@ztwoint/z-ui 0.1.34 → 0.1.36

package/dist/components/assets/icons/chevron-down.js

@@ -1,13 +1,13 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-function s({ fill: o = "currentColor", title: r = "badge 13", ...t }) {
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+function s({ fill: r = "currentColor", title: e = "", ...t }) {
   return /* @__PURE__ */ n("svg", { height: "14", width: "14", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", ...t, children: [
-    /* @__PURE__ */ e("title", { children: r }),
-    /* @__PURE__ */ e("g", { fill: o, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ o("title", { children: e }),
+    /* @__PURE__ */ o("g", { fill: r, children: /* @__PURE__ */ o(
       "path",
       {
         d: "M2.45 5.25l4.55 4.55 4.55-4.55",
         fill: "none",
-        stroke: o,
+        stroke: r,
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: "2"

package/dist/components/assets/icons/chevron-up-icon.js

@@ -1,16 +1,12 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
-const s = ({
-  fill: e = "currentColor",
-  title: o = "badge 13",
-  ...t
-}) => /* @__PURE__ */ n("svg", { height: "14", width: "14", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", ...t, children: [
-  /* @__PURE__ */ r("title", { children: o }),
-  /* @__PURE__ */ r("g", { fill: e, children: /* @__PURE__ */ r(
+const s = ({ fill: o = "currentColor", title: e = "", ...t }) => /* @__PURE__ */ n("svg", { height: "14", width: "14", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", ...t, children: [
+  /* @__PURE__ */ r("title", { children: e }),
+  /* @__PURE__ */ r("g", { fill: o, children: /* @__PURE__ */ r(
     "path",
     {
       d: "M11.55 8.75l-4.55-4.55-4.55 4.55",
       fill: "none",
-      stroke: e,
+      stroke: o,
       strokeLinecap: "round",
       strokeLinejoin: "round",
       strokeWidth: "2"

package/dist/components/assets/icons/circles-icon.js

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as e } from "react/jsx-runtime";
 function a({
   fill: o = "currentColor",
   secondaryfill: n,
-  title: i = "badge 13",
+  title: i = "",
   ...s
 }) {
   const t = n || o;

package/dist/components/assets/icons/database-copy.js

@@ -1,41 +1,36 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-function d({
-  fill: e = "currentColor",
-  secondaryfill: t,
-  title: n = "badge 13",
-  ...s
-}) {
-  return t = t || e, /* @__PURE__ */ r("svg", { height: "14", width: "14", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", ...s, children: [
-    /* @__PURE__ */ o("title", { children: n }),
-    /* @__PURE__ */ r("g", { fill: e, children: [
-      /* @__PURE__ */ o(
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+function d({ fill: o = "currentColor", secondaryfill: e, title: n = "", ...s }) {
+  return e = e || o, /* @__PURE__ */ r("svg", { height: "14", width: "14", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", ...s, children: [
+    /* @__PURE__ */ t("title", { children: n }),
+    /* @__PURE__ */ r("g", { fill: o, children: [
+      /* @__PURE__ */ t(
         "path",
         {
           d: "M2.8 3.85v6.3c0 0.97 1.88 1.75 4.2 1.75s4.2-0.78 4.2-1.75v-6.3",
           fill: "none",
-          stroke: e,
+          stroke: o,
           strokeLinecap: "round",
           strokeLinejoin: "round",
           strokeWidth: "2"
         }
       ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ t(
         "path",
         {
           d: "M7 2.1a4.2 1.75 0 1 0 0 3.5 4.2 1.75 0 1 0 0-3.5z",
           fill: "none",
-          stroke: t,
+          stroke: e,
           strokeLinecap: "round",
           strokeLinejoin: "round",
           strokeWidth: "2"
         }
       ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ t(
         "path",
         {
           d: "M11.2 7c0 0.97-1.88 1.75-4.2 1.75s-4.2-0.78-4.2-1.75",
           fill: "none",
-          stroke: e,
+          stroke: o,
           strokeLinecap: "round",
           strokeLinejoin: "round",
           strokeWidth: "2"

package/dist/components/assets/icons/sidebar-left-show-copy.js

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as o } from "react/jsx-runtime";
 function d({
   fill: t = "currentColor",
   secondaryfill: e,
-  title: h = "badge 13",
+  title: h = "",
   ...n
 }) {
   return e = e || t, /* @__PURE__ */ r("svg", { height: "14", width: "14", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", ...n, children: [

package/dist/components/assets/icons/window-left-copy.js

@@ -1,25 +1,20 @@
-import { jsxs as r, jsx as o } from "react/jsx-runtime";
-function d({
-  fill: e = "currentColor",
-  secondaryfill: t,
-  title: n = "badge 13",
-  ...i
-}) {
-  return t = t || e, /* @__PURE__ */ r("svg", { height: "14", width: "14", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", ...i, children: [
-    /* @__PURE__ */ o("title", { children: n }),
-    /* @__PURE__ */ r("g", { fill: e, children: [
-      /* @__PURE__ */ o(
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+function s({ fill: o = "currentColor", secondaryfill: t, title: n = "", ...i }) {
+  return t = t || o, /* @__PURE__ */ r("svg", { height: "14", width: "14", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg", ...i, children: [
+    /* @__PURE__ */ e("title", { children: n }),
+    /* @__PURE__ */ r("g", { fill: o, children: [
+      /* @__PURE__ */ e(
         "path",
         {
           d: "M11.9 4.9v4.2q0 2.1-2.1 2.1h-5.6q-2.1 0-2.1-2.1v-4.2q0-2.1 2.1-2.1h5.6q2.1 0 2.1 2.1z",
           fill: "none",
-          stroke: e,
+          stroke: o,
           strokeLinecap: "round",
           strokeLinejoin: "round",
           strokeWidth: "2"
         }
       ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ e(
         "path",
         {
           d: "M5.6 4.9v4.2h-1.4v-4.2z",
@@ -34,5 +29,5 @@ function d({
   ] });
 }
 export {
-  d as default
+  s as default
 };

package/dist/components/collapsible-side-nav-bar/popover/popover-content.js

@@ -59,7 +59,7 @@ const C = o.forwardRef(
         {
           ref: u,
           className: n(
-            "fixed z-[9999] px-3 py-2 text-sm bg-white text-gray-900 rounded-lg shadow-lg border border-gray-200 min-w-[200px]",
+            "fixed z-[9999] px-3 py-2 text-sm bg-white text-gray-900 rounded-lg shadow-lg border border-gray-200 min-w-[256px] max-w-[256px]",
             "pointer-events-auto select-none",
             c[l],
             f

package/dist/components/collapsible-side-nav-bar/side-nav-bar-item.js

@@ -1,44 +1,44 @@
-import { jsxs as i, jsx as r, Fragment as D } from "react/jsx-runtime";
+import { jsxs as l, jsx as r, Fragment as D } from "react/jsx-runtime";
 import * as d from "react";
-import { cn as f } from "../../lib/utils.js";
+import { cn as m } from "../../lib/utils.js";
 import { useZ2SideNavBar as B } from "./context.js";
 import { ChevronUpIcon as M } from "../assets/icons/chevron-up-icon.js";
-import Z from "../assets/icons/sub-nav-indicator.js";
+import P from "../assets/icons/sub-nav-indicator.js";
 import { Z2Popover as A } from "./popover/popover.js";
 import R from "../assets/icons/chevron-down.js";
 import { Z2PopoverTrigger as E } from "./popover/popover-trigger.js";
 import { Z2PopoverContent as F } from "./popover/popover-content.js";
 const K = d.forwardRef(
   ({
-    className: x,
-    children: u,
-    icon: h,
-    label: o,
+    className: g,
+    children: p,
+    icon: f,
+    label: i,
     href: N,
-    isActive: m = !1,
-    onClick: p,
-    tooltip: v,
-    subItems: c,
-    ...y
-  }, P) => {
-    const { isCollapsed: a } = B(), [t, k] = d.useState(!1), s = o && !a, n = c && c.length > 0, C = d.useMemo(() => a ? n ? /* @__PURE__ */ i("div", { className: "text-left", children: [
-      /* @__PURE__ */ r("div", { className: "text-gray-500 mt-2 mb-1", children: v || o }),
-      /* @__PURE__ */ r("div", { className: "space-y-1", children: c.map((e) => {
-        const g = (l) => {
-          l.preventDefault(), l.stopPropagation(), e.onClick ? e.onClick() : e.href && (window.location.href = e.href);
-        }, b = /* @__PURE__ */ i(
+    isActive: h = !1,
+    onClick: v,
+    tooltip: u,
+    subItems: s,
+    ...C
+  }, b) => {
+    const { isCollapsed: o } = B(), [t, k] = d.useState(!1), c = i && !o, n = s && s.length > 0, y = d.useMemo(() => o ? n ? /* @__PURE__ */ l("div", { className: "text-left", children: [
+      /* @__PURE__ */ r("div", { className: "text-neutral-secondary mt-2 mb-1", children: u || i }),
+      /* @__PURE__ */ r("div", { className: "space-y-1", children: s.map((e) => {
+        const x = (a) => {
+          a.preventDefault(), a.stopPropagation(), e.onClick ? e.onClick() : e.href && (window.location.href = e.href);
+        }, Z = /* @__PURE__ */ l(
           "div",
           {
-            className: f(
+            className: m(
               "cursor-pointer transition-colors flex items-center gap-1.5 self-stretch rounded-lg p-2",
               {
-                "hover:!bg-gray-100 bg-gray-100": e.isActive,
-                "hover:!bg-gray-50": !e.isActive
+                "hover:!bg-(--color-neutral-75) bg-(--color-neutral-75) text-neutral-primary": e.isActive,
+                "hover:!bg-(--color-neutral-75) text-neutral-secondary": !e.isActive
               }
             ),
             onClick: e.onClick,
             children: [
-              /* @__PURE__ */ r(Z, { className: "text-(--color-neutral-150)" }),
+              /* @__PURE__ */ r(P, { className: "text-(--color-neutral-150)" }),
               /* @__PURE__ */ r("div", { className: "px-0.5 text-ellipsis leading-none-medium-sm", children: e.label })
             ]
           },
@@ -49,83 +49,84 @@ const K = d.forwardRef(
           {
             href: e.href,
             className: "block mt-2",
-            onClick: g,
-            children: b
+            onClick: x,
+            children: Z
           },
           e.id
         ) : /* @__PURE__ */ r(
           "div",
           {
-            onClick: g,
+            onClick: x,
             role: "button",
             tabIndex: 0,
             className: "block",
-            onKeyDown: (l) => {
-              (l.key === "Enter" || l.key === " ") && (l.preventDefault(), g(l));
+            onKeyDown: (a) => {
+              (a.key === "Enter" || a.key === " ") && (a.preventDefault(), x(a));
             },
-            children: b
+            children: Z
           },
           e.id
         );
       }) })
-    ] }) : v || o : null, [a, n, v, o, c]), w = d.useCallback(
+    ] }) : u || i : null, [o, n, u, i, s]), w = d.useCallback(
       (e) => {
         e.stopPropagation(), k(!t);
       },
       [t]
     ), S = d.useCallback(() => {
-      n && !a ? k(!t) : p && p();
-    }, [n, a, t, p]);
-    if (a) {
-      const e = /* @__PURE__ */ i(
+      n && !o ? k(!t) : v && v();
+    }, [n, o, t, v]);
+    if (o) {
+      const e = /* @__PURE__ */ l(
         "div",
         {
-          className: f(
+          className: m(
             "flex items-center justify-center gap-1.5 rounded-lg cursor-pointer transition-all duration-200",
             "p-2 justify-center gap-1.5 self-stretch relative",
-            "hover:bg-gray-50 text-gray-700 hover:text-gray-900",
-            m && "bg-(--color-neutral-100)",
-            x
+            "hover:bg-(--color-neutral-75) text-neutral-secondary hover:text-neutral-primary",
+            h && "bg-(--color-neutral-75) text-neutral-primary",
+            g
           ),
           onClick: S,
-          ...y,
+          ...C,
           children: [
-            h && /* @__PURE__ */ r("span", { className: "nav-item-icon flex-shrink-0 flex items-center justify-center w-3.5 h-3.5", children: h }),
-            u
+            f && /* @__PURE__ */ r("span", { className: "nav-item-icon flex-shrink-0 flex items-center justify-center w-3.5 h-3.5", children: f }),
+            p
           ]
         }
       );
-      return C ? /* @__PURE__ */ i(A, { children: [
+      return y ? /* @__PURE__ */ l(A, { children: [
         /* @__PURE__ */ r(E, { children: e }),
-        /* @__PURE__ */ r(F, { side: "right", children: C })
+        /* @__PURE__ */ r(F, { side: "right", children: y })
       ] }) : /* @__PURE__ */ r("div", { children: e });
     }
-    const j = /* @__PURE__ */ i(
+    const j = /* @__PURE__ */ l(
       "div",
       {
-        className: f(
+        className: m(
           "nav-item-container flex flex-col justify-center items-center gap-1.5 rounded-lg relative overflow-hidden p-0 w-full"
         ),
         children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ l(
             "div",
             {
-              className: f(
-                "nav-item-main flex items-center justify-center gap-1.5 self-stretch rounded-lg cursor-pointer transition-all duration-200 p-2 relative",
+              className: m(
+                "nav-item-main flex items-center gap-1.5 self-stretch rounded-lg cursor-pointer transition-all duration-200 p-2 relative",
                 {
                   // Background colors based on state
-                  "hover:bg-gray-50 text-gray-700 hover:text-gray-900": !m && !(s && n && t),
+                  "hover:bg-(--color-neutral-75) text-neutral-secondary hover:text-neutral-primary": !h && !(c && n && t),
                   // Focused state for expanded nav with sub items (matching component design)
-                  "text-black bg-gray-100": m || s && n && t
+                  "text-neutral-primary bg-(--color-neutral-75)": h || c && n && t
                 },
-                x
+                g
               ),
               onClick: S,
-              ...y,
+              ...C,
               children: [
-                h && /* @__PURE__ */ r("span", { className: "nav-item-icon flex-shrink-0 flex items-center justify-center w-3.5 h-3.5", children: h }),
-                s && /* @__PURE__ */ r("div", { className: "nav-item-label-container flex items-center gap-2.5 flex-1 px-0.5 relative", children: /* @__PURE__ */ r("div", { className: "nav-item-label flex-1 truncate text-sm font-medium leading-none tracking-tight text-black relative line-clamp-1", children: o }) }),
-                s && n && /* @__PURE__ */ r(D, { children: t ? /* @__PURE__ */ r(
+                f && /* @__PURE__ */ r("span", { className: "nav-item-icon flex-shrink-0 flex items-center justify-center w-3.5 h-3.5", children: f }),
+                c && i && /* @__PURE__ */ r("div", { className: "nav-item-label-container flex items-center gap-2.5 flex-1 px-0.5 relative", children: /* @__PURE__ */ r("div", { className: "nav-item-label flex-1 truncate text-sm font-medium leading-none tracking-tight text-black relative line-clamp-1", children: i }) }),
+                !c || !i ? /* @__PURE__ */ r("div", { className: "flex items-center gap-2.5 flex-1 px-0.5 relative", children: p }) : p,
+                c && n && /* @__PURE__ */ r(D, { children: t ? /* @__PURE__ */ r(
                   M,
                   {
                     className: "w-3.5 h-3.5 cursor-pointer text-(--color-neutral-600)",
@@ -137,26 +138,25 @@ const K = d.forwardRef(
                     className: "w-3.5 h-3.5 text-(--color-neutral-600) cursor-pointer",
                     onClick: w
                   }
-                ) }),
-                u
+                ) })
               ]
             }
           ),
-          s && n && t && /* @__PURE__ */ i("div", { className: "sub-nav-container flex items-start gap-0 self-stretch p-0", children: [
+          c && n && t && /* @__PURE__ */ l("div", { className: "sub-nav-container flex items-start gap-0 self-stretch p-0", children: [
             /* @__PURE__ */ r("div", { className: "divider-group flex w-2 items-center gap-2.5 self-stretch" }),
-            /* @__PURE__ */ r("div", { className: "sub-nav-list flex flex-col items-start gap-1.5 flex-1", children: c.map((e) => /* @__PURE__ */ i(
+            /* @__PURE__ */ r("div", { className: "sub-nav-list flex flex-col items-start gap-1.5 flex-1", children: s.map((e) => /* @__PURE__ */ l(
               "div",
               {
-                className: f(
+                className: m(
                   "cursor-pointer transition-colors flex items-center gap-1.5 self-stretch rounded-lg p-2",
                   {
-                    "hover:!bg-gray-100 bg-gray-100": e.isActive,
-                    "hover:!bg-gray-50": !e.isActive
+                    "hover:!bg-(--color-neutral-75) bg-(--color-neutral-75) text-neutral-primary": e.isActive,
+                    "hover:!bg-(--color-neutral-75) text-neutral-secondary": !e.isActive
                   }
                 ),
                 onClick: e.onClick,
                 children: [
-                  /* @__PURE__ */ r(Z, { className: "text-(--color-neutral-150)" }),
+                  /* @__PURE__ */ r(P, { className: "text-(--color-neutral-150)" }),
                   /* @__PURE__ */ r("div", { className: "px-0.5 text-ellipsis leading-none-medium-sm", children: e.label })
                 ]
               },
@@ -166,7 +166,7 @@ const K = d.forwardRef(
         ]
       }
     );
-    return N ? /* @__PURE__ */ r("a", { href: N, children: j }) : /* @__PURE__ */ r("div", { ref: P, children: j });
+    return N ? /* @__PURE__ */ r("a", { href: N, children: j }) : /* @__PURE__ */ r("div", { ref: b, children: j });
   }
 );
 K.displayName = "Z2SideNavBarItem";

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

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 const l = ({ children: e, className: r = "" }) => /* @__PURE__ */ t(
   "div",
   {
-    className: `flex justify-between items-center bg-neutral-default border-stroke-solid-light border border-t-[0.5px] gap-3 p-2 pl-4 rounded-b-xl  ${r} `,
+    className: `flex justify-between items-center bg-neutral-surface-default border-stroke-solid-light border border-t-[0.5px] gap-3 p-2 pl-4 rounded-b-xl  ${r} `,
     children: e
   }
 );

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

@@ -12,7 +12,7 @@ const x = ({
 }) => /* @__PURE__ */ r(
   "thead",
   {
-    className: `${t.header} ${s ? "sticky top-[-1.5px] z-10" : ""}`,
+    className: `${t.header} ${s ? "sticky top-[-1.5px] z-1" : ""}`,
     children: /* @__PURE__ */ r("tr", { children: a.map((e) => {
       const l = h(e.key, i), d = p(e.key, i);
       return /* @__PURE__ */ r(

package/dist/components/table/table.const.d.ts

@@ -1,7 +1,7 @@
 export declare const DEFAULT_EMPTY_MESSAGE = "No data available";
 export declare const TABLE_CSS_CLASSES: {
     readonly table: "w-full";
-    readonly header: "bg-neutral-25 text-text-neutral-secondary";
+    readonly header: "bg-background-neutral-medium text-text-neutral-secondary";
     readonly cell: {
         readonly default: "px-4 py-3 text-sm";
         readonly cellHeight: {

package/dist/components/table/table.const.js

@@ -1,6 +1,6 @@
 const e = "No data available", t = {
   table: "w-full",
-  header: "bg-neutral-25 text-text-neutral-secondary",
+  header: "bg-background-neutral-medium text-text-neutral-secondary",
   cell: {
     default: "px-4 py-3 text-sm",
     cellHeight: {

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

@@ -1,2 +1,2 @@
 export { default as TableCard } from './table-card';
-export type { TableCardProps, TableCardSearch, TableCardFilter, TableCardPaginationInfo, TableCardPaginationQuickJumper, TableCardPagination, TableCardBodyProps, } from './table-card.type';
+export type { TableCardProps } from './table-card.type';

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

@@ -1,83 +1,92 @@
-import { jsx as a, jsxs as s } from "react/jsx-runtime";
+import { jsx as l, jsxs as d } from "react/jsx-runtime";
 import { Table as e } from "../table/table-provider.js";
 import "react";
-import { cn as c } from "../../lib/utils.js";
+import { cn as o } from "../../lib/utils.js";
 import "../table/table.context.js";
 import "../button/button.js";
 import "../input/input.js";
-const J = ({
-  dataSource: g,
-  schema: h,
-  className: C,
-  showHeader: b = !0,
-  headerClassName: x,
-  search: m,
-  filter: f,
-  body: k = {
+const S = ({
+  dataSource: f,
+  schema: m,
+  loading: u,
+  emptyMessage: N,
+  className: H,
+  showHeader: P = !0,
+  headerClassName: v,
+  search: s,
+  filter: h,
+  headerActions: n,
+  body: r = {
     cell: { cellHeight: "small", hasBorder: !0 },
     className: "",
     stickyHeader: !0
   },
-  showFooter: N = !0,
-  footerClassName: v,
-  paginationInfo: u,
-  paginationQuickJumper: P,
-  pagination: p,
-  overrides: n = {},
-  ...y
+  showFooter: C = !0,
+  footerClassName: _,
+  pagination: a,
+  paginationInfo: c,
+  paginationQuickJumper: t
 }) => {
-  const r = m ? { ...m, ...n.search } : void 0, d = f ? { ...f, ...n.filter } : void 0, i = { ...k, ...n.body }, o = u ? { ...u, ...n.paginationInfo } : void 0, t = P ? { ...P, ...n.paginationQuickJumper } : void 0, l = p ? { ...p, ...n.pagination } : void 0;
-  return /* @__PURE__ */ a("div", { className: c("flex flex-col overflow-hidden", C), children: /* @__PURE__ */ s(e, { dataSource: g, schema: h, ...y, children: [
-    b && /* @__PURE__ */ a(e.Header, { className: c("flex-shrink-0", x), children: /* @__PURE__ */ s(e.HeaderContent, { children: [
-      r && /* @__PURE__ */ a(
-        e.Search,
-        {
-          search: {
-            value: r.value || "",
-            onChange: r.onChange || (() => {
-            }),
-            placeholder: r.placeholder
-          },
-          className: r.className
-        }
-      ),
-      d && /* @__PURE__ */ a(
-        e.Filter,
-        {
-          schema: h,
-          filter: {
-            value: d.value || [],
-            onChange: d.onChange || (() => {
-            })
+  const x = a || c || t, g = s || h || n;
+  return /* @__PURE__ */ l("div", { className: o("flex flex-col overflow-hidden", H), children: /* @__PURE__ */ d(e, { dataSource: f, schema: m, loading: u, emptyMessage: N, children: [
+    P && g && /* @__PURE__ */ d(e.Header, { className: o("flex-shrink-0", v), children: [
+      /* @__PURE__ */ d(e.HeaderContent, { children: [
+        s && /* @__PURE__ */ l(
+          e.Search,
+          {
+            search: {
+              value: s.value || "",
+              onChange: s.onChange || (() => {
+              }),
+              placeholder: s.placeholder
+            },
+            className: s.className
           }
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ a(
+        ),
+        h && /* @__PURE__ */ l(
+          e.Filter,
+          {
+            schema: m,
+            filter: {
+              value: h.value || [],
+              onChange: h.onChange || (() => {
+              })
+            }
+          }
+        )
+      ] }),
+      n && /* @__PURE__ */ l(e.HeaderContent, { children: n })
+    ] }),
+    /* @__PURE__ */ l(
       e.Body,
       {
-        cell: i.cell,
-        sort: i.sort,
-        className: c(
+        cell: r == null ? void 0 : r.cell,
+        sort: r == null ? void 0 : r.sort,
+        className: o(
           "flex-1 min-h-0",
-          g.length < 1 && "border-stroke-solid-light border-b-1 border-x-1 border-t-0  rounded-b-xl",
-          i.className
+          "border-stroke-solid-light border-b-1 border-x-1 border-t-0",
+          !(P && g) && "rounded-t-xl",
+          !(C && x) && "rounded-b-xl",
+          "[&_td:first-child]:border-l-0 [&_td:last-child]:border-r-0",
+          "[&_th:first-child]:border-l-0 [&_th:last-child]:border-r-0",
+          "[&_tr:last-child_td]:border-b-0",
+          r == null ? void 0 : r.className
         ),
-        stickyHeader: i.stickyHeader
+        stickyHeader: r == null ? void 0 : r.stickyHeader
       }
     ),
-    N && (o || t || l) && /* @__PURE__ */ s(e.Footer, { className: c("flex-shrink-0", v), children: [
-      o && /* @__PURE__ */ a(e.FooterContent, { children: /* @__PURE__ */ a(
+    C && x && /* @__PURE__ */ d(e.Footer, { className: o("flex-shrink-0", _), children: [
+      c && /* @__PURE__ */ l(e.FooterContent, { children: /* @__PURE__ */ l(
         e.PaginationInfo,
         {
-          showTotal: o.showTotal || !1,
-          totalItems: o.totalItems || 0,
-          currentPage: o.currentPage || 1,
-          itemsPerPage: o.itemsPerPage || 10
+          showTotal: c.showTotal || !1,
+          totalItems: c.totalItems || 0,
+          currentPage: c.currentPage || 1,
+          itemsPerPage: c.itemsPerPage || 10
         }
       ) }),
-      (t || l) && /* @__PURE__ */ s(e.FooterContent, { children: [
-        t && /* @__PURE__ */ a(
+      (t || a) && /* @__PURE__ */ d(e.FooterContent, { children: [
+        t && /* @__PURE__ */ l(
           e.PaginationQuickJumper,
           {
             currentPage: t.currentPage || 1,
@@ -87,12 +96,12 @@ const J = ({
             disabled: t.disabled || !1
           }
         ),
-        l && /* @__PURE__ */ a(
+        a && /* @__PURE__ */ l(
           e.Pagination,
           {
-            currentPage: l.currentPage || 1,
-            totalPage: l.totalPage || 1,
-            onChange: l.onChange || (() => {
+            currentPage: a.currentPage || 1,
+            totalPage: a.totalPage || 1,
+            onChange: a.onChange || (() => {
             })
           }
         )
@@ -101,5 +110,5 @@ const J = ({
   ] }) });
 };
 export {
-  J as default
+  S as default
 };