chordia-ui 4.0.2 → 4.0.3

package/dist/DataTable2.es.js

@@ -1,14 +1,14 @@
-import { jsxs as m, jsx as s, Fragment as Se } from "react/jsx-runtime";
-import ct, { useState as g, useRef as X, useEffect as _, Suspense as on, useMemo as me, useCallback as P, useLayoutEffect as sn } from "react";
-import { u as ln, a as Et, D as an, c as cn, S as dn, h as un, b as fn, s as pn, K as mn, P as hn, d as dt, e as gn, C as yn } from "./sortable.esm.es.js";
-import { CalendarClock as Nt, Download as xn, ChevronDown as bn, Settings2 as vn, X as Sn, GripVertical as ut, Search as wn, Check as Ve, ArrowUp as Fn, ArrowDown as kn, ArrowUpDown as Dn, ListFilter as Cn } from "lucide-react";
-import { createPortal as mt } from "react-dom";
-import { C as Rn, P as zn } from "./CustomFilterChips.es.js";
+import { jsxs as m, jsx as s, Fragment as Fe } from "react/jsx-runtime";
+import ht, { useState as g, useRef as U, useEffect as I, Suspense as cn, useMemo as ge, useCallback as P, useLayoutEffect as dn } from "react";
+import { u as un, a as At, D as fn, c as pn, S as mn, h as hn, b as gn, s as yn, K as xn, P as bn, d as gt, e as vn, C as Sn } from "./sortable.esm.es.js";
+import { CalendarClock as Ot, Download as wn, ChevronDown as Fn, Settings2 as kn, X as Dn, GripVertical as yt, Search as Cn, Check as st, ArrowUp as Rn, ArrowDown as zn, ArrowUpDown as En, ListFilter as Mn } from "lucide-react";
+import { createPortal as vt } from "react-dom";
+import { C as Bn, P as Nn } from "./CustomFilterChips.es.js";
 import "motion/react";
 import "recharts";
 import "./AgentLiftAnalysisCard.es.js";
 import "./TourGuideTooltip.es.js";
