@pibit.ai/cure-design-system 0.6.35 → 0.6.37

package/dist/patterns/condition-builder/add-action-button.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from 'react';
+/**
+ * Link-style add action ("Add Filter", "Add Filter Group") on the DS Button, kept visually
+ * identical to the raw button it replaces: medium weight, 1.5 gap, caller-driven colour and
+ * font size (the caller's classes land last, so they win over the link variant's defaults).
+ */
+export declare const AddActionButton: ({ icon: Icon, fontSize, iconSize, className, onClick, children, }: {
+    icon: FC<{
+        className?: string;
+    }>;
+    fontSize: string;
+    iconSize: string;
+    className?: string;
+    onClick: () => void;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=add-action-button.d.ts.map

package/dist/patterns/condition-builder/add-action-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-action-button.d.ts","sourceRoot":"","sources":["../../../src/patterns/condition-builder/add-action-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,mEAO7B;IACC,IAAI,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACvB,4CAYA,CAAC"}

package/dist/patterns/condition-builder/add-action-button.js

@@ -0,0 +1,26 @@
+import { jsx as c } from "react/jsx-runtime";
+import { cx as e } from "../../utils/cn.js";
+import { Button as s } from "../../primitives/button/button.js";
+const d = ({
+  icon: o,
+  fontSize: t,
+  iconSize: i,
+  className: m,
+  onClick: n,
+  children: r
+}) => /* @__PURE__ */ c(
+  s,
+  {
+    type: "button",
+    color: "link-color",
+    size: "sm",
+    iconLeading: o,
+    leadingClassName: i,
+    className: e("gap-1.5 font-medium", t, m),
+    onClick: n,
+    children: r
+  }
+);
+export {
+  d as AddActionButton
+};

package/dist/patterns/condition-builder/condition-builder.d.ts

@@ -0,0 +1,4 @@
+import { ConditionBuilderProps, BaseGroupCondition, BaseLeafCondition } from './types';
+export declare function ConditionBuilder<TCondition, TLeaf extends TCondition & BaseLeafCondition, TGroup extends TCondition & BaseGroupCondition<TCondition>>({ conditions, rootOperator, config, onAddCondition, onUpdateCondition, onDeleteCondition, onAddGroup, onUpdateGroupOperator, onDeleteGroup, onDuplicateCondition, onReorder, onUpdateRootOperator, renderLeafRow, hideOperatorColumn, invalidPaths, getErrorMessage, maxDepth, size, emptyStateLabel, addFilterLabel, addFilterGroupLabel, addActionClassName, nestedAddActionClassName, hideAddActions, getOperatorOptions, className, reorderGroupClassName, extraAddActions, renderCustomNode, isDeleteDisabled, showRootClearGroup, onRootClearGroup, }: ConditionBuilderProps<TCondition, TLeaf, TGroup>): import("react/jsx-runtime").JSX.Element;
+export default ConditionBuilder;
+//# sourceMappingURL=condition-builder.d.ts.map

package/dist/patterns/condition-builder/condition-builder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"condition-builder.d.ts","sourceRoot":"","sources":["../../../src/patterns/condition-builder/condition-builder.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAIH,OAAO,KAAK,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAwB5F,wBAAgB,gBAAgB,CAC5B,UAAU,EACV,KAAK,SAAS,UAAU,GAAG,iBAAiB,EAC5C,MAAM,SAAS,UAAU,GAAG,kBAAkB,CAAC,UAAU,CAAC,EAC5D,EACE,UAAU,EACV,YAAY,EACZ,MAAM,EACN,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,EACV,qBAAqB,EACrB,aAAa,EACb,oBAAoB,EACpB,SAAS,EACT,oBAAoB,EACpB,aAAa,EACb,kBAA0B,EAC1B,YAAkC,EAClC,eAAe,EACf,QAAY,EACZ,IAAW,EACX,eAA8B,EAC9B,cAA6B,EAC7B,mBAAwC,EACxC,kBAA0D,EAC1D,wBAAwB,EACxB,cAAsB,EACtB,kBAAkB,EAClB,SAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,kBAA0B,EAC1B,gBAAgB,GACnB,EAAE,qBAAqB,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,2CA6FlD;AAED,eAAe,gBAAgB,CAAC"}

package/dist/patterns/condition-builder/condition-builder.js

@@ -0,0 +1,134 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useMemo as q } from "react";
+import { Plus as x } from "@untitledui/icons";
+import { ConditionGroup as J } from "./condition-group.js";
+import { AddActionButton as v } from "./add-action-button.js";
+import { cx as N } from "../../utils/cn.js";
+const o = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-md"
+}, S = {
+  sm: "size-4",
+  md: "size-5",
+  lg: "size-6"
+}, g = /* @__PURE__ */ new Set();
+function Z({
+  conditions: l,
+  rootOperator: m,
+  config: y,
+  onAddCondition: s,
+  onUpdateCondition: P,
+  onDeleteCondition: z,
+  onAddGroup: c,
+  onUpdateGroupOperator: F,
+  onDeleteGroup: G,
+  onDuplicateCondition: w,
+  onReorder: b,
+  onUpdateRootOperator: j,
+  renderLeafRow: k,
+  hideOperatorColumn: B = !1,
+  invalidPaths: I = g,
+  getErrorMessage: M,
+  maxDepth: f = 2,
+  size: e = "sm",
+  emptyStateLabel: T = "conditions",
+  addFilterLabel: a = "Add Filter",
+  addFilterGroupLabel: d = "Add Filter Group",
+  addActionClassName: i = "text-brand-600 hover:text-brand-700",
+  nestedAddActionClassName: _,
+  hideAddActions: p = !1,
+  getOperatorOptions: C,
+  className: D = "py-2",
+  reorderGroupClassName: E,
+  extraAddActions: r,
+  renderCustomNode: H,
+  isDeleteDisabled: L,
+  showRootClearGroup: U = !1,
+  onRootClearGroup: V
+}) {
+  const Y = q(
+    () => ({
+      operator: m,
+      conditions: l
+    }),
+    [m, l]
+  );
+  return l.length === 0 ? /* @__PURE__ */ t("div", { className: "py-4", children: /* @__PURE__ */ n("div", { className: N("text-center py-8 text-tertiary", o[e]), children: [
+    /* @__PURE__ */ n("p", { className: "mb-4", children: [
+      "No ",
+      T,
+      " defined yet."
+    ] }),
+    p ? null : /* @__PURE__ */ n("div", { className: "flex items-center justify-center gap-3", children: [
+      /* @__PURE__ */ t(
+        v,
+        {
+          icon: x,
+          fontSize: o[e],
+          iconSize: S[e],
+          className: i,
+          onClick: () => s([]),
+          children: a
+        }
+      ),
+      /* @__PURE__ */ t(
+        v,
+        {
+          icon: x,
+          fontSize: o[e],
+          iconSize: S[e],
+          className: i,
+          onClick: () => c([]),
+          children: d
+        }
+      ),
+      r == null ? void 0 : r({
+        nodePath: [],
+        level: 0,
+        canAddNestedGroup: 0 < f
+      })
+    ] })
+  ] }) }) : /* @__PURE__ */ t("div", { className: N(D, "min-w-0 max-w-full overflow-x-hidden"), children: /* @__PURE__ */ t(
+    J,
+    {
+      group: Y,
+      nodePath: [],
+      level: 0,
+      maxDepth: f ?? 2,
+      isFirst: !0,
+      config: y,
+      onAddCondition: s,
+      onUpdateCondition: P,
+      onDeleteCondition: z,
+      onAddGroup: c,
+      onUpdateGroupOperator: (u, h) => {
+        u.length === 0 ? j(h) : F(u, h);
+      },
+      onDeleteGroup: G,
+      onDuplicateCondition: w,
+      onReorder: b,
+      renderLeafRow: k,
+      hideOperatorColumn: B,
+      invalidPaths: I ?? g,
+      getErrorMessage: M,
+      size: e ?? "sm",
+      addFilterLabel: a ?? "Add Filter",
+      addFilterGroupLabel: d ?? "Add Filter Group",
+      addActionClassName: i,
+      nestedAddActionClassName: _,
+      hideAddActions: p,
+      getOperatorOptions: C,
+      reorderGroupClassName: E,
+      extraAddActions: r,
+      renderCustomNode: H,
+      isDeleteDisabled: L,
+      showRootClearGroup: U,
+      onRootClearGroup: V
+    }
+  ) });
+}
+export {
+  Z as ConditionBuilder,
+  Z as default
+};

