@iress-oss/ids-components 6.0.1 → 6.2.0

package/dist/components/Popover/InputPopover/InputPopover.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../../cx-CZ8IJJTy.js";
-import { t } from "../../../factory-sKbby7-S.js";
+import { t as e } from "../../../cx-QcEwjve6.js";
+import { t } from "../../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as n } from "../../../enums.js";
 import { propagateTestid as r } from "../../../helpers/utility/propagateTestid.js";
 import { FloatingPopoverContext as i, useFloatingPopover as a } from "../hooks/useFloatingPopover.js";

package/dist/components/Popover/Popover.js

@@ -1,7 +1,7 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
-import { t as r } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
+import { t as r } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as i } from "../../enums.js";
 import { propagateTestid as a } from "../../helpers/utility/propagateTestid.js";
 import { FloatingPopoverContext as o, useFloatingPopover as s } from "./hooks/useFloatingPopover.js";

package/dist/components/Popover/Popover.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Popover/Popover.styles.ts
 var t = e({
 	slots: [

package/dist/components/Popover/components/PopoverContent.js

@@ -1,74 +1,84 @@
-import { t as e } from "../../../factory-sKbby7-S.js";
-import { a as t, c as n, f as r, i, p as a, r as o, s } from "../../../floating-ui.react-COiJC198.js";
+import { t as e } from "../../../factory-BKr3zaf6.js";
+import { a as t, c as n, f as r, i, p as a, r as o, s } from "../../../floating-ui.react-TDMXDOBr.js";
 import { usePopover as c } from "../hooks/usePopover.js";
 import { composePopoverFloatingProps as l } from "../helpers/composeFloatingProps.js";
 import { usePopoverContainer as u } from "../hooks/usePopoverContainer.js";
-import { useEffect as d, useMemo as f, useRef as p } from "react";
-import { jsx as m } from "react/jsx-runtime";
+import { useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { jsx as h } from "react/jsx-runtime";
 //#region src/components/Popover/components/PopoverContent.tsx
-var h = ({ children: t, displayMode: n, id: r, style: a, virtualFocus: s, ...u }) => {
-	let h = c(), g = p(null);
+var g = ({ children: t, displayMode: n, id: r, observerTarget: a, style: s, virtualFocus: u, ...m }) => {
+	let g = c(), _ = p(null);
 	d(() => {
-		if (h?.show) {
-			let e = () => {
-				document.querySelectorAll("[data-floating-ui-focus-guard][aria-hidden=\"true\"]").forEach((e) => {
+		if (g?.show) {
+			let e = a ?? document.body, t = () => {
+				e.querySelectorAll("[data-floating-ui-focus-guard][aria-hidden=\"true\"]").forEach((e) => {
 					e instanceof HTMLElement && e.tabIndex !== -1 && (e.tabIndex = -1);
 				});
-			}, t = (e) => {
+			}, n = (e) => {
 				e instanceof HTMLElement && e.hasAttribute("data-floating-ui-focus-guard") && e.getAttribute("aria-hidden") === "true" && e.tabIndex !== -1 && (e.tabIndex = -1);
-			}, n = setTimeout(e, 0), r = new MutationObserver((e) => {
+			}, r = setTimeout(t, 0), i = new MutationObserver((e) => {
 				e.forEach((e) => {
-					e.addedNodes.forEach(t);
+					e.addedNodes.forEach(n);
 				});
 			});
-			return r.observe(document.body, {
+			return i.observe(e, {
 				childList: !0,
 				subtree: !0
 			}), () => {
-				clearTimeout(n), r.disconnect();
+				clearTimeout(r), i.disconnect();
 			};
 		}
-	}, [h?.show]), d(() => {
-		h?.show && h.api.elements.reference && (g.current = h.getFocusableActivator() ?? null);
-	}, [h?.show, h]);
-	let _ = f(() => s ? !1 : g, [s]);
-	if (!h) return null;
-	let v = l(h, n, a, r);
-	return /* @__PURE__ */ m(i, {
-		elementsRef: h.list,
-		children: /* @__PURE__ */ m(o, {
-			context: h.api.context,
-			initialFocus: s ? -1 : 0,
+	}, [g?.show, a]), d(() => {
+		g?.show && g.api.elements.reference && (_.current = g.getFocusableActivator() ?? null);
+	}, [g?.show, g]);
+	let v = f(() => !u && _, [u]);
+	if (!g) return null;
+	let y = l(g, n, s, r);
+	return /* @__PURE__ */ h(i, {
+		elementsRef: g.list,
+		children: /* @__PURE__ */ h(o, {
+			context: g.api.context,
+			initialFocus: u ? -1 : 0,
 			modal: !1,
-			disabled: !h?.show,
-			returnFocus: _,
-			children: /* @__PURE__ */ m(e.div, {
-				...u,
-				hidden: !h?.show,
-				ref: h?.api.refs.setFloating,
-				...v,
+			disabled: !g?.show,
+			returnFocus: v,
+			children: /* @__PURE__ */ h(e.div, {
+				...m,
+				hidden: !g?.show,
+				ref: g?.api.refs.setFloating,
+				...y,
 				children: t
 			})
 		})
 	});
 };
-h.displayName = "PopoverContentInner";
-var g = ({ container: e, ...n }) => {
-	let i = r(), { container: a } = u(), o = e === void 0 ? a : e;
-	return o ? /* @__PURE__ */ m(t, {
+g.displayName = "PopoverContentInner";
+var _ = ({ container: e, ...n }) => {
+	let i = r(), { container: a } = u(), o = e === void 0 ? a : e, [c, l] = m();
+	return d(() => {
+		if (!o) {
+			l(void 0);
+			return;
+		}
+		let e = "current" in o ? o.current ?? void 0 : o ?? void 0;
+		l(e);
+	}, [o]), o ? /* @__PURE__ */ h(t, {
 		id: i,
-		children: /* @__PURE__ */ m(s, {
+		children: /* @__PURE__ */ h(s, {
 			root: o,
 			preserveTabOrder: !0,
-			children: /* @__PURE__ */ m(h, { ...n })
+			children: /* @__PURE__ */ h(g, {
+				...n,
+				observerTarget: c
+			})
 		})
-	}) : /* @__PURE__ */ m(t, {
+	}) : /* @__PURE__ */ h(t, {
 		id: i,
-		children: /* @__PURE__ */ m(h, { ...n })
+		children: /* @__PURE__ */ h(g, { ...n })
 	});
 };
-g.displayName = "PopoverContentContainer";
-var _ = (e) => a() === null ? /* @__PURE__ */ m(n, { children: /* @__PURE__ */ m(g, { ...e }) }) : /* @__PURE__ */ m(g, { ...e });
-_.displayName = "PopoverContent";
+_.displayName = "PopoverContentContainer";
+var v = (e) => a() === null ? /* @__PURE__ */ h(n, { children: /* @__PURE__ */ h(_, { ...e }) }) : /* @__PURE__ */ h(_, { ...e });
+v.displayName = "PopoverContent";
 //#endregion
-export { _ as PopoverContent };
+export { v as PopoverContent };

package/dist/components/Popover/helpers/handlePopoverTabKey.js

@@ -1,6 +1,6 @@
-import "../../../constants-D0UW4Ewm.js";
+import "../../../constants-DJz-xntC.js";
 import { focusableElements as e } from "../../../helpers/dom/focusableElements.js";
-import { r as t } from "../../../index.esm-CmxdHJYy.js";
+import { r as t } from "../../../index.esm-CapMi3wi.js";
 import { waitUntilTrue as n } from "./waitUntilTrue.js";
 //#region src/components/Popover/helpers/handlePopoverTabKey.ts
 var r = (e, t) => {

package/dist/components/Popover/hooks/useFloatingPopover.js

@@ -1,7 +1,7 @@
 import { GlobalCSSClass as e } from "../../../enums.js";
 import { useControlledState as t } from "../../../hooks/useControlledState.js";
 import { focusableElements as n } from "../../../helpers/dom/focusableElements.js";
-import { C as r, E as i, S as a, T as o, d as s, g as c, l as ee, u as l, w as u, x as d, y as f } from "../../../floating-ui.react-COiJC198.js";
+import { C as r, E as i, S as a, T as o, d as s, g as c, l as ee, u as l, w as u, x as d, y as f } from "../../../floating-ui.react-TDMXDOBr.js";
 import { usePopoverNavigation as p } from "./usePopoverNavigation.js";
 import { usePopoverAria as m } from "./usePopoverAria.js";
 import { closestCrossShadow as h } from "../../../helpers/dom/closestCrossShadow.js";

package/dist/components/Popover/hooks/usePopoverItem.js

@@ -1,4 +1,4 @@
-import { _ as e } from "../../../floating-ui.react-COiJC198.js";
+import { _ as e } from "../../../floating-ui.react-TDMXDOBr.js";
 import { FloatingPopoverContext as t } from "./useFloatingPopover.js";
 import { useContext as n, useEffect as r, useId as i, useMemo as a } from "react";
 //#region src/components/Popover/hooks/usePopoverItem.tsx

package/dist/components/Popover/hooks/usePopoverNavigation.js

@@ -1,4 +1,4 @@
-import { v as e } from "../../../floating-ui.react-COiJC198.js";
+import { v as e } from "../../../floating-ui.react-TDMXDOBr.js";
 import { useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
 //#region src/components/Popover/hooks/usePopoverNavigation.tsx
 var a = (a, o, s, c, l = 0) => {

package/dist/components/Progress/Progress.js

@@ -1,11 +1,11 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
-import { t as r } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
+import { t as r } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as i } from "../../enums.js";
 import { stringReplacer as a } from "../../helpers/formatting/stringReplacer.js";
 import { progress as o } from "./Progress.styles.js";
-import { t as s } from "../../tokens-CG_Rn1W3.js";
+import { t as s } from "../../tokens-DQsbW5to.js";
 import { jsx as c } from "react/jsx-runtime";
 //#region src/components/Progress/Progress.tsx
 var l = ({ backgroundImage: l, borderRadius: u, className: d, max: f = 100, min: p, sectionTitle: m = "Progress is {{current}} of {{max}}", style: h, value: g = 0, ..._ }) => {

package/dist/components/Progress/Progress.styles.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../cva-BWFp4eLV.js";
+import { n as e } from "../../cva-DcOwIar2.js";
 //#region src/components/Progress/Progress.styles.ts
 var t = e({ base: {
 	contain: "layout style paint",

package/dist/components/Provider/Provider.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Provider-DvnuqPfQ.js";
+import { t as e } from "../../Provider-BNuRw7ck.js";
 export { e as IressProvider };

package/dist/components/Provider/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Provider-DvnuqPfQ.js";
+import { t as e } from "../../Provider-BNuRw7ck.js";
 export { e as IressProvider };

package/dist/components/Radio/Radio.js

@@ -1,7 +1,7 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
-import { t as r } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
+import { t as r } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as i } from "../../enums.js";
 import { IressText as a } from "../Text/Text.js";
 import { propagateTestid as o } from "../../helpers/utility/propagateTestid.js";

package/dist/components/Radio/Radio.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Radio/Radio.styles.ts
 var t = e({
 	slots: [

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
-import { t } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../cx-QcEwjve6.js";
+import { t } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as n } from "../../enums.js";
 import { useControlledState as r } from "../../hooks/useControlledState.js";
 import { useNoDefaultValueInForms as i } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";

package/dist/components/RadioGroup/RadioGroup.styles.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../cva-BWFp4eLV.js";
+import { n as e } from "../../cva-DcOwIar2.js";
 //#region src/components/RadioGroup/RadioGroup.styles.ts
 var t = e({
 	base: {},

package/dist/components/RadioMark/RadioMark.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
 import { GlobalCSSClass as r } from "../../enums.js";
 import { radioMark as i } from "./RadioMark.styles.js";
 import { jsx as a } from "react/jsx-runtime";

package/dist/components/RadioMark/RadioMark.styles.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../cva-BWFp4eLV.js";
+import { n as e } from "../../cva-DcOwIar2.js";
 //#region src/components/RadioMark/RadioMark.styles.ts
 var t = e({
 	base: {

package/dist/components/Readonly/Readonly.js

@@ -1,8 +1,8 @@
-import { t as e } from "../../css-D3KwXbP0.js";
-import { t } from "../../cx-CZ8IJJTy.js";
-import { n } from "../../is-valid-prop-BoZ7GJt2.js";
+import { t as e } from "../../css-R34N3rft.js";
+import { t } from "../../cx-QcEwjve6.js";
+import { n } from "../../is-valid-prop-BVyYPT21.js";
 import { GlobalCSSClass as r } from "../../enums.js";
-import { t as i } from "../../Button-bZPKq0ue.js";
+import { t as i } from "../../Button-BY2qzshw.js";
 import { propagateTestid as a } from "../../helpers/utility/propagateTestid.js";
 import { IressSpinner as o } from "../Spinner/Spinner.js";
 import { getFormControlValueAsStringIfDefined as s } from "../../helpers/form/getFormControlValueAsStringIfDefined.js";

package/dist/components/Readonly/Readonly.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Readonly/Readonly.styles.ts
 var t = e({
 	slots: [

package/dist/components/Row/Row.js

@@ -1,5 +1,5 @@
-import { t as e } from "../../cx-CZ8IJJTy.js";
-import { t } from "../../factory-sKbby7-S.js";
+import { t as e } from "../../cx-QcEwjve6.js";
+import { t } from "../../factory-BKr3zaf6.js";
 import { GlobalCSSClass as n } from "../../enums.js";
 import { row as r } from "./Row.styles.js";
 import { jsx as i } from "react/jsx-runtime";

package/dist/components/Row/Row.styles.js

@@ -1,4 +1,4 @@
-import { n as e } from "../../cva-BWFp4eLV.js";
+import { n as e } from "../../cva-DcOwIar2.js";
 //#region src/components/Row/Row.styles.ts
 var t = e({ base: {
 	display: "flex",

package/dist/components/Select/Select.d.ts

@@ -101,6 +101,12 @@ export type IressSelectProps<TMultiple extends boolean = false, TNative extends
      */
     value?: SelectValue<TMultiple, TNative>;
     virtualFocus?: boolean;
+    /**
+     * Text to be displayed when the options function errors out. It is not used when the options are provided as an array.
+     * Can be a ReactNode or a render function that receives the error value.
+     * @default <IressAlert status="danger" variant="full-width" mb="none">An unknown error occurred. Please contact support if the error persists.</IressAlert>
+     */
+    errorText?: ((error: boolean | string) => ReactNode) | ReactNode;
     /**
      * Header showed in option panel when expanded.
      */

package/dist/components/Select/Select.js

@@ -1,2 +1,2 @@
-import { n as e } from "../../Autocomplete-CuUjmIAw.js";
+import { n as e } from "../../Autocomplete-DKufjQU5.js";
 export { e as IressSelect };

package/dist/components/Select/Select.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DOLIp5Dd.js";
+import { t as e } from "../../sva-DGhdmNso.js";
 //#region src/components/Select/Select.styles.ts
 var t = e({
 	slots: [

package/dist/components/Select/SelectBody/SelectBody.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../cx-CZ8IJJTy.js";
+import { t as e } from "../../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../../enums.js";
 import { IressText as n } from "../../Text/Text.js";
 import { selectBody as r } from "./SelectBody.styles.js";

package/dist/components/Select/SelectBody/SelectBody.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../sva-DOLIp5Dd.js";
+import { t as e } from "../../../sva-DGhdmNso.js";
 //#region src/components/Select/SelectBody/SelectBody.styles.ts
 var t = e({
 	slots: ["selectBody", "children"],

package/dist/components/Select/SelectHeading/SelectHeading.js

@@ -1,10 +1,10 @@
-import { t as e } from "../../../cx-CZ8IJJTy.js";
+import { t as e } from "../../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../../enums.js";
-import { t as n } from "../../../Button-bZPKq0ue.js";
+import { t as n } from "../../../Button-BY2qzshw.js";
 import { usePopoverItem as r } from "../../Popover/hooks/usePopoverItem.js";
 import { select as i } from "../Select.styles.js";
-import { IressInline as a } from "../../Inline/Inline.js";
-import { IressMenuHeading as o } from "../../Menu/MenuText/MenuText.js";
+import { IressMenuHeading as a } from "../../Menu/MenuHeading/MenuHeading.js";
+import { IressInline as o } from "../../Inline/Inline.js";
 import { forwardRef as s, useImperativeHandle as c, useRef as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/Select/SelectHeading/SelectHeading.tsx
@@ -15,17 +15,17 @@ var f = i(), p = s((i, a) => {
 		...d,
 		className: e(f.dropdownClear, t.SelectClearButton),
 		active: s,
-		mode: "tertiary",
+		mode: "quaternary",
 		ref: (e) => {
 			o.current = e, d?.ref?.(o.current);
 		}
 	});
-}), m = ({ children: n, className: r, clearAll: i, onClearAll: s, textStyle: c = "typography.heading.4", ...l }) => /* @__PURE__ */ u(o, {
+}), m = ({ children: n, className: r, clearAll: i, onClearAll: s, textStyle: c = "typography.body.md.medium", ...l }) => /* @__PURE__ */ u(a, {
 	...l,
 	className: e(f.dropdownSelectedHeading, r, t.SelectHeading),
 	role: void 0,
 	textStyle: c,
-	children: /* @__PURE__ */ d(a, {
+	children: /* @__PURE__ */ d(o, {
 		horizontalAlign: "between",
 		verticalAlign: "middle",
 		children: [n, i && /* @__PURE__ */ u(p, {

package/dist/components/Select/SelectLabel/SelectLabel.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../cx-CZ8IJJTy.js";
+import { t as e } from "../../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../../enums.js";
 import { IressText as n } from "../../Text/Text.js";
 import { toArray as r } from "../../../helpers/formatting/toArray.js";

package/dist/components/Select/SelectLabel/SelectLabel.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../sva-DOLIp5Dd.js";
+import { t as e } from "../../../sva-DGhdmNso.js";
 //#region src/components/Select/SelectLabel/SelectLabel.styles.ts
 var t = e({
 	slots: [

package/dist/components/Select/SelectMenu/SelectMenu.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../cx-CZ8IJJTy.js";
+import { t as e } from "../../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../../enums.js";
 import { propagateTestid as n } from "../../../helpers/utility/propagateTestid.js";
 import { toArray as r } from "../../../helpers/formatting/toArray.js";

package/dist/components/Select/SelectMenu/SelectMenu.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../sva-DOLIp5Dd.js";
+import { t as e } from "../../../sva-DGhdmNso.js";
 //#region src/components/Select/SelectMenu/SelectMenu.styles.ts
 var t = e({
 	slots: ["root"],

package/dist/components/Select/SelectMenu/SelectMenuItem.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../cx-CZ8IJJTy.js";
+import { t as e } from "../../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../../enums.js";
 import { IressText as n } from "../../Text/Text.js";
 import { IressMenuDivider as r } from "../../Menu/MenuDivider/MenuDivider.js";

package/dist/components/Select/SelectSearch/SelectSearch.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../cx-CZ8IJJTy.js";
+import { t as e } from "../../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../../enums.js";
 import { usePopover as n } from "../../Popover/hooks/usePopover.js";
 import { handlePopoverTabKey as r } from "../../Popover/helpers/handlePopoverTabKey.js";

package/dist/components/Select/SelectSearch/SelectSearch.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../sva-DOLIp5Dd.js";
+import { t as e } from "../../../sva-DGhdmNso.js";
 //#region src/components/Select/SelectSearch/SelectSearch.styles.ts
 var t = e({
 	slots: ["root", "content"],

package/dist/components/Select/SelectSearchInput/SelectSearchInput.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../cx-CZ8IJJTy.js";
+import { t as e } from "../../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../../enums.js";
 import { IressIcon as n } from "../../Icon/Icon.js";
 import { usePopoverItem as r } from "../../Popover/hooks/usePopoverItem.js";

package/dist/components/Select/SelectSearchInput/SelectSearchInput.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../sva-DOLIp5Dd.js";
+import { t as e } from "../../../sva-DGhdmNso.js";
 //#region src/components/Select/SelectSearchInput/SelectSearchInput.styles.ts
 var t = e({
 	slots: ["root"],

package/dist/components/Select/SelectTags/SelectTags.js

@@ -1,7 +1,7 @@
-import { t as e } from "../../../cx-CZ8IJJTy.js";
+import { t as e } from "../../../cx-QcEwjve6.js";
 import { GlobalCSSClass as t } from "../../../enums.js";
 import { IressIcon as n } from "../../Icon/Icon.js";
-import { t as r } from "../../../Button-bZPKq0ue.js";
+import { t as r } from "../../../Button-BY2qzshw.js";
 import { IressText as i } from "../../Text/Text.js";
 import { propagateTestid as a } from "../../../helpers/utility/propagateTestid.js";
 import { toArray as o } from "../../../helpers/formatting/toArray.js";
@@ -12,9 +12,9 @@ import { getFormControlValueAsStringIfDefined as u } from "../../../helpers/form
 import { composeLabelValueDescriptor as d } from "../../../helpers/label-value/composeLabelValueDescriptor.js";
 import { selectTags as f } from "./SelectTags.styles.js";
 import { IressTag as p } from "../../Tag/Tag.js";
-import { IressInline as m } from "../../Inline/Inline.js";
-import { IressMenu as h } from "../../Menu/Menu.js";
-import { IressMenuItem as g } from "../../Menu/MenuItem/MenuItem.js";
+import { IressMenu as m } from "../../Menu/Menu.js";
+import { IressMenuItem as h } from "../../Menu/MenuItem/MenuItem.js";
+import { IressInline as g } from "../../Inline/Inline.js";
 import { useCallback as _, useMemo as v, useState as y } from "react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/components/Select/SelectTags/SelectTags.tsx
@@ -26,17 +26,17 @@ var S = (e, t) => {
 		let e = r.indexOf(t.currentTarget), i = r.filter((e) => e !== t.currentTarget), a = Math.max(e - 1, 0);
 		!i[a] && i[0] ? i[0].focus() : i[0] ? i[a].focus() : n?.focus();
 	}
-}, C = ({ "data-testid": e, limit: t = 5, onDelete: i, onDeleteAll: o, onToggleActions: s, selectedArray: m, selectedOptionsText: v }) => {
+}, C = ({ "data-testid": e, limit: t = 5, onDelete: i, onDeleteAll: o, onToggleActions: s, selectedArray: g, selectedOptionsText: v }) => {
 	let [C, w] = y(!1), T = c(), E = f(), D = _((e, t) => {
-		i?.(m.find((t) => t.label === e), t), t.stopPropagation(), S(T, t);
+		i?.(g.find((t) => t.label === e), t), t.stopPropagation(), S(T, t);
 	}, [
 		i,
 		T,
-		m
+		g
 	]), O = _((e) => {
 		o?.(e), T?.getFocusableActivator()?.focus();
 	}, [o, T]);
-	return C && m.length || !t || m.length <= t ? m.map((t) => /* @__PURE__ */ b(p, {
+	return C && g.length || !t || g.length <= t ? g.map((t) => /* @__PURE__ */ b(p, {
 		className: E.tag,
 		"data-testid": a(e, "tag"),
 		deleteButtonText: `Delete ${t.label}`,
@@ -63,34 +63,34 @@ var S = (e, t) => {
 			align: "bottom-end",
 			contentStyle: { p: "none" },
 			virtualFocus: !0,
-			children: /* @__PURE__ */ x(h, { children: [/* @__PURE__ */ b(g, {
+			children: /* @__PURE__ */ x(m, { children: [/* @__PURE__ */ b(h, {
 				onClick: () => w(!0),
 				children: "Expand all"
-			}), /* @__PURE__ */ b(g, {
+			}), /* @__PURE__ */ b(h, {
 				onClick: O,
 				children: "Delete all"
 			})] })
 		}),
 		compact: !0,
-		children: d(m, v)
+		children: d(g, v)
 	});
-}, w = ({ append: n = "", className: r, "data-testid": a, id: s, limit: c = 5, onDelete: l, onDeleteAll: u, onToggleActions: d, placeholder: p, prepend: h, selected: g, selectedOptionsText: _ = "{{numOptions}} selected", ...y }) => {
-	let S = v(() => o(g), [g]), w = !S.length && p, T = !!S.length, E = f({ showDefaultChevron: n == null || n === "" || !n });
+}, w = ({ append: n = "", className: r, "data-testid": a, id: s, limit: c = 5, onDelete: l, onDeleteAll: u, onToggleActions: d, placeholder: p, prepend: m, selected: h, selectedOptionsText: _ = "{{numOptions}} selected", ...y }) => {
+	let S = v(() => o(h), [h]), w = !S.length && p, T = !!S.length, E = f({ showDefaultChevron: n == null || n === "" || !n });
 	return /* @__PURE__ */ x(i, {
 		...y,
 		id: s,
 		tabIndex: 0,
 		className: e(r, E.root, t.FormElementInner, t.SelectTags),
 		children: [
-			h && /* @__PURE__ */ b("span", {
+			m && /* @__PURE__ */ b("span", {
 				className: E.prepend,
-				children: h
+				children: m
 			}),
 			w && /* @__PURE__ */ b(i, {
 				className: E.placeholder,
 				children: p
 			}),
-			T && /* @__PURE__ */ b(m, {
+			T && /* @__PURE__ */ b(g, {
 				gap: "sm",
 				className: E.tagsList,
 				children: /* @__PURE__ */ b(C, {

package/dist/components/Select/SelectTags/SelectTags.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../sva-DOLIp5Dd.js";
+import { t as e } from "../../../sva-DGhdmNso.js";
 //#region src/components/Select/SelectTags/SelectTags.styles.ts
 var t = e({
 	slots: [

package/dist/components/Select/components/NativeSelect.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../../css-D3KwXbP0.js";
-import { t } from "../../../cx-CZ8IJJTy.js";
-import { n } from "../../../is-valid-prop-BoZ7GJt2.js";
+import { t as e } from "../../../css-R34N3rft.js";
+import { t } from "../../../cx-QcEwjve6.js";
+import { n } from "../../../is-valid-prop-BVyYPT21.js";
 import { GlobalCSSClass as r } from "../../../enums.js";
 import { propagateTestid as i } from "../../../helpers/utility/propagateTestid.js";
 import { useIdIfNeeded as a } from "../../../hooks/useIdIfNeeded.js";

package/dist/components/Select/components/NativeSelect.styles.d.ts

@@ -7,7 +7,7 @@ export declare const nativeSelect: import('../../../styled-system/types').SlotRe
     showingPlaceholder: {
         true: {
             element: {
-                color: "colour.neutral.70";
+                color: "colour.neutral.60";
             };
         };
     };

package/dist/components/Select/components/NativeSelect.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../sva-DOLIp5Dd.js";
+import { t as e } from "../../../sva-DGhdmNso.js";
 var t = e({
 	slots: [
 		"wrapper",
@@ -33,7 +33,7 @@ var t = e({
 		}
 	},
 	variants: {
-		showingPlaceholder: { true: { element: { color: "colour.neutral.70" } } },
+		showingPlaceholder: { true: { element: { color: "colour.neutral.60" } } },
 		width: {
 			2: {
 				wrapper: { width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.2})]" },