@pstdio/ui 0.16.0 → 0.18.0

package/dist/tree-list-CcuZMLS5.js

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