package/dist/patterns/condition-builder/condition-group.d.ts

@@ -0,0 +1,4 @@
+import { ConditionGroupProps, BaseGroupCondition, BaseLeafCondition } from './types';
+export declare function ConditionGroup<TCondition, TLeaf extends TCondition & BaseLeafCondition, TGroup extends TCondition & BaseGroupCondition<TCondition>>({ group, nodePath, level, maxDepth, config, onAddCondition, onUpdateCondition, onDeleteCondition, onAddGroup, onUpdateGroupOperator, onDeleteGroup, onDuplicateCondition, onReorder, renderLeafRow, hideOperatorColumn, invalidPaths, getErrorMessage, size, addFilterLabel, addFilterGroupLabel, addActionClassName, nestedAddActionClassName, hideAddActions, getOperatorOptions, reorderGroupClassName, extraAddActions, renderCustomNode, isDeleteDisabled, showRootClearGroup, onRootClearGroup, }: ConditionGroupProps<TCondition, TLeaf, TGroup>): import("react/jsx-runtime").JSX.Element;
+export default ConditionGroup;
+//# sourceMappingURL=condition-group.d.ts.map

package/dist/patterns/condition-builder/condition-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"condition-group.d.ts","sourceRoot":"","sources":["../../../src/patterns/condition-builder/condition-group.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAKH,OAAO,KAAK,EACR,mBAAmB,EAEnB,kBAAkB,EAClB,iBAAiB,EAEpB,MAAM,SAAS,CAAC;AA6MjB,wBAAgB,cAAc,CAC1B,UAAU,EACV,KAAK,SAAS,UAAU,GAAG,iBAAiB,EAC5C,MAAM,SAAS,UAAU,GAAG,kBAAkB,CAAC,UAAU,CAAC,EAC5D,EACE,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,EACV,qBAAqB,EACrB,aAAa,EACb,oBAAoB,EACpB,SAAS,EACT,aAAa,EACb,kBAA0B,EAC1B,YAAY,EACZ,eAAe,EACf,IAAI,EACJ,cAAc,EACd,mBAAmB,EACnB,kBAAkB,EAClB,wBAAwB,EACxB,cAAsB,EACtB,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,kBAA0B,EAC1B,gBAAgB,GACnB,EAAE,mBAAmB,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,2CAufhD;AAED,eAAe,cAAc,CAAC"}

