@iress-oss/ids-components 6.3.0 → 6.4.0

package/dist/components/Hide/Hide.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../factory-BKr3zaf6.js";
+import { t as e } from "../../factory-Dbc35N0_.js";
 import { useBreakpoint as t } from "../../hooks/useBreakpoint.js";
 import { normaliseHideValues as n } from "./helpers/normaliseHideValues.js";
 import { jsx as r } from "react/jsx-runtime";

package/dist/components/Icon/Icon.js

@@ -1,7 +1,7 @@
-import { t as e } from "../../css-R34N3rft.js";
+import { t as e } from "../../css-BRrgGHqo.js";
 import { t } from "../../cx-QcEwjve6.js";
-import { n } from "../../is-valid-prop-BVyYPT21.js";
-import { t as r } from "../../factory-BKr3zaf6.js";
+import { n } from "../../is-valid-prop-CvqUuuBB.js";
+import { t as r } from "../../factory-Dbc35N0_.js";
 import { icon as i } from "./Icon.styles.js";
 import { GlobalCSSClass as a } from "../../enums.js";
 import { idsLogger as o } from "../../helpers/utility/idsLogger.js";
@@ -15,7 +15,7 @@ var f = ({ className: f, flip: p, name: m, rotate: h, screenreaderText: g, spin:
 	v == "fontawesome" && o(`[IressIcon] Font Awesome is deprecated and will be removed in a future version. Please migrate to Material Symbols. Icon name: "${m}"`);
 	let S;
 	if (x === "material" && (S = c[m] ?? m), u(() => {
-		!b || x !== "material" || !S || b.registerIcon(S);
+		b && x === "material" && S && b.registerIcon(S);
 	}, [
 		x,
 		b,

package/dist/components/Icon/Icon.styles.js

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

package/dist/components/Image/Image.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../cx-QcEwjve6.js";
-import { t } from "../../factory-BKr3zaf6.js";
+import { t } from "../../factory-Dbc35N0_.js";
 import { GlobalCSSClass as n } from "../../enums.js";
 import { image as r } from "./Image.styles.js";
 import { jsx as i } from "react/jsx-runtime";

package/dist/components/Image/Image.styles.js

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

package/dist/components/Inline/Inline.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../cx-QcEwjve6.js";
-import { t } from "../../factory-BKr3zaf6.js";
+import { t } from "../../factory-Dbc35N0_.js";
 import { GlobalCSSClass as n } from "../../enums.js";
 import { inline as r } from "./Inline.styles.js";
 import { jsx as i } from "react/jsx-runtime";

package/dist/components/Inline/Inline.styles.js

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

package/dist/components/Input/Input.js

@@ -1,54 +1,54 @@
 import { t as e } from "../../cx-QcEwjve6.js";
-import { n as t } from "../../is-valid-prop-BVyYPT21.js";
-import { t as n } from "../../factory-BKr3zaf6.js";
+import { n as t } from "../../is-valid-prop-CvqUuuBB.js";
+import { t as n } from "../../factory-Dbc35N0_.js";
 import { GlobalCSSClass as r } from "../../enums.js";
-import { t as i } from "../../Button-BY2qzshw.js";
-import { IressSpinner as a } from "../Spinner/Spinner.js";
-import { useControlledState as o } from "../../hooks/useControlledState.js";
-import { IressCloseButton as s } from "../Button/CloseButton/CloseButton.js";
-import { getFormControlValueAsString as c } from "../../helpers/form/getFormControlValueAsString.js";
-import { InputBase as l } from "./InputBase/InputBase.js";
-import { useNoDefaultValueInForms as ee } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
+import { t as i } from "../../Button-x1_YRAyD.js";
+import { IressSpinner as ee } from "../Spinner/Spinner.js";
+import { useControlledState as a } from "../../hooks/useControlledState.js";
+import { IressCloseButton as o } from "../Button/CloseButton/CloseButton.js";
+import { getFormControlValueAsString as s } from "../../helpers/form/getFormControlValueAsString.js";
+import { InputBase as c } from "./InputBase/InputBase.js";
+import { useNoDefaultValueInForms as l } from "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
 import { IressReadonly as u } from "../Readonly/Readonly.js";
 import { input as d } from "./Input.styles.js";
-import { createElement as f, forwardRef as p, useEffect as m, useImperativeHandle as h, useRef as g, useState as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-var b = p(({ rows: p, ...b }, x) => {
-	let { loading: S = !1, clearable: C = !1, defaultValue: w, onClear: T, width: E, prepend: D, append: O, onChange: k, className: A, readOnly: j, formatter: M, type: N, inline: P, alignRight: F, actions: I, variant: L, autoGrow: te, ...R } = b, z = p === void 0 ? void 0 : b.autoGrow;
-	z === !0 && (z = 5), ee({
+import { createElement as f, forwardRef as p, useEffect as m, useImperativeHandle as h, useRef as g, useState as te } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+var y = p(({ rows: p, ...y }, b) => {
+	let { loading: x = !1, clearable: S = !1, defaultValue: C, onClear: w, width: T, prepend: E, append: D, onChange: O, className: k, readOnly: A, formatter: j, type: M, inline: N, alignRight: P, actions: F, variant: I, autoGrow: ne, ...L } = y, R = p === void 0 ? void 0 : y.autoGrow;
+	R === !0 && (R = 5), l({
 		component: "IressInput",
-		defaultValue: w
+		defaultValue: C
 	});
-	let B = g(null), V = g(null), { value: H, setValue: U } = o({
+	let z = g(null), B = g(null), { value: V, setValue: H } = a({
 		component: "IressInput",
-		defaultValue: w,
-		value: b.value
-	}), W = c(H), [G, K] = _(!1), [q, J] = t(R), Y = M && !G ? M(H) : W, X = M && !G ? { type: "text" } : { type: N };
-	if (p !== void 0 && (X = void 0), h(x, () => ({ ...B.current })), m(() => {
-		if (p && z && B.current) {
-			let e = B.current.input;
+		defaultValue: C,
+		value: y.value
+	}), U = s(V), [W, G] = te(!1), [K, q] = t(L), J = j && !W ? j(V) : U, Y = j && !W ? { type: "text" } : { type: M };
+	if (p !== void 0 && (Y = void 0), h(b, () => ({ ...z.current })), m(() => {
+		if (p && R && z.current) {
+			let e = z.current.input;
 			if (!e) return;
 			e.style.height = "auto";
-			let t = parseFloat(getComputedStyle(e).lineHeight) * 1.075 * z, n = Math.min(e.scrollHeight, t);
+			let t = parseFloat(getComputedStyle(e).lineHeight) * 1.075 * R, n = Math.min(e.scrollHeight, t);
 			e.style.height = `${n}px`, e.style.overflowY = e.scrollHeight > t ? "auto" : "hidden";
 		}
 	}, [
-		H,
+		V,
 		p,
-		z
-	]), j) return /* @__PURE__ */ v(u, {
-		...R,
-		actions: I,
+		R
+	]), A) return /* @__PURE__ */ _(u, {
+		...L,
+		actions: F,
 		defaultValue: void 0,
-		value: H,
-		alignRight: F,
-		append: O,
-		className: A,
-		variant: j,
-		children: Y
+		value: V,
+		alignRight: P,
+		append: D,
+		className: k,
+		variant: A,
+		children: J
 	});
-	let Z = (e) => {
-		U(""), B.current?.focus();
+	let X = (e) => {
+		H(""), z.current?.focus();
 		let t = new Event("change", { bubbles: !0 });
 		Object.defineProperty(t, "target", {
 			writable: !1,
@@ -62,69 +62,75 @@ var b = p(({ rows: p, ...b }, x) => {
 				...e.currentTarget,
 				value: ""
 			}
-		}), k?.(t, ""), T?.(t);
-	}, Q = (e) => {
+		}), O?.(t, ""), w?.(t);
+	}, Z = (e) => {
 		let t = e.target.value;
-		U(t), k?.(e, t);
-	}, $ = d({
-		alignRight: F,
-		autoGrow: !!z,
-		inline: P,
+		H(t), O?.(e, t);
+	}, Q = d({
+		alignRight: P,
+		autoGrow: !!R,
+		inline: N,
 		isTextarea: p !== void 0,
-		stretched: !!q.stretch,
-		variant: L,
-		width: E
-	});
-	return /* @__PURE__ */ y("div", {
-		className: e(r.FormElement, r.Input, A, $.root),
-		"data-testid": R["data-testid"],
-		children: [/* @__PURE__ */ y(n.div, {
-			className: e($.wrapper, r.FormElementInner),
-			...q,
+		stretched: !!K.stretch,
+		variant: I,
+		width: T
+	}), $ = S && !!U;
+	return /* @__PURE__ */ v("div", {
+		className: e(r.FormElement, r.Input, k, Q.root),
+		"data-testid": L["data-testid"],
+		children: [/* @__PURE__ */ v(n.div, {
+			className: e(Q.wrapper, r.FormElementInner),
+			...K,
 			children: [
-				D && /* @__PURE__ */ v("div", {
-					className: e($.addon, r.InputAddon),
-					children: D
+				E && /* @__PURE__ */ _("div", {
+					className: e(Q.addon, r.InputAddon),
+					children: E
 				}),
-				/* @__PURE__ */ v(l, {
-					...J,
-					...X,
-					className: $.formControl,
-					value: Y,
-					onChange: Q,
+				/* @__PURE__ */ _(c, {
+					...q,
+					...Y,
+					className: Q.formControl,
+					value: J,
+					onChange: Z,
 					onFocus: (e) => {
-						K(!0), R?.onFocus?.(e), V.current ? V.current = null : e.relatedTarget && M && queueMicrotask(() => e.target.select());
+						G(!0), L?.onFocus?.(e), B.current ? B.current = null : e.relatedTarget && j && queueMicrotask(() => e.target.select());
 					},
 					onMouseDown: (e) => {
-						R?.onMouseDown?.(e), V.current = !0;
+						L?.onMouseDown?.(e), B.current = !0;
 					},
 					onBlur: (e) => {
-						K(!1), R?.onBlur?.(e);
+						G(!1), L?.onBlur?.(e);
 					},
 					rows: p,
-					ref: B
+					ref: z
 				}),
-				/* @__PURE__ */ y("div", {
-					className: e($.internal),
-					children: [S && /* @__PURE__ */ v(a, { screenreaderText: S === !0 ? "loading" : S }), W && C && /* @__PURE__ */ v(s, {
-						onClick: Z,
-						onMouseDown: (e) => e.preventDefault(),
+				/* @__PURE__ */ v("div", {
+					className: e(Q.internal),
+					children: [x && /* @__PURE__ */ _(ee, { screenreaderText: x === !0 ? "loading" : x }), S && /* @__PURE__ */ _(o, {
+						onClick: $ ? X : void 0,
+						onMouseDown: (e) => {
+							$ && e.preventDefault();
+						},
 						screenreaderText: "Clear",
-						compact: !0
+						compact: !0,
+						disabled: !$,
+						tabIndex: $ ? 0 : -1,
+						style: $ ? void 0 : { visibility: "hidden" },
+						"aria-hidden": !$
 					})]
 				}),
-				O && /* @__PURE__ */ v("div", {
-					className: e($.addon, r.InputAddon),
-					children: O
+				D && /* @__PURE__ */ _("div", {
+					className: e(Q.addon, r.InputAddon),
+					children: D
 				})
 			]
-		}), I?.map((t, n) => /* @__PURE__ */ f(i, {
+		}), F?.map((t, n) => /* @__PURE__ */ f(i, {
 			...t,
-			className: e(t.className, $.action),
+			className: e(t.className, Q.action),
 			key: n
 		}))]
 	});
 });
-b.displayName = "IressInput";
+y.displayName = "IressInput";
 //#endregion
-export { b as IressInput };
+export { y as IressInput };

package/dist/components/Input/Input.styles.js

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

package/dist/components/Input/InputBase/InputBase.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../factory-BKr3zaf6.js";
+import { t as e } from "../../../factory-Dbc35N0_.js";
 import { forwardRef as t, useImperativeHandle as n, useRef as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 var a = t(({ "data-testid": t, rows: a, ...o }, s) => {

package/dist/components/Label/Label.styles.js

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

package/dist/components/Label/LabelBase/LabelBase.js

@@ -1,5 +1,5 @@
 import { t as e } from "../../../cx-QcEwjve6.js";
-import { t } from "../../../factory-BKr3zaf6.js";
+import { t } from "../../../factory-Dbc35N0_.js";
 import { GlobalCSSClass as n } from "../../../enums.js";
 import { IressIcon as r } from "../../Icon/Icon.js";
 import { propagateTestid as i } from "../../../helpers/utility/propagateTestid.js";
@@ -14,8 +14,8 @@ var d = ({ append: d, children: f, className: p, "data-testid": m, element: h, h
 	}), C = (e) => {
 		let t = e?.textContent;
 		t && t !== b && x(t);
-	};
-	return /* @__PURE__ */ u(o(() => t(h ?? "label"), [h]), {
+	}, w = o(() => t(h ?? "label"), [h]);
+	return /* @__PURE__ */ u(w, {
 		className: e(p, n.FormLabel, n.Label, S.root),
 		"data-testid": m,
 		...y,

package/dist/components/Link/Link.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../css-R34N3rft.js";
+import { t as e } from "../../css-BRrgGHqo.js";
 import { t } from "../../cx-QcEwjve6.js";
-import { n } from "../../is-valid-prop-BVyYPT21.js";
+import { n } from "../../is-valid-prop-CvqUuuBB.js";
 import { GlobalCSSClass as r } from "../../enums.js";
 import { IressSpinner as i } from "../Spinner/Spinner.js";
 import { link as a } from "./Link.styles.js";
@@ -48,8 +48,8 @@ var p = o(({ active: o, append: p, children: m, className: h, element: g, loadin
 		C.prepend,
 		C.root,
 		C.spinner
-	]);
-	return /* @__PURE__ */ d(l(() => g ?? (T.href ? "a" : "button"), [g, T.href]), {
+	]), O = l(() => g ?? (T.href ? "a" : "button"), [g, T.href]);
+	return /* @__PURE__ */ d(O, {
 		"aria-describedby": _ ? S : void 0,
 		type: g || !T.href ? "button" : void 0,
 		...D,

package/dist/components/Link/Link.styles.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../sva-DGhdmNso.js";
+import { t as e } from "../../sva-CG-TbBow.js";
 var t = e({
 	slots: [
 		"root",

package/dist/components/Menu/Menu.js

@@ -1,10 +1,10 @@
 import { t as e } from "../../cx-QcEwjve6.js";
-import { t } from "../../factory-BKr3zaf6.js";
+import { t } from "../../factory-Dbc35N0_.js";
 import { GlobalCSSClass as n } from "../../enums.js";
 import { toArray as r } from "../../helpers/formatting/toArray.js";
 import { useControlledState as i } from "../../hooks/useControlledState.js";
 import { useIdIfNeeded as a } from "../../hooks/useIdIfNeeded.js";
-import { t as o } from "../../floating-ui.react-TDMXDOBr.js";
+import { t as o } from "../../floating-ui.react-DP-wD-Nz.js";
 import { usePopover as s } from "../Popover/hooks/usePopover.js";
 import { IressTooltipProvider as c } from "../Tooltip/TooltipProvider.js";
 import { menu as l } from "./Menu.styles.js";

package/dist/components/Menu/Menu.styles.js

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

package/dist/components/Menu/MenuGroup/MenuGroup.styles.js

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