@eightshift/ui-components 1.0.5 → 1.1.0

package/dist/components/responsive/responsive.js

@@ -1,14 +1,14 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { D as DecorativeTooltip } from "../../tooltip-T6H9uF-Z.js";
-import { c as clsx } from "../../lite-pbIeT7tm.js";
-import { _ as __, s as sprintf } from "../../default-i18n-Bk1GxDHz.js";
+import { D as DecorativeTooltip } from "../../tooltip-BRQ4tvZL.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
+import { _ as __, s as sprintf } from "../../default-i18n-BqwLkgZv.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 { ResponsivePreview } from "../responsive-preview/responsive-preview.js";
-import { a as ButtonGroup, B as Button } from "../../button-idVI4jmd.js";
+import { a as ButtonGroup, B as Button } from "../../button-CD8Q1eok.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { ToggleButton } from "../toggle-button/toggle-button.js";
@@ -41,6 +41,7 @@ import { BaseControl } from "../base-control/base-control.js";
  * @param {boolean} [props.noModeSelect] - If `true`, the mode selection (desktop-first/mobile-first) is hidden.
  * @param {boolean} [props.inline] - If `true`, the default breakpoint is shown inline with the label. In the expanded state, all breakpoints are shown below the label.
  * @param {boolean} [props.hidden] - If `true`, the component is not rendered.
+ * @param {'start' | 'center' | 'end' | 'stretch'} [props.innerContentAlign='start'] - Determines inner content alignment
  *
  * @returns {JSX.Element} The Responsive component.
  *
