@eightshift/ui-components 1.0.6 → 1.1.0

package/dist/components/expandable/expandable.js

@@ -2,12 +2,12 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
-import { B as Button } from "../../button-idVI4jmd.js";
+import { B as Button } from "../../button-CD8Q1eok.js";
 import { icons } from "../../icons/icons.js";
-import { c as clsx } from "../../lite-pbIeT7tm.js";
-import { _ as __ } from "../../default-i18n-Bk1GxDHz.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-9x5iLJ-Y.js";
-import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-B9b0VMib.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
+import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-Bg5O81Wb.js";
+import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-Bw-IatMO.js";
 /**
  * A component that allows hiding content in an expandable panel, to declutter the UI.
  *
@@ -68,59 +68,47 @@ const Expandable = (props) => {
       ),
       ...other,
       children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: clsx(
-              "es-uic-flex es-uic-h-9 es-uic-items-center es-uic-gap-1 es-uic-transition-[padding]",
-              isOpen && "es-uic-py-1 es-uic-pl-2 es-uic-pr-1"
-            ),
-            children: [
-              /* @__PURE__ */ jsx(
-                RichLabel,
-                {
-                  icon,
-                  label,
-                  subtitle,
-                  className: labelClassName,
-                  as: $01b77f81d0f07f68$export$b04be29aa201d4f5,
-                  fullWidth: true
-                }
-              ),
-              actions && !keepActionsOnExpand && /* @__PURE__ */ jsx(
-                AnimatedVisibility,
-                {
-                  visible: !isOpen,
-                  className: "es-uic-ml-auto es-uic-flex es-uic-gap-2",
-                  transition: "scaleFade",
-                  noInitial: true,
-                  children: actions
+        /* @__PURE__ */ jsxs("div", { className: clsx("es-uic-flex es-uic-h-10 es-uic-items-center es-uic-gap-1 es-uic-transition-[padding]", isOpen && "es-uic-py-1 es-uic-pl-2 es-uic-pr-1"), children: [
+          /* @__PURE__ */ jsx(
+            RichLabel,
+            {
+              icon,
+              label,
+              subtitle,
+              className: labelClassName,
+              as: $01b77f81d0f07f68$export$b04be29aa201d4f5,
+              fullWidth: true
+            }
+          ),
+          actions && !keepActionsOnExpand && /* @__PURE__ */ jsx(
+            AnimatedVisibility,
+            {
+              visible: !isOpen,
+              className: "es-uic-ml-auto es-uic-flex es-uic-gap-2",
+              transition: "scaleFade",
+              noInitial: true,
+              children: actions
+            }
+          ),
+          actions && keepActionsOnExpand && /* @__PURE__ */ jsx("div", { className: "es-uic-ml-auto es-uic-flex es-uic-gap-2", children: actions }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "ghost",
+              icon: isOpen ? icons.caretDownFill : icons.caretDown,
+              onPress: () => {
+                setIsOpen(!isOpen);
+                if (onOpenChange) {
+                  onOpenChange(!isOpen);
                 }
-              ),
-              actions && keepActionsOnExpand && /* @__PURE__ */ jsx("div", { className: "es-uic-ml-auto es-uic-flex es-uic-gap-2", children: actions }),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  type: "ghost",
-                  icon: isOpen ? icons.caretDownFill : icons.caretDown,
-                  onPress: () => {
-                    setIsOpen(!isOpen);
-                    if (onOpenChange) {
-                      onOpenChange(!isOpen);
-                    }
-                  },
-                  tooltip: isOpen ? __("Close", "eightshift-ui-components") : __("Open", "eightshift-ui-components"),
-                  disabled,
-                  className: clsx(
-                    "[&>svg]:es-uic-size-5 [&>svg]:es-uic-transition-transform",
-                    isOpen && "[&>svg]:-es-uic-scale-y-100"
-                  ),
-                  size: "small"
-                }
-              )
-            ]
-          }
-        ),
+              },
+              tooltip: isOpen ? __("Close", "eightshift-ui-components") : __("Open", "eightshift-ui-components"),
+              disabled,
+              className: clsx("[&>svg]:es-uic-size-5 [&>svg]:es-uic-transition-transform", isOpen && "[&>svg]:-es-uic-scale-y-100"),
+              size: "small"
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsx(
           AnimatedVisibility,
           {

package/dist/components/index.js

@@ -1,7 +1,7 @@
 import { AnimatedVisibility } from "./animated-visibility/animated-visibility.js";
 import { BaseControl } from "./base-control/base-control.js";
 import { BreakpointPreview } from "./breakpoint-preview/breakpoint-preview.js";
-import { B, a } from "../button-idVI4jmd.js";
+import { B, a } from "../button-CD8Q1eok.js";
 import { Checkbox } from "./checkbox/checkbox.js";
 import { ComponentToggle } from "./component-toggle/component-toggle.js";
 import { ContainerPanel } from "./container-panel/container-panel.js";
@@ -24,7 +24,7 @@ import { MediaPlaceholder } from "./placeholders/media-placeholder.js";
 import { Menu, MenuItem, MenuSection, MenuSeparator, SubMenuItem } from "./menu/menu.js";
 import { Notice } from "./notice/notice.js";
 import { NumberPicker } from "./number-picker/number-picker.js";
-import { P, T } from "../popover-o2Q28Ljn.js";
+import { P, T } from "../popover-Dk2o4S7K.js";
 import { RadioButton, RadioButtonGroup } from "./radio/radio.js";
 import { Repeater } from "./repeater/repeater.js";
 import { RepeaterItem } from "./repeater/repeater-item.js";
@@ -45,7 +45,7 @@ import { Tab, TabList, TabPanel, Tabs } from "./tabs/tabs.js";
 import { Toggle } from "./toggle/toggle.js";
 import { Switch } from "./toggle/switch.js";
 import { ToggleButton } from "./toggle-button/toggle-button.js";
-import { D, T as T2 } from "../tooltip-T6H9uF-Z.js";
+import { D, T as T2 } from "../tooltip-BRQ4tvZL.js";
 import { VStack } from "./layout/vstack.js";
 export {
   AnimatedVisibility,

package/dist/components/input-field/input-field.js

@@ -1,16 +1,16 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ 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 { a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-DIBzm1e4.js";
+import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ 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 { a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-Dc35LwuT.js";
 import React__default, { forwardRef, createContext, useRef, useState, useCallback } from "react";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-B0hyd-S4.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CRx_hYC4.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-ILxgMZy5.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-BS4dllCW.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-SPRI0-SN.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 { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-WqetJduR.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { c as clsx } from "../../lite-pbIeT7tm.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
 const $216918bed6669f72$export$2dc6166a7e65358c = /* @__PURE__ */ createContext({});
 let $216918bed6669f72$var$filterHoverProps = (props) => {
   let { onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;
@@ -64,8 +64,7 @@ function $bcdf0525bf22703d$var$TextField(props, ref) {
   }, inputRef);
   let inputOrTextAreaRef = useCallback((el) => {
     inputRef.current = el;
-    if (el)
-      setInputElementType(el instanceof HTMLTextAreaElement ? "textarea" : "input");
+    if (el) setInputElementType(el instanceof HTMLTextAreaElement ? "textarea" : "input");
   }, []);
   let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
     ...props,
@@ -160,21 +159,7 @@ const $bcdf0525bf22703d$export$2c73285ae9390cec = /* @__PURE__ */ forwardRef($bc
  * @preserve
  */
 const InputField = (props) => {
-  const {
-    icon,
-    label,
-    subtitle,
-    help,
-    actions,
-    value,
-    onChange,
-    type = "text",
-    disabled,
-    readOnly,
-    className,
-    hidden,
-    ...other
-  } = props;
+  const { icon, label, subtitle, help, actions, value, onChange, type = "text", disabled, readOnly, className, hidden, ...other } = props;
   if (hidden) {
     return null;
   }

package/dist/components/layout/hstack.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../lite-pbIeT7tm.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
 /**
  * Allows for stacking elements horizontally, with a gap between them.
  *
@@ -23,17 +23,7 @@ const HStack = (props) => {
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx(
-        "es-uic-flex es-uic-items-center es-uic-gap-x-1.5 es-uic-gap-y-2",
-        !noWrap && "es-uic-flex-wrap",
-        className
-      ),
-      children
-    }
-  );
+  return /* @__PURE__ */ jsx("div", { className: clsx("es-uic-flex es-uic-items-center es-uic-gap-x-1.5 es-uic-gap-y-2", !noWrap && "es-uic-flex-wrap", className), children });
 };
 export {
   HStack

package/dist/components/layout/vstack.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../lite-pbIeT7tm.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
 /**
  * Allows for stacking elements vertically, with a gap between them.
  *
@@ -23,17 +23,7 @@ const VStack = (props) => {
   if (hidden) {
     return null;
   }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx(
-        "es-uic-flex es-uic-flex-col es-uic-gap-x-1.5 es-uic-gap-y-1.5",
-        !noWrap && "es-uic-flex-wrap",
-        className
-      ),
-      children
-    }
-  );
+  return /* @__PURE__ */ jsx("div", { className: clsx("es-uic-flex es-uic-flex-col es-uic-gap-x-1.5 es-uic-gap-y-1.5", !noWrap && "es-uic-flex-wrap", className), children });
 };
 export {
   VStack

package/dist/components/link-input/link-input.js

@@ -1,27 +1,27 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-eebLs4cp.js";
-import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-Dkdm2-E7.js";
-import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ 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 { n as $ff5963eb1fccf552$export$e08e3b67e392101e, 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 $d2b4bc8c273e7be6$export$24d547caef80ccd1, a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-CbFrFO04.js";
+import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-D3Qa6PrV.js";
+import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ 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 { n as $ff5963eb1fccf552$export$e08e3b67e392101e, 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 { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-WqetJduR.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { useReducer, useRef, useEffect, forwardRef, createContext, useMemo, useState } from "react";
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-B0hyd-S4.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-WsEL47qR.js";
-import { $ as $13c3c67164f4d5be$export$4c260019440d418f, B as Button } from "../../button-idVI4jmd.js";
-import { _ as __ } from "../../default-i18n-Bk1GxDHz.js";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-BS4dllCW.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-BQCMno9k.js";
+import { $ as $13c3c67164f4d5be$export$4c260019440d418f, B as Button } from "../../button-CD8Q1eok.js";
+import { _ as __ } from "../../default-i18n-BqwLkgZv.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 { Spacer } from "../spacer/spacer.js";
-import { T as Tooltip } from "../../tooltip-T6H9uF-Z.js";
+import { T as Tooltip } from "../../tooltip-BRQ4tvZL.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { RichLabel } from "../rich-label/rich-label.js";
-import { P as Popover } from "../../popover-o2Q28Ljn.js";
-import { a as $0d86e9c8f07f9a7b$export$79c0c687a5963b0a } from "../../useListData-BelKu4kx.js";
+import { P as Popover } from "../../popover-Dk2o4S7K.js";
+import { a as $0d86e9c8f07f9a7b$export$79c0c687a5963b0a } from "../../useListData-BpYQj7kK.js";
 var $03c9a1a10de12f06$exports = {};
 $03c9a1a10de12f06$exports = {
   "Clear search": `مسح البحث`
@@ -204,26 +204,20 @@ function $4d52238874b24f86$export$9bb30bbe003b82e0(props, state, inputRef) {
   }, onClear, type = "search" } = props;
   let onKeyDown = (e) => {
     const key = e.key;
-    if (key === "Enter")
-      e.preventDefault();
-    if (isDisabled || isReadOnly)
-      return;
-    if (key === "Enter")
-      onSubmit(state.value);
+    if (key === "Enter") e.preventDefault();
+    if (isDisabled || isReadOnly) return;
+    if (key === "Enter") onSubmit(state.value);
     if (key === "Escape") {
-      if (state.value === "")
-        e.continuePropagation();
+      if (state.value === "") e.continuePropagation();
       else {
         state.setValue("");
-        if (onClear)
-          onClear();
+        if (onClear) onClear();
       }
     }
   };
   let onClearButtonClick = () => {
     state.setValue("");
-    if (onClear)
-      onClear();
+    if (onClear) onClear();
   };
   let onPressStart = () => {
     var _inputRef_current;
@@ -293,8 +287,7 @@ function $f86e6c1ec7da6ebb$var$reducer(data, action) {
     case "filtering":
       switch (action.type) {
         case "success":
-          if (action.abortController !== data.abortController)
-            return data;
+          if (action.abortController !== data.abortController) return data;
           var _action_selectedKeys;
           selectedKeys = (_action_selectedKeys = action.selectedKeys) !== null && _action_selectedKeys !== void 0 ? _action_selectedKeys : data.selectedKeys;
           var _action_filterText1, _action_sortDescriptor1;
@@ -311,8 +304,7 @@ function $f86e6c1ec7da6ebb$var$reducer(data, action) {
             cursor: action.cursor
           };
         case "error":
-          if (action.abortController !== data.abortController)
-            return data;
+          if (action.abortController !== data.abortController) return data;
           return {
             ...data,
             state: "error",
@@ -363,8 +355,7 @@ function $f86e6c1ec7da6ebb$var$reducer(data, action) {
             cursor: action.cursor
           };
         case "error":
-          if (action.abortController !== data.abortController)
-            return data;
+          if (action.abortController !== data.abortController) return data;
           return {
             ...data,
             state: "error",
@@ -433,11 +424,10 @@ function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
         ...response,
         abortController
       });
-      if (filterText && filterText !== previousFilterText && !abortController.signal.aborted)
-        dispatchFetch({
-          type: "filtering",
-          filterText
-        }, load);
+      if (filterText && filterText !== previousFilterText && !abortController.signal.aborted) dispatchFetch({
+        type: "filtering",
+        filterText
+      }, load);
     } catch (e) {
       dispatch({
         type: "error",
@@ -472,8 +462,7 @@ function $f86e6c1ec7da6ebb$export$bc3384a35de93d66(options) {
       }, load);
     },
     loadMore() {
-      if (data.state === "loadingMore" || data.state === "filtering" || data.cursor == null)
-        return;
+      if (data.state === "loadingMore" || data.state === "filtering" || data.cursor == null) return;
       dispatchFetch({
         type: "loadingMore"
       }, load);
@@ -510,8 +499,7 @@ function $0b2218c4e3fe7d7e$export$3f8be18b0f41eaf2(props) {
   };
 }
 function $0b2218c4e3fe7d7e$var$toString(val) {
-  if (val == null)
-    return;
+  if (val == null) return;
   return val.toString();
 }
 const $440f4836bcb56932$export$d1c4e4c63cb03a11 = /* @__PURE__ */ createContext(null);
@@ -599,8 +587,7 @@ function c(e, u, c2) {
   var i = this, a = useRef(null), o = useRef(0), f = useRef(null), l = useRef([]), v = useRef(), m = useRef(), d = useRef(e), g = useRef(true);
   d.current = e;
   var p = "undefined" != typeof window, w = !u && 0 !== u && p;
-  if ("function" != typeof e)
-    throw new TypeError("Expected a function");
+  if ("function" != typeof e) throw new TypeError("Expected a function");
   u = +u || 0;
   var s = !!(c2 = c2 || {}).leading, x = !("trailing" in c2) || !!c2.trailing, h = "maxWait" in c2, y = "debounceOnServer" in c2 && !!c2.debounceOnServer, F = h ? Math.max(+c2.maxWait || 0, u) : null;
   useEffect(function() {
@@ -615,16 +602,14 @@ function c(e, u, c2) {
     }, n = function(r2, n2) {
       w && cancelAnimationFrame(f.current), f.current = w ? requestAnimationFrame(r2) : setTimeout(r2, n2);
     }, t = function(r2) {
-      if (!g.current)
-        return false;
+      if (!g.current) return false;
       var n2 = r2 - a.current;
       return !a.current || n2 >= u || n2 < 0 || h && r2 - o.current >= F;
     }, e2 = function(n2) {
       return f.current = null, x && l.current ? r(n2) : (l.current = v.current = null, m.current);
     }, c3 = function r2() {
       var c4 = Date.now();
-      if (t(c4))
-        return e2(c4);
+      if (t(c4)) return e2(c4);
       if (g.current) {
         var i2 = u - (c4 - a.current), f2 = h ? Math.min(i2, F - (c4 - o.current)) : i2;
         n(r2, f2);
@@ -633,10 +618,8 @@ function c(e, u, c2) {
       if (p || y) {
         var e3 = Date.now(), d2 = t(e3);
         if (l.current = [].slice.call(arguments), v.current = i, a.current = e3, d2) {
-          if (!f.current && g.current)
-            return o.current = a.current, n(c3, u), s ? r(a.current) : m.current;
-          if (h)
-            return n(c3, u), r(a.current);
+          if (!f.current && g.current) return o.current = a.current, n(c3, u), s ? r(a.current) : m.current;
+          if (h) return n(c3, u), r(a.current);
         }
         return f.current || n(c3, u), m.current;
       }

package/dist/components/list-box/list-box.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { b as $eed445e0843c11d0$export$41f133550aa26f48, c as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-D3Vr4vvC.js";
-import { c as clsx } from "../../lite-pbIeT7tm.js";
+import { b as $eed445e0843c11d0$export$41f133550aa26f48, c as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-CCWXTj0t.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { _ as __ } from "../../default-i18n-Bk1GxDHz.js";
+import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 /**
  * A component that allows selecting a single or multiple options from a list.
@@ -123,7 +123,7 @@ const ListBox = (props) => {
                   return clsx(
                     "es-uic-flex es-uic-min-h-9 es-uic-select-none es-uic-rounded-md es-uic-border es-uic-transition",
                     "focus:es-uic-outline-none focus-visible:es-uic-outline-none focus-visible:es-uic-ring focus-visible:es-uic-ring-teal-500 focus-visible:es-uic-ring-opacity-50",
-                    isSelected && !disabled && "es-uic-bg-teal-600 es-uic-text-white es-uic-border-teal-600 after:es-uic-opacity-45 es-uic-border es-uic-shadow-md es-uic-shadow-teal-500/25",
+                    isSelected && !disabled && "es-uic-border es-uic-border-teal-600 es-uic-bg-teal-600 es-uic-text-white es-uic-shadow-md es-uic-shadow-teal-500/25 after:es-uic-opacity-45",
                     isSelected && !disabled && 'es-uic-relative es-uic-isolate after:es-uic-absolute after:es-uic-inset-0 after:-es-uic-z-10 after:es-uic-rounded-[0.3125rem] after:es-uic-bg-gradient-to-br after:es-uic-from-teal-100/40 after:es-uic-via-transparent after:es-uic-to-teal-200/50 after:es-uic-opacity-0 after:es-uic-transition-opacity after:es-uic-content-[""]',
                     !isSelected && !disabled && "es-uic-border-transparent hover:es-uic-bg-gray-100",
                     isDisabled && "es-uic-border-transparent es-uic-opacity-30 es-uic-grayscale",

package/dist/components/matrix-align/matrix-align.js

@@ -1,12 +1,12 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useRef } from "react";
-import { _ as __ } from "../../default-i18n-Bk1GxDHz.js";
-import { P as Popover } from "../../popover-o2Q28Ljn.js";
-import { B as Button } from "../../button-idVI4jmd.js";
+import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
+import { P as Popover } from "../../popover-Dk2o4S7K.js";
+import { B as Button } from "../../button-CD8Q1eok.js";
 import { icons } from "../../icons/icons.js";
 import { upperFirst, camelCase } from "../../utilities/es-dash.js";
-import { c as clsx } from "../../lite-pbIeT7tm.js";
-import { T as Tooltip } from "../../tooltip-T6H9uF-Z.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
+import { T as Tooltip } from "../../tooltip-BRQ4tvZL.js";
 import { BaseControl } from "../base-control/base-control.js";
 /**
  * A component that can provide a 3x3 or a 2x2 grid of positions to pick from.
@@ -155,11 +155,7 @@ const MatrixAlign = (props) => {
               "div",
               {
                 ref: innerRef,
-                className: clsx(
-                  "es-uic-grid",
-                  size === "3x3" && "es-uic-grid-cols-3 es-uic-grid-rows-3",
-                  size === "2x2" && "es-uic-grid-cols-2 es-uic-grid-rows-2"
-                ),
+                className: clsx("es-uic-grid", size === "3x3" && "es-uic-grid-cols-3 es-uic-grid-rows-3", size === "2x2" && "es-uic-grid-cols-2 es-uic-grid-rows-2"),
                 children: sizeOptions.map(({ value: value2, label: label2, icon: icon2 }) => /* @__PURE__ */ jsx(
                   Button,
                   {