package/dist/patterns/condition-builder/condition-group.js

@@ -0,0 +1,476 @@
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import { useContext as Ke, createContext as Te, useState as U, useMemo as Be, useRef as _, useEffect as We } from "react";
+import { Plus as de, Trash02 as pe } from "@untitledui/icons";
+import { pathToString as ge } from "./utils.js";
+import { cx as p } from "../../utils/cn.js";
+import { ConditionRow as je } from "./condition-row.js";
+import { ConditionReorderHandle as ve, WORKFLOW_REORDER_HANDLE_CLASS as Ae } from "./condition-reorder-handle.js";
+import { AddActionButton as ye } from "./add-action-button.js";
+import { Button as Ge } from "../../primitives/button/button.js";
+import { useDragControls as Le } from "../../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js";
+import { Select as G } from "../../primitives/select/select.js";
+import { ButtonUtility as Ne } from "../../primitives/button/button-utility.js";
+import { ReorderGroup as xe } from "../../node_modules/framer-motion/dist/es/components/Reorder/Group.js";
+import { ReorderItem as Re } from "../../node_modules/framer-motion/dist/es/components/Reorder/Item.js";
+function ze(m) {
+  const c = _(/* @__PURE__ */ new WeakMap()), a = _(/* @__PURE__ */ new Map()), h = _(0), i = _([]);
+  return (b, v) => {
+    const o = b;
+    if (c.current.has(o)) {
+      const R = c.current.get(o);
+      return i.current[v] = R, R;
+    }
+    const f = i.current[v], N = f != null ? a.current.get(f) : void 0;
+    if (f != null && N !== void 0 && !m.includes(N))
+      return c.current.set(o, f), a.current.set(f, o), i.current[v] = f, f;
+    const l = `cond-${h.current++}`;
+    return c.current.set(o, l), a.current.set(l, o), i.current[v] = l, l;
+  };
+}
+const we = [
+  { id: "AND", label: "And" },
+  { id: "OR", label: "Or" }
+], P = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-md"
+}, be = {
+  sm: "size-4",
+  md: "size-5",
+  lg: "size-6"
+}, Se = "min-w-0 flex-1 truncate text-xs font-semibold leading-4.5 text-secondary", Me = "w-[68px] shrink-0 [&_button>*]:h-7 [&_button>*]:py-1", Ie = Te(null), Ve = (m) => m % 2 === 0 ? "bg-primary" : "bg-secondary_subtle", qe = (m) => m === 0 ? "bg-secondary_subtle" : "bg-primary border border-[#E3EAFC]";
+function X({
+  condition: m,
+  onDragStartSession: c,
+  children: a
+}) {
+  const h = Le();
+  return /* @__PURE__ */ t(
+    Re,
+    {
+      value: m,
+      as: "div",
+      dragListener: !1,
+      dragControls: h,
+      style: { position: "relative" },
+      whileDrag: {
+        opacity: 0.85,
+        scale: 1.02,
+        boxShadow: "0 8px 24px rgba(0, 0, 0, 0.12)",
+        zIndex: 50
+      },
+      transition: { type: "spring", stiffness: 300, damping: 25 },
+      children: a((b) => {
+        c == null || c(), h.start(b);
+      })
+    }
+  );
+}
+function $e({
+  condition: m,
+  renderCustomNode: c,
+  customCtx: a,
+  onDragStartSession: h,
+  renderOperatorColumn: i,
+  hideOperatorColumn: b,
+  renderDefault: v
+}) {
+  const o = Le(), N = c(m, {
+    ...a,
+    onDragHandlePointerDown: (L) => {
+      h == null || h(), o.start(L);
+    }
+  });
+  return N == null ? v() : /* @__PURE__ */ t(
+    Re,
+    {
+      value: m,
+      as: "div",
+      dragListener: !1,
+      dragControls: o,
+      style: { position: "relative" },
+      whileDrag: {
+        opacity: 0.85,
+        scale: 1.02,
+        boxShadow: "0 8px 24px rgba(0, 0, 0, 0.12)",
+        zIndex: 50
+      },
+      transition: { type: "spring", stiffness: 300, damping: 25 },
+      children: /* @__PURE__ */ g("div", { className: "flex items-start gap-2 py-2 min-w-0", children: [
+        !b && /* @__PURE__ */ t("div", { className: "w-[75px] shrink-0 pt-2", children: i(a.index) }),
+        /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: N })
+      ] })
+    }
+  );
+}
+function Je({
+  group: m,
+  nodePath: c,
+  level: a,
+  maxDepth: h,
+  config: i,
+  onAddCondition: b,
+  onUpdateCondition: v,
+  onDeleteCondition: o,
+  onAddGroup: f,
+  onUpdateGroupOperator: N,
+  onDeleteGroup: L,
+  onDuplicateCondition: l,
+  onReorder: R,
+  renderLeafRow: z,
+  hideOperatorColumn: d = !1,
+  invalidPaths: Y,
+  getErrorMessage: K,
+  size: u,
+  addFilterLabel: Z,
+  addFilterGroupLabel: D,
+  addActionClassName: M,
+  nestedAddActionClassName: ee,
+  hideAddActions: re = !1,
+  getOperatorOptions: Ce,
+  reorderGroupClassName: V,
+  extraAddActions: T,
+  renderCustomNode: q,
+  isDeleteDisabled: S,
+  showRootClearGroup: ke = !1,
+  onRootClearGroup: te
+}) {
+  const ne = a < h, se = a === 0 ? M : ee ?? M, O = i.getGroupOperator(m), x = i.getGroupConditions(m), $ = Ke(Ie), [ce, Pe] = U(null), H = Be(
+    () => $ ?? { hoveredPath: ce, setHoveredPath: Pe },
+    [$, ce]
+  ), ae = (e) => d ? (r) => {
+    r.stopPropagation(), H.setHoveredPath(e);
+  } : void 0, le = d ? () => H.setHoveredPath(null) : void 0, [oe, ie] = U(!1), [_e, ue] = U([]), B = _(null), E = _(null), W = () => {
+    const e = [...x];
+    ie(!0), ue(e), B.current = e;
+    const r = () => {
+      const s = B.current, n = x;
+      s && (s.length !== n.length || s.some((w, C) => w !== n[C])) && R(c, s), B.current = null, document.removeEventListener("pointerup", r), E.current = null, requestAnimationFrame(() => ie(!1));
+    };
+    E.current = r, document.addEventListener("pointerup", r);
+  }, me = (e) => {
+    if (oe) {
+      B.current = e, ue(e);
+      return;
+    }
+    e !== x && (e.length === x.length && e.every((r, s) => x[s] === r) || R(c, e));
+  }, I = oe ? _e : x, j = ze(I);
+  We(() => () => {
+    E.current && (document.removeEventListener("pointerup", E.current), E.current = null);
+  }, []);
+  const J = (e) => {
+    if (e === 0)
+      return /* @__PURE__ */ t("span", { className: p("font-medium text-secondary pl-1", P[u]), children: "Where" });
+    const r = e === 1, s = O === "OR" ? "Or" : "And";
+    return r ? /* @__PURE__ */ t(
+      G,
+      {
+        size: u,
+        className: "w-full",
+        selectedKey: O,
+        onSelectionChange: (n) => N(c, n),
+        items: we,
+        "aria-label": "Logical operator for this group",
+        children: (n) => /* @__PURE__ */ t(G.Item, { id: n.id, children: n.label })
+      }
+    ) : /* @__PURE__ */ t("span", { className: p("font-medium text-secondary pl-3", P[u]), children: s });
+  }, Oe = (e) => e === 0 ? /* @__PURE__ */ t("span", { className: Se, children: "Where" }) : e === 1 ? /* @__PURE__ */ t(
+    G,
+    {
+      size: "sm",
+      className: Me,
+      textStyles: "font-semibold text-secondary",
+      selectedKey: O,
+      onSelectionChange: (r) => N(c, r),
+      items: we,
+      "aria-label": "Logical operator for this group",
+      children: (r) => /* @__PURE__ */ t(G.Item, { id: r.id, children: r.label })
+    }
+  ) : /* @__PURE__ */ t("span", { className: Se, children: O === "OR" ? "Or" : "And" }), He = (e, r, s) => {
+    const n = [...c, r], y = ge(n), w = r === 0, C = Y.has(y), A = K == null ? void 0 : K(y);
+    return /* @__PURE__ */ t(
+      X,
+      {
+        condition: e,
+        onDragStartSession: W,
+        children: (F) => /* @__PURE__ */ g(
+          "div",
+          {
+            className: p("flex min-w-0 items-center gap-2", d ? "py-0" : "py-1"),
+            onMouseOver: ae(y),
+            children: [
+              !d && /* @__PURE__ */ t("div", { className: "w-[75px] shrink-0", children: J(r) }),
+              /* @__PURE__ */ t("div", { className: d ? "min-w-0 flex-1" : "min-w-[80px] flex-1", children: z ? z({
+                condition: e,
+                nodePath: n,
+                isFirst: w,
+                onUpdate: (k) => v(n, k),
+                onDelete: () => o(n),
+                onDuplicate: l ? () => l(n) : void 0,
+                isInvalid: C,
+                errorMessage: A,
+                size: u,
+                onDragHandlePointerDown: F,
+                isDeleteDisabled: s,
+                isDragHandleVisible: d ? H.hoveredPath === y : void 0
+              }) : /* @__PURE__ */ t(
+                je,
+                {
+                  condition: e,
+                  nodePath: n,
+                  isFirst: w,
+                  onUpdate: (k) => v(n, k),
+                  onDelete: () => o(n),
+                  onDuplicate: l ? () => l(n) : void 0,
+                  isInvalid: C,
+                  errorMessage: A,
+                  size: u,
+                  getOperatorOptions: Ce,
+                  onDragHandlePointerDown: F,
+                  isDeleteDisabled: s
+                }
+              ) })
+            ]
+          }
+        )
+      },
+      j(e, r)
+    );
+  }, Ee = (e, r, s) => {
+    const n = [...c, r], y = r === 0, w = Ve(a + 1), C = qe(a), A = i.getGroupOperator(e), F = ge(n), k = /* @__PURE__ */ t(
+      Je,
+      {
+        group: e,
+        nodePath: n,
+        level: a + 1,
+        maxDepth: h,
+        isFirst: y,
+        parentOperator: O,
+        config: i,
+        onAddCondition: b,
+        onUpdateCondition: v,
+        onDeleteCondition: o,
+        onAddGroup: f,
+        onUpdateGroupOperator: N,
+        onDeleteGroup: L,
+        onDuplicateCondition: l,
+        onReorder: R,
+        renderLeafRow: z,
+        hideOperatorColumn: d,
+        invalidPaths: Y,
+        getErrorMessage: K,
+        size: u,
+        addFilterLabel: Z,
+        addFilterGroupLabel: D,
+        addActionClassName: M,
+        nestedAddActionClassName: ee,
+        hideAddActions: re,
+        reorderGroupClassName: V,
+        extraAddActions: T,
+        renderCustomNode: q,
+        isDeleteDisabled: S
+      }
+    );
+    if (d) {
+      const Q = H.hoveredPath === F;
+      return /* @__PURE__ */ t(
+        X,
+        {
+          condition: e,
+          onDragStartSession: W,
+          children: (Fe) => /* @__PURE__ */ g(
+            "div",
+            {
+              className: "relative flex min-w-0 flex-col gap-1.5",
+              onMouseOver: ae(F),
+              children: [
+                /* @__PURE__ */ t(
+                  ve,
+                  {
+                    className: p(
+                      Ae,
+                      "absolute right-0 top-0 z-10 translate-x-1/2",
+                      Q ? "opacity-100" : "pointer-events-none opacity-0"
+                    ),
+                    size: u,
+                    onDragHandlePointerDown: Fe,
+                    onDuplicate: l ? () => l(n) : void 0
+                  }
+                ),
+                /* @__PURE__ */ g(
+                  "div",
+                  {
+                    className: p(
+                      "flex min-w-0 items-center justify-between gap-0.5",
+                      r === 1 ? "h-7 pr-1" : "h-[18px] px-1"
+                    ),
+                    children: [
+                      Oe(r),
+                      !s && /* @__PURE__ */ t(
+                        Ne,
+                        {
+                          color: "tertiary",
+                          size: "4xs",
+                          icon: pe,
+                          "aria-label": "Remove group",
+                          onClick: () => L(n),
+                          className: "shrink-0 hover:bg-secondary_hover hover:text-fg-secondary"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ t("div", { className: p("min-w-0 rounded-[10px] p-1.5", C), children: k })
+              ]
+            }
+          )
+        },
+        j(e, r)
+      );
+    }
+    return /* @__PURE__ */ t(
+      X,
+      {
+        condition: e,
+        onDragStartSession: W,
+        children: (Q) => /* @__PURE__ */ g("div", { className: "flex min-w-0 items-start gap-2 py-2", children: [
+          /* @__PURE__ */ t("div", { className: "w-[75px] shrink-0 pt-2", children: J(r) }),
+          /* @__PURE__ */ g("div", { className: p("relative min-w-0 flex-1 overflow-hidden rounded-lg p-3", w), children: [
+            /* @__PURE__ */ g("div", { className: "mb-2 flex min-w-0 items-center gap-0.5", children: [
+              /* @__PURE__ */ t("span", { className: p("min-w-0 flex-1 text-tertiary", P[u]), children: A === "OR" ? "Any of the following are true..." : "All of the following are true..." }),
+              !s && /* @__PURE__ */ t(
+                Ne,
+                {
+                  "aria-label": "Remove group",
+                  icon: pe,
+                  color: "tertiary",
+                  size: "3xs",
+                  onClick: () => L(n)
+                }
+              )
+            ] }),
+            k
+          ] }),
+          !d && /* @__PURE__ */ t(
+            ve,
+            {
+              className: "mt-2 w-9 shrink-0",
+              size: u,
+              onDragHandlePointerDown: Q,
+              onDuplicate: l ? () => l(n) : void 0
+            }
+          )
+        ] })
+      },
+      j(e, r)
+    );
+  }, he = (e, r) => {
+    const s = [...c, r], n = x.length, y = !!(S != null && S({ nodePath: s, siblingCount: n })), w = () => i.isLeafCondition(e) ? He(e, r, y) : i.isGroupCondition(e) ? Ee(e, r, y) : null;
+    return q ? /* @__PURE__ */ t(
+      $e,
+      {
+        condition: e,
+        renderCustomNode: q,
+        customCtx: {
+          nodePath: s,
+          index: r,
+          isFirst: r === 0,
+          onDuplicate: l ? () => l(s) : void 0,
+          onDelete: () => o(s)
+        },
+        onDragStartSession: W,
+        renderOperatorColumn: J,
+        hideOperatorColumn: d,
+        renderDefault: w
+      },
+      j(e, r)
+    ) : w();
+  }, fe = (e = !1) => re ? null : /* @__PURE__ */ g("div", { className: "flex flex-1 items-center justify-between pt-3", children: [
+    /* @__PURE__ */ g("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ t(
+        ye,
+        {
+          icon: de,
+          fontSize: P[u],
+          iconSize: be[u],
+          className: se,
+          onClick: () => b(c),
+          children: Z
+        }
+      ),
+      ne && /* @__PURE__ */ t(
+        ye,
+        {
+          icon: de,
+          fontSize: P[u],
+          iconSize: be[u],
+          className: se,
+          onClick: () => f(c),
+          children: D
+        }
+      ),
+      T == null ? void 0 : T({ nodePath: c, level: a, canAddNestedGroup: ne })
+    ] }),
+    e && x.length > 0 && /* @__PURE__ */ t(
+      Ge,
+      {
+        type: "button",
+        color: "link-gray",
+        size: "sm",
+        className: p("font-medium text-secondary hover:text-primary", P[u]),
+        onClick: () => {
+          if (a === 0 && te) {
+            te();
+            return;
+          }
+          for (let r = x.length - 1; r >= 0; r--) {
+            const s = [...c, r], n = r + 1;
+            S != null && S({ nodePath: s, siblingCount: n }) || o(s);
+          }
+        },
+        children: "Clear Group"
+      }
+    )
+  ] });
+  if (a === 0) {
+    const e = /* @__PURE__ */ g(
+      "div",
+      {
+        className: "space-y-0 min-w-0 max-w-full",
+        onMouseOver: le,
+        onMouseLeave: le,
+        children: [
+          I.length > 0 && /* @__PURE__ */ t(
+            xe,
+            {
+              axis: "y",
+              values: I,
+              onReorder: me,
+              className: p("space-y-0", V),
+              children: I.map((r, s) => he(r, s))
+            }
+          ),
+          fe(ke)
+        ]
+      }
+    );
+    return $ ? e : /* @__PURE__ */ t(Ie.Provider, { value: H, children: e });
+  }
+  return /* @__PURE__ */ g("div", { className: "space-y-0 min-w-0", children: [
+    I.length > 0 && /* @__PURE__ */ t(
+      xe,
+      {
+        axis: "y",
+        values: I,
+        onReorder: me,
+        className: p("space-y-0", V),
+        children: I.map((e, r) => he(e, r))
+      }
+    ),
+    fe(!d)
+  ] });
+}
+export {
+  Je as ConditionGroup,
+  Je as default
+};