[{"data":1,"prerenderedAt":2946},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Ftabs":406,"\u002Fcomponents\u002Ftabs-surround":2941},[4,34,51,301,327,332,337],{"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",{"id":407,"title":277,"body":408,"description":2930,"extension":2772,"links":2931,"meta":2937,"navigation":2938,"package":63,"path":278,"seo":2939,"stem":279,"__hash__":2940},"docs\u002F3.components\u002Ftabs.md",{"type":409,"value":410,"toc":2909},"minimark",[411,416,427,432,436,878,892,897,911,1413,1431,1435,1438,1779,1783,1790,1878,1885,1889,1896,1981,1985,2040,2044,2191,2195,2442,2470,2474,2504,2508,2596,2600,2609,2701,2705,2826,2829,2832,2835,2838,2842,2880,2884,2905],[412,413,415],"h2",{"id":414},"overview","Overview",[417,418,419,423,424,426],"p",{},[420,421,422],"code",{},"VyTabs"," renders an animated tab indicator, selectable triggers, and optional content panels on top of the ",[420,425,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.",[428,429],"component-code",{"height":430,"name":431},"220px","tabs-example",[412,433,435],{"id":434},"usage","Usage",[437,438,443],"pre",{"className":439,"code":440,"language":441,"meta":442,"style":442},"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'\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","",[420,444,445,480,508,528,535,562,575,581,599,615,632,649,655,660,676,692,708,724,729,734,750,766,782,798,803,809,819,824,834,869],{"__ignoreMap":442},[446,447,450,454,458,462,465,468,471,475,477],"span",{"class":448,"line":449},"line",1,[446,451,453],{"class":452},"sMK4o","\u003C",[446,455,457],{"class":456},"swJcz","script",[446,459,461],{"class":460},"spNyl"," setup",[446,463,464],{"class":460}," lang",[446,466,467],{"class":452},"=",[446,469,470],{"class":452},"\"",[446,472,474],{"class":473},"sfazB","ts",[446,476,470],{"class":452},[446,478,479],{"class":452},">\n",[446,481,483,487,490,494,497,500,503,505],{"class":448,"line":482},2,[446,484,486],{"class":485},"s7zQu","import",[446,488,489],{"class":452}," {",[446,491,493],{"class":492},"sTEyZ"," ref",[446,495,496],{"class":452}," }",[446,498,499],{"class":485}," from",[446,501,502],{"class":452}," '",[446,504,441],{"class":473},[446,506,507],{"class":452},"'\n",[446,509,511,513,515,518,520,522,524,526],{"class":448,"line":510},3,[446,512,486],{"class":485},[446,514,489],{"class":452},[446,516,517],{"class":492}," VyTabs",[446,519,496],{"class":452},[446,521,499],{"class":485},[446,523,502],{"class":452},[446,525,46],{"class":473},[446,527,507],{"class":452},[446,529,531],{"class":448,"line":530},4,[446,532,534],{"emptyLinePlaceholder":533},true,"\n",[446,536,538,541,544,546,549,552,555,557,559],{"class":448,"line":537},5,[446,539,540],{"class":460},"const",[446,542,543],{"class":492}," active ",[446,545,467],{"class":452},[446,547,493],{"class":548},"s2Zo4",[446,550,551],{"class":492},"(",[446,553,554],{"class":452},"'",[446,556,414],{"class":473},[446,558,554],{"class":452},[446,560,561],{"class":492},")\n",[446,563,565,567,570,572],{"class":448,"line":564},6,[446,566,540],{"class":460},[446,568,569],{"class":492}," items ",[446,571,467],{"class":452},[446,573,574],{"class":492}," [\n",[446,576,578],{"class":448,"line":577},7,[446,579,580],{"class":452},"  {\n",[446,582,584,587,590,592,594,596],{"class":448,"line":583},8,[446,585,586],{"class":456},"    label",[446,588,589],{"class":452},":",[446,591,502],{"class":452},[446,593,415],{"class":473},[446,595,554],{"class":452},[446,597,598],{"class":452},",\n",[446,600,602,605,607,609,611,613],{"class":448,"line":601},9,[446,603,604],{"class":456},"    value",[446,606,589],{"class":452},[446,608,502],{"class":452},[446,610,414],{"class":473},[446,612,554],{"class":452},[446,614,598],{"class":452},[446,616,618,621,623,625,628,630],{"class":448,"line":617},10,[446,619,620],{"class":456},"    icon",[446,622,589],{"class":452},[446,624,502],{"class":452},[446,626,627],{"class":473},"i-lucide-layout-dashboard",[446,629,554],{"class":452},[446,631,598],{"class":452},[446,633,635,638,640,642,645,647],{"class":448,"line":634},11,[446,636,637],{"class":456},"    content",[446,639,589],{"class":452},[446,641,502],{"class":452},[446,643,644],{"class":473},"Your account summary and recent activity.",[446,646,554],{"class":452},[446,648,598],{"class":452},[446,650,652],{"class":448,"line":651},12,[446,653,654],{"class":452},"  },\n",[446,656,658],{"class":448,"line":657},13,[446,659,580],{"class":452},[446,661,663,665,667,669,672,674],{"class":448,"line":662},14,[446,664,586],{"class":456},[446,666,589],{"class":452},[446,668,502],{"class":452},[446,670,671],{"class":473},"Security",[446,673,554],{"class":452},[446,675,598],{"class":452},[446,677,679,681,683,685,688,690],{"class":448,"line":678},15,[446,680,604],{"class":456},[446,682,589],{"class":452},[446,684,502],{"class":452},[446,686,687],{"class":473},"security",[446,689,554],{"class":452},[446,691,598],{"class":452},[446,693,695,697,699,701,704,706],{"class":448,"line":694},16,[446,696,620],{"class":456},[446,698,589],{"class":452},[446,700,502],{"class":452},[446,702,703],{"class":473},"i-lucide-shield-check",[446,705,554],{"class":452},[446,707,598],{"class":452},[446,709,711,713,715,717,720,722],{"class":448,"line":710},17,[446,712,637],{"class":456},[446,714,589],{"class":452},[446,716,502],{"class":452},[446,718,719],{"class":473},"Passkeys, passwords, and signed-in devices.",[446,721,554],{"class":452},[446,723,598],{"class":452},[446,725,727],{"class":448,"line":726},18,[446,728,654],{"class":452},[446,730,732],{"class":448,"line":731},19,[446,733,580],{"class":452},[446,735,737,739,741,743,746,748],{"class":448,"line":736},20,[446,738,586],{"class":456},[446,740,589],{"class":452},[446,742,502],{"class":452},[446,744,745],{"class":473},"Billing",[446,747,554],{"class":452},[446,749,598],{"class":452},[446,751,753,755,757,759,762,764],{"class":448,"line":752},21,[446,754,604],{"class":456},[446,756,589],{"class":452},[446,758,502],{"class":452},[446,760,761],{"class":473},"billing",[446,763,554],{"class":452},[446,765,598],{"class":452},[446,767,769,771,773,775,778,780],{"class":448,"line":768},22,[446,770,620],{"class":456},[446,772,589],{"class":452},[446,774,502],{"class":452},[446,776,777],{"class":473},"i-lucide-credit-card",[446,779,554],{"class":452},[446,781,598],{"class":452},[446,783,785,787,789,791,794,796],{"class":448,"line":784},23,[446,786,637],{"class":456},[446,788,589],{"class":452},[446,790,502],{"class":452},[446,792,793],{"class":473},"Plan, payment method, and invoices.",[446,795,554],{"class":452},[446,797,598],{"class":452},[446,799,801],{"class":448,"line":800},24,[446,802,654],{"class":452},[446,804,806],{"class":448,"line":805},25,[446,807,808],{"class":492},"]\n",[446,810,812,815,817],{"class":448,"line":811},26,[446,813,814],{"class":452},"\u003C\u002F",[446,816,457],{"class":456},[446,818,479],{"class":452},[446,820,822],{"class":448,"line":821},27,[446,823,534],{"emptyLinePlaceholder":533},[446,825,827,829,832],{"class":448,"line":826},28,[446,828,453],{"class":452},[446,830,831],{"class":456},"template",[446,833,479],{"class":452},[446,835,837,840,842,845,847,849,852,854,857,859,861,864,866],{"class":448,"line":836},29,[446,838,839],{"class":452},"  \u003C",[446,841,422],{"class":456},[446,843,844],{"class":460}," v-model",[446,846,467],{"class":452},[446,848,470],{"class":452},[446,850,851],{"class":473},"active",[446,853,470],{"class":452},[446,855,856],{"class":460}," :items",[446,858,467],{"class":452},[446,860,470],{"class":452},[446,862,863],{"class":473},"items",[446,865,470],{"class":452},[446,867,868],{"class":452}," \u002F>\n",[446,870,872,874,876],{"class":448,"line":871},30,[446,873,814],{"class":452},[446,875,831],{"class":456},[446,877,479],{"class":452},[417,879,880,881,884,885,887,888,891],{},"Give items explicit ",[420,882,883],{},"value"," fields when state is stored or shared. Without one, ",[420,886,422],{}," uses the zero-based index converted to a string, such as ",[420,889,890],{},"'0'",".",[893,894,896],"h3",{"id":895},"named-content-slots","Named content slots",[417,898,899,900,903,904,907,908,891],{},"Set an item's ",[420,901,902],{},"slot"," to render a different named slot for its panel. Every content slot receives ",[420,905,906],{},"item"," and ",[420,909,910],{},"index",[437,912,914],{"className":439,"code":913,"language":441,"meta":442,"style":442},"\u003Cscript setup lang=\"ts\">\nimport { VyButton, VyTabs } from '@vyui\u002Fkit'\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",[420,915,916,936,960,964,974,1021,1063,1067,1075,1079,1087,1116,1130,1152,1183,1202,1207,1216,1246,1255,1264,1268,1280,1299,1326,1353,1380,1388,1396,1405],{"__ignoreMap":442},[446,917,918,920,922,924,926,928,930,932,934],{"class":448,"line":449},[446,919,453],{"class":452},[446,921,457],{"class":456},[446,923,461],{"class":460},[446,925,464],{"class":460},[446,927,467],{"class":452},[446,929,470],{"class":452},[446,931,474],{"class":473},[446,933,470],{"class":452},[446,935,479],{"class":452},[446,937,938,940,942,945,948,950,952,954,956,958],{"class":448,"line":482},[446,939,486],{"class":485},[446,941,489],{"class":452},[446,943,944],{"class":492}," VyButton",[446,946,947],{"class":452},",",[446,949,517],{"class":492},[446,951,496],{"class":452},[446,953,499],{"class":485},[446,955,502],{"class":452},[446,957,46],{"class":473},[446,959,507],{"class":452},[446,961,962],{"class":448,"line":510},[446,963,534],{"emptyLinePlaceholder":533},[446,965,966,968,970,972],{"class":448,"line":530},[446,967,540],{"class":460},[446,969,569],{"class":492},[446,971,467],{"class":452},[446,973,574],{"class":492},[446,975,976,979,982,984,986,989,991,993,996,998,1000,1003,1005,1007,1010,1012,1014,1016,1018],{"class":448,"line":537},[446,977,978],{"class":452},"  {",[446,980,981],{"class":456}," label",[446,983,589],{"class":452},[446,985,502],{"class":452},[446,987,988],{"class":473},"Profile",[446,990,554],{"class":452},[446,992,947],{"class":452},[446,994,995],{"class":456}," value",[446,997,589],{"class":452},[446,999,502],{"class":452},[446,1001,1002],{"class":473},"profile",[446,1004,554],{"class":452},[446,1006,947],{"class":452},[446,1008,1009],{"class":456}," slot",[446,1011,589],{"class":452},[446,1013,502],{"class":452},[446,1015,1002],{"class":473},[446,1017,554],{"class":452},[446,1019,1020],{"class":452}," },\n",[446,1022,1023,1025,1027,1029,1031,1034,1036,1038,1040,1042,1044,1047,1049,1051,1053,1055,1057,1059,1061],{"class":448,"line":564},[446,1024,978],{"class":452},[446,1026,981],{"class":456},[446,1028,589],{"class":452},[446,1030,502],{"class":452},[446,1032,1033],{"class":473},"Devices",[446,1035,554],{"class":452},[446,1037,947],{"class":452},[446,1039,995],{"class":456},[446,1041,589],{"class":452},[446,1043,502],{"class":452},[446,1045,1046],{"class":473},"devices",[446,1048,554],{"class":452},[446,1050,947],{"class":452},[446,1052,1009],{"class":456},[446,1054,589],{"class":452},[446,1056,502],{"class":452},[446,1058,1046],{"class":473},[446,1060,554],{"class":452},[446,1062,1020],{"class":452},[446,1064,1065],{"class":448,"line":577},[446,1066,808],{"class":492},[446,1068,1069,1071,1073],{"class":448,"line":583},[446,1070,814],{"class":452},[446,1072,457],{"class":456},[446,1074,479],{"class":452},[446,1076,1077],{"class":448,"line":601},[446,1078,534],{"emptyLinePlaceholder":533},[446,1080,1081,1083,1085],{"class":448,"line":617},[446,1082,453],{"class":452},[446,1084,831],{"class":456},[446,1086,479],{"class":452},[446,1088,1089,1091,1093,1095,1097,1099,1101,1103,1106,1108,1110,1112,1114],{"class":448,"line":634},[446,1090,839],{"class":452},[446,1092,422],{"class":456},[446,1094,856],{"class":460},[446,1096,467],{"class":452},[446,1098,470],{"class":452},[446,1100,863],{"class":473},[446,1102,470],{"class":452},[446,1104,1105],{"class":460}," default-value",[446,1107,467],{"class":452},[446,1109,470],{"class":452},[446,1111,1002],{"class":473},[446,1113,470],{"class":452},[446,1115,479],{"class":452},[446,1117,1118,1121,1123,1126,1128],{"class":448,"line":651},[446,1119,1120],{"class":452},"    \u003C",[446,1122,831],{"class":456},[446,1124,1125],{"class":452}," #",[446,1127,1002],{"class":460},[446,1129,479],{"class":452},[446,1131,1132,1135,1138,1141,1143,1145,1148,1150],{"class":448,"line":657},[446,1133,1134],{"class":452},"      \u003C",[446,1136,1137],{"class":456},"view",[446,1139,1140],{"class":460}," class",[446,1142,467],{"class":452},[446,1144,470],{"class":452},[446,1146,1147],{"class":473},"gap-3 rounded-xl bg-neutral-50 p-4",[446,1149,470],{"class":452},[446,1151,479],{"class":452},[446,1153,1154,1157,1160,1162,1164,1166,1169,1171,1174,1177,1179,1181],{"class":448,"line":662},[446,1155,1156],{"class":452},"        \u003C",[446,1158,1159],{"class":456},"text",[446,1161,1140],{"class":460},[446,1163,467],{"class":452},[446,1165,470],{"class":452},[446,1167,1168],{"class":473},"font-semibold text-neutral-900",[446,1170,470],{"class":452},[446,1172,1173],{"class":452},">",[446,1175,1176],{"class":492},"Public profile",[446,1178,814],{"class":452},[446,1180,1159],{"class":456},[446,1182,479],{"class":452},[446,1184,1185,1187,1189,1191,1193,1195,1198,1200],{"class":448,"line":678},[446,1186,1156],{"class":452},[446,1188,1159],{"class":456},[446,1190,1140],{"class":460},[446,1192,467],{"class":452},[446,1194,470],{"class":452},[446,1196,1197],{"class":473},"text-sm text-neutral-500",[446,1199,470],{"class":452},[446,1201,479],{"class":452},[446,1203,1204],{"class":448,"line":694},[446,1205,1206],{"class":492},"          Choose the details other people can see.\n",[446,1208,1209,1212,1214],{"class":448,"line":710},[446,1210,1211],{"class":452},"        \u003C\u002F",[446,1213,1159],{"class":456},[446,1215,479],{"class":452},[446,1217,1218,1220,1223,1226,1228,1230,1233,1235,1237,1240,1242,1244],{"class":448,"line":726},[446,1219,1156],{"class":452},[446,1221,1222],{"class":456},"VyButton",[446,1224,1225],{"class":460}," size",[446,1227,467],{"class":452},[446,1229,470],{"class":452},[446,1231,1232],{"class":473},"sm",[446,1234,470],{"class":452},[446,1236,1173],{"class":452},[446,1238,1239],{"class":492},"Edit profile",[446,1241,814],{"class":452},[446,1243,1222],{"class":456},[446,1245,479],{"class":452},[446,1247,1248,1251,1253],{"class":448,"line":731},[446,1249,1250],{"class":452},"      \u003C\u002F",[446,1252,1137],{"class":456},[446,1254,479],{"class":452},[446,1256,1257,1260,1262],{"class":448,"line":736},[446,1258,1259],{"class":452},"    \u003C\u002F",[446,1261,831],{"class":456},[446,1263,479],{"class":452},[446,1265,1266],{"class":448,"line":752},[446,1267,534],{"emptyLinePlaceholder":533},[446,1269,1270,1272,1274,1276,1278],{"class":448,"line":768},[446,1271,1120],{"class":452},[446,1273,831],{"class":456},[446,1275,1125],{"class":452},[446,1277,1046],{"class":460},[446,1279,479],{"class":452},[446,1281,1282,1284,1286,1288,1290,1292,1295,1297],{"class":448,"line":784},[446,1283,1134],{"class":452},[446,1285,1137],{"class":456},[446,1287,1140],{"class":460},[446,1289,467],{"class":452},[446,1291,470],{"class":452},[446,1293,1294],{"class":473},"gap-2 rounded-xl bg-neutral-50 p-4",[446,1296,470],{"class":452},[446,1298,479],{"class":452},[446,1300,1301,1303,1305,1307,1309,1311,1313,1315,1317,1320,1322,1324],{"class":448,"line":800},[446,1302,1156],{"class":452},[446,1304,1159],{"class":456},[446,1306,1140],{"class":460},[446,1308,467],{"class":452},[446,1310,470],{"class":452},[446,1312,1168],{"class":473},[446,1314,470],{"class":452},[446,1316,1173],{"class":452},[446,1318,1319],{"class":492},"Signed-in devices",[446,1321,814],{"class":452},[446,1323,1159],{"class":456},[446,1325,479],{"class":452},[446,1327,1328,1330,1332,1334,1336,1338,1340,1342,1344,1347,1349,1351],{"class":448,"line":805},[446,1329,1156],{"class":452},[446,1331,1159],{"class":456},[446,1333,1140],{"class":460},[446,1335,467],{"class":452},[446,1337,470],{"class":452},[446,1339,1197],{"class":473},[446,1341,470],{"class":452},[446,1343,1173],{"class":452},[446,1345,1346],{"class":492},"iPhone 16 Pro · Stockholm",[446,1348,814],{"class":452},[446,1350,1159],{"class":456},[446,1352,479],{"class":452},[446,1354,1355,1357,1359,1361,1363,1365,1367,1369,1371,1374,1376,1378],{"class":448,"line":811},[446,1356,1156],{"class":452},[446,1358,1159],{"class":456},[446,1360,1140],{"class":460},[446,1362,467],{"class":452},[446,1364,470],{"class":452},[446,1366,1197],{"class":473},[446,1368,470],{"class":452},[446,1370,1173],{"class":452},[446,1372,1373],{"class":492},"Pixel 9 · Last active yesterday",[446,1375,814],{"class":452},[446,1377,1159],{"class":456},[446,1379,479],{"class":452},[446,1381,1382,1384,1386],{"class":448,"line":821},[446,1383,1250],{"class":452},[446,1385,1137],{"class":456},[446,1387,479],{"class":452},[446,1389,1390,1392,1394],{"class":448,"line":826},[446,1391,1259],{"class":452},[446,1393,831],{"class":456},[446,1395,479],{"class":452},[446,1397,1398,1401,1403],{"class":448,"line":836},[446,1399,1400],{"class":452},"  \u003C\u002F",[446,1402,422],{"class":456},[446,1404,479],{"class":452},[446,1406,1407,1409,1411],{"class":448,"line":871},[446,1408,814],{"class":452},[446,1410,831],{"class":456},[446,1412,479],{"class":452},[417,1414,1415,1416,1419,1420,1423,1424,1427,1428,1430],{},"If ",[420,1417,1418],{},"item.slot"," is omitted, the panel uses the ",[420,1421,1422],{},"content"," slot. If no matching slot is supplied, ",[420,1425,1426],{},"item.content"," is rendered as a ",[420,1429,1159],{}," node.",[893,1432,1434],{"id":1433},"vertical-navigation","Vertical navigation",[417,1436,1437],{},"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.",[437,1439,1441],{"className":439,"code":1440,"language":441,"meta":442,"style":442},"\u003Cscript setup lang=\"ts\">\nimport { VyTabs } from '@vyui\u002Fkit'\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",[420,1442,1443,1463,1481,1485,1496,1553,1609,1665,1669,1677,1681,1689,1696,1711,1725,1738,1752,1766,1771],{"__ignoreMap":442},[446,1444,1445,1447,1449,1451,1453,1455,1457,1459,1461],{"class":448,"line":449},[446,1446,453],{"class":452},[446,1448,457],{"class":456},[446,1450,461],{"class":460},[446,1452,464],{"class":460},[446,1454,467],{"class":452},[446,1456,470],{"class":452},[446,1458,474],{"class":473},[446,1460,470],{"class":452},[446,1462,479],{"class":452},[446,1464,1465,1467,1469,1471,1473,1475,1477,1479],{"class":448,"line":482},[446,1466,486],{"class":485},[446,1468,489],{"class":452},[446,1470,517],{"class":492},[446,1472,496],{"class":452},[446,1474,499],{"class":485},[446,1476,502],{"class":452},[446,1478,46],{"class":473},[446,1480,507],{"class":452},[446,1482,1483],{"class":448,"line":510},[446,1484,534],{"emptyLinePlaceholder":533},[446,1486,1487,1489,1492,1494],{"class":448,"line":530},[446,1488,540],{"class":460},[446,1490,1491],{"class":492}," sections ",[446,1493,467],{"class":452},[446,1495,574],{"class":492},[446,1497,1498,1500,1502,1504,1506,1509,1511,1513,1515,1517,1519,1522,1524,1526,1529,1531,1533,1535,1537,1539,1542,1544,1546,1549,1551],{"class":448,"line":537},[446,1499,978],{"class":452},[446,1501,981],{"class":456},[446,1503,589],{"class":452},[446,1505,502],{"class":452},[446,1507,1508],{"class":473},"General",[446,1510,554],{"class":452},[446,1512,947],{"class":452},[446,1514,995],{"class":456},[446,1516,589],{"class":452},[446,1518,502],{"class":452},[446,1520,1521],{"class":473},"general",[446,1523,554],{"class":452},[446,1525,947],{"class":452},[446,1527,1528],{"class":456}," icon",[446,1530,589],{"class":452},[446,1532,502],{"class":452},[446,1534,373],{"class":473},[446,1536,554],{"class":452},[446,1538,947],{"class":452},[446,1540,1541],{"class":456}," content",[446,1543,589],{"class":452},[446,1545,502],{"class":452},[446,1547,1548],{"class":473},"General preferences",[446,1550,554],{"class":452},[446,1552,1020],{"class":452},[446,1554,1555,1557,1559,1561,1563,1566,1568,1570,1572,1574,1576,1579,1581,1583,1585,1587,1589,1592,1594,1596,1598,1600,1602,1605,1607],{"class":448,"line":564},[446,1556,978],{"class":452},[446,1558,981],{"class":456},[446,1560,589],{"class":452},[446,1562,502],{"class":452},[446,1564,1565],{"class":473},"Privacy",[446,1567,554],{"class":452},[446,1569,947],{"class":452},[446,1571,995],{"class":456},[446,1573,589],{"class":452},[446,1575,502],{"class":452},[446,1577,1578],{"class":473},"privacy",[446,1580,554],{"class":452},[446,1582,947],{"class":452},[446,1584,1528],{"class":456},[446,1586,589],{"class":452},[446,1588,502],{"class":452},[446,1590,1591],{"class":473},"i-lucide-lock",[446,1593,554],{"class":452},[446,1595,947],{"class":452},[446,1597,1541],{"class":456},[446,1599,589],{"class":452},[446,1601,502],{"class":452},[446,1603,1604],{"class":473},"Privacy controls",[446,1606,554],{"class":452},[446,1608,1020],{"class":452},[446,1610,1611,1613,1615,1617,1619,1622,1624,1626,1628,1630,1632,1635,1637,1639,1641,1643,1645,1648,1650,1652,1654,1656,1658,1661,1663],{"class":448,"line":577},[446,1612,978],{"class":452},[446,1614,981],{"class":456},[446,1616,589],{"class":452},[446,1618,502],{"class":452},[446,1620,1621],{"class":473},"About",[446,1623,554],{"class":452},[446,1625,947],{"class":452},[446,1627,995],{"class":456},[446,1629,589],{"class":452},[446,1631,502],{"class":452},[446,1633,1634],{"class":473},"about",[446,1636,554],{"class":452},[446,1638,947],{"class":452},[446,1640,1528],{"class":456},[446,1642,589],{"class":452},[446,1644,502],{"class":452},[446,1646,1647],{"class":473},"i-lucide-info",[446,1649,554],{"class":452},[446,1651,947],{"class":452},[446,1653,1541],{"class":456},[446,1655,589],{"class":452},[446,1657,502],{"class":452},[446,1659,1660],{"class":473},"App and legal information",[446,1662,554],{"class":452},[446,1664,1020],{"class":452},[446,1666,1667],{"class":448,"line":583},[446,1668,808],{"class":492},[446,1670,1671,1673,1675],{"class":448,"line":601},[446,1672,814],{"class":452},[446,1674,457],{"class":456},[446,1676,479],{"class":452},[446,1678,1679],{"class":448,"line":617},[446,1680,534],{"emptyLinePlaceholder":533},[446,1682,1683,1685,1687],{"class":448,"line":634},[446,1684,453],{"class":452},[446,1686,831],{"class":456},[446,1688,479],{"class":452},[446,1690,1691,1693],{"class":448,"line":651},[446,1692,839],{"class":452},[446,1694,1695],{"class":456},"VyTabs\n",[446,1697,1698,1701,1703,1705,1708],{"class":448,"line":657},[446,1699,1700],{"class":460},"    class",[446,1702,467],{"class":452},[446,1704,470],{"class":452},[446,1706,1707],{"class":473},"h-64",[446,1709,1710],{"class":452},"\"\n",[446,1712,1713,1716,1718,1720,1723],{"class":448,"line":662},[446,1714,1715],{"class":460},"    :items",[446,1717,467],{"class":452},[446,1719,470],{"class":452},[446,1721,1722],{"class":473},"sections",[446,1724,1710],{"class":452},[446,1726,1727,1730,1732,1734,1736],{"class":448,"line":678},[446,1728,1729],{"class":460},"    default-value",[446,1731,467],{"class":452},[446,1733,470],{"class":452},[446,1735,1521],{"class":473},[446,1737,1710],{"class":452},[446,1739,1740,1743,1745,1747,1750],{"class":448,"line":694},[446,1741,1742],{"class":460},"    orientation",[446,1744,467],{"class":452},[446,1746,470],{"class":452},[446,1748,1749],{"class":473},"vertical",[446,1751,1710],{"class":452},[446,1753,1754,1757,1759,1761,1764],{"class":448,"line":710},[446,1755,1756],{"class":460},"    variant",[446,1758,467],{"class":452},[446,1760,470],{"class":452},[446,1762,1763],{"class":473},"link",[446,1765,1710],{"class":452},[446,1767,1768],{"class":448,"line":726},[446,1769,1770],{"class":452},"  \u002F>\n",[446,1772,1773,1775,1777],{"class":448,"line":731},[446,1774,814],{"class":452},[446,1776,831],{"class":456},[446,1778,479],{"class":452},[893,1780,1782],{"id":1781},"crowded-mobile-tabs","Crowded mobile tabs",[417,1784,1785,1786,1789],{},"Use ",[420,1787,1788],{},"direction=\"stacked\""," to place an icon above its label when several horizontal triggers share a narrow phone width.",[437,1791,1793],{"className":439,"code":1792,"language":441,"meta":442,"style":442},"\u003CVyTabs\n  v-model=\"active\"\n  :items=\"destinations\"\n  direction=\"stacked\"\n  size=\"sm\"\n  :content=\"false\"\n\u002F>\n",[420,1794,1795,1801,1814,1830,1844,1857,1873],{"__ignoreMap":442},[446,1796,1797,1799],{"class":448,"line":449},[446,1798,453],{"class":452},[446,1800,1695],{"class":456},[446,1802,1803,1806,1808,1810,1812],{"class":448,"line":482},[446,1804,1805],{"class":460},"  v-model",[446,1807,467],{"class":452},[446,1809,470],{"class":452},[446,1811,851],{"class":492},[446,1813,1710],{"class":452},[446,1815,1816,1819,1821,1823,1825,1828],{"class":448,"line":510},[446,1817,1818],{"class":452},"  :",[446,1820,863],{"class":460},[446,1822,467],{"class":452},[446,1824,470],{"class":452},[446,1826,1827],{"class":492},"destinations",[446,1829,1710],{"class":452},[446,1831,1832,1835,1837,1839,1842],{"class":448,"line":530},[446,1833,1834],{"class":460},"  direction",[446,1836,467],{"class":452},[446,1838,470],{"class":452},[446,1840,1841],{"class":473},"stacked",[446,1843,1710],{"class":452},[446,1845,1846,1849,1851,1853,1855],{"class":448,"line":537},[446,1847,1848],{"class":460},"  size",[446,1850,467],{"class":452},[446,1852,470],{"class":452},[446,1854,1232],{"class":473},[446,1856,1710],{"class":452},[446,1858,1859,1861,1863,1865,1867,1871],{"class":448,"line":564},[446,1860,1818],{"class":452},[446,1862,1422],{"class":460},[446,1864,467],{"class":452},[446,1866,470],{"class":452},[446,1868,1870],{"class":1869},"sfNiH","false",[446,1872,1710],{"class":452},[446,1874,1875],{"class":448,"line":577},[446,1876,1877],{"class":492},"\u002F>\n",[417,1879,1880,1881,1884],{},"Set ",[420,1882,1883],{},"content=\"false\""," when the tabs only control content rendered elsewhere.",[893,1886,1888],{"id":1887},"custom-triggers","Custom triggers",[417,1890,1891,1892,1895],{},"The trigger slots receive the item and index. The ",[420,1893,1894],{},"leading"," slot additionally receives the resolved icon color required for Lynx SVG rendering.",[437,1897,1899],{"className":439,"code":1898,"language":441,"meta":442,"style":442},"\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",[420,1900,1901,1922,1927,1932,1937,1941,1946,1951,1955,1959,1964,1969,1973],{"__ignoreMap":442},[446,1902,1903,1905,1907,1910,1912,1914,1916,1918,1920],{"class":448,"line":449},[446,1904,453],{"class":452},[446,1906,422],{"class":456},[446,1908,1909],{"class":452}," :",[446,1911,863],{"class":460},[446,1913,467],{"class":452},[446,1915,470],{"class":452},[446,1917,863],{"class":492},[446,1919,470],{"class":452},[446,1921,479],{"class":452},[446,1923,1924],{"class":448,"line":482},[446,1925,1926],{"class":492},"  \u003Ctemplate #leading=\"{ item, iconColor }\">\n",[446,1928,1929],{"class":448,"line":510},[446,1930,1931],{"class":492},"    \u003CVyIcon :name=\"item.icon\" :color=\"iconColor\" \u002F>\n",[446,1933,1934],{"class":448,"line":530},[446,1935,1936],{"class":492},"  \u003C\u002Ftemplate>\n",[446,1938,1939],{"class":448,"line":537},[446,1940,534],{"emptyLinePlaceholder":533},[446,1942,1943],{"class":448,"line":564},[446,1944,1945],{"class":492},"  \u003Ctemplate #default=\"{ item }\">\n",[446,1947,1948],{"class":448,"line":577},[446,1949,1950],{"class":492},"    {{ item.shortLabel ?? item.label }}\n",[446,1952,1953],{"class":448,"line":583},[446,1954,1936],{"class":492},[446,1956,1957],{"class":448,"line":601},[446,1958,534],{"emptyLinePlaceholder":533},[446,1960,1961],{"class":448,"line":617},[446,1962,1963],{"class":492},"  \u003Ctemplate #trailing=\"{ item }\">\n",[446,1965,1966],{"class":448,"line":634},[446,1967,1968],{"class":492},"    \u003CVyBadge v-if=\"item.count\" :label=\"String(item.count)\" size=\"sm\" \u002F>\n",[446,1970,1971],{"class":448,"line":651},[446,1972,1936],{"class":492},[446,1974,1975,1977,1979],{"class":448,"line":657},[446,1976,814],{"class":452},[446,1978,422],{"class":456},[446,1980,479],{"class":452},[412,1982,1984],{"id":1983},"features-and-behavior","Features and behavior",[1986,1987,1988,2000,2008,2017,2020,2025,2034,2037],"ul",{},[1989,1990,1991,1992,1995,1996,1999],"li",{},"Bind ",[420,1993,1994],{},"v-model"," to control the active item, or use ",[420,1997,1998],{},"defaultValue"," for uncontrolled state.",[1989,2001,2002,2004,2005,2007],{},[420,2003,1998],{}," defaults to ",[420,2006,890],{},", matching the first item only when that item uses its fallback value.",[1989,2009,2010,2011,2013,2014,891],{},"Each item uses ",[420,2012,883],{}," as its identity; otherwise it uses ",[420,2015,2016],{},"String(index)",[1989,2018,2019],{},"Disabled items are dimmed and ignore taps.",[1989,2021,2022,2024],{},[420,2023,1883],{}," omits every content panel while keeping the tab triggers interactive.",[1989,2026,2027,2028,2031,2032,891],{},"Inactive panels are currently removed from the tree. Although ",[420,2029,2030],{},"unmountOnHide"," is forwarded to the core root, the current content primitive does not preserve hidden panels when it is ",[420,2033,1870],{},[1989,2035,2036],{},"The indicator measures the active native Lynx trigger and updates after layout changes.",[1989,2038,2039],{},"Item data is forwarded unchanged to trigger and content slot props.",[893,2041,2043],{"id":2042},"tab-item","Tab item",[2045,2046,2047,2066],"table",{},[2048,2049,2050],"thead",{},[2051,2052,2053,2057,2060,2063],"tr",{},[2054,2055,2056],"th",{},"Field",[2054,2058,2059],{},"Type",[2054,2061,2062],{},"Default",[2054,2064,2065],{},"Description",[2067,2068,2069,2088,2104,2122,2137,2155,2174],"tbody",{},[2051,2070,2071,2077,2082,2085],{},[2072,2073,2074],"td",{},[420,2075,2076],{},"label",[2072,2078,2079],{},[420,2080,2081],{},"string",[2072,2083,2084],{},"—",[2072,2086,2087],{},"Built-in trigger label.",[2051,2089,2090,2095,2099,2101],{},[2072,2091,2092],{},[420,2093,2094],{},"icon",[2072,2096,2097],{},[420,2098,2081],{},[2072,2100,2084],{},[2072,2102,2103],{},"Leading Iconify icon name.",[2051,2105,2106,2110,2114,2119],{},[2072,2107,2108],{},[420,2109,902],{},[2072,2111,2112],{},[420,2113,2081],{},[2072,2115,2116],{},[420,2117,2118],{},"'content'",[2072,2120,2121],{},"Named slot used for this item's panel.",[2051,2123,2124,2128,2132,2134],{},[2072,2125,2126],{},[420,2127,1422],{},[2072,2129,2130],{},[420,2131,2081],{},[2072,2133,2084],{},[2072,2135,2136],{},"Static panel text when no matching content slot is supplied.",[2051,2138,2139,2143,2148,2152],{},[2072,2140,2141],{},[420,2142,883],{},[2072,2144,2145],{},[420,2146,2147],{},"string | number",[2072,2149,2150],{},[420,2151,2016],{},[2072,2153,2154],{},"Unique trigger and panel identity.",[2051,2156,2157,2162,2167,2171],{},[2072,2158,2159],{},[420,2160,2161],{},"disabled",[2072,2163,2164],{},[420,2165,2166],{},"boolean",[2072,2168,2169],{},[420,2170,1870],{},[2072,2172,2173],{},"Prevents activation.",[2051,2175,2176,2181,2186,2188],{},[2072,2177,2178],{},[420,2179,2180],{},"[key: string]",[2072,2182,2183],{},[420,2184,2185],{},"any",[2072,2187,2084],{},[2072,2189,2190],{},"Additional application data forwarded in slot props.",[412,2192,2194],{"id":2193},"props","Props",[2045,2196,2197,2210],{},[2048,2198,2199],{},[2051,2200,2201,2204,2206,2208],{},[2054,2202,2203],{},"Prop",[2054,2205,2059],{},[2054,2207,2062],{},[2054,2209,2065],{},[2067,2211,2212,2231,2251,2268,2288,2308,2328,2348,2368,2386,2405,2423],{},[2051,2213,2214,2218,2223,2228],{},[2072,2215,2216],{},[420,2217,863],{},[2072,2219,2220],{},[420,2221,2222],{},"TabsItem[]",[2072,2224,2225],{},[420,2226,2227],{},"undefined",[2072,2229,2230],{},"Tab definitions rendered in order.",[2051,2232,2233,2238,2242,2246],{},[2072,2234,2235],{},[420,2236,2237],{},"modelValue",[2072,2239,2240],{},[420,2241,2147],{},[2072,2243,2244],{},[420,2245,2227],{},[2072,2247,2248,2249,891],{},"Controlled active value used by ",[420,2250,1994],{},[2051,2252,2253,2257,2261,2265],{},[2072,2254,2255],{},[420,2256,1998],{},[2072,2258,2259],{},[420,2260,2147],{},[2072,2262,2263],{},[420,2264,890],{},[2072,2266,2267],{},"Initial active value when uncontrolled.",[2051,2269,2270,2275,2280,2285],{},[2072,2271,2272],{},[420,2273,2274],{},"color",[2072,2276,2277],{},[420,2278,2279],{},"Color",[2072,2281,2282],{},[420,2283,2284],{},"'primary'",[2072,2286,2287],{},"Semantic indicator and active-label color.",[2051,2289,2290,2295,2300,2305],{},[2072,2291,2292],{},[420,2293,2294],{},"variant",[2072,2296,2297],{},[420,2298,2299],{},"'pill' | 'link'",[2072,2301,2302],{},[420,2303,2304],{},"'pill'",[2072,2306,2307],{},"Filled indicator or underline\u002Fside-line treatment.",[2051,2309,2310,2315,2320,2325],{},[2072,2311,2312],{},[420,2313,2314],{},"size",[2072,2316,2317],{},[420,2318,2319],{},"'sm' | 'md' | 'lg' | 'xl'",[2072,2321,2322],{},[420,2323,2324],{},"'md'",[2072,2326,2327],{},"Trigger padding, text, gap, and icon scale.",[2051,2329,2330,2335,2340,2345],{},[2072,2331,2332],{},[420,2333,2334],{},"orientation",[2072,2336,2337],{},[420,2338,2339],{},"'horizontal' | 'vertical'",[2072,2341,2342],{},[420,2343,2344],{},"'horizontal'",[2072,2346,2347],{},"Trigger and content layout axis.",[2051,2349,2350,2355,2360,2365],{},[2072,2351,2352],{},[420,2353,2354],{},"direction",[2072,2356,2357],{},[420,2358,2359],{},"'inline' | 'stacked'",[2072,2361,2362],{},[420,2363,2364],{},"'inline'",[2072,2366,2367],{},"Icon and label layout inside each trigger.",[2051,2369,2370,2374,2378,2383],{},[2072,2371,2372],{},[420,2373,1422],{},[2072,2375,2376],{},[420,2377,2166],{},[2072,2379,2380],{},[420,2381,2382],{},"true",[2072,2384,2385],{},"Whether to render content panels.",[2051,2387,2388,2392,2396,2400],{},[2072,2389,2390],{},[420,2391,2030],{},[2072,2393,2394],{},[420,2395,2166],{},[2072,2397,2398],{},[420,2399,2382],{},[2072,2401,2402,2403,891],{},"Forwarded to the core tabs root. The current content primitive still unmounts inactive panels when this is ",[420,2404,1870],{},[2051,2406,2407,2412,2416,2420],{},[2072,2408,2409],{},[420,2410,2411],{},"class",[2072,2413,2414],{},[420,2415,2185],{},[2072,2417,2418],{},[420,2419,2227],{},[2072,2421,2422],{},"Classes merged onto the tabs root.",[2051,2424,2425,2430,2435,2439],{},[2072,2426,2427],{},[420,2428,2429],{},"ui",[2072,2431,2432],{},[420,2433,2434],{},"Partial\u003CRecord\u003CTabsSlot, any>>",[2072,2436,2437],{},[420,2438,2227],{},[2072,2440,2441],{},"Per-instance theme slot overrides.",[417,2443,2444,2004,2446,2449,2450,2449,2453,2449,2456,2449,2459,2449,2462,2465,2466,2469],{},[420,2445,2279],{},[420,2447,2448],{},"primary",", ",[420,2451,2452],{},"secondary",[420,2454,2455],{},"success",[420,2457,2458],{},"info",[420,2460,2461],{},"warning",[420,2463,2464],{},"error",", or ",[420,2467,2468],{},"neutral",", and supports consumer registry extensions.",[412,2471,2473],{"id":2472},"emits","Emits",[2045,2475,2476,2488],{},[2048,2477,2478],{},[2051,2479,2480,2483,2486],{},[2054,2481,2482],{},"Event",[2054,2484,2485],{},"Payload",[2054,2487,2065],{},[2067,2489,2490],{},[2051,2491,2492,2497,2501],{},[2072,2493,2494],{},[420,2495,2496],{},"update:modelValue",[2072,2498,2499],{},[420,2500,2147],{},[2072,2502,2503],{},"Emitted with the activated item's resolved value.",[412,2505,2507],{"id":2506},"slots","Slots",[2045,2509,2510,2521],{},[2048,2511,2512],{},[2051,2513,2514,2517,2519],{},[2054,2515,2516],{},"Slot",[2054,2518,2194],{},[2054,2520,2065],{},[2067,2522,2523,2537,2552,2566,2579],{},[2051,2524,2525,2529,2534],{},[2072,2526,2527],{},[420,2528,1894],{},[2072,2530,2531],{},[420,2532,2533],{},"{ item, index, iconColor }",[2072,2535,2536],{},"Replaces the built-in leading icon.",[2051,2538,2539,2544,2549],{},[2072,2540,2541],{},[420,2542,2543],{},"default",[2072,2545,2546],{},[420,2547,2548],{},"{ item, index }",[2072,2550,2551],{},"Replaces each trigger label.",[2051,2553,2554,2559,2563],{},[2072,2555,2556],{},[420,2557,2558],{},"trailing",[2072,2560,2561],{},[420,2562,2548],{},[2072,2564,2565],{},"Adds content after each trigger label.",[2051,2567,2568,2572,2576],{},[2072,2569,2570],{},[420,2571,1422],{},[2072,2573,2574],{},[420,2575,2548],{},[2072,2577,2578],{},"Default panel content slot.",[2051,2580,2581,2586,2590],{},[2072,2582,2583],{},[420,2584,2585],{},"[item.slot]",[2072,2587,2588],{},[420,2589,2548],{},[2072,2591,2592,2593,2595],{},"Named panel selected by an item's ",[420,2594,902],{}," field.",[412,2597,2599],{"id":2598},"styling-and-theming","Styling and theming",[417,2601,2602,2603,2606,2607,891],{},"Override globally through ",[420,2604,2605],{},"appConfig.ui.tabs"," or locally with ",[420,2608,2429],{},[2045,2610,2611,2621],{},[2048,2612,2613],{},[2051,2614,2615,2618],{},[2054,2616,2617],{},"UI slot",[2054,2619,2620],{},"Purpose",[2067,2622,2623,2633,2643,2653,2663,2672,2682,2692],{},[2051,2624,2625,2630],{},[2072,2626,2627],{},[420,2628,2629],{},"root",[2072,2631,2632],{},"Overall tabs layout, width, and gap.",[2051,2634,2635,2640],{},[2072,2636,2637],{},[420,2638,2639],{},"list",[2072,2641,2642],{},"Trigger rail and indicator positioning context.",[2051,2644,2645,2650],{},[2072,2646,2647],{},[420,2648,2649],{},"indicator",[2072,2651,2652],{},"Animated pill, underline, or side line.",[2051,2654,2655,2660],{},[2072,2656,2657],{},[420,2658,2659],{},"trigger",[2072,2661,2662],{},"Individual interactive tab.",[2051,2664,2665,2669],{},[2072,2666,2667],{},[420,2668,1422],{},[2072,2670,2671],{},"Each active content panel.",[2051,2673,2674,2679],{},[2072,2675,2676],{},[420,2677,2678],{},"leadingIcon",[2072,2680,2681],{},"Built-in leading icon sizing.",[2051,2683,2684,2689],{},[2072,2685,2686],{},[420,2687,2688],{},"leadingAvatar",[2072,2690,2691],{},"Reserved theme slot; the current component does not render a built-in avatar.",[2051,2693,2694,2698],{},[2072,2695,2696],{},[420,2697,2076],{},[2072,2699,2700],{},"Built-in trigger label and truncation.",[893,2702,2704],{"id":2703},"theme-variants","Theme variants",[2045,2706,2707,2722],{},[2048,2708,2709],{},[2051,2710,2711,2714,2717,2719],{},[2054,2712,2713],{},"Variant",[2054,2715,2716],{},"Values",[2054,2718,2062],{},[2054,2720,2721],{},"Effect",[2067,2723,2724,2740,2760,2786,2806],{},[2051,2725,2726,2730,2733,2737],{},[2072,2727,2728],{},[420,2729,2274],{},[2072,2731,2732],{},"Registered semantic colors",[2072,2734,2735],{},[420,2736,2284],{},[2072,2738,2739],{},"Colors the indicator and active link label. Pill labels remain white while active.",[2051,2741,2742,2746,2753,2757],{},[2072,2743,2744],{},[420,2745,2294],{},[2072,2747,2748,2449,2751],{},[420,2749,2750],{},"pill",[420,2752,1763],{},[2072,2754,2755],{},[420,2756,2304],{},[2072,2758,2759],{},"Selects a filled segmented control or a line indicator.",[2051,2761,2762,2766,2779,2783],{},[2072,2763,2764],{},[420,2765,2314],{},[2072,2767,2768,2449,2770,2449,2773,2449,2776],{},[420,2769,1232],{},[420,2771,2772],{},"md",[420,2774,2775],{},"lg",[420,2777,2778],{},"xl",[2072,2780,2781],{},[420,2782,2324],{},[2072,2784,2785],{},"Changes trigger padding, label size, gaps, and icon size.",[2051,2787,2788,2792,2799,2803],{},[2072,2789,2790],{},[420,2791,2334],{},[2072,2793,2794,2449,2797],{},[420,2795,2796],{},"horizontal",[420,2798,1749],{},[2072,2800,2801],{},[420,2802,2344],{},[2072,2804,2805],{},"Arranges the list above the panel or beside it and changes indicator geometry.",[2051,2807,2808,2812,2819,2823],{},[2072,2809,2810],{},[420,2811,2354],{},[2072,2813,2814,2449,2817],{},[420,2815,2816],{},"inline",[420,2818,1841],{},[2072,2820,2821],{},[420,2822,2364],{},[2072,2824,2825],{},"Arranges trigger children in a row or column.",[417,2827,2828],{},"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.",[412,2830,328],{"id":2831},"accessibility",[417,2833,2834],{},"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.",[417,2836,2837],{},"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.",[412,2839,2841],{"id":2840},"platform-notes","Platform notes",[1986,2843,2844,2847,2860,2866,2874],{},[1989,2845,2846],{},"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.",[1989,2848,2849,2850,2853,2854,2856,2857,891],{},"Lynx SVG does not inherit ",[420,2851,2852],{},"currentColor","; built-in icons receive a resolved fill, and the ",[420,2855,1894],{}," slot receives the same ",[420,2858,2859],{},"iconColor",[1989,2861,2862,2863,2865],{},"Inactive content is currently conditionally rendered regardless of ",[420,2864,2030],{},"; do not rely on hidden panels retaining local component state.",[1989,2867,2868,2869,2873],{},"The theme uses vyui's semantic tokens, so it adapts automatically under dark mode (see ",[2870,2871,2872],"a",{"href":319},"Theming → Dark Mode","), and intentionally omits DOM focus-ring and hover behavior.",[1989,2875,2876,2877,2879],{},"Long built-in labels truncate. Use ",[420,2878,1788],{},", fewer tabs, or a vertical layout when a narrow horizontal rail becomes crowded.",[412,2881,2883],{"id":2882},"related-components","Related components",[1986,2885,2886,2893,2899],{},[1989,2887,2888,2892],{},[2870,2889,2890],{"href":61},[420,2891,60],{}," for independently collapsible sections.",[1989,2894,2895,2898],{},[420,2896,2897],{},"BottomNavigation"," for primary app-level destinations.",[1989,2900,2901,2904],{},[420,2902,2903],{},"SegmentedControl"," for choosing one value without associated content panels.",[2906,2907,2908],"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":442,"searchDepth":449,"depth":482,"links":2910},[2911,2912,2918,2921,2922,2923,2924,2927,2928,2929],{"id":414,"depth":482,"text":415},{"id":434,"depth":482,"text":435,"children":2913},[2914,2915,2916,2917],{"id":895,"depth":510,"text":896},{"id":1433,"depth":510,"text":1434},{"id":1781,"depth":510,"text":1782},{"id":1887,"depth":510,"text":1888},{"id":1983,"depth":482,"text":1984,"children":2919},[2920],{"id":2042,"depth":510,"text":2043},{"id":2193,"depth":482,"text":2194},{"id":2472,"depth":482,"text":2473},{"id":2506,"depth":482,"text":2507},{"id":2598,"depth":482,"text":2599,"children":2925},[2926],{"id":2703,"depth":510,"text":2704},{"id":2831,"depth":482,"text":328},{"id":2840,"depth":482,"text":2841},{"id":2882,"depth":482,"text":2883},"Organize related views behind a selectable row or rail of tabs.",[2932],{"label":2933,"icon":2934,"to":2935,"target":2936},"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":2930},"Ojqi_HkLKcvW7saPD7Uq56rAmLmOyjrWY7CaXCP-JrE",[2942,2944],{"title":272,"path":273,"stem":274,"description":2943,"icon":-1,"children":-1,"navigation":-1},"Toggle a persistent setting between on and off states.",{"title":281,"path":282,"stem":283,"description":2945,"icon":-1,"children":-1,"navigation":-1},"Collect multi-line text with themed states, icons, avatars, and native keyboard events.",1783534413768]