@weng-lab/ui-components 1.0.15 → 1.0.17

package/dist/{index-Cyw0rrOH.js → index-C5pwuAmM.js}

@@ -70,7 +70,7 @@ function px() {
           return "Suspense";
         case M:
           return "SuspenseList";
-        case O:
+        case R:
           return "Activity";
       }
       if (typeof k == "object")
@@ -129,7 +129,7 @@ function px() {
       }
     }
     function s() {
-      var k = R.A;
+      var k = O.A;
       return k === null ? null : k.getOwner();
     }
     function i() {
@@ -245,7 +245,7 @@ React keys must be passed directly to JSX without using spread:
     function f(k) {
       typeof k == "object" && k !== null && k.$$typeof === m && k._store && (k._store.validated = 1);
     }
-    var h = un, m = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), S = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), R = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, j = Array.isArray, H = console.createTask ? console.createTask : function() {
+    var h = un, m = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), S = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), M = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), R = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), O = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, j = Array.isArray, H = console.createTask ? console.createTask : function() {
       return null;
     };
     h = {
@@ -258,7 +258,7 @@ React keys must be passed directly to JSX without using spread:
       i
     )(), _ = H(r(i)), G = {};
     ei.Fragment = g, ei.jsx = function(k, F, B, U, z) {
-      var q = 1e4 > R.recentlyCreatedOwnerStacks++;
+      var q = 1e4 > O.recentlyCreatedOwnerStacks++;
       return d(
         k,
         F,
@@ -270,7 +270,7 @@ React keys must be passed directly to JSX without using spread:
         q ? H(r(k)) : _
       );
     }, ei.jsxs = function(k, F, B, U, z) {
-      var q = 1e4 > R.recentlyCreatedOwnerStacks++;
+      var q = 1e4 > O.recentlyCreatedOwnerStacks++;
       return d(
         k,
         F,
@@ -606,7 +606,7 @@ function xx() {
         }
       }
     }
-    var P = c, M = u, D = a, T = l, O = t, C = d, R = r, L = y, j = m, H = o, $ = i, N = s, A = f, _ = !1;
+    var P = c, M = u, D = a, T = l, R = t, C = d, O = r, L = y, j = m, H = o, $ = i, N = s, A = f, _ = !1;
     function G(K) {
       return _ || (_ = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), k(K) || I(K) === c;
     }
@@ -646,7 +646,7 @@ function xx() {
     function re(K) {
       return I(K) === f;
     }
-    gt.AsyncMode = P, gt.ConcurrentMode = M, gt.ContextConsumer = D, gt.ContextProvider = T, gt.Element = O, gt.ForwardRef = C, gt.Fragment = R, gt.Lazy = L, gt.Memo = j, gt.Portal = H, gt.Profiler = $, gt.StrictMode = N, gt.Suspense = A, gt.isAsyncMode = G, gt.isConcurrentMode = k, gt.isContextConsumer = F, gt.isContextProvider = B, gt.isElement = U, gt.isForwardRef = z, gt.isFragment = q, gt.isLazy = W, gt.isMemo = Q, gt.isPortal = Z, gt.isProfiler = X, gt.isStrictMode = Y, gt.isSuspense = re, gt.isValidElementType = S, gt.typeOf = I;
+    gt.AsyncMode = P, gt.ConcurrentMode = M, gt.ContextConsumer = D, gt.ContextProvider = T, gt.Element = R, gt.ForwardRef = C, gt.Fragment = O, gt.Lazy = L, gt.Memo = j, gt.Portal = H, gt.Profiler = $, gt.StrictMode = N, gt.Suspense = A, gt.isAsyncMode = G, gt.isConcurrentMode = k, gt.isContextConsumer = F, gt.isContextProvider = B, gt.isElement = U, gt.isForwardRef = z, gt.isFragment = q, gt.isLazy = W, gt.isMemo = Q, gt.isPortal = Z, gt.isProfiler = X, gt.isStrictMode = Y, gt.isSuspense = re, gt.isValidElementType = S, gt.typeOf = I;
   }()), gt;
 }
 var kf;
@@ -805,7 +805,7 @@ function Px() {
       node: C(),
       objectOf: T,
       oneOf: D,
-      oneOfType: O,
+      oneOfType: R,
       shape: L,
       exact: j
     };
@@ -940,7 +940,7 @@ function Px() {
       }
       return w(F);
     }
