@react-aria/focus 3.4.0 → 3.5.2

package/dist/main.js

@@ -1,65 +1,56 @@
-var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _clsx = $parcel$interopDefault(require("clsx"));
-
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
-
-var _react2 = require("react");
-
-var _react = $parcel$interopDefault(_react2);
-
-var {
-  useContext,
-  useEffect,
-  useRef,
-  useState
-} = _react2;
-
-var {
-  getInteractionModality,
-  isFocusVisible: _isFocusVisible,
-  useFocus,
-  useFocusVisibleListener,
-  useFocusWithin,
-  useKeyboard
-} = require("@react-aria/interactions");
+var $9ewW6$react = require("react");
+var $9ewW6$reactariautils = require("@react-aria/utils");
+var $9ewW6$reactariainteractions = require("@react-aria/interactions");
+var $9ewW6$clsx = require("clsx");
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
 
-var {
-  focusWithoutScrolling,
-  runAfterTransition,
-  useLayoutEffect,
-  mergeProps,
-  useSyncRef
-} = require("@react-aria/utils");
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
 
+  return dest;
+}
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-
-/**
- * A utility function that focuses an element while avoiding undesired side effects such
- * as page scrolling and screen reader issues with CSS transitions.
- */
-function focusSafely(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 (getInteractionModality() === 'virtual') {
-    let lastFocusedElement = document.activeElement;
-    runAfterTransition(() => {
-      // If focus did not move and the element is still in the document, focus it.
-      if (document.activeElement === lastFocusedElement && document.contains(element)) {
-        focusWithoutScrolling(element);
-      }
-    });
-  } else {
-    focusWithoutScrolling(element);
-  }
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $81f01af19760c2bc$exports = {};
+
+$parcel$export($81f01af19760c2bc$exports, "FocusScope", () => $81f01af19760c2bc$export$20e40289641fbbb6);
+$parcel$export($81f01af19760c2bc$exports, "useFocusManager", () => $81f01af19760c2bc$export$10c5169755ce7bd7);
+$parcel$export($81f01af19760c2bc$exports, "getFocusableTreeWalker", () => $81f01af19760c2bc$export$2d6ec8fc375ceafa);
+$parcel$export($81f01af19760c2bc$exports, "createFocusManager", () => $81f01af19760c2bc$export$c5251b9e124bf29);
+var $5d2399de34f67875$exports = {};
+
+$parcel$export($5d2399de34f67875$exports, "focusSafely", () => $5d2399de34f67875$export$80f3e147d781571c);
+
+
+function $5d2399de34f67875$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 ($9ewW6$reactariainteractions.getInteractionModality() === 'virtual') {
+        let lastFocusedElement = document.activeElement;
+        $9ewW6$reactariautils.runAfterTransition(()=>{
+            // If focus did not move and the element is still in the document, focus it.
+            if (document.activeElement === lastFocusedElement && document.contains(element)) $9ewW6$reactariautils.focusWithoutScrolling(element);
+        });
+    } else $9ewW6$reactariautils.focusWithoutScrolling(element);
 }
 
