@eightshift/ui-components 7.0.0 → 7.2.0

package/dist/{checkbox-D0AWkLhp.js → checkbox-BO5RZmO8.js}

@@ -13,7 +13,7 @@ import { t as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "./useToggleState
 import { n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "./Label-DFXXxMKY.js";
 import { t as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-DTMkbrQY.js";
 import { RichLabel } from "./components/rich-label/rich-label.js";
-import { t as cva } from "./dist-DIK9pFxO.js";
+import { t as cva } from "./dist-2gkv7_1U.js";
 import { check } from "./icons/ui-icons/check.js";
 import React, { createContext, forwardRef, useContext, useEffect, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{color-swatch-CBYsO_Zs.js → color-swatch-D2ZBkuTt.js}

@@ -5,7 +5,7 @@ import { n as $9446cca9a3875146$export$b6268554fba451f, t as $9446cca9a3875146$e
 import { t as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-C-XNeJ_l.js";
 import { n as $6db58dc88e78b024$export$2f817fcdc4b89ae0, r as $5b160d28a433310d$export$c17fa47878dc55b6, t as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-Dv2diN3k.js";
 import { t as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-m5VW6MTK.js";
-import { t as __ } from "./build-module-sxK3nxOK.js";
+import { t as __ } from "./build-module-Bsx62nlm.js";
 import React, { createContext, forwardRef, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region node_modules/@react-aria/color/dist/ar-AE.mjs

package/dist/components/base-control/container.js

@@ -1,5 +1,5 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
-import { t as cva } from "../../dist-DIK9pFxO.js";
+import { t as cva } from "../../dist-2gkv7_1U.js";
 import { cloneElement, forwardRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region lib/components/base-control/container.jsx

package/dist/components/button/button.js

@@ -1,3 +1,2 @@
-import { n as ButtonGroup, t as Button } from "../../button-COTeluL8.js";
-import "../../build-module-sxK3nxOK.js";
+import { n as ButtonGroup, t as Button } from "../../button-D9cbyHeZ.js";
 export { Button, ButtonGroup };

package/dist/components/checkbox/checkbox.js

@@ -1,2 +1,2 @@
-import { t as Checkbox } from "../../checkbox-D0AWkLhp.js";
+import { t as Checkbox } from "../../checkbox-BO5RZmO8.js";
 export { Checkbox };

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

@@ -1,8 +1,8 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
-import { t as ColorSwatch } from "../../color-swatch-CBYsO_Zs.js";
+import { t as ColorSwatch } from "../../color-swatch-D2ZBkuTt.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { t as __ } from "../../build-module-sxK3nxOK.js";
+import { t as __ } from "../../build-module-Bsx62nlm.js";
 import { colorPickerFill } from "../../icons/ui-icons/color-picker-fill.js";
 import { colorPickerListMarker } from "../../icons/ui-icons/color-picker-list-marker.js";
 import { colorPickerText } from "../../icons/ui-icons/color-picker-text.js";

package/dist/components/color-pickers/color-swatch.js

@@ -1,3 +1,2 @@
-import { t as ColorSwatch } from "../../color-swatch-CBYsO_Zs.js";
-import "../../build-module-sxK3nxOK.js";
+import { t as ColorSwatch } from "../../color-swatch-D2ZBkuTt.js";
 export { ColorSwatch };

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

@@ -1,4 +1,2 @@
-import "../../proxy-BG7-_Ou3.js";
-import "../../build-module-sxK3nxOK.js";
-import { t as GradientEditor } from "../../gradient-editor-DbH8NU2p.js";
+import { t as GradientEditor } from "../../gradient-editor-xfxA_s9a.js";
 export { GradientEditor };

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

@@ -1,3 +1,2 @@
-import { t as SolidColorPicker } from "../../solid-color-picker-DbT-aoVx.js";
-import "../../build-module-sxK3nxOK.js";
+import { t as SolidColorPicker } from "../../solid-color-picker-DukArNH-.js";
 export { SolidColorPicker };

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

@@ -1,10 +1,10 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
-import { t as ToggleButton } from "../../toggle-button-DJ8jNQ-9.js";
-import { n as ButtonGroup } from "../../button-COTeluL8.js";
-import { t as Switch } from "../../switch-L8dFSQWQ.js";
+import { t as ToggleButton } from "../../toggle-button-BlzUGfGy.js";
+import { n as ButtonGroup } from "../../button-D9cbyHeZ.js";
+import { t as Switch } from "../../switch-DmsvyQPa.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 { componentGeneric } from "../../icons/ui-icons/component-generic.js";
 import { dropdownCaretAlt } from "../../icons/ui-icons/dropdown-caret-alt.js";
 import { Expandable } from "../expandable/expandable.js";

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

@@ -1,9 +1,8 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
-import { t as Button } from "../../button-COTeluL8.js";
+import { t as Button } from "../../button-D9cbyHeZ.js";
 import { n as $28f4fd908f0de97f$export$feabaa331e1d464c, t as $28f4fd908f0de97f$export$74a362b31437ec83 } from "../../Disclosure-NYWFw9RJ.js";
-import { t as Switch } from "../../switch-L8dFSQWQ.js";
+import { t as Switch } from "../../switch-DmsvyQPa.js";
 import { BaseControl } from "../base-control/base-control.js";
-import "../../build-module-sxK3nxOK.js";
 import { chevronDown } from "../../icons/ui-icons/chevron-down.js";
 import { HStack } from "../layout/hstack.js";
 import { useState } from "react";

package/dist/components/draggable/draggable-handle.js

@@ -1,5 +1,5 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
-import "../../build-module-sxK3nxOK.js";
+import "../../build-module-Bsx62nlm.js";
 import { reorderGrabberV } from "../../icons/ui-icons/reorder-grabber-v.js";
 import { DraggableContext } from "./draggable-context.js";
 import { useContext } from "react";

package/dist/components/draggable/draggable.js

@@ -1,3 +1,2 @@
-import "../../build-module-sxK3nxOK.js";
-import { t as Draggable } from "../../draggable-CYQyD9gG.js";
+import { t as Draggable } from "../../draggable-CTDVJ4zd.js";
 export { Draggable };

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

@@ -1,6 +1,6 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
 import { RichLabel } from "../rich-label/rich-label.js";
-import "../../build-module-sxK3nxOK.js";
+import "../../build-module-Bsx62nlm.js";
 import { reorderGrabberV } from "../../icons/ui-icons/reorder-grabber-v.js";
 import { HStack } from "../layout/hstack.js";
 import { cloneElement } from "react";

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

@@ -1,8 +1,8 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { t as __ } from "../../build-module-sxK3nxOK.js";
+import { t as __ } from "../../build-module-Bsx62nlm.js";
 import { Container, ContainerGroup } from "../base-control/container.js";
-import { n as arrayMove, r as arrayRemove, t as List } from "../../List-CMK5qsNF.js";
+import { n as arrayMove, r as arrayRemove, t as List } from "../../List-DWlgW2Ex.js";
 import { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region lib/components/draggable-list/draggable-list.jsx

package/dist/components/expandable/expandable.js

@@ -1,10 +1,10 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
-import { t as Button } from "../../button-COTeluL8.js";
+import { t as Button } from "../../button-D9cbyHeZ.js";
 import { n as $28f4fd908f0de97f$export$feabaa331e1d464c, t as $28f4fd908f0de97f$export$74a362b31437ec83 } from "../../Disclosure-NYWFw9RJ.js";
 import { n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DFXXxMKY.js";
 import { RichLabel } from "../rich-label/rich-label.js";
-import { t as __ } from "../../build-module-sxK3nxOK.js";
+import { t as __ } from "../../build-module-Bsx62nlm.js";
 import { dropdownCaretAlt } from "../../icons/ui-icons/dropdown-caret-alt.js";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/index.js

@@ -1,21 +1,19 @@
-import "../proxy-BG7-_Ou3.js";
 import { AnimatedVisibility } from "./animated-visibility/animated-visibility.js";
-import { t as LinkInput } from "../link-input-D7iDRpOM.js";
-import { t as Modal } from "../modal-DbVLYMkH.js";
-import { i as Tabs, n as TabList, r as TabPanel, t as Tab } from "../tabs-BrdyBER5.js";
+import { t as LinkInput } from "../link-input-Bh8G7Urm.js";
+import { t as Modal } from "../modal-snrElwty.js";
+import { i as Tabs, n as TabList, r as TabPanel, t as Tab } from "../tabs-DaIUEc0g.js";
 import { n as Tooltip, t as DecorativeTooltip } from "../tooltip-BzJzYlcc.js";
-import { t as ToggleButton } from "../toggle-button-DJ8jNQ-9.js";
-import { n as ButtonGroup, t as Button } from "../button-COTeluL8.js";
-import { t as Checkbox } from "../checkbox-D0AWkLhp.js";
-import { t as ColorSwatch } from "../color-swatch-CBYsO_Zs.js";
-import { t as SolidColorPicker } from "../solid-color-picker-DbT-aoVx.js";
-import { t as Switch } from "../switch-L8dFSQWQ.js";
-import { t as NumberPicker } from "../number-picker-CkA1iJNZ.js";
-import { t as InputField } from "../input-field-UCZL5bqv.js";
+import { t as ToggleButton } from "../toggle-button-BlzUGfGy.js";
+import { n as ButtonGroup, t as Button } from "../button-D9cbyHeZ.js";
+import { t as Checkbox } from "../checkbox-BO5RZmO8.js";
+import { t as ColorSwatch } from "../color-swatch-D2ZBkuTt.js";
+import { t as SolidColorPicker } from "../solid-color-picker-DukArNH-.js";
+import { t as Switch } from "../switch-DmsvyQPa.js";
+import { t as NumberPicker } from "../number-picker-Dhtx4409.js";
+import { t as InputField } from "../input-field-_OCWbftf.js";
 import { RichLabel } from "./rich-label/rich-label.js";
 import { BaseControl } from "./base-control/base-control.js";
 import { BreakpointPreview } from "./breakpoint-preview/breakpoint-preview.js";
-import "../build-module-sxK3nxOK.js";
 import { Expandable } from "./expandable/expandable.js";
 import { Popover, TriggeredPopover } from "./popover/popover.js";
 import { Spacer } from "./spacer/spacer.js";
@@ -29,12 +27,12 @@ import { Container, ContainerGroup } from "./base-control/container.js";
 import { DraggableList } from "./draggable-list/draggable-list.js";
 import { DraggableListItem, DraggableListItemHandle } from "./draggable-list/draggable-list-item.js";
 import { DraggableContext } from "./draggable/draggable-context.js";
-import { t as Draggable } from "../draggable-CYQyD9gG.js";
+import { t as Draggable } from "../draggable-CTDVJ4zd.js";
 import { DraggableHandle } from "./draggable/draggable-handle.js";
-import { t as SmartImage } from "../smart-image-CbSsEASF.js";
+import { t as SmartImage } from "../smart-image-CBNbxJ57.js";
 import { FilePickerShell } from "./placeholders/file-picker-shell.js";
 import { FilePlaceholder } from "./placeholders/file-placeholder.js";
-import { t as GradientEditor } from "../gradient-editor-DbH8NU2p.js";
+import { t as GradientEditor } from "../gradient-editor-xfxA_s9a.js";
 import { Slider } from "./slider/slider.js";
 import { MatrixAlign } from "./matrix-align/matrix-align.js";
 import { Toggle } from "./toggle/toggle.js";

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

@@ -1,2 +1,2 @@
-import { t as InputField } from "../../input-field-UCZL5bqv.js";
+import { t as InputField } from "../../input-field-_OCWbftf.js";
 export { InputField };

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

@@ -1,4 +1,4 @@
-import { t as __ } from "../../build-module-sxK3nxOK.js";
+import { t as __ } from "../../build-module-Bsx62nlm.js";
 import { Fragment } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region lib/components/item-collection/item-collection.jsx

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

@@ -1,3 +1,2 @@
-import { t as LinkInput } from "../../link-input-D7iDRpOM.js";
-import "../../build-module-sxK3nxOK.js";
+import { t as LinkInput } from "../../link-input-Bh8G7Urm.js";
 export { LinkInput };

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

@@ -3,7 +3,7 @@ import { n as $b6c3ddc6086f204d$export$d7b12c4107be0d61, t as $b6c3ddc6086f204d$
 import { RichLabel } from "../rich-label/rich-label.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { f as upperFirst, t as camelCase } from "../../es-dash-HqXWZZ3_.js";
-import { t as __ } from "../../build-module-sxK3nxOK.js";
+import { t as __ } from "../../build-module-Bsx62nlm.js";
 import { Icon } from "../../icons/icon.js";
 import { TriggeredPopover } from "../popover/popover.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/menu/menu.js

@@ -1,8 +1,8 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
 import { a as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, c as $3674c52c6b3c5bce$export$ecabc99eeffab7ca, d as $431f98aba6844401$export$1ff3c3f08ae963c0, i as $3674c52c6b3c5bce$export$27d2ad3c5815583e, o as $3674c52c6b3c5bce$export$4b1545b4f2016d26, s as $3674c52c6b3c5bce$export$d9b273488cd8ce6f } from "../../Dialog-i5VLQw1o.js";
-import { t as Button } from "../../button-COTeluL8.js";
+import { t as Button } from "../../button-D9cbyHeZ.js";
 import { RichLabel } from "../rich-label/rich-label.js";
-import { t as __ } from "../../build-module-sxK3nxOK.js";
+import { t as __ } from "../../build-module-Bsx62nlm.js";
 import { dummySpacer } from "../../icons/ui-icons/dummy-spacer.js";
 import { chevronRight } from "../../icons/ui-icons/chevron-right.js";
 import { hamburgerMenu } from "../../icons/ui-icons/hamburger-menu.js";

package/dist/components/modal/modal.js

@@ -1,3 +1,2 @@
-import { t as Modal } from "../../modal-DbVLYMkH.js";
-import "../../build-module-sxK3nxOK.js";
+import { t as Modal } from "../../modal-snrElwty.js";
 export { Modal };

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

@@ -1,3 +1,2 @@
-import { t as NumberPicker } from "../../number-picker-CkA1iJNZ.js";
-import "../../build-module-sxK3nxOK.js";
+import { t as NumberPicker } from "../../number-picker-Dhtx4409.js";
 export { NumberPicker };

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

@@ -1,8 +1,8 @@
-import { t as ToggleButton } from "../../toggle-button-DJ8jNQ-9.js";
-import { n as ButtonGroup } from "../../button-COTeluL8.js";
+import { t as ToggleButton } from "../../toggle-button-BlzUGfGy.js";
+import { n as ButtonGroup } from "../../button-D9cbyHeZ.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { t as __ } from "../../build-module-sxK3nxOK.js";
+import { t as __ } from "../../build-module-Bsx62nlm.js";
 import { Icon } from "../../icons/icon.js";
 import { Menu, MenuItem, MenuSeparator, SubMenuItem } from "../menu/menu.js";
 import { RadioButton, RadioButtonGroup } from "../radio/radio.js";
@@ -67,7 +67,7 @@ var OptionSelect = (props) => {
 	if (type === "radiosSegmented") radioDesign = "segmented";
 	if (type === "submenu") return jsxs(SubMenuItem, {
 		trigger: jsx(MenuItem, {
-			icon: !noTriggerIcon && (icon ?? (currentItem ? jsx(Icon, { icon: currentItem?.icon }) : (noTriggerLabel || noTriggerIcon) && notSetLabel)),
+			icon: !noTriggerIcon && (icon ?? (currentItem ? currentItem?.icon && jsx(Icon, { icon: currentItem?.icon }) : (noTriggerLabel || noTriggerIcon) && notSetLabel)),
 			children: jsx(RichLabel, {
 				label: noTriggerLabel ? null : label ?? currentItem?.label ?? notSetLabel,
 				subtitle: subtitle === true ? currentItem?.label : subtitle,

package/dist/components/placeholders/file-picker-shell.js

@@ -1,8 +1,7 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
 import { truncateMiddle } from "../../utilities/text-helpers.js";
-import "../../build-module-sxK3nxOK.js";
 import { file } from "../../icons/ui-icons/file.js";
-import { t as SmartImage } from "../../smart-image-CbSsEASF.js";
+import { t as SmartImage } from "../../smart-image-CBNbxJ57.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region lib/components/placeholders/file-picker-shell.jsx
 /**

package/dist/components/placeholders/file-placeholder.js

@@ -1,6 +1,6 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
 import { RichLabel } from "../rich-label/rich-label.js";
-import { t as __ } from "../../build-module-sxK3nxOK.js";
+import { t as __ } from "../../build-module-Bsx62nlm.js";
 import { file } from "../../icons/ui-icons/file.js";
 import { jsx } from "react/jsx-runtime";
 //#region lib/components/placeholders/file-placeholder.jsx

package/dist/components/popover/popover.js

@@ -1,7 +1,7 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
 import { l as $07b14b47974efb58$export$5b6b19405a83ff9d, n as $de32f1b87079253c$export$3ddf2d174ce01153, t as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-i5VLQw1o.js";
-import { t as Button } from "../../button-COTeluL8.js";
-import { t as __ } from "../../build-module-sxK3nxOK.js";
+import { t as Button } from "../../button-D9cbyHeZ.js";
+import { t as __ } from "../../build-module-Bsx62nlm.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region lib/components/popover/popover.jsx
 /**

package/dist/components/radio/radio.js

@@ -4,7 +4,7 @@ import { n as $b6c3ddc6086f204d$export$d7b12c4107be0d61, t as $b6c3ddc6086f204d$
 import { n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DFXXxMKY.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { t as cva } from "../../dist-DIK9pFxO.js";
+import { t as cva } from "../../dist-2gkv7_1U.js";
 import { cloneElement } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region lib/components/radio/radio.jsx

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

@@ -1,6 +1,6 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
-import { t as Button } from "../../button-COTeluL8.js";
-import { t as __ } from "../../build-module-sxK3nxOK.js";
+import { t as Button } from "../../button-D9cbyHeZ.js";
+import { t as __ } from "../../build-module-Bsx62nlm.js";
 import { copy } from "../../icons/ui-icons/copy.js";
 import { dropdownCaretAlt } from "../../icons/ui-icons/dropdown-caret-alt.js";
 import { moreH } from "../../icons/ui-icons/more-h.js";

package/dist/components/repeater/repeater.js

@@ -1,14 +1,14 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
-import { t as Button } from "../../button-COTeluL8.js";
+import { t as Button } from "../../button-D9cbyHeZ.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { t as __ } from "../../build-module-sxK3nxOK.js";
+import { t as __ } from "../../build-module-Bsx62nlm.js";
 import { add } from "../../icons/ui-icons/add.js";
 import { moreH } from "../../icons/ui-icons/more-h.js";
 import { panelCollapse } from "../../icons/ui-icons/panel-collapse.js";
 import { panelExpand } from "../../icons/ui-icons/panel-expand.js";
 import { Menu, MenuItem, MenuSeparator } from "../menu/menu.js";
-import { n as arrayMove, r as arrayRemove, t as List } from "../../List-CMK5qsNF.js";
+import { n as arrayMove, r as arrayRemove, t as List } from "../../List-DWlgW2Ex.js";
 import { RepeaterContext } from "./repeater-context.js";
 import { useCallback, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,11 +1,11 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
 import { t as DecorativeTooltip } from "../../tooltip-BzJzYlcc.js";
-import { n as ButtonGroup, t as Button } from "../../button-COTeluL8.js";
+import { n as ButtonGroup, t as Button } from "../../button-D9cbyHeZ.js";
 import { t as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-O6VBBDlP.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { f as upperFirst } from "../../es-dash-HqXWZZ3_.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
-import { r as sprintf, t as __ } from "../../build-module-sxK3nxOK.js";
+import { 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 { dropdownCaretAlt } from "../../icons/ui-icons/dropdown-caret-alt.js";

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

@@ -1,12 +1,12 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { t as DecorativeTooltip } from "../../tooltip-BzJzYlcc.js";
-import { t as ToggleButton } from "../../toggle-button-DJ8jNQ-9.js";
-import { t as Button } from "../../button-COTeluL8.js";
+import { t as ToggleButton } from "../../toggle-button-BlzUGfGy.js";
+import { t as Button } from "../../button-D9cbyHeZ.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { f as upperFirst } from "../../es-dash-HqXWZZ3_.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
-import { r as sprintf, t as __ } from "../../build-module-sxK3nxOK.js";
+import { 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 { play } from "../../icons/ui-icons/play.js";

package/dist/components/responsive/responsive.js

@@ -1,12 +1,12 @@
 import { t as clsx } from "../../clsx-BUU5J41u.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { t as DecorativeTooltip } from "../../tooltip-BzJzYlcc.js";
-import { t as ToggleButton } from "../../toggle-button-DJ8jNQ-9.js";
-import { n as ButtonGroup, t as Button } from "../../button-COTeluL8.js";
+import { t as ToggleButton } from "../../toggle-button-BlzUGfGy.js";
+import { n as ButtonGroup, t as Button } from "../../button-D9cbyHeZ.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { f as upperFirst } from "../../es-dash-HqXWZZ3_.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
-import { r as sprintf, t as __ } from "../../build-module-sxK3nxOK.js";
+import { 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 { dropdownCaretAlt } from "../../icons/ui-icons/dropdown-caret-alt.js";

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

@@ -1,7 +1,7 @@
 import { RichLabel } from "../rich-label/rich-label.js";
 import { f as upperFirst } from "../../es-dash-HqXWZZ3_.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
-import { t as __ } from "../../build-module-sxK3nxOK.js";
+import { t as __ } from "../../build-module-Bsx62nlm.js";
 import { previewResponsive } from "../../icons/ui-icons/preview-responsive.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region lib/components/responsive-preview/responsive-preview.jsx

package/dist/components/select/async-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 { 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 { 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";
 import { n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DFXXxMKY.js";
@@ -11,7 +11,7 @@ import { t as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../useAsyncLi
 import { RichLabel } from "../rich-label/rich-label.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { unescapeHTML } from "../../utilities/text-helpers.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 { Spinner } from "../../icons/spinner.js";
 import { clearAlt } from "../../icons/ui-icons/clear-alt.js";
@@ -113,7 +113,7 @@ var AsyncMultiSelect = (props) => {
 			});
 			if (filterText.length > 0) return { items: output };
 			const extra = value?.map((val) => {
-				if (output?.find((item) => item.value === val?.value)) return null;
+				if (!val || !val?.value || output?.find((item) => item.value === val?.value)) return null;
 				return val;
 			})?.filter(Boolean) ?? [];
 			return { items: [...output, ...extra] };
@@ -128,13 +128,12 @@ var AsyncMultiSelect = (props) => {
 	const renderItem = (item) => {
 		let icon = item?.icon ?? null;
 		if (getIcon && !icon) icon = getIcon(item);
-		icon = jsx(Icon, { icon });
 		return jsxs(OptionItemBase, {
 			id: item.value,
 			textValue: item.label,
 			selectIndicator: true,
 			children: [customMenuOption && customMenuOption(item), !customMenuOption && jsx(RichLabel, {
-				icon,
+				icon: icon && jsx(Icon, { icon }),
 				label: item.label,
 				subtitle: item.subtitle,
 				noColor: true
@@ -185,7 +184,7 @@ var AsyncMultiSelect = (props) => {
 		className: clsx("es:group es:w-fill", rest?.className),
 		children: jsxs(BaseControl, {
 			label,
-			icon,
+			icon: icon && jsx(Icon, { icon }),
 			subtitle,
 			actions,
 			help,
@@ -212,8 +211,7 @@ var AsyncMultiSelect = (props) => {
 									children: placeholder
 								});
 								const currentItem = value?.[0];
-								let icon = getIcon ? getIcon(currentItem) : currentItem?.icon ?? null;
-								icon = jsx(Icon, { icon });
+								const icon = getIcon ? getIcon(currentItem) : currentItem?.icon ?? null;
 								if (value?.length > 1) return jsx(RichLabel, {
 									icon: multiple,
 									label: sprintf(_n("%s item", "%s items", value.length, "eightshift-ui-components"), value.length),
@@ -222,7 +220,7 @@ var AsyncMultiSelect = (props) => {
 								});
 								if (value && customValueDisplay) return customValueDisplay(currentItem);
 								return jsx(RichLabel, {
-									icon,
+									icon: icon && jsx(Icon, { icon }),
 									label: currentItem?.label,
 									subtitle: currentItem?.subtitle,
 									className: clsx("es:pr-6 es:grow es:w-full", disabled && "es:grayscale es:pointer-events-none"),
@@ -275,10 +273,9 @@ var AsyncMultiSelect = (props) => {
 							itemContainerClassName: "es:h-full es:max-h-60 es:overflow-y-auto es:pb-1.5 es:mt-0",
 							itemClassName: "es:z-999999",
 							children: (item) => {
-								let icon = getIcon ? getIcon(item) : item?.icon ?? null;
-								icon = jsx(Icon, { icon });
+								const icon = getIcon ? getIcon(item) : item?.icon ?? null;
 								return jsx(DraggableListItem, {
-									icon,
+									icon: icon && jsx(Icon, { icon }),
 									label: item?.label,
 									subtitle: item?.subtitle,
 									iconClassName: "es:pointer-events-none es:select-none",

package/dist/components/select/async-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 { 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";
 import { n as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DFXXxMKY.js";
@@ -11,7 +11,7 @@ import { t as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../useAsyncLi
 import { RichLabel } from "../rich-label/rich-label.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { unescapeHTML } from "../../utilities/text-helpers.js";
-import { t as __ } from "../../build-module-sxK3nxOK.js";
+import { t as __ } from "../../build-module-Bsx62nlm.js";
 import { Icon } from "../../icons/icon.js";
 import { Spinner } from "../../icons/spinner.js";
 import { clearAlt } from "../../icons/ui-icons/clear-alt.js";
@@ -80,7 +80,7 @@ var AsyncSelect = (props) => {
 	const { label, help, icon, subtitle, actions, inline, value: rawValue, onChange, disabled = false, clearable = false, className, placeholder = __("Select...", "eightshift-ui-components"), customMenuOption, customValueDisplay, customDropdownArrow, processLoadedOptions = (options) => options, fetchUrl, fetchConfig = {}, fetchFunction, getLabel = (item) => item?.label, getValue = (item) => item?.value, getMeta, getIcon, getSubtitle, getGroup, getData = (data) => data, extraItemProps, hidden, groupKey, groupValueMapping, flat, size = "default", noMinWidth = false, ...rest } = props;
 	const value = rawValue && !Array.isArray(rawValue) && typeof rawValue === "object" ? rawValue : null;
 	const list = $f86e6c1ec7da6ebb$export$bc3384a35de93d66({
-		initialSelectedKeys: value?.value ? [value.value] : [],
+		initialSelectedKeys: value && value?.value ? [value.value] : [],
 		getKey: (item) => item?.value,
 		async load({ signal, filterText }) {
 			let json = [];
@@ -108,7 +108,7 @@ var AsyncSelect = (props) => {
 			});
 			if (filterText.length > 0) return { items: output };
 			let extra = [];
-			if (value && !output?.find((item) => item.value === value?.value)) {
+			if (value && value?.value && !output?.find((item) => item.value === value?.value)) {
 				extra = [value];
 				output.pop();
 			}
@@ -125,13 +125,12 @@ var AsyncSelect = (props) => {
 	const renderItem = (item) => {
 		let icon = item?.icon ?? null;
 		if (!icon && getIcon) icon = getIcon(item);
-		icon = jsx(Icon, { icon });
 		return jsxs(OptionItemBase, {
 			id: item.value,
 			textValue: item.label,
 			selectIndicator: true,
 			children: [customMenuOption && customMenuOption(item), !customMenuOption && jsx(RichLabel, {
-				icon,
+				icon: icon && jsx(Icon, { icon }),
 				label: item.label,
 				subtitle: item.subtitle,
 				noColor: true
@@ -166,7 +165,7 @@ var AsyncSelect = (props) => {
 		className: clsx("es:group es:w-fill", rest?.className),
 		children: jsxs(BaseControl, {
 			label,
-			icon,
+			icon: icon && jsx(Icon, { icon }),
 			subtitle,
 			actions,
 			help,
@@ -191,10 +190,9 @@ var AsyncSelect = (props) => {
 							className: "es:select-none es:pointer-events-none es:text-sm es:text-surface-500",
 							children: placeholder
 						});
-						let icon = getIcon ? getIcon(selectedItem) : selectedItem?.icon ?? null;
-						icon = jsx(Icon, { icon });
+						const icon = getIcon ? getIcon(selectedItem) : selectedItem?.icon ?? null;
 						return jsx(RichLabel, {
-							icon,
+							icon: icon && jsx(Icon, { icon }),
 							label: selectedItem?.label,
 							subtitle: selectedItem?.subtitle,
 							className: clsx("es:grow es:w-full", disabled && "es:grayscale es:pointer-events-none"),