[{"data":1,"prerenderedAt":1510},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1":649},[4,11,124,509,568,593],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,66,103],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",90,{"title":67,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":68,"stem":69,"children":70,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[71,74,78,82,86,90,95,99],{"title":67,"path":72,"stem":73,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":75,"path":76,"stem":77,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":79,"path":80,"stem":81,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":83,"path":84,"stem":85,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":87,"path":88,"stem":89,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":91,"path":92,"stem":93,"order":94,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":96,"path":97,"stem":98,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":100,"path":101,"stem":102,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":104,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":105,"stem":106,"children":107,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[108,112,116,120],{"title":109,"path":110,"stem":111,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":113,"path":114,"stem":115,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":117,"path":118,"stem":119,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":121,"path":122,"stem":123,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":125,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":126,"stem":127,"children":128,"page":10},"Components","\u002Fcomponents","components",[129,202,301,320,364,417,470],{"title":130,"path":131,"stem":132,"children":133,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[134,138,143,148,153,158,162,167,172,177,182,187,192,197],{"title":135,"path":136,"stem":137,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":139,"path":140,"stem":141,"order":142,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":144,"path":145,"stem":146,"order":147,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":149,"path":150,"stem":151,"order":152,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":154,"path":155,"stem":156,"order":157,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":159,"path":160,"stem":161,"order":157,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":163,"path":164,"stem":165,"order":166,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":168,"path":169,"stem":170,"order":171,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":173,"path":174,"stem":175,"order":176,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":178,"path":179,"stem":180,"order":181,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":183,"path":184,"stem":185,"order":186,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":188,"path":189,"stem":190,"order":191,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":193,"path":194,"stem":195,"order":196,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":198,"path":199,"stem":200,"order":201,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":203,"path":204,"stem":205,"children":206,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[207,211,216,221,226,231,236,241,246,251,256,261,266,271,276,281,286,291,296],{"title":208,"path":209,"stem":210,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":212,"path":213,"stem":214,"order":215,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":217,"path":218,"stem":219,"order":220,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",20.5,{"title":222,"path":223,"stem":224,"order":225,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":227,"path":228,"stem":229,"order":230,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":232,"path":233,"stem":234,"order":235,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":237,"path":238,"stem":239,"order":240,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":242,"path":243,"stem":244,"order":245,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":247,"path":248,"stem":249,"order":250,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":252,"path":253,"stem":254,"order":255,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":257,"path":258,"stem":259,"order":260,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":262,"path":263,"stem":264,"order":265,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":267,"path":268,"stem":269,"order":270,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":272,"path":273,"stem":274,"order":275,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":277,"path":278,"stem":279,"order":280,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":282,"path":283,"stem":284,"order":285,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":287,"path":288,"stem":289,"order":290,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":292,"path":293,"stem":294,"order":295,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":297,"path":298,"stem":299,"order":300,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":302,"path":303,"stem":304,"children":305,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[306,311,315],{"title":307,"path":308,"stem":309,"order":310,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":312,"path":313,"stem":314,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":316,"path":317,"stem":318,"order":319,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":321,"path":322,"stem":323,"children":324,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[325,330,334,339,344,349,354,359],{"title":326,"path":327,"stem":328,"order":329,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":331,"path":332,"stem":333,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":335,"path":336,"stem":337,"order":338,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":340,"path":341,"stem":342,"order":343,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":345,"path":346,"stem":347,"order":348,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":350,"path":351,"stem":352,"order":353,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":355,"path":356,"stem":357,"order":358,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":360,"path":361,"stem":362,"order":363,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":365,"path":366,"stem":367,"children":368,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[369,373,378,383,388,393,398,403,408,412],{"title":370,"path":371,"stem":372,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":374,"path":375,"stem":376,"order":377,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":379,"path":380,"stem":381,"order":382,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":384,"path":385,"stem":386,"order":387,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":389,"path":390,"stem":391,"order":392,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":394,"path":395,"stem":396,"order":397,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":399,"path":400,"stem":401,"order":402,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":404,"path":405,"stem":406,"order":407,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":409,"path":410,"stem":411,"order":94,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":413,"path":414,"stem":415,"order":416,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":418,"path":419,"stem":420,"children":421,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[422,427,431,436,441,446,450,455,460,465],{"title":423,"path":424,"stem":425,"order":426,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":428,"path":429,"stem":430,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":432,"path":433,"stem":434,"order":435,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":437,"path":438,"stem":439,"order":440,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":442,"path":443,"stem":444,"order":445,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":447,"path":448,"stem":449,"order":445,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":451,"path":452,"stem":453,"order":454,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":456,"path":457,"stem":458,"order":459,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":461,"path":462,"stem":463,"order":464,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":466,"path":467,"stem":468,"order":469,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":471,"path":472,"stem":473,"children":474,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[475,479,484,489,494,499,504],{"title":476,"path":477,"stem":478,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":480,"path":481,"stem":482,"order":483,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":485,"path":486,"stem":487,"order":488,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":490,"path":491,"stem":492,"order":493,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":495,"path":496,"stem":497,"order":498,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":500,"path":501,"stem":502,"order":503,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":505,"path":506,"stem":507,"order":508,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":510,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":511,"stem":512,"children":513,"page":10},"Composites","\u002Fcomposites","composites",[514,543],{"title":515,"path":516,"stem":517,"children":518,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[519,523,527,531,535,539],{"title":520,"path":521,"stem":522,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":524,"path":525,"stem":526,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":528,"path":529,"stem":530,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":532,"path":533,"stem":534,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":536,"path":537,"stem":538,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":540,"path":541,"stem":542,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":544,"path":545,"stem":546,"children":547,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[548,552,556,560,564],{"title":549,"path":550,"stem":551,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":553,"path":554,"stem":555,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":557,"path":558,"stem":559,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":561,"path":562,"stem":563,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":565,"path":566,"stem":567,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":569,"order":570,"icon":9,"collapse":10,"navBadges":9,"path":571,"stem":572,"children":573,"page":10},"Blocks",35,"\u002Fblocks","blocks",[574,577,581,585,589],{"title":569,"path":575,"stem":576,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":578,"path":579,"stem":580,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":582,"path":583,"stem":584,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":586,"path":587,"stem":588,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":590,"path":591,"stem":592,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":594,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":595,"stem":596,"children":597,"page":10},"Utilities","\u002Futilities","utilities",[598,632],{"title":599,"path":600,"stem":601,"children":602,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[603,607,611,616,620,624,628],{"title":604,"path":605,"stem":606,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":608,"path":609,"stem":610,"order":166,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":612,"path":613,"stem":614,"order":615,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":617,"path":618,"stem":619,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":621,"path":622,"stem":623,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":625,"path":626,"stem":627,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":629,"path":630,"stem":631,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":633,"path":634,"stem":635,"children":636,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[637,641,645],{"title":638,"path":639,"stem":640,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":642,"path":643,"stem":644,"order":615,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":646,"path":647,"stem":648,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"id":650,"title":62,"aside":651,"body":652,"collapse":10,"description":1505,"editLink":651,"extension":1506,"icon":9,"issueLink":651,"meta":1507,"navBadges":9,"navigation":9,"order":65,"path":63,"prevNext":651,"seo":1508,"stem":64,"toc":651,"__hash__":1509},"docs\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1.md",true,{"type":653,"value":654,"toc":1494},"minimark",[655,659,664,667,714,717,747,754,758,772,853,864,868,883,1127,1146,1153,1164,1252,1266,1277,1283,1330,1341,1345,1363,1451,1467,1471,1482,1490],[656,657,658],"p",{},"Selaras 1.0 makes the theme and component contracts explicit. Most applications\ncan keep the usual installation and component usage. Review this guide if you\ncustomize CSS variables, define a theme, use scoped configuration, or use an\nadaptive picker.",[660,661,663],"h2",{"id":662},"_1-keep-the-aggregate-css-import-unless-you-own-a-complete-theme","1. Keep the aggregate CSS import unless you own a complete theme",[656,665,666],{},"The normal import remains the recommended starting point:",[668,669,675],"pre",{"className":670,"code":671,"filename":672,"language":673,"meta":674,"style":674},"language-css shiki shiki-themes github-light github-dark","@import \"tailwindcss\";\n@import \"@sewadah\u002Fselaras\";\n@import \"#selaras\u002Ftailwind.css\";\n","assets\u002Fcss\u002Fmain.css","css","",[676,677,678,694,704],"code",{"__ignoreMap":674},[679,680,682,686,690],"span",{"class":681,"line":8},"line",[679,683,685],{"class":684},"szBVR","@import",[679,687,689],{"class":688},"sZZnC"," \"tailwindcss\"",[679,691,693],{"class":692},"sVt8B",";\n",[679,695,697,699,702],{"class":681,"line":696},2,[679,698,685],{"class":684},[679,700,701],{"class":688}," \"@sewadah\u002Fselaras\"",[679,703,693],{"class":692},[679,705,707,709,712],{"class":681,"line":706},3,[679,708,685],{"class":684},[679,710,711],{"class":688}," \"#selaras\u002Ftailwind.css\"",[679,713,693],{"class":692},[656,715,716],{},"It includes Selaras's default foundations and semantic recipes. If your design\nsystem supplies every role and functional token that Selaras can render, use\nthe structural entry instead:",[668,718,720],{"className":670,"code":719,"filename":672,"language":673,"meta":674,"style":674},"@import \"tailwindcss\";\n@import \"@sewadah\u002Fselaras\u002Fstructural.css\";\n@import \"#selaras\u002Ftailwind.css\";\n",[676,721,722,730,739],{"__ignoreMap":674},[679,723,724,726,728],{"class":681,"line":8},[679,725,685],{"class":684},[679,727,689],{"class":688},[679,729,693],{"class":692},[679,731,732,734,737],{"class":681,"line":696},[679,733,685],{"class":684},[679,735,736],{"class":688}," \"@sewadah\u002Fselaras\u002Fstructural.css\"",[679,738,693],{"class":692},[679,740,741,743,745],{"class":681,"line":706},[679,742,685],{"class":684},[679,744,711],{"class":688},[679,746,693],{"class":692},[656,748,749,750,753],{},"Structural CSS is an explicit complete-theme contract. It does not fall back\nto Selaras palette values or diagnose omitted roles at runtime. See\n",[751,752,67],"a",{"href":72}," for the required semantic recipes and functional\ninputs.",[660,755,757],{"id":756},"_2-use-the-public-token-namespaces","2. Use the public token namespaces",[656,759,760,763,764,767,768,771],{},[676,761,762],{},"--selaras-*"," variables are customization inputs. Use\n",[676,765,766],{},"--selaras-resolved-*"," only when your own CSS needs the effective value after\nSelaras has applied defaults, modes, and scopes. The old ",[676,769,770],{},"--ui-*"," aliases are\nnot part of the 1.0 contract; move overrides to the semantic input that\nmatches their purpose.",[668,773,775],{"className":670,"code":774,"language":673,"meta":674,"style":674},"\u002F* Before: a legacy, collision-prone implementation alias. *\u002F\n:root { --ui-border: oklch(0.8 0.02 260); }\n\n\u002F* After: the public semantic input. *\u002F\n:root { --selaras-border-default: oklch(0.8 0.02 260); }\n",[676,776,777,783,818,823,829],{"__ignoreMap":674},[679,778,779],{"class":681,"line":8},[679,780,782],{"class":781},"sJ8bj","\u002F* Before: a legacy, collision-prone implementation alias. *\u002F\n",[679,784,785,789,792,796,799,803,806,809,812,815],{"class":681,"line":696},[679,786,788],{"class":787},"sScJk",":root",[679,790,791],{"class":692}," { ",[679,793,795],{"class":794},"s4XuR","--ui-border",[679,797,798],{"class":692},": ",[679,800,802],{"class":801},"sj4cs","oklch",[679,804,805],{"class":692},"(",[679,807,808],{"class":801},"0.8",[679,810,811],{"class":801}," 0.02",[679,813,814],{"class":801}," 260",[679,816,817],{"class":692},"); }\n",[679,819,820],{"class":681,"line":706},[679,821,822],{"emptyLinePlaceholder":651},"\n",[679,824,826],{"class":681,"line":825},4,[679,827,828],{"class":781},"\u002F* After: the public semantic input. *\u002F\n",[679,830,832,834,836,839,841,843,845,847,849,851],{"class":681,"line":831},5,[679,833,788],{"class":787},[679,835,791],{"class":692},[679,837,838],{"class":794},"--selaras-border-default",[679,840,798],{"class":692},[679,842,802],{"class":801},[679,844,805],{"class":692},[679,846,808],{"class":801},[679,848,811],{"class":801},[679,850,814],{"class":801},[679,852,817],{"class":692},[656,854,855,856,859,860,863],{},"For a color role, provide individual recipe leaves such as\n",[676,857,858],{},"--selaras-color-primary-fill",". Do not target generated selectors,\n",[676,861,862],{},"--_selaras-*"," variables, or mode\u002Fportal attributes: they are implementation\ndetails and can change without a public migration path.",[660,865,867],{"id":866},"_3-register-colors-at-nuxt-build-time","3. Register colors at Nuxt build time",[656,869,870,871,874,875,878,879,882],{},"A custom ",[676,872,873],{},"color"," name must be registered in ",[676,876,877],{},"nuxt.config.ts",". Registration\ngenerates its CSS bindings and augments ",[676,880,881],{},"ColorRole",", so the same role works\nacross components without component-specific configuration:",[668,884,888],{"className":885,"code":886,"filename":877,"language":887,"meta":674,"style":674},"language-ts shiki shiki-themes github-light github-dark","import { defineColor } from '@sewadah\u002Fselaras\u002Ftheme'\n\nexport default defineNuxtConfig({\n  modules: ['@sewadah\u002Fselaras'],\n  selaras: {\n    theme: {\n      colors: {\n        tertiary: defineColor({\n          light: {\n            fill: 'var(--brand-tertiary)',\n            onFill: '#fff',\n            subtle: 'var(--brand-tertiary-subtle)',\n            onSubtle: '#172033',\n            text: '#284772',\n            border: '#7aa1d6',\n          },\n          dark: {\n            fill: '#91bcf5',\n            onFill: '#10213b',\n            subtle: '#18385f',\n            onSubtle: '#e9f2ff',\n            text: '#b7d4ff',\n            border: '#6b9bd8',\n          },\n        }),\n      },\n    },\n  },\n})\n","ts",[676,889,890,904,908,922,933,938,944,950,961,967,978,988,998,1009,1020,1030,1036,1042,1052,1062,1071,1080,1089,1098,1102,1107,1112,1117,1122],{"__ignoreMap":674},[679,891,892,895,898,901],{"class":681,"line":8},[679,893,894],{"class":684},"import",[679,896,897],{"class":692}," { defineColor } ",[679,899,900],{"class":684},"from",[679,902,903],{"class":688}," '@sewadah\u002Fselaras\u002Ftheme'\n",[679,905,906],{"class":681,"line":696},[679,907,822],{"emptyLinePlaceholder":651},[679,909,910,913,916,919],{"class":681,"line":706},[679,911,912],{"class":684},"export",[679,914,915],{"class":684}," default",[679,917,918],{"class":787}," defineNuxtConfig",[679,920,921],{"class":692},"({\n",[679,923,924,927,930],{"class":681,"line":825},[679,925,926],{"class":692},"  modules: [",[679,928,929],{"class":688},"'@sewadah\u002Fselaras'",[679,931,932],{"class":692},"],\n",[679,934,935],{"class":681,"line":831},[679,936,937],{"class":692},"  selaras: {\n",[679,939,941],{"class":681,"line":940},6,[679,942,943],{"class":692},"    theme: {\n",[679,945,947],{"class":681,"line":946},7,[679,948,949],{"class":692},"      colors: {\n",[679,951,953,956,959],{"class":681,"line":952},8,[679,954,955],{"class":692},"        tertiary: ",[679,957,958],{"class":787},"defineColor",[679,960,921],{"class":692},[679,962,964],{"class":681,"line":963},9,[679,965,966],{"class":692},"          light: {\n",[679,968,969,972,975],{"class":681,"line":13},[679,970,971],{"class":692},"            fill: ",[679,973,974],{"class":688},"'var(--brand-tertiary)'",[679,976,977],{"class":692},",\n",[679,979,980,983,986],{"class":681,"line":147},[679,981,982],{"class":692},"            onFill: ",[679,984,985],{"class":688},"'#fff'",[679,987,977],{"class":692},[679,989,990,993,996],{"class":681,"line":166},[679,991,992],{"class":692},"            subtle: ",[679,994,995],{"class":688},"'var(--brand-tertiary-subtle)'",[679,997,977],{"class":692},[679,999,1001,1004,1007],{"class":681,"line":1000},13,[679,1002,1003],{"class":692},"            onSubtle: ",[679,1005,1006],{"class":688},"'#172033'",[679,1008,977],{"class":692},[679,1010,1012,1015,1018],{"class":681,"line":1011},14,[679,1013,1014],{"class":692},"            text: ",[679,1016,1017],{"class":688},"'#284772'",[679,1019,977],{"class":692},[679,1021,1022,1025,1028],{"class":681,"line":615},[679,1023,1024],{"class":692},"            border: ",[679,1026,1027],{"class":688},"'#7aa1d6'",[679,1029,977],{"class":692},[679,1031,1033],{"class":681,"line":1032},16,[679,1034,1035],{"class":692},"          },\n",[679,1037,1039],{"class":681,"line":1038},17,[679,1040,1041],{"class":692},"          dark: {\n",[679,1043,1045,1047,1050],{"class":681,"line":1044},18,[679,1046,971],{"class":692},[679,1048,1049],{"class":688},"'#91bcf5'",[679,1051,977],{"class":692},[679,1053,1055,1057,1060],{"class":681,"line":1054},19,[679,1056,982],{"class":692},[679,1058,1059],{"class":688},"'#10213b'",[679,1061,977],{"class":692},[679,1063,1064,1066,1069],{"class":681,"line":30},[679,1065,992],{"class":692},[679,1067,1068],{"class":688},"'#18385f'",[679,1070,977],{"class":692},[679,1072,1073,1075,1078],{"class":681,"line":235},[679,1074,1003],{"class":692},[679,1076,1077],{"class":688},"'#e9f2ff'",[679,1079,977],{"class":692},[679,1081,1082,1084,1087],{"class":681,"line":245},[679,1083,1014],{"class":692},[679,1085,1086],{"class":688},"'#b7d4ff'",[679,1088,977],{"class":692},[679,1090,1091,1093,1096],{"class":681,"line":260},[679,1092,1024],{"class":692},[679,1094,1095],{"class":688},"'#6b9bd8'",[679,1097,977],{"class":692},[679,1099,1100],{"class":681,"line":275},[679,1101,1035],{"class":692},[679,1103,1104],{"class":681,"line":280},[679,1105,1106],{"class":692},"        }),\n",[679,1108,1109],{"class":681,"line":290},[679,1110,1111],{"class":692},"      },\n",[679,1113,1114],{"class":681,"line":295},[679,1115,1116],{"class":692},"    },\n",[679,1118,1119],{"class":681,"line":300},[679,1120,1121],{"class":692},"  },\n",[679,1123,1124],{"class":681,"line":310},[679,1125,1126],{"class":692},"})\n",[656,1128,1129,1130,1133,1134,1137,1138,1141,1142,1145],{},"Then use ",[676,1131,1132],{},"\u003CSButton color=\"tertiary\" \u002F>",", ",[676,1135,1136],{},"\u003CSBadge color=\"tertiary\" \u002F>",", and\nother applicable components normally. For a single opaque sRGB brand color,\n",[676,1139,1140],{},"defineColorFromSeed()"," can create an accessible complete recipe. Existing\ntoken systems can map resolved CSS values into ",[676,1143,1144],{},"defineColor()","; the DTCG helper\nconverts resolved color values, but does not import or resolve a whole DTCG\ndocument.",[660,1147,1149,1150],{"id":1148},"_4-move-runtime-settings-under-selaras","4. Move runtime settings under ",[676,1151,1152],{},"selaras",[656,1154,1155,1156,1159,1160,1163],{},"Place application-level Selaras configuration under ",[676,1157,1158],{},"app.config.selaras",".\nThis prevents collisions with other Nuxt modules and gives scoped ",[676,1161,1162],{},"STheme","\noverrides the same vocabulary:",[668,1165,1168],{"className":885,"code":1166,"filename":1167,"language":887,"meta":674,"style":674},"export default defineAppConfig({\n  selaras: {\n    ui: {\n      button: { slots: { base: 'rounded-full' } },\n    },\n    defaults: {\n      button: { size: 'lg' },\n    },\n    tokens: {\n      light: { surfaces: { default: '#f8fafc' } },\n    },\n  },\n})\n","app.config.ts",[676,1169,1170,1181,1185,1190,1201,1205,1210,1221,1225,1230,1240,1244,1248],{"__ignoreMap":674},[679,1171,1172,1174,1176,1179],{"class":681,"line":8},[679,1173,912],{"class":684},[679,1175,915],{"class":684},[679,1177,1178],{"class":787}," defineAppConfig",[679,1180,921],{"class":692},[679,1182,1183],{"class":681,"line":696},[679,1184,937],{"class":692},[679,1186,1187],{"class":681,"line":706},[679,1188,1189],{"class":692},"    ui: {\n",[679,1191,1192,1195,1198],{"class":681,"line":825},[679,1193,1194],{"class":692},"      button: { slots: { base: ",[679,1196,1197],{"class":688},"'rounded-full'",[679,1199,1200],{"class":692}," } },\n",[679,1202,1203],{"class":681,"line":831},[679,1204,1116],{"class":692},[679,1206,1207],{"class":681,"line":940},[679,1208,1209],{"class":692},"    defaults: {\n",[679,1211,1212,1215,1218],{"class":681,"line":946},[679,1213,1214],{"class":692},"      button: { size: ",[679,1216,1217],{"class":688},"'lg'",[679,1219,1220],{"class":692}," },\n",[679,1222,1223],{"class":681,"line":952},[679,1224,1116],{"class":692},[679,1226,1227],{"class":681,"line":963},[679,1228,1229],{"class":692},"    tokens: {\n",[679,1231,1232,1235,1238],{"class":681,"line":13},[679,1233,1234],{"class":692},"      light: { surfaces: { default: ",[679,1236,1237],{"class":688},"'#f8fafc'",[679,1239,1200],{"class":692},[679,1241,1242],{"class":681,"line":147},[679,1243,1116],{"class":692},[679,1245,1246],{"class":681,"line":166},[679,1247,1121],{"class":692},[679,1249,1250],{"class":681,"line":1000},[679,1251,1126],{"class":692},[656,1253,1254,1255,1257,1258,1261,1262,1265],{},"Use ",[676,1256,1162],{},"'s ",[676,1259,1260],{},"defaults"," prop for scoped component prop defaults. It supports\nonly components that document default support; ",[676,1263,1264],{},"ui"," recipe overrides remain\navailable for every typed recipe key.",[660,1267,1269,1270,1273,1274],{"id":1268},"_5-replace-mobilemodal-with-adaptive","5. Replace ",[676,1271,1272],{},"mobileModal"," with ",[676,1275,1276],{},"adaptive",[656,1278,1279,1280,1282],{},"Select, Autocomplete, DatePicker, and ColorPicker now opt into small-screen\npresentation with ",[676,1281,1276],{},":",[668,1284,1288],{"className":1285,"code":1286,"language":1287,"meta":674,"style":674},"language-vue-html shiki shiki-themes github-light github-dark","\u003C!-- Before -->\n\u003CSDatePicker mobile-modal \u002F>\n\n\u003C!-- After -->\n\u003CSDatePicker adaptive \u002F>\n","vue-html",[676,1289,1290,1295,1310,1314,1319],{"__ignoreMap":674},[679,1291,1292],{"class":681,"line":8},[679,1293,1294],{"class":781},"\u003C!-- Before -->\n",[679,1296,1297,1300,1304,1307],{"class":681,"line":696},[679,1298,1299],{"class":692},"\u003C",[679,1301,1303],{"class":1302},"s9eBZ","SDatePicker",[679,1305,1306],{"class":787}," mobile-modal",[679,1308,1309],{"class":692}," \u002F>\n",[679,1311,1312],{"class":681,"line":706},[679,1313,822],{"emptyLinePlaceholder":651},[679,1315,1316],{"class":681,"line":825},[679,1317,1318],{"class":781},"\u003C!-- After -->\n",[679,1320,1321,1323,1325,1328],{"class":681,"line":831},[679,1322,1299],{"class":692},[679,1324,1303],{"class":1302},[679,1326,1327],{"class":787}," adaptive",[679,1329,1309],{"class":692},[656,1331,1332,1333,1336,1337,1340],{},"The presentation is selected when the control opens and remains stable until it\ncloses. Autocomplete places its input and suggestions inside the mobile modal. The module reads the Tailwind breakpoint selected by\n",[676,1334,1335],{},"selaras.adaptive.breakpoint","; see ",[751,1338,27],{"href":1339},"\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration#adaptive-breakpoint",".",[660,1342,1344],{"id":1343},"_6-follow-controlled-and-native-control-conventions","6. Follow controlled and native-control conventions",[656,1346,1254,1347,1350,1351,1354,1355,1358,1359,1362],{},[676,1348,1349],{},"v-model"," for controlled values and ",[676,1352,1353],{},"default-value"," for an uncontrolled\ninitial value. Controls with open state use ",[676,1356,1357],{},"v-model:open"," and ",[676,1360,1361],{},"default-open","\nthe same way. Do not pass both forms for the same state.",[668,1364,1366],{"className":1285,"code":1365,"language":1287,"meta":674,"style":674},"\u003C!-- Controlled -->\n\u003CSSelect v-model=\"country\" v-model:open=\"isCountryPickerOpen\" \u002F>\n\n\u003C!-- Uncontrolled -->\n\u003CSSelect default-value=\"id\" :default-open=\"false\" \u002F>\n",[676,1367,1368,1373,1412,1416,1421],{"__ignoreMap":674},[679,1369,1370],{"class":681,"line":8},[679,1371,1372],{"class":781},"\u003C!-- Controlled -->\n",[679,1374,1375,1377,1380,1383,1386,1389,1392,1394,1396,1398,1401,1403,1405,1408,1410],{"class":681,"line":696},[679,1376,1299],{"class":692},[679,1378,1379],{"class":1302},"SSelect",[679,1381,1382],{"class":787}," v-model",[679,1384,1385],{"class":692},"=",[679,1387,1388],{"class":688},"\"",[679,1390,1391],{"class":692},"country",[679,1393,1388],{"class":688},[679,1395,1382],{"class":787},[679,1397,1282],{"class":692},[679,1399,1400],{"class":787},"open",[679,1402,1385],{"class":692},[679,1404,1388],{"class":688},[679,1406,1407],{"class":692},"isCountryPickerOpen",[679,1409,1388],{"class":688},[679,1411,1309],{"class":692},[679,1413,1414],{"class":681,"line":706},[679,1415,822],{"emptyLinePlaceholder":651},[679,1417,1418],{"class":681,"line":825},[679,1419,1420],{"class":781},"\u003C!-- Uncontrolled -->\n",[679,1422,1423,1425,1427,1430,1432,1435,1438,1440,1442,1444,1447,1449],{"class":681,"line":831},[679,1424,1299],{"class":692},[679,1426,1379],{"class":1302},[679,1428,1429],{"class":787}," default-value",[679,1431,1385],{"class":692},[679,1433,1434],{"class":688},"\"id\"",[679,1436,1437],{"class":692}," :",[679,1439,1361],{"class":787},[679,1441,1385],{"class":692},[679,1443,1388],{"class":688},[679,1445,1446],{"class":801},"false",[679,1448,1388],{"class":688},[679,1450,1309],{"class":692},[656,1452,1453,1454,1133,1457,1133,1460,1133,1463,1466],{},"For native form behavior, put ",[676,1455,1456],{},"name",[676,1458,1459],{},"form",[676,1461,1462],{},"required",[676,1464,1465],{},"readonly",", ARIA\nattributes, and focus listeners on the Selaras control itself. Select and\npicker controls synchronize their native form value and reset behavior; a\nmultiple Select rejects duplicate selected identities.",[660,1468,1470],{"id":1469},"_7-use-supported-imports","7. Use supported imports",[656,1472,1473,1474,1477,1478,1481],{},"Import from the package root, documented secondary entries, or\n",[676,1475,1476],{},"@sewadah\u002Fselaras\u002Fcomponents\u002F*",". Do not import renderer queues, internal\ncomposables, raw recipe files, or generated implementation files from ",[676,1479,1480],{},"dist",".\nThose paths were never stable integration points and are intentionally outside\nthe 1.0 public API.",[656,1483,1484,1485,1133,1487,1489],{},"Read the ",[751,1486,27],{"href":28},[751,1488,67],{"href":72},",\nand individual component pages for the resulting API reference. The generated\nchangelog remains a historical record; this page is the migration contract.",[1491,1492,1493],"style",{},"html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}",{"title":674,"searchDepth":706,"depth":706,"links":1495},[1496,1497,1498,1499,1501,1503,1504],{"id":662,"depth":696,"text":663},{"id":756,"depth":696,"text":757},{"id":866,"depth":696,"text":867},{"id":1148,"depth":696,"text":1500},"4. Move runtime settings under selaras",{"id":1268,"depth":696,"text":1502},"5. Replace mobileModal with adaptive",{"id":1343,"depth":696,"text":1344},{"id":1469,"depth":696,"text":1470},"Update pre-1.0 Selaras themes, configuration, and adaptive controls.","md",{},{"title":62,"description":1505},"pnf4aJYn3nlzYQ_PWBJ0_xvV_Yf6mB4zxZHcS4ODHSM",1792071570838]