@opencorestack/opengridx 0.1.0 → 0.1.2

package/dist/opengridx.es.js

@@ -1,6 +1,6 @@
-import pe, { useState as Q, useRef as ne, useCallback as W, useEffect as ee, useMemo as ce, useReducer as Cr, useLayoutEffect as kr } from "react";
+import pe, { useState as Q, useRef as ne, useCallback as W, useEffect as ee, useMemo as de, useReducer as Cr, useLayoutEffect as kr } from "react";
 import Mt from "react-dom";
-var yn = { exports: {} }, ln = {};
+var Cn = { exports: {} }, ln = {};
 var _o;
 function Sr() {
   if (_o) return ln;
@@ -27,146 +27,146 @@ var sn = {};
 var yo;
 function jr() {
   return yo || (yo = 1, process.env.NODE_ENV !== "production" && (function() {
-    function n(v) {
-      if (v == null) return null;
-      if (typeof v == "function")
-        return v.$$typeof === L ? null : v.displayName || v.name || null;
-      if (typeof v == "string") return v;
-      switch (v) {
+    function n(b) {
+      if (b == null) return null;
+      if (typeof b == "function")
+        return b.$$typeof === L ? null : b.displayName || b.name || null;
+      if (typeof b == "string") return b;
+      switch (b) {
         case N:
           return "Fragment";
         case j:
           return "Profiler";
         case E:
           return "StrictMode";
-        case C:
+        case y:
           return "Suspense";
         case I:
           return "SuspenseList";
         case k:
           return "Activity";
       }
-      if (typeof v == "object")
-        switch (typeof v.tag == "number" && console.error(
+      if (typeof b == "object")
+        switch (typeof b.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), v.$$typeof) {
+        ), b.$$typeof) {
           case x:
             return "Portal";
-          case b:
-            return v.displayName || "Context";
+          case v:
+            return b.displayName || "Context";
           case _:
-            return (v._context.displayName || "Context") + ".Consumer";
+            return (b._context.displayName || "Context") + ".Consumer";
           case S:
-            var H = v.render;
-            return v = v.displayName, v || (v = H.displayName || H.name || "", v = v !== "" ? "ForwardRef(" + v + ")" : "ForwardRef"), v;
-          case y:
-            return H = v.displayName || null, H !== null ? H : n(v.type) || "Memo";
+            var H = b.render;
+            return b = b.displayName, b || (b = H.displayName || H.name || "", b = b !== "" ? "ForwardRef(" + b + ")" : "ForwardRef"), b;
+          case C:
+            return H = b.displayName || null, H !== null ? H : n(b.type) || "Memo";
           case p:
-            H = v._payload, v = v._init;
+            H = b._payload, b = b._init;
             try {
-              return n(v(H));
+              return n(b(H));
             } catch {
             }
         }
       return null;
     }
-    function o(v) {
-      return "" + v;
+    function o(b) {
+      return "" + b;
     }
-    function e(v) {
+    function e(b) {
       try {
-        o(v);
+        o(b);
         var H = !1;
       } catch {
         H = !0;
       }
       if (H) {
         H = console;
-        var T = H.error, A = typeof Symbol == "function" && Symbol.toStringTag && v[Symbol.toStringTag] || v.constructor.name || "Object";
+        var T = H.error, A = typeof Symbol == "function" && Symbol.toStringTag && b[Symbol.toStringTag] || b.constructor.name || "Object";
         return T.call(
           H,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           A
-        ), o(v);
+        ), o(b);
       }
     }
-    function r(v) {
-      if (v === N) return "<>";
-      if (typeof v == "object" && v !== null && v.$$typeof === p)
+    function r(b) {
+      if (b === N) return "<>";
+      if (typeof b == "object" && b !== null && b.$$typeof === p)
         return "<...>";
       try {
-        var H = n(v);
+        var H = n(b);
         return H ? "<" + H + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function i() {
-      var v = B.A;
-      return v === null ? null : v.getOwner();
+      var b = B.A;
+      return b === null ? null : b.getOwner();
     }
     function l() {
       return Error("react-stack-top-frame");
     }
-    function a(v) {
-      if (Y.call(v, "key")) {
-        var H = Object.getOwnPropertyDescriptor(v, "key").get;
+    function a(b) {
+      if (Y.call(b, "key")) {
+        var H = Object.getOwnPropertyDescriptor(b, "key").get;
         if (H && H.isReactWarning) return !1;
       }
-      return v.key !== void 0;
+      return b.key !== void 0;
     }
-    function s(v, H) {
+    function s(b, H) {
       function T() {
         q || (q = !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)",
           H
         ));
       }
-      T.isReactWarning = !0, Object.defineProperty(v, "key", {
+      T.isReactWarning = !0, Object.defineProperty(b, "key", {
         get: T,
         configurable: !0
       });
     }
     function u() {
-      var v = n(this.type);
-      return D[v] || (D[v] = !0, console.error(
+      var b = n(this.type);
+      return D[b] || (D[b] = !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."
-      )), v = this.props.ref, v !== void 0 ? v : null;
+      )), b = this.props.ref, b !== void 0 ? b : null;
     }
-    function g(v, H, T, A, O, Z) {
+    function g(b, H, T, A, O, Z) {
       var U = T.ref;
-      return v = {
+      return b = {
         $$typeof: w,
-        type: v,
+        type: b,
         key: H,
         props: T,
         _owner: A
-      }, (U !== void 0 ? U : null) !== null ? Object.defineProperty(v, "ref", {
+      }, (U !== void 0 ? U : null) !== null ? Object.defineProperty(b, "ref", {
         enumerable: !1,
         get: u
-      }) : Object.defineProperty(v, "ref", { enumerable: !1, value: null }), v._store = {}, Object.defineProperty(v._store, "validated", {
+      }) : Object.defineProperty(b, "ref", { enumerable: !1, value: null }), b._store = {}, Object.defineProperty(b._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(v, "_debugInfo", {
+      }), Object.defineProperty(b, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(v, "_debugStack", {
+      }), Object.defineProperty(b, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: O
-      }), Object.defineProperty(v, "_debugTask", {
+      }), Object.defineProperty(b, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: Z
-      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
+      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     }
-    function f(v, H, T, A, O, Z) {
+    function f(b, H, T, A, O, Z) {
       var U = H.children;
       if (U !== void 0)
         if (A)
@@ -180,9 +180,9 @@ function jr() {
             );
         else m(U);
       if (Y.call(H, "key")) {
-        U = n(v);
-        var P = Object.keys(H).filter(function(oe) {
-          return oe !== "key";
+        U = n(b);
+        var P = Object.keys(H).filter(function(ie) {
+          return ie !== "key";
         });
         A = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", we[U + A] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -199,14 +199,14 @@ React keys must be passed directly to JSX without using spread:
       }
       if (U = null, T !== void 0 && (e(T), U = "" + T), a(H) && (e(H.key), U = "" + H.key), "key" in H) {
         T = {};
-        for (var ue in H)
-          ue !== "key" && (T[ue] = H[ue]);
+        for (var ce in H)
+          ce !== "key" && (T[ce] = H[ce]);
       } else T = H;
       return U && s(
         T,
-        typeof v == "function" ? v.displayName || v.name || "Unknown" : v
+        typeof b == "function" ? b.displayName || b.name || "Unknown" : b
       ), g(
-        v,
+        b,
         U,
         T,
         i(),
@@ -214,50 +214,50 @@ React keys must be passed directly to JSX without using spread:
         Z
       );
     }
-    function m(v) {
-      d(v) ? v._store && (v._store.validated = 1) : typeof v == "object" && v !== null && v.$$typeof === p && (v._payload.status === "fulfilled" ? d(v._payload.value) && v._payload.value._store && (v._payload.value._store.validated = 1) : v._store && (v._store.validated = 1));
+    function m(b) {
+      d(b) ? b._store && (b._store.validated = 1) : typeof b == "object" && b !== null && b.$$typeof === p && (b._payload.status === "fulfilled" ? d(b._payload.value) && b._payload.value._store && (b._payload.value._store.validated = 1) : b._store && (b._store.validated = 1));
     }
-    function d(v) {
-      return typeof v == "object" && v !== null && v.$$typeof === w;
+    function d(b) {
+      return typeof b == "object" && b !== null && b.$$typeof === w;
     }
-    var h = pe, w = /* @__PURE__ */ Symbol.for("react.transitional.element"), x = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), E = /* @__PURE__ */ Symbol.for("react.strict_mode"), j = /* @__PURE__ */ Symbol.for("react.profiler"), _ = /* @__PURE__ */ Symbol.for("react.consumer"), b = /* @__PURE__ */ Symbol.for("react.context"), S = /* @__PURE__ */ Symbol.for("react.forward_ref"), C = /* @__PURE__ */ Symbol.for("react.suspense"), I = /* @__PURE__ */ Symbol.for("react.suspense_list"), y = /* @__PURE__ */ Symbol.for("react.memo"), p = /* @__PURE__ */ Symbol.for("react.lazy"), k = /* @__PURE__ */ Symbol.for("react.activity"), L = /* @__PURE__ */ Symbol.for("react.client.reference"), B = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, $ = Array.isArray, K = console.createTask ? console.createTask : function() {
+    var h = pe, w = /* @__PURE__ */ Symbol.for("react.transitional.element"), x = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), E = /* @__PURE__ */ Symbol.for("react.strict_mode"), j = /* @__PURE__ */ Symbol.for("react.profiler"), _ = /* @__PURE__ */ Symbol.for("react.consumer"), v = /* @__PURE__ */ Symbol.for("react.context"), S = /* @__PURE__ */ Symbol.for("react.forward_ref"), y = /* @__PURE__ */ Symbol.for("react.suspense"), I = /* @__PURE__ */ Symbol.for("react.suspense_list"), C = /* @__PURE__ */ Symbol.for("react.memo"), p = /* @__PURE__ */ Symbol.for("react.lazy"), k = /* @__PURE__ */ Symbol.for("react.activity"), L = /* @__PURE__ */ Symbol.for("react.client.reference"), B = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, $ = Array.isArray, K = console.createTask ? console.createTask : function() {
       return null;
     };
     h = {
-      react_stack_bottom_frame: function(v) {
-        return v();
+      react_stack_bottom_frame: function(b) {
+        return b();
       }
     };
     var q, D = {}, te = h.react_stack_bottom_frame.bind(
       h,
       l
     )(), J = K(r(l)), we = {};
-    sn.Fragment = N, sn.jsx = function(v, H, T) {
+    sn.Fragment = N, sn.jsx = function(b, H, T) {
       var A = 1e4 > B.recentlyCreatedOwnerStacks++;
       return f(
-        v,
+        b,
         H,
         T,
         !1,
         A ? Error("react-stack-top-frame") : te,
-        A ? K(r(v)) : J
+        A ? K(r(b)) : J
       );
-    }, sn.jsxs = function(v, H, T) {
+    }, sn.jsxs = function(b, H, T) {
       var A = 1e4 > B.recentlyCreatedOwnerStacks++;
       return f(
-        v,
+        b,
         H,
         T,
         !0,
         A ? Error("react-stack-top-frame") : te,
-        A ? K(r(v)) : J
+        A ? K(r(b)) : J
       );
     };
   })()), sn;
 }
 var Co;
 function Rr() {
-  return Co || (Co = 1, process.env.NODE_ENV === "production" ? yn.exports = Sr() : yn.exports = jr()), yn.exports;
+  return Co || (Co = 1, process.env.NODE_ENV === "production" ? Cn.exports = Sr() : Cn.exports = jr()), Cn.exports;
 }
 var t = Rr();
 function Er({
@@ -304,7 +304,7 @@ function Er({
     }
   );
 }
-const jn = ({
+const Rn = ({
   indeterminate: n = !1,
   label: o,
   className: e = "",
@@ -347,12 +347,12 @@ function Nr(n) {
     h && (u.current = h.getBoundingClientRect().width);
     let w = 0;
     const x = 16, N = (j) => {
-      const _ = j.clientX - s.current, b = Math.max(r, Math.min(i, u.current + _)), S = Date.now();
-      S - w >= x && (e(o, b), w = S);
+      const _ = j.clientX - s.current, v = Math.max(r, Math.min(i, u.current + _)), S = Date.now();
+      S - w >= x && (e(o, v), w = S);
     }, E = (j) => {
       a(!1);
-      const _ = j.clientX - s.current, b = Math.max(r, Math.min(i, u.current + _));
-      e(o, b), document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", E);
+      const _ = j.clientX - s.current, v = Math.max(r, Math.min(i, u.current + _));
+      e(o, v), document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", E);
     };
     document.addEventListener("mousemove", N), document.addEventListener("mouseup", E);
   }, [o, e, r, i]), f = W((d) => {
@@ -378,13 +378,13 @@ function Nr(n) {
     }
   );
 }
-function Rn(n, o) {
+function En(n, o) {
   return o ? o.left?.includes(n) ? "left" : o.right?.includes(n) ? "right" : null : null;
 }
 function Ir(n, o) {
   const e = [], r = [], i = [];
   return o ? (n.forEach((l) => {
-    const a = Rn(l.field, o);
+    const a = En(l.field, o);
     a === "left" ? e.push(l) : a === "right" ? i.push(l) : r.push(l);
   }), o.left && e.sort((l, a) => {
     const s = o.left.indexOf(l.field), u = o.left.indexOf(a.field);
@@ -410,13 +410,13 @@ function Ro(n, o, e, r, i, l, a, s) {
     u[d.field] = m, m += h;
   }), u;
 }
-function Xn(n, o) {
+function qn(n, o) {
   return o ? o.top?.includes(n) ? "top" : o.bottom?.includes(n) ? "bottom" : null : null;
 }
 function Pr(n, o) {
   const e = [], r = [], i = [];
   return o ? (n.forEach((l) => {
-    const a = Xn(l.id, o);
+    const a = qn(l.id, o);
     a === "top" ? e.push(l) : a === "bottom" ? i.push(l) : r.push(l);
   }), o.top && e.sort((l, a) => {
     const s = o.top.indexOf(l.id), u = o.top.indexOf(a.id);
@@ -489,20 +489,20 @@ function Br({ colDef: n, sortModel: o, onSort: e, onHide: r, onPin: i, pinnedCol
   const g = ne(null), [f, m] = Q({ position: "fixed", zIndex: 1300, top: 0, left: 0, visibility: "hidden" });
   pe.useLayoutEffect(() => {
     if (!u || !g.current) return;
-    const S = u.getBoundingClientRect(), C = g.current.getBoundingClientRect(), I = window.innerWidth, y = window.innerHeight, p = 8;
+    const S = u.getBoundingClientRect(), y = g.current.getBoundingClientRect(), I = window.innerWidth, C = window.innerHeight, p = 8;
     let k = S.left;
-    k + C.width + p > I && (k = I - C.width - p), k < p && (k = p);
+    k + y.width + p > I && (k = I - y.width - p), k < p && (k = p);
     let L = S.bottom + 4;
-    L + C.height + p > y && (L = S.top - C.height - 4), m({ position: "fixed", zIndex: 1300, top: L, left: k, visibility: "visible" });
+    L + y.height + p > C && (L = S.top - y.height - 4), m({ position: "fixed", zIndex: 1300, top: L, left: k, visibility: "visible" });
   }, [u]), ee(() => {
     function S(I) {
       g.current && !g.current.contains(I.target) && u && !u.contains(I.target) && s();
     }
-    function C(I) {
+    function y(I) {
       I.key === "Escape" && s();
     }
-    return document.addEventListener("mousedown", S), document.addEventListener("keydown", C), () => {
-      document.removeEventListener("mousedown", S), document.removeEventListener("keydown", C);
+    return document.addEventListener("mousedown", S), document.addEventListener("keydown", y), () => {
+      document.removeEventListener("mousedown", S), document.removeEventListener("keydown", y);
     };
   }, [u, s]);
   const d = (S) => {
@@ -511,9 +511,9 @@ function Br({ colDef: n, sortModel: o, onSort: e, onHide: r, onPin: i, pinnedCol
     r?.(n.field), s();
   }, w = (S) => {
     i?.(n.field, S), s();
-  }, x = o?.find((S) => S.field === n.field)?.sort, N = x == null, E = l?.left?.includes(n.field) ?? !1, j = l?.right?.includes(n.field) ?? !1, _ = !E && !j, b = n.headerName || n.field;
+  }, x = o?.find((S) => S.field === n.field)?.sort, N = x == null, E = l?.left?.includes(n.field) ?? !1, j = l?.right?.includes(n.field) ?? !1, _ = !E && !j, v = n.headerName || n.field;
   return Mt.createPortal(
-    /* @__PURE__ */ t.jsxs("div", { ref: g, className: "ogx-column-menu", style: f, role: "menu", "aria-label": `Column options for ${b}`, children: [
+    /* @__PURE__ */ t.jsxs("div", { ref: g, className: "ogx-column-menu", style: f, role: "menu", "aria-label": `Column options for ${v}`, children: [
       e && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsxs(
           "button",
@@ -606,7 +606,7 @@ function Br({ colDef: n, sortModel: o, onSort: e, onHide: r, onPin: i, pinnedCol
         }
       ),
       /* @__PURE__ */ t.jsx("div", { className: "ogx-menu-divider" }),
-      /* @__PURE__ */ t.jsxs("button", { className: "ogx-menu-item", onClick: h, role: "menuitem", "aria-label": `Hide ${b} column`, children: [
+      /* @__PURE__ */ t.jsxs("button", { className: "ogx-menu-item", onClick: h, role: "menuitem", "aria-label": `Hide ${v} column`, children: [
         /* @__PURE__ */ t.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true" }),
         /* @__PURE__ */ t.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ t.jsx(Wr, {}) }),
         "Hide Column"
@@ -697,34 +697,34 @@ function Vr(n) {
     aggregationModel: E,
     draggedColumn: j,
     dragOverColumn: _,
-    onDragStart: b,
+    onDragStart: v,
     onDragOver: S,
-    onDragEnd: C,
+    onDragEnd: y,
     onDrop: I,
-    focusedCell: y,
+    focusedCell: C,
     onHeaderClick: p,
     onHideColumn: k,
     onPinColumn: L,
     onManageColumns: B
-  } = n, Y = pe.useRef({}), [$, K] = pe.useState(null), q = (P) => (ue) => {
-    ue.stopPropagation(), K({ colDef: P, anchorEl: ue.currentTarget });
+  } = n, Y = pe.useRef({}), [$, K] = pe.useState(null), q = (P) => (ce) => {
+    ce.stopPropagation(), K({ colDef: P, anchorEl: ce.currentTarget });
   }, D = () => {
     K(null);
   };
   pe.useLayoutEffect(() => {
-    if (y?.id === "HEADER") {
-      const P = Y.current[y.field];
+    if (C?.id === "HEADER") {
+      const P = Y.current[C.field];
       P && P.focus();
     }
-  }, [y]);
+  }, [C]);
   const te = (P) => () => {
     if (P.sortable === !1 || !u) return;
-    const ue = g.find((be) => be.field === P.field);
-    let oe = "asc";
-    ue && (ue.sort === "asc" ? oe = "desc" : oe = null), u(P.field, oe);
+    const ce = g.find((ve) => ve.field === P.field);
+    let ie = "asc";
+    ce && (ce.sort === "asc" ? ie = "desc" : ie = null), u(P.field, ie);
   }, J = (P) => {
-    const ue = g.find((oe) => oe.field === P);
-    return ue ? /* @__PURE__ */ t.jsx("span", { className: `ogx__sort-icon ogx__sort-icon--${ue.sort}`, "aria-hidden": "true" }) : null;
+    const ce = g.find((ie) => ie.field === P);
+    return ce ? /* @__PURE__ */ t.jsx("span", { className: `ogx__sort-icon ogx__sort-icon--${ce.sort}`, "aria-hidden": "true" }) : null;
   }, we = pe.useMemo(() => Ro(
     o,
     m,
@@ -734,7 +734,7 @@ function Vr(n) {
     h,
     x,
     N
-  ), [o, m, d, i, w, h, x, N]), v = r ? Dr(r) : 0, T = (e ?? o).filter((P) => !P.isSpacer).map((P) => ({
+  ), [o, m, d, i, w, h, x, N]), b = r ? Dr(r) : 0, T = (e ?? o).filter((P) => !P.isSpacer).map((P) => ({
     field: P.field,
     width: m[P.field] ?? P.width ?? 100
   })), U = (N ? 48 : 0) + (h ? 48 : 0) + (i ? 48 : 0);
@@ -742,11 +742,11 @@ function Vr(n) {
     // Outer sticky wrapper — both group rows AND column header row live here
     // so they ALL stay sticky together and scroll horizontally as one unit.
     /* @__PURE__ */ t.jsxs("div", { className: "ogx__header-wrap", children: [
-      v > 0 && Array.from({ length: v }, (P, ue) => {
-        const oe = Gr(
+      b > 0 && Array.from({ length: b }, (P, ce) => {
+        const ie = Gr(
           r,
           T,
-          ue
+          ce
         );
         return /* @__PURE__ */ t.jsxs("div", { className: "ogx-col-group-row", role: "row", children: [
           U > 0 && /* @__PURE__ */ t.jsx(
@@ -757,18 +757,18 @@ function Vr(n) {
               role: "columnheader"
             }
           ),
-          oe.map((be) => /* @__PURE__ */ t.jsx(
+          ie.map((ve) => /* @__PURE__ */ t.jsx(
             "div",
             {
               role: "columnheader",
-              className: `ogx-col-group-cell ${be.isGroup ? "ogx-col-group-cell--group" : "ogx-col-group-cell--filler"}`,
-              style: { width: be.width, minWidth: be.width, flexShrink: 0 },
-              title: be.isGroup ? be.label : void 0,
-              children: be.isGroup && /* @__PURE__ */ t.jsx("span", { className: "ogx-col-group-cell__label", children: be.label })
+              className: `ogx-col-group-cell ${ve.isGroup ? "ogx-col-group-cell--group" : "ogx-col-group-cell--filler"}`,
+              style: { width: ve.width, minWidth: ve.width, flexShrink: 0 },
+              title: ve.isGroup ? ve.label : void 0,
+              children: ve.isGroup && /* @__PURE__ */ t.jsx("span", { className: "ogx-col-group-cell__label", children: ve.label })
             },
-            be.key
+            ve.key
           ))
-        ] }, `ogx-grp-${ue}`);
+        ] }, `ogx-grp-${ce}`);
       }),
       /* @__PURE__ */ t.jsxs("div", { className: "ogx__header", role: "row", children: [
         N && /* @__PURE__ */ t.jsx(
@@ -812,7 +812,7 @@ function Vr(n) {
               left: w ? (N ? 48 : 0) + (h && x ? 48 : 0) : void 0
             },
             children: /* @__PURE__ */ t.jsx(
-              jn,
+              Rn,
               {
                 id: "ogx-select-all",
                 name: "ogx-select-all",
@@ -820,7 +820,7 @@ function Vr(n) {
                 indeterminate: a,
                 onChange: (P) => s?.(P.target.checked),
                 "aria-label": l ? "Deselect all rows" : "Select all rows",
-                tabIndex: y?.id === "HEADER" && y.field === "__checkbox_col__" ? 0 : -1,
+                tabIndex: C?.id === "HEADER" && C.field === "__checkbox_col__" ? 0 : -1,
                 onMouseDown: (P) => P.preventDefault(),
                 inputRef: (P) => {
                   Y.current.__checkbox_col__ = P;
@@ -829,7 +829,7 @@ function Vr(n) {
             )
           }
         ),
-        o.map((P, ue) => {
+        o.map((P, ce) => {
           if (P.isSpacer)
             return /* @__PURE__ */ t.jsx(
               "div",
@@ -839,16 +839,16 @@ function Vr(n) {
               },
               P.field
             );
-          const oe = P.sortable !== !1, be = g.some((Be) => Be.field === P.field), nt = P.resizable !== !1, z = Rn(P.field, d), Ne = z !== null, Ie = j === P.field, ft = _ === P.field, Ge = [
+          const ie = P.sortable !== !1, ve = g.some((Be) => Be.field === P.field), nt = P.resizable !== !1, z = En(P.field, d), Ne = z !== null, Ie = j === P.field, ft = _ === P.field, Ge = [
             "ogx__header-cell",
             `ogx__header-cell--align-${P.headerAlign || P.align || "left"}`,
-            oe && "ogx__header-cell--sortable",
-            be && "ogx__header-cell--sorted",
+            ie && "ogx__header-cell--sortable",
+            ve && "ogx__header-cell--sorted",
             Ne && "ogx__header-cell--pinned",
             Ne && `ogx__header-cell--pinned-${z}`,
             Ie && "ogx__header-cell--dragging",
             ft && "ogx__header-cell--drag-over",
-            y?.id === "HEADER" && y.field === P.field && "ogx__header-cell--focused",
+            C?.id === "HEADER" && C.field === P.field && "ogx__header-cell--focused",
             P.headerClassName
           ].filter(Boolean).join(" "), ht = {
             width: m[P.field] ?? P.width ?? 100,
@@ -866,13 +866,13 @@ function Vr(n) {
             const Be = we[P.field];
             z === "left" ? ht.left = Be : ht.right = Be;
           }
-          const Qt = P.renderHeader ? P.renderHeader({ field: P.field, colDef: P, colIndex: ue }) : P.headerName || P.field, Lt = (Be) => {
+          const Qt = P.renderHeader ? P.renderHeader({ field: P.field, colDef: P, colIndex: ce }) : P.headerName || P.field, Lt = (Be) => {
             if (Be.target.closest(".ogx-column-resize-handle")) {
               Be.stopPropagation();
               return;
             }
-            p?.(P.field), oe && te(P)();
-          }, Rt = b ? b(P.field) : void 0, Tt = S ? S(P.field) : void 0, _t = I ? I(P.field) : void 0;
+            p?.(P.field), ie && te(P)();
+          }, Rt = v ? v(P.field) : void 0, Tt = S ? S(P.field) : void 0, _t = I ? I(P.field) : void 0;
           return /* @__PURE__ */ t.jsxs(
             "div",
             {
@@ -880,13 +880,13 @@ function Vr(n) {
               style: ht,
               onClick: Lt,
               role: "columnheader",
-              draggable: !!b,
+              draggable: !!v,
               onDragStart: Rt,
               onDragOver: Tt,
-              onDragEnd: C,
+              onDragEnd: y,
               onDrop: _t,
-              "aria-sort": oe ? be ? g.find((Be) => Be.field === P.field)?.sort === "asc" ? "ascending" : "descending" : "none" : void 0,
-              "aria-colindex": ue + 1 + (i ? 1 : 0),
+              "aria-sort": ie ? ve ? g.find((Be) => Be.field === P.field)?.sort === "asc" ? "ascending" : "descending" : "none" : void 0,
+              "aria-colindex": ce + 1 + (i ? 1 : 0),
               "data-field": P.field,
               tabIndex: -1,
               ref: (Be) => {
@@ -899,7 +899,7 @@ function Vr(n) {
                     /* @__PURE__ */ t.jsx("span", { className: "ogx__header-cell-title", children: Qt }),
                     E && E[P.field] && /* @__PURE__ */ t.jsx("span", { className: "ogx__header-cell-aggregation", children: E[P.field] })
                   ] }),
-                  oe && J(P.field),
+                  ie && J(P.field),
                   !P.disableColumnMenu && /* @__PURE__ */ t.jsx(
                     "button",
                     {
@@ -1092,9 +1092,9 @@ function Qr(n) {
     isEditing: E,
     onEditStart: j,
     onEditStop: _,
-    onValueChange: b,
+    onValueChange: v,
     colSpanInfo: S,
-    rowSpan: C,
+    rowSpan: y,
     isHiddenByRowSpan: I
   } = n;
   if (S?.spannedByColSpan)
@@ -1110,24 +1110,24 @@ function Qr(n) {
         "data-colindex": u
       }
     );
-  const y = (v) => {
-    o && (v.stopPropagation(), o({
+  const C = (b) => {
+    o && (b.stopPropagation(), o({
       row: l,
       field: a.field,
       value: i,
       colDef: a,
       rowIndex: s,
       colIndex: u
-    })), f?.(v);
-  }, p = pe.useCallback((v) => {
-    r ? r(a.field, v) : b?.(v);
-  }, [r, b, a.field]), k = (v) => {
-    N && (j || e) && (v.stopPropagation(), e ? e(a.field, i) : j?.());
+    })), f?.(b);
+  }, p = pe.useCallback((b) => {
+    r ? r(a.field, b) : v?.(b);
+  }, [r, v, a.field]), k = (b) => {
+    N && (j || e) && (b.stopPropagation(), e ? e(a.field, i) : j?.());
   }, L = pe.useMemo(() => a.valueFormatter ? a.valueFormatter({
     value: i,
     row: l,
     field: a.field
-  }) : i == null ? "" : String(i), [i, l, a]), B = pe.useMemo(() => E && (r || b) && _ ? a.renderEditCell ? a.renderEditCell({
+  }) : i == null ? "" : String(i), [i, l, a]), B = pe.useMemo(() => E && (r || v) && _ ? a.renderEditCell ? a.renderEditCell({
     value: i,
     row: l,
     field: a.field,
@@ -1154,7 +1154,7 @@ function Qr(n) {
     colDef: a,
     rowIndex: s,
     colIndex: u
-  }) : L, [i, l, a, s, u, L, E, p, _, r, b]), Y = d != null, $ = pe.useMemo(() => a.cellClassName ? typeof a.cellClassName == "function" ? a.cellClassName({ value: i, row: l, field: a.field, colDef: a, rowIndex: s, colIndex: u }) || "" : a.cellClassName : "", [a, i, l, s, u]), K = [
+  }) : L, [i, l, a, s, u, L, E, p, _, r, v]), Y = d != null, $ = pe.useMemo(() => a.cellClassName ? typeof a.cellClassName == "function" ? a.cellClassName({ value: i, row: l, field: a.field, colDef: a, rowIndex: s, colIndex: u }) || "" : a.cellClassName : "", [a, i, l, s, u]), K = [
     "ogx__cell",
     `ogx__cell--align-${a.align || "left"}`,
     g && "ogx__cell--selected",
@@ -1164,9 +1164,9 @@ function Qr(n) {
     Y && "ogx__cell--pinned",
     Y && `ogx__cell--pinned-${d}`,
     E && "ogx__cell--editing",
-    C && C > 1 && "ogx__cell--spanned",
+    y && y > 1 && "ogx__cell--spanned",
     $
-  ].filter(Boolean).join(" "), q = S?.cellProps?.colSpan || 1, D = C || 1, te = S?.cellProps?.width ?? m ?? a.width ?? 100, J = {
+  ].filter(Boolean).join(" "), q = S?.cellProps?.colSpan || 1, D = y || 1, te = S?.cellProps?.width ?? m ?? a.width ?? 100, J = {
     width: "var(--width)",
     "--width": typeof te == "number" ? `${te}px` : te,
     flexGrow: a.flex ?? 0,
@@ -1189,7 +1189,7 @@ function Qr(n) {
       ref: we,
       className: K,
       style: J,
-      onClick: y,
+      onClick: C,
       onDoubleClick: k,
       role: "gridcell",
       "aria-colindex": u + 1,
@@ -1297,7 +1297,7 @@ function ti(n) {
   };
   return /* @__PURE__ */ t.jsx("div", { className: "ogx__detail-panel", style: i, children: /* @__PURE__ */ t.jsx("div", { className: "ogx__detail-panel-content", children: o }) });
 }
-function Cn(n) {
+function kn(n) {
   const {
     row: o,
     columns: e,
@@ -1318,11 +1318,11 @@ function Cn(n) {
     pinCheckboxColumn: E = !0,
     pinExpandColumn: j = !0,
     rowReordering: _ = !1,
-    onDragStart: b,
+    onDragStart: v,
     onDragOver: S,
-    onDragEnd: C,
+    onDragEnd: y,
     onDrop: I,
-    isDragging: y,
+    isDragging: C,
     isDragOver: p,
     editingCell: k,
     onEditStart: L,
@@ -1350,7 +1350,7 @@ function Cn(n) {
   pe.useLayoutEffect(() => {
     $ === "__expand_col__" && J.current && J.current.focus({ preventScroll: !0 }), $ === "__checkbox_col__" && we.current && we.current.focus({ preventScroll: !0 });
   }, [$]);
-  const v = (z) => {
+  const b = (z) => {
     z.target.closest(".ogx-checkbox-wrapper, .ogx-expand-icon, .ogx-drag-handle, .ogx__edit-cell") || a?.({ row: o, id: o.id, rowIndex: r });
   }, H = (z) => {
     z.stopPropagation(), u?.(o.id, z.target.checked);
@@ -1365,11 +1365,11 @@ function Cn(n) {
     d,
     j,
     _
-  ), [e, g, f, l, E, d, j, _]), O = Xn(o.id, m), Z = O === "top", U = O === "bottom", P = o._hasChildren === !0, ue = pe.useCallback((z, Ne) => {
+  ), [e, g, f, l, E, d, j, _]), O = qn(o.id, m), Z = O === "top", U = O === "bottom", P = o._hasChildren === !0, ce = pe.useCallback((z, Ne) => {
     P || L?.({ id: o.id, field: z, value: Ne });
-  }, [P, o.id, L]), oe = pe.useCallback((z, Ne) => {
+  }, [P, o.id, L]), ie = pe.useCallback((z, Ne) => {
     Y?.({ id: o.id, field: z, value: Ne });
-  }, [Y, o.id]), be = pe.useCallback((z) => {
+  }, [Y, o.id]), ve = pe.useCallback((z) => {
     B?.({ cancel: z });
   }, [B]), nt = [
     "ogx__row",
@@ -1378,7 +1378,7 @@ function Cn(n) {
     r % 2 === 1 && "ogx__row--odd",
     Z && "ogx__row--pinned-top",
     U && "ogx__row--pinned-bottom",
-    y && "ogx__row--dragging",
+    C && "ogx__row--dragging",
     p && "ogx__row--drag-over",
     P && "ogx__row--group"
   ].filter(Boolean).join(" ");
@@ -1387,7 +1387,7 @@ function Cn(n) {
       "div",
       {
         className: nt,
-        onClick: v,
+        onClick: b,
         role: "row",
         "aria-rowindex": r + 1,
         "aria-selected": i,
@@ -1413,8 +1413,8 @@ function Cn(n) {
                 zIndex: 4
               },
               draggable: !0,
-              onDragStart: b ? b(o.id) : void 0,
-              onDragEnd: C,
+              onDragStart: v ? v(o.id) : void 0,
+              onDragEnd: y,
               onClick: (z) => z.stopPropagation(),
               children: /* @__PURE__ */ t.jsx(ei, {})
             }
@@ -1476,7 +1476,7 @@ function Cn(n) {
                 });
               },
               children: /* @__PURE__ */ t.jsx(
-                jn,
+                Rn,
                 {
                   id: `ogx-select-row-${o.id}`,
                   name: `ogx-select-row-${o.id}`,
@@ -1500,7 +1500,7 @@ function Cn(n) {
                 },
                 z.field
               );
-            const Ie = z.valueGetter ? z.valueGetter({ row: o, field: z.field, value: o[z.field] }) : o[z.field], ft = g[z.field] ?? z.width, Ge = Rn(z.field, f), jt = Ge ? A[z.field] : void 0, ht = k?.id === o.id && k?.field === z.field, Qt = ht ? k?.value : Ie, Lt = q?.get(o.id)?.[z.field], Rt = D?.spannedCells[o.id]?.[z.field], Tt = D?.hiddenCells[o.id]?.[z.field] || !1;
+            const Ie = z.valueGetter ? z.valueGetter({ row: o, field: z.field, value: o[z.field] }) : o[z.field], ft = g[z.field] ?? z.width, Ge = En(z.field, f), jt = Ge ? A[z.field] : void 0, ht = k?.id === o.id && k?.field === z.field, Qt = ht ? k?.value : Ie, Lt = q?.get(o.id)?.[z.field], Rt = D?.spannedCells[o.id]?.[z.field], Tt = D?.hiddenCells[o.id]?.[z.field] || !1;
             return /* @__PURE__ */ t.jsx(
               Zr,
               {
@@ -1518,9 +1518,9 @@ function Cn(n) {
                 isFocusVisible: K,
                 isEditable: z.editable,
                 isEditing: ht,
-                onCellEditStart: ue,
-                onEditStop: be,
-                onCellValueChange: oe,
+                onCellEditStart: ce,
+                onEditStop: ve,
+                onCellValueChange: ie,
                 colSpanInfo: Lt,
                 rowSpan: Rt,
                 isHiddenByRowSpan: Tt
@@ -1613,7 +1613,7 @@ const ni = ({
       })
     ]
   }
-), kn = ({
+), Sn = ({
   variant: n = "text",
   size: o = "medium",
   color: e = "default",
@@ -1659,9 +1659,9 @@ function ko(n) {
   }, E = () => {
     i(g - 1);
   }, j = (S) => {
-    const C = parseInt(S.target.value, 10);
-    l(C);
-  }, _ = f === 0, b = f >= g - 1;
+    const y = parseInt(S.target.value, 10);
+    l(y);
+  }, _ = f === 0, v = f >= g - 1;
   return /* @__PURE__ */ t.jsxs("div", { className: "ogx-pagination", role: "navigation", "aria-label": "Pagination", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "ogx-pagination__page-size", children: [
       /* @__PURE__ */ t.jsx("label", { htmlFor: "page-size-select", className: "ogx-pagination__label", children: "Rows per page:" }),
@@ -1684,7 +1684,7 @@ function ko(n) {
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: "ogx-pagination__actions", children: [
       s && /* @__PURE__ */ t.jsx(
-        kn,
+        Sn,
         {
           variant: "text",
           size: "small",
@@ -1696,7 +1696,7 @@ function ko(n) {
         }
       ),
       /* @__PURE__ */ t.jsx(
-        kn,
+        Sn,
         {
           variant: "text",
           size: "small",
@@ -1714,24 +1714,24 @@ function ko(n) {
         g
       ] }),
       /* @__PURE__ */ t.jsx(
-        kn,
+        Sn,
         {
           variant: "text",
           size: "small",
           onClick: N,
-          disabled: b,
+          disabled: v,
           "aria-label": "Go to next page",
           title: "Next page",
           children: /* @__PURE__ */ t.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ t.jsx("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) })
         }
       ),
       u && /* @__PURE__ */ t.jsx(
-        kn,
+        Sn,
         {
           variant: "text",
           size: "small",
           onClick: E,
-          disabled: b,
+          disabled: v,
           "aria-label": "Go to last page",
           title: "Last page",
           children: /* @__PURE__ */ t.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ t.jsx("path", { d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z" }) })
@@ -1900,7 +1900,7 @@ function ri(n, o) {
   }
 }
 function ii(n) {
-  const { rows: o, columns: e, rowHeight: r = 52, headerHeight: i = 56, columnVisibilityModel: l, initialState: a } = n, s = ce(
+  const { rows: o, columns: e, rowHeight: r = 52, headerHeight: i = 56, columnVisibilityModel: l, initialState: a } = n, s = de(
     () => oi(o, e, l),
     []
   ), [u, g] = Cr(ri, {
@@ -1924,68 +1924,68 @@ function ii(n) {
   ee(() => {
     o !== m.current && (m.current = o, g({ type: "SET_ROWS", payload: o }));
   }, [o]);
-  const d = W((y, p) => {
-    g({ type: "SET_ROWS", payload: y, preserveRowCount: p });
-  }, []), h = W((y) => {
-    g({ type: "SET_COLUMNS", payload: y });
-  }, []), w = W((y) => {
-    g({ type: "SET_SORT_MODEL", payload: y });
-  }, []), x = W((y) => {
-    g({ type: "SET_FILTER_MODEL", payload: y });
-  }, []), N = W((y) => {
-    g({ type: "SET_PAGINATION_MODEL", payload: y });
-  }, []), E = W((y) => {
-    g({ type: "SET_SELECTION", payload: y });
-  }, []), j = W((y, p) => {
-    g({ type: "SET_SCROLL", payload: { scrollTop: y, scrollLeft: p } });
-  }, []), _ = W((y, p) => {
-    g({ type: "SET_DIMENSIONS", payload: { viewportWidth: y, viewportHeight: p } });
-  }, []), b = W((y) => {
-    g({ type: "SET_DATASOURCE_LOADING", payload: y });
-  }, []), S = W((y) => {
-    g({ type: "SET_DATASOURCE_ERROR", payload: y });
-  }, []), C = W((y) => {
-    g({ type: "SET_ROW_COUNT", payload: y });
+  const d = W((C, p) => {
+    g({ type: "SET_ROWS", payload: C, preserveRowCount: p });
+  }, []), h = W((C) => {
+    g({ type: "SET_COLUMNS", payload: C });
+  }, []), w = W((C) => {
+    g({ type: "SET_SORT_MODEL", payload: C });
+  }, []), x = W((C) => {
+    g({ type: "SET_FILTER_MODEL", payload: C });
+  }, []), N = W((C) => {
+    g({ type: "SET_PAGINATION_MODEL", payload: C });
+  }, []), E = W((C) => {
+    g({ type: "SET_SELECTION", payload: C });
+  }, []), j = W((C, p) => {
+    g({ type: "SET_SCROLL", payload: { scrollTop: C, scrollLeft: p } });
+  }, []), _ = W((C, p) => {
+    g({ type: "SET_DIMENSIONS", payload: { viewportWidth: C, viewportHeight: p } });
+  }, []), v = W((C) => {
+    g({ type: "SET_DATASOURCE_LOADING", payload: C });
+  }, []), S = W((C) => {
+    g({ type: "SET_DATASOURCE_ERROR", payload: C });
+  }, []), y = W((C) => {
+    g({ type: "SET_ROW_COUNT", payload: C });
   }, []), I = ne({
-    getRow: (y) => f.current.rows.idRowsLookup.get(y) || null,
+    getRow: (C) => f.current.rows.idRowsLookup.get(C) || null,
     getAllRows: () => Array.from(f.current.rows.idRowsLookup.values()),
     getVisibleRows: () => Array.from(f.current.rows.idRowsLookup.values()),
     getAggregationResult: () => null,
     getAggregationModel: () => null,
-    getColumn: (y) => f.current.columns.lookup.get(y) || null,
+    getColumn: (C) => f.current.columns.lookup.get(C) || null,
     getAllColumns: () => f.current.columns.all,
     getVisibleColumns: () => f.current.columns.all,
-    selectRow: (y, p = !0) => {
+    selectRow: (C, p = !0) => {
       const k = new Set(f.current.selection.selectedRows);
-      p ? k.add(y) : k.delete(y), E(k);
+      p ? k.add(C) : k.delete(C), E(k);
     },
-    selectRows: (y, p = !0) => {
+    selectRows: (C, p = !0) => {
       const k = new Set(f.current.selection.selectedRows);
-      y.forEach((L) => {
+      C.forEach((L) => {
         p ? k.add(L) : k.delete(L);
       }), E(k);
     },
     getSelectedRows: () => Array.from(f.current.selection.selectedRows),
-    sortColumn: (y, p) => {
+    sortColumn: (C, p) => {
       if (p === null)
-        w(f.current.sorting.sortModel.filter((k) => k.field !== y));
+        w(f.current.sorting.sortModel.filter((k) => k.field !== C));
       else {
-        const k = f.current.sorting.sortModel.findIndex((L) => L.field === y);
+        const k = f.current.sorting.sortModel.findIndex((L) => L.field === C);
         if (k >= 0) {
           const L = [...f.current.sorting.sortModel];
-          L[k] = { field: y, sort: p }, w(L);
+          L[k] = { field: C, sort: p }, w(L);
         } else
-          w([...f.current.sorting.sortModel, { field: y, sort: p }]);
+          w([...f.current.sorting.sortModel, { field: C, sort: p }]);
       }
     },
     getSortModel: () => f.current.sorting.sortModel,
     setFilterModel: x,
     getFilterModel: () => f.current.filter.filterModel,
-    setPage: (y) => {
-      N({ ...f.current.pagination.paginationModel, page: y });
+    setPage: (C) => {
+      N({ ...f.current.pagination.paginationModel, page: C });
     },
-    setPageSize: (y) => {
-      N({ ...f.current.pagination.paginationModel, pageSize: y, page: 0 });
+    setPageSize: (C) => {
+      N({ ...f.current.pagination.paginationModel, pageSize: C, page: 0 });
     },
     scrollToIndexes: () => {
     },
@@ -2003,9 +2003,9 @@ function ii(n) {
     setSelection: E,
     setScroll: j,
     setDimensions: _,
-    setDataSourceLoading: b,
+    setDataSourceLoading: v,
     setDataSourceError: S,
-    setRowCount: C
+    setRowCount: y
   };
 }
 function li(n) {
@@ -2138,7 +2138,7 @@ function ci(n, o) {
     return Object.values(n).some((i) => i == null ? !1 : String(i).toLowerCase().includes(r));
   });
 }
-function qn(n, o) {
+function Jn(n, o) {
   const e = o.items || [], r = o.logicOperator || "and", i = o.quickFilterValues || [];
   if (i.length > 0 && !ci(n, i))
     return !1;
@@ -2156,7 +2156,7 @@ function qn(n, o) {
 function ui(n, o) {
   if (!o) return n;
   const { items: e = [], quickFilterValues: r = [] } = o;
-  return e.length === 0 && (!r || r.length === 0) ? n : n.filter((i) => qn(i, o));
+  return e.length === 0 && (!r || r.length === 0) ? n : n.filter((i) => Jn(i, o));
 }
 function gi(n) {
   switch (n) {
@@ -2172,7 +2172,7 @@ function gi(n) {
       return ["contains", "equals", "startsWith", "endsWith", "isEmpty", "isNotEmpty"];
   }
 }
-function Jn(n, o, e) {
+function Qn(n, o, e) {
   if (n == null && o == null) return 0;
   if (n == null) return e === "asc" ? 1 : -1;
   if (o == null) return e === "asc" ? -1 : 1;
@@ -2189,7 +2189,7 @@ function fi(n, o) {
   const e = [...n];
   return e.sort((r, i) => {
     for (const l of o) {
-      const a = r[l.field], s = i[l.field], u = Jn(a, s, l.sort);
+      const a = r[l.field], s = i[l.field], u = Qn(a, s, l.sort);
       if (u !== 0)
         return u;
     }
@@ -2206,17 +2206,17 @@ function hi(n) {
     filterModel: a,
     sortModel: s,
     onRowExpansionChange: u
-  } = n, { treeNodes: g, rootIds: f, groupingRows: m } = ce(() => {
+  } = n, { treeNodes: g, rootIds: f, groupingRows: m } = de(() => {
     if (!i || !r)
       return {
         treeNodes: /* @__PURE__ */ new Map(),
         rootIds: [],
         groupingRows: []
       };
-    const b = /* @__PURE__ */ new Map(), S = [], C = [], I = /* @__PURE__ */ new Map(), y = (p) => p.join("/");
+    const v = /* @__PURE__ */ new Map(), S = [], y = [], I = /* @__PURE__ */ new Map(), C = (p) => p.join("/");
     return o.forEach((p) => {
-      const k = e(p), L = r(p), B = y(L);
-      I.set(B, k), b.set(k, {
+      const k = e(p), L = r(p), B = C(L);
+      I.set(B, k), v.set(k, {
         id: k,
         parentId: null,
         depth: L.length - 1,
@@ -2233,11 +2233,11 @@ function hi(n) {
       }
       const B = ($) => {
         if ($.length <= 1) return;
-        const K = $.slice(0, -1), q = y(K);
+        const K = $.slice(0, -1), q = C(K);
         let D = I.get(q);
-        if (D === void 0 && (D = `auto-group-${q}`, !b.has(D))) {
+        if (D === void 0 && (D = `auto-group-${q}`, !v.has(D))) {
           const te = K[K.length - 1];
-          b.set(D, {
+          v.set(D, {
             id: D,
             parentId: null,
             depth: K.length - 1,
@@ -2251,72 +2251,72 @@ function hi(n) {
             name: te,
             _isGroupRow: !0
           };
-          C.push(J), K.length === 1 && S.push(D), B(K);
+          y.push(J), K.length === 1 && S.push(D), B(K);
         }
         return D;
       }, Y = B(L);
       if (Y !== void 0) {
-        const $ = b.get(Y), K = b.get(k);
+        const $ = v.get(Y), K = v.get(k);
         $ && K && (K.parentId = Y, $.children = $.children || [], $.children.includes(k) || $.children.push(k));
       }
-    }), C.forEach((p) => {
-      const k = p.id, L = b.get(k);
+    }), y.forEach((p) => {
+      const k = p.id, L = v.get(k);
       if (!L) return;
       const Y = k.replace("auto-group-", "").split("/");
       if (Y.length > 1) {
-        const $ = Y.slice(0, -1), K = y($), q = I.get(K);
-        if (q && b.has(q)) {
+        const $ = Y.slice(0, -1), K = C($), q = I.get(K);
+        if (q && v.has(q)) {
           L.parentId = q;
-          const D = b.get(q);
+          const D = v.get(q);
           D && (D.children = D.children || [], D.children.includes(k) || D.children.push(k));
         }
       }
-    }), { treeNodes: b, rootIds: S, groupingRows: C };
-  }, [o, r, i, e]), d = ce(() => {
+    }), { treeNodes: v, rootIds: S, groupingRows: y };
+  }, [o, r, i, e]), d = de(() => {
     if (!i) return /* @__PURE__ */ new Set();
-    const b = /* @__PURE__ */ new Set();
+    const v = /* @__PURE__ */ new Set();
     return g.forEach((S) => {
-      S.children && S.children.length > 0 && (l === -1 || S.depth < l) && b.add(S.id);
-    }), b;
+      S.children && S.children.length > 0 && (l === -1 || S.depth < l) && v.add(S.id);
+    }), v;
   }, [g, i, l]), [h, w] = Q(/* @__PURE__ */ new Set());
   ee(() => {
     d.size > 0 && w(d);
   }, [d]);
-  const x = W((b) => {
+  const x = W((v) => {
     w((S) => {
-      const C = new Set(S), I = !C.has(b);
-      if (C.has(b) ? C.delete(b) : C.add(b), I && u) {
-        const y = g.get(b);
-        y && u(y);
+      const y = new Set(S), I = !y.has(v);
+      if (y.has(v) ? y.delete(v) : y.add(v), I && u) {
+        const C = g.get(v);
+        C && u(C);
       }
-      return C;
+      return y;
     });
   }, [g, u]), N = W(() => {
     if (!i) return null;
-    const b = /* @__PURE__ */ new Map();
-    o.forEach((B) => b.set(e(B), B)), m.forEach((B) => b.set(B.id, B));
-    const S = (B) => qn(B, a), C = /* @__PURE__ */ new Map(), I = (B) => {
-      if (C.has(B)) return C.get(B);
-      const Y = b.get(B);
+    const v = /* @__PURE__ */ new Map();
+    o.forEach((B) => v.set(e(B), B)), m.forEach((B) => v.set(B.id, B));
+    const S = (B) => Jn(B, a), y = /* @__PURE__ */ new Map(), I = (B) => {
+      if (y.has(B)) return y.get(B);
+      const Y = v.get(B);
       if (!Y) return !1;
       if (S(Y))
-        return C.set(B, !0), !0;
+        return y.set(B, !0), !0;
       const K = g.get(B);
-      return K && K.children && K.children.some((D) => I(D)) ? (C.set(B, !0), !0) : (C.set(B, !1), !1);
-    }, y = (B, Y) => {
+      return K && K.children && K.children.some((D) => I(D)) ? (y.set(B, !0), !0) : (y.set(B, !1), !1);
+    }, C = (B, Y) => {
       if (!s || s.length === 0) return 0;
-      const $ = b.get(B), K = b.get(Y);
+      const $ = v.get(B), K = v.get(Y);
       if (!$ || !K) return 0;
       for (const q of s) {
-        const D = $[q.field], te = K[q.field], J = Jn(D, te, q.sort);
+        const D = $[q.field], te = K[q.field], J = Qn(D, te, q.sort);
         if (J !== 0) return J;
       }
       return 0;
     }, p = [], k = /* @__PURE__ */ new Set(), L = (B) => {
       const Y = B.filter(($) => I($));
-      Y.sort(y), Y.forEach(($) => {
+      Y.sort(C), Y.forEach(($) => {
         if (k.has($)) return;
-        const K = b.get($), q = g.get($);
+        const K = v.get($), q = g.get($);
         if (K && q) {
           k.add($);
           const D = {
@@ -2331,17 +2331,17 @@ function hi(n) {
       });
     };
     return L(f), p;
-  }, [i, o, m, f, g, h, a, s, e]), E = W((b) => h.has(b), [h]), j = W((b) => g.get(b), [g]), _ = W((b) => {
+  }, [i, o, m, f, g, h, a, s, e]), E = W((v) => h.has(v), [h]), j = W((v) => g.get(v), [g]), _ = W((v) => {
     const S = [];
-    let C = b;
-    for (; C !== null; ) {
-      const I = g.get(C);
+    let y = v;
+    for (; y !== null; ) {
+      const I = g.get(y);
       if (!I) break;
-      S.unshift(I.groupingKey), C = I.parentId;
+      S.unshift(I.groupingKey), y = I.parentId;
     }
     return S;
   }, [g]);
-  return ce(() => ({
+  return de(() => ({
     treeNodes: g,
     groupingRows: m,
     toggleExpansion: x,
@@ -2362,13 +2362,13 @@ function xi(n) {
     filterModel: a,
     sortModel: s,
     getAggregationPosition: u = pi
-  } = n, [g, f] = Q(/* @__PURE__ */ new Set()), { treeNodes: m, rootIds: d, groupingRows: h } = ce(() => {
-    const j = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map(), b = [];
+  } = n, [g, f] = Q(/* @__PURE__ */ new Set()), { treeNodes: m, rootIds: d, groupingRows: h } = de(() => {
+    const j = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map(), v = [];
     if (r.length === 0)
-      return { treeNodes: j, rootIds: b, groupingRows: _ };
-    const S = (y, p, k) => `auto-group-${y}-${p}-${k || "root"}`, C = (y, p, k) => {
+      return { treeNodes: j, rootIds: v, groupingRows: _ };
+    const S = (C, p, k) => `auto-group-${C}-${p}-${k || "root"}`, y = (C, p, k) => {
       if (p >= r.length)
-        return y.map(($) => {
+        return C.map(($) => {
           const K = e($);
           return j.set(K, {
             id: K,
@@ -2379,7 +2379,7 @@ function xi(n) {
           }), K;
         });
       const L = r[p], B = /* @__PURE__ */ new Map();
-      y.forEach(($) => {
+      C.forEach(($) => {
         const K = $[L], q = String(K);
         B.has(q) || B.set(q, []), B.get(q).push($);
       });
@@ -2397,7 +2397,7 @@ function xi(n) {
           else if (O === "max")
             J[A] = Math.max(...Z.map((U) => Number(U) || 0));
           else if (O === "avg") {
-            const U = Z.reduce((P, ue) => (Number(P) || 0) + (Number(ue) || 0), 0);
+            const U = Z.reduce((P, ce) => (Number(P) || 0) + (Number(ce) || 0), 0);
             J[A] = Z.length ? U / Z.length : 0;
           } else O === "count" && (J[A] = Z.length);
         });
@@ -2407,7 +2407,7 @@ function xi(n) {
           id: te
         };
         _.set(te, we);
-        const v = {
+        const b = {
           id: te,
           parentId: k,
           depth: p,
@@ -2419,59 +2419,59 @@ function xi(n) {
           children: [],
           label: `${L}: ${String(D)}`
         };
-        v.aggregationPosition = u(v), j.set(te, v);
-        const H = C($, p + 1, te);
+        b.aggregationPosition = u(b), j.set(te, b);
+        const H = y($, p + 1, te);
         j.get(te).children = H;
         const T = $.length;
         j.get(te).descendantCount = T;
       }), Y;
-    }, I = C(o, 0, null);
-    return b.push(...I), { treeNodes: j, rootIds: b, groupingRows: _ };
+    }, I = y(o, 0, null);
+    return v.push(...I), { treeNodes: j, rootIds: v, groupingRows: _ };
   }, [o, r, i, e, u]);
   ee(() => {
     if (l === -1) {
       const j = /* @__PURE__ */ new Set();
-      m.forEach((_, b) => {
-        _.children && _.children.length > 0 && j.add(b);
+      m.forEach((_, v) => {
+        _.children && _.children.length > 0 && j.add(v);
       }), f(j);
     } else if (l > 0) {
       const j = /* @__PURE__ */ new Set();
-      m.forEach((_, b) => {
-        _.depth < l && _.children && _.children.length > 0 && j.add(b);
+      m.forEach((_, v) => {
+        _.depth < l && _.children && _.children.length > 0 && j.add(v);
       }), f(j);
     } else
       f(/* @__PURE__ */ new Set());
   }, [r, l]);
   const w = W((j) => {
     f((_) => {
-      const b = new Set(_);
-      return b.has(j) ? b.delete(j) : b.add(j), b;
+      const v = new Set(_);
+      return v.has(j) ? v.delete(j) : v.add(j), v;
     });
   }, []), x = W((j) => g.has(j), [g]), N = W(() => {
     if (r.length === 0) return null;
-    const j = [], _ = /* @__PURE__ */ new Set(), b = /* @__PURE__ */ new Map();
-    o.forEach((y) => b.set(e(y), y));
-    const S = (y) => {
-      const p = m.get(y);
+    const j = [], _ = /* @__PURE__ */ new Set(), v = /* @__PURE__ */ new Map();
+    o.forEach((C) => v.set(e(C), C));
+    const S = (C) => {
+      const p = m.get(C);
       if (!p) return !1;
       if (!p.children || p.children.length === 0) {
-        const k = b.get(y);
-        return !(!k || a && !qn(k, a));
+        const k = v.get(C);
+        return !(!k || a && !Jn(k, a));
       }
       return p.children.some((k) => S(k));
-    }, C = (y) => {
-      let p = y;
-      a && (p = y.filter(S)), s && s.length > 0 && p.sort((k, L) => {
-        const B = h.get(k) || b.get(k), Y = h.get(L) || b.get(L);
+    }, y = (C) => {
+      let p = C;
+      a && (p = C.filter(S)), s && s.length > 0 && p.sort((k, L) => {
+        const B = h.get(k) || v.get(k), Y = h.get(L) || v.get(L);
         if (!B || !Y) return 0;
         for (const $ of s) {
-          const K = B[$.field], q = Y[$.field], D = Jn(K, q, $.sort);
+          const K = B[$.field], q = Y[$.field], D = Qn(K, q, $.sort);
           if (D !== 0) return D;
         }
         return 0;
       }), p.forEach((k) => {
         if (_.has(k)) return;
-        const L = m.get(k), B = L?.children && L.children.length > 0, Y = B ? h.get(k) : b.get(k);
+        const L = m.get(k), B = L?.children && L.children.length > 0, Y = B ? h.get(k) : v.get(k);
         if (Y && L) {
           _.add(k);
           const $ = {
@@ -2483,13 +2483,13 @@ function xi(n) {
             _groupingValue: L.groupingValue,
             _descendantCount: L.descendantCount
           };
-          j.push($), I.has(k) && B && C(L.children);
+          j.push($), I.has(k) && B && y(L.children);
         }
       });
     }, I = g;
-    return C(d), j;
+    return y(d), j;
   }, [o, e, m, d, h, a, s, g]), E = W((j) => m.get(j), [m]);
-  return ce(() => ({
+  return de(() => ({
     treeNodes: m,
     groupingRows: h,
     toggleExpansion: w,
@@ -2531,13 +2531,13 @@ function mi(n) {
       g(null);
       return;
     }
-    const b = { ..._, [N]: E };
+    const v = { ..._, [N]: E };
     try {
       if (r) {
-        const S = await r(b, _);
+        const S = await r(v, _);
         l?.(S);
       } else
-        l?.(b);
+        l?.(v);
       g(null);
     } catch (S) {
       i && i(S);
@@ -2563,74 +2563,74 @@ function wi(n, o, e) {
   }), s = W(() => {
     i(/* @__PURE__ */ new Map());
   }, []), u = W((x, N) => r.get(x)?.[N], [r]), g = W((x, N, E, j, _) => {
-    const b = new Map(r);
+    const v = new Map(r);
     for (let S = j; S < _; S++) {
-      const C = o[S];
-      if (!C) continue;
+      const y = o[S];
+      if (!y) continue;
       let I = 1;
-      if (C.colSpan)
-        if (typeof C.colSpan == "function") {
+      if (y.colSpan)
+        if (typeof y.colSpan == "function") {
           const p = {
             row: N,
-            value: N[C.field],
-            field: C.field,
-            colDef: C,
+            value: N[y.field],
+            field: y.field,
+            colDef: y,
             rowIndex: E,
             colIndex: S
           };
-          I = C.colSpan(p);
+          I = y.colSpan(p);
         } else
-          I = C.colSpan;
+          I = y.colSpan;
       if (I <= 1) {
-        qt(b, x, C.field, {
+        qt(v, x, y.field, {
           spannedByColSpan: !1,
-          cellProps: { colSpan: 1, width: e[C.field] || 100 }
+          cellProps: { colSpan: 1, width: e[y.field] || 100 }
         });
         continue;
       }
-      let y = e[C.field] || 100;
+      let C = e[y.field] || 100;
       for (let p = 1; p < I; p++)
         if (S + p < _) {
           const k = o[S + p];
-          k && (y += e[k.field] || 100, qt(b, x, k.field, {
+          k && (C += e[k.field] || 100, qt(v, x, k.field, {
             spannedByColSpan: !0,
             leftVisibleCellIndex: S,
             rightVisibleCellIndex: Math.min(S + I - 1, o.length - 1)
           }));
         }
-      qt(b, x, C.field, {
+      qt(v, x, y.field, {
         spannedByColSpan: !1,
-        cellProps: { colSpan: I, width: y }
+        cellProps: { colSpan: I, width: C }
       }), S += I - 1;
     }
-    i(b);
+    i(v);
   }, [r, o, e]), f = W((x, N) => {
     const E = {}, j = {}, _ = {};
-    o.forEach((b, S) => {
-      if (b.rowSpan)
-        for (let C = x; C < N; C++) {
-          const I = n[C];
-          if (!I || j[I.id]?.[b.field]) continue;
-          const y = b.valueGetter ? b.valueGetter({ row: I, field: b.field, value: I[b.field] }) : I[b.field];
+    o.forEach((v, S) => {
+      if (v.rowSpan)
+        for (let y = x; y < N; y++) {
+          const I = n[y];
+          if (!I || j[I.id]?.[v.field]) continue;
+          const C = v.valueGetter ? v.valueGetter({ row: I, field: v.field, value: I[v.field] }) : I[v.field];
           let p = 1;
-          if (typeof b.rowSpan == "function") {
+          if (typeof v.rowSpan == "function") {
             const k = {
               row: I,
-              value: y,
-              field: b.field,
-              colDef: b,
-              rowIndex: C,
+              value: C,
+              field: v.field,
+              colDef: v,
+              rowIndex: y,
               colIndex: S
             };
-            p = b.rowSpan(k);
-          } else typeof b.rowSpan == "number" && (p = b.rowSpan);
+            p = v.rowSpan(k);
+          } else typeof v.rowSpan == "number" && (p = v.rowSpan);
           if (p > 1) {
-            E[I.id] || (E[I.id] = {}), E[I.id][b.field] = p;
+            E[I.id] || (E[I.id] = {}), E[I.id][v.field] = p;
             for (let k = 1; k < p; k++) {
-              const L = C + k;
+              const L = y + k;
               if (L < N && n[L]) {
                 const B = n[L];
-                j[B.id] || (j[B.id] = {}), j[B.id][b.field] = !0, _[L] || (_[L] = {}), _[L][b.field] = C;
+                j[B.id] || (j[B.id] = {}), j[B.id][v.field] = !0, _[L] || (_[L] = {}), _[L][v.field] = y;
               }
             }
           }
@@ -2651,73 +2651,73 @@ function wi(n, o, e) {
   }, []);
   ee(() => {
     const x = /* @__PURE__ */ new Map();
-    n.forEach((_, b) => {
+    n.forEach((_, v) => {
       for (let S = 0; S < o.length; S++) {
-        const C = o[S];
-        if (!C) continue;
+        const y = o[S];
+        if (!y) continue;
         let I = 1;
-        if (C.colSpan)
-          if (typeof C.colSpan == "function") {
+        if (y.colSpan)
+          if (typeof y.colSpan == "function") {
             const p = {
               row: _,
-              value: _[C.field],
-              field: C.field,
-              colDef: C,
-              rowIndex: b,
+              value: _[y.field],
+              field: y.field,
+              colDef: y,
+              rowIndex: v,
               colIndex: S
             };
-            I = C.colSpan(p);
+            I = y.colSpan(p);
           } else
-            I = C.colSpan;
+            I = y.colSpan;
         if (I <= 1) {
-          const p = e[C.field] || (typeof C.width == "number" ? C.width : 100);
-          qt(x, _.id, C.field, {
+          const p = e[y.field] || (typeof y.width == "number" ? y.width : 100);
+          qt(x, _.id, y.field, {
             spannedByColSpan: !1,
             cellProps: { colSpan: 1, width: p }
           });
           continue;
         }
-        let y = e[C.field] || (typeof C.width == "number" ? C.width : 100);
+        let C = e[y.field] || (typeof y.width == "number" ? y.width : 100);
         for (let p = 1; p < I; p++)
           if (S + p < o.length) {
             const k = o[S + p];
             if (k) {
               const L = e[k.field] || (typeof k.width == "number" ? k.width : 100);
-              y += L, qt(x, _.id, k.field, {
+              C += L, qt(x, _.id, k.field, {
                 spannedByColSpan: !0,
                 leftVisibleCellIndex: S,
                 rightVisibleCellIndex: Math.min(S + I - 1, o.length - 1)
               });
             }
           }
-        qt(x, _.id, C.field, {
+        qt(x, _.id, y.field, {
           spannedByColSpan: !1,
-          cellProps: { colSpan: I, width: y }
+          cellProps: { colSpan: I, width: C }
         }), S += I - 1;
       }
     }), i(x);
     const N = {}, E = {}, j = {};
-    o.forEach((_, b) => {
+    o.forEach((_, v) => {
       if (_.rowSpan)
         for (let S = 0; S < n.length; S++) {
-          const C = n[S];
-          if (!C || E[C.id]?.[_.field]) continue;
-          const I = _.valueGetter ? _.valueGetter({ row: C, field: _.field, value: C[_.field] }) : C[_.field];
-          let y = 1;
+          const y = n[S];
+          if (!y || E[y.id]?.[_.field]) continue;
+          const I = _.valueGetter ? _.valueGetter({ row: y, field: _.field, value: y[_.field] }) : y[_.field];
+          let C = 1;
           if (typeof _.rowSpan == "function") {
             const p = {
-              row: C,
+              row: y,
               value: I,
               field: _.field,
               colDef: _,
               rowIndex: S,
-              colIndex: b
+              colIndex: v
             };
-            y = _.rowSpan(p);
-          } else typeof _.rowSpan == "number" && (y = _.rowSpan);
-          if (y > 1) {
-            N[C.id] || (N[C.id] = {}), N[C.id][_.field] = y;
-            for (let p = 1; p < y; p++) {
+            C = _.rowSpan(p);
+          } else typeof _.rowSpan == "number" && (C = _.rowSpan);
+          if (C > 1) {
+            N[y.id] || (N[y.id] = {}), N[y.id][_.field] = C;
+            for (let p = 1; p < C; p++) {
               const k = S + p;
               if (k < n.length && n[k]) {
                 const L = n[k];
@@ -2749,7 +2749,7 @@ function qt(n, o, e, r) {
   let i = n.get(o);
   i || (i = {}, n.set(o, i)), i[e] = r;
 }
-function vi(n) {
+function bi(n) {
   const {
     dataSource: o,
     sortModel: e,
@@ -2768,34 +2768,34 @@ function vi(n) {
     if (!o) return;
     const j = ++x.current;
     m(!0), d(null);
-    const _ = i.page * i.pageSize, b = _ + i.pageSize, S = {
+    const _ = i.page * i.pageSize, v = _ + i.pageSize, S = {
       startRow: _,
-      endRow: b,
+      endRow: v,
       sortModel: e,
       filterModel: r,
       groupKeys: [],
       aggregationModel: u
     };
     try {
-      const C = await o.getRows(S);
+      const y = await o.getRows(S);
       if (j !== x.current)
         return;
       let I = !1;
       if (l === "infinite") {
-        const y = w.current;
-        if (y) {
-          const p = JSON.stringify(y.sortModel) !== JSON.stringify(e), k = JSON.stringify(y.filterModel) !== JSON.stringify(r), L = y.pageSize !== i.pageSize;
-          !p && !k && !L && i.page > y.page && (I = !0);
+        const C = w.current;
+        if (C) {
+          const p = JSON.stringify(C.sortModel) !== JSON.stringify(e), k = JSON.stringify(C.filterModel) !== JSON.stringify(r), L = C.pageSize !== i.pageSize;
+          !p && !k && !L && i.page > C.page && (I = !0);
         }
       }
-      g(I ? (y) => [...y, ...C.rows] : C.rows, !0), C.aggregationResults && h && h(C.aggregationResults), C.rowCount !== void 0 && f(C.rowCount), w.current = {
+      g(I ? (C) => [...C, ...y.rows] : y.rows, !0), y.aggregationResults && h && h(y.aggregationResults), y.rowCount !== void 0 && f(y.rowCount), w.current = {
         sortModel: e,
         filterModel: r,
         page: i.page,
         pageSize: i.pageSize
       };
-    } catch (C) {
-      j === x.current && (d(C), console.error("Data Source Error:", C));
+    } catch (y) {
+      j === x.current && (d(y), console.error("Data Source Error:", y));
     } finally {
       j === x.current && m(!1);
     }
@@ -2825,19 +2825,19 @@ function vi(n) {
     if (o) {
       m(!0);
       try {
-        const b = await o.getRows({
+        const v = await o.getRows({
           startRow: 0,
           endRow: -1,
           sortModel: e,
           filterModel: r,
           groupKeys: _
         });
-        b.rows.length > 0 && g((S) => {
-          const C = new Set(S.map((y) => y.id)), I = b.rows.filter((y) => !C.has(y.id));
+        v.rows.length > 0 && g((S) => {
+          const y = new Set(S.map((C) => C.id)), I = v.rows.filter((C) => !y.has(C.id));
           return [...S, ...I];
         });
-      } catch (b) {
-        d(b), console.error("Failed to fetch children:", b);
+      } catch (v) {
+        d(v), console.error("Failed to fetch children:", v);
       } finally {
         m(!1);
       }
@@ -2848,7 +2848,7 @@ function vi(n) {
     fetchChildren: E
   };
 }
-const bi = {
+const vi = {
   sum: (n) => n.filter((e) => e != null && !isNaN(Number(e))).reduce((e, r) => e + Number(r), 0),
   avg: (n) => {
     const o = n.filter((e) => e != null && !isNaN(Number(e)));
@@ -2877,17 +2877,17 @@ function _i(n) {
     filterModel: l,
     sortModel: a,
     serverAggregationResults: s
-  } = n, u = ce(() => {
+  } = n, u = de(() => {
     if (r || Object.keys(e).length === 0) return {};
     const j = {};
-    for (const [_, b] of Object.entries(e)) {
-      const S = bi[b];
+    for (const [_, v] of Object.entries(e)) {
+      const S = vi[v];
       if (!S) {
-        console.warn(`[useAggregation] Unknown aggregation function: "${b}"`);
+        console.warn(`[useAggregation] Unknown aggregation function: "${v}"`);
         continue;
       }
-      const C = o.map((I) => I[_]);
-      j[_] = S(C);
+      const y = o.map((I) => I[_]);
+      j[_] = S(y);
     }
     return j;
   }, [o, e, r]), [g, f] = Q({}), [m, d] = Q(!1), [h, w] = Q(null), x = ne(0), N = W(async () => {
@@ -2910,7 +2910,7 @@ function _i(n) {
   }, [i, e, l, a]);
   return ee(() => {
     r && i?.getAggregations && !s && N();
-  }, [N, r, i, s]), { aggregationResult: ce(() => r ? s && Object.keys(s).length > 0 ? s : g : u, [r, u, s, g]), isLoading: m, error: h };
+  }, [N, r, i, s]), { aggregationResult: de(() => r ? s && Object.keys(s).length > 0 ? s : g : u, [r, u, s, g]), isLoading: m, error: h };
 }
 function yi(n, o) {
   const e = n.filter((r) => r != null && !isNaN(r));
@@ -2928,32 +2928,32 @@ function yi(n, o) {
       return Math.max(...e);
   }
 }
-function Yn(n, o) {
+function Xn(n, o) {
   return o.map((e) => String(n[e] ?? "")).join("\0");
 }
 function Ci(n, o, e, r) {
-  return ce(() => {
+  return de(() => {
     const i = { pivotRows: [], pivotColumns: [], colKeys: [], isValid: !1 };
     if (!r) return i;
     const { rowFields: l, columnFields: a, valueFields: s } = e;
     if (l.length === 0 || s.length === 0) return i;
     const u = new Map(o.map((x) => [x.field, x])), g = /* @__PURE__ */ new Set();
     for (const x of n)
-      g.add(Yn(x, a));
+      g.add(Xn(x, a));
     const f = Array.from(g).sort(), m = /* @__PURE__ */ new Map();
     for (const x of n) {
-      const N = Yn(x, l);
+      const N = Xn(x, l);
       if (!m.has(N)) {
-        const b = {};
-        for (const S of l) b[S] = x[S];
-        m.set(N, { labelValues: b, bucket: /* @__PURE__ */ new Map() });
+        const v = {};
+        for (const S of l) v[S] = x[S];
+        m.set(N, { labelValues: v, bucket: /* @__PURE__ */ new Map() });
       }
-      const E = m.get(N), j = Yn(x, a);
+      const E = m.get(N), j = Xn(x, a);
       E.bucket.has(j) || E.bucket.set(j, /* @__PURE__ */ new Map());
       const _ = E.bucket.get(j);
-      for (const b of s) {
-        const S = Number(x[b.field]);
-        _.has(b.field) || _.set(b.field, []), isNaN(S) || _.get(b.field).push(S);
+      for (const v of s) {
+        const S = Number(x[v.field]);
+        _.has(v.field) || _.set(v.field, []), isNaN(S) || _.get(v.field).push(S);
       }
     }
     let d = 0;
@@ -2963,8 +2963,8 @@ function Ci(n, o, e, r) {
       for (const E of f) {
         const j = x.bucket.get(E);
         for (const _ of s) {
-          const b = a.length > 0 ? `${E}${_.field}${_.aggFn}` : `${_.field}${_.aggFn}`, S = j?.get(_.field) ?? [];
-          N[b] = S.length > 0 ? yi(S, _.aggFn) : null;
+          const v = a.length > 0 ? `${E}${_.field}${_.aggFn}` : `${_.field}${_.aggFn}`, S = j?.get(_.field) ?? [];
+          N[v] = S.length > 0 ? yi(S, _.aggFn) : null;
         }
       }
       h.push(N);
@@ -2985,7 +2985,7 @@ function Ci(n, o, e, r) {
         return _?.headerName ? `${_.headerName}: ${E}` : E;
       }).join(" / ") : "";
       for (const E of s) {
-        const j = u.get(E.field), _ = a.length > 0 ? `${x}${E.field}${E.aggFn}` : `${E.field}${E.aggFn}`, b = E.headerName ?? j?.headerName ?? E.field, S = N ? `${N} — ${b} (${E.aggFn})` : `${b} (${E.aggFn})`;
+        const j = u.get(E.field), _ = a.length > 0 ? `${x}${E.field}${E.aggFn}` : `${E.field}${E.aggFn}`, v = E.headerName ?? j?.headerName ?? E.field, S = N ? `${N} — ${v} (${E.aggFn})` : `${v} (${E.aggFn})`;
         w.push({
           field: _,
           headerName: S,
@@ -2994,10 +2994,10 @@ function Ci(n, o, e, r) {
           align: "right",
           headerAlign: "right",
           sortable: !0,
-          valueFormatter: ({ value: C }) => {
-            if (C == null) return "—";
-            const I = Number(C);
-            return E.aggFn === "avg" ? I.toFixed(2) : E.aggFn === "count" ? I.toLocaleString() : j?.valueFormatter ? j.valueFormatter({ value: C, row: {}, field: E.field }) : I.toLocaleString();
+          valueFormatter: ({ value: y }) => {
+            if (y == null) return "—";
+            const I = Number(y);
+            return E.aggFn === "avg" ? I.toFixed(2) : E.aggFn === "count" ? I.toLocaleString() : j?.valueFormatter ? j.valueFormatter({ value: y, row: {}, field: E.field }) : I.toLocaleString();
           }
         });
       }
@@ -3068,7 +3068,7 @@ function Ri() {
   ] });
 }
 function Io(n) {
-  const { columns: o, visibleColumns: e, onVisibilityChange: r, onShowAll: i, onHideAll: l } = n, [a, s] = Q(""), g = ce(() => o.filter((d) => d.hideable !== !1), [o]).every((d) => e.has(d.field)), f = ce(() => {
+  const { columns: o, visibleColumns: e, onVisibilityChange: r, onShowAll: i, onHideAll: l } = n, [a, s] = Q(""), g = de(() => o.filter((d) => d.hideable !== !1), [o]).every((d) => e.has(d.field)), f = de(() => {
     if (!a) return o;
     const d = a.toLowerCase();
     return o.filter(
@@ -3101,7 +3101,7 @@ function Io(n) {
           className: `ogx-column-visibility-panel__item ${w ? "" : "ogx-column-visibility-panel__item--disabled"}`,
           children: [
             /* @__PURE__ */ t.jsx(
-              jn,
+              Rn,
               {
                 checked: h,
                 onChange: (x) => r(d.field, x.target.checked),
@@ -3117,7 +3117,7 @@ function Io(n) {
     /* @__PURE__ */ t.jsxs("div", { className: "ogx-column-visibility-panel__footer", children: [
       /* @__PURE__ */ t.jsxs("label", { className: "ogx-column-visibility-panel__item", children: [
         /* @__PURE__ */ t.jsx(
-          jn,
+          Rn,
           {
             checked: g,
             onChange: m
@@ -3157,11 +3157,11 @@ function el(n) {
     paginationModel: E = { page: 0, pageSize: 100 },
     onPaginationModelChange: j,
     pageSizeOptions: _ = [10, 25, 50, 100],
-    pinnedColumns: b,
+    pinnedColumns: v,
     onPinnedColumnsChange: S,
-    pinnedRows: C,
+    pinnedRows: y,
     getDetailPanelContent: I,
-    getDetailPanelHeight: y,
+    getDetailPanelHeight: C,
     detailPanelExpandedRowIds: p,
     onDetailPanelExpandedRowIdsChange: k,
     pinCheckboxColumn: L = !0,
@@ -3174,7 +3174,7 @@ function el(n) {
     onRowOrderChange: te,
     loading: J = !1,
     treeData: we = !1,
-    getTreeDataPath: v,
+    getTreeDataPath: b,
     defaultGroupingExpansionDepth: H,
     rowGroupingModel: T,
     aggregationModel: A,
@@ -3182,9 +3182,9 @@ function el(n) {
     getAggregationPosition: Z,
     isCellEditable: U,
     processRowUpdate: P,
-    onProcessRowUpdateError: ue,
-    dataSource: oe,
-    sortingMode: be = "client",
+    onProcessRowUpdateError: ce,
+    dataSource: ie,
+    sortingMode: ve = "client",
     filterMode: nt = "client",
     paginationMode: z = "client",
     rowCount: Ne,
@@ -3200,48 +3200,48 @@ function el(n) {
     initialState: _t,
     onStateChange: Be,
     // Column Visibility
-    columnVisibilityModel: Zn,
-    onColumnVisibilityModelChange: eo,
+    columnVisibilityModel: eo,
+    onColumnVisibilityModelChange: to,
     listView: an = !1,
-    listViewColumn: to,
+    listViewColumn: no,
     columnGroupingModel: Et,
-    noRowsLabel: En = "No Data",
-    apiRef: Nn
-  } = n, To = ce(() => ({ items: [] }), []), Ye = d || To, [Fo, Wo] = Q(
+    noRowsLabel: Nn = "No Data",
+    apiRef: In
+  } = n, To = de(() => ({ items: [] }), []), Ye = d || To, [Fo, Wo] = Q(
     () => _t?.sorting?.sortModel ?? []
-  ), In = w !== void 0, ot = In ? w : Fo, Oo = ce(() => [], []), Pn = T || Oo, Mn = A !== void 0, no = ce(() => Ie?.toolbar, [Ie?.toolbar]), [Ao, zo] = Q(
+  ), Pn = w !== void 0, ot = Pn ? w : Fo, Oo = de(() => [], []), Mn = T || Oo, Ln = A !== void 0, oo = de(() => Ie?.toolbar, [Ie?.toolbar]), [Ao, zo] = Q(
     () => A ?? {}
-  ), rt = Mn ? A : Ao, Bo = W((c) => {
-    Mn || zo(c), O?.(c);
-  }, [Mn, O]), [$o, Ho] = Q(
+  ), rt = Ln ? A : Ao, Bo = W((c) => {
+    Ln || zo(c), O?.(c);
+  }, [Ln, O]), [$o, Ho] = Q(
     () => _t?.columns?.columnVisibilityModel ?? {}
-  ), Ln = Zn !== void 0, Qe = Ln ? Zn : $o, Zt = W((c) => {
-    Ln || Ho(c), eo?.(c);
-  }, [Ln, eo]), [Do, Go] = Q(
+  ), Tn = eo !== void 0, Qe = Tn ? eo : $o, Zt = W((c) => {
+    Tn || Ho(c), to?.(c);
+  }, [Tn, to]), [Do, Go] = Q(
     () => _t?.columns?.pinnedColumns ?? {}
-  ), Tn = b !== void 0, it = Tn ? b : Do, Fn = W((c) => {
-    Tn || Go(c), S?.(c);
-  }, [Tn, S]), Vo = ce(() => ({ rowFields: [], columnFields: [], valueFields: [] }), []), [Uo, Ko] = Q(jt ?? Vo), oo = jt ?? Uo, Yo = W((c) => {
+  ), Fn = v !== void 0, it = Fn ? v : Do, Wn = W((c) => {
+    Fn || Go(c), S?.(c);
+  }, [Fn, S]), Vo = de(() => ({ rowFields: [], columnFields: [], valueFields: [] }), []), [Uo, Ko] = Q(jt ?? Vo), ro = jt ?? Uo, Yo = W((c) => {
     Ko(c), ht?.(c);
-  }, [ht]), dn = Ci(o, e, oo, Ge), en = Ge && dn.isValid ? dn.pivotRows : o, lt = Ge && dn.isValid ? dn.pivotColumns : e, [Xo, ro] = Q(null);
+  }, [ht]), dn = Ci(o, e, ro, Ge), On = Ge && dn.isValid ? dn.pivotRows : o, lt = Ge && dn.isValid ? dn.pivotColumns : e, [Xo, io] = Q(null);
   ee(() => {
-    ro(null);
+    io(null);
   }, [rt]);
   const [qo, Jo] = Q(
     () => _t?.pagination?.paginationModel ?? E
-  ), Wn = n.paginationModel !== void 0, xe = Wn ? E : qo, cn = W((c) => {
-    Wn || Jo(c), j?.(c);
-  }, [Wn, j]), [Qo, io] = Q([]), tn = u !== void 0, lo = tn ? u : Qo, Pe = ce(() => new Set(lo), [lo]), un = g, Nt = ne(null), Zo = ne(null), gn = ne(null), er = W((c) => c.id, []), On = r || er, [Ze, Ft] = Q(null), Wt = W((c) => {
-    Un.current?.classList.toggle("ogx--kb", c);
-  }, []), so = ne(oe);
-  so.current = oe;
-  const ao = ne(null), co = ne(null), tr = W((c) => {
-    if (so.current && we && c.serverChildrenCount > 0 && c.children.length === 0) {
-      const R = co.current?.getNodePath(c.id) || [c.groupingKey];
-      ao.current?.(c.id, R);
+  ), An = n.paginationModel !== void 0, xe = An ? E : qo, cn = W((c) => {
+    An || Jo(c), j?.(c);
+  }, [An, j]), [Qo, lo] = Q([]), en = u !== void 0, so = en ? u : Qo, Pe = de(() => new Set(so), [so]), un = g, Nt = ne(null), Zo = ne(null), gn = ne(null), er = W((c) => c.id, []), fn = r || er, [Ze, Ft] = Q(null), Wt = W((c) => {
+    Kn.current?.classList.toggle("ogx--kb", c);
+  }, []), ao = ne(ie);
+  ao.current = ie;
+  const co = ne(null), uo = ne(null), tr = W((c) => {
+    if (ao.current && we && c.serverChildrenCount > 0 && c.children.length === 0) {
+      const R = uo.current?.getNodePath(c.id) || [c.groupingKey];
+      co.current?.(c.id, R);
     }
   }, [we]), st = ii({
-    rows: en,
+    rows: On,
     columns: lt,
     rowHeight: i,
     headerHeight: l,
@@ -3249,32 +3249,32 @@ function el(n) {
     columnVisibilityModel: Qe,
     initialState: n.initialState
   }), {
-    state: de,
+    state: ue,
     apiRef: Ot,
-    setRows: An,
-    setColumns: uo,
-    setScroll: go,
-    setDimensions: fo,
+    setRows: zn,
+    setColumns: go,
+    setScroll: fo,
+    setDimensions: ho,
     setDataSourceLoading: nr,
     setDataSourceError: or,
     setRowCount: rr
   } = st;
   ee(() => {
-    Nn && (Nn.current = Ot.current);
-  }, [Nn, Ot]);
-  const { copySelectedRows: ho } = ji({
+    In && (In.current = Ot.current);
+  }, [In, Ot]);
+  const { copySelectedRows: po } = ji({
     selectedRowIds: Pe,
     columns: lt,
     getVisibleRows: () => Ot.current.getVisibleRows(),
-    getRowId: On
+    getRowId: fn
   });
   ee(() => {
-    Ot.current.copySelectedRows = ho, Ot.current.getSelectedRows = () => Array.from(Pe);
-  }, [ho, Pe, Ot]);
-  const ir = de.dataSource.loading, nn = J || ir, po = ce(() => de.rows.allRows.map((c) => de.rows.idRowsLookup.get(c)), [de.rows]), zn = hi({
-    rows: po,
-    getRowId: On,
-    getTreeDataPath: v,
+    Ot.current.copySelectedRows = po, Ot.current.getSelectedRows = () => Array.from(Pe);
+  }, [po, Pe, Ot]);
+  const ir = ue.dataSource.loading, tn = J || ir, nn = de(() => ue.rows.allRows.map((c) => ue.rows.idRowsLookup.get(c)), [ue.rows]), Bn = hi({
+    rows: nn,
+    getRowId: fn,
+    getTreeDataPath: b,
     treeData: we,
     defaultGroupingExpansionDepth: H,
     filterModel: Ye,
@@ -3282,48 +3282,48 @@ function el(n) {
     onRowExpansionChange: tr
   });
   ee(() => {
-    co.current = zn;
-  }, [zn]);
+    uo.current = Bn;
+  }, [Bn]);
   const lr = xi({
-    rows: po,
-    getRowId: On,
-    rowGroupingModel: Pn,
+    rows: nn,
+    getRowId: fn,
+    rowGroupingModel: Mn,
     aggregationModel: rt,
     defaultGroupingExpansionDepth: H,
     filterModel: Ye,
     sortModel: ot,
     getAggregationPosition: Z
   }), $e = mi({
-    rows: o,
-    getRowId: (c) => c.id,
+    rows: nn,
+    getRowId: fn,
     processRowUpdate: P,
-    onProcessRowUpdateError: ue,
+    onProcessRowUpdateError: ce,
     onRowChange: (c) => {
       const { dispatch: R } = st, V = Array.from(st.state.rows.idRowsLookup.values()).map(
         (le) => le.id === c.id ? c : le
       );
       R({ type: "SET_ROWS", payload: V });
     }
-  }), Bn = we, At = !!(Pn && Pn.length > 0), fn = Bn || At, He = Bn ? zn : At ? lr : null, Me = N && !At, hn = W((c) => {
+  }), $n = we, At = !!(Mn && Mn.length > 0), hn = $n || At, He = $n ? Bn : At ? lr : null, Me = N && !At, pn = W((c) => {
     const { row: R, id: M } = c;
-    if (fn && R._hasChildren) {
+    if (hn && R._hasChildren) {
       He?.toggleExpansion(M);
       return;
     }
     f?.(c);
-  }, [fn, He, f]), Oe = ce(() => fn ? lt.map((c, R) => R === 0 ? {
+  }, [hn, He, f]), Oe = de(() => hn ? lt.map((c, R) => R === 0 ? {
     ...c,
     renderCell: (M) => {
-      const { _treeDepth: V, _hasChildren: le, _isExpanded: fe, _groupingField: Ce, _groupingValue: qe, _descendantCount: Ue } = M.row, ve = (V || 0) * 24;
+      const { _treeDepth: V, _hasChildren: le, _isExpanded: fe, _groupingField: Ce, _groupingValue: qe, _descendantCount: Ue } = M.row, be = (V || 0) * 24;
       let ae = c.renderCell ? c.renderCell(M) : M.value;
-      return Bn && le && M.row._isGroupRow && (ae = /* @__PURE__ */ t.jsxs("div", { className: "ogx__group-cell-content", children: [
+      return $n && le && M.row._isGroupRow && (ae = /* @__PURE__ */ t.jsxs("div", { className: "ogx__group-cell-content", children: [
         M.value,
         Ue !== void 0 && Ue > 0 ? ` (${Ue})` : ""
       ] })), At && le && Ce && (ae = /* @__PURE__ */ t.jsxs("div", { className: "ogx__group-cell-content", children: [
         c.field === Ce ? "" : `${Ce}: `,
         String(qe),
         Ue !== void 0 ? ` (${Ue})` : ""
-      ] })), /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", paddingLeft: ve, width: "100%", height: "100%" }, children: [
+      ] })), /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", paddingLeft: be, width: "100%", height: "100%" }, children: [
         /* @__PURE__ */ t.jsx(
           "div",
           {
@@ -3377,44 +3377,44 @@ function el(n) {
       const { _hasChildren: V, _groupingField: le } = M.row;
       return At && V ? c.field === le ? null : M.value !== void 0 && M.value !== null ? c.renderCell ? c.renderCell(M) : M.value : null : c.renderCell ? c.renderCell(M) : M.value;
     }
-  }) : lt, [lt, fn, At, He]), $n = vi({
-    dataSource: oe,
+  }) : lt, [lt, hn, At, He]), Hn = bi({
+    dataSource: ie,
     sortModel: ot,
     filterModel: Ye,
     paginationModel: xe,
     paginationMode: z,
-    sortingMode: be,
+    sortingMode: ve,
     filterMode: nt,
     aggregationModel: rt,
-    setRows: An,
+    setRows: zn,
     setRowCount: rr,
     setDataSourceLoading: nr,
     setDataSourceError: or,
-    onAggregationResults: ro
+    onAggregationResults: io
   });
   ee(() => {
-    $n.fetchChildren && (ao.current = $n.fetchChildren);
-  }, [$n.fetchChildren]);
+    Hn.fetchChildren && (co.current = Hn.fetchChildren);
+  }, [Hn.fetchChildren]);
   const [at, sr] = Q(
     () => _t?.columns?.columnWidths ?? {}
   ), [ar, xo] = Q(
     () => _t?.columns?.columnOrder ?? lt.map((c) => c.field)
   ), zt = $ || ar;
   ee(() => {
-    oe || An(en);
-  }, [en, An, oe]), ee(() => {
-    uo(lt);
-  }, [lt, uo]), ee(() => {
+    ie || zn(On);
+  }, [On, zn, ie]), ee(() => {
+    go(lt);
+  }, [lt, go]), ee(() => {
     Ge && xo(lt.map((c) => c.field));
   }, [Ge, lt]);
-  const Bt = ce(() => {
+  const Bt = de(() => {
     if (Y) return Oe;
     const c = new Map(zt.map((R, M) => [R, M]));
     return [...Oe].sort((R, M) => {
       const V = c.get(R.field) ?? Oe.indexOf(R), le = c.get(M.field) ?? Oe.indexOf(M);
       return V - le;
     });
-  }, [Oe, zt, Y]), mo = ce(() => Bt.filter((c) => Qe[c.field] !== !1), [Bt, Qe]), $t = li({
+  }, [Oe, zt, Y]), mo = de(() => Bt.filter((c) => Qe[c.field] !== !1), [Bt, Qe]), $t = li({
     columns: Bt,
     onColumnOrderChange: W((c) => {
       const { oldIndex: R, targetIndex: M } = c, V = [...zt], [le] = V.splice(R, 1);
@@ -3424,14 +3424,14 @@ function el(n) {
   }), [dr, cr] = Q(/* @__PURE__ */ new Set()), yt = p ?? dr, et = !!I, on = W((c) => {
     const R = new Set(yt);
     R.has(c) ? R.delete(c) : R.add(c), p === void 0 && cr(R), k?.(R);
-  }, [yt, p, k]), ye = ce(() => {
+  }, [yt, p, k]), ye = de(() => {
     const c = [];
     return D && c.push({ field: "__reorder_col__" }), et && c.push({ field: "__expand_col__" }), s && c.push({ field: "__checkbox_col__" }), [...c, ...Bt];
   }, [Bt, s, et, D]), ur = W((c, R) => {
     sr((M) => ({ ...M, [c]: R }));
-  }, []), Hn = ne(Be);
-  Hn.current = Be, ee(() => {
-    if (!Hn.current) return;
+  }, []), Dn = ne(Be);
+  Dn.current = Be, ee(() => {
+    if (!Dn.current) return;
     const c = {
       sorting: { sortModel: ot },
       filter: { filterModel: Ye },
@@ -3443,7 +3443,7 @@ function el(n) {
         pinnedColumns: it
       }
     };
-    Hn.current(c);
+    Dn.current(c);
   }, [
     ot,
     Ye,
@@ -3453,12 +3453,12 @@ function el(n) {
     Qe,
     it
   ]);
-  const pn = ce(() => oe ? Array.from(de.rows.idRowsLookup.values()) : en, [oe, de.rows.idRowsLookup, en]), Ve = ce(() => He ? He.getVisibleRows() || [] : nt === "server" && oe ? pn : ui(pn, Ye), [pn, Ye, He, nt, oe]), { top: Xe, center: Ht, bottom: dt } = ce(() => He ? { top: [], center: Ve, bottom: [] } : Pr(Ve, C), [Ve, C, He]), Le = ce(() => He || be === "server" && oe ? Ht : fi(Ht, ot), [Ht, ot, He, be, oe]), pt = ce(() => {
-    if (!Me || z === "server" && oe)
+  const xn = de(() => nn, [nn]), Ve = de(() => He ? He.getVisibleRows() || [] : nt === "server" && ie ? xn : ui(xn, Ye), [xn, Ye, He, nt, ie]), { top: Xe, center: Ht, bottom: dt } = de(() => He ? { top: [], center: Ve, bottom: [] } : Pr(Ve, y), [Ve, y, He]), Le = de(() => He || ve === "server" && ie ? Ht : fi(Ht, ot), [Ht, ot, He, ve, ie]), pt = de(() => {
+    if (!Me || z === "server" && ie)
       return Le;
     const c = xe.page * xe.pageSize, R = c + xe.pageSize;
     return Le.slice(c, R);
-  }, [Le, Me, xe.page, xe.pageSize, z, oe]);
+  }, [Le, Me, xe.page, xe.pageSize, z, ie]);
   ee(() => {
     st.apiRef.current.getVisibleRows = () => Le, st.apiRef.current.getVisibleColumns = () => Oe;
   }, [Le, Oe, st.apiRef]);
@@ -3467,11 +3467,11 @@ function el(n) {
     getRowId: (c) => c.id,
     onRowOrderChange: te,
     rowReordering: D
-  }), Re = ce(() => {
+  }), Re = de(() => {
     if (He)
       return Ht;
     const c = Me ? pt : Le, R = [...Xe, ...c, ...dt];
-    if (z === "infinite" && de.dataSource.loading && R.length > 0) {
+    if (z === "infinite" && ue.dataSource.loading && R.length > 0) {
       const M = Math.min(xe.pageSize, 20), V = Array.from({ length: M }, (le, fe) => ({
         id: `__skeleton_${fe}__`,
         _isSkeleton: !0
@@ -3488,38 +3488,38 @@ function el(n) {
     He,
     Ht,
     z,
-    de.dataSource.loading,
+    ue.dataSource.loading,
     xe.pageSize
   ]), Gt = wi(
     Re,
     ye,
     at
-  ), { aggregationResult: Dn } = _i({
+  ), { aggregationResult: Gn } = _i({
     rows: Ve,
     aggregationModel: rt,
-    isServerSide: !!(oe && (z === "server" || be === "server")),
-    dataSource: oe,
+    isServerSide: !!(ie && (z === "server" || ve === "server")),
+    dataSource: ie,
     filterModel: Ye,
     sortModel: ot,
     serverAggregationResults: Xo
-  }), xn = Object.keys(rt).length > 0;
+  }), mn = Object.keys(rt).length > 0;
   ee(() => {
-    st.apiRef.current.getAggregationResult = () => xn ? Dn : null, st.apiRef.current.getAggregationModel = () => xn ? rt : null;
-  }, [Dn, rt, xn, st.apiRef]);
-  const Gn = ce(() => {
+    st.apiRef.current.getAggregationResult = () => mn ? Gn : null, st.apiRef.current.getAggregationModel = () => mn ? rt : null;
+  }, [Gn, rt, mn, st.apiRef]);
+  const Vn = de(() => {
     const c = i, R = Me ? pt : Le, M = R.map((F, X) => {
-      let re = c;
+      let oe = c;
       if (yt.has(F.id)) {
-        const De = y?.({ row: F, id: F.id, rowIndex: Xe.length + X }) ?? 200;
-        re += typeof De == "number" ? De : parseInt(String(De), 10) || 200;
+        const De = C?.({ row: F, id: F.id, rowIndex: Xe.length + X }) ?? 200;
+        oe += typeof De == "number" ? De : parseInt(String(De), 10) || 200;
       }
-      return re;
-    }), V = M.reduce((F, X, re) => (F.push((F[re - 1] || 0) + X), F), []), fe = (z === "infinite" && de.dataSource.loading && R.length > 0 ? Math.min(xe.pageSize, 20) : 0) * c, Ce = (V[V.length - 1] || 0) + fe, qe = Xe.length * c, Ue = dt.length * c, se = [], ve = [], ae = [], G = [];
+      return oe;
+    }), V = M.reduce((F, X, oe) => (F.push((F[oe - 1] || 0) + X), F), []), fe = (z === "infinite" && ue.dataSource.loading && R.length > 0 ? Math.min(xe.pageSize, 20) : 0) * c, Ce = (V[V.length - 1] || 0) + fe, qe = Xe.length * c, Ue = dt.length * c, se = [], be = [], ae = [], G = [];
     mo.forEach((F) => {
-      const X = Rn(F.field, it);
-      X === "left" ? se.push(F) : X === "right" ? ve.push(F) : ae.push(F);
+      const X = En(F.field, it);
+      X === "left" ? se.push(F) : X === "right" ? be.push(F) : ae.push(F);
     });
-    const me = de.dimensions.viewportWidth || 1e3, je = (s ? 48 : 0) + (et ? 48 : 0) + (D ? 48 : 0), _e = (F) => at[F.field] ?? F.width, Te = (F) => {
+    const me = ue.dimensions.viewportWidth || 1e3, je = (s ? 48 : 0) + (et ? 48 : 0) + (D ? 48 : 0), _e = (F) => at[F.field] ?? F.width, Te = (F) => {
       if (F === void 0) return { type: "auto", value: 0 };
       if (typeof F == "number") return { type: "fixed", value: F };
       if (typeof F == "string") {
@@ -3531,18 +3531,18 @@ function el(n) {
       }
       return { type: "fixed", value: 100 };
     }, Fe = se.reduce((F, X) => {
-      const re = Te(_e(X));
-      return F + (re.type === "fixed" ? re.value : 100);
-    }, 0), he = ve.reduce((F, X) => {
-      const re = Te(_e(X));
-      return F + (re.type === "fixed" ? re.value : 100);
+      const oe = Te(_e(X));
+      return F + (oe.type === "fixed" ? oe.value : 100);
+    }, 0), he = be.reduce((F, X) => {
+      const oe = Te(_e(X));
+      return F + (oe.type === "fixed" ? oe.value : 100);
     }, 0), ge = ae.reduce((F, X) => {
       if (X.flex && X.flex > 0) {
-        const De = X.minWidth ?? 150, vt = typeof X.width == "number" ? X.width : 150;
-        return F + (De || vt);
+        const De = X.minWidth ?? 150, bt = typeof X.width == "number" ? X.width : 150;
+        return F + (De || bt);
       }
-      const re = Te(_e(X));
-      return re.type === "fixed" ? F + re.value : re.type === "percentage" ? F + 100 : F + (X.minWidth ?? 150);
+      const oe = Te(_e(X));
+      return oe.type === "fixed" ? F + oe.value : oe.type === "percentage" ? F + 100 : F + (X.minWidth ?? 150);
     }, 0), xt = Math.max(
       me - je - Fe - he,
       ge
@@ -3560,8 +3560,8 @@ function el(n) {
     let We = Math.max(0, xt - Ke);
     const ut = /* @__PURE__ */ new Map();
     Ae.forEach(({ col: F, percentage: X }) => {
-      const re = X / 100 * We;
-      ut.set(F.field, re), We -= re;
+      const oe = X / 100 * We;
+      ut.set(F.field, oe), We -= oe;
     }), We = Math.max(0, We);
     const Ct = /* @__PURE__ */ new Map(), mt = Ee.map((F) => ({
       ...F,
@@ -3575,40 +3575,40 @@ function el(n) {
       const X = mt.length * 2;
       for (; F < X; ) {
         F++;
-        const re = mt.filter((ie) => !ie.frozen);
-        if (re.length === 0) break;
-        const De = re.reduce((ie, gt) => ie + gt.flex, 0), vt = mt.reduce((ie, gt) => gt.frozen ? ie + gt.computedWidth : ie, 0), _r = Math.max(0, We - vt);
+        const oe = mt.filter((re) => !re.frozen);
+        if (oe.length === 0) break;
+        const De = oe.reduce((re, gt) => re + gt.flex, 0), bt = mt.reduce((re, gt) => gt.frozen ? re + gt.computedWidth : re, 0), _r = Math.max(0, We - bt);
         if (De <= 0) {
-          re.forEach((ie) => {
-            ie.computedWidth = ie.minWidth, ie.frozen = !0;
+          oe.forEach((re) => {
+            re.computedWidth = re.minWidth, re.frozen = !0;
           });
           break;
         }
         const yr = _r / De;
         let vn = 0;
-        const bn = [], _n = [];
-        if (re.forEach((ie) => {
-          const gt = yr * ie.flex;
-          if (gt < ie.minWidth) {
-            const Kn = ie.minWidth - gt;
-            vn += Kn, bn.push(ie);
-          } else if (gt > ie.maxWidth) {
-            const Kn = ie.maxWidth - gt;
-            vn += Kn, _n.push(ie);
+        const _n = [], yn = [];
+        if (oe.forEach((re) => {
+          const gt = yr * re.flex;
+          if (gt < re.minWidth) {
+            const Yn = re.minWidth - gt;
+            vn += Yn, _n.push(re);
+          } else if (gt > re.maxWidth) {
+            const Yn = re.maxWidth - gt;
+            vn += Yn, yn.push(re);
           } else
-            ie.computedWidth = gt;
-        }), bn.length === 0 && _n.length === 0) {
-          re.forEach((ie) => ie.frozen = !0);
+            re.computedWidth = gt;
+        }), _n.length === 0 && yn.length === 0) {
+          oe.forEach((re) => re.frozen = !0);
           break;
         }
-        vn > 0 ? bn.forEach((ie) => {
-          ie.computedWidth = ie.minWidth, ie.frozen = !0;
-        }) : vn < 0 ? _n.forEach((ie) => {
-          ie.computedWidth = ie.maxWidth, ie.frozen = !0;
-        }) : (bn.forEach((ie) => {
-          ie.computedWidth = ie.minWidth, ie.frozen = !0;
-        }), _n.forEach((ie) => {
-          ie.computedWidth = ie.maxWidth, ie.frozen = !0;
+        vn > 0 ? _n.forEach((re) => {
+          re.computedWidth = re.minWidth, re.frozen = !0;
+        }) : vn < 0 ? yn.forEach((re) => {
+          re.computedWidth = re.maxWidth, re.frozen = !0;
+        }) : (_n.forEach((re) => {
+          re.computedWidth = re.minWidth, re.frozen = !0;
+        }), yn.forEach((re) => {
+          re.computedWidth = re.maxWidth, re.frozen = !0;
         }));
       }
     })(), mt.forEach((F) => Ct.set(F.col.field, F.computedWidth));
@@ -3618,39 +3618,39 @@ function el(n) {
       if (Ct.has(F.field))
         X = Ct.get(F.field);
       else {
-        const re = ct.find((vt) => vt.col.field === F.field), De = Ae.find((vt) => vt.col.field === F.field);
-        if (re)
-          X = re.width;
+        const oe = ct.find((bt) => bt.col.field === F.field), De = Ae.find((bt) => bt.col.field === F.field);
+        if (oe)
+          X = oe.width;
         else if (De) {
-          const vt = ut.get(F.field) || 0;
-          X = Math.max(F.minWidth ?? 50, vt || 100);
+          const bt = ut.get(F.field) || 0;
+          X = Math.max(F.minWidth ?? 50, bt || 100);
         } else
           X = 100;
       }
       G.push(X), Ut.set(F.field, X);
     });
     const wt = ae.map((F) => {
-      const X = mt.find((re) => re.col.field === F.field);
+      const X = mt.find((oe) => oe.col.field === F.field);
       return {
         ...F,
         width: Ut.get(F.field) ?? (typeof F.width == "number" ? F.width : 100),
         flex: X ? X.flex : F.flex
       };
     }), Je = 11, It = se.map((F, X) => {
-      const re = Te(_e(F)), De = re.type === "fixed" ? re.value : 100;
+      const oe = Te(_e(F)), De = oe.type === "fixed" ? oe.value : 100;
       return {
         ...F,
         width: De,
         zIndex: Je + X
       };
-    }), Kt = 11, kt = ve.map((F, X) => {
-      const re = Te(_e(F)), De = re.type === "fixed" ? re.value : 100;
+    }), Kt = 11, kt = be.map((F, X) => {
+      const oe = Te(_e(F)), De = oe.type === "fixed" ? oe.value : 100;
       return {
         ...F,
         width: De,
-        zIndex: Kt + (ve.length - 1 - X)
+        zIndex: Kt + (be.length - 1 - X)
       };
-    }), tt = G.reduce((F, X) => F + X, 0), ke = Fe + tt + he + je, br = G.reduce((F, X, re) => (F.push((F[re - 1] || 0) + X), F), []);
+    }), tt = G.reduce((F, X) => F + X, 0), ke = Fe + tt + he + je, vr = G.reduce((F, X, oe) => (F.push((F[oe - 1] || 0) + X), F), []);
     return {
       rowHeights: M,
       cumulativeHeights: V,
@@ -3661,7 +3661,7 @@ function el(n) {
       rightPinnedCols: kt,
       unpinnedColsWithWidth: wt,
       unpinnedColWidths: G,
-      unpinnedAccWidths: br,
+      unpinnedAccWidths: vr,
       totalWidth: ke,
       leftWidth: Fe,
       rightWidth: he,
@@ -3677,17 +3677,17 @@ function el(n) {
     pt,
     Le,
     yt,
-    y,
+    C,
     Xe.length,
     dt.length,
     yt,
-    y,
+    C,
     Xe.length,
     dt.length,
     mo,
     it,
     at,
-    de.dimensions.viewportWidth,
+    ue.dimensions.viewportWidth,
     s,
     et,
     D,
@@ -3695,9 +3695,9 @@ function el(n) {
     B,
     a,
     z,
-    de.dataSource.loading,
+    ue.dataSource.loading,
     xe.pageSize
-  ]), Se = ce(() => {
+  ]), Se = de(() => {
     const {
       unpinnedAccWidths: c,
       unpinnedColsWithWidth: R,
@@ -3709,12 +3709,12 @@ function el(n) {
       unpinnedTotalWidth: qe,
       systemColumnsWidth: Ue,
       cumulativeHeights: se,
-      pinnedTopHeight: ve,
+      pinnedTopHeight: be,
       pinnedBottomHeight: ae,
       unpinnedRowsHeight: G,
       rowHeights: me,
       unpinnedRowsLength: je
-    } = Gn, _e = de.virtualization.scrollLeft, Te = de.virtualization.scrollTop, Fe = de.dimensions.viewportWidth || 1e3, he = a ? ve + G + ae + 50 : de.dimensions.viewportHeight || 600, ge = 6, xt = Math.max(0, _e - fe), ct = _e + Fe - fe;
+    } = Vn, _e = ue.virtualization.scrollLeft, Te = ue.virtualization.scrollTop, Fe = ue.dimensions.viewportWidth || 1e3, he = a ? be + G + ae + 50 : ue.dimensions.viewportHeight || 600, ge = 6, xt = Math.max(0, _e - fe), ct = _e + Fe - fe;
     let Ae = 0, Ee = R.length - 1, ze = 0, Ke = c.length - 1;
     for (; ze <= Ke; ) {
       const ke = ze + Ke >>> 1;
@@ -3734,7 +3734,7 @@ function el(n) {
       ...R.slice(Ae, Ee + 1),
       ...ut > 0 ? [{ field: "__spacer_right__", width: ut, isSpacer: !0 }] : [],
       ...V
-    ], rn = Fe > 0 && le > Fe ? 16 : 0, Ut = ve + G + ae + rn + 2, wt = 5;
+    ], rn = Fe > 0 && le > Fe ? 16 : 0, Ut = be + G + ae + rn + 2, wt = 5;
     let Je = 0, It = je - 1, Kt = 0, kt = 0, tt = se.length - 1;
     for (; kt <= tt; ) {
       const ke = kt + tt >>> 1;
@@ -3756,7 +3756,7 @@ function el(n) {
       offsetTop: Kt,
       offsetLeft: 0,
       totalHeight: Ut,
-      pinnedTopHeight: ve,
+      pinnedTopHeight: be,
       pinnedBottomHeight: ae,
       totalWidth: le,
       rowHeights: me,
@@ -3772,15 +3772,15 @@ function el(n) {
       }
     };
   }, [
-    Gn,
-    de.virtualization.scrollTop,
-    de.virtualization.scrollLeft,
-    de.dimensions.viewportHeight,
-    de.dimensions.viewportWidth,
+    Vn,
+    ue.virtualization.scrollTop,
+    ue.virtualization.scrollLeft,
+    ue.dimensions.viewportHeight,
+    ue.dimensions.viewportWidth,
     a
   ]), gr = W((c) => {
     const R = c.currentTarget;
-    if (go(R.scrollTop, R.scrollLeft), Rt) {
+    if (fo(R.scrollTop, R.scrollLeft), Rt) {
       const { scrollTop: M, scrollHeight: V, clientHeight: le } = R;
       V - M - le < 100 && Rt({
         visibleTop: M,
@@ -3788,38 +3788,38 @@ function el(n) {
         viewportHeight: le
       });
     }
-  }, [go, Rt]);
+  }, [fo, Rt]);
   ee(() => {
     if (!Nt.current) return;
     const c = new ResizeObserver((R) => {
       for (const M of R) {
         const { width: V, height: le } = M.contentRect;
-        fo(V, le);
+        ho(V, le);
       }
     });
     return c.observe(Nt.current), () => {
       c.disconnect();
     };
-  }, [fo]);
+  }, [ho]);
   const Vt = W((c, R) => {
     const M = new Set(Pe);
     R ? M.add(c) : M.delete(c);
     const V = Array.from(M);
-    tn || io(V), un?.(V);
-  }, [Pe, tn, un]), fr = W((c) => {
+    en || lo(V), un?.(V);
+  }, [Pe, en, un]), fr = W((c) => {
     let R = [];
-    c && (R = pn.map((M) => M.id)), tn || io(R), un?.(R);
-  }, [o, tn, un]), wo = W((c, R) => {
+    c && (R = xn.map((M) => M.id)), en || lo(R), un?.(R);
+  }, [o, en, un]), wo = W((c, R) => {
     const M = R ? [{ field: c, sort: R }] : [];
-    In || Wo(M), x?.(M);
-  }, [In, x]), Vn = W((c) => {
+    Pn || Wo(M), x?.(M);
+  }, [Pn, x]), Un = W((c) => {
     Wt(!1), Ft({ id: c.row.id, field: c.field }), gn.current?.focus({ preventScroll: !0 }), m?.(c);
-  }, [m, Wt]), vo = ne($e.editingCell);
+  }, [m, Wt]), bo = ne($e.editingCell);
   ee(() => {
-    const c = !!vo.current, R = !!$e.editingCell;
-    c && !R && gn.current?.focus({ preventScroll: !0 }), vo.current = $e.editingCell;
+    const c = !!bo.current, R = !!$e.editingCell;
+    c && !R && gn.current?.focus({ preventScroll: !0 }), bo.current = $e.editingCell;
   }, [$e.editingCell]);
-  const bo = ce(() => {
+  const vo = de(() => {
     const { firstRowIndex: c, lastRowIndex: R } = Se.renderContext, M = Xe.length, V = Xe.map((ae, G) => ({ row: ae, rowIndex: G })), le = dt.map((ae, G) => ({
       row: ae,
       rowIndex: M + (Me ? pt.length : Le.length) + G
@@ -3839,7 +3839,7 @@ function el(n) {
     Le,
     Me,
     z,
-    de.dataSource.loading,
+    ue.dataSource.loading,
     xe.pageSize,
     i
   ]), hr = o.length > 0 && Pe.size === o.length, pr = Pe.size > 0 && Pe.size < o.length, xr = W((c) => {
@@ -3932,26 +3932,26 @@ function el(n) {
       }
       return null;
     };
-    let se = fe, ve = Ce, ae = !1;
+    let se = fe, be = Ce, ae = !1;
     if (c.key === "Tab") {
       const G = c.shiftKey ? -1 : 1, me = Ue(fe, Ce, 0, G, !0, !1);
-      me && (se = me.r, ve = me.c, ae = !0);
+      me && (se = me.r, be = me.c, ae = !0);
     } else if (c.key === "ArrowRight") {
       const G = qe(fe, Ce, 0, 1, !0, !0);
-      G && (se = G.r, ve = G.c, ae = !0);
+      G && (se = G.r, be = G.c, ae = !0);
     } else if (c.key === "ArrowLeft") {
       const G = qe(fe, Ce, 0, -1, !0, !0);
-      G && (se = G.r, ve = G.c, ae = !0);
+      G && (se = G.r, be = G.c, ae = !0);
     } else if (c.key === "ArrowDown") {
       const G = qe(fe, Ce, 1, 0, !1, !0);
-      G && (se = G.r, ve = G.c, ae = !0);
+      G && (se = G.r, be = G.c, ae = !0);
     } else if (c.key === "ArrowUp") {
       const G = qe(fe, Ce, -1, 0, !1, !0);
-      G && (se = G.r, ve = G.c, ae = !0);
+      G && (se = G.r, be = G.c, ae = !0);
     } else if (c.key === "Home")
-      (c.ctrlKey || c.metaKey) && (se = -1), ve = 0, ae = !0;
+      (c.ctrlKey || c.metaKey) && (se = -1), be = 0, ae = !0;
     else if (c.key === "End")
-      (c.ctrlKey || c.metaKey) && (se = Re.length - 1), ve = ye.length - 1, ae = !0;
+      (c.ctrlKey || c.metaKey) && (se = Re.length - 1), be = ye.length - 1, ae = !0;
     else if (c.key === "PageUp") {
       const G = Me ? xe.pageSize : 10;
       se = Math.max(-1, se - G), ae = !0;
@@ -3959,8 +3959,8 @@ function el(n) {
       const G = Me ? xe.pageSize : 10;
       se = Math.min(Re.length - 1, se + G), ae = !0;
     }
-    if (ae && (c.preventDefault(), V && c.key === "Tab" && $e.stopCellEdit(), se >= -1 && se < Re.length && ve >= 0 && ve < ye.length)) {
-      const G = ye[ve];
+    if (ae && (c.preventDefault(), V && c.key === "Tab" && $e.stopCellEdit(), se >= -1 && se < Re.length && be >= 0 && be < ye.length)) {
+      const G = ye[be];
       if (se === -1)
         Ft({ id: "HEADER", field: G.field });
       else {
@@ -3980,54 +3980,54 @@ function el(n) {
         }
       }
     }
-  }, [Ze, Re, ye, $e, Se, Pe, Vt, on]), vr = pe.useMemo(() => Oe.some((c) => !!c.rowSpan), [Oe]), [mn, wn] = pe.useState(!1), Un = pe.useRef(null);
+  }, [Ze, Re, ye, $e, Se, Pe, Vt, on]), br = pe.useMemo(() => Oe.some((c) => !!c.rowSpan), [Oe]), [wn, bn] = pe.useState(!1), Kn = pe.useRef(null);
   return ee(() => {
-    if (!mn || Ie?.toolbar) return;
+    if (!wn || Ie?.toolbar) return;
     function c(R) {
       const M = document.getElementById("ogx-standalone-col-panel");
-      M && !M.contains(R.target) && wn(!1);
+      M && !M.contains(R.target) && bn(!1);
     }
     return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
-  }, [mn, Ie?.toolbar]), /* @__PURE__ */ t.jsxs(
+  }, [wn, Ie?.toolbar]), /* @__PURE__ */ t.jsxs(
     "div",
     {
-      ref: Un,
-      className: `ogx ${Qt} ${a ? "ogx--auto-height" : ""} ${vr ? "ogx--row-spanning" : ""} ${an ? "ogx--list-view" : ""}`,
+      ref: Kn,
+      className: `ogx ${Qt} ${a ? "ogx--auto-height" : ""} ${br ? "ogx--row-spanning" : ""} ${an ? "ogx--list-view" : ""}`,
       style: {
         ...Lt,
         height: q ?? Lt?.height,
         "--ogx-row-height": `${i}px`,
         "--ogx-header-height": `${l}px`
       },
-      "aria-busy": nn,
+      "aria-busy": tn,
       children: [
-        no && (() => {
+        oo && (() => {
           const c = {
             apiRef: st.apiRef,
             columns: Oe,
             aggregationModel: rt,
             onAggregationModelChange: Bo,
             ...Ge ? {
-              pivotModel: oo,
+              pivotModel: ro,
               onPivotModelChange: Yo
             } : {},
             filterModel: Ye,
             onFilterModelChange: h,
             columnVisibilityModel: Qe,
             onColumnVisibilityModelChange: Zt,
-            forceColumnsOpen: mn,
-            onColumnsPanelClose: () => wn(!1),
+            forceColumnsOpen: wn,
+            onColumnsPanelClose: () => bn(!1),
             ...ft?.toolbar
           };
-          return /* @__PURE__ */ t.jsx(no, { ...c });
+          return /* @__PURE__ */ t.jsx(oo, { ...c });
         })(),
-        !Ie?.toolbar && mn && Mt.createPortal(
+        !Ie?.toolbar && wn && Mt.createPortal(
           /* @__PURE__ */ t.jsxs(
             "div",
             {
               id: "ogx-standalone-col-panel",
               style: (() => {
-                const c = Un.current?.getBoundingClientRect();
+                const c = Kn.current?.getBoundingClientRect();
                 return {
                   position: "fixed",
                   top: c ? c.top + 8 : 16,
@@ -4040,7 +4040,7 @@ function el(n) {
                 /* @__PURE__ */ t.jsx(
                   "button",
                   {
-                    onClick: () => wn(!1),
+                    onClick: () => bn(!1),
                     style: {
                       position: "absolute",
                       top: -12,
@@ -4093,7 +4093,7 @@ function el(n) {
           ),
           document.body
         ),
-        an && to && /* @__PURE__ */ t.jsxs(
+        an && no && /* @__PURE__ */ t.jsxs(
           "div",
           {
             className: "ogx-list-view",
@@ -4113,23 +4113,23 @@ function el(n) {
                   /* @__PURE__ */ t.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
                   /* @__PURE__ */ t.jsx("path", { d: "M3 9h18M9 21V9" })
                 ] }),
-                En
+                Nn
               ] }) : Re.map((c, R) => /* @__PURE__ */ t.jsx(
                 Er,
                 {
                   row: c,
                   rowIndex: R,
-                  listViewColumn: to,
+                  listViewColumn: no,
                   isSelected: Pe.has(c.id),
                   checkboxSelection: s,
                   rowHeight: i,
-                  onRowClick: (M) => hn({ row: M, id: M.id, rowIndex: R }),
+                  onRowClick: (M) => pn({ row: M, id: M.id, rowIndex: R }),
                   onSelectionChange: Vt
                 },
                 c.id
               )) }),
               Me && (() => {
-                const c = Ie?.pagination || ko, R = z === "server" && oe ? de.pagination.rowCount || 0 : Ve.length, M = {
+                const c = Ie?.pagination || ko, R = z === "server" && ie ? ue.pagination.rowCount || 0 : Ve.length, M = {
                   page: xe.page,
                   pageSize: xe.pageSize,
                   rowCount: R,
@@ -4155,7 +4155,7 @@ function el(n) {
             "aria-label": Tt || "Data grid",
             "aria-rowcount": Ve.length + 1,
             "aria-colcount": e.length + (s ? 1 : 0) + (et ? 1 : 0) + (D ? 1 : 0),
-            "aria-busy": nn,
+            "aria-busy": tn,
             tabIndex: 0,
             onKeyDownCapture: () => {
               Wt(!0);
@@ -4212,38 +4212,38 @@ function el(n) {
                           [c]: !1
                         });
                       },
-                      onManageColumns: () => wn(!0),
+                      onManageColumns: () => bn(!0),
                       onPinColumn: (c, R) => {
                         const M = [...it?.left ?? []], V = [...it?.right ?? []], le = M.filter((Ce) => Ce !== c), fe = V.filter((Ce) => Ce !== c);
-                        Fn(R === "left" ? { left: [...le, c], right: fe } : R === "right" ? { left: le, right: [...fe, c] } : { left: le, right: fe });
+                        Wn(R === "left" ? { left: [...le, c], right: fe } : R === "right" ? { left: le, right: [...fe, c] } : { left: le, right: fe });
                       }
                     }
                   ),
-                  !nn && !de.dataSource.error && Ve.length === 0 && /* @__PURE__ */ t.jsxs("div", { className: "ogx__empty", style: { width: Se.totalWidth }, children: [
+                  !tn && !ue.dataSource.error && Ve.length === 0 && /* @__PURE__ */ t.jsxs("div", { className: "ogx__empty", style: { width: Se.totalWidth }, children: [
                     /* @__PURE__ */ t.jsxs("svg", { width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
                       /* @__PURE__ */ t.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
                       /* @__PURE__ */ t.jsx("path", { d: "M3 9h18M9 21V9" })
                     ] }),
-                    /* @__PURE__ */ t.jsx("span", { children: En })
+                    /* @__PURE__ */ t.jsx("span", { children: Nn })
                   ] }),
                   Xe.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "ogx__pinned-rows ogx__pinned-rows--top", role: "rowgroup", children: Xe.map((c, R) => /* @__PURE__ */ t.jsx(
-                    Cn,
+                    kn,
                     {
                       row: c,
                       columns: Se.virtualColumns,
                       rowIndex: R,
                       isSelected: Pe.has(c.id),
                       checkboxSelection: s,
-                      onRowClick: hn,
-                      onCellClick: Vn,
+                      onRowClick: pn,
+                      onCellClick: Un,
                       onSelectionChange: Vt,
                       columnWidths: at,
                       pinnedColumns: it,
-                      pinnedRows: C,
+                      pinnedRows: y,
                       hasDetailPanel: et,
                       isDetailPanelExpanded: yt.has(c.id),
                       detailPanelContent: I ? I({ row: c, id: c.id, rowIndex: R }) : null,
-                      detailPanelHeight: y?.({ row: c, id: c.id, rowIndex: R }) || 200,
+                      detailPanelHeight: C?.({ row: c, id: c.id, rowIndex: R }) || 200,
                       onDetailPanelToggle: on,
                       pinCheckboxColumn: L,
                       pinExpandColumn: B,
@@ -4271,9 +4271,9 @@ function el(n) {
                           },
                           role: "rowgroup",
                           children: [
-                            nn && bo.length === 0 ? (() => {
+                            tn && vo.length === 0 ? (() => {
                               const c = e.length > 0 ? e : (() => {
-                                const R = (de.dimensions.viewportWidth || 1e3) - (s ? 48 : 0) - (I ? 48 : 0) - (D ? 48 : 0), M = 150, V = Math.max(1, Math.ceil(R / M));
+                                const R = (ue.dimensions.viewportWidth || 1e3) - (s ? 48 : 0) - (I ? 48 : 0) - (D ? 48 : 0), M = 150, V = Math.max(1, Math.ceil(R / M));
                                 return Array.from({ length: V }, (le, fe) => ({
                                   field: `placeholder_${fe}`,
                                   headerName: "",
@@ -4291,26 +4291,26 @@ function el(n) {
                                 },
                                 `skeleton-${M}`
                               ));
-                            })() : bo.filter(({ row: c }) => !Xn(c.id, C)).filter(
+                            })() : vo.filter(({ row: c }) => !qn(c.id, y)).filter(
                               (c, R, M) => R === M.findIndex((V) => V.row.id === c.row.id)
                             ).map(({ row: c, rowIndex: R }) => /* @__PURE__ */ t.jsx(
-                              Cn,
+                              kn,
                               {
                                 row: c,
                                 columns: Se.virtualColumns,
                                 rowIndex: R,
                                 isSelected: Pe.has(c.id),
                                 checkboxSelection: s,
-                                onRowClick: hn,
-                                onCellClick: Vn,
+                                onRowClick: pn,
+                                onCellClick: Un,
                                 onSelectionChange: Vt,
                                 columnWidths: at,
                                 pinnedColumns: it,
-                                pinnedRows: C,
+                                pinnedRows: y,
                                 hasDetailPanel: et,
                                 isDetailPanelExpanded: yt.has(c.id),
                                 detailPanelContent: I ? I({ row: c, id: c.id, rowIndex: R }) : null,
-                                detailPanelHeight: y?.({ row: c, id: c.id, rowIndex: R }) || 200,
+                                detailPanelHeight: C?.({ row: c, id: c.id, rowIndex: R }) || 200,
                                 onDetailPanelToggle: on,
                                 pinCheckboxColumn: L,
                                 pinExpandColumn: B,
@@ -4332,10 +4332,10 @@ function el(n) {
                               },
                               `${c.id}-${Se.totalWidth}`
                             )),
-                            z === "infinite" && de.dataSource.loading && Le.length > 0 && (() => {
-                              const c = Math.min(xe.pageSize, 20), R = Gn.unpinnedRowsLength;
+                            z === "infinite" && ue.dataSource.loading && Le.length > 0 && (() => {
+                              const c = Math.min(xe.pageSize, 20), R = Vn.unpinnedRowsLength;
                               return /* @__PURE__ */ t.jsx("div", { className: "ogx__skeleton-group", children: Array.from({ length: c }).map((M, V) => /* @__PURE__ */ t.jsx(
-                                Cn,
+                                kn,
                                 {
                                   row: { id: `__skeleton_${V}__`, _isSkeleton: !0 },
                                   columns: Se.virtualColumns,
@@ -4351,23 +4351,23 @@ function el(n) {
                     }
                   ),
                   dt.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "ogx__pinned-rows ogx__pinned-rows--bottom", role: "rowgroup", children: dt.map((c, R) => /* @__PURE__ */ t.jsx(
-                    Cn,
+                    kn,
                     {
                       row: c,
                       columns: Se.virtualColumns,
                       rowIndex: R,
                       isSelected: Pe.has(c.id),
                       checkboxSelection: s,
-                      onRowClick: hn,
-                      onCellClick: Vn,
+                      onRowClick: pn,
+                      onCellClick: Un,
                       onSelectionChange: Vt,
                       columnWidths: at,
                       pinnedColumns: it,
-                      pinnedRows: C,
+                      pinnedRows: y,
                       hasDetailPanel: et,
                       isDetailPanelExpanded: yt.has(c.id),
                       detailPanelContent: I ? I({ row: c, id: c.id, rowIndex: R }) : null,
-                      detailPanelHeight: y?.({ row: c, id: c.id, rowIndex: R }) || 200,
+                      detailPanelHeight: C?.({ row: c, id: c.id, rowIndex: R }) || 200,
                       onDetailPanelToggle: on,
                       pinCheckboxColumn: L,
                       pinExpandColumn: B,
@@ -4378,7 +4378,7 @@ function el(n) {
                     },
                     c.id
                   )) }),
-                  xn && /* @__PURE__ */ t.jsxs(
+                  mn && /* @__PURE__ */ t.jsxs(
                     "div",
                     {
                       className: "ogx__aggregation-footer",
@@ -4393,7 +4393,7 @@ function el(n) {
                         et && /* @__PURE__ */ t.jsx("div", { style: { width: 48, flexShrink: 0 } }),
                         D && /* @__PURE__ */ t.jsx("div", { style: { width: 48, flexShrink: 0 } }),
                         Bt.map((c) => {
-                          const R = rt[c.field], M = Dn[c.field], V = at[c.field] ?? (typeof c.width == "number" ? c.width : 120);
+                          const R = rt[c.field], M = Gn[c.field], V = at[c.field] ?? (typeof c.width == "number" ? c.width : 120);
                           return /* @__PURE__ */ t.jsx(
                             "div",
                             {
@@ -4425,7 +4425,7 @@ function el(n) {
           const c = Ie?.pagination || ko, R = {
             page: xe.page,
             pageSize: xe.pageSize,
-            rowCount: de.pagination.rowCount,
+            rowCount: ue.pagination.rowCount,
             pageSizeOptions: _,
             onPageChange: (M) => cn({ ...xe, page: M }),
             onPageSizeChange: (M) => cn({ ...xe, pageSize: M, page: 0 }),
@@ -4434,18 +4434,18 @@ function el(n) {
           return /* @__PURE__ */ t.jsx(c, { ...R });
         })(),
         /* @__PURE__ */ t.jsxs("div", { className: "ogx-aria-live-status", role: "status", "aria-live": "polite", children: [
-          nn ? "Loading data..." : "",
-          de.dataSource.error ? `Error: ${de.dataSource.error.message || "Unknown error"}` : "",
-          !J && !de.dataSource.error && (Ve.length === 0 ? En : Ye && ((Ye.quickFilterValues?.length || 0) > 0 || (Ye.items?.length || 0) > 0) ? `${Ve.length} ${Ve.length === 1 ? "row" : "rows"} found` : "")
+          tn ? "Loading data..." : "",
+          ue.dataSource.error ? `Error: ${ue.dataSource.error.message || "Unknown error"}` : "",
+          !J && !ue.dataSource.error && (Ve.length === 0 ? Nn : Ye && ((Ye.quickFilterValues?.length || 0) > 0 || (Ye.items?.length || 0) > 0) ? `${Ve.length} ${Ve.length === 1 ? "row" : "rows"} found` : "")
         ] }),
-        de.dataSource.error && /* @__PURE__ */ t.jsxs("div", { className: "ogx-error-overlay", "aria-live": "assertive", role: "alert", children: [
+        ue.dataSource.error && /* @__PURE__ */ t.jsxs("div", { className: "ogx-error-overlay", "aria-live": "assertive", role: "alert", children: [
           /* @__PURE__ */ t.jsxs("svg", { width: "56", height: "56", viewBox: "0 0 24 24", fill: "none", stroke: "var(--ogx-color-error)", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
             /* @__PURE__ */ t.jsx("circle", { cx: "12", cy: "12", r: "10" }),
             /* @__PURE__ */ t.jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }),
             /* @__PURE__ */ t.jsx("line", { x1: "12", y1: "16", x2: "12.01", y2: "16" })
           ] }),
           /* @__PURE__ */ t.jsx("div", { className: "ogx-error-overlay__title", children: "Oops! Something went wrong" }),
-          /* @__PURE__ */ t.jsx("div", { className: "ogx-error-overlay__message", children: de.dataSource.error.message || "An unexpected error occurred while loading the data." }),
+          /* @__PURE__ */ t.jsx("div", { className: "ogx-error-overlay__message", children: ue.dataSource.error.message || "An unexpected error occurred while loading the data." }),
           /* @__PURE__ */ t.jsx(
             "button",
             {
@@ -4651,10 +4651,10 @@ function Mi({ anchorRef: n, columns: o, model: e, onChange: r, onClose: i }) {
       valueFields: e.valueFields.map((L) => L.field === p ? { ...L, aggFn: k } : L)
     });
   }
-  function b() {
+  function v() {
     r({ rowFields: [], columnFields: [], valueFields: [] });
   }
-  const S = new Set(o.filter((p) => p.type === "number" || p.aggregable).map((p) => p.field)), C = e.rowFields.length + e.columnFields.length + e.valueFields.length, I = (p) => o.find((k) => k.field === p)?.headerName ?? p, y = /* @__PURE__ */ t.jsxs(
+  const S = new Set(o.filter((p) => p.type === "number" || p.aggregable).map((p) => p.field)), y = e.rowFields.length + e.columnFields.length + e.valueFields.length, I = (p) => o.find((k) => k.field === p)?.headerName ?? p, C = /* @__PURE__ */ t.jsxs(
     "div",
     {
       ref: l,
@@ -4668,7 +4668,7 @@ function Mi({ anchorRef: n, columns: o, model: e, onChange: r, onClose: i }) {
             /* @__PURE__ */ t.jsx(Po, {}),
             "Pivot Mode"
           ] }),
-          C > 0 && /* @__PURE__ */ t.jsx("button", { className: "ogx-pivot-panel__reset-btn", onClick: b, title: "Reset pivot", children: "Reset" })
+          y > 0 && /* @__PURE__ */ t.jsx("button", { className: "ogx-pivot-panel__reset-btn", onClick: v, title: "Reset pivot", children: "Reset" })
         ] }),
         /* @__PURE__ */ t.jsxs("div", { className: "ogx-pivot-panel__body", children: [
           /* @__PURE__ */ t.jsxs("div", { className: "ogx-pivot-zone", children: [
@@ -4754,7 +4754,7 @@ function Mi({ anchorRef: n, columns: o, model: e, onChange: r, onClose: i }) {
       ]
     }
   );
-  return Mt.createPortal(y, document.body);
+  return Mt.createPortal(C, document.body);
 }
 function Li() {
   return /* @__PURE__ */ t.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -4821,7 +4821,7 @@ function Fi({ value: n = "", onChange: o, placeholder: e = "Search...", debounce
     }
   );
 }
-function Sn({
+function jn({
   title: n,
   children: o,
   placement: e = "top",
@@ -5134,11 +5134,11 @@ function nl({
   rightContent: d,
   style: h
 }) {
-  const [w, x] = Q(!1), [N, E] = Q(!1), [j, _] = Q(!1), [b, S] = Q(!1);
+  const [w, x] = Q(!1), [N, E] = Q(!1), [j, _] = Q(!1), [v, S] = Q(!1);
   ee(() => {
     g && (_(!0), x(!1), E(!1), S(!1));
   }, [g]);
-  const C = ne(null), I = ne(null), y = ne(null), p = ne(null), k = r ?? $i, L = k.rowFields.length > 0 || k.columnFields.length > 0 || k.valueFields.length > 0, B = n.filter(
+  const y = ne(null), I = ne(null), C = ne(null), p = ne(null), k = r ?? $i, L = k.rowFields.length > 0 || k.columnFields.length > 0 || k.valueFields.length > 0, B = n.filter(
     (T) => T.aggregable !== !1 && (T.type === "number" || T.aggregable === !0)
   ), Y = Object.keys(o).filter(
     (T) => o[T] && o[T] !== "none"
@@ -5165,7 +5165,7 @@ function nl({
     if (!u) return;
     const O = { ...s, [T]: A };
     u(O);
-  }, [s, u]), v = W(() => {
+  }, [s, u]), b = W(() => {
     if (!u) return;
     const T = { ...s };
     n.forEach((A) => {
@@ -5191,10 +5191,10 @@ function nl({
         }
       ) }),
       u && /* @__PURE__ */ t.jsxs("div", { className: "ogx-toolbar__dropdown-wrapper", style: { marginRight: 4 }, children: [
-        /* @__PURE__ */ t.jsx(Sn, { title: "Columns", children: /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx(jn, { title: "Columns", children: /* @__PURE__ */ t.jsx(
           "button",
           {
-            ref: y,
+            ref: C,
             className: `ogx-toolbar__icon-btn${j ? " ogx-toolbar__icon-btn--active" : ""}`,
             "aria-label": "Manage columns",
             onClick: () => {
@@ -5206,11 +5206,11 @@ function nl({
         j && /* @__PURE__ */ t.jsx(
           zi,
           {
-            anchorRef: y,
+            anchorRef: C,
             columns: n,
             visibleColumns: J,
             onVisibilityChange: we,
-            onShowAll: v,
+            onShowAll: b,
             onHideAll: H,
             onClose: () => {
               _(!1), f?.();
@@ -5219,14 +5219,14 @@ function nl({
         )
       ] }),
       a && /* @__PURE__ */ t.jsxs("div", { className: "ogx-toolbar__dropdown-wrapper", style: { marginRight: 4 }, children: [
-        /* @__PURE__ */ t.jsx(Sn, { title: "Filters", children: /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx(jn, { title: "Filters", children: /* @__PURE__ */ t.jsxs(
           "button",
           {
             ref: p,
-            className: `ogx-toolbar__icon-btn${b ? " ogx-toolbar__icon-btn--active" : ""}`,
+            className: `ogx-toolbar__icon-btn${v ? " ogx-toolbar__icon-btn--active" : ""}`,
             "aria-label": "Advanced filters",
             onClick: () => {
-              S(!b), x(!1), E(!1), _(!1);
+              S(!v), x(!1), E(!1), _(!1);
             },
             children: [
               /* @__PURE__ */ t.jsx(Lo, {}),
@@ -5234,7 +5234,7 @@ function nl({
             ]
           }
         ) }),
-        b && /* @__PURE__ */ t.jsx(
+        v && /* @__PURE__ */ t.jsx(
           Bi,
           {
             anchorRef: p,
@@ -5246,7 +5246,7 @@ function nl({
         )
       ] }),
       i && /* @__PURE__ */ t.jsxs("div", { className: "ogx-toolbar__dropdown-wrapper", style: { marginRight: 4 }, children: [
-        /* @__PURE__ */ t.jsx(Sn, { title: "Pivot", children: /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx(jn, { title: "Pivot", children: /* @__PURE__ */ t.jsxs(
           "button",
           {
             ref: I,
@@ -5278,10 +5278,10 @@ function nl({
         )
       ] }),
       /* @__PURE__ */ t.jsxs("div", { className: "ogx-toolbar__dropdown-wrapper", style: { marginRight: 4 }, children: [
-        /* @__PURE__ */ t.jsx(Sn, { title: "Summaries", children: /* @__PURE__ */ t.jsxs(
+        /* @__PURE__ */ t.jsx(jn, { title: "Summaries", children: /* @__PURE__ */ t.jsxs(
           "button",
           {
-            ref: C,
+            ref: y,
             id: "ogx-aggregation-btn",
             className: `ogx-toolbar__icon-btn${w ? " ogx-toolbar__icon-btn--active" : ""}`,
             "aria-label": "Configure summaries",
@@ -5299,7 +5299,7 @@ function nl({
         w && /* @__PURE__ */ t.jsx(
           Ai,
           {
-            anchorRef: C,
+            anchorRef: y,
             aggregationModel: o,
             aggregableColumns: B,
             onFunctionChange: $,
@@ -5383,7 +5383,7 @@ function il(n, o, e = {}) {
     g += h.join(l) + `
 `;
   }
-  Qn(g, r, "text/csv;charset=utf-8;");
+  Zn(g, r, "text/csv;charset=utf-8;");
 }
 function Jt(n) {
   return n.includes(",") || n.includes('"') || n.includes(`
@@ -5403,28 +5403,28 @@ function ll(n, o, e = {}) {
   const u = o.filter((f) => !(f.field === "__check__" || f.field === "__actions__"));
   let g = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40">';
   if (g += "<head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>", g += `<x:Name>${i}</x:Name>`, g += "<x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->", g += '<meta charset="UTF-8"></head><body>', g += '<table border="1">', l && (g += "<thead><tr>", u.forEach((f) => {
-    g += `<th>${bt(f.headerName || f.field)}</th>`;
+    g += `<th>${vt(f.headerName || f.field)}</th>`;
   }), g += "</tr></thead>"), g += "<tbody>", s.forEach((f) => {
     g += "<tr>", u.forEach((m) => {
       let d = f[m.field];
-      m.valueGetter && (d = m.valueGetter({ row: f, field: m.field, value: d })), m.valueFormatter && d !== void 0 && d !== null && (d = m.valueFormatter({ value: d, row: f, field: m.field })), g += `<td>${bt(String(d ?? ""))}</td>`;
+      m.valueGetter && (d = m.valueGetter({ row: f, field: m.field, value: d })), m.valueFormatter && d !== void 0 && d !== null && (d = m.valueFormatter({ value: d, row: f, field: m.field })), g += `<td>${vt(String(d ?? ""))}</td>`;
     });
   }), e.aggregationResult) {
     const f = e.aggregationResult, m = e.aggregationModel || {};
     g += '<tr style="font-size: 11px; color: #666; background-color: #f5f5f5;">', u.forEach((d) => {
-      m[d.field] ? g += `<td style="text-align: right; font-weight: bold;">${bt(m[d.field].toUpperCase())}</td>` : g += "<td></td>";
+      m[d.field] ? g += `<td style="text-align: right; font-weight: bold;">${vt(m[d.field].toUpperCase())}</td>` : g += "<td></td>";
     }), g += "</tr>", g += '<tr style="font-weight: bold; background-color: #f5f5f5;">', u.forEach((d) => {
       const h = f[d.field];
       if (h != null) {
         let w = h;
-        d.valueFormatter ? w = d.valueFormatter({ value: h, row: {}, field: d.field }) : m[d.field] && (w = Pt(h, m[d.field])), g += `<td style="text-align: right;">${bt(String(w))}</td>`;
+        d.valueFormatter ? w = d.valueFormatter({ value: h, row: {}, field: d.field }) : m[d.field] && (w = Pt(h, m[d.field])), g += `<td style="text-align: right;">${vt(String(w))}</td>`;
       } else
         g += "<td></td>";
     }), g += "</tr>";
   }
-  g += "</tbody></table></body></html>", Qn(g, r, "application/vnd.ms-excel");
+  g += "</tbody></table></body></html>", Zn(g, r, "application/vnd.ms-excel");
 }
-function bt(n) {
+function vt(n) {
   return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
 function sl(n, o, e = {}) {
@@ -5465,7 +5465,7 @@ function sl(n, o, e = {}) {
     };
   }
   const f = i ? JSON.stringify(g, null, 2) : JSON.stringify(g);
-  Qn(f, r, "application/json;charset=utf-8;");
+  Zn(f, r, "application/json;charset=utf-8;");
 }
 async function al(n, o, e) {
   const r = window.open("", "_blank");
@@ -5523,22 +5523,22 @@ async function al(n, o, e) {
             </head>
             <body>
         `;
-    if (i && (f += `<h1>${bt(i)}</h1>`), f += "<table>", f += "<thead><tr>", g.forEach((d) => {
-      f += `<th>${bt(d.headerName || d.field)}</th>`;
+    if (i && (f += `<h1>${vt(i)}</h1>`), f += "<table>", f += "<thead><tr>", g.forEach((d) => {
+      f += `<th>${vt(d.headerName || d.field)}</th>`;
     }), f += "</tr></thead>", f += "<tbody>", u.forEach((d) => {
       f += "<tr>", g.forEach((h) => {
         let w = d[h.field];
-        h.valueGetter && (w = h.valueGetter({ row: d, field: h.field, value: w })), h.valueFormatter && w !== void 0 && w !== null && (w = h.valueFormatter({ value: w, row: d, field: h.field })), h.type === "image" && w ? f += `<td><div style="display:flex;justify-content:center;"><img src="${w}" alt="${h.headerName}" style="max-height: 40px; border-radius: 4px;"></div></td>` : f += `<td>${bt(String(w ?? ""))}</td>`;
+        h.valueGetter && (w = h.valueGetter({ row: d, field: h.field, value: w })), h.valueFormatter && w !== void 0 && w !== null && (w = h.valueFormatter({ value: w, row: d, field: h.field })), h.type === "image" && w ? f += `<td><div style="display:flex;justify-content:center;"><img src="${w}" alt="${h.headerName}" style="max-height: 40px; border-radius: 4px;"></div></td>` : f += `<td>${vt(String(w ?? ""))}</td>`;
       }), f += "</tr>";
     }), a) {
       const d = s || {};
       f += '<tfoot><tr style="font-size: 11px; color: #666; background-color: #f5f5f5;">', g.forEach((h) => {
-        d[h.field] ? f += `<td style="text-align: right; font-weight: bold;">${bt(d[h.field].toUpperCase())}</td>` : f += "<td></td>";
+        d[h.field] ? f += `<td style="text-align: right; font-weight: bold;">${vt(d[h.field].toUpperCase())}</td>` : f += "<td></td>";
       }), f += '</tr><tr style="font-weight: bold; background-color: #f5f5f5;">', g.forEach((h) => {
         const w = a[h.field];
         if (w != null) {
           let x = w;
-          h.valueFormatter ? x = h.valueFormatter({ value: w, row: {}, field: h.field }) : d[h.field] && (x = Pt(w, d[h.field])), f += `<td style="text-align: right;">${bt(String(x))}</td>`;
+          h.valueFormatter ? x = h.valueFormatter({ value: w, row: {}, field: h.field }) : d[h.field] && (x = Pt(w, d[h.field])), f += `<td style="text-align: right;">${vt(String(x))}</td>`;
         } else
           f += "<td></td>";
       }), f += "</tr></tfoot>";
@@ -5558,7 +5558,7 @@ async function al(n, o, e) {
     console.error("Print generation failed:", i), r && !r.closed && (r.document.body.innerHTML = `<div style="color: red; padding: 20px;"><h3>Error Generating Print Preview</h3><p>${i.message}</p></div>`);
   }
 }
-function Qn(n, o, e) {
+function Zn(n, o, e) {
   const r = new Blob([n], { type: e }), i = URL.createObjectURL(r), l = document.createElement("a");
   l.href = i, l.download = o, document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
 }
@@ -5616,28 +5616,28 @@ async function dl(n, o, e = {}) {
     aggregationResult: f = null,
     aggregationModel: m = null,
     selectedRows: d
-  } = e, h = (await import("./exceljs.min-CrbHmMCD.js").then((y) => y.e)).default, w = new h.Workbook();
+  } = e, h = (await import("exceljs")).default, w = new h.Workbook();
   w.creator = "OpenGridX", w.created = /* @__PURE__ */ new Date();
   const x = o.filter(
-    (y) => y.field !== "__check__" && y.field !== "__actions__" && !y.isSpacer
-  ), N = n, E = d && d.length > 0 ? n.filter((y) => d.includes(y.id)) : n, j = i ?? [{ name: "Data", rows: "all", includeHeaders: !0, includeSummary: !1 }], _ = /* @__PURE__ */ new Map();
-  for (const y of j) {
-    if ("type" in y && y.type === "summary") {
+    (C) => C.field !== "__check__" && C.field !== "__actions__" && !C.isSpacer
+  ), N = n, E = d && d.length > 0 ? n.filter((C) => d.includes(C.id)) : n, j = i ?? [{ name: "Data", rows: "all", includeHeaders: !0, includeSummary: !1 }], _ = /* @__PURE__ */ new Map();
+  for (const C of j) {
+    if ("type" in C && C.type === "summary") {
       if (!f || !m) continue;
-      const v = w.addWorksheet(y.name ?? "Summary");
-      v.addRow(["Summary / Aggregation Totals"]), v.getRow(1).font = { bold: !0, size: u + 2, color: { argb: St(s) } }, v.addRow([]), v.addRow(["Column", "Function", "Value"]).eachCell((T) => {
+      const b = w.addWorksheet(C.name ?? "Summary");
+      b.addRow(["Summary / Aggregation Totals"]), b.getRow(1).font = { bold: !0, size: u + 2, color: { argb: St(s) } }, b.addRow([]), b.addRow(["Column", "Function", "Value"]).eachCell((T) => {
         T.fill = { type: "pattern", pattern: "solid", fgColor: { argb: St(a) } }, T.font = { bold: !0, size: u, color: { argb: St(s) } }, T.border = jo();
       }), x.forEach((T) => {
         const A = m[T.field], O = f[T.field];
         if (A == null || O == null) return;
         let Z = O;
         T.valueFormatter ? Z = T.valueFormatter({ value: O, row: {}, field: T.field }) : Z = Pt(O, A);
-        const U = v.addRow([T.headerName ?? T.field, A.toUpperCase(), Z]);
+        const U = b.addRow([T.headerName ?? T.field, A.toUpperCase(), Z]);
         U.getCell(3).alignment = { horizontal: "right" }, U.getCell(3).font = { bold: !0, size: g };
-      }), v.getColumn(1).width = 20, v.getColumn(2).width = 12, v.getColumn(3).width = 18;
+      }), b.getColumn(1).width = 20, b.getColumn(2).width = 12, b.getColumn(3).width = 18;
       continue;
     }
-    const p = y, {
+    const p = C, {
       name: k = "Data",
       rows: L = "all",
       includeHeaders: B = !0,
@@ -5645,16 +5645,16 @@ async function dl(n, o, e = {}) {
       autoFilter: $ = !0,
       frozenHeader: K = !0,
       alternateRowColor: q = "#f8fafc"
-    } = p, D = L === "selected" ? E : N, te = x.filter((v) => l[v.field]?.embedImage);
+    } = p, D = L === "selected" ? E : N, te = x.filter((b) => l[b.field]?.embedImage);
     if (te.length > 0) {
-      const v = [], H = /* @__PURE__ */ new Set();
+      const b = [], H = /* @__PURE__ */ new Set();
       if (D.forEach((T) => {
         te.forEach((A) => {
           const O = T[A.field];
-          typeof O == "string" && O && !_.has(O) && !H.has(O) && (v.push(O), H.add(O));
+          typeof O == "string" && O && !_.has(O) && !H.has(O) && (b.push(O), H.add(O));
         });
-      }), v.length > 0) {
-        const T = await Ui(v);
+      }), b.length > 0) {
+        const T = await Ui(b);
         for (const [A, { buffer: O, extension: Z }] of T) {
           const U = w.addImage({ buffer: O, extension: Z });
           _.set(A, U);
@@ -5662,14 +5662,14 @@ async function dl(n, o, e = {}) {
       }
     }
     const J = w.addWorksheet(k);
-    if (J.columns = x.map((v) => ({
-      key: v.field,
-      width: Gi(v, l[v.field]?.width),
+    if (J.columns = x.map((b) => ({
+      key: b.field,
+      width: Gi(b, l[b.field]?.width),
       style: {
-        numFmt: l[v.field]?.numFmt ?? Di(v)
+        numFmt: l[b.field]?.numFmt ?? Di(b)
       }
     })), B) {
-      const v = x.map((T) => T.headerName ?? T.field), H = J.addRow(v);
+      const b = x.map((T) => T.headerName ?? T.field), H = J.addRow(b);
       H.height = 20, H.eachCell((T, A) => {
         const O = x[A - 1];
         T.fill = { type: "pattern", pattern: "solid", fgColor: { argb: St(a) } }, T.font = { bold: !0, size: u, color: { argb: St(s) } }, T.alignment = {
@@ -5682,11 +5682,11 @@ async function dl(n, o, e = {}) {
       }), K ? J.views = [{ state: "frozen", ySplit: 1, showGridLines: !1 }] : J.views = [{ showGridLines: !1 }];
     }
     let we = B ? 1 : 0;
-    if (D.forEach((v, H) => {
+    if (D.forEach((b, H) => {
       const T = x.map((O) => {
         if (l[O.field]?.embedImage) return "";
-        let Z = v[O.field];
-        return O.valueGetter && (Z = O.valueGetter({ row: v, field: O.field, value: Z })), Hi(O, Z) === "string" && O.valueFormatter && Z != null && (Z = O.valueFormatter({ value: Z, row: v, field: O.field })), Z;
+        let Z = b[O.field];
+        return O.valueGetter && (Z = O.valueGetter({ row: b, field: O.field, value: Z })), Hi(O, Z) === "string" && O.valueFormatter && Z != null && (Z = O.valueFormatter({ value: Z, row: b, field: O.field })), Z;
       }), A = J.addRow(T);
       if (A.font = { size: g }, q && H % 2 === 1 && A.eachCell((O) => {
         O.fill = { type: "pattern", pattern: "solid", fgColor: { argb: St(q) } };
@@ -5697,17 +5697,17 @@ async function dl(n, o, e = {}) {
           vertical: "middle"
         }, O.border = { bottom: { style: "thin", color: { argb: "FFf1f5f9" } } });
       }), te.length > 0) {
-        const O = te.reduce((P, ue) => Math.max(P, l[ue.field]?.imageHeight ?? 40), 0), Z = Math.ceil(O / 1.333), U = Z * 1.333;
+        const O = te.reduce((P, ce) => Math.max(P, l[ce.field]?.imageHeight ?? 40), 0), Z = Math.ceil(O / 1.333), U = Z * 1.333;
         A.height = Z, te.forEach((P) => {
-          const ue = x.indexOf(P), oe = v[P.field], be = typeof oe == "string" ? _.get(oe) : void 0;
-          if (be === void 0) {
-            A.getCell(ue + 1).value = typeof oe == "string" ? oe : "";
+          const ce = x.indexOf(P), ie = b[P.field], ve = typeof ie == "string" ? _.get(ie) : void 0;
+          if (ve === void 0) {
+            A.getCell(ce + 1).value = typeof ie == "string" ? ie : "";
             return;
           }
-          const nt = l[P.field], z = nt?.imageWidth ?? 40, Ne = nt?.imageHeight ?? 40, ft = (J.getColumn(ue + 1).width ?? 8) * 7 + 5, Ge = Math.max(0, ft - z) / 2, jt = Math.max(0, U - Ne) / 2;
-          J.addImage(be, {
+          const nt = l[P.field], z = nt?.imageWidth ?? 40, Ne = nt?.imageHeight ?? 40, ft = (J.getColumn(ce + 1).width ?? 8) * 7 + 5, Ge = Math.max(0, ft - z) / 2, jt = Math.max(0, U - Ne) / 2;
+          J.addImage(ve, {
             tl: {
-              col: ue,
+              col: ce,
               row: we,
               nativeColOff: Math.floor(Ge * 9525),
               nativeRowOff: Math.floor(jt * 9525)
@@ -5720,10 +5720,10 @@ async function dl(n, o, e = {}) {
         A.height = 16;
       we++;
     }), Y && f && m) {
-      const v = x.map((O) => {
+      const b = x.map((O) => {
         const Z = m[O.field];
         return Z ? Z.toUpperCase() : "";
-      }), H = J.addRow(v);
+      }), H = J.addRow(b);
       H.height = 16, H.font = { size: g - 1, italic: !0, color: { argb: "FF94a3b8" } }, H.eachCell((O) => {
         O.alignment = { horizontal: "right", vertical: "middle" }, O.border = { top: { style: "thin", color: { argb: "FFcbd5e1" } } };
       });
@@ -5736,10 +5736,10 @@ async function dl(n, o, e = {}) {
       });
     }
   }
-  const b = await w.xlsx.writeBuffer(), S = new Blob([b], {
+  const v = await w.xlsx.writeBuffer(), S = new Blob([v], {
     type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-  }), C = URL.createObjectURL(S), I = document.createElement("a");
-  I.href = C, I.download = r.endsWith(".xlsx") ? r : `${r}.xlsx`, document.body.appendChild(I), I.click(), document.body.removeChild(I), URL.revokeObjectURL(C);
+  }), y = URL.createObjectURL(S), I = document.createElement("a");
+  I.href = y, I.download = r.endsWith(".xlsx") ? r : `${r}.xlsx`, document.body.appendChild(I), I.click(), document.body.removeChild(I), URL.revokeObjectURL(y);
 }
 function St(n) {
   const o = n.replace("#", "");
@@ -6053,7 +6053,7 @@ function xl(n) {
     debounceMs: r = 300,
     include: i,
     storage: l = typeof window < "u" ? window.localStorage : void 0
-  } = o, a = ce(() => {
+  } = o, a = de(() => {
     if (l)
       return qi(e, l);
   }, [e]), s = ne(null), u = ne(null), g = W(() => {
@@ -6073,17 +6073,17 @@ function xl(n) {
   return { initialState: a, onStateChange: f, clearState: m };
 }
 export {
-  kn as Button,
+  Sn as Button,
   Zr as Cell,
-  jn as Checkbox,
+  Rn as Checkbox,
   el as DataGrid,
   cl as DataGridThemeProvider,
   Ii as FilterPanel,
   nl as GridToolbar,
-  Sn as GridTooltip,
+  jn as GridTooltip,
   Vr as Header,
   rl as Input,
-  Cn as Row,
+  kn as Row,
   tl as Skeleton,
   hl as amberTheme,
   pl as compactTheme,