@ck-ui/component-library 1.0.8 → 1.0.9

package/dist/components/Table/index.js

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