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