@pstdio/ui 0.23.0 → 0.24.2

package/dist/tree-list-BHFSyvIZ.js

@@ -1,1262 +0,0 @@
-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-CRi3Luog.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-BHFSyvIZ.js.map