@eightshift/ui-components 0.0.1

package/dist/FocusScope-1u9yyfIN.js

@@ -0,0 +1,725 @@
+import { f as $431fbd86ca7dc216$export$f21a1ffae260145a, g as $431fbd86ca7dc216$export$b204af158042fbac, h as $6a99195332edec8b$export$80f3e147d781571c } from "./focusSafely-C3K8zAKj.js";
+import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-BsiH7-5Y.js";
+import React__default, { useRef, useContext, useMemo, useEffect } from "react";
+function $645f2e67b85a24c9$var$isStyleVisible(element) {
+  const windowObject = $431fbd86ca7dc216$export$f21a1ffae260145a(element);
+  if (!(element instanceof windowObject.HTMLElement) && !(element instanceof windowObject.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 $645f2e67b85a24c9$var$isAttributeVisible(element, childElement) {
+  return !element.hasAttribute("hidden") && // Ignore HiddenSelect when tree walking.
+  !element.hasAttribute("data-react-aria-prevent-focus") && (element.nodeName === "DETAILS" && childElement && childElement.nodeName !== "SUMMARY" ? element.hasAttribute("open") : true);
+}
+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 $9bf71ea28793e738$var$FocusContext = /* @__PURE__ */ React__default.createContext(null);
+let $9bf71ea28793e738$var$activeScope = null;
+function $9bf71ea28793e738$export$20e40289641fbbb6(props) {
+  let { children, contain, restoreFocus, autoFocus } = props;
+  let startRef = useRef(null);
+  let endRef = useRef(null);
+  let scopeRef = useRef([]);
+  let { parentNode } = useContext($9bf71ea28793e738$var$FocusContext) || {};
+  let node = useMemo(() => new $9bf71ea28793e738$var$TreeNode({
+    scopeRef
+  }), [
+    scopeRef
+  ]);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    let parent = parentNode || $9bf71ea28793e738$export$d06fae2ee68b101e.root;
+    if ($9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(parent.scopeRef) && $9bf71ea28793e738$var$activeScope && !$9bf71ea28793e738$var$isAncestorScope($9bf71ea28793e738$var$activeScope, parent.scopeRef)) {
+      let activeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode($9bf71ea28793e738$var$activeScope);
+      if (activeNode)
+        parent = activeNode;
+    }
+    parent.addChild(node);
+    $9bf71ea28793e738$export$d06fae2ee68b101e.addNode(node);
+  }, [
+    node,
+    parentNode
+  ]);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    let node2 = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef);
+    if (node2)
+      node2.contain = !!contain;
+  }, [
+    contain
+  ]);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    var _startRef_current;
+    let node2 = (_startRef_current = startRef.current) === null || _startRef_current === void 0 ? void 0 : _startRef_current.nextSibling;
+    let nodes = [];
+    while (node2 && node2 !== endRef.current) {
+      nodes.push(node2);
+      node2 = node2.nextSibling;
+    }
+    scopeRef.current = nodes;
+  }, [
+    children
+  ]);
+  $9bf71ea28793e738$var$useActiveScopeTracker(scopeRef, restoreFocus, contain);
+  $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain);
+  $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain);
+  $9bf71ea28793e738$var$useAutoFocus(scopeRef, autoFocus);
+  useEffect(() => {
+    const activeElement = $431fbd86ca7dc216$export$b204af158042fbac(scopeRef.current ? scopeRef.current[0] : void 0).activeElement;
+    let scope = null;
+    if ($9bf71ea28793e738$var$isElementInScope(activeElement, scopeRef.current)) {
+      for (let node2 of $9bf71ea28793e738$export$d06fae2ee68b101e.traverse())
+        if (node2.scopeRef && $9bf71ea28793e738$var$isElementInScope(activeElement, node2.scopeRef.current))
+          scope = node2;
+      if (scope === $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef))
+        $9bf71ea28793e738$var$activeScope = scope.scopeRef;
+    }
+  }, [
+    scopeRef
+  ]);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    return () => {
+      var _focusScopeTree_getTreeNode_parent, _focusScopeTree_getTreeNode;
+      var _focusScopeTree_getTreeNode_parent_scopeRef;
+      let parentScope = (_focusScopeTree_getTreeNode_parent_scopeRef = (_focusScopeTree_getTreeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef)) === null || _focusScopeTree_getTreeNode === void 0 ? void 0 : (_focusScopeTree_getTreeNode_parent = _focusScopeTree_getTreeNode.parent) === null || _focusScopeTree_getTreeNode_parent === void 0 ? void 0 : _focusScopeTree_getTreeNode_parent.scopeRef) !== null && _focusScopeTree_getTreeNode_parent_scopeRef !== void 0 ? _focusScopeTree_getTreeNode_parent_scopeRef : null;
+      if ((scopeRef === $9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope(scopeRef, $9bf71ea28793e738$var$activeScope)) && (!parentScope || $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(parentScope)))
+        $9bf71ea28793e738$var$activeScope = parentScope;
+      $9bf71ea28793e738$export$d06fae2ee68b101e.removeTreeNode(scopeRef);
+    };
+  }, [
+    scopeRef
+  ]);
+  let focusManager = useMemo(() => $9bf71ea28793e738$var$createFocusManagerForScope(scopeRef), []);
+  let value = useMemo(() => ({
+    focusManager,
+    parentNode: node
+  }), [
+    node,
+    focusManager
+  ]);
+  return /* @__PURE__ */ React__default.createElement($9bf71ea28793e738$var$FocusContext.Provider, {
+    value
+  }, /* @__PURE__ */ React__default.createElement("span", {
+    "data-focus-scope-start": true,
+    hidden: true,
+    ref: startRef
+  }), children, /* @__PURE__ */ React__default.createElement("span", {
+    "data-focus-scope-end": true,
+    hidden: true,
+    ref: endRef
+  }));
+}
+function $9bf71ea28793e738$var$createFocusManagerForScope(scopeRef) {
+  return {
+    focusNext(opts = {}) {
+      let scope = scopeRef.current;
+      let { from, tabbable, wrap, accept } = opts;
+      let node = from || $431fbd86ca7dc216$export$b204af158042fbac(scope[0]).activeElement;
+      let sentinel = scope[0].previousElementSibling;
+      let scopeRoot = $9bf71ea28793e738$var$getScopeRoot(scope);
+      let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(scopeRoot, {
+        tabbable,
+        accept
+      }, scope);
+      walker.currentNode = $9bf71ea28793e738$var$isElementInScope(node, scope) ? node : sentinel;
+      let nextNode = walker.nextNode();
+      if (!nextNode && wrap) {
+        walker.currentNode = sentinel;
+        nextNode = walker.nextNode();
+      }
+      if (nextNode)
+        $9bf71ea28793e738$var$focusElement(nextNode, true);
+      return nextNode;
+    },
+    focusPrevious(opts = {}) {
+      let scope = scopeRef.current;
+      let { from, tabbable, wrap, accept } = opts;
+      let node = from || $431fbd86ca7dc216$export$b204af158042fbac(scope[0]).activeElement;
+      let sentinel = scope[scope.length - 1].nextElementSibling;
+      let scopeRoot = $9bf71ea28793e738$var$getScopeRoot(scope);
+      let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(scopeRoot, {
+        tabbable,
+        accept
+      }, scope);
+      walker.currentNode = $9bf71ea28793e738$var$isElementInScope(node, scope) ? node : sentinel;
+      let previousNode = walker.previousNode();
+      if (!previousNode && wrap) {
+        walker.currentNode = sentinel;
+        previousNode = walker.previousNode();
+      }
+      if (previousNode)
+        $9bf71ea28793e738$var$focusElement(previousNode, true);
+      return previousNode;
+    },
+    focusFirst(opts = {}) {
+      let scope = scopeRef.current;
+      let { tabbable, accept } = opts;
+      let scopeRoot = $9bf71ea28793e738$var$getScopeRoot(scope);
+      let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(scopeRoot, {
+        tabbable,
+        accept
+      }, scope);
+      walker.currentNode = scope[0].previousElementSibling;
+      let nextNode = walker.nextNode();
+      if (nextNode)
+        $9bf71ea28793e738$var$focusElement(nextNode, true);
+      return nextNode;
+    },
+    focusLast(opts = {}) {
+      let scope = scopeRef.current;
+      let { tabbable, accept } = opts;
+      let scopeRoot = $9bf71ea28793e738$var$getScopeRoot(scope);
+      let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(scopeRoot, {
+        tabbable,
+        accept
+      }, scope);
+      walker.currentNode = scope[scope.length - 1].nextElementSibling;
+      let previousNode = walker.previousNode();
+      if (previousNode)
+        $9bf71ea28793e738$var$focusElement(previousNode, true);
+      return previousNode;
+    }
+  };
+}
+const $9bf71ea28793e738$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 $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 $9bf71ea28793e738$var$shouldContainFocus(scopeRef) {
+  let scope = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode($9bf71ea28793e738$var$activeScope);
+  while (scope && scope.scopeRef !== scopeRef) {
+    if (scope.contain)
+      return false;
+    scope = scope.parent;
+  }
+  return true;
+}
+function $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain) {
+  let focusedNode = useRef();
+  let raf = useRef();
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    let scope = scopeRef.current;
+    if (!contain) {
+      if (raf.current) {
+        cancelAnimationFrame(raf.current);
+        raf.current = void 0;
+      }
+      return;
+    }
+    const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(scope ? scope[0] : void 0);
+    let onKeyDown = (e) => {
+      if (e.key !== "Tab" || e.altKey || e.ctrlKey || e.metaKey || !$9bf71ea28793e738$var$shouldContainFocus(scopeRef) || e.isComposing)
+        return;
+      let focusedElement = ownerDocument.activeElement;
+      let scope2 = scopeRef.current;
+      if (!scope2 || !$9bf71ea28793e738$var$isElementInScope(focusedElement, scope2))
+        return;
+      let scopeRoot = $9bf71ea28793e738$var$getScopeRoot(scope2);
+      let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(scopeRoot, {
+        tabbable: true
+      }, scope2);
+      if (!focusedElement)
+        return;
+      walker.currentNode = focusedElement;
+      let nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();
+      if (!nextElement) {
+        walker.currentNode = e.shiftKey ? scope2[scope2.length - 1].nextElementSibling : scope2[0].previousElementSibling;
+        nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();
+      }
+      e.preventDefault();
+      if (nextElement)
+        $9bf71ea28793e738$var$focusElement(nextElement, true);
+    };
+    let onFocus = (e) => {
+      if ((!$9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope($9bf71ea28793e738$var$activeScope, scopeRef)) && $9bf71ea28793e738$var$isElementInScope(e.target, scopeRef.current)) {
+        $9bf71ea28793e738$var$activeScope = scopeRef;
+        focusedNode.current = e.target;
+      } else if ($9bf71ea28793e738$var$shouldContainFocus(scopeRef) && !$9bf71ea28793e738$var$isElementInChildScope(e.target, scopeRef)) {
+        if (focusedNode.current)
+          focusedNode.current.focus();
+        else if ($9bf71ea28793e738$var$activeScope && $9bf71ea28793e738$var$activeScope.current)
+          $9bf71ea28793e738$var$focusFirstInScope($9bf71ea28793e738$var$activeScope.current);
+      } else if ($9bf71ea28793e738$var$shouldContainFocus(scopeRef))
+        focusedNode.current = e.target;
+    };
+    let onBlur = (e) => {
+      if (raf.current)
+        cancelAnimationFrame(raf.current);
+      raf.current = requestAnimationFrame(() => {
+        if (ownerDocument.activeElement && $9bf71ea28793e738$var$shouldContainFocus(scopeRef) && !$9bf71ea28793e738$var$isElementInChildScope(ownerDocument.activeElement, scopeRef)) {
+          $9bf71ea28793e738$var$activeScope = scopeRef;
+          if (ownerDocument.body.contains(e.target)) {
+            var _focusedNode_current;
+            focusedNode.current = e.target;
+            (_focusedNode_current = focusedNode.current) === null || _focusedNode_current === void 0 ? void 0 : _focusedNode_current.focus();
+          } else if ($9bf71ea28793e738$var$activeScope.current)
+            $9bf71ea28793e738$var$focusFirstInScope($9bf71ea28793e738$var$activeScope.current);
+        }
+      });
+    };
+    ownerDocument.addEventListener("keydown", onKeyDown, false);
+    ownerDocument.addEventListener("focusin", onFocus, false);
+    scope === null || scope === void 0 ? void 0 : scope.forEach((element) => element.addEventListener("focusin", onFocus, false));
+    scope === null || scope === void 0 ? void 0 : scope.forEach((element) => element.addEventListener("focusout", onBlur, false));
+    return () => {
+      ownerDocument.removeEventListener("keydown", onKeyDown, false);
+      ownerDocument.removeEventListener("focusin", onFocus, false);
+      scope === null || scope === void 0 ? void 0 : scope.forEach((element) => element.removeEventListener("focusin", onFocus, false));
+      scope === null || scope === void 0 ? void 0 : scope.forEach((element) => element.removeEventListener("focusout", onBlur, false));
+    };
+  }, [
+    scopeRef,
+    contain
+  ]);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    return () => {
+      if (raf.current)
+        cancelAnimationFrame(raf.current);
+    };
+  }, [
+    raf
+  ]);
+}
+function $9bf71ea28793e738$var$isElementInAnyScope(element) {
+  return $9bf71ea28793e738$var$isElementInChildScope(element);
+}
+function $9bf71ea28793e738$var$isElementInScope(element, scope) {
+  if (!element)
+    return false;
+  if (!scope)
+    return false;
+  return scope.some((node) => node.contains(element));
+}
+function $9bf71ea28793e738$var$isElementInChildScope(element, scope = null) {
+  if (element instanceof Element && element.closest("[data-react-aria-top-layer]"))
+    return true;
+  for (let { scopeRef: s } of $9bf71ea28793e738$export$d06fae2ee68b101e.traverse($9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scope))) {
+    if (s && $9bf71ea28793e738$var$isElementInScope(element, s.current))
+      return true;
+  }
+  return false;
+}
+function $9bf71ea28793e738$export$1258395f99bf9cbf(element) {
+  return $9bf71ea28793e738$var$isElementInChildScope(element, $9bf71ea28793e738$var$activeScope);
+}
+function $9bf71ea28793e738$var$isAncestorScope(ancestor, scope) {
+  var _focusScopeTree_getTreeNode;
+  let parent = (_focusScopeTree_getTreeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scope)) === null || _focusScopeTree_getTreeNode === void 0 ? void 0 : _focusScopeTree_getTreeNode.parent;
+  while (parent) {
+    if (parent.scopeRef === ancestor)
+      return true;
+    parent = parent.parent;
+  }
+  return false;
+}
+function $9bf71ea28793e738$var$focusElement(element, scroll = false) {
+  if (element != null && !scroll)
+    try {
+      (0, $6a99195332edec8b$export$80f3e147d781571c)(element);
+    } catch (err) {
+    }
+  else if (element != null)
+    try {
+      element.focus();
+    } catch (err) {
+    }
+}
+function $9bf71ea28793e738$var$focusFirstInScope(scope, tabbable = true) {
+  let sentinel = scope[0].previousElementSibling;
+  let scopeRoot = $9bf71ea28793e738$var$getScopeRoot(scope);
+  let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(scopeRoot, {
+    tabbable
+  }, scope);
+  walker.currentNode = sentinel;
+  let nextNode = walker.nextNode();
+  if (tabbable && !nextNode) {
+    scopeRoot = $9bf71ea28793e738$var$getScopeRoot(scope);
+    walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(scopeRoot, {
+      tabbable: false
+    }, scope);
+    walker.currentNode = sentinel;
+    nextNode = walker.nextNode();
+  }
+  $9bf71ea28793e738$var$focusElement(nextNode);
+}
+function $9bf71ea28793e738$var$useAutoFocus(scopeRef, autoFocus) {
+  const autoFocusRef = React__default.useRef(autoFocus);
+  useEffect(() => {
+    if (autoFocusRef.current) {
+      $9bf71ea28793e738$var$activeScope = scopeRef;
+      const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(scopeRef.current ? scopeRef.current[0] : void 0);
+      if (!$9bf71ea28793e738$var$isElementInScope(ownerDocument.activeElement, $9bf71ea28793e738$var$activeScope.current) && scopeRef.current)
+        $9bf71ea28793e738$var$focusFirstInScope(scopeRef.current);
+    }
+    autoFocusRef.current = false;
+  }, [
+    scopeRef
+  ]);
+}
+function $9bf71ea28793e738$var$useActiveScopeTracker(scopeRef, restore, contain) {
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (restore || contain)
+      return;
+    let scope = scopeRef.current;
+    const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(scope ? scope[0] : void 0);
+    let onFocus = (e) => {
+      let target = e.target;
+      if ($9bf71ea28793e738$var$isElementInScope(target, scopeRef.current))
+        $9bf71ea28793e738$var$activeScope = scopeRef;
+      else if (!$9bf71ea28793e738$var$isElementInAnyScope(target))
+        $9bf71ea28793e738$var$activeScope = null;
+    };
+    ownerDocument.addEventListener("focusin", onFocus, false);
+    scope === null || scope === void 0 ? void 0 : scope.forEach((element) => element.addEventListener("focusin", onFocus, false));
+    return () => {
+      ownerDocument.removeEventListener("focusin", onFocus, false);
+      scope === null || scope === void 0 ? void 0 : scope.forEach((element) => element.removeEventListener("focusin", onFocus, false));
+    };
+  }, [
+    scopeRef,
+    restore,
+    contain
+  ]);
+}
+function $9bf71ea28793e738$var$shouldRestoreFocus(scopeRef) {
+  let scope = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode($9bf71ea28793e738$var$activeScope);
+  while (scope && scope.scopeRef !== scopeRef) {
+    if (scope.nodeToRestore)
+      return false;
+    scope = scope.parent;
+  }
+  return (scope === null || scope === void 0 ? void 0 : scope.scopeRef) === scopeRef;
+}
+function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain) {
+  const nodeToRestoreRef = useRef(typeof document !== "undefined" ? $431fbd86ca7dc216$export$b204af158042fbac(scopeRef.current ? scopeRef.current[0] : void 0).activeElement : null);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    let scope = scopeRef.current;
+    const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(scope ? scope[0] : void 0);
+    if (!restoreFocus || contain)
+      return;
+    let onFocus = () => {
+      if ((!$9bf71ea28793e738$var$activeScope || $9bf71ea28793e738$var$isAncestorScope($9bf71ea28793e738$var$activeScope, scopeRef)) && $9bf71ea28793e738$var$isElementInScope(ownerDocument.activeElement, scopeRef.current))
+        $9bf71ea28793e738$var$activeScope = scopeRef;
+    };
+    ownerDocument.addEventListener("focusin", onFocus, false);
+    scope === null || scope === void 0 ? void 0 : scope.forEach((element) => element.addEventListener("focusin", onFocus, false));
+    return () => {
+      ownerDocument.removeEventListener("focusin", onFocus, false);
+      scope === null || scope === void 0 ? void 0 : scope.forEach((element) => element.removeEventListener("focusin", onFocus, false));
+    };
+  }, [
+    scopeRef,
+    contain
+  ]);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(scopeRef.current ? scopeRef.current[0] : void 0);
+    if (!restoreFocus)
+      return;
+    let onKeyDown = (e) => {
+      if (e.key !== "Tab" || e.altKey || e.ctrlKey || e.metaKey || !$9bf71ea28793e738$var$shouldContainFocus(scopeRef) || e.isComposing)
+        return;
+      let focusedElement = ownerDocument.activeElement;
+      if (!$9bf71ea28793e738$var$isElementInScope(focusedElement, scopeRef.current))
+        return;
+      let treeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef);
+      if (!treeNode)
+        return;
+      let nodeToRestore = treeNode.nodeToRestore;
+      let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(ownerDocument.body, {
+        tabbable: true
+      });
+      walker.currentNode = focusedElement;
+      let nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();
+      if (!nodeToRestore || !ownerDocument.body.contains(nodeToRestore) || nodeToRestore === ownerDocument.body) {
+        nodeToRestore = void 0;
+        treeNode.nodeToRestore = void 0;
+      }
+      if ((!nextElement || !$9bf71ea28793e738$var$isElementInScope(nextElement, scopeRef.current)) && nodeToRestore) {
+        walker.currentNode = nodeToRestore;
+        do
+          nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();
+        while ($9bf71ea28793e738$var$isElementInScope(nextElement, scopeRef.current));
+        e.preventDefault();
+        e.stopPropagation();
+        if (nextElement)
+          $9bf71ea28793e738$var$focusElement(nextElement, true);
+        else if (!$9bf71ea28793e738$var$isElementInAnyScope(nodeToRestore))
+          focusedElement.blur();
+        else
+          $9bf71ea28793e738$var$focusElement(nodeToRestore, true);
+      }
+    };
+    if (!contain)
+      ownerDocument.addEventListener("keydown", onKeyDown, true);
+    return () => {
+      if (!contain)
+        ownerDocument.removeEventListener("keydown", onKeyDown, true);
+    };
+  }, [
+    scopeRef,
+    restoreFocus,
+    contain
+  ]);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(scopeRef.current ? scopeRef.current[0] : void 0);
+    if (!restoreFocus)
+      return;
+    let treeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef);
+    if (!treeNode)
+      return;
+    var _nodeToRestoreRef_current;
+    treeNode.nodeToRestore = (_nodeToRestoreRef_current = nodeToRestoreRef.current) !== null && _nodeToRestoreRef_current !== void 0 ? _nodeToRestoreRef_current : void 0;
+    return () => {
+      let treeNode2 = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef);
+      if (!treeNode2)
+        return;
+      let nodeToRestore = treeNode2.nodeToRestore;
+      if (restoreFocus && nodeToRestore && // eslint-disable-next-line react-hooks/exhaustive-deps
+      ($9bf71ea28793e738$var$isElementInScope(ownerDocument.activeElement, scopeRef.current) || ownerDocument.activeElement === ownerDocument.body && $9bf71ea28793e738$var$shouldRestoreFocus(scopeRef))) {
+        let clonedTree = $9bf71ea28793e738$export$d06fae2ee68b101e.clone();
+        requestAnimationFrame(() => {
+          if (ownerDocument.activeElement === ownerDocument.body) {
+            let treeNode3 = clonedTree.getTreeNode(scopeRef);
+            while (treeNode3) {
+              if (treeNode3.nodeToRestore && treeNode3.nodeToRestore.isConnected) {
+                $9bf71ea28793e738$var$focusElement(treeNode3.nodeToRestore);
+                return;
+              }
+              treeNode3 = treeNode3.parent;
+            }
+            treeNode3 = clonedTree.getTreeNode(scopeRef);
+            while (treeNode3) {
+              if (treeNode3.scopeRef && treeNode3.scopeRef.current && $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(treeNode3.scopeRef)) {
+                $9bf71ea28793e738$var$focusFirstInScope(treeNode3.scopeRef.current, true);
+                return;
+              }
+              treeNode3 = treeNode3.parent;
+            }
+          }
+        });
+      }
+    };
+  }, [
+    scopeRef,
+    restoreFocus
+  ]);
+}
+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 = $431fbd86ca7dc216$export$b204af158042fbac(root).createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {
+    acceptNode(node) {
+      var _opts_from;
+      if (opts === null || opts === void 0 ? void 0 : (_opts_from = opts.from) === null || _opts_from === void 0 ? void 0 : _opts_from.contains(node))
+        return NodeFilter.FILTER_REJECT;
+      if (node.matches(selector) && $645f2e67b85a24c9$export$e989c0fffaa6b27a(node) && (!scope || $9bf71ea28793e738$var$isElementInScope(node, scope)) && (!(opts === null || opts === void 0 ? void 0 : opts.accept) || opts.accept(node)))
+        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 $9bf71ea28793e738$export$c5251b9e124bf29(ref, defaultOptions = {}) {
+  return {
+    focusNext(opts = {}) {
+      let root = ref.current;
+      if (!root)
+        return null;
+      let { from, tabbable = defaultOptions.tabbable, wrap = defaultOptions.wrap, accept = defaultOptions.accept } = opts;
+      let node = from || $431fbd86ca7dc216$export$b204af158042fbac(root).activeElement;
+      let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, {
+        tabbable,
+        accept
+      });
+      if (root.contains(node))
+        walker.currentNode = node;
+      let nextNode = walker.nextNode();
+      if (!nextNode && wrap) {
+        walker.currentNode = root;
+        nextNode = walker.nextNode();
+      }
+      if (nextNode)
+        $9bf71ea28793e738$var$focusElement(nextNode, true);
+      return nextNode;
+    },
+    focusPrevious(opts = defaultOptions) {
+      let root = ref.current;
+      if (!root)
+        return null;
+      let { from, tabbable = defaultOptions.tabbable, wrap = defaultOptions.wrap, accept = defaultOptions.accept } = opts;
+      let node = from || $431fbd86ca7dc216$export$b204af158042fbac(root).activeElement;
+      let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, {
+        tabbable,
+        accept
+      });
+      if (root.contains(node))
+        walker.currentNode = node;
+      else {
+        let next = $9bf71ea28793e738$var$last(walker);
+        if (next)
+          $9bf71ea28793e738$var$focusElement(next, true);
+        return next !== null && next !== void 0 ? next : null;
+      }
+      let previousNode = walker.previousNode();
+      if (!previousNode && wrap) {
+        walker.currentNode = root;
+        let lastNode = $9bf71ea28793e738$var$last(walker);
+        if (!lastNode)
+          return null;
+        previousNode = lastNode;
+      }
+      if (previousNode)
+        $9bf71ea28793e738$var$focusElement(previousNode, true);
+      return previousNode !== null && previousNode !== void 0 ? previousNode : null;
+    },
+    focusFirst(opts = defaultOptions) {
+      let root = ref.current;
+      if (!root)
+        return null;
+      let { tabbable = defaultOptions.tabbable, accept = defaultOptions.accept } = opts;
+      let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, {
+        tabbable,
+        accept
+      });
+      let nextNode = walker.nextNode();
+      if (nextNode)
+        $9bf71ea28793e738$var$focusElement(nextNode, true);
+      return nextNode;
+    },
+    focusLast(opts = defaultOptions) {
+      let root = ref.current;
+      if (!root)
+        return null;
+      let { tabbable = defaultOptions.tabbable, accept = defaultOptions.accept } = opts;
+      let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, {
+        tabbable,
+        accept
+      });
+      let next = $9bf71ea28793e738$var$last(walker);
+      if (next)
+        $9bf71ea28793e738$var$focusElement(next, true);
+      return next !== null && next !== void 0 ? next : null;
+    }
+  };
+}
+function $9bf71ea28793e738$var$last(walker) {
+  let next = void 0;
+  let last;
+  do {
+    last = walker.lastChild();
+    if (last)
+      next = last;
+  } while (last);
+  return next;
+}
+class $9bf71ea28793e738$var$Tree {
+  get size() {
+    return this.fastMap.size;
+  }
+  getTreeNode(data) {
+    return this.fastMap.get(data);
+  }
+  addTreeNode(scopeRef, parent, nodeToRestore) {
+    let parentNode = this.fastMap.get(parent !== null && parent !== void 0 ? parent : null);
+    if (!parentNode)
+      return;
+    let node = new $9bf71ea28793e738$var$TreeNode({
+      scopeRef
+    });
+    parentNode.addChild(node);
+    node.parent = parentNode;
+    this.fastMap.set(scopeRef, node);
+    if (nodeToRestore)
+      node.nodeToRestore = nodeToRestore;
+  }
+  addNode(node) {
+    this.fastMap.set(node.scopeRef, node);
+  }
+  removeTreeNode(scopeRef) {
+    if (scopeRef === null)
+      return;
+    let node = this.fastMap.get(scopeRef);
+    if (!node)
+      return;
+    let parentNode = node.parent;
+    for (let current of this.traverse())
+      if (current !== node && node.nodeToRestore && current.nodeToRestore && node.scopeRef && node.scopeRef.current && $9bf71ea28793e738$var$isElementInScope(current.nodeToRestore, node.scopeRef.current))
+        current.nodeToRestore = node.nodeToRestore;
+    let children = node.children;
+    if (parentNode) {
+      parentNode.removeChild(node);
+      if (children.size > 0)
+        children.forEach((child) => parentNode && parentNode.addChild(child));
+    }
+    this.fastMap.delete(node.scopeRef);
+  }
+  // Pre Order Depth First
+  *traverse(node = this.root) {
+    if (node.scopeRef != null)
+      yield node;
+    if (node.children.size > 0)
+      for (let child of node.children)
+        yield* this.traverse(child);
+  }
+  clone() {
+    var _node_parent;
+    let newTree = new $9bf71ea28793e738$var$Tree();
+    var _node_parent_scopeRef;
+    for (let node of this.traverse())
+      newTree.addTreeNode(node.scopeRef, (_node_parent_scopeRef = (_node_parent = node.parent) === null || _node_parent === void 0 ? void 0 : _node_parent.scopeRef) !== null && _node_parent_scopeRef !== void 0 ? _node_parent_scopeRef : null, node.nodeToRestore);
+    return newTree;
+  }
+  constructor() {
+    this.fastMap = /* @__PURE__ */ new Map();
+    this.root = new $9bf71ea28793e738$var$TreeNode({
+      scopeRef: null
+    });
+    this.fastMap.set(null, this.root);
+  }
+}
+class $9bf71ea28793e738$var$TreeNode {
+  addChild(node) {
+    this.children.add(node);
+    node.parent = this;
+  }
+  removeChild(node) {
+    this.children.delete(node);
+    node.parent = void 0;
+  }
+  constructor(props) {
+    this.children = /* @__PURE__ */ new Set();
+    this.contain = false;
+    this.scopeRef = props.scopeRef;
+  }
+}
+let $9bf71ea28793e738$export$d06fae2ee68b101e = new $9bf71ea28793e738$var$Tree();
+export {
+  $9bf71ea28793e738$export$20e40289641fbbb6 as $,
+  $9bf71ea28793e738$export$2d6ec8fc375ceafa as a,
+  $9bf71ea28793e738$export$c5251b9e124bf29 as b,
+  $9bf71ea28793e738$export$1258395f99bf9cbf as c
+};