@pstdio/ui 0.15.0 → 0.16.0

package/dist/tree-list-CcuZMLS5.js

@@ -0,0 +1,930 @@
+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