[{"data":1,"prerenderedAt":5348},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Fsidebar":320,"\u002Fcomponents\u002Fsidebar-surround":5343},[4,28],{"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":35},"Components","\u002Fcomponents","2.components\u002F1.index",[33,36,41,46,51,56,64,69,74,79,84,89,95,101,107,113,118,123,128,133,138,143,148,152,156,161,166,171,176,181,189,194,199,204,209,214,219,224,229,234,239,245,250,255,260,264,269,275,281,285,290,294,299,304,310,315],{"title":34,"path":30,"stem":31,"icon":35},"All Components","i-lucide-component",{"title":37,"path":38,"stem":39,"icon":40},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002Faccordion","i-lucide-layout-panel-top",{"title":42,"path":43,"stem":44,"icon":45},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","2.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":47,"path":48,"stem":49,"icon":50},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar","i-lucide-circle-user",{"title":52,"path":53,"stem":54,"icon":55},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":57,"path":58,"stem":59,"icon":60,"badge":61},"Calendar","\u002Fcomponents\u002Fcalendar","2.components\u002Fcalendar","i-lucide-calendar-days",{"label":62,"color":63},"NEW","success",{"title":65,"path":66,"stem":67,"icon":68},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox","i-lucide-square-check",{"title":70,"path":71,"stem":72,"icon":73},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","2.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":75,"path":76,"stem":77,"icon":78},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":80,"path":81,"stem":82,"icon":83},"Combobox","\u002Fcomponents\u002Fcombobox","2.components\u002Fcombobox","i-lucide-search",{"title":85,"path":86,"stem":87,"icon":88},"Context Menu","\u002Fcomponents\u002Fcontext-menu","2.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":90,"path":91,"stem":92,"icon":93,"badge":94},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table","i-lucide-table-2",{"label":62,"color":63},{"title":96,"path":97,"stem":98,"icon":99,"badge":100},"Date Field","\u002Fcomponents\u002Fdate-field","2.components\u002Fdate-field","i-lucide-calendar-clock",{"label":62,"color":63},{"title":102,"path":103,"stem":104,"icon":105,"badge":106},"Date Range Field","\u002Fcomponents\u002Fdate-range-field","2.components\u002Fdate-range-field","i-lucide-calendar-range",{"label":62,"color":63},{"title":108,"path":109,"stem":110,"icon":111,"badge":112},"Date Range Picker","\u002Fcomponents\u002Fdate-range-picker","2.components\u002Fdate-range-picker","i-lucide-calendar-search",{"label":62,"color":63},{"title":114,"path":115,"stem":116,"icon":117},"Dialog","\u002Fcomponents\u002Fdialog","2.components\u002Fdialog","i-lucide-square",{"title":119,"path":120,"stem":121,"icon":122},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer","i-lucide-panel-right",{"title":124,"path":125,"stem":126,"icon":127},"Editable","\u002Fcomponents\u002Feditable","2.components\u002Feditable","i-lucide-square-pen",{"title":129,"path":130,"stem":131,"icon":132},"Field","\u002Fcomponents\u002Ffield","2.components\u002Ffield","i-lucide-text-cursor-input",{"title":134,"path":135,"stem":136,"icon":137},"Fieldset","\u002Fcomponents\u002Ffieldset","2.components\u002Ffieldset","i-lucide-group",{"title":139,"path":140,"stem":141,"icon":142},"Form","\u002Fcomponents\u002Fform","2.components\u002Fform","i-lucide-clipboard-check",{"title":144,"path":145,"stem":146,"icon":147},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","2.components\u002Fhover-preview-card","i-lucide-id-card",{"title":149,"path":150,"stem":151,"icon":132},"Input","\u002Fcomponents\u002Finput","2.components\u002Finput",{"title":153,"path":154,"stem":155,"icon":73},"Listbox","\u002Fcomponents\u002Flistbox","2.components\u002Flistbox",{"title":157,"path":158,"stem":159,"icon":160},"Menu","\u002Fcomponents\u002Fmenu","2.components\u002Fmenu","i-lucide-list",{"title":162,"path":163,"stem":164,"icon":165},"Menubar","\u002Fcomponents\u002Fmenubar","2.components\u002Fmenubar","i-lucide-panel-top",{"title":167,"path":168,"stem":169,"icon":170},"Meter","\u002Fcomponents\u002Fmeter","2.components\u002Fmeter","i-lucide-gauge",{"title":172,"path":173,"stem":174,"icon":105,"badge":175},"Month Picker","\u002Fcomponents\u002Fmonth-picker","2.components\u002Fmonth-picker",{"label":62,"color":63},{"title":177,"path":178,"stem":179,"icon":105,"badge":180},"Month Range Picker","\u002Fcomponents\u002Fmonth-range-picker","2.components\u002Fmonth-range-picker",{"label":62,"color":63},{"title":182,"path":183,"stem":184,"icon":185,"badge":186},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","2.components\u002Fnavigation-menu","i-lucide-navigation",{"label":187,"color":188},"UPDATED","warning",{"title":190,"path":191,"stem":192,"icon":193},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field","i-lucide-badge-plus",{"title":195,"path":196,"stem":197,"icon":198},"Overlay Provider","\u002Fcomponents\u002Foverlay","2.components\u002Foverlay","i-lucide-panels-top-left",{"title":200,"path":201,"stem":202,"icon":203},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination","i-lucide-ellipsis",{"title":205,"path":206,"stem":207,"icon":208},"Pin \u002F OTP Input","\u002Fcomponents\u002Fpin-input","2.components\u002Fpin-input","i-lucide-binary",{"title":210,"path":211,"stem":212,"icon":213},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover","i-lucide-message-square",{"title":215,"path":216,"stem":217,"icon":218},"Progress","\u002Fcomponents\u002Fprogress","2.components\u002Fprogress","i-lucide-loader",{"title":220,"path":221,"stem":222,"icon":223},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group","i-lucide-circle-dot",{"title":225,"path":226,"stem":227,"icon":228},"Rating","\u002Fcomponents\u002Frating","2.components\u002Frating","i-lucide-star",{"title":230,"path":231,"stem":232,"icon":233},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect","i-lucide-list-filter",{"title":235,"path":236,"stem":237,"icon":238},"Separator","\u002Fcomponents\u002Fseparator","2.components\u002Fseparator","i-lucide-minus",{"title":240,"path":241,"stem":242,"icon":243,"badge":244},"Sidebar","\u002Fcomponents\u002Fsidebar","2.components\u002Fsidebar","i-lucide-panel-left",{"label":62,"color":63},{"title":246,"path":247,"stem":248,"icon":249},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider","i-lucide-sliders-horizontal",{"title":251,"path":252,"stem":253,"icon":254},"Stepper","\u002Fcomponents\u002Fstepper","2.components\u002Fstepper","i-lucide-list-ordered",{"title":256,"path":257,"stem":258,"icon":259},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch","i-lucide-toggle-left",{"title":261,"path":262,"stem":263,"icon":40},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":265,"path":266,"stem":267,"icon":268},"Tags Input","\u002Fcomponents\u002Ftags-input","2.components\u002Ftags-input","i-lucide-tags",{"title":270,"path":271,"stem":272,"icon":273,"badge":274},"Time Field","\u002Fcomponents\u002Ftime-field","2.components\u002Ftime-field","i-lucide-clock-3",{"label":62,"color":63},{"title":276,"path":277,"stem":278,"icon":279,"badge":280},"Time Range Field","\u002Fcomponents\u002Ftime-range-field","2.components\u002Ftime-range-field","i-lucide-clock-arrow-up",{"label":62,"color":63},{"title":282,"path":283,"stem":284,"icon":213},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":286,"path":287,"stem":288,"icon":289},"Toggle","\u002Fcomponents\u002Ftoggle","2.components\u002Ftoggle","i-lucide-toggle-right",{"title":291,"path":292,"stem":293,"icon":73},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","2.components\u002Ftoggle-group",{"title":295,"path":296,"stem":297,"icon":298},"Toolbar","\u002Fcomponents\u002Ftoolbar","2.components\u002Ftoolbar","i-lucide-wrench",{"title":300,"path":301,"stem":302,"icon":303},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip","i-lucide-info",{"title":305,"path":306,"stem":307,"icon":308,"badge":309},"Tree","\u002Fcomponents\u002Ftree","2.components\u002Ftree","i-lucide-folder-tree",{"label":62,"color":63},{"title":311,"path":312,"stem":313,"icon":60,"badge":314},"Year Picker","\u002Fcomponents\u002Fyear-picker","2.components\u002Fyear-picker",{"label":62,"color":63},{"title":316,"path":317,"stem":318,"icon":105,"badge":319},"Year Range Picker","\u002Fcomponents\u002Fyear-range-picker","2.components\u002Fyear-range-picker",{"label":62,"color":63},{"id":321,"title":240,"body":322,"description":5335,"extension":5336,"links":5337,"meta":5338,"navigation":5339,"path":241,"seo":5341,"stem":242,"__hash__":5342},"docs\u002F2.components\u002Fsidebar.md",{"type":323,"value":324,"toc":5303},"minimark",[325,335,340,377,388,391,397,1175,1179,1184,1194,1199,1815,1819,1829,1923,1937,1941,1951,2181,2184,2188,2195,2322,2329,2333,2336,2404,2408,2415,2450,2453,2459,2462,2702,2709,2714,2722,2778,2782,2785,3165,3168,3172,3178,3512,3518,3521,3524,3624,3628,3867,3880,3898,3902,3983,3987,3991,4068,4072,4511,4515,4585,4627,4631,4692,4696,4787,4791,4884,4891,4895,4993,4997,5171,5189,5199,5203,5296,5299],[326,327,328,331,332,334],"p",{},[329,330,240],"code",{}," renders persistent navigation on desktop and reuses modal ",[329,333,119],{}," behavior on small screens. Content stays consumer-owned while Akaza UI manages responsive state, collapse geometry, resizing, focus, dismissal, and accessibility.",[336,337,339],"h2",{"id":338},"anatomy","Anatomy",[341,342,343,353,361,369],"ul",{},[344,345,346,352],"li",{},[347,348,349],"strong",{},[329,350,351],{},"#header",": Fixed region for branding, workspace controls, or an internal collapse action.",[344,354,355,360],{},[347,356,357],{},[329,358,359],{},"#default",": Scrollable navigation or application content.",[344,362,363,368],{},[347,364,365],{},[329,366,367],{},"#footer",": Fixed region for account controls or secondary actions.",[344,370,371,376],{},[347,372,373],{},[329,374,375],{},"#resize-handle",": Optional content inside the generated accessible resize separator.",[326,378,379,380,383,384,387],{},"Every slot receives responsive state, size, and safe action functions. Toggle controls outside the sidebar should use ",[329,381,382],{},"v-model"," or ",[329,385,386],{},"useSidebar","; Akaza does not require a separate trigger sub-component.",[336,389,23],{"id":390},"usage",[392,393,394],"component-preview",{},[395,396],"examples-sidebar-demo",{},[398,399,400],"component-code",{},[401,402,407],"pre",{"className":403,"code":404,"language":405,"meta":406,"style":406},"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","",[329,408,409,444,478,511,538,545,583,608,646,659,694,725,733,743,748,758,767,783,798,813,819,825,835,840,848,862,877,892,897,931,943,973,983,988,1018,1026,1041,1056,1071,1085,1100,1114,1120,1129,1134,1157,1166],{"__ignoreMap":406},[410,411,414,418,422,426,429,432,435,439,441],"span",{"class":412,"line":413},"line",1,[410,415,417],{"class":416},"sMK4o","\u003C",[410,419,421],{"class":420},"swJcz","script",[410,423,425],{"class":424},"spNyl"," setup",[410,427,428],{"class":424}," lang",[410,430,431],{"class":416},"=",[410,433,434],{"class":416},"\"",[410,436,438],{"class":437},"sfazB","ts",[410,440,434],{"class":416},[410,442,443],{"class":416},">\n",[410,445,447,451,454,457,461,464,467,470,473,475],{"class":412,"line":446},2,[410,448,450],{"class":449},"s7zQu","import",[410,452,453],{"class":449}," type",[410,455,456],{"class":416}," {",[410,458,460],{"class":459},"sTEyZ"," SidebarController",[410,462,463],{"class":416}," }",[410,465,466],{"class":449}," from",[410,468,469],{"class":416}," \"",[410,471,472],{"class":437},"akaza-ui",[410,474,434],{"class":416},[410,476,477],{"class":416},";\n",[410,479,481,483,485,488,491,494,496,499,501,503,505,507,509],{"class":412,"line":480},3,[410,482,450],{"class":449},[410,484,456],{"class":416},[410,486,487],{"class":459}," NavigationMenu",[410,489,490],{"class":416},",",[410,492,493],{"class":459}," Sidebar",[410,495,490],{"class":416},[410,497,498],{"class":459}," useSidebar",[410,500,463],{"class":416},[410,502,466],{"class":449},[410,504,469],{"class":416},[410,506,472],{"class":437},[410,508,434],{"class":416},[410,510,477],{"class":416},[410,512,514,516,518,521,523,526,528,530,532,534,536],{"class":412,"line":513},4,[410,515,450],{"class":449},[410,517,456],{"class":416},[410,519,520],{"class":459}," ref",[410,522,490],{"class":416},[410,524,525],{"class":459}," useTemplateRef",[410,527,463],{"class":416},[410,529,466],{"class":449},[410,531,469],{"class":416},[410,533,405],{"class":437},[410,535,434],{"class":416},[410,537,477],{"class":416},[410,539,541],{"class":412,"line":540},5,[410,542,544],{"emptyLinePlaceholder":543},true,"\n",[410,546,548,551,554,556,559,561,565,568,571,573,576,578,581],{"class":412,"line":547},6,[410,549,550],{"class":424},"const",[410,552,553],{"class":459}," sidebarRef ",[410,555,431],{"class":416},[410,557,525],{"class":558},"s2Zo4",[410,560,417],{"class":416},[410,562,564],{"class":563},"sBMFI","SidebarController",[410,566,567],{"class":416},">",[410,569,570],{"class":459},"(",[410,572,434],{"class":416},[410,574,575],{"class":437},"sidebar",[410,577,434],{"class":416},[410,579,580],{"class":459},")",[410,582,477],{"class":416},[410,584,586,588,591,593,595,597,599,602,604,606],{"class":412,"line":585},7,[410,587,550],{"class":424},[410,589,590],{"class":459}," selected ",[410,592,431],{"class":416},[410,594,520],{"class":558},[410,596,570],{"class":459},[410,598,434],{"class":416},[410,600,601],{"class":437},"dashboard",[410,603,434],{"class":416},[410,605,580],{"class":459},[410,607,477],{"class":416},[410,609,611,613,615,618,620,623,625,628,630,633,636,639,641,644],{"class":412,"line":610},8,[410,612,550],{"class":424},[410,614,456],{"class":416},[410,616,617],{"class":459}," collapsed",[410,619,490],{"class":416},[410,621,622],{"class":459}," isMobile",[410,624,490],{"class":416},[410,626,627],{"class":459}," open",[410,629,490],{"class":416},[410,631,632],{"class":459}," toggle ",[410,634,635],{"class":416},"}",[410,637,638],{"class":416}," =",[410,640,498],{"class":558},[410,642,643],{"class":459},"(sidebarRef)",[410,645,477],{"class":416},[410,647,649,651,654,656],{"class":412,"line":648},9,[410,650,550],{"class":424},[410,652,653],{"class":459}," items ",[410,655,431],{"class":416},[410,657,658],{"class":459}," [\n",[410,660,662,665,668,671,673,676,678,680,683,685,687,689,691],{"class":412,"line":661},10,[410,663,664],{"class":416},"  {",[410,666,667],{"class":420}," label",[410,669,670],{"class":416},":",[410,672,469],{"class":416},[410,674,675],{"class":437},"Dashboard",[410,677,434],{"class":416},[410,679,490],{"class":416},[410,681,682],{"class":420}," value",[410,684,670],{"class":416},[410,686,469],{"class":416},[410,688,601],{"class":437},[410,690,434],{"class":416},[410,692,693],{"class":416}," },\n",[410,695,697,699,701,703,705,708,710,712,714,716,718,721,723],{"class":412,"line":696},11,[410,698,664],{"class":416},[410,700,667],{"class":420},[410,702,670],{"class":416},[410,704,469],{"class":416},[410,706,707],{"class":437},"Projects",[410,709,434],{"class":416},[410,711,490],{"class":416},[410,713,682],{"class":420},[410,715,670],{"class":416},[410,717,469],{"class":416},[410,719,720],{"class":437},"projects",[410,722,434],{"class":416},[410,724,693],{"class":416},[410,726,728,731],{"class":412,"line":727},12,[410,729,730],{"class":459},"]",[410,732,477],{"class":416},[410,734,736,739,741],{"class":412,"line":735},13,[410,737,738],{"class":416},"\u003C\u002F",[410,740,421],{"class":420},[410,742,443],{"class":416},[410,744,746],{"class":412,"line":745},14,[410,747,544],{"emptyLinePlaceholder":543},[410,749,751,753,756],{"class":412,"line":750},15,[410,752,417],{"class":416},[410,754,755],{"class":420},"template",[410,757,443],{"class":416},[410,759,761,764],{"class":412,"line":760},16,[410,762,763],{"class":416},"  \u003C",[410,765,766],{"class":420},"button\n",[410,768,770,773,775,777,780],{"class":412,"line":769},17,[410,771,772],{"class":424},"    type",[410,774,431],{"class":416},[410,776,434],{"class":416},[410,778,779],{"class":437},"button",[410,781,782],{"class":416},"\"\n",[410,784,786,789,791,793,796],{"class":412,"line":785},18,[410,787,788],{"class":424},"    :aria-expanded",[410,790,431],{"class":416},[410,792,434],{"class":416},[410,794,795],{"class":437},"isMobile ? open : !collapsed",[410,797,782],{"class":416},[410,799,801,804,806,808,811],{"class":412,"line":800},19,[410,802,803],{"class":424},"    @click",[410,805,431],{"class":416},[410,807,434],{"class":416},[410,809,810],{"class":437},"toggle",[410,812,782],{"class":416},[410,814,816],{"class":412,"line":815},20,[410,817,818],{"class":416},"  >\n",[410,820,822],{"class":412,"line":821},21,[410,823,824],{"class":459},"    Navigation\n",[410,826,828,831,833],{"class":412,"line":827},22,[410,829,830],{"class":416},"  \u003C\u002F",[410,832,779],{"class":420},[410,834,443],{"class":416},[410,836,838],{"class":412,"line":837},23,[410,839,544],{"emptyLinePlaceholder":543},[410,841,843,845],{"class":412,"line":842},24,[410,844,763],{"class":416},[410,846,847],{"class":420},"Sidebar\n",[410,849,851,854,856,858,860],{"class":412,"line":850},25,[410,852,853],{"class":424},"    ref",[410,855,431],{"class":416},[410,857,434],{"class":416},[410,859,575],{"class":437},[410,861,782],{"class":416},[410,863,865,868,870,872,875],{"class":412,"line":864},26,[410,866,867],{"class":424},"    collapsible",[410,869,431],{"class":416},[410,871,434],{"class":416},[410,873,874],{"class":437},"icon",[410,876,782],{"class":416},[410,878,880,883,885,887,890],{"class":412,"line":879},27,[410,881,882],{"class":424},"    aria-label",[410,884,431],{"class":416},[410,886,434],{"class":416},[410,888,889],{"class":437},"Workspace navigation",[410,891,782],{"class":416},[410,893,895],{"class":412,"line":894},28,[410,896,818],{"class":416},[410,898,900,903,905,908,911,913,915,918,920,922,925,927,929],{"class":412,"line":899},29,[410,901,902],{"class":416},"    \u003C",[410,904,755],{"class":420},[410,906,907],{"class":416}," #",[410,909,910],{"class":424},"header",[410,912,431],{"class":416},[410,914,434],{"class":416},[410,916,917],{"class":416},"{",[410,919,617],{"class":420},[410,921,670],{"class":416},[410,923,924],{"class":459}," isCollapsed ",[410,926,635],{"class":416},[410,928,434],{"class":416},[410,930,443],{"class":416},[410,932,934,937,940],{"class":412,"line":933},30,[410,935,936],{"class":416},"      \u003C",[410,938,939],{"class":420},"Logo",[410,941,942],{"class":416}," \u002F>\n",[410,944,946,948,950,953,955,957,960,962,964,967,969,971],{"class":412,"line":945},31,[410,947,936],{"class":416},[410,949,410],{"class":420},[410,951,952],{"class":424}," v-if",[410,954,431],{"class":416},[410,956,434],{"class":416},[410,958,959],{"class":437},"!isCollapsed",[410,961,434],{"class":416},[410,963,567],{"class":416},[410,965,966],{"class":459},"Workspace",[410,968,738],{"class":416},[410,970,410],{"class":420},[410,972,443],{"class":416},[410,974,976,979,981],{"class":412,"line":975},32,[410,977,978],{"class":416},"    \u003C\u002F",[410,980,755],{"class":420},[410,982,443],{"class":416},[410,984,986],{"class":412,"line":985},33,[410,987,544],{"emptyLinePlaceholder":543},[410,989,991,993,995,997,1000,1002,1004,1006,1008,1010,1012,1014,1016],{"class":412,"line":990},34,[410,992,902],{"class":416},[410,994,755],{"class":420},[410,996,907],{"class":416},[410,998,999],{"class":424},"default",[410,1001,431],{"class":416},[410,1003,434],{"class":416},[410,1005,917],{"class":416},[410,1007,617],{"class":420},[410,1009,670],{"class":416},[410,1011,924],{"class":459},[410,1013,635],{"class":416},[410,1015,434],{"class":416},[410,1017,443],{"class":416},[410,1019,1021,1023],{"class":412,"line":1020},35,[410,1022,936],{"class":416},[410,1024,1025],{"class":420},"NavigationMenu\n",[410,1027,1029,1032,1034,1036,1039],{"class":412,"line":1028},36,[410,1030,1031],{"class":424},"        v-model",[410,1033,431],{"class":416},[410,1035,434],{"class":416},[410,1037,1038],{"class":437},"selected",[410,1040,782],{"class":416},[410,1042,1044,1047,1049,1051,1054],{"class":412,"line":1043},37,[410,1045,1046],{"class":424},"        orientation",[410,1048,431],{"class":416},[410,1050,434],{"class":416},[410,1052,1053],{"class":437},"vertical",[410,1055,782],{"class":416},[410,1057,1059,1062,1064,1066,1069],{"class":412,"line":1058},38,[410,1060,1061],{"class":424},"        :collapsed",[410,1063,431],{"class":416},[410,1065,434],{"class":416},[410,1067,1068],{"class":437},"isCollapsed",[410,1070,782],{"class":416},[410,1072,1074,1077,1079,1081,1083],{"class":412,"line":1073},39,[410,1075,1076],{"class":424},"        :tooltip",[410,1078,431],{"class":416},[410,1080,434],{"class":416},[410,1082,1068],{"class":437},[410,1084,782],{"class":416},[410,1086,1088,1091,1093,1095,1098],{"class":412,"line":1087},40,[410,1089,1090],{"class":424},"        :items",[410,1092,431],{"class":416},[410,1094,434],{"class":416},[410,1096,1097],{"class":437},"items",[410,1099,782],{"class":416},[410,1101,1103,1106,1108,1110,1112],{"class":412,"line":1102},41,[410,1104,1105],{"class":424},"        aria-label",[410,1107,431],{"class":416},[410,1109,434],{"class":416},[410,1111,966],{"class":437},[410,1113,782],{"class":416},[410,1115,1117],{"class":412,"line":1116},42,[410,1118,1119],{"class":416},"      \u002F>\n",[410,1121,1123,1125,1127],{"class":412,"line":1122},43,[410,1124,978],{"class":416},[410,1126,755],{"class":420},[410,1128,443],{"class":416},[410,1130,1132],{"class":412,"line":1131},44,[410,1133,544],{"emptyLinePlaceholder":543},[410,1135,1137,1139,1141,1143,1146,1148,1151,1153,1155],{"class":412,"line":1136},45,[410,1138,902],{"class":416},[410,1140,755],{"class":420},[410,1142,907],{"class":416},[410,1144,1145],{"class":424},"footer",[410,1147,567],{"class":416},[410,1149,1150],{"class":459},"Account",[410,1152,738],{"class":416},[410,1154,755],{"class":420},[410,1156,443],{"class":416},[410,1158,1160,1162,1164],{"class":412,"line":1159},46,[410,1161,830],{"class":416},[410,1163,240],{"class":420},[410,1165,443],{"class":416},[410,1167,1169,1171,1173],{"class":412,"line":1168},47,[410,1170,738],{"class":416},[410,1172,755],{"class":420},[410,1174,443],{"class":416},[336,1176,1178],{"id":1177},"examples","Examples",[1180,1181,1183],"h3",{"id":1182},"nested-navigation","Nested navigation",[326,1185,1186,1187,1189,1190,1193],{},"Compose ",[329,1188,240],{}," with a vertical ",[329,1191,1192],{},"NavigationMenu"," for groups, nested items, active state, badges, collapsed tooltips, and side flyouts. The sidebar owns responsive layout; the navigation menu owns navigation state.",[392,1195,1196],{},[1197,1198],"examples-sidebar-navigation-demo",{},[398,1200,1201],{},[401,1202,1204],{"className":403,"code":1203,"language":405,"meta":406,"style":406},"\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",[329,1205,1206,1226,1250,1270,1274,1295,1317,1342,1352,1382,1387,1403,1418,1427,1457,1487,1494,1499,1529,1535,1543,1547,1555,1561,1575,1588,1600,1604,1629,1667,1675,1679,1707,1713,1725,1739,1751,1763,1775,1787,1791,1799,1807],{"__ignoreMap":406},[410,1207,1208,1210,1212,1214,1216,1218,1220,1222,1224],{"class":412,"line":413},[410,1209,417],{"class":416},[410,1211,421],{"class":420},[410,1213,425],{"class":424},[410,1215,428],{"class":424},[410,1217,431],{"class":416},[410,1219,434],{"class":416},[410,1221,438],{"class":437},[410,1223,434],{"class":416},[410,1225,443],{"class":416},[410,1227,1228,1230,1232,1234,1236,1238,1240,1242,1244,1246,1248],{"class":412,"line":446},[410,1229,450],{"class":449},[410,1231,456],{"class":416},[410,1233,487],{"class":459},[410,1235,490],{"class":416},[410,1237,493],{"class":459},[410,1239,463],{"class":416},[410,1241,466],{"class":449},[410,1243,469],{"class":416},[410,1245,472],{"class":437},[410,1247,434],{"class":416},[410,1249,477],{"class":416},[410,1251,1252,1254,1256,1258,1260,1262,1264,1266,1268],{"class":412,"line":480},[410,1253,450],{"class":449},[410,1255,456],{"class":416},[410,1257,520],{"class":459},[410,1259,463],{"class":416},[410,1261,466],{"class":449},[410,1263,469],{"class":416},[410,1265,405],{"class":437},[410,1267,434],{"class":416},[410,1269,477],{"class":416},[410,1271,1272],{"class":412,"line":513},[410,1273,544],{"emptyLinePlaceholder":543},[410,1275,1276,1278,1281,1283,1285,1287,1291,1293],{"class":412,"line":540},[410,1277,550],{"class":424},[410,1279,1280],{"class":459}," collapsed ",[410,1282,431],{"class":416},[410,1284,520],{"class":558},[410,1286,570],{"class":459},[410,1288,1290],{"class":1289},"sfNiH","false",[410,1292,580],{"class":459},[410,1294,477],{"class":416},[410,1296,1297,1299,1301,1303,1305,1307,1309,1311,1313,1315],{"class":412,"line":547},[410,1298,550],{"class":424},[410,1300,590],{"class":459},[410,1302,431],{"class":416},[410,1304,520],{"class":558},[410,1306,570],{"class":459},[410,1308,434],{"class":416},[410,1310,472],{"class":437},[410,1312,434],{"class":416},[410,1314,580],{"class":459},[410,1316,477],{"class":416},[410,1318,1319,1321,1324,1326,1328,1331,1333,1335,1337,1340],{"class":412,"line":585},[410,1320,550],{"class":424},[410,1322,1323],{"class":459}," expanded ",[410,1325,431],{"class":416},[410,1327,520],{"class":558},[410,1329,1330],{"class":459},"([",[410,1332,434],{"class":416},[410,1334,720],{"class":437},[410,1336,434],{"class":416},[410,1338,1339],{"class":459},"])",[410,1341,477],{"class":416},[410,1343,1344,1346,1348,1350],{"class":412,"line":610},[410,1345,550],{"class":424},[410,1347,653],{"class":459},[410,1349,431],{"class":416},[410,1351,658],{"class":459},[410,1353,1354,1356,1358,1360,1362,1365,1367,1369,1371,1373,1375,1378,1380],{"class":412,"line":648},[410,1355,664],{"class":416},[410,1357,667],{"class":420},[410,1359,670],{"class":416},[410,1361,469],{"class":416},[410,1363,1364],{"class":437},"Overview",[410,1366,434],{"class":416},[410,1368,490],{"class":416},[410,1370,682],{"class":420},[410,1372,670],{"class":416},[410,1374,469],{"class":416},[410,1376,1377],{"class":437},"overview",[410,1379,434],{"class":416},[410,1381,693],{"class":416},[410,1383,1384],{"class":412,"line":661},[410,1385,1386],{"class":416},"  {\n",[410,1388,1389,1392,1394,1396,1398,1400],{"class":412,"line":696},[410,1390,1391],{"class":420},"    label",[410,1393,670],{"class":416},[410,1395,469],{"class":416},[410,1397,707],{"class":437},[410,1399,434],{"class":416},[410,1401,1402],{"class":416},",\n",[410,1404,1405,1408,1410,1412,1414,1416],{"class":412,"line":727},[410,1406,1407],{"class":420},"    value",[410,1409,670],{"class":416},[410,1411,469],{"class":416},[410,1413,720],{"class":437},[410,1415,434],{"class":416},[410,1417,1402],{"class":416},[410,1419,1420,1423,1425],{"class":412,"line":735},[410,1421,1422],{"class":420},"    children",[410,1424,670],{"class":416},[410,1426,658],{"class":459},[410,1428,1429,1432,1434,1436,1438,1441,1443,1445,1447,1449,1451,1453,1455],{"class":412,"line":745},[410,1430,1431],{"class":416},"      {",[410,1433,667],{"class":420},[410,1435,670],{"class":416},[410,1437,469],{"class":416},[410,1439,1440],{"class":437},"Akaza UI",[410,1442,434],{"class":416},[410,1444,490],{"class":416},[410,1446,682],{"class":420},[410,1448,670],{"class":416},[410,1450,469],{"class":416},[410,1452,472],{"class":437},[410,1454,434],{"class":416},[410,1456,693],{"class":416},[410,1458,1459,1461,1463,1465,1467,1470,1472,1474,1476,1478,1480,1483,1485],{"class":412,"line":750},[410,1460,1431],{"class":416},[410,1462,667],{"class":420},[410,1464,670],{"class":416},[410,1466,469],{"class":416},[410,1468,1469],{"class":437},"Website",[410,1471,434],{"class":416},[410,1473,490],{"class":416},[410,1475,682],{"class":420},[410,1477,670],{"class":416},[410,1479,469],{"class":416},[410,1481,1482],{"class":437},"website",[410,1484,434],{"class":416},[410,1486,693],{"class":416},[410,1488,1489,1492],{"class":412,"line":760},[410,1490,1491],{"class":459},"    ]",[410,1493,1402],{"class":416},[410,1495,1496],{"class":412,"line":769},[410,1497,1498],{"class":416},"  },\n",[410,1500,1501,1503,1505,1507,1509,1512,1514,1516,1518,1520,1522,1525,1527],{"class":412,"line":785},[410,1502,664],{"class":416},[410,1504,667],{"class":420},[410,1506,670],{"class":416},[410,1508,469],{"class":416},[410,1510,1511],{"class":437},"Settings",[410,1513,434],{"class":416},[410,1515,490],{"class":416},[410,1517,682],{"class":420},[410,1519,670],{"class":416},[410,1521,469],{"class":416},[410,1523,1524],{"class":437},"settings",[410,1526,434],{"class":416},[410,1528,693],{"class":416},[410,1530,1531,1533],{"class":412,"line":800},[410,1532,730],{"class":459},[410,1534,477],{"class":416},[410,1536,1537,1539,1541],{"class":412,"line":815},[410,1538,738],{"class":416},[410,1540,421],{"class":420},[410,1542,443],{"class":416},[410,1544,1545],{"class":412,"line":821},[410,1546,544],{"emptyLinePlaceholder":543},[410,1548,1549,1551,1553],{"class":412,"line":827},[410,1550,417],{"class":416},[410,1552,755],{"class":420},[410,1554,443],{"class":416},[410,1556,1557,1559],{"class":412,"line":837},[410,1558,763],{"class":416},[410,1560,847],{"class":420},[410,1562,1563,1566,1568,1570,1573],{"class":412,"line":842},[410,1564,1565],{"class":424},"    v-model:collapsed",[410,1567,431],{"class":416},[410,1569,434],{"class":416},[410,1571,1572],{"class":437},"collapsed",[410,1574,782],{"class":416},[410,1576,1577,1580,1582,1584,1586],{"class":412,"line":850},[410,1578,1579],{"class":424},"    :mobile",[410,1581,431],{"class":416},[410,1583,434],{"class":416},[410,1585,1290],{"class":437},[410,1587,782],{"class":416},[410,1589,1590,1592,1594,1596,1598],{"class":412,"line":864},[410,1591,867],{"class":424},[410,1593,431],{"class":416},[410,1595,434],{"class":416},[410,1597,874],{"class":437},[410,1599,782],{"class":416},[410,1601,1602],{"class":412,"line":879},[410,1603,818],{"class":416},[410,1605,1606,1608,1610,1612,1614,1616,1618,1620,1623,1625,1627],{"class":412,"line":894},[410,1607,902],{"class":416},[410,1609,755],{"class":420},[410,1611,907],{"class":416},[410,1613,910],{"class":424},[410,1615,431],{"class":416},[410,1617,434],{"class":416},[410,1619,917],{"class":416},[410,1621,1622],{"class":459}," toggleCollapsed ",[410,1624,635],{"class":416},[410,1626,434],{"class":416},[410,1628,443],{"class":416},[410,1630,1631,1633,1635,1637,1639,1641,1643,1645,1648,1650,1652,1655,1657,1659,1661,1663,1665],{"class":412,"line":899},[410,1632,936],{"class":416},[410,1634,779],{"class":420},[410,1636,453],{"class":424},[410,1638,431],{"class":416},[410,1640,434],{"class":416},[410,1642,779],{"class":437},[410,1644,434],{"class":416},[410,1646,1647],{"class":424}," @click",[410,1649,431],{"class":416},[410,1651,434],{"class":416},[410,1653,1654],{"class":437},"toggleCollapsed",[410,1656,434],{"class":416},[410,1658,567],{"class":416},[410,1660,286],{"class":459},[410,1662,738],{"class":416},[410,1664,779],{"class":420},[410,1666,443],{"class":416},[410,1668,1669,1671,1673],{"class":412,"line":933},[410,1670,978],{"class":416},[410,1672,755],{"class":420},[410,1674,443],{"class":416},[410,1676,1677],{"class":412,"line":945},[410,1678,544],{"emptyLinePlaceholder":543},[410,1680,1681,1683,1685,1687,1689,1691,1693,1695,1697,1699,1701,1703,1705],{"class":412,"line":975},[410,1682,902],{"class":416},[410,1684,755],{"class":420},[410,1686,907],{"class":416},[410,1688,999],{"class":424},[410,1690,431],{"class":416},[410,1692,434],{"class":416},[410,1694,917],{"class":416},[410,1696,617],{"class":420},[410,1698,670],{"class":416},[410,1700,924],{"class":459},[410,1702,635],{"class":416},[410,1704,434],{"class":416},[410,1706,443],{"class":416},[410,1708,1709,1711],{"class":412,"line":985},[410,1710,936],{"class":416},[410,1712,1025],{"class":420},[410,1714,1715,1717,1719,1721,1723],{"class":412,"line":990},[410,1716,1031],{"class":424},[410,1718,431],{"class":416},[410,1720,434],{"class":416},[410,1722,1038],{"class":437},[410,1724,782],{"class":416},[410,1726,1727,1730,1732,1734,1737],{"class":412,"line":1020},[410,1728,1729],{"class":424},"        v-model:expanded",[410,1731,431],{"class":416},[410,1733,434],{"class":416},[410,1735,1736],{"class":437},"expanded",[410,1738,782],{"class":416},[410,1740,1741,1743,1745,1747,1749],{"class":412,"line":1028},[410,1742,1046],{"class":424},[410,1744,431],{"class":416},[410,1746,434],{"class":416},[410,1748,1053],{"class":437},[410,1750,782],{"class":416},[410,1752,1753,1755,1757,1759,1761],{"class":412,"line":1043},[410,1754,1061],{"class":424},[410,1756,431],{"class":416},[410,1758,434],{"class":416},[410,1760,1068],{"class":437},[410,1762,782],{"class":416},[410,1764,1765,1767,1769,1771,1773],{"class":412,"line":1058},[410,1766,1076],{"class":424},[410,1768,431],{"class":416},[410,1770,434],{"class":416},[410,1772,1068],{"class":437},[410,1774,782],{"class":416},[410,1776,1777,1779,1781,1783,1785],{"class":412,"line":1073},[410,1778,1090],{"class":424},[410,1780,431],{"class":416},[410,1782,434],{"class":416},[410,1784,1097],{"class":437},[410,1786,782],{"class":416},[410,1788,1789],{"class":412,"line":1087},[410,1790,1119],{"class":416},[410,1792,1793,1795,1797],{"class":412,"line":1102},[410,1794,978],{"class":416},[410,1796,755],{"class":420},[410,1798,443],{"class":416},[410,1800,1801,1803,1805],{"class":412,"line":1116},[410,1802,830],{"class":416},[410,1804,240],{"class":420},[410,1806,443],{"class":416},[410,1808,1809,1811,1813],{"class":412,"line":1122},[410,1810,738],{"class":416},[410,1812,755],{"class":420},[410,1814,443],{"class":416},[1180,1816,1818],{"id":1817},"collapse-modes","Collapse modes",[326,1820,1821,1822,1824,1825,1828],{},"Use ",[329,1823,874],{}," when compact controls remain usable. Use ",[329,1826,1827],{},"offcanvas"," when the complete desktop panel should leave the layout.",[401,1830,1832],{"className":403,"code":1831,"language":405,"meta":406,"style":406},"\u003CSidebar v-model:collapsed=\"collapsed\" collapsible=\"icon\" \u002F>\n\u003CSidebar v-model:collapsed=\"hidden\" collapsible=\"offcanvas\" \u002F>\n\u003CSidebar :collapsible=\"false\" \u002F>\n",[329,1833,1834,1868,1901],{"__ignoreMap":406},[410,1835,1836,1838,1840,1843,1845,1847,1849,1851,1853,1855,1858,1860,1862,1864,1866],{"class":412,"line":413},[410,1837,417],{"class":416},[410,1839,240],{"class":420},[410,1841,1842],{"class":424}," v-model",[410,1844,670],{"class":416},[410,1846,1572],{"class":424},[410,1848,431],{"class":416},[410,1850,434],{"class":416},[410,1852,1572],{"class":459},[410,1854,434],{"class":416},[410,1856,1857],{"class":424}," collapsible",[410,1859,431],{"class":416},[410,1861,434],{"class":416},[410,1863,874],{"class":437},[410,1865,434],{"class":416},[410,1867,942],{"class":416},[410,1869,1870,1872,1874,1876,1878,1880,1882,1884,1887,1889,1891,1893,1895,1897,1899],{"class":412,"line":446},[410,1871,417],{"class":416},[410,1873,240],{"class":420},[410,1875,1842],{"class":424},[410,1877,670],{"class":416},[410,1879,1572],{"class":424},[410,1881,431],{"class":416},[410,1883,434],{"class":416},[410,1885,1886],{"class":459},"hidden",[410,1888,434],{"class":416},[410,1890,1857],{"class":424},[410,1892,431],{"class":416},[410,1894,434],{"class":416},[410,1896,1827],{"class":437},[410,1898,434],{"class":416},[410,1900,942],{"class":416},[410,1902,1903,1905,1907,1910,1913,1915,1917,1919,1921],{"class":412,"line":480},[410,1904,417],{"class":416},[410,1906,240],{"class":420},[410,1908,1909],{"class":416}," :",[410,1911,1912],{"class":424},"collapsible",[410,1914,431],{"class":416},[410,1916,434],{"class":416},[410,1918,1290],{"class":1289},[410,1920,434],{"class":416},[410,1922,942],{"class":416},[326,1924,1925,1926,1928,1929,1932,1933,1936],{},"In icon mode, slot content remains mounted and interactive. Use the slot's ",[329,1927,1572],{}," value to hide labels or replace content. Off-canvas content becomes ",[329,1930,1931],{},"inert"," and ",[329,1934,1935],{},"aria-hidden"," when collapsed.",[1180,1938,1940],{"id":1939},"mobile-dialog","Mobile dialog",[326,1942,1943,1946,1947,1950],{},[329,1944,1945],{},"breakpoint"," controls when the persistent sidebar becomes a modal drawer. ",[329,1948,1949],{},"mobile"," can override media-query detection for container-based layouts or tests.",[401,1952,1954],{"className":403,"code":1953,"language":405,"meta":406,"style":406},"\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",[329,1955,1956,1976,1996,2000,2019,2027,2031,2039,2079,2083,2089,2102,2116,2130,2143,2147,2165,2173],{"__ignoreMap":406},[410,1957,1958,1960,1962,1964,1966,1968,1970,1972,1974],{"class":412,"line":413},[410,1959,417],{"class":416},[410,1961,421],{"class":420},[410,1963,425],{"class":424},[410,1965,428],{"class":424},[410,1967,431],{"class":416},[410,1969,434],{"class":416},[410,1971,438],{"class":437},[410,1973,434],{"class":416},[410,1975,443],{"class":416},[410,1977,1978,1980,1982,1984,1986,1988,1990,1992,1994],{"class":412,"line":446},[410,1979,450],{"class":449},[410,1981,456],{"class":416},[410,1983,520],{"class":459},[410,1985,463],{"class":416},[410,1987,466],{"class":449},[410,1989,469],{"class":416},[410,1991,405],{"class":437},[410,1993,434],{"class":416},[410,1995,477],{"class":416},[410,1997,1998],{"class":412,"line":480},[410,1999,544],{"emptyLinePlaceholder":543},[410,2001,2002,2004,2007,2009,2011,2013,2015,2017],{"class":412,"line":513},[410,2003,550],{"class":424},[410,2005,2006],{"class":459}," open ",[410,2008,431],{"class":416},[410,2010,520],{"class":558},[410,2012,570],{"class":459},[410,2014,1290],{"class":1289},[410,2016,580],{"class":459},[410,2018,477],{"class":416},[410,2020,2021,2023,2025],{"class":412,"line":540},[410,2022,738],{"class":416},[410,2024,421],{"class":420},[410,2026,443],{"class":416},[410,2028,2029],{"class":412,"line":547},[410,2030,544],{"emptyLinePlaceholder":543},[410,2032,2033,2035,2037],{"class":412,"line":585},[410,2034,417],{"class":416},[410,2036,755],{"class":420},[410,2038,443],{"class":416},[410,2040,2041,2043,2045,2048,2050,2052,2055,2057,2059,2061,2063,2066,2068,2070,2073,2075,2077],{"class":412,"line":610},[410,2042,763],{"class":416},[410,2044,779],{"class":420},[410,2046,2047],{"class":424}," :aria-expanded",[410,2049,431],{"class":416},[410,2051,434],{"class":416},[410,2053,2054],{"class":437},"open",[410,2056,434],{"class":416},[410,2058,1647],{"class":424},[410,2060,431],{"class":416},[410,2062,434],{"class":416},[410,2064,2065],{"class":437},"open = true",[410,2067,434],{"class":416},[410,2069,567],{"class":416},[410,2071,2072],{"class":459},"Open navigation",[410,2074,738],{"class":416},[410,2076,779],{"class":420},[410,2078,443],{"class":416},[410,2080,2081],{"class":412,"line":648},[410,2082,544],{"emptyLinePlaceholder":543},[410,2084,2085,2087],{"class":412,"line":661},[410,2086,763],{"class":416},[410,2088,847],{"class":420},[410,2090,2091,2094,2096,2098,2100],{"class":412,"line":696},[410,2092,2093],{"class":424},"    v-model:open",[410,2095,431],{"class":416},[410,2097,434],{"class":416},[410,2099,2054],{"class":437},[410,2101,782],{"class":416},[410,2103,2104,2107,2109,2111,2114],{"class":412,"line":727},[410,2105,2106],{"class":424},"    breakpoint",[410,2108,431],{"class":416},[410,2110,434],{"class":416},[410,2112,2113],{"class":437},"(max-width: 64rem)",[410,2115,782],{"class":416},[410,2117,2118,2121,2123,2125,2128],{"class":412,"line":735},[410,2119,2120],{"class":424},"    side",[410,2122,431],{"class":416},[410,2124,434],{"class":416},[410,2126,2127],{"class":437},"left",[410,2129,782],{"class":416},[410,2131,2132,2134,2136,2138,2141],{"class":412,"line":745},[410,2133,882],{"class":424},[410,2135,431],{"class":416},[410,2137,434],{"class":416},[410,2139,2140],{"class":437},"Main navigation",[410,2142,782],{"class":416},[410,2144,2145],{"class":412,"line":750},[410,2146,818],{"class":416},[410,2148,2149,2151,2154,2156,2159,2161,2163],{"class":412,"line":760},[410,2150,902],{"class":416},[410,2152,2153],{"class":420},"nav",[410,2155,567],{"class":416},[410,2157,2158],{"class":459},"...",[410,2160,738],{"class":416},[410,2162,2153],{"class":420},[410,2164,443],{"class":416},[410,2166,2167,2169,2171],{"class":412,"line":769},[410,2168,830],{"class":416},[410,2170,240],{"class":420},[410,2172,443],{"class":416},[410,2174,2175,2177,2179],{"class":412,"line":785},[410,2176,738],{"class":416},[410,2178,755],{"class":420},[410,2180,443],{"class":416},[326,2182,2183],{},"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.",[1180,2185,2187],{"id":2186},"resizing","Resizing",[326,2189,2190,2191,2194],{},"Enable the generated separator with ",[329,2192,2193],{},"resizable",". Size uses pixels and supports controlled or uncontrolled state.",[401,2196,2198],{"className":403,"code":2197,"language":405,"meta":406,"style":406},"\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",[329,2199,2200,2206,2224,2229,2247,2263,2279,2295,2299,2304,2309,2314],{"__ignoreMap":406},[410,2201,2202,2204],{"class":412,"line":413},[410,2203,417],{"class":416},[410,2205,847],{"class":420},[410,2207,2208,2211,2213,2216,2218,2220,2222],{"class":412,"line":446},[410,2209,2210],{"class":424},"  v-model",[410,2212,670],{"class":416},[410,2214,2215],{"class":424},"size",[410,2217,431],{"class":416},[410,2219,434],{"class":416},[410,2221,2215],{"class":459},[410,2223,782],{"class":416},[410,2225,2226],{"class":412,"line":480},[410,2227,2228],{"class":424},"  resizable\n",[410,2230,2231,2234,2237,2239,2241,2245],{"class":412,"line":513},[410,2232,2233],{"class":416},"  :",[410,2235,2236],{"class":424},"default-size",[410,2238,431],{"class":416},[410,2240,434],{"class":416},[410,2242,2244],{"class":2243},"sbssI","256",[410,2246,782],{"class":416},[410,2248,2249,2251,2254,2256,2258,2261],{"class":412,"line":540},[410,2250,2233],{"class":416},[410,2252,2253],{"class":424},"min-size",[410,2255,431],{"class":416},[410,2257,434],{"class":416},[410,2259,2260],{"class":2243},"192",[410,2262,782],{"class":416},[410,2264,2265,2267,2270,2272,2274,2277],{"class":412,"line":547},[410,2266,2233],{"class":416},[410,2268,2269],{"class":424},"max-size",[410,2271,431],{"class":416},[410,2273,434],{"class":416},[410,2275,2276],{"class":2243},"480",[410,2278,782],{"class":416},[410,2280,2281,2283,2286,2288,2290,2293],{"class":412,"line":585},[410,2282,2233],{"class":416},[410,2284,2285],{"class":424},"resize-step",[410,2287,431],{"class":416},[410,2289,434],{"class":416},[410,2291,2292],{"class":2243},"8",[410,2294,782],{"class":416},[410,2296,2297],{"class":412,"line":610},[410,2298,443],{"class":416},[410,2300,2301],{"class":412,"line":648},[410,2302,2303],{"class":459},"  \u003Ctemplate #resize-handle>\n",[410,2305,2306],{"class":412,"line":661},[410,2307,2308],{"class":459},"    \u003Cspan aria-hidden=\"true\" \u002F>\n",[410,2310,2311],{"class":412,"line":696},[410,2312,2313],{"class":459},"  \u003C\u002Ftemplate>\n",[410,2315,2316,2318,2320],{"class":412,"line":727},[410,2317,738],{"class":416},[410,2319,240],{"class":420},[410,2321,443],{"class":416},[326,2323,2324,2325,2328],{},"The resize handle supports pointer, pen, touch, and keyboard input. Double-click resets to ",[329,2326,2327],{},"defaultSize",".",[1180,2330,2332],{"id":2331},"right-sidebar","Right sidebar",[326,2334,2335],{},"Placement also changes pointer and keyboard resize direction.",[401,2337,2339],{"className":403,"code":2338,"language":405,"meta":406,"style":406},"\u003CSidebar side=\"right\" collapsible=\"icon\" resizable aria-label=\"Inspector\">\n  \u003Ctemplate #header>Inspector\u003C\u002Ftemplate>\n  Properties\n\u003C\u002FSidebar>\n",[329,2340,2341,2386,2391,2396],{"__ignoreMap":406},[410,2342,2343,2345,2347,2350,2352,2354,2357,2359,2361,2363,2365,2367,2369,2372,2375,2377,2379,2382,2384],{"class":412,"line":413},[410,2344,417],{"class":416},[410,2346,240],{"class":420},[410,2348,2349],{"class":424}," side",[410,2351,431],{"class":416},[410,2353,434],{"class":416},[410,2355,2356],{"class":437},"right",[410,2358,434],{"class":416},[410,2360,1857],{"class":424},[410,2362,431],{"class":416},[410,2364,434],{"class":416},[410,2366,874],{"class":437},[410,2368,434],{"class":416},[410,2370,2371],{"class":424}," resizable",[410,2373,2374],{"class":424}," aria-label",[410,2376,431],{"class":416},[410,2378,434],{"class":416},[410,2380,2381],{"class":437},"Inspector",[410,2383,434],{"class":416},[410,2385,443],{"class":416},[410,2387,2388],{"class":412,"line":446},[410,2389,2390],{"class":459},"  \u003Ctemplate #header>Inspector\u003C\u002Ftemplate>\n",[410,2392,2393],{"class":412,"line":480},[410,2394,2395],{"class":459},"  Properties\n",[410,2397,2398,2400,2402],{"class":412,"line":513},[410,2399,738],{"class":416},[410,2401,240],{"class":420},[410,2403,443],{"class":416},[1180,2405,2407],{"id":2406},"keyboard-shortcut","Keyboard shortcut",[326,2409,2410,2411,2414],{},"Global shortcuts are opt-in to avoid application conflicts. ",[329,2412,2413],{},"keyboardShortcut=\"b\""," uses Command+B on macOS and Ctrl+B elsewhere.",[401,2416,2418],{"className":403,"code":2417,"language":405,"meta":406,"style":406},"\u003CSidebar keyboard-shortcut=\"b\" collapsible=\"icon\" \u002F>\n",[329,2419,2420],{"__ignoreMap":406},[410,2421,2422,2424,2426,2429,2431,2433,2436,2438,2440,2442,2444,2446,2448],{"class":412,"line":413},[410,2423,417],{"class":416},[410,2425,240],{"class":420},[410,2427,2428],{"class":424}," keyboard-shortcut",[410,2430,431],{"class":416},[410,2432,434],{"class":416},[410,2434,2435],{"class":437},"b",[410,2437,434],{"class":416},[410,2439,1857],{"class":424},[410,2441,431],{"class":416},[410,2443,434],{"class":416},[410,2445,874],{"class":437},[410,2447,434],{"class":416},[410,2449,942],{"class":416},[326,2451,2452],{},"Shortcuts are ignored while focus is inside an input, textarea, select, or editable element.",[1180,2454,2456,2457],{"id":2455},"custom-behavior-with-usesidebar","Custom behavior with ",[329,2458,386],{},[326,2460,2461],{},"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.",[401,2463,2465],{"className":403,"code":2464,"language":405,"meta":406,"style":406},"\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",[329,2466,2467,2487,2509,2533,2553,2557,2585,2600,2608,2612,2620,2658,2694],{"__ignoreMap":406},[410,2468,2469,2471,2473,2475,2477,2479,2481,2483,2485],{"class":412,"line":413},[410,2470,417],{"class":416},[410,2472,421],{"class":420},[410,2474,425],{"class":424},[410,2476,428],{"class":424},[410,2478,431],{"class":416},[410,2480,434],{"class":416},[410,2482,438],{"class":437},[410,2484,434],{"class":416},[410,2486,443],{"class":416},[410,2488,2489,2491,2493,2495,2497,2499,2501,2503,2505,2507],{"class":412,"line":446},[410,2490,450],{"class":449},[410,2492,453],{"class":449},[410,2494,456],{"class":416},[410,2496,460],{"class":459},[410,2498,463],{"class":416},[410,2500,466],{"class":449},[410,2502,469],{"class":416},[410,2504,472],{"class":437},[410,2506,434],{"class":416},[410,2508,477],{"class":416},[410,2510,2511,2513,2515,2517,2519,2521,2523,2525,2527,2529,2531],{"class":412,"line":480},[410,2512,450],{"class":449},[410,2514,456],{"class":416},[410,2516,493],{"class":459},[410,2518,490],{"class":416},[410,2520,498],{"class":459},[410,2522,463],{"class":416},[410,2524,466],{"class":449},[410,2526,469],{"class":416},[410,2528,472],{"class":437},[410,2530,434],{"class":416},[410,2532,477],{"class":416},[410,2534,2535,2537,2539,2541,2543,2545,2547,2549,2551],{"class":412,"line":513},[410,2536,450],{"class":449},[410,2538,456],{"class":416},[410,2540,525],{"class":459},[410,2542,463],{"class":416},[410,2544,466],{"class":449},[410,2546,469],{"class":416},[410,2548,405],{"class":437},[410,2550,434],{"class":416},[410,2552,477],{"class":416},[410,2554,2555],{"class":412,"line":540},[410,2556,544],{"emptyLinePlaceholder":543},[410,2558,2559,2561,2563,2565,2567,2569,2571,2573,2575,2577,2579,2581,2583],{"class":412,"line":547},[410,2560,550],{"class":424},[410,2562,553],{"class":459},[410,2564,431],{"class":416},[410,2566,525],{"class":558},[410,2568,417],{"class":416},[410,2570,564],{"class":563},[410,2572,567],{"class":416},[410,2574,570],{"class":459},[410,2576,434],{"class":416},[410,2578,575],{"class":437},[410,2580,434],{"class":416},[410,2582,580],{"class":459},[410,2584,477],{"class":416},[410,2586,2587,2589,2592,2594,2596,2598],{"class":412,"line":585},[410,2588,550],{"class":424},[410,2590,2591],{"class":459}," sidebar ",[410,2593,431],{"class":416},[410,2595,498],{"class":558},[410,2597,643],{"class":459},[410,2599,477],{"class":416},[410,2601,2602,2604,2606],{"class":412,"line":610},[410,2603,738],{"class":416},[410,2605,421],{"class":420},[410,2607,443],{"class":416},[410,2609,2610],{"class":412,"line":648},[410,2611,544],{"emptyLinePlaceholder":543},[410,2613,2614,2616,2618],{"class":412,"line":661},[410,2615,417],{"class":416},[410,2617,755],{"class":420},[410,2619,443],{"class":416},[410,2621,2622,2624,2626,2628,2630,2632,2634,2636,2638,2640,2642,2645,2647,2649,2652,2654,2656],{"class":412,"line":696},[410,2623,763],{"class":416},[410,2625,779],{"class":420},[410,2627,453],{"class":424},[410,2629,431],{"class":416},[410,2631,434],{"class":416},[410,2633,779],{"class":437},[410,2635,434],{"class":416},[410,2637,1647],{"class":424},[410,2639,431],{"class":416},[410,2641,434],{"class":416},[410,2643,2644],{"class":437},"sidebar.toggle()",[410,2646,434],{"class":416},[410,2648,567],{"class":416},[410,2650,2651],{"class":459},"Toggle navigation",[410,2653,738],{"class":416},[410,2655,779],{"class":420},[410,2657,443],{"class":416},[410,2659,2660,2662,2664,2666,2668,2670,2672,2674,2676,2678,2680,2682,2684,2686,2688,2690,2692],{"class":412,"line":727},[410,2661,763],{"class":416},[410,2663,240],{"class":420},[410,2665,520],{"class":424},[410,2667,431],{"class":416},[410,2669,434],{"class":416},[410,2671,575],{"class":437},[410,2673,434],{"class":416},[410,2675,1857],{"class":424},[410,2677,431],{"class":416},[410,2679,434],{"class":416},[410,2681,874],{"class":437},[410,2683,434],{"class":416},[410,2685,567],{"class":416},[410,2687,2158],{"class":459},[410,2689,738],{"class":416},[410,2691,240],{"class":420},[410,2693,443],{"class":416},[410,2695,2696,2698,2700],{"class":412,"line":735},[410,2697,738],{"class":416},[410,2699,755],{"class":420},[410,2701,443],{"class":416},[326,2703,2704,2705,2708],{},"For state owned outside the component, ",[329,2706,2707],{},"useSidebar({ open, collapsed, breakpoint })"," remains available. Persistence and route watching remain application concerns.",[336,2710,2712],{"id":2711},"usesidebar",[329,2713,386],{},[326,2715,2716,2718,2719,2721],{},[329,2717,386],{}," has two overloads. Pass a ",[329,2720,240],{}," component ref to control one rendered instance, or pass an options object when the application owns the state.",[401,2723,2726],{"className":2724,"code":2725,"language":438,"meta":406,"style":406},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useSidebar(target: SidebarTarget): UseSidebarTargetReturn;\nfunction useSidebar(options?: UseSidebarOptions): UseSidebarReturn;\n",[329,2727,2728,2754],{"__ignoreMap":406},[410,2729,2730,2733,2735,2737,2741,2743,2746,2749,2752],{"class":412,"line":413},[410,2731,2732],{"class":424},"function",[410,2734,498],{"class":558},[410,2736,570],{"class":416},[410,2738,2740],{"class":2739},"sHdIc","target",[410,2742,670],{"class":416},[410,2744,2745],{"class":563}," SidebarTarget",[410,2747,2748],{"class":416},"):",[410,2750,2751],{"class":563}," UseSidebarTargetReturn",[410,2753,477],{"class":416},[410,2755,2756,2758,2760,2762,2765,2768,2771,2773,2776],{"class":412,"line":446},[410,2757,2732],{"class":424},[410,2759,498],{"class":558},[410,2761,570],{"class":416},[410,2763,2764],{"class":2739},"options",[410,2766,2767],{"class":416},"?:",[410,2769,2770],{"class":563}," UseSidebarOptions",[410,2772,2748],{"class":416},[410,2774,2775],{"class":563}," UseSidebarReturn",[410,2777,477],{"class":416},[1180,2779,2781],{"id":2780},"component-ref-mode","Component ref mode",[326,2783,2784],{},"Use this mode for external controls, multiple sidebars, or access to the rendered sidebar's responsive and size state.",[401,2786,2788],{"className":403,"code":2787,"language":405,"meta":406,"style":406},"\u003Cscript setup lang=\"ts\">\nimport type { SidebarController } from \"akaza-ui\";\nimport { Sidebar, useSidebar } from \"akaza-ui\";\nimport { useTemplateRef } from \"vue\";\n\nconst primaryRef = useTemplateRef\u003CSidebarController>(\"primary\");\nconst inspectorRef = useTemplateRef\u003CSidebarController>(\"inspector\");\n\nconst primary = useSidebar(primaryRef);\nconst inspector = useSidebar(inspectorRef);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton type=\"button\" @click=\"primary.toggle()\">Toggle navigation\u003C\u002Fbutton>\n  \u003Cbutton type=\"button\" @click=\"inspector.toggle()\">Toggle inspector\u003C\u002Fbutton>\n\n  \u003CSidebar ref=\"primary\" collapsible=\"icon\">...\u003C\u002FSidebar>\n  \u003CSidebar ref=\"inspector\" side=\"right\" collapsible=\"offcanvas\">...\u003C\u002FSidebar>\n\u003C\u002Ftemplate>\n",[329,2789,2790,2810,2832,2856,2876,2880,2910,2940,2944,2960,2976,2984,2988,2996,3033,3071,3075,3111,3157],{"__ignoreMap":406},[410,2791,2792,2794,2796,2798,2800,2802,2804,2806,2808],{"class":412,"line":413},[410,2793,417],{"class":416},[410,2795,421],{"class":420},[410,2797,425],{"class":424},[410,2799,428],{"class":424},[410,2801,431],{"class":416},[410,2803,434],{"class":416},[410,2805,438],{"class":437},[410,2807,434],{"class":416},[410,2809,443],{"class":416},[410,2811,2812,2814,2816,2818,2820,2822,2824,2826,2828,2830],{"class":412,"line":446},[410,2813,450],{"class":449},[410,2815,453],{"class":449},[410,2817,456],{"class":416},[410,2819,460],{"class":459},[410,2821,463],{"class":416},[410,2823,466],{"class":449},[410,2825,469],{"class":416},[410,2827,472],{"class":437},[410,2829,434],{"class":416},[410,2831,477],{"class":416},[410,2833,2834,2836,2838,2840,2842,2844,2846,2848,2850,2852,2854],{"class":412,"line":480},[410,2835,450],{"class":449},[410,2837,456],{"class":416},[410,2839,493],{"class":459},[410,2841,490],{"class":416},[410,2843,498],{"class":459},[410,2845,463],{"class":416},[410,2847,466],{"class":449},[410,2849,469],{"class":416},[410,2851,472],{"class":437},[410,2853,434],{"class":416},[410,2855,477],{"class":416},[410,2857,2858,2860,2862,2864,2866,2868,2870,2872,2874],{"class":412,"line":513},[410,2859,450],{"class":449},[410,2861,456],{"class":416},[410,2863,525],{"class":459},[410,2865,463],{"class":416},[410,2867,466],{"class":449},[410,2869,469],{"class":416},[410,2871,405],{"class":437},[410,2873,434],{"class":416},[410,2875,477],{"class":416},[410,2877,2878],{"class":412,"line":540},[410,2879,544],{"emptyLinePlaceholder":543},[410,2881,2882,2884,2887,2889,2891,2893,2895,2897,2899,2901,2904,2906,2908],{"class":412,"line":547},[410,2883,550],{"class":424},[410,2885,2886],{"class":459}," primaryRef ",[410,2888,431],{"class":416},[410,2890,525],{"class":558},[410,2892,417],{"class":416},[410,2894,564],{"class":563},[410,2896,567],{"class":416},[410,2898,570],{"class":459},[410,2900,434],{"class":416},[410,2902,2903],{"class":437},"primary",[410,2905,434],{"class":416},[410,2907,580],{"class":459},[410,2909,477],{"class":416},[410,2911,2912,2914,2917,2919,2921,2923,2925,2927,2929,2931,2934,2936,2938],{"class":412,"line":585},[410,2913,550],{"class":424},[410,2915,2916],{"class":459}," inspectorRef ",[410,2918,431],{"class":416},[410,2920,525],{"class":558},[410,2922,417],{"class":416},[410,2924,564],{"class":563},[410,2926,567],{"class":416},[410,2928,570],{"class":459},[410,2930,434],{"class":416},[410,2932,2933],{"class":437},"inspector",[410,2935,434],{"class":416},[410,2937,580],{"class":459},[410,2939,477],{"class":416},[410,2941,2942],{"class":412,"line":610},[410,2943,544],{"emptyLinePlaceholder":543},[410,2945,2946,2948,2951,2953,2955,2958],{"class":412,"line":648},[410,2947,550],{"class":424},[410,2949,2950],{"class":459}," primary ",[410,2952,431],{"class":416},[410,2954,498],{"class":558},[410,2956,2957],{"class":459},"(primaryRef)",[410,2959,477],{"class":416},[410,2961,2962,2964,2967,2969,2971,2974],{"class":412,"line":661},[410,2963,550],{"class":424},[410,2965,2966],{"class":459}," inspector ",[410,2968,431],{"class":416},[410,2970,498],{"class":558},[410,2972,2973],{"class":459},"(inspectorRef)",[410,2975,477],{"class":416},[410,2977,2978,2980,2982],{"class":412,"line":696},[410,2979,738],{"class":416},[410,2981,421],{"class":420},[410,2983,443],{"class":416},[410,2985,2986],{"class":412,"line":727},[410,2987,544],{"emptyLinePlaceholder":543},[410,2989,2990,2992,2994],{"class":412,"line":735},[410,2991,417],{"class":416},[410,2993,755],{"class":420},[410,2995,443],{"class":416},[410,2997,2998,3000,3002,3004,3006,3008,3010,3012,3014,3016,3018,3021,3023,3025,3027,3029,3031],{"class":412,"line":745},[410,2999,763],{"class":416},[410,3001,779],{"class":420},[410,3003,453],{"class":424},[410,3005,431],{"class":416},[410,3007,434],{"class":416},[410,3009,779],{"class":437},[410,3011,434],{"class":416},[410,3013,1647],{"class":424},[410,3015,431],{"class":416},[410,3017,434],{"class":416},[410,3019,3020],{"class":437},"primary.toggle()",[410,3022,434],{"class":416},[410,3024,567],{"class":416},[410,3026,2651],{"class":459},[410,3028,738],{"class":416},[410,3030,779],{"class":420},[410,3032,443],{"class":416},[410,3034,3035,3037,3039,3041,3043,3045,3047,3049,3051,3053,3055,3058,3060,3062,3065,3067,3069],{"class":412,"line":750},[410,3036,763],{"class":416},[410,3038,779],{"class":420},[410,3040,453],{"class":424},[410,3042,431],{"class":416},[410,3044,434],{"class":416},[410,3046,779],{"class":437},[410,3048,434],{"class":416},[410,3050,1647],{"class":424},[410,3052,431],{"class":416},[410,3054,434],{"class":416},[410,3056,3057],{"class":437},"inspector.toggle()",[410,3059,434],{"class":416},[410,3061,567],{"class":416},[410,3063,3064],{"class":459},"Toggle inspector",[410,3066,738],{"class":416},[410,3068,779],{"class":420},[410,3070,443],{"class":416},[410,3072,3073],{"class":412,"line":760},[410,3074,544],{"emptyLinePlaceholder":543},[410,3076,3077,3079,3081,3083,3085,3087,3089,3091,3093,3095,3097,3099,3101,3103,3105,3107,3109],{"class":412,"line":769},[410,3078,763],{"class":416},[410,3080,240],{"class":420},[410,3082,520],{"class":424},[410,3084,431],{"class":416},[410,3086,434],{"class":416},[410,3088,2903],{"class":437},[410,3090,434],{"class":416},[410,3092,1857],{"class":424},[410,3094,431],{"class":416},[410,3096,434],{"class":416},[410,3098,874],{"class":437},[410,3100,434],{"class":416},[410,3102,567],{"class":416},[410,3104,2158],{"class":459},[410,3106,738],{"class":416},[410,3108,240],{"class":420},[410,3110,443],{"class":416},[410,3112,3113,3115,3117,3119,3121,3123,3125,3127,3129,3131,3133,3135,3137,3139,3141,3143,3145,3147,3149,3151,3153,3155],{"class":412,"line":785},[410,3114,763],{"class":416},[410,3116,240],{"class":420},[410,3118,520],{"class":424},[410,3120,431],{"class":416},[410,3122,434],{"class":416},[410,3124,2933],{"class":437},[410,3126,434],{"class":416},[410,3128,2349],{"class":424},[410,3130,431],{"class":416},[410,3132,434],{"class":416},[410,3134,2356],{"class":437},[410,3136,434],{"class":416},[410,3138,1857],{"class":424},[410,3140,431],{"class":416},[410,3142,434],{"class":416},[410,3144,1827],{"class":437},[410,3146,434],{"class":416},[410,3148,567],{"class":416},[410,3150,2158],{"class":459},[410,3152,738],{"class":416},[410,3154,240],{"class":420},[410,3156,443],{"class":416},[410,3158,3159,3161,3163],{"class":412,"line":800},[410,3160,738],{"class":416},[410,3162,755],{"class":420},[410,3164,443],{"class":416},[326,3166,3167],{},"Each controller delegates only to its referenced instance. Calls made before that instance mounts are ignored.",[1180,3169,3171],{"id":3170},"controlled-state-mode","Controlled state mode",[326,3173,3174,3175,3177],{},"Use this mode when state must exist before the component mounts or must be shared with storage, routing, or other application logic. Pass the same refs to ",[329,3176,240],{}," models.",[401,3179,3181],{"className":403,"code":3180,"language":405,"meta":406,"style":406},"\u003Cscript setup lang=\"ts\">\nimport { Sidebar, useSidebar } from \"akaza-ui\";\nimport { ref } from \"vue\";\n\nconst open = ref(false);\nconst collapsed = ref(false);\nconst { isMobile, state, toggle } = useSidebar({\n  open,\n  collapsed,\n  breakpoint: \"(max-width: 767px)\",\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton type=\"button\" @click=\"toggle\">Toggle sidebar\u003C\u002Fbutton>\n  \u003Coutput>{{ state }}\u003C\u002Foutput>\n\n  \u003CSidebar\n    v-model:open=\"open\"\n    v-model:collapsed=\"collapsed\"\n    :mobile=\"isMobile\"\n    collapsible=\"icon\"\n  >\n    ...\n  \u003C\u002FSidebar>\n\u003C\u002Ftemplate>\n",[329,3182,3183,3203,3227,3247,3251,3269,3287,3315,3322,3329,3345,3353,3361,3365,3373,3410,3428,3432,3438,3450,3462,3475,3487,3491,3496,3504],{"__ignoreMap":406},[410,3184,3185,3187,3189,3191,3193,3195,3197,3199,3201],{"class":412,"line":413},[410,3186,417],{"class":416},[410,3188,421],{"class":420},[410,3190,425],{"class":424},[410,3192,428],{"class":424},[410,3194,431],{"class":416},[410,3196,434],{"class":416},[410,3198,438],{"class":437},[410,3200,434],{"class":416},[410,3202,443],{"class":416},[410,3204,3205,3207,3209,3211,3213,3215,3217,3219,3221,3223,3225],{"class":412,"line":446},[410,3206,450],{"class":449},[410,3208,456],{"class":416},[410,3210,493],{"class":459},[410,3212,490],{"class":416},[410,3214,498],{"class":459},[410,3216,463],{"class":416},[410,3218,466],{"class":449},[410,3220,469],{"class":416},[410,3222,472],{"class":437},[410,3224,434],{"class":416},[410,3226,477],{"class":416},[410,3228,3229,3231,3233,3235,3237,3239,3241,3243,3245],{"class":412,"line":480},[410,3230,450],{"class":449},[410,3232,456],{"class":416},[410,3234,520],{"class":459},[410,3236,463],{"class":416},[410,3238,466],{"class":449},[410,3240,469],{"class":416},[410,3242,405],{"class":437},[410,3244,434],{"class":416},[410,3246,477],{"class":416},[410,3248,3249],{"class":412,"line":513},[410,3250,544],{"emptyLinePlaceholder":543},[410,3252,3253,3255,3257,3259,3261,3263,3265,3267],{"class":412,"line":540},[410,3254,550],{"class":424},[410,3256,2006],{"class":459},[410,3258,431],{"class":416},[410,3260,520],{"class":558},[410,3262,570],{"class":459},[410,3264,1290],{"class":1289},[410,3266,580],{"class":459},[410,3268,477],{"class":416},[410,3270,3271,3273,3275,3277,3279,3281,3283,3285],{"class":412,"line":547},[410,3272,550],{"class":424},[410,3274,1280],{"class":459},[410,3276,431],{"class":416},[410,3278,520],{"class":558},[410,3280,570],{"class":459},[410,3282,1290],{"class":1289},[410,3284,580],{"class":459},[410,3286,477],{"class":416},[410,3288,3289,3291,3293,3295,3297,3300,3302,3304,3306,3308,3310,3312],{"class":412,"line":585},[410,3290,550],{"class":424},[410,3292,456],{"class":416},[410,3294,622],{"class":459},[410,3296,490],{"class":416},[410,3298,3299],{"class":459}," state",[410,3301,490],{"class":416},[410,3303,632],{"class":459},[410,3305,635],{"class":416},[410,3307,638],{"class":416},[410,3309,498],{"class":558},[410,3311,570],{"class":459},[410,3313,3314],{"class":416},"{\n",[410,3316,3317,3320],{"class":412,"line":610},[410,3318,3319],{"class":459},"  open",[410,3321,1402],{"class":416},[410,3323,3324,3327],{"class":412,"line":648},[410,3325,3326],{"class":459},"  collapsed",[410,3328,1402],{"class":416},[410,3330,3331,3334,3336,3338,3341,3343],{"class":412,"line":661},[410,3332,3333],{"class":420},"  breakpoint",[410,3335,670],{"class":416},[410,3337,469],{"class":416},[410,3339,3340],{"class":437},"(max-width: 767px)",[410,3342,434],{"class":416},[410,3344,1402],{"class":416},[410,3346,3347,3349,3351],{"class":412,"line":696},[410,3348,635],{"class":416},[410,3350,580],{"class":459},[410,3352,477],{"class":416},[410,3354,3355,3357,3359],{"class":412,"line":727},[410,3356,738],{"class":416},[410,3358,421],{"class":420},[410,3360,443],{"class":416},[410,3362,3363],{"class":412,"line":735},[410,3364,544],{"emptyLinePlaceholder":543},[410,3366,3367,3369,3371],{"class":412,"line":745},[410,3368,417],{"class":416},[410,3370,755],{"class":420},[410,3372,443],{"class":416},[410,3374,3375,3377,3379,3381,3383,3385,3387,3389,3391,3393,3395,3397,3399,3401,3404,3406,3408],{"class":412,"line":750},[410,3376,763],{"class":416},[410,3378,779],{"class":420},[410,3380,453],{"class":424},[410,3382,431],{"class":416},[410,3384,434],{"class":416},[410,3386,779],{"class":437},[410,3388,434],{"class":416},[410,3390,1647],{"class":424},[410,3392,431],{"class":416},[410,3394,434],{"class":416},[410,3396,810],{"class":437},[410,3398,434],{"class":416},[410,3400,567],{"class":416},[410,3402,3403],{"class":459},"Toggle sidebar",[410,3405,738],{"class":416},[410,3407,779],{"class":420},[410,3409,443],{"class":416},[410,3411,3412,3414,3417,3419,3422,3424,3426],{"class":412,"line":760},[410,3413,763],{"class":416},[410,3415,3416],{"class":420},"output",[410,3418,567],{"class":416},[410,3420,3421],{"class":459},"{{ state }}",[410,3423,738],{"class":416},[410,3425,3416],{"class":420},[410,3427,443],{"class":416},[410,3429,3430],{"class":412,"line":769},[410,3431,544],{"emptyLinePlaceholder":543},[410,3433,3434,3436],{"class":412,"line":785},[410,3435,763],{"class":416},[410,3437,847],{"class":420},[410,3439,3440,3442,3444,3446,3448],{"class":412,"line":800},[410,3441,2093],{"class":424},[410,3443,431],{"class":416},[410,3445,434],{"class":416},[410,3447,2054],{"class":437},[410,3449,782],{"class":416},[410,3451,3452,3454,3456,3458,3460],{"class":412,"line":815},[410,3453,1565],{"class":424},[410,3455,431],{"class":416},[410,3457,434],{"class":416},[410,3459,1572],{"class":437},[410,3461,782],{"class":416},[410,3463,3464,3466,3468,3470,3473],{"class":412,"line":821},[410,3465,1579],{"class":424},[410,3467,431],{"class":416},[410,3469,434],{"class":416},[410,3471,3472],{"class":437},"isMobile",[410,3474,782],{"class":416},[410,3476,3477,3479,3481,3483,3485],{"class":412,"line":827},[410,3478,867],{"class":424},[410,3480,431],{"class":416},[410,3482,434],{"class":416},[410,3484,874],{"class":437},[410,3486,782],{"class":416},[410,3488,3489],{"class":412,"line":837},[410,3490,818],{"class":416},[410,3492,3493],{"class":412,"line":842},[410,3494,3495],{"class":459},"    ...\n",[410,3497,3498,3500,3502],{"class":412,"line":850},[410,3499,830],{"class":416},[410,3501,240],{"class":420},[410,3503,443],{"class":416},[410,3505,3506,3508,3510],{"class":412,"line":864},[410,3507,738],{"class":416},[410,3509,755],{"class":420},[410,3511,443],{"class":416},[326,3513,3514,3515,3517],{},"This mode updates the supplied refs directly. The composable does not emit component events; the connected ",[329,3516,240],{}," models receive the resulting values.",[1180,3519,3520],{"id":2764},"Options",[326,3522,3523],{},"These options apply to controlled state mode.",[3525,3526,3527,3546],"table",{},[3528,3529,3530],"thead",{},[3531,3532,3533,3537,3540,3543],"tr",{},[3534,3535,3536],"th",{},"Option",[3534,3538,3539],{},"Type",[3534,3541,3542],{},"Default",[3534,3544,3545],{},"Description",[3547,3548,3549,3569,3586,3607],"tbody",{},[3531,3550,3551,3556,3561,3566],{},[3552,3553,3554],"td",{},[329,3555,2054],{},[3552,3557,3558],{},[329,3559,3560],{},"Ref\u003Cboolean>",[3552,3562,3563,3564,520],{},"Internal ",[329,3565,1290],{},[3552,3567,3568],{},"Mobile dialog visibility.",[3531,3570,3571,3575,3579,3583],{},[3552,3572,3573],{},[329,3574,1572],{},[3552,3576,3577],{},[329,3578,3560],{},[3552,3580,3563,3581,520],{},[329,3582,1290],{},[3552,3584,3585],{},"Desktop collapse state.",[3531,3587,3588,3592,3597,3602],{},[3552,3589,3590],{},[329,3591,1945],{},[3552,3593,3594],{},[329,3595,3596],{},"MaybeRefOrGetter\u003Cstring>",[3552,3598,3599],{},[329,3600,3601],{},"\"(max-width: 767px)\"",[3552,3603,3604,3605,2328],{},"Media query used to calculate ",[329,3606,3472],{},[3531,3608,3609,3613,3618,3621],{},[3552,3610,3611],{},[329,3612,1949],{},[3552,3614,3615],{},[329,3616,3617],{},"MaybeRefOrGetter\u003Cboolean | undefined>",[3552,3619,3620],{},"Media query result",[3552,3622,3623],{},"Overrides responsive detection. Useful for container layouts, SSR-owned state, and tests.",[1180,3625,3627],{"id":3626},"return-value","Return value",[3525,3629,3630,3644],{},[3528,3631,3632],{},[3531,3633,3634,3637,3639,3642],{},[3534,3635,3636],{},"Property",[3534,3638,3539],{},[3534,3640,3641],{},"Available",[3534,3643,3545],{},[3547,3645,3646,3662,3677,3693,3710,3731,3748,3764,3780,3796,3817,3833,3849],{},[3531,3647,3648,3652,3656,3659],{},[3552,3649,3650],{},[329,3651,2054],{},[3552,3653,3654],{},[329,3655,3560],{},[3552,3657,3658],{},"Both modes",[3552,3660,3661],{},"Writable mobile visibility. In component ref mode, writes use the component's cancelable change path.",[3531,3663,3664,3668,3672,3674],{},[3552,3665,3666],{},[329,3667,1572],{},[3552,3669,3670],{},[329,3671,3560],{},[3552,3673,3658],{},[3552,3675,3676],{},"Writable desktop collapse state. In component ref mode, writes use the component's cancelable change path.",[3531,3678,3679,3683,3688,3690],{},[3552,3680,3681],{},[329,3682,3472],{},[3552,3684,3685],{},[329,3686,3687],{},"ComputedRef\u003Cboolean>",[3552,3689,3658],{},[3552,3691,3692],{},"Current responsive mode.",[3531,3694,3695,3700,3705,3707],{},[3552,3696,3697],{},[329,3698,3699],{},"state",[3552,3701,3702],{},[329,3703,3704],{},"ComputedRef\u003C\"open\" | \"closed\" | \"expanded\" | \"collapsed\">",[3552,3706,3658],{},[3552,3708,3709],{},"Normalized responsive state.",[3531,3711,3712,3716,3721,3724],{},[3552,3713,3714],{},[329,3715,2215],{},[3552,3717,3718],{},[329,3719,3720],{},"ComputedRef\u003Cnumber>",[3552,3722,3723],{},"Component ref",[3552,3725,3726,3727,3730],{},"Current expanded width in pixels. Read-only; use ",[329,3728,3729],{},"v-model:size"," for arbitrary size changes.",[3531,3732,3733,3738,3743,3745],{},[3552,3734,3735],{},[329,3736,3737],{},"openMobile()",[3552,3739,3740],{},[329,3741,3742],{},"() => void",[3552,3744,3658],{},[3552,3746,3747],{},"Open mobile dialog state.",[3531,3749,3750,3755,3759,3761],{},[3552,3751,3752],{},[329,3753,3754],{},"closeMobile()",[3552,3756,3757],{},[329,3758,3742],{},[3552,3760,3658],{},[3552,3762,3763],{},"Close mobile dialog state.",[3531,3765,3766,3771,3775,3777],{},[3552,3767,3768],{},[329,3769,3770],{},"toggleMobile()",[3552,3772,3773],{},[329,3774,3742],{},[3552,3776,3658],{},[3552,3778,3779],{},"Toggle mobile dialog state regardless of responsive mode.",[3531,3781,3782,3787,3791,3793],{},[3552,3783,3784],{},[329,3785,3786],{},"expand()",[3552,3788,3789],{},[329,3790,3742],{},[3552,3792,3658],{},[3552,3794,3795],{},"Expand desktop state.",[3531,3797,3798,3803,3807,3809],{},[3552,3799,3800],{},[329,3801,3802],{},"collapse()",[3552,3804,3805],{},[329,3806,3742],{},[3552,3808,3658],{},[3552,3810,3811,3812,3814,3815,2328],{},"Collapse desktop state. The component ignores this when ",[329,3813,1912],{}," is ",[329,3816,1290],{},[3531,3818,3819,3824,3828,3830],{},[3552,3820,3821],{},[329,3822,3823],{},"toggleCollapsed()",[3552,3825,3826],{},[329,3827,3742],{},[3552,3829,3658],{},[3552,3831,3832],{},"Toggle desktop collapse state regardless of responsive mode.",[3531,3834,3835,3840,3844,3846],{},[3552,3836,3837],{},[329,3838,3839],{},"toggle()",[3552,3841,3842],{},[329,3843,3742],{},[3552,3845,3658],{},[3552,3847,3848],{},"Toggle mobile visibility when mobile; otherwise toggle desktop collapse.",[3531,3850,3851,3856,3860,3862],{},[3552,3852,3853],{},[329,3854,3855],{},"resetSize()",[3552,3857,3858],{},[329,3859,3742],{},[3552,3861,3723],{},[3552,3863,3864,3865,2328],{},"Restore the component's ",[329,3866,2327],{},[326,3868,3869,3870,3872,3873,3876,3877,3879],{},"When no ",[329,3871,1949],{}," override is supplied, controlled mode uses ",[329,3874,3875],{},"matchMedia"," through VueUse. During SSR it starts in desktop mode and updates after hydration. Supply an SSR-safe ",[329,3878,1949],{}," value when initial responsive markup must be deterministic.",[326,3881,3882,3883,3885,3886,3889,3890,3893,3894,3897],{},"Component ref mode delegates through ",[329,3884,240],{}," events. ",[329,3887,3888],{},"open-change",", ",[329,3891,3892],{},"collapsed-change",", and ",[329,3895,3896],{},"size-change"," listeners can still cancel changes.",[1180,3899,3901],{"id":3900},"exported-types","Exported types",[3525,3903,3904,3912],{},[3528,3905,3906],{},[3531,3907,3908,3910],{},[3534,3909,3539],{},[3534,3911,3545],{},[3547,3913,3914,3929,3948,3958,3968],{},[3531,3915,3916,3920],{},[3552,3917,3918],{},[329,3919,564],{},[3552,3921,3922,3923,3925,3926,2328],{},"Public ",[329,3924,240],{}," instance contract used with ",[329,3927,3928],{},"useTemplateRef",[3531,3930,3931,3936],{},[3552,3932,3933],{},[329,3934,3935],{},"SidebarTarget",[3552,3937,3938,3939,3889,3941,3944,3945,2328],{},"Read-only ref containing a ",[329,3940,564],{},[329,3942,3943],{},"null",", or ",[329,3946,3947],{},"undefined",[3531,3949,3950,3955],{},[3552,3951,3952],{},[329,3953,3954],{},"UseSidebarOptions",[3552,3956,3957],{},"Controlled state mode options.",[3531,3959,3960,3965],{},[3552,3961,3962],{},[329,3963,3964],{},"UseSidebarReturn",[3552,3966,3967],{},"Shared state and actions returned by controlled state mode.",[3531,3969,3970,3975],{},[3552,3971,3972],{},[329,3973,3974],{},"UseSidebarTargetReturn",[3552,3976,3977,3978,1932,3980,2328],{},"Component ref return type, including ",[329,3979,2215],{},[329,3981,3982],{},"resetSize",[336,3984,3986],{"id":3985},"api-reference","API Reference",[1180,3988,3990],{"id":3989},"models","Models",[3525,3992,3993,4006],{},[3528,3994,3995],{},[3531,3996,3997,4000,4002,4004],{},[3534,3998,3999],{},"Model",[3534,4001,3539],{},[3534,4003,3542],{},[3534,4005,3545],{},[3547,4007,4008,4027,4050],{},[3531,4009,4010,4015,4020,4025],{},[3552,4011,4012],{},[329,4013,4014],{},"v-model:open",[3552,4016,4017],{},[329,4018,4019],{},"boolean",[3552,4021,4022],{},[329,4023,4024],{},"defaultOpen",[3552,4026,3568],{},[3531,4028,4029,4034,4038,4043],{},[3552,4030,4031],{},[329,4032,4033],{},"v-model:collapsed",[3552,4035,4036],{},[329,4037,4019],{},[3552,4039,4040],{},[329,4041,4042],{},"defaultCollapsed",[3552,4044,4045,4046,3814,4048,2328],{},"Desktop collapse state. Ignored when ",[329,4047,1912],{},[329,4049,1290],{},[3531,4051,4052,4056,4061,4065],{},[3552,4053,4054],{},[329,4055,3729],{},[3552,4057,4058],{},[329,4059,4060],{},"number",[3552,4062,4063],{},[329,4064,2327],{},[3552,4066,4067],{},"Expanded desktop width in pixels.",[1180,4069,4071],{"id":4070},"props","Props",[3525,4073,4074,4087],{},[3528,4075,4076],{},[3531,4077,4078,4081,4083,4085],{},[3534,4079,4080],{},"Prop",[3534,4082,3539],{},[3534,4084,3542],{},[3534,4086,3545],{},[3547,4088,4089,4109,4129,4147,4164,4181,4198,4216,4234,4253,4272,4290,4307,4326,4342,4363,4381,4399,4417,4437,4455,4474,4493],{},[3531,4090,4091,4096,4101,4106],{},[3552,4092,4093],{},[329,4094,4095],{},"as",[3552,4097,4098],{},[329,4099,4100],{},"Component | string",[3552,4102,4103],{},[329,4104,4105],{},"\"aside\"",[3552,4107,4108],{},"Desktop panel element.",[3531,4110,4111,4116,4121,4126],{},[3552,4112,4113],{},[329,4114,4115],{},"side",[3552,4117,4118],{},[329,4119,4120],{},"\"left\" | \"right\"",[3552,4122,4123],{},[329,4124,4125],{},"\"left\"",[3552,4127,4128],{},"Sidebar edge.",[3531,4130,4131,4135,4140,4144],{},[3552,4132,4133],{},[329,4134,1912],{},[3552,4136,4137],{},[329,4138,4139],{},"false | \"icon\" | \"offcanvas\"",[3552,4141,4142],{},[329,4143,1290],{},[3552,4145,4146],{},"Desktop collapse behavior.",[3531,4148,4149,4153,4157,4161],{},[3552,4150,4151],{},[329,4152,4024],{},[3552,4154,4155],{},[329,4156,4019],{},[3552,4158,4159],{},[329,4160,1290],{},[3552,4162,4163],{},"Initial uncontrolled mobile visibility.",[3531,4165,4166,4170,4174,4178],{},[3552,4167,4168],{},[329,4169,4042],{},[3552,4171,4172],{},[329,4173,4019],{},[3552,4175,4176],{},[329,4177,1290],{},[3552,4179,4180],{},"Initial uncontrolled desktop collapse state.",[3531,4182,4183,4187,4191,4195],{},[3552,4184,4185],{},[329,4186,2327],{},[3552,4188,4189],{},[329,4190,4060],{},[3552,4192,4193],{},[329,4194,2244],{},[3552,4196,4197],{},"Initial expanded width in pixels.",[3531,4199,4200,4205,4209,4213],{},[3552,4201,4202],{},[329,4203,4204],{},"minSize",[3552,4206,4207],{},[329,4208,4060],{},[3552,4210,4211],{},[329,4212,2260],{},[3552,4214,4215],{},"Minimum resized width.",[3531,4217,4218,4223,4227,4231],{},[3552,4219,4220],{},[329,4221,4222],{},"maxSize",[3552,4224,4225],{},[329,4226,4060],{},[3552,4228,4229],{},[329,4230,2276],{},[3552,4232,4233],{},"Maximum resized width.",[3531,4235,4236,4241,4245,4250],{},[3552,4237,4238],{},[329,4239,4240],{},"collapsedSize",[3552,4242,4243],{},[329,4244,4060],{},[3552,4246,4247],{},[329,4248,4249],{},"48",[3552,4251,4252],{},"Width in icon collapse mode.",[3531,4254,4255,4260,4264,4269],{},[3552,4256,4257],{},[329,4258,4259],{},"mobileSize",[3552,4261,4262],{},[329,4263,4060],{},[3552,4265,4266],{},[329,4267,4268],{},"288",[3552,4270,4271],{},"Mobile drawer width.",[3531,4273,4274,4279,4283,4287],{},[3552,4275,4276],{},[329,4277,4278],{},"resizeStep",[3552,4280,4281],{},[329,4282,4060],{},[3552,4284,4285],{},[329,4286,2292],{},[3552,4288,4289],{},"Keyboard resize amount in pixels. Shift multiplies it by ten.",[3531,4291,4292,4296,4300,4304],{},[3552,4293,4294],{},[329,4295,2193],{},[3552,4297,4298],{},[329,4299,4019],{},[3552,4301,4302],{},[329,4303,1290],{},[3552,4305,4306],{},"Render the accessible resize separator.",[3531,4308,4309,4314,4318,4323],{},[3552,4310,4311],{},[329,4312,4313],{},"transition",[3552,4315,4316],{},[329,4317,4019],{},[3552,4319,4320],{},[329,4321,4322],{},"true",[3552,4324,4325],{},"Enable desktop width and off-canvas transitions.",[3531,4327,4328,4332,4336,4339],{},[3552,4329,4330],{},[329,4331,1949],{},[3552,4333,4334],{},[329,4335,4019],{},[3552,4337,4338],{},"media query",[3552,4340,4341],{},"Force mobile or desktop rendering.",[3531,4343,4344,4348,4353,4357],{},[3552,4345,4346],{},[329,4347,1945],{},[3552,4349,4350],{},[329,4351,4352],{},"string",[3552,4354,4355],{},[329,4356,3601],{},[3552,4358,4359,4360,4362],{},"Media query used when ",[329,4361,1949],{}," is omitted.",[3531,4364,4365,4370,4374,4378],{},[3552,4366,4367],{},[329,4368,4369],{},"closeOnBackdropClick",[3552,4371,4372],{},[329,4373,4019],{},[3552,4375,4376],{},[329,4377,4322],{},[3552,4379,4380],{},"Close the mobile dialog on backdrop interaction.",[3531,4382,4383,4388,4392,4396],{},[3552,4384,4385],{},[329,4386,4387],{},"closeOnNavigate",[3552,4389,4390],{},[329,4391,4019],{},[3552,4393,4394],{},[329,4395,4322],{},[3552,4397,4398],{},"Close mobile mode after activating a same-window link.",[3531,4400,4401,4406,4410,4414],{},[3552,4402,4403],{},[329,4404,4405],{},"swipeToClose",[3552,4407,4408],{},[329,4409,4019],{},[3552,4411,4412],{},[329,4413,4322],{},[3552,4415,4416],{},"Enable directional mobile swipe dismissal.",[3531,4418,4419,4424,4429,4434],{},[3552,4420,4421],{},[329,4422,4423],{},"teleport",[3552,4425,4426],{},[329,4427,4428],{},"string | false",[3552,4430,4431],{},[329,4432,4433],{},"\"body\"",[3552,4435,4436],{},"Mobile drawer Teleport target.",[3531,4438,4439,4444,4448,4452],{},[3552,4440,4441],{},[329,4442,4443],{},"keyboardShortcut",[3552,4445,4446],{},[329,4447,4428],{},[3552,4449,4450],{},[329,4451,1290],{},[3552,4453,4454],{},"Command\u002FCtrl shortcut key for responsive toggle.",[3531,4456,4457,4462,4466,4471],{},[3552,4458,4459],{},[329,4460,4461],{},"ariaLabel",[3552,4463,4464],{},[329,4465,4352],{},[3552,4467,4468],{},[329,4469,4470],{},"\"Sidebar\"",[3552,4472,4473],{},"Desktop landmark and mobile dialog accessible name.",[3531,4475,4476,4481,4485,4490],{},[3552,4477,4478],{},[329,4479,4480],{},"resizeAriaLabel",[3552,4482,4483],{},[329,4484,4352],{},[3552,4486,4487],{},[329,4488,4489],{},"\"Resize sidebar\"",[3552,4491,4492],{},"Resize separator accessible name.",[3531,4494,4495,4500,4505,4508],{},[3552,4496,4497],{},[329,4498,4499],{},"ui",[3552,4501,4502],{},[329,4503,4504],{},"SidebarUi",[3552,4506,4507],{},"—",[3552,4509,4510],{},"Classes for named structural parts.",[1180,4512,4514],{"id":4513},"slots","Slots",[3525,4516,4517,4529],{},[3528,4518,4519],{},[3531,4520,4521,4524,4527],{},[3534,4522,4523],{},"Slot",[3534,4525,4526],{},"Scoped props",[3534,4528,3545],{},[3547,4530,4531,4545,4558,4571],{},[3531,4532,4533,4537,4542],{},[3552,4534,4535],{},[329,4536,910],{},[3552,4538,4539],{},[329,4540,4541],{},"SidebarSlotProps",[3552,4543,4544],{},"Fixed header region.",[3531,4546,4547,4551,4555],{},[3552,4548,4549],{},[329,4550,999],{},[3552,4552,4553],{},[329,4554,4541],{},[3552,4556,4557],{},"Scrollable body region.",[3531,4559,4560,4564,4568],{},[3552,4561,4562],{},[329,4563,1145],{},[3552,4565,4566],{},[329,4567,4541],{},[3552,4569,4570],{},"Fixed footer region.",[3531,4572,4573,4578,4582],{},[3552,4574,4575],{},[329,4576,4577],{},"resize-handle",[3552,4579,4580],{},[329,4581,4541],{},[3552,4583,4584],{},"Content inside the generated separator handle.",[326,4586,4587,4589,4590,3889,4592,3889,4594,3889,4596,3889,4598,3889,4600,3889,4603,3889,4606,3889,4609,3889,4612,3889,4615,3889,4617,3893,4619,4621,4622,4624,4625,2328],{},[329,4588,4541],{}," exposes ",[329,4591,2054],{},[329,4593,1572],{},[329,4595,3472],{},[329,4597,3699],{},[329,4599,2215],{},[329,4601,4602],{},"openMobile",[329,4604,4605],{},"closeMobile",[329,4607,4608],{},"toggleMobile",[329,4610,4611],{},"expand",[329,4613,4614],{},"collapse",[329,4616,1654],{},[329,4618,810],{},[329,4620,3982],{},". On mobile, ",[329,4623,1572],{}," is always ",[329,4626,1290],{},[1180,4628,4630],{"id":4629},"emits","Emits",[3525,4632,4633,4645],{},[3528,4634,4635],{},[3531,4636,4637,4640,4643],{},[3534,4638,4639],{},"Event",[3534,4641,4642],{},"Payload",[3534,4644,3545],{},[3547,4646,4647,4661,4675],{},[3531,4648,4649,4653,4658],{},[3552,4650,4651],{},[329,4652,3888],{},[3552,4654,4655],{},[329,4656,4657],{},"[open, details]",[3552,4659,4660],{},"Cancelable mobile visibility change.",[3531,4662,4663,4667,4672],{},[3552,4664,4665],{},[329,4666,3892],{},[3552,4668,4669],{},[329,4670,4671],{},"[collapsed, details]",[3552,4673,4674],{},"Cancelable desktop collapse change.",[3531,4676,4677,4681,4686],{},[3552,4678,4679],{},[329,4680,3896],{},[3552,4682,4683],{},[329,4684,4685],{},"[size, details]",[3552,4687,4688,4689,2328],{},"Cancelable pointer, keyboard, or reset size change. Details include ",[329,4690,4691],{},"previousSize",[1180,4693,4695],{"id":4694},"exposed-methods","Exposed methods",[3525,4697,4698,4707],{},[3528,4699,4700],{},[3531,4701,4702,4705],{},[3534,4703,4704],{},"Method",[3534,4706,3545],{},[3547,4708,4709,4724,4738,4747,4756,4767,4776],{},[3531,4710,4711,4718],{},[3552,4712,4713,4715,4716],{},[329,4714,2054],{}," \u002F ",[329,4717,4602],{},[3552,4719,4720,4721,4723],{},"Open mobile visibility. ",[329,4722,2054],{}," is a concise alias.",[3531,4725,4726,4733],{},[3552,4727,4728,4715,4731],{},[329,4729,4730],{},"close",[329,4732,4605],{},[3552,4734,4735,4736,4723],{},"Close mobile visibility. ",[329,4737,4730],{},[3531,4739,4740,4744],{},[3552,4741,4742],{},[329,4743,4608],{},[3552,4745,4746],{},"Toggle mobile visibility regardless of responsive state.",[3531,4748,4749,4753],{},[3552,4750,4751],{},[329,4752,810],{},[3552,4754,4755],{},"Toggle mobile visibility or desktop collapse based on responsive state.",[3531,4757,4758,4764],{},[3552,4759,4760,4715,4762],{},[329,4761,4611],{},[329,4763,4614],{},[3552,4765,4766],{},"Change desktop collapse state.",[3531,4768,4769,4773],{},[3552,4770,4771],{},[329,4772,1654],{},[3552,4774,4775],{},"Toggle desktop collapse state.",[3531,4777,4778,4782],{},[3552,4779,4780],{},[329,4781,3982],{},[3552,4783,4784,4785,2328],{},"Restore ",[329,4786,2327],{},[1180,4788,4790],{"id":4789},"exposed-values","Exposed values",[3525,4792,4793,4804],{},[3528,4794,4795],{},[3531,4796,4797,4800,4802],{},[3534,4798,4799],{},"Value",[3534,4801,3539],{},[3534,4803,3545],{},[3547,4805,4806,4820,4834,4848,4860],{},[3531,4807,4808,4813,4817],{},[3552,4809,4810],{},[329,4811,4812],{},"openValue",[3552,4814,4815],{},[329,4816,4019],{},[3552,4818,4819],{},"Current mobile visibility.",[3531,4821,4822,4827,4831],{},[3552,4823,4824],{},[329,4825,4826],{},"collapsedValue",[3552,4828,4829],{},[329,4830,4019],{},[3552,4832,4833],{},"Current desktop collapse value.",[3531,4835,4836,4841,4845],{},[3552,4837,4838],{},[329,4839,4840],{},"sizeValue",[3552,4842,4843],{},[329,4844,4060],{},[3552,4846,4847],{},"Current expanded width in pixels.",[3531,4849,4850,4854,4858],{},[3552,4851,4852],{},[329,4853,3472],{},[3552,4855,4856],{},[329,4857,4019],{},[3552,4859,3692],{},[3531,4861,4862,4866,4871],{},[3552,4863,4864],{},[329,4865,3699],{},[3552,4867,4868],{},[329,4869,4870],{},"SidebarState",[3552,4872,4873,4874,3889,4876,3889,4879,3944,4881,4883],{},"Current ",[329,4875,2054],{},[329,4877,4878],{},"closed",[329,4880,1736],{},[329,4882,1572],{}," state.",[326,4885,4886,4887,4890],{},"Prefer ",[329,4888,4889],{},"useSidebar(sidebarRef)"," when consuming these values outside the component.",[1180,4892,4894],{"id":4893},"ui-options","UI Options",[3525,4896,4897,4906],{},[3528,4898,4899],{},[3531,4900,4901,4904],{},[3534,4902,4903],{},"Key",[3534,4905,3545],{},[3547,4907,4908,4918,4928,4936,4945,4953,4963,4973,4983],{},[3531,4909,4910,4915],{},[3552,4911,4912],{},[329,4913,4914],{},"root",[3552,4916,4917],{},"Responsive root and desktop width container.",[3531,4919,4920,4925],{},[3552,4921,4922],{},[329,4923,4924],{},"panel",[3552,4926,4927],{},"Desktop panel or inner mobile panel.",[3531,4929,4930,4934],{},[3552,4931,4932],{},[329,4933,910],{},[3552,4935,4544],{},[3531,4937,4938,4943],{},[3552,4939,4940],{},[329,4941,4942],{},"body",[3552,4944,4557],{},[3531,4946,4947,4951],{},[3552,4948,4949],{},[329,4950,1145],{},[3552,4952,4570],{},[3531,4954,4955,4960],{},[3552,4956,4957],{},[329,4958,4959],{},"resizeHandle",[3552,4961,4962],{},"Accessible resize separator.",[3531,4964,4965,4970],{},[3552,4966,4967],{},[329,4968,4969],{},"mobileOverlay",[3552,4971,4972],{},"Mobile modal backdrop.",[3531,4974,4975,4980],{},[3552,4976,4977],{},[329,4978,4979],{},"mobileContent",[3552,4981,4982],{},"Mobile Drawer dialog panel.",[3531,4984,4985,4990],{},[3552,4986,4987],{},[329,4988,4989],{},"mobileWrapper",[3552,4991,4992],{},"Structural wrapper inside the mobile Drawer.",[1180,4994,4996],{"id":4995},"styling-hooks","Styling Hooks",[3525,4998,4999,5012],{},[3528,5000,5001],{},[3531,5002,5003,5006,5009],{},[3534,5004,5005],{},"UI key",[3534,5007,5008],{},"CSS class",[3534,5010,5011],{},"Data attrs",[3547,5013,5014,5048,5067,5080,5093,5106,5123,5140,5158],{},[3531,5015,5016,5020,5025],{},[3552,5017,5018],{},[329,5019,4914],{},[3552,5021,5022],{},[329,5023,5024],{},"akaza-sidebar-root",[3552,5026,5027,3889,5030,3889,5033,3889,5036,3889,5039,3889,5042,3889,5045],{},[329,5028,5029],{},"data-akaza-state",[329,5031,5032],{},"data-akaza-side",[329,5034,5035],{},"data-akaza-mobile",[329,5037,5038],{},"data-akaza-collapsible",[329,5040,5041],{},"data-akaza-collapsed",[329,5043,5044],{},"data-akaza-resizing",[329,5046,5047],{},"data-akaza-transition",[3531,5049,5050,5054,5059],{},[3552,5051,5052],{},[329,5053,4924],{},[3552,5055,5056],{},[329,5057,5058],{},"akaza-sidebar-panel",[3552,5060,5061,3889,5063,3889,5065],{},[329,5062,5029],{},[329,5064,5032],{},[329,5066,5035],{},[3531,5068,5069,5073,5078],{},[3552,5070,5071],{},[329,5072,910],{},[3552,5074,5075],{},[329,5076,5077],{},"akaza-sidebar-header",[3552,5079,4507],{},[3531,5081,5082,5086,5091],{},[3552,5083,5084],{},[329,5085,4942],{},[3552,5087,5088],{},[329,5089,5090],{},"akaza-sidebar-body",[3552,5092,4507],{},[3531,5094,5095,5099,5104],{},[3552,5096,5097],{},[329,5098,1145],{},[3552,5100,5101],{},[329,5102,5103],{},"akaza-sidebar-footer",[3552,5105,4507],{},[3531,5107,5108,5112,5117],{},[3552,5109,5110],{},[329,5111,4959],{},[3552,5113,5114],{},[329,5115,5116],{},"akaza-sidebar-resize-handle",[3552,5118,5119,3889,5121],{},[329,5120,5032],{},[329,5122,5044],{},[3531,5124,5125,5129,5134],{},[3552,5126,5127],{},[329,5128,4969],{},[3552,5130,5131],{},[329,5132,5133],{},"akaza-sidebar-mobile-overlay",[3552,5135,5136,5137,5139],{},"Drawer ",[329,5138,5029],{}," is also available on the same element.",[3531,5141,5142,5146,5151],{},[3552,5143,5144],{},[329,5145,4979],{},[3552,5147,5148],{},[329,5149,5150],{},"akaza-sidebar-mobile-content",[3552,5152,5136,5153,1932,5155,5157],{},[329,5154,5029],{},[329,5156,5032],{}," are also available on the same element.",[3531,5159,5160,5164,5169],{},[3552,5161,5162],{},[329,5163,4989],{},[3552,5165,5166],{},[329,5167,5168],{},"akaza-sidebar-mobile-wrapper",[3552,5170,4507],{},[326,5172,5173,5174,3889,5177,3889,5180,3889,5183,3893,5186,2328],{},"Width and motion can also be configured through ",[329,5175,5176],{},"--akaza-sidebar-size",[329,5178,5179],{},"--akaza-sidebar-collapsed-size",[329,5181,5182],{},"--akaza-sidebar-mobile-size",[329,5184,5185],{},"--akaza-sidebar-transition-duration",[329,5187,5188],{},"--akaza-sidebar-transition-easing",[326,5190,5191,5192,5195,5196,5198],{},"Plain ",[329,5193,5194],{},"class"," applies to the single root. Use ",[329,5197,4499],{}," for the panel, regions, resize handle, and teleported mobile parts.",[1180,5200,5202],{"id":5201},"keyboard","Keyboard",[3525,5204,5205,5214],{},[3528,5206,5207],{},[3531,5208,5209,5211],{},[3534,5210,4903],{},[3534,5212,5213],{},"Behavior",[3547,5215,5216,5232,5247,5260,5270,5283],{},[3531,5217,5218,5226],{},[3552,5219,5220,4715,5223],{},[329,5221,5222],{},"Arrow Left",[329,5224,5225],{},"Arrow Right",[3552,5227,5228,5229,5231],{},"Resize by ",[329,5230,4278],{},"; direction follows sidebar placement.",[3531,5233,5234,5242],{},[3552,5235,5236,4715,5239],{},[329,5237,5238],{},"Shift + Arrow Left",[329,5240,5241],{},"Shift + Arrow Right",[3552,5243,5244,5245,2328],{},"Resize by ten times ",[329,5246,4278],{},[3531,5248,5249,5257],{},[3552,5250,5251,4715,5254],{},[329,5252,5253],{},"Home",[329,5255,5256],{},"End",[3552,5258,5259],{},"Resize to minimum or maximum width.",[3531,5261,5262,5267],{},[3552,5263,5264],{},[329,5265,5266],{},"Escape",[3552,5268,5269],{},"Close mobile mode and restore focus.",[3531,5271,5272,5280],{},[3552,5273,5274,4715,5277],{},[329,5275,5276],{},"Tab",[329,5278,5279],{},"Shift + Tab",[3552,5281,5282],{},"Remain inside the open mobile dialog.",[3531,5284,5285,5290],{},[3552,5286,5287],{},[329,5288,5289],{},"Command\u002FCtrl + configured key",[3552,5291,5292,5293,5295],{},"Toggle current responsive state when ",[329,5294,4443],{}," is enabled.",[326,5297,5298],{},"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.",[5300,5301,5302],"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}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":406,"searchDepth":413,"depth":446,"links":5304},[5305,5306,5307,5317,5324],{"id":338,"depth":446,"text":339},{"id":390,"depth":446,"text":23},{"id":1177,"depth":446,"text":1178,"children":5308},[5309,5310,5311,5312,5313,5314,5315],{"id":1182,"depth":480,"text":1183},{"id":1817,"depth":480,"text":1818},{"id":1939,"depth":480,"text":1940},{"id":2186,"depth":480,"text":2187},{"id":2331,"depth":480,"text":2332},{"id":2406,"depth":480,"text":2407},{"id":2455,"depth":480,"text":5316},"Custom behavior with useSidebar",{"id":2711,"depth":446,"text":386,"children":5318},[5319,5320,5321,5322,5323],{"id":2780,"depth":480,"text":2781},{"id":3170,"depth":480,"text":3171},{"id":2764,"depth":480,"text":3520},{"id":3626,"depth":480,"text":3627},{"id":3900,"depth":480,"text":3901},{"id":3985,"depth":446,"text":3986,"children":5325},[5326,5327,5328,5329,5330,5331,5332,5333,5334],{"id":3989,"depth":480,"text":3990},{"id":4070,"depth":480,"text":4071},{"id":4513,"depth":480,"text":4514},{"id":4629,"depth":480,"text":4630},{"id":4694,"depth":480,"text":4695},{"id":4789,"depth":480,"text":4790},{"id":4893,"depth":480,"text":4894},{"id":4995,"depth":480,"text":4996},{"id":5201,"depth":480,"text":5202},"Responsive application sidebar with desktop collapse, resizing, and mobile dialog behavior.","md",null,{},{"icon":243,"badge":5340},{"label":62,"color":63},{"title":240,"description":5335},"qBCWo45HcgvvDQaRR8egFuP1CjP-Yr4UcMzT4wOFpT8",[5344,5346],{"title":235,"path":236,"stem":237,"description":5345,"icon":238,"children":-1},"A visual or semantic divider between content sections.",{"title":246,"path":247,"stem":248,"description":5347,"icon":249,"children":-1},"Single-value or range slider with pointer drag, keyboard step, and ARIA metadata.",1789932258171]