impact-nova 0.1.13 → 1.0.0

package/dist/components/layout/dashboard-layout.d.ts

@@ -1,25 +1,40 @@
 import * as React from "react";
 interface DashboardLayoutProps extends React.ComponentProps<"div"> {
     /**
-     * The Sidebar component (e.g. <AppSidebar />)
+     * The Sidebar component (e.g. <AppSidebar />).
+     * Will be wrapped in a SidebarProvider automatically.
      */
     sidebar: React.ReactNode;
     /**
-     * The Header component (e.g. <Header />)
+     * The Header component (e.g. <Header />).
+     * Rendered above the main content area, below header it sticks to the top.
      */
     header: React.ReactNode;
     /**
-     * Optional Breadcrumb component
+     * Optional breadcrumb node rendered inside a sticky BreadcrumbHeader bar.
+     * When provided, the bar is sticky at the top of the scroll area.
      */
     breadcrumb?: React.ReactNode;
     /**
-     * Optional FilterStrip component
+     * Optional content rendered on the right side of the breadcrumb header bar
+     * (e.g. action buttons, view toggles, filter toggle button).
+     */
+    breadcrumbRightContent?: React.ReactNode;
+    /**
+     * Optional FilterStrip or any content rendered below the BreadcrumbHeader bar
+     * with a smooth animated collapse/expand behaviour.
+     * Visibility is controlled by the built-in "Show/Hide Filters" toggle
+     * when `filterStrip` is provided.
      */
     filterStrip?: React.ReactNode;
     /**
-     * Main content (e.g. <Outlet /> or page content)
+     * When true, the filter strip is shown by default. Defaults to `true`.
+     */
+    defaultFiltersVisible?: boolean;
+    /**
+     * Main content (e.g. <Outlet /> or page-level content).
      */
     children: React.ReactNode;
 }
