[{"data":1,"prerenderedAt":1891},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Flayout\u002Ftheme":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":483},{"en":684,"id":1339},{"id":685,"title":482,"aside":686,"body":687,"collapse":10,"description":1334,"editLink":686,"extension":1335,"icon":9,"issueLink":686,"meta":1336,"navBadges":9,"navigation":9,"order":485,"path":483,"prevNext":686,"seo":1337,"stem":484,"toc":686,"__hash__":1338},"docs\u002Fcomponents\u002Flayout\u002Ftheme.md",true,{"type":688,"value":689,"toc":1326},"minimark",[690,695,714,718,805,814,843,848,853,927,961,965,971,1075,1079,1085,1140,1156,1159,1163,1254,1274,1322],[691,692,694],"h2",{"id":693},"usage","Usage",[696,697,698,702,703,6,706,709,710,713],"p",{},[699,700,701],"code",{},"STheme"," applies ",[699,704,705],{},"ui",[699,707,708],{},"defaults"," overrides to descendant components.\nIt is headless by default. Set ",[699,711,712],{},"as"," to give runtime token overrides an\nexplicit DOM boundary.",[715,716],"component-example",{"name":717},"theme-basic",[719,720,725],"pre",{"className":721,"code":722,"language":723,"meta":724,"style":724},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSButton>Default\u003C\u002FSButton>\n\u003CSTheme :ui=\"{ button: { slots: { base: 'rounded-full' } } }\">\n  \u003CSButton>Rounded, scoped\u003C\u002FSButton>\n\u003C\u002FSTheme>\n","vue-html","",[699,726,727,747,780,795],{"__ignoreMap":724},[728,729,731,735,739,742,744],"span",{"class":730,"line":8},"line",[728,732,734],{"class":733},"sVt8B","\u003C",[728,736,738],{"class":737},"s9eBZ","SButton",[728,740,741],{"class":733},">Default\u003C\u002F",[728,743,738],{"class":737},[728,745,746],{"class":733},">\n",[728,748,750,752,754,757,760,763,767,770,773,776,778],{"class":730,"line":749},2,[728,751,734],{"class":733},[728,753,701],{"class":737},[728,755,756],{"class":733}," :",[728,758,705],{"class":759},"sScJk",[728,761,762],{"class":733},"=",[728,764,766],{"class":765},"sZZnC","\"",[728,768,769],{"class":733},"{ button: { slots: { base: ",[728,771,772],{"class":765},"'rounded-full'",[728,774,775],{"class":733}," } } }",[728,777,766],{"class":765},[728,779,746],{"class":733},[728,781,783,786,788,791,793],{"class":730,"line":782},3,[728,784,785],{"class":733},"  \u003C",[728,787,738],{"class":737},[728,789,790],{"class":733},">Rounded, scoped\u003C\u002F",[728,792,738],{"class":737},[728,794,746],{"class":733},[728,796,798,801,803],{"class":730,"line":797},4,[728,799,800],{"class":733},"\u003C\u002F",[728,802,701],{"class":737},[728,804,746],{"class":733},[696,806,807,808],{},"This is the same override shape as ",[809,810,811],"a",{"href":96},[699,812,813],{},"app.config.selaras.ui",[815,816,817],"ul",{},[818,819,820,823,824,827,828,831,832,834,835,6,838,6,840,842],"li",{},[699,821,822],{},"{ \u003CcomponentKey>: { slots: { \u003CslotName>: '...' } } }",", merged onto the\ncomponent's base theme the same way (",[699,825,826],{},"tv()","'s own ",[699,829,830],{},"extend",") - just scoped\nto this subtree instead of the whole app. See\n",[809,833,71],{"href":76}," for the full precedence order and how\n",[699,836,837],{},":ui",[699,839,813],{},[699,841,701],{}," all fit together.",[844,845,847],"h3",{"id":846},"prop-defaults","Prop defaults",[696,849,850,852],{},[699,851,708],{}," sets a default value for a prop on every matching descendant,\nrather than a class override:",[719,854,856],{"className":721,"code":855,"language":723,"meta":724,"style":724},"\u003CSTheme :defaults=\"{ button: { size: 'lg' } }\">\n  \u003CSButton>No own size - renders lg\u003C\u002FSButton>\n  \u003CSButton size=\"sm\">Explicit size - still sm\u003C\u002FSButton>\n\u003C\u002FSTheme>\n",[699,857,858,885,898,919],{"__ignoreMap":724},[728,859,860,862,864,866,868,870,872,875,878,881,883],{"class":730,"line":8},[728,861,734],{"class":733},[728,863,701],{"class":737},[728,865,756],{"class":733},[728,867,708],{"class":759},[728,869,762],{"class":733},[728,871,766],{"class":765},[728,873,874],{"class":733},"{ button: { size: ",[728,876,877],{"class":765},"'lg'",[728,879,880],{"class":733}," } }",[728,882,766],{"class":765},[728,884,746],{"class":733},[728,886,887,889,891,894,896],{"class":730,"line":749},[728,888,785],{"class":733},[728,890,738],{"class":737},[728,892,893],{"class":733},">No own size - renders lg\u003C\u002F",[728,895,738],{"class":737},[728,897,746],{"class":733},[728,899,900,902,904,907,909,912,915,917],{"class":730,"line":782},[728,901,785],{"class":733},[728,903,738],{"class":737},[728,905,906],{"class":759}," size",[728,908,762],{"class":733},[728,910,911],{"class":765},"\"sm\"",[728,913,914],{"class":733},">Explicit size - still sm\u003C\u002F",[728,916,738],{"class":737},[728,918,746],{"class":733},[728,920,921,923,925],{"class":730,"line":797},[728,922,800],{"class":733},[728,924,701],{"class":737},[728,926,746],{"class":733},[696,928,929,930,932,933,936,937,940,941,943,944,943,946,943,948,943,950,943,952,954,955,957,958,960],{},"An explicit prop on the component itself always wins - ",[699,931,701],{}," only\nfills in when a prop is left unset. Supported defaults are ",[699,934,935],{},"size"," and ",[699,938,939],{},"color","\nfor ",[699,942,139],{},", ",[699,945,148],{},[699,947,153],{},[699,949,163],{},[699,951,216],{},[699,953,225],{},", and ",[699,956,202],{},".\nOther components keep their own prop defaults; their ",[699,959,705],{}," overrides still apply.\nBehavioral props such as open state, selection, and disabled state belong on the\ncomponent itself.",[844,962,964],{"id":963},"nesting","Nesting",[696,966,967,968,970],{},"An inner ",[699,969,701],{}," wins for the specific settings it sets, while still\ninheriting whatever an outer one set and it didn't touch:",[719,972,974],{"className":721,"code":973,"language":723,"meta":724,"style":724},"\u003CSTheme :ui=\"{ button: { slots: { base: 'rounded-full' } } }\" :defaults=\"{ button: { color: 'neutral' } }\">\n  \u003CSTheme :defaults=\"{ button: { color: 'danger' } }\">\n    \u003CSButton>Rounded (from the outer Theme) + danger (from the inner one)\u003C\u002FSButton>\n  \u003C\u002FSTheme>\n\u003C\u002FSTheme>\n",[699,975,976,1018,1043,1057,1066],{"__ignoreMap":724},[728,977,978,980,982,984,986,988,990,992,994,996,998,1000,1002,1004,1006,1009,1012,1014,1016],{"class":730,"line":8},[728,979,734],{"class":733},[728,981,701],{"class":737},[728,983,756],{"class":733},[728,985,705],{"class":759},[728,987,762],{"class":733},[728,989,766],{"class":765},[728,991,769],{"class":733},[728,993,772],{"class":765},[728,995,775],{"class":733},[728,997,766],{"class":765},[728,999,756],{"class":733},[728,1001,708],{"class":759},[728,1003,762],{"class":733},[728,1005,766],{"class":765},[728,1007,1008],{"class":733},"{ button: { color: ",[728,1010,1011],{"class":765},"'neutral'",[728,1013,880],{"class":733},[728,1015,766],{"class":765},[728,1017,746],{"class":733},[728,1019,1020,1022,1024,1026,1028,1030,1032,1034,1037,1039,1041],{"class":730,"line":749},[728,1021,785],{"class":733},[728,1023,701],{"class":737},[728,1025,756],{"class":733},[728,1027,708],{"class":759},[728,1029,762],{"class":733},[728,1031,766],{"class":765},[728,1033,1008],{"class":733},[728,1035,1036],{"class":765},"'danger'",[728,1038,880],{"class":733},[728,1040,766],{"class":765},[728,1042,746],{"class":733},[728,1044,1045,1048,1050,1053,1055],{"class":730,"line":782},[728,1046,1047],{"class":733},"    \u003C",[728,1049,738],{"class":737},[728,1051,1052],{"class":733},">Rounded (from the outer Theme) + danger (from the inner one)\u003C\u002F",[728,1054,738],{"class":737},[728,1056,746],{"class":733},[728,1058,1059,1062,1064],{"class":730,"line":797},[728,1060,1061],{"class":733},"  \u003C\u002F",[728,1063,701],{"class":737},[728,1065,746],{"class":733},[728,1067,1069,1071,1073],{"class":730,"line":1068},5,[728,1070,800],{"class":733},[728,1072,701],{"class":737},[728,1074,746],{"class":733},[844,1076,1078],{"id":1077},"scoped-tokens-and-portals","Scoped tokens and portals",[696,1080,1081,1082,1084],{},"Use ",[699,1083,712],{}," to create a DOM boundary for semantic token overrides:",[719,1086,1088],{"className":721,"code":1087,"language":723,"meta":724,"style":724},"\u003CSTheme as=\"section\" :tokens=\"{ light: { colors: { premium: { fill: '#5134a8' } } } }\">\n  \u003C!-- nested token scopes inherit untouched modes, roles and leaves -->\n\u003C\u002FSTheme>\n",[699,1089,1090,1126,1132],{"__ignoreMap":724},[728,1091,1092,1094,1096,1099,1101,1104,1106,1109,1111,1113,1116,1119,1122,1124],{"class":730,"line":8},[728,1093,734],{"class":733},[728,1095,701],{"class":737},[728,1097,1098],{"class":759}," as",[728,1100,762],{"class":733},[728,1102,1103],{"class":765},"\"section\"",[728,1105,756],{"class":733},[728,1107,1108],{"class":759},"tokens",[728,1110,762],{"class":733},[728,1112,766],{"class":765},[728,1114,1115],{"class":733},"{ light: { colors: { premium: { fill: ",[728,1117,1118],{"class":765},"'#5134a8'",[728,1120,1121],{"class":733}," } } } }",[728,1123,766],{"class":765},[728,1125,746],{"class":733},[728,1127,1128],{"class":730,"line":749},[728,1129,1131],{"class":1130},"sJ8bj","  \u003C!-- nested token scopes inherit untouched modes, roles and leaves -->\n",[728,1133,1134,1136,1138],{"class":730,"line":782},[728,1135,800],{"class":733},[728,1137,701],{"class":737},[728,1139,746],{"class":733},[696,1141,1142,1143,1146,1147,1149,1150,1152,1153,1155],{},"This example assumes a registered ",[699,1144,1145],{},"premium"," role. Managed overrides are\ncarried into supported overlay portals. An inner scope\ncan override one leaf and retain its outer scope's other values, including\nafter reactive updates. A headless ",[699,1148,701],{}," passes the existing token scope\nthrough; its own ",[699,1151,1108],{}," require an explicit ",[699,1154,712],{}," root.",[696,1157,1158],{},"External CSS variables still follow DOM inheritance. If a token references\na variable declared on a local ancestor, use a portal target within that\nancestor; the theme marker does not copy arbitrary CSS variables.",[691,1160,1162],{"id":1161},"props","Props",[1164,1165,1166,1182],"table",{},[1167,1168,1169],"thead",{},[1170,1171,1172,1176,1179],"tr",{},[1173,1174,1175],"th",{},"Prop",[1173,1177,1178],{},"Type",[1173,1180,1181],{},"Default",[1183,1184,1185,1200,1213,1226,1239],"tbody",{},[1170,1186,1187,1192,1197],{},[1188,1189,1190],"td",{},[699,1191,705],{},[1188,1193,1194],{},[699,1195,1196],{},"ThemeUiOverrides",[1188,1198,1199],{},"-",[1170,1201,1202,1206,1211],{},[1188,1203,1204],{},[699,1205,708],{},[1188,1207,1208],{},[699,1209,1210],{},"ThemeDefaults",[1188,1212,1199],{},[1170,1214,1215,1219,1224],{},[1188,1216,1217],{},[699,1218,1108],{},[1188,1220,1221],{},[699,1222,1223],{},"RuntimeTokenOverrides",[1188,1225,1199],{},[1170,1227,1228,1232,1237],{},[1188,1229,1230],{},[699,1231,712],{},[1188,1233,1234],{},[699,1235,1236],{},"string | Component",[1188,1238,1199],{},[1170,1240,1241,1246,1251],{},[1188,1242,1243],{},[699,1244,1245],{},"mode",[1188,1247,1248],{},[699,1249,1250],{},"'inherit' | 'light' | 'dark'",[1188,1252,1253],{},"inherited mode",[696,1255,1256,936,1258,1260,1261,1264,1265,1267,1268,1270,1271,1273],{},[699,1257,1196],{},[699,1259,1210],{}," are exported from ",[699,1262,1263],{},"@sewadah\u002Fselaras\u002Ftypes",".\nUse ",[699,1266,712],{}," when setting ",[699,1269,1108],{}," or an explicit light\u002Fdark ",[699,1272,1245],{},"; otherwise Theme\nthrows because there is no DOM boundary for the scope. The explicit mode applies\nto the subtree and supported overlay portals without changing the app-wide mode.",[719,1275,1277],{"className":721,"code":1276,"language":723,"meta":724,"style":724},"\u003CSTheme as=\"section\" mode=\"dark\">\n  \u003CSButton>A locally dark section\u003C\u002FSButton>\n\u003C\u002FSTheme>\n",[699,1278,1279,1301,1314],{"__ignoreMap":724},[728,1280,1281,1283,1285,1287,1289,1291,1294,1296,1299],{"class":730,"line":8},[728,1282,734],{"class":733},[728,1284,701],{"class":737},[728,1286,1098],{"class":759},[728,1288,762],{"class":733},[728,1290,1103],{"class":765},[728,1292,1293],{"class":759}," mode",[728,1295,762],{"class":733},[728,1297,1298],{"class":765},"\"dark\"",[728,1300,746],{"class":733},[728,1302,1303,1305,1307,1310,1312],{"class":730,"line":749},[728,1304,785],{"class":733},[728,1306,738],{"class":737},[728,1308,1309],{"class":733},">A locally dark section\u003C\u002F",[728,1311,738],{"class":737},[728,1313,746],{"class":733},[728,1315,1316,1318,1320],{"class":730,"line":782},[728,1317,800],{"class":733},[728,1319,701],{"class":737},[728,1321,746],{"class":733},[1323,1324,1325],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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}",{"title":724,"searchDepth":782,"depth":782,"links":1327},[1328,1333],{"id":693,"depth":749,"text":694,"children":1329},[1330,1331,1332],{"id":846,"depth":782,"text":847},{"id":963,"depth":782,"text":964},{"id":1077,"depth":782,"text":1078},{"id":1161,"depth":749,"text":1162},"Scope theme overrides to a subtree instead of the whole app.","md",{},{"title":482,"description":1334},"Rpogs6PZcY9HPLMziDoH50pZqEUW8nTwdz-LuuAVJlQ",{"id":1340,"title":482,"aside":686,"body":1341,"collapse":10,"description":1885,"editLink":686,"extension":1335,"icon":9,"issueLink":686,"meta":1886,"navBadges":9,"navigation":9,"order":485,"path":1887,"prevNext":686,"seo":1888,"stem":1889,"toc":686,"__hash__":1890},"docs\u002Fid\u002Fcomponents\u002Flayout\u002Ftheme.md",{"type":688,"value":1342,"toc":1877},[1343,1347,1360,1362,1422,1448,1450,1455,1521,1552,1554,1559,1655,1659,1665,1713,1728,1731,1733,1808,1831,1875],[691,1344,1346],{"id":1345},"penggunaan","Penggunaan",[696,1348,1349,1351,1352,6,1354,1356,1357,1359],{},[699,1350,701],{}," menerapkan override ",[699,1353,705],{},[699,1355,708],{}," ke komponen descendant. Secara default headless. Atur ",[699,1358,712],{}," untuk memberi boundary DOM eksplisit pada runtime token overrides.",[715,1361],{"name":717},[719,1363,1364],{"className":721,"code":722,"language":723,"meta":724,"style":724},[699,1365,1366,1378,1402,1414],{"__ignoreMap":724},[728,1367,1368,1370,1372,1374,1376],{"class":730,"line":8},[728,1369,734],{"class":733},[728,1371,738],{"class":737},[728,1373,741],{"class":733},[728,1375,738],{"class":737},[728,1377,746],{"class":733},[728,1379,1380,1382,1384,1386,1388,1390,1392,1394,1396,1398,1400],{"class":730,"line":749},[728,1381,734],{"class":733},[728,1383,701],{"class":737},[728,1385,756],{"class":733},[728,1387,705],{"class":759},[728,1389,762],{"class":733},[728,1391,766],{"class":765},[728,1393,769],{"class":733},[728,1395,772],{"class":765},[728,1397,775],{"class":733},[728,1399,766],{"class":765},[728,1401,746],{"class":733},[728,1403,1404,1406,1408,1410,1412],{"class":730,"line":782},[728,1405,785],{"class":733},[728,1407,738],{"class":737},[728,1409,790],{"class":733},[728,1411,738],{"class":737},[728,1413,746],{"class":733},[728,1415,1416,1418,1420],{"class":730,"line":797},[728,1417,800],{"class":733},[728,1419,701],{"class":737},[728,1421,746],{"class":733},[696,1423,1424,1425,1429,1430,1432,1433,827,1435,1437,1438,1440,1441,6,1443,6,1445,1447],{},"Ini adalah bentuk override yang sama seperti ",[809,1426,1427],{"href":96},[699,1428,813],{}," - ",[699,1431,822],{},", digabung ke tema dasar komponen dengan cara yang sama (",[699,1434,826],{},[699,1436,830],{},") - hanya scoped ke subtree ini alih-alih seluruh aplikasi. Lihat ",[809,1439,71],{"href":76}," untuk urutan prioritas lengkap dan bagaimana ",[699,1442,837],{},[699,1444,813],{},[699,1446,701],{}," semuanya cocok bersama.",[844,1449,847],{"id":846},[696,1451,1452,1454],{},[699,1453,708],{}," mengatur nilai default untuk prop pada setiap descendant yang cocok, daripada class override:",[719,1456,1457],{"className":721,"code":855,"language":723,"meta":724,"style":724},[699,1458,1459,1483,1495,1513],{"__ignoreMap":724},[728,1460,1461,1463,1465,1467,1469,1471,1473,1475,1477,1479,1481],{"class":730,"line":8},[728,1462,734],{"class":733},[728,1464,701],{"class":737},[728,1466,756],{"class":733},[728,1468,708],{"class":759},[728,1470,762],{"class":733},[728,1472,766],{"class":765},[728,1474,874],{"class":733},[728,1476,877],{"class":765},[728,1478,880],{"class":733},[728,1480,766],{"class":765},[728,1482,746],{"class":733},[728,1484,1485,1487,1489,1491,1493],{"class":730,"line":749},[728,1486,785],{"class":733},[728,1488,738],{"class":737},[728,1490,893],{"class":733},[728,1492,738],{"class":737},[728,1494,746],{"class":733},[728,1496,1497,1499,1501,1503,1505,1507,1509,1511],{"class":730,"line":782},[728,1498,785],{"class":733},[728,1500,738],{"class":737},[728,1502,906],{"class":759},[728,1504,762],{"class":733},[728,1506,911],{"class":765},[728,1508,914],{"class":733},[728,1510,738],{"class":737},[728,1512,746],{"class":733},[728,1514,1515,1517,1519],{"class":730,"line":797},[728,1516,800],{"class":733},[728,1518,701],{"class":737},[728,1520,746],{"class":733},[696,1522,1523,1524,1526,1527,1529,1530,1532,1533,943,1535,943,1537,943,1539,943,1541,943,1543,1545,1546,1548,1549,1551],{},"Prop eksplisit pada komponen itu sendiri selalu menang - ",[699,1525,701],{}," hanya mengisi saat prop tidak diatur. Default yang didukung adalah ",[699,1528,935],{}," dan ",[699,1531,939],{}," untuk ",[699,1534,139],{},[699,1536,148],{},[699,1538,153],{},[699,1540,163],{},[699,1542,216],{},[699,1544,225],{},", dan ",[699,1547,202],{},". Komponen lain menjaga prop default mereka sendiri; override ",[699,1550,705],{}," mereka masih berlaku. Behavioral props seperti open state, seleksi, dan disabled state milik komponen itu sendiri.",[844,1553,964],{"id":963},[696,1555,1556,1558],{},[699,1557,701],{}," inner menang untuk pengaturan spesifik yang ia atur, sambil tetap mewarisi apa pun yang diatur outer dan tidak ia sentuh:",[719,1560,1561],{"className":721,"code":973,"language":723,"meta":724,"style":724},[699,1562,1563,1603,1627,1639,1647],{"__ignoreMap":724},[728,1564,1565,1567,1569,1571,1573,1575,1577,1579,1581,1583,1585,1587,1589,1591,1593,1595,1597,1599,1601],{"class":730,"line":8},[728,1566,734],{"class":733},[728,1568,701],{"class":737},[728,1570,756],{"class":733},[728,1572,705],{"class":759},[728,1574,762],{"class":733},[728,1576,766],{"class":765},[728,1578,769],{"class":733},[728,1580,772],{"class":765},[728,1582,775],{"class":733},[728,1584,766],{"class":765},[728,1586,756],{"class":733},[728,1588,708],{"class":759},[728,1590,762],{"class":733},[728,1592,766],{"class":765},[728,1594,1008],{"class":733},[728,1596,1011],{"class":765},[728,1598,880],{"class":733},[728,1600,766],{"class":765},[728,1602,746],{"class":733},[728,1604,1605,1607,1609,1611,1613,1615,1617,1619,1621,1623,1625],{"class":730,"line":749},[728,1606,785],{"class":733},[728,1608,701],{"class":737},[728,1610,756],{"class":733},[728,1612,708],{"class":759},[728,1614,762],{"class":733},[728,1616,766],{"class":765},[728,1618,1008],{"class":733},[728,1620,1036],{"class":765},[728,1622,880],{"class":733},[728,1624,766],{"class":765},[728,1626,746],{"class":733},[728,1628,1629,1631,1633,1635,1637],{"class":730,"line":782},[728,1630,1047],{"class":733},[728,1632,738],{"class":737},[728,1634,1052],{"class":733},[728,1636,738],{"class":737},[728,1638,746],{"class":733},[728,1640,1641,1643,1645],{"class":730,"line":797},[728,1642,1061],{"class":733},[728,1644,701],{"class":737},[728,1646,746],{"class":733},[728,1648,1649,1651,1653],{"class":730,"line":1068},[728,1650,800],{"class":733},[728,1652,701],{"class":737},[728,1654,746],{"class":733},[844,1656,1658],{"id":1657},"scoped-tokens-dan-portals","Scoped tokens dan portals",[696,1660,1661,1662,1664],{},"Gunakan ",[699,1663,712],{}," untuk membuat boundary DOM untuk semantic token overrides:",[719,1666,1668],{"className":721,"code":1667,"language":723,"meta":724,"style":724},"\u003CSTheme as=\"section\" :tokens=\"{ light: { colors: { premium: { fill: '#5134a8' } } } }\">\n  \u003C!-- nested token scopes inherit untouched mode, roles and leaves -->\n\u003C\u002FSTheme>\n",[699,1669,1670,1700,1705],{"__ignoreMap":724},[728,1671,1672,1674,1676,1678,1680,1682,1684,1686,1688,1690,1692,1694,1696,1698],{"class":730,"line":8},[728,1673,734],{"class":733},[728,1675,701],{"class":737},[728,1677,1098],{"class":759},[728,1679,762],{"class":733},[728,1681,1103],{"class":765},[728,1683,756],{"class":733},[728,1685,1108],{"class":759},[728,1687,762],{"class":733},[728,1689,766],{"class":765},[728,1691,1115],{"class":733},[728,1693,1118],{"class":765},[728,1695,1121],{"class":733},[728,1697,766],{"class":765},[728,1699,746],{"class":733},[728,1701,1702],{"class":730,"line":749},[728,1703,1704],{"class":1130},"  \u003C!-- nested token scopes inherit untouched mode, roles and leaves -->\n",[728,1706,1707,1709,1711],{"class":730,"line":782},[728,1708,800],{"class":733},[728,1710,701],{"class":737},[728,1712,746],{"class":733},[696,1714,1715,1716,1718,1719,1721,1722,1724,1725,1727],{},"Contoh ini mengasumsikan role ",[699,1717,1145],{}," yang terdaftar. Override terkelola dibawa ke portal overlay yang didukung. Scope internal dapat mengoverride satu leaf dan mempertahankan nilai lain dari scope luarnya, termasuk setelah reactive update. ",[699,1720,701],{}," headless meneruskan token scope yang ada melalui; ",[699,1723,1108],{}," sendiri membutuhkan root ",[699,1726,712],{}," eksplisit.",[696,1729,1730],{},"CSS variables eksternal masih mengikuti DOM inheritance. Jika token mereferensi variable yang dideklarasikan pada ancestor lokal, gunakan portal target dalam ancestor itu; theme marker tidak menyalin CSS variables sewenang-wenang.",[691,1732,1162],{"id":1161},[1164,1734,1735,1746],{},[1167,1736,1737],{},[1170,1738,1739,1741,1744],{},[1173,1740,1175],{},[1173,1742,1743],{},"Tipe",[1173,1745,1181],{},[1183,1747,1748,1760,1772,1784,1796],{},[1170,1749,1750,1754,1758],{},[1188,1751,1752],{},[699,1753,705],{},[1188,1755,1756],{},[699,1757,1196],{},[1188,1759,1199],{},[1170,1761,1762,1766,1770],{},[1188,1763,1764],{},[699,1765,708],{},[1188,1767,1768],{},[699,1769,1210],{},[1188,1771,1199],{},[1170,1773,1774,1778,1782],{},[1188,1775,1776],{},[699,1777,1108],{},[1188,1779,1780],{},[699,1781,1223],{},[1188,1783,1199],{},[1170,1785,1786,1790,1794],{},[1188,1787,1788],{},[699,1789,712],{},[1188,1791,1792],{},[699,1793,1236],{},[1188,1795,1199],{},[1170,1797,1798,1802,1806],{},[1188,1799,1800],{},[699,1801,1245],{},[1188,1803,1804],{},[699,1805,1250],{},[1188,1807,1253],{},[696,1809,1810,1529,1812,1814,1815,1817,1818,1820,1821,1823,1824,6,1827,1830],{},[699,1811,1196],{},[699,1813,1210],{}," diekspor dari ",[699,1816,1263],{},". Gunakan ",[699,1819,712],{}," saat mengatur ",[699,1822,1108],{}," atau mode ",[699,1825,1826],{},"light",[699,1828,1829],{},"dark"," eksplisit; jika tidak Theme melempar karena tidak ada DOM boundary untuk scope. Mode eksplisit berlaku untuk subtree dan portal overlay yang didukung tanpa mengubah mode seluruh aplikasi.",[719,1832,1833],{"className":721,"code":1276,"language":723,"meta":724,"style":724},[699,1834,1835,1855,1867],{"__ignoreMap":724},[728,1836,1837,1839,1841,1843,1845,1847,1849,1851,1853],{"class":730,"line":8},[728,1838,734],{"class":733},[728,1840,701],{"class":737},[728,1842,1098],{"class":759},[728,1844,762],{"class":733},[728,1846,1103],{"class":765},[728,1848,1293],{"class":759},[728,1850,762],{"class":733},[728,1852,1298],{"class":765},[728,1854,746],{"class":733},[728,1856,1857,1859,1861,1863,1865],{"class":730,"line":749},[728,1858,785],{"class":733},[728,1860,738],{"class":737},[728,1862,1309],{"class":733},[728,1864,738],{"class":737},[728,1866,746],{"class":733},[728,1868,1869,1871,1873],{"class":730,"line":782},[728,1870,800],{"class":733},[728,1872,701],{"class":737},[728,1874,746],{"class":733},[1323,1876,1325],{},{"title":724,"searchDepth":782,"depth":782,"links":1878},[1879,1884],{"id":1345,"depth":749,"text":1346,"children":1880},[1881,1882,1883],{"id":846,"depth":782,"text":847},{"id":963,"depth":782,"text":964},{"id":1657,"depth":782,"text":1658},{"id":1161,"depth":749,"text":1162},"Scope theme overrides ke subtree alih-alih seluruh aplikasi.",{},"\u002Fid\u002Fcomponents\u002Flayout\u002Ftheme",{"title":482,"description":1885},"id\u002Fcomponents\u002Flayout\u002Ftheme","5e8Iy1r5vxrtkzpFdt4wKnp4wYMMCApx_7Suxs_ullg",1792925237630]