[{"data":1,"prerenderedAt":4144},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Fsidebar":362,"\u002Fcomponents\u002Fsidebar-surround":4139},[4,28,56,350],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Styling","\u002Fgetting-started\u002Fstyling","1.getting-started\u002F3.styling","i-lucide-paintbrush",{"title":23,"path":24,"stem":25,"icon":26},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":29,"path":30,"stem":31,"children":32,"icon":27},"Composables","\u002Fcomposables","2.composables\u002F1.index",[33,36,41,46,51],{"title":34,"path":30,"stem":31,"icon":35},"All Composables","i-lucide-braces",{"title":37,"path":38,"stem":39,"icon":40},"useDataTable","\u002Fcomposables\u002Fuse-data-table","2.composables\u002Fuse-data-table","i-lucide-table-2",{"title":42,"path":43,"stem":44,"icon":45},"useOverlay","\u002Fcomposables\u002Fuse-overlay","2.composables\u002Fuse-overlay","i-lucide-panels-top-left",{"title":47,"path":48,"stem":49,"icon":50},"useSidebar","\u002Fcomposables\u002Fuse-sidebar","2.composables\u002Fuse-sidebar","i-lucide-panel-left",{"title":52,"path":53,"stem":54,"icon":55},"useToast","\u002Fcomposables\u002Fuse-toast","2.composables\u002Fuse-toast","i-lucide-bell",{"title":57,"path":58,"stem":59,"children":60,"icon":63},"Components","\u002Fcomponents","3.components\u002F1.index",[61,64,69,74,81,86,91,97,102,107,112,117,122,127,133,139,145,150,155,160,165,170,175,180,184,188,193,198,203,208,213,221,226,230,235,240,245,250,255,260,265,270,275,280,285,290,294,299,305,311,315,320,324,329,334,340,345],{"title":62,"path":58,"stem":59,"icon":63},"All Components","i-lucide-component",{"title":65,"path":66,"stem":67,"icon":68},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","i-lucide-layout-panel-top",{"title":70,"path":71,"stem":72,"icon":73},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":75,"path":76,"stem":77,"icon":45,"badge":78},"App Layout","\u002Fcomponents\u002Fapp-layout","3.components\u002Fapp-layout",{"label":79,"color":80},"NEW","success",{"title":82,"path":83,"stem":84,"icon":85},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user",{"title":87,"path":88,"stem":89,"icon":90},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":92,"path":93,"stem":94,"icon":95,"badge":96},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"label":79,"color":80},{"title":98,"path":99,"stem":100,"icon":101},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":103,"path":104,"stem":105,"icon":106},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","3.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":108,"path":109,"stem":110,"icon":111},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":113,"path":114,"stem":115,"icon":116},"Combobox","\u002Fcomponents\u002Fcombobox","3.components\u002Fcombobox","i-lucide-search",{"title":118,"path":119,"stem":120,"icon":121},"Context Menu","\u002Fcomponents\u002Fcontext-menu","3.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":123,"path":124,"stem":125,"icon":40,"badge":126},"Data Table","\u002Fcomponents\u002Fdata-table","3.components\u002Fdata-table",{"label":79,"color":80},{"title":128,"path":129,"stem":130,"icon":131,"badge":132},"Date Field","\u002Fcomponents\u002Fdate-field","3.components\u002Fdate-field","i-lucide-calendar-clock",{"label":79,"color":80},{"title":134,"path":135,"stem":136,"icon":137,"badge":138},"Date Range Field","\u002Fcomponents\u002Fdate-range-field","3.components\u002Fdate-range-field","i-lucide-calendar-range",{"label":79,"color":80},{"title":140,"path":141,"stem":142,"icon":143,"badge":144},"Date Range Picker","\u002Fcomponents\u002Fdate-range-picker","3.components\u002Fdate-range-picker","i-lucide-calendar-search",{"label":79,"color":80},{"title":146,"path":147,"stem":148,"icon":149},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-square",{"title":151,"path":152,"stem":153,"icon":154},"Drawer","\u002Fcomponents\u002Fdrawer","3.components\u002Fdrawer","i-lucide-panel-right",{"title":156,"path":157,"stem":158,"icon":159},"Editable","\u002Fcomponents\u002Feditable","3.components\u002Feditable","i-lucide-square-pen",{"title":161,"path":162,"stem":163,"icon":164},"Field","\u002Fcomponents\u002Ffield","3.components\u002Ffield","i-lucide-text-cursor-input",{"title":166,"path":167,"stem":168,"icon":169},"Fieldset","\u002Fcomponents\u002Ffieldset","3.components\u002Ffieldset","i-lucide-group",{"title":171,"path":172,"stem":173,"icon":174},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-check",{"title":176,"path":177,"stem":178,"icon":179},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","3.components\u002Fhover-preview-card","i-lucide-id-card",{"title":181,"path":182,"stem":183,"icon":164},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput",{"title":185,"path":186,"stem":187,"icon":106},"Listbox","\u002Fcomponents\u002Flistbox","3.components\u002Flistbox",{"title":189,"path":190,"stem":191,"icon":192},"Menu","\u002Fcomponents\u002Fmenu","3.components\u002Fmenu","i-lucide-list",{"title":194,"path":195,"stem":196,"icon":197},"Menubar","\u002Fcomponents\u002Fmenubar","3.components\u002Fmenubar","i-lucide-panel-top",{"title":199,"path":200,"stem":201,"icon":202},"Meter","\u002Fcomponents\u002Fmeter","3.components\u002Fmeter","i-lucide-gauge",{"title":204,"path":205,"stem":206,"icon":137,"badge":207},"Month Picker","\u002Fcomponents\u002Fmonth-picker","3.components\u002Fmonth-picker",{"label":79,"color":80},{"title":209,"path":210,"stem":211,"icon":137,"badge":212},"Month Range Picker","\u002Fcomponents\u002Fmonth-range-picker","3.components\u002Fmonth-range-picker",{"label":79,"color":80},{"title":214,"path":215,"stem":216,"icon":217,"badge":218},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","3.components\u002Fnavigation-menu","i-lucide-navigation",{"label":219,"color":220},"UPDATED","warning",{"title":222,"path":223,"stem":224,"icon":225},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-badge-plus",{"title":227,"path":228,"stem":229,"icon":45},"Overlay Provider","\u002Fcomponents\u002Foverlay","3.components\u002Foverlay",{"title":231,"path":232,"stem":233,"icon":234},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":236,"path":237,"stem":238,"icon":239},"Pin \u002F OTP Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-binary",{"title":241,"path":242,"stem":243,"icon":244},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square",{"title":246,"path":247,"stem":248,"icon":249},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-loader",{"title":251,"path":252,"stem":253,"icon":254},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":256,"path":257,"stem":258,"icon":259},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":261,"path":262,"stem":263,"icon":264},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-filter",{"title":266,"path":267,"stem":268,"icon":269},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-minus",{"title":271,"path":272,"stem":273,"icon":50,"badge":274},"Sidebar","\u002Fcomponents\u002Fsidebar","3.components\u002Fsidebar",{"label":79,"color":80},{"title":276,"path":277,"stem":278,"icon":279},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":281,"path":282,"stem":283,"icon":284},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":286,"path":287,"stem":288,"icon":289},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-left",{"title":291,"path":292,"stem":293,"icon":68},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":295,"path":296,"stem":297,"icon":298},"Tags Input","\u002Fcomponents\u002Ftags-input","3.components\u002Ftags-input","i-lucide-tags",{"title":300,"path":301,"stem":302,"icon":303,"badge":304},"Time Field","\u002Fcomponents\u002Ftime-field","3.components\u002Ftime-field","i-lucide-clock-3",{"label":79,"color":80},{"title":306,"path":307,"stem":308,"icon":309,"badge":310},"Time Range Field","\u002Fcomponents\u002Ftime-range-field","3.components\u002Ftime-range-field","i-lucide-clock-arrow-up",{"label":79,"color":80},{"title":312,"path":313,"stem":314,"icon":244},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":316,"path":317,"stem":318,"icon":319},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle","i-lucide-toggle-right",{"title":321,"path":322,"stem":323,"icon":106},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":325,"path":326,"stem":327,"icon":328},"Toolbar","\u002Fcomponents\u002Ftoolbar","3.components\u002Ftoolbar","i-lucide-wrench",{"title":330,"path":331,"stem":332,"icon":333},"Tooltip","\u002Fcomponents\u002Ftooltip","3.components\u002Ftooltip","i-lucide-info",{"title":335,"path":336,"stem":337,"icon":338,"badge":339},"Tree","\u002Fcomponents\u002Ftree","3.components\u002Ftree","i-lucide-folder-tree",{"label":79,"color":80},{"title":341,"path":342,"stem":343,"icon":95,"badge":344},"Year Picker","\u002Fcomponents\u002Fyear-picker","3.components\u002Fyear-picker",{"label":79,"color":80},{"title":346,"path":347,"stem":348,"icon":137,"badge":349},"Year Range Picker","\u002Fcomponents\u002Fyear-range-picker","3.components\u002Fyear-range-picker",{"label":79,"color":80},{"title":351,"path":352,"stem":353,"children":354,"icon":27},"Builders","\u002Fbuilders","4.builders\u002F1.index",[355,357],{"title":356,"path":352,"stem":353,"icon":45},"All Builders",{"title":358,"path":359,"stem":360,"icon":361},"Layout Builder","\u002Fbuilders\u002Flayout-builder","4.builders\u002Flayout-builder","i-lucide-layout-dashboard",{"id":363,"title":271,"body":364,"description":4131,"extension":4132,"links":4133,"meta":4134,"navigation":4135,"path":272,"seo":4137,"stem":273,"__hash__":4138},"docs\u002F3.components\u002Fsidebar.md",{"type":365,"value":366,"toc":4105},"minimark",[367,377,382,419,429,432,438,1216,1220,1225,1235,1240,1856,1860,1870,1964,1978,1982,1992,2222,2225,2229,2236,2363,2370,2374,2377,2445,2449,2456,2491,2494,2500,2503,2743,2750,2755,2762,2766,2770,2859,2863,3303,3307,3377,3424,3428,3492,3496,3587,3591,3686,3693,3697,3795,3799,3973,3991,4001,4005,4098,4101],[368,369,370,373,374,376],"p",{},[371,372,271],"code",{}," renders persistent navigation on desktop and reuses modal ",[371,375,151],{}," behavior on small screens. Content stays consumer-owned while Akaza UI manages responsive state, collapse geometry, resizing, focus, dismissal, and accessibility.",[378,379,381],"h2",{"id":380},"anatomy","Anatomy",[383,384,385,395,403,411],"ul",{},[386,387,388,394],"li",{},[389,390,391],"strong",{},[371,392,393],{},"#header",": Fixed region for branding, workspace controls, or an internal collapse action.",[386,396,397,402],{},[389,398,399],{},[371,400,401],{},"#default",": Scrollable navigation or application content.",[386,404,405,410],{},[389,406,407],{},[371,408,409],{},"#footer",": Fixed region for account controls or secondary actions.",[386,412,413,418],{},[389,414,415],{},[371,416,417],{},"#resize-handle",": Optional content inside the generated accessible resize separator.",[368,420,421,422,425,426,428],{},"Every slot receives responsive state, size, and safe action functions. Toggle controls outside the sidebar should use ",[371,423,424],{},"v-model"," or ",[371,427,47],{},"; Akaza does not require a separate trigger sub-component.",[378,430,23],{"id":431},"usage",[433,434,435],"component-preview",{},[436,437],"examples-sidebar-demo",{},[439,440,441],"component-code",{},[442,443,448],"pre",{"className":444,"code":445,"language":446,"meta":447,"style":447},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport type { SidebarController } from \"akaza-ui\";\nimport { NavigationMenu, Sidebar, useSidebar } from \"akaza-ui\";\nimport { ref, useTemplateRef } from \"vue\";\n\nconst sidebarRef = useTemplateRef\u003CSidebarController>(\"sidebar\");\nconst selected = ref(\"dashboard\");\nconst { collapsed, isMobile, open, toggle } = useSidebar(sidebarRef);\nconst items = [\n  { label: \"Dashboard\", value: \"dashboard\" },\n  { label: \"Projects\", value: \"projects\" },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton\n    type=\"button\"\n    :aria-expanded=\"isMobile ? open : !collapsed\"\n    @click=\"toggle\"\n  >\n    Navigation\n  \u003C\u002Fbutton>\n\n  \u003CSidebar\n    ref=\"sidebar\"\n    collapsible=\"icon\"\n    aria-label=\"Workspace navigation\"\n  >\n    \u003Ctemplate #header=\"{ collapsed: isCollapsed }\">\n      \u003CLogo \u002F>\n      \u003Cspan v-if=\"!isCollapsed\">Workspace\u003C\u002Fspan>\n    \u003C\u002Ftemplate>\n\n    \u003Ctemplate #default=\"{ collapsed: isCollapsed }\">\n      \u003CNavigationMenu\n        v-model=\"selected\"\n        orientation=\"vertical\"\n        :collapsed=\"isCollapsed\"\n        :tooltip=\"isCollapsed\"\n        :items=\"items\"\n        aria-label=\"Workspace\"\n      \u002F>\n    \u003C\u002Ftemplate>\n\n    \u003Ctemplate #footer>Account\u003C\u002Ftemplate>\n  \u003C\u002FSidebar>\n\u003C\u002Ftemplate>\n","vue","",[371,449,450,485,519,552,579,586,624,649,687,700,735,766,774,784,789,799,808,824,839,854,860,866,876,881,889,903,918,933,938,972,984,1014,1024,1029,1059,1067,1082,1097,1112,1126,1141,1155,1161,1170,1175,1198,1207],{"__ignoreMap":447},[451,452,455,459,463,467,470,473,476,480,482],"span",{"class":453,"line":454},"line",1,[451,456,458],{"class":457},"sMK4o","\u003C",[451,460,462],{"class":461},"swJcz","script",[451,464,466],{"class":465},"spNyl"," setup",[451,468,469],{"class":465}," lang",[451,471,472],{"class":457},"=",[451,474,475],{"class":457},"\"",[451,477,479],{"class":478},"sfazB","ts",[451,481,475],{"class":457},[451,483,484],{"class":457},">\n",[451,486,488,492,495,498,502,505,508,511,514,516],{"class":453,"line":487},2,[451,489,491],{"class":490},"s7zQu","import",[451,493,494],{"class":490}," type",[451,496,497],{"class":457}," {",[451,499,501],{"class":500},"sTEyZ"," SidebarController",[451,503,504],{"class":457}," }",[451,506,507],{"class":490}," from",[451,509,510],{"class":457}," \"",[451,512,513],{"class":478},"akaza-ui",[451,515,475],{"class":457},[451,517,518],{"class":457},";\n",[451,520,522,524,526,529,532,535,537,540,542,544,546,548,550],{"class":453,"line":521},3,[451,523,491],{"class":490},[451,525,497],{"class":457},[451,527,528],{"class":500}," NavigationMenu",[451,530,531],{"class":457},",",[451,533,534],{"class":500}," Sidebar",[451,536,531],{"class":457},[451,538,539],{"class":500}," useSidebar",[451,541,504],{"class":457},[451,543,507],{"class":490},[451,545,510],{"class":457},[451,547,513],{"class":478},[451,549,475],{"class":457},[451,551,518],{"class":457},[451,553,555,557,559,562,564,567,569,571,573,575,577],{"class":453,"line":554},4,[451,556,491],{"class":490},[451,558,497],{"class":457},[451,560,561],{"class":500}," ref",[451,563,531],{"class":457},[451,565,566],{"class":500}," useTemplateRef",[451,568,504],{"class":457},[451,570,507],{"class":490},[451,572,510],{"class":457},[451,574,446],{"class":478},[451,576,475],{"class":457},[451,578,518],{"class":457},[451,580,582],{"class":453,"line":581},5,[451,583,585],{"emptyLinePlaceholder":584},true,"\n",[451,587,589,592,595,597,600,602,606,609,612,614,617,619,622],{"class":453,"line":588},6,[451,590,591],{"class":465},"const",[451,593,594],{"class":500}," sidebarRef ",[451,596,472],{"class":457},[451,598,566],{"class":599},"s2Zo4",[451,601,458],{"class":457},[451,603,605],{"class":604},"sBMFI","SidebarController",[451,607,608],{"class":457},">",[451,610,611],{"class":500},"(",[451,613,475],{"class":457},[451,615,616],{"class":478},"sidebar",[451,618,475],{"class":457},[451,620,621],{"class":500},")",[451,623,518],{"class":457},[451,625,627,629,632,634,636,638,640,643,645,647],{"class":453,"line":626},7,[451,628,591],{"class":465},[451,630,631],{"class":500}," selected ",[451,633,472],{"class":457},[451,635,561],{"class":599},[451,637,611],{"class":500},[451,639,475],{"class":457},[451,641,642],{"class":478},"dashboard",[451,644,475],{"class":457},[451,646,621],{"class":500},[451,648,518],{"class":457},[451,650,652,654,656,659,661,664,666,669,671,674,677,680,682,685],{"class":453,"line":651},8,[451,653,591],{"class":465},[451,655,497],{"class":457},[451,657,658],{"class":500}," collapsed",[451,660,531],{"class":457},[451,662,663],{"class":500}," isMobile",[451,665,531],{"class":457},[451,667,668],{"class":500}," open",[451,670,531],{"class":457},[451,672,673],{"class":500}," toggle ",[451,675,676],{"class":457},"}",[451,678,679],{"class":457}," =",[451,681,539],{"class":599},[451,683,684],{"class":500},"(sidebarRef)",[451,686,518],{"class":457},[451,688,690,692,695,697],{"class":453,"line":689},9,[451,691,591],{"class":465},[451,693,694],{"class":500}," items ",[451,696,472],{"class":457},[451,698,699],{"class":500}," [\n",[451,701,703,706,709,712,714,717,719,721,724,726,728,730,732],{"class":453,"line":702},10,[451,704,705],{"class":457},"  {",[451,707,708],{"class":461}," label",[451,710,711],{"class":457},":",[451,713,510],{"class":457},[451,715,716],{"class":478},"Dashboard",[451,718,475],{"class":457},[451,720,531],{"class":457},[451,722,723],{"class":461}," value",[451,725,711],{"class":457},[451,727,510],{"class":457},[451,729,642],{"class":478},[451,731,475],{"class":457},[451,733,734],{"class":457}," },\n",[451,736,738,740,742,744,746,749,751,753,755,757,759,762,764],{"class":453,"line":737},11,[451,739,705],{"class":457},[451,741,708],{"class":461},[451,743,711],{"class":457},[451,745,510],{"class":457},[451,747,748],{"class":478},"Projects",[451,750,475],{"class":457},[451,752,531],{"class":457},[451,754,723],{"class":461},[451,756,711],{"class":457},[451,758,510],{"class":457},[451,760,761],{"class":478},"projects",[451,763,475],{"class":457},[451,765,734],{"class":457},[451,767,769,772],{"class":453,"line":768},12,[451,770,771],{"class":500},"]",[451,773,518],{"class":457},[451,775,777,780,782],{"class":453,"line":776},13,[451,778,779],{"class":457},"\u003C\u002F",[451,781,462],{"class":461},[451,783,484],{"class":457},[451,785,787],{"class":453,"line":786},14,[451,788,585],{"emptyLinePlaceholder":584},[451,790,792,794,797],{"class":453,"line":791},15,[451,793,458],{"class":457},[451,795,796],{"class":461},"template",[451,798,484],{"class":457},[451,800,802,805],{"class":453,"line":801},16,[451,803,804],{"class":457},"  \u003C",[451,806,807],{"class":461},"button\n",[451,809,811,814,816,818,821],{"class":453,"line":810},17,[451,812,813],{"class":465},"    type",[451,815,472],{"class":457},[451,817,475],{"class":457},[451,819,820],{"class":478},"button",[451,822,823],{"class":457},"\"\n",[451,825,827,830,832,834,837],{"class":453,"line":826},18,[451,828,829],{"class":465},"    :aria-expanded",[451,831,472],{"class":457},[451,833,475],{"class":457},[451,835,836],{"class":478},"isMobile ? open : !collapsed",[451,838,823],{"class":457},[451,840,842,845,847,849,852],{"class":453,"line":841},19,[451,843,844],{"class":465},"    @click",[451,846,472],{"class":457},[451,848,475],{"class":457},[451,850,851],{"class":478},"toggle",[451,853,823],{"class":457},[451,855,857],{"class":453,"line":856},20,[451,858,859],{"class":457},"  >\n",[451,861,863],{"class":453,"line":862},21,[451,864,865],{"class":500},"    Navigation\n",[451,867,869,872,874],{"class":453,"line":868},22,[451,870,871],{"class":457},"  \u003C\u002F",[451,873,820],{"class":461},[451,875,484],{"class":457},[451,877,879],{"class":453,"line":878},23,[451,880,585],{"emptyLinePlaceholder":584},[451,882,884,886],{"class":453,"line":883},24,[451,885,804],{"class":457},[451,887,888],{"class":461},"Sidebar\n",[451,890,892,895,897,899,901],{"class":453,"line":891},25,[451,893,894],{"class":465},"    ref",[451,896,472],{"class":457},[451,898,475],{"class":457},[451,900,616],{"class":478},[451,902,823],{"class":457},[451,904,906,909,911,913,916],{"class":453,"line":905},26,[451,907,908],{"class":465},"    collapsible",[451,910,472],{"class":457},[451,912,475],{"class":457},[451,914,915],{"class":478},"icon",[451,917,823],{"class":457},[451,919,921,924,926,928,931],{"class":453,"line":920},27,[451,922,923],{"class":465},"    aria-label",[451,925,472],{"class":457},[451,927,475],{"class":457},[451,929,930],{"class":478},"Workspace navigation",[451,932,823],{"class":457},[451,934,936],{"class":453,"line":935},28,[451,937,859],{"class":457},[451,939,941,944,946,949,952,954,956,959,961,963,966,968,970],{"class":453,"line":940},29,[451,942,943],{"class":457},"    \u003C",[451,945,796],{"class":461},[451,947,948],{"class":457}," #",[451,950,951],{"class":465},"header",[451,953,472],{"class":457},[451,955,475],{"class":457},[451,957,958],{"class":457},"{",[451,960,658],{"class":461},[451,962,711],{"class":457},[451,964,965],{"class":500}," isCollapsed ",[451,967,676],{"class":457},[451,969,475],{"class":457},[451,971,484],{"class":457},[451,973,975,978,981],{"class":453,"line":974},30,[451,976,977],{"class":457},"      \u003C",[451,979,980],{"class":461},"Logo",[451,982,983],{"class":457}," \u002F>\n",[451,985,987,989,991,994,996,998,1001,1003,1005,1008,1010,1012],{"class":453,"line":986},31,[451,988,977],{"class":457},[451,990,451],{"class":461},[451,992,993],{"class":465}," v-if",[451,995,472],{"class":457},[451,997,475],{"class":457},[451,999,1000],{"class":478},"!isCollapsed",[451,1002,475],{"class":457},[451,1004,608],{"class":457},[451,1006,1007],{"class":500},"Workspace",[451,1009,779],{"class":457},[451,1011,451],{"class":461},[451,1013,484],{"class":457},[451,1015,1017,1020,1022],{"class":453,"line":1016},32,[451,1018,1019],{"class":457},"    \u003C\u002F",[451,1021,796],{"class":461},[451,1023,484],{"class":457},[451,1025,1027],{"class":453,"line":1026},33,[451,1028,585],{"emptyLinePlaceholder":584},[451,1030,1032,1034,1036,1038,1041,1043,1045,1047,1049,1051,1053,1055,1057],{"class":453,"line":1031},34,[451,1033,943],{"class":457},[451,1035,796],{"class":461},[451,1037,948],{"class":457},[451,1039,1040],{"class":465},"default",[451,1042,472],{"class":457},[451,1044,475],{"class":457},[451,1046,958],{"class":457},[451,1048,658],{"class":461},[451,1050,711],{"class":457},[451,1052,965],{"class":500},[451,1054,676],{"class":457},[451,1056,475],{"class":457},[451,1058,484],{"class":457},[451,1060,1062,1064],{"class":453,"line":1061},35,[451,1063,977],{"class":457},[451,1065,1066],{"class":461},"NavigationMenu\n",[451,1068,1070,1073,1075,1077,1080],{"class":453,"line":1069},36,[451,1071,1072],{"class":465},"        v-model",[451,1074,472],{"class":457},[451,1076,475],{"class":457},[451,1078,1079],{"class":478},"selected",[451,1081,823],{"class":457},[451,1083,1085,1088,1090,1092,1095],{"class":453,"line":1084},37,[451,1086,1087],{"class":465},"        orientation",[451,1089,472],{"class":457},[451,1091,475],{"class":457},[451,1093,1094],{"class":478},"vertical",[451,1096,823],{"class":457},[451,1098,1100,1103,1105,1107,1110],{"class":453,"line":1099},38,[451,1101,1102],{"class":465},"        :collapsed",[451,1104,472],{"class":457},[451,1106,475],{"class":457},[451,1108,1109],{"class":478},"isCollapsed",[451,1111,823],{"class":457},[451,1113,1115,1118,1120,1122,1124],{"class":453,"line":1114},39,[451,1116,1117],{"class":465},"        :tooltip",[451,1119,472],{"class":457},[451,1121,475],{"class":457},[451,1123,1109],{"class":478},[451,1125,823],{"class":457},[451,1127,1129,1132,1134,1136,1139],{"class":453,"line":1128},40,[451,1130,1131],{"class":465},"        :items",[451,1133,472],{"class":457},[451,1135,475],{"class":457},[451,1137,1138],{"class":478},"items",[451,1140,823],{"class":457},[451,1142,1144,1147,1149,1151,1153],{"class":453,"line":1143},41,[451,1145,1146],{"class":465},"        aria-label",[451,1148,472],{"class":457},[451,1150,475],{"class":457},[451,1152,1007],{"class":478},[451,1154,823],{"class":457},[451,1156,1158],{"class":453,"line":1157},42,[451,1159,1160],{"class":457},"      \u002F>\n",[451,1162,1164,1166,1168],{"class":453,"line":1163},43,[451,1165,1019],{"class":457},[451,1167,796],{"class":461},[451,1169,484],{"class":457},[451,1171,1173],{"class":453,"line":1172},44,[451,1174,585],{"emptyLinePlaceholder":584},[451,1176,1178,1180,1182,1184,1187,1189,1192,1194,1196],{"class":453,"line":1177},45,[451,1179,943],{"class":457},[451,1181,796],{"class":461},[451,1183,948],{"class":457},[451,1185,1186],{"class":465},"footer",[451,1188,608],{"class":457},[451,1190,1191],{"class":500},"Account",[451,1193,779],{"class":457},[451,1195,796],{"class":461},[451,1197,484],{"class":457},[451,1199,1201,1203,1205],{"class":453,"line":1200},46,[451,1202,871],{"class":457},[451,1204,271],{"class":461},[451,1206,484],{"class":457},[451,1208,1210,1212,1214],{"class":453,"line":1209},47,[451,1211,779],{"class":457},[451,1213,796],{"class":461},[451,1215,484],{"class":457},[378,1217,1219],{"id":1218},"examples","Examples",[1221,1222,1224],"h3",{"id":1223},"nested-navigation","Nested navigation",[368,1226,1227,1228,1230,1231,1234],{},"Compose ",[371,1229,271],{}," with a vertical ",[371,1232,1233],{},"NavigationMenu"," for groups, nested items, active state, badges, collapsed tooltips, and side flyouts. The sidebar owns responsive layout; the navigation menu owns navigation state.",[433,1236,1237],{},[1238,1239],"examples-sidebar-navigation-demo",{},[439,1241,1242],{},[442,1243,1245],{"className":444,"code":1244,"language":446,"meta":447,"style":447},"\u003Cscript setup lang=\"ts\">\nimport { NavigationMenu, Sidebar } from \"akaza-ui\";\nimport { ref } from \"vue\";\n\nconst collapsed = ref(false);\nconst selected = ref(\"akaza-ui\");\nconst expanded = ref([\"projects\"]);\nconst items = [\n  { label: \"Overview\", value: \"overview\" },\n  {\n    label: \"Projects\",\n    value: \"projects\",\n    children: [\n      { label: \"Akaza UI\", value: \"akaza-ui\" },\n      { label: \"Website\", value: \"website\" },\n    ],\n  },\n  { label: \"Settings\", value: \"settings\" },\n];\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSidebar\n    v-model:collapsed=\"collapsed\"\n    :mobile=\"false\"\n    collapsible=\"icon\"\n  >\n    \u003Ctemplate #header=\"{ toggleCollapsed }\">\n      \u003Cbutton type=\"button\" @click=\"toggleCollapsed\">Toggle\u003C\u002Fbutton>\n    \u003C\u002Ftemplate>\n\n    \u003Ctemplate #default=\"{ collapsed: isCollapsed }\">\n      \u003CNavigationMenu\n        v-model=\"selected\"\n        v-model:expanded=\"expanded\"\n        orientation=\"vertical\"\n        :collapsed=\"isCollapsed\"\n        :tooltip=\"isCollapsed\"\n        :items=\"items\"\n      \u002F>\n    \u003C\u002Ftemplate>\n  \u003C\u002FSidebar>\n\u003C\u002Ftemplate>\n",[371,1246,1247,1267,1291,1311,1315,1336,1358,1383,1393,1423,1428,1444,1459,1468,1498,1528,1535,1540,1570,1576,1584,1588,1596,1602,1616,1629,1641,1645,1670,1708,1716,1720,1748,1754,1766,1780,1792,1804,1816,1828,1832,1840,1848],{"__ignoreMap":447},[451,1248,1249,1251,1253,1255,1257,1259,1261,1263,1265],{"class":453,"line":454},[451,1250,458],{"class":457},[451,1252,462],{"class":461},[451,1254,466],{"class":465},[451,1256,469],{"class":465},[451,1258,472],{"class":457},[451,1260,475],{"class":457},[451,1262,479],{"class":478},[451,1264,475],{"class":457},[451,1266,484],{"class":457},[451,1268,1269,1271,1273,1275,1277,1279,1281,1283,1285,1287,1289],{"class":453,"line":487},[451,1270,491],{"class":490},[451,1272,497],{"class":457},[451,1274,528],{"class":500},[451,1276,531],{"class":457},[451,1278,534],{"class":500},[451,1280,504],{"class":457},[451,1282,507],{"class":490},[451,1284,510],{"class":457},[451,1286,513],{"class":478},[451,1288,475],{"class":457},[451,1290,518],{"class":457},[451,1292,1293,1295,1297,1299,1301,1303,1305,1307,1309],{"class":453,"line":521},[451,1294,491],{"class":490},[451,1296,497],{"class":457},[451,1298,561],{"class":500},[451,1300,504],{"class":457},[451,1302,507],{"class":490},[451,1304,510],{"class":457},[451,1306,446],{"class":478},[451,1308,475],{"class":457},[451,1310,518],{"class":457},[451,1312,1313],{"class":453,"line":554},[451,1314,585],{"emptyLinePlaceholder":584},[451,1316,1317,1319,1322,1324,1326,1328,1332,1334],{"class":453,"line":581},[451,1318,591],{"class":465},[451,1320,1321],{"class":500}," collapsed ",[451,1323,472],{"class":457},[451,1325,561],{"class":599},[451,1327,611],{"class":500},[451,1329,1331],{"class":1330},"sfNiH","false",[451,1333,621],{"class":500},[451,1335,518],{"class":457},[451,1337,1338,1340,1342,1344,1346,1348,1350,1352,1354,1356],{"class":453,"line":588},[451,1339,591],{"class":465},[451,1341,631],{"class":500},[451,1343,472],{"class":457},[451,1345,561],{"class":599},[451,1347,611],{"class":500},[451,1349,475],{"class":457},[451,1351,513],{"class":478},[451,1353,475],{"class":457},[451,1355,621],{"class":500},[451,1357,518],{"class":457},[451,1359,1360,1362,1365,1367,1369,1372,1374,1376,1378,1381],{"class":453,"line":626},[451,1361,591],{"class":465},[451,1363,1364],{"class":500}," expanded ",[451,1366,472],{"class":457},[451,1368,561],{"class":599},[451,1370,1371],{"class":500},"([",[451,1373,475],{"class":457},[451,1375,761],{"class":478},[451,1377,475],{"class":457},[451,1379,1380],{"class":500},"])",[451,1382,518],{"class":457},[451,1384,1385,1387,1389,1391],{"class":453,"line":651},[451,1386,591],{"class":465},[451,1388,694],{"class":500},[451,1390,472],{"class":457},[451,1392,699],{"class":500},[451,1394,1395,1397,1399,1401,1403,1406,1408,1410,1412,1414,1416,1419,1421],{"class":453,"line":689},[451,1396,705],{"class":457},[451,1398,708],{"class":461},[451,1400,711],{"class":457},[451,1402,510],{"class":457},[451,1404,1405],{"class":478},"Overview",[451,1407,475],{"class":457},[451,1409,531],{"class":457},[451,1411,723],{"class":461},[451,1413,711],{"class":457},[451,1415,510],{"class":457},[451,1417,1418],{"class":478},"overview",[451,1420,475],{"class":457},[451,1422,734],{"class":457},[451,1424,1425],{"class":453,"line":702},[451,1426,1427],{"class":457},"  {\n",[451,1429,1430,1433,1435,1437,1439,1441],{"class":453,"line":737},[451,1431,1432],{"class":461},"    label",[451,1434,711],{"class":457},[451,1436,510],{"class":457},[451,1438,748],{"class":478},[451,1440,475],{"class":457},[451,1442,1443],{"class":457},",\n",[451,1445,1446,1449,1451,1453,1455,1457],{"class":453,"line":768},[451,1447,1448],{"class":461},"    value",[451,1450,711],{"class":457},[451,1452,510],{"class":457},[451,1454,761],{"class":478},[451,1456,475],{"class":457},[451,1458,1443],{"class":457},[451,1460,1461,1464,1466],{"class":453,"line":776},[451,1462,1463],{"class":461},"    children",[451,1465,711],{"class":457},[451,1467,699],{"class":500},[451,1469,1470,1473,1475,1477,1479,1482,1484,1486,1488,1490,1492,1494,1496],{"class":453,"line":786},[451,1471,1472],{"class":457},"      {",[451,1474,708],{"class":461},[451,1476,711],{"class":457},[451,1478,510],{"class":457},[451,1480,1481],{"class":478},"Akaza UI",[451,1483,475],{"class":457},[451,1485,531],{"class":457},[451,1487,723],{"class":461},[451,1489,711],{"class":457},[451,1491,510],{"class":457},[451,1493,513],{"class":478},[451,1495,475],{"class":457},[451,1497,734],{"class":457},[451,1499,1500,1502,1504,1506,1508,1511,1513,1515,1517,1519,1521,1524,1526],{"class":453,"line":791},[451,1501,1472],{"class":457},[451,1503,708],{"class":461},[451,1505,711],{"class":457},[451,1507,510],{"class":457},[451,1509,1510],{"class":478},"Website",[451,1512,475],{"class":457},[451,1514,531],{"class":457},[451,1516,723],{"class":461},[451,1518,711],{"class":457},[451,1520,510],{"class":457},[451,1522,1523],{"class":478},"website",[451,1525,475],{"class":457},[451,1527,734],{"class":457},[451,1529,1530,1533],{"class":453,"line":801},[451,1531,1532],{"class":500},"    ]",[451,1534,1443],{"class":457},[451,1536,1537],{"class":453,"line":810},[451,1538,1539],{"class":457},"  },\n",[451,1541,1542,1544,1546,1548,1550,1553,1555,1557,1559,1561,1563,1566,1568],{"class":453,"line":826},[451,1543,705],{"class":457},[451,1545,708],{"class":461},[451,1547,711],{"class":457},[451,1549,510],{"class":457},[451,1551,1552],{"class":478},"Settings",[451,1554,475],{"class":457},[451,1556,531],{"class":457},[451,1558,723],{"class":461},[451,1560,711],{"class":457},[451,1562,510],{"class":457},[451,1564,1565],{"class":478},"settings",[451,1567,475],{"class":457},[451,1569,734],{"class":457},[451,1571,1572,1574],{"class":453,"line":841},[451,1573,771],{"class":500},[451,1575,518],{"class":457},[451,1577,1578,1580,1582],{"class":453,"line":856},[451,1579,779],{"class":457},[451,1581,462],{"class":461},[451,1583,484],{"class":457},[451,1585,1586],{"class":453,"line":862},[451,1587,585],{"emptyLinePlaceholder":584},[451,1589,1590,1592,1594],{"class":453,"line":868},[451,1591,458],{"class":457},[451,1593,796],{"class":461},[451,1595,484],{"class":457},[451,1597,1598,1600],{"class":453,"line":878},[451,1599,804],{"class":457},[451,1601,888],{"class":461},[451,1603,1604,1607,1609,1611,1614],{"class":453,"line":883},[451,1605,1606],{"class":465},"    v-model:collapsed",[451,1608,472],{"class":457},[451,1610,475],{"class":457},[451,1612,1613],{"class":478},"collapsed",[451,1615,823],{"class":457},[451,1617,1618,1621,1623,1625,1627],{"class":453,"line":891},[451,1619,1620],{"class":465},"    :mobile",[451,1622,472],{"class":457},[451,1624,475],{"class":457},[451,1626,1331],{"class":478},[451,1628,823],{"class":457},[451,1630,1631,1633,1635,1637,1639],{"class":453,"line":905},[451,1632,908],{"class":465},[451,1634,472],{"class":457},[451,1636,475],{"class":457},[451,1638,915],{"class":478},[451,1640,823],{"class":457},[451,1642,1643],{"class":453,"line":920},[451,1644,859],{"class":457},[451,1646,1647,1649,1651,1653,1655,1657,1659,1661,1664,1666,1668],{"class":453,"line":935},[451,1648,943],{"class":457},[451,1650,796],{"class":461},[451,1652,948],{"class":457},[451,1654,951],{"class":465},[451,1656,472],{"class":457},[451,1658,475],{"class":457},[451,1660,958],{"class":457},[451,1662,1663],{"class":500}," toggleCollapsed ",[451,1665,676],{"class":457},[451,1667,475],{"class":457},[451,1669,484],{"class":457},[451,1671,1672,1674,1676,1678,1680,1682,1684,1686,1689,1691,1693,1696,1698,1700,1702,1704,1706],{"class":453,"line":940},[451,1673,977],{"class":457},[451,1675,820],{"class":461},[451,1677,494],{"class":465},[451,1679,472],{"class":457},[451,1681,475],{"class":457},[451,1683,820],{"class":478},[451,1685,475],{"class":457},[451,1687,1688],{"class":465}," @click",[451,1690,472],{"class":457},[451,1692,475],{"class":457},[451,1694,1695],{"class":478},"toggleCollapsed",[451,1697,475],{"class":457},[451,1699,608],{"class":457},[451,1701,316],{"class":500},[451,1703,779],{"class":457},[451,1705,820],{"class":461},[451,1707,484],{"class":457},[451,1709,1710,1712,1714],{"class":453,"line":974},[451,1711,1019],{"class":457},[451,1713,796],{"class":461},[451,1715,484],{"class":457},[451,1717,1718],{"class":453,"line":986},[451,1719,585],{"emptyLinePlaceholder":584},[451,1721,1722,1724,1726,1728,1730,1732,1734,1736,1738,1740,1742,1744,1746],{"class":453,"line":1016},[451,1723,943],{"class":457},[451,1725,796],{"class":461},[451,1727,948],{"class":457},[451,1729,1040],{"class":465},[451,1731,472],{"class":457},[451,1733,475],{"class":457},[451,1735,958],{"class":457},[451,1737,658],{"class":461},[451,1739,711],{"class":457},[451,1741,965],{"class":500},[451,1743,676],{"class":457},[451,1745,475],{"class":457},[451,1747,484],{"class":457},[451,1749,1750,1752],{"class":453,"line":1026},[451,1751,977],{"class":457},[451,1753,1066],{"class":461},[451,1755,1756,1758,1760,1762,1764],{"class":453,"line":1031},[451,1757,1072],{"class":465},[451,1759,472],{"class":457},[451,1761,475],{"class":457},[451,1763,1079],{"class":478},[451,1765,823],{"class":457},[451,1767,1768,1771,1773,1775,1778],{"class":453,"line":1061},[451,1769,1770],{"class":465},"        v-model:expanded",[451,1772,472],{"class":457},[451,1774,475],{"class":457},[451,1776,1777],{"class":478},"expanded",[451,1779,823],{"class":457},[451,1781,1782,1784,1786,1788,1790],{"class":453,"line":1069},[451,1783,1087],{"class":465},[451,1785,472],{"class":457},[451,1787,475],{"class":457},[451,1789,1094],{"class":478},[451,1791,823],{"class":457},[451,1793,1794,1796,1798,1800,1802],{"class":453,"line":1084},[451,1795,1102],{"class":465},[451,1797,472],{"class":457},[451,1799,475],{"class":457},[451,1801,1109],{"class":478},[451,1803,823],{"class":457},[451,1805,1806,1808,1810,1812,1814],{"class":453,"line":1099},[451,1807,1117],{"class":465},[451,1809,472],{"class":457},[451,1811,475],{"class":457},[451,1813,1109],{"class":478},[451,1815,823],{"class":457},[451,1817,1818,1820,1822,1824,1826],{"class":453,"line":1114},[451,1819,1131],{"class":465},[451,1821,472],{"class":457},[451,1823,475],{"class":457},[451,1825,1138],{"class":478},[451,1827,823],{"class":457},[451,1829,1830],{"class":453,"line":1128},[451,1831,1160],{"class":457},[451,1833,1834,1836,1838],{"class":453,"line":1143},[451,1835,1019],{"class":457},[451,1837,796],{"class":461},[451,1839,484],{"class":457},[451,1841,1842,1844,1846],{"class":453,"line":1157},[451,1843,871],{"class":457},[451,1845,271],{"class":461},[451,1847,484],{"class":457},[451,1849,1850,1852,1854],{"class":453,"line":1163},[451,1851,779],{"class":457},[451,1853,796],{"class":461},[451,1855,484],{"class":457},[1221,1857,1859],{"id":1858},"collapse-modes","Collapse modes",[368,1861,1862,1863,1865,1866,1869],{},"Use ",[371,1864,915],{}," when compact controls remain usable. Use ",[371,1867,1868],{},"offcanvas"," when the complete desktop panel should leave the layout.",[442,1871,1873],{"className":444,"code":1872,"language":446,"meta":447,"style":447},"\u003CSidebar v-model:collapsed=\"collapsed\" collapsible=\"icon\" \u002F>\n\u003CSidebar v-model:collapsed=\"hidden\" collapsible=\"offcanvas\" \u002F>\n\u003CSidebar :collapsible=\"false\" \u002F>\n",[371,1874,1875,1909,1942],{"__ignoreMap":447},[451,1876,1877,1879,1881,1884,1886,1888,1890,1892,1894,1896,1899,1901,1903,1905,1907],{"class":453,"line":454},[451,1878,458],{"class":457},[451,1880,271],{"class":461},[451,1882,1883],{"class":465}," v-model",[451,1885,711],{"class":457},[451,1887,1613],{"class":465},[451,1889,472],{"class":457},[451,1891,475],{"class":457},[451,1893,1613],{"class":500},[451,1895,475],{"class":457},[451,1897,1898],{"class":465}," collapsible",[451,1900,472],{"class":457},[451,1902,475],{"class":457},[451,1904,915],{"class":478},[451,1906,475],{"class":457},[451,1908,983],{"class":457},[451,1910,1911,1913,1915,1917,1919,1921,1923,1925,1928,1930,1932,1934,1936,1938,1940],{"class":453,"line":487},[451,1912,458],{"class":457},[451,1914,271],{"class":461},[451,1916,1883],{"class":465},[451,1918,711],{"class":457},[451,1920,1613],{"class":465},[451,1922,472],{"class":457},[451,1924,475],{"class":457},[451,1926,1927],{"class":500},"hidden",[451,1929,475],{"class":457},[451,1931,1898],{"class":465},[451,1933,472],{"class":457},[451,1935,475],{"class":457},[451,1937,1868],{"class":478},[451,1939,475],{"class":457},[451,1941,983],{"class":457},[451,1943,1944,1946,1948,1951,1954,1956,1958,1960,1962],{"class":453,"line":521},[451,1945,458],{"class":457},[451,1947,271],{"class":461},[451,1949,1950],{"class":457}," :",[451,1952,1953],{"class":465},"collapsible",[451,1955,472],{"class":457},[451,1957,475],{"class":457},[451,1959,1331],{"class":1330},[451,1961,475],{"class":457},[451,1963,983],{"class":457},[368,1965,1966,1967,1969,1970,1973,1974,1977],{},"In icon mode, slot content remains mounted and interactive. Use the slot's ",[371,1968,1613],{}," value to hide labels or replace content. Off-canvas content becomes ",[371,1971,1972],{},"inert"," and ",[371,1975,1976],{},"aria-hidden"," when collapsed.",[1221,1979,1981],{"id":1980},"mobile-dialog","Mobile dialog",[368,1983,1984,1987,1988,1991],{},[371,1985,1986],{},"breakpoint"," controls when the persistent sidebar becomes a modal drawer. ",[371,1989,1990],{},"mobile"," can override media-query detection for container-based layouts or tests.",[442,1993,1995],{"className":444,"code":1994,"language":446,"meta":447,"style":447},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\n\nconst open = ref(false);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton :aria-expanded=\"open\" @click=\"open = true\">Open navigation\u003C\u002Fbutton>\n\n  \u003CSidebar\n    v-model:open=\"open\"\n    breakpoint=\"(max-width: 64rem)\"\n    side=\"left\"\n    aria-label=\"Main navigation\"\n  >\n    \u003Cnav>...\u003C\u002Fnav>\n  \u003C\u002FSidebar>\n\u003C\u002Ftemplate>\n",[371,1996,1997,2017,2037,2041,2060,2068,2072,2080,2120,2124,2130,2143,2157,2171,2184,2188,2206,2214],{"__ignoreMap":447},[451,1998,1999,2001,2003,2005,2007,2009,2011,2013,2015],{"class":453,"line":454},[451,2000,458],{"class":457},[451,2002,462],{"class":461},[451,2004,466],{"class":465},[451,2006,469],{"class":465},[451,2008,472],{"class":457},[451,2010,475],{"class":457},[451,2012,479],{"class":478},[451,2014,475],{"class":457},[451,2016,484],{"class":457},[451,2018,2019,2021,2023,2025,2027,2029,2031,2033,2035],{"class":453,"line":487},[451,2020,491],{"class":490},[451,2022,497],{"class":457},[451,2024,561],{"class":500},[451,2026,504],{"class":457},[451,2028,507],{"class":490},[451,2030,510],{"class":457},[451,2032,446],{"class":478},[451,2034,475],{"class":457},[451,2036,518],{"class":457},[451,2038,2039],{"class":453,"line":521},[451,2040,585],{"emptyLinePlaceholder":584},[451,2042,2043,2045,2048,2050,2052,2054,2056,2058],{"class":453,"line":554},[451,2044,591],{"class":465},[451,2046,2047],{"class":500}," open ",[451,2049,472],{"class":457},[451,2051,561],{"class":599},[451,2053,611],{"class":500},[451,2055,1331],{"class":1330},[451,2057,621],{"class":500},[451,2059,518],{"class":457},[451,2061,2062,2064,2066],{"class":453,"line":581},[451,2063,779],{"class":457},[451,2065,462],{"class":461},[451,2067,484],{"class":457},[451,2069,2070],{"class":453,"line":588},[451,2071,585],{"emptyLinePlaceholder":584},[451,2073,2074,2076,2078],{"class":453,"line":626},[451,2075,458],{"class":457},[451,2077,796],{"class":461},[451,2079,484],{"class":457},[451,2081,2082,2084,2086,2089,2091,2093,2096,2098,2100,2102,2104,2107,2109,2111,2114,2116,2118],{"class":453,"line":651},[451,2083,804],{"class":457},[451,2085,820],{"class":461},[451,2087,2088],{"class":465}," :aria-expanded",[451,2090,472],{"class":457},[451,2092,475],{"class":457},[451,2094,2095],{"class":478},"open",[451,2097,475],{"class":457},[451,2099,1688],{"class":465},[451,2101,472],{"class":457},[451,2103,475],{"class":457},[451,2105,2106],{"class":478},"open = true",[451,2108,475],{"class":457},[451,2110,608],{"class":457},[451,2112,2113],{"class":500},"Open navigation",[451,2115,779],{"class":457},[451,2117,820],{"class":461},[451,2119,484],{"class":457},[451,2121,2122],{"class":453,"line":689},[451,2123,585],{"emptyLinePlaceholder":584},[451,2125,2126,2128],{"class":453,"line":702},[451,2127,804],{"class":457},[451,2129,888],{"class":461},[451,2131,2132,2135,2137,2139,2141],{"class":453,"line":737},[451,2133,2134],{"class":465},"    v-model:open",[451,2136,472],{"class":457},[451,2138,475],{"class":457},[451,2140,2095],{"class":478},[451,2142,823],{"class":457},[451,2144,2145,2148,2150,2152,2155],{"class":453,"line":768},[451,2146,2147],{"class":465},"    breakpoint",[451,2149,472],{"class":457},[451,2151,475],{"class":457},[451,2153,2154],{"class":478},"(max-width: 64rem)",[451,2156,823],{"class":457},[451,2158,2159,2162,2164,2166,2169],{"class":453,"line":776},[451,2160,2161],{"class":465},"    side",[451,2163,472],{"class":457},[451,2165,475],{"class":457},[451,2167,2168],{"class":478},"left",[451,2170,823],{"class":457},[451,2172,2173,2175,2177,2179,2182],{"class":453,"line":786},[451,2174,923],{"class":465},[451,2176,472],{"class":457},[451,2178,475],{"class":457},[451,2180,2181],{"class":478},"Main navigation",[451,2183,823],{"class":457},[451,2185,2186],{"class":453,"line":791},[451,2187,859],{"class":457},[451,2189,2190,2192,2195,2197,2200,2202,2204],{"class":453,"line":801},[451,2191,943],{"class":457},[451,2193,2194],{"class":461},"nav",[451,2196,608],{"class":457},[451,2198,2199],{"class":500},"...",[451,2201,779],{"class":457},[451,2203,2194],{"class":461},[451,2205,484],{"class":457},[451,2207,2208,2210,2212],{"class":453,"line":810},[451,2209,871],{"class":457},[451,2211,271],{"class":461},[451,2213,484],{"class":457},[451,2215,2216,2218,2220],{"class":453,"line":826},[451,2217,779],{"class":457},[451,2219,796],{"class":461},[451,2221,484],{"class":457},[368,2223,2224],{},"Mobile mode traps focus, locks body scrolling, makes the outside tree inert, closes on Escape or backdrop interaction, restores focus, and supports directional swipe dismissal. Activating an unmodified same-window link closes the sidebar by default.",[1221,2226,2228],{"id":2227},"resizing","Resizing",[368,2230,2231,2232,2235],{},"Enable the generated separator with ",[371,2233,2234],{},"resizable",". Size uses pixels and supports controlled or uncontrolled state.",[442,2237,2239],{"className":444,"code":2238,"language":446,"meta":447,"style":447},"\u003CSidebar\n  v-model:size=\"size\"\n  resizable\n  :default-size=\"256\"\n  :min-size=\"192\"\n  :max-size=\"480\"\n  :resize-step=\"8\"\n>\n  \u003Ctemplate #resize-handle>\n    \u003Cspan aria-hidden=\"true\" \u002F>\n  \u003C\u002Ftemplate>\n\u003C\u002FSidebar>\n",[371,2240,2241,2247,2265,2270,2288,2304,2320,2336,2340,2345,2350,2355],{"__ignoreMap":447},[451,2242,2243,2245],{"class":453,"line":454},[451,2244,458],{"class":457},[451,2246,888],{"class":461},[451,2248,2249,2252,2254,2257,2259,2261,2263],{"class":453,"line":487},[451,2250,2251],{"class":465},"  v-model",[451,2253,711],{"class":457},[451,2255,2256],{"class":465},"size",[451,2258,472],{"class":457},[451,2260,475],{"class":457},[451,2262,2256],{"class":500},[451,2264,823],{"class":457},[451,2266,2267],{"class":453,"line":521},[451,2268,2269],{"class":465},"  resizable\n",[451,2271,2272,2275,2278,2280,2282,2286],{"class":453,"line":554},[451,2273,2274],{"class":457},"  :",[451,2276,2277],{"class":465},"default-size",[451,2279,472],{"class":457},[451,2281,475],{"class":457},[451,2283,2285],{"class":2284},"sbssI","256",[451,2287,823],{"class":457},[451,2289,2290,2292,2295,2297,2299,2302],{"class":453,"line":581},[451,2291,2274],{"class":457},[451,2293,2294],{"class":465},"min-size",[451,2296,472],{"class":457},[451,2298,475],{"class":457},[451,2300,2301],{"class":2284},"192",[451,2303,823],{"class":457},[451,2305,2306,2308,2311,2313,2315,2318],{"class":453,"line":588},[451,2307,2274],{"class":457},[451,2309,2310],{"class":465},"max-size",[451,2312,472],{"class":457},[451,2314,475],{"class":457},[451,2316,2317],{"class":2284},"480",[451,2319,823],{"class":457},[451,2321,2322,2324,2327,2329,2331,2334],{"class":453,"line":626},[451,2323,2274],{"class":457},[451,2325,2326],{"class":465},"resize-step",[451,2328,472],{"class":457},[451,2330,475],{"class":457},[451,2332,2333],{"class":2284},"8",[451,2335,823],{"class":457},[451,2337,2338],{"class":453,"line":651},[451,2339,484],{"class":457},[451,2341,2342],{"class":453,"line":689},[451,2343,2344],{"class":500},"  \u003Ctemplate #resize-handle>\n",[451,2346,2347],{"class":453,"line":702},[451,2348,2349],{"class":500},"    \u003Cspan aria-hidden=\"true\" \u002F>\n",[451,2351,2352],{"class":453,"line":737},[451,2353,2354],{"class":500},"  \u003C\u002Ftemplate>\n",[451,2356,2357,2359,2361],{"class":453,"line":768},[451,2358,779],{"class":457},[451,2360,271],{"class":461},[451,2362,484],{"class":457},[368,2364,2365,2366,2369],{},"The resize handle supports pointer, pen, touch, and keyboard input. Double-click resets to ",[371,2367,2368],{},"defaultSize",".",[1221,2371,2373],{"id":2372},"right-sidebar","Right sidebar",[368,2375,2376],{},"Placement also changes pointer and keyboard resize direction.",[442,2378,2380],{"className":444,"code":2379,"language":446,"meta":447,"style":447},"\u003CSidebar side=\"right\" collapsible=\"icon\" resizable aria-label=\"Inspector\">\n  \u003Ctemplate #header>Inspector\u003C\u002Ftemplate>\n  Properties\n\u003C\u002FSidebar>\n",[371,2381,2382,2427,2432,2437],{"__ignoreMap":447},[451,2383,2384,2386,2388,2391,2393,2395,2398,2400,2402,2404,2406,2408,2410,2413,2416,2418,2420,2423,2425],{"class":453,"line":454},[451,2385,458],{"class":457},[451,2387,271],{"class":461},[451,2389,2390],{"class":465}," side",[451,2392,472],{"class":457},[451,2394,475],{"class":457},[451,2396,2397],{"class":478},"right",[451,2399,475],{"class":457},[451,2401,1898],{"class":465},[451,2403,472],{"class":457},[451,2405,475],{"class":457},[451,2407,915],{"class":478},[451,2409,475],{"class":457},[451,2411,2412],{"class":465}," resizable",[451,2414,2415],{"class":465}," aria-label",[451,2417,472],{"class":457},[451,2419,475],{"class":457},[451,2421,2422],{"class":478},"Inspector",[451,2424,475],{"class":457},[451,2426,484],{"class":457},[451,2428,2429],{"class":453,"line":487},[451,2430,2431],{"class":500},"  \u003Ctemplate #header>Inspector\u003C\u002Ftemplate>\n",[451,2433,2434],{"class":453,"line":521},[451,2435,2436],{"class":500},"  Properties\n",[451,2438,2439,2441,2443],{"class":453,"line":554},[451,2440,779],{"class":457},[451,2442,271],{"class":461},[451,2444,484],{"class":457},[1221,2446,2448],{"id":2447},"keyboard-shortcut","Keyboard shortcut",[368,2450,2451,2452,2455],{},"Global shortcuts are opt-in to avoid application conflicts. ",[371,2453,2454],{},"keyboardShortcut=\"b\""," uses Command+B on macOS and Ctrl+B elsewhere.",[442,2457,2459],{"className":444,"code":2458,"language":446,"meta":447,"style":447},"\u003CSidebar keyboard-shortcut=\"b\" collapsible=\"icon\" \u002F>\n",[371,2460,2461],{"__ignoreMap":447},[451,2462,2463,2465,2467,2470,2472,2474,2477,2479,2481,2483,2485,2487,2489],{"class":453,"line":454},[451,2464,458],{"class":457},[451,2466,271],{"class":461},[451,2468,2469],{"class":465}," keyboard-shortcut",[451,2471,472],{"class":457},[451,2473,475],{"class":457},[451,2475,2476],{"class":478},"b",[451,2478,475],{"class":457},[451,2480,1898],{"class":465},[451,2482,472],{"class":457},[451,2484,475],{"class":457},[451,2486,915],{"class":478},[451,2488,475],{"class":457},[451,2490,983],{"class":457},[368,2492,2493],{},"Shortcuts are ignored while focus is inside an input, textarea, select, or editable element.",[1221,2495,2497,2498],{"id":2496},"custom-behavior-with-usesidebar","Custom behavior with ",[371,2499,47],{},[368,2501,2502],{},"Pass a component ref when controls live outside a sidebar. Each composable instance controls only the referenced sidebar, so an application can manage multiple sidebars independently.",[442,2504,2506],{"className":444,"code":2505,"language":446,"meta":447,"style":447},"\u003Cscript setup lang=\"ts\">\nimport type { SidebarController } from \"akaza-ui\";\nimport { Sidebar, useSidebar } from \"akaza-ui\";\nimport { useTemplateRef } from \"vue\";\n\nconst sidebarRef = useTemplateRef\u003CSidebarController>(\"sidebar\");\nconst sidebar = useSidebar(sidebarRef);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton type=\"button\" @click=\"sidebar.toggle\">Toggle navigation\u003C\u002Fbutton>\n  \u003CSidebar ref=\"sidebar\" collapsible=\"icon\">...\u003C\u002FSidebar>\n\u003C\u002Ftemplate>\n",[371,2507,2508,2528,2550,2574,2594,2598,2626,2641,2649,2653,2661,2699,2735],{"__ignoreMap":447},[451,2509,2510,2512,2514,2516,2518,2520,2522,2524,2526],{"class":453,"line":454},[451,2511,458],{"class":457},[451,2513,462],{"class":461},[451,2515,466],{"class":465},[451,2517,469],{"class":465},[451,2519,472],{"class":457},[451,2521,475],{"class":457},[451,2523,479],{"class":478},[451,2525,475],{"class":457},[451,2527,484],{"class":457},[451,2529,2530,2532,2534,2536,2538,2540,2542,2544,2546,2548],{"class":453,"line":487},[451,2531,491],{"class":490},[451,2533,494],{"class":490},[451,2535,497],{"class":457},[451,2537,501],{"class":500},[451,2539,504],{"class":457},[451,2541,507],{"class":490},[451,2543,510],{"class":457},[451,2545,513],{"class":478},[451,2547,475],{"class":457},[451,2549,518],{"class":457},[451,2551,2552,2554,2556,2558,2560,2562,2564,2566,2568,2570,2572],{"class":453,"line":521},[451,2553,491],{"class":490},[451,2555,497],{"class":457},[451,2557,534],{"class":500},[451,2559,531],{"class":457},[451,2561,539],{"class":500},[451,2563,504],{"class":457},[451,2565,507],{"class":490},[451,2567,510],{"class":457},[451,2569,513],{"class":478},[451,2571,475],{"class":457},[451,2573,518],{"class":457},[451,2575,2576,2578,2580,2582,2584,2586,2588,2590,2592],{"class":453,"line":554},[451,2577,491],{"class":490},[451,2579,497],{"class":457},[451,2581,566],{"class":500},[451,2583,504],{"class":457},[451,2585,507],{"class":490},[451,2587,510],{"class":457},[451,2589,446],{"class":478},[451,2591,475],{"class":457},[451,2593,518],{"class":457},[451,2595,2596],{"class":453,"line":581},[451,2597,585],{"emptyLinePlaceholder":584},[451,2599,2600,2602,2604,2606,2608,2610,2612,2614,2616,2618,2620,2622,2624],{"class":453,"line":588},[451,2601,591],{"class":465},[451,2603,594],{"class":500},[451,2605,472],{"class":457},[451,2607,566],{"class":599},[451,2609,458],{"class":457},[451,2611,605],{"class":604},[451,2613,608],{"class":457},[451,2615,611],{"class":500},[451,2617,475],{"class":457},[451,2619,616],{"class":478},[451,2621,475],{"class":457},[451,2623,621],{"class":500},[451,2625,518],{"class":457},[451,2627,2628,2630,2633,2635,2637,2639],{"class":453,"line":626},[451,2629,591],{"class":465},[451,2631,2632],{"class":500}," sidebar ",[451,2634,472],{"class":457},[451,2636,539],{"class":599},[451,2638,684],{"class":500},[451,2640,518],{"class":457},[451,2642,2643,2645,2647],{"class":453,"line":651},[451,2644,779],{"class":457},[451,2646,462],{"class":461},[451,2648,484],{"class":457},[451,2650,2651],{"class":453,"line":689},[451,2652,585],{"emptyLinePlaceholder":584},[451,2654,2655,2657,2659],{"class":453,"line":702},[451,2656,458],{"class":457},[451,2658,796],{"class":461},[451,2660,484],{"class":457},[451,2662,2663,2665,2667,2669,2671,2673,2675,2677,2679,2681,2683,2686,2688,2690,2693,2695,2697],{"class":453,"line":737},[451,2664,804],{"class":457},[451,2666,820],{"class":461},[451,2668,494],{"class":465},[451,2670,472],{"class":457},[451,2672,475],{"class":457},[451,2674,820],{"class":478},[451,2676,475],{"class":457},[451,2678,1688],{"class":465},[451,2680,472],{"class":457},[451,2682,475],{"class":457},[451,2684,2685],{"class":478},"sidebar.toggle",[451,2687,475],{"class":457},[451,2689,608],{"class":457},[451,2691,2692],{"class":500},"Toggle navigation",[451,2694,779],{"class":457},[451,2696,820],{"class":461},[451,2698,484],{"class":457},[451,2700,2701,2703,2705,2707,2709,2711,2713,2715,2717,2719,2721,2723,2725,2727,2729,2731,2733],{"class":453,"line":768},[451,2702,804],{"class":457},[451,2704,271],{"class":461},[451,2706,561],{"class":465},[451,2708,472],{"class":457},[451,2710,475],{"class":457},[451,2712,616],{"class":478},[451,2714,475],{"class":457},[451,2716,1898],{"class":465},[451,2718,472],{"class":457},[451,2720,475],{"class":457},[451,2722,915],{"class":478},[451,2724,475],{"class":457},[451,2726,608],{"class":457},[451,2728,2199],{"class":500},[451,2730,779],{"class":457},[451,2732,271],{"class":461},[451,2734,484],{"class":457},[451,2736,2737,2739,2741],{"class":453,"line":776},[451,2738,779],{"class":457},[451,2740,796],{"class":461},[451,2742,484],{"class":457},[368,2744,2745,2746,2749],{},"For state owned outside the component, ",[371,2747,2748],{},"useSidebar({ open, collapsed, breakpoint })"," remains available. Persistence and route watching remain application concerns.",[378,2751,2753],{"id":2752},"usesidebar",[371,2754,47],{},[368,2756,2757,2758,2761],{},"The composable has component-ref and controlled-state modes. See ",[2759,2760,47],"a",{"href":48}," for both signatures, options, returned state, event-safe actions, multiple-sidebar examples, and SSR behavior.",[378,2763,2765],{"id":2764},"api-reference","API Reference",[1221,2767,2769],{"id":2768},"models","Models",[2771,2772,2773,2792],"table",{},[2774,2775,2776],"thead",{},[2777,2778,2779,2783,2786,2789],"tr",{},[2780,2781,2782],"th",{},"Model",[2780,2784,2785],{},"Type",[2780,2787,2788],{},"Default",[2780,2790,2791],{},"Description",[2793,2794,2795,2816,2840],"tbody",{},[2777,2796,2797,2803,2808,2813],{},[2798,2799,2800],"td",{},[371,2801,2802],{},"v-model:open",[2798,2804,2805],{},[371,2806,2807],{},"boolean",[2798,2809,2810],{},[371,2811,2812],{},"defaultOpen",[2798,2814,2815],{},"Mobile dialog visibility.",[2777,2817,2818,2823,2827,2832],{},[2798,2819,2820],{},[371,2821,2822],{},"v-model:collapsed",[2798,2824,2825],{},[371,2826,2807],{},[2798,2828,2829],{},[371,2830,2831],{},"defaultCollapsed",[2798,2833,2834,2835,2837,2838,2369],{},"Desktop collapse state. Ignored when ",[371,2836,1953],{}," is ",[371,2839,1331],{},[2777,2841,2842,2847,2852,2856],{},[2798,2843,2844],{},[371,2845,2846],{},"v-model:size",[2798,2848,2849],{},[371,2850,2851],{},"number",[2798,2853,2854],{},[371,2855,2368],{},[2798,2857,2858],{},"Expanded desktop width in pixels.",[1221,2860,2862],{"id":2861},"props","Props",[2771,2864,2865,2878],{},[2774,2866,2867],{},[2777,2868,2869,2872,2874,2876],{},[2780,2870,2871],{},"Prop",[2780,2873,2785],{},[2780,2875,2788],{},[2780,2877,2791],{},[2793,2879,2880,2900,2920,2938,2955,2972,2989,3007,3025,3044,3063,3081,3098,3117,3133,3155,3173,3191,3209,3229,3247,3266,3285],{},[2777,2881,2882,2887,2892,2897],{},[2798,2883,2884],{},[371,2885,2886],{},"as",[2798,2888,2889],{},[371,2890,2891],{},"Component | string",[2798,2893,2894],{},[371,2895,2896],{},"\"aside\"",[2798,2898,2899],{},"Desktop panel element.",[2777,2901,2902,2907,2912,2917],{},[2798,2903,2904],{},[371,2905,2906],{},"side",[2798,2908,2909],{},[371,2910,2911],{},"\"left\" | \"right\"",[2798,2913,2914],{},[371,2915,2916],{},"\"left\"",[2798,2918,2919],{},"Sidebar edge.",[2777,2921,2922,2926,2931,2935],{},[2798,2923,2924],{},[371,2925,1953],{},[2798,2927,2928],{},[371,2929,2930],{},"false | \"icon\" | \"offcanvas\"",[2798,2932,2933],{},[371,2934,1331],{},[2798,2936,2937],{},"Desktop collapse behavior.",[2777,2939,2940,2944,2948,2952],{},[2798,2941,2942],{},[371,2943,2812],{},[2798,2945,2946],{},[371,2947,2807],{},[2798,2949,2950],{},[371,2951,1331],{},[2798,2953,2954],{},"Initial uncontrolled mobile visibility.",[2777,2956,2957,2961,2965,2969],{},[2798,2958,2959],{},[371,2960,2831],{},[2798,2962,2963],{},[371,2964,2807],{},[2798,2966,2967],{},[371,2968,1331],{},[2798,2970,2971],{},"Initial uncontrolled desktop collapse state.",[2777,2973,2974,2978,2982,2986],{},[2798,2975,2976],{},[371,2977,2368],{},[2798,2979,2980],{},[371,2981,2851],{},[2798,2983,2984],{},[371,2985,2285],{},[2798,2987,2988],{},"Initial expanded width in pixels.",[2777,2990,2991,2996,3000,3004],{},[2798,2992,2993],{},[371,2994,2995],{},"minSize",[2798,2997,2998],{},[371,2999,2851],{},[2798,3001,3002],{},[371,3003,2301],{},[2798,3005,3006],{},"Minimum resized width.",[2777,3008,3009,3014,3018,3022],{},[2798,3010,3011],{},[371,3012,3013],{},"maxSize",[2798,3015,3016],{},[371,3017,2851],{},[2798,3019,3020],{},[371,3021,2317],{},[2798,3023,3024],{},"Maximum resized width.",[2777,3026,3027,3032,3036,3041],{},[2798,3028,3029],{},[371,3030,3031],{},"collapsedSize",[2798,3033,3034],{},[371,3035,2851],{},[2798,3037,3038],{},[371,3039,3040],{},"48",[2798,3042,3043],{},"Width in icon collapse mode.",[2777,3045,3046,3051,3055,3060],{},[2798,3047,3048],{},[371,3049,3050],{},"mobileSize",[2798,3052,3053],{},[371,3054,2851],{},[2798,3056,3057],{},[371,3058,3059],{},"288",[2798,3061,3062],{},"Mobile drawer width.",[2777,3064,3065,3070,3074,3078],{},[2798,3066,3067],{},[371,3068,3069],{},"resizeStep",[2798,3071,3072],{},[371,3073,2851],{},[2798,3075,3076],{},[371,3077,2333],{},[2798,3079,3080],{},"Keyboard resize amount in pixels. Shift multiplies it by ten.",[2777,3082,3083,3087,3091,3095],{},[2798,3084,3085],{},[371,3086,2234],{},[2798,3088,3089],{},[371,3090,2807],{},[2798,3092,3093],{},[371,3094,1331],{},[2798,3096,3097],{},"Render the accessible resize separator.",[2777,3099,3100,3105,3109,3114],{},[2798,3101,3102],{},[371,3103,3104],{},"transition",[2798,3106,3107],{},[371,3108,2807],{},[2798,3110,3111],{},[371,3112,3113],{},"true",[2798,3115,3116],{},"Enable desktop width and off-canvas transitions.",[2777,3118,3119,3123,3127,3130],{},[2798,3120,3121],{},[371,3122,1990],{},[2798,3124,3125],{},[371,3126,2807],{},[2798,3128,3129],{},"media query",[2798,3131,3132],{},"Force mobile or desktop rendering.",[2777,3134,3135,3139,3144,3149],{},[2798,3136,3137],{},[371,3138,1986],{},[2798,3140,3141],{},[371,3142,3143],{},"string",[2798,3145,3146],{},[371,3147,3148],{},"\"(max-width: 767px)\"",[2798,3150,3151,3152,3154],{},"Media query used when ",[371,3153,1990],{}," is omitted.",[2777,3156,3157,3162,3166,3170],{},[2798,3158,3159],{},[371,3160,3161],{},"closeOnBackdropClick",[2798,3163,3164],{},[371,3165,2807],{},[2798,3167,3168],{},[371,3169,3113],{},[2798,3171,3172],{},"Close the mobile dialog on backdrop interaction.",[2777,3174,3175,3180,3184,3188],{},[2798,3176,3177],{},[371,3178,3179],{},"closeOnNavigate",[2798,3181,3182],{},[371,3183,2807],{},[2798,3185,3186],{},[371,3187,3113],{},[2798,3189,3190],{},"Close mobile mode after activating a same-window link.",[2777,3192,3193,3198,3202,3206],{},[2798,3194,3195],{},[371,3196,3197],{},"swipeToClose",[2798,3199,3200],{},[371,3201,2807],{},[2798,3203,3204],{},[371,3205,3113],{},[2798,3207,3208],{},"Enable directional mobile swipe dismissal.",[2777,3210,3211,3216,3221,3226],{},[2798,3212,3213],{},[371,3214,3215],{},"teleport",[2798,3217,3218],{},[371,3219,3220],{},"string | false",[2798,3222,3223],{},[371,3224,3225],{},"\"body\"",[2798,3227,3228],{},"Mobile drawer Teleport target.",[2777,3230,3231,3236,3240,3244],{},[2798,3232,3233],{},[371,3234,3235],{},"keyboardShortcut",[2798,3237,3238],{},[371,3239,3220],{},[2798,3241,3242],{},[371,3243,1331],{},[2798,3245,3246],{},"Command\u002FCtrl shortcut key for responsive toggle.",[2777,3248,3249,3254,3258,3263],{},[2798,3250,3251],{},[371,3252,3253],{},"ariaLabel",[2798,3255,3256],{},[371,3257,3143],{},[2798,3259,3260],{},[371,3261,3262],{},"\"Sidebar\"",[2798,3264,3265],{},"Desktop landmark and mobile dialog accessible name.",[2777,3267,3268,3273,3277,3282],{},[2798,3269,3270],{},[371,3271,3272],{},"resizeAriaLabel",[2798,3274,3275],{},[371,3276,3143],{},[2798,3278,3279],{},[371,3280,3281],{},"\"Resize sidebar\"",[2798,3283,3284],{},"Resize separator accessible name.",[2777,3286,3287,3292,3297,3300],{},[2798,3288,3289],{},[371,3290,3291],{},"ui",[2798,3293,3294],{},[371,3295,3296],{},"SidebarUi",[2798,3298,3299],{},"—",[2798,3301,3302],{},"Classes for named structural parts.",[1221,3304,3306],{"id":3305},"slots","Slots",[2771,3308,3309,3321],{},[2774,3310,3311],{},[2777,3312,3313,3316,3319],{},[2780,3314,3315],{},"Slot",[2780,3317,3318],{},"Scoped props",[2780,3320,2791],{},[2793,3322,3323,3337,3350,3363],{},[2777,3324,3325,3329,3334],{},[2798,3326,3327],{},[371,3328,951],{},[2798,3330,3331],{},[371,3332,3333],{},"SidebarSlotProps",[2798,3335,3336],{},"Fixed header region.",[2777,3338,3339,3343,3347],{},[2798,3340,3341],{},[371,3342,1040],{},[2798,3344,3345],{},[371,3346,3333],{},[2798,3348,3349],{},"Scrollable body region.",[2777,3351,3352,3356,3360],{},[2798,3353,3354],{},[371,3355,1186],{},[2798,3357,3358],{},[371,3359,3333],{},[2798,3361,3362],{},"Fixed footer region.",[2777,3364,3365,3370,3374],{},[2798,3366,3367],{},[371,3368,3369],{},"resize-handle",[2798,3371,3372],{},[371,3373,3333],{},[2798,3375,3376],{},"Content inside the generated separator handle.",[368,3378,3379,3381,3382,3384,3385,3384,3387,3384,3390,3384,3393,3384,3395,3384,3398,3384,3401,3384,3404,3384,3407,3384,3410,3384,3412,3414,3415,3418,3419,3421,3422,2369],{},[371,3380,3333],{}," exposes ",[371,3383,2095],{},", ",[371,3386,1613],{},[371,3388,3389],{},"isMobile",[371,3391,3392],{},"state",[371,3394,2256],{},[371,3396,3397],{},"openMobile",[371,3399,3400],{},"closeMobile",[371,3402,3403],{},"toggleMobile",[371,3405,3406],{},"expand",[371,3408,3409],{},"collapse",[371,3411,1695],{},[371,3413,851],{},", and ",[371,3416,3417],{},"resetSize",". On mobile, ",[371,3420,1613],{}," is always ",[371,3423,1331],{},[1221,3425,3427],{"id":3426},"emits","Emits",[2771,3429,3430,3442],{},[2774,3431,3432],{},[2777,3433,3434,3437,3440],{},[2780,3435,3436],{},"Event",[2780,3438,3439],{},"Payload",[2780,3441,2791],{},[2793,3443,3444,3459,3474],{},[2777,3445,3446,3451,3456],{},[2798,3447,3448],{},[371,3449,3450],{},"open-change",[2798,3452,3453],{},[371,3454,3455],{},"[open, details]",[2798,3457,3458],{},"Cancelable mobile visibility change.",[2777,3460,3461,3466,3471],{},[2798,3462,3463],{},[371,3464,3465],{},"collapsed-change",[2798,3467,3468],{},[371,3469,3470],{},"[collapsed, details]",[2798,3472,3473],{},"Cancelable desktop collapse change.",[2777,3475,3476,3481,3486],{},[2798,3477,3478],{},[371,3479,3480],{},"size-change",[2798,3482,3483],{},[371,3484,3485],{},"[size, details]",[2798,3487,3488,3489,2369],{},"Cancelable pointer, keyboard, or reset size change. Details include ",[371,3490,3491],{},"previousSize",[1221,3493,3495],{"id":3494},"exposed-methods","Exposed methods",[2771,3497,3498,3507],{},[2774,3499,3500],{},[2777,3501,3502,3505],{},[2780,3503,3504],{},"Method",[2780,3506,2791],{},[2793,3508,3509,3524,3538,3547,3556,3567,3576],{},[2777,3510,3511,3518],{},[2798,3512,3513,3515,3516],{},[371,3514,2095],{}," \u002F ",[371,3517,3397],{},[2798,3519,3520,3521,3523],{},"Open mobile visibility. ",[371,3522,2095],{}," is a concise alias.",[2777,3525,3526,3533],{},[2798,3527,3528,3515,3531],{},[371,3529,3530],{},"close",[371,3532,3400],{},[2798,3534,3535,3536,3523],{},"Close mobile visibility. ",[371,3537,3530],{},[2777,3539,3540,3544],{},[2798,3541,3542],{},[371,3543,3403],{},[2798,3545,3546],{},"Toggle mobile visibility regardless of responsive state.",[2777,3548,3549,3553],{},[2798,3550,3551],{},[371,3552,851],{},[2798,3554,3555],{},"Toggle mobile visibility or desktop collapse based on responsive state.",[2777,3557,3558,3564],{},[2798,3559,3560,3515,3562],{},[371,3561,3406],{},[371,3563,3409],{},[2798,3565,3566],{},"Change desktop collapse state.",[2777,3568,3569,3573],{},[2798,3570,3571],{},[371,3572,1695],{},[2798,3574,3575],{},"Toggle desktop collapse state.",[2777,3577,3578,3582],{},[2798,3579,3580],{},[371,3581,3417],{},[2798,3583,3584,3585,2369],{},"Restore ",[371,3586,2368],{},[1221,3588,3590],{"id":3589},"exposed-values","Exposed values",[2771,3592,3593,3604],{},[2774,3594,3595],{},[2777,3596,3597,3600,3602],{},[2780,3598,3599],{},"Value",[2780,3601,2785],{},[2780,3603,2791],{},[2793,3605,3606,3620,3634,3648,3661],{},[2777,3607,3608,3613,3617],{},[2798,3609,3610],{},[371,3611,3612],{},"openValue",[2798,3614,3615],{},[371,3616,2807],{},[2798,3618,3619],{},"Current mobile visibility.",[2777,3621,3622,3627,3631],{},[2798,3623,3624],{},[371,3625,3626],{},"collapsedValue",[2798,3628,3629],{},[371,3630,2807],{},[2798,3632,3633],{},"Current desktop collapse value.",[2777,3635,3636,3641,3645],{},[2798,3637,3638],{},[371,3639,3640],{},"sizeValue",[2798,3642,3643],{},[371,3644,2851],{},[2798,3646,3647],{},"Current expanded width in pixels.",[2777,3649,3650,3654,3658],{},[2798,3651,3652],{},[371,3653,3389],{},[2798,3655,3656],{},[371,3657,2807],{},[2798,3659,3660],{},"Current responsive mode.",[2777,3662,3663,3667,3672],{},[2798,3664,3665],{},[371,3666,3392],{},[2798,3668,3669],{},[371,3670,3671],{},"SidebarState",[2798,3673,3674,3675,3384,3677,3384,3680,3682,3683,3685],{},"Current ",[371,3676,2095],{},[371,3678,3679],{},"closed",[371,3681,1777],{},", or ",[371,3684,1613],{}," state.",[368,3687,3688,3689,3692],{},"Prefer ",[371,3690,3691],{},"useSidebar(sidebarRef)"," when consuming these values outside the component.",[1221,3694,3696],{"id":3695},"ui-options","UI Options",[2771,3698,3699,3708],{},[2774,3700,3701],{},[2777,3702,3703,3706],{},[2780,3704,3705],{},"Key",[2780,3707,2791],{},[2793,3709,3710,3720,3730,3738,3747,3755,3765,3775,3785],{},[2777,3711,3712,3717],{},[2798,3713,3714],{},[371,3715,3716],{},"root",[2798,3718,3719],{},"Responsive root and desktop width container.",[2777,3721,3722,3727],{},[2798,3723,3724],{},[371,3725,3726],{},"panel",[2798,3728,3729],{},"Desktop panel or inner mobile panel.",[2777,3731,3732,3736],{},[2798,3733,3734],{},[371,3735,951],{},[2798,3737,3336],{},[2777,3739,3740,3745],{},[2798,3741,3742],{},[371,3743,3744],{},"body",[2798,3746,3349],{},[2777,3748,3749,3753],{},[2798,3750,3751],{},[371,3752,1186],{},[2798,3754,3362],{},[2777,3756,3757,3762],{},[2798,3758,3759],{},[371,3760,3761],{},"resizeHandle",[2798,3763,3764],{},"Accessible resize separator.",[2777,3766,3767,3772],{},[2798,3768,3769],{},[371,3770,3771],{},"mobileOverlay",[2798,3773,3774],{},"Mobile modal backdrop.",[2777,3776,3777,3782],{},[2798,3778,3779],{},[371,3780,3781],{},"mobileContent",[2798,3783,3784],{},"Mobile Drawer dialog panel.",[2777,3786,3787,3792],{},[2798,3788,3789],{},[371,3790,3791],{},"mobileWrapper",[2798,3793,3794],{},"Structural wrapper inside the mobile Drawer.",[1221,3796,3798],{"id":3797},"styling-hooks","Styling Hooks",[2771,3800,3801,3814],{},[2774,3802,3803],{},[2777,3804,3805,3808,3811],{},[2780,3806,3807],{},"UI key",[2780,3809,3810],{},"CSS class",[2780,3812,3813],{},"Data attrs",[2793,3815,3816,3850,3869,3882,3895,3908,3925,3942,3960],{},[2777,3817,3818,3822,3827],{},[2798,3819,3820],{},[371,3821,3716],{},[2798,3823,3824],{},[371,3825,3826],{},"akaza-sidebar-root",[2798,3828,3829,3384,3832,3384,3835,3384,3838,3384,3841,3384,3844,3384,3847],{},[371,3830,3831],{},"data-akaza-state",[371,3833,3834],{},"data-akaza-side",[371,3836,3837],{},"data-akaza-mobile",[371,3839,3840],{},"data-akaza-collapsible",[371,3842,3843],{},"data-akaza-collapsed",[371,3845,3846],{},"data-akaza-resizing",[371,3848,3849],{},"data-akaza-transition",[2777,3851,3852,3856,3861],{},[2798,3853,3854],{},[371,3855,3726],{},[2798,3857,3858],{},[371,3859,3860],{},"akaza-sidebar-panel",[2798,3862,3863,3384,3865,3384,3867],{},[371,3864,3831],{},[371,3866,3834],{},[371,3868,3837],{},[2777,3870,3871,3875,3880],{},[2798,3872,3873],{},[371,3874,951],{},[2798,3876,3877],{},[371,3878,3879],{},"akaza-sidebar-header",[2798,3881,3299],{},[2777,3883,3884,3888,3893],{},[2798,3885,3886],{},[371,3887,3744],{},[2798,3889,3890],{},[371,3891,3892],{},"akaza-sidebar-body",[2798,3894,3299],{},[2777,3896,3897,3901,3906],{},[2798,3898,3899],{},[371,3900,1186],{},[2798,3902,3903],{},[371,3904,3905],{},"akaza-sidebar-footer",[2798,3907,3299],{},[2777,3909,3910,3914,3919],{},[2798,3911,3912],{},[371,3913,3761],{},[2798,3915,3916],{},[371,3917,3918],{},"akaza-sidebar-resize-handle",[2798,3920,3921,3384,3923],{},[371,3922,3834],{},[371,3924,3846],{},[2777,3926,3927,3931,3936],{},[2798,3928,3929],{},[371,3930,3771],{},[2798,3932,3933],{},[371,3934,3935],{},"akaza-sidebar-mobile-overlay",[2798,3937,3938,3939,3941],{},"Drawer ",[371,3940,3831],{}," is also available on the same element.",[2777,3943,3944,3948,3953],{},[2798,3945,3946],{},[371,3947,3781],{},[2798,3949,3950],{},[371,3951,3952],{},"akaza-sidebar-mobile-content",[2798,3954,3938,3955,1973,3957,3959],{},[371,3956,3831],{},[371,3958,3834],{}," are also available on the same element.",[2777,3961,3962,3966,3971],{},[2798,3963,3964],{},[371,3965,3791],{},[2798,3967,3968],{},[371,3969,3970],{},"akaza-sidebar-mobile-wrapper",[2798,3972,3299],{},[368,3974,3975,3976,3384,3979,3384,3982,3384,3985,3414,3988,2369],{},"Width and motion can also be configured through ",[371,3977,3978],{},"--akaza-sidebar-size",[371,3980,3981],{},"--akaza-sidebar-collapsed-size",[371,3983,3984],{},"--akaza-sidebar-mobile-size",[371,3986,3987],{},"--akaza-sidebar-transition-duration",[371,3989,3990],{},"--akaza-sidebar-transition-easing",[368,3992,3993,3994,3997,3998,4000],{},"Plain ",[371,3995,3996],{},"class"," applies to the single root. Use ",[371,3999,3291],{}," for the panel, regions, resize handle, and teleported mobile parts.",[1221,4002,4004],{"id":4003},"keyboard","Keyboard",[2771,4006,4007,4016],{},[2774,4008,4009],{},[2777,4010,4011,4013],{},[2780,4012,3705],{},[2780,4014,4015],{},"Behavior",[2793,4017,4018,4034,4049,4062,4072,4085],{},[2777,4019,4020,4028],{},[2798,4021,4022,3515,4025],{},[371,4023,4024],{},"Arrow Left",[371,4026,4027],{},"Arrow Right",[2798,4029,4030,4031,4033],{},"Resize by ",[371,4032,3069],{},"; direction follows sidebar placement.",[2777,4035,4036,4044],{},[2798,4037,4038,3515,4041],{},[371,4039,4040],{},"Shift + Arrow Left",[371,4042,4043],{},"Shift + Arrow Right",[2798,4045,4046,4047,2369],{},"Resize by ten times ",[371,4048,3069],{},[2777,4050,4051,4059],{},[2798,4052,4053,3515,4056],{},[371,4054,4055],{},"Home",[371,4057,4058],{},"End",[2798,4060,4061],{},"Resize to minimum or maximum width.",[2777,4063,4064,4069],{},[2798,4065,4066],{},[371,4067,4068],{},"Escape",[2798,4070,4071],{},"Close mobile mode and restore focus.",[2777,4073,4074,4082],{},[2798,4075,4076,3515,4079],{},[371,4077,4078],{},"Tab",[371,4080,4081],{},"Shift + Tab",[2798,4083,4084],{},"Remain inside the open mobile dialog.",[2777,4086,4087,4092],{},[2798,4088,4089],{},[371,4090,4091],{},"Command\u002FCtrl + configured key",[2798,4093,4094,4095,4097],{},"Toggle current responsive state when ",[371,4096,3235],{}," is enabled.",[368,4099,4100],{},"Pointer, pen, and touch input can resize the desktop separator. Mobile mode supports backdrop and swipe dismissal. Desktop mode remains non-modal and never traps focus.",[4102,4103,4104],"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 .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":447,"searchDepth":454,"depth":487,"links":4106},[4107,4108,4109,4119,4120],{"id":380,"depth":487,"text":381},{"id":431,"depth":487,"text":23},{"id":1218,"depth":487,"text":1219,"children":4110},[4111,4112,4113,4114,4115,4116,4117],{"id":1223,"depth":521,"text":1224},{"id":1858,"depth":521,"text":1859},{"id":1980,"depth":521,"text":1981},{"id":2227,"depth":521,"text":2228},{"id":2372,"depth":521,"text":2373},{"id":2447,"depth":521,"text":2448},{"id":2496,"depth":521,"text":4118},"Custom behavior with useSidebar",{"id":2752,"depth":487,"text":47},{"id":2764,"depth":487,"text":2765,"children":4121},[4122,4123,4124,4125,4126,4127,4128,4129,4130],{"id":2768,"depth":521,"text":2769},{"id":2861,"depth":521,"text":2862},{"id":3305,"depth":521,"text":3306},{"id":3426,"depth":521,"text":3427},{"id":3494,"depth":521,"text":3495},{"id":3589,"depth":521,"text":3590},{"id":3695,"depth":521,"text":3696},{"id":3797,"depth":521,"text":3798},{"id":4003,"depth":521,"text":4004},"Responsive application sidebar with desktop collapse, resizing, and mobile dialog behavior.","md",null,{},{"icon":50,"badge":4136},{"label":79,"color":80},{"title":271,"description":4131},"hLfZfYCAPCBrGYOtvIvSV0V6WouOn_2usZQ1Fzhr96s",[4140,4142],{"title":266,"path":267,"stem":268,"description":4141,"icon":269,"children":-1},"A visual or semantic divider between content sections.",{"title":276,"path":277,"stem":278,"description":4143,"icon":279,"children":-1},"Single-value or range slider with pointer drag, keyboard step, and ARIA metadata.",1791960481049]