@pstdio/ui 0.41.0 → 0.42.0

package/dist/tree-list-jarhD31R.js

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