@eightshift/ui-components 1.0.6 → 1.1.0

package/dist/components/select/custom-select-default-components.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { icons } from "../../icons/icons.js";
-import { c as clsx } from "../../lite-pbIeT7tm.js";
-import { c as components } from "../../index-a301f526.esm-BzTuHLdr.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
+import { c as components } from "../../index-a301f526.esm-ByOfDxiG.js";
 /**
  * Default dropdown indicator for CustomSelect.
  *

package/dist/components/select/multi-select-components.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import { g, a, b } from "../../multi-select-components-nORKdJ-2.js";
-import "../../lite-pbIeT7tm.js";
+import { g, a, b } from "../../multi-select-components-7vKCF8dG.js";
+import "../../lite-DVmmD_-j.js";
 export {
   g as getDragEndHandler,
   a as getMultiValue,

package/dist/components/select/multi-select.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { S as StateManagedSelect$1 } from "../../react-select.esm-3tyTZmrx.js";
-import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValue, b as getMultiValueRemove } from "../../multi-select-components-nORKdJ-2.js";
+import { S as StateManagedSelect$1 } from "../../react-select.esm-Bi6uzjbT.js";
+import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValue, b as getMultiValueRemove } from "../../multi-select-components-7vKCF8dG.js";
 import { r as restrictToParentElement } from "../../modifiers.esm-BuJQPI1X.js";
 import { CustomSelectDefaultMultiValueRemove, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
 import { fixIds, getValue, customOnChange } from "./shared.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-a301f526.esm-BzTuHLdr.js";
+import { c as components } from "../../index-a301f526.esm-ByOfDxiG.js";
 /**
  * Multi-select menu with re-orderable items.
  *

package/dist/components/select/react-select-component-wrappers.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as components } from "../../index-a301f526.esm-BzTuHLdr.js";
+import { c as components } from "../../index-a301f526.esm-ByOfDxiG.js";
 /**
  * Custom dropdown indicator for CustomSelect.
  *
@@ -8,7 +8,7 @@ import { c as components } from "../../index-a301f526.esm-BzTuHLdr.js";
  * @param {import('react-select').DropdownIndicatorProps} props - components.DropdownIndicator props.
  *
  * @preserve
-*/
+ */
 const RSDropdownIndicator = (props) => /* @__PURE__ */ jsx(components.DropdownIndicator, { ...props });
 /**
  * Custom value display for CustomSelect.
@@ -18,7 +18,7 @@ const RSDropdownIndicator = (props) => /* @__PURE__ */ jsx(components.DropdownIn
  * @param {import('react-select').SingleValueProps} props - components.SingleValue props.
  *
  * @preserve
-*/
+ */
 const RSSingleValue = (props) => /* @__PURE__ */ jsx(components.SingleValue, { ...props });
 /**
  * Custom value display for multi item select.
@@ -28,7 +28,7 @@ const RSSingleValue = (props) => /* @__PURE__ */ jsx(components.SingleValue, { .
  * @param {import('react-select').MultiValueProps} props - components.SingleValue props.
  *
  * @preserve
-*/
+ */
 const RSMultiValue = (props) => /* @__PURE__ */ jsx(components.MultiValue, { ...props });
 /**
  * Custom option for CustomSelect.
@@ -38,7 +38,7 @@ const RSMultiValue = (props) => /* @__PURE__ */ jsx(components.MultiValue, { ...
  * @param {import('react-select').OptionProps} props - components.Option props.
  *
  * @preserve
-*/
+ */
 const RSOption = (props) => /* @__PURE__ */ jsx(components.Option, { ...props });
 /**
  * Custom multiple value remove button for CustomSelect.
@@ -48,7 +48,7 @@ const RSOption = (props) => /* @__PURE__ */ jsx(components.Option, { ...props })
  * @param {import('react-select').MultiValueRemoveProps} props - components.MultiValueRemove props.
  *
  * @preserve
-*/
+ */
 const RSMultiValueRemove = (props) => /* @__PURE__ */ jsx(components.MultiValueRemove, { ...props });
 /**
  * Custom multiple value display container for CustomSelect.
@@ -58,7 +58,7 @@ const RSMultiValueRemove = (props) => /* @__PURE__ */ jsx(components.MultiValueR
  * @param {import('react-select').MultiValueGenericProps} props - components.MultiValueContainer props.
  *
  * @preserve
-*/
+ */
 const RSMultiValueContainer = (props) => /* @__PURE__ */ jsx(components.MultiValueContainer, { ...props });
 /**
  * Custom multiple value display for CustomSelect.
@@ -68,7 +68,7 @@ const RSMultiValueContainer = (props) => /* @__PURE__ */ jsx(components.MultiVal
  * @param {import('react-select').MultiValueGenericProps} props - components.MultiValueLabel props.
  *
  * @preserve
-*/
+ */
 const RSMultiValueLabel = (props) => /* @__PURE__ */ jsx(components.MultiValueLabel, { ...props });
 /**
  * Default clear indicator for CustomSelect.
@@ -76,7 +76,7 @@ const RSMultiValueLabel = (props) => /* @__PURE__ */ jsx(components.MultiValueLa
  * @param {import('react-select').ClearIndicatorProps} props - components.ClearIndicator props.
  *
  * @preserve
-*/
+ */
 const RSClearIndicator = (props) => /* @__PURE__ */ jsx(components.ClearIndicator, { ...props });
 export {
   RSClearIndicator,

package/dist/components/select/single-select.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { S as StateManagedSelect$1 } from "../../react-select.esm-3tyTZmrx.js";
+import { S as StateManagedSelect$1 } from "../../react-select.esm-Bi6uzjbT.js";
 import { CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
 import { getValue, customOnChange } from "./shared.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-a301f526.esm-BzTuHLdr.js";
+import { c as components } from "../../index-a301f526.esm-ByOfDxiG.js";
 /**
  * Select menu.
  *

package/dist/components/select/styles.js

@@ -1,4 +1,4 @@
-import { c as clsx } from "../../lite-pbIeT7tm.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
 const controlStyles = {
   base: "es-uic-border es-uic-rounded-md es-uic-bg-white es-uic-text-sm es-uic-transition es-uic-group es-uic-shadow-sm !es-uic-min-h-10",
   focus: "es-uic-ring es-uic-ring-teal-500 es-uic-ring-opacity-50",
@@ -28,10 +28,7 @@ const groupHeadingStyles = "es-uic-ml-3 es-uic-mt-2 es-uic-text-gray-500 es-uic-
 const groupStyles = "es-uic-border-b last:es-uic-border-b-0";
 const eightshiftSelectClasses = {
   clearIndicator: () => clearIndicatorStyles,
-  control: ({ isFocused }) => clsx(
-    isFocused ? controlStyles.focus : controlStyles.nonFocus,
-    controlStyles.base
-  ),
+  control: ({ isFocused }) => clsx(isFocused ? controlStyles.focus : controlStyles.nonFocus, controlStyles.base),
   dropdownIndicator: () => dropdownIndicatorStyles,
   group: () => groupStyles,
   groupHeading: () => groupHeadingStyles,
@@ -41,11 +38,7 @@ const eightshiftSelectClasses = {
   multiValueLabel: () => multiValueLabelStyles,
   multiValueRemove: () => multiValueRemoveStyles,
   noOptionsMessage: () => noOptionsMessageStyles,
-  option: ({ isFocused, isSelected }) => clsx(
-    isFocused && optionStyles.focus,
-    isSelected && optionStyles.selected,
-    optionStyles.base
-  ),
+  option: ({ isFocused, isSelected }) => clsx(isFocused && optionStyles.focus, isSelected && optionStyles.selected, optionStyles.base),
   placeholder: () => placeholderStyles,
   singleValue: () => singleValueStyles,
   valueContainer: () => valueContainerStyles

package/dist/components/slider/column-config-slider.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-Bk1GxDHz.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-9x5iLJ-Y.js";
-import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-C5U5N7uM.js";
+import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-Bg5O81Wb.js";
+import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-fULMI0gI.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { icons } from "../../icons/icons.js";
 import { getColumnConfigOutputText } from "./utils.js";
-import { c as clsx } from "../../lite-pbIeT7tm.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
 /**
  * A two-thumb slider for selecting a range of columns.
  *

package/dist/components/slider/slider.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-DIBzm1e4.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5, a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "../../Label-9x5iLJ-Y.js";
-import { $ as $6f909507e6374d18$export$472062a354075cee, c as $6f909507e6374d18$export$a590f758a961cb5b, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, d as $6f909507e6374d18$export$1e7083018727fa60 } from "../../Slider-C5U5N7uM.js";
+import { $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-Dc35LwuT.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5, a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "../../Label-Bg5O81Wb.js";
+import { $ as $6f909507e6374d18$export$472062a354075cee, c as $6f909507e6374d18$export$a590f758a961cb5b, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, d as $6f909507e6374d18$export$1e7083018727fa60 } from "../../Slider-fULMI0gI.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";
 import { NumberPicker } from "../number-picker/number-picker.js";
 import { useState, useContext } from "react";
 import { generateMarkers } from "./utils.js";
@@ -128,10 +128,7 @@ const Slider = (props) => {
           ] }),
           labelAs: $01b77f81d0f07f68$export$b04be29aa201d4f5,
           className: labelClassName,
-          controlContainerClassName: clsx(
-            "es-uic-flex es-uic-items-center es-uic-gap-2.5 !es-uic-space-y-0",
-            vertical && "es-uic-flex-col"
-          ),
+          controlContainerClassName: clsx("es-uic-flex es-uic-items-center es-uic-gap-2.5 !es-uic-space-y-0", vertical && "es-uic-flex-col"),
           children: [
             before && /* @__PURE__ */ jsx("div", { className: "es-uic-flex es-uic-shrink-0 es-uic-items-center es-uic-gap-1", children: before }),
             /* @__PURE__ */ jsx(

package/dist/components/slider/utils.js

@@ -1,4 +1,4 @@
-import { _ as __, s as sprintf, a as _n } from "../../default-i18n-Bk1GxDHz.js";
+import { _ as __, s as sprintf, a as _n } from "../../default-i18n-BqwLkgZv.js";
 /**
  * Generates an array of markers based on the provided minimum and maximum values and step.
  * If the step is less than 10, only markers divisible by 5 and 10 are included.
@@ -76,11 +76,7 @@ const getColumnConfigOutputText = (columns, offset, width, showOuterAsGutter = f
   if (width === 1) {
     return sprintf(__("Col %d", "eightshift-ui-components"), offset);
   }
-  return sprintf(
-    _n("%s col from %s", "%s cols from %s", width, "eightshift-ui-components"),
-    width,
-    showOuterAsGutter ? offset - 1 : offset
-  );
+  return sprintf(_n("%s col from %s", "%s cols from %s", width, "eightshift-ui-components"), width, showOuterAsGutter ? offset - 1 : offset);
 };
 export {
   generateMarkers,

package/dist/components/spacer/spacer.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../lite-pbIeT7tm.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 /**
  * A simple spacer/divider component, with optional text or icon.
@@ -87,12 +87,7 @@ const Spacer = (props) => {
   if (border) {
     return /* @__PURE__ */ jsxs("div", { children: [
       size !== "px" && /* @__PURE__ */ jsx("div", { className: spaceClass }),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: clsx("es-uic-bg-gray-300", vertical ? "es-uic-h-full es-uic-w-px" : "es-uic-h-px es-uic-w-full")
-        }
-      ),
+      /* @__PURE__ */ jsx("div", { className: clsx("es-uic-bg-gray-300", vertical ? "es-uic-h-full es-uic-w-px" : "es-uic-h-px es-uic-w-full") }),
       size !== "px" && /* @__PURE__ */ jsx("div", { className: spaceClass })
     ] });
   }

package/dist/components/tabs/tabs.js

@@ -1,23 +1,22 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { f as $880e95eb8b93ba9a$export$ecf600387e221c37, c as $ae20dd8cbca75726$export$d6daf82dcd84e87c, g as $7135fc7d473fd974$export$7cd71aa5ddd6dc4e, h as $7135fc7d473fd974$export$8c25dea96356a8b6, i as $7135fc7d473fd974$export$813b5978dd974d8, j as $7135fc7d473fd974$export$e7c29ae2353b16ea } from "../../SelectionManager-sedvcM-1.js";
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, b as $64fa3d84918910a7$export$86427a43e3e48ebb, a as $64fa3d84918910a7$export$29f1550f4b0d4415, p as $64fa3d84918910a7$export$8dc98ba7eadeaa56, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, l as $df56164dff5785e2$export$4338b53315abf666 } from "../../utils-DIBzm1e4.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-DG2RfOUr.js";
+import { f as $880e95eb8b93ba9a$export$ecf600387e221c37, c as $ae20dd8cbca75726$export$d6daf82dcd84e87c, g as $7135fc7d473fd974$export$7cd71aa5ddd6dc4e, h as $7135fc7d473fd974$export$8c25dea96356a8b6, i as $7135fc7d473fd974$export$813b5978dd974d8, j as $7135fc7d473fd974$export$e7c29ae2353b16ea } from "../../SelectionManager-XOAt-Ekx.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, b as $64fa3d84918910a7$export$86427a43e3e48ebb, a as $64fa3d84918910a7$export$29f1550f4b0d4415, p as $64fa3d84918910a7$export$8dc98ba7eadeaa56, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, l as $df56164dff5785e2$export$4338b53315abf666 } from "../../utils-Dc35LwuT.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { useMemo, useRef, useEffect, forwardRef, useContext, createContext, useId, cloneElement } from "react";
-import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "../../useListState-BRsq7O1C.js";
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-B0hyd-S4.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CRx_hYC4.js";
-import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-C7E5SkOi.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BAcFg5GO.js";
-import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-B42RawCH.js";
-import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "../../useHasTabbableChild-domoFB7A.js";
-import { _ as __, s as sprintf } from "../../default-i18n-Bk1GxDHz.js";
-import { c as clsx } from "../../lite-pbIeT7tm.js";
+import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "../../useListState-DnWZa__1.js";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-BS4dllCW.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-SPRI0-SN.js";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-CfOtyOe2.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-4oSz1ItD.js";
+import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-CScNeV3V.js";
+import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "../../useHasTabbableChild--gkWUICh.js";
+import { _ as __, s as sprintf } from "../../default-i18n-BqwLkgZv.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { Notice } from "../notice/notice.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 const $99b62ae3ff97ec45$export$c5f62239608282b6 = /* @__PURE__ */ new WeakMap();
 function $99b62ae3ff97ec45$export$567fc7097e064344(state, key, role) {
-  if (typeof key === "string")
-    key = key.replace(/\s+/g, "");
+  if (typeof key === "string") key = key.replace(/\s+/g, "");
   let baseId = $99b62ae3ff97ec45$export$c5f62239608282b6.get(state);
   return `${baseId}-${role}-${key}`;
 }
@@ -77,13 +76,11 @@ function $34bce698202e07cb$export$fae0121b5afe572d(props, state, ref) {
 }
 class $bfc6f2d60b8a4c40$export$15010ca3c1abe90b {
   getKeyLeftOf(key) {
-    if (this.flipDirection)
-      return this.getNextKey(key);
+    if (this.flipDirection) return this.getNextKey(key);
     return this.getPreviousKey(key);
   }
   getKeyRightOf(key) {
-    if (this.flipDirection)
-      return this.getPreviousKey(key);
+    if (this.flipDirection) return this.getPreviousKey(key);
     return this.getNextKey(key);
   }
   getKeyAbove(key) {
@@ -98,29 +95,25 @@ class $bfc6f2d60b8a4c40$export$15010ca3c1abe90b {
   }
   getFirstKey() {
     let key = this.collection.getFirstKey();
-    if (key != null && this.isDisabled(key))
-      key = this.getNextKey(key);
+    if (key != null && this.isDisabled(key)) key = this.getNextKey(key);
     return key;
   }
   getLastKey() {
     let key = this.collection.getLastKey();
-    if (key != null && this.isDisabled(key))
-      key = this.getPreviousKey(key);
+    if (key != null && this.isDisabled(key)) key = this.getPreviousKey(key);
     return key;
   }
   getNextKey(key) {
     do {
       key = this.collection.getKeyAfter(key);
-      if (key == null)
-        key = this.collection.getFirstKey();
+      if (key == null) key = this.collection.getFirstKey();
     } while (this.isDisabled(key));
     return key;
   }
   getPreviousKey(key) {
     do {
       key = this.collection.getKeyBefore(key);
-      if (key == null)
-        key = this.collection.getLastKey();
+      if (key == null) key = this.collection.getLastKey();
     } while (this.isDisabled(key));
     return key;
   }
@@ -181,8 +174,7 @@ function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
     onSelectionChange: (keys) => {
       var _keys_values_next_value;
       let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !== void 0 ? _keys_values_next_value : null;
-      if (key === selectedKey && props.onSelectionChange)
-        props.onSelectionChange(key);
+      if (key === selectedKey && props.onSelectionChange) props.onSelectionChange(key);
       setSelectedKey(key);
     }
   });
@@ -214,8 +206,7 @@ function $76f919a04c5a7d14$export$4ba071daf4e486(props) {
           selectedKey
         ]);
     }
-    if (selectedKey != null && selectionManager.focusedKey == null || !selectionManager.isFocused && selectedKey !== lastSelectedKey.current)
-      selectionManager.setFocusedKey(selectedKey);
+    if (selectedKey != null && selectionManager.focusedKey == null || !selectionManager.isFocused && selectedKey !== lastSelectedKey.current) selectionManager.setFocusedKey(selectedKey);
     lastSelectedKey.current = selectedKey;
   });
   return {
@@ -227,10 +218,8 @@ function $76f919a04c5a7d14$var$findDefaultSelectedKey(collection, disabledKeys)
   let selectedKey = null;
   if (collection) {
     selectedKey = collection.getFirstKey();
-    while (disabledKeys.has(selectedKey) && selectedKey !== collection.getLastKey())
-      selectedKey = collection.getKeyAfter(selectedKey);
-    if (disabledKeys.has(selectedKey) && selectedKey === collection.getLastKey())
-      selectedKey = collection.getFirstKey();
+    while (disabledKeys.has(selectedKey) && selectedKey !== collection.getLastKey()) selectedKey = collection.getKeyAfter(selectedKey);
+    if (disabledKeys.has(selectedKey) && selectedKey === collection.getLastKey()) selectedKey = collection.getFirstKey();
   }
   return selectedKey;
 }
@@ -401,8 +390,7 @@ function $5e8ad37a45e1c704$var$TabPanel(props, forwardedRef) {
       state
     }
   });
-  if (!isSelected && !props.shouldForceMount)
-    return null;
+  if (!isSelected && !props.shouldForceMount) return null;
   let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
   delete DOMProps.id;
   let domProps = isSelected ? $3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, tabPanelProps, focusProps, renderProps) : renderProps;
