chordia-ui 4.0.8 → 5.0.0

package/dist/DataTable2.es.js

@@ -1,66 +1,66 @@
-import { jsxs as p, jsx as o, Fragment as Re } from "react/jsx-runtime";
-import St, { useState as y, useRef as U, useEffect as H, Suspense as Fn, useMemo as te, useCallback as A, useLayoutEffect as kn } from "react";
-import { u as Dn, a as Kt, D as Cn, c as Rn, S as zn, h as Bn, b as En, s as Mn, K as Nn, P as An, d as wt, e as Wn, C as On } from "./sortable.esm.es.js";
-import { CalendarClock as Ut, Download as Tn, ChevronDown as Ln, Settings2 as $n, X as Pn, GripVertical as Ft, Search as In, Check as Ye, Minus as jn, ArrowUp as _n, ArrowDown as Hn, ArrowUpDown as Kn, ListFilter as Un } from "lucide-react";
-import { createPortal as Ct } from "react-dom";
-import { C as Xn, P as Gn } from "./CustomFilterChips.es.js";
+import { jsxs as h, jsx as s, Fragment as Ce } from "react/jsx-runtime";
+import wt, { useState as y, useRef as K, useEffect as j, Suspense as kn, useMemo as oe, useCallback as O, useLayoutEffect as Dn } from "react";
+import { u as Cn, a as Ut, D as Rn, c as zn, S as Bn, h as En, b as Mn, s as An, K as Nn, P as Wn, d as Ft, e as On, C as Tn } from "./sortable.esm.es.js";
+import { CalendarClock as Xt, Download as $n, ChevronDown as Ln, Settings2 as Pn, X as In, GripVertical as kt, Search as _n, Check as Qe, Minus as jn, ArrowUp as Hn, ArrowDown as Kn, ArrowUpDown as Un, ListFilter as Xn } from "lucide-react";
+import { createPortal as Rt } from "react-dom";
+import { C as Gn, P as Jn } from "./CustomFilterChips.es.js";
 import "motion/react";
 import "recharts";
 import "./AgentLiftAnalysisCard.es.js";
 import "./TourGuideTooltip.es.js";
