@eightshift/ui-components 1.0.5 → 1.1.0

package/README.md

@@ -4,6 +4,15 @@ A collection of commonly-used UI components, utilities and icons, meant to provi
 
 Built using [React Aria components](https://react-spectrum.adobe.com/react-aria/), styled using [TailwindCSS](https://tailwindcss.com/). Build process and library export is set up with [Vite](https://vitejs.dev/).
 
+## Local setup
+
+> [!IMPORTANT]
+> Uses [`pnpm`](https://pnpm.io/) for package management.
+
+1. Clone the repository
+2. `pnpm install`
+3. `pnpm start` to run the example
+
 ## Who do I talk to?
 
 If you have any questions or problems, please [open an issue](https://github.com/infinum/eightshift-ui-components/issues) on GitHub and we will do our best to give you a timely answer.

package/dist/{Button-eebLs4cp.js → Button-CbFrFO04.js}

@@ -1,9 +1,9 @@
-import { b as $64fa3d84918910a7$export$86427a43e3e48ebb, a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-DIBzm1e4.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-DG2RfOUr.js";
+import { b as $64fa3d84918910a7$export$86427a43e3e48ebb, a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Dc35LwuT.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
 import React__default, { createContext } from "react";
-import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-D-xACzEY.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-CRx_hYC4.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-B0hyd-S4.js";
+import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-DbjDV_33.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-SPRI0-SN.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-BS4dllCW.js";
 const $d2b4bc8c273e7be6$var$additionalButtonHTMLAttributes = /* @__PURE__ */ new Set([
   "form",
   "formAction",

package/dist/{Checkbox-BN0TEda-.js → Checkbox-Cv3pZDHg.js}

@@ -1,14 +1,14 @@
 import { $ as $4e85f108e88277b8$export$b085522c77523c51 } from "./RSPContexts-CrNYmadY.js";
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-DIBzm1e4.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Dc35LwuT.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-Cq3fu75_.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-DG2RfOUr.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
 import React__default, { useEffect, useRef, forwardRef, useContext, createContext } from "react";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a, b as $e5be200c675c3b3a$export$dad6ae84456c676a, c as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidationState-CdYmOaXI.js";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "./useToggle-CExfZM8x.js";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "./useToggleState-DghG5ImG.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-CRx_hYC4.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-B0hyd-S4.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-BPJVSUyp.js";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a, b as $e5be200c675c3b3a$export$dad6ae84456c676a, c as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidationState-CthG9Fbc.js";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "./useToggle-6LnpaJ7-.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "./useToggleState-Cymkpac8.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-SPRI0-SN.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-BS4dllCW.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-Di1zXprL.js";
 function $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {
   let validationState = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
     ...props,
@@ -22,8 +22,7 @@ function $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {
   $e93e671b31057976$export$b8473d3665f3a75a(props, validationState, inputRef);
   let { isIndeterminate, isRequired, validationBehavior = "aria" } = props;
   useEffect(() => {
-    if (inputRef.current)
-      inputRef.current.indeterminate = !!isIndeterminate;
+    if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;
   });
   return {
     labelProps,
@@ -48,12 +47,9 @@ function $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {
     isReadOnly: props.isReadOnly || state.isReadOnly,
     isSelected: state.isSelected(props.value),
     onChange(isSelected) {
-      if (isSelected)
-        state.addValue(props.value);
-      else
-        state.removeValue(props.value);
-      if (props.onChange)
-        props.onChange(isSelected);
+      if (isSelected) state.addValue(props.value);
+      else state.removeValue(props.value);
+      if (props.onChange) props.onChange(isSelected);
     }
   });
   let { name, descriptionId, errorMessageId, validationBehavior } = $1ae600c947479353$export$ec98120685d4f57d.get(state);

package/dist/{ColorSwatch-BrowHhTG.js → ColorSwatch-CNQmCQV8.js}

@@ -1,9 +1,9 @@
-import { e as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-DIBzm1e4.js";
-import { $ as $799cddbef784668f$export$6e865ea70d7724f, a as $3493a52097159720$exports } from "./intlStrings-Ctkp0HDc.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-DG2RfOUr.js";
+import { e as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-Dc35LwuT.js";
+import { $ as $799cddbef784668f$export$6e865ea70d7724f, a as $3493a52097159720$exports } from "./intlStrings-Dxaeitoh.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
 import React__default, { useMemo, forwardRef, createContext } from "react";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BAcFg5GO.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-WsEL47qR.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-4oSz1ItD.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-BQCMno9k.js";
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
@@ -19,8 +19,7 @@ function $2993fcad7650b98d$export$9060ae606178d849(props) {
   });
   let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($3493a52097159720$exports), "@react-aria/color");
   let id = $bdb11010cef70236$export$f680877a34711e37(props.id);
-  if (!colorName)
-    colorName = color.getChannelValue("alpha") === 0 ? stringFormatter.format("transparent") : color.getColorName(locale);
+  if (!colorName) colorName = color.getChannelValue("alpha") === 0 ? stringFormatter.format("transparent") : color.getColorName(locale);
   return {
     colorSwatchProps: {
       ...DOMProps,

package/dist/{FieldError-ILxgMZy5.js → FieldError-J1-YPbi6.js}

@@ -1,5 +1,5 @@
-import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-DVhXVhtH.js";
-import { k as $bdb11010cef70236$export$b4cc09c592e8fdb8, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-DIBzm1e4.js";
+import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-g836T8kL.js";
+import { k as $bdb11010cef70236$export$b4cc09c592e8fdb8, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Dc35LwuT.js";
 import { createContext } from "react";
 function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
   let { description, errorMessage, isInvalid, validationState } = props;

package/dist/{FocusScope-B9b0VMib.js → FocusScope-Bw-IatMO.js}

@@ -1,10 +1,9 @@
-import { f as $431fbd86ca7dc216$export$f21a1ffae260145a, g as $431fbd86ca7dc216$export$b204af158042fbac, h as $6a99195332edec8b$export$80f3e147d781571c } from "./focusSafely-B0hyd-S4.js";
-import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-DIBzm1e4.js";
+import { f as $431fbd86ca7dc216$export$f21a1ffae260145a, g as $431fbd86ca7dc216$export$b204af158042fbac, h as $6a99195332edec8b$export$80f3e147d781571c } from "./focusSafely-BS4dllCW.js";
+import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-Dc35LwuT.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;
+  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) {
@@ -38,8 +37,7 @@ function $9bf71ea28793e738$export$20e40289641fbbb6(props) {
     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;
+      if (activeNode) parent = activeNode;
     }
     parent.addChild(node);
     $9bf71ea28793e738$export$d06fae2ee68b101e.addNode(node);
@@ -49,8 +47,7 @@ function $9bf71ea28793e738$export$20e40289641fbbb6(props) {
   ]);
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
     let node2 = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef);
-    if (node2)
-      node2.contain = !!contain;
+    if (node2) node2.contain = !!contain;
   }, [
     contain
   ]);
@@ -74,11 +71,8 @@ function $9bf71ea28793e738$export$20e40289641fbbb6(props) {
     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;
+      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
@@ -88,8 +82,7 @@ function $9bf71ea28793e738$export$20e40289641fbbb6(props) {
       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;
+      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);
     };
   }, [
@@ -133,8 +126,7 @@ function $9bf71ea28793e738$var$createFocusManagerForScope(scopeRef) {
         walker.currentNode = sentinel;
         nextNode = walker.nextNode();
       }
-      if (nextNode)
-        $9bf71ea28793e738$var$focusElement(nextNode, true);
+      if (nextNode) $9bf71ea28793e738$var$focusElement(nextNode, true);
       return nextNode;
     },
     focusPrevious(opts = {}) {
@@ -153,8 +145,7 @@ function $9bf71ea28793e738$var$createFocusManagerForScope(scopeRef) {
         walker.currentNode = sentinel;
         previousNode = walker.previousNode();
       }
-      if (previousNode)
-        $9bf71ea28793e738$var$focusElement(previousNode, true);
+      if (previousNode) $9bf71ea28793e738$var$focusElement(previousNode, true);
       return previousNode;
     },
     focusFirst(opts = {}) {
@@ -167,8 +158,7 @@ function $9bf71ea28793e738$var$createFocusManagerForScope(scopeRef) {
       }, scope);
       walker.currentNode = scope[0].previousElementSibling;
       let nextNode = walker.nextNode();
-      if (nextNode)
-        $9bf71ea28793e738$var$focusElement(nextNode, true);
+      if (nextNode) $9bf71ea28793e738$var$focusElement(nextNode, true);
       return nextNode;
     },
     focusLast(opts = {}) {
@@ -181,8 +171,7 @@ function $9bf71ea28793e738$var$createFocusManagerForScope(scopeRef) {
       }, scope);
       walker.currentNode = scope[scope.length - 1].nextElementSibling;
       let previousNode = walker.previousNode();
-      if (previousNode)
-        $9bf71ea28793e738$var$focusElement(previousNode, true);
+      if (previousNode) $9bf71ea28793e738$var$focusElement(previousNode, true);
       return previousNode;
     }
   };
@@ -211,8 +200,7 @@ function $9bf71ea28793e738$var$getScopeRoot(scope) {
 function $9bf71ea28793e738$var$shouldContainFocus(scopeRef) {
   let scope = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode($9bf71ea28793e738$var$activeScope);
   while (scope && scope.scopeRef !== scopeRef) {
-    if (scope.contain)
-      return false;
+    if (scope.contain) return false;
     scope = scope.parent;
   }
   return true;
@@ -231,18 +219,15 @@ function $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain) {
     }
     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;
+      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;
+      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;
+      if (!focusedElement) return;
       walker.currentNode = focusedElement;
       let nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();
       if (!nextElement) {
@@ -250,24 +235,19 @@ function $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain) {
         nextElement = e.shiftKey ? walker.previousNode() : walker.nextNode();
       }
       e.preventDefault();
-      if (nextElement)
-        $9bf71ea28793e738$var$focusElement(nextElement, true);
+      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;
+        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);
+      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;
@@ -275,8 +255,7 @@ function $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain) {
             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);
+          } else if ($9bf71ea28793e738$var$activeScope.current) $9bf71ea28793e738$var$focusFirstInScope($9bf71ea28793e738$var$activeScope.current);
         }
       });
     };
