@ck-ui/component-library 1.0.3 → 1.0.5

package/dist/components/Table/index.js

@@ -1,86 +1,91 @@
-import { jsx as s, jsxs as f } from "react/jsx-runtime";
+import { jsx as l, jsxs as g } from "react/jsx-runtime";
 import * as i from "react";
-import { useState as C, useCallback as S, useRef as pe, useMemo as W, useEffect as T } from "react";
-import { u as Ge } from "../../OptionList-BM4AleXV.js";
-import { u as Je, f as qe, g as Ue, a as Ze, b as Qe } from "../../index-Bcvmezbu.js";
-import { CKButton as ye } from "../CKButton/index.js";
-import { Search as Xe } from "../Search/index.js";
-import { EmptyState as Ye } from "../EmptyState/index.js";
-import { Loader as et } from "../Loader/index.js";
-import { S as tt, a as nt } from "../../table-filter-C0zetUfo.js";
-import { INITIAL_COLUMN_MANAGER_CONFIG as ke, ROW_MIN_HEIGHT as ot, TABLE_PREFIX as E } from "./constants.js";
-import it from "./_helpers/TableFilterModal/index.js";
+import { useState as b, useEffect as M, useCallback as I, useRef as ye, useMemo as z } from "react";
+import { u as Je } from "../../OptionList-BM4AleXV.js";
+import { u as qe, f as Ue, g as Ze, a as Qe, b as Xe } from "../../index-Bcvmezbu.js";
+import { CKButton as ke } from "../CKButton/index.js";
+import { Search as Ye } from "../Search/index.js";
+import { EmptyState as et } from "../EmptyState/index.js";
+import { Loader as tt } from "../Loader/index.js";
+import { S as nt, a as ot } from "../../table-filter-C0zetUfo.js";
+import { INITIAL_COLUMN_MANAGER_CONFIG as Ce, ROW_MIN_HEIGHT as it, TABLE_PREFIX as N } from "./constants.js";
+import lt from "./_helpers/TableFilterModal/index.js";
 import st from "./_helpers/ColumnManager/index.js";
-import lt from "./_helpers/GroupedHeader/index.js";
-import { SelectionHeaderCell as Ce } from "./_helpers/SelectionCell/index.js";
-import rt from "./_helpers/TableRows.js";
-import { useSelection as at } from "./_hooks/useSelection.js";
-import { useExpansion as ct } from "./_hooks/useExpansion.js";
-import { isTableConfigDefault as be, saveToLocalStorage as X, getTableMinWidth as dt, isTableConfigChanged as mt, pinnedStyle as Y, columnLayoutStyle as xe } from "./_utils/table.utils.js";
+import rt from "./_helpers/GroupedHeader/index.js";
+import { SelectionHeaderCell as be } from "./_helpers/SelectionCell/index.js";
+import at from "./_helpers/TableRows.js";
+import { useSelection as ct } from "./_hooks/useSelection.js";
+import { useExpansion as dt } from "./_hooks/useExpansion.js";
+import { isTableConfigDefault as xe, saveToLocalStorage as Y, getTableMinWidth as mt, isTableConfigChanged as ut, pinnedStyle as ee, columnLayoutStyle as ve } from "./_utils/table.utils.js";
 import { formatCellValue as we } from "./_utils/formatCellValue.js";
 import '../../assets/styles-DngCqCGW.css';/* empty css                    */
-const ut = (c) => /* @__PURE__ */ i.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", ...c }, /* @__PURE__ */ i.createElement("path", { d: "M1.75 8.75006L8.16667 8.75", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M1.75 5.25H5.83333", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M1.75 12.25H11.0833", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M10.7913 1.75V8.75M10.7913 1.75C10.3829 1.75 9.61972 2.91334 9.33301 3.20833M10.7913 1.75C11.1998 1.75 11.963 2.91334 12.2497 3.20833", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" })), ft = (c) => /* @__PURE__ */ i.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", ...c }, /* @__PURE__ */ i.createElement("path", { d: "M1.75 5.24994L8.16667 5.25", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M1.75 8.75H5.83333", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M1.75 1.75H11.0833", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M10.7913 12.25V5.25M10.7913 12.25C10.3829 12.25 9.61972 11.0867 9.33301 10.7917M10.7913 12.25C11.1998 12.25 11.963 11.0867 12.2497 10.7917", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" })), gt = (c) => /* @__PURE__ */ i.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", ...c }, /* @__PURE__ */ i.createElement("mask", { id: "mask0_1852_13537", style: {
+const ft = (c) => /* @__PURE__ */ i.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", ...c }, /* @__PURE__ */ i.createElement("path", { d: "M1.75 8.75006L8.16667 8.75", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M1.75 5.25H5.83333", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M1.75 12.25H11.0833", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M10.7913 1.75V8.75M10.7913 1.75C10.3829 1.75 9.61972 2.91334 9.33301 3.20833M10.7913 1.75C11.1998 1.75 11.963 2.91334 12.2497 3.20833", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" })), gt = (c) => /* @__PURE__ */ i.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", ...c }, /* @__PURE__ */ i.createElement("path", { d: "M1.75 5.24994L8.16667 5.25", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M1.75 8.75H5.83333", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M1.75 1.75H11.0833", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M10.7913 12.25V5.25M10.7913 12.25C10.3829 12.25 9.61972 11.0867 9.33301 10.7917M10.7913 12.25C11.1998 12.25 11.963 11.0867 12.2497 10.7917", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" })), ht = (c) => /* @__PURE__ */ i.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", ...c }, /* @__PURE__ */ i.createElement("mask", { id: "mask0_1852_13537", style: {
   maskType: "luminance"
