@eightshift/ui-components 1.1.2 → 1.1.4

package/dist/{button-CD8Q1eok.js → button-MFj-FKsM.js}

@@ -6,7 +6,7 @@ import React__default, { useState, useRef, forwardRef, createContext } from "rea
 import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-4oSz1ItD.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
 import { c as clsx } from "./lite-DVmmD_-j.js";
-import { T as Tooltip } from "./tooltip-BRQ4tvZL.js";
+import { T as Tooltip } from "./tooltip-Do_imFfg.js";
 import { _ as __ } from "./default-i18n-BqwLkgZv.js";
 function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
   const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, orientation = "horizontal" } = props;

package/dist/components/button/button.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "../../Button-CbFrFO04.js";
-import { B, a } from "../../button-CD8Q1eok.js";
+import { B, a } from "../../button-MFj-FKsM.js";
 import "../../lite-DVmmD_-j.js";
-import "../../tooltip-BRQ4tvZL.js";
+import "../../tooltip-Do_imFfg.js";
 import "../../default-i18n-BqwLkgZv.js";
 import "../../utils-Dc35LwuT.js";
 export {

package/dist/components/color-pickers/gradient-editor.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { _ as __, s as sprintf } from "../../default-i18n-BqwLkgZv.js";
 import { useMemo } from "react";
-import { a as ButtonGroup } from "../../button-CD8Q1eok.js";
+import { a as ButtonGroup } from "../../button-MFj-FKsM.js";
 import { ToggleButton } from "../toggle-button/toggle-button.js";
 import { Repeater } from "../repeater/repeater.js";
 import { RepeaterItem } from "../repeater/repeater-item.js";

package/dist/components/color-pickers/solid-color-picker.js

@@ -24,7 +24,7 @@ import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, b as $d2e8511e6f209edf$
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
-import { T as TriggeredPopover } from "../../popover-Dk2o4S7K.js";
+import { T as TriggeredPopover } from "../../popover-BAjlU5GY.js";
 import { icons } from "../../icons/icons.js";
 import { Spacer } from "../spacer/spacer.js";
 const $e2b71ec1d6016406$export$c80c0ea2ca5cb846 = /* @__PURE__ */ createContext(null);

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

@@ -3,8 +3,8 @@ import { s as sprintf, _ as __ } from "../../default-i18n-BqwLkgZv.js";
 import { Expandable } from "../expandable/expandable.js";
 import { icons } from "../../icons/icons.js";
 import { Switch } from "../toggle/switch.js";
-import { T as TriggeredPopover } from "../../popover-Dk2o4S7K.js";
-import { a as ButtonGroup } from "../../button-CD8Q1eok.js";
+import { T as TriggeredPopover } from "../../popover-BAjlU5GY.js";
+import { a as ButtonGroup } from "../../button-MFj-FKsM.js";
 import { ToggleButton } from "../toggle-button/toggle-button.js";
 import { Spacer } from "../spacer/spacer.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";

package/dist/components/container-panel/container-panel.js

@@ -3,7 +3,7 @@ import { useState } from "react";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { Switch } from "../toggle/switch.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
-import { B as Button } from "../../button-CD8Q1eok.js";
+import { B as Button } from "../../button-MFj-FKsM.js";
 import { icons } from "../../icons/icons.js";
 import { HStack } from "../layout/hstack.js";
 import { BaseControl } from "../base-control/base-control.js";

package/dist/components/draggable-list/draggable-list-item.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { a as $72e60046c03fbe42$export$e96fc9a8407faa6b } from "../../GridList-CEzzyr-l.js";
-import { B as Button } from "../../button-CD8Q1eok.js";
+import { B as Button } from "../../button-MFj-FKsM.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { _ as __ } from "../../default-i18n-BqwLkgZv.js";

package/dist/components/expandable/expandable.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
-import { B as Button } from "../../button-CD8Q1eok.js";
+import { B as Button } from "../../button-MFj-FKsM.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { _ as __ } from "../../default-i18n-BqwLkgZv.js";

package/dist/components/index.js

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

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

@@ -11,16 +11,16 @@ import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMP
 import React__default, { useReducer, useRef, useEffect, forwardRef, createContext, useMemo, useState } from "react";
 import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-BS4dllCW.js";
 import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-BQCMno9k.js";
-import { $ as $13c3c67164f4d5be$export$4c260019440d418f, B as Button } from "../../button-CD8Q1eok.js";
+import { $ as $13c3c67164f4d5be$export$4c260019440d418f, B as Button } from "../../button-MFj-FKsM.js";
 import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { Spacer } from "../spacer/spacer.js";
-import { T as Tooltip } from "../../tooltip-BRQ4tvZL.js";
+import { T as Tooltip } from "../../tooltip-Do_imFfg.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { RichLabel } from "../rich-label/rich-label.js";
-import { P as Popover } from "../../popover-Dk2o4S7K.js";
+import { P as Popover } from "../../popover-BAjlU5GY.js";
 import { a as $0d86e9c8f07f9a7b$export$79c0c687a5963b0a } from "../../useListData-BpYQj7kK.js";
 var $03c9a1a10de12f06$exports = {};
 $03c9a1a10de12f06$exports = {

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

@@ -1,12 +1,12 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useRef } from "react";
 import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
-import { P as Popover } from "../../popover-Dk2o4S7K.js";
-import { B as Button } from "../../button-CD8Q1eok.js";
+import { P as Popover } from "../../popover-BAjlU5GY.js";
+import { B as Button } from "../../button-MFj-FKsM.js";
 import { icons } from "../../icons/icons.js";
 import { upperFirst, camelCase } from "../../utilities/es-dash.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { T as Tooltip } from "../../tooltip-BRQ4tvZL.js";
+import { T as Tooltip } from "../../tooltip-Do_imFfg.js";
 import { BaseControl } from "../base-control/base-control.js";
 /**
  * A component that can provide a 3x3 or a 2x2 grid of positions to pick from.

package/dist/components/menu/menu.js

@@ -3,10 +3,10 @@ import { $ as $982254629710d113$export$b95089534ab7c1fd, b as $453cc9f0df89c0a5$
 import { p as $8a26561d2877236e$export$c24ed0104d07eab9, f as $880e95eb8b93ba9a$export$ecf600387e221c37, $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, j as $7135fc7d473fd974$export$e7c29ae2353b16ea, n as $7135fc7d473fd974$export$6cd28814d92fa9c9, o as $7135fc7d473fd974$export$727c8fc270210f13, q as $7135fc7d473fd974$export$6e2c8f0811a474ce } from "../../SelectionManager-XOAt-Ekx.js";
 import { e as $bdb11010cef70236$export$f680877a34711e37, d as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $bdb11010cef70236$export$b4cc09c592e8fdb8, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, j as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, m as $5dc95899b306f630$export$c9058316764c140e, l as $df56164dff5785e2$export$4338b53315abf666, c as $64fa3d84918910a7$export$4d86445c2cf5e3, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-Dc35LwuT.js";
 import React__default, { useRef, useState, useEffect, useCallback, useMemo, createContext, forwardRef, useContext, cloneElement } from "react";
-import { $ as $628037886ba31236$export$f9d5c8beee7d008d, a as $de32f1b87079253c$export$d2f961adcb0afbe, b as $07b14b47974efb58$export$9b9a0cd73afb7ca4, c as $f1ab8c75478c6f73$export$3351871ee4b288b8, d as $e0b6e0b68ec7f50f$export$872b660ac5a1ff98, P as Popover } from "../../popover-Dk2o4S7K.js";
+import { $ as $628037886ba31236$export$f9d5c8beee7d008d, a as $de32f1b87079253c$export$d2f961adcb0afbe, b as $07b14b47974efb58$export$9b9a0cd73afb7ca4, c as $f1ab8c75478c6f73$export$3351871ee4b288b8, d as $e0b6e0b68ec7f50f$export$872b660ac5a1ff98, P as Popover } from "../../popover-BAjlU5GY.js";
 import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-WqetJduR.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import { $ as $9daab02d461809db$export$683480f191c0e3ea, a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-BRQ4tvZL.js";
+import { $ as $9daab02d461809db$export$683480f191c0e3ea, a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-Do_imFfg.js";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456, a as $507fabe10e71c6fb$export$b9b3dfddab17db27, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, w as $507fabe10e71c6fb$export$98e20ec92f614cfe, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-BS4dllCW.js";
 import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-BQCMno9k.js";
 import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-CScNeV3V.js";
@@ -15,7 +15,7 @@ import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-4o
 import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-Bw-IatMO.js";
 import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-SPRI0-SN.js";
 import { icons } from "../../icons/icons.js";
-import { B as Button } from "../../button-CD8Q1eok.js";
+import { B as Button } from "../../button-MFj-FKsM.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
 var $c0398ad35c3639b7$exports = {};
@@ -1489,8 +1489,8 @@ const MenuItem = (props) => {
         (selected === false || checked === false) && icons.dummySpacer,
         icon,
         children,
-        shortcut && /* @__PURE__ */ jsx("div", { className: "es-uic-ml-auto es-uic-text-[0.6875rem] es-uic-tracking-tight es-uic-text-gray-400", children: shortcut }),
-        endIcon && /* @__PURE__ */ jsx("div", { className: clsx(!shortcut && "es-uic-ml-auto"), children: endIcon })
+        shortcut && /* @__PURE__ */ jsx("div", { className: "es-uic-ml-auto es-uic-pl-2 es-uic-text-[0.6875rem] es-uic-tracking-tight es-uic-text-gray-400", children: shortcut }),
+        endIcon && /* @__PURE__ */ jsx("div", { className: clsx(!shortcut && "es-uic-ml-auto es-uic-pl-2"), children: endIcon })
       ]
     }
   );

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

