@ztwoint/z-ui 0.1.84 → 0.1.86

package/dist/components/assets/icons/index.d.ts

@@ -34,3 +34,4 @@ export { default as XIcon } from './x';
 export { default as Z2Icon } from './z2-icon';
 export { default as Z2SlashIcon } from './z2-slash';
 export { default as Z2DataIcon } from './z2data';
+export { default as Vector3Icon } from './vector_3';

package/dist/components/assets/icons/vector_3.d.ts

@@ -0,0 +1,6 @@
+import { SVGProps } from 'react';
+type IconProps = SVGProps<SVGSVGElement> & {
+    title?: string;
+};
+declare function Vector3({ fill, width, height, title, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export default Vector3;

package/dist/components/assets/icons/vector_3.js

@@ -0,0 +1,34 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+function l({
+  fill: r = "currentColor",
+  width: t = "1em",
+  height: o = "1em",
+  title: n = "Vector",
+  ...i
+}) {
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      height: o,
+      width: t,
+      viewBox: "0 0 9 9",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...i,
+      children: [
+        /* @__PURE__ */ e("title", { children: n }),
+        /* @__PURE__ */ e("g", { fill: "none", children: /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M1 1V1C1 4.86599 4.13401 8 8 8V8",
+            stroke: r,
+            strokeLinecap: "round",
+            strokeOpacity: "1"
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  l as default
+};

package/dist/components/radio/z2-radio.js

@@ -0,0 +1,72 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-radio-group";
+import { cn as d } from "../../lib/utils.js";
+function c({ ...e }) {
+  return /* @__PURE__ */ t(o.Root, { "data-slot": "radio-group", ...e });
+}
+function n({
+  className: e,
+  children: r,
+  size: a = "default",
+  ...s
+}) {
+  return /* @__PURE__ */ t(
+    o.Item,
+    {
+      "data-slot": "radio-group-item",
+      "data-size": a,
+      className: d(
+        // Base styles
+        "aspect-square rounded-full border-2 border-stroke-solid-high bg-surface-neutral-default",
+        "transition-all duration-200 ease-in-out relative",
+        "focus:outline-none",
+        // Size variants
+        "data-[size=sm]:size-3 data-[size=default]:size-4 data-[size=lg]:size-5",
+        // State styles
+        "hover:border-stroke-solid-hover hover:bg-surface-neutral-hover",
+        "data-[state=checked]:border-surface-accent-default data-[state=checked]:bg-surface-accent-default",
+        "data-[state=checked]:hover:border-surface-accent-hover data-[state=checked]:hover:bg-surface-accent-hover",
+        // Disabled state
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "disabled:border-stroke-solid-light disabled:bg-surface-neutral-disabled",
+        "disabled:hover:border-stroke-solid-light disabled:hover:bg-surface-neutral-disabled",
+        "disabled:data-[state=checked]:border-stroke-solid-light disabled:data-[state=checked]:bg-surface-neutral-disabled",
+        e
+      ),
+      ...s,
+      children: r ?? /* @__PURE__ */ t(
+        i,
+        {
+          className: d(
+            "rounded-full bg-surface-neutral-default",
+            "transition-all duration-200 ease-in-out",
+            a === "sm" && "size-1.5",
+            a === "default" && "size-2",
+            a === "lg" && "size-2.5"
+          )
+        }
+      )
+    }
+  );
+}
+function i({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t(
+    o.Indicator,
+    {
+      "data-slot": "radio-group-indicator",
+      className: d(
+        "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex items-center justify-center",
+        e
+      ),
+      ...r
+    }
+  );
+}
+export {
+  c as Z2RadioGroup,
+  i as Z2RadioGroupIndicator,
+  n as Z2RadioGroupItem
+};

package/dist/components/table/components/cell/avatar-cell.js

@@ -39,7 +39,8 @@ import "react-dom";
 import "../../../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/changing-window/count-events-for-safari.js";
 import "../../../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/dispatch-consumer-event.js";
 import "@radix-ui/react-slot";
-const I = ({
+import "@radix-ui/react-radio-group";
+const T = ({
   avatar: m,
   value: a,
   rightIcon: o,
@@ -77,5 +78,5 @@ const I = ({
   }
 );
 export {
-  I as AvatarCell
+  T as AvatarCell
 };

package/dist/components/table/table-provider.js

@@ -44,6 +44,7 @@ import "react-dom";
 import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/changing-window/count-events-for-safari.js";
 import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/dispatch-consumer-event.js";
 import "@radix-ui/react-slot";
+import "@radix-ui/react-radio-group";
 import { TableHeaderWrapper as T } from "./components/table-header-wrapper.js";
 import { TableHeaderContent as b } from "./components/table-header-content.js";
 import { TableFooter as s } from "./components/table-footer.js";

package/dist/components/table-card/table-card.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { Table as r } from "../table/table-provider.js";
 import "react";
 import { cn as d } from "../../lib/utils.js";
@@ -39,15 +39,16 @@ import "react-dom";
 import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/changing-window/count-events-for-safari.js";
 import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/dispatch-consumer-event.js";
 import "@radix-ui/react-slot";
+import "@radix-ui/react-radio-group";
 import "../table/table.context.js";
-const Fe = ({
+const we = ({
   dataSource: w,
   schema: B,
   loading: b,
   emptyMessage: H,
   className: j,
   rounded: i = !0,
-  bordered: n = !0,
+  bordered: c = !0,
   showHeader: g = !0,
   headerClassName: k,
   search: m,
@@ -62,35 +63,35 @@ const Fe = ({
   showFooter: P = !0,
   footerClassName: T,
   pagination: o,
-  paginationInfo: c,
-  paginationQuickJumper: a,
+  paginationInfo: n,
+  paginationQuickJumper: s,
   error: x = !1,
   dataSourceError: _ = !1
 }) => {
   var f;
   if (x)
-    return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center h-64 bg-background-error-subtle rounded-lg text-text-warning-secondary", children: /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
+    return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center h-64 bg-background-error-subtle rounded-lg text-text-warning-secondary", children: /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ e(S, { className: "mt-1.5" }),
-      /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: [
         /* @__PURE__ */ e("div", { className: "text-text-error-primary text-lg font-medium", children: "Error loading data" }),
         /* @__PURE__ */ e("div", { className: "text-sm", children: "Please try again later" }),
         typeof x == "string" && /* @__PURE__ */ e("div", { className: "text-text-warning-secondary text-sm", children: x })
       ] })
     ] }) });
-  const N = a && a.totalPage && a.totalPage >= 2, v = o && o.totalPage && o.totalPage >= 2 || !!c || N, C = m || t || h || u, R = typeof (t == null ? void 0 : t.showFilterButton) > "u" ? !0 : t == null ? void 0 : t.showFilterButton;
-  return /* @__PURE__ */ s("div", { className: d("flex flex-col overflow-hidden relative", j), children: [
-    /* @__PURE__ */ s(r, { dataSource: w, schema: B, emptyMessage: H, children: [
-      g && C && /* @__PURE__ */ s(
+  const C = s && s.totalPage && s.totalPage >= 2, N = o && o.totalPage && o.totalPage >= 2 || !!n || C, v = m || t || h || u, R = typeof (t == null ? void 0 : t.showFilterButton) > "u" ? !0 : t == null ? void 0 : t.showFilterButton;
+  return /* @__PURE__ */ a("div", { className: d("flex flex-col overflow-hidden relative", j), children: [
+    /* @__PURE__ */ a(r, { dataSource: w, schema: B, emptyMessage: H, children: [
+      g && v && /* @__PURE__ */ a(
         r.Header,
         {
           className: d(
             "flex-shrink-0",
-            n && "border-stroke-solid-medium border-1 border-b-0",
+            c && "border-stroke-solid-medium border-1 border-b-0",
             i && "rounded-t-xl",
             k
           ),
           children: [
-            /* @__PURE__ */ s(r.HeaderContent, { children: [
+            /* @__PURE__ */ a(r.HeaderContent, { children: [
               h && h,
               m && /* @__PURE__ */ e(
                 r.Search,
@@ -104,14 +105,15 @@ const Fe = ({
                   className: m.className
                 }
               ),
-              t && /* @__PURE__ */ s(
+              t && /* @__PURE__ */ a(
                 p,
                 {
                   filterSchema: t.filterSchema,
                   filter: {
                     value: t.value || [],
                     onChange: t.onChange || (() => {
-                    })
+                    }),
+                    onDynamicChange: t.onDynamicChange
                   },
                   children: [
                     R && /* @__PURE__ */ e(p.FilterButton, {}),
@@ -132,44 +134,44 @@ const Fe = ({
           sort: l == null ? void 0 : l.sort,
           className: d(
             "flex-1 min-h-0",
-            n && "border-stroke-solid-light border-1",
-            i && !(g && C) && "rounded-t-xl",
-            i && !(P && v) && "rounded-b-xl",
-            n && "[&_td:first-child]:border-l-0 [&_td:last-child]:border-r-0",
-            n && "[&_th:first-child]:border-l-0 [&_th:last-child]:border-r-0",
+            c && "border-stroke-solid-light border-1",
+            i && !(g && v) && "rounded-t-xl",
+            i && !(P && N) && "rounded-b-xl",
+            c && "[&_td:first-child]:border-l-0 [&_td:last-child]:border-r-0",
+            c && "[&_th:first-child]:border-l-0 [&_th:last-child]:border-r-0",
             l == null ? void 0 : l.className
           ),
           stickyHeader: l == null ? void 0 : l.stickyHeader
         }
       ),
-      P && v && /* @__PURE__ */ s(
+      P && N && /* @__PURE__ */ a(
         r.Footer,
         {
           className: d(
             "flex-shrink-0 border-stroke-solid-light border-t-[0.5px] mt-[-2px]",
-            n && "border",
+            c && "border",
             i && "rounded-b-xl",
             T
           ),
           children: [
-            c ? /* @__PURE__ */ e(r.FooterContent, { children: /* @__PURE__ */ e(
+            n ? /* @__PURE__ */ e(r.FooterContent, { children: /* @__PURE__ */ e(
               r.PaginationInfo,
               {
-                showTotal: c.showTotal,
-                totalItems: c.totalItems,
-                currentPage: c.currentPage,
-                itemsPerPage: c.itemsPerPage
+                showTotal: n.showTotal,
+                totalItems: n.totalItems,
+                currentPage: n.currentPage,
+                itemsPerPage: n.itemsPerPage
               }
-            ) }) : a || o ? /* @__PURE__ */ e(r.FooterContent, { children: null }) : null,
-            (a || o) && /* @__PURE__ */ s(r.FooterContent, { children: [
-              N && /* @__PURE__ */ e(
+            ) }) : s || o ? /* @__PURE__ */ e(r.FooterContent, { children: null }) : null,
+            (s || o) && /* @__PURE__ */ a(r.FooterContent, { children: [
+              C && /* @__PURE__ */ e(
                 r.PaginationQuickJumper,
                 {
-                  currentPage: a.currentPage,
-                  totalPage: a.totalPage,
-                  onChange: a.onChange || (() => {
+                  currentPage: s.currentPage,
+                  totalPage: s.totalPage,
+                  onChange: s.onChange || (() => {
                   }),
-                  disabled: a.disabled
+                  disabled: s.disabled
                 }
               ),
               o && /* @__PURE__ */ e(
@@ -187,12 +189,12 @@ const Fe = ({
         }
       )
     ] }),
-    b && /* @__PURE__ */ e("div", { className: "absolute top-0 inset-0 w-full h-full bg-white/80 flex items-center justify-center", children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center gap-3", children: [
+    b && /* @__PURE__ */ e("div", { className: "absolute top-0 inset-0 w-full h-full bg-white/80 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-3", children: [
       /* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-text-brand-secondary" }),
       /* @__PURE__ */ e("p", { className: "text-text-neutral-primary font-medium", children: "Loading..." })
     ] }) })
   ] });
 };
 export {
-  Fe as default
+  we as default
 };

package/dist/components/table-card/table-card.type.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { TableProps, TableSchema, TableSearch, TableSort } from '../table/table.type';
-import { TableFilter, FilterSchema } from '../table-filter/table-filter.type';
+import { TableFilter, FilterRule, FilterSchema } from '../table-filter/table-filter.type';
 import { PaginationProps, PaginationInfoProps, PaginationQuickJumperProps } from '../table/components/pagination/pagination.type';
 export interface TableCardProps {
     dataSource: Record<string, unknown>[];
@@ -17,6 +17,7 @@ export interface TableCardProps {
         quickFilters?: string[];
         showFilterButton?: boolean;
         filterSchema: FilterSchema;
+        onDynamicChange?: (filters: FilterRule[]) => void;
     };
     headerLeftContent?: React.ReactNode;
     headerActions?: React.ReactNode;

package/dist/components/table-filter/filters/boolean.js

@@ -1,25 +1,21 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useEffect as n } from "react";
-const d = ["equals", "notEqual"], u = ({ value: t, onChange: s }) => {
-  n(() => {
-    t.condition || s({ condition: d[0] });
-  }, []);
-  const i = (r, a) => {
-    s(a ? { value: r } : { value: "" });
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+const c = ({ value: e, onChange: l }) => {
+  const i = (s, d) => {
+    l(d ? { value: s } : { value: "" });
   };
-  return /* @__PURE__ */ e("div", { className: "w-full", children: /* @__PURE__ */ l("div", { className: "p-4 space-y-3", children: [
-    /* @__PURE__ */ l("label", { className: "flex items-center p-3 rounded-lg border border-stroke-solid-light hover:border-stroke-solid-medium hover:bg-gray-50 transition-all duration-200 cursor-pointer group", children: [
-      /* @__PURE__ */ l("div", { className: "relative", children: [
-        /* @__PURE__ */ e(
+  return /* @__PURE__ */ r("div", { className: "w-full", children: /* @__PURE__ */ t("div", { className: "p-4 space-y-3", children: [
+    /* @__PURE__ */ t("label", { className: "flex items-center p-3 rounded-lg border border-stroke-solid-light hover:border-stroke-solid-medium hover:bg-gray-50 transition-all duration-200 cursor-pointer group", children: [
+      /* @__PURE__ */ t("div", { className: "relative", children: [
+        /* @__PURE__ */ r(
           "input",
           {
             type: "checkbox",
-            checked: t.value === "true",
-            onChange: (r) => i("true", r.target.checked),
+            checked: (e == null ? void 0 : e.value) === "true",
+            onChange: (s) => i("true", s.target.checked),
             className: "w-5 h-5 rounded border-2 border-stroke-solid-medium text-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors duration-200"
           }
         ),
-        t.value === "true" && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("svg", { className: "w-3 h-3 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e(
+        (e == null ? void 0 : e.value) === "true" && /* @__PURE__ */ r("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("svg", { className: "w-3 h-3 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ r(
           "path",
           {
             fillRule: "evenodd",
@@ -28,26 +24,26 @@ const d = ["equals", "notEqual"], u = ({ value: t, onChange: s }) => {
           }
         ) }) })
       ] }),
-      /* @__PURE__ */ l("div", { className: "ml-3 flex-1", children: [
-        /* @__PURE__ */ l("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ e("span", { className: "text-sm font-medium text-text-neutral-primary", children: "True" }),
-          t.value === "true" && /* @__PURE__ */ e("span", { className: "ml-2 inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800", children: "Selected" })
+      /* @__PURE__ */ t("div", { className: "ml-3 flex-1", children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ r("span", { className: "text-sm font-medium text-text-neutral-primary", children: "True" }),
+          (e == null ? void 0 : e.value) === "true" && /* @__PURE__ */ r("span", { className: "ml-2 inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800", children: "Selected" })
         ] }),
-        /* @__PURE__ */ e("p", { className: "text-xs text-text-neutral-secondary mt-0.5", children: "Include records with true values" })
+        /* @__PURE__ */ r("p", { className: "text-xs text-text-neutral-secondary mt-0.5", children: "Include records with true values" })
       ] })
     ] }),
-    /* @__PURE__ */ l("label", { className: "flex items-center p-3 rounded-lg border border-stroke-solid-light hover:border-stroke-solid-medium hover:bg-gray-50 transition-all duration-200 cursor-pointer group", children: [
-      /* @__PURE__ */ l("div", { className: "relative", children: [
-        /* @__PURE__ */ e(
+    /* @__PURE__ */ t("label", { className: "flex items-center p-3 rounded-lg border border-stroke-solid-light hover:border-stroke-solid-medium hover:bg-gray-50 transition-all duration-200 cursor-pointer group", children: [
+      /* @__PURE__ */ t("div", { className: "relative", children: [
+        /* @__PURE__ */ r(
           "input",
           {
             type: "checkbox",
-            checked: t.value === "false",
-            onChange: (r) => i("false", r.target.checked),
+            checked: (e == null ? void 0 : e.value) === "false",
+            onChange: (s) => i("false", s.target.checked),
             className: "w-5 h-5 rounded border-2 border-stroke-solid-medium text-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors duration-200"
           }
         ),
-        t.value === "false" && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e("svg", { className: "w-3 h-3 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e(
+        (e == null ? void 0 : e.value) === "false" && /* @__PURE__ */ r("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ r("svg", { className: "w-3 h-3 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ r(
           "path",
           {
             fillRule: "evenodd",
@@ -56,16 +52,16 @@ const d = ["equals", "notEqual"], u = ({ value: t, onChange: s }) => {
           }
         ) }) })
       ] }),
-      /* @__PURE__ */ l("div", { className: "ml-3 flex-1", children: [
-        /* @__PURE__ */ l("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ e("span", { className: "text-sm font-medium text-text-neutral-primary", children: "False" }),
-          t.value === "false" && /* @__PURE__ */ e("span", { className: "ml-2 inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800", children: "Selected" })
+      /* @__PURE__ */ t("div", { className: "ml-3 flex-1", children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ r("span", { className: "text-sm font-medium text-text-neutral-primary", children: "False" }),
+          (e == null ? void 0 : e.value) === "false" && /* @__PURE__ */ r("span", { className: "ml-2 inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-800", children: "Selected" })
         ] }),
-        /* @__PURE__ */ e("p", { className: "text-xs text-text-neutral-secondary mt-0.5", children: "Include records with false values" })
+        /* @__PURE__ */ r("p", { className: "text-xs text-text-neutral-secondary mt-0.5", children: "Include records with false values" })
       ] })
     ] })
   ] }) });
 };
 export {
-  u as default
+  c as default
 };

package/dist/components/table-filter/filters/checkbox.js

@@ -1,63 +1,61 @@
-import { jsx as t, jsxs as s } from "react/jsx-runtime";
-import { useState as i, useEffect as f } from "react";
+import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { useState as i, useEffect as N } from "react";
 import { Virtuoso as k } from "react-virtuoso";
 import { MagnifierIcon as y } from "../../assets/icons/magnifier-icon.js";
 import S from "../../assets/icons/x.js";
 import { Z2Checkbox as w } from "../../checkbox/checkbox.js";
-const V = ["includesAny", "includesAll", "excludes"], I = ({ value: r, onChange: d, filterOptions: n = [] }) => {
-  const [c, o] = i([]), [u, m] = i(""), [x, h] = i(n), p = (l) => {
+const E = ({ value: s, onChange: h, filterOptions: n = [] }) => {
+  const [o, c] = i([]), [d, m] = i(""), [f, u] = i(n), x = (l) => {
     m(l.target.value);
     const e = n.filter(
       (a) => a.label.toLowerCase().includes(l.target.value.toLowerCase())
     );
-    h(e);
+    u(e);
   };
-  f(() => {
-    r.condition || d({ condition: V[0] });
-  }, []), f(() => {
-    Array.isArray(r.value) ? o(r.value.filter(Boolean)) : o([]);
-  }, [r.value]);
-  const b = (l, e) => {
+  N(() => {
+    s && Array.isArray(s.value) ? c(s.value.filter(Boolean) ?? []) : c([]);
+  }, [s]);
+  const p = (l, e) => {
     let a;
-    e ? a = [...c, l] : a = c.filter((g) => g !== l), o(a), d({ value: a });
-  }, v = () => {
-    m(""), h(n);
-  }, C = (l) => c.includes(l), N = (l, e) => /* @__PURE__ */ s("div", { className: "flex justify-between items-center py-2 px-3", children: [
-    /* @__PURE__ */ s("label", { className: "flex items-center space-x-2 cursor-pointer", children: [
+    e ? a = [...o, l] : a = o.filter((v) => v !== l), c(a), h({ value: a });
+  }, b = () => {
+    m(""), u(n);
+  }, C = (l) => o.includes(l), g = (l, e) => /* @__PURE__ */ r("div", { className: "flex justify-between items-center py-2 px-3", children: [
+    /* @__PURE__ */ r("label", { className: "flex items-center space-x-2 cursor-pointer", children: [
       /* @__PURE__ */ t(
         w,
         {
           checked: C(e.value),
-          onCheckedChange: (a) => b(e.value, a === !0)
+          onCheckedChange: (a) => p(e.value, a === !0)
         }
       ),
       /* @__PURE__ */ t("span", { className: "text-text-neutral-primary leading-none-medium-sm", children: e.label })
     ] }),
-    e.total && /* @__PURE__ */ s("span", { className: "text-text-neutral-muted text-sm", children: [
+    e.total && /* @__PURE__ */ r("span", { className: "text-text-neutral-muted text-sm", children: [
       "[",
       e.total,
       "]"
     ] })
   ] });
-  return n.length === 0 ? /* @__PURE__ */ t("div", { className: "text-text-neutral-muted text-sm p-4", children: "No filter options available for this column" }) : /* @__PURE__ */ s("div", { className: "flex flex-col h-full", children: [
-    /* @__PURE__ */ s("div", { className: "relative border-b border-stroke-solid-medium", children: [
+  return n.length === 0 ? /* @__PURE__ */ t("div", { className: "text-text-neutral-muted text-sm p-4", children: "No filter options available for this column" }) : /* @__PURE__ */ r("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ r("div", { className: "relative border-b border-stroke-solid-medium", children: [
       /* @__PURE__ */ t(y, { className: "absolute left-3 top-3.5 text-text-neutral-muted" }),
       /* @__PURE__ */ t(
         "input",
         {
           placeholder: "Search options",
-          value: u,
-          onChange: p,
+          value: d,
+          onChange: x,
           className: "border-none outline-none bg-surface-neutral-default text-text-neutral-primary rounded p-3 pl-8 leading-none-medium-sm w-full"
         }
       ),
-      u && /* @__PURE__ */ t("span", { className: "absolute right-3 top-3.5", onClick: v, children: /* @__PURE__ */ t(S, {}) })
+      d && /* @__PURE__ */ t("span", { className: "absolute right-3 top-3.5", onClick: b, children: /* @__PURE__ */ t(S, {}) })
     ] }),
     /* @__PURE__ */ t("div", { className: "flex-1", children: /* @__PURE__ */ t(
       k,
       {
-        data: x,
-        itemContent: N,
+        data: f,
+        itemContent: g,
         className: "h-full min-h-60",
         style: { height: "100%" },
         overscan: 5
@@ -66,5 +64,5 @@ const V = ["includesAny", "includesAll", "excludes"], I = ({ value: r, onChange:
   ] });
 };
 export {
-  I as default
+  E as default
 };

package/dist/components/table-filter/filters/number/number.hook.d.ts

@@ -1,14 +1,5 @@
-interface UseNumberFilterProps {
-    value: {
-        condition: string;
-        value: string;
-    };
-    onChange: (update: {
-        condition?: string;
-        value?: string;
-    }) => void;
-}
-export declare const useNumberFilter: ({ value, onChange }: UseNumberFilterProps) => {
+import { FilterComponentProps } from '../../table-filter.type';
+export declare const useNumberFilter: ({ value, onChange }: FilterComponentProps) => {
     specificAmount: string;
     atLeast: string;
     noMoreThan: string;
@@ -20,4 +11,3 @@ export declare const useNumberFilter: ({ value, onChange }: UseNumberFilterProps
     resetAtLeast: () => void;
     resetNoMoreThan: () => void;
 };
-export {};

package/dist/components/table-filter/filters/number/number.hook.js

@@ -1,33 +1,33 @@
-import { useState as s, useEffect as l } from "react";
-const T = ({ value: t, onChange: i }) => {
-  const [r, o] = s(""), [d, n] = s(""), [a, c] = s(""), f = r ? "specific" : d ? "atLeast" : a ? "noMoreThan" : null;
-  return l(() => {
-    t.condition === "=" && t.value ? (o(t.value), n(""), c("")) : t.condition === ">" && t.value ? (n(t.value), o(""), c("")) : t.condition === "<" && t.value && (c(t.value), o(""), n(""));
-  }, [t.condition, t.value]), {
+import { useState as e, useEffect as h } from "react";
+const b = ({ value: t, onChange: o }) => {
+  const [r, n] = e(""), [d, c] = e(""), [f, s] = e(""), A = r ? "specific" : d ? "atLeast" : f ? "noMoreThan" : null;
+  return h(() => {
+    (t == null ? void 0 : t.condition) === "=" && (t != null && t.value) ? (n(t == null ? void 0 : t.value), c(""), s("")) : (t == null ? void 0 : t.condition) === ">" && (t != null && t.value) ? (c(t.value), n(""), s("")) : (t == null ? void 0 : t.condition) === "<" && (t != null && t.value) && (s(t.value), n(""), c(""));
+  }, [t == null ? void 0 : t.condition, t == null ? void 0 : t.value]), {
     specificAmount: r,
     atLeast: d,
-    noMoreThan: a,
-    activeField: f,
-    handleSpecificAmountChange: (e) => {
-      o(e), e ? (n(""), c(""), i({ condition: "=", value: e })) : i({ condition: "", value: "" });
+    noMoreThan: f,
+    activeField: A,
+    handleSpecificAmountChange: (i) => {
+      n(i), i ? (c(""), s(""), o({ condition: "=", value: i })) : o({ condition: "", value: "" });
     },
-    handleAtLeastChange: (e) => {
-      n(e), e ? (o(""), c(""), i({ condition: ">", value: e })) : i({ condition: "", value: "" });
+    handleAtLeastChange: (i) => {
+      c(i), i ? (n(""), s(""), o({ condition: ">", value: i })) : o({ condition: "", value: "" });
     },
-    handleNoMoreThanChange: (e) => {
-      c(e), e ? (o(""), n(""), i({ condition: "<", value: e })) : i({ condition: "", value: "" });
+    handleNoMoreThanChange: (i) => {
+      s(i), i ? (n(""), c(""), o({ condition: "<", value: i })) : o({ condition: "", value: "" });
     },
     resetSpecificAmount: () => {
-      o(""), i({ condition: "", value: "" });
+      n(""), o({ condition: "", value: "" });
     },
     resetAtLeast: () => {
-      n(""), i({ condition: "", value: "" });
+      c(""), o({ condition: "", value: "" });
     },
     resetNoMoreThan: () => {
-      c(""), i({ condition: "", value: "" });
+      s(""), o({ condition: "", value: "" });
     }
   };
 };
 export {
-  T as useNumberFilter
+  b as useNumberFilter
 };