@eightshift/ui-components 1.7.1 → 1.8.0

package/dist/components/modal/modal.js

@@ -1,15 +1,15 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { c as $a11501f3d1d39e6c$export$ea8f71083e90600f, d as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, e as $337b884510726a0d$export$14c98a7594375490, f as $5e3802645cc19319$export$1c3ebcada18427bf, g as $de32f1b87079253c$export$d2f961adcb0afbe, h as $337b884510726a0d$export$c6fdb837b070b4ff, i as $86ea4cb521eb2e37$export$2317d149ed6f78c4, b as $de32f1b87079253c$export$2e1e1122cf0cba88, a as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-BN5EE7UH.js";
-import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-DZelepHV.js";
-import { d as $b5e257d569688ac6$export$535bd6ca7f90a273, c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, o as $64fa3d84918910a7$export$45fda7c47f93fd48, p as $64fa3d84918910a7$export$6d3443f2c48bfc20, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, m as $5dc95899b306f630$export$c9058316764c140e } from "../../utils-BCJajCwh.js";
+import { g as $a11501f3d1d39e6c$export$ea8f71083e90600f, h as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, i as $337b884510726a0d$export$14c98a7594375490, j as $5e3802645cc19319$export$1c3ebcada18427bf, k as $de32f1b87079253c$export$d2f961adcb0afbe, l as $337b884510726a0d$export$c6fdb837b070b4ff, m as $86ea4cb521eb2e37$export$2317d149ed6f78c4, f as $de32f1b87079253c$export$2e1e1122cf0cba88, e as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-jcIYer1n.js";
+import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-Bfhyr4ZC.js";
+import { e as $b5e257d569688ac6$export$535bd6ca7f90a273, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, m as $df56164dff5785e2$export$4338b53315abf666, o as $64fa3d84918910a7$export$45fda7c47f93fd48, p as $64fa3d84918910a7$export$6d3443f2c48bfc20, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, n as $5dc95899b306f630$export$c9058316764c140e } from "../../utils-BSxcP7tv.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { useState, useEffect, forwardRef, useContext, useRef, useMemo, createContext } from "react";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-eKaARDoV.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../OverlayArrow-ClRhYjQu.js";
 import { Button } from "../button/button.js";
-import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
+import { _ as __ } from "../../default-i18n-CM1-Xvzf.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { icons } from "../../icons/icons.js";
-import "../../react-jsx-parser.min-B5HVwW_W.js";
+import "../../react-jsx-parser.min-CVit0rZn.js";
 import { HStack } from "../layout/hstack.js";
 let $5df64b3807dc15ee$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
 function $5df64b3807dc15ee$export$d699905dd57c73ca() {
@@ -52,7 +52,7 @@ function $8ac8429251c45e4b$export$dbc0f175b25fb0fb(props, state, ref) {
   });
   $337b884510726a0d$export$14c98a7594375490();
   useEffect(() => {
-    if (state.isOpen) return $5e3802645cc19319$export$1c3ebcada18427bf([
+    if (state.isOpen && ref.current) return $5e3802645cc19319$export$1c3ebcada18427bf([
       ref.current
     ]);
   }, [

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

@@ -1,17 +1,17 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { forwardRef, useRef, createContext, useState, cloneElement } from "react";
-import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
-import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-XzWUooix.js";
-import { $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CV1qVS6t.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BwqMVkuV.js";
-import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-VbCAu4hd.js";
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-BCJajCwh.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BttM1Nxd.js";
+import { _ as __ } from "../../default-i18n-CM1-Xvzf.js";
+import { a as $a049562f99e7db0e$export$f9c6924e160136d1, $ as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-Bvmb49y7.js";
+import { a as $3985021b0ad6602f$export$37fb8590cf2c088c, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-C2dTSp9z.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DqNX_sAU.js";
+import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-Xa6Ny0p_.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-BSxcP7tv.js";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BPe3YgNH.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-BVIXT8qq.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-DImhB4rT.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-Cs-ZD1nu.js";
-import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-DMMUTZ-h.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BI3VdU0Z.js";
+import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-BmEJmL3K.js";
 import { Button } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";

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

@@ -7,7 +7,7 @@ import { Menu, MenuSeparator, MenuItem } from "../menu/menu.js";
 import { RadioButtonGroup, RadioButton } from "../radio/radio.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { ToggleButton } from "../toggle-button/toggle-button.js";
-import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
+import { _ as __ } from "../../default-i18n-CM1-Xvzf.js";
 /**
  * A component that allows the user to select an option from a list of options.
  *

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

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { RichLabel } from "../rich-label/rich-label.js";
-import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-DZelepHV.js";
+import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-Bfhyr4ZC.js";
 /**
  * Component that provides a container panel for options, with an optional title.
  * Best used within the Gutenberg sidebar, instead of the default `PanelBody` component.

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
+import { _ as __ } from "../../default-i18n-CM1-Xvzf.js";
 import { icons } from "../../icons/icons.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";

package/dist/components/popover/popover.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d, a as $de32f1b87079253c$export$3ddf2d174ce01153, b as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-BN5EE7UH.js";
+import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d, e as $de32f1b87079253c$export$3ddf2d174ce01153, f as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-jcIYer1n.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
+import { _ as __ } from "../../default-i18n-CM1-Xvzf.js";
 import { Button } from "../button/button.js";
 /**
  * A popover component.

package/dist/components/radio/radio.js

@@ -1,20 +1,20 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BwqMVkuV.js";
-import { c as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, h as $64fa3d84918910a7$export$ef03459518577ad4 } from "../../utils-BCJajCwh.js";
-import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BttM1Nxd.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-DqNX_sAU.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a, m as $df56164dff5785e2$export$4338b53315abf666, n as $5dc95899b306f630$export$c9058316764c140e, i as $64fa3d84918910a7$export$ef03459518577ad4 } from "../../utils-BSxcP7tv.js";
+import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BPe3YgNH.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-BVIXT8qq.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-DImhB4rT.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { useMemo, useState, forwardRef, createContext, cloneElement } from "react";
-import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidationState-BjMhz_VI.js";
-import { d as $9ab94262bd0047c7$export$420e68273165f4ec, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-CgFLw4FA.js";
-import { b as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-CtCX0OGo.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-Cs-ZD1nu.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-B8m1uz1J.js";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "../../useFocusable-ByyKSVQv.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-D8nPoIQm.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-BMOTWmOx.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-WhC7vZaL.js";
+import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidation-BNBrliSj.js";
+import { d as $9ab94262bd0047c7$export$420e68273165f4ec, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-Cl9cN7Qx.js";
+import { b as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-uV-xoRHT.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BI3VdU0Z.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-CTp--h9B.js";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "../../useFocusable-CPKTGWPn.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "../../usePress-BG9At5Lb.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-DKxoCzVD.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-wryJF4qQ.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { RichLabel } from "../rich-label/rich-label.js";

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

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

package/dist/components/repeater/repeater.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
+import { _ as __ } from "../../default-i18n-CM1-Xvzf.js";
 import { Button } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { useId } from "react";
@@ -7,7 +7,7 @@ import { BaseControl } from "../base-control/base-control.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { RepeaterContext } from "./repeater-context.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { L as List, a as arrayRemove, b as arrayMove } from "../../List-Bx2anbX-.js";
+import { L as List, a as arrayRemove, b as arrayMove } from "../../List-C7L49CxW.js";
 const fixIds = (items, itemIdBase) => {
   return items == null ? void 0 : items.map((item, i) => ({
     ...item,

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

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { cloneElement } from "react";
-import { D as DecorativeTooltip } from "../../tooltip-eKaARDoV.js";
+import { DecorativeTooltip } from "../tooltip/tooltip.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { _ as __, s as sprintf } from "../../default-i18n-DRnM8y4w.js";
+import { _ as __, s as sprintf } from "../../default-i18n-CM1-Xvzf.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
 import { upperFirst } from "../../utilities/es-dash.js";
 import { icons } from "../../icons/icons.js";
@@ -12,7 +12,7 @@ import { Spacer } from "../spacer/spacer.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { TriggeredPopover } from "../popover/popover.js";
 import { OptionSelect } from "../option-select/option-select.js";
-import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-BVIXT8qq.js";
+import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../Text-DImhB4rT.js";
 /**
  * A compact, inline version of `Responsive`. Allows the user to set different values for different breakpoints.
  *

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

@@ -1,8 +1,8 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { D as DecorativeTooltip } from "../../tooltip-eKaARDoV.js";
+import { DecorativeTooltip } from "../tooltip/tooltip.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { _ as __, s as sprintf } from "../../default-i18n-DRnM8y4w.js";
+import { _ as __, s as sprintf } from "../../default-i18n-CM1-Xvzf.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
 import { upperFirst } from "../../utilities/es-dash.js";
 import { icons } from "../../icons/icons.js";

package/dist/components/responsive/responsive.js

@@ -1,8 +1,8 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { D as DecorativeTooltip } from "../../tooltip-eKaARDoV.js";
+import { DecorativeTooltip } from "../tooltip/tooltip.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { _ as __, s as sprintf } from "../../default-i18n-DRnM8y4w.js";
+import { _ as __, s as sprintf } from "../../default-i18n-CM1-Xvzf.js";
 import { BreakpointPreview } from "../breakpoint-preview/breakpoint-preview.js";
 import { upperFirst } from "../../utilities/es-dash.js";
 import { icons } from "../../icons/icons.js";

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
+import { _ as __ } from "../../default-i18n-CM1-Xvzf.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/select/async-multi-select.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { useId } from "react";
-import { A as AsyncSelect$1 } from "../../react-select-async.esm-CxA8wpeT.js";
-import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValue, b as getMultiValueRemove } from "../../multi-select-components-DTvEidE3.js";
+import { A as AsyncSelect$1 } from "../../react-select-async.esm-B8kK0aL4.js";
+import { D as DndContext, g as getDragEndHandler, S as SortableContext, a as getMultiValue, b as getMultiValueRemove } from "../../multi-select-components-BGQBvx-z.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 { c as components } from "../../index-a301f526.esm-BMg114iK.js";
+import { c as components } from "../../index-641ee5b8.esm-BclOH4xf.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-CxA8wpeT.js";
+import { A as AsyncSelect$1 } from "../../react-select-async.esm-B8kK0aL4.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-BMg114iK.js";
+import { c as components } from "../../index-641ee5b8.esm-BclOH4xf.js";
 /**
  * Select menu with async loading.
  *

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

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

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

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

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

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

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

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { S as StateManagedSelect$1 } from "../../react-select.esm-CeE7o5M9.js";
+import { S as StateManagedSelect$1 } from "../../react-select.esm-ucYwBxq5.js";
 import { CustomSelectDefaultDropdownIndicator, CustomSelectDefaultClearIndicator } from "./custom-select-default-components.js";
 import { getValue } from "./shared.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { eightshiftSelectClasses } from "./styles.js";
-import { c as components } from "../../index-a301f526.esm-BMg114iK.js";
+import { c as components } from "../../index-641ee5b8.esm-BclOH4xf.js";
 /**
  * Select menu.
  *

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

@@ -0,0 +1,307 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { _ as __ } from "../../../default-i18n-CM1-Xvzf.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-Xa6Ny0p_.js";
+import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66, a as $d01f2c01039c0eec$export$72b9695b8216309a, b as $d01f2c01039c0eec$export$c02625b26074192c } from "../../../ComboBox-CP_SqnqT.js";
+import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-C2dTSp9z.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-DqNX_sAU.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-B9r1QoSm.js";
+import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-jcIYer1n.js";
+import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../../Text-DImhB4rT.js";
+import { OptionItemBase } from "./shared.js";
+import { RichLabel } from "../../rich-label/rich-label.js";
+import { BaseControl } from "../../base-control/base-control.js";
+import { useEffect, useRef, cloneElement, useContext } from "react";
+import { icons } from "../../../icons/icons.js";
+import "../../../react-jsx-parser.min-CVit0rZn.js";
+import { unescapeHTML } from "../../../utilities/text-helpers.js";
+import { c as clsx } from "../../../utils-BSxcP7tv.js";
+/**
+ * Select menu with async loading.
+ *
+ * @component
+ * @param {Object} props - Component props.
+ * @param {string} [props.label] - Label of the component.
+ * @param {string} [props.help] - Help text of the component.
+ * @param {string} [props.icon] - Icon of the component.
+ * @param {string} [props.subtitle] - Subtitle of the component.
+ * @param {JSX.Element|JSX.Element[]} [props.actions] - Actions to show to the right of the label.
+ * @param {boolean} [props.inline] - Whether the Select menu is displayed inline with the label, to the right.
+ * @param {{label: string, value: string, metadata: Object<string, any>?}} props.value - Current value of the select.
+ * @param {Function} props.onChange - Function to call when the value changes.
+ * @param {boolean} [props.clearable=false] - Whether the select is clearable.
+ * @param {boolean} [props.noSearch=false] - Whether the search is disabled.
+ * @param {boolean} [props.disabled=false] - Whether the select is disabled.
+ * @param {boolean} [props.keepMenuOpenAfterSelect=false] - Whether the menu stays open after an select.
+ * @param {string} [props.placeholder] - Placeholder text to show when no value is selected.
+ * @param {JSX.Element} [props.customMenuOption] - If provided, replaces the default item in the dropdown menu. `({ value: string, label: string, subtitle: string, metadata: any }) => JSX.Element`
+ * @param {JSX.Element} [props.customValueDisplay] - If provided, replaces the default current value display of each selected item. `({ value: string, label: string, subtitle: string, metadata: any }) => JSX.Element`
+ * @param {Function} [props.processLoadedOptions] - Allows modifying (filtering, grouping, ...) options output after the items have been dynamically fetched. Must include `label`, `value`, and `id` keys in the output, additional fields can be added as required.
+ * @param {string} props.className - Classes to pass to the select menu.
+ * @param {boolean} [props.hidden] - If `true`, the component is not rendered.
+ *
+ * @returns {JSX.Element} The __ExperimentalAsyncSelect component.
+ *
+ * @example
+ * const [value, setValue] = useState(null);
+ *
+ * <__ExperimentalAsyncSelect
+ * 	label='Select items'
+ * 	fetchUrl={(searchText) => `https://api.example.com/items?q=${searchText}`}
+ * 	value={value}
+ * 	onChange={setValue}
+ * 	getLabel={(item) => item?.name}
+ * 	getValue={(item) => item?.id}
+ * />
+ *
+ * @preserve
+ */
+const __ExperimentalAsyncSelect = (props) => {
+  const {
+    label,
+    help,
+    icon,
+    subtitle,
+    actions,
+    inline,
+    value,
+    onChange,
+    noSearch = false,
+    disabled = false,
+    clearable = false,
+    className,
+    placeholder,
+    customMenuOption,
+    customValueDisplay,
+    processLoadedOptions = (options) => options,
+    fetchUrl,
+    fetchConfig = {},
+    getLabel,
+    getValue,
+    getMeta,
+    getIcon,
+    getSubtitle,
+    getData = (data) => data,
+    hidden,
+    ...rest
+  } = props;
+  let list = $f86e6c1ec7da6ebb$export$bc3384a35de93d66({
+    // initialFilterText: value?.label,
+    async load({ signal, filterText: rawFilterText }) {
+      let filterText = rawFilterText.trim();
+      const res = await fetch(fetchUrl(filterText), { ...fetchConfig, signal });
+      const json = getData(await res.json());
+      const output = json == null ? void 0 : json.map((item) => {
+        const id = getValue(item);
+        const entry = { label: unescapeHTML(getLabel(item)), value: id };
+        if (getMeta) {
+          entry.meta = getMeta(item);
+        }
+        if (getSubtitle) {
+          entry.subtitle = unescapeHTML(getSubtitle(item));
+        }
+        return entry;
+      });
+      return {
+        items: output
+      };
+    }
+  });
+  let listItems = [...list.items];
+  if (value == null ? void 0 : value.value) {
+    const selectedIndex = listItems.findIndex((item) => item.value === (value == null ? void 0 : value.value));
+    if (selectedIndex === -1) {
+      listItems = [{ ...value }, ...listItems];
+    }
+  }
+  useEffect(() => {
+    if (list.filterText !== (value == null ? void 0 : value.label)) {
+      list.setFilterText(value == null ? void 0 : value.label);
+    }
+    if (!value && list.filterText) {
+      list.setFilterText("");
+    }
+  }, [value]);
+  const ref = useRef();
+  if (hidden) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    $d01f2c01039c0eec$export$72b9695b8216309a,
+    {
+      onSelectionChange: (selected) => {
+        if (selected === null || selected === void 0) {
+          onChange(null);
+          list.setFilterText("");
+          return;
+        }
+        if (selected === (value == null ? void 0 : value.value) || list.filterText === (value == null ? void 0 : value.label)) {
+          return;
+        }
+        const item = (list == null ? void 0 : list.getItem(selected)) ?? listItems.find((item2) => item2.value === selected);
+        if (!item) {
+          onChange(null);
+          list.setFilterText("");
+          return;
+        }
+        list.setFilterText(item.label);
+        onChange(item);
+      },
+      allowsCustomValue: false,
+      allowsEmptyCollection: true,
+      selectedKey: (value == null ? void 0 : value.value) ?? null,
+      inputValue: list.filterText,
+      onInputChange: list.setFilterText,
+      items: listItems,
+      isDisabled: disabled,
+      menuTrigger: "focus",
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(
+          BaseControl,
+          {
+            icon,
+            label,
+            subtitle,
+            help,
+            actions,
+            labelAs: $01b77f81d0f07f68$export$b04be29aa201d4f5,
+            inline,
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: clsx(
+                  "es-uic-relative es-uic-flex es-uic-max-w-80 es-uic-items-center es-uic-gap-1 es-uic-p-1 focus-visible:es-uic-outline-none focus-visible:es-uic-ring focus-visible:es-uic-ring-teal-500/50",
+                  "es-uic-h-9 es-uic-rounded-md es-uic-border es-uic-border-gray-300 es-uic-bg-white es-uic-text-sm es-uic-shadow-sm es-uic-transition",
+                  "focus:es-uic-outline-none",
+                  !inline && "es-uic-w-full",
+                  disabled && "es-uic-select-none"
+                ),
+                ref,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    $3985021b0ad6602f$export$f5b8910cec6cf069,
+                    {
+                      className: clsx(
+                        "es-uic-peer es-uic-h-6 es-uic-w-full es-uic-grow es-uic-rounded-sm es-uic-p-1 es-uic-text-sm es-uic-text-transparent es-uic-transition",
+                        "focus:es-uic-text-current focus:es-uic-outline-none",
+                        "focus-visible:es-uic-outline-none focus-visible:es-uic-ring focus-visible:es-uic-ring-teal-500/50",
+                        "selection:es-uic-bg-teal-500/20 selection:es-uic-text-teal-950",
+                        disabled && "es-uic-bg-transparent es-uic-text-gray-400 selection:es-uic-bg-transparent selection:es-uic-text-transparent",
+                        !((value == null ? void 0 : value.value) && list.filterText.length) && "es-uic-pr-6"
+                      ),
+                      placeholder: placeholder ?? __("Select...", "eightshift-ui-components")
+                    }
+                  ),
+                  value && /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: clsx(
+                        "es-uic-pointer-events-none es-uic-absolute es-uic-bottom-0 es-uic-left-2 es-uic-top-0 es-uic-my-auto es-uic-flex es-uic-select-none es-uic-items-center es-uic-overflow-hidden",
+                        "has-[svg]:es-uic-left-1 peer-data-[focused=true]:es-uic-invisible peer-disabled:es-uic-opacity-40",
+                        clearable ? "es-uic-right-16" : "es-uic-right-6"
+                      ),
+                      children: [
+                        customValueDisplay && customValueDisplay(value),
+                        !customValueDisplay && /* @__PURE__ */ jsx(
+                          RichLabel,
+                          {
+                            icon: getIcon(value),
+                            label: value == null ? void 0 : value.label,
+                            subtitle: value == null ? void 0 : value.subtitle,
+                            className: "[&_span]:es-uic-overflow-hidden [&_span]:es-uic-text-ellipsis [&_span]:es-uic-text-nowrap"
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  clearable && /* @__PURE__ */ jsx(ClearButton, { disabled }),
+                  /* @__PURE__ */ jsx(
+                    $d2b4bc8c273e7be6$export$353f5b6fc5456de1,
+                    {
+                      className: clsx(
+                        "es-uic-group es-uic-absolute es-uic-bottom-0 es-uic-right-0 es-uic-top-0 es-uic-my-auto es-uic-size-6",
+                        disabled ? "es-uic-text-gray-300" : "es-uic-text-gray-500"
+                      ),
+                      children: cloneElement(icons.dropdownCaretAlt, {
+                        className: "es-uic-w-4 group-aria-expanded:-es-uic-scale-y-100 es-uic-transition-transform es-uic-duration-200",
+                        "aria-hidden": true
+                      })
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          $07b14b47974efb58$export$5b6b19405a83ff9d,
+          {
+            className: clsx(
+              "es-uic-flex es-uic-w-80 es-uic-min-w-9 es-uic-max-w-80 es-uic-flex-col es-uic-overflow-x-hidden es-uic-rounded-md es-uic-border es-uic-border-gray-200 es-uic-bg-white es-uic-text-sm es-uic-shadow-lg",
+              "focus:es-uic-outline-none",
+              "entering:es-uic-animate-in entering:es-uic-fade-in-0 entering:es-uic-slide-in-from-top-3 entering:es-uic-fill-mode-forwards",
+              "exiting:es-uic-animate-out exiting:es-uic-fade-out-0 exiting:es-uic-slide-out-to-top-2 exiting:es-uic-fill-mode-forwards"
+            ),
+            placement: "bottom left",
+            triggerRef: ref,
+            children: [
+              !list.isLoading && list.items.length > 0 && /* @__PURE__ */ jsx($eed445e0843c11d0$export$41f133550aa26f48, { className: "es-uic-space-y-0.5 es-uic-p-1 focus:es-uic-outline-none", children: (item) => {
+                return /* @__PURE__ */ jsxs(
+                  OptionItemBase,
+                  {
+                    id: item.value,
+                    className: item == null ? void 0 : item.className,
+                    children: [
+                      customMenuOption && customMenuOption(item),
+                      !customMenuOption && /* @__PURE__ */ jsx(
+                        RichLabel,
+                        {
+                          icon: (item == null ? void 0 : item.icon) ?? getIcon(item),
+                          label: item == null ? void 0 : item.label,
+                          subtitle: item.subtitle
+                        }
+                      )
+                    ]
+                  }
+                );
+              } }),
+              list.isLoading && cloneElement(icons.loader, { className: "es-uic-mx-auto es-uic-my-4 es-uic-animate-spin es-uic-size-5.5 es-uic-text-teal-700" }),
+              !list.isLoading && list.items.length === 0 && /* @__PURE__ */ jsx("div", { className: "es-uic-flex es-uic-p-2", children: /* @__PURE__ */ jsxs(
+                $514c0188e459b4c0$export$5f1af8db9871e1d6,
+                {
+                  slot: "errorMessage",
+                  className: clsx("es-uic-flex es-uic-w-full es-uic-items-center es-uic-gap-1 es-uic-rounded es-uic-text-amber-950"),
+                  children: [
+                    icons.searchEmpty,
+                    __("Nothing found", "eightshift-ui-components")
+                  ]
+                }
+              ) })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+const ClearButton = ({ disabled }) => {
+  const state = useContext($d01f2c01039c0eec$export$c02625b26074192c);
+  const isEmpty = (state == null ? void 0 : state.selectedKey) === null || (state == null ? void 0 : state.inputValue) === "";
+  return /* @__PURE__ */ jsx(
+    $d2b4bc8c273e7be6$export$353f5b6fc5456de1,
+    {
+      "aria-label": __("Clear value", "eightshift-ui-components"),
+      className: clsx(
+        "es-uic-mr-7 es-uic-flex es-uic-h-6 es-uic-w-8 es-uic-items-center es-uic-justify-center es-uic-rounded es-uic-text-sm es-uic-text-gray-600 es-uic-transition hover:es-uic-bg-red-50 hover:es-uic-text-red-900 focus:es-uic-outline-none focus:es-uic-ring focus:es-uic-ring-teal-500/50 disabled:es-uic-text-gray-300",
+        isEmpty ? "es-uic-hidden" : "es-uic-flex"
+      ),
+      onPress: () => state == null ? void 0 : state.setSelectedKey(null),
+      slot: null,
+      isDisabled: disabled || isEmpty,
+      children: icons.clearAlt
+    }
+  );
+};
+export {
+  __ExperimentalAsyncSelect
+};