@pstdio/ui 0.21.0 → 0.22.0

package/dist/tree-list-AlO5ZmxQ.js

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