wimui 0.51.2 → 0.52.2

package/dist/components/data-display/TreeView/TreeView.js

@@ -1,20 +1,21 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import t from "../../../icon/chevron-right.js";
-import { Icon as n } from "../../media/Icon/Icon.js";
-import { BaseListItem as r } from "../../_internal/BaseListItem/BaseListItem.js";
-import { VirtualList as i } from "../VirtualList/VirtualList.js";
-import a from "./tree-view.module.js";
-import { useTreeViewItemExpansion as o } from "./useTreeViewItemExpansion.js";
-import s, { createContext as c, useCallback as l, useContext as u, useEffect as d, useMemo as f, useState as p } from "react";
+import { componentsNs as t } from "../../../i18n/generated/components.js";
+import n from "../../../icon/chevron-right.js";
+import { Icon as r } from "../../media/Icon/Icon.js";
+import { BaseListItem as i } from "../../_internal/BaseListItem/BaseListItem.js";
+import { VirtualList as a } from "../VirtualList/VirtualList.js";
+import o from "./tree-view.module.js";
+import { useTreeViewItemExpansion as s } from "./useTreeViewItemExpansion.js";
+import c, { createContext as l, useCallback as u, useContext as d, useEffect as ee, useMemo as f, useState as p } from "react";
 import m from "classnames";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/data-display/TreeView/TreeView.tsx
-var _ = c(null), v = () => {
-	let e = u(_);
+var _ = l(null), v = () => {
+	let e = d(_);
 	if (!e) throw Error("TreeView components must be used within a TreeView");
 	return e;
-}, ee = 40, y = 100;
+}, te = 40, y = 100;
 function b(e) {
 	return typeof e == "string" ? e : typeof e == "number" ? String(e) : "";
 }
@@ -74,50 +75,50 @@ function T(e, t) {
 		effectiveCheckedSet: r
 	};
 }
