@eightshift/ui-components 7.0.0 → 7.2.0

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

@@ -3,7 +3,7 @@ import { u as $e1995378a142960e$export$fb8073518f34e6ec } from "../../SelectionM
 import { l as $07b14b47974efb58$export$5b6b19405a83ff9d, p as $72a5793c14baf454$export$8b251419efc915eb } from "../../Dialog-i5VLQw1o.js";
 import { a as $eed445e0843c11d0$export$dca12b0bb56e4fc, t as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-B21SgugS.js";
 import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-h6xF_WrP.js";
-import { i as getValue, n as SelectClearButton, o as $82d7e5349645de74$export$e288731fd71264f0, r as getGroupedOptions, s as $82d7e5349645de74$export$ef9b1a59e592288f, t as OptionItemBase } from "../../shared-DFDimxvX.js";
+import { i as getValue, n as SelectClearButton, o as $82d7e5349645de74$export$e288731fd71264f0, r as getGroupedOptions, s as $82d7e5349645de74$export$ef9b1a59e592288f, t as OptionItemBase } from "../../shared-BiWZjrGF.js";
 import { t as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-OiMnf6sb.js";
 import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BURqyJXW.js";
 import { n as $d2f53cda644affe3$export$2f2b9559550c7bbc, t as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-DR_I4_yn.js";
@@ -11,7 +11,7 @@ import { n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DFXX
 import { RichLabel } from "../rich-label/rich-label.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { randomId } from "../../utilities/hash.js";
-import { n as _n, r as sprintf, t as __ } from "../../build-module-sxK3nxOK.js";
+import { n as _n, r as sprintf, t as __ } from "../../build-module-Bsx62nlm.js";
 import { Icon } from "../../icons/icon.js";
 import { clearAlt } from "../../icons/ui-icons/clear-alt.js";
 import { dropdownCaret } from "../../icons/ui-icons/dropdown-caret.js";
@@ -98,14 +98,13 @@ var MultiSelect = (props) => {
 		groupValueMapping
 	]);
 	const renderItem = (item) => {
-		let icon = item?.icon ?? null;
-		icon = jsx(Icon, { icon });
+		const icon = item?.icon ?? null;
 		return jsxs(OptionItemBase, {
 			id: item?.value ?? randomId(8),
 			className: item?.className,
 			selectIndicator: true,
 			children: [customMenuOption && customMenuOption(item), !customMenuOption && jsx(RichLabel, {
-				icon,
+				icon: icon && jsx(Icon, { icon }),
 				label: item?.label,
 				subtitle: item?.subtitle,
 				noColor: true
@@ -176,8 +175,7 @@ var MultiSelect = (props) => {
 									className: "es:select-none es:pointer-events-none es:pr-6 es:text-sm es:text-surface-500",
 									children: placeholder
 								});
-								let icon = selectedItem?.icon ?? null;
-								icon = jsx(Icon, { icon });
+								const icon = selectedItem?.icon ?? null;
 								if (selectedItems.length > 1) return jsx(RichLabel, {
 									icon: multiple,
 									label: sprintf(_n("%s item", "%s items", selectedItems.length, "eightshift-ui-components"), selectedItems.length),
@@ -186,7 +184,7 @@ var MultiSelect = (props) => {
 								});
 								if (!isPlaceholder && currentValue && customValueDisplay) return customValueDisplay(selectedItem);
 								return jsx(RichLabel, {
-									icon,
+									icon: icon && jsx(Icon, { icon }),
 									label: selectedItem?.label,
 									subtitle: selectedItem?.subtitle,
 									className: clsx("es:pr-6 es:grow es:w-full", disabled && "es:grayscale es:pointer-events-none"),

package/dist/components/select/shared.js

@@ -1,3 +1,2 @@
-import { a as moveArrayItem, i as getValue, n as SelectClearButton, r as getGroupedOptions, t as OptionItemBase } from "../../shared-DFDimxvX.js";
-import "../../build-module-sxK3nxOK.js";
+import { a as moveArrayItem, i as getValue, n as SelectClearButton, r as getGroupedOptions, t as OptionItemBase } from "../../shared-BiWZjrGF.js";
 export { OptionItemBase, SelectClearButton, getGroupedOptions, getValue, moveArrayItem };

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

@@ -3,7 +3,7 @@ import { u as $e1995378a142960e$export$fb8073518f34e6ec } from "../../SelectionM
 import { l as $07b14b47974efb58$export$5b6b19405a83ff9d, p as $72a5793c14baf454$export$8b251419efc915eb } from "../../Dialog-i5VLQw1o.js";
 import { a as $eed445e0843c11d0$export$dca12b0bb56e4fc, t as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-B21SgugS.js";
 import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-h6xF_WrP.js";
-import { n as SelectClearButton, o as $82d7e5349645de74$export$e288731fd71264f0, r as getGroupedOptions, s as $82d7e5349645de74$export$ef9b1a59e592288f, t as OptionItemBase } from "../../shared-DFDimxvX.js";
+import { n as SelectClearButton, o as $82d7e5349645de74$export$e288731fd71264f0, r as getGroupedOptions, s as $82d7e5349645de74$export$ef9b1a59e592288f, t as OptionItemBase } from "../../shared-BiWZjrGF.js";
 import { t as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-OiMnf6sb.js";
 import { n as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BURqyJXW.js";
 import { n as $d2f53cda644affe3$export$2f2b9559550c7bbc, t as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-DR_I4_yn.js";
@@ -11,7 +11,7 @@ import { n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DFXX
 import { RichLabel } from "../rich-label/rich-label.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { randomId } from "../../utilities/hash.js";
-import { t as __ } from "../../build-module-sxK3nxOK.js";
+import { t as __ } from "../../build-module-Bsx62nlm.js";
 import { Icon } from "../../icons/icon.js";
 import { clearAlt } from "../../icons/ui-icons/clear-alt.js";
 import { dropdownCaret } from "../../icons/ui-icons/dropdown-caret.js";
@@ -93,14 +93,13 @@ var Select = (props) => {
 	]);
 	const currentValue = simpleValue ? value ?? null : value?.value ?? null;
 	const renderItem = (item) => {
-		let icon = item?.icon ?? null;
-		icon = jsx(Icon, { icon });
+		const icon = item?.icon ?? null;
 		return jsxs(OptionItemBase, {
 			id: item?.value ?? randomId(8),
 			className: item?.className,
 			selectIndicator: true,
 			children: [customMenuOption && customMenuOption(item), !customMenuOption && jsx(RichLabel, {
-				icon,
+				icon: icon && jsx(Icon, { icon }),
 				label: item?.label,
 				subtitle: item?.subtitle,
 				noColor: true
@@ -163,10 +162,9 @@ var Select = (props) => {
 								className: "es:select-none es:pointer-events-none es:pr-6 es:text-sm es:text-surface-500",
 								children: placeholder
 							});
-							let icon = selectedItem?.icon ?? null;
-							icon = jsx(Icon, { icon });
+							const icon = selectedItem?.icon ?? null;
 							return jsx(RichLabel, {
-								icon,
+								icon: icon && jsx(Icon, { icon }),
 								label: selectedItem?.label,
 								subtitle: selectedItem?.subtitle,
 								className: clsx("es:pr-6 es:grow es:w-full", disabled && "es:grayscale es:pointer-events-none"),

package/dist/components/select/styles.js

@@ -1,4 +1,4 @@
-import { t as cva } from "../../dist-DIK9pFxO.js";
+import { t as cva } from "../../dist-2gkv7_1U.js";
 //#region lib/components/select/styles.js
 var selectButtonClass = cva("es:any-focus:outline-hidden es:text-start es:size-full es:inline-block es:group es:overflow-x-clip", {
 	variants: { size: {

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

@@ -1,9 +1,9 @@
-import { n as AnimatePresence, t as motion } from "../../proxy-BG7-_Ou3.js";
+import { n as AnimatePresence, t as motion } from "../../proxy-DjkEpeDL.js";
 import { t as clsx } from "../../clsx-BUU5J41u.js";
 import { i as $6f909507e6374d18$export$472062a354075cee, o as $6f909507e6374d18$export$a590f758a961cb5b, r as $6f909507e6374d18$export$2c1b491743890dec, t as $6f909507e6374d18$export$105594979f116971 } from "../../Slider-DW1RuMVp.js";
 import { n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DFXXxMKY.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { r as sprintf, t as __ } from "../../build-module-sxK3nxOK.js";
+import { r as sprintf, t as __ } from "../../build-module-Bsx62nlm.js";
 import { chevronLeft } from "../../icons/ui-icons/chevron-left.js";
 import { chevronRight } from "../../icons/ui-icons/chevron-right.js";
 import { getColumnConfigOutputText } from "./utils.js";

package/dist/components/slider/slider.js

@@ -1,10 +1,9 @@
-import { n as AnimatePresence, t as motion } from "../../proxy-BG7-_Ou3.js";
+import { n as AnimatePresence, t as motion } from "../../proxy-DjkEpeDL.js";
 import { t as clsx } from "../../clsx-BUU5J41u.js";
 import { i as $6f909507e6374d18$export$472062a354075cee, o as $6f909507e6374d18$export$a590f758a961cb5b, r as $6f909507e6374d18$export$2c1b491743890dec, t as $6f909507e6374d18$export$105594979f116971 } from "../../Slider-DW1RuMVp.js";
 import { n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DFXXxMKY.js";
-import { t as NumberPicker } from "../../number-picker-CkA1iJNZ.js";
+import { t as NumberPicker } from "../../number-picker-Dhtx4409.js";
 import { BaseControl } from "../base-control/base-control.js";
-import "../../build-module-sxK3nxOK.js";
 import { HStack } from "../layout/hstack.js";
 import { generateGridTemplate, generateMarkers } from "./utils.js";
 import { useState } from "react";

package/dist/components/slider/utils.js

@@ -1,4 +1,4 @@
-import { n as _n, r as sprintf, t as __ } from "../../build-module-sxK3nxOK.js";
+import { n as _n, r as sprintf, t as __ } from "../../build-module-Bsx62nlm.js";
 //#region lib/components/slider/utils.js
 /**
 * Generates an array of markers based on the provided minimum and maximum values and step.

package/dist/components/smart-image/smart-image.js

@@ -1,3 +1,2 @@
-import "../../build-module-sxK3nxOK.js";
-import { t as SmartImage } from "../../smart-image-CbSsEASF.js";
+import { t as SmartImage } from "../../smart-image-CBNbxJ57.js";
 export { SmartImage, SmartImage as __SmartImage };

package/dist/components/tabs/tabs.js

@@ -1,3 +1,2 @@
-import { i as Tabs, n as TabList, r as TabPanel, t as Tab } from "../../tabs-BrdyBER5.js";
-import "../../build-module-sxK3nxOK.js";
+import { i as Tabs, n as TabList, r as TabPanel, t as Tab } from "../../tabs-DaIUEc0g.js";
 export { Tab, TabList, TabPanel, Tabs };

package/dist/components/toggle/switch.js

@@ -1,2 +1,2 @@
-import { t as Switch } from "../../switch-L8dFSQWQ.js";
+import { t as Switch } from "../../switch-DmsvyQPa.js";
 export { Switch };

package/dist/components/toggle/toggle.js

@@ -1,5 +1,5 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
-import { t as Switch } from "../../switch-L8dFSQWQ.js";
+import { t as Switch } from "../../switch-DmsvyQPa.js";
 import { n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DFXXxMKY.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,2 +1,2 @@
-import { t as ToggleButton } from "../../toggle-button-DJ8jNQ-9.js";
+import { t as ToggleButton } from "../../toggle-button-BlzUGfGy.js";
 export { ToggleButton };

package/dist/{draggable-CYQyD9gG.js → draggable-CTDVJ4zd.js}

@@ -1,4 +1,4 @@
-import { t as __ } from "./build-module-sxK3nxOK.js";
+import { t as __ } from "./build-module-Bsx62nlm.js";
 import { DraggableContext } from "./components/draggable/draggable-context.js";
 import { createContext, createElement, forwardRef, memo, startTransition, useCallback, useContext, useEffect, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";