[{"data":1,"prerenderedAt":2296},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Foverlays\u002Fdrawer":649},[4,11,124,509,568,593],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,66,103],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",90,{"title":67,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":68,"stem":69,"children":70,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[71,74,78,82,86,90,95,99],{"title":67,"path":72,"stem":73,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":75,"path":76,"stem":77,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":79,"path":80,"stem":81,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":83,"path":84,"stem":85,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":87,"path":88,"stem":89,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":91,"path":92,"stem":93,"order":94,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":96,"path":97,"stem":98,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":100,"path":101,"stem":102,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":104,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":105,"stem":106,"children":107,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[108,112,116,120],{"title":109,"path":110,"stem":111,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":113,"path":114,"stem":115,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":117,"path":118,"stem":119,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":121,"path":122,"stem":123,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":125,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":126,"stem":127,"children":128,"page":10},"Components","\u002Fcomponents","components",[129,202,301,320,364,417,470],{"title":130,"path":131,"stem":132,"children":133,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[134,138,143,148,153,158,162,167,172,177,182,187,192,197],{"title":135,"path":136,"stem":137,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":139,"path":140,"stem":141,"order":142,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":144,"path":145,"stem":146,"order":147,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":149,"path":150,"stem":151,"order":152,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":154,"path":155,"stem":156,"order":157,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":159,"path":160,"stem":161,"order":157,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":163,"path":164,"stem":165,"order":166,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":168,"path":169,"stem":170,"order":171,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":173,"path":174,"stem":175,"order":176,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":178,"path":179,"stem":180,"order":181,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":183,"path":184,"stem":185,"order":186,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":188,"path":189,"stem":190,"order":191,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":193,"path":194,"stem":195,"order":196,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":198,"path":199,"stem":200,"order":201,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":203,"path":204,"stem":205,"children":206,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[207,211,216,221,226,231,236,241,246,251,256,261,266,271,276,281,286,291,296],{"title":208,"path":209,"stem":210,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":212,"path":213,"stem":214,"order":215,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":217,"path":218,"stem":219,"order":220,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",20.5,{"title":222,"path":223,"stem":224,"order":225,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":227,"path":228,"stem":229,"order":230,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":232,"path":233,"stem":234,"order":235,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":237,"path":238,"stem":239,"order":240,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":242,"path":243,"stem":244,"order":245,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":247,"path":248,"stem":249,"order":250,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":252,"path":253,"stem":254,"order":255,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":257,"path":258,"stem":259,"order":260,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":262,"path":263,"stem":264,"order":265,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":267,"path":268,"stem":269,"order":270,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":272,"path":273,"stem":274,"order":275,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":277,"path":278,"stem":279,"order":280,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":282,"path":283,"stem":284,"order":285,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":287,"path":288,"stem":289,"order":290,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":292,"path":293,"stem":294,"order":295,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":297,"path":298,"stem":299,"order":300,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":302,"path":303,"stem":304,"children":305,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[306,311,315],{"title":307,"path":308,"stem":309,"order":310,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":312,"path":313,"stem":314,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":316,"path":317,"stem":318,"order":319,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":321,"path":322,"stem":323,"children":324,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[325,330,334,339,344,349,354,359],{"title":326,"path":327,"stem":328,"order":329,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":331,"path":332,"stem":333,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":335,"path":336,"stem":337,"order":338,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":340,"path":341,"stem":342,"order":343,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":345,"path":346,"stem":347,"order":348,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":350,"path":351,"stem":352,"order":353,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":355,"path":356,"stem":357,"order":358,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":360,"path":361,"stem":362,"order":363,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":365,"path":366,"stem":367,"children":368,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[369,373,378,383,388,393,398,403,408,412],{"title":370,"path":371,"stem":372,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":374,"path":375,"stem":376,"order":377,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":379,"path":380,"stem":381,"order":382,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":384,"path":385,"stem":386,"order":387,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":389,"path":390,"stem":391,"order":392,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":394,"path":395,"stem":396,"order":397,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":399,"path":400,"stem":401,"order":402,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":404,"path":405,"stem":406,"order":407,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":409,"path":410,"stem":411,"order":94,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":413,"path":414,"stem":415,"order":416,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":418,"path":419,"stem":420,"children":421,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[422,427,431,436,441,446,450,455,460,465],{"title":423,"path":424,"stem":425,"order":426,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":428,"path":429,"stem":430,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":432,"path":433,"stem":434,"order":435,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":437,"path":438,"stem":439,"order":440,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":442,"path":443,"stem":444,"order":445,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":447,"path":448,"stem":449,"order":445,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":451,"path":452,"stem":453,"order":454,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":456,"path":457,"stem":458,"order":459,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":461,"path":462,"stem":463,"order":464,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":466,"path":467,"stem":468,"order":469,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":471,"path":472,"stem":473,"children":474,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[475,479,484,489,494,499,504],{"title":476,"path":477,"stem":478,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":480,"path":481,"stem":482,"order":483,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":485,"path":486,"stem":487,"order":488,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":490,"path":491,"stem":492,"order":493,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":495,"path":496,"stem":497,"order":498,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":500,"path":501,"stem":502,"order":503,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":505,"path":506,"stem":507,"order":508,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":510,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":511,"stem":512,"children":513,"page":10},"Composites","\u002Fcomposites","composites",[514,543],{"title":515,"path":516,"stem":517,"children":518,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[519,523,527,531,535,539],{"title":520,"path":521,"stem":522,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":524,"path":525,"stem":526,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":528,"path":529,"stem":530,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":532,"path":533,"stem":534,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":536,"path":537,"stem":538,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":540,"path":541,"stem":542,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":544,"path":545,"stem":546,"children":547,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[548,552,556,560,564],{"title":549,"path":550,"stem":551,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":553,"path":554,"stem":555,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":557,"path":558,"stem":559,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":561,"path":562,"stem":563,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":565,"path":566,"stem":567,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":569,"order":570,"icon":9,"collapse":10,"navBadges":9,"path":571,"stem":572,"children":573,"page":10},"Blocks",35,"\u002Fblocks","blocks",[574,577,581,585,589],{"title":569,"path":575,"stem":576,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":578,"path":579,"stem":580,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":582,"path":583,"stem":584,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":586,"path":587,"stem":588,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":590,"path":591,"stem":592,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":594,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":595,"stem":596,"children":597,"page":10},"Utilities","\u002Futilities","utilities",[598,632],{"title":599,"path":600,"stem":601,"children":602,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[603,607,611,616,620,624,628],{"title":604,"path":605,"stem":606,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":608,"path":609,"stem":610,"order":166,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":612,"path":613,"stem":614,"order":615,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":617,"path":618,"stem":619,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":621,"path":622,"stem":623,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":625,"path":626,"stem":627,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":629,"path":630,"stem":631,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":633,"path":634,"stem":635,"children":636,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[637,641,645],{"title":638,"path":639,"stem":640,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":642,"path":643,"stem":644,"order":615,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":646,"path":647,"stem":648,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"id":650,"title":413,"aside":651,"body":652,"collapse":10,"description":2291,"editLink":651,"extension":2292,"icon":9,"issueLink":651,"meta":2293,"navBadges":9,"navigation":9,"order":416,"path":414,"prevNext":651,"seo":2294,"stem":415,"toc":651,"__hash__":2295},"docs\u002Fcomponents\u002Foverlays\u002Fdrawer.md",true,{"type":653,"value":654,"toc":2274},"minimark",[655,660,673,677,1019,1033,1038,1064,1071,1074,1119,1123,1162,1165,1259,1263,1270,1317,1321,1341,1344,1429,1433,1443,1490,1494,1507,1619,1630,1688,1692,1713,1729,1732,1798,1827,1834,1837,1841,1845,2064,2079,2083,2196,2200,2270],[656,657,659],"h2",{"id":658},"usage","Usage",[661,662,663,664,668,669,672],"p",{},"Drawer visibility is controlled with ",[665,666,667],"code",{},"v-model:open",", so it needs a ref\nfrom the page it's used on. Unlike ",[670,671,399],"a",{"href":400},",\nwhich is built on Reka's Dialog primitive, Drawer is built on Reka's own\nDrawer primitive - real drag-to-dismiss and (below) resting snap points,\nnot just a slide animation:",[674,675],"component-example",{"name":676},"drawer-basic",[678,679,684],"pre",{"className":680,"code":681,"language":682,"meta":683,"style":683},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst open = ref(false)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSButton @click=\"open = true\">\n    Open drawer\n  \u003C\u002FSButton>\n\n  \u003CSDrawer v-model:open=\"open\" title=\"Edit profile\" description=\"Update your personal details.\">\n    \u003Ctemplate #body>\n      Drawer content goes here.\n    \u003C\u002Ftemplate>\n    \u003Ctemplate #footer>\n      \u003CSButton variant=\"ghost\" @click=\"open = false\">\n        Cancel\n      \u003C\u002FSButton>\n      \u003CSButton @click=\"open = false\">\n        Save\n      \u003C\u002FSButton>\n    \u003C\u002Ftemplate>\n  \u003C\u002FSDrawer>\n\u003C\u002Ftemplate>\n","vue","",[665,685,686,715,741,751,757,767,799,805,815,820,862,877,882,892,906,940,946,956,981,987,995,1003,1011],{"__ignoreMap":683},[687,688,690,694,698,702,705,708,712],"span",{"class":689,"line":8},"line",[687,691,693],{"class":692},"sVt8B","\u003C",[687,695,697],{"class":696},"s9eBZ","script",[687,699,701],{"class":700},"sScJk"," setup",[687,703,704],{"class":700}," lang",[687,706,707],{"class":692},"=",[687,709,711],{"class":710},"sZZnC","\"ts\"",[687,713,714],{"class":692},">\n",[687,716,718,722,726,729,732,735,738],{"class":689,"line":717},2,[687,719,721],{"class":720},"szBVR","const",[687,723,725],{"class":724},"sj4cs"," open",[687,727,728],{"class":720}," =",[687,730,731],{"class":700}," ref",[687,733,734],{"class":692},"(",[687,736,737],{"class":724},"false",[687,739,740],{"class":692},")\n",[687,742,744,747,749],{"class":689,"line":743},3,[687,745,746],{"class":692},"\u003C\u002F",[687,748,697],{"class":696},[687,750,714],{"class":692},[687,752,754],{"class":689,"line":753},4,[687,755,756],{"emptyLinePlaceholder":651},"\n",[687,758,760,762,765],{"class":689,"line":759},5,[687,761,693],{"class":692},[687,763,764],{"class":696},"template",[687,766,714],{"class":692},[687,768,770,773,776,779,782,784,787,790,792,795,797],{"class":689,"line":769},6,[687,771,772],{"class":692},"  \u003C",[687,774,775],{"class":696},"SButton",[687,777,778],{"class":692}," @",[687,780,781],{"class":700},"click",[687,783,707],{"class":692},[687,785,786],{"class":710},"\"",[687,788,789],{"class":692},"open ",[687,791,707],{"class":720},[687,793,794],{"class":724}," true",[687,796,786],{"class":710},[687,798,714],{"class":692},[687,800,802],{"class":689,"line":801},7,[687,803,804],{"class":692},"    Open drawer\n",[687,806,808,811,813],{"class":689,"line":807},8,[687,809,810],{"class":692},"  \u003C\u002F",[687,812,775],{"class":696},[687,814,714],{"class":692},[687,816,818],{"class":689,"line":817},9,[687,819,756],{"emptyLinePlaceholder":651},[687,821,822,824,827,830,833,836,838,840,842,844,847,849,852,855,857,860],{"class":689,"line":13},[687,823,772],{"class":692},[687,825,826],{"class":696},"SDrawer",[687,828,829],{"class":700}," v-model",[687,831,832],{"class":692},":",[687,834,835],{"class":700},"open",[687,837,707],{"class":692},[687,839,786],{"class":710},[687,841,835],{"class":692},[687,843,786],{"class":710},[687,845,846],{"class":700}," title",[687,848,707],{"class":692},[687,850,851],{"class":710},"\"Edit profile\"",[687,853,854],{"class":700}," description",[687,856,707],{"class":692},[687,858,859],{"class":710},"\"Update your personal details.\"",[687,861,714],{"class":692},[687,863,864,867,869,872,875],{"class":689,"line":147},[687,865,866],{"class":692},"    \u003C",[687,868,764],{"class":696},[687,870,871],{"class":692}," #",[687,873,874],{"class":700},"body",[687,876,714],{"class":692},[687,878,879],{"class":689,"line":166},[687,880,881],{"class":692},"      Drawer content goes here.\n",[687,883,885,888,890],{"class":689,"line":884},13,[687,886,887],{"class":692},"    \u003C\u002F",[687,889,764],{"class":696},[687,891,714],{"class":692},[687,893,895,897,899,901,904],{"class":689,"line":894},14,[687,896,866],{"class":692},[687,898,764],{"class":696},[687,900,871],{"class":692},[687,902,903],{"class":700},"footer",[687,905,714],{"class":692},[687,907,908,911,913,916,918,921,923,925,927,929,931,933,936,938],{"class":689,"line":615},[687,909,910],{"class":692},"      \u003C",[687,912,775],{"class":696},[687,914,915],{"class":700}," variant",[687,917,707],{"class":692},[687,919,920],{"class":710},"\"ghost\"",[687,922,778],{"class":692},[687,924,781],{"class":700},[687,926,707],{"class":692},[687,928,786],{"class":710},[687,930,789],{"class":692},[687,932,707],{"class":720},[687,934,935],{"class":724}," false",[687,937,786],{"class":710},[687,939,714],{"class":692},[687,941,943],{"class":689,"line":942},16,[687,944,945],{"class":692},"        Cancel\n",[687,947,949,952,954],{"class":689,"line":948},17,[687,950,951],{"class":692},"      \u003C\u002F",[687,953,775],{"class":696},[687,955,714],{"class":692},[687,957,959,961,963,965,967,969,971,973,975,977,979],{"class":689,"line":958},18,[687,960,910],{"class":692},[687,962,775],{"class":696},[687,964,778],{"class":692},[687,966,781],{"class":700},[687,968,707],{"class":692},[687,970,786],{"class":710},[687,972,789],{"class":692},[687,974,707],{"class":720},[687,976,935],{"class":724},[687,978,786],{"class":710},[687,980,714],{"class":692},[687,982,984],{"class":689,"line":983},19,[687,985,986],{"class":692},"        Save\n",[687,988,989,991,993],{"class":689,"line":30},[687,990,951],{"class":692},[687,992,775],{"class":696},[687,994,714],{"class":692},[687,996,997,999,1001],{"class":689,"line":235},[687,998,887],{"class":692},[687,1000,764],{"class":696},[687,1002,714],{"class":692},[687,1004,1005,1007,1009],{"class":689,"line":245},[687,1006,810],{"class":692},[687,1008,826],{"class":696},[687,1010,714],{"class":692},[687,1012,1013,1015,1017],{"class":689,"line":260},[687,1014,746],{"class":692},[687,1016,764],{"class":696},[687,1018,714],{"class":692},[661,1020,1021,1022,1025,1026,6,1029,1032],{},"Always pass ",[665,1023,1024],{},"title"," (or a ",[665,1027,1028],{},"header",[665,1030,1031],{},"content"," slot containing a heading) -\nwithout one, the panel has no accessible name for screen readers, and dev\nmode warns about it.",[1034,1035,1037],"h3",{"id":1036},"side","Side",[661,1039,1040,1042,1043,1046,1047,1046,1050,1053,1054,1057,1058,1061,1062],{},[665,1041,1036],{}," picks which edge the panel slides in from (and the direction it's\nswiped toward to dismiss it) - ",[665,1044,1045],{},"top",", ",[665,1048,1049],{},"right",[665,1051,1052],{},"bottom"," (default), or\n",[665,1055,1056],{},"left",". Unlike Slideover's ",[665,1059,1060],{},"'right'"," default, a drawer defaults to ",[665,1063,1052],{},[1065,1066,1067],"ul",{},[1068,1069,1070],"li",{},"the classic mobile bottom sheet:",[674,1072],{"name":1073},"drawer-side",[678,1075,1079],{"className":1076,"code":1077,"language":1078,"meta":683,"style":683},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSDrawer v-model:open=\"open\" side=\"left\" title=\"Filters\" \u002F>\n","vue-html",[665,1080,1081],{"__ignoreMap":683},[687,1082,1083,1085,1087,1089,1091,1093,1095,1097,1099,1101,1104,1106,1109,1111,1113,1116],{"class":689,"line":8},[687,1084,693],{"class":692},[687,1086,826],{"class":696},[687,1088,829],{"class":700},[687,1090,832],{"class":692},[687,1092,835],{"class":700},[687,1094,707],{"class":692},[687,1096,786],{"class":710},[687,1098,835],{"class":692},[687,1100,786],{"class":710},[687,1102,1103],{"class":700}," side",[687,1105,707],{"class":692},[687,1107,1108],{"class":710},"\"left\"",[687,1110,846],{"class":700},[687,1112,707],{"class":692},[687,1114,1115],{"class":710},"\"Filters\"",[687,1117,1118],{"class":692}," \u002F>\n",[1034,1120,1122],{"id":1121},"snap-points","Snap points",[661,1124,1125,1128,1129,1131,1132,1134,1135,1138,1139,1142,1143,1146,1147,1150,1151,1154,1155,1158,1159,1161],{},[665,1126,1127],{},"snapPoints"," gives the panel resting heights (or widths, for a ",[665,1130,1056],{},"\u002F\n",[665,1133,1049],{}," drawer) to drag between before it's fully open - fractions\n(",[665,1136,1137],{},"0","-",[665,1140,1141],{},"1","), pixels (",[665,1144,1145],{},"> 1","), or CSS length strings (",[665,1148,1149],{},"'30rem'","). Pair with\n",[665,1152,1153],{},"v-model:snap-point"," to read or control which one is currently active.\n",[665,1156,1157],{},"snapToSequentialPoints"," (default ",[665,1160,737],{},") restricts dragging to one step\nat a time instead of jumping to whichever point is nearest:",[674,1163],{"name":1164},"drawer-snap-points",[678,1166,1168],{"className":1076,"code":1167,"language":1078,"meta":683,"style":683},"\u003CSDrawer\n  v-model:open=\"open\"\n  v-model:snap-point=\"snapPoint\"\n  :snap-points=\"[0.3, 0.6, 1]\"\n  title=\"Drag me\"\n\u002F>\n",[665,1169,1170,1177,1195,1213,1244,1254],{"__ignoreMap":683},[687,1171,1172,1174],{"class":689,"line":8},[687,1173,693],{"class":692},[687,1175,1176],{"class":696},"SDrawer\n",[687,1178,1179,1182,1184,1186,1188,1190,1192],{"class":689,"line":717},[687,1180,1181],{"class":700},"  v-model",[687,1183,832],{"class":692},[687,1185,835],{"class":700},[687,1187,707],{"class":692},[687,1189,786],{"class":710},[687,1191,835],{"class":692},[687,1193,1194],{"class":710},"\"\n",[687,1196,1197,1199,1201,1204,1206,1208,1211],{"class":689,"line":743},[687,1198,1181],{"class":700},[687,1200,832],{"class":692},[687,1202,1203],{"class":700},"snap-point",[687,1205,707],{"class":692},[687,1207,786],{"class":710},[687,1209,1210],{"class":692},"snapPoint",[687,1212,1194],{"class":710},[687,1214,1215,1218,1220,1222,1224,1227,1230,1232,1235,1237,1239,1242],{"class":689,"line":753},[687,1216,1217],{"class":692},"  :",[687,1219,1121],{"class":700},[687,1221,707],{"class":692},[687,1223,786],{"class":710},[687,1225,1226],{"class":692},"[",[687,1228,1229],{"class":724},"0.3",[687,1231,1046],{"class":692},[687,1233,1234],{"class":724},"0.6",[687,1236,1046],{"class":692},[687,1238,1141],{"class":724},[687,1240,1241],{"class":692},"]",[687,1243,1194],{"class":710},[687,1245,1246,1249,1251],{"class":689,"line":759},[687,1247,1248],{"class":700},"  title",[687,1250,707],{"class":692},[687,1252,1253],{"class":710},"\"Drag me\"\n",[687,1255,1256],{"class":689,"line":769},[687,1257,1258],{"class":692},"\u002F>\n",[1034,1260,1262],{"id":1261},"handle","Handle",[661,1264,1265,1266,1269],{},"A small grip bar shows at the top of the panel by default, signaling it's\ndraggable - set ",[665,1267,1268],{},"handle=\"false\""," to remove it:",[678,1271,1273],{"className":1076,"code":1272,"language":1078,"meta":683,"style":683},"\u003CSDrawer v-model:open=\"open\" :handle=\"false\" title=\"No handle\" \u002F>\n",[665,1274,1275],{"__ignoreMap":683},[687,1276,1277,1279,1281,1283,1285,1287,1289,1291,1293,1295,1298,1300,1302,1304,1306,1308,1310,1312,1315],{"class":689,"line":8},[687,1278,693],{"class":692},[687,1280,826],{"class":696},[687,1282,829],{"class":700},[687,1284,832],{"class":692},[687,1286,835],{"class":700},[687,1288,707],{"class":692},[687,1290,786],{"class":710},[687,1292,835],{"class":692},[687,1294,786],{"class":710},[687,1296,1297],{"class":692}," :",[687,1299,1261],{"class":700},[687,1301,707],{"class":692},[687,1303,786],{"class":710},[687,1305,737],{"class":724},[687,1307,786],{"class":710},[687,1309,846],{"class":700},[687,1311,707],{"class":692},[687,1313,1314],{"class":710},"\"No handle\"",[687,1316,1118],{"class":692},[1034,1318,1320],{"id":1319},"custom-content","Custom content",[661,1322,1323,1325,1326,6,1329,1331,1332,1334,1335,6,1337,1340],{},[665,1324,1031],{}," replaces the header\u002Ftitle\u002Fdescription\u002Fbody\u002Ffooter structure\nentirely - useful when the panel doesn't fit the header-plus-body shape at\nall. ",[665,1327,1328],{},"close",[665,1330,1261],{}," are ignored once ",[665,1333,1031],{}," is provided, since the\nslot owns the whole visible panel - but ",[665,1336,1024],{},[665,1338,1339],{},"description",", if still\nset, stay registered with Reka as the panel's accessible name\u002Fdescription,\njust visually hidden instead of rendered as a header. Pass them if your\nown custom content doesn't already include a heading Reka can associate\nwith the panel:",[674,1342],{"name":1343},"drawer-content",[678,1345,1347],{"className":1076,"code":1346,"language":1078,"meta":683,"style":683},"\u003CSDrawer v-model:open=\"open\">\n  \u003Ctemplate #content>\n    \u003Cdiv class=\"flex flex-col items-center gap-4 p-8 text-center\">\n      ...\n    \u003C\u002Fdiv>\n  \u003C\u002Ftemplate>\n\u003C\u002FSDrawer>\n",[665,1348,1349,1371,1383,1400,1405,1413,1421],{"__ignoreMap":683},[687,1350,1351,1353,1355,1357,1359,1361,1363,1365,1367,1369],{"class":689,"line":8},[687,1352,693],{"class":692},[687,1354,826],{"class":696},[687,1356,829],{"class":700},[687,1358,832],{"class":692},[687,1360,835],{"class":700},[687,1362,707],{"class":692},[687,1364,786],{"class":710},[687,1366,835],{"class":692},[687,1368,786],{"class":710},[687,1370,714],{"class":692},[687,1372,1373,1375,1377,1379,1381],{"class":689,"line":717},[687,1374,772],{"class":692},[687,1376,764],{"class":696},[687,1378,871],{"class":692},[687,1380,1031],{"class":700},[687,1382,714],{"class":692},[687,1384,1385,1387,1390,1393,1395,1398],{"class":689,"line":743},[687,1386,866],{"class":692},[687,1388,1389],{"class":696},"div",[687,1391,1392],{"class":700}," class",[687,1394,707],{"class":692},[687,1396,1397],{"class":710},"\"flex flex-col items-center gap-4 p-8 text-center\"",[687,1399,714],{"class":692},[687,1401,1402],{"class":689,"line":753},[687,1403,1404],{"class":692},"      ...\n",[687,1406,1407,1409,1411],{"class":689,"line":759},[687,1408,887],{"class":692},[687,1410,1389],{"class":696},[687,1412,714],{"class":692},[687,1414,1415,1417,1419],{"class":689,"line":769},[687,1416,810],{"class":692},[687,1418,764],{"class":696},[687,1420,714],{"class":692},[687,1422,1423,1425,1427],{"class":689,"line":801},[687,1424,746],{"class":692},[687,1426,826],{"class":696},[687,1428,714],{"class":692},[1034,1430,1432],{"id":1431},"non-modal","Non-modal",[661,1434,1435,1438,1439,1442],{},[665,1436,1437],{},"modal=\"false\""," stops the panel from blocking interaction with the rest of\nthe page - no focus trap, outside elements stay reachable and aren't hidden\nfrom assistive tech. ",[665,1440,1441],{},"overlay"," is independent of this - a non-modal panel\ncan still show (or hide) its own backdrop:",[678,1444,1446],{"className":1076,"code":1445,"language":1078,"meta":683,"style":683},"\u003CSDrawer v-model:open=\"open\" :modal=\"false\" title=\"Non-modal\" \u002F>\n",[665,1447,1448],{"__ignoreMap":683},[687,1449,1450,1452,1454,1456,1458,1460,1462,1464,1466,1468,1470,1473,1475,1477,1479,1481,1483,1485,1488],{"class":689,"line":8},[687,1451,693],{"class":692},[687,1453,826],{"class":696},[687,1455,829],{"class":700},[687,1457,832],{"class":692},[687,1459,835],{"class":700},[687,1461,707],{"class":692},[687,1463,786],{"class":710},[687,1465,835],{"class":692},[687,1467,786],{"class":710},[687,1469,1297],{"class":692},[687,1471,1472],{"class":700},"modal",[687,1474,707],{"class":692},[687,1476,786],{"class":710},[687,1478,737],{"class":724},[687,1480,786],{"class":710},[687,1482,846],{"class":700},[687,1484,707],{"class":692},[687,1486,1487],{"class":710},"\"Non-modal\"",[687,1489,1118],{"class":692},[1034,1491,1493],{"id":1492},"intercepting-dismissal","Intercepting dismissal",[661,1495,1496,1498,1499,1502,1503,1506],{},[665,1497,826],{}," doesn't override Reka UI's own defaults (Escape, an outside\nclick, and a drag-to-dismiss swipe all dismiss it), but exposes the\nunderlying events so you can ",[665,1500,1501],{},"preventDefault()"," on them - e.g. to confirm\nbefore closing a panel with unsaved changes. A swipe has no separate event\nof its own to intercept ahead of time (Reka only reports it after the\nfact), so it can only be blocked wholesale via ",[665,1504,1505],{},"dismissible",", not\nconditionally per attempt like Escape\u002Foutside-click:",[678,1508,1510],{"className":1076,"code":1509,"language":1078,"meta":683,"style":683},"\u003CSDrawer\n  v-model:open=\"open\"\n  title=\"Edit profile\"\n  @escape-key-down=\"(e) => hasChanges && e.preventDefault()\"\n  @pointer-down-outside=\"(e) => hasChanges && e.preventDefault()\"\n\u002F>\n",[665,1511,1512,1518,1534,1543,1584,1615],{"__ignoreMap":683},[687,1513,1514,1516],{"class":689,"line":8},[687,1515,693],{"class":692},[687,1517,1176],{"class":696},[687,1519,1520,1522,1524,1526,1528,1530,1532],{"class":689,"line":717},[687,1521,1181],{"class":700},[687,1523,832],{"class":692},[687,1525,835],{"class":700},[687,1527,707],{"class":692},[687,1529,786],{"class":710},[687,1531,835],{"class":692},[687,1533,1194],{"class":710},[687,1535,1536,1538,1540],{"class":689,"line":743},[687,1537,1248],{"class":700},[687,1539,707],{"class":692},[687,1541,1542],{"class":710},"\"Edit profile\"\n",[687,1544,1545,1548,1551,1553,1555,1557,1561,1564,1567,1570,1573,1576,1579,1582],{"class":689,"line":753},[687,1546,1547],{"class":692},"  @",[687,1549,1550],{"class":700},"escape-key-down",[687,1552,707],{"class":692},[687,1554,786],{"class":710},[687,1556,734],{"class":692},[687,1558,1560],{"class":1559},"s4XuR","e",[687,1562,1563],{"class":692},") ",[687,1565,1566],{"class":720},"=>",[687,1568,1569],{"class":692}," hasChanges ",[687,1571,1572],{"class":720},"&&",[687,1574,1575],{"class":692}," e.",[687,1577,1578],{"class":700},"preventDefault",[687,1580,1581],{"class":692},"()",[687,1583,1194],{"class":710},[687,1585,1586,1588,1591,1593,1595,1597,1599,1601,1603,1605,1607,1609,1611,1613],{"class":689,"line":759},[687,1587,1547],{"class":692},[687,1589,1590],{"class":700},"pointer-down-outside",[687,1592,707],{"class":692},[687,1594,786],{"class":710},[687,1596,734],{"class":692},[687,1598,1560],{"class":1559},[687,1600,1563],{"class":692},[687,1602,1566],{"class":720},[687,1604,1569],{"class":692},[687,1606,1572],{"class":720},[687,1608,1575],{"class":692},[687,1610,1578],{"class":700},[687,1612,1581],{"class":692},[687,1614,1194],{"class":710},[687,1616,1617],{"class":689,"line":769},[687,1618,1258],{"class":692},[661,1620,1621,1622,1625,1626,1629],{},"For the simpler, all-or-nothing case - a panel that must not be dismissed\nby anything but an explicit choice - ",[665,1623,1624],{},"dismissible=\"false\""," disables\nEscape, outside-click, and swipe-to-dismiss all at once, and\n",[665,1627,1628],{},"close=\"false\""," removes the close button too:",[678,1631,1633],{"className":1076,"code":1632,"language":1078,"meta":683,"style":683},"\u003CSDrawer v-model:open=\"open\" :dismissible=\"false\" :close=\"false\" title=\"Confirm your plan\" \u002F>\n",[665,1634,1635],{"__ignoreMap":683},[687,1636,1637,1639,1641,1643,1645,1647,1649,1651,1653,1655,1657,1659,1661,1663,1665,1667,1669,1671,1673,1675,1677,1679,1681,1683,1686],{"class":689,"line":8},[687,1638,693],{"class":692},[687,1640,826],{"class":696},[687,1642,829],{"class":700},[687,1644,832],{"class":692},[687,1646,835],{"class":700},[687,1648,707],{"class":692},[687,1650,786],{"class":710},[687,1652,835],{"class":692},[687,1654,786],{"class":710},[687,1656,1297],{"class":692},[687,1658,1505],{"class":700},[687,1660,707],{"class":692},[687,1662,786],{"class":710},[687,1664,737],{"class":724},[687,1666,786],{"class":710},[687,1668,1297],{"class":692},[687,1670,1328],{"class":700},[687,1672,707],{"class":692},[687,1674,786],{"class":710},[687,1676,737],{"class":724},[687,1678,786],{"class":710},[687,1680,846],{"class":700},[687,1682,707],{"class":692},[687,1684,1685],{"class":710},"\"Confirm your plan\"",[687,1687,1118],{"class":692},[656,1689,1691],{"id":1690},"programmatic-usage","Programmatic usage",[661,1693,1694,1697,1698,1701,1702,1705,1706,1131,1709,1712],{},[665,1695,1696],{},"useDrawer()"," opens a panel from anywhere - a click handler, an async\ncallback - without a ",[665,1699,1700],{},"v-model"," of your own to manage. It works\nautomatically once ",[665,1703,1704],{},"\u003CSApp>"," wraps your app, exactly like ",[665,1707,1708],{},"useModal()",[665,1710,1711],{},"useSlideover()","; there's nothing extra to place.",[661,1714,1715,1716,1718,1719,1722,1723,1725,1726,832],{},"The given component owns the panel's entire content, the same as the\n",[665,1717,1031],{}," slot. ",[665,1720,1721],{},"open()"," returns a promise that resolves with whatever\nvalue the component's own ",[665,1724,1328],{}," event carries, so an explicit action can\nresolve with real data while dismissing via Escape, an outside click, or a\nswipe resolves with ",[665,1727,1728],{},"undefined",[674,1730],{"name":1731},"drawer-use-drawer",[678,1733,1737],{"className":1734,"code":1735,"language":1736,"meta":683,"style":683},"language-ts shiki shiki-themes github-light github-dark","import DrawerCartPanel from '.\u002FDrawerCartPanel.vue'\n\nconst drawer = useDrawer()\nconst checkedOut = await drawer.open(DrawerCartPanel)\n\u002F\u002F true, false, or undefined if dismissed without an explicit choice\n","ts",[665,1738,1739,1753,1757,1772,1792],{"__ignoreMap":683},[687,1740,1741,1744,1747,1750],{"class":689,"line":8},[687,1742,1743],{"class":720},"import",[687,1745,1746],{"class":692}," DrawerCartPanel ",[687,1748,1749],{"class":720},"from",[687,1751,1752],{"class":710}," '.\u002FDrawerCartPanel.vue'\n",[687,1754,1755],{"class":689,"line":717},[687,1756,756],{"emptyLinePlaceholder":651},[687,1758,1759,1761,1764,1766,1769],{"class":689,"line":743},[687,1760,721],{"class":720},[687,1762,1763],{"class":724}," drawer",[687,1765,728],{"class":720},[687,1767,1768],{"class":700}," useDrawer",[687,1770,1771],{"class":692},"()\n",[687,1773,1774,1776,1779,1781,1784,1787,1789],{"class":689,"line":753},[687,1775,721],{"class":720},[687,1777,1778],{"class":724}," checkedOut",[687,1780,728],{"class":720},[687,1782,1783],{"class":720}," await",[687,1785,1786],{"class":692}," drawer.",[687,1788,835],{"class":700},[687,1790,1791],{"class":692},"(DrawerCartPanel)\n",[687,1793,1794],{"class":689,"line":759},[687,1795,1797],{"class":1796},"sJ8bj","\u002F\u002F true, false, or undefined if dismissed without an explicit choice\n",[661,1799,1800,1802,1803,6,1805,6,1807,6,1809,1131,1811,6,1813,6,1815,6,1817,6,1819,1131,1821,6,1823,1826],{},[665,1801,1721],{}," also takes the same ",[665,1804,1024],{},[665,1806,1339],{},[665,1808,1036],{},[665,1810,1261],{},[665,1812,1127],{},[665,1814,1210],{},[665,1816,1157],{},[665,1818,1505],{},[665,1820,1472],{},[665,1822,1441],{},[665,1824,1825],{},"transition"," options as the declarative props.",[1034,1828,1830,1831],{"id":1829},"custom-ui","Custom ",[665,1832,1833],{},":ui",[661,1835,1836],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's the panel's own theme file:",[1838,1839],"theme-source",{"name":1840},"drawer",[656,1842,1844],{"id":1843},"props","Props",[1846,1847,1848,1864],"table",{},[1849,1850,1851],"thead",{},[1852,1853,1854,1858,1861],"tr",{},[1855,1856,1857],"th",{},"Prop",[1855,1859,1860],{},"Type",[1855,1862,1863],{},"Default",[1865,1866,1867,1883,1896,1908,1924,1939,1952,1965,1979,1993,2007,2022,2036,2050],"tbody",{},[1852,1868,1869,1874,1879],{},[1870,1871,1872],"td",{},[665,1873,835],{},[1870,1875,1876],{},[665,1877,1878],{},"boolean",[1870,1880,1881],{},[665,1882,737],{},[1852,1884,1885,1889,1894],{},[1870,1886,1887],{},[665,1888,1024],{},[1870,1890,1891],{},[665,1892,1893],{},"string",[1870,1895,1138],{},[1852,1897,1898,1902,1906],{},[1870,1899,1900],{},[665,1901,1339],{},[1870,1903,1904],{},[665,1905,1893],{},[1870,1907,1138],{},[1852,1909,1910,1914,1919],{},[1870,1911,1912],{},[665,1913,1036],{},[1870,1915,1916],{},[665,1917,1918],{},"'top' | 'right' | 'bottom' | 'left'",[1870,1920,1921],{},[665,1922,1923],{},"'bottom'",[1852,1925,1926,1930,1934],{},[1870,1927,1928],{},[665,1929,1261],{},[1870,1931,1932],{},[665,1933,1878],{},[1870,1935,1936],{},[665,1937,1938],{},"true",[1852,1940,1941,1945,1950],{},[1870,1942,1943],{},[665,1944,1127],{},[1870,1946,1947],{},[665,1948,1949],{},"(number | string)[]",[1870,1951,1138],{},[1852,1953,1954,1958,1963],{},[1870,1955,1956],{},[665,1957,1210],{},[1870,1959,1960],{},[665,1961,1962],{},"number | string | null",[1870,1964,1138],{},[1852,1966,1967,1971,1975],{},[1870,1968,1969],{},[665,1970,1157],{},[1870,1972,1973],{},[665,1974,1878],{},[1870,1976,1977],{},[665,1978,737],{},[1852,1980,1981,1985,1989],{},[1870,1982,1983],{},[665,1984,1505],{},[1870,1986,1987],{},[665,1988,1878],{},[1870,1990,1991],{},[665,1992,1938],{},[1852,1994,1995,1999,2003],{},[1870,1996,1997],{},[665,1998,1328],{},[1870,2000,2001],{},[665,2002,1878],{},[1870,2004,2005],{},[665,2006,1938],{},[1852,2008,2009,2013,2018],{},[1870,2010,2011],{},[665,2012,1472],{},[1870,2014,2015],{},[665,2016,2017],{},"boolean | 'trap-focus'",[1870,2019,2020],{},[665,2021,1938],{},[1852,2023,2024,2028,2032],{},[1870,2025,2026],{},[665,2027,1441],{},[1870,2029,2030],{},[665,2031,1878],{},[1870,2033,2034],{},[665,2035,1938],{},[1852,2037,2038,2042,2046],{},[1870,2039,2040],{},[665,2041,1825],{},[1870,2043,2044],{},[665,2045,1878],{},[1870,2047,2048],{},[665,2049,1938],{},[1852,2051,2052,2057,2062],{},[1870,2053,2054],{},[665,2055,2056],{},"ui",[1870,2058,2059],{},[665,2060,2061],{},"Partial\u003CRecord\u003CDrawerSlot, string | object>>",[1870,2063,1138],{},[661,2065,2066,2067,2070,2071,2074,2075,2078],{},"A ",[665,2068,2069],{},"class"," passed to ",[665,2072,2073],{},"\u003CSDrawer>"," is merged into the drawer panel. Use ",[665,2076,2077],{},"ui.content"," for the same panel, or put a class directly on the default-slot trigger to style that trigger.",[656,2080,2082],{"id":2081},"events","Events",[1846,2084,2085,2098],{},[1849,2086,2087],{},[1852,2088,2089,2092,2095],{},[1855,2090,2091],{},"Event",[1855,2093,2094],{},"Payload",[1855,2096,2097],{},"Description",[1865,2099,2100,2114,2128,2146,2162,2178],{},[1852,2101,2102,2107,2111],{},[1870,2103,2104],{},[665,2105,2106],{},"update:open",[1870,2108,2109],{},[665,2110,1878],{},[1870,2112,2113],{},"Open state changed",[1852,2115,2116,2121,2125],{},[1870,2117,2118],{},[665,2119,2120],{},"update:snapPoint",[1870,2122,2123],{},[665,2124,1962],{},[1870,2126,2127],{},"Active snap point changed",[1852,2129,2130,2135,2140],{},[1870,2131,2132],{},[665,2133,2134],{},"escapeKeyDown",[1870,2136,2137],{},[665,2138,2139],{},"KeyboardEvent",[1870,2141,2142,2143,2145],{},"Escape was pressed - ",[665,2144,1501],{}," to stop it from closing",[1852,2147,2148,2153,2157],{},[1870,2149,2150],{},[665,2151,2152],{},"pointerDownOutside",[1870,2154,2155],{},[665,2156,2091],{},[1870,2158,2159,2160,2145],{},"A pointer went down outside the panel - ",[665,2161,1501],{},[1852,2163,2164,2169,2173],{},[1870,2165,2166],{},[665,2167,2168],{},"focusOutside",[1870,2170,2171],{},[665,2172,2091],{},[1870,2174,2175,2176,2145],{},"A non-modal panel's outside element received focus - ",[665,2177,1501],{},[1852,2179,2180,2185,2187],{},[1870,2181,2182],{},[665,2183,2184],{},"afterLeave",[1870,2186,1138],{},[1870,2188,2189,2190,2192,2193,2195],{},"The close transition has finished (or fires immediately if ",[665,2191,1825],{}," is ",[665,2194,737],{},")",[656,2197,2199],{"id":2198},"slots","Slots",[1846,2201,2202,2211],{},[1849,2203,2204],{},[1852,2205,2206,2209],{},[1855,2207,2208],{},"Slot",[1855,2210,2097],{},[1865,2212,2213,2221,2230,2239,2248,2257],{},[1852,2214,2215,2218],{},[1870,2216,2217],{},"default",[1870,2219,2220],{},"The trigger element",[1852,2222,2223,2227],{},[1870,2224,2225],{},[665,2226,1031],{},[1870,2228,2229],{},"Replaces the visible header\u002Fbody\u002Ffooter entirely (title\u002Fdescription, if set, still register for a11y)",[1852,2231,2232,2236],{},[1870,2233,2234],{},[665,2235,1028],{},[1870,2237,2238],{},"Overrides the default title\u002Fdescription block",[1852,2240,2241,2245],{},[1870,2242,2243],{},[665,2244,874],{},[1870,2246,2247],{},"Main content",[1852,2249,2250,2254],{},[1870,2251,2252],{},[665,2253,903],{},[1870,2255,2256],{},"Usually action buttons",[1852,2258,2259,2264],{},[1870,2260,2261],{},[665,2262,2263],{},"close-icon",[1870,2265,2266,2267,2195],{},"Replaces the close button's icon (default: ",[665,2268,2269],{},"hugeicons:cancel-01",[2271,2272,2273],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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 .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}",{"title":683,"searchDepth":743,"depth":743,"links":2275},[2276,2284,2288,2289,2290],{"id":658,"depth":717,"text":659,"children":2277},[2278,2279,2280,2281,2282,2283],{"id":1036,"depth":743,"text":1037},{"id":1121,"depth":743,"text":1122},{"id":1261,"depth":743,"text":1262},{"id":1319,"depth":743,"text":1320},{"id":1431,"depth":743,"text":1432},{"id":1492,"depth":743,"text":1493},{"id":1690,"depth":717,"text":1691,"children":2285},[2286],{"id":1829,"depth":743,"text":2287},"Custom :ui",{"id":1843,"depth":717,"text":1844},{"id":2081,"depth":717,"text":2082},{"id":2198,"depth":717,"text":2199},"A drag-to-dismiss panel that slides in from an edge, built on Reka UI's Drawer primitive.","md",{},{"title":413,"description":2291},"H4h1OBEMs7ka8h9evdwyPT70XMDqrx5ZgojFyEQ-Mvw",1792071568979]