[{"data":1,"prerenderedAt":3020},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Foverlays\u002Fpopover":682},[4,11,128,525,584,626],{"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,70,107],{"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,66],{"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},"Accessibility","\u002Foverview\u002Fgetting-started\u002Faccessibility","overview\u002Fgetting-started\u002Faccessibility",90,{"title":67,"path":68,"stem":69,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",{"title":71,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":72,"stem":73,"children":74,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[75,78,82,86,90,94,99,103],{"title":71,"path":76,"stem":77,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":79,"path":80,"stem":81,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":83,"path":84,"stem":85,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":87,"path":88,"stem":89,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":91,"path":92,"stem":93,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":95,"path":96,"stem":97,"order":98,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":100,"path":101,"stem":102,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":104,"path":105,"stem":106,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":108,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":109,"stem":110,"children":111,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[112,116,120,124],{"title":113,"path":114,"stem":115,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":117,"path":118,"stem":119,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":121,"path":122,"stem":123,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":125,"path":126,"stem":127,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":129,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":130,"stem":131,"children":132,"page":10},"Components","\u002Fcomponents","components",[133,210,313,336,380,433,486],{"title":134,"path":135,"stem":136,"children":137,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[138,142,147,152,157,162,166,171,176,181,186,191,196,201,205],{"title":139,"path":140,"stem":141,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":143,"path":144,"stem":145,"order":146,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":148,"path":149,"stem":150,"order":151,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":153,"path":154,"stem":155,"order":156,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":158,"path":159,"stem":160,"order":161,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":163,"path":164,"stem":165,"order":161,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":167,"path":168,"stem":169,"order":170,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":172,"path":173,"stem":174,"order":175,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":177,"path":178,"stem":179,"order":180,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":182,"path":183,"stem":184,"order":185,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":187,"path":188,"stem":189,"order":190,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":192,"path":193,"stem":194,"order":195,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":197,"path":198,"stem":199,"order":200,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":202,"path":203,"stem":204,"order":200,"icon":9,"collapse":10,"navBadges":9},"Toolbar","\u002Fcomponents\u002Felements\u002Ftoolbar","components\u002Felements\u002Ftoolbar",{"title":206,"path":207,"stem":208,"order":209,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":211,"path":212,"stem":213,"children":214,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[215,219,224,229,233,238,243,248,253,258,263,268,273,278,283,288,293,298,303,308],{"title":216,"path":217,"stem":218,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":220,"path":221,"stem":222,"order":223,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":225,"path":226,"stem":227,"order":228,"icon":9,"collapse":10,"navBadges":9},"Editable","\u002Fcomponents\u002Fforms\u002Feditable","components\u002Fforms\u002Feditable",20.5,{"title":230,"path":231,"stem":232,"order":228,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",{"title":234,"path":235,"stem":236,"order":237,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":239,"path":240,"stem":241,"order":242,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":244,"path":245,"stem":246,"order":247,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":249,"path":250,"stem":251,"order":252,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":254,"path":255,"stem":256,"order":257,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":259,"path":260,"stem":261,"order":262,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":264,"path":265,"stem":266,"order":267,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":269,"path":270,"stem":271,"order":272,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":274,"path":275,"stem":276,"order":277,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":279,"path":280,"stem":281,"order":282,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":284,"path":285,"stem":286,"order":287,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":289,"path":290,"stem":291,"order":292,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":294,"path":295,"stem":296,"order":297,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":299,"path":300,"stem":301,"order":302,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":304,"path":305,"stem":306,"order":307,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":309,"path":310,"stem":311,"order":312,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":314,"path":315,"stem":316,"children":317,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[318,322,327,331],{"title":319,"path":320,"stem":321,"order":312,"icon":9,"collapse":10,"navBadges":9},"EmptyState","\u002Fcomponents\u002Fdata\u002Fempty-state","components\u002Fdata\u002Fempty-state",{"title":323,"path":324,"stem":325,"order":326,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":328,"path":329,"stem":330,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":332,"path":333,"stem":334,"order":335,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":337,"path":338,"stem":339,"children":340,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[341,346,350,355,360,365,370,375],{"title":342,"path":343,"stem":344,"order":345,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":347,"path":348,"stem":349,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":351,"path":352,"stem":353,"order":354,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":356,"path":357,"stem":358,"order":359,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":361,"path":362,"stem":363,"order":364,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":366,"path":367,"stem":368,"order":369,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":371,"path":372,"stem":373,"order":374,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":376,"path":377,"stem":378,"order":379,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":381,"path":382,"stem":383,"children":384,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[385,389,394,399,404,409,414,419,424,428],{"title":386,"path":387,"stem":388,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":390,"path":391,"stem":392,"order":393,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":395,"path":396,"stem":397,"order":398,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":400,"path":401,"stem":402,"order":403,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":405,"path":406,"stem":407,"order":408,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":410,"path":411,"stem":412,"order":413,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":415,"path":416,"stem":417,"order":418,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":420,"path":421,"stem":422,"order":423,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":425,"path":426,"stem":427,"order":98,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":429,"path":430,"stem":431,"order":432,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":434,"path":435,"stem":436,"children":437,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[438,443,447,452,457,462,466,471,476,481],{"title":439,"path":440,"stem":441,"order":442,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":444,"path":445,"stem":446,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":448,"path":449,"stem":450,"order":451,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":453,"path":454,"stem":455,"order":456,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":458,"path":459,"stem":460,"order":461,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":463,"path":464,"stem":465,"order":461,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":467,"path":468,"stem":469,"order":470,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":472,"path":473,"stem":474,"order":475,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":477,"path":478,"stem":479,"order":480,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":482,"path":483,"stem":484,"order":485,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":487,"path":488,"stem":489,"children":490,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[491,495,500,505,510,515,520],{"title":492,"path":493,"stem":494,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":496,"path":497,"stem":498,"order":499,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":501,"path":502,"stem":503,"order":504,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":506,"path":507,"stem":508,"order":509,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":511,"path":512,"stem":513,"order":514,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":516,"path":517,"stem":518,"order":519,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":521,"path":522,"stem":523,"order":524,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":526,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":527,"stem":528,"children":529,"page":10},"Composites","\u002Fcomposites","composites",[530,559],{"title":531,"path":532,"stem":533,"children":534,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[535,539,543,547,551,555],{"title":536,"path":537,"stem":538,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":540,"path":541,"stem":542,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":544,"path":545,"stem":546,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":548,"path":549,"stem":550,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":552,"path":553,"stem":554,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":556,"path":557,"stem":558,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":560,"path":561,"stem":562,"children":563,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[564,568,572,576,580],{"title":565,"path":566,"stem":567,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":569,"path":570,"stem":571,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":573,"path":574,"stem":575,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":577,"path":578,"stem":579,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":581,"path":582,"stem":583,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":585,"order":586,"icon":9,"collapse":10,"navBadges":9,"path":587,"stem":588,"children":589,"page":10},"Blocks",35,"\u002Fblocks","blocks",[590,593,597,601,605,609],{"title":585,"path":591,"stem":592,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":594,"path":595,"stem":596,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":598,"path":599,"stem":600,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":602,"path":603,"stem":604,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":606,"path":607,"stem":608,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":610,"order":50,"icon":9,"collapse":10,"navBadges":9,"path":611,"stem":612,"children":613,"page":10},"Editors","\u002Fblocks\u002Feditors","blocks\u002Feditors",[614,618,622],{"title":615,"path":616,"stem":617,"order":13,"icon":9,"collapse":10,"navBadges":9},"Tiptap editor","\u002Fblocks\u002Feditors\u002Ftiptap","blocks\u002Feditors\u002Ftiptap",{"title":619,"path":620,"stem":621,"order":30,"icon":9,"collapse":10,"navBadges":9},"Lexical editor","\u002Fblocks\u002Feditors\u002Flexical","blocks\u002Feditors\u002Flexical",{"title":623,"path":624,"stem":625,"order":35,"icon":9,"collapse":10,"navBadges":9},"Quill editor","\u002Fblocks\u002Feditors\u002Fquill","blocks\u002Feditors\u002Fquill",{"title":627,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":628,"stem":629,"children":630,"page":10},"Utilities","\u002Futilities","utilities",[631,665],{"title":632,"path":633,"stem":634,"children":635,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[636,640,644,649,653,657,661],{"title":637,"path":638,"stem":639,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":641,"path":642,"stem":643,"order":170,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":645,"path":646,"stem":647,"order":648,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":650,"path":651,"stem":652,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":654,"path":655,"stem":656,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":658,"path":659,"stem":660,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":662,"path":663,"stem":664,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":666,"path":667,"stem":668,"children":669,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[670,674,678],{"title":671,"path":672,"stem":673,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":675,"path":676,"stem":677,"order":648,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":679,"path":680,"stem":681,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"byLocale":683,"defaultPath":426},{"en":684,"id":1962},{"id":685,"title":425,"aside":686,"body":687,"collapse":10,"description":1957,"editLink":686,"extension":1958,"icon":9,"issueLink":686,"meta":1959,"navBadges":9,"navigation":9,"order":98,"path":426,"prevNext":686,"seo":1960,"stem":427,"toc":686,"__hash__":1961},"docs\u002Fcomponents\u002Foverlays\u002Fpopover.md",true,{"type":688,"value":689,"toc":1940},"minimark",[690,695,711,715,1066,1072,1077,1114,1117,1154,1158,1166,1169,1239,1242,1249,1269,1273,1280,1382,1389,1419,1423,1442,1471,1478,1481,1485,1489,1520,1574,1578,1765,1779,1783,1881,1885,1915,1919,1936],[691,692,694],"h2",{"id":693},"usage","Usage",[696,697,698,699,703,704,707,708,710],"p",{},"Popover's ",[700,701,702],"code",{},"content"," slot can hold anything - unlike\n",[705,706,395],"a",{"href":396}," (menu items) or\n",[705,709,405],{"href":406}," (hover-only text), it's a blank,\ninteractive panel for things like a quick-edit form or a filter list:",[712,713],"component-example",{"name":714},"popover-basic",[716,717,722],"pre",{"className":718,"code":719,"language":720,"meta":721,"style":721},"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","",[700,723,724,753,779,798,808,814,824,853,872,878,887,900,918,935,941,950,980,1017,1023,1032,1041,1049,1058],{"__ignoreMap":721},[725,726,728,732,736,740,743,746,750],"span",{"class":727,"line":8},"line",[725,729,731],{"class":730},"sVt8B","\u003C",[725,733,735],{"class":734},"s9eBZ","script",[725,737,739],{"class":738},"sScJk"," setup",[725,741,742],{"class":738}," lang",[725,744,745],{"class":730},"=",[725,747,749],{"class":748},"sZZnC","\"ts\"",[725,751,752],{"class":730},">\n",[725,754,756,760,764,767,770,773,776],{"class":727,"line":755},2,[725,757,759],{"class":758},"szBVR","const",[725,761,763],{"class":762},"sj4cs"," open",[725,765,766],{"class":758}," =",[725,768,769],{"class":738}," ref",[725,771,772],{"class":730},"(",[725,774,775],{"class":762},"false",[725,777,778],{"class":730},")\n",[725,780,782,784,787,789,791,793,796],{"class":727,"line":781},3,[725,783,759],{"class":758},[725,785,786],{"class":762}," name",[725,788,766],{"class":758},[725,790,769],{"class":738},[725,792,772],{"class":730},[725,794,795],{"class":748},"''",[725,797,778],{"class":730},[725,799,801,804,806],{"class":727,"line":800},4,[725,802,803],{"class":730},"\u003C\u002F",[725,805,735],{"class":734},[725,807,752],{"class":730},[725,809,811],{"class":727,"line":810},5,[725,812,813],{"emptyLinePlaceholder":686},"\n",[725,815,817,819,822],{"class":727,"line":816},6,[725,818,731],{"class":730},[725,820,821],{"class":734},"template",[725,823,752],{"class":730},[725,825,827,830,833,836,839,842,844,847,849,851],{"class":727,"line":826},7,[725,828,829],{"class":730},"  \u003C",[725,831,832],{"class":734},"SPopover",[725,834,835],{"class":738}," v-model",[725,837,838],{"class":730},":",[725,840,841],{"class":738},"open",[725,843,745],{"class":730},[725,845,846],{"class":748},"\"",[725,848,841],{"class":730},[725,850,846],{"class":748},[725,852,752],{"class":730},[725,854,856,859,862,865,867,870],{"class":727,"line":855},8,[725,857,858],{"class":730},"    \u003C",[725,860,861],{"class":734},"SButton",[725,863,864],{"class":738}," variant",[725,866,745],{"class":730},[725,868,869],{"class":748},"\"outline\"",[725,871,752],{"class":730},[725,873,875],{"class":727,"line":874},9,[725,876,877],{"class":730},"      Edit name\n",[725,879,880,883,885],{"class":727,"line":13},[725,881,882],{"class":730},"    \u003C\u002F",[725,884,861],{"class":734},[725,886,752],{"class":730},[725,888,889,891,893,896,898],{"class":727,"line":151},[725,890,858],{"class":730},[725,892,821],{"class":734},[725,894,895],{"class":730}," #",[725,897,702],{"class":738},[725,899,752],{"class":730},[725,901,902,905,908,911,913,916],{"class":727,"line":170},[725,903,904],{"class":730},"      \u003C",[725,906,907],{"class":734},"div",[725,909,910],{"class":738}," class",[725,912,745],{"class":730},[725,914,915],{"class":748},"\"flex w-64 flex-col gap-3\"",[725,917,752],{"class":730},[725,919,921,924,926,928,930,933],{"class":727,"line":920},13,[725,922,923],{"class":730},"        \u003C",[725,925,696],{"class":734},[725,927,910],{"class":738},[725,929,745],{"class":730},[725,931,932],{"class":748},"\"text-sm font-medium text-[var(--selaras-resolved-text-default)]\"",[725,934,752],{"class":730},[725,936,938],{"class":727,"line":937},14,[725,939,940],{"class":730},"          Display name\n",[725,942,943,946,948],{"class":727,"line":648},[725,944,945],{"class":730},"        \u003C\u002F",[725,947,696],{"class":734},[725,949,752],{"class":730},[725,951,953,955,958,960,962,964,967,969,972,974,977],{"class":727,"line":952},16,[725,954,923],{"class":730},[725,956,957],{"class":734},"SInput",[725,959,835],{"class":738},[725,961,745],{"class":730},[725,963,846],{"class":748},[725,965,966],{"class":730},"name",[725,968,846],{"class":748},[725,970,971],{"class":738}," placeholder",[725,973,745],{"class":730},[725,975,976],{"class":748},"\"Jane Doe\"",[725,978,979],{"class":730}," \u002F>\n",[725,981,983,985,987,990,992,995,998,1001,1003,1005,1008,1010,1013,1015],{"class":727,"line":982},17,[725,984,923],{"class":730},[725,986,861],{"class":734},[725,988,989],{"class":738}," size",[725,991,745],{"class":730},[725,993,994],{"class":748},"\"sm\"",[725,996,997],{"class":730}," @",[725,999,1000],{"class":738},"click",[725,1002,745],{"class":730},[725,1004,846],{"class":748},[725,1006,1007],{"class":730},"open ",[725,1009,745],{"class":758},[725,1011,1012],{"class":762}," false",[725,1014,846],{"class":748},[725,1016,752],{"class":730},[725,1018,1020],{"class":727,"line":1019},18,[725,1021,1022],{"class":730},"          Save\n",[725,1024,1026,1028,1030],{"class":727,"line":1025},19,[725,1027,945],{"class":730},[725,1029,861],{"class":734},[725,1031,752],{"class":730},[725,1033,1034,1037,1039],{"class":727,"line":30},[725,1035,1036],{"class":730},"      \u003C\u002F",[725,1038,907],{"class":734},[725,1040,752],{"class":730},[725,1042,1043,1045,1047],{"class":727,"line":247},[725,1044,882],{"class":730},[725,1046,821],{"class":734},[725,1048,752],{"class":730},[725,1050,1051,1054,1056],{"class":727,"line":257},[725,1052,1053],{"class":730},"  \u003C\u002F",[725,1055,832],{"class":734},[725,1057,752],{"class":730},[725,1059,1060,1062,1064],{"class":727,"line":272},[725,1061,803],{"class":730},[725,1063,821],{"class":734},[725,1065,752],{"class":730},[696,1067,1068,1071],{},[700,1069,1070],{},"v-model:open"," is optional - omit it and the popover manages its own open\nstate internally, toggled by clicking the trigger.",[1073,1074,1076],"h3",{"id":1075},"side-and-align","Side and align",[696,1078,1079,1082,1083,1086,1087,1090,1091,1094,1095,1098,1099,1102,1103,1090,1106,1109,1110,1113],{},[700,1080,1081],{},"side"," picks which edge of the trigger the panel opens from (",[700,1084,1085],{},"top",",\n",[700,1088,1089],{},"right",", ",[700,1092,1093],{},"left",", default ",[700,1096,1097],{},"bottom","); ",[700,1100,1101],{},"align"," controls how it lines up\nalong that edge (",[700,1104,1105],{},"start",[700,1107,1108],{},"center"," default, ",[700,1111,1112],{},"end","):",[712,1115],{"name":1116},"popover-side",[716,1118,1122],{"className":1119,"code":1120,"language":1121,"meta":721,"style":721},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSPopover side=\"right\" align=\"start\">...\u003C\u002FSPopover>\n","vue-html",[700,1123,1124],{"__ignoreMap":721},[725,1125,1126,1128,1130,1133,1135,1138,1142,1144,1147,1150,1152],{"class":727,"line":8},[725,1127,731],{"class":730},[725,1129,832],{"class":734},[725,1131,1132],{"class":738}," side",[725,1134,745],{"class":730},[725,1136,1137],{"class":748},"\"right\"",[725,1139,1141],{"class":1140},"s7hpK"," align",[725,1143,745],{"class":730},[725,1145,1146],{"class":748},"\"start\"",[725,1148,1149],{"class":730},">...\u003C\u002F",[725,1151,832],{"class":734},[725,1153,752],{"class":730},[1073,1155,1157],{"id":1156},"arrow","Arrow",[696,1159,1160,1162,1163,1113],{},[700,1161,1156],{}," 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 (",[700,1164,1165],{},"padding",[712,1167],{"name":1168},"popover-arrow",[716,1170,1172],{"className":1119,"code":1171,"language":1121,"meta":721,"style":721},"\u003CSPopover arrow>...\u003C\u002FSPopover>\n\u003CSPopover :arrow=\"{ width: 16, height: 8, rounded: true, padding: 12 }\">...\u003C\u002FSPopover>\n",[700,1173,1174,1189],{"__ignoreMap":721},[725,1175,1176,1178,1180,1183,1185,1187],{"class":727,"line":8},[725,1177,731],{"class":730},[725,1179,832],{"class":734},[725,1181,1182],{"class":738}," arrow",[725,1184,1149],{"class":730},[725,1186,832],{"class":734},[725,1188,752],{"class":730},[725,1190,1191,1193,1195,1198,1200,1202,1204,1207,1210,1213,1216,1219,1222,1225,1228,1231,1233,1235,1237],{"class":727,"line":755},[725,1192,731],{"class":730},[725,1194,832],{"class":734},[725,1196,1197],{"class":730}," :",[725,1199,1156],{"class":738},[725,1201,745],{"class":730},[725,1203,846],{"class":748},[725,1205,1206],{"class":730},"{ width: ",[725,1208,1209],{"class":762},"16",[725,1211,1212],{"class":730},", height: ",[725,1214,1215],{"class":762},"8",[725,1217,1218],{"class":730},", rounded: ",[725,1220,1221],{"class":762},"true",[725,1223,1224],{"class":730},", padding: ",[725,1226,1227],{"class":762},"12",[725,1229,1230],{"class":730}," }",[725,1232,846],{"class":748},[725,1234,1149],{"class":730},[725,1236,832],{"class":734},[725,1238,752],{"class":730},[1073,1240,386],{"id":1241},"modal",[696,1243,1244,1245,1248],{},"Popover is non-modal by default - the rest of the page stays reachable,\nand it isn't hidden from assistive tech. ",[700,1246,1247],{},"modal=\"true\""," traps focus and\nblocks outside interaction instead, closer to how Modal\u002FSlideover behave:",[716,1250,1252],{"className":1119,"code":1251,"language":1121,"meta":721,"style":721},"\u003CSPopover modal>...\u003C\u002FSPopover>\n",[700,1253,1254],{"__ignoreMap":721},[725,1255,1256,1258,1260,1263,1265,1267],{"class":727,"line":8},[725,1257,731],{"class":730},[725,1259,832],{"class":734},[725,1261,1262],{"class":738}," modal",[725,1264,1149],{"class":730},[725,1266,832],{"class":734},[725,1268,752],{"class":730},[1073,1270,1272],{"id":1271},"intercepting-dismissal","Intercepting dismissal",[696,1274,1275,1276,1279],{},"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",[700,1277,1278],{},"preventDefault()"," on them:",[716,1281,1283],{"className":1119,"code":1282,"language":1121,"meta":721,"style":721},"\u003CSPopover\n  @escape-key-down=\"(e) => hasChanges && e.preventDefault()\"\n  @pointer-down-outside=\"(e) => hasChanges && e.preventDefault()\"\n>\n  ...\n\u003C\u002FSPopover>\n",[700,1284,1285,1292,1334,1365,1369,1374],{"__ignoreMap":721},[725,1286,1287,1289],{"class":727,"line":8},[725,1288,731],{"class":730},[725,1290,1291],{"class":734},"SPopover\n",[725,1293,1294,1297,1300,1302,1304,1306,1310,1313,1316,1319,1322,1325,1328,1331],{"class":727,"line":755},[725,1295,1296],{"class":730},"  @",[725,1298,1299],{"class":738},"escape-key-down",[725,1301,745],{"class":730},[725,1303,846],{"class":748},[725,1305,772],{"class":730},[725,1307,1309],{"class":1308},"s4XuR","e",[725,1311,1312],{"class":730},") ",[725,1314,1315],{"class":758},"=>",[725,1317,1318],{"class":730}," hasChanges ",[725,1320,1321],{"class":758},"&&",[725,1323,1324],{"class":730}," e.",[725,1326,1327],{"class":738},"preventDefault",[725,1329,1330],{"class":730},"()",[725,1332,1333],{"class":748},"\"\n",[725,1335,1336,1338,1341,1343,1345,1347,1349,1351,1353,1355,1357,1359,1361,1363],{"class":727,"line":781},[725,1337,1296],{"class":730},[725,1339,1340],{"class":738},"pointer-down-outside",[725,1342,745],{"class":730},[725,1344,846],{"class":748},[725,1346,772],{"class":730},[725,1348,1309],{"class":1308},[725,1350,1312],{"class":730},[725,1352,1315],{"class":758},[725,1354,1318],{"class":730},[725,1356,1321],{"class":758},[725,1358,1324],{"class":730},[725,1360,1327],{"class":738},[725,1362,1330],{"class":730},[725,1364,1333],{"class":748},[725,1366,1367],{"class":727,"line":800},[725,1368,752],{"class":730},[725,1370,1371],{"class":727,"line":810},[725,1372,1373],{"class":730},"  ...\n",[725,1375,1376,1378,1380],{"class":727,"line":816},[725,1377,803],{"class":730},[725,1379,832],{"class":734},[725,1381,752],{"class":730},[696,1383,1384,1385,1388],{},"For the simpler, all-or-nothing case, ",[700,1386,1387],{},"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:",[716,1390,1392],{"className":1119,"code":1391,"language":1121,"meta":721,"style":721},"\u003CSPopover :dismissible=\"false\">...\u003C\u002FSPopover>\n",[700,1393,1394],{"__ignoreMap":721},[725,1395,1396,1398,1400,1402,1405,1407,1409,1411,1413,1415,1417],{"class":727,"line":8},[725,1397,731],{"class":730},[725,1399,832],{"class":734},[725,1401,1197],{"class":730},[725,1403,1404],{"class":738},"dismissible",[725,1406,745],{"class":730},[725,1408,846],{"class":748},[725,1410,775],{"class":762},[725,1412,846],{"class":748},[725,1414,1149],{"class":730},[725,1416,832],{"class":734},[725,1418,752],{"class":730},[1073,1420,1422],{"id":1421},"return-focus-on-close","Return focus on close",[696,1424,1425,1426,1430,1431,1433,1434,1437,1438,1441],{},"Reka returns keyboard focus to the trigger whenever the popover closes,\nregardless of ",[1427,1428,1429],"em",{},"why"," it closed - including a purely programmatic ",[700,1432,841],{},"\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 ",[1427,1435,1436],{},"other","\npopover the pointer has since moved on to, closing that one too.\n",[700,1439,1440],{},"returnFocusOnClose=\"false\""," disables the behavior for cases like that:",[716,1443,1445],{"className":1119,"code":1444,"language":1121,"meta":721,"style":721},"\u003CSPopover :return-focus-on-close=\"false\">...\u003C\u002FSPopover>\n",[700,1446,1447],{"__ignoreMap":721},[725,1448,1449,1451,1453,1455,1457,1459,1461,1463,1465,1467,1469],{"class":727,"line":8},[725,1450,731],{"class":730},[725,1452,832],{"class":734},[725,1454,1197],{"class":730},[725,1456,1421],{"class":738},[725,1458,745],{"class":730},[725,1460,846],{"class":748},[725,1462,775],{"class":762},[725,1464,846],{"class":748},[725,1466,1149],{"class":730},[725,1468,832],{"class":734},[725,1470,752],{"class":730},[1073,1472,1474,1475],{"id":1473},"custom-ui","Custom ",[700,1476,1477],{},":ui",[696,1479,1480],{},"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:",[1482,1483],"theme-source",{"name":1484},"popover",[1073,1486,1488],{"id":1487},"positioning-and-portal","Positioning and portal",[696,1490,1491,1494,1495,1497,1498,1500,1501,1504,1505,1507,1508,1511,1512,1515,1516,1519],{},[700,1492,1493],{},"positioning"," configures the panel's side, alignment, offsets, and collision\nbehavior. It overrides the older top-level ",[700,1496,1081],{}," and ",[700,1499,1101],{}," props when both\nare supplied. ",[700,1502,1503],{},"portal"," defaults to the document body; set it to ",[700,1506,775],{}," to\nrender inline, or pass a CSS selector or ",[700,1509,1510],{},"HTMLElement"," as the teleport target.\nUse ",[700,1513,1514],{},"ui.content"," for panel styling and ",[700,1517,1518],{},"#content"," for its contents.",[716,1521,1523],{"className":1119,"code":1522,"language":1121,"meta":721,"style":721},"\u003CSPopover :positioning=\"{ side: 'top', align: 'end', sideOffset: 8 }\" portal=\"#overlay-root\">...\u003C\u002FSPopover>\n",[700,1524,1525],{"__ignoreMap":721},[725,1526,1527,1529,1531,1533,1535,1537,1539,1542,1545,1548,1551,1554,1556,1558,1560,1563,1565,1568,1570,1572],{"class":727,"line":8},[725,1528,731],{"class":730},[725,1530,832],{"class":734},[725,1532,1197],{"class":730},[725,1534,1493],{"class":738},[725,1536,745],{"class":730},[725,1538,846],{"class":748},[725,1540,1541],{"class":730},"{ side: ",[725,1543,1544],{"class":748},"'top'",[725,1546,1547],{"class":730},", align: ",[725,1549,1550],{"class":748},"'end'",[725,1552,1553],{"class":730},", sideOffset: ",[725,1555,1215],{"class":762},[725,1557,1230],{"class":730},[725,1559,846],{"class":748},[725,1561,1562],{"class":738}," portal",[725,1564,745],{"class":730},[725,1566,1567],{"class":748},"\"#overlay-root\"",[725,1569,1149],{"class":730},[725,1571,832],{"class":734},[725,1573,752],{"class":730},[691,1575,1577],{"id":1576},"props","Props",[1579,1580,1581,1597],"table",{},[1582,1583,1584],"thead",{},[1585,1586,1587,1591,1594],"tr",{},[1588,1589,1590],"th",{},"Prop",[1588,1592,1593],{},"Type",[1588,1595,1596],{},"Default",[1598,1599,1600,1615,1630,1646,1662,1676,1692,1706,1720,1735,1750],"tbody",{},[1585,1601,1602,1607,1612],{},[1603,1604,1605],"td",{},[700,1606,841],{},[1603,1608,1609],{},[700,1610,1611],{},"boolean",[1603,1613,1614],{},"uncontrolled (initially closed)",[1585,1616,1617,1622,1626],{},[1603,1618,1619],{},[700,1620,1621],{},"defaultOpen",[1603,1623,1624],{},[700,1625,1611],{},[1603,1627,1628],{},[700,1629,775],{},[1585,1631,1632,1636,1641],{},[1603,1633,1634],{},[700,1635,1081],{},[1603,1637,1638],{},[700,1639,1640],{},"'top' | 'right' | 'bottom' | 'left'",[1603,1642,1643],{},[700,1644,1645],{},"'bottom'",[1585,1647,1648,1652,1657],{},[1603,1649,1650],{},[700,1651,1101],{},[1603,1653,1654],{},[700,1655,1656],{},"'start' | 'center' | 'end'",[1603,1658,1659],{},[700,1660,1661],{},"'center'",[1585,1663,1664,1668,1673],{},[1603,1665,1666],{},[700,1667,1493],{},[1603,1669,1670],{},[700,1671,1672],{},"OverlayPositioning",[1603,1674,1675],{},"panel defaults",[1585,1677,1678,1682,1687],{},[1603,1679,1680],{},[700,1681,1503],{},[1603,1683,1684],{},[700,1685,1686],{},"boolean | string | HTMLElement",[1603,1688,1689,1691],{},[700,1690,1221],{}," (document body)",[1585,1693,1694,1698,1702],{},[1603,1695,1696],{},[700,1697,1241],{},[1603,1699,1700],{},[700,1701,1611],{},[1603,1703,1704],{},[700,1705,775],{},[1585,1707,1708,1712,1716],{},[1603,1709,1710],{},[700,1711,1404],{},[1603,1713,1714],{},[700,1715,1611],{},[1603,1717,1718],{},[700,1719,1221],{},[1585,1721,1722,1727,1731],{},[1603,1723,1724],{},[700,1725,1726],{},"returnFocusOnClose",[1603,1728,1729],{},[700,1730,1611],{},[1603,1732,1733],{},[700,1734,1221],{},[1585,1736,1737,1741,1746],{},[1603,1738,1739],{},[700,1740,1156],{},[1603,1742,1743],{},[700,1744,1745],{},"boolean | RoundedArrowConfig",[1603,1747,1748],{},[700,1749,775],{},[1585,1751,1752,1757,1762],{},[1603,1753,1754],{},[700,1755,1756],{},"ui",[1603,1758,1759],{},[700,1760,1761],{},"Partial\u003CRecord\u003C'content' | 'arrow', string | object>>",[1603,1763,1764],{},"-",[696,1766,1767,1768,1771,1772,1775,1776,1778],{},"A ",[700,1769,1770],{},"class"," passed to ",[700,1773,1774],{},"\u003CSPopover>"," is merged into its default-slot trigger element. Use ",[700,1777,1514],{}," to style the floating panel.",[691,1780,1782],{"id":1781},"events","Events",[1579,1784,1785,1798],{},[1582,1786,1787],{},[1585,1788,1789,1792,1795],{},[1588,1790,1791],{},"Event",[1588,1793,1794],{},"Payload",[1588,1796,1797],{},"Description",[1598,1799,1800,1814,1832,1848,1864],{},[1585,1801,1802,1807,1811],{},[1603,1803,1804],{},[700,1805,1806],{},"update:open",[1603,1808,1809],{},[700,1810,1611],{},[1603,1812,1813],{},"Open state changed",[1585,1815,1816,1821,1826],{},[1603,1817,1818],{},[700,1819,1820],{},"escapeKeyDown",[1603,1822,1823],{},[700,1824,1825],{},"KeyboardEvent",[1603,1827,1828,1829,1831],{},"Escape was pressed - ",[700,1830,1278],{}," to stop it from closing",[1585,1833,1834,1839,1843],{},[1603,1835,1836],{},[700,1837,1838],{},"pointerDownOutside",[1603,1840,1841],{},[700,1842,1791],{},[1603,1844,1845,1846,1831],{},"A pointer went down outside the popover - ",[700,1847,1278],{},[1585,1849,1850,1855,1859],{},[1603,1851,1852],{},[700,1853,1854],{},"focusOutside",[1603,1856,1857],{},[700,1858,1791],{},[1603,1860,1861,1862,1831],{},"A non-modal popover's outside element received focus - ",[700,1863,1278],{},[1585,1865,1866,1871,1875],{},[1603,1867,1868],{},[700,1869,1870],{},"openAutoFocus",[1603,1872,1873],{},[700,1874,1791],{},[1603,1876,1877,1878,1880],{},"Fires right before focus moves into the popover on open - ",[700,1879,1278],{}," to skip autofocus for that open (e.g. a hover-triggered open that shouldn't yank focus, while a keyboard-triggered one still should)",[691,1882,1884],{"id":1883},"slots","Slots",[1579,1886,1887,1896],{},[1582,1888,1889],{},[1585,1890,1891,1894],{},[1588,1892,1893],{},"Slot",[1588,1895,1797],{},[1598,1897,1898,1906],{},[1585,1899,1900,1903],{},[1603,1901,1902],{},"default",[1603,1904,1905],{},"The trigger element",[1585,1907,1908,1912],{},[1603,1909,1910],{},[700,1911,702],{},[1603,1913,1914],{},"The popover's own content",[1073,1916,1918],{"id":1917},"initial-and-controlled-visibility","Initial and controlled visibility",[696,1920,1921,1923,1924,1926,1927,1929,1930,1932,1933,1935],{},[700,1922,1621],{}," sets initial visibility when ",[700,1925,841],{}," is omitted. Use ",[700,1928,1070],{},"\nwhen a parent owns visibility; ",[700,1931,1806],{}," proposes changes without overriding\nthe parent's value. Changing ",[700,1934,1621],{}," after mount does not control the overlay.",[1937,1938,1939],"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":721,"searchDepth":781,"depth":781,"links":1941},[1942,1952,1953,1954],{"id":693,"depth":755,"text":694,"children":1943},[1944,1945,1946,1947,1948,1949,1951],{"id":1075,"depth":781,"text":1076},{"id":1156,"depth":781,"text":1157},{"id":1241,"depth":781,"text":386},{"id":1271,"depth":781,"text":1272},{"id":1421,"depth":781,"text":1422},{"id":1473,"depth":781,"text":1950},"Custom :ui",{"id":1487,"depth":781,"text":1488},{"id":1576,"depth":755,"text":1577},{"id":1781,"depth":755,"text":1782},{"id":1883,"depth":755,"text":1884,"children":1955},[1956],{"id":1917,"depth":781,"text":1918},"A generic floating content container built on Reka UI's Popover primitive.","md",{},{"title":425,"description":1957},"m1MPoflUNtMqUA8fAGKVtRfkOUTZuT4Bp0OgIkGvJQs",{"id":1963,"title":425,"aside":686,"body":1964,"collapse":10,"description":3014,"editLink":686,"extension":1958,"icon":9,"issueLink":686,"meta":3015,"navBadges":9,"navigation":9,"order":98,"path":3016,"prevNext":686,"seo":3017,"stem":3018,"toc":686,"__hash__":3019},"docs\u002Fid\u002Fcomponents\u002Foverlays\u002Fpopover.md",{"type":688,"value":1965,"toc":2998},[1966,1970,1982,1984,2254,2259,2263,2285,2287,2315,2317,2324,2326,2384,2386,2392,2410,2414,2420,2506,2512,2540,2544,2561,2589,2593,2596,2598,2602,2628,2674,2676,2842,2853,2855,2945,2947,2975,2979,2996],[691,1967,1969],{"id":1968},"penggunaan","Penggunaan",[696,1971,1972,1973,1975,1976,1978,1979,1981],{},"Slot ",[700,1974,702],{}," milik Popover dapat menampung apa saja - berbeda dengan ",[705,1977,395],{"href":396}," (item menu) atau ",[705,1980,405],{"href":406}," (teks hover saja), ia adalah panel interaktif kosong untuk hal seperti formulir quick-edit atau daftar filter:",[712,1983],{"name":714},[716,1985,1986],{"className":718,"code":719,"language":720,"meta":721,"style":721},[700,1987,1988,2004,2020,2036,2044,2048,2056,2078,2092,2096,2104,2116,2130,2144,2148,2156,2180,2210,2214,2222,2230,2238,2246],{"__ignoreMap":721},[725,1989,1990,1992,1994,1996,1998,2000,2002],{"class":727,"line":8},[725,1991,731],{"class":730},[725,1993,735],{"class":734},[725,1995,739],{"class":738},[725,1997,742],{"class":738},[725,1999,745],{"class":730},[725,2001,749],{"class":748},[725,2003,752],{"class":730},[725,2005,2006,2008,2010,2012,2014,2016,2018],{"class":727,"line":755},[725,2007,759],{"class":758},[725,2009,763],{"class":762},[725,2011,766],{"class":758},[725,2013,769],{"class":738},[725,2015,772],{"class":730},[725,2017,775],{"class":762},[725,2019,778],{"class":730},[725,2021,2022,2024,2026,2028,2030,2032,2034],{"class":727,"line":781},[725,2023,759],{"class":758},[725,2025,786],{"class":762},[725,2027,766],{"class":758},[725,2029,769],{"class":738},[725,2031,772],{"class":730},[725,2033,795],{"class":748},[725,2035,778],{"class":730},[725,2037,2038,2040,2042],{"class":727,"line":800},[725,2039,803],{"class":730},[725,2041,735],{"class":734},[725,2043,752],{"class":730},[725,2045,2046],{"class":727,"line":810},[725,2047,813],{"emptyLinePlaceholder":686},[725,2049,2050,2052,2054],{"class":727,"line":816},[725,2051,731],{"class":730},[725,2053,821],{"class":734},[725,2055,752],{"class":730},[725,2057,2058,2060,2062,2064,2066,2068,2070,2072,2074,2076],{"class":727,"line":826},[725,2059,829],{"class":730},[725,2061,832],{"class":734},[725,2063,835],{"class":738},[725,2065,838],{"class":730},[725,2067,841],{"class":738},[725,2069,745],{"class":730},[725,2071,846],{"class":748},[725,2073,841],{"class":730},[725,2075,846],{"class":748},[725,2077,752],{"class":730},[725,2079,2080,2082,2084,2086,2088,2090],{"class":727,"line":855},[725,2081,858],{"class":730},[725,2083,861],{"class":734},[725,2085,864],{"class":738},[725,2087,745],{"class":730},[725,2089,869],{"class":748},[725,2091,752],{"class":730},[725,2093,2094],{"class":727,"line":874},[725,2095,877],{"class":730},[725,2097,2098,2100,2102],{"class":727,"line":13},[725,2099,882],{"class":730},[725,2101,861],{"class":734},[725,2103,752],{"class":730},[725,2105,2106,2108,2110,2112,2114],{"class":727,"line":151},[725,2107,858],{"class":730},[725,2109,821],{"class":734},[725,2111,895],{"class":730},[725,2113,702],{"class":738},[725,2115,752],{"class":730},[725,2117,2118,2120,2122,2124,2126,2128],{"class":727,"line":170},[725,2119,904],{"class":730},[725,2121,907],{"class":734},[725,2123,910],{"class":738},[725,2125,745],{"class":730},[725,2127,915],{"class":748},[725,2129,752],{"class":730},[725,2131,2132,2134,2136,2138,2140,2142],{"class":727,"line":920},[725,2133,923],{"class":730},[725,2135,696],{"class":734},[725,2137,910],{"class":738},[725,2139,745],{"class":730},[725,2141,932],{"class":748},[725,2143,752],{"class":730},[725,2145,2146],{"class":727,"line":937},[725,2147,940],{"class":730},[725,2149,2150,2152,2154],{"class":727,"line":648},[725,2151,945],{"class":730},[725,2153,696],{"class":734},[725,2155,752],{"class":730},[725,2157,2158,2160,2162,2164,2166,2168,2170,2172,2174,2176,2178],{"class":727,"line":952},[725,2159,923],{"class":730},[725,2161,957],{"class":734},[725,2163,835],{"class":738},[725,2165,745],{"class":730},[725,2167,846],{"class":748},[725,2169,966],{"class":730},[725,2171,846],{"class":748},[725,2173,971],{"class":738},[725,2175,745],{"class":730},[725,2177,976],{"class":748},[725,2179,979],{"class":730},[725,2181,2182,2184,2186,2188,2190,2192,2194,2196,2198,2200,2202,2204,2206,2208],{"class":727,"line":982},[725,2183,923],{"class":730},[725,2185,861],{"class":734},[725,2187,989],{"class":738},[725,2189,745],{"class":730},[725,2191,994],{"class":748},[725,2193,997],{"class":730},[725,2195,1000],{"class":738},[725,2197,745],{"class":730},[725,2199,846],{"class":748},[725,2201,1007],{"class":730},[725,2203,745],{"class":758},[725,2205,1012],{"class":762},[725,2207,846],{"class":748},[725,2209,752],{"class":730},[725,2211,2212],{"class":727,"line":1019},[725,2213,1022],{"class":730},[725,2215,2216,2218,2220],{"class":727,"line":1025},[725,2217,945],{"class":730},[725,2219,861],{"class":734},[725,2221,752],{"class":730},[725,2223,2224,2226,2228],{"class":727,"line":30},[725,2225,1036],{"class":730},[725,2227,907],{"class":734},[725,2229,752],{"class":730},[725,2231,2232,2234,2236],{"class":727,"line":247},[725,2233,882],{"class":730},[725,2235,821],{"class":734},[725,2237,752],{"class":730},[725,2239,2240,2242,2244],{"class":727,"line":257},[725,2241,1053],{"class":730},[725,2243,832],{"class":734},[725,2245,752],{"class":730},[725,2247,2248,2250,2252],{"class":727,"line":272},[725,2249,803],{"class":730},[725,2251,821],{"class":734},[725,2253,752],{"class":730},[696,2255,2256,2258],{},[700,2257,1070],{}," opsional - hilangkan dan popover mengelola state terbukanya sendiri secara internal, di-toggle dengan mengklik trigger.",[1073,2260,2262],{"id":2261},"side-dan-align","Side dan align",[696,2264,2265,2267,2268,1090,2270,1090,2272,1094,2274,1098,2276,2278,2279,1094,2281,1090,2283,1113],{},[700,2266,1081],{}," memilih tepi trigger mana panel terbuka (",[700,2269,1085],{},[700,2271,1089],{},[700,2273,1093],{},[700,2275,1097],{},[700,2277,1101],{}," mengontrol bagaimana ia sejajar sepanjang tepi itu (",[700,2280,1105],{},[700,2282,1108],{},[700,2284,1112],{},[712,2286],{"name":1116},[716,2288,2289],{"className":1119,"code":1120,"language":1121,"meta":721,"style":721},[700,2290,2291],{"__ignoreMap":721},[725,2292,2293,2295,2297,2299,2301,2303,2305,2307,2309,2311,2313],{"class":727,"line":8},[725,2294,731],{"class":730},[725,2296,832],{"class":734},[725,2298,1132],{"class":738},[725,2300,745],{"class":730},[725,2302,1137],{"class":748},[725,2304,1141],{"class":1140},[725,2306,745],{"class":730},[725,2308,1146],{"class":748},[725,2310,1149],{"class":730},[725,2312,832],{"class":734},[725,2314,752],{"class":730},[1073,2316,1157],{"id":1156},[696,2318,2319,2321,2322,1113],{},[700,2320,1156],{}," menampilkan segitiga pointer kecil yang menghubungkan panel ke trigger-nya. Berikan objek untuk mengatur lebar, tinggi, ujung membulat, atau clearance minimum dari sudut panel (",[700,2323,1165],{},[712,2325],{"name":1168},[716,2327,2328],{"className":1119,"code":1171,"language":1121,"meta":721,"style":721},[700,2329,2330,2344],{"__ignoreMap":721},[725,2331,2332,2334,2336,2338,2340,2342],{"class":727,"line":8},[725,2333,731],{"class":730},[725,2335,832],{"class":734},[725,2337,1182],{"class":738},[725,2339,1149],{"class":730},[725,2341,832],{"class":734},[725,2343,752],{"class":730},[725,2345,2346,2348,2350,2352,2354,2356,2358,2360,2362,2364,2366,2368,2370,2372,2374,2376,2378,2380,2382],{"class":727,"line":755},[725,2347,731],{"class":730},[725,2349,832],{"class":734},[725,2351,1197],{"class":730},[725,2353,1156],{"class":738},[725,2355,745],{"class":730},[725,2357,846],{"class":748},[725,2359,1206],{"class":730},[725,2361,1209],{"class":762},[725,2363,1212],{"class":730},[725,2365,1215],{"class":762},[725,2367,1218],{"class":730},[725,2369,1221],{"class":762},[725,2371,1224],{"class":730},[725,2373,1227],{"class":762},[725,2375,1230],{"class":730},[725,2377,846],{"class":748},[725,2379,1149],{"class":730},[725,2381,832],{"class":734},[725,2383,752],{"class":730},[1073,2385,386],{"id":1241},[696,2387,2388,2389,2391],{},"Popover non-modal secara default - sisa halaman tetap dapat dijangkau, dan tidak disembunyikan dari teknologi asistif. ",[700,2390,1247],{}," menjebak fokus dan memblokir interaksi luar sebagai gantinya, lebih dekat dengan perilaku Modal\u002FSlideover:",[716,2393,2394],{"className":1119,"code":1251,"language":1121,"meta":721,"style":721},[700,2395,2396],{"__ignoreMap":721},[725,2397,2398,2400,2402,2404,2406,2408],{"class":727,"line":8},[725,2399,731],{"class":730},[725,2401,832],{"class":734},[725,2403,1262],{"class":738},[725,2405,1149],{"class":730},[725,2407,832],{"class":734},[725,2409,752],{"class":730},[1073,2411,2413],{"id":2412},"mengintersep-penutupan","Mengintersep penutupan",[696,2415,2416,2417,2419],{},"Popover tidak mengoverride default Reka UI sendiri (Escape dan klik di luar keduanya menutupnya), tapi mengekspos event yang mendasarinya sehingga Anda bisa ",[700,2418,1278],{}," pada mereka:",[716,2421,2422],{"className":1119,"code":1282,"language":1121,"meta":721,"style":721},[700,2423,2424,2430,2460,2490,2494,2498],{"__ignoreMap":721},[725,2425,2426,2428],{"class":727,"line":8},[725,2427,731],{"class":730},[725,2429,1291],{"class":734},[725,2431,2432,2434,2436,2438,2440,2442,2444,2446,2448,2450,2452,2454,2456,2458],{"class":727,"line":755},[725,2433,1296],{"class":730},[725,2435,1299],{"class":738},[725,2437,745],{"class":730},[725,2439,846],{"class":748},[725,2441,772],{"class":730},[725,2443,1309],{"class":1308},[725,2445,1312],{"class":730},[725,2447,1315],{"class":758},[725,2449,1318],{"class":730},[725,2451,1321],{"class":758},[725,2453,1324],{"class":730},[725,2455,1327],{"class":738},[725,2457,1330],{"class":730},[725,2459,1333],{"class":748},[725,2461,2462,2464,2466,2468,2470,2472,2474,2476,2478,2480,2482,2484,2486,2488],{"class":727,"line":781},[725,2463,1296],{"class":730},[725,2465,1340],{"class":738},[725,2467,745],{"class":730},[725,2469,846],{"class":748},[725,2471,772],{"class":730},[725,2473,1309],{"class":1308},[725,2475,1312],{"class":730},[725,2477,1315],{"class":758},[725,2479,1318],{"class":730},[725,2481,1321],{"class":758},[725,2483,1324],{"class":730},[725,2485,1327],{"class":738},[725,2487,1330],{"class":730},[725,2489,1333],{"class":748},[725,2491,2492],{"class":727,"line":800},[725,2493,752],{"class":730},[725,2495,2496],{"class":727,"line":810},[725,2497,1373],{"class":730},[725,2499,2500,2502,2504],{"class":727,"line":816},[725,2501,803],{"class":730},[725,2503,832],{"class":734},[725,2505,752],{"class":730},[696,2507,2508,2509,2511],{},"Untuk kasus yang lebih sederhana, all-or-nothing, ",[700,2510,1387],{}," menonaktifkan Escape dan klik-di-luar (dan, untuk popover non-modal, elemen luar yang sekadar menerima fokus) sekaligus - event mentah tetap terpicu, sehingga consumer tetap bisa bereaksi, tapi tidak ada yang menutupnya sendiri:",[716,2513,2514],{"className":1119,"code":1391,"language":1121,"meta":721,"style":721},[700,2515,2516],{"__ignoreMap":721},[725,2517,2518,2520,2522,2524,2526,2528,2530,2532,2534,2536,2538],{"class":727,"line":8},[725,2519,731],{"class":730},[725,2521,832],{"class":734},[725,2523,1197],{"class":730},[725,2525,1404],{"class":738},[725,2527,745],{"class":730},[725,2529,846],{"class":748},[725,2531,775],{"class":762},[725,2533,846],{"class":748},[725,2535,1149],{"class":730},[725,2537,832],{"class":734},[725,2539,752],{"class":730},[1073,2541,2543],{"id":2542},"kembalikan-fokus-saat-tutup","Kembalikan fokus saat tutup",[696,2545,2546,2547,2550,2551,2553,2554,2557,2558,2560],{},"Reka mengembalikan fokus keyboard ke trigger setiap kali popover menutup, terlepas dari ",[1427,2548,2549],{},"mengapa"," ia menutup - termasuk perubahan ",[700,2552,841],{}," yang murni programatik. Itu penting untuk popover yang bisa terbuka saat hover alih-alih klik\u002Fkeypress yang disengaja: fokus yang mendarat kembali pada trigger yang tidak pernah dimaksudkan untuk difokuskan bisa dihitung sebagai fokus yang bergerak \"di luar\" popover ",[1427,2555,2556],{},"lain"," apa pun yang telah dipindahkan pointer sejak itu, menutup yang itu juga. ",[700,2559,1440],{}," menonaktifkan perilaku untuk kasus seperti itu:",[716,2562,2563],{"className":1119,"code":1444,"language":1121,"meta":721,"style":721},[700,2564,2565],{"__ignoreMap":721},[725,2566,2567,2569,2571,2573,2575,2577,2579,2581,2583,2585,2587],{"class":727,"line":8},[725,2568,731],{"class":730},[725,2570,832],{"class":734},[725,2572,1197],{"class":730},[725,2574,1421],{"class":738},[725,2576,745],{"class":730},[725,2578,846],{"class":748},[725,2580,775],{"class":762},[725,2582,846],{"class":748},[725,2584,1149],{"class":730},[725,2586,832],{"class":734},[725,2588,752],{"class":730},[1073,2590,1474,2591],{"id":1473},[700,2592,1477],{},[696,2594,2595],{},"Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default saat ini untuk setiap slot dan varian - berikut adalah file tema popover itu sendiri:",[1482,2597],{"name":1484},[1073,2599,2601],{"id":2600},"positioning-dan-portal","Positioning dan portal",[696,2603,2604,2606,2607,2609,2610,2612,2613,2615,2616,2618,2619,2621,2622,2624,2625,2627],{},[700,2605,1493],{}," mengonfigurasi side, alignment, offset, dan perilaku collision panel. Ia mengoverride prop ",[700,2608,1081],{}," dan ",[700,2611,1101],{}," top-level yang lebih lama ketika keduanya diberikan. ",[700,2614,1503],{}," default ke body dokumen; atur ke ",[700,2617,775],{}," untuk merender inline, atau berikan selector CSS atau ",[700,2620,1510],{}," sebagai target teleport. Gunakan ",[700,2623,1514],{}," untuk styling panel dan ",[700,2626,1518],{}," untuk isinya.",[716,2629,2630],{"className":1119,"code":1522,"language":1121,"meta":721,"style":721},[700,2631,2632],{"__ignoreMap":721},[725,2633,2634,2636,2638,2640,2642,2644,2646,2648,2650,2652,2654,2656,2658,2660,2662,2664,2666,2668,2670,2672],{"class":727,"line":8},[725,2635,731],{"class":730},[725,2637,832],{"class":734},[725,2639,1197],{"class":730},[725,2641,1493],{"class":738},[725,2643,745],{"class":730},[725,2645,846],{"class":748},[725,2647,1541],{"class":730},[725,2649,1544],{"class":748},[725,2651,1547],{"class":730},[725,2653,1550],{"class":748},[725,2655,1553],{"class":730},[725,2657,1215],{"class":762},[725,2659,1230],{"class":730},[725,2661,846],{"class":748},[725,2663,1562],{"class":738},[725,2665,745],{"class":730},[725,2667,1567],{"class":748},[725,2669,1149],{"class":730},[725,2671,832],{"class":734},[725,2673,752],{"class":730},[691,2675,1577],{"id":1576},[1579,2677,2678,2689],{},[1582,2679,2680],{},[1585,2681,2682,2684,2687],{},[1588,2683,1590],{},[1588,2685,2686],{},"Tipe",[1588,2688,1596],{},[1598,2690,2691,2704,2718,2732,2746,2759,2774,2788,2802,2816,2830],{},[1585,2692,2693,2697,2701],{},[1603,2694,2695],{},[700,2696,841],{},[1603,2698,2699],{},[700,2700,1611],{},[1603,2702,2703],{},"tidak terkontrol (awalnya tertutup)",[1585,2705,2706,2710,2714],{},[1603,2707,2708],{},[700,2709,1621],{},[1603,2711,2712],{},[700,2713,1611],{},[1603,2715,2716],{},[700,2717,775],{},[1585,2719,2720,2724,2728],{},[1603,2721,2722],{},[700,2723,1081],{},[1603,2725,2726],{},[700,2727,1640],{},[1603,2729,2730],{},[700,2731,1645],{},[1585,2733,2734,2738,2742],{},[1603,2735,2736],{},[700,2737,1101],{},[1603,2739,2740],{},[700,2741,1656],{},[1603,2743,2744],{},[700,2745,1661],{},[1585,2747,2748,2752,2756],{},[1603,2749,2750],{},[700,2751,1493],{},[1603,2753,2754],{},[700,2755,1672],{},[1603,2757,2758],{},"default panel",[1585,2760,2761,2765,2769],{},[1603,2762,2763],{},[700,2764,1503],{},[1603,2766,2767],{},[700,2768,1686],{},[1603,2770,2771,2773],{},[700,2772,1221],{}," (body dokumen)",[1585,2775,2776,2780,2784],{},[1603,2777,2778],{},[700,2779,1241],{},[1603,2781,2782],{},[700,2783,1611],{},[1603,2785,2786],{},[700,2787,775],{},[1585,2789,2790,2794,2798],{},[1603,2791,2792],{},[700,2793,1404],{},[1603,2795,2796],{},[700,2797,1611],{},[1603,2799,2800],{},[700,2801,1221],{},[1585,2803,2804,2808,2812],{},[1603,2805,2806],{},[700,2807,1726],{},[1603,2809,2810],{},[700,2811,1611],{},[1603,2813,2814],{},[700,2815,1221],{},[1585,2817,2818,2822,2826],{},[1603,2819,2820],{},[700,2821,1156],{},[1603,2823,2824],{},[700,2825,1745],{},[1603,2827,2828],{},[700,2829,775],{},[1585,2831,2832,2836,2840],{},[1603,2833,2834],{},[700,2835,1756],{},[1603,2837,2838],{},[700,2839,1761],{},[1603,2841,1764],{},[696,2843,2844,2846,2847,2849,2850,2852],{},[700,2845,1770],{}," yang diberikan ke ",[700,2848,1774],{}," digabungkan ke elemen trigger default-slot-nya. Gunakan ",[700,2851,1514],{}," untuk men-style panel mengambang.",[691,2854,1782],{"id":1781},[1579,2856,2857,2868],{},[1582,2858,2859],{},[1585,2860,2861,2863,2865],{},[1588,2862,1791],{},[1588,2864,1794],{},[1588,2866,2867],{},"Deskripsi",[1598,2869,2870,2883,2899,2914,2929],{},[1585,2871,2872,2876,2880],{},[1603,2873,2874],{},[700,2875,1806],{},[1603,2877,2878],{},[700,2879,1611],{},[1603,2881,2882],{},"State terbuka berubah",[1585,2884,2885,2889,2893],{},[1603,2886,2887],{},[700,2888,1820],{},[1603,2890,2891],{},[700,2892,1825],{},[1603,2894,2895,2896,2898],{},"Escape ditekan - ",[700,2897,1278],{}," untuk mencegahnya menutup",[1585,2900,2901,2905,2909],{},[1603,2902,2903],{},[700,2904,1838],{},[1603,2906,2907],{},[700,2908,1791],{},[1603,2910,2911,2912,2898],{},"Pointer turun di luar popover - ",[700,2913,1278],{},[1585,2915,2916,2920,2924],{},[1603,2917,2918],{},[700,2919,1854],{},[1603,2921,2922],{},[700,2923,1791],{},[1603,2925,2926,2927,2898],{},"Elemen luar popover non-modal menerima fokus - ",[700,2928,1278],{},[1585,2930,2931,2935,2939],{},[1603,2932,2933],{},[700,2934,1870],{},[1603,2936,2937],{},[700,2938,1791],{},[1603,2940,2941,2942,2944],{},"Terpicu tepat sebelum fokus berpindah ke dalam popover saat terbuka - ",[700,2943,1278],{}," untuk melewati autofocus pada pembukaan itu (misalnya pembukaan yang dipicu hover yang tidak boleh mencuri fokus, sementara yang dipicu keyboard tetap boleh)",[691,2946,1884],{"id":1883},[1579,2948,2949,2957],{},[1582,2950,2951],{},[1585,2952,2953,2955],{},[1588,2954,1893],{},[1588,2956,2867],{},[1598,2958,2959,2966],{},[1585,2960,2961,2963],{},[1603,2962,1902],{},[1603,2964,2965],{},"Elemen trigger",[1585,2967,2968,2972],{},[1603,2969,2970],{},[700,2971,702],{},[1603,2973,2974],{},"Konten popover itu sendiri",[1073,2976,2978],{"id":2977},"visibilitas-awal-dan-terkontrol","Visibilitas awal dan terkontrol",[696,2980,2981,2983,2984,2986,2987,2989,2990,2992,2993,2995],{},[700,2982,1621],{}," mengatur visibilitas awal ketika ",[700,2985,841],{}," dihilangkan. Gunakan ",[700,2988,1070],{}," ketika parent memiliki visibilitas; ",[700,2991,1806],{}," mengusulkan perubahan tanpa mengoverride nilai parent. Mengubah ",[700,2994,1621],{}," setelah mount tidak mengontrol overlay.",[1937,2997,1939],{},{"title":721,"searchDepth":781,"depth":781,"links":2999},[3000,3009,3010,3011],{"id":1968,"depth":755,"text":1969,"children":3001},[3002,3003,3004,3005,3006,3007,3008],{"id":2261,"depth":781,"text":2262},{"id":1156,"depth":781,"text":1157},{"id":1241,"depth":781,"text":386},{"id":2412,"depth":781,"text":2413},{"id":2542,"depth":781,"text":2543},{"id":1473,"depth":781,"text":1950},{"id":2600,"depth":781,"text":2601},{"id":1576,"depth":755,"text":1577},{"id":1781,"depth":755,"text":1782},{"id":1883,"depth":755,"text":1884,"children":3012},[3013],{"id":2977,"depth":781,"text":2978},"Kontainer konten mengambang generik, dibangun di atas primitif Popover milik Reka UI.",{},"\u002Fid\u002Fcomponents\u002Foverlays\u002Fpopover",{"title":425,"description":3014},"id\u002Fcomponents\u002Foverlays\u002Fpopover","1tZYVnguFykGzQ9IUZwUS6C-Khgqbus9dHKNFxSfgCY",1792925238777]