@pibit.ai/cure-design-system 0.6.53 → 0.6.54

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

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