[{"data":1,"prerenderedAt":1972},["ShallowReactive",2],{"navigation_docs":3,"-api-interactions-use-focus-trap":271,"-api-interactions-use-focus-trap-surround":1967},[4,135],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":28},"Guide","i-lucide-book-open","\u002Fguide","1.guide",[10,29,51,73,91,109],{"title":11,"icon":12,"path":13,"stem":14,"children":15,"page":28},"Getting Started","i-lucide-rocket","\u002Fguide\u002Fgetting-started","1.guide\u002F1.getting-started",[16,20,24],{"title":17,"path":18,"stem":19},"Introduction","\u002Fguide\u002Fgetting-started\u002Fintroduction","1.guide\u002F1.getting-started\u002F1.introduction",{"title":21,"path":22,"stem":23},"First Tooltip","\u002Fguide\u002Fgetting-started\u002Ffirst-tooltip","1.guide\u002F1.getting-started\u002F2.first-tooltip",{"title":25,"path":26,"stem":27},"First Popover","\u002Fguide\u002Fgetting-started\u002Ffirst-popover","1.guide\u002F1.getting-started\u002F3.first-popover",false,{"title":30,"icon":31,"path":32,"stem":33,"children":34,"page":28},"Core Concepts","i-lucide-boxes","\u002Fguide\u002Fcore-concepts","1.guide\u002F2.core-concepts",[35,39,43,47],{"title":36,"path":37,"stem":38},"Floating Node","\u002Fguide\u002Fcore-concepts\u002Ffloating-node","1.guide\u002F2.core-concepts\u002F1.floating-node",{"title":40,"path":41,"stem":42},"Placement & Positioning","\u002Fguide\u002Fcore-concepts\u002Fplacement-and-positioning","1.guide\u002F2.core-concepts\u002F2.placement-and-positioning",{"title":44,"path":45,"stem":46},"Interaction Model","\u002Fguide\u002Fcore-concepts\u002Finteraction-model","1.guide\u002F2.core-concepts\u002F3.interaction-model",{"title":48,"path":49,"stem":50},"Tree Coordination","\u002Fguide\u002Fcore-concepts\u002Ftree-coordination-explained","1.guide\u002F2.core-concepts\u002F4.tree-coordination-explained",{"title":52,"icon":53,"path":54,"stem":55,"children":56,"page":28},"Patterns","i-lucide-component","\u002Fguide\u002Fcomponents","1.guide\u002F3.components",[57,61,65,69],{"title":58,"path":59,"stem":60},"Tooltips","\u002Fguide\u002Fcomponents\u002Fbuild-accessible-tooltips","1.guide\u002F3.components\u002F1.build-accessible-tooltips",{"title":62,"path":63,"stem":64},"Popovers & Dropdowns","\u002Fguide\u002Fcomponents\u002Fbuild-popovers-and-dropdowns","1.guide\u002F3.components\u002F2.build-popovers-and-dropdowns",{"title":66,"path":67,"stem":68},"Dialogs & Modals","\u002Fguide\u002Fcomponents\u002Fbuild-dialogs-and-modals","1.guide\u002F3.components\u002F3.build-dialogs-and-modals",{"title":70,"path":71,"stem":72},"Nested Menus","\u002Fguide\u002Fcomponents\u002Fbuild-nested-menus","1.guide\u002F3.components\u002F4.build-nested-menus",{"title":74,"icon":75,"path":76,"stem":77,"children":78,"page":28},"Positioning","i-lucide-crosshair","\u002Fguide\u002Fpositioning","1.guide\u002F4.positioning",[79,83,87],{"title":80,"path":81,"stem":82},"Keep in View","\u002Fguide\u002Fpositioning\u002Fkeep-content-in-view","1.guide\u002F4.positioning\u002F1.keep-content-in-view",{"title":84,"path":85,"stem":86},"Virtual Anchors","\u002Fguide\u002Fpositioning\u002Fuse-virtual-anchors","1.guide\u002F4.positioning\u002F2.use-virtual-anchors",{"title":88,"path":89,"stem":90},"Middleware Pipeline","\u002Fguide\u002Fpositioning\u002Fmiddleware-pipeline","1.guide\u002F4.positioning\u002F3.middleware-pipeline",{"title":92,"icon":93,"path":94,"stem":95,"children":96,"page":28},"Accessibility","i-lucide-person-standing","\u002Fguide\u002Faccessibility","1.guide\u002F5.accessibility",[97,101,105],{"title":98,"path":99,"stem":100},"Open State","\u002Fguide\u002Faccessibility\u002Fcontrol-open-state","1.guide\u002F5.accessibility\u002F1.control-open-state",{"title":102,"path":103,"stem":104},"Focus Models","\u002Fguide\u002Faccessibility\u002Ffocus-models","1.guide\u002F5.accessibility\u002F2.focus-models",{"title":106,"path":107,"stem":108},"Keyboard Navigation","\u002Fguide\u002Faccessibility\u002Fkeyboard-navigation","1.guide\u002F5.accessibility\u002F3.keyboard-navigation",{"title":110,"icon":111,"path":112,"stem":113,"children":114,"page":28},"Advanced","i-lucide-cpu","\u002Fguide\u002Fadvanced","1.guide\u002F6.advanced",[115,119,123,127,131],{"title":116,"path":117,"stem":118},"Controlled vs Uncontrolled","\u002Fguide\u002Fadvanced\u002Fcontrolled-vs-uncontrolled","1.guide\u002F6.advanced\u002F1.controlled-vs-uncontrolled",{"title":120,"path":121,"stem":122},"Safe Polygons","\u002Fguide\u002Fadvanced\u002Fsafe-polygon-gotchas","1.guide\u002F6.advanced\u002F2.safe-polygon-gotchas",{"title":124,"path":125,"stem":126},"Virtual Anchor Gotchas","\u002Fguide\u002Fadvanced\u002Fvirtual-anchor-gotchas","1.guide\u002F6.advanced\u002F3.virtual-anchor-gotchas",{"title":128,"path":129,"stem":130},"Middleware Ordering","\u002Fguide\u002Fadvanced\u002Fmiddleware-ordering-gotchas","1.guide\u002F6.advanced\u002F4.middleware-ordering-gotchas",{"title":132,"path":133,"stem":134},"List Navigation","\u002Fguide\u002Fadvanced\u002Flist-navigation-gotchas","1.guide\u002F6.advanced\u002F5.list-navigation-gotchas",{"title":136,"icon":137,"path":138,"stem":139,"children":140},"API Reference","i-lucide-code-xml","\u002Fapi","2.api",[141,145,155,165,182,216,233],{"title":142,"path":138,"stem":143,"icon":144},"Overview","2.api\u002Findex","i-lucide-file-text",{"title":146,"icon":147,"path":148,"stem":149,"children":150,"page":28},"Reference","i-lucide-braces","\u002Fapi\u002Foverview","2.api\u002F1.overview",[151],{"title":152,"path":153,"stem":154},"Types","\u002Fapi\u002Foverview\u002Ftypes","2.api\u002F1.overview\u002F1.types",{"title":156,"icon":157,"path":158,"stem":159,"children":160,"page":28},"Core","i-lucide-box","\u002Fapi\u002Fcore","2.api\u002F2.core",[161],{"title":162,"path":163,"stem":164},"useFloatingNode","\u002Fapi\u002Fcore\u002Fuse-floating-node","2.api\u002F2.core\u002F1.use-floating-node",{"title":74,"icon":166,"path":167,"stem":168,"children":169,"page":28},"i-lucide-move","\u002Fapi\u002Fpositioning","2.api\u002F3.positioning",[170,174,178],{"title":171,"path":172,"stem":173},"usePosition","\u002Fapi\u002Fpositioning\u002Fuse-position","2.api\u002F3.positioning\u002F1.use-position",{"title":175,"path":176,"stem":177},"useArrow","\u002Fapi\u002Fpositioning\u002Fuse-arrow","2.api\u002F3.positioning\u002F2.use-arrow",{"title":179,"path":180,"stem":181},"useClientPoint","\u002Fapi\u002Fpositioning\u002Fuse-client-point","2.api\u002F3.positioning\u002F3.use-client-point",{"title":183,"icon":184,"path":185,"stem":186,"children":187,"page":28},"Interactions","i-lucide-mouse-pointer-click","\u002Fapi\u002Finteractions","2.api\u002F4.interactions",[188,192,196,200,204,208,212],{"title":189,"path":190,"stem":191},"useClick","\u002Fapi\u002Finteractions\u002Fuse-click","2.api\u002F4.interactions\u002F1.use-click",{"title":193,"path":194,"stem":195},"useHover","\u002Fapi\u002Finteractions\u002Fuse-hover","2.api\u002F4.interactions\u002F2.use-hover",{"title":197,"path":198,"stem":199},"useFocus","\u002Fapi\u002Finteractions\u002Fuse-focus","2.api\u002F4.interactions\u002F3.use-focus",{"title":201,"path":202,"stem":203},"useFocusTrap","\u002Fapi\u002Finteractions\u002Fuse-focus-trap","2.api\u002F4.interactions\u002F4.use-focus-trap",{"title":205,"path":206,"stem":207},"useOutsideClick","\u002Fapi\u002Finteractions\u002Fuse-outside-click","2.api\u002F4.interactions\u002F5.use-outside-click",{"title":209,"path":210,"stem":211},"useEscapeKey","\u002Fapi\u002Finteractions\u002Fuse-escape-key","2.api\u002F4.interactions\u002F6.use-escape-key",{"title":213,"path":214,"stem":215},"useRole","\u002Fapi\u002Finteractions\u002Fuse-role","2.api\u002F4.interactions\u002F7.use-role",{"title":106,"icon":217,"path":218,"stem":219,"children":220,"page":28},"i-lucide-keyboard","\u002Fapi\u002Fkeyboard-navigation","2.api\u002F5.keyboard-navigation",[221,225,229],{"title":222,"path":223,"stem":224},"useRovingFocus","\u002Fapi\u002Fkeyboard-navigation\u002Fuse-roving-focus","2.api\u002F5.keyboard-navigation\u002F1.use-roving-focus",{"title":226,"path":227,"stem":228},"useAriaActivedescendant","\u002Fapi\u002Fkeyboard-navigation\u002Fuse-aria-activedescendant","2.api\u002F5.keyboard-navigation\u002F2.use-aria-activedescendant",{"title":230,"path":231,"stem":232},"useTypeahead","\u002Fapi\u002Fkeyboard-navigation\u002Fuse-typeahead","2.api\u002F5.keyboard-navigation\u002F3.use-typeahead",{"title":234,"icon":235,"path":236,"stem":237,"children":238,"page":28},"Middleware","i-lucide-blocks","\u002Fapi\u002Fmiddleware","2.api\u002F6.middleware",[239,243,247,251,255,259,263,267],{"title":240,"path":241,"stem":242},"offset","\u002Fapi\u002Fmiddleware\u002Foffset","2.api\u002F6.middleware\u002F1.offset",{"title":244,"path":245,"stem":246},"flip","\u002Fapi\u002Fmiddleware\u002Fflip","2.api\u002F6.middleware\u002F2.flip",{"title":248,"path":249,"stem":250},"shift","\u002Fapi\u002Fmiddleware\u002Fshift","2.api\u002F6.middleware\u002F3.shift",{"title":252,"path":253,"stem":254},"autoPlacement","\u002Fapi\u002Fmiddleware\u002Fautoplacement","2.api\u002F6.middleware\u002F4.autoplacement",{"title":256,"path":257,"stem":258},"size","\u002Fapi\u002Fmiddleware\u002Fsize","2.api\u002F6.middleware\u002F5.size",{"title":260,"path":261,"stem":262},"inline","\u002Fapi\u002Fmiddleware\u002Finline","2.api\u002F6.middleware\u002F6.inline",{"title":264,"path":265,"stem":266},"arrow","\u002Fapi\u002Fmiddleware\u002Farrow","2.api\u002F6.middleware\u002F7.arrow",{"title":268,"path":269,"stem":270},"hide","\u002Fapi\u002Fmiddleware\u002Fhide","2.api\u002F6.middleware\u002F8.hide",{"id":272,"title":201,"body":273,"description":1961,"extension":1962,"links":1963,"meta":1964,"navigation":355,"path":202,"seo":1965,"stem":203,"__hash__":1966},"docs\u002F2.api\u002F4.interactions\u002F4.use-focus-trap.md",{"type":274,"value":275,"toc":1949},"minimark",[276,287,292,667,671,874,878,936,940,945,980,984,997,1001,1014,1018,1893,1897,1946],[277,278,279,282,283,286],"p",{},[280,281,201],"code",{}," confines keyboard focus inside a floating panel. It handles initial focus placement, focus restoration on close, Tab key cycling, and background ",[280,284,285],{},"inert"," attribute isolation for modal dialogs.",[288,289,291],"h2",{"id":290},"type","Type",[293,294,299],"pre",{"className":295,"code":296,"language":297,"meta":298,"style":298},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","function useFocusTrap(node: FloatingNode, options?: UseFocusTrapOptions): UseFocusTrapReturn;\n\ninterface UseFocusTrapOptions {\n  enabled?: MaybeRefOrGetter\u003Cboolean>;\n  modal?: MaybeRefOrGetter\u003Cboolean>;\n  initialFocus?: HTMLElement | Ref\u003CHTMLElement | null> | (() => HTMLElement | null | false) | false;\n  returnFocus?: MaybeRefOrGetter\u003Cboolean | HTMLElement | Ref\u003CHTMLElement | null>>;\n  closeOnFocusOut?: MaybeRefOrGetter\u003Cboolean>;\n  preventScroll?: MaybeRefOrGetter\u003Cboolean>;\n  ignoreFocusOut?: (target: EventTarget | null) => boolean;\n  onError?: (error: unknown) => void;\n}\n\ninterface UseFocusTrapReturn {\n  isActive: ComputedRef\u003Cboolean>;\n  activate: () => void;\n  deactivate: () => void;\n}\n","ts","",[280,300,301,350,357,368,389,405,468,501,517,533,565,592,598,603,612,629,646,662],{"__ignoreMap":298},[302,303,306,310,314,318,322,325,329,332,335,338,341,344,347],"span",{"class":304,"line":305},"line",1,[302,307,309],{"class":308},"spNyl","function",[302,311,313],{"class":312},"s2Zo4"," useFocusTrap",[302,315,317],{"class":316},"sMK4o","(",[302,319,321],{"class":320},"sHdIc","node",[302,323,324],{"class":316},":",[302,326,328],{"class":327},"sBMFI"," FloatingNode",[302,330,331],{"class":316},",",[302,333,334],{"class":320}," options",[302,336,337],{"class":316},"?:",[302,339,340],{"class":327}," UseFocusTrapOptions",[302,342,343],{"class":316},"):",[302,345,346],{"class":327}," UseFocusTrapReturn",[302,348,349],{"class":316},";\n",[302,351,353],{"class":304,"line":352},2,[302,354,356],{"emptyLinePlaceholder":355},true,"\n",[302,358,360,363,365],{"class":304,"line":359},3,[302,361,362],{"class":308},"interface",[302,364,340],{"class":327},[302,366,367],{"class":316}," {\n",[302,369,371,375,377,380,383,386],{"class":304,"line":370},4,[302,372,374],{"class":373},"swJcz","  enabled",[302,376,337],{"class":316},[302,378,379],{"class":327}," MaybeRefOrGetter",[302,381,382],{"class":316},"\u003C",[302,384,385],{"class":327},"boolean",[302,387,388],{"class":316},">;\n",[302,390,392,395,397,399,401,403],{"class":304,"line":391},5,[302,393,394],{"class":373},"  modal",[302,396,337],{"class":316},[302,398,379],{"class":327},[302,400,382],{"class":316},[302,402,385],{"class":327},[302,404,388],{"class":316},[302,406,408,411,413,416,419,422,424,427,429,432,435,437,441,444,447,449,451,453,455,458,461,464,466],{"class":304,"line":407},6,[302,409,410],{"class":373},"  initialFocus",[302,412,337],{"class":316},[302,414,415],{"class":327}," HTMLElement",[302,417,418],{"class":316}," |",[302,420,421],{"class":327}," Ref",[302,423,382],{"class":316},[302,425,426],{"class":327},"HTMLElement",[302,428,418],{"class":316},[302,430,431],{"class":327}," null",[302,433,434],{"class":316},">",[302,436,418],{"class":316},[302,438,440],{"class":439},"sTEyZ"," (",[302,442,443],{"class":316},"()",[302,445,446],{"class":308}," =>",[302,448,415],{"class":327},[302,450,418],{"class":316},[302,452,431],{"class":327},[302,454,418],{"class":316},[302,456,457],{"class":327}," false",[302,459,460],{"class":439},") ",[302,462,463],{"class":316},"|",[302,465,457],{"class":327},[302,467,349],{"class":316},[302,469,471,474,476,478,480,482,484,486,488,490,492,494,496,498],{"class":304,"line":470},7,[302,472,473],{"class":373},"  returnFocus",[302,475,337],{"class":316},[302,477,379],{"class":327},[302,479,382],{"class":316},[302,481,385],{"class":327},[302,483,418],{"class":316},[302,485,415],{"class":327},[302,487,418],{"class":316},[302,489,421],{"class":327},[302,491,382],{"class":316},[302,493,426],{"class":327},[302,495,418],{"class":316},[302,497,431],{"class":327},[302,499,500],{"class":316},">>;\n",[302,502,504,507,509,511,513,515],{"class":304,"line":503},8,[302,505,506],{"class":373},"  closeOnFocusOut",[302,508,337],{"class":316},[302,510,379],{"class":327},[302,512,382],{"class":316},[302,514,385],{"class":327},[302,516,388],{"class":316},[302,518,520,523,525,527,529,531],{"class":304,"line":519},9,[302,521,522],{"class":373},"  preventScroll",[302,524,337],{"class":316},[302,526,379],{"class":327},[302,528,382],{"class":316},[302,530,385],{"class":327},[302,532,388],{"class":316},[302,534,536,539,541,543,546,548,551,553,555,558,560,563],{"class":304,"line":535},10,[302,537,538],{"class":373},"  ignoreFocusOut",[302,540,337],{"class":316},[302,542,440],{"class":316},[302,544,545],{"class":320},"target",[302,547,324],{"class":316},[302,549,550],{"class":327}," EventTarget",[302,552,418],{"class":316},[302,554,431],{"class":327},[302,556,557],{"class":316},")",[302,559,446],{"class":308},[302,561,562],{"class":327}," boolean",[302,564,349],{"class":316},[302,566,568,571,573,575,578,580,583,585,587,590],{"class":304,"line":567},11,[302,569,570],{"class":373},"  onError",[302,572,337],{"class":316},[302,574,440],{"class":316},[302,576,577],{"class":320},"error",[302,579,324],{"class":316},[302,581,582],{"class":327}," unknown",[302,584,557],{"class":316},[302,586,446],{"class":308},[302,588,589],{"class":327}," void",[302,591,349],{"class":316},[302,593,595],{"class":304,"line":594},12,[302,596,597],{"class":316},"}\n",[302,599,601],{"class":304,"line":600},13,[302,602,356],{"emptyLinePlaceholder":355},[302,604,606,608,610],{"class":304,"line":605},14,[302,607,362],{"class":308},[302,609,346],{"class":327},[302,611,367],{"class":316},[302,613,615,618,620,623,625,627],{"class":304,"line":614},15,[302,616,617],{"class":373},"  isActive",[302,619,324],{"class":316},[302,621,622],{"class":327}," ComputedRef",[302,624,382],{"class":316},[302,626,385],{"class":327},[302,628,388],{"class":316},[302,630,632,635,637,640,642,644],{"class":304,"line":631},16,[302,633,634],{"class":373},"  activate",[302,636,324],{"class":316},[302,638,639],{"class":316}," ()",[302,641,446],{"class":308},[302,643,589],{"class":327},[302,645,349],{"class":316},[302,647,649,652,654,656,658,660],{"class":304,"line":648},17,[302,650,651],{"class":373},"  deactivate",[302,653,324],{"class":316},[302,655,639],{"class":316},[302,657,446],{"class":308},[302,659,589],{"class":327},[302,661,349],{"class":316},[302,663,665],{"class":304,"line":664},18,[302,666,597],{"class":316},[288,668,670],{"id":669},"options","Options",[672,673,674,692],"table",{},[675,676,677],"thead",{},[678,679,680,684,686,689],"tr",{},[681,682,683],"th",{},"Name",[681,685,291],{},[681,687,688],{},"Default",[681,690,691],{},"Notes",[693,694,695,723,752,774,793,817,835,855],"tbody",{},[678,696,697,703,708,713],{},[698,699,700],"td",{},[280,701,702],{},"enabled",[698,704,705],{},[280,706,707],{},"MaybeRefOrGetter\u003Cboolean>",[698,709,710],{},[280,711,712],{},"true",[698,714,715,716,719,720,722],{},"Reactive toggle. Activates focus management while ",[280,717,718],{},"node.open"," is ",[280,721,712],{},".",[678,724,725,730,734,738],{},[698,726,727],{},[280,728,729],{},"modal",[698,731,732],{},[280,733,707],{},[698,735,736],{},[280,737,712],{},[698,739,740,741,743,744,746,747,751],{},"When ",[280,742,712],{},", isolates outside DOM elements with ",[280,745,285],{}," and strictly traps ",[748,749,750],"kbd",{},"Tab"," navigation inside.",[678,753,754,759,765,768],{},[698,755,756],{},[280,757,758],{},"initialFocus",[698,760,761,762],{},"Element, ref, function, or ",[280,763,764],{},"false",[698,766,767],{},"First tabbable element",[698,769,770,771,773],{},"Specifies element to receive focus upon opening. ",[280,772,764],{}," prevents initial focus.",[678,775,776,781,786,790],{},[698,777,778],{},[280,779,780],{},"returnFocus",[698,782,783,785],{},[280,784,385],{},", Element, or ref",[698,787,788],{},[280,789,712],{},[698,791,792],{},"Restores focus to the trigger or target element when the trap deactivates.",[678,794,795,800,804,808],{},[698,796,797],{},[280,798,799],{},"closeOnFocusOut",[698,801,802],{},[280,803,707],{},[698,805,806],{},[280,807,764],{},[698,809,740,810,813,814,816],{},[280,811,812],{},"modal: false",", closes ",[280,815,321],{}," when focus leaves the floating family.",[678,818,819,824,828,832],{},[698,820,821],{},[280,822,823],{},"preventScroll",[698,825,826],{},[280,827,707],{},[698,829,830],{},[280,831,712],{},[698,833,834],{},"Prevents browser viewport scrolling when shifting focus.",[678,836,837,842,847,852],{},[698,838,839],{},[280,840,841],{},"ignoreFocusOut",[698,843,844],{},[280,845,846],{},"(target: EventTarget | null) => boolean",[698,848,849],{},[280,850,851],{},"undefined",[698,853,854],{},"Custom predicate to ignore focus loss to specific target elements.",[678,856,857,862,867,871],{},[698,858,859],{},[280,860,861],{},"onError",[698,863,864],{},[280,865,866],{},"(error: unknown) => void",[698,868,869],{},[280,870,851],{},[698,872,873],{},"Optional error handler callback if trap activation fails.",[288,875,877],{"id":876},"returns","Returns",[672,879,880,890],{},[675,881,882],{},[678,883,884,886,888],{},[681,885,683],{},[681,887,291],{},[681,889,691],{},[693,891,892,907,922],{},[678,893,894,899,904],{},[698,895,896],{},[280,897,898],{},"isActive",[698,900,901],{},[280,902,903],{},"ComputedRef\u003Cboolean>",[698,905,906],{},"Reactive status indicating whether focus trapping is currently active.",[678,908,909,914,919],{},[698,910,911],{},[280,912,913],{},"activate",[698,915,916],{},[280,917,918],{},"() => void",[698,920,921],{},"Manually activates focus management.",[678,923,924,929,933],{},[698,925,926],{},[280,927,928],{},"deactivate",[698,930,931],{},[280,932,918],{},[698,934,935],{},"Manually deactivates focus management and restores focus.",[288,937,939],{"id":938},"details","Details",[941,942,944],"h3",{"id":943},"modal-traps-vs-non-modal-overlays","Modal Traps vs Non-Modal Overlays",[946,947,948,965],"ul",{},[949,950,951,958,959,961,962,964],"li",{},[952,953,954,955,343],"strong",{},"Modal Dialogs (",[280,956,957],{},"modal: true"," Pressing ",[748,960,750],{}," on the last element wraps back to the first. Background DOM elements outside the floating family are marked ",[280,963,285],{}," to prevent screen readers or pointer clicks from escaping.",[949,966,967,972,973,975,976,979],{},[952,968,969,970,343],{},"Non-Modal Overlays (",[280,971,812],{}," Focus is not trapped, so ",[748,974,750],{}," follows the natural document flow. ",[280,977,978],{},"closeOnFocusOut: true"," gracefully dismisses the panel when focus moves away.",[941,981,983],{"id":982},"multiple-independent-modals","Multiple Independent Modals",[277,985,986,987,989,990,992,993,996],{},"Each strict modal registers on a per-document stack. The newest modal owns ",[748,988,750],{}," wrapping and focus corrections, and background ",[280,991,285],{}," isolation is reference-counted: closing one modal never strips the isolation another still needs. Traps that share one ",[280,994,995],{},"FloatingNode"," tree (submenus, cascades) coordinate automatically through the tree instead of the stack.",[941,998,1000],{"id":999},"initial-and-return-focus","Initial and Return Focus",[946,1002,1003,1008],{},[949,1004,740,1005,1007],{},[280,1006,758],{}," is omitted, the trap automatically focuses the first tabbable child (falling back to the floating container).",[949,1009,1010,1011,722],{},"When deactivated (e.g. on dialog close), focus smoothly returns to the trigger button stored in ",[280,1012,1013],{},"node.refs.anchorEl",[288,1015,1017],{"id":1016},"example","Example",[293,1019,1023],{"className":1020,"code":1021,"language":1022,"meta":298,"style":298},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { useEscapeKey, useFloatingNode, useFocusTrap, useOutsideClick, useRole } from \"v-float\";\n\nconst anchorEl = ref\u003CHTMLElement | null>(null);\nconst floatingEl = ref\u003CHTMLElement | null>(null);\nconst nameInput = ref\u003CHTMLInputElement | null>(null);\n\nconst node = useFloatingNode({ anchorEl, floatingEl });\n\nuseFocusTrap(node, {\n  modal: true,\n  initialFocus: nameInput,\n  returnFocus: true,\n});\n\nuseEscapeKey(node);\nuseOutsideClick(node);\nuseRole(node, { role: \"dialog\", modal: true });\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cbutton ref=\"anchorEl\" @click=\"node.open.value = true\">Edit Profile\u003C\u002Fbutton>\n\n  \u003Cdiv v-if=\"node.open.value\" class=\"dialog-backdrop\">\n    \u003Cdiv ref=\"floatingEl\" class=\"dialog-panel\">\n      \u003Ch2>Edit Profile\u003C\u002Fh2>\n      \u003Cinput ref=\"nameInput\" placeholder=\"Full name\" \u002F>\n      \u003Cinput placeholder=\"Email address\" \u002F>\n      \u003Cdiv class=\"actions\">\n        \u003Cbutton @click=\"node.open.value = false\">Save\u003C\u002Fbutton>\n        \u003Cbutton @click=\"node.open.value = false\">Cancel\u003C\u002Fbutton>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cstyle>\n.dialog-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.dialog-panel {\n  background: white;\n  padding: 24px;\n  border-radius: 8px;\n  width: 320px;\n}\n\u003C\u002Fstyle>\n","vue",[280,1024,1025,1052,1079,1120,1124,1155,1184,1214,1218,1248,1252,1263,1276,1287,1297,1305,1309,1318,1326,1364,1374,1379,1389,1432,1437,1471,1503,1521,1555,1575,1595,1625,1653,1663,1673,1683,1692,1697,1707,1716,1730,1744,1776,1789,1802,1814,1819,1828,1840,1853,1866,1879,1884],{"__ignoreMap":298},[302,1026,1027,1029,1032,1035,1038,1041,1044,1047,1049],{"class":304,"line":305},[302,1028,382],{"class":316},[302,1030,1031],{"class":373},"script",[302,1033,1034],{"class":308}," setup",[302,1036,1037],{"class":308}," lang",[302,1039,1040],{"class":316},"=",[302,1042,1043],{"class":316},"\"",[302,1045,297],{"class":1046},"sfazB",[302,1048,1043],{"class":316},[302,1050,1051],{"class":316},">\n",[302,1053,1054,1058,1061,1064,1067,1070,1073,1075,1077],{"class":304,"line":352},[302,1055,1057],{"class":1056},"s7zQu","import",[302,1059,1060],{"class":316}," {",[302,1062,1063],{"class":439}," ref",[302,1065,1066],{"class":316}," }",[302,1068,1069],{"class":1056}," from",[302,1071,1072],{"class":316}," \"",[302,1074,1022],{"class":1046},[302,1076,1043],{"class":316},[302,1078,349],{"class":316},[302,1080,1081,1083,1085,1088,1090,1093,1095,1097,1099,1102,1104,1107,1109,1111,1113,1116,1118],{"class":304,"line":359},[302,1082,1057],{"class":1056},[302,1084,1060],{"class":316},[302,1086,1087],{"class":439}," useEscapeKey",[302,1089,331],{"class":316},[302,1091,1092],{"class":439}," useFloatingNode",[302,1094,331],{"class":316},[302,1096,313],{"class":439},[302,1098,331],{"class":316},[302,1100,1101],{"class":439}," useOutsideClick",[302,1103,331],{"class":316},[302,1105,1106],{"class":439}," useRole",[302,1108,1066],{"class":316},[302,1110,1069],{"class":1056},[302,1112,1072],{"class":316},[302,1114,1115],{"class":1046},"v-float",[302,1117,1043],{"class":316},[302,1119,349],{"class":316},[302,1121,1122],{"class":304,"line":370},[302,1123,356],{"emptyLinePlaceholder":355},[302,1125,1126,1129,1132,1134,1136,1138,1140,1142,1144,1146,1148,1151,1153],{"class":304,"line":391},[302,1127,1128],{"class":308},"const",[302,1130,1131],{"class":439}," anchorEl ",[302,1133,1040],{"class":316},[302,1135,1063],{"class":312},[302,1137,382],{"class":316},[302,1139,426],{"class":327},[302,1141,418],{"class":316},[302,1143,431],{"class":327},[302,1145,434],{"class":316},[302,1147,317],{"class":439},[302,1149,1150],{"class":316},"null",[302,1152,557],{"class":439},[302,1154,349],{"class":316},[302,1156,1157,1159,1162,1164,1166,1168,1170,1172,1174,1176,1178,1180,1182],{"class":304,"line":407},[302,1158,1128],{"class":308},[302,1160,1161],{"class":439}," floatingEl ",[302,1163,1040],{"class":316},[302,1165,1063],{"class":312},[302,1167,382],{"class":316},[302,1169,426],{"class":327},[302,1171,418],{"class":316},[302,1173,431],{"class":327},[302,1175,434],{"class":316},[302,1177,317],{"class":439},[302,1179,1150],{"class":316},[302,1181,557],{"class":439},[302,1183,349],{"class":316},[302,1185,1186,1188,1191,1193,1195,1197,1200,1202,1204,1206,1208,1210,1212],{"class":304,"line":470},[302,1187,1128],{"class":308},[302,1189,1190],{"class":439}," nameInput ",[302,1192,1040],{"class":316},[302,1194,1063],{"class":312},[302,1196,382],{"class":316},[302,1198,1199],{"class":327},"HTMLInputElement",[302,1201,418],{"class":316},[302,1203,431],{"class":327},[302,1205,434],{"class":316},[302,1207,317],{"class":439},[302,1209,1150],{"class":316},[302,1211,557],{"class":439},[302,1213,349],{"class":316},[302,1215,1216],{"class":304,"line":503},[302,1217,356],{"emptyLinePlaceholder":355},[302,1219,1220,1222,1225,1227,1229,1231,1234,1237,1239,1241,1244,1246],{"class":304,"line":519},[302,1221,1128],{"class":308},[302,1223,1224],{"class":439}," node ",[302,1226,1040],{"class":316},[302,1228,1092],{"class":312},[302,1230,317],{"class":439},[302,1232,1233],{"class":316},"{",[302,1235,1236],{"class":439}," anchorEl",[302,1238,331],{"class":316},[302,1240,1161],{"class":439},[302,1242,1243],{"class":316},"}",[302,1245,557],{"class":439},[302,1247,349],{"class":316},[302,1249,1250],{"class":304,"line":535},[302,1251,356],{"emptyLinePlaceholder":355},[302,1253,1254,1256,1259,1261],{"class":304,"line":567},[302,1255,201],{"class":312},[302,1257,1258],{"class":439},"(node",[302,1260,331],{"class":316},[302,1262,367],{"class":316},[302,1264,1265,1267,1269,1273],{"class":304,"line":594},[302,1266,394],{"class":373},[302,1268,324],{"class":316},[302,1270,1272],{"class":1271},"sfNiH"," true",[302,1274,1275],{"class":316},",\n",[302,1277,1278,1280,1282,1285],{"class":304,"line":600},[302,1279,410],{"class":373},[302,1281,324],{"class":316},[302,1283,1284],{"class":439}," nameInput",[302,1286,1275],{"class":316},[302,1288,1289,1291,1293,1295],{"class":304,"line":605},[302,1290,473],{"class":373},[302,1292,324],{"class":316},[302,1294,1272],{"class":1271},[302,1296,1275],{"class":316},[302,1298,1299,1301,1303],{"class":304,"line":614},[302,1300,1243],{"class":316},[302,1302,557],{"class":439},[302,1304,349],{"class":316},[302,1306,1307],{"class":304,"line":631},[302,1308,356],{"emptyLinePlaceholder":355},[302,1310,1311,1313,1316],{"class":304,"line":648},[302,1312,209],{"class":312},[302,1314,1315],{"class":439},"(node)",[302,1317,349],{"class":316},[302,1319,1320,1322,1324],{"class":304,"line":664},[302,1321,205],{"class":312},[302,1323,1315],{"class":439},[302,1325,349],{"class":316},[302,1327,1329,1331,1333,1335,1337,1340,1342,1344,1347,1349,1351,1354,1356,1358,1360,1362],{"class":304,"line":1328},19,[302,1330,213],{"class":312},[302,1332,1258],{"class":439},[302,1334,331],{"class":316},[302,1336,1060],{"class":316},[302,1338,1339],{"class":373}," role",[302,1341,324],{"class":316},[302,1343,1072],{"class":316},[302,1345,1346],{"class":1046},"dialog",[302,1348,1043],{"class":316},[302,1350,331],{"class":316},[302,1352,1353],{"class":373}," modal",[302,1355,324],{"class":316},[302,1357,1272],{"class":1271},[302,1359,1066],{"class":316},[302,1361,557],{"class":439},[302,1363,349],{"class":316},[302,1365,1367,1370,1372],{"class":304,"line":1366},20,[302,1368,1369],{"class":316},"\u003C\u002F",[302,1371,1031],{"class":373},[302,1373,1051],{"class":316},[302,1375,1377],{"class":304,"line":1376},21,[302,1378,356],{"emptyLinePlaceholder":355},[302,1380,1382,1384,1387],{"class":304,"line":1381},22,[302,1383,382],{"class":316},[302,1385,1386],{"class":373},"template",[302,1388,1051],{"class":316},[302,1390,1392,1395,1398,1400,1402,1404,1407,1409,1412,1414,1416,1419,1421,1423,1426,1428,1430],{"class":304,"line":1391},23,[302,1393,1394],{"class":316},"  \u003C",[302,1396,1397],{"class":373},"button",[302,1399,1063],{"class":308},[302,1401,1040],{"class":316},[302,1403,1043],{"class":316},[302,1405,1406],{"class":1046},"anchorEl",[302,1408,1043],{"class":316},[302,1410,1411],{"class":308}," @click",[302,1413,1040],{"class":316},[302,1415,1043],{"class":316},[302,1417,1418],{"class":1046},"node.open.value = true",[302,1420,1043],{"class":316},[302,1422,434],{"class":316},[302,1424,1425],{"class":439},"Edit Profile",[302,1427,1369],{"class":316},[302,1429,1397],{"class":373},[302,1431,1051],{"class":316},[302,1433,1435],{"class":304,"line":1434},24,[302,1436,356],{"emptyLinePlaceholder":355},[302,1438,1440,1442,1445,1448,1450,1452,1455,1457,1460,1462,1464,1467,1469],{"class":304,"line":1439},25,[302,1441,1394],{"class":316},[302,1443,1444],{"class":373},"div",[302,1446,1447],{"class":308}," v-if",[302,1449,1040],{"class":316},[302,1451,1043],{"class":316},[302,1453,1454],{"class":1046},"node.open.value",[302,1456,1043],{"class":316},[302,1458,1459],{"class":308}," class",[302,1461,1040],{"class":316},[302,1463,1043],{"class":316},[302,1465,1466],{"class":1046},"dialog-backdrop",[302,1468,1043],{"class":316},[302,1470,1051],{"class":316},[302,1472,1474,1477,1479,1481,1483,1485,1488,1490,1492,1494,1496,1499,1501],{"class":304,"line":1473},26,[302,1475,1476],{"class":316},"    \u003C",[302,1478,1444],{"class":373},[302,1480,1063],{"class":308},[302,1482,1040],{"class":316},[302,1484,1043],{"class":316},[302,1486,1487],{"class":1046},"floatingEl",[302,1489,1043],{"class":316},[302,1491,1459],{"class":308},[302,1493,1040],{"class":316},[302,1495,1043],{"class":316},[302,1497,1498],{"class":1046},"dialog-panel",[302,1500,1043],{"class":316},[302,1502,1051],{"class":316},[302,1504,1506,1509,1511,1513,1515,1517,1519],{"class":304,"line":1505},27,[302,1507,1508],{"class":316},"      \u003C",[302,1510,288],{"class":373},[302,1512,434],{"class":316},[302,1514,1425],{"class":439},[302,1516,1369],{"class":316},[302,1518,288],{"class":373},[302,1520,1051],{"class":316},[302,1522,1524,1526,1529,1531,1533,1535,1538,1540,1543,1545,1547,1550,1552],{"class":304,"line":1523},28,[302,1525,1508],{"class":316},[302,1527,1528],{"class":373},"input",[302,1530,1063],{"class":308},[302,1532,1040],{"class":316},[302,1534,1043],{"class":316},[302,1536,1537],{"class":1046},"nameInput",[302,1539,1043],{"class":316},[302,1541,1542],{"class":308}," placeholder",[302,1544,1040],{"class":316},[302,1546,1043],{"class":316},[302,1548,1549],{"class":1046},"Full name",[302,1551,1043],{"class":316},[302,1553,1554],{"class":316}," \u002F>\n",[302,1556,1558,1560,1562,1564,1566,1568,1571,1573],{"class":304,"line":1557},29,[302,1559,1508],{"class":316},[302,1561,1528],{"class":373},[302,1563,1542],{"class":308},[302,1565,1040],{"class":316},[302,1567,1043],{"class":316},[302,1569,1570],{"class":1046},"Email address",[302,1572,1043],{"class":316},[302,1574,1554],{"class":316},[302,1576,1578,1580,1582,1584,1586,1588,1591,1593],{"class":304,"line":1577},30,[302,1579,1508],{"class":316},[302,1581,1444],{"class":373},[302,1583,1459],{"class":308},[302,1585,1040],{"class":316},[302,1587,1043],{"class":316},[302,1589,1590],{"class":1046},"actions",[302,1592,1043],{"class":316},[302,1594,1051],{"class":316},[302,1596,1598,1601,1603,1605,1607,1609,1612,1614,1616,1619,1621,1623],{"class":304,"line":1597},31,[302,1599,1600],{"class":316},"        \u003C",[302,1602,1397],{"class":373},[302,1604,1411],{"class":308},[302,1606,1040],{"class":316},[302,1608,1043],{"class":316},[302,1610,1611],{"class":1046},"node.open.value = false",[302,1613,1043],{"class":316},[302,1615,434],{"class":316},[302,1617,1618],{"class":439},"Save",[302,1620,1369],{"class":316},[302,1622,1397],{"class":373},[302,1624,1051],{"class":316},[302,1626,1628,1630,1632,1634,1636,1638,1640,1642,1644,1647,1649,1651],{"class":304,"line":1627},32,[302,1629,1600],{"class":316},[302,1631,1397],{"class":373},[302,1633,1411],{"class":308},[302,1635,1040],{"class":316},[302,1637,1043],{"class":316},[302,1639,1611],{"class":1046},[302,1641,1043],{"class":316},[302,1643,434],{"class":316},[302,1645,1646],{"class":439},"Cancel",[302,1648,1369],{"class":316},[302,1650,1397],{"class":373},[302,1652,1051],{"class":316},[302,1654,1656,1659,1661],{"class":304,"line":1655},33,[302,1657,1658],{"class":316},"      \u003C\u002F",[302,1660,1444],{"class":373},[302,1662,1051],{"class":316},[302,1664,1666,1669,1671],{"class":304,"line":1665},34,[302,1667,1668],{"class":316},"    \u003C\u002F",[302,1670,1444],{"class":373},[302,1672,1051],{"class":316},[302,1674,1676,1679,1681],{"class":304,"line":1675},35,[302,1677,1678],{"class":316},"  \u003C\u002F",[302,1680,1444],{"class":373},[302,1682,1051],{"class":316},[302,1684,1686,1688,1690],{"class":304,"line":1685},36,[302,1687,1369],{"class":316},[302,1689,1386],{"class":373},[302,1691,1051],{"class":316},[302,1693,1695],{"class":304,"line":1694},37,[302,1696,356],{"emptyLinePlaceholder":355},[302,1698,1700,1702,1705],{"class":304,"line":1699},38,[302,1701,382],{"class":316},[302,1703,1704],{"class":373},"style",[302,1706,1051],{"class":316},[302,1708,1710,1712,1714],{"class":304,"line":1709},39,[302,1711,722],{"class":316},[302,1713,1466],{"class":327},[302,1715,367],{"class":316},[302,1717,1719,1723,1725,1728],{"class":304,"line":1718},40,[302,1720,1722],{"class":1721},"sqsOY","  position",[302,1724,324],{"class":316},[302,1726,1727],{"class":439}," fixed",[302,1729,349],{"class":316},[302,1731,1733,1736,1738,1742],{"class":304,"line":1732},41,[302,1734,1735],{"class":1721},"  inset",[302,1737,324],{"class":316},[302,1739,1741],{"class":1740},"sbssI"," 0",[302,1743,349],{"class":316},[302,1745,1747,1750,1752,1755,1757,1760,1762,1764,1766,1768,1770,1773],{"class":304,"line":1746},42,[302,1748,1749],{"class":1721},"  background",[302,1751,324],{"class":316},[302,1753,1754],{"class":312}," rgba",[302,1756,317],{"class":316},[302,1758,1759],{"class":1740},"0",[302,1761,331],{"class":316},[302,1763,1741],{"class":1740},[302,1765,331],{"class":316},[302,1767,1741],{"class":1740},[302,1769,331],{"class":316},[302,1771,1772],{"class":1740}," 0.4",[302,1774,1775],{"class":316},");\n",[302,1777,1779,1782,1784,1787],{"class":304,"line":1778},43,[302,1780,1781],{"class":1721},"  display",[302,1783,324],{"class":316},[302,1785,1786],{"class":439}," flex",[302,1788,349],{"class":316},[302,1790,1792,1795,1797,1800],{"class":304,"line":1791},44,[302,1793,1794],{"class":1721},"  align-items",[302,1796,324],{"class":316},[302,1798,1799],{"class":439}," center",[302,1801,349],{"class":316},[302,1803,1805,1808,1810,1812],{"class":304,"line":1804},45,[302,1806,1807],{"class":1721},"  justify-content",[302,1809,324],{"class":316},[302,1811,1799],{"class":439},[302,1813,349],{"class":316},[302,1815,1817],{"class":304,"line":1816},46,[302,1818,597],{"class":316},[302,1820,1822,1824,1826],{"class":304,"line":1821},47,[302,1823,722],{"class":316},[302,1825,1498],{"class":327},[302,1827,367],{"class":316},[302,1829,1831,1833,1835,1838],{"class":304,"line":1830},48,[302,1832,1749],{"class":1721},[302,1834,324],{"class":316},[302,1836,1837],{"class":439}," white",[302,1839,349],{"class":316},[302,1841,1843,1846,1848,1851],{"class":304,"line":1842},49,[302,1844,1845],{"class":1721},"  padding",[302,1847,324],{"class":316},[302,1849,1850],{"class":1740}," 24px",[302,1852,349],{"class":316},[302,1854,1856,1859,1861,1864],{"class":304,"line":1855},50,[302,1857,1858],{"class":1721},"  border-radius",[302,1860,324],{"class":316},[302,1862,1863],{"class":1740}," 8px",[302,1865,349],{"class":316},[302,1867,1869,1872,1874,1877],{"class":304,"line":1868},51,[302,1870,1871],{"class":1721},"  width",[302,1873,324],{"class":316},[302,1875,1876],{"class":1740}," 320px",[302,1878,349],{"class":316},[302,1880,1882],{"class":304,"line":1881},52,[302,1883,597],{"class":316},[302,1885,1887,1889,1891],{"class":304,"line":1886},53,[302,1888,1369],{"class":316},[302,1890,1704],{"class":373},[302,1892,1051],{"class":316},[288,1894,1896],{"id":1895},"see-also","See Also",[946,1898,1899,1907,1914,1928,1935,1941],{},[949,1900,1901,1906],{},[1902,1903,1904],"a",{"href":210},[280,1905,209],{}," - Close on Escape key press",[949,1908,1909,1913],{},[1902,1910,1911],{"href":206},[280,1912,205],{}," - Close on outside or backdrop click",[949,1915,1916,1920,1921,1924,1925],{},[1902,1917,1918],{"href":214},[280,1919,213],{}," - Apply ",[280,1922,1923],{},"role=\"dialog\""," and ",[280,1926,1927],{},"aria-modal=\"true\"",[949,1929,1930,1934],{},[1902,1931,1932],{"href":163},[280,1933,162],{}," - Shared node lifecycle",[949,1936,1937,1940],{},[1902,1938,1939],{"href":67},"Build Dialogs and Modals"," - Full modal implementation guide",[949,1942,1943,1945],{},[1902,1944,102],{"href":103}," - Comparison of modal vs roving focus patterns",[1704,1947,1948],{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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 .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":298,"searchDepth":352,"depth":352,"links":1950},[1951,1952,1953,1954,1959,1960],{"id":290,"depth":352,"text":291},{"id":669,"depth":352,"text":670},{"id":876,"depth":352,"text":877},{"id":938,"depth":352,"text":939,"children":1955},[1956,1957,1958],{"id":943,"depth":359,"text":944},{"id":982,"depth":359,"text":983},{"id":999,"depth":359,"text":1000},{"id":1016,"depth":352,"text":1017},{"id":1895,"depth":352,"text":1896},"Manages modal focus containment, background inert isolation, and return focus.","md",null,{},{"title":201,"description":1961},"AqANc8CLdlCW-Isvf0PRlcmMcSkxD3zJfrMhQmiGaFs",[1968,1970],{"title":197,"path":198,"stem":199,"description":1969,"children":-1},"Opens and closes floating content on keyboard focus.",{"title":205,"path":206,"stem":207,"description":1971,"children":-1},"Closes floating content when pointer input lands outside its floating family.",1791046165701]