chordia-ui 4.0.6 → 4.0.8

package/dist/DataTable2.es.js

@@ -1,25 +1,25 @@
-import { jsxs as m, jsx as s, Fragment as Fe } from "react/jsx-runtime";
-import ht, { useState as g, useRef as U, useEffect as I, Suspense as cn, useMemo as ge, useCallback as P, useLayoutEffect as dn } from "react";
-import { u as un, a as At, D as fn, c as pn, S as mn, h as hn, b as gn, s as yn, K as xn, P as bn, d as gt, e as vn, C as Sn } from "./sortable.esm.es.js";
-import { CalendarClock as Ot, Download as wn, ChevronDown as Fn, Settings2 as kn, X as Dn, GripVertical as yt, Search as Cn, Check as st, ArrowUp as Rn, ArrowDown as zn, ArrowUpDown as En, ListFilter as Mn } from "lucide-react";
-import { createPortal as vt } from "react-dom";
-import { C as Bn, P as Nn } from "./CustomFilterChips.es.js";
+import { 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 "motion/react";
 import "recharts";
 import "./AgentLiftAnalysisCard.es.js";
 import "./TourGuideTooltip.es.js";
-function Wn({
-  dateRangePicker: n,
+function Jn({
+  dateRangePicker: r,
   onWeekToDate: l,
   exportConfig: d,
   filterChipsConfig: f,
   trailingActions: S
   // Optional extra actions rendered after Export (e.g., Add Users button)
 }) {
-  const [v, a] = g(!1), b = U(null), B = U(null);
-  I(() => {
+  const [v, a] = y(!1), b = U(null), W = U(null);
+  H(() => {
     const D = (w) => {
-      B.current && !B.current.contains(w.target) && b.current && !b.current.contains(w.target) && a(!1);
+      W.current && !W.current.contains(w.target) && b.current && !b.current.contains(w.target) && a(!1);
     };
     if (v)
       return document.addEventListener("mousedown", D), () => {
@@ -30,37 +30,37 @@ function Wn({
     a((D) => !D);
   }, C = (D) => {
     a(!1), d != null && d.onExport && d.onExport(D);
-  }, L = (() => {
+  }, j = (() => {
     if (!(f != null && f.filters))
       return !1;
-    const D = f.filters, w = f.customFilters || [], N = Object.entries(D).some(([E, M]) => !!(Array.isArray(M) && M.length || typeof M == "string" && M.trim() !== "" || M && typeof M == "object" && (M.min != null || M.max != null))), H = w.some((E) => E.active);
-    return N || H;
+    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;
   })();
-  return /* @__PURE__ */ m("div", { className: "flex items-center gap-3 flex-wrap", children: [
-    l && /* @__PURE__ */ m(
+  return /* @__PURE__ */ p("div", { className: "flex items-center gap-3 flex-wrap", children: [
+    l && /* @__PURE__ */ p(
       "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__ */ s(Ot, { size: 16 }),
-          /* @__PURE__ */ s("span", { children: "Week to Date" })
+          /* @__PURE__ */ o(Ut, { size: 16 }),
+          /* @__PURE__ */ o("span", { children: "Week to Date" })
         ]
       }
     ),
-    n && /* @__PURE__ */ s(
-      cn,
+    r && /* @__PURE__ */ o(
+      Fn,
       {
-        fallback: /* @__PURE__ */ m("div", { className: "inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white/80 px-4 py-2.5 text-sm font-medium text-gray-400", children: [
-          /* @__PURE__ */ s(Ot, { size: 16 }),
-          /* @__PURE__ */ s("span", { children: "Loading..." })
+        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..." })
         ] }),
-        children: n
+        children: r
       }
     ),
-    d && /* @__PURE__ */ m("div", { className: "relative", children: [
-      /* @__PURE__ */ m(
+    d && /* @__PURE__ */ p("div", { className: "relative", children: [
+      /* @__PURE__ */ p(
         "button",
         {
           ref: b,
@@ -69,20 +69,20 @@ function Wn({
           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__ */ m("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ s(wn, { size: 16 }),
-              /* @__PURE__ */ s("span", { children: d.isExporting ? "Exporting..." : "Export" })
+            /* @__PURE__ */ p("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ o(Tn, { size: 16 }),
+              /* @__PURE__ */ o("span", { children: d.isExporting ? "Exporting..." : "Export" })
             ] }),
-            /* @__PURE__ */ s(Fn, { size: 16 })
+            /* @__PURE__ */ o(Ln, { size: 16 })
           ]
         }
       ),
-      v && /* @__PURE__ */ s(
+      v && /* @__PURE__ */ o(
         "div",
         {
-          ref: B,
+          ref: W,
           className: "absolute top-full right-0 mt-2 bg-white rounded-lg shadow-lg border border-gray-200 py-1 z-50 min-w-[120px]",
-          children: (d.types || ["csv"]).map((D) => /* @__PURE__ */ m(
+          children: (d.types || ["csv"]).map((D) => /* @__PURE__ */ p(
             "button",
             {
               onClick: () => C(D),
@@ -98,11 +98,11 @@ function Wn({
         }
       )
     ] }),
-    (L || S) && /* @__PURE__ */ m(Fe, { children: [
-      L && /* @__PURE__ */ s("div", { className: "h-9 mt-1 w-px bg-gray-300 flex-shrink-0" }),
-      /* @__PURE__ */ m("div", { className: "flex items-center gap-3 justify-end", children: [
-        L && f && /* @__PURE__ */ s(
-          Bn,
+    (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,
           {
             filters: f.filters,
             onChange: f.onChange,
@@ -111,33 +111,33 @@ function Wn({
             fieldOptions: f.fieldOptions || {}
           }
         ),
-        S && /* @__PURE__ */ s("div", { className: "flex-shrink-0", children: S })
+        S && /* @__PURE__ */ o("div", { className: "flex-shrink-0", children: S })
       ] })
     ] })
   ] });
 }
-function St(n) {
-  if (n == null)
+function Rt(r) {
+  if (r == null)
     return NaN;
-  const l = String(n).replace(/[,$%]|pp/gi, "").trim(), d = parseFloat(l);
+  const l = String(r).replace(/[,$%]|pp/gi, "").trim(), d = parseFloat(l);
   return Number.isFinite(d) ? d : NaN;
 }
-function An(n) {
-  if (n == null)
+function Yn(r) {
+  if (r == null)
     return NaN;
-  const l = String(n).trim(), d = l.match(/^(\d+):(\d+)(?::(\d+))?$/);
+  const l = String(r).trim(), d = l.match(/^(\d+):(\d+)(?::(\d+))?$/);
   if (d) {
     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), B = l.match(/(\d+)\s*s\b/i);
-  return v && (f += +v[1] * 86400, S = !0), a && (f += +a[1] * 3600, S = !0), b && (f += +b[1] * 60, S = !0), B && (f += +B[1], S = !0), S ? f : NaN;
+  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;
 }
-function On(n) {
-  if (!n)
+function Qn(r) {
+  if (!r)
     return null;
-  const l = String(n).trim(), d = l.match(/^(\d{1,2})\/(\d{1,2})\/(\d{2,4})$/);
+  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;
@@ -145,51 +145,51 @@ function On(n) {
   const f = new Date(l);
   return isNaN(f.getTime()) ? null : f;
 }
-function Tn(n) {
-  if (!n || n.length === 0)
+function qn(r) {
+  if (!r || r.length === 0)
     return "text";
-  const l = n.slice(0, 25), d = (f) => l.every(f);
+  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 Ue(n) {
-  return n ? Array.isArray(n) ? n.length > 0 : n.type === "range" ? n.min !== "" && n.min !== void 0 && n.min !== null || n.max !== "" && n.max !== void 0 && n.max !== null : n.type === "durationRange" ? n.minSec !== "" && n.minSec != null || n.maxSec !== "" && n.maxSec != null : n.type === "scoreRange" ? Array.isArray(n.values) && n.values.length > 0 || n.min !== "" && n.min != null || n.max !== "" && n.max != null : n.type === "dateRange" ? !!(n.from || n.to) : !1 : !1;
+function Je(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 Tt(n) {
-  if (n == null || n === "" || isNaN(n))
+function Xt(r) {
+  if (r == null || r === "" || isNaN(r))
     return "";
-  const l = Number(n), d = Math.floor(l / 3600), f = Math.floor(l % 3600 / 60), S = Math.floor(l % 60);
+  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`;
 }
-function $n(n) {
-  if (!n)
+function Zn(r) {
+  if (!r)
     return "";
-  if (Array.isArray(n))
-    return n.length === 0 ? "" : String(n[0]);
-  if (n.type === "range") {
-    const l = n.min !== "" && n.min != null ? n.min : null, d = n.max !== "" && n.max != null ? n.max : null;
+  if (Array.isArray(r))
+    return r.length === 0 ? "" : String(r[0]);
+  if (r.type === "range") {
+    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}` : "";
   }
-  if (n.type === "durationRange") {
-    const l = n.minSec !== "" && n.minSec != null ? Tt(n.minSec) : null, d = n.maxSec !== "" && n.maxSec != null ? Tt(n.maxSec) : null;
+  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;
     return l && d ? `${l} – ${d}` : l ? `≥ ${l}` : d ? `≤ ${d}` : "";
   }
-  if (n.type === "scoreRange") {
-    if (Array.isArray(n.values) && n.values.length > 0)
-      return n.values.slice().sort((f, S) => f - S).join(", ");
-    const l = n.min !== "" && n.min != null ? n.min : null, d = n.max !== "" && n.max != null ? n.max : null;
+  if (r.type === "scoreRange") {
+    if (Array.isArray(r.values) && r.values.length > 0)
+      return r.values.slice().sort((f, S) => f - S).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 n.type === "dateRange" ? n.from && n.to ? `${n.from} – ${n.to}` : n.from ? `from ${n.from}` : n.to ? `to ${n.to}` : "" : "";
+  return r.type === "dateRange" ? r.from && r.to ? `${r.from} – ${r.to}` : r.from ? `from ${r.from}` : r.to ? `to ${r.to}` : "" : "";
 }
-function Ln(n) {
-  return Array.isArray(n) ? Math.max(0, n.length - 1) : 0;
+function Vn(r) {
+  return Array.isArray(r) ? Math.max(0, r.length - 1) : 0;
 }
-function Pn(n) {
-  return Array.isArray(n) ? n.slice(1).map(String).join(", ") : "";
+function er(r) {
+  return Array.isArray(r) ? r.slice(1).map(String).join(", ") : "";
 }
-function In({ count: n, values: l }) {
-  const [d, f] = g(!1);
-  return /* @__PURE__ */ m(
+function tr({ count: r, values: l }) {
+  const [d, f] = y(!1);
+  return /* @__PURE__ */ p(
     "span",
     {
       onMouseEnter: () => f(!0),
@@ -212,8 +212,8 @@ function In({ count: n, values: l }) {
       },
       children: [
         "+",
-        n,
-        d && /* @__PURE__ */ s(
+        r,
+        d && /* @__PURE__ */ o(
           "span",
           {
             role: "tooltip",
@@ -242,7 +242,7 @@ function In({ count: n, values: l }) {
     }
   );
 }
-function jn({ leftLabel: n, rightLabel: l, leftValue: d, rightValue: f, onLeftChange: S, onRightChange: v, type: a = "number", placeholderLeft: b = "Min", placeholderRight: B = "Max" }) {
+function nr({ leftLabel: r, rightLabel: l, leftValue: d, rightValue: f, onLeftChange: S, onRightChange: v, type: a = "number", placeholderLeft: b = "Min", placeholderRight: W = "Max" }) {
   const k = {
     width: "100%",
     height: 32,
@@ -256,10 +256,10 @@ function jn({ leftLabel: n, 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__ */ m("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: [
-    /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column" }, children: [
-      /* @__PURE__ */ s("span", { style: C, children: n }),
-      /* @__PURE__ */ s(
+  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(
         "input",
         {
           type: a,
@@ -270,22 +270,22 @@ function jn({ leftLabel: n, rightLabel: l, leftValue: d, rightValue: f, onLeftCh
         }
       )
     ] }),
-    /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column" }, children: [
-      /* @__PURE__ */ s("span", { style: C, children: l }),
-      /* @__PURE__ */ s(
+    /* @__PURE__ */ p("div", { style: { display: "flex", flexDirection: "column" }, children: [
+      /* @__PURE__ */ o("span", { style: C, children: l }),
+      /* @__PURE__ */ o(
         "input",
         {
           type: a,
           value: f,
           onChange: (z) => v(z.target.value),
-          placeholder: B,
+          placeholder: W,
           style: k
         }
       )
     ] })
   ] });
 }
-const $t = [
+const Gt = [
   { 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,17 +293,17 @@ const $t = [
   { id: "240-300", label: "4m to 5m", minSec: 240, maxSec: 300 },
   { id: "300+", label: "5 mins and above", minSec: 300, maxSec: null }
 ];
-function Lt(n) {
-  if (n == null || n === "")
+function Jt(r) {
+  if (r == null || r === "")
     return null;
-  const l = String(n).trim().match(/^(\d{1,3}):(\d{2})$/);
+  const l = String(r).trim().match(/^(\d{1,3}):(\d{2})$/);
   if (l)
     return Number(l[1]) * 60 + Number(l[2]);
-  const d = Number(n);
+  const d = Number(r);
   return Number.isFinite(d) ? d : null;
 }
-function xt({ children: n }) {
-  return /* @__PURE__ */ s(
+function kt({ children: r }) {
+  return /* @__PURE__ */ o(
     "div",
     {
       style: {
@@ -314,12 +314,12 @@ function xt({ children: n }) {
         padding: "4px 0 2px",
         fontFamily: "var(--font-sans)"
       },
-      children: n
+      children: r
     }
   );
 }
-function bt({
-  minValue: n,
+function Dt({
+  minValue: r,
   maxValue: l,
   onMinChange: d,
   onMaxChange: f,
@@ -327,7 +327,7 @@ function bt({
   inputMode: v = "decimal",
   step: a,
   placeholder: b = "0.0",
-  unit: B
+  unit: W
 }) {
   const k = {
     width: "100%",
@@ -341,27 +341,27 @@ function bt({
     outline: "none",
     boxSizing: "border-box"
   };
-  return /* @__PURE__ */ m("div", { style: { display: "flex", flexDirection: "column", gap: 4 }, children: [
-    /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "flex-end", gap: 8 }, children: [
-      /* @__PURE__ */ m("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(
+  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(
           "input",
           {
             type: S,
             inputMode: v,
             step: a,
             placeholder: b,
-            value: n,
+            value: r,
             onChange: (C) => d(C.target.value),
             style: k
           }
         )
       ] }),
-      /* @__PURE__ */ s("span", { style: { fontSize: 12, fontWeight: 600, color: "#323232", paddingBottom: 8, fontFamily: "var(--font-sans)" }, children: "to" }),
-      /* @__PURE__ */ m("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(
+      /* @__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(
           "input",
           {
             type: S,
@@ -375,7 +375,7 @@ function bt({
         )
       ] })
     ] }),
-    B && /* @__PURE__ */ m(
+    W && /* @__PURE__ */ p(
       "span",
       {
         style: {
@@ -385,129 +385,129 @@ function bt({
         },
         children: [
           "Enter durations in ",
-          B === "sec" ? "seconds" : B
+          W === "sec" ? "seconds" : W
         ]
       }
     )
   ] });
 }
-function _n({ column: n, columnId: l, filterType: d = "text", position: f, popoverRef: S, distinctValues: v, initialValue: a, onApply: b, onCancel: B, onSearch: k = null, searchMinChars: C = 3 }) {
-  const z = d === "text", L = d === "number", D = d === "date", w = d === "duration", N = d === "score", H = /duration/i.test(String((n == null ? void 0 : n.label) || l || "")), E = ge(() => {
-    if (!N || !Array.isArray(v) || v.length === 0)
+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)
       return !1;
-    let p = 1 / 0, h = -1 / 0;
-    for (const y of v) {
-      const F = St(y);
-      Number.isFinite(F) && (F < p && (p = F), F > h && (h = F));
+    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));
     }
-    return Number.isFinite(p) && Number.isFinite(h) && p >= 0 && h <= 5;
-  }, [N, v]), [M, ae] = g(
+    return Number.isFinite(h) && Number.isFinite(m) && h >= 0 && m <= 5;
+  }, [O, v]), [E, ue] = y(
     () => z ? new Set(Array.isArray(a) ? a : []) : /* @__PURE__ */ new Set()
-  ), [ye, Y] = g(""), [O, oe] = g(() => L && (a == null ? void 0 : a.type) === "range" && a.min != null ? a.min : ""), [Z, K] = g(() => L && (a == null ? void 0 : a.type) === "range" && a.max != null ? a.max : ""), [X, xe] = g(/* @__PURE__ */ new Set()), [V, te] = g(
+  ), [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) : ""
-  ), [be, ne] = g(
+  ), [Y, pe] = y(
     () => w && (a == null ? void 0 : a.type) === "durationRange" && a.maxSec != null && a.maxSec !== "" ? String(a.maxSec) : ""
-  ), [ce, ke] = g(
-    () => N && (a == null ? void 0 : a.type) === "scoreRange" && Array.isArray(a.values) ? new Set(a.values) : /* @__PURE__ */ new Set()
-  ), [We, Q] = g(
-    () => N && (a == null ? void 0 : a.type) === "scoreRange" && a.min != null && a.min !== "" ? String(a.min) : ""
-  ), [W, se] = g(
-    () => N && (a == null ? void 0 : a.type) === "scoreRange" && a.max != null && a.max !== "" ? String(a.max) : ""
-  ), [re, de] = g(() => D && (a == null ? void 0 : a.type) === "dateRange" && a.from || ""), [G, De] = g(() => D && (a == null ? void 0 : a.type) === "dateRange" && a.to || "");
-  I(() => {
-    z && ae(new Set(Array.isArray(a) ? a : []));
+  ), [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 : []));
   }, [l, z]);
-  const [Ce, Ae] = g(null), [A, ue] = g(!1), Se = U(0), ee = ye.trim(), we = z && typeof k == "function" && ee.length >= C;
-  I(() => {
+  const [re, ie] = y(null), [q, Fe] = y(!1), ve = U(0), le = xe.trim(), M = z && typeof k == "function" && le.length >= C;
+  H(() => {
     if (!z || typeof k != "function")
       return;
-    if (ee.length < C) {
-      Ae(null), ue(!1);
+    if (le.length < C) {
+      ie(null), Fe(!1);
       return;
     }
-    const p = ++Se.current;
-    ue(!0);
-    const h = setTimeout(async () => {
+    const h = ++ve.current;
+    Fe(!0);
+    const m = setTimeout(async () => {
       try {
-        const y = await k(ee);
-        if (p !== Se.current)
+        const g = await k(le);
+        if (h !== ve.current)
           return;
-        const F = Array.isArray(y) ? y.map((T) => T && typeof T == "object" ? T.label ?? T.value : T).filter((T) => T != null && T !== "").map(String) : [];
-        Ae(F);
+        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);
       } catch {
-        p === Se.current && Ae([]);
+        h === ve.current && ie([]);
       } finally {
-        p === Se.current && ue(!1);
+        h === ve.current && Fe(!1);
       }
     }, 300);
-    return () => clearTimeout(h);
-  }, [z, k, ee, C]);
-  const ve = ge(() => {
-    const p = ee.toLowerCase(), h = we ? Ce || [] : p ? v.filter((F) => String(F).toLowerCase().includes(p)) : v, y = /* @__PURE__ */ new Map();
-    for (const F of h)
-      y.set(String(F), F);
-    for (const F of M)
-      y.set(String(F), F);
-    return Array.from(y.values()).sort((F, T) => {
-      const fe = M.has(F), Pe = M.has(T);
-      return fe !== Pe ? fe ? -1 : 1 : String(F).localeCompare(String(T));
+    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();
+    for (const F of m)
+      g.set(String(F), F);
+    for (const F of E)
+      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));
     });
-  }, [v, ee, M, we, Ce]), Oe = (p) => {
-    ae((h) => {
-      const y = new Set(h);
-      return y.has(p) ? y.delete(p) : y.add(p), y;
+  }, [v, le, E, M, re]), Ie = (h) => {
+    ue((m) => {
+      const g = new Set(m);
+      return g.has(h) ? g.delete(h) : g.add(h), g;
     });
-  }, it = () => {
-    z && ae(/* @__PURE__ */ new Set()), L && (oe(""), K("")), w && (xe(/* @__PURE__ */ new Set()), te(""), ne("")), N && (ke(/* @__PURE__ */ new Set()), Q(""), se("")), D && (de(""), De("")), Y("");
-  }, Te = (p) => {
-    xe((h) => {
-      const y = new Set(h);
-      return y.has(p) ? y.delete(p) : y.add(p), y;
+  }, 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) => {
+      const g = new Set(m);
+      return g.has(h) ? g.delete(h) : g.add(h), g;
     });
-  }, $e = (p) => {
-    ke((h) => {
-      const y = new Set(h);
-      return y.has(p) ? y.delete(p) : y.add(p), y;
+  }, we = (h) => {
+    Qe((m) => {
+      const g = new Set(m);
+      return g.has(h) ? g.delete(h) : g.add(h), g;
     });
-  }, Le = () => {
+  }, Ze = () => {
     if (z)
-      return b(Array.from(M));
-    if (L)
-      return b({ type: "range", min: O === "" ? "" : Number(O), max: Z === "" ? "" : Number(Z) });
+      return b(Array.from(E));
+    if (j)
+      return b({ type: "range", min: Z === "" ? "" : Number(Z), max: V === "" ? "" : Number(V) });
     if (w) {
-      const p = Lt(V), h = Lt(be), y = p != null || h != null;
-      let F = "", T = "";
-      if (y)
-        F = p ?? "", T = h ?? "";
-      else if (X.size > 0) {
-        const fe = $t.filter((q) => X.has(q.id));
-        F = Math.min(...fe.map((q) => q.minSec)), T = fe.some((q) => q.maxSec == null) ? "" : Math.max(...fe.map((q) => q.maxSec));
+      const h = Jt(ne), m = Jt(Y), g = h != null || m != null;
+      let F = "", P = "";
+      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));
       }
-      return b({ type: "durationRange", minSec: F, maxSec: T });
+      return b({ type: "durationRange", minSec: F, maxSec: P });
     }
-    if (N) {
-      const p = We === "" ? null : Number(We), h = W === "" ? null : Number(W);
-      return p != null || h != null ? b({
+    if (O) {
+      const h = Pe === "" ? null : Number(Pe), m = be === "" ? null : Number(be);
+      return h != null || m != null ? b({
         type: "scoreRange",
         values: [],
-        min: p != null && Number.isFinite(p) ? p : "",
-        max: h != null && Number.isFinite(h) ? h : ""
+        min: h != null && Number.isFinite(h) ? h : "",
+        max: m != null && Number.isFinite(m) ? m : ""
       }) : b({
         type: "scoreRange",
-        values: Array.from(ce).sort((F, T) => F - T),
+        values: Array.from(he).sort((F, P) => F - P),
         min: "",
         max: ""
       });
     }
     if (D)
-      return b({ type: "dateRange", from: re, to: G });
+      return b({ type: "dateRange", from: qe, to: $ });
   };
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ p(
     "div",
     {
       ref: S,
       role: "dialog",
-      "aria-label": `Filter ${n.label || l}`,
+      "aria-label": `Filter ${r.label || l}`,
       style: {
         position: "fixed",
         top: f.top,
@@ -525,8 +525,8 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
         fontFamily: "var(--font-sans)"
       },
       children: [
-        z && /* @__PURE__ */ m(Fe, { children: [
-          /* @__PURE__ */ s(
+        z && /* @__PURE__ */ p(Re, { children: [
+          /* @__PURE__ */ o(
             "div",
             {
               style: {
@@ -537,7 +537,7 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                 display: "flex",
                 alignItems: "center"
               },
-              children: /* @__PURE__ */ m(
+              children: /* @__PURE__ */ p(
                 "div",
                 {
                   style: {
@@ -551,14 +551,14 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                     padding: "0 8px"
                   },
                   children: [
-                    /* @__PURE__ */ s(Cn, { size: 16, color: "#989898", strokeWidth: 2 }),
-                    /* @__PURE__ */ s(
+                    /* @__PURE__ */ o(In, { size: 16, color: "#989898", strokeWidth: 2 }),
+                    /* @__PURE__ */ o(
                       "input",
                       {
                         autoFocus: !0,
                         type: "text",
-                        value: ye,
-                        onChange: (p) => Y(p.target.value),
+                        value: xe,
+                        onChange: (h) => X(h.target.value),
                         placeholder: "Search",
                         style: {
                           flex: 1,
@@ -577,9 +577,9 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
               )
             }
           ),
-          /* @__PURE__ */ s("div", { style: { maxHeight: 220, overflowY: "auto", display: "flex", flexDirection: "column", gap: 4 }, children: typeof k == "function" && ee.length > 0 && ee.length < C ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: `Type at least ${C} characters to search` }) : A ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: "Searching…" }) : ve.length === 0 ? /* @__PURE__ */ s("div", { style: { fontSize: 13, color: "#676767", padding: "8px 4px", textAlign: "center" }, children: "No values" }) : ve.map((p) => {
-            const h = M.has(p);
-            return /* @__PURE__ */ m(
+          /* @__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(
               "label",
               {
                 style: {
@@ -591,7 +591,7 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                   borderRadius: 6
                 },
                 children: [
-                  /* @__PURE__ */ s(
+                  /* @__PURE__ */ o(
                     "span",
                     {
                       style: {
@@ -601,28 +601,28 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                         display: "inline-flex",
                         alignItems: "center",
                         justifyContent: "center",
-                        background: h ? "#0B0B0B" : "#FFFFFF",
-                        border: `1px solid ${h ? "#0B0B0B" : "#676767"}`,
+                        background: m ? "#0B0B0B" : "#FFFFFF",
+                        border: `1px solid ${m ? "#0B0B0B" : "#676767"}`,
                         flexShrink: 0
                       },
-                      children: h && /* @__PURE__ */ s(st, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
+                      children: m && /* @__PURE__ */ o(Ye, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
                     }
                   ),
-                  /* @__PURE__ */ s(
+                  /* @__PURE__ */ o(
                     "input",
                     {
                       type: "checkbox",
-                      checked: h,
-                      onChange: () => Oe(p),
+                      checked: m,
+                      onChange: () => Ie(h),
                       style: { position: "absolute", opacity: 0, pointerEvents: "none" },
                       tabIndex: -1
                     }
                   ),
-                  /* @__PURE__ */ s(
+                  /* @__PURE__ */ o(
                     "span",
                     {
-                      onClick: (y) => {
-                        y.preventDefault(), Oe(p);
+                      onClick: (g) => {
+                        g.preventDefault(), Ie(h);
                       },
                       style: {
                         fontSize: 14,
@@ -633,43 +633,43 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                         textOverflow: "ellipsis",
                         whiteSpace: "nowrap"
                       },
-                      children: p
+                      children: h
                     }
                   )
                 ]
               },
-              p
+              h
             );
           }) })
         ] }),
-        L && /* @__PURE__ */ m(Fe, { children: [
-          /* @__PURE__ */ s(xt, { children: n.label || "Filter" }),
-          /* @__PURE__ */ s(
-            bt,
+        j && /* @__PURE__ */ p(Re, { children: [
+          /* @__PURE__ */ o(kt, { children: r.label || "Filter" }),
+          /* @__PURE__ */ o(
+            Dt,
             {
-              minValue: O,
-              maxValue: Z,
-              onMinChange: oe,
-              onMaxChange: K,
-              placeholder: H ? "00" : "0.0",
-              unit: H ? "sec" : void 0
+              minValue: Z,
+              maxValue: V,
+              onMinChange: G,
+              onMaxChange: oe,
+              placeholder: T ? "00" : "0.0",
+              unit: T ? "sec" : void 0
             }
           )
         ] }),
-        w && /* @__PURE__ */ m(Fe, { children: [
-          /* @__PURE__ */ s(xt, { children: n.label || "Duration" }),
-          n.filterShowPresets === !0 && /* @__PURE__ */ m(Fe, { children: [
-            /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: $t.map((p) => {
-              const h = X.has(p.id);
-              return /* @__PURE__ */ m(
+        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(
                 "div",
                 {
                   role: "checkbox",
-                  "aria-checked": h,
+                  "aria-checked": m,
                   tabIndex: 0,
-                  onClick: () => Te(p.id),
-                  onKeyDown: (y) => {
-                    (y.key === " " || y.key === "Enter") && (y.preventDefault(), Te(p.id));
+                  onClick: () => ke(h.id),
+                  onKeyDown: (g) => {
+                    (g.key === " " || g.key === "Enter") && (g.preventDefault(), ke(h.id));
                   },
                   style: {
                     display: "flex",
@@ -679,7 +679,7 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                     userSelect: "none"
                   },
                   children: [
-                    /* @__PURE__ */ s(
+                    /* @__PURE__ */ o(
                       "span",
                       {
                         style: {
@@ -689,14 +689,14 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                           display: "inline-flex",
                           alignItems: "center",
                           justifyContent: "center",
-                          background: h ? "#0B0B0B" : "#FFFFFF",
-                          border: `1px solid ${h ? "#0B0B0B" : "#676767"}`,
+                          background: m ? "#0B0B0B" : "#FFFFFF",
+                          border: `1px solid ${m ? "#0B0B0B" : "#676767"}`,
                           flexShrink: 0
                         },
-                        children: h && /* @__PURE__ */ s(st, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
+                        children: m && /* @__PURE__ */ o(Ye, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
                       }
                     ),
-                    /* @__PURE__ */ s(
+                    /* @__PURE__ */ o(
                       "span",
                       {
                         style: {
@@ -705,16 +705,16 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                           color: "#0B0B0B",
                           fontFamily: "var(--font-sans)"
                         },
-                        children: p.label
+                        children: h.label
                       }
                     )
                   ]
                 },
-                p.id
+                h.id
               );
             }) }),
-            /* @__PURE__ */ s("div", { style: { height: 1, background: "#D9D9D9", margin: "0 -12px" } }),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ o("div", { style: { height: 1, background: "#D9D9D9", margin: "0 -12px" } }),
+            /* @__PURE__ */ o(
               "div",
               {
                 style: {
@@ -729,13 +729,13 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
               }
             )
           ] }),
-          /* @__PURE__ */ s(
-            bt,
+          /* @__PURE__ */ o(
+            Dt,
             {
-              minValue: V,
-              maxValue: be,
-              onMinChange: te,
-              onMaxChange: ne,
+              minValue: ne,
+              maxValue: Y,
+              onMinChange: L,
+              onMaxChange: pe,
               inputType: "number",
               inputMode: "numeric",
               placeholder: "00",
@@ -743,20 +743,20 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
             }
           )
         ] }),
-        N && /* @__PURE__ */ m(Fe, { children: [
-          /* @__PURE__ */ s(xt, { children: n.label || "Score" }),
-          E && n.filterShowPresets === !0 && /* @__PURE__ */ m(Fe, { children: [
-            /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [1, 2, 3, 4, 5].map((p) => {
-              const h = ce.has(p);
-              return /* @__PURE__ */ m(
+        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(
                 "div",
                 {
                   role: "checkbox",
-                  "aria-checked": h,
+                  "aria-checked": m,
                   tabIndex: 0,
-                  onClick: () => $e(p),
-                  onKeyDown: (y) => {
-                    (y.key === " " || y.key === "Enter") && (y.preventDefault(), $e(p));
+                  onClick: () => we(h),
+                  onKeyDown: (g) => {
+                    (g.key === " " || g.key === "Enter") && (g.preventDefault(), we(h));
                   },
                   style: {
                     display: "flex",
@@ -766,7 +766,7 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                     userSelect: "none"
                   },
                   children: [
-                    /* @__PURE__ */ s(
+                    /* @__PURE__ */ o(
                       "span",
                       {
                         style: {
@@ -776,14 +776,14 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                           display: "inline-flex",
                           alignItems: "center",
                           justifyContent: "center",
-                          background: h ? "#0B0B0B" : "#FFFFFF",
-                          border: `1px solid ${h ? "#0B0B0B" : "#676767"}`,
+                          background: m ? "#0B0B0B" : "#FFFFFF",
+                          border: `1px solid ${m ? "#0B0B0B" : "#676767"}`,
                           flexShrink: 0
                         },
-                        children: h && /* @__PURE__ */ s(st, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
+                        children: m && /* @__PURE__ */ o(Ye, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
                       }
                     ),
-                    /* @__PURE__ */ s(
+                    /* @__PURE__ */ o(
                       "span",
                       {
                         style: {
@@ -792,17 +792,17 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                           color: "#0B0B0B",
                           fontFamily: "var(--font-sans)"
                         },
-                        children: p
+                        children: h
                       }
                     )
                   ]
                 },
-                p
+                h
               );
             }) }),
-            /* @__PURE__ */ s("div", { style: { height: 1, background: "#D9D9D9", margin: "0 -12px" } })
+            /* @__PURE__ */ o("div", { style: { height: 1, background: "#D9D9D9", margin: "0 -12px" } })
           ] }),
-          E && n.filterShowPresets === !0 && /* @__PURE__ */ s(
+          B && r.filterShowPresets === !0 && /* @__PURE__ */ o(
             "div",
             {
               style: {
@@ -816,38 +816,38 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
               children: "Custom Range"
             }
           ),
-          /* @__PURE__ */ s(
-            bt,
+          /* @__PURE__ */ o(
+            Dt,
             {
-              minValue: We,
-              maxValue: W,
-              onMinChange: Q,
-              onMaxChange: se,
+              minValue: Pe,
+              maxValue: be,
+              onMinChange: ze,
+              onMaxChange: Be,
               step: "0.1"
             }
           )
         ] }),
-        D && /* @__PURE__ */ s(
-          jn,
+        D && /* @__PURE__ */ o(
+          nr,
           {
             leftLabel: "From",
             rightLabel: "To",
-            leftValue: re,
-            rightValue: G,
-            onLeftChange: de,
-            onRightChange: De,
+            leftValue: qe,
+            rightValue: $,
+            onLeftChange: Q,
+            onRightChange: se,
             type: "date",
             placeholderLeft: "",
             placeholderRight: ""
           }
         ),
-        /* @__PURE__ */ s("div", { style: { height: 1, background: "#D9D9D9", margin: "0 -12px" } }),
-        /* @__PURE__ */ m("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ s(
+        /* @__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(
             "button",
             {
               type: "button",
-              onClick: it,
+              onClick: je,
               style: {
                 background: "transparent",
                 border: "none",
@@ -858,14 +858,14 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
                 color: "#323232",
                 fontFamily: "var(--font-sans)"
               },
-              children: w && n.filterShowPresets === !0 || N && E && n.filterShowPresets === !0 ? "View All" : "Reset"
+              children: w && r.filterShowPresets === !0 || O && B && r.filterShowPresets === !0 ? "View All" : "Reset"
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ o(
             "button",
             {
               type: "button",
-              onClick: Le,
+              onClick: Ze,
               style: {
                 background: "#0B0B0B",
                 color: "#FFFFFF",
@@ -886,43 +886,43 @@ function _n({ column: n, columnId: l, filterType: d = "text", position: f, popov
     }
   );
 }
-const Hn = () => ({ userData: { email: "anonymous" } }), Kn = (n) => /* @__PURE__ */ s("img", { ...n });
-function Un({
-  children: n,
+const or = () => ({ userData: { email: "anonymous" } }), sr = (r) => /* @__PURE__ */ o("img", { ...r });
+function ir({
+  children: r,
   content: l,
   direction: d = "top",
   align: f = "center",
   styling: S,
   indicatorColor: v
 }) {
-  const a = typeof l == "string" ? l : l != null ? String(l) : "", b = typeof v == "string" && (v.startsWith("#") || v.startsWith("rgb") || v.startsWith("hsl") || v.startsWith("var(")) ? v : "var(--Grey-Strong, #2E3236)", [B, k] = g(!1), [C, z] = g(!1), [L, D] = g({ top: 0, left: 0, arrowLeft: 0, placement: "top" }), w = U(null), N = U(null);
+  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);
   if (!a)
-    return n;
-  I(() => {
+    return r;
+  H(() => {
     z(!0);
   }, []);
-  const H = P(() => {
-    if (!w.current || !N.current || typeof window > "u")
+  const T = A(() => {
+    if (!w.current || !O.current || typeof window > "u")
       return;
-    const E = w.current.getBoundingClientRect(), M = N.current.getBoundingClientRect(), ae = window.innerWidth, ye = window.innerHeight, Y = 8, O = 10, oe = M.width, Z = M.height, K = E.top, X = ye - E.bottom, xe = d === "bottom" ? "bottom" : "top";
-    let V = xe;
-    xe === "top" && K < Z + O + Y && X > K ? V = "bottom" : xe === "bottom" && X < Z + O + Y && K > X && (V = "top");
-    let te = E.left + E.width / 2;
-    f === "start" && (te = E.left), f === "end" && (te = E.right);
-    let be = V === "top" ? E.top - Z - O : E.bottom + O, ne = f === "start" ? te : f === "end" ? te - oe : te - oe / 2;
-    be = Math.max(Y, Math.min(be, ye - Z - Y)), ne = Math.max(Y, Math.min(ne, ae - oe - Y));
-    const ce = Math.max(10, Math.min(te - ne, oe - 10));
-    D({ top: be, left: ne, arrowLeft: ce, placement: V });
+    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 });
   }, [f, d]);
-  return I(() => {
-    if (!B || !C)
+  return H(() => {
+    if (!W || !C)
       return;
-    H();
-    const E = () => H();
-    return window.addEventListener("resize", E), window.addEventListener("scroll", E, !0), () => {
-      window.removeEventListener("resize", E), window.removeEventListener("scroll", E, !0);
+    T();
+    const B = () => T();
+    return window.addEventListener("resize", B), window.addEventListener("scroll", B, !0), () => {
+      window.removeEventListener("resize", B), window.removeEventListener("scroll", B, !0);
     };
-  }, [B, C, H]), /* @__PURE__ */ m(
+  }, [W, C, T]), /* @__PURE__ */ p(
     "span",
     {
       ref: w,
@@ -930,16 +930,16 @@ function Un({
       onMouseEnter: () => k(!0),
       onMouseLeave: () => k(!1),
       children: [
-        n,
-        B && C && vt(
-          /* @__PURE__ */ m(
+        r,
+        W && C && Ct(
+          /* @__PURE__ */ p(
             "span",
             {
-              ref: N,
+              ref: O,
               style: {
                 position: "fixed",
-                top: `${L.top}px`,
-                left: `${L.left}px`,
+                top: `${j.top}px`,
+                left: `${j.left}px`,
                 background: "var(--Grey-Strong, #2E3236)",
                 color: "var(--Grey-White, #FFF)",
                 fontSize: "12px",
@@ -957,18 +957,18 @@ function Un({
               },
               children: [
                 a,
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ o(
                   "span",
                   {
                     style: {
                       position: "absolute",
-                      left: `${L.arrowLeft}px`,
+                      left: `${j.arrowLeft}px`,
                       transform: "translateX(-50%)",
                       width: 0,
                       height: 0,
                       borderLeft: "6px solid transparent",
                       borderRight: "6px solid transparent",
-                      ...L.placement === "top" ? {
+                      ...j.placement === "top" ? {
                         top: "100%",
                         borderTop: `7px solid ${b}`
                       } : {
@@ -987,8 +987,8 @@ function Un({
     }
   );
 }
-function rr({
-  data: n = [],
+function xr({
+  data: r = [],
   columns: l = [],
   initialPageSize: d = 10,
   onRowClick: f,
@@ -1001,7 +1001,7 @@ function rr({
   // Controlled pageSize (null = use internal state)
   onPageChange: b = null,
   // Callback for page changes (null = use internal state)
-  onPageSizeChange: B = null,
+  onPageSizeChange: W = null,
   // Callback for pageSize changes (null = use internal state)
   onFilterChange: k = null,
   // Callback for filter changes (null = use client-side filtering)
@@ -1010,48 +1010,58 @@ function rr({
   // Optional callback to surface column limit errors to host app
   onMaxColumnsError: z = null,
   // Server-side sorting props (optional)
-  onSort: L = null,
+  onSort: j = 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,
   // Optional unique identifier for localStorage persistence (e.g., "history", "agents")
-  isLoading: N = !1,
+  isLoading: O = !1,
   // Loading state to show overlay inside table
   // Filter props (optional)
-  filtersConfig: H = null,
+  filtersConfig: T = 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: E = 120,
-  columnResizeMaxWidth: M = 280,
+  columnResizeMinWidth: B = 120,
+  columnResizeMaxWidth: E = 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: ae = null,
+  onVisibleColumnsChange: ue = 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: ye = !1
+  hideColumnPicker: xe = !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,
+  selectedRowIds: Z = null,
+  onSelectionChange: G = null,
+  getRowId: V = null
 }) {
-  var Wt;
-  const { userData: Y } = Hn(), O = (Y == null ? void 0 : Y.email) || "anonymous", oe = ht.memo(({ children: e, content: t, className: r = "" }) => {
-    const i = U(null), [o, u] = g(!1);
-    I(() => {
+  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(() => {
       const x = () => {
         if (i.current) {
-          const _ = i.current.scrollWidth > i.current.clientWidth;
-          u(_);
+          const K = i.current.scrollWidth > i.current.clientWidth;
+          u(K);
         }
       };
       x();
-      const j = setTimeout(x, 0);
+      const N = setTimeout(x, 0);
       return window.addEventListener("resize", x), () => {
-        clearTimeout(j), window.removeEventListener("resize", x);
+        clearTimeout(N), window.removeEventListener("resize", x);
       };
     }, [e, t]);
-    const c = /* @__PURE__ */ s("span", { className: `truncate block ${r}`, ref: i, children: e });
-    return o && t ? /* @__PURE__ */ s(
-      Un,
+    const c = /* @__PURE__ */ o("span", { className: `truncate block ${s}`, ref: i, children: e });
+    return n && t ? /* @__PURE__ */ o(
+      ir,
       {
         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",
@@ -1061,145 +1071,145 @@ function rr({
       }
     ) : c;
   });
-  oe.displayName = "TruncatedCell";
-  const Z = S !== null && b !== null, K = k !== null, X = L !== null, [xe, V] = g(1), [te, be] = g(d), ne = v !== null ? v : xe, ce = a !== null ? a : te, ke = (e) => {
-    b ? b(e) : V(e);
-  }, We = (e) => {
-    B ? B(e) : be(e);
-  }, Q = 50, W = "action", se = U(!1), re = ge(() => w ? `dataTable_columns_${w}:${O}` : `dataTable_columns_${l.map((t) => t.id || t.key).sort().join("_")}:${O}`, [w, l, O]), de = ge(() => w ? `dataTable_manual_change_${w}:${O}` : null, [w, O]);
-  P((e, t) => {
+  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) => {
     if (typeof window > "u" || !e || !t || t.length === 0)
       return null;
     try {
-      const r = localStorage.getItem(e);
-      if (r) {
-        const o = JSON.parse(r).filter(
+      const s = localStorage.getItem(e);
+      if (s) {
+        const n = JSON.parse(s).filter(
           (u) => t.some((c) => (c.id || c.key) === u)
         );
-        if (o.length > 0)
-          return o;
+        if (n.length > 0)
+          return n;
       }
-    } catch (r) {
-      console.warn("Failed to load saved columns from localStorage:", r);
+    } catch (s) {
+      console.warn("Failed to load saved columns from localStorage:", s);
     }
     return null;
   }, []);
-  const [G, De] = g({}), [Ce, Ae] = g(""), [A, ue] = g(null), [Se, ee] = g({ top: 0, left: 0 }), we = U(null), ve = U({}), [Oe, it] = g(null), [Te, $e] = g("asc"), Le = P((e, t) => {
-    const r = Ue(t);
-    De((i) => {
-      const o = { ...i };
-      return r ? o[e] = t : delete o[e], o;
-    }), b ? b(1) : V(1), K && k && k(
-      r ? { ...G, [e]: t } : Object.fromEntries(Object.entries(G).filter(([i]) => i !== e))
+  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 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))
     );
-  }, [G, k, K, b]), p = P(() => {
-    De({}), Ae(""), b ? b(1) : V(1), K && k && k({});
-  }, [k, K, b]), h = P((e) => {
-    const t = l.find((o) => (o.id || o.key) === e);
+  }, [q, k, L, b]), P = A(() => {
+    Fe({}), le(""), b ? b(1) : he(1), L && k && k({});
+  }, [k, L, b]), ae = A((e) => {
+    const t = l.find((n) => (n.id || n.key) === e);
     if (t && Array.isArray(t.filterOptions)) {
-      const o = /* @__PURE__ */ new Set(), u = [];
+      const n = /* @__PURE__ */ new Set(), u = [];
       for (const c of t.filterOptions) {
         if (c == null || c === "")
           continue;
         const x = typeof c == "object" ? JSON.stringify(c) : String(c);
-        o.has(x) || (o.add(x), u.push(x));
+        n.has(x) || (n.add(x), u.push(x));
       }
       return u.sort((c, x) => c.localeCompare(x));
     }
-    if (!n || n.length === 0)
+    if (!r || r.length === 0)
       return [];
-    const r = /* @__PURE__ */ new Set(), i = [];
-    for (const o of n) {
-      const u = o[e];
+    const s = /* @__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);
-      r.has(c) || (r.add(c), i.push(c));
+      s.has(c) || (s.add(c), i.push(c));
     }
-    return i.sort((o, u) => o.localeCompare(u));
-  }, [n, l]), y = P((e) => {
-    const t = l.find((r) => J(r) === e);
-    return t && t.filterType ? t.filterType : Tn(h(e));
-  }, [l, h]), F = P((e) => {
+    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) => {
     const i = typeof window < "u" ? window.innerWidth : 1 / 0;
-    let o = e.left;
-    return o + 280 > i - 8 && (o = Math.max(8, e.right - 280)), { top: e.bottom + 6, left: o };
-  }, []), T = P((e, t) => {
+    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) => {
     if (!t) {
-      ue(e);
+      Se(e);
       return;
     }
-    const r = t.getBoundingClientRect();
-    ee(F(r)), ue((i) => i === e ? null : e);
-  }, [F]);
-  I(() => {
-    if (!A)
+    const s = t.getBoundingClientRect();
+    je(ee(s)), Se((i) => i === e ? null : e);
+  }, [ee]);
+  H(() => {
+    if (!M)
       return;
     const e = (t) => {
-      if (we.current && we.current.contains(t.target))
+      if (ke.current && ke.current.contains(t.target))
         return;
-      const r = ve.current[A];
-      r && r.contains(t.target) || Object.values(ve.current).some(
-        (o) => o && o.contains(t.target)
-      ) || ue(null);
+      const s = we.current[M];
+      s && s.contains(t.target) || Object.values(we.current).some(
+        (n) => n && n.contains(t.target)
+      ) || Se(null);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [A]), I(() => {
-    if (!A)
+  }, [M]), H(() => {
+    if (!M)
       return;
     const e = () => {
-      const t = ve.current[A];
+      const t = we.current[M];
       if (!t)
         return;
-      const r = t.getBoundingClientRect();
-      ee(F(r));
+      const s = t.getBoundingClientRect();
+      je(ee(s));
     };
     return window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
       window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
     };
-  }, [A, F]), dn(() => {
-    if (!A)
+  }, [M, ee]), kn(() => {
+    if (!M)
       return;
-    const e = we.current, t = ve.current[A];
+    const e = ke.current, t = we.current[M];
     if (!e || !t)
       return;
-    const r = e.offsetWidth, i = t.getBoundingClientRect(), o = 8, u = typeof window < "u" ? window.innerWidth : 1 / 0;
-    if (!(i.left + r > u - o))
+    const s = e.offsetWidth, i = t.getBoundingClientRect(), n = 8, u = typeof window < "u" ? window.innerWidth : 1 / 0;
+    if (!(i.left + s > u - n))
       return;
-    const x = Math.max(o, i.right - r);
-    ee((j) => j.left === x ? j : { ...j, left: x });
-  }, [A, Se.top]);
-  const fe = P((e) => !e || typeof e != "object" ? {} : Object.fromEntries(
+    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(
     Object.entries(e).filter(([, t]) => t == null ? !1 : typeof t == "string" ? t.trim() !== "" : !0)
-  ), []), Pe = P((e, t) => {
-    const r = Object.keys(e || {}), i = Object.keys(t || {});
-    return r.length !== i.length ? !1 : r.every((o) => e[o] === t[o]);
+  ), []), 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]);
   }, []);
-  I(() => {
-    if (!K || C === null)
+  H(() => {
+    if (!L || C === null)
       return;
-    const e = fe(C);
-    De((t) => Pe(t, e) ? t : e);
-  }, [K, C, fe, Pe]), P((e, t) => e === "csat_score" && t === "evaluation.csat_score" ? t : e, []);
-  const q = X && D.length > 0 ? D[0][0] : Oe, Xe = X && D.length > 0 ? D[0][1] : Te, [Xn, wt] = g(
+    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(
     () => l.map((e) => e.id || e.key)
-  ), ie = P((e) => {
+  ), ce = A((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(W);
-    return !t.includes(W) && i && (t.length >= Q ? t = [...t.slice(0, Q - 1), W] : t = [...t, W]), [...t.filter((c) => c !== W), W];
-  }, [l]), [$, Ie] = g(() => {
+    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)
       try {
-        if (localStorage.getItem(`dataTable_manual_change_${w}:${O}`) === "true") {
-          const i = localStorage.getItem(`dataTable_columns_${w}:${O}`);
+        if (localStorage.getItem(`dataTable_manual_change_${w}:${_}`) === "true") {
+          const i = localStorage.getItem(`dataTable_columns_${w}:${_}`);
           if (i) {
-            const o = JSON.parse(i);
-            if (Array.isArray(o) && o.length > 0) {
+            const n = JSON.parse(i);
+            if (Array.isArray(n) && n.length > 0) {
               se.current = !0;
-              const u = o.filter(
+              const u = n.filter(
                 (c) => l.some((x) => (x.id || x.key) === c)
               );
               if (u.length > 0)
@@ -1207,14 +1217,14 @@ function rr({
             }
           }
         }
-      } catch (r) {
-        console.warn("Failed to load saved columns from localStorage:", r);
+      } catch (s) {
+        console.warn("Failed to load saved columns from localStorage:", s);
       }
-    const t = l.map((r) => r.id || r.key).slice(0, Q);
-    return ie(t);
-  }), [le, lt] = g(!1), [pe, Re] = g([]), [Ft, Pt] = g({ top: 0, left: 0, width: 0 }), [Ge, ze] = g(/* @__PURE__ */ new Set()), [Je, Ee] = g(/* @__PURE__ */ new Set()), me = U({}), Ye = U(null);
-  Ye.current === null && (Ye.current = [...$]);
-  const [he, at] = g(null), [It, Qe] = g(null), Me = U(null), ct = U(null), dt = U(null), [kt, ut] = g(null), [ft, jt] = g({}), _t = U(null), qe = U(null), J = (e) => e.id || e.key, Ze = P((e) => {
+    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) => {
     if (typeof e == "number" && Number.isFinite(e))
       return e;
     if (typeof e == "string") {
@@ -1223,232 +1233,284 @@ function rr({
         const i = parseFloat(t);
         return Number.isFinite(i) ? i : null;
       }
-      const r = parseFloat(t);
-      return Number.isFinite(r) && `${r}` === t ? r : null;
+      const s = parseFloat(t);
+      return Number.isFinite(s) && `${s}` === t ? s : null;
     }
     return null;
-  }, []), Dt = P((e, t) => ft[e] != null ? `${ft[e]}px` : typeof t == "number" ? `${t}px` : t || "auto", [ft]), Ve = P((e) => {
-    if (!qe.current)
+  }, []), At = A((e, t) => xt[e] != null ? `${xt[e]}px` : typeof t == "number" ? `${t}px` : t || "auto", [xt]), lt = A((e) => {
+    if (!st.current)
       return;
-    const { columnId: t, startX: r, startWidth: i, minWidth: o, maxWidth: u } = qe.current, c = e.clientX - r, x = Math.round(i + c), j = Math.min(u, Math.max(o, x));
-    jt((_) => ({ ..._, [t]: j }));
-  }, []), je = P(() => {
-    qe.current = null, document.body.style.cursor = "", document.body.style.userSelect = "", document.removeEventListener("mousemove", Ve), document.removeEventListener("mouseup", je);
-  }, [Ve]), Ht = P((e, t, r) => {
-    var rt;
+    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;
     e.preventDefault(), e.stopPropagation();
-    const i = t.id || t.key, o = Ze(t.minWidth) ?? E, u = Ze(t.maxWidth) ?? M, c = Math.min(o, u), x = Math.max(o, u), j = ((rt = e.currentTarget.closest("th")) == null ? void 0 : rt.getBoundingClientRect().width) || 0, _ = Ze(r), Ke = _ ?? Math.max(c, Math.round(j) || c), pt = Math.min(x, Math.max(c, Ke));
-    qe.current = { columnId: i, startX: e.clientX, startWidth: pt, minWidth: c, maxWidth: x }, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", Ve), document.addEventListener("mouseup", je);
-  }, [M, E, Ve, je, Ze]);
-  I(() => () => je(), [je]);
-  const Kt = un(
-    At(bn),
-    At(xn, {
-      coordinateGetter: yn
+    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
     })
-  ), Ut = (e) => {
-    const { active: t, over: r } = e;
-    if (r && t.id !== r.id) {
-      if (t.id === W || r.id === W) {
-        Rt("Cannot drop columns on the Action column"), ut(null);
+  ), 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);
         return;
       }
-      se.current = !0, Ie((i) => {
-        const o = i.indexOf(t.id), u = i.indexOf(r.id);
-        if (o !== -1 && u !== -1) {
-          const c = gt(i, o, u), x = ie(c);
-          return zt(x), x;
+      se.current = !0, He((i) => {
+        const n = i.indexOf(t.id), u = i.indexOf(s.id);
+        if (n !== -1 && u !== -1) {
+          const c = wt(i, n, u), x = ce(c);
+          return $t(x), x;
         }
         return i;
-      }), wt((i) => {
-        const o = i.indexOf(t.id), u = i.indexOf(r.id);
-        return gt(i, o, u);
+      }), Et((i) => {
+        const n = i.indexOf(t.id), u = i.indexOf(s.id);
+        return wt(i, n, u);
       });
     }
-    ut(null);
-  }, Xt = (e) => {
-    ut(e.active.id);
-  }, et = ge(() => {
-    if (K)
-      return n || [];
-    if (!n || n.length === 0)
+    yt(null);
+  }, rn = (e) => {
+    yt(e.active.id);
+  }, at = te(() => {
+    if (L)
+      return r || [];
+    if (!r || r.length === 0)
       return [];
-    const e = Ce.trim().toLowerCase(), t = Object.entries(G).filter(([, r]) => Ue(r));
-    return n.filter((r) => {
-      for (const [i, o] of t) {
-        const u = r[i];
+    const e = ve.trim().toLowerCase(), t = Object.entries(q).filter(([, s]) => Je(s));
+    return r.filter((s) => {
+      for (const [i, n] of t) {
+        const u = s[i];
         if (u == null)
           return !1;
-        if (Array.isArray(o)) {
+        if (Array.isArray(n)) {
           const c = String(u);
-          if (!o.some((x) => String(x) === c))
+          if (!n.some((x) => String(x) === c))
             return !1;
           continue;
         }
-        if (o.type === "range") {
-          const c = St(u);
-          if (isNaN(c) || o.min !== "" && o.min != null && c < Number(o.min) || o.max !== "" && o.max != null && c > Number(o.max))
+        if (n.type === "range") {
+          const c = Rt(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 (o.type === "durationRange") {
-          const c = An(u);
-          if (isNaN(c) || o.minSec !== "" && o.minSec != null && c < Number(o.minSec) || o.maxSec !== "" && o.maxSec != null && c > Number(o.maxSec))
+        if (n.type === "durationRange") {
+          const c = Yn(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 (o.type === "scoreRange") {
-          const c = St(u);
+        if (n.type === "scoreRange") {
+          const c = Rt(u);
           if (isNaN(c))
             return !1;
-          if (Array.isArray(o.values) && o.values.length > 0) {
+          if (Array.isArray(n.values) && n.values.length > 0) {
             const x = Math.floor(c);
-            if (!o.values.includes(x))
+            if (!n.values.includes(x))
               return !1;
             continue;
           }
-          if (o.min !== "" && o.min != null && c < Number(o.min) || o.max !== "" && o.max != null && c > Number(o.max))
+          if (n.min !== "" && n.min != null && c < Number(n.min) || n.max !== "" && n.max != null && c > Number(n.max))
             return !1;
           continue;
         }
-        if (o.type === "dateRange") {
-          const c = On(u);
+        if (n.type === "dateRange") {
+          const c = Qn(u);
           if (!c)
             return !1;
-          if (o.from) {
-            const x = /* @__PURE__ */ new Date(o.from + "T00:00:00");
+          if (n.from) {
+            const x = /* @__PURE__ */ new Date(n.from + "T00:00:00");
             if (c < x)
               return !1;
           }
-          if (o.to) {
-            const x = /* @__PURE__ */ new Date(o.to + "T23:59:59");
+          if (n.to) {
+            const x = /* @__PURE__ */ new Date(n.to + "T23:59:59");
             if (c > x)
               return !1;
           }
           continue;
         }
       }
-      return !(e && !Object.values(r).some((o) => o == null ? !1 : String(o).toLowerCase().includes(e)));
+      return !(e && !Object.values(s).some((n) => n == null ? !1 : String(n).toLowerCase().includes(e)));
     });
-  }, [n, G, Ce, K]), _e = ge(() => X || !q ? et : [...et].sort((e, t) => {
-    const r = e[q], i = t[q];
-    if (r == null)
+  }, [r, q, ve, L]), Ue = te(() => Y || !_e ? at : [...at].sort((e, t) => {
+    const s = e[_e], i = t[_e];
+    if (s == null)
       return 1;
     if (i == null)
       return -1;
-    if (typeof r == "number" && typeof i == "number")
-      return Xe === "asc" ? r - i : i - r;
-    const o = String(r).toLowerCase(), u = String(i).toLowerCase();
-    return Xe === "asc" ? o.localeCompare(u) : u.localeCompare(o);
-  }), [et, q, Xe, X]), tt = ge(() => {
-    if (Z)
-      return _e;
+    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;
     {
-      const e = (ne - 1) * ce, t = e + ce;
-      return _e.slice(e, t);
+      const e = (ze - 1) * be, t = e + be;
+      return Ue.slice(e, t);
     }
-  }, [_e, ne, ce, Z]), Ct = (e) => {
-    X && L ? (L(e), b ? b(1) : V(1)) : (Oe === e ? $e(Te === "asc" ? "desc" : "asc") : (it(e), $e("asc")), ke(1));
-  }, Gt = (e, t) => {
-    const r = (t || "").split(/\s+/).map((i) => i.trim()).filter(Boolean);
-    Le(e, r);
-  }, Rt = (e) => {
-    dt.current || (typeof z == "function" && z(e), dt.current = setTimeout(() => {
-      dt.current = null;
+  }, [Ue, ze, be, ne]), bt = A(
+    (e, t) => V ? V(e, t) : (e == null ? void 0 : e.id) ?? t,
+    [V]
+  ), De = te(
+    () => 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(
+    (e) => {
+      if (!G)
+        return;
+      const t = new Set(De);
+      t.has(e) ? t.delete(e) : t.add(e), G(Array.from(t));
+    },
+    [G, De]
+  ), ln = A(() => {
+    if (!G)
+      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(
+    "span",
+    {
+      role: "checkbox",
+      "aria-checked": t ? "mixed" : e,
+      "aria-label": i,
+      tabIndex: 0,
+      onClick: (n) => {
+        n.stopPropagation(), s();
+      },
+      onKeyDown: (n) => {
+        (n.key === " " || n.key === "Enter") && (n.preventDefault(), n.stopPropagation(), s());
+      },
+      style: {
+        width: 16,
+        height: 16,
+        borderRadius: 5,
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: e || t ? "#0B0B0B" : "#FFFFFF",
+        border: `1px solid ${e || t ? "#0B0B0B" : "#676767"}`,
+        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
+    }
+  ), 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);
+  }, Lt = (e) => {
+    gt.current || (typeof z == "function" && z(e), gt.current = setTimeout(() => {
+      gt.current = null;
     }, 3e3));
-  }, zt = P((e) => {
+  }, $t = A((e) => {
     if (typeof window < "u" && re && e.length > 0 && se.current)
       try {
-        localStorage.setItem(re, JSON.stringify(e)), de && localStorage.setItem(de, "true");
+        localStorage.setItem(re, JSON.stringify(e)), ie && localStorage.setItem(ie, "true");
       } catch (t) {
         console.warn("Failed to save columns to localStorage:", t);
       }
-  }, [re, de]), Et = 250, nt = () => {
-    Object.values(me.current).forEach((e) => clearTimeout(e)), me.current = {};
-  }, Jt = () => {
-    const e = pe.filter((t) => !Je.has(t));
-    return Ge.forEach((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) => {
       e.includes(t) || e.push(t);
-    }), ie(e);
-  }, Yt = (e) => {
-    if (e === W)
+    }), ce(e);
+  }, dn = (e) => {
+    if (e === $)
       return;
-    if (me.current[e]) {
-      clearTimeout(me.current[e]), delete me.current[e], ze((r) => {
-        const i = new Set(r);
+    if (ge.current[e]) {
+      clearTimeout(ge.current[e]), delete ge.current[e], Me((s) => {
+        const i = new Set(s);
         return i.delete(e), i;
-      }), Ee((r) => {
-        const i = new Set(r);
+      }), Ne((s) => {
+        const i = new Set(s);
         return i.delete(e), i;
       });
       return;
     }
-    if (pe.includes(e)) {
-      if (pe.length - Je.size <= 1)
+    if (me.includes(e)) {
+      if (me.length - nt.size <= 1)
         return;
-      Ee((i) => new Set(i).add(e)), me.current[e] = setTimeout(() => {
-        Re((i) => i.filter((o) => o !== e)), Ee((i) => {
-          const o = new Set(i);
-          return o.delete(e), o;
-        }), delete me.current[e];
-      }, Et);
+      Ne((i) => new Set(i).add(e)), ge.current[e] = setTimeout(() => {
+        Ee((i) => i.filter((n) => n !== e)), Ne((i) => {
+          const n = new Set(i);
+          return n.delete(e), n;
+        }), delete ge.current[e];
+      }, Pt);
     } else {
-      if (pe.length + Ge.size >= Q) {
-        Rt("Maximum 9 column selection allowed");
+      if (me.length + tt.size >= Q) {
+        Lt("Maximum 9 column selection allowed");
         return;
       }
-      ze((i) => new Set(i).add(e)), me.current[e] = setTimeout(() => {
-        Re((i) => ie([...i, e])), ze((i) => {
-          const o = new Set(i);
-          return o.delete(e), o;
-        }), delete me.current[e];
-      }, Et);
+      Me((i) => new Set(i).add(e)), ge.current[e] = setTimeout(() => {
+        Ee((i) => ce([...i, e])), Me((i) => {
+          const n = new Set(i);
+          return n.delete(e), n;
+        }), delete ge.current[e];
+      }, Pt);
     }
-  }, Qt = (e, t) => {
-    pe[t] !== W && at(t);
-  }, qt = () => {
-    at(null), Qe(null);
-  }, Zt = (e, t) => {
-    e.preventDefault(), he !== null && he !== t && Qe(t);
-  }, Vt = () => {
-    Qe(null);
-  }, en = (e, t) => {
-    e.preventDefault(), he !== null && he !== t && pe[t] !== W && pe[he] !== W && Re((r) => {
-      const i = gt(r, he, t);
-      return ie(i);
-    }), at(null), Qe(null);
+  }, 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);
   };
-  I(() => {
-    wt((e) => {
-      const t = $.filter((o) => e.includes(o)), r = $.filter((o) => !e.includes(o)), i = e.filter((o) => !$.includes(o));
-      return [...t, ...r, ...i];
+  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];
     });
-  }, [$]), I(() => {
-    if (typeof window < "u" && re && $.length > 0 && se.current)
+  }, [I]), H(() => {
+    if (typeof window < "u" && re && I.length > 0 && se.current)
       try {
-        const e = ie($);
-        localStorage.setItem(re, JSON.stringify(e)), de && localStorage.setItem(de, "true");
+        const e = ce(I);
+        localStorage.setItem(re, JSON.stringify(e)), ie && localStorage.setItem(ie, "true");
       } catch (e) {
         console.warn("Failed to save columns to localStorage:", e);
       }
-  }, [$, re, de]), I(() => {
-    ae && ae(
-      $.filter((e) => e !== W)
+  }, [I, re, ie]), H(() => {
+    ue && ue(
+      I.filter((e) => e !== $)
     );
-  }, [$, ae]), I(() => {
-    if (l.length > 0 && $.length === 0) {
+  }, [I, ue]), H(() => {
+    if (l.length > 0 && I.length === 0) {
       if (typeof window < "u" && w)
         try {
-          if (localStorage.getItem(`dataTable_manual_change_${w}:${O}`) === "true") {
-            const r = localStorage.getItem(`dataTable_columns_${w}:${O}`);
-            if (r) {
-              const i = JSON.parse(r);
+          if (localStorage.getItem(`dataTable_manual_change_${w}:${_}`) === "true") {
+            const s = localStorage.getItem(`dataTable_columns_${w}:${_}`);
+            if (s) {
+              const i = JSON.parse(s);
               if (Array.isArray(i) && i.length > 0) {
-                const o = i.filter(
+                const n = i.filter(
                   (u) => l.some((c) => (c.id || c.key) === u)
                 );
-                if (o.length > 0) {
-                  se.current = !0, Ie(o.slice(0, Q));
+                if (n.length > 0) {
+                  se.current = !0, He(n.slice(0, Q));
                   return;
                 }
               }
@@ -1458,20 +1520,20 @@ function rr({
           console.warn("Failed to load saved columns from localStorage:", t);
         }
       const e = l.map((t) => t.id || t.key);
-      Ie(ie(e.slice(0, Q)));
+      He(ce(e.slice(0, Q)));
     }
-  }, [l, w, O, ie]);
-  const Be = ge(() => {
-    const e = $.map((t) => l.find((r) => J(r) === t)).filter(Boolean);
-    return ie(e.map(J)).map((t) => l.find((r) => J(r) === t)).filter(Boolean);
-  }, [l, $]);
-  ge(() => Be.some((e) => e.filterable === !0), [Be]), I(() => {
-    if (!le || !Me.current)
+  }, [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)
       return;
     const e = () => {
-      if (Me.current) {
-        const t = Me.current.getBoundingClientRect(), r = 217, i = Math.max(8, t.right - r);
-        Pt({
+      if (Ae.current) {
+        const t = Ae.current.getBoundingClientRect(), s = 217, i = Math.max(8, t.right - s);
+        Qt({
           top: t.bottom,
           left: i,
           width: Math.max(t.width || 220, 220)
@@ -1481,68 +1543,68 @@ function rr({
     return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
       window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
     };
-  }, [le]), I(() => {
+  }, [de]), H(() => {
     const e = (t) => {
-      le && Me.current && !Me.current.contains(t.target) && ct.current && !ct.current.contains(t.target) && lt(!1);
+      de && Ae.current && !Ae.current.contains(t.target) && mt.current && !mt.current.contains(t.target) && pt(!1);
     };
-    if (le)
+    if (de)
       return document.addEventListener("mousedown", e), () => {
         document.removeEventListener("mousedown", e);
       };
-  }, [le]), I(() => {
-    le && (nt(), Re($), ze(/* @__PURE__ */ new Set()), Ee(/* @__PURE__ */ new Set()));
-  }, [le, $]), I(() => () => nt(), []), $.length === 1 ? (Wt = l.find((e) => (e.id || e.key) === $[0])) != null && Wt.label : `${$.length}`;
-  function tn({ column: e, isHeaderRow: t = !0 }) {
-    const r = J(e), i = r === W, o = Dt(r, e.width), [u, c] = g(!1), {
+  }, [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), {
       attributes: x,
-      listeners: j,
-      setNodeRef: _,
-      transform: Ke,
-      transition: pt,
-      isDragging: rt
-    } = vn({ id: r }), rn = {
-      transform: Sn.Transform.toString(Ke),
-      transition: pt,
-      opacity: rt ? 0.5 : 1,
-      width: o,
-      minWidth: o
+      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,
+      width: n,
+      minWidth: n
     };
-    let Ne = !1;
-    if (X && D.length > 0) {
+    let $e = !1;
+    if (Y && D.length > 0) {
       const R = D[0][0];
-      (R === r || R === "csat_score" && r === "evaluation.csat_score") && (Ne = !0);
+      (R === s || R === "csat_score" && s === "evaluation.csat_score") && ($e = !0);
     } else
-      Ne = q === r;
-    const on = Xe === "asc", sn = e.filterable === !0;
+      $e = _e === s;
+    const bn = et === "asc", vn = e.filterable === !0;
     if (!t)
-      return /* @__PURE__ */ s(
+      return /* @__PURE__ */ o(
         "th",
         {
           style: {
-            width: o,
-            minWidth: o,
+            width: n,
+            minWidth: n,
             backgroundColor: "var(--primary-foreground)",
             borderRight: "1px solid #e6e6e6",
             borderBottom: "1px solid #e6e6e6",
             boxSizing: "border-box"
           },
           className: "sticky top-[57px] z-10 border-b border-[var(--border-strong)] px-4 py-2 text-left",
-          children: sn ? /* @__PURE__ */ m("div", { className: "relative", children: [
-            /* @__PURE__ */ s(
+          children: vn ? /* @__PURE__ */ p("div", { className: "relative", children: [
+            /* @__PURE__ */ o(
               Filter,
               {
                 size: 12,
                 className: "absolute left-2 top-1/2 -translate-y-1/2 text-[var(--text-faint)] pointer-events-none"
               }
             ),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ o(
               "input",
               {
                 type: "text",
                 placeholder: "Filter...",
-                value: G[r] || "",
+                value: q[s] || "",
                 onChange: (R) => {
-                  R.stopPropagation(), Gt(r, R.target.value);
+                  R.stopPropagation(), an(s, R.target.value);
                 },
                 onKeyDown: (R) => R.stopPropagation(),
                 onMouseDown: (R) => R.stopPropagation(),
@@ -1551,18 +1613,18 @@ function rr({
                 autoComplete: "off"
               }
             )
-          ] }) : /* @__PURE__ */ s("div", { className: "h-[34px]" })
+          ] }) : /* @__PURE__ */ o("div", { className: "h-[34px]" })
         }
       );
-    const mt = A === r, ot = Ue(G[r]), ln = e.sortable !== !1 && (u || Ne), an = e.filterable !== !1 && !i && (u || mt || ot);
-    return /* @__PURE__ */ m(
+    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(
       "th",
       {
-        ref: _,
+        ref: K,
         onMouseEnter: () => c(!0),
         onMouseLeave: () => c(!1),
         style: {
-          ...rn,
+          ...xn,
           padding: "0 12px",
           height: 36,
           textAlign: i ? "center" : "left",
@@ -1572,8 +1634,8 @@ function rr({
           textTransform: "none",
           color: "#0b0b0b",
           cursor: e.sortable !== !1 ? "pointer" : "default",
-          width: o,
-          ...typeof o == "string" && o.endsWith("px") ? { maxWidth: o } : {},
+          width: n,
+          ...typeof n == "string" && n.endsWith("px") ? { maxWidth: n } : {},
           borderRight: "1px solid #e6e6e6",
           boxSizing: "border-box",
           userSelect: "none",
@@ -1581,7 +1643,7 @@ function rr({
           wordBreak: "normal",
           overflowWrap: "normal",
           verticalAlign: "middle",
-          background: u || mt ? "#e6e6e6" : "#f2f2f0",
+          background: u || vt ? "#e6e6e6" : "#f2f2f0",
           borderBottom: "1px solid #e6e6e6",
           position: "sticky",
           top: 0,
@@ -1590,7 +1652,7 @@ function rr({
           transition: "background 100ms ease"
         },
         children: [
-          !i && /* @__PURE__ */ s(
+          !i && /* @__PURE__ */ o(
             "span",
             {
               "aria-hidden": "true",
@@ -1607,7 +1669,7 @@ function rr({
               }
             }
           ),
-          /* @__PURE__ */ m(
+          /* @__PURE__ */ p(
             "div",
             {
               style: {
@@ -1622,11 +1684,11 @@ function rr({
                 overflow: "hidden"
               },
               children: [
-                !i && /* @__PURE__ */ s(
+                !i && /* @__PURE__ */ o(
                   "div",
                   {
                     ...x,
-                    ...j,
+                    ...N,
                     style: {
                       cursor: "grab",
                       color: "rgba(11, 11, 11, 0.36)",
@@ -1635,13 +1697,13 @@ function rr({
                       visibility: u ? "visible" : "hidden",
                       flexShrink: 0
                     },
-                    children: /* @__PURE__ */ s(yt, { size: 14 })
+                    children: /* @__PURE__ */ o(Ft, { size: 14 })
                   }
                 ),
-                /* @__PURE__ */ s(
+                /* @__PURE__ */ o(
                   "span",
                   {
-                    onClick: () => e.sortable !== !1 && Ct(r),
+                    onClick: () => e.sortable !== !1 && Tt(s),
                     title: typeof e.label == "string" ? e.label : void 0,
                     style: {
                       cursor: e.sortable !== !1 ? "pointer" : "default",
@@ -1655,12 +1717,12 @@ function rr({
                     children: e.label
                   }
                 ),
-                ln && /* @__PURE__ */ s(
+                Sn && /* @__PURE__ */ o(
                   "button",
                   {
                     type: "button",
                     onClick: (R) => {
-                      R.stopPropagation(), Ct(r);
+                      R.stopPropagation(), Tt(s);
                     },
                     title: "Sort",
                     style: {
@@ -1672,26 +1734,26 @@ function rr({
                       display: "inline-flex",
                       alignItems: "center",
                       justifyContent: "center",
-                      color: Ne ? "#0b0b0b" : "rgba(11, 11, 11, 0.55)",
+                      color: $e ? "#0b0b0b" : "rgba(11, 11, 11, 0.55)",
                       flexShrink: 0
                     },
-                    children: Ne ? on ? /* @__PURE__ */ s(Rn, { size: 14, strokeWidth: 1.75 }) : /* @__PURE__ */ s(zn, { size: 14, strokeWidth: 1.75 }) : /* @__PURE__ */ s(En, { size: 14, strokeWidth: 1.75 })
+                    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 })
                   }
                 ),
-                an && /* @__PURE__ */ m(
+                wn && /* @__PURE__ */ p(
                   "button",
                   {
                     type: "button",
                     ref: (R) => {
-                      ve.current[r] = R;
+                      we.current[s] = R;
                     },
                     onClick: (R) => {
-                      R.stopPropagation(), T(r, R.currentTarget);
+                      R.stopPropagation(), Yt(s, R.currentTarget);
                     },
                     title: "Filter",
                     style: {
                       position: "relative",
-                      background: mt || ot ? "#D8D8D8" : "transparent",
+                      background: vt || ft ? "#D8D8D8" : "transparent",
                       border: "none",
                       padding: 4,
                       borderRadius: 4,
@@ -1699,12 +1761,12 @@ function rr({
                       display: "inline-flex",
                       alignItems: "center",
                       justifyContent: "center",
-                      color: ot ? "#0b0b0b" : "rgba(11, 11, 11, 0.7)",
+                      color: ft ? "#0b0b0b" : "rgba(11, 11, 11, 0.7)",
                       flexShrink: 0
                     },
                     children: [
-                      /* @__PURE__ */ s(Mn, { size: 14, strokeWidth: 1.75 }),
-                      ot && /* @__PURE__ */ s(
+                      /* @__PURE__ */ o(Un, { size: 14, strokeWidth: 1.75 }),
+                      ft && /* @__PURE__ */ o(
                         "span",
                         {
                           "aria-hidden": "true",
@@ -1725,7 +1787,7 @@ function rr({
               ]
             }
           ),
-          !i && /* @__PURE__ */ s(
+          !i && /* @__PURE__ */ o(
             "span",
             {
               "aria-hidden": "true",
@@ -1742,14 +1804,14 @@ function rr({
               }
             }
           ),
-          !i && /* @__PURE__ */ s(
+          !i && /* @__PURE__ */ o(
             "div",
             {
               role: "separator",
               "aria-orientation": "vertical",
-              "aria-label": `Resize ${e.label || r} column`,
+              "aria-label": `Resize ${e.label || s} column`,
               title: "Drag to resize column",
-              onMouseDown: (R) => Ht(R, e, o),
+              onMouseDown: (R) => en(R, e, n),
               onClick: (R) => R.stopPropagation(),
               onMouseEnter: (R) => {
                 R.currentTarget.style.background = "rgba(30, 33, 37, 0.18)";
@@ -1773,34 +1835,34 @@ function rr({
       }
     );
   }
-  const Mt = kt ? l.find((e) => J(e) === kt) : null, Bt = ({ col: e, columnId: t, isSelected: r, draggable: i, isAction: o, actualIndex: u }) => {
-    const c = i && he === u, x = i && It === u && he !== null && he !== u;
-    r ? Je.has(t) : Ge.has(t);
-    const j = r ? !Je.has(t) : Ge.has(t);
-    return /* @__PURE__ */ m(
+  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(
       "div",
       {
         draggable: i,
-        onDragStart: i ? (_) => Qt(_, u) : void 0,
-        onDragEnd: i ? qt : void 0,
-        onDragOver: i ? (_) => Zt(_, u) : void 0,
-        onDragLeave: i ? Vt : void 0,
-        onDrop: i ? (_) => en(_, u) : void 0,
+        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,
         onClick: () => {
-          o || Yt(t);
+          n || dn(t);
         },
         style: {
           display: "flex",
           alignItems: "center",
           gap: 4,
           padding: "2px 0",
-          cursor: o ? "default" : i ? "grab" : "pointer",
+          cursor: n ? "default" : i ? "grab" : "pointer",
           opacity: c ? 0.5 : 1,
           background: x ? "#F2F2F0" : "transparent",
           borderRadius: 6
         },
         children: [
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ o(
             "span",
             {
               style: {
@@ -1813,10 +1875,10 @@ function rr({
                 visibility: i ? "visible" : "hidden",
                 flexShrink: 0
               },
-              children: /* @__PURE__ */ s(yt, { size: 14, strokeWidth: 1.75 })
+              children: /* @__PURE__ */ o(Ft, { size: 14, strokeWidth: 1.75 })
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ o(
             "span",
             {
               style: {
@@ -1826,15 +1888,15 @@ function rr({
                 display: "inline-flex",
                 alignItems: "center",
                 justifyContent: "center",
-                background: j ? "#0B0B0B" : "#FFFFFF",
-                border: `1px solid ${j ? "#0B0B0B" : "#676767"}`,
+                background: N ? "#0B0B0B" : "#FFFFFF",
+                border: `1px solid ${N ? "#0B0B0B" : "#676767"}`,
                 flexShrink: 0,
                 marginLeft: 8
               },
-              children: j && /* @__PURE__ */ s(st, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
+              children: N && /* @__PURE__ */ o(Ye, { size: 14, color: "#FFFFFF", strokeWidth: 3 })
             }
           ),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ o(
             "span",
             {
               style: {
@@ -1851,14 +1913,14 @@ function rr({
         ]
       }
     );
-  }, nn = le ? /* @__PURE__ */ m(
+  }, yn = de ? /* @__PURE__ */ p(
     "div",
     {
-      ref: ct,
+      ref: mt,
       style: {
         position: "fixed",
-        top: `${Ft.top}px`,
-        left: `${Ft.left}px`,
+        top: `${Mt.top}px`,
+        left: `${Mt.left}px`,
         width: 217,
         maxHeight: 320,
         zIndex: 49,
@@ -1872,7 +1934,7 @@ function rr({
         boxShadow: "0 8px 24px rgba(11, 11, 11, 0.08)"
       },
       children: [
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -1885,12 +1947,12 @@ function rr({
               gap: 12
             },
             children: [
-              pe.map((e, t) => {
-                if (e === W)
+              me.map((e, t) => {
+                if (e === $)
                   return null;
-                const r = l.find((i) => J(i) === e);
-                return r ? /* @__PURE__ */ s(ht.Fragment, { children: Bt({
-                  col: r,
+                const s = l.find((i) => J(i) === e);
+                return s ? /* @__PURE__ */ o(St.Fragment, { children: jt({
+                  col: s,
                   columnId: e,
                   isSelected: !0,
                   draggable: !0,
@@ -1900,10 +1962,10 @@ function rr({
               }),
               l.filter((e) => {
                 const t = J(e);
-                return t !== W && !pe.includes(t);
+                return t !== $ && !me.includes(t);
               }).map((e) => {
                 const t = J(e);
-                return /* @__PURE__ */ s(ht.Fragment, { children: Bt({
+                return /* @__PURE__ */ o(St.Fragment, { children: jt({
                   col: e,
                   columnId: t,
                   isSelected: !1,
@@ -1915,7 +1977,7 @@ function rr({
             ]
           }
         ),
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -1930,14 +1992,14 @@ function rr({
               boxSizing: "border-box"
             },
             children: [
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ o(
                 "button",
                 {
                   type: "button",
                   onClick: (e) => {
                     e.preventDefault(), e.stopPropagation();
-                    const t = Ye.current ? [...Ye.current] : l.map(J).slice(0, Q), r = ie(t);
-                    if (se.current = !1, nt(), Re(r), Ie(r), ze(/* @__PURE__ */ new Set()), Ee(/* @__PURE__ */ new Set()), typeof window < "u" && re)
+                    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)
                       try {
                         localStorage.removeItem(re);
                       } catch {
@@ -1956,14 +2018,14 @@ function rr({
                   children: "Reset"
                 }
               ),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ o(
                 "button",
                 {
                   type: "button",
                   onClick: (e) => {
-                    e.preventDefault(), e.stopPropagation(), nt();
-                    const t = Jt();
-                    Re(t), ze(/* @__PURE__ */ new Set()), Ee(/* @__PURE__ */ new Set()), se.current = !0, Ie(t), zt(t), lt(!1);
+                    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);
                   },
                   style: {
                     background: "#2E3236",
@@ -1985,28 +2047,28 @@ function rr({
         )
       ]
     }
-  ) : null, He = A ? l.find((e) => J(e) === A) : null, Nt = He ? /* @__PURE__ */ s(
-    _n,
+  ) : null, Xe = M ? l.find((e) => J(e) === M) : null, _t = Xe ? /* @__PURE__ */ o(
+    rr,
     {
-      column: He,
-      columnId: A,
-      filterType: y(A),
-      position: Se,
-      popoverRef: we,
-      distinctValues: h(A),
-      initialValue: G[A],
-      onSearch: typeof He.onFilterSearch == "function" ? He.onFilterSearch : null,
-      searchMinChars: He.filterSearchMinChars ?? 3,
+      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,
       onApply: (e) => {
-        Le(A, e), ue(null);
+        F(M, e), Se(null);
       },
-      onCancel: () => ue(null)
+      onCancel: () => Se(null)
     },
-    A
+    M
   ) : null;
-  return /* @__PURE__ */ m("div", { className: "w-full", children: [
-    Nt && vt(Nt, document.body),
-    l.length > 0 && (H || !ye) && /* @__PURE__ */ s(
+  return /* @__PURE__ */ p("div", { className: "w-full", children: [
+    _t && Ct(_t, document.body),
+    l.length > 0 && (T || !xe) && /* @__PURE__ */ o(
       "div",
       {
         className: "pt-2 pb-1",
@@ -2015,7 +2077,7 @@ function rr({
           zIndex: 35,
           backgroundColor: "var(--primary-foreground)"
         },
-        children: /* @__PURE__ */ m(
+        children: /* @__PURE__ */ p(
           "div",
           {
             style: {
@@ -2026,23 +2088,24 @@ function rr({
               flexWrap: "wrap"
             },
             children: [
-              H && /* @__PURE__ */ s("div", { style: { marginRight: "auto" }, children: /* @__PURE__ */ s(
-                Wn,
+              T && /* @__PURE__ */ o("div", { style: { marginRight: "auto" }, children: /* @__PURE__ */ o(
+                Jn,
                 {
-                  dateRangePicker: H.dateRangePicker,
-                  onWeekToDate: H.onWeekToDate,
-                  exportConfig: H.exportConfig,
-                  filterChipsConfig: H.filterChipsConfig,
-                  trailingActions: H.trailingActions
+                  dateRangePicker: T.dateRangePicker,
+                  onWeekToDate: T.onWeekToDate,
+                  exportConfig: T.exportConfig,
+                  filterChipsConfig: T.filterChipsConfig,
+                  trailingActions: T.trailingActions
                 }
               ) }),
-              !ye && /* @__PURE__ */ m("div", { style: { position: "relative" }, children: [
-                /* @__PURE__ */ m(
+              (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(
                   "button",
                   {
-                    ref: Me,
+                    ref: Ae,
                     type: "button",
-                    onClick: () => lt(!le),
+                    onClick: () => pt(!de),
                     style: {
                       display: "inline-flex",
                       alignItems: "center",
@@ -2060,19 +2123,19 @@ function rr({
                       whiteSpace: "nowrap"
                     },
                     children: [
-                      /* @__PURE__ */ s(kn, { size: 20, strokeWidth: 1.75 }),
+                      /* @__PURE__ */ o($n, { size: 20, strokeWidth: 1.75 }),
                       "Columns"
                     ]
                   }
                 ),
-                le && vt(nn, document.body)
+                de && Ct(yn, document.body)
               ] })
             ]
           }
         )
       }
     ),
-    Object.keys(G).length > 0 && /* @__PURE__ */ m(
+    Object.keys(q).length > 0 && /* @__PURE__ */ p(
       "div",
       {
         style: {
@@ -2083,12 +2146,12 @@ function rr({
           padding: "8px 0"
         },
         children: [
-          Object.entries(G).map(([e, t]) => {
-            const r = l.find((c) => J(c) === e);
-            if (!r || !Ue(t))
+          Object.entries(q).map(([e, t]) => {
+            const s = l.find((c) => J(c) === e);
+            if (!s || !Je(t))
               return null;
-            const i = $n(t), o = Ln(t), u = Pn(t);
-            return /* @__PURE__ */ m(
+            const i = Zn(t), n = Vn(t), u = er(t);
+            return /* @__PURE__ */ p(
               "span",
               {
                 style: {
@@ -2107,20 +2170,20 @@ function rr({
                   whiteSpace: "nowrap"
                 },
                 children: [
-                  /* @__PURE__ */ m("span", { children: [
-                    /* @__PURE__ */ m("span", { style: { color: "#676767" }, children: [
-                      r.label,
+                  /* @__PURE__ */ p("span", { children: [
+                    /* @__PURE__ */ p("span", { style: { color: "#676767" }, children: [
+                      s.label,
                       ": "
                     ] }),
-                    /* @__PURE__ */ s("span", { children: i })
+                    /* @__PURE__ */ o("span", { children: i })
                   ] }),
-                  o > 0 && /* @__PURE__ */ s(In, { count: o, values: u }),
-                  /* @__PURE__ */ s(
+                  n > 0 && /* @__PURE__ */ o(tr, { count: n, values: u }),
+                  /* @__PURE__ */ o(
                     "button",
                     {
                       type: "button",
-                      onClick: () => Le(e, []),
-                      "aria-label": `Remove ${r.label} filter`,
+                      onClick: () => F(e, []),
+                      "aria-label": `Remove ${s.label} filter`,
                       style: {
                         background: "transparent",
                         border: "none",
@@ -2129,7 +2192,7 @@ function rr({
                         display: "inline-flex",
                         color: "#676767"
                       },
-                      children: /* @__PURE__ */ s(Dn, { size: 14, strokeWidth: 2 })
+                      children: /* @__PURE__ */ o(Pn, { size: 14, strokeWidth: 2 })
                     }
                   )
                 ]
@@ -2137,11 +2200,11 @@ function rr({
               `chip-${e}`
             );
           }),
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ o(
             "button",
             {
               type: "button",
-              onClick: p,
+              onClick: P,
               style: {
                 marginLeft: "auto",
                 background: "transparent",
@@ -2159,15 +2222,15 @@ function rr({
         ]
       }
     ),
-    l.length > 0 && Be.length > 0 ? /* @__PURE__ */ m(
-      fn,
+    l.length > 0 && Oe.length > 0 ? /* @__PURE__ */ p(
+      Cn,
       {
-        sensors: Kt,
-        collisionDetection: pn,
-        onDragStart: Xt,
-        onDragEnd: Ut,
+        sensors: tn,
+        collisionDetection: Rn,
+        onDragStart: rn,
+        onDragEnd: nn,
         children: [
-          /* @__PURE__ */ m("div", { style: {
+          /* @__PURE__ */ p("div", { style: {
             borderRadius: 8,
             border: "1px solid #E6E6E6",
             overflow: "hidden",
@@ -2178,9 +2241,9 @@ function rr({
             // 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.
-            ...N ? { minHeight: 320 } : {}
+            ...O ? { minHeight: 320 } : {}
           }, children: [
-            N && /* @__PURE__ */ s("div", { style: {
+            O && /* @__PURE__ */ o("div", { style: {
               position: "absolute",
               inset: 0,
               background: "rgba(255, 255, 255, 0.9)",
@@ -2191,19 +2254,19 @@ function rr({
               alignItems: "center",
               justifyContent: "center",
               borderRadius: "14px"
-            }, children: /* @__PURE__ */ m("div", { style: {
+            }, children: /* @__PURE__ */ p("div", { style: {
               display: "flex",
               flexDirection: "column",
               alignItems: "center",
               gap: "12px"
             }, children: [
-              /* @__PURE__ */ s("p", { style: {
+              /* @__PURE__ */ o("p", { style: {
                 fontSize: "13px",
                 color: "rgba(30, 33, 37, 0.6)",
                 margin: 0
               }, children: "Loading..." }),
-              /* @__PURE__ */ s(
-                Kn,
+              /* @__PURE__ */ o(
+                sr,
                 {
                   src: "/BrandLoading.gif",
                   alt: "Loading",
@@ -2214,7 +2277,7 @@ function rr({
                 }
               )
             ] }) }),
-            /* @__PURE__ */ s("div", { className: "overflow-x-auto custom-thin-scrollbar-hidden", ref: _t, style: { maxHeight: "500px", overflowY: "auto", position: "relative", zIndex: 1 }, children: /* @__PURE__ */ m("table", { style: {
+            /* @__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: {
               width: "auto",
               minWidth: "100%",
               tableLayout: "fixed",
@@ -2224,18 +2287,48 @@ function rr({
               border: "1px solid #e6e6e6",
               boxSizing: "border-box"
             }, children: [
-              /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s(
-                mn,
-                {
-                  items: $,
-                  strategy: hn,
-                  children: Be.map((e) => /* @__PURE__ */ s(tn, { column: e, isHeaderRow: !0 }, `header-${J(e)}`))
-                }
-              ) }) }),
-              /* @__PURE__ */ s("tbody", { children: !N && tt.length === 0 ? /* @__PURE__ */ s("tr", { children: /* @__PURE__ */ s(
+              /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ p("tr", { children: [
+                X && /* @__PURE__ */ o(
+                  "th",
+                  {
+                    style: {
+                      width: dt,
+                      minWidth: dt,
+                      padding: "10px 8px",
+                      textAlign: "center",
+                      verticalAlign: "middle",
+                      background: "#f2f2f0",
+                      borderRight: "1px solid #e6e6e6",
+                      borderBottom: "1px solid #e6e6e6",
+                      position: "sticky",
+                      top: 0,
+                      zIndex: 10,
+                      boxSizing: "border-box"
+                    },
+                    children: /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", lineHeight: 0 }, children: /* @__PURE__ */ o(
+                      Ot,
+                      {
+                        checked: ct,
+                        indeterminate: on,
+                        onToggle: ln,
+                        ariaLabel: "Select all rows on this page"
+                      }
+                    ) })
+                  }
+                ),
+                /* @__PURE__ */ o(
+                  zn,
+                  {
+                    items: I,
+                    strategy: Bn,
+                    children: Oe.map((e) => /* @__PURE__ */ o(gn, { column: e, isHeaderRow: !0 }, `header-${J(e)}`))
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ o("tbody", { children: !O && We.length === 0 ? /* @__PURE__ */ o("tr", { children: /* @__PURE__ */ o(
                 "td",
                 {
-                  colSpan: Be.length,
+                  colSpan: Oe.length + (X ? 1 : 0),
                   style: {
                     padding: "32px",
                     textAlign: "center",
@@ -2245,69 +2338,98 @@ function rr({
                   },
                   children: "No results found"
                 }
-              ) }) : !N && tt.length > 0 ? tt.map((e, t) => /* @__PURE__ */ s(
-                "tr",
-                {
-                  "data-row-id": e.id || t,
-                  style: {
-                    borderBottom: "1px solid #e6e6e6",
-                    cursor: f ? "pointer" : "default",
-                    transition: "background 0.15s ease"
-                  },
-                  onClick: f ? (r) => {
-                    r.stopPropagation(), f(e, t);
-                  } : void 0,
-                  onMouseEnter: (r) => {
-                    r.currentTarget.style.background = "#E6E6E6";
-                  },
-                  onMouseLeave: (r) => {
-                    r.currentTarget.style.background = "transparent";
+              ) }) : !O && We.length > 0 ? We.map((e, t) => {
+                const s = bt(e, t), i = X && De.has(s);
+                return /* @__PURE__ */ p(
+                  "tr",
+                  {
+                    "data-row-id": e.id || t,
+                    style: {
+                      borderBottom: "1px solid #e6e6e6",
+                      cursor: f ? "pointer" : "default",
+                      transition: "background 0.15s ease",
+                      background: i ? "#F2F4F7" : "transparent"
+                    },
+                    onClick: f ? (n) => {
+                      n.stopPropagation(), f(e, t);
+                    } : void 0,
+                    onMouseEnter: (n) => {
+                      n.currentTarget.style.background = "#E6E6E6";
+                    },
+                    onMouseLeave: (n) => {
+                      n.currentTarget.style.background = i ? "#F2F4F7" : "transparent";
+                    },
+                    children: [
+                      X && /* @__PURE__ */ o(
+                        "td",
+                        {
+                          onClick: (n) => n.stopPropagation(),
+                          style: {
+                            width: dt,
+                            minWidth: dt,
+                            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,
+                            {
+                              checked: i,
+                              onToggle: () => sn(s),
+                              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(
+                          "td",
+                          {
+                            style: {
+                              padding: "10px 14px",
+                              color: "rgba(30, 33, 37, 0.78)",
+                              fontSize: "13px",
+                              borderRight: "1px solid #e6e6e6",
+                              boxSizing: "border-box",
+                              width: c,
+                              fontFamily: "var(--font-sans)",
+                              ...Te && { maxWidth: c || "200px" }
+                            },
+                            children: Le
+                          },
+                          u
+                        );
+                      })
+                    ]
                   },
-                  children: Be.map((r) => {
-                    const i = J(r), o = Dt(i, r.width), u = e[i], c = r.render ? r.render(u, e) : u, x = o && o !== "auto", j = typeof c == "string" && c.trim() !== "", _ = x && j, Ke = _ ? /* @__PURE__ */ s(oe, { content: c, children: c }) : c;
-                    return /* @__PURE__ */ s(
-                      "td",
-                      {
-                        style: {
-                          padding: "10px 14px",
-                          color: "rgba(30, 33, 37, 0.78)",
-                          fontSize: "13px",
-                          borderRight: "1px solid #e6e6e6",
-                          boxSizing: "border-box",
-                          width: o,
-                          fontFamily: "var(--font-sans)",
-                          ..._ && { maxWidth: o || "200px" }
-                        },
-                        children: Ke
-                      },
-                      i
-                    );
-                  })
-                },
-                t
-              )) : null })
+                  t
+                );
+              }) : null })
             ] }) })
           ] }),
-          /* @__PURE__ */ s(gn, { children: Mt ? /* @__PURE__ */ s("div", { className: "bg-[var(--paper-high)] border border-[var(--border-strong)] rounded px-4 py-2 shadow-lg", children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ s(yt, { size: 14, className: "text-[var(--text-faint)]" }),
-            /* @__PURE__ */ s("span", { className: "text-sm font-semibold text-[var(--text-ink)]", children: Mt.label })
+          /* @__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 })
           ] }) }) : null })
         ]
       }
     ) : null,
     (() => {
-      const e = !K && (Ce.trim() !== "" || Object.values(G).some((r) => Ue(r))), t = Z ? e ? _e.length : S : _e.length;
-      return t <= 0 ? null : /* @__PURE__ */ s(
-        Nn,
+      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,
         {
-          page: ne,
+          page: ze,
           pageSizeOptions: [5, 10, 20, 50, 100],
-          pageSize: ce,
+          pageSize: be,
           totalCount: t,
-          currentDataLength: tt.length,
-          onPageChange: ke,
-          onPageSizeChange: (r) => {
-            We(r), ke(1);
+          currentDataLength: We.length,
+          onPageChange: Be,
+          onPageSizeChange: (s) => {
+            qe(s), Be(1);
           },
           showPageSizeSelector: !0
         }
@@ -2316,7 +2438,7 @@ function rr({
   ] });
 }
 export {
-  rr as D,
-  Wn as a
+  xr as D,
+  Jn as a
 };
 //# sourceMappingURL=DataTable2.es.js.map