-var E = ({ children: o, nodes: c, className: u, multiSelect: v = !1, checkable: S = !1, checkStrategy: E = "cascade", searchable: D = !1, defaultExpandedValues: O = [], defaultSelectedValues: k = [], defaultCheckedValues: A = [], onCheckedChange: j, onSelectedChange: M, width: te, virtualThreshold: ne = y, labels: N = {}, labelId: re, styles: P }) => {
-	let { t: F } = e("components"), { searchPlaceholder: I, searchAriaLabel: L = F("treeview.search_aria"), expandLabel: R = (e) => F("treeview.expand", { label: e }), collapseLabel: z = (e) => F("treeview.collapse", { label: e }) } = N, [B, V] = p(O), [H, ie] = p(k), [U, ae] = p(A), [W, oe] = p(""), [G, K] = p(k[0] || null), q = s.useRef(null), { indeterminateValues: J, effectiveCheckedSet: se } = f(() => !c || E !== "cascade" ? {
+var E = ({ children: s, nodes: l, className: d, multiSelect: v = !1, checkable: S = !1, checkStrategy: E = "cascade", searchable: D = !1, defaultExpandedValues: O = [], defaultSelectedValues: k = [], defaultCheckedValues: ne = [], onCheckedChange: A, onSelectedChange: j, width: re, virtualThreshold: M = y, labels: N = {}, labelId: P, styles: F }) => {
+	let { t: I } = e(t), { searchPlaceholder: L, searchAriaLabel: R = I("treeview.search_aria"), expandLabel: z = (e) => I("treeview.expand", { label: e }), collapseLabel: B = (e) => I("treeview.collapse", { label: e }) } = N, [V, ie] = p(O), [H, ae] = p(k), [U, oe] = p(ne), [W, se] = p(""), [G, K] = p(k[0] || null), q = c.useRef(null), { indeterminateValues: J, effectiveCheckedSet: ce } = f(() => !l || E !== "cascade" ? {
 		indeterminateValues: [],
 		effectiveCheckedSet: new Set(U)
-	} : T(c, new Set(U)), [
-		c,
+	} : T(l, new Set(U)), [
+		l,
 		E,
 		U
-	]), Y = l((e) => {
-		V((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, []), X = l((e) => {
-		if (v) ie((t) => {
+	]), Y = u((e) => {
+		ie((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, []), X = u((e) => {
+		if (v) ae((t) => {
 			let n = t.includes(e) ? t.filter((t) => t !== e) : [...t, e];
-			return M?.(n), n;
+			return j?.(n), n;
 		});
 		else {
 			let t = [e];
-			ie(t), M?.(t);
+			ae(t), j?.(t);
 		}
-	}, [v, M]), Z = l((e) => {
-		ae((t) => {
+	}, [v, j]), Z = u((e) => {
+		oe((t) => {
 			let n;
-			if (!c) return n = t.includes(e) ? t.filter((t) => t !== e) : [...t, e], j?.(n), n;
+			if (!l) return n = t.includes(e) ? t.filter((t) => t !== e) : [...t, e], A?.(n), n;
 			if (E === "cascade") {
-				let { indeterminateValues: r } = T(c, new Set(t)), i = t.includes(e) && !r.includes(e), a = [e, ...C(c, e) ?? []];
+				let { indeterminateValues: r } = T(l, new Set(t)), i = t.includes(e) && !r.includes(e), a = [e, ...C(l, e) ?? []];
 				n = i ? t.filter((e) => !a.includes(e)) : [...t, ...a.filter((e) => !t.includes(e))];
-				let { indeterminateValues: o, effectiveCheckedSet: s } = T(c, new Set(n));
-				j?.([...s].filter((e) => !o.includes(e)));
+				let { indeterminateValues: o, effectiveCheckedSet: s } = T(l, new Set(n));
+				A?.([...s].filter((e) => !o.includes(e)));
 			} else {
 				if (t.includes(e)) n = t.filter((t) => t !== e);
 				else {
-					let r = w(c, e) ?? [], i = C(c, e) ?? [], a = /* @__PURE__ */ new Set([...r, ...i]);
+					let r = w(l, e) ?? [], i = C(l, e) ?? [], a = /* @__PURE__ */ new Set([...r, ...i]);
 					n = [...t.filter((e) => !a.has(e)), e];
 				}
-				j?.(n);
+				A?.(n);
 			}
 			return n;
 		});
 	}, [
 		E,
-		c,
-		j
-	]), ce = f(() => ({
-		expandedValues: B,
+		l,
+		A
+	]), le = f(() => ({
+		expandedValues: V,
 		selectedValues: H,
 		checkedValues: U,
 		indeterminateValues: J,
@@ -132,11 +133,11 @@ var E = ({ children: o, nodes: c, className: u, multiSelect: v = !1, checkable:
 		checkStrategy: E,
 		searchQuery: W,
 		labels: {
-			expandLabel: R,
-			collapseLabel: z
+			expandLabel: z,
+			collapseLabel: B
 		}
 	}), [
-		B,
+		V,
 		H,
 		U,
 		J,
@@ -148,28 +149,28 @@ var E = ({ children: o, nodes: c, className: u, multiSelect: v = !1, checkable:
 		S,
 		E,
 		W,
-		R,
-		z
-	]), Q = f(() => c ? x(c, B, W) : [], [
-		c,
-		B,
+		z,
+		B
+	]), Q = f(() => l ? x(l, V, W) : [], [
+		l,
+		V,
 		W
-	]), le = !!c && Q.length >= ne, $ = l((e) => {
+	]), ue = !!l && Q.length >= M, $ = u((e) => {
 		let t = q.current;
 		if (!t || !e) return;
 		let n = Array.from(t.querySelectorAll("[role=\"treeitem\"]")).find((t) => t.getAttribute("data-value") === e);
 		n && n !== document.activeElement && n.focus();
 	}, []);
-	d(() => {
-		if (!c || !G) return;
+	ee(() => {
+		if (!l || !G) return;
 		let e = q.current, t = document.activeElement;
 		e && t && e.contains(t) && (t instanceof HTMLInputElement || $(G));
 	}, [
-		c,
+		l,
 		G,
 		$
 	]);
-	let ue = l((e, t, n) => {
+	let de = u((e, t, n) => {
 		switch (e.key) {
 			case "Enter":
 			case " ":
@@ -188,9 +189,9 @@ var E = ({ children: o, nodes: c, className: u, multiSelect: v = !1, checkable:
 				e.preventDefault(), Q.length > 0 && K(Q[Q.length - 1].value);
 				break;
 			case "ArrowRight":
-				e.preventDefault(), t.hasChildren && !B.includes(t.value) ? Y(t.value) : t.hasChildren && n < Q.length - 1 && K(Q[n + 1].value);
+				e.preventDefault(), t.hasChildren && !V.includes(t.value) ? Y(t.value) : t.hasChildren && n < Q.length - 1 && K(Q[n + 1].value);
 				break;
-			case "ArrowLeft": if (e.preventDefault(), t.hasChildren && B.includes(t.value)) Y(t.value);
+			case "ArrowLeft": if (e.preventDefault(), t.hasChildren && V.includes(t.value)) Y(t.value);
 			else for (let e = n - 1; e >= 0; e--) if (Q[e].depth < t.depth) {
 				K(Q[e].value);
 				break;
@@ -198,58 +199,58 @@ var E = ({ children: o, nodes: c, className: u, multiSelect: v = !1, checkable:
 		}
 	}, [
 		Q,
-		B,
+		V,
 		X,
 		S,
 		Z,
 		Y
-	]), de = l((e, i) => {
-		let o = H.includes(e.value), s = se.has(e.value), c = J.includes(e.value), l = B.includes(e.value), u = G === e.value, d = b(e.label);
+	]), fe = u((e, t) => {
+		let a = H.includes(e.value), s = ce.has(e.value), c = J.includes(e.value), l = V.includes(e.value), u = G === e.value, d = b(e.label);
 		return /* @__PURE__ */ h("div", {
-			className: m(a.item, o && a.selected, e.disabled && a.disabled, P?.item),
+			className: m(o.item, a && o.selected, e.disabled && o.disabled, F?.item),
 			role: "treeitem",
 			"aria-expanded": e.hasChildren ? l : void 0,
-			"aria-selected": o,
+			"aria-selected": a,
 			"aria-disabled": e.disabled,
 			"aria-setsize": Q.length,
-			"aria-posinset": i + 1,
+			"aria-posinset": t + 1,
 			"aria-level": e.depth + 1,
 			"data-value": e.value,
 			tabIndex: u ? 0 : -1,
 			onClick: (t) => {
 				t.stopPropagation(), K(e.value), e.disabled || (v && S ? Z(e.value) : X(e.value));
 			},
-			onKeyDown: (t) => {
-				t.key !== "Tab" && t.key !== "Escape" && t.stopPropagation(), ue(t, e, i);
+			onKeyDown: (n) => {
+				n.key !== "Tab" && n.key !== "Escape" && n.stopPropagation(), de(n, e, t);
 			},
 			onFocus: (t) => {
 				t.stopPropagation(), K(e.value);
 			},
 			style: { paddingLeft: e.depth * 20 },
-			children: /* @__PURE__ */ h(r, {
-				className: m(a.labelContainer, P?.labelContainer),
-				active: o,
+			children: /* @__PURE__ */ h(i, {
+				className: m(o.labelContainer, F?.labelContainer),
+				active: a,
 				disabled: e.disabled,
 				icon: /* @__PURE__ */ g("div", {
-					className: m(a.iconWrapper, P?.iconWrapper),
+					className: m(o.iconWrapper, F?.iconWrapper),
 					children: [
 						e.hasChildren ? /* @__PURE__ */ h("button", {
 							type: "button",
-							className: m(a.expandBtn, l && a.expanded, P?.expandBtn),
+							className: m(o.expandBtn, l && o.expanded, F?.expandBtn),
 							onClick: (t) => {
 								t.stopPropagation(), e.disabled || Y(e.value);
 							},
 							disabled: e.disabled,
-							"aria-label": l ? z(d) : R(d),
+							"aria-label": l ? B(d) : z(d),
 							tabIndex: -1,
-							children: /* @__PURE__ */ h(n, {
-								component: t,
+							children: /* @__PURE__ */ h(r, {
+								component: n,
 								size: "sm"
 							})
-						}) : /* @__PURE__ */ h("span", { className: a.spacer }),
+						}) : /* @__PURE__ */ h("span", { className: o.spacer }),
 						S && /* @__PURE__ */ h("input", {
 							type: "checkbox",
-							className: m(a.checkbox, P?.checkbox),
+							className: m(o.checkbox, F?.checkbox),
 							checked: s && !c,
 							ref: (e) => {
 								e && (e.indeterminate = c);
@@ -263,7 +264,7 @@ var E = ({ children: o, nodes: c, className: u, multiSelect: v = !1, checkable:
 							tabIndex: -1
 						}),
 						e.icon && /* @__PURE__ */ h("span", {
-							className: m(a.icon, P?.icon),
+							className: m(o.icon, F?.icon),
 							children: e.icon
 						})
 					]
@@ -273,9 +274,9 @@ var E = ({ children: o, nodes: c, className: u, multiSelect: v = !1, checkable:
 		}, e.value);
 	}, [
 		H,
-		se,
+		ce,
 		J,
-		B,
+		V,
 		G,
 		Q.length,
 		v,
@@ -283,77 +284,77 @@ var E = ({ children: o, nodes: c, className: u, multiSelect: v = !1, checkable:
 		X,
 		Z,
 		Y,
-		ue,
-		R,
+		de,
 		z,
-		P
+		B,
+		F
 	]);
 	return /* @__PURE__ */ h(_.Provider, {
-		value: ce,
+		value: le,
 		children: /* @__PURE__ */ g("div", {
 			ref: q,
 			"data-testid": "tree-view-root",
-			className: m("wim-tree-view", a.root, !!c && a.dataDriven, u, P?.root),
+			className: m("wim-tree-view", o.root, !!l && o.dataDriven, d, F?.root),
 			role: "tree",
 			"aria-label": N.treeAriaLabel,
-			"aria-labelledby": N.treeAriaLabel ? void 0 : re,
+			"aria-labelledby": N.treeAriaLabel ? void 0 : P,
 			style: {
-				width: te,
+				width: re,
 				maxWidth: "100%"
 			},
 			tabIndex: G ? -1 : 0,
 			onFocus: (e) => {
-				e.target === q.current && (c ? G ? $(G) : Q.length > 0 && (K(Q[0].value), $(Q[0].value)) : G ? (q.current?.querySelector(`[role="treeitem"][data-value="${G}"]`))?.focus() : (q.current?.querySelector("[role=\"treeitem\"]"))?.focus());
+				e.target === q.current && (l ? G ? $(G) : Q.length > 0 && (K(Q[0].value), $(Q[0].value)) : G ? (q.current?.querySelector(`[role="treeitem"][data-value="${G}"]`))?.focus() : (q.current?.querySelector("[role=\"treeitem\"]"))?.focus());
 			},
 			children: [D && /* @__PURE__ */ h("div", {
-				className: m(a.search, P?.search),
+				className: m(o.search, F?.search),
 				children: /* @__PURE__ */ h("input", {
 					type: "text",
 					"data-testid": "tree-view-search-input",
-					className: m(a.searchInput, P?.searchInput),
-					placeholder: I,
+					className: m(o.searchInput, F?.searchInput),
+					placeholder: L,
 					value: W,
-					onChange: (e) => oe(e.target.value),
-					"aria-label": L
+					onChange: (e) => se(e.target.value),
+					"aria-label": R
 				})
-			}), c ? le ? /* @__PURE__ */ h(i, {
+			}), l ? ue ? /* @__PURE__ */ h(a, {
 				items: Q,
-				itemHeight: ee,
+				itemHeight: te,
 				height: 400,
-				renderItem: de,
+				renderItem: fe,
 				itemRole: "none",
 				role: "presentation"
-			}) : Q.map((e, t) => de(e, t)) : o]
+			}) : Q.map((e, t) => fe(e, t)) : s]
 		})
 	});
-}, D = ({ value: e, label: i, icon: c, children: l, className: u, disabled: d = !1 }) => {
-	let { expandedValues: f, selectedValues: p, checkedValues: _, indeterminateValues: ee, focusedValue: y, toggleExpand: x, select: S, toggleCheck: C, setFocusedValue: w, containerRef: T, multiSelect: E, checkable: O, searchQuery: k } = v(), A = s.useId(), j = `wim-tree-view-item-checkbox-${A}`, M = `wim-tree-view-item-label-${A}`, te = b(i), ne = !k || te.toLowerCase().includes(k.toLowerCase()), N = s.useMemo(() => {
-		if (!k || !l) return !1;
-		let e = (t) => s.Children.toArray(t).some((t) => {
-			if (!s.isValidElement(t) || t.type !== D) return !1;
+}, D = ({ value: e, label: t, icon: a, children: l, className: u, disabled: d = !1 }) => {
+	let { expandedValues: ee, selectedValues: f, checkedValues: p, indeterminateValues: _, focusedValue: te, toggleExpand: y, select: x, toggleCheck: S, setFocusedValue: C, containerRef: w, multiSelect: T, checkable: E, searchQuery: O } = v(), k = c.useId(), ne = `wim-tree-view-item-checkbox-${k}`, A = `wim-tree-view-item-label-${k}`, j = b(t), re = !O || j.toLowerCase().includes(O.toLowerCase()), M = c.useMemo(() => {
+		if (!O || !l) return !1;
+		let e = (t) => c.Children.toArray(t).some((t) => {
+			if (!c.isValidElement(t) || t.type !== D) return !1;
 			let n = t.props, r = n.label;
-			return b(r).toLowerCase().includes(k.toLowerCase()) ? !0 : n.children ? e(n.children) : !1;
+			return b(r).toLowerCase().includes(O.toLowerCase()) ? !0 : n.children ? e(n.children) : !1;
 		});
 		return e(l);
-	}, [l, k]), re = !!k && N, P = f.includes(e) || re, F = p.includes(e), I = _.includes(e), L = ee.includes(e), R = !!s.Children.count(l), { shouldRender: z, isVisualExpanded: B, handleTransitionEnd: V } = o(P);
-	return k && !ne && !N ? null : /* @__PURE__ */ g("div", {
-		className: m(a.item, F && a.selected, d && a.disabled, u),
+	}, [l, O]), N = !!O && M, P = ee.includes(e) || N, F = f.includes(e), I = p.includes(e), L = _.includes(e), R = !!c.Children.count(l), { shouldRender: z, isVisualExpanded: B, handleTransitionEnd: V } = s(P);
+	return O && !re && !M ? null : /* @__PURE__ */ g("div", {
+		className: m(o.item, F && o.selected, d && o.disabled, u),
 		role: "treeitem",
 		"aria-expanded": R ? P : void 0,
 		"aria-selected": F,
 		"aria-disabled": d,
 		"data-value": e,
 		onClick: (t) => {
-			t.stopPropagation(), w(e), d || (E && O ? C(e) : S(e));
+			t.stopPropagation(), C(e), d || (T && E ? S(e) : x(e));
 		},
 		onKeyDown: (t) => {
 			if (d) return;
 			t.key !== "Tab" && t.key !== "Escape" && t.stopPropagation();
-			let n = Array.from(T.current?.querySelectorAll("[role=\"treeitem\"]:not([aria-disabled=\"true\"])") || []), r = n.indexOf(t.currentTarget);
+			let n = Array.from(w.current?.querySelectorAll("[role=\"treeitem\"]:not([aria-disabled=\"true\"])") || []), r = n.indexOf(t.currentTarget);
 			switch (t.key) {
 				case "Enter":
 				case " ":
-					t.preventDefault(), S(e), O && C(e);
+					t.preventDefault(), x(e), E && S(e);
 					break;
 				case "ArrowDown":
 					t.preventDefault(), r < n.length - 1 && n[r + 1].focus();
@@ -368,9 +369,9 @@ var E = ({ children: o, nodes: c, className: u, multiSelect: v = !1, checkable:
 					t.preventDefault(), n.length > 0 && n[n.length - 1].focus();
 					break;
 				case "ArrowRight":
-					R && (P ? (t.preventDefault(), r < n.length - 1 && n[r + 1].focus()) : (t.preventDefault(), x(e)));
+					R && (P ? (t.preventDefault(), r < n.length - 1 && n[r + 1].focus()) : (t.preventDefault(), y(e)));
 					break;
-				case "ArrowLeft": if (R && P) t.preventDefault(), x(e);
+				case "ArrowLeft": if (R && P) t.preventDefault(), y(e);
 				else {
 					t.preventDefault();
 					let e = t.currentTarget.parentElement?.closest("[role=\"treeitem\"]");
@@ -379,61 +380,61 @@ var E = ({ children: o, nodes: c, className: u, multiSelect: v = !1, checkable:
 			}
 		},
 		onFocus: (t) => {
-			t.stopPropagation(), w(e);
+			t.stopPropagation(), C(e);
 		},
-		tabIndex: y === e ? 0 : -1,
-		children: [/* @__PURE__ */ h(r, {
-			id: M,
-			className: a.labelContainer,
+		tabIndex: te === e ? 0 : -1,
+		children: [/* @__PURE__ */ h(i, {
+			id: A,
+			className: o.labelContainer,
 			active: F,
 			disabled: d,
 			icon: /* @__PURE__ */ g("div", {
-				className: a.iconWrapper,
+				className: o.iconWrapper,
 				children: [
 					R && /* @__PURE__ */ h("button", {
 						type: "button",
-						className: m(a.expandBtn, P && a.expanded),
+						className: m(o.expandBtn, P && o.expanded),
 						onClick: (t) => {
-							t.stopPropagation(), !d && R && x(e);
+							t.stopPropagation(), !d && R && y(e);
 						},
 						disabled: d,
-						"aria-label": P ? `Collapse ${typeof i == "string" ? i : ""}` : `Expand ${typeof i == "string" ? i : ""}`,
+						"aria-label": P ? `Collapse ${typeof t == "string" ? t : ""}` : `Expand ${typeof t == "string" ? t : ""}`,
 						tabIndex: -1,
-						children: /* @__PURE__ */ h(n, {
-							component: t,
+						children: /* @__PURE__ */ h(r, {
+							component: n,
 							size: "sm"
 						})
 					}),
-					!R && /* @__PURE__ */ h("span", { className: a.spacer }),
-					O && /* @__PURE__ */ h("input", {
-						id: j,
+					!R && /* @__PURE__ */ h("span", { className: o.spacer }),
+					E && /* @__PURE__ */ h("input", {
+						id: ne,
 						type: "checkbox",
-						className: a.checkbox,
+						className: o.checkbox,
 						checked: I && !L,
 						ref: (e) => {
 							e && (e.indeterminate = L);
 						},
 						onChange: (t) => {
-							t.stopPropagation(), d || C(e);
+							t.stopPropagation(), d || S(e);
 						},
 						disabled: d,
 						onClick: (e) => e.stopPropagation(),
-						"aria-labelledby": M,
+						"aria-labelledby": A,
 						tabIndex: -1
 					}),
-					c && /* @__PURE__ */ h("span", {
-						className: a.icon,
-						children: c
+					a && /* @__PURE__ */ h("span", {
+						className: o.icon,
+						children: a
 					})
 				]
 			}),
-			children: i
+			children: t
 		}), R && z && /* @__PURE__ */ h("div", {
-			className: m(a.children, B && a.expanded),
+			className: m(o.children, B && o.expanded),
 			onTransitionEnd: V,
 			style: { gridTemplateRows: B ? "1fr" : "0fr" },
 			children: /* @__PURE__ */ h("div", {
-				className: a.childrenInner,
+				className: o.childrenInner,
 				role: "group",
 				children: l
 			})

package/dist/components/feedback/Autosave/Autosave.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/alert-circle.cjs"),r=require("../../../icon/check-circle.cjs"),i=require("../../../icon/spinner.cjs"),a=require("./autosave.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=o.default.forwardRef(({status:e,savedAt:o,errorMessage:l,className:u,...d},f)=>{let{t:p}=t.useWimTranslation(`common`);if(e===`idle`)return null;let m=(()=>{switch(e){case`saving`:return p(`autosave.saving`);case`saved`:return o?p(`autosave.saved_at`,{time:o.toLocaleTimeString(void 0,{hour:`2-digit`,minute:`2-digit`})}):p(`autosave.saved`);case`error`:return l??p(`autosave.error`)}})();return(0,c.jsxs)(`div`,{ref:f,role:`status`,"aria-live":`polite`,"aria-label":p(`autosave.aria_label`),className:(0,s.default)(`wim-autosave`,a.default.root,a.default[e],u),...d,children:[(0,c.jsxs)(`span`,{className:a.default.icon,"aria-hidden":`true`,children:[e===`saving`&&(0,c.jsx)(i.default,{className:a.default.spinner}),e===`saved`&&(0,c.jsx)(r.default,{}),e===`error`&&(0,c.jsx)(n.default,{})]}),(0,c.jsx)(`span`,{className:a.default.label,children:m})]})});l.displayName=`Autosave`,exports.Autosave=l;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../../icon/alert-circle.cjs"),i=require("../../../icon/check-circle.cjs"),a=require("../../../icon/spinner.cjs"),o=require("./autosave.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=s.default.forwardRef(({status:e,savedAt:s,errorMessage:u,className:d,...f},p)=>{let{t:m}=t.useWimTranslation(n.commonNs);if(e===`idle`)return null;let h=(()=>{switch(e){case`saving`:return m(`autosave.saving`);case`saved`:return s?m(`autosave.saved_at`,{time:s.toLocaleTimeString(void 0,{hour:`2-digit`,minute:`2-digit`})}):m(`autosave.saved`);case`error`:return u??m(`autosave.error`)}})();return(0,l.jsxs)(`div`,{ref:p,role:`status`,"aria-live":`polite`,"aria-label":m(`autosave.aria_label`),className:(0,c.default)(`wim-autosave`,o.default.root,o.default[e],d),...f,children:[(0,l.jsxs)(`span`,{className:o.default.icon,"aria-hidden":`true`,children:[e===`saving`&&(0,l.jsx)(a.default,{className:o.default.spinner}),e===`saved`&&(0,l.jsx)(i.default,{}),e===`error`&&(0,l.jsx)(r.default,{})]}),(0,l.jsx)(`span`,{className:o.default.label,children:h})]})});u.displayName=`Autosave`,exports.Autosave=u;

package/dist/components/feedback/Autosave/Autosave.js

@@ -1,47 +1,48 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import t from "../../../icon/alert-circle.js";
-import n from "../../../icon/check-circle.js";
-import r from "../../../icon/spinner.js";
-import i from "./autosave.module.js";
-import a from "react";
-import o from "classnames";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { commonNs as t } from "../../../i18n/generated/common.js";
+import n from "../../../icon/alert-circle.js";
+import r from "../../../icon/check-circle.js";
+import i from "../../../icon/spinner.js";
+import a from "./autosave.module.js";
+import o from "react";
+import s from "classnames";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/feedback/Autosave/Autosave.tsx
-var l = a.forwardRef(({ status: a, savedAt: l, errorMessage: u, className: d, ...f }, p) => {
-	let { t: m } = e("common");
-	if (a === "idle") return null;
-	let h = (() => {
-		switch (a) {
-			case "saving": return m("autosave.saving");
-			case "saved": return l ? m("autosave.saved_at", { time: l.toLocaleTimeString(void 0, {
+var u = o.forwardRef(({ status: o, savedAt: u, errorMessage: d, className: f, ...p }, m) => {
+	let { t: h } = e(t);
+	if (o === "idle") return null;
+	let g = (() => {
+		switch (o) {
+			case "saving": return h("autosave.saving");
+			case "saved": return u ? h("autosave.saved_at", { time: u.toLocaleTimeString(void 0, {
 				hour: "2-digit",
 				minute: "2-digit"
-			}) }) : m("autosave.saved");
-			case "error": return u ?? m("autosave.error");
+			}) }) : h("autosave.saved");
+			case "error": return d ?? h("autosave.error");
 		}
 	})();
-	return /* @__PURE__ */ c("div", {
-		ref: p,
+	return /* @__PURE__ */ l("div", {
+		ref: m,
 		role: "status",
 		"aria-live": "polite",
-		"aria-label": m("autosave.aria_label"),
-		className: o("wim-autosave", i.root, i[a], d),
-		...f,
-		children: [/* @__PURE__ */ c("span", {
-			className: i.icon,
+		"aria-label": h("autosave.aria_label"),
+		className: s("wim-autosave", a.root, a[o], f),
+		...p,
+		children: [/* @__PURE__ */ l("span", {
+			className: a.icon,
 			"aria-hidden": "true",
 			children: [
-				a === "saving" && /* @__PURE__ */ s(r, { className: i.spinner }),
-				a === "saved" && /* @__PURE__ */ s(n, {}),
-				a === "error" && /* @__PURE__ */ s(t, {})
+				o === "saving" && /* @__PURE__ */ c(i, { className: a.spinner }),
+				o === "saved" && /* @__PURE__ */ c(r, {}),
+				o === "error" && /* @__PURE__ */ c(n, {})
 			]
-		}), /* @__PURE__ */ s("span", {
-			className: i.label,
-			children: h
+		}), /* @__PURE__ */ c("span", {
+			className: a.label,
+			children: g
 		})]
 	});
 });
-l.displayName = "Autosave";
+u.displayName = "Autosave";
 //#endregion
-export { l as Autosave };
+export { u as Autosave };

package/dist/components/feedback/Banner/banner.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1gv69_23`,t=`_container_1gv69_42`,n=`_content_1gv69_51`,r=`_icon_1gv69_58`,i=`_text_1gv69_66`,a=`_title_1gv69_71`,o=`_separator_1gv69_74`,s=`_description_1gv69_84`,c=`_actions_1gv69_87`,l=`_close_1gv69_93`,u=`_info_1gv69_140`,d=`_success_1gv69_148`,f=`_warning_1gv69_156`,p=`_danger_1gv69_164`,m={root:e,container:t,content:n,icon:r,text:i,title:a,separator:o,description:s,actions:c,close:l,default:`_default_1gv69_133`,info:u,success:d,warning:f,danger:p};exports.actions=c,exports.close=l,exports.container=t,exports.content=n,exports.danger=p,exports.default=m,exports.description=s,exports.icon=r,exports.info=u,exports.root=e,exports.separator=o,exports.success=d,exports.text=i,exports.title=a,exports.warning=f;
+var e=`_root_lw698_23`,t=`_container_lw698_42`,n=`_content_lw698_51`,r=`_icon_lw698_58`,i=`_text_lw698_66`,a=`_title_lw698_71`,o=`_separator_lw698_74`,s=`_description_lw698_84`,c=`_actions_lw698_87`,l=`_close_lw698_93`,u=`_info_lw698_143`,d=`_success_lw698_151`,f=`_warning_lw698_159`,p=`_danger_lw698_167`,m={root:e,container:t,content:n,icon:r,text:i,title:a,separator:o,description:s,actions:c,close:l,default:`_default_lw698_136`,info:u,success:d,warning:f,danger:p};exports.actions=c,exports.close=l,exports.container=t,exports.content=n,exports.danger=p,exports.default=m,exports.description=s,exports.icon=r,exports.info=u,exports.root=e,exports.separator=o,exports.success=d,exports.text=i,exports.title=a,exports.warning=f;

package/dist/components/feedback/Banner/banner.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/feedback/Banner/banner.module.scss
-var e = "_root_1gv69_23", t = "_container_1gv69_42", n = "_content_1gv69_51", r = "_icon_1gv69_58", i = "_text_1gv69_66", a = "_title_1gv69_71", o = "_separator_1gv69_74", s = "_description_1gv69_84", c = "_actions_1gv69_87", l = "_close_1gv69_93", u = "_info_1gv69_140", d = "_success_1gv69_148", f = "_warning_1gv69_156", p = "_danger_1gv69_164", m = {
+var e = "_root_lw698_23", t = "_container_lw698_42", n = "_content_lw698_51", r = "_icon_lw698_58", i = "_text_lw698_66", a = "_title_lw698_71", o = "_separator_lw698_74", s = "_description_lw698_84", c = "_actions_lw698_87", l = "_close_lw698_93", u = "_info_lw698_143", d = "_success_lw698_151", f = "_warning_lw698_159", p = "_danger_lw698_167", m = {
 	root: e,
 	container: t,
 	content: n,
@@ -11,7 +11,7 @@ var e = "_root_1gv69_23", t = "_container_1gv69_42", n = "_content_1gv69_51", r
 	description: s,
 	actions: c,
 	close: l,
-	default: "_default_1gv69_133",
+	default: "_default_lw698_136",
 	info: u,
 	success: d,
 	warning: f,

package/dist/components/feedback/ErrorBoundary/ErrorBoundary.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Box/Box.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../layout/Stack/Stack.cjs"),i=require("../../form/Button/Button.cjs"),a=require("../Alert/Alert.cjs"),o=require("./errorboundary.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=({error:e,errorInfo:l,reset:u,labels:d})=>{let{t:f}=n.useWimTranslation(`common`),[p,m]=(0,s.useState)(!1),h={title:d?.title??f(`error.boundary_title`),retry:d?.retry??f(`error.boundary_retry`),showDetails:d?.showDetails??f(`error.boundary_show_details`),hideDetails:d?.hideDetails??f(`error.boundary_hide_details`)};return(0,c.jsx)(t.Box,{p:`lg`,radius:`md`,bg:`var(--wim-color-danger-subtle)`,className:`wim-error-boundary ${o.default.fallback}`,children:(0,c.jsxs)(r.Stack,{gap:`md`,children:[(0,c.jsx)(a.Alert,{intent:`danger`,title:h.title,description:e.message}),(0,c.jsxs)(r.Stack,{direction:`row`,gap:`sm`,wrap:!0,children:[(0,c.jsx)(i.Button,{onClick:u,variant:`solid`,children:h.retry}),(0,c.jsx)(i.Button,{onClick:()=>m(!p),variant:`outline`,children:p?h.hideDetails:h.showDetails})]}),p&&(0,c.jsx)(t.Box,{p:`md`,bg:`surface-inset`,radius:`component`,className:o.default.details,children:(0,c.jsxs)(`code`,{children:[e.toString(),(0,c.jsx)(`br`,{}),l?.componentStack]})})]})})},u=class extends s.Component{state={hasError:!1,error:null,errorInfo:null};static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){this.setState({errorInfo:t}),this.props.onError?.(e,t)}reset=()=>{this.setState({hasError:!1,error:null,errorInfo:null}),this.props.onReset?.()};render(){let{hasError:e,error:t,errorInfo:n}=this.state,{children:r,fallback:i,labels:a}=this.props;return e&&t?typeof i==`function`?i(t,n,this.reset):i||(0,c.jsx)(l,{error:t,errorInfo:n,reset:this.reset,labels:a}):r}};exports.ErrorBoundary=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Box/Box.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../i18n/generated/common.cjs"),i=require("../../layout/Stack/Stack.cjs"),a=require("../../form/Button/Button.cjs"),o=require("../Alert/Alert.cjs"),s=require("./errorboundary.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=({error:e,errorInfo:u,reset:d,labels:f})=>{let{t:p}=n.useWimTranslation(r.commonNs),[m,h]=(0,c.useState)(!1),g={title:f?.title??p(`error.boundary_title`),retry:f?.retry??p(`error.boundary_retry`),showDetails:f?.showDetails??p(`error.boundary_show_details`),hideDetails:f?.hideDetails??p(`error.boundary_hide_details`)};return(0,l.jsx)(t.Box,{p:`lg`,radius:`md`,bg:`var(--wim-color-danger-subtle)`,className:`wim-error-boundary ${s.default.fallback}`,children:(0,l.jsxs)(i.Stack,{gap:`md`,children:[(0,l.jsx)(o.Alert,{intent:`danger`,title:g.title,description:e.message}),(0,l.jsxs)(i.Stack,{direction:`row`,gap:`sm`,wrap:!0,children:[(0,l.jsx)(a.Button,{onClick:d,variant:`solid`,children:g.retry}),(0,l.jsx)(a.Button,{onClick:()=>h(!m),variant:`outline`,children:m?g.hideDetails:g.showDetails})]}),m&&(0,l.jsx)(t.Box,{p:`md`,bg:`surface-inset`,radius:`component`,className:s.default.details,children:(0,l.jsxs)(`code`,{children:[e.toString(),(0,l.jsx)(`br`,{}),u?.componentStack]})})]})})},d=class extends c.Component{state={hasError:!1,error:null,errorInfo:null};static getDerivedStateFromError(e){return{hasError:!0,error:e}}componentDidCatch(e,t){this.setState({errorInfo:t}),this.props.onError?.(e,t)}reset=()=>{this.setState({hasError:!1,error:null,errorInfo:null}),this.props.onReset?.()};render(){let{hasError:e,error:t,errorInfo:n}=this.state,{children:r,fallback:i,labels:a}=this.props;return e&&t?typeof i==`function`?i(t,n,this.reset):i||(0,l.jsx)(u,{error:t,errorInfo:n,reset:this.reset,labels:a}):r}};exports.ErrorBoundary=d;