[{"data":1,"prerenderedAt":959},["ShallowReactive",2],{"navigation_docs":3,"-colorffy-ui-components-accordion":273,"-colorffy-ui-components-accordion-surround":954},[4,21,115],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Colorffy CSS","i-lucide-palette","\u002Fcolorffy-css","2.colorffy-css",[27,32,37,42,78,99],{"title":28,"path":29,"stem":30,"icon":31},"Overview","\u002Fcolorffy-css\u002Foverview","2.colorffy-css\u002F1.overview","i-lucide-book-open",{"title":33,"path":34,"stem":35,"icon":36},"Color System","\u002Fcolorffy-css\u002Fcolor-system","2.colorffy-css\u002F2.color-system","i-lucide-droplet",{"title":38,"path":39,"stem":40,"icon":41},"Customization","\u002Fcolorffy-css\u002Fcustomization","2.colorffy-css\u002F3.customization","i-lucide-settings",{"title":43,"icon":44,"path":45,"stem":46,"children":47,"page":20},"Utilities","i-lucide-wrench","\u002Fcolorffy-css\u002Futilities","2.colorffy-css\u002F4.utilities",[48,53,58,63,68,73],{"title":49,"path":50,"stem":51,"icon":52},"Borders & Shadows","\u002Fcolorffy-css\u002Futilities\u002Fborders-shadows","2.colorffy-css\u002F4.utilities\u002F01.borders-shadows","i-lucide-frame",{"title":54,"path":55,"stem":56,"icon":57},"Colors & Gradients","\u002Fcolorffy-css\u002Futilities\u002Fcolors-gradients","2.colorffy-css\u002F4.utilities\u002F02.colors-gradients","i-lucide-paint-bucket",{"title":59,"path":60,"stem":61,"icon":62},"Display & Flexbox","\u002Fcolorffy-css\u002Futilities\u002Fdisplay-flexbox","2.colorffy-css\u002F4.utilities\u002F03.display-flexbox","i-lucide-stretch-horizontal",{"title":64,"path":65,"stem":66,"icon":67},"Effects","\u002Fcolorffy-css\u002Futilities\u002Feffects","2.colorffy-css\u002F4.utilities\u002F04.effects","i-lucide-wand-sparkles",{"title":69,"path":70,"stem":71,"icon":72},"Spacing","\u002Fcolorffy-css\u002Futilities\u002Fspacing","2.colorffy-css\u002F4.utilities\u002F05.spacing","i-lucide-ruler",{"title":74,"path":75,"stem":76,"icon":77},"Typography","\u002Fcolorffy-css\u002Futilities\u002Ftypography","2.colorffy-css\u002F4.utilities\u002F06.typography","i-lucide-type",{"title":79,"icon":80,"path":81,"stem":82,"children":83,"page":20},"Layout","i-lucide-layout-template","\u002Fcolorffy-css\u002Flayout","2.colorffy-css\u002F5.layout",[84,89,94],{"title":85,"path":86,"stem":87,"icon":88},"App Layout","\u002Fcolorffy-css\u002Flayout\u002Fapp-layout","2.colorffy-css\u002F5.layout\u002F01.app-layout","i-lucide-app-window",{"title":90,"path":91,"stem":92,"icon":93},"Flex Grid","\u002Fcolorffy-css\u002Flayout\u002Fflex-grid","2.colorffy-css\u002F5.layout\u002F02.flex-grid","i-lucide-columns-3",{"title":95,"path":96,"stem":97,"icon":98},"Grid","\u002Fcolorffy-css\u002Flayout\u002Fgrid","2.colorffy-css\u002F5.layout\u002F03.grid","i-lucide-grid-3x3",{"title":100,"icon":101,"path":102,"stem":103,"children":104,"page":20},"SCSS API","i-lucide-braces","\u002Fcolorffy-css\u002Fscss-api","2.colorffy-css\u002F6.scss-api",[105,110],{"title":106,"path":107,"stem":108,"icon":109},"Mixins","\u002Fcolorffy-css\u002Fscss-api\u002Fmixins","2.colorffy-css\u002F6.scss-api\u002F01.mixins","i-lucide-code",{"title":111,"path":112,"stem":113,"icon":114},"Tonal Tokens","\u002Fcolorffy-css\u002Fscss-api\u002Ftonal-tokens","2.colorffy-css\u002F6.scss-api\u002F02.tonal-tokens","i-lucide-swatch-book",{"title":116,"icon":117,"path":118,"stem":119,"children":120,"page":20},"Colorffy UI","i-lucide-blocks","\u002Fcolorffy-ui","3.colorffy-ui",[121,125,268],{"title":122,"path":123,"stem":124,"icon":31},"Usage","\u002Fcolorffy-ui\u002Fusage","3.colorffy-ui\u002F1.usage",{"title":126,"icon":127,"path":128,"stem":129,"children":130,"page":20},"Components","i-lucide-component","\u002Fcolorffy-ui\u002Fcomponents","3.colorffy-ui\u002F2.components",[131,135,140,145,150,155,160,165,170,175,180,185,190,195,200,204,209,214,218,223,228,233,238,243,248,253,258,263],{"title":28,"path":132,"stem":133,"icon":134},"\u002Fcolorffy-ui\u002Fcomponents\u002Foverview","3.colorffy-ui\u002F2.components\u002F00.overview","i-lucide-layout-grid",{"title":136,"path":137,"stem":138,"icon":139},"Accordion","\u002Fcolorffy-ui\u002Fcomponents\u002Faccordion","3.colorffy-ui\u002F2.components\u002F01.accordion","i-lucide-chevrons-down-up",{"title":141,"path":142,"stem":143,"icon":144},"Alert","\u002Fcolorffy-ui\u002Fcomponents\u002Falert","3.colorffy-ui\u002F2.components\u002F02.alert","i-lucide-triangle-alert",{"title":146,"path":147,"stem":148,"icon":149},"Avatar","\u002Fcolorffy-ui\u002Fcomponents\u002Favatar","3.colorffy-ui\u002F2.components\u002F03.avatar","i-lucide-circle-user",{"title":151,"path":152,"stem":153,"icon":154},"Badge","\u002Fcolorffy-ui\u002Fcomponents\u002Fbadge","3.colorffy-ui\u002F2.components\u002F04.badge","i-lucide-tag",{"title":156,"path":157,"stem":158,"icon":159},"Breadcrumb","\u002Fcolorffy-ui\u002Fcomponents\u002Fbreadcrumb","3.colorffy-ui\u002F2.components\u002F05.breadcrumb","i-lucide-chevron-right",{"title":161,"path":162,"stem":163,"icon":164},"Button","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton","3.colorffy-ui\u002F2.components\u002F06.button","i-lucide-square-mouse-pointer",{"title":166,"path":167,"stem":168,"icon":169},"Button Group","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-group","3.colorffy-ui\u002F2.components\u002F07.button-group","i-lucide-square-stack",{"title":171,"path":172,"stem":173,"icon":174},"Button Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-menu","3.colorffy-ui\u002F2.components\u002F08.button-menu","i-lucide-menu",{"title":176,"path":177,"stem":178,"icon":179},"Card","\u002Fcolorffy-ui\u002Fcomponents\u002Fcard","3.colorffy-ui\u002F2.components\u002F09.card","i-lucide-square",{"title":181,"path":182,"stem":183,"icon":184},"Datatable","\u002Fcolorffy-ui\u002Fcomponents\u002Fdatatable","3.colorffy-ui\u002F2.components\u002F10.datatable","i-lucide-table",{"title":186,"path":187,"stem":188,"icon":189},"Empty","\u002Fcolorffy-ui\u002Fcomponents\u002Fempty","3.colorffy-ui\u002F2.components\u002F11.empty","i-lucide-inbox",{"title":191,"path":192,"stem":193,"icon":194},"Icons","\u002Fcolorffy-ui\u002Fcomponents\u002Ficons","3.colorffy-ui\u002F2.components\u002F12.icons","i-lucide-shapes",{"title":196,"path":197,"stem":198,"icon":199},"Inputs","\u002Fcolorffy-ui\u002Fcomponents\u002Finputs","3.colorffy-ui\u002F2.components\u002F13.inputs","i-lucide-text-cursor-input",{"title":79,"path":201,"stem":202,"icon":203},"\u002Fcolorffy-ui\u002Fcomponents\u002Flayout","3.colorffy-ui\u002F2.components\u002F14.layout","i-lucide-layout",{"title":205,"path":206,"stem":207,"icon":208},"List","\u002Fcolorffy-ui\u002Fcomponents\u002Flist","3.colorffy-ui\u002F2.components\u002F15.list","i-lucide-list",{"title":210,"path":211,"stem":212,"icon":213},"Loading","\u002Fcolorffy-ui\u002Fcomponents\u002Floading","3.colorffy-ui\u002F2.components\u002F16.loading","i-lucide-loader-circle",{"title":215,"path":216,"stem":217,"icon":88},"Modal","\u002Fcolorffy-ui\u002Fcomponents\u002Fmodal","3.colorffy-ui\u002F2.components\u002F17.modal",{"title":219,"path":220,"stem":221,"icon":222},"Navbar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavbar","3.colorffy-ui\u002F2.components\u002F18.navbar","i-lucide-panel-top",{"title":224,"path":225,"stem":226,"icon":227},"Navigation Bar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavigation-bar","3.colorffy-ui\u002F2.components\u002F19.navigation-bar","i-lucide-navigation",{"title":229,"path":230,"stem":231,"icon":232},"Popover","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover","3.colorffy-ui\u002F2.components\u002F20.popover","i-lucide-message-square",{"title":234,"path":235,"stem":236,"icon":237},"Popover Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover-menu","3.colorffy-ui\u002F2.components\u002F21.popover-menu","i-lucide-ellipsis",{"title":239,"path":240,"stem":241,"icon":242},"Progress","\u002Fcolorffy-ui\u002Fcomponents\u002Fprogress","3.colorffy-ui\u002F2.components\u002F22.progress","i-lucide-loader",{"title":244,"path":245,"stem":246,"icon":247},"Segmented Controls","\u002Fcolorffy-ui\u002Fcomponents\u002Fsegmented-controls","3.colorffy-ui\u002F2.components\u002F23.segmented-controls","i-lucide-toggle-left",{"title":249,"path":250,"stem":251,"icon":252},"Sidebar","\u002Fcolorffy-ui\u002Fcomponents\u002Fsidebar","3.colorffy-ui\u002F2.components\u002F24.sidebar","i-lucide-panel-left",{"title":254,"path":255,"stem":256,"icon":257},"Skeleton","\u002Fcolorffy-ui\u002Fcomponents\u002Fskeleton","3.colorffy-ui\u002F2.components\u002F25.skeleton","i-lucide-square-dashed",{"title":259,"path":260,"stem":261,"icon":262},"Tabs","\u002Fcolorffy-ui\u002Fcomponents\u002Ftabs","3.colorffy-ui\u002F2.components\u002F26.tabs","i-lucide-panels-top-left",{"title":264,"path":265,"stem":266,"icon":267},"Tooltip","\u002Fcolorffy-ui\u002Fcomponents\u002Ftooltip","3.colorffy-ui\u002F2.components\u002F27.tooltip","i-lucide-message-circle",{"title":269,"path":270,"stem":271,"icon":272},"Styling","\u002Fcolorffy-ui\u002Fstyling","3.colorffy-ui\u002F3.styling","i-lucide-paintbrush",{"id":274,"title":136,"body":275,"description":947,"extension":948,"links":949,"meta":950,"navigation":951,"path":137,"seo":952,"stem":138,"__hash__":953},"docs\u002F3.colorffy-ui\u002F2.components\u002F01.accordion.md",{"type":276,"value":277,"toc":941},"minimark",[278,298,303,532,536,543,725,729,861,883,887,937],[279,280,281,285,286,289,290,293,294,297],"p",{},[282,283,284],"code",{},"UiAccordion"," wraps a native ",[282,287,288],{},"\u003Cdetails>"," element. Group items with ",[282,291,292],{},"UiAccordionGroup","; share a ",[282,295,296],{},"name"," so only one stays open at a time.",[299,300,302],"h2",{"id":301},"add-an-accordion-group","Add an accordion group",[304,305,310],"pre",{"className":306,"code":307,"language":308,"meta":309,"style":309},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CUiAccordionGroup>\n    \u003CUiAccordion title=\"What is Colorffy?\" name=\"faq\">\n      \u003Ctemplate #content>\n        \u003Cp>A Vue 3 component library and SCSS framework.\u003C\u002Fp>\n      \u003C\u002Ftemplate>\n    \u003C\u002FUiAccordion>\n    \u003CUiAccordion title=\"Is it free?\" name=\"faq\">\n      \u003Ctemplate #content>\n        \u003Cp>Yes — MIT licensed.\u003C\u002Fp>\n      \u003C\u002Ftemplate>\n    \u003C\u002FUiAccordion>\n  \u003C\u002FUiAccordionGroup>\n\u003C\u002Ftemplate>\n","vue","",[282,311,312,328,338,376,392,414,424,434,464,477,495,504,513,523],{"__ignoreMap":309},[313,314,317,321,325],"span",{"class":315,"line":316},"line",1,[313,318,320],{"class":319},"sMK4o","\u003C",[313,322,324],{"class":323},"swJcz","template",[313,326,327],{"class":319},">\n",[313,329,331,334,336],{"class":315,"line":330},2,[313,332,333],{"class":319},"  \u003C",[313,335,292],{"class":323},[313,337,327],{"class":319},[313,339,341,344,346,350,353,356,360,362,365,367,369,372,374],{"class":315,"line":340},3,[313,342,343],{"class":319},"    \u003C",[313,345,284],{"class":323},[313,347,349],{"class":348},"spNyl"," title",[313,351,352],{"class":319},"=",[313,354,355],{"class":319},"\"",[313,357,359],{"class":358},"sfazB","What is Colorffy?",[313,361,355],{"class":319},[313,363,364],{"class":348}," name",[313,366,352],{"class":319},[313,368,355],{"class":319},[313,370,371],{"class":358},"faq",[313,373,355],{"class":319},[313,375,327],{"class":319},[313,377,379,382,384,387,390],{"class":315,"line":378},4,[313,380,381],{"class":319},"      \u003C",[313,383,324],{"class":323},[313,385,386],{"class":319}," #",[313,388,389],{"class":348},"content",[313,391,327],{"class":319},[313,393,395,398,400,403,407,410,412],{"class":315,"line":394},5,[313,396,397],{"class":319},"        \u003C",[313,399,279],{"class":323},[313,401,402],{"class":319},">",[313,404,406],{"class":405},"sTEyZ","A Vue 3 component library and SCSS framework.",[313,408,409],{"class":319},"\u003C\u002F",[313,411,279],{"class":323},[313,413,327],{"class":319},[313,415,417,420,422],{"class":315,"line":416},6,[313,418,419],{"class":319},"      \u003C\u002F",[313,421,324],{"class":323},[313,423,327],{"class":319},[313,425,427,430,432],{"class":315,"line":426},7,[313,428,429],{"class":319},"    \u003C\u002F",[313,431,284],{"class":323},[313,433,327],{"class":319},[313,435,437,439,441,443,445,447,450,452,454,456,458,460,462],{"class":315,"line":436},8,[313,438,343],{"class":319},[313,440,284],{"class":323},[313,442,349],{"class":348},[313,444,352],{"class":319},[313,446,355],{"class":319},[313,448,449],{"class":358},"Is it free?",[313,451,355],{"class":319},[313,453,364],{"class":348},[313,455,352],{"class":319},[313,457,355],{"class":319},[313,459,371],{"class":358},[313,461,355],{"class":319},[313,463,327],{"class":319},[313,465,467,469,471,473,475],{"class":315,"line":466},9,[313,468,381],{"class":319},[313,470,324],{"class":323},[313,472,386],{"class":319},[313,474,389],{"class":348},[313,476,327],{"class":319},[313,478,480,482,484,486,489,491,493],{"class":315,"line":479},10,[313,481,397],{"class":319},[313,483,279],{"class":323},[313,485,402],{"class":319},[313,487,488],{"class":405},"Yes — MIT licensed.",[313,490,409],{"class":319},[313,492,279],{"class":323},[313,494,327],{"class":319},[313,496,498,500,502],{"class":315,"line":497},11,[313,499,419],{"class":319},[313,501,324],{"class":323},[313,503,327],{"class":319},[313,505,507,509,511],{"class":315,"line":506},12,[313,508,429],{"class":319},[313,510,284],{"class":323},[313,512,327],{"class":319},[313,514,516,519,521],{"class":315,"line":515},13,[313,517,518],{"class":319},"  \u003C\u002F",[313,520,292],{"class":323},[313,522,327],{"class":319},[313,524,526,528,530],{"class":315,"line":525},14,[313,527,409],{"class":319},[313,529,324],{"class":323},[313,531,327],{"class":319},[299,533,535],{"id":534},"control-the-open-state","Control the open state",[279,537,538,539,542],{},"Use ",[282,540,541],{},"v-model:open"," for controlled expand \u002F collapse:",[304,544,546],{"className":306,"code":545,"language":308,"meta":309,"style":309},"\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue'\n\nconst open = ref(true)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CUiAccordion v-model:open=\"open\" title=\"Details\">\n    \u003Ctemplate #content>\u003Cp>Controlled panel.\u003C\u002Fp>\u003C\u002Ftemplate>\n  \u003C\u002FUiAccordion>\n\u003C\u002Ftemplate>\n",[282,547,548,572,598,604,627,635,639,647,678,709,717],{"__ignoreMap":309},[313,549,550,552,555,558,561,563,565,568,570],{"class":315,"line":316},[313,551,320],{"class":319},[313,553,554],{"class":323},"script",[313,556,557],{"class":348}," setup",[313,559,560],{"class":348}," lang",[313,562,352],{"class":319},[313,564,355],{"class":319},[313,566,567],{"class":358},"ts",[313,569,355],{"class":319},[313,571,327],{"class":319},[313,573,574,578,581,584,587,590,593,595],{"class":315,"line":330},[313,575,577],{"class":576},"s7zQu","import",[313,579,580],{"class":319}," {",[313,582,583],{"class":405}," ref",[313,585,586],{"class":319}," }",[313,588,589],{"class":576}," from",[313,591,592],{"class":319}," '",[313,594,308],{"class":358},[313,596,597],{"class":319},"'\n",[313,599,600],{"class":315,"line":340},[313,601,603],{"emptyLinePlaceholder":602},true,"\n",[313,605,606,609,612,614,617,620,624],{"class":315,"line":378},[313,607,608],{"class":348},"const",[313,610,611],{"class":405}," open ",[313,613,352],{"class":319},[313,615,583],{"class":616},"s2Zo4",[313,618,619],{"class":405},"(",[313,621,623],{"class":622},"sfNiH","true",[313,625,626],{"class":405},")\n",[313,628,629,631,633],{"class":315,"line":394},[313,630,409],{"class":319},[313,632,554],{"class":323},[313,634,327],{"class":319},[313,636,637],{"class":315,"line":416},[313,638,603],{"emptyLinePlaceholder":602},[313,640,641,643,645],{"class":315,"line":426},[313,642,320],{"class":319},[313,644,324],{"class":323},[313,646,327],{"class":319},[313,648,649,651,653,656,658,660,663,665,667,669,671,674,676],{"class":315,"line":436},[313,650,333],{"class":319},[313,652,284],{"class":323},[313,654,655],{"class":348}," v-model:open",[313,657,352],{"class":319},[313,659,355],{"class":319},[313,661,662],{"class":358},"open",[313,664,355],{"class":319},[313,666,349],{"class":348},[313,668,352],{"class":319},[313,670,355],{"class":319},[313,672,673],{"class":358},"Details",[313,675,355],{"class":319},[313,677,327],{"class":319},[313,679,680,682,684,686,688,691,693,695,698,700,702,705,707],{"class":315,"line":466},[313,681,343],{"class":319},[313,683,324],{"class":323},[313,685,386],{"class":319},[313,687,389],{"class":348},[313,689,690],{"class":319},">\u003C",[313,692,279],{"class":323},[313,694,402],{"class":319},[313,696,697],{"class":405},"Controlled panel.",[313,699,409],{"class":319},[313,701,279],{"class":323},[313,703,704],{"class":319},">\u003C\u002F",[313,706,324],{"class":323},[313,708,327],{"class":319},[313,710,711,713,715],{"class":315,"line":479},[313,712,518],{"class":319},[313,714,284],{"class":323},[313,716,327],{"class":319},[313,718,719,721,723],{"class":315,"line":497},[313,720,409],{"class":319},[313,722,324],{"class":323},[313,724,327],{"class":319},[299,726,728],{"id":727},"uiaccordion-props","UiAccordion props",[730,731,732,751],"table",{},[733,734,735],"thead",{},[736,737,738,742,745,748],"tr",{},[739,740,741],"th",{},"Prop",[739,743,744],{},"Type",[739,746,747],{},"Default",[739,749,750],{},"Description",[752,753,754,779,800,821,841],"tbody",{},[736,755,756,762,767,772],{},[757,758,759],"td",{},[282,760,761],{},"title",[757,763,764],{},[282,765,766],{},"string | null",[757,768,769],{},[282,770,771],{},"''",[757,773,774,775,778],{},"Header text (or use the ",[282,776,777],{},"#header"," slot).",[736,780,781,785,789,794],{},[757,782,783],{},[282,784,296],{},[757,786,787],{},[282,788,766],{},[757,790,791],{},[282,792,793],{},"'accordion-item'",[757,795,796,797,799],{},"Native ",[282,798,288],{}," group name.",[736,801,802,807,811,815],{},[757,803,804],{},[282,805,806],{},"text",[757,808,809],{},[282,810,766],{},[757,812,813],{},[282,814,771],{},[757,816,817,818,778],{},"Body text (or use the ",[282,819,820],{},"#content",[736,822,823,828,833,838],{},[757,824,825],{},[282,826,827],{},"disabled",[757,829,830],{},[282,831,832],{},"boolean",[757,834,835],{},[282,836,837],{},"false",[757,839,840],{},"Disable interaction.",[736,842,843,848,853,858],{},[757,844,845],{},[282,846,847],{},"customClass",[757,849,850],{},[282,851,852],{},"string | string[] | Record\u003Cstring, boolean> | null",[757,854,855],{},[282,856,857],{},"null",[757,859,860],{},"Extra classes.",[279,862,863,867,868,870,871,873,874,867,877,879,880,882],{},[864,865,866],"strong",{},"Model:"," ",[282,869,541],{}," (",[282,872,832],{},").\n",[864,875,876],{},"Slots:",[282,878,777],{},", ",[282,881,820],{},".",[299,884,886],{"id":885},"uiaccordiongroup-props","UiAccordionGroup props",[730,888,889,901],{},[733,890,891],{},[736,892,893,895,897,899],{},[739,894,741],{},[739,896,744],{},[739,898,747],{},[739,900,750],{},[752,902,903,921],{},[736,904,905,910,914,918],{},[757,906,907],{},[282,908,909],{},"isTransparent",[757,911,912],{},[282,913,832],{},[757,915,916],{},[282,917,837],{},[757,919,920],{},"Surface-less container.",[736,922,923,927,931,935],{},[757,924,925],{},[282,926,847],{},[757,928,929],{},[282,930,852],{},[757,932,933],{},[282,934,857],{},[757,936,860],{},[938,939,940],"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 .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);}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 .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":309,"searchDepth":330,"depth":330,"links":942},[943,944,945,946],{"id":301,"depth":330,"text":302},{"id":534,"depth":330,"text":535},{"id":727,"depth":330,"text":728},{"id":885,"depth":330,"text":886},"Show and hide sections of content with UiAccordion and UiAccordionGroup.","md",null,{},{"icon":139},{"title":136,"description":947},"_XGFNsIVCGXGJ2XqwDdTFNGWO3fBedt5Yobwe2w7S_M",[955,957],{"title":28,"path":132,"stem":133,"description":956,"icon":134,"children":-1},"Every Colorffy UI component, organized by category.",{"title":141,"path":142,"stem":143,"description":958,"icon":144,"children":-1},"Communicate status with banners, tonal alerts, snackbars, and toasts.",1782196219260]