@opencorestack/opengridx 1.0.2 → 1.0.4

package/dist/opengridx.es.js

@@ -1,10 +1,10 @@
-import se, { useMemo as ae, useState as Q, useCallback as z, useRef as J, useEffect as re, useLayoutEffect as Ee, useReducer as ko } from "react";
+import ae, { useMemo as le, useState as Q, useCallback as z, useRef as J, useEffect as re, useLayoutEffect as Ee, useReducer as So } from "react";
 import Ge from "react-dom";
-var Tt = { exports: {} }, ft = {};
-var In;
-function So() {
-  if (In) return ft;
-  In = 1;
+var Tt = { exports: {} }, ht = {};
+var Pn;
+function jo() {
+  if (Pn) return ht;
+  Pn = 1;
   var n = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
   function e(o, i, l) {
     var a = null;
@@ -21,12 +21,12 @@ function So() {
       props: l
     };
   }
-  return ft.Fragment = t, ft.jsx = e, ft.jsxs = e, ft;
+  return ht.Fragment = t, ht.jsx = e, ht.jsxs = e, ht;
 }
-var ht = {};
-var Pn;
-function jo() {
-  return Pn || (Pn = 1, process.env.NODE_ENV !== "production" && (function() {
+var pt = {};
+var Ln;
+function Ro() {
+  return Ln || (Ln = 1, process.env.NODE_ENV !== "production" && (function() {
     function n(C) {
       if (C == null) return null;
       if (typeof C == "function")
@@ -181,8 +181,8 @@ function jo() {
         else x(D);
       if (T.call(B, "key")) {
         D = n(C);
-        var P = Object.keys(B).filter(function(ee) {
-          return ee !== "key";
+        var P = Object.keys(B).filter(function(te) {
+          return te !== "key";
         });
         W = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", K[D + W] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -199,8 +199,8 @@ React keys must be passed directly to JSX without using spread:
       }
       if (D = null, O !== void 0 && (e(O), D = "" + O), a(B) && (e(B.key), D = "" + B.key), "key" in B) {
         O = {};
-        for (var te in B)
-          te !== "key" && (O[te] = B[te]);
+        for (var ne in B)
+          ne !== "key" && (O[ne] = B[ne]);
       } else O = B;
       return D && s(
         O,
@@ -220,7 +220,7 @@ React keys must be passed directly to JSX without using spread:
     function h(C) {
       return typeof C == "object" && C !== null && C.$$typeof === v;
     }
-    var m = se, v = /* @__PURE__ */ Symbol.for("react.transitional.element"), b = /* @__PURE__ */ Symbol.for("react.portal"), S = /* @__PURE__ */ Symbol.for("react.fragment"), N = /* @__PURE__ */ Symbol.for("react.strict_mode"), f = /* @__PURE__ */ Symbol.for("react.profiler"), k = /* @__PURE__ */ Symbol.for("react.consumer"), y = /* @__PURE__ */ Symbol.for("react.context"), w = /* @__PURE__ */ Symbol.for("react.forward_ref"), u = /* @__PURE__ */ Symbol.for("react.suspense"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), j = /* @__PURE__ */ Symbol.for("react.memo"), E = /* @__PURE__ */ Symbol.for("react.lazy"), R = /* @__PURE__ */ Symbol.for("react.activity"), _ = /* @__PURE__ */ Symbol.for("react.client.reference"), M = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, T = Object.prototype.hasOwnProperty, I = Array.isArray, F = console.createTask ? console.createTask : function() {
+    var m = ae, v = /* @__PURE__ */ Symbol.for("react.transitional.element"), b = /* @__PURE__ */ Symbol.for("react.portal"), S = /* @__PURE__ */ Symbol.for("react.fragment"), N = /* @__PURE__ */ Symbol.for("react.strict_mode"), f = /* @__PURE__ */ Symbol.for("react.profiler"), k = /* @__PURE__ */ Symbol.for("react.consumer"), y = /* @__PURE__ */ Symbol.for("react.context"), w = /* @__PURE__ */ Symbol.for("react.forward_ref"), u = /* @__PURE__ */ Symbol.for("react.suspense"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), j = /* @__PURE__ */ Symbol.for("react.memo"), E = /* @__PURE__ */ Symbol.for("react.lazy"), R = /* @__PURE__ */ Symbol.for("react.activity"), _ = /* @__PURE__ */ Symbol.for("react.client.reference"), M = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, T = Object.prototype.hasOwnProperty, I = Array.isArray, F = console.createTask ? console.createTask : function() {
       return null;
     };
     m = {
@@ -232,7 +232,7 @@ React keys must be passed directly to JSX without using spread:
       m,
       l
     )(), q = F(o(l)), K = {};
-    ht.Fragment = S, ht.jsx = function(C, B, O) {
+    pt.Fragment = S, pt.jsx = function(C, B, O) {
       var W = 1e4 > M.recentlyCreatedOwnerStacks++;
       return g(
         C,
@@ -242,7 +242,7 @@ React keys must be passed directly to JSX without using spread:
         W ? Error("react-stack-top-frame") : U,
         W ? F(o(C)) : q
       );
-    }, ht.jsxs = function(C, B, O) {
+    }, pt.jsxs = function(C, B, O) {
       var W = 1e4 > M.recentlyCreatedOwnerStacks++;
       return g(
         C,
@@ -253,17 +253,17 @@ React keys must be passed directly to JSX without using spread:
         W ? F(o(C)) : q
       );
     };
-  })()), ht;
+  })()), pt;
 }
-var Ln;
-function Ro() {
-  return Ln || (Ln = 1, process.env.NODE_ENV === "production" ? Tt.exports = So() : Tt.exports = jo()), Tt.exports;
+var Tn;
+function Eo() {
+  return Tn || (Tn = 1, process.env.NODE_ENV === "production" ? Tt.exports = jo() : Tt.exports = Ro()), Tt.exports;
 }
-var r = Ro();
+var r = Eo();
 function zt(n, t) {
   return t ? t.left?.includes(n) ? "left" : t.right?.includes(n) ? "right" : null : null;
 }
-function Eo(n, t) {
+function No(n, t) {
   const e = [], o = [], i = [];
   return t ? (n.forEach((l) => {
     const a = zt(l.field, t);
@@ -276,10 +276,10 @@ function Eo(n, t) {
     return s - c;
   }), { left: e, center: o, right: i }) : { left: e, center: n, right: i };
 }
-function Fn(n, t, e, o, i, l, a, s) {
+function An(n, t, e, o, i, l, a, s) {
   const c = {};
   if (!e) return c;
-  const d = Eo(n, e);
+  const d = No(n, e);
   let g = 0;
   s && (g += 48), l && a && (g += 48), o && i && (g += 48), d.left.forEach((h) => {
     c[h.field] = g;
@@ -295,7 +295,7 @@ function Fn(n, t, e, o, i, l, a, s) {
 function cn(n, t) {
   return t ? t.top?.includes(n) ? "top" : t.bottom?.includes(n) ? "bottom" : null : null;
 }
-function No(n, t) {
+function Mo(n, t) {
   const e = [], o = [], i = [];
   return t ? (n.forEach((l) => {
     const a = cn(l.id, t);
@@ -308,7 +308,7 @@ function No(n, t) {
     return s - c;
   }), { top: e, center: o, bottom: i }) : { top: e, center: n, bottom: i };
 }
-function rt(n) {
+function it(n) {
   if (n === void 0) return { type: "auto", value: 0 };
   if (typeof n == "number") return { type: "fixed", value: n };
   if (typeof n == "string") {
@@ -320,7 +320,7 @@ function rt(n) {
   }
   return { type: "fixed", value: 100 };
 }
-function Mo(n) {
+function Io(n) {
   const {
     rowHeight: t,
     pagination: e,
@@ -341,50 +341,50 @@ function Mo(n) {
     isLoading: N,
     pageSize: f
   } = n;
-  return ae(() => {
+  return le(() => {
     const k = e ? o : i, y = k.map((A, X) => {
-      let ne = t;
+      let oe = t;
       if (l.has(A.id)) {
         const ue = a?.({ row: A, id: A.id, rowIndex: s + X }) ?? 200;
-        ne += typeof ue == "number" ? ue : parseInt(String(ue), 10) || 200;
+        oe += typeof ue == "number" ? ue : parseInt(String(ue), 10) || 200;
       }
-      return ne;
-    }), w = y.reduce((A, X, ne) => (A.push((A[ne - 1] || 0) + X), A), []), u = S === "infinite" && N && k.length > 0 ? Math.min(f, 20) : 0, p = (w[w.length - 1] || 0) + u * t, j = s * t, E = c * t, R = [], _ = [], M = [], T = [];
+      return oe;
+    }), w = y.reduce((A, X, oe) => (A.push((A[oe - 1] || 0) + X), A), []), u = S === "infinite" && N && k.length > 0 ? Math.min(f, 20) : 0, p = (w[w.length - 1] || 0) + u * t, j = s * t, E = c * t, R = [], _ = [], M = [], T = [];
     d.forEach((A) => {
       const X = zt(A.field, g);
       X === "left" ? R.push(A) : X === "right" ? _.push(A) : M.push(A);
     });
     const I = (m ? 48 : 0) + (v ? 48 : 0) + (b ? 48 : 0), F = (A) => x[A.field] ?? A.width, H = R.reduce((A, X) => {
-      const ne = rt(F(X));
-      return A + (ne.type === "fixed" ? ne.value : 100);
+      const oe = it(F(X));
+      return A + (oe.type === "fixed" ? oe.value : 100);
     }, 0), L = _.reduce((A, X) => {
-      const ne = rt(F(X));
-      return A + (ne.type === "fixed" ? ne.value : 100);
+      const oe = it(F(X));
+      return A + (oe.type === "fixed" ? oe.value : 100);
     }, 0), U = M.reduce((A, X) => {
       if (!Object.prototype.hasOwnProperty.call(x, X.field) && X.flex && X.flex > 0) {
         const fe = X.minWidth ?? 150, Ie = typeof X.width == "number" ? X.width : 150;
         return A + (fe || Ie);
       }
-      const ue = rt(F(X));
+      const ue = it(F(X));
       return ue.type === "fixed" ? A + ue.value : ue.type === "percentage" ? A + 100 : A + (X.minWidth ?? 150);
     }, 0), q = Math.max(
       h - I - H - L,
       U
     ), K = [], C = [], B = [];
     M.forEach((A) => {
-      const X = Object.prototype.hasOwnProperty.call(x, A.field), ne = rt(F(A));
+      const X = Object.prototype.hasOwnProperty.call(x, A.field), oe = it(F(A));
       if (!X && A.flex && A.flex > 0) {
         B.push({ col: A, flex: A.flex });
         return;
       }
-      ne.type === "fixed" ? K.push({ col: A, width: ne.value }) : ne.type === "percentage" ? C.push({ col: A, percentage: ne.value }) : B.push({ col: A, flex: 1 });
+      oe.type === "fixed" ? K.push({ col: A, width: oe.value }) : oe.type === "percentage" ? C.push({ col: A, percentage: oe.value }) : B.push({ col: A, flex: 1 });
     });
     const O = K.reduce((A, { width: X }) => A + X, 0);
     let W = Math.max(0, q - O);
     const V = /* @__PURE__ */ new Map();
     C.forEach(({ col: A, percentage: X }) => {
-      const ne = X / 100 * W;
-      V.set(A.field, ne), W -= ne;
+      const oe = X / 100 * W;
+      V.set(A.field, oe), W -= oe;
     }), W = Math.max(0, W);
     const G = /* @__PURE__ */ new Map(), D = B.map((A) => ({
       ...A,
@@ -398,11 +398,11 @@ function Mo(n) {
       const X = D.length * 2;
       for (; A < X; ) {
         A++;
-        const ne = D.filter((ie) => !ie.frozen);
-        if (ne.length === 0) break;
-        const ue = ne.reduce((ie, ye) => ie + ye.flex, 0), fe = D.reduce((ie, ye) => ye.frozen ? ie + ye.computedWidth : ie, 0), Ie = Math.max(0, W - fe);
+        const oe = D.filter((ie) => !ie.frozen);
+        if (oe.length === 0) break;
+        const ue = oe.reduce((ie, ye) => ie + ye.flex, 0), fe = D.reduce((ie, ye) => ye.frozen ? ie + ye.computedWidth : ie, 0), Ie = Math.max(0, W - fe);
         if (ue <= 0) {
-          ne.forEach((ie) => {
+          oe.forEach((ie) => {
             ie.computedWidth = ie.minWidth, ie.frozen = !0;
           });
           break;
@@ -410,11 +410,11 @@ function Mo(n) {
         const Ve = Ie / ue;
         let xe = 0;
         const Ue = [], Ke = [];
-        if (ne.forEach((ie) => {
+        if (oe.forEach((ie) => {
           const ye = Ve * ie.flex;
           ye < ie.minWidth ? (xe += ie.minWidth - ye, Ue.push(ie)) : ye > ie.maxWidth ? (xe += ie.maxWidth - ye, Ke.push(ie)) : ie.computedWidth = ye;
         }), Ue.length === 0 && Ke.length === 0) {
-          ne.forEach((ie) => ie.frozen = !0);
+          oe.forEach((ie) => ie.frozen = !0);
           break;
         }
         xe > 0 ? Ue.forEach((ie) => {
@@ -428,41 +428,41 @@ function Mo(n) {
         }));
       }
     })(), D.forEach((A) => G.set(A.col.field, A.computedWidth));
-    const te = /* @__PURE__ */ new Map();
+    const ne = /* @__PURE__ */ new Map();
     M.forEach((A) => {
       let X;
       if (G.has(A.field))
         X = G.get(A.field);
       else {
-        const ne = K.find((fe) => fe.col.field === A.field), ue = C.find((fe) => fe.col.field === A.field);
-        if (ne)
-          X = ne.width;
+        const oe = K.find((fe) => fe.col.field === A.field), ue = C.find((fe) => fe.col.field === A.field);
+        if (oe)
+          X = oe.width;
         else if (ue) {
           const fe = V.get(A.field) || 0;
           X = Math.max(A.minWidth ?? 50, fe || 100);
         } else
           X = 100;
       }
-      T.push(X), te.set(A.field, X);
+      T.push(X), ne.set(A.field, X);
     });
-    const ee = M.map((A) => {
-      const X = D.find((ne) => ne.col.field === A.field);
+    const te = M.map((A) => {
+      const X = D.find((oe) => oe.col.field === A.field);
       return {
         ...A,
-        width: te.get(A.field) ?? (typeof A.width == "number" ? A.width : 100),
+        width: ne.get(A.field) ?? (typeof A.width == "number" ? A.width : 100),
         flex: X ? X.flex : A.flex
       };
     }), Z = 11, pe = R.map((A, X) => {
-      const ne = rt(F(A));
-      return { ...A, width: ne.type === "fixed" ? ne.value : 100, zIndex: Z + X };
+      const oe = it(F(A));
+      return { ...A, width: oe.type === "fixed" ? oe.value : 100, zIndex: Z + X };
     }), $ = 11, ge = _.map((A, X) => {
-      const ne = rt(F(A));
+      const oe = it(F(A));
       return {
         ...A,
-        width: ne.type === "fixed" ? ne.value : 100,
+        width: oe.type === "fixed" ? oe.value : 100,
         zIndex: $ + (_.length - 1 - X)
       };
-    }), de = T.reduce((A, X) => A + X, 0), ve = H + de + L + I, ce = T.reduce((A, X, ne) => (A.push((A[ne - 1] || 0) + X), A), []);
+    }), de = T.reduce((A, X) => A + X, 0), ve = H + de + L + I, ce = T.reduce((A, X, oe) => (A.push((A[oe - 1] || 0) + X), A), []);
     return {
       rowHeights: y,
       cumulativeHeights: w,
@@ -471,7 +471,7 @@ function Mo(n) {
       pinnedBottomHeight: E,
       leftPinnedCols: pe,
       rightPinnedCols: ge,
-      unpinnedColsWithWidth: ee,
+      unpinnedColsWithWidth: te,
       unpinnedColWidths: T,
       unpinnedAccWidths: ce,
       totalWidth: ve,
@@ -504,7 +504,7 @@ function Mo(n) {
     f
   ]);
 }
-function Io(n) {
+function Po(n) {
   const {
     allRenderableRows: t,
     navigationColumns: e,
@@ -587,11 +587,11 @@ function Io(n) {
           if (["__checkbox_col__"].includes(Z.field) || pe) return { r: O, c: W };
           continue;
         }
-        const D = t[O], P = e[W], te = ["__checkbox_col__", "__expand_col__", "__reorder_col__"].includes(P.field);
-        let ee = P.editable || te;
-        if (x && !te)
+        const D = t[O], P = e[W], ne = ["__checkbox_col__", "__expand_col__", "__reorder_col__"].includes(P.field);
+        let te = P.editable || ne;
+        if (x && !ne)
           try {
-            ee = x({
+            te = x({
               row: D,
               field: P.field,
               value: D[P.field],
@@ -601,7 +601,7 @@ function Io(n) {
             });
           } catch {
           }
-        if (ee) return { r: O, c: W };
+        if (te) return { r: O, c: W };
       }
       return null;
     };
@@ -636,14 +636,14 @@ function Io(n) {
       N(I === -1 ? { id: "HEADER", field: L.field } : { id: t[I].id, field: L.field });
       const U = b.current;
       if (U) {
-        const { cumulativeHeights: q, pinnedTopHeight: K, columnMetrics: C } = v, { clientHeight: B, clientWidth: O, scrollTop: W, scrollLeft: V } = U, G = I <= 0 ? 0 : q[I - 1], D = q[I], P = W + K, te = W + B;
-        let ee = W;
-        if (G < P ? ee = Math.max(0, G - K) : D > te && (ee = D - B), ee !== W && (U.scrollTop = ee), C) {
+        const { cumulativeHeights: q, pinnedTopHeight: K, columnMetrics: C } = v, { clientHeight: B, clientWidth: O, scrollTop: W, scrollLeft: V } = U, G = I <= 0 ? 0 : q[I - 1], D = q[I], P = W + K, ne = W + B;
+        let te = W;
+        if (G < P ? te = Math.max(0, G - K) : D > ne && (te = D - B), te !== W && (U.scrollTop = te), C) {
           const { leftPinnedWidth: Z, rightPinnedWidth: pe, unpinnedAccWidths: $, unpinnedCols: ge, totalSpecialsWidth: de, pinnedSpecialsWidth: ve } = C, ce = ge.findIndex((A) => A.field === L.field);
           if (ce !== -1) {
-            const A = de + Z + (ce > 0 ? $[ce - 1] : 0), X = de + Z + $[ce], ne = V + ve + Z, ue = V + O - pe;
+            const A = de + Z + (ce > 0 ? $[ce - 1] : 0), X = de + Z + $[ce], oe = V + ve + Z, ue = V + O - pe;
             let fe = V;
-            A < ne ? fe = Math.max(0, A - ve - Z) : X > ue && (fe = X - O + pe), fe !== V && (U.scrollLeft = fe);
+            A < oe ? fe = Math.max(0, A - ve - Z) : X > ue && (fe = X - O + pe), fe !== V && (U.scrollLeft = fe);
           }
         }
       }
@@ -667,8 +667,8 @@ function Io(n) {
   ]);
   return { focusedCell: S, setFocusedCell: N, handleFocus: f, handleBlur: k, handleKeyDown: y };
 }
-const Po = { rowFields: [], columnFields: [], valueFields: [] };
-function Lo(n) {
+const Lo = { rowFields: [], columnFields: [], valueFields: [] };
+function To(n) {
   const {
     initialState: t,
     sortModel: e,
@@ -698,14 +698,14 @@ function Lo(n) {
   ), F = M ? s : T, H = z((Z) => {
     M || I(Z), c?.(Z);
   }, [M, c]), [L, U] = Q(
-    () => d ?? Po
+    () => d ?? Lo
   ), q = d ?? L, K = z((Z) => {
     U(Z), g?.(Z);
   }, [g]), C = x !== void 0 && n.paginationModel !== void 0, [B, O] = Q(
     () => t?.pagination?.paginationModel ?? x
   ), W = C ? x : B, V = z((Z) => {
     C || O(Z), h?.(Z);
-  }, [C, h]), G = m !== void 0, [D, P] = Q([]), te = G ? m : D, ee = ae(() => new Set(te), [te]);
+  }, [C, h]), G = m !== void 0, [D, P] = Q([]), ne = G ? m : D, te = le(() => new Set(ne), [ne]);
   return {
     sortModel: N,
     isSortControlled: S,
@@ -720,13 +720,13 @@ function Lo(n) {
     handlePivotModelChange: K,
     effectivePaginationModel: W,
     handlePaginationModelChange: V,
-    rowSelectionModel: te,
-    selectedRowIds: ee,
+    rowSelectionModel: ne,
+    selectedRowIds: te,
     isSelectionControlled: G,
     setInternalRowSelectionModel: P
   };
 }
-const To = {
+const Oo = {
   contains: (n, t) => n == null || t == null ? !1 : String(n).toLowerCase().includes(String(t).toLowerCase()),
   equals: (n, t) => n == null && t == null ? !0 : n == null || t == null ? !1 : String(n).toLowerCase() === String(t).toLowerCase(),
   startsWith: (n, t) => n == null || t == null ? !1 : String(n).toLowerCase().startsWith(String(t).toLowerCase()),
@@ -770,11 +770,11 @@ const To = {
   },
   "=": (n, t) => n == null || t == null || t === "" ? !1 : Number(n) === Number(t)
 };
-function Oo(n, t) {
-  const { field: e, operator: o, value: i } = t, l = n[e], a = To[o];
+function Wo(n, t) {
+  const { field: e, operator: o, value: i } = t, l = n[e], a = Oo[o];
   return a ? a(l, i) : (console.warn(`Unknown filter operator: ${o}`), !0);
 }
-function Wo(n, t) {
+function Fo(n, t) {
   return !t || t.length === 0 ? !0 : t.every((e) => {
     const o = e.toLowerCase();
     return Object.values(n).some((i) => i == null ? !1 : String(i).toLowerCase().includes(o));
@@ -782,7 +782,7 @@ function Wo(n, t) {
 }
 function un(n, t) {
   const e = t.items ?? [], o = t.logicOperator ?? "and", i = ("quickFilterValues" in t ? t.quickFilterValues : void 0) ?? [];
-  if (i.length > 0 && !Wo(n, i))
+  if (i.length > 0 && !Fo(n, i))
     return !1;
   if (e.length === 0)
     return !0;
@@ -791,16 +791,16 @@ function un(n, t) {
       const s = a, c = s.items;
       return c.length === 0 ? !0 : s.logicOperator === "and" ? c.every(l) : c.some(l);
     } else
-      return Oo(n, a);
+      return Wo(n, a);
   };
   return o === "and" ? e.every(l) : e.some(l);
 }
-function Fo(n, t) {
+function Ao(n, t) {
   if (!t) return n;
   const { items: e = [], quickFilterValues: o = [] } = t;
   return e.length === 0 && (!o || o.length === 0) ? n : n.filter((i) => un(i, t));
 }
-function Ao(n) {
+function zo(n) {
   switch (n) {
     case "number":
       return ["=", "!=", ">", ">=", "<", "<=", "isEmpty", "isNotEmpty"];
@@ -825,7 +825,7 @@ function gn(n, t, e) {
   const o = String(n).toLowerCase(), i = String(t).toLowerCase();
   return e === "asc" ? o < i ? -1 : o > i ? 1 : 0 : o > i ? -1 : o < i ? 1 : 0;
 }
-function zo(n, t) {
+function Bo(n, t) {
   if (t.length === 0)
     return n;
   const e = [...n];
@@ -838,7 +838,7 @@ function zo(n, t) {
     return 0;
   }), e;
 }
-function Bo(n) {
+function $o(n) {
   const {
     effectiveRows: t,
     activeHierarchyHandlers: e,
@@ -853,11 +853,11 @@ function Bo(n) {
     pinnedRows: x,
     isLoading: h,
     pageSize: m
-  } = n, v = ae(() => e ? e.getVisibleRows() || [] : o === "server" && l ? t : Fo(t, i), [t, i, e, o, l]), { top: b, center: S, bottom: N } = ae(() => e ? { top: [], center: v, bottom: [] } : No(v, x), [v, x, e]), f = ae(() => e || s === "server" && l ? S : zo(S, a), [S, a, e, s, l]), k = ae(() => {
+  } = n, v = le(() => e ? e.getVisibleRows() || [] : o === "server" && l ? t : Ao(t, i), [t, i, e, o, l]), { top: b, center: S, bottom: N } = le(() => e ? { top: [], center: v, bottom: [] } : Mo(v, x), [v, x, e]), f = le(() => e || s === "server" && l ? S : Bo(S, a), [S, a, e, s, l]), k = le(() => {
     if (!c || d === "server" && l) return f;
     const w = g.page * g.pageSize;
     return f.slice(w, w + g.pageSize);
-  }, [f, c, g.page, g.pageSize, d, l]), y = ae(() => {
+  }, [f, c, g.page, g.pageSize, d, l]), y = le(() => {
     if (e) return S;
     const w = c ? k : f, u = [...b, ...w, ...N];
     if (d === "infinite" && h && u.length > 0) {
@@ -890,7 +890,7 @@ function Bo(n) {
     allRenderableRows: y
   };
 }
-function $o(n) {
+function Do(n) {
   const {
     layout: t,
     scrollTop: e,
@@ -904,7 +904,7 @@ function $o(n) {
     pinCheckboxColumn: g,
     pinExpandColumn: x
   } = n;
-  return ae(() => {
+  return le(() => {
     const {
       unpinnedAccWidths: h,
       unpinnedColsWithWidth: m,
@@ -942,12 +942,12 @@ function $o(n) {
       ...C > 0 ? [{ field: "__spacer_right__", width: C, isSpacer: !0 }] : [],
       ...b
     ], W = _ > 0 && S > _ ? 16 : 0, V = u + j + p + W + 2, G = 5;
-    let D = 0, P = R - 1, te = 0, ee = 0, Z = w.length - 1;
-    for (; ee <= Z; ) {
-      const $ = ee + Z >>> 1;
-      w[$] < e ? ee = $ + 1 : Z = $ - 1;
+    let D = 0, P = R - 1, ne = 0, te = 0, Z = w.length - 1;
+    for (; te <= Z; ) {
+      const $ = te + Z >>> 1;
+      w[$] < e ? te = $ + 1 : Z = $ - 1;
     }
-    D = Math.max(0, ee - G), te = D > 0 ? w[D - 1] : 0;
+    D = Math.max(0, te - G), ne = D > 0 ? w[D - 1] : 0;
     for (let $ = D; $ < w.length; $++)
       if (w[$] >= e + M) {
         P = Math.min(R - 1, $ + G);
@@ -961,7 +961,7 @@ function $o(n) {
         firstColumnIndex: H,
         lastColumnIndex: L
       },
-      offsetTop: te,
+      offsetTop: ne,
       offsetLeft: 0,
       totalHeight: V,
       pinnedTopHeight: u,
@@ -993,7 +993,7 @@ function $o(n) {
     x
   ]);
 }
-function Do(n) {
+function Ho(n) {
   const { columns: t, onColumnOrderChange: e, disableColumnReorder: o = !1 } = n, [i, l] = Q(null), [a, s] = Q(null), c = J(-1), d = z(
     (m) => (v) => {
       if (o) return;
@@ -1041,7 +1041,7 @@ function Do(n) {
     onDrop: o ? void 0 : x
   };
 }
-function An({ isExpanded: n, onClick: t, variant: e = "chevron" }) {
+function zn({ isExpanded: n, onClick: t, variant: e = "chevron" }) {
   return /* @__PURE__ */ r.jsx(
     "button",
     {
@@ -1114,7 +1114,7 @@ function An({ isExpanded: n, onClick: t, variant: e = "chevron" }) {
     }
   );
 }
-function Ho(n) {
+function Go(n) {
   const {
     activeColumns: t,
     isHierarchyEnabled: e,
@@ -1131,7 +1131,7 @@ function Ho(n) {
     rowReordering: m,
     initialState: v,
     setColumns: b
-  } = n, S = ae(() => e ? t.map((_, M) => M === 0 ? {
+  } = n, S = le(() => e ? t.map((_, M) => M === 0 ? {
     ..._,
     renderCell: (T) => {
       const I = T.row, F = typeof I._treeDepth == "number" ? I._treeDepth : 0, H = !!I._hasChildren, L = !!I._isExpanded, U = typeof I._groupingField == "string" ? I._groupingField : void 0, q = I._groupingValue, K = typeof I._descendantCount == "number" ? I._descendantCount : void 0, C = !!I._isGroupRow;
@@ -1155,7 +1155,7 @@ function Ho(n) {
             },
             style: { cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", pointerEvents: "auto", zIndex: 10, position: "relative" },
             children: /* @__PURE__ */ r.jsx(
-              An,
+              zn,
               {
                 isExpanded: L,
                 onClick: (O) => {
@@ -1186,24 +1186,24 @@ function Ho(n) {
   }, [t, b]), re(() => {
     g && w(t.map((_) => _.field));
   }, [g, t]);
-  const p = ae(() => {
+  const p = le(() => {
     if (d) return S;
     const _ = new Map(u.map((M, T) => [M, T]));
     return [...S].sort((M, T) => {
       const I = _.get(M.field) ?? S.indexOf(M), F = _.get(T.field) ?? S.indexOf(T);
       return I - F;
     });
-  }, [S, u, d]), j = ae(
+  }, [S, u, d]), j = le(
     () => p.filter((_) => a[_.field] !== !1),
     [p, a]
-  ), E = Do({
+  ), E = Ho({
     columns: p,
     onColumnOrderChange: z((_) => {
       const { oldIndex: M, targetIndex: T } = _, I = [...u], [F] = I.splice(M, 1);
       I.splice(T, 0, F), s || w(I), c?.(_);
     }, [u, s, c]),
     disableColumnReorder: d
-  }), R = ae(() => {
+  }), R = le(() => {
     const _ = [];
     return m && _.push({ field: "__reorder_col__" }), h && _.push({ field: "__expand_col__" }), x && _.push({ field: "__checkbox_col__" }), [..._, ...p];
   }, [p, x, h, m]);
@@ -1219,7 +1219,7 @@ function Ho(n) {
     handleColumnResize: k
   };
 }
-function Go(n) {
+function Vo(n) {
   const {
     renderContext: t,
     pinnedTopRows: e,
@@ -1228,7 +1228,7 @@ function Go(n) {
     sortedUnpinnedRows: l,
     pagination: a
   } = n;
-  return ae(() => {
+  return le(() => {
     const { firstRowIndex: s, lastRowIndex: c } = t, d = a ? i : l, g = e.length, x = e.map((f, k) => ({ row: f, rowIndex: k })), h = o.map((f, k) => ({
       row: f,
       rowIndex: g + d.length + k
@@ -1239,7 +1239,7 @@ function Go(n) {
     return S.filter((f) => N.has(f.row.id) ? !1 : (N.add(f.row.id), !0));
   }, [t, e, o, i, l, a]);
 }
-function Vo(n) {
+function Uo(n) {
   const { onRowsScrollEnd: t } = n, e = J({ scrollTop: 0, scrollLeft: 0 }), o = J(null), [i, l] = Q({ scrollTop: 0, scrollLeft: 0 });
   re(() => () => {
     o.current !== null && cancelAnimationFrame(o.current);
@@ -1259,7 +1259,7 @@ function Vo(n) {
   }, [t]);
   return { scrollTop: i.scrollTop, scrollLeft: i.scrollLeft, handleScroll: a };
 }
-function Uo(n) {
+function Ko(n) {
   const {
     onStateChange: t,
     sortModel: e,
@@ -1296,7 +1296,7 @@ function Uo(n) {
     c
   ]);
 }
-const Ko = {
+const Yo = {
   sum: (n) => n.filter((e) => e != null && !isNaN(Number(e))).reduce((e, o) => e + Number(o), 0),
   avg: (n) => {
     const t = n.filter((e) => e != null && !isNaN(Number(e)));
@@ -1316,7 +1316,7 @@ const Ko = {
 function He(n, t) {
   return n == null ? "—" : typeof n == "number" ? t === "avg" ? n.toLocaleString(void 0, { maximumFractionDigits: 2 }) : n.toLocaleString() : String(n);
 }
-function Yo(n) {
+function qo(n) {
   const {
     rows: t,
     aggregationModel: e,
@@ -1325,11 +1325,11 @@ function Yo(n) {
     filterModel: l,
     sortModel: a,
     serverAggregationResults: s
-  } = n, c = ae(() => {
+  } = n, c = le(() => {
     if (o || Object.keys(e).length === 0) return {};
     const f = {};
     for (const [k, y] of Object.entries(e)) {
-      const w = Ko[y];
+      const w = Yo[y];
       if (!w) {
         console.warn(`[useAggregation] Unknown aggregation function: "${y}"`);
         continue;
@@ -1358,9 +1358,9 @@ function Yo(n) {
   }, [i, e, l, a]);
   return re(() => {
     o && i?.getAggregations && !s && S();
-  }, [S, o, i, s]), { aggregationResult: ae(() => o ? s && Object.keys(s).length > 0 ? s : d : c, [o, c, s, d]), isLoading: x, error: m };
+  }, [S, o, i, s]), { aggregationResult: le(() => o ? s && Object.keys(s).length > 0 ? s : d : c, [o, c, s, d]), isLoading: x, error: m };
 }
-function qo({
+function Xo({
   columns: n,
   aggregationModel: t,
   aggregationResult: e,
@@ -1407,7 +1407,7 @@ function qo({
     }
   );
 }
-function Xo({ noRowsLabel: n, width: t }) {
+function Jo({ noRowsLabel: n, width: t }) {
   return /* @__PURE__ */ r.jsxs("div", { className: "ogx__empty", style: { width: t }, children: [
     /* @__PURE__ */ r.jsxs("svg", { width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
       /* @__PURE__ */ r.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
@@ -1416,7 +1416,7 @@ function Xo({ noRowsLabel: n, width: t }) {
     /* @__PURE__ */ r.jsx("span", { children: n })
   ] });
 }
-function Jo({ error: n }) {
+function Qo({ error: n }) {
   if (!n) return null;
   const t = n instanceof Error ? n.message : typeof n == "string" ? n : "An unexpected error occurred while loading the data.";
   return /* @__PURE__ */ r.jsxs("div", { className: "ogx-error-overlay", "aria-live": "assertive", role: "alert", children: [
@@ -1444,10 +1444,10 @@ const At = ({
   inputRef: o,
   ...i
 }) => {
-  const l = se.useRef(null), a = se.useCallback((c) => {
+  const l = ae.useRef(null), a = ae.useCallback((c) => {
     l.current = c, typeof o == "function" ? o(c) : o && (o.current = c);
   }, [o]);
-  se.useEffect(() => {
+  ae.useEffect(() => {
     l.current && (l.current.indeterminate = n);
   }, [n]);
   const s = [
@@ -1473,7 +1473,7 @@ const At = ({
     t && /* @__PURE__ */ r.jsx("span", { className: "ogx-checkbox__label", children: t })
   ] });
 };
-function Qo(n) {
+function Zo(n) {
   const { field: t, currentWidth: e, onResize: o, minWidth: i = 50, maxWidth: l = 1e3 } = n, [a, s] = Q(!1), c = J(0), d = J(0), g = z((m) => {
     m.preventDefault(), m.stopPropagation(), s(!0), c.current = m.clientX, d.current = e;
     let v = 0;
@@ -1509,13 +1509,13 @@ function Qo(n) {
     }
   );
 }
-function it() {
+function lt() {
   return /* @__PURE__ */ r.jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "currentColor", children: /* @__PURE__ */ r.jsx("circle", { cx: "4", cy: "4", r: "4" }) });
 }
-function lt() {
+function st() {
   return /* @__PURE__ */ r.jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ r.jsx("circle", { cx: "4", cy: "4", r: "3" }) });
 }
-function Zo() {
+function er() {
   return /* @__PURE__ */ r.jsxs("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", width: "13", height: "13", fill: "none", children: [
     /* @__PURE__ */ r.jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: "currentColor", strokeWidth: "1.8" }),
     /* @__PURE__ */ r.jsx("rect", { x: "8.5", y: "4", width: "7", height: "16", fill: "currentColor", opacity: "0.3" }),
@@ -1525,52 +1525,52 @@ function Zo() {
     /* @__PURE__ */ r.jsx("line", { x1: "2", y1: "14", x2: "22", y2: "14", stroke: "currentColor", strokeWidth: "1.2" })
   ] });
 }
-function er() {
+function tr() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("line", { x1: "12", y1: "19", x2: "12", y2: "5" }),
     /* @__PURE__ */ r.jsx("polyline", { points: "5 12 12 5 19 12" })
   ] });
 }
-function tr() {
+function nr() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
     /* @__PURE__ */ r.jsx("polyline", { points: "19 12 12 19 5 12" })
   ] });
 }
-function nr() {
+function or() {
   return /* @__PURE__ */ r.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: /* @__PURE__ */ r.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
-function or() {
+function rr() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
     /* @__PURE__ */ r.jsx("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" }),
     /* @__PURE__ */ r.jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function rr() {
+function ir() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("line", { x1: "4", y1: "2", x2: "4", y2: "22" }),
     /* @__PURE__ */ r.jsx("polyline", { points: "11 8 4 12 11 16" }),
     /* @__PURE__ */ r.jsx("line", { x1: "4", y1: "12", x2: "20", y2: "12" })
   ] });
 }
-function ir() {
+function lr() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("line", { x1: "20", y1: "2", x2: "20", y2: "22" }),
     /* @__PURE__ */ r.jsx("polyline", { points: "13 8 20 12 13 16" }),
     /* @__PURE__ */ r.jsx("line", { x1: "20", y1: "12", x2: "4", y2: "12" })
   ] });
 }
-function lr() {
+function sr() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("line", { x1: "2", y1: "2", x2: "22", y2: "22" }),
     /* @__PURE__ */ r.jsx("line", { x1: "4", y1: "4", x2: "4", y2: "20" }),
     /* @__PURE__ */ r.jsx("line", { x1: "4", y1: "12", x2: "20", y2: "12" })
   ] });
 }
-function sr({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedColumns: l, onManageColumns: a, onClose: s, anchorEl: c }) {
+function ar({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedColumns: l, onManageColumns: a, onClose: s, anchorEl: c }) {
   const d = J(null), [g, x] = Q({ position: "fixed", zIndex: 1300, top: 0, left: 0, visibility: "hidden" });
-  se.useLayoutEffect(() => {
+  ae.useLayoutEffect(() => {
     if (!c || !d.current) return;
     const w = c.getBoundingClientRect(), u = d.current.getBoundingClientRect(), p = window.innerWidth, j = window.innerHeight, E = 8;
     let R = w.left;
@@ -1606,8 +1606,8 @@ function sr({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
             role: "menuitemradio",
             "aria-checked": b === "asc",
             children: [
-              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: b === "asc" ? /* @__PURE__ */ r.jsx(it, {}) : /* @__PURE__ */ r.jsx(lt, {}) }),
-              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(er, {}) }),
+              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: b === "asc" ? /* @__PURE__ */ r.jsx(lt, {}) : /* @__PURE__ */ r.jsx(st, {}) }),
+              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(tr, {}) }),
               "Sort Ascending"
             ]
           }
@@ -1620,8 +1620,8 @@ function sr({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
             role: "menuitemradio",
             "aria-checked": b === "desc",
             children: [
-              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: b === "desc" ? /* @__PURE__ */ r.jsx(it, {}) : /* @__PURE__ */ r.jsx(lt, {}) }),
-              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(tr, {}) }),
+              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: b === "desc" ? /* @__PURE__ */ r.jsx(lt, {}) : /* @__PURE__ */ r.jsx(st, {}) }),
+              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(nr, {}) }),
               "Sort Descending"
             ]
           }
@@ -1634,8 +1634,8 @@ function sr({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
             role: "menuitemradio",
             "aria-checked": S,
             children: [
-              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: S ? /* @__PURE__ */ r.jsx(it, {}) : /* @__PURE__ */ r.jsx(lt, {}) }),
-              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(nr, {}) }),
+              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: S ? /* @__PURE__ */ r.jsx(lt, {}) : /* @__PURE__ */ r.jsx(st, {}) }),
+              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(or, {}) }),
               "Unsort"
             ]
           }
@@ -1652,8 +1652,8 @@ function sr({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
           "aria-checked": N,
           "aria-label": "Pin to left",
           children: [
-            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: N ? /* @__PURE__ */ r.jsx(it, {}) : /* @__PURE__ */ r.jsx(lt, {}) }),
-            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(rr, {}) }),
+            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: N ? /* @__PURE__ */ r.jsx(lt, {}) : /* @__PURE__ */ r.jsx(st, {}) }),
+            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(ir, {}) }),
             "Pin to Left"
           ]
         }
@@ -1667,8 +1667,8 @@ function sr({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
           "aria-checked": f,
           "aria-label": "Pin to right",
           children: [
-            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: f ? /* @__PURE__ */ r.jsx(it, {}) : /* @__PURE__ */ r.jsx(lt, {}) }),
-            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(ir, {}) }),
+            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: f ? /* @__PURE__ */ r.jsx(lt, {}) : /* @__PURE__ */ r.jsx(st, {}) }),
+            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(lr, {}) }),
             "Pin to Right"
           ]
         }
@@ -1682,8 +1682,8 @@ function sr({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
           "aria-checked": k,
           "aria-label": "Unpin column",
           children: [
-            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: k ? /* @__PURE__ */ r.jsx(it, {}) : /* @__PURE__ */ r.jsx(lt, {}) }),
-            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(lr, {}) }),
+            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: k ? /* @__PURE__ */ r.jsx(lt, {}) : /* @__PURE__ */ r.jsx(st, {}) }),
+            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(sr, {}) }),
             "Unpin"
           ]
         }
@@ -1691,7 +1691,7 @@ function sr({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
       /* @__PURE__ */ r.jsx("div", { className: "ogx-menu-divider" }),
       /* @__PURE__ */ r.jsxs("button", { className: "ogx-menu-item", onClick: m, role: "menuitem", "aria-label": `Hide ${y} column`, children: [
         /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true" }),
-        /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(or, {}) }),
+        /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(rr, {}) }),
         "Hide Column"
       ] }),
       /* @__PURE__ */ r.jsx("div", { className: "ogx-menu-divider" }),
@@ -1699,26 +1699,26 @@ function sr({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
         a?.(), s();
       }, role: "menuitem", "aria-label": "Manage all columns", children: [
         /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true" }),
-        /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(Zo, {}) }),
+        /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(er, {}) }),
         "Manage columns"
       ] })
     ] }),
     c?.closest(".ogx-theme-provider") || document.body
   );
 }
-function ar() {
+function dr() {
   return /* @__PURE__ */ r.jsx("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18", children: /* @__PURE__ */ r.jsx("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }) });
 }
-function dr() {
+function cr() {
   return /* @__PURE__ */ r.jsx("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", width: "18", height: "18", fill: "currentColor", children: /* @__PURE__ */ r.jsx("path", { d: "M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z" }) });
 }
-function zn(n) {
+function Bn(n) {
   const t = [];
   for (const e of n.children)
-    typeof e == "string" ? t.push(e) : t.push(...zn(e));
+    typeof e == "string" ? t.push(e) : t.push(...Bn(e));
   return t;
 }
-function cr(n) {
+function ur(n) {
   let t = 0;
   function e(o, i) {
     t = Math.max(t, i);
@@ -1726,9 +1726,9 @@ function cr(n) {
   }
   return n.forEach((o) => e(o, 1)), t;
 }
-function ur(n, t, e) {
+function gr(n, t, e) {
   function o(s, c, d) {
-    if (!zn(s).includes(c)) return null;
+    if (!Bn(s).includes(c)) return null;
     if (d === e) return s;
     for (const g of s.children)
       if (typeof g != "string") {
@@ -1759,7 +1759,7 @@ function ur(n, t, e) {
   }
   return l;
 }
-function gr(n) {
+function fr(n) {
   const {
     columns: t,
     allColumns: e,
@@ -1789,12 +1789,12 @@ function gr(n) {
     onHideColumn: R,
     onPinColumn: _,
     onManageColumns: M
-  } = n, T = se.useRef({}), [I, F] = se.useState(null), H = (P) => (te) => {
-    te.stopPropagation(), F({ colDef: P, anchorEl: te.currentTarget });
+  } = n, T = ae.useRef({}), [I, F] = ae.useState(null), H = (P) => (ne) => {
+    ne.stopPropagation(), F({ colDef: P, anchorEl: ne.currentTarget });
   }, L = () => {
     F(null);
   };
-  se.useLayoutEffect(() => {
+  ae.useLayoutEffect(() => {
     if (j?.id === "HEADER") {
       const P = T.current[j.field];
       P && P.focus();
@@ -1802,13 +1802,13 @@ function gr(n) {
   }, [j]);
   const U = (P) => () => {
     if (P.sortable === !1 || !c) return;
-    const te = d.find((Z) => Z.field === P.field);
-    let ee = "asc";
-    te && (te.sort === "asc" ? ee = "desc" : ee = null), c(P.field, ee);
+    const ne = d.find((Z) => Z.field === P.field);
+    let te = "asc";
+    ne && (ne.sort === "asc" ? te = "desc" : te = null), c(P.field, te);
   }, q = (P) => {
-    const te = d.find((ee) => ee.field === P);
-    return te ? /* @__PURE__ */ r.jsx("span", { className: `ogx__sort-icon ogx__sort-icon--${te.sort}`, "aria-hidden": "true" }) : null;
-  }, K = se.useMemo(() => Fn(
+    const ne = d.find((te) => te.field === P);
+    return ne ? /* @__PURE__ */ r.jsx("span", { className: `ogx__sort-icon ogx__sort-icon--${ne.sort}`, "aria-hidden": "true" }) : null;
+  }, K = ae.useMemo(() => An(
     t,
     x,
     h,
@@ -1817,7 +1817,7 @@ function gr(n) {
     m,
     b,
     S
-  ), [t, x, h, i, v, m, b, S]), C = o ? cr(o) : 0, O = (e ?? t).filter((P) => !P.isSpacer).map((P) => ({
+  ), [t, x, h, i, v, m, b, S]), C = o ? ur(o) : 0, O = (e ?? t).filter((P) => !P.isSpacer).map((P) => ({
     field: P.field,
     width: x[P.field] ?? P.width ?? 100
   })), D = (S ? 48 : 0) + (m ? 48 : 0) + (i ? 48 : 0);
@@ -1825,11 +1825,11 @@ function gr(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__ */ r.jsxs("div", { className: "ogx__header-wrap", children: [
-      C > 0 && Array.from({ length: C }, (P, te) => {
-        const ee = ur(
+      C > 0 && Array.from({ length: C }, (P, ne) => {
+        const te = gr(
           o,
           O,
-          te
+          ne
         );
         return /* @__PURE__ */ r.jsxs("div", { className: "ogx-col-group-row", role: "row", children: [
           D > 0 && /* @__PURE__ */ r.jsx(
@@ -1840,7 +1840,7 @@ function gr(n) {
               role: "columnheader"
             }
           ),
-          ee.map((Z) => /* @__PURE__ */ r.jsx(
+          te.map((Z) => /* @__PURE__ */ r.jsx(
             "div",
             {
               role: "columnheader",
@@ -1851,7 +1851,7 @@ function gr(n) {
             },
             Z.key
           ))
-        ] }, `ogx-grp-${te}`);
+        ] }, `ogx-grp-${ne}`);
       }),
       /* @__PURE__ */ r.jsxs("div", { className: "ogx__header", role: "row", children: [
         S && /* @__PURE__ */ r.jsx(
@@ -1912,7 +1912,7 @@ function gr(n) {
             )
           }
         ),
-        t.map((P, te) => {
+        t.map((P, ne) => {
           if (P.isSpacer)
             return /* @__PURE__ */ r.jsx(
               "div",
@@ -1922,10 +1922,10 @@ function gr(n) {
               },
               P.field
             );
-          const ee = P.sortable !== !1, Z = d.some((xe) => xe.field === P.field), pe = P.resizable !== !1, $ = zt(P.field, h), ge = $ !== null, de = f === P.field, ve = k === P.field, ce = [
+          const te = P.sortable !== !1, Z = d.some((xe) => xe.field === P.field), pe = P.resizable !== !1, $ = zt(P.field, h), ge = $ !== null, de = f === P.field, ve = k === P.field, ce = [
             "ogx__header-cell",
             `ogx__header-cell--align-${P.headerAlign || P.align || "left"}`,
-            ee && "ogx__header-cell--sortable",
+            te && "ogx__header-cell--sortable",
             Z && "ogx__header-cell--sorted",
             ge && "ogx__header-cell--pinned",
             ge && `ogx__header-cell--pinned-${$}`,
@@ -1949,12 +1949,12 @@ function gr(n) {
             const xe = K[P.field];
             $ === "left" ? X.left = xe : X.right = xe;
           }
-          const ne = P.renderHeader ? P.renderHeader({ field: P.field, colDef: P, colIndex: te }) : P.headerName || P.field, ue = (xe) => {
+          const oe = P.renderHeader ? P.renderHeader({ field: P.field, colDef: P, colIndex: ne }) : P.headerName || P.field, ue = (xe) => {
             if (xe.target.closest(".ogx-column-resize-handle")) {
               xe.stopPropagation();
               return;
             }
-            E?.(P.field), ee && U(P)();
+            E?.(P.field), te && U(P)();
           }, fe = y ? y(P.field) : void 0, Ie = w ? w(P.field) : void 0, Ve = p ? p(P.field) : void 0;
           return /* @__PURE__ */ r.jsxs(
             "div",
@@ -1968,8 +1968,8 @@ function gr(n) {
               onDragOver: Ie,
               onDragEnd: u,
               onDrop: Ve,
-              "aria-sort": ee ? Z ? d.find((xe) => xe.field === P.field)?.sort === "asc" ? "ascending" : "descending" : "none" : void 0,
-              "aria-colindex": te + 1 + (i ? 1 : 0),
+              "aria-sort": te ? Z ? d.find((xe) => xe.field === P.field)?.sort === "asc" ? "ascending" : "descending" : "none" : void 0,
+              "aria-colindex": ne + 1 + (i ? 1 : 0),
               "data-field": P.field,
               tabIndex: -1,
               ref: (xe) => {
@@ -1977,12 +1977,12 @@ function gr(n) {
               },
               children: [
                 /* @__PURE__ */ r.jsxs("div", { className: "ogx__header-cell-content", children: [
-                  de && /* @__PURE__ */ r.jsx("div", { className: "ogx__header-drag-icon", children: /* @__PURE__ */ r.jsx(dr, {}) }),
+                  de && /* @__PURE__ */ r.jsx("div", { className: "ogx__header-drag-icon", children: /* @__PURE__ */ r.jsx(cr, {}) }),
                   /* @__PURE__ */ r.jsxs("div", { className: "ogx__header-cell-title-wrapper", children: [
-                    /* @__PURE__ */ r.jsx("span", { className: "ogx__header-cell-title", children: ne }),
+                    /* @__PURE__ */ r.jsx("span", { className: "ogx__header-cell-title", children: oe }),
                     N && N[P.field] && /* @__PURE__ */ r.jsx("span", { className: "ogx__header-cell-aggregation", children: N[P.field] })
                   ] }),
-                  ee && q(P.field),
+                  te && q(P.field),
                   !P.disableColumnMenu && /* @__PURE__ */ r.jsx(
                     "button",
                     {
@@ -1991,12 +1991,12 @@ function gr(n) {
                       "aria-label": `Open column menu for ${P.headerName || P.field}`,
                       "aria-haspopup": "menu",
                       tabIndex: -1,
-                      children: /* @__PURE__ */ r.jsx(ar, {})
+                      children: /* @__PURE__ */ r.jsx(dr, {})
                     }
                   )
                 ] }),
                 pe && g && /* @__PURE__ */ r.jsx(
-                  Qo,
+                  Zo,
                   {
                     field: P.field,
                     currentWidth: A,
@@ -2011,7 +2011,7 @@ function gr(n) {
           );
         }),
         I && /* @__PURE__ */ r.jsx(
-          sr,
+          ar,
           {
             colDef: I.colDef,
             sortModel: d,
@@ -2055,7 +2055,7 @@ const Ot = ({
     }
   );
 };
-function Bn(n) {
+function $n(n) {
   const {
     page: t,
     pageSize: e,
@@ -2155,7 +2155,7 @@ function Bn(n) {
     ] })
   ] });
 }
-function fr(n, t, e = {}) {
+function hr(n, t, e = {}) {
   const o = /* @__PURE__ */ new Map(), i = [];
   n.forEach((s) => {
     o.set(s.id, s), i.push(s.id);
@@ -2211,7 +2211,7 @@ function fr(n, t, e = {}) {
     }
   };
 }
-function hr(n, t) {
+function pr(n, t) {
   switch (t.type) {
     case "SET_ROWS": {
       const e = Array.from(n.rows.idRowsLookup.values()), o = typeof t.payload == "function" ? t.payload(e) : t.payload, i = /* @__PURE__ */ new Map(), l = [];
@@ -2302,10 +2302,10 @@ function hr(n, t) {
       return n;
   }
 }
-function pr(n) {
+function xr(n) {
   const { rows: t, columns: e, rowHeight: o = 52, headerHeight: i = 56, columnVisibilityModel: l, initialState: a } = n, [s] = Q(
-    () => fr(t, e, l)
-  ), [c, d] = ko(hr, {
+    () => hr(t, e, l)
+  ), [c, d] = So(pr, {
     ...s,
     sorting: a?.sorting || s.sorting,
     filter: a?.filter || s.filter,
@@ -2409,7 +2409,7 @@ function pr(n) {
     setRowCount: w
   };
 }
-function xr(n) {
+function mr(n) {
   const { onRowOrderChange: t, rows: e, getRowId: o, rowReordering: i = !1 } = n, [l, a] = Q(null), [s, c] = Q(null), d = z((v) => o ? o(v) : v.id, [o]), g = z((v) => (b) => {
     i && (a(v), b.dataTransfer.effectAllowed = "move");
   }, [i]), x = z((v) => (b) => {
@@ -2437,7 +2437,7 @@ function xr(n) {
     onDrop: i ? m : void 0
   };
 }
-function mr(n) {
+function wr(n) {
   const {
     rows: t,
     getRowId: e,
@@ -2447,7 +2447,7 @@ function mr(n) {
     filterModel: a,
     sortModel: s,
     onRowExpansionChange: c
-  } = n, { treeNodes: d, rootIds: g, groupingRows: x } = ae(() => {
+  } = n, { treeNodes: d, rootIds: g, groupingRows: x } = le(() => {
     if (!i || !o)
       return {
         treeNodes: /* @__PURE__ */ new Map(),
@@ -2513,7 +2513,7 @@ function mr(n) {
         }
       }
     }), { treeNodes: y, rootIds: w, groupingRows: u };
-  }, [t, o, i, e]), h = ae(() => {
+  }, [t, o, i, e]), h = le(() => {
     if (!i) return /* @__PURE__ */ new Set();
     const y = /* @__PURE__ */ new Set();
     return d.forEach((w) => {
@@ -2582,7 +2582,7 @@ function mr(n) {
     }
     return w;
   }, [d]);
-  return ae(() => ({
+  return le(() => ({
     treeNodes: d,
     groupingRows: x,
     toggleExpansion: b,
@@ -2592,8 +2592,8 @@ function mr(n) {
     getNodePath: k
   }), [d, x, b, N, S, f, k]);
 }
-const wr = (n) => n?.depth === -1 ? "footer" : "inline";
-function vr(n) {
+const vr = (n) => n?.depth === -1 ? "footer" : "inline";
+function br(n) {
   const {
     rows: t,
     getRowId: e,
@@ -2602,8 +2602,8 @@ function vr(n) {
     defaultGroupingExpansionDepth: l = 0,
     filterModel: a,
     sortModel: s,
-    getAggregationPosition: c = wr
-  } = n, [d, g] = Q(/* @__PURE__ */ new Set()), { treeNodes: x, rootIds: h, groupingRows: m } = ae(() => {
+    getAggregationPosition: c = vr
+  } = n, [d, g] = Q(/* @__PURE__ */ new Set()), { treeNodes: x, rootIds: h, groupingRows: m } = le(() => {
     const f = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map(), y = [];
     if (o.length === 0)
       return { treeNodes: f, rootIds: y, groupingRows: k };
@@ -2638,7 +2638,7 @@ function vr(n) {
           else if (V === "max")
             q[W] = Math.max(...G.map((D) => Number(D) || 0));
           else if (V === "avg") {
-            const D = G.reduce((P, te) => P + (Number(te) || 0), 0);
+            const D = G.reduce((P, ne) => P + (Number(ne) || 0), 0);
             q[W] = G.length ? D / G.length : 0;
           } else V === "count" && (q[W] = G.length);
         });
@@ -2730,7 +2730,7 @@ function vr(n) {
     }, p = d;
     return u(h), f;
   }, [t, e, x, h, m, a, s, d, o]), N = z((f) => x.get(f), [x]);
-  return ae(() => ({
+  return le(() => ({
     treeNodes: x,
     groupingRows: m,
     toggleExpansion: v,
@@ -2739,7 +2739,7 @@ function vr(n) {
     getNode: N
   }), [x, m, v, b, S, N]);
 }
-function br(n) {
+function _r(n) {
   const {
     rows: t,
     getRowId: e,
@@ -2793,7 +2793,7 @@ function br(n) {
     setEditCellValue: h
   };
 }
-function _r(n, t, e) {
+function yr(n, t, e) {
   const [o, i] = Q(/* @__PURE__ */ new Map()), [l, a] = Q({
     caches: {
       spannedCells: {},
@@ -2823,7 +2823,7 @@ function _r(n, t, e) {
         } else
           p = u.colSpan;
       if (p <= 1) {
-        st(y, b, u.field, {
+        at(y, b, u.field, {
           spannedByColSpan: !1,
           cellProps: { colSpan: 1, width: e[u.field] || 100 }
         });
@@ -2833,13 +2833,13 @@ function _r(n, t, e) {
       for (let E = 1; E < p; E++)
         if (w + E < k) {
           const R = t[w + E];
-          R && (j += e[R.field] || 100, st(y, b, R.field, {
+          R && (j += e[R.field] || 100, at(y, b, R.field, {
             spannedByColSpan: !0,
             leftVisibleCellIndex: w,
             rightVisibleCellIndex: Math.min(w + p - 1, t.length - 1)
           }));
         }
-      st(y, b, u.field, {
+      at(y, b, u.field, {
         spannedByColSpan: !1,
         cellProps: { colSpan: p, width: j }
       }), w += p - 1;
@@ -2912,7 +2912,7 @@ function _r(n, t, e) {
             p = u.colSpan;
         if (p <= 1) {
           const E = e[u.field] || (typeof u.width == "number" ? u.width : 100);
-          st(b, k.id, u.field, {
+          at(b, k.id, u.field, {
             spannedByColSpan: !1,
             cellProps: { colSpan: 1, width: E }
           });
@@ -2924,14 +2924,14 @@ function _r(n, t, e) {
             const R = t[w + E];
             if (R) {
               const _ = e[R.field] || (typeof R.width == "number" ? R.width : 100);
-              j += _, st(b, k.id, R.field, {
+              j += _, at(b, k.id, R.field, {
                 spannedByColSpan: !0,
                 leftVisibleCellIndex: w,
                 rightVisibleCellIndex: Math.min(w + p - 1, t.length - 1)
               });
             }
           }
-        st(b, k.id, u.field, {
+        at(b, k.id, u.field, {
           spannedByColSpan: !1,
           cellProps: { colSpan: p, width: j }
         }), w += p - 1;
@@ -2986,11 +2986,11 @@ function _r(n, t, e) {
     getHiddenCellOriginMap: v
   };
 }
-function st(n, t, e, o) {
+function at(n, t, e, o) {
   let i = n.get(t);
   i || (i = {}, n.set(t, i)), i[e] = o;
 }
-function yr(n) {
+function Cr(n) {
   const {
     dataSource: t,
     sortModel: e,
@@ -3089,8 +3089,8 @@ function yr(n) {
     fetchChildren: N
   };
 }
-const $n = "\0", pt = "";
-function Cr(n, t) {
+const Dn = "\0", xt = "";
+function kr(n, t) {
   const e = n.filter((o) => o != null && !isNaN(o));
   if (e.length === 0) return null;
   switch (t) {
@@ -3107,13 +3107,13 @@ function Cr(n, t) {
   }
 }
 function Wt(n, t) {
-  return t.map((e) => String(n[e] ?? "")).join($n);
+  return t.map((e) => String(n[e] ?? "")).join(Dn);
 }
 function an(n, t, e, o) {
-  return o ? `${n}${pt}${t}${pt}${e}` : `${t}${pt}${e}`;
+  return o ? `${n}${xt}${t}${xt}${e}` : `${t}${xt}${e}`;
 }
-function kr(n, t, e, o) {
-  return ae(() => {
+function Sr(n, t, e, o) {
+  return le(() => {
     const i = { pivotRows: [], pivotColumns: [], colKeys: [], isValid: !1 };
     if (!o) return i;
     const { rowFields: l, columnFields: a, valueFields: s } = e;
@@ -3145,7 +3145,7 @@ function kr(n, t, e, o) {
         const w = f.bucket.get(y);
         for (const u of s) {
           const p = an(y, u.field, u.aggFn, c), j = w?.get(u.field) ?? [];
-          k[p] = j.length > 0 ? Cr(j, u.aggFn) : null;
+          k[p] = j.length > 0 ? kr(j, u.aggFn) : null;
         }
       }
       v.push(k);
@@ -3155,7 +3155,7 @@ function kr(n, t, e, o) {
       const k = Wt(f, a);
       for (const y of s) {
         if (y.aggFn !== "avg" && y.aggFn !== "min" && y.aggFn !== "max") continue;
-        const w = `${k}${pt}${y.field}`;
+        const w = `${k}${xt}${y.field}`;
         b.has(w) || b.set(w, []);
         const u = f[y.field];
         u != null && !isNaN(Number(u)) && b.get(w).push(Number(u));
@@ -3171,7 +3171,7 @@ function kr(n, t, e, o) {
           S[y] = null;
           continue;
         }
-        const u = `${f}${pt}${k.field}`;
+        const u = `${f}${xt}${k.field}`;
         switch (k.aggFn) {
           case "sum":
           case "count":
@@ -3202,7 +3202,7 @@ function kr(n, t, e, o) {
       });
     }
     for (const f of x) {
-      const k = c ? f.split($n).map((y, w) => {
+      const k = c ? f.split(Dn).map((y, w) => {
         const u = d.get(a[w]);
         return u?.headerName ? `${u.headerName}: ${y}` : y;
       }).join(" / ") : "";
@@ -3227,7 +3227,7 @@ function kr(n, t, e, o) {
     return { pivotRows: v, pivotColumns: N, colKeys: x, isValid: !0 };
   }, [n, t, e, o]);
 }
-function Sr(n) {
+function jr(n) {
   const t = document.createElement("textarea");
   t.value = n, t.style.cssText = "position:fixed;top:-9999px;left:-9999px;opacity:0;", document.body.appendChild(t), t.focus(), t.select();
   let e = !1;
@@ -3238,10 +3238,10 @@ function Sr(n) {
   }
   return e;
 }
-async function jr(n) {
+async function Rr(n) {
   let t = !1;
   try {
-    t = Sr(n);
+    t = jr(n);
   } catch {
   }
   if (navigator.clipboard && typeof navigator.clipboard.writeText == "function")
@@ -3255,7 +3255,7 @@ async function jr(n) {
   else if (!t)
     throw new Error("Clipboard API not available and fallback failed.");
 }
-function Rr(n) {
+function Er(n) {
   const { selectedRowIds: t, columns: e, getVisibleRows: o, getRowId: i } = n, l = z(async () => {
     if (t.size === 0) return;
     const s = o().filter((h) => t.has(i(h)));
@@ -3269,7 +3269,7 @@ function Rr(n) {
 `), x = `${d}
 ${g}`;
     try {
-      await jr(x);
+      await Rr(x);
     } catch (h) {
       console.error("[OpenGridX] Failed to copy to clipboard:", h);
     }
@@ -3283,7 +3283,7 @@ ${g}`;
     return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
   }, [l]), { copySelectedRows: l };
 }
-function Er({
+function Nr({
   row: n,
   rowIndex: t,
   listViewColumn: e,
@@ -3327,7 +3327,7 @@ function Er({
     }
   );
 }
-function Nr({
+function Mr({
   ariaLabel: n,
   allRenderableRows: t,
   filteredRows: e,
@@ -3348,7 +3348,7 @@ function Nr({
   onSelectionChange: N,
   onPaginationModelChange: f
 }) {
-  const k = v || Bn, y = x === "server" && h ? m || 0 : e.length;
+  const k = v || $n, y = x === "server" && h ? m || 0 : e.length;
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
@@ -3371,7 +3371,7 @@ function Nr({
           ] }),
           c
         ] }) : t.map((w, u) => /* @__PURE__ */ r.jsx(
-          Er,
+          Nr,
           {
             row: w,
             rowIndex: u,
@@ -3400,7 +3400,7 @@ function Nr({
     }
   );
 }
-function Mr({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
+function Ir({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
   const [i, l] = Q(String(n ?? "")), a = J(null);
   return re(() => {
     a.current?.focus(), a.current?.select();
@@ -3421,7 +3421,7 @@ function Mr({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
     }
   );
 }
-function Ir({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
+function Pr({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
   const [i, l] = Q(typeof n == "number" ? n : ""), a = J(null);
   return re(() => {
     a.current?.focus(), a.current?.select();
@@ -3443,7 +3443,7 @@ function Ir({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
     }
   );
 }
-function Pr({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
+function Lr({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
   const i = J(null);
   re(() => {
     i.current?.focus();
@@ -3465,7 +3465,7 @@ function Pr({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
     }
   ) });
 }
-function Lr({ value: n, colDef: t, onValueChange: e, onCommit: o, onCancel: i }) {
+function Tr({ value: n, colDef: t, onValueChange: e, onCommit: o, onCancel: i }) {
   const l = J(null);
   re(() => {
     l.current?.focus();
@@ -3491,7 +3491,7 @@ function Lr({ value: n, colDef: t, onValueChange: e, onCommit: o, onCancel: i })
     }
   );
 }
-function Tr({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
+function Or({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
   const [i, l] = Q(typeof n == "string" ? n : String(n ?? "")), a = J(null);
   return re(() => {
     a.current?.focus();
@@ -3512,22 +3512,22 @@ function Tr({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
     }
   );
 }
-function Or(n) {
+function Wr(n) {
   const { colDef: t } = n;
   switch (t.type) {
     case "number":
-      return /* @__PURE__ */ r.jsx("div", { className: "ogx__edit-cell", children: /* @__PURE__ */ r.jsx(Ir, { ...n }) });
-    case "boolean":
       return /* @__PURE__ */ r.jsx("div", { className: "ogx__edit-cell", children: /* @__PURE__ */ r.jsx(Pr, { ...n }) });
-    case "singleSelect":
+    case "boolean":
       return /* @__PURE__ */ r.jsx("div", { className: "ogx__edit-cell", children: /* @__PURE__ */ r.jsx(Lr, { ...n }) });
-    case "date":
+    case "singleSelect":
       return /* @__PURE__ */ r.jsx("div", { className: "ogx__edit-cell", children: /* @__PURE__ */ r.jsx(Tr, { ...n }) });
+    case "date":
+      return /* @__PURE__ */ r.jsx("div", { className: "ogx__edit-cell", children: /* @__PURE__ */ r.jsx(Or, { ...n }) });
     default:
-      return /* @__PURE__ */ r.jsx("div", { className: "ogx__edit-cell", children: /* @__PURE__ */ r.jsx(Mr, { ...n }) });
+      return /* @__PURE__ */ r.jsx("div", { className: "ogx__edit-cell", children: /* @__PURE__ */ r.jsx(Ir, { ...n }) });
   }
 }
-function Wr(n) {
+function Fr(n) {
   const {
     onCellClick: t,
     onCellEditStart: e,
@@ -3552,13 +3552,13 @@ function Wr(n) {
     colSpanInfo: w,
     rowSpan: u,
     isHiddenByRowSpan: p
-  } = n, j = se.useCallback((C) => {
+  } = n, j = ae.useCallback((C) => {
     o ? o(a.field, C) : y?.(C);
-  }, [o, y, a.field]), E = se.useMemo(() => a.valueFormatter ? a.valueFormatter({
+  }, [o, y, a.field]), E = ae.useMemo(() => a.valueFormatter ? a.valueFormatter({
     value: i,
     row: l,
     field: a.field
-  }) : i == null ? "" : String(i), [i, l, a]), R = se.useMemo(() => N && (o || y) && k ? a.renderEditCell ? a.renderEditCell({
+  }) : i == null ? "" : String(i), [i, l, a]), R = ae.useMemo(() => N && (o || y) && k ? a.renderEditCell ? a.renderEditCell({
     value: i,
     row: l,
     field: a.field,
@@ -3566,7 +3566,7 @@ function Wr(n) {
     rowIndex: s,
     colIndex: c
   }) : /* @__PURE__ */ r.jsx(
-    Or,
+    Wr,
     {
       value: i,
       row: l,
@@ -3585,8 +3585,8 @@ function Wr(n) {
     colDef: a,
     rowIndex: s,
     colIndex: c
-  }) : E, [i, l, a, s, c, E, N, j, k, o, y]), _ = se.useMemo(() => a.cellClassName ? typeof a.cellClassName == "function" ? a.cellClassName({ value: i, row: l, field: a.field, colDef: a, rowIndex: s, colIndex: c }) || "" : a.cellClassName : "", [a, i, l, s, c]), M = se.useRef(null);
-  if (se.useLayoutEffect(() => {
+  }) : E, [i, l, a, s, c, E, N, j, k, o, y]), _ = ae.useMemo(() => a.cellClassName ? typeof a.cellClassName == "function" ? a.cellClassName({ value: i, row: l, field: a.field, colDef: a, rowIndex: s, colIndex: c }) || "" : a.cellClassName : "", [a, i, l, s, c]), M = ae.useRef(null);
+  if (ae.useLayoutEffect(() => {
     v && M.current && M.current.focus({ preventScroll: !0 });
   }, [v]), w?.spannedByColSpan)
     return null;
@@ -3657,7 +3657,7 @@ function Wr(n) {
     }
   );
 }
-const Fr = se.memo(Wr), Ar = ({ className: n = "", ...t }) => /* @__PURE__ */ r.jsx(
+const Ar = ae.memo(Fr), zr = ({ className: n = "", ...t }) => /* @__PURE__ */ r.jsx(
   "button",
   {
     type: "button",
@@ -3667,7 +3667,7 @@ const Fr = se.memo(Wr), Ar = ({ className: n = "", ...t }) => /* @__PURE__ */ r.
     children: /* @__PURE__ */ r.jsx("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx("path", { d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }) })
   }
 );
-function zr(n) {
+function Br(n) {
   const { content: t, height: e, isExpanded: o } = n;
   if (!o)
     return null;
@@ -3713,11 +3713,11 @@ function dn(n) {
     colspanMap: H,
     rowSpanningCaches: L,
     rowHeight: U = 52
-  } = n, q = se.useRef(null), K = se.useRef(null);
-  se.useLayoutEffect(() => {
+  } = n, q = ae.useRef(null), K = ae.useRef(null);
+  ae.useLayoutEffect(() => {
     I === "__expand_col__" && q.current && q.current.focus({ preventScroll: !0 }), I === "__checkbox_col__" && K.current && K.current.focus({ preventScroll: !0 });
   }, [I]);
-  const C = se.useMemo(() => Fn(
+  const C = ae.useMemo(() => An(
     e,
     d,
     g,
@@ -3726,11 +3726,11 @@ function dn(n) {
     h,
     f,
     k
-  ), [e, d, g, l, N, h, f, k]), B = t._hasChildren === !0, O = se.useCallback(($, ge) => {
+  ), [e, d, g, l, N, h, f, k]), B = t._hasChildren === !0, O = ae.useCallback(($, ge) => {
     B || _?.({ id: t.id, field: $, value: ge });
-  }, [B, t.id, _]), W = se.useCallback(($, ge) => {
+  }, [B, t.id, _]), W = ae.useCallback(($, ge) => {
     T?.({ id: t.id, field: $, value: ge });
-  }, [T, t.id]), V = se.useCallback(($) => {
+  }, [T, t.id]), V = ae.useCallback(($) => {
     M?.({ cancel: $ });
   }, [M]);
   if (t._isSkeleton) {
@@ -3752,12 +3752,12 @@ function dn(n) {
     $.stopPropagation(), c?.(t.id, $.target.checked);
   }, P = ($) => {
     $.stopPropagation(), v?.(t.id);
-  }, te = cn(t.id, x), ee = te === "top", Z = te === "bottom", pe = [
+  }, ne = cn(t.id, x), te = ne === "top", Z = ne === "bottom", pe = [
     "ogx__row",
     i && "ogx__row--selected",
     o % 2 === 0 && "ogx__row--even",
     o % 2 === 1 && "ogx__row--odd",
-    ee && "ogx__row--pinned-top",
+    te && "ogx__row--pinned-top",
     Z && "ogx__row--pinned-bottom",
     j && "ogx__row--dragging",
     E && "ogx__row--drag-over",
@@ -3797,7 +3797,7 @@ function dn(n) {
               onDragStart: y ? y(t.id) : void 0,
               onDragEnd: u,
               onClick: ($) => $.stopPropagation(),
-              children: /* @__PURE__ */ r.jsx(Ar, {})
+              children: /* @__PURE__ */ r.jsx(zr, {})
             }
           ),
           h && /* @__PURE__ */ r.jsx(
@@ -3825,7 +3825,7 @@ function dn(n) {
                 });
               },
               children: /* @__PURE__ */ r.jsx(
-                An,
+                zn,
                 {
                   isExpanded: m,
                   onClick: P,
@@ -3881,11 +3881,11 @@ function dn(n) {
                 },
                 $.field
               );
-            const de = $.valueGetter ? $.valueGetter({ row: t, field: $.field, value: t[$.field] }) : t[$.field], ve = d[$.field] ?? $.width, ce = zt($.field, g), A = ce ? C[$.field] : void 0, X = R?.id === t.id && R?.field === $.field, ne = X ? R?.value : de, ue = H?.get(t.id)?.[$.field], fe = L?.spannedCells[t.id]?.[$.field], Ie = L?.hiddenCells[t.id]?.[$.field] || !1;
+            const de = $.valueGetter ? $.valueGetter({ row: t, field: $.field, value: t[$.field] }) : t[$.field], ve = d[$.field] ?? $.width, ce = zt($.field, g), A = ce ? C[$.field] : void 0, X = R?.id === t.id && R?.field === $.field, oe = X ? R?.value : de, ue = H?.get(t.id)?.[$.field], fe = L?.spannedCells[t.id]?.[$.field], Ie = L?.hiddenCells[t.id]?.[$.field] || !1;
             return /* @__PURE__ */ r.jsx(
-              Fr,
+              Ar,
               {
-                value: ne,
+                value: oe,
                 row: t,
                 colDef: $,
                 rowIndex: o,
@@ -3913,7 +3913,7 @@ function dn(n) {
       }
     ),
     h && /* @__PURE__ */ r.jsx(
-      zr,
+      Br,
       {
         row: t,
         rowId: t.id,
@@ -3925,7 +3925,7 @@ function dn(n) {
     )
   ] });
 }
-function Tn({
+function On({
   rows: n,
   position: t,
   columns: e,
@@ -3978,7 +3978,7 @@ function Tn({
     u.id
   )) });
 }
-const Br = ({
+const $r = ({
   columns: n,
   rowHeight: t,
   checkboxSelection: e = !1,
@@ -4048,7 +4048,7 @@ const Br = ({
     ]
   }
 );
-function $r({
+function Dr({
   virtualContainerHeight: n,
   offsetTop: t,
   effectiveLoading: e,
@@ -4108,7 +4108,7 @@ function $r({
           role: "rowgroup",
           children: [
             e && o.length === 0 ? Array.from({ length: 10 }).map((K, C) => /* @__PURE__ */ r.jsx(
-              Br,
+              $r,
               {
                 columns: U,
                 rowHeight: g,
@@ -4172,13 +4172,13 @@ function $r({
     }
   );
 }
-function Dr() {
+function Hr() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ r.jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
   ] });
 }
-function Hr() {
+function Gr() {
   return /* @__PURE__ */ r.jsxs(
     "svg",
     {
@@ -4198,8 +4198,8 @@ function Hr() {
     }
   );
 }
-function Dn(n) {
-  const { columns: t, visibleColumns: e, onVisibilityChange: o, onShowAll: i, onHideAll: l, onColumnReorder: a, onColumnOrderReset: s } = n, [c, d] = Q(""), [g, x] = Q(null), h = J(null), v = ae(() => t.filter((u) => u.hideable !== !1), [t]).every((u) => e.has(u.field)), b = ae(() => {
+function Hn(n) {
+  const { columns: t, visibleColumns: e, onVisibilityChange: o, onShowAll: i, onHideAll: l, onColumnReorder: a, onColumnOrderReset: s } = n, [c, d] = Q(""), [g, x] = Q(null), h = J(null), v = le(() => t.filter((u) => u.hideable !== !1), [t]).every((u) => e.has(u.field)), b = le(() => {
     if (!c) return t;
     const u = c.toLowerCase();
     return t.filter(
@@ -4222,7 +4222,7 @@ function Dn(n) {
   };
   return /* @__PURE__ */ r.jsxs("div", { className: "ogx-column-visibility-panel", children: [
     /* @__PURE__ */ r.jsx("div", { className: "ogx-column-visibility-panel__search-section", children: /* @__PURE__ */ r.jsxs("div", { className: "ogx-column-visibility-panel__search-container", children: [
-      /* @__PURE__ */ r.jsx(Dr, {}),
+      /* @__PURE__ */ r.jsx(Hr, {}),
       /* @__PURE__ */ r.jsx(
         "input",
         {
@@ -4259,7 +4259,7 @@ function Dn(n) {
                 draggable: !0,
                 onDragStart: N(u.field),
                 title: "Drag to reorder",
-                children: /* @__PURE__ */ r.jsx(Hr, {})
+                children: /* @__PURE__ */ r.jsx(Gr, {})
               }
             ),
             /* @__PURE__ */ r.jsxs(
@@ -4309,7 +4309,7 @@ function Dn(n) {
     ] })
   ] });
 }
-function Gr({
+function Vr({
   isOpen: n,
   containerRef: t,
   effectiveColumns: e,
@@ -4379,7 +4379,7 @@ function Gr({
             }
           ),
           /* @__PURE__ */ r.jsx(
-            Dn,
+            Hn,
             {
               columns: e,
               visibleColumns: new Set(
@@ -4409,7 +4409,7 @@ function Gr({
     b
   );
 }
-function mi(n) {
+function wi(n) {
   const {
     rows: t,
     columns: e,
@@ -4455,8 +4455,8 @@ function mi(n) {
     getAggregationPosition: G,
     isCellEditable: D,
     processRowUpdate: P,
-    onProcessRowUpdateError: te,
-    dataSource: ee,
+    onProcessRowUpdateError: ne,
+    dataSource: te,
     sortingMode: Z = "client",
     filterMode: pe = "client",
     paginationMode: $ = "client",
@@ -4466,7 +4466,7 @@ function mi(n) {
     pivotMode: ce = !1,
     pivotModel: A,
     onPivotModelChange: X,
-    className: ne = "",
+    className: oe = "",
     style: ue,
     onRowsScrollEnd: fe,
     ariaLabel: Ie,
@@ -4480,12 +4480,12 @@ function mi(n) {
     columnGroupingModel: Be,
     noRowsLabel: Bt = "No Data",
     apiRef: $t
-  } = n, Un = ae(() => ({ items: [] }), []), Ne = h || Un, Kn = ae(() => [], []), Dt = O || Kn, hn = J(de?.toolbar);
+  } = n, Kn = le(() => ({ items: [] }), []), Ne = h || Kn, Yn = le(() => [], []), Dt = O || Yn, hn = J(de?.toolbar);
   hn.current = de?.toolbar;
-  const Yn = J((Y) => {
-    const oe = hn.current;
-    return oe ? oe(Y) : null;
-  }).current, qn = Lo({
+  const qn = J((Y) => {
+    const ee = hn.current;
+    return ee ? ee(Y) : null;
+  }).current, Xn = To({
     initialState: Ve,
     sortModel: v,
     aggregationModel: W,
@@ -4506,7 +4506,7 @@ function mi(n) {
     aggregationModel: Me,
     handleAggregationModelChange: mn,
     columnVisibilityModel: $e,
-    handleColumnVisibilityModelChange: xt,
+    handleColumnVisibilityModelChange: mt,
     pinnedColumns: We,
     handlePinnedColumnsChange: Ht,
     currentPivotModel: Gt,
@@ -4514,24 +4514,30 @@ function mi(n) {
     effectivePaginationModel: Se,
     handlePaginationModelChange: Vt,
     selectedRowIds: Ce,
-    isSelectionControlled: mt,
-    setInternalRowSelectionModel: wt
-  } = qn, vt = d, bt = kr(t, e, Gt, ce), Ut = ce && bt.isValid ? bt.pivotRows : t, Kt = ce && bt.isValid ? bt.pivotColumns : e, [Xn, vn] = Q(null);
+    isSelectionControlled: wt,
+    setInternalRowSelectionModel: vt
+  } = Xn, bt = d, _t = Sr(t, e, Gt, ce), vn = ce && _t.isValid ? _t.pivotRows : t, Ut = ce && _t.isValid ? _t.pivotColumns : e, [Jn, bn] = Q(null);
   re(() => {
-    vn(null);
+    bn(null);
   }, [Me]);
-  const Ye = J(null), Jn = J(null), _t = J(null), Qn = z((Y) => Y.id, []), yt = o || Qn, qe = z((Y) => {
+  const Ye = J(null), Qn = J(null), yt = J(null), Zn = z((Y) => Y.id, []), qe = o || Zn, Kt = le(
+    () => vn.map((Y) => {
+      const ee = qe(Y);
+      return ee === Y.id ? Y : { ...Y, id: ee };
+    }),
+    [vn, qe]
+  ), Xe = z((Y) => {
     sn.current?.classList.toggle("ogx--kb", Y);
-  }, []), bn = J(ee);
-  bn.current = ee;
-  const _n = J(null), yn = J(null), Zn = z((Y) => {
-    if (bn.current && K && (Y.serverChildrenCount ?? 0) > 0 && (Y.children ?? []).length === 0) {
-      const oe = yn.current?.getNodePath(Y.id) || [Y.groupingKey];
-      _n.current?.(Y.id, oe);
+  }, []), _n = J(te);
+  _n.current = te;
+  const yn = J(null), Cn = J(null), eo = z((Y) => {
+    if (_n.current && K && (Y.serverChildrenCount ?? 0) > 0 && (Y.children ?? []).length === 0) {
+      const ee = Cn.current?.getNodePath(Y.id) || [Y.groupingKey];
+      yn.current?.(Y.id, ee);
     }
-  }, [K]), ke = pr({
-    rows: Ut,
-    columns: Kt,
+  }, [K]), ke = xr({
+    rows: Kt,
+    columns: Ut,
     rowHeight: i,
     headerHeight: l,
     rowCount: ge,
@@ -4539,68 +4545,68 @@ function mi(n) {
     initialState: n.initialState
   }), {
     state: he,
-    apiRef: Xe,
+    apiRef: Je,
     setRows: Yt,
-    setColumns: eo,
-    setDimensions: Cn,
-    setDataSourceLoading: to,
-    setDataSourceError: no,
-    setRowCount: oo
-  } = ke, { scrollTop: ro, scrollLeft: io, handleScroll: lo } = Vo({ onRowsScrollEnd: fe });
+    setColumns: to,
+    setDimensions: kn,
+    setDataSourceLoading: no,
+    setDataSourceError: oo,
+    setRowCount: ro
+  } = ke, { scrollTop: io, scrollLeft: lo, handleScroll: so } = Uo({ onRowsScrollEnd: fe });
   re(() => {
-    $t && ($t.current = Xe.current);
-  }, [$t, Xe]);
-  const { copySelectedRows: kn } = Rr({
+    $t && ($t.current = Je.current);
+  }, [$t, Je]);
+  const { copySelectedRows: Sn } = Er({
     selectedRowIds: Ce,
-    columns: Kt,
-    getVisibleRows: () => Xe.current.getVisibleRows(),
-    getRowId: yt
+    columns: Ut,
+    getVisibleRows: () => Je.current.getVisibleRows(),
+    getRowId: qe
   });
   re(() => {
-    Xe.current.copySelectedRows = kn, Xe.current.getSelectedRows = () => Array.from(Ce);
-  }, [kn, Ce, Xe]);
-  const so = he.dataSource.loading, dt = q || so, Je = ae(() => he.rows.allRows.map((Y) => he.rows.idRowsLookup.get(Y)), [he.rows]), qt = mr({
-    rows: Je,
-    getRowId: yt,
+    Je.current.copySelectedRows = Sn, Je.current.getSelectedRows = () => Array.from(Ce);
+  }, [Sn, Ce, Je]);
+  const ao = he.dataSource.loading, ct = q || ao, Qe = le(() => he.rows.allRows.map((Y) => he.rows.idRowsLookup.get(Y)), [he.rows]), qt = wr({
+    rows: Qe,
+    getRowId: qe,
     getTreeDataPath: C,
     treeData: K,
     defaultGroupingExpansionDepth: B,
     filterModel: Ne,
     sortModel: Oe,
-    onRowExpansionChange: Zn
+    onRowExpansionChange: eo
   });
   re(() => {
-    yn.current = qt;
+    Cn.current = qt;
   }, [qt]);
-  const ao = vr({
-    rows: Je,
-    getRowId: yt,
+  const co = br({
+    rows: Qe,
+    getRowId: qe,
     rowGroupingModel: Dt,
     aggregationModel: Me,
     defaultGroupingExpansionDepth: B,
     filterModel: Ne,
     sortModel: Oe,
     getAggregationPosition: G
-  }), Qe = br({
-    rows: Je,
-    getRowId: yt,
+  }), Ze = _r({
+    rows: Qe,
+    getRowId: qe,
     processRowUpdate: P,
-    onProcessRowUpdateError: te,
+    onProcessRowUpdateError: ne,
     onRowChange: (Y) => {
-      const { dispatch: oe } = ke, we = Array.from(ke.state.rows.idRowsLookup.values()).map(
+      const { dispatch: ee } = ke, we = Array.from(ke.state.rows.idRowsLookup.values()).map(
         (me) => me.id === Y.id ? Y : me
       );
-      oe({ type: "SET_ROWS", payload: we });
+      ee({ type: "SET_ROWS", payload: we });
     }
-  }), Xt = K, Ct = !!(Dt && Dt.length > 0), Jt = Xt || Ct, kt = Xt ? qt : Ct ? ao : null, Pe = S && !Ct, St = z((Y) => {
-    const { row: oe, id: le } = Y;
-    if (Jt && oe._hasChildren) {
-      kt?.toggleExpansion(le);
+  }), Xt = K, Ct = !!(Dt && Dt.length > 0), Jt = Xt || Ct, kt = Xt ? qt : Ct ? co : null, Pe = S && !Ct, St = z((Y) => {
+    const { row: ee, id: se } = Y;
+    if (Jt && ee._hasChildren) {
+      kt?.toggleExpansion(se);
       return;
     }
     g?.(Y);
-  }, [Jt, kt, g]), Qt = yr({
-    dataSource: ee,
+  }, [Jt, kt, g]), Qt = Cr({
+    dataSource: te,
     sortModel: Oe,
     filterModel: Ne,
     paginationModel: Se,
@@ -4609,31 +4615,31 @@ function mi(n) {
     filterMode: pe,
     aggregationModel: Me,
     setRows: Yt,
-    setRowCount: oo,
-    setDataSourceLoading: to,
-    setDataSourceError: no,
-    onAggregationResults: vn
+    setRowCount: ro,
+    setDataSourceLoading: no,
+    setDataSourceError: oo,
+    onAggregationResults: bn
   });
   re(() => {
-    Qt.fetchChildren && (_n.current = Qt.fetchChildren);
+    Qt.fetchChildren && (yn.current = Qt.fetchChildren);
   }, [Qt.fetchChildren]), re(() => {
-    ee || Yt(Ut);
-  }, [Ut, Yt, ee]);
-  const Le = !!p, [co, uo] = Q(/* @__PURE__ */ new Set()), Ze = E ?? co, jt = z((Y) => {
-    const oe = new Set(Ze);
-    oe.has(Y) ? oe.delete(Y) : oe.add(Y), E === void 0 && uo(oe), R?.(oe);
-  }, [Ze, E, R]), {
+    te || Yt(Kt);
+  }, [Kt, Yt, te]);
+  const Le = !!p, [uo, go] = Q(/* @__PURE__ */ new Set()), et = E ?? uo, jt = z((Y) => {
+    const ee = new Set(et);
+    ee.has(Y) ? ee.delete(Y) : ee.add(Y), E === void 0 && go(ee), R?.(ee);
+  }, [et, E, R]), {
     effectiveColumns: Fe,
     orderedColumns: Zt,
-    visibleOrderedColumns: go,
-    navigationColumns: Sn,
+    visibleOrderedColumns: fo,
+    navigationColumns: jn,
     columnWidths: Ae,
     effectiveColumnOrder: Rt,
     setInternalColumnOrder: Et,
-    columnReorderHandlers: et,
-    handleColumnResize: fo
-  } = Ho({
-    activeColumns: Kt,
+    columnReorderHandlers: tt,
+    handleColumnResize: ho
+  } = Go({
+    activeColumns: Ut,
     isHierarchyEnabled: Jt,
     isRowGrouping: Ct,
     isTreeData: Xt,
@@ -4647,9 +4653,9 @@ function mi(n) {
     hasDetailPanel: Le,
     rowReordering: L,
     initialState: Ve,
-    setColumns: eo
+    setColumns: to
   });
-  Uo({
+  Ko({
     onStateChange: xe,
     sortModel: Oe,
     filterModel: Ne,
@@ -4659,12 +4665,12 @@ function mi(n) {
     columnVisibilityModel: $e,
     pinnedColumns: We
   });
-  const tt = Bo({
-    effectiveRows: Je,
+  const nt = $o({
+    effectiveRows: Qe,
     activeHierarchyHandlers: kt,
     filterMode: pe,
     filterModel: Ne,
-    dataSource: ee,
+    dataSource: te,
     sortModel: Oe,
     sortingMode: Z,
     pagination: Pe,
@@ -4673,41 +4679,41 @@ function mi(n) {
     pinnedRows: u,
     isLoading: he.dataSource.loading,
     pageSize: Se.pageSize
-  }), De = tt.filteredRows, en = tt.pinnedTopRows, tn = tt.pinnedBottomRows, nt = tt.sortedUnpinnedRows, ct = tt.paginatedUnpinnedRows, nn = tt.allRenderableRows;
+  }), De = nt.filteredRows, en = nt.pinnedTopRows, tn = nt.pinnedBottomRows, ot = nt.sortedUnpinnedRows, ut = nt.paginatedUnpinnedRows, nn = nt.allRenderableRows;
   re(() => {
-    ke.apiRef.current.getVisibleRows = () => Pe ? ct : nt, ke.apiRef.current.getVisibleColumns = () => Fe;
-  }, [nt, ct, Pe, Fe, ke.apiRef]);
-  const ho = xr({
-    rows: Pe ? ct : nt,
+    ke.apiRef.current.getVisibleRows = () => Pe ? ut : ot, ke.apiRef.current.getVisibleColumns = () => Fe;
+  }, [ot, ut, Pe, Fe, ke.apiRef]);
+  const po = mr({
+    rows: Pe ? ut : ot,
     getRowId: (Y) => Y.id,
     onRowOrderChange: U,
     rowReordering: L
-  }), ot = _r(
+  }), rt = yr(
     nn,
-    Sn,
+    jn,
     Ae
-  ), { aggregationResult: on } = Yo({
+  ), { aggregationResult: on } = qo({
     rows: De,
     aggregationModel: Me,
-    isServerSide: !!(ee && ($ === "server" || Z === "server")),
-    dataSource: ee,
+    isServerSide: !!(te && ($ === "server" || Z === "server")),
+    dataSource: te,
     filterModel: Ne,
     sortModel: Oe,
-    serverAggregationResults: Xn
+    serverAggregationResults: Jn
   }), Nt = Object.keys(Me).length > 0;
   re(() => {
     ke.apiRef.current.getAggregationResult = () => Nt ? on : null, ke.apiRef.current.getAggregationModel = () => Nt ? Me : null;
   }, [on, Me, Nt, ke.apiRef]);
-  const je = Mo({
+  const je = Io({
     rowHeight: i,
     pagination: Pe,
-    paginatedUnpinnedRows: ct,
-    sortedUnpinnedRows: nt,
-    expandedRowIds: Ze,
+    paginatedUnpinnedRows: ut,
+    sortedUnpinnedRows: ot,
+    expandedRowIds: et,
     getDetailPanelHeight: j,
     pinnedTopRowsLength: en.length,
     pinnedBottomRowsLength: tn.length,
-    visibleOrderedColumns: go,
+    visibleOrderedColumns: fo,
     pinnedColumns: We,
     columnWidths: Ae,
     viewportWidth: he.dimensions.viewportWidth || 1e3,
@@ -4719,28 +4725,28 @@ function mi(n) {
     pageSize: Se.pageSize
   });
   re(() => {
-    ke.apiRef.current.scrollToIndexes = ({ rowIndex: Y, colIndex: oe }) => {
-      const le = Ye.current;
-      if (le) {
+    ke.apiRef.current.scrollToIndexes = ({ rowIndex: Y, colIndex: ee }) => {
+      const se = Ye.current;
+      if (se) {
         if (Y !== void 0 && Y >= 0) {
-          const we = Y > 0 ? je.cumulativeHeights[Y - 1] : 0, me = je.cumulativeHeights[Y] ?? we, { scrollTop: be, clientHeight: _e } = le;
-          we < be ? le.scrollTop = we : me > be + _e && (le.scrollTop = me - _e);
+          const we = Y > 0 ? je.cumulativeHeights[Y - 1] : 0, me = je.cumulativeHeights[Y] ?? we, { scrollTop: be, clientHeight: _e } = se;
+          we < be ? se.scrollTop = we : me > be + _e && (se.scrollTop = me - _e);
         }
-        if (oe !== void 0 && oe >= 0) {
-          const me = [...je.leftPinnedCols, ...je.unpinnedColsWithWidth, ...je.rightPinnedCols][oe];
+        if (ee !== void 0 && ee >= 0) {
+          const me = [...je.leftPinnedCols, ...je.unpinnedColsWithWidth, ...je.rightPinnedCols][ee];
           if (!me) return;
-          const be = je.unpinnedColsWithWidth.findIndex((Co) => Co.field === me.field);
+          const be = je.unpinnedColsWithWidth.findIndex((ko) => ko.field === me.field);
           if (be === -1) return;
-          const _e = be > 0 ? je.unpinnedAccWidths[be - 1] : 0, Pt = je.unpinnedAccWidths[be] ?? _e, Lt = je.leftWidth + Pt, { scrollLeft: Nn, clientWidth: Mn } = le;
-          _e < Nn ? le.scrollLeft = _e : Lt > Nn + Mn && (le.scrollLeft = Lt - Mn);
+          const _e = be > 0 ? je.unpinnedAccWidths[be - 1] : 0, Pt = je.unpinnedAccWidths[be] ?? _e, Lt = je.leftWidth + Pt, { scrollLeft: Mn, clientWidth: In } = se;
+          _e < Mn ? se.scrollLeft = _e : Lt > Mn + In && (se.scrollLeft = Lt - In);
         }
       }
     };
   }, [je, Ye, ke.apiRef]);
-  const Re = $o({
+  const Re = Do({
     layout: je,
-    scrollTop: ro,
-    scrollLeft: io,
+    scrollTop: io,
+    scrollLeft: lo,
     viewportWidth: he.dimensions.viewportWidth,
     viewportHeight: he.dimensions.viewportHeight,
     autoHeight: a,
@@ -4752,65 +4758,65 @@ function mi(n) {
   });
   re(() => {
     if (!Ye.current) return;
-    const Y = new ResizeObserver((oe) => {
-      for (const le of oe) {
-        const { width: we, height: me } = le.contentRect;
-        Cn(we, me);
+    const Y = new ResizeObserver((ee) => {
+      for (const se of ee) {
+        const { width: we, height: me } = se.contentRect;
+        kn(we, me);
       }
     });
     return Y.observe(Ye.current), () => {
       Y.disconnect();
     };
-  }, [Cn]);
-  const ut = z((Y, oe) => {
-    const le = new Set(Ce);
-    oe ? le.add(Y) : le.delete(Y);
-    const we = Array.from(le);
-    mt || wt(we), vt?.(we);
-  }, [Ce, mt, vt, wt]), po = z((Y) => {
-    let oe = [];
-    Y && (oe = Je.map((le) => le.id)), mt || wt(oe), vt?.(oe);
-  }, [Je, mt, vt, wt]), jn = z((Y, oe) => {
-    const le = oe ? [{ field: Y, sort: oe }] : [];
-    pn || xn(le), b?.(le);
-  }, [pn, b, xn]), { focusedCell: Mt, setFocusedCell: rn, handleFocus: xo, handleBlur: mo, handleKeyDown: wo } = Io({
+  }, [kn]);
+  const gt = z((Y, ee) => {
+    const se = new Set(Ce);
+    ee ? se.add(Y) : se.delete(Y);
+    const we = Array.from(se);
+    wt || vt(we), bt?.(we);
+  }, [Ce, wt, bt, vt]), xo = z((Y) => {
+    let ee = [];
+    Y && (ee = Qe.map((se) => se.id)), wt || vt(ee), bt?.(ee);
+  }, [Qe, wt, bt, vt]), Rn = z((Y, ee) => {
+    const se = ee ? [{ field: Y, sort: ee }] : [];
+    pn || xn(se), b?.(se);
+  }, [pn, b, xn]), { focusedCell: Mt, setFocusedCell: rn, handleFocus: mo, handleBlur: wo, handleKeyDown: vo } = Po({
     allRenderableRows: nn,
-    navigationColumns: Sn,
+    navigationColumns: jn,
     checkboxSelection: s,
     selectedRowIds: Ce,
-    handleSelectionChange: ut,
+    handleSelectionChange: gt,
     handleDetailPanelToggle: jt,
-    editingHandlers: Qe,
-    setKeyboardMode: qe,
+    editingHandlers: Ze,
+    setKeyboardMode: Xe,
     sortModel: Oe,
-    handleSort: jn,
+    handleSort: Rn,
     isCellEditable: D,
     pagination: Pe,
     pageSize: Se.pageSize,
     virtualization: Re,
     viewportRef: Ye
   }), ln = z((Y) => {
-    qe(!1), rn({ id: Y.row.id, field: Y.field }), _t.current?.focus({ preventScroll: !0 }), x?.(Y);
-  }, [x, qe, rn]), Rn = J(Qe.editingCell);
+    Xe(!1), rn({ id: Y.row.id, field: Y.field }), yt.current?.focus({ preventScroll: !0 }), x?.(Y);
+  }, [x, Xe, rn]), En = J(Ze.editingCell);
   re(() => {
-    const Y = !!Rn.current, oe = !!Qe.editingCell;
-    Y && !oe && _t.current?.focus({ preventScroll: !0 }), Rn.current = Qe.editingCell;
-  }, [Qe.editingCell]);
-  const vo = Go({
+    const Y = !!En.current, ee = !!Ze.editingCell;
+    Y && !ee && yt.current?.focus({ preventScroll: !0 }), En.current = Ze.editingCell;
+  }, [Ze.editingCell]);
+  const bo = Vo({
     renderContext: Re.renderContext,
     pinnedTopRows: en,
     pinnedBottomRows: tn,
-    paginatedUnpinnedRows: ct,
-    sortedUnpinnedRows: nt,
+    paginatedUnpinnedRows: ut,
+    sortedUnpinnedRows: ot,
     pagination: Pe
-  }), bo = t.length > 0 && Ce.size === t.length, _o = Ce.size > 0 && Ce.size < t.length, yo = se.useMemo(() => Fe.some((Y) => !!Y.rowSpan), [Fe]), [gt, It] = se.useState(!1), sn = se.useRef(null), En = se.useMemo(() => {
+  }), _o = t.length > 0 && Ce.size === t.length, yo = Ce.size > 0 && Ce.size < t.length, Co = ae.useMemo(() => Fe.some((Y) => !!Y.rowSpan), [Fe]), [ft, It] = ae.useState(!1), sn = ae.useRef(null), Nn = ae.useMemo(() => {
     if (!de?.toolbar) return null;
-    const Y = T ? void 0 : (oe, le) => {
-      const we = [...Rt], me = we.indexOf(oe), be = we.indexOf(le);
+    const Y = T ? void 0 : (ee, se) => {
+      const we = [...Rt], me = we.indexOf(ee), be = we.indexOf(se);
       if (me === -1 || be === -1) return;
       const _e = [...we];
-      _e.splice(me, 1), _e.splice(be, 0, oe), I || Et(_e);
-      const Pt = Fe.find((Lt) => Lt.field === oe);
+      _e.splice(me, 1), _e.splice(be, 0, ee), I || Et(_e);
+      const Pt = Fe.find((Lt) => Lt.field === ee);
       Pt && F?.({ oldIndex: me, targetIndex: be, column: Pt });
     };
     return {
@@ -4826,10 +4832,10 @@ function mi(n) {
       filterModel: Ne,
       onFilterModelChange: m,
       columnVisibilityModel: $e,
-      onColumnVisibilityModelChange: xt,
+      onColumnVisibilityModelChange: mt,
       onColumnReorder: Y,
-      onColumnOrderReset: T ? void 0 : () => Et(e.map((oe) => oe.field)),
-      forceColumnsOpen: gt,
+      onColumnOrderReset: T ? void 0 : () => Et(e.map((ee) => ee.field)),
+      forceColumnsOpen: ft,
       onColumnsPanelClose: () => It(!1),
       ...ve?.toolbar
     };
@@ -4854,35 +4860,35 @@ function mi(n) {
     Ne,
     m,
     $e,
-    xt,
-    gt,
+    mt,
+    ft,
     ve?.toolbar
   ]);
   return re(() => {
-    if (!gt || de?.toolbar) return;
-    function Y(oe) {
-      const le = document.getElementById("ogx-standalone-col-panel");
-      le && !le.contains(oe.target) && It(!1);
+    if (!ft || de?.toolbar) return;
+    function Y(ee) {
+      const se = document.getElementById("ogx-standalone-col-panel");
+      se && !se.contains(ee.target) && It(!1);
     }
     return document.addEventListener("mousedown", Y), () => document.removeEventListener("mousedown", Y);
-  }, [gt, de?.toolbar]), /* @__PURE__ */ r.jsxs(
+  }, [ft, de?.toolbar]), /* @__PURE__ */ r.jsxs(
     "div",
     {
       ref: sn,
-      className: ["ogx", ne, a && "ogx--auto-height", yo && "ogx--row-spanning", ie && "ogx--list-view"].filter(Boolean).join(" "),
+      className: ["ogx", oe, a && "ogx--auto-height", Co && "ogx--row-spanning", ie && "ogx--list-view"].filter(Boolean).join(" "),
       style: {
         ...ue,
         height: H ?? ue?.height,
         "--ogx-row-height": `${i}px`,
         "--ogx-header-height": `${l}px`
       },
-      "aria-busy": dt,
+      "aria-busy": ct,
       children: [
-        En && /* @__PURE__ */ r.jsx(Yn, { ...En }),
+        Nn && /* @__PURE__ */ r.jsx(qn, { ...Nn }),
         !de?.toolbar && /* @__PURE__ */ r.jsx(
-          Gr,
+          Vr,
           {
-            isOpen: gt,
+            isOpen: ft,
             containerRef: sn,
             effectiveColumns: Fe,
             columnVisibilityModel: $e,
@@ -4890,13 +4896,13 @@ function mi(n) {
             columnOrder: I,
             disableColumnReorder: T,
             onClose: () => It(!1),
-            onColumnVisibilityChange: xt,
+            onColumnVisibilityChange: mt,
             onColumnOrderChange: F,
             setInternalColumnOrder: Et
           }
         ),
         ie && ye && /* @__PURE__ */ r.jsx(
-          Nr,
+          Mr,
           {
             ariaLabel: Ie,
             allRenderableRows: nn,
@@ -4910,12 +4916,12 @@ function mi(n) {
             rowHeight: i,
             checkboxSelection: s,
             paginationMode: $,
-            dataSource: ee,
+            dataSource: te,
             serverRowCount: he.pagination.rowCount || 0,
             paginationSlot: de?.pagination,
             paginationSlotProps: ve?.pagination,
             onRowClick: St,
-            onSelectionChange: ut,
+            onSelectionChange: gt,
             onPaginationModelChange: Vt
           }
         ),
@@ -4923,29 +4929,29 @@ function mi(n) {
           "div",
           {
             ref: (Y) => {
-              Ye.current = Y, _t.current = Y;
+              Ye.current = Y, yt.current = Y;
             },
             className: "ogx__viewport",
-            onScroll: lo,
+            onScroll: so,
             role: "grid",
             "aria-label": Ie || "Data grid",
             "aria-rowcount": De.length + 1,
             "aria-colcount": e.length + (s ? 1 : 0) + (Le ? 1 : 0) + (L ? 1 : 0),
-            "aria-busy": dt,
+            "aria-busy": ct,
             tabIndex: 0,
             onKeyDownCapture: () => {
-              qe(!0);
+              Xe(!0);
             },
             onMouseDownCapture: () => {
-              qe(!1);
+              Xe(!1);
             },
-            onKeyDown: wo,
-            onFocus: xo,
-            onBlur: mo,
+            onKeyDown: vo,
+            onFocus: mo,
+            onBlur: wo,
             children: /* @__PURE__ */ r.jsxs(
               "div",
               {
-                ref: Jn,
+                ref: Qn,
                 className: "ogx__content",
                 style: {
                   width: Re.totalWidth
@@ -4953,51 +4959,51 @@ function mi(n) {
                 role: "presentation",
                 children: [
                   /* @__PURE__ */ r.jsx(
-                    gr,
+                    fr,
                     {
                       columns: Re.virtualColumns,
                       allColumns: Fe,
                       columnGroupingModel: Be,
                       checkboxSelection: s,
-                      allSelected: bo,
-                      someSelected: _o,
-                      onSelectAll: po,
+                      allSelected: _o,
+                      someSelected: yo,
+                      onSelectAll: xo,
                       sortModel: Oe,
-                      onSort: jn,
-                      onColumnResize: fo,
+                      onSort: Rn,
+                      onColumnResize: ho,
                       columnWidths: Ae,
                       pinnedColumns: We,
                       focusedCell: Mt,
                       onHeaderClick: (Y) => {
-                        rn({ id: "HEADER", field: Y }), qe(!1), _t.current?.focus({ preventScroll: !0 });
+                        rn({ id: "HEADER", field: Y }), Xe(!1), yt.current?.focus({ preventScroll: !0 });
                       },
-                      onDragStart: Be ? void 0 : et.onDragStart,
-                      onDragOver: Be ? void 0 : et.onDragOver,
-                      onDragEnd: Be ? void 0 : et.onDragEnd,
-                      onDrop: Be ? void 0 : et.onDrop,
-                      draggedColumn: Be ? void 0 : et.draggedColumn,
-                      dragOverColumn: Be ? void 0 : et.dragOverColumn,
+                      onDragStart: Be ? void 0 : tt.onDragStart,
+                      onDragOver: Be ? void 0 : tt.onDragOver,
+                      onDragEnd: Be ? void 0 : tt.onDragEnd,
+                      onDrop: Be ? void 0 : tt.onDrop,
+                      draggedColumn: Be ? void 0 : tt.draggedColumn,
+                      dragOverColumn: Be ? void 0 : tt.dragOverColumn,
                       rowReordering: L,
                       hasDetailPanel: Le,
                       pinCheckboxColumn: _,
                       pinExpandColumn: M,
                       aggregationModel: Me,
                       onHideColumn: (Y) => {
-                        xt({
+                        mt({
                           ...$e,
                           [Y]: !1
                         });
                       },
                       onManageColumns: () => It(!0),
-                      onPinColumn: (Y, oe) => {
-                        const le = [...We?.left ?? []], we = [...We?.right ?? []], me = le.filter((_e) => _e !== Y), be = we.filter((_e) => _e !== Y);
-                        Ht(oe === "left" ? { left: [...me, Y], right: be } : oe === "right" ? { left: me, right: [...be, Y] } : { left: me, right: be });
+                      onPinColumn: (Y, ee) => {
+                        const se = [...We?.left ?? []], we = [...We?.right ?? []], me = se.filter((_e) => _e !== Y), be = we.filter((_e) => _e !== Y);
+                        Ht(ee === "left" ? { left: [...me, Y], right: be } : ee === "right" ? { left: me, right: [...be, Y] } : { left: me, right: be });
                       }
                     }
                   ),
-                  !dt && !he.dataSource.error && De.length === 0 && /* @__PURE__ */ r.jsx(Xo, { noRowsLabel: Bt, width: Re.totalWidth }),
+                  !ct && !he.dataSource.error && De.length === 0 && /* @__PURE__ */ r.jsx(Jo, { noRowsLabel: Bt, width: Re.totalWidth }),
                   /* @__PURE__ */ r.jsx(
-                    Tn,
+                    On,
                     {
                       rows: en,
                       position: "top",
@@ -5006,30 +5012,30 @@ function mi(n) {
                       checkboxSelection: s,
                       onRowClick: St,
                       onCellClick: ln,
-                      onSelectionChange: ut,
+                      onSelectionChange: gt,
                       columnWidths: Ae,
                       pinnedColumns: We,
                       pinnedRows: u,
                       hasDetailPanel: Le,
-                      expandedRowIds: Ze,
+                      expandedRowIds: et,
                       getDetailPanelContent: p,
                       getDetailPanelHeight: j,
                       onDetailPanelToggle: jt,
                       pinCheckboxColumn: _,
                       pinExpandColumn: M,
                       focusedCell: Mt,
-                      colspanMap: ot.colspanMap,
-                      rowSpanningCaches: ot.rowSpanningState.caches,
+                      colspanMap: rt.colspanMap,
+                      rowSpanningCaches: rt.rowSpanningState.caches,
                       rowHeight: i
                     }
                   ),
                   /* @__PURE__ */ r.jsx(
-                    $r,
+                    Dr,
                     {
                       virtualContainerHeight: Re.totalHeight - Re.pinnedTopHeight - Re.pinnedBottomHeight,
                       offsetTop: Re.offsetTop,
-                      effectiveLoading: dt,
-                      visibleRows: vo,
+                      effectiveLoading: ct,
+                      visibleRows: bo,
                       baseColumns: e,
                       virtualColumns: Re.virtualColumns,
                       viewportWidth: he.dimensions.viewportWidth,
@@ -5041,29 +5047,29 @@ function mi(n) {
                       selectedRowIds: Ce,
                       onRowClick: St,
                       onCellClick: ln,
-                      onSelectionChange: ut,
+                      onSelectionChange: gt,
                       columnWidths: Ae,
                       pinnedColumns: We,
-                      expandedRowIds: Ze,
+                      expandedRowIds: et,
                       getDetailPanelContent: p,
                       getDetailPanelHeight: j,
                       onDetailPanelToggle: jt,
                       pinCheckboxColumn: _,
                       pinExpandColumn: M,
-                      rowReorderHandlers: ho,
-                      editingHandlers: Qe,
+                      rowReorderHandlers: po,
+                      editingHandlers: Ze,
                       focusedCell: Mt,
-                      colspanMap: ot.colspanMap,
-                      rowSpanningCaches: ot.rowSpanningState.caches,
+                      colspanMap: rt.colspanMap,
+                      rowSpanningCaches: rt.rowSpanningState.caches,
                       paginationMode: $,
                       dataSourceLoading: he.dataSource.loading,
-                      sortedUnpinnedRowCount: nt.length,
+                      sortedUnpinnedRowCount: ot.length,
                       infiniteScrollSkeletonCount: Math.min(Se.pageSize, 20),
                       unpinnedRowsLength: je.unpinnedRowsLength
                     }
                   ),
                   /* @__PURE__ */ r.jsx(
-                    Tn,
+                    On,
                     {
                       rows: tn,
                       position: "bottom",
@@ -5072,25 +5078,25 @@ function mi(n) {
                       checkboxSelection: s,
                       onRowClick: St,
                       onCellClick: ln,
-                      onSelectionChange: ut,
+                      onSelectionChange: gt,
                       columnWidths: Ae,
                       pinnedColumns: We,
                       pinnedRows: u,
                       hasDetailPanel: Le,
-                      expandedRowIds: Ze,
+                      expandedRowIds: et,
                       getDetailPanelContent: p,
                       getDetailPanelHeight: j,
                       onDetailPanelToggle: jt,
                       pinCheckboxColumn: _,
                       pinExpandColumn: M,
                       focusedCell: Mt,
-                      colspanMap: ot.colspanMap,
-                      rowSpanningCaches: ot.rowSpanningState.caches,
+                      colspanMap: rt.colspanMap,
+                      rowSpanningCaches: rt.rowSpanningState.caches,
                       rowHeight: i
                     }
                   ),
                   Nt && !ce && /* @__PURE__ */ r.jsx(
-                    qo,
+                    Xo,
                     {
                       columns: Zt,
                       aggregationModel: Me,
@@ -5108,7 +5114,7 @@ function mi(n) {
           }
         ),
         !ie && Pe && (() => {
-          const Y = de?.pagination || Bn;
+          const Y = de?.pagination || $n;
           return /* @__PURE__ */ r.jsx(
             Y,
             {
@@ -5116,31 +5122,31 @@ function mi(n) {
               pageSize: Se.pageSize,
               rowCount: he.pagination.rowCount,
               pageSizeOptions: k,
-              onPageChange: (oe) => Vt({ ...Se, page: oe }),
-              onPageSizeChange: (oe) => Vt({ ...Se, pageSize: oe, page: 0 }),
+              onPageChange: (ee) => Vt({ ...Se, page: ee }),
+              onPageSizeChange: (ee) => Vt({ ...Se, pageSize: ee, page: 0 }),
               ...ve?.pagination
             }
           );
         })(),
         /* @__PURE__ */ r.jsxs("div", { className: "ogx-aria-live-status", role: "status", "aria-live": "polite", children: [
-          dt ? "Loading data..." : "",
+          ct ? "Loading data..." : "",
           he.dataSource.error ? `Error: ${he.dataSource.error instanceof Error ? he.dataSource.error.message : "Unknown error"}` : "",
           !q && !he.dataSource.error && (De.length === 0 ? Bt : Ne && ((Ne.quickFilterValues?.length || 0) > 0 || (Ne.items?.length || 0) > 0) ? `${De.length} ${De.length === 1 ? "row" : "rows"} found` : "")
         ] }),
-        /* @__PURE__ */ r.jsx(Jo, { error: he.dataSource.error })
+        /* @__PURE__ */ r.jsx(Qo, { error: he.dataSource.error })
       ]
     }
   );
 }
-function wi({ rows: n = 5, columns: t = 5 }) {
+function vi({ rows: n = 5, columns: t = 5 }) {
   return /* @__PURE__ */ r.jsx("div", { className: "ogx__skeleton", children: Array.from({ length: n }).map((e, o) => /* @__PURE__ */ r.jsx("div", { className: "ogx__skeleton-row", children: Array.from({ length: t }).map((i, l) => /* @__PURE__ */ r.jsx("div", { className: "ogx__skeleton-cell", children: /* @__PURE__ */ r.jsx("div", { className: "ogx__skeleton-content" }) }, l)) }, o)) });
 }
-const On = /* @__PURE__ */ new Set(["isEmpty", "isNotEmpty"]);
-function Vr(n, t) {
+const Wn = /* @__PURE__ */ new Set(["isEmpty", "isNotEmpty"]);
+function Ur(n, t) {
   return n.find((e) => "field" in e && e.field === t);
 }
-const Ur = ({ col: n, item: t, onChange: e }) => {
-  const o = Ao(n.type), i = !!t, l = t?.operator ?? o[0], [a, s] = Q(t?.value != null ? String(t.value) : ""), c = J(e), d = J(t), g = J(n.field), x = J(l);
+const Kr = ({ col: n, item: t, onChange: e }) => {
+  const o = zo(n.type), i = !!t, l = t?.operator ?? o[0], [a, s] = Q(t?.value != null ? String(t.value) : ""), c = J(e), d = J(t), g = J(n.field), x = J(l);
   Ee(() => {
     c.current = e, d.current = t, g.current = n.field, x.current = l;
   });
@@ -5160,7 +5166,7 @@ const Ur = ({ col: n, item: t, onChange: e }) => {
     return () => clearTimeout(f);
   }, [a]);
   const m = (f) => {
-    const k = On.has(f), y = {
+    const k = Wn.has(f), y = {
       id: t?.id ?? `${n.field}-${Date.now()}`,
       field: n.field,
       operator: f,
@@ -5169,7 +5175,7 @@ const Ur = ({ col: n, item: t, onChange: e }) => {
     e(y);
   }, v = () => {
     s(""), e(null);
-  }, b = On.has(String(l)), S = n.type === "boolean", N = !b;
+  }, b = Wn.has(String(l)), S = n.type === "boolean", N = !b;
   return /* @__PURE__ */ r.jsxs("div", { className: `ogx-filter__row${i ? " ogx-filter__row--active" : ""}`, children: [
     /* @__PURE__ */ r.jsx("span", { className: "ogx-filter__col-label", title: n.field, children: n.headerName || n.field }),
     /* @__PURE__ */ r.jsxs("div", { className: "ogx-filter__controls", children: [
@@ -5232,8 +5238,8 @@ const Ur = ({ col: n, item: t, onChange: e }) => {
       )
     ] })
   ] });
-}, Kr = ({ filterModel: n, columns: t, onFilterModelChange: e }) => {
-  const o = ae(() => n.items ?? [], [n.items]), i = n.logicOperator ?? "and", l = z((c, d) => {
+}, Yr = ({ filterModel: n, columns: t, onFilterModelChange: e }) => {
+  const o = le(() => n.items ?? [], [n.items]), i = n.logicOperator ?? "and", l = z((c, d) => {
     const g = o.filter((h) => "field" in h && h.field !== c), x = d ? [...g, d] : g;
     e({ ...n, items: x });
   }, [o, n, e]), a = z((c) => {
@@ -5262,17 +5268,17 @@ const Ur = ({ col: n, item: t, onChange: e }) => {
       )
     ] }),
     s.length === 0 ? /* @__PURE__ */ r.jsx("div", { className: "ogx-filter__empty", children: "No filterable columns." }) : s.map((c) => /* @__PURE__ */ r.jsx(
-      Ur,
+      Kr,
       {
         col: c,
-        item: Vr(o, c.field),
+        item: Ur(o, c.field),
         onChange: (d) => l(c.field, d)
       },
       c.field
     ))
   ] });
-}, Yr = ["sum", "avg", "count", "min", "max"];
-function Hn() {
+}, qr = ["sum", "avg", "count", "min", "max"];
+function Gn() {
   return /* @__PURE__ */ r.jsxs(
     "svg",
     {
@@ -5295,7 +5301,7 @@ function Hn() {
     }
   );
 }
-function qr({ anchorRef: n, columns: t, model: e, onChange: o, onClose: i }) {
+function Xr({ anchorRef: n, columns: t, model: e, onChange: o, onClose: i }) {
   const l = J(null), [a, s] = Q({ top: 0, right: 0 }), [c, d] = Q(document.body);
   Ee(() => {
     d(n.current?.closest(".ogx-theme-provider") ?? document.body);
@@ -5361,7 +5367,7 @@ function qr({ anchorRef: n, columns: t, model: e, onChange: o, onClose: i }) {
       children: [
         /* @__PURE__ */ r.jsxs("div", { className: "ogx-pivot-panel__header", children: [
           /* @__PURE__ */ r.jsxs("span", { className: "ogx-pivot-panel__title", children: [
-            /* @__PURE__ */ r.jsx(Hn, {}),
+            /* @__PURE__ */ r.jsx(Gn, {}),
             "Pivot Mode"
           ] }),
           j > 0 && /* @__PURE__ */ r.jsx("button", { className: "ogx-pivot-panel__reset-btn", onClick: u, title: "Reset pivot", children: "Reset" })
@@ -5420,7 +5426,7 @@ function qr({ anchorRef: n, columns: t, model: e, onChange: o, onClose: i }) {
                       value: _.aggFn,
                       onChange: (M) => w(_.field, M.target.value),
                       title: "Aggregation function",
-                      children: Yr.map((M) => /* @__PURE__ */ r.jsx("option", { value: M, children: M.toUpperCase() }, M))
+                      children: qr.map((M) => /* @__PURE__ */ r.jsx("option", { value: M, children: M.toUpperCase() }, M))
                     }
                   ),
                   /* @__PURE__ */ r.jsx("button", { className: "ogx-pivot-chip__remove", onClick: () => y(_.field), title: `Remove ${E(_.field)}`, children: "×" })
@@ -5452,19 +5458,19 @@ function qr({ anchorRef: n, columns: t, model: e, onChange: o, onClose: i }) {
   );
   return Ge.createPortal(R, c);
 }
-function Xr() {
+function Jr() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ r.jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
   ] });
 }
-function Jr() {
+function Qr() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ r.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function Qr({ value: n = "", onChange: t, placeholder: e = "Search...", debounceMs: o = 250 }) {
+function Zr({ value: n = "", onChange: t, placeholder: e = "Search...", debounceMs: o = 250 }) {
   const [i, l] = Q(() => n.length > 0), [a, s] = Q(n), c = J(null), d = J(null), g = J(t);
   Ee(() => {
     g.current = t;
@@ -5507,7 +5513,7 @@ function Qr({ value: n = "", onChange: t, placeholder: e = "Search...", debounce
       className: `ogx-global-search${i ? " ogx-global-search--expanded" : ""}`,
       onClick: i ? void 0 : v,
       children: [
-        /* @__PURE__ */ r.jsx("div", { className: "ogx-global-search__icon-wrapper", children: /* @__PURE__ */ r.jsx(Xr, {}) }),
+        /* @__PURE__ */ r.jsx("div", { className: "ogx-global-search__icon-wrapper", children: /* @__PURE__ */ r.jsx(Jr, {}) }),
         /* @__PURE__ */ r.jsx(
           "input",
           {
@@ -5524,7 +5530,7 @@ function Qr({ value: n = "", onChange: t, placeholder: e = "Search...", debounce
             autoComplete: "off"
           }
         ),
-        a && /* @__PURE__ */ r.jsx("button", { className: "ogx-global-search__clear", onClick: b, "aria-label": "Clear search", children: /* @__PURE__ */ r.jsx(Jr, {}) })
+        a && /* @__PURE__ */ r.jsx("button", { className: "ogx-global-search__clear", onClick: b, "aria-label": "Clear search", children: /* @__PURE__ */ r.jsx(Qr, {}) })
       ]
     }
   );
@@ -5586,8 +5592,8 @@ function Ft({
     )
   ] });
 }
-const Zr = ["none", "sum", "avg", "count", "min", "max"];
-function Gn() {
+const ei = ["none", "sum", "avg", "count", "min", "max"];
+function Vn() {
   return /* @__PURE__ */ r.jsx(
     "svg",
     {
@@ -5604,7 +5610,7 @@ function Gn() {
     }
   );
 }
-function ei() {
+function ti() {
   return /* @__PURE__ */ r.jsxs("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", children: [
     /* @__PURE__ */ r.jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: "currentColor", strokeWidth: "1.8" }),
     /* @__PURE__ */ r.jsx("rect", { x: "8.5", y: "4", width: "7", height: "16", fill: "currentColor", opacity: "0.25" }),
@@ -5614,10 +5620,10 @@ function ei() {
     /* @__PURE__ */ r.jsx("line", { x1: "2", y1: "14", x2: "22", y2: "14", stroke: "currentColor", strokeWidth: "1.2" })
   ] });
 }
-function Vn() {
+function Un() {
   return /* @__PURE__ */ r.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ r.jsx("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }) });
 }
-function ti({
+function ni({
   anchorRef: n,
   aggregationModel: t,
   aggregableColumns: e,
@@ -5666,7 +5672,7 @@ function ti({
       children: [
         /* @__PURE__ */ r.jsxs("div", { className: "ogx-toolbar__panel-header", children: [
           /* @__PURE__ */ r.jsxs("span", { className: "ogx-toolbar__panel-title", children: [
-            /* @__PURE__ */ r.jsx(Gn, {}),
+            /* @__PURE__ */ r.jsx(Vn, {}),
             "Summaries"
           ] }),
           a > 0 && /* @__PURE__ */ r.jsx(
@@ -5689,7 +5695,7 @@ function ti({
           const b = t[v.field] || "none";
           return /* @__PURE__ */ r.jsxs("div", { className: "ogx-toolbar__agg-row", children: [
             /* @__PURE__ */ r.jsx("span", { className: "ogx-toolbar__agg-label", title: v.field, children: v.headerName || v.field }),
-            /* @__PURE__ */ r.jsx("div", { className: "ogx-toolbar__agg-pills", children: Zr.map((S) => /* @__PURE__ */ r.jsx(
+            /* @__PURE__ */ r.jsx("div", { className: "ogx-toolbar__agg-pills", children: ei.map((S) => /* @__PURE__ */ r.jsx(
               "button",
               {
                 className: `ogx-toolbar__pill${b === S ? " ogx-toolbar__pill--active" : ""}`,
@@ -5706,7 +5712,7 @@ function ti({
   );
   return Ge.createPortal(m, g);
 }
-function ni({
+function oi({
   anchorRef: n,
   columns: t,
   visibleColumns: e,
@@ -5750,7 +5756,7 @@ function ni({
       "aria-label": "Column visibility",
       style: { top: g.top, right: g.right, width: 280, padding: 0 },
       children: /* @__PURE__ */ r.jsx(
-        Dn,
+        Hn,
         {
           columns: t,
           visibleColumns: e,
@@ -5765,7 +5771,7 @@ function ni({
   );
   return Ge.createPortal(b, h);
 }
-function oi({
+function ri({
   anchorRef: n,
   columns: t,
   filterModel: e,
@@ -5813,7 +5819,7 @@ function oi({
       children: [
         /* @__PURE__ */ r.jsxs("div", { className: "ogx-toolbar__panel-header", children: [
           /* @__PURE__ */ r.jsxs("span", { className: "ogx-toolbar__panel-title", children: [
-            /* @__PURE__ */ r.jsx(Vn, {}),
+            /* @__PURE__ */ r.jsx(Un, {}),
             "Filters",
             h > 0 && /* @__PURE__ */ r.jsx("span", { className: "ogx-toolbar__panel-count", children: h })
           ] }),
@@ -5840,7 +5846,7 @@ function oi({
           ] })
         ] }),
         /* @__PURE__ */ r.jsx("div", { className: "ogx-toolbar__panel-body ogx-toolbar__panel-body--filter", children: /* @__PURE__ */ r.jsx(
-          Kr,
+          Yr,
           {
             columns: t,
             filterModel: e,
@@ -5852,8 +5858,8 @@ function oi({
   );
   return Ge.createPortal(v, d);
 }
-const ri = { rowFields: [], columnFields: [], valueFields: [] };
-function vi({
+const ii = { rowFields: [], columnFields: [], valueFields: [] };
+function bi({
   columns: n = [],
   baseColumns: t,
   aggregationModel: e = {},
@@ -5876,7 +5882,7 @@ function vi({
   re(() => {
     h && (u(!0), f(!1), y(!1), j(!1));
   }, [h]);
-  const E = J(null), R = J(null), _ = J(null), M = J(null), T = i ?? ri, I = T.rowFields.length > 0 || T.columnFields.length > 0 || T.valueFields.length > 0, F = n.filter(
+  const E = J(null), R = J(null), _ = J(null), M = J(null), T = i ?? ii, I = T.rowFields.length > 0 || T.columnFields.length > 0 || T.valueFields.length > 0, F = n.filter(
     (G) => G.aggregable !== !1 && (G.type === "number" || G.aggregable === !0)
   ), H = Object.keys(e).filter(
     (G) => e[G] && e[G] !== "none"
@@ -5921,7 +5927,7 @@ function vi({
     /* @__PURE__ */ r.jsx("div", { className: "ogx-toolbar__spacer" }),
     /* @__PURE__ */ r.jsxs("div", { className: "ogx-toolbar__actions", children: [
       s && /* @__PURE__ */ r.jsx("div", { className: "ogx-toolbar__dropdown-wrapper", style: { marginRight: 4 }, children: /* @__PURE__ */ r.jsx(
-        Qr,
+        Zr,
         {
           value: K,
           onChange: q,
@@ -5938,11 +5944,11 @@ function vi({
             onClick: () => {
               u(!w), f(!1), y(!1), j(!1);
             },
-            children: /* @__PURE__ */ r.jsx(ei, {})
+            children: /* @__PURE__ */ r.jsx(ti, {})
           }
         ) }),
         w && /* @__PURE__ */ r.jsx(
-          ni,
+          oi,
           {
             anchorRef: _,
             columns: n,
@@ -5969,13 +5975,13 @@ function vi({
               j(!p), f(!1), y(!1), u(!1);
             },
             children: [
-              /* @__PURE__ */ r.jsx(Vn, {}),
+              /* @__PURE__ */ r.jsx(Un, {}),
               C > 0 && /* @__PURE__ */ r.jsx("span", { className: "ogx-toolbar__dot", "aria-label": "Filters active" })
             ]
           }
         ) }),
         p && /* @__PURE__ */ r.jsx(
-          oi,
+          ri,
           {
             anchorRef: M,
             columns: n,
@@ -5999,13 +6005,13 @@ function vi({
               y(!k), f(!1), u(!1), j(!1);
             },
             children: [
-              /* @__PURE__ */ r.jsx(Hn, {}),
+              /* @__PURE__ */ r.jsx(Gn, {}),
               I && /* @__PURE__ */ r.jsx("span", { className: "ogx-toolbar__dot", "aria-label": "Pivot active" })
             ]
           }
         ) }),
         k && /* @__PURE__ */ r.jsx(
-          qr,
+          Xr,
           {
             anchorRef: R,
             columns: t ?? n,
@@ -6031,13 +6037,13 @@ function vi({
               f(!N), y(!1), u(!1), j(!1);
             },
             children: [
-              /* @__PURE__ */ r.jsx(Gn, {}),
+              /* @__PURE__ */ r.jsx(Vn, {}),
               H > 0 && /* @__PURE__ */ r.jsx("span", { className: "ogx-toolbar__dot", "aria-label": `${H} active summaries` })
             ]
           }
         ) }),
         N && /* @__PURE__ */ r.jsx(
-          ti,
+          ni,
           {
             anchorRef: E,
             aggregationModel: e,
@@ -6053,10 +6059,10 @@ function vi({
     ] })
   ] });
 }
-function bi() {
+function _i() {
   return J(null);
 }
-const _i = ({
+const yi = ({
   fullWidth: n = !1,
   error: t = !1,
   startAdornment: e,
@@ -6083,7 +6089,7 @@ const _i = ({
     o && /* @__PURE__ */ r.jsx("div", { className: "ogx-input__adornment ogx-input__adornment--end", children: o })
   ] });
 };
-function yi(n, t, e = {}) {
+function Ci(n, t, e = {}) {
   const {
     fileName: o = "export.csv",
     includeHeaders: i = !0,
@@ -6097,39 +6103,39 @@ function yi(n, t, e = {}) {
   const c = t.filter((g) => !(g.exportable === !1 || g.field === "__check__" || g.field === "__actions__"));
   let d = "";
   if (i) {
-    const g = c.map((x) => at(x.headerName || x.field));
+    const g = c.map((x) => dt(x.headerName || x.field));
     d += g.join(l) + `
 `;
   }
   if (s.forEach((g) => {
     const x = c.map((h) => {
       let m = g[h.field];
-      return h.valueGetter && (m = h.valueGetter({ row: g, field: h.field, value: m })), h.valueFormatter && m !== void 0 && m !== null && (m = h.valueFormatter({ value: m, row: g, field: h.field })), at(String(m ?? ""));
+      return h.valueGetter && (m = h.valueGetter({ row: g, field: h.field, value: m })), h.valueFormatter && m !== void 0 && m !== null && (m = h.valueFormatter({ value: m, row: g, field: h.field })), dt(String(m ?? ""));
     });
     d += x.join(l) + `
 `;
   }), e.aggregationResult) {
-    const g = e.aggregationResult, x = e.aggregationModel || {}, h = c.map((v) => x[v.field] ? at(x[v.field].toUpperCase()) : at(""));
+    const g = e.aggregationResult, x = e.aggregationModel || {}, h = c.map((v) => x[v.field] ? dt(x[v.field].toUpperCase()) : dt(""));
     d += h.join(l) + `
 `;
     const m = c.map((v) => {
       const b = g[v.field];
       if (b != null) {
         let S = b;
-        return v.valueFormatter ? S = v.valueFormatter({ value: b, row: {}, field: v.field }) : x[v.field] && (S = He(b, x[v.field])), at(String(S));
+        return v.valueFormatter ? S = v.valueFormatter({ value: b, row: {}, field: v.field }) : x[v.field] && (S = He(b, x[v.field])), dt(String(S));
       }
-      return at("");
+      return dt("");
     });
     d += m.join(l) + `
 `;
   }
   fn(d, o, "text/csv;charset=utf-8;");
 }
-function at(n) {
+function dt(n) {
   return n.includes(",") || n.includes('"') || n.includes(`
 `) ? `"${n.replace(/"/g, '""')}"` : n;
 }
-function Ci(n, t, e = {}) {
+function ki(n, t, e = {}) {
   const {
     fileName: o = "export.xls",
     sheetName: i = "Sheet1",
@@ -6167,7 +6173,7 @@ function Ci(n, t, e = {}) {
 function Te(n) {
   return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-function ki(n, t, e = {}) {
+function Si(n, t, e = {}) {
   const {
     fileName: o = "export.json",
     pretty: i = !0,
@@ -6207,7 +6213,7 @@ function ki(n, t, e = {}) {
   const g = i ? JSON.stringify(d, null, 2) : JSON.stringify(d);
   fn(g, o, "application/json;charset=utf-8;");
 }
-async function Si(n, t, e) {
+async function ji(n, t, e) {
   const o = window.open("", "_blank");
   if (!o) {
     console.error("Failed to open print window. Please check your popup blocker settings.");
@@ -6305,26 +6311,26 @@ function fn(n, t, e) {
   const o = new Blob([n], { type: e }), i = URL.createObjectURL(o), l = document.createElement("a");
   l.href = i, l.download = t, document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
 }
-function ii(n, t) {
+function li(n, t) {
   return n.type === "number" ? "number" : n.type === "boolean" ? "boolean" : n.type === "date" ? "date" : typeof t == "number" ? "number" : typeof t == "boolean" ? "boolean" : t instanceof Date ? "date" : "string";
 }
-function li(n) {
+function si(n) {
   if (n.type === "number") return "#,##0.##";
   if (n.type === "date") return "yyyy-mm-dd";
 }
-function si(n, t) {
+function ai(n, t) {
   if (t != null) return t;
   const e = n.width ?? 120;
   return Math.min(60, Math.max(8, (e - 5) / 7));
 }
-function ai(n, t) {
+function di(n, t) {
   const e = t ?? "";
   if (e.includes("jpeg") || e.includes("jpg")) return "jpeg";
   if (e.includes("gif")) return "gif";
   const o = n.split("?")[0].toLowerCase();
   return o.endsWith(".jpg") || o.endsWith(".jpeg") ? "jpeg" : o.endsWith(".gif") ? "gif" : "png";
 }
-async function di(n) {
+async function ci(n) {
   const t = await Promise.allSettled(
     n.map(async (o) => {
       if (o.startsWith("data:")) {
@@ -6336,7 +6342,7 @@ async function di(n) {
       }
       const i = await fetch(o, { mode: "cors" });
       if (!i.ok) throw new Error(`HTTP ${i.status}`);
-      const l = await i.arrayBuffer(), a = ai(o, i.headers.get("content-type"));
+      const l = await i.arrayBuffer(), a = di(o, i.headers.get("content-type"));
       return { url: o, buffer: l, ext: a };
     })
   ), e = /* @__PURE__ */ new Map();
@@ -6347,7 +6353,7 @@ async function di(n) {
     );
   }), e;
 }
-async function ji(n, t, e = {}) {
+async function Ri(n, t, e = {}) {
   const {
     fileName: o = "export.xlsx",
     sheets: i,
@@ -6369,7 +6375,7 @@ async function ji(n, t, e = {}) {
       if (!g || !x) continue;
       const C = v.addWorksheet(j.name ?? "Summary");
       C.addRow(["Summary / Aggregation Totals"]), C.getRow(1).font = { bold: !0, size: c + 2, color: { argb: ze(s) } }, C.addRow([]), C.addRow(["Column", "Function", "Value"]).eachCell((O) => {
-        O.fill = { type: "pattern", pattern: "solid", fgColor: { argb: ze(a) } }, O.font = { bold: !0, size: c, color: { argb: ze(s) } }, O.border = Wn();
+        O.fill = { type: "pattern", pattern: "solid", fgColor: { argb: ze(a) } }, O.font = { bold: !0, size: c, color: { argb: ze(s) } }, O.border = Fn();
       }), b.forEach((O) => {
         const W = x[O.field], V = g[O.field];
         if (W == null || V == null) return;
@@ -6397,7 +6403,7 @@ async function ji(n, t, e = {}) {
           typeof V == "string" && V && !k.has(V) && !B.has(V) && (C.push(V), B.add(V));
         });
       }), C.length > 0) {
-        const O = await di(C);
+        const O = await ci(C);
         for (const [W, { buffer: V, extension: G }] of O) {
           const D = v.addImage({ buffer: V, extension: G });
           k.set(W, D);
@@ -6407,9 +6413,9 @@ async function ji(n, t, e = {}) {
     const q = v.addWorksheet(R);
     if (q.columns = b.map((C) => ({
       key: C.field,
-      width: si(C, l[C.field]?.width),
+      width: ai(C, l[C.field]?.width),
       style: {
-        numFmt: l[C.field]?.numFmt ?? li(C)
+        numFmt: l[C.field]?.numFmt ?? si(C)
       }
     })), M) {
       const C = b.map((O) => O.headerName ?? O.field), B = q.addRow(C);
@@ -6418,7 +6424,7 @@ async function ji(n, t, e = {}) {
         O.fill = { type: "pattern", pattern: "solid", fgColor: { argb: ze(a) } }, O.font = { bold: !0, size: c, color: { argb: ze(s) } }, O.alignment = {
           horizontal: l[V?.field]?.alignment ?? (V?.type === "number" ? "right" : "left"),
           vertical: "middle"
-        }, O.border = Wn();
+        }, O.border = Fn();
       }), I && (q.autoFilter = {
         from: { row: 1, column: 1 },
         to: { row: 1, column: b.length }
@@ -6429,7 +6435,7 @@ async function ji(n, t, e = {}) {
       const O = b.map((V) => {
         if (l[V.field]?.embedImage) return "";
         let G = C[V.field];
-        return V.valueGetter && (G = V.valueGetter({ row: C, field: V.field, value: G })), ii(V, G) === "string" && V.valueFormatter && G != null && (G = V.valueFormatter({ value: G, row: C, field: V.field })), G;
+        return V.valueGetter && (G = V.valueGetter({ row: C, field: V.field, value: G })), li(V, G) === "string" && V.valueFormatter && G != null && (G = V.valueFormatter({ value: G, row: C, field: V.field })), G;
       }), W = q.addRow(O);
       if (W.font = { size: d }, H && B % 2 === 1 && W.eachCell((V) => {
         V.fill = { type: "pattern", pattern: "solid", fgColor: { argb: ze(H) } };
@@ -6440,17 +6446,17 @@ async function ji(n, t, e = {}) {
           vertical: "middle"
         }, V.border = { bottom: { style: "thin", color: { argb: "FFf1f5f9" } } });
       }), U.length > 0) {
-        const V = U.reduce((P, te) => Math.max(P, l[te.field]?.imageHeight ?? 40), 0), G = Math.ceil(V / 1.333), D = G * 1.333;
+        const V = U.reduce((P, ne) => Math.max(P, l[ne.field]?.imageHeight ?? 40), 0), G = Math.ceil(V / 1.333), D = G * 1.333;
         W.height = G, U.forEach((P) => {
-          const te = b.indexOf(P), ee = C[P.field], Z = typeof ee == "string" ? k.get(ee) : void 0;
+          const ne = b.indexOf(P), te = C[P.field], Z = typeof te == "string" ? k.get(te) : void 0;
           if (Z === void 0) {
-            W.getCell(te + 1).value = typeof ee == "string" ? ee : "";
+            W.getCell(ne + 1).value = typeof te == "string" ? te : "";
             return;
           }
-          const pe = l[P.field], $ = pe?.imageWidth ?? 40, ge = pe?.imageHeight ?? 40, ve = (q.getColumn(te + 1).width ?? 8) * 7 + 5, ce = Math.max(0, ve - $) / 2, A = Math.max(0, D - ge) / 2;
+          const pe = l[P.field], $ = pe?.imageWidth ?? 40, ge = pe?.imageHeight ?? 40, ve = (q.getColumn(ne + 1).width ?? 8) * 7 + 5, ce = Math.max(0, ve - $) / 2, A = Math.max(0, D - ge) / 2;
           q.addImage(Z, {
             tl: {
-              col: te,
+              col: ne,
               row: K,
               nativeColOff: Math.floor(ce * 9525),
               nativeRowOff: Math.floor(A * 9525)
@@ -6475,7 +6481,7 @@ async function ji(n, t, e = {}) {
         return G == null || D == null ? "" : V.valueFormatter ? V.valueFormatter({ value: D, row: {}, field: V.field }) : He(D, G);
       }), W = q.addRow(O);
       W.height = 18, W.font = { bold: !0, size: d, color: { argb: ze(s) } }, W.eachCell((V) => {
-        V.fill = { type: "pattern", pattern: "solid", fgColor: { argb: ze(a) } }, V.alignment = { horizontal: "right", vertical: "middle" }, V.border = ci();
+        V.fill = { type: "pattern", pattern: "solid", fgColor: { argb: ze(a) } }, V.alignment = { horizontal: "right", vertical: "middle" }, V.border = ui();
       });
     }
   }
@@ -6488,13 +6494,13 @@ function ze(n) {
   const t = n.replace("#", "");
   return t.length === 3 ? "FF" + t.split("").map((e) => e + e).join("") : t.length === 6 ? "FF" + t : "FF" + t.padEnd(6, "0");
 }
-function Wn() {
+function Fn() {
   return { bottom: { style: "medium", color: { argb: "FFcbd5e1" } } };
 }
-function ci() {
+function ui() {
   return { top: { style: "medium", color: { argb: "FFcbd5e1" } } };
 }
-const ui = {
+const gi = {
   "--ogx-color-primary": "#3b82f6",
   "--ogx-color-primary-dark": "#2563eb",
   "--ogx-color-primary-light": "#eff6ff",
@@ -6568,7 +6574,7 @@ const ui = {
   "--ogx-skeleton-dark-base": "#e2e8f0",
   "--ogx-skeleton-dark-highlight": "#f8fafc"
 };
-function gi(n) {
+function fi(n) {
   const t = {};
   function e(o, i) {
     i !== void 0 && (t[o] = i);
@@ -6619,13 +6625,13 @@ function gi(n) {
   }
   return t;
 }
-function Ri({
+function Ei({
   theme: n,
   children: t,
   className: e,
   style: o
 }) {
-  const i = se.useMemo(() => ({ ...ui, ...gi(n) }), [n]);
+  const i = ae.useMemo(() => ({ ...gi, ...fi(n) }), [n]);
   return /* @__PURE__ */ r.jsx(
     "div",
     {
@@ -6635,7 +6641,7 @@ function Ri({
     }
   );
 }
-const Ei = {
+const Ni = {
   colors: {
     primary: "#60a5fa",
     primaryDark: "#3b82f6",
@@ -6711,7 +6717,7 @@ const Ei = {
     darkBaseColor: "#0f172a",
     darkHighlightColor: "#1e293b"
   }
-}, Ni = {
+}, Mi = {
   colors: {
     primary: "#e11d48",
     primaryDark: "#be123c",
@@ -6727,7 +6733,7 @@ const Ei = {
     rowSelectedHoverBackground: "#fecdd3",
     cellFocusBorder: "#e11d48"
   }
-}, Mi = {
+}, Ii = {
   colors: {
     primary: "#059669",
     primaryDark: "#047857",
@@ -6743,7 +6749,7 @@ const Ei = {
     rowSelectedHoverBackground: "#a7f3d0",
     cellFocusBorder: "#059669"
   }
-}, Ii = {
+}, Pi = {
   colors: {
     primary: "#d97706",
     primaryDark: "#b45309",
@@ -6759,7 +6765,7 @@ const Ei = {
     rowSelectedHoverBackground: "#fde68a",
     cellFocusBorder: "#d97706"
   }
-}, Pi = {
+}, Li = {
   grid: {
     rowHeightCompact: "28px",
     rowHeightStandard: "36px",
@@ -6773,7 +6779,7 @@ const Ei = {
     fontSizeMd: "0.875rem"
   }
 };
-function fi(n, t) {
+function hi(n, t) {
   try {
     const e = t.getItem(n);
     return e ? JSON.parse(e) : void 0;
@@ -6781,7 +6787,7 @@ function fi(n, t) {
     return;
   }
 }
-function hi(n, t, e, o) {
+function pi(n, t, e, o) {
   try {
     const i = e ? Object.fromEntries(
       Object.entries(t).filter(([l]) => e.includes(l))
@@ -6790,17 +6796,17 @@ function hi(n, t, e, o) {
   } catch {
   }
 }
-function Li(n) {
+function Ti(n) {
   const t = typeof n == "string" ? { key: n } : n, {
     key: e,
     debounceMs: o = 300,
     include: i,
     storage: l = typeof window < "u" ? window.localStorage : void 0
-  } = t, a = ae(() => {
+  } = t, a = le(() => {
     if (l)
-      return fi(e, l);
+      return hi(e, l);
   }, [e, l]), s = J(null), c = J(null), d = z(() => {
-    c.current && l && hi(e, c.current, i, l);
+    c.current && l && pi(e, c.current, i, l);
   }, [e, i, l]), g = z(
     (h) => {
       c.current = h, s.current && clearTimeout(s.current), s.current = setTimeout(d, o);
@@ -6817,31 +6823,31 @@ function Li(n) {
 }
 export {
   Ot as Button,
-  Fr as Cell,
+  Ar as Cell,
   At as Checkbox,
-  mi as DataGrid,
-  Ri as DataGridThemeProvider,
-  Kr as FilterPanel,
-  vi as GridToolbar,
+  wi as DataGrid,
+  Ei as DataGridThemeProvider,
+  Yr as FilterPanel,
+  bi as GridToolbar,
   Ft as GridTooltip,
-  gr as Header,
-  _i as Input,
+  fr as Header,
+  yi as Input,
   dn as Row,
-  wi as Skeleton,
-  Ii as amberTheme,
-  Pi as compactTheme,
-  Ei as darkTheme,
-  Mi as emeraldTheme,
-  yi as exportToCsv,
-  Ci as exportToExcel,
-  ji as exportToExcelAdvanced,
-  ki as exportToJson,
+  vi as Skeleton,
+  Pi as amberTheme,
+  Li as compactTheme,
+  Ni as darkTheme,
+  Ii as emeraldTheme,
+  Ci as exportToCsv,
+  ki as exportToExcel,
+  Ri as exportToExcelAdvanced,
+  Si as exportToJson,
   He as formatAggregationValue,
-  Si as printGrid,
-  Ni as roseTheme,
-  Yo as useAggregation,
-  bi as useGridApiRef,
-  Li as useGridStateStorage,
-  kr as usePivot
+  ji as printGrid,
+  Mi as roseTheme,
+  qo as useAggregation,
+  _i as useGridApiRef,
+  Ti as useGridStateStorage,
+  Sr as usePivot
 };
 //# sourceMappingURL=opengridx.es.js.map