@pstdio/ui 0.21.0 → 0.22.0

package/dist/list-row-DCgdza1i.js

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