@react-aria/focus 3.5.2 → 3.5.5

package/dist/module.js

@@ -1,35 +1,35 @@
-import $6saFI$react, {useRef as $6saFI$useRef, useContext as $6saFI$useContext, useEffect as $6saFI$useEffect, useState as $6saFI$useState} from "react";
-import {useLayoutEffect as $6saFI$useLayoutEffect, runAfterTransition as $6saFI$runAfterTransition, focusWithoutScrolling as $6saFI$focusWithoutScrolling, mergeProps as $6saFI$mergeProps, useSyncRef as $6saFI$useSyncRef} from "@react-aria/utils";
-import {getInteractionModality as $6saFI$getInteractionModality, isFocusVisible as $6saFI$isFocusVisible, useFocusVisibleListener as $6saFI$useFocusVisibleListener, useFocus as $6saFI$useFocus, useFocusWithin as $6saFI$useFocusWithin, useKeyboard as $6saFI$useKeyboard} from "@react-aria/interactions";
-import $6saFI$clsx from "clsx";
+import $6nfFC$react, {useRef as $6nfFC$useRef, useContext as $6nfFC$useContext, useEffect as $6nfFC$useEffect, useState as $6nfFC$useState} from "react";
+import {useLayoutEffect as $6nfFC$useLayoutEffect, runAfterTransition as $6nfFC$runAfterTransition, focusWithoutScrolling as $6nfFC$focusWithoutScrolling, mergeProps as $6nfFC$mergeProps, useSyncRef as $6nfFC$useSyncRef} from "@react-aria/utils";
+import {getInteractionModality as $6nfFC$getInteractionModality, isFocusVisible as $6nfFC$isFocusVisible, useFocusVisibleListener as $6nfFC$useFocusVisibleListener, useFocus as $6nfFC$useFocus, useFocusWithin as $6nfFC$useFocusWithin, useKeyboard as $6nfFC$useKeyboard} from "@react-aria/interactions";
+import $6nfFC$clsx from "clsx";
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-var $14e5c84cbc2e6e2e$exports = {};
+var $9bf71ea28793e738$exports = {};
 
-$parcel$export($14e5c84cbc2e6e2e$exports, "FocusScope", () => $14e5c84cbc2e6e2e$export$20e40289641fbbb6);
-$parcel$export($14e5c84cbc2e6e2e$exports, "useFocusManager", () => $14e5c84cbc2e6e2e$export$10c5169755ce7bd7);
-$parcel$export($14e5c84cbc2e6e2e$exports, "getFocusableTreeWalker", () => $14e5c84cbc2e6e2e$export$2d6ec8fc375ceafa);
-$parcel$export($14e5c84cbc2e6e2e$exports, "createFocusManager", () => $14e5c84cbc2e6e2e$export$c5251b9e124bf29);
-var $1159c3b6ba210e4f$exports = {};
+$parcel$export($9bf71ea28793e738$exports, "FocusScope", () => $9bf71ea28793e738$export$20e40289641fbbb6);
+$parcel$export($9bf71ea28793e738$exports, "useFocusManager", () => $9bf71ea28793e738$export$10c5169755ce7bd7);
+$parcel$export($9bf71ea28793e738$exports, "getFocusableTreeWalker", () => $9bf71ea28793e738$export$2d6ec8fc375ceafa);
+$parcel$export($9bf71ea28793e738$exports, "createFocusManager", () => $9bf71ea28793e738$export$c5251b9e124bf29);
+var $6a99195332edec8b$exports = {};
 
