react-gridix 0.2.0 → 0.2.1

package/dist/react-gridix.js

@@ -1,9 +1,9 @@
-import { jsxs as x, jsx as f, Fragment as lt } from "react/jsx-runtime";
-import { useState as $, useCallback as Te, useLayoutEffect as Dn, useEffect as j, useRef as F, createElement as ge, useMemo as Z } from "react";
-import { createPortal as In } from "react-dom";
-const Se = (...r) => r.filter(Boolean).join(" ");
-function Tn() {
-  return /* @__PURE__ */ f("svg", { viewBox: "0 0 16 16", width: "100%", height: "100%", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ f(
+import { jsxs as D, jsx as d, Fragment as je } from "react/jsx-runtime";
+import { useState as R, useRef as $, useEffect as U, useMemo as ae, useCallback as _e, useLayoutEffect as On, createElement as Te } from "react";
+import { createPortal as Kn } from "react-dom";
+const Be = (...r) => r.filter(Boolean).join(" ");
+function Rn() {
+  return /* @__PURE__ */ d("svg", { viewBox: "0 0 16 16", width: "100%", height: "100%", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ d(
     "path",
     {
       d: "M3.5 8.5l3 3 6-7",
@@ -15,827 +15,1047 @@ function Tn() {
     }
   ) });
 }
-function Ln() {
-  return /* @__PURE__ */ f("svg", { viewBox: "0 0 16 16", width: "100%", height: "100%", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ f("path", { d: "M4 8h8", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round" }) });
+function Bn() {
+  return /* @__PURE__ */ d("svg", { viewBox: "0 0 16 16", width: "100%", height: "100%", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ d("path", { d: "M4 8h8", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round" }) });
 }
-function me({
+function Fe({
   checked: r,
-  onChange: s,
-  indeterminate: a = !1,
-  variant: d = "native",
-  disabled: p = !1,
-  label: c,
-  "aria-label": m,
-  id: _,
-  name: N,
-  indicator: O,
-  className: P,
-  style: b,
-  classNames: D = {},
-  styles: S = {}
+  onChange: n,
+  indeterminate: c = !1,
+  variant: a = "native",
+  disabled: g = !1,
+  label: f,
+  "aria-label": u,
+  id: k,
+  name: y,
+  indicator: E,
+  className: T,
+  style: w,
+  classNames: v = {},
+  styles: _ = {}
 }) {
-  const T = a ? "indeterminate" : r ? "checked" : "unchecked";
-  return /* @__PURE__ */ x(
+  const C = c ? "indeterminate" : r ? "checked" : "unchecked";
+  return /* @__PURE__ */ D(
     "label",
     {
-      className: Se(
-        "rk-checkbox",
-        `rk-checkbox--${d}`,
-        T === "checked" && "rk-checkbox--checked",
-        a && "rk-checkbox--indeterminate",
-        p && "rk-checkbox--disabled",
-        D.root,
-        P
+      className: Be(
+        "rg-checkbox",
+        `rg-checkbox--${a}`,
+        C === "checked" && "rg-checkbox--checked",
+        c && "rg-checkbox--indeterminate",
+        g && "rg-checkbox--disabled",
+        v.root,
+        T
       ),
-      style: { ...S.root, ...b },
-      "data-state": T,
+      style: { ..._.root, ...w },
+      "data-state": C,
       children: [
-        d === "native" ? /* @__PURE__ */ f(
+        a === "native" ? /* @__PURE__ */ d(
           "input",
           {
             type: "checkbox",
-            id: _,
-            name: N,
-            ref: (M) => {
-              M && (M.indeterminate = a);
+            id: k,
+            name: y,
+            ref: (P) => {
+              P && (P.indeterminate = c);
             },
-            className: Se("rk-checkbox__control", D.control),
-            style: S.control,
+            className: Be("rg-checkbox__control", v.control),
+            style: _.control,
             checked: r,
-            disabled: p,
-            "aria-label": m,
-            "data-state": T,
-            onChange: (M) => s(M.target.checked)
+            disabled: g,
+            "aria-label": u,
+            "data-state": C,
+            onChange: (P) => n(P.target.checked)
           }
-        ) : /* @__PURE__ */ f(
+        ) : /* @__PURE__ */ d(
           "button",
           {
             type: "button",
             role: "checkbox",
-            id: _,
-            className: Se("rk-checkbox__control", D.control),
-            style: S.control,
-            "aria-checked": a ? "mixed" : r,
-            "aria-label": m,
-            disabled: p,
-            "data-state": T,
-            onClick: () => s(!r),
-            children: /* @__PURE__ */ f(
+            id: k,
+            className: Be("rg-checkbox__control", v.control),
+            style: _.control,
+            "aria-checked": c ? "mixed" : r,
+            "aria-label": u,
+            disabled: g,
+            "data-state": C,
+            onClick: () => n(!r),
+            children: /* @__PURE__ */ d(
               "span",
               {
-                className: Se(
-                  "rk-checkbox__indicator",
-                  O !== void 0 && !a && "rk-checkbox__indicator--custom",
-                  D.indicator
+                className: Be(
+                  "rg-checkbox__indicator",
+                  E !== void 0 && !c && "rg-checkbox__indicator--custom",
+                  v.indicator
                 ),
-                style: S.indicator,
-                "data-state": T,
+                style: _.indicator,
+                "data-state": C,
                 "aria-hidden": "true",
-                children: a ? d === "tick" ? /* @__PURE__ */ f(Ln, {}) : null : O !== void 0 ? O : d === "tick" ? /* @__PURE__ */ f(Tn, {}) : null
+                children: c ? a === "tick" ? /* @__PURE__ */ d(Bn, {}) : null : E !== void 0 ? E : a === "tick" ? /* @__PURE__ */ d(Rn, {}) : null
               }
             )
           }
         ),
-        c != null && c !== !1 && c !== "" && /* @__PURE__ */ f("span", { className: Se("rk-checkbox__label", D.label), style: S.label, children: c })
+        f != null && f !== !1 && f !== "" && /* @__PURE__ */ d("span", { className: Be("rg-checkbox__label", v.label), style: _.label, children: f })
       ]
     }
   );
 }
-const Mn = /^(\d{4})-(\d{2})-(\d{2})$/, kr = (r) => String(r).padStart(2, "0");
-function Ie(r) {
-  const s = Mn.exec(r);
-  if (!s) return null;
-  const [a, d, p] = [Number(s[1]), Number(s[2]), Number(s[3])], c = new Date(a, d - 1, p);
-  return c.getFullYear() === a && c.getMonth() === d - 1 && c.getDate() === p ? c : null;
+const Yn = /^(\d{4})-(\d{2})-(\d{2})$/, Fr = (r) => String(r).padStart(2, "0");
+function J(r) {
+  const n = Yn.exec(r);
+  if (!n) return null;
+  const [c, a, g] = [Number(n[1]), Number(n[2]), Number(n[3])], f = new Date(c, a - 1, g);
+  return f.getFullYear() === c && f.getMonth() === a - 1 && f.getDate() === g ? f : null;
 }
-function H(r) {
-  var s;
+function Z(r) {
+  var n;
   if (r instanceof Date)
-    return Number.isNaN(r.getTime()) ? null : `${r.getFullYear()}-${kr(r.getMonth() + 1)}-${kr(r.getDate())}`;
-  if (typeof r == "number") return Number.isFinite(r) ? H(new Date(r)) : null;
+    return Number.isNaN(r.getTime()) ? null : `${r.getFullYear()}-${Fr(r.getMonth() + 1)}-${Fr(r.getDate())}`;
+  if (typeof r == "number") return Number.isFinite(r) ? Z(new Date(r)) : null;
   if (typeof r == "string") {
-    const a = r.trim();
-    if (a === "") return null;
-    const d = (s = /^\d{4}-\d{2}-\d{2}/.exec(a)) == null ? void 0 : s[0];
-    if (d) return Ie(d) ? d : null;
-    const p = Date.parse(a);
-    return Number.isNaN(p) ? null : H(new Date(p));
+    const c = r.trim();
+    if (c === "") return null;
+    const a = (n = /^\d{4}-\d{2}-\d{2}/.exec(c)) == null ? void 0 : n[0];
+    if (a) return J(a) ? a : null;
+    const g = Date.parse(c);
+    return Number.isNaN(g) ? null : Z(new Date(g));
   }
   return null;
 }
-function Fn(r, s, a) {
-  const d = H(r);
-  return d ? Ie(d).toLocaleDateString(s, a ?? { year: "numeric", month: "short", day: "numeric" }) : r == null ? "" : String(r);
+function Wn(r, n, c) {
+  const a = Z(r);
+  return a ? J(a).toLocaleDateString(n, c ?? { year: "numeric", month: "short", day: "numeric" }) : r == null ? "" : String(r);
+}
+function jn(r, n) {
+  var c;
+  return r === "" ? null : n instanceof Date ? J(r) : typeof n == "number" ? ((c = J(r)) == null ? void 0 : c.getTime()) ?? null : r;
 }
-function $n(r, s) {
-  var a;
-  return r === "" ? null : s instanceof Date ? Ie(r) : typeof s == "number" ? ((a = Ie(r)) == null ? void 0 : a.getTime()) ?? null : r;
+const O = (...r) => r.filter(Boolean).join(" "), _t = (r) => r.headerName ?? (r.type === "boolean" ? "" : r.type === "sequence" ? "#" : r.field), ke = (r) => _t(r) || r.field, Sr = (r) => String(r).padStart(2, "0"), qt = (r, n, c) => `${r}-${Sr(n + 1)}-${Sr(c)}`;
+function Ir(r, n, c, a) {
+  const g = [r, n == null ? void 0 : n.from, n == null ? void 0 : n.to].map((y) => y ? J(y) : null).find(Boolean);
+  if (g) return new Date(g.getFullYear(), g.getMonth(), 1);
+  const f = /* @__PURE__ */ new Date();
+  let u = Z(f);
+  c && u < c && (u = c), a && u > a && (u = a);
+  const k = J(u) ?? f;
+  return new Date(k.getFullYear(), k.getMonth(), 1);
+}
+function Kr({ value: r, range: n, min: c, max: a, onPick: g, locale: f, weekStart: u = 0, hideFooter: k, keepFocus: y, className: E }) {
+  var Ve;
+  const [T, w] = R(() => Ir(r, n, c, a)), [v, _] = R(null), C = $(null), P = $({ value: r, from: n == null ? void 0 : n.from, to: n == null ? void 0 : n.to });
+  U(() => {
+    const b = P.current;
+    P.current = { value: r, from: n == null ? void 0 : n.from, to: n == null ? void 0 : n.to };
+    const j = r !== b.value ? r : (n == null ? void 0 : n.from) !== b.from ? n == null ? void 0 : n.from : (n == null ? void 0 : n.to) !== b.to ? n == null ? void 0 : n.to : void 0, I = j ? J(j) : null;
+    I && w((K) => K.getFullYear() === I.getFullYear() && K.getMonth() === I.getMonth() ? K : new Date(I.getFullYear(), I.getMonth(), 1));
+  }, [r, n == null ? void 0 : n.from, n == null ? void 0 : n.to]);
+  const F = Z(/* @__PURE__ */ new Date()), N = T.getFullYear(), S = T.getMonth(), re = ae(() => {
+    const b = new Intl.DateTimeFormat(f, { weekday: "short" });
+    return Array.from({ length: 7 }, (j, I) => b.format(new Date(2023, 0, 1 + (I + u) % 7)));
+  }, [f, u]), ue = new Intl.DateTimeFormat(f, { month: "long", year: "numeric" }).format(T), X = ae(() => {
+    const b = (new Date(N, S, 1).getDay() - u + 7) % 7;
+    return Array.from({ length: 42 }, (j, I) => {
+      const K = new Date(N, S, 1 - b + I);
+      return { iso: qt(K.getFullYear(), K.getMonth(), K.getDate()), day: K.getDate(), outside: K.getMonth() !== S };
+    });
+  }, [N, S, u]), V = (b) => !!c && b < c || !!a && b > a, ce = (b) => w(new Date(N, S + b, 1)), qe = (b) => {
+    const j = J(b);
+    j && ((j.getFullYear() !== N || j.getMonth() !== S) && w(new Date(j.getFullYear(), j.getMonth(), 1)), _(b), requestAnimationFrame(() => {
+      var I, K;
+      return (K = (I = C.current) == null ? void 0 : I.querySelector(`[data-iso="${b}"]`)) == null ? void 0 : K.focus();
+    }));
+  }, Se = (b, j) => {
+    const I = J(j), K = (le) => {
+      b.preventDefault(), qe(qt(I.getFullYear(), I.getMonth(), I.getDate() + le));
+    };
+    switch (b.key) {
+      case "ArrowLeft":
+        return K(-1);
+      case "ArrowRight":
+        return K(1);
+      case "ArrowUp":
+        return K(-7);
+      case "ArrowDown":
+        return K(7);
+      case "Home":
+        return K(-((I.getDay() - u + 7) % 7));
+      case "End":
+        return K(6 - (I.getDay() - u + 7) % 7);
+      case "PageUp":
+      case "PageDown": {
+        b.preventDefault();
+        const le = b.key === "PageUp" ? -1 : 1, fe = new Date(I.getFullYear(), I.getMonth() + le + 1, 0).getDate();
+        qe(qt(I.getFullYear(), I.getMonth() + le, Math.min(I.getDate(), fe)));
+        return;
+      }
+    }
+  }, yt = (b) => !!b && X.some((j) => j.iso === b && !j.outside), vt = [v, r, F].find((b) => yt(b) && !V(b)) ?? ((Ve = X.find((b) => !b.outside && !V(b.iso))) == null ? void 0 : Ve.iso), ne = n == null ? void 0 : n.from, W = n == null ? void 0 : n.to;
+  return /* @__PURE__ */ D(
+    "div",
+    {
+      className: O("rg-cal", E),
+      onMouseDown: y ? (b) => b.preventDefault() : void 0,
+      role: "group",
+      "aria-label": `Calendar, ${ue}`,
+      children: [
+        /* @__PURE__ */ D("div", { className: "rg-cal__head", children: [
+          /* @__PURE__ */ d("button", { type: "button", className: "rg-cal__nav", "aria-label": "Previous year", onClick: () => ce(-12), children: "«" }),
+          /* @__PURE__ */ d("button", { type: "button", className: "rg-cal__nav", "aria-label": "Previous month", onClick: () => ce(-1), children: "‹" }),
+          /* @__PURE__ */ d("span", { className: "rg-cal__title", "aria-live": "polite", children: ue }),
+          /* @__PURE__ */ d("button", { type: "button", className: "rg-cal__nav", "aria-label": "Next month", onClick: () => ce(1), children: "›" }),
+          /* @__PURE__ */ d("button", { type: "button", className: "rg-cal__nav", "aria-label": "Next year", onClick: () => ce(12), children: "»" })
+        ] }),
+        /* @__PURE__ */ D("div", { className: "rg-cal__grid", ref: C, children: [
+          re.map((b) => /* @__PURE__ */ d("span", { className: "rg-cal__dow", "aria-hidden": "true", children: b.slice(0, 2) }, b)),
+          X.map(({ iso: b, day: j, outside: I }) => {
+            const K = b === r, le = b === ne, fe = b === W, xt = !!ne && !!W && b > ne && b < W;
+            return /* @__PURE__ */ d(
+              "button",
+              {
+                type: "button",
+                "data-iso": b,
+                tabIndex: b === vt ? 0 : -1,
+                disabled: V(b),
+                "aria-pressed": K || le || fe,
+                "aria-label": new Intl.DateTimeFormat(f, { dateStyle: "full" }).format(J(b)),
+                className: O(
+                  "rg-cal__day",
+                  I && "rg-cal__day--outside",
+                  b === F && "rg-cal__day--today",
+                  (K || le || fe) && "rg-cal__day--selected",
+                  xt && "rg-cal__day--in-range",
+                  ne && W && le && ne !== W && "rg-cal__day--range-start",
+                  ne && W && fe && ne !== W && "rg-cal__day--range-end"
+                ),
+                onClick: () => g(b),
+                onKeyDown: (Ue) => Se(Ue, b),
+                onFocus: () => _(b),
+                children: j
+              },
+              b
+            );
+          })
+        ] }),
+        !k && /* @__PURE__ */ D("div", { className: "rg-cal__foot", children: [
+          /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              className: "rg-cal__link",
+              disabled: V(F),
+              onClick: () => {
+                w(Ir(F)), g(F);
+              },
+              children: "Today"
+            }
+          ),
+          /* @__PURE__ */ d("button", { type: "button", className: "rg-cal__link", onClick: () => g(""), children: "Clear" })
+        ] })
+      ]
+    }
+  );
+}
+const Ut = typeof window < "u" ? On : U;
+function Ye(r, n, c) {
+  const [a, g] = R(n), f = r !== void 0, u = f ? r : a, k = _e(
+    (y) => {
+      f || g(y), c == null || c(y);
+    },
+    [f, c]
+  );
+  return [u, k];
+}
+function Rr(r, n) {
+  const c = $(r);
+  c.current = r;
+  const a = $(void 0), g = $(null), f = _e(() => {
+    a.current !== void 0 && clearTimeout(a.current), a.current = void 0, g.current = null;
+  }, []), u = _e(() => {
+    a.current !== void 0 && clearTimeout(a.current), a.current = void 0;
+    const y = g.current;
+    g.current = null, y && c.current(...y);
+  }, []), k = _e(
+    (...y) => {
+      if (n <= 0) {
+        f(), c.current(...y);
+        return;
+      }
+      g.current = y, a.current !== void 0 && clearTimeout(a.current), a.current = setTimeout(u, n);
+    },
+    [n, f, u]
+  );
+  return U(() => u, [u]), { call: k, flush: u, cancel: f };
+}
+function Jt({ anchorRef: r, open: n, onClose: c, label: a, theme: g, className: f, style: u, keepFocus: k, children: y }) {
+  const E = $(null), [T, w] = R({ top: 0, left: 0 }), v = _e(() => {
+    var N;
+    const _ = r.current;
+    if (!_) return;
+    const C = _.getBoundingClientRect(), P = ((N = E.current) == null ? void 0 : N.offsetWidth) ?? 260, F = Math.max(8, Math.min(C.left, window.innerWidth - P - 8));
+    w({ top: C.bottom + 6, left: F });
+  }, [r]);
+  return Ut(() => {
+    n && v();
+  }, [n, v]), U(() => {
+    if (!n) return;
+    const _ = (P) => {
+      var N, S;
+      const F = P.target;
+      (N = E.current) != null && N.contains(F) || (S = r.current) != null && S.contains(F) || c();
+    }, C = (P) => {
+      var F;
+      P.key === "Escape" && (c(), (F = r.current) == null || F.focus());
+    };
+    return document.addEventListener("mousedown", _), document.addEventListener("keydown", C), window.addEventListener("resize", v), window.addEventListener("scroll", v, !0), () => {
+      document.removeEventListener("mousedown", _), document.removeEventListener("keydown", C), window.removeEventListener("resize", v), window.removeEventListener("scroll", v, !0);
+    };
+  }, [n, c, v, r]), !n || typeof document > "u" ? null : Kn(
+    /* @__PURE__ */ d(
+      "div",
+      {
+        ref: E,
+        role: "dialog",
+        onMouseDown: k ? (_) => _.preventDefault() : void 0,
+        "aria-label": a,
+        "data-rg-theme": g || void 0,
+        className: O("rg-grid-popup", f),
+        style: { position: "fixed", top: T.top, left: T.left, ...u },
+        children: y
+      }
+    ),
+    document.body
+  );
+}
+function qn({ value: r, onChange: n, onPick: c, onBlur: a, onKeyDown: g, min: f, max: u, locale: k, invalid: y, label: E, theme: T, className: w, style: v }) {
+  const _ = $(null);
+  return /* @__PURE__ */ D(je, { children: [
+    /* @__PURE__ */ d(
+      "input",
+      {
+        ref: _,
+        autoFocus: !0,
+        type: "text",
+        inputMode: "numeric",
+        placeholder: "YYYY-MM-DD",
+        autoComplete: "off",
+        className: w,
+        style: v,
+        value: r,
+        "aria-label": E,
+        "aria-invalid": y || void 0,
+        "aria-haspopup": "dialog",
+        "aria-expanded": !0,
+        onChange: (C) => n(C.target.value.trim()),
+        onBlur: a,
+        onKeyDown: g,
+        onFocus: (C) => C.currentTarget.setSelectionRange(C.currentTarget.value.length, C.currentTarget.value.length)
+      }
+    ),
+    /* @__PURE__ */ d(Jt, { anchorRef: _, open: !0, onClose: () => {
+    }, label: E, theme: T, className: "rg-date-popup", keepFocus: !0, children: /* @__PURE__ */ d(Kr, { value: r, min: f, max: u, locale: k, onPick: c, keepFocus: !0 }) })
+  ] });
 }
-function _r(r) {
+function Lr(r) {
   return r.filterType ? r.filterType : r.type === "number" ? "number" : r.type === "date" ? "date" : r.type === "boolean" ? "select" : "text";
 }
-const On = (r) => typeof r == "object" && r !== null && !Array.isArray(r);
-function wr(r) {
+const Vn = (r) => typeof r == "object" && r !== null && !Array.isArray(r);
+function Br(r) {
   if (r == null) return !1;
   if (typeof r == "string") return r.trim() !== "";
   if (Array.isArray(r)) return r.length > 0;
-  if (On(r)) {
-    const s = r;
-    return typeof s.min == "number" || typeof s.max == "number" || !!s.from || !!s.to;
+  if (Vn(r)) {
+    const n = r;
+    return typeof n.min == "number" || typeof n.max == "number" || !!n.from || !!n.to;
   }
   return !1;
 }
-function Pn(r, s, a, d) {
+function Un(r, n, c, a) {
   switch (r) {
     case "text":
-      return a.toLowerCase().includes(String(s).trim().toLowerCase());
+      return c.toLowerCase().includes(String(n).trim().toLowerCase());
     case "exact":
-      return a.toLowerCase() === String(s).trim().toLowerCase();
+      return c.toLowerCase() === String(n).trim().toLowerCase();
     case "number": {
-      const { min: p, max: c } = s, m = typeof d == "number" ? d : d == null || d === "" ? NaN : Number(d);
-      return Number.isNaN(m) ? !1 : (typeof p != "number" || m >= p) && (typeof c != "number" || m <= c);
+      const { min: g, max: f } = n, u = typeof a == "number" ? a : a == null || a === "" ? NaN : Number(a);
+      return Number.isNaN(u) ? !1 : (typeof g != "number" || u >= g) && (typeof f != "number" || u <= f);
     }
     case "date": {
-      const { from: p, to: c } = s, m = H(d);
-      return m ? (!p || m >= p) && (!c || m <= c) : !1;
+      const { from: g, to: f } = n, u = Z(a);
+      return u ? (!g || u >= g) && (!f || u <= f) : !1;
     }
     case "select":
-      return s.includes(String(d ?? ""));
+      return n.includes(String(a ?? ""));
   }
 }
-function An(r, s, a, d) {
-  if (r.filterOptions) return r.filterOptions.map((c) => typeof c == "string" ? { value: c, label: c } : c);
+function zn(r, n, c, a) {
+  if (r.filterOptions) return r.filterOptions.map((f) => typeof f == "string" ? { value: f, label: f } : f);
   if (r.type === "boolean")
     return [
       { value: "true", label: "Yes" },
       { value: "false", label: "No" }
     ];
-  const p = /* @__PURE__ */ new Map();
-  for (const c of s) {
-    const m = a(c);
-    if (m == null || m === "") continue;
-    const _ = String(m);
-    p.has(_) || p.set(_, d(c));
+  const g = /* @__PURE__ */ new Map();
+  for (const f of n) {
+    const u = c(f);
+    if (u == null || u === "") continue;
+    const k = String(u);
+    g.has(k) || g.set(k, a(f));
   }
-  return [...p].map(([c, m]) => ({ value: c, label: m })).sort((c, m) => c.label.localeCompare(m.label, void 0, { numeric: !0 }));
+  return [...g].map(([f, u]) => ({ value: f, label: u })).sort((f, u) => f.label.localeCompare(u.label, void 0, { numeric: !0 }));
 }
-const Ft = typeof window < "u" ? Dn : j;
-function Ce(r, s, a) {
-  const [d, p] = $(s), c = r !== void 0, m = c ? r : d, _ = Te(
-    (N) => {
-      c || p(N), a == null || a(N);
-    },
-    [c, a]
-  );
-  return [m, _];
-}
-const C = (...r) => r.filter(Boolean).join(" "), ot = (r) => r.headerName ?? (r.type === "boolean" ? "" : r.field), pe = (r) => ot(r) || r.field;
-function Nr({ anchorRef: r, open: s, onClose: a, label: d, theme: p, className: c, style: m, children: _ }) {
-  const N = F(null), [O, P] = $({ top: 0, left: 0 }), b = Te(() => {
-    var B;
-    const D = r.current;
-    if (!D) return;
-    const S = D.getBoundingClientRect(), T = ((B = N.current) == null ? void 0 : B.offsetWidth) ?? 260, M = Math.max(8, Math.min(S.left, window.innerWidth - T - 8));
-    P({ top: S.bottom + 6, left: M });
-  }, [r]);
-  return Ft(() => {
-    s && b();
-  }, [s, b]), j(() => {
-    if (!s) return;
-    const D = (T) => {
-      var B, ie;
-      const M = T.target;
-      (B = N.current) != null && B.contains(M) || (ie = r.current) != null && ie.contains(M) || a();
-    }, S = (T) => {
-      var M;
-      T.key === "Escape" && (a(), (M = r.current) == null || M.focus());
-    };
-    return document.addEventListener("mousedown", D), document.addEventListener("keydown", S), window.addEventListener("resize", b), window.addEventListener("scroll", b, !0), () => {
-      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", S), window.removeEventListener("resize", b), window.removeEventListener("scroll", b, !0);
-    };
-  }, [s, a, b, r]), !s || typeof document > "u" ? null : In(
-    /* @__PURE__ */ f(
-      "div",
-      {
-        ref: N,
-        role: "dialog",
-        "aria-label": d,
-        "data-rk-theme": p || void 0,
-        className: C("rk-grid-popup", c),
-        style: { position: "fixed", top: O.top, left: O.left, ...m },
-        children: _
-      }
-    ),
-    document.body
-  );
-}
-const it = (r) => {
+const $r = (r) => {
   if (r.trim() === "") return;
-  const s = Number(r);
-  return Number.isFinite(s) ? s : void 0;
-}, Er = (r) => typeof r == "object" && r !== null && !Array.isArray(r);
-function Kn({
+  const n = Number(r);
+  return Number.isFinite(n) ? n : void 0;
+}, Yr = (r) => typeof r == "object" && r !== null && !Array.isArray(r);
+function Hn({
   value: r,
-  onChange: s,
-  label: a,
-  inputClassName: d,
-  inputStyle: p
+  onChange: n,
+  label: c,
+  debounce: a,
+  inputClassName: g,
+  inputStyle: f
 }) {
-  const c = Er(r) ? r : {}, [m, _] = $(c.min === void 0 ? "" : String(c.min)), [N, O] = $(c.max === void 0 ? "" : String(c.max));
-  j(() => {
-    it(m) !== c.min && _(c.min === void 0 ? "" : String(c.min)), it(N) !== c.max && O(c.max === void 0 ? "" : String(c.max));
-  }, [c.min, c.max]);
-  const P = (b, D) => {
-    const S = it(b), T = it(D);
-    s(S === void 0 && T === void 0 ? void 0 : { min: S, max: T });
-  };
-  return /* @__PURE__ */ x("div", { className: "rk-grid__filter-fields", children: [
-    /* @__PURE__ */ x("label", { className: "rk-grid__filter-field", children: [
-      /* @__PURE__ */ f("span", { children: "Min" }),
-      /* @__PURE__ */ f(
+  const u = Yr(r) ? r : {}, [k, y] = R(u.min === void 0 ? "" : String(u.min)), [E, T] = R(u.max === void 0 ? "" : String(u.max)), w = $(u), v = Rr((_, C) => {
+    const P = $r(_), F = $r(C);
+    w.current = { min: P, max: F }, n(P === void 0 && F === void 0 ? void 0 : { min: P, max: F });
+  }, a);
+  return U(() => {
+    u.min === w.current.min && u.max === w.current.max || (w.current = u, v.cancel(), y(u.min === void 0 ? "" : String(u.min)), T(u.max === void 0 ? "" : String(u.max)));
+  }, [u.min, u.max]), /* @__PURE__ */ D("div", { className: "rg-grid__filter-fields", children: [
+    /* @__PURE__ */ D("label", { className: "rg-grid__filter-field", children: [
+      /* @__PURE__ */ d("span", { children: "Min" }),
+      /* @__PURE__ */ d(
         "input",
         {
           autoFocus: !0,
           type: "number",
-          className: C("rk-grid__filter-input", d),
-          style: p,
-          value: m,
-          "aria-label": `Minimum ${a}`,
-          onChange: (b) => {
-            _(b.target.value), P(b.target.value, N);
-          }
+          className: O("rg-grid__filter-input", g),
+          style: f,
+          value: k,
+          "aria-label": `Minimum ${c}`,
+          onChange: (_) => {
+            y(_.target.value), v.call(_.target.value, E);
+          },
+          onKeyDown: (_) => _.key === "Enter" && v.flush()
         }
       )
     ] }),
-    /* @__PURE__ */ x("label", { className: "rk-grid__filter-field", children: [
-      /* @__PURE__ */ f("span", { children: "Max" }),
-      /* @__PURE__ */ f(
+    /* @__PURE__ */ D("label", { className: "rg-grid__filter-field", children: [
+      /* @__PURE__ */ d("span", { children: "Max" }),
+      /* @__PURE__ */ d(
         "input",
         {
           type: "number",
-          className: C("rk-grid__filter-input", d),
-          style: p,
-          value: N,
-          "aria-label": `Maximum ${a}`,
-          onChange: (b) => {
-            O(b.target.value), P(m, b.target.value);
-          }
+          className: O("rg-grid__filter-input", g),
+          style: f,
+          value: E,
+          "aria-label": `Maximum ${c}`,
+          onChange: (_) => {
+            T(_.target.value), v.call(k, _.target.value);
+          },
+          onKeyDown: (_) => _.key === "Enter" && v.flush()
         }
       )
     ] })
   ] });
 }
-function Bn({
+function Jn({
   value: r,
-  onChange: s,
+  onChange: n,
+  onEnter: c,
   label: a,
-  inputClassName: d,
-  inputStyle: p
+  kind: g,
+  placeholder: f,
+  debounce: u,
+  inputClassName: k,
+  inputStyle: y
 }) {
-  const c = Er(r) ? r : {}, m = (_, N) => s(!_ && !N ? void 0 : { from: _ || void 0, to: N || void 0 });
-  return /* @__PURE__ */ x("div", { className: "rk-grid__filter-fields", children: [
-    /* @__PURE__ */ x("label", { className: "rk-grid__filter-field", children: [
-      /* @__PURE__ */ f("span", { children: "From" }),
-      /* @__PURE__ */ f(
-        "input",
-        {
-          autoFocus: !0,
-          type: "date",
-          className: C("rk-grid__filter-input", d),
-          style: p,
-          value: c.from ?? "",
-          "aria-label": `${a} from`,
-          onChange: (_) => m(_.target.value, c.to)
-        }
-      )
+  const [E, T] = R(r), w = $(r), v = Rr((_) => {
+    w.current = _, n(_ || void 0);
+  }, u);
+  return U(() => {
+    r !== w.current && (w.current = r, v.cancel(), T(r));
+  }, [r]), /* @__PURE__ */ d(
+    "input",
+    {
+      autoFocus: !0,
+      type: "text",
+      className: O("rg-grid__filter-input", k),
+      style: y,
+      value: E,
+      placeholder: f ?? (g === "exact" ? "Exactly…" : `Filter ${a}…`),
+      "aria-label": `Filter text for ${a}`,
+      onChange: (_) => {
+        T(_.target.value), v.call(_.target.value);
+      },
+      onKeyDown: (_) => {
+        _.key === "Enter" && (_.preventDefault(), v.flush(), c());
+      }
+    }
+  );
+}
+function Xn({
+  value: r,
+  onChange: n,
+  label: c,
+  inputClassName: a,
+  inputStyle: g,
+  min: f,
+  max: u,
+  locale: k
+}) {
+  const y = Yr(r) ? r : {}, E = (N, S) => n(!N && !S ? void 0 : { from: N || void 0, to: S || void 0 }), [T, w] = R(y.from ?? ""), [v, _] = R(y.to ?? "");
+  U(() => {
+    (J(T) ? T : "") !== (y.from ?? "") && w(y.from ?? ""), (J(v) ? v : "") !== (y.to ?? "") && _(y.to ?? "");
+  }, [y.from, y.to]);
+  const C = (N, S) => {
+    if ((N === "from" ? w : _)(S), S !== "" && !J(S)) return;
+    const re = S || void 0;
+    N === "from" ? E(re, y.to) : E(y.from, re);
+  }, P = (N) => {
+    N && (!y.from || y.to ? E(N, void 0) : N < y.from ? E(N, y.from) : E(y.from, N));
+  }, F = (N, S, re) => /* @__PURE__ */ D("label", { className: "rg-grid__filter-field", children: [
+    /* @__PURE__ */ d("span", { children: N === "from" ? "From" : "To" }),
+    /* @__PURE__ */ d(
+      "input",
+      {
+        autoFocus: re,
+        type: "text",
+        inputMode: "numeric",
+        placeholder: "YYYY-MM-DD",
+        className: O("rg-grid__filter-input", S !== "" && !J(S) && "rg-grid__filter-input--invalid", a),
+        style: g,
+        value: S,
+        "aria-label": `${c} ${N}`,
+        "aria-invalid": S !== "" && !J(S) || void 0,
+        onChange: (ue) => C(N, ue.target.value.trim())
+      }
+    )
+  ] });
+  return /* @__PURE__ */ D("div", { className: "rg-grid__filter-fields rg-grid__filter-fields--stack", children: [
+    /* @__PURE__ */ D("div", { className: "rg-grid__filter-date-row", children: [
+      F("from", T, !0),
+      F("to", v, !1)
     ] }),
-    /* @__PURE__ */ x("label", { className: "rk-grid__filter-field", children: [
-      /* @__PURE__ */ f("span", { children: "To" }),
-      /* @__PURE__ */ f(
-        "input",
-        {
-          type: "date",
-          className: C("rk-grid__filter-input", d),
-          style: p,
-          value: c.to ?? "",
-          "aria-label": `${a} to`,
-          onChange: (_) => m(c.from, _.target.value)
-        }
-      )
-    ] })
+    /* @__PURE__ */ d(Kr, { range: y, min: f, max: u, locale: k, onPick: P, hideFooter: !0 })
   ] });
 }
-function Rn({
+function Gn({
   value: r,
-  onChange: s,
-  options: a
+  onChange: n,
+  options: c
 }) {
-  const d = Array.isArray(r) ? r : [], p = (c, m) => {
-    const _ = m ? [...d, c] : d.filter((N) => N !== c);
-    s(_.length ? _ : void 0);
+  const a = Array.isArray(r) ? r : [], g = (f, u) => {
+    const k = u ? [...a, f] : a.filter((y) => y !== f);
+    n(k.length ? k : void 0);
   };
-  return /* @__PURE__ */ x("div", { className: "rk-grid__filter-fields rk-grid__filter-options", role: "group", children: [
-    a.length === 0 && /* @__PURE__ */ f("span", { className: "rk-grid__filter-empty", children: "No values" }),
-    a.map((c) => /* @__PURE__ */ f(
-      me,
+  return /* @__PURE__ */ D("div", { className: "rg-grid__filter-fields rg-grid__filter-options", role: "group", children: [
+    c.length === 0 && /* @__PURE__ */ d("span", { className: "rg-grid__filter-empty", children: "No values" }),
+    c.map((f) => /* @__PURE__ */ d(
+      Fe,
       {
-        checked: d.includes(c.value),
-        onChange: (m) => p(c.value, m),
-        label: c.label ?? c.value
+        checked: a.includes(f.value),
+        onChange: (u) => g(f.value, u),
+        label: f.label ?? f.value
       },
-      c.value
+      f.value
     ))
   ] });
 }
-function Wn({
+function Qn({
   column: r,
-  label: s,
-  kind: a,
-  value: d,
-  onChange: p,
-  options: c,
-  theme: m,
-  indicatorClassName: _,
-  indicatorStyle: N,
-  popupClassName: O,
-  popupStyle: P,
-  inputClassName: b,
-  inputStyle: D
+  label: n,
+  kind: c,
+  value: a,
+  onChange: g,
+  options: f,
+  debounce: u = 300,
+  theme: k,
+  indicatorClassName: y,
+  indicatorStyle: E,
+  popupClassName: T,
+  popupStyle: w,
+  inputClassName: v,
+  inputStyle: _
 }) {
-  const [S, T] = $(!1), M = F(null), B = wr(d), ie = Te(() => T(!1), []), Le = typeof d == "string" ? d : "", st = () => {
+  const [C, P] = R(!1), F = $(null), N = Br(a), S = _e(() => P(!1), []), re = typeof a == "string" ? a : "", ue = () => {
     if (r.filterRenderer)
-      return ge(r.filterRenderer, { column: r, value: Le, onChange: (z) => p(z || void 0) });
-    switch (a) {
+      return Te(r.filterRenderer, { column: r, value: re, onChange: (X) => g(X || void 0) });
+    switch (c) {
       case "number":
-        return /* @__PURE__ */ f(Kn, { value: d, onChange: p, label: s, inputClassName: b, inputStyle: D });
+        return /* @__PURE__ */ d(Hn, { value: a, onChange: g, label: n, debounce: u, inputClassName: v, inputStyle: _ });
       case "date":
-        return /* @__PURE__ */ f(Bn, { value: d, onChange: p, label: s, inputClassName: b, inputStyle: D });
+        return /* @__PURE__ */ d(Xn, { value: a, onChange: g, label: n, min: r.dateMin, max: r.dateMax, locale: r.dateLocale, inputClassName: v, inputStyle: _ });
       case "select":
-        return /* @__PURE__ */ f(Rn, { value: d, onChange: p, options: c });
+        return /* @__PURE__ */ d(Gn, { value: a, onChange: g, options: f });
       default:
-        return /* @__PURE__ */ f(
-          "input",
+        return /* @__PURE__ */ d(
+          Jn,
           {
-            autoFocus: !0,
-            type: "text",
-            className: C("rk-grid__filter-input", b),
-            style: D,
-            value: Le,
-            placeholder: r.filterPlaceholder ?? (a === "exact" ? "Exactly…" : `Filter ${s}…`),
-            "aria-label": `Filter text for ${s}`,
-            onChange: (z) => p(z.target.value || void 0),
-            onKeyDown: (z) => {
-              var oe;
-              z.key === "Enter" && (T(!1), (oe = M.current) == null || oe.focus());
-            }
+            value: re,
+            onChange: g,
+            onEnter: () => {
+              var X;
+              P(!1), (X = F.current) == null || X.focus();
+            },
+            label: n,
+            kind: c,
+            placeholder: r.filterPlaceholder,
+            debounce: u,
+            inputClassName: v,
+            inputStyle: _
           }
         );
     }
   };
-  return /* @__PURE__ */ x(lt, { children: [
-    /* @__PURE__ */ f(
+  return /* @__PURE__ */ D(je, { children: [
+    /* @__PURE__ */ d(
       "button",
       {
-        ref: M,
+        ref: F,
         type: "button",
-        className: C(
-          "rk-grid__filter-btn",
-          B && "rk-grid__filter-btn--active",
-          S && "rk-grid__filter-btn--open",
-          _
+        className: O(
+          "rg-grid__filter-btn",
+          N && "rg-grid__filter-btn--active",
+          C && "rg-grid__filter-btn--open",
+          y
         ),
-        style: N,
-        "aria-label": `Filter ${s}`,
+        style: E,
+        "aria-label": `Filter ${n}`,
         "aria-haspopup": "dialog",
-        "aria-expanded": S,
-        "data-active": B || void 0,
-        onClick: (z) => {
-          z.stopPropagation(), T((oe) => !oe);
+        "aria-expanded": C,
+        "data-active": N || void 0,
+        onClick: (X) => {
+          X.stopPropagation(), P((V) => !V);
         },
-        onKeyDown: (z) => z.stopPropagation(),
-        children: r.filterIndicator ? ge(r.filterIndicator, { column: r, active: B, open: S }) : /* @__PURE__ */ f("span", { className: "rk-grid__filter-dot", "aria-hidden": "true" })
+        onKeyDown: (X) => X.stopPropagation(),
+        children: r.filterIndicator ? Te(r.filterIndicator, { column: r, active: N, open: C }) : /* @__PURE__ */ d("span", { className: "rg-grid__filter-dot", "aria-hidden": "true" })
       }
     ),
-    /* @__PURE__ */ x(
-      Nr,
+    /* @__PURE__ */ D(
+      Jt,
       {
-        anchorRef: M,
-        open: S,
-        onClose: ie,
-        label: `Filter ${s}`,
-        theme: m,
-        className: O,
-        style: P,
+        anchorRef: F,
+        open: C,
+        onClose: S,
+        label: `Filter ${n}`,
+        theme: k,
+        className: T,
+        style: w,
         children: [
-          st(),
-          B && /* @__PURE__ */ f("button", { type: "button", className: "rk-grid__filter-clear", onClick: () => p(void 0), children: "Clear" })
+          ue(),
+          N && /* @__PURE__ */ d("button", { type: "button", className: "rg-grid__filter-clear", onClick: () => g(void 0), children: "Clear" })
         ]
       }
     )
   ] });
 }
-function jn({ columns: r, hidden: s, onToggle: a, theme: d, className: p, style: c }) {
-  const [m, _] = $(!1), N = F(null), O = Te(() => _(!1), []), P = r.filter((b) => !s.has(b.field)).length;
-  return /* @__PURE__ */ x(lt, { children: [
-    /* @__PURE__ */ f(
+function Zn({ columns: r, hidden: n, onToggle: c, theme: a, className: g, style: f }) {
+  const [u, k] = R(!1), y = $(null), E = _e(() => k(!1), []), T = r.filter((w) => !n.has(w.field)).length;
+  return /* @__PURE__ */ D(je, { children: [
+    /* @__PURE__ */ d(
       "button",
       {
-        ref: N,
+        ref: y,
         type: "button",
-        className: C("rk-grid__tool-btn", p),
-        style: c,
+        className: O("rg-grid__tool-btn", g),
+        style: f,
         "aria-haspopup": "dialog",
-        "aria-expanded": m,
-        onClick: () => _((b) => !b),
+        "aria-expanded": u,
+        onClick: () => k((w) => !w),
         children: "Columns"
       }
     ),
-    /* @__PURE__ */ f(Nr, { anchorRef: N, open: m, onClose: O, label: "Show or hide columns", theme: d, children: /* @__PURE__ */ f("div", { className: "rk-grid__filter-fields rk-grid__filter-options", role: "group", "aria-label": "Columns", children: r.filter((b) => b.hideable !== !1).map((b) => {
-      const D = !s.has(b.field);
-      return /* @__PURE__ */ f(
-        me,
+    /* @__PURE__ */ d(Jt, { anchorRef: y, open: u, onClose: E, label: "Show or hide columns", theme: a, children: /* @__PURE__ */ d("div", { className: "rg-grid__filter-fields rg-grid__filter-options", role: "group", "aria-label": "Columns", children: r.filter((w) => w.hideable !== !1).map((w) => {
+      const v = !n.has(w.field);
+      return /* @__PURE__ */ d(
+        Fe,
         {
-          checked: D,
-          disabled: D && P <= 1,
-          onChange: (S) => a(b.field, !S),
-          label: pe(b)
+          checked: v,
+          disabled: v && T <= 1,
+          onChange: (_) => c(w.field, !_),
+          label: ke(w)
         },
-        b.field
+        w.field
       );
     }) }) })
   ] });
 }
-const Vn = /^[=+\-@\t\r]/;
-function Un(r, s, a) {
+const eo = /^[=+\-@\t\r]/;
+function to(r, n, c) {
   if (r == null) return "";
-  let d = String(r);
-  return a && typeof r == "string" && Vn.test(d) && !Number.isFinite(Number(d)) && (d = `'${d}`), d.includes(s) || /["\r\n]/.test(d) ? `"${d.replace(/"/g, '""')}"` : d;
+  let a = String(r);
+  return c && typeof r == "string" && eo.test(a) && !Number.isFinite(Number(a)) && (a = `'${a}`), a.includes(n) || /["\r\n]/.test(a) ? `"${a.replace(/"/g, '""')}"` : a;
 }
-function zn(r, s, a = {}) {
-  const { delimiter: d = ",", sanitize: p = !0 } = a, c = (m) => m.map((_) => Un(_, d, p)).join(d);
-  return [c(r), ...s.map(c)].join(`\r
+function ro(r, n, c = {}) {
+  const { delimiter: a = ",", sanitize: g = !0 } = c, f = (u) => u.map((k) => to(k, a, g)).join(a);
+  return [f(r), ...n.map(f)].join(`\r
 `);
 }
-function qn(r, s) {
+function no(r, n) {
   if (typeof document > "u") return;
-  const a = new Blob(["\uFEFF", r], { type: "text/csv;charset=utf-8" }), d = URL.createObjectURL(a), p = document.createElement("a");
-  p.href = d, p.download = s, p.style.display = "none", document.body.appendChild(p), p.click(), p.remove(), setTimeout(() => URL.revokeObjectURL(d), 1e3);
+  const c = new Blob(["\uFEFF", r], { type: "text/csv;charset=utf-8" }), a = URL.createObjectURL(c), g = document.createElement("a");
+  g.href = a, g.download = n, g.style.display = "none", document.body.appendChild(g), g.click(), g.remove(), setTimeout(() => URL.revokeObjectURL(a), 1e3);
 }
-const $t = /* @__PURE__ */ new Set(["__proto__", "prototype", "constructor"]), Sr = (r, s) => Object.prototype.hasOwnProperty.call(r, s);
-function U(r, s) {
+const zt = /* @__PURE__ */ new Set(["__proto__", "prototype", "constructor"]), Wr = (r, n) => Object.prototype.hasOwnProperty.call(r, n);
+function te(r, n) {
   if (r === null || typeof r != "object") return;
-  if (Sr(r, s)) return r[s];
-  let a = r;
-  for (const d of s.split(".")) {
-    if (a == null || typeof a != "object" || $t.has(d)) return;
-    a = a[d];
+  if (Wr(r, n)) return r[n];
+  let c = r;
+  for (const a of n.split(".")) {
+    if (c == null || typeof c != "object" || zt.has(a)) return;
+    c = c[a];
   }
-  return a;
+  return c;
 }
-function yr(r, s, a) {
+function Pr(r, n, c) {
   if (Array.isArray(r)) {
-    const d = [...r];
-    return d[s] = a, d;
+    const a = [...r];
+    return a[n] = c, a;
   }
-  return { ...r, [s]: a };
+  return { ...r, [n]: c };
 }
-function Ot(r, s, a) {
-  const d = r ?? {};
-  if (Sr(d, s) || !s.includes("."))
-    return $t.has(s) ? r : yr(d, s, a);
-  const [p, ...c] = s.split(".");
-  if ($t.has(p)) return r;
-  const m = d[p];
-  return yr(d, p, Ot(m !== null && typeof m == "object" ? m : {}, c.join("."), a));
+function Ht(r, n, c) {
+  const a = r ?? {};
+  if (Wr(a, n) || !n.includes("."))
+    return zt.has(n) ? r : Pr(a, n, c);
+  const [g, ...f] = n.split(".");
+  if (zt.has(g)) return r;
+  const u = a[g];
+  return Pr(a, g, Ht(u !== null && typeof u == "object" ? u : {}, f.join("."), c));
 }
-const ee = 44, Hn = 150, xr = 10, Mt = (r, s) => `${typeof r}:${r}\0${s}`;
-function De(r, s) {
-  const a = U(s, r.field);
-  return r.valueFormatter ? r.valueFormatter(a, s) : r.type === "boolean" && typeof a == "boolean" ? a ? "Yes" : "No" : r.type === "date" ? Fn(a, r.dateLocale, r.dateFormat) : a == null ? "" : a instanceof Date ? a.toLocaleDateString() : String(a);
+const be = 38, oo = 150, Ar = 10, Vt = (r, n) => `${typeof r}:${r}\0${n}`;
+function We(r, n) {
+  const c = te(n, r.field);
+  return r.valueFormatter ? r.valueFormatter(c, n) : r.type === "boolean" && typeof c == "boolean" ? c ? "Yes" : "No" : r.type === "date" ? Wn(c, r.dateLocale, r.dateFormat) : c == null ? "" : c instanceof Date ? c.toLocaleDateString() : String(c);
 }
-function Jn(r, s, a) {
-  if (a.type === "date") {
-    const d = H(r) ?? "", p = H(s) ?? "";
-    return d < p ? -1 : d > p ? 1 : 0;
+function io(r, n, c) {
+  if (c.type === "date") {
+    const a = Z(r) ?? "", g = Z(n) ?? "";
+    return a < g ? -1 : a > g ? 1 : 0;
   }
-  return typeof r == "number" && typeof s == "number" ? r - s : r instanceof Date && s instanceof Date ? r.getTime() - s.getTime() : typeof r == "boolean" && typeof s == "boolean" ? Number(r) - Number(s) : String(r).localeCompare(String(s), void 0, { numeric: !0, sensitivity: "base" });
+  return typeof r == "number" && typeof n == "number" ? r - n : r instanceof Date && n instanceof Date ? r.getTime() - n.getTime() : typeof r == "boolean" && typeof n == "boolean" ? Number(r) - Number(n) : String(r).localeCompare(String(n), void 0, { numeric: !0, sensitivity: "base" });
 }
-const Yn = (r) => r ? Array.isArray(r) ? r : [r] : [], vr = (r) => r.type === "date" && r.validity.badInput;
-function ei({
+const lo = (r) => r ? Array.isArray(r) ? r : [r] : [], Or = (r) => r.type === "date" && r.validity.badInput;
+function fo({
   columns: r,
-  rows: s,
-  getRowId: a,
-  editable: d = !1,
-  enterMovesDown: p = !0,
-  onCellEdit: c,
-  onRowsChange: m,
-  rowSelection: _ = !1,
-  selectedRowIds: N,
-  defaultSelectedRowIds: O,
-  onSelectionChange: P,
-  isRowSelectable: b,
-  sort: D,
-  defaultSort: S = null,
-  onSortChange: T,
-  multiSort: M = !1,
-  searchable: B = !1,
-  searchPlaceholder: ie = "Search…",
-  search: Le,
-  onSearchChange: st,
-  filters: z,
-  onFiltersChange: oe,
-  pagination: Y = !1,
-  paginationPosition: Me = "bottom",
-  pageSize: Cr = 10,
-  pageSizeOptions: at = [5, 10, 25, 50],
-  page: Dr,
-  onPageChange: Ir,
-  onPageSizeChange: dt,
-  serverSide: V = !1,
-  rowCount: Tr,
-  onQueryChange: Pt,
-  queryDebounce: At = 250,
-  loading: Lr,
-  loadingRows: Mr,
-  skeletonRow: Kt,
-  errorMessage: Fr = "Could not load the data.",
-  columnMenu: Bt = !1,
-  onColumnVisibilityChange: ct,
-  keyboardNavigation: ft = !1,
-  virtualize: q = !1,
-  rowHeight: X = 40,
-  overscan: Rt = 6,
-  exportable: Fe = !1,
-  apiRef: be,
-  onRowClick: ut,
-  toolbar: Wt,
-  emptyMessage: $r = "No rows to show",
-  striped: Or = !1,
-  stripeColors: $e,
-  checkboxVariant: ht = "native",
-  animateRows: jt = !0,
-  theme: pt,
-  maxHeight: Oe,
-  className: Pr,
-  style: Ar,
-  classNames: I = {},
-  styles: v = {},
-  rowClassName: gt,
-  rowStyle: mt
+  rows: n,
+  getRowId: c,
+  editable: a = !1,
+  enterMovesDown: g = !0,
+  onCellEdit: f,
+  onRowsChange: u,
+  rowSelection: k = !1,
+  selectedRowIds: y,
+  defaultSelectedRowIds: E,
+  onSelectionChange: T,
+  isRowSelectable: w,
+  sort: v,
+  defaultSort: _ = null,
+  onSortChange: C,
+  multiSort: P = !1,
+  searchable: F = !1,
+  searchPlaceholder: N = "Search…",
+  search: S,
+  onSearchChange: re,
+  filters: ue,
+  onFiltersChange: X,
+  pagination: V = !1,
+  paginationPosition: ce = "bottom",
+  pageSize: qe = 10,
+  pageSizeOptions: Se = [5, 10, 25, 50],
+  page: yt,
+  onPageChange: vt,
+  onPageSizeChange: ne,
+  serverSide: W = !1,
+  rowCount: Ve,
+  onQueryChange: b,
+  queryDebounce: j = 250,
+  filterDebounce: I = 300,
+  loading: K,
+  loadingRows: le,
+  skeletonRow: fe,
+  errorMessage: xt = "Could not load the data.",
+  columnMenu: Ue = !1,
+  onColumnVisibilityChange: kt,
+  keyboardNavigation: wt = !1,
+  virtualize: oe = !1,
+  rowHeight: de = 40,
+  overscan: Xt = 6,
+  exportable: ze = !1,
+  apiRef: Ie,
+  onRowClick: Dt,
+  toolbar: Gt,
+  emptyMessage: jr = "No rows to show",
+  striped: qr = !1,
+  stripeColors: He,
+  checkboxVariant: Nt = "native",
+  animateRows: Qt = !0,
+  rowAnimationClassName: Mt,
+  theme: Je,
+  maxHeight: Xe,
+  className: Vr,
+  style: Ur,
+  classNames: B = {},
+  styles: L = {},
+  rowClassName: Ct,
+  rowStyle: Et
 }) {
-  const L = (e, t) => ({
-    className: C(t, I[e]),
-    style: v[e]
-  }), [Pe, Vt] = $(s), le = F(s);
-  j(() => {
-    le.current = s, Vt(s);
-  }, [s]);
-  const Ut = (e) => {
-    le.current = e, Vt(e);
-  }, [ke, Kr] = Ce(Le, "", st), [se, Br] = Ce(z, {}, oe), [R, Rr] = Ce(D, Yn(S), T), [bt, ae] = Ce(Dr, 0, Ir), [A, Wr] = $(Cr), jr = (e) => {
-    Wr(e), dt == null || dt(e);
-  }, [Ae, Vr] = $(() => new Set(r.filter((e) => e.hidden).map((e) => e.field))), Ur = (e, t) => {
-    const n = new Set(Ae);
-    t ? n.add(e) : n.delete(e), Vr(n), ct == null || ct([...n]);
-  }, [kt, zt] = $({}), [Ke, zr] = $({}), [Xn, qr] = $(0), _e = F(/* @__PURE__ */ new Map()), [ye, de] = $(null), ce = F(0), Be = F(null), Re = F(/* @__PURE__ */ new Map()), [_t, qt] = $(null), yt = F(null), xe = F(null), [xt, Ht] = $({ top: 0, height: 0 }), y = Z(() => {
-    const e = r.filter((t) => !Ae.has(t.field));
+  const q = (e, t) => ({
+    className: O(t, B[e]),
+    style: L[e]
+  }), [Ge, Zt] = R(n), we = $(n);
+  U(() => {
+    we.current = n, Zt(n);
+  }, [n]);
+  const er = (e) => {
+    we.current = e, Zt(e);
+  }, [Le, zr] = Ye(S, "", re), [De, Hr] = Ye(ue, {}, X), [G, Jr] = Ye(v, lo(_), C), [Tt, Ne] = Ye(yt, 0, vt), [z, Xr] = R(qe), Gr = (e) => {
+    Xr(e), ne == null || ne(e);
+  }, [Qe, Qr] = R(() => new Set(r.filter((e) => e.hidden).map((e) => e.field))), Zr = (e, t) => {
+    const o = new Set(Qe);
+    t ? o.add(e) : o.delete(e), Qr(o), kt == null || kt([...o]);
+  }, [Ft, tr] = R({}), [Ze, en] = R({}), [so, tn] = R(0), $e = $(/* @__PURE__ */ new Map()), [Pe, ye] = R(null), ge = $(0), et = $(null), tt = $(/* @__PURE__ */ new Map()), [St, rr] = R(null), It = $(null), Ae = $(null), [Lt, nr] = R({ top: 0, height: 0 }), M = ae(() => {
+    const e = r.filter((t) => !Qe.has(t.field)).map((t) => t.type === "sequence" ? { ...t, sortable: !1, filterable: !1, editable: !1, filterRenderer: void 0 } : t);
     return [
       ...e.filter((t) => t.pinned === "left"),
       ...e.filter((t) => t.pinned !== "left" && t.pinned !== "right"),
       ...e.filter((t) => t.pinned === "right")
     ];
-  }, [r, Ae]), vt = (e) => e.sortable === !0, W = _ === "single" ? "single" : _ ? "multiple" : null, ve = y.length + (W ? 1 : 0), fe = Z(
-    () => Pe.map((e, t) => ({ row: e, index: t, id: a ? a(e, t) : t })),
-    [Pe, a]
-  ), Jt = F(/* @__PURE__ */ new Map());
-  fe.forEach((e) => Jt.current.set(e.id, e.row));
-  const We = Z(
-    () => Object.entries(se).filter(([e, t]) => {
-      const n = y.find((l) => l.field === e);
-      return !!n && !!n.filterable && wr(t);
+  }, [r, Qe]), $t = (e) => e.sortable === !0, Q = k === "single" ? "single" : k ? "multiple" : null, Oe = M.length + (Q ? 1 : 0), Me = ae(
+    () => Ge.map((e, t) => ({ row: e, index: t, id: c ? c(e, t) : t })),
+    [Ge, c]
+  ), or = $(/* @__PURE__ */ new Map());
+  Me.forEach((e) => or.current.set(e.id, e.row));
+  const rt = ae(
+    () => Object.entries(De).filter(([e, t]) => {
+      const o = M.find((s) => s.field === e);
+      return !!o && !!o.filterable && Br(t);
     }),
-    [se, y]
-  ), [Hr, Jr] = $(ke);
-  j(() => {
-    if (!V) return;
-    const e = setTimeout(() => Jr(ke), At);
+    [De, M]
+  ), [rn, nn] = R(Le);
+  U(() => {
+    if (!W) return;
+    const e = setTimeout(() => nn(Le), j);
     return () => clearTimeout(e);
-  }, [ke, V, At]);
-  const ue = V ? Hr : ke, Yt = (e) => e.filterRenderer ? "text" : _r(e), G = Z(() => {
-    if (V) return fe;
-    const e = ue.trim().toLowerCase();
-    let t = fe.filter(({ row: l }) => e && !y.some((i) => De(i, l).toLowerCase().includes(e)) ? !1 : We.every(([i, o]) => {
-      const g = y.find((h) => h.field === i);
-      return Pn(Yt(g), o, De(g, l), U(l, i));
+  }, [Le, W, j]);
+  const Ce = W ? rn : Le, ir = (e) => e.filterRenderer ? "text" : Lr(e), he = ae(() => {
+    if (W) return Me;
+    const e = Ce.trim().toLowerCase();
+    let t = Me.filter(({ row: s }) => e && !M.some((i) => We(i, s).toLowerCase().includes(e)) ? !1 : rt.every(([i, l]) => {
+      const m = M.find((p) => p.field === i);
+      return Un(ir(m), l, We(m, s), te(s, i));
     }));
-    const n = R.map((l) => ({ col: y.find((i) => i.field === l.field), dir: l.direction === "asc" ? 1 : -1 })).filter((l) => !!l.col);
-    return n.length && (t = [...t].sort((l, i) => {
-      for (const { col: o, dir: g } of n) {
-        const h = U(l.row, o.field), u = U(i.row, o.field), k = h == null || h === "", E = u == null || u === "";
-        if (k || E) {
-          if (k !== E) return k ? 1 : -1;
+    const o = G.map((s) => ({ col: M.find((i) => i.field === s.field), dir: s.direction === "asc" ? 1 : -1 })).filter((s) => !!s.col);
+    return o.length && (t = [...t].sort((s, i) => {
+      for (const { col: l, dir: m } of o) {
+        const p = te(s.row, l.field), x = te(i.row, l.field), h = p == null || p === "", Y = x == null || x === "";
+        if (h || Y) {
+          if (h !== Y) return h ? 1 : -1;
           continue;
         }
-        const nt = o.comparator ? o.comparator(h, u, l.row, i.row) : Jn(h, u, o);
-        if (nt !== 0) return nt * g;
+        const ee = l.comparator ? l.comparator(p, x, s.row, i.row) : io(p, x, l);
+        if (ee !== 0) return ee * m;
       }
       return 0;
     })), t;
-  }, [fe, y, ue, We, R, V]), je = JSON.stringify([ue, se, R, A]), Xt = F(je);
-  j(() => {
-    Xt.current !== je && (Xt.current = je, ae(0));
-  }, [je]);
-  const he = V ? Tr ?? fe.length : G.length, Q = Y ? Math.max(1, Math.ceil(he / A)) : 1, K = Math.min(bt, Q - 1), w = Y && !V ? G.slice(K * A, K * A + A) : G, Yr = he === 0 ? 0 : Y ? K * A + 1 : 1, Xr = Y ? Math.min(he, (K + 1) * A) : he, wt = Z(
+  }, [Me, M, Ce, rt, G, W]), nt = JSON.stringify([Ce, De, G, z]), lr = $(nt);
+  U(() => {
+    lr.current !== nt && (lr.current = nt, Ne(0));
+  }, [nt]);
+  const Ee = W ? Ve ?? Me.length : he.length, pe = V ? Math.max(1, Math.ceil(Ee / z)) : 1, H = Math.min(Tt, pe - 1), A = V && !W ? he.slice(H * z, H * z + z) : he, on = Ee === 0 ? 0 : V ? H * z + 1 : 1, ln = V ? Math.min(Ee, (H + 1) * z) : Ee, Pt = ae(
     () => ({
-      sort: R.filter((e) => {
-        const t = r.find((n) => n.field === e.field);
-        return !!t && vt(t);
+      sort: G.filter((e) => {
+        const t = r.find((o) => o.field === e.field);
+        return !!t && $t(t);
       }),
-      filters: Object.fromEntries(We),
-      search: ue.trim(),
-      page: K,
-      pageSize: A
+      filters: Object.fromEntries(rt),
+      search: Ce.trim(),
+      page: H,
+      pageSize: z
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [R, r, We, ue, K, A]
-  ), Gr = JSON.stringify(wt), Ve = F(wt);
-  Ve.current = wt;
-  const Ue = F(Pt);
-  Ue.current = Pt;
-  const [Qr, ze] = $(!1), [Zr, Nt] = $(!1), Et = F(0), qe = Te((e) => {
-    var l;
-    const t = ++Et.current, n = (l = Ue.current) == null ? void 0 : l.call(Ue, e);
-    n && typeof n.then == "function" ? (ze(!0), Nt(!1), n.then(
+    [G, r, rt, Ce, H, z]
+  ), sn = JSON.stringify(Pt), ot = $(Pt);
+  ot.current = Pt;
+  const it = $(b);
+  it.current = b;
+  const [an, lt] = R(!1), [cn, At] = R(!1), Ot = $(0), st = _e((e) => {
+    var s;
+    const t = ++Ot.current, o = (s = it.current) == null ? void 0 : s.call(it, e);
+    o && typeof o.then == "function" ? (lt(!0), At(!1), o.then(
       () => {
-        t === Et.current && ze(!1);
+        t === Ot.current && lt(!1);
       },
       () => {
-        t === Et.current && (ze(!1), Nt(!0));
+        t === Ot.current && (lt(!1), At(!0));
       }
-    )) : (ze(!1), Nt(!1));
+    )) : (lt(!1), At(!1));
   }, []);
-  j(() => {
-    V && qe(Ve.current);
-  }, [V, Gr, qe]), j(() => {
-    V && Y && bt > Q - 1 && ae(Q - 1);
-  }, [V, Y, bt, Q]);
-  const St = Lr ?? Qr, Gt = (e) => e.map((t) => Jt.current.get(t)).filter((t) => t !== void 0), [J, He] = Ce(
-    N,
-    O ?? [],
-    (e) => P == null ? void 0 : P({ ids: e, rows: Gt(e) })
-  ), Ct = Z(() => new Set(J), [J]), Je = (e) => b ? b(e) : !0, Ye = F(null), Qt = F(!1), en = (e, t) => {
-    if (!W || !Je(e.row)) return;
-    if (W === "single") {
-      He(t ? [e.id] : []), Ye.current = e.id;
+  U(() => {
+    W && st(ot.current);
+  }, [W, sn, st]), U(() => {
+    W && V && Tt > pe - 1 && Ne(pe - 1);
+  }, [W, V, Tt, pe]);
+  const Kt = K ?? an, sr = (e) => e.map((t) => or.current.get(t)).filter((t) => t !== void 0), [se, at] = Ye(
+    y,
+    E ?? [],
+    (e) => T == null ? void 0 : T({ ids: e, rows: sr(e) })
+  ), Rt = ae(() => new Set(se), [se]), ct = (e) => w ? w(e) : !0, dt = $(null), ar = $(!1), dn = (e, t) => {
+    if (!Q || !ct(e.row)) return;
+    if (Q === "single") {
+      at(t ? [e.id] : []), dt.current = e.id;
       return;
     }
-    const n = new Set(J), l = Qt.current && Ye.current !== null ? w.findIndex((o) => o.id === Ye.current) : -1, i = w.findIndex((o) => o.id === e.id);
-    if (l >= 0 && i >= 0)
-      for (let o = Math.min(l, i); o <= Math.max(l, i); o++)
-        Je(w[o].row) && (t ? n.add(w[o].id) : n.delete(w[o].id));
-    else t ? n.add(e.id) : n.delete(e.id);
-    Ye.current = e.id, He([...n]);
-  }, we = Z(() => G.filter((e) => Je(e.row)), [G, b]), Zt = we.filter((e) => Ct.has(e.id)).length, er = we.length > 0 && Zt === we.length, tr = (e) => {
-    const t = new Set(J);
-    we.forEach((n) => e ? t.add(n.id) : t.delete(n.id)), He([...t]);
-  }, Xe = (e, t, n) => ({
-    value: U(t, e.field),
-    formattedValue: De(e, t),
+    const o = new Set(se), s = ar.current && dt.current !== null ? A.findIndex((l) => l.id === dt.current) : -1, i = A.findIndex((l) => l.id === e.id);
+    if (s >= 0 && i >= 0)
+      for (let l = Math.min(s, i); l <= Math.max(s, i); l++)
+        ct(A[l].row) && (t ? o.add(A[l].id) : o.delete(A[l].id));
+    else t ? o.add(e.id) : o.delete(e.id);
+    dt.current = e.id, at([...o]);
+  }, Ke = ae(() => he.filter((e) => ct(e.row)), [he, w]), cr = Ke.filter((e) => Rt.has(e.id)).length, dr = Ke.length > 0 && cr === Ke.length, ur = (e) => {
+    const t = new Set(se);
+    Ke.forEach((o) => e ? t.add(o.id) : t.delete(o.id)), at([...t]);
+  }, ut = (e, t, o) => ({
+    value: te(t, e.field),
+    formattedValue: We(e, t),
     row: t,
-    rowIndex: n,
+    rowIndex: o,
     field: e.field,
     column: e
-  }), Dt = (e, t) => {
-    const n = e.editable ?? d;
-    return typeof n == "function" ? n(t) : !!n;
-  }, Ge = (e, t) => Dt(e, t) && !(e.type === "boolean" && !e.cellEditor), tn = (e, t) => {
-    const n = Xe(e, t.row, t.index), l = Dt(e, n);
+  }), Bt = (e, t) => {
+    const o = e.editable ?? a;
+    return typeof o == "function" ? o(t) : !!o;
+  }, ft = (e, t) => Bt(e, t) && !(e.type === "boolean" && !e.cellEditor), un = (e, t) => {
+    const o = ut(e, t.row, t.index), s = Bt(e, o);
     return {
-      ...n,
-      editable: l,
-      updateValue: (i) => l && nr(t, e, { value: i })
+      ...o,
+      editable: s,
+      updateValue: (i) => s && gr(t, e, { value: i })
     };
-  }, rr = (e, t) => {
-    if (!vt(e)) return;
-    const n = R.find((o) => o.field === e.field), l = n ? n.direction === "asc" ? "desc" : null : "asc";
+  }, fr = (e, t) => {
+    if (!$t(e)) return;
+    const o = G.find((l) => l.field === e.field), s = o ? o.direction === "asc" ? "desc" : null : "asc";
     let i;
-    t && M ? l ? n ? i = R.map((o) => o.field === e.field ? { ...o, direction: l } : o) : i = [...R, { field: e.field, direction: l }] : i = R.filter((o) => o.field !== e.field) : i = l ? [{ field: e.field, direction: l }] : [], Rr(i);
-  }, Qe = (e, t) => {
-    var n;
-    return (n = Re.current.get(Mt(e, t))) == null ? void 0 : n.focus();
-  }, te = () => {
-    ce.current += 1, de(null);
-  }, rn = (e) => {
-    for (const t of le.current) {
-      const n = U(t, e.field);
-      if (n != null && n !== "") return n;
+    t && P ? s ? o ? i = G.map((l) => l.field === e.field ? { ...l, direction: s } : l) : i = [...G, { field: e.field, direction: s }] : i = G.filter((l) => l.field !== e.field) : i = s ? [{ field: e.field, direction: s }] : [], Jr(i);
+  }, gt = (e, t) => {
+    var o;
+    return (o = tt.current.get(Vt(e, t))) == null ? void 0 : o.focus();
+  }, me = () => {
+    ge.current += 1, ye(null);
+  }, fn = (e) => {
+    for (const t of we.current) {
+      const o = te(t, e.field);
+      if (o != null && o !== "") return o;
     }
-  }, Ze = (e, t, n = {}) => {
-    if (!Ge(t, Xe(t, e.row, e.index))) return !1;
-    const l = U(e.row, t.field);
+  }, ht = (e, t, o = {}) => {
+    if (!ft(t, ut(t, e.row, e.index))) return !1;
+    const s = te(e.row, t.field);
     let i;
-    return t.cellEditor ? i = l : t.type === "date" ? i = H(l) ?? "" : i = n.text ?? (l == null ? "" : String(l)), Be.current = i, ce.current += 1, de({
+    return t.cellEditor ? i = s : t.type === "date" ? i = Z(s) ?? "" : i = o.text ?? (s == null ? "" : String(s)), et.current = i, ge.current += 1, ye({
       id: e.id,
       field: t.field,
       draft: i,
-      session: ce.current,
-      select: n.select ?? "end",
+      session: ge.current,
+      select: o.select ?? "end",
       invalid: !1
     }), !0;
-  }, nr = (e, t, n) => {
-    const l = le.current[e.index] ?? e.row, i = U(l, t.field);
-    let o;
-    if ("value" in n)
-      o = n.value;
+  }, gr = (e, t, o) => {
+    const s = we.current[e.index] ?? e.row, i = te(s, t.field);
+    let l;
+    if ("value" in o)
+      l = o.value;
     else if (t.valueParser)
-      o = t.valueParser(n.text, l);
+      l = t.valueParser(o.text, s);
     else if (t.type === "date") {
-      if (n.text !== "" && !Ie(n.text)) return !1;
-      o = $n(n.text, i ?? rn(t));
+      if (o.text !== "" && !J(o.text)) return !1;
+      l = jn(o.text, i ?? fn(t));
     } else if (t.type === "number")
-      if (n.text.trim() === "") o = null;
+      if (o.text.trim() === "") l = null;
       else {
-        const u = Number(n.text);
-        if (!Number.isFinite(u)) return !1;
-        o = u;
+        const x = Number(o.text);
+        if (!Number.isFinite(x)) return !1;
+        l = x;
       }
     else
-      o = n.text;
+      l = o.text;
     if (t.type === "date") {
-      if (H(o) === H(i)) return !0;
-      const u = H(o);
-      if (u && (t.dateMin && u < t.dateMin || t.dateMax && u > t.dateMax)) return !1;
-    } else if (Object.is(o, i))
+      if (Z(l) === Z(i)) return !0;
+      const x = Z(l);
+      if (x && (t.dateMin && x < t.dateMin || t.dateMax && x > t.dateMax)) return !1;
+    } else if (Object.is(l, i))
       return !0;
-    if (t.validate && !t.validate(o, l)) return !1;
-    const g = Ot(l, t.field, o), h = le.current.map((u, k) => k === e.index ? g : u);
-    return Ut(h), c == null || c({ rowId: e.id, rowIndex: e.index, field: t.field, oldValue: i, newValue: o, row: g }), m == null || m(h), !0;
-  }, ir = (e, t, n) => {
-    const l = w.findIndex((k) => k.id === e.id), i = y.findIndex((k) => k.field === t);
-    if (l < 0 || i < 0) return null;
-    const o = (k, E) => Ge(E, Xe(E, k.row, k.index));
-    if (n === "down" || n === "up") {
-      const k = n === "down" ? 1 : -1;
-      for (let E = l + k; E >= 0 && E < w.length; E += k)
-        if (o(w[E], y[i])) return { entry: w[E], col: y[i] };
+    if (t.validate && !t.validate(l, s)) return !1;
+    const m = Ht(s, t.field, l), p = we.current.map((x, h) => h === e.index ? m : x);
+    return er(p), f == null || f({ rowId: e.id, rowIndex: e.index, field: t.field, oldValue: i, newValue: l, row: m }), u == null || u(p), !0;
+  }, hr = (e, t, o) => {
+    const s = A.findIndex((h) => h.id === e.id), i = M.findIndex((h) => h.field === t);
+    if (s < 0 || i < 0) return null;
+    const l = (h, Y) => ft(Y, ut(Y, h.row, h.index));
+    if (o === "down" || o === "up") {
+      const h = o === "down" ? 1 : -1;
+      for (let Y = s + h; Y >= 0 && Y < A.length; Y += h)
+        if (l(A[Y], M[i])) return { entry: A[Y], col: M[i] };
       return null;
     }
-    const g = n === "right" ? 1 : -1;
-    let h = l, u = i + g;
-    for (; h >= 0 && h < w.length; ) {
-      for (; u >= 0 && u < y.length; ) {
-        if (o(w[h], y[u])) return { entry: w[h], col: y[u] };
-        u += g;
+    const m = o === "right" ? 1 : -1;
+    let p = s, x = i + m;
+    for (; p >= 0 && p < A.length; ) {
+      for (; x >= 0 && x < M.length; ) {
+        if (l(A[p], M[x])) return { entry: A[p], col: M[x] };
+        x += m;
       }
-      h += g, u = g > 0 ? 0 : y.length - 1;
+      p += m, x = m > 0 ? 0 : M.length - 1;
     }
     return null;
-  }, Ne = (e, t, n, l = {}) => {
-    const { move: i = "none", focus: o = !0 } = l;
-    if (!nr(e, t, n))
-      return de((h) => h && { ...h, invalid: !0 }), !1;
-    const g = i === "none" ? null : ir(e, t.field, i);
-    return g ? Ze(g.entry, g.col, { select: "all" }) : (te(), o && Qe(e.id, t.field)), !0;
-  }, nn = (e, t, n) => {
+  }, ve = (e, t, o, s = {}) => {
+    const { move: i = "none", focus: l = !0 } = s;
+    if (!gr(e, t, o))
+      return ye((p) => p && { ...p, invalid: !0 }), !1;
+    const m = i === "none" ? null : hr(e, t.field, i);
+    return m ? ht(m.entry, m.col, { select: "all" }) : (me(), l && gt(e.id, t.field)), !0;
+  }, pr = (e, t, o) => {
     if (e.nativeEvent.isComposing) return;
-    const l = e.currentTarget.value, i = vr(e.currentTarget);
+    const s = e.currentTarget.value, i = Or(e.currentTarget);
     if (e.key === "Enter") {
-      if (e.preventDefault(), i) return de((g) => g && { ...g, invalid: !0 });
-      const o = p ? e.shiftKey ? "up" : "down" : "none";
-      Ne(t, n, { text: l }, { move: o });
+      if (e.preventDefault(), i) return ye((m) => m && { ...m, invalid: !0 });
+      const l = g ? e.shiftKey ? "up" : "down" : "none";
+      ve(t, o, { text: s }, { move: l });
     } else if (e.key === "Escape")
-      e.preventDefault(), te(), Qe(t.id, n.field);
+      e.preventDefault(), me(), gt(t.id, o.field);
     else if (e.key === "Tab" && !i) {
-      const o = e.shiftKey ? "left" : "right";
-      ir(t, n.field, o) && (e.preventDefault(), Ne(t, n, { text: l }, { move: o }));
+      const l = e.shiftKey ? "left" : "right";
+      hr(t, o.field, l) && (e.preventDefault(), ve(t, o, { text: s }, { move: l }));
     }
-  }, on = (e, t) => {
-    var o;
-    const n = w[e], l = y[t];
-    if (!n || !l) return;
-    qt({ id: n.id, field: l.field }), yt.current = Mt(n.id, l.field);
-    const i = xe.current;
-    if (q && i) {
-      const g = ((o = i.querySelector("thead")) == null ? void 0 : o.clientHeight) ?? 0, h = e * X;
-      h < i.scrollTop ? i.scrollTo({ top: h, behavior: "auto" }) : h + X > i.scrollTop + i.clientHeight - g && i.scrollTo({ top: h + X - i.clientHeight + g, behavior: "auto" });
+  }, gn = (e, t) => {
+    var l;
+    const o = A[e], s = M[t];
+    if (!o || !s) return;
+    rr({ id: o.id, field: s.field }), It.current = Vt(o.id, s.field);
+    const i = Ae.current;
+    if (oe && i) {
+      const m = ((l = i.querySelector("thead")) == null ? void 0 : l.clientHeight) ?? 0, p = e * de;
+      p < i.scrollTop ? i.scrollTo({ top: p, behavior: "auto" }) : p + de > i.scrollTop + i.clientHeight - m && i.scrollTo({ top: p + de - i.clientHeight + m, behavior: "auto" });
     }
   };
-  j(() => {
-    const e = yt.current;
+  U(() => {
+    const e = It.current;
     if (!e) return;
-    const t = Re.current.get(e);
-    t && (yt.current = null, t.focus());
+    const t = tt.current.get(e);
+    t && (It.current = null, t.focus());
   });
-  const ln = (e, t, n) => {
-    if (!ft) return !1;
-    let l = w.findIndex((o) => o.id === t.id), i = y.findIndex((o) => o.field === n.field);
-    if (l < 0 || i < 0) return !1;
+  const hn = (e, t, o) => {
+    if (!wt) return !1;
+    let s = A.findIndex((l) => l.id === t.id), i = M.findIndex((l) => l.field === o.field);
+    if (s < 0 || i < 0) return !1;
     switch (e.key) {
       case "ArrowDown":
-        l += 1;
+        s += 1;
         break;
       case "ArrowUp":
-        l -= 1;
+        s -= 1;
         break;
       case "ArrowRight":
         i += 1;
@@ -844,482 +1064,511 @@ function ei({
         i -= 1;
         break;
       case "PageDown":
-        l += xr;
+        s += Ar;
         break;
       case "PageUp":
-        l -= xr;
+        s -= Ar;
         break;
       case "Home":
-        i = 0, (e.ctrlKey || e.metaKey) && (l = 0);
+        i = 0, (e.ctrlKey || e.metaKey) && (s = 0);
         break;
       case "End":
-        i = y.length - 1, (e.ctrlKey || e.metaKey) && (l = w.length - 1);
+        i = M.length - 1, (e.ctrlKey || e.metaKey) && (s = A.length - 1);
         break;
       default:
         return !1;
     }
-    return e.preventDefault(), on(Math.max(0, Math.min(w.length - 1, l)), Math.max(0, Math.min(y.length - 1, i))), !0;
-  }, sn = (e, t, n, l) => {
-    e.target === e.currentTarget && (ln(e, t, n) || Ge(n, l) && (e.key === "Enter" || e.key === "F2" ? (e.preventDefault(), Ze(t, n)) : !n.cellEditor && n.type !== "date" && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), Ze(t, n, { text: e.key }))));
+    return e.preventDefault(), gn(Math.max(0, Math.min(A.length - 1, s)), Math.max(0, Math.min(M.length - 1, i))), !0;
+  }, pn = (e, t, o, s) => {
+    e.target === e.currentTarget && (hn(e, t, o) || ft(o, s) && (e.key === "Enter" || e.key === "F2" ? (e.preventDefault(), ht(t, o)) : !o.cellEditor && o.type !== "date" && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (e.preventDefault(), ht(t, o, { text: e.key }))));
   };
-  Ft(() => {
-    if (!q || !xe.current) return;
-    const e = xe.current, t = () => Ht((l) => l.height === e.clientHeight ? l : { ...l, height: e.clientHeight });
+  Ut(() => {
+    if (!oe || !Ae.current) return;
+    const e = Ae.current, t = () => nr((s) => s.height === e.clientHeight ? s : { ...s, height: e.clientHeight });
     if (t(), typeof ResizeObserver > "u") return;
-    const n = new ResizeObserver(t);
-    return n.observe(e), () => n.disconnect();
-  }, [q]);
-  const Ee = q && !St && w.length > 0, an = xt.height || (typeof Oe == "number" ? Oe : 400), et = Ee ? Math.max(0, Math.floor(xt.top / X) - Rt) : 0, It = Ee ? Math.min(w.length, Math.ceil((xt.top + an) / X) + Rt) : w.length, dn = Ee ? w.slice(et, It) : w, or = `${K}|${A}|${JSON.stringify(R)}|${ue}|${JSON.stringify(se)}`, lr = F(!0);
-  j(() => {
-    if (lr.current) {
-      lr.current = !1;
+    const o = new ResizeObserver(t);
+    return o.observe(e), () => o.disconnect();
+  }, [oe]);
+  const Re = oe && !Kt && A.length > 0, mn = Lt.height || (typeof Xe == "number" ? Xe : 400), pt = Re ? Math.max(0, Math.floor(Lt.top / de) - Xt) : 0, Yt = Re ? Math.min(A.length, Math.ceil((Lt.top + mn) / de) + Xt) : A.length, bn = Re ? A.slice(pt, Yt) : A, mr = `${H}|${z}|${JSON.stringify(G)}|${Ce}|${JSON.stringify(De)}`, br = $(!0);
+  U(() => {
+    if (br.current) {
+      br.current = !1;
       return;
     }
-    const e = xe.current;
+    const e = Ae.current;
     e && typeof e.scrollTo == "function" && e.scrollTop > 0 && e.scrollTo({ top: 0, behavior: "smooth" });
-  }, [or]);
-  const Tt = Object.keys(kt).length > 0, tt = (e) => kt[e.field] ?? (typeof e.width == "number" ? e.width : Hn), cn = (e) => Math.max(40, typeof e.minWidth == "number" ? e.minWidth : 60), fn = (e, t) => {
+  }, [mr]);
+  const Wt = Object.keys(Ft).length > 0, mt = (e) => Ft[e.field] ?? (typeof e.width == "number" ? e.width : oo), _n = (e) => Math.max(40, typeof e.minWidth == "number" ? e.minWidth : 60), yn = (e, t) => {
     e.preventDefault(), e.stopPropagation();
-    const n = { ...kt };
-    Tt || y.forEach((k) => {
-      var E;
-      return n[k.field] = ((E = _e.current.get(k.field)) == null ? void 0 : E.offsetWidth) ?? tt(k);
+    const o = { ...Ft };
+    Wt || M.forEach((h) => {
+      var Y;
+      return o[h.field] = ((Y = $e.current.get(h.field)) == null ? void 0 : Y.offsetWidth) ?? mt(h);
     });
-    const l = e.clientX, i = n[t.field] ?? tt(t), o = e.currentTarget;
-    o.setPointerCapture(e.pointerId), zt(n);
-    const g = (k) => Math.min(t.maxWidth ?? 1 / 0, Math.max(cn(t), Math.round(k))), h = (k) => zt((E) => ({ ...E, [t.field]: g(i + k.clientX - l) })), u = () => {
-      o.removeEventListener("pointermove", h), o.removeEventListener("pointerup", u), o.removeEventListener("pointercancel", u);
+    const s = e.clientX, i = o[t.field] ?? mt(t), l = e.currentTarget;
+    l.setPointerCapture(e.pointerId), tr(o);
+    const m = (h) => Math.min(t.maxWidth ?? 1 / 0, Math.max(_n(t), Math.round(h))), p = (h) => tr((Y) => ({ ...Y, [t.field]: m(i + h.clientX - s) })), x = () => {
+      l.removeEventListener("pointermove", p), l.removeEventListener("pointerup", x), l.removeEventListener("pointercancel", x);
     };
-    o.addEventListener("pointermove", h), o.addEventListener("pointerup", u), o.addEventListener("pointercancel", u);
+    l.addEventListener("pointermove", p), l.addEventListener("pointerup", x), l.addEventListener("pointercancel", x);
   };
-  Ft(() => {
-    var i, o;
+  Ut(() => {
+    var i, l;
     const e = {};
-    let t = W && y.some((g) => g.pinned === "left") ? ee : 0;
-    for (const g of y)
-      g.pinned === "left" && (e[g.field] = t, t += ((i = _e.current.get(g.field)) == null ? void 0 : i.offsetWidth) ?? 0);
-    let n = 0;
-    for (const g of [...y].reverse())
-      g.pinned === "right" && (e[g.field] = n, n += ((o = _e.current.get(g.field)) == null ? void 0 : o.offsetWidth) ?? 0);
-    const l = Object.keys(e);
-    (l.length !== Object.keys(Ke).length || l.some((g) => e[g] !== Ke[g])) && zr(e);
-  }), j(() => {
-    const e = () => qr((t) => t + 1);
+    let t = Q && M.some((m) => m.pinned === "left") ? be : 0;
+    for (const m of M)
+      m.pinned === "left" && (e[m.field] = t, t += ((i = $e.current.get(m.field)) == null ? void 0 : i.offsetWidth) ?? 0);
+    let o = 0;
+    for (const m of [...M].reverse())
+      m.pinned === "right" && (e[m.field] = o, o += ((l = $e.current.get(m.field)) == null ? void 0 : l.offsetWidth) ?? 0);
+    const s = Object.keys(e);
+    (s.length !== Object.keys(Ze).length || s.some((m) => e[m] !== Ze[m])) && en(e);
+  }), U(() => {
+    const e = () => tn((t) => t + 1);
     return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []);
-  const sr = y.map((e) => e.pinned).lastIndexOf("left"), un = y.findIndex((e) => e.pinned === "right"), rt = sr >= 0, ar = (e, t) => ({
-    className: e.pinned ? C("rk-grid__pinned", `rk-grid__pinned--${e.pinned}`, t === sr && "rk-grid__pinned--edge", t === un && "rk-grid__pinned--edge") : void 0,
-    style: e.pinned === "left" ? { left: Ke[e.field] ?? 0 } : e.pinned === "right" ? { right: Ke[e.field] ?? 0 } : void 0
-  }), dr = typeof Fe == "object" ? Fe : {}, cr = (e = {}) => {
-    const t = { ...dr, ...e }, n = t.scope ?? "filtered", l = n === "page" ? w : n === "selected" ? fe.filter((h) => Ct.has(h.id)) : G, i = t.includeHidden ? r : y, o = i.map((h) => ot(h) || h.field), g = l.map(
-      ({ row: h }) => i.map((u) => {
-        const k = U(h, u.field);
-        return u.exportValue ? u.exportValue(k, h) : u.type === "date" ? H(k) ?? "" : De(u, h);
+  const _r = M.map((e) => e.pinned).lastIndexOf("left"), vn = M.findIndex((e) => e.pinned === "right"), bt = _r >= 0, yr = (e, t) => ({
+    className: e.pinned ? O("rg-grid__pinned", `rg-grid__pinned--${e.pinned}`, t === _r && "rg-grid__pinned--edge", t === vn && "rg-grid__pinned--edge") : void 0,
+    style: e.pinned === "left" ? { left: Ze[e.field] ?? 0 } : e.pinned === "right" ? { right: Ze[e.field] ?? 0 } : void 0
+  }), vr = typeof ze == "object" ? ze : {}, xr = (e = {}) => {
+    const t = { ...vr, ...e }, o = t.scope ?? "filtered", s = o === "page" ? A : o === "selected" ? Me.filter((p) => Rt.has(p.id)) : he, i = t.includeHidden ? r : M, l = i.map((p) => _t(p) || p.field), m = s.map(
+      ({ row: p }, x) => i.map((h) => {
+        if (h.type === "sequence") return Mr(h, x, o === "page" && V && !h.sequenceRestartEachPage ? H * z : 0);
+        const Y = te(p, h.field);
+        return h.exportValue ? h.exportValue(Y, p) : h.type === "date" ? Z(Y) ?? "" : We(h, p);
       })
     );
-    return zn(o, g, { sanitize: t.sanitize });
-  }, fr = (e = {}) => {
-    const t = { ...dr, ...e };
-    qn(cr(e), `${t.filename ?? "export"}.csv`);
+    return ro(l, m, { sanitize: t.sanitize });
+  }, kr = (e = {}) => {
+    const t = { ...vr, ...e };
+    no(xr(e), `${t.filename ?? "export"}.csv`);
   };
-  j(() => {
-    be && (be.current = {
-      getCsv: cr,
-      exportCsv: fr,
-      getSelectedRows: () => Gt(J),
-      getSelectedRowIds: () => J,
-      selectAll: () => tr(!0),
-      clearSelection: () => He([]),
+  U(() => {
+    Ie && (Ie.current = {
+      getCsv: xr,
+      exportCsv: kr,
+      getSelectedRows: () => sr(se),
+      getSelectedRowIds: () => se,
+      selectAll: () => ur(!0),
+      clearSelection: () => at([]),
       refresh: () => {
-        V && qe(Ve.current);
+        W && st(ot.current);
       }
     });
-  }), j(
+  }), U(
     () => () => {
-      be && (be.current = null);
+      Ie && (Ie.current = null);
     },
-    [be]
+    [Ie]
   );
-  const ur = (e) => {
-    var n, l, i, o, g, h, u, k;
+  const wr = (e) => {
+    var o, s, i, l, m, p, x, h;
     const t = e.checkbox ?? {};
     return {
-      variant: t.variant ?? ht,
+      variant: t.variant ?? Nt,
       indicator: t.indicator,
       className: t.className,
       style: t.style,
       classNames: {
-        root: C(I.checkbox, (n = t.classNames) == null ? void 0 : n.root),
-        control: C(I.checkboxControl, (l = t.classNames) == null ? void 0 : l.control),
-        indicator: C(I.checkboxIndicator, (i = t.classNames) == null ? void 0 : i.indicator),
-        label: (o = t.classNames) == null ? void 0 : o.label
+        root: O(B.checkbox, (o = t.classNames) == null ? void 0 : o.root),
+        control: O(B.checkboxControl, (s = t.classNames) == null ? void 0 : s.control),
+        indicator: O(B.checkboxIndicator, (i = t.classNames) == null ? void 0 : i.indicator),
+        label: (l = t.classNames) == null ? void 0 : l.label
       },
       styles: {
-        root: { ...v.checkbox, ...(g = t.styles) == null ? void 0 : g.root },
-        control: { ...v.checkboxControl, ...(h = t.styles) == null ? void 0 : h.control },
-        indicator: { ...v.checkboxIndicator, ...(u = t.styles) == null ? void 0 : u.indicator },
-        label: (k = t.styles) == null ? void 0 : k.label
+        root: { ...L.checkbox, ...(m = t.styles) == null ? void 0 : m.root },
+        control: { ...L.checkboxControl, ...(p = t.styles) == null ? void 0 : p.control },
+        indicator: { ...L.checkboxIndicator, ...(x = t.styles) == null ? void 0 : x.indicator },
+        label: (h = t.styles) == null ? void 0 : h.label
       }
     };
-  }, re = (e) => e.stopPropagation(), hn = (e, t) => /* @__PURE__ */ f("span", { className: "rk-grid__checkbox-cell", onClick: re, onDoubleClick: re, children: /* @__PURE__ */ f(
-    me,
+  }, xe = (e) => e.stopPropagation(), xn = (e, t) => /* @__PURE__ */ d("span", { className: "rg-grid__checkbox-cell", onClick: xe, onDoubleClick: xe, children: /* @__PURE__ */ d(
+    Fe,
     {
-      ...ur(e),
+      ...wr(e),
       checked: !!t.value,
       disabled: !t.editable,
-      "aria-label": `Toggle ${pe(e)}`,
-      onChange: (n) => t.updateValue(n)
+      "aria-label": `Toggle ${ke(e)}`,
+      onChange: (o) => t.updateValue(o)
     }
-  ) }), hr = (e) => G.filter((t) => Dt(e, Xe(e, t.row, t.index))), pn = (e, t) => {
-    const n = new Map(hr(e).map((o) => [o.index, o])), l = [], i = le.current.map((o, g) => {
-      const h = n.get(g);
-      if (!h) return o;
-      const u = U(o, e.field);
-      if (!!u === t || e.validate && !e.validate(t, o)) return o;
-      const k = Ot(o, e.field, t);
-      return l.push({ rowId: h.id, rowIndex: g, field: e.field, oldValue: u, newValue: t, row: k }), k;
+  ) }), Dr = (e) => he.filter((t) => Bt(e, ut(e, t.row, t.index))), kn = (e, t) => {
+    const o = new Map(Dr(e).map((l) => [l.index, l])), s = [], i = we.current.map((l, m) => {
+      const p = o.get(m);
+      if (!p) return l;
+      const x = te(l, e.field);
+      if (!!x === t || e.validate && !e.validate(t, l)) return l;
+      const h = Ht(l, e.field, t);
+      return s.push({ rowId: p.id, rowIndex: m, field: e.field, oldValue: x, newValue: t, row: h }), h;
     });
-    l.length !== 0 && (Ut(i), l.forEach((o) => c == null ? void 0 : c(o)), m == null || m(i));
-  }, gn = (e) => {
-    const t = hr(e), n = t.length > 0 ? t : G, l = n.filter((o) => !!U(o.row, e.field)).length, i = n.length > 0 && l === n.length;
-    return /* @__PURE__ */ f("span", { className: "rk-grid__header-checkbox", onClick: re, onDoubleClick: re, children: /* @__PURE__ */ f(
-      me,
+    s.length !== 0 && (er(i), s.forEach((l) => f == null ? void 0 : f(l)), u == null || u(i));
+  }, wn = (e) => {
+    const t = Dr(e), o = t.length > 0 ? t : he, s = o.filter((l) => !!te(l.row, e.field)).length, i = o.length > 0 && s === o.length;
+    return /* @__PURE__ */ d("span", { className: "rg-grid__header-checkbox", onClick: xe, onDoubleClick: xe, children: /* @__PURE__ */ d(
+      Fe,
       {
-        ...ur(e),
+        ...wr(e),
         checked: i,
-        indeterminate: l > 0 && !i,
+        indeterminate: s > 0 && !i,
         disabled: t.length === 0,
-        label: ot(e) || void 0,
-        "aria-label": `Select all ${pe(e)}`,
-        onChange: (o) => pn(e, o)
+        label: _t(e) || void 0,
+        "aria-label": `Select all ${ke(e)}`,
+        onChange: (l) => kn(e, l)
       }
     ) });
-  }, mn = (e, t, n) => {
+  }, Dn = (e, t, o) => {
     if (t.cellEditor)
-      return /* @__PURE__ */ f(
+      return /* @__PURE__ */ d(
         "div",
         {
-          className: "rk-grid__custom-editor",
+          className: "rg-grid__custom-editor",
           onBlur: (i) => {
-            i.currentTarget.contains(i.relatedTarget) || n.session === ce.current && (Ne(e, t, { value: Be.current }, { focus: !1 }) || te());
+            i.currentTarget.contains(i.relatedTarget) || o.session === ge.current && (ve(e, t, { value: et.current }, { focus: !1 }) || me());
           },
           onKeyDown: (i) => {
-            i.key === "Escape" && (i.preventDefault(), i.stopPropagation(), te(), Qe(e.id, t.field));
+            i.key === "Escape" && (i.preventDefault(), i.stopPropagation(), me(), gt(e.id, t.field));
           },
-          children: ge(t.cellEditor, {
-            value: n.draft,
+          children: Te(t.cellEditor, {
+            value: o.draft,
             row: e.row,
             rowIndex: e.index,
             field: t.field,
             column: t,
             onChange: (i) => {
-              Be.current = i, de((o) => o && o.session === n.session ? { ...o, draft: i, invalid: !1 } : o);
+              et.current = i, ye((l) => l && l.session === o.session ? { ...l, draft: i, invalid: !1 } : l);
             },
-            onCommit: (i, o = "none") => {
-              n.session === ce.current && Ne(e, t, { value: i === void 0 ? Be.current : i }, { move: o });
+            onCommit: (i, l = "none") => {
+              o.session === ge.current && ve(e, t, { value: i === void 0 ? et.current : i }, { move: l });
             },
             onCancel: () => {
-              te(), Qe(e.id, t.field);
+              me(), gt(e.id, t.field);
             }
           })
         }
       );
-    const l = t.type === "date";
-    return /* @__PURE__ */ f(
+    const s = t.type === "date";
+    return s ? /* @__PURE__ */ d(
+      qn,
+      {
+        value: o.draft === null || o.draft === void 0 ? "" : String(o.draft),
+        label: `Edit ${ke(t)}`,
+        invalid: o.invalid,
+        min: t.dateMin,
+        max: t.dateMax,
+        locale: t.dateLocale,
+        theme: Je,
+        className: O("rg-grid__editor", o.invalid && "rg-grid__editor--invalid", B.editor),
+        style: { textAlign: t.align, ...L.editor },
+        onChange: (i) => ye((l) => l && { ...l, draft: i, invalid: !1 }),
+        onPick: (i) => {
+          o.session === ge.current && ve(e, t, { text: i }, { focus: !0 });
+        },
+        onBlur: (i) => {
+          o.session === ge.current && (ve(e, t, { text: i.currentTarget.value }, { focus: !1 }) || me());
+        },
+        onKeyDown: (i) => pr(i, e, t)
+      }
+    ) : /* @__PURE__ */ d(
       "input",
       {
         autoFocus: !0,
-        type: l ? "date" : "text",
-        min: l ? t.dateMin : void 0,
-        max: l ? t.dateMax : void 0,
-        className: C("rk-grid__editor", n.invalid && "rk-grid__editor--invalid", I.editor),
-        style: { textAlign: t.align, ...v.editor },
-        value: n.draft === null || n.draft === void 0 ? "" : String(n.draft),
+        type: s ? "date" : "text",
+        min: s ? t.dateMin : void 0,
+        max: s ? t.dateMax : void 0,
+        className: O("rg-grid__editor", o.invalid && "rg-grid__editor--invalid", B.editor),
+        style: { textAlign: t.align, ...L.editor },
+        value: o.draft === null || o.draft === void 0 ? "" : String(o.draft),
         inputMode: t.type === "number" ? "decimal" : void 0,
-        "aria-label": `Edit ${pe(t)}`,
-        "aria-invalid": n.invalid || void 0,
+        "aria-label": `Edit ${ke(t)}`,
+        "aria-invalid": o.invalid || void 0,
         onChange: (i) => {
-          const o = i.target.value;
-          de((g) => g && { ...g, draft: o, invalid: !1 });
+          const l = i.target.value;
+          ye((m) => m && { ...m, draft: l, invalid: !1 });
         },
         onFocus: (i) => {
-          const o = i.currentTarget;
-          l || (n.select === "all" ? o.select() : o.setSelectionRange(o.value.length, o.value.length));
+          const l = i.currentTarget;
+          s || (o.select === "all" ? l.select() : l.setSelectionRange(l.value.length, l.value.length));
         },
         onBlur: (i) => {
-          if (n.session === ce.current) {
-            if (vr(i.currentTarget)) return te();
-            Ne(e, t, { text: i.currentTarget.value }, { focus: !1 }) || te();
+          if (o.session === ge.current) {
+            if (Or(i.currentTarget)) return me();
+            ve(e, t, { text: i.currentTarget.value }, { focus: !1 }) || me();
           }
         },
-        onKeyDown: (i) => nn(i, e, t)
+        onKeyDown: (i) => pr(i, e, t)
       }
     );
-  }, bn = Z(() => {
+  }, Nn = ae(() => {
     const e = /* @__PURE__ */ new Map();
-    for (const t of y)
-      t.filterable && !t.filterRenderer && _r(t) === "select" && e.set(t.field, An(t, Pe, (n) => U(n, t.field), (n) => De(t, n)));
+    for (const t of M)
+      t.filterable && !t.filterRenderer && Lr(t) === "select" && e.set(t.field, zn(t, Ge, (o) => te(o, t.field), (o) => We(t, o)));
     return e;
-  }, [y, Pe]), kn = Or || !!$e, _n = $e ? { "--rk-stripe-a": $e[0], "--rk-stripe-b": $e[1] } : void 0, yn = Y && (Me === "top" || Me === "both"), xn = Y && (Me === "bottom" || Me === "both"), vn = B || !!Wt || Bt || !!Fe, pr = (e) => /* @__PURE__ */ x(
+  }, [M, Ge]), Mn = qr || !!He, Cn = He ? { "--rg-stripe-a": He[0], "--rg-stripe-b": He[1] } : void 0, En = V && (ce === "top" || ce === "both"), Tn = V && (ce === "bottom" || ce === "both"), Fn = F || !!Gt || Ue || !!ze, Nr = (e) => /* @__PURE__ */ D(
     "div",
     {
-      className: C("rk-grid__footer", e === "top" && "rk-grid__footer--top", I.footer),
-      style: v.footer,
+      className: O("rg-grid__footer", e === "top" && "rg-grid__footer--top", B.footer),
+      style: L.footer,
       "data-position": e,
       children: [
-        /* @__PURE__ */ x("span", { ...L("rowCount", "rk-grid__count"), children: [
-          he === 0 ? "0 rows" : `${Yr}–${Xr} of ${he}`,
-          W && J.length > 0 ? ` · ${J.length} selected` : ""
+        /* @__PURE__ */ D("span", { ...q("rowCount", "rg-grid__count"), children: [
+          Ee === 0 ? "0 rows" : `${on}–${ln} of ${Ee}`,
+          Q && se.length > 0 ? ` · ${se.length} selected` : ""
         ] }),
-        /* @__PURE__ */ x("div", { ...L("pagination", "rk-grid__pagination"), children: [
-          /* @__PURE__ */ x("label", { className: "rk-grid__page-size-label", children: [
+        /* @__PURE__ */ D("div", { ...q("pagination", "rg-grid__pagination"), children: [
+          /* @__PURE__ */ D("label", { className: "rg-grid__page-size-label", children: [
             "Rows per page",
-            /* @__PURE__ */ f("select", { value: A, onChange: (t) => jr(Number(t.target.value)), ...L("pageSize", "rk-grid__page-size"), children: (at.includes(A) ? at : [...at, A].sort((t, n) => t - n)).map((t) => /* @__PURE__ */ f("option", { value: t, children: t }, t)) })
+            /* @__PURE__ */ d("select", { value: z, onChange: (t) => Gr(Number(t.target.value)), ...q("pageSize", "rg-grid__page-size"), children: (Se.includes(z) ? Se : [...Se, z].sort((t, o) => t - o)).map((t) => /* @__PURE__ */ d("option", { value: t, children: t }, t)) })
           ] }),
-          /* @__PURE__ */ f("button", { type: "button", "aria-label": "First page", disabled: K === 0, onClick: () => ae(0), ...L("pageButton", "rk-grid__page-btn"), children: "«" }),
-          /* @__PURE__ */ f("button", { type: "button", "aria-label": "Previous page", disabled: K === 0, onClick: () => ae(K - 1), ...L("pageButton", "rk-grid__page-btn"), children: "‹" }),
-          /* @__PURE__ */ x("span", { ...L("pageInfo", "rk-grid__page-info"), children: [
+          /* @__PURE__ */ d("button", { type: "button", "aria-label": "First page", disabled: H === 0, onClick: () => Ne(0), ...q("pageButton", "rg-grid__page-btn"), children: "«" }),
+          /* @__PURE__ */ d("button", { type: "button", "aria-label": "Previous page", disabled: H === 0, onClick: () => Ne(H - 1), ...q("pageButton", "rg-grid__page-btn"), children: "‹" }),
+          /* @__PURE__ */ D("span", { ...q("pageInfo", "rg-grid__page-info"), children: [
             "Page ",
-            K + 1,
+            H + 1,
             " of ",
-            Q
+            pe
           ] }),
-          /* @__PURE__ */ f("button", { type: "button", "aria-label": "Next page", disabled: K >= Q - 1, onClick: () => ae(K + 1), ...L("pageButton", "rk-grid__page-btn"), children: "›" }),
-          /* @__PURE__ */ f("button", { type: "button", "aria-label": "Last page", disabled: K >= Q - 1, onClick: () => ae(Q - 1), ...L("pageButton", "rk-grid__page-btn"), children: "»" })
+          /* @__PURE__ */ d("button", { type: "button", "aria-label": "Next page", disabled: H >= pe - 1, onClick: () => Ne(H + 1), ...q("pageButton", "rg-grid__page-btn"), children: "›" }),
+          /* @__PURE__ */ d("button", { type: "button", "aria-label": "Last page", disabled: H >= pe - 1, onClick: () => Ne(pe - 1), ...q("pageButton", "rg-grid__page-btn"), children: "»" })
         ] })
       ]
     }
-  ), wn = (e) => /* @__PURE__ */ f("tr", { className: "rk-grid__tr rk-grid__skeleton-row", "aria-hidden": "true", style: q ? { height: X } : void 0, children: Kt ? (
+  ), Sn = (e) => /* @__PURE__ */ d("tr", { className: "rg-grid__tr rg-grid__skeleton-row", "aria-hidden": "true", style: oe ? { height: de } : void 0, children: fe ? (
     // A custom component draws the whole row content inside one wide cell
-    /* @__PURE__ */ f("td", { colSpan: ve, className: "rk-grid__td rk-grid__skeleton-cell", children: ge(Kt, { rowIndex: e, columns: y }) })
-  ) : /* @__PURE__ */ x(lt, { children: [
-    W && /* @__PURE__ */ f("td", { className: "rk-grid__td", children: /* @__PURE__ */ f("span", { ...L("skeleton", "rk-grid__skeleton"), style: { ...v.skeleton, width: 18 } }) }),
-    y.map((t, n) => /* @__PURE__ */ f("td", { className: "rk-grid__td", style: { textAlign: t.align }, children: /* @__PURE__ */ f("span", { ...L("skeleton", "rk-grid__skeleton"), style: { ...v.skeleton, width: `${55 + (e * 7 + n * 13) % 35}%` } }) }, t.field))
-  ] }) }, `sk${e}`), Nn = (e, t) => {
-    const { row: n, id: l, index: i } = e, o = typeof gt == "function" ? gt(n, i) : gt, g = typeof mt == "function" ? mt(n, i) : mt, h = Ct.has(l);
-    return /* @__PURE__ */ x(
+    /* @__PURE__ */ d("td", { colSpan: Oe, className: "rg-grid__td rg-grid__skeleton-cell", children: Te(fe, { rowIndex: e, columns: M }) })
+  ) : /* @__PURE__ */ D(je, { children: [
+    Q && /* @__PURE__ */ d("td", { className: "rg-grid__td", children: /* @__PURE__ */ d("span", { ...q("skeleton", "rg-grid__skeleton"), style: { ...L.skeleton, width: 18 } }) }),
+    M.map((t, o) => /* @__PURE__ */ d("td", { className: "rg-grid__td", style: { textAlign: t.align }, children: /* @__PURE__ */ d("span", { ...q("skeleton", "rg-grid__skeleton"), style: { ...L.skeleton, width: `${55 + (e * 7 + o * 13) % 35}%` } }) }, t.field))
+  ] }) }, `sk${e}`), Mr = (e, t, o = V && !e.sequenceRestartEachPage ? H * z : 0) => (e.sequenceStart ?? 1) + o + t, In = (e, t) => {
+    const { row: o, id: s, index: i } = e, l = typeof Ct == "function" ? Ct(o, i) : Ct, m = typeof Et == "function" ? Et(o, i) : Et, p = Rt.has(s), x = typeof Mt == "function" ? Mt(o, i) : Mt;
+    return /* @__PURE__ */ D(
       "tr",
       {
-        onClick: ut ? () => ut(n, i) : void 0,
-        "aria-selected": W ? h : void 0,
-        className: C(
-          "rk-grid__tr",
-          "rk-grid__row",
-          kn && (t % 2 === 0 ? "rk-grid__row--stripe-a" : "rk-grid__row--stripe-b"),
-          jt && !q && "rk-grid__row--enter",
-          h && "rk-grid__row--selected",
-          ut && "rk-grid__row--clickable",
-          I.row,
-          o
+        onClick: Dt ? () => Dt(o, i) : void 0,
+        "aria-selected": Q ? p : void 0,
+        className: O(
+          "rg-grid__tr",
+          "rg-grid__row",
+          Mn && (t % 2 === 0 ? "rg-grid__row--stripe-a" : "rg-grid__row--stripe-b"),
+          // A custom animation class replaces the built-in slide-up. Rows are not animated while virtualizing.
+          Qt && !oe && (x || "rg-grid__row--enter"),
+          p && "rg-grid__row--selected",
+          Dt && "rg-grid__row--clickable",
+          B.row,
+          l
         ),
         style: {
-          ...jt && !q ? { "--rk-i": Math.min(t, 24) } : null,
-          ...q ? { height: X } : null,
-          ...v.row,
-          ...g
+          ...Qt && !oe ? { "--rg-i": Math.min(t, 24) } : null,
+          ...oe ? { height: de } : null,
+          ...L.row,
+          ...m
         },
         children: [
-          W && /* @__PURE__ */ f(
+          Q && /* @__PURE__ */ d(
             "td",
             {
-              className: C("rk-grid__td rk-grid__select-cell", rt && "rk-grid__pinned rk-grid__pinned--left"),
-              style: { width: ee, minWidth: ee, maxWidth: ee, ...rt ? { left: 0 } : null },
-              onClick: re,
-              children: /* @__PURE__ */ f("span", { className: "rk-grid__checkbox-cell", onClickCapture: (u) => Qt.current = u.shiftKey, children: /* @__PURE__ */ f(
-                me,
+              className: O("rg-grid__td rg-grid__select-cell", bt && "rg-grid__pinned rg-grid__pinned--left"),
+              style: { width: be, minWidth: be, maxWidth: be, ...bt ? { left: 0 } : null },
+              onClick: xe,
+              children: /* @__PURE__ */ d("span", { className: "rg-grid__checkbox-cell", onClickCapture: (h) => ar.current = h.shiftKey, children: /* @__PURE__ */ d(
+                Fe,
                 {
-                  variant: ht,
-                  checked: h,
-                  disabled: !Je(n),
-                  "aria-label": W === "single" ? "Select row" : `Select row ${i + 1}`,
-                  onChange: (u) => en(e, u),
-                  classNames: { root: I.checkbox, control: I.checkboxControl, indicator: I.checkboxIndicator },
-                  styles: { root: v.checkbox, control: v.checkboxControl, indicator: v.checkboxIndicator }
+                  variant: Nt,
+                  checked: p,
+                  disabled: !ct(o),
+                  "aria-label": Q === "single" ? "Select row" : `Select row ${i + 1}`,
+                  onChange: (h) => dn(e, h),
+                  classNames: { root: B.checkbox, control: B.checkboxControl, indicator: B.checkboxIndicator },
+                  styles: { root: L.checkbox, control: L.checkboxControl, indicator: L.checkboxIndicator }
                 }
               ) })
             }
           ),
-          y.map((u, k) => {
-            const E = tn(u, e), nt = typeof u.cellClassName == "function" ? u.cellClassName(E) : u.cellClassName, Sn = typeof u.cellStyle == "function" ? u.cellStyle(E) : u.cellStyle, gr = ye !== null && ye.id === l && ye.field === u.field, Lt = Ge(u, E), mr = ar(u, k), Cn = _t ? _t.id === l && _t.field === u.field : t === 0 && k === 0;
-            return /* @__PURE__ */ f(
+          M.map((h, Y) => {
+            let ee = un(h, e);
+            if (h.type === "sequence") {
+              const ie = Mr(h, t);
+              ee = { ...ee, value: ie, formattedValue: h.valueFormatter ? h.valueFormatter(ie, o) : String(ie), editable: !1 };
+            }
+            const $n = typeof h.cellClassName == "function" ? h.cellClassName(ee) : h.cellClassName, Pn = typeof h.cellStyle == "function" ? h.cellStyle(ee) : h.cellStyle, Cr = Pe !== null && Pe.id === s && Pe.field === h.field, jt = ft(h, ee), Er = yr(h, Y), An = St ? St.id === s && St.field === h.field : t === 0 && Y === 0;
+            return /* @__PURE__ */ d(
               "td",
               {
-                ref: (ne) => {
-                  const br = Mt(l, u.field);
-                  ne ? Re.current.set(br, ne) : Re.current.delete(br);
+                ref: (ie) => {
+                  const Tr = Vt(s, h.field);
+                  ie ? tt.current.set(Tr, ie) : tt.current.delete(Tr);
                 },
-                tabIndex: ft ? Cn ? 0 : -1 : Lt ? 0 : void 0,
-                onFocus: ft ? (ne) => ne.target === ne.currentTarget && qt({ id: l, field: u.field }) : void 0,
-                onDoubleClick: Lt ? () => Ze(e, u) : void 0,
-                onKeyDown: (ne) => sn(ne, e, u, E),
-                className: C(
-                  "rk-grid__td",
-                  Lt && "rk-grid__td--editable",
-                  gr && "rk-grid__td--editing",
-                  mr.className,
-                  I.cell,
-                  u.className,
-                  nt
+                tabIndex: wt ? An ? 0 : -1 : jt ? 0 : void 0,
+                onFocus: wt ? (ie) => ie.target === ie.currentTarget && rr({ id: s, field: h.field }) : void 0,
+                onDoubleClick: jt ? () => ht(e, h) : void 0,
+                onKeyDown: (ie) => pn(ie, e, h, ee),
+                className: O(
+                  "rg-grid__td",
+                  jt && "rg-grid__td--editable",
+                  Cr && "rg-grid__td--editing",
+                  Er.className,
+                  B.cell,
+                  h.className,
+                  $n
                 ),
-                style: { textAlign: u.align, ...v.cell, ...u.style, ...Sn, ...mr.style },
-                children: gr && ye ? mn(e, u, ye) : u.cellRenderer ? ge(u.cellRenderer, E) : u.type === "boolean" && !u.cellEditor ? hn(u, E) : E.formattedValue
+                style: { textAlign: h.align, ...L.cell, ...h.style, ...Pn, ...Er.style },
+                children: Cr && Pe ? Dn(e, h, Pe) : h.cellRenderer ? Te(h.cellRenderer, ee) : h.type === "boolean" && !h.cellEditor ? xn(h, ee) : ee.formattedValue
               },
-              u.field
+              h.field
             );
           })
         ]
       },
-      l
+      s
     );
-  }, En = Mr ?? (Y ? Math.min(A, 20) : 5);
-  return /* @__PURE__ */ x(
+  }, Ln = le ?? (V ? Math.min(z, 20) : 5);
+  return /* @__PURE__ */ D(
     "div",
     {
-      className: C("rk-grid", q && "rk-grid--virtual", I.root, Pr),
-      style: { ..._n, ...v.root, ...Ar },
-      "data-rk-theme": pt || void 0,
-      "aria-busy": St || void 0,
+      className: O("rg-grid", oe && "rg-grid--virtual", B.root, Vr),
+      style: { ...Cn, ...L.root, ...Ur },
+      "data-rg-theme": Je || void 0,
+      "aria-busy": Kt || void 0,
       children: [
-        vn && /* @__PURE__ */ x("div", { ...L("toolbar", "rk-grid__toolbar"), children: [
-          /* @__PURE__ */ x("div", { className: "rk-grid__toolbar-left", children: [
-            B && /* @__PURE__ */ f(
+        Fn && /* @__PURE__ */ D("div", { ...q("toolbar", "rg-grid__toolbar"), children: [
+          /* @__PURE__ */ D("div", { className: "rg-grid__toolbar-left", children: [
+            F && /* @__PURE__ */ d(
               "input",
               {
                 type: "search",
-                value: ke,
-                onChange: (e) => Kr(e.target.value),
-                placeholder: ie,
+                value: Le,
+                onChange: (e) => zr(e.target.value),
+                placeholder: N,
                 "aria-label": "Search all columns",
-                ...L("search", "rk-grid__search")
+                ...q("search", "rg-grid__search")
               }
             ),
-            W && J.length > 0 && /* @__PURE__ */ x("span", { className: "rk-grid__selected-count", role: "status", children: [
-              J.length,
+            Q && se.length > 0 && /* @__PURE__ */ D("span", { className: "rg-grid__selected-count", role: "status", children: [
+              se.length,
               " selected"
             ] })
           ] }),
-          /* @__PURE__ */ x("div", { className: "rk-grid__toolbar-actions", children: [
-            Wt,
-            Bt && /* @__PURE__ */ f(
-              jn,
+          /* @__PURE__ */ D("div", { className: "rg-grid__toolbar-actions", children: [
+            Gt,
+            Ue && /* @__PURE__ */ d(
+              Zn,
               {
                 columns: r,
-                hidden: Ae,
-                onToggle: Ur,
-                theme: pt,
-                className: I.toolButton,
-                style: v.toolButton
+                hidden: Qe,
+                onToggle: Zr,
+                theme: Je,
+                className: B.toolButton,
+                style: L.toolButton
               }
             ),
-            Fe && /* @__PURE__ */ f("button", { type: "button", onClick: () => fr(), ...L("toolButton", "rk-grid__tool-btn"), children: "Export CSV" })
+            ze && /* @__PURE__ */ d("button", { type: "button", onClick: () => kr(), ...q("toolButton", "rg-grid__tool-btn"), children: "Export CSV" })
           ] })
         ] }),
-        yn && pr("top"),
-        /* @__PURE__ */ f(
+        En && Nr("top"),
+        /* @__PURE__ */ d(
           "div",
           {
-            ref: xe,
-            ...L("scroll", "rk-grid__scroll"),
-            onScroll: q ? (e) => Ht({ top: e.currentTarget.scrollTop, height: e.currentTarget.clientHeight }) : void 0,
-            style: { ...v.scroll, ...Oe !== void 0 ? { maxHeight: Oe } : q ? { maxHeight: 400 } : null },
-            children: /* @__PURE__ */ x(
+            ref: Ae,
+            ...q("scroll", "rg-grid__scroll"),
+            onScroll: oe ? (e) => nr({ top: e.currentTarget.scrollTop, height: e.currentTarget.clientHeight }) : void 0,
+            style: { ...L.scroll, ...Xe !== void 0 ? { maxHeight: Xe } : oe ? { maxHeight: 400 } : null },
+            children: /* @__PURE__ */ D(
               "table",
               {
-                ...L("table", "rk-grid__table"),
+                ...q("table", "rg-grid__table"),
                 role: "grid",
-                style: Tt ? {
-                  ...v.table,
+                style: Wt ? {
+                  ...L.table,
                   tableLayout: "fixed",
-                  width: y.reduce((e, t) => e + tt(t), W ? ee : 0),
+                  width: M.reduce((e, t) => e + mt(t), Q ? be : 0),
                   minWidth: "100%"
-                } : v.table,
+                } : L.table,
                 children: [
-                  /* @__PURE__ */ f("thead", { ...L("thead", "rk-grid__thead"), children: /* @__PURE__ */ x("tr", { ...L("headerRow", "rk-grid__tr"), children: [
-                    W && /* @__PURE__ */ f(
+                  /* @__PURE__ */ d("thead", { ...q("thead", "rg-grid__thead"), children: /* @__PURE__ */ D("tr", { ...q("headerRow", "rg-grid__tr"), children: [
+                    Q && /* @__PURE__ */ d(
                       "th",
                       {
                         scope: "col",
-                        className: C("rk-grid__th rk-grid__select-cell", rt && "rk-grid__pinned rk-grid__pinned--left", I.headerCell),
-                        style: { width: ee, minWidth: ee, maxWidth: ee, ...rt ? { left: 0 } : null, ...v.headerCell },
-                        children: W === "multiple" && /* @__PURE__ */ f("span", { className: "rk-grid__checkbox-cell", children: /* @__PURE__ */ f(
-                          me,
+                        className: O("rg-grid__th rg-grid__select-cell", bt && "rg-grid__pinned rg-grid__pinned--left", B.headerCell),
+                        style: { width: be, minWidth: be, maxWidth: be, ...bt ? { left: 0 } : null, ...L.headerCell },
+                        children: Q === "multiple" && /* @__PURE__ */ d("span", { className: "rg-grid__checkbox-cell", children: /* @__PURE__ */ d(
+                          Fe,
                           {
-                            variant: ht,
-                            checked: er,
-                            indeterminate: Zt > 0 && !er,
-                            disabled: we.length === 0,
+                            variant: Nt,
+                            checked: dr,
+                            indeterminate: cr > 0 && !dr,
+                            disabled: Ke.length === 0,
                             "aria-label": "Select all rows",
-                            onChange: tr,
-                            classNames: { root: I.checkbox, control: I.checkboxControl, indicator: I.checkboxIndicator },
-                            styles: { root: v.checkbox, control: v.checkboxControl, indicator: v.checkboxIndicator }
+                            onChange: ur,
+                            classNames: { root: B.checkbox, control: B.checkboxControl, indicator: B.checkboxIndicator },
+                            styles: { root: L.checkbox, control: L.checkboxControl, indicator: L.checkboxIndicator }
                           }
                         ) })
                       }
                     ),
-                    y.map((e, t) => {
-                      const n = R.findIndex((h) => h.field === e.field), l = n >= 0 ? R[n].direction : null, i = vt(e), o = Yt(e), g = ar(e, t);
-                      return /* @__PURE__ */ x(
+                    M.map((e, t) => {
+                      const o = G.findIndex((p) => p.field === e.field), s = o >= 0 ? G[o].direction : null, i = $t(e), l = ir(e), m = yr(e, t);
+                      return /* @__PURE__ */ D(
                         "th",
                         {
-                          ref: (h) => {
-                            h ? _e.current.set(e.field, h) : _e.current.delete(e.field);
+                          ref: (p) => {
+                            p ? $e.current.set(e.field, p) : $e.current.delete(e.field);
                           },
                           scope: "col",
-                          "aria-sort": l ? l === "asc" ? "ascending" : "descending" : i ? "none" : void 0,
+                          "aria-sort": s ? s === "asc" ? "ascending" : "descending" : i ? "none" : void 0,
                           tabIndex: i ? 0 : void 0,
-                          onClick: (h) => rr(e, h.shiftKey),
-                          onKeyDown: (h) => {
-                            i && h.target === h.currentTarget && (h.key === "Enter" || h.key === " ") && (h.preventDefault(), rr(e, h.shiftKey));
+                          onClick: (p) => fr(e, p.shiftKey),
+                          onKeyDown: (p) => {
+                            i && p.target === p.currentTarget && (p.key === "Enter" || p.key === " ") && (p.preventDefault(), fr(e, p.shiftKey));
                           },
-                          className: C("rk-grid__th", i && "rk-grid__th--sortable", g.className, I.headerCell, e.className, e.headerClassName),
+                          className: O("rg-grid__th", i && "rg-grid__th--sortable", m.className, B.headerCell, e.className, e.headerClassName),
                           style: {
-                            width: Tt ? tt(e) : e.width,
+                            width: Wt ? mt(e) : e.width,
                             minWidth: e.minWidth,
                             textAlign: e.align,
-                            ...v.headerCell,
+                            ...L.headerCell,
                             ...e.style,
                             ...e.headerStyle,
-                            ...g.style
+                            ...m.style
                           },
                           children: [
-                            /* @__PURE__ */ x("span", { className: "rk-grid__th-content", children: [
-                              e.headerRenderer ? ge(e.headerRenderer, { column: e, sortDirection: l }) : e.headerCheckbox && e.type === "boolean" ? gn(e) : ot(e),
-                              e.filterable && /* @__PURE__ */ f(
-                                Wn,
+                            /* @__PURE__ */ D("span", { className: "rg-grid__th-content", children: [
+                              e.headerRenderer ? Te(e.headerRenderer, { column: e, sortDirection: s }) : e.headerCheckbox && e.type === "boolean" ? wn(e) : _t(e),
+                              e.filterable && /* @__PURE__ */ d(
+                                Qn,
                                 {
                                   column: e,
-                                  label: pe(e),
-                                  kind: o,
-                                  value: se[e.field],
-                                  onChange: (h) => {
-                                    const u = { ...se };
-                                    h === void 0 ? delete u[e.field] : u[e.field] = h, Br(u);
+                                  label: ke(e),
+                                  kind: l,
+                                  value: De[e.field],
+                                  onChange: (p) => {
+                                    const x = { ...De };
+                                    p === void 0 ? delete x[e.field] : x[e.field] = p, Hr(x);
                                   },
-                                  options: bn.get(e.field) ?? [],
-                                  theme: pt,
-                                  indicatorClassName: C(I.filterIndicator, e.filterIndicatorClassName),
-                                  indicatorStyle: { ...v.filterIndicator, ...e.filterIndicatorStyle },
-                                  popupClassName: C(I.filterPopup, e.filterPopupClassName),
-                                  popupStyle: { ...v.filterPopup, ...e.filterPopupStyle },
-                                  inputClassName: I.filterInput,
-                                  inputStyle: v.filterInput
+                                  options: Nn.get(e.field) ?? [],
+                                  debounce: e.filterDebounce ?? I,
+                                  theme: Je,
+                                  indicatorClassName: O(B.filterIndicator, e.filterIndicatorClassName),
+                                  indicatorStyle: { ...L.filterIndicator, ...e.filterIndicatorStyle },
+                                  popupClassName: O(B.filterPopup, e.filterPopupClassName),
+                                  popupStyle: { ...L.filterPopup, ...e.filterPopupStyle },
+                                  inputClassName: B.filterInput,
+                                  inputStyle: L.filterInput
                                 }
                               ),
-                              i && /* @__PURE__ */ x("span", { className: "rk-grid__sort", "aria-hidden": "true", children: [
-                                l === "asc" ? "▲" : l === "desc" ? "▼" : "↕",
-                                l && R.length > 1 && /* @__PURE__ */ f("sup", { className: "rk-grid__sort-order", children: n + 1 })
+                              i && /* @__PURE__ */ D("span", { className: "rg-grid__sort", "aria-hidden": "true", children: [
+                                s === "asc" ? "▲" : s === "desc" ? "▼" : "↕",
+                                s && G.length > 1 && /* @__PURE__ */ d("sup", { className: "rg-grid__sort-order", children: o + 1 })
                               ] })
                             ] }),
-                            e.resizable && /* @__PURE__ */ f(
+                            e.resizable && /* @__PURE__ */ d(
                               "span",
                               {
-                                className: "rk-grid__resizer",
+                                className: "rg-grid__resizer",
                                 role: "separator",
                                 "aria-orientation": "vertical",
-                                "aria-label": `Resize ${pe(e)}`,
-                                onPointerDown: (h) => fn(h, e),
-                                onClick: re,
-                                onDoubleClick: re
+                                "aria-label": `Resize ${ke(e)}`,
+                                onPointerDown: (p) => yn(p, e),
+                                onClick: xe,
+                                onDoubleClick: xe
                               }
                             )
                           ]
@@ -1328,26 +1577,26 @@ function ei({
                       );
                     })
                   ] }) }),
-                  /* @__PURE__ */ f("tbody", { ...L("tbody", "rk-grid__tbody"), children: St ? Array.from({ length: En }, (e, t) => wn(t)) : Zr ? /* @__PURE__ */ f("tr", { children: /* @__PURE__ */ x("td", { colSpan: ve, ...L("empty", "rk-grid__empty rk-grid__error"), role: "alert", children: [
-                    Fr,
+                  /* @__PURE__ */ d("tbody", { ...q("tbody", "rg-grid__tbody"), children: Kt ? Array.from({ length: Ln }, (e, t) => Sn(t)) : cn ? /* @__PURE__ */ d("tr", { children: /* @__PURE__ */ D("td", { colSpan: Oe, ...q("empty", "rg-grid__empty rg-grid__error"), role: "alert", children: [
+                    xt,
                     " ",
-                    /* @__PURE__ */ f("button", { type: "button", className: "rk-grid__tool-btn", onClick: () => qe(Ve.current), children: "Retry" })
-                  ] }) }) : w.length === 0 ? /* @__PURE__ */ f("tr", { children: /* @__PURE__ */ f("td", { colSpan: ve, ...L("empty", "rk-grid__empty"), children: $r }) }) : /* @__PURE__ */ x(lt, { children: [
-                    Ee && et > 0 && /* @__PURE__ */ f("tr", { "aria-hidden": "true", className: "rk-grid__spacer", children: /* @__PURE__ */ f("td", { colSpan: ve, style: { height: et * X } }) }),
-                    dn.map((e, t) => Nn(e, et + t)),
-                    Ee && It < w.length && /* @__PURE__ */ f("tr", { "aria-hidden": "true", className: "rk-grid__spacer", children: /* @__PURE__ */ f("td", { colSpan: ve, style: { height: (w.length - It) * X } }) })
-                  ] }) }, or)
+                    /* @__PURE__ */ d("button", { type: "button", className: "rg-grid__tool-btn", onClick: () => st(ot.current), children: "Retry" })
+                  ] }) }) : A.length === 0 ? /* @__PURE__ */ d("tr", { children: /* @__PURE__ */ d("td", { colSpan: Oe, ...q("empty", "rg-grid__empty"), children: jr }) }) : /* @__PURE__ */ D(je, { children: [
+                    Re && pt > 0 && /* @__PURE__ */ d("tr", { "aria-hidden": "true", className: "rg-grid__spacer", children: /* @__PURE__ */ d("td", { colSpan: Oe, style: { height: pt * de } }) }),
+                    bn.map((e, t) => In(e, pt + t)),
+                    Re && Yt < A.length && /* @__PURE__ */ d("tr", { "aria-hidden": "true", className: "rg-grid__spacer", children: /* @__PURE__ */ d("td", { colSpan: Oe, style: { height: (A.length - Yt) * de } }) })
+                  ] }) }, mr)
                 ]
               }
             )
           }
         ),
-        xn && pr("bottom")
+        Tn && Nr("bottom")
       ]
     }
   );
 }
 export {
-  me as Checkbox,
-  ei as DataGrid
+  Fe as Checkbox,
+  fo as DataGrid
 };