chordia-ui 3.7.2 → 3.7.4

package/dist/components/data.es.js

@@ -1,120 +1,14 @@
-import { jsxs as c, jsx as n, Fragment as ot } from "react/jsx-runtime";
-import Oe, { useState as h, useRef as T, useEffect as O, Suspense as Mt, useMemo as re, useCallback as z } from "react";
+import { jsx as n, jsxs as c, Fragment as ot } from "react/jsx-runtime";
+import Oe, { useRef as T, useState as h, useEffect as O, useMemo as re, useCallback as z, Suspense as Mt } from "react";
 import { u as zt, a as Ze, D as Ft, c as Et, S as Wt, h as Ot, b as Tt, s as $t, K as Rt, P as Pt, d as Te, e as jt, C as It } from "../sortable.esm.es.js";
-import { CalendarClock as et, Download as _t, ChevronDown as Re, ChevronUp as tt, Filter as rt, GripVertical as nt } from "lucide-react";
+import { ChevronUp as et, ChevronDown as Re, Filter as tt, GripVertical as rt, CalendarClock as nt, Download as _t } from "lucide-react";
 import { createPortal as st } from "react-dom";
-import { C as At, P as Bt } from "../CustomFilterChips.es.js";
+import { P as At, C as Bt } from "../CustomFilterChips.es.js";
+import { a as Ht } from "../DataTable2.es.js";
+import { D as cr } from "../DataTable2.es.js";
 import "motion/react";
 import "recharts";
 import "../TourGuideTooltip.es.js";
-function Ht({
-  dateRangePicker: g,
-  onWeekToDate: l,
-  exportConfig: b,
-  filterChipsConfig: u,
-  trailingActions: N
-  // Optional extra actions rendered after Export (e.g., Add Users button)
-}) {
-  const [k, j] = h(!1), v = T(null), F = T(null);
-  O(() => {
-    const m = (f) => {
-      F.current && !F.current.contains(f.target) && v.current && !v.current.contains(f.target) && j(!1);
-    };
-    if (k)
-      return document.addEventListener("mousedown", m), () => {
-        document.removeEventListener("mousedown", m);
-      };
-  }, [k]);
-  const G = () => {
-    j((m) => !m);
-  }, I = (m) => {
-    j(!1), b != null && b.onExport && b.onExport(m);
-  }, L = (() => {
-    if (!(u != null && u.filters))
-      return !1;
-    const m = u.filters, f = u.customFilters || [], _ = Object.entries(m).some(([x, w]) => !!(Array.isArray(w) && w.length || typeof w == "string" && w.trim() !== "" || w && typeof w == "object" && (w.min != null || w.max != null))), M = f.some((x) => x.active);
-    return _ || M;
-  })();
-  return /* @__PURE__ */ c("div", { className: "flex items-center gap-3 flex-wrap", children: [
-    l && /* @__PURE__ */ c(
-      "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__ */ n(et, { size: 16 }),
-          /* @__PURE__ */ n("span", { children: "Week to Date" })
-        ]
-      }
-    ),
-    g && /* @__PURE__ */ n(
-      Mt,
-      {
-        fallback: /* @__PURE__ */ c("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__ */ n(et, { size: 16 }),
-          /* @__PURE__ */ n("span", { children: "Loading..." })
-        ] }),
-        children: g
-      }
-    ),
-    b && /* @__PURE__ */ c("div", { className: "relative", children: [
-      /* @__PURE__ */ c(
-        "button",
-        {
-          ref: v,
-          onClick: G,
-          disabled: b.isExporting,
-          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__ */ c("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ n(_t, { size: 16 }),
-              /* @__PURE__ */ n("span", { children: b.isExporting ? "Exporting..." : "Export" })
-            ] }),
-            /* @__PURE__ */ n(Re, { size: 16 })
-          ]
-        }
-      ),
-      k && /* @__PURE__ */ n(
-        "div",
-        {
-          ref: F,
-          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: (b.types || ["csv"]).map((m) => /* @__PURE__ */ c(
-            "button",
-            {
-              onClick: () => I(m),
-              className: "w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 transition-colors",
-              style: { fontFamily: "var(--font-sans)" },
-              children: [
-                "Export ",
-                m.toUpperCase()
-              ]
-            },
-            m
-          ))
-        }
-      )
-    ] }),
-    (L || N) && /* @__PURE__ */ c(ot, { children: [
-      L && /* @__PURE__ */ n("div", { className: "h-9 mt-1 w-px bg-gray-300 flex-shrink-0" }),
-      /* @__PURE__ */ c("div", { className: "flex items-center gap-3 justify-end", children: [
-        L && u && /* @__PURE__ */ n(
-          At,
-          {
-            filters: u.filters,
-            onChange: u.onChange,
-            onClear: u.onClear,
-            customFilters: u.customFilters || [],
-            fieldOptions: u.fieldOptions || {}
-          }
-        ),
-        N && /* @__PURE__ */ n("div", { className: "flex-shrink-0", children: N })
-      ] })
-    ] })
-  ] });
-}
 function $e() {
   return /* @__PURE__ */ n("div", { style: { height: 1, background: "rgba(52,58,64,0.08)" } });
 }