@@ -11,7 +11,7 @@ import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-WqetJ
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-4oSz1ItD.js";
 import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberFieldState-BegO5X6F.js";
-import { B as Button } from "../../button-CD8Q1eok.js";
+import { B as Button } from "../../button-MFj-FKsM.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { BaseControl } from "../base-control/base-control.js";

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

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
 import { icons } from "../../icons/icons.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { a as ButtonGroup } from "../../button-CD8Q1eok.js";
+import { a as ButtonGroup } from "../../button-MFj-FKsM.js";
 import { Menu, MenuSeparator, MenuItem } from "../menu/menu.js";
 import { RadioButtonGroup, RadioButton } from "../radio/radio.js";
 import { RichLabel } from "../rich-label/rich-label.js";

package/dist/components/popover/popover.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import { P, T } from "../../popover-Dk2o4S7K.js";
+import { P, T } from "../../popover-BAjlU5GY.js";
 import "../../lite-DVmmD_-j.js";
 import "../../default-i18n-BqwLkgZv.js";
-import "../../button-CD8Q1eok.js";
+import "../../button-MFj-FKsM.js";
 export {
   P as Popover,
   T as TriggeredPopover

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { $ as $bc237834342dbd75$export$48513f6b9f8ce62d } from "../../Checkbox-Cv3pZDHg.js";
 import { b as $72e60046c03fbe42$export$54fe942636b6416d, a as $72e60046c03fbe42$export$e96fc9a8407faa6b } from "../../GridList-CEzzyr-l.js";
-import { B as Button } from "../../button-CD8Q1eok.js";
+import { B as Button } from "../../button-MFj-FKsM.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { Expandable } from "../expandable/expandable.js";

package/dist/components/repeater/repeater.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { b as $72e60046c03fbe42$export$54fe942636b6416d, $ as $72e60046c03fbe42$export$a7bfbda1311ca015 } from "../../GridList-CEzzyr-l.js";
 import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6, a as $d8f176866e6dc039$export$62ed72bc21f6b8a6 } from "../../ListBox-CCWXTj0t.js";
 import { _ as __ } from "../../default-i18n-BqwLkgZv.js";
