[{"data":1,"prerenderedAt":1554},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Faccordion":460,"\u002Fcomponents\u002Faccordion-surround":1549},[4,34,51,301,327,332,337,406],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":33},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18,23,28],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles",{"title":24,"path":25,"stem":26,"package":11,"icon":27},"CLI","\u002Fgetting-started\u002Fcli","1.getting-started\u002F4.cli","i-lucide-terminal",{"title":29,"path":30,"stem":31,"package":11,"icon":32},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F5.roadmap","i-lucide-map","i-lucide-rocket",{"title":35,"package":11,"icon":36,"path":37,"stem":38,"children":39,"page":50},"Packages","i-lucide-package","\u002Fpackages","2.packages",[40,45],{"title":41,"path":42,"stem":43,"package":11,"icon":44},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":46,"path":47,"stem":48,"package":11,"icon":49},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":52,"package":11,"icon":53,"path":54,"stem":55,"children":56},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[57,59,65,70,75,80,85,90,95,100,105,110,115,120,125,130,135,140,144,149,153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233,238,242,246,251,256,261,266,271,276,280,284,288,292,296],{"title":52,"path":54,"stem":58,"package":11,"icon":53},"3.components\u002Findex",{"title":60,"path":61,"stem":62,"package":63,"icon":64},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":66,"path":67,"stem":68,"package":63,"icon":69},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":71,"path":72,"stem":73,"package":63,"icon":74},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":76,"path":77,"stem":78,"package":79,"icon":74},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":81,"path":82,"stem":83,"package":63,"icon":84},"App","\u002Fcomponents\u002Fapp","3.components\u002Fapp","i-lucide-smartphone",{"title":86,"path":87,"stem":88,"package":63,"icon":89},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":91,"path":92,"stem":93,"package":63,"icon":94},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":96,"path":97,"stem":98,"package":63,"icon":99},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":101,"path":102,"stem":103,"package":63,"icon":104},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":106,"path":107,"stem":108,"package":63,"icon":109},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":111,"path":112,"stem":113,"package":63,"icon":114},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":116,"path":117,"stem":118,"package":63,"icon":119},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":121,"path":122,"stem":123,"package":79,"icon":124},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":126,"path":127,"stem":128,"package":79,"icon":129},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":131,"path":132,"stem":133,"package":79,"icon":134},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":136,"path":137,"stem":138,"package":63,"icon":139},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":141,"path":142,"stem":143,"package":79,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":145,"path":146,"stem":147,"package":63,"icon":148},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":150,"path":151,"stem":152,"package":63,"icon":69},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":154,"path":155,"stem":156,"package":63,"icon":157},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":159,"path":160,"stem":161,"package":63,"icon":162},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":164,"path":165,"stem":166,"package":63,"icon":167},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":169,"path":170,"stem":171,"package":63,"icon":172},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":174,"path":175,"stem":176,"package":63,"icon":177},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":179,"path":180,"stem":181,"package":79,"icon":182},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":184,"path":185,"stem":186,"package":63,"icon":187},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":189,"path":190,"stem":191,"package":79,"icon":192},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":194,"path":195,"stem":196,"package":63,"icon":197},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":199,"path":200,"stem":201,"package":63,"icon":202},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":204,"path":205,"stem":206,"package":63,"icon":207},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":209,"path":210,"stem":211,"package":63,"icon":212},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":214,"path":215,"stem":216,"package":63,"icon":217},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":219,"path":220,"stem":221,"package":63,"icon":222},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":224,"path":225,"stem":226,"package":79,"icon":227},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":229,"path":230,"stem":231,"package":63,"icon":232},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":234,"path":235,"stem":236,"package":63,"icon":237},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":239,"path":240,"stem":241,"package":79,"icon":69},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":243,"path":244,"stem":245,"package":63,"icon":162},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":247,"path":248,"stem":249,"package":63,"icon":250},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":252,"path":253,"stem":254,"package":63,"icon":255},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":257,"path":258,"stem":259,"package":63,"icon":260},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":262,"path":263,"stem":264,"package":63,"icon":265},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":267,"path":268,"stem":269,"package":63,"icon":270},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":272,"path":273,"stem":274,"package":63,"icon":275},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":277,"path":278,"stem":279,"package":63,"icon":162},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":281,"path":282,"stem":283,"package":63,"icon":148},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":285,"path":286,"stem":287,"package":63,"icon":207},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":289,"path":290,"stem":291,"package":63,"icon":275},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":293,"path":294,"stem":295,"package":63,"icon":162},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":297,"path":298,"stem":299,"package":63,"icon":300},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":302,"path":303,"stem":304,"children":305,"package":11,"icon":307},"Theming","\u002Ftheming","4.theming\u002F1.index",[306,308,312,317,322],{"title":302,"path":303,"stem":304,"package":11,"icon":307},"i-lucide-palette",{"title":309,"path":310,"stem":311,"package":11,"icon":250},"Overrides","\u002Ftheming\u002Foverrides","4.theming\u002F2.overrides",{"title":313,"path":314,"stem":315,"package":11,"icon":316},"Colors","\u002Ftheming\u002Fcolors","4.theming\u002F3.colors","i-lucide-swatch-book",{"title":318,"path":319,"stem":320,"package":11,"icon":321},"Dark Mode","\u002Ftheming\u002Fdark-mode","4.theming\u002F4.dark-mode","i-lucide-moon",{"title":323,"path":324,"stem":325,"package":11,"icon":326},"Fonts","\u002Ftheming\u002Ffonts","4.theming\u002F5.fonts","i-lucide-type",{"title":328,"path":329,"stem":330,"package":11,"icon":331},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":333,"path":334,"stem":335,"package":11,"icon":336},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":338,"path":339,"stem":340,"children":341,"package":11,"icon":343},"Composables","\u002Fcomposables","7.composables\u002F1.index",[342,344,349,354,359,364,369,374,378,383,387,391,396,401],{"title":338,"path":339,"stem":340,"package":11,"icon":343},"i-lucide-square-function",{"title":345,"path":346,"stem":347,"package":11,"icon":348},"useEmitAsProps","\u002Fcomposables\u002Fuse-emit-as-props","7.composables\u002F10.use-emit-as-props","i-lucide-zap",{"title":350,"path":351,"stem":352,"package":11,"icon":353},"useForwardPropsEmits","\u002Fcomposables\u002Fuse-forward-props-emits","7.composables\u002F11.use-forward-props-emits","i-lucide-merge",{"title":355,"path":356,"stem":357,"package":11,"icon":358},"useForwardExpose","\u002Fcomposables\u002Fuse-forward-expose","7.composables\u002F12.use-forward-expose","i-lucide-share-2",{"title":360,"path":361,"stem":362,"package":11,"icon":363},"useStateMachine","\u002Fcomposables\u002Fuse-state-machine","7.composables\u002F13.use-state-machine","i-lucide-workflow",{"title":365,"path":366,"stem":367,"package":11,"icon":368},"usePrimitiveElement","\u002Fcomposables\u002Fuse-primitive-element","7.composables\u002F14.use-primitive-element","i-lucide-crosshair",{"title":370,"path":371,"stem":372,"package":11,"icon":373},"useAppConfig","\u002Fcomposables\u002Fuse-app-config","7.composables\u002F2.use-app-config","i-lucide-settings",{"title":375,"path":376,"stem":377,"package":11,"icon":321},"useColorMode","\u002Fcomposables\u002Fuse-color-mode","7.composables\u002F3.use-color-mode",{"title":379,"path":380,"stem":381,"package":11,"icon":382},"useComponentIcons","\u002Fcomposables\u002Fuse-component-icons","7.composables\u002F4.use-component-icons","i-lucide-shapes",{"title":384,"path":385,"stem":386,"package":11,"icon":69},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":388,"path":389,"stem":390,"package":11,"icon":336},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":392,"path":393,"stem":394,"package":11,"icon":395},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":397,"path":398,"stem":399,"package":11,"icon":400},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":402,"path":403,"stem":404,"package":11,"icon":405},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"title":407,"path":408,"stem":409,"children":410,"package":11,"icon":412},"Guides","\u002Fguides","8.guides\u002F1.index",[411,413,417,422,427,432,437,441,446,450,455],{"title":407,"path":408,"stem":409,"package":11,"icon":412},"i-lucide-book-open",{"title":414,"path":415,"stem":416,"package":11,"icon":348},"Instant first-frame rendering","\u002Fguides\u002Finstant-first-frame-rendering","8.guides\u002F10.instant-first-frame-rendering",{"title":418,"path":419,"stem":420,"package":11,"icon":421},"Why use Vy UI","\u002Fguides\u002Fwhy-vy-ui","8.guides\u002F11.why-vy-ui","i-lucide-help-circle",{"title":423,"path":424,"stem":425,"package":11,"icon":426},"Lynx UI frameworks","\u002Fguides\u002Flynx-ui-frameworks","8.guides\u002F2.lynx-ui-frameworks","i-lucide-library",{"title":428,"path":429,"stem":430,"package":11,"icon":431},"What is Vue Lynx","\u002Fguides\u002Fvue-lynx","8.guides\u002F3.vue-lynx","i-lucide-component",{"title":433,"path":434,"stem":435,"package":11,"icon":436},"Lynx vs React Native","\u002Fguides\u002Flynx-vs-react-native","8.guides\u002F4.lynx-vs-react-native","i-lucide-git-compare",{"title":438,"path":439,"stem":440,"package":11,"icon":84},"Testing on your phone","\u002Fguides\u002Ftesting-on-device","8.guides\u002F5.testing-on-device",{"title":442,"path":443,"stem":444,"package":11,"icon":445},"Testing with Xcode","\u002Fguides\u002Ftesting-with-xcode","8.guides\u002F6.testing-with-xcode","i-lucide-apple",{"title":447,"path":448,"stem":449,"package":11,"icon":27},"The rspeedy dev server","\u002Fguides\u002Frspeedy-dev-server","8.guides\u002F7.rspeedy-dev-server",{"title":451,"path":452,"stem":453,"package":11,"icon":454},"Tailwind on Lynx","\u002Fguides\u002Ftailwind-on-lynx","8.guides\u002F8.tailwind-on-lynx","i-lucide-wind",{"title":456,"path":457,"stem":458,"package":11,"icon":459},"Theming on Lynx","\u002Fguides\u002Ftheming-on-lynx","8.guides\u002F9.theming-on-lynx","i-lucide-paintbrush",{"id":461,"title":60,"body":462,"description":1537,"extension":1538,"links":1539,"meta":1545,"navigation":1546,"package":63,"path":61,"seo":1547,"stem":62,"__hash__":1548},"docs\u002F3.components\u002Faccordion.md",{"type":463,"value":464,"toc":1514},"minimark",[465,470,481,486,490,500,502,507,518,521,525,531,534,538,544,547,551,569,924,928,1008,1012,1174,1178,1181,1185,1188,1192,1195,1199,1205,1208,1214,1222,1225,1228,1280,1287,1289,1295,1297,1301,1312,1425,1436,1439,1453,1457,1483,1487,1510],[466,467,469],"h2",{"id":468},"overview","Overview",[471,472,473,477,478,480],"p",{},[474,475,476],"code",{},"VyAccordion"," renders a collection of expandable items on top of the ",[474,479,41],{}," accordion primitives. It supports controlled and uncontrolled state, single or multiple selection, disabled items, static content, and per-item named slots.",[482,483],"component-code",{"name":484,"height":485},"accordion-example","360px",[466,487,489],{"id":488},"usage","Usage",[471,491,492,493,495,496,499],{},"Import the component from ",[474,494,46],{}," and pass an ",[474,497,498],{},"items"," array. Each example below renders the real component live.",[482,501],{"name":484},[503,504,506],"h3",{"id":505},"multiple-open-items","Multiple open items",[471,508,509,510,513,514,517],{},"Set ",[474,511,512],{},"type=\"multiple\""," and bind an array with ",[474,515,516],{},"v-model",".",[482,519],{"name":520},"accordion-multiple",[503,522,524],{"id":523},"disabled-items","Disabled items",[471,526,509,527,530],{},[474,528,529],{},"disabled"," on an item to prevent it from opening.",[482,532],{"name":533},"accordion-disabled",[503,535,537],{"id":536},"controlled-value","Controlled value",[471,539,540,541,543],{},"Bind ",[474,542,516],{}," to drive the open item from outside the component.",[482,545],{"name":546},"accordion-controlled",[503,548,550],{"id":549},"custom-item-content","Custom item content",[471,552,553,554,557,558,561,562,565,566,517],{},"Use ",[474,555,556],{},"item.slot"," to select a named slot for one item. Every item slot receives ",[474,559,560],{},"item",", ",[474,563,564],{},"index",", and ",[474,567,568],{},"open",[570,571,576],"pre",{"className":572,"code":573,"language":574,"meta":575,"style":575},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { VyAccordion } from '@vyui\u002Fkit\u002Faccordion'\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","",[474,577,578,613,642,649,663,714,759,765,775,780,790,811,841,864,885,895,905,915],{"__ignoreMap":575},[579,580,583,587,591,595,598,601,604,608,610],"span",{"class":581,"line":582},"line",1,[579,584,586],{"class":585},"sMK4o","\u003C",[579,588,590],{"class":589},"swJcz","script",[579,592,594],{"class":593},"spNyl"," setup",[579,596,597],{"class":593}," lang",[579,599,600],{"class":585},"=",[579,602,603],{"class":585},"\"",[579,605,607],{"class":606},"sfazB","ts",[579,609,603],{"class":585},[579,611,612],{"class":585},">\n",[579,614,616,620,623,627,630,633,636,639],{"class":581,"line":615},2,[579,617,619],{"class":618},"s7zQu","import",[579,621,622],{"class":585}," {",[579,624,626],{"class":625},"sTEyZ"," VyAccordion",[579,628,629],{"class":585}," }",[579,631,632],{"class":618}," from",[579,634,635],{"class":585}," '",[579,637,638],{"class":606},"@vyui\u002Fkit\u002Faccordion",[579,640,641],{"class":585},"'\n",[579,643,645],{"class":581,"line":644},3,[579,646,648],{"emptyLinePlaceholder":647},true,"\n",[579,650,652,655,658,660],{"class":581,"line":651},4,[579,653,654],{"class":593},"const",[579,656,657],{"class":625}," items ",[579,659,600],{"class":585},[579,661,662],{"class":625}," [\n",[579,664,666,669,672,675,677,680,683,686,689,691,693,696,698,700,703,705,707,709,711],{"class":581,"line":665},5,[579,667,668],{"class":585},"  {",[579,670,671],{"class":589}," value",[579,673,674],{"class":585},":",[579,676,635],{"class":585},[579,678,679],{"class":606},"profile",[579,681,682],{"class":585},"'",[579,684,685],{"class":585},",",[579,687,688],{"class":589}," label",[579,690,674],{"class":585},[579,692,635],{"class":585},[579,694,695],{"class":606},"Profile",[579,697,682],{"class":585},[579,699,685],{"class":585},[579,701,702],{"class":589}," slot",[579,704,674],{"class":585},[579,706,635],{"class":585},[579,708,679],{"class":606},[579,710,682],{"class":585},[579,712,713],{"class":585}," },\n",[579,715,717,719,721,723,725,728,730,732,734,736,738,741,743,745,748,750,752,755,757],{"class":581,"line":716},6,[579,718,668],{"class":585},[579,720,671],{"class":589},[579,722,674],{"class":585},[579,724,635],{"class":585},[579,726,727],{"class":606},"help",[579,729,682],{"class":585},[579,731,685],{"class":585},[579,733,688],{"class":589},[579,735,674],{"class":585},[579,737,635],{"class":585},[579,739,740],{"class":606},"Help",[579,742,682],{"class":585},[579,744,685],{"class":585},[579,746,747],{"class":589}," content",[579,749,674],{"class":585},[579,751,635],{"class":585},[579,753,754],{"class":606},"Contact support@example.com.",[579,756,682],{"class":585},[579,758,713],{"class":585},[579,760,762],{"class":581,"line":761},7,[579,763,764],{"class":625},"]\n",[579,766,768,771,773],{"class":581,"line":767},8,[579,769,770],{"class":585},"\u003C\u002F",[579,772,590],{"class":589},[579,774,612],{"class":585},[579,776,778],{"class":581,"line":777},9,[579,779,648],{"emptyLinePlaceholder":647},[579,781,783,785,788],{"class":581,"line":782},10,[579,784,586],{"class":585},[579,786,787],{"class":589},"template",[579,789,612],{"class":585},[579,791,793,796,798,801,803,805,807,809],{"class":581,"line":792},11,[579,794,795],{"class":585},"  \u003C",[579,797,476],{"class":589},[579,799,800],{"class":593}," :items",[579,802,600],{"class":585},[579,804,603],{"class":585},[579,806,498],{"class":606},[579,808,603],{"class":585},[579,810,612],{"class":585},[579,812,814,817,819,822,824,826,828,831,834,837,839],{"class":581,"line":813},12,[579,815,816],{"class":585},"    \u003C",[579,818,787],{"class":589},[579,820,821],{"class":585}," #",[579,823,679],{"class":593},[579,825,600],{"class":585},[579,827,603],{"class":585},[579,829,830],{"class":585},"{",[579,832,833],{"class":625}," open ",[579,835,836],{"class":585},"}",[579,838,603],{"class":585},[579,840,612],{"class":585},[579,842,844,847,850,853,855,857,860,862],{"class":581,"line":843},13,[579,845,846],{"class":585},"      \u003C",[579,848,849],{"class":589},"view",[579,851,852],{"class":593}," class",[579,854,600],{"class":585},[579,856,603],{"class":585},[579,858,859],{"class":606},"p-4",[579,861,603],{"class":585},[579,863,612],{"class":585},[579,865,867,870,873,876,879,881,883],{"class":581,"line":866},14,[579,868,869],{"class":585},"        \u003C",[579,871,872],{"class":589},"text",[579,874,875],{"class":585},">",[579,877,878],{"class":625},"{{ open ? 'Profile settings are open.' : '' }}",[579,880,770],{"class":585},[579,882,872],{"class":589},[579,884,612],{"class":585},[579,886,888,891,893],{"class":581,"line":887},15,[579,889,890],{"class":585},"      \u003C\u002F",[579,892,849],{"class":589},[579,894,612],{"class":585},[579,896,898,901,903],{"class":581,"line":897},16,[579,899,900],{"class":585},"    \u003C\u002F",[579,902,787],{"class":589},[579,904,612],{"class":585},[579,906,908,911,913],{"class":581,"line":907},17,[579,909,910],{"class":585},"  \u003C\u002F",[579,912,476],{"class":589},[579,914,612],{"class":585},[579,916,918,920,922],{"class":581,"line":917},18,[579,919,770],{"class":585},[579,921,787],{"class":589},[579,923,612],{"class":585},[466,925,927],{"id":926},"features-and-behavior","Features and behavior",[929,930,931,941,952,962,969,986,1000],"ul",{},[932,933,934,937,938,940],"li",{},[474,935,936],{},"type=\"single\""," allows one open item and is the default. ",[474,939,512],{}," allows several.",[932,942,943,944,947,948,951],{},"In single mode, ",[474,945,946],{},"collapsible"," defaults to ",[474,949,950],{},"true",", so the current item can be closed.",[932,953,954,957,958,961],{},[474,955,956],{},"modelValue"," controls the open item or items; ",[474,959,960],{},"defaultValue"," initializes uncontrolled state.",[932,963,964,965,968],{},"An item uses its ",[474,966,967],{},"value"," as its identity, falling back to its zero-based index converted to a string.",[932,970,971,974,975,978,979,982,983,517],{},[474,972,973],{},"item.trailingIcon"," overrides the component-level ",[474,976,977],{},"trailingIcon",". The final fallback is ",[474,980,981],{},"appConfig.ui.icons.chevronDown",", then ",[474,984,985],{},"i-lucide-chevron-down",[932,987,988,989,992,993,995,996,999],{},"Content is only created when an item has ",[474,990,991],{},"content",", a matching named slot, the ",[474,994,991],{}," slot, or the ",[474,997,998],{},"body"," slot.",[932,1001,1002,947,1005,1007],{},[474,1003,1004],{},"unmountOnHide",[474,1006,950],{},", removing closed content from the rendered tree.",[503,1009,1011],{"id":1010},"accordion-item","Accordion item",[1013,1014,1015,1034],"table",{},[1016,1017,1018],"thead",{},[1019,1020,1021,1025,1028,1031],"tr",{},[1022,1023,1024],"th",{},"Field",[1022,1026,1027],{},"Type",[1022,1029,1030],{},"Default",[1022,1032,1033],{},"Description",[1035,1036,1037,1056,1072,1088,1107,1122,1138,1157],"tbody",{},[1019,1038,1039,1045,1050,1053],{},[1040,1041,1042],"td",{},[474,1043,1044],{},"label",[1040,1046,1047],{},[474,1048,1049],{},"string",[1040,1051,1052],{},"—",[1040,1054,1055],{},"Text displayed in the trigger.",[1019,1057,1058,1063,1067,1069],{},[1040,1059,1060],{},[474,1061,1062],{},"icon",[1040,1064,1065],{},[474,1066,1049],{},[1040,1068,1052],{},[1040,1070,1071],{},"Leading Iconify icon name.",[1019,1073,1074,1078,1082,1085],{},[1040,1075,1076],{},[474,1077,977],{},[1040,1079,1080],{},[474,1081,1049],{},[1040,1083,1084],{},"Inherited",[1040,1086,1087],{},"Per-item toggle icon.",[1019,1089,1090,1095,1099,1104],{},[1040,1091,1092],{},[474,1093,1094],{},"slot",[1040,1096,1097],{},[474,1098,1049],{},[1040,1100,1101],{},[474,1102,1103],{},"'content'",[1040,1105,1106],{},"Named slot used for this item's panel.",[1019,1108,1109,1113,1117,1119],{},[1040,1110,1111],{},[474,1112,991],{},[1040,1114,1115],{},[474,1116,1049],{},[1040,1118,1052],{},[1040,1120,1121],{},"Static panel text used when no slot replaces it.",[1019,1123,1124,1128,1132,1135],{},[1040,1125,1126],{},[474,1127,967],{},[1040,1129,1130],{},[474,1131,1049],{},[1040,1133,1134],{},"Item index",[1040,1136,1137],{},"Unique open-state value.",[1019,1139,1140,1144,1149,1154],{},[1040,1141,1142],{},[474,1143,529],{},[1040,1145,1146],{},[474,1147,1148],{},"boolean",[1040,1150,1151],{},[474,1152,1153],{},"false",[1040,1155,1156],{},"Prevents interaction with this item.",[1019,1158,1159,1164,1169,1171],{},[1040,1160,1161],{},[474,1162,1163],{},"[key: string]",[1040,1165,1166],{},[474,1167,1168],{},"any",[1040,1170,1052],{},[1040,1172,1173],{},"Additional application data forwarded in slot props.",[466,1175,1177],{"id":1176},"api","API",[471,1179,1180],{},"These tables are generated directly from the component source.",[503,1182,1184],{"id":1183},"props","Props",[1186,1187],"component-props",{"name":60},[503,1189,1191],{"id":1190},"emits","Emits",[1193,1194],"component-emits",{"name":60},[503,1196,1198],{"id":1197},"slots","Slots",[471,1200,1201,1202,517],{},"All item slots receive ",[474,1203,1204],{},"{ item: AccordionItem, index: number, open: boolean }",[1206,1207],"component-slots",{"name":60},[466,1209,1211,1212],{"id":1210},"built-on-vyuicore","Built on ",[474,1213,41],{},[471,1215,1216,1218,1219,1221],{},[474,1217,476],{}," composes the headless ",[474,1220,41],{}," accordion primitives. Use them directly when you need full control over markup and styling.",[482,1223],{"name":1224},"accordion-anatomy",[471,1226,1227],{},"The primitive anatomy is:",[570,1229,1231],{"className":572,"code":1230,"language":574,"meta":575,"style":575},"\u003CAccordionRoot>\n  \u003CAccordionItem value=\"...\">\n    \u003CAccordionHeader>\n      \u003CAccordionTrigger \u002F>\n    \u003C\u002FAccordionHeader>\n    \u003CAccordionContent \u002F>\n  \u003C\u002FAccordionItem>\n\u003C\u002FAccordionRoot>\n",[474,1232,1233,1242,1247,1252,1257,1262,1267,1272],{"__ignoreMap":575},[579,1234,1235,1237,1240],{"class":581,"line":582},[579,1236,586],{"class":585},[579,1238,1239],{"class":589},"AccordionRoot",[579,1241,612],{"class":585},[579,1243,1244],{"class":581,"line":615},[579,1245,1246],{"class":625},"  \u003CAccordionItem value=\"...\">\n",[579,1248,1249],{"class":581,"line":644},[579,1250,1251],{"class":625},"    \u003CAccordionHeader>\n",[579,1253,1254],{"class":581,"line":651},[579,1255,1256],{"class":625},"      \u003CAccordionTrigger \u002F>\n",[579,1258,1259],{"class":581,"line":665},[579,1260,1261],{"class":625},"    \u003C\u002FAccordionHeader>\n",[579,1263,1264],{"class":581,"line":716},[579,1265,1266],{"class":625},"    \u003CAccordionContent \u002F>\n",[579,1268,1269],{"class":581,"line":761},[579,1270,1271],{"class":625},"  \u003C\u002FAccordionItem>\n",[579,1273,1274,1276,1278],{"class":581,"line":767},[579,1275,770],{"class":585},[579,1277,1239],{"class":589},[579,1279,612],{"class":585},[1281,1282,1284,1286],"h4",{"id":1283},"accordionroot-props",[474,1285,1239],{}," props",[1186,1288],{"name":1239},[1281,1290,1292,1286],{"id":1291},"accordionitem-props",[474,1293,1294],{},"AccordionItem",[1186,1296],{"name":1294},[466,1298,1300],{"id":1299},"styling-and-theming","Styling and theming",[471,1302,1303,1304,1307,1308,1311],{},"Override the component globally through ",[474,1305,1306],{},"appConfig.ui.accordion"," or locally with ",[474,1309,1310],{},"ui",". The actual theme slots are:",[1013,1313,1314,1324],{},[1016,1315,1316],{},[1019,1317,1318,1321],{},[1022,1319,1320],{},"UI slot",[1022,1322,1323],{},"Purpose",[1035,1325,1326,1336,1345,1355,1365,1374,1383,1397,1407,1416],{},[1019,1327,1328,1333],{},[1040,1329,1330],{},[474,1331,1332],{},"root",[1040,1334,1335],{},"Accordion root container.",[1019,1337,1338,1342],{},[1040,1339,1340],{},[474,1341,560],{},[1040,1343,1344],{},"Item wrapper and divider.",[1019,1346,1347,1352],{},[1040,1348,1349],{},[474,1350,1351],{},"header",[1040,1353,1354],{},"Header layout around the trigger.",[1019,1356,1357,1362],{},[1040,1358,1359],{},[474,1360,1361],{},"trigger",[1040,1363,1364],{},"Interactive trigger row.",[1019,1366,1367,1371],{},[1040,1368,1369],{},[474,1370,991],{},[1040,1372,1373],{},"Collapsible panel wrapper.",[1019,1375,1376,1380],{},[1040,1377,1378],{},[474,1379,998],{},[1040,1381,1382],{},"Inner body layout.",[1019,1384,1385,1390],{},[1040,1386,1387],{},[474,1388,1389],{},"bodyText",[1040,1391,1392,1393,1396],{},"Static ",[474,1394,1395],{},"item.content"," text.",[1019,1398,1399,1404],{},[1040,1400,1401],{},[474,1402,1403],{},"leadingIcon",[1040,1405,1406],{},"Built-in leading icon.",[1019,1408,1409,1413],{},[1040,1410,1411],{},[474,1412,977],{},[1040,1414,1415],{},"Toggle icon, including open-state rotation.",[1019,1417,1418,1422],{},[1040,1419,1420],{},[474,1421,1044],{},[1040,1423,1424],{},"Trigger label text.",[471,1426,1427,1428,1430,1431,1435],{},"The only theme variant is ",[474,1429,529],{},", 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 ",[1432,1433,1434],"a",{"href":319},"Theming → Dark Mode","), and uses a simple transition instead of named web accordion keyframes.",[466,1437,328],{"id":1438},"accessibility",[471,1440,1441,1442,1445,1446,1449,1450,1452],{},"The core trigger exposes native Lynx button semantics and announces ",[474,1443,1444],{},"collapsed"," or ",[474,1447,1448],{},"expanded",". Disabled triggers are announced as disabled. Keep each ",[474,1451,1044],{}," or custom default slot descriptive, and do not put unrelated interactive controls inside a trigger.",[466,1454,1456],{"id":1455},"platform-notes","Platform notes",[929,1458,1459,1470,1477],{},[932,1460,1461,1462,1465,1466,1469],{},"Built for Vue on Lynx; use native ",[474,1463,1464],{},"accessibility-*"," behavior rather than web-only ",[474,1467,1468],{},"aria-*"," assumptions.",[932,1471,1472,1473,1476],{},"The trailing icon rotates through the ",[474,1474,1475],{},"group-ui-open"," state class.",[932,1478,1479,1480,1482],{},"When CSS inheritance is disabled, static content color is applied directly to the nested ",[474,1481,1389],{}," element.",[466,1484,1486],{"id":1485},"related-components","Related components",[929,1488,1489,1497,1505],{},[932,1490,1491,1496],{},[1432,1492,1493],{"href":67},[474,1494,1495],{},"ActionSheet"," for a temporary list of actions.",[932,1498,1499,1501,1502,1504],{},[474,1500,121],{}," in ",[474,1503,41],{}," for one headless disclosure region.",[932,1506,1507,1509],{},[474,1508,277],{}," for switching between persistent peer panels.",[1511,1512,1513],"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":575,"searchDepth":582,"depth":615,"links":1515},[1516,1517,1523,1526,1531,1533,1534,1535,1536],{"id":468,"depth":615,"text":469},{"id":488,"depth":615,"text":489,"children":1518},[1519,1520,1521,1522],{"id":505,"depth":644,"text":506},{"id":523,"depth":644,"text":524},{"id":536,"depth":644,"text":537},{"id":549,"depth":644,"text":550},{"id":926,"depth":615,"text":927,"children":1524},[1525],{"id":1010,"depth":644,"text":1011},{"id":1176,"depth":615,"text":1177,"children":1527},[1528,1529,1530],{"id":1183,"depth":644,"text":1184},{"id":1190,"depth":644,"text":1191},{"id":1197,"depth":644,"text":1198},{"id":1210,"depth":615,"text":1532},"Built on @vyui\u002Fcore",{"id":1299,"depth":615,"text":1300},{"id":1438,"depth":615,"text":328},{"id":1455,"depth":615,"text":1456},{"id":1485,"depth":615,"text":1486},"Display collapsible sections with single or multiple open items.","md",[1540],{"label":1541,"icon":1542,"to":1543,"target":1544},"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":1537},"0S8yZq_pkF-mt7GZ2rC_A7L0ZwL1NCiK778_HcVAwTI",[1550,1552],{"title":52,"path":54,"stem":58,"description":1551,"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":1553,"icon":-1,"children":-1,"navigation":-1},"Present a mobile bottom sheet containing grouped actions.",1785060114687]