-function Jn({
+function Yn({
   dateRangePicker: r,
   onWeekToDate: l,
   exportConfig: d,
   filterChipsConfig: f,
-  trailingActions: S
+  trailingActions: w
   // Optional extra actions rendered after Export (e.g., Add Users button)
 }) {
-  const [v, a] = y(!1), b = U(null), W = U(null);
-  H(() => {
-    const D = (w) => {
-      W.current && !W.current.contains(w.target) && b.current && !b.current.contains(w.target) && a(!1);
+  const [S, a] = y(!1), b = K(null), T = K(null);
+  j(() => {
+    const D = (v) => {
+      T.current && !T.current.contains(v.target) && b.current && !b.current.contains(v.target) && a(!1);
     };
-    if (v)
+    if (S)
       return document.addEventListener("mousedown", D), () => {
         document.removeEventListener("mousedown", D);
       };
-  }, [v]);
+  }, [S]);
   const k = () => {
     a((D) => !D);
   }, C = (D) => {
     a(!1), d != null && d.onExport && d.onExport(D);
-  }, j = (() => {
+  }, H = (() => {
     if (!(f != null && f.filters))
       return !1;
-    const D = f.filters, w = f.customFilters || [], O = Object.entries(D).some(([B, E]) => !!(Array.isArray(E) && E.length || typeof E == "string" && E.trim() !== "" || E && typeof E == "object" && (E.min != null || E.max != null))), T = w.some((B) => B.active);
-    return O || T;
+    const D = f.filters, v = f.customFilters || [], $ = Object.entries(D).some(([B, A]) => !!(Array.isArray(A) && A.length || typeof A == "string" && A.trim() !== "" || A && typeof A == "object" && (A.min != null || A.max != null))), L = v.some((B) => B.active);
+    return $ || L;
   })();
-  return /* @__PURE__ */ p("div", { className: "flex items-center gap-3 flex-wrap", children: [
-    l && /* @__PURE__ */ p(
+  return /* @__PURE__ */ h("div", { className: "flex items-center gap-3 flex-wrap", children: [
+    l && /* @__PURE__ */ h(
       "button",
       {
         onClick: l,
         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__ */ o(Ut, { size: 16 }),
-          /* @__PURE__ */ o("span", { children: "Week to Date" })
+          /* @__PURE__ */ s(Xt, { size: 16 }),
+          /* @__PURE__ */ s("span", { children: "Week to Date" })
         ]
       }
     ),
-    r && /* @__PURE__ */ o(
-      Fn,
+    r && /* @__PURE__ */ s(
+      kn,
       {
-        fallback: /* @__PURE__ */ p("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__ */ o(Ut, { size: 16 }),
-          /* @__PURE__ */ o("span", { children: "Loading..." })
+        fallback: /* @__PURE__ */ h("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(Xt, { size: 16 }),
+          /* @__PURE__ */ s("span", { children: "Loading..." })
         ] }),
         children: r
       }
     ),
-    d && /* @__PURE__ */ p("div", { className: "relative", children: [
-      /* @__PURE__ */ p(
+    d && /* @__PURE__ */ h("div", { className: "relative", children: [
+      /* @__PURE__ */ h(
         "button",
         {
           ref: b,
@@ -69,20 +69,20 @@ function Jn({
           className: "inline-flex items-center justify-between 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 disabled:opacity-50 disabled:cursor-not-allowed min-w-[120px]",
           style: { fontFamily: "var(--font-sans)" },
           children: [
-            /* @__PURE__ */ p("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ o(Tn, { size: 16 }),
-              /* @__PURE__ */ o("span", { children: d.isExporting ? "Exporting..." : "Export" })
+            /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ s($n, { size: 16 }),
+              /* @__PURE__ */ s("span", { children: d.isExporting ? "Exporting..." : "Export" })
             ] }),
-            /* @__PURE__ */ o(Ln, { size: 16 })
+            /* @__PURE__ */ s(Ln, { size: 16 })
           ]
         }
       ),
-      v && /* @__PURE__ */ o(
+      S && /* @__PURE__ */ s(
         "div",
         {
-          ref: W,
+          ref: T,
           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__ */ p(
+          children: (d.types || ["csv"]).map((D) => /* @__PURE__ */ h(
             "button",
             {
               onClick: () => C(D),
@@ -98,11 +98,11 @@ function Jn({
         }
       )
     ] }),
-    (j || S) && /* @__PURE__ */ p(Re, { children: [
-      j && /* @__PURE__ */ o("div", { className: "h-9 mt-1 w-px bg-gray-300 flex-shrink-0" }),
-      /* @__PURE__ */ p("div", { className: "flex items-center gap-3 justify-end", children: [
-        j && f && /* @__PURE__ */ o(
-          Xn,
+    (H || w) && /* @__PURE__ */ h(Ce, { children: [
+      H && /* @__PURE__ */ s("div", { className: "h-9 mt-1 w-px bg-gray-300 flex-shrink-0" }),
+      /* @__PURE__ */ h("div", { className: "flex items-center gap-3 justify-end", children: [
+        H && f && /* @__PURE__ */ s(
+          Gn,
           {
             filters: f.filters,
             onChange: f.onChange,
@@ -111,18 +111,18 @@ function Jn({
             fieldOptions: f.fieldOptions || {}
           }
         ),
-        S && /* @__PURE__ */ o("div", { className: "flex-shrink-0", children: S })
+        w && /* @__PURE__ */ s("div", { className: "flex-shrink-0", children: w })
       ] })
     ] })
   ] });
 }
-function Rt(r) {
+function zt(r) {
   if (r == null)
     return NaN;
   const l = String(r).replace(/[,$%]|pp/gi, "").trim(), d = parseFloat(l);
   return Number.isFinite(d) ? d : NaN;
 }
-function Yn(r) {
+function Qn(r) {
   if (r == null)
     return NaN;
   const l = String(r).trim(), d = l.match(/^(\d+):(\d+)(?::(\d+))?$/);
@@ -130,37 +130,37 @@ function Yn(r) {
     const k = +d[1], C = +d[2], z = d[3] != null ? +d[3] : null;
     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), W = 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), W && (f += +W[1], S = !0), S ? f : NaN;
+  let f = 0, w = !1;
+  const S = l.match(/(\d+)\s*d\b/i), a = l.match(/(\d+)\s*h\b/i), b = l.match(/(\d+)\s*m(?!s)\b/i), T = l.match(/(\d+)\s*s\b/i);
+  return S && (f += +S[1] * 86400, w = !0), a && (f += +a[1] * 3600, w = !0), b && (f += +b[1] * 60, w = !0), T && (f += +T[1], w = !0), w ? f : NaN;
 }
-function Qn(r) {
+function qn(r) {
   if (!r)
     return null;
   const l = String(r).trim(), d = l.match(/^(\d{1,2})\/(\d{1,2})\/(\d{2,4})$/);
   if (d) {
-    const S = d[3].length === 2 ? 2e3 + +d[3] : +d[3], v = new Date(S, +d[1] - 1, +d[2]);
-    return isNaN(v.getTime()) ? null : v;
+    const w = d[3].length === 2 ? 2e3 + +d[3] : +d[3], S = new Date(w, +d[1] - 1, +d[2]);
+    return isNaN(S.getTime()) ? null : S;
   }
   const f = new Date(l);
   return isNaN(f.getTime()) ? null : f;
 }
-function qn(r) {
+function Zn(r) {
   if (!r || r.length === 0)
     return "text";
   const l = r.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(r) {
+function Ye(r) {
   return r ? Array.isArray(r) ? r.length > 0 : r.type === "range" ? r.min !== "" && r.min !== void 0 && r.min !== null || r.max !== "" && r.max !== void 0 && r.max !== null : r.type === "durationRange" ? r.minSec !== "" && r.minSec != null || r.maxSec !== "" && r.maxSec != null : r.type === "scoreRange" ? Array.isArray(r.values) && r.values.length > 0 || r.min !== "" && r.min != null || r.max !== "" && r.max != null : r.type === "dateRange" ? !!(r.from || r.to) : !1 : !1;
 }
-function Xt(r) {
+function Gt(r) {
   if (r == null || r === "" || isNaN(r))
     return "";
-  const l = Number(r), 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`;
+  const l = Number(r), d = Math.floor(l / 3600), f = Math.floor(l % 3600 / 60), w = Math.floor(l % 60);
+  return d > 0 ? `${d}h ${f}m` : f > 0 ? `${f}m ${w}s` : `${w}s`;
 }
-function Zn(r) {
+function Vn(r) {
   if (!r)
     return "";
   if (Array.isArray(r))
@@ -170,26 +170,26 @@ function Zn(r) {
     return l != null && d != null ? `${l} – ${d}` : l != null ? `≥ ${l}` : d != null ? `≤ ${d}` : "";
   }
   if (r.type === "durationRange") {
-    const l = r.minSec !== "" && r.minSec != null ? Xt(r.minSec) : null, d = r.maxSec !== "" && r.maxSec != null ? Xt(r.maxSec) : null;
+    const l = r.minSec !== "" && r.minSec != null ? Gt(r.minSec) : null, d = r.maxSec !== "" && r.maxSec != null ? Gt(r.maxSec) : null;
     return l && d ? `${l} – ${d}` : l ? `≥ ${l}` : d ? `≤ ${d}` : "";
   }
   if (r.type === "scoreRange") {
     if (Array.isArray(r.values) && r.values.length > 0)
-      return r.values.slice().sort((f, S) => f - S).join(", ");
+      return r.values.slice().sort((f, w) => f - w).join(", ");
     const l = r.min !== "" && r.min != null ? r.min : null, d = r.max !== "" && r.max != null ? r.max : null;
     return l != null && d != null ? `${l} – ${d}` : l != null ? `≥ ${l}` : d != null ? `≤ ${d}` : "";
   }
   return r.type === "dateRange" ? r.from && r.to ? `${r.from} – ${r.to}` : r.from ? `from ${r.from}` : r.to ? `to ${r.to}` : "" : "";
 }
-function Vn(r) {
+function er(r) {
   return Array.isArray(r) ? Math.max(0, r.length - 1) : 0;
 }
-function er(r) {
+function tr(r) {
   return Array.isArray(r) ? r.slice(1).map(String).join(", ") : "";
 }
-function tr({ count: r, values: l }) {
+function nr({ count: r, values: l }) {
   const [d, f] = y(!1);
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ h(
     "span",
     {
       onMouseEnter: () => f(!0),
@@ -213,7 +213,7 @@ function tr({ count: r, values: l }) {
       children: [
         "+",
         r,
-        d && /* @__PURE__ */ o(
+        d && /* @__PURE__ */ s(
           "span",
           {
             role: "tooltip",
@@ -242,7 +242,7 @@ function tr({ count: r, values: l }) {
     }
   );
 }
-function nr({ leftLabel: r, rightLabel: l, leftValue: d, rightValue: f, onLeftChange: S, onRightChange: v, type: a = "number", placeholderLeft: b = "Min", placeholderRight: W = "Max" }) {
+function rr({ leftLabel: r, rightLabel: l, leftValue: d, rightValue: f, onLeftChange: w, onRightChange: S, type: a = "number", placeholderLeft: b = "Min", placeholderRight: T = "Max" }) {
   const k = {
     width: "100%",
     height: 32,
@@ -256,36 +256,36 @@ function nr({ leftLabel: r, rightLabel: l, leftValue: d, rightValue: f, onLeftCh
     outline: "none",
     boxSizing: "border-box"
   }, C = { fontSize: 12, color: "#676767", marginBottom: 4, fontFamily: "var(--font-sans)" };
-  return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-    /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column" }, children: [
-      /* @__PURE__ */ o("span", { style: C, children: r }),
-      /* @__PURE__ */ o(
+  return /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
+    /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column" }, children: [
+      /* @__PURE__ */ s("span", { style: C, children: r }),
+      /* @__PURE__ */ s(
         "input",
         {
           type: a,
           value: d,
-          onChange: (z) => S(z.target.value),
+          onChange: (z) => w(z.target.value),
           placeholder: b,
           style: k
         }
       )
     ] }),
-    /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column" }, children: [
-      /* @__PURE__ */ o("span", { style: C, children: l }),
-      /* @__PURE__ */ o(
+    /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column" }, children: [
+      /* @__PURE__ */ s("span", { style: C, children: l }),
+      /* @__PURE__ */ s(
         "input",
         {
           type: a,
           value: f,
-          onChange: (z) => v(z.target.value),
-          placeholder: W,
+          onChange: (z) => S(z.target.value),
+          placeholder: T,
           style: k
         }
       )
     ] })
   ] });
 }
-const Gt = [
+const Jt = [
   { 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 Gt = [
   { id: "240-300", label: "4m to 5m", minSec: 240, maxSec: 300 },
   { id: "300+", label: "5 mins and above", minSec: 300, maxSec: null }
 ];
-function Jt(r) {
+function Yt(r) {
   if (r == null || r === "")
     return null;
   const l = String(r).trim().match(/^(\d{1,3}):(\d{2})$/);
@@ -302,8 +302,8 @@ function Jt(r) {
   const d = Number(r);
   return Number.isFinite(d) ? d : null;
 }
-function kt({ children: r }) {
-  return /* @__PURE__ */ o(
+function Dt({ children: r }) {
+  return /* @__PURE__ */ s(
     "div",
     {
       style: {
@@ -318,16 +318,16 @@ function kt({ children: r }) {
     }
   );
 }
-function Dt({
+function Ct({
   minValue: r,
   maxValue: l,
   onMinChange: d,
   onMaxChange: f,
-  inputType: S = "number",
-  inputMode: v = "decimal",
+  inputType: w = "number",
+  inputMode: S = "decimal",
   step: a,
   placeholder: b = "0.0",
-  unit: W
+  unit: T
 }) {
   const k = {
     width: "100%",
@@ -341,15 +341,15 @@ function Dt({
     outline: "none",
     boxSizing: "border-box"
   };
-  return /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
-    /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "flex-end", gap: 8 }, children: [
-      /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", gap: 6, flex: 1, minWidth: 0 }, children: [
-        /* @__PURE__ */ o("span", { style: { fontSize: 12, color: "#2E3236", fontFamily: "var(--font-sans)" }, children: "Min From" }),
-        /* @__PURE__ */ o(
+  return /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
+    /* @__PURE__ */ h("div", { style: { display: "flex", alignItems: "flex-end", gap: 8 }, children: [
+      /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column", gap: 6, flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ s("span", { style: { fontSize: 12, color: "#2E3236", fontFamily: "var(--font-sans)" }, children: "Min From" }),
+        /* @__PURE__ */ s(
           "input",
           {
-            type: S,
-            inputMode: v,
+            type: w,
+            inputMode: S,
             step: a,
             placeholder: b,
             value: r,
@@ -358,14 +358,14 @@ function Dt({
           }
         )
       ] }),
-      /* @__PURE__ */ o("span", { style: { fontSize: 12, fontWeight: 600, color: "#323232", paddingBottom: 8, fontFamily: "var(--font-sans)" }, children: "to" }),
-      /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column", gap: 6, flex: 1, minWidth: 0 }, children: [
-        /* @__PURE__ */ o("span", { style: { fontSize: 12, color: "#2E3236", fontFamily: "var(--font-sans)" }, children: "Max" }),
-        /* @__PURE__ */ o(
+      /* @__PURE__ */ s("span", { style: { fontSize: 12, fontWeight: 600, color: "#323232", paddingBottom: 8, fontFamily: "var(--font-sans)" }, children: "to" }),
+      /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column", gap: 6, flex: 1, minWidth: 0 }, children: [
+        /* @__PURE__ */ s("span", { style: { fontSize: 12, color: "#2E3236", fontFamily: "var(--font-sans)" }, children: "Max" }),
+        /* @__PURE__ */ s(
           "input",
           {
-            type: S,
-            inputMode: v,
+            type: w,
+            inputMode: S,
             step: a,
             placeholder: b,
             value: l,
@@ -375,7 +375,7 @@ function Dt({
         )
       ] })
     ] }),
-    W && /* @__PURE__ */ p(
+    T && /* @__PURE__ */ h(
       "span",
       {
         style: {
@@ -385,127 +385,130 @@ function Dt({
         },
         children: [
           "Enter durations in ",
-          W === "sec" ? "seconds" : W
+          T === "sec" ? "seconds" : T
         ]
       }
     )
   ] });
 }
-function rr({ column: r, columnId: l, filterType: d = "text", position: f, popoverRef: S, distinctValues: v, initialValue: a, onApply: b, onCancel: W, onSearch: k = null, searchMinChars: C = 3 }) {
-  const z = d === "text", j = d === "number", D = d === "date", w = d === "duration", O = d === "score", T = /duration/i.test(String((r == null ? void 0 : r.label) || l || "")), B = te(() => {
-    if (!O || !Array.isArray(v) || v.length === 0)
+function or({ column: r, columnId: l, filterType: d = "text", position: f, popoverRef: w, distinctValues: S, initialValue: a, onApply: b, onCancel: T, onSearch: k = null, searchMinChars: C = 3 }) {
+  const z = d === "text", H = d === "number", D = d === "date", v = d === "duration", $ = d === "score", L = /duration/i.test(String((r == null ? void 0 : r.label) || l || "")), B = oe(() => {
+    if (!$ || !Array.isArray(S) || S.length === 0)
       return !1;
-    let h = 1 / 0, m = -1 / 0;
-    for (const g of v) {
-      const F = Rt(g);
-      Number.isFinite(F) && (F < h && (h = F), F > m && (m = F));
+    let p = 1 / 0, m = -1 / 0;
+    for (const g of S) {
+      const F = zt(g);
+      Number.isFinite(F) && (F < p && (p = F), F > m && (m = F));
     }
-    return Number.isFinite(h) && Number.isFinite(m) && h >= 0 && m <= 5;
-  }, [O, v]), [E, ue] = y(
+    return Number.isFinite(p) && Number.isFinite(m) && p >= 0 && m <= 5;
+  }, [$, S]), [A, ce] = y(
     () => z ? new Set(Array.isArray(a) ? a : []) : /* @__PURE__ */ new Set()
-  ), [xe, X] = y(""), [Z, G] = y(() => j && (a == null ? void 0 : a.type) === "range" && a.min != null ? a.min : ""), [V, oe] = y(() => j && (a == null ? void 0 : a.type) === "range" && a.max != null ? a.max : ""), [_, fe] = y(/* @__PURE__ */ new Set()), [ne, L] = y(
-    () => w && (a == null ? void 0 : a.type) === "durationRange" && a.minSec != null && a.minSec !== "" ? String(a.minSec) : ""
-  ), [Y, pe] = y(
-    () => w && (a == null ? void 0 : a.type) === "durationRange" && a.maxSec != null && a.maxSec !== "" ? String(a.maxSec) : ""
-  ), [he, Qe] = y(
-    () => O && (a == null ? void 0 : a.type) === "scoreRange" && Array.isArray(a.values) ? new Set(a.values) : /* @__PURE__ */ new Set()
-  ), [Pe, ze] = y(
-    () => O && (a == null ? void 0 : a.type) === "scoreRange" && a.min != null && a.min !== "" ? String(a.min) : ""
-  ), [be, Be] = y(
-    () => O && (a == null ? void 0 : a.type) === "scoreRange" && a.max != null && a.max !== "" ? String(a.max) : ""
-  ), [qe, Q] = y(() => D && (a == null ? void 0 : a.type) === "dateRange" && a.from || ""), [$, se] = y(() => D && (a == null ? void 0 : a.type) === "dateRange" && a.to || "");
-  H(() => {
-    z && ue(new Set(Array.isArray(a) ? a : []));
+  ), [ge, G] = y(""), [Z, J] = y(() => H && (a == null ? void 0 : a.type) === "range" && a.min != null ? a.min : ""), [V, ie] = y(() => H && (a == null ? void 0 : a.type) === "range" && a.max != null ? a.max : ""), [E, de] = y(/* @__PURE__ */ new Set()), [se, P] = y(
+    () => v && (a == null ? void 0 : a.type) === "durationRange" && a.minSec != null && a.minSec !== "" ? String(a.minSec) : ""
+  ), [q, ue] = y(
+    () => v && (a == null ? void 0 : a.type) === "durationRange" && a.maxSec != null && a.maxSec !== "" ? String(a.maxSec) : ""
+  ), [fe, qe] = y(
+    () => $ && (a == null ? void 0 : a.type) === "scoreRange" && Array.isArray(a.values) ? new Set(a.values) : /* @__PURE__ */ new Set()
+  ), [je, Re] = y(
+    () => $ && (a == null ? void 0 : a.type) === "scoreRange" && a.min != null && a.min !== "" ? String(a.min) : ""
+  ), [ye, ze] = y(
+    () => $ && (a == null ? void 0 : a.type) === "scoreRange" && a.max != null && a.max !== "" ? String(a.max) : ""
+  ), [Ze, Y] = y(() => D && (a == null ? void 0 : a.type) === "dateRange" && a.from || ""), [I, ee] = y(() => D && (a == null ? void 0 : a.type) === "dateRange" && a.to || "");
+  j(() => {
+    z && ce(new Set(Array.isArray(a) ? a : []));
   }, [l, z]);
-  const [re, ie] = y(null), [q, Fe] = y(!1), ve = U(0), le = xe.trim(), M = z && typeof k == "function" && le.length >= C;
-  H(() => {
+  const [He, te] = y(null), [xe, X] = y(!1), be = K(0), ne = ge.trim(), Ve = z && typeof k == "function" && ne.length >= C;
+  j(() => {
     if (!z || typeof k != "function")
       return;
-    if (le.length < C) {
-      ie(null), Fe(!1);
+    if (ne.length < C) {
+      te(null), X(!1);
       return;
     }
-    const h = ++ve.current;
-    Fe(!0);
+    const p = ++be.current;
+    X(!0);
     const m = setTimeout(async () => {
       try {
-        const g = await k(le);
-        if (h !== ve.current)
+        const g = await k(ne);
+        if (p !== be.current)
           return;
-        const F = Array.isArray(g) ? g.map((P) => P && typeof P == "object" ? P.label ?? P.value : P).filter((P) => P != null && P !== "").map(String) : [];
-        ie(F);
+        const F = Array.isArray(g) ? g.map((M) => M && typeof M == "object" ? M.label ?? M.value : M).filter((M) => M != null && M !== "").map(String) : [];
+        te(F);
       } catch {
-        h === ve.current && ie([]);
+        p === be.current && te([]);
       } finally {
-        h === ve.current && Fe(!1);
+        p === be.current && X(!1);
       }
     }, 300);
     return () => clearTimeout(m);
-  }, [z, k, le, C]);
-  const Se = te(() => {
-    const h = le.toLowerCase(), m = M ? re || [] : h ? v.filter((F) => String(F).toLowerCase().includes(h)) : v, g = /* @__PURE__ */ new Map();
+  }, [z, k, ne, C]);
+  const N = oe(() => {
+    const p = ne.toLowerCase(), m = Ve ? He || [] : p ? S.filter((F) => String(F).toLowerCase().includes(p)) : S, g = /* @__PURE__ */ new Map();
     for (const F of m)
       g.set(String(F), F);
-    for (const F of E)
+    for (const F of A)
       g.set(String(F), F);
-    return Array.from(g.values()).sort((F, P) => {
-      const ae = E.has(F), Ve = E.has(P);
-      return ae !== Ve ? ae ? -1 : 1 : String(F).localeCompare(String(P));
+    return Array.from(g.values()).sort((F, M) => {
+      const Se = String(F) === "NA", Ee = String(M) === "NA";
+      if (Se !== Ee)
+        return Se ? -1 : 1;
+      const re = A.has(F), Me = A.has(M);
+      return re !== Me ? re ? -1 : 1 : String(F).localeCompare(String(M));
     });
-  }, [v, le, E, M, re]), Ie = (h) => {
-    ue((m) => {
+  }, [S, ne, A, Ve, He]), ve = (p) => {
+    ce((m) => {
       const g = new Set(m);
-      return g.has(h) ? g.delete(h) : g.add(h), g;
+      return g.has(p) ? g.delete(p) : g.add(p), g;
     });
-  }, je = () => {
-    z && ue(/* @__PURE__ */ new Set()), j && (G(""), oe("")), w && (fe(/* @__PURE__ */ new Set()), L(""), pe("")), O && (Qe(/* @__PURE__ */ new Set()), ze(""), Be("")), D && (Q(""), se("")), X("");
-  }, ke = (h) => {
-    fe((m) => {
+  }, et = () => {
+    z && ce(/* @__PURE__ */ new Set()), H && (J(""), ie("")), v && (de(/* @__PURE__ */ new Set()), P(""), ue("")), $ && (qe(/* @__PURE__ */ new Set()), Re(""), ze("")), D && (Y(""), ee("")), G("");
+  }, Be = (p) => {
+    de((m) => {
       const g = new Set(m);
-      return g.has(h) ? g.delete(h) : g.add(h), g;
+      return g.has(p) ? g.delete(p) : g.add(p), g;
     });
-  }, we = (h) => {
-    Qe((m) => {
+  }, we = (p) => {
+    qe((m) => {
       const g = new Set(m);
-      return g.has(h) ? g.delete(h) : g.add(h), g;
+      return g.has(p) ? g.delete(p) : g.add(p), g;
     });
-  }, Ze = () => {
+  }, Fe = () => {
     if (z)
-      return b(Array.from(E));
-    if (j)
+      return b(Array.from(A));
+    if (H)
       return b({ type: "range", min: Z === "" ? "" : Number(Z), max: V === "" ? "" : Number(V) });
-    if (w) {
-      const h = Jt(ne), m = Jt(Y), g = h != null || m != null;
-      let F = "", P = "";
+    if (v) {
+      const p = Yt(se), m = Yt(q), g = p != null || m != null;
+      let F = "", M = "";
       if (g)
-        F = h ?? "", P = m ?? "";
-      else if (_.size > 0) {
-        const ae = Gt.filter((ee) => _.has(ee.id));
-        F = Math.min(...ae.map((ee) => ee.minSec)), P = ae.some((ee) => ee.maxSec == null) ? "" : Math.max(...ae.map((ee) => ee.maxSec));
+        F = p ?? "", M = m ?? "";
+      else if (E.size > 0) {
+        const Se = Jt.filter((re) => E.has(re.id));
+        F = Math.min(...Se.map((re) => re.minSec)), M = Se.some((re) => re.maxSec == null) ? "" : Math.max(...Se.map((re) => re.maxSec));
       }
-      return b({ type: "durationRange", minSec: F, maxSec: P });
+      return b({ type: "durationRange", minSec: F, maxSec: M });
     }
-    if (O) {
-      const h = Pe === "" ? null : Number(Pe), m = be === "" ? null : Number(be);
-      return h != null || m != null ? b({
+    if ($) {
+      const p = je === "" ? null : Number(je), m = ye === "" ? null : Number(ye);
+      return p != null || m != null ? b({
         type: "scoreRange",
         values: [],
-        min: h != null && Number.isFinite(h) ? h : "",
+        min: p != null && Number.isFinite(p) ? p : "",
         max: m != null && Number.isFinite(m) ? m : ""
       }) : b({
         type: "scoreRange",
-        values: Array.from(he).sort((F, P) => F - P),
+        values: Array.from(fe).sort((F, M) => F - M),
         min: "",
         max: ""
       });
     }
     if (D)
-      return b({ type: "dateRange", from: qe, to: $ });
+      return b({ type: "dateRange", from: Ze, to: I });
   };
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ h(
     "div",
     {
-      ref: S,
+      ref: w,
       role: "dialog",
       "aria-label": `Filter ${r.label || l}`,
       style: {
@@ -525,8 +528,8 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
         fontFamily: "var(--font-sans)"
       },
       children: [
-        z && /* @__PURE__ */ p(Re, { children: [
-          /* @__PURE__ */ o(
+        z && /* @__PURE__ */ h(Ce, { children: [
+          /* @__PURE__ */ s(
             "div",
             {
               style: {
@@ -537,7 +540,7 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
                 display: "flex",
                 alignItems: "center"
               },
-              children: /* @__PURE__ */ p(
+              children: /* @__PURE__ */ h(
                 "div",
                 {
                   style: {
@@ -551,14 +554,14 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
                     padding: "0 8px"
                   },
                   children: [
-                    /* @__PURE__ */ o(In, { size: 16, color: "#989898", strokeWidth: 2 }),
-                    /* @__PURE__ */ o(
+                    /* @__PURE__ */ s(_n, { size: 16, color: "#989898", strokeWidth: 2 }),
+                    /* @__PURE__ */ s(
                       "input",
                       {
                         autoFocus: !0,
                         type: "text",
-                        value: xe,
-                        onChange: (h) => X(h.target.value),
+                        value: ge,
+                        onChange: (p) => G(p.target.value),
                         placeholder: "Search",
                         style: {
                           flex: 1,
@@ -577,9 +580,9 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
               )
             }
           ),
-          /* @__PURE__ */ o("div", { style: { maxHeight: 220, overflowY: "auto", display: "flex", flexDirection: "column", gap: 4 }, children: typeof k == "function" && le.length > 0 && le.length < C ? /* @__PURE__ */ o("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: `Type at least ${C} characters to search` }) : q ? /* @__PURE__ */ o("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: "Searching…" }) : Se.length === 0 ? /* @__PURE__ */ o("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: "No values" }) : Se.map((h) => {
-            const m = E.has(h);
-            return /* @__PURE__ */ p(
+          /* @__PURE__ */ s("div", { style: { maxHeight: 220, overflowY: "auto", display: "flex", flexDirection: "column", gap: 4 }, children: typeof k == "function" && ne.length > 0 && ne.length < C ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: `Type at least ${C} characters to search` }) : xe ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: "Searching…" }) : N.length === 0 ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: "No values" }) : N.map((p) => {
+            const m = A.has(p);
+            return /* @__PURE__ */ h(
               "label",
               {
                 style: {
@@ -591,7 +594,7 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
                   borderRadius: 6
                 },
                 children: [
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ s(
                     "span",
                     {
                       style: {
@@ -605,24 +608,24 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
                         border: `1px solid ${m ? "#0B0B0B" : "#676767"}`,
                         flexShrink: 0
                       },
-                      children: m && /* @__PURE__ */ o(Ye, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
+                      children: m && /* @__PURE__ */ s(Qe, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
                     }
                   ),
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ s(
                     "input",
                     {
                       type: "checkbox",
                       checked: m,
-                      onChange: () => Ie(h),
+                      onChange: () => ve(p),
                       style: { position: "absolute", opacity: 0, pointerEvents: "none" },
                       tabIndex: -1
                     }
                   ),
-                  /* @__PURE__ */ o(
+                  /* @__PURE__ */ s(
                     "span",
                     {
                       onClick: (g) => {
-                        g.preventDefault(), Ie(h);
+                        g.preventDefault(), ve(p);
                       },
                       style: {
                         fontSize: 14,
@@ -633,43 +636,43 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
                         textOverflow: "ellipsis",
                         whiteSpace: "nowrap"
                       },
-                      children: h
+                      children: p
                     }
                   )
                 ]
               },
-              h
+              p
             );
           }) })
         ] }),
-        j && /* @__PURE__ */ p(Re, { children: [
-          /* @__PURE__ */ o(kt, { children: r.label || "Filter" }),
-          /* @__PURE__ */ o(
-            Dt,
+        H && /* @__PURE__ */ h(Ce, { children: [
+          /* @__PURE__ */ s(Dt, { children: r.label || "Filter" }),
+          /* @__PURE__ */ s(
+            Ct,
             {
               minValue: Z,
               maxValue: V,
-              onMinChange: G,
-              onMaxChange: oe,
-              placeholder: T ? "00" : "0.0",
-              unit: T ? "sec" : void 0
+              onMinChange: J,
+              onMaxChange: ie,
+              placeholder: L ? "00" : "0.0",
+              unit: L ? "sec" : void 0
             }
           )
         ] }),
-        w && /* @__PURE__ */ p(Re, { children: [
-          /* @__PURE__ */ o(kt, { children: r.label || "Duration" }),
-          r.filterShowPresets === !0 && /* @__PURE__ */ p(Re, { children: [
-            /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: Gt.map((h) => {
-              const m = _.has(h.id);
-              return /* @__PURE__ */ p(
+        v && /* @__PURE__ */ h(Ce, { children: [
+          /* @__PURE__ */ s(Dt, { children: r.label || "Duration" }),
+          r.filterShowPresets === !0 && /* @__PURE__ */ h(Ce, { children: [
+            /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: Jt.map((p) => {
+              const m = E.has(p.id);
+              return /* @__PURE__ */ h(
                 "div",
                 {
                   role: "checkbox",
                   "aria-checked": m,
                   tabIndex: 0,
-                  onClick: () => ke(h.id),
+                  onClick: () => Be(p.id),
                   onKeyDown: (g) => {
-                    (g.key === " " || g.key === "Enter") && (g.preventDefault(), ke(h.id));
+                    (g.key === " " || g.key === "Enter") && (g.preventDefault(), Be(p.id));
                   },
                   style: {
                     display: "flex",
@@ -679,7 +682,7 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
                     userSelect: "none"
                   },
                   children: [
-                    /* @__PURE__ */ o(
+                    /* @__PURE__ */ s(
                       "span",
                       {
                         style: {
@@ -693,10 +696,10 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
                           border: `1px solid ${m ? "#0B0B0B" : "#676767"}`,
                           flexShrink: 0
                         },
-                        children: m && /* @__PURE__ */ o(Ye, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
+                        children: m && /* @__PURE__ */ s(Qe, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
                       }
                     ),
-                    /* @__PURE__ */ o(
+                    /* @__PURE__ */ s(
                       "span",
                       {
                         style: {
@@ -705,16 +708,16 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
                           color: "#0B0B0B",
                           fontFamily: "var(--font-sans)"
                         },
-                        children: h.label
+                        children: p.label
                       }
                     )
                   ]
                 },
-                h.id
+                p.id
               );
             }) }),
-            /* @__PURE__ */ o("div", { style: { height: 1, background: "#D9D9D9", margin: "0 -12px" } }),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ s("div", { style: { height: 1, background: "#D9D9D9", margin: "0 -12px" } }),
+            /* @__PURE__ */ s(
               "div",
               {
                 style: {
@@ -729,13 +732,13 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
               }
             )
           ] }),
-          /* @__PURE__ */ o(
-            Dt,
+          /* @__PURE__ */ s(
+            Ct,
             {
-              minValue: ne,
-              maxValue: Y,
-              onMinChange: L,
-              onMaxChange: pe,
+              minValue: se,
+              maxValue: q,
+              onMinChange: P,
+              onMaxChange: ue,
               inputType: "number",
               inputMode: "numeric",
               placeholder: "00",
@@ -743,20 +746,20 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
             }
           )
         ] }),
-        O && /* @__PURE__ */ p(Re, { children: [
-          /* @__PURE__ */ o(kt, { children: r.label || "Score" }),
-          B && r.filterShowPresets === !0 && /* @__PURE__ */ p(Re, { children: [
-            /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [1, 2, 3, 4, 5].map((h) => {
-              const m = he.has(h);
-              return /* @__PURE__ */ p(
+        $ && /* @__PURE__ */ h(Ce, { children: [
+          /* @__PURE__ */ s(Dt, { children: r.label || "Score" }),
+          B && r.filterShowPresets === !0 && /* @__PURE__ */ h(Ce, { children: [
+            /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [1, 2, 3, 4, 5].map((p) => {
+              const m = fe.has(p);
+              return /* @__PURE__ */ h(
                 "div",
                 {
                   role: "checkbox",
                   "aria-checked": m,
                   tabIndex: 0,
-                  onClick: () => we(h),
+                  onClick: () => we(p),
                   onKeyDown: (g) => {
-                    (g.key === " " || g.key === "Enter") && (g.preventDefault(), we(h));
+                    (g.key === " " || g.key === "Enter") && (g.preventDefault(), we(p));
                   },
                   style: {
                     display: "flex",
@@ -766,7 +769,7 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
                     userSelect: "none"
                   },
                   children: [
-                    /* @__PURE__ */ o(
+                    /* @__PURE__ */ s(
                       "span",
                       {
                         style: {
@@ -780,10 +783,10 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
                           border: `1px solid ${m ? "#0B0B0B" : "#676767"}`,
                           flexShrink: 0
                         },
-                        children: m && /* @__PURE__ */ o(Ye, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
+                        children: m && /* @__PURE__ */ s(Qe, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
                       }
                     ),
-                    /* @__PURE__ */ o(
+                    /* @__PURE__ */ s(
                       "span",
                       {
                         style: {
@@ -792,17 +795,17 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
                           color: "#0B0B0B",
                           fontFamily: "var(--font-sans)"
                         },
-                        children: h
+                        children: p
                       }
                     )
                   ]
                 },
-                h
+                p
               );
             }) }),
-            /* @__PURE__ */ o("div", { style: { height: 1, background: "#D9D9D9", margin: "0 -12px" } })
+            /* @__PURE__ */ s("div", { style: { height: 1, background: "#D9D9D9", margin: "0 -12px" } })
           ] }),
-          B && r.filterShowPresets === !0 && /* @__PURE__ */ o(
+          B && r.filterShowPresets === !0 && /* @__PURE__ */ s(
             "div",
             {
               style: {
@@ -816,38 +819,38 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
               children: "Custom Range"
             }
           ),
-          /* @__PURE__ */ o(
-            Dt,
+          /* @__PURE__ */ s(
+            Ct,
             {
-              minValue: Pe,
-              maxValue: be,
-              onMinChange: ze,
-              onMaxChange: Be,
+              minValue: je,
+              maxValue: ye,
+              onMinChange: Re,
+              onMaxChange: ze,
               step: "0.1"
             }
           )
         ] }),
-        D && /* @__PURE__ */ o(
-          nr,
+        D && /* @__PURE__ */ s(
+          rr,
           {
             leftLabel: "From",
             rightLabel: "To",
-            leftValue: qe,
-            rightValue: $,
-            onLeftChange: Q,
-            onRightChange: se,
+            leftValue: Ze,
+            rightValue: I,
+            onLeftChange: Y,
+            onRightChange: ee,
             type: "date",
             placeholderLeft: "",
             placeholderRight: ""
           }
         ),
-        /* @__PURE__ */ o("div", { style: { height: 1, background: "#D9D9D9", margin: "0 -12px" } }),
-        /* @__PURE__ */ p("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ o(
+        /* @__PURE__ */ s("div", { style: { height: 1, background: "#D9D9D9", margin: "0 -12px" } }),
+        /* @__PURE__ */ h("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ s(
             "button",
             {
               type: "button",
-              onClick: je,
+              onClick: et,
               style: {
                 background: "transparent",
                 border: "none",
@@ -858,14 +861,14 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
                 color: "#323232",
                 fontFamily: "var(--font-sans)"
               },
-              children: w && r.filterShowPresets === !0 || O && B && r.filterShowPresets === !0 ? "View All" : "Reset"
+              children: v && r.filterShowPresets === !0 || $ && B && r.filterShowPresets === !0 ? "View All" : "Reset"
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ s(
             "button",
             {
               type: "button",
-              onClick: Ze,
+              onClick: Fe,
               style: {
                 background: "#0B0B0B",
                 color: "#FFFFFF",
@@ -886,60 +889,60 @@ function rr({ column: r, columnId: l, filterType: d = "text", position: f, popov
     }
   );
 }
-const or = () => ({ userData: { email: "anonymous" } }), sr = (r) => /* @__PURE__ */ o("img", { ...r });
-function ir({
+const sr = () => ({ userData: { email: "anonymous" } }), ir = (r) => /* @__PURE__ */ s("img", { ...r });
+function lr({
   children: r,
   content: l,
   direction: d = "top",
   align: f = "center",
-  styling: S,
-  indicatorColor: v
+  styling: w,
+  indicatorColor: S
 }) {
-  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)", [W, k] = y(!1), [C, z] = y(!1), [j, D] = y({ top: 0, left: 0, arrowLeft: 0, placement: "top" }), w = U(null), O = U(null);
+  const a = typeof l == "string" ? l : l != null ? String(l) : "", b = typeof S == "string" && (S.startsWith("#") || S.startsWith("rgb") || S.startsWith("hsl") || S.startsWith("var(")) ? S : "var(--Grey-Strong, #2E3236)", [T, k] = y(!1), [C, z] = y(!1), [H, D] = y({ top: 0, left: 0, arrowLeft: 0, placement: "top" }), v = K(null), $ = K(null);
   if (!a)
     return r;
-  H(() => {
+  j(() => {
     z(!0);
   }, []);
-  const T = A(() => {
-    if (!w.current || !O.current || typeof window > "u")
+  const L = O(() => {
+    if (!v.current || !$.current || typeof window > "u")
       return;
-    const B = w.current.getBoundingClientRect(), E = O.current.getBoundingClientRect(), ue = window.innerWidth, xe = window.innerHeight, X = 8, Z = 10, G = E.width, V = E.height, oe = B.top, _ = xe - B.bottom, fe = d === "bottom" ? "bottom" : "top";
-    let ne = fe;
-    fe === "top" && oe < V + Z + X && _ > oe ? ne = "bottom" : fe === "bottom" && _ < V + Z + X && oe > _ && (ne = "top");
-    let L = B.left + B.width / 2;
-    f === "start" && (L = B.left), f === "end" && (L = B.right);
-    let Y = ne === "top" ? B.top - V - Z : B.bottom + Z, pe = f === "start" ? L : f === "end" ? L - G : L - G / 2;
-    Y = Math.max(X, Math.min(Y, xe - V - X)), pe = Math.max(X, Math.min(pe, ue - G - X));
-    const he = Math.max(10, Math.min(L - pe, G - 10));
-    D({ top: Y, left: pe, arrowLeft: he, placement: ne });
+    const B = v.current.getBoundingClientRect(), A = $.current.getBoundingClientRect(), ce = window.innerWidth, ge = window.innerHeight, G = 8, Z = 10, J = A.width, V = A.height, ie = B.top, E = ge - B.bottom, de = d === "bottom" ? "bottom" : "top";
+    let se = de;
+    de === "top" && ie < V + Z + G && E > ie ? se = "bottom" : de === "bottom" && E < V + Z + G && ie > E && (se = "top");
+    let P = B.left + B.width / 2;
+    f === "start" && (P = B.left), f === "end" && (P = B.right);
+    let q = se === "top" ? B.top - V - Z : B.bottom + Z, ue = f === "start" ? P : f === "end" ? P - J : P - J / 2;
+    q = Math.max(G, Math.min(q, ge - V - G)), ue = Math.max(G, Math.min(ue, ce - J - G));
+    const fe = Math.max(10, Math.min(P - ue, J - 10));
+    D({ top: q, left: ue, arrowLeft: fe, placement: se });
   }, [f, d]);
-  return H(() => {
-    if (!W || !C)
+  return j(() => {
+    if (!T || !C)
       return;
-    T();
-    const B = () => T();
+    L();
+    const B = () => L();
     return window.addEventListener("resize", B), window.addEventListener("scroll", B, !0), () => {
       window.removeEventListener("resize", B), window.removeEventListener("scroll", B, !0);
     };
-  }, [W, C, T]), /* @__PURE__ */ p(
+  }, [T, C, L]), /* @__PURE__ */ h(
     "span",
     {
-      ref: w,
+      ref: v,
       style: { display: "block", width: "100%" },
       onMouseEnter: () => k(!0),
       onMouseLeave: () => k(!1),
       children: [
         r,
-        W && C && Ct(
-          /* @__PURE__ */ p(
+        T && C && Rt(
+          /* @__PURE__ */ h(
             "span",
             {
-              ref: O,
+              ref: $,
               style: {
                 position: "fixed",
-                top: `${j.top}px`,
-                left: `${j.left}px`,
+                top: `${H.top}px`,
+                left: `${H.left}px`,
                 background: "var(--Grey-Strong, #2E3236)",
                 color: "var(--Grey-White, #FFF)",
                 fontSize: "12px",
@@ -953,22 +956,22 @@ function ir({
                 boxShadow: "0 6px 18px rgba(0, 0, 0, 0.2)",
                 zIndex: 99999,
                 pointerEvents: "none",
-                ...typeof S == "object" ? S : {}
+                ...typeof w == "object" ? w : {}
               },
               children: [
                 a,
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ s(
                   "span",
                   {
                     style: {
                       position: "absolute",
-                      left: `${j.arrowLeft}px`,
+                      left: `${H.arrowLeft}px`,
                       transform: "translateX(-50%)",
                       width: 0,
                       height: 0,
                       borderLeft: "6px solid transparent",
                       borderRight: "6px solid transparent",
-                      ...j.placement === "top" ? {
+                      ...H.placement === "top" ? {
                         top: "100%",
                         borderTop: `7px solid ${b}`
                       } : {
@@ -987,21 +990,21 @@ function ir({
     }
   );
 }
-function xr({
+function br({
   data: r = [],
   columns: l = [],
   initialPageSize: d = 10,
   onRowClick: f,
   // Server-side pagination props (optional)
-  totalCount: S = null,
+  totalCount: w = null,
   // Total count from server (null = use client-side pagination)
-  page: v = null,
+  page: S = null,
   // Controlled page (null = use internal state)
   pageSize: a = null,
   // Controlled pageSize (null = use internal state)
   onPageChange: b = null,
   // Callback for page changes (null = use internal state)
-  onPageSizeChange: W = null,
+  onPageSizeChange: T = null,
   // Callback for pageSize changes (null = use internal state)
   onFilterChange: k = null,
   // Callback for filter changes (null = use client-side filtering)
@@ -1010,58 +1013,58 @@ function xr({
   // Optional callback to surface column limit errors to host app
   onMaxColumnsError: z = null,
   // Server-side sorting props (optional)
-  onSort: j = null,
+  onSort: H = null,
   // Callback for sort changes (null = use client-side sorting)
   sortFields: D = [],
   // Array of [field, direction] tuples from parent (null = use internal state)
-  tableId: w = null,
+  tableId: v = null,
   // Optional unique identifier for localStorage persistence (e.g., "history", "agents")
-  isLoading: O = !1,
+  isLoading: $ = !1,
   // Loading state to show overlay inside table
   // Filter props (optional)
-  filtersConfig: T = null,
+  filtersConfig: L = 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,
-  columnResizeMaxWidth: E = 280,
+  columnResizeMaxWidth: A = 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.
   // Receives an array of column ids (excluding the action column).
-  onVisibleColumnsChange: ue = null,
+  onVisibleColumnsChange: ce = null,
   // 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: xe = !1,
+  hideColumnPicker: ge = !1,
   // Row selection (opt-in). When `selectable` is true a leading checkbox
   // column is rendered outside the reorderable/persisted column system, so it
   // is always visible and unaffected by the column picker or saved prefs.
   // Selection is controlled by the host: pass `selectedRowIds` (array of ids)
   // and handle `onSelectionChange(nextIdsArray)`. `getRowId` resolves a row's
   // id (defaults to `row.id`).
-  selectable: X = !1,
+  selectable: G = !1,
   selectedRowIds: Z = null,
-  onSelectionChange: G = null,
+  onSelectionChange: J = null,
   getRowId: V = null
 }) {
-  var Ht;
-  const { userData: oe } = or(), _ = (oe == null ? void 0 : oe.email) || "anonymous", fe = St.memo(({ children: e, content: t, className: s = "" }) => {
-    const i = U(null), [n, u] = y(!1);
-    H(() => {
+  var Kt;
+  const { userData: ie } = sr(), E = (ie == null ? void 0 : ie.email) || "anonymous", de = wt.memo(({ children: e, content: t, className: o = "" }) => {
+    const i = K(null), [n, u] = y(!1);
+    j(() => {
       const x = () => {
         if (i.current) {
-          const K = i.current.scrollWidth > i.current.clientWidth;
-          u(K);
+          const U = i.current.scrollWidth > i.current.clientWidth;
+          u(U);
         }
       };
       x();
-      const N = setTimeout(x, 0);
+      const W = setTimeout(x, 0);
       return window.addEventListener("resize", x), () => {
-        clearTimeout(N), window.removeEventListener("resize", x);
+        clearTimeout(W), window.removeEventListener("resize", x);
       };
     }, [e, t]);
-    const c = /* @__PURE__ */ o("span", { className: `truncate block ${s}`, ref: i, children: e });
-    return n && t ? /* @__PURE__ */ o(
-      ir,
+    const c = /* @__PURE__ */ s("span", { className: `truncate block ${o}`, ref: i, children: e });
+    return n && t ? /* @__PURE__ */ s(
+      lr,
       {
         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",
@@ -1071,40 +1074,40 @@ function xr({
       }
     ) : c;
   });
-  fe.displayName = "TruncatedCell";
-  const ne = S !== null && b !== null, L = k !== null, Y = j !== null, [pe, he] = y(1), [Qe, Pe] = y(d), ze = v !== null ? v : pe, be = a !== null ? a : Qe, Be = (e) => {
-    b ? b(e) : he(e);
-  }, qe = (e) => {
-    W ? W(e) : Pe(e);
-  }, Q = 50, $ = "action", se = U(!1), re = te(() => w ? `dataTable_columns_${w}:${_}` : `dataTable_columns_${l.map((t) => t.id || t.key).sort().join("_")}:${_}`, [w, l, _]), ie = te(() => w ? `dataTable_manual_change_${w}:${_}` : null, [w, _]);
-  A((e, t) => {
+  de.displayName = "TruncatedCell";
+  const se = w !== null && b !== null, P = k !== null, q = H !== null, [ue, fe] = y(1), [qe, je] = y(d), Re = S !== null ? S : ue, ye = a !== null ? a : qe, ze = (e) => {
+    b ? b(e) : fe(e);
+  }, Ze = (e) => {
+    T ? T(e) : je(e);
+  }, Y = 50, I = "action", ee = K(!1), He = K(null), te = oe(() => v ? `dataTable_columns_${v}:${E}` : `dataTable_columns_${l.map((t) => t.id || t.key).sort().join("_")}:${E}`, [v, l, E]), xe = oe(() => v ? `dataTable_manual_change_${v}:${E}` : null, [v, E]);
+  O((e, t) => {
     if (typeof window > "u" || !e || !t || t.length === 0)
       return null;
     try {
-      const s = localStorage.getItem(e);
-      if (s) {
-        const n = JSON.parse(s).filter(
+      const o = localStorage.getItem(e);
+      if (o) {
+        const n = JSON.parse(o).filter(
           (u) => t.some((c) => (c.id || c.key) === u)
         );
         if (n.length > 0)
           return n;
       }
-    } catch (s) {
-      console.warn("Failed to load saved columns from localStorage:", s);
+    } catch (o) {
+      console.warn("Failed to load saved columns from localStorage:", o);
     }
     return null;
   }, []);
-  const [q, Fe] = y({}), [ve, le] = y(""), [M, Se] = y(null), [Ie, je] = y({ top: 0, left: 0 }), ke = U(null), we = U({}), [Ze, h] = y(null), [m, g] = y("asc"), F = A((e, t) => {
-    const s = Je(t);
-    Fe((i) => {
+  const [X, be] = y({}), [ne, Ve] = y(""), [N, ve] = y(null), [et, Be] = y({ top: 0, left: 0 }), we = K(null), Fe = K({}), [p, m] = y(null), [g, F] = y("asc"), M = O((e, t) => {
+    const o = Ye(t);
+    be((i) => {
       const n = { ...i };
-      return s ? n[e] = t : delete n[e], n;
-    }), b ? b(1) : he(1), L && k && k(
-      s ? { ...q, [e]: t } : Object.fromEntries(Object.entries(q).filter(([i]) => i !== e))
+      return o ? n[e] = t : delete n[e], n;
+    }), b ? b(1) : fe(1), P && k && k(
+      o ? { ...X, [e]: t } : Object.fromEntries(Object.entries(X).filter(([i]) => i !== e))
     );
-  }, [q, k, L, b]), P = A(() => {
-    Fe({}), le(""), b ? b(1) : he(1), L && k && k({});
-  }, [k, L, b]), ae = A((e) => {
+  }, [X, k, P, b]), Se = O(() => {
+    be({}), Ve(""), b ? b(1) : fe(1), P && k && k({});
+  }, [k, P, b]), Ee = O((e) => {
     const t = l.find((n) => (n.id || n.key) === e);
     if (t && Array.isArray(t.filterOptions)) {
       const n = /* @__PURE__ */ new Set(), u = [];
@@ -1118,113 +1121,113 @@ function xr({
     }
     if (!r || r.length === 0)
       return [];
-    const s = /* @__PURE__ */ new Set(), i = [];
+    const o = /* @__PURE__ */ new Set(), i = [];
     for (const n of r) {
       const u = n[e];
       if (u == null)
         continue;
       const c = typeof u == "object" ? JSON.stringify(u) : String(u);
-      s.has(c) || (s.add(c), i.push(c));
+      o.has(c) || (o.add(c), i.push(c));
     }
     return i.sort((n, u) => n.localeCompare(u));
-  }, [r, l]), Ve = A((e) => {
-    const t = l.find((s) => J(s) === e);
-    return t && t.filterType ? t.filterType : qn(ae(e));
-  }, [l, ae]), ee = A((e) => {
+  }, [r, l]), re = O((e) => {
+    const t = l.find((o) => Q(o) === e);
+    return t && t.filterType ? t.filterType : Zn(Ee(e));
+  }, [l, Ee]), Me = O((e) => {
     const i = typeof window < "u" ? window.innerWidth : 1 / 0;
     let n = e.left;
     return n + 280 > i - 8 && (n = Math.max(8, e.right - 280)), { top: e.bottom + 6, left: n };
-  }, []), Yt = A((e, t) => {
+  }, []), Qt = O((e, t) => {
     if (!t) {
-      Se(e);
+      ve(e);
       return;
     }
-    const s = t.getBoundingClientRect();
-    je(ee(s)), Se((i) => i === e ? null : e);
-  }, [ee]);
-  H(() => {
-    if (!M)
+    const o = t.getBoundingClientRect();
+    Be(Me(o)), ve((i) => i === e ? null : e);
+  }, [Me]);
+  j(() => {
+    if (!N)
       return;
     const e = (t) => {
-      if (ke.current && ke.current.contains(t.target))
+      if (we.current && we.current.contains(t.target))
         return;
-      const s = we.current[M];
-      s && s.contains(t.target) || Object.values(we.current).some(
+      const o = Fe.current[N];
+      o && o.contains(t.target) || Object.values(Fe.current).some(
         (n) => n && n.contains(t.target)
-      ) || Se(null);
+      ) || ve(null);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [M]), H(() => {
-    if (!M)
+  }, [N]), j(() => {
+    if (!N)
       return;
     const e = () => {
-      const t = we.current[M];
+      const t = Fe.current[N];
       if (!t)
         return;
-      const s = t.getBoundingClientRect();
-      je(ee(s));
+      const o = t.getBoundingClientRect();
+      Be(Me(o));
     };
     return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
       window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
     };
-  }, [M, ee]), kn(() => {
-    if (!M)
+  }, [N, Me]), Dn(() => {
+    if (!N)
       return;
-    const e = ke.current, t = we.current[M];
+    const e = we.current, t = Fe.current[N];
     if (!e || !t)
       return;
-    const s = e.offsetWidth, i = t.getBoundingClientRect(), n = 8, u = typeof window < "u" ? window.innerWidth : 1 / 0;
-    if (!(i.left + s > u - n))
+    const o = e.offsetWidth, i = t.getBoundingClientRect(), n = 8, u = typeof window < "u" ? window.innerWidth : 1 / 0;
+    if (!(i.left + o > u - n))
       return;
-    const x = Math.max(n, i.right - s);
-    je((N) => N.left === x ? N : { ...N, left: x });
-  }, [M, Ie.top]);
-  const zt = A((e) => !e || typeof e != "object" ? {} : Object.fromEntries(
+    const x = Math.max(n, i.right - o);
+    Be((W) => W.left === x ? W : { ...W, left: x });
+  }, [N, et.top]);
+  const Bt = O((e) => !e || typeof e != "object" ? {} : Object.fromEntries(
     Object.entries(e).filter(([, t]) => t == null ? !1 : typeof t == "string" ? t.trim() !== "" : !0)
-  ), []), Bt = A((e, t) => {
-    const s = Object.keys(e || {}), i = Object.keys(t || {});
-    return s.length !== i.length ? !1 : s.every((n) => e[n] === t[n]);
+  ), []), Et = O((e, t) => {
+    const o = Object.keys(e || {}), i = Object.keys(t || {});
+    return o.length !== i.length ? !1 : o.every((n) => e[n] === t[n]);
   }, []);
-  H(() => {
-    if (!L || C === null)
+  j(() => {
+    if (!P || C === null)
       return;
-    const e = zt(C);
-    Fe((t) => Bt(t, e) ? t : e);
-  }, [L, C, zt, Bt]), A((e, t) => e === "csat_score" && t === "evaluation.csat_score" ? t : e, []);
-  const _e = Y && D.length > 0 ? D[0][0] : Ze, et = Y && D.length > 0 ? D[0][1] : m, [lr, Et] = y(
+    const e = Bt(C);
+    be((t) => Et(t, e) ? t : e);
+  }, [P, C, Bt, Et]), O((e, t) => e === "csat_score" && t === "evaluation.csat_score" ? t : e, []);
+  const Ke = q && D.length > 0 ? D[0][0] : p, tt = q && D.length > 0 ? D[0][1] : g, [ar, Mt] = y(
     () => l.map((e) => e.id || e.key)
-  ), ce = A((e) => {
+  ), le = O((e) => {
     if (!e || e.length === 0)
       return e;
     let t = Array.from(new Set(e));
-    t.length > Q && (t = t.slice(0, Q));
-    const i = l.map((c) => c.id || c.key).includes($);
-    return !t.includes($) && i && (t.length >= Q ? t = [...t.slice(0, Q - 1), $] : t = [...t, $]), [...t.filter((c) => c !== $), $];
-  }, [l]), [I, He] = y(() => {
-    if (typeof window < "u" && w)
+    t.length > Y && (t = t.slice(0, Y));
+    const i = l.map((c) => c.id || c.key).includes(I);
+    return !t.includes(I) && i && (t.length >= Y ? t = [...t.slice(0, Y - 1), I] : t = [...t, I]), [...t.filter((c) => c !== I), I];
+  }, [l]), [_, Ae] = y(() => {
+    if (typeof window < "u" && v)
       try {
-        if (localStorage.getItem(`dataTable_manual_change_${w}:${_}`) === "true") {
-          const i = localStorage.getItem(`dataTable_columns_${w}:${_}`);
+        if (localStorage.getItem(`dataTable_manual_change_${v}:${E}`) === "true") {
+          const i = localStorage.getItem(`dataTable_columns_${v}:${E}`);
           if (i) {
             const n = JSON.parse(i);
             if (Array.isArray(n) && n.length > 0) {
-              se.current = !0;
+              ee.current = !0;
               const u = n.filter(
                 (c) => l.some((x) => (x.id || x.key) === c)
               );
               if (u.length > 0)
-                return u.slice(0, Q);
+                return u.slice(0, Y);
             }
           }
         }
-      } catch (s) {
-        console.warn("Failed to load saved columns from localStorage:", s);
+      } catch (o) {
+        console.warn("Failed to load saved columns from localStorage:", o);
       }
-    const t = l.map((s) => s.id || s.key).slice(0, Q);
-    return ce(t);
-  }), [de, pt] = y(!1), [me, Ee] = y([]), [Mt, Qt] = y({ top: 0, left: 0, width: 0 }), [tt, Me] = y(/* @__PURE__ */ new Set()), [nt, Ne] = y(/* @__PURE__ */ new Set()), ge = U({}), rt = U(null);
-  rt.current === null && (rt.current = [...I]);
-  const [ye, ht] = y(null), [qt, ot] = y(null), Ae = U(null), mt = U(null), gt = U(null), [Nt, yt] = y(null), [xt, Zt] = y({}), Vt = U(null), st = U(null), J = (e) => e.id || e.key, it = A((e) => {
+    const t = l.map((o) => o.id || o.key).slice(0, Y);
+    return le(t);
+  }), [ae, ht] = y(!1), [pe, Ne] = y([]), [At, qt] = y({ top: 0, left: 0, width: 0 }), [nt, We] = y(/* @__PURE__ */ new Set()), [rt, Oe] = y(/* @__PURE__ */ new Set()), he = K({}), ot = K(null);
+  ot.current === null && (ot.current = [..._]);
+  const [me, mt] = y(null), [Zt, st] = y(null), Te = K(null), gt = K(null), yt = K(null), [Nt, xt] = y(null), [bt, Vt] = y({}), en = K(null), it = K(null), Q = (e) => e.id || e.key, lt = O((e) => {
     if (typeof e == "number" && Number.isFinite(e))
       return e;
     if (typeof e == "string") {
@@ -1233,60 +1236,60 @@ function xr({
         const i = parseFloat(t);
         return Number.isFinite(i) ? i : null;
       }
-      const s = parseFloat(t);
-      return Number.isFinite(s) && `${s}` === t ? s : null;
+      const o = parseFloat(t);
+      return Number.isFinite(o) && `${o}` === t ? o : null;
     }
     return null;
-  }, []), At = A((e, t) => xt[e] != null ? `${xt[e]}px` : typeof t == "number" ? `${t}px` : t || "auto", [xt]), lt = A((e) => {
-    if (!st.current)
+  }, []), Wt = O((e, t) => bt[e] != null ? `${bt[e]}px` : typeof t == "number" ? `${t}px` : t || "auto", [bt]), at = O((e) => {
+    if (!it.current)
       return;
-    const { columnId: t, startX: s, startWidth: i, minWidth: n, maxWidth: u } = st.current, c = e.clientX - s, x = Math.round(i + c), N = Math.min(u, Math.max(n, x));
-    Zt((K) => ({ ...K, [t]: N }));
-  }, []), Ke = A(() => {
-    st.current = null, document.body.style.cursor = "", document.body.style.userSelect = "", document.removeEventListener("mousemove", lt), document.removeEventListener("mouseup", Ke);
-  }, [lt]), en = A((e, t, s) => {
-    var Le;
+    const { columnId: t, startX: o, startWidth: i, minWidth: n, maxWidth: u } = it.current, c = e.clientX - o, x = Math.round(i + c), W = Math.min(u, Math.max(n, x));
+    Vt((U) => ({ ...U, [t]: W }));
+  }, []), Ue = O(() => {
+    it.current = null, document.body.style.cursor = "", document.body.style.userSelect = "", document.removeEventListener("mousemove", at), document.removeEventListener("mouseup", Ue);
+  }, [at]), tn = O((e, t, o) => {
+    var Ie;
     e.preventDefault(), e.stopPropagation();
-    const i = t.id || t.key, n = it(t.minWidth) ?? B, u = it(t.maxWidth) ?? E, c = Math.min(n, u), x = Math.max(n, u), N = ((Le = e.currentTarget.closest("th")) == null ? void 0 : Le.getBoundingClientRect().width) || 0, K = it(s), Ge = K ?? Math.max(c, Math.round(N) || c), Te = Math.min(x, Math.max(c, Ge));
-    st.current = { columnId: i, startX: e.clientX, startWidth: Te, minWidth: c, maxWidth: x }, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", lt), document.addEventListener("mouseup", Ke);
-  }, [E, B, lt, Ke, it]);
-  H(() => () => Ke(), [Ke]);
-  const tn = Dn(
-    Kt(An),
-    Kt(Nn, {
-      coordinateGetter: Mn
+    const i = t.id || t.key, n = lt(t.minWidth) ?? B, u = lt(t.maxWidth) ?? A, c = Math.min(n, u), x = Math.max(n, u), W = ((Ie = e.currentTarget.closest("th")) == null ? void 0 : Ie.getBoundingClientRect().width) || 0, U = lt(o), Je = U ?? Math.max(c, Math.round(W) || c), Pe = Math.min(x, Math.max(c, Je));
+    it.current = { columnId: i, startX: e.clientX, startWidth: Pe, minWidth: c, maxWidth: x }, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", at), document.addEventListener("mouseup", Ue);
+  }, [A, B, at, Ue, lt]);
+  j(() => () => Ue(), [Ue]);
+  const nn = Cn(
+    Ut(Wn),
+    Ut(Nn, {
+      coordinateGetter: An
     })
-  ), nn = (e) => {
-    const { active: t, over: s } = e;
-    if (s && t.id !== s.id) {
-      if (t.id === $ || s.id === $) {
-        Lt("Cannot drop columns on the Action column"), yt(null);
+  ), rn = (e) => {
+    const { active: t, over: o } = e;
+    if (o && t.id !== o.id) {
+      if (t.id === I || o.id === I) {
+        Lt("Cannot drop columns on the Action column"), xt(null);
         return;
       }
-      se.current = !0, He((i) => {
-        const n = i.indexOf(t.id), u = i.indexOf(s.id);
+      ee.current = !0, Ae((i) => {
+        const n = i.indexOf(t.id), u = i.indexOf(o.id);
         if (n !== -1 && u !== -1) {
-          const c = wt(i, n, u), x = ce(c);
-          return $t(x), x;
+          const c = Ft(i, n, u), x = le(c);
+          return Pt(x), x;
         }
         return i;
-      }), Et((i) => {
-        const n = i.indexOf(t.id), u = i.indexOf(s.id);
-        return wt(i, n, u);
+      }), Mt((i) => {
+        const n = i.indexOf(t.id), u = i.indexOf(o.id);
+        return Ft(i, n, u);
       });
     }
-    yt(null);
-  }, rn = (e) => {
-    yt(e.active.id);
-  }, at = te(() => {
-    if (L)
+    xt(null);
+  }, on = (e) => {
+    xt(e.active.id);
+  }, ct = oe(() => {
+    if (P)
       return r || [];
     if (!r || r.length === 0)
       return [];
-    const e = ve.trim().toLowerCase(), t = Object.entries(q).filter(([, s]) => Je(s));
-    return r.filter((s) => {
+    const e = ne.trim().toLowerCase(), t = Object.entries(X).filter(([, o]) => Ye(o));
+    return r.filter((o) => {
       for (const [i, n] of t) {
-        const u = s[i];
+        const u = o[i];
         if (u == null)
           return !1;
         if (Array.isArray(n)) {
@@ -1296,19 +1299,19 @@ function xr({
           continue;
         }
         if (n.type === "range") {
-          const c = Rt(u);
+          const c = zt(u);
           if (isNaN(c) || n.min !== "" && n.min != null && c < Number(n.min) || n.max !== "" && n.max != null && c > Number(n.max))
             return !1;
           continue;
         }
         if (n.type === "durationRange") {
-          const c = Yn(u);
+          const c = Qn(u);
           if (isNaN(c) || n.minSec !== "" && n.minSec != null && c < Number(n.minSec) || n.maxSec !== "" && n.maxSec != null && c > Number(n.maxSec))
             return !1;
           continue;
         }
         if (n.type === "scoreRange") {
-          const c = Rt(u);
+          const c = zt(u);
           if (isNaN(c))
             return !1;
           if (Array.isArray(n.values) && n.values.length > 0) {
@@ -1322,7 +1325,7 @@ function xr({
           continue;
         }
         if (n.type === "dateRange") {
-          const c = Qn(u);
+          const c = qn(u);
           if (!c)
             return !1;
           if (n.from) {
@@ -1338,51 +1341,51 @@ function xr({
           continue;
         }
       }
-      return !(e && !Object.values(s).some((n) => n == null ? !1 : String(n).toLowerCase().includes(e)));
+      return !(e && !Object.values(o).some((n) => n == null ? !1 : String(n).toLowerCase().includes(e)));
     });
-  }, [r, q, ve, L]), Ue = te(() => Y || !_e ? at : [...at].sort((e, t) => {
-    const s = e[_e], i = t[_e];
-    if (s == null)
+  }, [r, X, ne, P]), Xe = oe(() => q || !Ke ? ct : [...ct].sort((e, t) => {
+    const o = e[Ke], i = t[Ke];
+    if (o == null)
       return 1;
     if (i == null)
       return -1;
-    if (typeof s == "number" && typeof i == "number")
-      return et === "asc" ? s - i : i - s;
-    const n = String(s).toLowerCase(), u = String(i).toLowerCase();
-    return et === "asc" ? n.localeCompare(u) : u.localeCompare(n);
-  }), [at, _e, et, Y]), We = te(() => {
-    if (ne)
-      return Ue;
+    if (typeof o == "number" && typeof i == "number")
+      return tt === "asc" ? o - i : i - o;
+    const n = String(o).toLowerCase(), u = String(i).toLowerCase();
+    return tt === "asc" ? n.localeCompare(u) : u.localeCompare(n);
+  }), [ct, Ke, tt, q]), $e = oe(() => {
+    if (se)
+      return Xe;
     {
-      const e = (ze - 1) * be, t = e + be;
-      return Ue.slice(e, t);
+      const e = (Re - 1) * ye, t = e + ye;
+      return Xe.slice(e, t);
     }
-  }, [Ue, ze, be, ne]), bt = A(
+  }, [Xe, Re, ye, se]), vt = O(
     (e, t) => V ? V(e, t) : (e == null ? void 0 : e.id) ?? t,
     [V]
-  ), De = te(
+  ), ke = oe(
     () => new Set(Array.isArray(Z) ? Z : []),
     [Z]
-  ), Ce = te(
-    () => We.map((e, t) => bt(e, t)),
-    [We, bt]
-  ), Wt = te(
-    () => Ce.reduce((e, t) => De.has(t) ? e + 1 : e, 0),
-    [Ce, De]
-  ), ct = Ce.length > 0 && Wt === Ce.length, on = Wt > 0 && !ct, sn = A(
+  ), De = oe(
+    () => $e.map((e, t) => vt(e, t)),
+    [$e, vt]
+  ), Ot = oe(
+    () => De.reduce((e, t) => ke.has(t) ? e + 1 : e, 0),
+    [De, ke]
+  ), dt = De.length > 0 && Ot === De.length, sn = Ot > 0 && !dt, ln = O(
     (e) => {
-      if (!G)
+      if (!J)
         return;
-      const t = new Set(De);
-      t.has(e) ? t.delete(e) : t.add(e), G(Array.from(t));
+      const t = new Set(ke);
+      t.has(e) ? t.delete(e) : t.add(e), J(Array.from(t));
     },
-    [G, De]
-  ), ln = A(() => {
-    if (!G)
+    [J, ke]
+  ), an = O(() => {
+    if (!J)
       return;
-    const e = new Set(De);
-    ct ? Ce.forEach((t) => e.delete(t)) : Ce.forEach((t) => e.add(t)), G(Array.from(e));
-  }, [G, De, ct, Ce]), Ot = ({ checked: e, indeterminate: t = !1, onToggle: s, ariaLabel: i }) => /* @__PURE__ */ o(
+    const e = new Set(ke);
+    dt ? De.forEach((t) => e.delete(t)) : De.forEach((t) => e.add(t)), J(Array.from(e));
+  }, [J, ke, dt, De]), Tt = ({ checked: e, indeterminate: t = !1, onToggle: o, ariaLabel: i }) => /* @__PURE__ */ s(
     "span",
     {
       role: "checkbox",
@@ -1390,10 +1393,10 @@ function xr({
       "aria-label": i,
       tabIndex: 0,
       onClick: (n) => {
-        n.stopPropagation(), s();
+        n.stopPropagation(), o();
       },
       onKeyDown: (n) => {
-        (n.key === " " || n.key === "Enter") && (n.preventDefault(), n.stopPropagation(), s());
+        (n.key === " " || n.key === "Enter") && (n.preventDefault(), n.stopPropagation(), o());
       },
       style: {
         width: 16,
@@ -1407,110 +1410,110 @@ function xr({
         cursor: "pointer",
         flexShrink: 0
       },
-      children: t ? /* @__PURE__ */ o(jn, { size: 11, color: "#FFFFFF", strokeWidth: 3 }) : e ? /* @__PURE__ */ o(Ye, { size: 11, color: "#FFFFFF", strokeWidth: 3 }) : null
+      children: t ? /* @__PURE__ */ s(jn, { size: 11, color: "#FFFFFF", strokeWidth: 3 }) : e ? /* @__PURE__ */ s(Qe, { size: 11, color: "#FFFFFF", strokeWidth: 3 }) : null
     }
-  ), dt = 44, Tt = (e) => {
-    Y && j ? (j(e), b ? b(1) : he(1)) : (Ze === e ? g(m === "asc" ? "desc" : "asc") : (h(e), g("asc")), Be(1));
-  }, an = (e, t) => {
-    const s = (t || "").split(/\s+/).map((i) => i.trim()).filter(Boolean);
-    F(e, s);
+  ), ut = 44, $t = (e) => {
+    q && H ? (H(e), b ? b(1) : fe(1)) : (p === e ? F(g === "asc" ? "desc" : "asc") : (m(e), F("asc")), ze(1));
+  }, cn = (e, t) => {
+    const o = (t || "").split(/\s+/).map((i) => i.trim()).filter(Boolean);
+    M(e, o);
   }, Lt = (e) => {
-    gt.current || (typeof z == "function" && z(e), gt.current = setTimeout(() => {
-      gt.current = null;
+    yt.current || (typeof z == "function" && z(e), yt.current = setTimeout(() => {
+      yt.current = null;
     }, 3e3));
-  }, $t = A((e) => {
-    if (typeof window < "u" && re && e.length > 0 && se.current)
+  }, Pt = O((e) => {
+    if (typeof window < "u" && te && e.length > 0 && ee.current)
       try {
-        localStorage.setItem(re, JSON.stringify(e)), ie && localStorage.setItem(ie, "true");
+        localStorage.setItem(te, JSON.stringify(e)), xe && localStorage.setItem(xe, "true");
       } catch (t) {
         console.warn("Failed to save columns to localStorage:", t);
       }
-  }, [re, ie]), Pt = 250, ut = () => {
-    Object.values(ge.current).forEach((e) => clearTimeout(e)), ge.current = {};
-  }, cn = () => {
-    const e = me.filter((t) => !nt.has(t));
-    return tt.forEach((t) => {
+  }, [te, xe]), It = 250, ft = () => {
+    Object.values(he.current).forEach((e) => clearTimeout(e)), he.current = {};
+  }, dn = () => {
+    const e = pe.filter((t) => !rt.has(t));
+    return nt.forEach((t) => {
       e.includes(t) || e.push(t);
-    }), ce(e);
-  }, dn = (e) => {
-    if (e === $)
+    }), le(e);
+  }, un = (e) => {
+    if (e === I)
       return;
-    if (ge.current[e]) {
-      clearTimeout(ge.current[e]), delete ge.current[e], Me((s) => {
-        const i = new Set(s);
+    if (he.current[e]) {
+      clearTimeout(he.current[e]), delete he.current[e], We((o) => {
+        const i = new Set(o);
         return i.delete(e), i;
-      }), Ne((s) => {
-        const i = new Set(s);
+      }), Oe((o) => {
+        const i = new Set(o);
         return i.delete(e), i;
       });
       return;
     }
-    if (me.includes(e)) {
-      if (me.length - nt.size <= 1)
+    if (pe.includes(e)) {
+      if (pe.length - rt.size <= 1)
         return;
-      Ne((i) => new Set(i).add(e)), ge.current[e] = setTimeout(() => {
-        Ee((i) => i.filter((n) => n !== e)), Ne((i) => {
+      Oe((i) => new Set(i).add(e)), he.current[e] = setTimeout(() => {
+        Ne((i) => i.filter((n) => n !== e)), Oe((i) => {
           const n = new Set(i);
           return n.delete(e), n;
-        }), delete ge.current[e];
-      }, Pt);
+        }), delete he.current[e];
+      }, It);
     } else {
-      if (me.length + tt.size >= Q) {
+      if (pe.length + nt.size >= Y) {
         Lt("Maximum 9 column selection allowed");
         return;
       }
-      Me((i) => new Set(i).add(e)), ge.current[e] = setTimeout(() => {
-        Ee((i) => ce([...i, e])), Me((i) => {
+      We((i) => new Set(i).add(e)), he.current[e] = setTimeout(() => {
+        Ne((i) => le([...i, e])), We((i) => {
           const n = new Set(i);
           return n.delete(e), n;
-        }), delete ge.current[e];
-      }, Pt);
+        }), delete he.current[e];
+      }, It);
     }
-  }, un = (e, t) => {
-    me[t] !== $ && ht(t);
-  }, fn = () => {
-    ht(null), ot(null);
-  }, pn = (e, t) => {
-    e.preventDefault(), ye !== null && ye !== t && ot(t);
-  }, hn = () => {
-    ot(null);
-  }, mn = (e, t) => {
-    e.preventDefault(), ye !== null && ye !== t && me[t] !== $ && me[ye] !== $ && Ee((s) => {
-      const i = wt(s, ye, t);
-      return ce(i);
-    }), ht(null), ot(null);
+  }, fn = (e, t) => {
+    pe[t] !== I && mt(t);
+  }, pn = () => {
+    mt(null), st(null);
+  }, hn = (e, t) => {
+    e.preventDefault(), me !== null && me !== t && st(t);
+  }, mn = () => {
+    st(null);
+  }, gn = (e, t) => {
+    e.preventDefault(), me !== null && me !== t && pe[t] !== I && pe[me] !== I && Ne((o) => {
+      const i = Ft(o, me, t);
+      return le(i);
+    }), mt(null), st(null);
   };
-  H(() => {
-    Et((e) => {
-      const t = I.filter((n) => e.includes(n)), s = I.filter((n) => !e.includes(n)), i = e.filter((n) => !I.includes(n));
-      return [...t, ...s, ...i];
+  j(() => {
+    Mt((e) => {
+      const t = _.filter((n) => e.includes(n)), o = _.filter((n) => !e.includes(n)), i = e.filter((n) => !_.includes(n));
+      return [...t, ...o, ...i];
     });
-  }, [I]), H(() => {
-    if (typeof window < "u" && re && I.length > 0 && se.current)
+  }, [_]), j(() => {
+    if (typeof window < "u" && te && _.length > 0 && ee.current)
       try {
-        const e = ce(I);
-        localStorage.setItem(re, JSON.stringify(e)), ie && localStorage.setItem(ie, "true");
+        const e = le(_);
+        localStorage.setItem(te, JSON.stringify(e)), xe && localStorage.setItem(xe, "true");
       } catch (e) {
         console.warn("Failed to save columns to localStorage:", e);
       }
-  }, [I, re, ie]), H(() => {
-    ue && ue(
-      I.filter((e) => e !== $)
+  }, [_, te, xe]), j(() => {
+    ce && ce(
+      _.filter((e) => e !== I)
     );
-  }, [I, ue]), H(() => {
-    if (l.length > 0 && I.length === 0) {
-      if (typeof window < "u" && w)
+  }, [_, ce]), j(() => {
+    if (l.length > 0 && _.length === 0) {
+      if (typeof window < "u" && v)
         try {
-          if (localStorage.getItem(`dataTable_manual_change_${w}:${_}`) === "true") {
-            const s = localStorage.getItem(`dataTable_columns_${w}:${_}`);
-            if (s) {
-              const i = JSON.parse(s);
+          if (localStorage.getItem(`dataTable_manual_change_${v}:${E}`) === "true") {
+            const o = localStorage.getItem(`dataTable_columns_${v}:${E}`);
+            if (o) {
+              const i = JSON.parse(o);
               if (Array.isArray(i) && i.length > 0) {
                 const n = i.filter(
                   (u) => l.some((c) => (c.id || c.key) === u)
                 );
                 if (n.length > 0) {
-                  se.current = !0, He(n.slice(0, Q));
+                  ee.current = !0, Ae(n.slice(0, Y));
                   return;
                 }
               }
@@ -1520,20 +1523,38 @@ function xr({
           console.warn("Failed to load saved columns from localStorage:", t);
         }
       const e = l.map((t) => t.id || t.key);
-      He(ce(e.slice(0, Q)));
+      Ae(le(e.slice(0, Y)));
     }
-  }, [l, w, _, ce]);
-  const Oe = te(() => {
-    const e = I.map((t) => l.find((s) => J(s) === t)).filter(Boolean);
-    return ce(e.map(J)).map((t) => l.find((s) => J(s) === t)).filter(Boolean);
-  }, [l, I]);
-  te(() => Oe.some((e) => e.filterable === !0), [Oe]), H(() => {
-    if (!de || !Ae.current)
+  }, [l, v, E, le]), j(() => {
+    if (!(typeof window > "u" || !v) && !(!l || l.length === 0) && He.current !== E && (He.current = E, !ee.current))
+      try {
+        if (!(localStorage.getItem(`dataTable_manual_change_${v}:${E}`) === "true"))
+          return;
+        const t = localStorage.getItem(`dataTable_columns_${v}:${E}`);
+        if (!t)
+          return;
+        const o = JSON.parse(t);
+        if (!Array.isArray(o) || o.length === 0)
+          return;
+        const i = o.filter(
+          (n) => l.some((u) => (u.id || u.key) === n)
+        );
+        i.length > 0 && (ee.current = !0, Ae(i.slice(0, Y)));
+      } catch (e) {
+        console.warn("Failed to re-load saved columns after user resolved:", e);
+      }
+  }, [E, v, l]);
+  const Le = oe(() => {
+    const e = _.map((t) => l.find((o) => Q(o) === t)).filter(Boolean);
+    return le(e.map(Q)).map((t) => l.find((o) => Q(o) === t)).filter(Boolean);
+  }, [l, _]);
+  oe(() => Le.some((e) => e.filterable === !0), [Le]), j(() => {
+    if (!ae || !Te.current)
       return;
     const e = () => {
-      if (Ae.current) {
-        const t = Ae.current.getBoundingClientRect(), s = 217, i = Math.max(8, t.right - s);
-        Qt({
+      if (Te.current) {
+        const t = Te.current.getBoundingClientRect(), o = 217, i = Math.max(8, t.right - o);
+        qt({
           top: t.bottom,
           left: i,
           width: Math.max(t.width || 220, 220)
@@ -1543,41 +1564,41 @@ function xr({
     return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
       window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
     };
-  }, [de]), H(() => {
+  }, [ae]), j(() => {
     const e = (t) => {
-      de && Ae.current && !Ae.current.contains(t.target) && mt.current && !mt.current.contains(t.target) && pt(!1);
+      ae && Te.current && !Te.current.contains(t.target) && gt.current && !gt.current.contains(t.target) && ht(!1);
     };
-    if (de)
+    if (ae)
       return document.addEventListener("mousedown", e), () => {
         document.removeEventListener("mousedown", e);
       };
-  }, [de]), H(() => {
-    de && (ut(), Ee(I), Me(/* @__PURE__ */ new Set()), Ne(/* @__PURE__ */ new Set()));
-  }, [de, I]), H(() => () => ut(), []), I.length === 1 ? (Ht = l.find((e) => (e.id || e.key) === I[0])) != null && Ht.label : `${I.length}`;
-  function gn({ column: e, isHeaderRow: t = !0 }) {
-    const s = J(e), i = s === $, n = At(s, e.width), [u, c] = y(!1), {
+  }, [ae]), j(() => {
+    ae && (ft(), Ne(_), We(/* @__PURE__ */ new Set()), Oe(/* @__PURE__ */ new Set()));
+  }, [ae, _]), j(() => () => ft(), []), _.length === 1 ? (Kt = l.find((e) => (e.id || e.key) === _[0])) != null && Kt.label : `${_.length}`;
+  function yn({ column: e, isHeaderRow: t = !0 }) {
+    const o = Q(e), i = o === I, n = Wt(o, e.width), [u, c] = y(!1), {
       attributes: x,
-      listeners: N,
-      setNodeRef: K,
-      transform: Ge,
-      transition: Te,
-      isDragging: Le
-    } = Wn({ id: s }), xn = {
-      transform: On.Transform.toString(Ge),
-      transition: Te,
-      opacity: Le ? 0.5 : 1,
+      listeners: W,
+      setNodeRef: U,
+      transform: Je,
+      transition: Pe,
+      isDragging: Ie
+    } = On({ id: o }), bn = {
+      transform: Tn.Transform.toString(Je),
+      transition: Pe,
+      opacity: Ie ? 0.5 : 1,
       width: n,
       minWidth: n
     };
-    let $e = !1;
-    if (Y && D.length > 0) {
+    let _e = !1;
+    if (q && D.length > 0) {
       const R = D[0][0];
-      (R === s || R === "csat_score" && s === "evaluation.csat_score") && ($e = !0);
+      (R === o || R === "csat_score" && o === "evaluation.csat_score") && (_e = !0);
     } else
-      $e = _e === s;
-    const bn = et === "asc", vn = e.filterable === !0;
+      _e = Ke === o;
+    const vn = tt === "asc", Sn = e.filterable === !0;
     if (!t)
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ s(
         "th",
         {
           style: {
@@ -1589,22 +1610,22 @@ function xr({
             boxSizing: "border-box"
           },
           className: "sticky top-[57px] z-10 border-b border-[var(--border-strong)] px-4 py-2 text-left",
-          children: vn ? /* @__PURE__ */ p("div", { className: "relative", children: [
-            /* @__PURE__ */ o(
+          children: Sn ? /* @__PURE__ */ h("div", { className: "relative", children: [
+            /* @__PURE__ */ s(
               Filter,
               {
                 size: 12,
                 className: "absolute left-2 top-1/2 -translate-y-1/2 text-[var(--text-faint)] pointer-events-none"
               }
             ),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ s(
               "input",
               {
                 type: "text",
                 placeholder: "Filter...",
-                value: q[s] || "",
+                value: X[o] || "",
                 onChange: (R) => {
-                  R.stopPropagation(), an(s, R.target.value);
+                  R.stopPropagation(), cn(o, R.target.value);
                 },
                 onKeyDown: (R) => R.stopPropagation(),
                 onMouseDown: (R) => R.stopPropagation(),
@@ -1613,18 +1634,18 @@ function xr({
                 autoComplete: "off"
               }
             )
-          ] }) : /* @__PURE__ */ o("div", { className: "h-[34px]" })
+          ] }) : /* @__PURE__ */ s("div", { className: "h-[34px]" })
         }
       );
-    const vt = M === s, ft = Je(q[s]), Sn = e.sortable !== !1 && (u || $e), wn = e.filterable !== !1 && !i && (u || vt || ft);
-    return /* @__PURE__ */ p(
+    const St = N === o, pt = Ye(X[o]), wn = e.sortable !== !1 && (u || _e), Fn = e.filterable !== !1 && !i && (u || St || pt);
+    return /* @__PURE__ */ h(
       "th",
       {
-        ref: K,
+        ref: U,
         onMouseEnter: () => c(!0),
         onMouseLeave: () => c(!1),
         style: {
-          ...xn,
+          ...bn,
           padding: "0 12px",
           height: 36,
           textAlign: i ? "center" : "left",
@@ -1643,7 +1664,7 @@ function xr({
           wordBreak: "normal",
           overflowWrap: "normal",
           verticalAlign: "middle",
-          background: u || vt ? "#e6e6e6" : "#f2f2f0",
+          background: u || St ? "#e6e6e6" : "#f2f2f0",
           borderBottom: "1px solid #e6e6e6",
           position: "sticky",
           top: 0,
@@ -1652,7 +1673,7 @@ function xr({
           transition: "background 100ms ease"
         },
         children: [
-          !i && /* @__PURE__ */ o(
+          !i && /* @__PURE__ */ s(
             "span",
             {
               "aria-hidden": "true",
@@ -1669,7 +1690,7 @@ function xr({
               }
             }
           ),
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ h(
             "div",
             {
               style: {
@@ -1684,11 +1705,11 @@ function xr({
                 overflow: "hidden"
               },
               children: [
-                !i && /* @__PURE__ */ o(
+                !i && /* @__PURE__ */ s(
                   "div",
                   {
                     ...x,
-                    ...N,
+                    ...W,
                     style: {
                       cursor: "grab",
                       color: "rgba(11, 11, 11, 0.36)",
@@ -1697,13 +1718,13 @@ function xr({
                       visibility: u ? "visible" : "hidden",
                       flexShrink: 0
                     },
-                    children: /* @__PURE__ */ o(Ft, { size: 14 })
+                    children: /* @__PURE__ */ s(kt, { size: 14 })
                   }
                 ),
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ s(
                   "span",
                   {
-                    onClick: () => e.sortable !== !1 && Tt(s),
+                    onClick: () => e.sortable !== !1 && $t(o),
                     title: typeof e.label == "string" ? e.label : void 0,
                     style: {
                       cursor: e.sortable !== !1 ? "pointer" : "default",
@@ -1717,12 +1738,12 @@ function xr({
                     children: e.label
                   }
                 ),
-                Sn && /* @__PURE__ */ o(
+                wn && /* @__PURE__ */ s(
                   "button",
                   {
                     type: "button",
                     onClick: (R) => {
-                      R.stopPropagation(), Tt(s);
+                      R.stopPropagation(), $t(o);
                     },
                     title: "Sort",
                     style: {
@@ -1734,26 +1755,26 @@ function xr({
                       display: "inline-flex",
                       alignItems: "center",
                       justifyContent: "center",
-                      color: $e ? "#0b0b0b" : "rgba(11, 11, 11, 0.55)",
+                      color: _e ? "#0b0b0b" : "rgba(11, 11, 11, 0.55)",
                       flexShrink: 0
                     },
-                    children: $e ? bn ? /* @__PURE__ */ o(_n, { size: 14, strokeWidth: 1.75 }) : /* @__PURE__ */ o(Hn, { size: 14, strokeWidth: 1.75 }) : /* @__PURE__ */ o(Kn, { size: 14, strokeWidth: 1.75 })
+                    children: _e ? vn ? /* @__PURE__ */ s(Hn, { size: 14, strokeWidth: 1.75 }) : /* @__PURE__ */ s(Kn, { size: 14, strokeWidth: 1.75 }) : /* @__PURE__ */ s(Un, { size: 14, strokeWidth: 1.75 })
                   }
                 ),
-                wn && /* @__PURE__ */ p(
+                Fn && /* @__PURE__ */ h(
                   "button",
                   {
                     type: "button",
                     ref: (R) => {
-                      we.current[s] = R;
+                      Fe.current[o] = R;
                     },
                     onClick: (R) => {
-                      R.stopPropagation(), Yt(s, R.currentTarget);
+                      R.stopPropagation(), Qt(o, R.currentTarget);
                     },
                     title: "Filter",
                     style: {
                       position: "relative",
-                      background: vt || ft ? "#D8D8D8" : "transparent",
+                      background: St || pt ? "#D8D8D8" : "transparent",
                       border: "none",
                       padding: 4,
                       borderRadius: 4,
@@ -1761,12 +1782,12 @@ function xr({
                       display: "inline-flex",
                       alignItems: "center",
                       justifyContent: "center",
-                      color: ft ? "#0b0b0b" : "rgba(11, 11, 11, 0.7)",
+                      color: pt ? "#0b0b0b" : "rgba(11, 11, 11, 0.7)",
                       flexShrink: 0
                     },
                     children: [
-                      /* @__PURE__ */ o(Un, { size: 14, strokeWidth: 1.75 }),
-                      ft && /* @__PURE__ */ o(
+                      /* @__PURE__ */ s(Xn, { size: 14, strokeWidth: 1.75 }),
+                      pt && /* @__PURE__ */ s(
                         "span",
                         {
                           "aria-hidden": "true",
@@ -1787,7 +1808,7 @@ function xr({
               ]
             }
           ),
-          !i && /* @__PURE__ */ o(
+          !i && /* @__PURE__ */ s(
             "span",
             {
               "aria-hidden": "true",
@@ -1804,14 +1825,14 @@ function xr({
               }
             }
           ),
-          !i && /* @__PURE__ */ o(
+          !i && /* @__PURE__ */ s(
             "div",
             {
               role: "separator",
               "aria-orientation": "vertical",
-              "aria-label": `Resize ${e.label || s} column`,
+              "aria-label": `Resize ${e.label || o} column`,
               title: "Drag to resize column",
-              onMouseDown: (R) => en(R, e, n),
+              onMouseDown: (R) => tn(R, e, n),
               onClick: (R) => R.stopPropagation(),
               onMouseEnter: (R) => {
                 R.currentTarget.style.background = "rgba(30, 33, 37, 0.18)";
@@ -1835,21 +1856,21 @@ function xr({
       }
     );
   }
-  const It = Nt ? l.find((e) => J(e) === Nt) : null, jt = ({ col: e, columnId: t, isSelected: s, draggable: i, isAction: n, actualIndex: u }) => {
-    const c = i && ye === u, x = i && qt === u && ye !== null && ye !== u;
-    s ? nt.has(t) : tt.has(t);
-    const N = s ? !nt.has(t) : tt.has(t);
-    return /* @__PURE__ */ p(
+  const _t = Nt ? l.find((e) => Q(e) === Nt) : null, jt = ({ col: e, columnId: t, isSelected: o, draggable: i, isAction: n, actualIndex: u }) => {
+    const c = i && me === u, x = i && Zt === u && me !== null && me !== u;
+    o ? rt.has(t) : nt.has(t);
+    const W = o ? !rt.has(t) : nt.has(t);
+    return /* @__PURE__ */ h(
       "div",
       {
         draggable: i,
-        onDragStart: i ? (K) => un(K, u) : void 0,
-        onDragEnd: i ? fn : void 0,
-        onDragOver: i ? (K) => pn(K, u) : void 0,
-        onDragLeave: i ? hn : void 0,
-        onDrop: i ? (K) => mn(K, u) : void 0,
+        onDragStart: i ? (U) => fn(U, u) : void 0,
+        onDragEnd: i ? pn : void 0,
+        onDragOver: i ? (U) => hn(U, u) : void 0,
+        onDragLeave: i ? mn : void 0,
+        onDrop: i ? (U) => gn(U, u) : void 0,
         onClick: () => {
-          n || dn(t);
+          n || un(t);
         },
         style: {
           display: "flex",
@@ -1862,7 +1883,7 @@ function xr({
           borderRadius: 6
         },
         children: [
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ s(
             "span",
             {
               style: {
@@ -1875,10 +1896,10 @@ function xr({
                 visibility: i ? "visible" : "hidden",
                 flexShrink: 0
               },
-              children: /* @__PURE__ */ o(Ft, { size: 14, strokeWidth: 1.75 })
+              children: /* @__PURE__ */ s(kt, { size: 14, strokeWidth: 1.75 })
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ s(
             "span",
             {
               style: {
@@ -1888,15 +1909,15 @@ function xr({
                 display: "inline-flex",
                 alignItems: "center",
                 justifyContent: "center",
-                background: N ? "#0B0B0B" : "#FFFFFF",
-                border: `1px solid ${N ? "#0B0B0B" : "#676767"}`,
+                background: W ? "#0B0B0B" : "#FFFFFF",
+                border: `1px solid ${W ? "#0B0B0B" : "#676767"}`,
                 flexShrink: 0,
                 marginLeft: 8
               },
-              children: N && /* @__PURE__ */ o(Ye, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
+              children: W && /* @__PURE__ */ s(Qe, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
             }
           ),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ s(
             "span",
             {
               style: {
@@ -1913,14 +1934,14 @@ function xr({
         ]
       }
     );
-  }, yn = de ? /* @__PURE__ */ p(
+  }, xn = ae ? /* @__PURE__ */ h(
     "div",
     {
-      ref: mt,
+      ref: gt,
       style: {
         position: "fixed",
-        top: `${Mt.top}px`,
-        left: `${Mt.left}px`,
+        top: `${At.top}px`,
+        left: `${At.left}px`,
         width: 217,
         maxHeight: 320,
         zIndex: 49,
@@ -1934,7 +1955,7 @@ function xr({
         boxShadow: "0 8px 24px rgba(11, 11, 11, 0.08)"
       },
       children: [
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ h(
           "div",
           {
             style: {
@@ -1947,12 +1968,12 @@ function xr({
               gap: 12
             },
             children: [
-              me.map((e, t) => {
-                if (e === $)
+              pe.map((e, t) => {
+                if (e === I)
                   return null;
-                const s = l.find((i) => J(i) === e);
-                return s ? /* @__PURE__ */ o(St.Fragment, { children: jt({
-                  col: s,
+                const o = l.find((i) => Q(i) === e);
+                return o ? /* @__PURE__ */ s(wt.Fragment, { children: jt({
+                  col: o,
                   columnId: e,
                   isSelected: !0,
                   draggable: !0,
@@ -1961,11 +1982,11 @@ function xr({
                 }) }, `selected-${e}-${t}`) : null;
               }),
               l.filter((e) => {
-                const t = J(e);
-                return t !== $ && !me.includes(t);
+                const t = Q(e);
+                return t !== I && !pe.includes(t);
               }).map((e) => {
-                const t = J(e);
-                return /* @__PURE__ */ o(St.Fragment, { children: jt({
+                const t = Q(e);
+                return /* @__PURE__ */ s(wt.Fragment, { children: jt({
                   col: e,
                   columnId: t,
                   isSelected: !1,
@@ -1977,7 +1998,7 @@ function xr({
             ]
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ h(
           "div",
           {
             style: {
@@ -1992,16 +2013,16 @@ function xr({
               boxSizing: "border-box"
             },
             children: [
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ s(
                 "button",
                 {
                   type: "button",
                   onClick: (e) => {
                     e.preventDefault(), e.stopPropagation();
-                    const t = rt.current ? [...rt.current] : l.map(J).slice(0, Q), s = ce(t);
-                    if (se.current = !1, ut(), Ee(s), He(s), Me(/* @__PURE__ */ new Set()), Ne(/* @__PURE__ */ new Set()), typeof window < "u" && re)
+                    const t = ot.current ? [...ot.current] : l.map(Q).slice(0, Y), o = le(t);
+                    if (ee.current = !1, ft(), Ne(o), Ae(o), We(/* @__PURE__ */ new Set()), Oe(/* @__PURE__ */ new Set()), typeof window < "u" && te)
                       try {
-                        localStorage.removeItem(re);
+                        localStorage.removeItem(te);
                       } catch {
                       }
                   },
@@ -2018,14 +2039,14 @@ function xr({
                   children: "Reset"
                 }
               ),
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ s(
                 "button",
                 {
                   type: "button",
                   onClick: (e) => {
-                    e.preventDefault(), e.stopPropagation(), ut();
-                    const t = cn();
-                    Ee(t), Me(/* @__PURE__ */ new Set()), Ne(/* @__PURE__ */ new Set()), se.current = !0, He(t), $t(t), pt(!1);
+                    e.preventDefault(), e.stopPropagation(), ft();
+                    const t = dn();
+                    Ne(t), We(/* @__PURE__ */ new Set()), Oe(/* @__PURE__ */ new Set()), ee.current = !0, Ae(t), Pt(t), ht(!1);
                   },
                   style: {
                     background: "#2E3236",
@@ -2047,28 +2068,28 @@ function xr({
         )
       ]
     }
-  ) : null, Xe = M ? l.find((e) => J(e) === M) : null, _t = Xe ? /* @__PURE__ */ o(
-    rr,
+  ) : null, Ge = N ? l.find((e) => Q(e) === N) : null, Ht = Ge ? /* @__PURE__ */ s(
+    or,
     {
-      column: Xe,
-      columnId: M,
-      filterType: Ve(M),
-      position: Ie,
-      popoverRef: ke,
-      distinctValues: ae(M),
-      initialValue: q[M],
-      onSearch: typeof Xe.onFilterSearch == "function" ? Xe.onFilterSearch : null,
-      searchMinChars: Xe.filterSearchMinChars ?? 3,
+      column: Ge,
+      columnId: N,
+      filterType: re(N),
+      position: et,
+      popoverRef: we,
+      distinctValues: Ee(N),
+      initialValue: X[N],
+      onSearch: typeof Ge.onFilterSearch == "function" ? Ge.onFilterSearch : null,
+      searchMinChars: Ge.filterSearchMinChars ?? 3,
       onApply: (e) => {
-        F(M, e), Se(null);
+        M(N, e), ve(null);
       },
-      onCancel: () => Se(null)
+      onCancel: () => ve(null)
     },
-    M
+    N
   ) : null;
-  return /* @__PURE__ */ p("div", { className: "w-full", children: [
-    _t && Ct(_t, document.body),
-    l.length > 0 && (T || !xe) && /* @__PURE__ */ o(
+  return /* @__PURE__ */ h("div", { className: "w-full", children: [
+    Ht && Rt(Ht, document.body),
+    l.length > 0 && (L || !ge) && /* @__PURE__ */ s(
       "div",
       {
         className: "pt-2 pb-1",
@@ -2077,7 +2098,7 @@ function xr({
           zIndex: 35,
           backgroundColor: "var(--primary-foreground)"
         },
-        children: /* @__PURE__ */ p(
+        children: /* @__PURE__ */ h(
           "div",
           {
             style: {
@@ -2088,24 +2109,24 @@ function xr({
               flexWrap: "wrap"
             },
             children: [
-              T && /* @__PURE__ */ o("div", { style: { marginRight: "auto" }, children: /* @__PURE__ */ o(
-                Jn,
+              L && /* @__PURE__ */ s("div", { style: { marginRight: "auto" }, children: /* @__PURE__ */ s(
+                Yn,
                 {
-                  dateRangePicker: T.dateRangePicker,
-                  onWeekToDate: T.onWeekToDate,
-                  exportConfig: T.exportConfig,
-                  filterChipsConfig: T.filterChipsConfig,
-                  trailingActions: T.trailingActions
+                  dateRangePicker: L.dateRangePicker,
+                  onWeekToDate: L.onWeekToDate,
+                  exportConfig: L.exportConfig,
+                  filterChipsConfig: L.filterChipsConfig,
+                  trailingActions: L.trailingActions
                 }
               ) }),
-              (T == null ? void 0 : T.rightActions) && /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 12, flexShrink: 0 }, children: T.rightActions }),
-              !xe && /* @__PURE__ */ p("div", { style: { position: "relative" }, children: [
-                /* @__PURE__ */ p(
+              (L == null ? void 0 : L.rightActions) && /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", gap: 12, flexShrink: 0 }, children: L.rightActions }),
+              !ge && /* @__PURE__ */ h("div", { style: { position: "relative" }, children: [
+                /* @__PURE__ */ h(
                   "button",
                   {
-                    ref: Ae,
+                    ref: Te,
                     type: "button",
-                    onClick: () => pt(!de),
+                    onClick: () => ht(!ae),
                     style: {
                       display: "inline-flex",
                       alignItems: "center",
@@ -2123,19 +2144,19 @@ function xr({
                       whiteSpace: "nowrap"
                     },
                     children: [
-                      /* @__PURE__ */ o($n, { size: 20, strokeWidth: 1.75 }),
+                      /* @__PURE__ */ s(Pn, { size: 20, strokeWidth: 1.75 }),
                       "Columns"
                     ]
                   }
                 ),
-                de && Ct(yn, document.body)
+                ae && Rt(xn, document.body)
               ] })
             ]
           }
         )
       }
     ),
-    Object.keys(q).length > 0 && /* @__PURE__ */ p(
+    Object.keys(X).length > 0 && /* @__PURE__ */ h(
       "div",
       {
         style: {
@@ -2146,12 +2167,12 @@ function xr({
           padding: "8px 0"
         },
         children: [
-          Object.entries(q).map(([e, t]) => {
-            const s = l.find((c) => J(c) === e);
-            if (!s || !Je(t))
+          Object.entries(X).map(([e, t]) => {
+            const o = l.find((c) => Q(c) === e);
+            if (!o || !Ye(t))
               return null;
-            const i = Zn(t), n = Vn(t), u = er(t);
-            return /* @__PURE__ */ p(
+            const i = Vn(t), n = er(t), u = tr(t);
+            return /* @__PURE__ */ h(
               "span",
               {
                 style: {
@@ -2170,20 +2191,20 @@ function xr({
                   whiteSpace: "nowrap"
                 },
                 children: [
-                  /* @__PURE__ */ p("span", { children: [
-                    /* @__PURE__ */ p("span", { style: { color: "#676767" }, children: [
-                      s.label,
+                  /* @__PURE__ */ h("span", { children: [
+                    /* @__PURE__ */ h("span", { style: { color: "#676767" }, children: [
+                      o.label,
                       ": "
                     ] }),
-                    /* @__PURE__ */ o("span", { children: i })
+                    /* @__PURE__ */ s("span", { children: i })
                   ] }),
-                  n > 0 && /* @__PURE__ */ o(tr, { count: n, values: u }),
-                  /* @__PURE__ */ o(
+                  n > 0 && /* @__PURE__ */ s(nr, { count: n, values: u }),
+                  /* @__PURE__ */ s(
                     "button",
                     {
                       type: "button",
-                      onClick: () => F(e, []),
-                      "aria-label": `Remove ${s.label} filter`,
+                      onClick: () => M(e, []),
+                      "aria-label": `Remove ${o.label} filter`,
                       style: {
                         background: "transparent",
                         border: "none",
@@ -2192,7 +2213,7 @@ function xr({
                         display: "inline-flex",
                         color: "#676767"
                       },
-                      children: /* @__PURE__ */ o(Pn, { size: 14, strokeWidth: 2 })
+                      children: /* @__PURE__ */ s(In, { size: 14, strokeWidth: 2 })
                     }
                   )
                 ]
@@ -2200,11 +2221,11 @@ function xr({
               `chip-${e}`
             );
           }),
-          /* @__PURE__ */ o(
+          /* @__PURE__ */ s(
             "button",
             {
               type: "button",
-              onClick: P,
+              onClick: Se,
               style: {
                 marginLeft: "auto",
                 background: "transparent",
@@ -2222,15 +2243,15 @@ function xr({
         ]
       }
     ),
-    l.length > 0 && Oe.length > 0 ? /* @__PURE__ */ p(
-      Cn,
+    l.length > 0 && Le.length > 0 ? /* @__PURE__ */ h(
+      Rn,
       {
-        sensors: tn,
-        collisionDetection: Rn,
-        onDragStart: rn,
-        onDragEnd: nn,
+        sensors: nn,
+        collisionDetection: zn,
+        onDragStart: on,
+        onDragEnd: rn,
         children: [
-          /* @__PURE__ */ p("div", { style: {
+          /* @__PURE__ */ h("div", { style: {
             borderRadius: 8,
             border: "1px solid #E6E6E6",
             overflow: "hidden",
@@ -2241,9 +2262,9 @@ function xr({
             // collapse to just the header height and the centered overlay/loader
             // would be squeezed into a thin strip. Reserve vertical space so the
             // loader stays properly visible and centered.
-            ...O ? { minHeight: 320 } : {}
+            ...$ ? { minHeight: 320 } : {}
           }, children: [
-            O && /* @__PURE__ */ o("div", { style: {
+            $ && /* @__PURE__ */ s("div", { style: {
               position: "absolute",
               inset: 0,
               background: "rgba(255, 255, 255, 0.9)",
@@ -2254,19 +2275,19 @@ function xr({
               alignItems: "center",
               justifyContent: "center",
               borderRadius: "14px"
-            }, children: /* @__PURE__ */ p("div", { style: {
+            }, children: /* @__PURE__ */ h("div", { style: {
               display: "flex",
               flexDirection: "column",
               alignItems: "center",
               gap: "12px"
             }, children: [
-              /* @__PURE__ */ o("p", { style: {
+              /* @__PURE__ */ s("p", { style: {
                 fontSize: "13px",
                 color: "rgba(30, 33, 37, 0.6)",
                 margin: 0
               }, children: "Loading..." }),
-              /* @__PURE__ */ o(
-                sr,
+              /* @__PURE__ */ s(
+                ir,
                 {
                   src: "/BrandLoading.gif",
                   alt: "Loading",
@@ -2277,7 +2298,7 @@ function xr({
                 }
               )
             ] }) }),
-            /* @__PURE__ */ o("div", { className: "overflow-x-auto custom-thin-scrollbar-hidden", ref: Vt, style: { maxHeight: "500px", overflowY: "auto", position: "relative", zIndex: 1 }, children: /* @__PURE__ */ p("table", { style: {
+            /* @__PURE__ */ s("div", { className: "overflow-x-auto custom-thin-scrollbar-hidden", ref: en, style: { maxHeight: "500px", overflowY: "auto", position: "relative", zIndex: 1 }, children: /* @__PURE__ */ h("table", { style: {
               width: "auto",
               minWidth: "100%",
               tableLayout: "fixed",
@@ -2287,13 +2308,13 @@ function xr({
               border: "1px solid #e6e6e6",
               boxSizing: "border-box"
             }, children: [
-              /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ p("tr", { children: [
-                X && /* @__PURE__ */ o(
+              /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ h("tr", { children: [
+                G && /* @__PURE__ */ s(
                   "th",
                   {
                     style: {
-                      width: dt,
-                      minWidth: dt,
+                      width: ut,
+                      minWidth: ut,
                       padding: "10px 8px",
                       textAlign: "center",
                       verticalAlign: "middle",
@@ -2305,30 +2326,30 @@ function xr({
                       zIndex: 10,
                       boxSizing: "border-box"
                     },
-                    children: /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", lineHeight: 0 }, children: /* @__PURE__ */ o(
-                      Ot,
+                    children: /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", lineHeight: 0 }, children: /* @__PURE__ */ s(
+                      Tt,
                       {
-                        checked: ct,
-                        indeterminate: on,
-                        onToggle: ln,
+                        checked: dt,
+                        indeterminate: sn,
+                        onToggle: an,
                         ariaLabel: "Select all rows on this page"
                       }
                     ) })
                   }
                 ),
-                /* @__PURE__ */ o(
-                  zn,
+                /* @__PURE__ */ s(
+                  Bn,
                   {
-                    items: I,
-                    strategy: Bn,
-                    children: Oe.map((e) => /* @__PURE__ */ o(gn, { column: e, isHeaderRow: !0 }, `header-${J(e)}`))
+                    items: _,
+                    strategy: En,
+                    children: Le.map((e) => /* @__PURE__ */ s(yn, { column: e, isHeaderRow: !0 }, `header-${Q(e)}`))
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ o("tbody", { children: !O && We.length === 0 ? /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o(
+              /* @__PURE__ */ s("tbody", { children: !$ && $e.length === 0 ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s(
                 "td",
                 {
-                  colSpan: Oe.length + (X ? 1 : 0),
+                  colSpan: Le.length + (G ? 1 : 0),
                   style: {
                     padding: "32px",
                     textAlign: "center",
@@ -2338,9 +2359,9 @@ function xr({
                   },
                   children: "No results found"
                 }
-              ) }) : !O && We.length > 0 ? We.map((e, t) => {
-                const s = bt(e, t), i = X && De.has(s);
-                return /* @__PURE__ */ p(
+              ) }) : !$ && $e.length > 0 ? $e.map((e, t) => {
+                const o = vt(e, t), i = G && ke.has(o);
+                return /* @__PURE__ */ h(
                   "tr",
                   {
                     "data-row-id": e.id || t,
@@ -2360,32 +2381,32 @@ function xr({
                       n.currentTarget.style.background = i ? "#F2F4F7" : "transparent";
                     },
                     children: [
-                      X && /* @__PURE__ */ o(
+                      G && /* @__PURE__ */ s(
                         "td",
                         {
                           onClick: (n) => n.stopPropagation(),
                           style: {
-                            width: dt,
-                            minWidth: dt,
+                            width: ut,
+                            minWidth: ut,
                             padding: "10px 8px",
                             textAlign: "center",
                             verticalAlign: "middle",
                             borderRight: "1px solid #e6e6e6",
                             boxSizing: "border-box"
                           },
-                          children: /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", lineHeight: 0 }, children: /* @__PURE__ */ o(
-                            Ot,
+                          children: /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", lineHeight: 0 }, children: /* @__PURE__ */ s(
+                            Tt,
                             {
                               checked: i,
-                              onToggle: () => sn(s),
+                              onToggle: () => ln(o),
                               ariaLabel: "Select row"
                             }
                           ) })
                         }
                       ),
-                      Oe.map((n) => {
-                        const u = J(n), c = At(u, n.width), x = e[u], N = n.render ? n.render(x, e) : x, K = c && c !== "auto", Ge = typeof N == "string" && N.trim() !== "", Te = K && Ge, Le = Te ? /* @__PURE__ */ o(fe, { content: N, children: N }) : N;
-                        return /* @__PURE__ */ o(
+                      Le.map((n) => {
+                        const u = Q(n), c = Wt(u, n.width), x = e[u], W = n.render ? n.render(x, e) : x, U = c && c !== "auto", Je = typeof W == "string" && W.trim() !== "", Pe = U && Je, Ie = Pe ? /* @__PURE__ */ s(de, { content: W, children: W }) : W;
+                        return /* @__PURE__ */ s(
                           "td",
                           {
                             style: {
@@ -2396,9 +2417,9 @@ function xr({
                               boxSizing: "border-box",
                               width: c,
                               fontFamily: "var(--font-sans)",
-                              ...Te && { maxWidth: c || "200px" }
+                              ...Pe && { maxWidth: c || "200px" }
                             },
-                            children: Le
+                            children: Ie
                           },
                           u
                         );
@@ -2410,26 +2431,26 @@ function xr({
               }) : null })
             ] }) })
           ] }),
-          /* @__PURE__ */ o(En, { children: It ? /* @__PURE__ */ o("div", { className: "bg-[var(--paper-high)] border border-[var(--border-strong)] rounded px-4 py-2 shadow-lg", children: /* @__PURE__ */ p("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ o(Ft, { size: 14, className: "text-[var(--text-faint)]" }),
-            /* @__PURE__ */ o("span", { className: "text-sm font-semibold text-[var(--text-ink)]", children: It.label })
+          /* @__PURE__ */ s(Mn, { children: _t ? /* @__PURE__ */ s("div", { className: "bg-[var(--paper-high)] border border-[var(--border-strong)] rounded px-4 py-2 shadow-lg", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ s(kt, { size: 14, className: "text-[var(--text-faint)]" }),
+            /* @__PURE__ */ s("span", { className: "text-sm font-semibold text-[var(--text-ink)]", children: _t.label })
           ] }) }) : null })
         ]
       }
     ) : null,
     (() => {
-      const e = !L && (ve.trim() !== "" || Object.values(q).some((s) => Je(s))), t = ne ? e ? Ue.length : S : Ue.length;
-      return t <= 0 ? null : /* @__PURE__ */ o(
-        Gn,
+      const e = !P && (ne.trim() !== "" || Object.values(X).some((o) => Ye(o))), t = se ? e ? Xe.length : w : Xe.length;
+      return t <= 0 ? null : /* @__PURE__ */ s(
+        Jn,
         {
-          page: ze,
+          page: Re,
           pageSizeOptions: [5, 10, 20, 50, 100],
-          pageSize: be,
+          pageSize: ye,
           totalCount: t,
-          currentDataLength: We.length,
-          onPageChange: Be,
-          onPageSizeChange: (s) => {
-            qe(s), Be(1);
+          currentDataLength: $e.length,
+          onPageChange: ze,
+          onPageSizeChange: (o) => {
+            Ze(o), ze(1);
           },
           showPageSizeSelector: !0
         }
@@ -2438,7 +2459,7 @@ function xr({
   ] });
 }
 export {
-  xr as D,
-  Jn as a
+  br as D,
+  Yn as a
 };
 //# sourceMappingURL=DataTable2.es.js.map