[{"data":1,"prerenderedAt":3017},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Ftabs":460,"\u002Fcomponents\u002Ftabs-surround":3012},[4,34,51,301,327,332,337,406],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":33},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18,23,28],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles",{"title":24,"path":25,"stem":26,"package":11,"icon":27},"CLI","\u002Fgetting-started\u002Fcli","1.getting-started\u002F4.cli","i-lucide-terminal",{"title":29,"path":30,"stem":31,"package":11,"icon":32},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F5.roadmap","i-lucide-map","i-lucide-rocket",{"title":35,"package":11,"icon":36,"path":37,"stem":38,"children":39,"page":50},"Packages","i-lucide-package","\u002Fpackages","2.packages",[40,45],{"title":41,"path":42,"stem":43,"package":11,"icon":44},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":46,"path":47,"stem":48,"package":11,"icon":49},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":52,"package":11,"icon":53,"path":54,"stem":55,"children":56},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[57,59,65,70,75,80,85,90,95,100,105,110,115,120,125,130,135,140,144,149,153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233,238,242,246,251,256,261,266,271,276,280,284,288,292,296],{"title":52,"path":54,"stem":58,"package":11,"icon":53},"3.components\u002Findex",{"title":60,"path":61,"stem":62,"package":63,"icon":64},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":66,"path":67,"stem":68,"package":63,"icon":69},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":71,"path":72,"stem":73,"package":63,"icon":74},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":76,"path":77,"stem":78,"package":79,"icon":74},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":81,"path":82,"stem":83,"package":63,"icon":84},"App","\u002Fcomponents\u002Fapp","3.components\u002Fapp","i-lucide-smartphone",{"title":86,"path":87,"stem":88,"package":63,"icon":89},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":91,"path":92,"stem":93,"package":63,"icon":94},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":96,"path":97,"stem":98,"package":63,"icon":99},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":101,"path":102,"stem":103,"package":63,"icon":104},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":106,"path":107,"stem":108,"package":63,"icon":109},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":111,"path":112,"stem":113,"package":63,"icon":114},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":116,"path":117,"stem":118,"package":63,"icon":119},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":121,"path":122,"stem":123,"package":79,"icon":124},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":126,"path":127,"stem":128,"package":79,"icon":129},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":131,"path":132,"stem":133,"package":79,"icon":134},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":136,"path":137,"stem":138,"package":63,"icon":139},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":141,"path":142,"stem":143,"package":79,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":145,"path":146,"stem":147,"package":63,"icon":148},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":150,"path":151,"stem":152,"package":63,"icon":69},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":154,"path":155,"stem":156,"package":63,"icon":157},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":159,"path":160,"stem":161,"package":63,"icon":162},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":164,"path":165,"stem":166,"package":63,"icon":167},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":169,"path":170,"stem":171,"package":63,"icon":172},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":174,"path":175,"stem":176,"package":63,"icon":177},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":179,"path":180,"stem":181,"package":79,"icon":182},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":184,"path":185,"stem":186,"package":63,"icon":187},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":189,"path":190,"stem":191,"package":79,"icon":192},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":194,"path":195,"stem":196,"package":63,"icon":197},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":199,"path":200,"stem":201,"package":63,"icon":202},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":204,"path":205,"stem":206,"package":63,"icon":207},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":209,"path":210,"stem":211,"package":63,"icon":212},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":214,"path":215,"stem":216,"package":63,"icon":217},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":219,"path":220,"stem":221,"package":63,"icon":222},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":224,"path":225,"stem":226,"package":79,"icon":227},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":229,"path":230,"stem":231,"package":63,"icon":232},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":234,"path":235,"stem":236,"package":63,"icon":237},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":239,"path":240,"stem":241,"package":79,"icon":69},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":243,"path":244,"stem":245,"package":63,"icon":162},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":247,"path":248,"stem":249,"package":63,"icon":250},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":252,"path":253,"stem":254,"package":63,"icon":255},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":257,"path":258,"stem":259,"package":63,"icon":260},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":262,"path":263,"stem":264,"package":63,"icon":265},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":267,"path":268,"stem":269,"package":63,"icon":270},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":272,"path":273,"stem":274,"package":63,"icon":275},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":277,"path":278,"stem":279,"package":63,"icon":162},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":281,"path":282,"stem":283,"package":63,"icon":148},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":285,"path":286,"stem":287,"package":63,"icon":207},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":289,"path":290,"stem":291,"package":63,"icon":275},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":293,"path":294,"stem":295,"package":63,"icon":162},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":297,"path":298,"stem":299,"package":63,"icon":300},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":302,"path":303,"stem":304,"children":305,"package":11,"icon":307},"Theming","\u002Ftheming","4.theming\u002F1.index",[306,308,312,317,322],{"title":302,"path":303,"stem":304,"package":11,"icon":307},"i-lucide-palette",{"title":309,"path":310,"stem":311,"package":11,"icon":250},"Overrides","\u002Ftheming\u002Foverrides","4.theming\u002F2.overrides",{"title":313,"path":314,"stem":315,"package":11,"icon":316},"Colors","\u002Ftheming\u002Fcolors","4.theming\u002F3.colors","i-lucide-swatch-book",{"title":318,"path":319,"stem":320,"package":11,"icon":321},"Dark Mode","\u002Ftheming\u002Fdark-mode","4.theming\u002F4.dark-mode","i-lucide-moon",{"title":323,"path":324,"stem":325,"package":11,"icon":326},"Fonts","\u002Ftheming\u002Ffonts","4.theming\u002F5.fonts","i-lucide-type",{"title":328,"path":329,"stem":330,"package":11,"icon":331},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":333,"path":334,"stem":335,"package":11,"icon":336},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":338,"path":339,"stem":340,"children":341,"package":11,"icon":343},"Composables","\u002Fcomposables","7.composables\u002F1.index",[342,344,349,354,359,364,369,374,378,383,387,391,396,401],{"title":338,"path":339,"stem":340,"package":11,"icon":343},"i-lucide-square-function",{"title":345,"path":346,"stem":347,"package":11,"icon":348},"useEmitAsProps","\u002Fcomposables\u002Fuse-emit-as-props","7.composables\u002F10.use-emit-as-props","i-lucide-zap",{"title":350,"path":351,"stem":352,"package":11,"icon":353},"useForwardPropsEmits","\u002Fcomposables\u002Fuse-forward-props-emits","7.composables\u002F11.use-forward-props-emits","i-lucide-merge",{"title":355,"path":356,"stem":357,"package":11,"icon":358},"useForwardExpose","\u002Fcomposables\u002Fuse-forward-expose","7.composables\u002F12.use-forward-expose","i-lucide-share-2",{"title":360,"path":361,"stem":362,"package":11,"icon":363},"useStateMachine","\u002Fcomposables\u002Fuse-state-machine","7.composables\u002F13.use-state-machine","i-lucide-workflow",{"title":365,"path":366,"stem":367,"package":11,"icon":368},"usePrimitiveElement","\u002Fcomposables\u002Fuse-primitive-element","7.composables\u002F14.use-primitive-element","i-lucide-crosshair",{"title":370,"path":371,"stem":372,"package":11,"icon":373},"useAppConfig","\u002Fcomposables\u002Fuse-app-config","7.composables\u002F2.use-app-config","i-lucide-settings",{"title":375,"path":376,"stem":377,"package":11,"icon":321},"useColorMode","\u002Fcomposables\u002Fuse-color-mode","7.composables\u002F3.use-color-mode",{"title":379,"path":380,"stem":381,"package":11,"icon":382},"useComponentIcons","\u002Fcomposables\u002Fuse-component-icons","7.composables\u002F4.use-component-icons","i-lucide-shapes",{"title":384,"path":385,"stem":386,"package":11,"icon":69},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":388,"path":389,"stem":390,"package":11,"icon":336},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":392,"path":393,"stem":394,"package":11,"icon":395},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":397,"path":398,"stem":399,"package":11,"icon":400},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":402,"path":403,"stem":404,"package":11,"icon":405},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"title":407,"path":408,"stem":409,"children":410,"package":11,"icon":412},"Guides","\u002Fguides","8.guides\u002F1.index",[411,413,417,422,427,432,437,441,446,450,455],{"title":407,"path":408,"stem":409,"package":11,"icon":412},"i-lucide-book-open",{"title":414,"path":415,"stem":416,"package":11,"icon":348},"Instant first-frame rendering","\u002Fguides\u002Finstant-first-frame-rendering","8.guides\u002F10.instant-first-frame-rendering",{"title":418,"path":419,"stem":420,"package":11,"icon":421},"Why use Vy UI","\u002Fguides\u002Fwhy-vy-ui","8.guides\u002F11.why-vy-ui","i-lucide-help-circle",{"title":423,"path":424,"stem":425,"package":11,"icon":426},"Lynx UI frameworks","\u002Fguides\u002Flynx-ui-frameworks","8.guides\u002F2.lynx-ui-frameworks","i-lucide-library",{"title":428,"path":429,"stem":430,"package":11,"icon":431},"What is Vue Lynx","\u002Fguides\u002Fvue-lynx","8.guides\u002F3.vue-lynx","i-lucide-component",{"title":433,"path":434,"stem":435,"package":11,"icon":436},"Lynx vs React Native","\u002Fguides\u002Flynx-vs-react-native","8.guides\u002F4.lynx-vs-react-native","i-lucide-git-compare",{"title":438,"path":439,"stem":440,"package":11,"icon":84},"Testing on your phone","\u002Fguides\u002Ftesting-on-device","8.guides\u002F5.testing-on-device",{"title":442,"path":443,"stem":444,"package":11,"icon":445},"Testing with Xcode","\u002Fguides\u002Ftesting-with-xcode","8.guides\u002F6.testing-with-xcode","i-lucide-apple",{"title":447,"path":448,"stem":449,"package":11,"icon":27},"The rspeedy dev server","\u002Fguides\u002Frspeedy-dev-server","8.guides\u002F7.rspeedy-dev-server",{"title":451,"path":452,"stem":453,"package":11,"icon":454},"Tailwind on Lynx","\u002Fguides\u002Ftailwind-on-lynx","8.guides\u002F8.tailwind-on-lynx","i-lucide-wind",{"title":456,"path":457,"stem":458,"package":11,"icon":459},"Theming on Lynx","\u002Fguides\u002Ftheming-on-lynx","8.guides\u002F9.theming-on-lynx","i-lucide-paintbrush",{"id":461,"title":277,"body":462,"description":3001,"extension":2843,"links":3002,"meta":3008,"navigation":3009,"package":63,"path":278,"seo":3010,"stem":279,"__hash__":3011},"docs\u002F3.components\u002Ftabs.md",{"type":463,"value":464,"toc":2980},"minimark",[465,470,481,486,490,933,947,952,966,1484,1502,1506,1509,1850,1854,1861,1949,1956,1960,1967,2052,2056,2111,2115,2262,2266,2513,2541,2545,2575,2579,2667,2671,2680,2772,2776,2897,2900,2903,2906,2909,2913,2951,2955,2976],[466,467,469],"h2",{"id":468},"overview","Overview",[471,472,473,477,478,480],"p",{},[474,475,476],"code",{},"VyTabs"," renders an animated tab indicator, selectable triggers, and optional content panels on top of the ",[474,479,41],{}," tabs primitives. It supports horizontal and vertical layouts, pill and link treatments, controlled or uncontrolled state, icons, disabled items, static content, and named content slots.",[482,483],"component-code",{"height":484,"name":485},"220px","tabs-example",[466,487,489],{"id":488},"usage","Usage",[491,492,497],"pre",{"className":493,"code":494,"language":495,"meta":496,"style":496},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\nimport { VyTabs } from '@vyui\u002Fkit\u002Ftabs'\n\nconst active = ref('overview')\nconst items = [\n  {\n    label: 'Overview',\n    value: 'overview',\n    icon: 'i-lucide-layout-dashboard',\n    content: 'Your account summary and recent activity.',\n  },\n  {\n    label: 'Security',\n    value: 'security',\n    icon: 'i-lucide-shield-check',\n    content: 'Passkeys, passwords, and signed-in devices.',\n  },\n  {\n    label: 'Billing',\n    value: 'billing',\n    icon: 'i-lucide-credit-card',\n    content: 'Plan, payment method, and invoices.',\n  },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyTabs v-model=\"active\" :items=\"items\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[474,498,499,534,562,583,590,617,630,636,654,670,687,704,710,715,731,747,763,779,784,789,805,821,837,853,858,864,874,879,889,924],{"__ignoreMap":496},[500,501,504,508,512,516,519,522,525,529,531],"span",{"class":502,"line":503},"line",1,[500,505,507],{"class":506},"sMK4o","\u003C",[500,509,511],{"class":510},"swJcz","script",[500,513,515],{"class":514},"spNyl"," setup",[500,517,518],{"class":514}," lang",[500,520,521],{"class":506},"=",[500,523,524],{"class":506},"\"",[500,526,528],{"class":527},"sfazB","ts",[500,530,524],{"class":506},[500,532,533],{"class":506},">\n",[500,535,537,541,544,548,551,554,557,559],{"class":502,"line":536},2,[500,538,540],{"class":539},"s7zQu","import",[500,542,543],{"class":506}," {",[500,545,547],{"class":546},"sTEyZ"," ref",[500,549,550],{"class":506}," }",[500,552,553],{"class":539}," from",[500,555,556],{"class":506}," '",[500,558,495],{"class":527},[500,560,561],{"class":506},"'\n",[500,563,565,567,569,572,574,576,578,581],{"class":502,"line":564},3,[500,566,540],{"class":539},[500,568,543],{"class":506},[500,570,571],{"class":546}," VyTabs",[500,573,550],{"class":506},[500,575,553],{"class":539},[500,577,556],{"class":506},[500,579,580],{"class":527},"@vyui\u002Fkit\u002Ftabs",[500,582,561],{"class":506},[500,584,586],{"class":502,"line":585},4,[500,587,589],{"emptyLinePlaceholder":588},true,"\n",[500,591,593,596,599,601,604,607,610,612,614],{"class":502,"line":592},5,[500,594,595],{"class":514},"const",[500,597,598],{"class":546}," active ",[500,600,521],{"class":506},[500,602,547],{"class":603},"s2Zo4",[500,605,606],{"class":546},"(",[500,608,609],{"class":506},"'",[500,611,468],{"class":527},[500,613,609],{"class":506},[500,615,616],{"class":546},")\n",[500,618,620,622,625,627],{"class":502,"line":619},6,[500,621,595],{"class":514},[500,623,624],{"class":546}," items ",[500,626,521],{"class":506},[500,628,629],{"class":546}," [\n",[500,631,633],{"class":502,"line":632},7,[500,634,635],{"class":506},"  {\n",[500,637,639,642,645,647,649,651],{"class":502,"line":638},8,[500,640,641],{"class":510},"    label",[500,643,644],{"class":506},":",[500,646,556],{"class":506},[500,648,469],{"class":527},[500,650,609],{"class":506},[500,652,653],{"class":506},",\n",[500,655,657,660,662,664,666,668],{"class":502,"line":656},9,[500,658,659],{"class":510},"    value",[500,661,644],{"class":506},[500,663,556],{"class":506},[500,665,468],{"class":527},[500,667,609],{"class":506},[500,669,653],{"class":506},[500,671,673,676,678,680,683,685],{"class":502,"line":672},10,[500,674,675],{"class":510},"    icon",[500,677,644],{"class":506},[500,679,556],{"class":506},[500,681,682],{"class":527},"i-lucide-layout-dashboard",[500,684,609],{"class":506},[500,686,653],{"class":506},[500,688,690,693,695,697,700,702],{"class":502,"line":689},11,[500,691,692],{"class":510},"    content",[500,694,644],{"class":506},[500,696,556],{"class":506},[500,698,699],{"class":527},"Your account summary and recent activity.",[500,701,609],{"class":506},[500,703,653],{"class":506},[500,705,707],{"class":502,"line":706},12,[500,708,709],{"class":506},"  },\n",[500,711,713],{"class":502,"line":712},13,[500,714,635],{"class":506},[500,716,718,720,722,724,727,729],{"class":502,"line":717},14,[500,719,641],{"class":510},[500,721,644],{"class":506},[500,723,556],{"class":506},[500,725,726],{"class":527},"Security",[500,728,609],{"class":506},[500,730,653],{"class":506},[500,732,734,736,738,740,743,745],{"class":502,"line":733},15,[500,735,659],{"class":510},[500,737,644],{"class":506},[500,739,556],{"class":506},[500,741,742],{"class":527},"security",[500,744,609],{"class":506},[500,746,653],{"class":506},[500,748,750,752,754,756,759,761],{"class":502,"line":749},16,[500,751,675],{"class":510},[500,753,644],{"class":506},[500,755,556],{"class":506},[500,757,758],{"class":527},"i-lucide-shield-check",[500,760,609],{"class":506},[500,762,653],{"class":506},[500,764,766,768,770,772,775,777],{"class":502,"line":765},17,[500,767,692],{"class":510},[500,769,644],{"class":506},[500,771,556],{"class":506},[500,773,774],{"class":527},"Passkeys, passwords, and signed-in devices.",[500,776,609],{"class":506},[500,778,653],{"class":506},[500,780,782],{"class":502,"line":781},18,[500,783,709],{"class":506},[500,785,787],{"class":502,"line":786},19,[500,788,635],{"class":506},[500,790,792,794,796,798,801,803],{"class":502,"line":791},20,[500,793,641],{"class":510},[500,795,644],{"class":506},[500,797,556],{"class":506},[500,799,800],{"class":527},"Billing",[500,802,609],{"class":506},[500,804,653],{"class":506},[500,806,808,810,812,814,817,819],{"class":502,"line":807},21,[500,809,659],{"class":510},[500,811,644],{"class":506},[500,813,556],{"class":506},[500,815,816],{"class":527},"billing",[500,818,609],{"class":506},[500,820,653],{"class":506},[500,822,824,826,828,830,833,835],{"class":502,"line":823},22,[500,825,675],{"class":510},[500,827,644],{"class":506},[500,829,556],{"class":506},[500,831,832],{"class":527},"i-lucide-credit-card",[500,834,609],{"class":506},[500,836,653],{"class":506},[500,838,840,842,844,846,849,851],{"class":502,"line":839},23,[500,841,692],{"class":510},[500,843,644],{"class":506},[500,845,556],{"class":506},[500,847,848],{"class":527},"Plan, payment method, and invoices.",[500,850,609],{"class":506},[500,852,653],{"class":506},[500,854,856],{"class":502,"line":855},24,[500,857,709],{"class":506},[500,859,861],{"class":502,"line":860},25,[500,862,863],{"class":546},"]\n",[500,865,867,870,872],{"class":502,"line":866},26,[500,868,869],{"class":506},"\u003C\u002F",[500,871,511],{"class":510},[500,873,533],{"class":506},[500,875,877],{"class":502,"line":876},27,[500,878,589],{"emptyLinePlaceholder":588},[500,880,882,884,887],{"class":502,"line":881},28,[500,883,507],{"class":506},[500,885,886],{"class":510},"template",[500,888,533],{"class":506},[500,890,892,895,897,900,902,904,907,909,912,914,916,919,921],{"class":502,"line":891},29,[500,893,894],{"class":506},"  \u003C",[500,896,476],{"class":510},[500,898,899],{"class":514}," v-model",[500,901,521],{"class":506},[500,903,524],{"class":506},[500,905,906],{"class":527},"active",[500,908,524],{"class":506},[500,910,911],{"class":514}," :items",[500,913,521],{"class":506},[500,915,524],{"class":506},[500,917,918],{"class":527},"items",[500,920,524],{"class":506},[500,922,923],{"class":506}," \u002F>\n",[500,925,927,929,931],{"class":502,"line":926},30,[500,928,869],{"class":506},[500,930,886],{"class":510},[500,932,533],{"class":506},[471,934,935,936,939,940,942,943,946],{},"Give items explicit ",[474,937,938],{},"value"," fields when state is stored or shared. Without one, ",[474,941,476],{}," uses the zero-based index converted to a string, such as ",[474,944,945],{},"'0'",".",[948,949,951],"h3",{"id":950},"named-content-slots","Named content slots",[471,953,954,955,958,959,962,963,946],{},"Set an item's ",[474,956,957],{},"slot"," to render a different named slot for its panel. Every content slot receives ",[474,960,961],{},"item"," and ",[474,964,965],{},"index",[491,967,969],{"className":493,"code":968,"language":495,"meta":496,"style":496},"\u003Cscript setup lang=\"ts\">\nimport { VyButton } from '@vyui\u002Fkit\u002Fbutton'\nimport { VyTabs } from '@vyui\u002Fkit\u002Ftabs'\n\nconst items = [\n  { label: 'Profile', value: 'profile', slot: 'profile' },\n  { label: 'Devices', value: 'devices', slot: 'devices' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyTabs :items=\"items\" default-value=\"profile\">\n    \u003Ctemplate #profile>\n      \u003Cview class=\"gap-3 rounded-xl bg-neutral-50 p-4\">\n        \u003Ctext class=\"font-semibold text-neutral-900\">Public profile\u003C\u002Ftext>\n        \u003Ctext class=\"text-sm text-neutral-500\">\n          Choose the details other people can see.\n        \u003C\u002Ftext>\n        \u003CVyButton size=\"sm\">Edit profile\u003C\u002FVyButton>\n      \u003C\u002Fview>\n    \u003C\u002Ftemplate>\n\n    \u003Ctemplate #devices>\n      \u003Cview class=\"gap-2 rounded-xl bg-neutral-50 p-4\">\n        \u003Ctext class=\"font-semibold text-neutral-900\">Signed-in devices\u003C\u002Ftext>\n        \u003Ctext class=\"text-sm text-neutral-500\">iPhone 16 Pro · Stockholm\u003C\u002Ftext>\n        \u003Ctext class=\"text-sm text-neutral-500\">Pixel 9 · Last active yesterday\u003C\u002Ftext>\n      \u003C\u002Fview>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVyTabs>\n\u003C\u002Ftemplate>\n",[474,970,971,991,1011,1029,1033,1043,1091,1133,1137,1145,1149,1157,1186,1200,1222,1253,1272,1277,1286,1316,1325,1334,1338,1350,1369,1396,1423,1450,1458,1466,1475],{"__ignoreMap":496},[500,972,973,975,977,979,981,983,985,987,989],{"class":502,"line":503},[500,974,507],{"class":506},[500,976,511],{"class":510},[500,978,515],{"class":514},[500,980,518],{"class":514},[500,982,521],{"class":506},[500,984,524],{"class":506},[500,986,528],{"class":527},[500,988,524],{"class":506},[500,990,533],{"class":506},[500,992,993,995,997,1000,1002,1004,1006,1009],{"class":502,"line":536},[500,994,540],{"class":539},[500,996,543],{"class":506},[500,998,999],{"class":546}," VyButton",[500,1001,550],{"class":506},[500,1003,553],{"class":539},[500,1005,556],{"class":506},[500,1007,1008],{"class":527},"@vyui\u002Fkit\u002Fbutton",[500,1010,561],{"class":506},[500,1012,1013,1015,1017,1019,1021,1023,1025,1027],{"class":502,"line":564},[500,1014,540],{"class":539},[500,1016,543],{"class":506},[500,1018,571],{"class":546},[500,1020,550],{"class":506},[500,1022,553],{"class":539},[500,1024,556],{"class":506},[500,1026,580],{"class":527},[500,1028,561],{"class":506},[500,1030,1031],{"class":502,"line":585},[500,1032,589],{"emptyLinePlaceholder":588},[500,1034,1035,1037,1039,1041],{"class":502,"line":592},[500,1036,595],{"class":514},[500,1038,624],{"class":546},[500,1040,521],{"class":506},[500,1042,629],{"class":546},[500,1044,1045,1048,1051,1053,1055,1058,1060,1063,1066,1068,1070,1073,1075,1077,1080,1082,1084,1086,1088],{"class":502,"line":619},[500,1046,1047],{"class":506},"  {",[500,1049,1050],{"class":510}," label",[500,1052,644],{"class":506},[500,1054,556],{"class":506},[500,1056,1057],{"class":527},"Profile",[500,1059,609],{"class":506},[500,1061,1062],{"class":506},",",[500,1064,1065],{"class":510}," value",[500,1067,644],{"class":506},[500,1069,556],{"class":506},[500,1071,1072],{"class":527},"profile",[500,1074,609],{"class":506},[500,1076,1062],{"class":506},[500,1078,1079],{"class":510}," slot",[500,1081,644],{"class":506},[500,1083,556],{"class":506},[500,1085,1072],{"class":527},[500,1087,609],{"class":506},[500,1089,1090],{"class":506}," },\n",[500,1092,1093,1095,1097,1099,1101,1104,1106,1108,1110,1112,1114,1117,1119,1121,1123,1125,1127,1129,1131],{"class":502,"line":632},[500,1094,1047],{"class":506},[500,1096,1050],{"class":510},[500,1098,644],{"class":506},[500,1100,556],{"class":506},[500,1102,1103],{"class":527},"Devices",[500,1105,609],{"class":506},[500,1107,1062],{"class":506},[500,1109,1065],{"class":510},[500,1111,644],{"class":506},[500,1113,556],{"class":506},[500,1115,1116],{"class":527},"devices",[500,1118,609],{"class":506},[500,1120,1062],{"class":506},[500,1122,1079],{"class":510},[500,1124,644],{"class":506},[500,1126,556],{"class":506},[500,1128,1116],{"class":527},[500,1130,609],{"class":506},[500,1132,1090],{"class":506},[500,1134,1135],{"class":502,"line":638},[500,1136,863],{"class":546},[500,1138,1139,1141,1143],{"class":502,"line":656},[500,1140,869],{"class":506},[500,1142,511],{"class":510},[500,1144,533],{"class":506},[500,1146,1147],{"class":502,"line":672},[500,1148,589],{"emptyLinePlaceholder":588},[500,1150,1151,1153,1155],{"class":502,"line":689},[500,1152,507],{"class":506},[500,1154,886],{"class":510},[500,1156,533],{"class":506},[500,1158,1159,1161,1163,1165,1167,1169,1171,1173,1176,1178,1180,1182,1184],{"class":502,"line":706},[500,1160,894],{"class":506},[500,1162,476],{"class":510},[500,1164,911],{"class":514},[500,1166,521],{"class":506},[500,1168,524],{"class":506},[500,1170,918],{"class":527},[500,1172,524],{"class":506},[500,1174,1175],{"class":514}," default-value",[500,1177,521],{"class":506},[500,1179,524],{"class":506},[500,1181,1072],{"class":527},[500,1183,524],{"class":506},[500,1185,533],{"class":506},[500,1187,1188,1191,1193,1196,1198],{"class":502,"line":712},[500,1189,1190],{"class":506},"    \u003C",[500,1192,886],{"class":510},[500,1194,1195],{"class":506}," #",[500,1197,1072],{"class":514},[500,1199,533],{"class":506},[500,1201,1202,1205,1208,1211,1213,1215,1218,1220],{"class":502,"line":717},[500,1203,1204],{"class":506},"      \u003C",[500,1206,1207],{"class":510},"view",[500,1209,1210],{"class":514}," class",[500,1212,521],{"class":506},[500,1214,524],{"class":506},[500,1216,1217],{"class":527},"gap-3 rounded-xl bg-neutral-50 p-4",[500,1219,524],{"class":506},[500,1221,533],{"class":506},[500,1223,1224,1227,1230,1232,1234,1236,1239,1241,1244,1247,1249,1251],{"class":502,"line":733},[500,1225,1226],{"class":506},"        \u003C",[500,1228,1229],{"class":510},"text",[500,1231,1210],{"class":514},[500,1233,521],{"class":506},[500,1235,524],{"class":506},[500,1237,1238],{"class":527},"font-semibold text-neutral-900",[500,1240,524],{"class":506},[500,1242,1243],{"class":506},">",[500,1245,1246],{"class":546},"Public profile",[500,1248,869],{"class":506},[500,1250,1229],{"class":510},[500,1252,533],{"class":506},[500,1254,1255,1257,1259,1261,1263,1265,1268,1270],{"class":502,"line":749},[500,1256,1226],{"class":506},[500,1258,1229],{"class":510},[500,1260,1210],{"class":514},[500,1262,521],{"class":506},[500,1264,524],{"class":506},[500,1266,1267],{"class":527},"text-sm text-neutral-500",[500,1269,524],{"class":506},[500,1271,533],{"class":506},[500,1273,1274],{"class":502,"line":765},[500,1275,1276],{"class":546},"          Choose the details other people can see.\n",[500,1278,1279,1282,1284],{"class":502,"line":781},[500,1280,1281],{"class":506},"        \u003C\u002F",[500,1283,1229],{"class":510},[500,1285,533],{"class":506},[500,1287,1288,1290,1293,1296,1298,1300,1303,1305,1307,1310,1312,1314],{"class":502,"line":786},[500,1289,1226],{"class":506},[500,1291,1292],{"class":510},"VyButton",[500,1294,1295],{"class":514}," size",[500,1297,521],{"class":506},[500,1299,524],{"class":506},[500,1301,1302],{"class":527},"sm",[500,1304,524],{"class":506},[500,1306,1243],{"class":506},[500,1308,1309],{"class":546},"Edit profile",[500,1311,869],{"class":506},[500,1313,1292],{"class":510},[500,1315,533],{"class":506},[500,1317,1318,1321,1323],{"class":502,"line":791},[500,1319,1320],{"class":506},"      \u003C\u002F",[500,1322,1207],{"class":510},[500,1324,533],{"class":506},[500,1326,1327,1330,1332],{"class":502,"line":807},[500,1328,1329],{"class":506},"    \u003C\u002F",[500,1331,886],{"class":510},[500,1333,533],{"class":506},[500,1335,1336],{"class":502,"line":823},[500,1337,589],{"emptyLinePlaceholder":588},[500,1339,1340,1342,1344,1346,1348],{"class":502,"line":839},[500,1341,1190],{"class":506},[500,1343,886],{"class":510},[500,1345,1195],{"class":506},[500,1347,1116],{"class":514},[500,1349,533],{"class":506},[500,1351,1352,1354,1356,1358,1360,1362,1365,1367],{"class":502,"line":855},[500,1353,1204],{"class":506},[500,1355,1207],{"class":510},[500,1357,1210],{"class":514},[500,1359,521],{"class":506},[500,1361,524],{"class":506},[500,1363,1364],{"class":527},"gap-2 rounded-xl bg-neutral-50 p-4",[500,1366,524],{"class":506},[500,1368,533],{"class":506},[500,1370,1371,1373,1375,1377,1379,1381,1383,1385,1387,1390,1392,1394],{"class":502,"line":860},[500,1372,1226],{"class":506},[500,1374,1229],{"class":510},[500,1376,1210],{"class":514},[500,1378,521],{"class":506},[500,1380,524],{"class":506},[500,1382,1238],{"class":527},[500,1384,524],{"class":506},[500,1386,1243],{"class":506},[500,1388,1389],{"class":546},"Signed-in devices",[500,1391,869],{"class":506},[500,1393,1229],{"class":510},[500,1395,533],{"class":506},[500,1397,1398,1400,1402,1404,1406,1408,1410,1412,1414,1417,1419,1421],{"class":502,"line":866},[500,1399,1226],{"class":506},[500,1401,1229],{"class":510},[500,1403,1210],{"class":514},[500,1405,521],{"class":506},[500,1407,524],{"class":506},[500,1409,1267],{"class":527},[500,1411,524],{"class":506},[500,1413,1243],{"class":506},[500,1415,1416],{"class":546},"iPhone 16 Pro · Stockholm",[500,1418,869],{"class":506},[500,1420,1229],{"class":510},[500,1422,533],{"class":506},[500,1424,1425,1427,1429,1431,1433,1435,1437,1439,1441,1444,1446,1448],{"class":502,"line":876},[500,1426,1226],{"class":506},[500,1428,1229],{"class":510},[500,1430,1210],{"class":514},[500,1432,521],{"class":506},[500,1434,524],{"class":506},[500,1436,1267],{"class":527},[500,1438,524],{"class":506},[500,1440,1243],{"class":506},[500,1442,1443],{"class":546},"Pixel 9 · Last active yesterday",[500,1445,869],{"class":506},[500,1447,1229],{"class":510},[500,1449,533],{"class":506},[500,1451,1452,1454,1456],{"class":502,"line":881},[500,1453,1320],{"class":506},[500,1455,1207],{"class":510},[500,1457,533],{"class":506},[500,1459,1460,1462,1464],{"class":502,"line":891},[500,1461,1329],{"class":506},[500,1463,886],{"class":510},[500,1465,533],{"class":506},[500,1467,1468,1471,1473],{"class":502,"line":926},[500,1469,1470],{"class":506},"  \u003C\u002F",[500,1472,476],{"class":510},[500,1474,533],{"class":506},[500,1476,1478,1480,1482],{"class":502,"line":1477},31,[500,1479,869],{"class":506},[500,1481,886],{"class":510},[500,1483,533],{"class":506},[471,1485,1486,1487,1490,1491,1494,1495,1498,1499,1501],{},"If ",[474,1488,1489],{},"item.slot"," is omitted, the panel uses the ",[474,1492,1493],{},"content"," slot. If no matching slot is supplied, ",[474,1496,1497],{},"item.content"," is rendered as a ",[474,1500,1229],{}," node.",[948,1503,1505],{"id":1504},"vertical-navigation","Vertical navigation",[471,1507,1508],{},"Vertical tabs place the trigger rail beside the active panel. Give the component or its parent a useful height when the panel should fill a bounded region.",[491,1510,1512],{"className":493,"code":1511,"language":495,"meta":496,"style":496},"\u003Cscript setup lang=\"ts\">\nimport { VyTabs } from '@vyui\u002Fkit\u002Ftabs'\n\nconst sections = [\n  { label: 'General', value: 'general', icon: 'i-lucide-settings', content: 'General preferences' },\n  { label: 'Privacy', value: 'privacy', icon: 'i-lucide-lock', content: 'Privacy controls' },\n  { label: 'About', value: 'about', icon: 'i-lucide-info', content: 'App and legal information' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyTabs\n    class=\"h-64\"\n    :items=\"sections\"\n    default-value=\"general\"\n    orientation=\"vertical\"\n    variant=\"link\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[474,1513,1514,1534,1552,1556,1567,1624,1680,1736,1740,1748,1752,1760,1767,1782,1796,1809,1823,1837,1842],{"__ignoreMap":496},[500,1515,1516,1518,1520,1522,1524,1526,1528,1530,1532],{"class":502,"line":503},[500,1517,507],{"class":506},[500,1519,511],{"class":510},[500,1521,515],{"class":514},[500,1523,518],{"class":514},[500,1525,521],{"class":506},[500,1527,524],{"class":506},[500,1529,528],{"class":527},[500,1531,524],{"class":506},[500,1533,533],{"class":506},[500,1535,1536,1538,1540,1542,1544,1546,1548,1550],{"class":502,"line":536},[500,1537,540],{"class":539},[500,1539,543],{"class":506},[500,1541,571],{"class":546},[500,1543,550],{"class":506},[500,1545,553],{"class":539},[500,1547,556],{"class":506},[500,1549,580],{"class":527},[500,1551,561],{"class":506},[500,1553,1554],{"class":502,"line":564},[500,1555,589],{"emptyLinePlaceholder":588},[500,1557,1558,1560,1563,1565],{"class":502,"line":585},[500,1559,595],{"class":514},[500,1561,1562],{"class":546}," sections ",[500,1564,521],{"class":506},[500,1566,629],{"class":546},[500,1568,1569,1571,1573,1575,1577,1580,1582,1584,1586,1588,1590,1593,1595,1597,1600,1602,1604,1606,1608,1610,1613,1615,1617,1620,1622],{"class":502,"line":592},[500,1570,1047],{"class":506},[500,1572,1050],{"class":510},[500,1574,644],{"class":506},[500,1576,556],{"class":506},[500,1578,1579],{"class":527},"General",[500,1581,609],{"class":506},[500,1583,1062],{"class":506},[500,1585,1065],{"class":510},[500,1587,644],{"class":506},[500,1589,556],{"class":506},[500,1591,1592],{"class":527},"general",[500,1594,609],{"class":506},[500,1596,1062],{"class":506},[500,1598,1599],{"class":510}," icon",[500,1601,644],{"class":506},[500,1603,556],{"class":506},[500,1605,373],{"class":527},[500,1607,609],{"class":506},[500,1609,1062],{"class":506},[500,1611,1612],{"class":510}," content",[500,1614,644],{"class":506},[500,1616,556],{"class":506},[500,1618,1619],{"class":527},"General preferences",[500,1621,609],{"class":506},[500,1623,1090],{"class":506},[500,1625,1626,1628,1630,1632,1634,1637,1639,1641,1643,1645,1647,1650,1652,1654,1656,1658,1660,1663,1665,1667,1669,1671,1673,1676,1678],{"class":502,"line":619},[500,1627,1047],{"class":506},[500,1629,1050],{"class":510},[500,1631,644],{"class":506},[500,1633,556],{"class":506},[500,1635,1636],{"class":527},"Privacy",[500,1638,609],{"class":506},[500,1640,1062],{"class":506},[500,1642,1065],{"class":510},[500,1644,644],{"class":506},[500,1646,556],{"class":506},[500,1648,1649],{"class":527},"privacy",[500,1651,609],{"class":506},[500,1653,1062],{"class":506},[500,1655,1599],{"class":510},[500,1657,644],{"class":506},[500,1659,556],{"class":506},[500,1661,1662],{"class":527},"i-lucide-lock",[500,1664,609],{"class":506},[500,1666,1062],{"class":506},[500,1668,1612],{"class":510},[500,1670,644],{"class":506},[500,1672,556],{"class":506},[500,1674,1675],{"class":527},"Privacy controls",[500,1677,609],{"class":506},[500,1679,1090],{"class":506},[500,1681,1682,1684,1686,1688,1690,1693,1695,1697,1699,1701,1703,1706,1708,1710,1712,1714,1716,1719,1721,1723,1725,1727,1729,1732,1734],{"class":502,"line":632},[500,1683,1047],{"class":506},[500,1685,1050],{"class":510},[500,1687,644],{"class":506},[500,1689,556],{"class":506},[500,1691,1692],{"class":527},"About",[500,1694,609],{"class":506},[500,1696,1062],{"class":506},[500,1698,1065],{"class":510},[500,1700,644],{"class":506},[500,1702,556],{"class":506},[500,1704,1705],{"class":527},"about",[500,1707,609],{"class":506},[500,1709,1062],{"class":506},[500,1711,1599],{"class":510},[500,1713,644],{"class":506},[500,1715,556],{"class":506},[500,1717,1718],{"class":527},"i-lucide-info",[500,1720,609],{"class":506},[500,1722,1062],{"class":506},[500,1724,1612],{"class":510},[500,1726,644],{"class":506},[500,1728,556],{"class":506},[500,1730,1731],{"class":527},"App and legal information",[500,1733,609],{"class":506},[500,1735,1090],{"class":506},[500,1737,1738],{"class":502,"line":638},[500,1739,863],{"class":546},[500,1741,1742,1744,1746],{"class":502,"line":656},[500,1743,869],{"class":506},[500,1745,511],{"class":510},[500,1747,533],{"class":506},[500,1749,1750],{"class":502,"line":672},[500,1751,589],{"emptyLinePlaceholder":588},[500,1753,1754,1756,1758],{"class":502,"line":689},[500,1755,507],{"class":506},[500,1757,886],{"class":510},[500,1759,533],{"class":506},[500,1761,1762,1764],{"class":502,"line":706},[500,1763,894],{"class":506},[500,1765,1766],{"class":510},"VyTabs\n",[500,1768,1769,1772,1774,1776,1779],{"class":502,"line":712},[500,1770,1771],{"class":514},"    class",[500,1773,521],{"class":506},[500,1775,524],{"class":506},[500,1777,1778],{"class":527},"h-64",[500,1780,1781],{"class":506},"\"\n",[500,1783,1784,1787,1789,1791,1794],{"class":502,"line":717},[500,1785,1786],{"class":514},"    :items",[500,1788,521],{"class":506},[500,1790,524],{"class":506},[500,1792,1793],{"class":527},"sections",[500,1795,1781],{"class":506},[500,1797,1798,1801,1803,1805,1807],{"class":502,"line":733},[500,1799,1800],{"class":514},"    default-value",[500,1802,521],{"class":506},[500,1804,524],{"class":506},[500,1806,1592],{"class":527},[500,1808,1781],{"class":506},[500,1810,1811,1814,1816,1818,1821],{"class":502,"line":749},[500,1812,1813],{"class":514},"    orientation",[500,1815,521],{"class":506},[500,1817,524],{"class":506},[500,1819,1820],{"class":527},"vertical",[500,1822,1781],{"class":506},[500,1824,1825,1828,1830,1832,1835],{"class":502,"line":765},[500,1826,1827],{"class":514},"    variant",[500,1829,521],{"class":506},[500,1831,524],{"class":506},[500,1833,1834],{"class":527},"link",[500,1836,1781],{"class":506},[500,1838,1839],{"class":502,"line":781},[500,1840,1841],{"class":506},"  \u002F>\n",[500,1843,1844,1846,1848],{"class":502,"line":786},[500,1845,869],{"class":506},[500,1847,886],{"class":510},[500,1849,533],{"class":506},[948,1851,1853],{"id":1852},"crowded-mobile-tabs","Crowded mobile tabs",[471,1855,1856,1857,1860],{},"Use ",[474,1858,1859],{},"direction=\"stacked\""," to place an icon above its label when several horizontal triggers share a narrow phone width.",[491,1862,1864],{"className":493,"code":1863,"language":495,"meta":496,"style":496},"\u003CVyTabs\n  v-model=\"active\"\n  :items=\"destinations\"\n  direction=\"stacked\"\n  size=\"sm\"\n  :content=\"false\"\n\u002F>\n",[474,1865,1866,1872,1885,1901,1915,1928,1944],{"__ignoreMap":496},[500,1867,1868,1870],{"class":502,"line":503},[500,1869,507],{"class":506},[500,1871,1766],{"class":510},[500,1873,1874,1877,1879,1881,1883],{"class":502,"line":536},[500,1875,1876],{"class":514},"  v-model",[500,1878,521],{"class":506},[500,1880,524],{"class":506},[500,1882,906],{"class":546},[500,1884,1781],{"class":506},[500,1886,1887,1890,1892,1894,1896,1899],{"class":502,"line":564},[500,1888,1889],{"class":506},"  :",[500,1891,918],{"class":514},[500,1893,521],{"class":506},[500,1895,524],{"class":506},[500,1897,1898],{"class":546},"destinations",[500,1900,1781],{"class":506},[500,1902,1903,1906,1908,1910,1913],{"class":502,"line":585},[500,1904,1905],{"class":514},"  direction",[500,1907,521],{"class":506},[500,1909,524],{"class":506},[500,1911,1912],{"class":527},"stacked",[500,1914,1781],{"class":506},[500,1916,1917,1920,1922,1924,1926],{"class":502,"line":592},[500,1918,1919],{"class":514},"  size",[500,1921,521],{"class":506},[500,1923,524],{"class":506},[500,1925,1302],{"class":527},[500,1927,1781],{"class":506},[500,1929,1930,1932,1934,1936,1938,1942],{"class":502,"line":619},[500,1931,1889],{"class":506},[500,1933,1493],{"class":514},[500,1935,521],{"class":506},[500,1937,524],{"class":506},[500,1939,1941],{"class":1940},"sfNiH","false",[500,1943,1781],{"class":506},[500,1945,1946],{"class":502,"line":632},[500,1947,1948],{"class":546},"\u002F>\n",[471,1950,1951,1952,1955],{},"Set ",[474,1953,1954],{},"content=\"false\""," when the tabs only control content rendered elsewhere.",[948,1957,1959],{"id":1958},"custom-triggers","Custom triggers",[471,1961,1962,1963,1966],{},"The trigger slots receive the item and index. The ",[474,1964,1965],{},"leading"," slot additionally receives the resolved icon color required for Lynx SVG rendering.",[491,1968,1970],{"className":493,"code":1969,"language":495,"meta":496,"style":496},"\u003CVyTabs :items=\"items\">\n  \u003Ctemplate #leading=\"{ item, iconColor }\">\n    \u003CVyIcon :name=\"item.icon\" :color=\"iconColor\" \u002F>\n  \u003C\u002Ftemplate>\n\n  \u003Ctemplate #default=\"{ item }\">\n    {{ item.shortLabel ?? item.label }}\n  \u003C\u002Ftemplate>\n\n  \u003Ctemplate #trailing=\"{ item }\">\n    \u003CVyBadge v-if=\"item.count\" :label=\"String(item.count)\" size=\"sm\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FVyTabs>\n",[474,1971,1972,1993,1998,2003,2008,2012,2017,2022,2026,2030,2035,2040,2044],{"__ignoreMap":496},[500,1973,1974,1976,1978,1981,1983,1985,1987,1989,1991],{"class":502,"line":503},[500,1975,507],{"class":506},[500,1977,476],{"class":510},[500,1979,1980],{"class":506}," :",[500,1982,918],{"class":514},[500,1984,521],{"class":506},[500,1986,524],{"class":506},[500,1988,918],{"class":546},[500,1990,524],{"class":506},[500,1992,533],{"class":506},[500,1994,1995],{"class":502,"line":536},[500,1996,1997],{"class":546},"  \u003Ctemplate #leading=\"{ item, iconColor }\">\n",[500,1999,2000],{"class":502,"line":564},[500,2001,2002],{"class":546},"    \u003CVyIcon :name=\"item.icon\" :color=\"iconColor\" \u002F>\n",[500,2004,2005],{"class":502,"line":585},[500,2006,2007],{"class":546},"  \u003C\u002Ftemplate>\n",[500,2009,2010],{"class":502,"line":592},[500,2011,589],{"emptyLinePlaceholder":588},[500,2013,2014],{"class":502,"line":619},[500,2015,2016],{"class":546},"  \u003Ctemplate #default=\"{ item }\">\n",[500,2018,2019],{"class":502,"line":632},[500,2020,2021],{"class":546},"    {{ item.shortLabel ?? item.label }}\n",[500,2023,2024],{"class":502,"line":638},[500,2025,2007],{"class":546},[500,2027,2028],{"class":502,"line":656},[500,2029,589],{"emptyLinePlaceholder":588},[500,2031,2032],{"class":502,"line":672},[500,2033,2034],{"class":546},"  \u003Ctemplate #trailing=\"{ item }\">\n",[500,2036,2037],{"class":502,"line":689},[500,2038,2039],{"class":546},"    \u003CVyBadge v-if=\"item.count\" :label=\"String(item.count)\" size=\"sm\" \u002F>\n",[500,2041,2042],{"class":502,"line":706},[500,2043,2007],{"class":546},[500,2045,2046,2048,2050],{"class":502,"line":712},[500,2047,869],{"class":506},[500,2049,476],{"class":510},[500,2051,533],{"class":506},[466,2053,2055],{"id":2054},"features-and-behavior","Features and behavior",[2057,2058,2059,2071,2079,2088,2091,2096,2105,2108],"ul",{},[2060,2061,2062,2063,2066,2067,2070],"li",{},"Bind ",[474,2064,2065],{},"v-model"," to control the active item, or use ",[474,2068,2069],{},"defaultValue"," for uncontrolled state.",[2060,2072,2073,2075,2076,2078],{},[474,2074,2069],{}," defaults to ",[474,2077,945],{},", matching the first item only when that item uses its fallback value.",[2060,2080,2081,2082,2084,2085,946],{},"Each item uses ",[474,2083,938],{}," as its identity; otherwise it uses ",[474,2086,2087],{},"String(index)",[2060,2089,2090],{},"Disabled items are dimmed and ignore taps.",[2060,2092,2093,2095],{},[474,2094,1954],{}," omits every content panel while keeping the tab triggers interactive.",[2060,2097,2098,2099,2102,2103,946],{},"Inactive panels are currently removed from the tree. Although ",[474,2100,2101],{},"unmountOnHide"," is forwarded to the core root, the current content primitive does not preserve hidden panels when it is ",[474,2104,1941],{},[2060,2106,2107],{},"The indicator measures the active native Lynx trigger and updates after layout changes.",[2060,2109,2110],{},"Item data is forwarded unchanged to trigger and content slot props.",[948,2112,2114],{"id":2113},"tab-item","Tab item",[2116,2117,2118,2137],"table",{},[2119,2120,2121],"thead",{},[2122,2123,2124,2128,2131,2134],"tr",{},[2125,2126,2127],"th",{},"Field",[2125,2129,2130],{},"Type",[2125,2132,2133],{},"Default",[2125,2135,2136],{},"Description",[2138,2139,2140,2159,2175,2193,2208,2226,2245],"tbody",{},[2122,2141,2142,2148,2153,2156],{},[2143,2144,2145],"td",{},[474,2146,2147],{},"label",[2143,2149,2150],{},[474,2151,2152],{},"string",[2143,2154,2155],{},"—",[2143,2157,2158],{},"Built-in trigger label.",[2122,2160,2161,2166,2170,2172],{},[2143,2162,2163],{},[474,2164,2165],{},"icon",[2143,2167,2168],{},[474,2169,2152],{},[2143,2171,2155],{},[2143,2173,2174],{},"Leading Iconify icon name.",[2122,2176,2177,2181,2185,2190],{},[2143,2178,2179],{},[474,2180,957],{},[2143,2182,2183],{},[474,2184,2152],{},[2143,2186,2187],{},[474,2188,2189],{},"'content'",[2143,2191,2192],{},"Named slot used for this item's panel.",[2122,2194,2195,2199,2203,2205],{},[2143,2196,2197],{},[474,2198,1493],{},[2143,2200,2201],{},[474,2202,2152],{},[2143,2204,2155],{},[2143,2206,2207],{},"Static panel text when no matching content slot is supplied.",[2122,2209,2210,2214,2219,2223],{},[2143,2211,2212],{},[474,2213,938],{},[2143,2215,2216],{},[474,2217,2218],{},"string | number",[2143,2220,2221],{},[474,2222,2087],{},[2143,2224,2225],{},"Unique trigger and panel identity.",[2122,2227,2228,2233,2238,2242],{},[2143,2229,2230],{},[474,2231,2232],{},"disabled",[2143,2234,2235],{},[474,2236,2237],{},"boolean",[2143,2239,2240],{},[474,2241,1941],{},[2143,2243,2244],{},"Prevents activation.",[2122,2246,2247,2252,2257,2259],{},[2143,2248,2249],{},[474,2250,2251],{},"[key: string]",[2143,2253,2254],{},[474,2255,2256],{},"any",[2143,2258,2155],{},[2143,2260,2261],{},"Additional application data forwarded in slot props.",[466,2263,2265],{"id":2264},"props","Props",[2116,2267,2268,2281],{},[2119,2269,2270],{},[2122,2271,2272,2275,2277,2279],{},[2125,2273,2274],{},"Prop",[2125,2276,2130],{},[2125,2278,2133],{},[2125,2280,2136],{},[2138,2282,2283,2302,2322,2339,2359,2379,2399,2419,2439,2457,2476,2494],{},[2122,2284,2285,2289,2294,2299],{},[2143,2286,2287],{},[474,2288,918],{},[2143,2290,2291],{},[474,2292,2293],{},"TabsItem[]",[2143,2295,2296],{},[474,2297,2298],{},"undefined",[2143,2300,2301],{},"Tab definitions rendered in order.",[2122,2303,2304,2309,2313,2317],{},[2143,2305,2306],{},[474,2307,2308],{},"modelValue",[2143,2310,2311],{},[474,2312,2218],{},[2143,2314,2315],{},[474,2316,2298],{},[2143,2318,2319,2320,946],{},"Controlled active value used by ",[474,2321,2065],{},[2122,2323,2324,2328,2332,2336],{},[2143,2325,2326],{},[474,2327,2069],{},[2143,2329,2330],{},[474,2331,2218],{},[2143,2333,2334],{},[474,2335,945],{},[2143,2337,2338],{},"Initial active value when uncontrolled.",[2122,2340,2341,2346,2351,2356],{},[2143,2342,2343],{},[474,2344,2345],{},"color",[2143,2347,2348],{},[474,2349,2350],{},"Color",[2143,2352,2353],{},[474,2354,2355],{},"'primary'",[2143,2357,2358],{},"Semantic indicator and active-label color.",[2122,2360,2361,2366,2371,2376],{},[2143,2362,2363],{},[474,2364,2365],{},"variant",[2143,2367,2368],{},[474,2369,2370],{},"'pill' | 'link'",[2143,2372,2373],{},[474,2374,2375],{},"'pill'",[2143,2377,2378],{},"Filled indicator or underline\u002Fside-line treatment.",[2122,2380,2381,2386,2391,2396],{},[2143,2382,2383],{},[474,2384,2385],{},"size",[2143,2387,2388],{},[474,2389,2390],{},"'sm' | 'md' | 'lg' | 'xl'",[2143,2392,2393],{},[474,2394,2395],{},"'md'",[2143,2397,2398],{},"Trigger padding, text, gap, and icon scale.",[2122,2400,2401,2406,2411,2416],{},[2143,2402,2403],{},[474,2404,2405],{},"orientation",[2143,2407,2408],{},[474,2409,2410],{},"'horizontal' | 'vertical'",[2143,2412,2413],{},[474,2414,2415],{},"'horizontal'",[2143,2417,2418],{},"Trigger and content layout axis.",[2122,2420,2421,2426,2431,2436],{},[2143,2422,2423],{},[474,2424,2425],{},"direction",[2143,2427,2428],{},[474,2429,2430],{},"'inline' | 'stacked'",[2143,2432,2433],{},[474,2434,2435],{},"'inline'",[2143,2437,2438],{},"Icon and label layout inside each trigger.",[2122,2440,2441,2445,2449,2454],{},[2143,2442,2443],{},[474,2444,1493],{},[2143,2446,2447],{},[474,2448,2237],{},[2143,2450,2451],{},[474,2452,2453],{},"true",[2143,2455,2456],{},"Whether to render content panels.",[2122,2458,2459,2463,2467,2471],{},[2143,2460,2461],{},[474,2462,2101],{},[2143,2464,2465],{},[474,2466,2237],{},[2143,2468,2469],{},[474,2470,2453],{},[2143,2472,2473,2474,946],{},"Forwarded to the core tabs root. The current content primitive still unmounts inactive panels when this is ",[474,2475,1941],{},[2122,2477,2478,2483,2487,2491],{},[2143,2479,2480],{},[474,2481,2482],{},"class",[2143,2484,2485],{},[474,2486,2256],{},[2143,2488,2489],{},[474,2490,2298],{},[2143,2492,2493],{},"Classes merged onto the tabs root.",[2122,2495,2496,2501,2506,2510],{},[2143,2497,2498],{},[474,2499,2500],{},"ui",[2143,2502,2503],{},[474,2504,2505],{},"Partial\u003CRecord\u003CTabsSlot, any>>",[2143,2507,2508],{},[474,2509,2298],{},[2143,2511,2512],{},"Per-instance theme slot overrides.",[471,2514,2515,2075,2517,2520,2521,2520,2524,2520,2527,2520,2530,2520,2533,2536,2537,2540],{},[474,2516,2350],{},[474,2518,2519],{},"primary",", ",[474,2522,2523],{},"secondary",[474,2525,2526],{},"success",[474,2528,2529],{},"info",[474,2531,2532],{},"warning",[474,2534,2535],{},"error",", or ",[474,2538,2539],{},"neutral",", and supports consumer registry extensions.",[466,2542,2544],{"id":2543},"emits","Emits",[2116,2546,2547,2559],{},[2119,2548,2549],{},[2122,2550,2551,2554,2557],{},[2125,2552,2553],{},"Event",[2125,2555,2556],{},"Payload",[2125,2558,2136],{},[2138,2560,2561],{},[2122,2562,2563,2568,2572],{},[2143,2564,2565],{},[474,2566,2567],{},"update:modelValue",[2143,2569,2570],{},[474,2571,2218],{},[2143,2573,2574],{},"Emitted with the activated item's resolved value.",[466,2576,2578],{"id":2577},"slots","Slots",[2116,2580,2581,2592],{},[2119,2582,2583],{},[2122,2584,2585,2588,2590],{},[2125,2586,2587],{},"Slot",[2125,2589,2265],{},[2125,2591,2136],{},[2138,2593,2594,2608,2623,2637,2650],{},[2122,2595,2596,2600,2605],{},[2143,2597,2598],{},[474,2599,1965],{},[2143,2601,2602],{},[474,2603,2604],{},"{ item, index, iconColor }",[2143,2606,2607],{},"Replaces the built-in leading icon.",[2122,2609,2610,2615,2620],{},[2143,2611,2612],{},[474,2613,2614],{},"default",[2143,2616,2617],{},[474,2618,2619],{},"{ item, index }",[2143,2621,2622],{},"Replaces each trigger label.",[2122,2624,2625,2630,2634],{},[2143,2626,2627],{},[474,2628,2629],{},"trailing",[2143,2631,2632],{},[474,2633,2619],{},[2143,2635,2636],{},"Adds content after each trigger label.",[2122,2638,2639,2643,2647],{},[2143,2640,2641],{},[474,2642,1493],{},[2143,2644,2645],{},[474,2646,2619],{},[2143,2648,2649],{},"Default panel content slot.",[2122,2651,2652,2657,2661],{},[2143,2653,2654],{},[474,2655,2656],{},"[item.slot]",[2143,2658,2659],{},[474,2660,2619],{},[2143,2662,2663,2664,2666],{},"Named panel selected by an item's ",[474,2665,957],{}," field.",[466,2668,2670],{"id":2669},"styling-and-theming","Styling and theming",[471,2672,2673,2674,2677,2678,946],{},"Override globally through ",[474,2675,2676],{},"appConfig.ui.tabs"," or locally with ",[474,2679,2500],{},[2116,2681,2682,2692],{},[2119,2683,2684],{},[2122,2685,2686,2689],{},[2125,2687,2688],{},"UI slot",[2125,2690,2691],{},"Purpose",[2138,2693,2694,2704,2714,2724,2734,2743,2753,2763],{},[2122,2695,2696,2701],{},[2143,2697,2698],{},[474,2699,2700],{},"root",[2143,2702,2703],{},"Overall tabs layout, width, and gap.",[2122,2705,2706,2711],{},[2143,2707,2708],{},[474,2709,2710],{},"list",[2143,2712,2713],{},"Trigger rail and indicator positioning context.",[2122,2715,2716,2721],{},[2143,2717,2718],{},[474,2719,2720],{},"indicator",[2143,2722,2723],{},"Animated pill, underline, or side line.",[2122,2725,2726,2731],{},[2143,2727,2728],{},[474,2729,2730],{},"trigger",[2143,2732,2733],{},"Individual interactive tab.",[2122,2735,2736,2740],{},[2143,2737,2738],{},[474,2739,1493],{},[2143,2741,2742],{},"Each active content panel.",[2122,2744,2745,2750],{},[2143,2746,2747],{},[474,2748,2749],{},"leadingIcon",[2143,2751,2752],{},"Built-in leading icon sizing.",[2122,2754,2755,2760],{},[2143,2756,2757],{},[474,2758,2759],{},"leadingAvatar",[2143,2761,2762],{},"Reserved theme slot; the current component does not render a built-in avatar.",[2122,2764,2765,2769],{},[2143,2766,2767],{},[474,2768,2147],{},[2143,2770,2771],{},"Built-in trigger label and truncation.",[948,2773,2775],{"id":2774},"theme-variants","Theme variants",[2116,2777,2778,2793],{},[2119,2779,2780],{},[2122,2781,2782,2785,2788,2790],{},[2125,2783,2784],{},"Variant",[2125,2786,2787],{},"Values",[2125,2789,2133],{},[2125,2791,2792],{},"Effect",[2138,2794,2795,2811,2831,2857,2877],{},[2122,2796,2797,2801,2804,2808],{},[2143,2798,2799],{},[474,2800,2345],{},[2143,2802,2803],{},"Registered semantic colors",[2143,2805,2806],{},[474,2807,2355],{},[2143,2809,2810],{},"Colors the indicator and active link label. Pill labels remain white while active.",[2122,2812,2813,2817,2824,2828],{},[2143,2814,2815],{},[474,2816,2365],{},[2143,2818,2819,2520,2822],{},[474,2820,2821],{},"pill",[474,2823,1834],{},[2143,2825,2826],{},[474,2827,2375],{},[2143,2829,2830],{},"Selects a filled segmented control or a line indicator.",[2122,2832,2833,2837,2850,2854],{},[2143,2834,2835],{},[474,2836,2385],{},[2143,2838,2839,2520,2841,2520,2844,2520,2847],{},[474,2840,1302],{},[474,2842,2843],{},"md",[474,2845,2846],{},"lg",[474,2848,2849],{},"xl",[2143,2851,2852],{},[474,2853,2395],{},[2143,2855,2856],{},"Changes trigger padding, label size, gaps, and icon size.",[2122,2858,2859,2863,2870,2874],{},[2143,2860,2861],{},[474,2862,2405],{},[2143,2864,2865,2520,2868],{},[474,2866,2867],{},"horizontal",[474,2869,1820],{},[2143,2871,2872],{},[474,2873,2415],{},[2143,2875,2876],{},"Arranges the list above the panel or beside it and changes indicator geometry.",[2122,2878,2879,2883,2890,2894],{},[2143,2880,2881],{},[474,2882,2425],{},[2143,2884,2885,2520,2888],{},[474,2886,2887],{},"inline",[474,2889,1912],{},[2143,2891,2892],{},[474,2893,2435],{},[2143,2895,2896],{},"Arranges trigger children in a row or column.",[471,2898,2899],{},"The theme also reacts to the core trigger's active, inactive, and disabled state. Pill triggers divide the horizontal rail evenly; link triggers size to their content.",[466,2901,328],{"id":2902},"accessibility",[471,2904,2905],{},"Each core trigger is exposed as an accessibility element with tab semantics. The active trigger announces a selected state, and a disabled item announces disabled state and cannot be activated.",[471,2907,2908],{},"Use concise, unique labels and keep visible text in custom trigger slots. Icon-only tabs need an accessible naming strategy, but the current kit wrapper does not expose a per-item accessibility-label field, so prefer visible labels for production navigation. Do not rely only on the indicator color to communicate selection.",[466,2910,2912],{"id":2911},"platform-notes","Platform notes",[2057,2914,2915,2918,2931,2937,2945],{},[2060,2916,2917],{},"The indicator uses native Lynx element measurement rather than DOM offsets. It remains hidden until the first non-zero layout measurement to avoid flashing at the wrong position.",[2060,2919,2920,2921,2924,2925,2927,2928,946],{},"Lynx SVG does not inherit ",[474,2922,2923],{},"currentColor","; built-in icons receive a resolved fill, and the ",[474,2926,1965],{}," slot receives the same ",[474,2929,2930],{},"iconColor",[2060,2932,2933,2934,2936],{},"Inactive content is currently conditionally rendered regardless of ",[474,2935,2101],{},"; do not rely on hidden panels retaining local component state.",[2060,2938,2939,2940,2944],{},"The theme uses vyui's semantic tokens, so it adapts automatically under dark mode (see ",[2941,2942,2943],"a",{"href":319},"Theming → Dark Mode","), and intentionally omits DOM focus-ring and hover behavior.",[2060,2946,2947,2948,2950],{},"Long built-in labels truncate. Use ",[474,2949,1859],{},", fewer tabs, or a vertical layout when a narrow horizontal rail becomes crowded.",[466,2952,2954],{"id":2953},"related-components","Related components",[2057,2956,2957,2964,2970],{},[2060,2958,2959,2963],{},[2941,2960,2961],{"href":61},[474,2962,60],{}," for independently collapsible sections.",[2060,2965,2966,2969],{},[474,2967,2968],{},"BottomNavigation"," for primary app-level destinations.",[2060,2971,2972,2975],{},[474,2973,2974],{},"SegmentedControl"," for choosing one value without associated content panels.",[2977,2978,2979],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":496,"searchDepth":503,"depth":536,"links":2981},[2982,2983,2989,2992,2993,2994,2995,2998,2999,3000],{"id":468,"depth":536,"text":469},{"id":488,"depth":536,"text":489,"children":2984},[2985,2986,2987,2988],{"id":950,"depth":564,"text":951},{"id":1504,"depth":564,"text":1505},{"id":1852,"depth":564,"text":1853},{"id":1958,"depth":564,"text":1959},{"id":2054,"depth":536,"text":2055,"children":2990},[2991],{"id":2113,"depth":564,"text":2114},{"id":2264,"depth":536,"text":2265},{"id":2543,"depth":536,"text":2544},{"id":2577,"depth":536,"text":2578},{"id":2669,"depth":536,"text":2670,"children":2996},[2997],{"id":2774,"depth":564,"text":2775},{"id":2902,"depth":536,"text":328},{"id":2911,"depth":536,"text":2912},{"id":2953,"depth":536,"text":2954},"Organize related views behind a selectable row or rail of tabs.",[3003],{"label":3004,"icon":3005,"to":3006,"target":3007},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FTabs.vue","_blank",{},{"icon":162},{"title":277,"description":3001},"A4hfB_0J377LntvPmW3LMSKnQdLXt81pkP3hNkWZsVQ",[3013,3015],{"title":272,"path":273,"stem":274,"description":3014,"icon":-1,"children":-1,"navigation":-1},"Toggle a persistent setting between on and off states.",{"title":281,"path":282,"stem":283,"description":3016,"icon":-1,"children":-1,"navigation":-1},"Collect multi-line text with themed states, icons, avatars, and native keyboard events.",1785060120181]