@pstdio/ui 0.15.0 → 0.16.0

package/dist/list-row-mi3Hn-Um.js

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