@iress-oss/ids-components 6.1.0 → 6.2.1

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-BRGD9dSh.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,6 +1,6 @@
-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 { IressMenuHeading as a } from "../../Menu/MenuHeading/MenuHeading.js";

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";

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})]" },

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

@@ -1,11 +1,11 @@
 import { IressSelectProps, SelectOptionsRenderProps } from '../Select';
-interface SelectOptionsProps<TMultiple extends boolean = false> extends Pick<IressSelectProps<TMultiple, false>, 'autoHighlight' | 'minSearchLength' | 'multiSelect' | 'onChange' | 'options' | 'renderOptions' | 'initialOptions'>, Omit<SelectOptionsRenderProps<TMultiple>, 'close' | 'handleClear' | 'handleMenuChange'> {
+interface SelectOptionsProps<TMultiple extends boolean = false> extends Pick<IressSelectProps<TMultiple, false>, 'autoHighlight' | 'errorText' | 'minSearchLength' | 'multiSelect' | 'onChange' | 'options' | 'renderOptions' | 'initialOptions'>, Omit<SelectOptionsRenderProps<TMultiple>, 'close' | 'handleClear' | 'handleMenuChange'> {
     setShow: (show: boolean) => void;
     shouldShowInstructions?: boolean;
     shouldShowNoResults?: boolean;
 }
 export declare const SelectOptions: {
-    <TMultiple extends boolean = false>({ autoHighlight, debouncedQuery, error, initialOptions: initialOptionsProp, loading, minSearchLength, multiSelect, onChange, options, query, renderOptions, results, setQuery, setShow, setValue, show, shouldShowInstructions, shouldShowNoResults, value, }: SelectOptionsProps<TMultiple>): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    <TMultiple extends boolean = false>({ autoHighlight, debouncedQuery, error, errorText, initialOptions: initialOptionsProp, loading, minSearchLength, multiSelect, onChange, options, query, renderOptions, results, setQuery, setShow, setValue, show, shouldShowInstructions, shouldShowNoResults, value, }: SelectOptionsProps<TMultiple>): string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
     displayName: string;
 };
 export {};

package/dist/components/Select/components/SelectOptions.js

@@ -28,58 +28,60 @@ var y = ({ debouncedQuery: e, minSearchLength: t, multiSelect: n, onChange: r, q
 	hideSelectedItems: n
 });
 y.displayName = "SelectAsyncResults";
-var b = ({ error: e }) => e ? /* @__PURE__ */ _(r, {
+var b = ({ error: e, errorText: t }) => e ? t === void 0 ? /* @__PURE__ */ _(r, {
 	status: "danger",
+	variant: "full-width",
+	mb: "none",
 	children: typeof e == "string" ? e : /* @__PURE__ */ v(g, { children: [
 		"An unknown error occurred.",
 		/* @__PURE__ */ _("br", {}),
 		" Please contact support if the error persists."
 	] })
-}) : null;
+}) : typeof t == "function" ? t(e) : t : null;
 b.displayName = "SelectAsyncError";
-var x = ({ autoHighlight: r, debouncedQuery: i, error: s, loading: f, minSearchLength: g, multiSelect: x, onChange: S, onClear: C, query: w, results: T, setQuery: E, show: D, value: O, shouldShowInstructions: k, shouldShowNoResults: A }) => {
-	let j = n(O).map((e) => {
+var x = ({ autoHighlight: r, debouncedQuery: i, error: s, errorText: f, loading: g, minSearchLength: x, multiSelect: S, onChange: C, onClear: w, query: T, results: E, setQuery: D, show: O, value: k, shouldShowInstructions: A, shouldShowNoResults: j }) => {
+	let M = n(k).map((e) => {
 		let { formattedLabel: t, ...n } = e;
 		return n;
-	}), M = !s && (!!T?.length || w && !f), N = !!j.length && x, P = M && N, F = h(null), I = m();
+	}), N = !s && (!!E?.length || T && !g), P = !!M.length && S, F = N && P, I = h(null), L = m();
 	p(() => {
-		D || E?.("");
-	}, [D, E]);
-	let L = N ? j.length + 1 : 0;
+		O || D?.("");
+	}, [O, D]);
+	let R = P ? M.length + 1 : 0;
 	return /* @__PURE__ */ v(c, {
 		activator: /* @__PURE__ */ _(d, {
 			"aria-label": "Search",
-			onChange: (e) => E?.(e.target.value),
-			ref: F,
+			onChange: (e) => D?.(e.target.value),
+			ref: I,
 			placeholder: "Search and select",
-			value: w
+			value: T
 		}),
 		autoHighlight: r,
-		focusStartIndex: r ? w && M ? L : +!!N : void 0,
+		focusStartIndex: r ? T && N ? R : +!!P : void 0,
 		children: [
-			N && /* @__PURE__ */ _(u, {
-				"aria-labelledby": I,
+			P && /* @__PURE__ */ _(u, {
+				"aria-labelledby": L,
 				heading: /* @__PURE__ */ _(l, {
 					clearAll: !0,
 					onClearAll: (e) => {
-						C?.(e), F.current?.focus();
+						w?.(e), I.current?.focus();
 					},
 					children: /* @__PURE__ */ v("span", {
-						id: I,
+						id: L,
 						children: [
 							"Selected (",
-							j.length,
+							M.length,
 							")"
 						]
 					})
 				}),
-				items: j,
-				multiSelect: x,
-				onChange: S,
-				selected: O
+				items: M,
+				multiSelect: S,
+				onChange: C,
+				selected: k
 			}),
-			P && /* @__PURE__ */ _(a, {}),
-			f && !T.length && /* @__PURE__ */ v(o, {
+			F && /* @__PURE__ */ _(a, {}),
+			g && !E.length && /* @__PURE__ */ v(o, {
 				gap: "sm",
 				verticalAlign: "middle",
 				p: "spacing.3",
@@ -88,73 +90,77 @@ var x = ({ autoHighlight: r, debouncedQuery: i, error: s, loading: f, minSearchL
 					children: "Loading results..."
 				})]
 			}),
-			M && /* @__PURE__ */ _(y, {
+			N && /* @__PURE__ */ _(y, {
 				debouncedQuery: i,
-				minSearchLength: g,
-				multiSelect: x,
-				onChange: S,
-				query: w,
-				results: T,
-				value: O,
-				shouldShowInstructions: k,
-				shouldShowNoResults: A
+				minSearchLength: x,
+				multiSelect: S,
+				onChange: C,
+				query: T,
+				results: E,
+				value: k,
+				shouldShowInstructions: A,
+				shouldShowNoResults: j
 			}),
-			/* @__PURE__ */ _(b, { error: s })
+			/* @__PURE__ */ _(b, {
+				error: s,
+				errorText: f
+			})
 		]
 	});
 };
 x.displayName = "SelectAsyncOptions";
-var S = ({ autoHighlight: e, debouncedQuery: t, error: n, initialOptions: r, loading: a, minSearchLength: o, multiSelect: c, onChange: l, options: d, query: p, renderOptions: m, results: h, setQuery: g, setShow: v, setValue: y, show: b, shouldShowInstructions: S, shouldShowNoResults: C, value: w }) => {
-	let T = typeof d == "function", E = r ?? (T ? [] : d), D = h.length ? h : E, O = f((e) => {
-		y(e);
+var S = ({ autoHighlight: e, debouncedQuery: t, error: n, errorText: r, initialOptions: a, loading: o, minSearchLength: c, multiSelect: l, onChange: d, options: p, query: m, renderOptions: h, results: g, setQuery: v, setShow: y, setValue: b, show: S, shouldShowInstructions: C, shouldShowNoResults: w, value: T }) => {
+	let E = typeof p == "function", D = a ?? (E ? [] : p), O = g.length ? g : D, k = f((e) => {
+		b(e);
 		let t = s(e);
-		l?.(i(t), t, e), c || v(!1);
+		d?.(i(t), t, e), l || y(!1);
 	}, [
-		v,
 		y,
-		l,
-		c
-	]), k = f((e) => {
+		b,
+		d,
+		l
+	]), A = f((e) => {
 		e.stopPropagation();
 		let t = [];
-		y(t);
+		b(t);
 		let n = s(t);
-		l?.(i(n), n, t);
-	}, [y, l]);
-	return m ? m({
-		close: () => v(!1),
+		d?.(i(n), n, t);
+	}, [b, d]);
+	return h ? h({
+		close: () => y(!1),
 		debouncedQuery: t,
 		error: n,
-		handleClear: k,
-		handleMenuChange: O,
-		loading: a,
-		query: p,
-		results: D,
-		setValue: y,
-		setQuery: g,
-		show: b,
-		value: w
-	}) : T ? /* @__PURE__ */ _(x, {
+		handleClear: A,
+		handleMenuChange: k,
+		loading: o,
+		query: m,
+		results: O,
+		setValue: b,
+		setQuery: v,
+		show: S,
+		value: T
+	}) : E ? /* @__PURE__ */ _(x, {
 		autoHighlight: e,
 		debouncedQuery: t,
 		error: n,
-		loading: a,
-		minSearchLength: o,
-		multiSelect: c,
-		onChange: O,
-		onClear: k,
-		query: p,
-		results: h,
-		setQuery: g,
-		show: b,
-		value: w,
-		shouldShowInstructions: S,
-		shouldShowNoResults: C
+		errorText: r,
+		loading: o,
+		minSearchLength: c,
+		multiSelect: l,
+		onChange: k,
+		onClear: A,
+		query: m,
+		results: g,
+		setQuery: v,
+		show: S,
+		value: T,
+		shouldShowInstructions: C,
+		shouldShowNoResults: w
 	}) : /* @__PURE__ */ _(u, {
-		items: D,
-		multiSelect: c,
-		onChange: O,
-		selected: w
+		items: O,
+		multiSelect: l,
+		onChange: k,
+		selected: T
 	});
 };
 S.displayName = "SelectOptions";

package/dist/components/Select/index.js

@@ -6,7 +6,7 @@ import { IressSelectHeading as i } from "./SelectHeading/SelectHeading.js";
 import { IressSelectMenu as a } from "./SelectMenu/SelectMenu.js";
 import { IressSelectSearchInput as o } from "./SelectSearchInput/SelectSearchInput.js";
 import { nativeSelect as s } from "./components/NativeSelect.styles.js";
-import { n as c } from "../../Autocomplete-BRGD9dSh.js";
+import { n as c } from "../../Autocomplete-DKufjQU5.js";
 import { IressSelectBody as l } from "./SelectBody/SelectBody.js";
 import { IressSelectCreate as u } from "./SelectCreate/SelectCreate.js";
 export { c as IressSelect, l as IressSelectBody, u as IressSelectCreate, i as IressSelectHeading, t as IressSelectLabel, a as IressSelectMenu, r as IressSelectSearch, o as IressSelectSearchInput, n as IressSelectTags, s as nativeSelect, e as select };

package/dist/components/Skeleton/Skeleton.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 { toCSSLengthValue as r } from "../../helpers/formatting/toCSSLengthValue.js";

package/dist/components/Skeleton/Skeleton.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/Skeleton/Skeleton.styles.ts
 var t = e({
 	base: {

package/dist/components/SkipLink/SkipLink.js

@@ -1,6 +1,6 @@
-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 { skipLink as r } from "./SkipLink.styles.js";
 import { forwardRef as i } from "react";
 import { jsx as a } from "react/jsx-runtime";

package/dist/components/SkipLink/SkipLink.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/SkipLink/SkipLink.styles.ts
 var t = e({ base: {
 	position: "absolute",

package/dist/components/Slideout/Slideout.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../Slideout-RnRSkJsj.js";
+import { t as e } from "../../Slideout-BOH2gwIN.js";
 export { e as IressSlideout };