@@ -296,8 +275,7 @@ function $9bf71ea28793e738$var$useFocusContainment(scopeRef, contain) {
   ]);
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
     return () => {
-      if (raf.current)
-        cancelAnimationFrame(raf.current);
+      if (raf.current) cancelAnimationFrame(raf.current);
     };
   }, [
     raf
@@ -307,18 +285,14 @@ function $9bf71ea28793e738$var$isElementInAnyScope(element) {
   return $9bf71ea28793e738$var$isElementInChildScope(element);
 }
 function $9bf71ea28793e738$var$isElementInScope(element, scope) {
-  if (!element)
-    return false;
-  if (!scope)
-    return false;
+  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;
+  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;
+    if (s && $9bf71ea28793e738$var$isElementInScope(element, s.current)) return true;
   }
   return false;
 }
@@ -329,23 +303,20 @@ 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;
+    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) {
-    }
+  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;
@@ -371,8 +342,7 @@ function $9bf71ea28793e738$var$useAutoFocus(scopeRef, autoFocus) {
     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);
+      if (!$9bf71ea28793e738$var$isElementInScope(ownerDocument.activeElement, $9bf71ea28793e738$var$activeScope.current) && scopeRef.current) $9bf71ea28793e738$var$focusFirstInScope(scopeRef.current);
     }
     autoFocusRef.current = false;
   }, [
@@ -381,16 +351,13 @@ function $9bf71ea28793e738$var$useAutoFocus(scopeRef, autoFocus) {
 }
 function $9bf71ea28793e738$var$useActiveScopeTracker(scopeRef, restore, contain) {
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    if (restore || contain)
-      return;
+    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;
+      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));
@@ -407,8 +374,7 @@ function $9bf71ea28793e738$var$useActiveScopeTracker(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;
+    if (scope.nodeToRestore) return false;
     scope = scope.parent;
   }
   return (scope === null || scope === void 0 ? void 0 : scope.scopeRef) === scopeRef;
