@eightshift/ui-components 5.2.1 → 5.3.1

package/dist/components/popover/popover.js

@@ -1,8 +1,29 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { e as $07b14b47974efb58$export$5b6b19405a83ff9d, f as $de32f1b87079253c$export$3ddf2d174ce01153, g as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-Xf6AsnV-.js";
+import { e as $07b14b47974efb58$export$5b6b19405a83ff9d, f as $de32f1b87079253c$export$3ddf2d174ce01153, g as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-CQ8H6Noi.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
+import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
 import { Button } from "../button/button.js";
+/**
+ * @typedef {Object} PopoverProps
+ * @property {React.Ref} props.triggerRef - Ref of the trigger button. In uncontrolled mode, this element will be used to open the popover. In controlled mode, the popover will be anchored to this element.
+ * @property {boolean} [props.openByDefault=false] - (**Controlled mode**) If `true`, the popover is open by default.
+ * @property {boolean} props.isOpen - (**Uncontrolled mode**) If `true`, the popover is open.
+ * @property {Function} props.onOpenChange - (**Uncontrolled mode**) Function to run when the popover is opened or closed. `(isOpen: boolean) => void`.
+ * @property {PopoverPlacement} props.placement - The placement of the popover.
+ * @property {string} [props.className] - Classes to pass to the popover contents.
+ * @property {string} [props.wrapperClassName] - Classes to pass to the popover wrapper.
+ * @property {Object} props.style - Styles to pass to the popover.
+ * @property {number} props.offset - Offset from the trigger element, on the same axis as the placement of the popover (e.g. if `placement` is `left`, this controls the horizontal spacing from the element).
+ * @property {number} props.crossOffset - Offset from the trigger element, on the opposite axis as the placement of the popover (e.g. if `placement` is `left`, this controls the vertical spacing from the element).
+ * @property {number} props.containerPadding - Space that should be left between the popover and the edge of the container (the default container is browser window).
+ * @property {boolean} props.shouldFlip - If `true`, the popover should flip when there is not enough space.
+ * @property {Function} [props.shouldCloseOnInteractOutside=() => true] - Allows ignoring close events for certain elements. `(element: HTMLElement) => boolean`.
+ * @property {boolean} [props.hidden] - If `true`, the component is not rendered.
+ *
+ * @typedef {'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom'} PopoverPlacement
+ *
+ * @preserve
+ */
 /**
  * A popover component.
  *
@@ -11,26 +32,10 @@ import { Button } from "../button/button.js";
  * - **uncontrolled mode**: pass `openByDefault` to set the initial popover state. The show/hide state will be managed internally, based on the interaction with the trigger button.
  *
  * @component
- * @param {Object} props - Component props.
- * @param {React.Ref} props.triggerRef - Ref of the trigger button. In uncontrolled mode, this element will be used to open the popover. In controlled mode, the popover will be anchored to this element.
- * @param {boolean} [props.openByDefault=false] - (**Controlled mode**) If `true`, the popover is open by default.
- * @param {boolean} props.isOpen - (**Uncontrolled mode**) If `true`, the popover is open.
- * @param {Function} props.onOpenChange - (**Uncontrolled mode**) Function to run when the popover is opened or closed. `(isOpen: boolean) => void`.
- * @param {PopoverPlacement} props.placement - The placement of the popover.
- * @param {string} [props.className] - Classes to pass to the popover contents.
- * @param {string} [props.wrapperClassName] - Classes to pass to the popover wrapper.
- * @param {Object} props.style - Styles to pass to the popover.
- * @param {number} props.offset - Offset from the trigger element, on the same axis as the placement of the popover (e.g. if `placement` is `left`, this controls the horizontal spacing from the element).
- * @param {number} props.crossOffset - Offset from the trigger element, on the opposite axis as the placement of the popover (e.g. if `placement` is `left`, this controls the vertical spacing from the element).
- * @param {number} props.containerPadding - Space that should be left between the popover and the edge of the container (the default container is browser window).
- * @param {boolean} props.shouldFlip - If `true`, the popover should flip when there is not enough space.
- * @param {Function} [props.shouldCloseOnInteractOutside=() => true] - Allows ignoring close events for certain elements. `(element: HTMLElement) => boolean`.
- * @param {boolean} [props.hidden] - If `true`, the component is not rendered.
+ * @param {PopoverProps} props - Component props.
  *
  * @returns {JSX.Element} The Popover component.
  *
- * @typedef {'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom'} PopoverPlacement
- *
  * @example
  * // Uncontrolled mode.
  * const ref = useRef(null);
@@ -102,7 +107,9 @@ const Popover = (props) => {
       crossOffset,
       containerPadding,
       className: ({ isEntering, isExiting }) => clsx(
-        "es:rounded-2xl es:border es:border-secondary-300 es:bg-white es:inset-ring es:inset-ring-secondary-100 es:shadow-xl es:outline-hidden",
+        "es:rounded-2xl es:border es:border-secondary-300 es:bg-white/85 es:inset-ring es:inset-ring-secondary-100 es:shadow-xl es:outline-hidden",
+        "es:backdrop-blur-2xl es:backdrop-brightness-125 es:backdrop-saturate-150",
+        "es:inset-shadow-xs es:inset-shadow-secondary-100",
         "es:motion-safe:motion-duration-200 es:motion-safe:motion-ease-spring-bouncy",
         "es:placement-bottom:origin-top-left es:placement-top:origin-bottom-left",
         "es:placement-left:origin-right es:placement-right:origin-left",
@@ -137,7 +144,7 @@ const Popover = (props) => {
  * @param {JSX.Element} props.trigger - Allows using a custom trigger element.
  * @param {JSX.Element} [props.triggerButtonIcon] - The icon for the built-in trigger button.
  * @param {string} props.triggerButtonLabel - The label for the built-in trigger button.
- * @param {Object} props.triggerButtonProps - Props to pass to the built-in trigger button.
+ * @param {ButtonProps} props.triggerButtonProps - Props to pass to the built-in trigger button.
  * @param {Function} props.onOpenChange - Function to run when the popover is opened or closed. `(isOpen: boolean) => void`.
  * @param {boolean} props.openByDefault - If `true`, the popover is open by default.
  * @param {PopoverPlacement} props.placement - The placement of the popover.

package/dist/components/radio/radio.js

@@ -2,17 +2,18 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DWVaNd2E.js";
 import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, g as $64fa3d84918910a7$export$ef03459518577ad4, h as $64fa3d84918910a7$export$4d86445c2cf5e3, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-cvK1vxO7.js";
 import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-B8BgFmIQ.js";
-import { b as $e93e671b31057976$export$b8473d3665f3a75a, a as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-BeMxJA29.js";
+import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
 import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-AxKZjtFm.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
 import React__default, { useMemo, useState, forwardRef, createContext, cloneElement } from "react";
 import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-yV9VVy9R.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-BnrkvZ7e.js";
-import { $ as $f645667febf57a63$export$4c014de7c8940b4c, w as $431fbd86ca7dc216$export$f21a1ffae260145a, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, e as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-44IApaa2.js";
-import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-BnwM-e8R.js";
-import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-D5BfOWag.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-CBQIDzpQ.js";
+import { $ as $f645667febf57a63$export$4c014de7c8940b4c, x as $431fbd86ca7dc216$export$f21a1ffae260145a, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, w as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-LmGemtHE.js";
+import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidation-CUtZcedF.js";
+import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-DJApHXhY.js";
+import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CUxgjvAY.js";
 import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-DMOmz986.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-D9s7FTtC.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-X6SggVVO.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { RichLabel } from "../rich-label/rich-label.js";

package/dist/components/repeater/repeater-item.js

@@ -5,7 +5,7 @@ import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { useContext } from "react";
 import { Expandable } from "../expandable/expandable.js";
-import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
+import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
 import { RepeaterContext } from "./repeater-context.js";
 /**
  * A Repeater item.

package/dist/components/repeater/repeater.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useId, useState } from "react";
-import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
+import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
 import { Button } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { RepeaterContext } from "./repeater-context.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { L as List, a as arrayRemove, b as arrayMove } from "../../List-CwJTORxj.js";
+import { L as List, a as arrayRemove, b as arrayMove } from "../../List-BiAnh5G5.js";
 import { Menu, MenuItem, MenuSeparator } from "../menu/menu.js";
 const fixIds = (items, itemIdBase) => {
   return items?.map((item, i) => ({

package/dist/components/responsive/mini-responsive.js

@@ -3,7 +3,7 @@ import { cloneElement } from "react";
 import { DecorativeTooltip } from "../tooltip/tooltip.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
-import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
+import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
 import { upperFirst } from "../../utilities/es-dash.js";
 import { icons } from "../../icons/icons.js";

package/dist/components/responsive/responsive-legacy.js

@@ -3,7 +3,7 @@ import { useState } from "react";
 import { DecorativeTooltip } from "../tooltip/tooltip.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
-import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
+import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
 import { upperFirst } from "../../utilities/es-dash.js";
 import { icons } from "../../icons/icons.js";

package/dist/components/responsive/responsive.js

@@ -3,11 +3,11 @@ import { useState } from "react";
 import { DecorativeTooltip } from "../tooltip/tooltip.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
-import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
+import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
 import { upperFirst } from "../../utilities/es-dash.js";
 import { icons } from "../../icons/icons.js";
-import { Menu, MenuItem, MenuSeparator, SubMenuItem } from "../menu/menu.js";
+import { Menu, MenuSectionHeader, MenuItem, MenuSeparator, SubMenuItem } from "../menu/menu.js";
 import { ResponsivePreview } from "../responsive-preview/responsive-preview.js";
 import { Button, ButtonGroup } from "../button/button.js";
 import { RichLabel } from "../rich-label/rich-label.js";
@@ -226,14 +226,7 @@ const Responsive = (props) => {
               triggerIcon: icons.dropdownCaretAlt,
               children: [
                 !noModeSelect && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(
-                    MenuItem,
-                    {
-                      className: "es:pb-0! es:pt-1!",
-                      disabled: true,
-                      children: __("Breakpoint mode", "eightshift-ui-components")
-                    }
-                  ),
+                  /* @__PURE__ */ jsx(MenuSectionHeader, { children: __("Breakpoint mode", "eightshift-ui-components") }),
                   /* @__PURE__ */ jsx(
                     MenuItem,
                     {
@@ -269,18 +262,26 @@ const Responsive = (props) => {
                   ),
                   /* @__PURE__ */ jsx(MenuSeparator, {})
                 ] }),
-                Object.keys(value).some((key) => !key?.startsWith("_") && typeof value?.[key] !== "undefined") && /* @__PURE__ */ jsx(SubMenuItem, { trigger: /* @__PURE__ */ jsx(MenuItem, { icon: icons.previewResponsive, children: __("Responsive preview", "eightshift-ui-components") }), children: /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: /* @__PURE__ */ jsx(
-                  ResponsivePreview,
+                Object.keys(value).some((key) => !key?.startsWith("_") && typeof value?.[key] !== "undefined") && /* @__PURE__ */ jsx(
+                  SubMenuItem,
                   {
-                    value,
-                    isDesktopFirst,
-                    breakpoints,
-                    desktopFirstBreakpoints,
-                    options,
-                    breakpointData,
-                    breakpointUiData
+                    manualWidth: true,
+                    popoverProps: { className: "es:max-w-full!" },
+                    trigger: /* @__PURE__ */ jsx(MenuItem, { icon: icons.previewResponsive, children: __("Responsive preview", "eightshift-ui-components") }),
+                    children: /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: /* @__PURE__ */ jsx(
+                      ResponsivePreview,
+                      {
+                        value,
+                        isDesktopFirst,
+                        breakpoints,
+                        desktopFirstBreakpoints,
+                        options,
+                        breakpointData,
+                        breakpointUiData
+                      }
+                    ) })
                   }
-                ) }) }),
+                ),
                 Object.keys(value).some((key) => !key?.startsWith("_") && typeof value?.[key] !== "undefined") && /* @__PURE__ */ jsx(MenuSeparator, {}),
                 /* @__PURE__ */ jsx(
                   MenuItem,

package/dist/components/responsive-preview/responsive-preview.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
+import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
 import { upperFirst } from "../../utilities/es-dash.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
 import { icons } from "../../icons/icons.js";

package/dist/components/rich-label/rich-label.js

@@ -11,6 +11,9 @@ import { c as clsx } from "../../lite-DVmmD_-j.js";
  * @param {JSX.Element} [props.as] - Element to render the label as. Not compatible with `contentsOnly`.
  * @param {string} [props.className] - Classes to pass to the label.
  * @param {string} [props.iconClassName] - Classes to pass to the icon.
+ * @param {string} [props.labelClassName] - Classes to pass to the label.
+ * @param {string} [props.subtitleClassName] - Classes to pass to the subtitle.
+ * @param {string} [props.labelSubtitleWrapClassName] - Classes to pass to the label/subtitle wrapper (not applicable when `contentsOnly` is set).
  * @param {boolean} [props.fullWidth=false] - If `true`, the component will take up as much space as it can.
  * @param {boolean} [props.contentsOnly] - If `true`, only the label (/icon/subtitle) will be rendered, without any wrapping elements. Useful if you want to provide your own layout.
  * @param {boolean} [props.hidden] - If `true`, the component is not rendered.
@@ -29,33 +32,43 @@ import { c as clsx } from "../../lite-DVmmD_-j.js";
  * @preserve
  */
 const RichLabel = (props) => {
-  const { icon, label, subtitle, as, className, iconClassName, fullWidth = false, contentsOnly, hidden, noColor, fullSizeSubtitle, inlineSubtitle } = props;
+  const {
+    icon,
+    label,
+    subtitle,
+    as,
+    className,
+    iconClassName,
+    labelClassName,
+    subtitleClassName,
+    labelSubtitleWrapClassName,
+    fullWidth = false,
+    contentsOnly,
+    hidden,
+    noColor,
+    fullSizeSubtitle,
+    inlineSubtitle
+  } = props;
   if (hidden) {
     return null;
   }
   const ComponentToRender = as ?? "div";
   if (contentsOnly) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
-      icon && /* @__PURE__ */ jsx("span", { className: clsx("es:icon:size-5.5", !noColor && "es:text-slate-500"), children: icon }),
-      label && /* @__PURE__ */ jsx("span", { className: clsx("es:text-balance", !noColor && "es:text-secondary-800"), children: label }),
-      subtitle && /* @__PURE__ */ jsx("span", { className: clsx("es:text-balance es:text-xs es:opacity-65", !noColor && "es:text-secondary-800"), children: subtitle })
+      icon && /* @__PURE__ */ jsx("span", { className: clsx("es:icon:size-5", !noColor && "es:text-slate-500", iconClassName), children: icon }),
+      label && /* @__PURE__ */ jsx("span", { className: clsx("es:text-balance", !noColor && "es:text-secondary-800", labelClassName), children: label }),
+      subtitle && /* @__PURE__ */ jsx("span", { className: clsx("es:text-balance es:text-xs es:not-contrast-more:opacity-65", !noColor && "es:text-secondary-800", subtitleClassName), children: subtitle })
     ] });
   }
   return /* @__PURE__ */ jsxs(
     ComponentToRender,
     {
-      className: clsx(
-        "es:flex es:items-center es:gap-1.5 es:text-sm",
-        !noColor && "es:text-secondary-800 es:[&>span>svg]:text-slate-500",
-        noColor && "es:[&>span>svg]:opacity-80",
-        fullWidth && "es:grow",
-        className
-      ),
+      className: clsx("es:flex es:items-center es:gap-2 es:text-sm", !noColor && "es:text-secondary-800 es:[&>span>svg]:text-slate-500", fullWidth && "es:grow", className),
       children: [
-        icon && /* @__PURE__ */ jsx("span", { className: clsx("es:icon:size-5.5", iconClassName), children: icon }),
-        (label || subtitle) && /* @__PURE__ */ jsxs("div", { className: clsx("es:flex es:items-start es:text-balance es:text-start", inlineSubtitle ? "es:gap-1.5" : "es:flex-col"), children: [
-          label && /* @__PURE__ */ jsx("span", { children: label }),
-          subtitle && /* @__PURE__ */ jsx("span", { className: clsx(!fullSizeSubtitle && "es:text-xs", "es:opacity-65"), children: subtitle })
+        icon && /* @__PURE__ */ jsx("span", { className: clsx("es:icon:size-5 es:shrink-0", noColor && "es:not-contrast-more:opacity-80", iconClassName), children: icon }),
+        (label || subtitle) && /* @__PURE__ */ jsxs("div", { className: clsx("es:flex es:items-start es:text-balance es:text-start", inlineSubtitle ? "es:gap-1.5" : "es:flex-col", labelSubtitleWrapClassName), children: [
+          label && /* @__PURE__ */ jsx("span", { className: labelClassName, children: label }),
+          subtitle && /* @__PURE__ */ jsx("span", { className: clsx(!fullSizeSubtitle && "es:text-xs", "es:not-contrast-more:opacity-65", subtitleClassName), children: subtitle })
         ] })
       ]
     }

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

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { useId } from "react";
-import { A as AsyncSelect$1 } from "../../react-select-async.esm-XYrsKYb2.js";
-import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValueRemove, b as getMultiValue } from "../../multi-select-components-rCCyCaKO.js";
+import { A as AsyncSelect$1 } from "../../react-select-async.esm-Zl1LPaPb.js";
+import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValueRemove, b as getMultiValue } from "../../multi-select-components-CT_W0Cy9.js";
 import { r as restrictToParentElement } from "../../modifiers.esm-BuJQPI1X.js";
 import { CustomSelectDefaultClearIndicator, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultMultiValueRemove } from "./custom-select-default-components.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-641ee5b8.esm-Bu-mgopl.js";
+import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
 /**
  * Multi-select menu with async loading and re-ordering.
  *

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

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { A as AsyncSelect$1 } from "../../react-select-async.esm-XYrsKYb2.js";
+import { A as AsyncSelect$1 } from "../../react-select-async.esm-Zl1LPaPb.js";
 import { CustomSelectDefaultClearIndicator, CustomSelectDefaultDropdownIndicator } from "./custom-select-default-components.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-641ee5b8.esm-Bu-mgopl.js";
+import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
 /**
  * Select menu with async loading.
  *

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { c as components } from "../../index-641ee5b8.esm-Bu-mgopl.js";
+import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
 /**
  * Default dropdown indicator for CustomSelect.
  *

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { g, b, a } from "../../multi-select-components-rCCyCaKO.js";
+import { g, b, a } from "../../multi-select-components-CT_W0Cy9.js";
 import "../../lite-DVmmD_-j.js";
 export {
   g as getDragEndHandler,

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

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { useId } from "react";
-import { S as StateManagedSelect$1 } from "../../react-select.esm-CCSPY6XR.js";
-import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValueRemove, b as getMultiValue } from "../../multi-select-components-rCCyCaKO.js";
+import { S as StateManagedSelect$1 } from "../../react-select.esm-Bu36HujU.js";
+import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValueRemove, b as getMultiValue } from "../../multi-select-components-CT_W0Cy9.js";
 import { r as restrictToParentElement } from "../../modifiers.esm-BuJQPI1X.js";
 import { CustomSelectDefaultClearIndicator, CustomSelectDefaultDropdownIndicator, CustomSelectDefaultMultiValueRemove } from "./custom-select-default-components.js";
 import { getValue } from "./shared.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-641ee5b8.esm-Bu-mgopl.js";
+import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.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-641ee5b8.esm-Bu-mgopl.js";
+import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
 /**
  * Custom dropdown indicator for CustomSelect.
  *

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-CCSPY6XR.js";
+import { S as StateManagedSelect$1 } from "../../react-select.esm-Bu36HujU.js";
 import { CustomSelectDefaultClearIndicator, CustomSelectDefaultDropdownIndicator } from "./custom-select-default-components.js";
 import { getValue } from "./shared.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-641ee5b8.esm-Bu-mgopl.js";
+import { c as components } from "../../index-641ee5b8.esm-DVp0njHa.js";
 /**
  * Select menu.
  *

package/dist/components/select/styles.js

@@ -15,7 +15,7 @@ const multiValueStyles = clsx(
 const multiValueLabelStyles = "es:select-none";
 const multiValueRemoveStyles = "es:hover:bg-red-500/15 es:hover:text-red-900 es:text-gray-500 es:rounded es:p-0.5 es:icon:size-3.5 es:icon:stroke-[1.5] es:transition";
 const clearIndicatorStyles = "es:text-gray-500 es:p-1 es:rounded-md hover:bg-red-50 hover:text-red-800 es:transition";
-const dropdownIndicatorStyles = "es:text-gray-500 es:px-1 es:group-hover:text-black es:icon:transition-transform es:icon:duration-500 es:icon:size-5.5";
+const dropdownIndicatorStyles = "es:text-gray-500 es:px-1 es:group-hover:text-black es:icon:transition-transform es:icon:duration-500 es:icon:size-5";
 const menuStyles = "es:rounded-2xl es:border es:border-gray-200 es:bg-white es:shadow-lg es:mt-1 es:text-sm es:overflow-x-hidden es:min-w-48";
 const optionStyles = {
   base: "es:p-2 es:flex! es:items-center es:gap-1.5 es:text-gray-800 es:rounded-xl es:icon:size-5 es:icon:text-gray-500 es:transition es:mx-1 es:first:mt-1 es:last:mb-1 es:w-auto! es:min-h-9",

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

@@ -1,14 +1,14 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { _ as __ } from "../../../default-i18n-DY6EfUSA.js";
+import { _ as __ } from "../../../default-i18n-CN_q3KUs.js";
 import { BaseControl } from "../../base-control/base-control.js";
-import { b as $d2f53cda644affe3$export$2f2b9559550c7bbc, c as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../Separator-Fl7qSeN-.js";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-RTwMSBs-.js";
-import { g as $de32f1b87079253c$export$2e1e1122cf0cba88, e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-Xf6AsnV-.js";
-import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Group-C4cXobNT.js";
+import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../SearchField-jVsbJe1O.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-npzfSoYo.js";
+import { g as $de32f1b87079253c$export$2e1e1122cf0cba88, e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-CQ8H6Noi.js";
+import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-ChJaTNa5.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-DWVaNd2E.js";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4, b as $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 } from "../../../ListBox-BeC97FZ4.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4, b as $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 } from "../../../ListBox-D0Stb4wr.js";
 import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../../Text-AxKZjtFm.js";
-import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6 } from "../../../useDragAndDrop-CddFteYC.js";
+import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6 } from "../../../useDragAndDrop-DVLrIdEn.js";
 import { useRef, useEffect, cloneElement } from "react";
 import { icons } from "../../../icons/icons.js";
 import "../../../react-jsx-parser.min-LF707GK8.js";
@@ -17,7 +17,7 @@ import { RichLabel } from "../../rich-label/rich-label.js";
 import { c as clsx } from "../../../utils-cvK1vxO7.js";
 import { truncateEnd, unescapeHTML } from "../../../utilities/text-helpers.js";
 import { moveArrayItem } from "../shared.js";
-import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../../useAsyncList-ZqaIH2gh.js";
+import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../../useAsyncList-D52mQcrH.js";
 /**
  * Async multi-select menu.
  *
@@ -337,7 +337,7 @@ const __AsyncMultiSelectNext = (props) => {
                         }
                       ),
                       /* @__PURE__ */ jsx("div", { className: "es:w-full es:h-px es:bg-secondary-200 es:shrink-0" }),
-                      list.isLoading && /* @__PURE__ */ jsx("div", { className: "es:p-3 es:min-h-16 es:flex es:items-center es:justify-center", children: cloneElement(icons.loader, { className: "es:text-accent-600! es:size-5.5 es:motion-preset-spin es:motion-duration-1500" }) }),
+                      list.isLoading && /* @__PURE__ */ jsx("div", { className: "es:p-3 es:min-h-16 es:flex es:items-center es:justify-center", children: cloneElement(icons.loader, { className: "es:text-accent-600! es:size-5 es:motion-preset-spin es:motion-duration-1500" }) }),
                       /* @__PURE__ */ jsx(
                         $eed445e0843c11d0$export$41f133550aa26f48,
                         {

package/dist/components/select/v2/async-select.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { _ as __ } from "../../../default-i18n-DY6EfUSA.js";
+import { _ as __ } from "../../../default-i18n-CN_q3KUs.js";
 import { BaseControl } from "../../base-control/base-control.js";
-import { b as $d2f53cda644affe3$export$2f2b9559550c7bbc, c as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../Separator-Fl7qSeN-.js";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-RTwMSBs-.js";
-import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Group-C4cXobNT.js";
+import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../SearchField-jVsbJe1O.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-npzfSoYo.js";
+import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-ChJaTNa5.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-DWVaNd2E.js";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-BeC97FZ4.js";
-import { e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-Xf6AsnV-.js";
-import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, b as $82d7e5349645de74$export$ef445b55be0601bd } from "../../../Select-DEQf8ZWI.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-D0Stb4wr.js";
+import { e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-CQ8H6Noi.js";
+import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, b as $82d7e5349645de74$export$ef445b55be0601bd } from "../../../Select-ciHB1pub.js";
 import { useRef, useEffect, cloneElement, useContext } from "react";
 import { icons } from "../../../icons/icons.js";
 import "../../../react-jsx-parser.min-LF707GK8.js";
@@ -15,7 +15,7 @@ import { OptionItemBase } from "./shared.js";
 import { RichLabel } from "../../rich-label/rich-label.js";
 import { unescapeHTML } from "../../../utilities/text-helpers.js";
 import { c as clsx } from "../../../utils-cvK1vxO7.js";
-import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../../useAsyncList-ZqaIH2gh.js";
+import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../../useAsyncList-D52mQcrH.js";
 /**
  * Select menu with async loading.
  *
@@ -291,7 +291,7 @@ const AsyncSelectNext = (props) => {
                         }
                       ),
                       /* @__PURE__ */ jsx("div", { className: "es:w-full es:h-px es:bg-secondary-200 es:shrink-0" }),
-                      list.isLoading && /* @__PURE__ */ jsx("div", { className: "es:p-3 es:min-h-16 es:flex es:items-center es:justify-center", children: cloneElement(icons.loader, { className: "es:text-accent-600! es:size-5.5 es:motion-preset-spin es:motion-duration-1500" }) }),
+                      list.isLoading && /* @__PURE__ */ jsx("div", { className: "es:p-3 es:min-h-16 es:flex es:items-center es:justify-center", children: cloneElement(icons.loader, { className: "es:text-accent-600! es:size-5 es:motion-preset-spin es:motion-duration-1500" }) }),
                       /* @__PURE__ */ jsx(
                         $eed445e0843c11d0$export$41f133550aa26f48,
                         {

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

@@ -1,14 +1,14 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { _ as __ } from "../../../default-i18n-DY6EfUSA.js";
+import { _ as __ } from "../../../default-i18n-CN_q3KUs.js";
 import { BaseControl } from "../../base-control/base-control.js";
-import { b as $d2f53cda644affe3$export$2f2b9559550c7bbc, c as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../Separator-Fl7qSeN-.js";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-RTwMSBs-.js";
-import { g as $de32f1b87079253c$export$2e1e1122cf0cba88, e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-Xf6AsnV-.js";
-import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Group-C4cXobNT.js";
+import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../SearchField-jVsbJe1O.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-npzfSoYo.js";
+import { g as $de32f1b87079253c$export$2e1e1122cf0cba88, e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-CQ8H6Noi.js";
+import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-ChJaTNa5.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-DWVaNd2E.js";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4, b as $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 } from "../../../ListBox-BeC97FZ4.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4, b as $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 } from "../../../ListBox-D0Stb4wr.js";
 import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../../Text-AxKZjtFm.js";
-import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6 } from "../../../useDragAndDrop-CddFteYC.js";
+import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6 } from "../../../useDragAndDrop-DVLrIdEn.js";
 import { useRef, cloneElement } from "react";
 import { icons } from "../../../icons/icons.js";
 import "../../../react-jsx-parser.min-LF707GK8.js";
@@ -17,7 +17,7 @@ import { RichLabel } from "../../rich-label/rich-label.js";
 import { c as clsx } from "../../../utils-cvK1vxO7.js";
 import { getValue, moveArrayItem } from "../shared.js";
 import { truncateEnd } from "../../../utilities/text-helpers.js";
-import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../../useFilter-Cl2ggwwq.js";
+import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../../useFilter-C4wo8Iii.js";
 /**
  * Multi-select menu.
  *

package/dist/components/select/v2/shared.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../../ListBox-BeC97FZ4.js";
+import { a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../../ListBox-D0Stb4wr.js";
 import { c as clsx } from "../../../utils-cvK1vxO7.js";
 import { icons } from "../../../icons/icons.js";
 import "react";

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

@@ -1,20 +1,20 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { _ as __ } from "../../../default-i18n-DY6EfUSA.js";
+import { _ as __ } from "../../../default-i18n-CN_q3KUs.js";
 import { BaseControl } from "../../base-control/base-control.js";
-import { b as $d2f53cda644affe3$export$2f2b9559550c7bbc, c as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../Separator-Fl7qSeN-.js";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-RTwMSBs-.js";
-import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Group-C4cXobNT.js";
+import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../../SearchField-jVsbJe1O.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-npzfSoYo.js";
+import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-ChJaTNa5.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-DWVaNd2E.js";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-BeC97FZ4.js";
-import { e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-Xf6AsnV-.js";
-import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, b as $82d7e5349645de74$export$ef445b55be0601bd } from "../../../Select-DEQf8ZWI.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-D0Stb4wr.js";
+import { e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-CQ8H6Noi.js";
+import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, b as $82d7e5349645de74$export$ef445b55be0601bd } from "../../../Select-ciHB1pub.js";
 import { useRef, cloneElement, useContext } from "react";
 import { icons } from "../../../icons/icons.js";
 import "../../../react-jsx-parser.min-LF707GK8.js";
 import { OptionItemBase } from "./shared.js";
 import { RichLabel } from "../../rich-label/rich-label.js";
 import { c as clsx } from "../../../utils-cvK1vxO7.js";
-import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../../useFilter-Cl2ggwwq.js";
+import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../../useFilter-C4wo8Iii.js";
 /**
  * Select menu.
  *

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-DY6EfUSA.js";
+import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DWVaNd2E.js";
-import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-BQFSEhvk.js";
+import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-ChP04COa.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { icons } from "../../icons/icons.js";
 import { getColumnConfigOutputText } from "./utils.js";

package/dist/components/slider/slider.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-cvK1vxO7.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5, a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "../../Label-DWVaNd2E.js";
-import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b, d as $6f909507e6374d18$export$1e7083018727fa60 } from "../../Slider-BQFSEhvk.js";
+import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b, d as $6f909507e6374d18$export$1e7083018727fa60 } from "../../Slider-ChP04COa.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { NumberPicker } from "../number-picker/number-picker.js";

package/dist/components/slider/utils.js

@@ -1,5 +1,5 @@
 import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
-import { _ as __, a as _n } from "../../default-i18n-DY6EfUSA.js";
+import { _ as __, a as _n } from "../../default-i18n-CN_q3KUs.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.