@@ -143,7 +37,7 @@ const Kt = () => ({ userData: { email: "anonymous" } }), Ut = (g) => /* @__PURE_
 function Xt({
   children: g,
   content: l,
-  direction: b = "top",
+  direction: y = "top",
   align: u = "center",
   styling: N,
   indicatorColor: k
@@ -157,7 +51,7 @@ function Xt({
   const M = z(() => {
     if (!f.current || !_.current || typeof window > "u")
       return;
-    const x = f.current.getBoundingClientRect(), w = _.current.getBoundingClientRect(), de = window.innerWidth, C = window.innerHeight, A = 8, B = 10, $ = w.width, E = w.height, ce = x.top, Y = C - x.bottom, ue = b === "bottom" ? "bottom" : "top";
+    const x = f.current.getBoundingClientRect(), w = _.current.getBoundingClientRect(), de = window.innerWidth, C = window.innerHeight, A = 8, B = 10, $ = w.width, E = w.height, ce = x.top, Y = C - x.bottom, ue = y === "bottom" ? "bottom" : "top";
     let ne = ue;
     ue === "top" && ce < E + B + A && Y > ce ? ne = "bottom" : ue === "bottom" && Y < E + B + A && ce > Y && (ne = "top");
     let R = x.left + x.width / 2;
@@ -166,7 +60,7 @@ function Xt({
     J = Math.max(A, Math.min(J, C - E - A)), H = Math.max(A, Math.min(H, de - $ - A));
     const ge = Math.max(10, Math.min(R - H, $ - 10));
     m({ top: J, left: H, arrowLeft: ge, placement: ne });
-  }, [u, b]);
+  }, [u, y]);
   return O(() => {
     if (!F || !I)
       return;
@@ -240,10 +134,10 @@ function Xt({
     }
   );
 }
-function or({
+function sr({
   data: g = [],
   columns: l = [],
-  initialPageSize: b = 10,
+  initialPageSize: y = 10,
   onRowClick: u,
   // Server-side pagination props (optional)
   totalCount: N = null,
@@ -307,7 +201,7 @@ function or({
     ) : i;
   });
   A.displayName = "TruncatedCell";
-  const B = N !== null && v !== null, $ = G !== null, E = L !== null, [ce, Y] = h(1), [ue, ne] = h(b), R = k !== null ? k : ce, J = j !== null ? j : ue, H = (e) => {
+  const B = N !== null && v !== null, $ = G !== null, E = L !== null, [ce, Y] = h(1), [ue, ne] = h(y), R = k !== null ? k : ce, J = j !== null ? j : ue, H = (e) => {
     v ? v(e) : Y(e);
   }, ge = (e) => {
     F ? F(e) : ne(e);
@@ -372,7 +266,7 @@ function or({
       }
     const t = l.map((r) => r.id || r.key).slice(0, V);
     return K(t);
-  }), [P, Ve] = h(!1), [De, at] = h({ top: 0, left: 0, width: 0 }), [lt, Ke] = h(/* @__PURE__ */ new Set()), [Ue, Xe] = h(/* @__PURE__ */ new Set()), [U, Ne] = h(null), [dt, xe] = h(null), ie = T(null), Le = T(null), ae = T(null), [Ge, Me] = h(null), [ze, ct] = h({}), ut = T(null), ye = T(null), D = (e) => e.id || e.key, be = z((e) => {
+  }), [P, Ve] = h(!1), [De, at] = h({ top: 0, left: 0, width: 0 }), [lt, Ke] = h(/* @__PURE__ */ new Set()), [Ue, Xe] = h(/* @__PURE__ */ new Set()), [U, Ne] = h(null), [dt, xe] = h(null), ie = T(null), Le = T(null), ae = T(null), [Ge, Me] = h(null), [ze, ct] = h({}), ut = T(null), be = T(null), D = (e) => e.id || e.key, ye = z((e) => {
     if (typeof e == "number" && Number.isFinite(e))
       return e;
     if (typeof e == "string") {
@@ -386,18 +280,18 @@ function or({
     }
     return null;
   }, []), Fe = z((e, t) => ze[e] != null ? `${ze[e]}px` : typeof t == "number" ? `${t}px` : t || "auto", [ze]), ve = z((e) => {
-    if (!ye.current)
+    if (!be.current)
       return;
-    const { columnId: t, startX: r, startWidth: o, minWidth: s, maxWidth: a } = ye.current, i = e.clientX - r, d = Math.round(o + i), X = Math.min(a, Math.max(s, d));
+    const { columnId: t, startX: r, startWidth: o, minWidth: s, maxWidth: a } = be.current, i = e.clientX - r, d = Math.round(o + i), X = Math.min(a, Math.max(s, d));
     ct((W) => ({ ...W, [t]: X }));
   }, []), fe = z(() => {
-    ye.current = null, document.body.style.cursor = "", document.body.style.userSelect = "", document.removeEventListener("mousemove", ve), document.removeEventListener("mouseup", fe);
+    be.current = null, document.body.style.cursor = "", document.body.style.userSelect = "", document.removeEventListener("mousemove", ve), document.removeEventListener("mouseup", fe);
   }, [ve]), pt = z((e, t, r) => {
     var te;
     e.preventDefault(), e.stopPropagation();
-    const o = t.id || t.key, s = be(t.minWidth) ?? x, a = be(t.maxWidth) ?? w, i = Math.min(s, a), d = Math.max(s, a), X = ((te = e.currentTarget.closest("th")) == null ? void 0 : te.getBoundingClientRect().width) || 0, W = be(r), me = W ?? Math.max(i, Math.round(X) || i), We = Math.min(d, Math.max(i, me));
-    ye.current = { columnId: o, startX: e.clientX, startWidth: We, minWidth: i, maxWidth: d }, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", ve), document.addEventListener("mouseup", fe);
-  }, [w, x, ve, fe, be]);
+    const o = t.id || t.key, s = ye(t.minWidth) ?? x, a = ye(t.maxWidth) ?? w, i = Math.min(s, a), d = Math.max(s, a), X = ((te = e.currentTarget.closest("th")) == null ? void 0 : te.getBoundingClientRect().width) || 0, W = ye(r), me = W ?? Math.max(i, Math.round(X) || i), We = Math.min(d, Math.max(i, me));
+    be.current = { columnId: o, startX: e.clientX, startWidth: We, minWidth: i, maxWidth: d }, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", ve), document.addEventListener("mouseup", fe);
+  }, [w, x, ve, fe, ye]);
   O(() => () => fe(), [fe]);
   const ft = zt(
     Ze(Pt),
@@ -488,9 +382,9 @@ function or({
     }, 200), t)));
   }, xt = (e, t) => {
     p[t] !== S && Ne(t);
-  }, yt = () => {
+  }, bt = () => {
     Ne(null), xe(null);
-  }, bt = (e, t) => {
+  }, yt = (e, t) => {
     e.preventDefault(), U !== null && U !== t && xe(t);
   }, vt = () => {
     xe(null);
@@ -587,8 +481,8 @@ function or({
     };
     let te = !1;
     if (E && m.length > 0) {
-      const y = m[0][0];
-      (y === r || y === "csat_score" && r === "evaluation.csat_score") && (te = !0);
+      const b = m[0][0];
+      (b === r || b === "csat_score" && r === "evaluation.csat_score") && (te = !0);
     } else
       te = pe === r;
     const Nt = he === "asc", Lt = e.filterable === !0;
@@ -634,7 +528,7 @@ function or({
                   ...a,
                   ...i,
                   style: { cursor: "grab", color: "rgba(30, 33, 37, 0.32)" },
-                  children: /* @__PURE__ */ n(nt, { size: 12 })
+                  children: /* @__PURE__ */ n(rt, { size: 12 })
                 }
               ),
               /* @__PURE__ */ n(
@@ -645,7 +539,7 @@ function or({
                   children: e.label.toUpperCase()
                 }
               ),
-              e.sortable !== !1 && te && /* @__PURE__ */ n("span", { children: Nt ? /* @__PURE__ */ n(tt, { size: 12 }) : /* @__PURE__ */ n(Re, { size: 12 }) }),
+              e.sortable !== !1 && te && /* @__PURE__ */ n("span", { children: Nt ? /* @__PURE__ */ n(et, { size: 12 }) : /* @__PURE__ */ n(Re, { size: 12 }) }),
               !o && /* @__PURE__ */ n(
                 "div",
                 {
@@ -653,8 +547,8 @@ function or({
                   "aria-orientation": "vertical",
                   "aria-label": `Resize ${e.label || r} column`,
                   title: "Drag to resize column",
-                  onMouseDown: (y) => pt(y, e, s),
-                  onClick: (y) => y.stopPropagation(),
+                  onMouseDown: (b) => pt(b, e, s),
+                  onClick: (b) => b.stopPropagation(),
                   style: {
                     position: "absolute",
                     top: 0,
@@ -668,11 +562,11 @@ function or({
                     justifyContent: "center",
                     color: "rgba(30, 33, 37, 0.56)"
                   },
-                  onMouseEnter: (y) => {
-                    y.currentTarget.style.background = "rgba(30, 33, 37, 0.08)", y.currentTarget.style.color = "rgba(30, 33, 37, 0.86)";
+                  onMouseEnter: (b) => {
+                    b.currentTarget.style.background = "rgba(30, 33, 37, 0.08)", b.currentTarget.style.color = "rgba(30, 33, 37, 0.86)";
                   },
-                  onMouseLeave: (y) => {
-                    y.currentTarget.style.background = "transparent", y.currentTarget.style.color = "rgba(30, 33, 37, 0.56)";
+                  onMouseLeave: (b) => {
+                    b.currentTarget.style.background = "transparent", b.currentTarget.style.color = "rgba(30, 33, 37, 0.56)";
                   },
                   children: /* @__PURE__ */ n(Vt, { size: 10, color: "currentColor" })
                 }
@@ -692,7 +586,7 @@ function or({
         className: "sticky top-[57px] z-10 border-b border-[var(--border-strong)] px-4 py-2 text-left",
         children: Lt ? /* @__PURE__ */ c("div", { className: "relative", children: [
           /* @__PURE__ */ n(
-            rt,
+            tt,
             {
               size: 12,
               className: "absolute left-2 top-1/2 -translate-y-1/2 text-[var(--text-faint)] pointer-events-none"
@@ -704,11 +598,11 @@ function or({
               type: "text",
               placeholder: "Filter...",
               value: Q[r] || "",
-              onChange: (y) => {
-                y.stopPropagation(), Je(r, y.target.value);
+              onChange: (b) => {
+                b.stopPropagation(), Je(r, b.target.value);
               },
-              onKeyDown: (y) => y.stopPropagation(),
-              onMouseDown: (y) => y.stopPropagation(),
+              onKeyDown: (b) => b.stopPropagation(),
+              onMouseDown: (b) => b.stopPropagation(),
               className: "w-full pl-7 pr-2 py-1.5 text-xs border border-[var(--border)] rounded text-[var(--text-ink)] placeholder:text-[var(--text-faint)] focus:outline-none focus:border-[var(--border-hover)] focus:ring-1 focus:ring-[var(--focus)] transition-colors",
               style: { fontFamily: "var(--font-sans)", backgroundColor: "var(--primary-foreground)" },
               autoComplete: "off"
@@ -750,8 +644,8 @@ function or({
               {
                 draggable: !i,
                 onDragStart: i ? void 0 : (d) => xt(d, o),
-                onDragEnd: i ? void 0 : yt,
-                onDragOver: i ? void 0 : (d) => bt(d, o),
+                onDragEnd: i ? void 0 : bt,
+                onDragOver: i ? void 0 : (d) => yt(d, o),
                 onDragLeave: i ? void 0 : vt,
                 onDrop: i ? void 0 : (d) => wt(d, o),
                 className: `flex items-center gap-2 px-3 py-2 rounded transition-all ${i ? "cursor-default opacity-100" : "cursor-move"} ${!i && s ? "opacity-50" : ""} ${!i && a && U !== null && U !== o ? "ring-2 ring-green-2 ring-offset-1" : ""}`,
@@ -888,7 +782,7 @@ function or({
                 },
                 children: [
                   /* @__PURE__ */ n("span", { children: kt }),
-                  P ? /* @__PURE__ */ n(tt, { size: 16 }) : /* @__PURE__ */ n(Re, { size: 16 })
+                  P ? /* @__PURE__ */ n(et, { size: 16 }) : /* @__PURE__ */ n(Re, { size: 16 })
                 ]
               }
             ),
@@ -1023,7 +917,7 @@ function or({
                           }
                         ),
                         /* @__PURE__ */ n(
-                          rt,
+                          tt,
                           {
                             size: 11,
                             style: {
@@ -1098,14 +992,14 @@ function or({
             ] }) })
           ] }),
           /* @__PURE__ */ n(Tt, { children: qe ? /* @__PURE__ */ n("div", { className: "bg-[var(--paper-high)] border border-[var(--border-strong)] rounded px-4 py-2 shadow-lg", children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ n(nt, { size: 14, className: "text-[var(--text-faint)]" }),
+            /* @__PURE__ */ n(rt, { size: 14, className: "text-[var(--text-faint)]" }),
             /* @__PURE__ */ n("span", { className: "text-sm font-semibold text-[var(--text-ink)]", children: qe.label })
           ] }) }) : null })
         ]
       }
     ) : null,
     (B ? N > 0 : Se.length > 0) && /* @__PURE__ */ n("div", { className: "border-t border-gray-200 rounded-b-[14px]", style: { backgroundColor: "var(--primary-foreground)" }, children: /* @__PURE__ */ n(
-      Bt,
+      At,
       {
         page: R,
         pageSizeOptions: [5, 10, 20, 50, 100],
@@ -1123,10 +1017,118 @@ function or({
     ) })
   ] });
 }
-function sr({
+function ir({
+  dateRangePicker: g,
+  onWeekToDate: l,
+  exportConfig: y,
+  filterChipsConfig: u,
+  trailingActions: N
+  // Optional extra actions rendered after Export (e.g., Add Users button)
+}) {
+  const [k, j] = h(!1), v = T(null), F = T(null);
+  O(() => {
+    const m = (f) => {
+      F.current && !F.current.contains(f.target) && v.current && !v.current.contains(f.target) && j(!1);
+    };
+    if (k)
+      return document.addEventListener("mousedown", m), () => {
+        document.removeEventListener("mousedown", m);
+      };
+  }, [k]);
+  const G = () => {
+    j((m) => !m);
+  }, I = (m) => {
+    j(!1), y != null && y.onExport && y.onExport(m);
+  }, L = (() => {
+    if (!(u != null && u.filters))
+      return !1;
+    const m = u.filters, f = u.customFilters || [], _ = Object.entries(m).some(([x, w]) => !!(Array.isArray(w) && w.length || typeof w == "string" && w.trim() !== "" || w && typeof w == "object" && (w.min != null || w.max != null))), M = f.some((x) => x.active);
+    return _ || M;
+  })();
+  return /* @__PURE__ */ c("div", { className: "flex items-center gap-3 flex-wrap", children: [
+    l && /* @__PURE__ */ c(
+      "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__ */ n(nt, { size: 16 }),
+          /* @__PURE__ */ n("span", { children: "Week to Date" })
+        ]
+      }
+    ),
+    g && /* @__PURE__ */ n(
+      Mt,
+      {
+        fallback: /* @__PURE__ */ c("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__ */ n(nt, { size: 16 }),
+          /* @__PURE__ */ n("span", { children: "Loading..." })
+        ] }),
+        children: g
+      }
+    ),
+    y && /* @__PURE__ */ c("div", { className: "relative", children: [
+      /* @__PURE__ */ c(
+        "button",
+        {
+          ref: v,
+          onClick: G,
+          disabled: y.isExporting,
+          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__ */ c("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ n(_t, { size: 16 }),
+              /* @__PURE__ */ n("span", { children: y.isExporting ? "Exporting..." : "Export" })
+            ] }),
+            /* @__PURE__ */ n(Re, { size: 16 })
+          ]
+        }
+      ),
+      k && /* @__PURE__ */ n(
+        "div",
+        {
+          ref: F,
+          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: (y.types || ["csv"]).map((m) => /* @__PURE__ */ c(
+            "button",
+            {
+              onClick: () => I(m),
+              className: "w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 transition-colors",
+              style: { fontFamily: "var(--font-sans)" },
+              children: [
+                "Export ",
+                m.toUpperCase()
+              ]
+            },
+            m
+          ))
+        }
+      )
+    ] }),
+    (L || N) && /* @__PURE__ */ c(ot, { children: [
+      L && /* @__PURE__ */ n("div", { className: "h-9 mt-1 w-px bg-gray-300 flex-shrink-0" }),
+      /* @__PURE__ */ c("div", { className: "flex items-center gap-3 justify-end", children: [
+        L && u && /* @__PURE__ */ n(
+          Bt,
+          {
+            filters: u.filters,
+            onChange: u.onChange,
+            onClear: u.onClear,
+            customFilters: u.customFilters || [],
+            fieldOptions: u.fieldOptions || {}
+          }
+        ),
+        N && /* @__PURE__ */ n("div", { className: "flex-shrink-0", children: N })
+      ] })
+    ] })
+  ] });
+}
+function ar({
   title: g = "Summary stats",
   stats: l = [],
-  columns: b = 2
+  columns: y = 2
 }) {
   return /* @__PURE__ */ c("div", { style: { fontFamily: "system-ui, -apple-system, sans-serif" }, children: [
     /* @__PURE__ */ n(
@@ -1142,7 +1144,7 @@ function sr({
       {
         style: {
           display: "grid",
-          gridTemplateColumns: `repeat(${b}, minmax(0, 1fr))`,
+          gridTemplateColumns: `repeat(${y}, minmax(0, 1fr))`,
           gap: "10px"
         },
         children: l.map((u, N) => /* @__PURE__ */ c(
@@ -1231,8 +1233,10 @@ function sr({
   ] });
 }
 export {
-  or as DataTable,
+  sr as DataTable,
+  cr as DataTable2,
   Ht as DataTableFilters,
-  sr as SummaryStatsPanel
+  ir as DataTableFilters2,
+  ar as SummaryStatsPanel
 };
 //# sourceMappingURL=data.es.js.map