[{"data":1,"prerenderedAt":2237},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Foverview\u002Fgetting-started\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":68},{"en":684,"id":1545},{"id":685,"title":67,"aside":686,"body":687,"collapse":10,"description":1540,"editLink":686,"extension":1541,"icon":9,"issueLink":686,"meta":1542,"navBadges":9,"navigation":9,"order":65,"path":68,"prevNext":686,"seo":1543,"stem":69,"toc":686,"__hash__":1544},"docs\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1.md",true,{"type":688,"value":689,"toc":1529},"minimark",[690,694,699,702,749,752,782,789,793,807,888,899,903,918,1162,1181,1188,1199,1287,1301,1312,1318,1365,1376,1380,1398,1486,1502,1506,1517,1525],[691,692,693],"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.",[695,696,698],"h2",{"id":697},"_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,700,701],{},"The normal import remains the recommended starting point:",[703,704,710],"pre",{"className":705,"code":706,"filename":707,"language":708,"meta":709,"style":709},"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","",[711,712,713,729,739],"code",{"__ignoreMap":709},[714,715,717,721,725],"span",{"class":716,"line":8},"line",[714,718,720],{"class":719},"szBVR","@import",[714,722,724],{"class":723},"sZZnC"," \"tailwindcss\"",[714,726,728],{"class":727},"sVt8B",";\n",[714,730,732,734,737],{"class":716,"line":731},2,[714,733,720],{"class":719},[714,735,736],{"class":723}," \"@sewadah\u002Fselaras\"",[714,738,728],{"class":727},[714,740,742,744,747],{"class":716,"line":741},3,[714,743,720],{"class":719},[714,745,746],{"class":723}," \"#selaras\u002Ftailwind.css\"",[714,748,728],{"class":727},[691,750,751],{},"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:",[703,753,755],{"className":705,"code":754,"filename":707,"language":708,"meta":709,"style":709},"@import \"tailwindcss\";\n@import \"@sewadah\u002Fselaras\u002Fstructural.css\";\n@import \"#selaras\u002Ftailwind.css\";\n",[711,756,757,765,774],{"__ignoreMap":709},[714,758,759,761,763],{"class":716,"line":8},[714,760,720],{"class":719},[714,762,724],{"class":723},[714,764,728],{"class":727},[714,766,767,769,772],{"class":716,"line":731},[714,768,720],{"class":719},[714,770,771],{"class":723}," \"@sewadah\u002Fselaras\u002Fstructural.css\"",[714,773,728],{"class":727},[714,775,776,778,780],{"class":716,"line":741},[714,777,720],{"class":719},[714,779,746],{"class":723},[714,781,728],{"class":727},[691,783,784,785,788],{},"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",[786,787,71],"a",{"href":76}," for the required semantic recipes and functional\ninputs.",[695,790,792],{"id":791},"_2-use-the-public-token-namespaces","2. Use the public token namespaces",[691,794,795,798,799,802,803,806],{},[711,796,797],{},"--selaras-*"," variables are customization inputs. Use\n",[711,800,801],{},"--selaras-resolved-*"," only when your own CSS needs the effective value after\nSelaras has applied defaults, modes, and scopes. The old ",[711,804,805],{},"--ui-*"," aliases are\nnot part of the 1.0 contract; move overrides to the semantic input that\nmatches their purpose.",[703,808,810],{"className":705,"code":809,"language":708,"meta":709,"style":709},"\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",[711,811,812,818,853,858,864],{"__ignoreMap":709},[714,813,814],{"class":716,"line":8},[714,815,817],{"class":816},"sJ8bj","\u002F* Before: a legacy, collision-prone implementation alias. *\u002F\n",[714,819,820,824,827,831,834,838,841,844,847,850],{"class":716,"line":731},[714,821,823],{"class":822},"sScJk",":root",[714,825,826],{"class":727}," { ",[714,828,830],{"class":829},"s4XuR","--ui-border",[714,832,833],{"class":727},": ",[714,835,837],{"class":836},"sj4cs","oklch",[714,839,840],{"class":727},"(",[714,842,843],{"class":836},"0.8",[714,845,846],{"class":836}," 0.02",[714,848,849],{"class":836}," 260",[714,851,852],{"class":727},"); }\n",[714,854,855],{"class":716,"line":741},[714,856,857],{"emptyLinePlaceholder":686},"\n",[714,859,861],{"class":716,"line":860},4,[714,862,863],{"class":816},"\u002F* After: the public semantic input. *\u002F\n",[714,865,867,869,871,874,876,878,880,882,884,886],{"class":716,"line":866},5,[714,868,823],{"class":822},[714,870,826],{"class":727},[714,872,873],{"class":829},"--selaras-border-default",[714,875,833],{"class":727},[714,877,837],{"class":836},[714,879,840],{"class":727},[714,881,843],{"class":836},[714,883,846],{"class":836},[714,885,849],{"class":836},[714,887,852],{"class":727},[691,889,890,891,894,895,898],{},"For a color role, provide individual recipe leaves such as\n",[711,892,893],{},"--selaras-color-primary-fill",". Do not target generated selectors,\n",[711,896,897],{},"--_selaras-*"," variables, or mode\u002Fportal attributes: they are implementation\ndetails and can change without a public migration path.",[695,900,902],{"id":901},"_3-register-colors-at-nuxt-build-time","3. Register colors at Nuxt build time",[691,904,905,906,909,910,913,914,917],{},"A custom ",[711,907,908],{},"color"," name must be registered in ",[711,911,912],{},"nuxt.config.ts",". Registration\ngenerates its CSS bindings and augments ",[711,915,916],{},"ColorRole",", so the same role works\nacross components without component-specific configuration:",[703,919,923],{"className":920,"code":921,"filename":912,"language":922,"meta":709,"style":709},"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",[711,924,925,939,943,957,968,973,979,985,996,1002,1013,1023,1033,1044,1055,1065,1071,1077,1087,1097,1106,1115,1124,1133,1137,1142,1147,1152,1157],{"__ignoreMap":709},[714,926,927,930,933,936],{"class":716,"line":8},[714,928,929],{"class":719},"import",[714,931,932],{"class":727}," { defineColor } ",[714,934,935],{"class":719},"from",[714,937,938],{"class":723}," '@sewadah\u002Fselaras\u002Ftheme'\n",[714,940,941],{"class":716,"line":731},[714,942,857],{"emptyLinePlaceholder":686},[714,944,945,948,951,954],{"class":716,"line":741},[714,946,947],{"class":719},"export",[714,949,950],{"class":719}," default",[714,952,953],{"class":822}," defineNuxtConfig",[714,955,956],{"class":727},"({\n",[714,958,959,962,965],{"class":716,"line":860},[714,960,961],{"class":727},"  modules: [",[714,963,964],{"class":723},"'@sewadah\u002Fselaras'",[714,966,967],{"class":727},"],\n",[714,969,970],{"class":716,"line":866},[714,971,972],{"class":727},"  selaras: {\n",[714,974,976],{"class":716,"line":975},6,[714,977,978],{"class":727},"    theme: {\n",[714,980,982],{"class":716,"line":981},7,[714,983,984],{"class":727},"      colors: {\n",[714,986,988,991,994],{"class":716,"line":987},8,[714,989,990],{"class":727},"        tertiary: ",[714,992,993],{"class":822},"defineColor",[714,995,956],{"class":727},[714,997,999],{"class":716,"line":998},9,[714,1000,1001],{"class":727},"          light: {\n",[714,1003,1004,1007,1010],{"class":716,"line":13},[714,1005,1006],{"class":727},"            fill: ",[714,1008,1009],{"class":723},"'var(--brand-tertiary)'",[714,1011,1012],{"class":727},",\n",[714,1014,1015,1018,1021],{"class":716,"line":151},[714,1016,1017],{"class":727},"            onFill: ",[714,1019,1020],{"class":723},"'#fff'",[714,1022,1012],{"class":727},[714,1024,1025,1028,1031],{"class":716,"line":170},[714,1026,1027],{"class":727},"            subtle: ",[714,1029,1030],{"class":723},"'var(--brand-tertiary-subtle)'",[714,1032,1012],{"class":727},[714,1034,1036,1039,1042],{"class":716,"line":1035},13,[714,1037,1038],{"class":727},"            onSubtle: ",[714,1040,1041],{"class":723},"'#172033'",[714,1043,1012],{"class":727},[714,1045,1047,1050,1053],{"class":716,"line":1046},14,[714,1048,1049],{"class":727},"            text: ",[714,1051,1052],{"class":723},"'#284772'",[714,1054,1012],{"class":727},[714,1056,1057,1060,1063],{"class":716,"line":648},[714,1058,1059],{"class":727},"            border: ",[714,1061,1062],{"class":723},"'#7aa1d6'",[714,1064,1012],{"class":727},[714,1066,1068],{"class":716,"line":1067},16,[714,1069,1070],{"class":727},"          },\n",[714,1072,1074],{"class":716,"line":1073},17,[714,1075,1076],{"class":727},"          dark: {\n",[714,1078,1080,1082,1085],{"class":716,"line":1079},18,[714,1081,1006],{"class":727},[714,1083,1084],{"class":723},"'#91bcf5'",[714,1086,1012],{"class":727},[714,1088,1090,1092,1095],{"class":716,"line":1089},19,[714,1091,1017],{"class":727},[714,1093,1094],{"class":723},"'#10213b'",[714,1096,1012],{"class":727},[714,1098,1099,1101,1104],{"class":716,"line":30},[714,1100,1027],{"class":727},[714,1102,1103],{"class":723},"'#18385f'",[714,1105,1012],{"class":727},[714,1107,1108,1110,1113],{"class":716,"line":247},[714,1109,1038],{"class":727},[714,1111,1112],{"class":723},"'#e9f2ff'",[714,1114,1012],{"class":727},[714,1116,1117,1119,1122],{"class":716,"line":257},[714,1118,1049],{"class":727},[714,1120,1121],{"class":723},"'#b7d4ff'",[714,1123,1012],{"class":727},[714,1125,1126,1128,1131],{"class":716,"line":272},[714,1127,1059],{"class":727},[714,1129,1130],{"class":723},"'#6b9bd8'",[714,1132,1012],{"class":727},[714,1134,1135],{"class":716,"line":287},[714,1136,1070],{"class":727},[714,1138,1139],{"class":716,"line":292},[714,1140,1141],{"class":727},"        }),\n",[714,1143,1144],{"class":716,"line":302},[714,1145,1146],{"class":727},"      },\n",[714,1148,1149],{"class":716,"line":307},[714,1150,1151],{"class":727},"    },\n",[714,1153,1154],{"class":716,"line":312},[714,1155,1156],{"class":727},"  },\n",[714,1158,1159],{"class":716,"line":326},[714,1160,1161],{"class":727},"})\n",[691,1163,1164,1165,1168,1169,1172,1173,1176,1177,1180],{},"Then use ",[711,1166,1167],{},"\u003CSButton color=\"tertiary\" \u002F>",", ",[711,1170,1171],{},"\u003CSBadge color=\"tertiary\" \u002F>",", and\nother applicable components normally. For a single opaque sRGB brand color,\n",[711,1174,1175],{},"defineColorFromSeed()"," can create an accessible complete recipe. Existing\ntoken systems can map resolved CSS values into ",[711,1178,1179],{},"defineColor()","; the DTCG helper\nconverts resolved color values, but does not import or resolve a whole DTCG\ndocument.",[695,1182,1184,1185],{"id":1183},"_4-move-runtime-settings-under-selaras","4. Move runtime settings under ",[711,1186,1187],{},"selaras",[691,1189,1190,1191,1194,1195,1198],{},"Place application-level Selaras configuration under ",[711,1192,1193],{},"app.config.selaras",".\nThis prevents collisions with other Nuxt modules and gives scoped ",[711,1196,1197],{},"STheme","\noverrides the same vocabulary:",[703,1200,1203],{"className":920,"code":1201,"filename":1202,"language":922,"meta":709,"style":709},"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",[711,1204,1205,1216,1220,1225,1236,1240,1245,1256,1260,1265,1275,1279,1283],{"__ignoreMap":709},[714,1206,1207,1209,1211,1214],{"class":716,"line":8},[714,1208,947],{"class":719},[714,1210,950],{"class":719},[714,1212,1213],{"class":822}," defineAppConfig",[714,1215,956],{"class":727},[714,1217,1218],{"class":716,"line":731},[714,1219,972],{"class":727},[714,1221,1222],{"class":716,"line":741},[714,1223,1224],{"class":727},"    ui: {\n",[714,1226,1227,1230,1233],{"class":716,"line":860},[714,1228,1229],{"class":727},"      button: { slots: { base: ",[714,1231,1232],{"class":723},"'rounded-full'",[714,1234,1235],{"class":727}," } },\n",[714,1237,1238],{"class":716,"line":866},[714,1239,1151],{"class":727},[714,1241,1242],{"class":716,"line":975},[714,1243,1244],{"class":727},"    defaults: {\n",[714,1246,1247,1250,1253],{"class":716,"line":981},[714,1248,1249],{"class":727},"      button: { size: ",[714,1251,1252],{"class":723},"'lg'",[714,1254,1255],{"class":727}," },\n",[714,1257,1258],{"class":716,"line":987},[714,1259,1151],{"class":727},[714,1261,1262],{"class":716,"line":998},[714,1263,1264],{"class":727},"    tokens: {\n",[714,1266,1267,1270,1273],{"class":716,"line":13},[714,1268,1269],{"class":727},"      light: { surfaces: { default: ",[714,1271,1272],{"class":723},"'#f8fafc'",[714,1274,1235],{"class":727},[714,1276,1277],{"class":716,"line":151},[714,1278,1151],{"class":727},[714,1280,1281],{"class":716,"line":170},[714,1282,1156],{"class":727},[714,1284,1285],{"class":716,"line":1035},[714,1286,1161],{"class":727},[691,1288,1289,1290,1292,1293,1296,1297,1300],{},"Use ",[711,1291,1197],{},"'s ",[711,1294,1295],{},"defaults"," prop for scoped component prop defaults. It supports\nonly components that document default support; ",[711,1298,1299],{},"ui"," recipe overrides remain\navailable for every typed recipe key.",[695,1302,1304,1305,1308,1309],{"id":1303},"_5-replace-mobilemodal-with-adaptive","5. Replace ",[711,1306,1307],{},"mobileModal"," with ",[711,1310,1311],{},"adaptive",[691,1313,1314,1315,1317],{},"Select, Autocomplete, DatePicker, and ColorPicker now opt into small-screen\npresentation with ",[711,1316,1311],{},":",[703,1319,1323],{"className":1320,"code":1321,"language":1322,"meta":709,"style":709},"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",[711,1324,1325,1330,1345,1349,1354],{"__ignoreMap":709},[714,1326,1327],{"class":716,"line":8},[714,1328,1329],{"class":816},"\u003C!-- Before -->\n",[714,1331,1332,1335,1339,1342],{"class":716,"line":731},[714,1333,1334],{"class":727},"\u003C",[714,1336,1338],{"class":1337},"s9eBZ","SDatePicker",[714,1340,1341],{"class":822}," mobile-modal",[714,1343,1344],{"class":727}," \u002F>\n",[714,1346,1347],{"class":716,"line":741},[714,1348,857],{"emptyLinePlaceholder":686},[714,1350,1351],{"class":716,"line":860},[714,1352,1353],{"class":816},"\u003C!-- After -->\n",[714,1355,1356,1358,1360,1363],{"class":716,"line":866},[714,1357,1334],{"class":727},[714,1359,1338],{"class":1337},[714,1361,1362],{"class":822}," adaptive",[714,1364,1344],{"class":727},[691,1366,1367,1368,1371,1372,1375],{},"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",[711,1369,1370],{},"selaras.adaptive.breakpoint","; see ",[786,1373,27],{"href":1374},"\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration#adaptive-breakpoint",".",[695,1377,1379],{"id":1378},"_6-follow-controlled-and-native-control-conventions","6. Follow controlled and native-control conventions",[691,1381,1289,1382,1385,1386,1389,1390,1393,1394,1397],{},[711,1383,1384],{},"v-model"," for controlled values and ",[711,1387,1388],{},"default-value"," for an uncontrolled\ninitial value. Controls with open state use ",[711,1391,1392],{},"v-model:open"," and ",[711,1395,1396],{},"default-open","\nthe same way. Do not pass both forms for the same state.",[703,1399,1401],{"className":1320,"code":1400,"language":1322,"meta":709,"style":709},"\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",[711,1402,1403,1408,1447,1451,1456],{"__ignoreMap":709},[714,1404,1405],{"class":716,"line":8},[714,1406,1407],{"class":816},"\u003C!-- Controlled -->\n",[714,1409,1410,1412,1415,1418,1421,1424,1427,1429,1431,1433,1436,1438,1440,1443,1445],{"class":716,"line":731},[714,1411,1334],{"class":727},[714,1413,1414],{"class":1337},"SSelect",[714,1416,1417],{"class":822}," v-model",[714,1419,1420],{"class":727},"=",[714,1422,1423],{"class":723},"\"",[714,1425,1426],{"class":727},"country",[714,1428,1423],{"class":723},[714,1430,1417],{"class":822},[714,1432,1317],{"class":727},[714,1434,1435],{"class":822},"open",[714,1437,1420],{"class":727},[714,1439,1423],{"class":723},[714,1441,1442],{"class":727},"isCountryPickerOpen",[714,1444,1423],{"class":723},[714,1446,1344],{"class":727},[714,1448,1449],{"class":716,"line":741},[714,1450,857],{"emptyLinePlaceholder":686},[714,1452,1453],{"class":716,"line":860},[714,1454,1455],{"class":816},"\u003C!-- Uncontrolled -->\n",[714,1457,1458,1460,1462,1465,1467,1470,1473,1475,1477,1479,1482,1484],{"class":716,"line":866},[714,1459,1334],{"class":727},[714,1461,1414],{"class":1337},[714,1463,1464],{"class":822}," default-value",[714,1466,1420],{"class":727},[714,1468,1469],{"class":723},"\"id\"",[714,1471,1472],{"class":727}," :",[714,1474,1396],{"class":822},[714,1476,1420],{"class":727},[714,1478,1423],{"class":723},[714,1480,1481],{"class":836},"false",[714,1483,1423],{"class":723},[714,1485,1344],{"class":727},[691,1487,1488,1489,1168,1492,1168,1495,1168,1498,1501],{},"For native form behavior, put ",[711,1490,1491],{},"name",[711,1493,1494],{},"form",[711,1496,1497],{},"required",[711,1499,1500],{},"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.",[695,1503,1505],{"id":1504},"_7-use-supported-imports","7. Use supported imports",[691,1507,1508,1509,1512,1513,1516],{},"Import from the package root, documented secondary entries, or\n",[711,1510,1511],{},"@sewadah\u002Fselaras\u002Fcomponents\u002F*",". Do not import renderer queues, internal\ncomposables, raw recipe files, or generated implementation files from ",[711,1514,1515],{},"dist",".\nThose paths were never stable integration points and are intentionally outside\nthe 1.0 public API.",[691,1518,1519,1520,1168,1522,1524],{},"Read the ",[786,1521,27],{"href":28},[786,1523,71],{"href":76},",\nand individual component pages for the resulting API reference. The generated\nchangelog remains a historical record; this page is the migration contract.",[1526,1527,1528],"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":709,"searchDepth":741,"depth":741,"links":1530},[1531,1532,1533,1534,1536,1538,1539],{"id":697,"depth":731,"text":698},{"id":791,"depth":731,"text":792},{"id":901,"depth":731,"text":902},{"id":1183,"depth":731,"text":1535},"4. Move runtime settings under selaras",{"id":1303,"depth":731,"text":1537},"5. Replace mobileModal with adaptive",{"id":1378,"depth":731,"text":1379},{"id":1504,"depth":731,"text":1505},"Update pre-1.0 Selaras themes, configuration, and adaptive controls.","md",{},{"title":67,"description":1540},"pnf4aJYn3nlzYQ_PWBJ0_xvV_Yf6mB4zxZHcS4ODHSM",{"id":1546,"title":1547,"aside":686,"body":1548,"collapse":10,"description":2231,"editLink":686,"extension":1541,"icon":9,"issueLink":686,"meta":2232,"navBadges":9,"navigation":9,"order":65,"path":2233,"prevNext":686,"seo":2234,"stem":2235,"toc":686,"__hash__":2236},"docs\u002Fid\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1.md","Migrasi ke 1.0",{"type":688,"value":1549,"toc":2220},[1550,1553,1557,1560,1588,1591,1619,1626,1630,1642,1705,1714,1718,1730,1918,1932,1938,1944,2018,2030,2039,2044,2083,2092,2096,2111,2185,2197,2201,2210,2218],[691,1551,1552],{},"Selaras 1.0 membuat kontrak tema dan komponen menjadi eksplisit. Sebagian besar aplikasi\ndapat mempertahankan instalasi dan penggunaan komponen biasa. Tinjau panduan ini jika Anda menyesuaikan variabel CSS, menentukan tema, menggunakan konfigurasi scoped, atau menggunakan picker adaptif.",[695,1554,1556],{"id":1555},"_1-pertahankan-impor-css-agregat-kecuali-anda-memiliki-tema-lengkap","1. Pertahankan impor CSS agregat kecuali Anda memiliki tema lengkap",[691,1558,1559],{},"Impor normal tetap menjadi titik awal yang direkomendasikan:",[703,1561,1562],{"className":705,"code":706,"filename":707,"language":708,"meta":709,"style":709},[711,1563,1564,1572,1580],{"__ignoreMap":709},[714,1565,1566,1568,1570],{"class":716,"line":8},[714,1567,720],{"class":719},[714,1569,724],{"class":723},[714,1571,728],{"class":727},[714,1573,1574,1576,1578],{"class":716,"line":731},[714,1575,720],{"class":719},[714,1577,736],{"class":723},[714,1579,728],{"class":727},[714,1581,1582,1584,1586],{"class":716,"line":741},[714,1583,720],{"class":719},[714,1585,746],{"class":723},[714,1587,728],{"class":727},[691,1589,1590],{},"Ini mencakup fondasi default dan resep semantik Selaras. Jika sistem desain Anda menyediakan setiap role dan token fungsional yang dapat dirender Selaras, gunakan entry struktural sebagai gantinya:",[703,1592,1593],{"className":705,"code":754,"filename":707,"language":708,"meta":709,"style":709},[711,1594,1595,1603,1611],{"__ignoreMap":709},[714,1596,1597,1599,1601],{"class":716,"line":8},[714,1598,720],{"class":719},[714,1600,724],{"class":723},[714,1602,728],{"class":727},[714,1604,1605,1607,1609],{"class":716,"line":731},[714,1606,720],{"class":719},[714,1608,771],{"class":723},[714,1610,728],{"class":727},[714,1612,1613,1615,1617],{"class":716,"line":741},[714,1614,720],{"class":719},[714,1616,746],{"class":723},[714,1618,728],{"class":727},[691,1620,1621,1622,1625],{},"CSS struktural adalah kontrak tema lengkap yang eksplisit. Ini tidak jatuh ke fondasi palet Selaras atau mendiagnosis role yang dihapus pada waktu runtime. Lihat ",[786,1623,1624],{"href":76},"Tema"," untuk resep semantik dan input fungsional yang diperlukan.",[695,1627,1629],{"id":1628},"_2-gunakan-namespace-token-publik","2. Gunakan namespace token publik",[691,1631,1632,1633,1635,1636,1638,1639,1641],{},"Variabel ",[711,1634,797],{}," adalah input kustomisasi. Gunakan\n",[711,1637,801],{}," hanya ketika CSS Anda sendiri membutuhkan nilai efektif setelah\nSelaras menerapkan default, mode, dan scope. Alias ",[711,1640,805],{}," lama\nbukan bagian dari kontrak 1.0; pindahkan override ke input semantik yang\nsesuai dengan tujuannya.",[703,1643,1645],{"className":705,"code":1644,"language":708,"meta":709,"style":709},"\u002F* Sebelum: alias implementasi lama yang rentan tabrakan. *\u002F\n:root { --ui-border: oklch(0.8 0.02 260); }\n\n\u002F* Sesudah: input semantik publik. *\u002F\n:root { --selaras-border-default: oklch(0.8 0.02 260); }\n",[711,1646,1647,1652,1674,1678,1683],{"__ignoreMap":709},[714,1648,1649],{"class":716,"line":8},[714,1650,1651],{"class":816},"\u002F* Sebelum: alias implementasi lama yang rentan tabrakan. *\u002F\n",[714,1653,1654,1656,1658,1660,1662,1664,1666,1668,1670,1672],{"class":716,"line":731},[714,1655,823],{"class":822},[714,1657,826],{"class":727},[714,1659,830],{"class":829},[714,1661,833],{"class":727},[714,1663,837],{"class":836},[714,1665,840],{"class":727},[714,1667,843],{"class":836},[714,1669,846],{"class":836},[714,1671,849],{"class":836},[714,1673,852],{"class":727},[714,1675,1676],{"class":716,"line":741},[714,1677,857],{"emptyLinePlaceholder":686},[714,1679,1680],{"class":716,"line":860},[714,1681,1682],{"class":816},"\u002F* Sesudah: input semantik publik. *\u002F\n",[714,1684,1685,1687,1689,1691,1693,1695,1697,1699,1701,1703],{"class":716,"line":866},[714,1686,823],{"class":822},[714,1688,826],{"class":727},[714,1690,873],{"class":829},[714,1692,833],{"class":727},[714,1694,837],{"class":836},[714,1696,840],{"class":727},[714,1698,843],{"class":836},[714,1700,846],{"class":836},[714,1702,849],{"class":836},[714,1704,852],{"class":727},[691,1706,1707,1708,1710,1711,1713],{},"Untuk role warna, berikan leaf resep individual seperti\n",[711,1709,893],{},". Jangan targetkan selector yang dihasilkan,\nvariabel ",[711,1712,897],{},", atau atribut mode\u002Fportal: mereka adalah detail\nimplementasi dan dapat berubah tanpa jalur migrasi publik.",[695,1715,1717],{"id":1716},"_3-daftarkan-warna-di-waktu-build-nuxt","3. Daftarkan warna di waktu build Nuxt",[691,1719,1720,1721,1723,1724,1726,1727,1729],{},"Nama ",[711,1722,908],{}," kustom harus didaftarkan di ",[711,1725,912],{},". Pendaftaran\nmenghasilkan binding CSS-nya dan menambahkannya ke ",[711,1728,916],{},", sehingga role yang sama berfungsi\ndi seluruh komponen tanpa konfigurasi khusus komponen:",[703,1731,1732],{"className":920,"code":921,"filename":912,"language":922,"meta":709,"style":709},[711,1733,1734,1744,1748,1758,1766,1770,1774,1778,1786,1790,1798,1806,1814,1822,1830,1838,1842,1846,1854,1862,1870,1878,1886,1894,1898,1902,1906,1910,1914],{"__ignoreMap":709},[714,1735,1736,1738,1740,1742],{"class":716,"line":8},[714,1737,929],{"class":719},[714,1739,932],{"class":727},[714,1741,935],{"class":719},[714,1743,938],{"class":723},[714,1745,1746],{"class":716,"line":731},[714,1747,857],{"emptyLinePlaceholder":686},[714,1749,1750,1752,1754,1756],{"class":716,"line":741},[714,1751,947],{"class":719},[714,1753,950],{"class":719},[714,1755,953],{"class":822},[714,1757,956],{"class":727},[714,1759,1760,1762,1764],{"class":716,"line":860},[714,1761,961],{"class":727},[714,1763,964],{"class":723},[714,1765,967],{"class":727},[714,1767,1768],{"class":716,"line":866},[714,1769,972],{"class":727},[714,1771,1772],{"class":716,"line":975},[714,1773,978],{"class":727},[714,1775,1776],{"class":716,"line":981},[714,1777,984],{"class":727},[714,1779,1780,1782,1784],{"class":716,"line":987},[714,1781,990],{"class":727},[714,1783,993],{"class":822},[714,1785,956],{"class":727},[714,1787,1788],{"class":716,"line":998},[714,1789,1001],{"class":727},[714,1791,1792,1794,1796],{"class":716,"line":13},[714,1793,1006],{"class":727},[714,1795,1009],{"class":723},[714,1797,1012],{"class":727},[714,1799,1800,1802,1804],{"class":716,"line":151},[714,1801,1017],{"class":727},[714,1803,1020],{"class":723},[714,1805,1012],{"class":727},[714,1807,1808,1810,1812],{"class":716,"line":170},[714,1809,1027],{"class":727},[714,1811,1030],{"class":723},[714,1813,1012],{"class":727},[714,1815,1816,1818,1820],{"class":716,"line":1035},[714,1817,1038],{"class":727},[714,1819,1041],{"class":723},[714,1821,1012],{"class":727},[714,1823,1824,1826,1828],{"class":716,"line":1046},[714,1825,1049],{"class":727},[714,1827,1052],{"class":723},[714,1829,1012],{"class":727},[714,1831,1832,1834,1836],{"class":716,"line":648},[714,1833,1059],{"class":727},[714,1835,1062],{"class":723},[714,1837,1012],{"class":727},[714,1839,1840],{"class":716,"line":1067},[714,1841,1070],{"class":727},[714,1843,1844],{"class":716,"line":1073},[714,1845,1076],{"class":727},[714,1847,1848,1850,1852],{"class":716,"line":1079},[714,1849,1006],{"class":727},[714,1851,1084],{"class":723},[714,1853,1012],{"class":727},[714,1855,1856,1858,1860],{"class":716,"line":1089},[714,1857,1017],{"class":727},[714,1859,1094],{"class":723},[714,1861,1012],{"class":727},[714,1863,1864,1866,1868],{"class":716,"line":30},[714,1865,1027],{"class":727},[714,1867,1103],{"class":723},[714,1869,1012],{"class":727},[714,1871,1872,1874,1876],{"class":716,"line":247},[714,1873,1038],{"class":727},[714,1875,1112],{"class":723},[714,1877,1012],{"class":727},[714,1879,1880,1882,1884],{"class":716,"line":257},[714,1881,1049],{"class":727},[714,1883,1121],{"class":723},[714,1885,1012],{"class":727},[714,1887,1888,1890,1892],{"class":716,"line":272},[714,1889,1059],{"class":727},[714,1891,1130],{"class":723},[714,1893,1012],{"class":727},[714,1895,1896],{"class":716,"line":287},[714,1897,1070],{"class":727},[714,1899,1900],{"class":716,"line":292},[714,1901,1141],{"class":727},[714,1903,1904],{"class":716,"line":302},[714,1905,1146],{"class":727},[714,1907,1908],{"class":716,"line":307},[714,1909,1151],{"class":727},[714,1911,1912],{"class":716,"line":312},[714,1913,1156],{"class":727},[714,1915,1916],{"class":716,"line":326},[714,1917,1161],{"class":727},[691,1919,1920,1921,1168,1923,1925,1926,1928,1929,1931],{},"Lalu gunakan ",[711,1922,1167],{},[711,1924,1171],{},", dan\nkomponen lain yang berlaku secara normal. Untuk satu warna brand sRGB opaque,\n",[711,1927,1175],{}," dapat membuat resep lengkap yang dapat diakses. Sistem\ntoken yang ada dapat memetakan nilai CSS yang diresolve ke ",[711,1930,1179],{},"; helper DTCG\nmengonversi nilai warna yang diresolve, tetapi tidak mengimpor atau me-resolve seluruh dokumen DTCG.",[695,1933,1935,1936],{"id":1934},"_4-pindahkan-pengaturan-runtime-ke-bawah-selaras","4. Pindahkan pengaturan runtime ke bawah ",[711,1937,1187],{},[691,1939,1940,1941,1943],{},"Tempatkan konfigurasi Selaras tingkat aplikasi di bawah ",[711,1942,1193],{},".\nIni mencegah tabrakan dengan modul Nuxt lain dan memberi override scoped `STheme\nvokabular yang sama:",[703,1945,1946],{"className":920,"code":1201,"filename":1202,"language":922,"meta":709,"style":709},[711,1947,1948,1958,1962,1966,1974,1978,1982,1990,1994,1998,2006,2010,2014],{"__ignoreMap":709},[714,1949,1950,1952,1954,1956],{"class":716,"line":8},[714,1951,947],{"class":719},[714,1953,950],{"class":719},[714,1955,1213],{"class":822},[714,1957,956],{"class":727},[714,1959,1960],{"class":716,"line":731},[714,1961,972],{"class":727},[714,1963,1964],{"class":716,"line":741},[714,1965,1224],{"class":727},[714,1967,1968,1970,1972],{"class":716,"line":860},[714,1969,1229],{"class":727},[714,1971,1232],{"class":723},[714,1973,1235],{"class":727},[714,1975,1976],{"class":716,"line":866},[714,1977,1151],{"class":727},[714,1979,1980],{"class":716,"line":975},[714,1981,1244],{"class":727},[714,1983,1984,1986,1988],{"class":716,"line":981},[714,1985,1249],{"class":727},[714,1987,1252],{"class":723},[714,1989,1255],{"class":727},[714,1991,1992],{"class":716,"line":987},[714,1993,1151],{"class":727},[714,1995,1996],{"class":716,"line":998},[714,1997,1264],{"class":727},[714,1999,2000,2002,2004],{"class":716,"line":13},[714,2001,1269],{"class":727},[714,2003,1272],{"class":723},[714,2005,1235],{"class":727},[714,2007,2008],{"class":716,"line":151},[714,2009,1151],{"class":727},[714,2011,2012],{"class":716,"line":170},[714,2013,1156],{"class":727},[714,2015,2016],{"class":716,"line":1035},[714,2017,1161],{"class":727},[691,2019,2020,2021,2023,2024,2026,2027,2029],{},"Gunakan prop ",[711,2022,1295],{}," dari ",[711,2025,1197],{}," untuk default props komponen scoped. Ini hanya mendukung komponen yang mendokumentasikan dukungan default; override resep ",[711,2028,1299],{}," tetap tersedia untuk setiap key resep yang diberi tipe.",[695,2031,2033,2034,2036,2037],{"id":2032},"_5-ganti-mobilemodal-dengan-adaptive","5. Ganti ",[711,2035,1307],{}," dengan ",[711,2038,1311],{},[691,2040,2041,2042,1317],{},"Select, Autocomplete, DatePicker, dan ColorPicker sekarang opt-in ke presentasi layar kecil\ndengan ",[711,2043,1311],{},[703,2045,2047],{"className":1320,"code":2046,"language":1322,"meta":709,"style":709},"\u003C!-- Sebelum -->\n\u003CSDatePicker mobile-modal \u002F>\n\n\u003C!-- Sesudah -->\n\u003CSDatePicker adaptive \u002F>\n",[711,2048,2049,2054,2064,2068,2073],{"__ignoreMap":709},[714,2050,2051],{"class":716,"line":8},[714,2052,2053],{"class":816},"\u003C!-- Sebelum -->\n",[714,2055,2056,2058,2060,2062],{"class":716,"line":731},[714,2057,1334],{"class":727},[714,2059,1338],{"class":1337},[714,2061,1341],{"class":822},[714,2063,1344],{"class":727},[714,2065,2066],{"class":716,"line":741},[714,2067,857],{"emptyLinePlaceholder":686},[714,2069,2070],{"class":716,"line":860},[714,2071,2072],{"class":816},"\u003C!-- Sesudah -->\n",[714,2074,2075,2077,2079,2081],{"class":716,"line":866},[714,2076,1334],{"class":727},[714,2078,1338],{"class":1337},[714,2080,1362],{"class":822},[714,2082,1344],{"class":727},[691,2084,2085,2086,2088,2089,1375],{},"Presentasi dipilih saat kontrol dibuka dan tetap stabil hingga\nditutup. Autocomplete menempatkan input dan saran di dalam modal seluler. Modul membaca breakpoint Tailwind yang dipilih oleh\n",[711,2087,1370],{},"; lihat ",[786,2090,2091],{"href":1374},"Instalasi",[695,2093,2095],{"id":2094},"_6-ikuti-konvensi-controlled-dan-native-control","6. Ikuti konvensi controlled dan native-control",[691,2097,2098,2099,2101,2102,2104,2105,2107,2108,2110],{},"Gunakan ",[711,2100,1384],{}," untuk nilai controlled dan ",[711,2103,1388],{}," untuk nilai awal uncontrolled. Kontrol dengan open state menggunakan ",[711,2106,1392],{}," dan ",[711,2109,1396],{},"\nsama saja. Jangan teruskan kedua bentuk untuk state yang sama.",[703,2112,2113],{"className":1320,"code":1400,"language":1322,"meta":709,"style":709},[711,2114,2115,2119,2151,2155,2159],{"__ignoreMap":709},[714,2116,2117],{"class":716,"line":8},[714,2118,1407],{"class":816},[714,2120,2121,2123,2125,2127,2129,2131,2133,2135,2137,2139,2141,2143,2145,2147,2149],{"class":716,"line":731},[714,2122,1334],{"class":727},[714,2124,1414],{"class":1337},[714,2126,1417],{"class":822},[714,2128,1420],{"class":727},[714,2130,1423],{"class":723},[714,2132,1426],{"class":727},[714,2134,1423],{"class":723},[714,2136,1417],{"class":822},[714,2138,1317],{"class":727},[714,2140,1435],{"class":822},[714,2142,1420],{"class":727},[714,2144,1423],{"class":723},[714,2146,1442],{"class":727},[714,2148,1423],{"class":723},[714,2150,1344],{"class":727},[714,2152,2153],{"class":716,"line":741},[714,2154,857],{"emptyLinePlaceholder":686},[714,2156,2157],{"class":716,"line":860},[714,2158,1455],{"class":816},[714,2160,2161,2163,2165,2167,2169,2171,2173,2175,2177,2179,2181,2183],{"class":716,"line":866},[714,2162,1334],{"class":727},[714,2164,1414],{"class":1337},[714,2166,1464],{"class":822},[714,2168,1420],{"class":727},[714,2170,1469],{"class":723},[714,2172,1472],{"class":727},[714,2174,1396],{"class":822},[714,2176,1420],{"class":727},[714,2178,1423],{"class":723},[714,2180,1481],{"class":836},[714,2182,1423],{"class":723},[714,2184,1344],{"class":727},[691,2186,2187,2188,1168,2190,1168,2192,1168,2194,2196],{},"Untuk perilaku formulir native, letakkan ",[711,2189,1491],{},[711,2191,1494],{},[711,2193,1497],{},[711,2195,1500],{},", atribut ARIA, dan listener fokus pada kontrol Selaras itu sendiri. Select dan kontrol picker menyinkronkan nilai formulir native dan perilaku reset; Select multiple menolak identitas terpilih yang duplikat.",[695,2198,2200],{"id":2199},"_7-gunakan-impor-yang-didukung","7. Gunakan impor yang didukung",[691,2202,2203,2204,2206,2207,2209],{},"Impor dari root paket, secondary entry yang didokumentasikan, atau\n",[711,2205,1511],{},". Jangan impor renderer queues, internal\ncomposables, file resep mentah, atau file implementasi yang dihasilkan dari ",[711,2208,1515],{},".\nJalur tersebut tidak pernah menjadi titik integrasi yang stabil dan sengaja di luar API publik 1.0.",[691,2211,2212,2213,1168,2215,2217],{},"Baca ",[786,2214,2091],{"href":28},[786,2216,1624],{"href":76},",\ndan halaman komponen individual untuk referensi API yang dihasilkan. Changelog yang dihasilkan tetap menjadi catatan historis; halaman ini adalah kontrak migrasi.",[1526,2219,1528],{},{"title":709,"searchDepth":741,"depth":741,"links":2221},[2222,2223,2224,2225,2227,2229,2230],{"id":1555,"depth":731,"text":1556},{"id":1628,"depth":731,"text":1629},{"id":1716,"depth":731,"text":1717},{"id":1934,"depth":731,"text":2226},"4. Pindahkan pengaturan runtime ke bawah selaras",{"id":2032,"depth":731,"text":2228},"5. Ganti mobileModal dengan adaptive",{"id":2094,"depth":731,"text":2095},{"id":2199,"depth":731,"text":2200},"Perbarui tema, konfigurasi, dan kontrol adaptif Selaras pra-1.0.",{},"\u002Fid\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1",{"title":1547,"description":2231},"id\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","hrRP5OZHC4aHEDUvMTbvAizfP3_O06xZmEshaHDjZOk",1792925240467]