@mortenbrudvik/waveui 0.15.0 → 0.16.0

package/dist/components/layout/Tree.core.mjs

@@ -17,25 +17,26 @@ import { forcedColors as y } from "../../lib/styles.mjs";
 import { CheckIcon as ne, ChevronRightIcon as re, SubtractIcon as ie } from "../../lib/icons.mjs";
 import { isEditableTarget as ae, isOwnEvent as b } from "../../lib/events.mjs";
 import { useCollapsePresence as oe } from "../../hooks/useCollapsePresence.mjs";
-import { TreeCheckForcedContext as x, TreeContext as se, TreeItemContext as ce, TreeLabelContext as S, TreeParentContext as le, useTreeContext as ue } from "./Tree.context.mjs";
-import { collectItems as de, computeCheckStates as C, toggleCheck as fe } from "./Tree.selection.mjs";
-import * as w from "react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { TreeCheckForcedContext as x, TreeContext as se, TreeItemContext as ce, TreeLabelContext as S, TreeParentContext as C, useTreeContext as le } from "./Tree.context.mjs";
+import { computeCheckStates as ue, toggleCheck as de } from "../../lib/treeCascade.mjs";
+import { collectItems as w } from "./Tree.selection.mjs";
+import * as T from "react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
 //#region src/components/layout/Tree.core.tsx
