@react-aria/focus 3.6.0 → 3.8.0

package/dist/main.js

@@ -3,37 +3,22 @@ var $aB6Cp$reactariautils = require("@react-aria/utils");
 var $aB6Cp$reactariainteractions = require("@react-aria/interactions");
 var $aB6Cp$clsx = require("clsx");
 
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $a7a032acae3ddda9$exports = {};
-
-$parcel$export($a7a032acae3ddda9$exports, "FocusScope", () => $a7a032acae3ddda9$export$20e40289641fbbb6);
-$parcel$export($a7a032acae3ddda9$exports, "useFocusManager", () => $a7a032acae3ddda9$export$10c5169755ce7bd7);
-$parcel$export($a7a032acae3ddda9$exports, "getFocusableTreeWalker", () => $a7a032acae3ddda9$export$2d6ec8fc375ceafa);
-$parcel$export($a7a032acae3ddda9$exports, "createFocusManager", () => $a7a032acae3ddda9$export$c5251b9e124bf29);
-var $1c7f9157d722357d$exports = {};
 
-$parcel$export($1c7f9157d722357d$exports, "focusSafely", () => $1c7f9157d722357d$export$80f3e147d781571c);
+$parcel$export(module.exports, "FocusScope", () => $a7a032acae3ddda9$export$20e40289641fbbb6);
+$parcel$export(module.exports, "useFocusManager", () => $a7a032acae3ddda9$export$10c5169755ce7bd7);
+$parcel$export(module.exports, "getFocusableTreeWalker", () => $a7a032acae3ddda9$export$2d6ec8fc375ceafa);
+$parcel$export(module.exports, "createFocusManager", () => $a7a032acae3ddda9$export$c5251b9e124bf29);
+$parcel$export(module.exports, "FocusRing", () => $dfd8c70b928eb1b3$export$1a38b4ad7f578e1d);
+$parcel$export(module.exports, "FocusableProvider", () => $fb504d83237fd6ac$export$13f3202a3e5ddd5);
+$parcel$export(module.exports, "useFocusable", () => $fb504d83237fd6ac$export$4c014de7c8940b4c);
+$parcel$export(module.exports, "useFocusRing", () => $581a96d6eb128c1b$export$4e328f61c538687f);
+$parcel$export(module.exports, "focusSafely", () => $1c7f9157d722357d$export$80f3e147d781571c);
 
 
 function $1c7f9157d722357d$export$80f3e147d781571c(element) {
@@ -85,14 +70,15 @@ function $d5156037ad898a4d$export$e989c0fffaa6b27a(element, childElement) {
 
 const $a7a032acae3ddda9$var$FocusContext = /*#__PURE__*/ ($parcel$interopDefault($aB6Cp$react)).createContext(null);
 let $a7a032acae3ddda9$var$activeScope = null;
-let $a7a032acae3ddda9$var$scopes = new Map();
 function $a7a032acae3ddda9$export$20e40289641fbbb6(props) {
     let { children: children , contain: contain , restoreFocus: restoreFocus , autoFocus: autoFocus  } = props;
     let startRef = $aB6Cp$react.useRef();
     let endRef = $aB6Cp$react.useRef();
     let scopeRef = $aB6Cp$react.useRef([]);
     let ctx = $aB6Cp$react.useContext($a7a032acae3ddda9$var$FocusContext);
-    let parentScope = ctx === null || ctx === void 0 ? void 0 : ctx.scopeRef;
+    var ref;
+    // if there is no scopeRef on the context, then the parent is the focusScopeTree's root, represented by null
+    let parentScope = (ref = ctx === null || ctx === void 0 ? void 0 : ctx.scopeRef) !== null && ref !== void 0 ? ref : null;
     $aB6Cp$reactariautils.useLayoutEffect(()=>{
         // Find all rendered nodes between the sentinels and add them to the scope.
         let node = startRef.current.nextSibling;
@@ -106,22 +92,27 @@ function $a7a032acae3ddda9$export$20e40289641fbbb6(props) {
         children,
         parentScope
     ]);
+    // add to the focus scope tree in render order because useEffects/useLayoutEffects run children first whereas render runs parent first
+    // which matters when constructing a tree
+    if ($a7a032acae3ddda9$export$d06fae2ee68b101e.getTreeNode(parentScope) && !$a7a032acae3ddda9$export$d06fae2ee68b101e.getTreeNode(scopeRef)) $a7a032acae3ddda9$export$d06fae2ee68b101e.addTreeNode(scopeRef, parentScope);
+    let node1 = $a7a032acae3ddda9$export$d06fae2ee68b101e.getTreeNode(scopeRef);
+    node1.contain = contain;
+    $a7a032acae3ddda9$var$useFocusContainment(scopeRef, contain);
+    $a7a032acae3ddda9$var$useRestoreFocus(scopeRef, restoreFocus, contain);
+    $a7a032acae3ddda9$var$useAutoFocus(scopeRef, autoFocus);
+    // this layout effect needs to run last so that focusScopeTree cleanup happens at the last moment possible
     $aB6Cp$reactariautils.useLayoutEffect(()=>{
-        $a7a032acae3ddda9$var$scopes.set(scopeRef, parentScope);
-        return ()=>{
+        if (scopeRef && (parentScope || parentScope == null)) return ()=>{
             // Restore the active scope on unmount if this scope or a descendant scope is active.
             // Parent effect cleanups run before children, so we need to check if the
             // parent scope actually still exists before restoring the active scope to it.
-            if ((scopeRef === $a7a032acae3ddda9$var$activeScope || $a7a032acae3ddda9$var$isAncestorScope(scopeRef, $a7a032acae3ddda9$var$activeScope)) && (!parentScope || $a7a032acae3ddda9$var$scopes.has(parentScope))) $a7a032acae3ddda9$var$activeScope = parentScope;
-            $a7a032acae3ddda9$var$scopes.delete(scopeRef);
+            if ((scopeRef === $a7a032acae3ddda9$var$activeScope || $a7a032acae3ddda9$var$isAncestorScope(scopeRef, $a7a032acae3ddda9$var$activeScope)) && (!parentScope || $a7a032acae3ddda9$export$d06fae2ee68b101e.getTreeNode(parentScope))) $a7a032acae3ddda9$var$activeScope = parentScope;
+            $a7a032acae3ddda9$export$d06fae2ee68b101e.removeTreeNode(scopeRef);
         };
     }, [
         scopeRef,
         parentScope
     ]);
-    $a7a032acae3ddda9$var$useFocusContainment(scopeRef, contain);
-    $a7a032acae3ddda9$var$useRestoreFocus(scopeRef, restoreFocus, contain);
-    $a7a032acae3ddda9$var$useAutoFocus(scopeRef, autoFocus);
     let focusManager = $a7a032acae3ddda9$var$createFocusManagerForScope(scopeRef);
     return(/*#__PURE__*/ ($parcel$interopDefault($aB6Cp$react)).createElement($a7a032acae3ddda9$var$FocusContext.Provider, {
         value: {
@@ -147,11 +138,12 @@ function $a7a032acae3ddda9$var$createFocusManagerForScope(scopeRef) {
         focusNext (opts = {
         }) {
             let scope = scopeRef.current;
-            let { from: from , tabbable: tabbable , wrap: wrap  } = opts;
+            let { from: from , tabbable: tabbable , wrap: wrap , accept: accept  } = opts;
             let node = from || document.activeElement;
             let sentinel = scope[0].previousElementSibling;
             let walker = $a7a032acae3ddda9$export$2d6ec8fc375ceafa($a7a032acae3ddda9$var$getScopeRoot(scope), {
-                tabbable: tabbable
+                tabbable: tabbable,
+                accept: accept
             }, scope);
             walker.currentNode = $a7a032acae3ddda9$var$isElementInScope(node, scope) ? node : sentinel;
             let nextNode = walker.nextNode();
@@ -165,11 +157,12 @@ function $a7a032acae3ddda9$var$createFocusManagerForScope(scopeRef) {
         focusPrevious (opts = {
         }) {
             let scope = scopeRef.current;
-            let { from: from , tabbable: tabbable , wrap: wrap  } = opts;
+            let { from: from , tabbable: tabbable , wrap: wrap , accept: accept  } = opts;
             let node = from || document.activeElement;
             let sentinel = scope[scope.length - 1].nextElementSibling;
             let walker = $a7a032acae3ddda9$export$2d6ec8fc375ceafa($a7a032acae3ddda9$var$getScopeRoot(scope), {
-                tabbable: tabbable
+                tabbable: tabbable,
+                accept: accept
             }, scope);
             walker.currentNode = $a7a032acae3ddda9$var$isElementInScope(node, scope) ? node : sentinel;
             let previousNode = walker.previousNode();
@@ -183,9 +176,10 @@ function $a7a032acae3ddda9$var$createFocusManagerForScope(scopeRef) {
         focusFirst (opts = {
         }) {
             let scope = scopeRef.current;
-            let { tabbable: tabbable  } = opts;
+            let { tabbable: tabbable , accept: accept  } = opts;
             let walker = $a7a032acae3ddda9$export$2d6ec8fc375ceafa($a7a032acae3ddda9$var$getScopeRoot(scope), {
-                tabbable: tabbable
+                tabbable: tabbable,
+                accept: accept
             }, scope);
             walker.currentNode = scope[0].previousElementSibling;
             let nextNode = walker.nextNode();
@@ -195,9 +189,10 @@ function $a7a032acae3ddda9$var$createFocusManagerForScope(scopeRef) {
         focusLast (opts = {
         }) {
             let scope = scopeRef.current;
-            let { tabbable: tabbable  } = opts;
+            let { tabbable: tabbable , accept: accept  } = opts;
             let walker = $a7a032acae3ddda9$export$2d6ec8fc375ceafa($a7a032acae3ddda9$var$getScopeRoot(scope), {
-                tabbable: tabbable
+                tabbable: tabbable,
+                accept: accept
             }, scope);
             walker.currentNode = scope[scope.length - 1].nextElementSibling;
             let previousNode = walker.previousNode();
@@ -227,15 +222,30 @@ const $a7a032acae3ddda9$var$TABBABLE_ELEMENT_SELECTOR = $a7a032acae3ddda9$var$fo
 function $a7a032acae3ddda9$var$getScopeRoot(scope) {
     return scope[0].parentElement;
 }
+function $a7a032acae3ddda9$var$shouldContainFocus(scopeRef) {
+    let scope = $a7a032acae3ddda9$export$d06fae2ee68b101e.getTreeNode($a7a032acae3ddda9$var$activeScope);
+    while(scope && scope.scopeRef !== scopeRef){
+        if (scope.contain) return false;
+        scope = scope.parent;
+    }
+    return true;
+}
 function $a7a032acae3ddda9$var$useFocusContainment(scopeRef, contain) {
     let focusedNode = $aB6Cp$react.useRef();
     let raf = $aB6Cp$react.useRef(null);
     $aB6Cp$reactariautils.useLayoutEffect(()=>{
         let scope1 = scopeRef.current;
-        if (!contain) return;
+        if (!contain) {
+            // if contain was changed, then we should cancel any ongoing waits to pull focus back into containment
+            if (raf.current) {
+                cancelAnimationFrame(raf.current);
+                raf.current = null;
+            }
+            return;
+        }
         // Handle the Tab key to contain focus within the scope
         let onKeyDown = (e)=>{
-            if (e.key !== 'Tab' || e.altKey || e.ctrlKey || e.metaKey || scopeRef !== $a7a032acae3ddda9$var$activeScope) return;
+            if (e.key !== 'Tab' || e.altKey || e.ctrlKey || e.metaKey || !$a7a032acae3ddda9$var$shouldContainFocus(scopeRef)) return;
             let focusedElement = document.activeElement;
             let scope = scopeRef.current;
             if (!$a7a032acae3ddda9$var$isElementInScope(focusedElement, scope)) return;
@@ -257,21 +267,23 @@ function $a7a032acae3ddda9$var$useFocusContainment(scopeRef, contain) {
             if (!$a7a032acae3ddda9$var$activeScope || $a7a032acae3ddda9$var$isAncestorScope($a7a032acae3ddda9$var$activeScope, scopeRef)) {
                 $a7a032acae3ddda9$var$activeScope = scopeRef;
                 focusedNode.current = e.target;
-            } else if (scopeRef === $a7a032acae3ddda9$var$activeScope && !$a7a032acae3ddda9$var$isElementInChildScope(e.target, scopeRef)) {
+            } else if ($a7a032acae3ddda9$var$shouldContainFocus(scopeRef) && !$a7a032acae3ddda9$var$isElementInChildScope(e.target, scopeRef)) {
                 // If a focus event occurs outside the active scope (e.g. user tabs from browser location bar),
                 // restore focus to the previously focused node or the first tabbable element in the active scope.
                 if (focusedNode.current) focusedNode.current.focus();
                 else if ($a7a032acae3ddda9$var$activeScope) $a7a032acae3ddda9$var$focusFirstInScope($a7a032acae3ddda9$var$activeScope.current);
-            } else if (scopeRef === $a7a032acae3ddda9$var$activeScope) focusedNode.current = e.target;
+            } else if ($a7a032acae3ddda9$var$shouldContainFocus(scopeRef)) focusedNode.current = e.target;
         };
         let onBlur = (e)=>{
             // Firefox doesn't shift focus back to the Dialog properly without this
             raf.current = requestAnimationFrame(()=>{
                 // Use document.activeElement instead of e.relatedTarget so we can tell if user clicked into iframe
-                if (scopeRef === $a7a032acae3ddda9$var$activeScope && !$a7a032acae3ddda9$var$isElementInChildScope(document.activeElement, scopeRef)) {
+                if ($a7a032acae3ddda9$var$shouldContainFocus(scopeRef) && !$a7a032acae3ddda9$var$isElementInChildScope(document.activeElement, scopeRef)) {
                     $a7a032acae3ddda9$var$activeScope = scopeRef;
-                    focusedNode.current = e.target;
-                    focusedNode.current.focus();
+                    if (document.body.contains(e.target)) {
+                        focusedNode.current = e.target;
+                        focusedNode.current.focus();
+                    } else if ($a7a032acae3ddda9$var$activeScope) $a7a032acae3ddda9$var$focusFirstInScope($a7a032acae3ddda9$var$activeScope.current);
                 }
             });
         };
@@ -295,35 +307,36 @@ function $a7a032acae3ddda9$var$useFocusContainment(scopeRef, contain) {
     ]);
     // eslint-disable-next-line arrow-body-style
     $aB6Cp$react.useEffect(()=>{
-        return ()=>cancelAnimationFrame(raf.current)
-        ;
+        return ()=>{
+            if (raf.current) cancelAnimationFrame(raf.current);
+        };
     }, [
         raf
     ]);
 }
 function $a7a032acae3ddda9$var$isElementInAnyScope(element) {
-    for (let scope of $a7a032acae3ddda9$var$scopes.keys()){
-        if ($a7a032acae3ddda9$var$isElementInScope(element, scope.current)) return true;
-    }
-    return false;
+    return $a7a032acae3ddda9$var$isElementInChildScope(element);
 }
 function $a7a032acae3ddda9$var$isElementInScope(element, scope) {
     return scope.some((node)=>node.contains(element)
     );
 }
-function $a7a032acae3ddda9$var$isElementInChildScope(element, scope) {
+function $a7a032acae3ddda9$var$isElementInChildScope(element, scope = null) {
     // node.contains in isElementInScope covers child scopes that are also DOM children,
     // but does not cover child scopes in portals.
-    for (let s of $a7a032acae3ddda9$var$scopes.keys()){
-        if ((s === scope || $a7a032acae3ddda9$var$isAncestorScope(scope, s)) && $a7a032acae3ddda9$var$isElementInScope(element, s.current)) return true;
+    for (let { scopeRef: s  } of $a7a032acae3ddda9$export$d06fae2ee68b101e.traverse($a7a032acae3ddda9$export$d06fae2ee68b101e.getTreeNode(scope))){
+        if ($a7a032acae3ddda9$var$isElementInScope(element, s.current)) return true;
     }
     return false;
 }
 function $a7a032acae3ddda9$var$isAncestorScope(ancestor, scope) {
-    let parent = $a7a032acae3ddda9$var$scopes.get(scope);
-    if (!parent) return false;
-    if (parent === ancestor) return true;
-    return $a7a032acae3ddda9$var$isAncestorScope(ancestor, parent);
+    var ref;
+    let parent = (ref = $a7a032acae3ddda9$export$d06fae2ee68b101e.getTreeNode(scope)) === null || ref === void 0 ? void 0 : ref.parent;
+    while(parent){
+        if (parent.scopeRef === ancestor) return true;
+        parent = parent.parent;
+    }
+    return false;
 }
 function $a7a032acae3ddda9$var$focusElement(element, scroll = false) {
     if (element != null && !scroll) try {
@@ -337,13 +350,22 @@ function $a7a032acae3ddda9$var$focusElement(element, scroll = false) {
     // ignore
     }
 }
-function $a7a032acae3ddda9$var$focusFirstInScope(scope) {
+function $a7a032acae3ddda9$var$focusFirstInScope(scope, tabbable = true) {
     let sentinel = scope[0].previousElementSibling;
     let walker = $a7a032acae3ddda9$export$2d6ec8fc375ceafa($a7a032acae3ddda9$var$getScopeRoot(scope), {
-        tabbable: true
+        tabbable: tabbable
     }, scope);
     walker.currentNode = sentinel;
-    $a7a032acae3ddda9$var$focusElement(walker.nextNode());
+    let nextNode = walker.nextNode();
+    // If the scope does not contain a tabbable element, use the first focusable element.
+    if (tabbable && !nextNode) {
+        walker = $a7a032acae3ddda9$export$2d6ec8fc375ceafa($a7a032acae3ddda9$var$getScopeRoot(scope), {
+            tabbable: false
+        }, scope);
+        walker.currentNode = sentinel;
+        nextNode = walker.nextNode();
+    }
+    $a7a032acae3ddda9$var$focusElement(nextNode);
 }
 function $a7a032acae3ddda9$var$useAutoFocus(scopeRef, autoFocus) {
     const autoFocusRef = ($parcel$interopDefault($aB6Cp$react)).useRef(autoFocus);
@@ -353,14 +375,38 @@ function $a7a032acae3ddda9$var$useAutoFocus(scopeRef, autoFocus) {
             if (!$a7a032acae3ddda9$var$isElementInScope(document.activeElement, $a7a032acae3ddda9$var$activeScope.current)) $a7a032acae3ddda9$var$focusFirstInScope(scopeRef.current);
         }
         autoFocusRef.current = false;
-    }, []);
+    }, [
+        scopeRef
+    ]);
 }
 function $a7a032acae3ddda9$var$useRestoreFocus(scopeRef, restoreFocus, contain) {
     // create a ref during render instead of useLayoutEffect so the active element is saved before a child with autoFocus=true mounts.
     const nodeToRestoreRef = $aB6Cp$react.useRef(typeof document !== 'undefined' ? document.activeElement : null);
+    // restoring scopes should all track if they are active regardless of contain, but contain already tracks it plus logic to contain the focus
+    // restoring-non-containing scopes should only care if they become active so they can perform the restore
+    $aB6Cp$reactariautils.useLayoutEffect(()=>{
+        let scope = scopeRef.current;
+        if (!restoreFocus || contain) return;
+        let onFocus = ()=>{
+            // If focusing an element in a child scope of the currently active scope, the child becomes active.
+            // Moving out of the active scope to an ancestor is not allowed.
+            if (!$a7a032acae3ddda9$var$activeScope || $a7a032acae3ddda9$var$isAncestorScope($a7a032acae3ddda9$var$activeScope, scopeRef)) $a7a032acae3ddda9$var$activeScope = scopeRef;
+        };
+        document.addEventListener('focusin', onFocus, false);
+        scope.forEach((element)=>element.addEventListener('focusin', onFocus, false)
+        );
+        return ()=>{
+            document.removeEventListener('focusin', onFocus, false);
+            scope.forEach((element)=>element.removeEventListener('focusin', onFocus, false)
+            );
+        };
+    }, [
+        scopeRef,
+        contain
+    ]);
     // useLayoutEffect instead of useEffect so the active element is saved synchronously instead of asynchronously.
     $aB6Cp$reactariautils.useLayoutEffect(()=>{
-        let nodeToRestore = nodeToRestoreRef.current;
+        $a7a032acae3ddda9$export$d06fae2ee68b101e.getTreeNode(scopeRef).nodeToRestore = nodeToRestoreRef.current;
         if (!restoreFocus) return;
         // Handle the Tab key so that tabbing out of the scope goes to the next element
         // after the node that had focus when the scope mounted. This is important when
@@ -370,6 +416,7 @@ function $a7a032acae3ddda9$var$useRestoreFocus(scopeRef, restoreFocus, contain)
             if (e.key !== 'Tab' || e.altKey || e.ctrlKey || e.metaKey) return;
             let focusedElement = document.activeElement;
             if (!$a7a032acae3ddda9$var$isElementInScope(focusedElement, scopeRef.current)) return;
+            let nodeToRestore = $a7a032acae3ddda9$export$d06fae2ee68b101e.getTreeNode(scopeRef).nodeToRestore;
             // Create a DOM tree walker that matches all tabbable elements
             let walker = $a7a032acae3ddda9$export$2d6ec8fc375ceafa(document.body, {
                 tabbable: true
@@ -377,7 +424,10 @@ function $a7a032acae3ddda9$var$useRestoreFocus(scopeRef, restoreFocus, contain)
             // Find the next tabbable element after the currently focused element
             walker.currentNode = focusedElement;
             let nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();
-            if (!document.body.contains(nodeToRestore) || nodeToRestore === document.body) nodeToRestore = null;
+            if (!document.body.contains(nodeToRestore) || nodeToRestore === document.body) {
+                nodeToRestore = null;
+                $a7a032acae3ddda9$export$d06fae2ee68b101e.getTreeNode(scopeRef).nodeToRestore = null;
+            }
             // If there is no next element, or it is outside the current scope, move focus to the
             // next element after the node to restore to instead.
             if ((!nextElement || !$a7a032acae3ddda9$var$isElementInScope(nextElement, scopeRef.current)) && nodeToRestore) {
@@ -398,9 +448,26 @@ function $a7a032acae3ddda9$var$useRestoreFocus(scopeRef, restoreFocus, contain)
         if (!contain) document.addEventListener('keydown', onKeyDown, true);
         return ()=>{
             if (!contain) document.removeEventListener('keydown', onKeyDown, true);
-            if (restoreFocus && nodeToRestore && $a7a032acae3ddda9$var$isElementInScope(document.activeElement, scopeRef.current)) requestAnimationFrame(()=>{
-                if (document.body.contains(nodeToRestore)) $a7a032acae3ddda9$var$focusElement(nodeToRestore);
-            });
+            let nodeToRestore = $a7a032acae3ddda9$export$d06fae2ee68b101e.getTreeNode(scopeRef).nodeToRestore;
+            // if we already lost focus to the body and this was the active scope, then we should attempt to restore
+            if (restoreFocus && nodeToRestore && ($a7a032acae3ddda9$var$isElementInScope(document.activeElement, scopeRef.current) || document.activeElement === document.body && $a7a032acae3ddda9$var$activeScope === scopeRef)) {
+                // freeze the focusScopeTree so it persists after the raf, otherwise during unmount nodes are removed from it
+                let clonedTree = $a7a032acae3ddda9$export$d06fae2ee68b101e.clone();
+                requestAnimationFrame(()=>{
+                    // Only restore focus if we've lost focus to the body, the alternative is that focus has been purposefully moved elsewhere
+                    if (document.activeElement === document.body) {
+                        // look up the tree starting with our scope to find a nodeToRestore still in the DOM
+                        let treeNode = clonedTree.getTreeNode(scopeRef);
+                        while(treeNode){
+                            if (treeNode.nodeToRestore && document.body.contains(treeNode.nodeToRestore)) {
+                                $a7a032acae3ddda9$var$focusElement(treeNode.nodeToRestore);
+                                return;
+                            }
+                            treeNode = treeNode.parent;
+                        }
+                    }
+                });
+            }
         };
     }, [
         scopeRef,
@@ -428,6 +495,7 @@ function $a7a032acae3ddda9$export$c5251b9e124bf29(ref, defaultOptions = {
         focusNext (opts = {
         }) {
             let root = ref.current;
+            if (!root) return;
             let { from: from , tabbable: tabbable = defaultOptions.tabbable , wrap: wrap = defaultOptions.wrap , accept: accept = defaultOptions.accept  } = opts;
             let node = from || document.activeElement;
             let walker = $a7a032acae3ddda9$export$2d6ec8fc375ceafa(root, {
@@ -445,6 +513,7 @@ function $a7a032acae3ddda9$export$c5251b9e124bf29(ref, defaultOptions = {
         },
         focusPrevious (opts = defaultOptions) {
             let root = ref.current;
+            if (!root) return;
             let { from: from , tabbable: tabbable = defaultOptions.tabbable , wrap: wrap = defaultOptions.wrap , accept: accept = defaultOptions.accept  } = opts;
             let node = from || document.activeElement;
             let walker = $a7a032acae3ddda9$export$2d6ec8fc375ceafa(root, {
@@ -467,6 +536,7 @@ function $a7a032acae3ddda9$export$c5251b9e124bf29(ref, defaultOptions = {
         },
         focusFirst (opts = defaultOptions) {
             let root = ref.current;
+            if (!root) return;
             let { tabbable: tabbable = defaultOptions.tabbable , accept: accept = defaultOptions.accept  } = opts;
             let walker = $a7a032acae3ddda9$export$2d6ec8fc375ceafa(root, {
                 tabbable: tabbable,
@@ -478,6 +548,7 @@ function $a7a032acae3ddda9$export$c5251b9e124bf29(ref, defaultOptions = {
         },
         focusLast (opts = defaultOptions) {
             let root = ref.current;
+            if (!root) return;
             let { tabbable: tabbable = defaultOptions.tabbable , accept: accept = defaultOptions.accept  } = opts;
             let walker = $a7a032acae3ddda9$export$2d6ec8fc375ceafa(root, {
                 tabbable: tabbable,
@@ -498,17 +569,76 @@ function $a7a032acae3ddda9$var$last(walker) {
     }while (last)
     return next;
 }
+class $a7a032acae3ddda9$var$Tree {
+    get size() {
+        return this.fastMap.size;
+    }
+    getTreeNode(data) {
+        return this.fastMap.get(data);
+    }
+    addTreeNode(scopeRef, parent, nodeToRestore) {
+        let parentNode = this.fastMap.get(parent !== null && parent !== void 0 ? parent : null);
+        let node = new $a7a032acae3ddda9$var$TreeNode({
+            scopeRef: scopeRef
+        });
+        parentNode.addChild(node);
+        node.parent = parentNode;
+        this.fastMap.set(scopeRef, node);
+        if (nodeToRestore) node.nodeToRestore = nodeToRestore;
+    }
+    removeTreeNode(scopeRef) {
+        // never remove the root
+        if (scopeRef === null) return;
+        let node = this.fastMap.get(scopeRef);
+        let parentNode = node.parent;
+        // when we remove a scope, check if any sibling scopes are trying to restore focus to something inside the scope we're removing
+        // if we are, then replace the siblings restore with the restore from the scope we're removing
+        for (let current of this.traverse())if (current !== node && node.nodeToRestore && current.nodeToRestore && node.scopeRef.current && $a7a032acae3ddda9$var$isElementInScope(current.nodeToRestore, node.scopeRef.current)) current.nodeToRestore = node.nodeToRestore;
+        let children = node.children;
+        parentNode.removeChild(node);
+        if (children.length > 0) children.forEach((child)=>parentNode.addChild(child)
+        );
+        this.fastMap.delete(node.scopeRef);
+    }
+    // Pre Order Depth First
+    *traverse(node = this.root) {
+        if (node.scopeRef != null) yield node;
+        if (node.children.length > 0) for (let child of node.children)yield* this.traverse(child);
+    }
+    clone() {
+        let newTree = new $a7a032acae3ddda9$var$Tree();
+        for (let node of this.traverse())newTree.addTreeNode(node.scopeRef, node.parent.scopeRef, node.nodeToRestore);
+        return newTree;
+    }
+    constructor(){
+        this.fastMap = new Map();
+        this.root = new $a7a032acae3ddda9$var$TreeNode({
+            scopeRef: null
+        });
+        this.fastMap.set(null, this.root);
+    }
+}
+class $a7a032acae3ddda9$var$TreeNode {
+    addChild(node) {
+        this.children.push(node);
+        node.parent = this;
+    }
+    removeChild(node) {
+        this.children.splice(this.children.indexOf(node), 1);
+        node.parent = undefined;
+    }
+    constructor(props){
+        this.children = [];
+        this.contain = false;
+        this.scopeRef = props.scopeRef;
+    }
+}
+let $a7a032acae3ddda9$export$d06fae2ee68b101e = new $a7a032acae3ddda9$var$Tree();
 
 
-var $dfd8c70b928eb1b3$exports = {};
-
-$parcel$export($dfd8c70b928eb1b3$exports, "FocusRing", () => $dfd8c70b928eb1b3$export$1a38b4ad7f578e1d);
-
 
 
-var $581a96d6eb128c1b$exports = {};
 
-$parcel$export($581a96d6eb128c1b$exports, "useFocusRing", () => $581a96d6eb128c1b$export$4e328f61c538687f);
 
 
 
@@ -567,10 +697,6 @@ function $dfd8c70b928eb1b3$export$1a38b4ad7f578e1d(props) {
 }
 
 
-var $fb504d83237fd6ac$exports = {};
-
-$parcel$export($fb504d83237fd6ac$exports, "FocusableProvider", () => $fb504d83237fd6ac$export$13f3202a3e5ddd5);
-$parcel$export($fb504d83237fd6ac$exports, "useFocusable", () => $fb504d83237fd6ac$export$4c014de7c8940b4c);
 
 
 
@@ -622,11 +748,6 @@ function $fb504d83237fd6ac$export$4c014de7c8940b4c(props, domRef) {
 
 
 
-$parcel$exportWildcard(module.exports, $a7a032acae3ddda9$exports);
-$parcel$exportWildcard(module.exports, $dfd8c70b928eb1b3$exports);
-$parcel$exportWildcard(module.exports, $fb504d83237fd6ac$exports);
-$parcel$exportWildcard(module.exports, $581a96d6eb128c1b$exports);
-$parcel$exportWildcard(module.exports, $1c7f9157d722357d$exports);
 
 
 //# sourceMappingURL=main.js.map