@@ -418,11 +384,9 @@ function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain)
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
     let scope = scopeRef.current;
     const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(scope ? scope[0] : void 0);
-    if (!restoreFocus || contain)
-      return;
+    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;
+      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));
@@ -436,17 +400,13 @@ function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain)
   ]);
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
     const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(scopeRef.current ? scopeRef.current[0] : void 0);
-    if (!restoreFocus)
-      return;
+    if (!restoreFocus) return;
     let onKeyDown = (e) => {
-      if (e.key !== "Tab" || e.altKey || e.ctrlKey || e.metaKey || !$9bf71ea28793e738$var$shouldContainFocus(scopeRef) || e.isComposing)
-        return;
+      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;
+      if (!$9bf71ea28793e738$var$isElementInScope(focusedElement, scopeRef.current)) return;
       let treeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef);
-      if (!treeNode)
-        return;
+      if (!treeNode) return;
       let nodeToRestore = treeNode.nodeToRestore;
       let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(ownerDocument.body, {
         tabbable: true
@@ -464,19 +424,14 @@ function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain)
         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 (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);
+    if (!contain) ownerDocument.addEventListener("keydown", onKeyDown, true);
     return () => {
-      if (!contain)
-        ownerDocument.removeEventListener("keydown", onKeyDown, true);
+      if (!contain) ownerDocument.removeEventListener("keydown", onKeyDown, true);
     };
   }, [
     scopeRef,
@@ -485,17 +440,14 @@ function $9bf71ea28793e738$var$useRestoreFocus(scopeRef, restoreFocus, contain)
   ]);
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
     const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(scopeRef.current ? scopeRef.current[0] : void 0);
