@vjdesigns/vjdesigns-ui 2.4.0 → 3.0.0

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

@@ -1,55 +1,56 @@
+"use client";
 import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
-import { useMessages as t } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as n } from "../../../utils/cx.mjs";
-import { VisuallyHidden as r } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { Spinner as i } from "../../feedback/Spinner/Spinner.mjs";
-import { CheckIcon as a, ChevronRightIcon as o, ErrorIcon as s, MinusIcon as c } from "../../primitives/Icon/icons.mjs";
-import { buildIndex as l, collectIds as u, computeCheckStates as d, nodeText as f, normalizeChecked as p, visibleIds as m } from "./treeUtils.mjs";
-import h from "./TreeView.module.css.mjs";
-import { useCallback as g, useEffect as _, useId as v, useLayoutEffect as y, useMemo as b, useRef as x, useState as S } from "react";
-import { Fragment as ee, jsx as C, jsxs as w } from "react/jsx-runtime";
-//#region src/components/data-display/TreeView/TreeView.tsx
-var te = {
-	sm: h.sm,
-	md: h.md,
-	lg: h.lg
-}, ne = [], re = 500, T = ({ items: T, expanded: ie, defaultExpanded: ae = ne, onExpandedChange: oe, selectionMode: E = "single", selected: se, defaultSelected: ce = ne, onSelectedChange: le, checkboxes: ue = !1, onAction: de, loadChildren: fe, renderLabel: pe, size: me = "md", loadingLabel: he, errorLabel: ge, className: _e, ref: D, onKeyDown: ve, onFocus: ye, onPointerMove: be, ...xe }) => {
-	let Se = t(), O = he ?? Se.treeView.loading, Ce = ge ?? Se.treeView.error, we = v(), k = E === "multiple", A = k && ue, [Te, Ee] = e({
-		value: ie,
-		defaultValue: ae,
-		onChange: oe
-	}), j = b(() => new Set(Te), [Te]), [M, N] = e({
-		value: se,
-		defaultValue: ce,
-		onChange: le
-	}), P = b(() => new Set(M), [M]), [F, De] = S(() => /* @__PURE__ */ new Map()), [Oe, I] = S(() => /* @__PURE__ */ new Set()), [L, R] = S(() => /* @__PURE__ */ new Set()), [ke, z] = S(""), [Ae, je] = S(null), Me = g((e) => e.children ?? F.get(e.id), [F]), B = b(() => l(T, Me), [T, Me]), Ne = x(B);
+import { cx as t } from "../../../utils/cx.mjs";
+import { CheckIcon as n, ChevronRightIcon as r, ErrorIcon as i, MinusIcon as a } from "../../primitives/Icon/icons.mjs";
+import { Spinner as o } from "../../feedback/Spinner/Spinner.mjs";
+import { VisuallyHidden as s } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import { buildIndex as c, collectIds as l, computeCheckStates as u, nodeText as d, normalizeChecked as f, visibleIds as p } from "./treeUtils.mjs";
+import m from "./TreeView.module.css.mjs";
+import { useMessages as h } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { useCallback as g, useEffect as _, useId as ee, useLayoutEffect as v, useMemo as y, useRef as b, useState as x } from "react";
+import { Fragment as te, jsx as S, jsxs as C } from "react/jsx-runtime";
+// src/components/data-display/TreeView/TreeView.tsx
+var ne = {
+	sm: m.sm,
+	md: m.md,
+	lg: m.lg
+}, re = [], ie = 500, w = ({ items: w, expanded: ae, defaultExpanded: oe = re, onExpandedChange: se, selectionMode: T = "single", selected: ce, defaultSelected: le = re, onSelectedChange: ue, checkboxes: de = !1, onAction: fe, loadChildren: E, renderLabel: pe, size: me = "md", loadingLabel: he, errorLabel: ge, className: _e, ref: D, onKeyDown: ve, onFocus: ye, onPointerMove: be, ...xe }) => {
+	let Se = h(), O = he ?? Se.treeView.loading, Ce = ge ?? Se.treeView.error, we = ee(), k = T === "multiple", A = k && de, [Te, Ee] = e({
+		value: ae,
+		defaultValue: oe,
+		onChange: se
+	}), j = y(() => new Set(Te), [Te]), [M, N] = e({
+		value: ce,
+		defaultValue: le,
+		onChange: ue
+	}), P = y(() => new Set(M), [M]), [F, De] = x(() => /* @__PURE__ */ new Map()), [Oe, I] = x(() => /* @__PURE__ */ new Set()), [L, R] = x(() => /* @__PURE__ */ new Set()), [ke, z] = x(""), [Ae, je] = x(null), Me = g((e) => e.children ?? F.get(e.id), [F]), B = y(() => c(w, Me), [w, Me]), Ne = b(B);
 	Ne.current = B;
-	let V = b(() => m(T, B, j), [
-		T,
+	let V = y(() => p(w, B, j), [
+		w,
 		B,
 		j
-	]), Pe = b(() => new Set(V), [V]), Fe = b(() => A ? d(T, B, P) : null, [
+	]), Pe = y(() => new Set(V), [V]), Fe = y(() => A ? u(w, B, P) : null, [
 		A,
-		T,
+		w,
 		B,
 		P
 	]), H = Ae;
 	for (; H && !Pe.has(H);) H = B.get(H)?.parentId ?? null;
-	!H && E !== "none" && (H = V.find((e) => P.has(e)) ?? null), H ||= V[0] ?? null;
-	let U = x(null), Ie = g((e) => {
+	!H && T !== "none" && (H = V.find((e) => P.has(e)) ?? null), H ||= V[0] ?? null;
+	let U = b(null), Ie = g((e) => {
 		if (U.current = e, typeof D == "function") return D(e);
 		D && (D.current = e);
-	}, [D]), W = x(/* @__PURE__ */ new Map()), Le = (e) => (t) => {
+	}, [D]), W = b(/* @__PURE__ */ new Map()), Le = (e) => (t) => {
 		let n = W.current;
 		return n.set(e, t), () => {
 			n.get(e) === t && n.delete(e);
 		};
-	}, Re = x(null), G = (e) => {
+	}, Re = b(null), G = (e) => {
 		je(e);
 		let t = W.current.get(e);
 		t?.isConnected ? (t.focus({ preventScroll: !0 }), t.scrollIntoView?.({ block: "nearest" })) : Re.current = e;
 	};
-	y(() => {
+	v(() => {
 		let e = Re.current;
 		if (!e) return;
 		let t = W.current.get(e);
@@ -67,26 +68,20 @@ var te = {
 		if (j.has(e) === t) return;
 		let n = new Set(j);
 		t ? n.add(e) : n.delete(e), ze(n);
-	}, q = x(/* @__PURE__ */ new Set()), J = x(!0);
+	}, q = b(/* @__PURE__ */ new Set()), J = b(!0);
 	_(() => (J.current = !0, () => {
 		J.current = !1;
 	}), []);
-	let Be = x(A);
+	let Be = b(A);
 	Be.current = A;
-	let Ve = x(P);
+	let Ve = b(P);
 	Ve.current = P, _(() => {
-		if (fe) for (let e of j) {
+		if (E) for (let e of j) {
 			let t = B.get(e);
 			if (!t?.pending || q.current.has(e) || L.has(e)) continue;
-			let n = t.node, r = f(n, W.current.get(e)?.querySelector("[data-tree-label]")?.textContent);
-			q.current.add(e), I(new Set(q.current)), z(r ? `${r}: ${O}` : O), Promise.resolve().then(() => fe(n)).then((t) => {
-				if (J.current) {
-					if (q.current.delete(e), I(new Set(q.current)), Ne.current.get(e)?.node !== n) {
-						z("");
-						return;
-					}
-					De((n) => new Map(n).set(e, t)), z(""), Be.current && Ve.current.has(e) && N((e) => [.../* @__PURE__ */ new Set([...e, ...u(t)])]);
-				}
+			let n = t.node, r = d(n, W.current.get(e)?.querySelector("[data-tree-label]")?.textContent);
+			q.current.add(e), I(new Set(q.current)), z(r ? `${r}: ${O}` : O), Promise.resolve().then(() => E(n)).then((t) => {
+				J.current && (q.current.delete(e), I(new Set(q.current)), Ne.current.get(e)?.node === n ? (De((n) => new Map(n).set(e, t)), z(""), Be.current && Ve.current.has(e) && N((e) => [.../* @__PURE__ */ new Set([...e, ...l(t)])])) : z(""));
 			}, () => {
 				J.current && (q.current.delete(e), I(new Set(q.current)), R((t) => new Set(t).add(e)), z(""));
 			});
@@ -95,7 +90,7 @@ var te = {
 		j,
 		B,
 		L,
-		fe,
+		E,
 		O,
 		N
 	]), _(() => {
@@ -111,13 +106,13 @@ var te = {
 	]), _(() => {
 		[...L].some((e) => !j.has(e)) && R((e) => new Set([...e].filter((e) => j.has(e))));
 	}, [L, j]);
-	let Y = x(null), He = x(null), Ue = (e) => {
+	let Y = b(null), He = b(null), Ue = (e) => {
 		Y.current = e, He.current = null;
 	}, X = (e) => !!B.get(e)?.node.disabled, Z = (e) => {
 		let t = B.get(e);
 		return !t || t.node.disabled ? [] : [e, ...(t.children ?? []).flatMap((e) => Z(e.id))];
 	}, We = (e) => !B.get(e)?.children?.length, Ge = (e) => {
-		N([...A ? p(T, B, e) : e]);
+		N([...A ? f(w, B, e) : e]);
 	}, Ke = (e, t, n) => {
 		for (let r of t) if (!X(r)) for (let t of A ? Z(r) : [r]) n ? e.add(t) : e.delete(t);
 		return e;
@@ -139,30 +134,24 @@ var te = {
 		let n = V.indexOf(e), r = V.indexOf(t);
 		n === -1 && (n = r), n > r && ([n, r] = [r, n]), He.current ??= new Set(P), Ge(qe(new Set(He.current), V.slice(n, r + 1)));
 	}, Xe = () => {
-		let e = A ? T.flatMap((e) => Z(e.id)) : [...B.keys()].filter((e) => !X(e)), t = e.filter((e) => !A || We(e)).every((e) => P.has(e));
-		Ge(Ke(new Set(P), A ? T.map((e) => e.id) : e, !t));
+		let e = A ? w.flatMap((e) => Z(e.id)) : [...B.keys()].filter((e) => !X(e)), t = e.filter((e) => !A || We(e)).every((e) => P.has(e));
+		Ge(Ke(new Set(P), A ? w.map((e) => e.id) : e, !t));
 	}, Ze = (e, t, n) => {
 		let { node: r } = e;
-		if (!r.disabled) {
-			if (k && t === "pointer") {
-				n && Y.current ? Q(Y.current, r.id) : Je(r.id);
-				return;
-			}
-			E === "single" && Ye(r.id), de ? de(r.id, r) : e.isParent && K(r.id, !j.has(r.id));
-		}
-	}, $ = x({
+		r.disabled || (k && t === "pointer" ? n && Y.current ? Q(Y.current, r.id) : Je(r.id) : (T === "single" && Ye(r.id), fe ? fe(r.id, r) : e.isParent && K(r.id, !j.has(r.id))));
+	}, $ = b({
 		buffer: "",
 		timer: 0
 	});
 	_(() => () => window.clearTimeout($.current.timer), []);
 	let Qe = (e) => {
 		let t = B.get(e);
-		return t ? f(t.node, W.current.get(e)?.querySelector("[data-tree-label]")?.textContent) : "";
+		return t ? d(t.node, W.current.get(e)?.querySelector("[data-tree-label]")?.textContent) : "";
 	}, $e = (e, t) => {
 		let n = $.current;
 		window.clearTimeout(n.timer), n.buffer += e.toLowerCase(), n.timer = window.setTimeout(() => {
 			n.buffer = "";
-		}, re);
+		}, ie);
 		let r = n.buffer, i = Array.from(r).every((e) => e === r[0]), a = i ? r[0] : r, o = i ? t + 1 : Math.max(t, 0), s = [...V.slice(o), ...V.slice(0, o)].find((e) => Qe(e).toLowerCase().startsWith(a));
 		s && G(s);
 	}, et = (e) => {
@@ -207,11 +196,11 @@ var te = {
 					return;
 				}
 				if (e.repeat) return;
-				k ? e.shiftKey && Y.current ? Q(Y.current, n) : Je(n) : E === "single" && Ye(n);
+				k ? e.shiftKey && Y.current ? Q(Y.current, n) : Je(n) : T === "single" && Ye(n);
 				return;
 			case "*": {
 				e.preventDefault();
-				let t = r.parentId ? B.get(r.parentId)?.children ?? [] : T, n = new Set(j);
+				let t = r.parentId ? B.get(r.parentId)?.children ?? [] : w, n = new Set(j);
 				for (let e of t) B.get(e.id)?.isParent && n.add(e.id);
 				n.size !== j.size && ze(n);
 				return;
@@ -223,19 +212,19 @@ var te = {
 				}
 				e.key.length === 1 && !l && !e.altKey && (e.preventDefault(), $e(e.key, i));
 		}
-	}, tt = x(null), nt = (e) => {
+	}, tt = b(null), nt = (e) => {
 		ye?.(e);
 		let t = e.target, n = t.getAttribute("role") === "treeitem" ? t.dataset.treeId : void 0;
 		n && (je(n), tt.current = t);
 	};
-	y(() => {
+	v(() => {
 		let e = tt.current;
 		if (!e || e.isConnected) return;
 		tt.current = null;
 		let t = document.activeElement;
 		(!t || t === document.body) && H && G(H);
 	});
-	let rt = x({
+	let rt = b({
 		x: NaN,
 		y: NaN
 	}), it = (e) => {
@@ -243,97 +232,97 @@ var te = {
 		let t = rt.current;
 		(t.x !== e.clientX || t.y !== e.clientY) && (t.x = e.clientX, t.y = e.clientY, e.currentTarget.setAttribute("data-pointer", ""));
 	}, at = (e) => {
-		let t = B.get(e.id);
-		if (!t) return null;
-		let { level: r } = t, l = !!e.disabled, u = t.isParent && j.has(e.id), d = u && t.pending && L.has(e.id), f = Oe.has(e.id) || u && t.pending && !d, p = Fe?.get(e.id) ?? !1, m = A ? p === !0 : E !== "none" && P.has(e.id), g = {
+		let s = B.get(e.id);
+		if (!s) return null;
+		let { level: c } = s, l = !!e.disabled, u = s.isParent && j.has(e.id), d = u && s.pending && L.has(e.id), f = Oe.has(e.id) || u && s.pending && !d, p = Fe?.get(e.id) ?? !1, h = A ? p === !0 : T !== "none" && P.has(e.id), g = {
 			expanded: u,
-			selected: m,
+			selected: h,
 			checked: p,
 			disabled: l,
-			level: r,
+			level: c,
 			loading: f
-		}, _ = typeof e.icon == "function" ? e.icon(g) : e.icon, v = `${we}-label-${t.ordinal}`, y = { "--_level": r }, b = { "--_level": r + 1 };
-		return /* @__PURE__ */ w("li", {
+		}, _ = typeof e.icon == "function" ? e.icon(g) : e.icon, ee = `${we}-label-${s.ordinal}`, v = { "--_level": c }, y = { "--_level": c + 1 };
+		return /* @__PURE__ */ C("li", {
 			ref: Le(e.id),
 			role: "treeitem",
 			"data-tree-id": e.id,
 			tabIndex: H === e.id ? 0 : -1,
-			"aria-labelledby": v,
-			"aria-level": r,
-			"aria-setsize": t.setsize,
-			"aria-posinset": t.posinset,
-			"aria-expanded": t.isParent ? u : void 0,
-			"aria-selected": E !== "none" && !A ? m : void 0,
+			"aria-labelledby": ee,
+			"aria-level": c,
+			"aria-setsize": s.setsize,
+			"aria-posinset": s.posinset,
+			"aria-expanded": s.isParent ? u : void 0,
+			"aria-selected": T !== "none" && !A ? h : void 0,
 			"aria-checked": A ? p : void 0,
 			"aria-disabled": l || void 0,
-			className: h.item,
-			children: [/* @__PURE__ */ w("div", {
-				className: h.row,
-				style: y,
-				"data-selected": m ? "" : void 0,
+			className: m.item,
+			children: [/* @__PURE__ */ C("div", {
+				className: m.row,
+				style: v,
+				"data-selected": h ? "" : void 0,
 				"data-disabled": l ? "" : void 0,
 				onClick: (e) => {
-					e.defaultPrevented || Ze(t, "pointer", e.shiftKey);
+					e.defaultPrevented || Ze(s, "pointer", e.shiftKey);
 				},
 				children: [
-					/* @__PURE__ */ C("span", {
+					/* @__PURE__ */ S("span", {
 						"aria-hidden": "true",
-						className: h.toggle,
+						className: m.toggle,
 						"data-state": u ? "open" : "closed",
-						onClick: t.isParent ? (t) => {
+						onClick: s.isParent ? (t) => {
 							t.preventDefault(), K(e.id, !u);
 						} : void 0,
-						children: t.isParent && /* @__PURE__ */ C(o, {
-							className: h.chevron,
+						children: s.isParent && /* @__PURE__ */ S(r, {
+							className: m.chevron,
 							size: "sm",
 							strokeWidth: 2.5
 						})
 					}),
-					A && /* @__PURE__ */ w("span", {
+					A && /* @__PURE__ */ C("span", {
 						"aria-hidden": "true",
-						className: h.checkbox,
+						className: m.checkbox,
 						"data-state": p === "mixed" ? "mixed" : p ? "checked" : "unchecked",
-						children: [/* @__PURE__ */ C(a, {
-							className: n(h.mark, h.check),
+						children: [/* @__PURE__ */ S(n, {
+							className: t(m.mark, m.check),
 							strokeWidth: 3
-						}), /* @__PURE__ */ C(c, {
-							className: n(h.mark, h.minus),
+						}), /* @__PURE__ */ S(a, {
+							className: t(m.mark, m.minus),
 							strokeWidth: 3
 						})]
 					}),
-					_ && /* @__PURE__ */ C("span", {
+					_ && /* @__PURE__ */ S("span", {
 						"aria-hidden": "true",
-						className: h.icon,
+						className: m.icon,
 						children: _
 					}),
-					/* @__PURE__ */ C("span", {
-						id: v,
-						className: h.label,
+					/* @__PURE__ */ S("span", {
+						id: ee,
+						className: m.label,
 						"data-tree-label": "",
 						children: pe ? pe(e, g) : e.label
 					})
 				]
-			}), u && /* @__PURE__ */ w("ul", {
+			}), u && /* @__PURE__ */ C("ul", {
 				role: "group",
-				className: h.group,
+				className: m.group,
 				"aria-busy": f || void 0,
 				children: [
-					t.children?.map(at),
-					f && !t.children && /* @__PURE__ */ w("li", {
+					s.children?.map(at),
+					f && !s.children && /* @__PURE__ */ C("li", {
 						role: "none",
-						className: h.status,
-						style: b,
-						children: [/* @__PURE__ */ C(i, {
+						className: m.status,
+						style: y,
+						children: [/* @__PURE__ */ S(o, {
 							decorative: !0,
 							size: "sm",
 							tone: "primary"
-						}), /* @__PURE__ */ C("span", { children: O })]
+						}), /* @__PURE__ */ S("span", { children: O })]
 					}),
-					d && /* @__PURE__ */ w("li", {
+					d && /* @__PURE__ */ C("li", {
 						role: "none",
-						className: n(h.status, h.error),
-						style: b,
-						children: [/* @__PURE__ */ C(s, { size: "sm" }), /* @__PURE__ */ C("span", {
+						className: t(m.status, m.error),
+						style: y,
+						children: [/* @__PURE__ */ S(i, { size: "sm" }), /* @__PURE__ */ S("span", {
 							role: "alert",
 							children: Ce
 						})]
@@ -342,20 +331,19 @@ var te = {
 			})]
 		}, e.id);
 	};
-	return /* @__PURE__ */ w(ee, { children: [/* @__PURE__ */ C("ul", {
+	return /* @__PURE__ */ C(te, { children: [/* @__PURE__ */ S("ul", {
 		...xe,
 		ref: Ie,
 		role: "tree",
 		"aria-multiselectable": k || void 0,
-		className: n(h.root, te[me], A && h.withCheckboxes, _e),
+		className: t(m.root, ne[me], A && m.withCheckboxes, _e),
 		onKeyDown: et,
 		onFocus: nt,
 		onPointerMove: it,
-		children: T.map(at)
-	}), /* @__PURE__ */ C(r, {
+		children: w.map(at)
+	}), /* @__PURE__ */ S(s, {
 		role: "status",
 		children: ke
 	})] });
 };
-//#endregion
-export { T as TreeView };
+export { w as TreeView };

package/dist/components/data-display/TreeView/TreeView.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/data-display/TreeView/TreeView.module.css
+// src/components/data-display/TreeView/TreeView.module.css
 var e = "_root_lahq7_13", t = "_sm_lahq7_61", n = "_md_lahq7_83", r = "_lg_lahq7_91", i = "_item_lahq7_117", a = "_row_lahq7_139", o = "_group_lahq7_151", s = "_label_lahq7_255", c = "_withCheckboxes_lahq7_285", l = "_toggle_lahq7_335", u = "_chevron_lahq7_365", d = "_checkbox_lahq7_417", f = "_mark_lahq7_477", p = "_check_lahq7_417", m = "_minus_lahq7_503", h = "_icon_lahq7_533", g = "_status_lahq7_597", _ = "_error_lahq7_623", v = {
 	root: e,
 	sm: t,
@@ -20,5 +20,4 @@ var e = "_root_lahq7_13", t = "_sm_lahq7_61", n = "_md_lahq7_83", r = "_lg_lahq7
 	status: g,
 	error: _
 };
-//#endregion
 export { p as check, d as checkbox, u as chevron, v as default, _ as error, o as group, h as icon, i as item, s as label, r as lg, f as mark, n as md, m as minus, e as root, a as row, t as sm, g as status, l as toggle, c as withCheckboxes };

package/dist/components/data-display/TreeView/treeUtils.mjs

@@ -1,4 +1,4 @@
-//#region src/components/data-display/TreeView/treeUtils.ts
+// src/components/data-display/TreeView/treeUtils.ts
 function e(e, t) {
 	let n = /* @__PURE__ */ new Map(), r = (e, i, a) => {
 		e.forEach((o, s) => {
@@ -50,5 +50,4 @@ function i(e, t, n) {
 function a(e, t) {
 	return e.textValue ? e.textValue : typeof e.label == "string" || typeof e.label == "number" ? String(e.label) : (t ?? "").trim();
 }
-//#endregion
 export { e as buildIndex, n as collectIds, r as computeCheckStates, a as nodeText, i as normalizeChecked, t as visibleIds };

package/dist/components/data-display/VirtualList/VirtualList.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useVirtualizer.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../layout/ScrollArea/ScrollArea.cjs.js"),r=require("./VirtualList.module.css.cjs.js");let i=require("react"),a=require("react/jsx-runtime");function o({items:o,renderItem:s,getKey:c,estimateSize:l=48,height:u,overscan:d,gap:f,emptyState:p,"aria-label":m,"aria-labelledby":h,scrollbarSize:g,apiRef:_,className:v,itemClassName:y,style:b}){let x=(0,i.useRef)(null),{virtualItems:S,totalSize:C,measureElement:w,scrollToIndex:T}=e.useVirtualizer({count:o.length,scrollElement:x,estimateSize:l,overscan:d,gap:f});return(0,i.useImperativeHandle)(_,()=>({scrollToIndex:T}),[T]),(0,a.jsx)(n.ScrollArea,{viewportRef:x,maxHeight:u,size:g,"aria-label":m,"aria-labelledby":h,className:t.cx(r.default.root,v),style:{...b,height:u},children:o.length===0&&p!=null?(0,a.jsx)(`div`,{className:r.default.empty,children:p}):(0,a.jsx)(`div`,{role:`list`,"aria-label":m,"aria-labelledby":h,className:r.default.list,style:{blockSize:C},children:S.map(e=>{let n=o[e.index];return(0,a.jsx)(`div`,{role:`listitem`,"aria-setsize":o.length,"aria-posinset":e.index+1,"data-index":e.index,ref:w,className:t.cx(r.default.item,y),style:{transform:`translateY(${e.start}px)`},children:s(n,e.index)},c?c(n,e.index):e.index)})})})}exports.VirtualList=o;
+"use client";const e=require("../../../hooks/useVirtualizer.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../layout/ScrollArea/ScrollArea.cjs.js"),r=require("./VirtualList.module.css.cjs.js");let i=require("react"),a=require("react/jsx-runtime");function o({items:o,renderItem:s,getKey:c,estimateSize:l=48,height:u,overscan:d,gap:f,emptyState:p,"aria-label":m,"aria-labelledby":h,scrollbarSize:g,apiRef:_,className:v,itemClassName:y,style:b}){let x=(0,i.useRef)(null),{virtualItems:S,totalSize:C,measureElement:w,scrollToIndex:T}=e.useVirtualizer({count:o.length,scrollElement:x,estimateSize:l,overscan:d,gap:f});return(0,i.useImperativeHandle)(_,()=>({scrollToIndex:T}),[T]),(0,a.jsx)(n.ScrollArea,{viewportRef:x,maxHeight:u,size:g,"aria-label":m,"aria-labelledby":h,className:t.cx(r.default.root,v),style:{...b,height:u},children:o.length===0&&p!=null?(0,a.jsx)(`div`,{className:r.default.empty,children:p}):(0,a.jsx)(`div`,{role:`list`,"aria-label":m,"aria-labelledby":h,className:r.default.list,style:{blockSize:C},children:S.map(e=>{let n=o[e.index];return(0,a.jsx)(`div`,{role:`listitem`,"aria-setsize":o.length,"aria-posinset":e.index+1,"data-index":e.index,ref:w,className:t.cx(r.default.item,y),style:{transform:`translateY(${e.start}px)`},children:s(n,e.index)},c?c(n,e.index):e.index)})})})}exports.VirtualList=o;

package/dist/components/data-display/VirtualList/VirtualList.mjs

@@ -1,10 +1,11 @@
+"use client";
 import { useVirtualizer as e } from "../../../hooks/useVirtualizer.mjs";
 import { cx as t } from "../../../utils/cx.mjs";
 import { ScrollArea as n } from "../../layout/ScrollArea/ScrollArea.mjs";
 import r from "./VirtualList.module.css.mjs";
 import { useImperativeHandle as i, useRef as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
-//#region src/components/data-display/VirtualList/VirtualList.tsx
+// src/components/data-display/VirtualList/VirtualList.tsx
 function s({ items: s, renderItem: c, getKey: l, estimateSize: u = 48, height: d, overscan: f, gap: p, emptyState: m, "aria-label": h, "aria-labelledby": g, scrollbarSize: _, apiRef: v, className: y, itemClassName: b, style: x }) {
 	let S = a(null), { virtualItems: C, totalSize: w, measureElement: T, scrollToIndex: E } = e({
 		count: s.length,
@@ -49,5 +50,4 @@ function s({ items: s, renderItem: c, getKey: l, estimateSize: u = 48, height: d
 		})
 	});
 }
-//#endregion
 export { s as VirtualList };

package/dist/components/data-display/VirtualList/VirtualList.module.css.mjs

@@ -1,9 +1,8 @@
-//#region src/components/data-display/VirtualList/VirtualList.module.css
+// src/components/data-display/VirtualList/VirtualList.module.css
 var e = "_root_boa19_7", t = "_list_boa19_12", n = "_item_boa19_17", r = "_empty_boa19_24", i = {
 	root: e,
 	list: t,
 	item: n,
 	empty: r
 };
-//#endregion
 export { i as default, r as empty, n as item, t as list, e as root };

package/dist/components/feedback/Alert/Alert.cjs.js

@@ -1 +1 @@
-const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),i=require("../../primitives/Button/Button.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),o=require("../../primitives/Typography/Typography.cjs.js"),s=require("./Alert.module.css.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u={info:s.default.info,success:s.default.success,warning:s.default.warning,danger:s.default.danger,neutral:s.default.neutral},d={soft:s.default.soft,solid:s.default.solid,outline:s.default.outline},f={sm:s.default.sm,md:s.default.md,lg:s.default.lg},p={none:s.default.radiusNone,xs:s.default.radiusXs,sm:s.default.radiusSm,md:s.default.radiusMd,lg:s.default.radiusLg,xl:s.default.radiusXl,"2xl":s.default.radius2xl,pill:s.default.radiusPill},m={info:(0,l.jsx)(a.InfoIcon,{}),success:(0,l.jsx)(a.SuccessIcon,{}),warning:(0,l.jsx)(a.WarningIcon,{}),danger:(0,l.jsx)(a.ErrorIcon,{}),neutral:(0,l.jsx)(a.NoteIcon,{})},h={info:!1,success:!1,warning:!0,danger:!0,neutral:!1},g=({tone:g=`info`,variant:_=`soft`,title:v,headingLevel:y,children:b,icon:x,toneLabel:S,actions:C,dismissible:w=!1,dismissLabel:T,onDismiss:E,returnFocusRef:D,open:O,defaultOpen:k=!0,onOpenChange:A,live:j=`off`,as:M=`div`,size:N=`md`,radius:P=`lg`,className:F,...I})=>{let L=t.useMessages(),R=T??L.alert.dismiss,z=(0,c.useId)(),[B,V]=e.useControllableState({value:O,defaultValue:k,onChange:A}),H=(0,c.useRef)(!1);if((0,c.useEffect)(()=>{!B&&H.current&&(H.current=!1,D?.current?.focus())},[B,D]),!B)return null;let U=()=>{H.current=D!==void 0,V(!1),E?.()},W=v!=null&&v!==``&&v!==!1,G=b!=null&&b!==``&&b!==!1,K=x===void 0?m[g]:x,q=K!==!1&&K!==null&&K!==``,J=typeof S==`string`?S:S??h[g]?L.alert.prefix[g]:``,Y=J?(0,l.jsx)(r.VisuallyHidden,{children:J}):null,X=j===`assertive`?`alert`:j===`polite`?`status`:void 0,Z=(M===`section`||M===`aside`)&&W&&I[`aria-label`]===void 0&&I[`aria-labelledby`]===void 0?z:void 0,Q=W?y===void 0?(0,l.jsxs)(`p`,{id:z,className:s.default.title,children:[Y,v]}):(0,l.jsxs)(o.Heading,{id:z,level:y,size:`md`,weight:`bold`,tone:`inherit`,balance:!1,className:s.default.title,children:[Y,v]}):null;return(0,l.jsxs)(M,{role:X,"aria-labelledby":Z,...I,className:n.cx(s.default.root,d[_],u[g],f[N],p[P],w&&s.default.dismissible,F),"data-tone":g,"data-variant":_,children:[q&&(0,l.jsx)(`span`,{className:s.default.iconCircle,"aria-hidden":`true`,children:K}),(0,l.jsxs)(`div`,{className:s.default.content,children:[Q,G&&(0,l.jsxs)(`div`,{className:s.default.description,children:[!W&&Y,b]}),!W&&!G&&Y,C!=null&&(0,l.jsx)(`div`,{className:s.default.actions,children:C})]}),w&&(0,l.jsx)(i.IconButton,{"aria-label":R,variant:_===`solid`?`solid`:`ghost`,tone:_===`solid`?g:`neutral`,size:`sm`,className:s.default.dismiss,onClick:U,children:(0,l.jsx)(a.CloseIcon,{})})]})};exports.Alert=g;
+"use client";const e=require("../../../utils/cx.cjs.js"),t=require("../../../hooks/useControllableState.cjs.js"),n=require("../../primitives/Button/Button.cjs.js"),r=require("../../primitives/Icon/icons.cjs.js"),i=require("../../primitives/Typography/Typography.cjs.js"),a=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),o=require("./Alert.module.css.cjs.js"),s=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u={info:o.default.info,success:o.default.success,warning:o.default.warning,danger:o.default.danger,neutral:o.default.neutral},d={soft:o.default.soft,solid:o.default.solid,outline:o.default.outline},f={sm:o.default.sm,md:o.default.md,lg:o.default.lg},p={none:o.default.radiusNone,xs:o.default.radiusXs,sm:o.default.radiusSm,md:o.default.radiusMd,lg:o.default.radiusLg,xl:o.default.radiusXl,"2xl":o.default.radius2xl,pill:o.default.radiusPill},m={info:(0,l.jsx)(r.InfoIcon,{}),success:(0,l.jsx)(r.SuccessIcon,{}),warning:(0,l.jsx)(r.WarningIcon,{}),danger:(0,l.jsx)(r.ErrorIcon,{}),neutral:(0,l.jsx)(r.NoteIcon,{})},h={info:!1,success:!1,warning:!0,danger:!0,neutral:!1},g=({tone:g=`info`,variant:_=`soft`,title:v,headingLevel:y,children:b,icon:x,toneLabel:S,actions:C,dismissible:w=!1,dismissLabel:T,onDismiss:E,returnFocusRef:D,open:O,defaultOpen:k=!0,onOpenChange:A,live:j=`off`,as:M=`div`,size:N=`md`,radius:P=`lg`,className:F,...I})=>{let L=s.useMessages(),R=T??L.alert.dismiss,z=(0,c.useId)(),[B,V]=t.useControllableState({value:O,defaultValue:k,onChange:A}),H=(0,c.useRef)(!1);if((0,c.useEffect)(()=>{!B&&H.current&&(H.current=!1,D?.current?.focus())},[B,D]),!B)return null;let U=()=>{H.current=D!==void 0,V(!1),E?.()},W=v!=null&&v!==``&&v!==!1,G=b!=null&&b!==``&&b!==!1,K=x===void 0?m[g]:x,q=K!==!1&&K!==null&&K!==``,J=typeof S==`string`?S:S??h[g]?L.alert.prefix[g]:``,Y=J?(0,l.jsx)(a.VisuallyHidden,{children:J}):null,X=j===`assertive`?`alert`:j===`polite`?`status`:void 0,Z=(M===`section`||M===`aside`)&&W&&I[`aria-label`]===void 0&&I[`aria-labelledby`]===void 0?z:void 0,Q=W?y===void 0?(0,l.jsxs)(`p`,{id:z,className:o.default.title,children:[Y,v]}):(0,l.jsxs)(i.Heading,{id:z,level:y,size:`md`,weight:`bold`,tone:`inherit`,balance:!1,className:o.default.title,children:[Y,v]}):null;return(0,l.jsxs)(M,{role:X,"aria-labelledby":Z,...I,className:e.cx(o.default.root,d[_],u[g],f[N],p[P],w&&o.default.dismissible,F),"data-tone":g,"data-variant":_,children:[q&&(0,l.jsx)(`span`,{className:o.default.iconCircle,"aria-hidden":`true`,children:K}),(0,l.jsxs)(`div`,{className:o.default.content,children:[Q,G&&(0,l.jsxs)(`div`,{className:o.default.description,children:[!W&&Y,b]}),!W&&!G&&Y,C!=null&&(0,l.jsx)(`div`,{className:o.default.actions,children:C})]}),w&&(0,l.jsx)(n.IconButton,{"aria-label":R,variant:_===`solid`?`solid`:`ghost`,tone:_===`solid`?g:`neutral`,size:`sm`,className:o.default.dismiss,onClick:U,children:(0,l.jsx)(r.CloseIcon,{})})]})};exports.Alert=g;