-exports.focusSafely = focusSafely;
 
 /*
  * Copyright 2021 Adobe. All rights reserved.
@@ -71,683 +62,564 @@ exports.focusSafely = focusSafely;
  * 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 $f5b8109741a107bfe8bf4093e29$var$isStyleVisible(element) {
-  if (!(element instanceof HTMLElement) && !(element instanceof SVGElement)) {
-    return false;
-  }
-
-  let {
-    display,
-    visibility
-  } = element.style;
-  let isVisible = display !== 'none' && visibility !== 'hidden' && visibility !== 'collapse';
-
-  if (isVisible) {
-    const {
-      getComputedStyle
-    } = element.ownerDocument.defaultView;
-    let {
-      display: computedDisplay,
-      visibility: computedVisibility
-    } = getComputedStyle(element);
-    isVisible = computedDisplay !== 'none' && computedVisibility !== 'hidden' && computedVisibility !== 'collapse';
-  }
-
-  return isVisible;
-}
-
-function $f5b8109741a107bfe8bf4093e29$var$isAttributeVisible(element, childElement) {
-  return !element.hasAttribute('hidden') && (element.nodeName === 'DETAILS' && childElement && childElement.nodeName !== 'SUMMARY' ? element.hasAttribute('open') : true);
-}
-/**
- * Adapted from https://github.com/testing-library/jest-dom and 
- * https://github.com/vuejs/vue-test-utils-next/.
- * Licensed under the MIT License.
- * @param element - Element to evaluate for display or visibility.
- */
-
-
-function $f5b8109741a107bfe8bf4093e29$export$isElementVisible(element, childElement) {
-  return element.nodeName !== '#comment' && $f5b8109741a107bfe8bf4093e29$var$isStyleVisible(element) && $f5b8109741a107bfe8bf4093e29$var$isAttributeVisible(element, childElement) && (!element.parentElement || $f5b8109741a107bfe8bf4093e29$export$isElementVisible(element.parentElement, element));
-}
-
-const $bdceb2956edbee43435a9382ef97283f$var$FocusContext = /*#__PURE__*/_react.createContext(null);
-
-let $bdceb2956edbee43435a9382ef97283f$var$activeScope = null;
-let $bdceb2956edbee43435a9382ef97283f$var$scopes = new Set(); // This is a hacky DOM-based implementation of a FocusScope until this RFC lands in React:
-// https://github.com/reactjs/rfcs/pull/109
-// For now, it relies on the DOM tree order rather than the React tree order, and is probably
-// less optimized for performance.
-
-/**
- * A FocusScope manages focus for its descendants. It supports containing focus inside
- * the scope, restoring focus to the previously focused element on unmount, and auto
- * focusing children on mount. It also acts as a container for a programmatic focus
- * management interface that can be used to move focus forward and back in response
- * to user events.
- */
-
-function FocusScope(props) {
-  let {
-    children,
-    contain,
-    restoreFocus,
-    autoFocus
-  } = props;
-  let startRef = useRef();
-  let endRef = useRef();
-  let scopeRef = useRef([]);
-  useLayoutEffect(() => {
-    // Find all rendered nodes between the sentinels and add them to the scope.
-    let node = startRef.current.nextSibling;
-    let nodes = [];
-
-    while (node && node !== endRef.current) {
-      nodes.push(node);
-      node = node.nextSibling;
+ */ function $a56864d71a2d9ec3$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';
+    if (isVisible) {
+        const { getComputedStyle: getComputedStyle  } = element.ownerDocument.defaultView;
+        let { display: computedDisplay , visibility: computedVisibility  } = getComputedStyle(element);
+        isVisible = computedDisplay !== 'none' && computedVisibility !== 'hidden' && computedVisibility !== 'collapse';
     }
-
-    scopeRef.current = nodes;
-    $bdceb2956edbee43435a9382ef97283f$var$scopes.add(scopeRef);
-    return () => {
-      $bdceb2956edbee43435a9382ef97283f$var$scopes.delete(scopeRef);
-    };
-  }, [children]);
-  $bdceb2956edbee43435a9382ef97283f$var$useFocusContainment(scopeRef, contain);
-  $bdceb2956edbee43435a9382ef97283f$var$useRestoreFocus(scopeRef, restoreFocus, contain);
-  $bdceb2956edbee43435a9382ef97283f$var$useAutoFocus(scopeRef, autoFocus);
-  let focusManager = $bdceb2956edbee43435a9382ef97283f$var$createFocusManagerForScope(scopeRef);
-  return /*#__PURE__*/_react.createElement($bdceb2956edbee43435a9382ef97283f$var$FocusContext.Provider, {
-    value: focusManager
-  }, /*#__PURE__*/_react.createElement("span", {
-    hidden: true,
-    ref: startRef
-  }), children, /*#__PURE__*/_react.createElement("span", {
-    hidden: true,
-    ref: endRef
-  }));
+    return isVisible;
 }
-/**
- * Returns a FocusManager interface for the parent FocusScope.
- * A FocusManager can be used to programmatically move focus within
- * a FocusScope, e.g. in response to user events like keyboard navigation.
- */
-
-
-exports.FocusScope = FocusScope;
-
-function useFocusManager() {
-  return useContext($bdceb2956edbee43435a9382ef97283f$var$FocusContext);
-}
-
-exports.useFocusManager = useFocusManager;
-
-function $bdceb2956edbee43435a9382ef97283f$var$createFocusManagerForScope(scopeRef) {
-  return {
-    focusNext(opts) {
-      if (opts === void 0) {
-        opts = {};
-      }
-
-      let scope = scopeRef.current;
-      let {
-        from,
-        tabbable,
-        wrap
-      } = opts;
-      let node = from || document.activeElement;
-      let sentinel = scope[0].previousElementSibling;
-      let walker = getFocusableTreeWalker($bdceb2956edbee43435a9382ef97283f$var$getScopeRoot(scope), {
-        tabbable
-      }, scope);
-      walker.currentNode = $bdceb2956edbee43435a9382ef97283f$var$isElementInScope(node, scope) ? node : sentinel;
-      let nextNode = walker.nextNode();
-
-      if (!nextNode && wrap) {
-        walker.currentNode = sentinel;
-        nextNode = walker.nextNode();
-      }
-
-      if (nextNode) {
-        $bdceb2956edbee43435a9382ef97283f$var$focusElement(nextNode, true);
-      }
-
-      return nextNode;
-    },
-
-    focusPrevious(opts) {
-      if (opts === void 0) {
-        opts = {};
-      }
-
-      let scope = scopeRef.current;
-      let {
-        from,
-        tabbable,
-        wrap
-      } = opts;
-      let node = from || document.activeElement;
-      let sentinel = scope[scope.length - 1].nextElementSibling;
-      let walker = getFocusableTreeWalker($bdceb2956edbee43435a9382ef97283f$var$getScopeRoot(scope), {
-        tabbable
-      }, scope);
-      walker.currentNode = $bdceb2956edbee43435a9382ef97283f$var$isElementInScope(node, scope) ? node : sentinel;
-      let previousNode = walker.previousNode();
-
-      if (!previousNode && wrap) {
-        walker.currentNode = sentinel;
-        previousNode = walker.previousNode();
-      }
-
-      if (previousNode) {
-        $bdceb2956edbee43435a9382ef97283f$var$focusElement(previousNode, true);
-      }
-
-      return previousNode;
-    }
-
-  };
+function $a56864d71a2d9ec3$var$isAttributeVisible(element, childElement) {
+    return !element.hasAttribute('hidden') && (element.nodeName === 'DETAILS' && childElement && childElement.nodeName !== 'SUMMARY' ? element.hasAttribute('open') : true);
 }
-
-const $bdceb2956edbee43435a9382ef97283f$var$focusableElements = ['input:not([disabled]):not([type=hidden])', 'select:not([disabled])', 'textarea:not([disabled])', 'button:not([disabled])', 'a[href]', 'area[href]', 'summary', 'iframe', 'object', 'embed', 'audio[controls]', 'video[controls]', '[contenteditable]'];
-const $bdceb2956edbee43435a9382ef97283f$var$FOCUSABLE_ELEMENT_SELECTOR = $bdceb2956edbee43435a9382ef97283f$var$focusableElements.join(':not([hidden]),') + ',[tabindex]:not([disabled]):not([hidden])';
-$bdceb2956edbee43435a9382ef97283f$var$focusableElements.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
-const $bdceb2956edbee43435a9382ef97283f$var$TABBABLE_ELEMENT_SELECTOR = $bdceb2956edbee43435a9382ef97283f$var$focusableElements.join(':not([hidden]):not([tabindex="-1"]),');
-
-function $bdceb2956edbee43435a9382ef97283f$var$getScopeRoot(scope) {
-  return scope[0].parentElement;
+function $a56864d71a2d9ec3$export$e989c0fffaa6b27a(element, childElement) {
+    return element.nodeName !== '#comment' && $a56864d71a2d9ec3$var$isStyleVisible(element) && $a56864d71a2d9ec3$var$isAttributeVisible(element, childElement) && (!element.parentElement || $a56864d71a2d9ec3$export$e989c0fffaa6b27a(element.parentElement, element));
 }
 
-function $bdceb2956edbee43435a9382ef97283f$var$useFocusContainment(scopeRef, contain) {
-  let focusedNode = useRef();
-  let raf = useRef(null);
-  useEffect(() => {
-    let scope = 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) {
-        return;
-      }
-
-      let focusedElement = document.activeElement;
-
-      if (!$bdceb2956edbee43435a9382ef97283f$var$isElementInScope(focusedElement, scope)) {
-        return;
-      }
-
-      let walker = getFocusableTreeWalker($bdceb2956edbee43435a9382ef97283f$var$getScopeRoot(scope), {
-        tabbable: true
-      }, scope);
-      walker.currentNode = focusedElement;
-      let nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();
-
-      if (!nextElement) {
-        walker.currentNode = e.shiftKey ? scope[scope.length - 1].nextElementSibling : scope[0].previousElementSibling;
-        nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();
-      }
-
-      e.preventDefault();
 
-      if (nextElement) {
-        $bdceb2956edbee43435a9382ef97283f$var$focusElement(nextElement, true);
-      }
-    };
 
-    let onFocus = e => {
-      // 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.
-      let isInAnyScope = $bdceb2956edbee43435a9382ef97283f$var$isElementInAnyScope(e.target, $bdceb2956edbee43435a9382ef97283f$var$scopes);
 
-      if (!isInAnyScope) {
-        if (focusedNode.current) {
-          focusedNode.current.focus();
-        } else if ($bdceb2956edbee43435a9382ef97283f$var$activeScope) {
-          $bdceb2956edbee43435a9382ef97283f$var$focusFirstInScope($bdceb2956edbee43435a9382ef97283f$var$activeScope.current);
+const $81f01af19760c2bc$var$FocusContext = /*#__PURE__*/ ($parcel$interopDefault($9ewW6$react)).createContext(null);
+let $81f01af19760c2bc$var$activeScope = null;
+let $81f01af19760c2bc$var$scopes = new Map();
+function $81f01af19760c2bc$export$20e40289641fbbb6(props) {
+    let { children: children , contain: contain , restoreFocus: restoreFocus , autoFocus: autoFocus  } = props;
+    let startRef = $9ewW6$react.useRef();
+    let endRef = $9ewW6$react.useRef();
+    let scopeRef = $9ewW6$react.useRef([]);
+    let ctx = $9ewW6$react.useContext($81f01af19760c2bc$var$FocusContext);
+    let parentScope = ctx === null || ctx === void 0 ? void 0 : ctx.scopeRef;
+    $9ewW6$reactariautils.useLayoutEffect(()=>{
+        // Find all rendered nodes between the sentinels and add them to the scope.
+        let node = startRef.current.nextSibling;
+        let nodes = [];
+        while(node && node !== endRef.current){
+            nodes.push(node);
+            node = node.nextSibling;
         }
-      } else {
-        $bdceb2956edbee43435a9382ef97283f$var$activeScope = 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
-        let isInAnyScope = $bdceb2956edbee43435a9382ef97283f$var$isElementInAnyScope(document.activeElement, $bdceb2956edbee43435a9382ef97283f$var$scopes);
-
-        if (!isInAnyScope) {
-          $bdceb2956edbee43435a9382ef97283f$var$activeScope = scopeRef;
-          focusedNode.current = e.target;
-          focusedNode.current.focus();
+        scopeRef.current = nodes;
+    }, [
+        children,
+        parentScope
+    ]);
+    $9ewW6$reactariautils.useLayoutEffect(()=>{
+        $81f01af19760c2bc$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 === $81f01af19760c2bc$var$activeScope || $81f01af19760c2bc$var$isAncestorScope(scopeRef, $81f01af19760c2bc$var$activeScope)) && (!parentScope || $81f01af19760c2bc$var$scopes.has(parentScope))) $81f01af19760c2bc$var$activeScope = parentScope;
+            $81f01af19760c2bc$var$scopes.delete(scopeRef);
+        };
+    }, [
+        scopeRef,
+        parentScope
+    ]);
+    $81f01af19760c2bc$var$useFocusContainment(scopeRef, contain);
+    $81f01af19760c2bc$var$useRestoreFocus(scopeRef, restoreFocus, contain);
+    $81f01af19760c2bc$var$useAutoFocus(scopeRef, autoFocus);
+    let focusManager = $81f01af19760c2bc$var$createFocusManagerForScope(scopeRef);
+    return(/*#__PURE__*/ ($parcel$interopDefault($9ewW6$react)).createElement($81f01af19760c2bc$var$FocusContext.Provider, {
+        value: {
+            scopeRef: scopeRef,
+            focusManager: focusManager
+        }
+    }, /*#__PURE__*/ ($parcel$interopDefault($9ewW6$react)).createElement("span", {
+        "data-focus-scope-start": true,
+        hidden: true,
+        ref: startRef
+    }), children, /*#__PURE__*/ ($parcel$interopDefault($9ewW6$react)).createElement("span", {
+        "data-focus-scope-end": true,
+        hidden: true,
+        ref: endRef
+    })));
+}
+function $81f01af19760c2bc$export$10c5169755ce7bd7() {
+    var ref;
+    return (ref = $9ewW6$react.useContext($81f01af19760c2bc$var$FocusContext)) === null || ref === void 0 ? void 0 : ref.focusManager;
+}
+function $81f01af19760c2bc$var$createFocusManagerForScope(scopeRef) {
+    return {
+        focusNext (opts = {
+        }) {
+            let scope = scopeRef.current;
+            let { from: from , tabbable: tabbable , wrap: wrap  } = opts;
+            let node = from || document.activeElement;
+            let sentinel = scope[0].previousElementSibling;
+            let walker = $81f01af19760c2bc$export$2d6ec8fc375ceafa($81f01af19760c2bc$var$getScopeRoot(scope), {
+                tabbable: tabbable
+            }, scope);
+            walker.currentNode = $81f01af19760c2bc$var$isElementInScope(node, scope) ? node : sentinel;
+            let nextNode = walker.nextNode();
+            if (!nextNode && wrap) {
+                walker.currentNode = sentinel;
+                nextNode = walker.nextNode();
+            }
+            if (nextNode) $81f01af19760c2bc$var$focusElement(nextNode, true);
+            return nextNode;
+        },
+        focusPrevious (opts = {
+        }) {
+            let scope = scopeRef.current;
+            let { from: from , tabbable: tabbable , wrap: wrap  } = opts;
+            let node = from || document.activeElement;
+            let sentinel = scope[scope.length - 1].nextElementSibling;
+            let walker = $81f01af19760c2bc$export$2d6ec8fc375ceafa($81f01af19760c2bc$var$getScopeRoot(scope), {
+                tabbable: tabbable
+            }, scope);
+            walker.currentNode = $81f01af19760c2bc$var$isElementInScope(node, scope) ? node : sentinel;
+            let previousNode = walker.previousNode();
+            if (!previousNode && wrap) {
+                walker.currentNode = sentinel;
+                previousNode = walker.previousNode();
+            }
+            if (previousNode) $81f01af19760c2bc$var$focusElement(previousNode, true);
+            return previousNode;
+        },
+        focusFirst (opts = {
+        }) {
+            let scope = scopeRef.current;
+            let { tabbable: tabbable  } = opts;
+            let walker = $81f01af19760c2bc$export$2d6ec8fc375ceafa($81f01af19760c2bc$var$getScopeRoot(scope), {
+                tabbable: tabbable
+            }, scope);
+            walker.currentNode = scope[0].previousElementSibling;
+            let nextNode = walker.nextNode();
+            if (nextNode) $81f01af19760c2bc$var$focusElement(nextNode, true);
+            return nextNode;
+        },
+        focusLast (opts = {
+        }) {
+            let scope = scopeRef.current;
+            let { tabbable: tabbable  } = opts;
+            let walker = $81f01af19760c2bc$export$2d6ec8fc375ceafa($81f01af19760c2bc$var$getScopeRoot(scope), {
+                tabbable: tabbable
+            }, scope);
+            walker.currentNode = scope[scope.length - 1].nextElementSibling;
+            let previousNode = walker.previousNode();
+            if (previousNode) $81f01af19760c2bc$var$focusElement(previousNode, true);
+            return previousNode;
         }
-      });
-    };
-
-    document.addEventListener('keydown', onKeyDown, false);
-    document.addEventListener('focusin', onFocus, false);
-    scope.forEach(element => element.addEventListener('focusin', onFocus, false));
-    scope.forEach(element => element.addEventListener('focusout', onBlur, false));
-    return () => {
-      document.removeEventListener('keydown', onKeyDown, false);
-      document.removeEventListener('focusin', onFocus, false);
-      scope.forEach(element => element.removeEventListener('focusin', onFocus, false));
-      scope.forEach(element => element.removeEventListener('focusout', onBlur, false));
     };
-  }, [scopeRef, contain]); // eslint-disable-next-line arrow-body-style
-
-  useEffect(() => {
-    return () => cancelAnimationFrame(raf.current);
-  }, [raf]);
 }
-
-function $bdceb2956edbee43435a9382ef97283f$var$isElementInAnyScope(element, scopes) {
-  for (let scope of scopes.values()) {
-    if ($bdceb2956edbee43435a9382ef97283f$var$isElementInScope(element, scope.current)) {
-      return true;
-    }
-  }
-
-  return false;
+const $81f01af19760c2bc$var$focusableElements = [
+    'input:not([disabled]):not([type=hidden])',
+    'select:not([disabled])',
+    'textarea:not([disabled])',
+    'button:not([disabled])',
+    'a[href]',
+    'area[href]',
+    'summary',
+    'iframe',
+    'object',
+    'embed',
+    'audio[controls]',
+    'video[controls]',
+    '[contenteditable]'
+];
+const $81f01af19760c2bc$var$FOCUSABLE_ELEMENT_SELECTOR = $81f01af19760c2bc$var$focusableElements.join(':not([hidden]),') + ',[tabindex]:not([disabled]):not([hidden])';
+$81f01af19760c2bc$var$focusableElements.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
+const $81f01af19760c2bc$var$TABBABLE_ELEMENT_SELECTOR = $81f01af19760c2bc$var$focusableElements.join(':not([hidden]):not([tabindex="-1"]),');
+function $81f01af19760c2bc$var$getScopeRoot(scope) {
+    return scope[0].parentElement;
 }
-
-function $bdceb2956edbee43435a9382ef97283f$var$isElementInScope(element, scope) {
-  return scope.some(node => node.contains(element));
+function $81f01af19760c2bc$var$useFocusContainment(scopeRef, contain) {
+    let focusedNode = $9ewW6$react.useRef();
+    let raf = $9ewW6$react.useRef(null);
+    $9ewW6$reactariautils.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 !== $81f01af19760c2bc$var$activeScope) return;
+            let focusedElement = document.activeElement;
+            let scope = scopeRef.current;
+            if (!$81f01af19760c2bc$var$isElementInScope(focusedElement, scope)) return;
+            let walker = $81f01af19760c2bc$export$2d6ec8fc375ceafa($81f01af19760c2bc$var$getScopeRoot(scope), {
+                tabbable: true
+            }, scope);
+            walker.currentNode = focusedElement;
+            let nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();
+            if (!nextElement) {
+                walker.currentNode = e.shiftKey ? scope[scope.length - 1].nextElementSibling : scope[0].previousElementSibling;
+                nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();
+            }
+            e.preventDefault();
+            if (nextElement) $81f01af19760c2bc$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 (!$81f01af19760c2bc$var$activeScope || $81f01af19760c2bc$var$isAncestorScope($81f01af19760c2bc$var$activeScope, scopeRef)) {
+                $81f01af19760c2bc$var$activeScope = scopeRef;
+                focusedNode.current = e.target;
+            } else if (scopeRef === $81f01af19760c2bc$var$activeScope && !$81f01af19760c2bc$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 ($81f01af19760c2bc$var$activeScope) $81f01af19760c2bc$var$focusFirstInScope($81f01af19760c2bc$var$activeScope.current);
+            } else if (scopeRef === $81f01af19760c2bc$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 === $81f01af19760c2bc$var$activeScope && !$81f01af19760c2bc$var$isElementInChildScope(document.activeElement, scopeRef)) {
+                    $81f01af19760c2bc$var$activeScope = scopeRef;
+                    focusedNode.current = e.target;
+                    focusedNode.current.focus();
+                }
+            });
+        };
+        document.addEventListener('keydown', onKeyDown, false);
+        document.addEventListener('focusin', onFocus, false);
+        scope1.forEach((element)=>element.addEventListener('focusin', onFocus, false)
+        );
+        scope1.forEach((element)=>element.addEventListener('focusout', onBlur, false)
+        );
+        return ()=>{
+            document.removeEventListener('keydown', onKeyDown, false);
+            document.removeEventListener('focusin', onFocus, false);
+            scope1.forEach((element)=>element.removeEventListener('focusin', onFocus, false)
+            );
+            scope1.forEach((element)=>element.removeEventListener('focusout', onBlur, false)
+            );
+        };
+    }, [
+        scopeRef,
+        contain
+    ]);
+    // eslint-disable-next-line arrow-body-style
+    $9ewW6$react.useEffect(()=>{
+        return ()=>cancelAnimationFrame(raf.current)
+        ;
+    }, [
+        raf
+    ]);
 }
