wimui 0.59.0 → 0.60.0

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

@@ -52,17 +52,17 @@ function C(e, t) {
 	}
 	return null;
 }
-function w(e, t, n = []) {
+function ne(e, t, n = []) {
 	for (let r of e) {
 		if (r.value === t) return n;
 		if (r.children) {
-			let e = w(r.children, t, [...n, r.value]);
+			let e = ne(r.children, t, [...n, r.value]);
 			if (e !== null) return e;
 		}
 	}
 	return null;
 }
-function T(e, t) {
+function w(e, t) {
 	let n = [], r = new Set(t);
 	function i(e) {
 		if (!e.children?.length) return r.has(e.value) ? "checked" : "unchecked";
@@ -75,49 +75,49 @@ function T(e, t) {
 		effectiveCheckedSet: r
 	};
 }
-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" ? {
+var T = ({ children: s, nodes: l, className: d, multiSelect: v = !1, checkable: S = !1, checkStrategy: T = "cascade", searchable: E = !1, defaultExpandedValues: D = [], defaultSelectedValues: O = [], defaultCheckedValues: re = [], onCheckedChange: k, onSelectedChange: A, width: ie, virtualThreshold: j = y, labels: M = {}, labelId: N, styles: P, "aria-label": F, "aria-labelledby": I }) => {
+	let { t: L } = e(t), { searchPlaceholder: ae, searchAriaLabel: R = L("treeview.search_aria"), expandLabel: z = (e) => L("treeview.expand", { label: e }), collapseLabel: B = (e) => L("treeview.collapse", { label: e }) } = M, [V, oe] = p(D), [H, se] = p(O), [U, ce] = p(re), [W, le] = p(""), [G, K] = p(O[0] || null), q = c.useRef(null), { indeterminateValues: J, effectiveCheckedSet: ue } = f(() => !l || T !== "cascade" ? {
 		indeterminateValues: [],
 		effectiveCheckedSet: new Set(U)
-	} : T(l, new Set(U)), [
+	} : w(l, new Set(U)), [
 		l,
-		E,
+		T,
 		U
 	]), Y = u((e) => {
-		ie((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+		oe((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
 	}, []), X = u((e) => {
-		if (v) ae((t) => {
+		if (v) se((t) => {
 			let n = t.includes(e) ? t.filter((t) => t !== e) : [...t, e];
-			return j?.(n), n;
+			return A?.(n), n;
 		});
 		else {
 			let t = [e];
-			ae(t), j?.(t);
+			se(t), A?.(t);
 		}
-	}, [v, j]), Z = u((e) => {
-		oe((t) => {
+	}, [v, A]), Z = u((e) => {
+		ce((t) => {
 			let 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(l, new Set(t)), i = t.includes(e) && !r.includes(e), a = [e, ...C(l, e) ?? []];
+			if (!l) return n = t.includes(e) ? t.filter((t) => t !== e) : [...t, e], k?.(n), n;
+			if (T === "cascade") {
+				let { indeterminateValues: r } = w(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(l, new Set(n));
-				A?.([...s].filter((e) => !o.includes(e)));
+				let { indeterminateValues: o, effectiveCheckedSet: s } = w(l, new Set(n));
+				k?.([...s].filter((e) => !o.includes(e)));
 			} else {
 				if (t.includes(e)) n = t.filter((t) => t !== e);
 				else {
-					let r = w(l, e) ?? [], i = C(l, e) ?? [], a = /* @__PURE__ */ new Set([...r, ...i]);
+					let r = ne(l, e) ?? [], i = C(l, e) ?? [], a = /* @__PURE__ */ new Set([...r, ...i]);
 					n = [...t.filter((e) => !a.has(e)), e];
 				}
-				A?.(n);
+				k?.(n);
 			}
 			return n;
 		});
 	}, [
-		E,
+		T,
 		l,
-		A
-	]), le = f(() => ({
+		k
+	]), de = f(() => ({
 		expandedValues: V,
 		selectedValues: H,
 		checkedValues: U,
@@ -130,7 +130,7 @@ var E = ({ children: s, nodes: l, className: d, multiSelect: v = !1, checkable:
 		containerRef: q,
 		multiSelect: v,
 		checkable: S,
-		checkStrategy: E,
+		checkStrategy: T,
 		searchQuery: W,
 		labels: {
 			expandLabel: z,
@@ -147,7 +147,7 @@ var E = ({ children: s, nodes: l, className: d, multiSelect: v = !1, checkable:
 		Z,
 		v,
 		S,
-		E,
+		T,
 		W,
 		z,
 		B
@@ -155,7 +155,7 @@ var E = ({ children: s, nodes: l, className: d, multiSelect: v = !1, checkable:
 		l,
 		V,
 		W
-	]), ue = !!l && Q.length >= M, $ = u((e) => {
+	]), fe = !!l && Q.length >= j, $ = 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);
@@ -170,7 +170,7 @@ var E = ({ children: s, nodes: l, className: d, multiSelect: v = !1, checkable:
 		G,
 		$
 	]);
-	let de = u((e, t, n) => {
+	let pe = u((e, t, n) => {
 		switch (e.key) {
 			case "Enter":
 			case " ":
@@ -204,10 +204,10 @@ var E = ({ children: s, nodes: l, className: d, multiSelect: v = !1, checkable:
 		S,
 		Z,
 		Y
-	]), 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);
+	]), me = u((e, t) => {
+		let a = H.includes(e.value), s = ue.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(o.item, a && o.selected, e.disabled && o.disabled, F?.item),
+			className: m(o.item, a && o.selected, e.disabled && o.disabled, P?.item),
 			role: "treeitem",
 			"aria-expanded": e.hasChildren ? l : void 0,
 			"aria-selected": a,
@@ -221,22 +221,22 @@ var E = ({ children: s, nodes: l, className: d, multiSelect: v = !1, checkable:
 				t.stopPropagation(), K(e.value), e.disabled || (v && S ? Z(e.value) : X(e.value));
 			},
 			onKeyDown: (n) => {
-				n.key !== "Tab" && n.key !== "Escape" && n.stopPropagation(), de(n, e, t);
+				n.key !== "Tab" && n.key !== "Escape" && n.stopPropagation(), pe(n, e, t);
 			},
 			onFocus: (t) => {
 				t.stopPropagation(), K(e.value);
 			},
 			style: { paddingLeft: e.depth * 20 },
 			children: /* @__PURE__ */ h(i, {
-				className: m(o.labelContainer, F?.labelContainer),
+				className: m(o.labelContainer, P?.labelContainer),
 				active: a,
 				disabled: e.disabled,
 				icon: /* @__PURE__ */ g("div", {
-					className: m(o.iconWrapper, F?.iconWrapper),
+					className: m(o.iconWrapper, P?.iconWrapper),
 					children: [
 						e.hasChildren ? /* @__PURE__ */ h("button", {
 							type: "button",
-							className: m(o.expandBtn, l && o.expanded, F?.expandBtn),
+							className: m(o.expandBtn, l && o.expanded, P?.expandBtn),
 							onClick: (t) => {
 								t.stopPropagation(), e.disabled || Y(e.value);
 							},
@@ -250,7 +250,7 @@ var E = ({ children: s, nodes: l, className: d, multiSelect: v = !1, checkable:
 						}) : /* @__PURE__ */ h("span", { className: o.spacer }),
 						S && /* @__PURE__ */ h("input", {
 							type: "checkbox",
-							className: m(o.checkbox, F?.checkbox),
+							className: m(o.checkbox, P?.checkbox),
 							checked: s && !c,
 							ref: (e) => {
 								e && (e.indeterminate = c);
@@ -264,7 +264,7 @@ var E = ({ children: s, nodes: l, className: d, multiSelect: v = !1, checkable:
 							tabIndex: -1
 						}),
 						e.icon && /* @__PURE__ */ h("span", {
-							className: m(o.icon, F?.icon),
+							className: m(o.icon, P?.icon),
 							children: e.icon
 						})
 					]
@@ -274,7 +274,7 @@ var E = ({ children: s, nodes: l, className: d, multiSelect: v = !1, checkable:
 		}, e.value);
 	}, [
 		H,
-		ce,
+		ue,
 		J,
 		V,
 		G,
@@ -284,77 +284,77 @@ var E = ({ children: s, nodes: l, className: d, multiSelect: v = !1, checkable:
 		X,
 		Z,
 		Y,
-		de,
+		pe,
 		z,
 		B,
-		F
+		P
 	]);
 	return /* @__PURE__ */ h(_.Provider, {
-		value: le,
+		value: de,
 		children: /* @__PURE__ */ g("div", {
 			ref: q,
 			"data-testid": "tree-view-root",
-			className: m("wim-tree-view", o.root, !!l && o.dataDriven, d, F?.root),
+			className: m("wim-tree-view", o.root, !!l && o.dataDriven, d, P?.root),
 			role: "tree",
-			"aria-label": N.treeAriaLabel,
-			"aria-labelledby": N.treeAriaLabel ? void 0 : P,
+			"aria-label": I ? void 0 : F ?? M.treeAriaLabel,
+			"aria-labelledby": I ?? (!F && !M.treeAriaLabel ? N : void 0),
 			style: {
-				width: re,
+				width: ie,
 				maxWidth: "100%"
 			},
 			tabIndex: G ? -1 : 0,
 			onFocus: (e) => {
 				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(o.search, F?.search),
+			children: [E && /* @__PURE__ */ h("div", {
+				className: m(o.search, P?.search),
 				children: /* @__PURE__ */ h("input", {
 					type: "text",
 					"data-testid": "tree-view-search-input",
-					className: m(o.searchInput, F?.searchInput),
-					placeholder: L,
+					className: m(o.searchInput, P?.searchInput),
+					placeholder: ae,
 					value: W,
-					onChange: (e) => se(e.target.value),
+					onChange: (e) => le(e.target.value),
 					"aria-label": R
 				})
-			}), l ? ue ? /* @__PURE__ */ h(a, {
+			}), l ? fe ? /* @__PURE__ */ h(a, {
 				items: Q,
 				itemHeight: te,
 				height: 400,
-				renderItem: fe,
+				renderItem: me,
 				itemRole: "none",
 				role: "presentation"
-			}) : Q.map((e, t) => fe(e, t)) : s]
+			}) : Q.map((e, t) => me(e, t)) : s]
 		})
 	});
-}, 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;
+}, E = ({ 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: ne, multiSelect: w, checkable: T, searchQuery: D } = v(), O = c.useId(), re = `wim-tree-view-item-checkbox-${O}`, k = `wim-tree-view-item-label-${O}`, A = b(t), ie = !D || A.toLowerCase().includes(D.toLowerCase()), j = c.useMemo(() => {
+		if (!D || !l) return !1;
 		let e = (t) => c.Children.toArray(t).some((t) => {
-			if (!c.isValidElement(t) || t.type !== D) return !1;
+			if (!c.isValidElement(t) || t.type !== E) return !1;
 			let n = t.props, r = n.label;
-			return b(r).toLowerCase().includes(O.toLowerCase()) ? !0 : n.children ? e(n.children) : !1;
+			return b(r).toLowerCase().includes(D.toLowerCase()) ? !0 : n.children ? e(n.children) : !1;
 		});
 		return e(l);
-	}, [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),
+	}, [l, D]), M = !!D && j, N = ee.includes(e) || M, P = f.includes(e), F = p.includes(e), I = _.includes(e), L = !!c.Children.count(l), { shouldRender: ae, isVisualExpanded: R, handleTransitionEnd: z } = s(N);
+	return D && !ie && !j ? null : /* @__PURE__ */ g("div", {
+		className: m(o.item, P && o.selected, d && o.disabled, u),
 		role: "treeitem",
-		"aria-expanded": R ? P : void 0,
-		"aria-selected": F,
+		"aria-expanded": L ? N : void 0,
+		"aria-selected": P,
 		"aria-disabled": d,
 		"data-value": e,
 		onClick: (t) => {
-			t.stopPropagation(), C(e), d || (T && E ? S(e) : x(e));
+			t.stopPropagation(), C(e), d || (w && T ? S(e) : x(e));
 		},
 		onKeyDown: (t) => {
 			if (d) return;
 			t.key !== "Tab" && t.key !== "Escape" && t.stopPropagation();
-			let n = Array.from(w.current?.querySelectorAll("[role=\"treeitem\"]:not([aria-disabled=\"true\"])") || []), r = n.indexOf(t.currentTarget);
+			let n = Array.from(ne.current?.querySelectorAll("[role=\"treeitem\"]:not([aria-disabled=\"true\"])") || []), r = n.indexOf(t.currentTarget);
 			switch (t.key) {
 				case "Enter":
 				case " ":
-					t.preventDefault(), x(e), E && S(e);
+					t.preventDefault(), x(e), T && S(e);
 					break;
 				case "ArrowDown":
 					t.preventDefault(), r < n.length - 1 && n[r + 1].focus();
@@ -369,9 +369,9 @@ var E = ({ children: s, nodes: l, className: d, 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(), y(e)));
+					L && (N ? (t.preventDefault(), r < n.length - 1 && n[r + 1].focus()) : (t.preventDefault(), y(e)));
 					break;
-				case "ArrowLeft": if (R && P) t.preventDefault(), y(e);
+				case "ArrowLeft": if (L && N) t.preventDefault(), y(e);
 				else {
 					t.preventDefault();
 					let e = t.currentTarget.parentElement?.closest("[role=\"treeitem\"]");
@@ -384,42 +384,42 @@ var E = ({ children: s, nodes: l, className: d, multiSelect: v = !1, checkable:
 		},
 		tabIndex: te === e ? 0 : -1,
 		children: [/* @__PURE__ */ h(i, {
-			id: A,
+			id: k,
 			className: o.labelContainer,
-			active: F,
+			active: P,
 			disabled: d,
 			icon: /* @__PURE__ */ g("div", {
 				className: o.iconWrapper,
 				children: [
-					R && /* @__PURE__ */ h("button", {
+					L && /* @__PURE__ */ h("button", {
 						type: "button",
-						className: m(o.expandBtn, P && o.expanded),
+						className: m(o.expandBtn, N && o.expanded),
 						onClick: (t) => {
-							t.stopPropagation(), !d && R && y(e);
+							t.stopPropagation(), !d && L && y(e);
 						},
 						disabled: d,
-						"aria-label": P ? `Collapse ${typeof t == "string" ? t : ""}` : `Expand ${typeof t == "string" ? t : ""}`,
+						"aria-label": N ? `Collapse ${typeof t == "string" ? t : ""}` : `Expand ${typeof t == "string" ? t : ""}`,
 						tabIndex: -1,
 						children: /* @__PURE__ */ h(r, {
 							component: n,
 							size: "sm"
 						})
 					}),
-					!R && /* @__PURE__ */ h("span", { className: o.spacer }),
-					E && /* @__PURE__ */ h("input", {
-						id: ne,
+					!L && /* @__PURE__ */ h("span", { className: o.spacer }),
+					T && /* @__PURE__ */ h("input", {
+						id: re,
 						type: "checkbox",
 						className: o.checkbox,
-						checked: I && !L,
+						checked: F && !I,
 						ref: (e) => {
-							e && (e.indeterminate = L);
+							e && (e.indeterminate = I);
 						},
 						onChange: (t) => {
 							t.stopPropagation(), d || S(e);
 						},
 						disabled: d,
 						onClick: (e) => e.stopPropagation(),
-						"aria-labelledby": A,
+						"aria-labelledby": k,
 						tabIndex: -1
 					}),
 					a && /* @__PURE__ */ h("span", {
@@ -429,10 +429,10 @@ var E = ({ children: s, nodes: l, className: d, multiSelect: v = !1, checkable:
 				]
 			}),
 			children: t
-		}), R && z && /* @__PURE__ */ h("div", {
-			className: m(o.children, B && o.expanded),
-			onTransitionEnd: V,
-			style: { gridTemplateRows: B ? "1fr" : "0fr" },
+		}), L && ae && /* @__PURE__ */ h("div", {
+			className: m(o.children, R && o.expanded),
+			onTransitionEnd: z,
+			style: { gridTemplateRows: R ? "1fr" : "0fr" },
 			children: /* @__PURE__ */ h("div", {
 				className: o.childrenInner,
 				role: "group",
@@ -441,8 +441,8 @@ var E = ({ children: s, nodes: l, className: d, multiSelect: v = !1, checkable:
 		})]
 	});
 };
-E.displayName = "TreeView", D.displayName = "TreeView.Item";
-var O = E;
-O.Item = D;
+T.displayName = "TreeView", E.displayName = "TreeView.Item";
+var D = T;
+D.Item = E;
 //#endregion
-export { O as TreeView, O as default, D as TreeViewItem };
+export { D as TreeView, D as default, E as TreeViewItem };

package/dist/components/feedback/Notification/Notification.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/FeedbackIcon.cjs"),n=require("../../_internal/FeedbackCloseButton.cjs"),r=require("./notification.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=({id:e,title:s,description:c,icon:l,intent:u=`default`,onClose:d,closable:f=!0,className:p})=>{let[m,h]=i.default.useState(!0);if(!m)return null;let g=()=>{h(!1),d&&d(e)},_=l!==void 0||u===`success`||u===`warning`||u===`danger`||u===`info`;return(0,o.jsx)(`div`,{className:(0,a.default)(`wim-notification`,r.default.root,r.default[u],p),role:`alert`,children:(0,o.jsxs)(`div`,{className:r.default.content,children:[_&&(0,o.jsx)(`div`,{className:r.default.icon,children:(0,o.jsx)(t.FeedbackIcon,{intent:u,icon:l,size:`md`,tinted:!0})}),(0,o.jsxs)(`div`,{className:r.default.messageContainer,children:[(0,o.jsx)(`div`,{className:r.default.title,children:s}),c&&(0,o.jsx)(`div`,{className:r.default.description,children:c})]}),(0,o.jsx)(n.FeedbackCloseButton,{onClose:f?g:void 0,className:r.default.close,size:`sm`})]})})},c=(0,i.createContext)(void 0),l=({children:e,placement:t=`topRight`})=>{let[n,l]=(0,i.useState)([]),u=(0,i.useCallback)(e=>{let t=Math.random().toString(36).substr(2,9);l(n=>[...n,{...e,id:t}])},[]),d=(0,i.useCallback)(e=>{l(t=>t.filter(t=>t.id!==e))},[]);return(0,o.jsxs)(c.Provider,{value:{show:u,remove:d},children:[e,(0,o.jsx)(`div`,{className:(0,a.default)(r.default.container,r.default[t]),children:n.map(e=>(0,o.jsx)(s,{...e,onClose:()=>d(e.id)},e.id))})]})},u=()=>{let e=(0,i.useContext)(c);if(!e)throw Error(`useNotification must be used within a NotificationProvider`);return e};exports.Notification=s,exports.NotificationProvider=l,exports.useNotification=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../_internal/FeedbackIcon.cjs"),n=require("../../_internal/FeedbackCloseButton.cjs"),r=require("./notification.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=({id:e,title:s,description:c,icon:l,intent:u=`default`,onClose:d,closable:f=!0,className:p,"aria-label":m,"aria-labelledby":h})=>{let[g,_]=i.default.useState(!0);if(!g)return null;let v=()=>{_(!1),d&&d(e)},y=l!==void 0||u===`success`||u===`warning`||u===`danger`||u===`info`;return(0,o.jsx)(`div`,{className:(0,a.default)(`wim-notification`,r.default.root,r.default[u],p),role:`alert`,"aria-label":h?void 0:m,"aria-labelledby":h,children:(0,o.jsxs)(`div`,{className:r.default.content,children:[y&&(0,o.jsx)(`div`,{className:r.default.icon,children:(0,o.jsx)(t.FeedbackIcon,{intent:u,icon:l,size:`md`,tinted:!0})}),(0,o.jsxs)(`div`,{className:r.default.messageContainer,children:[(0,o.jsx)(`div`,{className:r.default.title,children:s}),c&&(0,o.jsx)(`div`,{className:r.default.description,children:c})]}),(0,o.jsx)(n.FeedbackCloseButton,{onClose:f?v:void 0,className:r.default.close,size:`sm`})]})})},c=(0,i.createContext)(void 0),l=({children:e,placement:t=`topRight`})=>{let[n,l]=(0,i.useState)([]),u=(0,i.useCallback)(e=>{let t=Math.random().toString(36).substr(2,9);l(n=>[...n,{...e,id:t}])},[]),d=(0,i.useCallback)(e=>{l(t=>t.filter(t=>t.id!==e))},[]);return(0,o.jsxs)(c.Provider,{value:{show:u,remove:d},children:[e,(0,o.jsx)(`div`,{className:(0,a.default)(r.default.container,r.default[t]),children:n.map(e=>(0,o.jsx)(s,{...e,onClose:()=>d(e.id)},e.id))})]})},u=()=>{let e=(0,i.useContext)(c);if(!e)throw Error(`useNotification must be used within a NotificationProvider`);return e};exports.Notification=s,exports.NotificationProvider=l,exports.useNotification=u;

package/dist/components/feedback/Notification/Notification.d.ts

@@ -35,8 +35,12 @@ export type NotificationProps = {
      * Additional class name
      */
     className?: string;
+    /** Accessible name for the notification. */
+    "aria-label"?: string;
+    /** ID of the element that labels the notification. Takes precedence over `aria-label`. */
+    "aria-labelledby"?: string;
 };
-export declare const Notification: ({ id, title, description, icon, intent, onClose, closable, className, }: NotificationProps) => React.JSX.Element | null;
+export declare const Notification: ({ id, title, description, icon, intent, onClose, closable, className, "aria-label": ariaLabelAttr, "aria-labelledby": ariaLabelledBy, }: NotificationProps) => React.JSX.Element | null;
 type NotificationItem = Omit<NotificationProps, "onClose"> & {
     id: string;
 };

package/dist/components/feedback/Notification/Notification.js

@@ -6,19 +6,21 @@ import r, { createContext as i, useCallback as a, useContext as o, useState as s
 import c from "classnames";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/feedback/Notification/Notification.tsx
-var d = ({ id: i, title: a, description: o, icon: s, intent: d = "default", onClose: f, closable: p = !0, className: m }) => {
-	let [h, g] = r.useState(!0);
-	if (!h) return null;
-	let _ = () => {
-		g(!1), f && f(i);
-	}, v = s !== void 0 || d === "success" || d === "warning" || d === "danger" || d === "info";
+var d = ({ id: i, title: a, description: o, icon: s, intent: d = "default", onClose: f, closable: p = !0, className: m, "aria-label": h, "aria-labelledby": g }) => {
+	let [_, v] = r.useState(!0);
+	if (!_) return null;
+	let y = () => {
+		v(!1), f && f(i);
+	}, b = s !== void 0 || d === "success" || d === "warning" || d === "danger" || d === "info";
 	return /* @__PURE__ */ l("div", {
 		className: c("wim-notification", n.root, n[d], m),
 		role: "alert",
+		"aria-label": g ? void 0 : h,
+		"aria-labelledby": g,
 		children: /* @__PURE__ */ u("div", {
 			className: n.content,
 			children: [
-				v && /* @__PURE__ */ l("div", {
+				b && /* @__PURE__ */ l("div", {
 					className: n.icon,
 					children: /* @__PURE__ */ l(e, {
 						intent: d,
@@ -38,7 +40,7 @@ var d = ({ id: i, title: a, description: o, icon: s, intent: d = "default", onCl
 					})]
 				}),
 				/* @__PURE__ */ l(t, {
-					onClose: p ? _ : void 0,
+					onClose: p ? y : void 0,
 					className: n.close,
 					size: "sm"
 				})

package/dist/components/feedback/Toast/Toast.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Transition/Transition.cjs"),n=require("../../_internal/FeedbackIcon.cjs"),r=require("../../_internal/FeedbackCloseButton.cjs"),i=require("./toast.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=({id:e,title:c,description:l,intent:u=`default`,duration:d=3e3,open:f=!0,onClose:p,className:m})=>{let[h,g]=(0,a.useState)(!0),_=(0,a.useCallback)(()=>{g(!1),p&&p(e)},[p,e]);return(0,a.useEffect)(()=>{if(f&&d>0&&h){let e=setTimeout(()=>{_()},d+300);return()=>clearTimeout(e)}},[f,d,e,p,h,_]),(0,s.jsxs)(t.Transition,{show:f&&h,enter:i.default.enter,enterFrom:i.default.enterFrom,enterTo:i.default.enterTo,leave:i.default.leave,leaveFrom:i.default.leaveFrom,leaveTo:i.default.leaveTo,className:(0,o.default)(`wim-toast`,i.default.root,i.default[u],m),role:`status`,"aria-live":`polite`,children:[(u===`success`||u===`warning`||u===`danger`||u===`info`)&&(0,s.jsx)(`div`,{className:i.default.icon,children:(0,s.jsx)(n.FeedbackIcon,{intent:u,size:`sm`})}),(0,s.jsxs)(`div`,{className:i.default.content,children:[c&&(0,s.jsx)(`div`,{className:i.default.title,children:c}),l&&(0,s.jsx)(`p`,{className:i.default.description,children:l})]}),(0,s.jsx)(r.FeedbackCloseButton,{onClose:p?_:void 0,id:e,className:i.default.closeButton,size:`md`})]})},l=(0,a.createContext)(void 0),u=({children:e,position:t=`top-right`})=>{let[n,r]=(0,a.useState)([]),u=(0,a.useCallback)(e=>{let t=Math.random().toString(36).substr(2,9);r(n=>[...n,{...e,id:t}])},[]),d=(0,a.useCallback)(e=>{r(t=>t.filter(t=>t.id!==e))},[]);return(0,s.jsxs)(l.Provider,{value:{show:u,remove:d},children:[e,(0,s.jsx)(`div`,{className:(0,o.default)(i.default.container,i.default[t]),children:n.map(e=>(0,s.jsx)(c,{...e,onClose:()=>d(e.id)},e.id))})]})},d=()=>{let e=(0,a.useContext)(l);if(!e)throw Error(`useToast must be used within a ToastProvider`);return e};exports.Toast=c,exports.ToastProvider=u,exports.useToast=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Transition/Transition.cjs"),n=require("../../_internal/FeedbackIcon.cjs"),r=require("../../_internal/FeedbackCloseButton.cjs"),i=require("./toast.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=({id:e,title:c,description:l,intent:u=`default`,duration:d=3e3,open:f=!0,onClose:p,className:m,"aria-label":h,"aria-labelledby":g})=>{let[_,v]=(0,a.useState)(!0),y=(0,a.useCallback)(()=>{v(!1),p&&p(e)},[p,e]);return(0,a.useEffect)(()=>{if(f&&d>0&&_){let e=setTimeout(()=>{y()},d+300);return()=>clearTimeout(e)}},[f,d,e,p,_,y]),(0,s.jsxs)(t.Transition,{show:f&&_,enter:i.default.enter,enterFrom:i.default.enterFrom,enterTo:i.default.enterTo,leave:i.default.leave,leaveFrom:i.default.leaveFrom,leaveTo:i.default.leaveTo,className:(0,o.default)(`wim-toast`,i.default.root,i.default[u],m),role:`status`,"aria-live":`polite`,"aria-label":g?void 0:h,"aria-labelledby":g,children:[(u===`success`||u===`warning`||u===`danger`||u===`info`)&&(0,s.jsx)(`div`,{className:i.default.icon,children:(0,s.jsx)(n.FeedbackIcon,{intent:u,size:`sm`})}),(0,s.jsxs)(`div`,{className:i.default.content,children:[c&&(0,s.jsx)(`div`,{className:i.default.title,children:c}),l&&(0,s.jsx)(`p`,{className:i.default.description,children:l})]}),(0,s.jsx)(r.FeedbackCloseButton,{onClose:p?y:void 0,id:e,className:i.default.closeButton,size:`md`})]})},l=(0,a.createContext)(void 0),u=({children:e,position:t=`top-right`})=>{let[n,r]=(0,a.useState)([]),u=(0,a.useCallback)(e=>{let t=Math.random().toString(36).substr(2,9);r(n=>[...n,{...e,id:t}])},[]),d=(0,a.useCallback)(e=>{r(t=>t.filter(t=>t.id!==e))},[]);return(0,s.jsxs)(l.Provider,{value:{show:u,remove:d},children:[e,(0,s.jsx)(`div`,{className:(0,o.default)(i.default.container,i.default[t]),children:n.map(e=>(0,s.jsx)(c,{...e,onClose:()=>d(e.id)},e.id))})]})},d=()=>{let e=(0,a.useContext)(l);if(!e)throw Error(`useToast must be used within a ToastProvider`);return e};exports.Toast=c,exports.ToastProvider=u,exports.useToast=d;

package/dist/components/feedback/Toast/Toast.d.ts

@@ -37,11 +37,15 @@ export type ToastProps = {
      * Additional CSS class name.
      */
     className?: string;
+    /** Accessible name for the toast. */
+    "aria-label"?: string;
+    /** ID of the element that labels the toast. Takes precedence over `aria-label`. */
+    "aria-labelledby"?: string;
 };
 /**
  * Toast for communicating notifications and feedback to the user.
  */
-export declare const Toast: ({ id, title, description, intent, duration, open, onClose, className, }: ToastProps) => React.JSX.Element;
+export declare const Toast: ({ id, title, description, intent, duration, open, onClose, className, "aria-label": ariaLabelAttr, "aria-labelledby": ariaLabelledBy, }: ToastProps) => React.JSX.Element;
 type ToastItem = {
     id: string;
     title?: string;

package/dist/components/feedback/Toast/Toast.js

@@ -7,14 +7,14 @@ import { createContext as i, useCallback as a, useContext as o, useEffect as s,
 import l from "classnames";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/feedback/Toast/Toast.tsx
-var f = ({ id: i, title: o, description: f, intent: p = "default", duration: m = 3e3, open: h = !0, onClose: g, className: _ }) => {
-	let [v, y] = c(!0), b = a(() => {
-		y(!1), g && g(i);
+var f = ({ id: i, title: o, description: f, intent: p = "default", duration: m = 3e3, open: h = !0, onClose: g, className: _, "aria-label": v, "aria-labelledby": y }) => {
+	let [b, x] = c(!0), S = a(() => {
+		x(!1), g && g(i);
 	}, [g, i]);
 	return s(() => {
-		if (h && m > 0 && v) {
+		if (h && m > 0 && b) {
 			let e = setTimeout(() => {
-				b();
+				S();
 			}, m + 300);
 			return () => clearTimeout(e);
 		}
@@ -23,10 +23,10 @@ var f = ({ id: i, title: o, description: f, intent: p = "default", duration: m =
 		m,
 		i,
 		g,
-		v,
-		b
+		b,
+		S
 	]), /* @__PURE__ */ d(e, {
-		show: h && v,
+		show: h && b,
 		enter: r.enter,
 		enterFrom: r.enterFrom,
 		enterTo: r.enterTo,
@@ -36,6 +36,8 @@ var f = ({ id: i, title: o, description: f, intent: p = "default", duration: m =
 		className: l("wim-toast", r.root, r[p], _),
 		role: "status",
 		"aria-live": "polite",
+		"aria-label": y ? void 0 : v,
+		"aria-labelledby": y,
 		children: [
 			(p === "success" || p === "warning" || p === "danger" || p === "info") && /* @__PURE__ */ u("div", {
 				className: r.icon,
@@ -55,7 +57,7 @@ var f = ({ id: i, title: o, description: f, intent: p = "default", duration: m =
 				})]
 			}),
 			/* @__PURE__ */ u(n, {
-				onClose: g ? b : void 0,
+				onClose: g ? S : void 0,
 				id: i,
 				className: r.closeButton,
 				size: "md"

package/dist/components/form/SignaturePad/SignaturePad.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../../i18n/generated/components.cjs"),i=require("../Button/Button.cjs"),a=require("../../../i18n/generated/form.cjs"),o=require("../FieldTemplate/FieldTemplate.cjs"),s=require("./signature-pad.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=({width:e=400,height:d=200,penColor:f=`var(--wim-color-text-primary)`,penWidth:p=2,onChange:m,clearLabel:h,disabled:g=!1,className:_,style:v,label:y,error:b,required:x,layout:S=`vertical`,canvasAriaLabel:C})=>{let{t:w}=t.useWimTranslation([n.commonNs,r.componentsNs,a.formNs]),T=h??w(`signature.clear`,{ns:`components`,defaultValue:w(`button.clear`)}),E=C??w(`a11y.signature_canvas`),D=(0,c.useRef)(null),O=(0,c.useRef)(!1),[k,A]=(0,c.useState)(!0),j=`wim-signature-pad-${(0,c.useId)()}`,M=y?`${j}-label`:void 0,N=b?`${j}-error`:void 0,P=(0,c.useCallback)(e=>{if(e.startsWith(`var(`)&&D.current){let t=e.match(/var\((--[^)]+)\)/)?.[1];if(t)return getComputedStyle(D.current).getPropertyValue(t).trim()||`#000`}return e},[]);(0,c.useLayoutEffect)(()=>{if(!D.current)return;let t=D.current,n=t.getContext(`2d`);if(!n)return;let r=window.devicePixelRatio||1;t.width=e*r,t.height=d*r,n.scale(r,r),n.lineCap=`round`,n.lineJoin=`round`},[e,d]);let F=(0,c.useCallback)(t=>{if(!D.current)return null;let n=D.current.getBoundingClientRect(),r,i;if(`touches`in t){if(t.touches.length===0)return null;r=t.touches[0].clientX,i=t.touches[0].clientY}else r=t.clientX,i=t.clientY;let a=r-n.left,o=i-n.top,s=e/n.width,c=d/n.height;return{x:a*s,y:o*c}},[e,d]),I=e=>{if(g)return;let t=F(e);if(!t||!D.current)return;let n=D.current.getContext(`2d`);n&&(O.current=!0,n.beginPath(),n.moveTo(t.x,t.y),n.strokeStyle=P(f),n.lineWidth=p)},L=e=>{if(!O.current||g||!D.current)return;let t=F(e);if(!t)return;let n=D.current.getContext(`2d`);n&&(n.lineTo(t.x,t.y),n.stroke(),A(!1))},R=()=>{if(O.current&&(O.current=!1,m&&D.current)){let e=D.current,t=e.getContext(`2d`);m(!t||t.getImageData(0,0,e.width,e.height).data.every((e,t)=>t%4!=3||e===0)?null:e.toDataURL())}},z=(0,c.useRef)(R);(0,c.useLayoutEffect)(()=>{z.current=R}),(0,c.useEffect)(()=>{let e=()=>z.current();return window.addEventListener(`mouseup`,e),()=>window.removeEventListener(`mouseup`,e)},[]);let B=(0,c.useRef)(!1);return(0,u.jsx)(o.FieldTemplate,{label:y,error:b,required:x,layout:S,labelId:M,errorId:N,className:_,children:(0,u.jsxs)(`div`,{className:(0,l.default)(`wim-signature-pad`,s.default.root,g&&s.default.disabled,b&&s.default.danger),style:v,children:[(0,u.jsx)(`div`,{className:s.default.canvasContainer,style:{width:e,maxWidth:`100%`,aspectRatio:`${e} / ${d}`,height:`auto`},children:(0,u.jsx)(`canvas`,{ref:D,"data-testid":`signature-canvas`,className:s.default.canvas,style:{width:`100%`,height:`100%`,display:`block`},onMouseDown:I,onMouseMove:L,onMouseUp:R,onTouchStart:I,onTouchMove:L,onTouchEnd:R,"aria-labelledby":y?M:void 0,"aria-describedby":N,role:`img`,"aria-label":y?void 0:E})}),(0,u.jsx)(`div`,{className:s.default.footer,children:(0,u.jsx)(i.Button,{variant:`outline`,size:`sm`,"data-testid":`signature-clear`,onMouseDown:()=>{B.current=!0},onClick:()=>{if(!B.current||(B.current=!1,g||!D.current))return;let e=D.current,t=e.getContext(`2d`);t&&(t.clearRect(0,0,e.width,e.height),A(!0),m&&m(null))},disabled:g||k,children:T})})]})})};exports.SignaturePad=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../../i18n/generated/components.cjs"),i=require("../Button/Button.cjs"),a=require("../../../i18n/generated/form.cjs"),o=require("../FieldTemplate/FieldTemplate.cjs"),s=require("./signature-pad.module.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=({width:e=400,height:d=200,penColor:f=`var(--wim-color-text-primary)`,penWidth:p=2,onChange:m,clearLabel:h,disabled:g=!1,className:_,style:v,label:y,error:b,required:x,layout:S=`vertical`,canvasAriaLabel:C,"aria-label":w,"aria-labelledby":T})=>{let{t:E}=t.useWimTranslation([n.commonNs,r.componentsNs,a.formNs]),D=h??E(`signature.clear`,{ns:`components`,defaultValue:E(`button.clear`)}),O=C??E(`a11y.signature_canvas`),k=(0,c.useRef)(null),A=(0,c.useRef)(!1),[j,M]=(0,c.useState)(!0),N=`wim-signature-pad-${(0,c.useId)()}`,P=y?`${N}-label`:void 0,F=b?`${N}-error`:void 0,I=(0,c.useCallback)(e=>{if(e.startsWith(`var(`)&&k.current){let t=e.match(/var\((--[^)]+)\)/)?.[1];if(t)return getComputedStyle(k.current).getPropertyValue(t).trim()||`#000`}return e},[]);(0,c.useLayoutEffect)(()=>{if(!k.current)return;let t=k.current,n=t.getContext(`2d`);if(!n)return;let r=window.devicePixelRatio||1;t.width=e*r,t.height=d*r,n.scale(r,r),n.lineCap=`round`,n.lineJoin=`round`},[e,d]);let L=(0,c.useCallback)(t=>{if(!k.current)return null;let n=k.current.getBoundingClientRect(),r,i;if(`touches`in t){if(t.touches.length===0)return null;r=t.touches[0].clientX,i=t.touches[0].clientY}else r=t.clientX,i=t.clientY;let a=r-n.left,o=i-n.top,s=e/n.width,c=d/n.height;return{x:a*s,y:o*c}},[e,d]),R=e=>{if(g)return;let t=L(e);if(!t||!k.current)return;let n=k.current.getContext(`2d`);n&&(A.current=!0,n.beginPath(),n.moveTo(t.x,t.y),n.strokeStyle=I(f),n.lineWidth=p)},z=e=>{if(!A.current||g||!k.current)return;let t=L(e);if(!t)return;let n=k.current.getContext(`2d`);n&&(n.lineTo(t.x,t.y),n.stroke(),M(!1))},B=()=>{if(A.current&&(A.current=!1,m&&k.current)){let e=k.current,t=e.getContext(`2d`);m(!t||t.getImageData(0,0,e.width,e.height).data.every((e,t)=>t%4!=3||e===0)?null:e.toDataURL())}},V=(0,c.useRef)(B);(0,c.useLayoutEffect)(()=>{V.current=B}),(0,c.useEffect)(()=>{let e=()=>V.current();return window.addEventListener(`mouseup`,e),()=>window.removeEventListener(`mouseup`,e)},[]);let H=(0,c.useRef)(!1);return(0,u.jsx)(o.FieldTemplate,{label:y,error:b,required:x,layout:S,labelId:P,errorId:F,className:_,children:(0,u.jsxs)(`div`,{className:(0,l.default)(`wim-signature-pad`,s.default.root,g&&s.default.disabled,b&&s.default.danger),style:v,children:[(0,u.jsx)(`div`,{className:s.default.canvasContainer,style:{width:e,maxWidth:`100%`,aspectRatio:`${e} / ${d}`,height:`auto`},children:(0,u.jsx)(`canvas`,{ref:k,"data-testid":`signature-canvas`,className:s.default.canvas,style:{width:`100%`,height:`100%`,display:`block`},onMouseDown:R,onMouseMove:z,onMouseUp:B,onTouchStart:R,onTouchMove:z,onTouchEnd:B,"aria-labelledby":y?P:T,"aria-describedby":F,role:`img`,"aria-label":y||T?void 0:w??O})}),(0,u.jsx)(`div`,{className:s.default.footer,children:(0,u.jsx)(i.Button,{variant:`outline`,size:`sm`,"data-testid":`signature-clear`,onMouseDown:()=>{H.current=!0},onClick:()=>{if(!H.current||(H.current=!1,g||!k.current))return;let e=k.current,t=e.getContext(`2d`);t&&(t.clearRect(0,0,e.width,e.height),M(!0),m&&m(null))},disabled:g||j,children:D})})]})})};exports.SignaturePad=d;

package/dist/components/form/SignaturePad/SignaturePad.d.ts

@@ -28,8 +28,12 @@ export type SignaturePadProps = {
     layout?: "vertical" | "horizontal";
     /** Aria label for the canvas */
     canvasAriaLabel?: string;
+    /** Accessible name for the canvas when no visible `label` is provided. Takes precedence over `canvasAriaLabel`. */
+    "aria-label"?: string;
+    /** ID of the element that labels the canvas when no visible `label` is provided. */
+    "aria-labelledby"?: string;
 };
 /**
  * Component for entering a handwritten signature with mouse or touch.
  */
-export declare const SignaturePad: ({ width, height, penColor, penWidth, onChange, clearLabel, disabled, className, style, label, error, required, layout, canvasAriaLabel, }: SignaturePadProps) => React.JSX.Element;
+export declare const SignaturePad: ({ width, height, penColor, penWidth, onChange, clearLabel, disabled, className, style, label, error, required, layout, canvasAriaLabel, "aria-label": ariaLabelAttr, "aria-labelledby": ariaLabelledBy, }: SignaturePadProps) => React.JSX.Element;