react-gridix 0.2.9 → 0.3.0

package/dist/react-gridix.js

@@ -1,8 +1,8 @@
 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 vi, createElement as Ke, useId as ki } from "react";
-import { createPortal as Si } from "react-dom";
+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 Ni() {
+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,7 +15,7 @@ function Ni() {
     }
   ) });
 }
-function Ci() {
+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 ft({
@@ -91,7 +91,7 @@ function ft({
                 style: p.indicator,
                 "data-state": k,
                 "aria-hidden": "true",
-                children: i ? o === "tick" ? /* @__PURE__ */ h(Ci, {}) : null : x !== void 0 ? x : o === "tick" ? /* @__PURE__ */ h(Ni, {}) : null
+                children: i ? o === "tick" ? /* @__PURE__ */ h(Di, {}) : null : x !== void 0 ? x : o === "tick" ? /* @__PURE__ */ h(Ci, {}) : null
               }
             )
           }
@@ -101,9 +101,9 @@ function ft({
     }
   );
 }
-const Di = /^(\d{4})-(\d{2})-(\d{2})$/, Hr = (t) => String(t).padStart(2, "0");
+const Ti = /^(\d{4})-(\d{2})-(\d{2})$/, Hr = (t) => String(t).padStart(2, "0");
 function le(t) {
-  const n = Di.exec(t);
+  const n = Ti.exec(t);
   if (!n) return 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;
@@ -123,11 +123,11 @@ function pe(t) {
   }
   return null;
 }
-function Ti(t, n, i) {
+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 Fi(t, n) {
+function Ei(t, n) {
   var i;
   return t === "" ? null : n instanceof Date ? le(t) : typeof n == "number" ? ((i = le(t)) == null ? void 0 : i.getTime()) ?? null : t;
 }
@@ -150,7 +150,7 @@ function go({ value: t, range: n, min: i, max: o, onPick: f, locale: d, weekStar
     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 = pe(/* @__PURE__ */ new Date()), F = E.getFullYear(), w = E.getMonth(), L = ve(() => {
+  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]), H = new Intl.DateTimeFormat(d, { month: "long", year: "numeric" }).format(E), q = ve(() => {
@@ -165,7 +165,7 @@ function go({ value: t, range: n, min: i, max: o, onPick: f, locale: d, weekStar
       var S, B;
       return (B = (S = k.current) == null ? void 0 : S.querySelector(`[data-iso="${_}"]`)) == null ? void 0 : B.focus();
     }));
-  }, Pe = (_, G) => {
+  }, Le = (_, G) => {
     const S = le(G), B = (ce) => {
       _.preventDefault(), ke(zn(S.getFullYear(), S.getMonth(), S.getDate() + ce));
     };
@@ -207,7 +207,7 @@ function go({ value: t, range: n, min: i, max: o, onPick: f, locale: d, weekStar
           /* @__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: [
-          L.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 = _ === Y, ge = _ === se, qe = !!Y && !!se && _ > Y && _ < se;
             return /* @__PURE__ */ h(
@@ -229,7 +229,7 @@ function go({ value: t, range: n, min: i, max: o, onPick: f, locale: d, weekStar
                   Y && se && ge && Y !== se && "rg-cal__day--range-end"
                 ),
                 onClick: () => f(_),
-                onKeyDown: (rt) => Pe(rt, _),
+                onKeyDown: (rt) => Le(rt, _),
                 onFocus: () => p(_),
                 children: G
               },
@@ -256,7 +256,7 @@ function go({ value: t, range: n, min: i, max: o, onPick: f, locale: d, weekStar
     }
   );
 }
-const Pt = typeof window < "u" ? vi : ne;
+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) => {
@@ -310,7 +310,7 @@ function kn({ anchorRef: t, open: n, onClose: i, label: o, theme: f, 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 : Si(
+  }, [n, i, v, t]), !n || typeof document > "u" ? null : Ni(
     /* @__PURE__ */ h(
       "div",
       {
@@ -327,7 +327,7 @@ function kn({ anchorRef: t, open: n, onClose: i, label: o, theme: f, className:
     document.body
   );
 }
-function Ei({ 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 }) {
+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(
@@ -352,7 +352,7 @@ function Ei({ value: t, onChange: n, onPick: i, onBlur: o, onKeyDown: f, min: 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 = le(t) ?? /* @__PURE__ */ new Date(), L = new Date(w.getFullYear(), w.getMonth() + F.months + 1, 0).getDate(), H = new Date(w.getFullYear(), w.getMonth() + F.months, Math.min(w.getDate(), L) + F.days);
+          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);
         },
@@ -366,7 +366,7 @@ function Ei({ value: t, onChange: n, onPick: i, onBlur: o, onKeyDown: f, min: d,
 function Jr(t) {
   return t.filterType ? t.filterType : t.type === "number" ? "number" : t.type === "date" ? "date" : t.type === "boolean" ? "select" : "text";
 }
-const Qr = [
+const Zr = [
   "contains",
   "notContains",
   "equals",
@@ -375,7 +375,7 @@ const Qr = [
   "notStartsWith",
   "endsWith",
   "notEndsWith"
-], Zr = {
+], Qr = {
   contains: "Contains",
   notContains: "Does not contain",
   equals: "Equals",
@@ -388,11 +388,11 @@ const Qr = [
 function bo(t) {
   const n = t.filterOperators;
   if (!n) return null;
-  if (n === !0) return Qr;
-  const i = Qr.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 Ii(t, n) {
+function Mi(t, n) {
   const i = bo(t), o = t.filterOperator ?? (n === "exact" ? "equals" : "contains");
   return i && !i.includes(o) ? i[0] : o;
 }
@@ -428,7 +428,7 @@ function xo(t) {
   }
   return !1;
 }
-function Mi(t, n, i, o) {
+function $i(t, n, i, o) {
   switch (t) {
     case "text":
     case "exact": {
@@ -450,7 +450,7 @@ function Mi(t, n, i, o) {
       return n.includes(String(o ?? ""));
   }
 }
-function $i(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 [
@@ -471,7 +471,7 @@ const to = (t) => {
   const n = Number(t);
   return Number.isFinite(n) ? n : void 0;
 }, Jn = (t) => typeof t == "object" && t !== null && !Array.isArray(t);
-function Pi({
+function Li({
   value: t,
   onChange: n,
   label: i,
@@ -523,7 +523,7 @@ function Pi({
     ] })
   ] });
 }
-function Li({
+function Oi({
   value: t,
   onChange: n,
   onEnter: i,
@@ -558,7 +558,7 @@ function Li({
     }
   );
 }
-function Oi({
+function Ri({
   value: t,
   onChange: n,
   label: i,
@@ -574,16 +574,16 @@ function Oi({
   }, [m.from, m.to]);
   const k = (F, w) => {
     if ((F === "from" ? b : p)(w), w !== "" && !le(w)) return;
-    const L = w || void 0;
-    F === "from" ? x(L, m.to) : x(m.from, L);
+    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, L) => /* @__PURE__ */ I("label", { className: "rg-grid__filter-field", children: [
+  }, 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: L,
+        autoFocus: O,
         type: "text",
         inputMode: "numeric",
         placeholder: "YYYY-MM-DD",
@@ -604,7 +604,7 @@ function Oi({
     /* @__PURE__ */ h(go, { range: m, min: d, max: a, locale: g, onPick: D, hideFooter: !0 })
   ] });
 }
-function Ri({
+function Ui({
   value: t,
   onChange: n,
   options: i
@@ -626,13 +626,13 @@ function Ri({
     ))
   ] });
 }
-function Ui({
+function Ai({
   value: t,
   options: n,
   onChange: i,
   label: o
 }) {
-  const [f, d] = j(!1), [a, g] = j(0), m = ki(), x = W(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;
@@ -684,7 +684,7 @@ function Ui({
         onBlur: () => d(!1),
         onKeyDown: v,
         children: [
-          /* @__PURE__ */ h("span", { className: "rg-op__value", children: Zr[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" }) })
         ]
       }
@@ -701,7 +701,7 @@ function Ui({
         onMouseEnter: () => g(k),
         onClick: () => b(p),
         children: [
-          Zr[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,7 +709,7 @@ function Ui({
     )) })
   ] });
 }
-function Ai({
+function Wi({
   column: t,
   label: n,
   kind: i,
@@ -725,29 +725,29 @@ function Ai({
   inputClassName: v,
   inputStyle: p
 }) {
-  const [k, D] = j(!1), C = W(null), F = xo(o), w = Te(() => D(!1), []), L = Jn(o) ? o : null, H = typeof o == "string" ? o : typeof (L == null ? void 0 : L.value) == "string" ? L.value : "", q = (i === "text" || i === "exact") && !t.filterRenderer ? bo(t) : null, [A, V] = j(() => Ii(t, i)), ke = L && typeof L.operator == "string" ? L.operator : A, Pe = (Y) => {
+  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: H, onChange: (Y) => f(Y || void 0) });
+      return Pe(t.filterRenderer, { column: t, value: H, onChange: (Y) => f(Y || void 0) });
     switch (i) {
       case "number":
-        return /* @__PURE__ */ h(Pi, { value: o, onChange: f, 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(Oi, { value: o, onChange: f, 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(Ri, { value: o, onChange: f, 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(Ui, { value: ke, options: q, onChange: ze, label: n }),
+          q && /* @__PURE__ */ h(Ai, { value: ke, options: q, onChange: ze, label: n }),
           /* @__PURE__ */ h(
-            Li,
+            Oi,
             {
               value: H,
-              onChange: Pe,
+              onChange: Le,
               onEnter: () => {
                 var Y;
                 D(!1), (Y = C.current) == null || Y.focus();
@@ -784,7 +784,7 @@ function Ai({
           Y.stopPropagation(), D((se) => !se);
         },
         onKeyDown: (Y) => Y.stopPropagation(),
-        children: t.filterIndicator ? Ke(t.filterIndicator, { column: t, active: F, open: k }) : /* @__PURE__ */ h("span", { className: "rg-grid__filter-dot", "aria-hidden": "true" })
+        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(
@@ -805,7 +805,7 @@ function Ai({
     )
   ] });
 }
-function Wi({ columns: t, hidden: n, onToggle: i, theme: o, className: f, style: d }) {
+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(
@@ -836,14 +836,14 @@ function Wi({ columns: t, hidden: n, onToggle: i, theme: o, className: f, style:
     }) }) })
   ] });
 }
-const Bi = /^[=+\-@\t\r]/;
-function ji(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" && Bi.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 Ki(t, n, i = {}) {
-  const { delimiter: o = ",", sanitize: f = !0 } = i, d = (a) => a.map((g) => ji(g, o, f)).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
 `);
 }
@@ -852,7 +852,7 @@ function _n(t, n) {
   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 zi(t, n) {
+function qi(t, n) {
   _n(new Blob(["\uFEFF", t], { type: "text/csv;charset=utf-8" }), n);
 }
 const _o = {
@@ -860,8 +860,8 @@ const _o = {
   xlsx: "Excel",
   json: "JSON",
   pdf: "PDF"
-}, qi = { csv: ".csv", xlsx: ".xlsx", json: ".json", pdf: ".pdf" }, Yi = (t) => `Export ${_o[t]}`;
-function Vi({ formats: t, scopes: n, scope: i, onScopeChange: o, onExport: f, theme: d, className: a, style: g, popupClassName: m }) {
+}, 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);
@@ -922,7 +922,7 @@ function Vi({ formats: t, scopes: n, scope: i, onScopeChange: o, onExport: f, th
             onClick: () => D(C),
             children: [
               /* @__PURE__ */ h("span", { children: _o[C] }),
-              /* @__PURE__ */ h("span", { className: "rg-export__ext", children: b === C ? "Preparing…" : qi[C] })
+              /* @__PURE__ */ h("span", { className: "rg-export__ext", children: b === C ? "Preparing…" : Yi[C] })
             ]
           },
           C
@@ -941,7 +941,7 @@ function he(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 no([Number(o[1]), Number(o[2]), Number(o[3])], Hi(o[4]));
+  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);
@@ -950,13 +950,13 @@ function he(t) {
   const [d, a, g, m] = _e.getImageData(0, 0, 1, 1).data;
   return m === 0 ? null : no([d, a, g], m / 255);
 }
-const Hi = (t) => t === void 0 ? 1 : t.endsWith("%") ? parseFloat(t) / 100 : parseFloat(t);
+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 Xi = ([t, n, i]) => (0.299 * t + 0.587 * n + 0.114 * i) / 255, qn = (t) => Xi(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.";
+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();
@@ -968,7 +968,7 @@ async function ro(t, n) {
 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 Gi(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,7 +976,7 @@ async function Gi(t) {
   );
   await Promise.race([Promise.all(n), new Promise((i) => setTimeout(i, 5e3))]);
 }
-async function Ji(t, n, i, o, f) {
+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. ${Lt}`);
@@ -987,7 +987,7 @@ async function Ji(t, n, i, o, f) {
   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 Gi(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 * Yn, height: b.height / m * Yn };
   } finally {
@@ -997,7 +997,7 @@ async function Ji(t, n, i, o, f) {
 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 Ji(t, n, o, f, 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 io = (t) => `rgb(${t[0]},${t[1]},${t[2]})`, lo = ["normal", "bold", "italic", "bolditalic"];
@@ -1013,8 +1013,8 @@ async function Qi(t, n = {}, i = {}) {
   try {
     o = typeof n.libraries == "function" ? await n.libraries() : n.libraries;
   } catch (T) {
-    const Q = T instanceof Error ? T.message : String(T);
-    throw new Error(`PDF export could not load jspdf / jspdf-autotable (${Q}). ${Lt}`);
+    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. ${Lt}`);
   const f = o.jsPDF, d = o.autoTable;
@@ -1043,33 +1043,33 @@ async function Qi(t, n = {}, i = {}) {
       margin: n.margin
     }),
     ...ao(n.style ?? {})
-  }, L = 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, Pe = 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({
+  }, 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(), ge = B - L.left - L.right, qe = 10, rt = 12, Ot = /* @__PURE__ */ new Set(), pt = (T) => {
+  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 = 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), Le = Math.min(18, L.top), bt = ce - 14, yt = ce - (k ? 26 : 18), Rt = de ? Math.max(L.top, Le + He + 12) : L.top, xt = Math.max(L.bottom, me ? ce - yt + mt + 10 : k ? 34 : 0);
+  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 T = await Vn(a, ge, D, o, Ye, Ve);
-    T && T.kind === "image" && (S.addImage(T.dataUrl, "PNG", L.left, Xe, T.width, T.height), Xe += T.height + 12);
-  } else a && (S.setFont(H, "bold"), S.setFontSize(w.titleSize ?? 14), S.setTextColor(...Pe), S.text(String(a), L.left, Xe + (w.titleSize ?? 14)), Xe += (w.titleSize ?? 14) + 12);
+    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, Q) => {
+  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[Q];
+    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 Oe = he(P == null ? void 0 : P.textColor);
-    Oe && (ae.textColor = Oe);
+    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[Q] = ae);
+    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 Ie = {
     font: H,
@@ -1083,7 +1083,7 @@ async function Qi(t, n = {}, i = {}) {
     head: [t.headers],
     body: t.rows,
     startY: Xe,
-    margin: { top: Rt, right: L.right, bottom: xt, left: L.left },
+    margin: { top: Rt, right: O.right, bottom: xt, left: O.left },
     theme: p,
     showHead: "everyPage",
     styles: Ie,
@@ -1096,33 +1096,33 @@ async function Qi(t, n = {}, i = {}) {
     columnStyles: Ut,
     // A new page starts blank: paint its background before the table draws on it
     willDrawPage: () => {
-      var Q, P;
-      const T = typeof S.getCurrentPageInfo == "function" ? S.getCurrentPageInfo() : (P = (Q = S.internal).getCurrentPageInfo) == null ? void 0 : P.call(Q);
+      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);
     }
   };
   _ && (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 Q = Se[T], P = F == null ? void 0 : F[T];
-    Q && P && typeof P == "object" && (ot[T] = { ...Q, ...P });
+    const Z = Se[T], P = F == null ? void 0 : F[T];
+    Z && P && typeof P == "object" && (ot[T] = { ...Z, ...P });
   }
   d(S, ot);
-  const _t = typeof S.getNumberOfPages == "function" ? S.getNumberOfPages() : S.internal.getNumberOfPages(), ue = (T, Q) => T === "center" ? (B - Q) / 2 : T === "right" ? B - L.right - Q : L.left, Ge = (T, Q, P, ae) => {
+  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), Q, T.width, T.height);
+      S.addImage(T.dataUrl, "PNG", ue(P, T.width), Z, T.width, T.height);
       return;
     }
     S.setFont(H, "normal"), S.setFontSize(qe), S.setTextColor(...ke);
-    const Je = S.splitTextToSize(oo(T.text, ae, _t), ge), Oe = P === "center" ? B / 2 : P === "right" ? B - L.right : L.left;
-    S.text(Je, Oe, Q + qe, { align: P });
+    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 T = 1; T <= _t; T++)
-    S.setPage(T), Ge(de, Le, 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 - L.right, bt, { align: "right" }));
+    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 Zi(t) {
+function el(t) {
   var E;
   if (!t || typeof getComputedStyle > "u") return {};
   const n = {}, i = (b) => b ? getComputedStyle(b) : null, o = (b) => {
@@ -1154,7 +1154,7 @@ function Zi(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 wo = { none: 0, asc: 0, desc: 180 };
-function el({ direction: t, size: n = 14, priority: i, className: o, style: f }) {
+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(
@@ -1181,13 +1181,13 @@ function el({ direction: t, size: n = 14, priority: i, className: o, style: f })
     t && i !== void 0 && /* @__PURE__ */ h("sup", { className: "rg-sort-arrow__order", children: i })
   ] });
 }
-function tl({ direction: t, children: n }) {
+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 nl(t) {
+function rl(t) {
   if (!xn) {
     xn = new Uint32Array(256);
     for (let i = 0; i < 256; i++) {
@@ -1200,7 +1200,7 @@ function nl(t) {
   for (let i = 0; i < t.length; i++) n = xn[(n ^ t[i]) & 255] ^ n >>> 8;
   return (n ^ 4294967295) >>> 0;
 }
-async function rl(t) {
+async function ol(t) {
   const n = globalThis.CompressionStream;
   if (typeof n > "u") return null;
   try {
@@ -1210,14 +1210,14 @@ async function rl(t) {
     return null;
   }
 }
-async function ol(t) {
+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 = vo.encode(p.name), D = nl(p.data), C = await rl(p.data), F = C !== null && C.length < p.data.length, w = F ? C : p.data, L = 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, L, !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 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, L, !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;
+    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);
@@ -1238,16 +1238,16 @@ function wn(t) {
   }
   return i;
 }
-function il(t) {
+function ll(t) {
   const n = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t);
   if (!n) return null;
   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 ll(t) {
+function sl(t) {
   return (t ?? "").replace(/[\[\]:*?/\\]/g, " ").trim().slice(0, 31) || "Sheet1";
 }
-const sl = 1, al = 2, cl = 3, dl = 4, ul = `<?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>
@@ -1263,15 +1263,15 @@ const sl = 1, al = 2, cl = 3, dl = 4, ul = `<?xml version="1.0" encoding="UTF-8"
 </cellXfs>
 <cellStyles count="1"><cellStyle name="Normal" xfId="0" builtinId="0"/></cellStyles>
 </styleSheet>`;
-function fl(t, n, i) {
+function hl(t, n, i) {
   if (n == null || n === "") return "";
-  const o = i.align === "right" ? cl : i.align === "center" ? dl : 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 = il(n);
-    if (d !== null) return `<c r="${t}" s="${al}"><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>`;
@@ -1279,21 +1279,21 @@ function fl(t, n, i) {
   return `<c r="${t}" t="inlineStr"${o ? ` s="${o}"` : ""}><is><t xml:space="preserve">${f}</t></is></c>`;
 }
 const co = (t) => t == null ? 0 : typeof t == "boolean" ? 5 : String(t).length;
-function hl(t, n) {
+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>" + 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="${sl}" t="inlineStr"><is><t xml:space="preserve">${vn(a.header)}</t></is></c>`).join("") + "</row>"
+    '<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) => fl(`${wn(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 pl(t, n, i = {}) {
-  const o = ll(i.sheetName), f = `'${o.replace(/'/g, "''")}'`, d = wn(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"?>
@@ -1302,9 +1302,9 @@ async function pl(t, n, i = {}) {
 <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": ul,
-    "xl/worksheets/sheet1.xml": hl(t, n)
-  }, g = await ol(Object.entries(a).map(([m, x]) => ({ name: m, data: vo.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 Xn = /* @__PURE__ */ new Set(["__proto__", "prototype", "constructor"]), ko = (t, n) => Object.prototype.hasOwnProperty.call(t, n);
@@ -1346,20 +1346,20 @@ function fo(t, n) {
     o.push({ kind: "row", entry: a, i: g }), d(a.id);
   }), n.forEach((a) => !f.has(a.id) && o.push({ kind: "ghost", ghost: a })), o;
 }
-const gl = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, $e = 38, ml = 150, ho = 10, Hn = (t, n) => `${typeof t}:${t}\0${n}`;
+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" ? Ti(i, t.dateLocale, t.dateFormat) : i == null ? "" : i instanceof Date ? i.toLocaleDateString() : String(i);
+  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 bl(t, n, i) {
+function yl(t, n, i) {
   if (i.type === "date") {
     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 yl = (t) => t ? Array.isArray(t) ? t : [t] : [], po = (t) => t.type === "date" && t.validity.badInput;
-function kl({
+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,
@@ -1379,13 +1379,13 @@ function kl({
   searchable: C = !1,
   searchPlaceholder: F = "Search…",
   search: w,
-  onSearchChange: L,
+  onSearchChange: O,
   filters: H,
   onFiltersChange: q,
   pagination: A = !1,
   paginationPosition: V = "bottom",
   showToolbar: ke = !0,
-  showFooter: Pe = !0,
+  showFooter: Le = !0,
   pageSize: ze = 10,
   pageSizeOptions: Fe = [5, 10, 25, 50],
   page: Y,
@@ -1408,7 +1408,7 @@ function kl({
   overscan: gt = 6,
   exportable: He = !1,
   onExportError: mt,
-  apiRef: Le,
+  apiRef: Oe,
   onRowClick: bt,
   toolbar: yt,
   emptyMessage: Rt = "No rows to show",
@@ -1424,11 +1424,11 @@ function kl({
   rowAnimationStagger: it,
   rowAnimationClassName: lt,
   rowExitAnimationClassName: T,
-  theme: Q,
+  theme: Z,
   maxHeight: P,
   stickyToolbar: ae = !1,
   stickyHeader: Je = !1,
-  stickyOffset: Oe = 0,
+  stickyOffset: Re = 0,
   scrollbar: At = "thin",
   className: Wt,
   style: So,
@@ -1437,52 +1437,52 @@ function kl({
   rowClassName: Sn,
   rowStyle: Nn
 }) {
-  const Z = (e, r) => ({
+  const Q = (e, r) => ({
     className: U(r, X[e]),
     style: K[e]
-  }), [Bt, Qn] = j(n), st = W(n);
+  }), [Bt, Zn] = j(n), st = W(n);
   ne(() => {
-    st.current = n, Qn(n);
+    st.current = n, Zn(n);
   }, [n]);
-  const Zn = (e) => {
-    st.current = e, Qn(e);
-  }, [wt, er] = It(w, "", L), [at, tr] = It(H, {}, q), [be, No] = It(v, yl(p), k), [Cn, ct] = It(Y, 0, se), [re, Co] = j(ze), Do = (e) => {
+  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({}), [xl, Io] = j(0), vt = W(/* @__PURE__ */ new Map()), [kt, Qe] = j(null), Re = 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 }), O = ve(() => {
+  }, [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, jt]), In = (e) => e.sortable === !0, fe = g === "single" ? "single" : g ? "multiple" : null, Nt = O.length + (fe ? 1 : 0), Ze = ve(
+  }, [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());
-  Ze.forEach((e) => lr.current.set(e.id, e.row));
+  Qe.forEach((e) => lr.current.set(e.id, e.row));
   const dt = ve(
     () => Object.entries(at).filter(([e, r]) => {
-      const l = O.find((s) => s.field === e);
+      const l = L.find((s) => s.field === e);
       return !!l && !!l.filterable && xo(r);
     }),
-    [at, O]
+    [at, L]
   ), [Mo, $o] = j(wt);
   ne(() => {
     if (!_) return;
     const e = setTimeout(() => $o(wt), B);
     return () => clearTimeout(e);
   }, [wt, _, B]);
-  const Ue = _ ? Mo : wt, sr = (e) => e.filterRenderer ? "text" : Jr(e), Me = ve(() => {
-    if (_) return Ze;
-    const e = Ue.trim().toLowerCase();
-    let r = Ze.filter(({ row: s }) => e && !O.some((c) => Mt(c, s).toLowerCase().includes(e)) ? !1 : dt.every(([c, u]) => {
-      const y = O.find((N) => N.field === c);
-      return Mi(sr(y), u, Mt(y, s), we(s, c));
+  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 = be.map((s) => ({ col: O.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: 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 === "";
@@ -1490,33 +1490,33 @@ function kl({
           if (R !== ee) return R ? 1 : -1;
           continue;
         }
-        const ye = u.comparator ? u.comparator(N, M, s.row, c.row) : bl(N, M, u);
+        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;
-  }, [Ze, O, Ue, dt, be, _]), Yt = JSON.stringify([Ue, at, be, re]), ar = W(Yt);
+  }, [Qe, L, Ae, dt, be, _]), Yt = JSON.stringify([Ae, at, be, re]), ar = W(Yt);
   ne(() => {
     ar.current !== Yt && (ar.current = Yt, ct(0));
   }, [Yt]);
-  const ut = _ ? G ?? Ze.length : Me.length, Ae = A ? Math.max(1, Math.ceil(ut / re)) : 1, oe = Math.min(Cn, Ae - 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(
+  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: be.filter((e) => {
         const r = t.find((l) => l.field === e.field);
         return !!r && In(r);
       }),
       filters: Object.fromEntries(dt),
-      search: Ue.trim(),
+      search: Ae.trim(),
       page: oe,
       pageSize: re
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [be, t, dt, Ue, oe, re]
+    [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(!1), [$n, Pn] = j(!1), Ln = W(0), Gt = Te((e) => {
+  const [Ro, Xt] = j(() => _ && !!S), [$n, Pn] = j(!1), Ln = W(0), Gt = Te((e) => {
     var s;
     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(
@@ -1531,14 +1531,14 @@ function kl({
   ne(() => {
     _ && Gt(Vt.current);
   }, [_, Oo, Gt]), ne(() => {
-    _ && A && Cn > Ae - 1 && ct(Ae - 1);
-  }, [_, A, Cn, Ae]);
+    _ && 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: cr(e) })
-  ), Qt = ve(() => new Set(Ce), [Ce]), Zt = (e) => b ? b(e) : !0, en = W(null), dr = W(!1), Uo = (e, r) => {
-    if (!fe || !Zt(e.row)) return;
+  ), 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;
@@ -1546,10 +1546,10 @@ function kl({
     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 u = Math.min(s, c); u <= Math.max(s, c); u++)
-        Zt(z[u].row) && (r ? l.add(z[u].id) : l.delete(z[u].id));
+        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);
     en.current = e.id, Jt([...l]);
-  }, Dt = ve(() => Me.filter((e) => Zt(e.row)), [Me, b]), ur = Dt.filter((e) => Qt.has(e.id)).length, fr = Dt.length > 0 && ur === Dt.length, hr = (e) => {
+  }, 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) => ({
@@ -1577,8 +1577,8 @@ function kl({
   }, rn = (e, r) => {
     var l;
     return (l = qt.current.get(Hn(e, r))) == null ? void 0 : l.focus();
-  }, We = () => {
-    Re.current += 1, Qe(null);
+  }, Be = () => {
+    Ue.current += 1, Ze(null);
   }, Wo = (e) => {
     for (const r of st.current) {
       const l = we(r, e.field);
@@ -1588,11 +1588,11 @@ function kl({
     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 = pe(s) ?? "" : c = l.text ?? (s == null ? "" : String(s)), zt.current = c, Re.current += 1, Qe({
+    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: Re.current,
+      session: Ue.current,
       select: l.select ?? "end",
       invalid: !1
     }), !0;
@@ -1605,7 +1605,7 @@ function kl({
       u = r.valueParser(l.text, s);
     else if (r.type === "date") {
       if (l.text !== "" && !le(l.text)) return !1;
-      u = Fi(l.text, c ?? Wo(r));
+      u = Ei(l.text, c ?? Wo(r));
     } else if (r.type === "number")
       if (l.text.trim() === "") u = null;
       else {
@@ -1623,49 +1623,49 @@ function kl({
       return !0;
     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 Zn(N), d == null || d({ rowId: e.id, rowIndex: e.index, field: r.field, oldValue: c, newValue: u, row: y }), a == null || a(N), !0;
+    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 = O.findIndex((R) => R.field === r);
+    const s = z.findIndex((R) => R.id === e.id), c = L.findIndex((R) => R.field === r);
     if (s < 0 || c < 0) return null;
     const u = (R, ee) => nn(ee, tn(ee, R.row, R.index));
     if (l === "down" || l === "up") {
       const R = l === "down" ? 1 : -1;
       for (let ee = s + R; ee >= 0 && ee < z.length; ee += R)
-        if (u(z[ee], O[c])) return { entry: z[ee], col: O[c] };
+        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 < z.length; ) {
-      for (; M >= 0 && M < O.length; ) {
-        if (u(z[N], O[M])) return { entry: z[N], col: O[M] };
+      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 : O.length - 1;
+      N += y, M = y > 0 ? 0 : L.length - 1;
     }
     return null;
   }, et = (e, r, l, s = {}) => {
     const { move: c = "none", focus: u = !0 } = s;
     if (!gr(e, r, l))
-      return Qe((N) => N && { ...N, invalid: !0 }), !1;
+      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" }) : (We(), u && rn(e.id, r.field)), !0;
+    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 = po(e.currentTarget);
     if (e.key === "Enter") {
-      if (e.preventDefault(), c) return Qe((y) => y && { ...y, invalid: !0 });
+      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(), We(), rn(r.id, l.field);
+      e.preventDefault(), Be(), rn(r.id, l.field);
     else if (e.key === "Tab" && !c) {
       const u = e.shiftKey ? "left" : "right";
       mr(r, l.field, u) && (e.preventDefault(), et(r, l, { text: s }, { move: u }));
     }
   }, Bo = (e, r) => {
     var u;
-    const l = z[e], s = O[r];
+    const l = z[e], s = L[r];
     if (!l || !s) return;
     rr({ id: l.id, field: s.field }), Fn.current = Hn(l.id, s.field);
     const c = St.current;
@@ -1682,7 +1682,7 @@ function kl({
   });
   const jo = (e, r, l) => {
     if (!Ve) return !1;
-    let s = z.findIndex((u) => u.id === r.id), c = O.findIndex((u) => u.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":
@@ -1707,12 +1707,12 @@ function kl({
         c = 0, (e.ctrlKey || e.metaKey) && (s = 0);
         break;
       case "End":
-        c = O.length - 1, (e.ctrlKey || e.metaKey) && (s = z.length - 1);
+        c = L.length - 1, (e.ctrlKey || e.metaKey) && (s = z.length - 1);
         break;
       default:
         return !1;
     }
-    return e.preventDefault(), Bo(Math.max(0, Math.min(z.length - 1, s)), Math.max(0, Math.min(O.length - 1, c))), !0;
+    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 }))));
   };
@@ -1723,7 +1723,7 @@ function kl({
     const l = new ResizeObserver(r);
     return l.observe(e), () => l.disconnect();
   }, [de]);
-  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)}|${Ue}|${JSON.stringify(at)}`, xr = W(!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 (xr.current) {
       xr.current = !1;
@@ -1737,9 +1737,9 @@ function kl({
   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: "" }), Be = W(/* @__PURE__ */ new Map()), Wn = `${oe}|${re}|${_}`, Bn = Te((e) => {
-    const r = Be.current.get(e);
-    r !== void 0 && clearTimeout(r), Be.current.delete(e), Sr((l) => {
+  }, [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;
     });
@@ -1747,7 +1747,7 @@ function kl({
   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 || gl();
+    const l = !wr || Ct || $n || e.pageKey !== Wn || ml();
     let s = De;
     if (l)
       s = [];
@@ -1766,15 +1766,15 @@ function kl({
   }, [z, De, Ct, $n, Wn, wr]), ne(() => {
     const e = !!T;
     De.forEach((r) => {
-      if (Be.current.has(r.id)) return;
+      if (je.current.has(r.id)) return;
       const l = e ? 2500 : vr * 0.8 + kr * Math.min(r.batch, 24) + 250;
-      Be.current.set(r.id, setTimeout(() => Bn(r.id), l));
-    }), Be.current.forEach((r, l) => {
-      De.some((s) => s.id === l) || (clearTimeout(r), Be.current.delete(l));
+      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));
     });
   }, [De, vr, kr, T, Bn]), ne(
     () => () => {
-      Be.current.forEach((e) => clearTimeout(e)), Be.current.clear();
+      je.current.forEach((e) => clearTimeout(e)), je.current.clear();
     },
     []
   );
@@ -1787,10 +1787,10 @@ function kl({
     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 : ml), 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, Qo = O.some((e) => e.width !== void 0 && e.width !== null && e.width !== ""), Zo = O.length > 0 && O.every((e) => typeof e.width == "number"), ei = (e, r) => {
+  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 = { ...Dn };
-    an || O.forEach((R) => {
+    an || L.forEach((R) => {
       var ee;
       return l[R.field] = ((ee = vt.current.get(R.field)) == null ? void 0 : ee.offsetWidth) ?? cn(R);
     });
@@ -1804,11 +1804,11 @@ function kl({
   Pt(() => {
     var c, u;
     const e = {};
-    let r = fe && O.some((y) => y.pinned === "left") ? $e : 0;
-    for (const y of O)
+    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 [...O].reverse())
+    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(Kt).length || s.some((y) => e[y] !== Kt[y])) && Eo(e);
@@ -1816,15 +1816,15 @@ function kl({
     const e = () => Io((r) => r + 1);
     return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []);
-  const Tr = O.map((e) => e.pinned).lastIndexOf("left"), ti = O.findIndex((e) => e.pinned === "right"), un = Tr >= 0, Fr = (e, r) => ({
+  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
-  }), je = typeof He == "object" ? He : {}, fn = ve(() => {
+  }), Ke = typeof He == "object" ? He : {}, fn = ve(() => {
     var r;
-    const e = (r = je.formats) != null && r.length ? je.formats : ["csv"];
+    const e = (r = Ke.formats) != null && r.length ? Ke.formats : ["csv"];
     return e.filter((l, s) => e.indexOf(l) === s);
   }, [He]), hn = (e = {}) => {
-    const r = { ...je, ...e, pdf: { ...je.pdf, ...e.pdf } }, l = r.scope ?? "filtered", s = l === "page" || l === "visible", c = s ? z : l === "selected" ? Ze.filter((ye) => Qt.has(ye.id)) : Me, u = r.includeHidden ? t : O, y = s && A ? oe * re : 0, N = u.map((ye) => $t(ye) || ye.field), M = [], R = [], ee = [];
+    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) => {
@@ -1841,15 +1841,15 @@ function kl({
     }), { 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 Ki(r.headers, r.display, { sanitize: r.opts.sanitize });
+    return zi(r.headers, r.display, { sanitize: r.opts.sanitize });
   }, Ir = (e = {}) => {
-    const r = { ...je, ...e };
-    zi(Er(e), pn(r, "csv"));
+    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);
   }, $r = (e = {}) => {
-    const r = { ...je, ...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) => ({
@@ -1857,9 +1857,9 @@ function kl({
       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 pl(l, r.typed, { sheetName: r.opts.sheetName });
+    return gl(l, r.typed, { sheetName: r.opts.sheetName });
   }, Lr = async (e = {}) => {
-    const r = { ...je, ...e };
+    const r = { ...Ke, ...e };
     _n(await Pr(e), pn(r, "xlsx"));
   }, Or = async (e = {}) => {
     var l;
@@ -1873,10 +1873,10 @@ function kl({
       },
       r.opts.pdf,
       // Only when asked: read the grid's colours, stripes and borders from the page
-      (l = r.opts.pdf) != null && l.matchGridStyle ? Zi(or.current) : void 0
+      (l = r.opts.pdf) != null && l.matchGridStyle ? el(or.current) : void 0
     );
   }, Rr = async (e = {}) => {
-    const r = { ...je, ...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 {
@@ -1885,14 +1885,14 @@ function kl({
       const s = l instanceof Error ? l : new Error(String(l));
       mt ? mt(s, e) : console.error(`[react-gridix] ${e.toUpperCase()} export failed:`, s);
     }
-  }, [Wr, ni] = j("visible"), ri = Ze.filter((e) => Qt.has(e.id)).length, Br = [
+  }, [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
     ...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 = {
+    Oe && (Oe.current = {
       getCsv: Er,
       exportCsv: Ir,
       getJson: Mr,
@@ -1912,9 +1912,9 @@ function kl({
     });
   }), ne(
     () => () => {
-      Le && (Le.current = null);
+      Oe && (Oe.current = null);
     },
-    [Le]
+    [Oe]
   );
   const jr = (e) => {
     var l, s, c, u, y, N, M, R;
@@ -1955,7 +1955,7 @@ function kl({
       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 && (Zn(c), s.forEach((u) => d == null ? void 0 : d(u)), a == null || a(c));
+    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(
@@ -1977,32 +1977,32 @@ function kl({
         {
           className: "rg-grid__custom-editor",
           onBlur: (c) => {
-            c.currentTarget.contains(c.relatedTarget) || l.session === Re.current && (et(e, r, { value: zt.current }, { focus: !1 }) || We());
+            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(), We(), rn(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) => {
-              zt.current = c, Qe((u) => u && u.session === l.session ? { ...u, draft: c, invalid: !1 } : u);
+              zt.current = c, Ze((u) => u && u.session === l.session ? { ...u, draft: c, invalid: !1 } : u);
             },
             onCommit: (c, u = "none") => {
-              l.session === Re.current && et(e, r, { value: c === void 0 ? zt.current : c }, { move: u });
+              l.session === Ue.current && et(e, r, { value: c === void 0 ? zt.current : c }, { move: u });
             },
             onCancel: () => {
-              We(), rn(e.id, r.field);
+              Be(), rn(e.id, r.field);
             }
           })
         }
       );
     const s = r.type === "date";
     return s ? /* @__PURE__ */ h(
-      Ei,
+      Ii,
       {
         value: l.draft === null || l.draft === void 0 ? "" : String(l.draft),
         label: `Edit ${nt(r)}`,
@@ -2010,15 +2010,15 @@ function kl({
         min: r.dateMin,
         max: r.dateMax,
         locale: r.dateLocale,
-        theme: Q,
+        theme: Z,
         className: U("rg-grid__editor", l.invalid && "rg-grid__editor--invalid", X.editor),
         style: { textAlign: r.align, ...K.editor },
-        onChange: (c) => Qe((u) => u && { ...u, draft: c, invalid: !1 }),
+        onChange: (c) => Ze((u) => u && { ...u, draft: c, invalid: !1 }),
         onPick: (c) => {
-          l.session === Re.current && et(e, r, { text: c }, { focus: !0 });
+          l.session === Ue.current && et(e, r, { text: c }, { focus: !0 });
         },
         onBlur: (c) => {
-          l.session === Re.current && (et(e, r, { text: c.currentTarget.value }, { focus: !1 }) || We());
+          l.session === Ue.current && (et(e, r, { text: c.currentTarget.value }, { focus: !1 }) || Be());
         },
         onKeyDown: (c) => br(c, e, r)
       }
@@ -2037,16 +2037,16 @@ function kl({
         "aria-invalid": l.invalid || void 0,
         onChange: (c) => {
           const u = c.target.value;
-          Qe((y) => y && { ...y, draft: u, invalid: !1 });
+          Ze((y) => y && { ...y, draft: u, invalid: !1 });
         },
         onFocus: (c) => {
           const u = c.currentTarget;
           s || (l.select === "all" ? u.select() : u.setSelectionRange(u.value.length, u.value.length));
         },
         onBlur: (c) => {
-          if (l.session === Re.current) {
-            if (po(c.currentTarget)) return We();
-            et(e, r, { text: c.currentTarget.value }, { focus: !1 }) || We();
+          if (l.session === Ue.current) {
+            if (po(c.currentTarget)) return Be();
+            et(e, r, { text: c.currentTarget.value }, { focus: !1 }) || Be();
           }
         },
         onKeyDown: (c) => br(c, e, r)
@@ -2054,58 +2054,64 @@ function kl({
     );
   }, ci = ve(() => {
     const e = /* @__PURE__ */ new Map();
-    for (const r of O)
-      r.filterable && !r.filterRenderer && Jr(r) === "select" && e.set(r.field, $i(r, Bt, (l) => we(l, r.field), (l) => Mt(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;
-  }, [O, Bt]), di = {
+  }, [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 = Pe && A && (V === "top" || V === "both"), pi = Pe && A && (V === "bottom" || V === "both"), gi = ke && (C || !!yt || pt || !!He), zr = (e) => /* @__PURE__ */ I(
+  }, 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", X.footer),
       style: K.footer,
       "data-position": e,
       children: [
-        /* @__PURE__ */ I("span", { ...Z("rowCount", "rg-grid__count"), children: [
+        /* @__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: re, onChange: (r) => Do(Number(r.target.value)), ...Z("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("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: oe === 0, onClick: () => ct(0), ...Z("pageButton", "rg-grid__page-btn"), children: "«" }),
-          /* @__PURE__ */ h("button", { type: "button", "aria-label": "Previous page", disabled: oe === 0, onClick: () => ct(oe - 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 ",
             oe + 1,
             " of ",
-            Ae
+            We
           ] }),
-          /* @__PURE__ */ h("button", { type: "button", "aria-label": "Next page", disabled: oe >= Ae - 1, onClick: () => ct(oe + 1), ...Z("pageButton", "rg-grid__page-btn"), children: "›" }),
-          /* @__PURE__ */ h("button", { type: "button", "aria-label": "Last page", disabled: oe >= Ae - 1, onClick: () => ct(Ae - 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: "»" })
         ] })
       ]
     }
   ), mi = (e, r, l) => {
-    const s = r === null ? "default" : e.sortIndicator ?? Xe, c = s !== "default", u = Ut && s !== "arrow", y = s === "arrow" ? /* @__PURE__ */ h(el, { direction: r, priority: l }) : s !== "default" ? Ke(s, { column: e, direction: r, priority: 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", { ...Z("sortIndicator", U("rg-grid__sort", c && "rg-grid__sort--custom")), "aria-hidden": "true", "data-direction": r ?? "none", children: [
-      u ? /* @__PURE__ */ h(tl, { direction: r, children: y }) : y,
+    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 = (e) => /* @__PURE__ */ h("tr", { className: "rg-grid__tr rg-grid__skeleton-row", "aria-hidden": "true", style: de ? { height: me } : void 0, children: rt ? (
+  }, 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: Nt, className: "rg-grid__td rg-grid__skeleton-cell", children: Ke(rt, { rowIndex: e, columns: O }) })
+    /* @__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", { ...Z("skeleton", "rg-grid__skeleton"), style: { ...K.skeleton, width: 18 } }) }),
-    O.map((r, l) => /* @__PURE__ */ h("td", { className: "rg-grid__td", style: { textAlign: r.align }, children: /* @__PURE__ */ h("span", { ...Z("skeleton", "rg-grid__skeleton"), style: { ...K.skeleton, width: `${55 + (e * 7 + l * 13) % 35}%` } }) }, r.field))
+    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 = Qt.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}`);
+    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",
       {
@@ -2143,7 +2149,7 @@ function kl({
                 {
                   variant: ot,
                   checked: R,
-                  disabled: y || !Zt(s),
+                  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 },
@@ -2152,7 +2158,7 @@ function kl({
               ) })
             }
           ),
-          O.map(($, Ft) => {
+          L.map(($, Ft) => {
             let J = Ao($, e);
             if ($.type === "sequence") {
               const Ne = qr($, r);
@@ -2181,7 +2187,7 @@ function kl({
                   Kn
                 ),
                 style: { textAlign: $.align, ...Dr($), ...K.cell, ...$.style, ...te, ...bn.style },
-                children: xe && kt && !y ? ai(e, $, kt) : $.cellRenderer ? Ke($.cellRenderer, J) : $.type === "boolean" && !$.cellEditor ? ii($, J) : J.formattedValue
+                children: xe && kt && !y ? ai(e, $, kt) : $.cellRenderer ? Pe($.cellRenderer, J) : $.type === "boolean" && !$.cellEditor ? ii($, J) : J.formattedValue
               },
               $.field
             );
@@ -2190,8 +2196,8 @@ function kl({
       },
       y ? `ghost:${c}` : c
     );
-  }, yi = Ue.trim() !== "" || dt.length > 0 ? "no-results" : "no-data", xi = qe ?? (A ? Math.min(re, 20) : 5), gn = (ae || Je) && P === void 0 && !de, _i = typeof Oe == "number" ? `${Oe}px` : Oe, wi = gn ? {
-    "--rg-sticky-offset": _i,
+  }, 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;
@@ -2208,11 +2214,11 @@ function kl({
         X.root,
         Wt
       ),
-      style: { ...fi, ...di, ...wi, ...K.root, ...So },
-      "data-rg-theme": Q || void 0,
+      style: { ...fi, ...di, ...vi, ...K.root, ...So },
+      "data-rg-theme": Z || void 0,
       "aria-busy": Ct || void 0,
       children: [
-        gi && /* @__PURE__ */ I("div", { ref: Cr, ...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",
@@ -2222,7 +2228,7 @@ function kl({
                 onChange: (e) => er(e.target.value),
                 placeholder: F,
                 "aria-label": "Search all columns",
-                ...Z("search", "rg-grid__search")
+                ...Q("search", "rg-grid__search")
               }
             ),
             fe && Ce.length > 0 && /* @__PURE__ */ I("span", { className: "rg-grid__selected-count", role: "status", children: [
@@ -2233,12 +2239,12 @@ function kl({
           /* @__PURE__ */ I("div", { className: "rg-grid__toolbar-actions", children: [
             yt,
             pt && /* @__PURE__ */ h(
-              Wi,
+              Bi,
               {
                 columns: t,
                 hidden: jt,
                 onToggle: Fo,
-                theme: Q,
+                theme: Z,
                 className: X.toolButton,
                 style: K.toolButton
               }
@@ -2246,21 +2252,21 @@ function kl({
             He && (fn.length > 1 ? (
               // Several formats: a menu with "which rows" and one button per format
               /* @__PURE__ */ h(
-                Vi,
+                Hi,
                 {
                   formats: fn,
                   scopes: Br,
                   scope: oi,
                   onScopeChange: ni,
                   onExport: (e, r) => Ar(e, { scope: r }),
-                  theme: Q,
+                  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: () => Ar(fn[0]), ...Z("toolButton", "rg-grid__tool-btn"), children: Yi(fn[0]) })
+              /* @__PURE__ */ h("button", { type: "button", onClick: () => Ar(fn[0]), ...Q("toolButton", "rg-grid__tool-btn"), children: Vi(fn[0]) })
             ))
           ] })
         ] }),
@@ -2269,27 +2275,27 @@ function kl({
           "div",
           {
             ref: St,
-            ...Z("scroll", U("rg-grid__scroll", `rg-grid__scroll--${At}`)),
+            ...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: an ? {
                   ...K.table,
                   tableLayout: "fixed",
-                  width: O.reduce((e, r) => e + cn(r), fe ? $e : 0),
+                  width: L.reduce((e, r) => e + cn(r), fe ? $e : 0),
                   minWidth: "100%"
-                } : Qo ? {
+                } : Zo ? {
                   ...K.table,
                   tableLayout: "fixed",
                   // Every width is a number: the table is exactly as wide as their sum (no stretching)
-                  ...Zo ? { width: O.reduce((e, r) => e + r.width, fe ? $e : 0) } : null
+                  ...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: [
+                  /* @__PURE__ */ h("thead", { ...Q("thead", "rg-grid__thead"), children: /* @__PURE__ */ I("tr", { ...Q("headerRow", "rg-grid__tr"), children: [
                     fe && /* @__PURE__ */ h(
                       "th",
                       {
@@ -2311,7 +2317,7 @@ function kl({
                         ) })
                       }
                     ),
-                    O.map((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",
@@ -2340,9 +2346,9 @@ function kl({
                           },
                           children: [
                             /* @__PURE__ */ I("span", { className: "rg-grid__th-content", children: [
-                              e.headerRenderer ? Ke(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.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(
-                                Ai,
+                                Wi,
                                 {
                                   column: e,
                                   label: nt(e),
@@ -2354,7 +2360,7 @@ function kl({
                                   },
                                   options: ci.get(e.field) ?? [],
                                   debounce: e.filterDebounce ?? ce,
-                                  theme: Q,
+                                  theme: Z,
                                   indicatorClassName: U(X.filterIndicator, e.filterIndicatorClassName),
                                   indicatorStyle: { ...K.filterIndicator, ...e.filterIndicatorStyle },
                                   popupClassName: U(X.filterPopup, e.filterPopupClassName),
@@ -2383,15 +2389,15 @@ function kl({
                       );
                     })
                   ] }) }),
-                  /* @__PURE__ */ h("tbody", { ...Z("tbody", "rg-grid__tbody"), children: Ct ? Array.from({ length: xi }, (e, r) => bi(r)) : $n ? /* @__PURE__ */ h("tr", { children: /* @__PURE__ */ I("td", { colSpan: Nt, ...Z("empty", "rg-grid__empty rg-grid__error"), role: "alert", children: [
+                  /* @__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: () => Gt(Vt.current), children: "Retry" })
-                  ] }) }) : z.length === 0 && De.length === 0 ? /* @__PURE__ */ h("tr", { children: /* @__PURE__ */ h("td", { colSpan: Nt, ...Z("empty", U("rg-grid__empty", xt && "rg-grid__empty--custom")), children: xt ? Ke(xt, {
-                    reason: yi,
-                    search: Ue.trim(),
+                  ] }) }) : 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: O,
+                    columns: L,
                     clearAll: () => {
                       er(""), tr({});
                     }
@@ -2412,6 +2418,6 @@ function kl({
 }
 export {
   ft as Checkbox,
-  kl as DataGrid,
-  el as SortArrow
+  Sl as DataGrid,
+  tl as SortArrow
 };