@opencorestack/opengridx 1.0.4 → 1.0.5

package/dist/opengridx.es.js

@@ -1,8 +1,8 @@
-import ae, { useMemo as le, useState as Q, useCallback as z, useRef as J, useEffect as re, useLayoutEffect as Ee, useReducer as So } from "react";
+import ae, { useMemo as le, useState as Z, useCallback as z, useRef as J, useEffect as re, useLayoutEffect as Ee, useReducer as jo } from "react";
 import Ge from "react-dom";
 var Tt = { exports: {} }, ht = {};
 var Pn;
-function jo() {
+function Ro() {
   if (Pn) return ht;
   Pn = 1;
   var n = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
@@ -25,7 +25,7 @@ function jo() {
 }
 var pt = {};
 var Ln;
-function Ro() {
+function Eo() {
   return Ln || (Ln = 1, process.env.NODE_ENV !== "production" && (function() {
     function n(C) {
       if (C == null) return null;
@@ -82,11 +82,11 @@ function Ro() {
       }
       if (B) {
         B = console;
-        var O = B.error, W = typeof Symbol == "function" && Symbol.toStringTag && C[Symbol.toStringTag] || C.constructor.name || "Object";
-        return O.call(
+        var W = B.error, O = typeof Symbol == "function" && Symbol.toStringTag && C[Symbol.toStringTag] || C.constructor.name || "Object";
+        return W.call(
           B,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          W
+          O
         ), t(C);
       }
     }
@@ -116,14 +116,14 @@ function Ro() {
       return C.key !== void 0;
     }
     function s(C, B) {
-      function O() {
+      function W() {
         H || (H = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           B
         ));
       }
-      O.isReactWarning = !0, Object.defineProperty(C, "key", {
-        get: O,
+      W.isReactWarning = !0, Object.defineProperty(C, "key", {
+        get: W,
         configurable: !0
       });
     }
@@ -133,14 +133,14 @@ function Ro() {
         "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."
       )), C = this.props.ref, C !== void 0 ? C : null;
     }
-    function d(C, B, O, W, V, G) {
-      var D = O.ref;
+    function d(C, B, W, O, V, G) {
+      var D = W.ref;
       return C = {
         $$typeof: v,
         type: C,
         key: B,
-        props: O,
-        _owner: W
+        props: W,
+        _owner: O
       }, (D !== void 0 ? D : null) !== null ? Object.defineProperty(C, "ref", {
         enumerable: !1,
         get: c
@@ -166,13 +166,13 @@ function Ro() {
         value: G
       }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
     }
-    function g(C, B, O, W, V, G) {
+    function g(C, B, W, O, V, G) {
       var D = B.children;
       if (D !== void 0)
-        if (W)
+        if (O)
           if (I(D)) {
-            for (W = 0; W < D.length; W++)
-              x(D[W]);
+            for (O = 0; O < D.length; O++)
+              x(D[O]);
             Object.freeze && Object.freeze(D);
           } else
             console.error(
@@ -184,31 +184,31 @@ function Ro() {
         var P = Object.keys(B).filter(function(te) {
           return te !== "key";
         });
-        W = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", K[D + W] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
+        O = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", K[D + O] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          W,
+          O,
           D,
           P,
           D
-        ), K[D + W] = !0);
+        ), K[D + O] = !0);
       }
-      if (D = null, O !== void 0 && (e(O), D = "" + O), a(B) && (e(B.key), D = "" + B.key), "key" in B) {
-        O = {};
+      if (D = null, W !== void 0 && (e(W), D = "" + W), a(B) && (e(B.key), D = "" + B.key), "key" in B) {
+        W = {};
         for (var ne in B)
-          ne !== "key" && (O[ne] = B[ne]);
-      } else O = B;
+          ne !== "key" && (W[ne] = B[ne]);
+      } else W = B;
       return D && s(
-        O,
+        W,
         typeof C == "function" ? C.displayName || C.name || "Unknown" : C
       ), d(
         C,
         D,
-        O,
+        W,
         i(),
         V,
         G
@@ -232,38 +232,38 @@ React keys must be passed directly to JSX without using spread:
       m,
       l
     )(), q = F(o(l)), K = {};
-    pt.Fragment = S, pt.jsx = function(C, B, O) {
-      var W = 1e4 > M.recentlyCreatedOwnerStacks++;
+    pt.Fragment = S, pt.jsx = function(C, B, W) {
+      var O = 1e4 > M.recentlyCreatedOwnerStacks++;
       return g(
         C,
         B,
-        O,
+        W,
         !1,
-        W ? Error("react-stack-top-frame") : U,
-        W ? F(o(C)) : q
+        O ? Error("react-stack-top-frame") : U,
+        O ? F(o(C)) : q
       );
-    }, pt.jsxs = function(C, B, O) {
-      var W = 1e4 > M.recentlyCreatedOwnerStacks++;
+    }, pt.jsxs = function(C, B, W) {
+      var O = 1e4 > M.recentlyCreatedOwnerStacks++;
       return g(
         C,
         B,
-        O,
+        W,
         !0,
-        W ? Error("react-stack-top-frame") : U,
-        W ? F(o(C)) : q
+        O ? Error("react-stack-top-frame") : U,
+        O ? F(o(C)) : q
       );
     };
   })()), pt;
 }
 var Tn;
-function Eo() {
-  return Tn || (Tn = 1, process.env.NODE_ENV === "production" ? Tt.exports = jo() : Tt.exports = Ro()), Tt.exports;
+function No() {
+  return Tn || (Tn = 1, process.env.NODE_ENV === "production" ? Tt.exports = Ro() : Tt.exports = Eo()), Tt.exports;
 }
-var r = Eo();
+var r = No();
 function zt(n, t) {
   return t ? t.left?.includes(n) ? "left" : t.right?.includes(n) ? "right" : null : null;
 }
-function No(n, t) {
+function Mo(n, t) {
   const e = [], o = [], i = [];
   return t ? (n.forEach((l) => {
     const a = zt(l.field, t);
@@ -279,7 +279,7 @@ function No(n, t) {
 function An(n, t, e, o, i, l, a, s) {
   const c = {};
   if (!e) return c;
-  const d = No(n, e);
+  const d = Mo(n, e);
   let g = 0;
   s && (g += 48), l && a && (g += 48), o && i && (g += 48), d.left.forEach((h) => {
     c[h.field] = g;
@@ -295,7 +295,7 @@ function An(n, t, e, o, i, l, a, s) {
 function cn(n, t) {
   return t ? t.top?.includes(n) ? "top" : t.bottom?.includes(n) ? "bottom" : null : null;
 }
-function Mo(n, t) {
+function Io(n, t) {
   const e = [], o = [], i = [];
   return t ? (n.forEach((l) => {
     const a = cn(l.id, t);
@@ -320,7 +320,7 @@ function it(n) {
   }
   return { type: "fixed", value: 100 };
 }
-function Io(n) {
+function Po(n) {
   const {
     rowHeight: t,
     pagination: e,
@@ -379,13 +379,13 @@ function Io(n) {
       }
       oe.type === "fixed" ? K.push({ col: A, width: oe.value }) : oe.type === "percentage" ? C.push({ col: A, percentage: oe.value }) : B.push({ col: A, flex: 1 });
     });
-    const O = K.reduce((A, { width: X }) => A + X, 0);
-    let W = Math.max(0, q - O);
+    const W = K.reduce((A, { width: X }) => A + X, 0);
+    let O = Math.max(0, q - W);
     const V = /* @__PURE__ */ new Map();
     C.forEach(({ col: A, percentage: X }) => {
-      const oe = X / 100 * W;
-      V.set(A.field, oe), W -= oe;
-    }), W = Math.max(0, W);
+      const oe = X / 100 * O;
+      V.set(A.field, oe), O -= oe;
+    }), O = Math.max(0, O);
     const G = /* @__PURE__ */ new Map(), D = B.map((A) => ({
       ...A,
       minWidth: A.col.minWidth ?? 50,
@@ -400,7 +400,7 @@ function Io(n) {
         A++;
         const oe = D.filter((ie) => !ie.frozen);
         if (oe.length === 0) break;
-        const ue = oe.reduce((ie, ye) => ie + ye.flex, 0), fe = D.reduce((ie, ye) => ye.frozen ? ie + ye.computedWidth : ie, 0), Ie = Math.max(0, W - fe);
+        const ue = oe.reduce((ie, Ce) => ie + Ce.flex, 0), fe = D.reduce((ie, Ce) => Ce.frozen ? ie + Ce.computedWidth : ie, 0), Ie = Math.max(0, O - fe);
         if (ue <= 0) {
           oe.forEach((ie) => {
             ie.computedWidth = ie.minWidth, ie.frozen = !0;
@@ -411,8 +411,8 @@ function Io(n) {
         let xe = 0;
         const Ue = [], Ke = [];
         if (oe.forEach((ie) => {
-          const ye = Ve * ie.flex;
-          ye < ie.minWidth ? (xe += ie.minWidth - ye, Ue.push(ie)) : ye > ie.maxWidth ? (xe += ie.maxWidth - ye, Ke.push(ie)) : ie.computedWidth = ye;
+          const Ce = Ve * ie.flex;
+          Ce < ie.minWidth ? (xe += ie.minWidth - Ce, Ue.push(ie)) : Ce > ie.maxWidth ? (xe += ie.maxWidth - Ce, Ke.push(ie)) : ie.computedWidth = Ce;
         }), Ue.length === 0 && Ke.length === 0) {
           oe.forEach((ie) => ie.frozen = !0);
           break;
@@ -452,9 +452,9 @@ function Io(n) {
         width: ne.get(A.field) ?? (typeof A.width == "number" ? A.width : 100),
         flex: X ? X.flex : A.flex
       };
-    }), Z = 11, pe = R.map((A, X) => {
+    }), ee = 11, pe = R.map((A, X) => {
       const oe = it(F(A));
-      return { ...A, width: oe.type === "fixed" ? oe.value : 100, zIndex: Z + X };
+      return { ...A, width: oe.type === "fixed" ? oe.value : 100, zIndex: ee + X };
     }), $ = 11, ge = _.map((A, X) => {
       const oe = it(F(A));
       return {
@@ -462,7 +462,7 @@ function Io(n) {
         width: oe.type === "fixed" ? oe.value : 100,
         zIndex: $ + (_.length - 1 - X)
       };
-    }), de = T.reduce((A, X) => A + X, 0), ve = H + de + L + I, ce = T.reduce((A, X, oe) => (A.push((A[oe - 1] || 0) + X), A), []);
+    }), de = T.reduce((A, X) => A + X, 0), be = H + de + L + I, ce = T.reduce((A, X, oe) => (A.push((A[oe - 1] || 0) + X), A), []);
     return {
       rowHeights: y,
       cumulativeHeights: w,
@@ -474,7 +474,7 @@ function Io(n) {
       unpinnedColsWithWidth: te,
       unpinnedColWidths: T,
       unpinnedAccWidths: ce,
-      totalWidth: ve,
+      totalWidth: be,
       leftWidth: H,
       rightWidth: L,
       unpinnedTotalWidth: de,
@@ -504,7 +504,7 @@ function Io(n) {
     f
   ]);
 }
-function Po(n) {
+function Lo(n) {
   const {
     allRenderableRows: t,
     navigationColumns: e,
@@ -521,7 +521,7 @@ function Po(n) {
     pageSize: m,
     virtualization: v,
     viewportRef: b
-  } = n, [S, N] = Q(null), f = z((w) => {
+  } = n, [S, N] = Z(null), f = z((w) => {
     w.target === w.currentTarget && N((u) => {
       if (u) return u;
       if (o)
@@ -571,23 +571,23 @@ function Po(n) {
     const E = u === "HEADER", R = E ? -1 : t.findIndex((L) => L.id === u), _ = e.findIndex((L) => L.field === p);
     if (!E && R === -1 || _ === -1) return;
     const M = (L, U, q, K, C, B = !1) => {
-      let O = L + q, W = U + K;
-      return C && K !== 0 && (K > 0 && W >= e.length ? (W = 0, O++) : K < 0 && W < 0 && (W = e.length - 1, O--)), !C && (W < 0 || W >= e.length) || O < (B ? -1 : 0) || O >= t.length ? null : { r: O, c: W };
+      let W = L + q, O = U + K;
+      return C && K !== 0 && (K > 0 && O >= e.length ? (O = 0, W++) : K < 0 && O < 0 && (O = e.length - 1, W--)), !C && (O < 0 || O >= e.length) || W < (B ? -1 : 0) || W >= t.length ? null : { r: W, c: O };
     }, T = (L, U, q, K, C, B = !1) => {
-      let O = L, W = U, V = 0;
+      let W = L, O = U, V = 0;
       const G = t.length * e.length + e.length;
       for (; V < G; ) {
-        if (V++, O += q, W += K, K !== 0)
-          K > 0 ? W >= e.length && (W = 0, O++) : W < 0 && (W = e.length - 1, O--);
-        else if (W < 0 || W >= e.length) return null;
-        if (O < -1 || O >= t.length) return null;
-        if (O === -1) {
+        if (V++, W += q, O += K, K !== 0)
+          K > 0 ? O >= e.length && (O = 0, W++) : O < 0 && (O = e.length - 1, W--);
+        else if (O < 0 || O >= e.length) return null;
+        if (W < -1 || W >= t.length) return null;
+        if (W === -1) {
           if (!B) continue;
-          const Z = e[W], pe = Z.sortable !== !1;
-          if (["__checkbox_col__"].includes(Z.field) || pe) return { r: O, c: W };
+          const ee = e[O], pe = ee.sortable !== !1;
+          if (["__checkbox_col__"].includes(ee.field) || pe) return { r: W, c: O };
           continue;
         }
-        const D = t[O], P = e[W], ne = ["__checkbox_col__", "__expand_col__", "__reorder_col__"].includes(P.field);
+        const D = t[W], P = e[O], ne = ["__checkbox_col__", "__expand_col__", "__reorder_col__"].includes(P.field);
         let te = P.editable || ne;
         if (x && !ne)
           try {
@@ -596,12 +596,12 @@ function Po(n) {
               field: P.field,
               value: D[P.field],
               colDef: P,
-              rowIndex: O,
-              colIndex: W
+              rowIndex: W,
+              colIndex: O
             });
           } catch {
           }
-        if (te) return { r: O, c: W };
+        if (te) return { r: W, c: O };
       }
       return null;
     };
@@ -636,14 +636,14 @@ function Po(n) {
       N(I === -1 ? { id: "HEADER", field: L.field } : { id: t[I].id, field: L.field });
       const U = b.current;
       if (U) {
-        const { cumulativeHeights: q, pinnedTopHeight: K, columnMetrics: C } = v, { clientHeight: B, clientWidth: O, scrollTop: W, scrollLeft: V } = U, G = I <= 0 ? 0 : q[I - 1], D = q[I], P = W + K, ne = W + B;
-        let te = W;
-        if (G < P ? te = Math.max(0, G - K) : D > ne && (te = D - B), te !== W && (U.scrollTop = te), C) {
-          const { leftPinnedWidth: Z, rightPinnedWidth: pe, unpinnedAccWidths: $, unpinnedCols: ge, totalSpecialsWidth: de, pinnedSpecialsWidth: ve } = C, ce = ge.findIndex((A) => A.field === L.field);
+        const { cumulativeHeights: q, pinnedTopHeight: K, columnMetrics: C } = v, { clientHeight: B, clientWidth: W, scrollTop: O, scrollLeft: V } = U, G = I <= 0 ? 0 : q[I - 1], D = q[I], P = O + K, ne = O + B;
+        let te = O;
+        if (G < P ? te = Math.max(0, G - K) : D > ne && (te = D - B), te !== O && (U.scrollTop = te), C) {
+          const { leftPinnedWidth: ee, rightPinnedWidth: pe, unpinnedAccWidths: $, unpinnedCols: ge, totalSpecialsWidth: de, pinnedSpecialsWidth: be } = C, ce = ge.findIndex((A) => A.field === L.field);
           if (ce !== -1) {
-            const A = de + Z + (ce > 0 ? $[ce - 1] : 0), X = de + Z + $[ce], oe = V + ve + Z, ue = V + O - pe;
+            const A = de + ee + (ce > 0 ? $[ce - 1] : 0), X = de + ee + $[ce], oe = V + be + ee, ue = V + W - pe;
             let fe = V;
-            A < oe ? fe = Math.max(0, A - ve - Z) : X > ue && (fe = X - O + pe), fe !== V && (U.scrollLeft = fe);
+            A < oe ? fe = Math.max(0, A - be - ee) : X > ue && (fe = X - W + pe), fe !== V && (U.scrollLeft = fe);
           }
         }
       }
@@ -667,8 +667,8 @@ function Po(n) {
   ]);
   return { focusedCell: S, setFocusedCell: N, handleFocus: f, handleBlur: k, handleKeyDown: y };
 }
-const Lo = { rowFields: [], columnFields: [], valueFields: [] };
-function To(n) {
+const To = { rowFields: [], columnFields: [], valueFields: [] };
+function Wo(n) {
   const {
     initialState: t,
     sortModel: e,
@@ -683,29 +683,29 @@ function To(n) {
     paginationModel: x = { page: 0, pageSize: 100 },
     onPaginationModelChange: h,
     rowSelectionModel: m
-  } = n, [v, b] = Q(
+  } = n, [v, b] = Z(
     () => t?.sorting?.sortModel ?? []
-  ), S = e !== void 0, N = S ? e : v, f = o !== void 0, [k, y] = Q(
+  ), S = e !== void 0, N = S ? e : v, f = o !== void 0, [k, y] = Z(
     () => o ?? {}
-  ), w = f ? o : k, u = z((Z) => {
-    f || y(Z), i?.(Z);
-  }, [f, i]), p = l !== void 0, [j, E] = Q(
+  ), w = f ? o : k, u = z((ee) => {
+    f || y(ee), i?.(ee);
+  }, [f, i]), p = l !== void 0, [j, E] = Z(
     () => t?.columns?.columnVisibilityModel ?? {}
-  ), R = p ? l : j, _ = z((Z) => {
-    p || E(Z), a?.(Z);
-  }, [p, a]), M = s !== void 0, [T, I] = Q(
+  ), R = p ? l : j, _ = z((ee) => {
+    p || E(ee), a?.(ee);
+  }, [p, a]), M = s !== void 0, [T, I] = Z(
     () => t?.columns?.pinnedColumns ?? {}
-  ), F = M ? s : T, H = z((Z) => {
-    M || I(Z), c?.(Z);
-  }, [M, c]), [L, U] = Q(
-    () => d ?? Lo
-  ), q = d ?? L, K = z((Z) => {
-    U(Z), g?.(Z);
-  }, [g]), C = x !== void 0 && n.paginationModel !== void 0, [B, O] = Q(
+  ), F = M ? s : T, H = z((ee) => {
+    M || I(ee), c?.(ee);
+  }, [M, c]), [L, U] = Z(
+    () => d ?? To
+  ), q = d ?? L, K = z((ee) => {
+    U(ee), g?.(ee);
+  }, [g]), C = x !== void 0 && n.paginationModel !== void 0, [B, W] = Z(
     () => t?.pagination?.paginationModel ?? x
-  ), W = C ? x : B, V = z((Z) => {
-    C || O(Z), h?.(Z);
-  }, [C, h]), G = m !== void 0, [D, P] = Q([]), ne = G ? m : D, te = le(() => new Set(ne), [ne]);
+  ), O = C ? x : B, V = z((ee) => {
+    C || W(ee), h?.(ee);
+  }, [C, h]), G = m !== void 0, [D, P] = Z([]), ne = G ? m : D, te = le(() => new Set(ne), [ne]);
   return {
     sortModel: N,
     isSortControlled: S,
@@ -718,7 +718,7 @@ function To(n) {
     handlePinnedColumnsChange: H,
     currentPivotModel: q,
     handlePivotModelChange: K,
-    effectivePaginationModel: W,
+    effectivePaginationModel: O,
     handlePaginationModelChange: V,
     rowSelectionModel: ne,
     selectedRowIds: te,
@@ -770,11 +770,11 @@ const Oo = {
   },
   "=": (n, t) => n == null || t == null || t === "" ? !1 : Number(n) === Number(t)
 };
-function Wo(n, t) {
+function Fo(n, t) {
   const { field: e, operator: o, value: i } = t, l = n[e], a = Oo[o];
   return a ? a(l, i) : (console.warn(`Unknown filter operator: ${o}`), !0);
 }
-function Fo(n, t) {
+function Ao(n, t) {
   return !t || t.length === 0 ? !0 : t.every((e) => {
     const o = e.toLowerCase();
     return Object.values(n).some((i) => i == null ? !1 : String(i).toLowerCase().includes(o));
@@ -782,7 +782,7 @@ function Fo(n, t) {
 }
 function un(n, t) {
   const e = t.items ?? [], o = t.logicOperator ?? "and", i = ("quickFilterValues" in t ? t.quickFilterValues : void 0) ?? [];
-  if (i.length > 0 && !Fo(n, i))
+  if (i.length > 0 && !Ao(n, i))
     return !1;
   if (e.length === 0)
     return !0;
@@ -791,16 +791,16 @@ function un(n, t) {
       const s = a, c = s.items;
       return c.length === 0 ? !0 : s.logicOperator === "and" ? c.every(l) : c.some(l);
     } else
-      return Wo(n, a);
+      return Fo(n, a);
   };
   return o === "and" ? e.every(l) : e.some(l);
 }
-function Ao(n, t) {
+function zo(n, t) {
   if (!t) return n;
   const { items: e = [], quickFilterValues: o = [] } = t;
   return e.length === 0 && (!o || o.length === 0) ? n : n.filter((i) => un(i, t));
 }
-function zo(n) {
+function Bo(n) {
   switch (n) {
     case "number":
       return ["=", "!=", ">", ">=", "<", "<=", "isEmpty", "isNotEmpty"];
@@ -825,7 +825,7 @@ function gn(n, t, e) {
   const o = String(n).toLowerCase(), i = String(t).toLowerCase();
   return e === "asc" ? o < i ? -1 : o > i ? 1 : 0 : o > i ? -1 : o < i ? 1 : 0;
 }
-function Bo(n, t) {
+function $o(n, t) {
   if (t.length === 0)
     return n;
   const e = [...n];
@@ -838,7 +838,7 @@ function Bo(n, t) {
     return 0;
   }), e;
 }
-function $o(n) {
+function Do(n) {
   const {
     effectiveRows: t,
     activeHierarchyHandlers: e,
@@ -853,7 +853,7 @@ function $o(n) {
     pinnedRows: x,
     isLoading: h,
     pageSize: m
-  } = n, v = le(() => e ? e.getVisibleRows() || [] : o === "server" && l ? t : Ao(t, i), [t, i, e, o, l]), { top: b, center: S, bottom: N } = le(() => e ? { top: [], center: v, bottom: [] } : Mo(v, x), [v, x, e]), f = le(() => e || s === "server" && l ? S : Bo(S, a), [S, a, e, s, l]), k = le(() => {
+  } = n, v = le(() => e ? e.getVisibleRows() || [] : o === "server" && l ? t : zo(t, i), [t, i, e, o, l]), { top: b, center: S, bottom: N } = le(() => e ? { top: [], center: v, bottom: [] } : Io(v, x), [v, x, e]), f = le(() => e || s === "server" && l ? S : $o(S, a), [S, a, e, s, l]), k = le(() => {
     if (!c || d === "server" && l) return f;
     const w = g.page * g.pageSize;
     return f.slice(w, w + g.pageSize);
@@ -890,7 +890,7 @@ function $o(n) {
     allRenderableRows: y
   };
 }
-function Do(n) {
+function Ho(n) {
   const {
     layout: t,
     scrollTop: e,
@@ -941,11 +941,11 @@ function Do(n) {
       ...m.slice(H, L + 1),
       ...C > 0 ? [{ field: "__spacer_right__", width: C, isSpacer: !0 }] : [],
       ...b
-    ], W = _ > 0 && S > _ ? 16 : 0, V = u + j + p + W + 2, G = 5;
-    let D = 0, P = R - 1, ne = 0, te = 0, Z = w.length - 1;
-    for (; te <= Z; ) {
-      const $ = te + Z >>> 1;
-      w[$] < e ? te = $ + 1 : Z = $ - 1;
+    ], O = _ > 0 && S > _ ? 16 : 0, V = u + j + p + O + 2, G = 5;
+    let D = 0, P = R - 1, ne = 0, te = 0, ee = w.length - 1;
+    for (; te <= ee; ) {
+      const $ = te + ee >>> 1;
+      w[$] < e ? te = $ + 1 : ee = $ - 1;
     }
     D = Math.max(0, te - G), ne = D > 0 ? w[D - 1] : 0;
     for (let $ = D; $ < w.length; $++)
@@ -993,8 +993,8 @@ function Do(n) {
     x
   ]);
 }
-function Ho(n) {
-  const { columns: t, onColumnOrderChange: e, disableColumnReorder: o = !1 } = n, [i, l] = Q(null), [a, s] = Q(null), c = J(-1), d = z(
+function Go(n) {
+  const { columns: t, onColumnOrderChange: e, disableColumnReorder: o = !1 } = n, [i, l] = Z(null), [a, s] = Z(null), c = J(-1), d = z(
     (m) => (v) => {
       if (o) return;
       const b = t.findIndex((N) => N.field === m);
@@ -1114,7 +1114,7 @@ function zn({ isExpanded: n, onClick: t, variant: e = "chevron" }) {
     }
   );
 }
-function Go(n) {
+function Vo(n) {
   const {
     activeColumns: t,
     isHierarchyEnabled: e,
@@ -1147,19 +1147,19 @@ function Go(n) {
         /* @__PURE__ */ r.jsx("div", { style: { marginRight: 4, width: 24, height: 24, display: "flex", alignItems: "center", justifyContent: "center", cursor: H ? "pointer" : "default", flexShrink: 0 }, children: H ? /* @__PURE__ */ r.jsx(
           "div",
           {
-            onClick: (O) => {
-              O.stopPropagation(), O.preventDefault(), l?.toggleExpansion(T.row.id);
+            onClick: (W) => {
+              W.stopPropagation(), W.preventDefault(), l?.toggleExpansion(T.row.id);
             },
-            onMouseDown: (O) => {
-              O.stopPropagation();
+            onMouseDown: (W) => {
+              W.stopPropagation();
             },
             style: { cursor: "pointer", display: "flex", alignItems: "center", justifyContent: "center", pointerEvents: "auto", zIndex: 10, position: "relative" },
             children: /* @__PURE__ */ r.jsx(
               zn,
               {
                 isExpanded: L,
-                onClick: (O) => {
-                  O.stopPropagation(), O.preventDefault(), l?.toggleExpansion(T.row.id);
+                onClick: (W) => {
+                  W.stopPropagation(), W.preventDefault(), l?.toggleExpansion(T.row.id);
                 }
               }
             )
@@ -1174,11 +1174,11 @@ function Go(n) {
       const I = T.row, F = !!I._hasChildren, H = typeof I._groupingField == "string" ? I._groupingField : void 0;
       return o && F ? _.field === H ? null : T.value !== void 0 && T.value !== null ? _.renderCell ? _.renderCell(T) : T.value : null : _.renderCell ? _.renderCell(T) : T.value;
     }
-  }) : t, [t, e, o, i, l]), [N, f] = Q(
+  }) : t, [t, e, o, i, l]), [N, f] = Z(
     () => v?.columns?.columnWidths ?? {}
   ), k = z((_, M) => {
     f((T) => ({ ...T, [_]: M }));
-  }, []), [y, w] = Q(
+  }, []), [y, w] = Z(
     () => v?.columns?.columnOrder ?? t.map((_) => _.field)
   ), u = s ?? y;
   re(() => {
@@ -1196,7 +1196,7 @@ function Go(n) {
   }, [S, u, d]), j = le(
     () => p.filter((_) => a[_.field] !== !1),
     [p, a]
-  ), E = Ho({
+  ), E = Go({
     columns: p,
     onColumnOrderChange: z((_) => {
       const { oldIndex: M, targetIndex: T } = _, I = [...u], [F] = I.splice(M, 1);
@@ -1219,7 +1219,7 @@ function Go(n) {
     handleColumnResize: k
   };
 }
-function Vo(n) {
+function Uo(n) {
   const {
     renderContext: t,
     pinnedTopRows: e,
@@ -1239,8 +1239,8 @@ function Vo(n) {
     return S.filter((f) => N.has(f.row.id) ? !1 : (N.add(f.row.id), !0));
   }, [t, e, o, i, l, a]);
 }
-function Uo(n) {
-  const { onRowsScrollEnd: t } = n, e = J({ scrollTop: 0, scrollLeft: 0 }), o = J(null), [i, l] = Q({ scrollTop: 0, scrollLeft: 0 });
+function Ko(n) {
+  const { onRowsScrollEnd: t } = n, e = J({ scrollTop: 0, scrollLeft: 0 }), o = J(null), [i, l] = Z({ scrollTop: 0, scrollLeft: 0 });
   re(() => () => {
     o.current !== null && cancelAnimationFrame(o.current);
   }, []);
@@ -1259,7 +1259,7 @@ function Uo(n) {
   }, [t]);
   return { scrollTop: i.scrollTop, scrollLeft: i.scrollLeft, handleScroll: a };
 }
-function Ko(n) {
+function Yo(n) {
   const {
     onStateChange: t,
     sortModel: e,
@@ -1296,7 +1296,7 @@ function Ko(n) {
     c
   ]);
 }
-const Yo = {
+const qo = {
   sum: (n) => n.filter((e) => e != null && !isNaN(Number(e))).reduce((e, o) => e + Number(o), 0),
   avg: (n) => {
     const t = n.filter((e) => e != null && !isNaN(Number(e)));
@@ -1316,7 +1316,7 @@ const Yo = {
 function He(n, t) {
   return n == null ? "—" : typeof n == "number" ? t === "avg" ? n.toLocaleString(void 0, { maximumFractionDigits: 2 }) : n.toLocaleString() : String(n);
 }
-function qo(n) {
+function Xo(n) {
   const {
     rows: t,
     aggregationModel: e,
@@ -1329,7 +1329,7 @@ function qo(n) {
     if (o || Object.keys(e).length === 0) return {};
     const f = {};
     for (const [k, y] of Object.entries(e)) {
-      const w = Yo[y];
+      const w = qo[y];
       if (!w) {
         console.warn(`[useAggregation] Unknown aggregation function: "${y}"`);
         continue;
@@ -1338,7 +1338,7 @@ function qo(n) {
       f[k] = w(u);
     }
     return f;
-  }, [t, e, o]), [d, g] = Q({}), [x, h] = Q(!1), [m, v] = Q(null), b = J(0), S = z(async () => {
+  }, [t, e, o]), [d, g] = Z({}), [x, h] = Z(!1), [m, v] = Z(null), b = J(0), S = z(async () => {
     if (!i?.getAggregations || Object.keys(e).length === 0) return;
     const f = ++b.current;
     h(!0), v(null);
@@ -1360,7 +1360,7 @@ function qo(n) {
     o && i?.getAggregations && !s && S();
   }, [S, o, i, s]), { aggregationResult: le(() => o ? s && Object.keys(s).length > 0 ? s : d : c, [o, c, s, d]), isLoading: x, error: m };
 }
-function Xo({
+function Jo({
   columns: n,
   aggregationModel: t,
   aggregationResult: e,
@@ -1407,7 +1407,7 @@ function Xo({
     }
   );
 }
-function Jo({ noRowsLabel: n, width: t }) {
+function Qo({ noRowsLabel: n, width: t }) {
   return /* @__PURE__ */ r.jsxs("div", { className: "ogx__empty", style: { width: t }, children: [
     /* @__PURE__ */ r.jsxs("svg", { width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: [
       /* @__PURE__ */ r.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
@@ -1416,7 +1416,7 @@ function Jo({ noRowsLabel: n, width: t }) {
     /* @__PURE__ */ r.jsx("span", { children: n })
   ] });
 }
-function Qo({ error: n }) {
+function Zo({ error: n }) {
   if (!n) return null;
   const t = n instanceof Error ? n.message : typeof n == "string" ? n : "An unexpected error occurred while loading the data.";
   return /* @__PURE__ */ r.jsxs("div", { className: "ogx-error-overlay", "aria-live": "assertive", role: "alert", children: [
@@ -1473,8 +1473,8 @@ const At = ({
     t && /* @__PURE__ */ r.jsx("span", { className: "ogx-checkbox__label", children: t })
   ] });
 };
-function Zo(n) {
-  const { field: t, currentWidth: e, onResize: o, minWidth: i = 50, maxWidth: l = 1e3 } = n, [a, s] = Q(!1), c = J(0), d = J(0), g = z((m) => {
+function er(n) {
+  const { field: t, currentWidth: e, onResize: o, minWidth: i = 50, maxWidth: l = 1e3 } = n, [a, s] = Z(!1), c = J(0), d = J(0), g = z((m) => {
     m.preventDefault(), m.stopPropagation(), s(!0), c.current = m.clientX, d.current = e;
     let v = 0;
     const b = 16, S = (f) => {
@@ -1515,7 +1515,7 @@ function lt() {
 function st() {
   return /* @__PURE__ */ r.jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ r.jsx("circle", { cx: "4", cy: "4", r: "3" }) });
 }
-function er() {
+function tr() {
   return /* @__PURE__ */ r.jsxs("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", width: "13", height: "13", fill: "none", children: [
     /* @__PURE__ */ r.jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: "currentColor", strokeWidth: "1.8" }),
     /* @__PURE__ */ r.jsx("rect", { x: "8.5", y: "4", width: "7", height: "16", fill: "currentColor", opacity: "0.3" }),
@@ -1525,51 +1525,51 @@ function er() {
     /* @__PURE__ */ r.jsx("line", { x1: "2", y1: "14", x2: "22", y2: "14", stroke: "currentColor", strokeWidth: "1.2" })
   ] });
 }
-function tr() {
+function nr() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("line", { x1: "12", y1: "19", x2: "12", y2: "5" }),
     /* @__PURE__ */ r.jsx("polyline", { points: "5 12 12 5 19 12" })
   ] });
 }
-function nr() {
+function or() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
     /* @__PURE__ */ r.jsx("polyline", { points: "19 12 12 19 5 12" })
   ] });
 }
-function or() {
+function rr() {
   return /* @__PURE__ */ r.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: /* @__PURE__ */ r.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
-function rr() {
+function ir() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
     /* @__PURE__ */ r.jsx("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" }),
     /* @__PURE__ */ r.jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
   ] });
 }
-function ir() {
+function lr() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("line", { x1: "4", y1: "2", x2: "4", y2: "22" }),
     /* @__PURE__ */ r.jsx("polyline", { points: "11 8 4 12 11 16" }),
     /* @__PURE__ */ r.jsx("line", { x1: "4", y1: "12", x2: "20", y2: "12" })
   ] });
 }
-function lr() {
+function sr() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("line", { x1: "20", y1: "2", x2: "20", y2: "22" }),
     /* @__PURE__ */ r.jsx("polyline", { points: "13 8 20 12 13 16" }),
     /* @__PURE__ */ r.jsx("line", { x1: "20", y1: "12", x2: "4", y2: "12" })
   ] });
 }
-function sr() {
+function ar() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("line", { x1: "2", y1: "2", x2: "22", y2: "22" }),
     /* @__PURE__ */ r.jsx("line", { x1: "4", y1: "4", x2: "4", y2: "20" }),
     /* @__PURE__ */ r.jsx("line", { x1: "4", y1: "12", x2: "20", y2: "12" })
   ] });
 }
-function ar({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedColumns: l, onManageColumns: a, onClose: s, anchorEl: c }) {
-  const d = J(null), [g, x] = Q({ position: "fixed", zIndex: 1300, top: 0, left: 0, visibility: "hidden" });
+function dr({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedColumns: l, onManageColumns: a, onClose: s, anchorEl: c }) {
+  const d = J(null), [g, x] = Z({ position: "fixed", zIndex: 1300, top: 0, left: 0, visibility: "hidden" });
   ae.useLayoutEffect(() => {
     if (!c || !d.current) return;
     const w = c.getBoundingClientRect(), u = d.current.getBoundingClientRect(), p = window.innerWidth, j = window.innerHeight, E = 8;
@@ -1607,7 +1607,7 @@ function ar({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
             "aria-checked": b === "asc",
             children: [
               /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: b === "asc" ? /* @__PURE__ */ r.jsx(lt, {}) : /* @__PURE__ */ r.jsx(st, {}) }),
-              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(tr, {}) }),
+              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(nr, {}) }),
               "Sort Ascending"
             ]
           }
@@ -1621,7 +1621,7 @@ function ar({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
             "aria-checked": b === "desc",
             children: [
               /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: b === "desc" ? /* @__PURE__ */ r.jsx(lt, {}) : /* @__PURE__ */ r.jsx(st, {}) }),
-              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(nr, {}) }),
+              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(or, {}) }),
               "Sort Descending"
             ]
           }
@@ -1635,7 +1635,7 @@ function ar({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
             "aria-checked": S,
             children: [
               /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: S ? /* @__PURE__ */ r.jsx(lt, {}) : /* @__PURE__ */ r.jsx(st, {}) }),
-              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(or, {}) }),
+              /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(rr, {}) }),
               "Unsort"
             ]
           }
@@ -1653,7 +1653,7 @@ function ar({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
           "aria-label": "Pin to left",
           children: [
             /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: N ? /* @__PURE__ */ r.jsx(lt, {}) : /* @__PURE__ */ r.jsx(st, {}) }),
-            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(ir, {}) }),
+            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(lr, {}) }),
             "Pin to Left"
           ]
         }
@@ -1668,7 +1668,7 @@ function ar({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
           "aria-label": "Pin to right",
           children: [
             /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: f ? /* @__PURE__ */ r.jsx(lt, {}) : /* @__PURE__ */ r.jsx(st, {}) }),
-            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(lr, {}) }),
+            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(sr, {}) }),
             "Pin to Right"
           ]
         }
@@ -1683,7 +1683,7 @@ function ar({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
           "aria-label": "Unpin column",
           children: [
             /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: k ? /* @__PURE__ */ r.jsx(lt, {}) : /* @__PURE__ */ r.jsx(st, {}) }),
-            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(sr, {}) }),
+            /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(ar, {}) }),
             "Unpin"
           ]
         }
@@ -1691,7 +1691,7 @@ function ar({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
       /* @__PURE__ */ r.jsx("div", { className: "ogx-menu-divider" }),
       /* @__PURE__ */ r.jsxs("button", { className: "ogx-menu-item", onClick: m, role: "menuitem", "aria-label": `Hide ${y} column`, children: [
         /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true" }),
-        /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(rr, {}) }),
+        /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(ir, {}) }),
         "Hide Column"
       ] }),
       /* @__PURE__ */ r.jsx("div", { className: "ogx-menu-divider" }),
@@ -1699,17 +1699,17 @@ function ar({ colDef: n, sortModel: t, onSort: e, onHide: o, onPin: i, pinnedCol
         a?.(), s();
       }, role: "menuitem", "aria-label": "Manage all columns", children: [
         /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true" }),
-        /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(er, {}) }),
+        /* @__PURE__ */ r.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(tr, {}) }),
         "Manage columns"
       ] })
     ] }),
     c?.closest(".ogx-theme-provider") || document.body
   );
 }
-function dr() {
+function cr() {
   return /* @__PURE__ */ r.jsx("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", fill: "currentColor", width: "18", height: "18", children: /* @__PURE__ */ r.jsx("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }) });
 }
-function cr() {
+function ur() {
   return /* @__PURE__ */ r.jsx("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", width: "18", height: "18", fill: "currentColor", children: /* @__PURE__ */ r.jsx("path", { d: "M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z" }) });
 }
 function Bn(n) {
@@ -1718,7 +1718,7 @@ function Bn(n) {
     typeof e == "string" ? t.push(e) : t.push(...Bn(e));
   return t;
 }
-function ur(n) {
+function gr(n) {
   let t = 0;
   function e(o, i) {
     t = Math.max(t, i);
@@ -1726,7 +1726,7 @@ function ur(n) {
   }
   return n.forEach((o) => e(o, 1)), t;
 }
-function gr(n, t, e) {
+function fr(n, t, e) {
   function o(s, c, d) {
     if (!Bn(s).includes(c)) return null;
     if (d === e) return s;
@@ -1759,7 +1759,7 @@ function gr(n, t, e) {
   }
   return l;
 }
-function fr(n) {
+function hr(n) {
   const {
     columns: t,
     allColumns: e,
@@ -1802,7 +1802,7 @@ function fr(n) {
   }, [j]);
   const U = (P) => () => {
     if (P.sortable === !1 || !c) return;
-    const ne = d.find((Z) => Z.field === P.field);
+    const ne = d.find((ee) => ee.field === P.field);
     let te = "asc";
     ne && (ne.sort === "asc" ? te = "desc" : te = null), c(P.field, te);
   }, q = (P) => {
@@ -1817,7 +1817,7 @@ function fr(n) {
     m,
     b,
     S
-  ), [t, x, h, i, v, m, b, S]), C = o ? ur(o) : 0, O = (e ?? t).filter((P) => !P.isSpacer).map((P) => ({
+  ), [t, x, h, i, v, m, b, S]), C = o ? gr(o) : 0, W = (e ?? t).filter((P) => !P.isSpacer).map((P) => ({
     field: P.field,
     width: x[P.field] ?? P.width ?? 100
   })), D = (S ? 48 : 0) + (m ? 48 : 0) + (i ? 48 : 0);
@@ -1826,9 +1826,9 @@ function fr(n) {
     // so they ALL stay sticky together and scroll horizontally as one unit.
     /* @__PURE__ */ r.jsxs("div", { className: "ogx__header-wrap", children: [
       C > 0 && Array.from({ length: C }, (P, ne) => {
-        const te = gr(
+        const te = fr(
           o,
-          O,
+          W,
           ne
         );
         return /* @__PURE__ */ r.jsxs("div", { className: "ogx-col-group-row", role: "row", children: [
@@ -1840,16 +1840,16 @@ function fr(n) {
               role: "columnheader"
             }
           ),
-          te.map((Z) => /* @__PURE__ */ r.jsx(
+          te.map((ee) => /* @__PURE__ */ r.jsx(
             "div",
             {
               role: "columnheader",
-              className: `ogx-col-group-cell ${Z.isGroup ? "ogx-col-group-cell--group" : "ogx-col-group-cell--filler"}`,
-              style: { width: Z.width, minWidth: Z.width, flexShrink: 0 },
-              title: Z.isGroup ? Z.label : void 0,
-              children: Z.isGroup && /* @__PURE__ */ r.jsx("span", { className: "ogx-col-group-cell__label", children: Z.label })
+              className: `ogx-col-group-cell ${ee.isGroup ? "ogx-col-group-cell--group" : "ogx-col-group-cell--filler"}`,
+              style: { width: ee.width, minWidth: ee.width, flexShrink: 0 },
+              title: ee.isGroup ? ee.label : void 0,
+              children: ee.isGroup && /* @__PURE__ */ r.jsx("span", { className: "ogx-col-group-cell__label", children: ee.label })
             },
-            Z.key
+            ee.key
           ))
         ] }, `ogx-grp-${ne}`);
       }),
@@ -1922,15 +1922,15 @@ function fr(n) {
               },
               P.field
             );
-          const te = P.sortable !== !1, Z = d.some((xe) => xe.field === P.field), pe = P.resizable !== !1, $ = zt(P.field, h), ge = $ !== null, de = f === P.field, ve = k === P.field, ce = [
+          const te = P.sortable !== !1, ee = d.some((xe) => xe.field === P.field), pe = P.resizable !== !1, $ = zt(P.field, h), ge = $ !== null, de = f === P.field, be = k === P.field, ce = [
             "ogx__header-cell",
             `ogx__header-cell--align-${P.headerAlign || P.align || "left"}`,
             te && "ogx__header-cell--sortable",
-            Z && "ogx__header-cell--sorted",
+            ee && "ogx__header-cell--sorted",
             ge && "ogx__header-cell--pinned",
             ge && `ogx__header-cell--pinned-${$}`,
             de && "ogx__header-cell--dragging",
-            ve && "ogx__header-cell--drag-over",
+            be && "ogx__header-cell--drag-over",
             j?.id === "HEADER" && j.field === P.field && "ogx__header-cell--focused",
             P.headerClassName
           ].filter(Boolean).join(" "), A = x[P.field] ?? P.width ?? 100, X = {
@@ -1968,7 +1968,7 @@ function fr(n) {
               onDragOver: Ie,
               onDragEnd: u,
               onDrop: Ve,
-              "aria-sort": te ? Z ? d.find((xe) => xe.field === P.field)?.sort === "asc" ? "ascending" : "descending" : "none" : void 0,
+              "aria-sort": te ? ee ? d.find((xe) => xe.field === P.field)?.sort === "asc" ? "ascending" : "descending" : "none" : void 0,
               "aria-colindex": ne + 1 + (i ? 1 : 0),
               "data-field": P.field,
               tabIndex: -1,
@@ -1977,7 +1977,7 @@ function fr(n) {
               },
               children: [
                 /* @__PURE__ */ r.jsxs("div", { className: "ogx__header-cell-content", children: [
-                  de && /* @__PURE__ */ r.jsx("div", { className: "ogx__header-drag-icon", children: /* @__PURE__ */ r.jsx(cr, {}) }),
+                  de && /* @__PURE__ */ r.jsx("div", { className: "ogx__header-drag-icon", children: /* @__PURE__ */ r.jsx(ur, {}) }),
                   /* @__PURE__ */ r.jsxs("div", { className: "ogx__header-cell-title-wrapper", children: [
                     /* @__PURE__ */ r.jsx("span", { className: "ogx__header-cell-title", children: oe }),
                     N && N[P.field] && /* @__PURE__ */ r.jsx("span", { className: "ogx__header-cell-aggregation", children: N[P.field] })
@@ -1991,12 +1991,12 @@ function fr(n) {
                       "aria-label": `Open column menu for ${P.headerName || P.field}`,
                       "aria-haspopup": "menu",
                       tabIndex: -1,
-                      children: /* @__PURE__ */ r.jsx(dr, {})
+                      children: /* @__PURE__ */ r.jsx(cr, {})
                     }
                   )
                 ] }),
                 pe && g && /* @__PURE__ */ r.jsx(
-                  Zo,
+                  er,
                   {
                     field: P.field,
                     currentWidth: A,
@@ -2011,7 +2011,7 @@ function fr(n) {
           );
         }),
         I && /* @__PURE__ */ r.jsx(
-          ar,
+          dr,
           {
             colDef: I.colDef,
             sortModel: d,
@@ -2028,7 +2028,7 @@ function fr(n) {
     ] })
   );
 }
-const Ot = ({
+const Wt = ({
   variant: n = "text",
   size: t = "medium",
   color: e = "default",
@@ -2099,7 +2099,7 @@ function $n(n) {
     ] }),
     /* @__PURE__ */ r.jsxs("div", { className: "ogx-pagination__actions", children: [
       s && /* @__PURE__ */ r.jsx(
-        Ot,
+        Wt,
         {
           variant: "text",
           size: "small",
@@ -2111,7 +2111,7 @@ function $n(n) {
         }
       ),
       /* @__PURE__ */ r.jsx(
-        Ot,
+        Wt,
         {
           variant: "text",
           size: "small",
@@ -2129,7 +2129,7 @@ function $n(n) {
         d
       ] }),
       /* @__PURE__ */ r.jsx(
-        Ot,
+        Wt,
         {
           variant: "text",
           size: "small",
@@ -2141,7 +2141,7 @@ function $n(n) {
         }
       ),
       c && /* @__PURE__ */ r.jsx(
-        Ot,
+        Wt,
         {
           variant: "text",
           size: "small",
@@ -2155,7 +2155,7 @@ function $n(n) {
     ] })
   ] });
 }
-function hr(n, t, e = {}) {
+function pr(n, t, e = {}) {
   const o = /* @__PURE__ */ new Map(), i = [];
   n.forEach((s) => {
     o.set(s.id, s), i.push(s.id);
@@ -2211,7 +2211,7 @@ function hr(n, t, e = {}) {
     }
   };
 }
-function pr(n, t) {
+function xr(n, t) {
   switch (t.type) {
     case "SET_ROWS": {
       const e = Array.from(n.rows.idRowsLookup.values()), o = typeof t.payload == "function" ? t.payload(e) : t.payload, i = /* @__PURE__ */ new Map(), l = [];
@@ -2302,10 +2302,10 @@ function pr(n, t) {
       return n;
   }
 }
-function xr(n) {
-  const { rows: t, columns: e, rowHeight: o = 52, headerHeight: i = 56, columnVisibilityModel: l, initialState: a } = n, [s] = Q(
-    () => hr(t, e, l)
-  ), [c, d] = So(pr, {
+function mr(n) {
+  const { rows: t, columns: e, rowHeight: o = 52, headerHeight: i = 56, columnVisibilityModel: l, initialState: a } = n, [s] = Z(
+    () => pr(t, e, l)
+  ), [c, d] = jo(xr, {
     ...s,
     sorting: a?.sorting || s.sorting,
     filter: a?.filter || s.filter,
@@ -2409,8 +2409,8 @@ function xr(n) {
     setRowCount: w
   };
 }
-function mr(n) {
-  const { onRowOrderChange: t, rows: e, getRowId: o, rowReordering: i = !1 } = n, [l, a] = Q(null), [s, c] = Q(null), d = z((v) => o ? o(v) : v.id, [o]), g = z((v) => (b) => {
+function wr(n) {
+  const { onRowOrderChange: t, rows: e, getRowId: o, rowReordering: i = !1 } = n, [l, a] = Z(null), [s, c] = Z(null), d = z((v) => o ? o(v) : v.id, [o]), g = z((v) => (b) => {
     i && (a(v), b.dataTransfer.effectAllowed = "move");
   }, [i]), x = z((v) => (b) => {
     !i || !l || (b.preventDefault(), b.dataTransfer.dropEffect = "move", s !== v && c(v));
@@ -2437,7 +2437,7 @@ function mr(n) {
     onDrop: i ? m : void 0
   };
 }
-function wr(n) {
+function vr(n) {
   const {
     rows: t,
     getRowId: e,
@@ -2519,7 +2519,7 @@ function wr(n) {
     return d.forEach((w) => {
       w.children && w.children.length > 0 && (l === -1 || w.depth < l) && y.add(w.id);
     }), y;
-  }, [d, i, l]), [m, v] = Q(/* @__PURE__ */ new Set());
+  }, [d, i, l]), [m, v] = Z(/* @__PURE__ */ new Set());
   re(() => {
     h.size > 0 && v(h);
   }, [h]);
@@ -2592,8 +2592,8 @@ function wr(n) {
     getNodePath: k
   }), [d, x, b, N, S, f, k]);
 }
-const vr = (n) => n?.depth === -1 ? "footer" : "inline";
-function br(n) {
+const br = (n) => n?.depth === -1 ? "footer" : "inline";
+function _r(n) {
   const {
     rows: t,
     getRowId: e,
@@ -2602,8 +2602,8 @@ function br(n) {
     defaultGroupingExpansionDepth: l = 0,
     filterModel: a,
     sortModel: s,
-    getAggregationPosition: c = vr
-  } = n, [d, g] = Q(/* @__PURE__ */ new Set()), { treeNodes: x, rootIds: h, groupingRows: m } = le(() => {
+    getAggregationPosition: c = br
+  } = n, [d, g] = Z(/* @__PURE__ */ new Set()), { treeNodes: x, rootIds: h, groupingRows: m } = le(() => {
     const f = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map(), y = [];
     if (o.length === 0)
       return { treeNodes: f, rootIds: y, groupingRows: k };
@@ -2629,18 +2629,18 @@ function br(n) {
         const L = I[0][_], U = w(_, F, R);
         T.push(U);
         const q = {};
-        i && Object.entries(i).forEach(([W, V]) => {
-          const G = I.map((D) => D[W]);
+        i && Object.entries(i).forEach(([O, V]) => {
+          const G = I.map((D) => D[O]);
           if (V === "sum")
-            q[W] = G.reduce((D, P) => D + (Number(P) || 0), 0);
+            q[O] = G.reduce((D, P) => D + (Number(P) || 0), 0);
           else if (V === "min")
-            q[W] = Math.min(...G.map((D) => Number(D) || 0));
+            q[O] = Math.min(...G.map((D) => Number(D) || 0));
           else if (V === "max")
-            q[W] = Math.max(...G.map((D) => Number(D) || 0));
+            q[O] = Math.max(...G.map((D) => Number(D) || 0));
           else if (V === "avg") {
             const D = G.reduce((P, ne) => P + (Number(ne) || 0), 0);
-            q[W] = G.length ? D / G.length : 0;
-          } else V === "count" && (q[W] = G.length);
+            q[O] = G.length ? D / G.length : 0;
+          } else V === "count" && (q[O] = G.length);
         });
         const K = {
           [_]: L,
@@ -2663,8 +2663,8 @@ function br(n) {
         C.aggregationPosition = c(C), f.set(U, C);
         const B = u(I, E + 1, U);
         f.get(U).children = B;
-        const O = I.length;
-        f.get(U).descendantCount = O;
+        const W = I.length;
+        f.get(U).descendantCount = W;
       }), T;
     }, p = u(t, 0, null);
     return y.push(...p), { treeNodes: f, rootIds: y, groupingRows: k };
@@ -2739,14 +2739,14 @@ function br(n) {
     getNode: N
   }), [x, m, v, b, S, N]);
 }
-function _r(n) {
+function yr(n) {
   const {
     rows: t,
     getRowId: e,
     processRowUpdate: o,
     onProcessRowUpdateError: i,
     onRowChange: l
-  } = n, [a, s] = Q(null), c = J(null), d = z((m) => {
+  } = n, [a, s] = Z(null), c = J(null), d = z((m) => {
     s(m), c.current = typeof m == "function" ? m(c.current) : m;
   }, []), g = z((m) => {
     d({
@@ -2793,8 +2793,8 @@ function _r(n) {
     setEditCellValue: h
   };
 }
-function yr(n, t, e) {
-  const [o, i] = Q(/* @__PURE__ */ new Map()), [l, a] = Q({
+function Cr(n, t, e) {
+  const [o, i] = Z(/* @__PURE__ */ new Map()), [l, a] = Z({
     caches: {
       spannedCells: {},
       hiddenCells: {},
@@ -2990,7 +2990,7 @@ function at(n, t, e, o) {
   let i = n.get(t);
   i || (i = {}, n.set(t, i)), i[e] = o;
 }
-function Cr(n) {
+function kr(n) {
   const {
     dataSource: t,
     sortModel: e,
@@ -3090,7 +3090,7 @@ function Cr(n) {
   };
 }
 const Dn = "\0", xt = "";
-function kr(n, t) {
+function Sr(n, t) {
   const e = n.filter((o) => o != null && !isNaN(o));
   if (e.length === 0) return null;
   switch (t) {
@@ -3106,13 +3106,13 @@ function kr(n, t) {
       return Math.max(...e);
   }
 }
-function Wt(n, t) {
+function Ot(n, t) {
   return t.map((e) => String(n[e] ?? "")).join(Dn);
 }
 function an(n, t, e, o) {
   return o ? `${n}${xt}${t}${xt}${e}` : `${t}${xt}${e}`;
 }
-function Sr(n, t, e, o) {
+function jr(n, t, e, o) {
   return le(() => {
     const i = { pivotRows: [], pivotColumns: [], colKeys: [], isValid: !1 };
     if (!o) return i;
@@ -3120,16 +3120,16 @@ function Sr(n, t, e, o) {
     if (l.length === 0 || s.length === 0) return i;
     const c = a.length > 0, d = new Map(t.map((f) => [f.field, f])), g = /* @__PURE__ */ new Set();
     for (const f of n)
-      g.add(Wt(f, a));
+      g.add(Ot(f, a));
     const x = Array.from(g).sort(), h = /* @__PURE__ */ new Map();
     for (const f of n) {
-      const k = Wt(f, l);
+      const k = Ot(f, l);
       if (!h.has(k)) {
         const p = {};
         for (const j of l) p[j] = f[j];
         h.set(k, { labelValues: p, bucket: /* @__PURE__ */ new Map() });
       }
-      const y = h.get(k), w = Wt(f, a);
+      const y = h.get(k), w = Ot(f, a);
       y.bucket.has(w) || y.bucket.set(w, /* @__PURE__ */ new Map());
       const u = y.bucket.get(w);
       for (const p of s) {
@@ -3145,14 +3145,14 @@ function Sr(n, t, e, o) {
         const w = f.bucket.get(y);
         for (const u of s) {
           const p = an(y, u.field, u.aggFn, c), j = w?.get(u.field) ?? [];
-          k[p] = j.length > 0 ? kr(j, u.aggFn) : null;
+          k[p] = j.length > 0 ? Sr(j, u.aggFn) : null;
         }
       }
       v.push(k);
     }
     const b = /* @__PURE__ */ new Map();
     for (const f of n) {
-      const k = Wt(f, a);
+      const k = Ot(f, a);
       for (const y of s) {
         if (y.aggFn !== "avg" && y.aggFn !== "min" && y.aggFn !== "max") continue;
         const w = `${k}${xt}${y.field}`;
@@ -3227,7 +3227,7 @@ function Sr(n, t, e, o) {
     return { pivotRows: v, pivotColumns: N, colKeys: x, isValid: !0 };
   }, [n, t, e, o]);
 }
-function jr(n) {
+function Rr(n) {
   const t = document.createElement("textarea");
   t.value = n, t.style.cssText = "position:fixed;top:-9999px;left:-9999px;opacity:0;", document.body.appendChild(t), t.focus(), t.select();
   let e = !1;
@@ -3238,10 +3238,10 @@ function jr(n) {
   }
   return e;
 }
-async function Rr(n) {
+async function Er(n) {
   let t = !1;
   try {
-    t = jr(n);
+    t = Rr(n);
   } catch {
   }
   if (navigator.clipboard && typeof navigator.clipboard.writeText == "function")
@@ -3255,7 +3255,7 @@ async function Rr(n) {
   else if (!t)
     throw new Error("Clipboard API not available and fallback failed.");
 }
-function Er(n) {
+function Nr(n) {
   const { selectedRowIds: t, columns: e, getVisibleRows: o, getRowId: i } = n, l = z(async () => {
     if (t.size === 0) return;
     const s = o().filter((h) => t.has(i(h)));
@@ -3269,7 +3269,7 @@ function Er(n) {
 `), x = `${d}
 ${g}`;
     try {
-      await Rr(x);
+      await Er(x);
     } catch (h) {
       console.error("[OpenGridX] Failed to copy to clipboard:", h);
     }
@@ -3283,7 +3283,7 @@ ${g}`;
     return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
   }, [l]), { copySelectedRows: l };
 }
-function Nr({
+function Mr({
   row: n,
   rowIndex: t,
   listViewColumn: e,
@@ -3327,7 +3327,7 @@ function Nr({
     }
   );
 }
-function Mr({
+function Ir({
   ariaLabel: n,
   allRenderableRows: t,
   filteredRows: e,
@@ -3371,7 +3371,7 @@ function Mr({
           ] }),
           c
         ] }) : t.map((w, u) => /* @__PURE__ */ r.jsx(
-          Nr,
+          Mr,
           {
             row: w,
             rowIndex: u,
@@ -3400,8 +3400,8 @@ function Mr({
     }
   );
 }
-function Ir({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
-  const [i, l] = Q(String(n ?? "")), a = J(null);
+function Pr({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
+  const [i, l] = Z(String(n ?? "")), a = J(null);
   return re(() => {
     a.current?.focus(), a.current?.select();
   }, []), /* @__PURE__ */ r.jsx(
@@ -3421,8 +3421,8 @@ function Ir({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
     }
   );
 }
-function Pr({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
-  const [i, l] = Q(typeof n == "number" ? n : ""), a = J(null);
+function Lr({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
+  const [i, l] = Z(typeof n == "number" ? n : ""), a = J(null);
   return re(() => {
     a.current?.focus(), a.current?.select();
   }, []), /* @__PURE__ */ r.jsx(
@@ -3443,7 +3443,7 @@ function Pr({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
     }
   );
 }
-function Lr({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
+function Tr({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
   const i = J(null);
   re(() => {
     i.current?.focus();
@@ -3465,7 +3465,7 @@ function Lr({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
     }
   ) });
 }
-function Tr({ value: n, colDef: t, onValueChange: e, onCommit: o, onCancel: i }) {
+function Wr({ value: n, colDef: t, onValueChange: e, onCommit: o, onCancel: i }) {
   const l = J(null);
   re(() => {
     l.current?.focus();
@@ -3492,7 +3492,7 @@ function Tr({ value: n, colDef: t, onValueChange: e, onCommit: o, onCancel: i })
   );
 }
 function Or({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
-  const [i, l] = Q(typeof n == "string" ? n : String(n ?? "")), a = J(null);
+  const [i, l] = Z(typeof n == "string" ? n : String(n ?? "")), a = J(null);
   return re(() => {
     a.current?.focus();
   }, []), /* @__PURE__ */ r.jsx(
@@ -3512,22 +3512,22 @@ function Or({ value: n, onValueChange: t, onCommit: e, onCancel: o }) {
     }
   );
 }
-function Wr(n) {
+function Fr(n) {
   const { colDef: t } = n;
   switch (t.type) {
     case "number":
-      return /* @__PURE__ */ r.jsx("div", { className: "ogx__edit-cell", children: /* @__PURE__ */ r.jsx(Pr, { ...n }) });
-    case "boolean":
       return /* @__PURE__ */ r.jsx("div", { className: "ogx__edit-cell", children: /* @__PURE__ */ r.jsx(Lr, { ...n }) });
-    case "singleSelect":
+    case "boolean":
       return /* @__PURE__ */ r.jsx("div", { className: "ogx__edit-cell", children: /* @__PURE__ */ r.jsx(Tr, { ...n }) });
+    case "singleSelect":
+      return /* @__PURE__ */ r.jsx("div", { className: "ogx__edit-cell", children: /* @__PURE__ */ r.jsx(Wr, { ...n }) });
     case "date":
       return /* @__PURE__ */ r.jsx("div", { className: "ogx__edit-cell", children: /* @__PURE__ */ r.jsx(Or, { ...n }) });
     default:
-      return /* @__PURE__ */ r.jsx("div", { className: "ogx__edit-cell", children: /* @__PURE__ */ r.jsx(Ir, { ...n }) });
+      return /* @__PURE__ */ r.jsx("div", { className: "ogx__edit-cell", children: /* @__PURE__ */ r.jsx(Pr, { ...n }) });
   }
 }
-function Fr(n) {
+function Ar(n) {
   const {
     onCellClick: t,
     onCellEditStart: e,
@@ -3566,7 +3566,7 @@ function Fr(n) {
     rowIndex: s,
     colIndex: c
   }) : /* @__PURE__ */ r.jsx(
-    Wr,
+    Fr,
     {
       value: i,
       row: l,
@@ -3657,7 +3657,7 @@ function Fr(n) {
     }
   );
 }
-const Ar = ae.memo(Fr), zr = ({ className: n = "", ...t }) => /* @__PURE__ */ r.jsx(
+const zr = ae.memo(Ar), Br = ({ className: n = "", ...t }) => /* @__PURE__ */ r.jsx(
   "button",
   {
     type: "button",
@@ -3667,7 +3667,7 @@ const Ar = ae.memo(Fr), zr = ({ className: n = "", ...t }) => /* @__PURE__ */ r.
     children: /* @__PURE__ */ r.jsx("svg", { viewBox: "0 0 24 24", width: "20", height: "20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx("path", { d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }) })
   }
 );
-function Br(n) {
+function $r(n) {
   const { content: t, height: e, isExpanded: o } = n;
   if (!o)
     return null;
@@ -3726,9 +3726,9 @@ function dn(n) {
     h,
     f,
     k
-  ), [e, d, g, l, N, h, f, k]), B = t._hasChildren === !0, O = ae.useCallback(($, ge) => {
+  ), [e, d, g, l, N, h, f, k]), B = t._hasChildren === !0, W = ae.useCallback(($, ge) => {
     B || _?.({ id: t.id, field: $, value: ge });
-  }, [B, t.id, _]), W = ae.useCallback(($, ge) => {
+  }, [B, t.id, _]), O = ae.useCallback(($, ge) => {
     T?.({ id: t.id, field: $, value: ge });
   }, [T, t.id]), V = ae.useCallback(($) => {
     M?.({ cancel: $ });
@@ -3752,13 +3752,13 @@ function dn(n) {
     $.stopPropagation(), c?.(t.id, $.target.checked);
   }, P = ($) => {
     $.stopPropagation(), v?.(t.id);
-  }, ne = cn(t.id, x), te = ne === "top", Z = ne === "bottom", pe = [
+  }, ne = cn(t.id, x), te = ne === "top", ee = ne === "bottom", pe = [
     "ogx__row",
     i && "ogx__row--selected",
     o % 2 === 0 && "ogx__row--even",
     o % 2 === 1 && "ogx__row--odd",
     te && "ogx__row--pinned-top",
-    Z && "ogx__row--pinned-bottom",
+    ee && "ogx__row--pinned-bottom",
     j && "ogx__row--dragging",
     E && "ogx__row--drag-over",
     B && "ogx__row--group"
@@ -3797,7 +3797,7 @@ function dn(n) {
               onDragStart: y ? y(t.id) : void 0,
               onDragEnd: u,
               onClick: ($) => $.stopPropagation(),
-              children: /* @__PURE__ */ r.jsx(zr, {})
+              children: /* @__PURE__ */ r.jsx(Br, {})
             }
           ),
           h && /* @__PURE__ */ r.jsx(
@@ -3881,9 +3881,9 @@ function dn(n) {
                 },
                 $.field
               );
-            const de = $.valueGetter ? $.valueGetter({ row: t, field: $.field, value: t[$.field] }) : t[$.field], ve = d[$.field] ?? $.width, ce = zt($.field, g), A = ce ? C[$.field] : void 0, X = R?.id === t.id && R?.field === $.field, oe = X ? R?.value : de, ue = H?.get(t.id)?.[$.field], fe = L?.spannedCells[t.id]?.[$.field], Ie = L?.hiddenCells[t.id]?.[$.field] || !1;
+            const de = $.valueGetter ? $.valueGetter({ row: t, field: $.field, value: t[$.field] }) : t[$.field], be = d[$.field] ?? $.width, ce = zt($.field, g), A = ce ? C[$.field] : void 0, X = R?.id === t.id && R?.field === $.field, oe = X ? R?.value : de, ue = H?.get(t.id)?.[$.field], fe = L?.spannedCells[t.id]?.[$.field], Ie = L?.hiddenCells[t.id]?.[$.field] || !1;
             return /* @__PURE__ */ r.jsx(
-              Ar,
+              zr,
               {
                 value: oe,
                 row: t,
@@ -3892,16 +3892,16 @@ function dn(n) {
                 colIndex: ge,
                 isSelected: i,
                 onCellClick: s,
-                width: ve,
+                width: be,
                 pinnedPosition: ce,
                 pinnedOffset: A,
                 isFocused: I === $.field,
                 isFocusVisible: F,
                 isEditable: $.editable,
                 isEditing: X,
-                onCellEditStart: O,
+                onCellEditStart: W,
                 onEditStop: V,
-                onCellValueChange: W,
+                onCellValueChange: O,
                 colSpanInfo: ue,
                 rowSpan: fe,
                 isHiddenByRowSpan: Ie
@@ -3913,7 +3913,7 @@ function dn(n) {
       }
     ),
     h && /* @__PURE__ */ r.jsx(
-      Br,
+      $r,
       {
         row: t,
         rowId: t.id,
@@ -3925,7 +3925,7 @@ function dn(n) {
     )
   ] });
 }
-function On({
+function Wn({
   rows: n,
   position: t,
   columns: e,
@@ -3978,7 +3978,7 @@ function On({
     u.id
   )) });
 }
-const $r = ({
+const Dr = ({
   columns: n,
   rowHeight: t,
   checkboxSelection: e = !1,
@@ -4048,7 +4048,7 @@ const $r = ({
     ]
   }
 );
-function Dr({
+function Hr({
   virtualContainerHeight: n,
   offsetTop: t,
   effectiveLoading: e,
@@ -4086,13 +4086,13 @@ function Dr({
 }) {
   const U = i.length > 0 ? i : (() => {
     const K = (a || 1e3) - (s ? 48 : 0) - (c ? 48 : 0) - (d ? 48 : 0), C = 150, B = Math.max(1, Math.ceil(K / C));
-    return Array.from({ length: B }, (O, W) => ({
-      field: `placeholder_${W}`,
+    return Array.from({ length: B }, (W, O) => ({
+      field: `placeholder_${O}`,
       headerName: "",
       width: C
     }));
   })(), q = o.filter(({ row: K }) => !cn(K.id, x)).filter(
-    (K, C, B) => C === B.findIndex((O) => O.row.id === K.row.id)
+    (K, C, B) => C === B.findIndex((W) => W.row.id === K.row.id)
   );
   return /* @__PURE__ */ r.jsx(
     "div",
@@ -4108,7 +4108,7 @@ function Dr({
           role: "rowgroup",
           children: [
             e && o.length === 0 ? Array.from({ length: 10 }).map((K, C) => /* @__PURE__ */ r.jsx(
-              $r,
+              Dr,
               {
                 columns: U,
                 rowHeight: g,
@@ -4172,13 +4172,13 @@ function Dr({
     }
   );
 }
-function Hr() {
+function Gr() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ r.jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
   ] });
 }
-function Gr() {
+function Vr() {
   return /* @__PURE__ */ r.jsxs(
     "svg",
     {
@@ -4199,7 +4199,7 @@ function Gr() {
   );
 }
 function Hn(n) {
-  const { columns: t, visibleColumns: e, onVisibilityChange: o, onShowAll: i, onHideAll: l, onColumnReorder: a, onColumnOrderReset: s } = n, [c, d] = Q(""), [g, x] = Q(null), h = J(null), v = le(() => t.filter((u) => u.hideable !== !1), [t]).every((u) => e.has(u.field)), b = le(() => {
+  const { columns: t, visibleColumns: e, onVisibilityChange: o, onShowAll: i, onHideAll: l, onColumnReorder: a, onColumnOrderReset: s } = n, [c, d] = Z(""), [g, x] = Z(null), h = J(null), v = le(() => t.filter((u) => u.hideable !== !1), [t]).every((u) => e.has(u.field)), b = le(() => {
     if (!c) return t;
     const u = c.toLowerCase();
     return t.filter(
@@ -4222,7 +4222,7 @@ function Hn(n) {
   };
   return /* @__PURE__ */ r.jsxs("div", { className: "ogx-column-visibility-panel", children: [
     /* @__PURE__ */ r.jsx("div", { className: "ogx-column-visibility-panel__search-section", children: /* @__PURE__ */ r.jsxs("div", { className: "ogx-column-visibility-panel__search-container", children: [
-      /* @__PURE__ */ r.jsx(Hr, {}),
+      /* @__PURE__ */ r.jsx(Gr, {}),
       /* @__PURE__ */ r.jsx(
         "input",
         {
@@ -4259,7 +4259,7 @@ function Hn(n) {
                 draggable: !0,
                 onDragStart: N(u.field),
                 title: "Drag to reorder",
-                children: /* @__PURE__ */ r.jsx(Gr, {})
+                children: /* @__PURE__ */ r.jsx(Vr, {})
               }
             ),
             /* @__PURE__ */ r.jsxs(
@@ -4309,7 +4309,7 @@ function Hn(n) {
     ] })
   ] });
 }
-function Vr({
+function Ur({
   isOpen: n,
   containerRef: t,
   effectiveColumns: e,
@@ -4322,7 +4322,7 @@ function Vr({
   onColumnOrderChange: d,
   setInternalColumnOrder: g
 }) {
-  const [x, h] = Q(16), [m, v] = Q(16), [b, S] = Q(() => document.body);
+  const [x, h] = Z(16), [m, v] = Z(16), [b, S] = Z(() => document.body);
   if (Ee(() => {
     if (!n || !t.current) return;
     const f = t.current.getBoundingClientRect();
@@ -4409,7 +4409,7 @@ function Vr({
     b
   );
 }
-function wi(n) {
+function vi(n) {
   const {
     rows: t,
     columns: e,
@@ -4449,20 +4449,20 @@ function wi(n) {
     treeData: K = !1,
     getTreeDataPath: C,
     defaultGroupingExpansionDepth: B,
-    rowGroupingModel: O,
-    aggregationModel: W,
+    rowGroupingModel: W,
+    aggregationModel: O,
     onAggregationModelChange: V,
     getAggregationPosition: G,
     isCellEditable: D,
     processRowUpdate: P,
     onProcessRowUpdateError: ne,
     dataSource: te,
-    sortingMode: Z = "client",
+    sortingMode: ee = "client",
     filterMode: pe = "client",
     paginationMode: $ = "client",
     rowCount: ge,
     slots: de,
-    slotProps: ve,
+    slotProps: be,
     pivotMode: ce = !1,
     pivotModel: A,
     onPivotModelChange: X,
@@ -4476,19 +4476,19 @@ function wi(n) {
     columnVisibilityModel: Ue,
     onColumnVisibilityModelChange: Ke,
     listView: ie = !1,
-    listViewColumn: ye,
+    listViewColumn: Ce,
     columnGroupingModel: Be,
     noRowsLabel: Bt = "No Data",
     apiRef: $t
-  } = n, Kn = le(() => ({ items: [] }), []), Ne = h || Kn, Yn = le(() => [], []), Dt = O || Yn, hn = J(de?.toolbar);
+  } = n, Kn = le(() => ({ items: [] }), []), Ne = h || Kn, Yn = le(() => [], []), Dt = W || Yn, hn = J(de?.toolbar);
   hn.current = de?.toolbar;
   const qn = J((Y) => {
-    const ee = hn.current;
-    return ee ? ee(Y) : null;
-  }).current, Xn = To({
+    const Q = hn.current;
+    return Q ? Q(Y) : null;
+  }).current, Xn = Wo({
     initialState: Ve,
     sortModel: v,
-    aggregationModel: W,
+    aggregationModel: O,
     onAggregationModelChange: V,
     columnVisibilityModel: Ue,
     onColumnVisibilityModelChange: Ke,
@@ -4507,23 +4507,23 @@ function wi(n) {
     handleAggregationModelChange: mn,
     columnVisibilityModel: $e,
     handleColumnVisibilityModelChange: mt,
-    pinnedColumns: We,
+    pinnedColumns: Fe,
     handlePinnedColumnsChange: Ht,
     currentPivotModel: Gt,
     handlePivotModelChange: wn,
-    effectivePaginationModel: Se,
+    effectivePaginationModel: je,
     handlePaginationModelChange: Vt,
-    selectedRowIds: Ce,
+    selectedRowIds: ke,
     isSelectionControlled: wt,
     setInternalRowSelectionModel: vt
-  } = Xn, bt = d, _t = Sr(t, e, Gt, ce), vn = ce && _t.isValid ? _t.pivotRows : t, Ut = ce && _t.isValid ? _t.pivotColumns : e, [Jn, bn] = Q(null);
+  } = Xn, bt = d, _t = jr(t, e, Gt, ce), vn = ce && _t.isValid ? _t.pivotRows : t, Ut = ce && _t.isValid ? _t.pivotColumns : e, [Jn, bn] = Z(null);
   re(() => {
     bn(null);
   }, [Me]);
   const Ye = J(null), Qn = J(null), yt = J(null), Zn = z((Y) => Y.id, []), qe = o || Zn, Kt = le(
     () => vn.map((Y) => {
-      const ee = qe(Y);
-      return ee === Y.id ? Y : { ...Y, id: ee };
+      const Q = qe(Y);
+      return Q === Y.id ? Y : { ...Y, id: Q };
     }),
     [vn, qe]
   ), Xe = z((Y) => {
@@ -4532,10 +4532,10 @@ function wi(n) {
   _n.current = te;
   const yn = J(null), Cn = J(null), eo = z((Y) => {
     if (_n.current && K && (Y.serverChildrenCount ?? 0) > 0 && (Y.children ?? []).length === 0) {
-      const ee = Cn.current?.getNodePath(Y.id) || [Y.groupingKey];
-      yn.current?.(Y.id, ee);
+      const Q = Cn.current?.getNodePath(Y.id) || [Y.groupingKey];
+      yn.current?.(Y.id, Q);
     }
-  }, [K]), ke = xr({
+  }, [K]), Se = mr({
     rows: Kt,
     columns: Ut,
     rowHeight: i,
@@ -4552,20 +4552,20 @@ function wi(n) {
     setDataSourceLoading: no,
     setDataSourceError: oo,
     setRowCount: ro
-  } = ke, { scrollTop: io, scrollLeft: lo, handleScroll: so } = Uo({ onRowsScrollEnd: fe });
+  } = Se, { scrollTop: io, scrollLeft: lo, handleScroll: so } = Ko({ onRowsScrollEnd: fe });
   re(() => {
     $t && ($t.current = Je.current);
   }, [$t, Je]);
-  const { copySelectedRows: Sn } = Er({
-    selectedRowIds: Ce,
+  const { copySelectedRows: Sn } = Nr({
+    selectedRowIds: ke,
     columns: Ut,
     getVisibleRows: () => Je.current.getVisibleRows(),
     getRowId: qe
   });
   re(() => {
-    Je.current.copySelectedRows = Sn, Je.current.getSelectedRows = () => Array.from(Ce);
-  }, [Sn, Ce, Je]);
-  const ao = he.dataSource.loading, ct = q || ao, Qe = le(() => he.rows.allRows.map((Y) => he.rows.idRowsLookup.get(Y)), [he.rows]), qt = wr({
+    Je.current.copySelectedRows = Sn, Je.current.getSelectedRows = () => Array.from(ke);
+  }, [Sn, ke, Je]);
+  const ao = he.dataSource.loading, ct = q || ao, Qe = le(() => he.rows.allRows.map((Y) => he.rows.idRowsLookup.get(Y)), [he.rows]), qt = vr({
     rows: Qe,
     getRowId: qe,
     getTreeDataPath: C,
@@ -4578,7 +4578,7 @@ function wi(n) {
   re(() => {
     Cn.current = qt;
   }, [qt]);
-  const co = br({
+  const co = _r({
     rows: Qe,
     getRowId: qe,
     rowGroupingModel: Dt,
@@ -4587,31 +4587,31 @@ function wi(n) {
     filterModel: Ne,
     sortModel: Oe,
     getAggregationPosition: G
-  }), Ze = _r({
+  }), Ze = yr({
     rows: Qe,
     getRowId: qe,
     processRowUpdate: P,
     onProcessRowUpdateError: ne,
     onRowChange: (Y) => {
-      const { dispatch: ee } = ke, we = Array.from(ke.state.rows.idRowsLookup.values()).map(
-        (me) => me.id === Y.id ? Y : me
+      const { dispatch: Q } = Se, ve = Array.from(Se.state.rows.idRowsLookup.values()).map(
+        (we) => we.id === Y.id ? Y : we
       );
-      ee({ type: "SET_ROWS", payload: we });
+      Q({ type: "SET_ROWS", payload: ve });
     }
   }), Xt = K, Ct = !!(Dt && Dt.length > 0), Jt = Xt || Ct, kt = Xt ? qt : Ct ? co : null, Pe = S && !Ct, St = z((Y) => {
-    const { row: ee, id: se } = Y;
-    if (Jt && ee._hasChildren) {
+    const { row: Q, id: se } = Y;
+    if (Jt && Q._hasChildren) {
       kt?.toggleExpansion(se);
       return;
     }
     g?.(Y);
-  }, [Jt, kt, g]), Qt = Cr({
+  }, [Jt, kt, g]), Qt = kr({
     dataSource: te,
     sortModel: Oe,
     filterModel: Ne,
-    paginationModel: Se,
+    paginationModel: je,
     paginationMode: $,
-    sortingMode: Z,
+    sortingMode: ee,
     filterMode: pe,
     aggregationModel: Me,
     setRows: Yt,
@@ -4625,20 +4625,20 @@ function wi(n) {
   }, [Qt.fetchChildren]), re(() => {
     te || Yt(Kt);
   }, [Kt, Yt, te]);
-  const Le = !!p, [uo, go] = Q(/* @__PURE__ */ new Set()), et = E ?? uo, jt = z((Y) => {
-    const ee = new Set(et);
-    ee.has(Y) ? ee.delete(Y) : ee.add(Y), E === void 0 && go(ee), R?.(ee);
+  const Le = !!p, [uo, go] = Z(/* @__PURE__ */ new Set()), et = E ?? uo, jt = z((Y) => {
+    const Q = new Set(et);
+    Q.has(Y) ? Q.delete(Y) : Q.add(Y), E === void 0 && go(Q), R?.(Q);
   }, [et, E, R]), {
-    effectiveColumns: Fe,
+    effectiveColumns: Ae,
     orderedColumns: Zt,
     visibleOrderedColumns: fo,
     navigationColumns: jn,
-    columnWidths: Ae,
+    columnWidths: Te,
     effectiveColumnOrder: Rt,
     setInternalColumnOrder: Et,
     columnReorderHandlers: tt,
     handleColumnResize: ho
-  } = Go({
+  } = Vo({
     activeColumns: Ut,
     isHierarchyEnabled: Jt,
     isRowGrouping: Ct,
@@ -4655,56 +4655,56 @@ function wi(n) {
     initialState: Ve,
     setColumns: to
   });
-  Ko({
+  Yo({
     onStateChange: xe,
     sortModel: Oe,
     filterModel: Ne,
-    effectivePaginationModel: Se,
-    columnWidths: Ae,
+    effectivePaginationModel: je,
+    columnWidths: Te,
     effectiveColumnOrder: Rt,
     columnVisibilityModel: $e,
-    pinnedColumns: We
+    pinnedColumns: Fe
   });
-  const nt = $o({
+  const nt = Do({
     effectiveRows: Qe,
     activeHierarchyHandlers: kt,
     filterMode: pe,
     filterModel: Ne,
     dataSource: te,
     sortModel: Oe,
-    sortingMode: Z,
+    sortingMode: ee,
     pagination: Pe,
     paginationMode: $,
-    effectivePaginationModel: Se,
+    effectivePaginationModel: je,
     pinnedRows: u,
     isLoading: he.dataSource.loading,
-    pageSize: Se.pageSize
+    pageSize: je.pageSize
   }), De = nt.filteredRows, en = nt.pinnedTopRows, tn = nt.pinnedBottomRows, ot = nt.sortedUnpinnedRows, ut = nt.paginatedUnpinnedRows, nn = nt.allRenderableRows;
   re(() => {
-    ke.apiRef.current.getVisibleRows = () => Pe ? ut : ot, ke.apiRef.current.getVisibleColumns = () => Fe;
-  }, [ot, ut, Pe, Fe, ke.apiRef]);
-  const po = mr({
+    Se.apiRef.current.getVisibleRows = () => Pe ? ut : ot, Se.apiRef.current.getVisibleColumns = () => Ae;
+  }, [ot, ut, Pe, Ae, Se.apiRef]);
+  const po = wr({
     rows: Pe ? ut : ot,
     getRowId: (Y) => Y.id,
     onRowOrderChange: U,
     rowReordering: L
-  }), rt = yr(
+  }), rt = Cr(
     nn,
     jn,
-    Ae
-  ), { aggregationResult: on } = qo({
+    Te
+  ), { aggregationResult: on } = Xo({
     rows: De,
     aggregationModel: Me,
-    isServerSide: !!(te && ($ === "server" || Z === "server")),
+    isServerSide: !!(te && ($ === "server" || ee === "server")),
     dataSource: te,
     filterModel: Ne,
     sortModel: Oe,
     serverAggregationResults: Jn
   }), Nt = Object.keys(Me).length > 0;
   re(() => {
-    ke.apiRef.current.getAggregationResult = () => Nt ? on : null, ke.apiRef.current.getAggregationModel = () => Nt ? Me : null;
-  }, [on, Me, Nt, ke.apiRef]);
-  const je = Io({
+    Se.apiRef.current.getAggregationResult = () => Nt ? on : null, Se.apiRef.current.getAggregationModel = () => Nt ? Me : null;
+  }, [on, Me, Nt, Se.apiRef]);
+  const me = Po({
     rowHeight: i,
     pagination: Pe,
     paginatedUnpinnedRows: ut,
@@ -4714,37 +4714,42 @@ function wi(n) {
     pinnedTopRowsLength: en.length,
     pinnedBottomRowsLength: tn.length,
     visibleOrderedColumns: fo,
-    pinnedColumns: We,
-    columnWidths: Ae,
+    pinnedColumns: Fe,
+    columnWidths: Te,
     viewportWidth: he.dimensions.viewportWidth || 1e3,
     checkboxSelection: s,
     hasDetailPanel: Le,
     rowReordering: L,
     paginationMode: $,
     isLoading: he.dataSource.loading,
-    pageSize: Se.pageSize
-  });
+    pageSize: je.pageSize
+  }), xo = le(() => {
+    const Y = {};
+    for (const Q of [...me.leftPinnedCols, ...me.unpinnedColsWithWidth, ...me.rightPinnedCols])
+      Q.isSpacer || (Y[Q.field] = Q.width);
+    return { ...Y, ...Te };
+  }, [me.leftPinnedCols, me.unpinnedColsWithWidth, me.rightPinnedCols, Te]);
   re(() => {
-    ke.apiRef.current.scrollToIndexes = ({ rowIndex: Y, colIndex: ee }) => {
+    Se.apiRef.current.scrollToIndexes = ({ rowIndex: Y, colIndex: Q }) => {
       const se = Ye.current;
       if (se) {
         if (Y !== void 0 && Y >= 0) {
-          const we = Y > 0 ? je.cumulativeHeights[Y - 1] : 0, me = je.cumulativeHeights[Y] ?? we, { scrollTop: be, clientHeight: _e } = se;
-          we < be ? se.scrollTop = we : me > be + _e && (se.scrollTop = me - _e);
+          const ve = Y > 0 ? me.cumulativeHeights[Y - 1] : 0, we = me.cumulativeHeights[Y] ?? ve, { scrollTop: _e, clientHeight: ye } = se;
+          ve < _e ? se.scrollTop = ve : we > _e + ye && (se.scrollTop = we - ye);
         }
-        if (ee !== void 0 && ee >= 0) {
-          const me = [...je.leftPinnedCols, ...je.unpinnedColsWithWidth, ...je.rightPinnedCols][ee];
-          if (!me) return;
-          const be = je.unpinnedColsWithWidth.findIndex((ko) => ko.field === me.field);
-          if (be === -1) return;
-          const _e = be > 0 ? je.unpinnedAccWidths[be - 1] : 0, Pt = je.unpinnedAccWidths[be] ?? _e, Lt = je.leftWidth + Pt, { scrollLeft: Mn, clientWidth: In } = se;
-          _e < Mn ? se.scrollLeft = _e : Lt > Mn + In && (se.scrollLeft = Lt - In);
+        if (Q !== void 0 && Q >= 0) {
+          const we = [...me.leftPinnedCols, ...me.unpinnedColsWithWidth, ...me.rightPinnedCols][Q];
+          if (!we) return;
+          const _e = me.unpinnedColsWithWidth.findIndex((So) => So.field === we.field);
+          if (_e === -1) return;
+          const ye = _e > 0 ? me.unpinnedAccWidths[_e - 1] : 0, Pt = me.unpinnedAccWidths[_e] ?? ye, Lt = me.leftWidth + Pt, { scrollLeft: Mn, clientWidth: In } = se;
+          ye < Mn ? se.scrollLeft = ye : Lt > Mn + In && (se.scrollLeft = Lt - In);
         }
       }
     };
-  }, [je, Ye, ke.apiRef]);
-  const Re = Do({
-    layout: je,
+  }, [me, Ye, Se.apiRef]);
+  const Re = Ho({
+    layout: me,
     scrollTop: io,
     scrollLeft: lo,
     viewportWidth: he.dimensions.viewportWidth,
@@ -4758,32 +4763,32 @@ function wi(n) {
   });
   re(() => {
     if (!Ye.current) return;
-    const Y = new ResizeObserver((ee) => {
-      for (const se of ee) {
-        const { width: we, height: me } = se.contentRect;
-        kn(we, me);
+    const Y = new ResizeObserver((Q) => {
+      for (const se of Q) {
+        const { width: ve, height: we } = se.contentRect;
+        kn(ve, we);
       }
     });
     return Y.observe(Ye.current), () => {
       Y.disconnect();
     };
   }, [kn]);
-  const gt = z((Y, ee) => {
-    const se = new Set(Ce);
-    ee ? se.add(Y) : se.delete(Y);
-    const we = Array.from(se);
-    wt || vt(we), bt?.(we);
-  }, [Ce, wt, bt, vt]), xo = z((Y) => {
-    let ee = [];
-    Y && (ee = Qe.map((se) => se.id)), wt || vt(ee), bt?.(ee);
-  }, [Qe, wt, bt, vt]), Rn = z((Y, ee) => {
-    const se = ee ? [{ field: Y, sort: ee }] : [];
+  const gt = z((Y, Q) => {
+    const se = new Set(ke);
+    Q ? se.add(Y) : se.delete(Y);
+    const ve = Array.from(se);
+    wt || vt(ve), bt?.(ve);
+  }, [ke, wt, bt, vt]), mo = z((Y) => {
+    let Q = [];
+    Y && (Q = Qe.map((se) => se.id)), wt || vt(Q), bt?.(Q);
+  }, [Qe, wt, bt, vt]), Rn = z((Y, Q) => {
+    const se = Q ? [{ field: Y, sort: Q }] : [];
     pn || xn(se), b?.(se);
-  }, [pn, b, xn]), { focusedCell: Mt, setFocusedCell: rn, handleFocus: mo, handleBlur: wo, handleKeyDown: vo } = Po({
+  }, [pn, b, xn]), { focusedCell: Mt, setFocusedCell: rn, handleFocus: wo, handleBlur: vo, handleKeyDown: bo } = Lo({
     allRenderableRows: nn,
     navigationColumns: jn,
     checkboxSelection: s,
-    selectedRowIds: Ce,
+    selectedRowIds: ke,
     handleSelectionChange: gt,
     handleDetailPanelToggle: jt,
     editingHandlers: Ze,
@@ -4792,35 +4797,35 @@ function wi(n) {
     handleSort: Rn,
     isCellEditable: D,
     pagination: Pe,
-    pageSize: Se.pageSize,
+    pageSize: je.pageSize,
     virtualization: Re,
     viewportRef: Ye
   }), ln = z((Y) => {
     Xe(!1), rn({ id: Y.row.id, field: Y.field }), yt.current?.focus({ preventScroll: !0 }), x?.(Y);
   }, [x, Xe, rn]), En = J(Ze.editingCell);
   re(() => {
-    const Y = !!En.current, ee = !!Ze.editingCell;
-    Y && !ee && yt.current?.focus({ preventScroll: !0 }), En.current = Ze.editingCell;
+    const Y = !!En.current, Q = !!Ze.editingCell;
+    Y && !Q && yt.current?.focus({ preventScroll: !0 }), En.current = Ze.editingCell;
   }, [Ze.editingCell]);
-  const bo = Vo({
+  const _o = Uo({
     renderContext: Re.renderContext,
     pinnedTopRows: en,
     pinnedBottomRows: tn,
     paginatedUnpinnedRows: ut,
     sortedUnpinnedRows: ot,
     pagination: Pe
-  }), _o = t.length > 0 && Ce.size === t.length, yo = Ce.size > 0 && Ce.size < t.length, Co = ae.useMemo(() => Fe.some((Y) => !!Y.rowSpan), [Fe]), [ft, It] = ae.useState(!1), sn = ae.useRef(null), Nn = ae.useMemo(() => {
+  }), yo = t.length > 0 && ke.size === t.length, Co = ke.size > 0 && ke.size < t.length, ko = ae.useMemo(() => Ae.some((Y) => !!Y.rowSpan), [Ae]), [ft, It] = ae.useState(!1), sn = ae.useRef(null), Nn = ae.useMemo(() => {
     if (!de?.toolbar) return null;
-    const Y = T ? void 0 : (ee, se) => {
-      const we = [...Rt], me = we.indexOf(ee), be = we.indexOf(se);
-      if (me === -1 || be === -1) return;
-      const _e = [...we];
-      _e.splice(me, 1), _e.splice(be, 0, ee), I || Et(_e);
-      const Pt = Fe.find((Lt) => Lt.field === ee);
-      Pt && F?.({ oldIndex: me, targetIndex: be, column: Pt });
+    const Y = T ? void 0 : (Q, se) => {
+      const ve = [...Rt], we = ve.indexOf(Q), _e = ve.indexOf(se);
+      if (we === -1 || _e === -1) return;
+      const ye = [...ve];
+      ye.splice(we, 1), ye.splice(_e, 0, Q), I || Et(ye);
+      const Pt = Ae.find((Lt) => Lt.field === Q);
+      Pt && F?.({ oldIndex: we, targetIndex: _e, column: Pt });
     };
     return {
-      apiRef: ke.apiRef,
+      apiRef: Se.apiRef,
       columns: Zt,
       baseColumns: e,
       aggregationModel: Me,
@@ -4834,21 +4839,21 @@ function wi(n) {
       columnVisibilityModel: $e,
       onColumnVisibilityModelChange: mt,
       onColumnReorder: Y,
-      onColumnOrderReset: T ? void 0 : () => Et(e.map((ee) => ee.field)),
+      onColumnOrderReset: T ? void 0 : () => Et(e.map((Q) => Q.field)),
       forceColumnsOpen: ft,
       onColumnsPanelClose: () => It(!1),
-      ...ve?.toolbar
+      ...be?.toolbar
     };
   }, [
     de?.toolbar,
     T,
     Rt,
     Zt,
-    Fe,
+    Ae,
     I,
     F,
     Et,
-    ke.apiRef,
+    Se.apiRef,
     e,
     Me,
     mn,
@@ -4862,20 +4867,20 @@ function wi(n) {
     $e,
     mt,
     ft,
-    ve?.toolbar
+    be?.toolbar
   ]);
   return re(() => {
     if (!ft || de?.toolbar) return;
-    function Y(ee) {
+    function Y(Q) {
       const se = document.getElementById("ogx-standalone-col-panel");
-      se && !se.contains(ee.target) && It(!1);
+      se && !se.contains(Q.target) && It(!1);
     }
     return document.addEventListener("mousedown", Y), () => document.removeEventListener("mousedown", Y);
   }, [ft, de?.toolbar]), /* @__PURE__ */ r.jsxs(
     "div",
     {
       ref: sn,
-      className: ["ogx", oe, a && "ogx--auto-height", Co && "ogx--row-spanning", ie && "ogx--list-view"].filter(Boolean).join(" "),
+      className: ["ogx", oe, a && "ogx--auto-height", ko && "ogx--row-spanning", ie && "ogx--list-view"].filter(Boolean).join(" "),
       style: {
         ...ue,
         height: H ?? ue?.height,
@@ -4886,11 +4891,11 @@ function wi(n) {
       children: [
         Nn && /* @__PURE__ */ r.jsx(qn, { ...Nn }),
         !de?.toolbar && /* @__PURE__ */ r.jsx(
-          Vr,
+          Ur,
           {
             isOpen: ft,
             containerRef: sn,
-            effectiveColumns: Fe,
+            effectiveColumns: Ae,
             columnVisibilityModel: $e,
             effectiveColumnOrder: Rt,
             columnOrder: I,
@@ -4901,17 +4906,17 @@ function wi(n) {
             setInternalColumnOrder: Et
           }
         ),
-        ie && ye && /* @__PURE__ */ r.jsx(
-          Mr,
+        ie && Ce && /* @__PURE__ */ r.jsx(
+          Ir,
           {
             ariaLabel: Ie,
             allRenderableRows: nn,
             filteredRows: De,
             pagination: Pe,
-            effectivePaginationModel: Se,
+            effectivePaginationModel: je,
             pageSizeOptions: k,
-            selectedRowIds: Ce,
-            listViewColumn: ye,
+            selectedRowIds: ke,
+            listViewColumn: Ce,
             noRowsLabel: Bt,
             rowHeight: i,
             checkboxSelection: s,
@@ -4919,7 +4924,7 @@ function wi(n) {
             dataSource: te,
             serverRowCount: he.pagination.rowCount || 0,
             paginationSlot: de?.pagination,
-            paginationSlotProps: ve?.pagination,
+            paginationSlotProps: be?.pagination,
             onRowClick: St,
             onSelectionChange: gt,
             onPaginationModelChange: Vt
@@ -4945,9 +4950,9 @@ function wi(n) {
             onMouseDownCapture: () => {
               Xe(!1);
             },
-            onKeyDown: vo,
-            onFocus: mo,
-            onBlur: wo,
+            onKeyDown: bo,
+            onFocus: wo,
+            onBlur: vo,
             children: /* @__PURE__ */ r.jsxs(
               "div",
               {
@@ -4959,20 +4964,20 @@ function wi(n) {
                 role: "presentation",
                 children: [
                   /* @__PURE__ */ r.jsx(
-                    fr,
+                    hr,
                     {
                       columns: Re.virtualColumns,
-                      allColumns: Fe,
+                      allColumns: Ae,
                       columnGroupingModel: Be,
                       checkboxSelection: s,
-                      allSelected: _o,
-                      someSelected: yo,
-                      onSelectAll: xo,
+                      allSelected: yo,
+                      someSelected: Co,
+                      onSelectAll: mo,
                       sortModel: Oe,
                       onSort: Rn,
                       onColumnResize: ho,
-                      columnWidths: Ae,
-                      pinnedColumns: We,
+                      columnWidths: Te,
+                      pinnedColumns: Fe,
                       focusedCell: Mt,
                       onHeaderClick: (Y) => {
                         rn({ id: "HEADER", field: Y }), Xe(!1), yt.current?.focus({ preventScroll: !0 });
@@ -4995,26 +5000,26 @@ function wi(n) {
                         });
                       },
                       onManageColumns: () => It(!0),
-                      onPinColumn: (Y, ee) => {
-                        const se = [...We?.left ?? []], we = [...We?.right ?? []], me = se.filter((_e) => _e !== Y), be = we.filter((_e) => _e !== Y);
-                        Ht(ee === "left" ? { left: [...me, Y], right: be } : ee === "right" ? { left: me, right: [...be, Y] } : { left: me, right: be });
+                      onPinColumn: (Y, Q) => {
+                        const se = [...Fe?.left ?? []], ve = [...Fe?.right ?? []], we = se.filter((ye) => ye !== Y), _e = ve.filter((ye) => ye !== Y);
+                        Ht(Q === "left" ? { left: [...we, Y], right: _e } : Q === "right" ? { left: we, right: [..._e, Y] } : { left: we, right: _e });
                       }
                     }
                   ),
-                  !ct && !he.dataSource.error && De.length === 0 && /* @__PURE__ */ r.jsx(Jo, { noRowsLabel: Bt, width: Re.totalWidth }),
+                  !ct && !he.dataSource.error && De.length === 0 && /* @__PURE__ */ r.jsx(Qo, { noRowsLabel: Bt, width: Re.totalWidth }),
                   /* @__PURE__ */ r.jsx(
-                    On,
+                    Wn,
                     {
                       rows: en,
                       position: "top",
                       columns: Re.virtualColumns,
-                      selectedRowIds: Ce,
+                      selectedRowIds: ke,
                       checkboxSelection: s,
                       onRowClick: St,
                       onCellClick: ln,
                       onSelectionChange: gt,
-                      columnWidths: Ae,
-                      pinnedColumns: We,
+                      columnWidths: Te,
+                      pinnedColumns: Fe,
                       pinnedRows: u,
                       hasDetailPanel: Le,
                       expandedRowIds: et,
@@ -5030,12 +5035,12 @@ function wi(n) {
                     }
                   ),
                   /* @__PURE__ */ r.jsx(
-                    Dr,
+                    Hr,
                     {
                       virtualContainerHeight: Re.totalHeight - Re.pinnedTopHeight - Re.pinnedBottomHeight,
                       offsetTop: Re.offsetTop,
                       effectiveLoading: ct,
-                      visibleRows: bo,
+                      visibleRows: _o,
                       baseColumns: e,
                       virtualColumns: Re.virtualColumns,
                       viewportWidth: he.dimensions.viewportWidth,
@@ -5044,12 +5049,12 @@ function wi(n) {
                       rowReordering: L,
                       rowHeight: i,
                       pinnedRows: u,
-                      selectedRowIds: Ce,
+                      selectedRowIds: ke,
                       onRowClick: St,
                       onCellClick: ln,
                       onSelectionChange: gt,
-                      columnWidths: Ae,
-                      pinnedColumns: We,
+                      columnWidths: Te,
+                      pinnedColumns: Fe,
                       expandedRowIds: et,
                       getDetailPanelContent: p,
                       getDetailPanelHeight: j,
@@ -5064,23 +5069,23 @@ function wi(n) {
                       paginationMode: $,
                       dataSourceLoading: he.dataSource.loading,
                       sortedUnpinnedRowCount: ot.length,
-                      infiniteScrollSkeletonCount: Math.min(Se.pageSize, 20),
-                      unpinnedRowsLength: je.unpinnedRowsLength
+                      infiniteScrollSkeletonCount: Math.min(je.pageSize, 20),
+                      unpinnedRowsLength: me.unpinnedRowsLength
                     }
                   ),
                   /* @__PURE__ */ r.jsx(
-                    On,
+                    Wn,
                     {
                       rows: tn,
                       position: "bottom",
                       columns: Re.virtualColumns,
-                      selectedRowIds: Ce,
+                      selectedRowIds: ke,
                       checkboxSelection: s,
                       onRowClick: St,
                       onCellClick: ln,
                       onSelectionChange: gt,
-                      columnWidths: Ae,
-                      pinnedColumns: We,
+                      columnWidths: Te,
+                      pinnedColumns: Fe,
                       pinnedRows: u,
                       hasDetailPanel: Le,
                       expandedRowIds: et,
@@ -5096,12 +5101,12 @@ function wi(n) {
                     }
                   ),
                   Nt && !ce && /* @__PURE__ */ r.jsx(
-                    Xo,
+                    Jo,
                     {
                       columns: Zt,
                       aggregationModel: Me,
                       aggregationResult: on,
-                      columnWidths: Ae,
+                      columnWidths: xo,
                       rowHeight: i,
                       checkboxSelection: s,
                       hasDetailPanel: Le,
@@ -5118,13 +5123,13 @@ function wi(n) {
           return /* @__PURE__ */ r.jsx(
             Y,
             {
-              page: Se.page,
-              pageSize: Se.pageSize,
+              page: je.page,
+              pageSize: je.pageSize,
               rowCount: he.pagination.rowCount,
               pageSizeOptions: k,
-              onPageChange: (ee) => Vt({ ...Se, page: ee }),
-              onPageSizeChange: (ee) => Vt({ ...Se, pageSize: ee, page: 0 }),
-              ...ve?.pagination
+              onPageChange: (Q) => Vt({ ...je, page: Q }),
+              onPageSizeChange: (Q) => Vt({ ...je, pageSize: Q, page: 0 }),
+              ...be?.pagination
             }
           );
         })(),
@@ -5133,20 +5138,20 @@ function wi(n) {
           he.dataSource.error ? `Error: ${he.dataSource.error instanceof Error ? he.dataSource.error.message : "Unknown error"}` : "",
           !q && !he.dataSource.error && (De.length === 0 ? Bt : Ne && ((Ne.quickFilterValues?.length || 0) > 0 || (Ne.items?.length || 0) > 0) ? `${De.length} ${De.length === 1 ? "row" : "rows"} found` : "")
         ] }),
-        /* @__PURE__ */ r.jsx(Qo, { error: he.dataSource.error })
+        /* @__PURE__ */ r.jsx(Zo, { error: he.dataSource.error })
       ]
     }
   );
 }
-function vi({ rows: n = 5, columns: t = 5 }) {
+function bi({ rows: n = 5, columns: t = 5 }) {
   return /* @__PURE__ */ r.jsx("div", { className: "ogx__skeleton", children: Array.from({ length: n }).map((e, o) => /* @__PURE__ */ r.jsx("div", { className: "ogx__skeleton-row", children: Array.from({ length: t }).map((i, l) => /* @__PURE__ */ r.jsx("div", { className: "ogx__skeleton-cell", children: /* @__PURE__ */ r.jsx("div", { className: "ogx__skeleton-content" }) }, l)) }, o)) });
 }
-const Wn = /* @__PURE__ */ new Set(["isEmpty", "isNotEmpty"]);
-function Ur(n, t) {
+const On = /* @__PURE__ */ new Set(["isEmpty", "isNotEmpty"]);
+function Kr(n, t) {
   return n.find((e) => "field" in e && e.field === t);
 }
-const Kr = ({ col: n, item: t, onChange: e }) => {
-  const o = zo(n.type), i = !!t, l = t?.operator ?? o[0], [a, s] = Q(t?.value != null ? String(t.value) : ""), c = J(e), d = J(t), g = J(n.field), x = J(l);
+const Yr = ({ col: n, item: t, onChange: e }) => {
+  const o = Bo(n.type), i = !!t, l = t?.operator ?? o[0], [a, s] = Z(t?.value != null ? String(t.value) : ""), c = J(e), d = J(t), g = J(n.field), x = J(l);
   Ee(() => {
     c.current = e, d.current = t, g.current = n.field, x.current = l;
   });
@@ -5166,7 +5171,7 @@ const Kr = ({ col: n, item: t, onChange: e }) => {
     return () => clearTimeout(f);
   }, [a]);
   const m = (f) => {
-    const k = Wn.has(f), y = {
+    const k = On.has(f), y = {
       id: t?.id ?? `${n.field}-${Date.now()}`,
       field: n.field,
       operator: f,
@@ -5175,7 +5180,7 @@ const Kr = ({ col: n, item: t, onChange: e }) => {
     e(y);
   }, v = () => {
     s(""), e(null);
-  }, b = Wn.has(String(l)), S = n.type === "boolean", N = !b;
+  }, b = On.has(String(l)), S = n.type === "boolean", N = !b;
   return /* @__PURE__ */ r.jsxs("div", { className: `ogx-filter__row${i ? " ogx-filter__row--active" : ""}`, children: [
     /* @__PURE__ */ r.jsx("span", { className: "ogx-filter__col-label", title: n.field, children: n.headerName || n.field }),
     /* @__PURE__ */ r.jsxs("div", { className: "ogx-filter__controls", children: [
@@ -5238,7 +5243,7 @@ const Kr = ({ col: n, item: t, onChange: e }) => {
       )
     ] })
   ] });
-}, Yr = ({ filterModel: n, columns: t, onFilterModelChange: e }) => {
+}, qr = ({ filterModel: n, columns: t, onFilterModelChange: e }) => {
   const o = le(() => n.items ?? [], [n.items]), i = n.logicOperator ?? "and", l = z((c, d) => {
     const g = o.filter((h) => "field" in h && h.field !== c), x = d ? [...g, d] : g;
     e({ ...n, items: x });
@@ -5268,16 +5273,16 @@ const Kr = ({ col: n, item: t, onChange: e }) => {
       )
     ] }),
     s.length === 0 ? /* @__PURE__ */ r.jsx("div", { className: "ogx-filter__empty", children: "No filterable columns." }) : s.map((c) => /* @__PURE__ */ r.jsx(
-      Kr,
+      Yr,
       {
         col: c,
-        item: Ur(o, c.field),
+        item: Kr(o, c.field),
         onChange: (d) => l(c.field, d)
       },
       c.field
     ))
   ] });
-}, qr = ["sum", "avg", "count", "min", "max"];
+}, Xr = ["sum", "avg", "count", "min", "max"];
 function Gn() {
   return /* @__PURE__ */ r.jsxs(
     "svg",
@@ -5301,8 +5306,8 @@ function Gn() {
     }
   );
 }
-function Xr({ anchorRef: n, columns: t, model: e, onChange: o, onClose: i }) {
-  const l = J(null), [a, s] = Q({ top: 0, right: 0 }), [c, d] = Q(document.body);
+function Jr({ anchorRef: n, columns: t, model: e, onChange: o, onClose: i }) {
+  const l = J(null), [a, s] = Z({ top: 0, right: 0 }), [c, d] = Z(document.body);
   Ee(() => {
     d(n.current?.closest(".ogx-theme-provider") ?? document.body);
   }, [n]);
@@ -5426,7 +5431,7 @@ function Xr({ anchorRef: n, columns: t, model: e, onChange: o, onClose: i }) {
                       value: _.aggFn,
                       onChange: (M) => w(_.field, M.target.value),
                       title: "Aggregation function",
-                      children: qr.map((M) => /* @__PURE__ */ r.jsx("option", { value: M, children: M.toUpperCase() }, M))
+                      children: Xr.map((M) => /* @__PURE__ */ r.jsx("option", { value: M, children: M.toUpperCase() }, M))
                     }
                   ),
                   /* @__PURE__ */ r.jsx("button", { className: "ogx-pivot-chip__remove", onClick: () => y(_.field), title: `Remove ${E(_.field)}`, children: "×" })
@@ -5458,20 +5463,20 @@ function Xr({ anchorRef: n, columns: t, model: e, onChange: o, onClose: i }) {
   );
   return Ge.createPortal(R, c);
 }
-function Jr() {
+function Qr() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ r.jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
   ] });
 }
-function Qr() {
+function Zr() {
   return /* @__PURE__ */ r.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ r.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
     /* @__PURE__ */ r.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function Zr({ value: n = "", onChange: t, placeholder: e = "Search...", debounceMs: o = 250 }) {
-  const [i, l] = Q(() => n.length > 0), [a, s] = Q(n), c = J(null), d = J(null), g = J(t);
+function ei({ value: n = "", onChange: t, placeholder: e = "Search...", debounceMs: o = 250 }) {
+  const [i, l] = Z(() => n.length > 0), [a, s] = Z(n), c = J(null), d = J(null), g = J(t);
   Ee(() => {
     g.current = t;
   }, [t]);
@@ -5513,7 +5518,7 @@ function Zr({ value: n = "", onChange: t, placeholder: e = "Search...", debounce
       className: `ogx-global-search${i ? " ogx-global-search--expanded" : ""}`,
       onClick: i ? void 0 : v,
       children: [
-        /* @__PURE__ */ r.jsx("div", { className: "ogx-global-search__icon-wrapper", children: /* @__PURE__ */ r.jsx(Jr, {}) }),
+        /* @__PURE__ */ r.jsx("div", { className: "ogx-global-search__icon-wrapper", children: /* @__PURE__ */ r.jsx(Qr, {}) }),
         /* @__PURE__ */ r.jsx(
           "input",
           {
@@ -5530,7 +5535,7 @@ function Zr({ value: n = "", onChange: t, placeholder: e = "Search...", debounce
             autoComplete: "off"
           }
         ),
-        a && /* @__PURE__ */ r.jsx("button", { className: "ogx-global-search__clear", onClick: b, "aria-label": "Clear search", children: /* @__PURE__ */ r.jsx(Qr, {}) })
+        a && /* @__PURE__ */ r.jsx("button", { className: "ogx-global-search__clear", onClick: b, "aria-label": "Clear search", children: /* @__PURE__ */ r.jsx(Zr, {}) })
       ]
     }
   );
@@ -5542,7 +5547,7 @@ function Ft({
   enterDelay: o = 200,
   leaveDelay: i = 0
 }) {
-  const [l, a] = Q(!1), [s, c] = Q({ top: 0, left: 0 }), d = J(null), g = J(null), x = z(() => {
+  const [l, a] = Z(!1), [s, c] = Z({ top: 0, left: 0 }), d = J(null), g = J(null), x = z(() => {
     if (!g.current) return;
     const b = g.current.getBoundingClientRect();
     let S = 0, N = 0;
@@ -5592,7 +5597,7 @@ function Ft({
     )
   ] });
 }
-const ei = ["none", "sum", "avg", "count", "min", "max"];
+const ti = ["none", "sum", "avg", "count", "min", "max"];
 function Vn() {
   return /* @__PURE__ */ r.jsx(
     "svg",
@@ -5610,7 +5615,7 @@ function Vn() {
     }
   );
 }
-function ti() {
+function ni() {
   return /* @__PURE__ */ r.jsxs("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", children: [
     /* @__PURE__ */ r.jsx("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", stroke: "currentColor", strokeWidth: "1.8" }),
     /* @__PURE__ */ r.jsx("rect", { x: "8.5", y: "4", width: "7", height: "16", fill: "currentColor", opacity: "0.25" }),
@@ -5623,7 +5628,7 @@ function ti() {
 function Un() {
   return /* @__PURE__ */ r.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ r.jsx("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" }) });
 }
-function ni({
+function oi({
   anchorRef: n,
   aggregationModel: t,
   aggregableColumns: e,
@@ -5632,7 +5637,7 @@ function ni({
   onClose: l,
   activeCount: a
 }) {
-  const s = J(null), [c, d] = Q({ top: 0, right: 0 }), [g, x] = Q(document.body);
+  const s = J(null), [c, d] = Z({ top: 0, right: 0 }), [g, x] = Z(document.body);
   Ee(() => {
     x(n.current?.closest(".ogx-theme-provider") ?? document.body);
   }, [n]);
@@ -5695,7 +5700,7 @@ function ni({
           const b = t[v.field] || "none";
           return /* @__PURE__ */ r.jsxs("div", { className: "ogx-toolbar__agg-row", children: [
             /* @__PURE__ */ r.jsx("span", { className: "ogx-toolbar__agg-label", title: v.field, children: v.headerName || v.field }),
-            /* @__PURE__ */ r.jsx("div", { className: "ogx-toolbar__agg-pills", children: ei.map((S) => /* @__PURE__ */ r.jsx(
+            /* @__PURE__ */ r.jsx("div", { className: "ogx-toolbar__agg-pills", children: ti.map((S) => /* @__PURE__ */ r.jsx(
               "button",
               {
                 className: `ogx-toolbar__pill${b === S ? " ogx-toolbar__pill--active" : ""}`,
@@ -5712,7 +5717,7 @@ function ni({
   );
   return Ge.createPortal(m, g);
 }
-function oi({
+function ri({
   anchorRef: n,
   columns: t,
   visibleColumns: e,
@@ -5723,7 +5728,7 @@ function oi({
   onColumnOrderReset: s,
   onClose: c
 }) {
-  const d = J(null), [g, x] = Q({ top: 0, right: 0 }), [h, m] = Q(document.body);
+  const d = J(null), [g, x] = Z({ top: 0, right: 0 }), [h, m] = Z(document.body);
   Ee(() => {
     m(n.current?.closest(".ogx-theme-provider") ?? document.body);
   }, [n]);
@@ -5771,18 +5776,18 @@ function oi({
   );
   return Ge.createPortal(b, h);
 }
-function ri({
+function ii({
   anchorRef: n,
   columns: t,
   filterModel: e,
   onFilterModelChange: o,
   onClose: i
 }) {
-  const l = J(null), [a, s] = Q({ top: 0, right: 0 }), c = J(i);
+  const l = J(null), [a, s] = Z({ top: 0, right: 0 }), c = J(i);
   Ee(() => {
     c.current = i;
   }, [i]);
-  const [d, g] = Q(document.body);
+  const [d, g] = Z(document.body);
   Ee(() => {
     g(n.current?.closest(".ogx-theme-provider") ?? document.body);
   }, [n]);
@@ -5846,7 +5851,7 @@ function ri({
           ] })
         ] }),
         /* @__PURE__ */ r.jsx("div", { className: "ogx-toolbar__panel-body ogx-toolbar__panel-body--filter", children: /* @__PURE__ */ r.jsx(
-          Yr,
+          qr,
           {
             columns: t,
             filterModel: e,
@@ -5858,8 +5863,8 @@ function ri({
   );
   return Ge.createPortal(v, d);
 }
-const ii = { rowFields: [], columnFields: [], valueFields: [] };
-function bi({
+const li = { rowFields: [], columnFields: [], valueFields: [] };
+function _i({
   columns: n = [],
   baseColumns: t,
   aggregationModel: e = {},
@@ -5878,11 +5883,11 @@ function bi({
   rightContent: b,
   style: S
 }) {
-  const [N, f] = Q(!1), [k, y] = Q(!1), [w, u] = Q(!1), [p, j] = Q(!1);
+  const [N, f] = Z(!1), [k, y] = Z(!1), [w, u] = Z(!1), [p, j] = Z(!1);
   re(() => {
     h && (u(!0), f(!1), y(!1), j(!1));
   }, [h]);
-  const E = J(null), R = J(null), _ = J(null), M = J(null), T = i ?? ii, I = T.rowFields.length > 0 || T.columnFields.length > 0 || T.valueFields.length > 0, F = n.filter(
+  const E = J(null), R = J(null), _ = J(null), M = J(null), T = i ?? li, I = T.rowFields.length > 0 || T.columnFields.length > 0 || T.valueFields.length > 0, F = n.filter(
     (G) => G.aggregable !== !1 && (G.type === "number" || G.aggregable === !0)
   ), H = Object.keys(e).filter(
     (G) => e[G] && e[G] !== "none"
@@ -5905,11 +5910,11 @@ function bi({
     s(P);
   }, [a, s]), K = a?.quickFilterValues?.[0] || "", C = a?.items?.length || 0, B = new Set(
     n.filter((G) => c[G.field] !== !1).map((G) => G.field)
-  ), O = z((G, D) => {
+  ), W = z((G, D) => {
     if (!d) return;
     const P = { ...c, [G]: D };
     d(P);
-  }, [c, d]), W = z(() => {
+  }, [c, d]), O = z(() => {
     if (!d) return;
     const G = { ...c };
     n.forEach((D) => {
@@ -5927,7 +5932,7 @@ function bi({
     /* @__PURE__ */ r.jsx("div", { className: "ogx-toolbar__spacer" }),
     /* @__PURE__ */ r.jsxs("div", { className: "ogx-toolbar__actions", children: [
       s && /* @__PURE__ */ r.jsx("div", { className: "ogx-toolbar__dropdown-wrapper", style: { marginRight: 4 }, children: /* @__PURE__ */ r.jsx(
-        Zr,
+        ei,
         {
           value: K,
           onChange: q,
@@ -5944,17 +5949,17 @@ function bi({
             onClick: () => {
               u(!w), f(!1), y(!1), j(!1);
             },
-            children: /* @__PURE__ */ r.jsx(ti, {})
+            children: /* @__PURE__ */ r.jsx(ni, {})
           }
         ) }),
         w && /* @__PURE__ */ r.jsx(
-          oi,
+          ri,
           {
             anchorRef: _,
             columns: n,
             visibleColumns: B,
-            onVisibilityChange: O,
-            onShowAll: W,
+            onVisibilityChange: W,
+            onShowAll: O,
             onHideAll: V,
             onColumnReorder: g,
             onColumnOrderReset: x,
@@ -5981,7 +5986,7 @@ function bi({
           }
         ) }),
         p && /* @__PURE__ */ r.jsx(
-          ri,
+          ii,
           {
             anchorRef: M,
             columns: n,
@@ -6011,7 +6016,7 @@ function bi({
           }
         ) }),
         k && /* @__PURE__ */ r.jsx(
-          Xr,
+          Jr,
           {
             anchorRef: R,
             columns: t ?? n,
@@ -6043,7 +6048,7 @@ function bi({
           }
         ) }),
         N && /* @__PURE__ */ r.jsx(
-          ni,
+          oi,
           {
             anchorRef: E,
             aggregationModel: e,
@@ -6059,10 +6064,10 @@ function bi({
     ] })
   ] });
 }
-function _i() {
+function yi() {
   return J(null);
 }
-const yi = ({
+const Ci = ({
   fullWidth: n = !1,
   error: t = !1,
   startAdornment: e,
@@ -6089,7 +6094,7 @@ const yi = ({
     o && /* @__PURE__ */ r.jsx("div", { className: "ogx-input__adornment ogx-input__adornment--end", children: o })
   ] });
 };
-function Ci(n, t, e = {}) {
+function ki(n, t, e = {}) {
   const {
     fileName: o = "export.csv",
     includeHeaders: i = !0,
@@ -6135,7 +6140,7 @@ function dt(n) {
   return n.includes(",") || n.includes('"') || n.includes(`
 `) ? `"${n.replace(/"/g, '""')}"` : n;
 }
-function ki(n, t, e = {}) {
+function Si(n, t, e = {}) {
   const {
     fileName: o = "export.xls",
     sheetName: i = "Sheet1",
@@ -6149,31 +6154,31 @@ function ki(n, t, e = {}) {
   const c = t.filter((g) => !(g.exportable === !1 || g.field === "__check__" || g.field === "__actions__"));
   let d = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40">';
   if (d += "<head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>", d += `<x:Name>${i}</x:Name>`, d += "<x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->", d += '<meta charset="UTF-8"></head><body>', d += '<table border="1">', l && (d += "<thead><tr>", c.forEach((g) => {
-    d += `<th>${Te(g.headerName || g.field)}</th>`;
+    d += `<th>${We(g.headerName || g.field)}</th>`;
   }), d += "</tr></thead>"), d += "<tbody>", s.forEach((g) => {
     d += "<tr>", c.forEach((x) => {
       let h = g[x.field];
-      x.valueGetter && (h = x.valueGetter({ row: g, field: x.field, value: h })), x.valueFormatter && h !== void 0 && h !== null && (h = x.valueFormatter({ value: h, row: g, field: x.field })), d += `<td>${Te(String(h ?? ""))}</td>`;
+      x.valueGetter && (h = x.valueGetter({ row: g, field: x.field, value: h })), x.valueFormatter && h !== void 0 && h !== null && (h = x.valueFormatter({ value: h, row: g, field: x.field })), d += `<td>${We(String(h ?? ""))}</td>`;
     });
   }), e.aggregationResult) {
     const g = e.aggregationResult, x = e.aggregationModel || {};
     d += '<tr style="font-size: 11px; color: #666; background-color: #f5f5f5;">', c.forEach((h) => {
-      x[h.field] ? d += `<td style="text-align: right; font-weight: bold;">${Te(x[h.field].toUpperCase())}</td>` : d += "<td></td>";
+      x[h.field] ? d += `<td style="text-align: right; font-weight: bold;">${We(x[h.field].toUpperCase())}</td>` : d += "<td></td>";
     }), d += "</tr>", d += '<tr style="font-weight: bold; background-color: #f5f5f5;">', c.forEach((h) => {
       const m = g[h.field];
       if (m != null) {
         let v = m;
-        h.valueFormatter ? v = h.valueFormatter({ value: m, row: {}, field: h.field }) : x[h.field] && (v = He(m, x[h.field])), d += `<td style="text-align: right;">${Te(String(v))}</td>`;
+        h.valueFormatter ? v = h.valueFormatter({ value: m, row: {}, field: h.field }) : x[h.field] && (v = He(m, x[h.field])), d += `<td style="text-align: right;">${We(String(v))}</td>`;
       } else
         d += "<td></td>";
     }), d += "</tr>";
   }
   d += "</tbody></table></body></html>", fn(d, o, "application/vnd.ms-excel");
 }
-function Te(n) {
+function We(n) {
   return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
-function Si(n, t, e = {}) {
+function ji(n, t, e = {}) {
   const {
     fileName: o = "export.json",
     pretty: i = !0,
@@ -6213,7 +6218,7 @@ function Si(n, t, e = {}) {
   const g = i ? JSON.stringify(d, null, 2) : JSON.stringify(d);
   fn(g, o, "application/json;charset=utf-8;");
 }
-async function ji(n, t, e) {
+async function Ri(n, t, e) {
   const o = window.open("", "_blank");
   if (!o) {
     console.error("Failed to open print window. Please check your popup blocker settings.");
@@ -6269,22 +6274,22 @@ async function ji(n, t, e) {
             </head>
             <body>
         `;
-    if (i && (g += `<h1>${Te(i)}</h1>`), g += "<table>", g += "<thead><tr>", d.forEach((h) => {
-      g += `<th>${Te(h.headerName || h.field)}</th>`;
+    if (i && (g += `<h1>${We(i)}</h1>`), g += "<table>", g += "<thead><tr>", d.forEach((h) => {
+      g += `<th>${We(h.headerName || h.field)}</th>`;
     }), g += "</tr></thead>", g += "<tbody>", c.forEach((h) => {
       g += "<tr>", d.forEach((m) => {
         let v = h[m.field];
-        m.valueGetter && (v = m.valueGetter({ row: h, field: m.field, value: v })), m.valueFormatter && v !== void 0 && v !== null && (v = m.valueFormatter({ value: v, row: h, field: m.field })), m.type === "image" && v ? g += `<td><div style="display:flex;justify-content:center;"><img src="${v}" alt="${m.headerName}" style="max-height: 40px; border-radius: 4px;"></div></td>` : g += `<td>${Te(String(v ?? ""))}</td>`;
+        m.valueGetter && (v = m.valueGetter({ row: h, field: m.field, value: v })), m.valueFormatter && v !== void 0 && v !== null && (v = m.valueFormatter({ value: v, row: h, field: m.field })), m.type === "image" && v ? g += `<td><div style="display:flex;justify-content:center;"><img src="${v}" alt="${m.headerName}" style="max-height: 40px; border-radius: 4px;"></div></td>` : g += `<td>${We(String(v ?? ""))}</td>`;
       }), g += "</tr>";
     }), a) {
       const h = s || {};
       g += '<tfoot><tr style="font-size: 11px; color: #666; background-color: #f5f5f5;">', d.forEach((m) => {
-        h[m.field] ? g += `<td style="text-align: right; font-weight: bold;">${Te(h[m.field].toUpperCase())}</td>` : g += "<td></td>";
+        h[m.field] ? g += `<td style="text-align: right; font-weight: bold;">${We(h[m.field].toUpperCase())}</td>` : g += "<td></td>";
       }), g += '</tr><tr style="font-weight: bold; background-color: #f5f5f5;">', d.forEach((m) => {
         const v = a[m.field];
         if (v != null) {
           let b = v;
-          m.valueFormatter ? b = m.valueFormatter({ value: v, row: {}, field: m.field }) : h[m.field] && (b = He(v, h[m.field])), g += `<td style="text-align: right;">${Te(String(b))}</td>`;
+          m.valueFormatter ? b = m.valueFormatter({ value: v, row: {}, field: m.field }) : h[m.field] && (b = He(v, h[m.field])), g += `<td style="text-align: right;">${We(String(b))}</td>`;
         } else
           g += "<td></td>";
       }), g += "</tr></tfoot>";
@@ -6311,26 +6316,26 @@ function fn(n, t, e) {
   const o = new Blob([n], { type: e }), i = URL.createObjectURL(o), l = document.createElement("a");
   l.href = i, l.download = t, document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(i);
 }
-function li(n, t) {
+function si(n, t) {
   return n.type === "number" ? "number" : n.type === "boolean" ? "boolean" : n.type === "date" ? "date" : typeof t == "number" ? "number" : typeof t == "boolean" ? "boolean" : t instanceof Date ? "date" : "string";
 }
-function si(n) {
+function ai(n) {
   if (n.type === "number") return "#,##0.##";
   if (n.type === "date") return "yyyy-mm-dd";
 }
-function ai(n, t) {
+function di(n, t) {
   if (t != null) return t;
   const e = n.width ?? 120;
   return Math.min(60, Math.max(8, (e - 5) / 7));
 }
-function di(n, t) {
+function ci(n, t) {
   const e = t ?? "";
   if (e.includes("jpeg") || e.includes("jpg")) return "jpeg";
   if (e.includes("gif")) return "gif";
   const o = n.split("?")[0].toLowerCase();
   return o.endsWith(".jpg") || o.endsWith(".jpeg") ? "jpeg" : o.endsWith(".gif") ? "gif" : "png";
 }
-async function ci(n) {
+async function ui(n) {
   const t = await Promise.allSettled(
     n.map(async (o) => {
       if (o.startsWith("data:")) {
@@ -6342,7 +6347,7 @@ async function ci(n) {
       }
       const i = await fetch(o, { mode: "cors" });
       if (!i.ok) throw new Error(`HTTP ${i.status}`);
-      const l = await i.arrayBuffer(), a = di(o, i.headers.get("content-type"));
+      const l = await i.arrayBuffer(), a = ci(o, i.headers.get("content-type"));
       return { url: o, buffer: l, ext: a };
     })
   ), e = /* @__PURE__ */ new Map();
@@ -6353,7 +6358,7 @@ async function ci(n) {
     );
   }), e;
 }
-async function Ri(n, t, e = {}) {
+async function Ei(n, t, e = {}) {
   const {
     fileName: o = "export.xlsx",
     sheets: i,
@@ -6374,14 +6379,14 @@ async function Ri(n, t, e = {}) {
     if ("type" in j && j.type === "summary") {
       if (!g || !x) continue;
       const C = v.addWorksheet(j.name ?? "Summary");
-      C.addRow(["Summary / Aggregation Totals"]), C.getRow(1).font = { bold: !0, size: c + 2, color: { argb: ze(s) } }, C.addRow([]), C.addRow(["Column", "Function", "Value"]).eachCell((O) => {
-        O.fill = { type: "pattern", pattern: "solid", fgColor: { argb: ze(a) } }, O.font = { bold: !0, size: c, color: { argb: ze(s) } }, O.border = Fn();
-      }), b.forEach((O) => {
-        const W = x[O.field], V = g[O.field];
-        if (W == null || V == null) return;
+      C.addRow(["Summary / Aggregation Totals"]), C.getRow(1).font = { bold: !0, size: c + 2, color: { argb: ze(s) } }, C.addRow([]), C.addRow(["Column", "Function", "Value"]).eachCell((W) => {
+        W.fill = { type: "pattern", pattern: "solid", fgColor: { argb: ze(a) } }, W.font = { bold: !0, size: c, color: { argb: ze(s) } }, W.border = Fn();
+      }), b.forEach((W) => {
+        const O = x[W.field], V = g[W.field];
+        if (O == null || V == null) return;
         let G = V;
-        O.valueFormatter ? G = O.valueFormatter({ value: V, row: {}, field: O.field }) : G = He(V, W);
-        const D = C.addRow([O.headerName ?? O.field, W.toUpperCase(), G]);
+        W.valueFormatter ? G = W.valueFormatter({ value: V, row: {}, field: W.field }) : G = He(V, O);
+        const D = C.addRow([W.headerName ?? W.field, O.toUpperCase(), G]);
         D.getCell(3).alignment = { horizontal: "right" }, D.getCell(3).font = { bold: !0, size: d };
       }), C.getColumn(1).width = 20, C.getColumn(2).width = 12, C.getColumn(3).width = 18;
       continue;
@@ -6397,34 +6402,34 @@ async function Ri(n, t, e = {}) {
     } = E, L = _ === "selected" ? N : S, U = b.filter((C) => l[C.field]?.embedImage);
     if (U.length > 0) {
       const C = [], B = /* @__PURE__ */ new Set();
-      if (L.forEach((O) => {
-        U.forEach((W) => {
-          const V = O[W.field];
+      if (L.forEach((W) => {
+        U.forEach((O) => {
+          const V = W[O.field];
           typeof V == "string" && V && !k.has(V) && !B.has(V) && (C.push(V), B.add(V));
         });
       }), C.length > 0) {
-        const O = await ci(C);
-        for (const [W, { buffer: V, extension: G }] of O) {
+        const W = await ui(C);
+        for (const [O, { buffer: V, extension: G }] of W) {
           const D = v.addImage({ buffer: V, extension: G });
-          k.set(W, D);
+          k.set(O, D);
         }
       }
     }
     const q = v.addWorksheet(R);
     if (q.columns = b.map((C) => ({
       key: C.field,
-      width: ai(C, l[C.field]?.width),
+      width: di(C, l[C.field]?.width),
       style: {
-        numFmt: l[C.field]?.numFmt ?? si(C)
+        numFmt: l[C.field]?.numFmt ?? ai(C)
       }
     })), M) {
-      const C = b.map((O) => O.headerName ?? O.field), B = q.addRow(C);
-      B.height = 20, B.eachCell((O, W) => {
-        const V = b[W - 1];
-        O.fill = { type: "pattern", pattern: "solid", fgColor: { argb: ze(a) } }, O.font = { bold: !0, size: c, color: { argb: ze(s) } }, O.alignment = {
+      const C = b.map((W) => W.headerName ?? W.field), B = q.addRow(C);
+      B.height = 20, B.eachCell((W, O) => {
+        const V = b[O - 1];
+        W.fill = { type: "pattern", pattern: "solid", fgColor: { argb: ze(a) } }, W.font = { bold: !0, size: c, color: { argb: ze(s) } }, W.alignment = {
           horizontal: l[V?.field]?.alignment ?? (V?.type === "number" ? "right" : "left"),
           vertical: "middle"
-        }, O.border = Fn();
+        }, W.border = Fn();
       }), I && (q.autoFilter = {
         from: { row: 1, column: 1 },
         to: { row: 1, column: b.length }
@@ -6432,14 +6437,14 @@ async function Ri(n, t, e = {}) {
     }
     let K = M ? 1 : 0;
     if (L.forEach((C, B) => {
-      const O = b.map((V) => {
+      const W = b.map((V) => {
         if (l[V.field]?.embedImage) return "";
         let G = C[V.field];
-        return V.valueGetter && (G = V.valueGetter({ row: C, field: V.field, value: G })), li(V, G) === "string" && V.valueFormatter && G != null && (G = V.valueFormatter({ value: G, row: C, field: V.field })), G;
-      }), W = q.addRow(O);
-      if (W.font = { size: d }, H && B % 2 === 1 && W.eachCell((V) => {
+        return V.valueGetter && (G = V.valueGetter({ row: C, field: V.field, value: G })), si(V, G) === "string" && V.valueFormatter && G != null && (G = V.valueFormatter({ value: G, row: C, field: V.field })), G;
+      }), O = q.addRow(W);
+      if (O.font = { size: d }, H && B % 2 === 1 && O.eachCell((V) => {
         V.fill = { type: "pattern", pattern: "solid", fgColor: { argb: ze(H) } };
-      }), W.eachCell((V, G) => {
+      }), O.eachCell((V, G) => {
         const D = b[G - 1];
         D && (V.alignment = {
           horizontal: l[D.field]?.alignment ?? (D.type === "number" ? "right" : "left"),
@@ -6447,14 +6452,14 @@ async function Ri(n, t, e = {}) {
         }, V.border = { bottom: { style: "thin", color: { argb: "FFf1f5f9" } } });
       }), U.length > 0) {
         const V = U.reduce((P, ne) => Math.max(P, l[ne.field]?.imageHeight ?? 40), 0), G = Math.ceil(V / 1.333), D = G * 1.333;
-        W.height = G, U.forEach((P) => {
-          const ne = b.indexOf(P), te = C[P.field], Z = typeof te == "string" ? k.get(te) : void 0;
-          if (Z === void 0) {
-            W.getCell(ne + 1).value = typeof te == "string" ? te : "";
+        O.height = G, U.forEach((P) => {
+          const ne = b.indexOf(P), te = C[P.field], ee = typeof te == "string" ? k.get(te) : void 0;
+          if (ee === void 0) {
+            O.getCell(ne + 1).value = typeof te == "string" ? te : "";
             return;
           }
-          const pe = l[P.field], $ = pe?.imageWidth ?? 40, ge = pe?.imageHeight ?? 40, ve = (q.getColumn(ne + 1).width ?? 8) * 7 + 5, ce = Math.max(0, ve - $) / 2, A = Math.max(0, D - ge) / 2;
-          q.addImage(Z, {
+          const pe = l[P.field], $ = pe?.imageWidth ?? 40, ge = pe?.imageHeight ?? 40, be = (q.getColumn(ne + 1).width ?? 8) * 7 + 5, ce = Math.max(0, be - $) / 2, A = Math.max(0, D - ge) / 2;
+          q.addImage(ee, {
             tl: {
               col: ne,
               row: K,
@@ -6466,7 +6471,7 @@ async function Ri(n, t, e = {}) {
           });
         });
       } else
-        W.height = 16;
+        O.height = 16;
       K++;
     }), T && g && x) {
       const C = b.map((V) => {
@@ -6476,12 +6481,12 @@ async function Ri(n, t, e = {}) {
       B.height = 16, B.font = { size: d - 1, italic: !0, color: { argb: "FF94a3b8" } }, B.eachCell((V) => {
         V.alignment = { horizontal: "right", vertical: "middle" }, V.border = { top: { style: "thin", color: { argb: "FFcbd5e1" } } };
       });
-      const O = b.map((V) => {
+      const W = b.map((V) => {
         const G = x[V.field], D = g[V.field];
         return G == null || D == null ? "" : V.valueFormatter ? V.valueFormatter({ value: D, row: {}, field: V.field }) : He(D, G);
-      }), W = q.addRow(O);
-      W.height = 18, W.font = { bold: !0, size: d, color: { argb: ze(s) } }, W.eachCell((V) => {
-        V.fill = { type: "pattern", pattern: "solid", fgColor: { argb: ze(a) } }, V.alignment = { horizontal: "right", vertical: "middle" }, V.border = ui();
+      }), O = q.addRow(W);
+      O.height = 18, O.font = { bold: !0, size: d, color: { argb: ze(s) } }, O.eachCell((V) => {
+        V.fill = { type: "pattern", pattern: "solid", fgColor: { argb: ze(a) } }, V.alignment = { horizontal: "right", vertical: "middle" }, V.border = gi();
       });
     }
   }
@@ -6497,10 +6502,10 @@ function ze(n) {
 function Fn() {
   return { bottom: { style: "medium", color: { argb: "FFcbd5e1" } } };
 }
-function ui() {
+function gi() {
   return { top: { style: "medium", color: { argb: "FFcbd5e1" } } };
 }
-const gi = {
+const fi = {
   "--ogx-color-primary": "#3b82f6",
   "--ogx-color-primary-dark": "#2563eb",
   "--ogx-color-primary-light": "#eff6ff",
@@ -6574,7 +6579,7 @@ const gi = {
   "--ogx-skeleton-dark-base": "#e2e8f0",
   "--ogx-skeleton-dark-highlight": "#f8fafc"
 };
-function fi(n) {
+function hi(n) {
   const t = {};
   function e(o, i) {
     i !== void 0 && (t[o] = i);
@@ -6625,13 +6630,13 @@ function fi(n) {
   }
   return t;
 }
-function Ei({
+function Ni({
   theme: n,
   children: t,
   className: e,
   style: o
 }) {
-  const i = ae.useMemo(() => ({ ...gi, ...fi(n) }), [n]);
+  const i = ae.useMemo(() => ({ ...fi, ...hi(n) }), [n]);
   return /* @__PURE__ */ r.jsx(
     "div",
     {
@@ -6641,7 +6646,7 @@ function Ei({
     }
   );
 }
-const Ni = {
+const Mi = {
   colors: {
     primary: "#60a5fa",
     primaryDark: "#3b82f6",
@@ -6717,7 +6722,7 @@ const Ni = {
     darkBaseColor: "#0f172a",
     darkHighlightColor: "#1e293b"
   }
-}, Mi = {
+}, Ii = {
   colors: {
     primary: "#e11d48",
     primaryDark: "#be123c",
@@ -6733,7 +6738,7 @@ const Ni = {
     rowSelectedHoverBackground: "#fecdd3",
     cellFocusBorder: "#e11d48"
   }
-}, Ii = {
+}, Pi = {
   colors: {
     primary: "#059669",
     primaryDark: "#047857",
@@ -6749,7 +6754,7 @@ const Ni = {
     rowSelectedHoverBackground: "#a7f3d0",
     cellFocusBorder: "#059669"
   }
-}, Pi = {
+}, Li = {
   colors: {
     primary: "#d97706",
     primaryDark: "#b45309",
@@ -6765,7 +6770,7 @@ const Ni = {
     rowSelectedHoverBackground: "#fde68a",
     cellFocusBorder: "#d97706"
   }
-}, Li = {
+}, Ti = {
   grid: {
     rowHeightCompact: "28px",
     rowHeightStandard: "36px",
@@ -6779,7 +6784,7 @@ const Ni = {
     fontSizeMd: "0.875rem"
   }
 };
-function hi(n, t) {
+function pi(n, t) {
   try {
     const e = t.getItem(n);
     return e ? JSON.parse(e) : void 0;
@@ -6787,7 +6792,7 @@ function hi(n, t) {
     return;
   }
 }
-function pi(n, t, e, o) {
+function xi(n, t, e, o) {
   try {
     const i = e ? Object.fromEntries(
       Object.entries(t).filter(([l]) => e.includes(l))
@@ -6796,7 +6801,7 @@ function pi(n, t, e, o) {
   } catch {
   }
 }
-function Ti(n) {
+function Wi(n) {
   const t = typeof n == "string" ? { key: n } : n, {
     key: e,
     debounceMs: o = 300,
@@ -6804,9 +6809,9 @@ function Ti(n) {
     storage: l = typeof window < "u" ? window.localStorage : void 0
   } = t, a = le(() => {
     if (l)
-      return hi(e, l);
+      return pi(e, l);
   }, [e, l]), s = J(null), c = J(null), d = z(() => {
-    c.current && l && pi(e, c.current, i, l);
+    c.current && l && xi(e, c.current, i, l);
   }, [e, i, l]), g = z(
     (h) => {
       c.current = h, s.current && clearTimeout(s.current), s.current = setTimeout(d, o);
@@ -6822,32 +6827,32 @@ function Ti(n) {
   return { initialState: a, onStateChange: g, clearState: x };
 }
 export {
-  Ot as Button,
-  Ar as Cell,
+  Wt as Button,
+  zr as Cell,
   At as Checkbox,
-  wi as DataGrid,
-  Ei as DataGridThemeProvider,
-  Yr as FilterPanel,
-  bi as GridToolbar,
+  vi as DataGrid,
+  Ni as DataGridThemeProvider,
+  qr as FilterPanel,
+  _i as GridToolbar,
   Ft as GridTooltip,
-  fr as Header,
-  yi as Input,
+  hr as Header,
+  Ci as Input,
   dn as Row,
-  vi as Skeleton,
-  Pi as amberTheme,
-  Li as compactTheme,
-  Ni as darkTheme,
-  Ii as emeraldTheme,
-  Ci as exportToCsv,
-  ki as exportToExcel,
-  Ri as exportToExcelAdvanced,
-  Si as exportToJson,
+  bi as Skeleton,
+  Li as amberTheme,
+  Ti as compactTheme,
+  Mi as darkTheme,
+  Pi as emeraldTheme,
+  ki as exportToCsv,
+  Si as exportToExcel,
+  Ei as exportToExcelAdvanced,
+  ji as exportToJson,
   He as formatAggregationValue,
-  ji as printGrid,
-  Mi as roseTheme,
-  qo as useAggregation,
-  _i as useGridApiRef,
-  Ti as useGridStateStorage,
-  Sr as usePivot
+  Ri as printGrid,
+  Ii as roseTheme,
+  Xo as useAggregation,
+  yi as useGridApiRef,
+  Wi as useGridStateStorage,
+  jr as usePivot
 };
 //# sourceMappingURL=opengridx.es.js.map