@pstdio/ui 0.38.0 → 0.40.0

package/dist/tree-list-BUfDQz3v.js

@@ -1,1449 +0,0 @@
-import { n as e, s as t, t as n } from "./list-row-De9R2zKU.js";
-import { Box as r, Flex as i, HStack as a, IconButton as o, Input as s, Menu as c, Stack as l, Text as u, useSlotRecipe as d } from "@chakra-ui/react";
-import { c as f } from "react/compiler-runtime";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { createContext as g, useContext as _, useEffect as v, useId as y, useRef as b, useState as x } from "react";
-import { ChevronRight as S } from "lucide-react";
-import { useVirtualizer as C } from "@tanstack/react-virtual";
-import { DndContext as w, PointerSensor as T, closestCenter as E, useSensor as D, useSensors as O } from "@dnd-kit/core";
-import { SortableContext as k, useSortable as A, verticalListSortingStrategy as j } from "@dnd-kit/sortable";
-import { CSS as M } from "@dnd-kit/utilities";
-//#region src/components/layout/resizable-split-layout.geometry.ts
-var N = 72, P = 160, F = 72, I = (e, t, n) => Math.min(Math.max(e, t), n), L = {
-	left: {
-		rootDirection: "row",
-		dimension: "width",
-		separatorOrientation: "vertical",
-		cursor: "col-resize",
-		pointerCoordinate: "clientX",
-		deltaDirection: 1,
-		panelFirst: !0
-	},
-	right: {
-		rootDirection: "row",
-		dimension: "width",
-		separatorOrientation: "vertical",
-		cursor: "col-resize",
-		pointerCoordinate: "clientX",
-		deltaDirection: -1,
-		panelFirst: !1
-	},
-	top: {
-		rootDirection: "column",
-		dimension: "height",
-		separatorOrientation: "horizontal",
-		cursor: "row-resize",
-		pointerCoordinate: "clientY",
-		deltaDirection: 1,
-		panelFirst: !0
-	},
-	bottom: {
-		rootDirection: "column",
-		dimension: "height",
-		separatorOrientation: "horizontal",
-		cursor: "row-resize",
-		pointerCoordinate: "clientY",
-		deltaDirection: -1,
-		panelFirst: !1
-	}
-}, R = (e) => L[e], z = (e) => {
-	let t = e.rootSize > 0 ? e.rootSize : e.fallbackRootSize, n = Math.max(0, t - e.contentMinSize), r = e.maxSize ?? n, i = Math.max(0, Math.min(r, n));
-	return {
-		minSize: Math.min(e.minSize, i),
-		maxSize: i
-	};
-}, B = (e, t) => e === "top" || e === "bottom" ? F : I(t / 2, N, P), ee = (e) => {
-	let t = R(e.side), n = e.startSize + e.pointerDelta * t.deltaDirection, r = e.collapsible && n <= B(e.side, e.minSize);
-	return {
-		rawSize: n,
-		size: r ? 0 : I(n, e.minSize, e.maxSize),
-		collapsed: r
-	};
-}, V = 250, H = [
-	0,
-	1,
-	2
-], U = (e, t) => e ? {
-	w: t,
-	h: "full",
-	hitArea: {
-		top: 0,
-		bottom: 0,
-		insetInlineStart: "-1",
-		insetInlineEnd: "-1"
-	},
-	gripDirection: "column",
-	bar: {
-		top: "0",
-		bottom: "0",
-		insetInlineStart: "50%",
-		w: "0.5",
-		transform: "translateX(-50%)"
-	}
-} : {
-	w: "full",
-	h: t,
-	hitArea: {
-		insetInline: 0,
-		top: "-1",
-		bottom: "-1"
-	},
-	gripDirection: "row",
-	bar: {
-		top: "50%",
-		insetInline: "0",
-		h: "0.5",
-		transform: "translateY(-50%)"
-	}
-}, W = (e) => {
-	let t = f(4), { active: n, layout: r } = e, a = r.gripDirection, o = +!n, s;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = H.map(q), t[0] = s) : s = t[0];
-	let c;
-	return t[1] !== r.gripDirection || t[2] !== o ? (c = /* @__PURE__ */ m(i, {
-		"data-part": "grip",
-		direction: a,
-		gap: "3xs",
-		opacity: o,
-		transition: "opacity 120ms ease",
-		children: s
-	}), t[1] = r.gripDirection, t[2] = o, t[3] = c) : c = t[3], c;
-}, G = (e) => {
-	let t = f(3), { active: n, layout: i } = e, a = +!!n, o;
-	return t[0] !== i.bar || t[1] !== a ? (o = /* @__PURE__ */ m(r, {
-		"data-part": "bar",
-		position: "absolute",
-		borderRadius: "xs",
-		bg: "fg.info",
-		opacity: a,
-		transition: "opacity 120ms ease",
-		pointerEvents: "none",
-		...i.bar
-	}), t[0] = i.bar, t[1] = a, t[2] = o) : o = t[2], o;
-}, K = (e) => {
-	let t = f(46), { css: n, axis: i, bounds: a, collapsed: o, collapsible: s, contentPanelId: c, dragging: l, resizablePanelId: u, resizeLabel: d, resolvedPanelSize: p, separator: g, onCollapse: _, onResizeKeyDown: y, onResizeStart: S } = e, C = g === "line", w = i.separatorOrientation === "vertical", T = C ? "1px" : "panel-gap", E;
-	t[0] !== w || t[1] !== T ? (E = U(w, T), t[0] = w, t[1] = T, t[2] = E) : E = t[2];
-	let D = E, [O, k] = x(!1), A = b(0), j = O || l, M;
-	t[3] === o ? M = t[4] : (M = o ? {
-		"aria-hidden": !0,
-		tabIndex: -1
-	} : { tabIndex: 0 }, t[3] = o, t[4] = M);
-	let N = M, P, F;
-	t[5] === Symbol.for("react.memo_cache_sentinel") ? (P = () => () => window.clearTimeout(A.current), F = [], t[5] = P, t[6] = F) : (P = t[5], F = t[6]), v(P, F);
-	let I;
-	t[7] === Symbol.for("react.memo_cache_sentinel") ? (I = () => {
-		A.current = window.setTimeout(() => k(!0), V);
-	}, t[7] = I) : I = t[7];
-	let L = I, R;
-	t[8] === Symbol.for("react.memo_cache_sentinel") ? (R = () => {
-		window.clearTimeout(A.current), k(!1);
-	}, t[8] = R) : R = t[8];
-	let z = R, B = i.separatorOrientation, ee = `${u} ${c}`, H;
-	t[9] !== a.minSize || t[10] !== s ? (H = s ? 0 : Math.round(a.minSize), t[9] = a.minSize, t[10] = s, t[11] = H) : H = t[11];
-	let K;
-	t[12] === a.maxSize ? K = t[13] : (K = Math.round(a.maxSize), t[12] = a.maxSize, t[13] = K);
-	let q;
-	t[14] === p ? q = t[15] : (q = Math.round(p), t[14] = p, t[15] = q);
-	let J = C ? "border.subtle" : void 0, te;
-	t[16] === D.hitArea ? te = t[17] : (te = {
-		content: "\"\"",
-		position: "absolute",
-		...D.hitArea
-	}, t[16] = D.hitArea, t[17] = te);
-	let ne;
-	t[18] === Symbol.for("react.memo_cache_sentinel") ? (ne = {
-		"& [data-part=bar]": { opacity: 1 },
-		"& [data-part=grip]": { opacity: 0 }
-	}, t[18] = ne) : ne = t[18];
-	let re = s ? _ : void 0, ie;
-	t[19] !== j || t[20] !== D || t[21] !== C ? (ie = C ? null : /* @__PURE__ */ m(W, {
-		active: j,
-		layout: D
-	}), t[19] = j, t[20] = D, t[21] = C, t[22] = ie) : ie = t[22];
-	let ae;
-	t[23] !== j || t[24] !== D ? (ae = /* @__PURE__ */ m(G, {
-		active: j,
-		layout: D
-	}), t[23] = j, t[24] = D, t[25] = ae) : ae = t[25];
-	let oe;
-	return t[26] !== i.cursor || t[27] !== i.separatorOrientation || t[28] !== o || t[29] !== n || t[30] !== D.h || t[31] !== D.w || t[32] !== y || t[33] !== S || t[34] !== d || t[35] !== H || t[36] !== K || t[37] !== q || t[38] !== J || t[39] !== te || t[40] !== re || t[41] !== ie || t[42] !== ae || t[43] !== ee || t[44] !== N ? (oe = /* @__PURE__ */ h(r, {
-		css: n,
-		"data-collapsed": o,
-		role: "separator",
-		"aria-label": d,
-		"aria-orientation": B,
-		"aria-controls": ee,
-		"aria-valuemin": H,
-		"aria-valuemax": K,
-		"aria-valuenow": q,
-		...N,
-		position: "relative",
-		zIndex: "docked",
-		alignItems: "center",
-		justifyContent: "center",
-		flexShrink: 0,
-		w: D.w,
-		h: D.h,
-		bg: J,
-		cursor: i.cursor,
-		touchAction: "none",
-		outline: "none",
-		_before: te,
-		_focusVisible: ne,
-		onPointerEnter: L,
-		onPointerLeave: z,
-		onPointerDown: S,
-		onDoubleClick: re,
-		onKeyDown: y,
-		children: [ie, ae]
-	}), t[26] = i.cursor, t[27] = i.separatorOrientation, t[28] = o, t[29] = n, t[30] = D.h, t[31] = D.w, t[32] = y, t[33] = S, t[34] = d, t[35] = H, t[36] = K, t[37] = q, t[38] = J, t[39] = te, t[40] = re, t[41] = ie, t[42] = ae, t[43] = ee, t[44] = N, t[45] = oe) : oe = t[45], oe;
-};
-function q(e) {
-	return /* @__PURE__ */ m(r, {
-		boxSize: "0.5",
-		borderRadius: "full",
-		bg: "border"
-	}, e);
-}
-//#endregion
-//#region src/components/layout/resizable-split-layout.panels.tsx
-var J = (e) => {
-	let t = f(35), { styles: n, axis: i, bounds: a, collapsed: o, collapsible: s, contentPanel: c, contentPanelId: l, contentPanelRef: u, resizablePanel: d, resizablePanelId: g, resizablePanelRef: _, dragging: v, resizeLabel: y, resolvedPanelSize: b, separator: x, onCollapse: S, onResizeKeyDown: C, onResizeStart: w } = e, T = o ? !0 : void 0, E;
-	t[0] !== o || t[1] !== d || t[2] !== g || t[3] !== _ || t[4] !== n.resizablePanel || t[5] !== T ? (E = /* @__PURE__ */ m(r, {
-		id: g,
-		ref: _,
-		css: n.resizablePanel,
-		"data-collapsed": o,
-		"aria-hidden": T,
-		children: d
-	}, "resizable-panel"), t[0] = o, t[1] = d, t[2] = g, t[3] = _, t[4] = n.resizablePanel, t[5] = T, t[6] = E) : E = t[6];
-	let D = E, O;
-	t[7] !== c || t[8] !== l || t[9] !== u || t[10] !== n.contentPanel ? (O = /* @__PURE__ */ m(r, {
-		id: l,
-		ref: u,
-		css: n.contentPanel,
-		children: c
-	}, "content-panel"), t[7] = c, t[8] = l, t[9] = u, t[10] = n.contentPanel, t[11] = O) : O = t[11];
-	let k = O, A;
-	t[12] !== i || t[13] !== a || t[14] !== o || t[15] !== s || t[16] !== l || t[17] !== v || t[18] !== S || t[19] !== C || t[20] !== w || t[21] !== g || t[22] !== y || t[23] !== b || t[24] !== x || t[25] !== n.separator ? (A = /* @__PURE__ */ m(K, {
-		css: n.separator,
-		axis: i,
-		bounds: a,
-		collapsed: o,
-		collapsible: s,
-		contentPanelId: l,
-		resizablePanelId: g,
-		dragging: v,
-		resizeLabel: y,
-		resolvedPanelSize: b,
-		separator: x,
-		onCollapse: S,
-		onResizeKeyDown: C,
-		onResizeStart: w
-	}, "resize-handle"), t[12] = i, t[13] = a, t[14] = o, t[15] = s, t[16] = l, t[17] = v, t[18] = S, t[19] = C, t[20] = w, t[21] = g, t[22] = y, t[23] = b, t[24] = x, t[25] = n.separator, t[26] = A) : A = t[26];
-	let j = A;
-	if (i.panelFirst) {
-		let e;
-		return t[27] !== k || t[28] !== D || t[29] !== j ? (e = /* @__PURE__ */ h(p, { children: [
-			D,
-			j,
-			k
-		] }), t[27] = k, t[28] = D, t[29] = j, t[30] = e) : e = t[30], e;
-	}
-	let M;
-	return t[31] !== k || t[32] !== D || t[33] !== j ? (M = /* @__PURE__ */ h(p, { children: [
-		k,
-		j,
-		D
-	] }), t[31] = k, t[32] = D, t[33] = j, t[34] = M) : M = t[34], M;
-}, te = (e, t) => {
-	let n = f(4), [r, i] = x(0), a, o;
-	return n[0] !== t || n[1] !== e ? (a = () => {
-		let n = e.current;
-		if (!n) return;
-		let r = () => {
-			i(n.getBoundingClientRect()[t]);
-		};
-		if (r(), typeof ResizeObserver > "u") return;
-		let a = new ResizeObserver(r);
-		return a.observe(n), () => {
-			a.disconnect();
-		};
-	}, o = [e, t], n[0] = t, n[1] = e, n[2] = a, n[3] = o) : (a = n[2], o = n[3]), v(a, o), r;
-}, ne = {
-	width: 1200,
-	height: 720
-}, re = 24, ie = (e, t, n) => Math.min(Math.max(e, t), n), ae = (e, t) => e?.getBoundingClientRect()[t] ?? 0, oe = (e) => {
-	let t = f(95), n, r, a, o, s, c, l, u, p, h, g, _, S, C, w;
-	t[0] === e ? (n = t[1], r = t[2], a = t[3], o = t[4], s = t[5], c = t[6], l = t[7], u = t[8], p = t[9], h = t[10], g = t[11], _ = t[12], S = t[13], C = t[14], w = t[15]) : ({resizablePanel: c, contentPanel: n, resizableSide: u, defaultSizePx: p, minSizePx: h, maxSizePx: a, contentMinSizePx: g, collapsed: r, collapsible: _, resizeLabel: S, separator: C, layout: w, onSizeChange: s, onCollapsedChange: o, ...l} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = a, t[4] = o, t[5] = s, t[6] = c, t[7] = l, t[8] = u, t[9] = p, t[10] = h, t[11] = g, t[12] = _, t[13] = S, t[14] = C, t[15] = w);
-	let T = u === void 0 ? "left" : u, E = p === void 0 ? 240 : p, D = h === void 0 ? 200 : h, O = g === void 0 ? 0 : g, k = _ === void 0 || _, A = S === void 0 ? "Resize panel" : S, j = C === void 0 ? "gap" : C, M = w === void 0 ? "split" : w, N;
-	t[16] === T ? N = t[17] : (N = R(T), t[16] = T, t[17] = N);
-	let P = N, F;
-	t[18] === Symbol.for("react.memo_cache_sentinel") ? (F = { key: "resizableSplitLayout" }, t[18] = F) : F = t[18];
-	let I = d(F), L = P.dimension === "width" ? "horizontal" : "vertical", B;
-	t[19] !== M || t[20] !== I || t[21] !== L ? (B = I({
-		orientation: L,
-		layout: M
-	}), t[19] = M, t[20] = I, t[21] = L, t[22] = B) : B = t[22];
-	let V = B, H = y(), U = b(null), W = b(null), G = b(null), K = b(se), q = te(U, P.dimension), oe = b(E), [le, ue] = x(E), [de, fe] = x(!1), [pe, me] = x(!1), Y = r ?? de, X, he;
-	t[23] !== P.dimension || t[24] !== Y || t[25] !== O || t[26] !== a || t[27] !== D || t[28] !== le || t[29] !== q ? (X = z({
-		rootSize: q,
-		fallbackRootSize: ne[P.dimension],
-		minSize: D,
-		maxSize: a,
-		contentMinSize: O
-	}), he = Y ? 0 : ie(le, X.minSize, X.maxSize), t[23] = P.dimension, t[24] = Y, t[25] = O, t[26] = a, t[27] = D, t[28] = le, t[29] = q, t[30] = X, t[31] = he) : (X = t[30], he = t[31]);
-	let ge = he, _e = `${H}-content`, ve = `${H}-resizable`, ye = `${ge}px`, be;
-	t[32] !== l.style || t[33] !== ye ? (be = {
-		...l.style,
-		"--split-size": ye
-	}, t[32] = l.style, t[33] = ye, t[34] = be) : be = t[34];
-	let xe = be, Se, Ce;
-	t[35] === E ? (Se = t[36], Ce = t[37]) : (Se = () => {
-		oe.current = E, ue(E);
-	}, Ce = [E], t[35] = E, t[36] = Se, t[37] = Ce), v(Se, Ce);
-	let we, Te;
-	t[38] === Symbol.for("react.memo_cache_sentinel") ? (we = () => () => K.current(), Te = [], t[38] = we, t[39] = Te) : (we = t[38], Te = t[39]), v(we, Te);
-	let Ee;
-	t[40] === Symbol.for("react.memo_cache_sentinel") ? (Ee = (e) => {
-		U.current?.style.setProperty("--split-size", `${e}px`);
-	}, t[40] = Ee) : Ee = t[40];
-	let De = Ee, Oe;
-	t[41] !== P.dimension || t[42] !== O || t[43] !== a || t[44] !== D || t[45] !== s ? (Oe = (e) => {
-		let t = z({
-			rootSize: ae(U.current, P.dimension),
-			fallbackRootSize: ne[P.dimension],
-			minSize: D,
-			maxSize: a,
-			contentMinSize: O
-		}), n = ie(e, t.minSize, t.maxSize);
-		oe.current = n, ue(n), De(n), s?.(n);
-	}, t[41] = P.dimension, t[42] = O, t[43] = a, t[44] = D, t[45] = s, t[46] = Oe) : Oe = t[46];
-	let Z = Oe, ke;
-	t[47] !== r || t[48] !== o ? (ke = (e) => {
-		r === void 0 && fe(e), o?.(e);
-	}, t[47] = r, t[48] = o, t[49] = ke) : ke = t[49];
-	let Q = ke, Ae;
-	t[50] !== P.cursor || t[51] !== P.dimension || t[52] !== P.pointerCoordinate || t[53] !== Y || t[54] !== k || t[55] !== Z || t[56] !== O || t[57] !== a || t[58] !== D || t[59] !== T || t[60] !== Q ? (Ae = (e) => {
-		if (e.button !== 0 || Y && !k) return;
-		e.preventDefault(), K.current();
-		let t = e.currentTarget, n = z({
-			rootSize: ae(U.current, P.dimension),
-			fallbackRootSize: ne[P.dimension],
-			minSize: D,
-			maxSize: a,
-			contentMinSize: O
-		}), r = e[P.pointerCoordinate], i = Y ? 0 : ae(W.current, P.dimension) || oe.current, o = document.body.style.cursor, s = document.body.style.userSelect, c = i === 0 ? 0 : ie(i, n.minSize, n.maxSize), l = Y, u = 0, d = (e) => {
-			W.current && (W.current.style.pointerEvents = e), G.current && (G.current.style.pointerEvents = e);
-		}, f = () => {
-			u ||= window.requestAnimationFrame(() => {
-				u = 0, De(c);
-			});
-		}, p = (e) => {
-			let t = ee({
-				side: T,
-				startSize: i,
-				pointerDelta: e[P.pointerCoordinate] - r,
-				minSize: n.minSize,
-				maxSize: n.maxSize,
-				collapsible: k
-			});
-			l = t.collapsed, c = t.size, f();
-		}, m = () => {
-			window.removeEventListener("pointermove", p), window.removeEventListener("pointerup", m), window.removeEventListener("pointercancel", m), window.removeEventListener("blur", m), document.body.style.cursor = o, document.body.style.userSelect = s, t.hasPointerCapture(e.pointerId) && t.releasePointerCapture(e.pointerId), d(""), me(!1), u &&= (window.cancelAnimationFrame(u), 0), K.current = ce, l ? (De(0), Q(!0)) : (Q(!1), Z(c));
-		};
-		K.current = m, t.setPointerCapture(e.pointerId), document.body.style.cursor = P.cursor, document.body.style.userSelect = "none", d("none"), me(!0), window.addEventListener("pointermove", p), window.addEventListener("pointerup", m, { once: !0 }), window.addEventListener("pointercancel", m, { once: !0 }), window.addEventListener("blur", m, { once: !0 });
-	}, t[50] = P.cursor, t[51] = P.dimension, t[52] = P.pointerCoordinate, t[53] = Y, t[54] = k, t[55] = Z, t[56] = O, t[57] = a, t[58] = D, t[59] = T, t[60] = Q, t[61] = Ae) : Ae = t[61];
-	let je = Ae, Me;
-	t[62] !== k || t[63] !== Q ? (Me = () => {
-		k && Q(!0);
-	}, t[62] = k, t[63] = Q, t[64] = Me) : Me = t[64];
-	let Ne = Me, $;
-	t[65] !== P.deltaDirection || t[66] !== P.dimension || t[67] !== X || t[68] !== Y || t[69] !== k || t[70] !== Z || t[71] !== Q ? ($ = (e) => {
-		let t = P.dimension === "width" ? "ArrowLeft" : "ArrowUp", n = P.dimension === "width" ? "ArrowRight" : "ArrowDown", r = oe.current;
-		Y && (e.key === t || e.key === n || e.key === "End") ? (e.preventDefault(), Q(!1), Z(r)) : e.key === t ? (e.preventDefault(), Z(r - re * P.deltaDirection)) : e.key === n ? (e.preventDefault(), Z(r + re * P.deltaDirection)) : e.key === "Home" ? (e.preventDefault(), k ? Q(!0) : Z(X.minSize)) : e.key === "End" && (e.preventDefault(), Z(X.maxSize));
-	}, t[65] = P.deltaDirection, t[66] = P.dimension, t[67] = X, t[68] = Y, t[69] = k, t[70] = Z, t[71] = Q, t[72] = $) : $ = t[72];
-	let Pe = $, Fe;
-	t[73] !== P || t[74] !== X || t[75] !== Y || t[76] !== k || t[77] !== n || t[78] !== _e || t[79] !== pe || t[80] !== Ne || t[81] !== Pe || t[82] !== je || t[83] !== c || t[84] !== ve || t[85] !== A || t[86] !== ge || t[87] !== j || t[88] !== V ? (Fe = /* @__PURE__ */ m(J, {
-		styles: V,
-		axis: P,
-		bounds: X,
-		collapsed: Y,
-		collapsible: k,
-		contentPanel: n,
-		contentPanelId: _e,
-		contentPanelRef: G,
-		resizablePanel: c,
-		resizablePanelId: ve,
-		resizablePanelRef: W,
-		dragging: pe,
-		resizeLabel: A,
-		resolvedPanelSize: ge,
-		separator: j,
-		onCollapse: Ne,
-		onResizeKeyDown: Pe,
-		onResizeStart: je
-	}), t[73] = P, t[74] = X, t[75] = Y, t[76] = k, t[77] = n, t[78] = _e, t[79] = pe, t[80] = Ne, t[81] = Pe, t[82] = je, t[83] = c, t[84] = ve, t[85] = A, t[86] = ge, t[87] = j, t[88] = V, t[89] = Fe) : Fe = t[89];
-	let Ie;
-	return t[90] !== l || t[91] !== xe || t[92] !== V.root || t[93] !== Fe ? (Ie = /* @__PURE__ */ m(i, {
-		ref: U,
-		css: V.root,
-		...l,
-		style: xe,
-		children: Fe
-	}), t[90] = l, t[91] = xe, t[92] = V.root, t[93] = Fe, t[94] = Ie) : Ie = t[94], Ie;
-};
-function se() {}
-function ce() {}
-//#endregion
-//#region src/components/tree-list/tree-list-background.tsx
-var le = (e) => {
-	let n = f(8), { actions: i, children: a } = e, o;
-	n[0] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ m(r, {
-		position: "absolute",
-		inset: "0",
-		zIndex: 0,
-		"aria-hidden": !0,
-		"data-tree-list-background": "true"
-	}), n[0] = o) : o = n[0];
-	let s;
-	n[1] === i ? s = n[2] : (s = /* @__PURE__ */ m(t, {
-		actions: i,
-		closeOnSelect: !1,
-		children: o
-	}), n[1] = i, n[2] = s);
-	let c;
-	n[3] === a ? c = n[4] : (c = /* @__PURE__ */ m(r, {
-		position: "relative",
-		zIndex: 1,
-		w: "full",
-		minW: "0",
-		maxW: "full",
-		children: a
-	}), n[3] = a, n[4] = c);
-	let l;
-	return n[5] !== s || n[6] !== c ? (l = /* @__PURE__ */ h(r, {
-		position: "relative",
-		flex: "1 0 auto",
-		minH: "full",
-		w: "full",
-		minW: "0",
-		maxW: "full",
-		children: [s, c]
-	}), n[5] = s, n[6] = c, n[7] = l) : l = n[7], l;
-}, ue = (e, t) => t.includes(e), de = (e, t) => Array.isArray(t) ? t.includes(e) : t === e, fe = (e) => e.isNavigable || e.navigationIntent !== void 0, pe = (e) => e.children ?? [], me = (e) => pe(e).length > 0 || e.isContainer === !0, Y = (e) => {
-	let { rows: t, sectionId: n, nodes: r, expandedNodeIds: i, level: a, parentNodeId: o } = e;
-	for (let e of r) {
-		t.push({
-			kind: "node",
-			key: `${n}:${e.id}`,
-			sectionId: n,
-			node: e,
-			level: a,
-			parentNodeId: o
-		});
-		let r = pe(e);
-		r.length !== 0 && ue(e.id, i) && Y({
-			rows: t,
-			sectionId: n,
-			nodes: r,
-			expandedNodeIds: i,
-			level: a + 1,
-			parentNodeId: e.id
-		});
-	}
-}, X = (e, t, n) => {
-	let r = [];
-	for (let i of e) {
-		let e = i.collapsible !== !1 && i.label !== void 0, a = !e || ue(i.id, t);
-		if (i.label && r.push({
-			kind: "section-header",
-			key: `header:${i.id}`,
-			sectionId: i.id,
-			section: i,
-			collapsible: e,
-			expanded: a
-		}), a) {
-			if (i.nodes.length === 0) {
-				i.emptyState && r.push({
-					kind: "section-empty",
-					key: `empty:${i.id}`,
-					sectionId: i.id,
-					emptyState: i.emptyState
-				});
-				continue;
-			}
-			Y({
-				rows: r,
-				sectionId: i.id,
-				nodes: i.nodes,
-				expandedNodeIds: n,
-				level: 0
-			});
-		}
-	}
-	return r;
-}, he = (e) => e.kind === "node" ? e.node.id : e.key, ge = (e) => e.kind === "node" ? e.node.disabled !== !0 : e.kind === "section-header" && e.collapsible, _e = (e) => e.filter(ge), ve = (e, t, n) => {
-	let r = _e(n), i = new Set(r.map(he));
-	if (e && i.has(e)) return e;
-	let a = (Array.isArray(t) ? t : t ? [t] : []).find((e) => i.has(e));
-	if (a) return a;
-	let o = r[0];
-	return o ? he(o) : void 0;
-}, ye = (e) => {
-	let { row: t, focusableRows: n, currentIndex: r, key: i } = e;
-	if (i === "Enter" || i === " ") return {
-		type: "toggle-section",
-		sectionId: t.sectionId
-	};
-	if (i === "ArrowRight") {
-		if (!t.expanded) return {
-			type: "toggle-section",
-			sectionId: t.sectionId
-		};
-		let e = n[r + 1];
-		return e?.kind === "node" && e.sectionId === t.sectionId ? {
-			type: "focus",
-			rowId: e.node.id
-		} : null;
-	}
-	return i === "ArrowLeft" && t.expanded ? {
-		type: "toggle-section",
-		sectionId: t.sectionId
-	} : null;
-}, be = (e) => {
-	let { row: t, focusableRows: n, currentIndex: r, expandedNodeIds: i, key: a } = e, o = ue(t.node.id, i), s = me(t.node);
-	if (a === "ArrowRight") {
-		if (!s) return null;
-		if (!o) return {
-			type: "toggle-node",
-			nodeId: t.node.id
-		};
-		let e = n[r + 1];
-		return e?.kind === "node" && e.parentNodeId === t.node.id ? {
-			type: "focus",
-			rowId: e.node.id
-		} : null;
-	}
-	if (a === "ArrowLeft") {
-		if (s && o) return {
-			type: "toggle-node",
-			nodeId: t.node.id
-		};
-		if (t.parentNodeId) return {
-			type: "focus",
-			rowId: t.parentNodeId
-		};
-	}
-	return null;
-}, xe = (e) => {
-	let { rows: t, focusedRowId: n, activeNodeId: r, expandedNodeIds: i, key: a } = e, o = _e(t);
-	if (o.length === 0) return null;
-	let s = ve(n, r, t), c = Math.max(0, o.findIndex((e) => he(e) === s)), l = o[c];
-	if (!l) return null;
-	let u = (e) => {
-		let t = Math.min(Math.max(e, 0), o.length - 1);
-		return {
-			type: "focus",
-			rowId: he(o[t])
-		};
-	};
-	return a === "ArrowDown" ? u(c + 1) : a === "ArrowUp" ? u(c - 1) : a === "Home" ? u(0) : a === "End" ? u(o.length - 1) : l.kind === "section-header" ? ye({
-		row: l,
-		focusableRows: o,
-		currentIndex: c,
-		key: a
-	}) : be({
-		row: l,
-		focusableRows: o,
-		currentIndex: c,
-		expandedNodeIds: i,
-		key: a
-	});
-}, Se = "application/x-pstdio-tree-node", Ce = (e, t) => {
-	e.setData(Se, t);
-}, we = (e) => e.getData(Se) || void 0, Te = (e) => {
-	let t = f(8), { children: n, onMoveNode: i } = e, a;
-	t[0] === i ? a = t[1] : (a = (e) => {
-		i && (e.preventDefault(), e.dataTransfer.dropEffect = "move");
-	}, t[0] = i, t[1] = a);
-	let o = a, s;
-	t[2] === i ? s = t[3] : (s = (e) => {
-		if (!i) return;
-		e.preventDefault();
-		let t = we(e.dataTransfer);
-		t && i(t);
-	}, t[2] = i, t[3] = s);
-	let c = s, l;
-	return t[4] !== n || t[5] !== o || t[6] !== c ? (l = /* @__PURE__ */ m(r, {
-		p: "xs",
-		w: "full",
-		minW: "0",
-		maxW: "full",
-		minH: "full",
-		flex: "1 0 auto",
-		onDragOver: o,
-		onDrop: c,
-		children: n
-	}), t[4] = n, t[5] = o, t[6] = c, t[7] = l) : l = t[7], l;
-}, Ee = (e) => e <= 0 ? "sm" : `calc(var(--chakra-spacing-1) + ${e} * 12px)`, De = (e) => {
-	let { input: t, icon: n, level: a } = e, [o, c] = x(t.defaultValue ?? ""), [l, u] = x(), d = b(null), f = b(!1), p = async () => {
-		if (!f.current) {
-			f.current = !0, u(void 0);
-			try {
-				await t.onCommit(o.trim());
-			} catch (e) {
-				u(e instanceof Error ? e.message : "Could not create file."), queueMicrotask(() => d.current?.focus());
-			} finally {
-				f.current = !1;
-			}
-		}
-	};
-	return /* @__PURE__ */ h(i, {
-		h: "1.75rem",
-		w: "full",
-		minW: "0",
-		alignItems: "center",
-		gap: "1",
-		pr: "sm",
-		pl: Ee(a),
-		onMouseDown: (e) => e.stopPropagation(),
-		children: [n ? /* @__PURE__ */ m(r, {
-			boxSize: "16px",
-			color: "fg.muted",
-			flexShrink: 0,
-			display: "inline-flex",
-			alignItems: "center",
-			justifyContent: "center",
-			css: { "& > svg": {
-				width: "16px",
-				height: "16px"
-			} },
-			children: n
-		}) : null, /* @__PURE__ */ m(s, {
-			ref: d,
-			autoFocus: !0,
-			size: "xs",
-			value: o,
-			"aria-label": t.ariaLabel,
-			"aria-invalid": !!l || void 0,
-			placeholder: t.placeholder,
-			title: l,
-			onChange: (e) => c(e.currentTarget.value),
-			onBlur: () => {
-				f.current || t.onCancel?.();
-			},
-			onKeyDown: (e) => {
-				e.stopPropagation(), e.key === "Enter" && (e.preventDefault(), p()), e.key === "Escape" && !f.current && (e.preventDefault(), t.onCancel?.());
-			}
-		})]
-	});
-}, Oe = (e) => {
-	let t = f(69), { sectionId: r, node: i, level: a, expandedNodeIds: o, activeNodeId: s, rowVariant: c, nodeGap: u, linkComponent: d, tabIndex: p, onFocus: h, onNavigate: g, onToggleNode: _, onMoveNode: v } = e;
-	if (i.inlineInput) {
-		let e;
-		return t[0] !== a || t[1] !== i.icon || t[2] !== i.inlineInput ? (e = /* @__PURE__ */ m(De, {
-			input: i.inlineInput,
-			icon: i.icon,
-			level: a
-		}), t[0] = a, t[1] = i.icon, t[2] = i.inlineInput, t[3] = e) : e = t[3], e;
-	}
-	let y;
-	t[4] === i ? y = t[5] : (y = me(i), t[4] = i, t[5] = y);
-	let b = y, x;
-	t[6] !== o || t[7] !== b || t[8] !== i.id ? (x = b && ue(i.id, o), t[6] = o, t[7] = b, t[8] = i.id, t[9] = x) : x = t[9];
-	let S = x, C;
-	t[10] !== s || t[11] !== i.id ? (C = de(i.id, s), t[10] = s, t[11] = i.id, t[12] = C) : C = t[12];
-	let w = C, T = i.disabled === !0, E;
-	t[13] === i ? E = t[14] : (E = fe(i), t[13] = i, t[14] = E);
-	let D = E, O = !!(d && i.href && D && !b && !T), k;
-	t[15] !== b || t[16] !== T || t[17] !== D || t[18] !== i || t[19] !== g || t[20] !== _ || t[21] !== r ? (k = () => {
-		if (!T) {
-			if (b) {
-				_?.(i.id);
-				return;
-			}
-			if (D && g) {
-				g({
-					sectionId: r,
-					nodeId: i.id,
-					node: i,
-					intent: i.navigationIntent
-				});
-				return;
-			}
-			i.onActivate?.();
-		}
-	}, t[15] = b, t[16] = T, t[17] = D, t[18] = i, t[19] = g, t[20] = _, t[21] = r, t[22] = k) : k = t[22];
-	let A = k, j;
-	t[23] === i.id ? j = t[24] : (j = (e) => {
-		Ce(e.dataTransfer, i.id), e.dataTransfer.effectAllowed = "move";
-	}, t[23] = i.id, t[24] = j);
-	let M = j, N;
-	t[25] !== i.canDrop || t[26] !== v ? (N = (e) => {
-		v && (e.stopPropagation(), i.canDrop && (e.preventDefault(), e.dataTransfer.dropEffect = "move"));
-	}, t[25] = i.canDrop, t[26] = v, t[27] = N) : N = t[27];
-	let P = N, F;
-	t[28] !== i.canDrop || t[29] !== i.id || t[30] !== v ? (F = (e) => {
-		if (!v || (e.stopPropagation(), !i.canDrop)) return;
-		e.preventDefault();
-		let t = we(e.dataTransfer);
-		t && t !== i.id && v(t, i.id);
-	}, t[28] = i.canDrop, t[29] = i.id, t[30] = v, t[31] = F) : F = t[31];
-	let I = F, L;
-	t[32] !== i.actions || t[33] !== i.id || t[34] !== r ? (L = i.actions?.map((e) => ({
-		...e,
-		onAction: e.onAction ? (t) => e.onAction?.({
-			sectionId: r,
-			nodeId: i.id,
-			...t
-		}) : void 0
-	})), t[32] = i.actions, t[33] = i.id, t[34] = r, t[35] = L) : L = t[35];
-	let R, z;
-	if (t[36] !== i || t[37] !== L) {
-		let { inlineInput: e, rowVariant: n, ...r } = {
-			...i,
-			actions: L
-		};
-		z = n, R = r, t[36] = i, t[37] = L, t[38] = R, t[39] = z;
-	} else R = t[38], z = t[39];
-	let B = z ?? c, ee = a + 1, V = b ? S : void 0, H;
-	t[40] !== i.id || t[41] !== _ ? (H = () => _?.(i.id), t[40] = i.id, t[41] = _, t[42] = H) : H = t[42];
-	let U;
-	t[43] !== S || t[44] !== A || t[45] !== b || t[46] !== w || t[47] !== a || t[48] !== R || t[49] !== i.id || t[50] !== h || t[51] !== ee || t[52] !== V || t[53] !== H || t[54] !== B || t[55] !== p ? (U = {
-		...R,
-		depth: a,
-		variant: B,
-		isSelected: w,
-		isExpanded: S,
-		showExpandToggle: b,
-		tabIndex: p,
-		"data-tree-list-focus-id": i.id,
-		"aria-level": ee,
-		"aria-expanded": V,
-		"data-tree-list-node-id": i.id,
-		onFocus: h,
-		onActivate: A,
-		onToggleExpand: H
-	}, t[43] = S, t[44] = A, t[45] = b, t[46] = w, t[47] = a, t[48] = R, t[49] = i.id, t[50] = h, t[51] = ee, t[52] = V, t[53] = H, t[54] = B, t[55] = p, t[56] = U) : U = t[56];
-	let W = U, G;
-	t[57] !== d || t[58] !== O || t[59] !== i.href || t[60] !== W ? (G = O && d && i.href ? /* @__PURE__ */ m(d, {
-		to: i.href,
-		children: /* @__PURE__ */ m(n, {
-			...W,
-			asChild: !0
-		})
-	}) : /* @__PURE__ */ m(n, { ...W }), t[57] = d, t[58] = O, t[59] = i.href, t[60] = W, t[61] = G) : G = t[61];
-	let K = G, q = !!(v && i.canDrag), J = i.canDrag ? M : void 0, te = v ? P : void 0, ne = v ? I : void 0, re;
-	return t[62] !== u || t[63] !== K || t[64] !== q || t[65] !== J || t[66] !== te || t[67] !== ne ? (re = /* @__PURE__ */ m(l, {
-		gap: u,
-		w: "full",
-		minW: "0",
-		maxW: "full",
-		draggable: q,
-		onDragStart: J,
-		onDragOver: te,
-		onDrop: ne,
-		children: K
-	}), t[62] = u, t[63] = K, t[64] = q, t[65] = J, t[66] = te, t[67] = ne, t[68] = re) : re = t[68], re;
-}, Z = (t) => {
-	let n = f(9), { sectionId: r, actions: i } = t;
-	if (i.length === 0) return null;
-	let s, l;
-	n[0] === Symbol.for("react.memo_cache_sentinel") ? (s = {
-		opacity: "1",
-		pointerEvents: "auto"
-	}, l = {
-		opacity: "1",
-		pointerEvents: "auto"
-	}, n[0] = s, n[1] = l) : (s = n[0], l = n[1]);
-	let u;
-	if (n[2] !== i || n[3] !== r) {
-		let t;
-		n[5] === r ? t = n[6] : (t = (t) => t.menuItems && t.menuItems.length >= 8 ? /* @__PURE__ */ m(e, { action: t }, t.id) : t.menuItems && t.menuItems.length > 0 ? /* @__PURE__ */ h(c.Root, { children: [/* @__PURE__ */ m(c.Trigger, {
-			asChild: !0,
-			children: /* @__PURE__ */ m(o, {
-				variant: "ghost",
-				size: "2xs",
-				"aria-label": t.label,
-				children: t.icon
-			})
-		}), /* @__PURE__ */ m(c.Positioner, { children: /* @__PURE__ */ m(c.Content, {
-			minW: "160px",
-			bg: "bg",
-			children: t.menuItems.map(Ae)
-		}) })] }, t.id) : /* @__PURE__ */ m(o, {
-			variant: "ghost",
-			size: "2xs",
-			"aria-label": t.label,
-			onClick: (e) => {
-				e.stopPropagation(), t.onAction?.({ sectionId: r });
-			},
-			children: t.icon
-		}, t.id), n[5] = r, n[6] = t), u = i.map(t), n[2] = i, n[3] = r, n[4] = u;
-	} else u = n[4];
-	let d;
-	return n[7] === u ? d = n[8] : (d = /* @__PURE__ */ m(a, {
-		gap: "0",
-		opacity: "0",
-		pointerEvents: "none",
-		_groupHover: s,
-		_groupFocusWithin: l,
-		transition: "opacity 120ms ease",
-		onClick: Q,
-		children: u
-	}), n[7] = u, n[8] = d), d;
-}, ke = (e) => {
-	let t = f(32), { section: n, collapsible: i, expanded: o, focusId: s, tabIndex: c, onFocus: l, onToggle: d, onContextMenu: p } = e, g = i ? "pointer" : "default", _ = i ? c : void 0, v = i ? s : void 0, y = i ? o : void 0, b;
-	t[0] === i ? b = t[1] : (b = i ? { bg: "bg.hover" } : void 0, t[0] = i, t[1] = b);
-	let x;
-	t[2] === i ? x = t[3] : (x = i ? { bg: "bg.hover" } : void 0, t[2] = i, t[3] = x);
-	let C = i ? l : void 0, w = i ? d : void 0, T;
-	t[4] !== p || t[5] !== n.id ? (T = p ? (e) => {
-		e.preventDefault(), p(e, n.id);
-	} : void 0, t[4] = p, t[5] = n.id, t[6] = T) : T = t[6];
-	let E;
-	t[7] === n.label ? E = t[8] : (E = /* @__PURE__ */ m(u, {
-		textStyle: "label/XS",
-		textTransform: "uppercase",
-		color: "fg.muted",
-		letterSpacing: "0.08em",
-		truncate: !0,
-		children: n.label
-	}), t[7] = n.label, t[8] = E);
-	let D;
-	t[9] !== i || t[10] !== o ? (D = i ? /* @__PURE__ */ m(r, {
-		color: "fg.muted",
-		flexShrink: 0,
-		children: /* @__PURE__ */ m(S, {
-			size: 14,
-			style: {
-				transform: o ? "rotate(90deg)" : "rotate(0deg)",
-				transition: "120ms"
-			}
-		})
-	}) : null, t[9] = i, t[10] = o, t[11] = D) : D = t[11];
-	let O;
-	t[12] !== D || t[13] !== E ? (O = /* @__PURE__ */ h(a, {
-		gap: "1",
-		flex: "1",
-		minW: "0",
-		children: [E, D]
-	}), t[12] = D, t[13] = E, t[14] = O) : O = t[14];
-	let k;
-	t[15] === n.actions ? k = t[16] : (k = n.actions ?? [], t[15] = n.actions, t[16] = k);
-	let A;
-	t[17] !== n.id || t[18] !== k ? (A = /* @__PURE__ */ m(Z, {
-		sectionId: n.id,
-		actions: k
-	}), t[17] = n.id, t[18] = k, t[19] = A) : A = t[19];
-	let j;
-	return t[20] !== g || t[21] !== _ || t[22] !== O || t[23] !== A || t[24] !== v || t[25] !== y || t[26] !== b || t[27] !== x || t[28] !== C || t[29] !== w || t[30] !== T ? (j = /* @__PURE__ */ h(a, {
-		className: "group",
-		justify: "space-between",
-		align: "center",
-		w: "full",
-		minW: "0",
-		maxW: "full",
-		px: "sm",
-		py: "2xs",
-		height: "7",
-		cursor: g,
-		tabIndex: _,
-		"data-tree-list-focus-id": v,
-		"aria-expanded": y,
-		_hover: b,
-		_focusVisible: x,
-		onFocus: C,
-		onClick: w,
-		onContextMenu: T,
-		children: [O, A]
-	}), t[20] = g, t[21] = _, t[22] = O, t[23] = A, t[24] = v, t[25] = y, t[26] = b, t[27] = x, t[28] = C, t[29] = w, t[30] = T, t[31] = j) : j = t[31], j;
-};
-function Q(e) {
-	return e.stopPropagation();
-}
-function Ae(e) {
-	return /* @__PURE__ */ m(c.Item, {
-		value: e.id,
-		disabled: e.disabled,
-		onClick: () => e.onAction?.(),
-		children: e.label
-	}, e.id);
-}
-//#endregion
-//#region src/components/tree-list/tree-list-reorder.ts
-var je = "section:", Me = (e) => `${je}${e}`, Ne = (e) => e.startsWith(je), $ = (e) => e.slice(8), Pe = (e, t, n) => {
-	let r = e.slice(), [i] = r.splice(t, 1);
-	return r.splice(n, 0, i), r;
-}, Fe = (e, t) => {
-	for (let n of e) {
-		let e = n.nodes.findIndex((e) => e.id === t);
-		if (e >= 0) return {
-			section: n,
-			index: e,
-			node: n.nodes[e]
-		};
-	}
-}, Ie = (e, t) => t?.(e) ?? !0, Le = (e, t, n, r) => {
-	if (t === n) return !0;
-	if (Ne(t)) {
-		if (!Ne(n)) return !1;
-		let i = e.find((e) => e.id === $(t)), a = e.find((e) => e.id === $(n));
-		return !i || !a || i.canReorder === !1 || a.canReorder === !1 ? !1 : Ie({
-			source: {
-				kind: "section",
-				sectionId: i.id,
-				id: i.id,
-				moveScope: i.moveScope
-			},
-			destination: {
-				kind: "section",
-				sectionId: a.id,
-				id: a.id,
-				moveScope: a.moveScope
-			}
-		}, r);
-	}
-	let i = Fe(e, t);
-	if (!i || i.node.canReorder === !1) return !1;
-	let a = Ne(n) ? e.find((e) => e.id === $(n)) : void 0, o = a ? void 0 : Fe(e, n), s = a ?? o?.section;
-	return !s || s.canReorder === !1 || o?.node.canReorder === !1 ? !1 : Ie({
-		source: {
-			kind: "node",
-			sectionId: i.section.id,
-			id: i.node.id,
-			moveScope: i.node.moveScope ?? i.section.moveScope
-		},
-		destination: o ? {
-			kind: "node",
-			sectionId: s.id,
-			id: o.node.id,
-			moveScope: o.node.moveScope ?? s.moveScope
-		} : {
-			kind: "section",
-			sectionId: s.id,
-			id: s.id,
-			moveScope: s.moveScope
-		}
-	}, r);
-}, Re = (e, t, n, r) => {
-	let i = e.find((e) => e.id === $(t)), a = e.find((e) => e.id === $(n));
-	if (!i || !a || i.canReorder === !1 || a.canReorder === !1 || !Ie({
-		source: {
-			kind: "section",
-			sectionId: i.id,
-			id: i.id,
-			moveScope: i.moveScope
-		},
-		destination: {
-			kind: "section",
-			sectionId: a.id,
-			id: a.id,
-			moveScope: a.moveScope
-		}
-	}, r)) return null;
-	let o = e.map((e) => e.id), s = o.indexOf(i.id), c = o.indexOf(a.id);
-	return s === c ? null : {
-		kind: "section",
-		nextSectionIds: Pe(o, s, c)
-	};
-}, ze = (e, t, n, r) => {
-	let i = Fe(e, t);
-	if (!i || i.node.canReorder === !1) return null;
-	let a = Ne(n) ? e.find((e) => e.id === $(n)) : void 0, o = a ? void 0 : Fe(e, n), s = a ?? o?.section;
-	if (!s || s.canReorder === !1 || o?.node.canReorder === !1) return null;
-	let c = o ? {
-		kind: "node",
-		sectionId: s.id,
-		id: o.node.id,
-		moveScope: o.node.moveScope ?? s.moveScope
-	} : {
-		kind: "section",
-		sectionId: s.id,
-		id: s.id,
-		moveScope: s.moveScope
-	};
-	if (!Ie({
-		source: {
-			kind: "node",
-			sectionId: i.section.id,
-			id: i.node.id,
-			moveScope: i.node.moveScope ?? i.section.moveScope
-		},
-		destination: c
-	}, r)) return null;
-	let l = i.section.nodes.map((e) => e.id);
-	if (i.section.id === s.id) {
-		let e = o ? o.index : l.length - 1;
-		return i.index === e ? null : {
-			kind: "node",
-			orders: { [i.section.id]: Pe(l, i.index, e) }
-		};
-	}
-	let u = s.nodes.map((e) => e.id), d = o ? o.index : u.length;
-	return u.splice(d, 0, i.node.id), {
-		kind: "node",
-		orders: {
-			[i.section.id]: l.filter((e) => e !== i.node.id),
-			[s.id]: u
-		}
-	};
-}, Be = (e, t, n, r) => t === n ? null : Ne(t) ? Ne(n) ? Re(e, t, n, r) : null : ze(e, t, n, r), Ve = g(!1), He = (e) => {
-	let t = f(16), { sections: n, canMove: r, onReorderSections: i, onReorderNodes: a, children: o } = e, s;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (s = { activationConstraint: { distance: 4 } }, t[0] = s) : s = t[0];
-	let c = O(D(T, s)), l;
-	t[1] !== r || t[2] !== n ? (l = (e) => E(e).filter((t) => Le(n, String(e.active.id), String(t.id), r)), t[1] = r, t[2] = n, t[3] = l) : l = t[3];
-	let u = l, d;
-	t[4] !== r || t[5] !== a || t[6] !== i || t[7] !== n ? (d = (e) => {
-		if (!e.over) return;
-		let t = String(e.active.id), o = String(e.over.id), s = Be(n, t, o, r);
-		if (s) {
-			if (s.kind === "section") {
-				i?.(s.nextSectionIds, $(t), $(o));
-				return;
-			}
-			for (let [e, t] of Object.entries(s.orders)) a?.(e, t);
-		}
-	}, t[4] = r, t[5] = a, t[6] = i, t[7] = n, t[8] = d) : d = t[8];
-	let p = d, h;
-	t[9] === o ? h = t[10] : (h = /* @__PURE__ */ m(Ve.Provider, {
-		value: !0,
-		children: o
-	}), t[9] = o, t[10] = h);
-	let g;
-	return t[11] !== u || t[12] !== p || t[13] !== c || t[14] !== h ? (g = /* @__PURE__ */ m(w, {
-		sensors: c,
-		collisionDetection: u,
-		onDragEnd: p,
-		children: h
-	}), t[11] = u, t[12] = p, t[13] = c, t[14] = h, t[15] = g) : g = t[15], g;
-}, Ue = (e) => {
-	let t = f(12), n;
-	t[0] !== e.disabled || t[1] !== e.id ? (n = {
-		id: e.id,
-		disabled: e.disabled
-	}, t[0] = e.disabled, t[1] = e.id, t[2] = n) : n = t[2];
-	let r = A(n), i;
-	if (t[3] !== e.children || t[4] !== r.isDragging || t[5] !== r.listeners || t[6] !== r.setNodeRef || t[7] !== r.transform || t[8] !== r.transition) {
-		let n = {
-			transform: M.Transform.toString(r.transform),
-			transition: r.transition,
-			opacity: r.isDragging ? .5 : 1
-		};
-		i = e.children({
-			setNodeRef: r.setNodeRef,
-			listeners: r.listeners,
-			style: n
-		}), t[3] = e.children, t[4] = r.isDragging, t[5] = r.listeners, t[6] = r.setNodeRef, t[7] = r.transform, t[8] = r.transition, t[9] = i;
-	} else i = t[9];
-	let a;
-	return t[10] === i ? a = t[11] : (a = /* @__PURE__ */ m(p, { children: i }), t[10] = i, t[11] = a), a;
-}, We = (e) => {
-	let t = f(24), { section: n, sectionRows: i, expandedNodeIds: a, activeNodeId: o, rowVariant: s, nodeGap: c, linkComponent: u, onNavigate: d, onToggleSection: p, onToggleNode: g, onSectionContextMenu: _ } = e, v;
-	t[0] === i ? v = t[1] : (v = i.find(Je), t[0] = i, t[1] = v);
-	let y = v, b, x;
-	t[2] === i ? (b = t[3], x = t[4]) : (b = i.filter(Ye), x = b.filter(Xe).map(Ze), t[2] = i, t[3] = b, t[4] = x);
-	let S = x, C;
-	t[5] === n.id ? C = t[6] : (C = Me(n.id), t[5] = n.id, t[6] = C);
-	let w = n.canReorder === !1, T;
-	t[7] !== o || t[8] !== a || t[9] !== y || t[10] !== u || t[11] !== c || t[12] !== b || t[13] !== d || t[14] !== _ || t[15] !== g || t[16] !== p || t[17] !== s || t[18] !== S ? (T = (e) => {
-		let { setNodeRef: t, listeners: n, style: i } = e;
-		return /* @__PURE__ */ h(r, {
-			ref: t,
-			style: i,
-			w: "full",
-			minW: "0",
-			children: [y && y.kind === "section-header" ? /* @__PURE__ */ m(r, {
-				onPointerDownCapture: (e) => n?.onPointerDown?.(e),
-				children: /* @__PURE__ */ m(ke, {
-					section: y.section,
-					collapsible: y.collapsible,
-					expanded: y.expanded,
-					focusId: y.key,
-					tabIndex: -1,
-					onFocus: Qe,
-					onToggle: () => p?.(y.sectionId),
-					onContextMenu: _
-				})
-			}) : null, /* @__PURE__ */ m(k, {
-				items: S,
-				strategy: j,
-				children: /* @__PURE__ */ m(l, {
-					gap: c,
-					w: "full",
-					minW: "0",
-					children: b.map((e) => e.kind === "node" ? /* @__PURE__ */ m(Ke, {
-						row: e,
-						expandedNodeIds: a,
-						activeNodeId: o,
-						rowVariant: s,
-						nodeGap: c,
-						linkComponent: u,
-						onNavigate: d,
-						onToggleNode: g
-					}, e.key) : null)
-				})
-			})]
-		});
-	}, t[7] = o, t[8] = a, t[9] = y, t[10] = u, t[11] = c, t[12] = b, t[13] = d, t[14] = _, t[15] = g, t[16] = p, t[17] = s, t[18] = S, t[19] = T) : T = t[19];
-	let E;
-	return t[20] !== C || t[21] !== w || t[22] !== T ? (E = /* @__PURE__ */ m(Ue, {
-		id: C,
-		disabled: w,
-		children: T
-	}), t[20] = C, t[21] = w, t[22] = T, t[23] = E) : E = t[23], E;
-}, Ge = (e) => /* @__PURE__ */ m(Oe, {
-	sectionId: e.sectionId,
-	node: e.node,
-	level: e.level,
-	expandedNodeIds: e.expandedNodeIds,
-	activeNodeId: e.activeNodeId,
-	rowVariant: e.rowVariant,
-	nodeGap: e.nodeGap,
-	linkComponent: e.linkComponent,
-	onNavigate: e.onNavigate,
-	onToggleNode: e.onToggleNode
-}), Ke = (e) => {
-	let t = f(13), n, i, a;
-	if (t[0] !== e) {
-		a = Symbol.for("react.early_return_sentinel");
-		bb0: if ({row: i, ...n} = e, i.level > 0) {
-			a = Ge({
-				node: i.node,
-				sectionId: i.sectionId,
-				level: i.level,
-				...n
-			});
-			break bb0;
-		}
-		t[0] = e, t[1] = n, t[2] = i, t[3] = a;
-	} else n = t[1], i = t[2], a = t[3];
-	if (a !== Symbol.for("react.early_return_sentinel")) return a;
-	let o = i.node.canReorder === !1, s;
-	t[4] !== n || t[5] !== i.level || t[6] !== i.node || t[7] !== i.sectionId ? (s = (e) => {
-		let { setNodeRef: t, listeners: a, style: o } = e;
-		return /* @__PURE__ */ m(r, {
-			ref: t,
-			style: o,
-			w: "full",
-			minW: "0",
-			onPointerDownCapture: (e) => a?.onPointerDown?.(e),
-			children: Ge({
-				node: i.node,
-				sectionId: i.sectionId,
-				level: i.level,
-				...n
-			})
-		});
-	}, t[4] = n, t[5] = i.level, t[6] = i.node, t[7] = i.sectionId, t[8] = s) : s = t[8];
-	let c;
-	return t[9] !== i.node.id || t[10] !== o || t[11] !== s ? (c = /* @__PURE__ */ m(Ue, {
-		id: i.node.id,
-		disabled: o,
-		children: s
-	}), t[9] = i.node.id, t[10] = o, t[11] = s, t[12] = c) : c = t[12], c;
-}, qe = (e) => {
-	let t = f(25), { sections: n, expandedSectionIds: r, expandedNodeIds: i, activeNodeId: a, rowVariant: o, sectionGap: s, nodeGap: c, linkComponent: u, onNavigate: d, onToggleSection: p, onToggleNode: h, onSectionContextMenu: g, onReorderSections: v, onReorderNodes: y, canMove: b } = e, x = r === void 0 ? [] : r, S = i === void 0 ? [] : i, C = o === void 0 ? "tree" : o, A = s === void 0 ? "0" : s, M = c === void 0 ? "0" : c, N;
-	t[0] === Symbol.for("react.memo_cache_sentinel") ? (N = { activationConstraint: { distance: 4 } }, t[0] = N) : N = t[0];
-	let P = O(D(T, N)), F = _(Ve), I;
-	t[1] !== b || t[2] !== n ? (I = (e) => E(e).filter((t) => Le(n, String(e.active.id), String(t.id), b)), t[1] = b, t[2] = n, t[3] = I) : I = t[3];
-	let L = I, R;
-	t[4] !== b || t[5] !== y || t[6] !== v || t[7] !== n ? (R = (e) => {
-		if (!e.over) return;
-		let t = Be(n, String(e.active.id), String(e.over.id), b);
-		if (t) {
-			if (t.kind === "section") v?.(t.nextSectionIds);
-			else for (let [e, n] of Object.entries(t.orders)) y?.(e, n);
-		}
-	}, t[4] = b, t[5] = y, t[6] = v, t[7] = n, t[8] = R) : R = t[8];
-	let z = R, B = X(n, x, S), ee = k, V;
-	t[9] === n ? V = t[10] : (V = n.map($e), t[9] = n, t[10] = V);
-	let H = j, U = l, W = n.map((e) => /* @__PURE__ */ m(We, {
-		section: e,
-		sectionRows: B.filter((t) => t.sectionId === e.id),
-		expandedNodeIds: S,
-		activeNodeId: a,
-		rowVariant: C,
-		nodeGap: M,
-		linkComponent: u,
-		onNavigate: d,
-		onToggleSection: p,
-		onToggleNode: h,
-		onSectionContextMenu: g
-	}, e.id)), G;
-	t[11] !== U || t[12] !== A || t[13] !== W ? (G = /* @__PURE__ */ m(U, {
-		gap: A,
-		w: "full",
-		minW: "0",
-		maxW: "full",
-		children: W
-	}), t[11] = U, t[12] = A, t[13] = W, t[14] = G) : G = t[14];
-	let K;
-	t[15] !== ee || t[16] !== G || t[17] !== V || t[18] !== H ? (K = /* @__PURE__ */ m(ee, {
-		items: V,
-		strategy: H,
-		children: G
-	}), t[15] = ee, t[16] = G, t[17] = V, t[18] = H, t[19] = K) : K = t[19];
-	let q = K;
-	if (F) return q;
-	let J;
-	return t[20] !== L || t[21] !== q || t[22] !== z || t[23] !== P ? (J = /* @__PURE__ */ m(w, {
-		sensors: P,
-		collisionDetection: L,
-		onDragEnd: z,
-		children: q
-	}), t[20] = L, t[21] = q, t[22] = z, t[23] = P, t[24] = J) : J = t[24], J;
-};
-function Je(e) {
-	return e.kind === "section-header";
-}
-function Ye(e) {
-	return e.kind === "node";
-}
-function Xe(e) {
-	return e.kind === "node" && e.level === 0;
-}
-function Ze(e) {
-	return e.kind === "node" ? e.node.id : "";
-}
-function Qe() {}
-function $e(e) {
-	return Me(e.id);
-}
-//#endregion
-//#region src/components/tree-list/use-tree-list-keyboard-navigation.ts
-var et = (e, t) => e ? [...e.querySelectorAll("[data-tree-list-focus-id]")].find((e) => e.dataset.treeListFocusId === t) ?? null : null, tt = (e, t) => {
-	if (e && t instanceof HTMLElement && e.contains(t)) return t.closest("[data-tree-list-focus-id]")?.dataset.treeListFocusId;
-}, nt = (e) => e instanceof HTMLElement ? e.isContentEditable ? !0 : [
-	"INPUT",
-	"TEXTAREA",
-	"SELECT"
-].includes(e.tagName) : !1, rt = (e, t) => e.findIndex((e) => ge(e) && he(e) === t), it = (e) => {
-	let t = f(28), { rows: n, activeNodeId: r, expandedNodeIds: i, onToggleNode: a, onToggleSection: o, scrollToRow: s } = e, c = b(null), [l, u] = x(), [d, p] = x(), m;
-	t[0] !== r || t[1] !== l || t[2] !== n ? (m = ve(l, r, n), t[0] = r, t[1] = l, t[2] = n, t[3] = m) : m = t[3];
-	let h = m, g;
-	t[4] === n ? g = t[5] : (g = _e(n).map(he).join("\0"), t[4] = n, t[5] = g);
-	let _ = g, y, S;
-	t[6] !== _ || t[7] !== l ? (y = () => {
-		l && (_.split("\0").includes(l) || u(void 0));
-	}, S = [l, _], t[6] = _, t[7] = l, t[8] = y, t[9] = S) : (y = t[8], S = t[9]), v(y, S);
-	let C, w;
-	t[10] === d ? (C = t[11], w = t[12]) : (C = () => {
-		if (!d) return;
-		let e = requestAnimationFrame(() => {
-			requestAnimationFrame(() => {
-				let e = et(c.current, d);
-				e && (e.focus(), p(void 0));
-			});
-		});
-		return () => cancelAnimationFrame(e);
-	}, w = [d], t[10] = d, t[11] = C, t[12] = w), v(C, w);
-	let T;
-	t[13] !== n || t[14] !== s ? (T = (e) => {
-		u(e);
-		let t = et(c.current, e);
-		if (t) {
-			t.focus();
-			return;
-		}
-		let r = rt(n, e);
-		r !== -1 && (s?.(r), p(e));
-	}, t[13] = n, t[14] = s, t[15] = T) : T = t[15];
-	let E = T, D;
-	t[16] !== r || t[17] !== i || t[18] !== E || t[19] !== h || t[20] !== a || t[21] !== o || t[22] !== n ? (D = (e) => {
-		if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey || nt(e.target)) return;
-		let t = xe({
-			rows: n,
-			focusedRowId: tt(c.current, e.target) ?? h,
-			activeNodeId: r,
-			expandedNodeIds: i,
-			key: e.key
-		});
-		if (t) {
-			if (e.preventDefault(), t.type === "toggle-node") {
-				a?.(t.nodeId);
-				return;
-			}
-			if (t.type === "toggle-section") {
-				o?.(t.sectionId);
-				return;
-			}
-			E(t.rowId);
-		}
-	}, t[16] = r, t[17] = i, t[18] = E, t[19] = h, t[20] = a, t[21] = o, t[22] = n, t[23] = D) : D = t[23];
-	let O = D, k;
-	t[24] === Symbol.for("react.memo_cache_sentinel") ? (k = (e) => u(e), t[24] = k) : k = t[24];
-	let A;
-	return t[25] !== h || t[26] !== O ? (A = {
-		focusRowId: h,
-		rootRef: c,
-		handleKeyDown: O,
-		onRowFocus: k
-	}, t[25] = h, t[26] = O, t[27] = A) : A = t[27], A;
-}, at = 32, ot = 4, st = (e) => {
-	let { row: t, expandedNodeIds: n, activeNodeId: r, focusRowId: i, rowVariant: a, nodeGap: o, linkComponent: s, onRowFocus: c, onNavigate: l, onToggleSection: u, onToggleNode: d, onSectionContextMenu: f, onMoveNode: p } = e;
-	return t.kind === "section-header" ? /* @__PURE__ */ m(ke, {
-		section: t.section,
-		collapsible: t.collapsible,
-		expanded: t.expanded,
-		focusId: t.key,
-		tabIndex: t.key === i ? 0 : -1,
-		onFocus: () => c(t.key),
-		onToggle: () => u?.(t.sectionId),
-		onContextMenu: f
-	}) : t.kind === "section-empty" ? t.emptyState ?? null : /* @__PURE__ */ m(Oe, {
-		sectionId: t.sectionId,
-		node: t.node,
-		level: t.level,
-		expandedNodeIds: n,
-		activeNodeId: r,
-		rowVariant: a,
-		nodeGap: o,
-		linkComponent: s,
-		tabIndex: t.node.id === i ? 0 : -1,
-		onFocus: () => c(t.node.id),
-		onNavigate: l,
-		onToggleNode: d,
-		onMoveNode: p
-	});
-}, ct = (e) => {
-	let { rows: t, expandedNodeIds: n = [], activeNodeId: i, rowVariant: a = "tree", nodeGap: o = "0", linkComponent: s, onNavigate: c, onToggleSection: l, onToggleNode: u, onSectionContextMenu: d, onMoveNode: f, scrollRef: p } = e, h = C({
-		count: t.length,
-		getScrollElement: () => p.current,
-		estimateSize: () => at,
-		overscan: ot,
-		getItemKey: (e) => t[e]?.key ?? e
-	}), g = it({
-		rows: t,
-		activeNodeId: i,
-		expandedNodeIds: n,
-		onToggleNode: u,
-		onToggleSection: l,
-		scrollToRow: (e) => h.scrollToIndex(e, { align: "auto" })
-	});
-	return /* @__PURE__ */ m(r, {
-		ref: g.rootRef,
-		role: "listbox",
-		w: "full",
-		minW: "0",
-		maxW: "full",
-		position: "relative",
-		style: { height: h.getTotalSize() },
-		onKeyDown: g.handleKeyDown,
-		children: h.getVirtualItems().map((e) => {
-			let p = t[e.index];
-			return p ? /* @__PURE__ */ m(r, {
-				ref: h.measureElement,
-				"data-index": e.index,
-				"data-tree-list-row": p.kind,
-				position: "absolute",
-				top: "0",
-				left: "0",
-				w: "full",
-				pb: e.index === t.length - 1 ? "0" : o,
-				style: { transform: `translateY(${e.start}px)` },
-				children: st({
-					row: p,
-					expandedNodeIds: n,
-					activeNodeId: i,
-					focusRowId: g.focusRowId,
-					rowVariant: a,
-					nodeGap: o,
-					linkComponent: s,
-					onRowFocus: g.onRowFocus,
-					onNavigate: c,
-					onToggleSection: l,
-					onToggleNode: u,
-					onSectionContextMenu: d,
-					onMoveNode: f
-				})
-			}, e.key) : null;
-		})
-	});
-}, lt = (e) => {
-	let { sections: t, expandedSectionIds: n = [], expandedNodeIds: i = [], activeNodeId: a, rowVariant: o = "tree", sectionGap: s = "0", nodeGap: c = "0", linkComponent: u, onNavigate: d, onToggleSection: f, onToggleNode: p, onSectionContextMenu: h, onMoveNode: g, virtualize: _, scrollRef: v } = e, y = X(t, n, i), b = it({
-		rows: y,
-		activeNodeId: a,
-		expandedNodeIds: i,
-		onToggleNode: p,
-		onToggleSection: f
-	});
-	return _ && v ? /* @__PURE__ */ m(ct, {
-		...e,
-		rows: y,
-		scrollRef: v
-	}) : /* @__PURE__ */ m(l, {
-		ref: b.rootRef,
-		role: "listbox",
-		gap: s,
-		w: "full",
-		minW: "0",
-		maxW: "full",
-		overflowX: "hidden",
-		onKeyDown: b.handleKeyDown,
-		children: t.map((e) => {
-			let t = y.filter((t) => t.sectionId === e.id);
-			return /* @__PURE__ */ m(l, {
-				gap: c,
-				w: "full",
-				minW: "0",
-				maxW: "full",
-				"data-testid": `tree-list-section-${e.id}`,
-				children: t.map((e) => /* @__PURE__ */ m(r, {
-					w: "full",
-					minW: "0",
-					children: st({
-						row: e,
-						expandedNodeIds: i,
-						activeNodeId: a,
-						focusRowId: b.focusRowId,
-						rowVariant: o,
-						nodeGap: c,
-						linkComponent: u,
-						onRowFocus: b.onRowFocus,
-						onNavigate: d,
-						onToggleSection: f,
-						onToggleNode: p,
-						onSectionContextMenu: h,
-						onMoveNode: g
-					})
-				}, e.key))
-			}, e.id);
-		})
-	});
-}, ut = (e) => {
-	let t = f(8), n;
-	t[0] === e ? n = t[1] : (n = e.draggable ? /* @__PURE__ */ m(qe, {
-		sections: e.sections,
-		expandedSectionIds: e.expandedSectionIds,
-		expandedNodeIds: e.expandedNodeIds,
-		activeNodeId: e.activeNodeId,
-		rowVariant: e.rowVariant,
-		sectionGap: e.sectionGap,
-		nodeGap: e.nodeGap,
-		linkComponent: e.linkComponent,
-		onNavigate: e.onNavigate,
-		onToggleSection: e.onToggleSection,
-		onToggleNode: e.onToggleNode,
-		onSectionContextMenu: e.onSectionContextMenu,
-		onReorderSections: e.onReorderSections,
-		onReorderNodes: e.onReorderNodes,
-		canMove: e.canMove
-	}) : /* @__PURE__ */ m(lt, { ...e }), t[0] = e, t[1] = n);
-	let r = n, i;
-	t[2] !== r || t[3] !== e.onMoveNode ? (i = /* @__PURE__ */ m(Te, {
-		onMoveNode: e.onMoveNode,
-		children: r
-	}), t[2] = r, t[3] = e.onMoveNode, t[4] = i) : i = t[4];
-	let a = i;
-	if (!e.backgroundContextActions || e.backgroundContextActions.length === 0) return a;
-	let o;
-	return t[5] !== a || t[6] !== e.backgroundContextActions ? (o = /* @__PURE__ */ m(le, {
-		actions: e.backgroundContextActions,
-		children: a
-	}), t[5] = a, t[6] = e.backgroundContextActions, t[7] = o) : o = t[7], o;
-};
-//#endregion
-export { He as n, oe as r, ut as t };
-
-//# sourceMappingURL=tree-list-BUfDQz3v.js.map