@pstdio/ui 0.22.0 → 0.24.1

package/dist/tree-list-DXwHWodb.js

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