-var pe = [], me = "Tree.Item was rendered inside the label of another Tree.Item, so it is not part of that item's child group: the parent cannot expand, its name includes the nested text, and a treeitem sits inside a label (axe aria-required-parent). A Tree.Item finds its nested items among its own children (written directly, in Fragments, or returned by a render function such as `children.map(renderNode)`), but not inside a component that renders Tree.Item itself. Build a data-driven tree with a render function instead of a recursive component.";
-function he(e) {
+var fe = [], pe = "Tree.Item was rendered inside the label of another Tree.Item, so it is not part of that item's child group: the parent cannot expand, its name includes the nested text, and a treeitem sits inside a label (axe aria-required-parent). A Tree.Item finds its nested items among its own children (written directly, in Fragments, or returned by a render function such as `children.map(renderNode)`), but not inside a component that renders Tree.Item itself. Build a data-driven tree with a render function instead of a recursive component.";
+function me(e) {
 	i(`Tree:duplicate:${e}`, `Tree: several items share the value "${e}". Item values must be unique within a Tree; items with the same value share their expanded, selected and focus state.`);
 }
-var ge = "Tree: `selected` has no effect with selectionMode=\"multiple\"; use `checkedItems`, and `current` for the item the user is on.", _e = "Tree: `checkedItems` and `defaultCheckedItems` need selectionMode=\"multiple\"; without it the tree draws no checkboxes and ignores them.", ve = "Tree: selectionMode=\"single\" draws a radio on every item for `selected`; pass `selected` (null while nothing is selected) and update it from `onItemSelect`.";
-function D(e) {
+var he = "Tree: `selected` has no effect with selectionMode=\"multiple\"; use `checkedItems`, and `current` for the item the user is on.", ge = "Tree: `checkedItems` and `defaultCheckedItems` need selectionMode=\"multiple\"; without it the tree draws no checkboxes and ignores them.", _e = "Tree: selectionMode=\"single\" draws a radio on every item for `selected`; pass `selected` (null while nothing is selected) and update it from `onItemSelect`.";
+function O(e) {
 	return e ? Array.from(e, (e) => e.current).filter((e) => e !== null).sort((e, t) => !e.element || !t.element || e.element === t.element ? 0 : e.element.compareDocumentPosition(t.element) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1).map((e) => e.node) : [];
 }
-var O = "[role=\"treeitem\"]", k = "button, [href], input, select, textarea, [role=\"button\"], [tabindex]", ye = "[&:focus-within:not(:has(>*>[role=group]_:focus))>[data-tree-row]_[data-tree-actions]]:visible", be = "[@media(hover:hover)]:not-forced-colors:[&:focus-within:not(:has(>*>[role=group]_:focus))>[data-tree-row]_[data-tree-aside]]:invisible", A = "invisible group-hover/row:visible focus-within:visible forced-colors:visible [@media(hover:none)]:visible has-[[aria-expanded=true]]:visible data-[focus-in-popup]:visible", xe = "not-forced-colors:group-hover/row:invisible [@media(hover:hover)]:not-forced-colors:group-focus-within/end:invisible [@media(hover:hover)]:not-forced-colors:group-has-[[aria-expanded=true]]/end:invisible [@media(hover:hover)]:not-forced-colors:group-has-[[data-focus-in-popup]]/end:invisible", Se = "[&>*]:[grid-area:1/1] forced-colors:flex [@media(hover:none)]:flex";
-function j(e) {
+var k = "[role=\"treeitem\"]", A = "button, [href], input, select, textarea, [role=\"button\"], [tabindex]", ve = "[&:focus-within:not(:has(>*>[role=group]_:focus))>[data-tree-row]_[data-tree-actions]]:visible", ye = "[@media(hover:hover)]:not-forced-colors:[&:focus-within:not(:has(>*>[role=group]_:focus))>[data-tree-row]_[data-tree-aside]]:invisible", j = "invisible group-hover/row:visible focus-within:visible forced-colors:visible [@media(hover:none)]:visible has-[[aria-expanded=true]]:visible data-[focus-in-popup]:visible", be = "not-forced-colors:group-hover/row:invisible [@media(hover:hover)]:not-forced-colors:group-focus-within/end:invisible [@media(hover:hover)]:not-forced-colors:group-has-[[aria-expanded=true]]/end:invisible [@media(hover:hover)]:not-forced-colors:group-has-[[data-focus-in-popup]]/end:invisible", xe = "[&>*]:[grid-area:1/1] forced-colors:flex [@media(hover:none)]:flex";
+function M(e) {
 	let t = e.querySelector(":scope > [data-tree-row] [data-tree-actions]");
 	if (!t) return !1;
 	let n = /* @__PURE__ */ new Map();
-	for (let e of Array.from(t.querySelectorAll(k))) {
+	for (let e of Array.from(t.querySelectorAll(A))) {
 		if (g(e) || e.matches(":disabled")) continue;
 		let r = e.closest("[hidden], [inert]");
 		if (r && t.contains(r)) continue;
@@ -44,106 +45,106 @@ function j(e) {
 	}
 	return !1;
 }
-var M = ({ expandedItems: t, defaultExpandedItems: n, onExpandedItemsChange: a, onItemSelect: o, selected: s, current: u, selectionMode: p = "none", navigationMode: m = "tree", checkedItems: h, defaultCheckedItems: g, onCheckedItemsChange: _, motion: te, className: y, children: ne, onKeyDown: re, onKeyDownCapture: ie, onFocus: ae, onBlur: b, ref: oe, ...ce }) => {
-	let [ue] = w.useState(() => n ?? pe), [de, C] = f(t, ue, (e) => a?.([...e])), E = w.useMemo(() => new Set(de), [de]), me = w.useCallback((e) => {
-		C((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, [C]), k = w.useCallback((e) => {
-		C((t) => {
+var N = ({ expandedItems: t, defaultExpandedItems: n, onExpandedItemsChange: a, onItemSelect: o, selected: s, current: u, selectionMode: p = "none", navigationMode: m = "tree", checkedItems: h, defaultCheckedItems: g, onCheckedItemsChange: _, motion: te, className: y, children: ne, onKeyDown: re, onKeyDownCapture: ie, onFocus: ae, onBlur: b, ref: oe, ...ce }) => {
+	let [le] = T.useState(() => n ?? fe), [ue, w] = f(t, le, (e) => a?.([...e])), D = T.useMemo(() => new Set(ue), [ue]), pe = T.useCallback((e) => {
+		w((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, [w]), A = T.useCallback((e) => {
+		w((t) => {
 			let n = e.filter((e) => !t.includes(e));
 			return n.length > 0 ? [...t, ...n] : t;
 		});
-	}, [C]), ye = d((e) => {
+	}, [w]), ve = d((e) => {
 		o?.(e);
-	}), [be] = w.useState(() => g ?? pe), A = w.useRef(void 0), [xe, Se] = f(h, be, (e) => _?.([...e], A.current)), j = w.useMemo(() => new Set(xe), [xe]), M = w.useRef(null), Ce = w.useCallback((e) => {
-		M.current ??= /* @__PURE__ */ new Set();
-		let t = M.current;
+	}), [ye] = T.useState(() => g ?? fe), j = T.useRef(void 0), [be, xe] = f(h, ye, (e) => _?.([...e], j.current)), M = T.useMemo(() => new Set(be), [be]), N = T.useRef(null), Se = T.useCallback((e) => {
+		N.current ??= /* @__PURE__ */ new Set();
+		let t = N.current;
 		return t.add(e), () => {
 			t.delete(e);
 		};
-	}, []), we = d((e, t) => {
-		let n = D(M.current);
-		Se((r) => {
-			let i = fe(n, r, e);
-			return A.current = {
+	}, []), Ce = d((e, t) => {
+		let n = O(N.current);
+		xe((r) => {
+			let i = de(n, r, e);
+			return j.current = {
 				value: e,
 				checked: i.includes(e),
 				event: t
 			}, i;
-		}), A.current = void 0;
-	}), P = p === "multiple" ? void 0 : p === "single" ? s ?? null : s;
-	w.useEffect(() => {
-		p === "multiple" && s !== void 0 && i("Tree:selected-with-multiple", ge);
-	}, [p, s]), w.useEffect(() => {
-		p === "single" && s === void 0 && i("Tree:single-without-selected", ve);
+		}), j.current = void 0;
+	}), F = p === "multiple" ? void 0 : p === "single" ? s ?? null : s;
+	T.useEffect(() => {
+		p === "multiple" && s !== void 0 && i("Tree:selected-with-multiple", he);
+	}, [p, s]), T.useEffect(() => {
+		p === "single" && s === void 0 && i("Tree:single-without-selected", _e);
 	}, [p, s]);
-	let F = h !== void 0 || g !== void 0;
-	w.useEffect(() => {
-		p !== "multiple" && F && i("Tree:checked-without-multiple", _e);
-	}, [p, F]);
-	let [I, L] = w.useState(null), R = w.useRef(null), z = w.useCallback((e) => {
+	let I = h !== void 0 || g !== void 0;
+	T.useEffect(() => {
+		p !== "multiple" && I && i("Tree:checked-without-multiple", ge);
+	}, [p, I]);
+	let [L, R] = T.useState(null), z = T.useRef(null), B = T.useCallback((e) => {
 		if (!r) return () => {};
-		R.current ??= /* @__PURE__ */ new Map();
-		let t = R.current, n = (t.get(e) ?? 0) + 1;
-		return t.set(e, n), n > 1 && he(e), () => {
+		z.current ??= /* @__PURE__ */ new Map();
+		let t = z.current, n = (t.get(e) ?? 0) + 1;
+		return t.set(e, n), n > 1 && me(e), () => {
 			let n = (t.get(e) ?? 1) - 1;
 			n > 0 ? t.set(e, n) : t.delete(e);
 		};
-	}, []), { containerProps: B, getTabIndex: V, focusValue: H } = v({
-		activeValue: I ?? P ?? null,
-		itemSelector: O,
+	}, []), { containerProps: V, getTabIndex: H, focusValue: U } = v({
+		activeValue: L ?? F ?? null,
+		itemSelector: k,
 		orientation: "vertical",
 		loop: !1,
 		typeahead: !0
-	}), U = w.useMemo(() => ({
-		expanded: E,
-		toggle: me,
-		expand: k,
-		activate: ye,
-		selected: P,
+	}), we = T.useMemo(() => ({
+		expanded: D,
+		toggle: pe,
+		expand: A,
+		activate: ve,
+		selected: F,
 		current: u,
-		getTabIndex: V,
-		focusValue: H,
-		onItemFocus: L,
-		focusedItem: I,
+		getTabIndex: H,
+		focusValue: U,
+		onItemFocus: R,
+		focusedItem: L,
 		navigationMode: m,
-		registerValue: z,
+		registerValue: B,
 		selectionMode: p,
-		checked: j,
-		toggleChecked: we,
-		registerTopLevel: Ce,
+		checked: M,
+		toggleChecked: Ce,
+		registerTopLevel: Se,
 		motion: te
 	}), [
-		E,
-		me,
-		k,
-		ye,
-		P,
+		D,
+		pe,
+		A,
+		ve,
+		F,
 		u,
-		V,
 		H,
-		I,
+		U,
+		L,
 		m,
-		z,
+		B,
 		p,
-		j,
-		we,
+		M,
 		Ce,
+		Se,
 		te
-	]), Te = ee(oe, B.ref), W = (e) => {
-		e.key.length === 1 && N(e.currentTarget), B.onKeyDown(e);
+	]), Te = ee(oe, V.ref), W = (e) => {
+		e.key.length === 1 && P(e.currentTarget), V.onKeyDown(e);
 	}, Ee = (e) => {
-		e.key === " " && N(e.currentTarget), B.onKeyDownCapture(e);
+		e.key === " " && P(e.currentTarget), V.onKeyDownCapture(e);
 	}, De = (e) => {
 		let t = e.relatedTarget;
-		(!t || !e.currentTarget.contains(t)) && L(null);
+		(!t || !e.currentTarget.contains(t)) && R(null);
 	};
-	return /* @__PURE__ */ T(se.Provider, {
-		value: U,
-		children: /* @__PURE__ */ T(le.Provider, {
+	return /* @__PURE__ */ E(se.Provider, {
+		value: we,
+		children: /* @__PURE__ */ E(C.Provider, {
 			value: null,
-			children: /* @__PURE__ */ T(x.Provider, {
+			children: /* @__PURE__ */ E(x.Provider, {
 				value: !1,
-				children: /* @__PURE__ */ T("div", {
+				children: /* @__PURE__ */ E("div", {
 					role: "tree",
 					"data-selection-mode": p,
 					"aria-multiselectable": p === "multiple" || void 0,
@@ -152,10 +153,10 @@ var M = ({ expandedItems: t, defaultExpandedItems: n, onExpandedItemsChange: a,
 					"data-roving-container": "",
 					onKeyDown: c(re, W),
 					onKeyDownCapture: c(ie, Ee),
-					onFocus: c(ae, B.onFocus, { checkDefaultPrevented: !1 }),
+					onFocus: c(ae, V.onFocus, { checkDefaultPrevented: !1 }),
 					onBlur: c(b, De, { checkDefaultPrevented: !1 }),
 					ref: Te,
-					children: /* @__PURE__ */ T(S.Provider, {
+					children: /* @__PURE__ */ E(S.Provider, {
 						value: !1,
 						children: ne
 					})
@@ -164,8 +165,8 @@ var M = ({ expandedItems: t, defaultExpandedItems: n, onExpandedItemsChange: a,
 		})
 	});
 };
-M.displayName = "Tree";
-function N(e) {
+N.displayName = "Tree";
+function P(e) {
 	e.querySelectorAll("[role=\"treeitem\"]").forEach((e) => {
 		let t = e.querySelector(":scope > [data-tree-row] > [data-tree-label]");
 		if (!t) return;
@@ -173,23 +174,23 @@ function N(e) {
 		e.getAttribute("data-roving-text") !== r && e.setAttribute("data-roving-text", r);
 	});
 }
-function Ce(e) {
+function Se(e) {
 	let t = e.target;
 	return !t?.closest?.("[data-tree-actions]") && t?.closest?.("[role=\"treeitem\"]") === e.currentTarget;
 }
-function we(e) {
+function Ce(e) {
 	let t = e.target;
 	return t === e.currentTarget ? e.detail === 0 || !e.currentTarget.querySelector(":scope > [inert]") : !t?.closest?.("[data-tree-checkbox], [data-tree-actions]") && t?.closest?.("[data-tree-row]")?.parentElement === e.currentTarget;
 }
-var P = ({ labelledBy: t, tabStop: n, navigationMode: r, onReturn: i, children: a }) => {
+var F = ({ labelledBy: t, tabStop: n, navigationMode: r, onReturn: i, children: a }) => {
 	let o = r === "treegrid", { containerProps: { ref: s }, handleKeyDown: c, handleFocus: l } = v({
-		itemSelector: k,
+		itemSelector: A,
 		manageTabIndex: !0,
 		orientation: "horizontal",
 		loop: !o,
 		tabStop: n
-	}), [d, f] = w.useState(null);
-	w.useEffect(() => {
+	}), [d, f] = T.useState(null);
+	T.useEffect(() => {
 		if (d !== "leaving") return;
 		let e = requestAnimationFrame(() => f(null));
 		return () => cancelAnimationFrame(e);
@@ -208,7 +209,7 @@ var P = ({ labelledBy: t, tabStop: n, navigationMode: r, onReturn: i, children:
 			dir: h(e.currentTarget)
 		}) === "prev";
 	};
-	return /* @__PURE__ */ T("span", {
+	return /* @__PURE__ */ E("span", {
 		role: "toolbar",
 		"aria-labelledby": t,
 		"aria-orientation": "horizontal",
@@ -222,71 +223,71 @@ var P = ({ labelledBy: t, tabStop: n, navigationMode: r, onReturn: i, children:
 		},
 		onFocus: p,
 		onBlur: g,
-		className: e(u.actions, "inline-flex items-center gap-1", A),
+		className: e(u.actions, "inline-flex items-center gap-1", j),
 		children: a
 	});
 };
-P.displayName = "TreeItemActions";
-var F = ({ value: r, icon: l, iconAfter: d, expandIcon: f, aside: g, actions: _, leaf: v = !1, className: ae, children: b, onClick: se, onKeyDown: fe, onFocus: pe, onBlur: he, ref: ge, ..._e }) => {
-	let { "data-roving-text": ve, ...D } = _e, O = ue("Tree.Item"), k = w.useContext(le), A = w.useContext(S), N = O.expanded.has(r), I = p("tree-item-label"), L = p("tree-item-aside"), R = w.useContext(x), z = w.useRef(null), B = ee(ge, z), [V, H] = w.useState(null), U = w.useCallback((e) => (H(e), () => H((t) => t === e ? null : t)), []), Te = w.useMemo(() => ({ registerLayout: U }), [U]), W = V?.nameId ?? I, { registerValue: Ee, registerTopLevel: De } = O;
-	w.useEffect(() => Ee(r), [Ee, r]), w.useEffect(() => {
-		A && i("Tree.Item:inside-label", me);
-	}, [A]);
+F.displayName = "TreeItemActions";
+var I = ({ value: r, icon: l, iconAfter: d, expandIcon: f, aside: g, actions: _, leaf: v = !1, className: ae, children: b, onClick: se, onKeyDown: de, onFocus: fe, onBlur: me, ref: he, ...ge }) => {
+	let { "data-roving-text": _e, ...O } = ge, k = le("Tree.Item"), A = T.useContext(C), j = T.useContext(S), P = k.expanded.has(r), L = p("tree-item-label"), R = p("tree-item-aside"), z = T.useContext(x), B = T.useRef(null), V = ee(he, B), [H, U] = T.useState(null), we = T.useCallback((e) => (U(e), () => U((t) => t === e ? null : t)), []), Te = T.useMemo(() => ({ registerLayout: we }), [we]), W = H?.nameId ?? L, { registerValue: Ee, registerTopLevel: De } = k;
+	T.useEffect(() => Ee(r), [Ee, r]), T.useEffect(() => {
+		j && i("Tree.Item:inside-label", pe);
+	}, [j]);
 	let G = [], Oe = [], ke;
 	t(b).forEach(({ key: e, node: t }) => {
-		let r = /* @__PURE__ */ T(w.Fragment, { children: t }, e);
-		n(t, F) ? (ke ??= t.props.value, G.push(r)) : n(t, M) ? G.push(r) : Oe.push(r);
+		let r = /* @__PURE__ */ E(T.Fragment, { children: t }, e);
+		n(t, I) ? (ke ??= t.props.value, G.push(r)) : n(t, N) ? G.push(r) : Oe.push(r);
 	});
-	let Ae = l && s(l) ? o(l, "span", e(u.icon, "inline-flex shrink-0"), { "aria-hidden": !0 }) : null, je = d && s(d) ? o(d, "span", e(u.iconAfter, "inline-flex shrink-0"), { "aria-hidden": !0 }) : null, K = s(g), q = s(_), J = G.length > 0 && !v, Me = w.useRef(null), { isMounted: Ne, wrapperRef: Pe, presenceProps: Fe, className: Ie } = oe(J && N, {
-		motion: O.motion,
+	let Ae = l && s(l) ? o(l, "span", e(u.icon, "inline-flex shrink-0"), { "aria-hidden": !0 }) : null, je = d && s(d) ? o(d, "span", e(u.iconAfter, "inline-flex shrink-0"), { "aria-hidden": !0 }) : null, K = s(g), q = s(_), J = G.length > 0 && !v, Me = T.useRef(null), { isMounted: Ne, wrapperRef: Pe, presenceProps: Fe, className: Ie } = oe(J && P, {
+		motion: k.motion,
 		partRef: Me,
-		getTrigger: () => z.current
-	}), Le = /* @__PURE__ */ T("span", {
+		getTrigger: () => B.current
+	}), Le = /* @__PURE__ */ E("span", {
 		className: "w-3 shrink-0",
 		"aria-hidden": "true"
 	});
-	J && f == null ? Le = /* @__PURE__ */ T(re, { className: e(u.expandIcon, "shrink-0 transition-transform motion-reduce:transition-none", N ? "rotate-90" : "wave-rtl:-scale-x-100") }) : J && s(f) && (Le = o(f, "span", e(u.expandIcon, "inline-flex shrink-0"), { "aria-hidden": !0 }));
-	let Y = O.selectionMode === "multiple", X = w.useMemo(() => Y ? {
+	J && f == null ? Le = /* @__PURE__ */ E(re, { className: e(u.expandIcon, "shrink-0 transition-transform motion-reduce:transition-none", P ? "rotate-90" : "wave-rtl:-scale-x-100") }) : J && s(f) && (Le = o(f, "span", e(u.expandIcon, "inline-flex shrink-0"), { "aria-hidden": !0 }));
+	let Y = k.selectionMode === "multiple", X = T.useMemo(() => Y ? {
 		value: r,
-		children: v ? [] : de(b, {
-			item: F,
-			tree: M
+		children: v ? [] : w(b, {
+			item: I,
+			tree: N
 		})
 	} : null, [
 		Y,
 		r,
 		v,
 		b
-	]), Z = X ? C([X], O.checked, R).get(r) : void 0, Re = w.useRef(null);
-	w.useLayoutEffect(() => {
+	]), Z = X ? ue([X], k.checked, z).get(r) : void 0, Re = T.useRef(null);
+	T.useLayoutEffect(() => {
 		Re.current = X ? {
 			node: X,
-			element: z.current
+			element: B.current
 		} : null;
 	});
-	let ze = k === null && !A;
-	w.useLayoutEffect(() => Y && ze ? De(Re) : void 0, [
+	let ze = A === null && !j;
+	T.useLayoutEffect(() => Y && ze ? De(Re) : void 0, [
 		Y,
 		ze,
 		De
 	]);
-	let Q = O.selected === void 0 ? void 0 : O.selected === r, Be = O.current !== void 0 && O.current !== null && O.current === r, Ve = () => {
-		J && O.toggle(r), O.activate(r);
+	let Q = k.selected === void 0 ? void 0 : k.selected === r, Be = k.current !== void 0 && k.current !== null && k.current === r, Ve = () => {
+		J && k.toggle(r), k.activate(r);
 	}, He = (e) => {
-		we(e) && (se?.(e), e.defaultPrevented || Ve());
+		Ce(e) && (se?.(e), e.defaultPrevented || Ve());
 	}, Ue = (e) => {
-		if (!Ce(e) || (fe?.(e), e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey)) return;
+		if (!Se(e) || (de?.(e), e.defaultPrevented || e.altKey || e.ctrlKey || e.metaKey)) return;
 		switch (e.key) {
 			case "Enter":
 				e.preventDefault(), Ve();
 				return;
 			case " ":
-				e.preventDefault(), Z === void 0 ? Ve() : O.toggleChecked(r, e.nativeEvent);
+				e.preventDefault(), Z === void 0 ? Ve() : k.toggleChecked(r, e.nativeEvent);
 				return;
 			case "*": {
 				e.preventDefault();
 				let t = e.currentTarget.parentElement?.querySelectorAll(":scope > [role=\"treeitem\"][aria-expanded=\"false\"][data-roving-value]");
-				O.expand(Array.from(t ?? [], (e) => e.getAttribute("data-roving-value") ?? "").filter(Boolean));
+				k.expand(Array.from(t ?? [], (e) => e.getAttribute("data-roving-value") ?? "").filter(Boolean));
 				return;
 			}
 		}
@@ -295,87 +296,87 @@ var F = ({ value: r, icon: l, iconAfter: d, expandIcon: f, aside: g, actions: _,
 			dir: h(e.currentTarget)
 		});
 		if (t === "next") {
-			if (e.preventDefault(), J && !N) {
-				O.toggle(r);
+			if (e.preventDefault(), J && !P) {
+				k.toggle(r);
 				return;
 			}
-			if (O.navigationMode === "treegrid" && j(e.currentTarget)) return;
-			J && ke !== void 0 && O.focusValue(ke);
-		} else t === "prev" && (e.preventDefault(), J && N ? O.toggle(r) : k !== null && O.focusValue(k));
-	}, $ = w.useRef(null), We = (e) => e.target.closest("[data-tree-actions]")?.closest("[role=\"treeitem\"]") === e.currentTarget, Ge = (e) => {
-		(e.target === e.currentTarget || We(e)) && O.onItemFocus(r), We(e) && ($.current = e.target);
+			if (k.navigationMode === "treegrid" && M(e.currentTarget)) return;
+			J && ke !== void 0 && k.focusValue(ke);
+		} else t === "prev" && (e.preventDefault(), J && P ? k.toggle(r) : A !== null && k.focusValue(A));
+	}, $ = T.useRef(null), We = (e) => e.target.closest("[data-tree-actions]")?.closest("[role=\"treeitem\"]") === e.currentTarget, Ge = (e) => {
+		(e.target === e.currentTarget || We(e)) && k.onItemFocus(r), We(e) && ($.current = e.target);
 	}, Ke = (e) => {
 		We(e) && (e.relatedTarget !== null || e.target.isConnected) && ($.current = null);
 	};
-	w.useLayoutEffect(() => {
+	T.useLayoutEffect(() => {
 		let e = $.current;
 		if (!e) return;
-		let t = z.current, n = t?.ownerDocument.activeElement;
+		let t = B.current, n = t?.ownerDocument.activeElement;
 		n && n !== t.ownerDocument.body ? $.current = null : t && !e.isConnected && ($.current = null, t.focus({ preventScroll: !0 }));
 	});
-	let qe = Z === void 0 ? null : /* @__PURE__ */ T("span", {
+	let qe = Z === void 0 ? null : /* @__PURE__ */ E("span", {
 		role: "checkbox",
 		"aria-checked": Z === "mixed" ? "mixed" : Z === "checked",
 		"aria-labelledby": W,
 		tabIndex: -1,
 		"data-tree-checkbox": "",
 		onMouseDown: (e) => {
-			e.preventDefault(), z.current?.focus({ preventScroll: !0 });
+			e.preventDefault(), B.current?.focus({ preventScroll: !0 });
 		},
 		onClick: (e) => {
-			O.toggleChecked(r, e.nativeEvent);
+			k.toggleChecked(r, e.nativeEvent);
 		},
 		className: e(u.indicator, "relative inline-flex size-4 shrink-0 items-center justify-center rounded-xs border transition-colors motion-reduce:transition-none", "before:absolute before:-inset-1", Z === "unchecked" ? e("border-stroke-accessible bg-transparent", y.control) : "border-primary bg-primary text-primary-foreground forced-colors:border-[Highlight] forced-colors:bg-[Highlight]"),
-		children: Z === "mixed" ? /* @__PURE__ */ T(ie, {
+		children: Z === "mixed" ? /* @__PURE__ */ E(ie, {
 			size: 12,
 			className: y.selectedLeaf
-		}) : Z === "checked" ? /* @__PURE__ */ T(ne, {
+		}) : Z === "checked" ? /* @__PURE__ */ E(ne, {
 			size: 12,
 			className: y.selectedLeaf
 		}) : null
-	}), Je = O.selectionMode === "single" ? /* @__PURE__ */ T("span", {
+	}), Je = k.selectionMode === "single" ? /* @__PURE__ */ E("span", {
 		"aria-hidden": "true",
 		className: e(u.indicator, "inline-flex size-4 shrink-0 items-center justify-center rounded-full border transition-colors motion-reduce:transition-none", Q ? "border-2 border-primary forced-colors:border-[Highlight]" : e("border-stroke-accessible", y.control)),
-		children: Q && /* @__PURE__ */ T("span", { className: e("block size-2 rounded-full bg-primary", y.selectedLeaf) })
-	}) : null, Ye = qe ?? Je, Xe = R || Y && O.checked.has(r);
-	return /* @__PURE__ */ E("div", {
+		children: Q && /* @__PURE__ */ E("span", { className: e("block size-2 rounded-full bg-primary", y.selectedLeaf) })
+	}) : null, Ye = qe ?? Je, Xe = z || Y && k.checked.has(r);
+	return /* @__PURE__ */ D("div", {
 		role: "treeitem",
 		"aria-selected": Q,
 		"aria-current": Be ? !0 : void 0,
 		"data-checked": Z === "checked" ? "" : void 0,
 		"data-mixed": Z === "mixed" ? "" : void 0,
-		className: e(u.root, "block outline-none", "[&:focus-visible>[data-tree-row]]:outline-2 [&:focus-visible>[data-tree-row]]:-outline-offset-2 [&:focus-visible>[data-tree-row]]:outline-ring", q && ye, q && K && be, ae),
-		...D,
-		"aria-labelledby": D["aria-labelledby"] ?? (D["aria-label"] === void 0 ? W : void 0),
-		"aria-describedby": te(D["aria-describedby"], K ? L : void 0, V?.descriptionId),
-		"aria-expanded": J ? N : void 0,
+		className: e(u.root, "block outline-none", "[&:focus-visible>[data-tree-row]]:outline-2 [&:focus-visible>[data-tree-row]]:-outline-offset-2 [&:focus-visible>[data-tree-row]]:outline-ring", q && ve, q && K && ye, ae),
+		...O,
+		"aria-labelledby": O["aria-labelledby"] ?? (O["aria-label"] === void 0 ? W : void 0),
+		"aria-describedby": te(O["aria-describedby"], K ? R : void 0, H?.descriptionId),
+		"aria-expanded": J ? P : void 0,
 		"aria-checked": Z === void 0 ? void 0 : Z === "mixed" ? "mixed" : Z === "checked",
-		tabIndex: O.getTabIndex(r),
+		tabIndex: k.getTabIndex(r),
 		"data-roving-value": r,
 		"data-selected": Q ? "" : void 0,
 		"data-current": Be ? "" : void 0,
 		onClick: He,
 		onKeyDown: Ue,
-		onFocus: (e) => c(pe, Ge, { checkDefaultPrevented: !1 })(e),
-		onBlur: (e) => c(he, Ke, { checkDefaultPrevented: !1 })(e),
-		ref: B,
-		children: [/* @__PURE__ */ E("div", {
+		onFocus: (e) => c(fe, Ge, { checkDefaultPrevented: !1 })(e),
+		onBlur: (e) => c(me, Ke, { checkDefaultPrevented: !1 })(e),
+		ref: V,
+		children: [/* @__PURE__ */ D("div", {
 			"data-tree-row": "",
 			className: e(u.row, "flex cursor-pointer items-center gap-1.5 rounded px-2 py-1 hover:bg-subtle-hover", q && "group/row", Q && e("bg-subtle-selected font-semibold", y.selectedContainer)),
 			children: [
 				Le,
 				Ye,
 				Ae,
-				/* @__PURE__ */ T("span", {
-					id: I,
+				/* @__PURE__ */ E("span", {
+					id: L,
 					"data-tree-label": "",
-					"data-roving-text": ve,
+					"data-roving-text": _e,
 					className: e(u.label, "truncate", (je || K || q) && "min-w-0"),
-					children: /* @__PURE__ */ T(x.Provider, {
+					children: /* @__PURE__ */ E(x.Provider, {
 						value: !1,
-						children: /* @__PURE__ */ T(S.Provider, {
+						children: /* @__PURE__ */ E(S.Provider, {
 							value: !0,
-							children: /* @__PURE__ */ T(ce.Provider, {
+							children: /* @__PURE__ */ E(ce.Provider, {
 								value: Te,
 								children: Oe
 							})
@@ -383,34 +384,34 @@ var F = ({ value: r, icon: l, iconAfter: d, expandIcon: f, aside: g, actions: _,
 					})
 				}),
 				je,
-				(K || q) && /* @__PURE__ */ E("span", {
+				(K || q) && /* @__PURE__ */ D("span", {
 					"data-tree-end": "",
-					className: e("group/end ms-auto inline-grid shrink-0 items-center gap-1", K && q && Se),
-					children: [K && /* @__PURE__ */ T("span", {
-						id: L,
+					className: e("group/end ms-auto inline-grid shrink-0 items-center gap-1", K && q && xe),
+					children: [K && /* @__PURE__ */ E("span", {
+						id: R,
 						"data-tree-aside": "",
-						className: e(u.aside, "inline-flex items-center text-caption-1 text-muted-foreground", q && xe),
+						className: e(u.aside, "inline-flex items-center text-caption-1 text-muted-foreground", q && be),
 						children: a(g)
-					}), q && /* @__PURE__ */ T(P, {
+					}), q && /* @__PURE__ */ E(F, {
 						labelledBy: W,
-						tabStop: O.navigationMode === "tree" && O.focusedItem === r ? "last-focused" : "none",
-						navigationMode: O.navigationMode,
-						onReturn: () => O.focusValue(r),
+						tabStop: k.navigationMode === "tree" && k.focusedItem === r ? "last-focused" : "none",
+						navigationMode: k.navigationMode,
+						onReturn: () => k.focusValue(r),
 						children: a(_)
 					})]
 				})
 			]
-		}), Ne && /* @__PURE__ */ T(le.Provider, {
+		}), Ne && /* @__PURE__ */ E(C.Provider, {
 			value: r,
-			children: /* @__PURE__ */ T(x.Provider, {
+			children: /* @__PURE__ */ E(x.Provider, {
 				value: Xe,
-				children: /* @__PURE__ */ T(S.Provider, {
+				children: /* @__PURE__ */ E(S.Provider, {
 					value: !1,
-					children: /* @__PURE__ */ T("div", {
+					children: /* @__PURE__ */ E("div", {
 						ref: Pe,
 						...Fe,
 						className: e(u.collapse, Ie),
-						children: /* @__PURE__ */ T("div", {
+						children: /* @__PURE__ */ E("div", {
 							ref: Me,
 							role: "group",
 							className: e(u.group, "ps-4"),
@@ -422,8 +423,8 @@ var F = ({ value: r, icon: l, iconAfter: d, expandIcon: f, aside: g, actions: _,
 		})]
 	});
 };
-F.displayName = "TreeItem";
+I.displayName = "TreeItem";
 //#endregion
-export { F as TreeItem, M as TreeRoot };
+export { I as TreeItem, N as TreeRoot };
 
 //# sourceMappingURL=Tree.core.mjs.map