[{"data":1,"prerenderedAt":1914},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Fnavigation\u002Ftabs":649},[4,11,124,509,568,593],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,66,103],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",90,{"title":67,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":68,"stem":69,"children":70,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[71,74,78,82,86,90,95,99],{"title":67,"path":72,"stem":73,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":75,"path":76,"stem":77,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":79,"path":80,"stem":81,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":83,"path":84,"stem":85,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":87,"path":88,"stem":89,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":91,"path":92,"stem":93,"order":94,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":96,"path":97,"stem":98,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":100,"path":101,"stem":102,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":104,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":105,"stem":106,"children":107,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[108,112,116,120],{"title":109,"path":110,"stem":111,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":113,"path":114,"stem":115,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":117,"path":118,"stem":119,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":121,"path":122,"stem":123,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":125,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":126,"stem":127,"children":128,"page":10},"Components","\u002Fcomponents","components",[129,202,301,320,364,417,470],{"title":130,"path":131,"stem":132,"children":133,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[134,138,143,148,153,158,162,167,172,177,182,187,192,197],{"title":135,"path":136,"stem":137,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":139,"path":140,"stem":141,"order":142,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":144,"path":145,"stem":146,"order":147,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":149,"path":150,"stem":151,"order":152,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":154,"path":155,"stem":156,"order":157,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":159,"path":160,"stem":161,"order":157,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":163,"path":164,"stem":165,"order":166,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":168,"path":169,"stem":170,"order":171,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":173,"path":174,"stem":175,"order":176,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":178,"path":179,"stem":180,"order":181,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":183,"path":184,"stem":185,"order":186,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":188,"path":189,"stem":190,"order":191,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":193,"path":194,"stem":195,"order":196,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":198,"path":199,"stem":200,"order":201,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":203,"path":204,"stem":205,"children":206,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[207,211,216,221,226,231,236,241,246,251,256,261,266,271,276,281,286,291,296],{"title":208,"path":209,"stem":210,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":212,"path":213,"stem":214,"order":215,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":217,"path":218,"stem":219,"order":220,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",20.5,{"title":222,"path":223,"stem":224,"order":225,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":227,"path":228,"stem":229,"order":230,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":232,"path":233,"stem":234,"order":235,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":237,"path":238,"stem":239,"order":240,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":242,"path":243,"stem":244,"order":245,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":247,"path":248,"stem":249,"order":250,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":252,"path":253,"stem":254,"order":255,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":257,"path":258,"stem":259,"order":260,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":262,"path":263,"stem":264,"order":265,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":267,"path":268,"stem":269,"order":270,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":272,"path":273,"stem":274,"order":275,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":277,"path":278,"stem":279,"order":280,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":282,"path":283,"stem":284,"order":285,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":287,"path":288,"stem":289,"order":290,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":292,"path":293,"stem":294,"order":295,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":297,"path":298,"stem":299,"order":300,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":302,"path":303,"stem":304,"children":305,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[306,311,315],{"title":307,"path":308,"stem":309,"order":310,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":312,"path":313,"stem":314,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":316,"path":317,"stem":318,"order":319,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":321,"path":322,"stem":323,"children":324,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[325,330,334,339,344,349,354,359],{"title":326,"path":327,"stem":328,"order":329,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":331,"path":332,"stem":333,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":335,"path":336,"stem":337,"order":338,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":340,"path":341,"stem":342,"order":343,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":345,"path":346,"stem":347,"order":348,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":350,"path":351,"stem":352,"order":353,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":355,"path":356,"stem":357,"order":358,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":360,"path":361,"stem":362,"order":363,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":365,"path":366,"stem":367,"children":368,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[369,373,378,383,388,393,398,403,408,412],{"title":370,"path":371,"stem":372,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":374,"path":375,"stem":376,"order":377,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":379,"path":380,"stem":381,"order":382,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":384,"path":385,"stem":386,"order":387,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":389,"path":390,"stem":391,"order":392,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":394,"path":395,"stem":396,"order":397,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":399,"path":400,"stem":401,"order":402,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":404,"path":405,"stem":406,"order":407,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":409,"path":410,"stem":411,"order":94,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":413,"path":414,"stem":415,"order":416,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":418,"path":419,"stem":420,"children":421,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[422,427,431,436,441,446,450,455,460,465],{"title":423,"path":424,"stem":425,"order":426,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":428,"path":429,"stem":430,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":432,"path":433,"stem":434,"order":435,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":437,"path":438,"stem":439,"order":440,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":442,"path":443,"stem":444,"order":445,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":447,"path":448,"stem":449,"order":445,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":451,"path":452,"stem":453,"order":454,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":456,"path":457,"stem":458,"order":459,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":461,"path":462,"stem":463,"order":464,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":466,"path":467,"stem":468,"order":469,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":471,"path":472,"stem":473,"children":474,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[475,479,484,489,494,499,504],{"title":476,"path":477,"stem":478,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":480,"path":481,"stem":482,"order":483,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":485,"path":486,"stem":487,"order":488,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":490,"path":491,"stem":492,"order":493,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":495,"path":496,"stem":497,"order":498,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":500,"path":501,"stem":502,"order":503,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":505,"path":506,"stem":507,"order":508,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":510,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":511,"stem":512,"children":513,"page":10},"Composites","\u002Fcomposites","composites",[514,543],{"title":515,"path":516,"stem":517,"children":518,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[519,523,527,531,535,539],{"title":520,"path":521,"stem":522,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":524,"path":525,"stem":526,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":528,"path":529,"stem":530,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":532,"path":533,"stem":534,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":536,"path":537,"stem":538,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":540,"path":541,"stem":542,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":544,"path":545,"stem":546,"children":547,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[548,552,556,560,564],{"title":549,"path":550,"stem":551,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":553,"path":554,"stem":555,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":557,"path":558,"stem":559,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":561,"path":562,"stem":563,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":565,"path":566,"stem":567,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":569,"order":570,"icon":9,"collapse":10,"navBadges":9,"path":571,"stem":572,"children":573,"page":10},"Blocks",35,"\u002Fblocks","blocks",[574,577,581,585,589],{"title":569,"path":575,"stem":576,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":578,"path":579,"stem":580,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":582,"path":583,"stem":584,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":586,"path":587,"stem":588,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":590,"path":591,"stem":592,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":594,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":595,"stem":596,"children":597,"page":10},"Utilities","\u002Futilities","utilities",[598,632],{"title":599,"path":600,"stem":601,"children":602,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[603,607,611,616,620,624,628],{"title":604,"path":605,"stem":606,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":608,"path":609,"stem":610,"order":166,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":612,"path":613,"stem":614,"order":615,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":617,"path":618,"stem":619,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":621,"path":622,"stem":623,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":625,"path":626,"stem":627,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":629,"path":630,"stem":631,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":633,"path":634,"stem":635,"children":636,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[637,641,645],{"title":638,"path":639,"stem":640,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":642,"path":643,"stem":644,"order":615,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":646,"path":647,"stem":648,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"id":650,"title":331,"aside":651,"body":652,"collapse":10,"description":1909,"editLink":651,"extension":1910,"icon":9,"meta":1911,"navBadges":9,"navigation":9,"order":40,"path":332,"prevNext":651,"seo":1912,"stem":333,"toc":651,"__hash__":1913},"docs\u002Fcomponents\u002Fnavigation\u002Ftabs.md",true,{"type":653,"value":654,"toc":1892},"minimark",[655,660,664,893,897,902,916,919,1078,1081,1091,1094,1187,1191,1205,1208,1251,1255,1261,1264,1302,1337,1421,1440,1444,1458,1461,1510,1514,1525,1576,1580,1613,1621,1628,1634,1640,1644,1648,1776,1780,1811,1815,1888],[656,657,659],"h2",{"id":658},"usage","Usage",[661,662],"component-example",{"name":663},"tabs-basic",[665,666,671],"pre",{"className":667,"code":668,"language":669,"meta":670,"style":670},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst active = ref('one')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSTabs v-model=\"active\" :items=\"[{ label: 'One', value: 'one' }, { label: 'Two', value: 'two' }]\">\n    \u003Ctemplate #one>\n      Tab one content\n    \u003C\u002Ftemplate>\n    \u003Ctemplate #two>\n      Tab two content\n    \u003C\u002Ftemplate>\n  \u003C\u002FSTabs>\n\u003C\u002Ftemplate>\n","vue","",[672,673,674,703,729,739,745,755,816,832,838,848,861,866,874,884],"code",{"__ignoreMap":670},[675,676,678,682,686,690,693,696,700],"span",{"class":677,"line":8},"line",[675,679,681],{"class":680},"sVt8B","\u003C",[675,683,685],{"class":684},"s9eBZ","script",[675,687,689],{"class":688},"sScJk"," setup",[675,691,692],{"class":688}," lang",[675,694,695],{"class":680},"=",[675,697,699],{"class":698},"sZZnC","\"ts\"",[675,701,702],{"class":680},">\n",[675,704,706,710,714,717,720,723,726],{"class":677,"line":705},2,[675,707,709],{"class":708},"szBVR","const",[675,711,713],{"class":712},"sj4cs"," active",[675,715,716],{"class":708}," =",[675,718,719],{"class":688}," ref",[675,721,722],{"class":680},"(",[675,724,725],{"class":698},"'one'",[675,727,728],{"class":680},")\n",[675,730,732,735,737],{"class":677,"line":731},3,[675,733,734],{"class":680},"\u003C\u002F",[675,736,685],{"class":684},[675,738,702],{"class":680},[675,740,742],{"class":677,"line":741},4,[675,743,744],{"emptyLinePlaceholder":651},"\n",[675,746,748,750,753],{"class":677,"line":747},5,[675,749,681],{"class":680},[675,751,752],{"class":684},"template",[675,754,702],{"class":680},[675,756,758,761,764,767,769,772,775,777,780,783,785,787,790,793,796,798,801,804,806,809,812,814],{"class":677,"line":757},6,[675,759,760],{"class":680},"  \u003C",[675,762,763],{"class":684},"STabs",[675,765,766],{"class":688}," v-model",[675,768,695],{"class":680},[675,770,771],{"class":698},"\"",[675,773,774],{"class":680},"active",[675,776,771],{"class":698},[675,778,779],{"class":680}," :",[675,781,782],{"class":688},"items",[675,784,695],{"class":680},[675,786,771],{"class":698},[675,788,789],{"class":680},"[{ label: ",[675,791,792],{"class":698},"'One'",[675,794,795],{"class":680},", value: ",[675,797,725],{"class":698},[675,799,800],{"class":680}," }, { label: ",[675,802,803],{"class":698},"'Two'",[675,805,795],{"class":680},[675,807,808],{"class":698},"'two'",[675,810,811],{"class":680}," }]",[675,813,771],{"class":698},[675,815,702],{"class":680},[675,817,819,822,824,827,830],{"class":677,"line":818},7,[675,820,821],{"class":680},"    \u003C",[675,823,752],{"class":684},[675,825,826],{"class":680}," #",[675,828,829],{"class":688},"one",[675,831,702],{"class":680},[675,833,835],{"class":677,"line":834},8,[675,836,837],{"class":680},"      Tab one content\n",[675,839,841,844,846],{"class":677,"line":840},9,[675,842,843],{"class":680},"    \u003C\u002F",[675,845,752],{"class":684},[675,847,702],{"class":680},[675,849,850,852,854,856,859],{"class":677,"line":13},[675,851,821],{"class":680},[675,853,752],{"class":684},[675,855,826],{"class":680},[675,857,858],{"class":688},"two",[675,860,702],{"class":680},[675,862,863],{"class":677,"line":147},[675,864,865],{"class":680},"      Tab two content\n",[675,867,868,870,872],{"class":677,"line":166},[675,869,843],{"class":680},[675,871,752],{"class":684},[675,873,702],{"class":680},[675,875,877,880,882],{"class":677,"line":876},13,[675,878,879],{"class":680},"  \u003C\u002F",[675,881,763],{"class":684},[675,883,702],{"class":680},[675,885,887,889,891],{"class":677,"line":886},14,[675,888,734],{"class":680},[675,890,752],{"class":684},[675,892,702],{"class":680},[894,895,896],"p",{},"Switching tabs slides a shared indicator between them rather than each tab\ncarrying its own static active state - the indicator measures the active\ntrigger itself, so it stays correct even if a tab's own width changes.",[898,899,901],"h3",{"id":900},"custom-label-content","Custom label content",[894,903,904,905,908,909,912,913,915],{},"The ",[672,906,907],{},"label"," slot replaces a tab's plain-text label with anything - scoped\nwith ",[672,910,911],{},"item"," and ",[672,914,7],{},", so a single template can vary per tab:",[661,917],{"name":918},"tabs-custom-label",[665,920,924],{"className":921,"code":922,"language":923,"meta":670,"style":670},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSTabs v-model=\"active\" :items=\"items\">\n  \u003Ctemplate #label=\"{ item }\">\n    \u003Cspan class=\"flex items-center gap-2\">\n      {{ item.label }}\n      \u003CSBadge v-if=\"item.value === 'inbox'\" label=\"3\" color=\"primary\" size=\"sm\" \u002F>\n    \u003C\u002Fspan>\n  \u003C\u002Ftemplate>\n  ...\n\u003C\u002FSTabs>\n","vue-html",[672,925,926,956,977,993,998,1049,1057,1065,1070],{"__ignoreMap":670},[675,927,928,930,932,934,936,938,940,942,944,946,948,950,952,954],{"class":677,"line":8},[675,929,681],{"class":680},[675,931,763],{"class":684},[675,933,766],{"class":688},[675,935,695],{"class":680},[675,937,771],{"class":698},[675,939,774],{"class":680},[675,941,771],{"class":698},[675,943,779],{"class":680},[675,945,782],{"class":688},[675,947,695],{"class":680},[675,949,771],{"class":698},[675,951,782],{"class":680},[675,953,771],{"class":698},[675,955,702],{"class":680},[675,957,958,960,962,964,966,968,970,973,975],{"class":677,"line":705},[675,959,760],{"class":680},[675,961,752],{"class":684},[675,963,826],{"class":680},[675,965,907],{"class":688},[675,967,695],{"class":680},[675,969,771],{"class":698},[675,971,972],{"class":680},"{ item }",[675,974,771],{"class":698},[675,976,702],{"class":680},[675,978,979,981,983,986,988,991],{"class":677,"line":731},[675,980,821],{"class":680},[675,982,675],{"class":684},[675,984,985],{"class":688}," class",[675,987,695],{"class":680},[675,989,990],{"class":698},"\"flex items-center gap-2\"",[675,992,702],{"class":680},[675,994,995],{"class":677,"line":741},[675,996,997],{"class":680},"      {{ item.label }}\n",[675,999,1000,1003,1006,1009,1011,1013,1016,1019,1022,1025,1027,1030,1033,1035,1038,1041,1043,1046],{"class":677,"line":747},[675,1001,1002],{"class":680},"      \u003C",[675,1004,1005],{"class":684},"SBadge",[675,1007,1008],{"class":708}," v-if",[675,1010,695],{"class":680},[675,1012,771],{"class":698},[675,1014,1015],{"class":680},"item.value ",[675,1017,1018],{"class":708},"===",[675,1020,1021],{"class":698}," 'inbox'\"",[675,1023,1024],{"class":688}," label",[675,1026,695],{"class":680},[675,1028,1029],{"class":698},"\"3\"",[675,1031,1032],{"class":688}," color",[675,1034,695],{"class":680},[675,1036,1037],{"class":698},"\"primary\"",[675,1039,1040],{"class":688}," size",[675,1042,695],{"class":680},[675,1044,1045],{"class":698},"\"sm\"",[675,1047,1048],{"class":680}," \u002F>\n",[675,1050,1051,1053,1055],{"class":677,"line":757},[675,1052,843],{"class":680},[675,1054,675],{"class":684},[675,1056,702],{"class":680},[675,1058,1059,1061,1063],{"class":677,"line":818},[675,1060,879],{"class":680},[675,1062,752],{"class":684},[675,1064,702],{"class":680},[675,1066,1067],{"class":677,"line":834},[675,1068,1069],{"class":680},"  ...\n",[675,1071,1072,1074,1076],{"class":677,"line":840},[675,1073,734],{"class":680},[675,1075,763],{"class":684},[675,1077,702],{"class":680},[898,1079,42],{"id":1080},"icons",[894,1082,1083,1084,1087,1088,1090],{},"Give an item an ",[672,1085,1086],{},"icon"," and it renders before the label automatically - no\n",[672,1089,907],{}," slot needed for the common case:",[661,1092],{"name":1093},"tabs-icons",[665,1095,1097],{"className":921,"code":1096,"language":923,"meta":670,"style":670},"\u003CSTabs\n  v-model=\"active\"\n  :items=\"[\n    { label: 'Profile', value: 'profile', icon: 'hugeicons:user' },\n    { label: 'Settings', value: 'settings', icon: 'hugeicons:settings-01' },\n  ]\"\n\u002F>\n",[672,1098,1099,1106,1120,1134,1156,1175,1182],{"__ignoreMap":670},[675,1100,1101,1103],{"class":677,"line":8},[675,1102,681],{"class":680},[675,1104,1105],{"class":684},"STabs\n",[675,1107,1108,1111,1113,1115,1117],{"class":677,"line":705},[675,1109,1110],{"class":688},"  v-model",[675,1112,695],{"class":680},[675,1114,771],{"class":698},[675,1116,774],{"class":680},[675,1118,1119],{"class":698},"\"\n",[675,1121,1122,1125,1127,1129,1131],{"class":677,"line":731},[675,1123,1124],{"class":680},"  :",[675,1126,782],{"class":688},[675,1128,695],{"class":680},[675,1130,771],{"class":698},[675,1132,1133],{"class":680},"[\n",[675,1135,1136,1139,1142,1144,1147,1150,1153],{"class":677,"line":741},[675,1137,1138],{"class":680},"    { label: ",[675,1140,1141],{"class":698},"'Profile'",[675,1143,795],{"class":680},[675,1145,1146],{"class":698},"'profile'",[675,1148,1149],{"class":680},", icon: ",[675,1151,1152],{"class":698},"'hugeicons:user'",[675,1154,1155],{"class":680}," },\n",[675,1157,1158,1160,1163,1165,1168,1170,1173],{"class":677,"line":747},[675,1159,1138],{"class":680},[675,1161,1162],{"class":698},"'Settings'",[675,1164,795],{"class":680},[675,1166,1167],{"class":698},"'settings'",[675,1169,1149],{"class":680},[675,1171,1172],{"class":698},"'hugeicons:settings-01'",[675,1174,1155],{"class":680},[675,1176,1177,1180],{"class":677,"line":757},[675,1178,1179],{"class":680},"  ]",[675,1181,1119],{"class":698},[675,1183,1184],{"class":677,"line":818},[675,1185,1186],{"class":680},"\u002F>\n",[898,1188,1190],{"id":1189},"variants","Variants",[894,1192,1193,1196,1197,1200,1201,1204],{},[672,1194,1195],{},"variant"," takes ",[672,1198,1199],{},"underline"," (default) or ",[672,1202,1203],{},"pill",", a segmented-control look\nwith the sliding indicator as a raised background instead of a bottom bar:",[661,1206],{"name":1207},"tabs-pill",[665,1209,1211],{"className":921,"code":1210,"language":923,"meta":670,"style":670},"\u003CSTabs v-model=\"active\" :items=\"items\" variant=\"pill\" \u002F>\n",[672,1212,1213],{"__ignoreMap":670},[675,1214,1215,1217,1219,1221,1223,1225,1227,1229,1231,1233,1235,1237,1239,1241,1244,1246,1249],{"class":677,"line":8},[675,1216,681],{"class":680},[675,1218,763],{"class":684},[675,1220,766],{"class":688},[675,1222,695],{"class":680},[675,1224,771],{"class":698},[675,1226,774],{"class":680},[675,1228,771],{"class":698},[675,1230,779],{"class":680},[675,1232,782],{"class":688},[675,1234,695],{"class":680},[675,1236,771],{"class":698},[675,1238,782],{"class":680},[675,1240,771],{"class":698},[675,1242,1243],{"class":688}," variant",[675,1245,695],{"class":680},[675,1247,1248],{"class":698},"\"pill\"",[675,1250,1048],{"class":680},[898,1252,1254],{"id":1253},"scrollable","Scrollable",[894,1256,1257,1258,1260],{},"Set ",[672,1259,1253],{}," when a tab list may outgrow its container. Previous and next\nchevrons appear only while the labels overflow. The list also supports touch,\ntrackpad, and keyboard navigation, and brings the selected tab into view:",[661,1262],{"name":1263},"tabs-scrollable",[665,1265,1267],{"className":921,"code":1266,"language":923,"meta":670,"style":670},"\u003CSTabs v-model=\"active\" :items=\"items\" scrollable \u002F>\n",[672,1268,1269],{"__ignoreMap":670},[675,1270,1271,1273,1275,1277,1279,1281,1283,1285,1287,1289,1291,1293,1295,1297,1300],{"class":677,"line":8},[675,1272,681],{"class":680},[675,1274,763],{"class":684},[675,1276,766],{"class":688},[675,1278,695],{"class":680},[675,1280,771],{"class":698},[675,1282,774],{"class":680},[675,1284,771],{"class":698},[675,1286,779],{"class":680},[675,1288,782],{"class":688},[675,1290,695],{"class":680},[675,1292,771],{"class":698},[675,1294,782],{"class":680},[675,1296,771],{"class":698},[675,1298,1299],{"class":688}," scrollable",[675,1301,1048],{"class":680},[894,1303,1304,1305,1308,1309,1312,1313,1316,1317,1320,1321,1324,1325,1328,1329,1332,1333,1336],{},"The controls use neutral ghost ",[672,1306,1307],{},"SButton","s by default. Use ",[672,1310,1311],{},"ui.scrollButton","\nand ",[672,1314,1315],{},"ui.scrollIcon"," for styling, or the ",[672,1318,1319],{},"scroll-left-icon"," and\n",[672,1322,1323],{},"scroll-right-icon"," slots to replace only the chevrons. For a different control,\nreplace ",[672,1326,1327],{},"scroll-left"," or ",[672,1330,1331],{},"scroll-right"," and bind the supplied ",[672,1334,1335],{},"buttonProps"," so\nthe button keeps its click handler, disabled state, type, and accessible label:",[665,1338,1340],{"className":921,"code":1339,"language":923,"meta":670,"style":670},"\u003CSTabs :items=\"items\" scrollable>\n  \u003Ctemplate #scroll-right=\"{ buttonProps }\">\n    \u003CMyIconButton v-bind=\"buttonProps\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FSTabs>\n",[672,1341,1342,1364,1385,1405,1413],{"__ignoreMap":670},[675,1343,1344,1346,1348,1350,1352,1354,1356,1358,1360,1362],{"class":677,"line":8},[675,1345,681],{"class":680},[675,1347,763],{"class":684},[675,1349,779],{"class":680},[675,1351,782],{"class":688},[675,1353,695],{"class":680},[675,1355,771],{"class":698},[675,1357,782],{"class":680},[675,1359,771],{"class":698},[675,1361,1299],{"class":688},[675,1363,702],{"class":680},[675,1365,1366,1368,1370,1372,1374,1376,1378,1381,1383],{"class":677,"line":705},[675,1367,760],{"class":680},[675,1369,752],{"class":684},[675,1371,826],{"class":680},[675,1373,1331],{"class":688},[675,1375,695],{"class":680},[675,1377,771],{"class":698},[675,1379,1380],{"class":680},"{ buttonProps }",[675,1382,771],{"class":698},[675,1384,702],{"class":680},[675,1386,1387,1389,1392,1395,1397,1399,1401,1403],{"class":677,"line":731},[675,1388,821],{"class":680},[675,1390,1391],{"class":684},"MyIconButton",[675,1393,1394],{"class":688}," v-bind",[675,1396,695],{"class":680},[675,1398,771],{"class":698},[675,1400,1335],{"class":680},[675,1402,771],{"class":698},[675,1404,1048],{"class":680},[675,1406,1407,1409,1411],{"class":677,"line":741},[675,1408,879],{"class":680},[675,1410,752],{"class":684},[675,1412,702],{"class":680},[675,1414,1415,1417,1419],{"class":677,"line":747},[675,1416,734],{"class":680},[675,1418,763],{"class":684},[675,1420,702],{"class":680},[894,1422,1423,1424,1427,1428,1431,1432,1435,1436,1439],{},"The full button slots also expose ",[672,1425,1426],{},"scroll",", ",[672,1429,1430],{},"disabled",", and ",[672,1433,1434],{},"ariaLabel"," for\ncustom controls that cannot use ",[672,1437,1438],{},"v-bind=\"buttonProps\"",".",[898,1441,1443],{"id":1442},"orientation","Orientation",[894,1445,1257,1446,1449,1450,912,1452,1454,1455,1457],{},[672,1447,1448],{},"orientation=\"vertical\""," to place the tab list beside its content. Both\n",[672,1451,1199],{},[672,1453,1203],{}," variants work vertically, and Reka changes arrow-key\nnavigation to Up\u002FDown. ",[672,1456,1253],{}," applies only to horizontal tabs.",[661,1459],{"name":1460},"tabs-vertical",[665,1462,1464],{"className":921,"code":1463,"language":923,"meta":670,"style":670},"\u003CSTabs v-model=\"active\" :items=\"items\" orientation=\"vertical\" variant=\"pill\" \u002F>\n",[672,1465,1466],{"__ignoreMap":670},[675,1467,1468,1470,1472,1474,1476,1478,1480,1482,1484,1486,1488,1490,1492,1494,1497,1499,1502,1504,1506,1508],{"class":677,"line":8},[675,1469,681],{"class":680},[675,1471,763],{"class":684},[675,1473,766],{"class":688},[675,1475,695],{"class":680},[675,1477,771],{"class":698},[675,1479,774],{"class":680},[675,1481,771],{"class":698},[675,1483,779],{"class":680},[675,1485,782],{"class":688},[675,1487,695],{"class":680},[675,1489,771],{"class":698},[675,1491,782],{"class":680},[675,1493,771],{"class":698},[675,1495,1496],{"class":688}," orientation",[675,1498,695],{"class":680},[675,1500,1501],{"class":698},"\"vertical\"",[675,1503,1243],{"class":688},[675,1505,695],{"class":680},[675,1507,1248],{"class":698},[675,1509,1048],{"class":680},[898,1511,1513],{"id":1512},"keep-inactive-panels-mounted","Keep inactive panels mounted",[894,1515,1516,1517,1520,1521,1524],{},"Inactive panel content is unmounted by default. Set ",[672,1518,1519],{},"unmount-on-hide"," to\n",[672,1522,1523],{},"false"," to keep its local state, such as an unfinished form, while the panel\nis hidden:",[665,1526,1528],{"className":921,"code":1527,"language":923,"meta":670,"style":670},"\u003CSTabs :items=\"items\" :unmount-on-hide=\"false\">\n  \u003C!-- panel slots -->\n\u003C\u002FSTabs>\n",[672,1529,1530,1562,1568],{"__ignoreMap":670},[675,1531,1532,1534,1536,1538,1540,1542,1544,1546,1548,1550,1552,1554,1556,1558,1560],{"class":677,"line":8},[675,1533,681],{"class":680},[675,1535,763],{"class":684},[675,1537,779],{"class":680},[675,1539,782],{"class":688},[675,1541,695],{"class":680},[675,1543,771],{"class":698},[675,1545,782],{"class":680},[675,1547,771],{"class":698},[675,1549,779],{"class":680},[675,1551,1519],{"class":688},[675,1553,695],{"class":680},[675,1555,771],{"class":698},[675,1557,1523],{"class":712},[675,1559,771],{"class":698},[675,1561,702],{"class":680},[675,1563,1564],{"class":677,"line":705},[675,1565,1567],{"class":1566},"sJ8bj","  \u003C!-- panel slots -->\n",[675,1569,1570,1572,1574],{"class":677,"line":731},[675,1571,734],{"class":680},[675,1573,763],{"class":684},[675,1575,702],{"class":680},[656,1577,1579],{"id":1578},"in-markdown","In markdown",[894,1581,1582,1583,1586,1587,1590,1591,1594,1595,1597,1598,1601,1602,1605,1606,1609,1610,1600],{},"Every Selaras component is already globally registered under its ",[672,1584,1585],{},"S","-prefixed\nname - a bare ",[672,1588,1589],{},"::s-tabs{...}"," block works with no extra wiring (see\n",[1592,1593,485],"a",{"href":486},"'s own \"In markdown\" section for how\nthe pattern works generally). ",[672,1596,782],{}," is an array prop, not a string - bind\nit with a leading ",[672,1599,1600],{},":"," so ",[672,1603,1604],{},"@nuxtjs\u002Fmdc"," parses the attribute as an expression\ninstead of literal text. Each tab's own content is a ",[672,1607,1608],{},"#slot-name"," line\nmatching that item's ",[672,1611,1612],{},"value",[665,1614,1619],{"className":1615,"code":1617,"language":1618,"meta":670},[1616],"language-text","::s-tabs{:items='[{\"label\":\"One\",\"value\":\"one\"},{\"label\":\"Two\",\"value\":\"two\"}]'}\n#one\nContent for the first tab.\n#two\nContent for the second tab.\n::\n","text",[672,1620,1617],{"__ignoreMap":670},[898,1622,1624,1625],{"id":1623},"custom-ui","Custom ",[672,1626,1627],{},":ui",[894,1629,1630,1631,1439],{},"Global and scoped recipe overrides use ",[672,1632,1633],{},"ui.tabs",[894,1635,1636,1637,1639],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's ",[672,1638,331],{},"'s own theme file:",[1641,1642],"theme-source",{"name":1643},"tabs",[656,1645,1647],{"id":1646},"props","Props",[1649,1650,1651,1667],"table",{},[1652,1653,1654],"thead",{},[1655,1656,1657,1661,1664],"tr",{},[1658,1659,1660],"th",{},"Prop",[1658,1662,1663],{},"Type",[1658,1665,1666],{},"Default",[1668,1669,1670,1685,1701,1717,1732,1748,1762],"tbody",{},[1655,1671,1672,1677,1682],{},[1673,1674,1675],"td",{},[672,1676,782],{},[1673,1678,1679],{},[672,1680,1681],{},"{ label: string; value?: string; disabled?: boolean; icon?: string }[]",[1673,1683,1684],{},"-",[1655,1686,1687,1691,1696],{},[1673,1688,1689],{},[672,1690,1195],{},[1673,1692,1693],{},[672,1694,1695],{},"'underline' | 'pill'",[1673,1697,1698],{},[672,1699,1700],{},"'underline'",[1655,1702,1703,1707,1712],{},[1673,1704,1705],{},[672,1706,1442],{},[1673,1708,1709],{},[672,1710,1711],{},"'horizontal' | 'vertical'",[1673,1713,1714],{},[672,1715,1716],{},"'horizontal'",[1655,1718,1719,1723,1728],{},[1673,1720,1721],{},[672,1722,1253],{},[1673,1724,1725],{},[672,1726,1727],{},"boolean",[1673,1729,1730],{},[672,1731,1523],{},[1655,1733,1734,1739,1743],{},[1673,1735,1736],{},[672,1737,1738],{},"unmountOnHide",[1673,1740,1741],{},[672,1742,1727],{},[1673,1744,1745],{},[672,1746,1747],{},"true",[1655,1749,1750,1755,1760],{},[1673,1751,1752],{},[672,1753,1754],{},"modelValue",[1673,1756,1757],{},[672,1758,1759],{},"string",[1673,1761,1684],{},[1655,1763,1764,1769,1774],{},[1673,1765,1766],{},[672,1767,1768],{},"ui",[1673,1770,1771],{},[672,1772,1773],{},"Partial\u003CRecord\u003C'root' | 'scrollRoot' | 'scrollViewport' | 'scrollButton' | 'scrollIcon' | 'list' | 'trigger' | 'icon' | 'indicator' | 'content', string | object>>",[1673,1775,1684],{},[656,1777,1779],{"id":1778},"events","Events",[1649,1781,1782,1795],{},[1652,1783,1784],{},[1655,1785,1786,1789,1792],{},[1658,1787,1788],{},"Event",[1658,1790,1791],{},"Payload",[1658,1793,1794],{},"Description",[1668,1796,1797],{},[1655,1798,1799,1804,1808],{},[1673,1800,1801],{},[672,1802,1803],{},"update:modelValue",[1673,1805,1806],{},[672,1807,1759],{},[1673,1809,1810],{},"Fires when the active tab changes",[656,1812,1814],{"id":1813},"slots","Slots",[1649,1816,1817,1828],{},[1652,1818,1819],{},[1655,1820,1821,1824,1826],{},[1658,1822,1823],{},"Slot",[1658,1825,1647],{},[1658,1827,1794],{},[1668,1829,1830,1842,1856,1872],{},[1655,1831,1832,1837,1839],{},[1673,1833,1834],{},[672,1835,1836],{},"[item.value]",[1673,1838,1684],{},[1673,1840,1841],{},"Content for that tab, one named slot per item",[1655,1843,1844,1848,1853],{},[1673,1845,1846],{},[672,1847,907],{},[1673,1849,1850],{},[672,1851,1852],{},"{ item, index }",[1673,1854,1855],{},"Replaces a tab's label content",[1655,1857,1858,1864,1869],{},[1673,1859,1860,1427,1862],{},[672,1861,1319],{},[672,1863,1323],{},[1673,1865,1866],{},[672,1867,1868],{},"{ class }",[1673,1870,1871],{},"Replaces a default control's chevron",[1655,1873,1874,1880,1885],{},[1673,1875,1876,1427,1878],{},[672,1877,1327],{},[672,1879,1331],{},[1673,1881,1882],{},[672,1883,1884],{},"{ buttonProps, scroll, disabled, ariaLabel }",[1673,1886,1887],{},"Replaces an entire overflow control",[1889,1890,1891],"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 pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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":670,"searchDepth":731,"depth":731,"links":1893},[1894,1902,1906,1907,1908],{"id":658,"depth":705,"text":659,"children":1895},[1896,1897,1898,1899,1900,1901],{"id":900,"depth":731,"text":901},{"id":1080,"depth":731,"text":42},{"id":1189,"depth":731,"text":1190},{"id":1253,"depth":731,"text":1254},{"id":1442,"depth":731,"text":1443},{"id":1512,"depth":731,"text":1513},{"id":1578,"depth":705,"text":1579,"children":1903},[1904],{"id":1623,"depth":731,"text":1905},"Custom :ui",{"id":1646,"depth":705,"text":1647},{"id":1778,"depth":705,"text":1779},{"id":1813,"depth":705,"text":1814},"An items-driven tab list built on Reka UI's Tabs primitive.","md",{},{"title":331,"description":1909},"8htoFt0gLok0QoU3BOB1sM8dj-UhcnZKm5UtErVFht0",1792056128485]