-$parcel$export($1159c3b6ba210e4f$exports, "focusSafely", () => $1159c3b6ba210e4f$export$80f3e147d781571c);
+$parcel$export($6a99195332edec8b$exports, "focusSafely", () => $6a99195332edec8b$export$80f3e147d781571c);
 
 
-function $1159c3b6ba210e4f$export$80f3e147d781571c(element) {
+function $6a99195332edec8b$export$80f3e147d781571c(element) {
     // If the user is interacting with a virtual cursor, e.g. screen reader, then
     // wait until after any animated transitions that are currently occurring on
     // the page before shifting focus. This avoids issues with VoiceOver on iOS
     // causing the page to scroll when moving focus if the element is transitioning
     // from off the screen.
-    if ($6saFI$getInteractionModality() === 'virtual') {
+    if ($6nfFC$getInteractionModality() === 'virtual') {
         let lastFocusedElement = document.activeElement;
-        $6saFI$runAfterTransition(()=>{
+        $6nfFC$runAfterTransition(()=>{
             // If focus did not move and the element is still in the document, focus it.
-            if (document.activeElement === lastFocusedElement && document.contains(element)) $6saFI$focusWithoutScrolling(element);
+            if (document.activeElement === lastFocusedElement && document.contains(element)) $6nfFC$focusWithoutScrolling(element);
         });
-    } else $6saFI$focusWithoutScrolling(element);
+    } else $6nfFC$focusWithoutScrolling(element);
 }
 
 
@@ -43,7 +43,7 @@ function $1159c3b6ba210e4f$export$80f3e147d781571c(element) {
  * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
- */ function $985a2847ebcbb615$var$isStyleVisible(element) {
+ */ function $645f2e67b85a24c9$var$isStyleVisible(element) {
     if (!(element instanceof HTMLElement) && !(element instanceof SVGElement)) return false;
     let { display: display , visibility: visibility  } = element.style;
     let isVisible = display !== 'none' && visibility !== 'hidden' && visibility !== 'collapse';
@@ -54,27 +54,27 @@ function $1159c3b6ba210e4f$export$80f3e147d781571c(element) {
     }
     return isVisible;
 }
-function $985a2847ebcbb615$var$isAttributeVisible(element, childElement) {
+function $645f2e67b85a24c9$var$isAttributeVisible(element, childElement) {
     return !element.hasAttribute('hidden') && (element.nodeName === 'DETAILS' && childElement && childElement.nodeName !== 'SUMMARY' ? element.hasAttribute('open') : true);
 }
-function $985a2847ebcbb615$export$e989c0fffaa6b27a(element, childElement) {
-    return element.nodeName !== '#comment' && $985a2847ebcbb615$var$isStyleVisible(element) && $985a2847ebcbb615$var$isAttributeVisible(element, childElement) && (!element.parentElement || $985a2847ebcbb615$export$e989c0fffaa6b27a(element.parentElement, element));
+function $645f2e67b85a24c9$export$e989c0fffaa6b27a(element, childElement) {
+    return element.nodeName !== '#comment' && $645f2e67b85a24c9$var$isStyleVisible(element) && $645f2e67b85a24c9$var$isAttributeVisible(element, childElement) && (!element.parentElement || $645f2e67b85a24c9$export$e989c0fffaa6b27a(element.parentElement, element));
 }
 
 
 
 
-const $14e5c84cbc2e6e2e$var$FocusContext = /*#__PURE__*/ $6saFI$react.createContext(null);
-let $14e5c84cbc2e6e2e$var$activeScope = null;
-let $14e5c84cbc2e6e2e$var$scopes = new Map();
-function $14e5c84cbc2e6e2e$export$20e40289641fbbb6(props) {
+const $9bf71ea28793e738$var$FocusContext = /*#__PURE__*/ $6nfFC$react.createContext(null);
+let $9bf71ea28793e738$var$activeScope = null;
+let $9bf71ea28793e738$var$scopes = new Map();
+function $9bf71ea28793e738$export$20e40289641fbbb6(props) {
     let { children: children , contain: contain , restoreFocus: restoreFocus , autoFocus: autoFocus  } = props;
-    let startRef = $6saFI$useRef();
-    let endRef = $6saFI$useRef();
-    let scopeRef = $6saFI$useRef([]);
-    let ctx = $6saFI$useContext($14e5c84cbc2e6e2e$var$FocusContext);
+    let startRef = $6nfFC$useRef();
+    let endRef = $6nfFC$useRef();
+    let scopeRef = $6nfFC$useRef([]);
+    let ctx = $6nfFC$useContext($9bf71ea28793e738$var$FocusContext);
     let parentScope = ctx === null || ctx === void 0 ? void 0 : ctx.scopeRef;
-    $6saFI$useLayoutEffect(()=>{
+    $6nfFC$useLayoutEffect(()=>{
         // Find all rendered nodes between the sentinels and add them to the scope.
         let node = startRef.current.nextSibling;
         let nodes = [];
@@ -87,43 +87,43 @@ function $14e5c84cbc2e6e2e$export$20e40289641fbbb6(props) {
         children,
         parentScope
     ]);
-    $6saFI$useLayoutEffect(()=>{
-        $14e5c84cbc2e6e2e$var$scopes.set(scopeRef, parentScope);
+    $6nfFC$useLayoutEffect(()=>{
+        $9bf71ea28793e738$var$scopes.set(scopeRef, parentScope);
         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 === $14e5c84cbc2e6e2e$var$activeScope || $14e5c84cbc2e6e2e$var$isAncestorScope(scopeRef, $14e5c84cbc2e6e2e$var$activeScope)) && (!parentScope || $14e5c84cbc2e6e2e$var$scopes.has(parentScope))) $14e5c84cbc2e6e2e$var$activeScope = parentScope;
-            $14e5c84cbc2e6e2e$var$scopes.delete(scopeRef);
+            if ((scopeRef === $9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope(scopeRef, $9bf71ea28793e738$var$activeScope)) && (!parentScope || $9bf71ea28793e738$var$scopes.has(parentScope))) $9bf71ea28793e738$var$activeScope = parentScope;
+            $9bf71ea28793e738$var$scopes.delete(scopeRef);
         };
     }, [
         scopeRef,
         parentScope
     ]);
-    $14e5c84cbc2e6e2e$var$useFocusContainment(scopeRef, contain);
-    $14e5c84cbc2e6e2e$var$useRestoreFocus(scopeRef, restoreFocus, contain);
-    $14e5c84cbc2e6e2e$var$useAutoFocus(scopeRef, autoFocus);
-    let focusManager = $14e5c84cbc2e6e2e$var$createFocusManagerForScope(scopeRef);
-    return(/*#__PURE__*/ $6saFI$react.createElement($14e5c84cbc2e6e2e$var$FocusContext.Provider, {
+    $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain);
+    $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain);
+    $9bf71ea28793e738$var$useAutoFocus(scopeRef, autoFocus);
+    let focusManager = $9bf71ea28793e738$var$createFocusManagerForScope(scopeRef);
+    return(/*#__PURE__*/ $6nfFC$react.createElement($9bf71ea28793e738$var$FocusContext.Provider, {
         value: {
             scopeRef: scopeRef,
             focusManager: focusManager
         }
-    }, /*#__PURE__*/ $6saFI$react.createElement("span", {
+    }, /*#__PURE__*/ $6nfFC$react.createElement("span", {
         "data-focus-scope-start": true,
         hidden: true,
         ref: startRef
-    }), children, /*#__PURE__*/ $6saFI$react.createElement("span", {
+    }), children, /*#__PURE__*/ $6nfFC$react.createElement("span", {
         "data-focus-scope-end": true,
         hidden: true,
         ref: endRef
     })));
 }
-function $14e5c84cbc2e6e2e$export$10c5169755ce7bd7() {
+function $9bf71ea28793e738$export$10c5169755ce7bd7() {
     var ref;
-    return (ref = $6saFI$useContext($14e5c84cbc2e6e2e$var$FocusContext)) === null || ref === void 0 ? void 0 : ref.focusManager;
+    return (ref = $6nfFC$useContext($9bf71ea28793e738$var$FocusContext)) === null || ref === void 0 ? void 0 : ref.focusManager;
 }
-function $14e5c84cbc2e6e2e$var$createFocusManagerForScope(scopeRef) {
+function $9bf71ea28793e738$var$createFocusManagerForScope(scopeRef) {
     return {
         focusNext (opts = {
         }) {
@@ -131,16 +131,16 @@ function $14e5c84cbc2e6e2e$var$createFocusManagerForScope(scopeRef) {
             let { from: from , tabbable: tabbable , wrap: wrap  } = opts;
             let node = from || document.activeElement;
             let sentinel = scope[0].previousElementSibling;
-            let walker = $14e5c84cbc2e6e2e$export$2d6ec8fc375ceafa($14e5c84cbc2e6e2e$var$getScopeRoot(scope), {
+            let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa($9bf71ea28793e738$var$getScopeRoot(scope), {
                 tabbable: tabbable
             }, scope);
-            walker.currentNode = $14e5c84cbc2e6e2e$var$isElementInScope(node, scope) ? node : sentinel;
+            walker.currentNode = $9bf71ea28793e738$var$isElementInScope(node, scope) ? node : sentinel;
             let nextNode = walker.nextNode();
             if (!nextNode && wrap) {
                 walker.currentNode = sentinel;
                 nextNode = walker.nextNode();
             }
-            if (nextNode) $14e5c84cbc2e6e2e$var$focusElement(nextNode, true);
+            if (nextNode) $9bf71ea28793e738$var$focusElement(nextNode, true);
             return nextNode;
         },
         focusPrevious (opts = {
@@ -149,45 +149,45 @@ function $14e5c84cbc2e6e2e$var$createFocusManagerForScope(scopeRef) {
             let { from: from , tabbable: tabbable , wrap: wrap  } = opts;
             let node = from || document.activeElement;
             let sentinel = scope[scope.length - 1].nextElementSibling;
-            let walker = $14e5c84cbc2e6e2e$export$2d6ec8fc375ceafa($14e5c84cbc2e6e2e$var$getScopeRoot(scope), {
+            let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa($9bf71ea28793e738$var$getScopeRoot(scope), {
                 tabbable: tabbable
             }, scope);
-            walker.currentNode = $14e5c84cbc2e6e2e$var$isElementInScope(node, scope) ? node : sentinel;
+            walker.currentNode = $9bf71ea28793e738$var$isElementInScope(node, scope) ? node : sentinel;
             let previousNode = walker.previousNode();
             if (!previousNode && wrap) {
                 walker.currentNode = sentinel;
                 previousNode = walker.previousNode();
             }
-            if (previousNode) $14e5c84cbc2e6e2e$var$focusElement(previousNode, true);
+            if (previousNode) $9bf71ea28793e738$var$focusElement(previousNode, true);
             return previousNode;
         },
         focusFirst (opts = {
         }) {
             let scope = scopeRef.current;
             let { tabbable: tabbable  } = opts;
-            let walker = $14e5c84cbc2e6e2e$export$2d6ec8fc375ceafa($14e5c84cbc2e6e2e$var$getScopeRoot(scope), {
+            let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa($9bf71ea28793e738$var$getScopeRoot(scope), {
                 tabbable: tabbable
             }, scope);
             walker.currentNode = scope[0].previousElementSibling;
             let nextNode = walker.nextNode();
-            if (nextNode) $14e5c84cbc2e6e2e$var$focusElement(nextNode, true);
+            if (nextNode) $9bf71ea28793e738$var$focusElement(nextNode, true);
             return nextNode;
         },
         focusLast (opts = {
         }) {
             let scope = scopeRef.current;
             let { tabbable: tabbable  } = opts;
-            let walker = $14e5c84cbc2e6e2e$export$2d6ec8fc375ceafa($14e5c84cbc2e6e2e$var$getScopeRoot(scope), {
+            let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa($9bf71ea28793e738$var$getScopeRoot(scope), {
                 tabbable: tabbable
             }, scope);
             walker.currentNode = scope[scope.length - 1].nextElementSibling;
             let previousNode = walker.previousNode();
-            if (previousNode) $14e5c84cbc2e6e2e$var$focusElement(previousNode, true);
+            if (previousNode) $9bf71ea28793e738$var$focusElement(previousNode, true);
             return previousNode;
         }
     };
 }
-const $14e5c84cbc2e6e2e$var$focusableElements = [
+const $9bf71ea28793e738$var$focusableElements = [
     'input:not([disabled]):not([type=hidden])',
     'select:not([disabled])',
     'textarea:not([disabled])',
@@ -202,25 +202,25 @@ const $14e5c84cbc2e6e2e$var$focusableElements = [
     'video[controls]',
     '[contenteditable]'
 ];
-const $14e5c84cbc2e6e2e$var$FOCUSABLE_ELEMENT_SELECTOR = $14e5c84cbc2e6e2e$var$focusableElements.join(':not([hidden]),') + ',[tabindex]:not([disabled]):not([hidden])';
-$14e5c84cbc2e6e2e$var$focusableElements.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
-const $14e5c84cbc2e6e2e$var$TABBABLE_ELEMENT_SELECTOR = $14e5c84cbc2e6e2e$var$focusableElements.join(':not([hidden]):not([tabindex="-1"]),');
-function $14e5c84cbc2e6e2e$var$getScopeRoot(scope) {
+const $9bf71ea28793e738$var$FOCUSABLE_ELEMENT_SELECTOR = $9bf71ea28793e738$var$focusableElements.join(':not([hidden]),') + ',[tabindex]:not([disabled]):not([hidden])';
+$9bf71ea28793e738$var$focusableElements.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
+const $9bf71ea28793e738$var$TABBABLE_ELEMENT_SELECTOR = $9bf71ea28793e738$var$focusableElements.join(':not([hidden]):not([tabindex="-1"]),');
+function $9bf71ea28793e738$var$getScopeRoot(scope) {
     return scope[0].parentElement;
 }
-function $14e5c84cbc2e6e2e$var$useFocusContainment(scopeRef, contain) {
-    let focusedNode = $6saFI$useRef();
-    let raf = $6saFI$useRef(null);
-    $6saFI$useLayoutEffect(()=>{
+function $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain) {
+    let focusedNode = $6nfFC$useRef();
+    let raf = $6nfFC$useRef(null);
+    $6nfFC$useLayoutEffect(()=>{
         let scope1 = scopeRef.current;
         if (!contain) 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 !== $14e5c84cbc2e6e2e$var$activeScope) return;
+            if (e.key !== 'Tab' || e.altKey || e.ctrlKey || e.metaKey || scopeRef !== $9bf71ea28793e738$var$activeScope) return;
             let focusedElement = document.activeElement;
             let scope = scopeRef.current;
-            if (!$14e5c84cbc2e6e2e$var$isElementInScope(focusedElement, scope)) return;
-            let walker = $14e5c84cbc2e6e2e$export$2d6ec8fc375ceafa($14e5c84cbc2e6e2e$var$getScopeRoot(scope), {
+            if (!$9bf71ea28793e738$var$isElementInScope(focusedElement, scope)) return;
+            let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa($9bf71ea28793e738$var$getScopeRoot(scope), {
                 tabbable: true
             }, scope);
             walker.currentNode = focusedElement;
@@ -230,27 +230,27 @@ function $14e5c84cbc2e6e2e$var$useFocusContainment(scopeRef, contain) {
                 nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();
             }
             e.preventDefault();
-            if (nextElement) $14e5c84cbc2e6e2e$var$focusElement(nextElement, true);
+            if (nextElement) $9bf71ea28793e738$var$focusElement(nextElement, true);
         };
         let onFocus = (e)=>{
             // 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 (!$14e5c84cbc2e6e2e$var$activeScope || $14e5c84cbc2e6e2e$var$isAncestorScope($14e5c84cbc2e6e2e$var$activeScope, scopeRef)) {
-                $14e5c84cbc2e6e2e$var$activeScope = scopeRef;
+            if (!$9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope($9bf71ea28793e738$var$activeScope, scopeRef)) {
+                $9bf71ea28793e738$var$activeScope = scopeRef;
                 focusedNode.current = e.target;
-            } else if (scopeRef === $14e5c84cbc2e6e2e$var$activeScope && !$14e5c84cbc2e6e2e$var$isElementInChildScope(e.target, scopeRef)) {
+            } else if (scopeRef === $9bf71ea28793e738$var$activeScope && !$9bf71ea28793e738$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 ($14e5c84cbc2e6e2e$var$activeScope) $14e5c84cbc2e6e2e$var$focusFirstInScope($14e5c84cbc2e6e2e$var$activeScope.current);
-            } else if (scopeRef === $14e5c84cbc2e6e2e$var$activeScope) focusedNode.current = e.target;
+                else if ($9bf71ea28793e738$var$activeScope) $9bf71ea28793e738$var$focusFirstInScope($9bf71ea28793e738$var$activeScope.current);
+            } else if (scopeRef === $9bf71ea28793e738$var$activeScope) 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 === $14e5c84cbc2e6e2e$var$activeScope && !$14e5c84cbc2e6e2e$var$isElementInChildScope(document.activeElement, scopeRef)) {
-                    $14e5c84cbc2e6e2e$var$activeScope = scopeRef;
+                if (scopeRef === $9bf71ea28793e738$var$activeScope && !$9bf71ea28793e738$var$isElementInChildScope(document.activeElement, scopeRef)) {
+                    $9bf71ea28793e738$var$activeScope = scopeRef;
                     focusedNode.current = e.target;
                     focusedNode.current.focus();
                 }
@@ -275,40 +275,40 @@ function $14e5c84cbc2e6e2e$var$useFocusContainment(scopeRef, contain) {
         contain
     ]);
     // eslint-disable-next-line arrow-body-style
-    $6saFI$useEffect(()=>{
+    $6nfFC$useEffect(()=>{
         return ()=>cancelAnimationFrame(raf.current)
         ;
     }, [
         raf
     ]);
 }
-function $14e5c84cbc2e6e2e$var$isElementInAnyScope(element) {
-    for (let scope of $14e5c84cbc2e6e2e$var$scopes.keys()){
-        if ($14e5c84cbc2e6e2e$var$isElementInScope(element, scope.current)) return true;
+function $9bf71ea28793e738$var$isElementInAnyScope(element) {
+    for (let scope of $9bf71ea28793e738$var$scopes.keys()){
+        if ($9bf71ea28793e738$var$isElementInScope(element, scope.current)) return true;
     }
     return false;
 }
-function $14e5c84cbc2e6e2e$var$isElementInScope(element, scope) {
+function $9bf71ea28793e738$var$isElementInScope(element, scope) {
     return scope.some((node)=>node.contains(element)
     );
 }
-function $14e5c84cbc2e6e2e$var$isElementInChildScope(element, scope) {
+function $9bf71ea28793e738$var$isElementInChildScope(element, scope) {
     // node.contains in isElementInScope covers child scopes that are also DOM children,
     // but does not cover child scopes in portals.
-    for (let s of $14e5c84cbc2e6e2e$var$scopes.keys()){
-        if ((s === scope || $14e5c84cbc2e6e2e$var$isAncestorScope(scope, s)) && $14e5c84cbc2e6e2e$var$isElementInScope(element, s.current)) return true;
+    for (let s of $9bf71ea28793e738$var$scopes.keys()){
+        if ((s === scope || $9bf71ea28793e738$var$isAncestorScope(scope, s)) && $9bf71ea28793e738$var$isElementInScope(element, s.current)) return true;
     }
     return false;
 }
-function $14e5c84cbc2e6e2e$var$isAncestorScope(ancestor, scope) {
-    let parent = $14e5c84cbc2e6e2e$var$scopes.get(scope);
+function $9bf71ea28793e738$var$isAncestorScope(ancestor, scope) {
+    let parent = $9bf71ea28793e738$var$scopes.get(scope);
     if (!parent) return false;
     if (parent === ancestor) return true;
-    return $14e5c84cbc2e6e2e$var$isAncestorScope(ancestor, parent);
+    return $9bf71ea28793e738$var$isAncestorScope(ancestor, parent);
 }
-function $14e5c84cbc2e6e2e$var$focusElement(element, scroll = false) {
+function $9bf71ea28793e738$var$focusElement(element, scroll = false) {
     if (element != null && !scroll) try {
-        $1159c3b6ba210e4f$export$80f3e147d781571c(element);
+        $6a99195332edec8b$export$80f3e147d781571c(element);
     } catch (err) {
     // ignore
     }
@@ -318,29 +318,29 @@ function $14e5c84cbc2e6e2e$var$focusElement(element, scroll = false) {
     // ignore
     }
 }
-function $14e5c84cbc2e6e2e$var$focusFirstInScope(scope) {
+function $9bf71ea28793e738$var$focusFirstInScope(scope) {
     let sentinel = scope[0].previousElementSibling;
-    let walker = $14e5c84cbc2e6e2e$export$2d6ec8fc375ceafa($14e5c84cbc2e6e2e$var$getScopeRoot(scope), {
+    let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa($9bf71ea28793e738$var$getScopeRoot(scope), {
         tabbable: true
     }, scope);
     walker.currentNode = sentinel;
-    $14e5c84cbc2e6e2e$var$focusElement(walker.nextNode());
+    $9bf71ea28793e738$var$focusElement(walker.nextNode());
 }
-function $14e5c84cbc2e6e2e$var$useAutoFocus(scopeRef, autoFocus) {
-    const autoFocusRef = $6saFI$react.useRef(autoFocus);
-    $6saFI$useEffect(()=>{
+function $9bf71ea28793e738$var$useAutoFocus(scopeRef, autoFocus) {
+    const autoFocusRef = $6nfFC$react.useRef(autoFocus);
+    $6nfFC$useEffect(()=>{
         if (autoFocusRef.current) {
-            $14e5c84cbc2e6e2e$var$activeScope = scopeRef;
-            if (!$14e5c84cbc2e6e2e$var$isElementInScope(document.activeElement, $14e5c84cbc2e6e2e$var$activeScope.current)) $14e5c84cbc2e6e2e$var$focusFirstInScope(scopeRef.current);
+            $9bf71ea28793e738$var$activeScope = scopeRef;
+            if (!$9bf71ea28793e738$var$isElementInScope(document.activeElement, $9bf71ea28793e738$var$activeScope.current)) $9bf71ea28793e738$var$focusFirstInScope(scopeRef.current);
         }
         autoFocusRef.current = false;
     }, []);
 }
-function $14e5c84cbc2e6e2e$var$useRestoreFocus(scopeRef, restoreFocus, contain) {
+function $9bf71ea28793e738$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 = $6saFI$useRef(typeof document !== 'undefined' ? document.activeElement : null);
+    const nodeToRestoreRef = $6nfFC$useRef(typeof document !== 'undefined' ? document.activeElement : null);
     // useLayoutEffect instead of useEffect so the active element is saved synchronously instead of asynchronously.
-    $6saFI$useLayoutEffect(()=>{
+    $6nfFC$useLayoutEffect(()=>{
         let nodeToRestore = nodeToRestoreRef.current;
         if (!restoreFocus) return;
         // Handle the Tab key so that tabbing out of the scope goes to the next element
@@ -350,9 +350,9 @@ function $14e5c84cbc2e6e2e$var$useRestoreFocus(scopeRef, restoreFocus, contain)
         let onKeyDown = (e)=>{
             if (e.key !== 'Tab' || e.altKey || e.ctrlKey || e.metaKey) return;
             let focusedElement = document.activeElement;
-            if (!$14e5c84cbc2e6e2e$var$isElementInScope(focusedElement, scopeRef.current)) return;
+            if (!$9bf71ea28793e738$var$isElementInScope(focusedElement, scopeRef.current)) return;
             // Create a DOM tree walker that matches all tabbable elements
-            let walker = $14e5c84cbc2e6e2e$export$2d6ec8fc375ceafa(document.body, {
+            let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(document.body, {
                 tabbable: true
             });
             // Find the next tabbable element after the currently focused element
@@ -361,26 +361,26 @@ function $14e5c84cbc2e6e2e$var$useRestoreFocus(scopeRef, restoreFocus, contain)
             if (!document.body.contains(nodeToRestore) || nodeToRestore === document.body) 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 || !$14e5c84cbc2e6e2e$var$isElementInScope(nextElement, scopeRef.current)) && nodeToRestore) {
+            if ((!nextElement || !$9bf71ea28793e738$var$isElementInScope(nextElement, scopeRef.current)) && nodeToRestore) {
                 walker.currentNode = nodeToRestore;
                 // Skip over elements within the scope, in case the scope immediately follows the node to restore.
                 do nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();
-                while ($14e5c84cbc2e6e2e$var$isElementInScope(nextElement, scopeRef.current))
+                while ($9bf71ea28793e738$var$isElementInScope(nextElement, scopeRef.current))
                 e.preventDefault();
                 e.stopPropagation();
-                if (nextElement) $14e5c84cbc2e6e2e$var$focusElement(nextElement, true);
+                if (nextElement) $9bf71ea28793e738$var$focusElement(nextElement, true);
                 else // If there is no next element and the nodeToRestore isn't within a FocusScope (i.e. we are leaving the top level focus scope)
                 // then move focus to the body.
                 // Otherwise restore focus to the nodeToRestore (e.g menu within a popover -> tabbing to close the menu should move focus to menu trigger)
-                if (!$14e5c84cbc2e6e2e$var$isElementInAnyScope(nodeToRestore)) focusedElement.blur();
-                else $14e5c84cbc2e6e2e$var$focusElement(nodeToRestore, true);
+                if (!$9bf71ea28793e738$var$isElementInAnyScope(nodeToRestore)) focusedElement.blur();
+                else $9bf71ea28793e738$var$focusElement(nodeToRestore, true);
             }
         };
         if (!contain) document.addEventListener('keydown', onKeyDown, true);
         return ()=>{
             if (!contain) document.removeEventListener('keydown', onKeyDown, true);
-            if (restoreFocus && nodeToRestore && $14e5c84cbc2e6e2e$var$isElementInScope(document.activeElement, scopeRef.current)) requestAnimationFrame(()=>{
-                if (document.body.contains(nodeToRestore)) $14e5c84cbc2e6e2e$var$focusElement(nodeToRestore);
+            if (restoreFocus && nodeToRestore && $9bf71ea28793e738$var$isElementInScope(document.activeElement, scopeRef.current)) requestAnimationFrame(()=>{
+                if (document.body.contains(nodeToRestore)) $9bf71ea28793e738$var$focusElement(nodeToRestore);
             });
         };
     }, [
@@ -389,28 +389,28 @@ function $14e5c84cbc2e6e2e$var$useRestoreFocus(scopeRef, restoreFocus, contain)
         contain
     ]);
 }
-function $14e5c84cbc2e6e2e$export$2d6ec8fc375ceafa(root, opts, scope) {
-    let selector = (opts === null || opts === void 0 ? void 0 : opts.tabbable) ? $14e5c84cbc2e6e2e$var$TABBABLE_ELEMENT_SELECTOR : $14e5c84cbc2e6e2e$var$FOCUSABLE_ELEMENT_SELECTOR;
+function $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, opts, scope) {
+    let selector = (opts === null || opts === void 0 ? void 0 : opts.tabbable) ? $9bf71ea28793e738$var$TABBABLE_ELEMENT_SELECTOR : $9bf71ea28793e738$var$FOCUSABLE_ELEMENT_SELECTOR;
     let walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {
         acceptNode (node) {
             var ref;
             // Skip nodes inside the starting node.
             if (opts === null || opts === void 0 ? void 0 : (ref = opts.from) === null || ref === void 0 ? void 0 : ref.contains(node)) return NodeFilter.FILTER_REJECT;
-            if (node.matches(selector) && $985a2847ebcbb615$export$e989c0fffaa6b27a(node) && (!scope || $14e5c84cbc2e6e2e$var$isElementInScope(node, scope))) return NodeFilter.FILTER_ACCEPT;
+            if (node.matches(selector) && $645f2e67b85a24c9$export$e989c0fffaa6b27a(node) && (!scope || $9bf71ea28793e738$var$isElementInScope(node, scope))) return NodeFilter.FILTER_ACCEPT;
             return NodeFilter.FILTER_SKIP;
         }
     });
     if (opts === null || opts === void 0 ? void 0 : opts.from) walker.currentNode = opts.from;
     return walker;
 }
-function $14e5c84cbc2e6e2e$export$c5251b9e124bf29(ref) {
+function $9bf71ea28793e738$export$c5251b9e124bf29(ref) {
     return {
         focusNext (opts = {
         }) {
             let root = ref.current;
             let { from: from , tabbable: tabbable , wrap: wrap  } = opts;
             let node = from || document.activeElement;
-            let walker = $14e5c84cbc2e6e2e$export$2d6ec8fc375ceafa(root, {
+            let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, {
                 tabbable: tabbable
             });
             if (root.contains(node)) walker.currentNode = node;
@@ -419,7 +419,7 @@ function $14e5c84cbc2e6e2e$export$c5251b9e124bf29(ref) {
                 walker.currentNode = root;
                 nextNode = walker.nextNode();
             }
-            if (nextNode) $14e5c84cbc2e6e2e$var$focusElement(nextNode, true);
+            if (nextNode) $9bf71ea28793e738$var$focusElement(nextNode, true);
             return nextNode;
         },
         focusPrevious (opts = {
@@ -427,48 +427,48 @@ function $14e5c84cbc2e6e2e$export$c5251b9e124bf29(ref) {
             let root = ref.current;
             let { from: from , tabbable: tabbable , wrap: wrap  } = opts;
             let node = from || document.activeElement;
-            let walker = $14e5c84cbc2e6e2e$export$2d6ec8fc375ceafa(root, {
+            let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, {
                 tabbable: tabbable
             });
             if (root.contains(node)) walker.currentNode = node;
             else {
-                let next = $14e5c84cbc2e6e2e$var$last(walker);
-                if (next) $14e5c84cbc2e6e2e$var$focusElement(next, true);
+                let next = $9bf71ea28793e738$var$last(walker);
+                if (next) $9bf71ea28793e738$var$focusElement(next, true);
                 return next;
             }
             let previousNode = walker.previousNode();
             if (!previousNode && wrap) {
                 walker.currentNode = root;
-                previousNode = $14e5c84cbc2e6e2e$var$last(walker);
+                previousNode = $9bf71ea28793e738$var$last(walker);
             }
-            if (previousNode) $14e5c84cbc2e6e2e$var$focusElement(previousNode, true);
+            if (previousNode) $9bf71ea28793e738$var$focusElement(previousNode, true);
             return previousNode;
         },
         focusFirst (opts = {
         }) {
             let root = ref.current;
             let { tabbable: tabbable  } = opts;
-            let walker = $14e5c84cbc2e6e2e$export$2d6ec8fc375ceafa(root, {
+            let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, {
                 tabbable: tabbable
             });
             let nextNode = walker.nextNode();
-            if (nextNode) $14e5c84cbc2e6e2e$var$focusElement(nextNode, true);
+            if (nextNode) $9bf71ea28793e738$var$focusElement(nextNode, true);
             return nextNode;
         },
         focusLast (opts = {
         }) {
             let root = ref.current;
             let { tabbable: tabbable  } = opts;
-            let walker = $14e5c84cbc2e6e2e$export$2d6ec8fc375ceafa(root, {
+            let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, {
                 tabbable: tabbable
             });
-            let next = $14e5c84cbc2e6e2e$var$last(walker);
-            if (next) $14e5c84cbc2e6e2e$var$focusElement(next, true);
+            let next = $9bf71ea28793e738$var$last(walker);
+            if (next) $9bf71ea28793e738$var$focusElement(next, true);
             return next;
         }
     };
 }
-function $14e5c84cbc2e6e2e$var$last(walker) {
+function $9bf71ea28793e738$var$last(walker) {
     let next;
     let last;
     do {
@@ -479,27 +479,27 @@ function $14e5c84cbc2e6e2e$var$last(walker) {
 }
 
 
-var $503734efc0922182$exports = {};
+var $907718708eab68af$exports = {};
 
-$parcel$export($503734efc0922182$exports, "FocusRing", () => $503734efc0922182$export$1a38b4ad7f578e1d);
+$parcel$export($907718708eab68af$exports, "FocusRing", () => $907718708eab68af$export$1a38b4ad7f578e1d);
 
 
 
-var $e63d024ca16f2165$exports = {};
+var $f7dceffc5ad7768b$exports = {};
 
-$parcel$export($e63d024ca16f2165$exports, "useFocusRing", () => $e63d024ca16f2165$export$4e328f61c538687f);
+$parcel$export($f7dceffc5ad7768b$exports, "useFocusRing", () => $f7dceffc5ad7768b$export$4e328f61c538687f);
 
 
 
-function $e63d024ca16f2165$export$4e328f61c538687f(props = {
+function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {
 }) {
     let { autoFocus: autoFocus = false , isTextInput: isTextInput , within: within  } = props;
-    let state = $6saFI$useRef({
+    let state = $6nfFC$useRef({
         isFocused: false,
-        isFocusVisible: autoFocus || $6saFI$isFocusVisible()
+        isFocusVisible: autoFocus || $6nfFC$isFocusVisible()
     }).current;
-    let [isFocused1, setFocused] = $6saFI$useState(false);
-    let [isFocusVisibleState, setFocusVisible] = $6saFI$useState(()=>state.isFocused && state.isFocusVisible
+    let [isFocused1, setFocused] = $6nfFC$useState(false);
+    let [isFocusVisibleState, setFocusVisible] = $6nfFC$useState(()=>state.isFocused && state.isFocusVisible
     );
     let updateState = ()=>setFocusVisible(state.isFocused && state.isFocusVisible)
     ;
@@ -508,17 +508,17 @@ function $e63d024ca16f2165$export$4e328f61c538687f(props = {
         setFocused(isFocused);
         updateState();
     };
-    $6saFI$useFocusVisibleListener((isFocusVisible)=>{
+    $6nfFC$useFocusVisibleListener((isFocusVisible)=>{
         state.isFocusVisible = isFocusVisible;
         updateState();
     }, [], {
         isTextInput: isTextInput
     });
-    let { focusProps: focusProps  } = $6saFI$useFocus({
+    let { focusProps: focusProps  } = $6nfFC$useFocus({
         isDisabled: within,
         onFocusChange: onFocusChange
     });
-    let { focusWithinProps: focusWithinProps  } = $6saFI$useFocusWithin({
+    let { focusWithinProps: focusWithinProps  } = $6nfFC$useFocusWithin({
         isDisabled: !within,
         onFocusWithinChange: onFocusChange
     });
@@ -530,13 +530,13 @@ function $e63d024ca16f2165$export$4e328f61c538687f(props = {
 }
 
 
-function $503734efc0922182$export$1a38b4ad7f578e1d(props) {
+function $907718708eab68af$export$1a38b4ad7f578e1d(props) {
     let { children: children , focusClass: focusClass , focusRingClass: focusRingClass  } = props;
-    let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = $e63d024ca16f2165$export$4e328f61c538687f(props);
-    let child = $6saFI$react.Children.only(children);
-    return(/*#__PURE__*/ $6saFI$react.cloneElement(child, $6saFI$mergeProps(child.props, {
+    let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
+    let child = $6nfFC$react.Children.only(children);
+    return(/*#__PURE__*/ $6nfFC$react.cloneElement(child, $6nfFC$mergeProps(child.props, {
         ...focusProps,
-        className: $6saFI$clsx({
+        className: $6nfFC$clsx({
             [focusClass || '']: isFocused,
             [focusRingClass || '']: isFocusVisible
         })
@@ -544,49 +544,52 @@ function $503734efc0922182$export$1a38b4ad7f578e1d(props) {
 }
 
 
-var $391c6482f25a1991$exports = {};
+var $e6afbd83fe6ebbd2$exports = {};
 
-$parcel$export($391c6482f25a1991$exports, "FocusableProvider", () => $391c6482f25a1991$export$13f3202a3e5ddd5);
-$parcel$export($391c6482f25a1991$exports, "useFocusable", () => $391c6482f25a1991$export$4c014de7c8940b4c);
+$parcel$export($e6afbd83fe6ebbd2$exports, "FocusableProvider", () => $e6afbd83fe6ebbd2$export$13f3202a3e5ddd5);
+$parcel$export($e6afbd83fe6ebbd2$exports, "useFocusable", () => $e6afbd83fe6ebbd2$export$4c014de7c8940b4c);
 
 
 
-let $391c6482f25a1991$var$FocusableContext = /*#__PURE__*/ $6saFI$react.createContext(null);
-function $391c6482f25a1991$var$useFocusableContext(ref) {
-    let context = $6saFI$useContext($391c6482f25a1991$var$FocusableContext) || {
+
+let $e6afbd83fe6ebbd2$var$FocusableContext = /*#__PURE__*/ $6nfFC$react.createContext(null);
+function $e6afbd83fe6ebbd2$var$useFocusableContext(ref) {
+    let context = $6nfFC$useContext($e6afbd83fe6ebbd2$var$FocusableContext) || {
     };
-    $6saFI$useSyncRef(context, ref);
+    $6nfFC$useSyncRef(context, ref);
     // eslint-disable-next-line
     let { ref: _ , ...otherProps } = context;
     return otherProps;
 }
 /**
  * Provides DOM props to the nearest focusable child.
- */ function $391c6482f25a1991$var$FocusableProvider(props, ref) {
+ */ function $e6afbd83fe6ebbd2$var$FocusableProvider(props, ref) {
     let { children: children , ...otherProps } = props;
     let context = {
         ...otherProps,
         ref: ref
     };
-    return(/*#__PURE__*/ $6saFI$react.createElement($391c6482f25a1991$var$FocusableContext.Provider, {
+    return(/*#__PURE__*/ $6nfFC$react.createElement($e6afbd83fe6ebbd2$var$FocusableContext.Provider, {
         value: context
     }, children));
 }
-let $391c6482f25a1991$export$13f3202a3e5ddd5 = /*#__PURE__*/ $6saFI$react.forwardRef($391c6482f25a1991$var$FocusableProvider);
-function $391c6482f25a1991$export$4c014de7c8940b4c(props, domRef) {
-    let { focusProps: focusProps  } = $6saFI$useFocus(props);
-    let { keyboardProps: keyboardProps  } = $6saFI$useKeyboard(props);
-    let interactions = $6saFI$mergeProps(focusProps, keyboardProps);
-    let domProps = $391c6482f25a1991$var$useFocusableContext(domRef);
+let $e6afbd83fe6ebbd2$export$13f3202a3e5ddd5 = /*#__PURE__*/ $6nfFC$react.forwardRef($e6afbd83fe6ebbd2$var$FocusableProvider);
+function $e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, domRef) {
+    let { focusProps: focusProps  } = $6nfFC$useFocus(props);
+    let { keyboardProps: keyboardProps  } = $6nfFC$useKeyboard(props);
+    let interactions = $6nfFC$mergeProps(focusProps, keyboardProps);
+    let domProps = $e6afbd83fe6ebbd2$var$useFocusableContext(domRef);
     let interactionProps = props.isDisabled ? {
     } : domProps;
-    let autoFocusRef = $6saFI$useRef(props.autoFocus);
-    $6saFI$useEffect(()=>{
-        if (autoFocusRef.current && domRef.current) domRef.current.focus();
+    let autoFocusRef = $6nfFC$useRef(props.autoFocus);
+    $6nfFC$useEffect(()=>{
+        if (autoFocusRef.current && domRef.current) $6a99195332edec8b$export$80f3e147d781571c(domRef.current);
         autoFocusRef.current = false;
-    }, []);
+    }, [
+        domRef
+    ]);
     return {
-        focusableProps: $6saFI$mergeProps({
+        focusableProps: $6nfFC$mergeProps({
             ...interactions,
             tabIndex: props.excludeFromTabOrder && !props.isDisabled ? -1 : undefined
         }, interactionProps)
@@ -598,5 +601,5 @@ function $391c6482f25a1991$export$4c014de7c8940b4c(props, domRef) {
 
 
 
-export {$14e5c84cbc2e6e2e$export$20e40289641fbbb6 as FocusScope, $14e5c84cbc2e6e2e$export$10c5169755ce7bd7 as useFocusManager, $14e5c84cbc2e6e2e$export$2d6ec8fc375ceafa as getFocusableTreeWalker, $14e5c84cbc2e6e2e$export$c5251b9e124bf29 as createFocusManager, $503734efc0922182$export$1a38b4ad7f578e1d as FocusRing, $391c6482f25a1991$export$13f3202a3e5ddd5 as FocusableProvider, $391c6482f25a1991$export$4c014de7c8940b4c as useFocusable, $e63d024ca16f2165$export$4e328f61c538687f as useFocusRing, $1159c3b6ba210e4f$export$80f3e147d781571c as focusSafely};
+export {$9bf71ea28793e738$export$20e40289641fbbb6 as FocusScope, $9bf71ea28793e738$export$10c5169755ce7bd7 as useFocusManager, $9bf71ea28793e738$export$2d6ec8fc375ceafa as getFocusableTreeWalker, $9bf71ea28793e738$export$c5251b9e124bf29 as createFocusManager, $907718708eab68af$export$1a38b4ad7f578e1d as FocusRing, $e6afbd83fe6ebbd2$export$13f3202a3e5ddd5 as FocusableProvider, $e6afbd83fe6ebbd2$export$4c014de7c8940b4c as useFocusable, $f7dceffc5ad7768b$export$4e328f61c538687f as useFocusRing, $6a99195332edec8b$export$80f3e147d781571c as focusSafely};
 //# sourceMappingURL=module.js.map