[{"data":1,"prerenderedAt":766},["ShallowReactive",2],{"i-ph:magnifying-glass":3,"i-ph:circle":8,"i-ph:moon":10,"i-ph:github-logo":12,"i-ph:brackets-curly":14,"i-ph:file-css":16,"i-ph:rectangle-dashed":18,"i-ph:arrow-left":20,"i-ph:arrow-right":22,"components-accordion":24,"i-ph:caret-down":764},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"m229.66 218.34l-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32M40 112a72 72 0 1 1 72 72a72.08 72.08 0 0 1-72-72\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88a88.1 88.1 0 0 1-88 88\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"M233.54 142.23a8 8 0 0 0-8-2a88.08 88.08 0 0 1-109.8-109.8a8 8 0 0 0-10-10a104.84 104.84 0 0 0-52.91 37A104 104 0 0 0 136 224a103.1 103.1 0 0 0 62.52-20.88a104.84 104.84 0 0 0 37-52.91a8 8 0 0 0-1.98-7.98m-44.64 48.11A88 88 0 0 1 65.66 67.11a89 89 0 0 1 31.4-26A106 106 0 0 0 96 56a104.11 104.11 0 0 0 104 104a106 106 0 0 0 14.92-1.06a89 89 0 0 1-26.02 31.4\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"currentColor\" d=\"M208.31 75.68A59.78 59.78 0 0 0 202.93 28a8 8 0 0 0-6.93-4a59.75 59.75 0 0 0-48 24h-24a59.75 59.75 0 0 0-48-24a8 8 0 0 0-6.93 4a59.78 59.78 0 0 0-5.38 47.68A58.14 58.14 0 0 0 56 104v8a56.06 56.06 0 0 0 48.44 55.47A39.8 39.8 0 0 0 96 192v8H72a24 24 0 0 1-24-24a40 40 0 0 0-40-40a8 8 0 0 0 0 16a24 24 0 0 1 24 24a40 40 0 0 0 40 40h24v16a8 8 0 0 0 16 0v-40a24 24 0 0 1 48 0v40a8 8 0 0 0 16 0v-40a39.8 39.8 0 0 0-8.44-24.53A56.06 56.06 0 0 0 216 112v-8a58.14 58.14 0 0 0-7.69-28.32M200 112a40 40 0 0 1-40 40h-48a40 40 0 0 1-40-40v-8a41.74 41.74 0 0 1 6.9-22.48a8 8 0 0 0 1.1-7.69a43.8 43.8 0 0 1 .79-33.58a43.88 43.88 0 0 1 32.32 20.06a8 8 0 0 0 6.71 3.69h32.35a8 8 0 0 0 6.74-3.69a43.87 43.87 0 0 1 32.32-20.06a43.8 43.8 0 0 1 .77 33.58a8.09 8.09 0 0 0 1 7.65a41.7 41.7 0 0 1 7 22.52Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"currentColor\" d=\"M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74c0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26c-4.8-9.9-4.8-22-4.8-33.74c0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36c0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36c0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36c0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36c0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26a29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74c0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26c4.8-9.9 4.8-22 4.8-33.74c0-24.31 1-36 24-36a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M48 180c0 11 7.18 20 16 20a14.24 14.24 0 0 0 10.22-4.66a8 8 0 1 1 11.55 11.06A30 30 0 0 1 64 216c-17.65 0-32-16.15-32-36s14.35-36 32-36a30 30 0 0 1 21.77 9.6a8 8 0 1 1-11.55 11.06A14.24 14.24 0 0 0 64 160c-8.82 0-16 9-16 20m79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84c-1.26-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.83-.56a8 8 0 0 0 4.07-15.48c-2.12-.55-21-5.22-32.83 2.76a20.55 20.55 0 0 0-9 14.95c-2 15.88 13.64 20.41 23 23.11c12.07 3.49 13.13 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.14 3.93c-4.6 3.06-15.17 1.56-19.55.36a8 8 0 0 0-4.3 15.41a61.2 61.2 0 0 0 15.18 2c5.83 0 12.3-1 17.49-4.46a20.82 20.82 0 0 0 9.19-15.23c2.25-17.28-14.27-22.11-24.15-24.97m64 0c-4-1.16-8.14-2.35-10.45-3.84c-1.25-.81-1.23-1-1.12-1.9a4.54 4.54 0 0 1 2-3.67c4.6-3.12 15.34-1.73 19.82-.56a8 8 0 0 0 4.07-15.48c-2.11-.55-21-5.22-32.83 2.76a20.58 20.58 0 0 0-8.95 14.95c-2 15.88 13.65 20.41 23 23.11c12.06 3.49 13.12 4.92 12.78 7.59c-.31 2.41-1.26 3.34-2.15 3.93c-4.6 3.06-15.16 1.56-19.54.36a8 8 0 0 0-4.3 15.44a61.3 61.3 0 0 0 15.19 2c5.82 0 12.3-1 17.49-4.46a20.81 20.81 0 0 0 9.18-15.23c2.21-17.31-14.31-22.14-24.2-25ZM40 112V40a16 16 0 0 1 16-16h96a8 8 0 0 1 5.66 2.34l56 56A8 8 0 0 1 216 88v24a8 8 0 1 1-16 0V96h-48a8 8 0 0 1-8-8V40H56v72a8 8 0 0 1-16 0m120-32h28.68L160 51.31Z\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cpath fill=\"currentColor\" d=\"M80 48a8 8 0 0 1-8 8H40v16a8 8 0 0 1-16 0V56a16 16 0 0 1 16-16h32a8 8 0 0 1 8 8M32 152a8 8 0 0 0 8-8v-32a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8m40 48H40v-16a8 8 0 0 0-16 0v16a16 16 0 0 0 16 16h32a8 8 0 0 0 0-16m72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16m80-24a8 8 0 0 0-8 8v16h-32a8 8 0 0 0 0 16h32a16 16 0 0 0 16-16v-16a8 8 0 0 0-8-8m0-72a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-8-64h-32a8 8 0 0 0 0 16h32v16a8 8 0 0 0 16 0V56a16 16 0 0 0-16-16m-72 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"currentColor\" d=\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8\"/>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23},"\u003Cpath fill=\"currentColor\" d=\"m221.66 133.66l-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32\"/>",{"id":25,"title":26,"body":27,"description":757,"extension":758,"meta":759,"navigation":121,"path":760,"seo":761,"stem":762,"__hash__":763},"docs/docs/components/accordion.md","Accordion",{"type":28,"value":29,"toc":750},"minimark",[30,34,44,212,217,316,320,358,362,415,418,425,496,500,503,746],[31,32,26],"h1",{"id":33},"accordion",[35,36,37,38,43],"p",{},"An accordion is an interactive heading that reveals an associated section of content when clicked. It can be grouped together with multiple accordions using the ",[39,40,42],"a",{"href":41},"/docs/components/accordion-group","AccordionGroup"," component.",[45,46,47],"accordion-example",{},[48,49,54],"pre",{"className":50,"code":51,"language":52,"meta":53,"style":53},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { Accordion } from '@dolanske/vui'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CAccordion label=\"About Vui\" card class=\"mb-xs\">\n    \u003Cp>Vui is a vu3 component library\u003C/p>\n  \u003C/Accordion>\n\u003C/template>\n","vue","",[55,56,57,77,106,116,123,133,172,193,203],"code",{"__ignoreMap":53},[58,59,62,66,70,74],"span",{"class":60,"line":61},"line",1,[58,63,65],{"class":64},"sP76a","\u003C",[58,67,69],{"class":68},"sKpE2","script",[58,71,73],{"class":72},"sflEz"," setup",[58,75,76],{"class":64},">\n",[58,78,80,83,86,89,92,95,99,103],{"class":60,"line":79},2,[58,81,82],{"class":68},"import",[58,84,85],{"class":64}," {",[58,87,88],{"class":72}," Accordion",[58,90,91],{"class":64}," }",[58,93,94],{"class":68}," from",[58,96,98],{"class":97},"sBR95"," '",[58,100,102],{"class":101},"sfmH-","@dolanske/vui",[58,104,105],{"class":97},"'\n",[58,107,109,112,114],{"class":60,"line":108},3,[58,110,111],{"class":64},"\u003C/",[58,113,69],{"class":68},[58,115,76],{"class":64},[58,117,119],{"class":60,"line":118},4,[58,120,122],{"emptyLinePlaceholder":121},true,"\n",[58,124,126,128,131],{"class":60,"line":125},5,[58,127,65],{"class":64},[58,129,130],{"class":68},"template",[58,132,76],{"class":64},[58,134,136,139,141,144,147,150,153,155,158,161,163,165,168,170],{"class":60,"line":135},6,[58,137,138],{"class":64},"  \u003C",[58,140,26],{"class":68},[58,142,143],{"class":72}," label",[58,145,146],{"class":64},"=",[58,148,149],{"class":97},"\"",[58,151,152],{"class":101},"About Vui",[58,154,149],{"class":97},[58,156,157],{"class":72}," card",[58,159,160],{"class":72}," class",[58,162,146],{"class":64},[58,164,149],{"class":97},[58,166,167],{"class":101},"mb-xs",[58,169,149],{"class":97},[58,171,76],{"class":64},[58,173,175,178,180,183,187,189,191],{"class":60,"line":174},7,[58,176,177],{"class":64},"    \u003C",[58,179,35],{"class":68},[58,181,182],{"class":64},">",[58,184,186],{"class":185},"sX1ls","Vui is a vu3 component library",[58,188,111],{"class":64},[58,190,35],{"class":68},[58,192,76],{"class":64},[58,194,196,199,201],{"class":60,"line":195},8,[58,197,198],{"class":64},"  \u003C/",[58,200,26],{"class":68},[58,202,76],{"class":64},[58,204,206,208,210],{"class":60,"line":205},9,[58,207,111],{"class":64},[58,209,130],{"class":68},[58,211,76],{"class":64},[213,214,216],"h3",{"id":215},"props","Props",[218,219,220,236],"table",{},[221,222,223],"thead",{},[224,225,226,230,233],"tr",{},[227,228,229],"th",{},"Name",[227,231,232],{},"Default",[227,234,235],{},"Type",[237,238,239,260,277,297],"tbody",{},[224,240,241,247,250],{},[242,243,244],"td",{},[55,245,246],{},"open",[242,248,249],{},"—",[242,251,252,255,256,259],{},[55,253,254],{},"boolean"," ",[257,258],"br",{}," Controls whether the accordion is open from the outside",[224,261,262,267,269],{},[242,263,264],{},[55,265,266],{},"label",[242,268,249],{},[242,270,271,255,274,276],{},[55,272,273],{},"string",[257,275],{}," If provided, the accordion will display the text in the header",[224,278,279,284,286],{},[242,280,281],{},[55,282,283],{},"card",[242,285,249],{},[242,287,288,255,290,292,293],{},[55,289,254],{},[257,291],{}," If set as true, the accordion will look like the ",[39,294,296],{"href":295},"/docs/components/card","card component",[224,298,299,304,309],{},[242,300,301],{},[55,302,303],{},"unstyled",[242,305,306],{},[55,307,308],{},"false",[242,310,311,255,313,315],{},[55,312,254],{},[257,314],{}," Removes default styling and allows fully custom trigger/content styling",[213,317,319],{"id":318},"events","Events",[218,321,322,333],{},[221,323,324],{},[224,325,326,328,331],{},[227,327,229],{},[227,329,330],{},"Payload",[227,332,235],{},[237,334,335,346],{},[224,336,337,341,343],{},[242,338,339],{},[55,340,246],{},[242,342,249],{},[242,344,345],{},"Called whenever the accordion opens",[224,347,348,353,355],{},[242,349,350],{},[55,351,352],{},"close",[242,354,249],{},[242,356,357],{},"Called when the accordion closes",[213,359,361],{"id":360},"slots","Slots",[218,363,364,376],{},[221,365,366],{},[224,367,368,370,373],{},[227,369,229],{},[227,371,372],{},"Accepts",[227,374,375],{},"Description",[237,377,378,393],{},[224,379,380,385,390],{},[242,381,382],{},[55,383,384],{},"default",[242,386,387],{},[55,388,389],{},"any",[242,391,392],{},"The content inside the accordion",[224,394,395,400,404],{},[242,396,397],{},[55,398,399],{},"trigger",[242,401,402],{},[55,403,389],{},[242,405,406,407,409,410,414],{},"Allows user to define custom header which opens the accordion when clicked. It will replace the ",[55,408,266],{}," prop if provided. This slot also exposes all the properties defined in the ",[39,411,413],{"href":412},"#exposes","Exposes"," section",[213,416,413],{"id":417},"exposes",[35,419,420,421,424],{},"When queries via ",[55,422,423],{},"useTemplateRef",", this component exposes",[218,426,427,438],{},[221,428,429],{},[224,430,431,433,435],{},[227,432,229],{},[227,434,235],{},[227,436,437],{},"Usage",[237,439,440,454,467,481],{},[224,441,442,446,451],{},[242,443,444],{},[55,445,246],{},[242,447,448],{},[55,449,450],{},"method",[242,452,453],{},"When called, the accordion will open",[224,455,456,460,464],{},[242,457,458],{},[55,459,352],{},[242,461,462],{},[55,463,450],{},[242,465,466],{},"When called, the accordion will close",[224,468,469,474,478],{},[242,470,471],{},[55,472,473],{},"toggle",[242,475,476],{},[55,477,450],{},[242,479,480],{},"Toggles between opened and closed state",[224,482,483,488,493],{},[242,484,485],{},[55,486,487],{},"isOpen",[242,489,490],{},[55,491,492],{},"Ref\u003Cboolean",[242,494,495],{},"Ref which tracks whether the boolean is open or not",[213,497,499],{"id":498},"examples","Examples",[35,501,502],{},"The following example shows the implementation of an unstyled element with a custom header.",[504,505,506],"accordion-custom-header-example",{},[48,507,509],{"className":50,"code":508,"language":52,"meta":53,"style":53},"\u003Cscript setup>\nimport { Accordion, Button } from '@dolanske/vui'\n\u003C/script>\n\n\u003Ctemplate>\n  \u003CAccordion unstyled>\n    \u003Ctemplate #trigger=\"{ isOpen, toggle }\">\n      \u003CButton @click=\"toggle\">\n        Details\n        \u003CIconCaretUp v-if=\"isOpen\" />\n        \u003CIconCaretDown v-else />\n      \u003C/Button>\n    \u003C/template>\n    \u003Cp class=\"m-0\">\n      Vui provides a lot of customization.\n    \u003C/p>\n  \u003C/Accordion>\n\u003C/template>\n",[55,510,511,521,545,553,557,565,576,608,632,637,660,673,683,693,713,719,728,737],{"__ignoreMap":53},[58,512,513,515,517,519],{"class":60,"line":61},[58,514,65],{"class":64},[58,516,69],{"class":68},[58,518,73],{"class":72},[58,520,76],{"class":64},[58,522,523,525,527,529,532,535,537,539,541,543],{"class":60,"line":79},[58,524,82],{"class":68},[58,526,85],{"class":64},[58,528,88],{"class":72},[58,530,531],{"class":64},",",[58,533,534],{"class":72}," Button",[58,536,91],{"class":64},[58,538,94],{"class":68},[58,540,98],{"class":97},[58,542,102],{"class":101},[58,544,105],{"class":97},[58,546,547,549,551],{"class":60,"line":108},[58,548,111],{"class":64},[58,550,69],{"class":68},[58,552,76],{"class":64},[58,554,555],{"class":60,"line":118},[58,556,122],{"emptyLinePlaceholder":121},[58,558,559,561,563],{"class":60,"line":125},[58,560,65],{"class":64},[58,562,130],{"class":68},[58,564,76],{"class":64},[58,566,567,569,571,574],{"class":60,"line":135},[58,568,138],{"class":64},[58,570,26],{"class":68},[58,572,573],{"class":72}," unstyled",[58,575,76],{"class":64},[58,577,578,580,582,585,588,590,592,595,597,600,602,604,606],{"class":60,"line":174},[58,579,177],{"class":64},[58,581,130],{"class":68},[58,583,584],{"class":64}," #",[58,586,399],{"class":587},"sRTv0",[58,589,146],{"class":64},[58,591,149],{"class":64},[58,593,594],{"class":64},"{ ",[58,596,487],{"class":72},[58,598,599],{"class":64},", ",[58,601,473],{"class":72},[58,603,91],{"class":64},[58,605,149],{"class":64},[58,607,76],{"class":64},[58,609,610,613,616,619,622,624,626,628,630],{"class":60,"line":195},[58,611,612],{"class":64},"      \u003C",[58,614,615],{"class":68},"Button",[58,617,618],{"class":64}," @",[58,620,621],{"class":587},"click",[58,623,146],{"class":64},[58,625,149],{"class":64},[58,627,473],{"class":72},[58,629,149],{"class":64},[58,631,76],{"class":64},[58,633,634],{"class":60,"line":205},[58,635,636],{"class":185},"        Details\n",[58,638,640,643,646,649,651,653,655,657],{"class":60,"line":639},10,[58,641,642],{"class":64},"        \u003C",[58,644,645],{"class":68},"IconCaretUp",[58,647,648],{"class":68}," v-if",[58,650,146],{"class":64},[58,652,149],{"class":64},[58,654,487],{"class":72},[58,656,149],{"class":64},[58,658,659],{"class":64}," />\n",[58,661,663,665,668,671],{"class":60,"line":662},11,[58,664,642],{"class":64},[58,666,667],{"class":68},"IconCaretDown",[58,669,670],{"class":68}," v-else",[58,672,659],{"class":64},[58,674,676,679,681],{"class":60,"line":675},12,[58,677,678],{"class":64},"      \u003C/",[58,680,615],{"class":68},[58,682,76],{"class":64},[58,684,686,689,691],{"class":60,"line":685},13,[58,687,688],{"class":64},"    \u003C/",[58,690,130],{"class":68},[58,692,76],{"class":64},[58,694,696,698,700,702,704,706,709,711],{"class":60,"line":695},14,[58,697,177],{"class":64},[58,699,35],{"class":68},[58,701,160],{"class":72},[58,703,146],{"class":64},[58,705,149],{"class":97},[58,707,708],{"class":101},"m-0",[58,710,149],{"class":97},[58,712,76],{"class":64},[58,714,716],{"class":60,"line":715},15,[58,717,718],{"class":185},"      Vui provides a lot of customization.\n",[58,720,722,724,726],{"class":60,"line":721},16,[58,723,688],{"class":64},[58,725,35],{"class":68},[58,727,76],{"class":64},[58,729,731,733,735],{"class":60,"line":730},17,[58,732,198],{"class":64},[58,734,26],{"class":68},[58,736,76],{"class":64},[58,738,740,742,744],{"class":60,"line":739},18,[58,741,111],{"class":64},[58,743,130],{"class":68},[58,745,76],{"class":64},[747,748,749],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .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 pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}",{"title":53,"searchDepth":79,"depth":79,"links":751},[752,753,754,755,756],{"id":215,"depth":108,"text":216},{"id":318,"depth":108,"text":319},{"id":360,"depth":108,"text":361},{"id":417,"depth":108,"text":413},{"id":498,"depth":108,"text":499},"An accordion is an interactive heading that reveals an associated section of content when clicked. It can be grouped together with multiple accordions using the AccordionGroup component.","md",{},"/docs/components/accordion",{"title":26,"description":757},"docs/components/accordion","-sO_sdVzk-GYZQLZFIJuVFCbciicA56K97-6Rkmds1I",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":765},"\u003Cpath fill=\"currentColor\" d=\"m213.66 101.66l-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32\"/>",1777992279843]