-}, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 14, height: 14 }, /* @__PURE__ */ i.createElement("path", { d: "M13.708 0.291992V13.708H0.291992V0.291992H13.708Z", fill: "white", stroke: "white", strokeWidth: 0.583333 })), /* @__PURE__ */ i.createElement("g", { mask: "url(#mask0_1852_13537)" }, /* @__PURE__ */ i.createElement("path", { d: "M1.75 4.08325H12.25", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M3.5 7H10.5", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M5.83398 9.9165H8.16732", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round" }))), ht = (c) => /* @__PURE__ */ i.createElement("svg", { width: 200, height: 180, viewBox: "0 0 200 180", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ i.createElement("ellipse", { cx: 100, cy: 168, rx: 38, ry: 6, fill: "#E0E0E0" }), /* @__PURE__ */ i.createElement("path", { d: "M30 110 C10 110 5 90 20 80 C15 60 35 50 55 60 C60 45 80 38 95 50 C110 38 135 42 140 58 C158 55 170 70 162 85 C175 90 175 110 158 112 Z", fill: "#F0F0F0" }), /* @__PURE__ */ i.createElement("g", { stroke: "#C0C0C0", strokeWidth: 2.5, strokeLinecap: "round" }, /* @__PURE__ */ i.createElement("line", { x1: 28, y1: 22, x2: 28, y2: 32 }), /* @__PURE__ */ i.createElement("line", { x1: 23, y1: 27, x2: 33, y2: 27 }), /* @__PURE__ */ i.createElement("line", { x1: 38, y1: 118, x2: 38, y2: 128 }), /* @__PURE__ */ i.createElement("line", { x1: 33, y1: 123, x2: 43, y2: 123 }), /* @__PURE__ */ i.createElement("line", { x1: 162, y1: 52, x2: 162, y2: 62 }), /* @__PURE__ */ i.createElement("line", { x1: 157, y1: 57, x2: 167, y2: 57 })), /* @__PURE__ */ i.createElement("circle", { cx: 100, cy: 155, r: 2, fill: "#D0D0D0" }), /* @__PURE__ */ i.createElement("g", { transform: "rotate(-8, 100, 90)" }, /* @__PURE__ */ i.createElement("rect", { x: 42, y: 28, width: 112, height: 130, rx: 10, fill: "#DCDCDC" }), /* @__PURE__ */ i.createElement("rect", { x: 44, y: 30, width: 108, height: 126, rx: 9, fill: "white", stroke: "#C2C2C2", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("rect", { x: 50, y: 36, width: 96, height: 114, rx: 6, fill: "white", stroke: "#C2C2C2", strokeWidth: 1 }), /* @__PURE__ */ i.createElement("rect", { x: 82, y: 20, width: 32, height: 20, rx: 4, fill: "white", stroke: "#C2C2C2", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M91 20 Q98 14 105 20", stroke: "#C2C2C2", strokeWidth: 1.5, fill: "#F4F4F4" }), /* @__PURE__ */ i.createElement("circle", { cx: 95, cy: 88, r: 26, stroke: "#C2C2C2", strokeWidth: 3, fill: "white" }), /* @__PURE__ */ i.createElement("line", { x1: 113, y1: 106, x2: 128, y2: 121, stroke: "#C2C2C2", strokeWidth: 5, strokeLinecap: "round" }), /* @__PURE__ */ i.createElement("line", { x1: 116, y1: 109, x2: 125, y2: 118, stroke: "#E8E8E8", strokeWidth: 2, strokeLinecap: "round" })));
-let ve = !1;
-const Se = (c) => {
+}, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 14, height: 14 }, /* @__PURE__ */ i.createElement("path", { d: "M13.708 0.291992V13.708H0.291992V0.291992H13.708Z", fill: "white", stroke: "white", strokeWidth: 0.583333 })), /* @__PURE__ */ i.createElement("g", { mask: "url(#mask0_1852_13537)" }, /* @__PURE__ */ i.createElement("path", { d: "M1.75 4.08325H12.25", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M3.5 7H10.5", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round" }), /* @__PURE__ */ i.createElement("path", { d: "M5.83398 9.9165H8.16732", stroke: "#2B2B2B", strokeWidth: 0.875, strokeLinecap: "round" }))), pt = (c) => /* @__PURE__ */ i.createElement("svg", { width: 200, height: 180, viewBox: "0 0 200 180", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ i.createElement("ellipse", { cx: 100, cy: 168, rx: 38, ry: 6, fill: "#E0E0E0" }), /* @__PURE__ */ i.createElement("path", { d: "M30 110 C10 110 5 90 20 80 C15 60 35 50 55 60 C60 45 80 38 95 50 C110 38 135 42 140 58 C158 55 170 70 162 85 C175 90 175 110 158 112 Z", fill: "#F0F0F0" }), /* @__PURE__ */ i.createElement("g", { stroke: "#C0C0C0", strokeWidth: 2.5, strokeLinecap: "round" }, /* @__PURE__ */ i.createElement("line", { x1: 28, y1: 22, x2: 28, y2: 32 }), /* @__PURE__ */ i.createElement("line", { x1: 23, y1: 27, x2: 33, y2: 27 }), /* @__PURE__ */ i.createElement("line", { x1: 38, y1: 118, x2: 38, y2: 128 }), /* @__PURE__ */ i.createElement("line", { x1: 33, y1: 123, x2: 43, y2: 123 }), /* @__PURE__ */ i.createElement("line", { x1: 162, y1: 52, x2: 162, y2: 62 }), /* @__PURE__ */ i.createElement("line", { x1: 157, y1: 57, x2: 167, y2: 57 })), /* @__PURE__ */ i.createElement("circle", { cx: 100, cy: 155, r: 2, fill: "#D0D0D0" }), /* @__PURE__ */ i.createElement("g", { transform: "rotate(-8, 100, 90)" }, /* @__PURE__ */ i.createElement("rect", { x: 42, y: 28, width: 112, height: 130, rx: 10, fill: "#DCDCDC" }), /* @__PURE__ */ i.createElement("rect", { x: 44, y: 30, width: 108, height: 126, rx: 9, fill: "white", stroke: "#C2C2C2", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("rect", { x: 50, y: 36, width: 96, height: 114, rx: 6, fill: "white", stroke: "#C2C2C2", strokeWidth: 1 }), /* @__PURE__ */ i.createElement("rect", { x: 82, y: 20, width: 32, height: 20, rx: 4, fill: "white", stroke: "#C2C2C2", strokeWidth: 1.5 }), /* @__PURE__ */ i.createElement("path", { d: "M91 20 Q98 14 105 20", stroke: "#C2C2C2", strokeWidth: 1.5, fill: "#F4F4F4" }), /* @__PURE__ */ i.createElement("circle", { cx: 95, cy: 88, r: 26, stroke: "#C2C2C2", strokeWidth: 3, fill: "white" }), /* @__PURE__ */ i.createElement("line", { x1: 113, y1: 106, x2: 128, y2: 121, stroke: "#C2C2C2", strokeWidth: 5, strokeLinecap: "round" }), /* @__PURE__ */ i.createElement("line", { x1: 116, y1: 109, x2: 125, y2: 118, stroke: "#E8E8E8", strokeWidth: 2, strokeLinecap: "round" })));
+let Se = !1;
+const Ee = (c) => {
   if (typeof c == "number") return c;
   if (typeof c == "string" && c.trim().endsWith("px")) {
-    const u = Number.parseFloat(c);
-    return Number.isNaN(u) ? void 0 : u;
+    const f = Number.parseFloat(c);
+    return Number.isNaN(f) ? void 0 : f;
   }
 };
-function Kt({
+function At({
   config: c = {},
-  data: u = [],
-  maxHeight: Ee = "600px",
+  data: f = [],
+  maxHeight: Me = "600px",
   virtualization: $ = !1,
   persistTableConfig: d = "",
-  message: ee,
-  icon: Me,
-  totalRow: te,
+  message: te,
+  icon: Ie,
+  totalRow: ne,
   selection: P,
   expandable: _,
   externalColumnFilters: G,
-  externalTableConfig: M,
-  isLoading: ne = !1
+  externalTableConfig: k,
+  onConfigChange: Ne,
+  isLoading: oe = !1
 }) {
   const {
-    headers: b = [],
-    headerGroups: I,
-    showFilters: Ie = !0,
-    showColumnManager: Ne = !0,
-    columnManagerConfig: oe = ke,
-    toolbarLabels: ie,
-    search: g
-  } = c ?? {}, se = ie?.columnManager ?? !0, le = ie?.filter ?? !0, [z, Be] = C(""), re = S((e) => {
-    Be(e), g?.onSearch?.(e);
-  }, [g]), ae = pe(null), {
-    selectionState: N,
-    getRowId: Fe,
-    toggleRowSelection: Le,
-    toggleSelectAll: ce
-  } = at(u, P), {
-    expandedIds: We,
-    toggleExpand: ze
-  } = ct(_), D = W(
-    () => b.map((e) => {
+    headers: x = [],
+    headerGroups: B,
+    showFilters: Be = !0,
+    showColumnManager: Fe = !0,
+    columnManagerConfig: ie = Ce,
+    toolbarLabels: le,
+    search: m
+  } = c ?? {}, se = le?.columnManager ?? !0, re = le?.filter ?? !0, [D, ae] = b(m?.value ?? "");
+  M(() => {
+    m?.value !== void 0 && ae(m.value);
+  }, [m?.value]);
+  const ce = I((e) => {
+    ae(e), m?.onSearch?.(e);
+  }, [m]), de = ye(null), {
+    selectionState: F,
+    getRowId: Le,
+    toggleRowSelection: We,
+    toggleSelectAll: me
+  } = ct(f, P), {
+    expandedIds: ze,
+    toggleExpand: De
+  } = dt(_), R = z(
+    () => x.map((e) => {
       let t = "includesString";
-      return e.filterable && (e.type === "string" ? t = (n, o, l) => {
-        if (!l) return !0;
-        const r = Array.isArray(l) ? l : l.values, m = Array.isArray(l) ? !1 : l.exclude;
+      return e.filterable && (e.type === "string" ? t = (n, o, s) => {
+        if (!s) return !0;
+        const r = Array.isArray(s) ? s : s.values, u = Array.isArray(s) ? !1 : s.exclude;
         if (!r || r.length === 0) return !0;
-        const v = String(n.getValue(o));
-        return m ? !r.includes(v) : r.includes(v);
-      } : e.type === "number" && (t = (n, o, l) => {
-        if (!l) return !0;
+        const E = String(n.getValue(o));
+        return u ? !r.includes(E) : r.includes(E);
+      } : e.type === "number" && (t = (n, o, s) => {
+        if (!s) return !0;
         const r = Number(n.getValue(o));
-        return r >= l.min && r <= l.max;
+        return r >= s.min && r <= s.max;
       })), {
         ...e,
         enableSorting: e.sortable !== !1,
         ...e.minWidth !== void 0 ? { enableResizing: !1 } : {},
-        ...e.minSize === void 0 && Se(e.minWidth) !== void 0 ? { minSize: Se(e.minWidth) } : {},
+        ...e.minSize === void 0 && Ee(e.minWidth) !== void 0 ? { minSize: Ee(e.minWidth) } : {},
         ...e.type === "number" ? { sortingFn: "alphanumeric" } : {},
         filterFn: t,
         ...e.renderCell ? {
@@ -90,25 +95,25 @@ function Kt({
         } : {}
       };
     }),
-    [b]
-  ), R = S(
+    [x]
+  ), K = I(
     () => ({
-      ...ke,
-      ...oe,
-      columns: D
+      ...Ce,
+      ...ie,
+      columns: R
     }),
-    [oe, D]
-  ), de = () => {
-    const e = R();
+    [ie, R]
+  ), ue = () => {
+    const e = K();
     if (d)
       try {
-        const t = localStorage.getItem(`${E}-${d}`);
+        const t = localStorage.getItem(`${N}-${d}`);
         if (t) {
           const n = JSON.parse(t);
           if (n?.tableConfig) {
-            const o = n.tableConfig.columns || [], l = /* @__PURE__ */ new Set(), r = o.map((m) => e.columns.find((v) => v.accessorKey === m.accessorKey)).filter((m) => !m || l.has(m.accessorKey) ? !1 : (l.add(m.accessorKey), !0));
-            return e.columns.forEach((m) => {
-              r.find((v) => v.accessorKey === m.accessorKey) || r.push(m);
+            const o = n.tableConfig.columns || [], s = /* @__PURE__ */ new Set(), r = o.map((u) => e.columns.find((E) => E.accessorKey === u.accessorKey)).filter((u) => !u || s.has(u.accessorKey) ? !1 : (s.add(u.accessorKey), !0));
+            return e.columns.forEach((u) => {
+              r.find((E) => E.accessorKey === u.accessorKey) || r.push(u);
             }), { ...e, ...n.tableConfig, columns: r };
           }
         }
@@ -116,10 +121,10 @@ function Kt({
         console.error("Failed to load table config from local storage", t);
       }
     return e;
-  }, me = () => {
+  }, fe = () => {
     if (d)
       try {
-        const e = localStorage.getItem(`${E}-${d}`);
+        const e = localStorage.getItem(`${N}-${d}`);
         if (e) {
           const t = JSON.parse(e);
           if (t?.columnFilters) return t.columnFilters;
@@ -128,10 +133,10 @@ function Kt({
         console.error("Failed to load table config from local storage", e);
       }
     return [];
-  }, De = () => {
+  }, Re = () => {
     if (d)
       try {
-        const e = localStorage.getItem(`${E}-${d}`);
+        const e = localStorage.getItem(`${N}-${d}`);
         if (e) {
           const t = JSON.parse(e);
           if (t?.columnSizing) return t.columnSizing;
@@ -140,67 +145,76 @@ function Kt({
         console.error("Failed to load table config from local storage", e);
       }
     return {};
-  }, [h, ue] = C(de), [B, K] = C(de), [F, J] = C(me), [A, fe] = C(me), [p, Re] = C(De), [H, k] = C({ open: !1, type: "", activeOption: "" }), a = W(() => {
-    const e = M ?? h;
-    if (!M) return e;
-    const t = new Map(D.map((n) => [n.accessorKey, n.filterFn]));
+  }, [h, J] = b(ue), [v, A] = b(ue), [L, q] = b(fe), [H, ge] = b(fe), [p, Ke] = b(Re), [V, C] = b({ open: !1, type: "", activeOption: "" });
+  M(() => {
+    k && J(k);
+  }, [k]);
+  const a = z(() => {
+    const e = k ?? h;
+    if (!k) return e;
+    const t = new Map(R.map((n) => [n.accessorKey, n]));
     return {
       ...e,
       columns: e.columns.map((n) => {
         const o = t.get(n.accessorKey);
-        return o ? { ...n, filterFn: o } : n;
+        return o ? {
+          ...n,
+          ...o.filterFn ? { filterFn: o.filterFn } : {},
+          ...o.renderCell ? { renderCell: o.renderCell } : {},
+          ...o.cell ? { cell: o.cell } : {}
+        } : n;
       })
     };
-  }, [M, h, D]), Ke = G ?? F, Ae = W(() => {
+  }, [k, h, R]), Ae = G ?? L, He = z(() => {
     const e = {};
-    return b.forEach((t) => {
+    return x.forEach((t) => {
       if (a.columnVisibility[t.accessorKey] !== !1) {
         if (t.filterable && (t.type === "string" || !t.type)) {
           const n = [
-            ...new Set(u.map((o) => String(o[t.accessorKey] ?? "")).filter(Boolean))
+            ...new Set(f.map((o) => String(o[t.accessorKey] ?? "")).filter(Boolean))
           ];
           e[t.header] = { type: "checkbox", options: n, accessorKey: t.accessorKey };
         } else if (t.filterable && t.type === "number") {
-          const n = u.map((r) => Number(r[t.accessorKey])).filter((r) => !Number.isNaN(r)), o = n.length ? Math.floor(Math.min(...n)) : 0, l = n.length ? Math.ceil(Math.max(...n)) : 0;
-          e[t.header] = { type: "range", values: { min: o, max: l }, accessorKey: t.accessorKey };
+          const n = f.map((r) => Number(r[t.accessorKey])).filter((r) => !Number.isNaN(r)), o = n.length ? Math.floor(Math.min(...n)) : 0, s = n.length ? Math.ceil(Math.max(...n)) : 0;
+          e[t.header] = { type: "range", values: { min: o, max: s }, accessorKey: t.accessorKey };
         }
       }
     }), e;
-  }, [b, u, a.columnVisibility]);
-  T(() => {
-    if (d && !ve)
+  }, [x, f, a.columnVisibility]);
+  M(() => {
+    if (d && !Se)
       try {
-        const e = F.length > 0, t = !be(h, R());
-        (e || t) && (ve = !0);
+        const e = L.length > 0, t = !xe(h, K());
+        (e || t) && (Se = !0);
       } catch (e) {
         console.error("Failed to check toast condition", e);
       }
-  }, [d]), T(() => {
-    d && Object.keys(p).length > 0 && X(`${E}-${d}`, { columnSizing: p });
-  }, [p, d]), T(() => {
-    J((e) => {
+  }, [d]), M(() => {
+    d && Object.keys(p).length > 0 && Y(`${N}-${d}`, { columnSizing: p });
+  }, [p, d]), M(() => {
+    q((e) => {
       const t = e.filter(
         (n) => h.columnVisibility[n.id] !== !1
       );
       return t.length !== e.length ? t : e;
     });
   }, [h.columnVisibility]);
-  const He = () => {
-    const e = /* @__PURE__ */ new Set(), t = B.columns.filter((o) => e.has(o.accessorKey) ? !1 : (e.add(o.accessorKey), !0)), n = { ...B, columns: t };
-    ue(n), k({ type: "", activeOption: "", open: !1 }), d && X(`${E}-${d}`, { tableConfig: n });
-  }, Ve = () => {
-    K(R);
-  }, Oe = S((e, t) => {
-    K((n) => {
-      const o = [...n.columns], [l] = o.splice(e, 1);
-      return o.splice(t, 0, l), { ...n, columns: o };
+  const Ve = () => {
+    const e = /* @__PURE__ */ new Set(), t = v.columns.filter((o) => e.has(o.accessorKey) ? !1 : (e.add(o.accessorKey), !0)), n = { ...v, columns: t };
+    J(n), C({ type: "", activeOption: "", open: !1 }), d && Y(`${N}-${d}`, { tableConfig: n }), Ne?.(v);
+  }, Oe = () => {
+    A(K);
+  }, je = I((e, t) => {
+    A((n) => {
+      const o = [...n.columns], [s] = o.splice(e, 1);
+      return o.splice(t, 0, s), { ...n, columns: o };
     });
-  }, []), je = S((e) => {
-    ue((t) => {
+  }, []), Te = I((e) => {
+    J((t) => {
       const n = typeof e == "function" ? e(t.columnVisibility) : e;
       return { ...t, columnVisibility: n };
     });
-  }, []), Te = W(() => {
+  }, []), $e = z(() => {
     const e = [], t = [], n = a.columns.filter(
       (o) => a.columnVisibility[o.accessorKey] !== !1
     );
@@ -209,198 +223,198 @@ function Kt({
       e.includes(o) || t.push(o);
     }
     return { left: e, right: t };
-  }, [a.stickyStart, a.stickyEnd, a.columns, a.columnVisibility]), $e = W(() => {
-    if (!g || g.mode !== "frontend" || !z.trim()) return u;
-    const e = z.toLowerCase(), t = b.filter((n) => a.columnVisibility[n.accessorKey] !== !1).map((n) => n.accessorKey);
-    return u.filter(
+  }, [a.stickyStart, a.stickyEnd, a.columns, a.columnVisibility]), Pe = z(() => {
+    if (!m || m.mode !== "frontend" || !D.trim()) return f;
+    const e = D.toLowerCase(), t = x.filter((n) => a.columnVisibility[n.accessorKey] !== !1).map((n) => n.accessorKey);
+    return f.filter(
       (n) => t.some((o) => {
-        const l = n[o];
-        return l != null && String(l).toLowerCase().includes(e);
+        const s = n[o];
+        return s != null && String(s).toLowerCase().includes(e);
       })
     );
-  }, [g, z, u, b, a.columnVisibility]), y = Je({
-    data: $e,
+  }, [m, D, f, x, a.columnVisibility]), y = qe({
+    data: Pe,
     columns: a.columns,
     defaultColumn: {
       minSize: 100
     },
-    getRowId: (e, t) => Fe(e, t),
+    getRowId: (e, t) => Le(e, t),
     state: {
       columnVisibility: a.columnVisibility,
-      columnPinning: Te,
-      columnFilters: Ke,
+      columnPinning: $e,
+      columnFilters: Ae,
       columnSizing: p
     },
-    onColumnFiltersChange: J,
-    onColumnSizingChange: Re,
+    onColumnFiltersChange: q,
+    onColumnSizingChange: Ke,
     enableRowSelection: !1,
     enableColumnResizing: !0,
     columnResizeMode: "onChange",
-    onColumnVisibilityChange: je,
-    getCoreRowModel: Qe(),
-    getSortedRowModel: Ze(),
-    getFilteredRowModel: Ue()
-  }), { rows: V } = y.getRowModel(), x = y.getVisibleLeafColumns(), ge = x.length > 0 ? x[x.length - 1].id : null, L = (P?.enabled ?? !1) && !_?.enabled, O = L ? 40 : 0, q = dt(x, O, p), j = pe(/* @__PURE__ */ new Map()), he = S(
-    (e) => j.current.get(e) || ot,
+    onColumnVisibilityChange: Te,
+    getCoreRowModel: Xe(),
+    getSortedRowModel: Qe(),
+    getFilteredRowModel: Ze()
+  }), { rows: O } = y.getRowModel(), w = y.getVisibleLeafColumns(), he = w.length > 0 ? w[w.length - 1].id : null, W = (P?.enabled ?? !1) && !_?.enabled, j = W ? 40 : 0, U = mt(w, j, p), T = ye(/* @__PURE__ */ new Map()), pe = I(
+    (e) => T.current.get(e) || it,
     []
-  ), w = Ge({
-    count: V.length,
-    getScrollElement: () => ae.current,
-    estimateSize: he,
+  ), S = Je({
+    count: O.length,
+    getScrollElement: () => de.current,
+    estimateSize: pe,
     overscan: 5
   });
-  T(() => {
-    j.current.clear(), requestAnimationFrame(() => {
-      w.measure();
+  M(() => {
+    T.current.clear(), requestAnimationFrame(() => {
+      S.measure();
     });
-  }, [a.wrapText, w]);
-  const Pe = S(
+  }, [a.wrapText, S]);
+  const _e = I(
     (e, t) => {
       if (!t) return;
-      const n = t.offsetHeight, o = j.current.get(e);
-      n && o !== n && (j.current.set(e, n), requestAnimationFrame(() => {
-        w.measure();
+      const n = t.offsetHeight, o = T.current.get(e);
+      n && o !== n && (T.current.set(e, n), requestAnimationFrame(() => {
+        S.measure();
       }));
     },
-    [w]
-  ), U = (e) => e === "asc" ? /* @__PURE__ */ s(ut, {}) : e === "desc" ? /* @__PURE__ */ s(ft, {}) : /* @__PURE__ */ s(gt, {}), _e = H.type === "filter" ? /* @__PURE__ */ s(
-    it,
+    [S]
+  ), Z = (e) => e === "asc" ? /* @__PURE__ */ l(ft, {}) : e === "desc" ? /* @__PURE__ */ l(gt, {}) : /* @__PURE__ */ l(ht, {}), Ge = V.type === "filter" ? /* @__PURE__ */ l(
+    lt,
     {
-      filters: Ae,
-      draftColumnFilters: A,
-      setDraftColumnFilters: fe,
+      filters: He,
+      draftColumnFilters: H,
+      setDraftColumnFilters: ge,
       handleApplyFilters: () => {
-        J(A), k({ ...H, open: !1 }), d && X(`${E}-${d}`, { columnFilters: A });
+        q(H), C({ ...V, open: !1 }), d && Y(`${N}-${d}`, { columnFilters: H });
       },
-      setModalOpen: k,
+      setModalOpen: C,
       virtualization: $,
-      isFilterChanged: JSON.stringify(A) !== JSON.stringify(F)
+      isFilterChanged: JSON.stringify(H) !== JSON.stringify(L)
     }
-  ) : /* @__PURE__ */ s(
+  ) : /* @__PURE__ */ l(
     st,
     {
-      draftConfig: B,
-      setDraftConfig: K,
-      moveDraftColumn: Oe,
-      handleApplyPref: He,
-      setModalOpen: k,
-      handleResetToDefault: Ve,
-      isDefault: be(B, R()),
-      isConfigChanged: mt(B, h)
+      draftConfig: v,
+      setDraftConfig: A,
+      moveDraftColumn: je,
+      handleApplyPref: Ve,
+      setModalOpen: C,
+      handleResetToDefault: Oe,
+      isDefault: xe(v, K()),
+      isConfigChanged: ut(v, h)
     }
-  ), Z = Ne && !M, Q = Ie && !G;
-  return /* @__PURE__ */ f("div", { children: [
-    (g || Z || Q) && /* @__PURE__ */ f("div", { className: "ckds-filter-wrapper", style: { display: "flex", gap: "8px", margin: "20px 0", justifyContent: "space-between", alignItems: "center" }, children: [
-      /* @__PURE__ */ s("div", { className: "ckds-toolbar-search", children: g && /* @__PURE__ */ s(
-        Xe,
+  ), Q = Fe, X = Be && !G;
+  return /* @__PURE__ */ g("div", { children: [
+    (m || Q || X) && /* @__PURE__ */ g("div", { className: "ckds-filter-wrapper", style: { display: "flex", gap: "8px", margin: "20px 0", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ l("div", { className: "ckds-toolbar-search", children: m && /* @__PURE__ */ l(
+        Ye,
         {
-          value: z,
-          placeholder: g.placeholder ?? "Search",
-          debounceMs: g.debounceMs ?? 0,
-          onChange: re,
-          onClear: () => re(""),
-          disabled: ne
+          value: D,
+          placeholder: m.placeholder ?? "Search",
+          debounceMs: m.debounceMs ?? 0,
+          onChange: ce,
+          onClear: () => ce(""),
+          disabled: oe
         }
       ) }),
-      (Z || Q) && /* @__PURE__ */ f("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
-        Z && /* @__PURE__ */ s(
-          ye,
+      (Q || X) && /* @__PURE__ */ g("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
+        Q && /* @__PURE__ */ l(
+          ke,
           {
             onClick: () => {
-              K({ ...h, columnVisibility: { ...h.columnVisibility }, columns: [...h.columns] }), k({ open: !0, type: "columnManager", activeOption: "" });
+              A({ ...h, columnVisibility: { ...h.columnVisibility }, columns: [...h.columns] }), C({ open: !0, type: "columnManager", activeOption: "" });
             },
             variant: "secondary",
             size: "medium",
-            icons: { left: /* @__PURE__ */ s(tt, {}) },
+            icons: { left: /* @__PURE__ */ l(nt, {}) },
             label: se ? "Column Manager" : void 0,
             iconOnly: !se
           }
         ),
-        /* @__PURE__ */ s("div", { style: { borderRight: "1px solid var(--ckcl-black-200, #C2C2C2)", margin: "5px 0" } }),
-        Q && /* @__PURE__ */ s(
-          ye,
+        /* @__PURE__ */ l("div", { style: { borderRight: "1px solid var(--ckcl-black-200, #C2C2C2)", margin: "5px 0" } }),
+        X && /* @__PURE__ */ l(
+          ke,
           {
-            className: `relative ${F.length > 0 ? "after:content-[''] after:absolute after:-top-[1px] after:-right-[1px] after:size-[5px] after:rounded-full after:bg-primary" : ""}`,
+            className: `relative ${L.length > 0 ? "after:content-[''] after:absolute after:-top-[1px] after:-right-[1px] after:size-[5px] after:rounded-full after:bg-primary" : ""}`,
             onClick: () => {
-              fe(F), k({ open: !0, type: "filter", activeOption: "" });
+              ge(L), C({ open: !0, type: "filter", activeOption: "" });
             },
             variant: "secondary",
             size: "medium",
-            icons: { right: /* @__PURE__ */ s(nt, {}) },
-            label: le ? "Filters" : void 0,
-            iconOnly: !le
+            icons: { right: /* @__PURE__ */ l(ot, {}) },
+            label: re ? "Filters" : void 0,
+            iconOnly: !re
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ f("div", { style: { position: "relative" }, children: [
-      ne && /* @__PURE__ */ s(et, { overlay: !0 }),
-      /* @__PURE__ */ s(
+    /* @__PURE__ */ g("div", { style: { position: "relative" }, children: [
+      oe && /* @__PURE__ */ l(tt, { overlay: !0 }),
+      /* @__PURE__ */ l(
         "div",
         {
           className: "ckds-custom-table ckds-custom-scrollbar",
-          ref: ae,
-          style: { maxHeight: Ee, width: y?.getHeaderGroups()?.[0]?.headers?.length === 1 ? "fit-content" : "100%" },
-          children: V.length ? /* @__PURE__ */ f(
+          ref: de,
+          style: { maxHeight: Me, width: y?.getHeaderGroups()?.[0]?.headers?.length === 1 ? "fit-content" : "100%" },
+          children: O.length ? /* @__PURE__ */ g(
             "table",
             {
               className: "ckds-dragable-table",
-              style: { width: "100%", minWidth: q, display: "block" },
+              style: { width: "100%", minWidth: U, display: "block" },
               children: [
-                /* @__PURE__ */ f("thead", { className: "ckds-dragable-thead", style: { display: "block", position: "sticky", top: 0, zIndex: 10, minWidth: q, backgroundColor: "var(--ckds-cell-bg-default, #ffffff)" }, children: [
-                  I && I.length > 0 && /* @__PURE__ */ s(
-                    lt,
+                /* @__PURE__ */ g("thead", { className: "ckds-dragable-thead", style: { display: "block", position: "sticky", top: 0, zIndex: 10, minWidth: U, backgroundColor: "var(--ckds-cell-bg-default, #ffffff)" }, children: [
+                  B && B.length > 0 && /* @__PURE__ */ l(
+                    rt,
                     {
-                      headerGroups: I,
+                      headerGroups: B,
                       table: y,
-                      hasSelection: L,
-                      getSortIcon: U,
-                      selectionCell: L ? /* @__PURE__ */ s(
-                        Ce,
+                      hasSelection: W,
+                      getSortIcon: Z,
+                      selectionCell: W ? /* @__PURE__ */ l(
+                        be,
                         {
-                          isAllSelected: N.isAllSelected,
-                          isIndeterminate: N.isIndeterminate,
-                          onToggleAll: ce
+                          isAllSelected: F.isAllSelected,
+                          isIndeterminate: F.isIndeterminate,
+                          onToggleAll: me
                         }
                       ) : void 0,
-                      lastColId: ge,
+                      lastColId: he,
                       columnSizing: p,
-                      pinnedStyle: Y,
-                      selectionOffset: O
+                      pinnedStyle: ee,
+                      selectionOffset: j
                     }
                   ),
-                  !(I && I.length > 0) && y.getHeaderGroups().map((e) => /* @__PURE__ */ f("tr", { className: "ckds-dragable-tr", style: { display: "flex", width: "100%" }, children: [
-                    L && /* @__PURE__ */ s(
+                  !(B && B.length > 0) && y.getHeaderGroups().map((e) => /* @__PURE__ */ g("tr", { className: "ckds-dragable-tr", style: { display: "flex", width: "100%" }, children: [
+                    W && /* @__PURE__ */ l(
                       "th",
                       {
                         className: "ckds-dragable-th",
                         style: { width: 40, minWidth: 40, maxWidth: 40, flex: "0 0 40px", display: "flex", alignItems: "center", justifyContent: "center", position: "sticky", left: 0, zIndex: 2 },
-                        children: /* @__PURE__ */ s(
-                          Ce,
+                        children: /* @__PURE__ */ l(
+                          be,
                           {
-                            isAllSelected: N.isAllSelected,
-                            isIndeterminate: N.isIndeterminate,
-                            onToggleAll: ce
+                            isAllSelected: F.isAllSelected,
+                            isIndeterminate: F.isIndeterminate,
+                            onToggleAll: me
                           }
                         )
                       }
                     ),
                     e.headers.map((t) => {
-                      const n = t.column.getIsPinned(), o = t.column.id === ge;
-                      return /* @__PURE__ */ f(
+                      const n = t.column.getIsPinned(), o = t.column.id === he;
+                      return /* @__PURE__ */ g(
                         "th",
                         {
                           className: "ckds-dragable-th",
                           style: {
-                            ...Y(t.column, y, O),
-                            ...xe(t.column, x, p),
+                            ...ee(t.column, y, j),
+                            ...ve(t.column, w, p),
                             position: n ? "sticky" : "relative",
                             zIndex: n ? 2 : void 0,
                             display: "flex",
                             flexDirection: "column"
                           },
                           children: [
-                            /* @__PURE__ */ f(
+                            /* @__PURE__ */ g(
                               "div",
                               {
                                 style: {
@@ -414,17 +428,17 @@ function Kt({
                                 onClick: t.column.getCanSort() ? t.column.getToggleSortingHandler() : void 0,
                                 role: "button",
                                 tabIndex: t.column.getCanSort() ? 0 : -1,
-                                onKeyDown: (l) => {
-                                  t.column.getCanSort() && (l.key === "Enter" || l.key === " ") && t.column.getToggleSortingHandler()?.(l);
+                                onKeyDown: (s) => {
+                                  t.column.getCanSort() && (s.key === "Enter" || s.key === " ") && t.column.getToggleSortingHandler()?.(s);
                                 },
                                 children: [
-                                  t.column.columnDef.align === "right" && t.column.getCanSort() && /* @__PURE__ */ s("span", { className: "ckds-sort-icon ckds-sort-icon-left", children: U(t.column.getIsSorted()) }),
-                                  qe(t.column.columnDef.header, t.getContext()),
-                                  t.column.columnDef.align !== "right" && t.column.getCanSort() && /* @__PURE__ */ s("span", { className: "ckds-sort-icon", children: U(t.column.getIsSorted()) })
+                                  t.column.columnDef.align === "right" && t.column.getCanSort() && /* @__PURE__ */ l("span", { className: "ckds-sort-icon ckds-sort-icon-left", children: Z(t.column.getIsSorted()) }),
+                                  Ue(t.column.columnDef.header, t.getContext()),
+                                  t.column.columnDef.align !== "right" && t.column.getCanSort() && /* @__PURE__ */ l("span", { className: "ckds-sort-icon", children: Z(t.column.getIsSorted()) })
                                 ]
                               }
                             ),
-                            !o && t.column.getCanResize() && /* @__PURE__ */ s(
+                            !o && t.column.getCanResize() && /* @__PURE__ */ l(
                               "div",
                               {
                                 onMouseDown: t.getResizeHandler(),
@@ -432,7 +446,7 @@ function Kt({
                                 className: "ckds-col-resize-handle",
                                 role: "separator",
                                 "aria-orientation": "vertical",
-                                children: /* @__PURE__ */ s("div", { className: "ckds-col-resize-line" })
+                                children: /* @__PURE__ */ l("div", { className: "ckds-col-resize-line" })
                               }
                             )
                           ]
@@ -442,57 +456,57 @@ function Kt({
                     })
                   ] }, e.id))
                 ] }),
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ l(
                   "tbody",
                   {
                     className: "ckds-dragable-tbody",
                     style: {
-                      height: $ && V.length ? `${w.getTotalSize()}px` : "auto",
+                      height: $ && O.length ? `${S.getTotalSize()}px` : "auto",
                       position: "relative",
                       display: "block",
                       width: "100%",
-                      minWidth: q
+                      minWidth: U
                     },
-                    children: /* @__PURE__ */ s(
-                      rt,
+                    children: /* @__PURE__ */ l(
+                      at,
                       {
-                        rows: V,
+                        rows: O,
                         virtualization: $,
-                        rowVirtualizer: w,
-                        handleMeasure: Pe,
-                        getEstimatedSize: he,
+                        rowVirtualizer: S,
+                        handleMeasure: _e,
+                        getEstimatedSize: pe,
                         columnSizing: p,
                         tableConfig: a,
                         table: y,
-                        selectionState: N,
+                        selectionState: F,
                         selectionConfig: P,
-                        onToggleRowSelection: Le,
+                        onToggleRowSelection: We,
                         expandableConfig: _,
-                        expandedIds: We,
-                        onToggleExpand: ze
+                        expandedIds: ze,
+                        onToggleExpand: De
                       }
                     )
                   }
                 ),
-                te && /* @__PURE__ */ s("tfoot", { className: "ckds-dragable-tfoot", style: { display: "block", position: "sticky", bottom: 0, zIndex: 10, backgroundColor: "var(--ckds-cell-bg-default, #ffffff)" }, children: /* @__PURE__ */ f("tr", { className: "ckds-dragable-tr", style: { display: "flex", width: "100%" }, children: [
-                  L && /* @__PURE__ */ s("td", { className: "ckds-dragable-td ckds-dragable-total-td", style: { display: "flex", alignItems: "center", width: 40, minWidth: 40, maxWidth: 40, flex: "0 0 40px", position: "sticky", left: 0, zIndex: 2 } }),
+                ne && /* @__PURE__ */ l("tfoot", { className: "ckds-dragable-tfoot", style: { display: "block", position: "sticky", bottom: 0, zIndex: 10, backgroundColor: "var(--ckds-cell-bg-default, #ffffff)" }, children: /* @__PURE__ */ g("tr", { className: "ckds-dragable-tr", style: { display: "flex", width: "100%" }, children: [
+                  W && /* @__PURE__ */ l("td", { className: "ckds-dragable-td ckds-dragable-total-td", style: { display: "flex", alignItems: "center", width: 40, minWidth: 40, maxWidth: 40, flex: "0 0 40px", position: "sticky", left: 0, zIndex: 2 } }),
                   y.getVisibleLeafColumns().map((e, t) => {
-                    const n = e.getIsPinned(), o = te[e.id], l = e.columnDef;
+                    const n = e.getIsPinned(), o = ne[e.id], s = e.columnDef;
                     let r = null;
-                    t === 0 && o === void 0 ? r = /* @__PURE__ */ s("span", { children: "Total" }) : o !== void 0 && (typeof o == "object" && o !== null ? r = /* @__PURE__ */ s("span", { children: o }) : l.prefix || l.suffix || l.decimalPlaces !== void 0 ? r = /* @__PURE__ */ s("span", { children: we(o, l) }) : r = /* @__PURE__ */ s("span", { children: o }));
-                    const m = l.align === "right" ? "right" : l.align === "center" ? "center" : "left";
-                    return /* @__PURE__ */ s(
+                    t === 0 && o === void 0 ? r = /* @__PURE__ */ l("span", { children: "Total" }) : o !== void 0 && (typeof o == "object" && o !== null ? r = /* @__PURE__ */ l("span", { children: o }) : s.prefix || s.suffix || s.decimalPlaces !== void 0 ? r = /* @__PURE__ */ l("span", { children: we(o, s) }) : r = /* @__PURE__ */ l("span", { children: o }));
+                    const u = s.align === "right" ? "right" : s.align === "center" ? "center" : "left";
+                    return /* @__PURE__ */ l(
                       "td",
                       {
                         className: "ckds-dragable-td ckds-dragable-total-td",
                         style: {
-                          ...Y(e, y, O),
+                          ...ee(e, y, j),
                           display: "flex",
                           alignItems: "center",
-                          ...xe(e, x, p),
+                          ...ve(e, w, p),
                           zIndex: n ? 2 : void 0
                         },
-                        children: /* @__PURE__ */ s("div", { style: { width: "100%", textAlign: m, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: r })
+                        children: /* @__PURE__ */ l("div", { style: { width: "100%", textAlign: u, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: r })
                       },
                       e.id
                     );
@@ -500,13 +514,13 @@ function Kt({
                 ] }) })
               ]
             }
-          ) : /* @__PURE__ */ s(
-            Ye,
+          ) : /* @__PURE__ */ l(
+            et,
             {
-              icon: Me ?? /* @__PURE__ */ s(ht, {}),
+              icon: Ie ?? /* @__PURE__ */ l(pt, {}),
               message: {
-                heading: ee?.heading ?? "No data to display",
-                content: ee?.content ?? "There's no activity recorded for this period or filter selection."
+                heading: te?.heading ?? "No data to display",
+                content: te?.content ?? "There's no activity recorded for this period or filter selection."
               },
               classNames: { wrapperClass: "ckds-table-empty-state-wrapper" }
             }
@@ -514,11 +528,11 @@ function Kt({
         }
       )
     ] }),
-    H.open && !G && !M && /* @__PURE__ */ s(
+    V.open && !G && !k && /* @__PURE__ */ l(
       "div",
       {
         className: "ckds-table-filter-modal-wr",
-        onClick: () => k({ ...H, open: !1 }),
+        onClick: () => C({ ...V, open: !1 }),
         role: "dialog",
         "aria-modal": "true",
         style: {
@@ -530,12 +544,12 @@ function Kt({
           justifyContent: "center",
           backgroundColor: "rgba(0,0,0,0.3)"
         },
-        children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ l(
           "div",
           {
             className: "ckds-table-modal-box",
             onClick: (e) => e.stopPropagation(),
-            children: _e
+            children: Ge
           }
         )
       }
@@ -543,6 +557,6 @@ function Kt({
   ] });
 }
 export {
-  Kt as CustomTable,
-  Kt as default
+  At as CustomTable,
+  At as default
 };