-import { B as Button, a as ButtonGroup } from "../../button-CD8Q1eok.js";
+import { B as Button, a as ButtonGroup } from "../../button-MFj-FKsM.js";
 import { icons } from "../../icons/icons.js";
 import { useId, useState } from "react";
 import { BaseControl } from "../base-control/base-control.js";

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

@@ -1,12 +1,12 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { D as DecorativeTooltip } from "../../tooltip-BRQ4tvZL.js";
+import { D as DecorativeTooltip } from "../../tooltip-Do_imFfg.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 { B as Button } from "../../button-CD8Q1eok.js";
+import { B as Button } from "../../button-MFj-FKsM.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { ToggleButton } from "../toggle-button/toggle-button.js";
 import { BaseControl } from "../base-control/base-control.js";
@@ -91,7 +91,7 @@ const ResponsiveLegacy = (props) => {
     children,
     inline,
     breakpointData,
-    breakpoints: rawBreakpoints = Object.keys(breakpointData).toReversed(),
+    breakpoints: rawBreakpoints = Object.entries(breakpointData).toSorted((a, b) => a[1] - b[1]).map(([breakpoint]) => breakpoint).toReversed(),
     hidden,
     innerContentAlign = "start"
   } = props;
@@ -132,7 +132,7 @@ const ResponsiveLegacy = (props) => {
                 {
                   breakpoint: __("Default", "eightshift-ui-components"),
                   value: ((_b = options == null ? void 0 : options.find((opt) => opt.value === (value == null ? void 0 : value[attribute[defaultBreakpoint]]))) == null ? void 0 : _b.label) ?? upperFirst(value == null ? void 0 : value[defaultBreakpoint]),
-                  width: breakpointData[breakpoints.at(-1)],
+                  width: breakpointData[globalOverride] + 1,
                   dotsEnd: true,
                   active: true
                 }
@@ -258,10 +258,10 @@ const ResponsiveLegacy = (props) => {
                         text: /* @__PURE__ */ jsxs("div", { className: "es-uic-max-w-96 es-uic-p-1", children: [
                           /* @__PURE__ */ jsx("span", { className: "es-uic-block es-uic-font-semibold", children: upperFirst(breakpoint) }),
                           /* @__PURE__ */ jsxs("span", { className: "es-uic-block es-uic-text-balance es-uic-tabular-nums", children: [
-                            aboveOverride && aboveOverride === breakpoint && isOverrideSet && sprintf(__("Applied when the browser width is %dpx or less.", "eightshift-ui-components"), breakpointData[breakpoint]),
-                            aboveOverride && aboveOverride !== breakpoint && isOverrideSet && sprintf(
+                            aboveOverride && (aboveOverride !== rawBreakpoints[0] || !belowOverride) && isOverrideSet && sprintf(__("Applied when the browser width is %dpx or less.", "eightshift-ui-components"), breakpointData[breakpoint]),
+                            aboveOverride && aboveOverride === rawBreakpoints[0] && belowOverride && isOverrideSet && sprintf(
                               __("Applied when the browser width is between %dpx and %dpx.", "eightshift-ui-components"),
-                              breakpointData[aboveOverride] + 1,
+                              breakpointData[belowOverride] + 1,
                               breakpointData[breakpoint]
                             ),
                             (!aboveOverride || !isOverrideSet) && sprintf(__("Up to %dpx", "eightshift-ui-components"), breakpointData[breakpoint])

package/dist/components/responsive/responsive.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { D as DecorativeTooltip } from "../../tooltip-BRQ4tvZL.js";
+import { D as DecorativeTooltip } from "../../tooltip-Do_imFfg.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";
@@ -8,7 +8,7 @@ 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-CD8Q1eok.js";
+import { a as ButtonGroup, B as Button } from "../../button-MFj-FKsM.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";

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

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
+import { useId } from "react";
 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-ByOfDxiG.js";
 /**
  * Multi-select menu with async loading and re-ordering.
@@ -71,7 +71,7 @@ const AsyncMultiSelect = (props) => {
     inline,
     loadOptions,
     preloadOptions = true,
-    value,
+    value: rawValue,
     onChange,
     disabled = false,
     noSearch = false,
@@ -89,6 +89,11 @@ const AsyncMultiSelect = (props) => {
     hidden,
     ...additionalProps
   } = props;
+  const idBase = useId();
+  const value = rawValue.map((item, index) => ({
+    ...item,
+    id: `${idBase}-${index}`
+  }));
   if (hidden) {
     return null;
   }
@@ -96,7 +101,6 @@ const AsyncMultiSelect = (props) => {
     const results = await loadOptions(searchText);
     return processLoadedOptions((results == null ? void 0 : results.map((item) => ({ id: item.value, ...item }))) ?? []);
   };
-  fixIds(value, onChange);
   return /* @__PURE__ */ jsx(
     BaseControl,
     {

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

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
+import { useId } from "react";
 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 { 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-ByOfDxiG.js";
@@ -64,7 +65,7 @@ const MultiSelect = (props) => {
     subtitle,
     actions,
     inline,
-    value,
+    value: rawValue,
     onChange,
     options,
     simpleValue = false,
@@ -83,10 +84,14 @@ const MultiSelect = (props) => {
     hidden,
     ...additionalProps
   } = props;
+  const idBase = useId();
+  const value = rawValue.map((item, index) => ({
+    ...item,
+    id: `${idBase}-${index}`
+  }));
   if (hidden) {
     return null;
   }
-  fixIds(value, onChange);
   return /* @__PURE__ */ jsx(
     BaseControl,
     {

package/dist/components/select/shared.js

@@ -29,6 +29,7 @@ const getValue = (simpleValue, value, options) => {
  * @preserve
  */
 const customOnChange = (simpleValue, newValue, onChange) => {
+  delete newValue.id;
   if (!simpleValue) {
     onChange(newValue);
     return;

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

@@ -6,7 +6,7 @@ import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-
 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";
+import { T as Tooltip } from "../../tooltip-Do_imFfg.js";
 function $55f54f7887471b58$export$51e84d46ca0bc451(props, state, ref) {
   const { isSelected } = state;
   const { isPressed, buttonProps } = $701a24aa0da5b062$export$ea18c227d4417cc3({

package/dist/components/tooltip/tooltip.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { D, T } from "../../tooltip-BRQ4tvZL.js";
+import { D, T } from "../../tooltip-Do_imFfg.js";
 import "../../lite-DVmmD_-j.js";
 import "react";
 import "../../focusSafely-BS4dllCW.js";

package/dist/index.js

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

package/dist/{popover-Dk2o4S7K.js → popover-BAjlU5GY.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { l as $df56164dff5785e2$export$4338b53315abf666, d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, e as $bdb11010cef70236$export$f680877a34711e37, g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, n as $ff5963eb1fccf552$export$e08e3b67e392101e, o as $b5e257d569688ac6$export$535bd6ca7f90a273, k as $bdb11010cef70236$export$b4cc09c592e8fdb8, a as $64fa3d84918910a7$export$29f1550f4b0d4415, q as $64fa3d84918910a7$export$45fda7c47f93fd48, t as $64fa3d84918910a7$export$94b6d0abf7d33e8c, r as $64fa3d84918910a7$export$6d3443f2c48bfc20, c as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, s as $64fa3d84918910a7$export$c62b8e45d58ddad9 } from "./utils-Dc35LwuT.js";
 import { d as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-CrNYmadY.js";
-import { b as $dd149f63282afbbf$export$f6211563215e3b37, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, a as $fc909762b330b746$export$61c6a8c84e605fb6, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f } from "./tooltip-BRQ4tvZL.js";
+import { b as $dd149f63282afbbf$export$f6211563215e3b37, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, a as $fc909762b330b746$export$61c6a8c84e605fb6, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f } from "./tooltip-Do_imFfg.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
 import React__default, { useRef, useContext, useEffect, useMemo, createContext, useState, forwardRef } from "react";
 import { $ as $62d8ded9296f3872$export$cfa2225e87938781, a as $5e3802645cc19319$export$1c3ebcada18427bf } from "./ariaHideOutside-Zn64-frS.js";
@@ -14,7 +14,7 @@ import { e as $ae1eeba8b9eafd08$export$5165eccb35aaadb5 } from "./usePress-CScNe
 import { $ as $dbSRa$reactdom } from "./index-CAPcSs9K.js";
 import { c as clsx } from "./lite-DVmmD_-j.js";
 import { _ as __ } from "./default-i18n-BqwLkgZv.js";
-import { B as Button } from "./button-CD8Q1eok.js";
+import { B as Button } from "./button-MFj-FKsM.js";
 const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /* @__PURE__ */ React__default.forwardRef(({ children, ...props }, ref) => {
   let isRegistered = useRef(false);
   let prevContext = useContext($ae1eeba8b9eafd08$export$5165eccb35aaadb5);

package/dist/{tooltip-BRQ4tvZL.js → tooltip-Do_imFfg.js}

@@ -933,9 +933,9 @@ const Tooltip = (props) => {
             crossOffset,
             className: ({ isEntering, isExiting }) => clsx(
               "es-uic-group",
-              "es-uic-z-20 es-uic-select-none es-uic-rounded-md es-uic-border es-uic-px-1.5 es-uic-py-0.5 es-uic-text-sm es-uic-shadow es-uic-backdrop-blur-xl es-uic-will-change-[transform,opacity] es-uic-fill-mode-forwards",
-              theme === "light" && "es-uic-border-gray-200 es-uic-bg-white/60 es-uic-text-gray-700",
-              theme === "dark" && "es-uic-border-gray-600 es-uic-bg-black/60 es-uic-text-gray-100",
+              "es-uic-z-20 es-uic-select-none es-uic-rounded-md es-uic-border es-uic-px-1.5 es-uic-py-0.5 es-uic-text-sm es-uic-shadow es-uic-backdrop-blur-3xl es-uic-will-change-[transform,opacity] es-uic-fill-mode-forwards",
+              theme === "light" && "es-uic-border-gray-200 es-uic-bg-white/90 es-uic-text-gray-700",
+              theme === "dark" && "es-uic-border-gray-600 es-uic-bg-black/80 es-uic-text-gray-100",
               isEntering && "es-uic-duration-300 es-uic-ease-out es-uic-animate-in es-uic-fade-in",
               isEntering && "placement-left:es-uic-slide-in-from-right-0.5 placement-right:es-uic-slide-in-from-left-0.5 placement-top:es-uic-slide-in-from-bottom-0.5 placement-bottom:es-uic-slide-in-from-top-0.5",
               isExiting && "es-uic-duration-150 es-uic-ease-in es-uic-animate-out es-uic-fade-out",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eightshift/ui-components",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -63,7 +63,7 @@
     "eslint-plugin-prettier": "^5.1.3",
     "framer-motion": "^11.2.12",
     "glob": "^10.4.2",
-    "globals": "^15.6.0",
+    "globals": "^15.7.0",
     "just-camel-case": "^6.2.0",
     "just-debounce-it": "^3.2.0",
     "just-has": "^2.3.0",
@@ -71,7 +71,7 @@
     "just-kebab-case": "^4.2.0",
     "just-throttle": "^4.2.0",
     "lightningcss": "^1.25.1",
-    "postcss": "^8.4.38",
+    "postcss": "^8.4.39",
     "prettier": "^3.3.2",
     "prettier-plugin-tailwindcss": "^0.6.5",
     "react-aria": "^3.33.1",