@@ -491,15 +479,9 @@ const Tabs = (props) => {
       Notice,
       {
         type: "error",
-        label: __(
-          "Component is not configured correctly. Skipping render to prevent errors.",
-          "eightshift-ui-components"
-        ),
+        label: __("Component is not configured correctly. Skipping render to prevent errors.", "eightshift-ui-components"),
         subtitle: sprintf(
-          __(
-            "Number of <Tab>s (%s) and <TabPanel>s (%s) should be the same. <Tab>s should be within a <TabList>.",
-            "eightshift-ui-components"
-          ),
+          __("Number of <Tab>s (%s) and <TabPanel>s (%s) should be the same. <Tab>s should be within a <TabList>.", "eightshift-ui-components"),
           tabCounter - 1,
           tabPanelCounter - 1
         ),
@@ -512,10 +494,7 @@ const Tabs = (props) => {
     {
       ...rest,
       orientation: vertical ? "vertical" : "horizontal",
-      className: clsx(
-        vertical ? "es-uic-grid es-uic-size-full es-uic-min-h-40 es-uic-grid-cols-[minmax(0,_15rem),_2fr] es-uic-gap-4" : "es-uic-flex-col",
-        className
-      ),
+      className: clsx(vertical ? "es-uic-grid es-uic-size-full es-uic-min-h-40 es-uic-grid-cols-[minmax(0,_15rem),_2fr] es-uic-gap-4" : "es-uic-flex-col", className),
       children: childrenWithIds
     }
   );
@@ -542,8 +521,8 @@ const TabList = (props) => {
       "aria-label": ariaLabel ?? __("tabs", "eightshift-ui-components"),
       className: ({ orientation }) => clsx(
         "es-uic-flex",
-        orientation === "vertical" && "es-uic-gap-px es-uic-h-full es-uic-flex-col es-uic-pr-1.5",
-        orientation === "horizontal" && "es-uic-gap-1 es-uic-w-full es-uic-items-end es-uic-border-b es-uic-border-b-gray-300",
+        orientation === "vertical" && "es-uic-h-full es-uic-flex-col es-uic-gap-px es-uic-pr-1.5",
+        orientation === "horizontal" && "es-uic-w-full es-uic-items-end es-uic-gap-1 es-uic-border-b es-uic-border-b-gray-300",
         className
       ),
       ...other,

package/dist/components/toggle/switch.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, i as $64fa3d84918910a7$export$ef03459518577ad4, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../../utils-DIBzm1e4.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-DG2RfOUr.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, i as $64fa3d84918910a7$export$ef03459518577ad4, 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, { forwardRef, createContext } from "react";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-DghG5ImG.js";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-CExfZM8x.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 { c as clsx } from "../../lite-pbIeT7tm.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-Cymkpac8.js";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-6LnpaJ7-.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";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
 function $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {
   let { labelProps, inputProps, isSelected, isPressed, isDisabled, isReadOnly } = $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref);
   return {

package/dist/components/toggle/toggle.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-9x5iLJ-Y.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-Bg5O81Wb.js";
 import { Switch } from "./switch.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 /**

package/dist/components/toggle-button/toggle-button.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-DIBzm1e4.js";
+import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-Dc35LwuT.js";
 import React__default, { forwardRef, createContext } from "react";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-DghG5ImG.js";
-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 { c as clsx } from "../../lite-pbIeT7tm.js";
-import { T as Tooltip } from "../../tooltip-T6H9uF-Z.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-Cymkpac8.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";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
+import { T as Tooltip } from "../../tooltip-BRQ4tvZL.js";
 function $55f54f7887471b58$export$51e84d46ca0bc451(props, state, ref) {
   const { isSelected } = state;
   const { isPressed, buttonProps } = $701a24aa0da5b062$export$ea18c227d4417cc3({
@@ -96,21 +96,7 @@ const $efde0372d7a700fe$export$d2b052e7b4be1756 = /* @__PURE__ */ forwardRef($ef
  * @preserve
  */
 const ToggleButton = (props) => {
-  const {
-    children,
-    icon,
-    size = "default",
-    type = "default",
-    disabled,
-    className,
-    tooltip,
-    selected,
-    onChange,
-    wrapperClassName,
-    tooltipProps,
-    hidden,
-    ...other
-  } = props;
+  const { children, icon, size = "default", type = "default", disabled, className, tooltip, selected, onChange, wrapperClassName, tooltipProps, hidden, ...other } = props;
   if (hidden) {
     return null;
   }

package/dist/components/tooltip/tooltip.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
-import { D, T } from "../../tooltip-T6H9uF-Z.js";
-import "../../lite-pbIeT7tm.js";
+import { D, T } from "../../tooltip-BRQ4tvZL.js";
+import "../../lite-DVmmD_-j.js";
 import "react";
-import "../../focusSafely-B0hyd-S4.js";
-import "../../utils-DIBzm1e4.js";
+import "../../focusSafely-BS4dllCW.js";
+import "../../utils-Dc35LwuT.js";
 export {
   D as DecorativeTooltip,
   T as Tooltip

package/dist/{context-BAcFg5GO.js → context-4oSz1ItD.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect, useContext } from "react";
-import { o as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-DIBzm1e4.js";
+import { o as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-Dc35LwuT.js";
 const $148a7a147e38ea7f$var$RTL_SCRIPTS = /* @__PURE__ */ new Set([
   "Arab",
   "Syrc",
@@ -37,10 +37,8 @@ function $148a7a147e38ea7f$export$702d680b21cbd764(localeString) {
   if (Intl.Locale) {
     let locale = new Intl.Locale(localeString).maximize();
     let textInfo = typeof locale.getTextInfo === "function" ? locale.getTextInfo() : locale.textInfo;
-    if (textInfo)
-      return textInfo.direction === "rtl";
-    if (locale.script)
-      return $148a7a147e38ea7f$var$RTL_SCRIPTS.has(locale.script);
+    if (textInfo) return textInfo.direction === "rtl";
+    if (locale.script) return $148a7a147e38ea7f$var$RTL_SCRIPTS.has(locale.script);
   }
   let lang = localeString.split("-")[0];
   return $148a7a147e38ea7f$var$RTL_LANGS.has(lang);
@@ -64,27 +62,23 @@ let $1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677
 let $1e5a04cdaf7d1af8$var$listeners = /* @__PURE__ */ new Set();
 function $1e5a04cdaf7d1af8$var$updateLocale() {
   $1e5a04cdaf7d1af8$var$currentLocale = $1e5a04cdaf7d1af8$export$f09106e7c6677ec5();
-  for (let listener of $1e5a04cdaf7d1af8$var$listeners)
-    listener($1e5a04cdaf7d1af8$var$currentLocale);
+  for (let listener of $1e5a04cdaf7d1af8$var$listeners) listener($1e5a04cdaf7d1af8$var$currentLocale);
 }
 function $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a() {
   let isSSR = $b5e257d569688ac6$export$535bd6ca7f90a273();
   let [defaultLocale, setDefaultLocale] = useState($1e5a04cdaf7d1af8$var$currentLocale);
   useEffect(() => {
-    if ($1e5a04cdaf7d1af8$var$listeners.size === 0)
-      window.addEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale);
+    if ($1e5a04cdaf7d1af8$var$listeners.size === 0) window.addEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale);
     $1e5a04cdaf7d1af8$var$listeners.add(setDefaultLocale);
     return () => {
       $1e5a04cdaf7d1af8$var$listeners.delete(setDefaultLocale);
-      if ($1e5a04cdaf7d1af8$var$listeners.size === 0)
-        window.removeEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale);
+      if ($1e5a04cdaf7d1af8$var$listeners.size === 0) window.removeEventListener("languagechange", $1e5a04cdaf7d1af8$var$updateLocale);
     };
   }, []);
-  if (isSSR)
-    return {
-      locale: "en-US",
-      direction: "ltr"
-    };
+  if (isSSR) return {
+    locale: "en-US",
+    direction: "ltr"
+  };
   return defaultLocale;
 }
 const $18f2051aff69b9bf$var$I18nContext = /* @__PURE__ */ React__default.createContext(null);

package/dist/{default-i18n-Bk1GxDHz.js → default-i18n-BqwLkgZv.js}

@@ -6,33 +6,32 @@ function memize(fn, options) {
   options = options || {};
   function memoized() {
     var node = head, len = arguments.length, args, i;
-    searchCache:
-      while (node) {
-        if (node.args.length !== arguments.length) {
+    searchCache: while (node) {
+      if (node.args.length !== arguments.length) {
+        node = node.next;
+        continue;
+      }
+      for (i = 0; i < len; i++) {
+        if (node.args[i] !== arguments[i]) {
           node = node.next;
-          continue;
+          continue searchCache;
         }
-        for (i = 0; i < len; i++) {
-          if (node.args[i] !== arguments[i]) {
-            node = node.next;
-            continue searchCache;
-          }
+      }
+      if (node !== head) {
+        if (node === tail) {
+          tail = node.prev;
         }
-        if (node !== head) {
-          if (node === tail) {
-            tail = node.prev;
-          }
-          node.prev.next = node.next;
-          if (node.next) {
-            node.next.prev = node.prev;
-          }
-          node.next = head;
-          node.prev = null;
-          head.prev = node;
-          head = node;
+        node.prev.next = node.next;
+        if (node.next) {
+          node.next.prev = node.prev;
         }
-        return node.val;
+        node.next = head;
+        node.prev = null;
+        head.prev = node;
+        head = node;
       }
+      return node.val;
+    }
     args = new Array(len);
     for (i = 0; i < len; i++) {
       args[i] = arguments[i];

package/dist/{filterDOMProps-DG2RfOUr.js → filterDOMProps-EDDcM64A.js}

@@ -20,9 +20,7 @@ const $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;
 function $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {}) {
   let { labelable, isLink, propNames } = opts;
   let filteredProps = {};
-  for (const prop in props)
-    if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop)))
-      filteredProps[prop] = props[prop];
+  for (const prop in props) if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];
   return filteredProps;
 }
 export {