-
-function $bdceb2956edbee43435a9382ef97283f$var$focusElement(element, scroll) {
-  if (scroll === void 0) {
-    scroll = false;
-  }
-
-  if (element != null && !scroll) {
-    try {
-      focusSafely(element);
-    } catch (err) {// ignore
+function $81f01af19760c2bc$var$isElementInAnyScope(element) {
+    for (let scope of $81f01af19760c2bc$var$scopes.keys()){
+        if ($81f01af19760c2bc$var$isElementInScope(element, scope.current)) return true;
     }
-  } else if (element != null) {
-    try {
-      element.focus();
-    } catch (err) {// ignore
+    return false;
+}
+function $81f01af19760c2bc$var$isElementInScope(element, scope) {
+    return scope.some((node)=>node.contains(element)
+    );
+}
+function $81f01af19760c2bc$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 $81f01af19760c2bc$var$scopes.keys()){
+        if ((s === scope || $81f01af19760c2bc$var$isAncestorScope(scope, s)) && $81f01af19760c2bc$var$isElementInScope(element, s.current)) return true;
     }
-  }
+    return false;
 }
-
-function $bdceb2956edbee43435a9382ef97283f$var$focusFirstInScope(scope) {
-  let sentinel = scope[0].previousElementSibling;
-  let walker = getFocusableTreeWalker($bdceb2956edbee43435a9382ef97283f$var$getScopeRoot(scope), {
-    tabbable: true
-  }, scope);
-  walker.currentNode = sentinel;
-  $bdceb2956edbee43435a9382ef97283f$var$focusElement(walker.nextNode());
+function $81f01af19760c2bc$var$isAncestorScope(ancestor, scope) {
+    let parent = $81f01af19760c2bc$var$scopes.get(scope);
+    if (!parent) return false;
+    if (parent === ancestor) return true;
+    return $81f01af19760c2bc$var$isAncestorScope(ancestor, parent);
 }
-
-function $bdceb2956edbee43435a9382ef97283f$var$useAutoFocus(scopeRef, autoFocus) {
-  useEffect(() => {
-    if (autoFocus) {
-      $bdceb2956edbee43435a9382ef97283f$var$activeScope = scopeRef;
-
-      if (!$bdceb2956edbee43435a9382ef97283f$var$isElementInScope(document.activeElement, $bdceb2956edbee43435a9382ef97283f$var$activeScope.current)) {
-        $bdceb2956edbee43435a9382ef97283f$var$focusFirstInScope(scopeRef.current);
-      }
+function $81f01af19760c2bc$var$focusElement(element, scroll = false) {
+    if (element != null && !scroll) try {
+        $5d2399de34f67875$export$80f3e147d781571c(element);
+    } catch (err) {
+    // ignore
+    }
+    else if (element != null) try {
+        element.focus();
+    } catch (err1) {
+    // ignore
     }
-  }, [scopeRef, autoFocus]);
 }
-
-function $bdceb2956edbee43435a9382ef97283f$var$useRestoreFocus(scopeRef, restoreFocus, contain) {
-  // useLayoutEffect instead of useEffect so the active element is saved synchronously instead of asynchronously.
-  useLayoutEffect(() => {
-    let scope = scopeRef.current;
-    let nodeToRestore = document.activeElement; // 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
-    // using portals for overlays, so that focus goes to the expected element when
-    // tabbing out of the overlay.
-
-    let onKeyDown = e => {
-      if (e.key !== 'Tab' || e.altKey || e.ctrlKey || e.metaKey) {
-        return;
-      }
-
-      let focusedElement = document.activeElement;
-
-      if (!$bdceb2956edbee43435a9382ef97283f$var$isElementInScope(focusedElement, scope)) {
-        return;
-      } // Create a DOM tree walker that matches all tabbable elements
-
-
-      let walker = getFocusableTreeWalker(document.body, {
+function $81f01af19760c2bc$var$focusFirstInScope(scope) {
+    let sentinel = scope[0].previousElementSibling;
+    let walker = $81f01af19760c2bc$export$2d6ec8fc375ceafa($81f01af19760c2bc$var$getScopeRoot(scope), {
         tabbable: true
-      }); // 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 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 || !$bdceb2956edbee43435a9382ef97283f$var$isElementInScope(nextElement, scope)) && 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 ($bdceb2956edbee43435a9382ef97283f$var$isElementInScope(nextElement, scope));
-
-        e.preventDefault();
-        e.stopPropagation();
-
-        if (nextElement) {
-          $bdceb2956edbee43435a9382ef97283f$var$focusElement(nextElement, true);
-        } else {
-          // If there is no next element, blur the focused element to move focus to the body.
-          focusedElement.blur();
+    }, scope);
+    walker.currentNode = sentinel;
+    $81f01af19760c2bc$var$focusElement(walker.nextNode());
+}
+function $81f01af19760c2bc$var$useAutoFocus(scopeRef, autoFocus) {
+    const autoFocusRef = ($parcel$interopDefault($9ewW6$react)).useRef(autoFocus);
+    $9ewW6$react.useEffect(()=>{
+        if (autoFocusRef.current) {
+            $81f01af19760c2bc$var$activeScope = scopeRef;
+            if (!$81f01af19760c2bc$var$isElementInScope(document.activeElement, $81f01af19760c2bc$var$activeScope.current)) $81f01af19760c2bc$var$focusFirstInScope(scopeRef.current);
+        }
+        autoFocusRef.current = false;
+    }, []);
+}
+function $81f01af19760c2bc$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 = $9ewW6$react.useRef(typeof document !== 'undefined' ? document.activeElement : null);
+    // useLayoutEffect instead of useEffect so the active element is saved synchronously instead of asynchronously.
+    $9ewW6$reactariautils.useLayoutEffect(()=>{
+        let 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
+        // using portals for overlays, so that focus goes to the expected element when
+        // tabbing out of the overlay.
+        let onKeyDown = (e)=>{
+            if (e.key !== 'Tab' || e.altKey || e.ctrlKey || e.metaKey) return;
+            let focusedElement = document.activeElement;
+            if (!$81f01af19760c2bc$var$isElementInScope(focusedElement, scopeRef.current)) return;
+            // Create a DOM tree walker that matches all tabbable elements
+            let walker = $81f01af19760c2bc$export$2d6ec8fc375ceafa(document.body, {
+                tabbable: true
+            });
+            // 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 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 || !$81f01af19760c2bc$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 ($81f01af19760c2bc$var$isElementInScope(nextElement, scopeRef.current))
+                e.preventDefault();
+                e.stopPropagation();
+                if (nextElement) $81f01af19760c2bc$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 (!$81f01af19760c2bc$var$isElementInAnyScope(nodeToRestore)) focusedElement.blur();
+                else $81f01af19760c2bc$var$focusElement(nodeToRestore, true);
+            }
+        };
+        if (!contain) document.addEventListener('keydown', onKeyDown, true);
+        return ()=>{
+            if (!contain) document.removeEventListener('keydown', onKeyDown, true);
+            if (restoreFocus && nodeToRestore && $81f01af19760c2bc$var$isElementInScope(document.activeElement, scopeRef.current)) requestAnimationFrame(()=>{
+                if (document.body.contains(nodeToRestore)) $81f01af19760c2bc$var$focusElement(nodeToRestore);
+            });
+        };
+    }, [
+        scopeRef,
+        restoreFocus,
+        contain
+    ]);
+}
+function $81f01af19760c2bc$export$2d6ec8fc375ceafa(root, opts, scope) {
+    let selector = (opts === null || opts === void 0 ? void 0 : opts.tabbable) ? $81f01af19760c2bc$var$TABBABLE_ELEMENT_SELECTOR : $81f01af19760c2bc$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) && $a56864d71a2d9ec3$export$e989c0fffaa6b27a(node) && (!scope || $81f01af19760c2bc$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 $81f01af19760c2bc$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 = $81f01af19760c2bc$export$2d6ec8fc375ceafa(root, {
+                tabbable: tabbable
+            });
+            if (root.contains(node)) walker.currentNode = node;
+            let nextNode = walker.nextNode();
+            if (!nextNode && wrap) {
+                walker.currentNode = root;
+                nextNode = walker.nextNode();
+            }
+            if (nextNode) $81f01af19760c2bc$var$focusElement(nextNode, true);
+            return nextNode;
+        },
+        focusPrevious (opts = {
+        }) {
+            let root = ref.current;
+            let { from: from , tabbable: tabbable , wrap: wrap  } = opts;
+            let node = from || document.activeElement;
+            let walker = $81f01af19760c2bc$export$2d6ec8fc375ceafa(root, {
+                tabbable: tabbable
+            });
+            if (root.contains(node)) walker.currentNode = node;
+            else {
+                let next = $81f01af19760c2bc$var$last(walker);
+                if (next) $81f01af19760c2bc$var$focusElement(next, true);
+                return next;
+            }
+            let previousNode = walker.previousNode();
+            if (!previousNode && wrap) {
+                walker.currentNode = root;
+                previousNode = $81f01af19760c2bc$var$last(walker);
+            }
+            if (previousNode) $81f01af19760c2bc$var$focusElement(previousNode, true);
+            return previousNode;
+        },
+        focusFirst (opts = {
+        }) {
+            let root = ref.current;
+            let { tabbable: tabbable  } = opts;
+            let walker = $81f01af19760c2bc$export$2d6ec8fc375ceafa(root, {
+                tabbable: tabbable
+            });
+            let nextNode = walker.nextNode();
+            if (nextNode) $81f01af19760c2bc$var$focusElement(nextNode, true);
+            return nextNode;
+        },
+        focusLast (opts = {
+        }) {
+            let root = ref.current;
+            let { tabbable: tabbable  } = opts;
+            let walker = $81f01af19760c2bc$export$2d6ec8fc375ceafa(root, {
+                tabbable: tabbable
+            });
+            let next = $81f01af19760c2bc$var$last(walker);
+            if (next) $81f01af19760c2bc$var$focusElement(next, true);
+            return next;
         }
-      }
-    };
-
-    if (!contain) {
-      document.addEventListener('keydown', onKeyDown, true);
-    }
-
-    return () => {
-      if (!contain) {
-        document.removeEventListener('keydown', onKeyDown, true);
-      }
-
-      if (restoreFocus && nodeToRestore && $bdceb2956edbee43435a9382ef97283f$var$isElementInScope(document.activeElement, scope)) {
-        requestAnimationFrame(() => {
-          if (document.body.contains(nodeToRestore)) {
-            $bdceb2956edbee43435a9382ef97283f$var$focusElement(nodeToRestore);
-          }
-        });
-      }
     };
-  }, [scopeRef, restoreFocus, contain]);
 }
-/**
- * Create a [TreeWalker]{@link https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker}
- * that matches all focusable/tabbable elements.
- */
-
-
-function getFocusableTreeWalker(root, opts, scope) {
-  let selector = opts != null && opts.tabbable ? $bdceb2956edbee43435a9382ef97283f$var$TABBABLE_ELEMENT_SELECTOR : $bdceb2956edbee43435a9382ef97283f$var$FOCUSABLE_ELEMENT_SELECTOR;
-  let walker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {
-    acceptNode(node) {
-      var _opts$from;
-
-      // Skip nodes inside the starting node.
-      if (opts != null && (_opts$from = opts.from) != null && _opts$from.contains(node)) {
-        return NodeFilter.FILTER_REJECT;
-      }
-
-      if (node.matches(selector) && $f5b8109741a107bfe8bf4093e29$export$isElementVisible(node) && (!scope || $bdceb2956edbee43435a9382ef97283f$var$isElementInScope(node, scope))) {
-        return NodeFilter.FILTER_ACCEPT;
-      }
-
-      return NodeFilter.FILTER_SKIP;
-    }
-
-  });
-
-  if (opts != null && opts.from) {
-    walker.currentNode = opts.from;
-  }
-
-  return walker;
+function $81f01af19760c2bc$var$last(walker) {
+    let next;
+    let last;
+    do {
+        last = walker.lastChild();
+        if (last) next = last;
+    }while (last)
+    return next;
 }
-/**
- * Creates a FocusManager object that can be used to move focus within an element.
- */
-
-
-exports.getFocusableTreeWalker = getFocusableTreeWalker;
 
-function createFocusManager(ref) {
-  return {
-    focusNext(opts) {
-      if (opts === void 0) {
-        opts = {};
-      }
-
-      let root = ref.current;
-      let {
-        from,
-        tabbable,
-        wrap
-      } = opts;
-      let node = from || document.activeElement;
-      let walker = getFocusableTreeWalker(root, {
-        tabbable
-      });
-
-      if (root.contains(node)) {
-        walker.currentNode = node;
-      }
 
-      let nextNode = walker.nextNode();
+var $b69c3d2bb4e1879d$exports = {};
 
-      if (!nextNode && wrap) {
-        walker.currentNode = root;
-        nextNode = walker.nextNode();
-      }
+$parcel$export($b69c3d2bb4e1879d$exports, "FocusRing", () => $b69c3d2bb4e1879d$export$1a38b4ad7f578e1d);
 
-      if (nextNode) {
-        $bdceb2956edbee43435a9382ef97283f$var$focusElement(nextNode, true);
-      }
 
-      return nextNode;
-    },
 
-    focusPrevious(opts) {
-      if (opts === void 0) {
-        opts = {};
-      }
+var $0c85563baefded4a$exports = {};
 
-      let root = ref.current;
-      let {
-        from,
-        tabbable,
-        wrap
-      } = opts;
-      let node = from || document.activeElement;
-      let walker = getFocusableTreeWalker(root, {
-        tabbable
-      });
-
-      if (root.contains(node)) {
-        walker.currentNode = node;
-      } else {
-        let next = $bdceb2956edbee43435a9382ef97283f$var$last(walker);
-
-        if (next) {
-          $bdceb2956edbee43435a9382ef97283f$var$focusElement(next, true);
-        }
+$parcel$export($0c85563baefded4a$exports, "useFocusRing", () => $0c85563baefded4a$export$4e328f61c538687f);
 
-        return next;
-      }
 
-      let previousNode = walker.previousNode();
 
-      if (!previousNode && wrap) {
-        walker.currentNode = root;
-        previousNode = $bdceb2956edbee43435a9382ef97283f$var$last(walker);
-      }
-
-      if (previousNode) {
-        $bdceb2956edbee43435a9382ef97283f$var$focusElement(previousNode, true);
-      }
-
-      return previousNode;
-    }
-
-  };
+function $0c85563baefded4a$export$4e328f61c538687f(props = {
+}) {
+    let { autoFocus: autoFocus = false , isTextInput: isTextInput , within: within  } = props;
+    let state = $9ewW6$react.useRef({
+        isFocused: false,
+        isFocusVisible: autoFocus || $9ewW6$reactariainteractions.isFocusVisible()
+    }).current;
+    let [isFocused1, setFocused] = $9ewW6$react.useState(false);
+    let [isFocusVisibleState, setFocusVisible] = $9ewW6$react.useState(()=>state.isFocused && state.isFocusVisible
+    );
+    let updateState = ()=>setFocusVisible(state.isFocused && state.isFocusVisible)
+    ;
+    let onFocusChange = (isFocused)=>{
+        state.isFocused = isFocused;
+        setFocused(isFocused);
+        updateState();
+    };
+    $9ewW6$reactariainteractions.useFocusVisibleListener((isFocusVisible)=>{
+        state.isFocusVisible = isFocusVisible;
+        updateState();
+    }, [], {
+        isTextInput: isTextInput
+    });
+    let { focusProps: focusProps  } = $9ewW6$reactariainteractions.useFocus({
+        isDisabled: within,
+        onFocusChange: onFocusChange
+    });
+    let { focusWithinProps: focusWithinProps  } = $9ewW6$reactariainteractions.useFocusWithin({
+        isDisabled: !within,
+        onFocusWithinChange: onFocusChange
+    });
+    return {
+        isFocused: isFocused1,
+        isFocusVisible: state.isFocused && isFocusVisibleState,
+        focusProps: within ? focusWithinProps : focusProps
+    };
 }
 
-exports.createFocusManager = createFocusManager;
-
-function $bdceb2956edbee43435a9382ef97283f$var$last(walker) {
-  let next;
-  let last;
 
-  do {
-    last = walker.lastChild();
-
-    if (last) {
-      next = last;
-    }
-  } while (last);
-
-  return next;
+function $b69c3d2bb4e1879d$export$1a38b4ad7f578e1d(props) {
+    let { children: children , focusClass: focusClass , focusRingClass: focusRingClass  } = props;
+    let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = $0c85563baefded4a$export$4e328f61c538687f(props);
+    let child = ($parcel$interopDefault($9ewW6$react)).Children.only(children);
+    return(/*#__PURE__*/ ($parcel$interopDefault($9ewW6$react)).cloneElement(child, $9ewW6$reactariautils.mergeProps(child.props, {
+        ...focusProps,
+        className: ($parcel$interopDefault($9ewW6$clsx))({
+            [focusClass || '']: isFocused,
+            [focusRingClass || '']: isFocusVisible
+        })
+    })));
 }
 
-/**
- * Determines whether a focus ring should be shown to indicate keyboard focus.
- * Focus rings are visible only when the user is interacting with a keyboard,
- * not with a mouse, touch, or other input methods.
- */
-function useFocusRing(props) {
-  if (props === void 0) {
-    props = {};
-  }
-
-  let {
-    autoFocus = false,
-    isTextInput,
-    within
-  } = props;
-  let state = useRef({
-    isFocused: false,
-    isFocusVisible: autoFocus || _isFocusVisible()
-  }).current;
-  let [isFocusVisibleState, setFocusVisible] = useState(() => state.isFocused && state.isFocusVisible);
-
-  let updateState = () => setFocusVisible(state.isFocused && state.isFocusVisible);
-
-  let onFocusChange = isFocused => {
-    state.isFocused = isFocused;
-    updateState();
-  };
-
-  useFocusVisibleListener(isFocusVisible => {
-    state.isFocusVisible = isFocusVisible;
-    updateState();
-  }, [], {
-    isTextInput
-  });
-  let {
-    focusProps
-  } = useFocus({
-    isDisabled: within,
-    onFocusChange
-  });
-  let {
-    focusWithinProps
-  } = useFocusWithin({
-    isDisabled: !within,
-    onFocusWithinChange: onFocusChange
-  });
-  return {
-    isFocused: state.isFocused,
-    isFocusVisible: state.isFocused && isFocusVisibleState,
-    focusProps: within ? focusWithinProps : focusProps
-  };
-}
 
-exports.useFocusRing = useFocusRing;
+var $a6d2890e204970f2$exports = {};
 
-/**
- * A utility component that applies a CSS class when an element has keyboard focus.
- * Focus rings are visible only when the user is interacting with a keyboard,
- * not with a mouse, touch, or other input methods.
- */
-function FocusRing(props) {
-  let {
-    children,
-    focusClass,
-    focusRingClass
-  } = props;
-  let {
-    isFocused,
-    isFocusVisible,
-    focusProps
-  } = useFocusRing(props);
-
-  let child = _react.Children.only(children);
-
-  return /*#__PURE__*/_react.cloneElement(child, mergeProps(child.props, _babelRuntimeHelpersExtends({}, focusProps, {
-    className: _clsx({
-      [focusClass || '']: isFocused,
-      [focusRingClass || '']: isFocusVisible
-    })
-  })));
-}
+$parcel$export($a6d2890e204970f2$exports, "FocusableProvider", () => $a6d2890e204970f2$export$13f3202a3e5ddd5);
+$parcel$export($a6d2890e204970f2$exports, "useFocusable", () => $a6d2890e204970f2$export$4c014de7c8940b4c);
 
-exports.FocusRing = FocusRing;
 
-let $f284cbc8bcdf616ffabe3d006e2c9db$var$FocusableContext = /*#__PURE__*/_react.createContext(null);
 
-function $f284cbc8bcdf616ffabe3d006e2c9db$var$useFocusableContext(ref) {
-  let context = useContext($f284cbc8bcdf616ffabe3d006e2c9db$var$FocusableContext) || {};
-  useSyncRef(context, ref);
-  return context;
+let $a6d2890e204970f2$var$FocusableContext = /*#__PURE__*/ ($parcel$interopDefault($9ewW6$react)).createContext(null);
+function $a6d2890e204970f2$var$useFocusableContext(ref) {
+    let context = $9ewW6$react.useContext($a6d2890e204970f2$var$FocusableContext) || {
+    };
+    $9ewW6$reactariautils.useSyncRef(context, ref);
+    // eslint-disable-next-line
+    let { ref: _ , ...otherProps } = context;
+    return otherProps;
 }
 /**
  * Provides DOM props to the nearest focusable child.
- */
+ */ function $a6d2890e204970f2$var$FocusableProvider(props, ref) {
+    let { children: children , ...otherProps } = props;
+    let context = {
+        ...otherProps,
+        ref: ref
+    };
+    return(/*#__PURE__*/ ($parcel$interopDefault($9ewW6$react)).createElement($a6d2890e204970f2$var$FocusableContext.Provider, {
+        value: context
+    }, children));
+}
+let $a6d2890e204970f2$export$13f3202a3e5ddd5 = /*#__PURE__*/ ($parcel$interopDefault($9ewW6$react)).forwardRef($a6d2890e204970f2$var$FocusableProvider);
+function $a6d2890e204970f2$export$4c014de7c8940b4c(props, domRef) {
+    let { focusProps: focusProps  } = $9ewW6$reactariainteractions.useFocus(props);
+    let { keyboardProps: keyboardProps  } = $9ewW6$reactariainteractions.useKeyboard(props);
+    let interactions = $9ewW6$reactariautils.mergeProps(focusProps, keyboardProps);
+    let domProps = $a6d2890e204970f2$var$useFocusableContext(domRef);
+    let interactionProps = props.isDisabled ? {
+    } : domProps;
+    let autoFocusRef = $9ewW6$react.useRef(props.autoFocus);
+    $9ewW6$react.useEffect(()=>{
+        if (autoFocusRef.current && domRef.current) domRef.current.focus();
+        autoFocusRef.current = false;
+    }, []);
+    return {
+        focusableProps: $9ewW6$reactariautils.mergeProps({
+            ...interactions,
+            tabIndex: props.excludeFromTabOrder && !props.isDisabled ? -1 : undefined
+        }, interactionProps)
+    };
+}
 
 
-function $f284cbc8bcdf616ffabe3d006e2c9db$var$FocusableProvider(props, ref) {
-  let {
-    children
-  } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["children"]);
 
-  let context = _babelRuntimeHelpersExtends({}, otherProps, {
-    ref
-  });
 
-  return /*#__PURE__*/_react.createElement($f284cbc8bcdf616ffabe3d006e2c9db$var$FocusableContext.Provider, {
-    value: context
-  }, children);
-}
+$parcel$exportWildcard(module.exports, $81f01af19760c2bc$exports);
+$parcel$exportWildcard(module.exports, $b69c3d2bb4e1879d$exports);
+$parcel$exportWildcard(module.exports, $a6d2890e204970f2$exports);
+$parcel$exportWildcard(module.exports, $0c85563baefded4a$exports);
+$parcel$exportWildcard(module.exports, $5d2399de34f67875$exports);
 
-let FocusableProvider = /*#__PURE__*/_react.forwardRef($f284cbc8bcdf616ffabe3d006e2c9db$var$FocusableProvider);
-
-exports.FocusableProvider = FocusableProvider;
-
-/**
- * Used to make an element focusable and capable of auto focus.
- */
-function useFocusable(props, domRef) {
-  let {
-    focusProps
-  } = useFocus(props);
-  let {
-    keyboardProps
-  } = useKeyboard(props);
-  let interactions = mergeProps(focusProps, keyboardProps);
-  let domProps = $f284cbc8bcdf616ffabe3d006e2c9db$var$useFocusableContext(domRef);
-  let interactionProps = props.isDisabled ? {} : domProps;
-  useEffect(() => {
-    if (props.autoFocus && domRef.current) {
-      domRef.current.focus();
-    }
-  }, [props.autoFocus, domRef]);
-  return {
-    focusableProps: mergeProps(_babelRuntimeHelpersExtends({}, interactions, {
-      tabIndex: props.excludeFromTabOrder && !props.isDisabled ? -1 : undefined
-    }), interactionProps)
-  };
-}
 
-exports.useFocusable = useFocusable;
 //# sourceMappingURL=main.js.map