[{"data":1,"prerenderedAt":1888},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Foverlays\u002Fpopover":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":409,"aside":651,"body":652,"collapse":10,"description":1883,"editLink":651,"extension":1884,"icon":9,"meta":1885,"navBadges":9,"navigation":9,"order":94,"path":410,"prevNext":651,"seo":1886,"stem":411,"toc":651,"__hash__":1887},"docs\u002Fcomponents\u002Foverlays\u002Fpopover.md",true,{"type":653,"value":654,"toc":1868},"minimark",[655,660,676,680,1031,1037,1042,1079,1082,1119,1123,1131,1134,1204,1207,1214,1234,1238,1245,1347,1354,1384,1388,1407,1436,1443,1446,1450,1454,1485,1539,1543,1714,1728,1732,1830,1834,1864],[656,657,659],"h2",{"id":658},"usage","Usage",[661,662,663,664,668,669,672,673,675],"p",{},"Popover's ",[665,666,667],"code",{},"content"," slot can hold anything - unlike\n",[670,671,379],"a",{"href":380}," (menu items) or\n",[670,674,389],{"href":390}," (hover-only text), it's a blank,\ninteractive panel for things like a quick-edit form or a filter list:",[677,678],"component-example",{"name":679},"popover-basic",[681,682,687],"pre",{"className":683,"code":684,"language":685,"meta":686,"style":686},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst open = ref(false)\nconst name = ref('')\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CSPopover v-model:open=\"open\">\n    \u003CSButton variant=\"outline\">\n      Edit name\n    \u003C\u002FSButton>\n    \u003Ctemplate #content>\n      \u003Cdiv class=\"flex w-64 flex-col gap-3\">\n        \u003Cp class=\"text-sm font-medium text-[var(--selaras-resolved-text-default)]\">\n          Display name\n        \u003C\u002Fp>\n        \u003CSInput v-model=\"name\" placeholder=\"Jane Doe\" \u002F>\n        \u003CSButton size=\"sm\" @click=\"open = false\">\n          Save\n        \u003C\u002FSButton>\n      \u003C\u002Fdiv>\n    \u003C\u002Ftemplate>\n  \u003C\u002FSPopover>\n\u003C\u002Ftemplate>\n","vue","",[665,688,689,718,744,763,773,779,789,818,837,843,852,865,883,900,906,915,945,982,988,997,1006,1014,1023],{"__ignoreMap":686},[690,691,693,697,701,705,708,711,715],"span",{"class":692,"line":8},"line",[690,694,696],{"class":695},"sVt8B","\u003C",[690,698,700],{"class":699},"s9eBZ","script",[690,702,704],{"class":703},"sScJk"," setup",[690,706,707],{"class":703}," lang",[690,709,710],{"class":695},"=",[690,712,714],{"class":713},"sZZnC","\"ts\"",[690,716,717],{"class":695},">\n",[690,719,721,725,729,732,735,738,741],{"class":692,"line":720},2,[690,722,724],{"class":723},"szBVR","const",[690,726,728],{"class":727},"sj4cs"," open",[690,730,731],{"class":723}," =",[690,733,734],{"class":703}," ref",[690,736,737],{"class":695},"(",[690,739,740],{"class":727},"false",[690,742,743],{"class":695},")\n",[690,745,747,749,752,754,756,758,761],{"class":692,"line":746},3,[690,748,724],{"class":723},[690,750,751],{"class":727}," name",[690,753,731],{"class":723},[690,755,734],{"class":703},[690,757,737],{"class":695},[690,759,760],{"class":713},"''",[690,762,743],{"class":695},[690,764,766,769,771],{"class":692,"line":765},4,[690,767,768],{"class":695},"\u003C\u002F",[690,770,700],{"class":699},[690,772,717],{"class":695},[690,774,776],{"class":692,"line":775},5,[690,777,778],{"emptyLinePlaceholder":651},"\n",[690,780,782,784,787],{"class":692,"line":781},6,[690,783,696],{"class":695},[690,785,786],{"class":699},"template",[690,788,717],{"class":695},[690,790,792,795,798,801,804,807,809,812,814,816],{"class":692,"line":791},7,[690,793,794],{"class":695},"  \u003C",[690,796,797],{"class":699},"SPopover",[690,799,800],{"class":703}," v-model",[690,802,803],{"class":695},":",[690,805,806],{"class":703},"open",[690,808,710],{"class":695},[690,810,811],{"class":713},"\"",[690,813,806],{"class":695},[690,815,811],{"class":713},[690,817,717],{"class":695},[690,819,821,824,827,830,832,835],{"class":692,"line":820},8,[690,822,823],{"class":695},"    \u003C",[690,825,826],{"class":699},"SButton",[690,828,829],{"class":703}," variant",[690,831,710],{"class":695},[690,833,834],{"class":713},"\"outline\"",[690,836,717],{"class":695},[690,838,840],{"class":692,"line":839},9,[690,841,842],{"class":695},"      Edit name\n",[690,844,845,848,850],{"class":692,"line":13},[690,846,847],{"class":695},"    \u003C\u002F",[690,849,826],{"class":699},[690,851,717],{"class":695},[690,853,854,856,858,861,863],{"class":692,"line":147},[690,855,823],{"class":695},[690,857,786],{"class":699},[690,859,860],{"class":695}," #",[690,862,667],{"class":703},[690,864,717],{"class":695},[690,866,867,870,873,876,878,881],{"class":692,"line":166},[690,868,869],{"class":695},"      \u003C",[690,871,872],{"class":699},"div",[690,874,875],{"class":703}," class",[690,877,710],{"class":695},[690,879,880],{"class":713},"\"flex w-64 flex-col gap-3\"",[690,882,717],{"class":695},[690,884,886,889,891,893,895,898],{"class":692,"line":885},13,[690,887,888],{"class":695},"        \u003C",[690,890,661],{"class":699},[690,892,875],{"class":703},[690,894,710],{"class":695},[690,896,897],{"class":713},"\"text-sm font-medium text-[var(--selaras-resolved-text-default)]\"",[690,899,717],{"class":695},[690,901,903],{"class":692,"line":902},14,[690,904,905],{"class":695},"          Display name\n",[690,907,908,911,913],{"class":692,"line":615},[690,909,910],{"class":695},"        \u003C\u002F",[690,912,661],{"class":699},[690,914,717],{"class":695},[690,916,918,920,923,925,927,929,932,934,937,939,942],{"class":692,"line":917},16,[690,919,888],{"class":695},[690,921,922],{"class":699},"SInput",[690,924,800],{"class":703},[690,926,710],{"class":695},[690,928,811],{"class":713},[690,930,931],{"class":695},"name",[690,933,811],{"class":713},[690,935,936],{"class":703}," placeholder",[690,938,710],{"class":695},[690,940,941],{"class":713},"\"Jane Doe\"",[690,943,944],{"class":695}," \u002F>\n",[690,946,948,950,952,955,957,960,963,966,968,970,973,975,978,980],{"class":692,"line":947},17,[690,949,888],{"class":695},[690,951,826],{"class":699},[690,953,954],{"class":703}," size",[690,956,710],{"class":695},[690,958,959],{"class":713},"\"sm\"",[690,961,962],{"class":695}," @",[690,964,965],{"class":703},"click",[690,967,710],{"class":695},[690,969,811],{"class":713},[690,971,972],{"class":695},"open ",[690,974,710],{"class":723},[690,976,977],{"class":727}," false",[690,979,811],{"class":713},[690,981,717],{"class":695},[690,983,985],{"class":692,"line":984},18,[690,986,987],{"class":695},"          Save\n",[690,989,991,993,995],{"class":692,"line":990},19,[690,992,910],{"class":695},[690,994,826],{"class":699},[690,996,717],{"class":695},[690,998,999,1002,1004],{"class":692,"line":30},[690,1000,1001],{"class":695},"      \u003C\u002F",[690,1003,872],{"class":699},[690,1005,717],{"class":695},[690,1007,1008,1010,1012],{"class":692,"line":235},[690,1009,847],{"class":695},[690,1011,786],{"class":699},[690,1013,717],{"class":695},[690,1015,1016,1019,1021],{"class":692,"line":245},[690,1017,1018],{"class":695},"  \u003C\u002F",[690,1020,797],{"class":699},[690,1022,717],{"class":695},[690,1024,1025,1027,1029],{"class":692,"line":260},[690,1026,768],{"class":695},[690,1028,786],{"class":699},[690,1030,717],{"class":695},[661,1032,1033,1036],{},[665,1034,1035],{},"v-model:open"," is optional - omit it and the popover manages its own open\nstate internally, toggled by clicking the trigger.",[1038,1039,1041],"h3",{"id":1040},"side-and-align","Side and align",[661,1043,1044,1047,1048,1051,1052,1055,1056,1059,1060,1063,1064,1067,1068,1055,1071,1074,1075,1078],{},[665,1045,1046],{},"side"," picks which edge of the trigger the panel opens from (",[665,1049,1050],{},"top",",\n",[665,1053,1054],{},"right",", ",[665,1057,1058],{},"left",", default ",[665,1061,1062],{},"bottom","); ",[665,1065,1066],{},"align"," controls how it lines up\nalong that edge (",[665,1069,1070],{},"start",[665,1072,1073],{},"center"," default, ",[665,1076,1077],{},"end","):",[677,1080],{"name":1081},"popover-side",[681,1083,1087],{"className":1084,"code":1085,"language":1086,"meta":686,"style":686},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSPopover side=\"right\" align=\"start\">...\u003C\u002FSPopover>\n","vue-html",[665,1088,1089],{"__ignoreMap":686},[690,1090,1091,1093,1095,1098,1100,1103,1107,1109,1112,1115,1117],{"class":692,"line":8},[690,1092,696],{"class":695},[690,1094,797],{"class":699},[690,1096,1097],{"class":703}," side",[690,1099,710],{"class":695},[690,1101,1102],{"class":713},"\"right\"",[690,1104,1106],{"class":1105},"s7hpK"," align",[690,1108,710],{"class":695},[690,1110,1111],{"class":713},"\"start\"",[690,1113,1114],{"class":695},">...\u003C\u002F",[690,1116,797],{"class":699},[690,1118,717],{"class":695},[1038,1120,1122],{"id":1121},"arrow","Arrow",[661,1124,1125,1127,1128,1078],{},[665,1126,1121],{}," shows a small pointer triangle connecting the panel to its trigger.\nPass an object to set its width, height, rounded tip, or minimum clearance\nfrom the panel corners (",[665,1129,1130],{},"padding",[677,1132],{"name":1133},"popover-arrow",[681,1135,1137],{"className":1084,"code":1136,"language":1086,"meta":686,"style":686},"\u003CSPopover arrow>...\u003C\u002FSPopover>\n\u003CSPopover :arrow=\"{ width: 16, height: 8, rounded: true, padding: 12 }\">...\u003C\u002FSPopover>\n",[665,1138,1139,1154],{"__ignoreMap":686},[690,1140,1141,1143,1145,1148,1150,1152],{"class":692,"line":8},[690,1142,696],{"class":695},[690,1144,797],{"class":699},[690,1146,1147],{"class":703}," arrow",[690,1149,1114],{"class":695},[690,1151,797],{"class":699},[690,1153,717],{"class":695},[690,1155,1156,1158,1160,1163,1165,1167,1169,1172,1175,1178,1181,1184,1187,1190,1193,1196,1198,1200,1202],{"class":692,"line":720},[690,1157,696],{"class":695},[690,1159,797],{"class":699},[690,1161,1162],{"class":695}," :",[690,1164,1121],{"class":703},[690,1166,710],{"class":695},[690,1168,811],{"class":713},[690,1170,1171],{"class":695},"{ width: ",[690,1173,1174],{"class":727},"16",[690,1176,1177],{"class":695},", height: ",[690,1179,1180],{"class":727},"8",[690,1182,1183],{"class":695},", rounded: ",[690,1185,1186],{"class":727},"true",[690,1188,1189],{"class":695},", padding: ",[690,1191,1192],{"class":727},"12",[690,1194,1195],{"class":695}," }",[690,1197,811],{"class":713},[690,1199,1114],{"class":695},[690,1201,797],{"class":699},[690,1203,717],{"class":695},[1038,1205,370],{"id":1206},"modal",[661,1208,1209,1210,1213],{},"Popover is non-modal by default - the rest of the page stays reachable,\nand it isn't hidden from assistive tech. ",[665,1211,1212],{},"modal=\"true\""," traps focus and\nblocks outside interaction instead, closer to how Modal\u002FSlideover behave:",[681,1215,1217],{"className":1084,"code":1216,"language":1086,"meta":686,"style":686},"\u003CSPopover modal>...\u003C\u002FSPopover>\n",[665,1218,1219],{"__ignoreMap":686},[690,1220,1221,1223,1225,1228,1230,1232],{"class":692,"line":8},[690,1222,696],{"class":695},[690,1224,797],{"class":699},[690,1226,1227],{"class":703}," modal",[690,1229,1114],{"class":695},[690,1231,797],{"class":699},[690,1233,717],{"class":695},[1038,1235,1237],{"id":1236},"intercepting-dismissal","Intercepting dismissal",[661,1239,1240,1241,1244],{},"Popover 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,1242,1243],{},"preventDefault()"," on them:",[681,1246,1248],{"className":1084,"code":1247,"language":1086,"meta":686,"style":686},"\u003CSPopover\n  @escape-key-down=\"(e) => hasChanges && e.preventDefault()\"\n  @pointer-down-outside=\"(e) => hasChanges && e.preventDefault()\"\n>\n  ...\n\u003C\u002FSPopover>\n",[665,1249,1250,1257,1299,1330,1334,1339],{"__ignoreMap":686},[690,1251,1252,1254],{"class":692,"line":8},[690,1253,696],{"class":695},[690,1255,1256],{"class":699},"SPopover\n",[690,1258,1259,1262,1265,1267,1269,1271,1275,1278,1281,1284,1287,1290,1293,1296],{"class":692,"line":720},[690,1260,1261],{"class":695},"  @",[690,1263,1264],{"class":703},"escape-key-down",[690,1266,710],{"class":695},[690,1268,811],{"class":713},[690,1270,737],{"class":695},[690,1272,1274],{"class":1273},"s4XuR","e",[690,1276,1277],{"class":695},") ",[690,1279,1280],{"class":723},"=>",[690,1282,1283],{"class":695}," hasChanges ",[690,1285,1286],{"class":723},"&&",[690,1288,1289],{"class":695}," e.",[690,1291,1292],{"class":703},"preventDefault",[690,1294,1295],{"class":695},"()",[690,1297,1298],{"class":713},"\"\n",[690,1300,1301,1303,1306,1308,1310,1312,1314,1316,1318,1320,1322,1324,1326,1328],{"class":692,"line":746},[690,1302,1261],{"class":695},[690,1304,1305],{"class":703},"pointer-down-outside",[690,1307,710],{"class":695},[690,1309,811],{"class":713},[690,1311,737],{"class":695},[690,1313,1274],{"class":1273},[690,1315,1277],{"class":695},[690,1317,1280],{"class":723},[690,1319,1283],{"class":695},[690,1321,1286],{"class":723},[690,1323,1289],{"class":695},[690,1325,1292],{"class":703},[690,1327,1295],{"class":695},[690,1329,1298],{"class":713},[690,1331,1332],{"class":692,"line":765},[690,1333,717],{"class":695},[690,1335,1336],{"class":692,"line":775},[690,1337,1338],{"class":695},"  ...\n",[690,1340,1341,1343,1345],{"class":692,"line":781},[690,1342,768],{"class":695},[690,1344,797],{"class":699},[690,1346,717],{"class":695},[661,1348,1349,1350,1353],{},"For the simpler, all-or-nothing case, ",[665,1351,1352],{},"dismissible=\"false\""," disables\nEscape and outside-click (and, for a non-modal popover, an outside\nelement merely receiving focus) all at once - the raw events still fire,\nso a consumer can still react, but none of them close it on their own:",[681,1355,1357],{"className":1084,"code":1356,"language":1086,"meta":686,"style":686},"\u003CSPopover :dismissible=\"false\">...\u003C\u002FSPopover>\n",[665,1358,1359],{"__ignoreMap":686},[690,1360,1361,1363,1365,1367,1370,1372,1374,1376,1378,1380,1382],{"class":692,"line":8},[690,1362,696],{"class":695},[690,1364,797],{"class":699},[690,1366,1162],{"class":695},[690,1368,1369],{"class":703},"dismissible",[690,1371,710],{"class":695},[690,1373,811],{"class":713},[690,1375,740],{"class":727},[690,1377,811],{"class":713},[690,1379,1114],{"class":695},[690,1381,797],{"class":699},[690,1383,717],{"class":695},[1038,1385,1387],{"id":1386},"return-focus-on-close","Return focus on close",[661,1389,1390,1391,1395,1396,1398,1399,1402,1403,1406],{},"Reka returns keyboard focus to the trigger whenever the popover closes,\nregardless of ",[1392,1393,1394],"em",{},"why"," it closed - including a purely programmatic ",[665,1397,806],{},"\nchange. That matters for a popover that can open on hover rather than a\ndeliberate click\u002Fkeypress: focus landing back on a trigger nobody meant\nto focus can itself count as focus moving \"outside\" whatever ",[1392,1400,1401],{},"other","\npopover the pointer has since moved on to, closing that one too.\n",[665,1404,1405],{},"returnFocusOnClose=\"false\""," disables the behavior for cases like that:",[681,1408,1410],{"className":1084,"code":1409,"language":1086,"meta":686,"style":686},"\u003CSPopover :return-focus-on-close=\"false\">...\u003C\u002FSPopover>\n",[665,1411,1412],{"__ignoreMap":686},[690,1413,1414,1416,1418,1420,1422,1424,1426,1428,1430,1432,1434],{"class":692,"line":8},[690,1415,696],{"class":695},[690,1417,797],{"class":699},[690,1419,1162],{"class":695},[690,1421,1386],{"class":703},[690,1423,710],{"class":695},[690,1425,811],{"class":713},[690,1427,740],{"class":727},[690,1429,811],{"class":713},[690,1431,1114],{"class":695},[690,1433,797],{"class":699},[690,1435,717],{"class":695},[1038,1437,1439,1440],{"id":1438},"custom-ui","Custom ",[665,1441,1442],{},":ui",[661,1444,1445],{},"To see exactly what you'd be overriding - the current default classes for\nevery slot and variant - here's the popover's own theme file:",[1447,1448],"theme-source",{"name":1449},"popover",[1038,1451,1453],{"id":1452},"positioning-and-portal","Positioning and portal",[661,1455,1456,1459,1460,1462,1463,1465,1466,1469,1470,1472,1473,1476,1477,1480,1481,1484],{},[665,1457,1458],{},"positioning"," configures the panel's side, alignment, offsets, and collision\nbehavior. It overrides the older top-level ",[665,1461,1046],{}," and ",[665,1464,1066],{}," props when both\nare supplied. ",[665,1467,1468],{},"portal"," defaults to the document body; set it to ",[665,1471,740],{}," to\nrender inline, or pass a CSS selector or ",[665,1474,1475],{},"HTMLElement"," as the teleport target.\nUse ",[665,1478,1479],{},"ui.content"," for panel styling and ",[665,1482,1483],{},"#content"," for its contents.",[681,1486,1488],{"className":1084,"code":1487,"language":1086,"meta":686,"style":686},"\u003CSPopover :positioning=\"{ side: 'top', align: 'end', sideOffset: 8 }\" portal=\"#overlay-root\">...\u003C\u002FSPopover>\n",[665,1489,1490],{"__ignoreMap":686},[690,1491,1492,1494,1496,1498,1500,1502,1504,1507,1510,1513,1516,1519,1521,1523,1525,1528,1530,1533,1535,1537],{"class":692,"line":8},[690,1493,696],{"class":695},[690,1495,797],{"class":699},[690,1497,1162],{"class":695},[690,1499,1458],{"class":703},[690,1501,710],{"class":695},[690,1503,811],{"class":713},[690,1505,1506],{"class":695},"{ side: ",[690,1508,1509],{"class":713},"'top'",[690,1511,1512],{"class":695},", align: ",[690,1514,1515],{"class":713},"'end'",[690,1517,1518],{"class":695},", sideOffset: ",[690,1520,1180],{"class":727},[690,1522,1195],{"class":695},[690,1524,811],{"class":713},[690,1526,1527],{"class":703}," portal",[690,1529,710],{"class":695},[690,1531,1532],{"class":713},"\"#overlay-root\"",[690,1534,1114],{"class":695},[690,1536,797],{"class":699},[690,1538,717],{"class":695},[656,1540,1542],{"id":1541},"props","Props",[1544,1545,1546,1562],"table",{},[1547,1548,1549],"thead",{},[1550,1551,1552,1556,1559],"tr",{},[1553,1554,1555],"th",{},"Prop",[1553,1557,1558],{},"Type",[1553,1560,1561],{},"Default",[1563,1564,1565,1580,1596,1612,1626,1642,1656,1670,1685,1700],"tbody",{},[1550,1566,1567,1572,1577],{},[1568,1569,1570],"td",{},[665,1571,806],{},[1568,1573,1574],{},[665,1575,1576],{},"boolean",[1568,1578,1579],{},"-",[1550,1581,1582,1586,1591],{},[1568,1583,1584],{},[665,1585,1046],{},[1568,1587,1588],{},[665,1589,1590],{},"'top' | 'right' | 'bottom' | 'left'",[1568,1592,1593],{},[665,1594,1595],{},"'bottom'",[1550,1597,1598,1602,1607],{},[1568,1599,1600],{},[665,1601,1066],{},[1568,1603,1604],{},[665,1605,1606],{},"'start' | 'center' | 'end'",[1568,1608,1609],{},[665,1610,1611],{},"'center'",[1550,1613,1614,1618,1623],{},[1568,1615,1616],{},[665,1617,1458],{},[1568,1619,1620],{},[665,1621,1622],{},"OverlayPositioning",[1568,1624,1625],{},"panel defaults",[1550,1627,1628,1632,1637],{},[1568,1629,1630],{},[665,1631,1468],{},[1568,1633,1634],{},[665,1635,1636],{},"boolean | string | HTMLElement",[1568,1638,1639,1641],{},[665,1640,1186],{}," (document body)",[1550,1643,1644,1648,1652],{},[1568,1645,1646],{},[665,1647,1206],{},[1568,1649,1650],{},[665,1651,1576],{},[1568,1653,1654],{},[665,1655,740],{},[1550,1657,1658,1662,1666],{},[1568,1659,1660],{},[665,1661,1369],{},[1568,1663,1664],{},[665,1665,1576],{},[1568,1667,1668],{},[665,1669,1186],{},[1550,1671,1672,1677,1681],{},[1568,1673,1674],{},[665,1675,1676],{},"returnFocusOnClose",[1568,1678,1679],{},[665,1680,1576],{},[1568,1682,1683],{},[665,1684,1186],{},[1550,1686,1687,1691,1696],{},[1568,1688,1689],{},[665,1690,1121],{},[1568,1692,1693],{},[665,1694,1695],{},"boolean | RoundedArrowConfig",[1568,1697,1698],{},[665,1699,740],{},[1550,1701,1702,1707,1712],{},[1568,1703,1704],{},[665,1705,1706],{},"ui",[1568,1708,1709],{},[665,1710,1711],{},"Partial\u003CRecord\u003C'content' | 'arrow', string | object>>",[1568,1713,1579],{},[661,1715,1716,1717,1720,1721,1724,1725,1727],{},"A ",[665,1718,1719],{},"class"," passed to ",[665,1722,1723],{},"\u003CSPopover>"," is merged into its default-slot trigger element. Use ",[665,1726,1479],{}," to style the floating panel.",[656,1729,1731],{"id":1730},"events","Events",[1544,1733,1734,1747],{},[1547,1735,1736],{},[1550,1737,1738,1741,1744],{},[1553,1739,1740],{},"Event",[1553,1742,1743],{},"Payload",[1553,1745,1746],{},"Description",[1563,1748,1749,1763,1781,1797,1813],{},[1550,1750,1751,1756,1760],{},[1568,1752,1753],{},[665,1754,1755],{},"update:open",[1568,1757,1758],{},[665,1759,1576],{},[1568,1761,1762],{},"Open state changed",[1550,1764,1765,1770,1775],{},[1568,1766,1767],{},[665,1768,1769],{},"escapeKeyDown",[1568,1771,1772],{},[665,1773,1774],{},"KeyboardEvent",[1568,1776,1777,1778,1780],{},"Escape was pressed - ",[665,1779,1243],{}," to stop it from closing",[1550,1782,1783,1788,1792],{},[1568,1784,1785],{},[665,1786,1787],{},"pointerDownOutside",[1568,1789,1790],{},[665,1791,1740],{},[1568,1793,1794,1795,1780],{},"A pointer went down outside the popover - ",[665,1796,1243],{},[1550,1798,1799,1804,1808],{},[1568,1800,1801],{},[665,1802,1803],{},"focusOutside",[1568,1805,1806],{},[665,1807,1740],{},[1568,1809,1810,1811,1780],{},"A non-modal popover's outside element received focus - ",[665,1812,1243],{},[1550,1814,1815,1820,1824],{},[1568,1816,1817],{},[665,1818,1819],{},"openAutoFocus",[1568,1821,1822],{},[665,1823,1740],{},[1568,1825,1826,1827,1829],{},"Fires right before focus moves into the popover on open - ",[665,1828,1243],{}," to skip autofocus for that open (e.g. a hover-triggered open that shouldn't yank focus, while a keyboard-triggered one still should)",[656,1831,1833],{"id":1832},"slots","Slots",[1544,1835,1836,1845],{},[1547,1837,1838],{},[1550,1839,1840,1843],{},[1553,1841,1842],{},"Slot",[1553,1844,1746],{},[1563,1846,1847,1855],{},[1550,1848,1849,1852],{},[1568,1850,1851],{},"default",[1568,1853,1854],{},"The trigger element",[1550,1856,1857,1861],{},[1568,1858,1859],{},[665,1860,667],{},[1568,1862,1863],{},"The popover's own content",[1865,1866,1867],"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 .s7hpK, html code.shiki .s7hpK{--shiki-default:#B31D28;--shiki-default-font-style:italic;--shiki-dark:#FDAEB7;--shiki-dark-font-style:italic}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}",{"title":686,"searchDepth":746,"depth":746,"links":1869},[1870,1880,1881,1882],{"id":658,"depth":720,"text":659,"children":1871},[1872,1873,1874,1875,1876,1877,1879],{"id":1040,"depth":746,"text":1041},{"id":1121,"depth":746,"text":1122},{"id":1206,"depth":746,"text":370},{"id":1236,"depth":746,"text":1237},{"id":1386,"depth":746,"text":1387},{"id":1438,"depth":746,"text":1878},"Custom :ui",{"id":1452,"depth":746,"text":1453},{"id":1541,"depth":720,"text":1542},{"id":1730,"depth":720,"text":1731},{"id":1832,"depth":720,"text":1833},"A generic floating content container built on Reka UI's Popover primitive.","md",{},{"title":409,"description":1883},"QviNyXX54O75PiP4nBYs7fpm6JrM5oo4gOBjiTQAsqE",1792056129197]