-    function O(k) {
+    function R(k) {
       if (!Array.isArray(k))
         return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), l;
       for (var F = 0; F < k.length; F++) {
@@ -968,7 +968,7 @@ function Px() {
       }
       return w(k);
     }
-    function R(k, F, B, U, z) {
+    function O(k, F, B, U, z) {
       return new g(
         (k || "React class") + ": " + F + " type `" + B + "." + U + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + z + "`."
       );
@@ -981,7 +981,7 @@ function Px() {
         for (var X in k) {
           var Y = k[X];
           if (typeof Y != "function")
-            return R(z, q, W, X, A(Y));
+            return O(z, q, W, X, A(Y));
           var re = Y(Q, X, z, q, W + "." + X, o);
           if (re)
             return re;
@@ -999,7 +999,7 @@ function Px() {
         for (var Y in X) {
           var re = k[Y];
           if (r(k, Y) && typeof re != "function")
-            return R(z, q, W, Y, A(re));
+            return O(z, q, W, Y, A(re));
           if (!re)
             return new g(
               "Invalid " + q + " `" + W + "` key `" + Y + "` supplied to `" + z + "`.\nBad object: " + JSON.stringify(B[U], null, "  ") + `
@@ -2515,14 +2515,14 @@ function sb(e = {}) {
         };
       if (fo(M)) {
         const D = ob(M);
-        return function(O) {
-          return D.variants ? Gl(O, D, O.theme.modularCssLayers ? g : void 0) : O.theme.modularCssLayers ? yr(D.style, g) : D.style;
+        return function(R) {
+          return D.variants ? Gl(R, D, R.theme.modularCssLayers ? g : void 0) : R.theme.modularCssLayers ? yr(D.style, g) : D.style;
         };
       }
       return M;
     }, P = (...M) => {
-      const D = [], T = M.map(I), O = [];
-      if (D.push(i), u && m && O.push(function(j) {
+      const D = [], T = M.map(I), R = [];
+      if (D.push(i), u && m && R.push(function(j) {
         const $ = j.theme.components?.[u]?.styleOverrides;
         if (!$)
           return null;
@@ -2530,16 +2530,16 @@ function sb(e = {}) {
         for (const A in $)
           N[A] = Gl(j, $[A], j.theme.modularCssLayers ? "theme" : void 0);
         return m(j, N);
-      }), u && !w && O.push(function(j) {
+      }), u && !w && R.push(function(j) {
         const $ = j.theme?.components?.[u]?.variants;
         return $ ? rb(j, $, [], j.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), x || O.push(Rr), Array.isArray(T[0])) {
-        const L = T.shift(), j = new Array(D.length).fill(""), H = new Array(O.length).fill("");
+      }), x || R.push(Rr), Array.isArray(T[0])) {
+        const L = T.shift(), j = new Array(D.length).fill(""), H = new Array(R.length).fill("");
         let $;
         $ = [...j, ...L, ...H], $.raw = [...j, ...L.raw, ...H], D.unshift($);
       }
-      const C = [...D, ...T, ...O], R = S(...C);
-      return a.muiName && (R.muiName = a.muiName), process.env.NODE_ENV !== "production" && (R.displayName = _S(u, d, a)), R;
+      const C = [...D, ...T, ...R], O = S(...C);
+      return a.muiName && (O.muiName = a.muiName), process.env.NODE_ENV !== "production" && (O.displayName = _S(u, d, a)), O;
     };
     return S.withConfig && (P.withConfig = S.withConfig), P;
   };
@@ -2930,10 +2930,10 @@ function s0(e, t = {}) {
     },
     generateStyleSheets: () => {
       const S = [], I = e.defaultColorScheme || "light";
-      function P(T, O) {
-        Object.keys(O).length && S.push(typeof T == "string" ? {
+      function P(T, R) {
+        Object.keys(R).length && S.push(typeof T == "string" ? {
           [T]: {
-            ...O
+            ...R
           }
         } : T);
       }
@@ -2947,8 +2947,8 @@ function s0(e, t = {}) {
       if (M) {
         const {
           css: T
-        } = M, O = i[I]?.palette?.mode, C = !r && O ? {
-          colorScheme: O,
+        } = M, R = i[I]?.palette?.mode, C = !r && R ? {
+          colorScheme: R,
           ...T
         } : {
           ...T
@@ -2958,17 +2958,17 @@ function s0(e, t = {}) {
         }), C);
       }
       return Object.entries(D).forEach(([T, {
-        css: O
+        css: R
       }]) => {
-        const C = i[T]?.palette?.mode, R = !r && C ? {
+        const C = i[T]?.palette?.mode, O = !r && C ? {
           colorScheme: C,
-          ...O
+          ...R
         } : {
-          ...O
+          ...R
         };
         P(o(T, {
-          ...R
-        }), R);
+          ...O
+        }), O);
       }), S;
     }
   };
@@ -3214,13 +3214,13 @@ function S0(e = {}) {
       size: M = {},
       offset: D = {},
       spacing: T = 0,
-      rowSpacing: O = T,
+      rowSpacing: R = T,
       columnSpacing: C = T,
-      unstable_level: R = 0,
+      unstable_level: O = 0,
       ...L
-    } = y, j = l(M, h.breakpoints, (F) => F !== !1), H = l(D, h.breakpoints), $ = d.columns ?? (R ? void 0 : x), N = d.spacing ?? (R ? void 0 : T), A = d.rowSpacing ?? d.spacing ?? (R ? void 0 : O), _ = d.columnSpacing ?? d.spacing ?? (R ? void 0 : C), G = {
+    } = y, j = l(M, h.breakpoints, (F) => F !== !1), H = l(D, h.breakpoints), $ = d.columns ?? (O ? void 0 : x), N = d.spacing ?? (O ? void 0 : T), A = d.rowSpacing ?? d.spacing ?? (O ? void 0 : R), _ = d.columnSpacing ?? d.spacing ?? (O ? void 0 : C), G = {
       ...y,
-      level: R,
+      level: O,
       columns: $,
       container: v,
       direction: I,
@@ -3238,7 +3238,7 @@ function S0(e = {}) {
       className: ce(k.root, g),
       ...L,
       children: p.Children.map(w, (F) => /* @__PURE__ */ p.isValidElement(F) && zl(F, ["Grid"]) && v && F.props.container ? /* @__PURE__ */ p.cloneElement(F, {
-        unstable_level: F.props?.unstable_level ?? R + 1
+        unstable_level: F.props?.unstable_level ?? O + 1
       }) : F)
     });
   });
@@ -4000,26 +4000,26 @@ function eE(e = {}, ...t) {
     },
     spacing: J0(u.spacing)
   };
-  Object.keys(I.colorSchemes).forEach((O) => {
-    const C = I.colorSchemes[O].palette, R = (L) => {
+  Object.keys(I.colorSchemes).forEach((R) => {
+    const C = I.colorSchemes[R].palette, O = (L) => {
       const j = L.split("-"), H = j[1], $ = j[2];
       return h(L, C[H][$]);
     };
     if (C.mode === "light" && (le(C.common, "background", "#fff"), le(C.common, "onBackground", "#000")), C.mode === "dark" && (le(C.common, "background", "#000"), le(C.common, "onBackground", "#fff")), Q0(C, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), C.mode === "light") {
-      le(C.Alert, "errorColor", Et(C.error.light, 0.6)), le(C.Alert, "infoColor", Et(C.info.light, 0.6)), le(C.Alert, "successColor", Et(C.success.light, 0.6)), le(C.Alert, "warningColor", Et(C.warning.light, 0.6)), le(C.Alert, "errorFilledBg", R("palette-error-main")), le(C.Alert, "infoFilledBg", R("palette-info-main")), le(C.Alert, "successFilledBg", R("palette-success-main")), le(C.Alert, "warningFilledBg", R("palette-warning-main")), le(C.Alert, "errorFilledColor", co(() => C.getContrastText(C.error.main))), le(C.Alert, "infoFilledColor", co(() => C.getContrastText(C.info.main))), le(C.Alert, "successFilledColor", co(() => C.getContrastText(C.success.main))), le(C.Alert, "warningFilledColor", co(() => C.getContrastText(C.warning.main))), le(C.Alert, "errorStandardBg", Pt(C.error.light, 0.9)), le(C.Alert, "infoStandardBg", Pt(C.info.light, 0.9)), le(C.Alert, "successStandardBg", Pt(C.success.light, 0.9)), le(C.Alert, "warningStandardBg", Pt(C.warning.light, 0.9)), le(C.Alert, "errorIconColor", R("palette-error-main")), le(C.Alert, "infoIconColor", R("palette-info-main")), le(C.Alert, "successIconColor", R("palette-success-main")), le(C.Alert, "warningIconColor", R("palette-warning-main")), le(C.AppBar, "defaultBg", R("palette-grey-100")), le(C.Avatar, "defaultBg", R("palette-grey-400")), le(C.Button, "inheritContainedBg", R("palette-grey-300")), le(C.Button, "inheritContainedHoverBg", R("palette-grey-A100")), le(C.Chip, "defaultBorder", R("palette-grey-400")), le(C.Chip, "defaultAvatarColor", R("palette-grey-700")), le(C.Chip, "defaultIconColor", R("palette-grey-700")), le(C.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), le(C.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), le(C.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), le(C.LinearProgress, "primaryBg", Pt(C.primary.main, 0.62)), le(C.LinearProgress, "secondaryBg", Pt(C.secondary.main, 0.62)), le(C.LinearProgress, "errorBg", Pt(C.error.main, 0.62)), le(C.LinearProgress, "infoBg", Pt(C.info.main, 0.62)), le(C.LinearProgress, "successBg", Pt(C.success.main, 0.62)), le(C.LinearProgress, "warningBg", Pt(C.warning.main, 0.62)), le(C.Skeleton, "bg", `rgba(${R("palette-text-primaryChannel")} / 0.11)`), le(C.Slider, "primaryTrack", Pt(C.primary.main, 0.62)), le(C.Slider, "secondaryTrack", Pt(C.secondary.main, 0.62)), le(C.Slider, "errorTrack", Pt(C.error.main, 0.62)), le(C.Slider, "infoTrack", Pt(C.info.main, 0.62)), le(C.Slider, "successTrack", Pt(C.success.main, 0.62)), le(C.Slider, "warningTrack", Pt(C.warning.main, 0.62));
+      le(C.Alert, "errorColor", Et(C.error.light, 0.6)), le(C.Alert, "infoColor", Et(C.info.light, 0.6)), le(C.Alert, "successColor", Et(C.success.light, 0.6)), le(C.Alert, "warningColor", Et(C.warning.light, 0.6)), le(C.Alert, "errorFilledBg", O("palette-error-main")), le(C.Alert, "infoFilledBg", O("palette-info-main")), le(C.Alert, "successFilledBg", O("palette-success-main")), le(C.Alert, "warningFilledBg", O("palette-warning-main")), le(C.Alert, "errorFilledColor", co(() => C.getContrastText(C.error.main))), le(C.Alert, "infoFilledColor", co(() => C.getContrastText(C.info.main))), le(C.Alert, "successFilledColor", co(() => C.getContrastText(C.success.main))), le(C.Alert, "warningFilledColor", co(() => C.getContrastText(C.warning.main))), le(C.Alert, "errorStandardBg", Pt(C.error.light, 0.9)), le(C.Alert, "infoStandardBg", Pt(C.info.light, 0.9)), le(C.Alert, "successStandardBg", Pt(C.success.light, 0.9)), le(C.Alert, "warningStandardBg", Pt(C.warning.light, 0.9)), le(C.Alert, "errorIconColor", O("palette-error-main")), le(C.Alert, "infoIconColor", O("palette-info-main")), le(C.Alert, "successIconColor", O("palette-success-main")), le(C.Alert, "warningIconColor", O("palette-warning-main")), le(C.AppBar, "defaultBg", O("palette-grey-100")), le(C.Avatar, "defaultBg", O("palette-grey-400")), le(C.Button, "inheritContainedBg", O("palette-grey-300")), le(C.Button, "inheritContainedHoverBg", O("palette-grey-A100")), le(C.Chip, "defaultBorder", O("palette-grey-400")), le(C.Chip, "defaultAvatarColor", O("palette-grey-700")), le(C.Chip, "defaultIconColor", O("palette-grey-700")), le(C.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), le(C.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), le(C.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), le(C.LinearProgress, "primaryBg", Pt(C.primary.main, 0.62)), le(C.LinearProgress, "secondaryBg", Pt(C.secondary.main, 0.62)), le(C.LinearProgress, "errorBg", Pt(C.error.main, 0.62)), le(C.LinearProgress, "infoBg", Pt(C.info.main, 0.62)), le(C.LinearProgress, "successBg", Pt(C.success.main, 0.62)), le(C.LinearProgress, "warningBg", Pt(C.warning.main, 0.62)), le(C.Skeleton, "bg", `rgba(${O("palette-text-primaryChannel")} / 0.11)`), le(C.Slider, "primaryTrack", Pt(C.primary.main, 0.62)), le(C.Slider, "secondaryTrack", Pt(C.secondary.main, 0.62)), le(C.Slider, "errorTrack", Pt(C.error.main, 0.62)), le(C.Slider, "infoTrack", Pt(C.info.main, 0.62)), le(C.Slider, "successTrack", Pt(C.success.main, 0.62)), le(C.Slider, "warningTrack", Pt(C.warning.main, 0.62));
       const L = Sl(C.background.default, 0.8);
-      le(C.SnackbarContent, "bg", L), le(C.SnackbarContent, "color", co(() => C.getContrastText(L))), le(C.SpeedDialAction, "fabHoverBg", Sl(C.background.paper, 0.15)), le(C.StepConnector, "border", R("palette-grey-400")), le(C.StepContent, "border", R("palette-grey-400")), le(C.Switch, "defaultColor", R("palette-common-white")), le(C.Switch, "defaultDisabledColor", R("palette-grey-100")), le(C.Switch, "primaryDisabledColor", Pt(C.primary.main, 0.62)), le(C.Switch, "secondaryDisabledColor", Pt(C.secondary.main, 0.62)), le(C.Switch, "errorDisabledColor", Pt(C.error.main, 0.62)), le(C.Switch, "infoDisabledColor", Pt(C.info.main, 0.62)), le(C.Switch, "successDisabledColor", Pt(C.success.main, 0.62)), le(C.Switch, "warningDisabledColor", Pt(C.warning.main, 0.62)), le(C.TableCell, "border", Pt(xl(C.divider, 1), 0.88)), le(C.Tooltip, "bg", xl(C.grey[700], 0.92));
+      le(C.SnackbarContent, "bg", L), le(C.SnackbarContent, "color", co(() => C.getContrastText(L))), le(C.SpeedDialAction, "fabHoverBg", Sl(C.background.paper, 0.15)), le(C.StepConnector, "border", O("palette-grey-400")), le(C.StepContent, "border", O("palette-grey-400")), le(C.Switch, "defaultColor", O("palette-common-white")), le(C.Switch, "defaultDisabledColor", O("palette-grey-100")), le(C.Switch, "primaryDisabledColor", Pt(C.primary.main, 0.62)), le(C.Switch, "secondaryDisabledColor", Pt(C.secondary.main, 0.62)), le(C.Switch, "errorDisabledColor", Pt(C.error.main, 0.62)), le(C.Switch, "infoDisabledColor", Pt(C.info.main, 0.62)), le(C.Switch, "successDisabledColor", Pt(C.success.main, 0.62)), le(C.Switch, "warningDisabledColor", Pt(C.warning.main, 0.62)), le(C.TableCell, "border", Pt(xl(C.divider, 1), 0.88)), le(C.Tooltip, "bg", xl(C.grey[700], 0.92));
     }
     if (C.mode === "dark") {
-      le(C.Alert, "errorColor", Pt(C.error.light, 0.6)), le(C.Alert, "infoColor", Pt(C.info.light, 0.6)), le(C.Alert, "successColor", Pt(C.success.light, 0.6)), le(C.Alert, "warningColor", Pt(C.warning.light, 0.6)), le(C.Alert, "errorFilledBg", R("palette-error-dark")), le(C.Alert, "infoFilledBg", R("palette-info-dark")), le(C.Alert, "successFilledBg", R("palette-success-dark")), le(C.Alert, "warningFilledBg", R("palette-warning-dark")), le(C.Alert, "errorFilledColor", co(() => C.getContrastText(C.error.dark))), le(C.Alert, "infoFilledColor", co(() => C.getContrastText(C.info.dark))), le(C.Alert, "successFilledColor", co(() => C.getContrastText(C.success.dark))), le(C.Alert, "warningFilledColor", co(() => C.getContrastText(C.warning.dark))), le(C.Alert, "errorStandardBg", Et(C.error.light, 0.9)), le(C.Alert, "infoStandardBg", Et(C.info.light, 0.9)), le(C.Alert, "successStandardBg", Et(C.success.light, 0.9)), le(C.Alert, "warningStandardBg", Et(C.warning.light, 0.9)), le(C.Alert, "errorIconColor", R("palette-error-main")), le(C.Alert, "infoIconColor", R("palette-info-main")), le(C.Alert, "successIconColor", R("palette-success-main")), le(C.Alert, "warningIconColor", R("palette-warning-main")), le(C.AppBar, "defaultBg", R("palette-grey-900")), le(C.AppBar, "darkBg", R("palette-background-paper")), le(C.AppBar, "darkColor", R("palette-text-primary")), le(C.Avatar, "defaultBg", R("palette-grey-600")), le(C.Button, "inheritContainedBg", R("palette-grey-800")), le(C.Button, "inheritContainedHoverBg", R("palette-grey-700")), le(C.Chip, "defaultBorder", R("palette-grey-700")), le(C.Chip, "defaultAvatarColor", R("palette-grey-300")), le(C.Chip, "defaultIconColor", R("palette-grey-300")), le(C.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), le(C.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), le(C.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), le(C.LinearProgress, "primaryBg", Et(C.primary.main, 0.5)), le(C.LinearProgress, "secondaryBg", Et(C.secondary.main, 0.5)), le(C.LinearProgress, "errorBg", Et(C.error.main, 0.5)), le(C.LinearProgress, "infoBg", Et(C.info.main, 0.5)), le(C.LinearProgress, "successBg", Et(C.success.main, 0.5)), le(C.LinearProgress, "warningBg", Et(C.warning.main, 0.5)), le(C.Skeleton, "bg", `rgba(${R("palette-text-primaryChannel")} / 0.13)`), le(C.Slider, "primaryTrack", Et(C.primary.main, 0.5)), le(C.Slider, "secondaryTrack", Et(C.secondary.main, 0.5)), le(C.Slider, "errorTrack", Et(C.error.main, 0.5)), le(C.Slider, "infoTrack", Et(C.info.main, 0.5)), le(C.Slider, "successTrack", Et(C.success.main, 0.5)), le(C.Slider, "warningTrack", Et(C.warning.main, 0.5));
+      le(C.Alert, "errorColor", Pt(C.error.light, 0.6)), le(C.Alert, "infoColor", Pt(C.info.light, 0.6)), le(C.Alert, "successColor", Pt(C.success.light, 0.6)), le(C.Alert, "warningColor", Pt(C.warning.light, 0.6)), le(C.Alert, "errorFilledBg", O("palette-error-dark")), le(C.Alert, "infoFilledBg", O("palette-info-dark")), le(C.Alert, "successFilledBg", O("palette-success-dark")), le(C.Alert, "warningFilledBg", O("palette-warning-dark")), le(C.Alert, "errorFilledColor", co(() => C.getContrastText(C.error.dark))), le(C.Alert, "infoFilledColor", co(() => C.getContrastText(C.info.dark))), le(C.Alert, "successFilledColor", co(() => C.getContrastText(C.success.dark))), le(C.Alert, "warningFilledColor", co(() => C.getContrastText(C.warning.dark))), le(C.Alert, "errorStandardBg", Et(C.error.light, 0.9)), le(C.Alert, "infoStandardBg", Et(C.info.light, 0.9)), le(C.Alert, "successStandardBg", Et(C.success.light, 0.9)), le(C.Alert, "warningStandardBg", Et(C.warning.light, 0.9)), le(C.Alert, "errorIconColor", O("palette-error-main")), le(C.Alert, "infoIconColor", O("palette-info-main")), le(C.Alert, "successIconColor", O("palette-success-main")), le(C.Alert, "warningIconColor", O("palette-warning-main")), le(C.AppBar, "defaultBg", O("palette-grey-900")), le(C.AppBar, "darkBg", O("palette-background-paper")), le(C.AppBar, "darkColor", O("palette-text-primary")), le(C.Avatar, "defaultBg", O("palette-grey-600")), le(C.Button, "inheritContainedBg", O("palette-grey-800")), le(C.Button, "inheritContainedHoverBg", O("palette-grey-700")), le(C.Chip, "defaultBorder", O("palette-grey-700")), le(C.Chip, "defaultAvatarColor", O("palette-grey-300")), le(C.Chip, "defaultIconColor", O("palette-grey-300")), le(C.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), le(C.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), le(C.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), le(C.LinearProgress, "primaryBg", Et(C.primary.main, 0.5)), le(C.LinearProgress, "secondaryBg", Et(C.secondary.main, 0.5)), le(C.LinearProgress, "errorBg", Et(C.error.main, 0.5)), le(C.LinearProgress, "infoBg", Et(C.info.main, 0.5)), le(C.LinearProgress, "successBg", Et(C.success.main, 0.5)), le(C.LinearProgress, "warningBg", Et(C.warning.main, 0.5)), le(C.Skeleton, "bg", `rgba(${O("palette-text-primaryChannel")} / 0.13)`), le(C.Slider, "primaryTrack", Et(C.primary.main, 0.5)), le(C.Slider, "secondaryTrack", Et(C.secondary.main, 0.5)), le(C.Slider, "errorTrack", Et(C.error.main, 0.5)), le(C.Slider, "infoTrack", Et(C.info.main, 0.5)), le(C.Slider, "successTrack", Et(C.success.main, 0.5)), le(C.Slider, "warningTrack", Et(C.warning.main, 0.5));
       const L = Sl(C.background.default, 0.98);
-      le(C.SnackbarContent, "bg", L), le(C.SnackbarContent, "color", co(() => C.getContrastText(L))), le(C.SpeedDialAction, "fabHoverBg", Sl(C.background.paper, 0.15)), le(C.StepConnector, "border", R("palette-grey-600")), le(C.StepContent, "border", R("palette-grey-600")), le(C.Switch, "defaultColor", R("palette-grey-300")), le(C.Switch, "defaultDisabledColor", R("palette-grey-600")), le(C.Switch, "primaryDisabledColor", Et(C.primary.main, 0.55)), le(C.Switch, "secondaryDisabledColor", Et(C.secondary.main, 0.55)), le(C.Switch, "errorDisabledColor", Et(C.error.main, 0.55)), le(C.Switch, "infoDisabledColor", Et(C.info.main, 0.55)), le(C.Switch, "successDisabledColor", Et(C.success.main, 0.55)), le(C.Switch, "warningDisabledColor", Et(C.warning.main, 0.55)), le(C.TableCell, "border", Et(xl(C.divider, 1), 0.68)), le(C.Tooltip, "bg", xl(C.grey[700], 0.92));
+      le(C.SnackbarContent, "bg", L), le(C.SnackbarContent, "color", co(() => C.getContrastText(L))), le(C.SpeedDialAction, "fabHoverBg", Sl(C.background.paper, 0.15)), le(C.StepConnector, "border", O("palette-grey-600")), le(C.StepContent, "border", O("palette-grey-600")), le(C.Switch, "defaultColor", O("palette-grey-300")), le(C.Switch, "defaultDisabledColor", O("palette-grey-600")), le(C.Switch, "primaryDisabledColor", Et(C.primary.main, 0.55)), le(C.Switch, "secondaryDisabledColor", Et(C.secondary.main, 0.55)), le(C.Switch, "errorDisabledColor", Et(C.error.main, 0.55)), le(C.Switch, "infoDisabledColor", Et(C.info.main, 0.55)), le(C.Switch, "successDisabledColor", Et(C.success.main, 0.55)), le(C.Switch, "warningDisabledColor", Et(C.warning.main, 0.55)), le(C.TableCell, "border", Et(xl(C.divider, 1), 0.68)), le(C.Tooltip, "bg", xl(C.grey[700], 0.92));
     }
     xo(C.background, "default"), xo(C.background, "paper"), xo(C.common, "background"), xo(C.common, "onBackground"), xo(C, "divider"), Object.keys(C).forEach((L) => {
       const j = C[L];
       L !== "tonalOffset" && j && typeof j == "object" && (j.main && le(C[L], "mainChannel", fi(hi(j.main))), j.light && le(C[L], "lightChannel", fi(hi(j.light))), j.dark && le(C[L], "darkChannel", fi(hi(j.dark))), j.contrastText && le(C[L], "contrastTextChannel", fi(hi(j.contrastText))), L === "text" && (xo(C[L], "primary"), xo(C[L], "secondary")), L === "action" && (j.active && xo(C[L], "active"), j.selected && xo(C[L], "selected")));
     });
-  }), I = t.reduce((O, C) => pn(O, C), I);
+  }), I = t.reduce((R, C) => pn(R, C), I);
   const P = {
     prefix: i,
     disableCssColorScheme: s,
@@ -4030,8 +4030,8 @@ function eE(e = {}, ...t) {
     generateThemeVars: D,
     generateStyleSheets: T
   } = s0(I, P);
-  return I.vars = M, Object.entries(I.colorSchemes[I.defaultColorScheme]).forEach(([O, C]) => {
-    I[O] = C;
+  return I.vars = M, Object.entries(I.colorSchemes[I.defaultColorScheme]).forEach(([R, C]) => {
+    I[R] = C;
   }), I.generateThemeVars = D, I.generateStyleSheets = T, I.generateSpacing = function() {
     return Jm(u.spacing, pd(this));
   }, I.getColorSchemeSelector = i0(a), I.spacing = I.generateSpacing(), I.shouldSkipGeneratingVar = l, I.unstable_sxConfig = {
@@ -4584,7 +4584,7 @@ function gE(e) {
     shiftStep: w = 10,
     tabIndex: x,
     value: v
-  } = e, S = p.useRef(void 0), [I, P] = p.useState(-1), [M, D] = p.useState(-1), [T, O] = p.useState(!1), C = p.useRef(0), R = p.useRef(null), [L, j] = er({
+  } = e, S = p.useRef(void 0), [I, P] = p.useState(-1), [M, D] = p.useState(-1), [T, R] = p.useState(!1), C = p.useRef(0), O = p.useRef(null), [L, j] = er({
     controlled: v,
     default: o ?? c,
     name: "Slider"
@@ -4596,7 +4596,7 @@ function gE(e) {
         value: pe,
         name: u
       }
-    }), R.current = pe, d(Ee, pe, Ie);
+    }), O.current = pe, d(Ee, pe, Ie);
   }), $ = Array.isArray(L);
   let N = $ ? L.slice().sort(yb) : [L];
   N = N.map((de) => de == null ? c : rs(de, c, a));
@@ -4628,7 +4628,7 @@ function gE(e) {
         activeIndex: ke
       });
     }
-    j(ve), k(Ie), H && !Tl(ve, L) && H(de, ve, Ie), f && f(de, R.current ?? ve);
+    j(ve), k(Ie), H && !Tl(ve, L) && H(de, ve, Ie), f && f(de, O.current ?? ve);
   }, W = (de) => (pe) => {
     if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Home", "End"].includes(pe.key)) {
       pe.preventDefault();
@@ -4733,10 +4733,10 @@ function gE(e) {
       sliderRef: F,
       activeIndex: be,
       setActive: P
-    }), j(Ie), !T && C.current > cE && O(!0), H && !Tl(Ie, L) && H(de, Ie, be);
+    }), j(Ie), !T && C.current > cE && R(!0), H && !Tl(Ie, L) && H(de, Ie, be);
   }), K = ze((de) => {
     const pe = El(de, S);
-    if (O(!1), !pe)
+    if (R(!1), !pe)
       return;
     const {
       newValue: Ie
@@ -4744,7 +4744,7 @@ function gE(e) {
       finger: pe,
       move: !0
     });
-    P(-1), de.type === "touchend" && D(-1), f && f(de, R.current ?? Ie), S.current = void 0, ne();
+    P(-1), de.type === "touchend" && D(-1), f && f(de, O.current ?? Ie), S.current = void 0, ne();
   }), ee = ze((de) => {
     if (r)
       return;
@@ -5537,9 +5537,9 @@ const IE = te("span", {
     onChange: M,
     onChangeCommitted: D,
     orientation: T = "horizontal",
-    shiftStep: O = 10,
+    shiftStep: R = 10,
     size: C = "medium",
-    step: R = 1,
+    step: O = 1,
     scale: L = ph,
     slotProps: j,
     slots: H,
@@ -5561,8 +5561,8 @@ const IE = te("span", {
     marks: v,
     color: f,
     size: C,
-    step: R,
-    shiftStep: O,
+    step: O,
+    shiftStep: R,
     scale: L,
     track: N,
     valueLabelDisplay: _,
@@ -6320,12 +6320,12 @@ const Sb = /* @__PURE__ */ p.forwardRef(function(t, o) {
       };
     I.style.width = M.width, I.value = S.value || t.placeholder || "x", I.value.slice(-1) === `
 ` && (I.value += " ");
-    const D = M.boxSizing, T = Ol(M.paddingBottom) + Ol(M.paddingTop), O = Ol(M.borderBottomWidth) + Ol(M.borderTopWidth), C = I.scrollHeight;
+    const D = M.boxSizing, T = Ol(M.paddingBottom) + Ol(M.paddingTop), R = Ol(M.borderBottomWidth) + Ol(M.borderTopWidth), C = I.scrollHeight;
     I.value = "x";
-    const R = I.scrollHeight;
+    const O = I.scrollHeight;
     let L = C;
-    i && (L = Math.max(Number(i) * R, L)), s && (L = Math.min(Number(s) * R, L)), L = Math.max(L, R);
-    const j = L + (D === "border-box" ? T + O : 0), H = Math.abs(L - C) <= 1;
+    i && (L = Math.max(Number(i) * O, L)), s && (L = Math.min(Number(s) * O, L)), L = Math.max(L, O);
+    const j = L + (D === "border-box" ? T + R : 0), H = Math.abs(L - C) <= 1;
     return {
       outerHeightStyle: j,
       overflowing: H
@@ -6677,9 +6677,9 @@ const Ua = (e, t) => {
     maxRows: M,
     minRows: D,
     multiline: T = !1,
-    name: O,
+    name: R,
     onBlur: C,
-    onChange: R,
+    onChange: O,
     onClick: L,
     onFocus: j,
     onKeyDown: H,
@@ -6734,7 +6734,7 @@ const Ua = (e, t) => {
         value: Ne.value
       });
     }
-    S.onChange && S.onChange(fe, ...ke), R && R(fe, ...ke);
+    S.onChange && S.onChange(fe, ...ke), O && O(fe, ...ke);
   };
   p.useEffect(() => {
     ae(X.current);
@@ -6806,7 +6806,7 @@ const Ua = (e, t) => {
           disabled: se.disabled,
           id: x,
           onAnimationStart: de,
-          name: O,
+          name: R,
           placeholder: N,
           readOnly: A,
           required: se.required,
@@ -9308,12 +9308,12 @@ const bP = (e) => {
     return s && p.Children.forEach(s, (A) => {
       zl(A, ["Input", "Select"]) && (na(A.props, !0) || na(A.props.inputProps, !0)) && (N = !0);
     }), N;
-  }), [T, O] = p.useState(!1);
-  c && T && O(!1);
+  }), [T, R] = p.useState(!1);
+  c && T && R(!1);
   const C = d !== void 0 && !c ? d : T;
-  let R;
+  let O;
   const L = p.useRef(!1);
-  process.env.NODE_ENV !== "production" && (R = () => (L.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
+  process.env.NODE_ENV !== "production" && (O = () => (L.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
 `)), L.current = !0, () => {
     L.current = !1;
   }));
@@ -9333,17 +9333,17 @@ const bP = (e) => {
     hiddenLabel: h,
     size: g,
     onBlur: () => {
-      O(!1);
+      R(!1);
     },
     onFocus: () => {
-      O(!0);
+      R(!0);
     },
     onEmpty: H,
     onFilled: j,
-    registerEffect: R,
+    registerEffect: O,
     required: y,
     variant: w
-  }), [I, l, c, u, M, C, f, h, R, H, j, y, g, w]);
+  }), [I, l, c, u, M, C, f, h, O, H, j, y, g, w]);
   return /* @__PURE__ */ b.jsx(Ji.Provider, {
     value: $,
     children: /* @__PURE__ */ b.jsx(yP, {
@@ -9816,10 +9816,10 @@ const Sd = /* @__PURE__ */ p.forwardRef(function(t, o) {
     else if (P === "End")
       S.preventDefault(), ni(I, null, u, c, Sh);
     else if (P.length === 1) {
-      const T = y.current, O = P.toLowerCase(), C = performance.now();
-      T.keys.length > 0 && (C - T.lastTime > 500 ? (T.keys = [], T.repeating = !0, T.previousKeyMatched = !0) : T.repeating && O !== T.keys[0] && (T.repeating = !1)), T.lastTime = C, T.keys.push(O);
-      const R = D && !T.repeating && Mb(D, T);
-      T.previousKeyMatched && (R || ni(I, D, !1, c, Gc, T)) ? S.preventDefault() : T.previousKeyMatched = !1;
+      const T = y.current, R = P.toLowerCase(), C = performance.now();
+      T.keys.length > 0 && (C - T.lastTime > 500 ? (T.keys = [], T.repeating = !0, T.previousKeyMatched = !0) : T.repeating && R !== T.keys[0] && (T.repeating = !1)), T.lastTime = C, T.keys.push(R);
+      const O = D && !T.repeating && Mb(D, T);
+      T.previousKeyMatched && (O || ni(I, D, !1, c, Gc, T)) ? S.preventDefault() : T.previousKeyMatched = !1;
     }
     d && d(S);
   }, w = rt(m, o);
@@ -10568,7 +10568,7 @@ const LP = {
       const A = P.current;
       N === void 0 ? $(A) : $(A, N);
     }
-  }, T = D(d), O = D(($, N) => {
+  }, T = D(d), R = D(($, N) => {
     $b($);
     const {
       duration: A,
@@ -10590,7 +10590,7 @@ const LP = {
       delay: _,
       easing: G
     })].join(","), c && c($, N);
-  }), C = D(u), R = D(m), L = D(($) => {
+  }), C = D(u), O = D(m), L = D(($) => {
     const {
       duration: N,
       delay: A,
@@ -10618,12 +10618,12 @@ const LP = {
     appear: s,
     in: a,
     nodeRef: P,
-    onEnter: O,
+    onEnter: R,
     onEntered: C,
     onEntering: T,
     onExit: L,
     onExited: j,
-    onExiting: R,
+    onExiting: O,
     addEndListener: H,
     timeout: g === "auto" ? null : g,
     ...x,
@@ -10912,8 +10912,8 @@ function Ni(e) {
         return;
       let T = [];
       if ((S.activeElement === u.current || S.activeElement === d.current) && (T = i(y.current)), T.length > 0) {
-        const O = !!(w.current?.shiftKey && w.current?.key === "Tab"), C = T[0], R = T[T.length - 1];
-        typeof C != "string" && typeof R != "string" && (O ? R.focus() : C.focus());
+        const R = !!(w.current?.shiftKey && w.current?.key === "Tab"), C = T[0], O = T[T.length - 1];
+        typeof C != "string" && typeof O != "string" && (R ? O.focus() : C.focus());
       } else
         D.focus();
     };
@@ -11101,7 +11101,7 @@ const XP = {
       mode: "enter"
     });
     H.style.webkitTransition = r.transitions.create("opacity", N), H.style.transition = r.transitions.create("opacity", N), d && d(H, $);
-  }), O = M(f), C = M(g), R = M((H) => {
+  }), R = M(f), C = M(g), O = M((H) => {
     const $ = sa({
       style: w,
       timeout: x,
@@ -11118,9 +11118,9 @@ const XP = {
     in: u,
     nodeRef: I,
     onEnter: T,
-    onEntered: O,
+    onEntered: R,
     onEntering: D,
-    onExit: R,
+    onExit: O,
     onExited: L,
     onExiting: C,
     addEndListener: j,
@@ -11435,18 +11435,18 @@ function tT(e) {
     Rl.add(I(), $), m.current && P();
   }), D = () => Rl.isTopModal(I()), T = ze(($) => {
     h.current = $, $ && (u && D() ? P() : m.current && Ei(m.current, v));
-  }), O = p.useCallback(() => {
+  }), R = p.useCallback(() => {
     Rl.remove(I(), v);
   }, [v]);
   p.useEffect(() => () => {
-    O();
-  }, [O]), p.useEffect(() => {
-    u ? M() : (!x || !s) && O();
-  }, [u, O, x, s, M]);
+    R();
+  }, [R]), p.useEffect(() => {
+    u ? M() : (!x || !s) && R();
+  }, [u, R, x, s, M]);
   const C = ($) => (N) => {
     $.onKeyDown?.(N), !(N.key !== "Escape" || N.which === 229 || // Wait until IME is settled.
     !D()) && (o || (N.stopPropagation(), c && c(N, "escapeKeyDown")));
-  }, R = ($) => (N) => {
+  }, O = ($) => (N) => {
     $.onClick?.(N), N.target === N.currentTarget && c && c(N, "backdropClick");
   };
   return {
@@ -11475,7 +11475,7 @@ function tT(e) {
       return {
         "aria-hidden": !0,
         ...N,
-        onClick: R(N),
+        onClick: O(N),
         open: u
       };
     },
@@ -11483,7 +11483,7 @@ function tT(e) {
       const $ = () => {
         w(!1), i && i();
       }, N = () => {
-        w(!0), l && l(), s && O();
+        w(!0), l && l(), s && R();
       };
       return {
         onEnter: Ch($, a?.props.onEnter ?? Oh),
@@ -11568,9 +11568,9 @@ const oT = (e) => {
     onClose: M,
     onTransitionEnter: D,
     onTransitionExited: T,
-    open: O,
+    open: R,
     slotProps: C = {},
-    slots: R = {},
+    slots: O = {},
     // eslint-disable-next-line react/prop-types
     theme: L,
     ...j
@@ -11611,7 +11611,7 @@ const oT = (e) => {
     slots: {
       root: h.Root,
       backdrop: h.Backdrop,
-      ...R
+      ...O
     },
     slotProps: {
       ...m,
@@ -11643,7 +11643,7 @@ const oT = (e) => {
     className: ce(i?.className, U?.backdrop),
     ownerState: B
   });
-  return !P && !O && (!F || k) ? null : /* @__PURE__ */ b.jsx(Fi, {
+  return !P && !R && (!F || k) ? null : /* @__PURE__ */ b.jsx(Fi, {
     ref: _,
     container: d,
     disablePortal: x,
@@ -11656,7 +11656,7 @@ const oT = (e) => {
         disableAutoFocus: y,
         disableRestoreFocus: v,
         isEnabled: G,
-        open: O,
+        open: R,
         children: /* @__PURE__ */ p.cloneElement(u, z)
       })]
     })
@@ -12055,7 +12055,7 @@ const uT = (e) => {
     // TODO: remove in v7
     disableScrollLock: M = !1,
     ...D
-  } = r, T = p.useRef(), O = {
+  } = r, T = p.useRef(), R = {
     ...r,
     anchorOrigin: l,
     anchorReference: c,
@@ -12065,7 +12065,7 @@ const uT = (e) => {
     TransitionComponent: S,
     transitionDuration: I,
     TransitionProps: P
-  }, C = uT(O), R = p.useCallback(() => {
+  }, C = uT(R), O = p.useCallback(() => {
     if (c === "anchorPosition")
       return process.env.NODE_ENV !== "production" && (a || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), a;
     const Y = mi(i), re = Y && Y.nodeType === 1 ? Y : It(T.current).body, K = re.getBoundingClientRect();
@@ -12092,7 +12092,7 @@ const uT = (e) => {
         left: null,
         transformOrigin: kh(K)
       };
-    const ee = R();
+    const ee = O();
     let ne = ee.top - K.vertical, se = ee.left - K.horizontal;
     const Se = ne + re.height, Pe = se + re.width, ae = Do(mi(i)), Ge = ae.innerHeight - m, Te = ae.innerWidth - m;
     if (m !== null && ne < m) {
@@ -12115,7 +12115,7 @@ const uT = (e) => {
       left: `${Math.round(se)}px`,
       transformOrigin: kh(K)
     };
-  }, [i, c, R, L, m]), [H, $] = p.useState(y), N = p.useCallback(() => {
+  }, [i, c, O, L, m]), [H, $] = p.useState(y), N = p.useCallback(() => {
     const Y = T.current;
     if (!Y)
       return;
@@ -12158,7 +12158,7 @@ const uT = (e) => {
   }, [F, B] = Xe("transition", {
     elementType: Es,
     externalForwardedProps: k,
-    ownerState: O,
+    ownerState: R,
     getSlotProps: (Y) => ({
       ...Y,
       onEntering: (re, K) => {
@@ -12191,14 +12191,14 @@ const uT = (e) => {
         backdrop: w.backdrop
       },
       slotProps: {
-        backdrop: Eb(typeof x.backdrop == "function" ? x.backdrop(O) : x.backdrop, {
+        backdrop: Eb(typeof x.backdrop == "function" ? x.backdrop(R) : x.backdrop, {
           invisible: !0
         })
       },
       container: U,
       open: y
     },
-    ownerState: O,
+    ownerState: R,
     className: ce(C.root, d)
   }), [Z, X] = Xe("paper", {
     ref: T,
@@ -12212,7 +12212,7 @@ const uT = (e) => {
         opacity: 0
       }
     },
-    ownerState: O
+    ownerState: R
   });
   return /* @__PURE__ */ b.jsx(z, {
     ...Q,
@@ -12502,17 +12502,17 @@ const fT = {
     transitionDuration: m,
     TransitionProps: g,
     variant: w
-  }, M = gT(P), D = s && !a && d, T = p.useRef(null), O = (G, k) => {
+  }, M = gT(P), D = s && !a && d, T = p.useRef(null), R = (G, k) => {
     T.current && T.current.adjustStyleForScrollbar(G, {
       direction: I ? "rtl" : "ltr"
     }), y && y(G, k);
   }, C = (G) => {
     G.key === "Tab" && (G.preventDefault(), u && u(G, "tabKeyDown"));
   };
-  let R = -1;
+  let O = -1;
   p.Children.map(i, (G, k) => {
     /* @__PURE__ */ p.isValidElement(G) && (process.env.NODE_ENV !== "production" && Or.isFragment(G) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
-`)), G.props.disabled || (w === "selectedMenu" && G.props.selected || R === -1) && (R = k));
+`)), G.props.disabled || (w === "selectedMenu" && G.props.selected || O === -1) && (O = k));
   });
   const L = {
     slots: x,
@@ -12569,7 +12569,7 @@ const fT = {
       transition: {
         ..._,
         onEntering: (...G) => {
-          O(...G), _?.onEntering?.(...G);
+          R(...G), _?.onEntering?.(...G);
         }
       }
     },
@@ -12581,7 +12581,7 @@ const fT = {
     classes: h,
     children: /* @__PURE__ */ b.jsx(N, {
       actions: T,
-      autoFocus: s && (R === -1 || a),
+      autoFocus: s && (O === -1 || a),
       autoFocusItem: D,
       variant: w,
       ...A,
@@ -13029,9 +13029,9 @@ const IT = (e) => {
     onClose: M,
     onFocus: D,
     onOpen: T,
-    open: O,
+    open: R,
     readOnly: C,
-    renderValue: R,
+    renderValue: O,
     required: L,
     SelectDisplayProps: j = {},
     tabIndex: H,
@@ -13045,12 +13045,12 @@ const IT = (e) => {
     default: d,
     name: "Select"
   }), [F, B] = er({
-    controlled: O,
+    controlled: R,
     default: u,
     name: "Select"
   }), U = p.useRef(null), z = p.useRef(null), [q, W] = p.useState(null), {
     current: Q
-  } = p.useRef(O != null), [Z, X] = p.useState(), Y = rt(o, g), re = p.useCallback((Re) => {
+  } = p.useRef(R != null), [Z, X] = p.useState(), Y = rt(o, g), re = p.useCallback((Re) => {
     z.current = Re, Re && W(Re);
   }, []), K = q?.parentNode;
   p.useImperativeHandle(Y, () => ({
@@ -13130,7 +13130,7 @@ const IT = (e) => {
   let de = !1, pe = !1;
   (na({
     value: G
-  }) || h) && (R ? we = R(G) : de = !0);
+  }) || h) && (O ? we = O(G) : de = !0);
   const Ie = Se.map((Re) => {
     if (!/* @__PURE__ */ p.isValidElement(Re))
       return null;
@@ -13456,10 +13456,10 @@ const qb = Nt(/* @__PURE__ */ b.jsx("path", {
     renderValue: M,
     SelectDisplayProps: D,
     variant: T = "outlined",
-    ...O
-  } = r, C = v ? Bb : zb, R = $o(), L = Ar({
+    ...R
+  } = r, C = v ? Bb : zb, O = $o(), L = Ar({
     props: r,
-    muiFormControl: R,
+    muiFormControl: O,
     states: ["variant", "error"]
   }), j = L.variant || T, H = {
     ...r,
@@ -13523,7 +13523,7 @@ const qb = Nt(/* @__PURE__ */ b.jsx("path", {
       ...!h && {
         variant: j
       },
-      ...O
+      ...R
     })
   });
 });
@@ -13719,9 +13719,9 @@ const NT = {
     minRows: M,
     multiline: D = !1,
     name: T,
-    onBlur: O,
+    onBlur: R,
     onChange: C,
-    onFocus: R,
+    onFocus: O,
     placeholder: L,
     required: j = !1,
     rows: H,
@@ -13812,9 +13812,9 @@ const NT = {
     value: k,
     id: q,
     inputRef: S,
-    onBlur: O,
+    onBlur: R,
     onChange: C,
-    onFocus: R,
+    onFocus: O,
     placeholder: L,
     inputProps: Ge,
     slots: {
@@ -15003,7 +15003,7 @@ const Vn = Ve("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
       rippleX: M,
       rippleY: D,
       rippleSize: T,
-      cb: O
+      cb: R
     } = I;
     u((C) => [...C, /* @__PURE__ */ b.jsx(cI, {
       classes: {
@@ -15019,13 +15019,13 @@ const Vn = Ve("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
       rippleX: M,
       rippleY: D,
       rippleSize: T
-    }, d.current)]), d.current += 1, f.current = O;
+    }, d.current)]), d.current += 1, f.current = R;
   }, [i]), x = p.useCallback((I = {}, P = {}, M = () => {
   }) => {
     const {
       pulsate: D = !1,
       center: T = s || P.pulsate,
-      fakeElement: O = !1
+      fakeElement: R = !1
       // For test purposes
     } = P;
     if (I?.type === "mousedown" && h.current) {
@@ -15033,7 +15033,7 @@ const Vn = Ve("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
       return;
     }
     I?.type === "touchstart" && (h.current = !0);
-    const C = O ? null : g.current, R = C ? C.getBoundingClientRect() : {
+    const C = R ? null : g.current, O = C ? C.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
@@ -15041,16 +15041,16 @@ const Vn = Ve("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
     };
     let L, j, H;
     if (T || I === void 0 || I.clientX === 0 && I.clientY === 0 || !I.clientX && !I.touches)
-      L = Math.round(R.width / 2), j = Math.round(R.height / 2);
+      L = Math.round(O.width / 2), j = Math.round(O.height / 2);
     else {
       const {
         clientX: $,
         clientY: N
       } = I.touches && I.touches.length > 0 ? I.touches[0] : I;
-      L = Math.round($ - R.left), j = Math.round(N - R.top);
+      L = Math.round($ - O.left), j = Math.round(N - O.top);
     }
     if (T)
-      H = Math.sqrt((2 * R.width ** 2 + R.height ** 2) / 3), H % 2 === 0 && (H += 1);
+      H = Math.sqrt((2 * O.width ** 2 + O.height ** 2) / 3), H % 2 === 0 && (H += 1);
     else {
       const $ = Math.max(Math.abs((C ? C.clientWidth : 0) - L), L) * 2 + 2, N = Math.max(Math.abs((C ? C.clientHeight : 0) - j), j) * 2 + 2;
       H = Math.sqrt($ ** 2 + N ** 2);
@@ -15196,9 +15196,9 @@ const dI = Ve("MuiButtonBase", ["root", "disabled", "focusVisible"]), pI = (e) =
     onKeyUp: M,
     onMouseDown: D,
     onMouseLeave: T,
-    onMouseUp: O,
+    onMouseUp: R,
     onTouchEnd: C,
-    onTouchMove: R,
+    onTouchMove: O,
     onTouchStart: L,
     tabIndex: j = 0,
     TouchRippleProps: H,
@@ -15215,9 +15215,9 @@ const dI = Ve("MuiButtonBase", ["root", "disabled", "focusVisible"]), pI = (e) =
   p.useEffect(() => {
     F && h && !d && G.pulsate();
   }, [d, h, F, G]);
-  const z = So(G, "start", D, f), q = So(G, "stop", x, f), W = So(G, "stop", v, f), Q = So(G, "stop", O, f), Z = So(G, "stop", (we) => {
+  const z = So(G, "start", D, f), q = So(G, "stop", x, f), W = So(G, "stop", v, f), Q = So(G, "stop", R, f), Z = So(G, "stop", (we) => {
     F && we.preventDefault(), T && T(we);
-  }, f), X = So(G, "start", L, f), Y = So(G, "stop", C, f), re = So(G, "stop", R, f), K = So(G, "stop", (we) => {
+  }, f), X = So(G, "start", L, f), Y = So(G, "stop", C, f), re = So(G, "stop", O, f), K = So(G, "stop", (we) => {
     xs(we.target) || B(!1), g && g(we);
   }, !1), ee = ze((we) => {
     _.current || (_.current = we.currentTarget), xs(we.target) && (B(!0), I && I(we)), S && S(we);
@@ -15908,7 +15908,7 @@ const vr = Ve("MuiListItemText", ["root", "multiline", "dense", "inset", "primar
     elementType: wn,
     externalForwardedProps: I,
     ownerState: v
-  }), [O, C] = Xe("secondary", {
+  }), [R, C] = Xe("secondary", {
     className: S.secondary,
     elementType: wn,
     externalForwardedProps: I,
@@ -15919,7 +15919,7 @@ const vr = Ve("MuiListItemText", ["root", "multiline", "dense", "inset", "primar
     component: T?.variant ? void 0 : "span",
     ...T,
     children: w
-  })), x != null && x.type !== wn && !l && (x = /* @__PURE__ */ b.jsx(O, {
+  })), x != null && x.type !== wn && !l && (x = /* @__PURE__ */ b.jsx(R, {
     variant: "body2",
     color: "textSecondary",
     ...C,
@@ -16935,7 +16935,7 @@ const WI = (e) => {
     d(q, f + 1);
   }, T = (q) => {
     d(q, Math.max(0, Math.ceil(l / h) - 1));
-  }, O = g.firstButton ?? ro, C = g.lastButton ?? ro, R = g.nextButton ?? ro, L = g.previousButton ?? ro, j = g.firstButtonIcon ?? qI, H = g.lastButtonIcon ?? zI, $ = g.nextButtonIcon ?? DI, N = g.previousButtonIcon ?? kI, A = v ? C : O, _ = v ? R : L, G = v ? L : R, k = v ? O : C, F = v ? w.lastButton : w.firstButton, B = v ? w.nextButton : w.previousButton, U = v ? w.previousButton : w.nextButton, z = v ? w.firstButton : w.lastButton;
+  }, R = g.firstButton ?? ro, C = g.lastButton ?? ro, O = g.nextButton ?? ro, L = g.previousButton ?? ro, j = g.firstButtonIcon ?? qI, H = g.lastButtonIcon ?? zI, $ = g.nextButtonIcon ?? DI, N = g.previousButtonIcon ?? kI, A = v ? C : R, _ = v ? O : L, G = v ? L : O, k = v ? R : C, F = v ? w.lastButton : w.firstButton, B = v ? w.nextButton : w.previousButton, U = v ? w.previousButton : w.nextButton, z = v ? w.firstButton : w.lastButton;
   return /* @__PURE__ */ b.jsxs(KI, {
     ref: o,
     className: ce(I.root, i),
@@ -17221,10 +17221,10 @@ const sO = (e) => {
     slotProps: M = {},
     slots: D = {},
     ...T
-  } = r, O = r, C = sO(O), R = M?.select ?? S, L = R.native ? "option" : tO;
+  } = r, R = r, C = sO(R), O = M?.select ?? S, L = O.native ? "option" : tO;
   let j;
   (a === To || a === "td") && (j = l || 1e3);
-  const H = Ye(R.id), $ = Ye(R.labelId), N = () => c === -1 ? (w + 1) * x : x === -1 ? c : Math.min(c, (w + 1) * x), A = {
+  const H = Ye(O.id), $ = Ye(O.labelId), N = () => c === -1 ? (w + 1) * x : x === -1 ? c : Math.min(c, (w + 1) * x), A = {
     slots: D,
     slotProps: M
   }, [_, G] = Xe("root", {
@@ -17236,7 +17236,7 @@ const sO = (e) => {
       component: a,
       ...T
     },
-    ownerState: O,
+    ownerState: R,
     additionalProps: {
       colSpan: j
     }
@@ -17244,17 +17244,17 @@ const sO = (e) => {
     className: C.toolbar,
     elementType: QI,
     externalForwardedProps: A,
-    ownerState: O
+    ownerState: R
   }), [B, U] = Xe("spacer", {
     className: C.spacer,
     elementType: JI,
     externalForwardedProps: A,
-    ownerState: O
+    ownerState: R
   }), [z, q] = Xe("selectLabel", {
     className: C.selectLabel,
     elementType: ZI,
     externalForwardedProps: A,
-    ownerState: O,
+    ownerState: R,
     additionalProps: {
       id: $
     }
@@ -17262,17 +17262,17 @@ const sO = (e) => {
     className: C.select,
     elementType: eO,
     externalForwardedProps: A,
-    ownerState: O
+    ownerState: R
   }), [Z, X] = Xe("menuItem", {
     className: C.menuItem,
     elementType: L,
     externalForwardedProps: A,
-    ownerState: O
+    ownerState: R
   }), [Y, re] = Xe("displayedRows", {
     className: C.displayedRows,
     elementType: nO,
     externalForwardedProps: A,
-    ownerState: O
+    ownerState: R
   });
   return /* @__PURE__ */ b.jsx(_, {
     ...G,
@@ -17285,21 +17285,21 @@ const sO = (e) => {
         children: h
       }), v.length > 1 && /* @__PURE__ */ b.jsx(W, {
         variant: "standard",
-        ...!R.variant && {
+        ...!O.variant && {
           input: Hh || (Hh = /* @__PURE__ */ b.jsx(Vr, {}))
         },
         value: x,
         onChange: g,
         id: H,
         labelId: $,
-        ...R,
+        ...O,
         classes: {
-          ...R.classes,
+          ...O.classes,
           // TODO v5 remove `classes.input`
-          root: ce(C.input, C.selectRoot, (R.classes || {}).root),
-          select: ce(C.select, (R.classes || {}).select),
+          root: ce(C.input, C.selectRoot, (O.classes || {}).root),
+          select: ce(C.select, (O.classes || {}).select),
           // TODO v5 remove `selectIcon`
-          icon: ce(C.selectIcon, (R.classes || {}).icon)
+          icon: ce(C.selectIcon, (O.classes || {}).icon)
         },
         disabled: u,
         ...Q,
@@ -18006,8 +18006,8 @@ const dO = (e) => {
     startIcon: M,
     type: D,
     variant: T = "text",
-    ...O
-  } = l, C = Ye(x), R = S ?? /* @__PURE__ */ b.jsx(ec, {
+    ...R
+  } = l, C = Ye(x), O = S ?? /* @__PURE__ */ b.jsx(ec, {
     "aria-labelledby": C,
     color: "inherit",
     size: 16
@@ -18020,7 +18020,7 @@ const dO = (e) => {
     disableFocusRipple: m,
     fullWidth: w,
     loading: v,
-    loadingIndicator: R,
+    loadingIndicator: O,
     loadingPosition: I,
     size: P,
     type: D,
@@ -18049,7 +18049,7 @@ const dO = (e) => {
       children: v && /* @__PURE__ */ b.jsx(gO, {
         className: j.loadingIndicator,
         ownerState: L,
-        children: R
+        children: O
       })
     })
   ) : null;
@@ -18063,7 +18063,7 @@ const dO = (e) => {
     ref: o,
     type: D,
     id: v ? C : x,
-    ...O,
+    ...R,
     classes: j,
     children: [H, I !== "end" && A, a, I === "end" && A, $]
   });
@@ -18463,8 +18463,8 @@ const xO = (e) => {
     value: M,
     slots: D = {},
     slotProps: T = {},
-    ...O
-  } = t, [C, R] = er({
+    ...R
+  } = t, [C, O] = er({
     controlled: s,
     default: !!l,
     name: "SwitchBase",
@@ -18477,7 +18477,7 @@ const xO = (e) => {
     if (q.nativeEvent.defaultPrevented)
       return;
     const W = q.target.checked;
-    R(W), w && w(q, W);
+    O(W), w && w(q, W);
   };
   let N = a;
   L && typeof N > "u" && (N = L.disabled);
@@ -18501,7 +18501,7 @@ const xO = (e) => {
     externalForwardedProps: {
       ...k,
       component: "span",
-      ...O
+      ...R
     },
     getSlotProps: (q) => ({
       ...q,
@@ -19047,13 +19047,13 @@ const us = Ve("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlace
     props: r,
     muiFormControl: I,
     states: ["error"]
-  }), O = {
+  }), R = {
     ...r,
     disabled: P,
     labelPlacement: h,
     required: M,
     error: T.error
-  }, C = $O(O), R = {
+  }, C = $O(R), O = {
     slots: w,
     slotProps: {
       ...l,
@@ -19061,8 +19061,8 @@ const us = Ve("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlace
     }
   }, [L, j] = Xe("typography", {
     elementType: wn,
-    externalForwardedProps: R,
-    ownerState: O
+    externalForwardedProps: O,
+    ownerState: R
   });
   let H = f;
   return H != null && H.type !== wn && !u && (H = /* @__PURE__ */ b.jsx(L, {
@@ -19072,12 +19072,12 @@ const us = Ve("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlace
     children: H
   })), /* @__PURE__ */ b.jsxs(LO, {
     className: ce(C.root, i),
-    ownerState: O,
+    ownerState: R,
     ref: o,
     ...S,
     children: [/* @__PURE__ */ p.cloneElement(a, D), M ? /* @__PURE__ */ b.jsxs("div", {
       children: [H, /* @__PURE__ */ b.jsxs(jO, {
-        ownerState: O,
+        ownerState: R,
         "aria-hidden": !0,
         className: C.asterisk,
         children: [" ", "*"]
@@ -19492,11 +19492,11 @@ function qh(e) {
     var M = nl(o), D = "clientHeight", T = "clientWidth";
     if (M === Ln(o) && (M = ar(o), No(M).position !== "static" && a === "absolute" && (D = "scrollHeight", T = "scrollWidth")), M = M, s === En || (s === Pn || s === Yn) && i === $i) {
       I = Xn;
-      var O = f && M === P && P.visualViewport ? P.visualViewport.height : (
+      var R = f && M === P && P.visualViewport ? P.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         M[D]
       );
-      g -= O - r.height, g *= c ? 1 : -1;
+      g -= R - r.height, g *= c ? 1 : -1;
     }
     if (s === Pn || (s === En || s === Xn) && i === $i) {
       S = Yn;
@@ -19507,7 +19507,7 @@ function qh(e) {
       m -= C - r.width, m *= c ? 1 : -1;
     }
   }
-  var R = Object.assign({
+  var O = Object.assign({
     position: a
   }, u && cR), L = d === !0 ? uR({
     x: m,
@@ -19518,9 +19518,9 @@ function qh(e) {
   };
   if (m = L.x, g = L.y, c) {
     var j;
-    return Object.assign({}, R, (j = {}, j[I] = v ? "0" : "", j[S] = x ? "0" : "", j.transform = (P.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + g + "px)" : "translate3d(" + m + "px, " + g + "px, 0)", j));
+    return Object.assign({}, O, (j = {}, j[I] = v ? "0" : "", j[S] = x ? "0" : "", j.transform = (P.devicePixelRatio || 1) <= 1 ? "translate(" + m + "px, " + g + "px)" : "translate3d(" + m + "px, " + g + "px, 0)", j));
   }
-  return Object.assign({}, R, (t = {}, t[I] = v ? g + "px" : "", t[S] = x ? m + "px" : "", t.transform = "", t));
+  return Object.assign({}, O, (t = {}, t[I] = v ? g + "px" : "", t[S] = x ? m + "px" : "", t.transform = "", t));
 }
 function dR(e) {
   var t = e.state, o = e.options, r = o.gpuAcceleration, s = r === void 0 ? !0 : r, i = o.adaptive, l = i === void 0 ? !0 : i, a = o.roundOffsets, c = a === void 0 ? !0 : a, u = {
@@ -19724,14 +19724,14 @@ function Li(e, t) {
     reference: M,
     element: S,
     placement: s
-  }), T = Ru(Object.assign({}, S, D)), O = h === si ? T : M, C = {
-    top: P.top - O.top + x.top,
-    bottom: O.bottom - P.bottom + x.bottom,
-    left: P.left - O.left + x.left,
-    right: O.right - P.right + x.right
-  }, R = e.modifiersData.offset;
-  if (h === si && R) {
-    var L = R[s];
+  }), T = Ru(Object.assign({}, S, D)), R = h === si ? T : M, C = {
+    top: P.top - R.top + x.top,
+    bottom: R.bottom - P.bottom + x.bottom,
+    left: P.left - R.left + x.left,
+    right: R.right - P.right + x.right
+  }, O = e.modifiersData.offset;
+  if (h === si && O) {
+    var L = O[s];
     Object.keys(C).forEach(function(j) {
       var H = [Yn, Xn].indexOf(j) >= 0 ? 1 : -1, $ = [En, Xn].indexOf(j) >= 0 ? "y" : "x";
       C[j] += L[$] * H;
@@ -19777,9 +19777,9 @@ function ER(e) {
         flipVariations: y,
         allowedAutoPlacements: g
       }) : q);
-    }, []), P = t.rects.reference, M = t.rects.popper, D = /* @__PURE__ */ new Map(), T = !0, O = I[0], C = 0; C < I.length; C++) {
-      var R = I[C], L = ho(R), j = ks(R) === Os, H = [En, Xn].indexOf(L) >= 0, $ = H ? "width" : "height", N = Li(t, {
-        placement: R,
+    }, []), P = t.rects.reference, M = t.rects.popper, D = /* @__PURE__ */ new Map(), T = !0, R = I[0], C = 0; C < I.length; C++) {
+      var O = I[C], L = ho(O), j = ks(O) === Os, H = [En, Xn].indexOf(L) >= 0, $ = H ? "width" : "height", N = Li(t, {
+        placement: O,
         boundary: d,
         rootBoundary: f,
         altBoundary: h,
@@ -19790,10 +19790,10 @@ function ER(e) {
       if (i && G.push(N[L] <= 0), a && G.push(N[A] <= 0, N[_] <= 0), G.every(function(z) {
         return z;
       })) {
-        O = R, T = !1;
+        R = O, T = !1;
         break;
       }
-      D.set(R, G);
+      D.set(O, G);
     }
     if (T)
       for (var k = y ? 3 : 1, F = function(q) {
@@ -19805,12 +19805,12 @@ function ER(e) {
             });
         });
         if (W)
-          return O = W, "break";
+          return R = W, "break";
       }, B = k; B > 0; B--) {
         var U = F(B);
         if (U === "break") break;
       }
-    t.placement !== O && (t.modifiersData[r]._skip = !0, t.placement = O, t.reset = !0);
+    t.placement !== R && (t.modifiersData[r]._skip = !0, t.placement = R, t.reset = !0);
   }
 }
 const PR = {
@@ -19911,15 +19911,15 @@ function FR(e) {
     rootBoundary: u,
     padding: f,
     altBoundary: d
-  }), x = ho(t.placement), v = ks(t.placement), S = !v, I = _d(x), P = NR(I), M = t.modifiersData.popperOffsets, D = t.rects.reference, T = t.rects.popper, O = typeof g == "function" ? g(Object.assign({}, t.rects, {
+  }), x = ho(t.placement), v = ks(t.placement), S = !v, I = _d(x), P = NR(I), M = t.modifiersData.popperOffsets, D = t.rects.reference, T = t.rects.popper, R = typeof g == "function" ? g(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : g, C = typeof O == "number" ? {
-    mainAxis: O,
-    altAxis: O
+  })) : g, C = typeof R == "number" ? {
+    mainAxis: R,
+    altAxis: R
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, O), R = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, L = {
+  }, R), O = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, L = {
     x: 0,
     y: 0
   };
@@ -19928,11 +19928,11 @@ function FR(e) {
       var j, H = I === "y" ? En : Pn, $ = I === "y" ? Xn : Yn, N = I === "y" ? "height" : "width", A = M[I], _ = A + w[H], G = A - w[$], k = m ? -T[N] / 2 : 0, F = v === Os ? D[N] : T[N], B = v === Os ? -T[N] : -D[N], U = t.elements.arrow, z = m && U ? Vd(U) : {
         width: 0,
         height: 0
-      }, q = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ay(), W = q[H], Q = q[$], Z = Pi(0, D[N], z[N]), X = S ? D[N] / 2 - k - Z - W - C.mainAxis : F - Z - W - C.mainAxis, Y = S ? -D[N] / 2 + k + Z + Q + C.mainAxis : B + Z + Q + C.mainAxis, re = t.elements.arrow && nl(t.elements.arrow), K = re ? I === "y" ? re.clientTop || 0 : re.clientLeft || 0 : 0, ee = (j = R?.[I]) != null ? j : 0, ne = A + X - ee - K, se = A + Y - ee, Se = Pi(m ? aa(_, ne) : _, A, m ? Tr(G, se) : G);
+      }, q = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : ay(), W = q[H], Q = q[$], Z = Pi(0, D[N], z[N]), X = S ? D[N] / 2 - k - Z - W - C.mainAxis : F - Z - W - C.mainAxis, Y = S ? -D[N] / 2 + k + Z + Q + C.mainAxis : B + Z + Q + C.mainAxis, re = t.elements.arrow && nl(t.elements.arrow), K = re ? I === "y" ? re.clientTop || 0 : re.clientLeft || 0 : 0, ee = (j = O?.[I]) != null ? j : 0, ne = A + X - ee - K, se = A + Y - ee, Se = Pi(m ? aa(_, ne) : _, A, m ? Tr(G, se) : G);
       M[I] = Se, L[I] = Se - A;
     }
     if (a) {
-      var Pe, ae = I === "x" ? En : Pn, Ge = I === "x" ? Xn : Yn, Te = M[P], $e = P === "y" ? "height" : "width", we = Te + w[ae], Ue = Te - w[Ge], Le = [En, Pn].indexOf(x) !== -1, de = (Pe = R?.[P]) != null ? Pe : 0, pe = Le ? we : Te - D[$e] - T[$e] - de + C.altAxis, Ie = Le ? Te + D[$e] + T[$e] - de - C.altAxis : Ue, be = m && Le ? rR(pe, Te, Ie) : Pi(m ? pe : we, Te, m ? Ie : Ue);
+      var Pe, ae = I === "x" ? En : Pn, Ge = I === "x" ? Xn : Yn, Te = M[P], $e = P === "y" ? "height" : "width", we = Te + w[ae], Ue = Te - w[Ge], Le = [En, Pn].indexOf(x) !== -1, de = (Pe = O?.[P]) != null ? Pe : 0, pe = Le ? we : Te - D[$e] - T[$e] - de + C.altAxis, Ie = Le ? Te + D[$e] + T[$e] - de - C.altAxis : Ue, be = m && Le ? rR(pe, Te, Ie) : Pi(m ? pe : we, Te, m ? Ie : Ue);
       M[P] = be, L[P] = be - Te;
     }
     t.modifiersData[r] = L;
@@ -20085,11 +20085,11 @@ function zR(e) {
                 d.reset = !1, I = -1;
                 continue;
               }
-              var P = d.orderedModifiers[I], M = P.fn, D = P.options, T = D === void 0 ? {} : D, O = P.name;
+              var P = d.orderedModifiers[I], M = P.fn, D = P.options, T = D === void 0 ? {} : D, R = P.name;
               typeof M == "function" && (d = M({
                 state: d,
                 options: T,
-                name: O,
+                name: R,
                 instance: m
               }) || d);
             }
@@ -20196,19 +20196,19 @@ const YR = (e) => {
   yt(() => {
     P.current = I;
   }, [I]), p.useImperativeHandle(f, () => S.current, []);
-  const M = KR(u, i), [D, T] = p.useState(M), [O, C] = p.useState(ca(r));
+  const M = KR(u, i), [D, T] = p.useState(M), [R, C] = p.useState(ca(r));
   p.useEffect(() => {
     S.current && S.current.forceUpdate();
   }), p.useEffect(() => {
     r && C(ca(r));
   }, [r]), yt(() => {
-    if (!O || !c)
+    if (!R || !c)
       return;
     const $ = (_) => {
       T(_.placement);
     };
-    if (process.env.NODE_ENV !== "production" && O && nc(O) && O.nodeType === 1) {
-      const _ = O.getBoundingClientRect();
+    if (process.env.NODE_ENV !== "production" && R && nc(R) && R.nodeType === 1) {
+      const _ = R.getBoundingClientRect();
       process.env.NODE_ENV !== "test" && _.top === 0 && _.left === 0 && _.right === 0 && _.bottom === 0 && console.warn(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
 `));
     }
@@ -20233,7 +20233,7 @@ const YR = (e) => {
       }
     }];
     a != null && (N = N.concat(a)), d && d.modifiers != null && (N = N.concat(d.modifiers));
-    const A = UR(O, x.current, {
+    const A = UR(R, x.current, {
       placement: M,
       ...d,
       modifiers: N
@@ -20241,11 +20241,11 @@ const YR = (e) => {
     return P.current(A), () => {
       A.destroy(), P.current(null);
     };
-  }, [O, l, a, c, d, M]);
-  const R = {
+  }, [R, l, a, c, d, M]);
+  const O = {
     placement: D
   };
-  y !== null && (R.TransitionProps = y);
+  y !== null && (O.TransitionProps = y);
   const L = YR(t), j = m.root ?? "div", H = po({
     elementType: j,
     externalSlotProps: h.root,
@@ -20259,7 +20259,7 @@ const YR = (e) => {
   });
   return /* @__PURE__ */ b.jsx(j, {
     ...H,
-    children: typeof s == "function" ? s(R) : s
+    children: typeof s == "function" ? s(O) : s
   });
 }), fy = /* @__PURE__ */ p.forwardRef(function(t, o) {
   const {
@@ -20293,7 +20293,7 @@ const YR = (e) => {
     const C = ca(r);
     D = C && nc(C) ? It(C).body : It(null).body;
   }
-  const T = !d && c && (!g || S) ? "none" : void 0, O = g ? {
+  const T = !d && c && (!g || S) ? "none" : void 0, R = g ? {
     in: d,
     onEnter: P,
     onExited: M
@@ -20323,7 +20323,7 @@ const YR = (e) => {
         display: T,
         ...y
       },
-      TransitionProps: O,
+      TransitionProps: R,
       children: s
     })
   });
@@ -20931,9 +20931,9 @@ const Io = /* @__PURE__ */ p.forwardRef(function(t, o) {
     onOpen: M,
     open: D,
     placement: T = "bottom",
-    PopperComponent: O,
+    PopperComponent: R,
     PopperProps: C = {},
-    slotProps: R = {},
+    slotProps: O = {},
     slots: L = {},
     title: j,
     TransitionComponent: H,
@@ -21043,9 +21043,9 @@ const Io = /* @__PURE__ */ p.forwardRef(function(t, o) {
     arrow: s,
     disableInteractive: q,
     placement: T,
-    PopperComponentProp: O,
+    PopperComponentProp: R,
     touch: z.current
-  }, Qe = typeof R.popper == "function" ? R.popper(Ne) : R.popper, Bt = p.useMemo(() => {
+  }, Qe = typeof O.popper == "function" ? O.popper(Ne) : O.popper, Bt = p.useMemo(() => {
     let We = [{
       name: "arrow",
       enabled: !!B,
@@ -21059,7 +21059,7 @@ const Io = /* @__PURE__ */ p.forwardRef(function(t, o) {
       ...Qe?.popperOptions,
       modifiers: We
     };
-  }, [B, C.popperOptions, Qe?.popperOptions]), Re = n1(Ne), _e = typeof R.transition == "function" ? R.transition(Ne) : R.transition, dt = {
+  }, [B, C.popperOptions, Qe?.popperOptions]), Re = n1(Ne), _e = typeof O.transition == "function" ? O.transition(Ne) : O.transition, dt = {
     slots: {
       popper: a.Popper,
       transition: a.Transition ?? H,
@@ -21068,13 +21068,13 @@ const Io = /* @__PURE__ */ p.forwardRef(function(t, o) {
       ...L
     },
     slotProps: {
-      arrow: R.arrow ?? c.arrow,
+      arrow: O.arrow ?? c.arrow,
       popper: {
         ...C,
         ...Qe ?? c.popper
       },
       // resolvedPopperProps can be spread because it's already an object
-      tooltip: R.tooltip ?? c.tooltip,
+      tooltip: O.tooltip ?? c.tooltip,
       transition: {
         ...$,
         ..._e ?? c.transition
@@ -21103,7 +21103,7 @@ const Io = /* @__PURE__ */ p.forwardRef(function(t, o) {
   });
   return /* @__PURE__ */ b.jsxs(p.Fragment, {
     children: [/* @__PURE__ */ p.cloneElement(A, fe), /* @__PURE__ */ b.jsx(Ft, {
-      as: O ?? As,
+      as: R ?? As,
       placement: T,
       anchorEl: x ? {
         getBoundingClientRect: () => ({
@@ -21390,14 +21390,14 @@ const c1 = te("div")(({ theme: e }) => ({
     s(+D.target.value), o(0);
   }, a = (D) => {
     const T = [];
-    for (let O = 1; O < D; O++)
-      T.push(/* @__PURE__ */ b.jsx(To, {}, O));
+    for (let R = 1; R < D; R++)
+      T.push(/* @__PURE__ */ b.jsx(To, {}, R));
     return T;
   };
   function c(D) {
     let T = !1;
-    return Array.isArray(e.highlighted) ? (e.highlighted.forEach((O) => {
-      JSON.stringify(D) === JSON.stringify(O) && (T = !0);
+    return Array.isArray(e.highlighted) ? (e.highlighted.forEach((R) => {
+      JSON.stringify(D) === JSON.stringify(R) && (T = !0);
     }), !!T) : JSON.stringify(D) === JSON.stringify(e.highlighted);
   }
   const u = ms(
@@ -21420,8 +21420,8 @@ const c1 = te("div")(({ theme: e }) => ({
   }, [e.columns]);
   const h = br(
     (D, T) => {
-      for (const O in d.columns) {
-        const C = d.columns[O];
+      for (const R in d.columns) {
+        const C = d.columns[R];
         if (C.unsearchable) continue;
         if (C.search && C.search(D) || C.value(D).toString().toLowerCase().includes(T.toLowerCase())) return !0;
       }
@@ -21430,15 +21430,15 @@ const c1 = te("div")(({ theme: e }) => ({
     [d.columns]
   ), m = br(
     (D) => {
-      const T = d.columns[d.sort.column].sort || ((C, R) => a1(
+      const T = d.columns[d.sort.column].sort || ((C, O) => a1(
         d.columns[d.sort.column].value(C),
-        d.columns[d.sort.column].value(R)
-      )), O = D.sort(T);
-      return d.sort.asc || O.reverse(), O;
+        d.columns[d.sort.column].value(O)
+      )), R = D.sort(T);
+      return d.sort.asc || R.reverse(), R;
     },
     [d.columns, d.sort]
   ), y = br(
-    (D, T) => T === "" ? [...D] : D.filter((O) => h(O, T)),
+    (D, T) => T === "" ? [...D] : D.filter((R) => h(R, T)),
     [h]
   ), g = ms(
     () => m(y(e.rows, d.filter || e.search || "")),
@@ -21447,19 +21447,19 @@ const c1 = te("div")(({ theme: e }) => ({
     const D = g.slice(t * r, (t + 1) * r);
     return e.onDisplayedRowsChange?.(t, D), D;
   }, [g, t, r, e.onDisplayedRowsChange]), x = t > 0 ? Math.max(0, (1 + t) * r - e.rows.length) : 0, v = br(() => {
-    const D = d.columns.map((R) => R.header).join("	") + `
+    const D = d.columns.map((O) => O.header).join("	") + `
 ` + g.map(
-      (R) => d.columns.map((L) => L.value(R)).join("	")
+      (O) => d.columns.map((L) => L.value(O)).join("	")
     ).join(`
 `) + `
 `, T = document.createElement("a");
     document.body.appendChild(T), T.setAttribute("style", "display: none");
-    const O = new Blob([D], { type: "text/plain" }), C = window.URL.createObjectURL(O);
+    const R = new Blob([D], { type: "text/plain" }), C = window.URL.createObjectURL(R);
     T.href = C, T.download = e.downloadFileName || "table.tsv", T.click(), window.URL.revokeObjectURL(C), T.remove();
-  }, [d.columns, g, e.downloadFileName]), S = Bl(null), I = Bl(null), P = Bl(null), M = (D, T, O) => {
-    if (D.current && T.current && O.current) {
-      const C = D.current.scrollWidth > D.current.clientWidth, R = D.current.scrollLeft > 0, L = D.current.scrollLeft + 1 < D.current.scrollWidth - D.current.clientWidth;
-      T.current.style.visibility = C && L ? "visible" : "hidden", O.current.style.visibility = C && R ? "visible" : "hidden";
+  }, [d.columns, g, e.downloadFileName]), S = Bl(null), I = Bl(null), P = Bl(null), M = (D, T, R) => {
+    if (D.current && T.current && R.current) {
+      const C = D.current.scrollWidth > D.current.clientWidth, O = D.current.scrollLeft > 0, L = D.current.scrollLeft + 1 < D.current.scrollWidth - D.current.clientWidth;
+      T.current.style.visibility = C && L ? "visible" : "hidden", R.current.style.visibility = C && O ? "visible" : "hidden";
     }
   };
   return Oo(() => {
@@ -21614,15 +21614,15 @@ const c1 = te("div")(({ theme: e }) => ({
                           sx: { cursor: e.onRowClick ? "pointer" : "auto" },
                           onMouseEnter: () => e.onRowMouseEnter && e.onRowMouseEnter(D, T + t * r),
                           onMouseLeave: () => e.onRowMouseLeave && e.onRowMouseLeave(D, T + t * r),
-                          children: d.columns.map((O, C) => /* @__PURE__ */ b.jsx(
+                          children: d.columns.map((R, C) => /* @__PURE__ */ b.jsx(
                             To,
                             {
                               sx: C !== d.columns.length - 1 ? { pr: 0 } : {},
-                              onMouseEnter: () => e.onCellMouseEnter && e.onCellMouseEnter(O.value(D), T, C),
-                              onMouseLeave: () => e.onCellMouseLeave && e.onCellMouseLeave(O.value(D), T, C),
-                              children: O.FunctionalRender ? /* @__PURE__ */ b.jsx(O.FunctionalRender, { ...D }) : O.render ? /* @__PURE__ */ b.jsx(O.render, { ...D }) : O.value(D)
+                              onMouseEnter: () => e.onCellMouseEnter && e.onCellMouseEnter(R.value(D), T, C),
+                              onMouseLeave: () => e.onCellMouseLeave && e.onCellMouseLeave(R.value(D), T, C),
+                              children: R.FunctionalRender ? /* @__PURE__ */ b.jsx(R.FunctionalRender, { ...D }) : R.render ? /* @__PURE__ */ b.jsx(R.render, { ...D }) : R.value(D)
                             },
-                            O.header + "Row" + T + "Column" + C
+                            R.header + "Row" + T + "Column" + C
                           ))
                         },
                         "row" + T
@@ -21729,9 +21729,9 @@ const c1 = te("div")(({ theme: e }) => ({
                     control: /* @__PURE__ */ b.jsx(
                       $d,
                       {
-                        checked: d.columns.find((O) => O.header === D.header) !== void 0,
-                        onChange: (O) => {
-                          O.target.checked && e.columns.find((C) => C.header === D.header) ? f({
+                        checked: d.columns.find((R) => R.header === D.header) !== void 0,
+                        onChange: (R) => {
+                          R.target.checked && e.columns.find((C) => C.header === D.header) ? f({
                             type: "columnsChanged",
                             columns: [...d.columns, D]
                           }) : f({
@@ -22021,17 +22021,17 @@ function my(e, ...t) {
         arguments
       );
       if (a = S.apply(null, D), process.env.NODE_ENV !== "production") {
-        const { identityFunctionCheck: T, inputStabilityCheck: O } = v1(I, g);
+        const { identityFunctionCheck: T, inputStabilityCheck: R } = v1(I, g);
         if (T.shouldRun && T.run(
           u,
           D,
           a
-        ), O.shouldRun) {
+        ), R.shouldRun) {
           const C = tg(
             v,
             arguments
           );
-          O.run(
+          R.run(
             { inputSelectorResults: D, inputSelectorResultsCopy: C },
             { memoize: f, memoizeOptions: w },
             arguments
@@ -23807,12 +23807,12 @@ function qy(e) {
   }), [P]), p.useEffect(() => {
     c >= T && u(T - 1);
   }, [c, T]);
-  const O = () => {
+  const R = () => {
     f(!0), u(T - 1), g.current = !0;
   }, C = () => {
     f(!1);
-  }, R = ($) => {
-    $.stopPropagation(), $.preventDefault(), d ? C() : O();
+  }, O = ($) => {
+    $.stopPropagation(), $.preventDefault(), d ? C() : R();
   }, L = ($) => (N) => {
     w.current[$] = N;
   }, j = ($, N) => (A) => {
@@ -23850,7 +23850,7 @@ function qy(e) {
       "aria-controls": d ? v : void 0,
       role: "menuitem",
       size: "small",
-      onClick: R,
+      onClick: O,
       touchRippleRef: L(S),
       tabIndex: c === M.length ? s : -1
     }, I.slotProps?.baseIconButton, {
@@ -24788,21 +24788,21 @@ const vk = pp, dc = mt((e) => e.focus), bn = xe(dc, (e) => e.cell), wk = xe(dc,
       type: "include",
       ids: /* @__PURE__ */ new Set()
     };
-    for (const O of d.ids)
-      l.keepNonExistentRowsSelected && T.ids.add(O), i.current.getRow(O) && D(i.current.getRowParams(O)) && T.ids.add(O);
+    for (const R of d.ids)
+      l.keepNonExistentRowsSelected && T.ids.add(R), i.current.getRow(R) && D(i.current.getRowParams(R)) && T.ids.add(R);
     return T;
   }, [i, l.isRowSelectable, l.keepNonExistentRowsSelected, d]), y = p.useMemo(() => {
     const D = !l.pagination || !l.checkboxSelectionVisibleOnly || l.paginationMode === "server" ? f : h, T = /* @__PURE__ */ new Set();
-    for (let O = 0; O < D.length; O += 1) {
-      const C = D[O];
+    for (let R = 0; R < D.length; R += 1) {
+      const C = D[R];
       i.current.getRow(C) && i.current.isRowSelectable(C) && T.add(C);
     }
     return T;
   }, [i, l.pagination, l.paginationMode, l.checkboxSelectionVisibleOnly, h, f]), g = p.useMemo(() => {
     const D = Xo(m);
     let T = 0;
-    for (const O of y)
-      D.has(O) && (T += 1);
+    for (const R of y)
+      D.has(R) && (T += 1);
     return T;
   }, [m, y]), w = p.useMemo(() => {
     if (m.ids.size === 0)
@@ -25073,10 +25073,10 @@ function wC(e) {
   }, x = Lk(w), v = p.useCallback((I) => {
     if (I === "")
       return null;
-    const [P, M] = I.split("T"), [D, T, O] = P.split("-"), C = /* @__PURE__ */ new Date();
-    if (C.setFullYear(Number(D), Number(T) - 1, Number(O)), C.setHours(0, 0, 0, 0), M) {
-      const [R, L] = M.split(":");
-      C.setHours(Number(R), Number(L), 0, 0);
+    const [P, M] = I.split("T"), [D, T, R] = P.split("-"), C = /* @__PURE__ */ new Date();
+    if (C.setFullYear(Number(D), Number(T) - 1, Number(R)), C.setHours(0, 0, 0, 0), M) {
+      const [O, L] = M.split(":");
+      C.setHours(Number(O), Number(L), 0, 0);
     }
     return C;
   }, []), S = p.useCallback(async (I) => {
@@ -25340,24 +25340,24 @@ function SC(e) {
     if (!Fs(l) || !I)
       return;
     x(!1);
-    const R = C.target, L = ga(R.value, I, P);
+    const O = C.target, L = ga(O.value, I, P);
     u && await u(C, L), await m.current.setEditCellValue({
       id: o,
       field: s,
       value: L
     }, C);
-  }, T = (C, R) => {
+  }, T = (C, O) => {
     if (t.editMode === Co.Row) {
       x(!1);
       return;
     }
-    if (R === "backdropClick" || C.key === "Escape") {
+    if (O === "backdropClick" || C.key === "Escape") {
       const L = m.current.getCellParams(o, s);
       m.current.publishEvent("cellEditStop", E({}, L, {
         reason: C.key === "Escape" ? no.escapeKeyDown : no.cellFocusOut
       }));
     }
-  }, O = (C) => {
+  }, R = (C) => {
     qk(C) && C.key === "Enter" || x(!0);
   };
   return !I || !l ? null : /* @__PURE__ */ b.jsx(t.slots.baseSelect, E({
@@ -25365,7 +25365,7 @@ function SC(e) {
     value: r,
     onChange: D,
     open: w,
-    onOpen: O,
+    onOpen: R,
     onClose: T,
     error: c,
     native: S,
@@ -25377,11 +25377,11 @@ function SC(e) {
     }
   }, h, f?.root, t.slotProps?.baseSelect, {
     children: I.map((C) => {
-      const R = P(C);
+      const O = P(C);
       return /* @__PURE__ */ Sr(t.slots.baseSelectOption, E({}, t.slotProps?.baseSelectOption || {}, {
         native: S,
-        key: R,
-        value: R
+        key: O,
+        value: O
       }), M(C));
     })
   }));
@@ -26154,7 +26154,7 @@ const Pg = {
 }), ID = () => {
   const e = nn(), t = Ce(), {
     listView: o
-  } = t, r = J(e, () => o ? [$s(e)] : Tt(e)), s = J(e, bD) && !ya, i = J(e, DC) && !ya, l = J(e, Br), a = rr(e), c = o ? fa : a, u = l.bottom.length > 0, [d, f] = p.useState($C), h = Yt(), m = J(e, il), y = gc(e), g = e.current.mainElementRef, w = e.current.virtualScrollerRef, x = e.current.virtualScrollbarVerticalRef, v = e.current.virtualScrollbarHorizontalRef, S = J(e, RM), I = p.useRef(!1), P = J(e, Ud), M = J(e, N1), D = J(e, Vs), T = J(e, OD), O = J(e, Kd), C = J(e, Wd), R = p.useRef(null), L = p.useCallback((K) => {
+  } = t, r = J(e, () => o ? [$s(e)] : Tt(e)), s = J(e, bD) && !ya, i = J(e, DC) && !ya, l = J(e, Br), a = rr(e), c = o ? fa : a, u = l.bottom.length > 0, [d, f] = p.useState($C), h = Yt(), m = J(e, il), y = gc(e), g = e.current.mainElementRef, w = e.current.virtualScrollerRef, x = e.current.virtualScrollbarVerticalRef, v = e.current.virtualScrollbarHorizontalRef, S = J(e, RM), I = p.useRef(!1), P = J(e, Ud), M = J(e, N1), D = J(e, Vs), T = J(e, OD), R = J(e, Kd), C = J(e, Wd), O = p.useRef(null), L = p.useCallback((K) => {
     if (g.current = K, !K)
       return;
     const ee = K.getBoundingClientRect();
@@ -26162,7 +26162,7 @@ const Pg = {
       width: hs(ee.width, 1),
       height: hs(ee.height, 1)
     };
-    if ((!R.current || ne.width !== R.current.width && ne.height !== R.current.height) && (R.current = ne, e.current.publishEvent("resize", ne)), typeof ResizeObserver > "u")
+    if ((!O.current || ne.width !== O.current.width && ne.height !== O.current.height) && (O.current = ne, e.current.publishEvent("resize", ne)), typeof ResizeObserver > "u")
       return;
     const se = new ResizeObserver((Se) => {
       const Pe = Se[0];
@@ -26317,7 +26317,7 @@ const Pg = {
         isLastVisible: Ne,
         isNotVisible: Re,
         showBottomBorder: Ft,
-        scrollbarWidth: O,
+        scrollbarWidth: R,
         gridHasFiller: C
       }, Le), Ie)), Re)
         return;
@@ -27254,9 +27254,9 @@ const Sp = Me(function(t, o) {
     onMouseUp: M,
     onMouseOver: D,
     onKeyDown: T,
-    onKeyUp: O,
+    onKeyUp: R,
     onDragEnter: C,
-    onDragOver: R
+    onDragOver: O
   } = t, L = me(t, xN), j = nn(), H = Ce(), $ = Yt(), N = r.field, A = J(j, oN, {
     rowId: i,
     field: N
@@ -27373,7 +27373,7 @@ const Sp = Me(function(t, o) {
   }));
   const ve = m ? null : {
     onDragEnter: Ue("cellDragEnter", C),
-    onDragOver: Ue("cellDragOver", R)
+    onDragOver: Ue("cellDragOver", O)
   };
   return /* @__PURE__ */ b.jsx("div", E({
     className: ce(Te.root, ee, d),
@@ -27392,7 +27392,7 @@ const Sp = Me(function(t, o) {
     onMouseDown: we("cellMouseDown"),
     onMouseUp: $e("cellMouseUp"),
     onKeyDown: Ue("cellKeyDown", T),
-    onKeyUp: Ue("cellKeyUp", O)
+    onKeyUp: Ue("cellKeyUp", R)
   }, ve, L, {
     onFocus: Ie,
     ref: Se,
@@ -28716,8 +28716,8 @@ const rF = ["render", "className"], sF = (e) => {
     className: s
   } = t, i = me(t, rF), l = Ce(), a = sF(l), [c, u] = p.useState(null), [d, f] = p.useState([]), h = p.useCallback(() => d.sort(oF), [d]), m = p.useCallback((P, M, D = !0) => {
     let T = P;
-    const O = h(), C = O.length;
-    for (let R = 0; R < C; R += 1) {
+    const R = h(), C = R.length;
+    for (let O = 0; O < C; O += 1) {
       if (T += M, T >= C) {
         if (!D)
           return -1;
@@ -28727,7 +28727,7 @@ const rF = ["render", "className"], sF = (e) => {
           return -1;
         T = C - 1;
       }
-      if (!O[T].ref.current?.disabled && O[T].ref.current?.ariaDisabled !== "true")
+      if (!R[T].ref.current?.disabled && R[T].ref.current?.ariaDisabled !== "true")
         return T;
     }
     return -1;
@@ -28741,19 +28741,19 @@ const rF = ["render", "className"], sF = (e) => {
   }, []), w = p.useCallback((P) => {
     if (!c)
       return;
-    const M = h(), D = M.findIndex((O) => O.id === c);
+    const M = h(), D = M.findIndex((R) => R.id === c);
     let T = -1;
     if (P.key === "ArrowRight" ? (P.preventDefault(), T = m(D, 1)) : P.key === "ArrowLeft" ? (P.preventDefault(), T = m(D, -1)) : P.key === "Home" ? (P.preventDefault(), T = m(-1, 1, !1)) : P.key === "End" && (P.preventDefault(), T = m(M.length, -1, !1)), T >= 0 && T < M.length) {
-      const O = M[T];
-      u(O.id), O.ref.current?.focus();
+      const R = M[T];
+      u(R.id), R.ref.current?.focus();
     }
   }, [h, c, m]), x = p.useCallback((P) => {
     c !== P && u(P);
   }, [c, u]), v = p.useCallback((P) => {
-    const M = h(), D = M.findIndex((O) => O.id === P), T = m(D, 1);
+    const M = h(), D = M.findIndex((R) => R.id === P), T = m(D, 1);
     if (T >= 0 && T < M.length) {
-      const O = M[T];
-      u(O.id), O.ref.current?.focus();
+      const R = M[T];
+      u(R.id), R.ref.current?.focus();
     }
   }, [h, m]);
   p.useEffect(() => {
@@ -29281,12 +29281,12 @@ const DF = ["classes", "columnMenuOpen", "colIndex", "height", "isResizing", "so
     draggableContainerProps: P,
     columnHeaderSeparatorProps: M,
     style: D
-  } = t, T = me(t, DF), O = nn(), C = Ce(), R = p.useRef(null), L = rt(R, o);
+  } = t, T = me(t, DF), R = nn(), C = Ce(), O = p.useRef(null), L = rt(O, o);
   let j = "none";
   return a != null && (j = a === "asc" ? "ascending" : "descending"), p.useLayoutEffect(() => {
-    const H = O.current.state.columnMenu;
-    c && !H.open && ((R.current.querySelector('[tabindex="0"]') || R.current)?.focus(), O.current.columnHeadersContainerRef?.current && (O.current.columnHeadersContainerRef.current.scrollLeft = 0));
-  }, [O, c]), /* @__PURE__ */ b.jsxs("div", E({
+    const H = R.current.state.columnMenu;
+    c && !H.open && ((O.current.querySelector('[tabindex="0"]') || O.current)?.focus(), R.current.columnHeadersContainerRef?.current && (R.current.columnHeadersContainerRef.current.scrollLeft = 0));
+  }, [R, c]), /* @__PURE__ */ b.jsxs("div", E({
     className: ce(r.root, v),
     style: E({}, D, {
       width: y
@@ -29381,7 +29381,7 @@ function lv(e) {
     showRightBorder: g,
     pinnedPosition: w,
     pinnedOffset: x
-  } = e, v = nn(), S = Ce(), I = Yt(), P = p.useRef(null), M = Ye(), D = Ye(), T = p.useRef(null), [O, C] = p.useState(o), R = p.useMemo(() => !S.disableColumnReorder && !h && !t.disableReorder, [S.disableColumnReorder, h, t.disableReorder]);
+  } = e, v = nn(), S = Ce(), I = Yt(), P = p.useRef(null), M = Ye(), D = Ye(), T = p.useRef(null), [R, C] = p.useState(o), O = p.useMemo(() => !S.disableColumnReorder && !h && !t.disableReorder, [S.disableColumnReorder, h, t.disableReorder]);
   let L;
   t.renderHeader && (L = t.renderHeader(v.current.getColumnHeaderParams(t.field)));
   const j = E({}, e, {
@@ -29405,25 +29405,25 @@ function lv(e) {
     onKeyDown: $("columnHeaderKeyDown"),
     onFocus: $("columnHeaderFocus"),
     onBlur: $("columnHeaderBlur")
-  }), [$]), A = p.useMemo(() => R ? {
+  }), [$]), A = p.useMemo(() => O ? {
     onDragStart: $("columnHeaderDragStart"),
     onDragEnter: $("columnHeaderDragEnter"),
     onDragOver: $("columnHeaderDragOver"),
     onDragEndCapture: $("columnHeaderDragEnd")
-  } : {}, [R, $]), _ = p.useMemo(() => ({
+  } : {}, [O, $]), _ = p.useMemo(() => ({
     onMouseDown: $("columnSeparatorMouseDown"),
     onDoubleClick: $("columnSeparatorDoubleClick")
   }), [$]);
   p.useEffect(() => {
-    O || C(o);
-  }, [O, o]);
+    R || C(o);
+  }, [R, o]);
   const G = p.useCallback(() => {
     C(!1);
   }, []), k = !S.disableColumnMenu && !t.disableColumnMenu && /* @__PURE__ */ b.jsx(QC, {
     colDef: t,
     columnMenuId: M,
     columnMenuButtonId: D,
-    open: O,
+    open: R,
     iconButtonRef: T
   }), F = /* @__PURE__ */ b.jsx(JC, {
     columnMenuId: M,
@@ -29465,7 +29465,7 @@ function lv(e) {
     hasFocus: d,
     tabIndex: f,
     separatorSide: m,
-    isDraggable: R,
+    isDraggable: O,
     headerComponent: L,
     description: t.description,
     elementId: t.field,
@@ -30358,7 +30358,7 @@ const O$ = ["item", "hasMultipleFilters", "deleteFilter", "applyFilterChanges",
     columnInputProps: x = {},
     valueInputProps: v = {},
     readOnly: S
-  } = t, I = me(t, O$), P = Fe(), M = J(P, ao), D = J(P, jy), T = J(P, Ot), O = Ye(), C = Ye(), R = Ye(), L = Ye(), j = Ce(), H = M$(j), $ = p.useRef(null), N = p.useRef(null), A = T.logicOperator ?? yn.And, _ = s && f.length > 0, k = (j.slotProps?.baseSelect || {}).native ?? !1, F = j.slotProps?.baseSelectOption || {}, {
+  } = t, I = me(t, O$), P = Fe(), M = J(P, ao), D = J(P, jy), T = J(P, Ot), R = Ye(), C = Ye(), O = Ye(), L = Ye(), j = Ce(), H = M$(j), $ = p.useRef(null), N = p.useRef(null), A = T.logicOperator ?? yn.And, _ = s && f.length > 0, k = (j.slotProps?.baseSelect || {}).native ?? !1, F = j.slotProps?.baseSelectOption || {}, {
     InputComponentProps: B
   } = v, U = me(v, R$), z = J(P, Nr), q = J(P, VC), {
     filteredColumns: W,
@@ -30493,7 +30493,7 @@ const O$ = ["item", "hasMultipleFilters", "deleteFilter", "applyFilterChanges",
       ownerState: j,
       size: "small",
       labelId: C,
-      id: O,
+      id: R,
       label: P.current.getLocaleText("filterPanelColumns"),
       value: Q ?? "",
       onChange: re,
@@ -30513,7 +30513,7 @@ const O$ = ["item", "hasMultipleFilters", "deleteFilter", "applyFilterChanges",
       ownerState: j,
       labelId: L,
       label: P.current.getLocaleText("filterPanelOperator"),
-      id: R,
+      id: O,
       value: r.operator,
       onChange: K,
       native: k,
@@ -30691,13 +30691,13 @@ const A$ = ["logicOperators", "columnsSort", "filterFormProps", "getColumnForNew
   } = p.useMemo(() => P.reduce((L, j) => (a[j.field] ? L.validFilters.push(j) : L.readOnlyFilters.push(j), L), {
     readOnlyFilters: [],
     validFilters: []
-  }), [P, a]), O = p.useCallback(() => {
+  }), [P, a]), R = p.useCallback(() => {
     const L = I();
     L && r.current.upsertFilterItems([...P, L]);
   }, [r, I, P]), C = p.useCallback((L) => {
     const j = T.length === 1;
     r.current.deleteFilterItem(L), j && r.current.hideFilterPanel();
-  }, [r, T.length]), R = p.useCallback(() => T.length === 1 && T[0].value === void 0 ? (r.current.deleteFilterItem(T[0]), r.current.hideFilterPanel()) : r.current.setFilterModel(E({}, i, {
+  }, [r, T.length]), O = p.useCallback(() => T.length === 1 && T[0].value === void 0 ? (r.current.deleteFilterItem(T[0]), r.current.hideFilterPanel()) : r.current.setFilterModel(E({}, i, {
     items: D
   }), "removeAllFilterItems"), [r, D, i, T]);
   return p.useEffect(() => {
@@ -30733,12 +30733,12 @@ const A$ = ["logicOperators", "columnsSort", "filterFormProps", "getColumnForNew
       }, h), L.id == null ? j + D.length : L.id))]
     }), !s.disableMultipleColumnsFiltering && !(y && g) ? /* @__PURE__ */ b.jsxs(xv, {
       children: [y ? /* @__PURE__ */ b.jsx("span", {}) : /* @__PURE__ */ b.jsx(s.slots.baseButton, E({
-        onClick: O,
+        onClick: R,
         startIcon: /* @__PURE__ */ b.jsx(s.slots.filterPanelAddIcon, {})
       }, s.slotProps?.baseButton, {
         children: r.current.getLocaleText("filterPanelAddFilter")
       })), !g && T.length > 0 ? /* @__PURE__ */ b.jsx(s.slots.baseButton, E({
-        onClick: R,
+        onClick: O,
         startIcon: /* @__PURE__ */ b.jsx(s.slots.filterPanelRemoveAllIcon, {})
       }, s.slotProps?.baseButton, {
         children: r.current.getLocaleText("filterPanelRemoveAll")
@@ -30923,14 +30923,14 @@ function Sv(e) {
       field: k
     }) => _.includes(k)) : M;
     return l ? G.filter((k) => y(k, l.toLowerCase())) : G;
-  }, [M, l, y, S]), O = p.useCallback((_) => {
+  }, [M, l, y, S]), R = p.useCallback((_) => {
     const G = zn(t), k = E({}, G), F = S ? S(h) : null;
     return (v === "filteredOnly" ? T : h).forEach((B) => {
       B.hideable && (F == null || F.includes(B.field)) && (_ ? delete k[B.field] : k[B.field] = !1);
     }), t.current.setColumnVisibilityModel(k);
   }, [t, h, S, v, T]), C = p.useCallback((_) => {
     a(_.target.value);
-  }, []), R = p.useMemo(() => T.filter((_) => _.hideable), [T]), L = p.useMemo(() => R.every((_) => s[_.field] == null || s[_.field] !== !1), [s, R]), j = p.useMemo(() => R.every((_) => s[_.field] === !1), [s, R]), H = p.useRef(null);
+  }, []), O = p.useMemo(() => T.filter((_) => _.hideable), [T]), L = p.useMemo(() => O.every((_) => s[_.field] == null || s[_.field] !== !1), [s, O]), j = p.useMemo(() => O.every((_) => s[_.field] === !1), [s, O]), H = p.useRef(null);
   p.useEffect(() => {
     g ? o.current?.focus() : H.current && typeof H.current.focus == "function" && H.current.focus();
   }, [g]);
@@ -31005,10 +31005,10 @@ function Sv(e) {
       ownerState: i,
       className: c.footer,
       children: [w ? /* @__PURE__ */ b.jsx("span", {}) : /* @__PURE__ */ b.jsx(i.slots.baseCheckbox, E({
-        disabled: R.length === 0 || d,
+        disabled: O.length === 0 || d,
         checked: L,
         indeterminate: !L && !j,
-        onChange: () => O(!L),
+        onChange: () => R(!L),
         name: t.current.getLocaleText("columnsManagementShowHideAllText"),
         label: t.current.getLocaleText("columnsManagementShowHideAllText"),
         density: "compact"
@@ -31569,27 +31569,27 @@ function qp(e) {
     expanded: S
   }), [g, S]), P = typeof r == "function" ? r(I) : r, M = p.useRef(null), D = Ye(), T = p.useCallback((A) => {
     u && u(A), c === void 0 && v(A);
-  }, [u, c]), O = p.useRef(y);
+  }, [u, c]), R = p.useRef(y);
   p.useEffect(() => {
-    Cn(O.current, y) || (O.current = y, w((A) => Cn(s(A), y) ? A : i(y ?? [])));
+    Cn(R.current, y) || (R.current = y, w((A) => Cn(s(A), y) ? A : i(y ?? [])));
   }, [y, i, s]);
-  const C = p.useRef(!0), R = p.useRef(S);
+  const C = p.useRef(!0), O = p.useRef(S);
   p.useEffect(() => {
     if (C.current) {
       C.current = !1;
       return;
     }
-    R.current !== S && (S ? requestAnimationFrame(() => {
+    O.current !== S && (S ? requestAnimationFrame(() => {
       h.current?.focus({
         preventScroll: !0
       });
     }) : m.current?.focus({
       preventScroll: !0
-    }), R.current = S);
+    }), O.current = S);
   }, [S]);
   const L = p.useMemo(() => Qi((A) => {
     const _ = s(A);
-    O.current = _, f.current.setQuickFilterValues(_);
+    R.current = _, f.current.setQuickFilterValues(_);
   }, l), [f, l, s]);
   p.useEffect(() => L.clear, [L]);
   const j = p.useCallback((A) => {
@@ -32534,51 +32534,51 @@ const IL = ["skeletonRowsCount", "visibleColumns", "showFirstRowBorder"], OL = n
     visibleColumns: g,
     showFirstRowBorder: w
   } = t, x = me(t, IL), v = J(u, Tt), S = p.useMemo(() => v.slice(0, m), [v, m]), I = J(u, rr), P = p.useCallback((T) => {
-    if (I.left.findIndex((O) => O.field === T) !== -1)
+    if (I.left.findIndex((R) => R.field === T) !== -1)
       return Je.LEFT;
-    if (I.right.findIndex((O) => O.field === T) !== -1)
+    if (I.right.findIndex((R) => R.field === T) !== -1)
       return Je.RIGHT;
   }, [I.left, I.right]), M = p.useMemo(() => {
     const T = [];
-    for (let O = 0; O < y; O += 1) {
+    for (let R = 0; R < y; R += 1) {
       const C = [];
-      for (let R = 0; R < S.length; R += 1) {
-        const L = S[R], j = P(L.field), H = j === Je.LEFT, $ = j === Je.RIGHT, N = WC(j, i), A = N ? I[N].length : S.length - I.left.length - I.right.length, _ = N ? I[N].findIndex((K) => K.field === L.field) : R - I.left.length, G = d.hasScrollY ? d.scrollbarSize : 0, k = ul({}, i, j, Ii(j, L.computedWidth, R, h, d.columnsTotalWidth, G)), F = d.columnsTotalWidth < d.viewportOuterSize.width, B = _i(j, _, A, r.showCellVerticalBorder, F), U = Hi(j, _), z = R === S.length - 1, q = $ && _ === 0, W = q && F, Q = z && !q && F, Z = d.viewportOuterSize.width - d.columnsTotalWidth, X = Math.max(0, Z), Y = /* @__PURE__ */ b.jsx(s.skeletonCell, {
+      for (let O = 0; O < S.length; O += 1) {
+        const L = S[O], j = P(L.field), H = j === Je.LEFT, $ = j === Je.RIGHT, N = WC(j, i), A = N ? I[N].length : S.length - I.left.length - I.right.length, _ = N ? I[N].findIndex((K) => K.field === L.field) : O - I.left.length, G = d.hasScrollY ? d.scrollbarSize : 0, k = ul({}, i, j, Ii(j, L.computedWidth, O, h, d.columnsTotalWidth, G)), F = d.columnsTotalWidth < d.viewportOuterSize.width, B = _i(j, _, A, r.showCellVerticalBorder, F), U = Hi(j, _), z = O === S.length - 1, q = $ && _ === 0, W = q && F, Q = z && !q && F, Z = d.viewportOuterSize.width - d.columnsTotalWidth, X = Math.max(0, Z), Y = /* @__PURE__ */ b.jsx(s.skeletonCell, {
           width: X,
           empty: !0
-        }, `skeleton-filler-column-${O}`), re = z && G !== 0;
+        }, `skeleton-filler-column-${R}`), re = z && G !== 0;
         W && C.push(Y), C.push(/* @__PURE__ */ b.jsx(s.skeletonCell, {
           field: L.field,
           type: L.type,
           align: L.align,
           width: "var(--width)",
           height: d.rowHeight,
-          "data-colindex": R,
+          "data-colindex": O,
           empty: g && !g.has(L.field),
           className: ce(H && V["cell--pinnedLeft"], $ && V["cell--pinnedRight"], B && V["cell--withRightBorder"], U && V["cell--withLeftBorder"]),
           style: E({
             "--width": `${L.computedWidth}px`
           }, k)
-        }, `skeleton-column-${O}-${L.field}`)), Q && C.push(Y), re && C.push(/* @__PURE__ */ b.jsx(Xp, {
+        }, `skeleton-column-${R}-${L.field}`)), Q && C.push(Y), re && C.push(/* @__PURE__ */ b.jsx(Xp, {
           pinnedRight: I.right.length > 0
-        }, `skeleton-scrollbar-filler-${O}`));
+        }, `skeleton-scrollbar-filler-${R}`));
       }
       T.push(/* @__PURE__ */ b.jsx("div", {
-        className: ce(V.row, V.rowSkeleton, O === 0 && !w && V["row--firstVisible"]),
+        className: ce(V.row, V.rowSkeleton, R === 0 && !w && V["row--firstVisible"]),
         children: C
-      }, `skeleton-row-${O}`));
+      }, `skeleton-row-${R}`));
     }
     return T;
   }, [y, S, P, i, I, d.hasScrollY, d.scrollbarSize, d.columnsTotalWidth, d.viewportOuterSize.width, d.rowHeight, h, r.showCellVerticalBorder, s, g, w]);
   return ge(u, "columnResize", (T) => {
     const {
-      colDef: O,
+      colDef: R,
       width: C
-    } = T, R = a.current?.querySelectorAll(`[data-field="${Vo(O.field)}"]`);
-    if (!R)
+    } = T, O = a.current?.querySelectorAll(`[data-field="${Vo(R.field)}"]`);
+    if (!O)
       throw new Error("MUI X: Expected skeleton cells to be defined with `data-field` attribute.");
-    const L = S.findIndex((_) => _.field === O.field), j = P(O.field), H = j === Je.LEFT, $ = j === Je.RIGHT, N = getComputedStyle(R[0]).getPropertyValue("--width"), A = parseInt(N, 10) - C;
-    R && R.forEach((_) => {
+    const L = S.findIndex((_) => _.field === R.field), j = P(R.field), H = j === Je.LEFT, $ = j === Je.RIGHT, N = getComputedStyle(O[0]).getPropertyValue("--width"), A = parseInt(N, 10) - C;
+    O && O.forEach((_) => {
       _.style.setProperty("--width", `${C}px`);
     }), H && a.current?.querySelectorAll(`.${V["cell--pinnedLeft"]}`)?.forEach((G) => {
       Kg(G) > L && (G.style.left = `${parseInt(getComputedStyle(G).left, 10) - A}px`);
@@ -32802,9 +32802,9 @@ const jL = ["selected", "rowId", "row", "index", "style", "rowHeight", "classNam
     gridHasFiller: M,
     onClick: D,
     onDoubleClick: T,
-    onMouseEnter: O,
+    onMouseEnter: R,
     onMouseLeave: C,
-    onMouseOut: R,
+    onMouseOut: O,
     onMouseOver: L
   } = t, j = me(t, jL), H = nn(), $ = oc(), N = p.useRef(null), A = Ce(), _ = gc(H), G = J(H, Wt), k = J(H, cr), F = J(H, jo), B = A.rowReordering, U = J(H, AL, B), z = rt(N, o), q = dn(H, s), W = J(H, zC, {
     rowId: s,
@@ -32906,9 +32906,9 @@ const jL = ["selected", "rowId", "row", "index", "style", "rowHeight", "classNam
   const Ie = i ? {
     onClick: ne,
     onDoubleClick: ee("rowDoubleClick", T),
-    onMouseEnter: ee("rowMouseEnter", O),
+    onMouseEnter: ee("rowMouseEnter", R),
     onMouseLeave: ee("rowMouseLeave", C),
-    onMouseOut: ee("rowMouseOut", R),
+    onMouseOut: ee("rowMouseOut", O),
     onMouseOver: ee("rowMouseOver", L)
   } : null;
   return /* @__PURE__ */ b.jsxs("div", E({
@@ -33346,7 +33346,7 @@ async function gj(e) {
       return;
     const {
       default: t
-    } = await import("./get-context-BgKx-1Dr.js"), o = await t();
+    } = await import("./get-context-DF28w6nV.js"), o = await t();
     if (!e || !hj(o))
       return;
     const r = E({}, e, {
@@ -33543,9 +33543,9 @@ function Tj(e) {
     groupBy: M,
     handleHomeEndKeys: D = !e.freeSolo,
     id: T,
-    includeInputInList: O = !1,
+    includeInputInList: R = !1,
     inputValue: C,
-    isOptionEqualToValue: R = (ue, ie) => ue === ie,
+    isOptionEqualToValue: O = (ue, ie) => ue === ie,
     multiple: L = !1,
     onChange: j,
     onClose: H,
@@ -33592,7 +33592,7 @@ function Tj(e) {
     name: u,
     state: "open"
   }), [Ie, be] = p.useState(!0), Ee = !L && ae != null && Te === W(ae), ve = de && !F, fe = ve ? w(
-    k.filter((ue) => !(x && (L ? ae : [ae]).some((ie) => ie !== null && R(ue, ie)))),
+    k.filter((ue) => !(x && (L ? ae : [ae]).some((ie) => ie !== null && O(ue, ie)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
@@ -33669,7 +33669,7 @@ function Tj(e) {
       if (ie === "end")
         return qt;
       const gn = Se.current + ie;
-      return gn < 0 ? gn === -1 && O ? -1 : g && Se.current !== -1 || Math.abs(ie) > 1 ? 0 : qt : gn > qt ? gn === qt + 1 && O ? -1 : g || Math.abs(ie) > 1 ? qt : 0 : gn;
+      return gn < 0 ? gn === -1 && R ? -1 : g && Se.current !== -1 || Math.abs(ie) > 1 ? 0 : qt : gn > qt ? gn === qt + 1 && R ? -1 : g || Math.abs(ie) > 1 ? qt : 0 : gn;
     })(), Oe);
     if (Re({
       index: Ct,
@@ -33711,9 +33711,9 @@ function Tj(e) {
     if (Y.current) {
       if (ie != null) {
         const Oe = fe[Se.current];
-        if (L && Oe && ae.findIndex((He) => R(Oe, He)) !== -1)
+        if (L && Oe && ae.findIndex((He) => O(Oe, He)) !== -1)
           return;
-        const ot = fe.findIndex((He) => R(He, ie));
+        const ot = fe.findIndex((He) => O(He, ie));
         ot === -1 ? _e({
           diff: "reset"
         }) : Re({
@@ -33768,11 +33768,11 @@ function Tj(e) {
     let He = Oe, Ct = ie;
     if (L) {
       if (Ct = Array.isArray(ae) ? ae.slice() : [], process.env.NODE_ENV !== "production") {
-        const gn = Ct.filter((Qs) => R(ie, Qs));
+        const gn = Ct.filter((Qs) => O(ie, Qs));
         gn.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${u} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${gn.length} matches.`].join(`
 `));
       }
-      const qt = Ct.findIndex((gn) => R(ie, gn));
+      const qt = Ct.findIndex((gn) => O(ie, gn));
       qt === -1 ? Ct.push(ie) : ot !== "freeSolo" && (Ct.splice(qt, 1), He = "removeOption");
     }
     Le(ue, Ct, He), at(ue, Ct, He, {
@@ -34032,7 +34032,7 @@ function Tj(e) {
       index: ue,
       option: ie
     }) => {
-      const Oe = (L ? ae : [ae]).some((He) => He != null && R(ie, He)), ot = S ? S(ie) : !1;
+      const Oe = (L ? ae : [ae]).some((He) => He != null && O(ie, He)), ot = S ? S(ie) : !1;
       return {
         key: I?.(ie) ?? W(ie),
         tabIndex: -1,
@@ -34561,9 +34561,9 @@ const Pc = /* @__PURE__ */ p.forwardRef(function(t, o) {
     slots: P = {},
     slotProps: M = {},
     ...D
-  } = r, T = p.useRef(null), O = rt(T, o), C = (W) => {
+  } = r, T = p.useRef(null), R = rt(T, o), C = (W) => {
     W.stopPropagation(), y && y(W);
-  }, R = (W) => {
+  }, O = (W) => {
     W.currentTarget === W.target && Jg(W) && W.preventDefault(), g && g(W);
   }, L = (W) => {
     W.currentTarget === W.target && y && Jg(W) && y(W), w && w(W);
@@ -34612,7 +34612,7 @@ const Pc = /* @__PURE__ */ p.forwardRef(function(t, o) {
     ownerState: $,
     // The `component` prop is preserved because `Chip` relies on it for internal logic. If `shouldForwardComponentProp` were `false`, `useSlot` would remove the `component` prop, potentially breaking the component's behavior.
     shouldForwardComponentProp: !0,
-    ref: O,
+    ref: R,
     className: ce(N.root, i),
     additionalProps: {
       disabled: j && d ? !0 : void 0,
@@ -34625,7 +34625,7 @@ const Pc = /* @__PURE__ */ p.forwardRef(function(t, o) {
         W.onClick?.(Q), m?.(Q);
       },
       onKeyDown: (Q) => {
-        W.onKeyDown?.(Q), R?.(Q);
+        W.onKeyDown?.(Q), O?.(Q);
       },
       onKeyUp: (Q) => {
         W.onKeyUp?.(Q), L?.(Q);
@@ -35153,9 +35153,9 @@ const jj = (e) => {
     disablePortal: M = !1,
     filterOptions: D,
     filterSelectedOptions: T = !1,
-    forcePopupIcon: O = "auto",
+    forcePopupIcon: R = "auto",
     freeSolo: C = !1,
-    fullWidth: R = !1,
+    fullWidth: O = !1,
     getLimitTagsText: L = (pt) => `+${pt}`,
     getOptionDisabled: j,
     getOptionKey: H,
@@ -35220,7 +35220,7 @@ const jj = (e) => {
   } = Tj({
     ...r,
     componentName: "Autocomplete"
-  }), Ks = !x && !S && lt && !$e, Xs = (!C || O === !0) && O !== !1, {
+  }), Ks = !x && !S && lt && !$e, Xs = (!C || R === !0) && R !== !1, {
     onMouseDown: Mc
   } = Qe(), {
     ref: kc,
@@ -35230,7 +35230,7 @@ const jj = (e) => {
     disablePortal: M,
     expanded: at,
     focused: rn,
-    fullWidth: R,
+    fullWidth: O,
     getOptionLabel: Ur,
     hasClearIcon: Ks,
     hasPopupIcon: Xs,
@@ -36152,18 +36152,18 @@ const nf = /* @__PURE__ */ p.forwardRef(function(t, o) {
     invisible: m,
     badgeContent: g,
     showZero: v
-  }), O = tf({
+  }), R = tf({
     anchorOrigin: tm(s),
     color: h,
     overlap: f,
     variant: S,
     badgeContent: g
   }), C = M || P == null && S !== "dot", {
-    color: R = h,
+    color: O = h,
     overlap: L = f,
     anchorOrigin: j,
     variant: H = S
-  } = C ? O : r, $ = tm(j), N = H !== "dot" ? T : void 0, A = {
+  } = C ? R : r, $ = tm(j), N = H !== "dot" ? T : void 0, A = {
     ...r,
     badgeContent: P,
     invisible: C,
@@ -36171,7 +36171,7 @@ const nf = /* @__PURE__ */ p.forwardRef(function(t, o) {
     displayValue: N,
     showZero: v,
     anchorOrigin: $,
-    color: R,
+    color: O,
     overlap: L,
     variant: H
   }, _ = Qj(A), G = {
@@ -38726,9 +38726,9 @@ function _V(e, t) {
   });
   const s = p.useCallback((C) => {
     o.debug("Updating columns state."), e.current.setState(HV(C)), e.current.publishEvent("columnsChange", C.orderedFields);
-  }, [o, e]), i = p.useCallback((C) => ao(e)[C], [e]), l = p.useCallback(() => Wn(e), [e]), a = p.useCallback(() => Tt(e), [e]), c = p.useCallback((C, R = !0) => (R ? Tt(e) : Wn(e)).findIndex((j) => j.field === C), [e]), u = p.useCallback((C) => {
-    const R = c(C);
-    return jo(e)[R];
+  }, [o, e]), i = p.useCallback((C) => ao(e)[C], [e]), l = p.useCallback(() => Wn(e), [e]), a = p.useCallback(() => Tt(e), [e]), c = p.useCallback((C, O = !0) => (O ? Tt(e) : Wn(e)).findIndex((j) => j.field === C), [e]), u = p.useCallback((C) => {
+    const O = c(C);
+    return jo(e)[O];
   }, [e, c]), d = p.useCallback((C) => {
     zn(e) !== C && (e.current.setState((L) => E({}, L, {
       columns: is({
@@ -38744,29 +38744,29 @@ function _V(e, t) {
       e.current.updateNonPivotColumns(C);
       return;
     }
-    const R = is({
+    const O = is({
       apiRef: e,
       columnsToUpsert: C,
       initialState: void 0,
       keepOnlyColumnsToUpsert: !1,
       updateInitialVisibilityModel: !0
     });
-    s(R);
-  }, [e, s]), h = p.useCallback((C, R) => {
+    s(O);
+  }, [e, s]), h = p.useCallback((C, O) => {
     const L = zn(e), j = L[C] ?? !0;
-    if (R !== j) {
+    if (O !== j) {
       const H = E({}, L, {
-        [C]: R
+        [C]: O
       });
       e.current.setColumnVisibilityModel(H);
     }
-  }, [e]), m = p.useCallback((C) => Un(e).findIndex((L) => L === C), [e]), y = p.useCallback((C, R) => {
+  }, [e]), m = p.useCallback((C) => Un(e).findIndex((L) => L === C), [e]), y = p.useCallback((C, O) => {
     const L = Un(e), j = m(C);
-    if (j === R)
+    if (j === O)
       return;
-    o.debug(`Moving column ${C} to index ${R}`);
+    o.debug(`Moving column ${C} to index ${O}`);
     const H = [...L], $ = H.splice(j, 1)[0];
-    H.splice(R, 0, $), s(E({}, so(e), {
+    H.splice(O, 0, $), s(E({}, so(e), {
       orderedFields: H
     }));
     const N = {
@@ -38775,10 +38775,10 @@ function _V(e, t) {
       oldIndex: j
     };
     e.current.publishEvent("columnIndexChange", N);
-  }, [e, o, s, m]), g = p.useCallback((C, R) => {
-    o.debug(`Updating column ${C} width to ${R}`);
+  }, [e, o, s, m]), g = p.useCallback((C, O) => {
+    o.debug(`Updating column ${C} width to ${O}`);
     const L = so(e), j = L.lookup[C], H = E({}, j, {
-      width: R,
+      width: O,
       hasBeenResized: !0
     });
     s(ku(E({}, L, {
@@ -38788,7 +38788,7 @@ function _V(e, t) {
     }), e.current.getRootDimensions())), e.current.publishEvent("columnWidthChange", {
       element: e.current.getColumnHeaderElement(C),
       colDef: H,
-      width: R
+      width: O
     });
   }, [e, o, s]), w = {
     getColumn: i,
@@ -38805,10 +38805,10 @@ function _V(e, t) {
     setColumnIndex: y
   };
   Be(e, w, "public"), Be(e, x, t.signature === Tn.DataGrid ? "private" : "public");
-  const v = p.useCallback((C, R) => {
+  const v = p.useCallback((C, O) => {
     const L = {}, j = zn(e);
     // Always export if the `exportOnlyDirtyModels` property is not activated
-    (!R.exportOnlyDirtyModels || // Always export if the model is controlled
+    (!O.exportOnlyDirtyModels || // Always export if the model is controlled
     t.columnVisibilityModel != null || // Always export if the model has been initialized
     // TODO v6 Do a nullish check instead to export even if the initial model equals "{}"
     Object.keys(t.initialState?.columns?.columnVisibilityModel ?? {}).length > 0 || // Always export if the model is not empty
@@ -38825,8 +38825,8 @@ function _V(e, t) {
     }), Object.keys(N).length > 0 && (L.dimensions = N), E({}, C, {
       columns: L
     });
-  }, [e, t.columnVisibilityModel, t.initialState?.columns]), S = p.useCallback((C, R) => {
-    const L = R.stateToRestore.columns, j = L?.columnVisibilityModel;
+  }, [e, t.columnVisibilityModel, t.initialState?.columns]), S = p.useCallback((C, O) => {
+    const L = O.stateToRestore.columns, j = L?.columnVisibilityModel;
     if (L == null)
       return C;
     const H = is({
@@ -38847,15 +38847,15 @@ function _V(e, t) {
         columnVisibilityModel: j
       })
     })), L != null && e.current.publishEvent("columnsChange", H.orderedFields), C;
-  }, [e]), I = p.useCallback((C, R) => {
-    if (R === Xt.columns) {
+  }, [e]), I = p.useCallback((C, O) => {
+    if (O === Xt.columns) {
       const L = t.slots.columnsPanel;
       return /* @__PURE__ */ b.jsx(L, E({}, t.slotProps?.columnsPanel));
     }
     return C;
   }, [t.slots.columnsPanel, t.slotProps?.columnsPanel]), P = p.useCallback((C) => {
-    const R = Nr(e);
-    return t.disableColumnSelector || R ? C : [...C, "columnMenuColumnsItem"];
+    const O = Nr(e);
+    return t.disableColumnSelector || O ? C : [...C, "columnMenuColumnsItem"];
   }, [t.disableColumnSelector, e]);
   tt(e, "columnMenu", P), tt(e, "exportState", v), tt(e, "restoreState", S), tt(e, "preferencePanel", I);
   const M = p.useRef(null);
@@ -38877,10 +38877,10 @@ function _V(e, t) {
     s(C);
   }, [e, o, s]);
   sf(e, "hydrateColumns", T);
-  const O = p.useRef(!0);
+  const R = p.useRef(!0);
   p.useEffect(() => {
-    if (O.current) {
-      O.current = !1;
+    if (R.current) {
+      R.current = !1;
       return;
     }
     if (o.info(`GridColumns have changed, new length ${t.columns.length}`), r.current === t.columns)
@@ -39201,11 +39201,11 @@ const YV = (e, t) => {
       return;
     const I = Gs(e), P = e.current.rootElementRef.current, M = P.cloneNode(!0), D = M.querySelector(`.${V.main}`);
     D.style.overflow = "visible", M.style.contain = "size";
-    let T = P.querySelector(`.${V.toolbarContainer}`)?.offsetHeight || 0, O = P.querySelector(`.${V.footerContainer}`)?.offsetHeight || 0;
+    let T = P.querySelector(`.${V.toolbarContainer}`)?.offsetHeight || 0, R = P.querySelector(`.${V.footerContainer}`)?.offsetHeight || 0;
     const C = M.querySelector(`.${V.footerContainer}`);
-    v.hideToolbar && (M.querySelector(`.${V.toolbarContainer}`)?.remove(), T = 0), v.hideFooter && C && (C.remove(), O = 0);
-    const R = I.currentPageTotalHeight + hc(e, t) + T + O;
-    M.style.height = `${R}px`, M.style.boxSizing = "content-box", !v.hideFooter && C && (C.style.position = "absolute", C.style.width = "100%", C.style.top = `${R - O}px`);
+    v.hideToolbar && (M.querySelector(`.${V.toolbarContainer}`)?.remove(), T = 0), v.hideFooter && C && (C.remove(), R = 0);
+    const O = I.currentPageTotalHeight + hc(e, t) + T + R;
+    M.style.height = `${O}px`, M.style.boxSizing = "content-box", !v.hideFooter && C && (C.style.position = "absolute", C.style.width = "100%", C.style.top = `${O - R}px`);
     const L = document.createElement("div");
     L.appendChild(M), S.body.style.marginTop = "0px", S.body.innerHTML = L.innerHTML;
     const j = typeof v.pageStyle == "function" ? v.pageStyle() : v.pageStyle;
@@ -39297,34 +39297,34 @@ const e_ = (e, t) => {
   });
   const r = p.useCallback(() => {
     e.current.setState((T) => {
-      const O = Ot(e), C = e.current.getFilterState(O), R = E({}, T, {
+      const R = Ot(e), C = e.current.getFilterState(R), O = E({}, T, {
         filter: E({}, T.filter, C)
-      }), L = pm(e, R);
-      return E({}, R, {
+      }), L = pm(e, O);
+      return E({}, O, {
         visibleRowsLookup: L
       });
     }), e.current.publishEvent("filteredRowsSet");
-  }, [e]), s = p.useCallback((T, O) => O == null || O.filterable === !1 || t.disableColumnFilter ? T : [...T, "columnMenuFilterItem"], [t.disableColumnFilter]), i = p.useCallback((T) => {
-    const O = Ot(e), C = [...O.items], R = C.findIndex((L) => L.id === T.id);
-    R === -1 ? C.push(T) : C[R] = T, e.current.setFilterModel(E({}, O, {
+  }, [e]), s = p.useCallback((T, R) => R == null || R.filterable === !1 || t.disableColumnFilter ? T : [...T, "columnMenuFilterItem"], [t.disableColumnFilter]), i = p.useCallback((T) => {
+    const R = Ot(e), C = [...R.items], O = C.findIndex((L) => L.id === T.id);
+    O === -1 ? C.push(T) : C[O] = T, e.current.setFilterModel(E({}, R, {
       items: C
     }), "upsertFilterItem");
   }, [e]), l = p.useCallback((T) => {
-    const O = Ot(e), C = [...O.items];
-    T.forEach((R) => {
-      const L = C.findIndex((j) => j.id === R.id);
-      L === -1 ? C.push(R) : C[L] = R;
-    }), e.current.setFilterModel(E({}, O, {
+    const R = Ot(e), C = [...R.items];
+    T.forEach((O) => {
+      const L = C.findIndex((j) => j.id === O.id);
+      L === -1 ? C.push(O) : C[L] = O;
+    }), e.current.setFilterModel(E({}, R, {
       items: C
     }), "upsertFilterItems");
   }, [e]), a = p.useCallback((T) => {
-    const O = Ot(e), C = O.items.filter((R) => R.id !== T.id);
-    C.length !== O.items.length && e.current.setFilterModel(E({}, O, {
+    const R = Ot(e), C = R.items.filter((O) => O.id !== T.id);
+    C.length !== R.items.length && e.current.setFilterModel(E({}, R, {
       items: C
     }), "deleteFilterItem");
-  }, [e]), c = p.useCallback((T, O, C) => {
+  }, [e]), c = p.useCallback((T, R, C) => {
     if (o.debug("Displaying filter panel"), T) {
-      const R = Ot(e), L = R.items.filter((N) => {
+      const O = Ot(e), L = O.items.filter((N) => {
         if (N.value !== void 0)
           return !(Array.isArray(N.value) && N.value.length === 0);
         const _ = e.current.getColumn(N.field).filterOperators?.find((k) => k.value === N.operator);
@@ -39338,32 +39338,32 @@ const e_ = (e, t) => {
       }, e)] : j = [...L, Mu({
         field: T,
         operator: $.filterOperators[0].value
-      }, e)], e.current.setFilterModel(E({}, R, {
+      }, e)], e.current.setFilterModel(E({}, O, {
         items: j
       }));
     }
-    e.current.showPreferences(Xt.filters, O, C);
+    e.current.showPreferences(Xt.filters, R, C);
   }, [e, o, t.disableMultipleColumnsFiltering]), u = p.useCallback(() => {
     o.debug("Hiding filter panel"), e.current.hidePreferences();
   }, [e, o]), d = p.useCallback((T) => {
-    const O = Ot(e);
-    O.logicOperator !== T && e.current.setFilterModel(E({}, O, {
+    const R = Ot(e);
+    R.logicOperator !== T && e.current.setFilterModel(E({}, R, {
       logicOperator: T
     }), "changeLogicOperator");
   }, [e]), f = p.useCallback((T) => {
-    const O = Ot(e);
-    Cn(O.quickFilterValues, T) || e.current.setFilterModel(E({}, O, {
+    const R = Ot(e);
+    Cn(R.quickFilterValues, T) || e.current.setFilterModel(E({}, R, {
       quickFilterValues: [...T]
     }));
-  }, [e]), h = p.useCallback((T, O) => {
-    Ot(e) !== T && (o.debug("Setting filter model"), e.current.updateControlState("filter", hg(T, t.disableMultipleColumnsFiltering, e), O), e.current.unstable_applyFilters());
+  }, [e]), h = p.useCallback((T, R) => {
+    Ot(e) !== T && (o.debug("Setting filter model"), e.current.updateControlState("filter", hg(T, t.disableMultipleColumnsFiltering, e), R), e.current.unstable_applyFilters());
   }, [e, o, t.disableMultipleColumnsFiltering]), m = p.useCallback((T) => {
-    const O = op(T, t.disableMultipleColumnsFiltering, e), C = t.filterMode === "client" ? NM(O, e, t.disableEval) : null, R = e.current.applyStrategyProcessor("filtering", {
+    const R = op(T, t.disableMultipleColumnsFiltering, e), C = t.filterMode === "client" ? NM(R, e, t.disableEval) : null, O = e.current.applyStrategyProcessor("filtering", {
       isRowMatchingFilters: C,
-      filterModel: O ?? ji()
+      filterModel: R ?? ji()
     });
-    return E({}, R, {
-      filterModel: O
+    return E({}, O, {
+      filterModel: R
     });
   }, [t.disableMultipleColumnsFiltering, t.filterMode, t.disableEval, e]), y = {
     setFilterLogicOperator: d,
@@ -39379,12 +39379,12 @@ const e_ = (e, t) => {
     getFilterState: m
   };
   Be(e, y, "public");
-  const g = p.useCallback((T, O) => {
+  const g = p.useCallback((T, R) => {
     const C = Ot(e);
     return C.items.forEach((L) => {
       delete L.fromInput;
     }), // Always export if the `exportOnlyDirtyModels` property is not activated
-    !O.exportOnlyDirtyModels || // Always export if the model is controlled
+    !R.exportOnlyDirtyModels || // Always export if the model is controlled
     t.filterModel != null || // Always export if the model has been initialized
     t.initialState?.filter?.filterModel != null || // Export if the model is not equal to the default value
     !Cn(C, ji()) ? E({}, T, {
@@ -39392,13 +39392,13 @@ const e_ = (e, t) => {
         filterModel: C
       }
     }) : T;
-  }, [e, t.filterModel, t.initialState?.filter?.filterModel]), w = p.useCallback((T, O) => {
-    const C = O.stateToRestore.filter?.filterModel;
+  }, [e, t.filterModel, t.initialState?.filter?.filterModel]), w = p.useCallback((T, R) => {
+    const C = R.stateToRestore.filter?.filterModel;
     return C == null ? T : (e.current.updateControlState("filter", hg(C, t.disableMultipleColumnsFiltering, e), "restoreState"), E({}, T, {
       callbacks: [...T.callbacks, e.current.unstable_applyFilters]
     }));
-  }, [e, t.disableMultipleColumnsFiltering]), x = p.useCallback((T, O) => {
-    if (O === Xt.filters) {
+  }, [e, t.disableMultipleColumnsFiltering]), x = p.useCallback((T, R) => {
+    if (R === Xt.filters) {
       const C = t.slots.filterPanel;
       return /* @__PURE__ */ b.jsx(C, E({}, t.slotProps?.filterPanel));
     }
@@ -39408,20 +39408,20 @@ const e_ = (e, t) => {
   } = t, S = Zn(ZV), I = p.useCallback((T) => {
     if (t.filterMode !== "client" || !T.isRowMatchingFilters || !T.filterModel.items.length && !T.filterModel.quickFilterValues?.length)
       return pa;
-    const O = Gn(e), C = {}, {
-      isRowMatchingFilters: R
+    const R = Gn(e), C = {}, {
+      isRowMatchingFilters: O
     } = T, L = {}, j = {
       passingFilterItems: null,
       passingQuickFilterValues: null
     }, H = S.current(e.current.state.rows.dataRowIdToModelLookup);
     for (let A = 0; A < H.length; A += 1) {
       const _ = H[A], G = v ? v(_) : _.id;
-      R(_, void 0, j);
+      O(_, void 0, j);
       const k = Hy([j.passingFilterItems], [j.passingQuickFilterValues], T.filterModel, e, L);
       k || (C[G] = k);
     }
     const $ = "auto-generated-group-footer-root";
-    return O[$] && (C[$] = !0), {
+    return R[$] && (C[$] = !0), {
       filteredRowsLookup: C,
       filteredChildrenCountLookup: {},
       filteredDescendantCountLookup: {}
@@ -39430,7 +39430,7 @@ const e_ = (e, t) => {
   tt(e, "columnMenu", s), tt(e, "exportState", g), tt(e, "restoreState", w), tt(e, "preferencePanel", x), Sn(e, Fr, "filtering", I), Sn(e, Fr, "visibleRowsLookupCreation", JV);
   const P = p.useCallback(() => {
     o.debug("onColUpdated - GridColumns changed, applying filters");
-    const T = Ot(e), O = ao(e), C = T.items.filter((R) => R.field && O[R.field]);
+    const T = Ot(e), R = ao(e), C = T.items.filter((O) => O.field && R[O.field]);
     C.length < T.items.length && e.current.setFilterModel(E({}, T, {
       items: C
     }));
@@ -39463,15 +39463,15 @@ const e_ = (e, t) => {
     columnGroupHeader: null
   }
 }), n_ = (e, t) => {
-  const o = Ht(e, "useGridFocus"), r = p.useRef(null), s = e.current.rootElementRef.current !== null, i = p.useCallback((T, O) => {
-    T && e.current.getRow(T.id) && e.current.publishEvent("cellFocusOut", e.current.getCellParams(T.id, T.field), O);
-  }, [e]), l = p.useCallback((T, O) => {
+  const o = Ht(e, "useGridFocus"), r = p.useRef(null), s = e.current.rootElementRef.current !== null, i = p.useCallback((T, R) => {
+    T && e.current.getRow(T.id) && e.current.publishEvent("cellFocusOut", e.current.getCellParams(T.id, T.field), R);
+  }, [e]), l = p.useCallback((T, R) => {
     const C = bn(e);
-    C?.id === T && C?.field === O || (e.current.setState((R) => (o.debug(`Focusing on cell with id=${T} and field=${O}`), E({}, R, {
+    C?.id === T && C?.field === R || (e.current.setState((O) => (o.debug(`Focusing on cell with id=${T} and field=${R}`), E({}, O, {
       tabIndex: {
         cell: {
           id: T,
-          field: O
+          field: R
         },
         columnHeader: null,
         columnHeaderFilter: null,
@@ -39480,16 +39480,16 @@ const e_ = (e, t) => {
       focus: {
         cell: {
           id: T,
-          field: O
+          field: R
         },
         columnHeader: null,
         columnHeaderFilter: null,
         columnGroupHeader: null
       }
-    }))), e.current.getRow(T) && (C && i(C, {}), e.current.publishEvent("cellFocusIn", e.current.getCellParams(T, O))));
-  }, [e, o, i]), a = p.useCallback((T, O = {}) => {
+    }))), e.current.getRow(T) && (C && i(C, {}), e.current.publishEvent("cellFocusIn", e.current.getCellParams(T, R))));
+  }, [e, o, i]), a = p.useCallback((T, R = {}) => {
     const C = bn(e);
-    i(C, O), e.current.setState((R) => (o.debug(`Focusing on column header with colIndex=${T}`), E({}, R, {
+    i(C, R), e.current.setState((O) => (o.debug(`Focusing on column header with colIndex=${T}`), E({}, O, {
       tabIndex: {
         columnHeader: {
           field: T
@@ -39507,9 +39507,9 @@ const e_ = (e, t) => {
         columnGroupHeader: null
       }
     })));
-  }, [e, o, i]), c = p.useCallback((T, O = {}) => {
+  }, [e, o, i]), c = p.useCallback((T, R = {}) => {
     const C = bn(e);
-    i(C, O), e.current.setState((R) => (o.debug(`Focusing on column header filter with colIndex=${T}`), E({}, R, {
+    i(C, R), e.current.setState((O) => (o.debug(`Focusing on column header filter with colIndex=${T}`), E({}, O, {
       tabIndex: {
         columnHeader: null,
         columnHeaderFilter: {
@@ -39527,13 +39527,13 @@ const e_ = (e, t) => {
         columnGroupHeader: null
       }
     })));
-  }, [e, o, i]), u = p.useCallback((T, O, C = {}) => {
-    const R = bn(e);
-    R && e.current.publishEvent("cellFocusOut", e.current.getCellParams(R.id, R.field), C), e.current.setState((L) => E({}, L, {
+  }, [e, o, i]), u = p.useCallback((T, R, C = {}) => {
+    const O = bn(e);
+    O && e.current.publishEvent("cellFocusOut", e.current.getCellParams(O.id, O.field), C), e.current.setState((L) => E({}, L, {
       tabIndex: {
         columnGroupHeader: {
           field: T,
-          depth: O
+          depth: R
         },
         columnHeader: null,
         columnHeaderFilter: null,
@@ -39542,49 +39542,49 @@ const e_ = (e, t) => {
       focus: {
         columnGroupHeader: {
           field: T,
-          depth: O
+          depth: R
         },
         columnHeader: null,
         columnHeaderFilter: null,
         cell: null
       }
     }));
-  }, [e]), d = p.useCallback(() => ha(e), [e]), f = p.useCallback((T, O, C) => {
-    let R = e.current.getColumnIndex(O);
+  }, [e]), d = p.useCallback(() => ha(e), [e]), f = p.useCallback((T, R, C) => {
+    let O = e.current.getColumnIndex(R);
     const L = Tt(e), j = go(e, {
       pagination: t.pagination,
       paginationMode: t.paginationMode
     }), H = Br(e), $ = [].concat(H.top || [], j.rows, H.bottom || []);
     let N = $.findIndex((k) => k.id === T);
-    C === "right" ? R += 1 : C === "left" ? R -= 1 : N += 1, R >= L.length ? (N += 1, N < $.length && (R = 0)) : R < 0 && (N -= 1, N >= 0 && (R = L.length - 1)), N = Fn(N, 0, $.length - 1);
+    C === "right" ? O += 1 : C === "left" ? O -= 1 : N += 1, O >= L.length ? (N += 1, N < $.length && (O = 0)) : O < 0 && (N -= 1, N >= 0 && (O = L.length - 1)), N = Fn(N, 0, $.length - 1);
     const A = $[N];
     if (!A)
       return;
-    const _ = e.current.unstable_getCellColSpanInfo(A.id, R);
-    _ && _.spannedByColSpan && (C === "left" || C === "below" ? R = _.leftVisibleCellIndex : C === "right" && (R = _.rightVisibleCellIndex)), R = Fn(R, 0, L.length - 1);
-    const G = L[R];
+    const _ = e.current.unstable_getCellColSpanInfo(A.id, O);
+    _ && _.spannedByColSpan && (C === "left" || C === "below" ? O = _.leftVisibleCellIndex : C === "right" && (O = _.rightVisibleCellIndex)), O = Fn(O, 0, L.length - 1);
+    const G = L[O];
     e.current.setCellFocus(A.id, G.field);
   }, [e, t.pagination, t.paginationMode]), h = p.useCallback(({
     id: T,
-    field: O
+    field: R
   }) => {
-    e.current.setCellFocus(T, O);
-  }, [e]), m = p.useCallback((T, O) => {
-    O.key === "Enter" || O.key === "Tab" || O.key === "Shift" || Vi(O.key) || e.current.setCellFocus(T.id, T.field);
+    e.current.setCellFocus(T, R);
+  }, [e]), m = p.useCallback((T, R) => {
+    R.key === "Enter" || R.key === "Tab" || R.key === "Shift" || Vi(R.key) || e.current.setCellFocus(T.id, T.field);
   }, [e]), y = p.useCallback(({
     field: T
-  }, O) => {
-    O.target === O.currentTarget && e.current.setColumnHeaderFocus(T, O);
+  }, R) => {
+    R.target === R.currentTarget && e.current.setColumnHeaderFocus(T, R);
   }, [e]), g = p.useCallback(({
     fields: T,
-    depth: O
+    depth: R
   }, C) => {
     if (C.target !== C.currentTarget)
       return;
-    const R = ha(e);
-    R !== null && R.depth === O && T.includes(R.field) || e.current.setColumnGroupHeaderFocus(T[0], O, C);
-  }, [e]), w = p.useCallback((T, O) => {
-    O.relatedTarget?.getAttribute("class")?.includes(V.columnHeader) || (o.debug("Clearing focus"), e.current.setState((C) => E({}, C, {
+    const O = ha(e);
+    O !== null && O.depth === R && T.includes(O.field) || e.current.setColumnGroupHeaderFocus(T[0], R, C);
+  }, [e]), w = p.useCallback((T, R) => {
+    R.relatedTarget?.getAttribute("class")?.includes(V.columnHeader) || (o.debug("Clearing focus"), e.current.setState((C) => E({}, C, {
       focus: {
         cell: null,
         columnHeader: null,
@@ -39595,19 +39595,19 @@ const e_ = (e, t) => {
   }, [o, e]), x = p.useCallback((T) => {
     r.current = T;
   }, []), v = p.useCallback((T) => {
-    const O = r.current;
+    const R = r.current;
     r.current = null;
     const C = bn(e);
     if (!e.current.unstable_applyPipeProcessors("canUpdateFocus", !0, {
       event: T,
-      cell: O
+      cell: R
     }))
       return;
     if (!C) {
-      O && e.current.setCellFocus(O.id, O.field);
+      R && e.current.setCellFocus(R.id, R.field);
       return;
     }
-    O?.id === C.id && O?.field === C.field || e.current.getCellElement(C.id, C.field)?.contains(T.target) || (O ? e.current.setCellFocus(O.id, O.field) : (e.current.setState((j) => E({}, j, {
+    R?.id === C.id && R?.field === C.field || e.current.getCellElement(C.id, C.field)?.contains(T.target) || (R ? e.current.setCellFocus(R.id, R.field) : (e.current.setState((j) => E({}, j, {
       focus: {
         cell: null,
         columnHeader: null,
@@ -39618,21 +39618,21 @@ const e_ = (e, t) => {
   }, [e, i]), S = p.useCallback((T) => {
     if (T.cellMode === "view")
       return;
-    const O = bn(e);
-    (O?.id !== T.id || O?.field !== T.field) && e.current.setCellFocus(T.id, T.field);
+    const R = bn(e);
+    (R?.id !== T.id || R?.field !== T.field) && e.current.setCellFocus(T.id, T.field);
   }, [e]), I = p.useCallback(() => {
     const T = bn(e);
     if (T && !e.current.getRow(T.id)) {
-      const O = T.id;
+      const R = T.id;
       let C = null;
-      if (typeof O < "u") {
-        const R = e.current.getRowElement(O), L = R?.dataset.rowindex ? Number(R?.dataset.rowindex) : 0, j = go(e, {
+      if (typeof R < "u") {
+        const O = e.current.getRowElement(R), L = O?.dataset.rowindex ? Number(O?.dataset.rowindex) : 0, j = go(e, {
           pagination: t.pagination,
           paginationMode: t.paginationMode
         });
         C = j.rows[Fn(L, 0, j.rows.length - 1)]?.id ?? null;
       }
-      e.current.setState((R) => E({}, R, {
+      e.current.setState((O) => E({}, O, {
         focus: {
           cell: C === null ? null : {
             id: C,
@@ -39648,18 +39648,18 @@ const e_ = (e, t) => {
     const T = bn(e);
     if (!T)
       return;
-    const O = go(e, {
+    const R = go(e, {
       pagination: t.pagination,
       paginationMode: t.paginationMode
     });
-    if (O.rows.find((L) => L.id === T.id) || O.rows.length === 0)
+    if (R.rows.find((L) => L.id === T.id) || R.rows.length === 0)
       return;
-    const R = Tt(e);
+    const O = Tt(e);
     e.current.setState((L) => E({}, L, {
       tabIndex: {
         cell: {
-          id: O.rows[0].id,
-          field: R[0].field
+          id: R.rows[0].id,
+          field: O[0].field
         },
         columnGroupHeader: null,
         columnHeader: null,
@@ -39724,10 +39724,10 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
   const o = Ht(e, "useGridKeyboardNavigation"), r = Yt(), s = t.listView, i = p.useCallback(() => r_(e), [e]), l = t.signature !== "DataGrid" && t.headerFilters, a = p.useCallback((x, v, S = "left", I = "up") => {
     const P = ur(e), M = e.current.unstable_getCellColSpanInfo(v, x);
     M && M.spannedByColSpan && (S === "left" ? x = M.leftVisibleCellIndex : S === "right" && (x = M.rightVisibleCellIndex));
-    const D = s ? $s(e).field : Gr(e)[x], T = o_(e, v, D, I), O = P.findIndex((C) => C.id === T);
-    o.debug(`Navigating to cell row ${O}, col ${x}`), e.current.scrollToIndexes({
+    const D = s ? $s(e).field : Gr(e)[x], T = o_(e, v, D, I), R = P.findIndex((C) => C.id === T);
+    o.debug(`Navigating to cell row ${R}, col ${x}`), e.current.scrollToIndexes({
       colIndex: x,
-      rowIndex: O
+      rowIndex: R
     }), e.current.setCellFocus(T, D);
   }, [e, o, s]), c = p.useCallback((x, v) => {
     o.debug(`Navigating to header col ${x}`), e.current.scrollToIndexes({
@@ -39753,7 +39753,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
     const S = v.currentTarget.querySelector(`.${V.columnHeaderTitleContainerContent}`);
     if (!!S && S.contains(v.target) && x.field !== Bs.field)
       return;
-    const P = i(), M = e.current.getViewportPageSize(), D = x.field ? e.current.getColumnIndex(x.field) : 0, T = P.length > 0 ? 0 : null, O = P.length - 1, C = 0, R = Tt(e).length - 1, L = cl(e);
+    const P = i(), M = e.current.getViewportPageSize(), D = x.field ? e.current.getColumnIndex(x.field) : 0, T = P.length > 0 ? 0 : null, R = P.length - 1, C = 0, O = Tt(e).length - 1, L = cl(e);
     let j = !0;
     switch (v.key) {
       case "ArrowDown": {
@@ -39764,7 +39764,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
         const H = lu({
           currentColIndex: D,
           firstColIndex: C,
-          lastColIndex: R,
+          lastColIndex: O,
           isRtl: r
         });
         H !== null && c(H, v);
@@ -39774,7 +39774,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
         const H = iu({
           currentColIndex: D,
           firstColIndex: C,
-          lastColIndex: R,
+          lastColIndex: O,
           isRtl: r
         });
         H !== null && c(H, v);
@@ -39785,7 +39785,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
         break;
       }
       case "PageDown": {
-        T !== null && O !== null && a(D, f(Math.min(T + M, O)));
+        T !== null && R !== null && a(D, f(Math.min(T + M, R)));
         break;
       }
       case "Home": {
@@ -39793,7 +39793,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
         break;
       }
       case "End": {
-        c(R, v);
+        c(O, v);
         break;
       }
       case "Enter": {
@@ -39810,7 +39810,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
     const S = TC(e) === x.field, I = yp(e) === x.field;
     if (S || I || !Vi(v.key))
       return;
-    const P = i(), M = e.current.getViewportPageSize(), D = x.field ? e.current.getColumnIndex(x.field) : 0, T = 0, O = P.length - 1, C = 0, R = Tt(e).length - 1;
+    const P = i(), M = e.current.getViewportPageSize(), D = x.field ? e.current.getColumnIndex(x.field) : 0, T = 0, R = P.length - 1, C = 0, O = Tt(e).length - 1;
     let L = !0;
     switch (v.key) {
       case "ArrowDown": {
@@ -39822,7 +39822,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
         const j = lu({
           currentColIndex: D,
           firstColIndex: C,
-          lastColIndex: R,
+          lastColIndex: O,
           isRtl: r
         });
         j !== null && u(j, v);
@@ -39832,7 +39832,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
         const j = iu({
           currentColIndex: D,
           firstColIndex: C,
-          lastColIndex: R,
+          lastColIndex: O,
           isRtl: r
         });
         j !== null ? u(j, v) : e.current.setColumnHeaderFilterFocus(x.field, v);
@@ -39843,7 +39843,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
         break;
       }
       case "PageDown": {
-        O !== null && a(D, f(Math.min(T + M, O)));
+        R !== null && a(D, f(Math.min(T + M, R)));
         break;
       }
       case "Home": {
@@ -39851,7 +39851,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
         break;
       }
       case "End": {
-        u(R, v);
+        u(O, v);
         break;
       }
       case " ":
@@ -39871,25 +39871,25 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
       fields: M,
       depth: D,
       maxDepth: T
-    } = x, O = i(), C = e.current.getViewportPageSize(), R = e.current.getColumnIndex(I), L = I ? e.current.getColumnIndex(I) : 0, j = 0, H = O.length - 1, $ = 0, N = Tt(e).length - 1;
+    } = x, R = i(), C = e.current.getViewportPageSize(), O = e.current.getColumnIndex(I), L = I ? e.current.getColumnIndex(I) : 0, j = 0, H = R.length - 1, $ = 0, N = Tt(e).length - 1;
     let A = !0;
     switch (v.key) {
       case "ArrowDown": {
-        D === T - 1 ? c(R, v) : d(R, P + 1, v);
+        D === T - 1 ? c(O, v) : d(O, P + 1, v);
         break;
       }
       case "ArrowUp": {
-        D > 0 && d(R, P - 1, v);
+        D > 0 && d(O, P - 1, v);
         break;
       }
       case "ArrowRight": {
         const _ = M.length - M.indexOf(I) - 1;
-        R + _ + 1 <= N && d(R + _ + 1, P, v);
+        O + _ + 1 <= N && d(O + _ + 1, P, v);
         break;
       }
       case "ArrowLeft": {
         const _ = M.indexOf(I);
-        R - _ - 1 >= $ && d(R - _ - 1, P, v);
+        O - _ - 1 >= $ && d(O - _ - 1, P, v);
         break;
       }
       case "PageDown": {
@@ -39922,15 +39922,15 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
     const P = i();
     if (P.length === 0)
       return;
-    const M = e.current.getViewportPageSize(), D = s ? () => 0 : e.current.getColumnIndex, T = x.field ? D(x.field) : 0, O = P.findIndex((N) => N.id === x.id), C = 0, R = P.length - 1, L = 0, H = (s ? [$s(e)] : Tt(e)).length - 1;
+    const M = e.current.getViewportPageSize(), D = s ? () => 0 : e.current.getColumnIndex, T = x.field ? D(x.field) : 0, R = P.findIndex((N) => N.id === x.id), C = 0, O = P.length - 1, L = 0, H = (s ? [$s(e)] : Tt(e)).length - 1;
     let $ = !0;
     switch (v.key) {
       case "ArrowDown": {
-        O < R && a(T, f(O + 1), r ? "right" : "left", "down");
+        R < O && a(T, f(R + 1), r ? "right" : "left", "down");
         break;
       }
       case "ArrowUp": {
-        O > C ? a(T, f(O - 1)) : l ? u(T, v) : c(T, v);
+        R > C ? a(T, f(R - 1)) : l ? u(T, v) : c(T, v);
         break;
       }
       case "ArrowRight": {
@@ -39940,7 +39940,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
           lastColIndex: H,
           isRtl: r
         });
-        N !== null && a(N, f(O), r ? "left" : "right");
+        N !== null && a(N, f(R), r ? "left" : "right");
         break;
       }
       case "ArrowLeft": {
@@ -39950,11 +39950,11 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
           lastColIndex: H,
           isRtl: r
         });
-        N !== null && a(N, f(O), r ? "right" : "left");
+        N !== null && a(N, f(R), r ? "right" : "left");
         break;
       }
       case "Tab": {
-        v.shiftKey && T > L ? a(T - 1, f(O), "left") : !v.shiftKey && T < H && a(T + 1, f(O), "right");
+        v.shiftKey && T > L ? a(T - 1, f(R), "left") : !v.shiftKey && T < H && a(T + 1, f(R), "right");
         break;
       }
       case " ": {
@@ -39963,24 +39963,24 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
         const A = x.colDef;
         if (A && (A.field === ip || wN(A.field)))
           break;
-        !v.shiftKey && O < R && a(T, f(Math.min(O + M, R)));
+        !v.shiftKey && R < O && a(T, f(Math.min(R + M, O)));
         break;
       }
       case "PageDown": {
-        O < R && a(T, f(Math.min(O + M, R)));
+        R < O && a(T, f(Math.min(R + M, O)));
         break;
       }
       case "PageUp": {
-        const N = Math.max(O - M, C);
-        N !== O && N >= C ? a(T, f(N)) : c(T, v);
+        const N = Math.max(R - M, C);
+        N !== R && N >= C ? a(T, f(N)) : c(T, v);
         break;
       }
       case "Home": {
-        v.ctrlKey || v.metaKey || v.shiftKey ? a(L, f(C)) : a(L, f(O));
+        v.ctrlKey || v.metaKey || v.shiftKey ? a(L, f(C)) : a(L, f(R));
         break;
       }
       case "End": {
-        v.ctrlKey || v.metaKey || v.shiftKey ? a(H, f(R)) : a(H, f(O));
+        v.ctrlKey || v.metaKey || v.shiftKey ? a(H, f(O)) : a(H, f(R));
         break;
       }
       default:
@@ -40319,7 +40319,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
         isProcessingProps: !1
       }));
     }
-  }), O = p.useCallback(($) => {
+  }), R = p.useCallback(($) => {
     const {
       id: N,
       field: A
@@ -40389,7 +40389,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
       }
     } else
       e.current.updateRows([q]), k();
-  }), R = p.useCallback(async ($) => {
+  }), O = p.useCallback(async ($) => {
     const {
       id: N,
       field: A,
@@ -40432,9 +40432,9 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
   }, [e]), j = {
     getCellMode: S,
     startCellEditMode: D,
-    stopCellEditMode: O
+    stopCellEditMode: R
   }, H = {
-    setCellEditingEditCellValue: R,
+    setCellEditingEditCellValue: O,
     getRowWithUpdatedValuesFromCellEditing: L
   };
   Be(e, j, "public"), Be(e, H, "private"), p.useEffect(() => {
@@ -40575,7 +40575,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
     h && F && h(k, {
       api: e.current
     }), !(t.rowModesModel && F) && (r(k), s.current = k, e.current.publishEvent("rowModesModelChange", k));
-  }), O = p.useCallback((k, F) => {
+  }), R = p.useCallback((k, F) => {
     const B = E({}, s.current);
     F !== null ? B[k] = E({}, F) : delete B[k], T(B);
   }, [T]), C = p.useCallback((k, F) => {
@@ -40585,7 +40585,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
         editRows: U
       });
     });
-  }, [e]), R = p.useCallback((k, F, B) => {
+  }, [e]), O = p.useCallback((k, F, B) => {
     e.current.setState((U) => {
       const z = E({}, U.editRows);
       return B !== null ? z[k] = E({}, z[k], {
@@ -40598,10 +40598,10 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
     const {
       id: F
     } = k, B = me(k, g_);
-    g(F, xt.View), O(F, E({
+    g(F, xt.View), R(F, E({
       mode: xt.Edit
     }, B));
-  }, [g, O]), j = ze((k) => {
+  }, [g, R]), j = ze((k) => {
     const {
       id: F,
       fieldToFocus: B,
@@ -40629,7 +40629,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
       })).then((K) => {
         if (e.current.getRowMode(F) === xt.Edit) {
           const ee = Vt(e);
-          R(F, X, E({}, K, {
+          O(F, X, E({}, K, {
             value: ee[F][X].value,
             isProcessingProps: !1
           }));
@@ -40640,10 +40640,10 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
     const {
       id: F
     } = k, B = me(k, m_);
-    g(F, xt.Edit), O(F, E({
+    g(F, xt.Edit), R(F, E({
       mode: xt.View
     }, B));
-  }, [g, O]), $ = ze(async (k) => {
+  }, [g, R]), $ = ze(async (k) => {
     const {
       id: F,
       ignoreModifications: B,
@@ -40652,7 +40652,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
     } = k;
     e.current.runPendingEditCellValueMutation(F);
     const q = () => {
-      z !== "none" && U && e.current.moveFocusToRelativeCell(F, U, z), C(F, null), O(F, null), delete l.current[F];
+      z !== "none" && U && e.current.moveFocusToRelativeCell(F, U, z), C(F, null), R(F, null), delete l.current[F];
     };
     if (B) {
       q();
@@ -40664,7 +40664,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
       return;
     }
     if (w(F)) {
-      i.current[F].mode = xt.Edit, O(F, {
+      i.current[F].mode = xt.Edit, R(F, {
         mode: xt.Edit
       });
       return;
@@ -40676,7 +40676,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
         return;
       }
       const Y = () => {
-        i.current[F].mode = xt.Edit, O(F, {
+        i.current[F].mode = xt.Edit, R(F, {
           mode: xt.Edit
         });
       }, re = {
@@ -40691,7 +40691,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
       }
     } else if (u) {
       const Y = (re) => {
-        i.current[F] && (i.current[F].mode = xt.Edit, O(F, {
+        i.current[F] && (i.current[F].mode = xt.Edit, R(F, {
           mode: xt.Edit
         })), d ? d(re) : process.env.NODE_ENV !== "production" && Nn(["MUI X: A call to `processRowUpdate` threw an error which was not handled because `onProcessRowUpdateError` is missing.", "To handle the error pass a callback to the `onProcessRowUpdateError` prop, for example `<DataGrid onProcessRowUpdateError={(error) => ...} />`.", "For more detail, see https://mui.com/x/react-data-grid/editing/persistence/."], "error");
       };
@@ -40722,13 +40722,13 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
       value: Z,
       changeReason: z ? "debouncedSetEditCellValue" : "setEditCellValue"
     });
-    return W.preProcessEditCellProps || R(F, B, Y), new Promise((re) => {
+    return W.preProcessEditCellProps || O(F, B, Y), new Promise((re) => {
       const K = [];
       if (W.preProcessEditCellProps) {
         const ee = Y.value !== X[F][B].value;
         Y = E({}, Y, {
           isProcessingProps: !0
-        }), R(F, B, Y);
+        }), O(F, B, Y);
         const ne = X[F], se = me(ne, [B].map(Gi)), Se = Promise.resolve(W.preProcessEditCellProps({
           id: F,
           row: Q,
@@ -40742,7 +40742,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
           }
           X = Vt(e), Pe = E({}, Pe, {
             isProcessingProps: !1
-          }), Pe.value = W.preProcessEditCellProps ? X[F][B].value : Z, R(F, B, Pe);
+          }), Pe.value = W.preProcessEditCellProps ? X[F][B].value : Z, O(F, B, Pe);
         });
         K.push(Se);
       }
@@ -40754,7 +40754,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
           return;
         ne = E({}, ne, {
           isProcessingProps: !0
-        }), R(F, ee, ne), X = Vt(e);
+        }), O(F, ee, ne), X = Vt(e);
         const Se = X[F], Pe = me(Se, [ee].map(Gi)), ae = Promise.resolve(se.preProcessEditCellProps({
           id: F,
           row: Q,
@@ -40768,14 +40768,14 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
           }
           Ge = E({}, Ge, {
             isProcessingProps: !1
-          }), R(F, ee, Ge);
+          }), O(F, ee, Ge);
         });
         K.push(ae);
       }), Promise.all(K).then(() => {
         e.current.getRowMode(F) === xt.Edit ? (X = Vt(e), re(!X[F][B].error)) : re(!1);
       });
     });
-  }, [e, y, R]), A = p.useCallback((k) => {
+  }, [e, y, O]), A = p.useCallback((k) => {
     const F = Vt(e), B = e.current.getRow(k);
     if (!F[k])
       return e.current.getRow(k);
@@ -41110,7 +41110,7 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
     getRowGroupChildren: S
   }, T = {
     updateNestedRows: f
-  }, O = p.useCallback(() => {
+  }, R = p.useCallback(() => {
     o.info("Row grouping pre-processing have changed, regenerating the row tree");
     let $;
     e.current.caches.rows.rowsBeforePartialUpdates === t.rows ? $ = E({}, e.current.caches.rows, {
@@ -41127,16 +41127,16 @@ const r_ = it(al, Br, (e, t) => (t.top || []).concat(e.rows, t.bottom || [])), s
       cache: $,
       throttle: !1
     });
-  }, [o, e, t.rows, t.getRowId, t.loading, t.rowCount, c]), C = Zn(() => t.dataSource), R = p.useCallback(($) => {
+  }, [o, e, t.rows, t.getRowId, t.loading, t.rowCount, c]), C = Zn(() => t.dataSource), O = p.useCallback(($) => {
     if (t.dataSource && t.dataSource !== C.current) {
       C.current = t.dataSource;
       return;
     }
-    $ === "rowTreeCreation" && O();
-  }, [O, C, t.dataSource]), L = p.useCallback(() => {
-    e.current.getActiveStrategy(Dn.RowTree) !== dM(e) && O();
-  }, [e, O]);
-  ge(e, "activeStrategyProcessorChange", R), ge(e, "strategyAvailabilityChange", L);
+    $ === "rowTreeCreation" && R();
+  }, [R, C, t.dataSource]), L = p.useCallback(() => {
+    e.current.getActiveStrategy(Dn.RowTree) !== dM(e) && R();
+  }, [e, R]);
+  ge(e, "activeStrategyProcessorChange", O), ge(e, "strategyAvailabilityChange", L);
   const j = p.useCallback(() => {
     e.current.setState(($) => {
       const N = e.current.unstable_applyPipeProcessors("hydrateRows", {
@@ -41464,8 +41464,8 @@ const Ri = {
     getPropagatedRowSelectionModel: P
   };
   Be(e, D, "public"), Be(e, T, t.signature === Tn.DataGrid ? "private" : "public");
-  const O = p.useRef(!0), C = p.useCallback((k = !1) => {
-    if (O.current)
+  const R = p.useRef(!0), C = p.useCallback((k = !1) => {
+    if (R.current)
       return;
     const F = oo(e), B = Gn(e), U = Hs(e), z = (X) => t.filterMode === "server" ? !B[X] : !B[X] || U[X] === !1, q = {
       type: F.type,
@@ -41505,15 +41505,15 @@ const Ri = {
           e.current.selectRows(Array.from(q.ids), !0, !0);
       else
         e.current.setRowSelectionModel(q, "multipleRowsSelection");
-  }, [e, h, t.rowSelectionPropagation?.parents, t.keepNonExistentRowsSelected, t.filterMode, f, y]), R = p.useCallback((k, F) => {
+  }, [e, h, t.rowSelectionPropagation?.parents, t.keepNonExistentRowsSelected, t.filterMode, f, y]), O = p.useCallback((k, F) => {
     const B = F.metaKey || F.ctrlKey, U = !a && !B && !jM(F), z = !d || U, q = e.current.isRowSelected(k), Z = uc(e) > 1 && z || !q;
     e.current.selectRow(k, Z, z);
   }, [e, d, a]), L = p.useCallback((k, F) => {
     if (c)
       return;
     const B = F.target.closest(`.${V.cell}`)?.getAttribute("data-field");
-    B === Bs.field || B === en || B && e.current.getColumn(B)?.type === sc || dn(e, k.id).type === "pinnedRow" || (F.shiftKey && d ? m(k.id) : R(k.id, F));
-  }, [c, d, e, m, R]), j = p.useCallback((k, F) => {
+    B === Bs.field || B === en || B && e.current.getColumn(B)?.type === sc || dn(e, k.id).type === "pinnedRow" || (F.shiftKey && d ? m(k.id) : O(k.id, F));
+  }, [c, d, e, m, O]), j = p.useCallback((k, F) => {
     d && F.shiftKey && window.getSelection()?.removeAllRanges();
   }, [d]), H = p.useCallback((k, F) => {
     d && F.nativeEvent.shiftKey ? m(k.id) : e.current.selectRow(k.id, k.value, !d);
@@ -41547,12 +41547,12 @@ const Ri = {
         }
       }
       if (F.key === " " && F.shiftKey) {
-        F.preventDefault(), R(k.id, F);
+        F.preventDefault(), O(k.id, F);
         return;
       }
       String.fromCharCode(F.keyCode) === "A" && (F.ctrlKey || F.metaKey) && (F.preventDefault(), $(!0));
     }
-  }, [e, d, R, $]), _ = ze(() => {
+  }, [e, d, O, $]), _ = ze(() => {
     if (!t.rowSelection) {
       e.current.setRowSelectionModel(Ri);
       return;
@@ -41595,7 +41595,7 @@ const Ri = {
   }, [e, d, a, G, t.rowSelection]), p.useEffect(() => {
     r(C);
   }, [C, r]), p.useEffect(() => {
-    O.current && (O.current = !1);
+    R.current && (R.current = !1);
   }, []);
 }, R_ = (e) => {
   const {
@@ -41636,14 +41636,14 @@ const Ri = {
   });
   const r = p.useCallback((P, M) => {
     const D = Wt(e), T = D.findIndex((C) => C.field === P);
-    let O = [...D];
-    return T > -1 ? M?.sort == null ? O.splice(T, 1) : O.splice(T, 1, M) : O = [...D, M], O;
+    let R = [...D];
+    return T > -1 ? M?.sort == null ? R.splice(T, 1) : R.splice(T, 1, M) : R = [...D, M], R;
   }, [e]), s = p.useCallback((P, M) => {
-    const T = Wt(e).find((O) => O.field === P.field);
+    const T = Wt(e).find((R) => R.field === P.field);
     if (T) {
-      const O = M === void 0 ? pg(P.sortingOrder ?? t.sortingOrder, T.sort) : M;
-      return O === void 0 ? void 0 : E({}, T, {
-        sort: O
+      const R = M === void 0 ? pg(P.sortingOrder ?? t.sortingOrder, T.sort) : M;
+      return R === void 0 ? void 0 : E({}, T, {
+        sort: R
       });
     }
     return {
@@ -41670,9 +41670,9 @@ const Ri = {
   }, [e, o, t.sortingMode]), a = p.useCallback((P) => {
     Wt(e) !== P && (o.debug("Setting sort model"), e.current.setState(dg(P, t.disableMultipleColumnsSorting)), e.current.applySorting());
   }, [e, o, t.disableMultipleColumnsSorting]), c = p.useCallback((P, M, D) => {
-    const T = e.current.getColumn(P), O = s(T, M);
+    const T = e.current.getColumn(P), R = s(T, M);
     let C;
-    !D || t.disableMultipleColumnsSorting ? C = O?.sort == null ? [] : [O] : C = r(T.field, O), e.current.setSortModel(C);
+    !D || t.disableMultipleColumnsSorting ? C = R?.sort == null ? [] : [R] : C = r(T.field, R), e.current.setSortModel(C);
   }, [e, r, s, t.disableMultipleColumnsSorting]), u = p.useCallback(() => Wt(e), [e]), d = p.useCallback(() => ap(e).map((M) => M.model), [e]), f = p.useCallback(() => sl(e), [e]), h = p.useCallback((P) => e.current.getSortedRowIds()[P], [e]);
   Be(e, {
     getSortModel: u,
@@ -41702,7 +41702,7 @@ const Ri = {
       callbacks: [...P.callbacks, e.current.applySorting]
     }));
   }, [e, t.disableMultipleColumnsSorting]), w = p.useCallback((P) => {
-    const M = _t(e), D = M[Ze], T = P.sortRowList ? P.sortRowList(D.children.map((O) => M[O])) : [...D.children];
+    const M = _t(e), D = M[Ze], T = P.sortRowList ? P.sortRowList(D.children.map((R) => M[R])) : [...D.children];
     return D.footerId != null && T.push(D.footerId), T;
   }, [e]);
   tt(e, "exportState", y), tt(e, "restoreState", g), Sn(e, Fr, "sorting", w);
@@ -41910,26 +41910,26 @@ function j_(e, t) {
     leftPinnedWidth: y,
     rightPinnedWidth: g
   } = cw(t, e, l, i), w = p.useCallback(() => ft(e), [e]), x = p.useCallback((C) => {
-    e.current.setState((R) => E({}, R, {
+    e.current.setState((O) => E({}, O, {
       dimensions: C
     })), e.current.rootElementRef.current && hm(e.current.rootElementRef.current, ft(e));
   }, [e]), v = p.useCallback(() => {
     const C = ft(e);
     if (!C.isReady)
       return 0;
-    const R = go(e);
+    const O = go(e);
     if (t.getRowHeight) {
       const j = sr(e), H = j.lastRowIndex - j.firstRowIndex;
-      return Math.min(H - 1, R.rows.length);
+      return Math.min(H - 1, O.rows.length);
     }
     const L = Math.floor(C.viewportInnerSize.height / u);
-    return Math.min(L, R.rows.length);
+    return Math.min(L, O.rows.length);
   }, [e, t.getRowHeight, u]), S = p.useCallback(() => {
     if (c.current)
       return;
-    const C = A_(e.current.mainElementRef.current, t.scrollbarSize), R = Gs(e), L = m + R.pinnedTopRowsTotalHeight, j = R.pinnedBottomRowsTotalHeight, H = {
+    const C = A_(e.current.mainElementRef.current, t.scrollbarSize), O = Gs(e), L = m + O.pinnedTopRowsTotalHeight, j = O.pinnedBottomRowsTotalHeight, H = {
       width: a,
-      height: hs(R.currentPageTotalHeight, 1)
+      height: hs(O.currentPageTotalHeight, 1)
     };
     let $, N, A = !1, _ = !1;
     if (t.autoHeight)
@@ -41990,7 +41990,7 @@ function j_(e, t) {
   yt(S, [S]), Be(e, M, "public"), Be(e, D, "private");
   const T = p.useCallback((C) => {
     hm(C, ft(e));
-  }, [e]), O = p.useCallback((C) => {
+  }, [e]), R = p.useCallback((C) => {
     if (s.current = C, C.height === 0 && !r.current && !t.autoHeight && !ya && (o.error(["The parent DOM element of the Data Grid has an empty height.", "Please make sure that this element has an intrinsic height.", "The grid displays with a height of 0px.", "", "More details: https://mui.com/r/x-data-grid-no-dimensions."].join(`
 `)), r.current = !0), C.width === 0 && !r.current && !ya && (o.error(["The parent DOM element of the Data Grid has an empty width.", "Please make sure that this element has an intrinsic width.", "The grid displays with a width of 0px.", "", "More details: https://mui.com/r/x-data-grid-no-dimensions."].join(`
 `)), r.current = !0), c.current || !P) {
@@ -41999,7 +41999,7 @@ function j_(e, t) {
     }
     P();
   }, [S, t.autoHeight, P, o]);
-  ct(e, "rootMount", T), ct(e, "resize", O), ct(e, "debouncedResize", t.onResize);
+  ct(e, "rootMount", T), ct(e, "resize", R), ct(e, "debouncedResize", t.onResize);
 }
 function hm(e, t) {
   const o = (r, s) => e.style.setProperty(r, s);
@@ -42063,19 +42063,19 @@ const __ = typeof globalThis.ResizeObserver < "u" ? globalThis.ResizeObserver :
     getRowSpacing: r,
     getEstimatedRowHeight: s
   } = t, i = e.current.caches.rowsMeta.heights, l = p.useRef(-1), a = p.useRef(!1), c = p.useRef(!1), u = J(e, _s), d = gc(e), f = J(e, Br), h = J(e, Ud), m = (C) => {
-    let R = i.get(C);
-    return R === void 0 && (R = {
+    let O = i.get(C);
+    return O === void 0 && (O = {
       content: h,
       spacingTop: 0,
       spacingBottom: 0,
       detail: 0,
       autoHeight: !1,
       needsFirstMeasurement: !0
-    }, i.set(C, R)), R;
+    }, i.set(C, O)), O;
   }, y = p.useCallback((C) => {
-    const R = ft(e).rowHeight, L = e.current.getRowHeightEntry(C.id);
+    const O = ft(e).rowHeight, L = e.current.getRowHeightEntry(C.id);
     if (!o)
-      L.content = R, L.needsFirstMeasurement = !1;
+      L.content = O, L.needsFirstMeasurement = !1;
     else {
       const j = o(E({}, C, {
         densityFactor: u
@@ -42084,12 +42084,12 @@ const __ = typeof globalThis.ResizeObserver < "u" ? globalThis.ResizeObserver :
         if (L.needsFirstMeasurement) {
           const H = s ? s(E({}, C, {
             densityFactor: u
-          })) : R;
-          L.content = H ?? R;
+          })) : O;
+          L.content = H ?? O;
         }
         a.current = !0, L.autoHeight = !0;
       } else
-        L.content = Qy(j, R, JM), L.needsFirstMeasurement = !1, L.autoHeight = !1;
+        L.content = Qy(j, O, JM), L.needsFirstMeasurement = !1, L.autoHeight = !1;
     }
     if (r) {
       const j = e.current.getRowIndexRelativeToVisibleRows(C.id), H = r(E({}, C, {
@@ -42106,7 +42106,7 @@ const __ = typeof globalThis.ResizeObserver < "u" ? globalThis.ResizeObserver :
     const C = f.top.reduce((N, A) => {
       const _ = y(A);
       return N + _.content + _.spacingTop + _.spacingBottom + _.detail;
-    }, 0), R = f.bottom.reduce((N, A) => {
+    }, 0), O = f.bottom.reduce((N, A) => {
       const _ = y(A);
       return N + _.content + _.spacingTop + _.spacingBottom + _.detail;
     }, 0), L = [], j = d.rows.reduce((N, A) => {
@@ -42115,25 +42115,25 @@ const __ = typeof globalThis.ResizeObserver < "u" ? globalThis.ResizeObserver :
       return N + G;
     }, 0);
     a.current || (l.current = 1 / 0);
-    const H = C !== e.current.state.rowsMeta.pinnedTopRowsTotalHeight || R !== e.current.state.rowsMeta.pinnedBottomRowsTotalHeight || j !== e.current.state.rowsMeta.currentPageTotalHeight, $ = {
+    const H = C !== e.current.state.rowsMeta.pinnedTopRowsTotalHeight || O !== e.current.state.rowsMeta.pinnedBottomRowsTotalHeight || j !== e.current.state.rowsMeta.currentPageTotalHeight, $ = {
       currentPageTotalHeight: j,
       positions: L,
       pinnedTopRowsTotalHeight: C,
-      pinnedBottomRowsTotalHeight: R
+      pinnedBottomRowsTotalHeight: O
     };
     e.current.setState((N) => E({}, N, {
       rowsMeta: $
     })), H && e.current.updateDimensions(), c.current = !0;
-  }, [e, f, d.rows, y]), w = (C) => i.get(C)?.content ?? h, x = (C, R) => {
-    const L = e.current.getRowHeightEntry(C), j = L.content !== R;
-    L.needsFirstMeasurement = !1, L.content = R, c.current &&= !j;
+  }, [e, f, d.rows, y]), w = (C) => i.get(C)?.content ?? h, x = (C, O) => {
+    const L = e.current.getRowHeightEntry(C), j = L.content !== O;
+    L.needsFirstMeasurement = !1, L.content = O, c.current &&= !j;
   }, v = (C) => i.get(C)?.autoHeight ?? !1, S = () => l.current, I = (C) => {
     a.current && C > l.current && (l.current = C);
   }, P = () => {
     i.clear(), g();
   }, M = Zn(() => new __((C) => {
-    for (let R = 0; R < C.length; R += 1) {
-      const L = C[R], j = L.borderBoxSize && L.borderBoxSize.length > 0 ? L.borderBoxSize[0].blockSize : L.contentRect.height, H = L.target.__mui_id;
+    for (let O = 0; O < C.length; O += 1) {
+      const L = C[O], j = L.borderBoxSize && L.borderBoxSize.length > 0 ? L.borderBoxSize[0].blockSize : L.contentRect.height, H = L.target.__mui_id;
       if (FC(e)?.id === H && j === 0)
         return;
       e.current.unstable_storeRowHeightMeasurement(H, j);
@@ -42141,7 +42141,7 @@ const __ = typeof globalThis.ResizeObserver < "u" ? globalThis.ResizeObserver :
     c.current || requestAnimationFrame(() => {
       e.current.requestPipeProcessorsApplication("rowHeight");
     });
-  })).current, D = (C, R) => (C.__mui_id = R, M.observe(C), () => M.unobserve(C));
+  })).current, D = (C, O) => (C.__mui_id = O, M.observe(C), () => M.unobserve(C));
   sf(e, "rowHeight", g), yt(() => {
     g();
   }, [g]);
@@ -42150,14 +42150,14 @@ const __ = typeof globalThis.ResizeObserver < "u" ? globalThis.ResizeObserver :
     unstable_setLastMeasuredRowIndex: I,
     unstable_storeRowHeightMeasurement: x,
     resetRowHeights: P
-  }, O = {
+  }, R = {
     hydrateRowsMeta: g,
     observeRowHeight: D,
     rowHasAutoHeight: v,
     getRowHeightEntry: m,
     getLastMeasuredRowIndex: S
   };
-  Be(e, T, "public"), Be(e, O, "private");
+  Be(e, T, "public"), Be(e, R, "private");
 }, G_ = (e) => {
   const t = p.useCallback((s = {}) => e.current.unstable_applyPipeProcessors("exportState", {}, s), [e]), o = p.useCallback((s) => {
     e.current.unstable_applyPipeProcessors("restoreState", {
@@ -42461,148 +42461,148 @@ function oH() {
   };
 }
 const rH = (e, t) => {
-  const o = Yt(), r = Ht(e, "useGridColumnResize"), s = Zn(oH).current, i = p.useRef(null), l = p.useRef(null), a = xn(), c = p.useRef(void 0), u = (O) => {
-    r.debug(`Updating width to ${O} for col ${s.colDef.field}`);
-    const C = s.columnHeaderElement.offsetWidth, R = O - C, L = O - s.initialColWidth;
+  const o = Yt(), r = Ht(e, "useGridColumnResize"), s = Zn(oH).current, i = p.useRef(null), l = p.useRef(null), a = xn(), c = p.useRef(void 0), u = (R) => {
+    r.debug(`Updating width to ${R} for col ${s.colDef.field}`);
+    const C = s.columnHeaderElement.offsetWidth, O = R - C, L = R - s.initialColWidth;
     if (L > 0) {
       const $ = s.initialTotalWidth + L;
       e.current.rootElementRef?.current?.style.setProperty("--DataGrid-rowWidth", `${$}px`);
     }
-    s.colDef.computedWidth = O, s.colDef.width = O, s.colDef.flex = 0, s.columnHeaderElement.style.width = `${O}px`;
+    s.colDef.computedWidth = R, s.colDef.width = R, s.colDef.flex = 0, s.columnHeaderElement.style.width = `${R}px`;
     const j = s.headerFilterElement;
-    j && (j.style.width = `${O}px`), s.groupHeaderElements.forEach(($) => {
+    j && (j.style.width = `${R}px`), s.groupHeaderElements.forEach(($) => {
       const N = $;
       let A;
-      N.getAttribute("aria-colspan") === "1" ? A = `${O}px` : A = `${N.offsetWidth + R}px`, N.style.width = A;
+      N.getAttribute("aria-colspan") === "1" ? A = `${R}px` : A = `${N.offsetWidth + O}px`, N.style.width = A;
     }), s.cellElements.forEach(($) => {
       const N = $;
       let A;
-      N.getAttribute("aria-colspan") === "1" ? A = `${O}px` : A = `${N.offsetWidth + R}px`, N.style.setProperty("--width", A);
+      N.getAttribute("aria-colspan") === "1" ? A = `${R}px` : A = `${N.offsetWidth + O}px`, N.style.setProperty("--width", A);
     });
     const H = e.current.unstable_applyPipeProcessors("isColumnPinned", !1, s.colDef.field);
-    H === Ut.LEFT && (os(s.fillerLeft, "width", R), s.leftPinnedCellsAfter.forEach(($) => {
-      os($, "left", R);
+    H === Ut.LEFT && (os(s.fillerLeft, "width", O), s.leftPinnedCellsAfter.forEach(($) => {
+      os($, "left", O);
     }), s.leftPinnedHeadersAfter.forEach(($) => {
-      os($, "left", R);
-    })), H === Ut.RIGHT && (os(s.fillerRight, "width", R), s.rightPinnedCellsBefore.forEach(($) => {
-      os($, "right", R);
+      os($, "left", O);
+    })), H === Ut.RIGHT && (os(s.fillerRight, "width", O), s.rightPinnedCellsBefore.forEach(($) => {
+      os($, "right", O);
     }), s.rightPinnedHeadersBefore.forEach(($) => {
-      os($, "right", R);
+      os($, "right", O);
     }));
-  }, d = (O) => {
+  }, d = (R) => {
     if (x(), s.previousMouseClickEvent) {
-      const C = s.previousMouseClickEvent, R = C.timeStamp, L = C.clientX, j = C.clientY;
-      if (O.timeStamp - R < 300 && O.clientX === L && O.clientY === j) {
-        s.previousMouseClickEvent = void 0, e.current.publishEvent("columnResizeStop", null, O);
+      const C = s.previousMouseClickEvent, O = C.timeStamp, L = C.clientX, j = C.clientY;
+      if (R.timeStamp - O < 300 && R.clientX === L && R.clientY === j) {
+        s.previousMouseClickEvent = void 0, e.current.publishEvent("columnResizeStop", null, R);
         return;
       }
     }
     if (s.colDef) {
       e.current.setColumnWidth(s.colDef.field, s.colDef.width), r.debug(`Updating col ${s.colDef.field} with new width: ${s.colDef.width}`);
       const C = so(e);
-      s.groupHeaderElements.forEach((R) => {
-        const L = yF(R), j = R, $ = `${L.reduce((N, A) => C.columnVisibilityModel[A] !== !1 ? N + C.lookup[A].computedWidth : N, 0)}px`;
+      s.groupHeaderElements.forEach((O) => {
+        const L = yF(O), j = O, $ = `${L.reduce((N, A) => C.columnVisibilityModel[A] !== !1 ? N + C.lookup[A].computedWidth : N, 0)}px`;
         j.style.width = $;
       });
     }
     a.start(0, () => {
-      e.current.publishEvent("columnResizeStop", null, O);
+      e.current.publishEvent("columnResizeStop", null, R);
     });
-  }, f = (O, C, R) => {
+  }, f = (R, C, O) => {
     const L = e.current.rootElementRef.current;
-    s.initialColWidth = O.computedWidth, s.initialTotalWidth = e.current.getRootDimensions().rowWidth, s.colDef = O, s.columnHeaderElement = bF(e.current.columnHeadersContainerRef.current, O.field);
-    const j = L.querySelector(`.${V.headerFilterRow} [data-field="${Vo(O.field)}"]`);
-    j && (s.headerFilterElement = j), s.groupHeaderElements = CF(e.current.columnHeadersContainerRef?.current, O.field), s.cellElements = vF(s.columnHeaderElement, e.current), s.fillerLeft = Fg(e.current, o ? "filler--pinnedRight" : "filler--pinnedLeft"), s.fillerRight = Fg(e.current, o ? "filler--pinnedLeft" : "filler--pinnedRight");
+    s.initialColWidth = R.computedWidth, s.initialTotalWidth = e.current.getRootDimensions().rowWidth, s.colDef = R, s.columnHeaderElement = bF(e.current.columnHeadersContainerRef.current, R.field);
+    const j = L.querySelector(`.${V.headerFilterRow} [data-field="${Vo(R.field)}"]`);
+    j && (s.headerFilterElement = j), s.groupHeaderElements = CF(e.current.columnHeadersContainerRef?.current, R.field), s.cellElements = vF(s.columnHeaderElement, e.current), s.fillerLeft = Fg(e.current, o ? "filler--pinnedRight" : "filler--pinnedLeft"), s.fillerRight = Fg(e.current, o ? "filler--pinnedLeft" : "filler--pinnedRight");
     const H = e.current.unstable_applyPipeProcessors("isColumnPinned", !1, s.colDef.field);
-    s.leftPinnedCellsAfter = H !== Ut.LEFT ? [] : wF(e.current, s.columnHeaderElement, o), s.rightPinnedCellsBefore = H !== Ut.RIGHT ? [] : xF(e.current, s.columnHeaderElement, o), s.leftPinnedHeadersAfter = H !== Ut.LEFT ? [] : SF(e.current, s.columnHeaderElement, o), s.rightPinnedHeadersBefore = H !== Ut.RIGHT ? [] : EF(e.current, s.columnHeaderElement, o), l.current = J_(C, o), i.current = Y_(R, s.columnHeaderElement.getBoundingClientRect(), l.current);
-  }, h = ze(d), m = ze((O) => {
-    if (O.buttons === 0) {
-      h(O);
+    s.leftPinnedCellsAfter = H !== Ut.LEFT ? [] : wF(e.current, s.columnHeaderElement, o), s.rightPinnedCellsBefore = H !== Ut.RIGHT ? [] : xF(e.current, s.columnHeaderElement, o), s.leftPinnedHeadersAfter = H !== Ut.LEFT ? [] : SF(e.current, s.columnHeaderElement, o), s.rightPinnedHeadersBefore = H !== Ut.RIGHT ? [] : EF(e.current, s.columnHeaderElement, o), l.current = J_(C, o), i.current = Y_(O, s.columnHeaderElement.getBoundingClientRect(), l.current);
+  }, h = ze(d), m = ze((R) => {
+    if (R.buttons === 0) {
+      h(R);
       return;
     }
-    let C = bm(i.current, O.clientX, s.columnHeaderElement.getBoundingClientRect(), l.current);
+    let C = bm(i.current, R.clientX, s.columnHeaderElement.getBoundingClientRect(), l.current);
     C = Fn(C, s.colDef.minWidth, s.colDef.maxWidth), u(C);
-    const R = {
+    const O = {
       element: s.columnHeaderElement,
       colDef: s.colDef,
       width: C
     };
-    e.current.publishEvent("columnResize", R, O);
-  }), y = ze((O) => {
-    mm(O, c.current) && d(O);
-  }), g = ze((O) => {
-    const C = mm(O, c.current);
+    e.current.publishEvent("columnResize", O, R);
+  }), y = ze((R) => {
+    mm(R, c.current) && d(R);
+  }), g = ze((R) => {
+    const C = mm(R, c.current);
     if (!C)
       return;
-    if (O.type === "mousemove" && O.buttons === 0) {
-      y(O);
+    if (R.type === "mousemove" && R.buttons === 0) {
+      y(R);
       return;
     }
-    let R = bm(i.current, C.x, s.columnHeaderElement.getBoundingClientRect(), l.current);
-    R = Fn(R, s.colDef.minWidth, s.colDef.maxWidth), u(R);
+    let O = bm(i.current, C.x, s.columnHeaderElement.getBoundingClientRect(), l.current);
+    O = Fn(O, s.colDef.minWidth, s.colDef.maxWidth), u(O);
     const L = {
       element: s.columnHeaderElement,
       colDef: s.colDef,
-      width: R
+      width: O
     };
-    e.current.publishEvent("columnResize", L, O);
-  }), w = ze((O) => {
-    const C = Ca(O.target, V["columnSeparator--resizable"]);
+    e.current.publishEvent("columnResize", L, R);
+  }), w = ze((R) => {
+    const C = Ca(R.target, V["columnSeparator--resizable"]);
     if (!C)
       return;
-    const R = O.changedTouches[0];
-    R != null && (c.current = R.identifier);
-    const L = Ca(O.target, V.columnHeader), j = mF(L), H = e.current.getColumn(j);
+    const O = R.changedTouches[0];
+    O != null && (c.current = O.identifier);
+    const L = Ca(R.target, V.columnHeader), j = mF(L), H = e.current.getColumn(j);
     r.debug(`Start Resize on col ${H.field}`), e.current.publishEvent("columnResizeStart", {
       field: j
-    }, O), f(H, C, R.clientX);
-    const $ = It(O.currentTarget);
+    }, R), f(H, C, O.clientX);
+    const $ = It(R.currentTarget);
     $.addEventListener("touchmove", g), $.addEventListener("touchend", y);
   }), x = p.useCallback(() => {
-    const O = It(e.current.rootElementRef.current);
-    O.body.style.removeProperty("cursor"), O.removeEventListener("mousemove", m), O.removeEventListener("mouseup", h), O.removeEventListener("touchmove", g), O.removeEventListener("touchend", y), setTimeout(() => {
-      O.removeEventListener("click", ym, !0);
+    const R = It(e.current.rootElementRef.current);
+    R.body.style.removeProperty("cursor"), R.removeEventListener("mousemove", m), R.removeEventListener("mouseup", h), R.removeEventListener("touchmove", g), R.removeEventListener("touchend", y), setTimeout(() => {
+      R.removeEventListener("click", ym, !0);
     }, 100), s.columnHeaderElement && (s.columnHeaderElement.style.pointerEvents = "unset");
   }, [e, s, m, h, g, y]), v = p.useCallback(({
-    field: O
+    field: R
   }) => {
     e.current.setState((C) => E({}, C, {
       columnResize: E({}, C.columnResize, {
-        resizingColumnField: O
+        resizingColumnField: R
       })
     }));
   }, [e]), S = p.useCallback(() => {
-    e.current.setState((O) => E({}, O, {
-      columnResize: E({}, O.columnResize, {
+    e.current.setState((R) => E({}, R, {
+      columnResize: E({}, R.columnResize, {
         resizingColumnField: ""
       })
     }));
   }, [e]), I = ze(({
-    colDef: O
+    colDef: R
   }, C) => {
     if (C.button !== 0 || !C.currentTarget.classList.contains(V["columnSeparator--resizable"]))
       return;
-    C.preventDefault(), r.debug(`Start Resize on col ${O.field}`), e.current.publishEvent("columnResizeStart", {
-      field: O.field
-    }, C), f(O, C.currentTarget, C.clientX);
-    const R = It(e.current.rootElementRef.current);
-    R.body.style.cursor = "col-resize", s.previousMouseClickEvent = C.nativeEvent, R.addEventListener("mousemove", m), R.addEventListener("mouseup", h), R.addEventListener("click", ym, !0);
-  }), P = ze((O, C) => {
+    C.preventDefault(), r.debug(`Start Resize on col ${R.field}`), e.current.publishEvent("columnResizeStart", {
+      field: R.field
+    }, C), f(R, C.currentTarget, C.clientX);
+    const O = It(e.current.rootElementRef.current);
+    O.body.style.cursor = "col-resize", s.previousMouseClickEvent = C.nativeEvent, O.addEventListener("mousemove", m), O.addEventListener("mouseup", h), O.addEventListener("click", ym, !0);
+  }), P = ze((R, C) => {
     if (t.disableAutosize || C.button !== 0)
       return;
-    const R = e.current.state.columns.lookup[O.field];
-    R.resizable !== !1 && e.current.autosizeColumns(E({}, t.autosizeOptions, {
+    const O = e.current.state.columns.lookup[R.field];
+    O.resizable !== !1 && e.current.autosizeColumns(E({}, t.autosizeOptions, {
       disableColumnVirtualization: !1,
-      columns: [R.field]
+      columns: [O.field]
     }));
-  }), M = Z_(e), D = p.useRef(!1), T = p.useCallback(async (O) => {
+  }), M = Z_(e), D = p.useRef(!1), T = p.useCallback(async (R) => {
     if (!e.current.rootElementRef?.current || D.current)
       return;
     D.current = !0;
-    const R = so(e), L = E({}, nN, O, {
-      columns: O?.columns ?? R.orderedFields
+    const O = so(e), L = E({}, nN, R, {
+      columns: R?.columns ?? O.orderedFields
     });
-    L.columns = L.columns.filter((H) => R.columnVisibilityModel[H] !== !1);
+    L.columns = L.columns.filter((H) => O.columnVisibilityModel[H] !== !1);
     const j = L.columns.map((H) => e.current.state.columns.lookup[H]);
     try {
       !t.disableVirtualization && L.disableColumnVirtualization && (e.current.unstable_setColumnVirtualization(!1), await M());
@@ -42612,7 +42612,7 @@ const rH = (e, t) => {
         flex: 0
       }));
       if (L.expand) {
-        const A = R.orderedFields.map((F) => R.lookup[F]).filter((F) => R.columnVisibilityModel[F.field] !== !1).reduce((F, B) => F + (H[B.field] ?? B.computedWidth ?? B.width), 0), k = e.current.getRootDimensions().viewportInnerSize.width - A;
+        const A = O.orderedFields.map((F) => O.lookup[F]).filter((F) => O.columnVisibilityModel[F.field] !== !1).reduce((F, B) => F + (H[B.field] ?? B.computedWidth ?? B.width), 0), k = e.current.getRootDimensions().viewportInnerSize.width - A;
         if (k > 0) {
           const F = k / ($.length || 1);
           $.forEach((B) => {
@@ -42929,16 +42929,16 @@ const pH = (e, t, o = {}) => {
       return;
     }
     (s || e.current.getRowsCount() === 0) && e.current.setLoading(!0);
-    const R = a.current + 1;
-    a.current = R;
+    const O = a.current + 1;
+    a.current = O;
     try {
       const L = await D(T);
-      u.splitResponse(T, L).forEach((H, $) => d.set($, H)), a.current === R && e.current.applyStrategyProcessor("dataSourceRowsUpdate", {
+      u.splitResponse(T, L).forEach((H, $) => d.set($, H)), a.current === O && e.current.applyStrategyProcessor("dataSourceRowsUpdate", {
         response: L,
         fetchParams: T
       });
     } catch (L) {
-      a.current === R && (e.current.applyStrategyProcessor("dataSourceRowsUpdate", {
+      a.current === O && (e.current.applyStrategyProcessor("dataSourceRowsUpdate", {
         error: L,
         fetchParams: T
       }), typeof c == "function" ? c(new qC({
@@ -42947,7 +42947,7 @@ const pH = (e, t, o = {}) => {
         cause: L
       })) : process.env.NODE_ENV !== "production" && Nn(["MUI X: A call to `dataSource.getRows()` threw an error which was not handled because `onDataSourceError()` is missing.", "To handle the error pass a callback to the `onDataSourceError` prop, for example `<DataGrid onDataSourceError={(error) => ...} />`.", "For more detail, see https://mui.com/x/react-data-grid/server-side-data/#error-handling."], "error"));
     } finally {
-      s && a.current === R && e.current.setLoading(!1);
+      s && a.current === O && e.current.setLoading(!1);
     }
   }, [u, d, e, s, t.dataSource?.getRows, c, o, t.signature]), m = p.useCallback(() => {
     i(e.current.getActiveStrategy(Dn.DataSource) === Ir.Default);
@@ -43062,12 +43062,12 @@ function hH(e) {
     isLastColumn: d
   }), [t, S, I, r, s, i, a, d]);
   t && D && (M = D(T));
-  const O = E({}, e, {
+  const R = E({}, e, {
     classes: m.classes,
     headerAlign: P,
     depth: r,
     isDragging: !1
-  }), C = S ?? t, R = Ye(), L = t === null ? `empty-group-cell-${R}` : t, j = fH(O);
+  }), C = S ?? t, O = Ye(), L = t === null ? `empty-group-cell-${O}` : t, j = fH(R);
   p.useLayoutEffect(() => {
     c && (g.current.querySelector('[tabindex="0"]') || g.current)?.focus();
   }, [w, c]);
@@ -43127,7 +43127,7 @@ const Qu = te("div", {
     columnVisibility: d,
     columnGroupsHeaderStructure: f,
     hasOtherElementInTabSequence: h
-  } = e, [m, y] = p.useState(""), [g, w] = p.useState(""), x = nn(), v = Ce(), S = J(x, IC), I = J(x, jo), P = J(x, vD), M = J(x, rr), D = J(x, ao), T = LC(I, P, M.left.length), O = J(x, Vs), C = J(x, Wd), R = J(x, L1), L = J(x, j1), j = J(x, Kd), H = p.useCallback((W) => w(W.field), []), $ = p.useCallback(() => w(""), []), N = p.useCallback((W) => y(W.field), []), A = p.useCallback(() => y(""), []), _ = p.useMemo(() => M.left.length ? {
+  } = e, [m, y] = p.useState(""), [g, w] = p.useState(""), x = nn(), v = Ce(), S = J(x, IC), I = J(x, jo), P = J(x, vD), M = J(x, rr), D = J(x, ao), T = LC(I, P, M.left.length), R = J(x, Vs), C = J(x, Wd), O = J(x, L1), L = J(x, j1), j = J(x, Kd), H = p.useCallback((W) => w(W.field), []), $ = p.useCallback(() => w(""), []), N = p.useCallback((W) => y(W.field), []), A = p.useCallback(() => y(""), []), _ = p.useMemo(() => M.left.length ? {
     firstColumnIndex: 0,
     lastColumnIndex: M.left.length
   } : null, [M.left.length]), G = p.useMemo(() => M.right.length ? {
@@ -43170,11 +43170,11 @@ const Qu = te("div", {
       firstColumnToRender: X
     } = k(W), Y = [];
     for (let re = 0; re < Z.length; re += 1) {
-      const K = Z[re], ee = X + re, ne = ee === 0, se = s !== null && s.field === K.field || ne && !h ? 0 : -1, Se = l !== null && l.field === K.field, Pe = u.open && u.field === K.field, ae = W?.position, Ge = Ii(ae, K.computedWidth, ee, I, O, j), Te = ae === Je.RIGHT ? Z[re - 1] : Z[re + 1], $e = Te ? l !== null && l.field === Te.field : !1, we = ee + 1 === I.length - M.right.length, Ue = re, Le = Z.length, de = Hi(ae, Ue), pe = _i(ae, Ue, Le, v.showColumnVerticalBorder, C);
+      const K = Z[re], ee = X + re, ne = ee === 0, se = s !== null && s.field === K.field || ne && !h ? 0 : -1, Se = l !== null && l.field === K.field, Pe = u.open && u.field === K.field, ae = W?.position, Ge = Ii(ae, K.computedWidth, ee, I, R, j), Te = ae === Je.RIGHT ? Z[re - 1] : Z[re + 1], $e = Te ? l !== null && l.field === Te.field : !1, we = ee + 1 === I.length - M.right.length, Ue = re, Le = Z.length, de = Hi(ae, Ue), pe = _i(ae, Ue, Le, v.showColumnVerticalBorder, C);
       Y.push(/* @__PURE__ */ b.jsx(FF, E({}, o[K.field], {
         columnMenuOpen: Pe,
         filterItemsCounter: r[K.field] && r[K.field].length,
-        headerHeight: R,
+        headerHeight: O,
         isDragging: K.field === m,
         colDef: K,
         colIndex: ee,
@@ -43197,7 +43197,7 @@ const Qu = te("div", {
     ownerState: v,
     className: V["row--borderBottom"],
     style: {
-      height: R
+      height: O
     },
     children: [_ && B({
       position: Je.LEFT,
@@ -43246,7 +43246,7 @@ const Qu = te("div", {
         width: de.reduce((Ne, Qe) => Ne + D[Qe].computedWidth, 0),
         fields: de,
         colIndex: we
-      }, ve = Q.position, fe = Ii(ve, Ee.width, we, I, O, j);
+      }, ve = Q.position, fe = Ii(ve, Ee.width, we, I, R, j);
       we += de.length;
       let ke = pe;
       return ve === Je.LEFT && (ke = we - 1), /* @__PURE__ */ b.jsx(hH, {
@@ -43702,21 +43702,21 @@ const kH = (e, t) => E({}, e, {
       r.current.classList.remove(u.columnHeaderDragging);
     }), i.current = e.current.getColumnIndex(g.field, !1);
     const v = e.current.getColumnGroupPath(g.field), S = i.current, I = e.current.getAllColumns(), P = e.current.getAllGroupDetails(), M = (T) => {
-      const O = I[T].field;
-      return e.current.getColumnGroupPath(O);
+      const R = I[T].field;
+      return e.current.getColumnGroupPath(R);
     };
     let D = null;
     v.forEach((T) => {
       P[T]?.freeReordering || (S > 0 && M(S - 1).includes(T) || S + 1 < I.length && M(S + 1).includes(T)) && (D = T);
     }), l.current = {};
     for (let T = 0; T < I.length; T += 1) {
-      const O = T <= S ? T - 1 : T, C = T < S ? T : T + 1;
+      const R = T <= S ? T - 1 : T, C = T < S ? T : T + 1;
       if (D !== null) {
-        let R = !1;
-        (O >= 0 && M(O).includes(D) || C < I.length && M(C).includes(D)) && (R = !0), R || (l.current[T] = !0);
+        let O = !1;
+        (R >= 0 && M(R).includes(D) || C < I.length && M(C).includes(D)) && (O = !0), O || (l.current[T] = !0);
       }
-      O >= 0 && C < I.length && M(C).forEach((R) => {
-        M(O).includes(R) && (v.includes(R) || P[R]?.freeReordering || (l.current[T] = !0));
+      R >= 0 && C < I.length && M(C).forEach((O) => {
+        M(R).includes(O) && (v.includes(O) || P[O]?.freeReordering || (l.current[T] = !0));
       });
     }
   }, [t.disableColumnReorder, u.columnHeaderDragging, o, e]), m = p.useCallback((g, w) => {
@@ -43731,8 +43731,8 @@ const kH = (e, t) => E({}, e, {
       y: w.clientY
     };
     if (g.field !== x && LH(s.current, v)) {
-      const S = e.current.getColumnIndex(g.field, !1), I = e.current.getColumnIndex(g.field, !0), P = e.current.getColumn(g.field), M = e.current.getColumnIndex(x, !1), D = e.current.getVisibleColumns(), T = e.current.getAllColumns(), O = $H(s.current, v), C = O === bw && (d ? M < S : S < M), R = O === yw && (d ? S < M : M < S);
-      if (C || R) {
+      const S = e.current.getColumnIndex(g.field, !1), I = e.current.getColumnIndex(g.field, !0), P = e.current.getColumn(g.field), M = e.current.getColumnIndex(x, !1), D = e.current.getVisibleColumns(), T = e.current.getAllColumns(), R = $H(s.current, v), C = R === bw && (d ? M < S : S < M), O = R === yw && (d ? S < M : M < S);
+      if (C || O) {
         let L, j = 0;
         if (P.disableReorder ? C ? L = I > 0 && !D[I - 1].disableReorder : L = I < D.length - 1 && !D[I + 1].disableReorder : L = !0, l.current[S]) {
           let $, N = S + j;
@@ -44420,7 +44420,7 @@ const QH = ["colIndex", "height", "hasFocus", "width", "headerClassName", "colDe
     style: y,
     showLeftBorder: g,
     showRightBorder: w
-  } = e, x = me(e, QH), v = nn(), S = Yt(), I = J(v, Gr), P = Rn(), M = p.useRef(null), D = rt(t, M), T = p.useRef(null), O = p.useRef(null), R = J(v, TC) === a.field, j = J(v, yp) === a.field, H = p.useMemo(() => a.filterOperators ? a.filterOperators.filter((ne) => ne.value !== "isAnyOf") : [], [a.filterOperators]), $ = J(v, Ot), N = J(v, Ay), A = p.useMemo(() => {
+  } = e, x = me(e, QH), v = nn(), S = Yt(), I = J(v, Gr), P = Rn(), M = p.useRef(null), D = rt(t, M), T = p.useRef(null), R = p.useRef(null), O = J(v, TC) === a.field, j = J(v, yp) === a.field, H = p.useMemo(() => a.filterOperators ? a.filterOperators.filter((ne) => ne.value !== "isAnyOf") : [], [a.filterOperators]), $ = J(v, Ot), N = J(v, Ay), A = p.useMemo(() => {
     if (!$?.items.length)
       return !1;
     const ne = $.items.find((se) => se.field === a.field);
@@ -44434,40 +44434,40 @@ const QH = ["colIndex", "height", "hasFocus", "width", "headerClassName", "colDe
   }))), p.useLayoutEffect(() => {
     if (s && !j) {
       let ne = M.current.querySelector('[tabindex="0"]');
-      R && G && (ne = T.current), (ne || M.current)?.focus(), v.current.columnHeadersContainerRef.current && (v.current.columnHeadersContainerRef.current.scrollLeft = 0);
+      O && G && (ne = T.current), (ne || M.current)?.focus(), v.current.columnHeadersContainerRef.current && (v.current.columnHeadersContainerRef.current.scrollLeft = 0);
     }
-  }, [G, v, s, R, j]);
+  }, [G, v, s, O, j]);
   const B = p.useCallback((ne) => {
     if (!(j || Vi(ne.key) || A))
       switch (ne.key) {
         case "Escape":
-          R && v.current.stopHeaderFilterEditMode();
+          O && v.current.stopHeaderFilterEditMode();
           break;
         case "Enter":
-          if (R && !ne.defaultPrevented) {
+          if (O && !ne.defaultPrevented) {
             v.current.stopHeaderFilterEditMode();
             break;
           }
           if (ne.metaKey || ne.ctrlKey) {
-            u.current = O.current, v.current.showHeaderFilterMenu(a.field);
+            u.current = R.current, v.current.showHeaderFilterMenu(a.field);
             break;
           }
           v.current.startHeaderFilterEditMode(a.field);
           break;
         case "Tab": {
-          if (R) {
+          if (O) {
             const se = I[o + (ne.shiftKey ? -1 : 1)] ?? null;
             se && (v.current.startHeaderFilterEditMode(se), v.current.setColumnHeaderFilterFocus(se, ne));
           }
           break;
         }
         default:
-          if (R || ne.metaKey || ne.ctrlKey || ne.altKey || ne.shiftKey)
+          if (O || ne.metaKey || ne.ctrlKey || ne.altKey || ne.shiftKey)
             break;
           v.current.startHeaderFilterEditMode(a.field);
           break;
       }
-  }, [v, a.field, o, I, u, R, A, j]), U = p.useCallback((ne, se) => (Se) => {
+  }, [v, a.field, o, I, u, O, A, j]), U = p.useCallback((ne, se) => (Se) => {
     v.current.publishEvent(ne, v.current.getColumnHeaderParams(a.field), Se), se && se(Se);
   }, [v, a.field]), z = p.useCallback((ne) => {
     s || (T.current?.contains?.(ne.target) && T.current.focus(), v.current.setColumnHeaderFilterFocus(a.field, ne));
@@ -44488,7 +44488,7 @@ const QH = ["colIndex", "height", "hasFocus", "width", "headerClassName", "colDe
     disabled: A,
     applyFilterChanges: v.current.upsertFilterItem,
     headerFilterMenuRef: u,
-    buttonRef: O,
+    buttonRef: R,
     showClearItem: !f && Y,
     clearFilterItem: k
   }), ee = f && Y ? /* @__PURE__ */ b.jsx(YH, {
@@ -45406,15 +45406,15 @@ const mB = ["hideDescendantCount"], bB = (e, t) => {
     const x = rr(e);
     if (!w.colIndex || x.left.length === 0 && x.right.length === 0)
       return g;
-    const v = Tt(e), S = Vs(e), I = jo(e), P = e.current.virtualScrollerRef.current.clientWidth, M = Math.abs(e.current.virtualScrollerRef.current.scrollLeft), D = v[w.colIndex].computedWidth, T = I[w.colIndex], O = I[x.left.length], C = S - I[I.length - x.right.length], R = T + D;
-    if (R - (P - C) > M) {
-      const L = R - (P - C);
+    const v = Tt(e), S = Vs(e), I = jo(e), P = e.current.virtualScrollerRef.current.clientWidth, M = Math.abs(e.current.virtualScrollerRef.current.scrollLeft), D = v[w.colIndex].computedWidth, T = I[w.colIndex], R = I[x.left.length], C = S - I[I.length - x.right.length], O = T + D;
+    if (O - (P - C) > M) {
+      const L = O - (P - C);
       return E({}, g, {
         left: L
       });
     }
-    if (T < M + O) {
-      const L = T - O;
+    if (T < M + R) {
+      const L = T - R;
       return E({}, g, {
         left: L
       });
@@ -45486,8 +45486,8 @@ const mB = ["hideDescendantCount"], bB = (e, t) => {
       oldIndex: v
     } = g, S = x > v ? 1 : -1, P = Un(e)[x - S], M = [...e.current.caches.columnPinning.orderedFieldsBeforePinningColumns];
     let D = M.findIndex((C) => C === w.field), T = D + S;
-    const O = M.findIndex((C) => C === P);
-    for (; S > 0 ? D < O : D > O; ) {
+    const R = M.findIndex((C) => C === P);
+    for (; S > 0 ? D < R : D > R; ) {
       for (; e.current.isColumnPinned(M[T]); )
         T += S;
       const C = M[D];
@@ -46076,17 +46076,17 @@ const AB = (e, t) => {
       s.clearPendingRequest(M);
       return;
     }
-    const O = e.current.getRowNode(M);
-    if (!O) {
+    const R = e.current.getRowNode(M);
+    if (!R) {
       s.clearPendingRequest(M);
       return;
     }
     const C = E({}, fw(e), D, {
-      groupKeys: O.path
+      groupKeys: R.path
     }), L = h.getCacheKeys(C).map(($) => m.get($)), j = L.some(($) => $ === void 0) ? void 0 : Mi.mergeResponses(L);
     if (j !== void 0) {
       const $ = j.rows;
-      s.setRequestSettled(M), e.current.updateNestedRows($, O.path), j.rowCount !== void 0 && e.current.setRowCount(j.rowCount), e.current.setRowChildrenExpansion(M, !0), e.current.dataSource.setChildrenLoading(M, !1);
+      s.setRequestSettled(M), e.current.updateNestedRows($, R.path), j.rowCount !== void 0 && e.current.setRowCount(j.rowCount), e.current.setRowChildrenExpansion(M, !0), e.current.dataSource.setChildrenLoading(M, !1);
       return;
     }
     (pB(e)[M] ?? null) && e.current.dataSource.setChildrenFetchError(M, null);
@@ -46110,7 +46110,7 @@ const AB = (e, t) => {
           id: G,
           _action: "delete"
         });
-      }), A.length > 0 && e.current.updateNestedRows(A, O.path), e.current.updateNestedRows($.rows, O.path), e.current.setRowChildrenExpansion(M, !0);
+      }), A.length > 0 && e.current.updateNestedRows(A, R.path), e.current.updateNestedRows($.rows, R.path), e.current.setRowChildrenExpansion(M, !0);
     } catch ($) {
       const N = $;
       e.current.dataSource.setChildrenFetchError(M, N), typeof g == "function" ? g(new qC({
@@ -46125,19 +46125,19 @@ const AB = (e, t) => {
     e.current.setState((T) => {
       if (!T.dataSource.loading[M] && D === !1)
         return T;
-      const O = E({}, T.dataSource.loading);
-      return D === !1 ? delete O[M] : O[M] = D, E({}, T, {
+      const R = E({}, T.dataSource.loading);
+      return D === !1 ? delete R[M] : R[M] = D, E({}, T, {
         dataSource: E({}, T.dataSource, {
-          loading: O
+          loading: R
         })
       });
     });
   }, [e]), v = p.useCallback((M, D) => {
     e.current.setState((T) => {
-      const O = E({}, T.dataSource.errors);
-      return D === null && O[M] !== void 0 ? delete O[M] : O[M] = D, E({}, T, {
+      const R = E({}, T.dataSource.errors);
+      return D === null && R[M] !== void 0 ? delete R[M] : R[M] = D, E({}, T, {
         dataSource: E({}, T.dataSource, {
-          errors: O
+          errors: R
         })
       });
     });
@@ -46203,34 +46203,34 @@ const zB = {
 }, Mm = (e) => `${jw}-${e}`, qB = (e, t) => {
   const o = p.useCallback(() => {
     e.current.setStrategyAvailability(Dn.DataSource, Ir.LazyLoading, t.dataSource && t.lazyLoading ? () => !0 : () => !1);
-  }, [e, t.lazyLoading, t.dataSource]), [r, s] = p.useState(!1), i = p.useRef(zB), l = p.useRef(0), a = p.useRef(null), c = p.useRef(!1), u = p.useRef(null), d = p.useCallback((R) => {
-    e.current.dataSource.fetchRows(Ze, R);
-  }, [e]), f = p.useMemo(() => Qi(d, 0), [d]), h = p.useCallback((R) => {
-    if (typeof R.start != "number")
-      return R;
+  }, [e, t.lazyLoading, t.dataSource]), [r, s] = p.useState(!1), i = p.useRef(zB), l = p.useRef(0), a = p.useRef(null), c = p.useRef(!1), u = p.useRef(null), d = p.useCallback((O) => {
+    e.current.dataSource.fetchRows(Ze, O);
+  }, [e]), f = p.useMemo(() => Qi(d, 0), [d]), h = p.useCallback((O) => {
+    if (typeof O.start != "number")
+      return O;
     const L = Dt(e);
-    return E({}, R, {
-      start: R.start - R.start % L.pageSize,
-      end: R.end + L.pageSize - R.end % L.pageSize - 1
+    return E({}, O, {
+      start: O.start - O.start % L.pageSize,
+      end: O.end + L.pageSize - O.end % L.pageSize - 1
     });
   }, [e]), m = p.useCallback(() => {
     e.current.setLoading(!0), e.current.dataSource.cache.clear(), c.current = !0, l.current = 0;
-    const R = Dt(e), L = Wt(e), j = Ot(e), H = {
+    const O = Dt(e), L = Wt(e), j = Ot(e), H = {
       start: 0,
-      end: R.pageSize - 1,
+      end: O.pageSize - 1,
       sortModel: L,
       filterModel: j
     };
     d(H);
-  }, [e, d]), y = p.useCallback((R, L) => {
-    if (R === mr.VIEWPORT && L === mr.SCROLL_END) {
+  }, [e, d]), y = p.useCallback((O, L) => {
+    if (O === mr.VIEWPORT && L === mr.SCROLL_END) {
       m();
       return;
     }
     const $ = [...e.current.state.rows.tree[Ze].children], N = e.current.state.pagination.rowCount;
     $.length > N && m();
   }, [e, m]), g = p.useCallback(() => {
-    const R = e.current.state.rows.tree, L = R[Ze], j = [...L.children], H = e.current.state.pagination.rowCount, $ = j.length;
+    const O = e.current.state.rows.tree, L = O[Ze], j = [...L.children], H = e.current.state.pagination.rowCount, $ = j.length;
     if ($ === 0)
       return;
     const N = h({
@@ -46240,16 +46240,16 @@ const zB = {
     let A = !1;
     const _ = i.current.firstRowToRender === 0 && i.current.lastRowToRender === 0;
     for (let G = 0; G < $ && !_; G += 1) {
-      if (N.start <= G && G <= N.end || R[j[G]]?.type === "skeletonRow" || // ignore rows that are already skeleton rows
-      R[j[G]]?.id === u.current)
+      if (N.start <= G && G <= N.end || O[j[G]]?.type === "skeletonRow" || // ignore rows that are already skeleton rows
+      O[j[G]]?.id === u.current)
         continue;
-      const k = R[j[G]].id, F = {
+      const k = O[j[G]].id, F = {
         type: "skeletonRow",
         id: k,
         parent: Ze,
         depth: 0
       };
-      R[k] = F, A = !0;
+      O[k] = F, A = !0;
     }
     if (a.current === mr.VIEWPORT)
       for (let G = 0; G < H - $; G += 1) {
@@ -46261,26 +46261,26 @@ const zB = {
           parent: Ze,
           depth: 0
         };
-        R[k] = F, A = !0;
+        O[k] = F, A = !0;
       }
-    A && (R[Ze] = E({}, L, {
+    A && (O[Ze] = E({}, L, {
       children: j
     }), e.current.setState((G) => E({}, G, {
       rows: E({}, G.rows, {
-        tree: R
+        tree: O
       })
     }), "addSkeletonRows"));
-  }, [e, h]), w = p.useCallback((R) => {
-    const L = R === -1 ? mr.SCROLL_END : mr.VIEWPORT;
+  }, [e, h]), w = p.useCallback((O) => {
+    const L = O === -1 ? mr.SCROLL_END : mr.VIEWPORT;
     a.current !== null && y(a.current, L), a.current !== L && (a.current = L);
-  }, [y]), x = p.useCallback((R) => {
-    if ("error" in R)
+  }, [y]), x = p.useCallback((O) => {
+    if ("error" in O)
       return;
     const {
       response: L,
       fetchParams: j
-    } = R, H = e.current.state.pagination.rowCount, $ = e.current.state.rows.tree, N = e.current.state.rows.dataRowIdToModelLookup;
-    if ((L.rowCount !== void 0 || H === void 0) && e.current.setRowCount(L.rowCount === void 0 ? -1 : L.rowCount), c.current && R.fetchParams.start === 0)
+    } = O, H = e.current.state.pagination.rowCount, $ = e.current.state.rows.tree, N = e.current.state.rows.dataRowIdToModelLookup;
+    if ((L.rowCount !== void 0 || H === void 0) && e.current.setRowCount(L.rowCount === void 0 ? -1 : L.rowCount), c.current && O.fetchParams.start === 0)
       e.current.scroll({
         top: 0
       }), e.current.setRows(L.rows);
@@ -46312,7 +46312,7 @@ const zB = {
       }))), e.current.unstable_replaceRows(k, L.rows);
     }
     c.current = !1, a.current === null && w(e.current.state.pagination.rowCount), g(), e.current.setLoading(!1), e.current.unstable_applyPipeProcessors("processDataSourceRows", {
-      params: R.fetchParams,
+      params: O.fetchParams,
       response: L
     }, !1), e.current.requestPipeProcessorsApplication("hydrateRows");
   }, [e, w, g]), v = p.useCallback(() => {
@@ -46320,38 +46320,38 @@ const zB = {
   }, [e, w, g]), S = ze(() => {
     if (c.current || a.current !== mr.SCROLL_END)
       return;
-    const R = sr(e);
-    if (l.current >= R.lastRowIndex)
+    const O = sr(e);
+    if (l.current >= O.lastRowIndex)
       return;
-    l.current = R.lastRowIndex;
+    l.current = O.lastRowIndex;
     const L = Dt(e), j = Wt(e), H = Ot(e), $ = {
-      start: R.lastRowIndex,
-      end: R.lastRowIndex + L.pageSize - 1,
+      start: O.lastRowIndex,
+      end: O.lastRowIndex + L.pageSize - 1,
       sortModel: j,
       filterModel: H
     };
     e.current.setLoading(!0), d(h($));
-  }), I = p.useCallback((R) => {
+  }), I = p.useCallback((O) => {
     if (c.current)
       return;
     const L = Wt(e), j = Ot(e), H = {
-      start: R.firstRowIndex,
-      end: R.lastRowIndex - 1,
+      start: O.firstRowIndex,
+      end: O.lastRowIndex - 1,
       sortModel: L,
       filterModel: j
     };
-    if (i.current.firstRowToRender === R.firstRowIndex && i.current.lastRowToRender === R.lastRowIndex)
+    if (i.current.firstRowToRender === O.firstRowIndex && i.current.lastRowToRender === O.lastRowIndex)
       return;
     i.current = {
-      firstRowToRender: R.firstRowIndex,
-      lastRowToRender: R.lastRowIndex
+      firstRowToRender: O.firstRowIndex,
+      lastRowToRender: O.lastRowIndex
     };
     const $ = go(e), N = Lw({
       apiRef: e,
       visibleRows: $.rows,
       range: {
-        firstRowIndex: R.firstRowIndex,
-        lastRowIndex: R.lastRowIndex - 1
+        firstRowIndex: O.firstRowIndex,
+        lastRowIndex: O.lastRowIndex - 1
       }
     });
     N && (H.start = N.firstRowIndex, H.end = N.lastRowIndex, d(h(H)));
@@ -46359,32 +46359,32 @@ const zB = {
   p.useEffect(() => () => {
     P.clear();
   }, [P]);
-  const M = p.useCallback((R) => {
+  const M = p.useCallback((O) => {
     c.current = !0, P.clear(), l.current = 0;
     const L = Dt(e), j = Ot(e), H = {
       start: 0,
       end: L.pageSize - 1,
-      sortModel: R,
+      sortModel: O,
       filterModel: j
     };
     e.current.setLoading(!0), f(H);
-  }, [e, f, P]), D = p.useCallback((R) => {
+  }, [e, f, P]), D = p.useCallback((O) => {
     c.current = !0, P.clear(), l.current = 0;
     const L = Dt(e), j = Wt(e), H = {
       start: 0,
       end: L.pageSize - 1,
       sortModel: j,
-      filterModel: R
+      filterModel: O
     };
     e.current.setLoading(!0), f(H);
-  }, [e, f, P]), T = p.useCallback((R) => {
-    u.current = R.id;
-  }, []), O = p.useCallback(() => {
+  }, [e, f, P]), T = p.useCallback((O) => {
+    u.current = O.id;
+  }, []), R = p.useCallback(() => {
     u.current = null;
   }, []), C = p.useCallback(() => {
     s(e.current.getActiveStrategy(Dn.DataSource) === Ir.LazyLoading);
   }, [e]);
-  Sn(e, Ir.LazyLoading, "dataSourceRowsUpdate", x), ge(e, "strategyAvailabilityChange", C), ge(e, "rowCountChange", an(r, v)), ge(e, "rowsScrollEndIntersection", an(r, S)), ge(e, "renderedRowsIntervalChange", an(r, P)), ge(e, "sortModelChange", an(r, M)), ge(e, "filterModelChange", an(r, D)), ge(e, "rowDragStart", an(r, T)), ge(e, "rowDragEnd", an(r, O)), p.useEffect(() => {
+  Sn(e, Ir.LazyLoading, "dataSourceRowsUpdate", x), ge(e, "strategyAvailabilityChange", C), ge(e, "rowCountChange", an(r, v)), ge(e, "rowsScrollEndIntersection", an(r, S)), ge(e, "renderedRowsIntervalChange", an(r, P)), ge(e, "sortModelChange", an(r, M)), ge(e, "filterModelChange", an(r, D)), ge(e, "rowDragStart", an(r, T)), ge(e, "rowDragEnd", an(r, R)), p.useEffect(() => {
     o();
   }, [o]);
 }, UB = nt("div")({
@@ -46464,7 +46464,7 @@ const QB = ["getColumnsToRender", "getPinnedCellOffset", "renderContext", "leftR
   t.current.register("private", {
     headerFiltersElementRef: g
   });
-  const w = p.useRef(null), x = Rn(), v = JB(x), S = !x.headerFilters, I = J(t, Ot), P = J(t, Vs), M = J(t, Wd), D = J(t, A1), T = J(t, Kd), O = J(t, xk), C = p.useCallback((j) => {
+  const w = p.useRef(null), x = Rn(), v = JB(x), S = !x.headerFilters, I = J(t, Ot), P = J(t, Vs), M = J(t, Wd), D = J(t, A1), T = J(t, Kd), R = J(t, xk), C = p.useCallback((j) => {
     const H = I?.items.find((A) => A.field === j.field && A.operator !== "isAnyOf");
     if (H != null)
       return H;
@@ -46473,13 +46473,13 @@ const QB = ["getColumnsToRender", "getPinnedCellOffset", "renderContext", "leftR
       return $;
     const N = $u(j);
     return km[j.field] = N, N;
-  }, [I]), R = (j) => {
+  }, [I]), O = (j) => {
     const {
       renderedColumns: H,
       firstColumnToRender: $
     } = l(j), N = [];
     for (let A = 0; A < H.length; A += 1) {
-      const _ = H[A], G = $ + A, k = O?.field === _.field, F = G === 0, U = s?.field === _.field || F && !e.hasOtherElementInTabSequence ? 0 : -1, z = typeof _.headerClassName == "function" ? _.headerClassName({
+      const _ = H[A], G = $ + A, k = R?.field === _.field, F = G === 0, U = s?.field === _.field || F && !e.hasOtherElementInTabSequence ? 0 : -1, z = typeof _.headerClassName == "function" ? _.headerClassName({
         field: _.field,
         colDef: _
       }) : _.headerClassName, q = C(_), W = j?.position, Q = a(W, _.computedWidth, G, m, P, T), Z = A, X = H.length, Y = Hi(W, Z), re = _i(W, Z, X, x.showColumnVerticalBorder, M);
@@ -46507,14 +46507,14 @@ const QB = ["getColumnsToRender", "getPinnedCellOffset", "renderContext", "leftR
     role: "row",
     "aria-rowindex": o + 2,
     ownerState: x,
-    children: [u && R({
+    children: [u && O({
       position: Je.LEFT,
       renderContext: u,
       maxLastColumn: u.lastColumnIndex
-    }), R({
+    }), O({
       renderContext: c,
       maxLastColumn: h.length - f.right.length
-    }), d && R({
+    }), d && O({
       position: Je.RIGHT,
       renderContext: d,
       maxLastColumn: d.lastColumnIndex
@@ -47801,9 +47801,9 @@ const EG = mV, Dm = ({ message: e, variant: t }) => /* @__PURE__ */ b.jsxs(fu, {
   opacity: t.expanded ? 1 : 0,
   transition: e.transitions.create(["width", "opacity"])
 }));
-function DG({ label: e, downloadFileName: t, labelTooltip: o, toolbarSlot: r, ...s }) {
-  const [i, l] = p.useState(!1), a = p.useRef(null);
-  return /* @__PURE__ */ b.jsxs(pl, { children: [
+function DG({ label: e, downloadFileName: t, labelTooltip: o, toolbarSlot: r, toolbarStyle: s, toolbarIconColor: i, ...l }) {
+  const [a, c] = p.useState(!1), u = p.useRef(null), d = i ?? "inherit";
+  return /* @__PURE__ */ b.jsxs(pl, { style: { ...s }, children: [
     typeof e != "string" && e,
     /* @__PURE__ */ b.jsxs(wn, { fontWeight: "medium", sx: { flex: 1, mx: 0.5, display: "flex", alignItems: "center", gap: 1 }, children: [
       typeof e == "string" && e,
@@ -47813,33 +47813,33 @@ function DG({ label: e, downloadFileName: t, labelTooltip: o, toolbarSlot: r, ..
       r,
       /* @__PURE__ */ b.jsx(Ts, { orientation: "vertical", variant: "middle", flexItem: !0, sx: { mx: 0.5 } })
     ] }),
-    /* @__PURE__ */ b.jsx(Io, { title: "Columns", children: /* @__PURE__ */ b.jsx(xc, { render: /* @__PURE__ */ b.jsx(mo, {}), children: /* @__PURE__ */ b.jsx(PG, { fontSize: "small" }) }) }),
+    /* @__PURE__ */ b.jsx(Io, { title: "Columns", children: /* @__PURE__ */ b.jsx(xc, { render: /* @__PURE__ */ b.jsx(mo, {}), children: /* @__PURE__ */ b.jsx(PG, { fontSize: "small", htmlColor: d }) }) }),
     /* @__PURE__ */ b.jsx(Io, { title: "Filters", children: /* @__PURE__ */ b.jsx(
       wc,
       {
-        render: (c, u) => /* @__PURE__ */ b.jsx(mo, { ...c, color: "default", children: /* @__PURE__ */ b.jsx(nf, { badgeContent: u.filterCount, color: "primary", variant: "dot", children: /* @__PURE__ */ b.jsx(TG, { fontSize: "small" }) }) })
+        render: (f, h) => /* @__PURE__ */ b.jsx(mo, { ...f, color: "default", children: /* @__PURE__ */ b.jsx(nf, { badgeContent: h.filterCount, color: "primary", variant: "dot", children: /* @__PURE__ */ b.jsx(TG, { fontSize: "small", htmlColor: d }) }) })
       }
     ) }),
     /* @__PURE__ */ b.jsx(Ts, { orientation: "vertical", variant: "middle", flexItem: !0, sx: { mx: 0.5 } }),
     /* @__PURE__ */ b.jsx(Io, { title: "Export", children: /* @__PURE__ */ b.jsx(
       mo,
       {
-        ref: a,
+        ref: u,
         id: "export-menu-trigger",
         "aria-controls": "export-menu",
         "aria-haspopup": "true",
-        "aria-expanded": i ? "true" : void 0,
-        onClick: () => l(!0),
-        children: /* @__PURE__ */ b.jsx(IG, { fontSize: "small" })
+        "aria-expanded": a ? "true" : void 0,
+        onClick: () => c(!0),
+        children: /* @__PURE__ */ b.jsx(IG, { fontSize: "small", htmlColor: d })
       }
     ) }),
     /* @__PURE__ */ b.jsxs(
       Od,
       {
         id: "export-menu",
-        anchorEl: a.current,
-        open: i,
-        onClose: () => l(!1),
+        anchorEl: u.current,
+        open: a,
+        onClose: () => c(!1),
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         transformOrigin: { vertical: "top", horizontal: "right" },
         slotProps: {
@@ -47848,8 +47848,8 @@ function DG({ label: e, downloadFileName: t, labelTooltip: o, toolbarSlot: r, ..
           }
         },
         children: [
-          /* @__PURE__ */ b.jsx(Ec, { options: { ...s.printOptions }, render: /* @__PURE__ */ b.jsx(Is, {}), onClick: () => l(!1), children: "Print" }),
-          /* @__PURE__ */ b.jsx(Sc, { options: { fileName: typeof e == "string" ? e : t, ...s.csvOptions }, render: /* @__PURE__ */ b.jsx(Is, {}), onClick: () => l(!1), children: "Download as CSV" })
+          /* @__PURE__ */ b.jsx(Ec, { options: { ...l.printOptions }, render: /* @__PURE__ */ b.jsx(Is, {}), onClick: () => c(!1), children: "Print" }),
+          /* @__PURE__ */ b.jsx(Sc, { options: { fileName: typeof e == "string" ? e : t, ...l.csvOptions }, render: /* @__PURE__ */ b.jsx(Is, {}), onClick: () => c(!1), children: "Download as CSV" })
         ]
       }
     ),
@@ -47857,14 +47857,14 @@ function DG({ label: e, downloadFileName: t, labelTooltip: o, toolbarSlot: r, ..
       /* @__PURE__ */ b.jsx(
         vc,
         {
-          render: (c, u) => /* @__PURE__ */ b.jsx(Io, { title: "Search", enterDelay: 0, children: /* @__PURE__ */ b.jsx(
+          render: (f, h) => /* @__PURE__ */ b.jsx(Io, { title: "Search", enterDelay: 0, children: /* @__PURE__ */ b.jsx(
             MG,
             {
-              ...c,
-              ownerState: { expanded: u.expanded },
+              ...f,
+              ownerState: { expanded: h.expanded },
               color: "default",
-              "aria-disabled": u.expanded,
-              children: /* @__PURE__ */ b.jsx(Iu, { fontSize: "small" })
+              "aria-disabled": h.expanded,
+              children: /* @__PURE__ */ b.jsx(Iu, { fontSize: "small", htmlColor: d })
             }
           ) })
         }
@@ -47872,19 +47872,19 @@ function DG({ label: e, downloadFileName: t, labelTooltip: o, toolbarSlot: r, ..
       /* @__PURE__ */ b.jsx(
         yc,
         {
-          render: ({ ref: c, ...u }, d) => /* @__PURE__ */ b.jsx(
+          render: ({ ref: f, ...h }, m) => /* @__PURE__ */ b.jsx(
             kG,
             {
-              ...u,
-              ownerState: { expanded: d.expanded },
-              inputRef: c,
+              ...h,
+              ownerState: { expanded: m.expanded },
+              inputRef: f,
               "aria-label": "Search",
               placeholder: "Search...",
               size: "small",
               slotProps: {
                 input: {
                   startAdornment: /* @__PURE__ */ b.jsx(Pa, { position: "start", children: /* @__PURE__ */ b.jsx(Iu, { fontSize: "small" }) }),
-                  endAdornment: d.value ? /* @__PURE__ */ b.jsx(Pa, { position: "end", children: /* @__PURE__ */ b.jsx(
+                  endAdornment: m.value ? /* @__PURE__ */ b.jsx(Pa, { position: "end", children: /* @__PURE__ */ b.jsx(
                     Cc,
                     {
                       edge: "end",
@@ -47894,9 +47894,9 @@ function DG({ label: e, downloadFileName: t, labelTooltip: o, toolbarSlot: r, ..
                       children: /* @__PURE__ */ b.jsx(OG, { fontSize: "small" })
                     }
                   ) }) : null,
-                  ...u.slotProps?.input
+                  ...h.slotProps?.input
                 },
-                ...u.slotProps
+                ...h.slotProps
               }
             }
           )
@@ -47923,31 +47923,35 @@ const r2 = (e) => {
     labelTooltip: y,
     downloadFileName: g,
     toolbarSlot: w,
-    ...x
-  } = e, v = ms(() => {
+    toolbarStyle: x,
+    toolbarIconColor: v,
+    ...S
+  } = e, I = ms(() => {
     const O = {
       label: m,
       downloadFileName: g,
       labelTooltip: y,
-      toolbarSlot: w
+      toolbarSlot: w,
+      toolbarStyle: x,
+      toolbarIconColor: v
     };
-    return (C) => /* @__PURE__ */ b.jsx(DG, { ...C, ...O });
-  }, [m, y, w]), S = ms(
-    () => s.map((O, C) => ({ ...O, id: O?.id || C })),
+    return (L) => /* @__PURE__ */ b.jsx(DG, { ...L, ...O });
+  }, [m, y, w]), P = ms(
+    () => s.map((O, L) => ({ ...O, id: O?.id || L })),
     [s]
-  ), I = ms(
+  ), M = ms(
     () => ({
       expand: !0,
       includeHeaders: !0,
       outliersFactor: 1.5
     }),
     []
-  ), P = EG(), M = i ?? P, D = br(() => {
-    M.current?.autosizeColumns && M.current.autosizeColumns(I);
-  }, [M, I]);
+  ), D = EG(), T = i ?? D, R = br(() => {
+    T.current?.autosizeColumns && T.current.autosizeColumns(M);
+  }, [T, M]);
   return Oo(() => {
-    D();
-  }, [s, o, D]), a && S.length === 0 && !x.loading ? typeof a == "string" ? /* @__PURE__ */ b.jsx(Dm, { message: a, variant: "empty" }) : a : f ? /* @__PURE__ */ b.jsx(Dm, { message: `Error fetching ${m}`, variant: "error" }) : /* @__PURE__ */ b.jsx(
+    R();
+  }, [s, o, R]), a && P.length === 0 && !S.loading ? typeof a == "string" ? /* @__PURE__ */ b.jsx(Dm, { message: a, variant: "empty" }) : a : f ? /* @__PURE__ */ b.jsx(Dm, { message: `Error fetching ${m}`, variant: "error" }) : /* @__PURE__ */ b.jsx(
     "div",
     {
       style: {
@@ -47959,14 +47963,14 @@ const r2 = (e) => {
       children: /* @__PURE__ */ b.jsx(
         Hw,
         {
-          apiRef: M,
+          apiRef: T,
           columns: o,
-          rows: S,
+          rows: P,
           autosizeOnMount: !0,
-          onResize: (O, C, R) => {
-            l && l(O, C, R), D();
+          onResize: (O, L, j) => {
+            l && l(O, L, j), R();
           },
-          autosizeOptions: I,
+          autosizeOptions: M,
           disableRowSelectionOnClick: !0,
           showToolbar: c,
           density: r,
@@ -47977,10 +47981,10 @@ const r2 = (e) => {
             ...d
           },
           slots: {
-            toolbar: v,
+            toolbar: I,
             ...h
           },
-          ...x
+          ...S
         }
       )
     }
@@ -48009,6 +48013,7 @@ const r2 = (e) => {
       $name_prefix: [String!]
       $limit: Int
       $assembly: String!
+      $version: Int
   ) {
       gene(
           id: $id
@@ -48023,6 +48028,7 @@ const r2 = (e) => {
           limit: $limit
           assembly: $assembly
           orderby: "name"
+          version: $version
       ) {
           id
           name
@@ -48102,25 +48108,39 @@ query getGWASStudies($studyname_prefix: [String]){
   }),
   headers: { "Content-Type": "application/json" }
 })).json(), _G = async (e, t, o, r) => {
-  const i = (await (await fetch("https://screen.api.wenglab.org/graphql", {
-    method: "POST",
-    body: JSON.stringify({
-      query: FG,
-      variables: {
-        assembly: t.toLowerCase(),
-        name_prefix: e,
-        version: r,
-        limit: o
+  const s = r ? typeof r == "number" ? [r] : r : [t === "GRCh38" ? 40 : 25], i = await Promise.all(
+    s.map(
+      (c) => fetch("https://screen.api.wenglab.org/graphql", {
+        method: "POST",
+        body: JSON.stringify({
+          query: FG,
+          variables: {
+            assembly: t.toLowerCase(),
+            name_prefix: e,
+            version: c,
+            limit: o
+          }
+        }),
+        headers: { "Content-Type": "application/json" }
+      }).then((u) => u.json())
+    )
+  ), l = /* @__PURE__ */ new Map();
+  return i.forEach((c, u) => {
+    (c.data.gene || []).forEach((f) => {
+      if (!l.has(f.name))
+        l.set(f.name, { gene: f, versions: [s[u]] });
+      else {
+        const h = l.get(f.name);
+        s[u] > Math.max(...h.versions) && (h.gene.coordinates = f.coordinates), h.versions.push(s[u]);
       }
-    }),
-    headers: { "Content-Type": "application/json" }
-  })).json()).data.gene;
-  return await Promise.all(
-    i.map(async (a) => {
-      const c = await BG(a.name);
+    });
+  }), await Promise.all(
+    Array.from(l.values()).map(async ({ gene: c, versions: u }) => {
+      const d = await BG(c.name);
       return {
-        ...a,
-        description: HG(c || a.name)
+        ...c,
+        description: `${HG(d || c.name)}`,
+        versions: u
       };
     })
   );
@@ -48194,12 +48214,12 @@ function UG(e, t) {
     type: "SNP"
   });
 }
-function WG(e, t) {
+function WG(e, t, o) {
   return Ic(e, t, {
-    getTitle: (o) => o.name,
-    getDescription: (o) => `${o.description}
-${o.id}
-${o.coordinates.chromosome}:${o.coordinates.start}-${o.coordinates.end}`,
+    getTitle: (r) => r.name,
+    getDescription: (r) => `${r.description}
+${r.id}
+${r.coordinates.chromosome}:${r.coordinates.start}-${r.coordinates.end}` + (o ? ` (${r.versions.map((s) => "V" + s).join(", ")})` : ""),
     type: "Gene"
   });
 }
@@ -49735,8 +49755,8 @@ var hz = class {
     const o = this.#e, r = this.options, s = this.#o, i = this.#r, l = this.#l, c = e !== o ? e.state : this.#n, { state: u } = e;
     let d = { ...u }, f = !1, h;
     if (t._optimisticResults) {
-      const T = this.hasListeners(), O = !T && _m(e, t), C = T && Hm(e, o, t, r);
-      (O || C) && (d = {
+      const T = this.hasListeners(), R = !T && _m(e, t), C = T && Hm(e, o, t, r);
+      (R || C) && (d = {
         ...d,
         ...Kw(u.data, e.options)
       }), t._optimisticResults === "isRestoring" && (d.fetchStatus = "idle");
@@ -49794,21 +49814,21 @@ var hz = class {
       isEnabled: _n(t.enabled, e) !== !1
     };
     if (this.options.experimental_prefetchInRender) {
-      const T = (R) => {
-        D.status === "error" ? R.reject(D.error) : D.data !== void 0 && R.resolve(D.data);
-      }, O = () => {
-        const R = this.#i = D.promise = cd();
-        T(R);
+      const T = (O) => {
+        D.status === "error" ? O.reject(D.error) : D.data !== void 0 && O.resolve(D.data);
+      }, R = () => {
+        const O = this.#i = D.promise = cd();
+        T(O);
       }, C = this.#i;
       switch (C.status) {
         case "pending":
           e.queryHash === o.queryHash && T(C);
           break;
         case "fulfilled":
-          (D.status === "error" || D.data !== C.value) && O();
+          (D.status === "error" || D.data !== C.value) && R();
           break;
         case "rejected":
-          (D.status !== "error" || D.error !== C.reason) && O();
+          (D.status !== "error" || D.error !== C.reason) && R();
           break;
       }
     }
@@ -49997,7 +50017,7 @@ const kz = ({
   slotProps: y,
   ...g
 }) => {
-  const [w, x] = as(""), [v, S] = as(null), [I, P] = as(d || null), [M, D] = as(!1), T = e.includes("Gene"), O = e.includes("SNP"), C = e.includes("iCRE"), R = e.includes("cCRE"), L = e.includes("Coordinate"), j = e.includes("Study"), {
+  const [w, x] = as(""), [v, S] = as(null), [I, P] = as(d || null), [M, D] = as(!1), T = e.includes("Gene"), R = e.includes("SNP"), C = e.includes("iCRE"), O = e.includes("cCRE"), L = e.includes("Coordinate"), j = e.includes("Study"), {
     data: H,
     refetch: $,
     isFetching: N
@@ -50018,8 +50038,8 @@ const kz = ({
     refetch: F,
     isFetching: B
   } = pi({
-    queryKey: ["genes", w, t],
-    queryFn: () => _G(w, t, s || 3, r || t === "GRCh38" ? 29 : 25),
+    queryKey: ["genes", w, t, r],
+    queryFn: () => _G(w, t, s || 3, r),
     enabled: !1
   }), {
     data: U,
@@ -50039,7 +50059,7 @@ const kz = ({
     enabled: !1
   }), X = Bl(null);
   Oo(() => (w.length === 0 ? P(null) : P([]), X.current && clearTimeout(X.current), X.current = setTimeout(() => {
-    T && !Ql(w) && F(), t === "GRCh38" ? (C && w.toLowerCase().startsWith("eh") && $(), R && w.toLowerCase().startsWith("eh") && _(), O && w.toLowerCase().startsWith("rs") && z(), j && !Ql(w) && w !== "" && Q()) : R && w.toLowerCase().startsWith("em") && _();
+    T && !Ql(w) && F(), t === "GRCh38" ? (C && w.toLowerCase().startsWith("eh") && $(), O && w.toLowerCase().startsWith("eh") && _(), R && w.toLowerCase().startsWith("rs") && z(), j && !Ql(w) && w !== "" && Q()) : O && w.toLowerCase().startsWith("em") && _();
   }, 100), () => {
     X.current && clearTimeout(X.current);
   }), [w]), Oo(() => {
@@ -50047,7 +50067,7 @@ const kz = ({
   }, [N, G, B, q, Z]), Oo(() => {
     if (M) return;
     const ee = [];
-    k && T && ee.push(...WG(k, s || 3)), t === "GRCh38" ? (H && C && w.toLowerCase().startsWith("eh") && ee.push(...XG(H.data.iCREQuery, l || 3)), A && R && w.toLowerCase().startsWith("eh") && ee.push(...Nm(A.data.cCREAutocompleteQuery, a || 3)), U && O && w.toLowerCase().startsWith("rs") && ee.push(...UG(U.data.snpAutocompleteQuery, i || 3)), W && j && ee.push(...KG(W.data.getAllGwasStudies, s || 3))) : A && R && w.toLowerCase().startsWith("em") && ee.push(...Nm(A.data.cCREAutocompleteQuery, a || 3)), Ql(w) && L && ee.push(...qG(w, t)), ee.length === 0 ? P(null) : P(ee);
+    k && T && ee.push(...WG(k, s || 3, typeof r == "object")), t === "GRCh38" ? (H && C && w.toLowerCase().startsWith("eh") && ee.push(...XG(H.data.iCREQuery, l || 3)), A && O && w.toLowerCase().startsWith("eh") && ee.push(...Nm(A.data.cCREAutocompleteQuery, a || 3)), U && R && w.toLowerCase().startsWith("rs") && ee.push(...UG(U.data.snpAutocompleteQuery, i || 3)), W && j && ee.push(...KG(W.data.getAllGwasStudies, s || 3))) : A && O && w.toLowerCase().startsWith("em") && ee.push(...Nm(A.data.cCREAutocompleteQuery, a || 3)), Ql(w) && L && ee.push(...qG(w, t)), ee.length === 0 ? P(null) : P(ee);
   }, [
     M,
     H,
@@ -50057,8 +50077,8 @@ const kz = ({
     W,
     T,
     C,
-    R,
     O,
+    R,
     L,
     j,
     w,
@@ -50471,4 +50491,4 @@ export {
   KN as y,
   Tp as z
 };
-//# sourceMappingURL=index-Cyw0rrOH.js.map
+//# sourceMappingURL=index-C5pwuAmM.js.map