-    if (!restoreFocus)
-      return;
+    if (!restoreFocus) return;
     let treeNode = $9bf71ea28793e738$export$d06fae2ee68b101e.getTreeNode(scopeRef);
-    if (!treeNode)
-      return;
+    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;
+      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))) {
@@ -532,56 +484,47 @@ function $9bf71ea28793e738$export$2d6ec8fc375ceafa(root, opts, scope) {
   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;
+      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;
+  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;
+      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;
+      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);
+      if (nextNode) $9bf71ea28793e738$var$focusElement(nextNode, true);
       return nextNode;
     },
     focusPrevious(opts = defaultOptions) {
       let root = ref.current;
-      if (!root)
-        return null;
+      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;
+      if (root.contains(node)) walker.currentNode = node;
       else {
         let next = $9bf71ea28793e738$var$last(walker);
-        if (next)
-          $9bf71ea28793e738$var$focusElement(next, true);
+        if (next) $9bf71ea28793e738$var$focusElement(next, true);
         return next !== null && next !== void 0 ? next : null;
       }
       let previousNode = walker.previousNode();
@@ -592,36 +535,31 @@ function $9bf71ea28793e738$export$c5251b9e124bf29(ref, defaultOptions = {}) {
           return null;
         previousNode = lastNode;
       }
-      if (previousNode)
-        $9bf71ea28793e738$var$focusElement(previousNode, true);
+      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;
+      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);
+      if (nextNode) $9bf71ea28793e738$var$focusElement(nextNode, true);
       return nextNode;
     },
     focusLast(opts = defaultOptions) {
       let root = ref.current;
-      if (!root)
-        return null;
+      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);
+      if (next) $9bf71ea28793e738$var$focusElement(next, true);
       return next !== null && next !== void 0 ? next : null;
     }
   };
@@ -631,8 +569,7 @@ function $9bf71ea28793e738$var$last(walker) {
   let last;
   do {
     last = walker.lastChild();
-    if (last)
-      next = last;
+    if (last) next = last;
   } while (last);
   return next;
 }
@@ -645,52 +582,41 @@ class $9bf71ea28793e738$var$Tree {
   }
   addTreeNode(scopeRef, parent, nodeToRestore) {
     let parentNode = this.fastMap.get(parent !== null && parent !== void 0 ? parent : null);
-    if (!parentNode)
-      return;
+    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;
+    if (nodeToRestore) node.nodeToRestore = nodeToRestore;
   }
   addNode(node) {
     this.fastMap.set(node.scopeRef, node);
   }
   removeTreeNode(scopeRef) {
-    if (scopeRef === null)
-      return;
+    if (scopeRef === null) return;
     let node = this.fastMap.get(scopeRef);
-    if (!node)
-      return;
+    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;
+    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));
+      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);
+    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);
+    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() {