-function Bn({
+function Wn({
   dateRangePicker: n,
   onWeekToDate: l,
   exportConfig: d,
@@ -16,10 +16,10 @@ function Bn({
   trailingActions: S
   // Optional extra actions rendered after Export (e.g., Add Users button)
 }) {
-  const [v, a] = g(!1), b = X(null), E = X(null);
-  _(() => {
+  const [v, a] = g(!1), b = U(null), B = U(null);
+  I(() => {
     const D = (w) => {
-      E.current && !E.current.contains(w.target) && b.current && !b.current.contains(w.target) && a(!1);
+      B.current && !B.current.contains(w.target) && b.current && !b.current.contains(w.target) && a(!1);
     };
     if (v)
       return document.addEventListener("mousedown", D), () => {
@@ -33,7 +33,7 @@ function Bn({
   }, L = (() => {
     if (!(f != null && f.filters))
       return !1;
-    const D = f.filters, w = f.customFilters || [], N = Object.entries(D).some(([B, M]) => !!(Array.isArray(M) && M.length || typeof M == "string" && M.trim() !== "" || M && typeof M == "object" && (M.min != null || M.max != null))), H = w.some((B) => B.active);
+    const D = f.filters, w = f.customFilters || [], N = Object.entries(D).some(([E, M]) => !!(Array.isArray(M) && M.length || typeof M == "string" && M.trim() !== "" || M && typeof M == "object" && (M.min != null || M.max != null))), H = w.some((E) => E.active);
     return N || H;
   })();
   return /* @__PURE__ */ m("div", { className: "flex items-center gap-3 flex-wrap", children: [
@@ -44,16 +44,16 @@ function Bn({
         className: "inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white/80 px-4 py-2.5 transition-colors hover:bg-white text-sm font-medium text-gray-900",
         style: { fontFamily: "var(--font-sans)" },
         children: [
-          /* @__PURE__ */ s(Nt, { size: 16 }),
+          /* @__PURE__ */ s(Ot, { size: 16 }),
           /* @__PURE__ */ s("span", { children: "Week to Date" })
         ]
       }
     ),
     n && /* @__PURE__ */ s(
-      on,
+      cn,
       {
         fallback: /* @__PURE__ */ m("div", { className: "inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white/80 px-4 py-2.5 text-sm font-medium text-gray-400", children: [
-          /* @__PURE__ */ s(Nt, { size: 16 }),
+          /* @__PURE__ */ s(Ot, { size: 16 }),
           /* @__PURE__ */ s("span", { children: "Loading..." })
         ] }),
         children: n
@@ -70,17 +70,17 @@ function Bn({
           style: { fontFamily: "var(--font-sans)" },
           children: [
             /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ s(xn, { size: 16 }),
+              /* @__PURE__ */ s(wn, { size: 16 }),
               /* @__PURE__ */ s("span", { children: d.isExporting ? "Exporting..." : "Export" })
             ] }),
-            /* @__PURE__ */ s(bn, { size: 16 })
+            /* @__PURE__ */ s(Fn, { size: 16 })
           ]
         }
       ),
       v && /* @__PURE__ */ s(
         "div",
         {
-          ref: E,
+          ref: B,
           className: "absolute top-full right-0 mt-2 bg-white rounded-lg shadow-lg border border-gray-200 py-1 z-50 min-w-[120px]",
           children: (d.types || ["csv"]).map((D) => /* @__PURE__ */ m(
             "button",
@@ -98,11 +98,11 @@ function Bn({
         }
       )
     ] }),
-    (L || S) && /* @__PURE__ */ m(Se, { children: [
+    (L || S) && /* @__PURE__ */ m(Fe, { children: [
       L && /* @__PURE__ */ s("div", { className: "h-9 mt-1 w-px bg-gray-300 flex-shrink-0" }),
       /* @__PURE__ */ m("div", { className: "flex items-center gap-3 justify-end", children: [
         L && f && /* @__PURE__ */ s(
-          Rn,
+          Bn,
           {
             filters: f.filters,
             onChange: f.onChange,
@@ -116,13 +116,13 @@ function Bn({
     ] })
   ] });
 }
-function ht(n) {
+function St(n) {
   if (n == null)
     return NaN;
   const l = String(n).replace(/[,$%]|pp/gi, "").trim(), d = parseFloat(l);
   return Number.isFinite(d) ? d : NaN;
 }
-function Mn(n) {
+function An(n) {
   if (n == null)
     return NaN;
   const l = String(n).trim(), d = l.match(/^(\d+):(\d+)(?::(\d+))?$/);
@@ -131,10 +131,10 @@ function Mn(n) {
     return z != null ? k * 3600 + C * 60 + z : k * 60 + C;
   }
   let f = 0, S = !1;
-  const v = l.match(/(\d+)\s*d\b/i), a = l.match(/(\d+)\s*h\b/i), b = l.match(/(\d+)\s*m(?!s)\b/i), E = l.match(/(\d+)\s*s\b/i);
-  return v && (f += +v[1] * 86400, S = !0), a && (f += +a[1] * 3600, S = !0), b && (f += +b[1] * 60, S = !0), E && (f += +E[1], S = !0), S ? f : NaN;
+  const v = l.match(/(\d+)\s*d\b/i), a = l.match(/(\d+)\s*h\b/i), b = l.match(/(\d+)\s*m(?!s)\b/i), B = l.match(/(\d+)\s*s\b/i);
+  return v && (f += +v[1] * 86400, S = !0), a && (f += +a[1] * 3600, S = !0), b && (f += +b[1] * 60, S = !0), B && (f += +B[1], S = !0), S ? f : NaN;
 }
-function En(n) {
+function On(n) {
   if (!n)
     return null;
   const l = String(n).trim(), d = l.match(/^(\d{1,2})\/(\d{1,2})\/(\d{2,4})$/);
@@ -145,22 +145,22 @@ function En(n) {
   const f = new Date(l);
   return isNaN(f.getTime()) ? null : f;
 }
-function Nn(n) {
+function Tn(n) {
   if (!n || n.length === 0)
     return "text";
   const l = n.slice(0, 25), d = (f) => l.every(f);
   return d((f) => /^\d{1,2}\/\d{1,2}\/\d{2,4}$/.test(f) || /^\d{4}-\d{2}-\d{2}/.test(f)) ? "date" : d((f) => /^\d+\s*[dhms]\b/i.test(f) || /^\d+:\d+(:\d+)?$/.test(f)) ? "duration" : d((f) => /^-?[\d,.]+(%|pp)?$/i.test(f)) ? "number" : "text";
 }
-function je(n) {
+function Ue(n) {
   return n ? Array.isArray(n) ? n.length > 0 : n.type === "range" ? n.min !== "" && n.min !== void 0 && n.min !== null || n.max !== "" && n.max !== void 0 && n.max !== null : n.type === "durationRange" ? n.minSec !== "" && n.minSec != null || n.maxSec !== "" && n.maxSec != null : n.type === "scoreRange" ? Array.isArray(n.values) && n.values.length > 0 || n.min !== "" && n.min != null || n.max !== "" && n.max != null : n.type === "dateRange" ? !!(n.from || n.to) : !1 : !1;
 }
-function Wt(n) {
+function Tt(n) {
   if (n == null || n === "" || isNaN(n))
     return "";
   const l = Number(n), d = Math.floor(l / 3600), f = Math.floor(l % 3600 / 60), S = Math.floor(l % 60);
   return d > 0 ? `${d}h ${f}m` : f > 0 ? `${f}m ${S}s` : `${S}s`;
 }
-function Wn(n) {
+function $n(n) {
   if (!n)
     return "";
   if (Array.isArray(n))
@@ -170,7 +170,7 @@ function Wn(n) {
     return l != null && d != null ? `${l} – ${d}` : l != null ? `≥ ${l}` : d != null ? `≤ ${d}` : "";
   }
   if (n.type === "durationRange") {
-    const l = n.minSec !== "" && n.minSec != null ? Wt(n.minSec) : null, d = n.maxSec !== "" && n.maxSec != null ? Wt(n.maxSec) : null;
+    const l = n.minSec !== "" && n.minSec != null ? Tt(n.minSec) : null, d = n.maxSec !== "" && n.maxSec != null ? Tt(n.maxSec) : null;
     return l && d ? `${l} – ${d}` : l ? `≥ ${l}` : d ? `≤ ${d}` : "";
   }
   if (n.type === "scoreRange") {
@@ -181,10 +181,10 @@ function Wn(n) {
   }
   return n.type === "dateRange" ? n.from && n.to ? `${n.from} – ${n.to}` : n.from ? `from ${n.from}` : n.to ? `to ${n.to}` : "" : "";
 }
-function An(n) {
+function Ln(n) {
   return Array.isArray(n) ? Math.max(0, n.length - 1) : 0;
 }
-function $n(n) {
+function Pn(n) {
   return Array.isArray(n) ? n.slice(1).map(String).join(", ") : "";
 }
 function In({ count: n, values: l }) {
@@ -242,7 +242,7 @@ function In({ count: n, values: l }) {
     }
   );
 }
-function On({ leftLabel: n, rightLabel: l, leftValue: d, rightValue: f, onLeftChange: S, onRightChange: v, type: a = "number", placeholderLeft: b = "Min", placeholderRight: E = "Max" }) {
+function jn({ leftLabel: n, rightLabel: l, leftValue: d, rightValue: f, onLeftChange: S, onRightChange: v, type: a = "number", placeholderLeft: b = "Min", placeholderRight: B = "Max" }) {
   const k = {
     width: "100%",
     height: 32,
@@ -278,14 +278,14 @@ function On({ leftLabel: n, rightLabel: l, leftValue: d, rightValue: f, onLeftCh
           type: a,
           value: f,
           onChange: (z) => v(z.target.value),
-          placeholder: E,
+          placeholder: B,
           style: k
         }
       )
     ] })
   ] });
 }
-const At = [
+const $t = [
   { id: "0-60", label: "0 to 60 Sec", minSec: 0, maxSec: 60 },
   { id: "60-120", label: "1m to 2 m", minSec: 60, maxSec: 120 },
   { id: "120-180", label: "2m to 3 m", minSec: 120, maxSec: 180 },
@@ -293,7 +293,7 @@ const At = [
   { id: "240-300", label: "4m to 5m", minSec: 240, maxSec: 300 },
   { id: "300+", label: "5 mins and above", minSec: 300, maxSec: null }
 ];
-function $t(n) {
+function Lt(n) {
   if (n == null || n === "")
     return null;
   const l = String(n).trim().match(/^(\d{1,3}):(\d{2})$/);
@@ -302,7 +302,7 @@ function $t(n) {
   const d = Number(n);
   return Number.isFinite(d) ? d : null;
 }
-function ft({ children: n }) {
+function xt({ children: n }) {
   return /* @__PURE__ */ s(
     "div",
     {
@@ -318,7 +318,7 @@ function ft({ children: n }) {
     }
   );
 }
-function pt({
+function bt({
   minValue: n,
   maxValue: l,
   onMinChange: d,
@@ -327,7 +327,7 @@ function pt({
   inputMode: v = "decimal",
   step: a,
   placeholder: b = "0.0",
-  unit: E
+  unit: B
 }) {
   const k = {
     width: "100%",
@@ -375,7 +375,7 @@ function pt({
         )
       ] })
     ] }),
-    E && /* @__PURE__ */ m(
+    B && /* @__PURE__ */ m(
       "span",
       {
         style: {
@@ -385,108 +385,108 @@ function pt({
         },
         children: [
           "Enter durations in ",
-          E === "sec" ? "seconds" : E
+          B === "sec" ? "seconds" : B
         ]
       }
     )
   ] });
 }
-function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popoverRef: S, distinctValues: v, initialValue: a, onApply: b, onCancel: E, onSearch: k = null, searchMinChars: C = 3 }) {
-  const z = d === "text", L = d === "number", D = d === "date", w = d === "duration", N = d === "score", H = /duration/i.test(String((n == null ? void 0 : n.label) || l || "")), B = me(() => {
+function _n({ column: n, columnId: l, filterType: d = "text", position: f, popoverRef: S, distinctValues: v, initialValue: a, onApply: b, onCancel: B, onSearch: k = null, searchMinChars: C = 3 }) {
+  const z = d === "text", L = d === "number", D = d === "date", w = d === "duration", N = d === "score", H = /duration/i.test(String((n == null ? void 0 : n.label) || l || "")), E = ge(() => {
     if (!N || !Array.isArray(v) || v.length === 0)
       return !1;
     let p = 1 / 0, h = -1 / 0;
     for (const y of v) {
-      const F = ht(y);
+      const F = St(y);
       Number.isFinite(F) && (F < p && (p = F), F > h && (h = F));
     }
     return Number.isFinite(p) && Number.isFinite(h) && p >= 0 && h <= 5;
   }, [N, v]), [M, ae] = g(
     () => z ? new Set(Array.isArray(a) ? a : []) : /* @__PURE__ */ new Set()
-  ), [he, Q] = g(""), [$, oe] = g(() => L && (a == null ? void 0 : a.type) === "range" && a.min != null ? a.min : ""), [Z, K] = g(() => L && (a == null ? void 0 : a.type) === "range" && a.max != null ? a.max : ""), [U, ge] = g(/* @__PURE__ */ new Set()), [V, te] = g(
+  ), [ye, Y] = g(""), [O, oe] = g(() => L && (a == null ? void 0 : a.type) === "range" && a.min != null ? a.min : ""), [Z, K] = g(() => L && (a == null ? void 0 : a.type) === "range" && a.max != null ? a.max : ""), [X, xe] = g(/* @__PURE__ */ new Set()), [V, te] = g(
     () => w && (a == null ? void 0 : a.type) === "durationRange" && a.minSec != null && a.minSec !== "" ? String(a.minSec) : ""
-  ), [ye, ne] = g(
+  ), [be, ne] = g(
     () => w && (a == null ? void 0 : a.type) === "durationRange" && a.maxSec != null && a.maxSec !== "" ? String(a.maxSec) : ""
-  ), [ce, we] = g(
+  ), [ce, ke] = g(
     () => N && (a == null ? void 0 : a.type) === "scoreRange" && Array.isArray(a.values) ? new Set(a.values) : /* @__PURE__ */ new Set()
-  ), [Be, Y] = g(
+  ), [We, Q] = g(
     () => N && (a == null ? void 0 : a.type) === "scoreRange" && a.min != null && a.min !== "" ? String(a.min) : ""
   ), [W, se] = g(
     () => N && (a == null ? void 0 : a.type) === "scoreRange" && a.max != null && a.max !== "" ? String(a.max) : ""
-  ), [re, de] = g(() => D && (a == null ? void 0 : a.type) === "dateRange" && a.from || ""), [J, Fe] = g(() => D && (a == null ? void 0 : a.type) === "dateRange" && a.to || "");
-  _(() => {
+  ), [re, de] = g(() => D && (a == null ? void 0 : a.type) === "dateRange" && a.from || ""), [G, De] = g(() => D && (a == null ? void 0 : a.type) === "dateRange" && a.to || "");
+  I(() => {
     z && ae(new Set(Array.isArray(a) ? a : []));
   }, [l, z]);
-  const [ke, Me] = g(null), [A, ue] = g(!1), be = X(0), ee = he.trim(), ve = z && typeof k == "function" && ee.length >= C;
-  _(() => {
+  const [Ce, Ae] = g(null), [A, ue] = g(!1), Se = U(0), ee = ye.trim(), we = z && typeof k == "function" && ee.length >= C;
+  I(() => {
     if (!z || typeof k != "function")
       return;
     if (ee.length < C) {
-      Me(null), ue(!1);
+      Ae(null), ue(!1);
       return;
     }
-    const p = ++be.current;
+    const p = ++Se.current;
     ue(!0);
     const h = setTimeout(async () => {
       try {
         const y = await k(ee);
-        if (p !== be.current)
+        if (p !== Se.current)
           return;
-        const F = Array.isArray(y) ? y.map((I) => I && typeof I == "object" ? I.label ?? I.value : I).filter((I) => I != null && I !== "").map(String) : [];
-        Me(F);
+        const F = Array.isArray(y) ? y.map((T) => T && typeof T == "object" ? T.label ?? T.value : T).filter((T) => T != null && T !== "").map(String) : [];
+        Ae(F);
       } catch {
-        p === be.current && Me([]);
+        p === Se.current && Ae([]);
       } finally {
-        p === be.current && ue(!1);
+        p === Se.current && ue(!1);
       }
     }, 300);
     return () => clearTimeout(h);
   }, [z, k, ee, C]);
-  const xe = me(() => {
-    const p = ee.toLowerCase(), h = ve ? ke || [] : p ? v.filter((F) => String(F).toLowerCase().includes(p)) : v, y = /* @__PURE__ */ new Map();
+  const ve = ge(() => {
+    const p = ee.toLowerCase(), h = we ? Ce || [] : p ? v.filter((F) => String(F).toLowerCase().includes(p)) : v, y = /* @__PURE__ */ new Map();
     for (const F of h)
       y.set(String(F), F);
     for (const F of M)
       y.set(String(F), F);
-    return Array.from(y.values()).sort((F, I) => {
-      const fe = M.has(F), $e = M.has(I);
-      return fe !== $e ? fe ? -1 : 1 : String(F).localeCompare(String(I));
+    return Array.from(y.values()).sort((F, T) => {
+      const fe = M.has(F), Pe = M.has(T);
+      return fe !== Pe ? fe ? -1 : 1 : String(F).localeCompare(String(T));
     });
-  }, [v, ee, M, ve, ke]), Ee = (p) => {
+  }, [v, ee, M, we, Ce]), Oe = (p) => {
     ae((h) => {
       const y = new Set(h);
       return y.has(p) ? y.delete(p) : y.add(p), y;
     });
-  }, et = () => {
-    z && ae(/* @__PURE__ */ new Set()), L && (oe(""), K("")), w && (ge(/* @__PURE__ */ new Set()), te(""), ne("")), N && (we(/* @__PURE__ */ new Set()), Y(""), se("")), D && (de(""), Fe("")), Q("");
-  }, Ne = (p) => {
-    ge((h) => {
+  }, it = () => {
+    z && ae(/* @__PURE__ */ new Set()), L && (oe(""), K("")), w && (xe(/* @__PURE__ */ new Set()), te(""), ne("")), N && (ke(/* @__PURE__ */ new Set()), Q(""), se("")), D && (de(""), De("")), Y("");
+  }, Te = (p) => {
+    xe((h) => {
       const y = new Set(h);
       return y.has(p) ? y.delete(p) : y.add(p), y;
     });
-  }, We = (p) => {
-    we((h) => {
+  }, $e = (p) => {
+    ke((h) => {
       const y = new Set(h);
       return y.has(p) ? y.delete(p) : y.add(p), y;
     });
-  }, Ae = () => {
+  }, Le = () => {
     if (z)
       return b(Array.from(M));
     if (L)
-      return b({ type: "range", min: $ === "" ? "" : Number($), max: Z === "" ? "" : Number(Z) });
+      return b({ type: "range", min: O === "" ? "" : Number(O), max: Z === "" ? "" : Number(Z) });
     if (w) {
-      const p = $t(V), h = $t(ye), y = p != null || h != null;
-      let F = "", I = "";
+      const p = Lt(V), h = Lt(be), y = p != null || h != null;
+      let F = "", T = "";
       if (y)
-        F = p ?? "", I = h ?? "";
-      else if (U.size > 0) {
-        const fe = At.filter((q) => U.has(q.id));
-        F = Math.min(...fe.map((q) => q.minSec)), I = fe.some((q) => q.maxSec == null) ? "" : Math.max(...fe.map((q) => q.maxSec));
+        F = p ?? "", T = h ?? "";
+      else if (X.size > 0) {
+        const fe = $t.filter((q) => X.has(q.id));
+        F = Math.min(...fe.map((q) => q.minSec)), T = fe.some((q) => q.maxSec == null) ? "" : Math.max(...fe.map((q) => q.maxSec));
       }
-      return b({ type: "durationRange", minSec: F, maxSec: I });
+      return b({ type: "durationRange", minSec: F, maxSec: T });
     }
     if (N) {
-      const p = Be === "" ? null : Number(Be), h = W === "" ? null : Number(W);
+      const p = We === "" ? null : Number(We), h = W === "" ? null : Number(W);
       return p != null || h != null ? b({
         type: "scoreRange",
         values: [],
@@ -494,13 +494,13 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
         max: h != null && Number.isFinite(h) ? h : ""
       }) : b({
         type: "scoreRange",
-        values: Array.from(ce).sort((F, I) => F - I),
+        values: Array.from(ce).sort((F, T) => F - T),
         min: "",
         max: ""
       });
     }
     if (D)
-      return b({ type: "dateRange", from: re, to: J });
+      return b({ type: "dateRange", from: re, to: G });
   };
   return /* @__PURE__ */ m(
     "div",
@@ -525,7 +525,7 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
         fontFamily: "var(--font-sans)"
       },
       children: [
-        z && /* @__PURE__ */ m(Se, { children: [
+        z && /* @__PURE__ */ m(Fe, { children: [
           /* @__PURE__ */ s(
             "div",
             {
@@ -551,14 +551,14 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
                     padding: "0 8px"
                   },
                   children: [
-                    /* @__PURE__ */ s(wn, { size: 16, color: "#989898", strokeWidth: 2 }),
+                    /* @__PURE__ */ s(Cn, { size: 16, color: "#989898", strokeWidth: 2 }),
                     /* @__PURE__ */ s(
                       "input",
                       {
                         autoFocus: !0,
                         type: "text",
-                        value: he,
-                        onChange: (p) => Q(p.target.value),
+                        value: ye,
+                        onChange: (p) => Y(p.target.value),
                         placeholder: "Search",
                         style: {
                           flex: 1,
@@ -577,7 +577,7 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
               )
             }
           ),
-          /* @__PURE__ */ s("div", { style: { maxHeight: 220, overflowY: "auto", display: "flex", flexDirection: "column", gap: 4 }, children: typeof k == "function" && ee.length > 0 && ee.length < C ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: `Type at least ${C} characters to search` }) : A ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: "Searching…" }) : xe.length === 0 ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: "No values" }) : xe.map((p) => {
+          /* @__PURE__ */ s("div", { style: { maxHeight: 220, overflowY: "auto", display: "flex", flexDirection: "column", gap: 4 }, children: typeof k == "function" && ee.length > 0 && ee.length < C ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: `Type at least ${C} characters to search` }) : A ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: "Searching…" }) : ve.length === 0 ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: "No values" }) : ve.map((p) => {
             const h = M.has(p);
             return /* @__PURE__ */ m(
               "label",
@@ -605,7 +605,7 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
                         border: `1px solid ${h ? "#0B0B0B" : "#676767"}`,
                         flexShrink: 0
                       },
-                      children: h && /* @__PURE__ */ s(Ve, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
+                      children: h && /* @__PURE__ */ s(st, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
                     }
                   ),
                   /* @__PURE__ */ s(
@@ -613,7 +613,7 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
                     {
                       type: "checkbox",
                       checked: h,
-                      onChange: () => Ee(p),
+                      onChange: () => Oe(p),
                       style: { position: "absolute", opacity: 0, pointerEvents: "none" },
                       tabIndex: -1
                     }
@@ -622,7 +622,7 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
                     "span",
                     {
                       onClick: (y) => {
-                        y.preventDefault(), Ee(p);
+                        y.preventDefault(), Oe(p);
                       },
                       style: {
                         fontSize: 14,
@@ -642,12 +642,12 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
             );
           }) })
         ] }),
-        L && /* @__PURE__ */ m(Se, { children: [
-          /* @__PURE__ */ s(ft, { children: n.label || "Filter" }),
+        L && /* @__PURE__ */ m(Fe, { children: [
+          /* @__PURE__ */ s(xt, { children: n.label || "Filter" }),
           /* @__PURE__ */ s(
-            pt,
+            bt,
             {
-              minValue: $,
+              minValue: O,
               maxValue: Z,
               onMinChange: oe,
               onMaxChange: K,
@@ -656,20 +656,20 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
             }
           )
         ] }),
-        w && /* @__PURE__ */ m(Se, { children: [
-          /* @__PURE__ */ s(ft, { children: n.label || "Duration" }),
-          n.filterShowPresets === !0 && /* @__PURE__ */ m(Se, { children: [
-            /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: At.map((p) => {
-              const h = U.has(p.id);
+        w && /* @__PURE__ */ m(Fe, { children: [
+          /* @__PURE__ */ s(xt, { children: n.label || "Duration" }),
+          n.filterShowPresets === !0 && /* @__PURE__ */ m(Fe, { children: [
+            /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: $t.map((p) => {
+              const h = X.has(p.id);
               return /* @__PURE__ */ m(
                 "div",
                 {
                   role: "checkbox",
                   "aria-checked": h,
                   tabIndex: 0,
-                  onClick: () => Ne(p.id),
+                  onClick: () => Te(p.id),
                   onKeyDown: (y) => {
-                    (y.key === " " || y.key === "Enter") && (y.preventDefault(), Ne(p.id));
+                    (y.key === " " || y.key === "Enter") && (y.preventDefault(), Te(p.id));
                   },
                   style: {
                     display: "flex",
@@ -693,7 +693,7 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
                           border: `1px solid ${h ? "#0B0B0B" : "#676767"}`,
                           flexShrink: 0
                         },
-                        children: h && /* @__PURE__ */ s(Ve, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
+                        children: h && /* @__PURE__ */ s(st, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
                       }
                     ),
                     /* @__PURE__ */ s(
@@ -730,10 +730,10 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
             )
           ] }),
           /* @__PURE__ */ s(
-            pt,
+            bt,
             {
               minValue: V,
-              maxValue: ye,
+              maxValue: be,
               onMinChange: te,
               onMaxChange: ne,
               inputType: "number",
@@ -743,9 +743,9 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
             }
           )
         ] }),
-        N && /* @__PURE__ */ m(Se, { children: [
-          /* @__PURE__ */ s(ft, { children: n.label || "Score" }),
-          B && n.filterShowPresets === !0 && /* @__PURE__ */ m(Se, { children: [
+        N && /* @__PURE__ */ m(Fe, { children: [
+          /* @__PURE__ */ s(xt, { children: n.label || "Score" }),
+          E && n.filterShowPresets === !0 && /* @__PURE__ */ m(Fe, { children: [
             /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [1, 2, 3, 4, 5].map((p) => {
               const h = ce.has(p);
               return /* @__PURE__ */ m(
@@ -754,9 +754,9 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
                   role: "checkbox",
                   "aria-checked": h,
                   tabIndex: 0,
-                  onClick: () => We(p),
+                  onClick: () => $e(p),
                   onKeyDown: (y) => {
-                    (y.key === " " || y.key === "Enter") && (y.preventDefault(), We(p));
+                    (y.key === " " || y.key === "Enter") && (y.preventDefault(), $e(p));
                   },
                   style: {
                     display: "flex",
@@ -780,7 +780,7 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
                           border: `1px solid ${h ? "#0B0B0B" : "#676767"}`,
                           flexShrink: 0
                         },
-                        children: h && /* @__PURE__ */ s(Ve, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
+                        children: h && /* @__PURE__ */ s(st, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
                       }
                     ),
                     /* @__PURE__ */ s(
@@ -802,7 +802,7 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
             }) }),
             /* @__PURE__ */ s("div", { style: { height: 1, background: "#D9D9D9", margin: "0 -12px" } })
           ] }),
-          B && n.filterShowPresets === !0 && /* @__PURE__ */ s(
+          E && n.filterShowPresets === !0 && /* @__PURE__ */ s(
             "div",
             {
               style: {
@@ -817,25 +817,25 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
             }
           ),
           /* @__PURE__ */ s(
-            pt,
+            bt,
             {
-              minValue: Be,
+              minValue: We,
               maxValue: W,
-              onMinChange: Y,
+              onMinChange: Q,
               onMaxChange: se,
               step: "0.1"
             }
           )
         ] }),
         D && /* @__PURE__ */ s(
-          On,
+          jn,
           {
             leftLabel: "From",
             rightLabel: "To",
             leftValue: re,
-            rightValue: J,
+            rightValue: G,
             onLeftChange: de,
-            onRightChange: Fe,
+            onRightChange: De,
             type: "date",
             placeholderLeft: "",
             placeholderRight: ""
@@ -847,7 +847,7 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
             "button",
             {
               type: "button",
-              onClick: et,
+              onClick: it,
               style: {
                 background: "transparent",
                 border: "none",
@@ -858,14 +858,14 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
                 color: "#323232",
                 fontFamily: "var(--font-sans)"
               },
-              children: w && n.filterShowPresets === !0 || N && B && n.filterShowPresets === !0 ? "View All" : "Reset"
+              children: w && n.filterShowPresets === !0 || N && E && n.filterShowPresets === !0 ? "View All" : "Reset"
             }
           ),
           /* @__PURE__ */ s(
             "button",
             {
               type: "button",
-              onClick: Ae,
+              onClick: Le,
               style: {
                 background: "#0B0B0B",
                 color: "#FFFFFF",
@@ -886,8 +886,8 @@ function Ln({ column: n, columnId: l, filterType: d = "text", position: f, popov
     }
   );
 }
-const Pn = () => ({ userData: { email: "anonymous" } }), Tn = (n) => /* @__PURE__ */ s("img", { ...n });
-function jn({
+const Hn = () => ({ userData: { email: "anonymous" } }), Kn = (n) => /* @__PURE__ */ s("img", { ...n });
+function Un({
   children: n,
   content: l,
   direction: d = "top",
@@ -895,34 +895,34 @@ function jn({
   styling: S,
   indicatorColor: v
 }) {
-  const a = typeof l == "string" ? l : l != null ? String(l) : "", b = typeof v == "string" && (v.startsWith("#") || v.startsWith("rgb") || v.startsWith("hsl") || v.startsWith("var(")) ? v : "var(--Grey-Strong, #2E3236)", [E, k] = g(!1), [C, z] = g(!1), [L, D] = g({ top: 0, left: 0, arrowLeft: 0, placement: "top" }), w = X(null), N = X(null);
+  const a = typeof l == "string" ? l : l != null ? String(l) : "", b = typeof v == "string" && (v.startsWith("#") || v.startsWith("rgb") || v.startsWith("hsl") || v.startsWith("var(")) ? v : "var(--Grey-Strong, #2E3236)", [B, k] = g(!1), [C, z] = g(!1), [L, D] = g({ top: 0, left: 0, arrowLeft: 0, placement: "top" }), w = U(null), N = U(null);
   if (!a)
     return n;
-  _(() => {
+  I(() => {
     z(!0);
   }, []);
   const H = P(() => {
     if (!w.current || !N.current || typeof window > "u")
       return;
-    const B = w.current.getBoundingClientRect(), M = N.current.getBoundingClientRect(), ae = window.innerWidth, he = window.innerHeight, Q = 8, $ = 10, oe = M.width, Z = M.height, K = B.top, U = he - B.bottom, ge = d === "bottom" ? "bottom" : "top";
-    let V = ge;
-    ge === "top" && K < Z + $ + Q && U > K ? V = "bottom" : ge === "bottom" && U < Z + $ + Q && K > U && (V = "top");
-    let te = B.left + B.width / 2;
-    f === "start" && (te = B.left), f === "end" && (te = B.right);
-    let ye = V === "top" ? B.top - Z - $ : B.bottom + $, ne = f === "start" ? te : f === "end" ? te - oe : te - oe / 2;
-    ye = Math.max(Q, Math.min(ye, he - Z - Q)), ne = Math.max(Q, Math.min(ne, ae - oe - Q));
+    const E = w.current.getBoundingClientRect(), M = N.current.getBoundingClientRect(), ae = window.innerWidth, ye = window.innerHeight, Y = 8, O = 10, oe = M.width, Z = M.height, K = E.top, X = ye - E.bottom, xe = d === "bottom" ? "bottom" : "top";
+    let V = xe;
+    xe === "top" && K < Z + O + Y && X > K ? V = "bottom" : xe === "bottom" && X < Z + O + Y && K > X && (V = "top");
+    let te = E.left + E.width / 2;
+    f === "start" && (te = E.left), f === "end" && (te = E.right);
+    let be = V === "top" ? E.top - Z - O : E.bottom + O, ne = f === "start" ? te : f === "end" ? te - oe : te - oe / 2;
+    be = Math.max(Y, Math.min(be, ye - Z - Y)), ne = Math.max(Y, Math.min(ne, ae - oe - Y));
     const ce = Math.max(10, Math.min(te - ne, oe - 10));
-    D({ top: ye, left: ne, arrowLeft: ce, placement: V });
+    D({ top: be, left: ne, arrowLeft: ce, placement: V });
   }, [f, d]);
-  return _(() => {
-    if (!E || !C)
+  return I(() => {
+    if (!B || !C)
       return;
     H();
-    const B = () => H();
-    return window.addEventListener("resize", B), window.addEventListener("scroll", B, !0), () => {
-      window.removeEventListener("resize", B), window.removeEventListener("scroll", B, !0);
+    const E = () => H();
+    return window.addEventListener("resize", E), window.addEventListener("scroll", E, !0), () => {
+      window.removeEventListener("resize", E), window.removeEventListener("scroll", E, !0);
     };
-  }, [E, C, H]), /* @__PURE__ */ m(
+  }, [B, C, H]), /* @__PURE__ */ m(
     "span",
     {
       ref: w,
@@ -931,7 +931,7 @@ function jn({
       onMouseLeave: () => k(!1),
       children: [
         n,
-        E && C && mt(
+        B && C && vt(
           /* @__PURE__ */ m(
             "span",
             {
@@ -987,7 +987,7 @@ function jn({
     }
   );
 }
-function Vn({
+function rr({
   data: n = [],
   columns: l = [],
   initialPageSize: d = 10,
@@ -1001,7 +1001,7 @@ function Vn({
   // Controlled pageSize (null = use internal state)
   onPageChange: b = null,
   // Callback for page changes (null = use internal state)
-  onPageSizeChange: E = null,
+  onPageSizeChange: B = null,
   // Callback for pageSize changes (null = use internal state)
   onFilterChange: k = null,
   // Callback for filter changes (null = use client-side filtering)
@@ -1022,7 +1022,7 @@ function Vn({
   filtersConfig: H = null,
   // Top toolbar filter config (chips/date/export). Note: this is different from `columnFilters` for inline header inputs.
   // Column resize (optional) — min/max in px; columns may override with column.minWidth / column.maxWidth
-  columnResizeMinWidth: B = 120,
+  columnResizeMinWidth: E = 120,
   columnResizeMaxWidth: M = 280,
   // Fires whenever the user-visible column set changes. Useful for hosts that
   // want to scope a CSV export, etc., to whatever the user has selected.
@@ -1031,27 +1031,27 @@ function Vn({
   // When true, hides the "Columns" picker button in the toolbar. The
   // surrounding toolbar wrapper is also skipped if no other toolbar content
   // (e.g. `filtersConfig`) is configured.
-  hideColumnPicker: he = !1
+  hideColumnPicker: ye = !1
 }) {
-  var Mt;
-  const { userData: Q } = Pn(), $ = (Q == null ? void 0 : Q.email) || "anonymous", oe = ct.memo(({ children: e, content: t, className: r = "" }) => {
-    const i = X(null), [o, u] = g(!1);
-    _(() => {
+  var Wt;
+  const { userData: Y } = Hn(), O = (Y == null ? void 0 : Y.email) || "anonymous", oe = ht.memo(({ children: e, content: t, className: r = "" }) => {
+    const i = U(null), [o, u] = g(!1);
+    I(() => {
       const x = () => {
         if (i.current) {
-          const j = i.current.scrollWidth > i.current.clientWidth;
-          u(j);
+          const _ = i.current.scrollWidth > i.current.clientWidth;
+          u(_);
         }
       };
       x();
-      const T = setTimeout(x, 0);
+      const j = setTimeout(x, 0);
       return window.addEventListener("resize", x), () => {
-        clearTimeout(T), window.removeEventListener("resize", x);
+        clearTimeout(j), window.removeEventListener("resize", x);
       };
     }, [e, t]);
     const c = /* @__PURE__ */ s("span", { className: `truncate block ${r}`, ref: i, children: e });
     return o && t ? /* @__PURE__ */ s(
-      jn,
+      Un,
       {
         content: t,
         styling: "bg-green-2 text-gray-900 px-3 py-2 text-sm rounded-lg shadow-md border border-gray-300 max-w-xs whitespace-normal",
@@ -1062,11 +1062,11 @@ function Vn({
     ) : c;
   });
   oe.displayName = "TruncatedCell";
-  const Z = S !== null && b !== null, K = k !== null, U = L !== null, [ge, V] = g(1), [te, ye] = g(d), ne = v !== null ? v : ge, ce = a !== null ? a : te, we = (e) => {
+  const Z = S !== null && b !== null, K = k !== null, X = L !== null, [xe, V] = g(1), [te, be] = g(d), ne = v !== null ? v : xe, ce = a !== null ? a : te, ke = (e) => {
     b ? b(e) : V(e);
-  }, Be = (e) => {
-    E ? E(e) : ye(e);
-  }, Y = 50, W = "action", se = X(!1), re = me(() => w ? `dataTable_columns_${w}:${$}` : `dataTable_columns_${l.map((t) => t.id || t.key).sort().join("_")}:${$}`, [w, l, $]), de = me(() => w ? `dataTable_manual_change_${w}:${$}` : null, [w, $]);
+  }, We = (e) => {
+    B ? B(e) : be(e);
+  }, Q = 50, W = "action", se = U(!1), re = ge(() => w ? `dataTable_columns_${w}:${O}` : `dataTable_columns_${l.map((t) => t.id || t.key).sort().join("_")}:${O}`, [w, l, O]), de = ge(() => w ? `dataTable_manual_change_${w}:${O}` : null, [w, O]);
   P((e, t) => {
     if (typeof window > "u" || !e || !t || t.length === 0)
       return null;
@@ -1084,16 +1084,16 @@ function Vn({
     }
     return null;
   }, []);
-  const [J, Fe] = g({}), [ke, Me] = g(""), [A, ue] = g(null), [be, ee] = g({ top: 0, left: 0 }), ve = X(null), xe = X({}), [Ee, et] = g(null), [Ne, We] = g("asc"), Ae = P((e, t) => {
-    const r = je(t);
-    Fe((i) => {
+  const [G, De] = g({}), [Ce, Ae] = g(""), [A, ue] = g(null), [Se, ee] = g({ top: 0, left: 0 }), we = U(null), ve = U({}), [Oe, it] = g(null), [Te, $e] = g("asc"), Le = P((e, t) => {
+    const r = Ue(t);
+    De((i) => {
       const o = { ...i };
       return r ? o[e] = t : delete o[e], o;
     }), b ? b(1) : V(1), K && k && k(
-      r ? { ...J, [e]: t } : Object.fromEntries(Object.entries(J).filter(([i]) => i !== e))
+      r ? { ...G, [e]: t } : Object.fromEntries(Object.entries(G).filter(([i]) => i !== e))
     );
-  }, [J, k, K, b]), p = P(() => {
-    Fe({}), Me(""), b ? b(1) : V(1), K && k && k({});
+  }, [G, k, K, b]), p = P(() => {
+    De({}), Ae(""), b ? b(1) : V(1), K && k && k({});
   }, [k, K, b]), h = P((e) => {
     const t = l.find((o) => (o.id || o.key) === e);
     if (t && Array.isArray(t.filterOptions)) {
@@ -1118,13 +1118,13 @@ function Vn({
     }
     return i.sort((o, u) => o.localeCompare(u));
   }, [n, l]), y = P((e) => {
-    const t = l.find((r) => G(r) === e);
-    return t && t.filterType ? t.filterType : Nn(h(e));
+    const t = l.find((r) => J(r) === e);
+    return t && t.filterType ? t.filterType : Tn(h(e));
   }, [l, h]), F = P((e) => {
     const i = typeof window < "u" ? window.innerWidth : 1 / 0;
     let o = e.left;
     return o + 280 > i - 8 && (o = Math.max(8, e.right - 280)), { top: e.bottom + 6, left: o };
-  }, []), I = P((e, t) => {
+  }, []), T = P((e, t) => {
     if (!t) {
       ue(e);
       return;
@@ -1132,23 +1132,23 @@ function Vn({
     const r = t.getBoundingClientRect();
     ee(F(r)), ue((i) => i === e ? null : e);
   }, [F]);
-  _(() => {
+  I(() => {
     if (!A)
       return;
     const e = (t) => {
-      if (ve.current && ve.current.contains(t.target))
+      if (we.current && we.current.contains(t.target))
         return;
-      const r = xe.current[A];
-      r && r.contains(t.target) || Object.values(xe.current).some(
+      const r = ve.current[A];
+      r && r.contains(t.target) || Object.values(ve.current).some(
         (o) => o && o.contains(t.target)
       ) || ue(null);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [A]), _(() => {
+  }, [A]), I(() => {
     if (!A)
       return;
     const e = () => {
-      const t = xe.current[A];
+      const t = ve.current[A];
       if (!t)
         return;
       const r = t.getBoundingClientRect();
@@ -1157,44 +1157,44 @@ function Vn({
     return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
       window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
     };
-  }, [A, F]), sn(() => {
+  }, [A, F]), dn(() => {
     if (!A)
       return;
-    const e = ve.current, t = xe.current[A];
+    const e = we.current, t = ve.current[A];
     if (!e || !t)
       return;
     const r = e.offsetWidth, i = t.getBoundingClientRect(), o = 8, u = typeof window < "u" ? window.innerWidth : 1 / 0;
     if (!(i.left + r > u - o))
       return;
     const x = Math.max(o, i.right - r);
-    ee((T) => T.left === x ? T : { ...T, left: x });
-  }, [A, be.top]);
+    ee((j) => j.left === x ? j : { ...j, left: x });
+  }, [A, Se.top]);
   const fe = P((e) => !e || typeof e != "object" ? {} : Object.fromEntries(
     Object.entries(e).filter(([, t]) => t == null ? !1 : typeof t == "string" ? t.trim() !== "" : !0)
-  ), []), $e = P((e, t) => {
+  ), []), Pe = P((e, t) => {
     const r = Object.keys(e || {}), i = Object.keys(t || {});
     return r.length !== i.length ? !1 : r.every((o) => e[o] === t[o]);
   }, []);
-  _(() => {
+  I(() => {
     if (!K || C === null)
       return;
     const e = fe(C);
-    Fe((t) => $e(t, e) ? t : e);
-  }, [K, C, fe, $e]), P((e, t) => e === "csat_score" && t === "evaluation.csat_score" ? t : e, []);
-  const q = U && D.length > 0 ? D[0][0] : Ee, _e = U && D.length > 0 ? D[0][1] : Ne, [_n, gt] = g(
+    De((t) => Pe(t, e) ? t : e);
+  }, [K, C, fe, Pe]), P((e, t) => e === "csat_score" && t === "evaluation.csat_score" ? t : e, []);
+  const q = X && D.length > 0 ? D[0][0] : Oe, Xe = X && D.length > 0 ? D[0][1] : Te, [Xn, wt] = g(
     () => l.map((e) => e.id || e.key)
   ), ie = P((e) => {
     if (!e || e.length === 0)
       return e;
     let t = Array.from(new Set(e));
-    t.length > Y && (t = t.slice(0, Y));
+    t.length > Q && (t = t.slice(0, Q));
     const i = l.map((c) => c.id || c.key).includes(W);
-    return !t.includes(W) && i && (t.length >= Y ? t = [...t.slice(0, Y - 1), W] : t = [...t, W]), [...t.filter((c) => c !== W), W];
-  }, [l]), [O, Ie] = g(() => {
+    return !t.includes(W) && i && (t.length >= Q ? t = [...t.slice(0, Q - 1), W] : t = [...t, W]), [...t.filter((c) => c !== W), W];
+  }, [l]), [$, Ie] = g(() => {
     if (typeof window < "u" && w)
       try {
-        if (localStorage.getItem(`dataTable_manual_change_${w}:${$}`) === "true") {
-          const i = localStorage.getItem(`dataTable_columns_${w}:${$}`);
+        if (localStorage.getItem(`dataTable_manual_change_${w}:${O}`) === "true") {
+          const i = localStorage.getItem(`dataTable_columns_${w}:${O}`);
           if (i) {
             const o = JSON.parse(i);
             if (Array.isArray(o) && o.length > 0) {
@@ -1203,18 +1203,18 @@ function Vn({
                 (c) => l.some((x) => (x.id || x.key) === c)
               );
               if (u.length > 0)
-                return u.slice(0, Y);
+                return u.slice(0, Q);
             }
           }
         }
       } catch (r) {
         console.warn("Failed to load saved columns from localStorage:", r);
       }
-    const t = l.map((r) => r.id || r.key).slice(0, Y);
+    const t = l.map((r) => r.id || r.key).slice(0, Q);
     return ie(t);
-  }), [le, tt] = g(!1), [De, He] = g([]), [yt, It] = g({ top: 0, left: 0, width: 0 }), [xt, bt] = g(/* @__PURE__ */ new Set()), [vt, St] = g(/* @__PURE__ */ new Set()), Ke = X(null);
-  Ke.current === null && (Ke.current = [...O]);
-  const [pe, nt] = g(null), [Ot, Xe] = g(null), Ce = X(null), rt = X(null), ot = X(null), [wt, st] = g(null), [it, Lt] = g({}), Pt = X(null), Ue = X(null), G = (e) => e.id || e.key, Je = P((e) => {
+  }), [le, lt] = g(!1), [pe, Re] = g([]), [Ft, Pt] = g({ top: 0, left: 0, width: 0 }), [Ge, ze] = g(/* @__PURE__ */ new Set()), [Je, Ee] = g(/* @__PURE__ */ new Set()), me = U({}), Ye = U(null);
+  Ye.current === null && (Ye.current = [...$]);
+  const [he, at] = g(null), [It, Qe] = g(null), Me = U(null), ct = U(null), dt = U(null), [kt, ut] = g(null), [ft, jt] = g({}), _t = U(null), qe = U(null), J = (e) => e.id || e.key, Ze = P((e) => {
     if (typeof e == "number" && Number.isFinite(e))
       return e;
     if (typeof e == "string") {
@@ -1227,53 +1227,53 @@ function Vn({
       return Number.isFinite(r) && `${r}` === t ? r : null;
     }
     return null;
-  }, []), Ft = P((e, t) => it[e] != null ? `${it[e]}px` : typeof t == "number" ? `${t}px` : t || "auto", [it]), Ge = P((e) => {
-    if (!Ue.current)
+  }, []), Dt = P((e, t) => ft[e] != null ? `${ft[e]}px` : typeof t == "number" ? `${t}px` : t || "auto", [ft]), Ve = P((e) => {
+    if (!qe.current)
       return;
-    const { columnId: t, startX: r, startWidth: i, minWidth: o, maxWidth: u } = Ue.current, c = e.clientX - r, x = Math.round(i + c), T = Math.min(u, Math.max(o, x));
-    Lt((j) => ({ ...j, [t]: T }));
-  }, []), Oe = P(() => {
-    Ue.current = null, document.body.style.cursor = "", document.body.style.userSelect = "", document.removeEventListener("mousemove", Ge), document.removeEventListener("mouseup", Oe);
-  }, [Ge]), Tt = P((e, t, r) => {
-    var qe;
+    const { columnId: t, startX: r, startWidth: i, minWidth: o, maxWidth: u } = qe.current, c = e.clientX - r, x = Math.round(i + c), j = Math.min(u, Math.max(o, x));
+    jt((_) => ({ ..._, [t]: j }));
+  }, []), je = P(() => {
+    qe.current = null, document.body.style.cursor = "", document.body.style.userSelect = "", document.removeEventListener("mousemove", Ve), document.removeEventListener("mouseup", je);
+  }, [Ve]), Ht = P((e, t, r) => {
+    var rt;
     e.preventDefault(), e.stopPropagation();
-    const i = t.id || t.key, o = Je(t.minWidth) ?? B, u = Je(t.maxWidth) ?? M, c = Math.min(o, u), x = Math.max(o, u), T = ((qe = e.currentTarget.closest("th")) == null ? void 0 : qe.getBoundingClientRect().width) || 0, j = Je(r), Te = j ?? Math.max(c, Math.round(T) || c), lt = Math.min(x, Math.max(c, Te));
-    Ue.current = { columnId: i, startX: e.clientX, startWidth: lt, minWidth: c, maxWidth: x }, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", Ge), document.addEventListener("mouseup", Oe);
-  }, [M, B, Ge, Oe, Je]);
-  _(() => () => Oe(), [Oe]);
-  const jt = ln(
-    Et(hn),
-    Et(mn, {
-      coordinateGetter: pn
+    const i = t.id || t.key, o = Ze(t.minWidth) ?? E, u = Ze(t.maxWidth) ?? M, c = Math.min(o, u), x = Math.max(o, u), j = ((rt = e.currentTarget.closest("th")) == null ? void 0 : rt.getBoundingClientRect().width) || 0, _ = Ze(r), Ke = _ ?? Math.max(c, Math.round(j) || c), pt = Math.min(x, Math.max(c, Ke));
+    qe.current = { columnId: i, startX: e.clientX, startWidth: pt, minWidth: c, maxWidth: x }, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", Ve), document.addEventListener("mouseup", je);
+  }, [M, E, Ve, je, Ze]);
+  I(() => () => je(), [je]);
+  const Kt = un(
+    At(bn),
+    At(xn, {
+      coordinateGetter: yn
     })
-  ), _t = (e) => {
+  ), Ut = (e) => {
     const { active: t, over: r } = e;
     if (r && t.id !== r.id) {
       if (t.id === W || r.id === W) {
-        Dt("Cannot drop columns on the Action column"), st(null);
+        Rt("Cannot drop columns on the Action column"), ut(null);
         return;
       }
       se.current = !0, Ie((i) => {
         const o = i.indexOf(t.id), u = i.indexOf(r.id);
         if (o !== -1 && u !== -1) {
-          const c = dt(i, o, u), x = ie(c);
-          return Ct(x), x;
+          const c = gt(i, o, u), x = ie(c);
+          return zt(x), x;
         }
         return i;
-      }), gt((i) => {
+      }), wt((i) => {
         const o = i.indexOf(t.id), u = i.indexOf(r.id);
-        return dt(i, o, u);
+        return gt(i, o, u);
       });
     }
-    st(null);
-  }, Ht = (e) => {
-    st(e.active.id);
-  }, Qe = me(() => {
+    ut(null);
+  }, Xt = (e) => {
+    ut(e.active.id);
+  }, et = ge(() => {
     if (K)
       return n || [];
     if (!n || n.length === 0)
       return [];
-    const e = ke.trim().toLowerCase(), t = Object.entries(J).filter(([, r]) => je(r));
+    const e = Ce.trim().toLowerCase(), t = Object.entries(G).filter(([, r]) => Ue(r));
     return n.filter((r) => {
       for (const [i, o] of t) {
         const u = r[i];
@@ -1286,19 +1286,19 @@ function Vn({
           continue;
         }
         if (o.type === "range") {
-          const c = ht(u);
+          const c = St(u);
           if (isNaN(c) || o.min !== "" && o.min != null && c < Number(o.min) || o.max !== "" && o.max != null && c > Number(o.max))
             return !1;
           continue;
         }
         if (o.type === "durationRange") {
-          const c = Mn(u);
+          const c = An(u);
           if (isNaN(c) || o.minSec !== "" && o.minSec != null && c < Number(o.minSec) || o.maxSec !== "" && o.maxSec != null && c > Number(o.maxSec))
             return !1;
           continue;
         }
         if (o.type === "scoreRange") {
-          const c = ht(u);
+          const c = St(u);
           if (isNaN(c))
             return !1;
           if (Array.isArray(o.values) && o.values.length > 0) {
@@ -1312,7 +1312,7 @@ function Vn({
           continue;
         }
         if (o.type === "dateRange") {
-          const c = En(u);
+          const c = On(u);
           if (!c)
             return !1;
           if (o.from) {
@@ -1330,78 +1330,117 @@ function Vn({
       }
       return !(e && !Object.values(r).some((o) => o == null ? !1 : String(o).toLowerCase().includes(e)));
     });
-  }, [n, J, ke, K]), Le = me(() => U || !q ? Qe : [...Qe].sort((e, t) => {
+  }, [n, G, Ce, K]), _e = ge(() => X || !q ? et : [...et].sort((e, t) => {
     const r = e[q], i = t[q];
     if (r == null)
       return 1;
     if (i == null)
       return -1;
     if (typeof r == "number" && typeof i == "number")
-      return _e === "asc" ? r - i : i - r;
+      return Xe === "asc" ? r - i : i - r;
     const o = String(r).toLowerCase(), u = String(i).toLowerCase();
-    return _e === "asc" ? o.localeCompare(u) : u.localeCompare(o);
-  }), [Qe, q, _e, U]), Ye = me(() => {
+    return Xe === "asc" ? o.localeCompare(u) : u.localeCompare(o);
+  }), [et, q, Xe, X]), tt = ge(() => {
     if (Z)
-      return Le;
+      return _e;
     {
       const e = (ne - 1) * ce, t = e + ce;
-      return Le.slice(e, t);
+      return _e.slice(e, t);
     }
-  }, [Le, ne, ce, Z]), kt = (e) => {
-    U && L ? (L(e), b ? b(1) : V(1)) : (Ee === e ? We(Ne === "asc" ? "desc" : "asc") : (et(e), We("asc")), we(1));
-  }, Kt = (e, t) => {
+  }, [_e, ne, ce, Z]), Ct = (e) => {
+    X && L ? (L(e), b ? b(1) : V(1)) : (Oe === e ? $e(Te === "asc" ? "desc" : "asc") : (it(e), $e("asc")), ke(1));
+  }, Gt = (e, t) => {
     const r = (t || "").split(/\s+/).map((i) => i.trim()).filter(Boolean);
-    Ae(e, r);
-  }, Dt = (e) => {
-    ot.current || (typeof z == "function" && z(e), ot.current = setTimeout(() => {
-      ot.current = null;
+    Le(e, r);
+  }, Rt = (e) => {
+    dt.current || (typeof z == "function" && z(e), dt.current = setTimeout(() => {
+      dt.current = null;
     }, 3e3));
-  }, Ct = P((e) => {
+  }, zt = P((e) => {
     if (typeof window < "u" && re && e.length > 0 && se.current)
       try {
         localStorage.setItem(re, JSON.stringify(e)), de && localStorage.setItem(de, "true");
       } catch (t) {
         console.warn("Failed to save columns to localStorage:", t);
       }
-  }, [re, de]), Xt = (e) => {
-    e !== W && He((t) => t.includes(e) ? t.length === 1 ? t : t.filter((r) => r !== e) : t.length >= Y ? (Dt("Maximum 9 column selection allowed"), t) : ie([...t, e]));
-  }, Ut = (e, t) => {
-    De[t] !== W && nt(t);
+  }, [re, de]), Et = 250, nt = () => {
+    Object.values(me.current).forEach((e) => clearTimeout(e)), me.current = {};
   }, Jt = () => {
-    nt(null), Xe(null);
-  }, Gt = (e, t) => {
-    e.preventDefault(), pe !== null && pe !== t && Xe(t);
-  }, Qt = () => {
-    Xe(null);
-  }, Yt = (e, t) => {
-    e.preventDefault(), pe !== null && pe !== t && De[t] !== W && De[pe] !== W && He((r) => {
-      const i = dt(r, pe, t);
+    const e = pe.filter((t) => !Je.has(t));
+    return Ge.forEach((t) => {
+      e.includes(t) || e.push(t);
+    }), ie(e);
+  }, Yt = (e) => {
+    if (e === W)
+      return;
+    if (me.current[e]) {
+      clearTimeout(me.current[e]), delete me.current[e], ze((r) => {
+        const i = new Set(r);
+        return i.delete(e), i;
+      }), Ee((r) => {
+        const i = new Set(r);
+        return i.delete(e), i;
+      });
+      return;
+    }
+    if (pe.includes(e)) {
+      if (pe.length - Je.size <= 1)
+        return;
+      Ee((i) => new Set(i).add(e)), me.current[e] = setTimeout(() => {
+        Re((i) => i.filter((o) => o !== e)), Ee((i) => {
+          const o = new Set(i);
+          return o.delete(e), o;
+        }), delete me.current[e];
+      }, Et);
+    } else {
+      if (pe.length + Ge.size >= Q) {
+        Rt("Maximum 9 column selection allowed");
+        return;
+      }
+      ze((i) => new Set(i).add(e)), me.current[e] = setTimeout(() => {
+        Re((i) => ie([...i, e])), ze((i) => {
+          const o = new Set(i);
+          return o.delete(e), o;
+        }), delete me.current[e];
+      }, Et);
+    }
+  }, Qt = (e, t) => {
+    pe[t] !== W && at(t);
+  }, qt = () => {
+    at(null), Qe(null);
+  }, Zt = (e, t) => {
+    e.preventDefault(), he !== null && he !== t && Qe(t);
+  }, Vt = () => {
+    Qe(null);
+  }, en = (e, t) => {
+    e.preventDefault(), he !== null && he !== t && pe[t] !== W && pe[he] !== W && Re((r) => {
+      const i = gt(r, he, t);
       return ie(i);
-    }), nt(null), Xe(null);
+    }), at(null), Qe(null);
   };
-  _(() => {
-    gt((e) => {
-      const t = O.filter((o) => e.includes(o)), r = O.filter((o) => !e.includes(o)), i = e.filter((o) => !O.includes(o));
+  I(() => {
+    wt((e) => {
+      const t = $.filter((o) => e.includes(o)), r = $.filter((o) => !e.includes(o)), i = e.filter((o) => !$.includes(o));
       return [...t, ...r, ...i];
     });
-  }, [O]), _(() => {
-    if (typeof window < "u" && re && O.length > 0 && se.current)
+  }, [$]), I(() => {
+    if (typeof window < "u" && re && $.length > 0 && se.current)
       try {
-        const e = ie(O);
+        const e = ie($);
         localStorage.setItem(re, JSON.stringify(e)), de && localStorage.setItem(de, "true");
       } catch (e) {
         console.warn("Failed to save columns to localStorage:", e);
       }
-  }, [O, re, de]), _(() => {
+  }, [$, re, de]), I(() => {
     ae && ae(
-      O.filter((e) => e !== W)
+      $.filter((e) => e !== W)
     );
-  }, [O, ae]), _(() => {
-    if (l.length > 0 && O.length === 0) {
+  }, [$, ae]), I(() => {
+    if (l.length > 0 && $.length === 0) {
       if (typeof window < "u" && w)
         try {
-          if (localStorage.getItem(`dataTable_manual_change_${w}:${$}`) === "true") {
-            const r = localStorage.getItem(`dataTable_columns_${w}:${$}`);
+          if (localStorage.getItem(`dataTable_manual_change_${w}:${O}`) === "true") {
+            const r = localStorage.getItem(`dataTable_columns_${w}:${O}`);
             if (r) {
               const i = JSON.parse(r);
               if (Array.isArray(i) && i.length > 0) {
@@ -1409,7 +1448,7 @@ function Vn({
                   (u) => l.some((c) => (c.id || c.key) === u)
                 );
                 if (o.length > 0) {
-                  se.current = !0, Ie(o.slice(0, Y));
+                  se.current = !0, Ie(o.slice(0, Q));
                   return;
                 }
               }
@@ -1419,20 +1458,20 @@ function Vn({
           console.warn("Failed to load saved columns from localStorage:", t);
         }
       const e = l.map((t) => t.id || t.key);
-      Ie(ie(e.slice(0, Y)));
+      Ie(ie(e.slice(0, Q)));
     }
-  }, [l, w, $, ie]);
-  const Re = me(() => {
-    const e = O.map((t) => l.find((r) => G(r) === t)).filter(Boolean);
-    return ie(e.map(G)).map((t) => l.find((r) => G(r) === t)).filter(Boolean);
-  }, [l, O]);
-  me(() => Re.some((e) => e.filterable === !0), [Re]), _(() => {
-    if (!le || !Ce.current)
+  }, [l, w, O, ie]);
+  const Be = ge(() => {
+    const e = $.map((t) => l.find((r) => J(r) === t)).filter(Boolean);
+    return ie(e.map(J)).map((t) => l.find((r) => J(r) === t)).filter(Boolean);
+  }, [l, $]);
+  ge(() => Be.some((e) => e.filterable === !0), [Be]), I(() => {
+    if (!le || !Me.current)
       return;
     const e = () => {
-      if (Ce.current) {
-        const t = Ce.current.getBoundingClientRect(), r = 217, i = Math.max(8, t.right - r);
-        It({
+      if (Me.current) {
+        const t = Me.current.getBoundingClientRect(), r = 217, i = Math.max(8, t.right - r);
+        Pt({
           top: t.bottom,
           left: i,
           width: Math.max(t.width || 220, 220)
@@ -1442,39 +1481,39 @@ function Vn({
     return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
       window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
     };
-  }, [le]), _(() => {
+  }, [le]), I(() => {
     const e = (t) => {
-      le && Ce.current && !Ce.current.contains(t.target) && rt.current && !rt.current.contains(t.target) && tt(!1);
+      le && Me.current && !Me.current.contains(t.target) && ct.current && !ct.current.contains(t.target) && lt(!1);
     };
     if (le)
       return document.addEventListener("mousedown", e), () => {
         document.removeEventListener("mousedown", e);
       };
-  }, [le]), _(() => {
-    le && (He(O), bt(/* @__PURE__ */ new Set()), St(/* @__PURE__ */ new Set()));
-  }, [le, O]), O.length === 1 ? (Mt = l.find((e) => (e.id || e.key) === O[0])) != null && Mt.label : `${O.length}`;
-  function qt({ column: e, isHeaderRow: t = !0 }) {
-    const r = G(e), i = r === W, o = Ft(r, e.width), [u, c] = g(!1), {
+  }, [le]), I(() => {
+    le && (nt(), Re($), ze(/* @__PURE__ */ new Set()), Ee(/* @__PURE__ */ new Set()));
+  }, [le, $]), I(() => () => nt(), []), $.length === 1 ? (Wt = l.find((e) => (e.id || e.key) === $[0])) != null && Wt.label : `${$.length}`;
+  function tn({ column: e, isHeaderRow: t = !0 }) {
+    const r = J(e), i = r === W, o = Dt(r, e.width), [u, c] = g(!1), {
       attributes: x,
-      listeners: T,
-      setNodeRef: j,
-      transform: Te,
-      transition: lt,
-      isDragging: qe
-    } = gn({ id: r }), Vt = {
-      transform: yn.Transform.toString(Te),
-      transition: lt,
-      opacity: qe ? 0.5 : 1,
+      listeners: j,
+      setNodeRef: _,
+      transform: Ke,
+      transition: pt,
+      isDragging: rt
+    } = vn({ id: r }), rn = {
+      transform: Sn.Transform.toString(Ke),
+      transition: pt,
+      opacity: rt ? 0.5 : 1,
       width: o,
       minWidth: o
     };
-    let ze = !1;
-    if (U && D.length > 0) {
+    let Ne = !1;
+    if (X && D.length > 0) {
       const R = D[0][0];
-      (R === r || R === "csat_score" && r === "evaluation.csat_score") && (ze = !0);
+      (R === r || R === "csat_score" && r === "evaluation.csat_score") && (Ne = !0);
     } else
-      ze = q === r;
-    const en = _e === "asc", tn = e.filterable === !0;
+      Ne = q === r;
+    const on = Xe === "asc", sn = e.filterable === !0;
     if (!t)
       return /* @__PURE__ */ s(
         "th",
@@ -1488,7 +1527,7 @@ function Vn({
             boxSizing: "border-box"
           },
           className: "sticky top-[57px] z-10 border-b border-[var(--border-strong)] px-4 py-2 text-left",
-          children: tn ? /* @__PURE__ */ m("div", { className: "relative", children: [
+          children: sn ? /* @__PURE__ */ m("div", { className: "relative", children: [
             /* @__PURE__ */ s(
               Filter,
               {
@@ -1501,9 +1540,9 @@ function Vn({
               {
                 type: "text",
                 placeholder: "Filter...",
-                value: J[r] || "",
+                value: G[r] || "",
                 onChange: (R) => {
-                  R.stopPropagation(), Kt(r, R.target.value);
+                  R.stopPropagation(), Gt(r, R.target.value);
                 },
                 onKeyDown: (R) => R.stopPropagation(),
                 onMouseDown: (R) => R.stopPropagation(),
@@ -1515,15 +1554,15 @@ function Vn({
           ] }) : /* @__PURE__ */ s("div", { className: "h-[34px]" })
         }
       );
-    const at = A === r, Ze = je(J[r]), nn = e.sortable !== !1 && (u || ze), rn = e.filterable !== !1 && !i && (u || at || Ze);
+    const mt = A === r, ot = Ue(G[r]), ln = e.sortable !== !1 && (u || Ne), an = e.filterable !== !1 && !i && (u || mt || ot);
     return /* @__PURE__ */ m(
       "th",
       {
-        ref: j,
+        ref: _,
         onMouseEnter: () => c(!0),
         onMouseLeave: () => c(!1),
         style: {
-          ...Vt,
+          ...rn,
           padding: "0 12px",
           height: 36,
           textAlign: i ? "center" : "left",
@@ -1542,7 +1581,7 @@ function Vn({
           wordBreak: "normal",
           overflowWrap: "normal",
           verticalAlign: "middle",
-          background: u || at ? "#e6e6e6" : "#f2f2f0",
+          background: u || mt ? "#e6e6e6" : "#f2f2f0",
           borderBottom: "1px solid #e6e6e6",
           position: "sticky",
           top: 0,
@@ -1587,7 +1626,7 @@ function Vn({
                   "div",
                   {
                     ...x,
-                    ...T,
+                    ...j,
                     style: {
                       cursor: "grab",
                       color: "rgba(11, 11, 11, 0.36)",
@@ -1596,13 +1635,13 @@ function Vn({
                       visibility: u ? "visible" : "hidden",
                       flexShrink: 0
                     },
-                    children: /* @__PURE__ */ s(ut, { size: 14 })
+                    children: /* @__PURE__ */ s(yt, { size: 14 })
                   }
                 ),
                 /* @__PURE__ */ s(
                   "span",
                   {
-                    onClick: () => e.sortable !== !1 && kt(r),
+                    onClick: () => e.sortable !== !1 && Ct(r),
                     title: typeof e.label == "string" ? e.label : void 0,
                     style: {
                       cursor: e.sortable !== !1 ? "pointer" : "default",
@@ -1616,12 +1655,12 @@ function Vn({
                     children: e.label
                   }
                 ),
-                nn && /* @__PURE__ */ s(
+                ln && /* @__PURE__ */ s(
                   "button",
                   {
                     type: "button",
                     onClick: (R) => {
-                      R.stopPropagation(), kt(r);
+                      R.stopPropagation(), Ct(r);
                     },
                     title: "Sort",
                     style: {
@@ -1633,26 +1672,26 @@ function Vn({
                       display: "inline-flex",
                       alignItems: "center",
                       justifyContent: "center",
-                      color: ze ? "#0b0b0b" : "rgba(11, 11, 11, 0.55)",
+                      color: Ne ? "#0b0b0b" : "rgba(11, 11, 11, 0.55)",
                       flexShrink: 0
                     },
-                    children: ze ? en ? /* @__PURE__ */ s(Fn, { size: 14, strokeWidth: 1.75 }) : /* @__PURE__ */ s(kn, { size: 14, strokeWidth: 1.75 }) : /* @__PURE__ */ s(Dn, { size: 14, strokeWidth: 1.75 })
+                    children: Ne ? on ? /* @__PURE__ */ s(Rn, { size: 14, strokeWidth: 1.75 }) : /* @__PURE__ */ s(zn, { size: 14, strokeWidth: 1.75 }) : /* @__PURE__ */ s(En, { size: 14, strokeWidth: 1.75 })
                   }
                 ),
-                rn && /* @__PURE__ */ m(
+                an && /* @__PURE__ */ m(
                   "button",
                   {
                     type: "button",
                     ref: (R) => {
-                      xe.current[r] = R;
+                      ve.current[r] = R;
                     },
                     onClick: (R) => {
-                      R.stopPropagation(), I(r, R.currentTarget);
+                      R.stopPropagation(), T(r, R.currentTarget);
                     },
                     title: "Filter",
                     style: {
                       position: "relative",
-                      background: at || Ze ? "#D8D8D8" : "transparent",
+                      background: mt || ot ? "#D8D8D8" : "transparent",
                       border: "none",
                       padding: 4,
                       borderRadius: 4,
@@ -1660,12 +1699,12 @@ function Vn({
                       display: "inline-flex",
                       alignItems: "center",
                       justifyContent: "center",
-                      color: Ze ? "#0b0b0b" : "rgba(11, 11, 11, 0.7)",
+                      color: ot ? "#0b0b0b" : "rgba(11, 11, 11, 0.7)",
                       flexShrink: 0
                     },
                     children: [
-                      /* @__PURE__ */ s(Cn, { size: 14, strokeWidth: 1.75 }),
-                      Ze && /* @__PURE__ */ s(
+                      /* @__PURE__ */ s(Mn, { size: 14, strokeWidth: 1.75 }),
+                      ot && /* @__PURE__ */ s(
                         "span",
                         {
                           "aria-hidden": "true",
@@ -1710,7 +1749,7 @@ function Vn({
               "aria-orientation": "vertical",
               "aria-label": `Resize ${e.label || r} column`,
               title: "Drag to resize column",
-              onMouseDown: (R) => Tt(R, e, o),
+              onMouseDown: (R) => Ht(R, e, o),
               onClick: (R) => R.stopPropagation(),
               onMouseEnter: (R) => {
                 R.currentTarget.style.background = "rgba(30, 33, 37, 0.18)";
@@ -1734,21 +1773,21 @@ function Vn({
       }
     );
   }
-  const Rt = wt ? l.find((e) => G(e) === wt) : null, zt = ({ col: e, columnId: t, isSelected: r, draggable: i, isAction: o, actualIndex: u }) => {
-    const c = i && pe === u, x = i && Ot === u && pe !== null && pe !== u;
-    r ? vt.has(t) : xt.has(t);
-    const T = r ? !vt.has(t) : xt.has(t);
+  const Mt = kt ? l.find((e) => J(e) === kt) : null, Bt = ({ col: e, columnId: t, isSelected: r, draggable: i, isAction: o, actualIndex: u }) => {
+    const c = i && he === u, x = i && It === u && he !== null && he !== u;
+    r ? Je.has(t) : Ge.has(t);
+    const j = r ? !Je.has(t) : Ge.has(t);
     return /* @__PURE__ */ m(
       "div",
       {
         draggable: i,
-        onDragStart: i ? (j) => Ut(j, u) : void 0,
-        onDragEnd: i ? Jt : void 0,
-        onDragOver: i ? (j) => Gt(j, u) : void 0,
-        onDragLeave: i ? Qt : void 0,
-        onDrop: i ? (j) => Yt(j, u) : void 0,
+        onDragStart: i ? (_) => Qt(_, u) : void 0,
+        onDragEnd: i ? qt : void 0,
+        onDragOver: i ? (_) => Zt(_, u) : void 0,
+        onDragLeave: i ? Vt : void 0,
+        onDrop: i ? (_) => en(_, u) : void 0,
         onClick: () => {
-          o || Xt(t);
+          o || Yt(t);
         },
         style: {
           display: "flex",
@@ -1774,7 +1813,7 @@ function Vn({
                 visibility: i ? "visible" : "hidden",
                 flexShrink: 0
               },
-              children: /* @__PURE__ */ s(ut, { size: 14, strokeWidth: 1.75 })
+              children: /* @__PURE__ */ s(yt, { size: 14, strokeWidth: 1.75 })
             }
           ),
           /* @__PURE__ */ s(
@@ -1787,12 +1826,12 @@ function Vn({
                 display: "inline-flex",
                 alignItems: "center",
                 justifyContent: "center",
-                background: T ? "#0B0B0B" : "#FFFFFF",
-                border: `1px solid ${T ? "#0B0B0B" : "#676767"}`,
+                background: j ? "#0B0B0B" : "#FFFFFF",
+                border: `1px solid ${j ? "#0B0B0B" : "#676767"}`,
                 flexShrink: 0,
                 marginLeft: 8
               },
-              children: T && /* @__PURE__ */ s(Ve, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
+              children: j && /* @__PURE__ */ s(st, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
             }
           ),
           /* @__PURE__ */ s(
@@ -1812,14 +1851,14 @@ function Vn({
         ]
       }
     );
-  }, Zt = le ? /* @__PURE__ */ m(
+  }, nn = le ? /* @__PURE__ */ m(
     "div",
     {
-      ref: rt,
+      ref: ct,
       style: {
         position: "fixed",
-        top: `${yt.top}px`,
-        left: `${yt.left}px`,
+        top: `${Ft.top}px`,
+        left: `${Ft.left}px`,
         width: 217,
         maxHeight: 320,
         zIndex: 49,
@@ -1846,11 +1885,11 @@ function Vn({
               gap: 12
             },
             children: [
-              De.map((e, t) => {
+              pe.map((e, t) => {
                 if (e === W)
                   return null;
-                const r = l.find((i) => G(i) === e);
-                return r ? /* @__PURE__ */ s(ct.Fragment, { children: zt({
+                const r = l.find((i) => J(i) === e);
+                return r ? /* @__PURE__ */ s(ht.Fragment, { children: Bt({
                   col: r,
                   columnId: e,
                   isSelected: !0,
@@ -1860,11 +1899,11 @@ function Vn({
                 }) }, `selected-${e}-${t}`) : null;
               }),
               l.filter((e) => {
-                const t = G(e);
-                return t !== W && !De.includes(t);
+                const t = J(e);
+                return t !== W && !pe.includes(t);
               }).map((e) => {
-                const t = G(e);
-                return /* @__PURE__ */ s(ct.Fragment, { children: zt({
+                const t = J(e);
+                return /* @__PURE__ */ s(ht.Fragment, { children: Bt({
                   col: e,
                   columnId: t,
                   isSelected: !1,
@@ -1897,8 +1936,8 @@ function Vn({
                   type: "button",
                   onClick: (e) => {
                     e.preventDefault(), e.stopPropagation();
-                    const t = Ke.current ? [...Ke.current] : l.map(G).slice(0, Y), r = ie(t);
-                    if (se.current = !1, He(r), Ie(r), bt(/* @__PURE__ */ new Set()), St(/* @__PURE__ */ new Set()), typeof window < "u" && re)
+                    const t = Ye.current ? [...Ye.current] : l.map(J).slice(0, Q), r = ie(t);
+                    if (se.current = !1, nt(), Re(r), Ie(r), ze(/* @__PURE__ */ new Set()), Ee(/* @__PURE__ */ new Set()), typeof window < "u" && re)
                       try {
                         localStorage.removeItem(re);
                       } catch {
@@ -1922,9 +1961,9 @@ function Vn({
                 {
                   type: "button",
                   onClick: (e) => {
-                    e.preventDefault(), e.stopPropagation();
-                    const t = ie(De);
-                    se.current = !0, Ie(t), Ct(t), tt(!1);
+                    e.preventDefault(), e.stopPropagation(), nt();
+                    const t = Jt();
+                    Re(t), ze(/* @__PURE__ */ new Set()), Ee(/* @__PURE__ */ new Set()), se.current = !0, Ie(t), zt(t), lt(!1);
                   },
                   style: {
                     background: "#2E3236",
@@ -1946,28 +1985,28 @@ function Vn({
         )
       ]
     }
-  ) : null, Pe = A ? l.find((e) => G(e) === A) : null, Bt = Pe ? /* @__PURE__ */ s(
-    Ln,
+  ) : null, He = A ? l.find((e) => J(e) === A) : null, Nt = He ? /* @__PURE__ */ s(
+    _n,
     {
-      column: Pe,
+      column: He,
       columnId: A,
       filterType: y(A),
-      position: be,
-      popoverRef: ve,
+      position: Se,
+      popoverRef: we,
       distinctValues: h(A),
-      initialValue: J[A],
-      onSearch: typeof Pe.onFilterSearch == "function" ? Pe.onFilterSearch : null,
-      searchMinChars: Pe.filterSearchMinChars ?? 3,
+      initialValue: G[A],
+      onSearch: typeof He.onFilterSearch == "function" ? He.onFilterSearch : null,
+      searchMinChars: He.filterSearchMinChars ?? 3,
       onApply: (e) => {
-        Ae(A, e), ue(null);
+        Le(A, e), ue(null);
       },
       onCancel: () => ue(null)
     },
     A
   ) : null;
   return /* @__PURE__ */ m("div", { className: "w-full", children: [
-    Bt && mt(Bt, document.body),
-    l.length > 0 && (H || !he) && /* @__PURE__ */ s(
+    Nt && vt(Nt, document.body),
+    l.length > 0 && (H || !ye) && /* @__PURE__ */ s(
       "div",
       {
         className: "pt-2 pb-1",
@@ -1988,7 +2027,7 @@ function Vn({
             },
             children: [
               H && /* @__PURE__ */ s("div", { style: { marginRight: "auto" }, children: /* @__PURE__ */ s(
-                Bn,
+                Wn,
                 {
                   dateRangePicker: H.dateRangePicker,
                   onWeekToDate: H.onWeekToDate,
@@ -1997,13 +2036,13 @@ function Vn({
                   trailingActions: H.trailingActions
                 }
               ) }),
-              !he && /* @__PURE__ */ m("div", { style: { position: "relative" }, children: [
+              !ye && /* @__PURE__ */ m("div", { style: { position: "relative" }, children: [
                 /* @__PURE__ */ m(
                   "button",
                   {
-                    ref: Ce,
+                    ref: Me,
                     type: "button",
-                    onClick: () => tt(!le),
+                    onClick: () => lt(!le),
                     style: {
                       display: "inline-flex",
                       alignItems: "center",
@@ -2021,19 +2060,19 @@ function Vn({
                       whiteSpace: "nowrap"
                     },
                     children: [
-                      /* @__PURE__ */ s(vn, { size: 20, strokeWidth: 1.75 }),
+                      /* @__PURE__ */ s(kn, { size: 20, strokeWidth: 1.75 }),
                       "Columns"
                     ]
                   }
                 ),
-                le && mt(Zt, document.body)
+                le && vt(nn, document.body)
               ] })
             ]
           }
         )
       }
     ),
-    Object.keys(J).length > 0 && /* @__PURE__ */ m(
+    Object.keys(G).length > 0 && /* @__PURE__ */ m(
       "div",
       {
         style: {
@@ -2044,11 +2083,11 @@ function Vn({
           padding: "8px 0"
         },
         children: [
-          Object.entries(J).map(([e, t]) => {
-            const r = l.find((c) => G(c) === e);
-            if (!r || !je(t))
+          Object.entries(G).map(([e, t]) => {
+            const r = l.find((c) => J(c) === e);
+            if (!r || !Ue(t))
               return null;
-            const i = Wn(t), o = An(t), u = $n(t);
+            const i = $n(t), o = Ln(t), u = Pn(t);
             return /* @__PURE__ */ m(
               "span",
               {
@@ -2080,7 +2119,7 @@ function Vn({
                     "button",
                     {
                       type: "button",
-                      onClick: () => Ae(e, []),
+                      onClick: () => Le(e, []),
                       "aria-label": `Remove ${r.label} filter`,
                       style: {
                         background: "transparent",
@@ -2090,7 +2129,7 @@ function Vn({
                         display: "inline-flex",
                         color: "#676767"
                       },
-                      children: /* @__PURE__ */ s(Sn, { size: 14, strokeWidth: 2 })
+                      children: /* @__PURE__ */ s(Dn, { size: 14, strokeWidth: 2 })
                     }
                   )
                 ]
@@ -2120,13 +2159,13 @@ function Vn({
         ]
       }
     ),
-    l.length > 0 && Re.length > 0 ? /* @__PURE__ */ m(
-      an,
+    l.length > 0 && Be.length > 0 ? /* @__PURE__ */ m(
+      fn,
       {
-        sensors: jt,
-        collisionDetection: cn,
-        onDragStart: Ht,
-        onDragEnd: _t,
+        sensors: Kt,
+        collisionDetection: pn,
+        onDragStart: Xt,
+        onDragEnd: Ut,
         children: [
           /* @__PURE__ */ m("div", { style: {
             borderRadius: 8,
@@ -2164,7 +2203,7 @@ function Vn({
                 margin: 0
               }, children: "Loading..." }),
               /* @__PURE__ */ s(
-                Tn,
+                Kn,
                 {
                   src: "/BrandLoading.gif",
                   alt: "Loading",
@@ -2175,7 +2214,7 @@ function Vn({
                 }
               )
             ] }) }),
-            /* @__PURE__ */ s("div", { className: "overflow-x-auto custom-thin-scrollbar-hidden", ref: Pt, style: { maxHeight: "500px", overflowY: "auto", position: "relative", zIndex: 1 }, children: /* @__PURE__ */ m("table", { style: {
+            /* @__PURE__ */ s("div", { className: "overflow-x-auto custom-thin-scrollbar-hidden", ref: _t, style: { maxHeight: "500px", overflowY: "auto", position: "relative", zIndex: 1 }, children: /* @__PURE__ */ m("table", { style: {
               width: "auto",
               minWidth: "100%",
               tableLayout: "fixed",
@@ -2186,17 +2225,17 @@ function Vn({
               boxSizing: "border-box"
             }, children: [
               /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s(
-                dn,
+                mn,
                 {
-                  items: O,
-                  strategy: un,
-                  children: Re.map((e) => /* @__PURE__ */ s(qt, { column: e, isHeaderRow: !0 }, `header-${G(e)}`))
+                  items: $,
+                  strategy: hn,
+                  children: Be.map((e) => /* @__PURE__ */ s(tn, { column: e, isHeaderRow: !0 }, `header-${J(e)}`))
                 }
               ) }) }),
-              /* @__PURE__ */ s("tbody", { children: !N && Ye.length === 0 ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s(
+              /* @__PURE__ */ s("tbody", { children: !N && tt.length === 0 ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s(
                 "td",
                 {
-                  colSpan: Re.length,
+                  colSpan: Be.length,
                   style: {
                     padding: "32px",
                     textAlign: "center",
@@ -2206,7 +2245,7 @@ function Vn({
                   },
                   children: "No results found"
                 }
-              ) }) : !N && Ye.length > 0 ? Ye.map((e, t) => /* @__PURE__ */ s(
+              ) }) : !N && tt.length > 0 ? tt.map((e, t) => /* @__PURE__ */ s(
                 "tr",
                 {
                   "data-row-id": e.id || t,
@@ -2224,8 +2263,8 @@ function Vn({
                   onMouseLeave: (r) => {
                     r.currentTarget.style.background = "transparent";
                   },
-                  children: Re.map((r) => {
-                    const i = G(r), o = Ft(i, r.width), u = e[i], c = r.render ? r.render(u, e) : u, x = o && o !== "auto", T = typeof c == "string" && c.trim() !== "", j = x && T, Te = j ? /* @__PURE__ */ s(oe, { content: c, children: c }) : c;
+                  children: Be.map((r) => {
+                    const i = J(r), o = Dt(i, r.width), u = e[i], c = r.render ? r.render(u, e) : u, x = o && o !== "auto", j = typeof c == "string" && c.trim() !== "", _ = x && j, Ke = _ ? /* @__PURE__ */ s(oe, { content: c, children: c }) : c;
                     return /* @__PURE__ */ s(
                       "td",
                       {
@@ -2237,9 +2276,9 @@ function Vn({
                           boxSizing: "border-box",
                           width: o,
                           fontFamily: "var(--font-sans)",
-                          ...j && { maxWidth: o || "200px" }
+                          ..._ && { maxWidth: o || "200px" }
                         },
-                        children: Te
+                        children: Ke
                       },
                       i
                     );
@@ -2249,26 +2288,26 @@ function Vn({
               )) : null })
             ] }) })
           ] }),
-          /* @__PURE__ */ s(fn, { children: Rt ? /* @__PURE__ */ s("div", { className: "bg-[var(--paper-high)] border border-[var(--border-strong)] rounded px-4 py-2 shadow-lg", children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ s(ut, { size: 14, className: "text-[var(--text-faint)]" }),
-            /* @__PURE__ */ s("span", { className: "text-sm font-semibold text-[var(--text-ink)]", children: Rt.label })
+          /* @__PURE__ */ s(gn, { children: Mt ? /* @__PURE__ */ s("div", { className: "bg-[var(--paper-high)] border border-[var(--border-strong)] rounded px-4 py-2 shadow-lg", children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ s(yt, { size: 14, className: "text-[var(--text-faint)]" }),
+            /* @__PURE__ */ s("span", { className: "text-sm font-semibold text-[var(--text-ink)]", children: Mt.label })
           ] }) }) : null })
         ]
       }
     ) : null,
     (() => {
-      const e = !K && (ke.trim() !== "" || Object.values(J).some((r) => je(r))), t = Z ? e ? Le.length : S : Le.length;
+      const e = !K && (Ce.trim() !== "" || Object.values(G).some((r) => Ue(r))), t = Z ? e ? _e.length : S : _e.length;
       return t <= 0 ? null : /* @__PURE__ */ s(
-        zn,
+        Nn,
         {
           page: ne,
           pageSizeOptions: [5, 10, 20, 50, 100],
           pageSize: ce,
           totalCount: t,
-          currentDataLength: Ye.length,
-          onPageChange: we,
+          currentDataLength: tt.length,
+          onPageChange: ke,
           onPageSizeChange: (r) => {
-            Be(r), we(1);
+            We(r), ke(1);
           },
           showPageSizeSelector: !0
         }
@@ -2277,7 +2316,7 @@ function Vn({
   ] });
 }
 export {
-  Vn as D,
-  Bn as a
+  rr as D,
+  Wn as a
 };
 //# sourceMappingURL=DataTable2.es.js.map