-export declare function DashboardLayout({ sidebar, header, breadcrumb, filterStrip, children, className, ...props }: DashboardLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare function DashboardLayout({ sidebar, header, breadcrumb, breadcrumbRightContent, filterStrip, defaultFiltersVisible, children, className, ...props }: DashboardLayoutProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ui/accordion-nested-list/accordion-nested-list.js

@@ -1,4 +1,4 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import { useState as W, useCallback as s, useMemo as _ } from "react";
 import { Accordion as q, AccordionItem as z, AccordionTrigger as F, AccordionContent as G } from "../accordion.js";
 import { Button as A } from "../button.js";
@@ -7,65 +7,66 @@ import { useAccordionNestedListState as J } from "./hooks/useAccordionNestedList
 import { SelectionMode as K } from "../types/nested-list.types.js";
 import { cn as P } from "../../../lib/utils.js";
 const re = ({
-  sections: t,
+  sections: l,
   onChange: d,
   onSubmit: h,
   onCancel: m,
-  enableApplyDiscard: g = !0,
-  submitButtonLabel: N = "Apply",
-  cancelButtonLabel: C = "Reset",
-  className: v = "",
+  enableApplyDiscard: N = !0,
+  submitButtonLabel: g = "Apply",
+  cancelButtonLabel: v = "Reset",
+  className: C = "",
   enableSearch: S = !0,
-  enableDragDrop: y = !0,
-  enableSelectAll: b = !0,
+  enableDragDrop: b = !0,
+  enableSelectAll: y = !0,
   selectionMode: x = K.CASCADE_DOWN,
   searchPlaceholder: k = "Search...",
   value: D,
   onValueChange: V,
-  isMultiExpanded: n = !0,
+  isMultiExpanded: t = !0,
   defaultCollapseAll: j = !1,
-  validateApply: i
+  validateApply: o
 }) => {
   const {
-    currentSections: l,
-    hasChanges: c,
+    currentSections: n,
+    hasChanges: a,
     setCurrentSection: u,
     saveAllSections: f,
     discardAllSections: p
-  } = J({ sections: t }), [L, w] = W(() => j ? n ? [] : "" : t.length > 0 ? n ? [t[0].id] : t[0].id : n ? [] : ""), B = D ?? L, I = V ?? w, M = s(
-    (e, a) => {
-      u(e, a), d?.(e, a);
+  } = J({ sections: l }), [L, w] = W(() => j ? t ? [] : "" : l.length > 0 ? t ? [l[0].id] : l[0].id : t ? [] : ""), B = D ?? L, I = V ?? w, M = s(
+    (e, i) => {
+      u(e, i), d?.(e, i);
     },
     [d, u]
   ), O = s(() => {
-    f(), h?.(l);
-  }, [l, h, f]), R = s(() => {
+    f(), h?.(n);
+  }, [n, h, f]), R = s(() => {
     p(), m?.();
-  }, [p, m]), T = _(() => c ? i ? i(l) : !0 : !1, [c, i, l]);
-  return /* @__PURE__ */ o(
+  }, [p, m]), T = _(() => a ? o ? o(n) : !0 : !1, [a, o, n]);
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: P("flex flex-col h-full", v),
-      "data-testid": "accordion-nested-list-container",
+      className: P("flex flex-col h-full", C),
+      "data-component": "accordion-nested-list",
+      "data-has-changes": a ? "" : void 0,
       children: [
         /* @__PURE__ */ r("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ r(
           q,
           {
-            type: n ? "multiple" : "single",
+            type: t ? "multiple" : "single",
             value: B,
             onValueChange: I,
             className: "space-y-4",
-            children: t.map((e) => /* @__PURE__ */ o(z, { value: e.id, children: [
+            children: l.map((e) => /* @__PURE__ */ c(z, { value: e.id, children: [
               /* @__PURE__ */ r(F, { children: e.label }),
               /* @__PURE__ */ r(G, { className: "min-h-0 h-full", children: /* @__PURE__ */ r("div", { className: "h-full min-h-0 pb-2", children: /* @__PURE__ */ r(
                 H,
                 {
-                  items: l[e.id] || [],
-                  onChange: (a) => M(e.id, a),
+                  items: n[e.id] || [],
+                  onChange: (i) => M(e.id, i),
                   enableApplyDiscard: !1,
                   enableSearch: S,
-                  enableDragDrop: y,
-                  enableSelectAll: b,
+                  enableDragDrop: b,
+                  enableSelectAll: y,
                   selectionMode: e.selectionMode ?? x,
                   searchPlaceholder: k,
                   className: "h-full"
@@ -74,15 +75,14 @@ const re = ({
             ] }, e.id))
           }
         ) }),
-        g && /* @__PURE__ */ o("div", { className: "flex-shrink-0 flex justify-end gap-2 pt-4 border-t mt-4", children: [
+        N && /* @__PURE__ */ c("div", { className: "flex-shrink-0 flex justify-end gap-2 pt-4 border-t mt-4", children: [
           /* @__PURE__ */ r(
             A,
             {
               variant: "tertiary",
               onClick: R,
-              disabled: !c,
-              "data-testid": "discard-changes",
-              children: C
+              disabled: !a,
+              children: v
             }
           ),
           /* @__PURE__ */ r(
@@ -91,8 +91,7 @@ const re = ({
               variant: "default",
               onClick: O,
               disabled: !T,
-              "data-testid": "apply-changes",
-              children: N
+              children: g
             }
           )
         ] })

package/dist/components/ui/accordion.js

@@ -1,49 +1,51 @@
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import * as s from "react";
-import * as e from "@radix-ui/react-accordion";
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import * as n from "react";
+import * as t from "@radix-ui/react-accordion";
 import { ChevronRight as l } from "lucide-react";
-import { cn as d } from "../../lib/utils.js";
-const v = e.Root, f = s.forwardRef(({ className: r, ...o }, a) => /* @__PURE__ */ t(
-  e.Item,
+import { cn as s } from "../../lib/utils.js";
+const v = t.Root, f = n.forwardRef(({ className: r, ...e }, o) => /* @__PURE__ */ a(
+  t.Item,
   {
-    ref: a,
-    className: d("border-b rounded-lg bg-white overflow-hidden border-b-[#D9DDE7]", r),
-    ...o
+    ref: o,
+    "data-item": e.value,
+    "data-disabled": e.disabled ? "" : void 0,
+    className: s("border-b rounded-lg bg-white overflow-hidden border-b-[#D9DDE7]", r),
+    ...e
   }
 ));
 f.displayName = "AccordionItem";
-const p = s.forwardRef(({ className: r, children: o, badge: a, rightActions: i, ...c }, m) => /* @__PURE__ */ t(e.Header, { className: "flex", children: /* @__PURE__ */ n(
-  e.Trigger,
+const p = n.forwardRef(({ className: r, children: e, badge: o, rightActions: i, ...c }, m) => /* @__PURE__ */ a(t.Header, { className: "flex", children: /* @__PURE__ */ d(
+  t.Trigger,
   {
     ref: m,
-    className: d(
+    className: s(
       "flex flex-1 items-center gap-3 px-4 py-2 text-sm font-semibold transition-all text-left [&[data-state=open]>div>svg]:-rotate-90",
       r
     ),
     ...c,
     children: [
-      /* @__PURE__ */ t("div", { className: "flex items-center justify-center h-8 w-8 shrink-0 rounded-lg bg-secondary text-secondary-foreground transition-transform duration-200", children: /* @__PURE__ */ t(l, { className: "h-4 w-4 transition-transform duration-200" }) }),
-      /* @__PURE__ */ n("div", { className: "flex flex-1 items-center justify-between", children: [
-        /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
-          o,
-          a
+      /* @__PURE__ */ a("div", { className: "flex items-center justify-center h-8 w-8 shrink-0 rounded-lg bg-secondary text-secondary-foreground transition-transform duration-200", children: /* @__PURE__ */ a(l, { className: "h-4 w-4 transition-transform duration-200" }) }),
+      /* @__PURE__ */ d("div", { className: "flex flex-1 items-center justify-between", children: [
+        /* @__PURE__ */ d("div", { className: "flex items-center gap-3", children: [
+          e,
+          o
         ] }),
         i
       ] })
     ]
   }
 ) }));
-p.displayName = e.Trigger.displayName;
-const x = s.forwardRef(({ className: r, children: o, ...a }, i) => /* @__PURE__ */ t(
-  e.Content,
+p.displayName = t.Trigger.displayName;
+const x = n.forwardRef(({ className: r, children: e, ...o }, i) => /* @__PURE__ */ a(
+  t.Content,
   {
     ref: i,
     className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...a,
-    children: /* @__PURE__ */ t("div", { className: d("px-4 pb-4 pt-2", r), children: o })
+    ...o,
+    children: /* @__PURE__ */ a("div", { className: s("px-4 pb-4 pt-2", r), children: e })
   }
 ));
-x.displayName = e.Content.displayName;
+x.displayName = t.Content.displayName;
 export {
   v as Accordion,
   x as AccordionContent,

package/dist/components/ui/ag-grid-react/cell-renderers/editors/split-cell-editor.d.ts

@@ -30,6 +30,11 @@ export interface CellUpdatePayload {
     newValue: unknown;
     value: unknown;
     field: string;
+    currentCellUpdate: {
+        valueKey: string;
+        field: string;
+        newValue: unknown;
+    };
 }
 export interface SplitCellEditorProps extends Omit<ICellEditorParams, 'context'> {
     splits: SplitConfig[];

package/dist/components/ui/ag-grid-react/cell-renderers/editors/split-cell-editor.js

@@ -1,36 +1,38 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as x, useRef as N, useCallback as $ } from "react";
-const K = x((y, S) => {
-  const { splits: s, commonParams: c, data: f, node: r, api: m, column: p, context: o, value: a, colDef: u, metaData: E } = y, i = N({
-    valueKey: null,
-    field: null,
-    newValue: null
-  }), g = $(() => {
-    const e = i.current, l = {
-      api: m,
-      colDef: u,
-      column: p,
-      context: o,
-      data: f,
-      field: u.field,
-      node: r,
-      rowIndex: r?.rowIndex ?? null,
-      rowPinned: r?.rowPinned ?? void 0,
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as U, useMemo as E, useState as I, useCallback as P } from "react";
+const R = U((V) => {
+  const { splits: r, commonParams: f, data: s, node: o, api: p, column: m, context: i, value: a, colDef: d } = V, h = E(() => r?.map((e) => {
+    const l = e?.field?.split(".")?.pop() ?? "", n = a?.[l]?.value;
+    return { valueKey: l, field: e.field, newValue: n };
+  }) ?? [], [r, a]), [u, b] = I(h), x = P((e) => {
+    const l = u.find((t) => t.field === e);
+    if (!l)
+      return;
+    const n = {
+      api: p,
+      colDef: d,
+      column: m,
+      context: i,
+      data: s,
+      field: d.field,
+      node: o,
+      rowIndex: o?.rowIndex ?? null,
+      rowPinned: o?.rowPinned ?? void 0,
       source: "edit",
       type: "cellValueChanged",
-      currentCellUpdate: i.current,
-      newValue: { [e.valueKey]: { value: e.newValue } },
-      oldValue: { [e.valueKey]: { value: a?.[e.valueKey]?.value } },
-      value: { [e.valueKey]: { value: e.newValue } }
+      currentCellUpdate: l,
+      newValue: { [l.valueKey]: { value: l.newValue } },
+      oldValue: { [l.valueKey]: { value: a?.[l.valueKey]?.value } },
+      value: { [l.valueKey]: { value: l.newValue } }
     };
-    r.setDataValue(u.field, { ...a, [e.valueKey]: { value: e.newValue } }), o?.onCellUpdate?.(l);
-  }, [m, u, p, o, f, r, a]), h = (e) => {
+    o.setDataValue(d.field, { ...a, [l.valueKey]: { value: l.newValue } }), i?.onCellUpdate?.(n);
+  }, [u, p, d, m, i, s, o, a]), N = (e) => {
     if (typeof e == "string") {
-      const l = m?.getGridOption("components");
-      return o?.frameworkComponents?.[e] || l?.[e];
+      const l = p?.getGridOption("components");
+      return i?.frameworkComponents?.[e] || l?.[e];
     }
     return e;
-  }, V = (e, l) => {
+  }, $ = (e, l) => {
     if (!l) return "--";
     let n = l;
     switch (e?.decimals != null && !isNaN(Number(l)) && (n = Number(l).toFixed(e.decimals)), e.type) {
@@ -46,44 +48,40 @@ const K = x((y, S) => {
         return n;
     }
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "div",
     {
-      style: { display: "grid", gridTemplateRows: `repeat(${s?.length}, 1fr)`, height: "100%", width: "100%" },
-      children: s?.map((e, l) => {
-        const n = e?.field?.split(".")?.pop(), t = a?.[n]?.value;
-        i.current = {
-          valueKey: n,
-          field: e.field,
-          newValue: t
-        };
-        const b = e?.valueFormatter ? V(e.valueFormatter, t?.toString()) : t?.toString(), v = e.editable ? c.cellEditor : c.cellRenderer ? c.cellRenderer : void 0, w = v ? h(v) : void 0;
-        return /* @__PURE__ */ d(
+      style: { display: "grid", gridTemplateRows: `repeat(${r?.length}, 1fr)`, height: "100%", width: "100%" },
+      children: r?.map((e, l) => {
+        const n = e?.field?.split(".")?.pop(), t = a?.[n]?.value, v = s?.valueFormatter ?? e?.valueFormatter ?? null, S = v ? $(v, t?.toString()) : t?.toString(), w = e.editable ? f.cellEditor : f.cellRenderer ? f.cellRenderer : void 0, g = w ? N(w) : void 0;
+        return /* @__PURE__ */ c(
           "div",
           {
             className: "flex items-center max-h-full overflow-hidden",
-            children: w ? /* @__PURE__ */ d(
-              w,
+            children: g ? /* @__PURE__ */ c(
+              g,
               {
-                context: o,
-                data: f,
+                context: i,
+                data: s,
                 value: t,
-                onValueChange: (C) => {
-                  i.current = {
+                onValueChange: (y) => {
+                  const C = u.find((K) => K.field === e.field);
+                  C ? C.newValue = y : b([...u, {
                     valueKey: n,
                     field: e.field,
-                    newValue: C
-                  };
+                    newValue: y
+                  }]);
                 },
-                valueFormatted: b,
+                valueFormatted: S,
                 colDef: e,
                 stopEditing: () => {
-                  g();
+                  x(e.field);
                 },
+                node: o,
                 suppressAutoFocus: l !== 0,
-                className: l !== s.length - 1 ? "border-b border-gray-200" : ""
+                className: l !== r.length - 1 ? "border-b border-gray-200" : ""
               }
-            ) : /* @__PURE__ */ d(
+            ) : /* @__PURE__ */ c(
               "div",
               {
                 className: "w-full h-full flex items-center ag-cell-inner-padding overflow-hidden text-ellipsis whitespace-nowrap",
@@ -97,7 +95,7 @@ const K = x((y, S) => {
     }
   );
 });
-K.displayName = "SplitCellEditor";
+R.displayName = "SplitCellEditor";
 export {
-  K as SplitCellEditor
+  R as SplitCellEditor
 };

package/dist/components/ui/ag-grid-react/cell-renderers/input-display-renderer.d.ts

@@ -1,4 +1,4 @@
-import { ICellRendererParams } from 'ag-grid-community';
+import { ICellRendererParams } from 'ag-grid-enterprise';
 export interface InputDisplayRendererProps extends ICellRendererParams {
     /** Placeholder text shown when value is empty */
     placeholder?: string;

package/dist/components/ui/ag-grid-react/cell-renderers/split-cell-renderer.js

@@ -1,50 +1,50 @@
 import { jsx as o } from "react/jsx-runtime";
 import "react";
-const y = (d) => {
-  const { splits: t, commonParams: i, data: m, node: p, api: s, column: f, context: c, value: u, colDef: w } = d;
-  if (!t || !Array.isArray(t)) return null;
-  const g = (e, r) => {
-    if (!r) return "--";
-    let n = r;
-    switch (e?.decimals != null && !isNaN(Number(r)) && (n = Number(r).toFixed(e.decimals)), e.type) {
+const w = (m) => {
+  const { splits: n, commonParams: i, data: s, node: p, api: c, column: u, context: a, value: f } = m;
+  if (!n || !Array.isArray(n)) return null;
+  const g = (r, e) => {
+    if (!e) return "--";
+    let t = e;
+    switch (r?.decimals != null && !isNaN(Number(e)) && (t = Number(e).toFixed(r.decimals)), r.type) {
       case "currencySymbol": {
-        const l = e.symbol ?? "$";
-        return e.position === "suffix" ? `${n} ${l}` : `${l} ${n}`;
+        const l = r.symbol ?? "$";
+        return r.position === "suffix" ? `${t} ${l}` : `${l} ${t}`;
       }
       case "percentage":
-        return `${n} %`;
+        return `${t} %`;
       case "number":
-        return n;
+        return t;
       default:
-        return n;
+        return t;
     }
-  }, h = (e) => {
-    const r = e;
-    if (typeof r == "string") {
-      const n = s?.getGridOption("components");
-      return c?.frameworkComponents?.[r] || n?.[r];
+  }, h = (r) => {
+    const e = r;
+    if (typeof e == "string") {
+      const t = c?.getGridOption("components");
+      return a?.frameworkComponents?.[e] || t?.[e];
     }
-    return r;
+    return e;
   };
-  return /* @__PURE__ */ o("div", { style: { display: "grid", gridTemplateRows: `repeat(${t?.length}, 1fr)`, height: "100%", width: "100%" }, children: t?.map((e, r) => {
-    const n = u?.[e?.field?.split(".")?.pop()]?.value?.toString(), l = e?.valueFormatter ? g(e.valueFormatter, n?.toString()) : n, a = i?.cellRenderer && typeof i?.cellRenderer == "string" ? h(i?.cellRenderer) : void 0;
+  return /* @__PURE__ */ o("div", { style: { display: "grid", gridTemplateRows: `repeat(${n?.length}, 1fr)`, height: "100%", width: "100%" }, children: n?.map((r, e) => {
+    const t = f?.[r?.field?.split(".")?.pop()]?.value?.toString(), l = s?.valueFormatter ?? r?.valueFormatter ?? null, y = l ? g(l, t?.toString()) : t, d = i?.cellRenderer && typeof i?.cellRenderer == "string" ? h(i?.cellRenderer) : void 0;
     return /* @__PURE__ */ o(
       "div",
       {
         className: "flex items-center overflow-hidden",
-        "data-split-index": r,
-        children: a ? /* @__PURE__ */ o(
-          a,
+        "data-split-index": e,
+        children: d ? /* @__PURE__ */ o(
+          d,
           {
             node: p,
-            api: s,
-            column: f,
-            context: c,
-            data: m,
-            value: n,
-            colDef: e,
-            valueFormatted: l,
-            className: r !== t.length - 1 ? "border-b border-gray-200" : ""
+            api: c,
+            column: u,
+            context: a,
+            data: s,
+            value: t,
+            colDef: r,
+            valueFormatted: y,
+            className: e !== n.length - 1 ? "border-b border-gray-200" : ""
           }
         ) : /* @__PURE__ */ o(
           "div",
@@ -54,11 +54,11 @@ const y = (d) => {
           }
         )
       },
-      `${e.field}-${r}`
+      `${r.field}-${e}`
     );
   }) });
 };
-y.displayName = "SplitCellRenderer";
+w.displayName = "SplitCellRenderer";
 export {
-  y as SplitCellRenderer
+  w as SplitCellRenderer
 };

package/dist/components/ui/ag-grid-react/headers/advanced-filter/column-filter-section.js

@@ -53,7 +53,7 @@ const E = {
 }, w = [
   { label: "all", value: "AND" },
   { label: "any", value: "OR" }
-], _ = ({
+], G = ({
   columnId: h,
   columnLabel: y,
   columnType: n,
@@ -75,7 +75,7 @@ const E = {
     }
   }, o = (e, t) => {
     v(i.map((a) => a.id === e ? { ...a, ...t } : a));
-  }, I = (e) => {
+  }, R = (e) => {
     if (e.operator === "empty" || e.operator === "notEmpty")
       return /* @__PURE__ */ l("span", { className: "text-slate-400 italic text-sm", children: "No value needed" });
     if (n === "date")
@@ -116,7 +116,6 @@ const E = {
           Array.isArray(a) ? o(e.id, { value: a.map((r) => r.value) }) : o(e.id, { value: a?.value || "" });
         },
         isMulti: u !== void 0 ? u : !0,
-        dropdownZIndex: 320,
         placeholder: u === !1 ? "Select value" : "Select values...",
         className: "w-full",
         menuPortalTarget: document.body
@@ -153,7 +152,7 @@ const E = {
         className: "w-full"
       }
     );
-  }, R = (e) => {
+  }, I = (e) => {
     const t = g.find((a) => a.value === e.operator);
     return /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ l("div", { className: "w-[120px] shrink-0", children: /* @__PURE__ */ l(
@@ -165,13 +164,12 @@ const E = {
             const r = a;
             r && o(e.id, { operator: r.value });
           },
-          dropdownZIndex: 320,
           placeholder: "Operator",
           className: "w-full",
           menuPortalTarget: document.body
         }
       ) }),
-      /* @__PURE__ */ l("div", { className: "flex-1 min-w-0", children: I(e) }),
+      /* @__PURE__ */ l("div", { className: "flex-1 min-w-0", children: R(e) }),
       /* @__PURE__ */ l(
         m,
         {
@@ -180,7 +178,7 @@ const E = {
           size: "icon",
           "aria-label": "Remove rule",
           disabled: i.length === 1 && !d,
-          children: /* @__PURE__ */ l(x, { size: 12 })
+          children: /* @__PURE__ */ l(x, { size: "xs" })
         }
       )
     ] }, e.id);
@@ -197,7 +195,6 @@ const E = {
             const t = e;
             t && S(t.value);
           },
-          dropdownZIndex: 320,
           className: "h-8",
           menuPortalTarget: document.body,
           isClearable: !1
@@ -206,7 +203,7 @@ const E = {
       /* @__PURE__ */ l("span", { children: "of the following rules for column" }),
       /* @__PURE__ */ l("span", { className: "font-semibold text-slate-700", children: y })
     ] }),
-    /* @__PURE__ */ l("div", { className: "flex flex-col gap-3", children: i.map((e) => R(e)) }),
+    /* @__PURE__ */ l("div", { className: "flex flex-col gap-3", children: i.map((e) => I(e)) }),
     /* @__PURE__ */ s("div", { className: "flex items-center justify-between mt-1", children: [
       /* @__PURE__ */ l(m, { onClick: C, variant: "outline", size: "sm", children: "+ Add Rule" }),
       b && /* @__PURE__ */ s(
@@ -217,7 +214,7 @@ const E = {
           onClick: b,
           className: "text-red-500 hover:text-red-600 hover:bg-red-50 border-red-300",
           children: [
-            /* @__PURE__ */ l(x, { size: 12 }),
+            /* @__PURE__ */ l(x, { size: "xs" }),
             "Delete"
           ]
         }
@@ -226,5 +223,5 @@ const E = {
   ] });
 };
 export {
-  _ as ColumnFilterSection
+  G as ColumnFilterSection
 };