[{"data":1,"prerenderedAt":2338},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Foverlays\u002Fslideover":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":399,"aside":651,"body":652,"collapse":10,"description":2333,"editLink":651,"extension":2334,"icon":9,"meta":2335,"navBadges":9,"navigation":9,"order":402,"path":400,"prevNext":651,"seo":2336,"stem":401,"toc":651,"__hash__":2337},"docs\u002Fcomponents\u002Foverlays\u002Fslideover.md",true,{"type":653,"value":654,"toc":2318},"minimark",[655,660,669,673,1015,1029,1034,1054,1057,1102,1106,1111,1114,1151,1155,1173,1176,1261,1265,1275,1278,1326,1330,1333,1336,1340,1349,1466,1477,1536,1542,1546,1569,1623,1626,1630,1634,1652,1668,1671,1831,1896,1920,1943,1947,2124,2138,2142,2240,2244,2314],[656,657,659],"h2",{"id":658},"usage","Usage",[661,662,663,664,668],"p",{},"Slideover visibility is controlled with ",[665,666,667],"code",{},"v-model:open",", so it needs a ref\nfrom the page it's used on.",[670,671],"component-example",{"name":672},"slideover-basic",[674,675,680],"pre",{"className":676,"code":677,"language":678,"meta":679,"style":679},"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 slideover\n  \u003C\u002FSButton>\n\n  \u003CSSlideover v-model:open=\"open\" title=\"Edit profile\" description=\"Update your personal details.\">\n    \u003Ctemplate #body>\n      Slideover 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\u002FSSlideover>\n\u003C\u002Ftemplate>\n","vue","",[665,681,682,711,737,747,753,763,795,801,811,816,858,873,878,888,902,936,942,952,977,983,991,999,1007],{"__ignoreMap":679},[683,684,686,690,694,698,701,704,708],"span",{"class":685,"line":8},"line",[683,687,689],{"class":688},"sVt8B","\u003C",[683,691,693],{"class":692},"s9eBZ","script",[683,695,697],{"class":696},"sScJk"," setup",[683,699,700],{"class":696}," lang",[683,702,703],{"class":688},"=",[683,705,707],{"class":706},"sZZnC","\"ts\"",[683,709,710],{"class":688},">\n",[683,712,714,718,722,725,728,731,734],{"class":685,"line":713},2,[683,715,717],{"class":716},"szBVR","const",[683,719,721],{"class":720},"sj4cs"," open",[683,723,724],{"class":716}," =",[683,726,727],{"class":696}," ref",[683,729,730],{"class":688},"(",[683,732,733],{"class":720},"false",[683,735,736],{"class":688},")\n",[683,738,740,743,745],{"class":685,"line":739},3,[683,741,742],{"class":688},"\u003C\u002F",[683,744,693],{"class":692},[683,746,710],{"class":688},[683,748,750],{"class":685,"line":749},4,[683,751,752],{"emptyLinePlaceholder":651},"\n",[683,754,756,758,761],{"class":685,"line":755},5,[683,757,689],{"class":688},[683,759,760],{"class":692},"template",[683,762,710],{"class":688},[683,764,766,769,772,775,778,780,783,786,788,791,793],{"class":685,"line":765},6,[683,767,768],{"class":688},"  \u003C",[683,770,771],{"class":692},"SButton",[683,773,774],{"class":688}," @",[683,776,777],{"class":696},"click",[683,779,703],{"class":688},[683,781,782],{"class":706},"\"",[683,784,785],{"class":688},"open ",[683,787,703],{"class":716},[683,789,790],{"class":720}," true",[683,792,782],{"class":706},[683,794,710],{"class":688},[683,796,798],{"class":685,"line":797},7,[683,799,800],{"class":688},"    Open slideover\n",[683,802,804,807,809],{"class":685,"line":803},8,[683,805,806],{"class":688},"  \u003C\u002F",[683,808,771],{"class":692},[683,810,710],{"class":688},[683,812,814],{"class":685,"line":813},9,[683,815,752],{"emptyLinePlaceholder":651},[683,817,818,820,823,826,829,832,834,836,838,840,843,845,848,851,853,856],{"class":685,"line":13},[683,819,768],{"class":688},[683,821,822],{"class":692},"SSlideover",[683,824,825],{"class":696}," v-model",[683,827,828],{"class":688},":",[683,830,831],{"class":696},"open",[683,833,703],{"class":688},[683,835,782],{"class":706},[683,837,831],{"class":688},[683,839,782],{"class":706},[683,841,842],{"class":696}," title",[683,844,703],{"class":688},[683,846,847],{"class":706},"\"Edit profile\"",[683,849,850],{"class":696}," description",[683,852,703],{"class":688},[683,854,855],{"class":706},"\"Update your personal details.\"",[683,857,710],{"class":688},[683,859,860,863,865,868,871],{"class":685,"line":147},[683,861,862],{"class":688},"    \u003C",[683,864,760],{"class":692},[683,866,867],{"class":688}," #",[683,869,870],{"class":696},"body",[683,872,710],{"class":688},[683,874,875],{"class":685,"line":166},[683,876,877],{"class":688},"      Slideover content goes here.\n",[683,879,881,884,886],{"class":685,"line":880},13,[683,882,883],{"class":688},"    \u003C\u002F",[683,885,760],{"class":692},[683,887,710],{"class":688},[683,889,891,893,895,897,900],{"class":685,"line":890},14,[683,892,862],{"class":688},[683,894,760],{"class":692},[683,896,867],{"class":688},[683,898,899],{"class":696},"footer",[683,901,710],{"class":688},[683,903,904,907,909,912,914,917,919,921,923,925,927,929,932,934],{"class":685,"line":615},[683,905,906],{"class":688},"      \u003C",[683,908,771],{"class":692},[683,910,911],{"class":696}," variant",[683,913,703],{"class":688},[683,915,916],{"class":706},"\"ghost\"",[683,918,774],{"class":688},[683,920,777],{"class":696},[683,922,703],{"class":688},[683,924,782],{"class":706},[683,926,785],{"class":688},[683,928,703],{"class":716},[683,930,931],{"class":720}," false",[683,933,782],{"class":706},[683,935,710],{"class":688},[683,937,939],{"class":685,"line":938},16,[683,940,941],{"class":688},"        Cancel\n",[683,943,945,948,950],{"class":685,"line":944},17,[683,946,947],{"class":688},"      \u003C\u002F",[683,949,771],{"class":692},[683,951,710],{"class":688},[683,953,955,957,959,961,963,965,967,969,971,973,975],{"class":685,"line":954},18,[683,956,906],{"class":688},[683,958,771],{"class":692},[683,960,774],{"class":688},[683,962,777],{"class":696},[683,964,703],{"class":688},[683,966,782],{"class":706},[683,968,785],{"class":688},[683,970,703],{"class":716},[683,972,931],{"class":720},[683,974,782],{"class":706},[683,976,710],{"class":688},[683,978,980],{"class":685,"line":979},19,[683,981,982],{"class":688},"        Save\n",[683,984,985,987,989],{"class":685,"line":30},[683,986,947],{"class":688},[683,988,771],{"class":692},[683,990,710],{"class":688},[683,992,993,995,997],{"class":685,"line":235},[683,994,883],{"class":688},[683,996,760],{"class":692},[683,998,710],{"class":688},[683,1000,1001,1003,1005],{"class":685,"line":245},[683,1002,806],{"class":688},[683,1004,822],{"class":692},[683,1006,710],{"class":688},[683,1008,1009,1011,1013],{"class":685,"line":260},[683,1010,742],{"class":688},[683,1012,760],{"class":692},[683,1014,710],{"class":688},[661,1016,1017,1018,1021,1022,6,1025,1028],{},"Always pass ",[665,1019,1020],{},"title"," (or a ",[665,1023,1024],{},"header",[665,1026,1027],{},"content"," slot containing a heading) -\nwithout one, the panel has no accessible name for screen readers, and dev\nmode warns about it.",[1030,1031,1033],"h3",{"id":1032},"side","Side",[661,1035,1036,1038,1039,1042,1043,1046,1047,1050,1051,828],{},[665,1037,1032],{}," picks which edge the panel slides in from - ",[665,1040,1041],{},"top",", ",[665,1044,1045],{},"right","\n(default), ",[665,1048,1049],{},"bottom",", or ",[665,1052,1053],{},"left",[670,1055],{"name":1056},"slideover-side",[674,1058,1062],{"className":1059,"code":1060,"language":1061,"meta":679,"style":679},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSSlideover v-model:open=\"open\" side=\"left\" title=\"Filters\" \u002F>\n","vue-html",[665,1063,1064],{"__ignoreMap":679},[683,1065,1066,1068,1070,1072,1074,1076,1078,1080,1082,1084,1087,1089,1092,1094,1096,1099],{"class":685,"line":8},[683,1067,689],{"class":688},[683,1069,822],{"class":692},[683,1071,825],{"class":696},[683,1073,828],{"class":688},[683,1075,831],{"class":696},[683,1077,703],{"class":688},[683,1079,782],{"class":706},[683,1081,831],{"class":688},[683,1083,782],{"class":706},[683,1085,1086],{"class":696}," side",[683,1088,703],{"class":688},[683,1090,1091],{"class":706},"\"left\"",[683,1093,842],{"class":696},[683,1095,703],{"class":688},[683,1097,1098],{"class":706},"\"Filters\"",[683,1100,1101],{"class":688}," \u002F>\n",[1030,1103,1105],{"id":1104},"inset","Inset",[661,1107,1108,1110],{},[665,1109,1104],{}," floats the panel with a margin and rounded corners instead of\nsitting flush against the edge:",[670,1112],{"name":1113},"slideover-inset",[674,1115,1117],{"className":1059,"code":1116,"language":1061,"meta":679,"style":679},"\u003CSSlideover v-model:open=\"open\" inset title=\"Notifications\" \u002F>\n",[665,1118,1119],{"__ignoreMap":679},[683,1120,1121,1123,1125,1127,1129,1131,1133,1135,1137,1139,1142,1144,1146,1149],{"class":685,"line":8},[683,1122,689],{"class":688},[683,1124,822],{"class":692},[683,1126,825],{"class":696},[683,1128,828],{"class":688},[683,1130,831],{"class":696},[683,1132,703],{"class":688},[683,1134,782],{"class":706},[683,1136,831],{"class":688},[683,1138,782],{"class":706},[683,1140,1141],{"class":696}," inset",[683,1143,842],{"class":696},[683,1145,703],{"class":688},[683,1147,1148],{"class":706},"\"Notifications\"",[683,1150,1101],{"class":688},[1030,1152,1154],{"id":1153},"custom-content","Custom content",[661,1156,1157,1159,1160,1163,1164,1166,1167,6,1169,1172],{},[665,1158,1027],{}," replaces the header\u002Ftitle\u002Fdescription\u002Fbody\u002Ffooter structure\nentirely - useful when the panel doesn't fit the header-plus-body shape at\nall. ",[665,1161,1162],{},"close"," is ignored once ",[665,1165,1027],{}," is provided, since the slot owns\nthe whole visible panel - but ",[665,1168,1020],{},[665,1170,1171],{},"description",", if still set, stay\nregistered with Reka as the panel's accessible name\u002Fdescription, just\nvisually hidden instead of rendered as a header. Pass them if your own\ncustom content doesn't already include a heading Reka can associate with\nthe panel:",[670,1174],{"name":1175},"slideover-content",[674,1177,1179],{"className":1059,"code":1178,"language":1061,"meta":679,"style":679},"\u003CSSlideover 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\u002FSSlideover>\n",[665,1180,1181,1203,1215,1232,1237,1245,1253],{"__ignoreMap":679},[683,1182,1183,1185,1187,1189,1191,1193,1195,1197,1199,1201],{"class":685,"line":8},[683,1184,689],{"class":688},[683,1186,822],{"class":692},[683,1188,825],{"class":696},[683,1190,828],{"class":688},[683,1192,831],{"class":696},[683,1194,703],{"class":688},[683,1196,782],{"class":706},[683,1198,831],{"class":688},[683,1200,782],{"class":706},[683,1202,710],{"class":688},[683,1204,1205,1207,1209,1211,1213],{"class":685,"line":713},[683,1206,768],{"class":688},[683,1208,760],{"class":692},[683,1210,867],{"class":688},[683,1212,1027],{"class":696},[683,1214,710],{"class":688},[683,1216,1217,1219,1222,1225,1227,1230],{"class":685,"line":739},[683,1218,862],{"class":688},[683,1220,1221],{"class":692},"div",[683,1223,1224],{"class":696}," class",[683,1226,703],{"class":688},[683,1228,1229],{"class":706},"\"flex flex-col items-center gap-4 p-8 text-center\"",[683,1231,710],{"class":688},[683,1233,1234],{"class":685,"line":749},[683,1235,1236],{"class":688},"      ...\n",[683,1238,1239,1241,1243],{"class":685,"line":755},[683,1240,883],{"class":688},[683,1242,1221],{"class":692},[683,1244,710],{"class":688},[683,1246,1247,1249,1251],{"class":685,"line":765},[683,1248,806],{"class":688},[683,1250,760],{"class":692},[683,1252,710],{"class":688},[683,1254,1255,1257,1259],{"class":685,"line":797},[683,1256,742],{"class":688},[683,1258,822],{"class":692},[683,1260,710],{"class":688},[1030,1262,1264],{"id":1263},"non-modal","Non-modal",[661,1266,1267,1270,1271,1274],{},[665,1268,1269],{},"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,1272,1273],{},"overlay"," is independent of this - a non-modal panel\ncan still show (or hide) its own backdrop:",[670,1276],{"name":1277},"slideover-non-modal",[674,1279,1281],{"className":1059,"code":1280,"language":1061,"meta":679,"style":679},"\u003CSSlideover v-model:open=\"open\" :modal=\"false\" title=\"Non-modal\" \u002F>\n",[665,1282,1283],{"__ignoreMap":679},[683,1284,1285,1287,1289,1291,1293,1295,1297,1299,1301,1303,1306,1309,1311,1313,1315,1317,1319,1321,1324],{"class":685,"line":8},[683,1286,689],{"class":688},[683,1288,822],{"class":692},[683,1290,825],{"class":696},[683,1292,828],{"class":688},[683,1294,831],{"class":696},[683,1296,703],{"class":688},[683,1298,782],{"class":706},[683,1300,831],{"class":688},[683,1302,782],{"class":706},[683,1304,1305],{"class":688}," :",[683,1307,1308],{"class":696},"modal",[683,1310,703],{"class":688},[683,1312,782],{"class":706},[683,1314,733],{"class":720},[683,1316,782],{"class":706},[683,1318,842],{"class":696},[683,1320,703],{"class":688},[683,1322,1323],{"class":706},"\"Non-modal\"",[683,1325,1101],{"class":688},[1030,1327,1329],{"id":1328},"scrollable-content","Scrollable content",[661,1331,1332],{},"The panel is capped to the viewport - a body taller than that scrolls\ninternally on its own, while the header and footer stay pinned in place.",[670,1334],{"name":1335},"slideover-scrollable",[1030,1337,1339],{"id":1338},"intercepting-dismissal","Intercepting dismissal",[661,1341,1342,1344,1345,1348],{},[665,1343,822],{}," doesn't override Reka UI's own defaults (Escape and an\noutside click both dismiss it), but exposes the underlying events so you\ncan ",[665,1346,1347],{},"preventDefault()"," on them - e.g. to confirm before closing a panel\nwith unsaved changes:",[674,1350,1352],{"className":1059,"code":1351,"language":1061,"meta":679,"style":679},"\u003CSSlideover\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,1353,1354,1361,1379,1389,1430,1461],{"__ignoreMap":679},[683,1355,1356,1358],{"class":685,"line":8},[683,1357,689],{"class":688},[683,1359,1360],{"class":692},"SSlideover\n",[683,1362,1363,1366,1368,1370,1372,1374,1376],{"class":685,"line":713},[683,1364,1365],{"class":696},"  v-model",[683,1367,828],{"class":688},[683,1369,831],{"class":696},[683,1371,703],{"class":688},[683,1373,782],{"class":706},[683,1375,831],{"class":688},[683,1377,1378],{"class":706},"\"\n",[683,1380,1381,1384,1386],{"class":685,"line":739},[683,1382,1383],{"class":696},"  title",[683,1385,703],{"class":688},[683,1387,1388],{"class":706},"\"Edit profile\"\n",[683,1390,1391,1394,1397,1399,1401,1403,1407,1410,1413,1416,1419,1422,1425,1428],{"class":685,"line":749},[683,1392,1393],{"class":688},"  @",[683,1395,1396],{"class":696},"escape-key-down",[683,1398,703],{"class":688},[683,1400,782],{"class":706},[683,1402,730],{"class":688},[683,1404,1406],{"class":1405},"s4XuR","e",[683,1408,1409],{"class":688},") ",[683,1411,1412],{"class":716},"=>",[683,1414,1415],{"class":688}," hasChanges ",[683,1417,1418],{"class":716},"&&",[683,1420,1421],{"class":688}," e.",[683,1423,1424],{"class":696},"preventDefault",[683,1426,1427],{"class":688},"()",[683,1429,1378],{"class":706},[683,1431,1432,1434,1437,1439,1441,1443,1445,1447,1449,1451,1453,1455,1457,1459],{"class":685,"line":755},[683,1433,1393],{"class":688},[683,1435,1436],{"class":696},"pointer-down-outside",[683,1438,703],{"class":688},[683,1440,782],{"class":706},[683,1442,730],{"class":688},[683,1444,1406],{"class":1405},[683,1446,1409],{"class":688},[683,1448,1412],{"class":716},[683,1450,1415],{"class":688},[683,1452,1418],{"class":716},[683,1454,1421],{"class":688},[683,1456,1424],{"class":696},[683,1458,1427],{"class":688},[683,1460,1378],{"class":706},[683,1462,1463],{"class":685,"line":765},[683,1464,1465],{"class":688},"\u002F>\n",[661,1467,1468,1469,1472,1473,1476],{},"For the simpler, all-or-nothing case - a panel that must not be dismissed\nby anything but an explicit choice - ",[665,1470,1471],{},"dismissible=\"false\""," disables both\nEscape and outside-click at once, and ",[665,1474,1475],{},"close=\"false\""," removes the close\nbutton too:",[674,1478,1480],{"className":1059,"code":1479,"language":1061,"meta":679,"style":679},"\u003CSSlideover v-model:open=\"open\" :dismissible=\"false\" :close=\"false\" title=\"Confirm your plan\" \u002F>\n",[665,1481,1482],{"__ignoreMap":679},[683,1483,1484,1486,1488,1490,1492,1494,1496,1498,1500,1502,1504,1507,1509,1511,1513,1515,1517,1519,1521,1523,1525,1527,1529,1531,1534],{"class":685,"line":8},[683,1485,689],{"class":688},[683,1487,822],{"class":692},[683,1489,825],{"class":696},[683,1491,828],{"class":688},[683,1493,831],{"class":696},[683,1495,703],{"class":688},[683,1497,782],{"class":706},[683,1499,831],{"class":688},[683,1501,782],{"class":706},[683,1503,1305],{"class":688},[683,1505,1506],{"class":696},"dismissible",[683,1508,703],{"class":688},[683,1510,782],{"class":706},[683,1512,733],{"class":720},[683,1514,782],{"class":706},[683,1516,1305],{"class":688},[683,1518,1162],{"class":696},[683,1520,703],{"class":688},[683,1522,782],{"class":706},[683,1524,733],{"class":720},[683,1526,782],{"class":706},[683,1528,842],{"class":696},[683,1530,703],{"class":688},[683,1532,1533],{"class":706},"\"Confirm your plan\"",[683,1535,1101],{"class":688},[661,1537,1538,1539,1541],{},"The two raw events still fire even with ",[665,1540,1471],{}," - useful for\nsomething like a shake animation to signal the panel won't close that way.",[1030,1543,1545],{"id":1544},"customizing-the-close-button","Customizing the close button",[661,1547,1548,1549,1552,1553,1556,1557,1560,1561,1564,1565,1568],{},"The close button renders as a real ",[665,1550,1551],{},"\u003CSButton>",", so ",[665,1554,1555],{},":ui.close"," already\nreaches it fully - not just classes. An object ",[665,1558,1559],{},":ui"," value's non-",[665,1562,1563],{},"class","\nkeys apply as raw attrs\u002Fprops, so ",[665,1566,1567],{},":ui=\"{ close: { color: 'danger' } }\"","\nworks today without a dedicated prop for it:",[674,1570,1572],{"className":1059,"code":1571,"language":1061,"meta":679,"style":679},"\u003CSSlideover v-model:open=\"open\" title=\"Delete item\" :ui=\"{ close: { color: 'danger' } }\" \u002F>\n",[665,1573,1574],{"__ignoreMap":679},[683,1575,1576,1578,1580,1582,1584,1586,1588,1590,1592,1594,1596,1598,1601,1603,1606,1608,1610,1613,1616,1619,1621],{"class":685,"line":8},[683,1577,689],{"class":688},[683,1579,822],{"class":692},[683,1581,825],{"class":696},[683,1583,828],{"class":688},[683,1585,831],{"class":696},[683,1587,703],{"class":688},[683,1589,782],{"class":706},[683,1591,831],{"class":688},[683,1593,782],{"class":706},[683,1595,842],{"class":696},[683,1597,703],{"class":688},[683,1599,1600],{"class":706},"\"Delete item\"",[683,1602,1305],{"class":688},[683,1604,1605],{"class":696},"ui",[683,1607,703],{"class":688},[683,1609,782],{"class":706},[683,1611,1612],{"class":688},"{ close: { color: ",[683,1614,1615],{"class":706},"'danger'",[683,1617,1618],{"class":688}," } }",[683,1620,782],{"class":706},[683,1622,1101],{"class":688},[661,1624,1625],{},"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:",[1627,1628],"theme-source",{"name":1629},"slideover",[656,1631,1633],{"id":1632},"programmatic-usage","Programmatic usage",[661,1635,1636,1639,1640,1643,1644,1647,1648,1651],{},[665,1637,1638],{},"useSlideover()"," opens a panel from anywhere - a click handler, an async\ncallback - without a ",[665,1641,1642],{},"v-model"," of your own to manage. It works\nautomatically once ",[665,1645,1646],{},"\u003CSApp>"," wraps your app, exactly like ",[665,1649,1650],{},"useModal()",";\nthere's nothing extra to place.",[661,1653,1654,1655,1657,1658,1661,1662,1664,1665,828],{},"The given component owns the panel's entire content, the same as the\n",[665,1656,1027],{}," slot above - its own heading, its own buttons. ",[665,1659,1660],{},"open()"," returns\na promise that resolves with whatever value the component's own ",[665,1663,1162],{},"\nevent carries, so an explicit action can resolve with real data while\ndismissing via Escape or an outside click resolves with ",[665,1666,1667],{},"undefined",[670,1669],{"name":1670},"slideover-use-slideover",[674,1672,1674],{"className":1059,"code":1673,"language":1061,"meta":679,"style":679},"\u003C!-- SlideoverFilterPanel.vue - a self-contained panel -->\n\u003Ctemplate>\n  \u003Cdiv class=\"flex h-full flex-col\">\n    \u003Ch2>Filters\u003C\u002Fh2>\n    \u003CSCheckbox label=\"In stock only\" \u002F>\n    \u003CSButton variant=\"ghost\" @click=\"$emit('close', false)\">Cancel\u003C\u002FSButton>\n    \u003CSButton @click=\"$emit('close', true)\">Apply\u003C\u002FSButton>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[665,1675,1676,1682,1690,1705,1718,1735,1779,1815,1823],{"__ignoreMap":679},[683,1677,1678],{"class":685,"line":8},[683,1679,1681],{"class":1680},"sJ8bj","\u003C!-- SlideoverFilterPanel.vue - a self-contained panel -->\n",[683,1683,1684,1686,1688],{"class":685,"line":713},[683,1685,689],{"class":688},[683,1687,760],{"class":692},[683,1689,710],{"class":688},[683,1691,1692,1694,1696,1698,1700,1703],{"class":685,"line":739},[683,1693,768],{"class":688},[683,1695,1221],{"class":692},[683,1697,1224],{"class":696},[683,1699,703],{"class":688},[683,1701,1702],{"class":706},"\"flex h-full flex-col\"",[683,1704,710],{"class":688},[683,1706,1707,1709,1711,1714,1716],{"class":685,"line":749},[683,1708,862],{"class":688},[683,1710,656],{"class":692},[683,1712,1713],{"class":688},">Filters\u003C\u002F",[683,1715,656],{"class":692},[683,1717,710],{"class":688},[683,1719,1720,1722,1725,1728,1730,1733],{"class":685,"line":755},[683,1721,862],{"class":688},[683,1723,1724],{"class":692},"SCheckbox",[683,1726,1727],{"class":696}," label",[683,1729,703],{"class":688},[683,1731,1732],{"class":706},"\"In stock only\"",[683,1734,1101],{"class":688},[683,1736,1737,1739,1741,1743,1745,1747,1749,1751,1753,1755,1758,1760,1763,1765,1767,1770,1772,1775,1777],{"class":685,"line":765},[683,1738,862],{"class":688},[683,1740,771],{"class":692},[683,1742,911],{"class":696},[683,1744,703],{"class":688},[683,1746,916],{"class":706},[683,1748,774],{"class":688},[683,1750,777],{"class":696},[683,1752,703],{"class":688},[683,1754,782],{"class":706},[683,1756,1757],{"class":696},"$emit",[683,1759,730],{"class":688},[683,1761,1762],{"class":706},"'close'",[683,1764,1042],{"class":688},[683,1766,733],{"class":720},[683,1768,1769],{"class":688},")",[683,1771,782],{"class":706},[683,1773,1774],{"class":688},">Cancel\u003C\u002F",[683,1776,771],{"class":692},[683,1778,710],{"class":688},[683,1780,1781,1783,1785,1787,1789,1791,1793,1795,1797,1799,1801,1804,1806,1808,1811,1813],{"class":685,"line":797},[683,1782,862],{"class":688},[683,1784,771],{"class":692},[683,1786,774],{"class":688},[683,1788,777],{"class":696},[683,1790,703],{"class":688},[683,1792,782],{"class":706},[683,1794,1757],{"class":696},[683,1796,730],{"class":688},[683,1798,1762],{"class":706},[683,1800,1042],{"class":688},[683,1802,1803],{"class":720},"true",[683,1805,1769],{"class":688},[683,1807,782],{"class":706},[683,1809,1810],{"class":688},">Apply\u003C\u002F",[683,1812,771],{"class":692},[683,1814,710],{"class":688},[683,1816,1817,1819,1821],{"class":685,"line":803},[683,1818,806],{"class":688},[683,1820,1221],{"class":692},[683,1822,710],{"class":688},[683,1824,1825,1827,1829],{"class":685,"line":813},[683,1826,742],{"class":688},[683,1828,760],{"class":692},[683,1830,710],{"class":688},[674,1832,1836],{"className":1833,"code":1834,"language":1835,"meta":679,"style":679},"language-ts shiki shiki-themes github-light github-dark","import SlideoverFilterPanel from '.\u002FSlideoverFilterPanel.vue'\n\nconst slideover = useSlideover()\nconst applied = await slideover.open(SlideoverFilterPanel)\n\u002F\u002F true, false, or undefined if dismissed without an explicit choice\n","ts",[665,1837,1838,1852,1856,1871,1891],{"__ignoreMap":679},[683,1839,1840,1843,1846,1849],{"class":685,"line":8},[683,1841,1842],{"class":716},"import",[683,1844,1845],{"class":688}," SlideoverFilterPanel ",[683,1847,1848],{"class":716},"from",[683,1850,1851],{"class":706}," '.\u002FSlideoverFilterPanel.vue'\n",[683,1853,1854],{"class":685,"line":713},[683,1855,752],{"emptyLinePlaceholder":651},[683,1857,1858,1860,1863,1865,1868],{"class":685,"line":739},[683,1859,717],{"class":716},[683,1861,1862],{"class":720}," slideover",[683,1864,724],{"class":716},[683,1866,1867],{"class":696}," useSlideover",[683,1869,1870],{"class":688},"()\n",[683,1872,1873,1875,1878,1880,1883,1886,1888],{"class":685,"line":749},[683,1874,717],{"class":716},[683,1876,1877],{"class":720}," applied",[683,1879,724],{"class":716},[683,1881,1882],{"class":716}," await",[683,1884,1885],{"class":688}," slideover.",[683,1887,831],{"class":696},[683,1889,1890],{"class":688},"(SlideoverFilterPanel)\n",[683,1892,1893],{"class":685,"line":755},[683,1894,1895],{"class":1680},"\u002F\u002F true, false, or undefined if dismissed without an explicit choice\n",[661,1897,1898,1900,1901,6,1903,6,1905,6,1907,1909,1910,6,1912,6,1914,6,1916,1919],{},[665,1899,1660],{}," also takes the same ",[665,1902,1020],{},[665,1904,1171],{},[665,1906,1032],{},[665,1908,1104],{},"\u002F\n",[665,1911,1506],{},[665,1913,1308],{},[665,1915,1273],{},[665,1917,1918],{},"transition"," options as the declarative\nprops:",[674,1921,1923],{"className":1833,"code":1922,"language":1835,"meta":679,"style":679},"await slideover.open(SlideoverFilterPanel, { side: 'left' })\n",[665,1924,1925],{"__ignoreMap":679},[683,1926,1927,1930,1932,1934,1937,1940],{"class":685,"line":8},[683,1928,1929],{"class":716},"await",[683,1931,1885],{"class":688},[683,1933,831],{"class":696},[683,1935,1936],{"class":688},"(SlideoverFilterPanel, { side: ",[683,1938,1939],{"class":706},"'left'",[683,1941,1942],{"class":688}," })\n",[656,1944,1946],{"id":1945},"props","Props",[1948,1949,1950,1966],"table",{},[1951,1952,1953],"thead",{},[1954,1955,1956,1960,1963],"tr",{},[1957,1958,1959],"th",{},"Prop",[1957,1961,1962],{},"Type",[1957,1964,1965],{},"Default",[1967,1968,1969,1985,1999,2011,2027,2041,2055,2069,2083,2097,2111],"tbody",{},[1954,1970,1971,1976,1981],{},[1972,1973,1974],"td",{},[665,1975,831],{},[1972,1977,1978],{},[665,1979,1980],{},"boolean",[1972,1982,1983],{},[665,1984,733],{},[1954,1986,1987,1991,1996],{},[1972,1988,1989],{},[665,1990,1020],{},[1972,1992,1993],{},[665,1994,1995],{},"string",[1972,1997,1998],{},"-",[1954,2000,2001,2005,2009],{},[1972,2002,2003],{},[665,2004,1171],{},[1972,2006,2007],{},[665,2008,1995],{},[1972,2010,1998],{},[1954,2012,2013,2017,2022],{},[1972,2014,2015],{},[665,2016,1032],{},[1972,2018,2019],{},[665,2020,2021],{},"'top' | 'right' | 'bottom' | 'left'",[1972,2023,2024],{},[665,2025,2026],{},"'right'",[1954,2028,2029,2033,2037],{},[1972,2030,2031],{},[665,2032,1104],{},[1972,2034,2035],{},[665,2036,1980],{},[1972,2038,2039],{},[665,2040,733],{},[1954,2042,2043,2047,2051],{},[1972,2044,2045],{},[665,2046,1506],{},[1972,2048,2049],{},[665,2050,1980],{},[1972,2052,2053],{},[665,2054,1803],{},[1954,2056,2057,2061,2065],{},[1972,2058,2059],{},[665,2060,1162],{},[1972,2062,2063],{},[665,2064,1980],{},[1972,2066,2067],{},[665,2068,1803],{},[1954,2070,2071,2075,2079],{},[1972,2072,2073],{},[665,2074,1308],{},[1972,2076,2077],{},[665,2078,1980],{},[1972,2080,2081],{},[665,2082,1803],{},[1954,2084,2085,2089,2093],{},[1972,2086,2087],{},[665,2088,1273],{},[1972,2090,2091],{},[665,2092,1980],{},[1972,2094,2095],{},[665,2096,1803],{},[1954,2098,2099,2103,2107],{},[1972,2100,2101],{},[665,2102,1918],{},[1972,2104,2105],{},[665,2106,1980],{},[1972,2108,2109],{},[665,2110,1803],{},[1954,2112,2113,2117,2122],{},[1972,2114,2115],{},[665,2116,1605],{},[1972,2118,2119],{},[665,2120,2121],{},"Partial\u003CRecord\u003C'overlay' | 'content' | 'header' | 'title' | 'description' | 'close' | 'body' | 'footer', string | object>>",[1972,2123,1998],{},[661,2125,2126,2127,2129,2130,2133,2134,2137],{},"A ",[665,2128,1563],{}," passed to ",[665,2131,2132],{},"\u003CSSlideover>"," is merged into the slideover panel. Use ",[665,2135,2136],{},"ui.content"," for the same panel, or put a class directly on the default-slot trigger to style that trigger.",[656,2139,2141],{"id":2140},"events","Events",[1948,2143,2144,2157],{},[1951,2145,2146],{},[1954,2147,2148,2151,2154],{},[1957,2149,2150],{},"Event",[1957,2152,2153],{},"Payload",[1957,2155,2156],{},"Description",[1967,2158,2159,2173,2191,2207,2223],{},[1954,2160,2161,2166,2170],{},[1972,2162,2163],{},[665,2164,2165],{},"update:open",[1972,2167,2168],{},[665,2169,1980],{},[1972,2171,2172],{},"Open state changed",[1954,2174,2175,2180,2185],{},[1972,2176,2177],{},[665,2178,2179],{},"escapeKeyDown",[1972,2181,2182],{},[665,2183,2184],{},"KeyboardEvent",[1972,2186,2187,2188,2190],{},"Escape was pressed - ",[665,2189,1347],{}," to stop it from closing",[1954,2192,2193,2198,2202],{},[1972,2194,2195],{},[665,2196,2197],{},"pointerDownOutside",[1972,2199,2200],{},[665,2201,2150],{},[1972,2203,2204,2205,2190],{},"A pointer went down outside the panel - ",[665,2206,1347],{},[1954,2208,2209,2214,2218],{},[1972,2210,2211],{},[665,2212,2213],{},"focusOutside",[1972,2215,2216],{},[665,2217,2150],{},[1972,2219,2220,2221,2190],{},"A non-modal panel's outside element received focus - ",[665,2222,1347],{},[1954,2224,2225,2230,2232],{},[1972,2226,2227],{},[665,2228,2229],{},"afterLeave",[1972,2231,1998],{},[1972,2233,2234,2235,2237,2238,1769],{},"The close transition has finished (or fires immediately if ",[665,2236,1918],{}," is ",[665,2239,733],{},[656,2241,2243],{"id":2242},"slots","Slots",[1948,2245,2246,2255],{},[1951,2247,2248],{},[1954,2249,2250,2253],{},[1957,2251,2252],{},"Slot",[1957,2254,2156],{},[1967,2256,2257,2265,2274,2283,2292,2301],{},[1954,2258,2259,2262],{},[1972,2260,2261],{},"default",[1972,2263,2264],{},"The trigger element",[1954,2266,2267,2271],{},[1972,2268,2269],{},[665,2270,1027],{},[1972,2272,2273],{},"Replaces the visible header\u002Fbody\u002Ffooter entirely (title\u002Fdescription, if set, still register for a11y)",[1954,2275,2276,2280],{},[1972,2277,2278],{},[665,2279,1024],{},[1972,2281,2282],{},"Overrides the default title\u002Fdescription block",[1954,2284,2285,2289],{},[1972,2286,2287],{},[665,2288,870],{},[1972,2290,2291],{},"Main content",[1954,2293,2294,2298],{},[1972,2295,2296],{},[665,2297,899],{},[1972,2299,2300],{},"Usually action buttons",[1954,2302,2303,2308],{},[1972,2304,2305],{},[665,2306,2307],{},"close-icon",[1972,2309,2310,2311,1769],{},"Replaces the close button's icon (default: ",[665,2312,2313],{},"hugeicons:cancel-01",[2315,2316,2317],"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":679,"searchDepth":739,"depth":739,"links":2319},[2320,2329,2330,2331,2332],{"id":658,"depth":713,"text":659,"children":2321},[2322,2323,2324,2325,2326,2327,2328],{"id":1032,"depth":739,"text":1033},{"id":1104,"depth":739,"text":1105},{"id":1153,"depth":739,"text":1154},{"id":1263,"depth":739,"text":1264},{"id":1328,"depth":739,"text":1329},{"id":1338,"depth":739,"text":1339},{"id":1544,"depth":739,"text":1545},{"id":1632,"depth":713,"text":1633},{"id":1945,"depth":713,"text":1946},{"id":2140,"depth":713,"text":2141},{"id":2242,"depth":713,"text":2243},"A panel that slides in from an edge of the screen, built on Reka UI's Dialog primitive.","md",{},{"title":399,"description":2333},"oP7MawRLEtI8B2OausYld8CsOQzRuK03w6b1MfDaQvY",1792056129431]