@vjdesigns/vjdesigns-ui 2.4.0 → 3.0.0

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

@@ -1,45 +1,46 @@
-import { en as e } from "../../../i18n/en.mjs";
-import { useMessages as t } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { assignRef as n } from "../../../utils/refs.mjs";
-import { cx as r } from "../../../utils/cx.mjs";
-import { VisuallyHidden as i } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { CheckIcon as a, CloseIcon as o } from "../../primitives/Icon/icons.mjs";
-import { Card as s } from "../Card/Card.mjs";
-import c from "./Timeline.module.css.mjs";
+"use client";
+import { cx as e } from "../../../utils/cx.mjs";
+import { assignRef as t } from "../../../utils/refs.mjs";
+import { CheckIcon as n, CloseIcon as r } from "../../primitives/Icon/icons.mjs";
+import { Card as i } from "../Card/Card.mjs";
+import { VisuallyHidden as a } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import o from "./Timeline.module.css.mjs";
+import { useMessages as s } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { en as c } from "../../../i18n/en.mjs";
 import { createContext as l, useCallback as u, useContext as d, useLayoutEffect as f, useRef as p, useState as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
-//#region src/components/data-display/Timeline/Timeline.tsx
-var _ = e.timeline.status, v = {
-	sm: c.sm,
-	md: c.md,
-	lg: c.lg
+// src/components/data-display/Timeline/Timeline.tsx
+var _ = c.timeline.status, v = {
+	sm: o.sm,
+	md: o.md,
+	lg: o.lg
 }, y = {
-	vertical: c.vertical,
-	horizontal: c.horizontal
+	vertical: o.vertical,
+	horizontal: o.horizontal
 }, b = {
-	start: c.alignStart,
-	alternate: c.alignAlternate,
-	end: c.alignEnd
+	start: o.alignStart,
+	alternate: o.alignAlternate,
+	end: o.alignEnd
 }, x = {
-	solid: c.solid,
-	dashed: c.dashed
+	solid: o.solid,
+	dashed: o.dashed
 }, S = {
-	neutral: c.neutral,
-	primary: c.primary,
-	accent: c.accent,
-	success: c.success,
-	warning: c.warning,
-	danger: c.danger,
-	info: c.info
+	neutral: o.neutral,
+	primary: o.primary,
+	accent: o.accent,
+	success: o.success,
+	warning: o.warning,
+	danger: o.danger,
+	info: o.info
 }, C = {
-	complete: c.statusComplete,
-	current: c.statusCurrent,
-	upcoming: c.statusUpcoming,
-	error: c.statusError
+	complete: o.statusComplete,
+	current: o.statusCurrent,
+	upcoming: o.statusUpcoming,
+	error: o.statusError
 }, w = l({ statusLabels: _ });
-function T({ orientation: e = "vertical", align: i = "start", size: a = "md", variant: o = "solid", statusLabels: s, scrollLabel: l, className: d, children: g, ref: _, ...S }) {
-	let C = t(), T = e === "horizontal", E = p(null), D = p(null), [O, k] = m(!1), A = u((e) => {
-		D.current = e, n(_, e);
+function T({ orientation: n = "vertical", align: r = "start", size: i = "md", variant: a = "solid", statusLabels: c, scrollLabel: l, className: d, children: g, ref: _, ...S }) {
+	let C = s(), T = n === "horizontal", E = p(null), D = p(null), [O, k] = m(!1), A = u((e) => {
+		D.current = e, t(_, e);
 	}, [_]);
 	f(() => {
 		if (!T) return;
@@ -52,19 +53,19 @@ function T({ orientation: e = "vertical", align: i = "start", size: a = "md", va
 	}, [T]);
 	let j = { statusLabels: {
 		...C.timeline.status,
-		...s
+		...c
 	} }, M = /* @__PURE__ */ h("ol", {
 		role: "list",
 		...S,
 		ref: A,
-		className: r(c.root, y[e], b[i], v[a], x[o], d),
+		className: e(o.root, y[n], b[r], v[i], x[a], d),
 		children: g
 	});
 	return /* @__PURE__ */ h(w.Provider, {
 		value: j,
 		children: T ? /* @__PURE__ */ h("div", {
 			ref: E,
-			className: c.scroller,
+			className: o.scroller,
 			role: O ? "region" : void 0,
 			"aria-label": O ? l ?? S["aria-label"] ?? C.timeline.region : void 0,
 			tabIndex: O ? 0 : void 0,
@@ -72,41 +73,41 @@ function T({ orientation: e = "vertical", align: i = "start", size: a = "md", va
 		}) : M
 	});
 }
-function E({ title: e, description: t, time: n, dateTime: l, meta: u, icon: f, marker: p, tone: m, status: _, statusLabel: v, card: y = !1, className: b, children: x, ...T }) {
+function E({ title: t, description: s, time: c, dateTime: l, meta: u, icon: f, marker: p, tone: m, status: _, statusLabel: v, card: y = !1, className: b, children: x, ...T }) {
 	let { statusLabels: E } = d(w), D = m ?? (_ === "error" ? "danger" : "primary"), O = _ ? v ?? E[_] : void 0, k = p == null ? f == null ? _ ? "status" : "dot" : "icon" : "custom", A = null;
-	k === "custom" ? A = p : k === "icon" ? A = f : _ === "complete" ? A = /* @__PURE__ */ h(a, { strokeWidth: 3 }) : _ === "error" && (A = /* @__PURE__ */ h(o, { strokeWidth: 3 }));
-	let j = n != null || u != null, M = /* @__PURE__ */ g("div", {
-		className: c.body,
+	k === "custom" ? A = p : k === "icon" ? A = f : _ === "complete" ? A = /* @__PURE__ */ h(n, { strokeWidth: 3 }) : _ === "error" && (A = /* @__PURE__ */ h(r, { strokeWidth: 3 }));
+	let j = c != null || u != null, M = /* @__PURE__ */ g("div", {
+		className: o.body,
 		children: [
-			O && /* @__PURE__ */ h(i, { children: `${O}: ` }),
-			e != null && /* @__PURE__ */ h("div", {
-				className: c.title,
-				children: e
+			O && /* @__PURE__ */ h(a, { children: `${O}: ` }),
+			t != null && /* @__PURE__ */ h("div", {
+				className: o.title,
+				children: t
 			}),
 			j && /* @__PURE__ */ g("div", {
-				className: c.meta,
+				className: o.meta,
 				children: [
-					n != null && (l ? /* @__PURE__ */ h("time", {
-						className: c.time,
+					c != null && (l ? /* @__PURE__ */ h("time", {
+						className: o.time,
 						dateTime: l,
-						children: n
+						children: c
 					}) : /* @__PURE__ */ h("span", {
-						className: c.time,
-						children: n
+						className: o.time,
+						children: c
 					})),
-					n != null && u != null && /* @__PURE__ */ h("span", {
-						className: c.separator,
+					c != null && u != null && /* @__PURE__ */ h("span", {
+						className: o.separator,
 						"aria-hidden": "true"
 					}),
 					u != null && /* @__PURE__ */ h("span", { children: u })
 				]
 			}),
-			t != null && /* @__PURE__ */ h("div", {
-				className: c.description,
-				children: t
+			s != null && /* @__PURE__ */ h("div", {
+				className: o.description,
+				children: s
 			}),
 			x != null && /* @__PURE__ */ h("div", {
-				className: c.extra,
+				className: o.extra,
 				children: x
 			})
 		]
@@ -114,18 +115,18 @@ function E({ title: e, description: t, time: n, dateTime: l, meta: u, icon: f, m
 	return /* @__PURE__ */ g("li", {
 		"aria-current": _ === "current" ? "step" : void 0,
 		...T,
-		className: r(c.item, S[D], _ && C[_], b),
+		className: e(o.item, S[D], _ && C[_], b),
 		"data-status": _,
 		children: [/* @__PURE__ */ g("div", {
-			className: c.rail,
+			className: o.rail,
 			"aria-hidden": "true",
 			children: [/* @__PURE__ */ h("span", {
-				className: r(c.marker, k === "dot" && c.markerDot, k === "icon" && c.markerIcon, k === "status" && c.markerStatus, k === "custom" && c.markerCustom),
+				className: e(o.marker, k === "dot" && o.markerDot, k === "icon" && o.markerIcon, k === "status" && o.markerStatus, k === "custom" && o.markerCustom),
 				children: A
-			}), /* @__PURE__ */ h("span", { className: c.connector })]
+			}), /* @__PURE__ */ h("span", { className: o.connector })]
 		}), /* @__PURE__ */ h("div", {
-			className: r(c.content, y && c.contentCard),
-			children: y ? /* @__PURE__ */ h(s, {
+			className: e(o.content, y && o.contentCard),
+			children: y ? /* @__PURE__ */ h(i, {
 				as: "div",
 				variant: "outline",
 				padding: "sm",
@@ -136,5 +137,4 @@ function E({ title: e, description: t, time: n, dateTime: l, meta: u, icon: f, m
 	});
 }
 var D = Object.assign(T, { Item: E });
-//#endregion
 export { D as Timeline, E as TimelineItem, _ as defaultTimelineStatusLabels };

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

@@ -1,4 +1,4 @@
-//#region src/components/data-display/Timeline/Timeline.module.css
+// src/components/data-display/Timeline/Timeline.module.css
 var e = "_root_vxox2_35", t = "_solid_vxox2_101", n = "_dashed_vxox2_109", r = "_sm_vxox2_121", i = "_md_vxox2_145", a = "_lg_vxox2_169", o = "_neutral_vxox2_197", s = "_primary_vxox2_213", c = "_accent_vxox2_229", l = "_success_vxox2_245", u = "_warning_vxox2_261", d = "_danger_vxox2_277", f = "_info_vxox2_293", p = "_statusComplete_vxox2_319", m = "_statusUpcoming_vxox2_329", h = "_item_vxox2_353", g = "_rail_vxox2_365", _ = "_connector_vxox2_377", v = "_content_vxox2_393", y = "_body_vxox2_403", b = "_title_vxox2_411", x = "_meta_vxox2_431", S = "_time_vxox2_451", C = "_separator_vxox2_463", w = "_description_vxox2_479", T = "_extra_vxox2_513", E = "_marker_vxox2_529", D = "_markerDot_vxox2_567", O = "_markerIcon_vxox2_587", k = "_markerStatus_vxox2_605", A = "_statusError_vxox2_339", j = "_statusCurrent_vxox2_339", M = "_markerCustom_vxox2_723", N = "_vertical_vxox2_749", P = "_contentCard_vxox2_813", F = "_alignStart_vxox2_823", I = "_alignAlternate_vxox2_825", L = "_alignEnd_vxox2_837", R = "_scroller_vxox2_899", z = "_horizontal_vxox2_929", B = {
 	root: e,
 	solid: t,
@@ -42,5 +42,4 @@ var e = "_root_vxox2_35", t = "_solid_vxox2_101", n = "_dashed_vxox2_109", r = "
 	scroller: R,
 	horizontal: z
 };
-//#endregion
 export { c as accent, I as alignAlternate, L as alignEnd, F as alignStart, y as body, _ as connector, v as content, P as contentCard, d as danger, n as dashed, B as default, w as description, T as extra, z as horizontal, f as info, h as item, a as lg, E as marker, M as markerCustom, D as markerDot, O as markerIcon, k as markerStatus, i as md, x as meta, o as neutral, s as primary, g as rail, e as root, R as scroller, C as separator, r as sm, t as solid, p as statusComplete, j as statusCurrent, A as statusError, m as statusUpcoming, l as success, S as time, b as title, N as vertical, u as warning };

package/dist/components/data-display/TreeView/TreeView.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("../../feedback/Spinner/Spinner.cjs.js"),a=require("../../primitives/Icon/icons.cjs.js"),o=require("./treeUtils.cjs.js"),s=require("./TreeView.module.css.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u={sm:s.default.sm,md:s.default.md,lg:s.default.lg},d=[],f=500,p=({items:p,expanded:m,defaultExpanded:h=d,onExpandedChange:g,selectionMode:_=`single`,selected:ee,defaultSelected:v=d,onSelectedChange:te,checkboxes:ne=!1,onAction:re,loadChildren:y,renderLabel:ie,size:ae=`md`,loadingLabel:oe,errorLabel:se,className:ce,ref:b,onKeyDown:le,onFocus:ue,onPointerMove:de,...fe})=>{let pe=t.useMessages(),x=oe??pe.treeView.loading,me=se??pe.treeView.error,he=(0,c.useId)(),S=_===`multiple`,C=S&&ne,[ge,_e]=e.useControllableState({value:m,defaultValue:h,onChange:g}),w=(0,c.useMemo)(()=>new Set(ge),[ge]),[T,E]=e.useControllableState({value:ee,defaultValue:v,onChange:te}),D=(0,c.useMemo)(()=>new Set(T),[T]),[O,ve]=(0,c.useState)(()=>new Map),[ye,k]=(0,c.useState)(()=>new Set),[A,j]=(0,c.useState)(()=>new Set),[be,M]=(0,c.useState)(``),[xe,Se]=(0,c.useState)(null),Ce=(0,c.useCallback)(e=>e.children??O.get(e.id),[O]),N=(0,c.useMemo)(()=>o.buildIndex(p,Ce),[p,Ce]),we=(0,c.useRef)(N);we.current=N;let P=(0,c.useMemo)(()=>o.visibleIds(p,N,w),[p,N,w]),Te=(0,c.useMemo)(()=>new Set(P),[P]),Ee=(0,c.useMemo)(()=>C?o.computeCheckStates(p,N,D):null,[C,p,N,D]),F=xe;for(;F&&!Te.has(F);)F=N.get(F)?.parentId??null;!F&&_!==`none`&&(F=P.find(e=>D.has(e))??null),F||=P[0]??null;let I=(0,c.useRef)(null),De=(0,c.useCallback)(e=>{if(I.current=e,typeof b==`function`)return b(e);b&&(b.current=e)},[b]),L=(0,c.useRef)(new Map),Oe=e=>t=>{let n=L.current;return n.set(e,t),()=>{n.get(e)===t&&n.delete(e)}},R=(0,c.useRef)(null),z=e=>{Se(e);let t=L.current.get(e);t?.isConnected?(t.focus({preventScroll:!0}),t.scrollIntoView?.({block:`nearest`})):R.current=e};(0,c.useLayoutEffect)(()=>{let e=R.current;if(!e)return;let t=L.current.get(e);t?.isConnected&&(R.current=null,t.focus({preventScroll:!0}),t.scrollIntoView?.({block:`nearest`}))});let ke=e=>{let t=document.activeElement;for(let n of w){if(e.has(n))continue;let r=L.current.get(n);r&&t&&r!==t&&r.contains(t)&&z(n)}_e([...e])},B=(e,t)=>{if(w.has(e)===t)return;let n=new Set(w);t?n.add(e):n.delete(e),ke(n)},V=(0,c.useRef)(new Set),H=(0,c.useRef)(!0);(0,c.useEffect)(()=>(H.current=!0,()=>{H.current=!1}),[]);let Ae=(0,c.useRef)(C);Ae.current=C;let je=(0,c.useRef)(D);je.current=D,(0,c.useEffect)(()=>{if(y)for(let e of w){let t=N.get(e);if(!t?.pending||V.current.has(e)||A.has(e))continue;let n=t.node,r=o.nodeText(n,L.current.get(e)?.querySelector(`[data-tree-label]`)?.textContent);V.current.add(e),k(new Set(V.current)),M(r?`${r}: ${x}`:x),Promise.resolve().then(()=>y(n)).then(t=>{if(H.current){if(V.current.delete(e),k(new Set(V.current)),we.current.get(e)?.node!==n){M(``);return}ve(n=>new Map(n).set(e,t)),M(``),Ae.current&&je.current.has(e)&&E(e=>[...new Set([...e,...o.collectIds(t)])])}},()=>{H.current&&(V.current.delete(e),k(new Set(V.current)),j(t=>new Set(t).add(e)),M(``))})}},[w,N,A,y,x,E]),(0,c.useEffect)(()=>{let e=[...O.keys()].filter(e=>!N.has(e));e.length>0&&ve(t=>{let n=new Map(t);return e.forEach(e=>n.delete(e)),n}),[...A].some(e=>!N.has(e))&&j(e=>new Set([...e].filter(e=>N.has(e))))},[N,O,A]),(0,c.useEffect)(()=>{[...A].some(e=>!w.has(e))&&j(e=>new Set([...e].filter(e=>w.has(e))))},[A,w]);let U=(0,c.useRef)(null),W=(0,c.useRef)(null),G=e=>{U.current=e,W.current=null},K=e=>!!N.get(e)?.node.disabled,q=e=>{let t=N.get(e);return!t||t.node.disabled?[]:[e,...(t.children??[]).flatMap(e=>q(e.id))]},Me=e=>!N.get(e)?.children?.length,J=e=>{E([...C?o.normalizeChecked(p,N,e):e])},Ne=(e,t,n)=>{for(let r of t)if(!K(r))for(let t of C?q(r):[r])n?e.add(t):e.delete(t);return e},Pe=(e,t)=>{for(let n of t){if(K(n))continue;let t=N.get(n);(C?t?.isParent&&w.has(n)?[]:q(n):[n]).forEach(t=>e.add(t))}return e},Fe=e=>{if(K(e))return;G(e);let t;t=C?!q(e).filter(Me).every(e=>D.has(e)):!D.has(e),J(Ne(new Set(D),[e],t))},Ie=e=>{K(e)||(G(e),(T.length!==1||T[0]!==e)&&E([e]))},Y=(e,t)=>{let n=P.indexOf(e),r=P.indexOf(t);n===-1&&(n=r),n>r&&([n,r]=[r,n]),W.current??=new Set(D),J(Pe(new Set(W.current),P.slice(n,r+1)))},Le=()=>{let e=C?p.flatMap(e=>q(e.id)):[...N.keys()].filter(e=>!K(e)),t=e.filter(e=>!C||Me(e)).every(e=>D.has(e));J(Ne(new Set(D),C?p.map(e=>e.id):e,!t))},X=(e,t,n)=>{let{node:r}=e;if(!r.disabled){if(S&&t===`pointer`){n&&U.current?Y(U.current,r.id):Fe(r.id);return}_===`single`&&Ie(r.id),re?re(r.id,r):e.isParent&&B(r.id,!w.has(r.id))}},Z=(0,c.useRef)({buffer:``,timer:0});(0,c.useEffect)(()=>()=>window.clearTimeout(Z.current.timer),[]);let Re=e=>{let t=N.get(e);return t?o.nodeText(t.node,L.current.get(e)?.querySelector(`[data-tree-label]`)?.textContent):``},ze=(e,t)=>{let n=Z.current;window.clearTimeout(n.timer),n.buffer+=e.toLowerCase(),n.timer=window.setTimeout(()=>{n.buffer=``},f);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=[...P.slice(o),...P.slice(0,o)].find(e=>Re(e).toLowerCase().startsWith(a));s&&z(s)},Be=e=>{if(le?.(e),e.defaultPrevented)return;let t=e.target;if(t.getAttribute(`role`)!==`treeitem`)return;let n=t.dataset.treeId,r=n?N.get(n):void 0;if(!n||!r)return;I.current?.removeAttribute(`data-pointer`);let i=P.indexOf(n),a=I.current?getComputedStyle(I.current).direction===`rtl`:!1,o=a?`ArrowLeft`:`ArrowRight`,s=a?`ArrowRight`:`ArrowLeft`,c=r.isParent&&w.has(n),l=e.ctrlKey||e.metaKey;switch(e.key){case`ArrowDown`:case`ArrowUp`:{e.preventDefault();let t=P[i+(e.key===`ArrowDown`?1:-1)];if(!t)return;z(t),S&&e.shiftKey&&(U.current||G(n),Y(U.current??n,t));return}case o:if(e.preventDefault(),!r.isParent)return;c?r.children?.length&&z(r.children[0].id):B(n,!0);return;case s:e.preventDefault(),c?B(n,!1):r.parentId&&z(r.parentId);return;case`Home`:case`End`:{e.preventDefault();let t=e.key===`Home`?P[0]:P[P.length-1];if(!t)return;S&&l&&e.shiftKey&&Y(n,t),z(t);return}case`Enter`:if(e.preventDefault(),e.repeat)return;X(r,`keyboard`,e.shiftKey);return;case` `:if(e.preventDefault(),Z.current.buffer){ze(` `,i);return}if(e.repeat)return;S?e.shiftKey&&U.current?Y(U.current,n):Fe(n):_===`single`&&Ie(n);return;case`*`:{e.preventDefault();let t=r.parentId?N.get(r.parentId)?.children??[]:p,n=new Set(w);for(let e of t)N.get(e.id)?.isParent&&n.add(e.id);n.size!==w.size&&ke(n);return}default:if(S&&l&&!e.altKey&&e.key.toLowerCase()===`a`){e.preventDefault(),Le();return}e.key.length===1&&!l&&!e.altKey&&(e.preventDefault(),ze(e.key,i))}},Q=(0,c.useRef)(null),Ve=e=>{ue?.(e);let t=e.target,n=t.getAttribute(`role`)===`treeitem`?t.dataset.treeId:void 0;n&&(Se(n),Q.current=t)};(0,c.useLayoutEffect)(()=>{let e=Q.current;if(!e||e.isConnected)return;Q.current=null;let t=document.activeElement;(!t||t===document.body)&&F&&z(F)});let He=(0,c.useRef)({x:NaN,y:NaN}),Ue=e=>{if(de?.(e),e.pointerType===`touch`)return;let t=He.current;(t.x!==e.clientX||t.y!==e.clientY)&&(t.x=e.clientX,t.y=e.clientY,e.currentTarget.setAttribute(`data-pointer`,``))},$=e=>{let t=N.get(e.id);if(!t)return null;let{level:r}=t,o=!!e.disabled,c=t.isParent&&w.has(e.id),u=c&&t.pending&&A.has(e.id),d=ye.has(e.id)||c&&t.pending&&!u,f=Ee?.get(e.id)??!1,p=C?f===!0:_!==`none`&&D.has(e.id),m={expanded:c,selected:p,checked:f,disabled:o,level:r,loading:d},h=typeof e.icon==`function`?e.icon(m):e.icon,g=`${he}-label-${t.ordinal}`,ee={"--_level":r},v={"--_level":r+1};return(0,l.jsxs)(`li`,{ref:Oe(e.id),role:`treeitem`,"data-tree-id":e.id,tabIndex:F===e.id?0:-1,"aria-labelledby":g,"aria-level":r,"aria-setsize":t.setsize,"aria-posinset":t.posinset,"aria-expanded":t.isParent?c:void 0,"aria-selected":_!==`none`&&!C?p:void 0,"aria-checked":C?f:void 0,"aria-disabled":o||void 0,className:s.default.item,children:[(0,l.jsxs)(`div`,{className:s.default.row,style:ee,"data-selected":p?``:void 0,"data-disabled":o?``:void 0,onClick:e=>{e.defaultPrevented||X(t,`pointer`,e.shiftKey)},children:[(0,l.jsx)(`span`,{"aria-hidden":`true`,className:s.default.toggle,"data-state":c?`open`:`closed`,onClick:t.isParent?t=>{t.preventDefault(),B(e.id,!c)}:void 0,children:t.isParent&&(0,l.jsx)(a.ChevronRightIcon,{className:s.default.chevron,size:`sm`,strokeWidth:2.5})}),C&&(0,l.jsxs)(`span`,{"aria-hidden":`true`,className:s.default.checkbox,"data-state":f===`mixed`?`mixed`:f?`checked`:`unchecked`,children:[(0,l.jsx)(a.CheckIcon,{className:n.cx(s.default.mark,s.default.check),strokeWidth:3}),(0,l.jsx)(a.MinusIcon,{className:n.cx(s.default.mark,s.default.minus),strokeWidth:3})]}),h&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:s.default.icon,children:h}),(0,l.jsx)(`span`,{id:g,className:s.default.label,"data-tree-label":``,children:ie?ie(e,m):e.label})]}),c&&(0,l.jsxs)(`ul`,{role:`group`,className:s.default.group,"aria-busy":d||void 0,children:[t.children?.map($),d&&!t.children&&(0,l.jsxs)(`li`,{role:`none`,className:s.default.status,style:v,children:[(0,l.jsx)(i.Spinner,{decorative:!0,size:`sm`,tone:`primary`}),(0,l.jsx)(`span`,{children:x})]}),u&&(0,l.jsxs)(`li`,{role:`none`,className:n.cx(s.default.status,s.default.error),style:v,children:[(0,l.jsx)(a.ErrorIcon,{size:`sm`}),(0,l.jsx)(`span`,{role:`alert`,children:me})]})]})]},e.id)};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`ul`,{...fe,ref:De,role:`tree`,"aria-multiselectable":S||void 0,className:n.cx(s.default.root,u[ae],C&&s.default.withCheckboxes,ce),onKeyDown:Be,onFocus:Ve,onPointerMove:Ue,children:p.map($)}),(0,l.jsx)(r.VisuallyHidden,{role:`status`,children:be})]})};exports.TreeView=p;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../utils/cx.cjs.js"),n=require("../../primitives/Icon/icons.cjs.js"),r=require("../../feedback/Spinner/Spinner.cjs.js"),i=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),a=require("./treeUtils.cjs.js"),o=require("./TreeView.module.css.cjs.js"),s=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js");let c=require("react"),l=require("react/jsx-runtime");var u={sm:o.default.sm,md:o.default.md,lg:o.default.lg},d=[],f=500,p=({items:p,expanded:m,defaultExpanded:h=d,onExpandedChange:g,selectionMode:_=`single`,selected:ee,defaultSelected:v=d,onSelectedChange:te,checkboxes:ne=!1,onAction:re,loadChildren:y,renderLabel:ie,size:ae=`md`,loadingLabel:oe,errorLabel:se,className:ce,ref:b,onKeyDown:le,onFocus:ue,onPointerMove:de,...fe})=>{let pe=s.useMessages(),x=oe??pe.treeView.loading,me=se??pe.treeView.error,he=(0,c.useId)(),S=_===`multiple`,C=S&&ne,[ge,_e]=e.useControllableState({value:m,defaultValue:h,onChange:g}),w=(0,c.useMemo)(()=>new Set(ge),[ge]),[T,E]=e.useControllableState({value:ee,defaultValue:v,onChange:te}),D=(0,c.useMemo)(()=>new Set(T),[T]),[O,ve]=(0,c.useState)(()=>new Map),[ye,k]=(0,c.useState)(()=>new Set),[A,j]=(0,c.useState)(()=>new Set),[be,M]=(0,c.useState)(``),[xe,Se]=(0,c.useState)(null),Ce=(0,c.useCallback)(e=>e.children??O.get(e.id),[O]),N=(0,c.useMemo)(()=>a.buildIndex(p,Ce),[p,Ce]),we=(0,c.useRef)(N);we.current=N;let P=(0,c.useMemo)(()=>a.visibleIds(p,N,w),[p,N,w]),Te=(0,c.useMemo)(()=>new Set(P),[P]),Ee=(0,c.useMemo)(()=>C?a.computeCheckStates(p,N,D):null,[C,p,N,D]),F=xe;for(;F&&!Te.has(F);)F=N.get(F)?.parentId??null;!F&&_!==`none`&&(F=P.find(e=>D.has(e))??null),F||=P[0]??null;let I=(0,c.useRef)(null),De=(0,c.useCallback)(e=>{if(I.current=e,typeof b==`function`)return b(e);b&&(b.current=e)},[b]),L=(0,c.useRef)(new Map),Oe=e=>t=>{let n=L.current;return n.set(e,t),()=>{n.get(e)===t&&n.delete(e)}},R=(0,c.useRef)(null),z=e=>{Se(e);let t=L.current.get(e);t?.isConnected?(t.focus({preventScroll:!0}),t.scrollIntoView?.({block:`nearest`})):R.current=e};(0,c.useLayoutEffect)(()=>{let e=R.current;if(!e)return;let t=L.current.get(e);t?.isConnected&&(R.current=null,t.focus({preventScroll:!0}),t.scrollIntoView?.({block:`nearest`}))});let ke=e=>{let t=document.activeElement;for(let n of w){if(e.has(n))continue;let r=L.current.get(n);r&&t&&r!==t&&r.contains(t)&&z(n)}_e([...e])},B=(e,t)=>{if(w.has(e)===t)return;let n=new Set(w);t?n.add(e):n.delete(e),ke(n)},V=(0,c.useRef)(new Set),H=(0,c.useRef)(!0);(0,c.useEffect)(()=>(H.current=!0,()=>{H.current=!1}),[]);let Ae=(0,c.useRef)(C);Ae.current=C;let je=(0,c.useRef)(D);je.current=D,(0,c.useEffect)(()=>{if(y)for(let e of w){let t=N.get(e);if(!t?.pending||V.current.has(e)||A.has(e))continue;let n=t.node,r=a.nodeText(n,L.current.get(e)?.querySelector(`[data-tree-label]`)?.textContent);V.current.add(e),k(new Set(V.current)),M(r?`${r}: ${x}`:x),Promise.resolve().then(()=>y(n)).then(t=>{H.current&&(V.current.delete(e),k(new Set(V.current)),we.current.get(e)?.node===n?(ve(n=>new Map(n).set(e,t)),M(``),Ae.current&&je.current.has(e)&&E(e=>[...new Set([...e,...a.collectIds(t)])])):M(``))},()=>{H.current&&(V.current.delete(e),k(new Set(V.current)),j(t=>new Set(t).add(e)),M(``))})}},[w,N,A,y,x,E]),(0,c.useEffect)(()=>{let e=[...O.keys()].filter(e=>!N.has(e));e.length>0&&ve(t=>{let n=new Map(t);return e.forEach(e=>n.delete(e)),n}),[...A].some(e=>!N.has(e))&&j(e=>new Set([...e].filter(e=>N.has(e))))},[N,O,A]),(0,c.useEffect)(()=>{[...A].some(e=>!w.has(e))&&j(e=>new Set([...e].filter(e=>w.has(e))))},[A,w]);let U=(0,c.useRef)(null),W=(0,c.useRef)(null),G=e=>{U.current=e,W.current=null},K=e=>!!N.get(e)?.node.disabled,q=e=>{let t=N.get(e);return!t||t.node.disabled?[]:[e,...(t.children??[]).flatMap(e=>q(e.id))]},Me=e=>!N.get(e)?.children?.length,J=e=>{E([...C?a.normalizeChecked(p,N,e):e])},Ne=(e,t,n)=>{for(let r of t)if(!K(r))for(let t of C?q(r):[r])n?e.add(t):e.delete(t);return e},Pe=(e,t)=>{for(let n of t){if(K(n))continue;let t=N.get(n);(C?t?.isParent&&w.has(n)?[]:q(n):[n]).forEach(t=>e.add(t))}return e},Fe=e=>{if(K(e))return;G(e);let t;t=C?!q(e).filter(Me).every(e=>D.has(e)):!D.has(e),J(Ne(new Set(D),[e],t))},Ie=e=>{K(e)||(G(e),(T.length!==1||T[0]!==e)&&E([e]))},Y=(e,t)=>{let n=P.indexOf(e),r=P.indexOf(t);n===-1&&(n=r),n>r&&([n,r]=[r,n]),W.current??=new Set(D),J(Pe(new Set(W.current),P.slice(n,r+1)))},Le=()=>{let e=C?p.flatMap(e=>q(e.id)):[...N.keys()].filter(e=>!K(e)),t=e.filter(e=>!C||Me(e)).every(e=>D.has(e));J(Ne(new Set(D),C?p.map(e=>e.id):e,!t))},X=(e,t,n)=>{let{node:r}=e;r.disabled||(S&&t===`pointer`?n&&U.current?Y(U.current,r.id):Fe(r.id):(_===`single`&&Ie(r.id),re?re(r.id,r):e.isParent&&B(r.id,!w.has(r.id))))},Z=(0,c.useRef)({buffer:``,timer:0});(0,c.useEffect)(()=>()=>window.clearTimeout(Z.current.timer),[]);let Re=e=>{let t=N.get(e);return t?a.nodeText(t.node,L.current.get(e)?.querySelector(`[data-tree-label]`)?.textContent):``},ze=(e,t)=>{let n=Z.current;window.clearTimeout(n.timer),n.buffer+=e.toLowerCase(),n.timer=window.setTimeout(()=>{n.buffer=``},f);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=[...P.slice(o),...P.slice(0,o)].find(e=>Re(e).toLowerCase().startsWith(a));s&&z(s)},Be=e=>{if(le?.(e),e.defaultPrevented)return;let t=e.target;if(t.getAttribute(`role`)!==`treeitem`)return;let n=t.dataset.treeId,r=n?N.get(n):void 0;if(!n||!r)return;I.current?.removeAttribute(`data-pointer`);let i=P.indexOf(n),a=I.current?getComputedStyle(I.current).direction===`rtl`:!1,o=a?`ArrowLeft`:`ArrowRight`,s=a?`ArrowRight`:`ArrowLeft`,c=r.isParent&&w.has(n),l=e.ctrlKey||e.metaKey;switch(e.key){case`ArrowDown`:case`ArrowUp`:{e.preventDefault();let t=P[i+(e.key===`ArrowDown`?1:-1)];if(!t)return;z(t),S&&e.shiftKey&&(U.current||G(n),Y(U.current??n,t));return}case o:if(e.preventDefault(),!r.isParent)return;c?r.children?.length&&z(r.children[0].id):B(n,!0);return;case s:e.preventDefault(),c?B(n,!1):r.parentId&&z(r.parentId);return;case`Home`:case`End`:{e.preventDefault();let t=e.key===`Home`?P[0]:P[P.length-1];if(!t)return;S&&l&&e.shiftKey&&Y(n,t),z(t);return}case`Enter`:if(e.preventDefault(),e.repeat)return;X(r,`keyboard`,e.shiftKey);return;case` `:if(e.preventDefault(),Z.current.buffer){ze(` `,i);return}if(e.repeat)return;S?e.shiftKey&&U.current?Y(U.current,n):Fe(n):_===`single`&&Ie(n);return;case`*`:{e.preventDefault();let t=r.parentId?N.get(r.parentId)?.children??[]:p,n=new Set(w);for(let e of t)N.get(e.id)?.isParent&&n.add(e.id);n.size!==w.size&&ke(n);return}default:if(S&&l&&!e.altKey&&e.key.toLowerCase()===`a`){e.preventDefault(),Le();return}e.key.length===1&&!l&&!e.altKey&&(e.preventDefault(),ze(e.key,i))}},Q=(0,c.useRef)(null),Ve=e=>{ue?.(e);let t=e.target,n=t.getAttribute(`role`)===`treeitem`?t.dataset.treeId:void 0;n&&(Se(n),Q.current=t)};(0,c.useLayoutEffect)(()=>{let e=Q.current;if(!e||e.isConnected)return;Q.current=null;let t=document.activeElement;(!t||t===document.body)&&F&&z(F)});let He=(0,c.useRef)({x:NaN,y:NaN}),Ue=e=>{if(de?.(e),e.pointerType===`touch`)return;let t=He.current;(t.x!==e.clientX||t.y!==e.clientY)&&(t.x=e.clientX,t.y=e.clientY,e.currentTarget.setAttribute(`data-pointer`,``))},$=e=>{let i=N.get(e.id);if(!i)return null;let{level:a}=i,s=!!e.disabled,c=i.isParent&&w.has(e.id),u=c&&i.pending&&A.has(e.id),d=ye.has(e.id)||c&&i.pending&&!u,f=Ee?.get(e.id)??!1,p=C?f===!0:_!==`none`&&D.has(e.id),m={expanded:c,selected:p,checked:f,disabled:s,level:a,loading:d},h=typeof e.icon==`function`?e.icon(m):e.icon,g=`${he}-label-${i.ordinal}`,ee={"--_level":a},v={"--_level":a+1};return(0,l.jsxs)(`li`,{ref:Oe(e.id),role:`treeitem`,"data-tree-id":e.id,tabIndex:F===e.id?0:-1,"aria-labelledby":g,"aria-level":a,"aria-setsize":i.setsize,"aria-posinset":i.posinset,"aria-expanded":i.isParent?c:void 0,"aria-selected":_!==`none`&&!C?p:void 0,"aria-checked":C?f:void 0,"aria-disabled":s||void 0,className:o.default.item,children:[(0,l.jsxs)(`div`,{className:o.default.row,style:ee,"data-selected":p?``:void 0,"data-disabled":s?``:void 0,onClick:e=>{e.defaultPrevented||X(i,`pointer`,e.shiftKey)},children:[(0,l.jsx)(`span`,{"aria-hidden":`true`,className:o.default.toggle,"data-state":c?`open`:`closed`,onClick:i.isParent?t=>{t.preventDefault(),B(e.id,!c)}:void 0,children:i.isParent&&(0,l.jsx)(n.ChevronRightIcon,{className:o.default.chevron,size:`sm`,strokeWidth:2.5})}),C&&(0,l.jsxs)(`span`,{"aria-hidden":`true`,className:o.default.checkbox,"data-state":f===`mixed`?`mixed`:f?`checked`:`unchecked`,children:[(0,l.jsx)(n.CheckIcon,{className:t.cx(o.default.mark,o.default.check),strokeWidth:3}),(0,l.jsx)(n.MinusIcon,{className:t.cx(o.default.mark,o.default.minus),strokeWidth:3})]}),h&&(0,l.jsx)(`span`,{"aria-hidden":`true`,className:o.default.icon,children:h}),(0,l.jsx)(`span`,{id:g,className:o.default.label,"data-tree-label":``,children:ie?ie(e,m):e.label})]}),c&&(0,l.jsxs)(`ul`,{role:`group`,className:o.default.group,"aria-busy":d||void 0,children:[i.children?.map($),d&&!i.children&&(0,l.jsxs)(`li`,{role:`none`,className:o.default.status,style:v,children:[(0,l.jsx)(r.Spinner,{decorative:!0,size:`sm`,tone:`primary`}),(0,l.jsx)(`span`,{children:x})]}),u&&(0,l.jsxs)(`li`,{role:`none`,className:t.cx(o.default.status,o.default.error),style:v,children:[(0,l.jsx)(n.ErrorIcon,{size:`sm`}),(0,l.jsx)(`span`,{role:`alert`,children:me})]})]})]},e.id)};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`ul`,{...fe,ref:De,role:`tree`,"aria-multiselectable":S||void 0,className:t.cx(o.default.root,u[ae],C&&o.default.withCheckboxes,ce),onKeyDown:Be,onFocus:Ve,onPointerMove:Ue,children:p.map($)}),(0,l.jsx)(i.VisuallyHidden,{role:`status`,children:be})]})};exports.TreeView=p;