@pstdio/ui 0.18.0 → 0.20.0

package/dist/list-row-B8L4TGsh.js

@@ -0,0 +1,821 @@
+import { jsx as r, jsxs as P, Fragment as et } from "react/jsx-runtime";
+import { c as O } from "react/compiler-runtime";
+import { Menu as C, Portal as Ne, HStack as he, Stack as tt, Text as je, Box as z, Icon as Pe, InputGroup as st, Input as at, IconButton as qe, chakra as ze } from "@chakra-ui/react";
+import * as ct from "react";
+import { Fragment as Ke, useState as Ve, useRef as Ue, useEffect as Ye, forwardRef as dt } from "react";
+import { Search as ut, ChevronDown as nt, ChevronRight as ht } from "lucide-react";
+import { T as Qe, S as ft } from "./browser-storage-DPtOQJx0.js";
+const ot = (n) => {
+  const e = O(6), {
+    actions: t,
+    contentBackground: o,
+    contentMinWidth: i
+  } = n;
+  let s;
+  e[0] !== t ? (s = t.map(mt), e[0] = t, e[1] = s) : s = e[1];
+  let l;
+  return e[2] !== o || e[3] !== i || e[4] !== s ? (l = /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(C.Positioner, { children: /* @__PURE__ */ r(C.Content, { minW: i, bg: o, children: s }) }) }), e[2] = o, e[3] = i, e[4] = s, e[5] = l) : l = e[5], l;
+}, on = (n) => {
+  const e = O(13), {
+    actions: t,
+    children: o,
+    contentMinWidth: i,
+    contentBackground: s,
+    positioning: l,
+    closeOnSelect: a
+  } = n, d = i === void 0 ? "17.5rem" : i, c = s === void 0 ? "bg" : s;
+  let h;
+  e[0] !== l ? (h = l === void 0 ? {
+    placement: "bottom-start"
+  } : l, e[0] = l, e[1] = h) : h = e[1];
+  const p = h;
+  if (t.length === 0)
+    return o;
+  let m;
+  e[2] !== o ? (m = /* @__PURE__ */ r(C.Trigger, { asChild: !0, children: o }), e[2] = o, e[3] = m) : m = e[3];
+  let u;
+  e[4] !== t || e[5] !== c || e[6] !== d ? (u = /* @__PURE__ */ r(ot, { actions: t, contentMinWidth: d, contentBackground: c }), e[4] = t, e[5] = c, e[6] = d, e[7] = u) : u = e[7];
+  let f;
+  return e[8] !== a || e[9] !== p || e[10] !== m || e[11] !== u ? (f = /* @__PURE__ */ P(C.Root, { positioning: p, closeOnSelect: a, children: [
+    m,
+    u
+  ] }), e[8] = a, e[9] = p, e[10] = m, e[11] = u, e[12] = f) : f = e[12], f;
+}, pt = (n) => {
+  const e = O(15), {
+    actions: t,
+    children: o,
+    contentMinWidth: i,
+    contentBackground: s,
+    positioning: l,
+    closeOnSelect: a,
+    keepMountedWhenEmpty: d
+  } = n, c = i === void 0 ? "17.5rem" : i, h = s === void 0 ? "bg" : s;
+  let p;
+  e[0] !== l ? (p = l === void 0 ? {
+    placement: "bottom-start"
+  } : l, e[0] = l, e[1] = p) : p = e[1];
+  const m = p, u = d === void 0 ? !1 : d;
+  if (t.length === 0 && !u) {
+    let g;
+    return e[2] !== o ? (g = /* @__PURE__ */ r(et, { children: o }), e[2] = o, e[3] = g) : g = e[3], g;
+  }
+  let f;
+  e[4] !== o ? (f = /* @__PURE__ */ r(C.ContextTrigger, { asChild: !0, children: o }), e[4] = o, e[5] = f) : f = e[5];
+  let b;
+  e[6] !== t || e[7] !== h || e[8] !== c ? (b = t.length > 0 ? /* @__PURE__ */ r(ot, { actions: t, contentMinWidth: c, contentBackground: h }) : null, e[6] = t, e[7] = h, e[8] = c, e[9] = b) : b = e[9];
+  let S;
+  return e[10] !== a || e[11] !== m || e[12] !== f || e[13] !== b ? (S = /* @__PURE__ */ P(C.Root, { positioning: m, closeOnSelect: a, children: [
+    f,
+    b
+  ] }), e[10] = a, e[11] = m, e[12] = f, e[13] = b, e[14] = S) : S = e[14], S;
+};
+function mt(n) {
+  return /* @__PURE__ */ P(Ke, { children: [
+    n.separatorBefore ? /* @__PURE__ */ r(C.Separator, {}) : null,
+    /* @__PURE__ */ r(C.Item, { value: n.key, disabled: n.isDisabled, asChild: !0, children: /* @__PURE__ */ r(Fe, { asChild: !0, variant: "full-width", label: n.label, icon: n.icon, endContent: n.endContent, disabled: n.isDisabled, onActivate: n.onClick }) })
+  ] }, n.key);
+}
+const gt = (n) => {
+  const e = O(4), {
+    item: t
+  } = n;
+  if (!t.icon)
+    return null;
+  let o;
+  e[0] !== t.icon ? (o = typeof t.icon == "function" ? /* @__PURE__ */ r(Pe, { as: t.icon, boxSize: "14px" }) : t.icon, e[0] = t.icon, e[1] = o) : o = e[1];
+  let i;
+  return e[2] !== o ? (i = /* @__PURE__ */ r(z, { color: "fg.muted", flexShrink: 0, display: "inline-flex", children: o }), e[2] = o, e[3] = i) : i = e[3], i;
+}, bt = (n) => {
+  const e = O(20), {
+    children: t,
+    items: o,
+    onOpenChange: i,
+    onSelect: s,
+    open: l,
+    placement: a
+  } = n, d = a === void 0 ? "right-start" : a;
+  let c;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = {
+    mainAxis: 4
+  }, e[0] = c) : c = e[0];
+  let h;
+  e[1] !== d ? (h = {
+    placement: d,
+    offset: c
+  }, e[1] = d, e[2] = h) : h = e[2];
+  let p;
+  e[3] !== i ? (p = (S) => i(S.open), e[3] = i, e[4] = p) : p = e[4];
+  let m;
+  e[5] !== t ? (m = /* @__PURE__ */ r(C.Trigger, { asChild: !0, children: t }), e[5] = t, e[6] = m) : m = e[6];
+  let u;
+  if (e[7] !== o || e[8] !== s) {
+    let S;
+    e[10] !== s ? (S = (g) => /* @__PURE__ */ P(Ke, { children: [
+      g.separatorBefore ? /* @__PURE__ */ r(C.Separator, {}) : null,
+      /* @__PURE__ */ r(C.Item, { value: g.id, disabled: g.disabled || g.readOnly, _disabled: g.readOnly ? {
+        opacity: 1,
+        cursor: "default"
+      } : void 0, onClick: () => {
+        g.readOnly || s(g);
+      }, children: /* @__PURE__ */ P(he, { gap: "2", minW: "0", w: "full", justify: "space-between", alignItems: "center", children: [
+        /* @__PURE__ */ P(he, { gap: "2", minW: "0", flex: "1", alignItems: g.description ? "flex-start" : "center", children: [
+          /* @__PURE__ */ r(gt, { item: g }),
+          /* @__PURE__ */ P(tt, { gap: "0", minW: "0", children: [
+            /* @__PURE__ */ r(je, { textStyle: "label/S/regular", truncate: !0, children: g.label }),
+            g.description ? /* @__PURE__ */ r(je, { textStyle: "label/XS", color: "fg.menu-item.secondary", truncate: !0, children: g.description }) : null
+          ] })
+        ] }),
+        g.endContent ? /* @__PURE__ */ r(z, { flexShrink: 0, children: g.endContent }) : null
+      ] }) })
+    ] }, g.id), e[10] = s, e[11] = S) : S = e[11], u = o.map(S), e[7] = o, e[8] = s, e[9] = u;
+  } else
+    u = e[9];
+  let f;
+  e[12] !== u ? (f = /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(C.Positioner, { children: /* @__PURE__ */ r(C.Content, { minW: "200px", bg: "bg", children: u }) }) }), e[12] = u, e[13] = f) : f = e[13];
+  let b;
+  return e[14] !== l || e[15] !== h || e[16] !== p || e[17] !== m || e[18] !== f ? (b = /* @__PURE__ */ P(C.Root, { open: l, positioning: h, onOpenChange: p, children: [
+    m,
+    f
+  ] }), e[14] = l, e[15] = h, e[16] = p, e[17] = m, e[18] = f, e[19] = b) : b = e[19], b;
+}, vt = (n) => n.map((e) => ({
+  key: e.id,
+  label: e.label,
+  icon: typeof e.icon == "function" ? /* @__PURE__ */ r(Pe, { as: e.icon, boxSize: "16px" }) : e.icon,
+  endContent: e.endContent,
+  isDisabled: e.disabled,
+  separatorBefore: e.separatorBefore,
+  onClick: () => e.onAction?.()
+})), xt = (n) => {
+  const e = O(15), {
+    children: t,
+    item: o,
+    menuOpen: i,
+    onMenuOpenChange: s,
+    onMenuSelect: l
+  } = n;
+  if (o.menuItems && o.menuItems.length > 0) {
+    let p;
+    return e[0] !== t || e[1] !== o.menuItems || e[2] !== o.menuPlacement || e[3] !== i || e[4] !== s || e[5] !== l ? (p = /* @__PURE__ */ r(bt, { items: o.menuItems, open: i, placement: o.menuPlacement, onOpenChange: s, onSelect: l, children: t }), e[0] = t, e[1] = o.menuItems, e[2] = o.menuPlacement, e[3] = i, e[4] = s, e[5] = l, e[6] = p) : p = e[6], p;
+  }
+  let a;
+  e[7] !== t || e[8] !== o.tooltip ? (a = o.tooltip ? /* @__PURE__ */ r(Qe, { content: o.tooltip, children: t }) : t, e[7] = t, e[8] = o.tooltip, e[9] = a) : a = e[9];
+  const d = a;
+  if (!o.contextMenuItems || o.contextMenuItems.length === 0)
+    return d;
+  let c;
+  e[10] !== o.contextMenuItems ? (c = vt(o.contextMenuItems), e[10] = o.contextMenuItems, e[11] = c) : c = e[11];
+  let h;
+  return e[12] !== d || e[13] !== c ? (h = /* @__PURE__ */ r(pt, { actions: c, children: d }), e[12] = d, e[13] = c, e[14] = h) : h = e[14], h;
+}, St = {
+  main: {
+    h: "2.5rem",
+    px: "xs"
+  },
+  narrow: {
+    h: "2rem",
+    px: "xs"
+  },
+  input: {
+    h: "3rem",
+    px: "0"
+  }
+}, lt = ct.forwardRef(function(e, t) {
+  const o = O(9);
+  let i, s, l;
+  o[0] !== e ? ({
+    variant: l,
+    children: i,
+    ...s
+  } = e, o[0] = e, o[1] = i, o[2] = s, o[3] = l) : (i = o[1], s = o[2], l = o[3]);
+  const d = St[l === void 0 ? "main" : l];
+  let c;
+  return o[4] !== i || o[5] !== t || o[6] !== s || o[7] !== d ? (c = /* @__PURE__ */ r(he, { ref: t, as: "header", alignItems: "center", borderWidth: "0", ...d, ...s, children: i }), o[4] = i, o[5] = t, o[6] = s, o[7] = d, o[8] = c) : c = o[8], c;
+}), Ct = {
+  bg: "transparent",
+  border: "0",
+  borderColor: "transparent",
+  borderRadius: "0",
+  boxShadow: "none",
+  transition: "none",
+  _hover: {
+    bg: "transparent",
+    borderColor: "transparent"
+  },
+  _active: {
+    bg: "transparent",
+    borderColor: "transparent"
+  },
+  _focus: {
+    borderColor: "transparent",
+    outline: "none",
+    boxShadow: "none"
+  },
+  _focusVisible: {
+    borderColor: "transparent",
+    outline: "none",
+    boxShadow: "none"
+  }
+}, wt = (n) => {
+  const e = O(8), {
+    inputRef: t,
+    value: o,
+    placeholder: i,
+    onValueChange: s
+  } = n;
+  let l;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ r(ut, { size: 14 }), e[0] = l) : l = e[0];
+  let a;
+  e[1] !== s ? (a = (c) => s(c.target.value), e[1] = s, e[2] = a) : a = e[2];
+  let d;
+  return e[3] !== t || e[4] !== i || e[5] !== a || e[6] !== o ? (d = /* @__PURE__ */ r(lt, { variant: "input", borderBottomWidth: "1px", borderColor: "border.subtle", flexShrink: 0, children: /* @__PURE__ */ r(st, { startElement: l, width: "full", children: /* @__PURE__ */ r(at, { ref: t, mx: "xs", value: o, placeholder: i, "aria-label": i, autoComplete: "off", ...Ct, onChange: a, onKeyDown: It }) }) }), e[3] = t, e[4] = i, e[5] = a, e[6] = o, e[7] = d) : d = e[7], d;
+};
+function It(n) {
+  return n.stopPropagation();
+}
+const yt = (n, e) => {
+  const t = e.trim().toLowerCase();
+  return t ? n.filter((o) => [o.label, o.searchText].filter(Boolean).join(" ").toLowerCase().includes(t)) : n;
+}, Mt = (n, e) => !n || !e ? !1 : n !== e, Pt = (n, e, t) => !n || !e ? t : {
+  items: e.items,
+  filterItems: e.filterItems ?? t.filterItems,
+  showSearch: e.showSearch ?? t.showSearch,
+  searchPlaceholder: e.searchPlaceholder ?? t.searchPlaceholder,
+  emptyState: e.emptyState ?? t.emptyState,
+  contentTestId: e.contentTestId ?? t.contentTestId,
+  closeOnSelect: !1,
+  listId: "parent"
+}, Rt = (n) => {
+  const e = O(47), {
+    trigger: t,
+    items: o,
+    searchPlaceholder: i,
+    emptyState: s,
+    filterItems: l,
+    listId: a,
+    header: d,
+    width: c,
+    maxListHeight: h,
+    showSearch: p,
+    closeOnSelect: m,
+    lazyMount: u,
+    open: f,
+    positioning: b,
+    onOpenChange: S,
+    onFocusOutside: g,
+    contentTestId: Y,
+    portalled: L,
+    parentList: v
+  } = n, k = l === void 0 ? yt : l, $ = c === void 0 ? "260px" : c, H = h === void 0 ? "18rem" : h, V = p === void 0 ? !0 : p, j = m === void 0 ? !0 : m, F = u === void 0 ? !1 : u, Be = L === void 0 ? !0 : L, Z = !!v, [Te, We] = Ve(!1), [Re, ke] = Ve(""), [Ge, fe] = Ve("child"), D = Ue(null), q = f ?? Te, ne = Z && Ge === "parent", I = Pt(ne, v, {
+    items: o,
+    filterItems: k,
+    showSearch: V,
+    searchPlaceholder: i,
+    emptyState: s,
+    contentTestId: Y,
+    closeOnSelect: j,
+    listId: Z ? "child" : a ?? ""
+  }), xe = I.filterItems(I.items, Re), J = Ue(I.listId);
+  Ye(() => {
+    if (!q) {
+      J.current = I.listId;
+      return;
+    }
+    Mt(J.current, I.listId) && ke(""), J.current = I.listId;
+  }, [q, I.listId]);
+  let oe;
+  e[0] !== I.showSearch || e[1] !== q ? (oe = [q, I.showSearch], e[0] = I.showSearch, e[1] = q, e[2] = oe) : oe = e[2], Ye(() => {
+    if (!q || !I.showSearch)
+      return;
+    const w = setTimeout(() => D.current?.focus(), 0);
+    return () => clearTimeout(w);
+  }, oe);
+  let pe;
+  e[3] !== Z || e[4] !== S || e[5] !== f ? (pe = (w) => {
+    f === void 0 && We(w.open), ke(""), w.open && Z && fe("child"), S?.(w);
+  }, e[3] = Z, e[4] = S, e[5] = f, e[6] = pe) : pe = e[6];
+  const Oe = pe;
+  let Se;
+  e[7] !== ne || e[8] !== v ? (Se = (w) => {
+    if (!ne || !v)
+      return;
+    const ve = v.items.find((G) => G.id === w.value);
+    ve && (v.onSelect?.(ve), fe("child"));
+  }, e[7] = ne, e[8] = v, e[9] = Se) : Se = e[9];
+  const Ce = Se, $e = kt;
+  let le;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (le = (w) => ({
+    id: w.id,
+    label: w.label,
+    description: w.secondaryLabel,
+    icon: $e(w.icon),
+    disabled: w.isDisabled,
+    tooltip: w.tooltipLabel
+  }), e[10] = le) : le = e[10];
+  const re = le;
+  let ee;
+  e[11] !== v ? (ee = v ? /* @__PURE__ */ r(lt, { as: "div", role: "menuitem", "aria-label": v.ariaLabel, "aria-disabled": v.disabled || void 0, tabIndex: v.disabled ? -1 : 0, variant: "narrow", px: "0", borderBottomWidth: "1px", borderColor: "border.subtle", flexShrink: 0, onPointerDownCapture: Ot, onClickCapture: (w) => {
+    w.stopPropagation(), !v.disabled && fe(Dt);
+  }, children: /* @__PURE__ */ r(Fe, { asChild: !0, role: "presentation", variant: "full-width", id: "__parent-toggle", label: v.selectedLabel, icon: $e(v.selectedIcon), disabled: v.disabled, endContent: v.disabled ? void 0 : /* @__PURE__ */ r(Pe, { as: nt, boxSize: "14px" }) }) }) : null, e[11] = v, e[12] = ee) : ee = e[12];
+  const we = v ? ee : d, De = !!we && !I.showSearch, me = I.showSearch ? /* @__PURE__ */ r(wt, { inputRef: D, value: Re, placeholder: I.searchPlaceholder, onValueChange: ke }) : null, T = C, ie = C, M = "bg", Ie = "0", W = "0";
+  let se;
+  e[13] !== De ? (se = De ? /* @__PURE__ */ r(C.Separator, { margin: "0" }) : null, e[13] = De, e[14] = se) : se = e[14];
+  const B = ft;
+  let ae;
+  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ae = {
+    overscrollBehavior: "contain"
+  }, e[15] = ae) : ae = e[15];
+  const U = "0", y = "0", ce = xe.length > 0 ? xe.map((w) => /* @__PURE__ */ r(C.Item, { value: w.id, disabled: w.isDisabled, onClick: w.onSelect, asChild: !0, children: /* @__PURE__ */ r(z, { bg: "transparent", h: "auto", p: "0", _hover: {
+    bg: "transparent"
+  }, _focus: {
+    bg: "transparent"
+  }, _active: {
+    bg: "transparent"
+  }, children: /* @__PURE__ */ r(Fe, { asChild: !0, ...re(w), role: "presentation", variant: w.variant ?? "full-width", isSelected: w.isSelected }) }) }, w.id)) : I.emptyState;
+  let A;
+  e[16] !== B || e[17] !== I.contentTestId || e[18] !== H || e[19] !== ae || e[20] !== ce ? (A = /* @__PURE__ */ r(B, { maxH: H, "data-testid": I.contentTestId, viewportProps: ae, p: U, gap: y, children: ce }), e[16] = B, e[17] = I.contentTestId, e[18] = H, e[19] = ae, e[20] = ce, e[21] = A) : A = e[21];
+  let N;
+  e[22] !== we || e[23] !== me || e[24] !== ie.Content || e[25] !== se || e[26] !== A || e[27] !== $ ? (N = /* @__PURE__ */ P(ie.Content, { w: $, bg: M, gap: Ie, p: W, children: [
+    we,
+    me,
+    se,
+    A
+  ] }), e[22] = we, e[23] = me, e[24] = ie.Content, e[25] = se, e[26] = A, e[27] = $, e[28] = N) : N = e[28];
+  let K;
+  e[29] !== T.Positioner || e[30] !== N ? (K = /* @__PURE__ */ r(T.Positioner, { children: N }), e[29] = T.Positioner, e[30] = N, e[31] = K) : K = e[31];
+  const de = K, ge = Z ? Ce : void 0;
+  let Q;
+  e[32] !== t ? (Q = /* @__PURE__ */ r(C.Trigger, { asChild: !0, children: t }), e[32] = t, e[33] = Q) : Q = e[33];
+  const be = !Be;
+  let te;
+  e[34] !== de || e[35] !== be ? (te = /* @__PURE__ */ r(Ne, { disabled: be, children: de }), e[34] = de, e[35] = be, e[36] = te) : te = e[36];
+  let ye;
+  return e[37] !== I.closeOnSelect || e[38] !== Oe || e[39] !== F || e[40] !== g || e[41] !== f || e[42] !== b || e[43] !== ge || e[44] !== Q || e[45] !== te ? (ye = /* @__PURE__ */ P(C.Root, { lazyMount: F, closeOnSelect: I.closeOnSelect, open: f, positioning: b, onOpenChange: Oe, onFocusOutside: g, onSelect: ge, children: [
+    Q,
+    te
+  ] }), e[37] = I.closeOnSelect, e[38] = Oe, e[39] = F, e[40] = g, e[41] = f, e[42] = b, e[43] = ge, e[44] = Q, e[45] = te, e[46] = ye) : ye = e[46], ye;
+};
+function kt(n) {
+  return n ? /* @__PURE__ */ r(Pe, { as: n, boxSize: "14px" }) : void 0;
+}
+function Ot(n) {
+  return n.stopPropagation();
+}
+function Dt(n) {
+  return n === "child" ? "parent" : "child";
+}
+const Bt = (n) => {
+  const e = O(14), {
+    action: t
+  } = n;
+  let o;
+  e[0] !== t.menuItems ? (o = t.menuItems ?? [], e[0] = t.menuItems, e[1] = o) : o = e[1];
+  let i;
+  e[2] !== o ? (i = o.map(Tt), e[2] = o, e[3] = i) : i = e[3];
+  const s = i;
+  let l;
+  e[4] !== t.icon || e[5] !== t.label ? (l = /* @__PURE__ */ r(qe, { variant: "ghost", size: "2xs", "aria-label": t.label, children: t.icon }), e[4] = t.icon, e[5] = t.label, e[6] = l) : l = e[6];
+  const a = t.searchPlaceholder ?? "Search...", d = t.emptyMenuLabel ?? "No results found";
+  let c;
+  e[7] !== d ? (c = /* @__PURE__ */ r(C.Item, { value: "empty", asChild: !0, children: /* @__PURE__ */ r(Fe, { asChild: !0, variant: "full-width", label: d, disabled: !0 }) }), e[7] = d, e[8] = c) : c = e[8];
+  let h;
+  return e[9] !== s || e[10] !== l || e[11] !== a || e[12] !== c ? (h = /* @__PURE__ */ r(Rt, { trigger: l, items: s, searchPlaceholder: a, emptyState: c, onFocusOutside: Wt }), e[9] = s, e[10] = l, e[11] = a, e[12] = c, e[13] = h) : h = e[13], h;
+};
+function Tt(n) {
+  return {
+    id: n.id,
+    label: n.label,
+    searchText: [n.label, n.description].filter(Boolean).join(" "),
+    tooltipLabel: n.description,
+    variant: "full-width",
+    onSelect: () => n.onAction?.()
+  };
+}
+function Wt(n) {
+  return n.preventDefault();
+}
+const Ze = (n, e) => n.tooltip ? /* @__PURE__ */ r(Qe, { content: n.tooltip, openDelay: 300, children: e }, n.id) : /* @__PURE__ */ r(Ke, { children: e }, n.id), Lt = (n) => {
+  const e = O(11), {
+    actions: t,
+    alwaysVisible: o,
+    context: i
+  } = n, s = o === void 0 ? !1 : o;
+  if (t.length === 0)
+    return null;
+  const l = s ? "1" : "0", a = s ? "auto" : "none";
+  let d, c;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = {
+    opacity: "1",
+    pointerEvents: "auto"
+  }, c = {
+    opacity: "1",
+    pointerEvents: "auto"
+  }, e[0] = d, e[1] = c) : (d = e[0], c = e[1]);
+  let h;
+  if (e[2] !== t || e[3] !== i) {
+    let m;
+    e[5] !== i ? (m = (u) => u.menuItems && u.menuItems.length >= 8 ? /* @__PURE__ */ r(Bt, { action: u }, u.id) : u.menuItems && u.menuItems.length > 0 ? Ze(u, /* @__PURE__ */ P(C.Root, { children: [
+      /* @__PURE__ */ r(C.Trigger, { asChild: !0, children: /* @__PURE__ */ r(qe, { variant: "ghost", size: "2xs", "aria-label": u.label, children: u.icon }) }),
+      /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(C.Positioner, { children: /* @__PURE__ */ r(C.Content, { minW: "160px", bg: "bg", children: u.menuItems.map(Ht) }) }) })
+    ] })) : Ze(u, /* @__PURE__ */ r(qe, { variant: "ghost", size: "2xs", "aria-label": u.label, onClick: (f) => {
+      f.stopPropagation(), u.onAction?.(i);
+    }, children: u.icon })), e[5] = i, e[6] = m) : m = e[6], h = t.map(m), e[2] = t, e[3] = i, e[4] = h;
+  } else
+    h = e[4];
+  let p;
+  return e[7] !== l || e[8] !== a || e[9] !== h ? (p = /* @__PURE__ */ r(he, { gap: "0", opacity: l, pointerEvents: a, _groupHover: d, _groupFocusWithin: c, transition: "opacity 120ms ease", onClick: $t, children: h }), e[7] = l, e[8] = a, e[9] = h, e[10] = p) : p = e[10], p;
+};
+function $t(n) {
+  return n.stopPropagation();
+}
+function Ht(n) {
+  return /* @__PURE__ */ P(Ke, { children: [
+    n.separatorBefore ? /* @__PURE__ */ r(C.Separator, {}) : null,
+    /* @__PURE__ */ r(Qe, { content: n.description, disabled: !n.description, openDelay: 300, children: /* @__PURE__ */ r(C.Item, { value: n.id, disabled: n.disabled || n.readOnly, onClick: () => {
+      n.readOnly || n.onAction?.();
+    }, children: /* @__PURE__ */ P(he, { gap: "2", minW: "0", w: "full", justify: "space-between", children: [
+      /* @__PURE__ */ P(he, { gap: "2", minW: "0", children: [
+        n.icon ? /* @__PURE__ */ r(z, { children: n.icon }) : null,
+        /* @__PURE__ */ r(z, { minW: "0", children: n.label })
+      ] }),
+      n.endContent ? /* @__PURE__ */ r(z, { flexShrink: 0, children: n.endContent }) : null
+    ] }) }) })
+  ] }, n.id);
+}
+const At = (n, e = !0) => {
+  const t = n.contextMenuItems ?? [];
+  if (t.length === 0 || !e) return n.actions ?? [];
+  const o = n.actions?.flatMap((l) => l.menuItems?.length ? l.menuItems : [{
+    id: l.id,
+    label: l.label,
+    icon: l.icon,
+    onAction: () => l.onAction?.({
+      nodeId: n.id
+    })
+  }]) ?? [], i = new Set(o.map((l) => l.id)), s = t.filter((l) => !i.has(l.id)).map((l, a) => ({
+    ...l,
+    separatorBefore: l.separatorBefore || a === 0 && o.length > 0
+  }));
+  return [{
+    id: "resource-actions",
+    label: "Resource actions",
+    icon: /* @__PURE__ */ r(Pe, { as: nt, boxSize: "14px" }),
+    menuItems: [...o, ...s]
+  }];
+}, Et = (n) => n.isEmptyStateVariant ? "fg.menu-item.secondary" : n.isDisabled ? "fg.muted" : n.tone === "danger" ? "red.500" : "fg", _t = (n) => {
+  const e = O(7), {
+    label: t,
+    textStyle: o,
+    color: i
+  } = n;
+  if (typeof t == "string") {
+    let l;
+    return e[0] !== i || e[1] !== t || e[2] !== o ? (l = /* @__PURE__ */ r(je, { textStyle: o, color: i, truncate: !0, children: t }), e[0] = i, e[1] = t, e[2] = o, e[3] = l) : l = e[3], l;
+  }
+  let s;
+  return e[4] !== i || e[5] !== t ? (s = /* @__PURE__ */ r(z, { minW: "0", maxW: "full", overflow: "hidden", color: i, children: t }), e[4] = i, e[5] = t, e[6] = s) : s = e[6], s;
+}, zt = (n) => {
+  const e = O(8), {
+    description: t,
+    textStyle: o,
+    color: i,
+    marginLeft: s
+  } = n;
+  if (!t)
+    return null;
+  if (typeof t == "string") {
+    let a;
+    return e[0] !== i || e[1] !== t || e[2] !== s || e[3] !== o ? (a = /* @__PURE__ */ r(je, { ml: s, textStyle: o, color: i, truncate: !0, children: t }), e[0] = i, e[1] = t, e[2] = s, e[3] = o, e[4] = a) : a = e[4], a;
+  }
+  let l;
+  return e[5] !== t || e[6] !== s ? (l = /* @__PURE__ */ r(z, { ml: s, minW: "0", maxW: "full", overflow: "hidden", children: t }), e[5] = t, e[6] = s, e[7] = l) : l = e[7], l;
+}, Vt = (n) => {
+  const e = O(33), {
+    item: t,
+    isExpanded: o,
+    showChevron: i,
+    isDisabled: s,
+    variant: l,
+    tone: a
+  } = n, d = l === "empty-state", c = l === "compact" || l === "collection" || l === "full-width" || l === "tree" || d, h = c ? "label/S/regular" : "label/M/regular", p = c ? "label/XS" : "label/S/regular", m = c ? "0" : "2px", u = l === "tree" || l === "collection" ? "16px" : "14px", f = l === "collection" ? "compact" : l === "tree" ? "1" : "2";
+  let b;
+  e[0] !== s || e[1] !== d || e[2] !== a ? (b = Et({
+    isEmptyStateVariant: d,
+    isDisabled: s,
+    tone: a
+  }), e[0] = s, e[1] = d, e[2] = a, e[3] = b) : b = e[3];
+  const S = b, g = t.iconColor ?? (a === "danger" ? "red.500" : "fg.muted"), Y = a === "danger" ? "red.400" : "fg.menu-item.secondary";
+  let L;
+  e[4] !== o || e[5] !== i ? (L = i ? /* @__PURE__ */ r(z, { color: "fg.muted", flexShrink: 0, display: "flex", alignItems: "center", children: /* @__PURE__ */ r(Pe, { as: ht, boxSize: "12px", transform: o ? "rotate(90deg)" : "rotate(0deg)", transition: "transform 120ms ease" }) }) : null, e[4] = o, e[5] = i, e[6] = L) : L = e[6];
+  let v;
+  e[7] !== g || e[8] !== u || e[9] !== t.icon ? (v = t.icon ? /* @__PURE__ */ r(z, { color: g, flexShrink: 0, display: "inline-flex", alignItems: "center", justifyContent: "center", boxSize: u, fontSize: u, lineHeight: "1", css: {
+    "& > svg": {
+      width: u,
+      height: u
+    }
+  }, children: t.icon }) : null, e[7] = g, e[8] = u, e[9] = t.icon, e[10] = v) : v = e[10];
+  let k;
+  e[11] !== t.indicator ? (k = t.indicator ? /* @__PURE__ */ r(Qe, { content: t.indicator.tooltip, disabled: !t.indicator.tooltip, openDelay: 300, children: /* @__PURE__ */ r(z, { color: t.indicator.color ?? "fg.muted", flexShrink: 0, children: t.indicator.icon }) }) : null, e[11] = t.indicator, e[12] = k) : k = e[12];
+  let $;
+  e[13] !== t.label || e[14] !== S || e[15] !== h ? ($ = /* @__PURE__ */ r(_t, { label: t.label, textStyle: h, color: S }), e[13] = t.label, e[14] = S, e[15] = h, e[16] = $) : $ = e[16];
+  let H;
+  e[17] !== f || e[18] !== v || e[19] !== k || e[20] !== $ ? (H = /* @__PURE__ */ P(he, { gap: f, minW: "0", alignItems: "center", children: [
+    v,
+    k,
+    $
+  ] }), e[17] = f, e[18] = v, e[19] = k, e[20] = $, e[21] = H) : H = e[21];
+  let V;
+  e[22] !== Y || e[23] !== m || e[24] !== p || e[25] !== t.description ? (V = /* @__PURE__ */ r(zt, { description: t.description, textStyle: p, color: Y, marginLeft: m }), e[22] = Y, e[23] = m, e[24] = p, e[25] = t.description, e[26] = V) : V = e[26];
+  let j;
+  e[27] !== H || e[28] !== V ? (j = /* @__PURE__ */ P(tt, { gap: "0", minW: "0", flex: "1", children: [
+    H,
+    V
+  ] }), e[27] = H, e[28] = V, e[29] = j) : j = e[29];
+  let F;
+  return e[30] !== L || e[31] !== j ? (F = /* @__PURE__ */ P(he, { gap: "2", minW: "0", flex: "1", overflow: "hidden", alignItems: "center", children: [
+    L,
+    j
+  ] }), e[30] = L, e[31] = j, e[32] = F) : F = e[32], F;
+}, jt = (n) => {
+  const e = O(21), {
+    item: t,
+    isDisabled: o,
+    isExpanded: i,
+    showChevron: s,
+    tone: l,
+    variant: a,
+    showContextMenuTrigger: d
+  } = n, c = l === void 0 ? "default" : l, h = a === void 0 ? "default" : a;
+  let p;
+  e[0] !== t || e[1] !== d ? (p = At(t, d), e[0] = t, e[1] = d, e[2] = p) : p = e[2];
+  const m = p;
+  let u;
+  e[3] !== o || e[4] !== i || e[5] !== t || e[6] !== s || e[7] !== c || e[8] !== h ? (u = /* @__PURE__ */ r(Vt, { item: t, isExpanded: i, showChevron: s, isDisabled: o, tone: c, variant: h }), e[3] = o, e[4] = i, e[5] = t, e[6] = s, e[7] = c, e[8] = h, e[9] = u) : u = e[9];
+  let f;
+  e[10] !== t.endContent ? (f = t.endContent ? /* @__PURE__ */ r(z, { flexShrink: 0, color: "fg.muted", display: "flex", alignItems: "center", children: t.endContent }) : null, e[10] = t.endContent, e[11] = f) : f = e[11];
+  let b;
+  e[12] !== m || e[13] !== t.contextMenuItems?.length || e[14] !== t.id || e[15] !== d ? (b = m.length > 0 ? /* @__PURE__ */ r(Lt, { actions: m, context: {
+    nodeId: t.id
+  }, alwaysVisible: d && (t.contextMenuItems?.length ?? 0) > 0 }) : null, e[12] = m, e[13] = t.contextMenuItems?.length, e[14] = t.id, e[15] = d, e[16] = b) : b = e[16];
+  let S;
+  return e[17] !== u || e[18] !== f || e[19] !== b ? (S = /* @__PURE__ */ P(et, { children: [
+    u,
+    f,
+    b
+  ] }), e[17] = u, e[18] = f, e[19] = b, e[20] = S) : S = e[20], S;
+}, Ft = (n) => {
+  if (!(n <= 0))
+    return `calc(var(--chakra-spacing-1) + ${n} * 12px)`;
+}, Nt = (n) => n === "compact" || n === "full-width" || n === "empty-state", Kt = (n, e) => n === "collection" && !e ? {
+  rowHeight: "collection-row",
+  minHeight: void 0
+} : Nt(n) && !e ? {
+  rowHeight: "1.75rem",
+  minHeight: void 0
+} : {
+  rowHeight: "auto",
+  minHeight: n === "default" ? "2.25rem" : "1.75rem"
+}, Qt = (n) => ({
+  bg: n.isSelected ? n.selectedBg : "transparent",
+  _hover: n.variant === "empty-state" ? {
+    bg: "transparent"
+  } : n.isSelected ? {
+    bg: n.selectedBg
+  } : n.tone === "danger" ? {
+    outline: "1px solid",
+    outlineColor: "red.500",
+    outlineOffset: "-1px"
+  } : {
+    bg: n.hoverBg
+  },
+  _active: n.variant === "empty-state" ? {
+    bg: "transparent"
+  } : {
+    bg: n.selectedBg
+  }
+}), Gt = (n) => ({
+  ...n.rootProps,
+  role: n.rowRole,
+  "aria-selected": n.rootProps["aria-selected"] ?? (n.rowRole === "option" ? n.isSelected : void 0),
+  "aria-expanded": n.showChevron ? n.isExpanded : void 0,
+  className: n.className ? `group ${n.className}` : "group",
+  width: "full",
+  minWidth: "0",
+  maxWidth: "full",
+  height: n.rowHeight,
+  minHeight: n.minHeight,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: "xs",
+  px: "sm",
+  py: n.verticalPadding,
+  pl: n.paddingLeft,
+  borderRadius: n.variant === "full-width" || n.variant === "collection" ? "0" : "xs",
+  ...Qt({
+    ...n
+  }),
+  cursor: n.variant === "empty-state" ? "default" : n.isDisabled ? "not-allowed" : "pointer",
+  overflow: "hidden",
+  textAlign: "left",
+  color: "inherit",
+  textDecoration: "none"
+}), Fe = dt((n, e) => {
+  const t = O(108), {
+    id: o,
+    label: i,
+    description: s,
+    icon: l,
+    iconColor: a,
+    indicator: d,
+    endContent: c,
+    tooltip: h,
+    disabled: p,
+    isContainer: m,
+    isNavigable: u,
+    href: f,
+    navigationIntent: b,
+    menuItems: S,
+    menuPlacement: g,
+    contextMenuItems: Y,
+    actions: L,
+    children: v,
+    onActivate: k,
+    depth: $,
+    isSelected: H,
+    isExpanded: V,
+    showExpandToggle: j,
+    showContextMenuTrigger: F,
+    variant: Be,
+    tone: Z,
+    selectedBg: Te,
+    hoverBg: We,
+    asChild: Re,
+    className: ke,
+    role: Ge,
+    onToggleExpand: fe,
+    onPointerMove: D,
+    draggable: q,
+    onDragStart: ne,
+    onDragOver: Le,
+    onDragEnd: I,
+    onDrop: xe,
+    onClick: J,
+    onKeyDown: oe,
+    ...pe
+  } = n, Oe = $ === void 0 ? 0 : $, Se = H === void 0 ? !1 : H, Ce = V === void 0 ? !1 : V, $e = j === void 0 ? !1 : j, le = F === void 0 ? !0 : F, re = Be === void 0 ? "default" : Be, ee = Z === void 0 ? "default" : Z, Je = Te === void 0 ? "bg.active" : Te, we = We === void 0 ? "bg.hover" : We, De = Re === void 0 ? !1 : Re, [me, T] = Ve(!1);
+  let ie;
+  t[0] !== L || t[1] !== v || t[2] !== Y || t[3] !== s || t[4] !== p || t[5] !== c || t[6] !== f || t[7] !== l || t[8] !== a || t[9] !== o || t[10] !== d || t[11] !== m || t[12] !== u || t[13] !== i || t[14] !== S || t[15] !== g || t[16] !== b || t[17] !== k || t[18] !== h ? (ie = {
+    id: o,
+    label: i,
+    description: s,
+    icon: l,
+    iconColor: a,
+    indicator: d,
+    endContent: c,
+    tooltip: h,
+    disabled: p,
+    isContainer: m,
+    isNavigable: u,
+    href: f,
+    navigationIntent: b,
+    menuItems: S,
+    menuPlacement: g,
+    contextMenuItems: Y,
+    actions: L,
+    children: v,
+    onActivate: k
+  }, t[0] = L, t[1] = v, t[2] = Y, t[3] = s, t[4] = p, t[5] = c, t[6] = f, t[7] = l, t[8] = a, t[9] = o, t[10] = d, t[11] = m, t[12] = u, t[13] = i, t[14] = S, t[15] = g, t[16] = b, t[17] = k, t[18] = h, t[19] = ie) : ie = t[19];
+  const M = ie;
+  let Ie;
+  t[20] !== q || t[21] !== I || t[22] !== Le || t[23] !== ne || t[24] !== xe ? (Ie = {
+    draggable: q,
+    onDragStart: ne,
+    onDragOver: Le,
+    onDragEnd: I,
+    onDrop: xe
+  }, t[20] = q, t[21] = I, t[22] = Le, t[23] = ne, t[24] = xe, t[25] = Ie) : Ie = t[25];
+  const W = Ie, se = (M.children?.length ?? 0) > 0 || M.isContainer === !0, B = (M.menuItems?.length ?? 0) > 0, ae = (M.actions?.length ?? 0) > 0 || (M.contextMenuItems?.length ?? 0) > 0, U = $e && se, y = M.disabled === !0;
+  let ce;
+  t[26] !== B || t[27] !== y || t[28] !== M || t[29] !== k || t[30] !== fe || t[31] !== U ? (ce = () => {
+    if (!y && !B) {
+      if (U) {
+        fe?.();
+        return;
+      }
+      if (k) {
+        k();
+        return;
+      }
+      M.onActivate?.();
+    }
+  }, t[26] = B, t[27] = y, t[28] = M, t[29] = k, t[30] = fe, t[31] = U, t[32] = ce) : ce = t[32];
+  const A = ce;
+  let N;
+  t[33] !== A || t[34] !== y || t[35] !== J ? (N = (x) => {
+    if (J?.(x), !x.defaultPrevented) {
+      if (y) {
+        x.preventDefault();
+        return;
+      }
+      A();
+    }
+  }, t[33] = A, t[34] = y, t[35] = J, t[36] = N) : N = t[36];
+  const K = N;
+  let de;
+  t[37] !== y || t[38] !== J || t[39] !== T ? (de = (x) => {
+    if (J?.(x), !x.defaultPrevented) {
+      if (y) {
+        x.preventDefault();
+        return;
+      }
+      T(Xt);
+    }
+  }, t[37] = y, t[38] = J, t[39] = T, t[40] = de) : de = t[40];
+  const ge = de;
+  let Q;
+  t[41] !== A || t[42] !== B || t[43] !== y || t[44] !== oe || t[45] !== T ? (Q = (x) => {
+    if (oe?.(x), !x.defaultPrevented && !(x.key !== "Enter" && x.key !== " ") && (x.preventDefault(), !y)) {
+      if (B) {
+        T(qt);
+        return;
+      }
+      A();
+    }
+  }, t[41] = A, t[42] = B, t[43] = y, t[44] = oe, t[45] = T, t[46] = Q) : Q = t[46];
+  const be = Q, te = M.description !== void 0, ye = Ft(Oe), w = re === "default" || te ? "xs" : "2xs";
+  let ve;
+  t[47] !== K || t[48] !== ge || t[49] !== B ? (ve = B ? {
+    onClick: ge
+  } : {
+    onClick: K
+  }, t[47] = K, t[48] = ge, t[49] = B, t[50] = ve) : ve = t[50];
+  const G = ve, {
+    rowHeight: rt,
+    minHeight: it
+  } = Kt(re, te), ue = Gt({
+    rootProps: pe,
+    rowRole: Ge ?? (B ? "button" : "option"),
+    className: ke,
+    isSelected: Se,
+    isExpanded: Ce,
+    showChevron: U,
+    rowHeight: rt,
+    minHeight: it,
+    verticalPadding: w,
+    paddingLeft: ye,
+    selectedBg: Je,
+    hoverBg: we,
+    tone: ee,
+    isDisabled: y,
+    variant: re
+  });
+  let He;
+  t[51] !== y || t[52] !== Ce || t[53] !== M || t[54] !== U || t[55] !== le || t[56] !== ee || t[57] !== re ? (He = /* @__PURE__ */ r(jt, { item: M, isExpanded: Ce, showChevron: U, isDisabled: y, tone: ee, variant: re, showContextMenuTrigger: le }), t[51] = y, t[52] = Ce, t[53] = M, t[54] = U, t[55] = le, t[56] = ee, t[57] = re, t[58] = He) : He = t[58];
+  const E = He;
+  let Ae;
+  t[59] !== M || t[60] !== me || t[61] !== T ? (Ae = (x) => /* @__PURE__ */ r(xt, { item: M, menuOpen: me, onMenuOpenChange: T, onMenuSelect: (R) => {
+    T(!1), R.onAction?.();
+  }, children: x }), t[59] = M, t[60] = me, t[61] = T, t[62] = Ae) : Ae = t[62];
+  const _ = Ae;
+  if (De) {
+    let x;
+    t[63] !== G || t[64] !== E || t[65] !== W || t[66] !== D || t[67] !== e || t[68] !== ue ? (x = /* @__PURE__ */ r(ze.div, { ref: e, ...ue, ...W, ...G, onPointerMove: D, children: E }), t[63] = G, t[64] = E, t[65] = W, t[66] = D, t[67] = e, t[68] = ue, t[69] = x) : x = t[69];
+    let R;
+    return t[70] !== x || t[71] !== _ ? (R = _(x), t[70] = x, t[71] = _, t[72] = R) : R = t[72], R;
+  }
+  if (M.href && !U && !y && !B) {
+    const x = ue;
+    let R;
+    t[73] !== E || t[74] !== W || t[75] !== K || t[76] !== M.href || t[77] !== D || t[78] !== e || t[79] !== x ? (R = /* @__PURE__ */ r(ze.a, { ref: e, href: M.href, ...x, ...W, onClick: K, onPointerMove: D, children: E }), t[73] = E, t[74] = W, t[75] = K, t[76] = M.href, t[77] = D, t[78] = e, t[79] = x, t[80] = R) : R = t[80];
+    let X;
+    return t[81] !== R || t[82] !== _ ? (X = _(R), t[81] = R, t[82] = _, t[83] = X) : X = t[83], X;
+  }
+  if (ae) {
+    const x = y || void 0, R = pe.tabIndex ?? 0;
+    let X;
+    t[84] !== G || t[85] !== E || t[86] !== W || t[87] !== be || t[88] !== D || t[89] !== e || t[90] !== ue || t[91] !== x || t[92] !== R ? (X = /* @__PURE__ */ r(ze.div, { ref: e, "aria-disabled": x, ...ue, ...W, ...G, tabIndex: R, onKeyDown: be, onPointerMove: D, children: E }), t[84] = G, t[85] = E, t[86] = W, t[87] = be, t[88] = D, t[89] = e, t[90] = ue, t[91] = x, t[92] = R, t[93] = X) : X = t[93];
+    let _e;
+    return t[94] !== X || t[95] !== _ ? (_e = _(X), t[94] = X, t[95] = _, t[96] = _e) : _e = t[96], _e;
+  }
+  const Xe = ue;
+  let Me;
+  t[97] !== G || t[98] !== E || t[99] !== W || t[100] !== y || t[101] !== D || t[102] !== e || t[103] !== Xe ? (Me = /* @__PURE__ */ r(ze.button, { ref: e, type: "button", disabled: y, ...Xe, ...W, ...G, onPointerMove: D, children: E }), t[97] = G, t[98] = E, t[99] = W, t[100] = y, t[101] = D, t[102] = e, t[103] = Xe, t[104] = Me) : Me = t[104];
+  let Ee;
+  return t[105] !== Me || t[106] !== _ ? (Ee = _(Me), t[105] = Me, t[106] = _, t[107] = Ee) : Ee = t[107], Ee;
+});
+function Xt(n) {
+  return !n;
+}
+function qt(n) {
+  return !n;
+}
+export {
+  lt as H,
+  Fe as L,
+  pt as R,
+  Bt as S,
+  wt as a,
+  Rt as b,
+  on as c
+};
+//# sourceMappingURL=list-row-B8L4TGsh.js.map