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