react-gridix 0.2.8 → 0.3.0

package/dist/react-gridix.js

@@ -1,8 +1,8 @@
-import { jsxs as I, jsx as h, Fragment as tt } from "react/jsx-runtime";
-import { useState as z, useRef as j, useEffect as ne, useMemo as ke, useCallback as Fe, useLayoutEffect as li, createElement as Ke, useId as si } from "react";
-import { createPortal as ai } from "react-dom";
-const Ft = (...t) => t.filter(Boolean).join(" ");
-function ci() {
+import { jsxs as I, jsx as h, Fragment as ht } from "react/jsx-runtime";
+import { useState as j, useRef as W, useEffect as ne, useMemo as ve, useCallback as Te, useLayoutEffect as ki, createElement as Pe, useId as Si } from "react";
+import { createPortal as Ni } from "react-dom";
+const Et = (...t) => t.filter(Boolean).join(" ");
+function Ci() {
   return /* @__PURE__ */ h("svg", { viewBox: "0 0 16 16", width: "100%", height: "100%", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ h(
     "path",
     {
@@ -15,15 +15,15 @@ function ci() {
     }
   ) });
 }
-function di() {
+function Di() {
   return /* @__PURE__ */ h("svg", { viewBox: "0 0 16 16", width: "100%", height: "100%", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ h("path", { d: "M4 8h8", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round" }) });
 }
-function ht({
+function ft({
   checked: t,
   onChange: n,
   indeterminate: i = !1,
   variant: o = "native",
-  disabled: u = !1,
+  disabled: f = !1,
   label: d,
   "aria-label": a,
   id: g,
@@ -38,12 +38,12 @@ function ht({
   return /* @__PURE__ */ I(
     "label",
     {
-      className: Ft(
+      className: Et(
         "rg-checkbox",
         `rg-checkbox--${o}`,
         k === "checked" && "rg-checkbox--checked",
         i && "rg-checkbox--indeterminate",
-        u && "rg-checkbox--disabled",
+        f && "rg-checkbox--disabled",
         v.root,
         E
       ),
@@ -59,10 +59,10 @@ function ht({
             ref: (D) => {
               D && (D.indeterminate = i);
             },
-            className: Ft("rg-checkbox__control", v.control),
+            className: Et("rg-checkbox__control", v.control),
             style: p.control,
             checked: t,
-            disabled: u,
+            disabled: f,
             "aria-label": a,
             "data-state": k,
             onChange: (D) => n(D.target.checked)
@@ -73,17 +73,17 @@ function ht({
             type: "button",
             role: "checkbox",
             id: g,
-            className: Ft("rg-checkbox__control", v.control),
+            className: Et("rg-checkbox__control", v.control),
             style: p.control,
             "aria-checked": i ? "mixed" : t,
             "aria-label": a,
-            disabled: u,
+            disabled: f,
             "data-state": k,
             onClick: () => n(!t),
             children: /* @__PURE__ */ h(
               "span",
               {
-                className: Ft(
+                className: Et(
                   "rg-checkbox__indicator",
                   x !== void 0 && !i && "rg-checkbox__indicator--custom",
                   v.indicator
@@ -91,83 +91,83 @@ function ht({
                 style: p.indicator,
                 "data-state": k,
                 "aria-hidden": "true",
-                children: i ? o === "tick" ? /* @__PURE__ */ h(di, {}) : null : x !== void 0 ? x : o === "tick" ? /* @__PURE__ */ h(ci, {}) : null
+                children: i ? o === "tick" ? /* @__PURE__ */ h(Di, {}) : null : x !== void 0 ? x : o === "tick" ? /* @__PURE__ */ h(Ci, {}) : null
               }
             )
           }
         ),
-        d != null && d !== !1 && d !== "" && /* @__PURE__ */ h("span", { className: Ft("rg-checkbox__label", v.label), style: p.label, children: d })
+        d != null && d !== !1 && d !== "" && /* @__PURE__ */ h("span", { className: Et("rg-checkbox__label", v.label), style: p.label, children: d })
       ]
     }
   );
 }
-const ui = /^(\d{4})-(\d{2})-(\d{2})$/, Br = (t) => String(t).padStart(2, "0");
-function se(t) {
-  const n = ui.exec(t);
+const Ti = /^(\d{4})-(\d{2})-(\d{2})$/, Hr = (t) => String(t).padStart(2, "0");
+function le(t) {
+  const n = Ti.exec(t);
   if (!n) return null;
-  const [i, o, u] = [Number(n[1]), Number(n[2]), Number(n[3])], d = new Date(i, o - 1, u);
-  return d.getFullYear() === i && d.getMonth() === o - 1 && d.getDate() === u ? d : null;
+  const [i, o, f] = [Number(n[1]), Number(n[2]), Number(n[3])], d = new Date(i, o - 1, f);
+  return d.getFullYear() === i && d.getMonth() === o - 1 && d.getDate() === f ? d : null;
 }
-function he(t) {
+function pe(t) {
   var n;
   if (t instanceof Date)
-    return Number.isNaN(t.getTime()) ? null : `${t.getFullYear()}-${Br(t.getMonth() + 1)}-${Br(t.getDate())}`;
-  if (typeof t == "number") return Number.isFinite(t) ? he(new Date(t)) : null;
+    return Number.isNaN(t.getTime()) ? null : `${t.getFullYear()}-${Hr(t.getMonth() + 1)}-${Hr(t.getDate())}`;
+  if (typeof t == "number") return Number.isFinite(t) ? pe(new Date(t)) : null;
   if (typeof t == "string") {
     const i = t.trim();
     if (i === "") return null;
     const o = (n = /^\d{4}-\d{2}-\d{2}/.exec(i)) == null ? void 0 : n[0];
-    if (o) return se(o) ? o : null;
-    const u = Date.parse(i);
-    return Number.isNaN(u) ? null : he(new Date(u));
+    if (o) return le(o) ? o : null;
+    const f = Date.parse(i);
+    return Number.isNaN(f) ? null : pe(new Date(f));
   }
   return null;
 }
-function fi(t, n, i) {
-  const o = he(t);
-  return o ? se(o).toLocaleDateString(n, i ?? { year: "numeric", month: "short", day: "numeric" }) : t == null ? "" : String(t);
+function Fi(t, n, i) {
+  const o = pe(t);
+  return o ? le(o).toLocaleDateString(n, i ?? { year: "numeric", month: "short", day: "numeric" }) : t == null ? "" : String(t);
 }
-function hi(t, n) {
+function Ei(t, n) {
   var i;
-  return t === "" ? null : n instanceof Date ? se(t) : typeof n == "number" ? ((i = se(t)) == null ? void 0 : i.getTime()) ?? null : t;
+  return t === "" ? null : n instanceof Date ? le(t) : typeof n == "number" ? ((i = le(t)) == null ? void 0 : i.getTime()) ?? null : t;
 }
-const U = (...t) => t.filter(Boolean).join(" "), Mt = (t) => t.headerName ?? (t.type === "boolean" ? "" : t.type === "sequence" ? "#" : t.field), et = (t) => Mt(t) || t.field, Wr = (t) => String(t).padStart(2, "0"), Un = (t, n, i) => `${t}-${Wr(n + 1)}-${Wr(i)}`;
-function jr(t, n, i, o) {
-  const u = [t, n == null ? void 0 : n.from, n == null ? void 0 : n.to].map((m) => m ? se(m) : null).find(Boolean);
-  if (u) return new Date(u.getFullYear(), u.getMonth(), 1);
+const U = (...t) => t.filter(Boolean).join(" "), $t = (t) => t.headerName ?? (t.type === "boolean" ? "" : t.type === "sequence" ? "#" : t.field), nt = (t) => $t(t) || t.field, Xr = (t) => String(t).padStart(2, "0"), zn = (t, n, i) => `${t}-${Xr(n + 1)}-${Xr(i)}`;
+function Gr(t, n, i, o) {
+  const f = [t, n == null ? void 0 : n.from, n == null ? void 0 : n.to].map((m) => m ? le(m) : null).find(Boolean);
+  if (f) return new Date(f.getFullYear(), f.getMonth(), 1);
   const d = /* @__PURE__ */ new Date();
-  let a = he(d);
+  let a = pe(d);
   i && a < i && (a = i), o && a > o && (a = o);
-  const g = se(a) ?? d;
+  const g = le(a) ?? d;
   return new Date(g.getFullYear(), g.getMonth(), 1);
 }
-function lo({ value: t, range: n, min: i, max: o, onPick: u, locale: d, weekStart: a = 0, hideFooter: g, keepFocus: m, className: x }) {
-  var Ie;
-  const [E, b] = z(() => jr(t, n, i, o)), [v, p] = z(null), k = j(null), D = j({ value: t, from: n == null ? void 0 : n.from, to: n == null ? void 0 : n.to });
+function go({ value: t, range: n, min: i, max: o, onPick: f, locale: d, weekStart: a = 0, hideFooter: g, keepFocus: m, className: x }) {
+  var Ee;
+  const [E, b] = j(() => Gr(t, n, i, o)), [v, p] = j(null), k = W(null), D = W({ value: t, from: n == null ? void 0 : n.from, to: n == null ? void 0 : n.to });
   ne(() => {
     const _ = D.current;
     D.current = { value: t, from: n == null ? void 0 : n.from, to: n == null ? void 0 : n.to };
-    const G = t !== _.value ? t : (n == null ? void 0 : n.from) !== _.from ? n == null ? void 0 : n.from : (n == null ? void 0 : n.to) !== _.to ? n == null ? void 0 : n.to : void 0, S = G ? se(G) : null;
+    const G = t !== _.value ? t : (n == null ? void 0 : n.from) !== _.from ? n == null ? void 0 : n.from : (n == null ? void 0 : n.to) !== _.to ? n == null ? void 0 : n.to : void 0, S = G ? le(G) : null;
     S && b((B) => B.getFullYear() === S.getFullYear() && B.getMonth() === S.getMonth() ? B : new Date(S.getFullYear(), S.getMonth(), 1));
   }, [t, n == null ? void 0 : n.from, n == null ? void 0 : n.to]);
-  const C = he(/* @__PURE__ */ new Date()), T = E.getFullYear(), w = E.getMonth(), P = ke(() => {
+  const C = pe(/* @__PURE__ */ new Date()), F = E.getFullYear(), w = E.getMonth(), O = ve(() => {
     const _ = new Intl.DateTimeFormat(d, { weekday: "short" });
     return Array.from({ length: 7 }, (G, S) => _.format(new Date(2023, 0, 1 + (S + a) % 7)));
-  }, [d, a]), X = new Intl.DateTimeFormat(d, { month: "long", year: "numeric" }).format(E), q = ke(() => {
-    const _ = (new Date(T, w, 1).getDay() - a + 7) % 7;
+  }, [d, a]), H = new Intl.DateTimeFormat(d, { month: "long", year: "numeric" }).format(E), q = ve(() => {
+    const _ = (new Date(F, w, 1).getDay() - a + 7) % 7;
     return Array.from({ length: 42 }, (G, S) => {
-      const B = new Date(T, w, 1 - _ + S);
-      return { iso: Un(B.getFullYear(), B.getMonth(), B.getDate()), day: B.getDate(), outside: B.getMonth() !== w };
+      const B = new Date(F, w, 1 - _ + S);
+      return { iso: zn(B.getFullYear(), B.getMonth(), B.getDate()), day: B.getDate(), outside: B.getMonth() !== w };
     });
-  }, [T, w, a]), R = (_) => !!i && _ < i || !!o && _ > o, H = (_) => b(new Date(T, w + _, 1)), Se = (_) => {
-    const G = se(_);
-    G && ((G.getFullYear() !== T || G.getMonth() !== w) && b(new Date(G.getFullYear(), G.getMonth(), 1)), p(_), requestAnimationFrame(() => {
+  }, [F, w, a]), A = (_) => !!i && _ < i || !!o && _ > o, V = (_) => b(new Date(F, w + _, 1)), ke = (_) => {
+    const G = le(_);
+    G && ((G.getFullYear() !== F || G.getMonth() !== w) && b(new Date(G.getFullYear(), G.getMonth(), 1)), p(_), requestAnimationFrame(() => {
       var S, B;
       return (B = (S = k.current) == null ? void 0 : S.querySelector(`[data-iso="${_}"]`)) == null ? void 0 : B.focus();
     }));
-  }, Pe = (_, G) => {
-    const S = se(G), B = (ce) => {
-      _.preventDefault(), Se(Un(S.getFullYear(), S.getMonth(), S.getDate() + ce));
+  }, Le = (_, G) => {
+    const S = le(G), B = (ce) => {
+      _.preventDefault(), ke(zn(S.getFullYear(), S.getMonth(), S.getDate() + ce));
     };
     switch (_.key) {
       case "ArrowLeft":
@@ -185,51 +185,51 @@ function lo({ value: t, range: n, min: i, max: o, onPick: u, locale: d, weekStar
       case "PageUp":
       case "PageDown": {
         _.preventDefault();
-        const ce = _.key === "PageUp" ? -1 : 1, pe = new Date(S.getFullYear(), S.getMonth() + ce + 1, 0).getDate();
-        Se(Un(S.getFullYear(), S.getMonth() + ce, Math.min(S.getDate(), pe)));
+        const ce = _.key === "PageUp" ? -1 : 1, ge = new Date(S.getFullYear(), S.getMonth() + ce + 1, 0).getDate();
+        ke(zn(S.getFullYear(), S.getMonth() + ce, Math.min(S.getDate(), ge)));
         return;
       }
     }
-  }, ze = (_) => !!_ && q.some((G) => G.iso === _ && !G.outside), Ee = [v, t, C].find((_) => ze(_) && !R(_)) ?? ((Ie = q.find((_) => !_.outside && !R(_.iso))) == null ? void 0 : Ie.iso), V = n == null ? void 0 : n.from, ae = n == null ? void 0 : n.to;
+  }, ze = (_) => !!_ && q.some((G) => G.iso === _ && !G.outside), Fe = [v, t, C].find((_) => ze(_) && !A(_)) ?? ((Ee = q.find((_) => !_.outside && !A(_.iso))) == null ? void 0 : Ee.iso), Y = n == null ? void 0 : n.from, se = n == null ? void 0 : n.to;
   return /* @__PURE__ */ I(
     "div",
     {
       className: U("rg-cal", x),
       onMouseDown: m ? (_) => _.preventDefault() : void 0,
       role: "group",
-      "aria-label": `Calendar, ${X}`,
+      "aria-label": `Calendar, ${H}`,
       children: [
         /* @__PURE__ */ I("div", { className: "rg-cal__head", children: [
-          /* @__PURE__ */ h("button", { type: "button", className: "rg-cal__nav", "aria-label": "Previous year", onClick: () => H(-12), children: "«" }),
-          /* @__PURE__ */ h("button", { type: "button", className: "rg-cal__nav", "aria-label": "Previous month", onClick: () => H(-1), children: "‹" }),
-          /* @__PURE__ */ h("span", { className: "rg-cal__title", "aria-live": "polite", children: X }),
-          /* @__PURE__ */ h("button", { type: "button", className: "rg-cal__nav", "aria-label": "Next month", onClick: () => H(1), children: "›" }),
-          /* @__PURE__ */ h("button", { type: "button", className: "rg-cal__nav", "aria-label": "Next year", onClick: () => H(12), children: "»" })
+          /* @__PURE__ */ h("button", { type: "button", className: "rg-cal__nav", "aria-label": "Previous year", onClick: () => V(-12), children: "«" }),
+          /* @__PURE__ */ h("button", { type: "button", className: "rg-cal__nav", "aria-label": "Previous month", onClick: () => V(-1), children: "‹" }),
+          /* @__PURE__ */ h("span", { className: "rg-cal__title", "aria-live": "polite", children: H }),
+          /* @__PURE__ */ h("button", { type: "button", className: "rg-cal__nav", "aria-label": "Next month", onClick: () => V(1), children: "›" }),
+          /* @__PURE__ */ h("button", { type: "button", className: "rg-cal__nav", "aria-label": "Next year", onClick: () => V(12), children: "»" })
         ] }),
         /* @__PURE__ */ I("div", { className: "rg-cal__grid", ref: k, children: [
-          P.map((_) => /* @__PURE__ */ h("span", { className: "rg-cal__dow", "aria-hidden": "true", children: _.slice(0, 2) }, _)),
+          O.map((_) => /* @__PURE__ */ h("span", { className: "rg-cal__dow", "aria-hidden": "true", children: _.slice(0, 2) }, _)),
           q.map(({ iso: _, day: G, outside: S }) => {
-            const B = _ === t, ce = _ === V, pe = _ === ae, qe = !!V && !!ae && _ > V && _ < ae;
+            const B = _ === t, ce = _ === Y, ge = _ === se, qe = !!Y && !!se && _ > Y && _ < se;
             return /* @__PURE__ */ h(
               "button",
               {
                 type: "button",
                 "data-iso": _,
-                tabIndex: _ === Ee ? 0 : -1,
-                disabled: R(_),
-                "aria-pressed": B || ce || pe,
-                "aria-label": new Intl.DateTimeFormat(d, { dateStyle: "full" }).format(se(_)),
+                tabIndex: _ === Fe ? 0 : -1,
+                disabled: A(_),
+                "aria-pressed": B || ce || ge,
+                "aria-label": new Intl.DateTimeFormat(d, { dateStyle: "full" }).format(le(_)),
                 className: U(
                   "rg-cal__day",
                   S && "rg-cal__day--outside",
                   _ === C && "rg-cal__day--today",
-                  (B || ce || pe) && "rg-cal__day--selected",
+                  (B || ce || ge) && "rg-cal__day--selected",
                   qe && "rg-cal__day--in-range",
-                  V && ae && ce && V !== ae && "rg-cal__day--range-start",
-                  V && ae && pe && V !== ae && "rg-cal__day--range-end"
+                  Y && se && ce && Y !== se && "rg-cal__day--range-start",
+                  Y && se && ge && Y !== se && "rg-cal__day--range-end"
                 ),
-                onClick: () => u(_),
-                onKeyDown: (nt) => Pe(nt, _),
+                onClick: () => f(_),
+                onKeyDown: (rt) => Le(rt, _),
                 onFocus: () => p(_),
                 children: G
               },
@@ -243,66 +243,66 @@ function lo({ value: t, range: n, min: i, max: o, onPick: u, locale: d, weekStar
             {
               type: "button",
               className: "rg-cal__link",
-              disabled: R(C),
+              disabled: A(C),
               onClick: () => {
-                b(jr(C)), u(C);
+                b(Gr(C)), f(C);
               },
               children: "Today"
             }
           ),
-          /* @__PURE__ */ h("button", { type: "button", className: "rg-cal__link", onClick: () => u(""), children: "Clear" })
+          /* @__PURE__ */ h("button", { type: "button", className: "rg-cal__link", onClick: () => f(""), children: "Clear" })
         ] })
       ]
     }
   );
 }
-const pn = typeof window < "u" ? li : ne;
-function Et(t, n, i) {
-  const [o, u] = z(n), d = t !== void 0, a = d ? t : o, g = Fe(
+const Pt = typeof window < "u" ? ki : ne;
+function It(t, n, i) {
+  const [o, f] = j(n), d = t !== void 0, a = d ? t : o, g = Te(
     (m) => {
-      d || u(m), i == null || i(m);
+      d || f(m), i == null || i(m);
     },
     [d, i]
   );
   return [a, g];
 }
-function so(t, n) {
-  const i = j(t);
+function mo(t, n) {
+  const i = W(t);
   i.current = t;
-  const o = j(void 0), u = j(null), d = Fe(() => {
-    o.current !== void 0 && clearTimeout(o.current), o.current = void 0, u.current = null;
-  }, []), a = Fe(() => {
+  const o = W(void 0), f = W(null), d = Te(() => {
+    o.current !== void 0 && clearTimeout(o.current), o.current = void 0, f.current = null;
+  }, []), a = Te(() => {
     o.current !== void 0 && clearTimeout(o.current), o.current = void 0;
-    const m = u.current;
-    u.current = null, m && i.current(...m);
-  }, []), g = Fe(
+    const m = f.current;
+    f.current = null, m && i.current(...m);
+  }, []), g = Te(
     (...m) => {
       if (n <= 0) {
         d(), i.current(...m);
         return;
       }
-      u.current = m, o.current !== void 0 && clearTimeout(o.current), o.current = setTimeout(a, n);
+      f.current = m, o.current !== void 0 && clearTimeout(o.current), o.current = setTimeout(a, n);
     },
     [n, d, a]
   );
   return ne(() => a, [a]), { call: g, flush: a, cancel: d };
 }
-function yn({ anchorRef: t, open: n, onClose: i, label: o, theme: u, className: d, style: a, keepFocus: g, children: m }) {
-  const x = j(null), [E, b] = z({ top: 0, left: 0 }), v = Fe(() => {
-    var T;
+function kn({ anchorRef: t, open: n, onClose: i, label: o, theme: f, className: d, style: a, keepFocus: g, children: m }) {
+  const x = W(null), [E, b] = j({ top: 0, left: 0 }), v = Te(() => {
+    var F;
     const p = t.current;
     if (!p) return;
-    const k = p.getBoundingClientRect(), D = ((T = x.current) == null ? void 0 : T.offsetWidth) ?? 260, C = Math.max(8, Math.min(k.left, window.innerWidth - D - 8));
+    const k = p.getBoundingClientRect(), D = ((F = x.current) == null ? void 0 : F.offsetWidth) ?? 260, C = Math.max(8, Math.min(k.left, window.innerWidth - D - 8));
     b({ top: k.bottom + 6, left: C });
   }, [t]);
-  return pn(() => {
+  return Pt(() => {
     n && v();
   }, [n, v]), ne(() => {
     if (!n) return;
     const p = (D) => {
-      var T, w;
+      var F, w;
       const C = D.target;
-      (T = x.current) != null && T.contains(C) || (w = t.current) != null && w.contains(C) || i();
+      (F = x.current) != null && F.contains(C) || (w = t.current) != null && w.contains(C) || i();
     }, k = (D) => {
       var C;
       D.key === "Escape" && (i(), (C = t.current) == null || C.focus());
@@ -310,7 +310,7 @@ function yn({ anchorRef: t, open: n, onClose: i, label: o, theme: u, className:
     return document.addEventListener("mousedown", p), document.addEventListener("keydown", k), window.addEventListener("resize", v), window.addEventListener("scroll", v, !0), () => {
       document.removeEventListener("mousedown", p), document.removeEventListener("keydown", k), window.removeEventListener("resize", v), window.removeEventListener("scroll", v, !0);
     };
-  }, [n, i, v, t]), !n || typeof document > "u" ? null : ai(
+  }, [n, i, v, t]), !n || typeof document > "u" ? null : Ni(
     /* @__PURE__ */ h(
       "div",
       {
@@ -318,7 +318,7 @@ function yn({ anchorRef: t, open: n, onClose: i, label: o, theme: u, className:
         role: "dialog",
         onMouseDown: g ? (p) => p.preventDefault() : void 0,
         "aria-label": o,
-        "data-rg-theme": u || void 0,
+        "data-rg-theme": f || void 0,
         className: U("rg-grid-popup", d),
         style: { position: "fixed", top: E.top, left: E.left, ...a },
         children: m
@@ -327,9 +327,9 @@ function yn({ anchorRef: t, open: n, onClose: i, label: o, theme: u, className:
     document.body
   );
 }
-function pi({ value: t, onChange: n, onPick: i, onBlur: o, onKeyDown: u, min: d, max: a, locale: g, invalid: m, label: x, theme: E, className: b, style: v }) {
-  const p = j(null);
-  return /* @__PURE__ */ I(tt, { children: [
+function Ii({ value: t, onChange: n, onPick: i, onBlur: o, onKeyDown: f, min: d, max: a, locale: g, invalid: m, label: x, theme: E, className: b, style: v }) {
+  const p = W(null);
+  return /* @__PURE__ */ I(ht, { children: [
     /* @__PURE__ */ h(
       "input",
       {
@@ -349,24 +349,24 @@ function pi({ value: t, onChange: n, onPick: i, onBlur: o, onKeyDown: u, min: d,
         onChange: (D) => n(D.target.value.trim()),
         onBlur: o,
         onKeyDown: (D) => {
-          const C = D.ctrlKey || D.altKey || D.metaKey, T = D.key === "ArrowUp" ? { days: -7, months: 0 } : D.key === "ArrowDown" ? { days: 7, months: 0 } : C && D.key === "ArrowLeft" ? { days: -1, months: 0 } : C && D.key === "ArrowRight" ? { days: 1, months: 0 } : D.key === "PageUp" ? { days: 0, months: -1 } : D.key === "PageDown" ? { days: 0, months: 1 } : null;
-          if (!T || D.shiftKey) return u(D);
+          const C = D.ctrlKey || D.altKey || D.metaKey, F = D.key === "ArrowUp" ? { days: -7, months: 0 } : D.key === "ArrowDown" ? { days: 7, months: 0 } : C && D.key === "ArrowLeft" ? { days: -1, months: 0 } : C && D.key === "ArrowRight" ? { days: 1, months: 0 } : D.key === "PageUp" ? { days: 0, months: -1 } : D.key === "PageDown" ? { days: 0, months: 1 } : null;
+          if (!F || D.shiftKey) return f(D);
           D.preventDefault();
-          const w = se(t) ?? /* @__PURE__ */ new Date(), P = new Date(w.getFullYear(), w.getMonth() + T.months + 1, 0).getDate(), X = new Date(w.getFullYear(), w.getMonth() + T.months, Math.min(w.getDate(), P) + T.days);
-          let q = he(X);
+          const w = le(t) ?? /* @__PURE__ */ new Date(), O = new Date(w.getFullYear(), w.getMonth() + F.months + 1, 0).getDate(), H = new Date(w.getFullYear(), w.getMonth() + F.months, Math.min(w.getDate(), O) + F.days);
+          let q = pe(H);
           d && q < d && (q = d), a && q > a && (q = a), n(q);
         },
         onFocus: (D) => D.currentTarget.setSelectionRange(D.currentTarget.value.length, D.currentTarget.value.length)
       }
     ),
-    /* @__PURE__ */ h(yn, { anchorRef: p, open: !0, onClose: () => {
-    }, label: x, theme: E, className: "rg-date-popup", keepFocus: !0, children: /* @__PURE__ */ h(lo, { value: t, min: d, max: a, locale: g, onPick: i, keepFocus: !0 }) })
+    /* @__PURE__ */ h(kn, { anchorRef: p, open: !0, onClose: () => {
+    }, label: x, theme: E, className: "rg-date-popup", keepFocus: !0, children: /* @__PURE__ */ h(go, { value: t, min: d, max: a, locale: g, onPick: i, keepFocus: !0 }) })
   ] });
 }
-function Kr(t) {
+function Jr(t) {
   return t.filterType ? t.filterType : t.type === "number" ? "number" : t.type === "date" ? "date" : t.type === "boolean" ? "select" : "text";
 }
-const zr = [
+const Zr = [
   "contains",
   "notContains",
   "equals",
@@ -375,7 +375,7 @@ const zr = [
   "notStartsWith",
   "endsWith",
   "notEndsWith"
-], qr = {
+], Qr = {
   contains: "Contains",
   notContains: "Does not contain",
   equals: "Equals",
@@ -385,102 +385,102 @@ const zr = [
   endsWith: "Ends with",
   notEndsWith: "Does not end with"
 };
-function ao(t) {
+function bo(t) {
   const n = t.filterOperators;
   if (!n) return null;
-  if (n === !0) return zr;
-  const i = zr.filter((o) => n.includes(o));
+  if (n === !0) return Zr;
+  const i = Zr.filter((o) => n.includes(o));
   return i.length > 0 ? i : null;
 }
-function gi(t, n) {
-  const i = ao(t), o = t.filterOperator ?? (n === "exact" ? "equals" : "contains");
+function Mi(t, n) {
+  const i = bo(t), o = t.filterOperator ?? (n === "exact" ? "equals" : "contains");
   return i && !i.includes(o) ? i[0] : o;
 }
-function Yr(t, n, i) {
-  const o = n.toLowerCase(), u = i.trim().toLowerCase();
+function eo(t, n, i) {
+  const o = n.toLowerCase(), f = i.trim().toLowerCase();
   switch (t) {
     case "contains":
-      return o.includes(u);
+      return o.includes(f);
     case "notContains":
-      return !o.includes(u);
+      return !o.includes(f);
     case "equals":
-      return o === u;
+      return o === f;
     case "notEquals":
-      return o !== u;
+      return o !== f;
     case "startsWith":
-      return o.startsWith(u);
+      return o.startsWith(f);
     case "notStartsWith":
-      return !o.startsWith(u);
+      return !o.startsWith(f);
     case "endsWith":
-      return o.endsWith(u);
+      return o.endsWith(f);
     case "notEndsWith":
-      return !o.endsWith(u);
+      return !o.endsWith(f);
   }
 }
-const co = (t) => typeof t == "object" && t !== null && !Array.isArray(t);
-function uo(t) {
+const yo = (t) => typeof t == "object" && t !== null && !Array.isArray(t);
+function xo(t) {
   if (t == null) return !1;
   if (typeof t == "string") return t.trim() !== "";
   if (Array.isArray(t)) return t.length > 0;
-  if (co(t)) {
+  if (yo(t)) {
     const n = t;
     return typeof n.operator == "string" ? typeof n.value == "string" && n.value.trim() !== "" : typeof n.min == "number" || typeof n.max == "number" || !!n.from || !!n.to;
   }
   return !1;
 }
-function mi(t, n, i, o) {
+function $i(t, n, i, o) {
   switch (t) {
     case "text":
     case "exact": {
-      if (co(n)) {
-        const u = n;
-        return Yr(u.operator, i, String(u.value ?? ""));
+      if (yo(n)) {
+        const f = n;
+        return eo(f.operator, i, String(f.value ?? ""));
       }
-      return Yr(t === "exact" ? "equals" : "contains", i, String(n));
+      return eo(t === "exact" ? "equals" : "contains", i, String(n));
     }
     case "number": {
-      const { min: u, max: d } = n, a = typeof o == "number" ? o : o == null || o === "" ? NaN : Number(o);
-      return Number.isNaN(a) ? !1 : (typeof u != "number" || a >= u) && (typeof d != "number" || a <= d);
+      const { min: f, max: d } = n, a = typeof o == "number" ? o : o == null || o === "" ? NaN : Number(o);
+      return Number.isNaN(a) ? !1 : (typeof f != "number" || a >= f) && (typeof d != "number" || a <= d);
     }
     case "date": {
-      const { from: u, to: d } = n, a = he(o);
-      return a ? (!u || a >= u) && (!d || a <= d) : !1;
+      const { from: f, to: d } = n, a = pe(o);
+      return a ? (!f || a >= f) && (!d || a <= d) : !1;
     }
     case "select":
       return n.includes(String(o ?? ""));
   }
 }
-function bi(t, n, i, o) {
+function Pi(t, n, i, o) {
   if (t.filterOptions) return t.filterOptions.map((d) => typeof d == "string" ? { value: d, label: d } : d);
   if (t.type === "boolean")
     return [
       { value: "true", label: "Yes" },
       { value: "false", label: "No" }
     ];
-  const u = /* @__PURE__ */ new Map();
+  const f = /* @__PURE__ */ new Map();
   for (const d of n) {
     const a = i(d);
     if (a == null || a === "") continue;
     const g = String(a);
-    u.has(g) || u.set(g, o(d));
+    f.has(g) || f.set(g, o(d));
   }
-  return [...u].map(([d, a]) => ({ value: d, label: a })).sort((d, a) => d.label.localeCompare(a.label, void 0, { numeric: !0 }));
+  return [...f].map(([d, a]) => ({ value: d, label: a })).sort((d, a) => d.label.localeCompare(a.label, void 0, { numeric: !0 }));
 }
-const Vr = (t) => {
+const to = (t) => {
   if (t.trim() === "") return;
   const n = Number(t);
   return Number.isFinite(n) ? n : void 0;
-}, qn = (t) => typeof t == "object" && t !== null && !Array.isArray(t);
-function yi({
+}, Jn = (t) => typeof t == "object" && t !== null && !Array.isArray(t);
+function Li({
   value: t,
   onChange: n,
   label: i,
   debounce: o,
-  inputClassName: u,
+  inputClassName: f,
   inputStyle: d
 }) {
-  const a = qn(t) ? t : {}, [g, m] = z(a.min === void 0 ? "" : String(a.min)), [x, E] = z(a.max === void 0 ? "" : String(a.max)), b = j(a), v = so((p, k) => {
-    const D = Vr(p), C = Vr(k);
+  const a = Jn(t) ? t : {}, [g, m] = j(a.min === void 0 ? "" : String(a.min)), [x, E] = j(a.max === void 0 ? "" : String(a.max)), b = W(a), v = mo((p, k) => {
+    const D = to(p), C = to(k);
     b.current = { min: D, max: C }, n(D === void 0 && C === void 0 ? void 0 : { min: D, max: C });
   }, o);
   return ne(() => {
@@ -493,7 +493,7 @@ function yi({
         {
           autoFocus: !0,
           type: "number",
-          className: U("rg-grid__filter-input", u),
+          className: U("rg-grid__filter-input", f),
           style: d,
           value: g,
           "aria-label": `Minimum ${i}`,
@@ -510,7 +510,7 @@ function yi({
         "input",
         {
           type: "number",
-          className: U("rg-grid__filter-input", u),
+          className: U("rg-grid__filter-input", f),
           style: d,
           value: x,
           "aria-label": `Maximum ${i}`,
@@ -523,18 +523,18 @@ function yi({
     ] })
   ] });
 }
-function xi({
+function Oi({
   value: t,
   onChange: n,
   onEnter: i,
   label: o,
-  kind: u,
+  kind: f,
   placeholder: d,
   debounce: a,
   inputClassName: g,
   inputStyle: m
 }) {
-  const [x, E] = z(t), b = j(t), v = so((p) => {
+  const [x, E] = j(t), b = W(t), v = mo((p) => {
     b.current = p, n(p || void 0);
   }, a);
   return ne(() => {
@@ -547,7 +547,7 @@ function xi({
       className: U("rg-grid__filter-input", g),
       style: m,
       value: x,
-      placeholder: d ?? (u === "exact" ? "Exactly…" : `Filter ${o}…`),
+      placeholder: d ?? (f === "exact" ? "Exactly…" : `Filter ${o}…`),
       "aria-label": `Filter text for ${o}`,
       onChange: (p) => {
         E(p.target.value), v.call(p.target.value);
@@ -558,41 +558,41 @@ function xi({
     }
   );
 }
-function _i({
+function Ri({
   value: t,
   onChange: n,
   label: i,
   inputClassName: o,
-  inputStyle: u,
+  inputStyle: f,
   min: d,
   max: a,
   locale: g
 }) {
-  const m = qn(t) ? t : {}, x = (T, w) => n(!T && !w ? void 0 : { from: T || void 0, to: w || void 0 }), [E, b] = z(m.from ?? ""), [v, p] = z(m.to ?? "");
+  const m = Jn(t) ? t : {}, x = (F, w) => n(!F && !w ? void 0 : { from: F || void 0, to: w || void 0 }), [E, b] = j(m.from ?? ""), [v, p] = j(m.to ?? "");
   ne(() => {
-    (se(E) ? E : "") !== (m.from ?? "") && b(m.from ?? ""), (se(v) ? v : "") !== (m.to ?? "") && p(m.to ?? "");
+    (le(E) ? E : "") !== (m.from ?? "") && b(m.from ?? ""), (le(v) ? v : "") !== (m.to ?? "") && p(m.to ?? "");
   }, [m.from, m.to]);
-  const k = (T, w) => {
-    if ((T === "from" ? b : p)(w), w !== "" && !se(w)) return;
-    const P = w || void 0;
-    T === "from" ? x(P, m.to) : x(m.from, P);
-  }, D = (T) => {
-    T && (!m.from || m.to ? x(T, void 0) : T < m.from ? x(T, m.from) : x(m.from, T));
-  }, C = (T, w, P) => /* @__PURE__ */ I("label", { className: "rg-grid__filter-field", children: [
-    /* @__PURE__ */ h("span", { children: T === "from" ? "From" : "To" }),
+  const k = (F, w) => {
+    if ((F === "from" ? b : p)(w), w !== "" && !le(w)) return;
+    const O = w || void 0;
+    F === "from" ? x(O, m.to) : x(m.from, O);
+  }, D = (F) => {
+    F && (!m.from || m.to ? x(F, void 0) : F < m.from ? x(F, m.from) : x(m.from, F));
+  }, C = (F, w, O) => /* @__PURE__ */ I("label", { className: "rg-grid__filter-field", children: [
+    /* @__PURE__ */ h("span", { children: F === "from" ? "From" : "To" }),
     /* @__PURE__ */ h(
       "input",
       {
-        autoFocus: P,
+        autoFocus: O,
         type: "text",
         inputMode: "numeric",
         placeholder: "YYYY-MM-DD",
-        className: U("rg-grid__filter-input", w !== "" && !se(w) && "rg-grid__filter-input--invalid", o),
-        style: u,
+        className: U("rg-grid__filter-input", w !== "" && !le(w) && "rg-grid__filter-input--invalid", o),
+        style: f,
         value: w,
-        "aria-label": `${i} ${T}`,
-        "aria-invalid": w !== "" && !se(w) || void 0,
-        onChange: (X) => k(T, X.target.value.trim())
+        "aria-label": `${i} ${F}`,
+        "aria-invalid": w !== "" && !le(w) || void 0,
+        onChange: (H) => k(F, H.target.value.trim())
       }
     )
   ] });
@@ -601,44 +601,44 @@ function _i({
       C("from", E, !0),
       C("to", v, !1)
     ] }),
-    /* @__PURE__ */ h(lo, { range: m, min: d, max: a, locale: g, onPick: D, hideFooter: !0 })
+    /* @__PURE__ */ h(go, { range: m, min: d, max: a, locale: g, onPick: D, hideFooter: !0 })
   ] });
 }
-function wi({
+function Ui({
   value: t,
   onChange: n,
   options: i
 }) {
-  const o = Array.isArray(t) ? t : [], u = (d, a) => {
+  const o = Array.isArray(t) ? t : [], f = (d, a) => {
     const g = a ? [...o, d] : o.filter((m) => m !== d);
     n(g.length ? g : void 0);
   };
   return /* @__PURE__ */ I("div", { className: "rg-grid__filter-fields rg-grid__filter-options", role: "group", children: [
     i.length === 0 && /* @__PURE__ */ h("span", { className: "rg-grid__filter-empty", children: "No values" }),
     i.map((d) => /* @__PURE__ */ h(
-      ht,
+      ft,
       {
         checked: o.includes(d.value),
-        onChange: (a) => u(d.value, a),
+        onChange: (a) => f(d.value, a),
         label: d.label ?? d.value
       },
       d.value
     ))
   ] });
 }
-function vi({
+function Ai({
   value: t,
   options: n,
   onChange: i,
   label: o
 }) {
-  const [u, d] = z(!1), [a, g] = z(0), m = si(), x = j(null), E = () => {
+  const [f, d] = j(!1), [a, g] = j(0), m = Si(), x = W(null), E = () => {
     g(Math.max(0, n.indexOf(t))), d(!0);
   }, b = (p) => {
     var k;
     i(p), d(!1), (k = x.current) == null || k.focus();
   }, v = (p) => {
-    if (!u) {
+    if (!f) {
       (p.key === "ArrowDown" || p.key === "ArrowUp") && (p.preventDefault(), E());
       return;
     }
@@ -677,19 +677,19 @@ function vi({
         role: "combobox",
         "aria-label": `Comparison for ${o}`,
         "aria-haspopup": "listbox",
-        "aria-expanded": u,
-        "aria-controls": u ? m : void 0,
-        "aria-activedescendant": u ? `${m}-${a}` : void 0,
-        onClick: () => u ? d(!1) : E(),
+        "aria-expanded": f,
+        "aria-controls": f ? m : void 0,
+        "aria-activedescendant": f ? `${m}-${a}` : void 0,
+        onClick: () => f ? d(!1) : E(),
         onBlur: () => d(!1),
         onKeyDown: v,
         children: [
-          /* @__PURE__ */ h("span", { className: "rg-op__value", children: qr[t] }),
+          /* @__PURE__ */ h("span", { className: "rg-op__value", children: Qr[t] }),
           /* @__PURE__ */ h("svg", { className: "rg-op__chevron", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ h("path", { d: "M2.5 4.5 6 8l3.5-3.5" }) })
         ]
       }
     ),
-    u && // mousedown must not move focus away from the button, or onBlur would close the list before the click lands
+    f && // mousedown must not move focus away from the button, or onBlur would close the list before the click lands
     /* @__PURE__ */ h("ul", { id: m, role: "listbox", className: "rg-op__list", "aria-label": `Comparisons for ${o}`, onMouseDown: (p) => p.preventDefault(), children: n.map((p, k) => /* @__PURE__ */ I(
       "li",
       {
@@ -701,7 +701,7 @@ function vi({
         onMouseEnter: () => g(k),
         onClick: () => b(p),
         children: [
-          qr[p],
+          Qr[p],
           p === t && /* @__PURE__ */ h("svg", { className: "rg-op__check", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ h("path", { d: "M2.5 6.5 5 9l4.5-5.5" }) })
         ]
       },
@@ -709,12 +709,12 @@ function vi({
     )) })
   ] });
 }
-function ki({
+function Wi({
   column: t,
   label: n,
   kind: i,
   value: o,
-  onChange: u,
+  onChange: f,
   options: d,
   debounce: a = 300,
   theme: g,
@@ -725,32 +725,32 @@ function ki({
   inputClassName: v,
   inputStyle: p
 }) {
-  const [k, D] = z(!1), C = j(null), T = uo(o), w = Fe(() => D(!1), []), P = qn(o) ? o : null, X = typeof o == "string" ? o : typeof (P == null ? void 0 : P.value) == "string" ? P.value : "", q = (i === "text" || i === "exact") && !t.filterRenderer ? ao(t) : null, [R, H] = z(() => gi(t, i)), Se = P && typeof P.operator == "string" ? P.operator : R, Pe = (V) => {
-    if (V === void 0) return u(void 0);
-    u(q ? { operator: Se, value: String(V) } : V);
-  }, ze = (V) => {
-    H(V), X.trim() !== "" && u({ operator: V, value: X });
-  }, Ee = () => {
+  const [k, D] = j(!1), C = W(null), F = xo(o), w = Te(() => D(!1), []), O = Jn(o) ? o : null, H = typeof o == "string" ? o : typeof (O == null ? void 0 : O.value) == "string" ? O.value : "", q = (i === "text" || i === "exact") && !t.filterRenderer ? bo(t) : null, [A, V] = j(() => Mi(t, i)), ke = O && typeof O.operator == "string" ? O.operator : A, Le = (Y) => {
+    if (Y === void 0) return f(void 0);
+    f(q ? { operator: ke, value: String(Y) } : Y);
+  }, ze = (Y) => {
+    V(Y), H.trim() !== "" && f({ operator: Y, value: H });
+  }, Fe = () => {
     if (t.filterRenderer)
-      return Ke(t.filterRenderer, { column: t, value: X, onChange: (V) => u(V || void 0) });
+      return Pe(t.filterRenderer, { column: t, value: H, onChange: (Y) => f(Y || void 0) });
     switch (i) {
       case "number":
-        return /* @__PURE__ */ h(yi, { value: o, onChange: u, label: n, debounce: a, inputClassName: v, inputStyle: p });
+        return /* @__PURE__ */ h(Li, { value: o, onChange: f, label: n, debounce: a, inputClassName: v, inputStyle: p });
       case "date":
-        return /* @__PURE__ */ h(_i, { value: o, onChange: u, label: n, min: t.dateMin, max: t.dateMax, locale: t.dateLocale, inputClassName: v, inputStyle: p });
+        return /* @__PURE__ */ h(Ri, { value: o, onChange: f, label: n, min: t.dateMin, max: t.dateMax, locale: t.dateLocale, inputClassName: v, inputStyle: p });
       case "select":
-        return /* @__PURE__ */ h(wi, { value: o, onChange: u, options: d });
+        return /* @__PURE__ */ h(Ui, { value: o, onChange: f, options: d });
       default:
         return /* @__PURE__ */ I("div", { className: "rg-grid__filter-stack", children: [
-          q && /* @__PURE__ */ h(vi, { value: Se, options: q, onChange: ze, label: n }),
+          q && /* @__PURE__ */ h(Ai, { value: ke, options: q, onChange: ze, label: n }),
           /* @__PURE__ */ h(
-            xi,
+            Oi,
             {
-              value: X,
-              onChange: Pe,
+              value: H,
+              onChange: Le,
               onEnter: () => {
-                var V;
-                D(!1), (V = C.current) == null || V.focus();
+                var Y;
+                D(!1), (Y = C.current) == null || Y.focus();
               },
               label: n,
               kind: i,
@@ -763,7 +763,7 @@ function ki({
         ] });
     }
   };
-  return /* @__PURE__ */ I(tt, { children: [
+  return /* @__PURE__ */ I(ht, { children: [
     /* @__PURE__ */ h(
       "button",
       {
@@ -771,7 +771,7 @@ function ki({
         type: "button",
         className: U(
           "rg-grid__filter-btn",
-          T && "rg-grid__filter-btn--active",
+          F && "rg-grid__filter-btn--active",
           k && "rg-grid__filter-btn--open",
           m
         ),
@@ -779,16 +779,16 @@ function ki({
         "aria-label": `Filter ${n}`,
         "aria-haspopup": "dialog",
         "aria-expanded": k,
-        "data-active": T || void 0,
-        onClick: (V) => {
-          V.stopPropagation(), D((ae) => !ae);
+        "data-active": F || void 0,
+        onClick: (Y) => {
+          Y.stopPropagation(), D((se) => !se);
         },
-        onKeyDown: (V) => V.stopPropagation(),
-        children: t.filterIndicator ? Ke(t.filterIndicator, { column: t, active: T, open: k }) : /* @__PURE__ */ h("span", { className: "rg-grid__filter-dot", "aria-hidden": "true" })
+        onKeyDown: (Y) => Y.stopPropagation(),
+        children: t.filterIndicator ? Pe(t.filterIndicator, { column: t, active: F, open: k }) : /* @__PURE__ */ h("span", { className: "rg-grid__filter-dot", "aria-hidden": "true" })
       }
     ),
     /* @__PURE__ */ I(
-      yn,
+      kn,
       {
         anchorRef: C,
         open: k,
@@ -798,22 +798,22 @@ function ki({
         className: E,
         style: b,
         children: [
-          Ee(),
-          T && /* @__PURE__ */ h("button", { type: "button", className: "rg-grid__filter-clear", onClick: () => u(void 0), children: "Clear" })
+          Fe(),
+          F && /* @__PURE__ */ h("button", { type: "button", className: "rg-grid__filter-clear", onClick: () => f(void 0), children: "Clear" })
         ]
       }
     )
   ] });
 }
-function Si({ columns: t, hidden: n, onToggle: i, theme: o, className: u, style: d }) {
-  const [a, g] = z(!1), m = j(null), x = Fe(() => g(!1), []), E = t.filter((b) => !n.has(b.field)).length;
-  return /* @__PURE__ */ I(tt, { children: [
+function Bi({ columns: t, hidden: n, onToggle: i, theme: o, className: f, style: d }) {
+  const [a, g] = j(!1), m = W(null), x = Te(() => g(!1), []), E = t.filter((b) => !n.has(b.field)).length;
+  return /* @__PURE__ */ I(ht, { children: [
     /* @__PURE__ */ h(
       "button",
       {
         ref: m,
         type: "button",
-        className: U("rg-grid__tool-btn", u),
+        className: U("rg-grid__tool-btn", f),
         style: d,
         "aria-haspopup": "dialog",
         "aria-expanded": a,
@@ -821,57 +821,57 @@ function Si({ columns: t, hidden: n, onToggle: i, theme: o, className: u, style:
         children: "Columns"
       }
     ),
-    /* @__PURE__ */ h(yn, { anchorRef: m, open: a, onClose: x, label: "Show or hide columns", theme: o, children: /* @__PURE__ */ h("div", { className: "rg-grid__filter-fields rg-grid__filter-options", role: "group", "aria-label": "Columns", children: t.filter((b) => b.hideable !== !1).map((b) => {
+    /* @__PURE__ */ h(kn, { anchorRef: m, open: a, onClose: x, label: "Show or hide columns", theme: o, children: /* @__PURE__ */ h("div", { className: "rg-grid__filter-fields rg-grid__filter-options", role: "group", "aria-label": "Columns", children: t.filter((b) => b.hideable !== !1).map((b) => {
       const v = !n.has(b.field);
       return /* @__PURE__ */ h(
-        ht,
+        ft,
         {
           checked: v,
           disabled: v && E <= 1,
           onChange: (p) => i(b.field, !p),
-          label: et(b)
+          label: nt(b)
         },
         b.field
       );
     }) }) })
   ] });
 }
-const Ni = /^[=+\-@\t\r]/;
-function Ci(t, n, i) {
+const ji = /^[=+\-@\t\r]/;
+function Ki(t, n, i) {
   if (t == null) return "";
   let o = String(t);
-  return i && typeof t == "string" && Ni.test(o) && !Number.isFinite(Number(o)) && (o = `'${o}`), o.includes(n) || /["\r\n]/.test(o) ? `"${o.replace(/"/g, '""')}"` : o;
+  return i && typeof t == "string" && ji.test(o) && !Number.isFinite(Number(o)) && (o = `'${o}`), o.includes(n) || /["\r\n]/.test(o) ? `"${o.replace(/"/g, '""')}"` : o;
 }
-function Di(t, n, i = {}) {
-  const { delimiter: o = ",", sanitize: u = !0 } = i, d = (a) => a.map((g) => Ci(g, o, u)).join(o);
+function zi(t, n, i = {}) {
+  const { delimiter: o = ",", sanitize: f = !0 } = i, d = (a) => a.map((g) => Ki(g, o, f)).join(o);
   return [d(t), ...n.map(d)].join(`\r
 `);
 }
-function gn(t, n) {
+function _n(t, n) {
   if (typeof document > "u") return;
   const i = URL.createObjectURL(t), o = document.createElement("a");
   o.href = i, o.download = n, o.style.display = "none", document.body.appendChild(o), o.click(), o.remove(), setTimeout(() => URL.revokeObjectURL(i), 1e3);
 }
-function Ti(t, n) {
-  gn(new Blob(["\uFEFF", t], { type: "text/csv;charset=utf-8" }), n);
+function qi(t, n) {
+  _n(new Blob(["\uFEFF", t], { type: "text/csv;charset=utf-8" }), n);
 }
-const fo = {
+const _o = {
   csv: "CSV",
   xlsx: "Excel",
   json: "JSON",
   pdf: "PDF"
-}, Fi = { csv: ".csv", xlsx: ".xlsx", json: ".json", pdf: ".pdf" }, Ei = (t) => `Export ${fo[t]}`;
-function Ii({ formats: t, scopes: n, scope: i, onScopeChange: o, onExport: u, theme: d, className: a, style: g, popupClassName: m }) {
-  const [x, E] = z(!1), [b, v] = z(null), p = j(null), k = Fe(() => E(!1), []), D = async (C) => {
-    var T;
+}, Yi = { csv: ".csv", xlsx: ".xlsx", json: ".json", pdf: ".pdf" }, Vi = (t) => `Export ${_o[t]}`;
+function Hi({ formats: t, scopes: n, scope: i, onScopeChange: o, onExport: f, theme: d, className: a, style: g, popupClassName: m }) {
+  const [x, E] = j(!1), [b, v] = j(null), p = W(null), k = Te(() => E(!1), []), D = async (C) => {
+    var F;
     v(C);
     try {
-      await u(C, i);
+      await f(C, i);
     } finally {
-      v(null), E(!1), (T = p.current) == null || T.focus();
+      v(null), E(!1), (F = p.current) == null || F.focus();
     }
   };
-  return /* @__PURE__ */ I(tt, { children: [
+  return /* @__PURE__ */ I(ht, { children: [
     /* @__PURE__ */ I(
       "button",
       {
@@ -888,12 +888,12 @@ function Ii({ formats: t, scopes: n, scope: i, onScopeChange: o, onExport: u, th
         ]
       }
     ),
-    /* @__PURE__ */ h(yn, { anchorRef: p, open: x, onClose: k, label: "Export", theme: d, className: U("rg-export-popup", m), children: /* @__PURE__ */ I("div", { className: "rg-export", children: [
+    /* @__PURE__ */ h(kn, { anchorRef: p, open: x, onClose: k, label: "Export", theme: d, className: U("rg-export-popup", m), children: /* @__PURE__ */ I("div", { className: "rg-export", children: [
       n.length > 1 && /* @__PURE__ */ I("div", { className: "rg-export__group", role: "radiogroup", "aria-label": "Rows to export", children: [
         /* @__PURE__ */ h("div", { className: "rg-export__title", children: "Rows to export" }),
         n.map((C) => {
-          const T = C.count === 0;
-          return /* @__PURE__ */ I("label", { className: U("rg-export__scope", T && "rg-export__scope--disabled", C.value === i && "rg-export__scope--on"), children: [
+          const F = C.count === 0;
+          return /* @__PURE__ */ I("label", { className: U("rg-export__scope", F && "rg-export__scope--disabled", C.value === i && "rg-export__scope--on"), children: [
             /* @__PURE__ */ h(
               "input",
               {
@@ -901,7 +901,7 @@ function Ii({ formats: t, scopes: n, scope: i, onScopeChange: o, onExport: u, th
                 name: "rg-export-scope",
                 value: C.value,
                 checked: C.value === i,
-                disabled: T,
+                disabled: F,
                 onChange: () => o(C.value)
               }
             ),
@@ -921,8 +921,8 @@ function Ii({ formats: t, scopes: n, scope: i, onScopeChange: o, onExport: u, th
             disabled: b !== null,
             onClick: () => D(C),
             children: [
-              /* @__PURE__ */ h("span", { children: fo[C] }),
-              /* @__PURE__ */ h("span", { className: "rg-export__ext", children: b === C ? "Preparing…" : Fi[C] })
+              /* @__PURE__ */ h("span", { children: _o[C] }),
+              /* @__PURE__ */ h("span", { className: "rg-export__ext", children: b === C ? "Preparing…" : Yi[C] })
             ]
           },
           C
@@ -931,8 +931,8 @@ function Ii({ formats: t, scopes: n, scope: i, onScopeChange: o, onExport: u, th
     ] }) })
   ] });
 }
-let we;
-function fe(t) {
+let _e;
+function he(t) {
   const n = (t ?? "").trim();
   if (!n || n === "transparent" || n === "none") return null;
   const i = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(n);
@@ -941,34 +941,34 @@ function fe(t) {
     return x.length === 3 && (x = x.split("").map((E) => E + E).join("")), [parseInt(x.slice(0, 2), 16), parseInt(x.slice(2, 4), 16), parseInt(x.slice(4, 6), 16)];
   }
   const o = /^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[,/]\s*([\d.]+%?))?\s*\)$/i.exec(n);
-  if (o) return Hr([Number(o[1]), Number(o[2]), Number(o[3])], Mi(o[4]));
-  if (typeof document > "u" || (we === void 0 && (we = document.createElement("canvas").getContext("2d", { willReadFrequently: !0 })), !we)) return null;
-  we.fillStyle = "#000000", we.fillStyle = n;
-  const u = String(we.fillStyle);
-  if (we.fillStyle = "#ffffff", we.fillStyle = n, u !== String(we.fillStyle)) return null;
-  we.clearRect(0, 0, 1, 1), we.fillRect(0, 0, 1, 1);
-  const [d, a, g, m] = we.getImageData(0, 0, 1, 1).data;
-  return m === 0 ? null : Hr([d, a, g], m / 255);
+  if (o) return no([Number(o[1]), Number(o[2]), Number(o[3])], Xi(o[4]));
+  if (typeof document > "u" || (_e === void 0 && (_e = document.createElement("canvas").getContext("2d", { willReadFrequently: !0 })), !_e)) return null;
+  _e.fillStyle = "#000000", _e.fillStyle = n;
+  const f = String(_e.fillStyle);
+  if (_e.fillStyle = "#ffffff", _e.fillStyle = n, f !== String(_e.fillStyle)) return null;
+  _e.clearRect(0, 0, 1, 1), _e.fillRect(0, 0, 1, 1);
+  const [d, a, g, m] = _e.getImageData(0, 0, 1, 1).data;
+  return m === 0 ? null : no([d, a, g], m / 255);
 }
-const Mi = (t) => t === void 0 ? 1 : t.endsWith("%") ? parseFloat(t) / 100 : parseFloat(t);
-function Hr(t, n) {
+const Xi = (t) => t === void 0 ? 1 : t.endsWith("%") ? parseFloat(t) / 100 : parseFloat(t);
+function no(t, n) {
   if (!(n > 0)) return null;
   const i = Math.min(1, n);
   return t.map((o) => Math.round(Math.min(255, o) * i + 255 * (1 - i)));
 }
-const $i = ([t, n, i]) => (0.299 * t + 0.587 * n + 0.114 * i) / 255, An = (t) => $i(t) > 0.55 ? [31, 41, 55] : [243, 244, 246], Bn = 72 / 96, $t = "Install them with: npm install jspdf jspdf-autotable (and html2canvas for header / footer elements), then pass them in exportable.pdf.libraries.";
-async function Xr(t, n) {
+const Gi = ([t, n, i]) => (0.299 * t + 0.587 * n + 0.114 * i) / 255, qn = (t) => Gi(t) > 0.55 ? [31, 41, 55] : [243, 244, 246], Yn = 72 / 96, Lt = "Install them with: npm install jspdf jspdf-autotable (and html2canvas for header / footer elements), then pass them in exportable.pdf.libraries.";
+async function ro(t, n) {
   try {
     return await n();
   } catch (i) {
     const o = i instanceof Error ? i.message : String(i);
-    throw new Error(`PDF export needs the package "${t}", which could not be loaded (${o}). ${$t}`);
+    throw new Error(`PDF export needs the package "${t}", which could not be loaded (${o}). ${Lt}`);
   }
 }
-function Gr(t, n, i) {
+function oo(t, n, i) {
   return t.replace(/\{page\}/g, String(n)).replace(/\{pages\}/g, String(i)).replace(/\{date\}/g, (/* @__PURE__ */ new Date()).toLocaleDateString());
 }
-async function Pi(t) {
+async function Ji(t) {
   const n = Array.from(t.querySelectorAll("img")).map(
     (i) => i.complete ? Promise.resolve() : new Promise((o) => {
       i.addEventListener("load", () => o(), { once: !0 }), i.addEventListener("error", () => o(), { once: !0 });
@@ -976,50 +976,50 @@ async function Pi(t) {
   );
   await Promise.race([Promise.all(n), new Promise((i) => setTimeout(i, 5e3))]);
 }
-async function Li(t, n, i, o, u) {
+async function Zi(t, n, i, o, f) {
   const d = i.html2canvas;
   if (typeof d != "function")
-    throw new Error(`A PDF header / footer element needs html2canvas. Add it to exportable.pdf.libraries. ${$t}`);
+    throw new Error(`A PDF header / footer element needs html2canvas. Add it to exportable.pdf.libraries. ${Lt}`);
   const [a, g] = await Promise.all([
-    Xr("react-dom/client", () => import("./client-DUlru6F3.js").then((b) => b.c)),
-    Xr("react-dom", () => import("react-dom"))
+    ro("react-dom/client", () => import("./client-DUlru6F3.js").then((b) => b.c)),
+    ro("react-dom", () => import("react-dom"))
   ]), m = 2, x = document.createElement("div");
-  x.style.cssText = `position:fixed;left:-10000px;top:0;width:${Math.round(n / Bn)}px;background:${o};color:${u};font-family:system-ui,sans-serif;font-size:14px;`, document.body.appendChild(x);
+  x.style.cssText = `position:fixed;left:-10000px;top:0;width:${Math.round(n / Yn)}px;background:${o};color:${f};font-family:system-ui,sans-serif;font-size:14px;`, document.body.appendChild(x);
   const E = a.createRoot(x);
   try {
-    g.flushSync(() => E.render(t)), await Pi(x), await new Promise((v) => requestAnimationFrame(() => v(void 0)));
+    g.flushSync(() => E.render(t)), await Ji(x), await new Promise((v) => requestAnimationFrame(() => v(void 0)));
     const b = await d(x, { scale: m, backgroundColor: o, useCORS: !0, logging: !1 });
-    return { dataUrl: b.toDataURL("image/png"), width: b.width / m * Bn, height: b.height / m * Bn };
+    return { dataUrl: b.toDataURL("image/png"), width: b.width / m * Yn, height: b.height / m * Yn };
   } finally {
     E.unmount(), x.remove();
   }
 }
-async function Wn(t, n, i, o, u, d) {
+async function Vn(t, n, i, o, f, d) {
   if (t == null || t === !1 || t === !0 || t === "") return null;
   if (typeof t == "string" || typeof t == "number") return { kind: "text", text: String(t) };
-  const a = await Li(t, n, o, u, d), g = Math.min(1, n / a.width, i / a.height);
+  const a = await Zi(t, n, o, f, d), g = Math.min(1, n / a.width, i / a.height);
   return { kind: "image", dataUrl: a.dataUrl, width: a.width * g, height: a.height * g };
 }
-const Jr = (t) => `rgb(${t[0]},${t[1]},${t[2]})`, Qr = ["normal", "bold", "italic", "bolditalic"];
-function Zr(t, n) {
+const io = (t) => `rgb(${t[0]},${t[1]},${t[2]})`, lo = ["normal", "bold", "italic", "bolditalic"];
+function so(t, n) {
   return typeof t == "number" ? { top: t, right: t, bottom: t, left: t } : { top: (t == null ? void 0 : t.top) ?? n, right: (t == null ? void 0 : t.right) ?? n, bottom: (t == null ? void 0 : t.bottom) ?? n, left: (t == null ? void 0 : t.left) ?? n };
 }
-function eo(t) {
+function ao(t) {
   return Object.fromEntries(Object.entries(t).filter(([, n]) => n !== void 0));
 }
-async function Oi(t, n = {}, i = {}) {
-  var it, Me;
+async function Qi(t, n = {}, i = {}) {
+  var it, lt;
   let o;
   try {
     o = typeof n.libraries == "function" ? await n.libraries() : n.libraries;
-  } catch (F) {
-    const Q = F instanceof Error ? F.message : String(F);
-    throw new Error(`PDF export could not load jspdf / jspdf-autotable (${Q}). ${$t}`);
+  } catch (T) {
+    const Z = T instanceof Error ? T.message : String(T);
+    throw new Error(`PDF export could not load jspdf / jspdf-autotable (${Z}). ${Lt}`);
   }
-  if (!o) throw new Error(`PDF export needs the jspdf and jspdf-autotable libraries. ${$t}`);
-  const u = o.jsPDF, d = o.autoTable;
-  if (typeof u != "function" || typeof d != "function")
-    throw new Error(`exportable.pdf.libraries must contain jsPDF (a class) and autoTable (a function). ${$t}`);
+  if (!o) throw new Error(`PDF export needs the jspdf and jspdf-autotable libraries. ${Lt}`);
+  const f = o.jsPDF, d = o.autoTable;
+  if (typeof f != "function" || typeof d != "function")
+    throw new Error(`exportable.pdf.libraries must contain jsPDF (a class) and autoTable (a function). ${Lt}`);
   const {
     title: a,
     header: g,
@@ -1032,131 +1032,131 @@ async function Oi(t, n = {}, i = {}) {
     pageNumbers: k = !0,
     maxImageHeight: D = 90,
     beforeRender: C,
-    autoTableOptions: T
+    autoTableOptions: F
   } = n, w = {
     ...i,
-    ...eo({
+    ...ao({
       headColor: n.headColor,
       headTextColor: n.headTextColor,
       fontSize: n.fontSize,
       fontName: n.fontName,
       margin: n.margin
     }),
-    ...eo(n.style ?? {})
-  }, P = Zr(w.margin, 36), X = w.fontName ?? "helvetica", q = w.fontSize ?? 9, R = fe(w.pageBackground), H = R ? An(R) : [75, 85, 99], Se = fe(w.textColor) ?? H, Pe = fe(w.titleColor) ?? (R ? An(R) : [17, 24, 39]), ze = fe(w.headColor) ?? [79, 70, 229], Ee = fe(w.headTextColor) ?? [255, 255, 255], V = fe(w.bodyTextColor), ae = fe((it = w.stripeColors) == null ? void 0 : it[0]), Ie = fe((Me = w.stripeColors) == null ? void 0 : Me[1]), _ = fe(w.bodyColor) ?? ae ?? R ?? void 0, G = fe(w.borderColor), S = new u({
+    ...ao(n.style ?? {})
+  }, O = so(w.margin, 36), H = w.fontName ?? "helvetica", q = w.fontSize ?? 9, A = he(w.pageBackground), V = A ? qn(A) : [75, 85, 99], ke = he(w.textColor) ?? V, Le = he(w.titleColor) ?? (A ? qn(A) : [17, 24, 39]), ze = he(w.headColor) ?? [79, 70, 229], Fe = he(w.headTextColor) ?? [255, 255, 255], Y = he(w.bodyTextColor), se = he((it = w.stripeColors) == null ? void 0 : it[0]), Ee = he((lt = w.stripeColors) == null ? void 0 : lt[1]), _ = he(w.bodyColor) ?? se ?? A ?? void 0, G = he(w.borderColor), S = new f({
     orientation: b === "auto" ? t.headers.length > 6 ? "landscape" : "portrait" : b,
     unit: "pt",
     format: v
   });
   C && await C(S);
-  const B = S.internal.pageSize.getWidth(), ce = S.internal.pageSize.getHeight(), pe = B - P.left - P.right, qe = 10, nt = 12, Pt = /* @__PURE__ */ new Set(), pt = (F) => {
-    !R || Pt.has(F) || (Pt.add(F), S.setFillColor(...R), S.rect(0, 0, B, ce, "F"));
+  const B = S.internal.pageSize.getWidth(), ce = S.internal.pageSize.getHeight(), ge = B - O.left - O.right, qe = 10, rt = 12, Ot = /* @__PURE__ */ new Set(), pt = (T) => {
+    !A || Ot.has(T) || (Ot.add(T), S.setFillColor(...A), S.rect(0, 0, B, ce, "F"));
   };
   pt(1);
-  const Ye = R ? Jr(R) : "#ffffff", Ve = Jr(Se), de = await Wn(g, pe, D, o, Ye, Ve), ge = await Wn(m, pe, D, o, Ye, Ve);
-  S.setFont(X, "normal"), S.setFontSize(qe);
-  const gt = (F) => F ? F.kind === "image" ? F.height : S.splitTextToSize(Gr(F.text, 99, 99), pe).length * nt : 0, He = gt(de), mt = gt(ge), Le = Math.min(18, P.top), bt = ce - 14, yt = ce - (k ? 26 : 18), Lt = de ? Math.max(P.top, Le + He + 12) : P.top, xt = Math.max(P.bottom, ge ? ce - yt + mt + 10 : k ? 34 : 0);
-  let Xe = Lt;
+  const Ye = A ? io(A) : "#ffffff", Ve = io(ke), de = await Vn(g, ge, D, o, Ye, Ve), me = await Vn(m, ge, D, o, Ye, Ve);
+  S.setFont(H, "normal"), S.setFontSize(qe);
+  const gt = (T) => T ? T.kind === "image" ? T.height : S.splitTextToSize(oo(T.text, 99, 99), ge).length * rt : 0, He = gt(de), mt = gt(me), Oe = Math.min(18, O.top), bt = ce - 14, yt = ce - (k ? 26 : 18), Rt = de ? Math.max(O.top, Oe + He + 12) : O.top, xt = Math.max(O.bottom, me ? ce - yt + mt + 10 : k ? 34 : 0);
+  let Xe = Rt;
   if (a && typeof a != "string" && typeof a != "number" && typeof a != "boolean") {
-    const F = await Wn(a, pe, D, o, Ye, Ve);
-    F && F.kind === "image" && (S.addImage(F.dataUrl, "PNG", P.left, Xe, F.width, F.height), Xe += F.height + 12);
-  } else a && (S.setFont(X, "bold"), S.setFontSize(w.titleSize ?? 14), S.setTextColor(...Pe), S.text(String(a), P.left, Xe + (w.titleSize ?? 14)), Xe += (w.titleSize ?? 14) + 12);
-  const Ot = {};
-  t.fields.forEach((F, Q) => {
-    var st;
-    const L = (st = w.columns) == null ? void 0 : st[F], xe = {}, Y = (L == null ? void 0 : L.align) ?? t.aligns[Q];
-    Y && (xe.halign = Y), (L == null ? void 0 : L.width) !== void 0 && (xe.cellWidth = L.width);
-    const A = fe(L == null ? void 0 : L.textColor);
-    A && (xe.textColor = A);
-    const lt = fe(L == null ? void 0 : L.backgroundColor);
-    lt && (xe.fillColor = lt), L != null && L.fontStyle && Qr.includes(L.fontStyle) && (xe.fontStyle = L.fontStyle), L != null && L.fontSize && (xe.fontSize = L.fontSize), Object.keys(xe).length > 0 && (Ot[Q] = xe);
+    const T = await Vn(a, ge, D, o, Ye, Ve);
+    T && T.kind === "image" && (S.addImage(T.dataUrl, "PNG", O.left, Xe, T.width, T.height), Xe += T.height + 12);
+  } else a && (S.setFont(H, "bold"), S.setFontSize(w.titleSize ?? 14), S.setTextColor(...Le), S.text(String(a), O.left, Xe + (w.titleSize ?? 14)), Xe += (w.titleSize ?? 14) + 12);
+  const Ut = {};
+  t.fields.forEach((T, Z) => {
+    var Wt;
+    const P = (Wt = w.columns) == null ? void 0 : Wt[T], ae = {}, Je = (P == null ? void 0 : P.align) ?? t.aligns[Z];
+    Je && (ae.halign = Je), (P == null ? void 0 : P.width) !== void 0 && (ae.cellWidth = P.width);
+    const Re = he(P == null ? void 0 : P.textColor);
+    Re && (ae.textColor = Re);
+    const At = he(P == null ? void 0 : P.backgroundColor);
+    At && (ae.fillColor = At), P != null && P.fontStyle && lo.includes(P.fontStyle) && (ae.fontStyle = P.fontStyle), P != null && P.fontSize && (ae.fontSize = P.fontSize), Object.keys(ae).length > 0 && (Ut[Z] = ae);
   });
-  const ye = {
-    font: X,
+  const Ie = {
+    font: H,
     fontSize: q,
-    cellPadding: Zr(w.cellPadding, 4),
+    cellPadding: so(w.cellPadding, 4),
     overflow: "linebreak",
     valign: "middle"
   };
-  V ? ye.textColor = V : R && (ye.textColor = An(R)), G && (ye.lineColor = G), w.borderWidth !== void 0 ? ye.lineWidth = w.borderWidth : G && (ye.lineWidth = 0.5), w.minRowHeight && (ye.minCellHeight = w.minRowHeight);
-  const Ce = {
+  Y ? Ie.textColor = Y : A && (Ie.textColor = qn(A)), G && (Ie.lineColor = G), w.borderWidth !== void 0 ? Ie.lineWidth = w.borderWidth : G && (Ie.lineWidth = 0.5), w.minRowHeight && (Ie.minCellHeight = w.minRowHeight);
+  const Se = {
     head: [t.headers],
     body: t.rows,
     startY: Xe,
-    margin: { top: Lt, right: P.right, bottom: xt, left: P.left },
+    margin: { top: Rt, right: O.right, bottom: xt, left: O.left },
     theme: p,
     showHead: "everyPage",
-    styles: ye,
+    styles: Ie,
     headStyles: {
       fillColor: ze,
-      textColor: Ee,
-      fontStyle: w.headFontStyle && Qr.includes(w.headFontStyle) ? w.headFontStyle : "bold",
+      textColor: Fe,
+      fontStyle: w.headFontStyle && lo.includes(w.headFontStyle) ? w.headFontStyle : "bold",
       ...w.headFontSize ? { fontSize: w.headFontSize } : null
     },
-    columnStyles: Ot,
+    columnStyles: Ut,
     // A new page starts blank: paint its background before the table draws on it
     willDrawPage: () => {
-      var Q, L;
-      const F = typeof S.getCurrentPageInfo == "function" ? S.getCurrentPageInfo() : (L = (Q = S.internal).getCurrentPageInfo) == null ? void 0 : L.call(Q);
-      F != null && F.pageNumber && pt(F.pageNumber);
+      var Z, P;
+      const T = typeof S.getCurrentPageInfo == "function" ? S.getCurrentPageInfo() : (P = (Z = S.internal).getCurrentPageInfo) == null ? void 0 : P.call(Z);
+      T != null && T.pageNumber && pt(T.pageNumber);
     }
   };
-  _ && (Ce.bodyStyles = { fillColor: _ }), ae && Ie ? (Ce.bodyStyles = { fillColor: ae }, Ce.alternateRowStyles = { fillColor: Ie }) : (ae || _) && (Ce.alternateRowStyles = { fillColor: _ });
-  const Rt = { ...Ce, ...T };
-  for (const F of ["styles", "headStyles", "bodyStyles", "alternateRowStyles", "margin"]) {
-    const Q = Ce[F], L = T == null ? void 0 : T[F];
-    Q && L && typeof L == "object" && (Rt[F] = { ...Q, ...L });
+  _ && (Se.bodyStyles = { fillColor: _ }), se && Ee ? (Se.bodyStyles = { fillColor: se }, Se.alternateRowStyles = { fillColor: Ee }) : (se || _) && (Se.alternateRowStyles = { fillColor: _ });
+  const ot = { ...Se, ...F };
+  for (const T of ["styles", "headStyles", "bodyStyles", "alternateRowStyles", "margin"]) {
+    const Z = Se[T], P = F == null ? void 0 : F[T];
+    Z && P && typeof P == "object" && (ot[T] = { ...Z, ...P });
   }
-  d(S, Rt);
-  const re = typeof S.getNumberOfPages == "function" ? S.getNumberOfPages() : S.internal.getNumberOfPages(), rt = (F, Q) => F === "center" ? (B - Q) / 2 : F === "right" ? B - P.right - Q : P.left, ot = (F, Q, L, xe) => {
-    if (!F) return;
-    if (F.kind === "image") {
-      S.addImage(F.dataUrl, "PNG", rt(L, F.width), Q, F.width, F.height);
+  d(S, ot);
+  const _t = typeof S.getNumberOfPages == "function" ? S.getNumberOfPages() : S.internal.getNumberOfPages(), ue = (T, Z) => T === "center" ? (B - Z) / 2 : T === "right" ? B - O.right - Z : O.left, Ge = (T, Z, P, ae) => {
+    if (!T) return;
+    if (T.kind === "image") {
+      S.addImage(T.dataUrl, "PNG", ue(P, T.width), Z, T.width, T.height);
       return;
     }
-    S.setFont(X, "normal"), S.setFontSize(qe), S.setTextColor(...Se);
-    const Y = S.splitTextToSize(Gr(F.text, xe, re), pe), A = L === "center" ? B / 2 : L === "right" ? B - P.right : P.left;
-    S.text(Y, A, Q + qe, { align: L });
+    S.setFont(H, "normal"), S.setFontSize(qe), S.setTextColor(...ke);
+    const Je = S.splitTextToSize(oo(T.text, ae, _t), ge), Re = P === "center" ? B / 2 : P === "right" ? B - O.right : O.left;
+    S.text(Je, Re, Z + qe, { align: P });
   };
-  for (let F = 1; F <= re; F++)
-    S.setPage(F), ot(de, Le, x, F), ot(ge, yt - mt, E, F), k && (S.setFont(X, "normal"), S.setFontSize(8), S.setTextColor(...Se), S.text(`Page ${F} of ${re}`, B - P.right, bt, { align: "right" }));
+  for (let T = 1; T <= _t; T++)
+    S.setPage(T), Ge(de, Oe, x, T), Ge(me, yt - mt, E, T), k && (S.setFont(H, "normal"), S.setFontSize(8), S.setTextColor(...ke), S.text(`Page ${T} of ${_t}`, B - O.right, bt, { align: "right" }));
   return S.output("blob");
 }
-function Ri(t) {
+function el(t) {
   var E;
   if (!t || typeof getComputedStyle > "u") return {};
   const n = {}, i = (b) => b ? getComputedStyle(b) : null, o = (b) => {
     var v;
     for (let p = b; p; p = p.parentElement) {
       const k = (v = i(p)) == null ? void 0 : v.backgroundColor;
-      if (k && fe(k)) return k;
+      if (k && he(k)) return k;
     }
-  }, u = (b) => {
-    const v = fe(b);
+  }, f = (b) => {
+    const v = he(b);
     return v ? "#" + v.map((p) => p.toString(16).padStart(2, "0")).join("") : void 0;
   }, d = (b) => b ? Math.round(parseFloat(b) * 0.75 * 10) / 10 : void 0, a = t.querySelector("thead th");
   if (a) {
     const b = i(a);
-    n.headColor = u(o(a)), n.headTextColor = u(b.color), n.headFontStyle = parseInt(b.fontWeight, 10) >= 600 ? "bold" : "normal";
+    n.headColor = f(o(a)), n.headTextColor = f(b.color), n.headFontStyle = parseInt(b.fontWeight, 10) >= 600 ? "bold" : "normal";
   }
   const g = Array.from(t.querySelectorAll("tbody tr.rg-grid__row:not(.rg-grid__row--exit)")).slice(0, 2), m = (E = g[0]) == null ? void 0 : E.querySelector("td");
   if (m) {
     const b = i(m);
-    n.bodyTextColor = u(b.color);
+    n.bodyTextColor = f(b.color);
     const v = d(b.fontSize);
     v && !Number.isNaN(v) && (n.fontSize = Math.min(14, Math.max(6, v)));
-    const p = u(o(g[0].querySelector("td"))), k = u(g[1] ? o(g[1].querySelector("td")) : void 0);
+    const p = f(o(g[0].querySelector("td"))), k = f(g[1] ? o(g[1].querySelector("td")) : void 0);
     n.bodyColor = p, p && k && p !== k && (n.stripeColors = [p, k]);
     const D = i(m);
-    parseFloat(D.borderBottomWidth) > 0 && D.borderBottomStyle !== "none" && (n.borderColor = u(D.borderBottomColor), n.borderWidth = 0.5);
+    parseFloat(D.borderBottomWidth) > 0 && D.borderBottomStyle !== "none" && (n.borderColor = f(D.borderBottomColor), n.borderWidth = 0.5);
   }
-  const x = u(o(t));
-  return x && x !== "#ffffff" && (n.pageBackground = x), n.textColor = u(i(t).color), n.fontName = void 0, Object.keys(n).forEach((b) => n[b] === void 0 && delete n[b]), n;
+  const x = f(o(t));
+  return x && x !== "#ffffff" && (n.pageBackground = x), n.textColor = f(i(t).color), n.fontName = void 0, Object.keys(n).forEach((b) => n[b] === void 0 && delete n[b]), n;
 }
-const Ui = { none: 0, asc: 0, desc: 180 };
-function Ai({ direction: t, size: n = 14, priority: i, className: o, style: u }) {
-  const d = j(0), g = ((Ui[t ?? "none"] - d.current) % 360 + 360) % 360;
-  return d.current += g, /* @__PURE__ */ I("span", { className: U("rg-sort-arrow", t && "rg-sort-arrow--active", o), style: u, "data-direction": t ?? "none", children: [
+const wo = { none: 0, asc: 0, desc: 180 };
+function tl({ direction: t, size: n = 14, priority: i, className: o, style: f }) {
+  const d = W(0), g = ((wo[t ?? "none"] - d.current) % 360 + 360) % 360;
+  return d.current += g, /* @__PURE__ */ I("span", { className: U("rg-sort-arrow", t && "rg-sort-arrow--active", o), style: f, "data-direction": t ?? "none", children: [
     /* @__PURE__ */ I(
       "svg",
       {
@@ -1181,22 +1181,26 @@ function Ai({ direction: t, size: n = 14, priority: i, className: o, style: u })
     t && i !== void 0 && /* @__PURE__ */ h("sup", { className: "rg-sort-arrow__order", children: i })
   ] });
 }
-const ho = new TextEncoder();
-let hn = null;
-function Bi(t) {
-  if (!hn) {
-    hn = new Uint32Array(256);
+function nl({ direction: t, children: n }) {
+  const i = W(0), o = ((wo[t ?? "none"] - i.current) % 360 + 360) % 360;
+  return i.current += o, /* @__PURE__ */ h("span", { className: "rg-sort-turn", style: { transform: `rotate(${i.current}deg)` }, children: n });
+}
+const vo = new TextEncoder();
+let xn = null;
+function rl(t) {
+  if (!xn) {
+    xn = new Uint32Array(256);
     for (let i = 0; i < 256; i++) {
       let o = i;
-      for (let u = 0; u < 8; u++) o = o & 1 ? 3988292384 ^ o >>> 1 : o >>> 1;
-      hn[i] = o >>> 0;
+      for (let f = 0; f < 8; f++) o = o & 1 ? 3988292384 ^ o >>> 1 : o >>> 1;
+      xn[i] = o >>> 0;
     }
   }
   let n = 4294967295;
-  for (let i = 0; i < t.length; i++) n = hn[(n ^ t[i]) & 255] ^ n >>> 8;
+  for (let i = 0; i < t.length; i++) n = xn[(n ^ t[i]) & 255] ^ n >>> 8;
   return (n ^ 4294967295) >>> 0;
 }
-async function Wi(t) {
+async function ol(t) {
   const n = globalThis.CompressionStream;
   if (typeof n > "u") return null;
   try {
@@ -1206,27 +1210,27 @@ async function Wi(t) {
     return null;
   }
 }
-async function ji(t) {
-  const n = /* @__PURE__ */ new Date(), i = n.getHours() << 11 | n.getMinutes() << 5 | n.getSeconds() >> 1, o = n.getFullYear() - 1980 << 9 | n.getMonth() + 1 << 5 | n.getDate(), u = [], d = [];
+async function il(t) {
+  const n = /* @__PURE__ */ new Date(), i = n.getHours() << 11 | n.getMinutes() << 5 | n.getSeconds() >> 1, o = n.getFullYear() - 1980 << 9 | n.getMonth() + 1 << 5 | n.getDate(), f = [], d = [];
   let a = 0;
   for (const p of t) {
-    const k = ho.encode(p.name), D = Bi(p.data), C = await Wi(p.data), T = C !== null && C.length < p.data.length, w = T ? C : p.data, P = T ? 8 : 0, X = new Uint8Array(30 + k.length), q = new DataView(X.buffer);
-    q.setUint32(0, 67324752, !0), q.setUint16(4, 20, !0), q.setUint16(6, 2048, !0), q.setUint16(8, P, !0), q.setUint16(10, i, !0), q.setUint16(12, o, !0), q.setUint32(14, D, !0), q.setUint32(18, w.length, !0), q.setUint32(22, p.data.length, !0), q.setUint16(26, k.length, !0), q.setUint16(28, 0, !0), X.set(k, 30);
-    const R = new Uint8Array(46 + k.length), H = new DataView(R.buffer);
-    H.setUint32(0, 33639248, !0), H.setUint16(4, 20, !0), H.setUint16(6, 20, !0), H.setUint16(8, 2048, !0), H.setUint16(10, P, !0), H.setUint16(12, i, !0), H.setUint16(14, o, !0), H.setUint32(16, D, !0), H.setUint32(20, w.length, !0), H.setUint32(24, p.data.length, !0), H.setUint16(28, k.length, !0), H.setUint32(42, a, !0), R.set(k, 46), u.push(X, w), d.push(R), a += X.length + w.length;
+    const k = vo.encode(p.name), D = rl(p.data), C = await ol(p.data), F = C !== null && C.length < p.data.length, w = F ? C : p.data, O = F ? 8 : 0, H = new Uint8Array(30 + k.length), q = new DataView(H.buffer);
+    q.setUint32(0, 67324752, !0), q.setUint16(4, 20, !0), q.setUint16(6, 2048, !0), q.setUint16(8, O, !0), q.setUint16(10, i, !0), q.setUint16(12, o, !0), q.setUint32(14, D, !0), q.setUint32(18, w.length, !0), q.setUint32(22, p.data.length, !0), q.setUint16(26, k.length, !0), q.setUint16(28, 0, !0), H.set(k, 30);
+    const A = new Uint8Array(46 + k.length), V = new DataView(A.buffer);
+    V.setUint32(0, 33639248, !0), V.setUint16(4, 20, !0), V.setUint16(6, 20, !0), V.setUint16(8, 2048, !0), V.setUint16(10, O, !0), V.setUint16(12, i, !0), V.setUint16(14, o, !0), V.setUint32(16, D, !0), V.setUint32(20, w.length, !0), V.setUint32(24, p.data.length, !0), V.setUint16(28, k.length, !0), V.setUint32(42, a, !0), A.set(k, 46), f.push(H, w), d.push(A), a += H.length + w.length;
   }
   const g = d.reduce((p, k) => p + k.length, 0), m = new Uint8Array(22), x = new DataView(m.buffer);
   x.setUint32(0, 101010256, !0), x.setUint16(8, t.length, !0), x.setUint16(10, t.length, !0), x.setUint32(12, g, !0), x.setUint32(16, a, !0);
-  const E = [...u, ...d, m], b = new Uint8Array(E.reduce((p, k) => p + k.length, 0));
+  const E = [...f, ...d, m], b = new Uint8Array(E.reduce((p, k) => p + k.length, 0));
   let v = 0;
   for (const p of E)
     b.set(p, v), v += p.length;
   return b;
 }
-function bn(t) {
+function vn(t) {
   return t.replace(/[\u0000-\u0008\u000B\u000C\u000E-\u001F￾￿]/g, "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function mn(t) {
+function wn(t) {
   let n = t + 1, i = "";
   for (; n > 0; ) {
     const o = (n - 1) % 26;
@@ -1234,16 +1238,16 @@ function mn(t) {
   }
   return i;
 }
-function Ki(t) {
+function ll(t) {
   const n = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t);
   if (!n) return null;
-  const [i, o, u] = [Number(n[1]), Number(n[2]), Number(n[3])], d = new Date(Date.UTC(i, o - 1, u));
-  return d.getUTCFullYear() !== i || d.getUTCMonth() !== o - 1 || d.getUTCDate() !== u ? null : Math.round((d.getTime() - Date.UTC(1899, 11, 30)) / 864e5);
+  const [i, o, f] = [Number(n[1]), Number(n[2]), Number(n[3])], d = new Date(Date.UTC(i, o - 1, f));
+  return d.getUTCFullYear() !== i || d.getUTCMonth() !== o - 1 || d.getUTCDate() !== f ? null : Math.round((d.getTime() - Date.UTC(1899, 11, 30)) / 864e5);
 }
-function zi(t) {
+function sl(t) {
   return (t ?? "").replace(/[\[\]:*?/\\]/g, " ").trim().slice(0, 31) || "Sheet1";
 }
-const qi = 1, Yi = 2, Vi = 3, Hi = 4, Xi = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+const al = 1, cl = 2, dl = 3, ul = 4, fl = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <styleSheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main">
 <numFmts count="1"><numFmt numFmtId="164" formatCode="yyyy\\-mm\\-dd"/></numFmts>
 <fonts count="2"><font><sz val="11"/><name val="Calibri"/></font><font><b/><sz val="11"/><color rgb="FFFFFFFF"/><name val="Calibri"/></font></fonts>
@@ -1259,108 +1263,108 @@ const qi = 1, Yi = 2, Vi = 3, Hi = 4, Xi = `<?xml version="1.0" encoding="UTF-8"
 </cellXfs>
 <cellStyles count="1"><cellStyle name="Normal" xfId="0" builtinId="0"/></cellStyles>
 </styleSheet>`;
-function Gi(t, n, i) {
+function hl(t, n, i) {
   if (n == null || n === "") return "";
-  const o = i.align === "right" ? Vi : i.align === "center" ? Hi : 0;
+  const o = i.align === "right" ? dl : i.align === "center" ? ul : 0;
   if (typeof n == "boolean") return `<c r="${t}" t="b"${o ? ` s="${o}"` : ""}><v>${n ? 1 : 0}</v></c>`;
   if (typeof n == "number")
     return Number.isFinite(n) ? `<c r="${t}"${o ? ` s="${o}"` : ""}><v>${n}</v></c>` : "";
   if (i.kind === "date") {
-    const d = Ki(n);
-    if (d !== null) return `<c r="${t}" s="${Yi}"><v>${d}</v></c>`;
+    const d = ll(n);
+    if (d !== null) return `<c r="${t}" s="${cl}"><v>${d}</v></c>`;
   }
   if (i.kind === "number" && n.trim() !== "" && Number.isFinite(Number(n)))
     return `<c r="${t}"${o ? ` s="${o}"` : ""}><v>${Number(n)}</v></c>`;
-  const u = bn(n.slice(0, 32767));
-  return `<c r="${t}" t="inlineStr"${o ? ` s="${o}"` : ""}><is><t xml:space="preserve">${u}</t></is></c>`;
+  const f = vn(n.slice(0, 32767));
+  return `<c r="${t}" t="inlineStr"${o ? ` s="${o}"` : ""}><is><t xml:space="preserve">${f}</t></is></c>`;
 }
-const to = (t) => t == null ? 0 : typeof t == "boolean" ? 5 : String(t).length;
-function Ji(t, n) {
-  const i = mn(Math.max(0, t.length - 1)), o = n.length + 1, u = t.map((a, g) => {
-    let m = to(a.header) + 3;
-    for (let x = 0; x < Math.min(n.length, 500); x++) m = Math.max(m, a.kind === "date" ? 11 : to(n[x][g]));
+const co = (t) => t == null ? 0 : typeof t == "boolean" ? 5 : String(t).length;
+function pl(t, n) {
+  const i = wn(Math.max(0, t.length - 1)), o = n.length + 1, f = t.map((a, g) => {
+    let m = co(a.header) + 3;
+    for (let x = 0; x < Math.min(n.length, 500); x++) m = Math.max(m, a.kind === "date" ? 11 : co(n[x][g]));
     return Math.min(60, Math.max(8, m + 2));
   }), d = [];
-  return d.push('<?xml version="1.0" encoding="UTF-8" standalone="yes"?>'), d.push('<worksheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main">'), d.push(`<dimension ref="A1:${i}${o}"/>`), d.push('<sheetViews><sheetView workbookViewId="0"><pane ySplit="1" topLeftCell="A2" activePane="bottomLeft" state="frozen"/><selection pane="bottomLeft"/></sheetView></sheetViews>'), d.push('<sheetFormatPr defaultRowHeight="15"/>'), d.push("<cols>" + u.map((a, g) => `<col min="${g + 1}" max="${g + 1}" width="${a}" customWidth="1"/>`).join("") + "</cols>"), d.push("<sheetData>"), d.push(
-    '<row r="1" ht="22" customHeight="1">' + t.map((a, g) => `<c r="${mn(g)}1" s="${qi}" t="inlineStr"><is><t xml:space="preserve">${bn(a.header)}</t></is></c>`).join("") + "</row>"
+  return d.push('<?xml version="1.0" encoding="UTF-8" standalone="yes"?>'), d.push('<worksheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main">'), d.push(`<dimension ref="A1:${i}${o}"/>`), d.push('<sheetViews><sheetView workbookViewId="0"><pane ySplit="1" topLeftCell="A2" activePane="bottomLeft" state="frozen"/><selection pane="bottomLeft"/></sheetView></sheetViews>'), d.push('<sheetFormatPr defaultRowHeight="15"/>'), d.push("<cols>" + f.map((a, g) => `<col min="${g + 1}" max="${g + 1}" width="${a}" customWidth="1"/>`).join("") + "</cols>"), d.push("<sheetData>"), d.push(
+    '<row r="1" ht="22" customHeight="1">' + t.map((a, g) => `<c r="${wn(g)}1" s="${al}" t="inlineStr"><is><t xml:space="preserve">${vn(a.header)}</t></is></c>`).join("") + "</row>"
   ), n.forEach((a, g) => {
-    const m = g + 2, x = t.map((E, b) => Gi(`${mn(b)}${m}`, a[b], E)).join("");
+    const m = g + 2, x = t.map((E, b) => hl(`${wn(b)}${m}`, a[b], E)).join("");
     d.push(`<row r="${m}">${x}</row>`);
   }), d.push("</sheetData>"), d.push(`<autoFilter ref="A1:${i}${o}"/>`), d.push("</worksheet>"), d.join("");
 }
-async function Qi(t, n, i = {}) {
-  const o = zi(i.sheetName), u = `'${o.replace(/'/g, "''")}'`, d = mn(Math.max(0, t.length - 1)), a = {
+async function gl(t, n, i = {}) {
+  const o = sl(i.sheetName), f = `'${o.replace(/'/g, "''")}'`, d = wn(Math.max(0, t.length - 1)), a = {
     "[Content_Types].xml": `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types"><Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"/><Default Extension="xml" ContentType="application/xml"/><Override PartName="/xl/workbook.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml"/><Override PartName="/xl/worksheets/sheet1.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml"/><Override PartName="/xl/styles.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml"/></Types>`,
     "_rels/.rels": `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument" Target="xl/workbook.xml"/></Relationships>`,
     "xl/workbook.xml": `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
-<workbook xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"><sheets><sheet name="${bn(o)}" sheetId="1" r:id="rId1"/></sheets><definedNames><definedName name="_xlnm._FilterDatabase" localSheetId="0" hidden="1">${bn(u)}!$A$1:$${d}$${n.length + 1}</definedName></definedNames></workbook>`,
+<workbook xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships"><sheets><sheet name="${vn(o)}" sheetId="1" r:id="rId1"/></sheets><definedNames><definedName name="_xlnm._FilterDatabase" localSheetId="0" hidden="1">${vn(f)}!$A$1:$${d}$${n.length + 1}</definedName></definedNames></workbook>`,
     "xl/_rels/workbook.xml.rels": `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
 <Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet" Target="worksheets/sheet1.xml"/><Relationship Id="rId2" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles" Target="styles.xml"/></Relationships>`,
-    "xl/styles.xml": Xi,
-    "xl/worksheets/sheet1.xml": Ji(t, n)
-  }, g = await ji(Object.entries(a).map(([m, x]) => ({ name: m, data: ho.encode(x) })));
+    "xl/styles.xml": fl,
+    "xl/worksheets/sheet1.xml": pl(t, n)
+  }, g = await il(Object.entries(a).map(([m, x]) => ({ name: m, data: vo.encode(x) })));
   return new Blob([g], { type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" });
 }
-const Kn = /* @__PURE__ */ new Set(["__proto__", "prototype", "constructor"]), po = (t, n) => Object.prototype.hasOwnProperty.call(t, n);
-function ve(t, n) {
+const Xn = /* @__PURE__ */ new Set(["__proto__", "prototype", "constructor"]), ko = (t, n) => Object.prototype.hasOwnProperty.call(t, n);
+function we(t, n) {
   if (t === null || typeof t != "object") return;
-  if (po(t, n)) return t[n];
+  if (ko(t, n)) return t[n];
   let i = t;
   for (const o of n.split(".")) {
-    if (i == null || typeof i != "object" || Kn.has(o)) return;
+    if (i == null || typeof i != "object" || Xn.has(o)) return;
     i = i[o];
   }
   return i;
 }
-function no(t, n, i) {
+function uo(t, n, i) {
   if (Array.isArray(t)) {
     const o = [...t];
     return o[n] = i, o;
   }
   return { ...t, [n]: i };
 }
-function zn(t, n, i) {
+function Gn(t, n, i) {
   const o = t ?? {};
-  if (po(o, n) || !n.includes("."))
-    return Kn.has(n) ? t : no(o, n, i);
-  const [u, ...d] = n.split(".");
-  if (Kn.has(u)) return t;
-  const a = o[u];
-  return no(o, u, zn(a !== null && typeof a == "object" ? a : {}, d.join("."), i));
+  if (ko(o, n) || !n.includes("."))
+    return Xn.has(n) ? t : uo(o, n, i);
+  const [f, ...d] = n.split(".");
+  if (Xn.has(f)) return t;
+  const a = o[f];
+  return uo(o, f, Gn(a !== null && typeof a == "object" ? a : {}, d.join("."), i));
 }
-function ro(t, n) {
+function fo(t, n) {
   if (n.length === 0) return t.map((a, g) => ({ kind: "row", entry: a, i: g }));
   const i = /* @__PURE__ */ new Map();
   for (const a of n) i.set(a.afterId, [...i.get(a.afterId) ?? [], a]);
-  const o = [], u = /* @__PURE__ */ new Set(), d = (a) => {
+  const o = [], f = /* @__PURE__ */ new Set(), d = (a) => {
     for (const g of i.get(a) ?? [])
-      u.has(g.id) || (u.add(g.id), o.push({ kind: "ghost", ghost: g }), d(g.id));
+      f.has(g.id) || (f.add(g.id), o.push({ kind: "ghost", ghost: g }), d(g.id));
   };
   return d(null), t.forEach((a, g) => {
     o.push({ kind: "row", entry: a, i: g }), d(a.id);
-  }), n.forEach((a) => !u.has(a.id) && o.push({ kind: "ghost", ghost: a })), o;
+  }), n.forEach((a) => !f.has(a.id) && o.push({ kind: "ghost", ghost: a })), o;
 }
-const Zi = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, je = 38, el = 150, oo = 10, jn = (t, n) => `${typeof t}:${t}\0${n}`;
-function It(t, n) {
-  const i = ve(n, t.field);
-  return t.valueFormatter ? t.valueFormatter(i, n) : t.type === "boolean" && typeof i == "boolean" ? i ? "Yes" : "No" : t.type === "date" ? fi(i, t.dateLocale, t.dateFormat) : i == null ? "" : i instanceof Date ? i.toLocaleDateString() : String(i);
+const ml = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, $e = 38, bl = 150, ho = 10, Hn = (t, n) => `${typeof t}:${t}\0${n}`;
+function Mt(t, n) {
+  const i = we(n, t.field);
+  return t.valueFormatter ? t.valueFormatter(i, n) : t.type === "boolean" && typeof i == "boolean" ? i ? "Yes" : "No" : t.type === "date" ? Fi(i, t.dateLocale, t.dateFormat) : i == null ? "" : i instanceof Date ? i.toLocaleDateString() : String(i);
 }
-function tl(t, n, i) {
+function yl(t, n, i) {
   if (i.type === "date") {
-    const o = he(t) ?? "", u = he(n) ?? "";
-    return o < u ? -1 : o > u ? 1 : 0;
+    const o = pe(t) ?? "", f = pe(n) ?? "";
+    return o < f ? -1 : o > f ? 1 : 0;
   }
   return typeof t == "number" && typeof n == "number" ? t - n : t instanceof Date && n instanceof Date ? t.getTime() - n.getTime() : typeof t == "boolean" && typeof n == "boolean" ? Number(t) - Number(n) : String(t).localeCompare(String(n), void 0, { numeric: !0, sensitivity: "base" });
 }
-const nl = (t) => t ? Array.isArray(t) ? t : [t] : [], io = (t) => t.type === "date" && t.validity.badInput;
-function sl({
+const xl = (t) => t ? Array.isArray(t) ? t : [t] : [], po = (t) => t.type === "date" && t.validity.badInput;
+function Sl({
   columns: t,
   rows: n,
   getRowId: i,
   editable: o = !1,
-  enterMovesDown: u = !0,
+  enterMovesDown: f = !0,
   onCellEdit: d,
   onRowsChange: a,
   rowSelection: g = !1,
@@ -1373,307 +1377,312 @@ function sl({
   onSortChange: k,
   multiSort: D = !1,
   searchable: C = !1,
-  searchPlaceholder: T = "Search…",
+  searchPlaceholder: F = "Search…",
   search: w,
-  onSearchChange: P,
-  filters: X,
+  onSearchChange: O,
+  filters: H,
   onFiltersChange: q,
-  pagination: R = !1,
-  paginationPosition: H = "bottom",
-  showToolbar: Se = !0,
-  showFooter: Pe = !0,
+  pagination: A = !1,
+  paginationPosition: V = "bottom",
+  showToolbar: ke = !0,
+  showFooter: Le = !0,
   pageSize: ze = 10,
-  pageSizeOptions: Ee = [5, 10, 25, 50],
-  page: V,
-  onPageChange: ae,
-  onPageSizeChange: Ie,
+  pageSizeOptions: Fe = [5, 10, 25, 50],
+  page: Y,
+  onPageChange: se,
+  onPageSizeChange: Ee,
   serverSide: _ = !1,
   rowCount: G,
   onQueryChange: S,
   queryDebounce: B = 250,
   filterDebounce: ce = 300,
-  loading: pe,
+  loading: ge,
   loadingRows: qe,
-  skeletonRow: nt,
-  errorMessage: Pt = "Could not load the data.",
+  skeletonRow: rt,
+  errorMessage: Ot = "Could not load the data.",
   columnMenu: pt = !1,
   onColumnVisibilityChange: Ye,
   keyboardNavigation: Ve = !1,
   virtualize: de = !1,
-  rowHeight: ge = 40,
+  rowHeight: me = 40,
   overscan: gt = 6,
   exportable: He = !1,
   onExportError: mt,
-  apiRef: Le,
+  apiRef: Oe,
   onRowClick: bt,
   toolbar: yt,
-  emptyMessage: Lt = "No rows to show",
+  emptyMessage: Rt = "No rows to show",
   emptyComponent: xt,
   sortIndicator: Xe = "default",
-  striped: Ot = !1,
-  stripeColors: ye,
-  checkboxVariant: Ce = "native",
-  animateRows: Rt = !0,
-  rowAnimation: re,
-  rowAnimationDuration: rt,
-  rowAnimationStagger: ot,
-  rowAnimationClassName: it,
-  rowExitAnimationClassName: Me,
-  theme: F,
-  maxHeight: Q,
-  className: L,
-  style: xe,
-  classNames: Y = {},
-  styles: A = {},
-  rowClassName: lt,
-  rowStyle: st
+  sortIndicatorRotate: Ut = !0,
+  striped: Ie = !1,
+  stripeColors: Se,
+  checkboxVariant: ot = "native",
+  animateRows: _t = !0,
+  rowAnimation: ue,
+  rowAnimationDuration: Ge,
+  rowAnimationStagger: it,
+  rowAnimationClassName: lt,
+  rowExitAnimationClassName: T,
+  theme: Z,
+  maxHeight: P,
+  stickyToolbar: ae = !1,
+  stickyHeader: Je = !1,
+  stickyOffset: Re = 0,
+  scrollbar: At = "thin",
+  className: Wt,
+  style: So,
+  classNames: X = {},
+  styles: K = {},
+  rowClassName: Sn,
+  rowStyle: Nn
 }) {
-  const Z = (e, r) => ({
-    className: U(r, Y[e]),
-    style: A[e]
-  }), [Ut, Yn] = z(n), at = j(n);
+  const Q = (e, r) => ({
+    className: U(r, X[e]),
+    style: K[e]
+  }), [Bt, Zn] = j(n), st = W(n);
   ne(() => {
-    at.current = n, Yn(n);
+    st.current = n, Zn(n);
   }, [n]);
-  const Vn = (e) => {
-    at.current = e, Yn(e);
-  }, [_t, Hn] = Et(w, "", P), [ct, Xn] = Et(X, {}, q), [me, go] = Et(v, nl(p), k), [xn, dt] = Et(V, 0, ae), [oe, mo] = z(ze), bo = (e) => {
-    mo(e), Ie == null || Ie(e);
-  }, [At, yo] = z(() => new Set(t.filter((e) => e.hidden).map((e) => e.field))), xo = (e, r) => {
-    const l = new Set(At);
-    r ? l.add(e) : l.delete(e), yo(l), Ye == null || Ye([...l]);
-  }, [_n, Gn] = z({}), [Bt, _o] = z({}), [rl, wo] = z(0), wt = j(/* @__PURE__ */ new Map()), [vt, Ge] = z(null), Oe = j(0), Wt = j(null), jt = j(/* @__PURE__ */ new Map()), [wn, Jn] = z(null), vn = j(null), Qn = j(null), kt = j(null), [kn, Zn] = z({ top: 0, height: 0 }), W = ke(() => {
-    const e = t.filter((r) => !At.has(r.field)).map((r) => r.type === "sequence" ? { ...r, sortable: !1, filterable: !1, editable: !1, filterRenderer: void 0 } : r);
+  const Qn = (e) => {
+    st.current = e, Zn(e);
+  }, [wt, er] = It(w, "", O), [at, tr] = It(H, {}, q), [be, No] = It(v, xl(p), k), [Cn, ct] = It(Y, 0, se), [re, Co] = j(ze), Do = (e) => {
+    Co(e), Ee == null || Ee(e);
+  }, [jt, To] = j(() => new Set(t.filter((e) => e.hidden).map((e) => e.field))), Fo = (e, r) => {
+    const l = new Set(jt);
+    r ? l.add(e) : l.delete(e), To(l), Ye == null || Ye([...l]);
+  }, [Dn, nr] = j({}), [Kt, Eo] = j({}), [_l, Io] = j(0), vt = W(/* @__PURE__ */ new Map()), [kt, Ze] = j(null), Ue = W(0), zt = W(null), qt = W(/* @__PURE__ */ new Map()), [Tn, rr] = j(null), Fn = W(null), or = W(null), St = W(null), [En, ir] = j({ top: 0, height: 0 }), L = ve(() => {
+    const e = t.filter((r) => !jt.has(r.field)).map((r) => r.type === "sequence" ? { ...r, sortable: !1, filterable: !1, editable: !1, filterRenderer: void 0 } : r);
     return [
       ...e.filter((r) => r.pinned === "left"),
       ...e.filter((r) => r.pinned !== "left" && r.pinned !== "right"),
       ...e.filter((r) => r.pinned === "right")
     ];
-  }, [t, At]), Sn = (e) => e.sortable === !0, ue = g === "single" ? "single" : g ? "multiple" : null, St = W.length + (ue ? 1 : 0), Je = ke(
-    () => Ut.map((e, r) => ({ row: e, index: r, id: i ? i(e, r) : r })),
-    [Ut, i]
-  ), er = j(/* @__PURE__ */ new Map());
-  Je.forEach((e) => er.current.set(e.id, e.row));
-  const ut = ke(
-    () => Object.entries(ct).filter(([e, r]) => {
-      const l = W.find((s) => s.field === e);
-      return !!l && !!l.filterable && uo(r);
+  }, [t, jt]), In = (e) => e.sortable === !0, fe = g === "single" ? "single" : g ? "multiple" : null, Nt = L.length + (fe ? 1 : 0), Qe = ve(
+    () => Bt.map((e, r) => ({ row: e, index: r, id: i ? i(e, r) : r })),
+    [Bt, i]
+  ), lr = W(/* @__PURE__ */ new Map());
+  Qe.forEach((e) => lr.current.set(e.id, e.row));
+  const dt = ve(
+    () => Object.entries(at).filter(([e, r]) => {
+      const l = L.find((s) => s.field === e);
+      return !!l && !!l.filterable && xo(r);
     }),
-    [ct, W]
-  ), [vo, ko] = z(_t);
+    [at, L]
+  ), [Mo, $o] = j(wt);
   ne(() => {
     if (!_) return;
-    const e = setTimeout(() => ko(_t), B);
+    const e = setTimeout(() => $o(wt), B);
     return () => clearTimeout(e);
-  }, [_t, _, B]);
-  const Re = _ ? vo : _t, tr = (e) => e.filterRenderer ? "text" : Kr(e), $e = ke(() => {
-    if (_) return Je;
-    const e = Re.trim().toLowerCase();
-    let r = Je.filter(({ row: s }) => e && !W.some((c) => It(c, s).toLowerCase().includes(e)) ? !1 : ut.every(([c, f]) => {
-      const y = W.find((N) => N.field === c);
-      return mi(tr(y), f, It(y, s), ve(s, c));
+  }, [wt, _, B]);
+  const Ae = _ ? Mo : wt, sr = (e) => e.filterRenderer ? "text" : Jr(e), Me = ve(() => {
+    if (_) return Qe;
+    const e = Ae.trim().toLowerCase();
+    let r = Qe.filter(({ row: s }) => e && !L.some((c) => Mt(c, s).toLowerCase().includes(e)) ? !1 : dt.every(([c, u]) => {
+      const y = L.find((N) => N.field === c);
+      return $i(sr(y), u, Mt(y, s), we(s, c));
     }));
-    const l = me.map((s) => ({ col: W.find((c) => c.field === s.field), dir: s.direction === "asc" ? 1 : -1 })).filter((s) => !!s.col);
+    const l = be.map((s) => ({ col: L.find((c) => c.field === s.field), dir: s.direction === "asc" ? 1 : -1 })).filter((s) => !!s.col);
     return l.length && (r = [...r].sort((s, c) => {
-      for (const { col: f, dir: y } of l) {
-        const N = ve(s.row, f.field), M = ve(c.row, f.field), O = N == null || N === "", ee = M == null || M === "";
-        if (O || ee) {
-          if (O !== ee) return O ? 1 : -1;
+      for (const { col: u, dir: y } of l) {
+        const N = we(s.row, u.field), M = we(c.row, u.field), R = N == null || N === "", ee = M == null || M === "";
+        if (R || ee) {
+          if (R !== ee) return R ? 1 : -1;
           continue;
         }
-        const be = f.comparator ? f.comparator(N, M, s.row, c.row) : tl(N, M, f);
-        if (be !== 0) return be * y;
+        const ye = u.comparator ? u.comparator(N, M, s.row, c.row) : yl(N, M, u);
+        if (ye !== 0) return ye * y;
       }
       return 0;
     })), r;
-  }, [Je, W, Re, ut, me, _]), Kt = JSON.stringify([Re, ct, me, oe]), nr = j(Kt);
+  }, [Qe, L, Ae, dt, be, _]), Yt = JSON.stringify([Ae, at, be, re]), ar = W(Yt);
   ne(() => {
-    nr.current !== Kt && (nr.current = Kt, dt(0));
-  }, [Kt]);
-  const ft = _ ? G ?? Je.length : $e.length, Ue = R ? Math.max(1, Math.ceil(ft / oe)) : 1, ie = Math.min(xn, Ue - 1), K = R && !_ ? $e.slice(ie * oe, ie * oe + oe) : $e, So = ft === 0 ? 0 : R ? ie * oe + 1 : 1, No = R ? Math.min(ft, (ie + 1) * oe) : ft, Nn = ke(
+    ar.current !== Yt && (ar.current = Yt, ct(0));
+  }, [Yt]);
+  const ut = _ ? G ?? Qe.length : Me.length, We = A ? Math.max(1, Math.ceil(ut / re)) : 1, oe = Math.min(Cn, We - 1), z = A && !_ ? Me.slice(oe * re, oe * re + re) : Me, Po = ut === 0 ? 0 : A ? oe * re + 1 : 1, Lo = A ? Math.min(ut, (oe + 1) * re) : ut, Mn = ve(
     () => ({
-      sort: me.filter((e) => {
+      sort: be.filter((e) => {
         const r = t.find((l) => l.field === e.field);
-        return !!r && Sn(r);
+        return !!r && In(r);
       }),
-      filters: Object.fromEntries(ut),
-      search: Re.trim(),
-      page: ie,
-      pageSize: oe
+      filters: Object.fromEntries(dt),
+      search: Ae.trim(),
+      page: oe,
+      pageSize: re
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [me, t, ut, Re, ie, oe]
-  ), Co = JSON.stringify(Nn), zt = j(Nn);
-  zt.current = Nn;
-  const qt = j(S);
-  qt.current = S;
-  const [Do, Yt] = z(!1), [Cn, Dn] = z(!1), Tn = j(0), Vt = Fe((e) => {
+    [be, t, dt, Ae, oe, re]
+  ), Oo = JSON.stringify(Mn), Vt = W(Mn);
+  Vt.current = Mn;
+  const Ht = W(S);
+  Ht.current = S;
+  const [Ro, Xt] = j(() => _ && !!S), [$n, Pn] = j(!1), Ln = W(0), Gt = Te((e) => {
     var s;
-    const r = ++Tn.current, l = (s = qt.current) == null ? void 0 : s.call(qt, e);
-    l && typeof l.then == "function" ? (Yt(!0), Dn(!1), l.then(
+    const r = ++Ln.current, l = (s = Ht.current) == null ? void 0 : s.call(Ht, e);
+    l && typeof l.then == "function" ? (Xt(!0), Pn(!1), l.then(
       () => {
-        r === Tn.current && Yt(!1);
+        r === Ln.current && Xt(!1);
       },
       () => {
-        r === Tn.current && (Yt(!1), Dn(!0));
+        r === Ln.current && (Xt(!1), Pn(!0));
       }
-    )) : (Yt(!1), Dn(!1));
+    )) : (Xt(!1), Pn(!1));
   }, []);
   ne(() => {
-    _ && Vt(zt.current);
-  }, [_, Co, Vt]), ne(() => {
-    _ && R && xn > Ue - 1 && dt(Ue - 1);
-  }, [_, R, xn, Ue]);
-  const Nt = pe ?? Do, rr = (e) => e.map((r) => er.current.get(r)).filter((r) => r !== void 0), [De, Ht] = Et(
+    _ && Gt(Vt.current);
+  }, [_, Oo, Gt]), ne(() => {
+    _ && A && Cn > We - 1 && ct(We - 1);
+  }, [_, A, Cn, We]);
+  const Ct = ge ?? Ro, cr = (e) => e.map((r) => lr.current.get(r)).filter((r) => r !== void 0), [Ce, Jt] = It(
     m,
     x ?? [],
-    (e) => E == null ? void 0 : E({ ids: e, rows: rr(e) })
-  ), Xt = ke(() => new Set(De), [De]), Gt = (e) => b ? b(e) : !0, Jt = j(null), or = j(!1), To = (e, r) => {
-    if (!ue || !Gt(e.row)) return;
-    if (ue === "single") {
-      Ht(r ? [e.id] : []), Jt.current = e.id;
+    (e) => E == null ? void 0 : E({ ids: e, rows: cr(e) })
+  ), Zt = ve(() => new Set(Ce), [Ce]), Qt = (e) => b ? b(e) : !0, en = W(null), dr = W(!1), Uo = (e, r) => {
+    if (!fe || !Qt(e.row)) return;
+    if (fe === "single") {
+      Jt(r ? [e.id] : []), en.current = e.id;
       return;
     }
-    const l = new Set(De), s = or.current && Jt.current !== null ? K.findIndex((f) => f.id === Jt.current) : -1, c = K.findIndex((f) => f.id === e.id);
+    const l = new Set(Ce), s = dr.current && en.current !== null ? z.findIndex((u) => u.id === en.current) : -1, c = z.findIndex((u) => u.id === e.id);
     if (s >= 0 && c >= 0)
-      for (let f = Math.min(s, c); f <= Math.max(s, c); f++)
-        Gt(K[f].row) && (r ? l.add(K[f].id) : l.delete(K[f].id));
+      for (let u = Math.min(s, c); u <= Math.max(s, c); u++)
+        Qt(z[u].row) && (r ? l.add(z[u].id) : l.delete(z[u].id));
     else r ? l.add(e.id) : l.delete(e.id);
-    Jt.current = e.id, Ht([...l]);
-  }, Ct = ke(() => $e.filter((e) => Gt(e.row)), [$e, b]), ir = Ct.filter((e) => Xt.has(e.id)).length, lr = Ct.length > 0 && ir === Ct.length, sr = (e) => {
-    const r = new Set(De);
-    Ct.forEach((l) => e ? r.add(l.id) : r.delete(l.id)), Ht([...r]);
-  }, Qt = (e, r, l) => ({
-    value: ve(r, e.field),
-    formattedValue: It(e, r),
+    en.current = e.id, Jt([...l]);
+  }, Dt = ve(() => Me.filter((e) => Qt(e.row)), [Me, b]), ur = Dt.filter((e) => Zt.has(e.id)).length, fr = Dt.length > 0 && ur === Dt.length, hr = (e) => {
+    const r = new Set(Ce);
+    Dt.forEach((l) => e ? r.add(l.id) : r.delete(l.id)), Jt([...r]);
+  }, tn = (e, r, l) => ({
+    value: we(r, e.field),
+    formattedValue: Mt(e, r),
     row: r,
     rowIndex: l,
     field: e.field,
     column: e
-  }), Fn = (e, r) => {
+  }), On = (e, r) => {
     const l = e.editable ?? o;
     return typeof l == "function" ? l(r) : !!l;
-  }, Zt = (e, r) => Fn(e, r) && !(e.type === "boolean" && !e.cellEditor), Fo = (e, r) => {
-    const l = Qt(e, r.row, r.index), s = Fn(e, l);
+  }, nn = (e, r) => On(e, r) && !(e.type === "boolean" && !e.cellEditor), Ao = (e, r) => {
+    const l = tn(e, r.row, r.index), s = On(e, l);
     return {
       ...l,
       editable: s,
-      updateValue: (c) => s && cr(r, e, { value: c })
+      updateValue: (c) => s && gr(r, e, { value: c })
     };
-  }, ar = (e, r) => {
-    if (!Sn(e)) return;
-    const l = me.find((f) => f.field === e.field), s = l ? l.direction === "asc" ? "desc" : null : "asc";
+  }, pr = (e, r) => {
+    if (!In(e)) return;
+    const l = be.find((u) => u.field === e.field), s = l ? l.direction === "asc" ? "desc" : null : "asc";
     let c;
-    r && D ? s ? l ? c = me.map((f) => f.field === e.field ? { ...f, direction: s } : f) : c = [...me, { field: e.field, direction: s }] : c = me.filter((f) => f.field !== e.field) : c = s ? [{ field: e.field, direction: s }] : [], go(c);
-  }, en = (e, r) => {
+    r && D ? s ? l ? c = be.map((u) => u.field === e.field ? { ...u, direction: s } : u) : c = [...be, { field: e.field, direction: s }] : c = be.filter((u) => u.field !== e.field) : c = s ? [{ field: e.field, direction: s }] : [], No(c);
+  }, rn = (e, r) => {
     var l;
-    return (l = jt.current.get(jn(e, r))) == null ? void 0 : l.focus();
-  }, Ae = () => {
-    Oe.current += 1, Ge(null);
-  }, Eo = (e) => {
-    for (const r of at.current) {
-      const l = ve(r, e.field);
+    return (l = qt.current.get(Hn(e, r))) == null ? void 0 : l.focus();
+  }, Be = () => {
+    Ue.current += 1, Ze(null);
+  }, Wo = (e) => {
+    for (const r of st.current) {
+      const l = we(r, e.field);
       if (l != null && l !== "") return l;
     }
-  }, tn = (e, r, l = {}) => {
-    if (!Zt(r, Qt(r, e.row, e.index))) return !1;
-    const s = ve(e.row, r.field);
+  }, on = (e, r, l = {}) => {
+    if (!nn(r, tn(r, e.row, e.index))) return !1;
+    const s = we(e.row, r.field);
     let c;
-    return r.cellEditor ? c = s : r.type === "date" ? c = he(s) ?? "" : c = l.text ?? (s == null ? "" : String(s)), Wt.current = c, Oe.current += 1, Ge({
+    return r.cellEditor ? c = s : r.type === "date" ? c = pe(s) ?? "" : c = l.text ?? (s == null ? "" : String(s)), zt.current = c, Ue.current += 1, Ze({
       id: e.id,
       field: r.field,
       draft: c,
-      session: Oe.current,
+      session: Ue.current,
       select: l.select ?? "end",
       invalid: !1
     }), !0;
-  }, cr = (e, r, l) => {
-    const s = at.current[e.index] ?? e.row, c = ve(s, r.field);
-    let f;
+  }, gr = (e, r, l) => {
+    const s = st.current[e.index] ?? e.row, c = we(s, r.field);
+    let u;
     if ("value" in l)
-      f = l.value;
+      u = l.value;
     else if (r.valueParser)
-      f = r.valueParser(l.text, s);
+      u = r.valueParser(l.text, s);
     else if (r.type === "date") {
-      if (l.text !== "" && !se(l.text)) return !1;
-      f = hi(l.text, c ?? Eo(r));
+      if (l.text !== "" && !le(l.text)) return !1;
+      u = Ei(l.text, c ?? Wo(r));
     } else if (r.type === "number")
-      if (l.text.trim() === "") f = null;
+      if (l.text.trim() === "") u = null;
       else {
         const M = Number(l.text);
         if (!Number.isFinite(M)) return !1;
-        f = M;
+        u = M;
       }
     else
-      f = l.text;
+      u = l.text;
     if (r.type === "date") {
-      if (he(f) === he(c)) return !0;
-      const M = he(f);
+      if (pe(u) === pe(c)) return !0;
+      const M = pe(u);
       if (M && (r.dateMin && M < r.dateMin || r.dateMax && M > r.dateMax)) return !1;
-    } else if (Object.is(f, c))
+    } else if (Object.is(u, c))
       return !0;
-    if (r.validate && !r.validate(f, s)) return !1;
-    const y = zn(s, r.field, f), N = at.current.map((M, O) => O === e.index ? y : M);
-    return Vn(N), d == null || d({ rowId: e.id, rowIndex: e.index, field: r.field, oldValue: c, newValue: f, row: y }), a == null || a(N), !0;
-  }, dr = (e, r, l) => {
-    const s = K.findIndex((O) => O.id === e.id), c = W.findIndex((O) => O.field === r);
+    if (r.validate && !r.validate(u, s)) return !1;
+    const y = Gn(s, r.field, u), N = st.current.map((M, R) => R === e.index ? y : M);
+    return Qn(N), d == null || d({ rowId: e.id, rowIndex: e.index, field: r.field, oldValue: c, newValue: u, row: y }), a == null || a(N), !0;
+  }, mr = (e, r, l) => {
+    const s = z.findIndex((R) => R.id === e.id), c = L.findIndex((R) => R.field === r);
     if (s < 0 || c < 0) return null;
-    const f = (O, ee) => Zt(ee, Qt(ee, O.row, O.index));
+    const u = (R, ee) => nn(ee, tn(ee, R.row, R.index));
     if (l === "down" || l === "up") {
-      const O = l === "down" ? 1 : -1;
-      for (let ee = s + O; ee >= 0 && ee < K.length; ee += O)
-        if (f(K[ee], W[c])) return { entry: K[ee], col: W[c] };
+      const R = l === "down" ? 1 : -1;
+      for (let ee = s + R; ee >= 0 && ee < z.length; ee += R)
+        if (u(z[ee], L[c])) return { entry: z[ee], col: L[c] };
       return null;
     }
     const y = l === "right" ? 1 : -1;
     let N = s, M = c + y;
-    for (; N >= 0 && N < K.length; ) {
-      for (; M >= 0 && M < W.length; ) {
-        if (f(K[N], W[M])) return { entry: K[N], col: W[M] };
+    for (; N >= 0 && N < z.length; ) {
+      for (; M >= 0 && M < L.length; ) {
+        if (u(z[N], L[M])) return { entry: z[N], col: L[M] };
         M += y;
       }
-      N += y, M = y > 0 ? 0 : W.length - 1;
+      N += y, M = y > 0 ? 0 : L.length - 1;
     }
     return null;
-  }, Qe = (e, r, l, s = {}) => {
-    const { move: c = "none", focus: f = !0 } = s;
-    if (!cr(e, r, l))
-      return Ge((N) => N && { ...N, invalid: !0 }), !1;
-    const y = c === "none" ? null : dr(e, r.field, c);
-    return y ? tn(y.entry, y.col, { select: "all" }) : (Ae(), f && en(e.id, r.field)), !0;
-  }, ur = (e, r, l) => {
+  }, et = (e, r, l, s = {}) => {
+    const { move: c = "none", focus: u = !0 } = s;
+    if (!gr(e, r, l))
+      return Ze((N) => N && { ...N, invalid: !0 }), !1;
+    const y = c === "none" ? null : mr(e, r.field, c);
+    return y ? on(y.entry, y.col, { select: "all" }) : (Be(), u && rn(e.id, r.field)), !0;
+  }, br = (e, r, l) => {
     if (e.nativeEvent.isComposing) return;
-    const s = e.currentTarget.value, c = io(e.currentTarget);
+    const s = e.currentTarget.value, c = po(e.currentTarget);
     if (e.key === "Enter") {
-      if (e.preventDefault(), c) return Ge((y) => y && { ...y, invalid: !0 });
-      const f = u ? e.shiftKey ? "up" : "down" : "none";
-      Qe(r, l, { text: s }, { move: f });
+      if (e.preventDefault(), c) return Ze((y) => y && { ...y, invalid: !0 });
+      const u = f ? e.shiftKey ? "up" : "down" : "none";
+      et(r, l, { text: s }, { move: u });
     } else if (e.key === "Escape")
-      e.preventDefault(), Ae(), en(r.id, l.field);
+      e.preventDefault(), Be(), rn(r.id, l.field);
     else if (e.key === "Tab" && !c) {
-      const f = e.shiftKey ? "left" : "right";
-      dr(r, l.field, f) && (e.preventDefault(), Qe(r, l, { text: s }, { move: f }));
+      const u = e.shiftKey ? "left" : "right";
+      mr(r, l.field, u) && (e.preventDefault(), et(r, l, { text: s }, { move: u }));
     }
-  }, Io = (e, r) => {
-    var f;
-    const l = K[e], s = W[r];
+  }, Bo = (e, r) => {
+    var u;
+    const l = z[e], s = L[r];
     if (!l || !s) return;
-    Jn({ id: l.id, field: s.field }), vn.current = jn(l.id, s.field);
-    const c = kt.current;
+    rr({ id: l.id, field: s.field }), Fn.current = Hn(l.id, s.field);
+    const c = St.current;
     if (de && c) {
-      const y = ((f = c.querySelector("thead")) == null ? void 0 : f.clientHeight) ?? 0, N = e * ge;
-      N < c.scrollTop ? c.scrollTo({ top: N, behavior: "auto" }) : N + ge > c.scrollTop + c.clientHeight - y && c.scrollTo({ top: N + ge - c.clientHeight + y, behavior: "auto" });
+      const y = ((u = c.querySelector("thead")) == null ? void 0 : u.clientHeight) ?? 0, N = e * me;
+      N < c.scrollTop ? c.scrollTo({ top: N, behavior: "auto" }) : N + me > c.scrollTop + c.clientHeight - y && c.scrollTo({ top: N + me - c.clientHeight + y, behavior: "auto" });
     }
   };
   ne(() => {
-    const e = vn.current;
+    const e = Fn.current;
     if (!e) return;
-    const r = jt.current.get(e);
-    r && (vn.current = null, r.focus());
+    const r = qt.current.get(e);
+    r && (Fn.current = null, r.focus());
   });
-  const Mo = (e, r, l) => {
+  const jo = (e, r, l) => {
     if (!Ve) return !1;
-    let s = K.findIndex((f) => f.id === r.id), c = W.findIndex((f) => f.field === l.field);
+    let s = z.findIndex((u) => u.id === r.id), c = L.findIndex((u) => u.field === l.field);
     if (s < 0 || c < 0) return !1;
     switch (e.key) {
       case "ArrowDown":
@@ -1689,164 +1698,173 @@ function sl({
         c -= 1;
         break;
       case "PageDown":
-        s += oo;
+        s += ho;
         break;
       case "PageUp":
-        s -= oo;
+        s -= ho;
         break;
       case "Home":
         c = 0, (e.ctrlKey || e.metaKey) && (s = 0);
         break;
       case "End":
-        c = W.length - 1, (e.ctrlKey || e.metaKey) && (s = K.length - 1);
+        c = L.length - 1, (e.ctrlKey || e.metaKey) && (s = z.length - 1);
         break;
       default:
         return !1;
     }
-    return e.preventDefault(), Io(Math.max(0, Math.min(K.length - 1, s)), Math.max(0, Math.min(W.length - 1, c))), !0;
-  }, $o = (e, r, l, s) => {
-    e.target === e.currentTarget && (Mo(e, r, l) || Zt(l, s) && (e.key === "Enter" || e.key === "F2" ? (e.preventDefault(), tn(r, l)) : !l.cellEditor && l.type !== "date" && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), tn(r, l, { text: e.key }))));
+    return e.preventDefault(), Bo(Math.max(0, Math.min(z.length - 1, s)), Math.max(0, Math.min(L.length - 1, c))), !0;
+  }, Ko = (e, r, l, s) => {
+    e.target === e.currentTarget && (jo(e, r, l) || nn(l, s) && (e.key === "Enter" || e.key === "F2" ? (e.preventDefault(), on(r, l)) : !l.cellEditor && l.type !== "date" && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), on(r, l, { text: e.key }))));
   };
-  pn(() => {
-    if (!de || !kt.current) return;
-    const e = kt.current, r = () => Zn((s) => s.height === e.clientHeight ? s : { ...s, height: e.clientHeight });
+  Pt(() => {
+    if (!de || !St.current) return;
+    const e = St.current, r = () => ir((s) => s.height === e.clientHeight ? s : { ...s, height: e.clientHeight });
     if (r(), typeof ResizeObserver > "u") return;
     const l = new ResizeObserver(r);
     return l.observe(e), () => l.disconnect();
   }, [de]);
-  const Dt = de && !Nt && K.length > 0, Po = kn.height || (typeof Q == "number" ? Q : 400), nn = Dt ? Math.max(0, Math.floor(kn.top / ge) - gt) : 0, En = Dt ? Math.min(K.length, Math.ceil((kn.top + Po) / ge) + gt) : K.length, fr = Dt ? K.slice(nn, En) : K, Lo = `${ie}|${oe}|${JSON.stringify(me)}|${Re}|${JSON.stringify(ct)}`, hr = j(!0);
+  const Tt = de && !Ct && z.length > 0, zo = En.height || (typeof P == "number" ? P : 400), ln = Tt ? Math.max(0, Math.floor(En.top / me) - gt) : 0, Rn = Tt ? Math.min(z.length, Math.ceil((En.top + zo) / me) + gt) : z.length, yr = Tt ? z.slice(ln, Rn) : z, qo = `${oe}|${re}|${JSON.stringify(be)}|${Ae}|${JSON.stringify(at)}`, xr = W(!0);
   ne(() => {
-    if (hr.current) {
-      hr.current = !1;
+    if (xr.current) {
+      xr.current = !1;
       return;
     }
-    const e = kt.current;
+    const e = St.current;
     e && typeof e.scrollTo == "function" && e.scrollTop > 0 && e.scrollTo({ top: 0, behavior: "smooth" });
-  }, [Lo]);
-  const pr = (typeof re == "string" ? re : re == null ? void 0 : re.enter) ?? "slide-up", In = (typeof re == "string" ? re : (re == null ? void 0 : re.exit) ?? (re == null ? void 0 : re.enter)) ?? "slide-up", Mn = Rt && !de, gr = Mn && (In !== "none" || !!Me), mr = rt ?? 380, br = ot ?? 28, rn = j(/* @__PURE__ */ new Map());
-  let Oo = 0;
-  const Ro = (e) => {
-    let r = rn.current.get(e);
-    return r === void 0 && (r = Oo++, rn.current.set(e, r)), Math.min(r, 24);
-  }, [Te, yr] = z([]), xr = j({ rows: [], order: [], pageKey: "" }), Be = j(/* @__PURE__ */ new Map()), $n = `${ie}|${oe}|${_}`, Pn = Fe((e) => {
-    const r = Be.current.get(e);
-    r !== void 0 && clearTimeout(r), Be.current.delete(e), yr((l) => {
+  }, [qo]);
+  const _r = (typeof ue == "string" ? ue : ue == null ? void 0 : ue.enter) ?? "slide-up", Un = (typeof ue == "string" ? ue : (ue == null ? void 0 : ue.exit) ?? (ue == null ? void 0 : ue.enter)) ?? "slide-up", An = _t && !de, wr = An && (Un !== "none" || !!T), vr = Ge ?? 380, kr = it ?? 28, sn = W(/* @__PURE__ */ new Map());
+  let Yo = 0;
+  const Vo = (e) => {
+    let r = sn.current.get(e);
+    return r === void 0 && (r = Yo++, sn.current.set(e, r)), Math.min(r, 24);
+  }, [De, Sr] = j([]), Nr = W({ rows: [], order: [], pageKey: "" }), je = W(/* @__PURE__ */ new Map()), Wn = `${oe}|${re}|${_}`, Bn = Te((e) => {
+    const r = je.current.get(e);
+    r !== void 0 && clearTimeout(r), je.current.delete(e), Sr((l) => {
       const s = l.find((c) => c.id === e);
       return s ? l.filter((c) => c.id !== e).map((c) => c.afterId === e ? { ...c, afterId: s.afterId } : c) : l;
     });
   }, []);
-  pn(() => {
-    const e = xr.current, r = new Set(K.map((c) => c.id));
-    rn.current.forEach((c, f) => !r.has(f) && rn.current.delete(f));
-    const l = !gr || Nt || Cn || e.pageKey !== $n || Zi();
-    let s = Te;
+  Pt(() => {
+    const e = Nr.current, r = new Set(z.map((c) => c.id));
+    sn.current.forEach((c, u) => !r.has(u) && sn.current.delete(u));
+    const l = !wr || Ct || $n || e.pageKey !== Wn || ml();
+    let s = De;
     if (l)
       s = [];
     else {
-      s = s.filter((f) => !r.has(f.id));
-      const c = e.rows.filter((f) => !r.has(f.id) && !s.some((y) => y.id === f.id));
+      s = s.filter((u) => !r.has(u.id));
+      const c = e.rows.filter((u) => !r.has(u.id) && !s.some((y) => y.id === u.id));
       if (c.length > 0) {
-        const f = c.map((y, N) => {
+        const u = c.map((y, N) => {
           const M = e.order.indexOf(y.id);
           return { id: y.id, entry: y, afterId: M > 0 ? e.order[M - 1] : null, batch: N };
         });
-        s = [...s, ...f];
+        s = [...s, ...u];
       }
     }
-    (s.length !== Te.length || s.some((c, f) => c !== Te[f])) && yr(s), xr.current = { rows: K, order: ro(K, s).map((c) => c.kind === "row" ? c.entry.id : c.ghost.id), pageKey: $n };
-  }, [K, Te, Nt, Cn, $n, gr]), ne(() => {
-    const e = !!Me;
-    Te.forEach((r) => {
-      if (Be.current.has(r.id)) return;
-      const l = e ? 2500 : mr * 0.8 + br * Math.min(r.batch, 24) + 250;
-      Be.current.set(r.id, setTimeout(() => Pn(r.id), l));
-    }), Be.current.forEach((r, l) => {
-      Te.some((s) => s.id === l) || (clearTimeout(r), Be.current.delete(l));
+    (s.length !== De.length || s.some((c, u) => c !== De[u])) && Sr(s), Nr.current = { rows: z, order: fo(z, s).map((c) => c.kind === "row" ? c.entry.id : c.ghost.id), pageKey: Wn };
+  }, [z, De, Ct, $n, Wn, wr]), ne(() => {
+    const e = !!T;
+    De.forEach((r) => {
+      if (je.current.has(r.id)) return;
+      const l = e ? 2500 : vr * 0.8 + kr * Math.min(r.batch, 24) + 250;
+      je.current.set(r.id, setTimeout(() => Bn(r.id), l));
+    }), je.current.forEach((r, l) => {
+      De.some((s) => s.id === l) || (clearTimeout(r), je.current.delete(l));
     });
-  }, [Te, mr, br, Me, Pn]), ne(
+  }, [De, vr, kr, T, Bn]), ne(
     () => () => {
-      Be.current.forEach((e) => clearTimeout(e)), Be.current.clear();
+      je.current.forEach((e) => clearTimeout(e)), je.current.clear();
     },
     []
   );
-  const Uo = ke(() => ro(fr, Te), [fr, Te]), Ln = Object.keys(_n).length > 0, on = (e) => _n[e.field] ?? (typeof e.width == "number" ? e.width : el), Ao = (e) => Math.max(40, typeof e.minWidth == "number" ? e.minWidth : 60), Bo = (e, r) => {
+  const Ho = ve(() => fo(yr, De), [yr, De]), Cr = W(null), [Xo, Go] = j(0);
+  Pt(() => {
+    const e = Cr.current;
+    if (!e || !ae) return;
+    const r = () => Go(e.offsetHeight);
+    if (r(), typeof ResizeObserver > "u") return;
+    const l = new ResizeObserver(r);
+    return l.observe(e), () => l.disconnect();
+  }, [ae]);
+  const an = Object.keys(Dn).length > 0, cn = (e) => Dn[e.field] ?? (typeof e.width == "number" ? e.width : bl), Jo = (e) => Math.max(40, typeof e.minWidth == "number" ? e.minWidth : 60), dn = (e) => e.overflow ?? (typeof e.width == "number" && e.width < 40 ? "clip" : e.width !== void 0 && e.width !== "" ? "wrap" : void 0), Dr = (e) => typeof e.width == "number" && e.width < 40 ? { paddingLeft: 0, paddingRight: 0 } : null, Zo = L.some((e) => e.width !== void 0 && e.width !== null && e.width !== ""), Qo = L.length > 0 && L.every((e) => typeof e.width == "number"), ei = (e, r) => {
     e.preventDefault(), e.stopPropagation();
-    const l = { ..._n };
-    Ln || W.forEach((O) => {
+    const l = { ...Dn };
+    an || L.forEach((R) => {
       var ee;
-      return l[O.field] = ((ee = wt.current.get(O.field)) == null ? void 0 : ee.offsetWidth) ?? on(O);
+      return l[R.field] = ((ee = vt.current.get(R.field)) == null ? void 0 : ee.offsetWidth) ?? cn(R);
     });
-    const s = e.clientX, c = l[r.field] ?? on(r), f = e.currentTarget;
-    f.setPointerCapture(e.pointerId), Gn(l);
-    const y = (O) => Math.min(r.maxWidth ?? 1 / 0, Math.max(Ao(r), Math.round(O))), N = (O) => Gn((ee) => ({ ...ee, [r.field]: y(c + O.clientX - s) })), M = () => {
-      f.removeEventListener("pointermove", N), f.removeEventListener("pointerup", M), f.removeEventListener("pointercancel", M);
+    const s = e.clientX, c = l[r.field] ?? cn(r), u = e.currentTarget;
+    u.setPointerCapture(e.pointerId), nr(l);
+    const y = (R) => Math.min(r.maxWidth ?? 1 / 0, Math.max(Jo(r), Math.round(R))), N = (R) => nr((ee) => ({ ...ee, [r.field]: y(c + R.clientX - s) })), M = () => {
+      u.removeEventListener("pointermove", N), u.removeEventListener("pointerup", M), u.removeEventListener("pointercancel", M);
     };
-    f.addEventListener("pointermove", N), f.addEventListener("pointerup", M), f.addEventListener("pointercancel", M);
+    u.addEventListener("pointermove", N), u.addEventListener("pointerup", M), u.addEventListener("pointercancel", M);
   };
-  pn(() => {
-    var c, f;
+  Pt(() => {
+    var c, u;
     const e = {};
-    let r = ue && W.some((y) => y.pinned === "left") ? je : 0;
-    for (const y of W)
-      y.pinned === "left" && (e[y.field] = r, r += ((c = wt.current.get(y.field)) == null ? void 0 : c.offsetWidth) ?? 0);
+    let r = fe && L.some((y) => y.pinned === "left") ? $e : 0;
+    for (const y of L)
+      y.pinned === "left" && (e[y.field] = r, r += ((c = vt.current.get(y.field)) == null ? void 0 : c.offsetWidth) ?? 0);
     let l = 0;
-    for (const y of [...W].reverse())
-      y.pinned === "right" && (e[y.field] = l, l += ((f = wt.current.get(y.field)) == null ? void 0 : f.offsetWidth) ?? 0);
+    for (const y of [...L].reverse())
+      y.pinned === "right" && (e[y.field] = l, l += ((u = vt.current.get(y.field)) == null ? void 0 : u.offsetWidth) ?? 0);
     const s = Object.keys(e);
-    (s.length !== Object.keys(Bt).length || s.some((y) => e[y] !== Bt[y])) && _o(e);
+    (s.length !== Object.keys(Kt).length || s.some((y) => e[y] !== Kt[y])) && Eo(e);
   }), ne(() => {
-    const e = () => wo((r) => r + 1);
+    const e = () => Io((r) => r + 1);
     return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []);
-  const _r = W.map((e) => e.pinned).lastIndexOf("left"), Wo = W.findIndex((e) => e.pinned === "right"), ln = _r >= 0, wr = (e, r) => ({
-    className: e.pinned ? U("rg-grid__pinned", `rg-grid__pinned--${e.pinned}`, r === _r && "rg-grid__pinned--edge", r === Wo && "rg-grid__pinned--edge") : void 0,
-    style: e.pinned === "left" ? { left: Bt[e.field] ?? 0 } : e.pinned === "right" ? { right: Bt[e.field] ?? 0 } : void 0
-  }), We = typeof He == "object" ? He : {}, sn = ke(() => {
+  const Tr = L.map((e) => e.pinned).lastIndexOf("left"), ti = L.findIndex((e) => e.pinned === "right"), un = Tr >= 0, Fr = (e, r) => ({
+    className: e.pinned ? U("rg-grid__pinned", `rg-grid__pinned--${e.pinned}`, r === Tr && "rg-grid__pinned--edge", r === ti && "rg-grid__pinned--edge") : void 0,
+    style: e.pinned === "left" ? { left: Kt[e.field] ?? 0 } : e.pinned === "right" ? { right: Kt[e.field] ?? 0 } : void 0
+  }), Ke = typeof He == "object" ? He : {}, fn = ve(() => {
     var r;
-    const e = (r = We.formats) != null && r.length ? We.formats : ["csv"];
+    const e = (r = Ke.formats) != null && r.length ? Ke.formats : ["csv"];
     return e.filter((l, s) => e.indexOf(l) === s);
-  }, [He]), an = (e = {}) => {
-    const r = { ...We, ...e, pdf: { ...We.pdf, ...e.pdf } }, l = r.scope ?? "filtered", s = l === "page" || l === "visible", c = s ? K : l === "selected" ? Je.filter((be) => Xt.has(be.id)) : $e, f = r.includeHidden ? t : W, y = s && R ? ie * oe : 0, N = f.map((be) => Mt(be) || be.field), M = [], O = [], ee = [];
-    return c.forEach(({ row: be }, On) => {
-      const dn = [], $ = [], Tt = {};
-      f.forEach((J, Rn) => {
-        const te = ve(be, J.field);
-        let _e, le;
+  }, [He]), hn = (e = {}) => {
+    const r = { ...Ke, ...e, pdf: { ...Ke.pdf, ...e.pdf } }, l = r.scope ?? "filtered", s = l === "page" || l === "visible", c = s ? z : l === "selected" ? Qe.filter((ye) => Zt.has(ye.id)) : Me, u = r.includeHidden ? t : L, y = s && A ? oe * re : 0, N = u.map((ye) => $t(ye) || ye.field), M = [], R = [], ee = [];
+    return c.forEach(({ row: ye }, jn) => {
+      const mn = [], $ = [], Ft = {};
+      u.forEach((J, Kn) => {
+        const te = we(ye, J.field);
+        let xe, ie;
         if (J.type === "sequence") {
-          const fn = Rr(J, On, J.sequenceRestartEachPage ? 0 : y);
-          _e = fn, le = fn;
-        } else J.exportValue ? (_e = J.exportValue(te, be), le = _e ?? null) : J.type === "date" ? (_e = he(te) ?? "", le = _e) : (_e = It(J, be), J.type === "number" && typeof te == "number" && Number.isFinite(te) || J.type === "boolean" && typeof te == "boolean" ? le = te : J.valueFormatter ? le = _e : te == null ? le = null : typeof te == "string" || typeof te == "boolean" || typeof te == "number" && Number.isFinite(te) ? le = te : te instanceof Date ? le = Number.isNaN(te.getTime()) ? null : te.toISOString() : le = _e);
-        dn.push(_e), $.push(le);
-        const un = r.jsonKeys === "header" ? N[Rn] : J.field;
-        Tt[un] = J.type === "date" && le === "" ? null : le ?? null;
-      }), M.push(dn), O.push($), ee.push(Tt);
-    }), { opts: r, cols: f, headers: N, display: M, typed: O, records: ee };
-  }, cn = (e, r) => `${e.filename ?? "export"}.${r}`, vr = (e = {}) => {
-    const r = an(e);
-    return Di(r.headers, r.display, { sanitize: r.opts.sanitize });
-  }, kr = (e = {}) => {
-    const r = { ...We, ...e };
-    Ti(vr(e), cn(r, "csv"));
-  }, Sr = (e = {}) => {
-    const r = an(e);
+          const yn = qr(J, jn, J.sequenceRestartEachPage ? 0 : y);
+          xe = yn, ie = yn;
+        } else J.exportValue ? (xe = J.exportValue(te, ye), ie = xe ?? null) : J.type === "date" ? (xe = pe(te) ?? "", ie = xe) : (xe = Mt(J, ye), J.type === "number" && typeof te == "number" && Number.isFinite(te) || J.type === "boolean" && typeof te == "boolean" ? ie = te : J.valueFormatter ? ie = xe : te == null ? ie = null : typeof te == "string" || typeof te == "boolean" || typeof te == "number" && Number.isFinite(te) ? ie = te : te instanceof Date ? ie = Number.isNaN(te.getTime()) ? null : te.toISOString() : ie = xe);
+        mn.push(xe), $.push(ie);
+        const bn = r.jsonKeys === "header" ? N[Kn] : J.field;
+        Ft[bn] = J.type === "date" && ie === "" ? null : ie ?? null;
+      }), M.push(mn), R.push($), ee.push(Ft);
+    }), { opts: r, cols: u, headers: N, display: M, typed: R, records: ee };
+  }, pn = (e, r) => `${e.filename ?? "export"}.${r}`, Er = (e = {}) => {
+    const r = hn(e);
+    return zi(r.headers, r.display, { sanitize: r.opts.sanitize });
+  }, Ir = (e = {}) => {
+    const r = { ...Ke, ...e };
+    qi(Er(e), pn(r, "csv"));
+  }, Mr = (e = {}) => {
+    const r = hn(e);
     return JSON.stringify(r.records, null, r.opts.jsonIndent ?? 2);
-  }, Nr = (e = {}) => {
-    const r = { ...We, ...e };
-    gn(new Blob([Sr(e)], { type: "application/json;charset=utf-8" }), cn(r, "json"));
-  }, Cr = async (e = {}) => {
-    const r = an(e), l = r.cols.map((s) => ({
-      header: Mt(s) || s.field,
+  }, $r = (e = {}) => {
+    const r = { ...Ke, ...e };
+    _n(new Blob([Mr(e)], { type: "application/json;charset=utf-8" }), pn(r, "json"));
+  }, Pr = async (e = {}) => {
+    const r = hn(e), l = r.cols.map((s) => ({
+      header: $t(s) || s.field,
       kind: s.type === "number" || s.type === "sequence" ? "number" : s.type === "date" ? "date" : s.type === "boolean" ? "boolean" : "text",
       align: s.align ?? (s.type === "number" || s.type === "sequence" ? "right" : void 0)
     }));
-    return Qi(l, r.typed, { sheetName: r.opts.sheetName });
-  }, Dr = async (e = {}) => {
-    const r = { ...We, ...e };
-    gn(await Cr(e), cn(r, "xlsx"));
-  }, Tr = async (e = {}) => {
+    return gl(l, r.typed, { sheetName: r.opts.sheetName });
+  }, Lr = async (e = {}) => {
+    const r = { ...Ke, ...e };
+    _n(await Pr(e), pn(r, "xlsx"));
+  }, Or = async (e = {}) => {
     var l;
-    const r = an(e);
-    return Oi(
+    const r = hn(e);
+    return Qi(
       {
         headers: r.headers,
         rows: r.display.map((s) => s.map((c) => c == null ? "" : String(c))),
@@ -1855,154 +1873,154 @@ function sl({
       },
       r.opts.pdf,
       // Only when asked: read the grid's colours, stripes and borders from the page
-      (l = r.opts.pdf) != null && l.matchGridStyle ? Ri(Qn.current) : void 0
+      (l = r.opts.pdf) != null && l.matchGridStyle ? el(or.current) : void 0
     );
-  }, Fr = async (e = {}) => {
-    const r = { ...We, ...e };
-    gn(await Tr(e), cn(r, "pdf"));
-  }, Er = async (e, r = {}) => e === "csv" ? kr(r) : e === "json" ? Nr(r) : e === "xlsx" ? Dr(r) : Fr(r), Ir = async (e, r = {}) => {
+  }, Rr = async (e = {}) => {
+    const r = { ...Ke, ...e };
+    _n(await Or(e), pn(r, "pdf"));
+  }, Ur = async (e, r = {}) => e === "csv" ? Ir(r) : e === "json" ? $r(r) : e === "xlsx" ? Lr(r) : Rr(r), Ar = async (e, r = {}) => {
     try {
-      await Er(e, r);
+      await Ur(e, r);
     } catch (l) {
       const s = l instanceof Error ? l : new Error(String(l));
       mt ? mt(s, e) : console.error(`[react-gridix] ${e.toUpperCase()} export failed:`, s);
     }
-  }, [Mr, jo] = z("visible"), Ko = Je.filter((e) => Xt.has(e.id)).length, $r = [
-    { value: "visible", label: "Visible rows", count: K.length },
+  }, [Wr, ni] = j("visible"), ri = Qe.filter((e) => Zt.has(e.id)).length, Br = [
+    { value: "visible", label: "Visible rows", count: z.length },
     // Without pagination the visible rows already are every matching row
-    ...R ? [{ value: "filtered", label: "All matching rows", count: $e.length }] : [],
-    ...ue ? [{ value: "selected", label: "Selected rows", count: Ko }] : []
-  ], zo = $r.some((e) => e.value === Mr && e.count > 0) ? Mr : "visible";
+    ...A ? [{ value: "filtered", label: "All matching rows", count: Me.length }] : [],
+    ...fe ? [{ value: "selected", label: "Selected rows", count: ri }] : []
+  ], oi = Br.some((e) => e.value === Wr && e.count > 0) ? Wr : "visible";
   ne(() => {
-    Le && (Le.current = {
-      getCsv: vr,
-      exportCsv: kr,
-      getJson: Sr,
-      exportJson: Nr,
-      getXlsx: Cr,
-      exportXlsx: Dr,
-      getPdf: Tr,
-      exportPdf: Fr,
-      exportAs: Er,
-      getSelectedRows: () => rr(De),
-      getSelectedRowIds: () => De,
-      selectAll: () => sr(!0),
-      clearSelection: () => Ht([]),
+    Oe && (Oe.current = {
+      getCsv: Er,
+      exportCsv: Ir,
+      getJson: Mr,
+      exportJson: $r,
+      getXlsx: Pr,
+      exportXlsx: Lr,
+      getPdf: Or,
+      exportPdf: Rr,
+      exportAs: Ur,
+      getSelectedRows: () => cr(Ce),
+      getSelectedRowIds: () => Ce,
+      selectAll: () => hr(!0),
+      clearSelection: () => Jt([]),
       refresh: () => {
-        _ && Vt(zt.current);
+        _ && Gt(Vt.current);
       }
     });
   }), ne(
     () => () => {
-      Le && (Le.current = null);
+      Oe && (Oe.current = null);
     },
-    [Le]
+    [Oe]
   );
-  const Pr = (e) => {
-    var l, s, c, f, y, N, M, O;
+  const jr = (e) => {
+    var l, s, c, u, y, N, M, R;
     const r = e.checkbox ?? {};
     return {
-      variant: r.variant ?? Ce,
+      variant: r.variant ?? ot,
       indicator: r.indicator,
       className: r.className,
       style: r.style,
       classNames: {
-        root: U(Y.checkbox, (l = r.classNames) == null ? void 0 : l.root),
-        control: U(Y.checkboxControl, (s = r.classNames) == null ? void 0 : s.control),
-        indicator: U(Y.checkboxIndicator, (c = r.classNames) == null ? void 0 : c.indicator),
-        label: (f = r.classNames) == null ? void 0 : f.label
+        root: U(X.checkbox, (l = r.classNames) == null ? void 0 : l.root),
+        control: U(X.checkboxControl, (s = r.classNames) == null ? void 0 : s.control),
+        indicator: U(X.checkboxIndicator, (c = r.classNames) == null ? void 0 : c.indicator),
+        label: (u = r.classNames) == null ? void 0 : u.label
       },
       styles: {
-        root: { ...A.checkbox, ...(y = r.styles) == null ? void 0 : y.root },
-        control: { ...A.checkboxControl, ...(N = r.styles) == null ? void 0 : N.control },
-        indicator: { ...A.checkboxIndicator, ...(M = r.styles) == null ? void 0 : M.indicator },
-        label: (O = r.styles) == null ? void 0 : O.label
+        root: { ...K.checkbox, ...(y = r.styles) == null ? void 0 : y.root },
+        control: { ...K.checkboxControl, ...(N = r.styles) == null ? void 0 : N.control },
+        indicator: { ...K.checkboxIndicator, ...(M = r.styles) == null ? void 0 : M.indicator },
+        label: (R = r.styles) == null ? void 0 : R.label
       }
     };
-  }, Ze = (e) => e.stopPropagation(), qo = (e, r) => /* @__PURE__ */ h("span", { className: "rg-grid__checkbox-cell", onClick: Ze, onDoubleClick: Ze, children: /* @__PURE__ */ h(
-    ht,
+  }, tt = (e) => e.stopPropagation(), ii = (e, r) => /* @__PURE__ */ h("span", { className: "rg-grid__checkbox-cell", onClick: tt, onDoubleClick: tt, children: /* @__PURE__ */ h(
+    ft,
     {
-      ...Pr(e),
+      ...jr(e),
       checked: !!r.value,
       disabled: !r.editable,
-      "aria-label": `Toggle ${et(e)}`,
+      "aria-label": `Toggle ${nt(e)}`,
       onChange: (l) => r.updateValue(l)
     }
-  ) }), Lr = (e) => $e.filter((r) => Fn(e, Qt(e, r.row, r.index))), Yo = (e, r) => {
-    const l = new Map(Lr(e).map((f) => [f.index, f])), s = [], c = at.current.map((f, y) => {
+  ) }), Kr = (e) => Me.filter((r) => On(e, tn(e, r.row, r.index))), li = (e, r) => {
+    const l = new Map(Kr(e).map((u) => [u.index, u])), s = [], c = st.current.map((u, y) => {
       const N = l.get(y);
-      if (!N) return f;
-      const M = ve(f, e.field);
-      if (!!M === r || e.validate && !e.validate(r, f)) return f;
-      const O = zn(f, e.field, r);
-      return s.push({ rowId: N.id, rowIndex: y, field: e.field, oldValue: M, newValue: r, row: O }), O;
+      if (!N) return u;
+      const M = we(u, e.field);
+      if (!!M === r || e.validate && !e.validate(r, u)) return u;
+      const R = Gn(u, e.field, r);
+      return s.push({ rowId: N.id, rowIndex: y, field: e.field, oldValue: M, newValue: r, row: R }), R;
     });
-    s.length !== 0 && (Vn(c), s.forEach((f) => d == null ? void 0 : d(f)), a == null || a(c));
-  }, Vo = (e) => {
-    const r = Lr(e), l = r.length > 0 ? r : $e, s = l.filter((f) => !!ve(f.row, e.field)).length, c = l.length > 0 && s === l.length;
-    return /* @__PURE__ */ h("span", { className: "rg-grid__header-checkbox", onClick: Ze, onDoubleClick: Ze, children: /* @__PURE__ */ h(
-      ht,
+    s.length !== 0 && (Qn(c), s.forEach((u) => d == null ? void 0 : d(u)), a == null || a(c));
+  }, si = (e) => {
+    const r = Kr(e), l = r.length > 0 ? r : Me, s = l.filter((u) => !!we(u.row, e.field)).length, c = l.length > 0 && s === l.length;
+    return /* @__PURE__ */ h("span", { className: "rg-grid__header-checkbox", onClick: tt, onDoubleClick: tt, children: /* @__PURE__ */ h(
+      ft,
       {
-        ...Pr(e),
+        ...jr(e),
         checked: c,
         indeterminate: s > 0 && !c,
         disabled: r.length === 0,
-        label: Mt(e) || void 0,
-        "aria-label": `Select all ${et(e)}`,
-        onChange: (f) => Yo(e, f)
+        label: $t(e) || void 0,
+        "aria-label": `Select all ${nt(e)}`,
+        onChange: (u) => li(e, u)
       }
     ) });
-  }, Ho = (e, r, l) => {
+  }, ai = (e, r, l) => {
     if (r.cellEditor)
       return /* @__PURE__ */ h(
         "div",
         {
           className: "rg-grid__custom-editor",
           onBlur: (c) => {
-            c.currentTarget.contains(c.relatedTarget) || l.session === Oe.current && (Qe(e, r, { value: Wt.current }, { focus: !1 }) || Ae());
+            c.currentTarget.contains(c.relatedTarget) || l.session === Ue.current && (et(e, r, { value: zt.current }, { focus: !1 }) || Be());
           },
           onKeyDown: (c) => {
-            c.key === "Escape" && (c.preventDefault(), c.stopPropagation(), Ae(), en(e.id, r.field));
+            c.key === "Escape" && (c.preventDefault(), c.stopPropagation(), Be(), rn(e.id, r.field));
           },
-          children: Ke(r.cellEditor, {
+          children: Pe(r.cellEditor, {
             value: l.draft,
             row: e.row,
             rowIndex: e.index,
             field: r.field,
             column: r,
             onChange: (c) => {
-              Wt.current = c, Ge((f) => f && f.session === l.session ? { ...f, draft: c, invalid: !1 } : f);
+              zt.current = c, Ze((u) => u && u.session === l.session ? { ...u, draft: c, invalid: !1 } : u);
             },
-            onCommit: (c, f = "none") => {
-              l.session === Oe.current && Qe(e, r, { value: c === void 0 ? Wt.current : c }, { move: f });
+            onCommit: (c, u = "none") => {
+              l.session === Ue.current && et(e, r, { value: c === void 0 ? zt.current : c }, { move: u });
             },
             onCancel: () => {
-              Ae(), en(e.id, r.field);
+              Be(), rn(e.id, r.field);
             }
           })
         }
       );
     const s = r.type === "date";
     return s ? /* @__PURE__ */ h(
-      pi,
+      Ii,
       {
         value: l.draft === null || l.draft === void 0 ? "" : String(l.draft),
-        label: `Edit ${et(r)}`,
+        label: `Edit ${nt(r)}`,
         invalid: l.invalid,
         min: r.dateMin,
         max: r.dateMax,
         locale: r.dateLocale,
-        theme: F,
-        className: U("rg-grid__editor", l.invalid && "rg-grid__editor--invalid", Y.editor),
-        style: { textAlign: r.align, ...A.editor },
-        onChange: (c) => Ge((f) => f && { ...f, draft: c, invalid: !1 }),
+        theme: Z,
+        className: U("rg-grid__editor", l.invalid && "rg-grid__editor--invalid", X.editor),
+        style: { textAlign: r.align, ...K.editor },
+        onChange: (c) => Ze((u) => u && { ...u, draft: c, invalid: !1 }),
         onPick: (c) => {
-          l.session === Oe.current && Qe(e, r, { text: c }, { focus: !0 });
+          l.session === Ue.current && et(e, r, { text: c }, { focus: !0 });
         },
         onBlur: (c) => {
-          l.session === Oe.current && (Qe(e, r, { text: c.currentTarget.value }, { focus: !1 }) || Ae());
+          l.session === Ue.current && (et(e, r, { text: c.currentTarget.value }, { focus: !1 }) || Be());
         },
-        onKeyDown: (c) => ur(c, e, r)
+        onKeyDown: (c) => br(c, e, r)
       }
     ) : /* @__PURE__ */ h(
       "input",
@@ -2011,155 +2029,165 @@ function sl({
         type: s ? "date" : "text",
         min: s ? r.dateMin : void 0,
         max: s ? r.dateMax : void 0,
-        className: U("rg-grid__editor", l.invalid && "rg-grid__editor--invalid", Y.editor),
-        style: { textAlign: r.align, ...A.editor },
+        className: U("rg-grid__editor", l.invalid && "rg-grid__editor--invalid", X.editor),
+        style: { textAlign: r.align, ...K.editor },
         value: l.draft === null || l.draft === void 0 ? "" : String(l.draft),
         inputMode: r.type === "number" ? "decimal" : void 0,
-        "aria-label": `Edit ${et(r)}`,
+        "aria-label": `Edit ${nt(r)}`,
         "aria-invalid": l.invalid || void 0,
         onChange: (c) => {
-          const f = c.target.value;
-          Ge((y) => y && { ...y, draft: f, invalid: !1 });
+          const u = c.target.value;
+          Ze((y) => y && { ...y, draft: u, invalid: !1 });
         },
         onFocus: (c) => {
-          const f = c.currentTarget;
-          s || (l.select === "all" ? f.select() : f.setSelectionRange(f.value.length, f.value.length));
+          const u = c.currentTarget;
+          s || (l.select === "all" ? u.select() : u.setSelectionRange(u.value.length, u.value.length));
         },
         onBlur: (c) => {
-          if (l.session === Oe.current) {
-            if (io(c.currentTarget)) return Ae();
-            Qe(e, r, { text: c.currentTarget.value }, { focus: !1 }) || Ae();
+          if (l.session === Ue.current) {
+            if (po(c.currentTarget)) return Be();
+            et(e, r, { text: c.currentTarget.value }, { focus: !1 }) || Be();
           }
         },
-        onKeyDown: (c) => ur(c, e, r)
+        onKeyDown: (c) => br(c, e, r)
       }
     );
-  }, Xo = ke(() => {
+  }, ci = ve(() => {
     const e = /* @__PURE__ */ new Map();
-    for (const r of W)
-      r.filterable && !r.filterRenderer && Kr(r) === "select" && e.set(r.field, bi(r, Ut, (l) => ve(l, r.field), (l) => It(r, l)));
+    for (const r of L)
+      r.filterable && !r.filterRenderer && Jr(r) === "select" && e.set(r.field, Pi(r, Bt, (l) => we(l, r.field), (l) => Mt(r, l)));
     return e;
-  }, [W, Ut]), Go = {
-    ...rt !== void 0 ? { "--rg-row-duration": `${rt}ms`, "--rg-row-exit-duration": `${Math.round(rt * 0.8)}ms` } : null,
-    ...ot !== void 0 ? { "--rg-row-stagger": `${ot}ms` } : null
-  }, Jo = Ot || !!ye, Qo = ye ? { "--rg-stripe-a": ye[0], "--rg-stripe-b": ye[1] } : void 0, Zo = Pe && R && (H === "top" || H === "both"), ei = Pe && R && (H === "bottom" || H === "both"), ti = Se && (C || !!yt || pt || !!He), Or = (e) => /* @__PURE__ */ I(
+  }, [L, Bt]), di = {
+    ...Ge !== void 0 ? { "--rg-row-duration": `${Ge}ms`, "--rg-row-exit-duration": `${Math.round(Ge * 0.8)}ms` } : null,
+    ...it !== void 0 ? { "--rg-row-stagger": `${it}ms` } : null
+  }, ui = Ie || !!Se, fi = Se ? { "--rg-stripe-a": Se[0], "--rg-stripe-b": Se[1] } : void 0, hi = Le && A && (V === "top" || V === "both"), pi = Le && A && (V === "bottom" || V === "both"), gi = ke && (C || !!yt || pt || !!He), zr = (e) => /* @__PURE__ */ I(
     "div",
     {
-      className: U("rg-grid__footer", e === "top" && "rg-grid__footer--top", Y.footer),
-      style: A.footer,
+      className: U("rg-grid__footer", e === "top" && "rg-grid__footer--top", X.footer),
+      style: K.footer,
       "data-position": e,
       children: [
-        /* @__PURE__ */ I("span", { ...Z("rowCount", "rg-grid__count"), children: [
-          ft === 0 ? "0 rows" : `${So}–${No} of ${ft}`,
-          ue && De.length > 0 ? ` · ${De.length} selected` : ""
+        /* @__PURE__ */ I("span", { ...Q("rowCount", "rg-grid__count"), children: [
+          ut === 0 ? "0 rows" : `${Po}–${Lo} of ${ut}`,
+          fe && Ce.length > 0 ? ` · ${Ce.length} selected` : ""
         ] }),
-        /* @__PURE__ */ I("div", { ...Z("pagination", "rg-grid__pagination"), children: [
+        /* @__PURE__ */ I("div", { ...Q("pagination", "rg-grid__pagination"), children: [
           /* @__PURE__ */ I("label", { className: "rg-grid__page-size-label", children: [
             "Rows per page",
-            /* @__PURE__ */ h("select", { value: oe, onChange: (r) => bo(Number(r.target.value)), ...Z("pageSize", "rg-grid__page-size"), children: (Ee.includes(oe) ? Ee : [...Ee, oe].sort((r, l) => r - l)).map((r) => /* @__PURE__ */ h("option", { value: r, children: r }, r)) })
+            /* @__PURE__ */ h("select", { value: re, onChange: (r) => Do(Number(r.target.value)), ...Q("pageSize", "rg-grid__page-size"), children: (Fe.includes(re) ? Fe : [...Fe, re].sort((r, l) => r - l)).map((r) => /* @__PURE__ */ h("option", { value: r, children: r }, r)) })
           ] }),
-          /* @__PURE__ */ h("button", { type: "button", "aria-label": "First page", disabled: ie === 0, onClick: () => dt(0), ...Z("pageButton", "rg-grid__page-btn"), children: "«" }),
-          /* @__PURE__ */ h("button", { type: "button", "aria-label": "Previous page", disabled: ie === 0, onClick: () => dt(ie - 1), ...Z("pageButton", "rg-grid__page-btn"), children: "‹" }),
-          /* @__PURE__ */ I("span", { ...Z("pageInfo", "rg-grid__page-info"), children: [
+          /* @__PURE__ */ h("button", { type: "button", "aria-label": "First page", disabled: oe === 0, onClick: () => ct(0), ...Q("pageButton", "rg-grid__page-btn"), children: "«" }),
+          /* @__PURE__ */ h("button", { type: "button", "aria-label": "Previous page", disabled: oe === 0, onClick: () => ct(oe - 1), ...Q("pageButton", "rg-grid__page-btn"), children: "‹" }),
+          /* @__PURE__ */ I("span", { ...Q("pageInfo", "rg-grid__page-info"), children: [
             "Page ",
-            ie + 1,
+            oe + 1,
             " of ",
-            Ue
+            We
           ] }),
-          /* @__PURE__ */ h("button", { type: "button", "aria-label": "Next page", disabled: ie >= Ue - 1, onClick: () => dt(ie + 1), ...Z("pageButton", "rg-grid__page-btn"), children: "›" }),
-          /* @__PURE__ */ h("button", { type: "button", "aria-label": "Last page", disabled: ie >= Ue - 1, onClick: () => dt(Ue - 1), ...Z("pageButton", "rg-grid__page-btn"), children: "»" })
+          /* @__PURE__ */ h("button", { type: "button", "aria-label": "Next page", disabled: oe >= We - 1, onClick: () => ct(oe + 1), ...Q("pageButton", "rg-grid__page-btn"), children: "›" }),
+          /* @__PURE__ */ h("button", { type: "button", "aria-label": "Last page", disabled: oe >= We - 1, onClick: () => ct(We - 1), ...Q("pageButton", "rg-grid__page-btn"), children: "»" })
         ] })
       ]
     }
-  ), ni = (e, r, l) => {
-    const s = e.sortIndicator ?? Xe;
-    return /* @__PURE__ */ h("span", { ...Z("sortIndicator", U("rg-grid__sort", s !== "default" && "rg-grid__sort--custom")), "aria-hidden": "true", "data-direction": r ?? "none", children: s === "arrow" ? /* @__PURE__ */ h(Ai, { direction: r, priority: l }) : s !== "default" ? Ke(s, { column: e, direction: r, priority: l }) : /* @__PURE__ */ I(tt, { children: [
-      r === "asc" ? "▲" : r === "desc" ? "▼" : "↕",
-      l !== void 0 && /* @__PURE__ */ h("sup", { className: "rg-grid__sort-order", children: l })
-    ] }) });
-  }, ri = (e) => /* @__PURE__ */ h("tr", { className: "rg-grid__tr rg-grid__skeleton-row", "aria-hidden": "true", style: de ? { height: ge } : void 0, children: nt ? (
+  ), mi = (e, r, l) => {
+    const s = r === null ? "default" : e.sortIndicator ?? Xe, c = s !== "default", u = Ut && s !== "arrow", y = s === "arrow" ? /* @__PURE__ */ h(tl, { direction: r, priority: l }) : s !== "default" ? Pe(s, { column: e, direction: r, priority: l }) : (
+      // Default: ↕ before sorting, then one ▲ that turns into ▼ (or stays ▲ when not turning)
+      u ? r ? "▲" : "↕" : r === "asc" ? "▲" : r === "desc" ? "▼" : "↕"
+    );
+    return /* @__PURE__ */ I("span", { ...Q("sortIndicator", U("rg-grid__sort", c && "rg-grid__sort--custom")), "aria-hidden": "true", "data-direction": r ?? "none", children: [
+      u ? /* @__PURE__ */ h(nl, { direction: r, children: y }) : y,
+      s === "default" && l !== void 0 && /* @__PURE__ */ h("sup", { className: "rg-grid__sort-order", children: l })
+    ] });
+  }, bi = L.some((e) => e.skeleton), yi = (e) => /* @__PURE__ */ h("tr", { className: "rg-grid__tr rg-grid__skeleton-row", "aria-hidden": "true", style: de ? { height: me } : void 0, children: rt && !bi ? (
     // A custom component draws the whole row content inside one wide cell
-    /* @__PURE__ */ h("td", { colSpan: St, className: "rg-grid__td rg-grid__skeleton-cell", children: Ke(nt, { rowIndex: e, columns: W }) })
-  ) : /* @__PURE__ */ I(tt, { children: [
-    ue && /* @__PURE__ */ h("td", { className: "rg-grid__td", children: /* @__PURE__ */ h("span", { ...Z("skeleton", "rg-grid__skeleton"), style: { ...A.skeleton, width: 18 } }) }),
-    W.map((r, l) => /* @__PURE__ */ h("td", { className: "rg-grid__td", style: { textAlign: r.align }, children: /* @__PURE__ */ h("span", { ...Z("skeleton", "rg-grid__skeleton"), style: { ...A.skeleton, width: `${55 + (e * 7 + l * 13) % 35}%` } }) }, r.field))
-  ] }) }, `sk${e}`), Rr = (e, r, l = R && !e.sequenceRestartEachPage ? ie * oe : 0) => (e.sequenceStart ?? 1) + l + r, Ur = (e, r, l) => {
-    const { row: s, id: c, index: f } = e, y = !!l, N = typeof lt == "function" ? lt(s, f) : lt, M = typeof st == "function" ? st(s, f) : st, O = Xt.has(c), ee = typeof it == "function" ? it(s, f) : it, be = typeof Me == "function" ? Me(s, f) : Me, On = ee || (pr === "none" ? void 0 : U("rg-grid__row--enter", `rg-row-in--${pr}`)), dn = be || U("rg-grid__row--exit", In !== "none" && `rg-row-out--${In}`);
+    /* @__PURE__ */ h("td", { colSpan: Nt, className: "rg-grid__td rg-grid__skeleton-cell", children: Pe(rt, { rowIndex: e, columns: L }) })
+  ) : /* @__PURE__ */ I(ht, { children: [
+    fe && /* @__PURE__ */ h("td", { className: "rg-grid__td", children: /* @__PURE__ */ h("span", { ...Q("skeleton", "rg-grid__skeleton"), style: { ...K.skeleton, width: 18 } }) }),
+    L.map((r, l) => /* @__PURE__ */ h("td", { className: "rg-grid__td", style: { textAlign: r.align }, children: r.skeleton ? (
+      // The column's own placeholder
+      Pe(r.skeleton, { rowIndex: e, column: r })
+    ) : (
+      /* Vary the bar widths a little so the placeholder does not look like a grid of identical stripes */
+      /* @__PURE__ */ h("span", { ...Q("skeleton", "rg-grid__skeleton"), style: { ...K.skeleton, width: `${55 + (e * 7 + l * 13) % 35}%` } })
+    ) }, r.field))
+  ] }) }, `sk${e}`), qr = (e, r, l = A && !e.sequenceRestartEachPage ? oe * re : 0) => (e.sequenceStart ?? 1) + l + r, Yr = (e, r, l) => {
+    const { row: s, id: c, index: u } = e, y = !!l, N = typeof Sn == "function" ? Sn(s, u) : Sn, M = typeof Nn == "function" ? Nn(s, u) : Nn, R = Zt.has(c), ee = typeof lt == "function" ? lt(s, u) : lt, ye = typeof T == "function" ? T(s, u) : T, jn = ee || (_r === "none" ? void 0 : U("rg-grid__row--enter", `rg-row-in--${_r}`)), mn = ye || U("rg-grid__row--exit", Un !== "none" && `rg-row-out--${Un}`);
     return /* @__PURE__ */ I(
       "tr",
       {
-        onClick: bt && !y ? () => bt(s, f) : void 0,
+        onClick: bt && !y ? () => bt(s, u) : void 0,
         "aria-hidden": y || void 0,
-        onAnimationEnd: l ? ($) => $.target === $.currentTarget && Pn(l.id) : void 0,
-        "aria-selected": ue ? O : void 0,
+        onAnimationEnd: l ? ($) => $.target === $.currentTarget && Bn(l.id) : void 0,
+        "aria-selected": fe ? R : void 0,
         className: U(
           "rg-grid__tr",
           "rg-grid__row",
-          Jo && (r % 2 === 0 ? "rg-grid__row--stripe-a" : "rg-grid__row--stripe-b"),
+          ui && (r % 2 === 0 ? "rg-grid__row--stripe-a" : "rg-grid__row--stripe-b"),
           // Rows are not animated while virtualizing. New rows play the enter class once, when they are created.
-          Mn && !y && On,
-          y && dn,
-          O && "rg-grid__row--selected",
+          An && !y && jn,
+          y && mn,
+          R && "rg-grid__row--selected",
           bt && "rg-grid__row--clickable",
-          Y.row,
+          X.row,
           N
         ),
         style: {
-          ...Mn ? { "--rg-i": l ? Math.min(l.batch, 24) : Ro(c) } : null,
-          ...de ? { height: ge } : null,
-          ...A.row,
+          ...An ? { "--rg-i": l ? Math.min(l.batch, 24) : Vo(c) } : null,
+          ...de ? { height: me } : null,
+          ...K.row,
           ...M
         },
         children: [
-          ue && /* @__PURE__ */ h(
+          fe && /* @__PURE__ */ h(
             "td",
             {
-              className: U("rg-grid__td rg-grid__select-cell", ln && "rg-grid__pinned rg-grid__pinned--left"),
-              style: { width: je, minWidth: je, maxWidth: je, ...ln ? { left: 0 } : null },
-              onClick: Ze,
-              children: /* @__PURE__ */ h("span", { className: "rg-grid__checkbox-cell", onClickCapture: ($) => or.current = $.shiftKey, children: /* @__PURE__ */ h(
-                ht,
+              className: U("rg-grid__td rg-grid__select-cell", un && "rg-grid__pinned rg-grid__pinned--left"),
+              style: { width: $e, minWidth: $e, maxWidth: $e, ...un ? { left: 0 } : null },
+              onClick: tt,
+              children: /* @__PURE__ */ h("span", { className: "rg-grid__checkbox-cell", onClickCapture: ($) => dr.current = $.shiftKey, children: /* @__PURE__ */ h(
+                ft,
                 {
-                  variant: Ce,
-                  checked: O,
-                  disabled: y || !Gt(s),
-                  "aria-label": ue === "single" ? "Select row" : `Select row ${f + 1}`,
-                  onChange: ($) => To(e, $),
-                  classNames: { root: Y.checkbox, control: Y.checkboxControl, indicator: Y.checkboxIndicator },
-                  styles: { root: A.checkbox, control: A.checkboxControl, indicator: A.checkboxIndicator }
+                  variant: ot,
+                  checked: R,
+                  disabled: y || !Qt(s),
+                  "aria-label": fe === "single" ? "Select row" : `Select row ${u + 1}`,
+                  onChange: ($) => Uo(e, $),
+                  classNames: { root: X.checkbox, control: X.checkboxControl, indicator: X.checkboxIndicator },
+                  styles: { root: K.checkbox, control: K.checkboxControl, indicator: K.checkboxIndicator }
                 }
               ) })
             }
           ),
-          W.map(($, Tt) => {
-            let J = Fo($, e);
+          L.map(($, Ft) => {
+            let J = Ao($, e);
             if ($.type === "sequence") {
-              const Ne = Rr($, r);
+              const Ne = qr($, r);
               J = { ...J, value: Ne, formattedValue: $.valueFormatter ? $.valueFormatter(Ne, s) : String(Ne), editable: !1 };
             }
-            const Rn = typeof $.cellClassName == "function" ? $.cellClassName(J) : $.cellClassName, te = typeof $.cellStyle == "function" ? $.cellStyle(J) : $.cellStyle, _e = vt !== null && vt.id === c && vt.field === $.field, le = Zt($, J), un = wr($, Tt), fn = wn ? wn.id === c && wn.field === $.field : r === 0 && Tt === 0;
+            const Kn = typeof $.cellClassName == "function" ? $.cellClassName(J) : $.cellClassName, te = typeof $.cellStyle == "function" ? $.cellStyle(J) : $.cellStyle, xe = kt !== null && kt.id === c && kt.field === $.field, ie = nn($, J), bn = Fr($, Ft), yn = Tn ? Tn.id === c && Tn.field === $.field : r === 0 && Ft === 0;
             return /* @__PURE__ */ h(
               "td",
               {
                 ref: y ? void 0 : (Ne) => {
-                  const Ar = jn(c, $.field);
-                  Ne ? jt.current.set(Ar, Ne) : jt.current.delete(Ar);
+                  const Vr = Hn(c, $.field);
+                  Ne ? qt.current.set(Vr, Ne) : qt.current.delete(Vr);
                 },
-                tabIndex: y ? void 0 : Ve ? fn ? 0 : -1 : le ? 0 : void 0,
-                onFocus: Ve && !y ? (Ne) => Ne.target === Ne.currentTarget && Jn({ id: c, field: $.field }) : void 0,
-                onDoubleClick: le && !y ? () => tn(e, $) : void 0,
-                onKeyDown: y ? void 0 : (Ne) => $o(Ne, e, $, J),
+                tabIndex: y ? void 0 : Ve ? yn ? 0 : -1 : ie ? 0 : void 0,
+                onFocus: Ve && !y ? (Ne) => Ne.target === Ne.currentTarget && rr({ id: c, field: $.field }) : void 0,
+                onDoubleClick: ie && !y ? () => on(e, $) : void 0,
+                onKeyDown: y ? void 0 : (Ne) => Ko(Ne, e, $, J),
                 className: U(
                   "rg-grid__td",
-                  le && "rg-grid__td--editable",
-                  _e && "rg-grid__td--editing",
-                  un.className,
-                  Y.cell,
+                  ie && "rg-grid__td--editable",
+                  xe && "rg-grid__td--editing",
+                  dn($) && !xe && `rg-grid__cell--${dn($)}`,
+                  bn.className,
+                  X.cell,
                   $.className,
-                  Rn
+                  Kn
                 ),
-                style: { textAlign: $.align, ...A.cell, ...$.style, ...te, ...un.style },
-                children: _e && vt && !y ? Ho(e, $, vt) : $.cellRenderer ? Ke($.cellRenderer, J) : $.type === "boolean" && !$.cellEditor ? qo($, J) : J.formattedValue
+                style: { textAlign: $.align, ...Dr($), ...K.cell, ...$.style, ...te, ...bn.style },
+                children: xe && kt && !y ? ai(e, $, kt) : $.cellRenderer ? Pe($.cellRenderer, J) : $.type === "boolean" && !$.cellEditor ? ii($, J) : J.formattedValue
               },
               $.field
             );
@@ -2168,161 +2196,180 @@ function sl({
       },
       y ? `ghost:${c}` : c
     );
-  }, oi = Re.trim() !== "" || ut.length > 0 ? "no-results" : "no-data", ii = qe ?? (R ? Math.min(oe, 20) : 5);
+  }, xi = Ae.trim() !== "" || dt.length > 0 ? "no-results" : "no-data", _i = qe ?? (A ? Math.min(re, 20) : 5), gn = (ae || Je) && P === void 0 && !de, wi = typeof Re == "number" ? `${Re}px` : Re, vi = gn ? {
+    "--rg-sticky-offset": wi,
+    // The header sits just under the toolbar when the toolbar is sticky too
+    "--rg-sticky-toolbar-h": ae ? `${Xo}px` : "0px"
+  } : null;
   return /* @__PURE__ */ I(
     "div",
     {
-      ref: Qn,
-      className: U("rg-grid", de && "rg-grid--virtual", Y.root, L),
-      style: { ...Qo, ...Go, ...A.root, ...xe },
-      "data-rg-theme": F || void 0,
-      "aria-busy": Nt || void 0,
+      ref: or,
+      className: U(
+        "rg-grid",
+        de && "rg-grid--virtual",
+        gn && "rg-grid--sticky-page",
+        gn && ae && "rg-grid--sticky-toolbar",
+        gn && Je && "rg-grid--sticky-header",
+        X.root,
+        Wt
+      ),
+      style: { ...fi, ...di, ...vi, ...K.root, ...So },
+      "data-rg-theme": Z || void 0,
+      "aria-busy": Ct || void 0,
       children: [
-        ti && /* @__PURE__ */ I("div", { ...Z("toolbar", "rg-grid__toolbar"), children: [
+        gi && /* @__PURE__ */ I("div", { ref: Cr, ...Q("toolbar", "rg-grid__toolbar"), children: [
           /* @__PURE__ */ I("div", { className: "rg-grid__toolbar-left", children: [
             C && /* @__PURE__ */ h(
               "input",
               {
                 type: "search",
-                value: _t,
-                onChange: (e) => Hn(e.target.value),
-                placeholder: T,
+                value: wt,
+                onChange: (e) => er(e.target.value),
+                placeholder: F,
                 "aria-label": "Search all columns",
-                ...Z("search", "rg-grid__search")
+                ...Q("search", "rg-grid__search")
               }
             ),
-            ue && De.length > 0 && /* @__PURE__ */ I("span", { className: "rg-grid__selected-count", role: "status", children: [
-              De.length,
+            fe && Ce.length > 0 && /* @__PURE__ */ I("span", { className: "rg-grid__selected-count", role: "status", children: [
+              Ce.length,
               " selected"
             ] })
           ] }),
           /* @__PURE__ */ I("div", { className: "rg-grid__toolbar-actions", children: [
             yt,
             pt && /* @__PURE__ */ h(
-              Si,
+              Bi,
               {
                 columns: t,
-                hidden: At,
-                onToggle: xo,
-                theme: F,
-                className: Y.toolButton,
-                style: A.toolButton
+                hidden: jt,
+                onToggle: Fo,
+                theme: Z,
+                className: X.toolButton,
+                style: K.toolButton
               }
             ),
-            He && (sn.length > 1 ? (
+            He && (fn.length > 1 ? (
               // Several formats: a menu with "which rows" and one button per format
               /* @__PURE__ */ h(
-                Ii,
+                Hi,
                 {
-                  formats: sn,
-                  scopes: $r,
-                  scope: zo,
-                  onScopeChange: jo,
-                  onExport: (e, r) => Ir(e, { scope: r }),
-                  theme: F,
-                  className: U(Y.toolButton, Y.exportMenu),
-                  style: { ...A.toolButton, ...A.exportMenu }
+                  formats: fn,
+                  scopes: Br,
+                  scope: oi,
+                  onScopeChange: ni,
+                  onExport: (e, r) => Ar(e, { scope: r }),
+                  theme: Z,
+                  className: U(X.toolButton, X.exportMenu),
+                  style: { ...K.toolButton, ...K.exportMenu }
                 }
               )
             ) : (
               // One format: a plain button ("Export CSV"), using the scope from `exportable` (default: all matching rows)
-              /* @__PURE__ */ h("button", { type: "button", onClick: () => Ir(sn[0]), ...Z("toolButton", "rg-grid__tool-btn"), children: Ei(sn[0]) })
+              /* @__PURE__ */ h("button", { type: "button", onClick: () => Ar(fn[0]), ...Q("toolButton", "rg-grid__tool-btn"), children: Vi(fn[0]) })
             ))
           ] })
         ] }),
-        Zo && Or("top"),
+        hi && zr("top"),
         /* @__PURE__ */ h(
           "div",
           {
-            ref: kt,
-            ...Z("scroll", "rg-grid__scroll"),
-            onScroll: de ? (e) => Zn({ top: e.currentTarget.scrollTop, height: e.currentTarget.clientHeight }) : void 0,
-            style: { ...A.scroll, ...Q !== void 0 ? { maxHeight: Q } : de ? { maxHeight: 400 } : null },
+            ref: St,
+            ...Q("scroll", U("rg-grid__scroll", `rg-grid__scroll--${At}`)),
+            onScroll: de ? (e) => ir({ top: e.currentTarget.scrollTop, height: e.currentTarget.clientHeight }) : void 0,
+            style: { ...K.scroll, ...P !== void 0 ? { maxHeight: P } : de ? { maxHeight: 400 } : null },
             children: /* @__PURE__ */ I(
               "table",
               {
-                ...Z("table", "rg-grid__table"),
+                ...Q("table", "rg-grid__table"),
                 role: "grid",
-                style: Ln ? {
-                  ...A.table,
+                style: an ? {
+                  ...K.table,
                   tableLayout: "fixed",
-                  width: W.reduce((e, r) => e + on(r), ue ? je : 0),
+                  width: L.reduce((e, r) => e + cn(r), fe ? $e : 0),
                   minWidth: "100%"
-                } : A.table,
+                } : Zo ? {
+                  ...K.table,
+                  tableLayout: "fixed",
+                  // Every width is a number: the table is exactly as wide as their sum (no stretching)
+                  ...Qo ? { width: L.reduce((e, r) => e + r.width, fe ? $e : 0) } : null
+                } : K.table,
                 children: [
-                  /* @__PURE__ */ h("thead", { ...Z("thead", "rg-grid__thead"), children: /* @__PURE__ */ I("tr", { ...Z("headerRow", "rg-grid__tr"), children: [
-                    ue && /* @__PURE__ */ h(
+                  /* @__PURE__ */ h("thead", { ...Q("thead", "rg-grid__thead"), children: /* @__PURE__ */ I("tr", { ...Q("headerRow", "rg-grid__tr"), children: [
+                    fe && /* @__PURE__ */ h(
                       "th",
                       {
                         scope: "col",
-                        className: U("rg-grid__th rg-grid__select-cell", ln && "rg-grid__pinned rg-grid__pinned--left", Y.headerCell),
-                        style: { width: je, minWidth: je, maxWidth: je, ...ln ? { left: 0 } : null, ...A.headerCell },
-                        children: ue === "multiple" && /* @__PURE__ */ h("span", { className: "rg-grid__checkbox-cell", children: /* @__PURE__ */ h(
-                          ht,
+                        className: U("rg-grid__th rg-grid__select-cell", un && "rg-grid__pinned rg-grid__pinned--left", X.headerCell),
+                        style: { width: $e, minWidth: $e, maxWidth: $e, ...un ? { left: 0 } : null, ...K.headerCell },
+                        children: fe === "multiple" && /* @__PURE__ */ h("span", { className: "rg-grid__checkbox-cell", children: /* @__PURE__ */ h(
+                          ft,
                           {
-                            variant: Ce,
-                            checked: lr,
-                            indeterminate: ir > 0 && !lr,
-                            disabled: Ct.length === 0,
+                            variant: ot,
+                            checked: fr,
+                            indeterminate: ur > 0 && !fr,
+                            disabled: Dt.length === 0,
                             "aria-label": "Select all rows",
-                            onChange: sr,
-                            classNames: { root: Y.checkbox, control: Y.checkboxControl, indicator: Y.checkboxIndicator },
-                            styles: { root: A.checkbox, control: A.checkboxControl, indicator: A.checkboxIndicator }
+                            onChange: hr,
+                            classNames: { root: X.checkbox, control: X.checkboxControl, indicator: X.checkboxIndicator },
+                            styles: { root: K.checkbox, control: K.checkboxControl, indicator: K.checkboxIndicator }
                           }
                         ) })
                       }
                     ),
-                    W.map((e, r) => {
-                      const l = me.findIndex((N) => N.field === e.field), s = l >= 0 ? me[l].direction : null, c = Sn(e), f = tr(e), y = wr(e, r);
+                    L.map((e, r) => {
+                      const l = be.findIndex((N) => N.field === e.field), s = l >= 0 ? be[l].direction : null, c = In(e), u = sr(e), y = Fr(e, r);
                       return /* @__PURE__ */ I(
                         "th",
                         {
                           ref: (N) => {
-                            N ? wt.current.set(e.field, N) : wt.current.delete(e.field);
+                            N ? vt.current.set(e.field, N) : vt.current.delete(e.field);
                           },
                           scope: "col",
                           "aria-sort": s ? s === "asc" ? "ascending" : "descending" : c ? "none" : void 0,
                           tabIndex: c ? 0 : void 0,
-                          onClick: (N) => ar(e, N.shiftKey),
+                          onClick: (N) => pr(e, N.shiftKey),
                           onKeyDown: (N) => {
-                            c && N.target === N.currentTarget && (N.key === "Enter" || N.key === " ") && (N.preventDefault(), ar(e, N.shiftKey));
+                            c && N.target === N.currentTarget && (N.key === "Enter" || N.key === " ") && (N.preventDefault(), pr(e, N.shiftKey));
                           },
-                          className: U("rg-grid__th", c && "rg-grid__th--sortable", y.className, Y.headerCell, e.className, e.headerClassName),
+                          className: U("rg-grid__th", c && "rg-grid__th--sortable", dn(e) && `rg-grid__cell--${dn(e)}`, y.className, X.headerCell, e.className, e.headerClassName),
                           style: {
-                            width: Ln ? on(e) : e.width,
+                            width: an ? cn(e) : e.width,
                             minWidth: e.minWidth,
+                            maxWidth: an ? void 0 : e.maxWidth,
                             textAlign: e.align,
-                            ...A.headerCell,
+                            ...Dr(e),
+                            ...K.headerCell,
                             ...e.style,
                             ...e.headerStyle,
                             ...y.style
                           },
                           children: [
                             /* @__PURE__ */ I("span", { className: "rg-grid__th-content", children: [
-                              e.headerRenderer ? Ke(e.headerRenderer, { column: e, sortDirection: s }) : e.headerCheckbox && e.type === "boolean" ? Vo(e) : Mt(e),
+                              e.headerRenderer ? Pe(e.headerRenderer, { column: e, sortDirection: s }) : e.headerCheckbox && e.type === "boolean" ? si(e) : /* @__PURE__ */ h("span", { className: "rg-grid__th-label", children: $t(e) }),
                               e.filterable && /* @__PURE__ */ h(
-                                ki,
+                                Wi,
                                 {
                                   column: e,
-                                  label: et(e),
-                                  kind: f,
-                                  value: ct[e.field],
+                                  label: nt(e),
+                                  kind: u,
+                                  value: at[e.field],
                                   onChange: (N) => {
-                                    const M = { ...ct };
-                                    N === void 0 ? delete M[e.field] : M[e.field] = N, Xn(M);
+                                    const M = { ...at };
+                                    N === void 0 ? delete M[e.field] : M[e.field] = N, tr(M);
                                   },
-                                  options: Xo.get(e.field) ?? [],
+                                  options: ci.get(e.field) ?? [],
                                   debounce: e.filterDebounce ?? ce,
-                                  theme: F,
-                                  indicatorClassName: U(Y.filterIndicator, e.filterIndicatorClassName),
-                                  indicatorStyle: { ...A.filterIndicator, ...e.filterIndicatorStyle },
-                                  popupClassName: U(Y.filterPopup, e.filterPopupClassName),
-                                  popupStyle: { ...A.filterPopup, ...e.filterPopupStyle },
-                                  inputClassName: Y.filterInput,
-                                  inputStyle: A.filterInput
+                                  theme: Z,
+                                  indicatorClassName: U(X.filterIndicator, e.filterIndicatorClassName),
+                                  indicatorStyle: { ...K.filterIndicator, ...e.filterIndicatorStyle },
+                                  popupClassName: U(X.filterPopup, e.filterPopupClassName),
+                                  popupStyle: { ...K.filterPopup, ...e.filterPopupStyle },
+                                  inputClassName: X.filterInput,
+                                  inputStyle: K.filterInput
                                 }
                               ),
-                              c && ni(e, s, s && me.length > 1 ? l + 1 : void 0)
+                              c && mi(e, s, s && be.length > 1 ? l + 1 : void 0)
                             ] }),
                             e.resizable && /* @__PURE__ */ h(
                               "span",
@@ -2330,10 +2377,10 @@ function sl({
                                 className: "rg-grid__resizer",
                                 role: "separator",
                                 "aria-orientation": "vertical",
-                                "aria-label": `Resize ${et(e)}`,
-                                onPointerDown: (N) => Bo(N, e),
-                                onClick: Ze,
-                                onDoubleClick: Ze
+                                "aria-label": `Resize ${nt(e)}`,
+                                onPointerDown: (N) => ei(N, e),
+                                onClick: tt,
+                                onDoubleClick: tt
                               }
                             )
                           ]
@@ -2342,35 +2389,35 @@ function sl({
                       );
                     })
                   ] }) }),
-                  /* @__PURE__ */ h("tbody", { ...Z("tbody", "rg-grid__tbody"), children: Nt ? Array.from({ length: ii }, (e, r) => ri(r)) : Cn ? /* @__PURE__ */ h("tr", { children: /* @__PURE__ */ I("td", { colSpan: St, ...Z("empty", "rg-grid__empty rg-grid__error"), role: "alert", children: [
-                    Pt,
+                  /* @__PURE__ */ h("tbody", { ...Q("tbody", "rg-grid__tbody"), children: Ct ? Array.from({ length: _i }, (e, r) => yi(r)) : $n ? /* @__PURE__ */ h("tr", { children: /* @__PURE__ */ I("td", { colSpan: Nt, ...Q("empty", "rg-grid__empty rg-grid__error"), role: "alert", children: [
+                    Ot,
                     " ",
-                    /* @__PURE__ */ h("button", { type: "button", className: "rg-grid__tool-btn", onClick: () => Vt(zt.current), children: "Retry" })
-                  ] }) }) : K.length === 0 && Te.length === 0 ? /* @__PURE__ */ h("tr", { children: /* @__PURE__ */ h("td", { colSpan: St, ...Z("empty", U("rg-grid__empty", xt && "rg-grid__empty--custom")), children: xt ? Ke(xt, {
-                    reason: oi,
-                    search: Re.trim(),
-                    filters: Object.fromEntries(ut),
-                    columns: W,
+                    /* @__PURE__ */ h("button", { type: "button", className: "rg-grid__tool-btn", onClick: () => Gt(Vt.current), children: "Retry" })
+                  ] }) }) : z.length === 0 && De.length === 0 ? /* @__PURE__ */ h("tr", { children: /* @__PURE__ */ h("td", { colSpan: Nt, ...Q("empty", U("rg-grid__empty", xt && "rg-grid__empty--custom")), children: xt ? Pe(xt, {
+                    reason: xi,
+                    search: Ae.trim(),
+                    filters: Object.fromEntries(dt),
+                    columns: L,
                     clearAll: () => {
-                      Hn(""), Xn({});
+                      er(""), tr({});
                     }
-                  }) : Lt }) }) : /* @__PURE__ */ I(tt, { children: [
-                    Dt && nn > 0 && /* @__PURE__ */ h("tr", { "aria-hidden": "true", className: "rg-grid__spacer", children: /* @__PURE__ */ h("td", { colSpan: St, style: { height: nn * ge } }) }),
-                    Uo.map((e) => e.kind === "row" ? Ur(e.entry, nn + e.i) : Ur(e.ghost.entry, 0, e.ghost)),
-                    Dt && En < K.length && /* @__PURE__ */ h("tr", { "aria-hidden": "true", className: "rg-grid__spacer", children: /* @__PURE__ */ h("td", { colSpan: St, style: { height: (K.length - En) * ge } }) })
+                  }) : Rt }) }) : /* @__PURE__ */ I(ht, { children: [
+                    Tt && ln > 0 && /* @__PURE__ */ h("tr", { "aria-hidden": "true", className: "rg-grid__spacer", children: /* @__PURE__ */ h("td", { colSpan: Nt, style: { height: ln * me } }) }),
+                    Ho.map((e) => e.kind === "row" ? Yr(e.entry, ln + e.i) : Yr(e.ghost.entry, 0, e.ghost)),
+                    Tt && Rn < z.length && /* @__PURE__ */ h("tr", { "aria-hidden": "true", className: "rg-grid__spacer", children: /* @__PURE__ */ h("td", { colSpan: Nt, style: { height: (z.length - Rn) * me } }) })
                   ] }) })
                 ]
               }
             )
           }
         ),
-        ei && Or("bottom")
+        pi && zr("bottom")
       ]
     }
   );
 }
 export {
-  ht as Checkbox,
-  sl as DataGrid,
-  Ai as SortArrow
+  ft as Checkbox,
+  Sl as DataGrid,
+  tl as SortArrow
 };