@@ -86,7 +87,8 @@ const Responsive = (props) => {
     noModeSelect,
     inline,
     children,
-    hidden
+    hidden,
+    innerContentAlign = "start"
   } = props;
   const breakpoints = rawBreakpoints.slice(1);
   const desktopFirstBreakpoints = (rawDesktopFirstBreakpoints ?? rawBreakpoints.slice(0, -1)).map(
@@ -115,14 +117,8 @@ const Responsive = (props) => {
           /* @__PURE__ */ jsx("span", { className: "es-uic-block es-uic-text-balance es-uic-font-semibold es-uic-tabular-nums", children: __("Default", "eightshift-ui-components") }),
           /* @__PURE__ */ jsxs("span", { className: "es-uic-block es-uic-text-balance es-uic-tabular-nums", children: [
             !firstMobileFirstOverride && !lastDesktopFirstOverride && __("Always applied, regardless of browser width.", "eightshift-ui-components"),
-            firstMobileFirstOverride && !isDesktopFirst && sprintf(
-              __("Applies when the browser width is %dpx or narrower.", "eightshift-ui-components"),
-              breakpointData[firstMobileFirstOverride] - 1
-            ),
-            lastDesktopFirstOverride && isDesktopFirst && sprintf(
-              __("Applies when the browser width is %dpx or more.", "eightshift-ui-components"),
-              breakpointData[lastDesktopFirstOverride.replace("max-", "")]
-            )
+            firstMobileFirstOverride && !isDesktopFirst && sprintf(__("Applies when the browser width is %dpx or narrower.", "eightshift-ui-components"), breakpointData[firstMobileFirstOverride] - 1),
+            lastDesktopFirstOverride && isDesktopFirst && sprintf(__("Applies when the browser width is %dpx or more.", "eightshift-ui-components"), breakpointData[lastDesktopFirstOverride.replace("max-", "")])
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "es-uic-mx-auto", children: [
             firstMobileFirstOverride && !isDesktopFirst && /* @__PURE__ */ jsx(
@@ -263,24 +259,18 @@ const Responsive = (props) => {
                   ),
                   /* @__PURE__ */ jsx(MenuSeparator, {})
                 ] }),
-                Object.keys(value).some((key) => !(key == null ? void 0 : key.startsWith("_")) && typeof (value == null ? void 0 : value[key]) !== "undefined") && /* @__PURE__ */ jsx(
-                  SubMenuItem,
+                Object.keys(value).some((key) => !(key == null ? void 0 : key.startsWith("_")) && typeof (value == null ? void 0 : 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,
                   {
-                    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
-                      }
-                    ) })
+                    value,
+                    isDesktopFirst,
+                    breakpoints,
+                    desktopFirstBreakpoints,
+                    options,
+                    breakpointData,
+                    breakpointUiData
                   }
-                ),
+                ) }) }),
                 Object.keys(value).some((key) => !(key == null ? void 0 : key.startsWith("_")) && typeof (value == null ? void 0 : value[key]) !== "undefined") && /* @__PURE__ */ jsx(MenuSeparator, {}),
                 /* @__PURE__ */ jsx(
                   MenuItem,
@@ -307,6 +297,10 @@ const Responsive = (props) => {
           {
             className: clsx(
               "es-uic-grid es-uic-items-center es-uic-gap-x-2 es-uic-transition-[grid-template-columns,_margin-block-end] es-uic-duration-150",
+              innerContentAlign === "start" && "es-uic-justify-items-start",
+              innerContentAlign === "center" && "es-uic-justify-items-center",
+              innerContentAlign === "end" && "es-uic-justify-items-end",
+              innerContentAlign === "stretch" && "es-uic-justify-items-stretch",
               detailsVisible ? "es-uic-mb-2 es-uic-grid-cols-[minmax(0,_1.75rem),_minmax(0,_1fr),_minmax(0,_2.25rem)]" : "es-uic-grid-cols-[minmax(0,_0rem),_minmax(0,_1fr),_minmax(0,_2.25rem)]"
             ),
             children: [
@@ -328,7 +322,13 @@ const Responsive = (props) => {
         !isDesktopFirst && inline && /* @__PURE__ */ jsxs(
           AnimatedVisibility,
           {
-            className: "es-uic-mb-2 es-uic-grid es-uic-grid-cols-[minmax(0,_1.75rem),_minmax(0,_1fr),_minmax(0,_2.25rem)] es-uic-items-center es-uic-gap-x-2",
+            className: clsx(
+              "es-uic-mb-2 es-uic-grid es-uic-grid-cols-[minmax(0,_1.75rem),_minmax(0,_1fr),_minmax(0,_2.25rem)] es-uic-items-center es-uic-gap-x-2",
+              innerContentAlign === "start" && "es-uic-justify-items-start",
+              innerContentAlign === "center" && "es-uic-justify-items-center",
+              innerContentAlign === "end" && "es-uic-justify-items-end",
+              innerContentAlign === "stretch" && "es-uic-justify-items-stretch"
+            ),
             visible: detailsVisible,
             children: [
               /* @__PURE__ */ jsx(DefaultTooltip, {}),
@@ -361,7 +361,13 @@ const Responsive = (props) => {
               return /* @__PURE__ */ jsxs(
                 "div",
                 {
-                  className: "es-uic-grid es-uic-grid-cols-[minmax(0,_auto),_minmax(0,_1fr),_minmax(0,_2.25rem)] es-uic-items-center es-uic-gap-x-2",
+                  className: clsx(
+                    "es-uic-grid es-uic-grid-cols-[minmax(0,_auto),_minmax(0,_1fr),_minmax(0,_2.25rem)] es-uic-items-center es-uic-gap-x-2",
+                    innerContentAlign === "start" && "es-uic-justify-items-start",
+                    innerContentAlign === "center" && "es-uic-justify-items-center",
+                    innerContentAlign === "end" && "es-uic-justify-items-end",
+                    innerContentAlign === "stretch" && "es-uic-justify-items-stretch"
+                  ),
                   children: [
                     /* @__PURE__ */ jsx(
                       DecorativeTooltip,
@@ -374,37 +380,22 @@ const Responsive = (props) => {
                           /* @__PURE__ */ jsx("span", { className: "es-uic-block es-uic-font-semibold", children: ((_a = breakpointUiData == null ? void 0 : breakpointUiData[realBreakpointName]) == null ? void 0 : _a.label) ?? upperFirst(realBreakpointName) }),
                           /* @__PURE__ */ jsxs("span", { className: "es-uic-block es-uic-text-balance es-uic-tabular-nums", children: [
                             !isDesktopFirst && /* @__PURE__ */ jsxs(Fragment, { children: [
-                              !belowOverride && typeof value[breakpoint] !== "undefined" && sprintf(
-                                __("Applied when the browser width is %dpx or more.", "eightshift-ui-components"),
-                                breakpointData[realBreakpointName]
-                              ),
+                              !belowOverride && typeof value[breakpoint] !== "undefined" && sprintf(__("Applied when the browser width is %dpx or more.", "eightshift-ui-components"), breakpointData[realBreakpointName]),
                               belowOverride && typeof value[breakpoint] !== "undefined" && sprintf(
-                                __(
-                                  "Applied when the browser width is between %dpx and %dpx.",
-                                  "eightshift-ui-components"
-                                ),
+                                __("Applied when the browser width is between %dpx and %dpx.", "eightshift-ui-components"),
                                 breakpointData[realBreakpointName],
                                 breakpointData[belowOverride] - 1
                               ),
                               typeof value[breakpoint] === "undefined" && sprintf(__("From %dpx", "eightshift-ui-components"), breakpointData[realBreakpointName])
                             ] }),
                             isDesktopFirst && /* @__PURE__ */ jsxs(Fragment, { children: [
-                              !belowOverride && typeof value[breakpoint] !== "undefined" && sprintf(
-                                __("Applied when the browser width is %dpx or less.", "eightshift-ui-components"),
-                                breakpointData[realBreakpointName] - 1
-                              ),
+                              !belowOverride && typeof value[breakpoint] !== "undefined" && sprintf(__("Applied when the browser width is %dpx or less.", "eightshift-ui-components"), breakpointData[realBreakpointName] - 1),
                               belowOverride && typeof value[breakpoint] !== "undefined" && sprintf(
-                                __(
-                                  "Applied when the browser width is between %dpx and %dpx.",
-                                  "eightshift-ui-components"
-                                ),
+                                __("Applied when the browser width is between %dpx and %dpx.", "eightshift-ui-components"),
                                 breakpointData[belowOverride == null ? void 0 : belowOverride.replace("max-", "")],
                                 breakpointData[realBreakpointName] - 1
                               ),
-                              typeof value[breakpoint] === "undefined" && sprintf(
-                                __("Up to %dpx", "eightshift-ui-components"),
-                                breakpointData[breakpoint == null ? void 0 : breakpoint.replace("max-", "")]
-                              )
+                              typeof value[breakpoint] === "undefined" && sprintf(__("Up to %dpx", "eightshift-ui-components"), breakpointData[breakpoint == null ? void 0 : breakpoint.replace("max-", "")])
                             ] })
                           ] }),
                           typeof value[breakpoint] === "undefined" && /* @__PURE__ */ jsx("span", { className: "es-uic-mt-2 es-uic-block es-uic-font-medium es-uic-italic", children: __("Not set", "eightshift-ui-components") }),
@@ -523,6 +514,10 @@ const Responsive = (props) => {
           {
             className: clsx(
               "es-uic-grid es-uic-items-center es-uic-gap-x-2 es-uic-transition-[grid-template-columns,_margin-block-start] es-uic-duration-150",
+              innerContentAlign === "start" && "es-uic-justify-items-start",
+              innerContentAlign === "center" && "es-uic-justify-items-center",
+              innerContentAlign === "end" && "es-uic-justify-items-end",
+              innerContentAlign === "stretch" && "es-uic-justify-items-stretch",
               detailsVisible ? "!es-uic-mt-2 es-uic-grid-cols-[minmax(0,_1.75rem),_minmax(0,_1fr),_minmax(0,_2.25rem)]" : "es-uic-grid-cols-[minmax(0,_0rem),_minmax(0,_1fr),_minmax(0,_2.25rem)]"
             ),
             children: [
@@ -544,7 +539,13 @@ const Responsive = (props) => {
         isDesktopFirst && inline && /* @__PURE__ */ jsxs(
           AnimatedVisibility,
           {
-            className: "es-uic-grid es-uic-grid-cols-[minmax(0,_1.75rem),_minmax(0,_1fr),_minmax(0,_2.25rem)] es-uic-items-center es-uic-gap-x-2 es-uic-pt-1",
+            className: clsx(
+              "es-uic-grid es-uic-grid-cols-[minmax(0,_1.75rem),_minmax(0,_1fr),_minmax(0,_2.25rem)] es-uic-items-center es-uic-gap-x-2 es-uic-pt-1",
+              innerContentAlign === "start" && "es-uic-justify-items-start",
+              innerContentAlign === "center" && "es-uic-justify-items-center",
+              innerContentAlign === "end" && "es-uic-justify-items-end",
+              innerContentAlign === "stretch" && "es-uic-justify-items-stretch"
+            ),
             visible: detailsVisible,
             children: [
               /* @__PURE__ */ jsx(DefaultTooltip, {}),

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-Bk1GxDHz.js";
+import { _ as __ } from "../../default-i18n-BqwLkgZv.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

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../lite-pbIeT7tm.js";
+import { c as clsx } from "../../lite-DVmmD_-j.js";
 /**
  * Component that displays a label, with an optional icon and subtitle.
  *
@@ -35,13 +35,7 @@ const RichLabel = (props) => {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       icon && /* @__PURE__ */ jsx("span", { className: clsx("[&>svg]:es-uic-size-5.5", !noColor && "es-uic-text-slate-500"), children: icon }),
       label && /* @__PURE__ */ jsx("span", { className: clsx("es-uic-text-balance", !noColor && "es-uic-text-gray-800"), children: label }),
-      subtitle && /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: clsx("es-uic-text-balance es-uic-text-xs es-uic-opacity-65", !noColor && "es-uic-text-gray-800"),
-          children: subtitle
-        }
-      )
+      subtitle && /* @__PURE__ */ jsx("span", { className: clsx("es-uic-text-balance es-uic-text-xs es-uic-opacity-65", !noColor && "es-uic-text-gray-800"), children: subtitle })
     ] });
   }
   return /* @__PURE__ */ jsxs(

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

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { A as AsyncSelect$1 } from "../../react-select-async.esm-CLj9uZTq.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 { A as AsyncSelect$1 } from "../../react-select-async.esm-5zW9Dv9E.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 { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
 import { fixIds } from "./shared.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 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-CLj9uZTq.js";
+import { A as AsyncSelect$1 } from "../../react-select-async.esm-5zW9Dv9E.js";
 import { CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } 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-a301f526.esm-BzTuHLdr.js";
+import { c as components } from "../../index-a301f526.esm-ByOfDxiG.js";
 /**
  * Select menu with async loading.
  *

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 })
     ] });
   }