@pibit.ai/cure-design-system 0.6.38 → 0.6.40

package/dist/node_modules/framer-motion/dist/es/components/Reorder/namespace.js

@@ -0,0 +1,6 @@
+import { ReorderGroup as o } from "./Group.js";
+import { ReorderItem as p } from "./Item.js";
+export {
+  o as Group,
+  p as Item
+};

package/dist/patterns/filter-group/filter-condition-row.js

@@ -1,5 +1,5 @@
-import { jsxs as M, jsx as l } from "react/jsx-runtime";
-import { useState as ie, useMemo as g, useCallback as G, useEffect as oe, useRef as $e } from "react";
+import { jsxs as I, jsx as l } from "react/jsx-runtime";
+import { useState as ie, useMemo as d, useCallback as G, useEffect as oe, useRef as $e } from "react";
 import { Trash02 as me } from "@untitledui/icons";
 import { DatePicker as H } from "../../applications/date-picker/date-picker.js";
 import { useListData as Me } from "../../node_modules/react-stately/dist/private/data/useListData.js";
@@ -13,24 +13,24 @@ import { Select as C } from "../../primitives/select/select.js";
 import { ButtonUtility as fe } from "../../primitives/button/button-utility.js";
 import { EllipsisContentWithTooltip as he } from "../../primitives/tooltip/ellipsis-content.js";
 import { motion as ke } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { Input as j } from "../../primitives/input/input.js";
-import { MultiSelect as pe } from "../../primitives/select/multi-select.js";
+import { Input as E } from "../../primitives/input/input.js";
+import { MultiSelect as ve } from "../../primitives/select/multi-select.js";
 import { SearchableSelect as qe } from "../../primitives/select/searchable-select.js";
 import { SelectItem as Re } from "../../primitives/select/select-item.js";
 import { ReorderItem as je } from "../../node_modules/framer-motion/dist/es/components/Reorder/Item.js";
