@opencorestack/opengridx 2.0.1 → 2.0.3

package/dist/opengridx.es.js

@@ -1,6 +1,6 @@
-import xe, { useMemo as ue, useState as ne, useCallback as H, useRef as J, useEffect as re, useLayoutEffect as Me, useId as Zt, useReducer as Go } from "react";
+import xe, { useMemo as de, useState as ne, useCallback as H, useRef as J, useEffect as re, useLayoutEffect as Me, useId as en, useReducer as Go } from "react";
 import Ze from "react-dom";
-var Yt = { exports: {} }, Pt = {};
+var qt = { exports: {} }, Pt = {};
 var Gn;
 function Vo() {
   if (Gn) return Pt;
@@ -133,15 +133,15 @@ function Uo() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), v = this.props.ref, v !== void 0 ? v : null;
     }
-    function f(v, E, L, F, B, K) {
-      var V = L.ref;
+    function f(v, E, L, F, B, V) {
+      var U = L.ref;
       return v = {
         $$typeof: x,
         type: v,
         key: E,
         props: L,
         _owner: F
-      }, (V !== void 0 ? V : null) !== null ? Object.defineProperty(v, "ref", {
+      }, (U !== void 0 ? U : null) !== null ? Object.defineProperty(v, "ref", {
         enumerable: !1,
         get: d
       }) : Object.defineProperty(v, "ref", { enumerable: !1, value: null }), v._store = {}, Object.defineProperty(v._store, "validated", {
@@ -163,28 +163,28 @@ function Uo() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: K
+        value: V
       }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
     }
-    function h(v, E, L, F, B, K) {
-      var V = E.children;
-      if (V !== void 0)
+    function h(v, E, L, F, B, V) {
+      var U = E.children;
+      if (U !== void 0)
         if (F)
-          if (W(V)) {
-            for (F = 0; F < V.length; F++)
-              w(V[F]);
-            Object.freeze && Object.freeze(V);
+          if (W(U)) {
+            for (F = 0; F < U.length; F++)
+              w(U[F]);
+            Object.freeze && Object.freeze(U);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else w(V);
+        else w(U);
       if (M.call(E, "key")) {
-        V = n(v);
+        U = n(v);
         var le = Object.keys(E).filter(function(ie) {
           return ie !== "key";
         });
-        F = 0 < le.length ? "{key: someKey, " + le.join(": ..., ") + ": ...}" : "{key: someKey}", U[V + F] || (le = 0 < le.length ? "{" + le.join(": ..., ") + ": ...}" : "{}", console.error(
+        F = 0 < le.length ? "{key: someKey, " + le.join(": ..., ") + ": ...}" : "{key: someKey}", K[U + F] || (le = 0 < le.length ? "{" + le.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -192,26 +192,26 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           F,
-          V,
+          U,
           le,
-          V
-        ), U[V + F] = !0);
+          U
+        ), K[U + F] = !0);
       }
-      if (V = null, L !== void 0 && (e(L), V = "" + L), s(E) && (e(E.key), V = "" + E.key), "key" in E) {
+      if (U = null, L !== void 0 && (e(L), U = "" + L), s(E) && (e(E.key), U = "" + E.key), "key" in E) {
         L = {};
         for (var se in E)
           se !== "key" && (L[se] = E[se]);
       } else L = E;
-      return V && a(
+      return U && a(
         L,
         typeof v == "function" ? v.displayName || v.name || "Unknown" : v
       ), f(
         v,
-        V,
+        U,
         L,
         i(),
         B,
-        K
+        V
       );
     }
     function w(v) {
@@ -231,7 +231,7 @@ React keys must be passed directly to JSX without using spread:
     var D, O = {}, $ = u.react_stack_bottom_frame.bind(
       u,
       l
-    )(), Y = A(o(l)), U = {};
+    )(), Y = A(o(l)), K = {};
     It.Fragment = _, It.jsx = function(v, E, L) {
       var F = 1e4 > P.recentlyCreatedOwnerStacks++;
       return h(
@@ -257,7 +257,7 @@ React keys must be passed directly to JSX without using spread:
 }
 var Un;
 function Ko() {
-  return Un || (Un = 1, process.env.NODE_ENV === "production" ? Yt.exports = Vo() : Yt.exports = Uo()), Yt.exports;
+  return Un || (Un = 1, process.env.NODE_ENV === "production" ? qt.exports = Vo() : qt.exports = Uo()), qt.exports;
 }
 var r = Ko();
 function Lt(n, t) {
@@ -276,7 +276,7 @@ function Yo(n, t) {
     return a - d;
   }), { left: e, center: o, right: i }) : { left: e, center: n, right: i };
 }
-function _n(n, t, e, o, i, l, s, a) {
+function yn(n, t, e, o, i, l, s, a) {
   const d = {};
   if (!e) return d;
   const f = Yo(n, e);
@@ -292,13 +292,13 @@ function _n(n, t, e, o, i, l, s, a) {
     d[m.field] = w, w += u;
   }), d;
 }
-function Cn(n, t) {
+function Sn(n, t) {
   return t ? t.top?.includes(n) ? "top" : t.bottom?.includes(n) ? "bottom" : null : null;
 }
 function qo(n, t) {
   const e = [], o = [], i = [];
   return t ? (n.forEach((l) => {
-    const s = Cn(l.id, t);
+    const s = Sn(l.id, t);
     s === "top" ? e.push(l) : s === "bottom" ? i.push(l) : o.push(l);
   }), t.top && e.sort((l, s) => {
     const a = t.top.indexOf(l.id), d = t.top.indexOf(s.id);
@@ -308,7 +308,7 @@ function qo(n, t) {
     return a - d;
   }), { top: e, center: o, bottom: i }) : { top: e, center: n, bottom: i };
 }
-function ht(n) {
+function pt(n) {
   if (n === void 0) return { type: "auto", value: 0 };
   if (typeof n == "number") return { type: "fixed", value: n };
   if (typeof n == "string") {
@@ -341,7 +341,7 @@ function Xo(n) {
     isLoading: R,
     pageSize: b
   } = n;
-  return ue(() => {
+  return de(() => {
     const S = e ? o : i, j = S.map((z, Z) => {
       let ee = t;
       if (l.has(z.id)) {
@@ -355,38 +355,38 @@ function Xo(n) {
       Z === "left" ? T.push(z) : Z === "right" ? C.push(z) : P.push(z);
     });
     const W = (u ? 48 : 0) + (x ? 48 : 0) + (p ? 48 : 0), A = (z) => w[z.field] ?? z.width, D = T.reduce((z, Z) => {
-      const ee = ht(A(Z));
+      const ee = pt(A(Z));
       return z + (ee.type === "fixed" ? ee.value : 100);
     }, 0), O = C.reduce((z, Z) => {
-      const ee = ht(A(Z));
+      const ee = pt(A(Z));
       return z + (ee.type === "fixed" ? ee.value : 100);
     }, 0), $ = P.reduce((z, Z) => {
       if (!Object.prototype.hasOwnProperty.call(w, Z.field) && Z.flex && Z.flex > 0) {
-        const he = Z.minWidth ?? 150, Pe = typeof Z.width == "number" ? Z.width : 150;
-        return z + (he || Pe);
+        const fe = Z.minWidth ?? 150, Pe = typeof Z.width == "number" ? Z.width : 150;
+        return z + (fe || Pe);
       }
-      const me = ht(A(Z));
+      const me = pt(A(Z));
       return me.type === "fixed" ? z + me.value : me.type === "percentage" ? z + 100 : z + (Z.minWidth ?? 150);
     }, 0), Y = Math.max(
       m - W - D - O,
       $
-    ), U = [], v = [], E = [];
+    ), K = [], v = [], E = [];
     P.forEach((z) => {
-      const Z = Object.prototype.hasOwnProperty.call(w, z.field), ee = ht(A(z));
+      const Z = Object.prototype.hasOwnProperty.call(w, z.field), ee = pt(A(z));
       if (!Z && z.flex && z.flex > 0) {
         E.push({ col: z, flex: z.flex });
         return;
       }
-      ee.type === "fixed" ? U.push({ col: z, width: ee.value }) : ee.type === "percentage" ? v.push({ col: z, percentage: ee.value }) : E.push({ col: z, flex: 1 });
+      ee.type === "fixed" ? K.push({ col: z, width: ee.value }) : ee.type === "percentage" ? v.push({ col: z, percentage: ee.value }) : E.push({ col: z, flex: 1 });
     });
-    const L = U.reduce((z, { width: Z }) => z + Z, 0);
+    const L = K.reduce((z, { width: Z }) => z + Z, 0);
     let F = Math.max(0, Y - L);
     const B = /* @__PURE__ */ new Map();
     v.forEach(({ col: z, percentage: Z }) => {
       const ee = Z / 100 * F;
       B.set(z.field, ee), F -= ee;
     }), F = Math.max(0, F);
-    const K = /* @__PURE__ */ new Map(), V = E.map((z) => ({
+    const V = /* @__PURE__ */ new Map(), U = E.map((z) => ({
       ...z,
       minWidth: z.col.minWidth ?? 50,
       maxWidth: z.col.maxWidth ?? 1 / 0,
@@ -395,12 +395,12 @@ function Xo(n) {
     }));
     (() => {
       let z = 0;
-      const Z = V.length * 2;
+      const Z = U.length * 2;
       for (; z < Z; ) {
         z++;
-        const ee = V.filter((te) => !te.frozen);
+        const ee = U.filter((te) => !te.frozen);
         if (ee.length === 0) break;
-        const me = ee.reduce((te, je) => te + je.flex, 0), he = V.reduce((te, je) => je.frozen ? te + je.computedWidth : te, 0), Pe = Math.max(0, F - he);
+        const me = ee.reduce((te, je) => te + je.flex, 0), fe = U.reduce((te, je) => je.frozen ? te + je.computedWidth : te, 0), Pe = Math.max(0, F - fe);
         if (me <= 0) {
           ee.forEach((te) => {
             te.computedWidth = te.minWidth, te.frozen = !0;
@@ -427,36 +427,36 @@ function Xo(n) {
           te.computedWidth = te.maxWidth, te.frozen = !0;
         }));
       }
-    })(), V.forEach((z) => K.set(z.col.field, z.computedWidth));
+    })(), U.forEach((z) => V.set(z.col.field, z.computedWidth));
     const se = /* @__PURE__ */ new Map();
     P.forEach((z) => {
       let Z;
-      if (K.has(z.field))
-        Z = K.get(z.field);
+      if (V.has(z.field))
+        Z = V.get(z.field);
       else {
-        const ee = U.find((he) => he.col.field === z.field), me = v.find((he) => he.col.field === z.field);
+        const ee = K.find((fe) => fe.col.field === z.field), me = v.find((fe) => fe.col.field === z.field);
         if (ee)
           Z = ee.width;
         else if (me) {
-          const he = B.get(z.field) || 0;
-          Z = Math.max(z.minWidth ?? 50, he || 100);
+          const fe = B.get(z.field) || 0;
+          Z = Math.max(z.minWidth ?? 50, fe || 100);
         } else
           Z = 100;
       }
       M.push(Z), se.set(z.field, Z);
     });
     const ie = P.map((z) => {
-      const Z = V.find((ee) => ee.col.field === z.field);
+      const Z = U.find((ee) => ee.col.field === z.field);
       return {
         ...z,
         width: se.get(z.field) ?? (typeof z.width == "number" ? z.width : 100),
         flex: Z ? Z.flex : z.flex
       };
-    }), I = 11, de = T.map((z, Z) => {
-      const ee = ht(A(z));
+    }), I = 11, ce = T.map((z, Z) => {
+      const ee = pt(A(z));
       return { ...z, width: ee.type === "fixed" ? ee.value : 100, zIndex: I + Z };
     }), oe = 11, ae = C.map((z, Z) => {
-      const ee = ht(A(z));
+      const ee = pt(A(z));
       return {
         ...z,
         width: ee.type === "fixed" ? ee.value : 100,
@@ -469,7 +469,7 @@ function Xo(n) {
       unpinnedRowsHeight: c,
       pinnedTopHeight: k,
       pinnedBottomHeight: N,
-      leftPinnedCols: de,
+      leftPinnedCols: ce,
       rightPinnedCols: ae,
       unpinnedColsWithWidth: ie,
       unpinnedColWidths: M,
@@ -538,7 +538,7 @@ function Jo(n) {
       g.preventDefault();
       const O = e.find(($) => $.field === c);
       if (O && O.sortable !== !1) {
-        const $ = f.find((U) => U.field === c);
+        const $ = f.find((K) => K.field === c);
         let Y = "asc";
         $ && (Y = $.sort === "asc" ? "desc" : null), h(c, Y);
       }
@@ -570,31 +570,31 @@ function Jo(n) {
     if (k && g.key !== "Tab") return;
     const N = y === "HEADER", T = N ? -1 : t.findIndex((O) => O.id === y), C = e.findIndex((O) => O.field === c);
     if (!N && T === -1 || C === -1) return;
-    const P = (O, $, Y, U, v, E = !1) => {
-      let L = O + Y, F = $ + U;
-      return v && U !== 0 && (U > 0 && F >= e.length ? (F = 0, L++) : U < 0 && F < 0 && (F = e.length - 1, L--)), !v && (F < 0 || F >= e.length) || L < (E ? -1 : 0) || L >= t.length ? null : { r: L, c: F };
-    }, M = (O, $, Y, U, v, E = !1) => {
+    const P = (O, $, Y, K, v, E = !1) => {
+      let L = O + Y, F = $ + K;
+      return v && K !== 0 && (K > 0 && F >= e.length ? (F = 0, L++) : K < 0 && F < 0 && (F = e.length - 1, L--)), !v && (F < 0 || F >= e.length) || L < (E ? -1 : 0) || L >= t.length ? null : { r: L, c: F };
+    }, M = (O, $, Y, K, v, E = !1) => {
       let L = O, F = $, B = 0;
-      const K = t.length * e.length + e.length;
-      for (; B < K; ) {
-        if (B++, L += Y, F += U, U !== 0)
-          U > 0 ? F >= e.length && (F = 0, L++) : F < 0 && (F = e.length - 1, L--);
+      const V = t.length * e.length + e.length;
+      for (; B < V; ) {
+        if (B++, L += Y, F += K, K !== 0)
+          K > 0 ? F >= e.length && (F = 0, L++) : F < 0 && (F = e.length - 1, L--);
         else if (F < 0 || F >= e.length) return null;
         if (L < -1 || L >= t.length) return null;
         if (L === -1) {
           if (!E) continue;
-          const I = e[F], de = I.sortable !== !1;
-          if (["__checkbox_col__"].includes(I.field) || de) return { r: L, c: F };
+          const I = e[F], ce = I.sortable !== !1;
+          if (["__checkbox_col__"].includes(I.field) || ce) return { r: L, c: F };
           continue;
         }
-        const V = t[L], le = e[F], se = ["__checkbox_col__", "__expand_col__", "__reorder_col__"].includes(le.field);
+        const U = t[L], le = e[F], se = ["__checkbox_col__", "__expand_col__", "__reorder_col__"].includes(le.field);
         let ie = le.editable || se;
         if (w && !se)
           try {
             ie = w({
-              row: V,
+              row: U,
               field: le.field,
-              value: V[le.field],
+              value: U[le.field],
               colDef: le,
               rowIndex: L,
               colIndex: F
@@ -636,14 +636,14 @@ function Jo(n) {
       R(W === -1 ? { id: "HEADER", field: O.field } : { id: t[W].id, field: O.field });
       const $ = p.current;
       if ($) {
-        const { cumulativeHeights: Y, pinnedTopHeight: U, columnMetrics: v } = x, { clientHeight: E, clientWidth: L, scrollTop: F, scrollLeft: B } = $, K = W <= 0 ? 0 : Y[W - 1], V = Y[W], le = F + U, se = F + E;
+        const { cumulativeHeights: Y, pinnedTopHeight: K, columnMetrics: v } = x, { clientHeight: E, clientWidth: L, scrollTop: F, scrollLeft: B } = $, V = W <= 0 ? 0 : Y[W - 1], U = Y[W], le = F + K, se = F + E;
         let ie = F;
-        if (K < le ? ie = Math.max(0, K - U) : V > se && (ie = V - E), ie !== F && ($.scrollTop = ie), v) {
-          const { leftPinnedWidth: I, rightPinnedWidth: de, unpinnedAccWidths: oe, unpinnedCols: ae, totalSpecialsWidth: q, pinnedSpecialsWidth: Q } = v, ge = ae.findIndex((z) => z.field === O.field);
+        if (V < le ? ie = Math.max(0, V - K) : U > se && (ie = U - E), ie !== F && ($.scrollTop = ie), v) {
+          const { leftPinnedWidth: I, rightPinnedWidth: ce, unpinnedAccWidths: oe, unpinnedCols: ae, totalSpecialsWidth: q, pinnedSpecialsWidth: Q } = v, ge = ae.findIndex((z) => z.field === O.field);
           if (ge !== -1) {
-            const z = q + I + (ge > 0 ? oe[ge - 1] : 0), Z = q + I + oe[ge], ee = B + Q + I, me = B + L - de;
-            let he = B;
-            z < ee ? he = Math.max(0, z - Q - I) : Z > me && (he = Z - L + de), he !== B && ($.scrollLeft = he);
+            const z = q + I + (ge > 0 ? oe[ge - 1] : 0), Z = q + I + oe[ge], ee = B + Q + I, me = B + L - ce;
+            let fe = B;
+            z < ee ? fe = Math.max(0, z - Q - I) : Z > me && (fe = Z - L + ce), fe !== B && ($.scrollLeft = fe);
           }
         }
       }
@@ -699,13 +699,13 @@ function Zo(n) {
     P || W(I), d?.(I);
   }, [P, d]), [O, $] = ne(
     () => f ?? Qo
-  ), Y = f ?? O, U = H((I) => {
+  ), Y = f ?? O, K = H((I) => {
     $(I), h?.(I);
   }, [h]), v = w !== void 0, [E, L] = ne(
     () => t?.pagination?.paginationModel ?? w ?? { page: 0, pageSize: 100 }
   ), F = v ? w : E, B = H((I) => {
     v || L(I), m?.(I);
-  }, [v, m]), K = u !== void 0, [V, le] = ne([]), se = K ? u : V, ie = ue(() => new Set(se), [se]);
+  }, [v, m]), V = u !== void 0, [U, le] = ne([]), se = V ? u : U, ie = de(() => new Set(se), [se]);
   return {
     sortModel: R,
     isSortControlled: _,
@@ -717,12 +717,12 @@ function Zo(n) {
     pinnedColumns: A,
     handlePinnedColumnsChange: D,
     currentPivotModel: Y,
-    handlePivotModelChange: U,
+    handlePivotModelChange: K,
     effectivePaginationModel: F,
     handlePaginationModelChange: B,
     rowSelectionModel: se,
     selectedRowIds: ie,
-    isSelectionControlled: K,
+    isSelectionControlled: V,
     setInternalRowSelectionModel: le
   };
 }
@@ -780,7 +780,7 @@ function nr(n, t) {
     return Object.values(n).some((i) => i == null ? !1 : String(i).toLowerCase().includes(o));
   });
 }
-function yn(n, t) {
+function kn(n, t) {
   const e = t.items ?? [], o = t.logicOperator ?? "and", i = ("quickFilterValues" in t ? t.quickFilterValues : void 0) ?? [];
   if (i.length > 0 && !nr(n, i))
     return !1;
@@ -798,7 +798,7 @@ function yn(n, t) {
 function or(n, t) {
   if (!t) return n;
   const { items: e = [], quickFilterValues: o = [] } = t;
-  return e.length === 0 && (!o || o.length === 0) ? n : n.filter((i) => yn(i, t));
+  return e.length === 0 && (!o || o.length === 0) ? n : n.filter((i) => kn(i, t));
 }
 function rr(n) {
   switch (n) {
@@ -814,7 +814,7 @@ function rr(n) {
       return ["contains", "equals", "startsWith", "endsWith", "isEmpty", "isNotEmpty"];
   }
 }
-function Sn(n, t, e) {
+function Rn(n, t, e) {
   if (n == null && t == null) return 0;
   if (n == null) return e === "asc" ? 1 : -1;
   if (t == null) return e === "asc" ? -1 : 1;
@@ -831,7 +831,7 @@ function ir(n, t) {
   const e = [...n];
   return e.sort((o, i) => {
     for (const l of t) {
-      const s = o[l.field], a = i[l.field], d = Sn(s, a, l.sort);
+      const s = o[l.field], a = i[l.field], d = Rn(s, a, l.sort);
       if (d !== 0)
         return d;
     }
@@ -853,11 +853,11 @@ function lr(n) {
     pinnedRows: w,
     isLoading: m,
     pageSize: u
-  } = n, x = ue(() => e ? e.getVisibleRows() || [] : o === "server" && l ? t : or(t, i), [t, i, e, o, l]), { top: p, center: _, bottom: R } = ue(() => e ? { top: [], center: x, bottom: [] } : qo(x, w), [x, w, e]), b = ue(() => e || a === "server" && l ? _ : ir(_, s), [_, s, e, a, l]), S = ue(() => {
+  } = n, x = de(() => e ? e.getVisibleRows() || [] : o === "server" && l ? t : or(t, i), [t, i, e, o, l]), { top: p, center: _, bottom: R } = de(() => e ? { top: [], center: x, bottom: [] } : qo(x, w), [x, w, e]), b = de(() => e || a === "server" && l ? _ : ir(_, s), [_, s, e, a, l]), S = de(() => {
     if (!d || f === "server" && l) return b;
     const g = h.page * h.pageSize;
     return b.slice(g, g + h.pageSize);
-  }, [b, d, h.page, h.pageSize, f, l]), j = ue(() => {
+  }, [b, d, h.page, h.pageSize, f, l]), j = de(() => {
     if (e) return _;
     const g = d ? S : b, y = [...p, ...g, ...R];
     if (f === "infinite" && m && y.length > 0) {
@@ -904,7 +904,7 @@ function ar(n) {
     pinCheckboxColumn: h,
     pinExpandColumn: w
   } = n;
-  return ue(() => {
+  return de(() => {
     const {
       unpinnedAccWidths: m,
       unpinnedColsWithWidth: u,
@@ -935,28 +935,28 @@ function ar(n) {
       }
       O = Math.min(u.length - 1, oe + M);
     }
-    const U = D > 0 ? m[D - 1] : 0, v = S - m[O], E = [
+    const K = D > 0 ? m[D - 1] : 0, v = S - m[O], E = [
       ...x,
-      ...U > 0 ? [{ field: "__spacer_left__", width: U, isSpacer: !0 }] : [],
+      ...K > 0 ? [{ field: "__spacer_left__", width: K, isSpacer: !0 }] : [],
       ...u.slice(D, O + 1),
       ...v > 0 ? [{ field: "__spacer_right__", width: v, isSpacer: !0 }] : [],
       ...p
-    ], F = C > 0 && _ > C ? 16 : 0, B = y + k + c + F + 2, K = 5;
-    let V = 0, le = T - 1, se = 0, ie = 0, I = g.length - 1;
+    ], F = C > 0 && _ > C ? 16 : 0, B = y + k + c + F + 2, V = 5;
+    let U = 0, le = T - 1, se = 0, ie = 0, I = g.length - 1;
     for (; ie <= I; ) {
       const oe = ie + I >>> 1;
       g[oe] < e ? ie = oe + 1 : I = oe - 1;
     }
-    V = Math.max(0, ie - K), se = V > 0 ? g[V - 1] : 0;
-    for (let oe = V; oe < g.length; oe++)
+    U = Math.max(0, ie - V), se = U > 0 ? g[U - 1] : 0;
+    for (let oe = U; oe < g.length; oe++)
       if (g[oe] >= e + P) {
-        le = Math.min(T - 1, oe + K);
+        le = Math.min(T - 1, oe + V);
         break;
       }
-    const de = (a ? 48 : 0) + (d && w ? 48 : 0) + (f && h ? 48 : 0);
+    const ce = (a ? 48 : 0) + (d && w ? 48 : 0) + (f && h ? 48 : 0);
     return {
       renderContext: {
-        firstRowIndex: V,
+        firstRowIndex: U,
         lastRowIndex: le,
         firstColumnIndex: D,
         lastColumnIndex: O
@@ -976,7 +976,7 @@ function ar(n) {
         unpinnedAccWidths: m,
         unpinnedCols: u,
         totalSpecialsWidth: j,
-        pinnedSpecialsWidth: de
+        pinnedSpecialsWidth: ce
       }
     };
   }, [
@@ -1131,19 +1131,19 @@ function dr(n) {
     rowReordering: u,
     initialState: x,
     setColumns: p
-  } = n, _ = ue(() => e ? t.map((C, P) => P === 0 ? {
+  } = n, _ = de(() => e ? t.map((C, P) => P === 0 ? {
     ...C,
     renderCell: (M) => {
-      const W = M.rowMeta, A = W?.treeDepth ?? 0, D = !!W?.hasChildren, O = !!W?.isExpanded, $ = W?.groupingField, Y = W?.groupingValue, U = W?.descendantCount, v = !!W?.isGroupRow;
+      const W = M.rowMeta, A = W?.treeDepth ?? 0, D = !!W?.hasChildren, O = !!W?.isExpanded, $ = W?.groupingField, Y = W?.groupingValue, K = W?.descendantCount, v = !!W?.isGroupRow;
       let E = C.renderCell ? C.renderCell(M) : M.value;
       if (i && D && v && (E = /* @__PURE__ */ r.jsxs("div", { className: "ogx__group-cell-content", children: [
         M.value,
-        U !== void 0 && U > 0 ? ` (${U})` : ""
+        K !== void 0 && K > 0 ? ` (${K})` : ""
       ] })), o && D && $) {
         const L = W?.groupLabel ?? `${$}: ${String(Y)}`;
         E = /* @__PURE__ */ r.jsxs("div", { className: "ogx__group-cell-content", children: [
           L,
-          U !== void 0 ? ` (${U})` : ""
+          K !== void 0 ? ` (${K})` : ""
         ] });
       }
       return /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", alignItems: "center", paddingLeft: A * 24, width: "100%", height: "100%" }, children: [
@@ -1189,14 +1189,14 @@ function dr(n) {
   }, [t, p]), re(() => {
     h && g(t.map((C) => C.field));
   }, [h, t]);
-  const c = ue(() => {
+  const c = de(() => {
     if (f) return _;
     const C = new Map(y.map((P, M) => [P, M]));
     return [..._].sort((P, M) => {
       const W = C.get(P.field) ?? _.indexOf(P), A = C.get(M.field) ?? _.indexOf(M);
       return W - A;
     });
-  }, [_, y, f]), k = ue(
+  }, [_, y, f]), k = de(
     () => c.filter((C) => s[C.field] !== !1),
     [c, s]
   ), N = sr({
@@ -1206,7 +1206,7 @@ function dr(n) {
       W.splice(M, 0, A), a || g(W), d?.(C);
     }, [y, a, d]),
     disableColumnReorder: f
-  }), T = ue(() => {
+  }), T = de(() => {
     const C = [];
     return u && C.push({ field: "__reorder_col__" }), m && C.push({ field: "__expand_col__" }), w && C.push({ field: "__checkbox_col__" }), [...C, ...c];
   }, [c, w, m, u]);
@@ -1231,7 +1231,7 @@ function cr(n) {
     sortedUnpinnedRows: l,
     pagination: s
   } = n;
-  return ue(() => {
+  return de(() => {
     const { firstRowIndex: a, lastRowIndex: d } = t, f = s ? i : l, h = e.length, w = e.map((b, S) => ({ row: b, rowIndex: S })), m = o.map((b, S) => ({
       row: b,
       rowIndex: h + f.length + S
@@ -1329,10 +1329,10 @@ function hr(n) {
     filterModel: s,
     sortModel: a,
     serverAggregationResults: d
-  } = n, f = ue(() => {
+  } = n, f = de(() => {
     const j = /* @__PURE__ */ new Map();
     return (e ?? []).forEach((g) => j.set(g.field, g)), j;
-  }, [e]), h = ue(() => {
+  }, [e]), h = de(() => {
     if (i || Object.keys(o).length === 0) return {};
     const j = {};
     for (const [g, y] of Object.entries(o)) {
@@ -1368,7 +1368,7 @@ function hr(n) {
   }, [l, o, s, a]);
   return re(() => {
     i && l?.getAggregations && !d && b();
-  }, [b, i, l, d]), { aggregationResult: ue(() => i ? d && Object.keys(d).length > 0 ? d : w : h, [i, h, d, w]), isLoading: u, error: p };
+  }, [b, i, l, d]), { aggregationResult: de(() => i ? d && Object.keys(d).length > 0 ? d : w : h, [i, h, d, w]), isLoading: u, error: p };
 }
 function pr({
   columns: n,
@@ -1381,8 +1381,8 @@ function pr({
   rowReordering: a,
   pinnedColumns: d
 }) {
-  const f = ue(
-    () => _n(
+  const f = de(
+    () => yn(
       n,
       o,
       d,
@@ -1467,7 +1467,7 @@ function mr({ error: n }) {
     )
   ] });
 }
-const Qt = ({
+const Zt = ({
   indeterminate: n = !1,
   label: t,
   className: e = "",
@@ -1539,10 +1539,10 @@ function wr(n) {
     }
   );
 }
-function pt() {
+function xt() {
   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 xt() {
+function mt() {
   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 vr() {
@@ -1636,7 +1636,7 @@ function jr({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
             role: "menuitemradio",
             "aria-checked": p === "asc",
             children: [
-              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: p === "asc" ? /* @__PURE__ */ r.jsx(pt, {}) : /* @__PURE__ */ r.jsx(xt, {}) }),
+              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: p === "asc" ? /* @__PURE__ */ r.jsx(xt, {}) : /* @__PURE__ */ r.jsx(mt, {}) }),
               /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(br, {}) }),
               "Sort Ascending"
             ]
@@ -1650,7 +1650,7 @@ function jr({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
             role: "menuitemradio",
             "aria-checked": p === "desc",
             children: [
-              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: p === "desc" ? /* @__PURE__ */ r.jsx(pt, {}) : /* @__PURE__ */ r.jsx(xt, {}) }),
+              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: p === "desc" ? /* @__PURE__ */ r.jsx(xt, {}) : /* @__PURE__ */ r.jsx(mt, {}) }),
               /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(_r, {}) }),
               "Sort Descending"
             ]
@@ -1664,7 +1664,7 @@ function jr({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
             role: "menuitemradio",
             "aria-checked": _,
             children: [
-              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: _ ? /* @__PURE__ */ r.jsx(pt, {}) : /* @__PURE__ */ r.jsx(xt, {}) }),
+              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: _ ? /* @__PURE__ */ r.jsx(xt, {}) : /* @__PURE__ */ r.jsx(mt, {}) }),
               /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(Cr, {}) }),
               "Unsort"
             ]
@@ -1682,7 +1682,7 @@ function jr({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
           "aria-checked": R,
           "aria-label": "Pin to left",
           children: [
-            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: R ? /* @__PURE__ */ r.jsx(pt, {}) : /* @__PURE__ */ r.jsx(xt, {}) }),
+            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: R ? /* @__PURE__ */ r.jsx(xt, {}) : /* @__PURE__ */ r.jsx(mt, {}) }),
             /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(Sr, {}) }),
             "Pin to Left"
           ]
@@ -1697,7 +1697,7 @@ function jr({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
           "aria-checked": b,
           "aria-label": "Pin to right",
           children: [
-            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: b ? /* @__PURE__ */ r.jsx(pt, {}) : /* @__PURE__ */ r.jsx(xt, {}) }),
+            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: b ? /* @__PURE__ */ r.jsx(xt, {}) : /* @__PURE__ */ r.jsx(mt, {}) }),
             /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(kr, {}) }),
             "Pin to Right"
           ]
@@ -1712,7 +1712,7 @@ function jr({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
           "aria-checked": S,
           "aria-label": "Unpin column",
           children: [
-            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: S ? /* @__PURE__ */ r.jsx(pt, {}) : /* @__PURE__ */ r.jsx(xt, {}) }),
+            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: S ? /* @__PURE__ */ r.jsx(xt, {}) : /* @__PURE__ */ r.jsx(mt, {}) }),
             /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(Rr, {}) }),
             "Unpin"
           ]
@@ -1821,9 +1821,9 @@ function Ir(n) {
     onHideColumn: P,
     onPinColumn: M,
     onManageColumns: W
-  } = n, A = Zt(), D = xe.useRef({}), [O, $] = xe.useState(null), Y = (I) => (de) => {
-    de.stopPropagation(), $({ colDef: I, anchorEl: de.currentTarget });
-  }, U = () => {
+  } = n, A = en(), D = xe.useRef({}), [O, $] = xe.useState(null), Y = (I) => (ce) => {
+    ce.stopPropagation(), $({ colDef: I, anchorEl: ce.currentTarget });
+  }, K = () => {
     $(null);
   };
   xe.useLayoutEffect(() => {
@@ -1832,17 +1832,17 @@ function Ir(n) {
       I && I.focus();
     }
   }, [k]);
-  const v = (I) => (de) => {
+  const v = (I) => (ce) => {
     if (I.sortable === !1) return;
     const oe = f.find((q) => q.field === I.field);
     let ae = "asc";
-    oe && (oe.sort === "asc" ? ae = "desc" : ae = null), (de.shiftKey || C) && T ? T(I.field, ae) : d && d(I.field, ae);
+    oe && (oe.sort === "asc" ? ae = "desc" : ae = null), (ce.shiftKey || C) && T ? T(I.field, ae) : d && d(I.field, ae);
   }, E = (I) => {
-    const de = f.find((ae) => ae.field === I);
-    if (!de) return null;
-    const oe = f.length > 1 ? f.indexOf(de) + 1 : null;
-    return /* @__PURE__ */ r.jsx("span", { className: `ogx__sort-icon ogx__sort-icon--${de.sort}`, "aria-hidden": "true", children: oe !== null && /* @__PURE__ */ r.jsx("span", { className: "ogx__sort-badge", children: oe }) });
-  }, L = xe.useMemo(() => _n(
+    const ce = f.find((ae) => ae.field === I);
+    if (!ce) return null;
+    const oe = f.length > 1 ? f.indexOf(ce) + 1 : null;
+    return /* @__PURE__ */ r.jsx("span", { className: `ogx__sort-icon ogx__sort-icon--${ce.sort}`, "aria-hidden": "true", children: oe !== null && /* @__PURE__ */ r.jsx("span", { className: "ogx__sort-badge", children: oe }) });
+  }, L = xe.useMemo(() => yn(
     t,
     w,
     m,
@@ -1851,7 +1851,7 @@ function Ir(n) {
     u,
     p,
     _
-  ), [t, w, m, i, x, u, p, _]), F = o ? Mr(o) : 0, K = (e ?? t).filter((I) => !I.isSpacer).map((I) => ({
+  ), [t, w, m, i, x, u, p, _]), F = o ? Mr(o) : 0, V = (e ?? t).filter((I) => !I.isSpacer).map((I) => ({
     field: I.field,
     width: w[I.field] ?? I.width ?? 100
   })), ie = (_ ? 48 : 0) + (u ? 48 : 0) + (i ? 48 : 0);
@@ -1859,11 +1859,11 @@ function Ir(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: [
-      F > 0 && Array.from({ length: F }, (I, de) => {
+      F > 0 && Array.from({ length: F }, (I, ce) => {
         const oe = Pr(
           o,
-          K,
-          de
+          V,
+          ce
         );
         return /* @__PURE__ */ r.jsxs("div", { className: "ogx-col-group-row", role: "row", children: [
           ie > 0 && /* @__PURE__ */ r.jsx(
@@ -1885,7 +1885,7 @@ function Ir(n) {
             },
             ae.key
           ))
-        ] }, `ogx-grp-${de}`);
+        ] }, `ogx-grp-${ce}`);
       }),
       /* @__PURE__ */ r.jsxs("div", { className: "ogx__header", role: "row", children: [
         _ && /* @__PURE__ */ r.jsx(
@@ -1929,7 +1929,7 @@ function Ir(n) {
               left: x ? (_ ? 48 : 0) + (u && p ? 48 : 0) : void 0
             },
             children: /* @__PURE__ */ r.jsx(
-              Qt,
+              Zt,
               {
                 id: A,
                 name: A,
@@ -1946,7 +1946,7 @@ function Ir(n) {
             )
           }
         ),
-        t.map((I, de) => {
+        t.map((I, ce) => {
           if (I.isSpacer)
             return /* @__PURE__ */ r.jsx(
               "div",
@@ -1967,7 +1967,7 @@ function Ir(n) {
             Z && "ogx__header-cell--drag-over",
             k?.id === "HEADER" && k.field === I.field && "ogx__header-cell--focused",
             I.headerClassName
-          ].filter(Boolean).join(" "), me = w[I.field] ?? I.width ?? 100, he = {
+          ].filter(Boolean).join(" "), me = w[I.field] ?? I.width ?? 100, fe = {
             width: me,
             minWidth: I.minWidth,
             maxWidth: I.maxWidth,
@@ -1981,9 +1981,9 @@ function Ir(n) {
           };
           if (ge && Q) {
             const te = L[I.field];
-            Q === "left" ? he.left = te : he.right = te;
+            Q === "left" ? fe.left = te : fe.right = te;
           }
-          const Pe = I.renderHeader ? I.renderHeader({ field: I.field, colDef: I, colIndex: de }) : I.headerName || I.field, We = (te) => {
+          const Pe = I.renderHeader ? I.renderHeader({ field: I.field, colDef: I, colIndex: ce }) : I.headerName || I.field, We = (te) => {
             if (te.target.closest(".ogx-column-resize-handle")) {
               te.stopPropagation();
               return;
@@ -1994,7 +1994,7 @@ function Ir(n) {
             "div",
             {
               className: ee,
-              style: he,
+              style: fe,
               title: I.description,
               onClick: We,
               role: "columnheader",
@@ -2004,7 +2004,7 @@ function Ir(n) {
               onDragEnd: y,
               onDrop: Ge,
               "aria-sort": oe ? ae ? f.find((te) => te.field === I.field)?.sort === "asc" ? "ascending" : "descending" : "none" : void 0,
-              "aria-colindex": de + 1 + (i ? 1 : 0),
+              "aria-colindex": ce + 1 + (i ? 1 : 0),
               "data-field": I.field,
               tabIndex: -1,
               ref: (te) => {
@@ -2055,7 +2055,7 @@ function Ir(n) {
             onPin: M,
             pinnedColumns: m,
             onManageColumns: W,
-            onClose: U,
+            onClose: K,
             anchorEl: O.anchorEl
           }
         )
@@ -2063,7 +2063,7 @@ function Ir(n) {
     ] })
   );
 }
-const qt = ({
+const Xt = ({
   variant: n = "text",
   size: t = "medium",
   color: e = "default",
@@ -2091,7 +2091,7 @@ const qt = ({
   );
 };
 function to(n) {
-  const t = Zt(), {
+  const t = en(), {
     page: e,
     pageSize: o,
     rowCount: i,
@@ -2131,7 +2131,7 @@ function to(n) {
     /* @__PURE__ */ r.jsx("div", { className: "ogx-pagination__info", "aria-live": "polite", "aria-atomic": "true", children: R }),
     /* @__PURE__ */ r.jsxs("div", { className: "ogx-pagination__actions", children: [
       d && /* @__PURE__ */ r.jsx(
-        qt,
+        Xt,
         {
           variant: "text",
           size: "small",
@@ -2143,7 +2143,7 @@ function to(n) {
         }
       ),
       /* @__PURE__ */ r.jsx(
-        qt,
+        Xt,
         {
           variant: "text",
           size: "small",
@@ -2156,7 +2156,7 @@ function to(n) {
       ),
       /* @__PURE__ */ r.jsx("div", { className: "ogx-pagination__page-info", "aria-current": "page", children: b }),
       /* @__PURE__ */ r.jsx(
-        qt,
+        Xt,
         {
           variant: "text",
           size: "small",
@@ -2168,7 +2168,7 @@ function to(n) {
         }
       ),
       f && /* @__PURE__ */ r.jsx(
-        qt,
+        Xt,
         {
           variant: "text",
           size: "small",
@@ -2476,7 +2476,7 @@ function Wr(n) {
     filterModel: s,
     sortModel: a,
     onRowExpansionChange: d
-  } = n, { treeNodes: f, rootIds: h, groupingRows: w } = ue(() => {
+  } = n, { treeNodes: f, rootIds: h, groupingRows: w } = de(() => {
     if (!i || !o)
       return {
         treeNodes: /* @__PURE__ */ new Map(),
@@ -2516,12 +2516,12 @@ function Wr(n) {
             children: [],
             label: Y
           }), k.set(O, $);
-          const U = {
+          const K = {
             id: $,
             name: Y,
             _isGroupRow: !0
           };
-          c.push(U), D.length === 1 && y.push($), M(D);
+          c.push(K), D.length === 1 && y.push($), M(D);
         }
         return $;
       }, W = M(P);
@@ -2542,7 +2542,7 @@ function Wr(n) {
         }
       }
     }), { treeNodes: g, rootIds: y, groupingRows: c };
-  }, [t, o, i, e]), m = ue(() => {
+  }, [t, o, i, e]), m = de(() => {
     if (!i) return /* @__PURE__ */ new Set();
     const g = /* @__PURE__ */ new Set();
     return f.forEach((y) => {
@@ -2565,7 +2565,7 @@ function Wr(n) {
     if (!i) return null;
     const g = /* @__PURE__ */ new Map();
     t.forEach((M) => g.set(e(M), M)), w.forEach((M) => g.set(M.id, M));
-    const y = (M) => yn(M, s), c = /* @__PURE__ */ new Map(), k = (M) => {
+    const y = (M) => kn(M, s), c = /* @__PURE__ */ new Map(), k = (M) => {
       if (c.has(M)) return c.get(M);
       const W = g.get(M);
       if (!W) return !1;
@@ -2578,8 +2578,8 @@ function Wr(n) {
       const A = g.get(M), D = g.get(W);
       if (!A || !D) return 0;
       for (const O of a) {
-        const $ = A[O.field], Y = D[O.field], U = Sn($, Y, O.sort);
-        if (U !== 0) return U;
+        const $ = A[O.field], Y = D[O.field], K = Rn($, Y, O.sort);
+        if (K !== 0) return K;
       }
       return 0;
     }, T = [], C = /* @__PURE__ */ new Set(), P = (M) => {
@@ -2610,7 +2610,7 @@ function Wr(n) {
       y.unshift(k.groupingKey), c = k.parentId;
     }
     return y;
-  }, [f]), j = ue(() => {
+  }, [f]), j = de(() => {
     const g = /* @__PURE__ */ new Map(), y = new Set(w.map((c) => c.id));
     return f.forEach((c, k) => {
       g.set(k, {
@@ -2622,7 +2622,7 @@ function Wr(n) {
       });
     }), g;
   }, [f, w, u]);
-  return ue(() => ({
+  return de(() => ({
     treeNodes: f,
     groupingRows: w,
     toggleExpansion: p,
@@ -2645,10 +2645,10 @@ function Br(n) {
     filterModel: a,
     sortModel: d,
     getAggregationPosition: f = Ar
-  } = n, h = ue(() => {
+  } = n, h = de(() => {
     const g = /* @__PURE__ */ new Map();
     return (o ?? []).forEach((y) => g.set(y.field, y)), g;
-  }, [o]), [w, m] = ne(/* @__PURE__ */ new Set()), { treeNodes: u, rootIds: x, groupingRows: p } = ue(() => {
+  }, [o]), [w, m] = ne(/* @__PURE__ */ new Set()), { treeNodes: u, rootIds: x, groupingRows: p } = de(() => {
     const g = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map(), c = [];
     if (i.length === 0)
       return { treeNodes: g, rootIds: c, groupingRows: y };
@@ -2669,8 +2669,8 @@ function Br(n) {
         return N(C, P + 1, M);
       const D = /* @__PURE__ */ new Map();
       C.forEach(($) => {
-        const Y = $[W], U = String(Y);
-        D.has(U) || D.set(U, []), D.get(U).push($);
+        const Y = $[W], K = String(Y);
+        D.has(K) || D.set(K, []), D.get(K).push($);
       });
       const O = [];
       return D.forEach(($, Y) => {
@@ -2680,13 +2680,13 @@ function Br(n) {
         l && Object.entries(l).forEach(([le, se]) => {
           const ie = $.map((I) => I[le]);
           if (se === "sum")
-            L[le] = ie.reduce((I, de) => I + (Number(de) || 0), 0);
+            L[le] = ie.reduce((I, ce) => I + (Number(ce) || 0), 0);
           else if (se === "min")
             L[le] = Math.min(...ie.map((I) => Number(I) || 0));
           else if (se === "max")
             L[le] = Math.max(...ie.map((I) => Number(I) || 0));
           else if (se === "avg") {
-            const I = ie.reduce((de, oe) => de + (Number(oe) || 0), 0);
+            const I = ie.reduce((ce, oe) => ce + (Number(oe) || 0), 0);
             L[le] = ie.length ? I / ie.length : 0;
           } else se === "count" && (L[le] = ie.length);
         });
@@ -2709,10 +2709,10 @@ function Br(n) {
           label: A?.groupingValueFormatter ? A.groupingValueFormatter({ field: W, value: v }) : `${W}: ${String(v)}`
         };
         B.aggregationPosition = f(B), g.set(E, B);
-        const K = N($, P + 1, E);
-        g.get(E).children = K;
-        const V = $.length;
-        g.get(E).descendantCount = V;
+        const V = N($, P + 1, E);
+        g.get(E).children = V;
+        const U = $.length;
+        g.get(E).descendantCount = U;
       }), O;
     }, T = N(t, 0, null);
     return c.push(...T), { treeNodes: g, rootIds: c, groupingRows: y };
@@ -2745,7 +2745,7 @@ function Br(n) {
       if (!P) return !1;
       if (!P.children || P.children.length === 0) {
         const M = c.get(C);
-        return !(!M || a && !yn(M, a));
+        return !(!M || a && !kn(M, a));
       }
       return P.children.some((M) => k(M));
     }, N = (C) => {
@@ -2754,8 +2754,8 @@ function Br(n) {
         const A = p.get(M) || c.get(M), D = p.get(W) || c.get(W);
         if (!A || !D) return 0;
         for (const O of d) {
-          const $ = A[O.field], Y = D[O.field], U = Sn($, Y, O.sort);
-          if (U !== 0) return U;
+          const $ = A[O.field], Y = D[O.field], K = Rn($, Y, O.sort);
+          if (K !== 0) return K;
         }
         return 0;
       }), P.forEach((M) => {
@@ -2777,7 +2777,7 @@ function Br(n) {
       });
     }, T = w;
     return N(x), g;
-  }, [t, e, u, x, p, a, d, w, i]), S = H((g) => u.get(g), [u]), j = ue(() => {
+  }, [t, e, u, x, p, a, d, w, i]), S = H((g) => u.get(g), [u]), j = de(() => {
     const g = /* @__PURE__ */ new Map();
     return u.forEach((y, c) => {
       const k = !!(y.children && y.children.length > 0);
@@ -2793,7 +2793,7 @@ function Br(n) {
       });
     }), g;
   }, [u, w]);
-  return ue(() => ({
+  return de(() => ({
     treeNodes: u,
     groupingRows: p,
     toggleExpansion: _,
@@ -2887,7 +2887,7 @@ function Hr(n, t, e) {
         } else
           c = y.colSpan;
       if (c <= 1) {
-        mt(j, p, y.field, {
+        wt(j, p, y.field, {
           spannedByColSpan: !1,
           cellProps: { colSpan: 1, width: e[y.field] || 100 }
         });
@@ -2897,13 +2897,13 @@ function Hr(n, t, e) {
       for (let N = 1; N < c; N++)
         if (g + N < S) {
           const T = t[g + N];
-          T && (k += e[T.field] || 100, mt(j, p, T.field, {
+          T && (k += e[T.field] || 100, wt(j, p, T.field, {
             spannedByColSpan: !0,
             leftVisibleCellIndex: g,
             rightVisibleCellIndex: Math.min(g + c - 1, t.length - 1)
           }));
         }
-      mt(j, p, y.field, {
+      wt(j, p, y.field, {
         spannedByColSpan: !1,
         cellProps: { colSpan: c, width: k }
       }), g += c - 1;
@@ -2976,7 +2976,7 @@ function Hr(n, t, e) {
             c = y.colSpan;
         if (c <= 1) {
           const N = e[y.field] || (typeof y.width == "number" ? y.width : 100);
-          mt(p, S.id, y.field, {
+          wt(p, S.id, y.field, {
             spannedByColSpan: !1,
             cellProps: { colSpan: 1, width: N }
           });
@@ -2988,14 +2988,14 @@ function Hr(n, t, e) {
             const T = t[g + N];
             if (T) {
               const C = e[T.field] || (typeof T.width == "number" ? T.width : 100);
-              k += C, mt(p, S.id, T.field, {
+              k += C, wt(p, S.id, T.field, {
                 spannedByColSpan: !0,
                 leftVisibleCellIndex: g,
                 rightVisibleCellIndex: Math.min(g + c - 1, t.length - 1)
               });
             }
           }
-        mt(p, S.id, y.field, {
+        wt(p, S.id, y.field, {
           spannedByColSpan: !1,
           cellProps: { colSpan: c, width: k }
         }), g += c - 1;
@@ -3050,7 +3050,7 @@ function Hr(n, t, e) {
     getHiddenCellOriginMap: x
   };
 }
-function mt(n, t, e, o) {
+function wt(n, t, e, o) {
   let i = n.get(t);
   i || (i = {}, n.set(t, i)), i[e] = o;
 }
@@ -3170,30 +3170,30 @@ function Vr(n, t) {
       return Math.max(...e);
   }
 }
-function Xt(n, t) {
+function Jt(n, t) {
   return t.map((e) => String(n[e] ?? "")).join(no);
 }
-function vn(n, t, e, o) {
+function _n(n, t, e, o) {
   return o ? `${n}${Tt}${t}${Tt}${e}` : `${t}${Tt}${e}`;
 }
 function Ur(n, t, e, o) {
-  return ue(() => {
+  return de(() => {
     const i = { pivotRows: [], pivotColumns: [], colKeys: [], isValid: !1 };
     if (!o) return i;
     const { rowFields: l, columnFields: s, valueFields: a } = e;
     if (l.length === 0 || a.length === 0) return i;
     const d = s.length > 0, f = new Map(t.map((b) => [b.field, b])), h = /* @__PURE__ */ new Set();
     for (const b of n)
-      h.add(Xt(b, s));
+      h.add(Jt(b, s));
     const w = Array.from(h).sort(), m = /* @__PURE__ */ new Map();
     for (const b of n) {
-      const S = Xt(b, l);
+      const S = Jt(b, l);
       if (!m.has(S)) {
         const c = {};
         for (const k of l) c[k] = b[k];
         m.set(S, { labelValues: c, bucket: /* @__PURE__ */ new Map() });
       }
-      const j = m.get(S), g = Xt(b, s);
+      const j = m.get(S), g = Jt(b, s);
       j.bucket.has(g) || j.bucket.set(g, /* @__PURE__ */ new Map());
       const y = j.bucket.get(g);
       for (const c of a) {
@@ -3208,7 +3208,7 @@ function Ur(n, t, e, o) {
       for (const j of w) {
         const g = b.bucket.get(j);
         for (const y of a) {
-          const c = vn(j, y.field, y.aggFn, d), k = g?.get(y.field) ?? [];
+          const c = _n(j, y.field, y.aggFn, d), k = g?.get(y.field) ?? [];
           S[c] = k.length > 0 ? Vr(k, y.aggFn) : null;
         }
       }
@@ -3216,7 +3216,7 @@ function Ur(n, t, e, o) {
     }
     const p = /* @__PURE__ */ new Map();
     for (const b of n) {
-      const S = Xt(b, s);
+      const S = Jt(b, s);
       for (const j of a) {
         if (j.aggFn !== "avg" && j.aggFn !== "min" && j.aggFn !== "max") continue;
         const g = `${S}${Tt}${j.field}`;
@@ -3230,7 +3230,7 @@ function Ur(n, t, e, o) {
       _[l[b]] = b === 0 ? "Grand Total" : "";
     for (const b of w)
       for (const S of a) {
-        const j = vn(b, S.field, S.aggFn, d), g = x.map((c) => c[j]).filter((c) => c != null && !isNaN(Number(c))).map(Number);
+        const j = _n(b, S.field, S.aggFn, d), g = x.map((c) => c[j]).filter((c) => c != null && !isNaN(Number(c))).map(Number);
         if (g.length === 0) {
           _[j] = null;
           continue;
@@ -3271,7 +3271,7 @@ function Ur(n, t, e, o) {
         return y?.headerName ? `${y.headerName}: ${j}` : j;
       }).join(" / ") : "";
       for (const j of a) {
-        const g = f.get(j.field), y = vn(b, j.field, j.aggFn, d), c = j.headerName ?? g?.headerName ?? j.field, k = S ? `${S} — ${c} (${j.aggFn})` : `${c} (${j.aggFn})`;
+        const g = f.get(j.field), y = _n(b, j.field, j.aggFn, d), c = j.headerName ?? g?.headerName ?? j.field, k = S ? `${S} — ${c} (${j.aggFn})` : `${c} (${j.aggFn})`;
         R.push({
           field: y,
           headerName: k,
@@ -3693,7 +3693,7 @@ function li(n) {
     R && "ogx__cell--editing",
     y && y > 1 && "ogx__cell--spanned",
     C
-  ].filter(Boolean).join(" "), O = g?.cellProps?.colSpan || 1, $ = y || 1, Y = g?.cellProps?.width ?? w ?? s.width ?? 100, U = {
+  ].filter(Boolean).join(" "), O = g?.cellProps?.colSpan || 1, $ = y || 1, Y = g?.cellProps?.width ?? w ?? s.width ?? 100, K = {
     width: "var(--width)",
     "--width": typeof Y == "number" ? `${Y}px` : Y,
     flexGrow: s.flex ?? 0,
@@ -3706,12 +3706,12 @@ function li(n) {
     zIndex: s.zIndex ?? (A ? 3 : void 0),
     padding: R ? 0 : void 0
   };
-  return $ > 1 && (U.height = `calc(var(--height) * ${$} - var(--border-width, 1px))`, U.zIndex = 10, A && (U.zIndex = 40)), A && u !== void 0 && (m === "left" ? U.left = u : U.right = u), /* @__PURE__ */ r.jsx(
+  return $ > 1 && (K.height = `calc(var(--height) * ${$} - var(--border-width, 1px))`, K.zIndex = 10, A && (K.zIndex = 40)), A && u !== void 0 && (m === "left" ? K.left = u : K.right = u), /* @__PURE__ */ r.jsx(
     "div",
     {
       ref: P,
       className: D,
-      style: U,
+      style: K,
       onClick: M,
       onDoubleClick: W,
       role: "gridcell",
@@ -3782,7 +3782,7 @@ function di(n) {
   };
   return /* @__PURE__ */ r.jsx("div", { className: "ogx__detail-panel", style: i, children: /* @__PURE__ */ r.jsx("div", { className: "ogx__detail-panel-content", children: t }) });
 }
-function bn(n) {
+function Cn(n) {
   const {
     row: t,
     columns: e,
@@ -3819,11 +3819,11 @@ function bn(n) {
     rowSpanningCaches: O,
     rowHeight: $ = 52,
     rowMeta: Y
-  } = n, U = Zt(), v = xe.useRef(null), E = xe.useRef(null);
+  } = n, K = en(), v = xe.useRef(null), E = xe.useRef(null);
   xe.useLayoutEffect(() => {
     W === "__expand_col__" && v.current && v.current.focus({ preventScroll: !0 }), W === "__checkbox_col__" && E.current && E.current.focus({ preventScroll: !0 });
   }, [W]);
-  const L = xe.useMemo(() => _n(
+  const L = xe.useMemo(() => yn(
     e,
     f,
     h,
@@ -3834,9 +3834,9 @@ function bn(n) {
     S
   ), [e, f, h, l, R, m, b, S]), F = Y?.hasChildren === !0, B = xe.useCallback((q, Q) => {
     F || C?.({ id: t.id, field: q, value: Q });
-  }, [F, t.id, C]), K = xe.useCallback((q, Q) => {
+  }, [F, t.id, C]), V = xe.useCallback((q, Q) => {
     M?.({ id: t.id, field: q, value: Q });
-  }, [M, t.id]), V = xe.useCallback((q) => {
+  }, [M, t.id]), U = xe.useCallback((q) => {
     P?.({ cancel: q });
   }, [P]);
   if (t._isSkeleton) {
@@ -3858,12 +3858,12 @@ function bn(n) {
     q.stopPropagation(), d?.(t.id, q.target.checked);
   }, ie = (q) => {
     q.stopPropagation(), x?.(t.id);
-  }, I = Cn(t.id, w), de = I === "top", oe = I === "bottom", ae = [
+  }, I = Sn(t.id, w), ce = I === "top", oe = I === "bottom", ae = [
     "ogx__row",
     i && "ogx__row--selected",
     o % 2 === 0 && "ogx__row--even",
     o % 2 === 1 && "ogx__row--odd",
-    de && "ogx__row--pinned-top",
+    ce && "ogx__row--pinned-top",
     oe && "ogx__row--pinned-bottom",
     k && "ogx__row--dragging",
     N && "ogx__row--drag-over",
@@ -3963,9 +3963,9 @@ function bn(n) {
                 });
               },
               children: /* @__PURE__ */ r.jsx(
-                Qt,
+                Zt,
                 {
-                  id: U,
+                  id: K,
                   name: `ogx-select-row-${t.id}`,
                   checked: i,
                   onChange: se,
@@ -3987,11 +3987,11 @@ function bn(n) {
                 },
                 q.field
               );
-            const ge = q.valueGetter ? q.valueGetter({ row: t, field: q.field, value: t[q.field] }) : t[q.field], z = f[q.field] ?? q.width, Z = Lt(q.field, h), ee = Z ? L[q.field] : void 0, me = T?.id === t.id && T?.field === q.field, he = me ? T?.value : ge, Pe = D?.get(t.id)?.[q.field], We = O?.spannedCells[t.id]?.[q.field], Fe = O?.hiddenCells[t.id]?.[q.field] || !1;
+            const ge = q.valueGetter ? q.valueGetter({ row: t, field: q.field, value: t[q.field] }) : t[q.field], z = f[q.field] ?? q.width, Z = Lt(q.field, h), ee = Z ? L[q.field] : void 0, me = T?.id === t.id && T?.field === q.field, fe = me ? T?.value : ge, Pe = D?.get(t.id)?.[q.field], We = O?.spannedCells[t.id]?.[q.field], Fe = O?.hiddenCells[t.id]?.[q.field] || !1;
             return /* @__PURE__ */ r.jsx(
               ai,
               {
-                value: he,
+                value: fe,
                 row: t,
                 colDef: q,
                 rowIndex: o,
@@ -4006,8 +4006,8 @@ function bn(n) {
                 isEditable: q.editable,
                 isEditing: me,
                 onCellEditStart: B,
-                onEditStop: V,
-                onCellValueChange: K,
+                onEditStop: U,
+                onCellValueChange: V,
                 colSpanInfo: Pe,
                 rowSpan: We,
                 isHiddenByRowSpan: Fe,
@@ -4058,7 +4058,7 @@ function Kn({
   rowMetaMap: y
 }) {
   return n.length === 0 ? null : /* @__PURE__ */ r.jsx("div", { className: `ogx__pinned-rows ogx__pinned-rows--${t}`, role: "rowgroup", children: n.map((c, k) => /* @__PURE__ */ r.jsx(
-    bn,
+    Cn,
     {
       row: c,
       columns: e,
@@ -4201,7 +4201,7 @@ function ui({
       headerName: "",
       width: E
     }));
-  })(), U = o.filter(({ row: v }) => !Cn(v.id, w)).filter(
+  })(), K = o.filter(({ row: v }) => !Sn(v.id, w)).filter(
     (v, E, L) => E === L.findIndex((F) => F.row.id === v.row.id)
   );
   return /* @__PURE__ */ r.jsx(
@@ -4227,8 +4227,8 @@ function ui({
                 rowReordering: f
               },
               `skeleton-${E}`
-            )) : U.map(({ row: v, rowIndex: E }) => /* @__PURE__ */ r.jsx(
-              bn,
+            )) : K.map(({ row: v, rowIndex: E }) => /* @__PURE__ */ r.jsx(
+              Cn,
               {
                 row: v,
                 columns: l,
@@ -4268,7 +4268,7 @@ function ui({
               v.id
             )),
             M === "infinite" && W && A > 0 && /* @__PURE__ */ r.jsx("div", { className: "ogx__skeleton-group", children: Array.from({ length: D }).map((v, E) => /* @__PURE__ */ r.jsx(
-              bn,
+              Cn,
               {
                 row: { id: `__skeleton_${E}__`, _isSkeleton: !0 },
                 columns: l,
@@ -4310,7 +4310,7 @@ function fi() {
   );
 }
 function oo(n) {
-  const { columns: t, visibleColumns: e, onVisibilityChange: o, onShowAll: i, onHideAll: l, onColumnReorder: s, onColumnOrderReset: a, showNonHideableColumns: d } = n, [f, h] = ne(""), [w, m] = ne(null), u = J(null), x = ue(() => t.filter((c) => c.hideable !== !1), [t]), p = x.every((c) => e.has(c.field)), _ = ue(() => {
+  const { columns: t, visibleColumns: e, onVisibilityChange: o, onShowAll: i, onHideAll: l, onColumnReorder: s, onColumnOrderReset: a, showNonHideableColumns: d } = n, [f, h] = ne(""), [w, m] = ne(null), u = J(null), x = de(() => t.filter((c) => c.hideable !== !1), [t]), p = x.every((c) => e.has(c.field)), _ = de(() => {
     const c = d ? t : x;
     if (!f) return c;
     const k = f.toLowerCase();
@@ -4379,7 +4379,7 @@ function oo(n) {
                 style: { display: "flex", alignItems: "center", gap: "var(--ogx-spacing-md)", flex: 1, cursor: N ? "pointer" : "not-allowed" },
                 children: [
                   /* @__PURE__ */ r.jsx(
-                    Qt,
+                    Zt,
                     {
                       checked: k,
                       onChange: (P) => o(c.field, P.target.checked),
@@ -4398,7 +4398,7 @@ function oo(n) {
     /* @__PURE__ */ r.jsxs("div", { className: "ogx-column-visibility-panel__footer", children: [
       /* @__PURE__ */ r.jsxs("label", { className: "ogx-column-visibility-panel__item", children: [
         /* @__PURE__ */ r.jsx(
-          Qt,
+          Zt,
           {
             checked: p,
             onChange: R
@@ -4558,19 +4558,19 @@ function Vi(n) {
     columnOrder: O,
     onColumnOrderChange: $,
     height: Y,
-    rowReordering: U = !1,
+    rowReordering: K = !1,
     onRowOrderChange: v,
     loading: E = !1,
     treeData: L = !1,
     getTreeDataPath: F,
     defaultGroupingExpansionDepth: B,
-    groupingColDef: K,
-    rowGroupingModel: V,
+    groupingColDef: V,
+    rowGroupingModel: U,
     aggregationModel: le,
     onAggregationModelChange: se,
     getAggregationPosition: ie,
     isCellEditable: I,
-    processRowUpdate: de,
+    processRowUpdate: ce,
     onProcessRowUpdateError: oe,
     dataSource: ae,
     multiSort: q = !1,
@@ -4580,7 +4580,7 @@ function Vi(n) {
     rowCount: Z,
     slots: ee,
     slotProps: me,
-    pivotMode: he = !1,
+    pivotMode: fe = !1,
     pivotModel: Pe,
     onPivotModelChange: We,
     className: Fe = "",
@@ -4593,15 +4593,15 @@ function Vi(n) {
     columnVisibilityModel: so,
     onColumnVisibilityModelChange: co,
     listView: Ft = !1,
-    listViewColumn: Rn,
+    listViewColumn: En,
     columnGroupingModel: qe,
     noRowsLabel: uo = "No Data",
     localeText: $e,
-    apiRef: en
-  } = n, tn = $e?.noRowsLabel ?? uo, go = ue(() => ({ items: [] }), []), Ie = p || go, fo = ue(() => [], []), nn = V || fo, jn = J(ee?.toolbar);
-  jn.current = ee?.toolbar;
+    apiRef: tn
+  } = n, nn = $e?.noRowsLabel ?? uo, go = de(() => ({ items: [] }), []), Ie = p || go, fo = de(() => [], []), on = U || fo, Nn = J(ee?.toolbar);
+  Nn.current = ee?.toolbar;
   const ho = J((G) => {
-    const X = jn.current;
+    const X = Nn.current;
     return X ? X(G) : null;
   }).current, po = Zo({
     initialState: je,
@@ -4622,42 +4622,42 @@ function Vi(n) {
     isSortControlled: Ot,
     setInternalSortModel: Wt,
     aggregationModel: Te,
-    handleAggregationModelChange: En,
+    handleAggregationModelChange: Mn,
     columnVisibilityModel: Xe,
     handleColumnVisibilityModelChange: At,
-    pinnedColumns: wt,
-    handlePinnedColumnsChange: on,
-    currentPivotModel: rn,
-    handlePivotModelChange: Nn,
+    pinnedColumns: et,
+    handlePinnedColumnsChange: rn,
+    currentPivotModel: ln,
+    handlePivotModelChange: Pn,
     effectivePaginationModel: Ee,
-    handlePaginationModelChange: ln,
+    handlePaginationModelChange: an,
     selectedRowIds: Se,
-    isSelectionControlled: et,
-    setInternalRowSelectionModel: tt
-  } = po, nt = m, $t = Ur(t, e, rn, he), Ve = a === "compact" ? 32 : a === "comfortable" ? 72 : i, Mn = he && $t.isValid ? $t.pivotRows : t, Pn = he && $t.isValid ? $t.pivotColumns : e, In = !!(V && V.length > 0), Je = K && In && !he ? { ...wt, left: ["__group__", ...(wt?.left ?? []).filter((G) => G !== "__group__")] } : wt, vt = K && In && !he ? [
+    isSelectionControlled: tt,
+    setInternalRowSelectionModel: nt
+  } = po, ot = m, $t = Ur(t, e, ln, fe), Ve = a === "compact" ? 32 : a === "comfortable" ? 72 : i, In = fe && $t.isValid ? $t.pivotRows : t, sn = fe && $t.isValid ? $t.pivotColumns : e, zt = !!(U && U.length > 0), Je = de(() => V && zt && !fe ? { ...et, left: ["__group__", ...(et?.left ?? []).filter((G) => G !== "__group__")] } : et, [V, zt, fe, et]), vt = de(() => V && zt && !fe ? [
     {
       headerName: "Group",
       width: 220,
-      ...K,
+      ...V,
       field: "__group__",
       hideable: !1,
       sortable: !1,
       pinnable: !1,
       exportable: !1
     },
-    ...Pn
-  ] : Pn, [xo, Tn] = ne(null);
+    ...sn
+  ] : sn, [V, zt, fe, sn]), [xo, Tn] = ne(null);
   re(() => {
     Tn(null);
   }, [Te]);
-  const ot = J(null), mo = J(null), zt = J(null), wo = H((G) => G.id, []), rt = o || wo, an = ue(
-    () => Mn.map((G) => {
-      const X = rt(G);
+  const rt = J(null), mo = J(null), Bt = J(null), wo = H((G) => G.id, []), it = o || wo, dn = de(
+    () => In.map((G) => {
+      const X = it(G);
       return X === G.id ? G : { ...G, id: X };
     }),
-    [Mn, rt]
-  ), it = H((G) => {
-    mn.current?.classList.toggle("ogx--kb", G);
+    [In, it]
+  ), lt = H((G) => {
+    vn.current?.classList.toggle("ogx--kb", G);
   }, []), Ln = J(ae);
   Ln.current = ae;
   const Fn = J(null), On = J(null), vo = H((G) => {
@@ -4666,7 +4666,7 @@ function Vi(n) {
       Fn.current?.(G.id, X);
     }
   }, [L]), ke = Fr({
-    rows: an,
+    rows: dn,
     columns: vt,
     rowHeight: Ve,
     headerHeight: l,
@@ -4675,8 +4675,8 @@ function Vi(n) {
     initialState: n.initialState
   }), {
     state: ve,
-    apiRef: lt,
-    setRows: sn,
+    apiRef: at,
+    setRows: cn,
     setColumns: bo,
     setDimensions: Wn,
     setDataSourceLoading: _o,
@@ -4684,20 +4684,20 @@ function Vi(n) {
     setRowCount: yo
   } = ke, { scrollTop: So, scrollLeft: ko, handleScroll: Ro } = ur({ onRowsScrollEnd: Ge });
   re(() => {
-    en && (en.current = lt.current);
-  }, [en, lt]);
+    tn && (tn.current = at.current);
+  }, [tn, at]);
   const { copySelectedRows: An } = qr({
     selectedRowIds: Se,
     columns: vt,
-    getVisibleRows: () => lt.current.getVisibleRows(),
-    getRowId: rt
+    getVisibleRows: () => at.current.getVisibleRows(),
+    getRowId: it
   });
   re(() => {
-    lt.current.copySelectedRows = An, lt.current.getSelectedRows = () => Array.from(Se);
-  }, [An, Se, lt]);
-  const jo = ve.dataSource.loading, bt = E || jo, at = ue(() => ve.rows.allRows.map((G) => ve.rows.idRowsLookup.get(G)), [ve.rows]), _t = Wr({
-    rows: at,
-    getRowId: rt,
+    at.current.copySelectedRows = An, at.current.getSelectedRows = () => Array.from(Se);
+  }, [An, Se, at]);
+  const jo = ve.dataSource.loading, bt = E || jo, st = de(() => ve.rows.allRows.map((G) => ve.rows.idRowsLookup.get(G)), [ve.rows]), _t = Wr({
+    rows: st,
+    getRowId: it,
     getTreeDataPath: F,
     treeData: L,
     defaultGroupingExpansionDepth: B,
@@ -4709,43 +4709,43 @@ function Vi(n) {
     On.current = _t;
   }, [_t]);
   const Ct = Br({
-    rows: at,
-    getRowId: rt,
+    rows: st,
+    getRowId: it,
     columns: vt,
-    rowGroupingModel: nn,
+    rowGroupingModel: on,
     aggregationModel: Te,
     defaultGroupingExpansionDepth: B,
     filterModel: Ie,
     sortModel: Oe,
     getAggregationPosition: ie
-  }), st = Dr({
-    rows: at,
-    getRowId: rt,
-    processRowUpdate: de,
+  }), dt = Dr({
+    rows: st,
+    getRowId: it,
+    processRowUpdate: ce,
     onProcessRowUpdateError: oe,
     onRowChange: (G) => {
-      const { dispatch: X } = ke, fe = Array.from(ke.state.rows.idRowsLookup.values()).map(
+      const { dispatch: X } = ke, he = Array.from(ke.state.rows.idRowsLookup.values()).map(
         (pe) => pe.id === G.id ? G : pe
       );
-      X({ type: "SET_ROWS", payload: fe });
+      X({ type: "SET_ROWS", payload: he });
     }
-  }), yt = L, Ue = !!(nn && nn.length > 0), dn = yt || Ue, Bt = yt ? _t : Ue ? Ct : null, St = ue(() => yt ? _t.rowMetaMap : Ue ? Ct.rowMetaMap : pi, [yt, _t.rowMetaMap, Ue, Ct.rowMetaMap]), ze = S && !Ue, Dt = H((G) => {
-    const { row: X, id: ce } = G;
-    if (dn && St.get(X.id)?.hasChildren) {
-      Bt?.toggleExpansion(ce);
+  }), yt = L, Ue = !!(on && on.length > 0), un = yt || Ue, Dt = yt ? _t : Ue ? Ct : null, St = de(() => yt ? _t.rowMetaMap : Ue ? Ct.rowMetaMap : pi, [yt, _t.rowMetaMap, Ue, Ct.rowMetaMap]), ze = S && !Ue, Ht = H((G) => {
+    const { row: X, id: ue } = G;
+    if (un && St.get(X.id)?.hasChildren) {
+      Dt?.toggleExpansion(ue);
       return;
     }
     if (u?.(G), !f) {
-      let fe;
+      let he;
       if (h)
-        fe = Se.has(ce) ? [] : [ce];
+        he = Se.has(ue) ? [] : [ue];
       else {
         const pe = new Set(Se);
-        pe.has(ce) ? pe.delete(ce) : pe.add(ce), fe = Array.from(pe);
+        pe.has(ue) ? pe.delete(ue) : pe.add(ue), he = Array.from(pe);
       }
-      et || tt(fe), nt?.(fe);
+      tt || nt(he), ot?.(he);
     }
-  }, [dn, Bt, u, St, f, h, Se, et, tt, nt]), cn = Gr({
+  }, [un, Dt, u, St, f, h, Se, tt, nt, ot]), gn = Gr({
     dataSource: ae,
     sortModel: Oe,
     filterModel: Ie,
@@ -4754,44 +4754,44 @@ function Vi(n) {
     sortingMode: Q,
     filterMode: ge,
     aggregationModel: Te,
-    setRows: sn,
+    setRows: cn,
     setRowCount: yo,
     setDataSourceLoading: _o,
     setDataSourceError: Co,
     onAggregationResults: Tn
   });
   re(() => {
-    cn.fetchChildren && (Fn.current = cn.fetchChildren);
-  }, [cn.fetchChildren]), re(() => {
-    ae || sn(an);
-  }, [an, sn, ae]);
-  const Be = !!T, [Eo, No] = ne(/* @__PURE__ */ new Set()), dt = P ?? Eo, Ht = H((G) => {
-    const X = new Set(dt);
+    gn.fetchChildren && (Fn.current = gn.fetchChildren);
+  }, [gn.fetchChildren]), re(() => {
+    ae || cn(dn);
+  }, [dn, cn, ae]);
+  const Be = !!T, [Eo, No] = ne(/* @__PURE__ */ new Set()), ct = P ?? Eo, Gt = H((G) => {
+    const X = new Set(ct);
     X.has(G) ? X.delete(G) : X.add(G), P === void 0 && No(X), M?.(X);
-  }, [dt, P, M]), {
+  }, [ct, P, M]), {
     effectiveColumns: Ke,
-    orderedColumns: un,
+    orderedColumns: fn,
     visibleOrderedColumns: Mo,
     navigationColumns: $n,
     columnWidths: De,
-    effectiveColumnOrder: Gt,
-    setInternalColumnOrder: Vt,
-    columnReorderHandlers: ct,
+    effectiveColumnOrder: Vt,
+    setInternalColumnOrder: Ut,
+    columnReorderHandlers: ut,
     handleColumnResize: Po
   } = dr({
     activeColumns: vt,
-    isHierarchyEnabled: dn,
+    isHierarchyEnabled: un,
     isRowGrouping: Ue,
     isTreeData: yt,
-    activeHierarchyHandlers: Bt,
+    activeHierarchyHandlers: Dt,
     columnVisibilityModel: Xe,
     columnOrder: O,
     onColumnOrderChange: $,
     disableColumnReorder: D,
-    pivotMode: he,
+    pivotMode: fe,
     checkboxSelection: d,
     hasDetailPanel: Be,
-    rowReordering: U,
+    rowReordering: K,
     initialState: je,
     setColumns: bo
   });
@@ -4801,13 +4801,13 @@ function Vi(n) {
     filterModel: Ie,
     effectivePaginationModel: Ee,
     columnWidths: De,
-    effectiveColumnOrder: Gt,
+    effectiveColumnOrder: Vt,
     columnVisibilityModel: Xe,
     pinnedColumns: Je
   });
-  const ut = lr({
-    effectiveRows: at,
-    activeHierarchyHandlers: Bt,
+  const gt = lr({
+    effectiveRows: st,
+    activeHierarchyHandlers: Dt,
     filterMode: ge,
     filterModel: Ie,
     dataSource: ae,
@@ -4819,7 +4819,7 @@ function Vi(n) {
     pinnedRows: N,
     isLoading: ve.dataSource.loading,
     pageSize: Ee.pageSize
-  }), Qe = ut.filteredRows, gn = ut.pinnedTopRows, fn = ut.pinnedBottomRows, He = ut.sortedUnpinnedRows, kt = ut.paginatedUnpinnedRows, hn = ut.allRenderableRows;
+  }), Qe = gt.filteredRows, hn = gt.pinnedTopRows, pn = gt.pinnedBottomRows, He = gt.sortedUnpinnedRows, kt = gt.paginatedUnpinnedRows, xn = gt.allRenderableRows;
   re(() => {
     ke.apiRef.current.getVisibleRows = () => ze ? kt : He, ke.apiRef.current.getAllFilteredRows = () => He, ke.apiRef.current.getVisibleColumns = () => Ke;
   }, [He, kt, ze, Ke, ke.apiRef]);
@@ -4827,9 +4827,9 @@ function Vi(n) {
     rows: ze ? kt : He,
     getRowId: (G) => G.id,
     onRowOrderChange: v,
-    rowReordering: U
-  }), gt = Hr(
-    hn,
+    rowReordering: K
+  }), ft = Hr(
+    xn,
     $n,
     De
   ), { aggregationResult: Rt } = hr({
@@ -4841,23 +4841,23 @@ function Vi(n) {
     filterModel: Ie,
     sortModel: Oe,
     serverAggregationResults: xo
-  }), ft = Object.keys(Te).length > 0;
+  }), ht = Object.keys(Te).length > 0;
   re(() => {
-    ke.apiRef.current.getAggregationResult = () => ft ? Rt : null, ke.apiRef.current.getAggregationModel = () => ft ? Te : null, ke.apiRef.current.getGroupedExportRows = () => {
+    ke.apiRef.current.getAggregationResult = () => ht ? Rt : null, ke.apiRef.current.getAggregationModel = () => ht ? Te : null, ke.apiRef.current.getGroupedExportRows = () => {
       if (!Ue) return null;
-      const { treeNodes: G, groupingRows: X } = Ct, ce = /* @__PURE__ */ new Map();
-      He.forEach((we) => ce.set(we.id, we));
-      const fe = [], pe = (we) => {
+      const { treeNodes: G, groupingRows: X } = Ct, ue = /* @__PURE__ */ new Map();
+      He.forEach((we) => ue.set(we.id, we));
+      const he = [], pe = (we) => {
         we.forEach((_e) => {
           const Ce = G.get(_e);
           if (!Ce) return;
           if (!!(Ce.children && Ce.children.length > 0))
-            fe.push({
+            he.push({
               type: "group-header",
               depth: Ce.depth,
               groupField: Ce.groupingField,
               groupValue: Ce.groupingValue
-            }), pe(Ce.children), ft && Ce.aggregatedValues && fe.push({
+            }), pe(Ce.children), ht && Ce.aggregatedValues && he.push({
               type: "group-subtotal",
               depth: Ce.depth,
               groupField: Ce.groupingField,
@@ -4865,34 +4865,34 @@ function Vi(n) {
               aggregatedValues: Ce.aggregatedValues
             });
           else {
-            const Mt = ce.get(_e) ?? X.get(_e);
-            Mt && fe.push({ type: "leaf", depth: Ce.depth, row: Mt });
+            const Mt = ue.get(_e) ?? X.get(_e);
+            Mt && he.push({ type: "leaf", depth: Ce.depth, row: Mt });
           }
         });
       };
-      return pe(Array.from(G.keys()).filter((we) => G.get(we)?.parentId === null)), ft && Rt && fe.push({ type: "grand-total", depth: 0, aggregatedValues: Rt }), fe;
+      return pe(Array.from(G.keys()).filter((we) => G.get(we)?.parentId === null)), ht && Rt && he.push({ type: "grand-total", depth: 0, aggregatedValues: Rt }), he;
     };
-  }, [Rt, Te, ft, ke.apiRef, Ue, Ct, He]);
+  }, [Rt, Te, ht, ke.apiRef, Ue, Ct, He]);
   const be = Xo({
     rowHeight: Ve,
     pagination: ze,
     paginatedUnpinnedRows: kt,
     sortedUnpinnedRows: He,
-    expandedRowIds: dt,
+    expandedRowIds: ct,
     getDetailPanelHeight: C,
-    pinnedTopRowsLength: gn.length,
-    pinnedBottomRowsLength: fn.length,
+    pinnedTopRowsLength: hn.length,
+    pinnedBottomRowsLength: pn.length,
     visibleOrderedColumns: Mo,
     pinnedColumns: Je,
     columnWidths: De,
     viewportWidth: ve.dimensions.viewportWidth || 1e3,
     checkboxSelection: d,
     hasDetailPanel: Be,
-    rowReordering: U,
+    rowReordering: K,
     paginationMode: z,
     isLoading: ve.dataSource.loading,
     pageSize: Ee.pageSize
-  }), To = ue(() => {
+  }), To = de(() => {
     const G = {};
     for (const X of [...be.leftPinnedCols, ...be.unpinnedColsWithWidth, ...be.rightPinnedCols])
       X.isSpacer || (G[X.field] = X.width);
@@ -4900,23 +4900,23 @@ function Vi(n) {
   }, [be.leftPinnedCols, be.unpinnedColsWithWidth, be.rightPinnedCols, De]);
   re(() => {
     ke.apiRef.current.scrollToIndexes = ({ rowIndex: G, colIndex: X }) => {
-      const ce = ot.current;
-      if (ce) {
+      const ue = rt.current;
+      if (ue) {
         if (G !== void 0 && G >= 0) {
-          const fe = G > 0 ? be.cumulativeHeights[G - 1] : 0, pe = be.cumulativeHeights[G] ?? fe, { scrollTop: we, clientHeight: _e } = ce;
-          fe < we ? ce.scrollTop = fe : pe > we + _e && (ce.scrollTop = pe - _e);
+          const he = G > 0 ? be.cumulativeHeights[G - 1] : 0, pe = be.cumulativeHeights[G] ?? he, { scrollTop: we, clientHeight: _e } = ue;
+          he < we ? ue.scrollTop = he : pe > we + _e && (ue.scrollTop = pe - _e);
         }
         if (X !== void 0 && X >= 0) {
           const pe = [...be.leftPinnedCols, ...be.unpinnedColsWithWidth, ...be.rightPinnedCols][X];
           if (!pe) return;
           const we = be.unpinnedColsWithWidth.findIndex((Ho) => Ho.field === pe.field);
           if (we === -1) return;
-          const _e = we > 0 ? be.unpinnedAccWidths[we - 1] : 0, Ce = be.unpinnedAccWidths[we] ?? _e, Nt = be.leftWidth + Ce, { scrollLeft: Mt, clientWidth: Hn } = ce;
-          _e < Mt ? ce.scrollLeft = _e : Nt > Mt + Hn && (ce.scrollLeft = Nt - Hn);
+          const _e = we > 0 ? be.unpinnedAccWidths[we - 1] : 0, Ce = be.unpinnedAccWidths[we] ?? _e, Nt = be.leftWidth + Ce, { scrollLeft: Mt, clientWidth: Hn } = ue;
+          _e < Mt ? ue.scrollLeft = _e : Nt > Mt + Hn && (ue.scrollLeft = Nt - Hn);
         }
       }
     };
-  }, [be, ot, ke.apiRef]);
+  }, [be, rt, ke.apiRef]);
   const Ne = ar({
     layout: be,
     scrollTop: So,
@@ -4924,116 +4924,116 @@ function Vi(n) {
     viewportWidth: ve.dimensions.viewportWidth,
     viewportHeight: ve.dimensions.viewportHeight,
     autoHeight: s,
-    rowReordering: U,
+    rowReordering: K,
     hasDetailPanel: Be,
     checkboxSelection: d,
     pinCheckboxColumn: W,
     pinExpandColumn: A
   });
   re(() => {
-    if (!ot.current) return;
+    if (!rt.current) return;
     const G = new ResizeObserver((X) => {
-      for (const ce of X) {
-        const { width: fe, height: pe } = ce.contentRect;
-        Wn(fe, pe);
+      for (const ue of X) {
+        const { width: he, height: pe } = ue.contentRect;
+        Wn(he, pe);
       }
     });
-    return G.observe(ot.current), () => {
+    return G.observe(rt.current), () => {
       G.disconnect();
     };
   }, [Wn]);
   const jt = H((G, X) => {
-    const ce = new Set(Se);
-    X ? ce.add(G) : ce.delete(G);
-    const fe = Array.from(ce);
-    et || tt(fe), nt?.(fe);
-  }, [Se, et, nt, tt]), Lo = H((G) => {
+    const ue = new Set(Se);
+    X ? ue.add(G) : ue.delete(G);
+    const he = Array.from(ue);
+    tt || nt(he), ot?.(he);
+  }, [Se, tt, ot, nt]), Lo = H((G) => {
     let X = [];
-    G && (X = at.map((ce) => ce.id)), et || tt(X), nt?.(X);
-  }, [at, et, nt, tt]), zn = H((G, X) => {
-    const ce = X ? [{ field: G, sort: X }] : [];
-    Ot || Wt(ce), b?.(ce);
+    G && (X = st.map((ue) => ue.id)), tt || nt(X), ot?.(X);
+  }, [st, tt, ot, nt]), zn = H((G, X) => {
+    const ue = X ? [{ field: G, sort: X }] : [];
+    Ot || Wt(ue), b?.(ue);
   }, [Ot, b, Wt]), Fo = H((G, X) => {
-    const ce = Oe.filter((pe) => pe.field !== G), fe = X ? [...ce, { field: G, sort: X }] : ce;
-    Ot || Wt(fe), b?.(fe);
-  }, [Oe, Ot, b, Wt]), { focusedCell: Ut, setFocusedCell: pn, handleFocus: Oo, handleBlur: Wo, handleKeyDown: Ao } = Jo({
-    allRenderableRows: hn,
+    const ue = Oe.filter((pe) => pe.field !== G), he = X ? [...ue, { field: G, sort: X }] : ue;
+    Ot || Wt(he), b?.(he);
+  }, [Oe, Ot, b, Wt]), { focusedCell: Kt, setFocusedCell: mn, handleFocus: Oo, handleBlur: Wo, handleKeyDown: Ao } = Jo({
+    allRenderableRows: xn,
     navigationColumns: $n,
     checkboxSelection: d,
     selectedRowIds: Se,
     handleSelectionChange: jt,
-    handleDetailPanelToggle: Ht,
-    editingHandlers: st,
-    setKeyboardMode: it,
+    handleDetailPanelToggle: Gt,
+    editingHandlers: dt,
+    setKeyboardMode: lt,
     sortModel: Oe,
     handleSort: zn,
     isCellEditable: I,
     pagination: ze,
     pageSize: Ee.pageSize,
     virtualization: Ne,
-    viewportRef: ot
-  }), xn = H((G) => {
-    it(!1), pn({ id: G.row.id, field: G.field }), zt.current?.focus({ preventScroll: !0 }), x?.(G);
-  }, [x, it, pn]), Bn = J(st.editingCell);
+    viewportRef: rt
+  }), wn = H((G) => {
+    lt(!1), mn({ id: G.row.id, field: G.field }), Bt.current?.focus({ preventScroll: !0 }), x?.(G);
+  }, [x, lt, mn]), Bn = J(dt.editingCell);
   re(() => {
-    const G = !!Bn.current, X = !!st.editingCell;
-    G && !X && zt.current?.focus({ preventScroll: !0 }), Bn.current = st.editingCell;
-  }, [st.editingCell]);
+    const G = !!Bn.current, X = !!dt.editingCell;
+    G && !X && Bt.current?.focus({ preventScroll: !0 }), Bn.current = dt.editingCell;
+  }, [dt.editingCell]);
   const $o = cr({
     renderContext: Ne.renderContext,
-    pinnedTopRows: gn,
-    pinnedBottomRows: fn,
+    pinnedTopRows: hn,
+    pinnedBottomRows: pn,
     paginatedUnpinnedRows: kt,
     sortedUnpinnedRows: He,
     pagination: ze
-  }), zo = t.length > 0 && Se.size === t.length, Bo = Se.size > 0 && Se.size < t.length, Do = xe.useMemo(() => Ke.some((G) => !!G.rowSpan), [Ke]), [Et, Kt] = xe.useState(!1), mn = xe.useRef(null), wn = xe.useRef(null), Dn = xe.useMemo(() => {
+  }), zo = t.length > 0 && Se.size === t.length, Bo = Se.size > 0 && Se.size < t.length, Do = xe.useMemo(() => Ke.some((G) => !!G.rowSpan), [Ke]), [Et, Yt] = xe.useState(!1), vn = xe.useRef(null), bn = xe.useRef(null), Dn = xe.useMemo(() => {
     if (!ee?.toolbar) return null;
-    const G = D ? void 0 : (X, ce) => {
-      const fe = [...Gt], pe = fe.indexOf(X), we = fe.indexOf(ce);
+    const G = D ? void 0 : (X, ue) => {
+      const he = [...Vt], pe = he.indexOf(X), we = he.indexOf(ue);
       if (pe === -1 || we === -1) return;
-      const _e = [...fe];
-      _e.splice(pe, 1), _e.splice(we, 0, X), O || Vt(_e);
+      const _e = [...he];
+      _e.splice(pe, 1), _e.splice(we, 0, X), O || Ut(_e);
       const Ce = Ke.find((Nt) => Nt.field === X);
       Ce && $?.({ oldIndex: pe, targetIndex: we, column: Ce });
     };
     return {
       apiRef: ke.apiRef,
-      columns: un,
+      columns: fn,
       baseColumns: e,
       aggregationModel: Te,
-      onAggregationModelChange: En,
-      ...he || Pe || We ? {
-        pivotModel: rn,
-        onPivotModelChange: Nn
+      onAggregationModelChange: Mn,
+      ...fe || Pe || We ? {
+        pivotModel: ln,
+        onPivotModelChange: Pn
       } : {},
       filterModel: Ie,
       onFilterModelChange: _,
       columnVisibilityModel: Xe,
       onColumnVisibilityModelChange: At,
       onColumnReorder: G,
-      onColumnOrderReset: D ? void 0 : () => Vt(e.map((X) => X.field)),
+      onColumnOrderReset: D ? void 0 : () => Ut(e.map((X) => X.field)),
       forceColumnsOpen: Et,
-      onColumnsPanelClose: () => Kt(!1),
+      onColumnsPanelClose: () => Yt(!1),
       ...me?.toolbar
     };
   }, [
     ee?.toolbar,
     D,
-    Gt,
-    un,
+    Vt,
+    fn,
     Ke,
     O,
     $,
-    Vt,
+    Ut,
     ke.apiRef,
     e,
     Te,
-    En,
-    he,
+    Mn,
+    fe,
     Pe,
     We,
-    rn,
-    Nn,
+    ln,
+    Pn,
     Ie,
     _,
     Xe,
@@ -5044,13 +5044,13 @@ function Vi(n) {
   return re(() => {
     if (!Et || ee?.toolbar) return;
     function G(X) {
-      wn.current && !wn.current.contains(X.target) && Kt(!1);
+      bn.current && !bn.current.contains(X.target) && Yt(!1);
     }
     return document.addEventListener("mousedown", G), () => document.removeEventListener("mousedown", G);
   }, [Et, ee?.toolbar]), /* @__PURE__ */ r.jsxs(
     "div",
     {
-      ref: mn,
+      ref: vn,
       className: ["ogx", Fe, s && "ogx--auto-height", Do && "ogx--row-spanning", Ft && "ogx--list-view"].filter(Boolean).join(" "),
       style: {
         ...Ae,
@@ -5065,31 +5065,31 @@ function Vi(n) {
           hi,
           {
             isOpen: Et,
-            containerRef: mn,
-            panelRef: wn,
+            containerRef: vn,
+            panelRef: bn,
             effectiveColumns: Ke,
             columnVisibilityModel: Xe,
-            effectiveColumnOrder: Gt,
+            effectiveColumnOrder: Vt,
             columnOrder: O,
             disableColumnReorder: D,
-            onClose: () => Kt(!1),
+            onClose: () => Yt(!1),
             onColumnVisibilityChange: At,
             onColumnOrderChange: $,
-            setInternalColumnOrder: Vt
+            setInternalColumnOrder: Ut
           }
         ),
-        Ft && Rn && /* @__PURE__ */ r.jsx(
+        Ft && En && /* @__PURE__ */ r.jsx(
           Jr,
           {
             ariaLabel: te,
-            allRenderableRows: hn,
+            allRenderableRows: xn,
             filteredRows: Qe,
             pagination: ze,
             effectivePaginationModel: Ee,
             pageSizeOptions: y,
             selectedRowIds: Se,
-            listViewColumn: Rn,
-            noRowsLabel: tn,
+            listViewColumn: En,
+            noRowsLabel: nn,
             rowHeight: Ve,
             checkboxSelection: d,
             paginationMode: z,
@@ -5102,30 +5102,30 @@ function Vi(n) {
               paginationOf: $e.paginationOf,
               paginationPage: $e.paginationPage
             } : void 0,
-            onRowClick: Dt,
+            onRowClick: Ht,
             onSelectionChange: jt,
-            onPaginationModelChange: ln
+            onPaginationModelChange: an
           }
         ),
         !Ft && /* @__PURE__ */ r.jsx(
           "div",
           {
             ref: (G) => {
-              ot.current = G, zt.current = G;
+              rt.current = G, Bt.current = G;
             },
             className: "ogx__viewport",
             onScroll: Ro,
             role: "grid",
             "aria-label": te || "Data grid",
             "aria-rowcount": Qe.length + 1,
-            "aria-colcount": e.length + (d ? 1 : 0) + (Be ? 1 : 0) + (U ? 1 : 0),
+            "aria-colcount": e.length + (d ? 1 : 0) + (Be ? 1 : 0) + (K ? 1 : 0),
             "aria-busy": bt,
             tabIndex: 0,
             onKeyDownCapture: () => {
-              it(!0);
+              lt(!0);
             },
             onMouseDownCapture: () => {
-              it(!1);
+              lt(!1);
             },
             onKeyDown: Ao,
             onFocus: Oo,
@@ -5157,17 +5157,17 @@ function Vi(n) {
                       onColumnResize: Po,
                       columnWidths: De,
                       pinnedColumns: Je,
-                      focusedCell: Ut,
+                      focusedCell: Kt,
                       onHeaderClick: (G) => {
-                        pn({ id: "HEADER", field: G }), it(!1), zt.current?.focus({ preventScroll: !0 });
+                        mn({ id: "HEADER", field: G }), lt(!1), Bt.current?.focus({ preventScroll: !0 });
                       },
-                      onDragStart: qe ? void 0 : ct.onDragStart,
-                      onDragOver: qe ? void 0 : ct.onDragOver,
-                      onDragEnd: qe ? void 0 : ct.onDragEnd,
-                      onDrop: qe ? void 0 : ct.onDrop,
-                      draggedColumn: qe ? void 0 : ct.draggedColumn,
-                      dragOverColumn: qe ? void 0 : ct.dragOverColumn,
-                      rowReordering: U,
+                      onDragStart: qe ? void 0 : ut.onDragStart,
+                      onDragOver: qe ? void 0 : ut.onDragOver,
+                      onDragEnd: qe ? void 0 : ut.onDragEnd,
+                      onDrop: qe ? void 0 : ut.onDrop,
+                      draggedColumn: qe ? void 0 : ut.draggedColumn,
+                      dragOverColumn: qe ? void 0 : ut.dragOverColumn,
+                      rowReordering: K,
                       hasDetailPanel: Be,
                       pinCheckboxColumn: W,
                       pinExpandColumn: A,
@@ -5178,38 +5178,38 @@ function Vi(n) {
                           [G]: !1
                         });
                       },
-                      onManageColumns: () => Kt(!0),
+                      onManageColumns: () => Yt(!0),
                       onPinColumn: (G, X) => {
-                        const ce = [...wt?.left ?? []], fe = [...wt?.right ?? []], pe = ce.filter((_e) => _e !== G), we = fe.filter((_e) => _e !== G);
-                        on(X === "left" ? { left: [...pe, G], right: we } : X === "right" ? { left: pe, right: [...we, G] } : { left: pe, right: we });
+                        const ue = [...et?.left ?? []], he = [...et?.right ?? []], pe = ue.filter((_e) => _e !== G), we = he.filter((_e) => _e !== G);
+                        rn(X === "left" ? { left: [...pe, G], right: we } : X === "right" ? { left: pe, right: [...we, G] } : { left: pe, right: we });
                       }
                     }
                   ),
-                  !bt && !ve.dataSource.error && Qe.length === 0 && /* @__PURE__ */ r.jsx(xr, { noRowsLabel: tn, width: Ne.totalWidth }),
+                  !bt && !ve.dataSource.error && Qe.length === 0 && /* @__PURE__ */ r.jsx(xr, { noRowsLabel: nn, width: Ne.totalWidth }),
                   /* @__PURE__ */ r.jsx(
                     Kn,
                     {
-                      rows: gn,
+                      rows: hn,
                       position: "top",
                       columns: Ne.virtualColumns,
                       selectedRowIds: Se,
                       checkboxSelection: d,
-                      onRowClick: Dt,
-                      onCellClick: xn,
+                      onRowClick: Ht,
+                      onCellClick: wn,
                       onSelectionChange: jt,
                       columnWidths: De,
                       pinnedColumns: Je,
                       pinnedRows: N,
                       hasDetailPanel: Be,
-                      expandedRowIds: dt,
+                      expandedRowIds: ct,
                       getDetailPanelContent: T,
                       getDetailPanelHeight: C,
-                      onDetailPanelToggle: Ht,
+                      onDetailPanelToggle: Gt,
                       pinCheckboxColumn: W,
                       pinExpandColumn: A,
-                      focusedCell: Ut,
-                      colspanMap: gt.colspanMap,
-                      rowSpanningCaches: gt.rowSpanningState.caches,
+                      focusedCell: Kt,
+                      colspanMap: ft.colspanMap,
+                      rowSpanningCaches: ft.rowSpanningState.caches,
                       rowHeight: Ve,
                       rowMetaMap: St
                     }
@@ -5226,26 +5226,26 @@ function Vi(n) {
                       viewportWidth: ve.dimensions.viewportWidth,
                       checkboxSelection: d,
                       hasDetailPanel: Be,
-                      rowReordering: U,
+                      rowReordering: K,
                       rowHeight: Ve,
                       pinnedRows: N,
                       selectedRowIds: Se,
-                      onRowClick: Dt,
-                      onCellClick: xn,
+                      onRowClick: Ht,
+                      onCellClick: wn,
                       onSelectionChange: jt,
                       columnWidths: De,
                       pinnedColumns: Je,
-                      expandedRowIds: dt,
+                      expandedRowIds: ct,
                       getDetailPanelContent: T,
                       getDetailPanelHeight: C,
-                      onDetailPanelToggle: Ht,
+                      onDetailPanelToggle: Gt,
                       pinCheckboxColumn: W,
                       pinExpandColumn: A,
                       rowReorderHandlers: Io,
-                      editingHandlers: st,
-                      focusedCell: Ut,
-                      colspanMap: gt.colspanMap,
-                      rowSpanningCaches: gt.rowSpanningState.caches,
+                      editingHandlers: dt,
+                      focusedCell: Kt,
+                      colspanMap: ft.colspanMap,
+                      rowSpanningCaches: ft.rowSpanningState.caches,
                       paginationMode: z,
                       dataSourceLoading: ve.dataSource.loading,
                       sortedUnpinnedRowCount: He.length,
@@ -5257,42 +5257,42 @@ function Vi(n) {
                   /* @__PURE__ */ r.jsx(
                     Kn,
                     {
-                      rows: fn,
+                      rows: pn,
                       position: "bottom",
                       columns: Ne.virtualColumns,
                       selectedRowIds: Se,
                       checkboxSelection: d,
-                      onRowClick: Dt,
-                      onCellClick: xn,
+                      onRowClick: Ht,
+                      onCellClick: wn,
                       onSelectionChange: jt,
                       columnWidths: De,
                       pinnedColumns: Je,
                       pinnedRows: N,
                       hasDetailPanel: Be,
-                      expandedRowIds: dt,
+                      expandedRowIds: ct,
                       getDetailPanelContent: T,
                       getDetailPanelHeight: C,
-                      onDetailPanelToggle: Ht,
+                      onDetailPanelToggle: Gt,
                       pinCheckboxColumn: W,
                       pinExpandColumn: A,
-                      focusedCell: Ut,
-                      colspanMap: gt.colspanMap,
-                      rowSpanningCaches: gt.rowSpanningState.caches,
+                      focusedCell: Kt,
+                      colspanMap: ft.colspanMap,
+                      rowSpanningCaches: ft.rowSpanningState.caches,
                       rowHeight: Ve,
                       rowMetaMap: St
                     }
                   ),
-                  ft && !he && /* @__PURE__ */ r.jsx(
+                  ht && !fe && /* @__PURE__ */ r.jsx(
                     pr,
                     {
-                      columns: un,
+                      columns: fn,
                       aggregationModel: Te,
                       aggregationResult: Rt,
                       columnWidths: To,
                       rowHeight: Ve,
                       checkboxSelection: d,
                       hasDetailPanel: Be,
-                      rowReordering: U,
+                      rowReordering: K,
                       pinnedColumns: Je
                     }
                   )
@@ -5310,8 +5310,8 @@ function Vi(n) {
               pageSize: Ee.pageSize,
               rowCount: ve.pagination.rowCount,
               pageSizeOptions: y,
-              onPageChange: (X) => ln({ ...Ee, page: X }),
-              onPageSizeChange: (X) => ln({ ...Ee, pageSize: X, page: 0 }),
+              onPageChange: (X) => an({ ...Ee, page: X }),
+              onPageSizeChange: (X) => an({ ...Ee, pageSize: X, page: 0 }),
               localeText: $e ? {
                 paginationRowsPerPage: $e.paginationRowsPerPage,
                 paginationOf: $e.paginationOf,
@@ -5324,7 +5324,7 @@ function Vi(n) {
         /* @__PURE__ */ r.jsxs("div", { className: "ogx-aria-live-status", role: "status", "aria-live": "polite", children: [
           bt ? "Loading data..." : "",
           ve.dataSource.error ? `Error: ${ve.dataSource.error instanceof Error ? ve.dataSource.error.message : "Unknown error"}` : "",
-          !E && !ve.dataSource.error && (Qe.length === 0 ? tn : Ie && ((Ie.quickFilterValues?.length || 0) > 0 || (Ie.items?.length || 0) > 0) ? `${Qe.length} ${Qe.length === 1 ? "row" : "rows"} found` : "")
+          !E && !ve.dataSource.error && (Qe.length === 0 ? nn : Ie && ((Ie.quickFilterValues?.length || 0) > 0 || (Ie.items?.length || 0) > 0) ? `${Qe.length} ${Qe.length === 1 ? "row" : "rows"} found` : "")
         ] }),
         /* @__PURE__ */ r.jsx(mr, { error: ve.dataSource.error })
       ]
@@ -5339,7 +5339,7 @@ function xi(n, t) {
   return n.find((e) => "field" in e && e.field === t);
 }
 const mi = ({ col: n, item: t, onChange: e }) => {
-  const o = Zt(), i = rr(n.type), l = !!t, s = t?.operator ?? i[0], [a, d] = ne(t?.value != null ? String(t.value) : ""), f = J(e), h = J(t), w = J(n.field), m = J(s);
+  const o = en(), i = rr(n.type), l = !!t, s = t?.operator ?? i[0], [a, d] = ne(t?.value != null ? String(t.value) : ""), f = J(e), h = J(t), w = J(n.field), m = J(s);
   Me(() => {
     f.current = e, h.current = t, w.current = n.field, m.current = s;
   });
@@ -5432,7 +5432,7 @@ const mi = ({ col: n, item: t, onChange: e }) => {
     ] })
   ] });
 }, wi = ({ filterModel: n, columns: t, onFilterModelChange: e }) => {
-  const o = ue(() => n.items ?? [], [n.items]), i = n.logicOperator ?? "and", l = H((d, f) => {
+  const o = de(() => n.items ?? [], [n.items]), i = n.logicOperator ?? "and", l = H((d, f) => {
     const h = o.filter((m) => "field" in m && m.field !== d), w = f ? [...h, f] : h;
     e({ ...n, items: w });
   }, [o, n, e]), s = H((d) => {
@@ -5726,7 +5726,7 @@ function yi({ value: n = "", onChange: t, placeholder: e = "Search...", debounce
     }
   );
 }
-function Jt({
+function Qt({
   title: n,
   children: t,
   placement: e = "top",
@@ -6082,11 +6082,11 @@ function Ki({
   re(() => {
     m && (M(!0), N(!1), C(!1), A(!1));
   }, [m]);
-  const D = J(null), O = J(null), $ = J(null), Y = J(null), U = J(null), v = J(null), E = J(null), L = i ?? Ni, F = L.rowFields.length > 0 || L.columnFields.length > 0 || L.valueFields.length > 0, B = n.filter(
+  const D = J(null), O = J(null), $ = J(null), Y = J(null), K = J(null), v = J(null), E = J(null), L = i ?? Ni, F = L.rowFields.length > 0 || L.columnFields.length > 0 || L.valueFields.length > 0, B = n.filter(
     (Q) => Q.aggregable !== !1 && (Q.type === "number" || Q.aggregable === !0)
-  ), K = Object.keys(e).filter(
+  ), V = Object.keys(e).filter(
     (Q) => e[Q] && e[Q] !== "none"
-  ).length, V = H(
+  ).length, U = H(
     (Q, ge) => {
       if (!o) return;
       const z = { ...e };
@@ -6103,7 +6103,7 @@ function Ki({
       items: s?.items || []
     };
     a(z);
-  }, [s, a]), ie = s?.quickFilterValues?.[0] || "", I = s?.items?.length || 0, de = new Set(
+  }, [s, a]), ie = s?.quickFilterValues?.[0] || "", I = s?.items?.length || 0, ce = new Set(
     n.filter((Q) => d[Q.field] !== !1).map((Q) => Q.field)
   ), oe = H((Q, ge) => {
     if (!f) return;
@@ -6134,14 +6134,14 @@ function Ki({
           placeholder: "Search..."
         }
       ) }),
-      f && /* @__PURE__ */ r.jsxs("div", { ref: U, className: "ogx-toolbar__dropdown-wrapper", style: { marginRight: 4 }, children: [
+      f && /* @__PURE__ */ r.jsxs("div", { ref: K, className: "ogx-toolbar__dropdown-wrapper", style: { marginRight: 4 }, children: [
         R ? R({
           onClick: () => {
             M((Q) => !Q), N(!1), C(!1), A(!1);
           },
           isOpen: P,
-          activeCount: n.length - de.size
-        }) : /* @__PURE__ */ r.jsx(Jt, { title: "Columns", children: /* @__PURE__ */ r.jsx(
+          activeCount: n.length - ce.size
+        }) : /* @__PURE__ */ r.jsx(Qt, { title: "Columns", children: /* @__PURE__ */ r.jsx(
           "button",
           {
             ref: $,
@@ -6156,9 +6156,9 @@ function Ki({
         P && /* @__PURE__ */ r.jsx(
           ji,
           {
-            anchorRef: R ? U : $,
+            anchorRef: R ? K : $,
             columns: n,
-            visibleColumns: de,
+            visibleColumns: ce,
             onVisibilityChange: oe,
             onShowAll: ae,
             onHideAll: q,
@@ -6178,7 +6178,7 @@ function Ki({
           },
           isOpen: W,
           activeCount: I
-        }) : /* @__PURE__ */ r.jsx(Jt, { title: "Filters", children: /* @__PURE__ */ r.jsxs(
+        }) : /* @__PURE__ */ r.jsx(Qt, { title: "Filters", children: /* @__PURE__ */ r.jsxs(
           "button",
           {
             ref: Y,
@@ -6205,7 +6205,7 @@ function Ki({
         )
       ] }),
       l && /* @__PURE__ */ r.jsxs("div", { className: "ogx-toolbar__dropdown-wrapper", style: { marginRight: 4 }, children: [
-        /* @__PURE__ */ r.jsx(Jt, { title: "Pivot", children: /* @__PURE__ */ r.jsxs(
+        /* @__PURE__ */ r.jsx(Qt, { title: "Pivot", children: /* @__PURE__ */ r.jsxs(
           "button",
           {
             ref: O,
@@ -6240,8 +6240,8 @@ function Ki({
             N((Q) => !Q), C(!1), M(!1), A(!1);
           },
           isOpen: k,
-          activeCount: K
-        }) : /* @__PURE__ */ r.jsx(Jt, { title: "Summaries", children: /* @__PURE__ */ r.jsxs(
+          activeCount: V
+        }) : /* @__PURE__ */ r.jsx(Qt, { title: "Summaries", children: /* @__PURE__ */ r.jsxs(
           "button",
           {
             ref: D,
@@ -6253,7 +6253,7 @@ function Ki({
             },
             children: [
               /* @__PURE__ */ r.jsx(io, {}),
-              K > 0 && /* @__PURE__ */ r.jsx("span", { className: "ogx-toolbar__dot", "aria-label": `${K} active summaries` })
+              V > 0 && /* @__PURE__ */ r.jsx("span", { className: "ogx-toolbar__dot", "aria-label": `${V} active summaries` })
             ]
           }
         ) }),
@@ -6263,10 +6263,10 @@ function Ki({
             anchorRef: S ? E : D,
             aggregationModel: e,
             aggregableColumns: B,
-            onFunctionChange: V,
+            onFunctionChange: U,
             onClearAll: le,
             onClose: () => N(!1),
-            activeCount: K
+            activeCount: V
           }
         )
       ] }),
@@ -6392,31 +6392,31 @@ async function Xi(n, t, e = {}) {
     R.forEach((E) => {
       if (E.type === "group-header") {
         const F = `${"  ".repeat(E.depth * 2)}${E.groupField ?? ""}: ${String(E.groupValue ?? "")}`;
-        C.push(c.map((B, K) => K === 0 ? F : ""));
+        C.push(c.map((B, V) => V === 0 ? F : ""));
       } else if (E.type === "leaf" && E.row) {
         const L = E.row, F = "  ".repeat(E.depth * 2);
-        C.push(c.map((B, K) => (K === 0 ? F : "") + Xn(L, B)));
+        C.push(c.map((B, V) => (V === 0 ? F : "") + Xn(L, B)));
       } else if (E.type === "group-subtotal" && E.aggregatedValues) {
         const L = "  ".repeat(E.depth * 2);
         C.push(c.map((F, B) => {
           if (B === 0) return `${L}Subtotal`;
-          const K = E.aggregatedValues[F.field];
-          if (K == null) return "";
-          let V = K;
-          return F.valueFormatter ? V = F.valueFormatter({ value: K, row: {}, field: F.field }) : v[F.field] && (V = Re(K, v[F.field])), String(V);
+          const V = E.aggregatedValues[F.field];
+          if (V == null) return "";
+          let U = V;
+          return F.valueFormatter ? U = F.valueFormatter({ value: V, row: {}, field: F.field }) : v[F.field] && (U = Re(V, v[F.field])), String(U);
         }));
       } else E.type === "grand-total" && E.aggregatedValues && (P = [c.map((F, B) => {
         if (B === 0) return "Grand Total";
-        const K = E.aggregatedValues[F.field];
-        if (K == null) return "";
-        let V = K;
-        return F.valueFormatter ? V = F.valueFormatter({ value: K, row: {}, field: F.field }) : v[F.field] && (V = Re(K, v[F.field])), String(V);
+        const V = E.aggregatedValues[F.field];
+        if (V == null) return "";
+        let U = V;
+        return F.valueFormatter ? U = F.valueFormatter({ value: V, row: {}, field: F.field }) : v[F.field] && (U = Re(V, v[F.field])), String(U);
       })]);
     });
   } else
     C = k.map((v) => c.map((E) => Xn(v, E))), h && w && (P = [c.map((E, L) => {
       if (L === 0)
-        return c.some((V) => w[V.field]) ? "TOTAL" : "";
+        return c.some((U) => w[U.field]) ? "TOTAL" : "";
       const F = h[E.field];
       if (F == null) return "";
       let B = F;
@@ -6441,10 +6441,10 @@ async function Xi(n, t, e = {}) {
     showHead: "everyPage",
     margin: { top: g, left: g, right: g, bottom: g + 6 }
   });
-  const U = b.getNumberOfPages();
-  for (let v = 1; v <= U; v++)
+  const K = b.getNumberOfPages();
+  for (let v = 1; v <= K; v++)
     b.setPage(v), b.setFontSize(8), b.setTextColor(150, 150, 150), b.text(
-      `Page ${v} of ${U}`,
+      `Page ${v} of ${K}`,
       S - g,
       j - 8,
       { align: "right" }
@@ -6530,7 +6530,7 @@ function Ji(n, t, e = {}) {
 `;
     }
   }
-  kn(f, o, "text/csv;charset=utf-8;");
+  jn(f, o, "text/csv;charset=utf-8;");
 }
 function Le(n) {
   return n.includes(",") || n.includes('"') || n.includes(`
@@ -6600,7 +6600,7 @@ function Qi(n, t, e = {}) {
       }), h += "</tr>";
     }
   }
-  h += "</tbody></table></body></html>", kn(h, o, "application/vnd.ms-excel");
+  h += "</tbody></table></body></html>", jn(h, o, "application/vnd.ms-excel");
 }
 function ye(n) {
   return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
@@ -6663,7 +6663,7 @@ function Zi(n, t, e = {}) {
     } else
       d = h;
   }
-  kn(i ? JSON.stringify(d, null, 2) : JSON.stringify(d), o, "application/json;charset=utf-8;");
+  jn(i ? JSON.stringify(d, null, 2) : JSON.stringify(d), o, "application/json;charset=utf-8;");
 }
 async function el(n, t, e) {
   const o = window.open("", "_blank");
@@ -6781,7 +6781,7 @@ async function el(n, t, e) {
     }
   }
 }
-function kn(n, t, e) {
+function jn(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);
 }
@@ -6853,10 +6853,10 @@ async function tl(n, t, e = {}) {
       }), p.forEach((L) => {
         const F = w[L.field], B = h[L.field];
         if (F == null || B == null) return;
-        let K = B;
-        L.valueFormatter ? K = L.valueFormatter({ value: B, row: {}, field: L.field }) : K = Re(B, F);
-        const V = v.addRow([L.headerName ?? L.field, F.toUpperCase(), K]);
-        V.getCell(3).alignment = { horizontal: "right" }, V.getCell(3).font = { bold: !0, size: f };
+        let V = B;
+        L.valueFormatter ? V = L.valueFormatter({ value: B, row: {}, field: L.field }) : V = Re(B, F);
+        const U = v.addRow([L.headerName ?? L.field, F.toUpperCase(), V]);
+        U.getCell(3).alignment = { horizontal: "right" }, U.getCell(3).font = { bold: !0, size: f };
       }), v.getColumn(1).width = 20, v.getColumn(2).width = 12, v.getColumn(3).width = 18;
       continue;
     }
@@ -6878,9 +6878,9 @@ async function tl(n, t, e = {}) {
         });
       }), v.length > 0) {
         const L = await Wi(v);
-        for (const [F, { buffer: B, extension: K }] of L) {
-          const V = x.addImage({ buffer: B, extension: K });
-          S.set(F, V);
+        for (const [F, { buffer: B, extension: V }] of L) {
+          const U = x.addImage({ buffer: B, extension: V });
+          S.set(F, U);
         }
       }
     }
@@ -6904,34 +6904,34 @@ async function tl(n, t, e = {}) {
         to: { row: 1, column: p.length }
       }), A ? Y.views = [{ state: "frozen", ySplit: 1, showGridLines: !1 }] : Y.views = [{ showGridLines: !1 }];
     }
-    let U = P ? 1 : 0;
+    let K = P ? 1 : 0;
     if (O.forEach((v, E) => {
       const L = p.map((B) => {
         if (l[B.field]?.embedImage) return "";
-        let K = v[B.field];
-        return B.valueGetter && (K = B.valueGetter({ row: v, field: B.field, value: K })), Ti(B, K) === "string" && B.valueFormatter && K != null && (K = B.valueFormatter({ value: K, row: v, field: B.field })), K;
+        let V = v[B.field];
+        return B.valueGetter && (V = B.valueGetter({ row: v, field: B.field, value: V })), Ti(B, V) === "string" && B.valueFormatter && V != null && (V = B.valueFormatter({ value: V, row: v, field: B.field })), V;
       }), F = Y.addRow(L);
       if (F.font = { size: f }, D && E % 2 === 1 && F.eachCell((B) => {
         B.fill = { type: "pattern", pattern: "solid", fgColor: { argb: Ye(D) } };
-      }), F.eachCell((B, K) => {
-        const V = p[K - 1];
-        V && (B.alignment = {
-          horizontal: l[V.field]?.alignment ?? (V.type === "number" ? "right" : "left"),
+      }), F.eachCell((B, V) => {
+        const U = p[V - 1];
+        U && (B.alignment = {
+          horizontal: l[U.field]?.alignment ?? (U.type === "number" ? "right" : "left"),
           vertical: "middle"
         }, B.border = { bottom: { style: "thin", color: { argb: "FFf1f5f9" } } });
       }), $.length > 0) {
-        const B = $.reduce((le, se) => Math.max(le, l[se.field]?.imageHeight ?? 40), 0), K = Math.ceil(B / 1.333), V = K * 1.333;
-        F.height = K, $.forEach((le) => {
+        const B = $.reduce((le, se) => Math.max(le, l[se.field]?.imageHeight ?? 40), 0), V = Math.ceil(B / 1.333), U = V * 1.333;
+        F.height = V, $.forEach((le) => {
           const se = p.indexOf(le), ie = v[le.field], I = typeof ie == "string" ? S.get(ie) : void 0;
           if (I === void 0) {
             F.getCell(se + 1).value = typeof ie == "string" ? ie : "";
             return;
           }
-          const de = l[le.field], oe = de?.imageWidth ?? 40, ae = de?.imageHeight ?? 40, Q = (Y.getColumn(se + 1).width ?? 8) * 7 + 5, ge = Math.max(0, Q - oe) / 2, z = Math.max(0, V - ae) / 2;
+          const ce = l[le.field], oe = ce?.imageWidth ?? 40, ae = ce?.imageHeight ?? 40, Q = (Y.getColumn(se + 1).width ?? 8) * 7 + 5, ge = Math.max(0, Q - oe) / 2, z = Math.max(0, U - ae) / 2;
           Y.addImage(I, {
             tl: {
               col: se,
-              row: U,
+              row: K,
               nativeColOff: Math.floor(ge * 9525),
               nativeRowOff: Math.floor(z * 9525)
             },
@@ -6941,18 +6941,18 @@ async function tl(n, t, e = {}) {
         });
       } else
         F.height = 16;
-      U++;
+      K++;
     }), M && h && w) {
       const v = p.map((B) => {
-        const K = w[B.field];
-        return K ? K.toUpperCase() : "";
+        const V = w[B.field];
+        return V ? V.toUpperCase() : "";
       }), E = Y.addRow(v);
       E.height = 16, E.font = { size: f - 1, italic: !0, color: { argb: "FF94a3b8" } }, E.eachCell((B) => {
         B.alignment = { horizontal: "right", vertical: "middle" }, B.border = { top: { style: "thin", color: { argb: "FFcbd5e1" } } };
       });
       const L = p.map((B) => {
-        const K = w[B.field], V = h[B.field];
-        return K == null || V == null ? "" : B.valueFormatter ? B.valueFormatter({ value: V, row: {}, field: B.field }) : Re(V, K);
+        const V = w[B.field], U = h[B.field];
+        return V == null || U == null ? "" : B.valueFormatter ? B.valueFormatter({ value: U, row: {}, field: B.field }) : Re(U, V);
       }), F = Y.addRow(L);
       F.height = 18, F.font = { bold: !0, size: f, color: { argb: Ye(a) } }, F.eachCell((B) => {
         B.fill = { type: "pattern", pattern: "solid", fgColor: { argb: Ye(s) } }, B.alignment = { horizontal: "right", vertical: "middle" }, B.border = Ai();
@@ -7276,7 +7276,7 @@ function sl(n) {
     debounceMs: o = 300,
     include: i,
     storage: l = typeof window < "u" ? window.localStorage : void 0
-  } = t, s = ue(() => {
+  } = t, s = de(() => {
     if (l)
       return Bi(e, l);
   }, [e, l]), a = J(null), d = J(null), f = H(() => {
@@ -7296,17 +7296,17 @@ function sl(n) {
   return { initialState: s, onStateChange: h, clearState: w };
 }
 export {
-  qt as Button,
+  Xt as Button,
   ai as Cell,
-  Qt as Checkbox,
+  Zt as Checkbox,
   Vi as DataGrid,
   nl as DataGridThemeProvider,
   wi as FilterPanel,
   Ki as GridToolbar,
-  Jt as GridTooltip,
+  Qt as GridTooltip,
   Ir as Header,
   qi as Input,
-  bn as Row,
+  Cn as Row,
   Ui as Skeleton,
   ll as amberTheme,
   al as compactTheme,