@pravinrd/awesome-grid 0.2.8 → 0.2.10

package/dist-lib/index.js

@@ -1,67 +1,67 @@
-import It, { useRef as Z, useState as v, useDeferredValue as $t, useTransition as Ft, useMemo as H, useEffect as B, useCallback as we, useLayoutEffect as pt } from "react";
-const Wt = "_container_dihwe_1", zt = "_themeLight_dihwe_10", Gt = "_themeDark_dihwe_29", Ut = "_themePurple_dihwe_48", Vt = "_headerRow_dihwe_67", Ht = "_flexRow_dihwe_76", Yt = "_toolbarGroup_dihwe_82", qt = "_dropdown_dihwe_86", Xt = "_buttonBase_dihwe_90", Jt = "_buttonPrimary_dihwe_101", Kt = "_buttonDanger_dihwe_111", Zt = "_buttonMuted_dihwe_121", Qt = "_dropdownToggle_dihwe_142", er = "_dropdownMenu_dihwe_147", tr = "_dropdownMenuOpen_dihwe_163", rr = "_menuItemButton_dihwe_167", nr = "_labelMuted_dihwe_185", or = "_selectSmall_dihwe_190", ar = "_selectAuto_dihwe_199", sr = "_switchRow_dihwe_203", lr = "_groupingSummary_dihwe_210", ir = "_relative_dihwe_217", cr = "_overlay_dihwe_221", ur = "_overlayInner_dihwe_229", dr = "_spinner_dihwe_236", hr = "_tableWrap_dihwe_252", pr = "_tableWrapAll_dihwe_256", mr = "_table_dihwe_252", fr = "_tableHead_dihwe_278", gr = "_thCellTop_dihwe_282", wr = "_thCellFilter_dihwe_290", yr = "_thInner_dihwe_297", br = "_resizeHandle_dihwe_303", _r = "_sortButton_dihwe_328", xr = "_iconMuted_dihwe_338", vr = "_inlineGroup_dihwe_342", kr = "_input_dihwe_350", jr = "_rowInteractive_dihwe_362", Nr = "_groupRow_dihwe_375", Sr = "_groupRowAnimated_dihwe_382", Cr = "_groupChildRow_dihwe_386", Rr = "_groupToggle_dihwe_390", Er = "_groupMeta_dihwe_430", Tr = "_checkbox_dihwe_438", Ar = "_tfoot_dihwe_447", Or = "_textCenter_dihwe_455", Dr = "_paginationWrap_dihwe_459", Mr = "_pagination_dihwe_459", Pr = "_pageButton_dihwe_473", Lr = "_pageButtonActive_dihwe_488", Br = "_backdrop_dihwe_494", Ir = "_drawer_dihwe_500", $r = "_drawerTitle_dihwe_515", Fr = "_drawerSection_dihwe_521", Wr = "_drawerSubtitle_dihwe_527", zr = "_sectionToggle_dihwe_534", Gr = "_sectionBody_dihwe_547", Ur = "_drawerRow_dihwe_551", Vr = "_spacerAuto_dihwe_558", Hr = "_srOnly_dihwe_570", a = {
-  container: Wt,
-  themeLight: zt,
-  themeDark: Gt,
+import $t, { useRef as Q, useState as x, useDeferredValue as Wt, useTransition as Ft, useMemo as Y, useEffect as L, useCallback as ye, useLayoutEffect as pt } from "react";
+const zt = "_container_dihwe_1", Gt = "_themeLight_dihwe_10", Vt = "_themeDark_dihwe_29", Ut = "_themePurple_dihwe_48", Ht = "_headerRow_dihwe_67", Yt = "_flexRow_dihwe_76", qt = "_toolbarGroup_dihwe_82", Jt = "_dropdown_dihwe_86", Xt = "_buttonBase_dihwe_90", Kt = "_buttonPrimary_dihwe_101", Zt = "_buttonDanger_dihwe_111", Qt = "_buttonMuted_dihwe_121", er = "_dropdownToggle_dihwe_142", tr = "_dropdownMenu_dihwe_147", rr = "_dropdownMenuOpen_dihwe_163", nr = "_menuItemButton_dihwe_167", or = "_labelMuted_dihwe_185", sr = "_selectSmall_dihwe_190", ar = "_selectAuto_dihwe_199", lr = "_switchRow_dihwe_203", ir = "_groupingSummary_dihwe_210", cr = "_relative_dihwe_217", ur = "_overlay_dihwe_221", dr = "_overlayInner_dihwe_229", hr = "_spinner_dihwe_236", pr = "_tableWrap_dihwe_252", mr = "_tableWrapAll_dihwe_256", fr = "_table_dihwe_252", gr = "_tableHead_dihwe_278", wr = "_thCellTop_dihwe_282", yr = "_thCellFilter_dihwe_290", br = "_thInner_dihwe_297", _r = "_resizeHandle_dihwe_303", vr = "_sortButton_dihwe_328", xr = "_iconMuted_dihwe_338", kr = "_inlineGroup_dihwe_342", jr = "_input_dihwe_350", Nr = "_rowInteractive_dihwe_362", Cr = "_groupRow_dihwe_375", Sr = "_groupRowAnimated_dihwe_382", Rr = "_groupChildRow_dihwe_386", Tr = "_groupToggle_dihwe_390", Er = "_groupMeta_dihwe_430", Or = "_checkbox_dihwe_438", Ar = "_tfoot_dihwe_447", Dr = "_textCenter_dihwe_455", Mr = "_paginationWrap_dihwe_459", Pr = "_pagination_dihwe_459", Br = "_pageButton_dihwe_473", Lr = "_pageButtonActive_dihwe_488", Ir = "_backdrop_dihwe_494", $r = "_drawer_dihwe_500", Wr = "_drawerTitle_dihwe_515", Fr = "_drawerSection_dihwe_521", zr = "_drawerSubtitle_dihwe_527", Gr = "_sectionToggle_dihwe_534", Vr = "_sectionBody_dihwe_547", Ur = "_drawerRow_dihwe_551", Hr = "_spacerAuto_dihwe_558", Yr = "_srOnly_dihwe_570", s = {
+  container: zt,
+  themeLight: Gt,
+  themeDark: Vt,
   themePurple: Ut,
-  headerRow: Vt,
-  flexRow: Ht,
-  toolbarGroup: Yt,
-  dropdown: qt,
+  headerRow: Ht,
+  flexRow: Yt,
+  toolbarGroup: qt,
+  dropdown: Jt,
   buttonBase: Xt,
-  buttonPrimary: Jt,
-  buttonDanger: Kt,
-  buttonMuted: Zt,
-  dropdownToggle: Qt,
-  dropdownMenu: er,
-  dropdownMenuOpen: tr,
-  menuItemButton: rr,
-  labelMuted: nr,
-  selectSmall: or,
+  buttonPrimary: Kt,
+  buttonDanger: Zt,
+  buttonMuted: Qt,
+  dropdownToggle: er,
+  dropdownMenu: tr,
+  dropdownMenuOpen: rr,
+  menuItemButton: nr,
+  labelMuted: or,
+  selectSmall: sr,
   selectAuto: ar,
-  switchRow: sr,
-  groupingSummary: lr,
-  relative: ir,
-  overlay: cr,
-  overlayInner: ur,
-  spinner: dr,
-  tableWrap: hr,
-  tableWrapAll: pr,
-  table: mr,
-  tableHead: fr,
-  thCellTop: gr,
-  thCellFilter: wr,
-  thInner: yr,
-  resizeHandle: br,
-  sortButton: _r,
+  switchRow: lr,
+  groupingSummary: ir,
+  relative: cr,
+  overlay: ur,
+  overlayInner: dr,
+  spinner: hr,
+  tableWrap: pr,
+  tableWrapAll: mr,
+  table: fr,
+  tableHead: gr,
+  thCellTop: wr,
+  thCellFilter: yr,
+  thInner: br,
+  resizeHandle: _r,
+  sortButton: vr,
   iconMuted: xr,
-  inlineGroup: vr,
-  input: kr,
-  rowInteractive: jr,
-  groupRow: Nr,
+  inlineGroup: kr,
+  input: jr,
+  rowInteractive: Nr,
+  groupRow: Cr,
   groupRowAnimated: Sr,
-  groupChildRow: Cr,
-  groupToggle: Rr,
+  groupChildRow: Rr,
+  groupToggle: Tr,
   groupMeta: Er,
-  checkbox: Tr,
+  checkbox: Or,
   tfoot: Ar,
-  textCenter: Or,
-  paginationWrap: Dr,
-  pagination: Mr,
-  pageButton: Pr,
+  textCenter: Dr,
+  paginationWrap: Mr,
+  pagination: Pr,
+  pageButton: Br,
   pageButtonActive: Lr,
-  backdrop: Br,
-  drawer: Ir,
-  drawerTitle: $r,
+  backdrop: Ir,
+  drawer: $r,
+  drawerTitle: Wr,
   drawerSection: Fr,
-  drawerSubtitle: Wr,
-  sectionToggle: zr,
-  sectionBody: Gr,
+  drawerSubtitle: zr,
+  sectionToggle: Gr,
+  sectionBody: Vr,
   drawerRow: Ur,
-  spacerAuto: Vr,
-  srOnly: Hr
+  spacerAuto: Hr,
+  srOnly: Yr
 };
-var We = { exports: {} }, Te = {};
+var Fe = { exports: {} }, Oe = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -72,26 +72,26 @@ var We = { exports: {} }, Te = {};
  * LICENSE file in the root directory of this source tree.
  */
 var mt;
-function Yr() {
-  if (mt) return Te;
+function qr() {
+  if (mt) return Oe;
   mt = 1;
-  var p = Symbol.for("react.transitional.element"), w = Symbol.for("react.fragment");
-  function d(k, j, S) {
-    var C = null;
-    if (S !== void 0 && (C = "" + S), j.key !== void 0 && (C = "" + j.key), "key" in j) {
-      S = {};
+  var m = Symbol.for("react.transitional.element"), w = Symbol.for("react.fragment");
+  function p(k, j, C) {
+    var S = null;
+    if (C !== void 0 && (S = "" + C), j.key !== void 0 && (S = "" + j.key), "key" in j) {
+      C = {};
       for (var I in j)
-        I !== "key" && (S[I] = j[I]);
-    } else S = j;
-    return j = S.ref, {
-      $$typeof: p,
+        I !== "key" && (C[I] = j[I]);
+    } else C = j;
+    return j = C.ref, {
+      $$typeof: m,
       type: k,
-      key: C,
+      key: S,
       ref: j !== void 0 ? j : null,
-      props: S
+      props: C
     };
   }
-  return Te.Fragment = w, Te.jsx = d, Te.jsxs = d, Te;
+  return Oe.Fragment = w, Oe.jsx = p, Oe.jsxs = p, Oe;
 }
 var Ae = {};
 /**
@@ -104,166 +104,166 @@ var Ae = {};
  * LICENSE file in the root directory of this source tree.
  */
 var ft;
-function qr() {
+function Jr() {
   return ft || (ft = 1, process.env.NODE_ENV !== "production" && (function() {
-    function p(n) {
-      if (n == null) return null;
-      if (typeof n == "function")
-        return n.$$typeof === je ? null : n.displayName || n.name || null;
-      if (typeof n == "string") return n;
-      switch (n) {
+    function m(o) {
+      if (o == null) return null;
+      if (typeof o == "function")
+        return o.$$typeof === Ne ? null : o.displayName || o.name || null;
+      if (typeof o == "string") return o;
+      switch (o) {
         case xe:
           return "Fragment";
-        case Ue:
+        case Ve:
           return "Profiler";
-        case le:
+        case ie:
           return "StrictMode";
-        case te:
+        case re:
           return "Suspense";
-        case ve:
+        case ke:
           return "SuspenseList";
-        case V:
+        case H:
           return "Activity";
       }
-      if (typeof n == "object")
-        switch (typeof n.tag == "number" && console.error(
+      if (typeof o == "object")
+        switch (typeof o.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), n.$$typeof) {
-          case se:
+        ), o.$$typeof) {
+          case le:
             return "Portal";
-          case Ve:
-            return n.displayName || "Context";
+          case Ue:
+            return o.displayName || "Context";
           case g:
-            return (n._context.displayName || "Context") + ".Consumer";
+            return (o._context.displayName || "Context") + ".Consumer";
           case U:
-            var i = n.render;
-            return n = n.displayName, n || (n = i.displayName || i.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
-          case ke:
-            return i = n.displayName || null, i !== null ? i : p(n.type) || "Memo";
+            var i = o.render;
+            return o = o.displayName, o || (o = i.displayName || i.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case je:
+            return i = o.displayName || null, i !== null ? i : m(o.type) || "Memo";
           case z:
-            i = n._payload, n = n._init;
+            i = o._payload, o = o._init;
             try {
-              return p(n(i));
+              return m(o(i));
             } catch {
             }
         }
       return null;
     }
-    function w(n) {
-      return "" + n;
+    function w(o) {
+      return "" + o;
     }
-    function d(n) {
+    function p(o) {
       try {
-        w(n);
+        w(o);
         var i = !1;
       } catch {
         i = !0;
       }
       if (i) {
         i = console;
-        var m = i.error, b = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return m.call(
+        var f = i.error, b = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return f.call(
           i,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           b
-        ), w(n);
+        ), w(o);
       }
     }
-    function k(n) {
-      if (n === xe) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === z)
+    function k(o) {
+      if (o === xe) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === z)
         return "<...>";
       try {
-        var i = p(n);
+        var i = m(o);
         return i ? "<" + i + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function j() {
-      var n = Ne.A;
-      return n === null ? null : n.getOwner();
+      var o = Ce.A;
+      return o === null ? null : o.getOwner();
     }
-    function S() {
+    function C() {
       return Error("react-stack-top-frame");
     }
-    function C(n) {
-      if (N.call(n, "key")) {
-        var i = Object.getOwnPropertyDescriptor(n, "key").get;
+    function S(o) {
+      if (N.call(o, "key")) {
+        var i = Object.getOwnPropertyDescriptor(o, "key").get;
         if (i && i.isReactWarning) return !1;
       }
-      return n.key !== void 0;
+      return o.key !== void 0;
     }
-    function I(n, i) {
-      function m() {
-        Ce || (Ce = !0, console.error(
+    function I(o, i) {
+      function f() {
+        Re || (Re = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           i
         ));
       }
-      m.isReactWarning = !0, Object.defineProperty(n, "key", {
-        get: m,
+      f.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: f,
         configurable: !0
       });
     }
-    function be() {
-      var n = p(this.type);
-      return A[n] || (A[n] = !0, console.error(
+    function _e() {
+      var o = m(this.type);
+      return O[o] || (O[o] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), n = this.props.ref, n !== void 0 ? n : null;
+      )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function _e(n, i, m, b, G, ue) {
-      var y = m.ref;
-      return n = {
-        $$typeof: De,
-        type: n,
+    function ve(o, i, f, b, G, de) {
+      var y = f.ref;
+      return o = {
+        $$typeof: Me,
+        type: o,
         key: i,
-        props: m,
+        props: f,
         _owner: b
-      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(n, "ref", {
+      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: be
-      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
+        get: _e
+      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(n, "_debugInfo", {
+      }), Object.defineProperty(o, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(n, "_debugStack", {
+      }), Object.defineProperty(o, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: G
-      }), Object.defineProperty(n, "_debugTask", {
+      }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ue
-      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+        value: de
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function Q(n, i, m, b, G, ue) {
+    function ee(o, i, f, b, G, de) {
       var y = i.children;
       if (y !== void 0)
         if (b)
           if (He(y)) {
             for (b = 0; b < y.length; b++)
-              ee(y[b]);
+              te(y[b]);
             Object.freeze && Object.freeze(y);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else ee(y);
+        else te(y);
       if (N.call(i, "key")) {
-        y = p(n);
-        var q = Object.keys(i).filter(function($) {
+        y = m(o);
+        var J = Object.keys(i).filter(function($) {
           return $ !== "key";
         });
-        b = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", ce[y + b] || (q = 0 < q.length ? "{" + q.join(": ..., ") + ": ...}" : "{}", console.error(
+        b = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", ue[y + b] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -272,101 +272,101 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           b,
           y,
-          q,
+          J,
           y
-        ), ce[y + b] = !0);
+        ), ue[y + b] = !0);
       }
-      if (y = null, m !== void 0 && (d(m), y = "" + m), C(i) && (d(i.key), y = "" + i.key), "key" in i) {
-        m = {};
-        for (var de in i)
-          de !== "key" && (m[de] = i[de]);
-      } else m = i;
+      if (y = null, f !== void 0 && (p(f), y = "" + f), S(i) && (p(i.key), y = "" + i.key), "key" in i) {
+        f = {};
+        for (var he in i)
+          he !== "key" && (f[he] = i[he]);
+      } else f = i;
       return y && I(
-        m,
-        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
-      ), _e(
-        n,
+        f,
+        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
+      ), ve(
+        o,
         y,
-        m,
+        f,
         j(),
         G,
-        ue
+        de
       );
     }
-    function ee(n) {
-      ae(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === z && (n._payload.status === "fulfilled" ? ae(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
+    function te(o) {
+      ae(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === z && (o._payload.status === "fulfilled" ? ae(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
-    function ae(n) {
-      return typeof n == "object" && n !== null && n.$$typeof === De;
+    function ae(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === Me;
     }
-    var Y = It, De = Symbol.for("react.transitional.element"), se = Symbol.for("react.portal"), xe = Symbol.for("react.fragment"), le = Symbol.for("react.strict_mode"), Ue = Symbol.for("react.profiler"), g = Symbol.for("react.consumer"), Ve = Symbol.for("react.context"), U = Symbol.for("react.forward_ref"), te = Symbol.for("react.suspense"), ve = Symbol.for("react.suspense_list"), ke = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), je = Symbol.for("react.client.reference"), Ne = Y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, He = Array.isArray, Se = console.createTask ? console.createTask : function() {
+    var q = $t, Me = Symbol.for("react.transitional.element"), le = Symbol.for("react.portal"), xe = Symbol.for("react.fragment"), ie = Symbol.for("react.strict_mode"), Ve = Symbol.for("react.profiler"), g = Symbol.for("react.consumer"), Ue = Symbol.for("react.context"), U = Symbol.for("react.forward_ref"), re = Symbol.for("react.suspense"), ke = Symbol.for("react.suspense_list"), je = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), H = Symbol.for("react.activity"), Ne = Symbol.for("react.client.reference"), Ce = q.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, He = Array.isArray, Se = console.createTask ? console.createTask : function() {
       return null;
     };
-    Y = {
-      react_stack_bottom_frame: function(n) {
-        return n();
+    q = {
+      react_stack_bottom_frame: function(o) {
+        return o();
       }
     };
-    var Ce, A = {}, re = Y.react_stack_bottom_frame.bind(
-      Y,
-      S
-    )(), ie = Se(k(S)), ce = {};
-    Ae.Fragment = xe, Ae.jsx = function(n, i, m) {
-      var b = 1e4 > Ne.recentlyCreatedOwnerStacks++;
-      return Q(
-        n,
+    var Re, O = {}, ne = q.react_stack_bottom_frame.bind(
+      q,
+      C
+    )(), ce = Se(k(C)), ue = {};
+    Ae.Fragment = xe, Ae.jsx = function(o, i, f) {
+      var b = 1e4 > Ce.recentlyCreatedOwnerStacks++;
+      return ee(
+        o,
         i,
-        m,
+        f,
         !1,
-        b ? Error("react-stack-top-frame") : re,
-        b ? Se(k(n)) : ie
+        b ? Error("react-stack-top-frame") : ne,
+        b ? Se(k(o)) : ce
       );
-    }, Ae.jsxs = function(n, i, m) {
-      var b = 1e4 > Ne.recentlyCreatedOwnerStacks++;
-      return Q(
-        n,
+    }, Ae.jsxs = function(o, i, f) {
+      var b = 1e4 > Ce.recentlyCreatedOwnerStacks++;
+      return ee(
+        o,
         i,
-        m,
+        f,
         !0,
-        b ? Error("react-stack-top-frame") : re,
-        b ? Se(k(n)) : ie
+        b ? Error("react-stack-top-frame") : ne,
+        b ? Se(k(o)) : ce
       );
     };
   })()), Ae;
 }
 var gt;
 function Xr() {
-  return gt || (gt = 1, process.env.NODE_ENV === "production" ? We.exports = Yr() : We.exports = qr()), We.exports;
+  return gt || (gt = 1, process.env.NODE_ENV === "production" ? Fe.exports = qr() : Fe.exports = Jr()), Fe.exports;
 }
 var r = Xr();
-const T = (...p) => p.filter(Boolean).join(" ");
-function wt({ label: p, children: w }) {
-  const [d, k] = v(!1), j = Z(null);
-  return B(() => {
-    const S = (C) => {
-      j.current && !j.current.contains(C.target) && k(!1);
+const E = (...m) => m.filter(Boolean).join(" ");
+function wt({ label: m, children: w }) {
+  const [p, k] = x(!1), j = Q(null);
+  return L(() => {
+    const C = (S) => {
+      j.current && !j.current.contains(S.target) && k(!1);
     };
-    return document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S);
-  }, []), /* @__PURE__ */ r.jsxs("div", { className: a.dropdown, ref: j, children: [
+    return document.addEventListener("mousedown", C), () => document.removeEventListener("mousedown", C);
+  }, []), /* @__PURE__ */ r.jsxs("div", { className: s.dropdown, ref: j, children: [
     /* @__PURE__ */ r.jsx(
       "button",
       {
-        className: T(
-          a.buttonBase,
-          a.buttonPrimary,
-          a.dropdownToggle
+        className: E(
+          s.buttonBase,
+          s.buttonPrimary,
+          s.dropdownToggle
         ),
         type: "button",
         "aria-haspopup": "menu",
-        "aria-expanded": d,
-        onClick: () => k(!d),
-        children: p
+        "aria-expanded": p,
+        onClick: () => k(!p),
+        children: m
       }
     ),
     /* @__PURE__ */ r.jsx(
       "ul",
       {
-        className: T(a.dropdownMenu, d && a.dropdownMenuOpen),
+        className: E(s.dropdownMenu, p && s.dropdownMenuOpen),
         role: "menu",
         onClick: () => k(!1),
         children: w
@@ -374,161 +374,184 @@ function wt({ label: p, children: w }) {
     )
   ] });
 }
-const Ke = (p, w = "14px system-ui") => {
+const Ke = (m, w = "14px system-ui") => {
   const k = (Ke.canvas || (Ke.canvas = document.createElement("canvas"))).getContext("2d");
-  return k.font = w, k.measureText(p).width;
-}, Oe = (p) => p.toLowerCase().replace(/[_\s]+(.)?/g, (w, d) => d ? d.toUpperCase() : "").replace(/^(.)/, (w) => w.toLowerCase()), Jr = (p) => {
-  if (!p || typeof p != "object") return p;
+  return k.font = w, k.measureText(m).width;
+}, De = (m) => m.toLowerCase().replace(/[_\s]+(.)?/g, (w, p) => p ? p.toUpperCase() : "").replace(/^(.)/, (w) => w.toLowerCase()), Kr = (m) => {
+  if (!m || typeof m != "object") return m;
   const w = {};
-  return Object.keys(p).forEach((d) => {
-    w[Oe(d)] = p[d];
+  return Object.keys(m).forEach((p) => {
+    w[De(p)] = m[p];
   }), w;
-}, J = 0, ze = 38, yt = 10, Kr = [], Ge = 80, Zr = "awesome-grid", ye = "preferences", bt = () => new Promise((p, w) => {
-  const d = indexedDB.open(Zr, 1);
-  d.onupgradeneeded = () => {
-    const k = d.result;
-    k.objectStoreNames.contains(ye) || k.createObjectStore(ye);
-  }, d.onsuccess = () => p(d.result), d.onerror = () => w(d.error);
-}), Qr = async (p) => {
+}, K = 0, ze = 38, yt = 10, Zr = [], Ge = 80, Qr = "awesome-grid", be = "preferences", _t = () => new Promise((m, w) => {
+  const p = indexedDB.open(Qr, 1);
+  p.onupgradeneeded = () => {
+    const k = p.result;
+    k.objectStoreNames.contains(be) || k.createObjectStore(be);
+  }, p.onsuccess = () => m(p.result), p.onerror = () => w(p.error);
+}), en = async (m) => {
   if (typeof indexedDB > "u") return null;
-  const w = await bt();
-  return new Promise((d, k) => {
-    const C = w.transaction(ye, "readonly").objectStore(ye).get(p);
-    C.onsuccess = () => d(C.result || null), C.onerror = () => k(C.error);
+  const w = await _t();
+  return new Promise((p, k) => {
+    const S = w.transaction(be, "readonly").objectStore(be).get(m);
+    S.onsuccess = () => p(S.result || null), S.onerror = () => k(S.error);
   }).finally(() => w.close());
-}, en = async (p, w) => {
+}, bt = async (m, w) => {
   if (typeof indexedDB > "u") return;
-  const d = await bt();
+  const p = await _t();
   return new Promise((k, j) => {
-    const I = d.transaction(ye, "readwrite").objectStore(ye).put(w, p);
+    const I = p.transaction(be, "readwrite").objectStore(be).put(w, m);
     I.onsuccess = () => k(), I.onerror = () => j(I.error);
-  }).finally(() => d.close());
+  }).finally(() => p.close());
 };
 function rn({
-  apiEndpoint: p,
+  apiEndpoint: m,
   rowKey: w,
-  theme: d = "light",
+  theme: p = "light",
   storageKey: k,
-  computedColumns: j = Kr,
-  currency: S = "INR",
-  dateFormat: C = {
+  computedColumns: j = Zr,
+  currency: C = "INR",
+  dateFormat: S = {
     locale: "en-US",
     options: { year: "numeric", month: "2-digit", day: "2-digit" }
   },
   dateSeparator: I = "/",
-  pageSizeOptions: be = [50, 100, 500, 1e3, 0],
-  defaultPageSize: _e
+  pageSizeOptions: _e = [50, 100, 500, 1e3, 0],
+  defaultPageSize: ve
 }) {
-  const Q = Z(!1), ee = Z(!1), ae = Z(!1), Y = Z(!1), De = 50, [se, xe] = v(!0), [le, Ue] = v([]), [g, Ve] = v([]), [U, te] = v([]), [ve, ke] = v(!1), [z, V] = v(1), je = Array.isArray(be) && be.length > 0 ? be : [50, 100, 500, 1e3, 0], Ne = _e !== void 0 && je.includes(_e) ? _e : je[0] || 50, [N, He] = v(Ne), [Se, Ce] = v(!1), [A, re] = v([]), [ie, ce] = v({}), [n, i] = v([]), [m, b] = v(() => {
-    const e = String(d || "light").toLowerCase();
+  const ee = Q(!1), te = Q(!1), ae = Q(!1), q = Q(!1), Me = 50, [le, xe] = x(!0), [ie, Ve] = x([]), [g, Ue] = x([]), [U, re] = x([]), [ke, je] = x(!1), [z, H] = x(1), Ne = Array.isArray(_e) && _e.length > 0 ? _e : [50, 100, 500, 1e3, 0], Ce = ve !== void 0 && Ne.includes(ve) ? ve : Ne[0] || 50, [N, He] = x(Ce), [Se, Re] = x(!1), [O, ne] = x([]), [ce, ue] = x({}), [o, i] = x([]), [f, b] = x(() => {
+    const e = String(p || "light").toLowerCase();
     return e === "dark" || e === "purple" ? e : "light";
-  }), [G, ue] = v({
+  }), [G, de] = x({
     groupBy: !1,
     aggregates: !1
-  }), [y, q] = v({}), de = $t(y), [$, _t] = v({ key: null, direction: "asc" }), [ne, Re] = v([]), [Me, Pe] = v({}), [xt, D] = Ft(), Ze = Z(null), [vt, kt] = v(0), Le = Z(null), [Qe, et] = v(0), [tt, jt] = v(0), he = Z(null), [Nt, rt] = v(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(max-width: 767.98px)").matches), Ye = String(S || "INR").toUpperCase() === "USD" ? "USD" : "INR", nt = Ye === "USD" ? "en-US" : "en-IN", ot = C?.locale || "en-US", at = H(
-    () => C?.options || {
+  }), [y, J] = x({}), he = Wt(y), [$, vt] = x({ key: null, direction: "asc" }), [oe, Te] = x([]), [Pe, Be] = x({}), [xt, D] = Ft(), Ze = Q(null), [kt, jt] = x(0), Le = Q(null), [Qe, et] = x(0), [tt, Nt] = x(0), pe = Q(null), [Ct, rt] = x(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(max-width: 767.98px)").matches), Ye = String(C || "INR").toUpperCase() === "USD" ? "USD" : "INR", nt = Ye === "USD" ? "en-US" : "en-IN", ot = S?.locale || "en-US", st = Y(
+    () => S?.options || {
       year: "numeric",
       month: "2-digit",
       day: "2-digit"
     },
-    [C]
-  ), Be = k || p || "awesome-grid";
-  B(() => {
-    N > 100 && ke(!0);
-  }, [N]), B(() => {
+    [S]
+  ), V = k || m || "awesome-grid";
+  L(() => {
+    N > 100 && je(!0);
+  }, [N]), L(() => {
     let e = !0;
     const t = new AbortController();
     return (async () => {
       try {
-        ke(!0);
-        const o = new URLSearchParams({
+        je(!0);
+        const n = new URLSearchParams({
           page: String(z),
           pageSize: String(N)
-        }), s = await fetch(`${p}?${o.toString()}`, {
+        }), a = await fetch(`${m}?${n.toString()}`, {
           signal: t.signal
         });
-        if (!s.ok)
-          throw new Error(`Request failed: ${s.status} ${s.statusText}`);
-        const l = await s.json();
+        if (!a.ok)
+          throw new Error(`Request failed: ${a.status} ${a.statusText}`);
+        const l = await a.json();
         if (!e) return;
-        const f = (Array.isArray(l?.data) ? l.data : []).map((u) => Jr(u)), _ = l?.columns || [], x = j.filter((u) => u && u.key && typeof u.formula == "function").map((u) => ({
-          key: Oe(u.key),
-          label: u.label || u.key,
-          formula: u.formula
-        })), c = _.map((u) => {
-          const E = typeof u == "string" ? u : u.key;
+        const u = (Array.isArray(l?.data) ? l.data : []).map((h) => Kr(h)), _ = l?.columns || [], v = j.filter((h) => h && h.key && typeof h.formula == "function").map((h) => ({
+          key: De(h.key),
+          label: h.label || h.key,
+          formula: h.formula
+        })), d = _.map((h) => {
+          const T = typeof h == "string" ? h : h.key;
           return {
-            key: Oe(E),
-            label: u.label || E.replace(/_/g, " ").replace(/\b\w/g, (W) => W.toUpperCase())
+            key: De(T),
+            label: h.label || T.replace(/_/g, " ").replace(/\b\w/g, (F) => F.toUpperCase())
           };
         }), R = [
-          ...c,
-          ...x.filter((u) => !c.some((E) => E.key === u.key)).map(({ key: u, label: E }) => ({ key: u, label: E }))
-        ], O = f.map((u) => {
-          const E = { ...u };
-          return x.forEach((W) => {
+          ...d,
+          ...v.filter((h) => !d.some((T) => T.key === h.key)).map(({ key: h, label: T }) => ({ key: h, label: T }))
+        ], A = u.map((h) => {
+          const T = { ...h };
+          return v.forEach((F) => {
             try {
-              E[W.key] = W.formula(u);
-            } catch (ge) {
-              E[W.key] = "", console.error(`Failed computed column formula for '${W.key}'`, ge);
+              T[F.key] = F.formula(h);
+            } catch (we) {
+              T[F.key] = "", console.error(`Failed computed column formula for '${F.key}'`, we);
             }
-          }), E;
+          }), T;
         });
-        if (Ue(O), Ve(R), !Q.current && !Y.current) {
-          const u = R.map((E) => E.key);
-          te(u), Re(u), Q.current = !0;
+        if (Ve(A), Ue(R), !ee.current && !q.current) {
+          const h = R.map((T) => T.key);
+          re(h), Te(h), ee.current = !0;
         }
-      } catch (o) {
-        if (o?.name === "AbortError") return;
-        console.error("Failed to load grid data", o);
+      } catch (n) {
+        if (n?.name === "AbortError") return;
+        console.error("Failed to load grid data", n);
       } finally {
-        e && ke(!1);
+        e && je(!1);
       }
     })(), () => {
       e = !1, t.abort();
     };
-  }, [p, z, N, j]), B(() => {
-    if (g.length > 0 && U.length === 0 && !Y.current) {
+  }, [m, z, N, j]), L(() => {
+    if (g.length > 0 && U.length === 0 && !q.current) {
       const e = g.map((t) => t.key);
-      te(e), Re(e), Q.current = !0;
+      re(e), Te(e), ee.current = !0;
     }
-  }, [g, U]), B(() => {
+  }, [g, U]), L(() => {
     if (!g.length) return;
     const e = g.map((t) => t.key);
-    Re((t) => {
-      const o = t.filter((l) => e.includes(l)), s = e.filter((l) => !o.includes(l));
-      return [...o, ...s];
-    }), te((t) => {
+    Te((t) => {
+      const n = t.filter((l) => e.includes(l)), a = e.filter((l) => !n.includes(l));
+      return [...n, ...a];
+    }), re((t) => {
       if (!t.length) return e;
-      const o = t.filter((l) => e.includes(l)), s = e.filter((l) => !o.includes(l));
-      return [...o, ...s];
+      const n = t.filter((l) => e.includes(l)), a = e.filter((l) => !n.includes(l));
+      return [...n, ...a];
     });
-  }, [g]), B(() => {
+  }, [g]), L(() => {
     if (!g.length) return;
     const e = new Set(g.map((t) => t.key));
-    re((t) => t.filter((o) => e.has(o)));
-  }, [g]), B(() => {
-    const e = () => V(1);
+    ne((t) => t.filter((n) => e.has(n)));
+  }, [g]), L(() => {
+    const e = () => H(1);
     return window.addEventListener("refreshTable", e), () => window.removeEventListener("refreshTable", e);
-  }, []), B(() => {
+  }, []), L(() => {
     let e = !1;
-    return ee.current = !1, ae.current = !1, Y.current = !1, (async () => {
+    return te.current = !1, ae.current = !1, q.current = !1, (async () => {
       try {
-        const t = await Qr(Be);
+        let t = await en(V);
+        if (!t && typeof localStorage < "u") {
+          const n = {
+            columnOrder: `columnOrder_${V}`,
+            visibleColumns: `visibleColumns_${V}`,
+            groupByColumns: `groupByColumns_${V}`,
+            totalColumns: `totalColumns_${V}`,
+            selectedTheme: `theme_${V}`,
+            columnWidthOverrides: `columnWidths_${V}`
+          }, a = Object.fromEntries(
+            Object.entries(n).map(([c, u]) => [c, localStorage.getItem(u)])
+          );
+          if (Object.values(a).some((c) => c !== null)) {
+            const c = {
+              columnOrder: a.columnOrder ? JSON.parse(a.columnOrder) : void 0,
+              visibleColumns: a.visibleColumns ? JSON.parse(a.visibleColumns) : void 0,
+              groupByColumns: a.groupByColumns ? JSON.parse(a.groupByColumns) : void 0,
+              totalColumns: a.totalColumns ? JSON.parse(a.totalColumns) : void 0,
+              selectedTheme: a.selectedTheme || void 0,
+              columnWidthOverrides: a.columnWidthOverrides ? JSON.parse(a.columnWidthOverrides) : void 0
+            };
+            await bt(V, c), t = c, Object.values(n).forEach((u) => localStorage.removeItem(u));
+          }
+        }
         if (e) return;
         if (t && typeof t == "object")
-          if (Y.current = !0, Array.isArray(t.columnOrder) && (Re(t.columnOrder), Q.current = !0), Array.isArray(t.visibleColumns) && te(t.visibleColumns), Array.isArray(t.groupByColumns) && re(t.groupByColumns), Array.isArray(t.totalColumns) && (i(t.totalColumns), ee.current = !0), t.columnWidthOverrides && typeof t.columnWidthOverrides == "object" && Pe(t.columnWidthOverrides), t.selectedTheme === "light" || t.selectedTheme === "dark" || t.selectedTheme === "purple")
+          if (q.current = !0, Array.isArray(t.columnOrder) && (Te(t.columnOrder), ee.current = !0), Array.isArray(t.visibleColumns) && re(t.visibleColumns), Array.isArray(t.groupByColumns) && ne(t.groupByColumns), Array.isArray(t.totalColumns) && (i(t.totalColumns), te.current = !0), t.columnWidthOverrides && typeof t.columnWidthOverrides == "object" && Be(t.columnWidthOverrides), t.selectedTheme === "light" || t.selectedTheme === "dark" || t.selectedTheme === "purple")
             b(t.selectedTheme);
           else {
-            const o = String(d || "light").toLowerCase();
+            const n = String(p || "light").toLowerCase();
             b(
-              o === "dark" || o === "purple" ? o : "light"
+              n === "dark" || n === "purple" ? n : "light"
             );
           }
         else {
-          const o = String(d || "light").toLowerCase();
+          const n = String(p || "light").toLowerCase();
           b(
-            o === "dark" || o === "purple" ? o : "light"
+            n === "dark" || n === "purple" ? n : "light"
           );
         }
       } catch (t) {
@@ -539,28 +562,28 @@ function rn({
     })(), () => {
       e = !0;
     };
-  }, [Be, d]), B(() => {
+  }, [V, p]), L(() => {
     if (!ae.current) return;
-    en(Be, {
-      columnOrder: ne,
+    bt(V, {
+      columnOrder: oe,
       visibleColumns: U,
-      groupByColumns: A,
-      totalColumns: n,
-      selectedTheme: m,
-      columnWidthOverrides: Me
+      groupByColumns: O,
+      totalColumns: o,
+      selectedTheme: f,
+      columnWidthOverrides: Pe
     }).catch((t) => {
       console.error("Failed to save preferences", t);
     });
   }, [
-    Be,
-    ne,
+    V,
+    oe,
     U,
-    A,
-    n,
-    m,
-    Me
+    O,
+    o,
+    f,
+    Pe
   ]);
-  const oe = (e, t) => e[t] ?? "", pe = we(
+  const se = (e, t) => e[t] ?? "", me = ye(
     (e) => {
       const t = Number(e);
       return Number.isNaN(t) ? "" : new Intl.NumberFormat(nt, {
@@ -570,25 +593,25 @@ function rn({
       }).format(t);
     },
     [nt, Ye]
-  ), St = we(
+  ), St = ye(
     (e) => {
       const t = new Date(e);
-      return Number.isNaN(t.getTime()) ? e ?? "" : new Intl.DateTimeFormat(ot, at).formatToParts(t).filter((s) => s.type === "year" || s.type === "month" || s.type === "day").map((s) => s.value).join(I);
+      return Number.isNaN(t.getTime()) ? e ?? "" : new Intl.DateTimeFormat(ot, st).formatToParts(t).filter((a) => a.type === "year" || a.type === "month" || a.type === "day").map((a) => a.value).join(I);
     },
-    [ot, at, I]
-  ), X = we(
+    [ot, st, I]
+  ), X = ye(
     (e) => {
-      const t = le[0]?.[e];
+      const t = ie[0]?.[e];
       return t == null ? "text" : isNaN(Number(t)) ? isNaN(Date.parse(t)) ? "text" : "date" : "number";
     },
-    [le]
-  ), st = (e) => {
+    [ie]
+  ), at = (e) => {
     const t = new Date(e);
     return Number.isNaN(t.getTime()) ? null : `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(
       t.getDate()
     ).padStart(2, "0")}`;
-  }, Ie = H(() => g.filter((e) => X(e.key) === "number"), [g, X]);
-  B(() => {
+  }, Ie = Y(() => g.filter((e) => X(e.key) === "number"), [g, X]);
+  L(() => {
     if (!g.length) return;
     const e = Ie.map((t) => t.key);
     if (!e.length) {
@@ -596,320 +619,320 @@ function rn({
       return;
     }
     i((t) => {
-      const o = new Set(e);
-      return ee.current ? t.filter((s) => o.has(s)) : (ee.current = !0, e);
+      const n = new Set(e);
+      return te.current ? t.filter((a) => n.has(a)) : (te.current = !0, e);
     });
   }, [g.length, Ie]);
   const Ee = (e, t) => {
     D(() => {
-      q((o) => ({
-        ...o,
-        [e]: { ...o[e], ...t }
-      })), V(1);
+      J((n) => ({
+        ...n,
+        [e]: { ...n[e], ...t }
+      })), H(1);
     });
-  }, Ct = () => {
+  }, Rt = () => {
     D(() => {
-      q({}), V(1);
+      J({}), H(1);
     });
-  }, qe = H(() => le.filter(
-    (e) => Object.entries(de).every(([t, o]) => {
-      if (!(o?.value !== void 0 && o?.value !== null && String(o.value).trim() !== "")) return !0;
-      const l = oe(e, t);
-      if (o.type === "number") {
-        const h = Number(l), f = Number(o.value), _ = o.op || "=";
-        return Number.isNaN(h) || Number.isNaN(f) ? !0 : _ === "=" ? h === f : _ === ">" ? h > f : _ === "<" ? h < f : _ === "!=" ? h !== f : !0;
+  }, qe = Y(() => ie.filter(
+    (e) => Object.entries(he).every(([t, n]) => {
+      if (!(n?.value !== void 0 && n?.value !== null && String(n.value).trim() !== "")) return !0;
+      const l = se(e, t);
+      if (n.type === "number") {
+        const c = Number(l), u = Number(n.value), _ = n.op || "=";
+        return Number.isNaN(c) || Number.isNaN(u) ? !0 : _ === "=" ? c === u : _ === ">" ? c > u : _ === "<" ? c < u : _ === "!=" ? c !== u : !0;
       }
-      if (o.type === "date") {
-        const h = st(l), f = st(o.value), _ = o.op || "=";
-        return !h || !f ? !0 : _ === "=" ? h === f : _ === ">" ? h > f : _ === "<" ? h < f : _ === "!=" ? h !== f : !0;
+      if (n.type === "date") {
+        const c = at(l), u = at(n.value), _ = n.op || "=";
+        return !c || !u ? !0 : _ === "=" ? c === u : _ === ">" ? c > u : _ === "<" ? c < u : _ === "!=" ? c !== u : !0;
       }
-      return String(l).toLowerCase().includes(String(o.value).toLowerCase());
+      return String(l).toLowerCase().includes(String(n.value).toLowerCase());
     })
-  ), [le, de]), Rt = (e) => {
+  ), [ie, he]), Tt = (e) => {
     D(() => {
-      _t((t) => ({
+      vt((t) => ({
         key: e,
         direction: t.key === e && t.direction === "asc" ? "desc" : "asc"
       }));
     });
-  }, M = H(() => {
+  }, M = Y(() => {
     if (!$.key) return qe;
     const e = X($.key);
-    return [...qe].sort((t, o) => {
-      const s = oe(t, $.key), l = oe(o, $.key), h = e === "date" ? new Date(s).getTime() : isNaN(Number(s)) ? s : Number(s), f = e === "date" ? new Date(l).getTime() : isNaN(Number(l)) ? l : Number(l);
-      return h < f ? $.direction === "asc" ? -1 : 1 : h > f ? $.direction === "asc" ? 1 : -1 : 0;
+    return [...qe].sort((t, n) => {
+      const a = se(t, $.key), l = se(n, $.key), c = e === "date" ? new Date(a).getTime() : isNaN(Number(a)) ? a : Number(a), u = e === "date" ? new Date(l).getTime() : isNaN(Number(l)) ? l : Number(l);
+      return c < u ? $.direction === "asc" ? -1 : 1 : c > u ? $.direction === "asc" ? 1 : -1 : 0;
     });
-  }, [qe, $, X]), $e = H(() => {
-    if (!se) return null;
+  }, [qe, $, X]), $e = Y(() => {
+    if (!le) return null;
     const e = {};
     return g.forEach((t) => {
-      X(t.key) === "number" && n.includes(t.key) && (e[t.key] = M.reduce(
-        (o, s) => o + Number(s[t.key] || 0),
+      X(t.key) === "number" && o.includes(t.key) && (e[t.key] = M.reduce(
+        (n, a) => n + Number(a[t.key] || 0),
         0
       ));
     }), e;
-  }, [se, M, g, X, n]), Fe = N === J ? M.length : Math.min(N, De), Xe = N === J ? 1 : Math.ceil(M.length / Fe), K = H(() => {
-    if (N === J) return M;
-    const e = (z - 1) * Fe;
-    return M.slice(e, e + Fe);
-  }, [M, z, N, Fe]), P = A.length > 0, F = !P && N === J && !Nt, Et = (e) => {
+  }, [le, M, g, X, o]), We = N === K ? M.length : Math.min(N, Me), Je = N === K ? 1 : Math.ceil(M.length / We), Z = Y(() => {
+    if (N === K) return M;
+    const e = (z - 1) * We;
+    return M.slice(e, e + We);
+  }, [M, z, N, We]), P = O.length > 0, W = !P && N === K && !Ct, Et = (e) => {
     D(() => {
-      re(
-        (t) => t.includes(e) ? t.filter((o) => o !== e) : [...t, e]
-      ), ce({}), V(1);
+      ne(
+        (t) => t.includes(e) ? t.filter((n) => n !== e) : [...t, e]
+      ), ue({}), H(1);
     });
-  }, Tt = (e) => {
-    ce((t) => ({
+  }, Ot = (e) => {
+    ue((t) => ({
       ...t,
       [e]: !t[e]
     }));
   }, At = (e) => {
     D(() => {
       i(
-        (t) => t.includes(e) ? t.filter((o) => o !== e) : [...t, e]
+        (t) => t.includes(e) ? t.filter((n) => n !== e) : [...t, e]
       );
     });
-  }, lt = we(
+  }, lt = ye(
     (e) => {
       const t = {};
-      return n.forEach((o) => {
-        const s = e.map((x) => Number(x[o])).filter((x) => !Number.isNaN(x));
-        if (!s.length) return;
-        const l = s.reduce((x, c) => x + c, 0), h = Math.min(...s), f = Math.max(...s), _ = l / s.length;
-        t[o] = {
-          count: s.length,
+      return o.forEach((n) => {
+        const a = e.map((v) => Number(v[n])).filter((v) => !Number.isNaN(v));
+        if (!a.length) return;
+        const l = a.reduce((v, d) => v + d, 0), c = Math.min(...a), u = Math.max(...a), _ = l / a.length;
+        t[n] = {
+          count: a.length,
           sum: l,
           avg: _,
-          min: h,
-          max: f
+          min: c,
+          max: u
         };
       }), t;
     },
-    [n]
-  ), Je = H(() => {
+    [o]
+  ), Xe = Y(() => {
     if (!P) return [];
-    const e = [], t = M, o = (s, l, h) => {
-      const f = A[l], _ = /* @__PURE__ */ new Map();
-      s.forEach((x) => {
-        const c = oe(x, f), R = c == null || c === "" ? "(Blank)" : String(c);
-        _.has(R) || _.set(R, []), _.get(R).push(x);
-      }), Array.from(_.entries()).forEach(([x, c], R) => {
-        const O = `${h}${f}:${x}:${R}`;
+    const e = [], t = M, n = (a, l, c) => {
+      const u = O[l], _ = /* @__PURE__ */ new Map();
+      a.forEach((v) => {
+        const d = se(v, u), R = d == null || d === "" ? "(Blank)" : String(d);
+        _.has(R) || _.set(R, []), _.get(R).push(v);
+      }), Array.from(_.entries()).forEach(([v, d], R) => {
+        const A = `${c}${u}:${v}:${R}`;
         if (e.push({
           type: "group",
-          id: O,
-          groupKey: f,
-          groupValue: x,
+          id: A,
+          groupKey: u,
+          groupValue: v,
           level: l,
-          count: c.length,
-          aggregates: lt(c)
-        }), !ie[O]) {
-          if (l < A.length - 1) {
-            o(c, l + 1, `${O}|`);
+          count: d.length,
+          aggregates: lt(d)
+        }), !ce[A]) {
+          if (l < O.length - 1) {
+            n(d, l + 1, `${A}|`);
             return;
           }
-          c.forEach((u, E) => {
-            const W = u[Oe(w)] ?? u[w] ?? E;
+          d.forEach((h, T) => {
+            const F = h[De(w)] ?? h[w] ?? T;
             e.push({
               type: "row",
-              id: `${O}|row:${W}:${E}`,
-              row: u
+              id: `${A}|row:${F}:${T}`,
+              row: h
             });
           });
         }
       });
     };
-    return o(t, 0, ""), e;
+    return n(t, 0, ""), e;
   }, [
     P,
     M,
-    A,
-    ie,
+    O,
+    ce,
     lt,
     w
-  ]), Ot = we(
+  ]), Dt = ye(
     (e) => {
-      F && et(e.currentTarget.scrollTop);
+      W && et(e.currentTarget.scrollTop);
     },
-    [F]
+    [W]
   );
   pt(() => {
-    if (!F) return;
+    if (!W) return;
     const e = Le.current;
     if (!e) return;
-    const t = () => jt(e.clientHeight || 0);
+    const t = () => Nt(e.clientHeight || 0);
     return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
-  }, [F]), B(() => {
+  }, [W]), L(() => {
     et(0), Le.current && (Le.current.scrollTop = 0);
-  }, [F, M.length]);
-  const me = H(() => {
-    if (!F)
+  }, [W, M.length]);
+  const fe = Y(() => {
+    if (!W)
       return {
         start: 0,
-        end: K.length,
-        rows: K,
+        end: Z.length,
+        rows: Z,
         topSpacer: 0,
         bottomSpacer: 0
       };
-    const e = K.length, t = Math.ceil((tt || 1) / ze), o = Math.max(
+    const e = Z.length, t = Math.ceil((tt || 1) / ze), n = Math.max(
       0,
       Math.floor(Qe / ze) - yt
-    ), s = Math.min(
+    ), a = Math.min(
       e,
-      o + t + yt * 2
+      n + t + yt * 2
     );
     return {
-      start: o,
-      end: s,
-      rows: K.slice(o, s),
-      topSpacer: o * ze,
-      bottomSpacer: Math.max(0, (e - s) * ze)
+      start: n,
+      end: a,
+      rows: Z.slice(n, a),
+      topSpacer: n * ze,
+      bottomSpacer: Math.max(0, (e - a) * ze)
     };
-  }, [F, K, Qe, tt]), it = we(
-    (e) => Object.entries(e || {}).map(([t, o]) => `${g.find((l) => l.key === t)?.label || t}: Σ ${pe(o.sum)} | Avg ${pe(o.avg)} | Min ${pe(o.min)} | Max ${pe(o.max)}`),
-    [g, pe]
-  ), Dt = () => {
+  }, [W, Z, Qe, tt]), it = ye(
+    (e) => Object.entries(e || {}).map(([t, n]) => `${g.find((l) => l.key === t)?.label || t}: Σ ${me(n.sum)} | Avg ${me(n.avg)} | Min ${me(n.min)} | Max ${me(n.max)}`),
+    [g, me]
+  ), Mt = () => {
     try {
-      const e = L.filter(
-        (c) => U.includes(c.key)
-      ), t = (c) => {
-        const O = String(c ?? "").replace(/"/g, '""');
-        return /[",\n\r]/.test(O) ? `"${O}"` : O;
-      }, o = P ? Je.map((c) => {
-        if (c.type === "group") {
-          const u = g.find((ge) => ge.key === c.groupKey)?.label || c.groupKey, E = it(c.aggregates).join(" || "), W = {};
-          return e.forEach((ge, ht) => {
+      const e = B.filter(
+        (d) => U.includes(d.key)
+      ), t = (d) => {
+        const A = String(d ?? "").replace(/"/g, '""');
+        return /[",\n\r]/.test(A) ? `"${A}"` : A;
+      }, n = P ? Xe.map((d) => {
+        if (d.type === "group") {
+          const h = g.find((we) => we.key === d.groupKey)?.label || d.groupKey, T = it(d.aggregates).join(" || "), F = {};
+          return e.forEach((we, ht) => {
             if (ht === 0) {
-              W[ge.key] = `GROUP ${u}: ${c.groupValue} (${c.count})`;
+              F[we.key] = `GROUP ${h}: ${d.groupValue} (${d.count})`;
               return;
             }
-            W[ge.key] = ht === 1 ? E : "";
-          }), W;
+            F[we.key] = ht === 1 ? T : "";
+          }), F;
         }
-        const R = {}, O = c.row;
-        return e.forEach((u) => {
-          R[u.key] = oe(O, u.key);
+        const R = {}, A = d.row;
+        return e.forEach((h) => {
+          R[h.key] = se(A, h.key);
         }), R;
-      }) : M.map((c) => {
+      }) : M.map((d) => {
         const R = {};
-        return e.forEach((O) => {
-          R[O.key] = oe(c, O.key);
+        return e.forEach((A) => {
+          R[A.key] = se(d, A.key);
         }), R;
-      }), s = e.map((c) => t(c.label)).join(","), l = o.map(
-        (c) => e.map((R) => t(c[R.key])).join(",")
+      }), a = e.map((d) => t(d.label)).join(","), l = n.map(
+        (d) => e.map((R) => t(d[R.key])).join(",")
       ).join(`\r
-`), h = `\uFEFF${s}\r
-${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObjectURL(f), x = document.createElement("a");
-      x.href = _, x.download = "TableData.csv", document.body.appendChild(x), x.click(), document.body.removeChild(x), URL.revokeObjectURL(_);
+`), c = `\uFEFF${a}\r
+${l}`, u = new Blob([c], { type: "text/csv;charset=utf-8;" }), _ = URL.createObjectURL(u), v = document.createElement("a");
+      v.href = _, v.download = "TableData.csv", document.body.appendChild(v), v.click(), document.body.removeChild(v), URL.revokeObjectURL(_);
     } catch (e) {
       console.error("Failed to export CSV", e);
     }
   }, ct = (e, t) => {
     e.dataTransfer.setData("colKey", t);
   }, ut = (e, t) => {
-    const o = e.dataTransfer.getData("colKey");
-    !o || o === t || D(() => {
-      Re((s) => {
-        const l = [...s], h = l.indexOf(o), f = l.indexOf(t);
-        return l.splice(h, 1), l.splice(f, 0, o), l;
+    const n = e.dataTransfer.getData("colKey");
+    !n || n === t || D(() => {
+      Te((a) => {
+        const l = [...a], c = l.indexOf(n), u = l.indexOf(t);
+        return l.splice(c, 1), l.splice(u, 0, n), l;
       });
     });
-  }, dt = (e) => e.preventDefault(), L = H(() => ne.map((e) => g.find((t) => t.key === e)).filter((e) => e && U.includes(e.key)), [g, ne, U]), fe = H(() => {
-    const s = "14px system-ui", l = {};
-    return L.forEach((h) => {
-      const f = Ke(h.label, s), _ = Math.min(
+  }, dt = (e) => e.preventDefault(), B = Y(() => oe.map((e) => g.find((t) => t.key === e)).filter((e) => e && U.includes(e.key)), [g, oe, U]), ge = Y(() => {
+    const a = "14px system-ui", l = {};
+    return B.forEach((c) => {
+      const u = Ke(c.label, a), _ = Math.min(
         320,
-        Math.max(Ge, f + 32 + 48)
+        Math.max(Ge, u + 32 + 48)
       );
-      l[h.key] = Math.max(
+      l[c.key] = Math.max(
         Ge,
-        Me[h.key] ?? _
+        Pe[c.key] ?? _
       );
     }), l;
-  }, [L, Me]);
-  B(() => {
+  }, [B, Pe]);
+  L(() => {
     if (!g.length) return;
     const e = new Set(g.map((t) => t.key));
-    Pe((t) => {
-      const o = {};
-      return Object.entries(t).forEach(([s, l]) => {
-        e.has(s) && (o[s] = l);
-      }), o;
+    Be((t) => {
+      const n = {};
+      return Object.entries(t).forEach(([a, l]) => {
+        e.has(a) && (n[a] = l);
+      }), n;
     });
   }, [g]);
-  const Mt = (e, t) => {
+  const Pt = (e, t) => {
     if (e.preventDefault(), e.stopPropagation(), e.button !== void 0 && e.button !== 0) return;
-    const o = e.clientX, s = fe[t] || Ge;
-    he.current = { key: t, startX: o, startWidth: s }, document.body.style.cursor = "col-resize";
-    const l = (f) => {
-      if (!he.current) return;
-      const _ = f.clientX - he.current.startX, x = Math.max(
+    const n = e.clientX, a = ge[t] || Ge;
+    pe.current = { key: t, startX: n, startWidth: a }, document.body.style.cursor = "col-resize";
+    const l = (u) => {
+      if (!pe.current) return;
+      const _ = u.clientX - pe.current.startX, v = Math.max(
         Ge,
-        he.current.startWidth + _
+        pe.current.startWidth + _
       );
-      Pe((c) => ({
-        ...c,
-        [he.current.key]: x
+      Be((d) => ({
+        ...d,
+        [pe.current.key]: v
       }));
-    }, h = () => {
-      he.current = null, document.body.style.cursor = "", window.removeEventListener("pointermove", l), window.removeEventListener("pointerup", h);
+    }, c = () => {
+      pe.current = null, document.body.style.cursor = "", window.removeEventListener("pointermove", l), window.removeEventListener("pointerup", c);
     };
-    window.addEventListener("pointermove", l), window.addEventListener("pointerup", h);
-  }, Pt = (e, t) => {
-    e.preventDefault(), e.stopPropagation(), Pe((o) => {
-      const s = { ...o };
-      return delete s[t], s;
+    window.addEventListener("pointermove", l), window.addEventListener("pointerup", c);
+  }, Bt = (e, t) => {
+    e.preventDefault(), e.stopPropagation(), Be((n) => {
+      const a = { ...n };
+      return delete a[t], a;
     });
-  }, Lt = ve || xt, Bt = m === "dark" ? a.themeDark : m === "purple" ? a.themePurple : a.themeLight;
+  }, Lt = ke || xt, It = f === "dark" ? s.themeDark : f === "purple" ? s.themePurple : s.themeLight;
   return pt(() => {
     const e = () => {
-      kt(Ze.current?.offsetHeight || 0);
+      jt(Ze.current?.offsetHeight || 0);
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-  }, [L.length]), B(() => {
+  }, [B.length]), L(() => {
     if (typeof window > "u" || typeof window.matchMedia != "function") return;
-    const e = window.matchMedia("(max-width: 767.98px)"), t = (o) => rt(o.matches);
+    const e = window.matchMedia("(max-width: 767.98px)"), t = (n) => rt(n.matches);
     return rt(e.matches), e.addEventListener("change", t), () => e.removeEventListener("change", t);
-  }, []), /* @__PURE__ */ r.jsxs("div", { className: T(a.container, Bt), children: [
-    /* @__PURE__ */ r.jsxs("div", { className: a.headerRow, children: [
-      /* @__PURE__ */ r.jsxs("div", { className: T(a.flexRow, a.toolbarGroup), children: [
-        /* @__PURE__ */ r.jsx("label", { className: a.labelMuted, children: "Rows:" }),
+  }, []), /* @__PURE__ */ r.jsxs("div", { className: E(s.container, It), children: [
+    /* @__PURE__ */ r.jsxs("div", { className: s.headerRow, children: [
+      /* @__PURE__ */ r.jsxs("div", { className: E(s.flexRow, s.toolbarGroup), children: [
+        /* @__PURE__ */ r.jsx("label", { className: s.labelMuted, children: "Rows:" }),
         /* @__PURE__ */ r.jsx(
           "select",
           {
-            className: T(a.selectSmall, a.selectAuto),
+            className: E(s.selectSmall, s.selectAuto),
             value: N,
             onChange: (e) => D(() => {
-              He(Number(e.target.value)), V(1);
+              He(Number(e.target.value)), H(1);
             }),
-            children: je.map((e) => /* @__PURE__ */ r.jsx("option", { value: e, children: e === J ? "All" : e }, e))
+            children: Ne.map((e) => /* @__PURE__ */ r.jsx("option", { value: e, children: e === K ? "All" : e }, e))
           }
         ),
-        /* @__PURE__ */ r.jsxs("div", { className: a.switchRow, children: [
+        /* @__PURE__ */ r.jsxs("div", { className: s.switchRow, children: [
           /* @__PURE__ */ r.jsx(
             "input",
             {
-              className: a.checkbox,
+              className: s.checkbox,
               type: "checkbox",
-              checked: se,
+              checked: le,
               onChange: (e) => D(() => xe(e.target.checked))
             }
           ),
-          /* @__PURE__ */ r.jsx("label", { className: a.labelMuted, children: "Show Totals" })
+          /* @__PURE__ */ r.jsx("label", { className: s.labelMuted, children: "Show Totals" })
         ] }),
-        /* @__PURE__ */ r.jsxs("div", { className: a.groupingSummary, children: [
-          /* @__PURE__ */ r.jsxs("span", { className: a.labelMuted, children: [
+        /* @__PURE__ */ r.jsxs("div", { className: s.groupingSummary, children: [
+          /* @__PURE__ */ r.jsxs("span", { className: s.labelMuted, children: [
             "Group By:",
             " ",
-            A.length ? A.map((e) => g.find((t) => t.key === e)?.label || e).join(" > ") : "None"
+            O.length ? O.map((e) => g.find((t) => t.key === e)?.label || e).join(" > ") : "None"
           ] }),
-          A.length > 0 && /* @__PURE__ */ r.jsx(
+          O.length > 0 && /* @__PURE__ */ r.jsx(
             "button",
             {
-              className: T(a.buttonBase, a.buttonMuted),
+              className: E(s.buttonBase, s.buttonMuted),
               onClick: () => {
                 D(() => {
-                  re([]), ce({});
+                  ne([]), ue({});
                 });
               },
               children: "Clear Groups"
@@ -917,13 +940,13 @@ ${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObj
           )
         ] })
       ] }),
-      /* @__PURE__ */ r.jsxs("div", { className: T(a.flexRow, a.toolbarGroup), children: [
+      /* @__PURE__ */ r.jsxs("div", { className: E(s.flexRow, s.toolbarGroup), children: [
         /* @__PURE__ */ r.jsxs(
           "button",
           {
-            className: T(a.buttonBase, a.buttonDanger),
+            className: E(s.buttonBase, s.buttonDanger),
             disabled: !Object.values(y).some((e) => e?.value),
-            onClick: Ct,
+            onClick: Rt,
             children: [
               "✕",
               " ",
@@ -938,14 +961,14 @@ ${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObj
               "⬇",
               " Export"
             ] }),
-            children: /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx("button", { className: a.menuItemButton, onClick: Dt, children: "Export to CSV" }) })
+            children: /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx("button", { className: s.menuItemButton, onClick: Mt, children: "Export to CSV" }) })
           }
         ),
         /* @__PURE__ */ r.jsxs(
           "button",
           {
-            className: T(a.buttonBase, a.buttonMuted),
-            onClick: () => Ce(!0),
+            className: E(s.buttonBase, s.buttonMuted),
+            onClick: () => Re(!0),
             children: [
               "☰",
               " ",
@@ -964,10 +987,10 @@ ${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObj
               /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
                 "button",
                 {
-                  className: a.menuItemButton,
+                  className: s.menuItemButton,
                   onClick: () => b("light"),
                   children: [
-                    m === "light" ? "✓ " : "",
+                    f === "light" ? "✓ " : "",
                     "Light"
                   ]
                 }
@@ -975,10 +998,10 @@ ${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObj
               /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
                 "button",
                 {
-                  className: a.menuItemButton,
+                  className: s.menuItemButton,
                   onClick: () => b("dark"),
                   children: [
-                    m === "dark" ? "✓ " : "",
+                    f === "dark" ? "✓ " : "",
                     "Dark"
                   ]
                 }
@@ -986,10 +1009,10 @@ ${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObj
               /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
                 "button",
                 {
-                  className: a.menuItemButton,
+                  className: s.menuItemButton,
                   onClick: () => b("purple"),
                   children: [
-                    m === "purple" ? "✓ " : "",
+                    f === "purple" ? "✓ " : "",
                     "Purple"
                   ]
                 }
@@ -999,67 +1022,67 @@ ${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObj
         )
       ] })
     ] }),
-    /* @__PURE__ */ r.jsxs("div", { className: a.relative, children: [
-      /* @__PURE__ */ r.jsx("div", { className: a.srOnly, "aria-live": "polite", children: ve ? "Loading table data" : "Table updated" }),
-      Lt && /* @__PURE__ */ r.jsx("div", { className: a.overlay, children: /* @__PURE__ */ r.jsxs(
+    /* @__PURE__ */ r.jsxs("div", { className: s.relative, children: [
+      /* @__PURE__ */ r.jsx("div", { className: s.srOnly, "aria-live": "polite", children: ke ? "Loading table data" : "Table updated" }),
+      Lt && /* @__PURE__ */ r.jsx("div", { className: s.overlay, children: /* @__PURE__ */ r.jsxs(
         "div",
         {
-          className: a.overlayInner,
+          className: s.overlayInner,
           style: { top: "15%" },
           children: [
-            /* @__PURE__ */ r.jsx("div", { className: a.spinner, role: "status" }),
-            /* @__PURE__ */ r.jsx("div", { className: a.labelMuted, children: ve ? "Loading data..." : "Updating..." })
+            /* @__PURE__ */ r.jsx("div", { className: s.spinner, role: "status" }),
+            /* @__PURE__ */ r.jsx("div", { className: s.labelMuted, children: ke ? "Loading data..." : "Updating..." })
           ]
         }
       ) }),
       /* @__PURE__ */ r.jsx(
         "div",
         {
-          className: T(
-            a.tableWrap,
-            N === J && a.tableWrapAll
+          className: E(
+            s.tableWrap,
+            N === K && s.tableWrapAll
           ),
           ref: Le,
-          style: N === J ? { maxHeight: "70vh", overflowY: "auto" } : {},
-          onScroll: Ot,
+          style: N === K ? { maxHeight: "70vh", overflowY: "auto" } : {},
+          onScroll: Dt,
           children: /* @__PURE__ */ r.jsxs(
             "table",
             {
-              className: a.table,
+              className: s.table,
               style: { tableLayout: "fixed" },
               role: "grid",
-              "aria-rowcount": P ? Je.length : K.length,
-              "aria-colcount": L.length,
+              "aria-rowcount": P ? Xe.length : Z.length,
+              "aria-colcount": B.length,
               children: [
-                /* @__PURE__ */ r.jsxs("thead", { className: a.tableHead, children: [
-                  /* @__PURE__ */ r.jsx("tr", { ref: Ze, children: L.map((e) => {
-                    const t = $.key === e.key, o = t ? $.direction === "asc" ? "↑" : "↓" : "⇅";
+                /* @__PURE__ */ r.jsxs("thead", { className: s.tableHead, children: [
+                  /* @__PURE__ */ r.jsx("tr", { ref: Ze, children: B.map((e) => {
+                    const t = $.key === e.key, n = t ? $.direction === "asc" ? "↑" : "↓" : "⇅";
                     return /* @__PURE__ */ r.jsxs(
                       "th",
                       {
                         scope: "col",
                         "aria-sort": t ? $.direction === "asc" ? "ascending" : "descending" : "none",
                         draggable: !0,
-                        onDragStart: (s) => ct(s, e.key),
+                        onDragStart: (a) => ct(a, e.key),
                         onDragOver: dt,
-                        onDrop: (s) => ut(s, e.key),
+                        onDrop: (a) => ut(a, e.key),
                         style: {
-                          width: fe[e.key]
+                          width: ge[e.key]
                         },
-                        className: a.thCellTop,
+                        className: s.thCellTop,
                         children: [
-                          /* @__PURE__ */ r.jsx("div", { className: a.thInner, children: /* @__PURE__ */ r.jsxs(
+                          /* @__PURE__ */ r.jsx("div", { className: s.thInner, children: /* @__PURE__ */ r.jsxs(
                             "button",
                             {
                               type: "button",
-                              className: a.sortButton,
+                              className: s.sortButton,
                               "aria-label": `Sort by ${e.label}`,
-                              onClick: () => Rt(e.key),
+                              onClick: () => Tt(e.key),
                               children: [
                                 e.label,
-                                /* @__PURE__ */ r.jsxs("span", { className: a.iconMuted, children: [
+                                /* @__PURE__ */ r.jsxs("span", { className: s.iconMuted, children: [
                                   " ",
-                                  o
+                                  n
                                 ] })
                               ]
                             }
@@ -1067,13 +1090,13 @@ ${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObj
                           /* @__PURE__ */ r.jsx(
                             "span",
                             {
-                              className: a.resizeHandle,
+                              className: s.resizeHandle,
                               role: "separator",
                               "aria-orientation": "vertical",
                               "aria-label": `Resize ${e.label} column`,
                               tabIndex: 0,
-                              onPointerDown: (s) => Mt(s, e.key),
-                              onDoubleClick: (s) => Pt(s, e.key)
+                              onPointerDown: (a) => Pt(a, e.key),
+                              onDoubleClick: (a) => Bt(a, e.key)
                             }
                           )
                         ]
@@ -1081,18 +1104,18 @@ ${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObj
                       e.key
                     );
                   }) }),
-                  /* @__PURE__ */ r.jsx("tr", { children: L.map((e) => /* @__PURE__ */ r.jsx(
+                  /* @__PURE__ */ r.jsx("tr", { children: B.map((e) => /* @__PURE__ */ r.jsx(
                     "th",
                     {
                       style: {
-                        top: vt
+                        top: kt
                       },
-                      className: a.thCellFilter,
-                      children: X(e.key) === "number" ? /* @__PURE__ */ r.jsxs("div", { className: a.inlineGroup, children: [
+                      className: s.thCellFilter,
+                      children: X(e.key) === "number" ? /* @__PURE__ */ r.jsxs("div", { className: s.inlineGroup, children: [
                         /* @__PURE__ */ r.jsxs(
                           "select",
                           {
-                            className: T(a.selectSmall, a.selectAuto),
+                            className: E(s.selectSmall, s.selectAuto),
                             value: y[e.key]?.op || "=",
                             onChange: (t) => Ee(e.key, {
                               type: "number",
@@ -1110,7 +1133,7 @@ ${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObj
                           "input",
                           {
                             type: "number",
-                            className: a.input,
+                            className: s.input,
                             value: y[e.key]?.value || "",
                             onChange: (t) => Ee(e.key, {
                               type: "number",
@@ -1118,11 +1141,11 @@ ${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObj
                             })
                           }
                         )
-                      ] }) : X(e.key) === "date" ? /* @__PURE__ */ r.jsxs("div", { className: a.inlineGroup, children: [
+                      ] }) : X(e.key) === "date" ? /* @__PURE__ */ r.jsxs("div", { className: s.inlineGroup, children: [
                         /* @__PURE__ */ r.jsxs(
                           "select",
                           {
-                            className: T(a.selectSmall, a.selectAuto),
+                            className: E(s.selectSmall, s.selectAuto),
                             value: y[e.key]?.op || "=",
                             onChange: (t) => Ee(e.key, {
                               type: "date",
@@ -1140,7 +1163,7 @@ ${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObj
                           "input",
                           {
                             type: "date",
-                            className: a.input,
+                            className: s.input,
                             value: y[e.key]?.value || "",
                             onChange: (t) => Ee(e.key, {
                               type: "date",
@@ -1152,7 +1175,7 @@ ${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObj
                         "input",
                         {
                           type: "text",
-                          className: a.input,
+                          className: s.input,
                           placeholder: "Filter...",
                           value: y[e.key]?.value || "",
                           onChange: (t) => Ee(e.key, {
@@ -1166,34 +1189,34 @@ ${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObj
                   )) })
                 ] }),
                 /* @__PURE__ */ r.jsxs("tbody", { children: [
-                  F && me.topSpacer > 0 && /* @__PURE__ */ r.jsx("tr", { "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(
+                  W && fe.topSpacer > 0 && /* @__PURE__ */ r.jsx("tr", { "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(
                     "td",
                     {
-                      colSpan: L.length,
-                      style: { height: `${me.topSpacer}px`, padding: 0 }
+                      colSpan: B.length,
+                      style: { height: `${fe.topSpacer}px`, padding: 0 }
                     }
                   ) }),
-                  (P ? Je : F ? me.rows : K).map((e) => {
+                  (P ? Xe : W ? fe.rows : Z).map((e) => {
                     if (P && e.type === "group") {
-                      const o = g.find((h) => h.key === e.groupKey)?.label || e.groupKey, s = !!ie[e.id], l = it(e.aggregates).join(" || ");
-                      return /* @__PURE__ */ r.jsx("tr", { className: T(a.groupRow, a.groupRowAnimated), children: /* @__PURE__ */ r.jsx("td", { colSpan: L.length, children: /* @__PURE__ */ r.jsxs(
+                      const n = g.find((c) => c.key === e.groupKey)?.label || e.groupKey, a = !!ce[e.id], l = it(e.aggregates).join(" || ");
+                      return /* @__PURE__ */ r.jsx("tr", { className: E(s.groupRow, s.groupRowAnimated), children: /* @__PURE__ */ r.jsx("td", { colSpan: B.length, children: /* @__PURE__ */ r.jsxs(
                         "button",
                         {
                           type: "button",
-                          className: a.groupToggle,
-                          onClick: () => Tt(e.id),
+                          className: s.groupToggle,
+                          onClick: () => Ot(e.id),
                           children: [
                             /* @__PURE__ */ r.jsxs("span", { style: { paddingLeft: `${e.level * 18}px` }, children: [
-                              s ? "▶" : "▼",
+                              a ? "▶" : "▼",
                               " ",
-                              o,
+                              n,
                               ": ",
                               e.groupValue,
                               " (",
                               e.count,
                               ")"
                             ] }),
-                            l && /* @__PURE__ */ r.jsxs("span", { className: a.groupMeta, children: [
+                            l && /* @__PURE__ */ r.jsxs("span", { className: s.groupMeta, children: [
                               " ",
                               l
                             ] })
@@ -1205,67 +1228,67 @@ ${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObj
                     return /* @__PURE__ */ r.jsx(
                       "tr",
                       {
-                        className: T(
-                          a.rowInteractive,
-                          P && a.groupChildRow
+                        className: E(
+                          s.rowInteractive,
+                          P && s.groupChildRow
                         ),
                         tabIndex: 0,
-                        children: L.map((o) => {
-                          const s = oe(t, o.key);
-                          return typeof s == "boolean" ? /* @__PURE__ */ r.jsx(
+                        children: B.map((n) => {
+                          const a = se(t, n.key);
+                          return typeof a == "boolean" ? /* @__PURE__ */ r.jsx(
                             "td",
                             {
-                              "data-label": o.label,
-                              style: { width: fe[o.key] },
+                              "data-label": n.label,
+                              style: { width: ge[n.key] },
                               children: /* @__PURE__ */ r.jsx(
                                 "input",
                                 {
                                   type: "checkbox",
-                                  checked: s,
+                                  checked: a,
                                   disabled: !0,
-                                  className: a.checkbox
+                                  className: s.checkbox
                                 }
                               )
                             },
-                            o.key
-                          ) : X(o.key) === "date" ? /* @__PURE__ */ r.jsx(
+                            n.key
+                          ) : X(n.key) === "date" ? /* @__PURE__ */ r.jsx(
                             "td",
                             {
-                              "data-label": o.label,
-                              style: { width: fe[o.key] },
-                              children: St(s)
+                              "data-label": n.label,
+                              style: { width: ge[n.key] },
+                              children: St(a)
                             },
-                            o.key
+                            n.key
                           ) : /* @__PURE__ */ r.jsx(
                             "td",
                             {
-                              "data-label": o.label,
-                              style: { width: fe[o.key] },
-                              children: s
+                              "data-label": n.label,
+                              style: { width: ge[n.key] },
+                              children: a
                             },
-                            o.key
+                            n.key
                           );
                         })
                       },
-                      P ? e.id : t[Oe(w)] ?? t[w]
+                      P ? e.id : t[De(w)] ?? t[w]
                     );
                   }),
-                  F && me.bottomSpacer > 0 && /* @__PURE__ */ r.jsx("tr", { "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(
+                  W && fe.bottomSpacer > 0 && /* @__PURE__ */ r.jsx("tr", { "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(
                     "td",
                     {
-                      colSpan: L.length,
-                      style: { height: `${me.bottomSpacer}px`, padding: 0 }
+                      colSpan: B.length,
+                      style: { height: `${fe.bottomSpacer}px`, padding: 0 }
                     }
                   ) })
                 ] }),
-                se && $e && Object.keys($e).length > 0 && /* @__PURE__ */ r.jsxs("tfoot", { className: a.tfoot, children: [
-                  /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx("td", { colSpan: L.length, className: a.textCenter, children: "Totals" }) }),
-                  /* @__PURE__ */ r.jsx("tr", { children: L.map((e) => /* @__PURE__ */ r.jsx(
+                le && $e && Object.keys($e).length > 0 && /* @__PURE__ */ r.jsxs("tfoot", { className: s.tfoot, children: [
+                  /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx("td", { colSpan: B.length, className: s.textCenter, children: "Totals" }) }),
+                  /* @__PURE__ */ r.jsx("tr", { children: B.map((e) => /* @__PURE__ */ r.jsx(
                     "td",
                     {
                       "data-label": e.label,
-                      style: { width: fe[e.key] },
-                      children: $e[e.key] !== void 0 ? pe($e[e.key]) : ""
+                      style: { width: ge[e.key] },
+                      children: $e[e.key] !== void 0 ? me($e[e.key]) : ""
                     },
                     e.key
                   )) })
@@ -1276,118 +1299,118 @@ ${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObj
         }
       )
     ] }),
-    !P && N !== J && Xe > 1 && /* @__PURE__ */ r.jsx("div", { className: a.paginationWrap, children: /* @__PURE__ */ r.jsxs("ul", { className: a.pagination, children: [
+    !P && N !== K && Je > 1 && /* @__PURE__ */ r.jsx("div", { className: s.paginationWrap, children: /* @__PURE__ */ r.jsxs("ul", { className: s.pagination, children: [
       /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
         "button",
         {
-          className: a.pageButton,
+          className: s.pageButton,
           disabled: z === 1,
-          onClick: () => D(() => V((e) => e - 1)),
+          onClick: () => D(() => H((e) => e - 1)),
           children: "Prev"
         }
       ) }),
-      Array.from({ length: Xe }, (e, t) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+      Array.from({ length: Je }, (e, t) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
         "button",
         {
-          className: T(
-            a.pageButton,
-            z === t + 1 && a.pageButtonActive
+          className: E(
+            s.pageButton,
+            z === t + 1 && s.pageButtonActive
           ),
-          onClick: () => D(() => V(t + 1)),
+          onClick: () => D(() => H(t + 1)),
           children: t + 1
         }
       ) }, t)),
       /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
         "button",
         {
-          className: a.pageButton,
-          disabled: z === Xe,
-          onClick: () => D(() => V((e) => e + 1)),
+          className: s.pageButton,
+          disabled: z === Je,
+          onClick: () => D(() => H((e) => e + 1)),
           children: "Next"
         }
       ) })
     ] }) }),
-    !P && N === J && /* @__PURE__ */ r.jsxs("div", { className: a.labelMuted, children: [
+    !P && N === K && /* @__PURE__ */ r.jsxs("div", { className: s.labelMuted, children: [
       "Showing",
       " ",
-      (F ? me.end : K.length).toLocaleString(),
+      (W ? fe.end : Z.length).toLocaleString(),
       " of",
       " ",
       M.length.toLocaleString(),
       " rows",
-      F ? " (virtualized)" : ""
+      W ? " (virtualized)" : ""
     ] }),
-    P && /* @__PURE__ */ r.jsxs("div", { className: a.labelMuted, children: [
+    P && /* @__PURE__ */ r.jsxs("div", { className: s.labelMuted, children: [
       "Grouped view: ",
       M.length.toLocaleString(),
       " rows across",
       " ",
-      A.length,
+      O.length,
       " level",
-      A.length > 1 ? "s" : ""
+      O.length > 1 ? "s" : ""
     ] }),
     Se && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx("div", { className: a.backdrop, onClick: () => Ce(!1) }),
-      /* @__PURE__ */ r.jsxs("div", { className: a.drawer, children: [
-        /* @__PURE__ */ r.jsx("h6", { className: a.drawerTitle, children: "Column Settings" }),
-        /* @__PURE__ */ r.jsx("h6", { className: a.drawerSubtitle, children: "Visible Columns" }),
-        ne.map((e) => {
-          const t = g.find((o) => o.key === e);
+      /* @__PURE__ */ r.jsx("div", { className: s.backdrop, onClick: () => Re(!1) }),
+      /* @__PURE__ */ r.jsxs("div", { className: s.drawer, children: [
+        /* @__PURE__ */ r.jsx("h6", { className: s.drawerTitle, children: "Column Settings" }),
+        /* @__PURE__ */ r.jsx("h6", { className: s.drawerSubtitle, children: "Visible Columns" }),
+        oe.map((e) => {
+          const t = g.find((n) => n.key === e);
           return t ? /* @__PURE__ */ r.jsxs(
             "div",
             {
-              className: a.drawerRow,
+              className: s.drawerRow,
               draggable: !0,
-              onDragStart: (o) => ct(o, t.key),
+              onDragStart: (n) => ct(n, t.key),
               onDragOver: dt,
-              onDrop: (o) => ut(o, t.key),
+              onDrop: (n) => ut(n, t.key),
               children: [
                 /* @__PURE__ */ r.jsx(
                   "input",
                   {
                     type: "checkbox",
-                    className: a.checkbox,
+                    className: s.checkbox,
                     checked: U.includes(t.key),
                     onChange: () => D(
-                      () => te(
-                        (o) => o.includes(t.key) ? o.filter((s) => s !== t.key) : [...o, t.key]
+                      () => re(
+                        (n) => n.includes(t.key) ? n.filter((a) => a !== t.key) : [...n, t.key]
                       )
                     )
                   }
                 ),
                 /* @__PURE__ */ r.jsx("label", { children: t.label }),
-                /* @__PURE__ */ r.jsx("span", { className: T(a.spacerAuto, a.iconMuted), children: "⋮" })
+                /* @__PURE__ */ r.jsx("span", { className: E(s.spacerAuto, s.iconMuted), children: "⋮" })
               ]
             },
             t.key
           ) : null;
         }),
-        /* @__PURE__ */ r.jsxs("div", { className: a.drawerSection, children: [
+        /* @__PURE__ */ r.jsxs("div", { className: s.drawerSection, children: [
           /* @__PURE__ */ r.jsxs(
             "button",
             {
               type: "button",
-              className: a.sectionToggle,
+              className: s.sectionToggle,
               "aria-expanded": G.groupBy,
-              onClick: () => ue((e) => ({
+              onClick: () => de((e) => ({
                 ...e,
                 groupBy: !e.groupBy
               })),
               children: [
                 /* @__PURE__ */ r.jsx("span", { children: "Group By Columns" }),
-                /* @__PURE__ */ r.jsx("span", { className: a.iconMuted, children: G.groupBy ? "▲" : "▼" })
+                /* @__PURE__ */ r.jsx("span", { className: s.iconMuted, children: G.groupBy ? "▲" : "▼" })
               ]
             }
           ),
-          G.groupBy && /* @__PURE__ */ r.jsx("div", { className: a.sectionBody, children: ne.map((e) => {
-            const t = g.find((o) => o.key === e);
-            return t ? /* @__PURE__ */ r.jsxs("div", { className: a.drawerRow, children: [
+          G.groupBy && /* @__PURE__ */ r.jsx("div", { className: s.sectionBody, children: oe.map((e) => {
+            const t = g.find((n) => n.key === e);
+            return t ? /* @__PURE__ */ r.jsxs("div", { className: s.drawerRow, children: [
               /* @__PURE__ */ r.jsx(
                 "input",
                 {
                   type: "checkbox",
-                  className: a.checkbox,
-                  checked: A.includes(t.key),
+                  className: s.checkbox,
+                  checked: O.includes(t.key),
                   onChange: () => Et(t.key)
                 }
               ),
@@ -1395,34 +1418,34 @@ ${l}`, f = new Blob([h], { type: "text/csv;charset=utf-8;" }), _ = URL.createObj
             ] }, `group-${t.key}`) : null;
           }) })
         ] }),
-        /* @__PURE__ */ r.jsxs("div", { className: a.drawerSection, children: [
+        /* @__PURE__ */ r.jsxs("div", { className: s.drawerSection, children: [
           /* @__PURE__ */ r.jsxs(
             "button",
             {
               type: "button",
-              className: a.sectionToggle,
+              className: s.sectionToggle,
               "aria-expanded": G.aggregates,
-              onClick: () => ue((e) => ({
+              onClick: () => de((e) => ({
                 ...e,
                 aggregates: !e.aggregates
               })),
               children: [
                 /* @__PURE__ */ r.jsx("span", { children: "Show Total/Aggregate For" }),
-                /* @__PURE__ */ r.jsx("span", { className: a.iconMuted, children: G.aggregates ? "▲" : "▼" })
+                /* @__PURE__ */ r.jsx("span", { className: s.iconMuted, children: G.aggregates ? "▲" : "▼" })
               ]
             }
           ),
-          G.aggregates && /* @__PURE__ */ r.jsxs("div", { className: a.sectionBody, children: [
-            Ie.length === 0 && /* @__PURE__ */ r.jsx("div", { className: a.labelMuted, children: "No numeric columns available." }),
-            ne.map((e) => {
-              const t = Ie.find((o) => o.key === e);
-              return t ? /* @__PURE__ */ r.jsxs("div", { className: a.drawerRow, children: [
+          G.aggregates && /* @__PURE__ */ r.jsxs("div", { className: s.sectionBody, children: [
+            Ie.length === 0 && /* @__PURE__ */ r.jsx("div", { className: s.labelMuted, children: "No numeric columns available." }),
+            oe.map((e) => {
+              const t = Ie.find((n) => n.key === e);
+              return t ? /* @__PURE__ */ r.jsxs("div", { className: s.drawerRow, children: [
                 /* @__PURE__ */ r.jsx(
                   "input",
                   {
                     type: "checkbox",
-                    className: a.checkbox,
-                    checked: n.includes(t.key),
+                    className: s.checkbox,
+                    checked: o.includes(t.key),
                     onChange: () => At(t.key)
                   }
                 ),