[{"data":1,"prerenderedAt":2471},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Foverlays\u002Fmodal":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":370,"aside":651,"body":652,"collapse":10,"description":2466,"editLink":651,"extension":2467,"icon":9,"issueLink":651,"meta":2468,"navBadges":9,"navigation":9,"order":45,"path":371,"prevNext":651,"seo":2469,"stem":372,"toc":651,"__hash__":2470},"docs\u002Fcomponents\u002Foverlays\u002Fmodal.md",true,{"type":653,"value":654,"toc":2450},"minimark",[655,660,669,673,1023,1037,1042,1047,1050,1087,1144,1148,1169,1172,1257,1261,1266,1269,1306,1309,1324,1327,1364,1368,1378,1381,1429,1433,1436,1439,1443,1452,1568,1579,1582,1641,1647,1651,1677,1730,1733,1736,1740,1758,1774,1777,1927,1990,2018,2040,2044,2219,2233,2237,2352,2356,2446],[656,657,659],"h2",{"id":658},"usage","Usage",[661,662,663,664,668],"p",{},"Modal visibility is controlled with ",[665,666,667],"code",{},"v-model:open",", so it needs a ref from\nthe page it's used on.",[670,671],"component-example",{"name":672},"modal-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 modal\n  \u003C\u002FSButton>\n\n  \u003CSModal v-model:open=\"open\" title=\"Delete item\" description=\"This action cannot be undone.\">\n    \u003Ctemplate #body>\n      Are you sure you want to delete this item?\n    \u003C\u002Ftemplate>\n    \u003Ctemplate #footer>\n      \u003CSButton variant=\"ghost\" @click=\"open = false\">\n        Cancel\n      \u003C\u002FSButton>\n      \u003CSButton color=\"danger\" @click=\"open = false\">\n        Delete\n      \u003C\u002FSButton>\n    \u003C\u002Ftemplate>\n  \u003C\u002FSModal>\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,985,991,999,1007,1015],{"__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 modal\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},"SModal",[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},"\"Delete item\"",[683,849,850],{"class":696}," description",[683,852,703],{"class":688},[683,854,855],{"class":706},"\"This action cannot be undone.\"",[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},"      Are you sure you want to delete this item?\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,962,964,967,969,971,973,975,977,979,981,983],{"class":685,"line":954},18,[683,956,906],{"class":688},[683,958,771],{"class":692},[683,960,961],{"class":696}," color",[683,963,703],{"class":688},[683,965,966],{"class":706},"\"danger\"",[683,968,774],{"class":688},[683,970,777],{"class":696},[683,972,703],{"class":688},[683,974,782],{"class":706},[683,976,785],{"class":688},[683,978,703],{"class":716},[683,980,931],{"class":720},[683,982,782],{"class":706},[683,984,710],{"class":688},[683,986,988],{"class":685,"line":987},19,[683,989,990],{"class":688},"        Delete\n",[683,992,993,995,997],{"class":685,"line":30},[683,994,947],{"class":688},[683,996,771],{"class":692},[683,998,710],{"class":688},[683,1000,1001,1003,1005],{"class":685,"line":235},[683,1002,883],{"class":688},[683,1004,760],{"class":692},[683,1006,710],{"class":688},[683,1008,1009,1011,1013],{"class":685,"line":245},[683,1010,806],{"class":688},[683,1012,822],{"class":692},[683,1014,710],{"class":688},[683,1016,1017,1019,1021],{"class":685,"line":260},[683,1018,742],{"class":688},[683,1020,760],{"class":692},[683,1022,710],{"class":688},[661,1024,1025,1026,1029,1030,6,1033,1036],{},"Always pass ",[665,1027,1028],{},"title"," (or a ",[665,1031,1032],{},"header",[665,1034,1035],{},"content"," slot containing a heading) -\nwithout one, the dialog has no accessible name for screen readers, and dev\nmode warns about it.",[1038,1039,1041],"h3",{"id":1040},"controlling-it-programmatically","Controlling it programmatically",[661,1043,1044,1046],{},[665,1045,831],{}," is a real controlled value, not tied to a click - setting it\nfrom anywhere (a timeout, an async callback, a route watcher, another\ncomponent) opens the dialog identically. No trigger element, or even a\ndefault slot, is required:",[670,1048],{"name":1049},"modal-programmatic",[674,1051,1055],{"className":1052,"code":1053,"language":1054,"meta":679,"style":679},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSModal v-model:open=\"open\" title=\"Opened by the timeout\" \u002F>\n","vue-html",[665,1056,1057],{"__ignoreMap":679},[683,1058,1059,1061,1063,1065,1067,1069,1071,1073,1075,1077,1079,1081,1084],{"class":685,"line":8},[683,1060,689],{"class":688},[683,1062,822],{"class":692},[683,1064,825],{"class":696},[683,1066,828],{"class":688},[683,1068,831],{"class":696},[683,1070,703],{"class":688},[683,1072,782],{"class":706},[683,1074,831],{"class":688},[683,1076,782],{"class":706},[683,1078,842],{"class":696},[683,1080,703],{"class":688},[683,1082,1083],{"class":706},"\"Opened by the timeout\"",[683,1085,1086],{"class":688}," \u002F>\n",[674,1088,1092],{"className":1089,"code":1090,"language":1091,"meta":679,"style":679},"language-ts shiki shiki-themes github-light github-dark","function simulate() {\n  setTimeout(() => {\n    open.value = true\n  }, 1000)\n}\n","ts",[665,1093,1094,1105,1119,1129,1139],{"__ignoreMap":679},[683,1095,1096,1099,1102],{"class":685,"line":8},[683,1097,1098],{"class":716},"function",[683,1100,1101],{"class":696}," simulate",[683,1103,1104],{"class":688},"() {\n",[683,1106,1107,1110,1113,1116],{"class":685,"line":713},[683,1108,1109],{"class":696},"  setTimeout",[683,1111,1112],{"class":688},"(() ",[683,1114,1115],{"class":716},"=>",[683,1117,1118],{"class":688}," {\n",[683,1120,1121,1124,1126],{"class":685,"line":739},[683,1122,1123],{"class":688},"    open.value ",[683,1125,703],{"class":716},[683,1127,1128],{"class":720}," true\n",[683,1130,1131,1134,1137],{"class":685,"line":749},[683,1132,1133],{"class":688},"  }, ",[683,1135,1136],{"class":720},"1000",[683,1138,736],{"class":688},[683,1140,1141],{"class":685,"line":755},[683,1142,1143],{"class":688},"}\n",[1038,1145,1147],{"id":1146},"custom-content","Custom content",[661,1149,1150,1152,1153,6,1156,1159,1160,1162,1163,6,1165,1168],{},[665,1151,1035],{}," replaces the header\u002Ftitle\u002Fdescription\u002Fbody\u002Ffooter structure\nentirely - useful when the dialog doesn't fit the header-plus-body shape at\nall (a success screen, a fully custom form layout). ",[665,1154,1155],{},"close",[665,1157,1158],{},"maximizable","\nare ignored once ",[665,1161,1035],{}," is provided, since the slot owns the whole\nvisible dialog - but ",[665,1164,1028],{},[665,1166,1167],{},"description",", if still set, stay registered\nwith Reka as the dialog's accessible name\u002Fdescription, just visually\nhidden instead of rendered as a header. Pass them if your own custom\ncontent doesn't already include a heading Reka can associate with the\ndialog:",[670,1170],{"name":1171},"modal-content",[674,1173,1175],{"className":1052,"code":1174,"language":1054,"meta":679,"style":679},"\u003CSModal 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\u002FSModal>\n",[665,1176,1177,1199,1211,1228,1233,1241,1249],{"__ignoreMap":679},[683,1178,1179,1181,1183,1185,1187,1189,1191,1193,1195,1197],{"class":685,"line":8},[683,1180,689],{"class":688},[683,1182,822],{"class":692},[683,1184,825],{"class":696},[683,1186,828],{"class":688},[683,1188,831],{"class":696},[683,1190,703],{"class":688},[683,1192,782],{"class":706},[683,1194,831],{"class":688},[683,1196,782],{"class":706},[683,1198,710],{"class":688},[683,1200,1201,1203,1205,1207,1209],{"class":685,"line":713},[683,1202,768],{"class":688},[683,1204,760],{"class":692},[683,1206,867],{"class":688},[683,1208,1035],{"class":696},[683,1210,710],{"class":688},[683,1212,1213,1215,1218,1221,1223,1226],{"class":685,"line":739},[683,1214,862],{"class":688},[683,1216,1217],{"class":692},"div",[683,1219,1220],{"class":696}," class",[683,1222,703],{"class":688},[683,1224,1225],{"class":706},"\"flex flex-col items-center gap-4 p-8 text-center\"",[683,1227,710],{"class":688},[683,1229,1230],{"class":685,"line":749},[683,1231,1232],{"class":688},"      ...\n",[683,1234,1235,1237,1239],{"class":685,"line":755},[683,1236,883],{"class":688},[683,1238,1217],{"class":692},[683,1240,710],{"class":688},[683,1242,1243,1245,1247],{"class":685,"line":765},[683,1244,806],{"class":688},[683,1246,760],{"class":692},[683,1248,710],{"class":688},[683,1250,1251,1253,1255],{"class":685,"line":797},[683,1252,742],{"class":688},[683,1254,822],{"class":692},[683,1256,710],{"class":688},[1038,1258,1260],{"id":1259},"fullscreen","Fullscreen",[661,1262,1263,1265],{},[665,1264,1259],{}," takes the dialog full-viewport instead of the default centered\ncard - useful for image viewers, complex forms, or anything that benefits\nfrom the extra room.",[670,1267],{"name":1268},"modal-fullscreen",[674,1270,1272],{"className":1052,"code":1271,"language":1054,"meta":679,"style":679},"\u003CSModal v-model:open=\"open\" fullscreen title=\"Fullscreen\" \u002F>\n",[665,1273,1274],{"__ignoreMap":679},[683,1275,1276,1278,1280,1282,1284,1286,1288,1290,1292,1294,1297,1299,1301,1304],{"class":685,"line":8},[683,1277,689],{"class":688},[683,1279,822],{"class":692},[683,1281,825],{"class":696},[683,1283,828],{"class":688},[683,1285,831],{"class":696},[683,1287,703],{"class":688},[683,1289,782],{"class":706},[683,1291,831],{"class":688},[683,1293,782],{"class":706},[683,1295,1296],{"class":696}," fullscreen",[683,1298,842],{"class":696},[683,1300,703],{"class":688},[683,1302,1303],{"class":706},"\"Fullscreen\"",[683,1305,1086],{"class":688},[1038,1307,1308],{"id":1158},"Maximizable",[661,1310,1311,1313,1314,1316,1317,1319,1320,1323],{},[665,1312,1259],{}," alone only sets a fixed initial layout - ",[665,1315,1158],{}," adds a\nheader button next to close that lets the user toggle between the default\nand full-viewport layout at runtime, matching a comparable reference's\nown dialog maximize toggle. ",[665,1318,1259],{}," still sets which one it starts\nin; pair with ",[665,1321,1322],{},"v-model:fullscreen"," if you need to read or control the\ncurrent state yourself:",[670,1325],{"name":1326},"modal-maximizable",[674,1328,1330],{"className":1052,"code":1329,"language":1054,"meta":679,"style":679},"\u003CSModal v-model:open=\"open\" maximizable title=\"Report\" \u002F>\n",[665,1331,1332],{"__ignoreMap":679},[683,1333,1334,1336,1338,1340,1342,1344,1346,1348,1350,1352,1355,1357,1359,1362],{"class":685,"line":8},[683,1335,689],{"class":688},[683,1337,822],{"class":692},[683,1339,825],{"class":696},[683,1341,828],{"class":688},[683,1343,831],{"class":696},[683,1345,703],{"class":688},[683,1347,782],{"class":706},[683,1349,831],{"class":688},[683,1351,782],{"class":706},[683,1353,1354],{"class":696}," maximizable",[683,1356,842],{"class":696},[683,1358,703],{"class":688},[683,1360,1361],{"class":706},"\"Report\"",[683,1363,1086],{"class":688},[1038,1365,1367],{"id":1366},"non-modal","Non-modal",[661,1369,1370,1373,1374,1377],{},[665,1371,1372],{},"modal=\"false\""," stops the dialog from blocking interaction with the rest of\nthe page - no focus trap, outside elements stay reachable and aren't hidden\nfrom assistive tech. ",[665,1375,1376],{},"overlay"," is independent of this - a non-modal dialog\ncan still show (or hide) its own backdrop:",[670,1379],{"name":1380},"modal-non-modal",[674,1382,1384],{"className":1052,"code":1383,"language":1054,"meta":679,"style":679},"\u003CSModal v-model:open=\"open\" :modal=\"false\" title=\"Non-modal\" \u002F>\n",[665,1385,1386],{"__ignoreMap":679},[683,1387,1388,1390,1392,1394,1396,1398,1400,1402,1404,1406,1409,1412,1414,1416,1418,1420,1422,1424,1427],{"class":685,"line":8},[683,1389,689],{"class":688},[683,1391,822],{"class":692},[683,1393,825],{"class":696},[683,1395,828],{"class":688},[683,1397,831],{"class":696},[683,1399,703],{"class":688},[683,1401,782],{"class":706},[683,1403,831],{"class":688},[683,1405,782],{"class":706},[683,1407,1408],{"class":688}," :",[683,1410,1411],{"class":696},"modal",[683,1413,703],{"class":688},[683,1415,782],{"class":706},[683,1417,733],{"class":720},[683,1419,782],{"class":706},[683,1421,842],{"class":696},[683,1423,703],{"class":688},[683,1425,1426],{"class":706},"\"Non-modal\"",[683,1428,1086],{"class":688},[1038,1430,1432],{"id":1431},"scrollable-content","Scrollable content",[661,1434,1435],{},"The dialog is capped to the viewport height - a body taller than that\nscrolls internally on its own, while the header and footer stay pinned in\nplace.",[670,1437],{"name":1438},"modal-scrollable",[1038,1440,1442],{"id":1441},"intercepting-dismissal","Intercepting dismissal",[661,1444,1445,1447,1448,1451],{},[665,1446,822],{}," doesn't override Reka UI's own defaults (Escape and an outside\nclick both dismiss it), but exposes the underlying events so you can\n",[665,1449,1450],{},"preventDefault()"," on them - e.g. to confirm before closing a dialog with\nunsaved changes:",[674,1453,1455],{"className":1052,"code":1454,"language":1054,"meta":679,"style":679},"\u003CSModal\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,1456,1457,1464,1482,1492,1532,1563],{"__ignoreMap":679},[683,1458,1459,1461],{"class":685,"line":8},[683,1460,689],{"class":688},[683,1462,1463],{"class":692},"SModal\n",[683,1465,1466,1469,1471,1473,1475,1477,1479],{"class":685,"line":713},[683,1467,1468],{"class":696},"  v-model",[683,1470,828],{"class":688},[683,1472,831],{"class":696},[683,1474,703],{"class":688},[683,1476,782],{"class":706},[683,1478,831],{"class":688},[683,1480,1481],{"class":706},"\"\n",[683,1483,1484,1487,1489],{"class":685,"line":739},[683,1485,1486],{"class":696},"  title",[683,1488,703],{"class":688},[683,1490,1491],{"class":706},"\"Edit profile\"\n",[683,1493,1494,1497,1500,1502,1504,1506,1510,1513,1515,1518,1521,1524,1527,1530],{"class":685,"line":749},[683,1495,1496],{"class":688},"  @",[683,1498,1499],{"class":696},"escape-key-down",[683,1501,703],{"class":688},[683,1503,782],{"class":706},[683,1505,730],{"class":688},[683,1507,1509],{"class":1508},"s4XuR","e",[683,1511,1512],{"class":688},") ",[683,1514,1115],{"class":716},[683,1516,1517],{"class":688}," hasChanges ",[683,1519,1520],{"class":716},"&&",[683,1522,1523],{"class":688}," e.",[683,1525,1526],{"class":696},"preventDefault",[683,1528,1529],{"class":688},"()",[683,1531,1481],{"class":706},[683,1533,1534,1536,1539,1541,1543,1545,1547,1549,1551,1553,1555,1557,1559,1561],{"class":685,"line":755},[683,1535,1496],{"class":688},[683,1537,1538],{"class":696},"pointer-down-outside",[683,1540,703],{"class":688},[683,1542,782],{"class":706},[683,1544,730],{"class":688},[683,1546,1509],{"class":1508},[683,1548,1512],{"class":688},[683,1550,1115],{"class":716},[683,1552,1517],{"class":688},[683,1554,1520],{"class":716},[683,1556,1523],{"class":688},[683,1558,1526],{"class":696},[683,1560,1529],{"class":688},[683,1562,1481],{"class":706},[683,1564,1565],{"class":685,"line":765},[683,1566,1567],{"class":688},"\u002F>\n",[661,1569,1570,1571,1574,1575,1578],{},"For the simpler, all-or-nothing case - a dialog that must not be dismissed\nby anything but an explicit choice - ",[665,1572,1573],{},"dismissible=\"false\""," disables both\nEscape and outside-click at once, and ",[665,1576,1577],{},"close=\"false\""," removes the close\nbutton too:",[670,1580],{"name":1581},"modal-dismissible",[674,1583,1585],{"className":1052,"code":1584,"language":1054,"meta":679,"style":679},"\u003CSModal v-model:open=\"open\" :dismissible=\"false\" :close=\"false\" title=\"Confirm your plan\" \u002F>\n",[665,1586,1587],{"__ignoreMap":679},[683,1588,1589,1591,1593,1595,1597,1599,1601,1603,1605,1607,1609,1612,1614,1616,1618,1620,1622,1624,1626,1628,1630,1632,1634,1636,1639],{"class":685,"line":8},[683,1590,689],{"class":688},[683,1592,822],{"class":692},[683,1594,825],{"class":696},[683,1596,828],{"class":688},[683,1598,831],{"class":696},[683,1600,703],{"class":688},[683,1602,782],{"class":706},[683,1604,831],{"class":688},[683,1606,782],{"class":706},[683,1608,1408],{"class":688},[683,1610,1611],{"class":696},"dismissible",[683,1613,703],{"class":688},[683,1615,782],{"class":706},[683,1617,733],{"class":720},[683,1619,782],{"class":706},[683,1621,1408],{"class":688},[683,1623,1155],{"class":696},[683,1625,703],{"class":688},[683,1627,782],{"class":706},[683,1629,733],{"class":720},[683,1631,782],{"class":706},[683,1633,842],{"class":696},[683,1635,703],{"class":688},[683,1637,1638],{"class":706},"\"Confirm your plan\"",[683,1640,1086],{"class":688},[661,1642,1643,1644,1646],{},"The two raw events still fire even with ",[665,1645,1573],{}," - useful for\nsomething like a shake animation to signal the dialog won't close that way.",[1038,1648,1650],{"id":1649},"customizing-the-closemaximize-buttons","Customizing the close\u002Fmaximize buttons",[661,1652,1653,1654,1657,1658,6,1661,1664,1665,1668,1669,1672,1673,1676],{},"Both header buttons render as real ",[665,1655,1656],{},"\u003CSButton>","s, so ",[665,1659,1660],{},":ui.close",[665,1662,1663],{},":ui.maximize","\nalready reach them fully - not just classes. An object ",[665,1666,1667],{},":ui"," value's\nnon-",[665,1670,1671],{},"class"," keys apply as raw attrs\u002Fprops, so ",[665,1674,1675],{},":ui=\"{ close: { color: 'danger' } }\"","\nworks today without a dedicated prop for it:",[674,1678,1680],{"className":1052,"code":1679,"language":1054,"meta":679,"style":679},"\u003CSModal v-model:open=\"open\" title=\"Delete item\" :ui=\"{ close: { color: 'danger' } }\" \u002F>\n",[665,1681,1682],{"__ignoreMap":679},[683,1683,1684,1686,1688,1690,1692,1694,1696,1698,1700,1702,1704,1706,1708,1710,1713,1715,1717,1720,1723,1726,1728],{"class":685,"line":8},[683,1685,689],{"class":688},[683,1687,822],{"class":692},[683,1689,825],{"class":696},[683,1691,828],{"class":688},[683,1693,831],{"class":696},[683,1695,703],{"class":688},[683,1697,782],{"class":706},[683,1699,831],{"class":688},[683,1701,782],{"class":706},[683,1703,842],{"class":696},[683,1705,703],{"class":688},[683,1707,847],{"class":706},[683,1709,1408],{"class":688},[683,1711,1712],{"class":696},"ui",[683,1714,703],{"class":688},[683,1716,782],{"class":706},[683,1718,1719],{"class":688},"{ close: { color: ",[683,1721,1722],{"class":706},"'danger'",[683,1724,1725],{"class":688}," } }",[683,1727,782],{"class":706},[683,1729,1086],{"class":688},[661,1731,1732],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's the dialog's own theme file:",[1734,1735],"theme-source",{"name":1411},[656,1737,1739],{"id":1738},"programmatic-usage","Programmatic usage",[661,1741,1742,1745,1746,1749,1750,1753,1754,1757],{},[665,1743,1744],{},"useModal()"," opens a dialog from anywhere - a click handler, an async\ncallback - without a ",[665,1747,1748],{},"v-model"," of your own to manage. It works\nautomatically once ",[665,1751,1752],{},"\u003CSApp>"," wraps your app, exactly like every other\ncomponent here; there's nothing extra to place, unlike ",[665,1755,1756],{},"\u003CSToast \u002F>",".",[661,1759,1760,1761,1763,1764,1767,1768,1770,1771,828],{},"The given component owns the dialog's entire content, the same as the\n",[665,1762,1035],{}," slot above - its own heading, its own buttons. ",[665,1765,1766],{},"open()"," returns\na promise that resolves with whatever value the component's own ",[665,1769,1155],{},"\nevent carries, so an explicit action can resolve with real data while\ndismissing via Escape or an outside click resolves with ",[665,1772,1773],{},"undefined",[670,1775],{"name":1776},"modal-use-modal",[674,1778,1780],{"className":1052,"code":1779,"language":1054,"meta":679,"style":679},"\u003C!-- ModalConfirmDialog.vue - a self-contained dialog -->\n\u003Ctemplate>\n  \u003Cdiv class=\"p-8 text-center\">\n    \u003Ch2>Delete this item?\u003C\u002Fh2>\n    \u003CSButton variant=\"ghost\" @click=\"$emit('close', false)\">Cancel\u003C\u002FSButton>\n    \u003CSButton color=\"danger\" @click=\"$emit('close', true)\">Delete\u003C\u002FSButton>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n",[665,1781,1782,1788,1796,1811,1824,1869,1911,1919],{"__ignoreMap":679},[683,1783,1784],{"class":685,"line":8},[683,1785,1787],{"class":1786},"sJ8bj","\u003C!-- ModalConfirmDialog.vue - a self-contained dialog -->\n",[683,1789,1790,1792,1794],{"class":685,"line":713},[683,1791,689],{"class":688},[683,1793,760],{"class":692},[683,1795,710],{"class":688},[683,1797,1798,1800,1802,1804,1806,1809],{"class":685,"line":739},[683,1799,768],{"class":688},[683,1801,1217],{"class":692},[683,1803,1220],{"class":696},[683,1805,703],{"class":688},[683,1807,1808],{"class":706},"\"p-8 text-center\"",[683,1810,710],{"class":688},[683,1812,1813,1815,1817,1820,1822],{"class":685,"line":749},[683,1814,862],{"class":688},[683,1816,656],{"class":692},[683,1818,1819],{"class":688},">Delete this item?\u003C\u002F",[683,1821,656],{"class":692},[683,1823,710],{"class":688},[683,1825,1826,1828,1830,1832,1834,1836,1838,1840,1842,1844,1847,1849,1852,1855,1857,1860,1862,1865,1867],{"class":685,"line":755},[683,1827,862],{"class":688},[683,1829,771],{"class":692},[683,1831,911],{"class":696},[683,1833,703],{"class":688},[683,1835,916],{"class":706},[683,1837,774],{"class":688},[683,1839,777],{"class":696},[683,1841,703],{"class":688},[683,1843,782],{"class":706},[683,1845,1846],{"class":696},"$emit",[683,1848,730],{"class":688},[683,1850,1851],{"class":706},"'close'",[683,1853,1854],{"class":688},", ",[683,1856,733],{"class":720},[683,1858,1859],{"class":688},")",[683,1861,782],{"class":706},[683,1863,1864],{"class":688},">Cancel\u003C\u002F",[683,1866,771],{"class":692},[683,1868,710],{"class":688},[683,1870,1871,1873,1875,1877,1879,1881,1883,1885,1887,1889,1891,1893,1895,1897,1900,1902,1904,1907,1909],{"class":685,"line":765},[683,1872,862],{"class":688},[683,1874,771],{"class":692},[683,1876,961],{"class":696},[683,1878,703],{"class":688},[683,1880,966],{"class":706},[683,1882,774],{"class":688},[683,1884,777],{"class":696},[683,1886,703],{"class":688},[683,1888,782],{"class":706},[683,1890,1846],{"class":696},[683,1892,730],{"class":688},[683,1894,1851],{"class":706},[683,1896,1854],{"class":688},[683,1898,1899],{"class":720},"true",[683,1901,1859],{"class":688},[683,1903,782],{"class":706},[683,1905,1906],{"class":688},">Delete\u003C\u002F",[683,1908,771],{"class":692},[683,1910,710],{"class":688},[683,1912,1913,1915,1917],{"class":685,"line":797},[683,1914,806],{"class":688},[683,1916,1217],{"class":692},[683,1918,710],{"class":688},[683,1920,1921,1923,1925],{"class":685,"line":803},[683,1922,742],{"class":688},[683,1924,760],{"class":692},[683,1926,710],{"class":688},[674,1928,1930],{"className":1089,"code":1929,"language":1091,"meta":679,"style":679},"import ModalConfirmDialog from '.\u002FModalConfirmDialog.vue'\n\nconst modal = useModal()\nconst confirmed = await modal.open(ModalConfirmDialog)\n\u002F\u002F true, false, or undefined if dismissed without an explicit choice\n",[665,1931,1932,1946,1950,1965,1985],{"__ignoreMap":679},[683,1933,1934,1937,1940,1943],{"class":685,"line":8},[683,1935,1936],{"class":716},"import",[683,1938,1939],{"class":688}," ModalConfirmDialog ",[683,1941,1942],{"class":716},"from",[683,1944,1945],{"class":706}," '.\u002FModalConfirmDialog.vue'\n",[683,1947,1948],{"class":685,"line":713},[683,1949,752],{"emptyLinePlaceholder":651},[683,1951,1952,1954,1957,1959,1962],{"class":685,"line":739},[683,1953,717],{"class":716},[683,1955,1956],{"class":720}," modal",[683,1958,724],{"class":716},[683,1960,1961],{"class":696}," useModal",[683,1963,1964],{"class":688},"()\n",[683,1966,1967,1969,1972,1974,1977,1980,1982],{"class":685,"line":749},[683,1968,717],{"class":716},[683,1970,1971],{"class":720}," confirmed",[683,1973,724],{"class":716},[683,1975,1976],{"class":716}," await",[683,1978,1979],{"class":688}," modal.",[683,1981,831],{"class":696},[683,1983,1984],{"class":688},"(ModalConfirmDialog)\n",[683,1986,1987],{"class":685,"line":755},[683,1988,1989],{"class":1786},"\u002F\u002F true, false, or undefined if dismissed without an explicit choice\n",[661,1991,1992,1994,1995,6,1997,6,1999,6,2001,2003,2004,6,2006,2009,2010,2003,2012,2014,2015,2017],{},[665,1993,1766],{}," also takes the same ",[665,1996,1028],{},[665,1998,1167],{},[665,2000,1611],{},[665,2002,1411],{},"\u002F\n",[665,2005,1376],{},[665,2007,2008],{},"transition"," options as the declarative props - ",[665,2011,1028],{},[665,2013,1167],{}," are the only way to give a programmatically-opened dialog a\nreal accessible name\u002Fdescription, since the opened component always\nrenders through the ",[665,2016,1035],{}," slot:",[674,2019,2021],{"className":1089,"code":2020,"language":1091,"meta":679,"style":679},"await modal.open(ModalConfirmDialog, { dismissible: false })\n",[665,2022,2023],{"__ignoreMap":679},[683,2024,2025,2028,2030,2032,2035,2037],{"class":685,"line":8},[683,2026,2027],{"class":716},"await",[683,2029,1979],{"class":688},[683,2031,831],{"class":696},[683,2033,2034],{"class":688},"(ModalConfirmDialog, { dismissible: ",[683,2036,733],{"class":720},[683,2038,2039],{"class":688}," })\n",[656,2041,2043],{"id":2042},"props","Props",[2045,2046,2047,2063],"table",{},[2048,2049,2050],"thead",{},[2051,2052,2053,2057,2060],"tr",{},[2054,2055,2056],"th",{},"Prop",[2054,2058,2059],{},"Type",[2054,2061,2062],{},"Default",[2064,2065,2066,2082,2096,2108,2122,2136,2150,2164,2178,2192,2206],"tbody",{},[2051,2067,2068,2073,2078],{},[2069,2070,2071],"td",{},[665,2072,831],{},[2069,2074,2075],{},[665,2076,2077],{},"boolean",[2069,2079,2080],{},[665,2081,733],{},[2051,2083,2084,2088,2093],{},[2069,2085,2086],{},[665,2087,1028],{},[2069,2089,2090],{},[665,2091,2092],{},"string",[2069,2094,2095],{},"-",[2051,2097,2098,2102,2106],{},[2069,2099,2100],{},[665,2101,1167],{},[2069,2103,2104],{},[665,2105,2092],{},[2069,2107,2095],{},[2051,2109,2110,2114,2118],{},[2069,2111,2112],{},[665,2113,1259],{},[2069,2115,2116],{},[665,2117,2077],{},[2069,2119,2120],{},[665,2121,733],{},[2051,2123,2124,2128,2132],{},[2069,2125,2126],{},[665,2127,1158],{},[2069,2129,2130],{},[665,2131,2077],{},[2069,2133,2134],{},[665,2135,733],{},[2051,2137,2138,2142,2146],{},[2069,2139,2140],{},[665,2141,1611],{},[2069,2143,2144],{},[665,2145,2077],{},[2069,2147,2148],{},[665,2149,1899],{},[2051,2151,2152,2156,2160],{},[2069,2153,2154],{},[665,2155,1155],{},[2069,2157,2158],{},[665,2159,2077],{},[2069,2161,2162],{},[665,2163,1899],{},[2051,2165,2166,2170,2174],{},[2069,2167,2168],{},[665,2169,1411],{},[2069,2171,2172],{},[665,2173,2077],{},[2069,2175,2176],{},[665,2177,1899],{},[2051,2179,2180,2184,2188],{},[2069,2181,2182],{},[665,2183,1376],{},[2069,2185,2186],{},[665,2187,2077],{},[2069,2189,2190],{},[665,2191,1899],{},[2051,2193,2194,2198,2202],{},[2069,2195,2196],{},[665,2197,2008],{},[2069,2199,2200],{},[665,2201,2077],{},[2069,2203,2204],{},[665,2205,1899],{},[2051,2207,2208,2212,2217],{},[2069,2209,2210],{},[665,2211,1712],{},[2069,2213,2214],{},[665,2215,2216],{},"Partial\u003CRecord\u003C'overlay' | 'content' | 'header' | 'headerActions' | 'title' | 'description' | 'close' | 'maximize' | 'body' | 'footer', string | object>>",[2069,2218,2095],{},[661,2220,2221,2222,2224,2225,2228,2229,2232],{},"A ",[665,2223,1671],{}," passed to ",[665,2226,2227],{},"\u003CSModal>"," is merged into the dialog panel. Use ",[665,2230,2231],{},"ui.content"," for the same panel, or put a class directly on the default-slot trigger to style that trigger.",[656,2234,2236],{"id":2235},"events","Events",[2045,2238,2239,2252],{},[2048,2240,2241],{},[2051,2242,2243,2246,2249],{},[2054,2244,2245],{},"Event",[2054,2247,2248],{},"Payload",[2054,2250,2251],{},"Description",[2064,2253,2254,2268,2285,2303,2319,2335],{},[2051,2255,2256,2261,2265],{},[2069,2257,2258],{},[665,2259,2260],{},"update:open",[2069,2262,2263],{},[665,2264,2077],{},[2069,2266,2267],{},"Open state changed",[2051,2269,2270,2275,2279],{},[2069,2271,2272],{},[665,2273,2274],{},"update:fullscreen",[2069,2276,2277],{},[665,2278,2077],{},[2069,2280,2281,2282,2284],{},"Fired when ",[665,2283,1158],{},"'s toggle button changes the layout",[2051,2286,2287,2292,2297],{},[2069,2288,2289],{},[665,2290,2291],{},"escapeKeyDown",[2069,2293,2294],{},[665,2295,2296],{},"KeyboardEvent",[2069,2298,2299,2300,2302],{},"Escape was pressed - ",[665,2301,1450],{}," to stop it from closing",[2051,2304,2305,2310,2314],{},[2069,2306,2307],{},[665,2308,2309],{},"pointerDownOutside",[2069,2311,2312],{},[665,2313,2245],{},[2069,2315,2316,2317,2302],{},"A pointer went down outside the dialog - ",[665,2318,1450],{},[2051,2320,2321,2326,2330],{},[2069,2322,2323],{},[665,2324,2325],{},"focusOutside",[2069,2327,2328],{},[665,2329,2245],{},[2069,2331,2332,2333,2302],{},"A non-modal dialog's outside element received focus - ",[665,2334,1450],{},[2051,2336,2337,2342,2344],{},[2069,2338,2339],{},[665,2340,2341],{},"afterLeave",[2069,2343,2095],{},[2069,2345,2346,2347,2349,2350,1859],{},"The close transition has finished (or fires immediately if ",[665,2348,2008],{}," is ",[665,2351,733],{},[656,2353,2355],{"id":2354},"slots","Slots",[2045,2357,2358,2367],{},[2048,2359,2360],{},[2051,2361,2362,2365],{},[2054,2363,2364],{},"Slot",[2054,2366,2251],{},[2064,2368,2369,2377,2386,2395,2404,2413,2426,2436],{},[2051,2370,2371,2374],{},[2069,2372,2373],{},"default",[2069,2375,2376],{},"The trigger element",[2051,2378,2379,2383],{},[2069,2380,2381],{},[665,2382,1035],{},[2069,2384,2385],{},"Replaces the visible header\u002Fbody\u002Ffooter entirely (title\u002Fdescription, if set, still register for a11y)",[2051,2387,2388,2392],{},[2069,2389,2390],{},[665,2391,1032],{},[2069,2393,2394],{},"Overrides the default title\u002Fdescription block",[2051,2396,2397,2401],{},[2069,2398,2399],{},[665,2400,870],{},[2069,2402,2403],{},"Main content",[2051,2405,2406,2410],{},[2069,2407,2408],{},[665,2409,899],{},[2069,2411,2412],{},"Usually action buttons",[2051,2414,2415,2420],{},[2069,2416,2417],{},[665,2418,2419],{},"close-icon",[2069,2421,2422,2423,1859],{},"Replaces the close button's icon (default: ",[665,2424,2425],{},"hugeicons:cancel-01",[2051,2427,2428,2433],{},[2069,2429,2430],{},[665,2431,2432],{},"maximize-icon",[2069,2434,2435],{},"Replaces the maximize button's icon while not fullscreen",[2051,2437,2438,2443],{},[2069,2439,2440],{},[665,2441,2442],{},"minimize-icon",[2069,2444,2445],{},"Replaces the maximize button's icon while fullscreen",[2447,2448,2449],"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":2451},[2452,2462,2463,2464,2465],{"id":658,"depth":713,"text":659,"children":2453},[2454,2455,2456,2457,2458,2459,2460,2461],{"id":1040,"depth":739,"text":1041},{"id":1146,"depth":739,"text":1147},{"id":1259,"depth":739,"text":1260},{"id":1158,"depth":739,"text":1308},{"id":1366,"depth":739,"text":1367},{"id":1431,"depth":739,"text":1432},{"id":1441,"depth":739,"text":1442},{"id":1649,"depth":739,"text":1650},{"id":1738,"depth":713,"text":1739},{"id":2042,"depth":713,"text":2043},{"id":2235,"depth":713,"text":2236},{"id":2354,"depth":713,"text":2355},"A dialog overlay built on Reka UI's Dialog primitive.","md",{},{"title":370,"description":2466},"EqgYwfL511XGugD4y4mYDICUty5IjaoaW-lfxW-vUgo",1792071569037]