@eightshift/ui-components 1.0.6 → 1.1.0

package/dist/components/menu/menu.js

@@ -1,23 +1,23 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { $ as $982254629710d113$export$b95089534ab7c1fd, b as $453cc9f0df89c0a5$export$77d5aafae4e095b2, c as $431f98aba6844401$export$1ff3c3f08ae963c0, d as $431f98aba6844401$export$6615d83f6de245ce, e as $72a5793c14baf454$export$8b251419efc915eb } from "../../Separator-B6rnDabE.js";
-import { p as $8a26561d2877236e$export$c24ed0104d07eab9, f as $880e95eb8b93ba9a$export$ecf600387e221c37, $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, j as $7135fc7d473fd974$export$e7c29ae2353b16ea, n as $7135fc7d473fd974$export$6cd28814d92fa9c9, o as $7135fc7d473fd974$export$727c8fc270210f13, q as $7135fc7d473fd974$export$6e2c8f0811a474ce } from "../../SelectionManager-sedvcM-1.js";
-import { e as $bdb11010cef70236$export$f680877a34711e37, d as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $bdb11010cef70236$export$b4cc09c592e8fdb8, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, j as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, m as $5dc95899b306f630$export$c9058316764c140e, l as $df56164dff5785e2$export$4338b53315abf666, c as $64fa3d84918910a7$export$4d86445c2cf5e3, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-DIBzm1e4.js";
+import { $ as $982254629710d113$export$b95089534ab7c1fd, b as $453cc9f0df89c0a5$export$77d5aafae4e095b2, c as $431f98aba6844401$export$1ff3c3f08ae963c0, d as $431f98aba6844401$export$6615d83f6de245ce, e as $72a5793c14baf454$export$8b251419efc915eb } from "../../Separator-DZeg0KOr.js";
+import { p as $8a26561d2877236e$export$c24ed0104d07eab9, f as $880e95eb8b93ba9a$export$ecf600387e221c37, $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, j as $7135fc7d473fd974$export$e7c29ae2353b16ea, n as $7135fc7d473fd974$export$6cd28814d92fa9c9, o as $7135fc7d473fd974$export$727c8fc270210f13, q as $7135fc7d473fd974$export$6e2c8f0811a474ce } from "../../SelectionManager-XOAt-Ekx.js";
+import { e as $bdb11010cef70236$export$f680877a34711e37, d as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $bdb11010cef70236$export$b4cc09c592e8fdb8, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, j as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, m as $5dc95899b306f630$export$c9058316764c140e, l as $df56164dff5785e2$export$4338b53315abf666, c as $64fa3d84918910a7$export$4d86445c2cf5e3, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-Dc35LwuT.js";
 import React__default, { useRef, useState, useEffect, useCallback, useMemo, createContext, forwardRef, useContext, cloneElement } from "react";
-import { $ as $628037886ba31236$export$f9d5c8beee7d008d, a as $de32f1b87079253c$export$d2f961adcb0afbe, b as $07b14b47974efb58$export$9b9a0cd73afb7ca4, c as $f1ab8c75478c6f73$export$3351871ee4b288b8, d as $e0b6e0b68ec7f50f$export$872b660ac5a1ff98, P as Popover } from "../../popover-o2Q28Ljn.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-Cyxp9ewv.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-DG2RfOUr.js";
-import { $ as $9daab02d461809db$export$683480f191c0e3ea, a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-T6H9uF-Z.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456, a as $507fabe10e71c6fb$export$b9b3dfddab17db27, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, w as $507fabe10e71c6fb$export$98e20ec92f614cfe, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-B0hyd-S4.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-WsEL47qR.js";
-import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-B42RawCH.js";
-import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "../../useFocusable-CHfpEdlE.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BAcFg5GO.js";
-import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-B9b0VMib.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CRx_hYC4.js";
+import { $ as $628037886ba31236$export$f9d5c8beee7d008d, a as $de32f1b87079253c$export$d2f961adcb0afbe, b as $07b14b47974efb58$export$9b9a0cd73afb7ca4, c as $f1ab8c75478c6f73$export$3351871ee4b288b8, d as $e0b6e0b68ec7f50f$export$872b660ac5a1ff98, P as Popover } from "../../popover-Dk2o4S7K.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-WqetJduR.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
+import { $ as $9daab02d461809db$export$683480f191c0e3ea, a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-BRQ4tvZL.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456, a as $507fabe10e71c6fb$export$b9b3dfddab17db27, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, w as $507fabe10e71c6fb$export$98e20ec92f614cfe, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-BS4dllCW.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-BQCMno9k.js";
+import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-CScNeV3V.js";
+import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "../../useFocusable-CLmhO94g.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-4oSz1ItD.js";
+import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-Bw-IatMO.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-SPRI0-SN.js";
 import { icons } from "../../icons/icons.js";
-import { B as Button } from "../../button-idVI4jmd.js";
-import { c as clsx } from "../../lite-pbIeT7tm.js";
-import { _ as __ } from "../../default-i18n-Bk1GxDHz.js";
+import { B as Button } from "../../button-CD8Q1eok.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
+import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
 var $c0398ad35c3639b7$exports = {};
 $c0398ad35c3639b7$exports = {
   "longPressMessage": `اضغط مطولاً أو اضغط على Alt + السهم لأسفل لفتح القائمة`
@@ -201,32 +201,25 @@ function $168583247155ddda$export$dc9c12ed27dd1b49(props, state, ref) {
     type
   }, state, ref);
   let onKeyDown = (e) => {
-    if (isDisabled)
-      return;
-    if (trigger === "longPress" && !e.altKey)
-      return;
-    if (ref && ref.current)
-      switch (e.key) {
-        case "Enter":
-        case " ":
-          if (trigger === "longPress")
-            return;
-        case "ArrowDown":
-          if (!("continuePropagation" in e))
-            e.stopPropagation();
-          e.preventDefault();
-          state.toggle("first");
-          break;
-        case "ArrowUp":
-          if (!("continuePropagation" in e))
-            e.stopPropagation();
-          e.preventDefault();
-          state.toggle("last");
-          break;
-        default:
-          if ("continuePropagation" in e)
-            e.continuePropagation();
-      }
+    if (isDisabled) return;
+    if (trigger === "longPress" && !e.altKey) return;
+    if (ref && ref.current) switch (e.key) {
+      case "Enter":
+      case " ":
+        if (trigger === "longPress") return;
+      case "ArrowDown":
+        if (!("continuePropagation" in e)) e.stopPropagation();
+        e.preventDefault();
+        state.toggle("first");
+        break;
+      case "ArrowUp":
+        if (!("continuePropagation" in e)) e.stopPropagation();
+        e.preventDefault();
+        state.toggle("last");
+        break;
+      default:
+        if ("continuePropagation" in e) e.continuePropagation();
+    }
   };
   let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($2cbb7ca666678a14$exports), "@react-aria/menu");
   let { longPressProps } = $8a26561d2877236e$export$c24ed0104d07eab9({
@@ -245,8 +238,7 @@ function $168583247155ddda$export$dc9c12ed27dd1b49(props, state, ref) {
         state.open(e.pointerType === "virtual" ? "first" : null);
     },
     onPress(e) {
-      if (e.pointerType === "touch" && !isDisabled)
-        state.toggle();
+      if (e.pointerType === "touch" && !isDisabled) state.toggle();
     }
   };
   delete triggerProps.onPress;
@@ -268,8 +260,7 @@ function $168583247155ddda$export$dc9c12ed27dd1b49(props, state, ref) {
 const $d5336fe17ce95402$export$6f49b4016bfc8d56 = /* @__PURE__ */ new WeakMap();
 function $d5336fe17ce95402$export$38eaa17faae8f579(props, state, ref) {
   let { shouldFocusWrap = true, onKeyDown, onKeyUp, ...otherProps } = props;
-  if (!props["aria-label"] && !props["aria-labelledby"])
-    console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
+  if (!props["aria-label"] && !props["aria-labelledby"]) console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
   let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
     labelable: true
   });
@@ -294,8 +285,7 @@ function $d5336fe17ce95402$export$38eaa17faae8f579(props, state, ref) {
       role: "menu",
       ...listProps,
       onKeyDown: (e) => {
-        if (e.key !== "Escape")
-          listProps.onKeyDown(e);
+        if (e.key !== "Escape") listProps.onKeyDown(e);
       }
     })
   };
@@ -313,23 +303,16 @@ function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
   let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
   let performAction = (e) => {
     var _item_props;
-    if (isTrigger)
-      return;
-    if (item === null || item === void 0 ? void 0 : (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.onAction)
-      item.props.onAction();
-    if (props.onAction)
-      props.onAction(key);
-    else if (data.onAction)
-      data.onAction(key);
-    if (e.target instanceof HTMLAnchorElement)
-      router.open(e.target, e, item.props.href, item.props.routerOptions);
+    if (isTrigger) return;
+    if (item === null || item === void 0 ? void 0 : (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.onAction) item.props.onAction();
+    if (props.onAction) props.onAction(key);
+    else if (data.onAction) data.onAction(key);
+    if (e.target instanceof HTMLAnchorElement) router.open(e.target, e, item.props.href, item.props.routerOptions);
   };
   let role = "menuitem";
   if (!isTrigger) {
-    if (state.selectionManager.selectionMode === "single")
-      role = "menuitemradio";
-    else if (state.selectionManager.selectionMode === "multiple")
-      role = "menuitemcheckbox";
+    if (state.selectionManager.selectionMode === "single") role = "menuitemradio";
+    else if (state.selectionManager.selectionMode === "multiple") role = "menuitemcheckbox";
   }
   let labelId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
   let descriptionId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
@@ -347,22 +330,19 @@ function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
     "aria-haspopup": hasPopup,
     "aria-expanded": props["aria-expanded"]
   };
-  if (state.selectionManager.selectionMode !== "none" && !isTrigger)
-    ariaProps["aria-checked"] = isSelected;
+  if (state.selectionManager.selectionMode !== "none" && !isTrigger) ariaProps["aria-checked"] = isSelected;
   if (isVirtualized) {
     ariaProps["aria-posinset"] = item === null || item === void 0 ? void 0 : item.index;
     ariaProps["aria-setsize"] = $453cc9f0df89c0a5$export$77d5aafae4e095b2(state.collection);
   }
   let onPressStart = (e) => {
-    if (e.pointerType === "keyboard")
-      performAction(e);
+    if (e.pointerType === "keyboard") performAction(e);
     pressStartProp === null || pressStartProp === void 0 ? void 0 : pressStartProp(e);
   };
   let onPressUp = (e) => {
     if (e.pointerType !== "keyboard") {
       performAction(e);
-      if (!isTrigger && onClose && (closeOnSelect !== null && closeOnSelect !== void 0 ? closeOnSelect : state.selectionManager.selectionMode !== "multiple" || state.selectionManager.isLink(key)))
-        onClose();
+      if (!isTrigger && onClose && (closeOnSelect !== null && closeOnSelect !== void 0 ? closeOnSelect : state.selectionManager.selectionMode !== "multiple" || state.selectionManager.isLink(key))) onClose();
     }
     pressUpProp === null || pressUpProp === void 0 ? void 0 : pressUpProp(e);
   };
@@ -406,16 +386,13 @@ function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
       }
       switch (e.key) {
         case " ":
-          if (!isDisabled && state.selectionManager.selectionMode === "none" && !isTrigger && closeOnSelect !== false && onClose)
-            onClose();
+          if (!isDisabled && state.selectionManager.selectionMode === "none" && !isTrigger && closeOnSelect !== false && onClose) onClose();
           break;
         case "Enter":
-          if (!isDisabled && closeOnSelect !== false && !isTrigger && onClose)
-            onClose();
+          if (!isDisabled && closeOnSelect !== false && !isTrigger && onClose) onClose();
           break;
         default:
-          if (!isTrigger)
-            e.continuePropagation();
+          if (!isTrigger) e.continuePropagation();
           onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
           break;
       }
@@ -506,10 +483,8 @@ function $d275435c250248f8$export$85ec83e04c95f50a(options) {
   };
   let modality = $507fabe10e71c6fb$export$98e20ec92f614cfe();
   useEffect(() => {
-    if (preventPointerEvents && menuRef.current)
-      menuRef.current.style.pointerEvents = "none";
-    else
-      menuRef.current.style.pointerEvents = "";
+    if (preventPointerEvents && menuRef.current) menuRef.current.style.pointerEvents = "none";
+    else menuRef.current.style.pointerEvents = "";
   }, [
     menuRef,
     preventPointerEvents
@@ -523,11 +498,9 @@ function $d275435c250248f8$export$85ec83e04c95f50a(options) {
     }
     submenuRect.current = submenu.getBoundingClientRect();
     let onPointerMove = (e) => {
-      if (e.pointerType === "touch" || e.pointerType === "pen")
-        return;
+      if (e.pointerType === "touch" || e.pointerType === "pen") return;
       let currentTime = Date.now();
-      if (currentTime - lastProcessedTime.current < $d275435c250248f8$var$THROTTLE_TIME)
-        return;
+      if (currentTime - lastProcessedTime.current < $d275435c250248f8$var$THROTTLE_TIME) return;
       clearTimeout(timeout.current);
       clearTimeout(autoCloseTimeout.current);
       let { clientX: mouseX, clientY: mouseY } = e;
@@ -538,10 +511,8 @@ function $d275435c250248f8$export$85ec83e04c95f50a(options) {
         };
         return;
       }
-      if (!submenuRect.current)
-        return;
-      if (!submenuSide.current)
-        submenuSide.current = mouseX > submenuRect.current.right ? "left" : "right";
+      if (!submenuRect.current) return;
+      if (!submenuSide.current) submenuSide.current = mouseX > submenuRect.current.right ? "left" : "right";
       if (mouseX < menu.getBoundingClientRect().left || mouseX > menu.getBoundingClientRect().right || mouseY < menu.getBoundingClientRect().top || mouseY > menu.getBoundingClientRect().bottom) {
         reset();
         return;
@@ -554,27 +525,23 @@ function $d275435c250248f8$export$85ec83e04c95f50a(options) {
       let anglePointer = Math.atan2(prevMouseY - mouseY, submenuSide.current === "left" ? -(mouseX - prevMouseX) : mouseX - prevMouseX);
       let isMovingTowardsSubmenu = anglePointer < angleTop && anglePointer > angleBottom;
       movementsTowardsSubmenuCount.current = isMovingTowardsSubmenu ? Math.min(movementsTowardsSubmenuCount.current + 1, $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS) : Math.max(movementsTowardsSubmenuCount.current - 1, 0);
-      if (movementsTowardsSubmenuCount.current >= $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS)
-        setPreventPointerEvents(true);
-      else
-        setPreventPointerEvents(false);
+      if (movementsTowardsSubmenuCount.current >= $d275435c250248f8$var$ALLOWED_INVALID_MOVEMENTS) setPreventPointerEvents(true);
+      else setPreventPointerEvents(false);
       lastProcessedTime.current = currentTime;
       prevPointerPos.current = {
         x: mouseX,
         y: mouseY
       };
-      if (isMovingTowardsSubmenu)
-        timeout.current = setTimeout(() => {
-          reset();
-          autoCloseTimeout.current = setTimeout(() => {
-            let target = document.elementFromPoint(mouseX, mouseY);
-            if (target && menu.contains(target))
-              target.dispatchEvent(new PointerEvent("pointerover", {
-                bubbles: true,
-                cancelable: true
-              }));
-          }, 100);
-        }, $d275435c250248f8$var$TIMEOUT_TIME);
+      if (isMovingTowardsSubmenu) timeout.current = setTimeout(() => {
+        reset();
+        autoCloseTimeout.current = setTimeout(() => {
+          let target = document.elementFromPoint(mouseX, mouseY);
+          if (target && menu.contains(target)) target.dispatchEvent(new PointerEvent("pointerover", {
+            bubbles: true,
+            cancelable: true
+          }));
+        }, 100);
+      }, $d275435c250248f8$var$TIMEOUT_TIME);
     };
     window.addEventListener("pointermove", onPointerMove);
     return () => {
@@ -658,27 +625,19 @@ function $0065b146e7192841$export$7138b0d059a6e743(props, state, ref) {
       case "ArrowRight":
         if (!isDisabled) {
           if (direction === "ltr") {
-            if (!state.isOpen)
-              onSubmenuOpen("first");
-            if (type === "menu" && !!(submenuRef === null || submenuRef === void 0 ? void 0 : submenuRef.current) && document.activeElement === (ref === null || ref === void 0 ? void 0 : ref.current))
-              submenuRef.current.focus();
-          } else if (state.isOpen)
-            onSubmenuClose();
-          else
-            e.continuePropagation();
+            if (!state.isOpen) onSubmenuOpen("first");
+            if (type === "menu" && !!(submenuRef === null || submenuRef === void 0 ? void 0 : submenuRef.current) && document.activeElement === (ref === null || ref === void 0 ? void 0 : ref.current)) submenuRef.current.focus();
+          } else if (state.isOpen) onSubmenuClose();
+          else e.continuePropagation();
         }
         break;
       case "ArrowLeft":
         if (!isDisabled) {
           if (direction === "rtl") {
-            if (!state.isOpen)
-              onSubmenuOpen("first");
-            if (type === "menu" && !!(submenuRef === null || submenuRef === void 0 ? void 0 : submenuRef.current) && document.activeElement === (ref === null || ref === void 0 ? void 0 : ref.current))
-              submenuRef.current.focus();
-          } else if (state.isOpen)
-            onSubmenuClose();
-          else
-            e.continuePropagation();
+            if (!state.isOpen) onSubmenuOpen("first");
+            if (type === "menu" && !!(submenuRef === null || submenuRef === void 0 ? void 0 : submenuRef.current) && document.activeElement === (ref === null || ref === void 0 ? void 0 : ref.current)) submenuRef.current.focus();
+          } else if (state.isOpen) onSubmenuClose();
+          else e.continuePropagation();
         }
         break;
       case "Escape":
@@ -700,21 +659,17 @@ function $0065b146e7192841$export$7138b0d059a6e743(props, state, ref) {
   let onHoverChange = (isHovered) => {
     if (!isDisabled) {
       if (isHovered && !state.isOpen) {
-        if (!openTimeout.current)
-          openTimeout.current = setTimeout(() => {
-            onSubmenuOpen();
-          }, delay);
-      } else if (!isHovered)
-        cancelOpenTimeout();
+        if (!openTimeout.current) openTimeout.current = setTimeout(() => {
+          onSubmenuOpen();
+        }, delay);
+      } else if (!isHovered) cancelOpenTimeout();
     }
   };
   let onBlur = (e) => {
-    if (state.isOpen && parentMenuRef.current.contains(e.relatedTarget))
-      onSubmenuClose();
+    if (state.isOpen && parentMenuRef.current.contains(e.relatedTarget)) onSubmenuClose();
   };
   let shouldCloseOnInteractOutside = (target) => {
-    if (target !== ref.current)
-      return true;
+    if (target !== ref.current) return true;
     return false;
   };
   $d275435c250248f8$export$85ec83e04c95f50a({
@@ -754,8 +709,7 @@ function $a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props) {
   };
   let openSubmenu = (triggerKey, level) => {
     setExpandedKeysStack((oldStack) => {
-      if (level > oldStack.length)
-        return oldStack;
+      if (level > oldStack.length) return oldStack;
       return [
         ...oldStack.slice(0, level),
         triggerKey
@@ -765,10 +719,8 @@ function $a28c903ee9ad8dc5$export$79fefeb1c2091ac3(props) {
   let closeSubmenu = (triggerKey, level) => {
     setExpandedKeysStack((oldStack) => {
       let key = oldStack[level];
-      if (key === triggerKey)
-        return oldStack.slice(0, level);
-      else
-        return oldStack;
+      if (key === triggerKey) return oldStack.slice(0, level);
+      else return oldStack;
     });
   };
   return {
@@ -818,10 +770,8 @@ function $e5614764aa47eb35$export$cfc51cf86138bf98(props, state) {
   ]);
   let toggle = useCallback((focusStrategy2 = null) => {
     setFocusStrategy(focusStrategy2);
-    if (isOpen)
-      close();
-    else
-      open(focusStrategy2);
+    if (isOpen) close();
+    else open(focusStrategy2);
   }, [
     close,
     open,
@@ -888,12 +838,9 @@ class $05ca4cd7c4a5a999$export$863faf230ee2118a {
     expandedKeys = expandedKeys || /* @__PURE__ */ new Set();
     let visit = (node) => {
       this.keyMap.set(node.key, node);
-      if (node.childNodes && (node.type === "section" || expandedKeys.has(node.key)))
-        for (let child of node.childNodes)
-          visit(child);
+      if (node.childNodes && (node.type === "section" || expandedKeys.has(node.key))) for (let child of node.childNodes) visit(child);
     };
-    for (let node of nodes)
-      visit(node);
+    for (let node of nodes) visit(node);
     let last;
     let index = 0;
     for (let [key, node] of this.keyMap) {
@@ -904,8 +851,7 @@ class $05ca4cd7c4a5a999$export$863faf230ee2118a {
         this.firstKey = key;
         node.prevKey = void 0;
       }
-      if (node.type === "item")
-        node.index = index++;
+      if (node.type === "item") node.index = index++;
       last = node;
       last.nextKey = void 0;
     }
@@ -925,8 +871,7 @@ function $875d6693e12af071$export$728d6ba534403756(props) {
     expandedKeys
   ]), null);
   useEffect(() => {
-    if (selectionState.focusedKey != null && !tree.getItem(selectionState.focusedKey))
-      selectionState.setFocusedKey(null);
+    if (selectionState.focusedKey != null && !tree.getItem(selectionState.focusedKey)) selectionState.setFocusedKey(null);
   }, [
     tree,
     selectionState.focusedKey
@@ -945,10 +890,8 @@ function $875d6693e12af071$export$728d6ba534403756(props) {
 }
 function $875d6693e12af071$var$toggleKey(set, key) {
   let res = new Set(set);
-  if (res.has(key))
-    res.delete(key);
-  else
-    res.add(key);
+  if (res.has(key)) res.delete(key);
+  else res.add(key);
   return res;
 }
 const $63df2425e2108aa8$export$744d98a3b8a94e1c = /* @__PURE__ */ createContext({});
@@ -964,8 +907,7 @@ function $3674c52c6b3c5bce$export$27d2ad3c5815583e(props) {
   }, state, ref);
   let [buttonWidth, setButtonWidth] = useState(null);
   let onResize = useCallback(() => {
-    if (ref.current)
-      setButtonWidth(ref.current.offsetWidth + "px");
+    if (ref.current) setButtonWidth(ref.current.offsetWidth + "px");
   }, [
     ref
   ]);
@@ -1077,8 +1019,7 @@ function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
   $e0b6e0b68ec7f50f$export$872b660ac5a1ff98({
     ref,
     onInteractOutside: (e) => {
-      if (rootMenuTriggerState && !(popoverContainer === null || popoverContainer === void 0 ? void 0 : popoverContainer.contains(e.target)))
-        rootMenuTriggerState.close();
+      if (rootMenuTriggerState && !(popoverContainer === null || popoverContainer === void 0 ? void 0 : popoverContainer.contains(e.target))) rootMenuTriggerState.close();
     },
     isDisabled: isSubmenu || (rootMenuTriggerState === null || rootMenuTriggerState === void 0 ? void 0 : rootMenuTriggerState.expandedKeysStack.length) === 0
   });
@@ -1476,20 +1417,10 @@ const Menu = (props) => {
  */
 const MenuSection = (props) => {
   const { children, label } = props;
-  return /* @__PURE__ */ jsxs(
-    $7135fc7d473fd974$export$6e2c8f0811a474ce,
-    {
-      className: clsx(
-        "es-uic-space-y-1 es-uic-border-b es-uic-pb-1 last:es-uic-border-b-0",
-        label && "es-uic-pt-2 first:es-uic-pt-1.5",
-        !label && "last:es-uic-pb-1"
-      ),
-      children: [
-        label && /* @__PURE__ */ jsx($72a5793c14baf454$export$8b251419efc915eb, { className: "es-uic-ml-1.5 es-uic-text-xs es-uic-font-medium es-uic-text-gray-400", children: label }),
-        children
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs($7135fc7d473fd974$export$6e2c8f0811a474ce, { className: clsx("es-uic-space-y-1 es-uic-border-b es-uic-pb-1 last:es-uic-border-b-0", label && "es-uic-pt-2 first:es-uic-pt-1.5", !label && "last:es-uic-pb-1"), children: [
+    label && /* @__PURE__ */ jsx($72a5793c14baf454$export$8b251419efc915eb, { className: "es-uic-ml-1.5 es-uic-text-xs es-uic-font-medium es-uic-text-gray-400", children: label }),
+    children
+  ] });
 };
 /**
  * A menu separator.

package/dist/components/notice/notice.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as clsx } from "../../lite-pbIeT7tm.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { icons } from "../../icons/icons.js";
 /**
  * A simple notice component.

package/dist/components/number-picker/number-picker.js

@@ -1,19 +1,19 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { forwardRef, useRef, createContext, useState, cloneElement } from "react";
-import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-Dkdm2-E7.js";
-import { $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BJA4rmIo.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-9x5iLJ-Y.js";
-import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-eebLs4cp.js";
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-DIBzm1e4.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-ILxgMZy5.js";
+import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-D3Qa6PrV.js";
+import { $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CX_rocyZ.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-Bg5O81Wb.js";
+import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-CbFrFO04.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-Dc35LwuT.js";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-J1-YPbi6.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-Cyxp9ewv.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-DG2RfOUr.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BAcFg5GO.js";
-import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberFieldState-ZH2Qyyxh.js";
-import { B as Button } from "../../button-idVI4jmd.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-WqetJduR.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-4oSz1ItD.js";
+import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberFieldState-BegO5X6F.js";
+import { B as Button } from "../../button-CD8Q1eok.js";
 import { icons } from "../../icons/icons.js";
-import { c as clsx } from "../../lite-pbIeT7tm.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { BaseControl } from "../base-control/base-control.js";
 const $b91743d66a0ed188$export$b414a48cf5dcbc11 = /* @__PURE__ */ createContext(null);
 const $b91743d66a0ed188$export$6cc906c6cff9bec5 = /* @__PURE__ */ createContext(null);
@@ -222,7 +222,7 @@ const NumberPicker = ({
                   "span",
                   {
                     slot: "prefix",
-                    className: "es-uic-col-start-1 es-uic-row-span-2 es-uic-mr-0.5 es-uic-select-none es-uic-self-center es-uic-text-gray-500 es-uic-text-xs",
+                    className: "es-uic-col-start-1 es-uic-row-span-2 es-uic-mr-0.5 es-uic-select-none es-uic-self-center es-uic-text-xs es-uic-text-gray-500",
                     children: prefix
                   }
                 ),
@@ -231,7 +231,7 @@ const NumberPicker = ({
                   {
                     onFocus: () => setIsInputFocused(true),
                     onBlur: () => setIsInputFocused(false),
-                    className: "es-uic-col-start-2 es-uic-row-span-2 es-uic-bg-transparent es-uic-py-1 es-uic-tabular-nums focus:es-uic-outline-none es-uic-text-sm selection:es-uic-bg-teal-500/20 selection:es-uic-text-teal-950",
+                    className: "es-uic-col-start-2 es-uic-row-span-2 es-uic-bg-transparent es-uic-py-1 es-uic-text-sm es-uic-tabular-nums selection:es-uic-bg-teal-500/20 selection:es-uic-text-teal-950 focus:es-uic-outline-none",
                     placeholder,
                     style: {
                       width: fixedWidth ? `${fixedWidth}ch` : `calc(${min < 0 ? "0.75ch + " : ""}${(_d = (_c = max ?? 1e3) == null ? void 0 : _c.toString()) == null ? void 0 : _d.length} * 1ch)`
@@ -242,7 +242,7 @@ const NumberPicker = ({
                   "span",
                   {
                     slot: "suffix",
-                    className: "es-uic-col-start-3 es-uic-row-span-2 es-uic-select-none es-uic-self-center es-uic-text-gray-500 es-uic-text-xs",
+                    className: "es-uic-col-start-3 es-uic-row-span-2 es-uic-select-none es-uic-self-center es-uic-text-xs es-uic-text-gray-500",
                     children: suffix
                   }
                 ),