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