[{"data":1,"prerenderedAt":1402},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Faccordion":313,"\u002Fcomponents\u002Faccordion-surround":1397},[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":57,"body":315,"description":1385,"extension":1386,"links":1387,"meta":1393,"navigation":1394,"package":60,"path":58,"seo":1395,"stem":59,"__hash__":1396},"docs\u002F3.components\u002Faccordion.md",{"type":316,"value":317,"toc":1362},"minimark",[318,323,334,339,343,353,355,360,371,374,378,384,387,391,397,400,404,422,776,780,860,864,1026,1030,1033,1037,1040,1044,1047,1051,1057,1060,1066,1074,1077,1080,1132,1139,1141,1147,1149,1153,1164,1277,1283,1286,1300,1304,1330,1334,1358],[319,320,322],"h2",{"id":321},"overview","Overview",[324,325,326,330,331,333],"p",{},[327,328,329],"code",{},"VyAccordion"," renders a collection of expandable items on top of the ",[327,332,31],{}," accordion primitives. It supports controlled and uncontrolled state, single or multiple selection, disabled items, static content, and per-item named slots.",[335,336],"component-code",{"name":337,"height":338},"accordion-example","360px",[319,340,342],{"id":341},"usage","Usage",[324,344,345,346,348,349,352],{},"Import the component from ",[327,347,36],{}," and pass an ",[327,350,351],{},"items"," array. Each example below renders the real component live.",[335,354],{"name":337},[356,357,359],"h3",{"id":358},"multiple-open-items","Multiple open items",[324,361,362,363,366,367,370],{},"Set ",[327,364,365],{},"type=\"multiple\""," and bind an array with ",[327,368,369],{},"v-model",".",[335,372],{"name":373},"accordion-multiple",[356,375,377],{"id":376},"disabled-items","Disabled items",[324,379,362,380,383],{},[327,381,382],{},"disabled"," on an item to prevent it from opening.",[335,385],{"name":386},"accordion-disabled",[356,388,390],{"id":389},"controlled-value","Controlled value",[324,392,393,394,396],{},"Bind ",[327,395,369],{}," to drive the open item from outside the component.",[335,398],{"name":399},"accordion-controlled",[356,401,403],{"id":402},"custom-item-content","Custom item content",[324,405,406,407,410,411,414,415,418,419,370],{},"Use ",[327,408,409],{},"item.slot"," to select a named slot for one item. Every item slot receives ",[327,412,413],{},"item",", ",[327,416,417],{},"index",", and ",[327,420,421],{},"open",[423,424,429],"pre",{"className":425,"code":426,"language":427,"meta":428,"style":428},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { VyAccordion } from '@vyui\u002Fkit'\n\nconst items = [\n  { value: 'profile', label: 'Profile', slot: 'profile' },\n  { value: 'help', label: 'Help', content: 'Contact support@example.com.' },\n]\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CVyAccordion :items=\"items\">\n    \u003Ctemplate #profile=\"{ open }\">\n      \u003Cview class=\"p-4\">\n        \u003Ctext>{{ open ? 'Profile settings are open.' : '' }}\u003C\u002Ftext>\n      \u003C\u002Fview>\n    \u003C\u002Ftemplate>\n  \u003C\u002FVyAccordion>\n\u003C\u002Ftemplate>\n","vue","",[327,430,431,466,494,501,515,566,611,617,627,632,642,663,693,716,737,747,757,767],{"__ignoreMap":428},[432,433,436,440,444,448,451,454,457,461,463],"span",{"class":434,"line":435},"line",1,[432,437,439],{"class":438},"sMK4o","\u003C",[432,441,443],{"class":442},"swJcz","script",[432,445,447],{"class":446},"spNyl"," setup",[432,449,450],{"class":446}," lang",[432,452,453],{"class":438},"=",[432,455,456],{"class":438},"\"",[432,458,460],{"class":459},"sfazB","ts",[432,462,456],{"class":438},[432,464,465],{"class":438},">\n",[432,467,469,473,476,480,483,486,489,491],{"class":434,"line":468},2,[432,470,472],{"class":471},"s7zQu","import",[432,474,475],{"class":438}," {",[432,477,479],{"class":478},"sTEyZ"," VyAccordion",[432,481,482],{"class":438}," }",[432,484,485],{"class":471}," from",[432,487,488],{"class":438}," '",[432,490,36],{"class":459},[432,492,493],{"class":438},"'\n",[432,495,497],{"class":434,"line":496},3,[432,498,500],{"emptyLinePlaceholder":499},true,"\n",[432,502,504,507,510,512],{"class":434,"line":503},4,[432,505,506],{"class":446},"const",[432,508,509],{"class":478}," items ",[432,511,453],{"class":438},[432,513,514],{"class":478}," [\n",[432,516,518,521,524,527,529,532,535,538,541,543,545,548,550,552,555,557,559,561,563],{"class":434,"line":517},5,[432,519,520],{"class":438},"  {",[432,522,523],{"class":442}," value",[432,525,526],{"class":438},":",[432,528,488],{"class":438},[432,530,531],{"class":459},"profile",[432,533,534],{"class":438},"'",[432,536,537],{"class":438},",",[432,539,540],{"class":442}," label",[432,542,526],{"class":438},[432,544,488],{"class":438},[432,546,547],{"class":459},"Profile",[432,549,534],{"class":438},[432,551,537],{"class":438},[432,553,554],{"class":442}," slot",[432,556,526],{"class":438},[432,558,488],{"class":438},[432,560,531],{"class":459},[432,562,534],{"class":438},[432,564,565],{"class":438}," },\n",[432,567,569,571,573,575,577,580,582,584,586,588,590,593,595,597,600,602,604,607,609],{"class":434,"line":568},6,[432,570,520],{"class":438},[432,572,523],{"class":442},[432,574,526],{"class":438},[432,576,488],{"class":438},[432,578,579],{"class":459},"help",[432,581,534],{"class":438},[432,583,537],{"class":438},[432,585,540],{"class":442},[432,587,526],{"class":438},[432,589,488],{"class":438},[432,591,592],{"class":459},"Help",[432,594,534],{"class":438},[432,596,537],{"class":438},[432,598,599],{"class":442}," content",[432,601,526],{"class":438},[432,603,488],{"class":438},[432,605,606],{"class":459},"Contact support@example.com.",[432,608,534],{"class":438},[432,610,565],{"class":438},[432,612,614],{"class":434,"line":613},7,[432,615,616],{"class":478},"]\n",[432,618,620,623,625],{"class":434,"line":619},8,[432,621,622],{"class":438},"\u003C\u002F",[432,624,443],{"class":442},[432,626,465],{"class":438},[432,628,630],{"class":434,"line":629},9,[432,631,500],{"emptyLinePlaceholder":499},[432,633,635,637,640],{"class":434,"line":634},10,[432,636,439],{"class":438},[432,638,639],{"class":442},"template",[432,641,465],{"class":438},[432,643,645,648,650,653,655,657,659,661],{"class":434,"line":644},11,[432,646,647],{"class":438},"  \u003C",[432,649,329],{"class":442},[432,651,652],{"class":446}," :items",[432,654,453],{"class":438},[432,656,456],{"class":438},[432,658,351],{"class":459},[432,660,456],{"class":438},[432,662,465],{"class":438},[432,664,666,669,671,674,676,678,680,683,686,689,691],{"class":434,"line":665},12,[432,667,668],{"class":438},"    \u003C",[432,670,639],{"class":442},[432,672,673],{"class":438}," #",[432,675,531],{"class":446},[432,677,453],{"class":438},[432,679,456],{"class":438},[432,681,682],{"class":438},"{",[432,684,685],{"class":478}," open ",[432,687,688],{"class":438},"}",[432,690,456],{"class":438},[432,692,465],{"class":438},[432,694,696,699,702,705,707,709,712,714],{"class":434,"line":695},13,[432,697,698],{"class":438},"      \u003C",[432,700,701],{"class":442},"view",[432,703,704],{"class":446}," class",[432,706,453],{"class":438},[432,708,456],{"class":438},[432,710,711],{"class":459},"p-4",[432,713,456],{"class":438},[432,715,465],{"class":438},[432,717,719,722,725,728,731,733,735],{"class":434,"line":718},14,[432,720,721],{"class":438},"        \u003C",[432,723,724],{"class":442},"text",[432,726,727],{"class":438},">",[432,729,730],{"class":478},"{{ open ? 'Profile settings are open.' : '' }}",[432,732,622],{"class":438},[432,734,724],{"class":442},[432,736,465],{"class":438},[432,738,740,743,745],{"class":434,"line":739},15,[432,741,742],{"class":438},"      \u003C\u002F",[432,744,701],{"class":442},[432,746,465],{"class":438},[432,748,750,753,755],{"class":434,"line":749},16,[432,751,752],{"class":438},"    \u003C\u002F",[432,754,639],{"class":442},[432,756,465],{"class":438},[432,758,760,763,765],{"class":434,"line":759},17,[432,761,762],{"class":438},"  \u003C\u002F",[432,764,329],{"class":442},[432,766,465],{"class":438},[432,768,770,772,774],{"class":434,"line":769},18,[432,771,622],{"class":438},[432,773,639],{"class":442},[432,775,465],{"class":438},[319,777,779],{"id":778},"features-and-behavior","Features and behavior",[781,782,783,793,804,814,821,838,852],"ul",{},[784,785,786,789,790,792],"li",{},[327,787,788],{},"type=\"single\""," allows one open item and is the default. ",[327,791,365],{}," allows several.",[784,794,795,796,799,800,803],{},"In single mode, ",[327,797,798],{},"collapsible"," defaults to ",[327,801,802],{},"true",", so the current item can be closed.",[784,805,806,809,810,813],{},[327,807,808],{},"modelValue"," controls the open item or items; ",[327,811,812],{},"defaultValue"," initializes uncontrolled state.",[784,815,816,817,820],{},"An item uses its ",[327,818,819],{},"value"," as its identity, falling back to its zero-based index converted to a string.",[784,822,823,826,827,830,831,834,835,370],{},[327,824,825],{},"item.trailingIcon"," overrides the component-level ",[327,828,829],{},"trailingIcon",". The final fallback is ",[327,832,833],{},"appConfig.ui.icons.chevronDown",", then ",[327,836,837],{},"i-lucide-chevron-down",[784,839,840,841,844,845,847,848,851],{},"Content is only created when an item has ",[327,842,843],{},"content",", a matching named slot, the ",[327,846,843],{}," slot, or the ",[327,849,850],{},"body"," slot.",[784,853,854,799,857,859],{},[327,855,856],{},"unmountOnHide",[327,858,802],{},", removing closed content from the rendered tree.",[356,861,863],{"id":862},"accordion-item","Accordion item",[865,866,867,886],"table",{},[868,869,870],"thead",{},[871,872,873,877,880,883],"tr",{},[874,875,876],"th",{},"Field",[874,878,879],{},"Type",[874,881,882],{},"Default",[874,884,885],{},"Description",[887,888,889,908,924,940,959,974,990,1009],"tbody",{},[871,890,891,897,902,905],{},[892,893,894],"td",{},[327,895,896],{},"label",[892,898,899],{},[327,900,901],{},"string",[892,903,904],{},"—",[892,906,907],{},"Text displayed in the trigger.",[871,909,910,915,919,921],{},[892,911,912],{},[327,913,914],{},"icon",[892,916,917],{},[327,918,901],{},[892,920,904],{},[892,922,923],{},"Leading Iconify icon name.",[871,925,926,930,934,937],{},[892,927,928],{},[327,929,829],{},[892,931,932],{},[327,933,901],{},[892,935,936],{},"Inherited",[892,938,939],{},"Per-item toggle icon.",[871,941,942,947,951,956],{},[892,943,944],{},[327,945,946],{},"slot",[892,948,949],{},[327,950,901],{},[892,952,953],{},[327,954,955],{},"'content'",[892,957,958],{},"Named slot used for this item's panel.",[871,960,961,965,969,971],{},[892,962,963],{},[327,964,843],{},[892,966,967],{},[327,968,901],{},[892,970,904],{},[892,972,973],{},"Static panel text used when no slot replaces it.",[871,975,976,980,984,987],{},[892,977,978],{},[327,979,819],{},[892,981,982],{},[327,983,901],{},[892,985,986],{},"Item index",[892,988,989],{},"Unique open-state value.",[871,991,992,996,1001,1006],{},[892,993,994],{},[327,995,382],{},[892,997,998],{},[327,999,1000],{},"boolean",[892,1002,1003],{},[327,1004,1005],{},"false",[892,1007,1008],{},"Prevents interaction with this item.",[871,1010,1011,1016,1021,1023],{},[892,1012,1013],{},[327,1014,1015],{},"[key: string]",[892,1017,1018],{},[327,1019,1020],{},"any",[892,1022,904],{},[892,1024,1025],{},"Additional application data forwarded in slot props.",[319,1027,1029],{"id":1028},"api","API",[324,1031,1032],{},"These tables are generated directly from the component source.",[356,1034,1036],{"id":1035},"props","Props",[1038,1039],"component-props",{"name":57},[356,1041,1043],{"id":1042},"emits","Emits",[1045,1046],"component-emits",{"name":57},[356,1048,1050],{"id":1049},"slots","Slots",[324,1052,1053,1054,370],{},"All item slots receive ",[327,1055,1056],{},"{ item: AccordionItem, index: number, open: boolean }",[1058,1059],"component-slots",{"name":57},[319,1061,1063,1064],{"id":1062},"built-on-vyuicore","Built on ",[327,1065,31],{},[324,1067,1068,1070,1071,1073],{},[327,1069,329],{}," composes the headless ",[327,1072,31],{}," accordion primitives. Use them directly when you need full control over markup and styling.",[335,1075],{"name":1076},"accordion-anatomy",[324,1078,1079],{},"The primitive anatomy is:",[423,1081,1083],{"className":425,"code":1082,"language":427,"meta":428,"style":428},"\u003CAccordionRoot>\n  \u003CAccordionItem value=\"...\">\n    \u003CAccordionHeader>\n      \u003CAccordionTrigger \u002F>\n    \u003C\u002FAccordionHeader>\n    \u003CAccordionContent \u002F>\n  \u003C\u002FAccordionItem>\n\u003C\u002FAccordionRoot>\n",[327,1084,1085,1094,1099,1104,1109,1114,1119,1124],{"__ignoreMap":428},[432,1086,1087,1089,1092],{"class":434,"line":435},[432,1088,439],{"class":438},[432,1090,1091],{"class":442},"AccordionRoot",[432,1093,465],{"class":438},[432,1095,1096],{"class":434,"line":468},[432,1097,1098],{"class":478},"  \u003CAccordionItem value=\"...\">\n",[432,1100,1101],{"class":434,"line":496},[432,1102,1103],{"class":478},"    \u003CAccordionHeader>\n",[432,1105,1106],{"class":434,"line":503},[432,1107,1108],{"class":478},"      \u003CAccordionTrigger \u002F>\n",[432,1110,1111],{"class":434,"line":517},[432,1112,1113],{"class":478},"    \u003C\u002FAccordionHeader>\n",[432,1115,1116],{"class":434,"line":568},[432,1117,1118],{"class":478},"    \u003CAccordionContent \u002F>\n",[432,1120,1121],{"class":434,"line":613},[432,1122,1123],{"class":478},"  \u003C\u002FAccordionItem>\n",[432,1125,1126,1128,1130],{"class":434,"line":619},[432,1127,622],{"class":438},[432,1129,1091],{"class":442},[432,1131,465],{"class":438},[1133,1134,1136,1138],"h4",{"id":1135},"accordionroot-props",[327,1137,1091],{}," props",[1038,1140],{"name":1091},[1133,1142,1144,1138],{"id":1143},"accordionitem-props",[327,1145,1146],{},"AccordionItem",[1038,1148],{"name":1146},[319,1150,1152],{"id":1151},"styling-and-theming","Styling and theming",[324,1154,1155,1156,1159,1160,1163],{},"Override the component globally through ",[327,1157,1158],{},"appConfig.ui.accordion"," or locally with ",[327,1161,1162],{},"ui",". The actual theme slots are:",[865,1165,1166,1176],{},[868,1167,1168],{},[871,1169,1170,1173],{},[874,1171,1172],{},"UI slot",[874,1174,1175],{},"Purpose",[887,1177,1178,1188,1197,1207,1217,1226,1235,1249,1259,1268],{},[871,1179,1180,1185],{},[892,1181,1182],{},[327,1183,1184],{},"root",[892,1186,1187],{},"Accordion root container.",[871,1189,1190,1194],{},[892,1191,1192],{},[327,1193,413],{},[892,1195,1196],{},"Item wrapper and divider.",[871,1198,1199,1204],{},[892,1200,1201],{},[327,1202,1203],{},"header",[892,1205,1206],{},"Header layout around the trigger.",[871,1208,1209,1214],{},[892,1210,1211],{},[327,1212,1213],{},"trigger",[892,1215,1216],{},"Interactive trigger row.",[871,1218,1219,1223],{},[892,1220,1221],{},[327,1222,843],{},[892,1224,1225],{},"Collapsible panel wrapper.",[871,1227,1228,1232],{},[892,1229,1230],{},[327,1231,850],{},[892,1233,1234],{},"Inner body layout.",[871,1236,1237,1242],{},[892,1238,1239],{},[327,1240,1241],{},"bodyText",[892,1243,1244,1245,1248],{},"Static ",[327,1246,1247],{},"item.content"," text.",[871,1250,1251,1256],{},[892,1252,1253],{},[327,1254,1255],{},"leadingIcon",[892,1257,1258],{},"Built-in leading icon.",[871,1260,1261,1265],{},[892,1262,1263],{},[327,1264,829],{},[892,1266,1267],{},"Toggle icon, including open-state rotation.",[871,1269,1270,1274],{},[892,1271,1272],{},[327,1273,896],{},[892,1275,1276],{},"Trigger label text.",[324,1278,1279,1280,1282],{},"The only theme variant is ",[327,1281,382],{},", which dims the trigger and applies a disabled cursor style. The default theme is light-mode-oriented and uses a simple transition instead of named web accordion keyframes.",[319,1284,299],{"id":1285},"accessibility",[324,1287,1288,1289,1292,1293,1296,1297,1299],{},"The core trigger exposes native Lynx button semantics and announces ",[327,1290,1291],{},"collapsed"," or ",[327,1294,1295],{},"expanded",". Disabled triggers are announced as disabled. Keep each ",[327,1298,896],{}," or custom default slot descriptive, and do not put unrelated interactive controls inside a trigger.",[319,1301,1303],{"id":1302},"platform-notes","Platform notes",[781,1305,1306,1317,1324],{},[784,1307,1308,1309,1312,1313,1316],{},"Built for Vue on Lynx; use native ",[327,1310,1311],{},"accessibility-*"," behavior rather than web-only ",[327,1314,1315],{},"aria-*"," assumptions.",[784,1318,1319,1320,1323],{},"The trailing icon rotates through the ",[327,1321,1322],{},"group-ui-open"," state class.",[784,1325,1326,1327,1329],{},"When CSS inheritance is disabled, static content color is applied directly to the nested ",[327,1328,1241],{}," element.",[319,1331,1333],{"id":1332},"related-components","Related components",[781,1335,1336,1345,1353],{},[784,1337,1338,1344],{},[1339,1340,1341],"a",{"href":64},[327,1342,1343],{},"ActionSheet"," for a temporary list of actions.",[784,1346,1347,1349,1350,1352],{},[327,1348,113],{}," in ",[327,1351,31],{}," for one headless disclosure region.",[784,1354,1355,1357],{},[327,1356,269],{}," for switching between persistent peer panels.",[1359,1360,1361],"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 .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);}",{"title":428,"searchDepth":435,"depth":468,"links":1363},[1364,1365,1371,1374,1379,1381,1382,1383,1384],{"id":321,"depth":468,"text":322},{"id":341,"depth":468,"text":342,"children":1366},[1367,1368,1369,1370],{"id":358,"depth":496,"text":359},{"id":376,"depth":496,"text":377},{"id":389,"depth":496,"text":390},{"id":402,"depth":496,"text":403},{"id":778,"depth":468,"text":779,"children":1372},[1373],{"id":862,"depth":496,"text":863},{"id":1028,"depth":468,"text":1029,"children":1375},[1376,1377,1378],{"id":1035,"depth":496,"text":1036},{"id":1042,"depth":496,"text":1043},{"id":1049,"depth":496,"text":1050},{"id":1062,"depth":468,"text":1380},"Built on @vyui\u002Fcore",{"id":1151,"depth":468,"text":1152},{"id":1285,"depth":468,"text":299},{"id":1302,"depth":468,"text":1303},{"id":1332,"depth":468,"text":1333},"Display collapsible sections with single or multiple open items.","md",[1388],{"label":1389,"icon":1390,"to":1391,"target":1392},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fkit\u002Fsrc\u002Fcomponents\u002FAccordion.vue","_blank",{},{"icon":61},{"title":57,"description":1385},"JSy_Iu3GwAnFUjNlIUbrEjzgnzH9pkMpp4u5uJRLn-o",[1398,1400],{"title":49,"path":51,"stem":55,"description":1399,"icon":-1,"children":-1,"navigation":-1},"Guides and interactive examples for the documented @vyui\u002Fcore primitives and @vyui\u002Fkit components.",{"title":63,"path":64,"stem":65,"description":1401,"icon":-1,"children":-1,"navigation":-1},"Present a mobile bottom sheet containing grouped actions.",1783464067582]