@opencorestack/opengridx 0.1.2 → 0.1.3

package/dist/opengridx.es.js

@@ -1,4 +1,4 @@
-import pe, { useState as Q, useRef as ne, useCallback as W, useEffect as ee, useMemo as de, useReducer as Cr, useLayoutEffect as kr } from "react";
+import pe, { useState as Q, useRef as ne, useCallback as F, useEffect as ee, useMemo as de, useReducer as Cr, useLayoutEffect as kr } from "react";
 import Mt from "react-dom";
 var Cn = { exports: {} }, ln = {};
 var _o;
@@ -127,13 +127,13 @@ function jr() {
         configurable: !0
       });
     }
-    function u() {
+    function g() {
       var b = n(this.type);
       return D[b] || (D[b] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), b = this.props.ref, b !== void 0 ? b : null;
     }
-    function g(b, H, T, A, O, Z) {
+    function u(b, H, T, A, O, Z) {
       var U = T.ref;
       return b = {
         $$typeof: w,
@@ -143,7 +143,7 @@ function jr() {
         _owner: A
       }, (U !== void 0 ? U : null) !== null ? Object.defineProperty(b, "ref", {
         enumerable: !1,
-        get: u
+        get: g
       }) : Object.defineProperty(b, "ref", { enumerable: !1, value: null }), b._store = {}, Object.defineProperty(b._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -166,7 +166,7 @@ function jr() {
         value: Z
       }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     }
-    function f(b, H, T, A, O, Z) {
+    function h(b, H, T, A, O, Z) {
       var U = H.children;
       if (U !== void 0)
         if (A)
@@ -205,7 +205,7 @@ React keys must be passed directly to JSX without using spread:
       return U && s(
         T,
         typeof b == "function" ? b.displayName || b.name || "Unknown" : b
-      ), g(
+      ), u(
         b,
         U,
         T,
@@ -215,26 +215,26 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function m(b) {
-      d(b) ? b._store && (b._store.validated = 1) : typeof b == "object" && b !== null && b.$$typeof === p && (b._payload.status === "fulfilled" ? d(b._payload.value) && b._payload.value._store && (b._payload.value._store.validated = 1) : b._store && (b._store.validated = 1));
+      c(b) ? b._store && (b._store.validated = 1) : typeof b == "object" && b !== null && b.$$typeof === p && (b._payload.status === "fulfilled" ? c(b._payload.value) && b._payload.value._store && (b._payload.value._store.validated = 1) : b._store && (b._store.validated = 1));
     }
-    function d(b) {
+    function c(b) {
       return typeof b == "object" && b !== null && b.$$typeof === w;
     }
-    var h = pe, w = /* @__PURE__ */ Symbol.for("react.transitional.element"), x = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), E = /* @__PURE__ */ Symbol.for("react.strict_mode"), j = /* @__PURE__ */ Symbol.for("react.profiler"), _ = /* @__PURE__ */ Symbol.for("react.consumer"), v = /* @__PURE__ */ Symbol.for("react.context"), S = /* @__PURE__ */ Symbol.for("react.forward_ref"), y = /* @__PURE__ */ Symbol.for("react.suspense"), I = /* @__PURE__ */ Symbol.for("react.suspense_list"), C = /* @__PURE__ */ Symbol.for("react.memo"), p = /* @__PURE__ */ Symbol.for("react.lazy"), k = /* @__PURE__ */ Symbol.for("react.activity"), L = /* @__PURE__ */ Symbol.for("react.client.reference"), B = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, $ = Array.isArray, K = console.createTask ? console.createTask : function() {
+    var f = pe, w = /* @__PURE__ */ Symbol.for("react.transitional.element"), x = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), E = /* @__PURE__ */ Symbol.for("react.strict_mode"), j = /* @__PURE__ */ Symbol.for("react.profiler"), _ = /* @__PURE__ */ Symbol.for("react.consumer"), v = /* @__PURE__ */ Symbol.for("react.context"), S = /* @__PURE__ */ Symbol.for("react.forward_ref"), y = /* @__PURE__ */ Symbol.for("react.suspense"), I = /* @__PURE__ */ Symbol.for("react.suspense_list"), C = /* @__PURE__ */ Symbol.for("react.memo"), p = /* @__PURE__ */ Symbol.for("react.lazy"), k = /* @__PURE__ */ Symbol.for("react.activity"), L = /* @__PURE__ */ Symbol.for("react.client.reference"), B = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, $ = Array.isArray, K = console.createTask ? console.createTask : function() {
       return null;
     };
-    h = {
+    f = {
       react_stack_bottom_frame: function(b) {
         return b();
       }
     };
-    var q, D = {}, te = h.react_stack_bottom_frame.bind(
-      h,
+    var q, D = {}, te = f.react_stack_bottom_frame.bind(
+      f,
       l
     )(), J = K(r(l)), we = {};
     sn.Fragment = N, sn.jsx = function(b, H, T) {
       var A = 1e4 > B.recentlyCreatedOwnerStacks++;
-      return f(
+      return h(
         b,
         H,
         T,
@@ -244,7 +244,7 @@ React keys must be passed directly to JSX without using spread:
       );
     }, sn.jsxs = function(b, H, T) {
       var A = 1e4 > B.recentlyCreatedOwnerStacks++;
-      return f(
+      return h(
         b,
         H,
         T,
@@ -270,15 +270,15 @@ function Er({
   onRowClick: a,
   onSelectionChange: s
 }) {
-  const u = {
+  const g = {
     row: n,
     value: void 0,
     field: e.field,
     colDef: { field: e.field },
     rowIndex: o,
     colIndex: 0
-  }, g = (f) => {
-    f.stopPropagation(), s?.(n.id, f.target.checked);
+  }, u = (h) => {
+    h.stopPropagation(), s?.(n.id, h.target.checked);
   };
   return /* @__PURE__ */ t.jsxs(
     "div",
@@ -290,16 +290,16 @@ function Er({
       "aria-rowindex": o + 2,
       "aria-selected": r,
       children: [
-        i && /* @__PURE__ */ t.jsx("div", { className: "ogx-list-view__checkbox", onClick: (f) => f.stopPropagation(), children: /* @__PURE__ */ t.jsx(
+        i && /* @__PURE__ */ t.jsx("div", { className: "ogx-list-view__checkbox", onClick: (h) => h.stopPropagation(), children: /* @__PURE__ */ t.jsx(
           "input",
           {
             type: "checkbox",
             checked: r,
-            onChange: g,
+            onChange: u,
             "aria-label": `Select row ${n.id}`
           }
         ) }),
-        /* @__PURE__ */ t.jsx("div", { className: "ogx-list-view__cell", role: "gridcell", children: e.renderCell(u) })
+        /* @__PURE__ */ t.jsx("div", { className: "ogx-list-view__cell", role: "gridcell", children: e.renderCell(g) })
       ]
     }
   );
@@ -311,8 +311,8 @@ const Rn = ({
   inputRef: r,
   ...i
 }) => {
-  const l = pe.useRef(null), a = pe.useCallback((u) => {
-    l.current = u, typeof r == "function" ? r(u) : r && (r.current = u);
+  const l = pe.useRef(null), a = pe.useCallback((g) => {
+    l.current = g, typeof r == "function" ? r(g) : r && (r.current = g);
   }, [r]);
   pe.useEffect(() => {
     l.current && (l.current.indeterminate = n);
@@ -341,36 +341,34 @@ const Rn = ({
   ] });
 };
 function Nr(n) {
-  const { field: o, onResize: e, minWidth: r = 50, maxWidth: i = 1e3 } = n, [l, a] = Q(!1), s = ne(0), u = ne(0), g = W((d) => {
-    d.preventDefault(), d.stopPropagation(), a(!0), s.current = d.clientX;
-    const h = d.target.closest(".ogx__header-cell");
-    h && (u.current = h.getBoundingClientRect().width);
+  const { field: o, currentWidth: e, onResize: r, minWidth: i = 50, maxWidth: l = 1e3 } = n, [a, s] = Q(!1), g = ne(0), u = ne(0), h = F((f) => {
+    f.preventDefault(), f.stopPropagation(), s(!0), g.current = f.clientX, u.current = e;
     let w = 0;
     const x = 16, N = (j) => {
-      const _ = j.clientX - s.current, v = Math.max(r, Math.min(i, u.current + _)), S = Date.now();
-      S - w >= x && (e(o, v), w = S);
+      const _ = j.clientX - g.current, v = Math.max(i, Math.min(l, u.current + _)), S = Date.now();
+      S - w >= x && (r(o, v), w = S);
     }, E = (j) => {
-      a(!1);
-      const _ = j.clientX - s.current, v = Math.max(r, Math.min(i, u.current + _));
-      e(o, v), document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", E);
+      s(!1);
+      const _ = j.clientX - g.current, v = Math.max(i, Math.min(l, u.current + _));
+      r(o, v), document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", E);
     };
     document.addEventListener("mousemove", N), document.addEventListener("mouseup", E);
-  }, [o, e, r, i]), f = W((d) => {
-    d.preventDefault(), d.stopPropagation();
-  }, [o]), m = [
+  }, [o, e, r, i, l]), m = F((f) => {
+    f.preventDefault(), f.stopPropagation();
+  }, []), c = [
     "ogx-column-resize-handle",
-    l && "ogx-column-resize-handle--dragging"
+    a && "ogx-column-resize-handle--dragging"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: m,
-      onMouseDown: g,
-      onClick: (d) => d.stopPropagation(),
-      onDragStart: (d) => {
-        d.preventDefault(), d.stopPropagation();
+      className: c,
+      onMouseDown: h,
+      onClick: (f) => f.stopPropagation(),
+      onDragStart: (f) => {
+        f.preventDefault(), f.stopPropagation();
       },
-      onDoubleClick: f,
+      onDoubleClick: m,
       role: "separator",
       "aria-orientation": "vertical",
       "aria-label": `Resize ${o} column`,
@@ -387,28 +385,28 @@ function Ir(n, o) {
     const a = En(l.field, o);
     a === "left" ? e.push(l) : a === "right" ? i.push(l) : r.push(l);
   }), o.left && e.sort((l, a) => {
-    const s = o.left.indexOf(l.field), u = o.left.indexOf(a.field);
-    return s - u;
+    const s = o.left.indexOf(l.field), g = o.left.indexOf(a.field);
+    return s - g;
   }), o.right && i.sort((l, a) => {
-    const s = o.right.indexOf(l.field), u = o.right.indexOf(a.field);
-    return s - u;
+    const s = o.right.indexOf(l.field), g = o.right.indexOf(a.field);
+    return s - g;
   }), { left: e, center: r, right: i }) : { left: e, center: n, right: i };
 }
 function Ro(n, o, e, r, i, l, a, s) {
-  const u = {};
-  if (!e) return u;
-  const g = Ir(n, e);
-  let f = 0;
-  s && (f += 48), l && a && (f += 48), r && i && (f += 48), g.left.forEach((d) => {
-    u[d.field] = f;
-    const h = o[d.field] ?? d.width ?? 100;
-    f += h;
+  const g = {};
+  if (!e) return g;
+  const u = Ir(n, e);
+  let h = 0;
+  s && (h += 48), l && a && (h += 48), r && i && (h += 48), u.left.forEach((c) => {
+    g[c.field] = h;
+    const f = o[c.field] ?? c.width ?? 100;
+    h += f;
   });
   let m = 0;
-  return [...g.right].reverse().forEach((d) => {
-    const h = o[d.field] ?? d.width ?? 100;
-    u[d.field] = m, m += h;
-  }), u;
+  return [...u.right].reverse().forEach((c) => {
+    const f = o[c.field] ?? c.width ?? 100;
+    g[c.field] = m, m += f;
+  }), g;
 }
 function qn(n, o) {
   return o ? o.top?.includes(n) ? "top" : o.bottom?.includes(n) ? "bottom" : null : null;
@@ -419,11 +417,11 @@ function Pr(n, o) {
     const a = qn(l.id, o);
     a === "top" ? e.push(l) : a === "bottom" ? i.push(l) : r.push(l);
   }), o.top && e.sort((l, a) => {
-    const s = o.top.indexOf(l.id), u = o.top.indexOf(a.id);
-    return s - u;
+    const s = o.top.indexOf(l.id), g = o.top.indexOf(a.id);
+    return s - g;
   }), o.bottom && i.sort((l, a) => {
-    const s = o.bottom.indexOf(l.id), u = o.bottom.indexOf(a.id);
-    return s - u;
+    const s = o.bottom.indexOf(l.id), g = o.bottom.indexOf(a.id);
+    return s - g;
   }), { top: e, center: r, bottom: i }) : { top: e, center: n, bottom: i };
 }
 function Yt() {
@@ -454,10 +452,10 @@ function Tr() {
     /* @__PURE__ */ t.jsx("polyline", { points: "19 12 12 19 5 12" })
   ] });
 }
-function Fr() {
+function Wr() {
   return /* @__PURE__ */ t.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: /* @__PURE__ */ t.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
 }
-function Wr() {
+function Fr() {
   return /* @__PURE__ */ t.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ t.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__ */ t.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" }),
@@ -485,18 +483,18 @@ function zr() {
     /* @__PURE__ */ t.jsx("line", { x1: "4", y1: "12", x2: "20", y2: "12" })
   ] });
 }
-function Br({ colDef: n, sortModel: o, onSort: e, onHide: r, onPin: i, pinnedColumns: l, onManageColumns: a, onClose: s, anchorEl: u }) {
-  const g = ne(null), [f, m] = Q({ position: "fixed", zIndex: 1300, top: 0, left: 0, visibility: "hidden" });
+function Br({ colDef: n, sortModel: o, onSort: e, onHide: r, onPin: i, pinnedColumns: l, onManageColumns: a, onClose: s, anchorEl: g }) {
+  const u = ne(null), [h, m] = Q({ position: "fixed", zIndex: 1300, top: 0, left: 0, visibility: "hidden" });
   pe.useLayoutEffect(() => {
-    if (!u || !g.current) return;
-    const S = u.getBoundingClientRect(), y = g.current.getBoundingClientRect(), I = window.innerWidth, C = window.innerHeight, p = 8;
+    if (!g || !u.current) return;
+    const S = g.getBoundingClientRect(), y = u.current.getBoundingClientRect(), I = window.innerWidth, C = window.innerHeight, p = 8;
     let k = S.left;
     k + y.width + p > I && (k = I - y.width - p), k < p && (k = p);
     let L = S.bottom + 4;
     L + y.height + p > C && (L = S.top - y.height - 4), m({ position: "fixed", zIndex: 1300, top: L, left: k, visibility: "visible" });
-  }, [u]), ee(() => {
+  }, [g]), ee(() => {
     function S(I) {
-      g.current && !g.current.contains(I.target) && u && !u.contains(I.target) && s();
+      u.current && !u.current.contains(I.target) && g && !g.contains(I.target) && s();
     }
     function y(I) {
       I.key === "Escape" && s();
@@ -504,22 +502,22 @@ function Br({ colDef: n, sortModel: o, onSort: e, onHide: r, onPin: i, pinnedCol
     return document.addEventListener("mousedown", S), document.addEventListener("keydown", y), () => {
       document.removeEventListener("mousedown", S), document.removeEventListener("keydown", y);
     };
-  }, [u, s]);
-  const d = (S) => {
+  }, [g, s]);
+  const c = (S) => {
     e?.(n.field, S), s();
-  }, h = () => {
+  }, f = () => {
     r?.(n.field), s();
   }, w = (S) => {
     i?.(n.field, S), s();
   }, x = o?.find((S) => S.field === n.field)?.sort, N = x == null, E = l?.left?.includes(n.field) ?? !1, j = l?.right?.includes(n.field) ?? !1, _ = !E && !j, v = n.headerName || n.field;
   return Mt.createPortal(
-    /* @__PURE__ */ t.jsxs("div", { ref: g, className: "ogx-column-menu", style: f, role: "menu", "aria-label": `Column options for ${v}`, children: [
+    /* @__PURE__ */ t.jsxs("div", { ref: u, className: "ogx-column-menu", style: h, role: "menu", "aria-label": `Column options for ${v}`, children: [
       e && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsxs(
           "button",
           {
             className: `ogx-menu-item${x === "asc" ? " ogx-menu-item--active" : ""}`,
-            onClick: () => d("asc"),
+            onClick: () => c("asc"),
             role: "menuitemradio",
             "aria-checked": x === "asc",
             children: [
@@ -533,7 +531,7 @@ function Br({ colDef: n, sortModel: o, onSort: e, onHide: r, onPin: i, pinnedCol
           "button",
           {
             className: `ogx-menu-item${x === "desc" ? " ogx-menu-item--active" : ""}`,
-            onClick: () => d("desc"),
+            onClick: () => c("desc"),
             role: "menuitemradio",
             "aria-checked": x === "desc",
             children: [
@@ -547,12 +545,12 @@ function Br({ colDef: n, sortModel: o, onSort: e, onHide: r, onPin: i, pinnedCol
           "button",
           {
             className: `ogx-menu-item${N ? " ogx-menu-item--active" : ""}`,
-            onClick: () => d(null),
+            onClick: () => c(null),
             role: "menuitemradio",
             "aria-checked": N,
             children: [
               /* @__PURE__ */ t.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true", children: N ? /* @__PURE__ */ t.jsx(Yt, {}) : /* @__PURE__ */ t.jsx(Xt, {}) }),
-              /* @__PURE__ */ t.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ t.jsx(Fr, {}) }),
+              /* @__PURE__ */ t.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ t.jsx(Wr, {}) }),
               "Unsort"
             ]
           }
@@ -606,9 +604,9 @@ function Br({ colDef: n, sortModel: o, onSort: e, onHide: r, onPin: i, pinnedCol
         }
       ),
       /* @__PURE__ */ t.jsx("div", { className: "ogx-menu-divider" }),
-      /* @__PURE__ */ t.jsxs("button", { className: "ogx-menu-item", onClick: h, role: "menuitem", "aria-label": `Hide ${v} column`, children: [
+      /* @__PURE__ */ t.jsxs("button", { className: "ogx-menu-item", onClick: f, role: "menuitem", "aria-label": `Hide ${v} column`, children: [
         /* @__PURE__ */ t.jsx("span", { className: "ogx-menu-item__indicator", "aria-hidden": "true" }),
-        /* @__PURE__ */ t.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ t.jsx(Wr, {}) }),
+        /* @__PURE__ */ t.jsx("span", { className: "ogx-menu-item__icon", "aria-hidden": "true", children: /* @__PURE__ */ t.jsx(Fr, {}) }),
         "Hide Column"
       ] }),
       /* @__PURE__ */ t.jsx("div", { className: "ogx-menu-divider" }),
@@ -644,34 +642,34 @@ function Dr(n) {
   return n.forEach((r) => e(r, 1)), o;
 }
 function Gr(n, o, e) {
-  function r(s, u, g) {
-    if (!Eo(s).includes(u)) return null;
-    if (g === e) return s;
-    for (const f of s.children)
-      if (typeof f != "string") {
-        const m = r(f, u, g + 1);
+  function r(s, g, u) {
+    if (!Eo(s).includes(g)) return null;
+    if (u === e) return s;
+    for (const h of s.children)
+      if (typeof h != "string") {
+        const m = r(h, g, u + 1);
         if (m) return m;
       }
     return null;
   }
   const i = /* @__PURE__ */ new Map();
   for (const s of o) {
-    let u = null;
-    for (const g of n)
-      if (u = r(g, s.field, 0), u) break;
-    i.set(s.field, u);
+    let g = null;
+    for (const u of n)
+      if (g = r(u, s.field, 0), g) break;
+    i.set(s.field, g);
   }
   const l = [];
   let a = 0;
   for (; a < o.length; ) {
-    const s = o[a], u = i.get(s.field) ?? null, g = s.width;
-    if (!u)
-      l.push({ key: `fg-${s.field}-${e}`, label: "", width: g, isGroup: !1 }), a++;
+    const s = o[a], g = i.get(s.field) ?? null, u = s.width;
+    if (!g)
+      l.push({ key: `fg-${s.field}-${e}`, label: "", width: u, isGroup: !1 }), a++;
     else {
-      let f = 0, m = a;
-      for (; m < o.length && i.get(o[m].field) === u; )
-        f += o[m].width, m++;
-      l.push({ key: `${u.groupId}-${e}`, label: u.headerName, width: f, isGroup: !0 }), a = m;
+      let h = 0, m = a;
+      for (; m < o.length && i.get(o[m].field) === g; )
+        h += o[m].width, m++;
+      l.push({ key: `${g.groupId}-${e}`, label: g.headerName, width: h, isGroup: !0 }), a = m;
     }
   }
   return l;
@@ -685,12 +683,12 @@ function Vr(n) {
     allSelected: l = !1,
     someSelected: a = !1,
     onSelectAll: s,
-    onSort: u,
-    sortModel: g = [],
-    onColumnResize: f,
+    onSort: g,
+    sortModel: u = [],
+    onColumnResize: h,
     columnWidths: m = {},
-    pinnedColumns: d,
-    hasDetailPanel: h = !1,
+    pinnedColumns: c,
+    hasDetailPanel: f = !1,
     pinCheckboxColumn: w = !0,
     pinExpandColumn: x = !0,
     rowReordering: N = !1,
@@ -718,26 +716,26 @@ function Vr(n) {
     }
   }, [C]);
   const te = (P) => () => {
-    if (P.sortable === !1 || !u) return;
-    const ce = g.find((ve) => ve.field === P.field);
+    if (P.sortable === !1 || !g) return;
+    const ce = u.find((ve) => ve.field === P.field);
     let ie = "asc";
-    ce && (ce.sort === "asc" ? ie = "desc" : ie = null), u(P.field, ie);
+    ce && (ce.sort === "asc" ? ie = "desc" : ie = null), g(P.field, ie);
   }, J = (P) => {
-    const ce = g.find((ie) => ie.field === P);
+    const ce = u.find((ie) => ie.field === P);
     return ce ? /* @__PURE__ */ t.jsx("span", { className: `ogx__sort-icon ogx__sort-icon--${ce.sort}`, "aria-hidden": "true" }) : null;
   }, we = pe.useMemo(() => Ro(
     o,
     m,
-    d,
+    c,
     i,
     w,
-    h,
+    f,
     x,
     N
-  ), [o, m, d, i, w, h, x, N]), b = r ? Dr(r) : 0, T = (e ?? o).filter((P) => !P.isSpacer).map((P) => ({
+  ), [o, m, c, i, w, f, x, N]), b = r ? Dr(r) : 0, T = (e ?? o).filter((P) => !P.isSpacer).map((P) => ({
     field: P.field,
     width: m[P.field] ?? P.width ?? 100
-  })), U = (N ? 48 : 0) + (h ? 48 : 0) + (i ? 48 : 0);
+  })), U = (N ? 48 : 0) + (f ? 48 : 0) + (i ? 48 : 0);
   return (
     // Outer sticky wrapper — both group rows AND column header row live here
     // so they ALL stay sticky together and scroll horizontally as one unit.
@@ -787,7 +785,7 @@ function Vr(n) {
             }
           }
         ),
-        h && /* @__PURE__ */ t.jsx(
+        f && /* @__PURE__ */ t.jsx(
           "div",
           {
             className: `ogx__header-cell ogx__header-cell--expand ${x ? "ogx__header-cell--pinned ogx__header-cell--pinned-left" : ""}`,
@@ -809,7 +807,7 @@ function Vr(n) {
             role: "columnheader",
             style: {
               position: w ? "sticky" : void 0,
-              left: w ? (N ? 48 : 0) + (h && x ? 48 : 0) : void 0
+              left: w ? (N ? 48 : 0) + (f && x ? 48 : 0) : void 0
             },
             children: /* @__PURE__ */ t.jsx(
               Rn,
@@ -839,7 +837,7 @@ function Vr(n) {
               },
               P.field
             );
-          const ie = P.sortable !== !1, ve = g.some((Be) => Be.field === P.field), nt = P.resizable !== !1, z = En(P.field, d), Ne = z !== null, Ie = j === P.field, ft = _ === P.field, Ge = [
+          const ie = P.sortable !== !1, ve = u.some((Be) => Be.field === P.field), nt = P.resizable !== !1, z = En(P.field, c), Ne = z !== null, Ie = j === P.field, ft = _ === P.field, Ge = [
             "ogx__header-cell",
             `ogx__header-cell--align-${P.headerAlign || P.align || "left"}`,
             ie && "ogx__header-cell--sortable",
@@ -850,8 +848,8 @@ function Vr(n) {
             ft && "ogx__header-cell--drag-over",
             C?.id === "HEADER" && C.field === P.field && "ogx__header-cell--focused",
             P.headerClassName
-          ].filter(Boolean).join(" "), ht = {
-            width: m[P.field] ?? P.width ?? 100,
+          ].filter(Boolean).join(" "), ht = m[P.field] ?? P.width ?? 100, pt = {
+            width: ht,
             minWidth: P.minWidth,
             maxWidth: P.maxWidth,
             flexGrow: P.flex ?? 0,
@@ -864,7 +862,7 @@ function Vr(n) {
           };
           if (Ne && z) {
             const Be = we[P.field];
-            z === "left" ? ht.left = Be : ht.right = Be;
+            z === "left" ? pt.left = Be : pt.right = Be;
           }
           const Qt = P.renderHeader ? P.renderHeader({ field: P.field, colDef: P, colIndex: ce }) : P.headerName || P.field, Lt = (Be) => {
             if (Be.target.closest(".ogx-column-resize-handle")) {
@@ -872,20 +870,20 @@ function Vr(n) {
               return;
             }
             p?.(P.field), ie && te(P)();
-          }, Rt = v ? v(P.field) : void 0, Tt = S ? S(P.field) : void 0, _t = I ? I(P.field) : void 0;
+          }, Rt = v ? v(P.field) : void 0, Tt = S ? S(P.field) : void 0, yt = I ? I(P.field) : void 0;
           return /* @__PURE__ */ t.jsxs(
             "div",
             {
               className: Ge,
-              style: ht,
+              style: pt,
               onClick: Lt,
               role: "columnheader",
               draggable: !!v,
               onDragStart: Rt,
               onDragOver: Tt,
               onDragEnd: y,
-              onDrop: _t,
-              "aria-sort": ie ? ve ? g.find((Be) => Be.field === P.field)?.sort === "asc" ? "ascending" : "descending" : "none" : void 0,
+              onDrop: yt,
+              "aria-sort": ie ? ve ? u.find((Be) => Be.field === P.field)?.sort === "asc" ? "ascending" : "descending" : "none" : void 0,
               "aria-colindex": ce + 1 + (i ? 1 : 0),
               "data-field": P.field,
               tabIndex: -1,
@@ -912,11 +910,12 @@ function Vr(n) {
                     }
                   )
                 ] }),
-                nt && f && /* @__PURE__ */ t.jsx(
+                nt && h && /* @__PURE__ */ t.jsx(
                   Nr,
                   {
                     field: P.field,
-                    onResize: f,
+                    currentWidth: ht,
+                    onResize: h,
                     minWidth: P.minWidth,
                     maxWidth: P.maxWidth
                   }
@@ -930,11 +929,11 @@ function Vr(n) {
           Br,
           {
             colDef: $.colDef,
-            sortModel: g,
-            onSort: u,
+            sortModel: u,
+            onSort: g,
             onHide: k,
             onPin: L,
-            pinnedColumns: d,
+            pinnedColumns: c,
             onManageColumns: B,
             onClose: D,
             anchorEl: $.anchorEl
@@ -977,8 +976,8 @@ function Kr({ value: n, onValueChange: o, onCommit: e, onCancel: r }) {
       className: "ogx__edit-input ogx__edit-input--number",
       value: i,
       onChange: (s) => {
-        const u = s.target.value === "" ? "" : Number(s.target.value);
-        l(u), o(u === "" ? null : u);
+        const g = s.target.value === "" ? "" : Number(s.target.value);
+        l(g), o(g === "" ? null : g);
       },
       onBlur: e,
       onKeyDown: (s) => {
@@ -1029,8 +1028,8 @@ function Xr({ value: n, colDef: o, onValueChange: e, onCommit: r, onCancel: i })
         s.key === "Enter" && (s.stopPropagation(), r()), s.key === "Escape" && (s.stopPropagation(), i());
       },
       children: a.map((s) => {
-        const u = typeof s == "object" ? s.value : s, g = typeof s == "object" ? s.label : String(s);
-        return /* @__PURE__ */ t.jsx("option", { value: String(u), children: g }, String(u));
+        const g = typeof s == "object" ? s.value : s, u = typeof s == "object" ? s.label : String(s);
+        return /* @__PURE__ */ t.jsx("option", { value: String(g), children: u }, String(g));
       })
     }
   );
@@ -1080,12 +1079,12 @@ function Qr(n) {
     row: l,
     colDef: a,
     rowIndex: s,
-    colIndex: u,
-    isSelected: g,
-    onClick: f,
+    colIndex: g,
+    isSelected: u,
+    onClick: h,
     width: m,
-    pinnedPosition: d,
-    pinnedOffset: h,
+    pinnedPosition: c,
+    pinnedOffset: f,
     isFocused: w,
     isFocusVisible: x,
     isEditable: N,
@@ -1107,7 +1106,7 @@ function Qr(n) {
         style: { width: m ?? a.width ?? 100 },
         role: "presentation",
         "data-field": a.field,
-        "data-colindex": u
+        "data-colindex": g
       }
     );
   const C = (b) => {
@@ -1117,8 +1116,8 @@ function Qr(n) {
       value: i,
       colDef: a,
       rowIndex: s,
-      colIndex: u
-    })), f?.(b);
+      colIndex: g
+    })), h?.(b);
   }, p = pe.useCallback((b) => {
     r ? r(a.field, b) : v?.(b);
   }, [r, v, a.field]), k = (b) => {
@@ -1133,7 +1132,7 @@ function Qr(n) {
     field: a.field,
     colDef: a,
     rowIndex: s,
-    colIndex: u
+    colIndex: g
   }) : /* @__PURE__ */ t.jsx(
     Jr,
     {
@@ -1142,7 +1141,7 @@ function Qr(n) {
       field: a.field,
       colDef: a,
       rowIndex: s,
-      colIndex: u,
+      colIndex: g,
       onValueChange: p,
       onCommit: () => _(),
       onCancel: () => _(!0)
@@ -1153,16 +1152,16 @@ function Qr(n) {
     field: a.field,
     colDef: a,
     rowIndex: s,
-    colIndex: u
-  }) : L, [i, l, a, s, u, L, E, p, _, r, v]), Y = d != null, $ = pe.useMemo(() => a.cellClassName ? typeof a.cellClassName == "function" ? a.cellClassName({ value: i, row: l, field: a.field, colDef: a, rowIndex: s, colIndex: u }) || "" : a.cellClassName : "", [a, i, l, s, u]), K = [
+    colIndex: g
+  }) : L, [i, l, a, s, g, L, E, p, _, r, v]), Y = c != null, $ = pe.useMemo(() => a.cellClassName ? typeof a.cellClassName == "function" ? a.cellClassName({ value: i, row: l, field: a.field, colDef: a, rowIndex: s, colIndex: g }) || "" : a.cellClassName : "", [a, i, l, s, g]), K = [
     "ogx__cell",
     `ogx__cell--align-${a.align || "left"}`,
-    g && "ogx__cell--selected",
+    u && "ogx__cell--selected",
     w && "ogx__cell--focused",
     w && x && "ogx__cell--focus-visible",
     a.type && `ogx__cell--type-${a.type}`,
     Y && "ogx__cell--pinned",
-    Y && `ogx__cell--pinned-${d}`,
+    Y && `ogx__cell--pinned-${c}`,
     E && "ogx__cell--editing",
     y && y > 1 && "ogx__cell--spanned",
     $
@@ -1179,7 +1178,7 @@ function Qr(n) {
     zIndex: a.zIndex ?? (Y ? 3 : void 0),
     padding: E ? 0 : void 0
   };
-  D > 1 && (J.height = `calc(var(--height) * ${D} - var(--border-width, 1px))`, J.zIndex = 10, Y && (J.zIndex = 40)), Y && h !== void 0 && (d === "left" ? J.left = h : J.right = h);
+  D > 1 && (J.height = `calc(var(--height) * ${D} - var(--border-width, 1px))`, J.zIndex = 10, Y && (J.zIndex = 40)), Y && f !== void 0 && (c === "left" ? J.left = f : J.right = f);
   const we = pe.useRef(null);
   return pe.useLayoutEffect(() => {
     w && we.current && we.current.focus({ preventScroll: !0 });
@@ -1192,11 +1191,11 @@ function Qr(n) {
       onClick: C,
       onDoubleClick: k,
       role: "gridcell",
-      "aria-colindex": u + 1,
+      "aria-colindex": g + 1,
       "aria-readonly": !N || void 0,
       tabIndex: -1,
       "data-field": a.field,
-      "data-colindex": u,
+      "data-colindex": g,
       ...q > 1 ? { "aria-colspan": q } : {},
       ...D > 1 ? { "aria-rowspan": D } : {},
       children: /* @__PURE__ */ t.jsx("div", { className: "ogx__cell-content", children: B })
@@ -1306,12 +1305,12 @@ function kn(n) {
     checkboxSelection: l = !1,
     onRowClick: a,
     onCellClick: s,
-    onSelectionChange: u,
-    columnWidths: g = {},
-    pinnedColumns: f,
+    onSelectionChange: g,
+    columnWidths: u = {},
+    pinnedColumns: h,
     pinnedRows: m,
-    hasDetailPanel: d = !1,
-    isDetailPanelExpanded: h = !1,
+    hasDetailPanel: c = !1,
+    isDetailPanelExpanded: f = !1,
     onDetailPanelToggle: w,
     detailPanelContent: x,
     detailPanelHeight: N = 200,
@@ -1353,19 +1352,19 @@ function kn(n) {
   const b = (z) => {
     z.target.closest(".ogx-checkbox-wrapper, .ogx-expand-icon, .ogx-drag-handle, .ogx__edit-cell") || a?.({ row: o, id: o.id, rowIndex: r });
   }, H = (z) => {
-    z.stopPropagation(), u?.(o.id, z.target.checked);
+    z.stopPropagation(), g?.(o.id, z.target.checked);
   }, T = (z) => {
     z.stopPropagation(), w?.(o.id);
   }, A = pe.useMemo(() => Ro(
     e,
-    g,
-    f,
+    u,
+    h,
     l,
     E,
-    d,
+    c,
     j,
     _
-  ), [e, g, f, l, E, d, j, _]), O = qn(o.id, m), Z = O === "top", U = O === "bottom", P = o._hasChildren === !0, ce = pe.useCallback((z, Ne) => {
+  ), [e, u, h, l, E, c, j, _]), O = qn(o.id, m), Z = O === "top", U = O === "bottom", P = o._hasChildren === !0, ce = pe.useCallback((z, Ne) => {
     P || L?.({ id: o.id, field: z, value: Ne });
   }, [P, o.id, L]), ie = pe.useCallback((z, Ne) => {
     Y?.({ id: o.id, field: z, value: Ne });
@@ -1419,13 +1418,13 @@ function kn(n) {
               children: /* @__PURE__ */ t.jsx(ei, {})
             }
           ),
-          d && /* @__PURE__ */ t.jsx(
+          c && /* @__PURE__ */ t.jsx(
             "div",
             {
               className: `ogx__cell ogx__cell--expand ${j ? "ogx__cell--pinned-left" : ""} ${$ === "__expand_col__" ? "ogx__cell--focused" : ""} ${$ === "__expand_col__" && K ? "ogx__cell--focus-visible" : ""}`,
               role: "gridcell",
-              "aria-label": h ? "Collapse row details" : "Expand row details",
-              "aria-expanded": h,
+              "aria-label": f ? "Collapse row details" : "Expand row details",
+              "aria-expanded": f,
               style: {
                 position: j ? "sticky" : void 0,
                 left: j ? _ ? 48 : 0 : void 0,
@@ -1437,7 +1436,7 @@ function kn(n) {
                 z.stopPropagation(), s?.({
                   row: o,
                   field: "__expand_col__",
-                  value: h,
+                  value: f,
                   colDef: { field: "__expand_col__", width: 48 },
                   rowIndex: r,
                   colIndex: -1
@@ -1446,7 +1445,7 @@ function kn(n) {
               children: /* @__PURE__ */ t.jsx(
                 No,
                 {
-                  isExpanded: h,
+                  isExpanded: f,
                   onClick: T,
                   variant: "plus-minus"
                 }
@@ -1460,7 +1459,7 @@ function kn(n) {
               role: "gridcell",
               style: {
                 position: E ? "sticky" : void 0,
-                left: E ? (_ ? 48 : 0) + (d && j ? 48 : 0) : void 0,
+                left: E ? (_ ? 48 : 0) + (c && j ? 48 : 0) : void 0,
                 zIndex: E ? 11 : void 0
               },
               ref: we,
@@ -1500,7 +1499,7 @@ function kn(n) {
                 },
                 z.field
               );
-            const Ie = z.valueGetter ? z.valueGetter({ row: o, field: z.field, value: o[z.field] }) : o[z.field], ft = g[z.field] ?? z.width, Ge = En(z.field, f), jt = Ge ? A[z.field] : void 0, ht = k?.id === o.id && k?.field === z.field, Qt = ht ? k?.value : Ie, Lt = q?.get(o.id)?.[z.field], Rt = D?.spannedCells[o.id]?.[z.field], Tt = D?.hiddenCells[o.id]?.[z.field] || !1;
+            const Ie = z.valueGetter ? z.valueGetter({ row: o, field: z.field, value: o[z.field] }) : o[z.field], ft = u[z.field] ?? z.width, Ge = En(z.field, h), ht = Ge ? A[z.field] : void 0, pt = k?.id === o.id && k?.field === z.field, Qt = pt ? k?.value : Ie, Lt = q?.get(o.id)?.[z.field], Rt = D?.spannedCells[o.id]?.[z.field], Tt = D?.hiddenCells[o.id]?.[z.field] || !1;
             return /* @__PURE__ */ t.jsx(
               Zr,
               {
@@ -1513,11 +1512,11 @@ function kn(n) {
                 onCellClick: s,
                 width: ft,
                 pinnedPosition: Ge,
-                pinnedOffset: jt,
+                pinnedOffset: ht,
                 isFocused: $ === z.field,
                 isFocusVisible: K,
                 isEditable: z.editable,
-                isEditing: ht,
+                isEditing: pt,
                 onCellEditStart: ce,
                 onEditStop: ve,
                 onCellValueChange: ie,
@@ -1531,7 +1530,7 @@ function kn(n) {
         ]
       }
     ),
-    d && /* @__PURE__ */ t.jsx(
+    c && /* @__PURE__ */ t.jsx(
       ti,
       {
         row: o,
@@ -1539,7 +1538,7 @@ function kn(n) {
         rowIndex: r,
         content: x,
         height: N,
-        isExpanded: h
+        isExpanded: f
       }
     )
   ] });
@@ -1582,7 +1581,7 @@ const ni = ({
         }
       ),
       n.map((l, a) => {
-        const s = l.width || 150, u = Math.min(s * 0.7, s - 20);
+        const s = l.width || 150, g = Math.min(s * 0.7, s - 20);
         return /* @__PURE__ */ t.jsx(
           "div",
           {
@@ -1601,7 +1600,7 @@ const ni = ({
               {
                 className: "ogx-skeleton-box",
                 style: {
-                  width: u,
+                  width: g,
                   height: 16,
                   borderRadius: 4
                 }
@@ -1649,19 +1648,19 @@ function ko(n) {
     onPageSizeChange: l,
     pageSizeOptions: a = [10, 25, 50, 100],
     showFirstButton: s = !0,
-    showLastButton: u = !0
-  } = n, g = Math.max(1, Math.ceil(r / e)), f = Math.min(o, g - 1), m = f * e, d = Math.min(m + e, r), h = r === 0 ? 0 : `${m + 1}–${d}`, w = () => {
+    showLastButton: g = !0
+  } = n, u = Math.max(1, Math.ceil(r / e)), h = Math.min(o, u - 1), m = h * e, c = Math.min(m + e, r), f = r === 0 ? 0 : `${m + 1}–${c}`, w = () => {
     i(0);
   }, x = () => {
-    i(Math.max(0, f - 1));
+    i(Math.max(0, h - 1));
   }, N = () => {
-    i(Math.min(g - 1, f + 1));
+    i(Math.min(u - 1, h + 1));
   }, E = () => {
-    i(g - 1);
+    i(u - 1);
   }, j = (S) => {
     const y = parseInt(S.target.value, 10);
     l(y);
-  }, _ = f === 0, v = f >= g - 1;
+  }, _ = h === 0, v = h >= u - 1;
   return /* @__PURE__ */ t.jsxs("div", { className: "ogx-pagination", role: "navigation", "aria-label": "Pagination", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "ogx-pagination__page-size", children: [
       /* @__PURE__ */ t.jsx("label", { htmlFor: "page-size-select", className: "ogx-pagination__label", children: "Rows per page:" }),
@@ -1678,7 +1677,7 @@ function ko(n) {
       )
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: "ogx-pagination__info", "aria-live": "polite", "aria-atomic": "true", children: [
-      h,
+      f,
       " of ",
       r
     ] }),
@@ -1709,9 +1708,9 @@ function ko(n) {
       ),
       /* @__PURE__ */ t.jsxs("div", { className: "ogx-pagination__page-info", "aria-current": "page", children: [
         "Page ",
-        f + 1,
+        h + 1,
         " of ",
-        g
+        u
       ] }),
       /* @__PURE__ */ t.jsx(
         Sn,
@@ -1725,7 +1724,7 @@ function ko(n) {
           children: /* @__PURE__ */ t.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ t.jsx("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) })
         }
       ),
-      u && /* @__PURE__ */ t.jsx(
+      g && /* @__PURE__ */ t.jsx(
         Sn,
         {
           variant: "text",
@@ -1743,8 +1742,8 @@ function ko(n) {
 function oi(n, o, e = {}) {
   const r = /* @__PURE__ */ new Map(), i = [];
   n.forEach((s) => {
-    const u = s.id;
-    r.set(u, s), i.push(u);
+    const g = s.id;
+    r.set(g, s), i.push(g);
   });
   const l = /* @__PURE__ */ new Map(), a = [];
   return o.forEach((s) => {
@@ -1903,7 +1902,7 @@ function ii(n) {
   const { rows: o, columns: e, rowHeight: r = 52, headerHeight: i = 56, columnVisibilityModel: l, initialState: a } = n, s = de(
     () => oi(o, e, l),
     []
-  ), [u, g] = Cr(ri, {
+  ), [g, u] = Cr(ri, {
     ...s,
     sorting: a?.sorting || s.sorting,
     filter: a?.filter || s.filter,
@@ -1918,85 +1917,85 @@ function ii(n) {
       rowHeight: r,
       headerHeight: i
     }
-  }), f = ne(u);
-  f.current = u;
+  }), h = ne(g);
+  h.current = g;
   const m = ne(o);
   ee(() => {
-    o !== m.current && (m.current = o, g({ type: "SET_ROWS", payload: o }));
+    o !== m.current && (m.current = o, u({ type: "SET_ROWS", payload: o }));
   }, [o]);
-  const d = W((C, p) => {
-    g({ type: "SET_ROWS", payload: C, preserveRowCount: p });
-  }, []), h = W((C) => {
-    g({ type: "SET_COLUMNS", payload: C });
-  }, []), w = W((C) => {
-    g({ type: "SET_SORT_MODEL", payload: C });
-  }, []), x = W((C) => {
-    g({ type: "SET_FILTER_MODEL", payload: C });
-  }, []), N = W((C) => {
-    g({ type: "SET_PAGINATION_MODEL", payload: C });
-  }, []), E = W((C) => {
-    g({ type: "SET_SELECTION", payload: C });
-  }, []), j = W((C, p) => {
-    g({ type: "SET_SCROLL", payload: { scrollTop: C, scrollLeft: p } });
-  }, []), _ = W((C, p) => {
-    g({ type: "SET_DIMENSIONS", payload: { viewportWidth: C, viewportHeight: p } });
-  }, []), v = W((C) => {
-    g({ type: "SET_DATASOURCE_LOADING", payload: C });
-  }, []), S = W((C) => {
-    g({ type: "SET_DATASOURCE_ERROR", payload: C });
-  }, []), y = W((C) => {
-    g({ type: "SET_ROW_COUNT", payload: C });
+  const c = F((C, p) => {
+    u({ type: "SET_ROWS", payload: C, preserveRowCount: p });
+  }, []), f = F((C) => {
+    u({ type: "SET_COLUMNS", payload: C });
+  }, []), w = F((C) => {
+    u({ type: "SET_SORT_MODEL", payload: C });
+  }, []), x = F((C) => {
+    u({ type: "SET_FILTER_MODEL", payload: C });
+  }, []), N = F((C) => {
+    u({ type: "SET_PAGINATION_MODEL", payload: C });
+  }, []), E = F((C) => {
+    u({ type: "SET_SELECTION", payload: C });
+  }, []), j = F((C, p) => {
+    u({ type: "SET_SCROLL", payload: { scrollTop: C, scrollLeft: p } });
+  }, []), _ = F((C, p) => {
+    u({ type: "SET_DIMENSIONS", payload: { viewportWidth: C, viewportHeight: p } });
+  }, []), v = F((C) => {
+    u({ type: "SET_DATASOURCE_LOADING", payload: C });
+  }, []), S = F((C) => {
+    u({ type: "SET_DATASOURCE_ERROR", payload: C });
+  }, []), y = F((C) => {
+    u({ type: "SET_ROW_COUNT", payload: C });
   }, []), I = ne({
-    getRow: (C) => f.current.rows.idRowsLookup.get(C) || null,
-    getAllRows: () => Array.from(f.current.rows.idRowsLookup.values()),
-    getVisibleRows: () => Array.from(f.current.rows.idRowsLookup.values()),
+    getRow: (C) => h.current.rows.idRowsLookup.get(C) || null,
+    getAllRows: () => Array.from(h.current.rows.idRowsLookup.values()),
+    getVisibleRows: () => Array.from(h.current.rows.idRowsLookup.values()),
     getAggregationResult: () => null,
     getAggregationModel: () => null,
-    getColumn: (C) => f.current.columns.lookup.get(C) || null,
-    getAllColumns: () => f.current.columns.all,
-    getVisibleColumns: () => f.current.columns.all,
+    getColumn: (C) => h.current.columns.lookup.get(C) || null,
+    getAllColumns: () => h.current.columns.all,
+    getVisibleColumns: () => h.current.columns.all,
     selectRow: (C, p = !0) => {
-      const k = new Set(f.current.selection.selectedRows);
+      const k = new Set(h.current.selection.selectedRows);
       p ? k.add(C) : k.delete(C), E(k);
     },
     selectRows: (C, p = !0) => {
-      const k = new Set(f.current.selection.selectedRows);
+      const k = new Set(h.current.selection.selectedRows);
       C.forEach((L) => {
         p ? k.add(L) : k.delete(L);
       }), E(k);
     },
-    getSelectedRows: () => Array.from(f.current.selection.selectedRows),
+    getSelectedRows: () => Array.from(h.current.selection.selectedRows),
     sortColumn: (C, p) => {
       if (p === null)
-        w(f.current.sorting.sortModel.filter((k) => k.field !== C));
+        w(h.current.sorting.sortModel.filter((k) => k.field !== C));
       else {
-        const k = f.current.sorting.sortModel.findIndex((L) => L.field === C);
+        const k = h.current.sorting.sortModel.findIndex((L) => L.field === C);
         if (k >= 0) {
-          const L = [...f.current.sorting.sortModel];
+          const L = [...h.current.sorting.sortModel];
           L[k] = { field: C, sort: p }, w(L);
         } else
-          w([...f.current.sorting.sortModel, { field: C, sort: p }]);
+          w([...h.current.sorting.sortModel, { field: C, sort: p }]);
       }
     },
-    getSortModel: () => f.current.sorting.sortModel,
+    getSortModel: () => h.current.sorting.sortModel,
     setFilterModel: x,
-    getFilterModel: () => f.current.filter.filterModel,
+    getFilterModel: () => h.current.filter.filterModel,
     setPage: (C) => {
-      N({ ...f.current.pagination.paginationModel, page: C });
+      N({ ...h.current.pagination.paginationModel, page: C });
     },
     setPageSize: (C) => {
-      N({ ...f.current.pagination.paginationModel, pageSize: C, page: 0 });
+      N({ ...h.current.pagination.paginationModel, pageSize: C, page: 0 });
     },
     scrollToIndexes: () => {
     },
     copySelectedRows: () => Promise.resolve()
   });
   return {
-    state: u,
-    dispatch: g,
+    state: g,
+    dispatch: u,
     apiRef: I,
-    setRows: d,
-    setColumns: h,
+    setRows: c,
+    setColumns: f,
     setSortModel: w,
     setFilterModel: x,
     setPaginationModel: N,
@@ -2009,29 +2008,29 @@ function ii(n) {
   };
 }
 function li(n) {
-  const { columns: o, onColumnOrderChange: e, disableColumnReorder: r = !1 } = n, [i, l] = Q(null), [a, s] = Q(null), u = ne(-1), g = W(
-    (h) => (w) => {
+  const { columns: o, onColumnOrderChange: e, disableColumnReorder: r = !1 } = n, [i, l] = Q(null), [a, s] = Q(null), g = ne(-1), u = F(
+    (f) => (w) => {
       if (r) return;
-      const x = o.findIndex((E) => E.field === h);
+      const x = o.findIndex((E) => E.field === f);
       if (o[x]?.pinnable === !1) {
         w.preventDefault();
         return;
       }
-      l(h), u.current = x, w.dataTransfer && (w.dataTransfer.effectAllowed = "move", w.dataTransfer.setData("text/plain", h));
+      l(f), g.current = x, w.dataTransfer && (w.dataTransfer.effectAllowed = "move", w.dataTransfer.setData("text/plain", f));
     },
     [o, r]
-  ), f = W(
-    (h) => (w) => {
-      r || !i || (w.preventDefault(), w.dataTransfer.dropEffect = "move", s(h));
+  ), h = F(
+    (f) => (w) => {
+      r || !i || (w.preventDefault(), w.dataTransfer.dropEffect = "move", s(f));
     },
     [i, r]
-  ), m = W(
-    (h) => (w) => {
-      if (w.preventDefault(), r || !i || i === h) {
+  ), m = F(
+    (f) => (w) => {
+      if (w.preventDefault(), r || !i || i === f) {
         l(null), s(null);
         return;
       }
-      const x = o.findIndex((j) => j.field === i), N = o.findIndex((j) => j.field === h);
+      const x = o.findIndex((j) => j.field === i), N = o.findIndex((j) => j.field === f);
       if (x === -1 || N === -1) {
         l(null), s(null);
         return;
@@ -2041,47 +2040,47 @@ function li(n) {
         column: E,
         oldIndex: x,
         targetIndex: N
-      }), l(null), s(null), u.current = -1;
+      }), l(null), s(null), g.current = -1;
     },
     [o, i, r, e]
-  ), d = W(() => {
-    l(null), s(null), u.current = -1;
+  ), c = F(() => {
+    l(null), s(null), g.current = -1;
   }, []);
   return {
     draggedColumn: i,
     dragOverColumn: a,
-    onDragStart: r ? void 0 : g,
-    onDragOver: r ? void 0 : f,
-    onDragEnd: r ? void 0 : d,
+    onDragStart: r ? void 0 : u,
+    onDragOver: r ? void 0 : h,
+    onDragEnd: r ? void 0 : c,
     onDrop: r ? void 0 : m
   };
 }
 function si(n) {
-  const { onRowOrderChange: o, rows: e, getRowId: r, rowReordering: i = !1 } = n, [l, a] = Q(null), [s, u] = Q(null), g = W((w) => r ? r(w) : w.id, [r]), f = W((w) => (x) => {
+  const { onRowOrderChange: o, rows: e, getRowId: r, rowReordering: i = !1 } = n, [l, a] = Q(null), [s, g] = Q(null), u = F((w) => r ? r(w) : w.id, [r]), h = F((w) => (x) => {
     i && (a(w), x.dataTransfer.effectAllowed = "move");
-  }, [i]), m = W((w) => (x) => {
-    !i || !l || (x.preventDefault(), x.dataTransfer.dropEffect = "move", s !== w && u(w));
-  }, [i, l, s]), d = W(() => {
-    a(null), u(null);
-  }, []), h = W((w) => (x) => {
+  }, [i]), m = F((w) => (x) => {
+    !i || !l || (x.preventDefault(), x.dataTransfer.dropEffect = "move", s !== w && g(w));
+  }, [i, l, s]), c = F(() => {
+    a(null), g(null);
+  }, []), f = F((w) => (x) => {
     if (x.preventDefault(), !l || !o) {
-      d();
+      c();
       return;
     }
-    const N = e.findIndex((j) => g(j) === l), E = e.findIndex((j) => g(j) === w);
+    const N = e.findIndex((j) => u(j) === l), E = e.findIndex((j) => u(j) === w);
     N !== -1 && E !== -1 && N !== E && o({
       row: e[N],
       oldIndex: N,
       targetIndex: E
-    }), d();
-  }, [l, o, e, g, d]);
+    }), c();
+  }, [l, o, e, u, c]);
   return {
     draggedRowId: l,
     dragOverRowId: s,
-    onDragStart: i ? f : void 0,
+    onDragStart: i ? h : void 0,
     onDragOver: i ? m : void 0,
-    onDragEnd: i ? d : void 0,
-    onDrop: i ? h : void 0
+    onDragEnd: i ? c : void 0,
+    onDrop: i ? f : void 0
   };
 }
 const ai = {
@@ -2146,8 +2145,8 @@ function Jn(n, o) {
     return !0;
   const l = (a) => {
     if ("logicOperator" in a && "items" in a) {
-      const s = a, u = s.items;
-      return u.length === 0 ? !0 : s.logicOperator === "and" ? u.every(l) : u.some(l);
+      const s = a, g = s.items;
+      return g.length === 0 ? !0 : s.logicOperator === "and" ? g.every(l) : g.some(l);
     } else
       return di(n, a);
   };
@@ -2189,9 +2188,9 @@ function fi(n, o) {
   const e = [...n];
   return e.sort((r, i) => {
     for (const l of o) {
-      const a = r[l.field], s = i[l.field], u = Qn(a, s, l.sort);
-      if (u !== 0)
-        return u;
+      const a = r[l.field], s = i[l.field], g = Qn(a, s, l.sort);
+      if (g !== 0)
+        return g;
     }
     return 0;
   }), e;
@@ -2205,8 +2204,8 @@ function hi(n) {
     defaultGroupingExpansionDepth: l = 0,
     filterModel: a,
     sortModel: s,
-    onRowExpansionChange: u
-  } = n, { treeNodes: g, rootIds: f, groupingRows: m } = de(() => {
+    onRowExpansionChange: g
+  } = n, { treeNodes: u, rootIds: h, groupingRows: m } = de(() => {
     if (!i || !r)
       return {
         treeNodes: /* @__PURE__ */ new Map(),
@@ -2272,26 +2271,26 @@ function hi(n) {
         }
       }
     }), { treeNodes: v, rootIds: S, groupingRows: y };
-  }, [o, r, i, e]), d = de(() => {
+  }, [o, r, i, e]), c = de(() => {
     if (!i) return /* @__PURE__ */ new Set();
     const v = /* @__PURE__ */ new Set();
-    return g.forEach((S) => {
+    return u.forEach((S) => {
       S.children && S.children.length > 0 && (l === -1 || S.depth < l) && v.add(S.id);
     }), v;
-  }, [g, i, l]), [h, w] = Q(/* @__PURE__ */ new Set());
+  }, [u, i, l]), [f, w] = Q(/* @__PURE__ */ new Set());
   ee(() => {
-    d.size > 0 && w(d);
-  }, [d]);
-  const x = W((v) => {
+    c.size > 0 && w(c);
+  }, [c]);
+  const x = F((v) => {
     w((S) => {
       const y = new Set(S), I = !y.has(v);
-      if (y.has(v) ? y.delete(v) : y.add(v), I && u) {
-        const C = g.get(v);
-        C && u(C);
+      if (y.has(v) ? y.delete(v) : y.add(v), I && g) {
+        const C = u.get(v);
+        C && g(C);
       }
       return y;
     });
-  }, [g, u]), N = W(() => {
+  }, [u, g]), N = F(() => {
     if (!i) return null;
     const v = /* @__PURE__ */ new Map();
     o.forEach((B) => v.set(e(B), B)), m.forEach((B) => v.set(B.id, B));
@@ -2301,7 +2300,7 @@ function hi(n) {
       if (!Y) return !1;
       if (S(Y))
         return y.set(B, !0), !0;
-      const K = g.get(B);
+      const K = u.get(B);
       return K && K.children && K.children.some((D) => I(D)) ? (y.set(B, !0), !0) : (y.set(B, !1), !1);
     }, C = (B, Y) => {
       if (!s || s.length === 0) return 0;
@@ -2316,40 +2315,40 @@ function hi(n) {
       const Y = B.filter(($) => I($));
       Y.sort(C), Y.forEach(($) => {
         if (k.has($)) return;
-        const K = v.get($), q = g.get($);
+        const K = v.get($), q = u.get($);
         if (K && q) {
           k.add($);
           const D = {
             ...K,
             _treeDepth: q.depth,
-            _isExpanded: h.has($),
+            _isExpanded: f.has($),
             _hasChildren: q.children && q.children.length > 0 || q.serverChildrenCount && q.serverChildrenCount > 0,
             _descendantCount: q.children ? q.children.length : 0
           };
-          p.push(D), h.has($) && q.children && q.children.length > 0 && L(q.children);
+          p.push(D), f.has($) && q.children && q.children.length > 0 && L(q.children);
         }
       });
     };
-    return L(f), p;
-  }, [i, o, m, f, g, h, a, s, e]), E = W((v) => h.has(v), [h]), j = W((v) => g.get(v), [g]), _ = W((v) => {
+    return L(h), p;
+  }, [i, o, m, h, u, f, a, s, e]), E = F((v) => f.has(v), [f]), j = F((v) => u.get(v), [u]), _ = F((v) => {
     const S = [];
     let y = v;
     for (; y !== null; ) {
-      const I = g.get(y);
+      const I = u.get(y);
       if (!I) break;
       S.unshift(I.groupingKey), y = I.parentId;
     }
     return S;
-  }, [g]);
+  }, [u]);
   return de(() => ({
-    treeNodes: g,
+    treeNodes: u,
     groupingRows: m,
     toggleExpansion: x,
     isGroupExpanded: E,
     getVisibleRows: N,
     getNode: j,
     getNodePath: _
-  }), [g, m, x, E, N, j, _]);
+  }), [u, m, x, E, N, j, _]);
 }
 const pi = (n) => n?.depth === -1 ? "footer" : "inline";
 function xi(n) {
@@ -2361,8 +2360,8 @@ function xi(n) {
     defaultGroupingExpansionDepth: l = 0,
     filterModel: a,
     sortModel: s,
-    getAggregationPosition: u = pi
-  } = n, [g, f] = Q(/* @__PURE__ */ new Set()), { treeNodes: m, rootIds: d, groupingRows: h } = de(() => {
+    getAggregationPosition: g = pi
+  } = n, [u, h] = Q(/* @__PURE__ */ new Set()), { treeNodes: m, rootIds: c, groupingRows: f } = de(() => {
     const j = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map(), v = [];
     if (r.length === 0)
       return { treeNodes: j, rootIds: v, groupingRows: _ };
@@ -2419,7 +2418,7 @@ function xi(n) {
           children: [],
           label: `${L}: ${String(D)}`
         };
-        b.aggregationPosition = u(b), j.set(te, b);
+        b.aggregationPosition = g(b), j.set(te, b);
         const H = y($, p + 1, te);
         j.get(te).children = H;
         const T = $.length;
@@ -2427,27 +2426,27 @@ function xi(n) {
       }), Y;
     }, I = y(o, 0, null);
     return v.push(...I), { treeNodes: j, rootIds: v, groupingRows: _ };
-  }, [o, r, i, e, u]);
+  }, [o, r, i, e, g]);
   ee(() => {
     if (l === -1) {
       const j = /* @__PURE__ */ new Set();
       m.forEach((_, v) => {
         _.children && _.children.length > 0 && j.add(v);
-      }), f(j);
+      }), h(j);
     } else if (l > 0) {
       const j = /* @__PURE__ */ new Set();
       m.forEach((_, v) => {
         _.depth < l && _.children && _.children.length > 0 && j.add(v);
-      }), f(j);
+      }), h(j);
     } else
-      f(/* @__PURE__ */ new Set());
+      h(/* @__PURE__ */ new Set());
   }, [r, l]);
-  const w = W((j) => {
-    f((_) => {
+  const w = F((j) => {
+    h((_) => {
       const v = new Set(_);
       return v.has(j) ? v.delete(j) : v.add(j), v;
     });
-  }, []), x = W((j) => g.has(j), [g]), N = W(() => {
+  }, []), x = F((j) => u.has(j), [u]), N = F(() => {
     if (r.length === 0) return null;
     const j = [], _ = /* @__PURE__ */ new Set(), v = /* @__PURE__ */ new Map();
     o.forEach((C) => v.set(e(C), C));
@@ -2462,7 +2461,7 @@ function xi(n) {
     }, y = (C) => {
       let p = C;
       a && (p = C.filter(S)), s && s.length > 0 && p.sort((k, L) => {
-        const B = h.get(k) || v.get(k), Y = h.get(L) || v.get(L);
+        const B = f.get(k) || v.get(k), Y = f.get(L) || v.get(L);
         if (!B || !Y) return 0;
         for (const $ of s) {
           const K = B[$.field], q = Y[$.field], D = Qn(K, q, $.sort);
@@ -2471,13 +2470,13 @@ function xi(n) {
         return 0;
       }), p.forEach((k) => {
         if (_.has(k)) return;
-        const L = m.get(k), B = L?.children && L.children.length > 0, Y = B ? h.get(k) : v.get(k);
+        const L = m.get(k), B = L?.children && L.children.length > 0, Y = B ? f.get(k) : v.get(k);
         if (Y && L) {
           _.add(k);
           const $ = {
             ...Y,
             _treeDepth: L.depth,
-            _isExpanded: g.has(k),
+            _isExpanded: u.has(k),
             _hasChildren: B,
             _groupingField: L.groupingField,
             _groupingValue: L.groupingValue,
@@ -2486,17 +2485,17 @@ function xi(n) {
           j.push($), I.has(k) && B && y(L.children);
         }
       });
-    }, I = g;
-    return y(d), j;
-  }, [o, e, m, d, h, a, s, g]), E = W((j) => m.get(j), [m]);
+    }, I = u;
+    return y(c), j;
+  }, [o, e, m, c, f, a, s, u]), E = F((j) => m.get(j), [m]);
   return de(() => ({
     treeNodes: m,
-    groupingRows: h,
+    groupingRows: f,
     toggleExpansion: w,
     isGroupExpanded: x,
     getVisibleRows: N,
     getNode: E
-  }), [m, h, w, x, N, E]);
+  }), [m, f, w, x, N, E]);
 }
 function mi(n) {
   const {
@@ -2505,30 +2504,30 @@ function mi(n) {
     processRowUpdate: r,
     onProcessRowUpdateError: i,
     onRowChange: l
-  } = n, [a, s] = Q(null), u = ne(null), g = W((h) => {
-    s(h), u.current = typeof h == "function" ? h(u.current) : h;
-  }, []), f = W((h) => {
-    g({
-      id: h.id,
-      field: h.field,
-      value: h.value,
-      originalValue: h.value
+  } = n, [a, s] = Q(null), g = ne(null), u = F((f) => {
+    s(f), g.current = typeof f == "function" ? f(g.current) : f;
+  }, []), h = F((f) => {
+    u({
+      id: f.id,
+      field: f.field,
+      value: f.value,
+      originalValue: f.value
     });
-  }, []), m = W(async (h) => {
-    const w = u.current;
+  }, []), m = F(async (f) => {
+    const w = g.current;
     if (!w) return;
-    if (h?.cancel) {
-      g(null);
+    if (f?.cancel) {
+      u(null);
       return;
     }
     const { id: x, field: N, value: E, originalValue: j } = w;
     if (E === j) {
-      g(null);
+      u(null);
       return;
     }
     const _ = o.find((S) => e(S) === x);
     if (!_) {
-      g(null);
+      u(null);
       return;
     }
     const v = { ..._, [N]: E };
@@ -2538,18 +2537,18 @@ function mi(n) {
         l?.(S);
       } else
         l?.(v);
-      g(null);
+      u(null);
     } catch (S) {
       i && i(S);
     }
-  }, [a, o, e, r, l, i]), d = W((h) => {
-    a && a.id === h.id && a.field === h.field && g((w) => w ? { ...w, value: h.value } : null);
+  }, [a, o, e, r, l, i]), c = F((f) => {
+    a && a.id === f.id && a.field === f.field && u((w) => w ? { ...w, value: f.value } : null);
   }, [a]);
   return {
     editingCell: a,
-    startCellEdit: f,
+    startCellEdit: h,
     stopCellEdit: m,
-    setEditCellValue: d
+    setEditCellValue: c
   };
 }
 function wi(n, o, e) {
@@ -2560,9 +2559,9 @@ function wi(n, o, e) {
       hiddenCellOriginMap: {}
     },
     processedRange: { firstRowIndex: 0, lastRowIndex: 0 }
-  }), s = W(() => {
+  }), s = F(() => {
     i(/* @__PURE__ */ new Map());
-  }, []), u = W((x, N) => r.get(x)?.[N], [r]), g = W((x, N, E, j, _) => {
+  }, []), g = F((x, N) => r.get(x)?.[N], [r]), u = F((x, N, E, j, _) => {
     const v = new Map(r);
     for (let S = j; S < _; S++) {
       const y = o[S];
@@ -2604,7 +2603,7 @@ function wi(n, o, e) {
       }), S += I - 1;
     }
     i(v);
-  }, [r, o, e]), f = W((x, N) => {
+  }, [r, o, e]), h = F((x, N) => {
     const E = {}, j = {}, _ = {};
     o.forEach((v, S) => {
       if (v.rowSpan)
@@ -2639,7 +2638,7 @@ function wi(n, o, e) {
       caches: { spannedCells: E, hiddenCells: j, hiddenCellOriginMap: _ },
       processedRange: { firstRowIndex: x, lastRowIndex: N }
     });
-  }, [n, o]), m = W(() => {
+  }, [n, o]), m = F(() => {
     a({
       caches: {
         spannedCells: {},
@@ -2731,17 +2730,17 @@ function wi(n, o, e) {
       processedRange: { firstRowIndex: 0, lastRowIndex: n.length }
     });
   }, [n, o, e]);
-  const d = W(() => l.caches.spannedCells, [l]), h = W(() => l.caches.hiddenCells, [l]), w = W(() => l.caches.hiddenCellOriginMap, [l]);
+  const c = F(() => l.caches.spannedCells, [l]), f = F(() => l.caches.hiddenCells, [l]), w = F(() => l.caches.hiddenCellOriginMap, [l]);
   return {
     colspanMap: r,
     resetColSpan: s,
-    getCellColSpanInfo: u,
-    calculateColSpan: g,
+    getCellColSpanInfo: g,
+    calculateColSpan: u,
     rowSpanningState: l,
-    calculateRowSpan: f,
+    calculateRowSpan: h,
     resetRowSpan: m,
-    getSpannedCells: d,
-    getHiddenCells: h,
+    getSpannedCells: c,
+    getHiddenCells: f,
     getHiddenCellOriginMap: w
   };
 }
@@ -2758,23 +2757,23 @@ function bi(n) {
     paginationMode: l,
     sortingMode: a,
     filterMode: s,
-    aggregationModel: u,
-    setRows: g,
-    setRowCount: f,
+    aggregationModel: g,
+    setRows: u,
+    setRowCount: h,
     setDataSourceLoading: m,
-    setDataSourceError: d,
-    onAggregationResults: h
-  } = n, w = ne(null), x = ne(0), N = W(async () => {
+    setDataSourceError: c,
+    onAggregationResults: f
+  } = n, w = ne(null), x = ne(0), N = F(async () => {
     if (!o) return;
     const j = ++x.current;
-    m(!0), d(null);
+    m(!0), c(null);
     const _ = i.page * i.pageSize, v = _ + i.pageSize, S = {
       startRow: _,
       endRow: v,
       sortModel: e,
       filterModel: r,
       groupKeys: [],
-      aggregationModel: u
+      aggregationModel: g
     };
     try {
       const y = await o.getRows(S);
@@ -2788,14 +2787,14 @@ function bi(n) {
           !p && !k && !L && i.page > C.page && (I = !0);
         }
       }
-      g(I ? (C) => [...C, ...y.rows] : y.rows, !0), y.aggregationResults && h && h(y.aggregationResults), y.rowCount !== void 0 && f(y.rowCount), w.current = {
+      u(I ? (C) => [...C, ...y.rows] : y.rows, !0), y.aggregationResults && f && f(y.aggregationResults), y.rowCount !== void 0 && h(y.rowCount), w.current = {
         sortModel: e,
         filterModel: r,
         page: i.page,
         pageSize: i.pageSize
       };
     } catch (y) {
-      j === x.current && (d(y), console.error("Data Source Error:", y));
+      j === x.current && (c(y), console.error("Data Source Error:", y));
     } finally {
       j === x.current && m(!1);
     }
@@ -2806,12 +2805,12 @@ function bi(n) {
     e,
     r,
     l,
-    u,
-    h,
     g,
     f,
+    u,
+    h,
     m,
-    d
+    c
   ]);
   ee(() => {
     if (o && (l === "server" || l === "infinite" || a === "server" || s === "server")) {
@@ -2821,7 +2820,7 @@ function bi(n) {
       return () => clearTimeout(_);
     }
   }, [N, o, l, a, s]);
-  const E = W(async (j, _) => {
+  const E = F(async (j, _) => {
     if (o) {
       m(!0);
       try {
@@ -2832,17 +2831,17 @@ function bi(n) {
           filterModel: r,
           groupKeys: _
         });
-        v.rows.length > 0 && g((S) => {
+        v.rows.length > 0 && u((S) => {
           const y = new Set(S.map((C) => C.id)), I = v.rows.filter((C) => !y.has(C.id));
           return [...S, ...I];
         });
       } catch (v) {
-        d(v), console.error("Failed to fetch children:", v);
+        c(v), console.error("Failed to fetch children:", v);
       } finally {
         m(!1);
       }
     }
-  }, [o, e, r, g, m, d]);
+  }, [o, e, r, u, m, c]);
   return {
     fetchRows: N,
     fetchChildren: E
@@ -2877,7 +2876,7 @@ function _i(n) {
     filterModel: l,
     sortModel: a,
     serverAggregationResults: s
-  } = n, u = de(() => {
+  } = n, g = de(() => {
     if (r || Object.keys(e).length === 0) return {};
     const j = {};
     for (const [_, v] of Object.entries(e)) {
@@ -2890,10 +2889,10 @@ function _i(n) {
       j[_] = S(y);
     }
     return j;
-  }, [o, e, r]), [g, f] = Q({}), [m, d] = Q(!1), [h, w] = Q(null), x = ne(0), N = W(async () => {
+  }, [o, e, r]), [u, h] = Q({}), [m, c] = Q(!1), [f, w] = Q(null), x = ne(0), N = F(async () => {
     if (!i?.getAggregations || Object.keys(e).length === 0) return;
     const j = ++x.current;
-    d(!0), w(null);
+    c(!0), w(null);
     try {
       const _ = await i.getAggregations({
         sortModel: a ?? [],
@@ -2901,16 +2900,16 @@ function _i(n) {
         groupKeys: [],
         aggregationModel: e
       });
-      j === x.current && f(_);
+      j === x.current && h(_);
     } catch (_) {
       j === x.current && (w(_), console.error("[useAggregation] Server aggregation error:", _));
     } finally {
-      j === x.current && d(!1);
+      j === x.current && c(!1);
     }
   }, [i, e, l, a]);
   return ee(() => {
     r && i?.getAggregations && !s && N();
-  }, [N, r, i, s]), { aggregationResult: de(() => r ? s && Object.keys(s).length > 0 ? s : g : u, [r, u, s, g]), isLoading: m, error: h };
+  }, [N, r, i, s]), { aggregationResult: de(() => r ? s && Object.keys(s).length > 0 ? s : u : g, [r, g, s, u]), isLoading: m, error: f };
 }
 function yi(n, o) {
   const e = n.filter((r) => r != null && !isNaN(r));
@@ -2937,10 +2936,10 @@ function Ci(n, o, e, r) {
     if (!r) return i;
     const { rowFields: l, columnFields: a, valueFields: s } = e;
     if (l.length === 0 || s.length === 0) return i;
-    const u = new Map(o.map((x) => [x.field, x])), g = /* @__PURE__ */ new Set();
+    const g = new Map(o.map((x) => [x.field, x])), u = /* @__PURE__ */ new Set();
     for (const x of n)
-      g.add(Xn(x, a));
-    const f = Array.from(g).sort(), m = /* @__PURE__ */ new Map();
+      u.add(Xn(x, a));
+    const h = Array.from(u).sort(), m = /* @__PURE__ */ new Map();
     for (const x of n) {
       const N = Xn(x, l);
       if (!m.has(N)) {
@@ -2956,22 +2955,22 @@ function Ci(n, o, e, r) {
         _.has(v.field) || _.set(v.field, []), isNaN(S) || _.get(v.field).push(S);
       }
     }
-    let d = 0;
-    const h = [];
+    let c = 0;
+    const f = [];
     for (const [, x] of m) {
-      const N = { id: d++, ...x.labelValues };
-      for (const E of f) {
+      const N = { id: c++, ...x.labelValues };
+      for (const E of h) {
         const j = x.bucket.get(E);
         for (const _ of s) {
           const v = a.length > 0 ? `${E}${_.field}${_.aggFn}` : `${_.field}${_.aggFn}`, S = j?.get(_.field) ?? [];
           N[v] = S.length > 0 ? yi(S, _.aggFn) : null;
         }
       }
-      h.push(N);
+      f.push(N);
     }
     const w = [];
     for (const x of l) {
-      const N = u.get(x);
+      const N = g.get(x);
       w.push({
         field: x,
         headerName: N?.headerName ?? x,
@@ -2979,13 +2978,13 @@ function Ci(n, o, e, r) {
         sortable: !0
       });
     }
-    for (const x of f) {
+    for (const x of h) {
       const N = a.length > 0 ? x.split("\0").map((E, j) => {
-        const _ = u.get(a[j]);
+        const _ = g.get(a[j]);
         return _?.headerName ? `${_.headerName}: ${E}` : E;
       }).join(" / ") : "";
       for (const E of s) {
-        const j = u.get(E.field), _ = a.length > 0 ? `${x}${E.field}${E.aggFn}` : `${E.field}${E.aggFn}`, v = E.headerName ?? j?.headerName ?? E.field, S = N ? `${N} — ${v} (${E.aggFn})` : `${v} (${E.aggFn})`;
+        const j = g.get(E.field), _ = a.length > 0 ? `${x}${E.field}${E.aggFn}` : `${E.field}${E.aggFn}`, v = E.headerName ?? j?.headerName ?? E.field, S = N ? `${N} — ${v} (${E.aggFn})` : `${v} (${E.aggFn})`;
         w.push({
           field: _,
           headerName: S,
@@ -3002,7 +3001,7 @@ function Ci(n, o, e, r) {
         });
       }
     }
-    return { pivotRows: h, pivotColumns: w, colKeys: f, isValid: !0 };
+    return { pivotRows: f, pivotColumns: w, colKeys: h, isValid: !0 };
   }, [n, o, e, r]);
 }
 function ki(n) {
@@ -3034,29 +3033,29 @@ async function Si(n) {
     throw new Error("Clipboard API not available and fallback failed.");
 }
 function ji(n) {
-  const { selectedRowIds: o, columns: e, getVisibleRows: r, getRowId: i } = n, l = W(async () => {
+  const { selectedRowIds: o, columns: e, getVisibleRows: r, getRowId: i } = n, l = F(async () => {
     if (o.size === 0) return;
-    const s = r().filter((d) => o.has(i(d)));
+    const s = r().filter((c) => o.has(i(c)));
     if (s.length === 0) return;
-    const u = e.filter((d) => !d.field.startsWith("__")), g = u.map((d) => d.headerName || d.field).join("	"), f = s.map(
-      (d) => u.map((h) => {
-        const w = d[h.field];
-        return h.valueFormatter ? h.valueFormatter({ value: w, row: d, field: h.field }) : w ?? "";
+    const g = e.filter((c) => !c.field.startsWith("__")), u = g.map((c) => c.headerName || c.field).join("	"), h = s.map(
+      (c) => g.map((f) => {
+        const w = c[f.field];
+        return f.valueFormatter ? f.valueFormatter({ value: w, row: c, field: f.field }) : w ?? "";
       }).join("	")
     ).join(`
-`), m = `${g}
-${f}`;
+`), m = `${u}
+${h}`;
     try {
       await Si(m);
-    } catch (d) {
-      console.error("[OpenGridX] Failed to copy to clipboard:", d);
+    } catch (c) {
+      console.error("[OpenGridX] Failed to copy to clipboard:", c);
     }
   }, [o, e, r, i]);
   return ee(() => {
     const a = (s) => {
       if (!(s.ctrlKey || s.metaKey) || s.key !== "c") return;
-      const u = document.activeElement, g = u?.tagName.toLowerCase(), f = u?.type;
-      g === "input" && f !== "checkbox" && f !== "radio" || g === "textarea" || g === "select" || u?.isContentEditable || l();
+      const g = document.activeElement, u = g?.tagName.toLowerCase(), h = g?.type;
+      u === "input" && h !== "checkbox" && h !== "radio" || u === "textarea" || u === "select" || g?.isContentEditable || l();
     };
     return window.addEventListener("keydown", a), () => window.removeEventListener("keydown", a);
   }, [l]), { copySelectedRows: l };
@@ -3068,14 +3067,14 @@ function Ri() {
   ] });
 }
 function Io(n) {
-  const { columns: o, visibleColumns: e, onVisibilityChange: r, onShowAll: i, onHideAll: l } = n, [a, s] = Q(""), g = de(() => o.filter((d) => d.hideable !== !1), [o]).every((d) => e.has(d.field)), f = de(() => {
+  const { columns: o, visibleColumns: e, onVisibilityChange: r, onShowAll: i, onHideAll: l } = n, [a, s] = Q(""), u = de(() => o.filter((c) => c.hideable !== !1), [o]).every((c) => e.has(c.field)), h = de(() => {
     if (!a) return o;
-    const d = a.toLowerCase();
+    const c = a.toLowerCase();
     return o.filter(
-      (h) => (h.headerName || h.field).toLowerCase().includes(d)
+      (f) => (f.headerName || f.field).toLowerCase().includes(c)
     );
-  }, [o, a]), m = (d) => {
-    d.target.checked ? i() : l();
+  }, [o, a]), m = (c) => {
+    c.target.checked ? i() : l();
   };
   return /* @__PURE__ */ t.jsxs("div", { className: "ogx-column-visibility-panel", children: [
     /* @__PURE__ */ t.jsx("div", { className: "ogx-column-visibility-panel__search-section", children: /* @__PURE__ */ t.jsxs("div", { className: "ogx-column-visibility-panel__search-container", children: [
@@ -3089,12 +3088,12 @@ function Io(n) {
           className: "ogx-column-visibility-panel__search-input",
           placeholder: "Search",
           value: a,
-          onChange: (d) => s(d.target.value)
+          onChange: (c) => s(c.target.value)
         }
       )
     ] }) }),
-    /* @__PURE__ */ t.jsx("div", { className: "ogx-column-visibility-panel__list", children: f.map((d) => {
-      const h = e.has(d.field), w = d.hideable !== !1;
+    /* @__PURE__ */ t.jsx("div", { className: "ogx-column-visibility-panel__list", children: h.map((c) => {
+      const f = e.has(c.field), w = c.hideable !== !1;
       return /* @__PURE__ */ t.jsxs(
         "label",
         {
@@ -3103,15 +3102,15 @@ function Io(n) {
             /* @__PURE__ */ t.jsx(
               Rn,
               {
-                checked: h,
-                onChange: (x) => r(d.field, x.target.checked),
+                checked: f,
+                onChange: (x) => r(c.field, x.target.checked),
                 disabled: !w
               }
             ),
-            /* @__PURE__ */ t.jsx("span", { className: "ogx-column-visibility-panel__label", children: d.headerName || d.field })
+            /* @__PURE__ */ t.jsx("span", { className: "ogx-column-visibility-panel__label", children: c.headerName || c.field })
           ]
         },
-        d.field
+        c.field
       );
     }) }),
     /* @__PURE__ */ t.jsxs("div", { className: "ogx-column-visibility-panel__footer", children: [
@@ -3119,7 +3118,7 @@ function Io(n) {
         /* @__PURE__ */ t.jsx(
           Rn,
           {
-            checked: g,
+            checked: u,
             onChange: m
           }
         ),
@@ -3145,12 +3144,12 @@ function el(n) {
     headerHeight: l = 56,
     autoHeight: a = !1,
     checkboxSelection: s = !1,
-    rowSelectionModel: u,
-    onRowSelectionModelChange: g,
-    onRowClick: f,
+    rowSelectionModel: g,
+    onRowSelectionModelChange: u,
+    onRowClick: h,
     onCellClick: m,
-    filterModel: d,
-    onFilterModelChange: h,
+    filterModel: c,
+    onFilterModelChange: f,
     sortModel: w,
     onSortModelChange: x,
     pagination: N = !1,
@@ -3191,13 +3190,13 @@ function el(n) {
     slots: Ie,
     slotProps: ft,
     pivotMode: Ge = !1,
-    pivotModel: jt,
-    onPivotModelChange: ht,
+    pivotModel: ht,
+    onPivotModelChange: pt,
     className: Qt = "",
     style: Lt,
     onRowsScrollEnd: Rt,
     ariaLabel: Tt,
-    initialState: _t,
+    initialState: yt,
     onStateChange: Be,
     // Column Visibility
     columnVisibilityModel: eo,
@@ -3207,38 +3206,38 @@ function el(n) {
     columnGroupingModel: Et,
     noRowsLabel: Nn = "No Data",
     apiRef: In
-  } = n, To = de(() => ({ items: [] }), []), Ye = d || To, [Fo, Wo] = Q(
-    () => _t?.sorting?.sortModel ?? []
-  ), Pn = w !== void 0, ot = Pn ? w : Fo, Oo = de(() => [], []), Mn = T || Oo, Ln = A !== void 0, oo = de(() => Ie?.toolbar, [Ie?.toolbar]), [Ao, zo] = Q(
+  } = n, To = de(() => ({ items: [] }), []), Ye = c || To, [Wo, Fo] = Q(
+    () => yt?.sorting?.sortModel ?? []
+  ), Pn = w !== void 0, ot = Pn ? w : Wo, Oo = de(() => [], []), Mn = T || Oo, Ln = A !== void 0, oo = de(() => Ie?.toolbar, [Ie?.toolbar]), [Ao, zo] = Q(
     () => A ?? {}
-  ), rt = Ln ? A : Ao, Bo = W((c) => {
-    Ln || zo(c), O?.(c);
+  ), rt = Ln ? A : Ao, Bo = F((d) => {
+    Ln || zo(d), O?.(d);
   }, [Ln, O]), [$o, Ho] = Q(
-    () => _t?.columns?.columnVisibilityModel ?? {}
-  ), Tn = eo !== void 0, Qe = Tn ? eo : $o, Zt = W((c) => {
-    Tn || Ho(c), to?.(c);
+    () => yt?.columns?.columnVisibilityModel ?? {}
+  ), Tn = eo !== void 0, Qe = Tn ? eo : $o, Zt = F((d) => {
+    Tn || Ho(d), to?.(d);
   }, [Tn, to]), [Do, Go] = Q(
-    () => _t?.columns?.pinnedColumns ?? {}
-  ), Fn = v !== void 0, it = Fn ? v : Do, Wn = W((c) => {
-    Fn || Go(c), S?.(c);
-  }, [Fn, S]), Vo = de(() => ({ rowFields: [], columnFields: [], valueFields: [] }), []), [Uo, Ko] = Q(jt ?? Vo), ro = jt ?? Uo, Yo = W((c) => {
-    Ko(c), ht?.(c);
-  }, [ht]), dn = Ci(o, e, ro, Ge), On = Ge && dn.isValid ? dn.pivotRows : o, lt = Ge && dn.isValid ? dn.pivotColumns : e, [Xo, io] = Q(null);
+    () => yt?.columns?.pinnedColumns ?? {}
+  ), Wn = v !== void 0, it = Wn ? v : Do, Fn = F((d) => {
+    Wn || Go(d), S?.(d);
+  }, [Wn, S]), Vo = de(() => ({ rowFields: [], columnFields: [], valueFields: [] }), []), [Uo, Ko] = Q(ht ?? Vo), ro = ht ?? Uo, Yo = F((d) => {
+    Ko(d), pt?.(d);
+  }, [pt]), dn = Ci(o, e, ro, Ge), On = Ge && dn.isValid ? dn.pivotRows : o, lt = Ge && dn.isValid ? dn.pivotColumns : e, [Xo, io] = Q(null);
   ee(() => {
     io(null);
   }, [rt]);
   const [qo, Jo] = Q(
-    () => _t?.pagination?.paginationModel ?? E
-  ), An = n.paginationModel !== void 0, xe = An ? E : qo, cn = W((c) => {
-    An || Jo(c), j?.(c);
-  }, [An, j]), [Qo, lo] = Q([]), en = u !== void 0, so = en ? u : Qo, Pe = de(() => new Set(so), [so]), un = g, Nt = ne(null), Zo = ne(null), gn = ne(null), er = W((c) => c.id, []), fn = r || er, [Ze, Ft] = Q(null), Wt = W((c) => {
-    Kn.current?.classList.toggle("ogx--kb", c);
+    () => yt?.pagination?.paginationModel ?? E
+  ), An = n.paginationModel !== void 0, xe = An ? E : qo, cn = F((d) => {
+    An || Jo(d), j?.(d);
+  }, [An, j]), [Qo, lo] = Q([]), en = g !== void 0, so = en ? g : Qo, Pe = de(() => new Set(so), [so]), un = u, Nt = ne(null), Zo = ne(null), gn = ne(null), er = F((d) => d.id, []), fn = r || er, [Ze, Wt] = Q(null), Ft = F((d) => {
+    Kn.current?.classList.toggle("ogx--kb", d);
   }, []), ao = ne(ie);
   ao.current = ie;
-  const co = ne(null), uo = ne(null), tr = W((c) => {
-    if (ao.current && we && c.serverChildrenCount > 0 && c.children.length === 0) {
-      const R = uo.current?.getNodePath(c.id) || [c.groupingKey];
-      co.current?.(c.id, R);
+  const co = ne(null), uo = ne(null), tr = F((d) => {
+    if (ao.current && we && d.serverChildrenCount > 0 && d.children.length === 0) {
+      const R = uo.current?.getNodePath(d.id) || [d.groupingKey];
+      co.current?.(d.id, R);
     }
   }, [we]), st = ii({
     rows: On,
@@ -3271,7 +3270,7 @@ function el(n) {
   ee(() => {
     Ot.current.copySelectedRows = po, Ot.current.getSelectedRows = () => Array.from(Pe);
   }, [po, Pe, Ot]);
-  const ir = ue.dataSource.loading, tn = J || ir, nn = de(() => ue.rows.allRows.map((c) => ue.rows.idRowsLookup.get(c)), [ue.rows]), Bn = hi({
+  const ir = ue.dataSource.loading, tn = J || ir, nn = de(() => ue.rows.allRows.map((d) => ue.rows.idRowsLookup.get(d)), [ue.rows]), Bn = hi({
     rows: nn,
     getRowId: fn,
     getTreeDataPath: b,
@@ -3298,29 +3297,29 @@ function el(n) {
     getRowId: fn,
     processRowUpdate: P,
     onProcessRowUpdateError: ce,
-    onRowChange: (c) => {
+    onRowChange: (d) => {
       const { dispatch: R } = st, V = Array.from(st.state.rows.idRowsLookup.values()).map(
-        (le) => le.id === c.id ? c : le
+        (le) => le.id === d.id ? d : le
       );
       R({ type: "SET_ROWS", payload: V });
     }
-  }), $n = we, At = !!(Mn && Mn.length > 0), hn = $n || At, He = $n ? Bn : At ? lr : null, Me = N && !At, pn = W((c) => {
-    const { row: R, id: M } = c;
+  }), $n = we, At = !!(Mn && Mn.length > 0), hn = $n || At, He = $n ? Bn : At ? lr : null, Me = N && !At, pn = F((d) => {
+    const { row: R, id: M } = d;
     if (hn && R._hasChildren) {
       He?.toggleExpansion(M);
       return;
     }
-    f?.(c);
-  }, [hn, He, f]), Oe = de(() => hn ? lt.map((c, R) => R === 0 ? {
-    ...c,
+    h?.(d);
+  }, [hn, He, h]), Oe = de(() => hn ? lt.map((d, R) => R === 0 ? {
+    ...d,
     renderCell: (M) => {
       const { _treeDepth: V, _hasChildren: le, _isExpanded: fe, _groupingField: Ce, _groupingValue: qe, _descendantCount: Ue } = M.row, be = (V || 0) * 24;
-      let ae = c.renderCell ? c.renderCell(M) : M.value;
+      let ae = d.renderCell ? d.renderCell(M) : M.value;
       return $n && le && M.row._isGroupRow && (ae = /* @__PURE__ */ t.jsxs("div", { className: "ogx__group-cell-content", children: [
         M.value,
         Ue !== void 0 && Ue > 0 ? ` (${Ue})` : ""
       ] })), At && le && Ce && (ae = /* @__PURE__ */ t.jsxs("div", { className: "ogx__group-cell-content", children: [
-        c.field === Ce ? "" : `${Ce}: `,
+        d.field === Ce ? "" : `${Ce}: `,
         String(qe),
         Ue !== void 0 ? ` (${Ue})` : ""
       ] })), /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", paddingLeft: be, width: "100%", height: "100%" }, children: [
@@ -3372,10 +3371,10 @@ function el(n) {
       ] });
     }
   } : {
-    ...c,
+    ...d,
     renderCell: (M) => {
       const { _hasChildren: V, _groupingField: le } = M.row;
-      return At && V ? c.field === le ? null : M.value !== void 0 && M.value !== null ? c.renderCell ? c.renderCell(M) : M.value : null : c.renderCell ? c.renderCell(M) : M.value;
+      return At && V ? d.field === le ? null : M.value !== void 0 && M.value !== null ? d.renderCell ? d.renderCell(M) : M.value : null : d.renderCell ? d.renderCell(M) : M.value;
     }
   }) : lt, [lt, hn, At, He]), Hn = bi({
     dataSource: ie,
@@ -3396,43 +3395,43 @@ function el(n) {
     Hn.fetchChildren && (co.current = Hn.fetchChildren);
   }, [Hn.fetchChildren]);
   const [at, sr] = Q(
-    () => _t?.columns?.columnWidths ?? {}
+    () => yt?.columns?.columnWidths ?? {}
   ), [ar, xo] = Q(
-    () => _t?.columns?.columnOrder ?? lt.map((c) => c.field)
+    () => yt?.columns?.columnOrder ?? lt.map((d) => d.field)
   ), zt = $ || ar;
   ee(() => {
     ie || zn(On);
   }, [On, zn, ie]), ee(() => {
     go(lt);
   }, [lt, go]), ee(() => {
-    Ge && xo(lt.map((c) => c.field));
+    Ge && xo(lt.map((d) => d.field));
   }, [Ge, lt]);
   const Bt = de(() => {
     if (Y) return Oe;
-    const c = new Map(zt.map((R, M) => [R, M]));
+    const d = new Map(zt.map((R, M) => [R, M]));
     return [...Oe].sort((R, M) => {
-      const V = c.get(R.field) ?? Oe.indexOf(R), le = c.get(M.field) ?? Oe.indexOf(M);
+      const V = d.get(R.field) ?? Oe.indexOf(R), le = d.get(M.field) ?? Oe.indexOf(M);
       return V - le;
     });
-  }, [Oe, zt, Y]), mo = de(() => Bt.filter((c) => Qe[c.field] !== !1), [Bt, Qe]), $t = li({
+  }, [Oe, zt, Y]), mo = de(() => Bt.filter((d) => Qe[d.field] !== !1), [Bt, Qe]), $t = li({
     columns: Bt,
-    onColumnOrderChange: W((c) => {
-      const { oldIndex: R, targetIndex: M } = c, V = [...zt], [le] = V.splice(R, 1);
-      V.splice(M, 0, le), $ || xo(V), K?.(c);
+    onColumnOrderChange: F((d) => {
+      const { oldIndex: R, targetIndex: M } = d, V = [...zt], [le] = V.splice(R, 1);
+      V.splice(M, 0, le), $ || xo(V), K?.(d);
     }, [zt, $, K]),
     disableColumnReorder: Y
-  }), [dr, cr] = Q(/* @__PURE__ */ new Set()), yt = p ?? dr, et = !!I, on = W((c) => {
-    const R = new Set(yt);
-    R.has(c) ? R.delete(c) : R.add(c), p === void 0 && cr(R), k?.(R);
-  }, [yt, p, k]), ye = de(() => {
-    const c = [];
-    return D && c.push({ field: "__reorder_col__" }), et && c.push({ field: "__expand_col__" }), s && c.push({ field: "__checkbox_col__" }), [...c, ...Bt];
-  }, [Bt, s, et, D]), ur = W((c, R) => {
-    sr((M) => ({ ...M, [c]: R }));
+  }), [dr, cr] = Q(/* @__PURE__ */ new Set()), Ct = p ?? dr, et = !!I, on = F((d) => {
+    const R = new Set(Ct);
+    R.has(d) ? R.delete(d) : R.add(d), p === void 0 && cr(R), k?.(R);
+  }, [Ct, p, k]), ye = de(() => {
+    const d = [];
+    return D && d.push({ field: "__reorder_col__" }), et && d.push({ field: "__expand_col__" }), s && d.push({ field: "__checkbox_col__" }), [...d, ...Bt];
+  }, [Bt, s, et, D]), ur = F((d, R) => {
+    sr((M) => ({ ...M, [d]: R }));
   }, []), Dn = ne(Be);
   Dn.current = Be, ee(() => {
     if (!Dn.current) return;
-    const c = {
+    const d = {
       sorting: { sortModel: ot },
       filter: { filterModel: Ye },
       pagination: { paginationModel: xe },
@@ -3443,7 +3442,7 @@ function el(n) {
         pinnedColumns: it
       }
     };
-    Dn.current(c);
+    Dn.current(d);
   }, [
     ot,
     Ye,
@@ -3453,24 +3452,24 @@ function el(n) {
     Qe,
     it
   ]);
-  const xn = de(() => nn, [nn]), Ve = de(() => He ? He.getVisibleRows() || [] : nt === "server" && ie ? xn : ui(xn, Ye), [xn, Ye, He, nt, ie]), { top: Xe, center: Ht, bottom: dt } = de(() => He ? { top: [], center: Ve, bottom: [] } : Pr(Ve, y), [Ve, y, He]), Le = de(() => He || ve === "server" && ie ? Ht : fi(Ht, ot), [Ht, ot, He, ve, ie]), pt = de(() => {
+  const xn = de(() => nn, [nn]), Ve = de(() => He ? He.getVisibleRows() || [] : nt === "server" && ie ? xn : ui(xn, Ye), [xn, Ye, He, nt, ie]), { top: Xe, center: Ht, bottom: dt } = de(() => He ? { top: [], center: Ve, bottom: [] } : Pr(Ve, y), [Ve, y, He]), Le = de(() => He || ve === "server" && ie ? Ht : fi(Ht, ot), [Ht, ot, He, ve, ie]), xt = de(() => {
     if (!Me || z === "server" && ie)
       return Le;
-    const c = xe.page * xe.pageSize, R = c + xe.pageSize;
-    return Le.slice(c, R);
+    const d = xe.page * xe.pageSize, R = d + xe.pageSize;
+    return Le.slice(d, R);
   }, [Le, Me, xe.page, xe.pageSize, z, ie]);
   ee(() => {
     st.apiRef.current.getVisibleRows = () => Le, st.apiRef.current.getVisibleColumns = () => Oe;
   }, [Le, Oe, st.apiRef]);
   const Dt = si({
-    rows: Me ? pt : Le,
-    getRowId: (c) => c.id,
+    rows: Me ? xt : Le,
+    getRowId: (d) => d.id,
     onRowOrderChange: te,
     rowReordering: D
   }), Re = de(() => {
     if (He)
       return Ht;
-    const c = Me ? pt : Le, R = [...Xe, ...c, ...dt];
+    const d = Me ? xt : Le, R = [...Xe, ...d, ...dt];
     if (z === "infinite" && ue.dataSource.loading && R.length > 0) {
       const M = Math.min(xe.pageSize, 20), V = Array.from({ length: M }, (le, fe) => ({
         id: `__skeleton_${fe}__`,
@@ -3481,7 +3480,7 @@ function el(n) {
     return R;
   }, [
     Xe,
-    pt,
+    xt,
     Le,
     dt,
     Me,
@@ -3507,77 +3506,77 @@ function el(n) {
     st.apiRef.current.getAggregationResult = () => mn ? Gn : null, st.apiRef.current.getAggregationModel = () => mn ? rt : null;
   }, [Gn, rt, mn, st.apiRef]);
   const Vn = de(() => {
-    const c = i, R = Me ? pt : Le, M = R.map((F, X) => {
-      let oe = c;
-      if (yt.has(F.id)) {
-        const De = C?.({ row: F, id: F.id, rowIndex: Xe.length + X }) ?? 200;
+    const d = i, R = Me ? xt : Le, M = R.map((W, X) => {
+      let oe = d;
+      if (Ct.has(W.id)) {
+        const De = C?.({ row: W, id: W.id, rowIndex: Xe.length + X }) ?? 200;
         oe += typeof De == "number" ? De : parseInt(String(De), 10) || 200;
       }
       return oe;
-    }), V = M.reduce((F, X, oe) => (F.push((F[oe - 1] || 0) + X), F), []), fe = (z === "infinite" && ue.dataSource.loading && R.length > 0 ? Math.min(xe.pageSize, 20) : 0) * c, Ce = (V[V.length - 1] || 0) + fe, qe = Xe.length * c, Ue = dt.length * c, se = [], be = [], ae = [], G = [];
-    mo.forEach((F) => {
-      const X = En(F.field, it);
-      X === "left" ? se.push(F) : X === "right" ? be.push(F) : ae.push(F);
+    }), V = M.reduce((W, X, oe) => (W.push((W[oe - 1] || 0) + X), W), []), fe = (z === "infinite" && ue.dataSource.loading && R.length > 0 ? Math.min(xe.pageSize, 20) : 0) * d, Ce = (V[V.length - 1] || 0) + fe, qe = Xe.length * d, Ue = dt.length * d, se = [], be = [], ae = [], G = [];
+    mo.forEach((W) => {
+      const X = En(W.field, it);
+      X === "left" ? se.push(W) : X === "right" ? be.push(W) : ae.push(W);
     });
-    const me = ue.dimensions.viewportWidth || 1e3, je = (s ? 48 : 0) + (et ? 48 : 0) + (D ? 48 : 0), _e = (F) => at[F.field] ?? F.width, Te = (F) => {
-      if (F === void 0) return { type: "auto", value: 0 };
-      if (typeof F == "number") return { type: "fixed", value: F };
-      if (typeof F == "string") {
-        if (F.toLowerCase() === "auto") return { type: "auto", value: 0 };
-        if (F.endsWith("%"))
-          return { type: "percentage", value: parseFloat(F) };
-        const X = parseFloat(F);
+    const me = ue.dimensions.viewportWidth || 1e3, je = (s ? 48 : 0) + (et ? 48 : 0) + (D ? 48 : 0), _e = (W) => at[W.field] ?? W.width, Te = (W) => {
+      if (W === void 0) return { type: "auto", value: 0 };
+      if (typeof W == "number") return { type: "fixed", value: W };
+      if (typeof W == "string") {
+        if (W.toLowerCase() === "auto") return { type: "auto", value: 0 };
+        if (W.endsWith("%"))
+          return { type: "percentage", value: parseFloat(W) };
+        const X = parseFloat(W);
         if (!isNaN(X)) return { type: "fixed", value: X };
       }
       return { type: "fixed", value: 100 };
-    }, Fe = se.reduce((F, X) => {
+    }, We = se.reduce((W, X) => {
       const oe = Te(_e(X));
-      return F + (oe.type === "fixed" ? oe.value : 100);
-    }, 0), he = be.reduce((F, X) => {
+      return W + (oe.type === "fixed" ? oe.value : 100);
+    }, 0), he = be.reduce((W, X) => {
       const oe = Te(_e(X));
-      return F + (oe.type === "fixed" ? oe.value : 100);
-    }, 0), ge = ae.reduce((F, X) => {
+      return W + (oe.type === "fixed" ? oe.value : 100);
+    }, 0), ge = ae.reduce((W, X) => {
       if (X.flex && X.flex > 0) {
-        const De = X.minWidth ?? 150, bt = typeof X.width == "number" ? X.width : 150;
-        return F + (De || bt);
+        const De = X.minWidth ?? 150, vt = typeof X.width == "number" ? X.width : 150;
+        return W + (De || vt);
       }
       const oe = Te(_e(X));
-      return oe.type === "fixed" ? F + oe.value : oe.type === "percentage" ? F + 100 : F + (X.minWidth ?? 150);
-    }, 0), xt = Math.max(
-      me - je - Fe - he,
+      return oe.type === "fixed" ? W + oe.value : oe.type === "percentage" ? W + 100 : W + (X.minWidth ?? 150);
+    }, 0), mt = Math.max(
+      me - je - We - he,
       ge
     ), ct = [], Ae = [], Ee = [];
     let ze = 0;
-    ae.forEach((F) => {
-      const X = Te(_e(F));
-      if (F.flex && F.flex > 0) {
-        Ee.push({ col: F, flex: F.flex }), ze += F.flex;
+    ae.forEach((W) => {
+      const X = Te(_e(W));
+      if (W.flex && W.flex > 0) {
+        Ee.push({ col: W, flex: W.flex }), ze += W.flex;
         return;
       }
-      X.type === "fixed" ? ct.push({ col: F, width: X.value }) : X.type === "percentage" ? Ae.push({ col: F, percentage: X.value }) : (Ee.push({ col: F, flex: 1 }), ze += 1);
+      X.type === "fixed" ? ct.push({ col: W, width: X.value }) : X.type === "percentage" ? Ae.push({ col: W, percentage: X.value }) : (Ee.push({ col: W, flex: 1 }), ze += 1);
     });
-    const Ke = ct.reduce((F, { width: X }) => F + X, 0);
-    let We = Math.max(0, xt - Ke);
+    const Ke = ct.reduce((W, { width: X }) => W + X, 0);
+    let Fe = Math.max(0, mt - Ke);
     const ut = /* @__PURE__ */ new Map();
-    Ae.forEach(({ col: F, percentage: X }) => {
-      const oe = X / 100 * We;
-      ut.set(F.field, oe), We -= oe;
-    }), We = Math.max(0, We);
-    const Ct = /* @__PURE__ */ new Map(), mt = Ee.map((F) => ({
-      ...F,
-      minWidth: F.col.minWidth ?? 50,
-      maxWidth: F.col.maxWidth ?? 1 / 0,
+    Ae.forEach(({ col: W, percentage: X }) => {
+      const oe = X / 100 * Fe;
+      ut.set(W.field, oe), Fe -= oe;
+    }), Fe = Math.max(0, Fe);
+    const kt = /* @__PURE__ */ new Map(), wt = Ee.map((W) => ({
+      ...W,
+      minWidth: W.col.minWidth ?? 50,
+      maxWidth: W.col.maxWidth ?? 1 / 0,
       frozen: !1,
       computedWidth: 0
     }));
     (() => {
-      let F = 0;
-      const X = mt.length * 2;
-      for (; F < X; ) {
-        F++;
-        const oe = mt.filter((re) => !re.frozen);
+      let W = 0;
+      const X = wt.length * 2;
+      for (; W < X; ) {
+        W++;
+        const oe = wt.filter((re) => !re.frozen);
         if (oe.length === 0) break;
-        const De = oe.reduce((re, gt) => re + gt.flex, 0), bt = mt.reduce((re, gt) => gt.frozen ? re + gt.computedWidth : re, 0), _r = Math.max(0, We - bt);
+        const De = oe.reduce((re, gt) => re + gt.flex, 0), vt = wt.reduce((re, gt) => gt.frozen ? re + gt.computedWidth : re, 0), _r = Math.max(0, Fe - vt);
         if (De <= 0) {
           oe.forEach((re) => {
             re.computedWidth = re.minWidth, re.frozen = !0;
@@ -3611,46 +3610,46 @@ function el(n) {
           re.computedWidth = re.maxWidth, re.frozen = !0;
         }));
       }
-    })(), mt.forEach((F) => Ct.set(F.col.field, F.computedWidth));
+    })(), wt.forEach((W) => kt.set(W.col.field, W.computedWidth));
     const Ut = /* @__PURE__ */ new Map();
-    ae.forEach((F) => {
+    ae.forEach((W) => {
       let X;
-      if (Ct.has(F.field))
-        X = Ct.get(F.field);
+      if (kt.has(W.field))
+        X = kt.get(W.field);
       else {
-        const oe = ct.find((bt) => bt.col.field === F.field), De = Ae.find((bt) => bt.col.field === F.field);
+        const oe = ct.find((vt) => vt.col.field === W.field), De = Ae.find((vt) => vt.col.field === W.field);
         if (oe)
           X = oe.width;
         else if (De) {
-          const bt = ut.get(F.field) || 0;
-          X = Math.max(F.minWidth ?? 50, bt || 100);
+          const vt = ut.get(W.field) || 0;
+          X = Math.max(W.minWidth ?? 50, vt || 100);
         } else
           X = 100;
       }
-      G.push(X), Ut.set(F.field, X);
+      G.push(X), Ut.set(W.field, X);
     });
-    const wt = ae.map((F) => {
-      const X = mt.find((oe) => oe.col.field === F.field);
+    const bt = ae.map((W) => {
+      const X = wt.find((oe) => oe.col.field === W.field);
       return {
-        ...F,
-        width: Ut.get(F.field) ?? (typeof F.width == "number" ? F.width : 100),
-        flex: X ? X.flex : F.flex
+        ...W,
+        width: Ut.get(W.field) ?? (typeof W.width == "number" ? W.width : 100),
+        flex: X ? X.flex : W.flex
       };
-    }), Je = 11, It = se.map((F, X) => {
-      const oe = Te(_e(F)), De = oe.type === "fixed" ? oe.value : 100;
+    }), Je = 11, It = se.map((W, X) => {
+      const oe = Te(_e(W)), De = oe.type === "fixed" ? oe.value : 100;
       return {
-        ...F,
+        ...W,
         width: De,
         zIndex: Je + X
       };
-    }), Kt = 11, kt = be.map((F, X) => {
-      const oe = Te(_e(F)), De = oe.type === "fixed" ? oe.value : 100;
+    }), Kt = 11, St = be.map((W, X) => {
+      const oe = Te(_e(W)), De = oe.type === "fixed" ? oe.value : 100;
       return {
-        ...F,
+        ...W,
         width: De,
         zIndex: Kt + (be.length - 1 - X)
       };
-    }), tt = G.reduce((F, X) => F + X, 0), ke = Fe + tt + he + je, vr = G.reduce((F, X, oe) => (F.push((F[oe - 1] || 0) + X), F), []);
+    }), tt = G.reduce((W, X) => W + X, 0), ke = We + tt + he + je, vr = G.reduce((W, X, oe) => (W.push((W[oe - 1] || 0) + X), W), []);
     return {
       rowHeights: M,
       cumulativeHeights: V,
@@ -3658,12 +3657,12 @@ function el(n) {
       pinnedTopHeight: qe,
       pinnedBottomHeight: Ue,
       leftPinnedCols: It,
-      rightPinnedCols: kt,
-      unpinnedColsWithWidth: wt,
+      rightPinnedCols: St,
+      unpinnedColsWithWidth: bt,
       unpinnedColWidths: G,
       unpinnedAccWidths: vr,
       totalWidth: ke,
-      leftWidth: Fe,
+      leftWidth: We,
       rightWidth: he,
       unpinnedTotalWidth: tt,
       systemColumnsWidth: je,
@@ -3674,13 +3673,13 @@ function el(n) {
   }, [
     i,
     Me,
-    pt,
+    xt,
     Le,
-    yt,
+    Ct,
     C,
     Xe.length,
     dt.length,
-    yt,
+    Ct,
     C,
     Xe.length,
     dt.length,
@@ -3699,7 +3698,7 @@ function el(n) {
     xe.pageSize
   ]), Se = de(() => {
     const {
-      unpinnedAccWidths: c,
+      unpinnedAccWidths: d,
       unpinnedColsWithWidth: R,
       leftPinnedCols: M,
       rightPinnedCols: V,
@@ -3714,36 +3713,36 @@ function el(n) {
       unpinnedRowsHeight: G,
       rowHeights: me,
       unpinnedRowsLength: je
-    } = Vn, _e = ue.virtualization.scrollLeft, Te = ue.virtualization.scrollTop, Fe = ue.dimensions.viewportWidth || 1e3, he = a ? be + G + ae + 50 : ue.dimensions.viewportHeight || 600, ge = 6, xt = Math.max(0, _e - fe), ct = _e + Fe - fe;
-    let Ae = 0, Ee = R.length - 1, ze = 0, Ke = c.length - 1;
+    } = Vn, _e = ue.virtualization.scrollLeft, Te = ue.virtualization.scrollTop, We = ue.dimensions.viewportWidth || 1e3, he = a ? be + G + ae + 50 : ue.dimensions.viewportHeight || 600, ge = 6, mt = Math.max(0, _e - fe), ct = _e + We - fe;
+    let Ae = 0, Ee = R.length - 1, ze = 0, Ke = d.length - 1;
     for (; ze <= Ke; ) {
       const ke = ze + Ke >>> 1;
-      c[ke] < xt ? ze = ke + 1 : Ke = ke - 1;
+      d[ke] < mt ? ze = ke + 1 : Ke = ke - 1;
     }
     Ae = Math.max(0, ze - ge);
-    for (let ke = Ae; ke < c.length; ke++) {
-      if ((ke === 0 ? 0 : c[ke - 1]) > ct) {
+    for (let ke = Ae; ke < d.length; ke++) {
+      if ((ke === 0 ? 0 : d[ke - 1]) > ct) {
         Ee = Math.min(R.length - 1, ke + ge);
         break;
       }
       Ee = Math.min(R.length - 1, ke + ge);
     }
-    const We = Ae > 0 ? c[Ae - 1] : 0, ut = qe - c[Ee], Ct = [
+    const Fe = Ae > 0 ? d[Ae - 1] : 0, ut = qe - d[Ee], kt = [
       ...M,
-      ...We > 0 ? [{ field: "__spacer_left__", width: We, isSpacer: !0 }] : [],
+      ...Fe > 0 ? [{ field: "__spacer_left__", width: Fe, isSpacer: !0 }] : [],
       ...R.slice(Ae, Ee + 1),
       ...ut > 0 ? [{ field: "__spacer_right__", width: ut, isSpacer: !0 }] : [],
       ...V
-    ], rn = Fe > 0 && le > Fe ? 16 : 0, Ut = be + G + ae + rn + 2, wt = 5;
-    let Je = 0, It = je - 1, Kt = 0, kt = 0, tt = se.length - 1;
-    for (; kt <= tt; ) {
-      const ke = kt + tt >>> 1;
-      se[ke] < Te ? kt = ke + 1 : tt = ke - 1;
+    ], rn = We > 0 && le > We ? 16 : 0, Ut = be + G + ae + rn + 2, bt = 5;
+    let Je = 0, It = je - 1, Kt = 0, St = 0, tt = se.length - 1;
+    for (; St <= tt; ) {
+      const ke = St + tt >>> 1;
+      se[ke] < Te ? St = ke + 1 : tt = ke - 1;
     }
-    Je = Math.max(0, kt - wt), Kt = Je > 0 ? se[Je - 1] : 0;
+    Je = Math.max(0, St - bt), Kt = Je > 0 ? se[Je - 1] : 0;
     for (let ke = Je; ke < se.length; ke++)
       if (se[ke] >= Te + he) {
-        It = Math.min(je - 1, ke + wt);
+        It = Math.min(je - 1, ke + bt);
         break;
       }
     return {
@@ -3761,11 +3760,11 @@ function el(n) {
       totalWidth: le,
       rowHeights: me,
       cumulativeHeights: se,
-      virtualColumns: Ct,
+      virtualColumns: kt,
       columnMetrics: {
         leftPinnedWidth: fe,
         rightPinnedWidth: Ce,
-        unpinnedAccWidths: c,
+        unpinnedAccWidths: d,
         unpinnedCols: R,
         totalSpecialsWidth: Ue,
         pinnedSpecialsWidth: (D ? 48 : 0) + (et && B ? 48 : 0) + (s && L ? 48 : 0)
@@ -3778,8 +3777,8 @@ function el(n) {
     ue.dimensions.viewportHeight,
     ue.dimensions.viewportWidth,
     a
-  ]), gr = W((c) => {
-    const R = c.currentTarget;
+  ]), gr = F((d) => {
+    const R = d.currentTarget;
     if (fo(R.scrollTop, R.scrollLeft), Rt) {
       const { scrollTop: M, scrollHeight: V, clientHeight: le } = R;
       V - M - le < 100 && Rt({
@@ -3791,42 +3790,42 @@ function el(n) {
   }, [fo, Rt]);
   ee(() => {
     if (!Nt.current) return;
-    const c = new ResizeObserver((R) => {
+    const d = new ResizeObserver((R) => {
       for (const M of R) {
         const { width: V, height: le } = M.contentRect;
         ho(V, le);
       }
     });
-    return c.observe(Nt.current), () => {
-      c.disconnect();
+    return d.observe(Nt.current), () => {
+      d.disconnect();
     };
   }, [ho]);
-  const Vt = W((c, R) => {
+  const Vt = F((d, R) => {
     const M = new Set(Pe);
-    R ? M.add(c) : M.delete(c);
+    R ? M.add(d) : M.delete(d);
     const V = Array.from(M);
     en || lo(V), un?.(V);
-  }, [Pe, en, un]), fr = W((c) => {
+  }, [Pe, en, un]), fr = F((d) => {
     let R = [];
-    c && (R = xn.map((M) => M.id)), en || lo(R), un?.(R);
-  }, [o, en, un]), wo = W((c, R) => {
-    const M = R ? [{ field: c, sort: R }] : [];
-    Pn || Wo(M), x?.(M);
-  }, [Pn, x]), Un = W((c) => {
-    Wt(!1), Ft({ id: c.row.id, field: c.field }), gn.current?.focus({ preventScroll: !0 }), m?.(c);
-  }, [m, Wt]), bo = ne($e.editingCell);
+    d && (R = xn.map((M) => M.id)), en || lo(R), un?.(R);
+  }, [o, en, un]), wo = F((d, R) => {
+    const M = R ? [{ field: d, sort: R }] : [];
+    Pn || Fo(M), x?.(M);
+  }, [Pn, x]), Un = F((d) => {
+    Ft(!1), Wt({ id: d.row.id, field: d.field }), gn.current?.focus({ preventScroll: !0 }), m?.(d);
+  }, [m, Ft]), bo = ne($e.editingCell);
   ee(() => {
-    const c = !!bo.current, R = !!$e.editingCell;
-    c && !R && gn.current?.focus({ preventScroll: !0 }), bo.current = $e.editingCell;
+    const d = !!bo.current, R = !!$e.editingCell;
+    d && !R && gn.current?.focus({ preventScroll: !0 }), bo.current = $e.editingCell;
   }, [$e.editingCell]);
   const vo = de(() => {
-    const { firstRowIndex: c, lastRowIndex: R } = Se.renderContext, M = Xe.length, V = Xe.map((ae, G) => ({ row: ae, rowIndex: G })), le = dt.map((ae, G) => ({
+    const { firstRowIndex: d, lastRowIndex: R } = Se.renderContext, M = Xe.length, V = Xe.map((ae, G) => ({ row: ae, rowIndex: G })), le = dt.map((ae, G) => ({
       row: ae,
-      rowIndex: M + (Me ? pt.length : Le.length) + G
-    })), fe = Math.max(0, c - M), Ce = Math.min(
-      Me ? pt.length : Le.length,
+      rowIndex: M + (Me ? xt.length : Le.length) + G
+    })), fe = Math.max(0, d - M), Ce = Math.min(
+      Me ? xt.length : Le.length,
       R - M + 1
-    ), qe = (Me ? pt : Le).slice(fe, Ce).map((ae, G) => ({
+    ), qe = (Me ? xt : Le).slice(fe, Ce).map((ae, G) => ({
       row: ae,
       rowIndex: M + fe + G
     })), Ue = [...V, ...qe, ...le], se = /* @__PURE__ */ new Set();
@@ -3835,28 +3834,28 @@ function el(n) {
     Se.renderContext,
     Xe,
     dt,
-    pt,
+    xt,
     Le,
     Me,
     z,
     ue.dataSource.loading,
     xe.pageSize,
     i
-  ]), hr = o.length > 0 && Pe.size === o.length, pr = Pe.size > 0 && Pe.size < o.length, xr = W((c) => {
-    c.target === c.currentTarget && Ft((R) => {
+  ]), hr = o.length > 0 && Pe.size === o.length, pr = Pe.size > 0 && Pe.size < o.length, xr = F((d) => {
+    d.target === d.currentTarget && Wt((R) => {
       if (R) return R;
       if (s)
         return { id: "HEADER", field: "__checkbox_col__" };
       const M = Re[0], V = ye[0];
       return M && V ? { id: M.id, field: V.field } : null;
     });
-  }, [Re, ye]), mr = W((c) => {
-    c.currentTarget.contains(c.relatedTarget) || Ft(null);
-  }, []), wr = W((c) => {
-    if (Wt(!0), !Ze) return;
+  }, [Re, ye]), mr = F((d) => {
+    d.currentTarget.contains(d.relatedTarget) || Wt(null);
+  }, []), wr = F((d) => {
+    if (Ft(!0), !Ze) return;
     const { id: R, field: M } = Ze, V = !!$e.editingCell;
-    if (c.key === "Enter") {
-      if (c.preventDefault(), V)
+    if (d.key === "Enter") {
+      if (d.preventDefault(), V)
         $e.stopCellEdit();
       else if (ye.find((me) => me.field === M)?.editable) {
         const me = Re.find((je) => je.id === R);
@@ -3868,18 +3867,18 @@ function el(n) {
       }
       return;
     }
-    if ((c.key === " " || c.key === "Spacebar") && !V) {
+    if ((d.key === " " || d.key === "Spacebar") && !V) {
       if (M === "__checkbox_col__") {
-        c.preventDefault(), Vt(R, !Pe.has(R));
+        d.preventDefault(), Vt(R, !Pe.has(R));
         return;
       }
       if (M === "__expand_col__") {
-        c.preventDefault(), on(R);
+        d.preventDefault(), on(R);
         return;
       }
     }
-    if (R === "HEADER" && (c.key === "Enter" || c.key === " ")) {
-      c.preventDefault();
+    if (R === "HEADER" && (d.key === "Enter" || d.key === " ")) {
+      d.preventDefault();
       const G = ye.find((me) => me.field === M);
       if (G && G.sortable !== !1) {
         const me = ot.find((_e) => _e.field === M);
@@ -3888,29 +3887,29 @@ function el(n) {
       }
       return;
     }
-    if (c.key === "Escape") {
-      V && (c.preventDefault(), $e.stopCellEdit({ cancel: !0 }));
+    if (d.key === "Escape") {
+      V && (d.preventDefault(), $e.stopCellEdit({ cancel: !0 }));
       return;
     }
-    if (V && c.key !== "Tab")
+    if (V && d.key !== "Tab")
       return;
     const le = R === "HEADER", fe = le ? -1 : Re.findIndex((G) => G.id === R), Ce = ye.findIndex((G) => G.field === M);
     if (!le && fe === -1 || Ce === -1) return;
-    const qe = (G, me, je, _e, Te, Fe = !1) => {
+    const qe = (G, me, je, _e, Te, We = !1) => {
       let he = G + je, ge = me + _e;
-      return Te && _e !== 0 && (_e > 0 && ge >= ye.length ? (ge = 0, he++) : _e < 0 && ge < 0 && (ge = ye.length - 1, he--)), !Te && (ge < 0 || ge >= ye.length) || he < (Fe ? -1 : 0) || he >= Re.length ? null : { r: he, c: ge };
-    }, Ue = (G, me, je, _e, Te, Fe = !1) => {
-      let he = G, ge = me, xt = 0;
+      return Te && _e !== 0 && (_e > 0 && ge >= ye.length ? (ge = 0, he++) : _e < 0 && ge < 0 && (ge = ye.length - 1, he--)), !Te && (ge < 0 || ge >= ye.length) || he < (We ? -1 : 0) || he >= Re.length ? null : { r: he, c: ge };
+    }, Ue = (G, me, je, _e, Te, We = !1) => {
+      let he = G, ge = me, mt = 0;
       const ct = Re.length * ye.length + ye.length;
-      for (; xt < ct; ) {
-        if (xt++, he += je, ge += _e, _e !== 0)
+      for (; mt < ct; ) {
+        if (mt++, he += je, ge += _e, _e !== 0)
           _e > 0 ? ge >= ye.length && (ge = 0, he++) : ge < 0 && (ge = ye.length - 1, he--);
         else if (ge < 0 || ge >= ye.length) return null;
         if (he < -1 || he >= Re.length) return null;
         if (he === -1) {
-          if (!Fe) continue;
-          const We = ye[ge], ut = We.sortable !== !1;
-          if (["__checkbox_col__"].includes(We.field) || ut) return { r: he, c: ge };
+          if (!We) continue;
+          const Fe = ye[ge], ut = Fe.sortable !== !1;
+          if (["__checkbox_col__"].includes(Fe.field) || ut) return { r: he, c: ge };
           continue;
         }
         const Ae = Re[he], Ee = ye[ge], ze = ["__checkbox_col__", "__expand_col__", "__reorder_col__"].includes(Ee.field);
@@ -3925,69 +3924,69 @@ function el(n) {
               rowIndex: he,
               colIndex: ge
             });
-          } catch (We) {
-            console.error("Error in isCellEditable:", We);
+          } catch (Fe) {
+            console.error("Error in isCellEditable:", Fe);
           }
         if (Ke) return { r: he, c: ge };
       }
       return null;
     };
     let se = fe, be = Ce, ae = !1;
-    if (c.key === "Tab") {
-      const G = c.shiftKey ? -1 : 1, me = Ue(fe, Ce, 0, G, !0, !1);
+    if (d.key === "Tab") {
+      const G = d.shiftKey ? -1 : 1, me = Ue(fe, Ce, 0, G, !0, !1);
       me && (se = me.r, be = me.c, ae = !0);
-    } else if (c.key === "ArrowRight") {
+    } else if (d.key === "ArrowRight") {
       const G = qe(fe, Ce, 0, 1, !0, !0);
       G && (se = G.r, be = G.c, ae = !0);
-    } else if (c.key === "ArrowLeft") {
+    } else if (d.key === "ArrowLeft") {
       const G = qe(fe, Ce, 0, -1, !0, !0);
       G && (se = G.r, be = G.c, ae = !0);
-    } else if (c.key === "ArrowDown") {
+    } else if (d.key === "ArrowDown") {
       const G = qe(fe, Ce, 1, 0, !1, !0);
       G && (se = G.r, be = G.c, ae = !0);
-    } else if (c.key === "ArrowUp") {
+    } else if (d.key === "ArrowUp") {
       const G = qe(fe, Ce, -1, 0, !1, !0);
       G && (se = G.r, be = G.c, ae = !0);
-    } else if (c.key === "Home")
-      (c.ctrlKey || c.metaKey) && (se = -1), be = 0, ae = !0;
-    else if (c.key === "End")
-      (c.ctrlKey || c.metaKey) && (se = Re.length - 1), be = ye.length - 1, ae = !0;
-    else if (c.key === "PageUp") {
+    } else if (d.key === "Home")
+      (d.ctrlKey || d.metaKey) && (se = -1), be = 0, ae = !0;
+    else if (d.key === "End")
+      (d.ctrlKey || d.metaKey) && (se = Re.length - 1), be = ye.length - 1, ae = !0;
+    else if (d.key === "PageUp") {
       const G = Me ? xe.pageSize : 10;
       se = Math.max(-1, se - G), ae = !0;
-    } else if (c.key === "PageDown") {
+    } else if (d.key === "PageDown") {
       const G = Me ? xe.pageSize : 10;
       se = Math.min(Re.length - 1, se + G), ae = !0;
     }
-    if (ae && (c.preventDefault(), V && c.key === "Tab" && $e.stopCellEdit(), se >= -1 && se < Re.length && be >= 0 && be < ye.length)) {
+    if (ae && (d.preventDefault(), V && d.key === "Tab" && $e.stopCellEdit(), se >= -1 && se < Re.length && be >= 0 && be < ye.length)) {
       const G = ye[be];
       if (se === -1)
-        Ft({ id: "HEADER", field: G.field });
+        Wt({ id: "HEADER", field: G.field });
       else {
         const me = Re[se];
-        Ft({ id: me.id, field: G.field });
+        Wt({ id: me.id, field: G.field });
       }
       if (Nt.current) {
-        const { cumulativeHeights: me, pinnedTopHeight: je } = Se, { clientHeight: _e, clientWidth: Te, scrollTop: Fe, scrollLeft: he } = Nt.current, ge = se === 0 ? 0 : me[se - 1], xt = me[se], ct = je, Ae = Fe + ct, Ee = Fe + _e;
-        let ze = Fe;
-        if (ge < Ae ? ze = Math.max(0, ge - ct) : xt > Ee && (ze = xt - _e), ze !== Fe && (Nt.current.scrollTop = ze), Se.columnMetrics) {
-          const { leftPinnedWidth: Ke, rightPinnedWidth: We, unpinnedAccWidths: ut, unpinnedCols: Ct, totalSpecialsWidth: mt, pinnedSpecialsWidth: rn } = Se.columnMetrics, Ut = G.field, wt = Ct.findIndex((Je) => Je.field === Ut);
-          if (wt !== -1) {
-            const Je = mt + Ke + (wt > 0 ? ut[wt - 1] : 0), It = mt + Ke + ut[wt], Kt = he + rn + Ke, kt = he + Te - We;
+        const { cumulativeHeights: me, pinnedTopHeight: je } = Se, { clientHeight: _e, clientWidth: Te, scrollTop: We, scrollLeft: he } = Nt.current, ge = se === 0 ? 0 : me[se - 1], mt = me[se], ct = je, Ae = We + ct, Ee = We + _e;
+        let ze = We;
+        if (ge < Ae ? ze = Math.max(0, ge - ct) : mt > Ee && (ze = mt - _e), ze !== We && (Nt.current.scrollTop = ze), Se.columnMetrics) {
+          const { leftPinnedWidth: Ke, rightPinnedWidth: Fe, unpinnedAccWidths: ut, unpinnedCols: kt, totalSpecialsWidth: wt, pinnedSpecialsWidth: rn } = Se.columnMetrics, Ut = G.field, bt = kt.findIndex((Je) => Je.field === Ut);
+          if (bt !== -1) {
+            const Je = wt + Ke + (bt > 0 ? ut[bt - 1] : 0), It = wt + Ke + ut[bt], Kt = he + rn + Ke, St = he + Te - Fe;
             let tt = he;
-            Je < Kt ? tt = Math.max(0, Je - rn - Ke) : It > kt && (tt = It - Te + We), tt !== he && (Nt.current.scrollLeft = tt);
+            Je < Kt ? tt = Math.max(0, Je - rn - Ke) : It > St && (tt = It - Te + Fe), tt !== he && (Nt.current.scrollLeft = tt);
           }
         }
       }
     }
-  }, [Ze, Re, ye, $e, Se, Pe, Vt, on]), br = pe.useMemo(() => Oe.some((c) => !!c.rowSpan), [Oe]), [wn, bn] = pe.useState(!1), Kn = pe.useRef(null);
+  }, [Ze, Re, ye, $e, Se, Pe, Vt, on]), br = pe.useMemo(() => Oe.some((d) => !!d.rowSpan), [Oe]), [wn, bn] = pe.useState(!1), Kn = pe.useRef(null);
   return ee(() => {
     if (!wn || Ie?.toolbar) return;
-    function c(R) {
+    function d(R) {
       const M = document.getElementById("ogx-standalone-col-panel");
       M && !M.contains(R.target) && bn(!1);
     }
-    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
+    return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, [wn, Ie?.toolbar]), /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -4002,7 +4001,7 @@ function el(n) {
       "aria-busy": tn,
       children: [
         oo && (() => {
-          const c = {
+          const d = {
             apiRef: st.apiRef,
             columns: Oe,
             aggregationModel: rt,
@@ -4012,14 +4011,14 @@ function el(n) {
               onPivotModelChange: Yo
             } : {},
             filterModel: Ye,
-            onFilterModelChange: h,
+            onFilterModelChange: f,
             columnVisibilityModel: Qe,
             onColumnVisibilityModelChange: Zt,
             forceColumnsOpen: wn,
             onColumnsPanelClose: () => bn(!1),
             ...ft?.toolbar
           };
-          return /* @__PURE__ */ t.jsx(oo, { ...c });
+          return /* @__PURE__ */ t.jsx(oo, { ...d });
         })(),
         !Ie?.toolbar && wn && Mt.createPortal(
           /* @__PURE__ */ t.jsxs(
@@ -4027,11 +4026,11 @@ function el(n) {
             {
               id: "ogx-standalone-col-panel",
               style: (() => {
-                const c = Kn.current?.getBoundingClientRect();
+                const d = Kn.current?.getBoundingClientRect();
                 return {
                   position: "fixed",
-                  top: c ? c.top + 8 : 16,
-                  right: c ? window.innerWidth - c.right + 8 : 16,
+                  top: d ? d.top + 8 : 16,
+                  right: d ? window.innerWidth - d.right + 8 : 16,
                   zIndex: 9999,
                   display: "inline-block"
                 };
@@ -4069,22 +4068,22 @@ function el(n) {
                   {
                     columns: Oe,
                     visibleColumns: new Set(
-                      Oe.filter((c) => Qe[c.field] !== !1).map((c) => c.field)
+                      Oe.filter((d) => Qe[d.field] !== !1).map((d) => d.field)
                     ),
-                    onVisibilityChange: (c, R) => {
-                      Zt({ ...Qe, [c]: R });
+                    onVisibilityChange: (d, R) => {
+                      Zt({ ...Qe, [d]: R });
                     },
                     onShowAll: () => {
-                      const c = { ...Qe };
+                      const d = { ...Qe };
                       Oe.forEach((R) => {
-                        R.hideable !== !1 && (c[R.field] = !0);
-                      }), Zt(c);
+                        R.hideable !== !1 && (d[R.field] = !0);
+                      }), Zt(d);
                     },
                     onHideAll: () => {
-                      const c = { ...Qe };
+                      const d = { ...Qe };
                       Oe.forEach((R) => {
-                        R.hideable !== !1 && (c[R.field] = !1);
-                      }), Zt(c);
+                        R.hideable !== !1 && (d[R.field] = !1);
+                      }), Zt(d);
                     }
                   }
                 )
@@ -4114,22 +4113,22 @@ function el(n) {
                   /* @__PURE__ */ t.jsx("path", { d: "M3 9h18M9 21V9" })
                 ] }),
                 Nn
-              ] }) : Re.map((c, R) => /* @__PURE__ */ t.jsx(
+              ] }) : Re.map((d, R) => /* @__PURE__ */ t.jsx(
                 Er,
                 {
-                  row: c,
+                  row: d,
                   rowIndex: R,
                   listViewColumn: no,
-                  isSelected: Pe.has(c.id),
+                  isSelected: Pe.has(d.id),
                   checkboxSelection: s,
                   rowHeight: i,
                   onRowClick: (M) => pn({ row: M, id: M.id, rowIndex: R }),
                   onSelectionChange: Vt
                 },
-                c.id
+                d.id
               )) }),
               Me && (() => {
-                const c = Ie?.pagination || ko, R = z === "server" && ie ? ue.pagination.rowCount || 0 : Ve.length, M = {
+                const d = Ie?.pagination || ko, R = z === "server" && ie ? ue.pagination.rowCount || 0 : Ve.length, M = {
                   page: xe.page,
                   pageSize: xe.pageSize,
                   rowCount: R,
@@ -4138,7 +4137,7 @@ function el(n) {
                   onPageSizeChange: (V) => cn({ ...xe, pageSize: V, page: 0 }),
                   ...ft?.pagination
                 };
-                return /* @__PURE__ */ t.jsx(c, { ...M });
+                return /* @__PURE__ */ t.jsx(d, { ...M });
               })()
             ]
           }
@@ -4146,8 +4145,8 @@ function el(n) {
         !an && /* @__PURE__ */ t.jsx(
           "div",
           {
-            ref: (c) => {
-              Nt.current = c, gn.current = c;
+            ref: (d) => {
+              Nt.current = d, gn.current = d;
             },
             className: "ogx__viewport",
             onScroll: gr,
@@ -4158,10 +4157,10 @@ function el(n) {
             "aria-busy": tn,
             tabIndex: 0,
             onKeyDownCapture: () => {
-              Wt(!0);
+              Ft(!0);
             },
             onMouseDownCapture: () => {
-              Wt(!1);
+              Ft(!1);
             },
             onKeyDown: wr,
             onFocus: xr,
@@ -4192,8 +4191,8 @@ function el(n) {
                       columnWidths: at,
                       pinnedColumns: it,
                       focusedCell: Ze,
-                      onHeaderClick: (c) => {
-                        Ft({ id: "HEADER", field: c }), Wt(!1), gn.current?.focus({ preventScroll: !0 });
+                      onHeaderClick: (d) => {
+                        Wt({ id: "HEADER", field: d }), Ft(!1), gn.current?.focus({ preventScroll: !0 });
                       },
                       onDragStart: Et ? void 0 : $t.onDragStart,
                       onDragOver: Et ? void 0 : $t.onDragOver,
@@ -4206,16 +4205,16 @@ function el(n) {
                       pinCheckboxColumn: L,
                       pinExpandColumn: B,
                       aggregationModel: rt,
-                      onHideColumn: (c) => {
+                      onHideColumn: (d) => {
                         Zt({
                           ...Qe,
-                          [c]: !1
+                          [d]: !1
                         });
                       },
                       onManageColumns: () => bn(!0),
-                      onPinColumn: (c, R) => {
-                        const M = [...it?.left ?? []], V = [...it?.right ?? []], le = M.filter((Ce) => Ce !== c), fe = V.filter((Ce) => Ce !== c);
-                        Wn(R === "left" ? { left: [...le, c], right: fe } : R === "right" ? { left: le, right: [...fe, c] } : { left: le, right: fe });
+                      onPinColumn: (d, R) => {
+                        const M = [...it?.left ?? []], V = [...it?.right ?? []], le = M.filter((Ce) => Ce !== d), fe = V.filter((Ce) => Ce !== d);
+                        Fn(R === "left" ? { left: [...le, d], right: fe } : R === "right" ? { left: le, right: [...fe, d] } : { left: le, right: fe });
                       }
                     }
                   ),
@@ -4226,13 +4225,13 @@ function el(n) {
                     ] }),
                     /* @__PURE__ */ t.jsx("span", { children: Nn })
                   ] }),
-                  Xe.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "ogx__pinned-rows ogx__pinned-rows--top", role: "rowgroup", children: Xe.map((c, R) => /* @__PURE__ */ t.jsx(
+                  Xe.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "ogx__pinned-rows ogx__pinned-rows--top", role: "rowgroup", children: Xe.map((d, R) => /* @__PURE__ */ t.jsx(
                     kn,
                     {
-                      row: c,
+                      row: d,
                       columns: Se.virtualColumns,
                       rowIndex: R,
-                      isSelected: Pe.has(c.id),
+                      isSelected: Pe.has(d.id),
                       checkboxSelection: s,
                       onRowClick: pn,
                       onCellClick: Un,
@@ -4241,18 +4240,18 @@ function el(n) {
                       pinnedColumns: it,
                       pinnedRows: y,
                       hasDetailPanel: et,
-                      isDetailPanelExpanded: yt.has(c.id),
-                      detailPanelContent: I ? I({ row: c, id: c.id, rowIndex: R }) : null,
-                      detailPanelHeight: C?.({ row: c, id: c.id, rowIndex: R }) || 200,
+                      isDetailPanelExpanded: Ct.has(d.id),
+                      detailPanelContent: I ? I({ row: d, id: d.id, rowIndex: R }) : null,
+                      detailPanelHeight: C?.({ row: d, id: d.id, rowIndex: R }) || 200,
                       onDetailPanelToggle: on,
                       pinCheckboxColumn: L,
                       pinExpandColumn: B,
-                      focusedCellField: Ze?.id === c.id ? Ze.field : null,
+                      focusedCellField: Ze?.id === d.id ? Ze.field : null,
                       colspanMap: Gt.colspanMap,
                       rowSpanningCaches: Gt.rowSpanningState.caches,
                       rowHeight: i
                     },
-                    c.id
+                    d.id
                   )) }),
                   /* @__PURE__ */ t.jsx(
                     "div",
@@ -4272,7 +4271,7 @@ function el(n) {
                           role: "rowgroup",
                           children: [
                             tn && vo.length === 0 ? (() => {
-                              const c = e.length > 0 ? e : (() => {
+                              const d = e.length > 0 ? e : (() => {
                                 const R = (ue.dimensions.viewportWidth || 1e3) - (s ? 48 : 0) - (I ? 48 : 0) - (D ? 48 : 0), M = 150, V = Math.max(1, Math.ceil(R / M));
                                 return Array.from({ length: V }, (le, fe) => ({
                                   field: `placeholder_${fe}`,
@@ -4283,7 +4282,7 @@ function el(n) {
                               return Array.from({ length: 10 }).map((R, M) => /* @__PURE__ */ t.jsx(
                                 ni,
                                 {
-                                  columns: c,
+                                  columns: d,
                                   rowHeight: i,
                                   checkboxSelection: s,
                                   hasDetailPanel: !!I,
@@ -4291,15 +4290,15 @@ function el(n) {
                                 },
                                 `skeleton-${M}`
                               ));
-                            })() : vo.filter(({ row: c }) => !qn(c.id, y)).filter(
-                              (c, R, M) => R === M.findIndex((V) => V.row.id === c.row.id)
-                            ).map(({ row: c, rowIndex: R }) => /* @__PURE__ */ t.jsx(
+                            })() : vo.filter(({ row: d }) => !qn(d.id, y)).filter(
+                              (d, R, M) => R === M.findIndex((V) => V.row.id === d.row.id)
+                            ).map(({ row: d, rowIndex: R }) => /* @__PURE__ */ t.jsx(
                               kn,
                               {
-                                row: c,
+                                row: d,
                                 columns: Se.virtualColumns,
                                 rowIndex: R,
-                                isSelected: Pe.has(c.id),
+                                isSelected: Pe.has(d.id),
                                 checkboxSelection: s,
                                 onRowClick: pn,
                                 onCellClick: Un,
@@ -4308,9 +4307,9 @@ function el(n) {
                                 pinnedColumns: it,
                                 pinnedRows: y,
                                 hasDetailPanel: et,
-                                isDetailPanelExpanded: yt.has(c.id),
-                                detailPanelContent: I ? I({ row: c, id: c.id, rowIndex: R }) : null,
-                                detailPanelHeight: C?.({ row: c, id: c.id, rowIndex: R }) || 200,
+                                isDetailPanelExpanded: Ct.has(d.id),
+                                detailPanelContent: I ? I({ row: d, id: d.id, rowIndex: R }) : null,
+                                detailPanelHeight: C?.({ row: d, id: d.id, rowIndex: R }) || 200,
                                 onDetailPanelToggle: on,
                                 pinCheckboxColumn: L,
                                 pinExpandColumn: B,
@@ -4319,22 +4318,22 @@ function el(n) {
                                 onDragOver: Dt.onDragOver,
                                 onDragEnd: Dt.onDragEnd,
                                 onDrop: Dt.onDrop,
-                                isDragging: Dt.draggedRowId === c.id,
-                                isDragOver: Dt.dragOverRowId === c.id,
+                                isDragging: Dt.draggedRowId === d.id,
+                                isDragOver: Dt.dragOverRowId === d.id,
                                 editingCell: $e.editingCell,
                                 onEditStart: $e.startCellEdit,
                                 onEditStop: $e.stopCellEdit,
                                 onEditCellValueChange: $e.setEditCellValue,
-                                focusedCellField: Ze != null && Ze.id === c.id ? Ze.field : null,
+                                focusedCellField: Ze != null && Ze.id === d.id ? Ze.field : null,
                                 colspanMap: Gt.colspanMap,
                                 rowSpanningCaches: Gt.rowSpanningState.caches,
                                 rowHeight: i
                               },
-                              `${c.id}-${Se.totalWidth}`
+                              `${d.id}-${Se.totalWidth}`
                             )),
                             z === "infinite" && ue.dataSource.loading && Le.length > 0 && (() => {
-                              const c = Math.min(xe.pageSize, 20), R = Vn.unpinnedRowsLength;
-                              return /* @__PURE__ */ t.jsx("div", { className: "ogx__skeleton-group", children: Array.from({ length: c }).map((M, V) => /* @__PURE__ */ t.jsx(
+                              const d = Math.min(xe.pageSize, 20), R = Vn.unpinnedRowsLength;
+                              return /* @__PURE__ */ t.jsx("div", { className: "ogx__skeleton-group", children: Array.from({ length: d }).map((M, V) => /* @__PURE__ */ t.jsx(
                                 kn,
                                 {
                                   row: { id: `__skeleton_${V}__`, _isSkeleton: !0 },
@@ -4350,13 +4349,13 @@ function el(n) {
                       )
                     }
                   ),
-                  dt.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "ogx__pinned-rows ogx__pinned-rows--bottom", role: "rowgroup", children: dt.map((c, R) => /* @__PURE__ */ t.jsx(
+                  dt.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "ogx__pinned-rows ogx__pinned-rows--bottom", role: "rowgroup", children: dt.map((d, R) => /* @__PURE__ */ t.jsx(
                     kn,
                     {
-                      row: c,
+                      row: d,
                       columns: Se.virtualColumns,
                       rowIndex: R,
-                      isSelected: Pe.has(c.id),
+                      isSelected: Pe.has(d.id),
                       checkboxSelection: s,
                       onRowClick: pn,
                       onCellClick: Un,
@@ -4365,18 +4364,18 @@ function el(n) {
                       pinnedColumns: it,
                       pinnedRows: y,
                       hasDetailPanel: et,
-                      isDetailPanelExpanded: yt.has(c.id),
-                      detailPanelContent: I ? I({ row: c, id: c.id, rowIndex: R }) : null,
-                      detailPanelHeight: C?.({ row: c, id: c.id, rowIndex: R }) || 200,
+                      isDetailPanelExpanded: Ct.has(d.id),
+                      detailPanelContent: I ? I({ row: d, id: d.id, rowIndex: R }) : null,
+                      detailPanelHeight: C?.({ row: d, id: d.id, rowIndex: R }) || 200,
                       onDetailPanelToggle: on,
                       pinCheckboxColumn: L,
                       pinExpandColumn: B,
-                      focusedCellField: Ze?.id === c.id ? Ze.field : null,
+                      focusedCellField: Ze?.id === d.id ? Ze.field : null,
                       colspanMap: Gt.colspanMap,
                       rowSpanningCaches: Gt.rowSpanningState.caches,
                       rowHeight: i
                     },
-                    c.id
+                    d.id
                   )) }),
                   mn && /* @__PURE__ */ t.jsxs(
                     "div",
@@ -4392,8 +4391,8 @@ function el(n) {
                         s && /* @__PURE__ */ t.jsx("div", { style: { width: 48, flexShrink: 0 } }),
                         et && /* @__PURE__ */ t.jsx("div", { style: { width: 48, flexShrink: 0 } }),
                         D && /* @__PURE__ */ t.jsx("div", { style: { width: 48, flexShrink: 0 } }),
-                        Bt.map((c) => {
-                          const R = rt[c.field], M = Gn[c.field], V = at[c.field] ?? (typeof c.width == "number" ? c.width : 120);
+                        Bt.map((d) => {
+                          const R = rt[d.field], M = Gn[d.field], V = at[d.field] ?? (typeof d.width == "number" ? d.width : 120);
                           return /* @__PURE__ */ t.jsx(
                             "div",
                             {
@@ -4403,14 +4402,14 @@ function el(n) {
                                 width: V,
                                 minWidth: V,
                                 maxWidth: V,
-                                textAlign: c.align || "left"
+                                textAlign: d.align || "left"
                               },
                               children: R ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                                 /* @__PURE__ */ t.jsx("span", { className: "ogx__aggregation-label", children: R }),
                                 /* @__PURE__ */ t.jsx("span", { className: "ogx__aggregation-value", children: Pt(M, R) })
                               ] }) : null
                             },
-                            c.field
+                            d.field
                           );
                         })
                       ]
@@ -4422,7 +4421,7 @@ function el(n) {
           }
         ),
         !an && Me && (() => {
-          const c = Ie?.pagination || ko, R = {
+          const d = Ie?.pagination || ko, R = {
             page: xe.page,
             pageSize: xe.pageSize,
             rowCount: ue.pagination.rowCount,
@@ -4431,7 +4430,7 @@ function el(n) {
             onPageSizeChange: (M) => cn({ ...xe, pageSize: M, page: 0 }),
             ...ft?.pagination
           };
-          return /* @__PURE__ */ t.jsx(c, { ...R });
+          return /* @__PURE__ */ t.jsx(d, { ...R });
         })(),
         /* @__PURE__ */ t.jsxs("div", { className: "ogx-aria-live-status", role: "status", "aria-live": "polite", children: [
           tn ? "Loading data..." : "",
@@ -4467,24 +4466,24 @@ function Ei(n, o) {
   return n.find((e) => "field" in e && e.field === o);
 }
 const Ni = ({ col: n, item: o, onChange: e }) => {
-  const r = gi(n.type), i = !!o, l = o?.operator ?? r[0], a = (d) => {
-    const h = So.has(d), w = {
+  const r = gi(n.type), i = !!o, l = o?.operator ?? r[0], a = (c) => {
+    const f = So.has(c), w = {
       id: o?.id ?? `${n.field}-${Date.now()}`,
       field: n.field,
-      operator: d,
-      value: h ? void 0 : o?.value ?? (n.type === "boolean" ? "true" : "")
+      operator: c,
+      value: f ? void 0 : o?.value ?? (n.type === "boolean" ? "true" : "")
     };
     e(w);
-  }, s = (d) => {
+  }, s = (c) => {
     e({
       id: o?.id ?? `${n.field}-${Date.now()}`,
       field: n.field,
       operator: l,
-      value: d
+      value: c
     });
-  }, u = () => {
+  }, g = () => {
     e(null);
-  }, g = So.has(String(l)), f = n.type === "boolean", m = !g;
+  }, u = So.has(String(l)), h = n.type === "boolean", m = !u;
   return /* @__PURE__ */ t.jsxs("div", { className: `ogx-filter__row${i ? " ogx-filter__row--active" : ""}`, children: [
     /* @__PURE__ */ t.jsx("span", { className: "ogx-filter__col-label", title: n.field, children: n.headerName || n.field }),
     /* @__PURE__ */ t.jsxs("div", { className: "ogx-filter__controls", children: [
@@ -4495,19 +4494,19 @@ const Ni = ({ col: n, item: o, onChange: e }) => {
           name: `filter-op-${n.field}`,
           className: `ogx-filter__op-select${i ? " ogx-filter__op-select--active" : ""}`,
           value: String(l),
-          onChange: (d) => a(d.target.value),
+          onChange: (c) => a(c.target.value),
           "aria-label": `Filter operator for ${n.headerName || n.field}`,
-          children: r.map((d) => /* @__PURE__ */ t.jsx("option", { value: d, children: d }, d))
+          children: r.map((c) => /* @__PURE__ */ t.jsx("option", { value: c, children: c }, c))
         }
       ),
-      m && f && /* @__PURE__ */ t.jsxs(
+      m && h && /* @__PURE__ */ t.jsxs(
         "select",
         {
           id: `ogx-filter-val-${n.field}`,
           name: `filter-val-${n.field}`,
           className: `ogx-filter__value-input ogx-filter__value-select${i ? " ogx-filter__value-input--active" : ""}`,
           value: String(o?.value ?? "true"),
-          onChange: (d) => s(d.target.value),
+          onChange: (c) => s(c.target.value),
           "aria-label": `Filter value for ${n.headerName || n.field}`,
           children: [
             /* @__PURE__ */ t.jsx("option", { value: "true", children: "true" }),
@@ -4515,7 +4514,7 @@ const Ni = ({ col: n, item: o, onChange: e }) => {
           ]
         }
       ),
-      m && !f && /* @__PURE__ */ t.jsx(
+      m && !h && /* @__PURE__ */ t.jsx(
         "input",
         {
           id: `ogx-filter-val-${n.field}`,
@@ -4523,7 +4522,7 @@ const Ni = ({ col: n, item: o, onChange: e }) => {
           className: `ogx-filter__value-input${i ? " ogx-filter__value-input--active" : ""}`,
           type: n.type === "number" ? "number" : "text",
           value: o?.value ?? "",
-          onChange: (d) => s(d.target.value),
+          onChange: (c) => s(c.target.value),
           placeholder: "Value…",
           "aria-label": `Filter value for ${n.headerName || n.field}`
         }
@@ -4532,7 +4531,7 @@ const Ni = ({ col: n, item: o, onChange: e }) => {
         "button",
         {
           className: "ogx-filter__row-clear",
-          onClick: u,
+          onClick: g,
           "aria-label": `Clear filter for ${n.headerName || n.field}`,
           title: "Clear",
           children: "×"
@@ -4541,12 +4540,12 @@ const Ni = ({ col: n, item: o, onChange: e }) => {
     ] })
   ] });
 }, Ii = ({ filterModel: n, columns: o, onFilterModelChange: e }) => {
-  const r = n.items ?? [], i = n.logicOperator ?? "and", l = W((u, g) => {
-    const f = r.filter((d) => "field" in d && d.field !== u), m = g ? [...f, g] : f;
+  const r = n.items ?? [], i = n.logicOperator ?? "and", l = F((g, u) => {
+    const h = r.filter((c) => "field" in c && c.field !== g), m = u ? [...h, u] : h;
     e({ ...n, items: m });
-  }, [r, n, e]), a = W((u) => {
-    e({ ...n, logicOperator: u });
-  }, [n, e]), s = o.filter((u) => u.filterable !== !1);
+  }, [r, n, e]), a = F((g) => {
+    e({ ...n, logicOperator: g });
+  }, [n, e]), s = o.filter((g) => g.filterable !== !1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     r.length > 1 && /* @__PURE__ */ t.jsxs("div", { className: "ogx-filter__logic-bar", children: [
       /* @__PURE__ */ t.jsx("span", { className: "ogx-filter__logic-label", children: "Match:" }),
@@ -4569,14 +4568,14 @@ const Ni = ({ col: n, item: o, onChange: e }) => {
         }
       )
     ] }),
-    s.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "ogx-filter__empty", children: "No filterable columns." }) : s.map((u) => /* @__PURE__ */ t.jsx(
+    s.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "ogx-filter__empty", children: "No filterable columns." }) : s.map((g) => /* @__PURE__ */ t.jsx(
       Ni,
       {
-        col: u,
-        item: Ei(r, u.field),
-        onChange: (g) => l(u.field, g)
+        col: g,
+        item: Ei(r, g.field),
+        onChange: (u) => l(g.field, u)
       },
-      u.field
+      g.field
     ))
   ] });
 }, Pi = ["sum", "avg", "count", "min", "max"];
@@ -4604,18 +4603,18 @@ function Po() {
   );
 }
 function Mi({ anchorRef: n, columns: o, model: e, onChange: r, onClose: i }) {
-  const l = ne(null), [a, s] = Q({ top: 0, right: 0 }), u = W(() => {
+  const l = ne(null), [a, s] = Q({ top: 0, right: 0 }), g = F(() => {
     if (!n.current) return { top: 0, right: 0 };
     const p = n.current.getBoundingClientRect();
     return { top: p.bottom + 6, right: window.innerWidth - p.right };
   }, [n]);
   ee(() => {
-    s(u());
-    const p = () => s(u());
+    s(g());
+    const p = () => s(g());
     return window.addEventListener("scroll", p, !0), window.addEventListener("resize", p), () => {
       window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", p);
     };
-  }, [u]), ee(() => {
+  }, [g]), ee(() => {
     function p(L) {
       l.current && !l.current.contains(L.target) && n.current && !n.current.contains(L.target) && i();
     }
@@ -4626,12 +4625,12 @@ function Mi({ anchorRef: n, columns: o, model: e, onChange: r, onClose: i }) {
       document.removeEventListener("mousedown", p), document.removeEventListener("keydown", k);
     };
   }, [n, i]);
-  const g = new Set(e.rowFields), f = new Set(e.columnFields), m = new Set(e.valueFields.map((p) => p.field)), d = (p) => g.has(p) || f.has(p) || m.has(p);
-  function h(p) {
-    g.has(p) || r({ ...e, rowFields: [...e.rowFields, p] });
+  const u = new Set(e.rowFields), h = new Set(e.columnFields), m = new Set(e.valueFields.map((p) => p.field)), c = (p) => u.has(p) || h.has(p) || m.has(p);
+  function f(p) {
+    u.has(p) || r({ ...e, rowFields: [...e.rowFields, p] });
   }
   function w(p) {
-    f.has(p) || r({ ...e, columnFields: [...e.columnFields, p] });
+    h.has(p) || r({ ...e, columnFields: [...e.columnFields, p] });
   }
   function x(p, k = "sum") {
     m.has(p) || r({ ...e, valueFields: [...e.valueFields, { field: p, aggFn: k }] });
@@ -4738,16 +4737,16 @@ function Mi({ anchorRef: n, columns: o, model: e, onChange: r, onClose: i }) {
             /* @__PURE__ */ t.jsxs("div", { className: "ogx-pivot-fields", children: [
               o.map((p) => {
                 const k = S.has(p.field);
-                return d(p.field) ? null : /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 3 }, children: [
+                return c(p.field) ? null : /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 3 }, children: [
                   /* @__PURE__ */ t.jsx("span", { className: `ogx-pivot-field-btn${k ? " ogx-pivot-field-btn--numeric" : ""}`, children: p.headerName ?? p.field }),
                   /* @__PURE__ */ t.jsxs("div", { className: "ogx-pivot-field-actions", children: [
-                    /* @__PURE__ */ t.jsx("button", { className: "ogx-pivot-add-btn ogx-pivot-add-btn--row", onClick: () => h(p.field), title: "Add to Row Fields", children: "Row" }),
+                    /* @__PURE__ */ t.jsx("button", { className: "ogx-pivot-add-btn ogx-pivot-add-btn--row", onClick: () => f(p.field), title: "Add to Row Fields", children: "Row" }),
                     /* @__PURE__ */ t.jsx("button", { className: "ogx-pivot-add-btn ogx-pivot-add-btn--col", onClick: () => w(p.field), title: "Add to Column Fields", children: "Col" }),
                     k && /* @__PURE__ */ t.jsx("button", { className: "ogx-pivot-add-btn ogx-pivot-add-btn--value", onClick: () => x(p.field), title: "Add to Value Fields", children: "Val" })
                   ] })
                 ] }, p.field);
               }),
-              o.every((p) => d(p.field)) && /* @__PURE__ */ t.jsx("span", { style: { fontSize: 12, color: "var(--ogx-color-gray-400, #94a3b8)" }, children: "All fields are in use." })
+              o.every((p) => c(p.field)) && /* @__PURE__ */ t.jsx("span", { style: { fontSize: 12, color: "var(--ogx-color-gray-400, #94a3b8)" }, children: "All fields are in use." })
             ] })
           ] })
         ] })
@@ -4768,49 +4767,49 @@ function Ti() {
     /* @__PURE__ */ t.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
   ] });
 }
-function Fi({ value: n = "", onChange: o, placeholder: e = "Search...", debounceMs: r = 250 }) {
-  const [i, l] = Q(!1), [a, s] = Q(n), u = ne(null), g = ne(null);
+function Wi({ value: n = "", onChange: o, placeholder: e = "Search...", debounceMs: r = 250 }) {
+  const [i, l] = Q(!1), [a, s] = Q(n), g = ne(null), u = ne(null);
   ee(() => {
     s(n), n && !i && l(!0);
   }, [n, i]), ee(() => {
-    const h = setTimeout(() => {
+    const f = setTimeout(() => {
       a !== n && o(a);
     }, r);
-    return () => clearTimeout(h);
+    return () => clearTimeout(f);
   }, [a, o, r, n]);
-  const f = () => {
+  const h = () => {
     l(!0);
-  }, m = (h) => {
-    h.stopPropagation(), s(""), u.current?.focus(), o("");
-  }, d = () => {
+  }, m = (f) => {
+    f.stopPropagation(), s(""), g.current?.focus(), o("");
+  }, c = () => {
     a || l(!1);
   };
   return ee(() => {
-    const h = (w) => {
-      g.current && !g.current.contains(w.target) && (a || l(!1));
+    const f = (w) => {
+      u.current && !u.current.contains(w.target) && (a || l(!1));
     };
-    return document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
+    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
   }, [a]), /* @__PURE__ */ t.jsxs(
     "div",
     {
-      ref: g,
+      ref: u,
       className: `ogx-global-search${i ? " ogx-global-search--expanded" : ""}`,
       onClick: () => {
-        i || (l(!0), setTimeout(() => u.current?.focus(), 50));
+        i || (l(!0), setTimeout(() => g.current?.focus(), 50));
       },
       children: [
         /* @__PURE__ */ t.jsx("div", { className: "ogx-global-search__icon-wrapper", children: /* @__PURE__ */ t.jsx(Li, {}) }),
         /* @__PURE__ */ t.jsx(
           "input",
           {
-            ref: u,
+            ref: g,
             id: "ogx-global-search-input",
             name: "ogx-global-search",
             className: "ogx-global-search__input",
             value: a,
-            onChange: (h) => s(h.target.value),
-            onFocus: f,
-            onBlur: d,
+            onChange: (f) => s(f.target.value),
+            onFocus: h,
+            onBlur: c,
             placeholder: e,
             "aria-label": "Global Search",
             autoComplete: "off"
@@ -4828,26 +4827,26 @@ function jn({
   enterDelay: r = 200,
   leaveDelay: i = 0
 }) {
-  const [l, a] = Q(!1), [s, u] = Q({ top: 0, left: 0 }), g = ne(null), f = ne(null), m = W(() => {
-    if (!f.current) return;
-    const x = f.current.getBoundingClientRect();
+  const [l, a] = Q(!1), [s, g] = Q({ top: 0, left: 0 }), u = ne(null), h = ne(null), m = F(() => {
+    if (!h.current) return;
+    const x = h.current.getBoundingClientRect();
     let N = 0, E = 0;
     const j = window.pageXOffset || document.documentElement.scrollLeft, _ = window.pageYOffset || document.documentElement.scrollTop;
-    e === "top" ? (N = x.top + _ - 8, E = x.left + j + x.width / 2) : e === "bottom" && (N = x.bottom + _ + 8, E = x.left + j + x.width / 2), u({ top: N, left: E });
+    e === "top" ? (N = x.top + _ - 8, E = x.left + j + x.width / 2) : e === "bottom" && (N = x.bottom + _ + 8, E = x.left + j + x.width / 2), g({ top: N, left: E });
   }, [e]);
   kr(() => (l && (m(), window.addEventListener("scroll", m, !0), window.addEventListener("resize", m)), () => {
     window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", m);
   }), [l, m]);
-  const d = () => {
-    g.current && clearTimeout(g.current), g.current = setTimeout(() => {
+  const c = () => {
+    u.current && clearTimeout(u.current), u.current = setTimeout(() => {
       a(!0);
     }, r);
-  }, h = () => {
-    g.current && clearTimeout(g.current), g.current = setTimeout(() => {
+  }, f = () => {
+    u.current && clearTimeout(u.current), u.current = setTimeout(() => {
       a(!1);
     }, i);
-  }, w = W((x) => {
-    f.current = x ? x.firstElementChild ?? x : null;
+  }, w = F((x) => {
+    h.current = x ? x.firstElementChild ?? x : null;
   }, []);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
@@ -4855,8 +4854,8 @@ function jn({
       {
         ref: w,
         style: { display: "inline-block", lineHeight: 0 },
-        onMouseEnter: d,
-        onMouseLeave: h,
+        onMouseEnter: c,
+        onMouseLeave: f,
         children: o
       }
     ),
@@ -4878,7 +4877,7 @@ function jn({
     )
   ] });
 }
-const Wi = ["none", "sum", "avg", "count", "min", "max"];
+const Fi = ["none", "sum", "avg", "count", "min", "max"];
 function Mo() {
   return /* @__PURE__ */ t.jsx(
     "svg",
@@ -4918,30 +4917,30 @@ function Ai({
   onClose: l,
   activeCount: a
 }) {
-  const s = ne(null), [u, g] = Q({ top: 0, right: 0 }), f = W(() => {
+  const s = ne(null), [g, u] = Q({ top: 0, right: 0 }), h = F(() => {
     if (!n.current) return { top: 0, right: 0 };
-    const d = n.current.getBoundingClientRect();
+    const c = n.current.getBoundingClientRect();
     return {
-      top: d.bottom + 6,
-      right: window.innerWidth - d.right
+      top: c.bottom + 6,
+      right: window.innerWidth - c.right
     };
   }, [n]);
   ee(() => {
-    g(f());
-    const d = () => g(f());
-    return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
-      window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
+    u(h());
+    const c = () => u(h());
+    return window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
+      window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
-  }, [f]), ee(() => {
-    function d(h) {
-      s.current && !s.current.contains(h.target) && n.current && !n.current.contains(h.target) && l();
+  }, [h]), ee(() => {
+    function c(f) {
+      s.current && !s.current.contains(f.target) && n.current && !n.current.contains(f.target) && l();
     }
-    return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
+    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
   }, [n, l]), ee(() => {
-    function d(h) {
-      h.key === "Escape" && l();
+    function c(f) {
+      f.key === "Escape" && l();
     }
-    return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
+    return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
   }, [l]);
   const m = /* @__PURE__ */ t.jsxs(
     "div",
@@ -4950,7 +4949,7 @@ function Ai({
       className: "ogx-toolbar__panel",
       role: "dialog",
       "aria-label": "Summaries configuration",
-      style: { top: u.top, right: u.right, width: 400, maxWidth: "calc(100vw - 24px)" },
+      style: { top: g.top, right: g.right, width: 400, maxWidth: "calc(100vw - 24px)" },
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: "ogx-toolbar__panel-header", children: [
           /* @__PURE__ */ t.jsxs("span", { className: "ogx-toolbar__panel-title", children: [
@@ -4973,21 +4972,21 @@ function Ai({
           "Set ",
           /* @__PURE__ */ t.jsx("code", { children: "aggregable: true" }),
           " on a column to enable."
-        ] }) : e.map((d) => {
-          const h = o[d.field] || "none";
+        ] }) : e.map((c) => {
+          const f = o[c.field] || "none";
           return /* @__PURE__ */ t.jsxs("div", { className: "ogx-toolbar__agg-row", children: [
-            /* @__PURE__ */ t.jsx("span", { className: "ogx-toolbar__agg-label", title: d.field, children: d.headerName || d.field }),
-            /* @__PURE__ */ t.jsx("div", { className: "ogx-toolbar__agg-pills", children: Wi.map((w) => /* @__PURE__ */ t.jsx(
+            /* @__PURE__ */ t.jsx("span", { className: "ogx-toolbar__agg-label", title: c.field, children: c.headerName || c.field }),
+            /* @__PURE__ */ t.jsx("div", { className: "ogx-toolbar__agg-pills", children: Fi.map((w) => /* @__PURE__ */ t.jsx(
               "button",
               {
-                className: `ogx-toolbar__pill${h === w ? " ogx-toolbar__pill--active" : ""}`,
-                onClick: () => r(d.field, w),
-                "aria-pressed": h === w,
+                className: `ogx-toolbar__pill${f === w ? " ogx-toolbar__pill--active" : ""}`,
+                onClick: () => r(c.field, w),
+                "aria-pressed": f === w,
                 children: w
               },
               w
             )) })
-          ] }, d.field);
+          ] }, c.field);
         }) })
       ]
     }
@@ -5003,25 +5002,25 @@ function zi({
   onHideAll: l,
   onClose: a
 }) {
-  const s = ne(null), [u, g] = Q({ top: 0, right: 0 }), f = W(() => {
+  const s = ne(null), [g, u] = Q({ top: 0, right: 0 }), h = F(() => {
     if (!n.current) return { top: 0, right: 0 };
-    const d = n.current.getBoundingClientRect();
+    const c = n.current.getBoundingClientRect();
     return {
-      top: d.bottom + 6,
-      right: window.innerWidth - d.right
+      top: c.bottom + 6,
+      right: window.innerWidth - c.right
     };
   }, [n]);
   ee(() => {
-    g(f());
-    const d = () => g(f());
-    return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
-      window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
+    u(h());
+    const c = () => u(h());
+    return window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
+      window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
-  }, [f]), ee(() => {
-    function d(h) {
-      s.current && !s.current.contains(h.target) && n.current && !n.current.contains(h.target) && a();
+  }, [h]), ee(() => {
+    function c(f) {
+      s.current && !s.current.contains(f.target) && n.current && !n.current.contains(f.target) && a();
     }
-    return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
+    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
   }, [n, a]);
   const m = /* @__PURE__ */ t.jsx(
     "div",
@@ -5030,7 +5029,7 @@ function zi({
       className: "ogx-toolbar__panel",
       role: "dialog",
       "aria-label": "Column visibility",
-      style: { top: u.top, right: u.right, width: 280, padding: 0 },
+      style: { top: g.top, right: g.right, width: 280, padding: 0 },
       children: /* @__PURE__ */ t.jsx(
         Io,
         {
@@ -5052,32 +5051,32 @@ function Bi({
   onFilterModelChange: r,
   onClose: i
 }) {
-  const l = ne(null), [a, s] = Q({ top: 0, right: 0 }), u = W(() => {
+  const l = ne(null), [a, s] = Q({ top: 0, right: 0 }), g = F(() => {
     if (!n.current) return { top: 0, right: 0 };
-    const d = n.current.getBoundingClientRect();
+    const c = n.current.getBoundingClientRect();
     return {
-      top: d.bottom + 6,
-      right: window.innerWidth - d.right
+      top: c.bottom + 6,
+      right: window.innerWidth - c.right
     };
   }, [n]);
   ee(() => {
-    s(u());
-    const d = () => s(u());
-    return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
-      window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
+    s(g());
+    const c = () => s(g());
+    return window.addEventListener("scroll", c, !0), window.addEventListener("resize", c), () => {
+      window.removeEventListener("scroll", c, !0), window.removeEventListener("resize", c);
     };
-  }, [u]), ee(() => {
-    function d(w) {
+  }, [g]), ee(() => {
+    function c(w) {
       l.current && !l.current.contains(w.target) && n.current && !n.current.contains(w.target) && i();
     }
-    function h(w) {
+    function f(w) {
       w.key === "Escape" && i();
     }
-    return document.addEventListener("mousedown", d), document.addEventListener("keydown", h), () => {
-      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", h);
+    return document.addEventListener("mousedown", c), document.addEventListener("keydown", f), () => {
+      document.removeEventListener("mousedown", c), document.removeEventListener("keydown", f);
     };
   }, [n, i]);
-  const g = e.items?.length ?? 0, f = () => {
+  const u = e.items?.length ?? 0, h = () => {
     r({ ...e, items: [], logicOperator: "and" });
   }, m = /* @__PURE__ */ t.jsxs(
     "div",
@@ -5092,13 +5091,13 @@ function Bi({
           /* @__PURE__ */ t.jsxs("span", { className: "ogx-toolbar__panel-title", children: [
             /* @__PURE__ */ t.jsx(Lo, {}),
             "Filters",
-            g > 0 && /* @__PURE__ */ t.jsx("span", { className: "ogx-toolbar__panel-count", children: g })
+            u > 0 && /* @__PURE__ */ t.jsx("span", { className: "ogx-toolbar__panel-count", children: u })
           ] }),
-          g > 0 && /* @__PURE__ */ t.jsx(
+          u > 0 && /* @__PURE__ */ t.jsx(
             "button",
             {
               className: "ogx-toolbar__clear-btn",
-              onClick: f,
+              onClick: h,
               title: "Clear all filters",
               children: "Clear all"
             }
@@ -5127,31 +5126,31 @@ function nl({
   filterModel: l,
   onFilterModelChange: a,
   columnVisibilityModel: s = {},
-  onColumnVisibilityModelChange: u,
-  forceColumnsOpen: g,
-  onColumnsPanelClose: f,
+  onColumnVisibilityModelChange: g,
+  forceColumnsOpen: u,
+  onColumnsPanelClose: h,
   children: m,
-  rightContent: d,
-  style: h
+  rightContent: c,
+  style: f
 }) {
   const [w, x] = Q(!1), [N, E] = Q(!1), [j, _] = Q(!1), [v, S] = Q(!1);
   ee(() => {
-    g && (_(!0), x(!1), E(!1), S(!1));
-  }, [g]);
+    u && (_(!0), x(!1), E(!1), S(!1));
+  }, [u]);
   const y = ne(null), I = ne(null), C = ne(null), p = ne(null), k = r ?? $i, L = k.rowFields.length > 0 || k.columnFields.length > 0 || k.valueFields.length > 0, B = n.filter(
     (T) => T.aggregable !== !1 && (T.type === "number" || T.aggregable === !0)
   ), Y = Object.keys(o).filter(
     (T) => o[T] && o[T] !== "none"
-  ).length, $ = W(
+  ).length, $ = F(
     (T, A) => {
       if (!e) return;
       const O = { ...o };
       A === "none" ? delete O[T] : O[T] = A, e(O);
     },
     [o, e]
-  ), K = W(() => {
+  ), K = F(() => {
     e?.({});
-  }, [e]), q = W((T) => {
+  }, [e]), q = F((T) => {
     if (!a) return;
     const O = {
       ...l || {},
@@ -5161,36 +5160,36 @@ function nl({
     a(O);
   }, [l, a]), D = l?.quickFilterValues?.[0] || "", te = l?.items?.length || 0, J = new Set(
     n.filter((T) => s[T.field] !== !1).map((T) => T.field)
-  ), we = W((T, A) => {
-    if (!u) return;
+  ), we = F((T, A) => {
+    if (!g) return;
     const O = { ...s, [T]: A };
-    u(O);
-  }, [s, u]), b = W(() => {
-    if (!u) return;
+    g(O);
+  }, [s, g]), b = F(() => {
+    if (!g) return;
     const T = { ...s };
     n.forEach((A) => {
       A.hideable !== !1 && (T[A.field] = !0);
-    }), u(T);
-  }, [n, s, u]), H = W(() => {
-    if (!u) return;
+    }), g(T);
+  }, [n, s, g]), H = F(() => {
+    if (!g) return;
     const T = { ...s };
     n.forEach((A) => {
       A.hideable !== !1 && (T[A.field] = !1);
-    }), u(T);
-  }, [n, s, u]);
-  return /* @__PURE__ */ t.jsxs("div", { className: "ogx-toolbar", role: "toolbar", "aria-label": "Grid toolbar", style: h, children: [
+    }), g(T);
+  }, [n, s, g]);
+  return /* @__PURE__ */ t.jsxs("div", { className: "ogx-toolbar", role: "toolbar", "aria-label": "Grid toolbar", style: f, children: [
     m && /* @__PURE__ */ t.jsx("div", { className: "ogx-toolbar__left", children: m }),
     /* @__PURE__ */ t.jsx("div", { className: "ogx-toolbar__spacer" }),
     /* @__PURE__ */ t.jsxs("div", { className: "ogx-toolbar__actions", children: [
       a && /* @__PURE__ */ t.jsx("div", { className: "ogx-toolbar__dropdown-wrapper", style: { marginRight: 4 }, children: /* @__PURE__ */ t.jsx(
-        Fi,
+        Wi,
         {
           value: D,
           onChange: q,
           placeholder: "Search..."
         }
       ) }),
-      u && /* @__PURE__ */ t.jsxs("div", { className: "ogx-toolbar__dropdown-wrapper", style: { marginRight: 4 }, children: [
+      g && /* @__PURE__ */ t.jsxs("div", { className: "ogx-toolbar__dropdown-wrapper", style: { marginRight: 4 }, children: [
         /* @__PURE__ */ t.jsx(jn, { title: "Columns", children: /* @__PURE__ */ t.jsx(
           "button",
           {
@@ -5213,7 +5212,7 @@ function nl({
             onShowAll: b,
             onHideAll: H,
             onClose: () => {
-              _(!1), f?.();
+              _(!1), h?.();
             }
           }
         )
@@ -5309,7 +5308,7 @@ function nl({
           }
         )
       ] }),
-      d
+      c
     ] })
   ] });
 }
@@ -5349,41 +5348,41 @@ function il(n, o, e = {}) {
     includeHeaders: i = !0,
     delimiter: l = ",",
     selectedRows: a
-  } = e, s = a && a.length > 0 ? n.filter((f) => a.includes(f.id)) : n;
+  } = e, s = a && a.length > 0 ? n.filter((h) => a.includes(h.id)) : n;
   if (s.length === 0) {
     console.warn("No rows to export");
     return;
   }
-  const u = o.filter((f) => !(f.field === "__check__" || f.field === "__actions__"));
-  let g = "";
+  const g = o.filter((h) => !(h.field === "__check__" || h.field === "__actions__"));
+  let u = "";
   if (i) {
-    const f = u.map((m) => Jt(m.headerName || m.field));
-    g += f.join(l) + `
+    const h = g.map((m) => Jt(m.headerName || m.field));
+    u += h.join(l) + `
 `;
   }
-  if (s.forEach((f) => {
-    const m = u.map((d) => {
-      let h = f[d.field];
-      return d.valueGetter && (h = d.valueGetter({ row: f, field: d.field, value: h })), d.valueFormatter && h !== void 0 && h !== null && (h = d.valueFormatter({ value: h, row: f, field: d.field })), Jt(String(h ?? ""));
+  if (s.forEach((h) => {
+    const m = g.map((c) => {
+      let f = h[c.field];
+      return c.valueGetter && (f = c.valueGetter({ row: h, field: c.field, value: f })), c.valueFormatter && f !== void 0 && f !== null && (f = c.valueFormatter({ value: f, row: h, field: c.field })), Jt(String(f ?? ""));
     });
-    g += m.join(l) + `
+    u += m.join(l) + `
 `;
   }), e.aggregationResult) {
-    const f = e.aggregationResult, m = e.aggregationModel || {}, d = u.map((w) => m[w.field] ? Jt(m[w.field].toUpperCase()) : Jt(""));
-    g += d.join(l) + `
+    const h = e.aggregationResult, m = e.aggregationModel || {}, c = g.map((w) => m[w.field] ? Jt(m[w.field].toUpperCase()) : Jt(""));
+    u += c.join(l) + `
 `;
-    const h = u.map((w) => {
-      const x = f[w.field];
+    const f = g.map((w) => {
+      const x = h[w.field];
       if (x != null) {
         let N = x;
         return w.valueFormatter ? N = w.valueFormatter({ value: x, row: {}, field: w.field }) : m[w.field] && (N = Pt(x, m[w.field])), Jt(String(N));
       }
       return Jt("");
     });
-    g += h.join(l) + `
+    u += f.join(l) + `
 `;
   }
-  Zn(g, r, "text/csv;charset=utf-8;");
+  Zn(u, r, "text/csv;charset=utf-8;");
 }
 function Jt(n) {
   return n.includes(",") || n.includes('"') || n.includes(`
@@ -5395,36 +5394,36 @@ function ll(n, o, e = {}) {
     sheetName: i = "Sheet1",
     includeHeaders: l = !0,
     selectedRows: a
-  } = e, s = a && a.length > 0 ? n.filter((f) => a.includes(f.id)) : n;
+  } = e, s = a && a.length > 0 ? n.filter((h) => a.includes(h.id)) : n;
   if (s.length === 0) {
     console.warn("No rows to export");
     return;
   }
-  const u = o.filter((f) => !(f.field === "__check__" || f.field === "__actions__"));
-  let g = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40">';
-  if (g += "<head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>", g += `<x:Name>${i}</x:Name>`, g += "<x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->", g += '<meta charset="UTF-8"></head><body>', g += '<table border="1">', l && (g += "<thead><tr>", u.forEach((f) => {
-    g += `<th>${vt(f.headerName || f.field)}</th>`;
-  }), g += "</tr></thead>"), g += "<tbody>", s.forEach((f) => {
-    g += "<tr>", u.forEach((m) => {
-      let d = f[m.field];
-      m.valueGetter && (d = m.valueGetter({ row: f, field: m.field, value: d })), m.valueFormatter && d !== void 0 && d !== null && (d = m.valueFormatter({ value: d, row: f, field: m.field })), g += `<td>${vt(String(d ?? ""))}</td>`;
+  const g = o.filter((h) => !(h.field === "__check__" || h.field === "__actions__"));
+  let u = '<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 (u += "<head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>", u += `<x:Name>${i}</x:Name>`, u += "<x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->", u += '<meta charset="UTF-8"></head><body>', u += '<table border="1">', l && (u += "<thead><tr>", g.forEach((h) => {
+    u += `<th>${_t(h.headerName || h.field)}</th>`;
+  }), u += "</tr></thead>"), u += "<tbody>", s.forEach((h) => {
+    u += "<tr>", g.forEach((m) => {
+      let c = h[m.field];
+      m.valueGetter && (c = m.valueGetter({ row: h, field: m.field, value: c })), m.valueFormatter && c !== void 0 && c !== null && (c = m.valueFormatter({ value: c, row: h, field: m.field })), u += `<td>${_t(String(c ?? ""))}</td>`;
     });
   }), e.aggregationResult) {
-    const f = e.aggregationResult, m = e.aggregationModel || {};
-    g += '<tr style="font-size: 11px; color: #666; background-color: #f5f5f5;">', u.forEach((d) => {
-      m[d.field] ? g += `<td style="text-align: right; font-weight: bold;">${vt(m[d.field].toUpperCase())}</td>` : g += "<td></td>";
-    }), g += "</tr>", g += '<tr style="font-weight: bold; background-color: #f5f5f5;">', u.forEach((d) => {
-      const h = f[d.field];
-      if (h != null) {
-        let w = h;
-        d.valueFormatter ? w = d.valueFormatter({ value: h, row: {}, field: d.field }) : m[d.field] && (w = Pt(h, m[d.field])), g += `<td style="text-align: right;">${vt(String(w))}</td>`;
+    const h = e.aggregationResult, m = e.aggregationModel || {};
+    u += '<tr style="font-size: 11px; color: #666; background-color: #f5f5f5;">', g.forEach((c) => {
+      m[c.field] ? u += `<td style="text-align: right; font-weight: bold;">${_t(m[c.field].toUpperCase())}</td>` : u += "<td></td>";
+    }), u += "</tr>", u += '<tr style="font-weight: bold; background-color: #f5f5f5;">', g.forEach((c) => {
+      const f = h[c.field];
+      if (f != null) {
+        let w = f;
+        c.valueFormatter ? w = c.valueFormatter({ value: f, row: {}, field: c.field }) : m[c.field] && (w = Pt(f, m[c.field])), u += `<td style="text-align: right;">${_t(String(w))}</td>`;
       } else
-        g += "<td></td>";
-    }), g += "</tr>";
+        u += "<td></td>";
+    }), u += "</tr>";
   }
-  g += "</tbody></table></body></html>", Zn(g, r, "application/vnd.ms-excel");
+  u += "</tbody></table></body></html>", Zn(u, r, "application/vnd.ms-excel");
 }
-function vt(n) {
+function _t(n) {
   return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
 }
 function sl(n, o, e = {}) {
@@ -5437,35 +5436,35 @@ function sl(n, o, e = {}) {
     console.warn("No rows to export");
     return;
   }
-  const s = o.filter((m) => !(m.field === "__check__" || m.field === "__actions__")), u = a.map((m) => {
-    const d = {};
-    return s.forEach((h) => {
-      let w = m[h.field];
-      h.valueGetter && (w = h.valueGetter({ row: m, field: h.field, value: w })), d[h.field] = w;
-    }), d;
+  const s = o.filter((m) => !(m.field === "__check__" || m.field === "__actions__")), g = a.map((m) => {
+    const c = {};
+    return s.forEach((f) => {
+      let w = m[f.field];
+      f.valueGetter && (w = f.valueGetter({ row: m, field: f.field, value: w })), c[f.field] = w;
+    }), c;
   });
-  let g = u;
+  let u = g;
   if (e.aggregationResult) {
-    const m = e.aggregationResult, d = e.aggregationModel || {}, h = {};
+    const m = e.aggregationResult, c = e.aggregationModel || {}, f = {};
     s.forEach((x) => {
-      d[x.field] && (h[x.field] = d[x.field].toUpperCase());
+      c[x.field] && (f[x.field] = c[x.field].toUpperCase());
     });
     const w = {};
     s.forEach((x) => {
       if (m[x.field] !== void 0 && m[x.field] !== null) {
         let N = m[x.field];
-        x.valueFormatter ? N = x.valueFormatter({ value: N, row: {}, field: x.field }) : d[x.field] && (N = Pt(N, d[x.field])), w[x.field] = N;
+        x.valueFormatter ? N = x.valueFormatter({ value: N, row: {}, field: x.field }) : c[x.field] && (N = Pt(N, c[x.field])), w[x.field] = N;
       }
-    }), g = {
-      data: u,
+    }), u = {
+      data: g,
       aggregation: {
-        labels: h,
+        labels: f,
         values: w
       }
     };
   }
-  const f = i ? JSON.stringify(g, null, 2) : JSON.stringify(g);
-  Zn(f, r, "application/json;charset=utf-8;");
+  const h = i ? JSON.stringify(u, null, 2) : JSON.stringify(u);
+  Zn(h, r, "application/json;charset=utf-8;");
 }
 async function al(n, o, e) {
   const r = window.open("", "_blank");
@@ -5497,13 +5496,13 @@ async function al(n, o, e) {
   try {
     let i = "Print", l, a = null, s = null;
     typeof e == "string" ? i = e : typeof e == "object" && (i = e.title || "Print", l = e.selectedRows, a = e.aggregationResult || null, s = e.aggregationModel || null);
-    const u = l && l.length > 0 ? n.filter((d) => l.includes(d.id)) : n;
-    if (u.length === 0) {
+    const g = l && l.length > 0 ? n.filter((c) => l.includes(c.id)) : n;
+    if (g.length === 0) {
       r.document.body.innerHTML = "<h3>No rows to export</h3>";
       return;
     }
-    const g = o.filter((d) => !(d.field === "__check__" || d.field === "__actions__"));
-    let f = `
+    const u = o.filter((c) => !(c.field === "__check__" || c.field === "__actions__"));
+    let h = `
             <!DOCTYPE html>
             <html>
             <head>
@@ -5523,27 +5522,27 @@ async function al(n, o, e) {
             </head>
             <body>
         `;
-    if (i && (f += `<h1>${vt(i)}</h1>`), f += "<table>", f += "<thead><tr>", g.forEach((d) => {
-      f += `<th>${vt(d.headerName || d.field)}</th>`;
-    }), f += "</tr></thead>", f += "<tbody>", u.forEach((d) => {
-      f += "<tr>", g.forEach((h) => {
-        let w = d[h.field];
-        h.valueGetter && (w = h.valueGetter({ row: d, field: h.field, value: w })), h.valueFormatter && w !== void 0 && w !== null && (w = h.valueFormatter({ value: w, row: d, field: h.field })), h.type === "image" && w ? f += `<td><div style="display:flex;justify-content:center;"><img src="${w}" alt="${h.headerName}" style="max-height: 40px; border-radius: 4px;"></div></td>` : f += `<td>${vt(String(w ?? ""))}</td>`;
-      }), f += "</tr>";
+    if (i && (h += `<h1>${_t(i)}</h1>`), h += "<table>", h += "<thead><tr>", u.forEach((c) => {
+      h += `<th>${_t(c.headerName || c.field)}</th>`;
+    }), h += "</tr></thead>", h += "<tbody>", g.forEach((c) => {
+      h += "<tr>", u.forEach((f) => {
+        let w = c[f.field];
+        f.valueGetter && (w = f.valueGetter({ row: c, field: f.field, value: w })), f.valueFormatter && w !== void 0 && w !== null && (w = f.valueFormatter({ value: w, row: c, field: f.field })), f.type === "image" && w ? h += `<td><div style="display:flex;justify-content:center;"><img src="${w}" alt="${f.headerName}" style="max-height: 40px; border-radius: 4px;"></div></td>` : h += `<td>${_t(String(w ?? ""))}</td>`;
+      }), h += "</tr>";
     }), a) {
-      const d = s || {};
-      f += '<tfoot><tr style="font-size: 11px; color: #666; background-color: #f5f5f5;">', g.forEach((h) => {
-        d[h.field] ? f += `<td style="text-align: right; font-weight: bold;">${vt(d[h.field].toUpperCase())}</td>` : f += "<td></td>";
-      }), f += '</tr><tr style="font-weight: bold; background-color: #f5f5f5;">', g.forEach((h) => {
-        const w = a[h.field];
+      const c = s || {};
+      h += '<tfoot><tr style="font-size: 11px; color: #666; background-color: #f5f5f5;">', u.forEach((f) => {
+        c[f.field] ? h += `<td style="text-align: right; font-weight: bold;">${_t(c[f.field].toUpperCase())}</td>` : h += "<td></td>";
+      }), h += '</tr><tr style="font-weight: bold; background-color: #f5f5f5;">', u.forEach((f) => {
+        const w = a[f.field];
         if (w != null) {
           let x = w;
-          h.valueFormatter ? x = h.valueFormatter({ value: w, row: {}, field: h.field }) : d[h.field] && (x = Pt(w, d[h.field])), f += `<td style="text-align: right;">${vt(String(x))}</td>`;
+          f.valueFormatter ? x = f.valueFormatter({ value: w, row: {}, field: f.field }) : c[f.field] && (x = Pt(w, c[f.field])), h += `<td style="text-align: right;">${_t(String(x))}</td>`;
         } else
-          f += "<td></td>";
-      }), f += "</tr></tfoot>";
+          h += "<td></td>";
+      }), h += "</tr></tfoot>";
     }
-    f += "</tbody></table></body></html>", r.document.open(), r.document.write(f), r.document.close(), r.document.title = i || "Print Preview", r.focus();
+    h += "</tbody></table></body></html>", r.document.open(), r.document.write(h), r.document.close(), r.document.title = i || "Print Preview", r.focus();
     let m = !1;
     r.onload = () => {
       m || (m = !0, r.print(), setTimeout(() => {
@@ -5585,11 +5584,11 @@ async function Ui(n) {
   const o = await Promise.allSettled(
     n.map(async (r) => {
       if (r.startsWith("data:")) {
-        const s = r.indexOf(","), u = r.slice(0, s), g = r.slice(s + 1), f = atob(g), m = new Uint8Array(f.length);
-        for (let x = 0; x < f.length; x++) m[x] = f.charCodeAt(x);
-        const h = u.match(/data:([^;,]+)/)?.[1] ?? "image/png";
+        const s = r.indexOf(","), g = r.slice(0, s), u = r.slice(s + 1), h = atob(u), m = new Uint8Array(h.length);
+        for (let x = 0; x < h.length; x++) m[x] = h.charCodeAt(x);
+        const f = g.match(/data:([^;,]+)/)?.[1] ?? "image/png";
         let w = "png";
-        return h.includes("jpeg") || h.includes("jpg") ? w = "jpeg" : h.includes("gif") && (w = "gif"), { url: r, buffer: m.buffer, ext: w };
+        return f.includes("jpeg") || f.includes("jpg") ? w = "jpeg" : f.includes("gif") && (w = "gif"), { url: r, buffer: m.buffer, ext: w };
       }
       const i = await fetch(r, { mode: "cors" });
       if (!i.ok) throw new Error(`HTTP ${i.status}`);
@@ -5611,29 +5610,29 @@ async function dl(n, o, e = {}) {
     columnStyles: l = {},
     headerFillColor: a = "#f1f5f9",
     headerTextColor: s = "#334155",
-    headerFontSize: u = 10,
-    bodyFontSize: g = 10,
-    aggregationResult: f = null,
+    headerFontSize: g = 10,
+    bodyFontSize: u = 10,
+    aggregationResult: h = null,
     aggregationModel: m = null,
-    selectedRows: d
-  } = e, h = (await import("exceljs")).default, w = new h.Workbook();
+    selectedRows: c
+  } = e, f = (await import("exceljs")).default, w = new f.Workbook();
   w.creator = "OpenGridX", w.created = /* @__PURE__ */ new Date();
   const x = o.filter(
     (C) => C.field !== "__check__" && C.field !== "__actions__" && !C.isSpacer
-  ), N = n, E = d && d.length > 0 ? n.filter((C) => d.includes(C.id)) : n, j = i ?? [{ name: "Data", rows: "all", includeHeaders: !0, includeSummary: !1 }], _ = /* @__PURE__ */ new Map();
+  ), N = n, E = c && c.length > 0 ? n.filter((C) => c.includes(C.id)) : n, j = i ?? [{ name: "Data", rows: "all", includeHeaders: !0, includeSummary: !1 }], _ = /* @__PURE__ */ new Map();
   for (const C of j) {
     if ("type" in C && C.type === "summary") {
-      if (!f || !m) continue;
+      if (!h || !m) continue;
       const b = w.addWorksheet(C.name ?? "Summary");
-      b.addRow(["Summary / Aggregation Totals"]), b.getRow(1).font = { bold: !0, size: u + 2, color: { argb: St(s) } }, b.addRow([]), b.addRow(["Column", "Function", "Value"]).eachCell((T) => {
-        T.fill = { type: "pattern", pattern: "solid", fgColor: { argb: St(a) } }, T.font = { bold: !0, size: u, color: { argb: St(s) } }, T.border = jo();
+      b.addRow(["Summary / Aggregation Totals"]), b.getRow(1).font = { bold: !0, size: g + 2, color: { argb: jt(s) } }, b.addRow([]), b.addRow(["Column", "Function", "Value"]).eachCell((T) => {
+        T.fill = { type: "pattern", pattern: "solid", fgColor: { argb: jt(a) } }, T.font = { bold: !0, size: g, color: { argb: jt(s) } }, T.border = jo();
       }), x.forEach((T) => {
-        const A = m[T.field], O = f[T.field];
+        const A = m[T.field], O = h[T.field];
         if (A == null || O == null) return;
         let Z = O;
         T.valueFormatter ? Z = T.valueFormatter({ value: O, row: {}, field: T.field }) : Z = Pt(O, A);
         const U = b.addRow([T.headerName ?? T.field, A.toUpperCase(), Z]);
-        U.getCell(3).alignment = { horizontal: "right" }, U.getCell(3).font = { bold: !0, size: g };
+        U.getCell(3).alignment = { horizontal: "right" }, U.getCell(3).font = { bold: !0, size: u };
       }), b.getColumn(1).width = 20, b.getColumn(2).width = 12, b.getColumn(3).width = 18;
       continue;
     }
@@ -5672,7 +5671,7 @@ async function dl(n, o, e = {}) {
       const b = x.map((T) => T.headerName ?? T.field), H = J.addRow(b);
       H.height = 20, H.eachCell((T, A) => {
         const O = x[A - 1];
-        T.fill = { type: "pattern", pattern: "solid", fgColor: { argb: St(a) } }, T.font = { bold: !0, size: u, color: { argb: St(s) } }, T.alignment = {
+        T.fill = { type: "pattern", pattern: "solid", fgColor: { argb: jt(a) } }, T.font = { bold: !0, size: g, color: { argb: jt(s) } }, T.alignment = {
           horizontal: l[O?.field]?.alignment ?? (O?.type === "number" ? "right" : "left"),
           vertical: "middle"
         }, T.border = jo();
@@ -5688,8 +5687,8 @@ async function dl(n, o, e = {}) {
         let Z = b[O.field];
         return O.valueGetter && (Z = O.valueGetter({ row: b, field: O.field, value: Z })), Hi(O, Z) === "string" && O.valueFormatter && Z != null && (Z = O.valueFormatter({ value: Z, row: b, field: O.field })), Z;
       }), A = J.addRow(T);
-      if (A.font = { size: g }, q && H % 2 === 1 && A.eachCell((O) => {
-        O.fill = { type: "pattern", pattern: "solid", fgColor: { argb: St(q) } };
+      if (A.font = { size: u }, q && H % 2 === 1 && A.eachCell((O) => {
+        O.fill = { type: "pattern", pattern: "solid", fgColor: { argb: jt(q) } };
       }), A.eachCell((O, Z) => {
         const U = x[Z - 1];
         U && (O.alignment = {
@@ -5704,13 +5703,13 @@ async function dl(n, o, e = {}) {
             A.getCell(ce + 1).value = typeof ie == "string" ? ie : "";
             return;
           }
-          const nt = l[P.field], z = nt?.imageWidth ?? 40, Ne = nt?.imageHeight ?? 40, ft = (J.getColumn(ce + 1).width ?? 8) * 7 + 5, Ge = Math.max(0, ft - z) / 2, jt = Math.max(0, U - Ne) / 2;
+          const nt = l[P.field], z = nt?.imageWidth ?? 40, Ne = nt?.imageHeight ?? 40, ft = (J.getColumn(ce + 1).width ?? 8) * 7 + 5, Ge = Math.max(0, ft - z) / 2, ht = Math.max(0, U - Ne) / 2;
           J.addImage(ve, {
             tl: {
               col: ce,
               row: we,
               nativeColOff: Math.floor(Ge * 9525),
-              nativeRowOff: Math.floor(jt * 9525)
+              nativeRowOff: Math.floor(ht * 9525)
             },
             ext: { width: z, height: Ne },
             editAs: "oneCell"
@@ -5719,20 +5718,20 @@ async function dl(n, o, e = {}) {
       } else
         A.height = 16;
       we++;
-    }), Y && f && m) {
+    }), Y && h && m) {
       const b = x.map((O) => {
         const Z = m[O.field];
         return Z ? Z.toUpperCase() : "";
       }), H = J.addRow(b);
-      H.height = 16, H.font = { size: g - 1, italic: !0, color: { argb: "FF94a3b8" } }, H.eachCell((O) => {
+      H.height = 16, H.font = { size: u - 1, italic: !0, color: { argb: "FF94a3b8" } }, H.eachCell((O) => {
         O.alignment = { horizontal: "right", vertical: "middle" }, O.border = { top: { style: "thin", color: { argb: "FFcbd5e1" } } };
       });
       const T = x.map((O) => {
-        const Z = m[O.field], U = f[O.field];
+        const Z = m[O.field], U = h[O.field];
         return Z == null || U == null ? "" : O.valueFormatter ? O.valueFormatter({ value: U, row: {}, field: O.field }) : Pt(U, Z);
       }), A = J.addRow(T);
-      A.height = 18, A.font = { bold: !0, size: g, color: { argb: St(s) } }, A.eachCell((O) => {
-        O.fill = { type: "pattern", pattern: "solid", fgColor: { argb: St(a) } }, O.alignment = { horizontal: "right", vertical: "middle" }, O.border = Ki();
+      A.height = 18, A.font = { bold: !0, size: u, color: { argb: jt(s) } }, A.eachCell((O) => {
+        O.fill = { type: "pattern", pattern: "solid", fgColor: { argb: jt(a) } }, O.alignment = { horizontal: "right", vertical: "middle" }, O.border = Ki();
       });
     }
   }
@@ -5741,7 +5740,7 @@ async function dl(n, o, e = {}) {
   }), y = URL.createObjectURL(S), I = document.createElement("a");
   I.href = y, I.download = r.endsWith(".xlsx") ? r : `${r}.xlsx`, document.body.appendChild(I), I.click(), document.body.removeChild(I), URL.revokeObjectURL(y);
 }
-function St(n) {
+function jt(n) {
   const o = n.replace("#", "");
   return o.length === 3 ? "FF" + o.split("").map((e) => e + e).join("") : o.length === 6 ? "FF" + o : "FF" + o.padEnd(6, "0");
 }
@@ -6056,21 +6055,21 @@ function xl(n) {
   } = o, a = de(() => {
     if (l)
       return qi(e, l);
-  }, [e]), s = ne(null), u = ne(null), g = W(() => {
-    u.current && l && Ji(e, u.current, i, l);
-  }, [e, i, l]), f = W(
-    (d) => {
-      u.current = d, s.current && clearTimeout(s.current), s.current = setTimeout(g, r);
+  }, [e]), s = ne(null), g = ne(null), u = F(() => {
+    g.current && l && Ji(e, g.current, i, l);
+  }, [e, i, l]), h = F(
+    (c) => {
+      g.current = c, s.current && clearTimeout(s.current), s.current = setTimeout(u, r);
     },
-    [g, r]
+    [u, r]
   );
   ee(() => () => {
-    s.current && (clearTimeout(s.current), g());
-  }, [g]);
-  const m = W(() => {
+    s.current && (clearTimeout(s.current), u());
+  }, [u]);
+  const m = F(() => {
     l && l.removeItem(e);
   }, [e, l]);
-  return { initialState: a, onStateChange: f, clearState: m };
+  return { initialState: a, onStateChange: h, clearState: m };
 }
 export {
   Sn as Button,