[{"data":1,"prerenderedAt":1379},["ShallowReactive",2],{"navigation_docs":3,"-colorffy-ui-components-sidebar":273,"-colorffy-ui-components-sidebar-surround":1374},[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":249,"body":275,"description":1367,"extension":1368,"links":1369,"meta":1370,"navigation":1371,"path":250,"seo":1372,"stem":251,"__hash__":1373},"docs\u002F3.colorffy-ui\u002F2.components\u002F24.sidebar.md",{"type":276,"value":277,"toc":1361},"minimark",[278,291,315,320,1034,1038,1044,1097,1101,1227,1236,1240,1357],[279,280,281,285,286,290],"p",{},[282,283,284],"code",{},"UiSidebar"," is a navigation drawer composed from region sub-components. It tracks two ",[287,288,289],"strong",{},"independent"," states:",[292,293,294,303],"ul",{},[295,296,297,302],"li",{},[287,298,299],{},[282,300,301],{},"rail"," — compact, icons-only mode (a desktop concern). One-way; the parent controls it.",[295,304,305,310,311,314],{},[287,306,307],{},[282,308,309],{},"open"," — the responsive mobile slide-in. Supports ",[282,312,313],{},"v-model:open","; on desktop the drawer is always visible.",[316,317,319],"h2",{"id":318},"build-a-sidebar","Build a sidebar",[321,322,327],"pre",{"className":323,"code":324,"language":325,"meta":326,"style":326},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { NuxtLink } from '#components'\nimport { ref } from 'vue'\n\nconst rail = ref(false) \u002F\u002F compact (desktop)\nconst open = ref(false) \u002F\u002F mobile drawer\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CUiSidebar bordered :rail=\"rail\" v-model:open=\"open\" aria-label=\"Main navigation\">\n    \u003CUiSidebarHeader>\n      \u003CUiSidebarDropdown title=\"Acme\" subtitle=\"Workspace\" \u002F>\n    \u003C\u002FUiSidebarHeader>\n\n    \u003CUiSidebarBody>\n      \u003CUiSidebarText text=\"Platform\" \u002F>\n      \u003CUiSidebarLink :as=\"NuxtLink\" to=\"\u002F\" text=\"Home\" icon=\"\" tooltip-text=\"Home\" \u002F>\n      \u003CUiSidebarLink :as=\"NuxtLink\" to=\"\u002Fprojects\" text=\"Projects\" icon=\"\" \u002F>\n\n      \u003CUiSidebarGroup text=\"Account\" collapsible :default-open=\"true\" icon=\"\">\n        \u003CUiSidebarLink :as=\"NuxtLink\" to=\"\u002Faccount\" text=\"Profile\" icon=\"\" child \u002F>\n        \u003CUiSidebarLink :as=\"NuxtLink\" to=\"\u002Fnotifications\" text=\"Notifications\" icon=\"\" child \u002F>\n      \u003C\u002FUiSidebarGroup>\n    \u003C\u002FUiSidebarBody>\n\n    \u003CUiSidebarFooter>\n      \u003CUiBadge text=\"v1.0.0\" variant=\"outline\" size=\"sm\" \u002F>\n    \u003C\u002FUiSidebarFooter>\n  \u003C\u002FUiSidebar>\n\u003C\u002Ftemplate>\n","vue","",[282,328,329,364,393,413,420,448,469,479,484,494,541,552,588,598,603,613,635,706,760,765,814,871,927,937,946,951,961,1006,1015,1025],{"__ignoreMap":326},[330,331,334,338,342,346,349,352,355,359,361],"span",{"class":332,"line":333},"line",1,[330,335,337],{"class":336},"sMK4o","\u003C",[330,339,341],{"class":340},"swJcz","script",[330,343,345],{"class":344},"spNyl"," setup",[330,347,348],{"class":344}," lang",[330,350,351],{"class":336},"=",[330,353,354],{"class":336},"\"",[330,356,358],{"class":357},"sfazB","ts",[330,360,354],{"class":336},[330,362,363],{"class":336},">\n",[330,365,367,371,374,378,381,384,387,390],{"class":332,"line":366},2,[330,368,370],{"class":369},"s7zQu","import",[330,372,373],{"class":336}," {",[330,375,377],{"class":376},"sTEyZ"," NuxtLink",[330,379,380],{"class":336}," }",[330,382,383],{"class":369}," from",[330,385,386],{"class":336}," '",[330,388,389],{"class":357},"#components",[330,391,392],{"class":336},"'\n",[330,394,396,398,400,403,405,407,409,411],{"class":332,"line":395},3,[330,397,370],{"class":369},[330,399,373],{"class":336},[330,401,402],{"class":376}," ref",[330,404,380],{"class":336},[330,406,383],{"class":369},[330,408,386],{"class":336},[330,410,325],{"class":357},[330,412,392],{"class":336},[330,414,416],{"class":332,"line":415},4,[330,417,419],{"emptyLinePlaceholder":418},true,"\n",[330,421,423,426,429,431,434,437,441,444],{"class":332,"line":422},5,[330,424,425],{"class":344},"const",[330,427,428],{"class":376}," rail ",[330,430,351],{"class":336},[330,432,402],{"class":433},"s2Zo4",[330,435,436],{"class":376},"(",[330,438,440],{"class":439},"sfNiH","false",[330,442,443],{"class":376},") ",[330,445,447],{"class":446},"sHwdD","\u002F\u002F compact (desktop)\n",[330,449,451,453,456,458,460,462,464,466],{"class":332,"line":450},6,[330,452,425],{"class":344},[330,454,455],{"class":376}," open ",[330,457,351],{"class":336},[330,459,402],{"class":433},[330,461,436],{"class":376},[330,463,440],{"class":439},[330,465,443],{"class":376},[330,467,468],{"class":446},"\u002F\u002F mobile drawer\n",[330,470,472,475,477],{"class":332,"line":471},7,[330,473,474],{"class":336},"\u003C\u002F",[330,476,341],{"class":340},[330,478,363],{"class":336},[330,480,482],{"class":332,"line":481},8,[330,483,419],{"emptyLinePlaceholder":418},[330,485,487,489,492],{"class":332,"line":486},9,[330,488,337],{"class":336},[330,490,491],{"class":340},"template",[330,493,363],{"class":336},[330,495,497,500,502,505,508,510,512,514,516,519,521,523,525,527,530,532,534,537,539],{"class":332,"line":496},10,[330,498,499],{"class":336},"  \u003C",[330,501,284],{"class":340},[330,503,504],{"class":344}," bordered",[330,506,507],{"class":344}," :rail",[330,509,351],{"class":336},[330,511,354],{"class":336},[330,513,301],{"class":357},[330,515,354],{"class":336},[330,517,518],{"class":344}," v-model:open",[330,520,351],{"class":336},[330,522,354],{"class":336},[330,524,309],{"class":357},[330,526,354],{"class":336},[330,528,529],{"class":344}," aria-label",[330,531,351],{"class":336},[330,533,354],{"class":336},[330,535,536],{"class":357},"Main navigation",[330,538,354],{"class":336},[330,540,363],{"class":336},[330,542,544,547,550],{"class":332,"line":543},11,[330,545,546],{"class":336},"    \u003C",[330,548,549],{"class":340},"UiSidebarHeader",[330,551,363],{"class":336},[330,553,555,558,561,564,566,568,571,573,576,578,580,583,585],{"class":332,"line":554},12,[330,556,557],{"class":336},"      \u003C",[330,559,560],{"class":340},"UiSidebarDropdown",[330,562,563],{"class":344}," title",[330,565,351],{"class":336},[330,567,354],{"class":336},[330,569,570],{"class":357},"Acme",[330,572,354],{"class":336},[330,574,575],{"class":344}," subtitle",[330,577,351],{"class":336},[330,579,354],{"class":336},[330,581,582],{"class":357},"Workspace",[330,584,354],{"class":336},[330,586,587],{"class":336}," \u002F>\n",[330,589,591,594,596],{"class":332,"line":590},13,[330,592,593],{"class":336},"    \u003C\u002F",[330,595,549],{"class":340},[330,597,363],{"class":336},[330,599,601],{"class":332,"line":600},14,[330,602,419],{"emptyLinePlaceholder":418},[330,604,606,608,611],{"class":332,"line":605},15,[330,607,546],{"class":336},[330,609,610],{"class":340},"UiSidebarBody",[330,612,363],{"class":336},[330,614,616,618,621,624,626,628,631,633],{"class":332,"line":615},16,[330,617,557],{"class":336},[330,619,620],{"class":340},"UiSidebarText",[330,622,623],{"class":344}," text",[330,625,351],{"class":336},[330,627,354],{"class":336},[330,629,630],{"class":357},"Platform",[330,632,354],{"class":336},[330,634,587],{"class":336},[330,636,638,640,643,646,648,650,653,655,658,660,662,665,667,669,671,673,676,678,681,683,685,688,691,693,696,698,700,702,704],{"class":332,"line":637},17,[330,639,557],{"class":336},[330,641,642],{"class":340},"UiSidebarLink",[330,644,645],{"class":344}," :as",[330,647,351],{"class":336},[330,649,354],{"class":336},[330,651,652],{"class":357},"NuxtLink",[330,654,354],{"class":336},[330,656,657],{"class":344}," to",[330,659,351],{"class":336},[330,661,354],{"class":336},[330,663,664],{"class":357},"\u002F",[330,666,354],{"class":336},[330,668,623],{"class":344},[330,670,351],{"class":336},[330,672,354],{"class":336},[330,674,675],{"class":357},"Home",[330,677,354],{"class":336},[330,679,680],{"class":344}," icon",[330,682,351],{"class":336},[330,684,354],{"class":336},[330,686,687],{"class":376},"&",[330,689,690],{"class":357},"#xe88a;",[330,692,354],{"class":336},[330,694,695],{"class":344}," tooltip-text",[330,697,351],{"class":336},[330,699,354],{"class":336},[330,701,675],{"class":357},[330,703,354],{"class":336},[330,705,587],{"class":336},[330,707,709,711,713,715,717,719,721,723,725,727,729,732,734,736,738,740,743,745,747,749,751,753,756,758],{"class":332,"line":708},18,[330,710,557],{"class":336},[330,712,642],{"class":340},[330,714,645],{"class":344},[330,716,351],{"class":336},[330,718,354],{"class":336},[330,720,652],{"class":357},[330,722,354],{"class":336},[330,724,657],{"class":344},[330,726,351],{"class":336},[330,728,354],{"class":336},[330,730,731],{"class":357},"\u002Fprojects",[330,733,354],{"class":336},[330,735,623],{"class":344},[330,737,351],{"class":336},[330,739,354],{"class":336},[330,741,742],{"class":357},"Projects",[330,744,354],{"class":336},[330,746,680],{"class":344},[330,748,351],{"class":336},[330,750,354],{"class":336},[330,752,687],{"class":376},[330,754,755],{"class":357},"#xe8ef;",[330,757,354],{"class":336},[330,759,587],{"class":336},[330,761,763],{"class":332,"line":762},19,[330,764,419],{"emptyLinePlaceholder":418},[330,766,768,770,773,775,777,779,782,784,787,790,792,794,797,799,801,803,805,807,810,812],{"class":332,"line":767},20,[330,769,557],{"class":336},[330,771,772],{"class":340},"UiSidebarGroup",[330,774,623],{"class":344},[330,776,351],{"class":336},[330,778,354],{"class":336},[330,780,781],{"class":357},"Account",[330,783,354],{"class":336},[330,785,786],{"class":344}," collapsible",[330,788,789],{"class":344}," :default-open",[330,791,351],{"class":336},[330,793,354],{"class":336},[330,795,796],{"class":357},"true",[330,798,354],{"class":336},[330,800,680],{"class":344},[330,802,351],{"class":336},[330,804,354],{"class":336},[330,806,687],{"class":376},[330,808,809],{"class":357},"#xe853;",[330,811,354],{"class":336},[330,813,363],{"class":336},[330,815,817,820,822,824,826,828,830,832,834,836,838,841,843,845,847,849,852,854,856,858,860,862,864,866,869],{"class":332,"line":816},21,[330,818,819],{"class":336},"        \u003C",[330,821,642],{"class":340},[330,823,645],{"class":344},[330,825,351],{"class":336},[330,827,354],{"class":336},[330,829,652],{"class":357},[330,831,354],{"class":336},[330,833,657],{"class":344},[330,835,351],{"class":336},[330,837,354],{"class":336},[330,839,840],{"class":357},"\u002Faccount",[330,842,354],{"class":336},[330,844,623],{"class":344},[330,846,351],{"class":336},[330,848,354],{"class":336},[330,850,851],{"class":357},"Profile",[330,853,354],{"class":336},[330,855,680],{"class":344},[330,857,351],{"class":336},[330,859,354],{"class":336},[330,861,687],{"class":376},[330,863,809],{"class":357},[330,865,354],{"class":336},[330,867,868],{"class":344}," child",[330,870,587],{"class":336},[330,872,874,876,878,880,882,884,886,888,890,892,894,897,899,901,903,905,908,910,912,914,916,918,921,923,925],{"class":332,"line":873},22,[330,875,819],{"class":336},[330,877,642],{"class":340},[330,879,645],{"class":344},[330,881,351],{"class":336},[330,883,354],{"class":336},[330,885,652],{"class":357},[330,887,354],{"class":336},[330,889,657],{"class":344},[330,891,351],{"class":336},[330,893,354],{"class":336},[330,895,896],{"class":357},"\u002Fnotifications",[330,898,354],{"class":336},[330,900,623],{"class":344},[330,902,351],{"class":336},[330,904,354],{"class":336},[330,906,907],{"class":357},"Notifications",[330,909,354],{"class":336},[330,911,680],{"class":344},[330,913,351],{"class":336},[330,915,354],{"class":336},[330,917,687],{"class":376},[330,919,920],{"class":357},"#xe7f4;",[330,922,354],{"class":336},[330,924,868],{"class":344},[330,926,587],{"class":336},[330,928,930,933,935],{"class":332,"line":929},23,[330,931,932],{"class":336},"      \u003C\u002F",[330,934,772],{"class":340},[330,936,363],{"class":336},[330,938,940,942,944],{"class":332,"line":939},24,[330,941,593],{"class":336},[330,943,610],{"class":340},[330,945,363],{"class":336},[330,947,949],{"class":332,"line":948},25,[330,950,419],{"emptyLinePlaceholder":418},[330,952,954,956,959],{"class":332,"line":953},26,[330,955,546],{"class":336},[330,957,958],{"class":340},"UiSidebarFooter",[330,960,363],{"class":336},[330,962,964,966,969,971,973,975,978,980,983,985,987,990,992,995,997,999,1002,1004],{"class":332,"line":963},27,[330,965,557],{"class":336},[330,967,968],{"class":340},"UiBadge",[330,970,623],{"class":344},[330,972,351],{"class":336},[330,974,354],{"class":336},[330,976,977],{"class":357},"v1.0.0",[330,979,354],{"class":336},[330,981,982],{"class":344}," variant",[330,984,351],{"class":336},[330,986,354],{"class":336},[330,988,989],{"class":357},"outline",[330,991,354],{"class":336},[330,993,994],{"class":344}," size",[330,996,351],{"class":336},[330,998,354],{"class":336},[330,1000,1001],{"class":357},"sm",[330,1003,354],{"class":336},[330,1005,587],{"class":336},[330,1007,1009,1011,1013],{"class":332,"line":1008},28,[330,1010,593],{"class":336},[330,1012,958],{"class":340},[330,1014,363],{"class":336},[330,1016,1018,1021,1023],{"class":332,"line":1017},29,[330,1019,1020],{"class":336},"  \u003C\u002F",[330,1022,284],{"class":340},[330,1024,363],{"class":336},[330,1026,1028,1030,1032],{"class":332,"line":1027},30,[330,1029,474],{"class":336},[330,1031,491],{"class":340},[330,1033,363],{"class":336},[316,1035,1037],{"id":1036},"toggle-the-mobile-drawer","Toggle the mobile drawer",[279,1039,1040,1041,1043],{},"Wire ",[282,1042,309],{}," to a toggle (e.g. in your navbar):",[321,1045,1047],{"className":323,"code":1046,"language":325,"meta":326,"style":326},"\u003Ctemplate>\n  \u003CUiNavbarToggle :collapsed=\"open\" @toggle=\"open = !open\" \u002F>\n\u003C\u002Ftemplate>\n",[282,1048,1049,1057,1089],{"__ignoreMap":326},[330,1050,1051,1053,1055],{"class":332,"line":333},[330,1052,337],{"class":336},[330,1054,491],{"class":340},[330,1056,363],{"class":336},[330,1058,1059,1061,1064,1067,1069,1071,1073,1075,1078,1080,1082,1085,1087],{"class":332,"line":366},[330,1060,499],{"class":336},[330,1062,1063],{"class":340},"UiNavbarToggle",[330,1065,1066],{"class":344}," :collapsed",[330,1068,351],{"class":336},[330,1070,354],{"class":336},[330,1072,309],{"class":357},[330,1074,354],{"class":336},[330,1076,1077],{"class":344}," @toggle",[330,1079,351],{"class":336},[330,1081,354],{"class":336},[330,1083,1084],{"class":357},"open = !open",[330,1086,354],{"class":336},[330,1088,587],{"class":336},[330,1090,1091,1093,1095],{"class":332,"line":395},[330,1092,474],{"class":336},[330,1094,491],{"class":340},[330,1096,363],{"class":336},[316,1098,1100],{"id":1099},"uisidebar-props","UiSidebar props",[1102,1103,1104,1123],"table",{},[1105,1106,1107],"thead",{},[1108,1109,1110,1114,1117,1120],"tr",{},[1111,1112,1113],"th",{},"Prop",[1111,1115,1116],{},"Type",[1111,1118,1119],{},"Default",[1111,1121,1122],{},"Description",[1124,1125,1126,1146,1163,1183,1207],"tbody",{},[1108,1127,1128,1134,1139,1143],{},[1129,1130,1131],"td",{},[282,1132,1133],{},"bordered",[1129,1135,1136],{},[282,1137,1138],{},"boolean",[1129,1140,1141],{},[282,1142,440],{},[1129,1144,1145],{},"Right border instead of shadow.",[1108,1147,1148,1152,1156,1160],{},[1129,1149,1150],{},[282,1151,301],{},[1129,1153,1154],{},[282,1155,1138],{},[1129,1157,1158],{},[282,1159,440],{},[1129,1161,1162],{},"Compact icons-only mode (one-way).",[1108,1164,1165,1169,1173,1177],{},[1129,1166,1167],{},[282,1168,309],{},[1129,1170,1171],{},[282,1172,1138],{},[1129,1174,1175],{},[282,1176,440],{},[1129,1178,1179,1180,1182],{},"Mobile open state (",[282,1181,313],{},").",[1108,1184,1185,1190,1195,1200],{},[1129,1186,1187],{},[282,1188,1189],{},"width",[1129,1191,1192],{},[282,1193,1194],{},"string | null",[1129,1196,1197],{},[282,1198,1199],{},"null",[1129,1201,1202,1203,1206],{},"Sets ",[282,1204,1205],{},"--theme-nav-drawer-width",".",[1108,1208,1209,1214,1219,1224],{},[1129,1210,1211],{},[282,1212,1213],{},"ariaLabel",[1129,1215,1216],{},[282,1217,1218],{},"string",[1129,1220,1221],{},[282,1222,1223],{},"'Main navigation'",[1129,1225,1226],{},"Landmark name.",[279,1228,1229,1232,1233,1206],{},[287,1230,1231],{},"Emits:"," ",[282,1234,1235],{},"update:open",[316,1237,1239],{"id":1238},"region-item-components","Region & item components",[1102,1241,1242,1252],{},[1105,1243,1244],{},[1108,1245,1246,1249],{},[1111,1247,1248],{},"Component",[1111,1250,1251],{},"Key props",[1124,1253,1254,1270,1281,1319,1337],{},[1108,1255,1256,1265],{},[1129,1257,1258,1260,1261,1260,1263],{},[282,1259,549],{}," \u002F ",[282,1262,610],{},[282,1264,958],{},[1129,1266,1267],{},[282,1268,1269],{},"customClass",[1108,1271,1272,1276],{},[1129,1273,1274],{},[282,1275,620],{},[1129,1277,1278],{},[282,1279,1280],{},"text",[1108,1282,1283,1287],{},[1129,1284,1285],{},[282,1286,642],{},[1129,1288,1289,1292,1293,1260,1296,1292,1299,1292,1301,1292,1304,1292,1307,1292,1310,1292,1313,1292,1316],{},[282,1290,1291],{},"as",", ",[282,1294,1295],{},"to",[282,1297,1298],{},"href",[282,1300,1280],{},[282,1302,1303],{},"icon",[282,1305,1306],{},"tooltipText",[282,1308,1309],{},"tooltipPlacement",[282,1311,1312],{},"child",[282,1314,1315],{},"active",[282,1317,1318],{},"disabled",[1108,1320,1321,1325],{},[1129,1322,1323],{},[282,1324,772],{},[1129,1326,1327,1292,1329,1292,1331,1292,1334],{},[282,1328,1280],{},[282,1330,1303],{},[282,1332,1333],{},"collapsible",[282,1335,1336],{},"defaultOpen",[1108,1338,1339,1343],{},[1129,1340,1341],{},[282,1342,560],{},[1129,1344,1345,1292,1348,1292,1351,1292,1354],{},[282,1346,1347],{},"title",[282,1349,1350],{},"subtitle",[282,1352,1353],{},"interactive",[282,1355,1356],{},"placement",[1358,1359,1360],"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 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}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}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":326,"searchDepth":366,"depth":366,"links":1362},[1363,1364,1365,1366],{"id":318,"depth":366,"text":319},{"id":1036,"depth":366,"text":1037},{"id":1099,"depth":366,"text":1100},{"id":1238,"depth":366,"text":1239},"Build a navigation drawer with rail (compact) and responsive mobile states.","md",null,{},{"icon":252},{"title":249,"description":1367},"410ITa_itmCuCU1uRxfXrzQWb26oMpH2LQDnDSSo70g",[1375,1377],{"title":244,"path":245,"stem":246,"description":1376,"icon":247,"children":-1},"A compact segmented switch with an animated indicator.",{"title":254,"path":255,"stem":256,"description":1378,"icon":257,"children":-1},"Placeholder loaders for content, grids, and tables.",1782196219260]