-const Ae = ({
+const Ee = ({
   searchable: r = !1,
   size: x = "sm",
   className: S,
-  placeholder: _,
-  selectedKey: A,
-  onSelectionChange: E,
+  placeholder: K,
+  selectedKey: L,
+  onSelectionChange: B,
   items: n,
-  isInvalid: K,
+  isInvalid: k,
   isDisabled: T,
-  isLoading: k,
-  selectedDisplayValue: d,
-  searchPlaceholder: L = "Search..."
+  isLoading: q,
+  selectedDisplayValue: g,
+  searchPlaceholder: A = "Search..."
 }) => {
   const y = (s) => /* @__PURE__ */ l(Re, { id: s.id, label: s.label, children: s.label }, s.id);
   return r ? /* @__PURE__ */ l(
@@ -38,15 +38,15 @@ const Ae = ({
     {
       size: x,
       className: S,
-      placeholder: _,
-      selectedKey: A || null,
-      onSelectionChange: (s) => E(s ?? ""),
+      placeholder: K,
+      selectedKey: L || null,
+      onSelectionChange: (s) => B(s ?? ""),
       items: n,
-      isInvalid: K,
+      isInvalid: k,
       isDisabled: T,
-      isLoading: k,
-      selectedDisplayValue: d,
-      searchPlaceholder: L,
+      isLoading: q,
+      selectedDisplayValue: g,
+      searchPlaceholder: A,
       renderItem: y
     }
   ) : /* @__PURE__ */ l(
@@ -54,98 +54,98 @@ const Ae = ({
     {
       size: x,
       className: S,
-      placeholder: _,
-      selectedKey: A,
-      onSelectionChange: (s) => E(s),
+      placeholder: K,
+      selectedKey: L,
+      onSelectionChange: (s) => B(s),
       items: n,
-      isInvalid: K,
+      isInvalid: k,
       isDisabled: T,
       children: (s) => /* @__PURE__ */ l(C.Item, { id: s.id, children: s.label })
     }
   );
-}, Ee = [
+}, Le = [
   { id: "and", label: "And" },
   { id: "or", label: "Or" }
 ], b = "flex-1 w-[154px] h-8 [&>button]:h-8 [&>div]:h-full", sr = ({
   condition: r,
   fields: x,
   operators: S = _e,
-  logicalOperator: _,
-  isFirst: A,
-  showLogicalOperator: E,
+  logicalOperator: K,
+  isFirst: L,
+  showLogicalOperator: B,
   onUpdate: n,
-  onDelete: K,
+  onDelete: k,
   useFixedPositioning: T = !1,
-  onLogicalOperatorChange: k,
-  size: d = "sm",
-  dragEnabled: L = !0,
+  onLogicalOperatorChange: q,
+  size: g = "sm",
+  dragEnabled: A = !0,
   documentFields: y,
   isInvalid: s = !1,
-  allowFlexCol: p = !1,
-  forceTextInput: B = !1,
-  hideLabels: ve = !1,
+  allowFlexCol: v = !1,
+  forceTextInput: P = !1,
+  hideLabels: pe = !1,
   multiselectOptions: z,
   searchable: U = !1,
-  testIdPrefix: P,
-  rowIndex: de,
-  dateAdapter: W = Ie
+  testIdPrefix: W,
+  rowIndex: ge,
+  dateAdapter: $ = Ie
 }) => {
-  const Q = Ke(), V = (e) => P ? `${P}-${e}` : void 0, [F, I] = ie(null), [ee, X] = ie(null), re = g(() => F ?? (r.value && typeof r.value == "string" && r.value.trim() ? W.parseDate(r.value) : null), [F, r.value]), ge = g(() => ee ?? (r.value2 && typeof r.value2 == "string" && r.value2.trim() ? W.parseDate(r.value2) : null), [ee, r.value2]), Y = G(
+  const Q = Ke(), V = (e) => W ? `${W}-${e}` : void 0, [F, _] = ie(null), [ee, X] = ie(null), re = d(() => F ?? (r.value && typeof r.value == "string" && r.value.trim() ? $.parseDate(r.value) : null), [F, r.value, $]), de = d(() => ee ?? (r.value2 && typeof r.value2 == "string" && r.value2.trim() ? $.parseDate(r.value2) : null), [ee, r.value2, $]), Y = G(
     (e, a, i = []) => {
       if (a.length === 0) return null;
-      const [o, ...f] = a, v = e.find((N) => N.key === o);
-      if (!v) return null;
+      const [o, ...f] = a, p = e.find((N) => N.key === o);
+      if (!p) return null;
       if (f.length === 0)
-        return { field: v, ancestorLabels: i };
-      if (v.children) {
-        const N = Y(v.children, f, [...i, v.label]);
+        return { field: p, ancestorLabels: i };
+      if (p.children) {
+        const N = Y(p.children, f, [...i, p.label]);
         if (N) return N;
       }
       return null;
     },
     []
-  ), t = g(() => {
+  ), t = d(() => {
     const e = x.find((a) => a.id === r.fieldId);
     if (e) return e;
     if (y && r.fieldId) {
       const a = r.fieldId.split("."), i = a[0], o = y[i];
       if (o) {
-        const f = a.slice(1), v = Y(o.fields, f);
-        if (v && v.field.type) {
-          const $ = [o.label, ...v.ancestorLabels, v.field.label].join(" > ");
+        const f = a.slice(1), p = Y(o.fields, f);
+        if (p && p.field.type) {
+          const M = [o.label, ...p.ancestorLabels, p.field.label].join(" > ");
           return {
             id: r.fieldId,
-            label: $,
-            type: v.field.type,
-            options: v.field.options
+            label: M,
+            type: p.field.type,
+            options: p.field.options
           };
         }
       }
     }
-  }, [x, r.fieldId, y]), te = g(() => t ? S.filter((e) => e.applicableTo.includes(t.type)) : S, [S, t]), c = g(
+  }, [x, r.fieldId, y]), te = d(() => t ? S.filter((e) => e.applicableTo.includes(t.type)) : S, [S, t]), c = d(
     () => S.find((e) => e.id === r.operatorId),
     [S, r.operatorId]
-  ), ye = g(() => x.map((e) => ({ id: e.id, label: e.label })), [x]), be = g(() => te.map((e) => ({ id: e.id, label: e.label })), [te]), q = g(() => (t == null ? void 0 : t.type) === "select" && t.options ? t.options.map((e) => ({
+  ), ye = d(() => x.map((e) => ({ id: e.id, label: e.label })), [x]), be = d(() => te.map((e) => ({ id: e.id, label: e.label })), [te]), R = d(() => (t == null ? void 0 : t.type) === "select" && t.options ? t.options.map((e) => ({
     id: e.id,
     label: e.label
-  })) : [], [t]), Se = g(() => {
+  })) : [], [t]), Se = d(() => {
     var e;
     if (r.value)
-      return (e = q.find((a) => a.id === r.value)) == null ? void 0 : e.label;
-  }, [r.value, q]), R = g(() => !r.value || typeof r.value != "string" ? [] : r.value.split(",").map((e) => e.trim()).filter(Boolean), [r.value]), le = g(
-    () => z ?? q,
-    [z, q]
-  ), w = g(() => le.map((e) => ({ id: e.id, label: e.label })), [le]), Ne = g(
+      return (e = R.find((a) => a.id === r.value)) == null ? void 0 : e.label;
+  }, [r.value, R]), j = d(() => !r.value || typeof r.value != "string" ? [] : r.value.split(",").map((e) => e.trim()).filter(Boolean), [r.value]), le = d(
+    () => z ?? R,
+    [z, R]
+  ), w = d(() => le.map((e) => ({ id: e.id, label: e.label })), [le]), Ne = d(
     () => `ms-${r.fieldId}-${r.operatorId}-${w.length}-${r.value}`,
     [r.fieldId, r.operatorId, w.length, r.value]
   ), D = Me({
-    initialItems: R.map((e) => w.find((a) => a.id === e)).filter((e) => e !== void 0),
+    initialItems: j.map((e) => w.find((a) => a.id === e)).filter((e) => e !== void 0),
     getKey: (e) => e.id
   });
   oe(() => {
     if (w.length === 0) return;
     const e = new Set(D.items.map((a) => a.id));
-    for (const a of R)
+    for (const a of j)
       if (!e.has(a)) {
         const i = w.find((o) => o.id === a);
         i && D.append(i);
@@ -155,15 +155,15 @@ const Ae = ({
   oe(() => {
     if (ae.current === r.value) return;
     ae.current = r.value;
-    const e = new Set(D.items.map((i) => i.id)), a = new Set(R);
+    const e = new Set(D.items.map((i) => i.id)), a = new Set(j);
     for (const i of D.items)
       a.has(i.id) || D.remove(i.id);
-    for (const i of R)
+    for (const i of j)
       if (!e.has(i)) {
         const o = w.find((f) => f.id === i);
         o && D.append(o);
       }
-  }, [r.value, R, w, D]);
+  }, [r.value, j, w, D]);
   const we = G(
     (e) => {
       const a = String(e), i = r.value ? r.value.split(",").map((o) => o.trim()).filter(Boolean) : [];
@@ -196,10 +196,10 @@ const Ae = ({
       const u = e.split(".").slice(1), h = Y(o.fields, u);
       h && h.field.type && (f = h.field.type);
     }
-    const v = S.filter(($) => $.applicableTo.includes(f));
+    const p = S.filter((M) => M.applicableTo.includes(f));
     n({
       fieldId: e,
-      operatorId: ((N = v[0]) == null ? void 0 : N.id) || "",
+      operatorId: ((N = p[0]) == null ? void 0 : N.id) || "",
       value: "",
       value2: void 0
     });
@@ -211,17 +211,17 @@ const Ae = ({
       n(i !== o ? { operatorId: e, value: "", value2: void 0 } : { operatorId: e });
     },
     [S, c, n]
-  ), Z = g(() => (t == null ? void 0 : t.dataType) === "TIMESTAMP", [t]), Te = g(
-    () => Z ? W.parseTimestamp(r.value) : null,
-    [Z, r.value]
+  ), Z = d(() => (t == null ? void 0 : t.dataType) === "TIMESTAMP", [t]), Te = d(
+    () => Z ? $.parseTimestamp(r.value) : null,
+    [Z, r.value, $]
   ), ue = () => {
-    var i, o, f, v, N, $;
+    var i, o, f, p, N, M;
     if (!(c != null && c.requiresValue))
       return /* @__PURE__ */ l(
-        j,
+        E,
         {
-          size: d,
-          wrapperClassName: m(p && "w-full"),
+          size: g,
+          wrapperClassName: m(v && "w-full"),
           className: b,
           placeholder: "No value needed",
           value: "",
@@ -241,13 +241,13 @@ const Ae = ({
               // Prevent tags from wrapping to new lines - keep single row with horizontal scroll
               "h-full [&_[role='group']>div]:flex-nowrap [&_[role='group']>div]:overflow-x-auto [&_[role='group']>div]:scrollbar-hide",
               s && "[&>div]:ring-1 [&>div]:ring-error",
-              p && "w-full"
+              v && "w-full"
             ),
             children: /* @__PURE__ */ l(
-              pe,
+              ve,
               {
                 placeholder: u ? "Loading options..." : "Select values",
-                size: d,
+                size: g,
                 selectedItems: D,
                 items: u ? [] : w,
                 onItemInserted: we,
@@ -256,7 +256,7 @@ const Ae = ({
                 isDisabled: u,
                 searchable: U,
                 searchPlaceholder: "Search values...",
-                children: (h) => /* @__PURE__ */ l(pe.Item, { id: h.id, children: h.label })
+                children: (h) => /* @__PURE__ */ l(ve.Item, { id: h.id, children: h.label })
               },
               Ne
             )
@@ -264,13 +264,13 @@ const Ae = ({
         );
       }
       return /* @__PURE__ */ l(
-        j,
+        E,
         {
           mode: "tag",
-          size: d,
+          size: g,
           wrapperClassName: m(
             s && "!ring-error_subtle !ring-2 !ring-error",
-            p && "w-full"
+            v && "w-full"
           ),
           className: b,
           placeholder: "Type and press Enter",
@@ -280,27 +280,27 @@ const Ae = ({
         }
       );
     }
-    if (Z && !B)
+    if (Z && !P)
       return /* @__PURE__ */ l(
         H,
         {
           granularity: "minute",
           value: Te,
-          onChange: (u) => n({ value: W.formatTimestamp(u) }),
+          onChange: (u) => n({ value: $.formatTimestamp(u) }),
           showFooter: !1,
-          className: m("w-auto", p && "w-full"),
+          className: m("w-auto", v && "w-full"),
           "aria-label": (t == null ? void 0 : t.label) || "Date and time"
         }
       );
     if (y)
-      return c != null && c.requiresTwoValues ? /* @__PURE__ */ M("div", { className: m("flex items-center gap-2 flex-1 min-w-[200px]", p && "w-full"), children: [
+      return c != null && c.requiresTwoValues ? /* @__PURE__ */ I("div", { className: m("flex items-center gap-2 flex-1 min-w-[200px]", v && "w-full"), children: [
         /* @__PURE__ */ l(
           J,
           {
             documentFields: y,
             selectedFieldId: (i = r.value) != null && i.includes(".") ? r.value : "",
             onFieldSelect: se,
-            size: d,
+            size: g,
             placeholder: "Min",
             className: m(
               b,
@@ -319,14 +319,14 @@ const Ae = ({
             documentFields: y,
             selectedFieldId: (f = r.value2) != null && f.includes(".") ? r.value2 : "",
             onFieldSelect: (u) => n({ value2: u }),
-            size: d,
+            size: g,
             placeholder: "Max",
             className: m(
               b,
               s && "[&>div]:ring-2 [&>div]:ring-error [&>button]:ring-2 [&>button]:ring-error"
             ),
             allowCustomValue: !0,
-            customValue: (v = r.value2) != null && v.includes(".") ? "" : r.value2 || "",
+            customValue: (p = r.value2) != null && p.includes(".") ? "" : r.value2 || "",
             onCustomValueChange: (u) => n({ value2: u }),
             useFixedPositioning: T
           }
@@ -337,15 +337,15 @@ const Ae = ({
           documentFields: y,
           selectedFieldId: (N = r.value) != null && N.includes(".") ? r.value : "",
           onFieldSelect: se,
-          size: d,
+          size: g,
           placeholder: "Enter value",
           className: m(
             b,
             s && "[&>div]:ring-2 [&>div]:ring-error [&>button]:ring-2 [&>button]:ring-error",
-            p && "w-full"
+            v && "w-full"
           ),
           allowCustomValue: !0,
-          customValue: ($ = r.value) != null && $.includes(".") ? "" : r.value,
+          customValue: (M = r.value) != null && M.includes(".") ? "" : r.value,
           onCustomValueChange: (u) => n({ value: u }),
           useFixedPositioning: T
         }
@@ -353,19 +353,19 @@ const Ae = ({
     if ((t == null ? void 0 : t.type) === "select") {
       const u = !!t.isLoading;
       return /* @__PURE__ */ l(
-        Ae,
+        Ee,
         {
           searchable: U,
-          size: d,
+          size: g,
           className: m(
             b,
             s && "[&>button]:ring-2 [&>button]:ring-error",
-            p && "w-full"
+            v && "w-full"
           ),
           placeholder: u ? "Loading options..." : "Select",
           selectedKey: r.value,
           onSelectionChange: (h) => n({ value: h }),
-          items: u ? [] : q,
+          items: u ? [] : R,
           isInvalid: s,
           isDisabled: u,
           isLoading: u,
@@ -376,19 +376,19 @@ const Ae = ({
     }
     if (c != null && c.requiresTwoValues) {
       if ((t == null ? void 0 : t.type) === "date")
-        return /* @__PURE__ */ M("div", { className: m("flex items-center gap-2 flex-1 min-w-[200px] ", p && "w-full"), children: [
+        return /* @__PURE__ */ I("div", { className: m("flex items-center gap-2 flex-1 min-w-[200px] ", v && "w-full"), children: [
           /* @__PURE__ */ l("div", { className: m("flex-1", s && "ring-2 ring-error rounded-lg"), children: /* @__PURE__ */ l(
             H,
             {
               value: re,
-              onChange: I,
+              onChange: _,
               onApply: (h) => {
                 n(h ? {
                   value: `${h.month}/${h.day}/${h.year}`
-                } : { value: "" }), I(null);
+                } : { value: "" }), _(null);
               },
               onCancel: () => {
-                I(null);
+                _(null);
               },
               showFooter: !0,
               className: "w-full"
@@ -398,7 +398,7 @@ const Ae = ({
           /* @__PURE__ */ l("div", { className: m("flex-1", s && "ring-2 ring-error rounded-lg"), children: /* @__PURE__ */ l(
             H,
             {
-              value: ge,
+              value: de,
               onChange: X,
               onApply: (h) => {
                 n(h ? {
@@ -413,12 +413,12 @@ const Ae = ({
             }
           ) })
         ] });
-      const u = () => (t == null ? void 0 : t.type) === "number" ? "number" : (t == null ? void 0 : t.type) === "date" && B ? "date" : "text";
-      return /* @__PURE__ */ M("div", { className: "flex items-center gap-2 flex-1 min-w-[200px]", children: [
+      const u = () => (t == null ? void 0 : t.type) === "number" ? "number" : (t == null ? void 0 : t.type) === "date" && P ? "date" : "text";
+      return /* @__PURE__ */ I("div", { className: "flex items-center gap-2 flex-1 min-w-[200px]", children: [
         /* @__PURE__ */ l(
-          j,
+          E,
           {
-            size: d,
+            size: g,
             wrapperClassName: m(s && "!ring-error_subtle !ring-2 !ring-error"),
             className: b,
             placeholder: "Min",
@@ -430,9 +430,9 @@ const Ae = ({
         ),
         /* @__PURE__ */ l("span", { className: "text-sm text-tertiary", children: "and" }),
         /* @__PURE__ */ l(
-          j,
+          E,
           {
-            size: d,
+            size: g,
             wrapperClassName: m(s && "!ring-error_subtle !ring-2 !ring-error"),
             className: b,
             placeholder: "Max",
@@ -444,27 +444,27 @@ const Ae = ({
         )
       ] });
     }
-    if ((t == null ? void 0 : t.type) === "date" && !B)
+    if ((t == null ? void 0 : t.type) === "date" && !P)
       return /* @__PURE__ */ l(
         "div",
         {
           className: m(
             "min-w-[140px] flex-1",
             s && "ring-2 ring-error rounded-lg",
-            p && "w-full"
+            v && "w-full"
           ),
           children: /* @__PURE__ */ l(
             H,
             {
               value: re,
-              onChange: I,
+              onChange: _,
               onApply: (u) => {
                 n(u ? {
                   value: `${u.month}/${u.day}/${u.year}`
-                } : { value: "" }), I(null);
+                } : { value: "" }), _(null);
               },
               onCancel: () => {
-                I(null);
+                _(null);
               },
               showFooter: !0,
               className: "w-full"
@@ -472,12 +472,12 @@ const Ae = ({
           )
         }
       );
-    const a = () => (t == null ? void 0 : t.type) === "number" ? "number" : (t == null ? void 0 : t.type) === "date" && B ? "date" : "text";
+    const a = () => (t == null ? void 0 : t.type) === "number" ? "number" : (t == null ? void 0 : t.type) === "date" && P ? "date" : "text";
     return /* @__PURE__ */ l(
-      j,
+      E,
       {
-        size: d,
-        wrapperClassName: m(s && "!ring-error_subtle !ring-2 !ring-error", p && "w-full"),
+        size: g,
+        wrapperClassName: m(s && "!ring-error_subtle !ring-2 !ring-error", v && "w-full"),
         className: b,
         placeholder: (t == null ? void 0 : t.type) === "date" ? "Select date" : "Enter value",
         inputType: a(),
@@ -486,14 +486,14 @@ const Ae = ({
         isInvalid: s
       }
     );
-  }, O = !!(c != null && c.requiresMultipleValues), ne = (e) => P ? /* @__PURE__ */ l("div", { className: "contents", "data-testid": V("value-input"), children: e }) : e;
-  return /* @__PURE__ */ M(
+  }, O = !!(c != null && c.requiresMultipleValues), ne = (e) => W ? /* @__PURE__ */ l("div", { className: "contents", "data-testid": V("value-input"), children: e }) : e;
+  return /* @__PURE__ */ I(
     je,
     {
       value: r,
       id: r.id,
       "data-testid": V("row"),
-      "data-row-index": P ? de : void 0,
+      "data-row-index": W ? ge : void 0,
       dragListener: !1,
       dragControls: Q,
       layout: O ? "position" : !0,
@@ -502,52 +502,52 @@ const Ae = ({
       },
       className: m(
         "flex items-center gap-2 py-2 group select-none",
-        p && "flex-col items-start",
+        v && "flex-col items-start",
         O && "items-start"
       ),
       initial: !1,
       animate: !1,
       style: { position: "relative" },
       children: [
-        !ve && /* @__PURE__ */ M("div", { className: m("w-[72px] shrink-0", p && "w-full flex justify-between items-center"), children: [
-          A ? /* @__PURE__ */ l("span", { className: "text-sm font-medium text-secondary pl-1", children: "Where" }) : E ? /* @__PURE__ */ l(
+        !pe && /* @__PURE__ */ I("div", { className: m("w-[72px] shrink-0", v && "w-full flex justify-between items-center"), children: [
+          L ? /* @__PURE__ */ l("span", { className: "text-sm font-medium text-secondary pl-1", children: "Where" }) : B ? /* @__PURE__ */ l(
             C,
             {
-              size: d,
-              className: m("h-8 w-full [&>button]:h-8 [&>div]:h-full", p && "w-auto"),
+              size: g,
+              className: m("h-8 w-full [&>button]:h-8 [&>div]:h-full", v && "w-auto"),
               popoverClassName: "w-auto min-w-max",
-              selectedKey: _,
-              onSelectionChange: (e) => k == null ? void 0 : k(e),
-              items: Ee,
+              selectedKey: K,
+              onSelectionChange: (e) => q == null ? void 0 : q(e),
+              items: Le,
               children: (e) => /* @__PURE__ */ l(C.Item, { id: e.id, children: e.label })
             }
-          ) : /* @__PURE__ */ l("span", { className: "text-sm font-medium text-secondary pl-3", children: _ === "or" ? "Or" : "And" }),
-          p && /* @__PURE__ */ l(
+          ) : /* @__PURE__ */ l("span", { className: "text-sm font-medium text-secondary pl-3", children: K === "or" ? "Or" : "And" }),
+          v && /* @__PURE__ */ l(
             fe,
             {
               color: "tertiary",
               size: "xs",
               icon: /* @__PURE__ */ l(me, { size: 18 }),
               "aria-label": "Remove condition",
-              onClick: K,
+              onClick: k,
               "data-testid": V("remove-button"),
               className: "text-quaternary hover:bg-secondary_hover hover:text-secondary"
             }
           )
         ] }),
-        /* @__PURE__ */ M("div", { className: m("flex relative", p ? "w-full" : "shrink-0"), children: [
+        /* @__PURE__ */ I("div", { className: m("flex relative", v ? "w-full" : "shrink-0"), children: [
           y ? /* @__PURE__ */ l(
             J,
             {
               documentFields: y,
               selectedFieldId: r.fieldId,
               onFieldSelect: De,
-              size: d,
+              size: g,
               placeholder: "Select field",
               className: m(
                 b,
                 s && "[&>button]:ring-2 [&>button]:ring-error",
-                p && "w-full max-w-none!"
+                v && "w-full max-w-none!"
               ),
               useFixedPositioning: T
             }
@@ -555,11 +555,11 @@ const Ae = ({
             C,
             {
               "data-testid": V("field-select"),
-              size: d,
+              size: g,
               className: m(
                 b,
                 s && "[&>button]:ring-2 [&>button]:ring-error",
-                p && "w-full flex-1 max-w-none!"
+                v && "w-full flex-1 max-w-none!"
               ),
               placeholder: "Select field",
               selectedKey: r.fieldId,
@@ -576,7 +576,7 @@ const Ae = ({
               ) })
             }
           ),
-          L && p && /* @__PURE__ */ l(
+          A && v && /* @__PURE__ */ l(
             "div",
             {
               className: "flex opacity-0 group-hover:opacity-100 hover:visible absolute right-[-23px]  bottom-1 items-center justify-center cursor-grab active:cursor-grabbing p-1.5  rounded-md transition-colors text-quaternary hover:text-secondary touch-none",
@@ -591,11 +591,11 @@ const Ae = ({
           C,
           {
             "data-testid": V("operator-select"),
-            size: d,
+            size: g,
             className: m(
               b,
               s && "[&>button]:ring-2 [&>button]:ring-error",
-              p && "w-full",
+              v && "w-full",
               !(c != null && c.requiresValue) && "flex-1"
             ),
             placeholder: "Select operator",
@@ -607,8 +607,8 @@ const Ae = ({
           },
           `operator-${r.fieldId}-${t == null ? void 0 : t.type}`
         ),
-        O ? /* @__PURE__ */ l(ke.div, { layoutRoot: !0, className: m("min-w-0 flex-1", p && "w-full"), children: ne(ue()) }) : ne(ue()),
-        !p && /* @__PURE__ */ M("div", { className: "flex items-center gap-1 shrink-0", children: [
+        O ? /* @__PURE__ */ l(ke.div, { layoutRoot: !0, className: m("min-w-0 flex-1", v && "w-full"), children: ne(ue()) }) : ne(ue()),
+        !v && /* @__PURE__ */ I("div", { className: "flex items-center gap-1 shrink-0", children: [
           /* @__PURE__ */ l(
             fe,
             {
@@ -616,12 +616,12 @@ const Ae = ({
               size: "3xs",
               icon: /* @__PURE__ */ l(me, { size: 16 }),
               "aria-label": "Remove condition",
-              onClick: K,
+              onClick: k,
               "data-testid": V("remove-button"),
               className: "text-quaternary hover:bg-secondary_hover hover:text-secondary"
             }
           ),
-          L && /* @__PURE__ */ l(
+          A && /* @__PURE__ */ l(
             "div",
             {
               className: "flex items-center justify-center cursor-grab active:cursor-grabbing p-1 hover:bg-secondary_hover rounded-md transition-colors text-quaternary hover:text-secondary touch-none",

package/dist/patterns/filter-group/index.d.ts

@@ -8,4 +8,5 @@ export type { FilterGroupBuilderProps, FilterGroup, FilterCondition, FilterNode,
 export { DEFAULT_OPERATORS, generateId, createEmptyCondition, createEmptyGroup } from './types';
 export { validateFilterGroup, isFilterGroupValid } from './validation';
 export { defaultFilterDateAdapter, parseFilterDate, parseFilterTimestamp, formatFilterTimestamp, type FilterDateAdapter, } from './date-adapter';
+export { Reorder, useDragControls } from 'framer-motion';
 //# sourceMappingURL=index.d.ts.map