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