wimui 0.59.0 → 0.60.1

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/Cascader/Cascader.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Transition/Transition.cjs"),n=require("../../../icon/chevron-right.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../InputBase/InputBase.cjs"),o=require("./cascader.module.cjs"),s=require("../FieldTemplate/FieldTemplate.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");function d(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}var f=({options:e=[],value:f,onChange:p,placeholder:m,label:h,error:g,required:_,layout:ee,className:te,disabled:v=!1,defaultValue:y,id:ne,expandTrigger:re=`click`,separator:b=` / `,allowClear:ie=!1,"aria-label":x,"aria-labelledby":ae,"aria-describedby":oe,width:S,fullWidth:C=!1,...w})=>{let T=(0,c.useId)(),E=ne||`wim-cascader-${T}`,D=h?`${E}-label`:void 0,O=g?`${E}-error`:void 0,k=D??ae,A=`${E}-trigger`,j=`${E}-popup`,[M,N]=(0,c.useState)(!1),[se,P]=(0,c.useState)(y||[]),[F,I]=(0,c.useState)([]),[L,R]=(0,c.useState)(-1),[z,B]=(0,c.useState)([]),[V,H]=(0,c.useState)(!1),U=(0,c.useRef)(null),W=(0,c.useRef)(null),G=f!==void 0,K=G?f:se;(0,c.useEffect)(()=>{let e=e=>{U.current&&!U.current.contains(e.target)&&N(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,c.useEffect)(()=>{if(M&&L>=0){let e=z[L],t=`${E}-menu-${L}-option-${e}`,n=U.current?.querySelector(`#${t}`);n&&n.scrollIntoView({block:`nearest`,behavior:`smooth`})}},[L,z,M,E]);let q=()=>{if(!v){let e=!M;N(e),e?(I(K||[]),R(0),B([0])):R(-1)}},ce=()=>{if(!K||K.length===0)return null;let t=[],n=e;for(let e of K){let r=n.find(t=>t.value===e);if(r)t.push(r.label),n=r.children||[];else break}return t.length===0?null:t.map((e,n)=>(0,u.jsxs)(c.default.Fragment,{children:[e,n<t.length-1&&(0,u.jsx)(`span`,{children:b})]},n))},J=(t,n)=>{if(t.disabled)return;let r=[...F.slice(0,n),t.value];if(I(r),!t.children||t.children.length===0){if(G||P(r),p){let t=[],n=e;for(let e of r){let r=n.find(t=>t.value===e);r&&(t.push(r),n=r.children||[])}p(r,t)}N(!1),W.current?.focus()}},Y=e=>{e?.stopPropagation(),!v&&(G||P([]),p&&p([],[]))},le=(e,t)=>{re===`hover`&&!e.disabled&&I([...F.slice(0,t),e.value])},ue=t=>{if(H(!0),v)return;if(!M){(t.key===`Enter`||t.key===` `||t.key===`ArrowDown`||t.key===`ArrowDown`&&t.altKey)&&(t.preventDefault(),q());return}let n=[e],r=e;for(let e=0;e<F.length;e++){let t=F[e],i=r.find(e=>e.value===t);if(i&&i.children&&i.children.length>0)n.push(i.children),r=i.children;else break}let i=n[L]||[],a=z[L]||0;switch(t.key){case`ArrowDown`:t.preventDefault(),B(e=>{let t=[...e];return t[L]=Math.min(a+1,i.length-1),t});break;case`ArrowUp`:t.preventDefault(),B(e=>{let t=[...e];return t[L]=Math.max(a-1,0),t});break;case`ArrowRight`:{t.preventDefault();let e=i[a];e&&e.children&&e.children.length>0&&(I([...F.slice(0,L),e.value]),R(L+1),B(e=>[...e.slice(0,L+1),0]));break}case`ArrowLeft`:t.preventDefault(),L>0&&(R(L-1),B(e=>e.slice(0,L)));break;case`Enter`:case` `:{t.preventDefault();let e=i[a];e&&J(e,L);break}case`Escape`:t.preventDefault(),N(!1),R(-1),W.current?.focus();break;case`Home`:t.preventDefault(),B(e=>{let t=[...e];return t[L]=0,t});break;case`End`:t.preventDefault(),B(e=>{let t=[...e];return t[L]=i.length-1,t});break;case`Tab`:M&&(N(!1),R(-1))}},X=[e],Z=e;for(let e=0;e<F.length;e++){let t=F[e],n=Z.find(e=>e.value===t);if(n&&n.children&&n.children.length>0)X.push(n.children),Z=n.children;else break}let Q=ce(),$=()=>{if(!K||K.length===0)return``;let t=[],n=e;for(let e of K){let r=n.find(t=>t.value===e);if(r)t.push(d(r.label)),n=r.children||[];else break}return t.join(b)};return(0,u.jsx)(s.FieldTemplate,{label:h,error:g,required:_,layout:ee,labelId:D,errorId:O,className:(0,l.default)(`wim-cascader`,te),children:(0,u.jsxs)(`div`,{className:o.default.root,ref:U,onMouseMove:()=>H(!1),"data-keyboard-nav":V,...w,children:[(0,u.jsx)(a.InputBase,{disabled:v,allowClear:ie,hasValue:!!Q,onClear:Y,intent:g?`danger`:`default`,width:S,fullWidth:C,rightIcons:[{name:`ChevronDownIcon`,rotated:M}],className:(0,l.default)(M&&o.default.open),children:(0,u.jsx)(`div`,{id:A,ref:W,className:(0,l.default)(o.default.trigger,v&&o.default.disabled),onClick:q,onKeyDown:ue,tabIndex:v?-1:0,role:`combobox`,"aria-expanded":M,"aria-controls":M?j:void 0,"aria-haspopup":`listbox`,"aria-disabled":v,"aria-labelledby":k,"aria-label":k?void 0:x||$()||d(m),"aria-describedby":[oe,O].filter(Boolean).join(` `)||void 0,"aria-required":_,"aria-invalid":!!g,"aria-activedescendant":M&&L>=0?`${E}-menu-${L}-option-${z[L]}`:void 0,children:(0,u.jsx)(`div`,{className:(0,l.default)(o.default.value,!Q&&o.default.placeholder),children:Q||m})})}),(0,u.jsx)(t.Transition,{show:M&&!v,preset:`fade`,id:j,className:o.default.dropdown,children:X.map((e,t)=>(0,u.jsx)(`div`,{className:o.default.menu,role:`listbox`,"aria-labelledby":k,"aria-label":k?void 0:x||$()||d(m),children:e.map((e,a)=>{let s=F[t]===e.value,c=L===t&&z[t]===a,d=K[t]===e.value,f=e.children&&e.children.length>0;return(0,u.jsx)(i.BaseListItem,{className:(0,l.default)(o.default.menuItem,d&&o.default.selected),active:c||s,disabled:e.disabled,onClick:n=>{n.stopPropagation(),J(e,t)},onMouseEnter:()=>{le(e,t),R(t),B(e=>[...e.slice(0,t),a])},rightSection:f?(0,u.jsx)(r.Icon,{component:n.default,size:`sm`}):void 0,role:`option`,id:`${E}-menu-${t}-option-${a}`,"aria-selected":d,tabIndex:-1,children:e.label},e.value)})},t))})]})})};f.displayName=`Cascader`,exports.Cascader=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../hooks/useMergedRef.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../_internal/BaseListItem/BaseListItem.cjs"),o=require("../InputBase/InputBase.cjs"),s=require("../../_internal/useInlineFloating.cjs"),c=require("./cascader.module.cjs"),l=require("../FieldTemplate/FieldTemplate.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");function p(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}var m=({options:e=[],value:m,onChange:h,placeholder:g,label:_,error:v,required:y,layout:ee,className:te,disabled:b=!1,defaultValue:ne,id:re,expandTrigger:x=`click`,separator:S=` / `,allowClear:C=!1,"aria-label":w,"aria-labelledby":ie,"aria-describedby":ae,width:oe,fullWidth:se=!1,...ce})=>{let T=(0,u.useId)(),E=re||`wim-cascader-${T}`,D=_?`${E}-label`:void 0,O=v?`${E}-error`:void 0,k=D??ie,A=`${E}-trigger`,j=`${E}-popup`,[M,N]=(0,u.useState)(!1),[P,F]=(0,u.useState)(ne||[]),[I,L]=(0,u.useState)([]),[R,z]=(0,u.useState)(-1),[B,V]=(0,u.useState)([]),[H,U]=(0,u.useState)(!1),W=(0,u.useRef)(null),G=(0,u.useRef)(null),K=m!==void 0,q=K?m:P;(0,u.useEffect)(()=>{let e=e=>{W.current&&!W.current.contains(e.target)&&N(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,u.useEffect)(()=>{if(M&&R>=0){let e=B[R],t=`${E}-menu-${R}-option-${e}`,n=W.current?.querySelector(`#${t}`);n&&n.scrollIntoView({block:`nearest`,behavior:`smooth`})}},[R,B,M,E]);let J=()=>{if(!b){let e=!M;N(e),e?(L(q||[]),z(0),V([0])):z(-1)}},le=()=>{if(!q||q.length===0)return null;let t=[],n=e;for(let e of q){let r=n.find(t=>t.value===e);if(r)t.push(r.label),n=r.children||[];else break}return t.length===0?null:t.map((e,n)=>(0,f.jsxs)(u.default.Fragment,{children:[e,n<t.length-1&&(0,f.jsx)(`span`,{children:S})]},n))},Y=(t,n)=>{if(t.disabled)return;let r=[...I.slice(0,n),t.value];if(L(r),!t.children||t.children.length===0){if(K||F(r),h){let t=[],n=e;for(let e of r){let r=n.find(t=>t.value===e);r&&(t.push(r),n=r.children||[])}h(r,t)}N(!1),G.current?.focus()}},ue=e=>{e?.stopPropagation(),!b&&(K||F([]),h&&h([],[]))},de=(e,t)=>{x===`hover`&&!e.disabled&&L([...I.slice(0,t),e.value])},fe=t=>{if(U(!0),b)return;if(!M){(t.key===`Enter`||t.key===` `||t.key===`ArrowDown`||t.key===`ArrowDown`&&t.altKey)&&(t.preventDefault(),J());return}let n=[e],r=e;for(let e=0;e<I.length;e++){let t=I[e],i=r.find(e=>e.value===t);if(i&&i.children&&i.children.length>0)n.push(i.children),r=i.children;else break}let i=n[R]||[],a=B[R]||0;switch(t.key){case`ArrowDown`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=Math.min(a+1,i.length-1),t});break;case`ArrowUp`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=Math.max(a-1,0),t});break;case`ArrowRight`:{t.preventDefault();let e=i[a];e&&e.children&&e.children.length>0&&(L([...I.slice(0,R),e.value]),z(R+1),V(e=>[...e.slice(0,R+1),0]));break}case`ArrowLeft`:t.preventDefault(),R>0&&(z(R-1),V(e=>e.slice(0,R)));break;case`Enter`:case` `:{t.preventDefault();let e=i[a];e&&Y(e,R);break}case`Escape`:t.preventDefault(),N(!1),z(-1),G.current?.focus();break;case`Home`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=0,t});break;case`End`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=i.length-1,t});break;case`Tab`:M&&(N(!1),z(-1))}},X=[e],Z=e;for(let e=0;e<I.length;e++){let t=I[e],n=Z.find(e=>e.value===t);if(n&&n.children&&n.children.length>0)X.push(n.children),Z=n.children;else break}let Q=le(),$=()=>{if(!q||q.length===0)return``;let t=[],n=e;for(let e of q){let r=n.find(t=>t.value===e);if(r)t.push(p(r.label)),n=r.children||[];else break}return t.join(S)},{setReference:pe,setFloating:me,floatingProps:he}=s.useInlineFloating({open:M&&!b}),ge=t.useMergedRef(W,pe);return(0,f.jsx)(l.FieldTemplate,{label:_,error:v,required:y,layout:ee,labelId:D,errorId:O,className:(0,d.default)(`wim-cascader`,te),children:(0,f.jsxs)(`div`,{className:c.default.root,ref:ge,onMouseMove:()=>U(!1),"data-keyboard-nav":H,...ce,children:[(0,f.jsx)(o.InputBase,{disabled:b,allowClear:C,hasValue:!!Q,onClear:ue,intent:v?`danger`:`default`,width:oe,fullWidth:se,rightIcons:[{name:`ChevronDownIcon`,rotated:M}],className:(0,d.default)(M&&c.default.open),children:(0,f.jsx)(`div`,{id:A,ref:G,className:(0,d.default)(c.default.trigger,b&&c.default.disabled),onClick:J,onKeyDown:fe,tabIndex:b?-1:0,role:`combobox`,"aria-expanded":M,"aria-controls":M?j:void 0,"aria-haspopup":`listbox`,"aria-disabled":b,"aria-labelledby":k,"aria-label":k?void 0:w||$()||p(g),"aria-describedby":[ae,O].filter(Boolean).join(` `)||void 0,"aria-required":y,"aria-invalid":!!v,"aria-activedescendant":M&&R>=0?`${E}-menu-${R}-option-${B[R]}`:void 0,children:(0,f.jsx)(`div`,{className:(0,d.default)(c.default.value,!Q&&c.default.placeholder),children:Q||g})})}),(0,f.jsx)(n.Transition,{show:M&&!b,preset:`fade`,id:j,className:c.default.dropdown,ref:me,...he,children:X.map((e,t)=>(0,f.jsx)(`div`,{className:c.default.menu,role:`listbox`,"aria-labelledby":k,"aria-label":k?void 0:w||$()||p(g),children:e.map((e,n)=>{let o=I[t]===e.value,s=R===t&&B[t]===n,l=q[t]===e.value,u=e.children&&e.children.length>0;return(0,f.jsx)(a.BaseListItem,{className:(0,d.default)(c.default.menuItem,l&&c.default.selected),active:s||o,disabled:e.disabled,onClick:n=>{n.stopPropagation(),Y(e,t)},onMouseEnter:()=>{de(e,t),z(t),V(e=>[...e.slice(0,t),n])},rightSection:u?(0,f.jsx)(i.Icon,{component:r.default,size:`sm`}):void 0,role:`option`,id:`${E}-menu-${t}-option-${n}`,"aria-selected":l,tabIndex:-1,children:e.label},e.value)})},t))})]})})};m.displayName=`Cascader`,exports.Cascader=m;