@3sc/common-component 0.0.309 → 0.0.311

package/dist/index.es.js

@@ -98,7 +98,7 @@ function qw() {
       // with.
       U.$$typeof === D || U.getModuleId !== void 0));
     }
-    function j(U, pe, Se) {
+    function N(U, pe, Se) {
       var We = U.displayName;
       if (We)
         return We;
@@ -138,7 +138,7 @@ function qw() {
             var Se = U;
             return M(Se._context) + ".Provider";
           case c:
-            return j(U, U.render, "ForwardRef");
+            return N(U, U.render, "ForwardRef");
           case f:
             var We = U.displayName || null;
             return We !== null ? We : V(U.type) || "Memo";
@@ -153,14 +153,14 @@ function qw() {
         }
       return null;
     }
-    var $ = Object.assign, _ = 0, R, A, F, z, B, N, X;
+    var $ = Object.assign, _ = 0, R, A, F, z, B, j, X;
     function Q() {
     }
     Q.__reactDisabledLog = !0;
     function Z() {
       {
         if (_ === 0) {
-          R = console.log, A = console.info, F = console.warn, z = console.error, B = console.group, N = console.groupCollapsed, X = console.groupEnd;
+          R = console.log, A = console.info, F = console.warn, z = console.error, B = console.group, j = console.groupCollapsed, X = console.groupEnd;
           var U = {
             configurable: !0,
             enumerable: !0,
@@ -205,7 +205,7 @@ function qw() {
               value: B
             }),
             groupCollapsed: $({}, U, {
-              value: N
+              value: j
             }),
             groupEnd: $({}, U, {
               value: X
@@ -1419,14 +1419,14 @@ function TC() {
         }
       }
     }
-    var v = c, k = u, E = l, P = a, D = t, I = d, j = r, M = g, V = h, $ = n, _ = i, R = o, A = f, F = !1;
+    var v = c, k = u, E = l, P = a, D = t, I = d, N = r, M = g, V = h, $ = n, _ = i, R = o, A = f, F = !1;
     function z(W) {
       return F || (F = !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.")), B(W) || O(W) === c;
     }
     function B(W) {
       return O(W) === u;
     }
-    function N(W) {
+    function j(W) {
       return O(W) === l;
     }
     function X(W) {
@@ -1459,7 +1459,7 @@ function TC() {
     function q(W) {
       return O(W) === f;
     }
-    lt.AsyncMode = v, lt.ConcurrentMode = k, lt.ContextConsumer = E, lt.ContextProvider = P, lt.Element = D, lt.ForwardRef = I, lt.Fragment = j, lt.Lazy = M, lt.Memo = V, lt.Portal = $, lt.Profiler = _, lt.StrictMode = R, lt.Suspense = A, lt.isAsyncMode = z, lt.isConcurrentMode = B, lt.isContextConsumer = N, lt.isContextProvider = X, lt.isElement = Q, lt.isForwardRef = Z, lt.isFragment = re, lt.isLazy = J, lt.isMemo = ce, lt.isPortal = L, lt.isProfiler = H, lt.isStrictMode = K, lt.isSuspense = q, lt.isValidElementType = C, lt.typeOf = O;
+    lt.AsyncMode = v, lt.ConcurrentMode = k, lt.ContextConsumer = E, lt.ContextProvider = P, lt.Element = D, lt.ForwardRef = I, lt.Fragment = N, lt.Lazy = M, lt.Memo = V, lt.Portal = $, lt.Profiler = _, lt.StrictMode = R, lt.Suspense = A, lt.isAsyncMode = z, lt.isConcurrentMode = B, lt.isContextConsumer = j, lt.isContextProvider = X, lt.isElement = Q, lt.isForwardRef = Z, lt.isFragment = re, lt.isLazy = J, lt.isMemo = ce, lt.isPortal = L, lt.isProfiler = H, lt.isStrictMode = K, lt.isSuspense = q, lt.isValidElementType = C, lt.typeOf = O;
   }()), lt;
 }
 process.env.NODE_ENV === "production" ? qu.exports = SC() : qu.exports = TC();
@@ -1865,8 +1865,8 @@ var VC = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
       var P = Hl(f.concat(v), x.registered, k);
       O += x.key + "-" + P.name, a !== void 0 && (O += " " + a);
       var D = u && l === void 0 ? bh(C) : c, I = {};
-      for (var j in b)
-        u && j === "as" || D(j) && (I[j] = b[j]);
+      for (var N in b)
+        u && N === "as" || D(N) && (I[N] = b[N]);
       return I.className = O, w && (I.ref = w), /* @__PURE__ */ S.createElement(S.Fragment, null, /* @__PURE__ */ S.createElement(HC, {
         cache: x,
         serialized: P,
@@ -2148,14 +2148,14 @@ function KC() {
         }
       }
     }
-    var v = c, k = u, E = l, P = a, D = t, I = d, j = r, M = g, V = h, $ = n, _ = i, R = o, A = f, F = !1;
+    var v = c, k = u, E = l, P = a, D = t, I = d, N = r, M = g, V = h, $ = n, _ = i, R = o, A = f, F = !1;
     function z(W) {
       return F || (F = !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.")), B(W) || O(W) === c;
     }
     function B(W) {
       return O(W) === u;
     }
-    function N(W) {
+    function j(W) {
       return O(W) === l;
     }
     function X(W) {
@@ -2188,7 +2188,7 @@ function KC() {
     function q(W) {
       return O(W) === f;
     }
-    ut.AsyncMode = v, ut.ConcurrentMode = k, ut.ContextConsumer = E, ut.ContextProvider = P, ut.Element = D, ut.ForwardRef = I, ut.Fragment = j, ut.Lazy = M, ut.Memo = V, ut.Portal = $, ut.Profiler = _, ut.StrictMode = R, ut.Suspense = A, ut.isAsyncMode = z, ut.isConcurrentMode = B, ut.isContextConsumer = N, ut.isContextProvider = X, ut.isElement = Q, ut.isForwardRef = Z, ut.isFragment = re, ut.isLazy = J, ut.isMemo = ce, ut.isPortal = L, ut.isProfiler = H, ut.isStrictMode = K, ut.isSuspense = q, ut.isValidElementType = C, ut.typeOf = O;
+    ut.AsyncMode = v, ut.ConcurrentMode = k, ut.ContextConsumer = E, ut.ContextProvider = P, ut.Element = D, ut.ForwardRef = I, ut.Fragment = N, ut.Lazy = M, ut.Memo = V, ut.Portal = $, ut.Profiler = _, ut.StrictMode = R, ut.Suspense = A, ut.isAsyncMode = z, ut.isConcurrentMode = B, ut.isContextConsumer = j, ut.isContextProvider = X, ut.isElement = Q, ut.isForwardRef = Z, ut.isFragment = re, ut.isLazy = J, ut.isMemo = ce, ut.isPortal = L, ut.isProfiler = H, ut.isStrictMode = K, ut.isSuspense = q, ut.isValidElementType = C, ut.typeOf = O;
   }()), ut;
 }
 var Ch;
@@ -2326,9 +2326,9 @@ function JC() {
   return tu = function(l, c) {
     var u = typeof Symbol == "function" && Symbol.iterator, d = "@@iterator";
     function f(B) {
-      var N = B && (u && B[u] || B[d]);
-      if (typeof N == "function")
-        return N;
+      var j = B && (u && B[u] || B[d]);
+      if (typeof j == "function")
+        return j;
     }
     var p = "<<anonymous>>", h = {
       array: x("array"),
@@ -2351,16 +2351,16 @@ function JC() {
       shape: M,
       exact: V
     };
-    function g(B, N) {
-      return B === N ? B !== 0 || 1 / B === 1 / N : B !== B && N !== N;
+    function g(B, j) {
+      return B === j ? B !== 0 || 1 / B === 1 / j : B !== B && j !== j;
     }
-    function m(B, N) {
-      this.message = B, this.data = N && typeof N == "object" ? N : {}, this.stack = "";
+    function m(B, j) {
+      this.message = B, this.data = j && typeof j == "object" ? j : {}, this.stack = "";
     }
     m.prototype = Error.prototype;
     function b(B) {
       if (process.env.NODE_ENV !== "production")
-        var N = {}, X = 0;
+        var j = {}, X = 0;
       function Q(re, J, ce, L, H, K, q) {
         if (L = L || p, K = K || ce, q !== n) {
           if (c) {
@@ -2370,10 +2370,10 @@ function JC() {
             throw W.name = "Invariant Violation", W;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var G = L + ":" + ce;
-            !N[G] && // Avoid spamming the console because they are often not actionable except for lib authors
+            !j[G] && // Avoid spamming the console because they are often not actionable except for lib authors
             X < 3 && (i(
               "You are manually calling a React.PropTypes validation function for the `" + K + "` prop on `" + L + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), N[G] = !0, X++);
+            ), j[G] = !0, X++);
           }
         }
         return J[ce] == null ? re ? J[ce] === null ? new m("The " + H + " `" + K + "` is marked as required " + ("in `" + L + "`, but its value is `null`.")) : new m("The " + H + " `" + K + "` is marked as required in " + ("`" + L + "`, but its value is `undefined`.")) : null : B(J, ce, L, H, K);
@@ -2382,7 +2382,7 @@ function JC() {
       return Z.isRequired = Q.bind(null, !0), Z;
     }
     function x(B) {
-      function N(X, Q, Z, re, J, ce) {
+      function j(X, Q, Z, re, J, ce) {
         var L = X[Q], H = R(L);
         if (H !== B) {
           var K = A(L);
@@ -2393,13 +2393,13 @@ function JC() {
         }
         return null;
       }
-      return b(N);
+      return b(j);
     }
     function w() {
       return b(a);
     }
     function C(B) {
-      function N(X, Q, Z, re, J) {
+      function j(X, Q, Z, re, J) {
         if (typeof B != "function")
           return new m("Property `" + J + "` of component `" + Z + "` has invalid PropType notation inside arrayOf.");
         var ce = X[Q];
@@ -2414,11 +2414,11 @@ function JC() {
         }
         return null;
       }
-      return b(N);
+      return b(j);
     }
     function O() {
-      function B(N, X, Q, Z, re) {
-        var J = N[X];
+      function B(j, X, Q, Z, re) {
+        var J = j[X];
         if (!l(J)) {
           var ce = R(J);
           return new m("Invalid " + Z + " `" + re + "` of type " + ("`" + ce + "` supplied to `" + Q + "`, expected a single ReactElement."));
@@ -2428,8 +2428,8 @@ function JC() {
       return b(B);
     }
     function v() {
-      function B(N, X, Q, Z, re) {
-        var J = N[X];
+      function B(j, X, Q, Z, re) {
+        var J = j[X];
         if (!e.isValidElementType(J)) {
           var ce = R(J);
           return new m("Invalid " + Z + " `" + re + "` of type " + ("`" + ce + "` supplied to `" + Q + "`, expected a single ReactElement type."));
@@ -2439,21 +2439,21 @@ function JC() {
       return b(B);
     }
     function k(B) {
-      function N(X, Q, Z, re, J) {
+      function j(X, Q, Z, re, J) {
         if (!(X[Q] instanceof B)) {
           var ce = B.name || p, L = z(X[Q]);
           return new m("Invalid " + re + " `" + J + "` of type " + ("`" + L + "` supplied to `" + Z + "`, expected ") + ("instance of `" + ce + "`."));
         }
         return null;
       }
-      return b(N);
+      return b(j);
     }
     function E(B) {
       if (!Array.isArray(B))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : i("Invalid argument supplied to oneOf, expected an array.")), a;
-      function N(X, Q, Z, re, J) {
+      function j(X, Q, Z, re, J) {
         for (var ce = X[Q], L = 0; L < B.length; L++)
           if (g(ce, B[L]))
             return null;
@@ -2463,10 +2463,10 @@ function JC() {
         });
         return new m("Invalid " + re + " `" + J + "` of value `" + String(ce) + "` " + ("supplied to `" + Z + "`, expected one of " + H + "."));
       }
-      return b(N);
+      return b(j);
     }
     function P(B) {
-      function N(X, Q, Z, re, J) {
+      function j(X, Q, Z, re, J) {
         if (typeof B != "function")
           return new m("Property `" + J + "` of component `" + Z + "` has invalid PropType notation inside objectOf.");
         var ce = X[Q], L = R(ce);
@@ -2480,16 +2480,16 @@ function JC() {
           }
         return null;
       }
-      return b(N);
+      return b(j);
     }
     function D(B) {
       if (!Array.isArray(B))
         return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), a;
-      for (var N = 0; N < B.length; N++) {
-        var X = B[N];
+      for (var j = 0; j < B.length; j++) {
+        var X = B[j];
         if (typeof X != "function")
           return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + F(X) + " at index " + N + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + F(X) + " at index " + j + "."
           ), a;
       }
       function Q(Z, re, J, ce, L) {
@@ -2505,35 +2505,35 @@ function JC() {
       return b(Q);
     }
     function I() {
-      function B(N, X, Q, Z, re) {
-        return $(N[X]) ? null : new m("Invalid " + Z + " `" + re + "` supplied to " + ("`" + Q + "`, expected a ReactNode."));
+      function B(j, X, Q, Z, re) {
+        return $(j[X]) ? null : new m("Invalid " + Z + " `" + re + "` supplied to " + ("`" + Q + "`, expected a ReactNode."));
       }
       return b(B);
     }
-    function j(B, N, X, Q, Z) {
+    function N(B, j, X, Q, Z) {
       return new m(
-        (B || "React class") + ": " + N + " type `" + X + "." + Q + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + Z + "`."
+        (B || "React class") + ": " + j + " type `" + X + "." + Q + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + Z + "`."
       );
     }
     function M(B) {
-      function N(X, Q, Z, re, J) {
+      function j(X, Q, Z, re, J) {
         var ce = X[Q], L = R(ce);
         if (L !== "object")
           return new m("Invalid " + re + " `" + J + "` of type `" + L + "` " + ("supplied to `" + Z + "`, expected `object`."));
         for (var H in B) {
           var K = B[H];
           if (typeof K != "function")
-            return j(Z, re, J, H, A(K));
+            return N(Z, re, J, H, A(K));
           var q = K(ce, H, Z, re, J + "." + H, n);
           if (q)
             return q;
         }
         return null;
       }
-      return b(N);
+      return b(j);
     }
     function V(B) {
-      function N(X, Q, Z, re, J) {
+      function j(X, Q, Z, re, J) {
         var ce = X[Q], L = R(ce);
         if (L !== "object")
           return new m("Invalid " + re + " `" + J + "` of type `" + L + "` " + ("supplied to `" + Z + "`, expected `object`."));
@@ -2541,7 +2541,7 @@ function JC() {
         for (var K in H) {
           var q = B[K];
           if (r(B, K) && typeof q != "function")
-            return j(Z, re, J, K, A(q));
+            return N(Z, re, J, K, A(q));
           if (!q)
             return new m(
               "Invalid " + re + " `" + J + "` key `" + K + "` supplied to `" + Z + "`.\nBad object: " + JSON.stringify(X[Q], null, "  ") + `
@@ -2553,7 +2553,7 @@ Valid keys: ` + JSON.stringify(Object.keys(B), null, "  ")
         }
         return null;
       }
-      return b(N);
+      return b(j);
     }
     function $(B) {
       switch (typeof B) {
@@ -2568,10 +2568,10 @@ Valid keys: ` + JSON.stringify(Object.keys(B), null, "  ")
             return B.every($);
           if (B === null || l(B))
             return !0;
-          var N = f(B);
-          if (N) {
-            var X = N.call(B), Q;
-            if (N !== B.entries) {
+          var j = f(B);
+          if (j) {
+            var X = j.call(B), Q;
+            if (j !== B.entries) {
               for (; !(Q = X.next()).done; )
                 if (!$(Q.value))
                   return !1;
@@ -2588,37 +2588,37 @@ Valid keys: ` + JSON.stringify(Object.keys(B), null, "  ")
           return !1;
       }
     }
-    function _(B, N) {
-      return B === "symbol" ? !0 : N ? N["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && N instanceof Symbol : !1;
+    function _(B, j) {
+      return B === "symbol" ? !0 : j ? j["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && j instanceof Symbol : !1;
     }
     function R(B) {
-      var N = typeof B;
-      return Array.isArray(B) ? "array" : B instanceof RegExp ? "object" : _(N, B) ? "symbol" : N;
+      var j = typeof B;
+      return Array.isArray(B) ? "array" : B instanceof RegExp ? "object" : _(j, B) ? "symbol" : j;
     }
     function A(B) {
       if (typeof B > "u" || B === null)
         return "" + B;
-      var N = R(B);
-      if (N === "object") {
+      var j = R(B);
+      if (j === "object") {
         if (B instanceof Date)
           return "date";
         if (B instanceof RegExp)
           return "regexp";
       }
-      return N;
+      return j;
     }
     function F(B) {
-      var N = A(B);
-      switch (N) {
+      var j = A(B);
+      switch (j) {
         case "array":
         case "object":
-          return "an " + N;
+          return "an " + j;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + N;
+          return "a " + j;
         default:
-          return N;
+          return j;
       }
     }
     function z(B) {
@@ -4032,8 +4032,8 @@ function xT(e = {}) {
     })) : v, O = (v, ...k) => {
       let E = C(v);
       const P = k ? k.map(C) : [];
-      c && p && P.push((j) => {
-        const M = Na(T({}, j, {
+      c && p && P.push((N) => {
+        const M = Na(T({}, N, {
           defaultTheme: n,
           themeId: t
         }));
@@ -4041,31 +4041,31 @@ function xT(e = {}) {
           return null;
         const V = M.components[c].styleOverrides, $ = {};
         return Object.entries(V).forEach(([_, R]) => {
-          $[_] = rl(R, T({}, j, {
+          $[_] = rl(R, T({}, N, {
             theme: M
           }));
-        }), p(j, $);
-      }), c && !g && P.push((j) => {
+        }), p(N, $);
+      }), c && !g && P.push((N) => {
         var M;
-        const V = Na(T({}, j, {
+        const V = Na(T({}, N, {
           defaultTheme: n,
           themeId: t
         })), $ = V == null || (M = V.components) == null || (M = M[c]) == null ? void 0 : M.variants;
         return rl({
           variants: $
-        }, T({}, j, {
+        }, T({}, N, {
           theme: V
         }));
       }), m || P.push(i);
       const D = P.length - k.length;
       if (Array.isArray(v) && D > 0) {
-        const j = new Array(D).fill("");
-        E = [...v, ...j], E.raw = [...v.raw, ...j];
+        const N = new Array(D).fill("");
+        E = [...v, ...N], E.raw = [...v.raw, ...N];
       }
       const I = w(E, ...P);
       if (process.env.NODE_ENV !== "production") {
-        let j;
-        c && (j = `${c}${se(u || "")}`), j === void 0 && (j = `Styled(${yb(a)})`), I.displayName = j;
+        let N;
+        c && (N = `${c}${se(u || "")}`), N === void 0 && (N = `Styled(${yb(a)})`), I.displayName = N;
       }
       return a.muiName && (I.muiName = a.muiName), I;
     };
@@ -5689,8 +5689,8 @@ function hk(e = {}) {
     })) : v, O = (v, ...k) => {
       let E = C(v);
       const P = k ? k.map(C) : [];
-      c && p && P.push((j) => {
-        const M = $a((0, _n.default)({}, j, {
+      c && p && P.push((N) => {
+        const M = $a((0, _n.default)({}, N, {
           defaultTheme: n,
           themeId: t
         }));
@@ -5698,31 +5698,31 @@ function hk(e = {}) {
           return null;
         const V = M.components[c].styleOverrides, $ = {};
         return Object.entries(V).forEach(([_, R]) => {
-          $[_] = sl(R, (0, _n.default)({}, j, {
+          $[_] = sl(R, (0, _n.default)({}, N, {
             theme: M
           }));
-        }), p(j, $);
-      }), c && !g && P.push((j) => {
+        }), p(N, $);
+      }), c && !g && P.push((N) => {
         var M;
-        const V = $a((0, _n.default)({}, j, {
+        const V = $a((0, _n.default)({}, N, {
           defaultTheme: n,
           themeId: t
         })), $ = V == null || (M = V.components) == null || (M = M[c]) == null ? void 0 : M.variants;
         return sl({
           variants: $
-        }, (0, _n.default)({}, j, {
+        }, (0, _n.default)({}, N, {
           theme: V
         }));
       }), m || P.push(i);
       const D = P.length - k.length;
       if (Array.isArray(v) && D > 0) {
-        const j = new Array(D).fill("");
-        E = [...v, ...j], E.raw = [...v.raw, ...j];
+        const N = new Array(D).fill("");
+        E = [...v, ...N], E.raw = [...v.raw, ...N];
       }
       const I = w(E, ...P);
       if (process.env.NODE_ENV !== "production") {
-        let j;
-        c && (j = `${c}${(0, nk.default)(u || "")}`), j === void 0 && (j = `Styled(${(0, rk.default)(a)})`), I.displayName = j;
+        let N;
+        c && (N = `${c}${(0, nk.default)(u || "")}`), N === void 0 && (N = `Styled(${(0, rk.default)(a)})`), I.displayName = N;
       }
       return a.muiName && (I.muiName = a.muiName), I;
     };
@@ -7051,7 +7051,7 @@ const od = 550, Bk = 80, Lk = Ir(nm || (nm = sc`
       return;
     }
     (O == null ? void 0 : O.type) === "touchstart" && (p.current = !0);
-    const I = D ? null : m.current, j = I ? I.getBoundingClientRect() : {
+    const I = D ? null : m.current, N = I ? I.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
@@ -7059,16 +7059,16 @@ const od = 550, Bk = 80, Lk = Ir(nm || (nm = sc`
     };
     let M, V, $;
     if (P || O === void 0 || O.clientX === 0 && O.clientY === 0 || !O.clientX && !O.touches)
-      M = Math.round(j.width / 2), V = Math.round(j.height / 2);
+      M = Math.round(N.width / 2), V = Math.round(N.height / 2);
     else {
       const {
         clientX: _,
         clientY: R
       } = O.touches && O.touches.length > 0 ? O.touches[0] : O;
-      M = Math.round(_ - j.left), V = Math.round(R - j.top);
+      M = Math.round(_ - N.left), V = Math.round(R - N.top);
     }
     if (P)
-      $ = Math.sqrt((2 * j.width ** 2 + j.height ** 2) / 3), $ % 2 === 0 && ($ += 1);
+      $ = Math.sqrt((2 * N.width ** 2 + N.height ** 2) / 3), $ % 2 === 0 && ($ += 1);
     else {
       const _ = Math.max(Math.abs((I ? I.clientWidth : 0) - M), M) * 2 + 2, R = Math.max(Math.abs((I ? I.clientHeight : 0) - V), V) * 2 + 2;
       $ = Math.sqrt(_ ** 2 + R ** 2);
@@ -7217,14 +7217,14 @@ const qk = Ae("MuiButtonBase", ["root", "disabled", "focusVisible"]), Yk = ["act
     onMouseUp: P,
     onTouchEnd: D,
     onTouchMove: I,
-    onTouchStart: j,
+    onTouchStart: N,
     tabIndex: M = 0,
     TouchRippleProps: V,
     touchRippleRef: $,
     type: _
   } = r, R = te(r, Yk), A = S.useRef(null), F = S.useRef(null), z = Wt(F, $), {
     isFocusVisibleRef: B,
-    onFocus: N,
+    onFocus: j,
     onBlur: X,
     ref: Q
   } = ff(), [Z, re] = S.useState(!1);
@@ -7246,10 +7246,10 @@ const qk = Ae("MuiButtonBase", ["root", "disabled", "focusVisible"]), Yk = ["act
   }
   const K = H("start", k), q = H("stop", b), W = H("stop", x), G = H("stop", P), ne = H("stop", (de) => {
     Z && de.preventDefault(), E && E(de);
-  }), oe = H("start", j), le = H("stop", D), Ce = H("stop", I), ie = H("stop", (de) => {
+  }), oe = H("start", N), le = H("stop", D), Ce = H("stop", I), ie = H("stop", (de) => {
     X(de), B.current === !1 && re(!1), g && g(de);
   }, !1), we = On((de) => {
-    A.current || (A.current = de.currentTarget), N(de), B.current === !0 && (re(!0), C && C(de)), w && w(de);
+    A.current || (A.current = de.currentTarget), j(de), B.current === !0 && (re(!0), C && C(de)), w && w(de);
   }), he = () => {
     const de = A.current;
     return c && c !== "button" && !(de.tagName === "A" && de.href);
@@ -8113,7 +8113,7 @@ function cm(e) {
       h -= I - r.width, h *= c ? 1 : -1;
     }
   }
-  var j = Object.assign({
+  var N = Object.assign({
     position: l
   }, u && jE), M = d === !0 ? NE({
     x: h,
@@ -8124,9 +8124,9 @@ function cm(e) {
   };
   if (h = M.x, m = M.y, c) {
     var V;
-    return Object.assign({}, j, (V = {}, V[O] = w ? "0" : "", V[C] = x ? "0" : "", V.transform = (v.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + m + "px)" : "translate3d(" + h + "px, " + m + "px, 0)", V));
+    return Object.assign({}, N, (V = {}, V[O] = w ? "0" : "", V[C] = x ? "0" : "", V.transform = (v.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + m + "px)" : "translate3d(" + h + "px, " + m + "px, 0)", V));
   }
-  return Object.assign({}, j, (t = {}, t[O] = w ? m + "px" : "", t[C] = x ? h + "px" : "", t.transform = "", t));
+  return Object.assign({}, N, (t = {}, t[O] = w ? m + "px" : "", t[C] = x ? h + "px" : "", t.transform = "", t));
 }
 function $E(e) {
   var t = e.state, n = e.options, r = n.gpuAcceleration, o = r === void 0 ? !0 : r, i = n.adaptive, a = i === void 0 ? !0 : i, l = n.roundOffsets, c = l === void 0 ? !0 : l, u = {
@@ -8335,9 +8335,9 @@ function Ii(e, t) {
     bottom: D.bottom - v.bottom + x.bottom,
     left: v.left - D.left + x.left,
     right: D.right - v.right + x.right
-  }, j = e.modifiersData.offset;
-  if (p === Hs && j) {
-    var M = j[o];
+  }, N = e.modifiersData.offset;
+  if (p === Hs && N) {
+    var M = N[o];
     Object.keys(I).forEach(function(V) {
       var $ = [qn, Hn].indexOf(V) >= 0 ? 1 : -1, _ = [mn, Hn].indexOf(V) >= 0 ? "y" : "x";
       I[V] += M[_] * $;
@@ -8384,8 +8384,8 @@ function KE(e) {
         allowedAutoPlacements: m
       }) : re);
     }, []), v = t.rects.reference, k = t.rects.popper, E = /* @__PURE__ */ new Map(), P = !0, D = O[0], I = 0; I < O.length; I++) {
-      var j = O[I], M = fr(j), V = ys(j) === hs, $ = [mn, Hn].indexOf(M) >= 0, _ = $ ? "width" : "height", R = Ii(t, {
-        placement: j,
+      var N = O[I], M = fr(N), V = ys(N) === hs, $ = [mn, Hn].indexOf(M) >= 0, _ = $ ? "width" : "height", R = Ii(t, {
+        placement: N,
         boundary: d,
         rootBoundary: f,
         altBoundary: p,
@@ -8396,13 +8396,13 @@ function KE(e) {
       if (i && z.push(R[M] <= 0), l && z.push(R[A] <= 0, R[F] <= 0), z.every(function(Z) {
         return Z;
       })) {
-        D = j, P = !1;
+        D = N, P = !1;
         break;
       }
-      E.set(j, z);
+      E.set(N, z);
     }
     if (P)
-      for (var B = g ? 3 : 1, N = function(re) {
+      for (var B = g ? 3 : 1, j = function(re) {
         var J = O.find(function(ce) {
           var L = E.get(ce);
           if (L)
@@ -8413,7 +8413,7 @@ function KE(e) {
         if (J)
           return D = J, "break";
       }, X = B; X > 0; X--) {
-        var Q = N(X);
+        var Q = j(X);
         if (Q === "break") break;
       }
     t.placement !== D && (t.modifiersData[r]._skip = !0, t.placement = D, t.reset = !0);
@@ -8525,20 +8525,20 @@ function sR(e) {
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, D), j = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, M = {
+  }, D), N = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, M = {
     x: 0,
     y: 0
   };
   if (k) {
     if (i) {
-      var V, $ = O === "y" ? mn : gn, _ = O === "y" ? Hn : qn, R = O === "y" ? "height" : "width", A = k[O], F = A + b[$], z = A - b[_], B = h ? -P[R] / 2 : 0, N = w === hs ? E[R] : P[R], X = w === hs ? -P[R] : -E[R], Q = t.elements.arrow, Z = h && Q ? kf(Q) : {
+      var V, $ = O === "y" ? mn : gn, _ = O === "y" ? Hn : qn, R = O === "y" ? "height" : "width", A = k[O], F = A + b[$], z = A - b[_], B = h ? -P[R] / 2 : 0, j = w === hs ? E[R] : P[R], X = w === hs ? -P[R] : -E[R], Q = t.elements.arrow, Z = h && Q ? kf(Q) : {
         width: 0,
         height: 0
-      }, re = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : sv(), J = re[$], ce = re[_], L = mi(0, E[R], Z[R]), H = C ? E[R] / 2 - B - L - J - I.mainAxis : N - L - J - I.mainAxis, K = C ? -E[R] / 2 + B + L + ce + I.mainAxis : X + L + ce + I.mainAxis, q = t.elements.arrow && ua(t.elements.arrow), W = q ? O === "y" ? q.clientTop || 0 : q.clientLeft || 0 : 0, G = (V = j == null ? void 0 : j[O]) != null ? V : 0, ne = A + H - G - W, oe = A + K - G, le = mi(h ? Ol(F, ne) : F, A, h ? xo(z, oe) : z);
+      }, re = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : sv(), J = re[$], ce = re[_], L = mi(0, E[R], Z[R]), H = C ? E[R] / 2 - B - L - J - I.mainAxis : j - L - J - I.mainAxis, K = C ? -E[R] / 2 + B + L + ce + I.mainAxis : X + L + ce + I.mainAxis, q = t.elements.arrow && ua(t.elements.arrow), W = q ? O === "y" ? q.clientTop || 0 : q.clientLeft || 0 : 0, G = (V = N == null ? void 0 : N[O]) != null ? V : 0, ne = A + H - G - W, oe = A + K - G, le = mi(h ? Ol(F, ne) : F, A, h ? xo(z, oe) : z);
       k[O] = le, M[O] = le - A;
     }
     if (l) {
-      var Ce, ie = O === "x" ? mn : gn, we = O === "x" ? Hn : qn, he = k[v], ge = v === "y" ? "height" : "width", _e = he + b[ie], Ne = he - b[we], Me = [mn, gn].indexOf(x) !== -1, Pe = (Ce = j == null ? void 0 : j[v]) != null ? Ce : 0, et = Me ? _e : he - E[ge] - P[ge] - Pe + I.altAxis, gt = Me ? he + E[ge] + P[ge] - Pe - I.altAxis : Ne, Le = h && Me ? PE(et, he, gt) : mi(h ? et : _e, he, h ? gt : Ne);
+      var Ce, ie = O === "x" ? mn : gn, we = O === "x" ? Hn : qn, he = k[v], ge = v === "y" ? "height" : "width", _e = he + b[ie], Ne = he - b[we], Me = [mn, gn].indexOf(x) !== -1, Pe = (Ce = N == null ? void 0 : N[v]) != null ? Ce : 0, et = Me ? _e : he - E[ge] - P[ge] - Pe + I.altAxis, gt = Me ? he + E[ge] + P[ge] - Pe - I.altAxis : Ne, Le = h && Me ? PE(et, he, gt) : mi(h ? et : _e, he, h ? gt : Ne);
       k[v] = Le, M[v] = Le - he;
     }
     t.modifiersData[r] = M;
@@ -8906,10 +8906,10 @@ const TR = (e) => {
       A.destroy(), v.current(null);
     };
   }, [D, l, c, u, f, k]);
-  const j = {
+  const N = {
     placement: E
   };
-  m !== null && (j.TransitionProps = m);
+  m !== null && (N.TransitionProps = m);
   const M = TR(t), V = (r = g.root) != null ? r : "div", $ = xn({
     elementType: V,
     externalSlotProps: h.root,
@@ -8922,7 +8922,7 @@ const TR = (e) => {
     className: M.root
   });
   return /* @__PURE__ */ y.jsx(V, T({}, $, {
-    children: typeof i == "function" ? i(j) : i
+    children: typeof i == "function" ? i(N) : i
   }));
 }), uv = /* @__PURE__ */ S.forwardRef(function(t, n) {
   const {
@@ -9572,14 +9572,14 @@ const Df = /* @__PURE__ */ S.forwardRef(function(t, n) {
     z.currentTarget === z.target && gm(z) && z.preventDefault(), m && m(z);
   }, I = (z) => {
     z.currentTarget === z.target && (g && gm(z) ? g(z) : z.key === "Escape" && k.current && k.current.blur()), b && b(z);
-  }, j = a !== !1 && h ? !0 : a, M = j || g ? Un : c || "div", V = T({}, r, {
+  }, N = a !== !1 && h ? !0 : a, M = N || g ? Un : c || "div", V = T({}, r, {
     component: M,
     disabled: d,
     size: x,
     color: l,
     iconColor: /* @__PURE__ */ S.isValidElement(f) && f.props.color || l,
     onDelete: !!g,
-    clickable: j,
+    clickable: N,
     variant: w
   }), $ = IR(V), _ = M === Un ? T({
     component: c || "div",
@@ -9605,7 +9605,7 @@ const Df = /* @__PURE__ */ S.forwardRef(function(t, n) {
   })), process.env.NODE_ENV !== "production" && A && F && console.error("MUI: The Chip component can not handle the avatar and the icon prop at the same time. Pick one."), /* @__PURE__ */ y.jsxs(AR, T({
     as: M,
     className: ue($.root, i),
-    disabled: j && d ? !0 : void 0,
+    disabled: N && d ? !0 : void 0,
     onClick: h,
     onKeyDown: D,
     onKeyUp: I,
@@ -9772,9 +9772,9 @@ const dv = /* @__PURE__ */ S.forwardRef(function(t, n) {
 ` && (O.value += " ");
     const E = k.boxSizing, P = Fa(k.paddingBottom) + Fa(k.paddingTop), D = Fa(k.borderBottomWidth) + Fa(k.borderTopWidth), I = O.scrollHeight;
     O.value = "x";
-    const j = O.scrollHeight;
+    const N = O.scrollHeight;
     let M = I;
-    i && (M = Math.max(Number(i) * j, M)), o && (M = Math.min(Number(o) * j, M)), M = Math.max(M, j);
+    i && (M = Math.max(Number(i) * N, M)), o && (M = Math.min(Number(o) * N, M)), M = Math.max(M, N);
     const V = M + (E === "border-box" ? P + D : 0), $ = Math.abs(M - I) <= 1;
     return {
       outerHeightStyle: V,
@@ -10108,7 +10108,7 @@ const bs = Ae("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     onBlur: P,
     onChange: D,
     onClick: I,
-    onFocus: j,
+    onFocus: N,
     onKeyDown: M,
     onKeyUp: V,
     placeholder: $,
@@ -10118,7 +10118,7 @@ const bs = Ae("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     slotProps: F = {},
     slots: z = {},
     startAdornment: B,
-    type: N = "text",
+    type: j = "text",
     value: X
   } = o, Q = te(o, LR), Z = w.value != null ? w.value : X, {
     current: re
@@ -10151,7 +10151,7 @@ const bs = Ae("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
       Le.stopPropagation();
       return;
     }
-    j && j(Le), w.onFocus && w.onFocus(Le), q && q.onFocus ? q.onFocus(Le) : K(!0);
+    N && N(Le), w.onFocus && w.onFocus(Le), q && q.onFocus ? q.onFocus(Le) : K(!0);
   }, Ce = (Le) => {
     P && P(Le), w.onBlur && w.onBlur(Le), q && q.onBlur ? q.onBlur(Le) : K(!1);
   }, ie = (Le, ...de) => {
@@ -10201,7 +10201,7 @@ const bs = Ae("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     multiline: k,
     size: W.size,
     startAdornment: B,
-    type: N
+    type: j
   }), Me = VR(Ne), Pe = z.root || u.Root || uc, et = F.root || d.root || {}, gt = z.input || u.Input || dc;
   return ge = T({}, ge, (r = F.input) != null ? r : d.input), /* @__PURE__ */ y.jsxs(S.Fragment, {
     children: [!h && WR, /* @__PURE__ */ y.jsxs(Pe, T({}, et, !ps(Pe) && {
@@ -10231,7 +10231,7 @@ const bs = Ae("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
           value: Z,
           onKeyDown: M,
           onKeyUp: V,
-          type: N
+          type: j
         }, ge, !ps(gt) && {
           as: he,
           ownerState: T({}, Ne, ge.ownerState)
@@ -10533,7 +10533,7 @@ const oo = T({}, bs, Ae("MuiFilledInput", ["root", "underline", "input"])), qR =
       mode: "enter"
     });
     $.style.webkitTransition = r.transitions.create("opacity", R), $.style.transition = r.transitions.create("opacity", R), d && d($, _);
-  }), D = k(f), I = k(m), j = k(($) => {
+  }), D = k(f), I = k(m), N = k(($) => {
     const _ = Tl({
       style: b,
       timeout: x,
@@ -10552,7 +10552,7 @@ const oo = T({}, bs, Ae("MuiFilledInput", ["root", "underline", "input"])), qR =
     onEnter: P,
     onEntered: D,
     onEntering: E,
-    onExit: j,
+    onExit: N,
     onExited: M,
     onExiting: I,
     addEndListener: V,
@@ -11086,7 +11086,7 @@ const Fr = Ae("MuiBadge", [
     variant: P = "standard"
   } = u, D = te(u, tP), {
     badgeContent: I,
-    invisible: j,
+    invisible: N,
     max: M,
     displayValue: V
   } = QR({
@@ -11100,12 +11100,12 @@ const Fr = Ae("MuiBadge", [
     overlap: b,
     variant: P,
     badgeContent: O
-  }), _ = j || I == null && P !== "dot", {
+  }), _ = N || I == null && P !== "dot", {
     color: R = x,
     overlap: A = b,
     anchorOrigin: F = d,
     variant: z = P
-  } = _ ? $ : u, B = z !== "dot" ? V : void 0, N = T({}, u, {
+  } = _ ? $ : u, B = z !== "dot" ? V : void 0, j = T({}, u, {
     badgeContent: I,
     invisible: _,
     max: M,
@@ -11115,7 +11115,7 @@ const Fr = Ae("MuiBadge", [
     color: R,
     overlap: A,
     variant: z
-  }), X = nP(N), Q = (r = (o = v == null ? void 0 : v.root) != null ? o : h.Root) != null ? r : rP, Z = (i = (a = v == null ? void 0 : v.badge) != null ? a : h.Badge) != null ? i : oP, re = (l = k == null ? void 0 : k.root) != null ? l : g.root, J = (c = k == null ? void 0 : k.badge) != null ? c : g.badge, ce = xn({
+  }), X = nP(j), Q = (r = (o = v == null ? void 0 : v.root) != null ? o : h.Root) != null ? r : rP, Z = (i = (a = v == null ? void 0 : v.badge) != null ? a : h.Badge) != null ? i : oP, re = (l = k == null ? void 0 : k.root) != null ? l : g.root, J = (c = k == null ? void 0 : k.badge) != null ? c : g.badge, ce = xn({
     elementType: Q,
     externalSlotProps: re,
     externalForwardedProps: D,
@@ -11123,12 +11123,12 @@ const Fr = Ae("MuiBadge", [
       ref: n,
       as: p
     },
-    ownerState: N,
+    ownerState: j,
     className: ue(re == null ? void 0 : re.className, X.root, f)
   }), L = xn({
     elementType: Z,
     externalSlotProps: J,
-    ownerState: N,
+    ownerState: j,
     className: ue(X.badge, J == null ? void 0 : J.className)
   });
   return /* @__PURE__ */ y.jsxs(Q, T({}, ce, {
@@ -11943,10 +11943,10 @@ const kP = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked"
     default: !!l,
     name: "SwitchBase",
     state: "checked"
-  }), j = xr(), M = (z) => {
-    w && w(z), j && j.onFocus && j.onFocus(z);
+  }), N = xr(), M = (z) => {
+    w && w(z), N && N.onFocus && N.onFocus(z);
   }, V = (z) => {
-    b && b(z), j && j.onBlur && j.onBlur(z);
+    b && b(z), N && N.onBlur && N.onBlur(z);
   }, $ = (z) => {
     if (z.nativeEvent.defaultPrevented)
       return;
@@ -11954,7 +11954,7 @@ const kP = ["autoFocus", "checked", "checkedIcon", "className", "defaultChecked"
     I(B), x && x(z, B);
   };
   let _ = c;
-  j && typeof _ > "u" && (_ = j.disabled);
+  N && typeof _ > "u" && (_ = N.disabled);
   const R = k === "checkbox" || k === "radio", A = T({}, t, {
     checked: D,
     disabled: _,
@@ -12685,8 +12685,8 @@ function ji(e) {
       let P = [];
       if ((C.activeElement === u.current || C.activeElement === d.current) && (P = i(g.current)), P.length > 0) {
         var D, I;
-        const j = !!((D = b.current) != null && D.shiftKey && ((I = b.current) == null ? void 0 : I.key) === "Tab"), M = P[0], V = P[P.length - 1];
-        typeof M != "string" && typeof V != "string" && (j ? V.focus() : M.focus());
+        const N = !!((D = b.current) != null && D.shiftKey && ((I = b.current) == null ? void 0 : I.key) === "Tab"), M = P[0], V = P[P.length - 1];
+        typeof M != "string" && typeof V != "string" && (N ? V.focus() : M.focus());
       } else
         E.focus();
     };
@@ -12818,7 +12818,7 @@ function lM(e) {
   }, [I]), S.useEffect(() => {
     d ? E() : (!w || !i) && I();
   }, [d, I, w, i, E]);
-  const j = (R) => (A) => {
+  const N = (R) => (A) => {
     var F;
     (F = R.onKeyDown) == null || F.call(R, A), !(A.key !== "Escape" || A.which === 229 || // Wait until IME is settled.
     !P()) && (n || (A.stopPropagation(), u && u(A, "escapeKeyDown")));
@@ -12834,7 +12834,7 @@ function lM(e) {
       return T({
         role: "presentation"
       }, F, {
-        onKeyDown: j(F),
+        onKeyDown: N(F),
         ref: m
       });
     },
@@ -12929,7 +12929,7 @@ const uM = ["BackdropComponent", "BackdropProps", "classes", "className", "close
     disableScrollLock: P = !1,
     hideBackdrop: D = !1,
     keepMounted: I = !1,
-    onBackdropClick: j,
+    onBackdropClick: N,
     open: M,
     slotProps: V,
     slots: $
@@ -12949,7 +12949,7 @@ const uM = ["BackdropComponent", "BackdropProps", "classes", "className", "close
     getBackdropProps: F,
     getTransitionProps: z,
     portalRef: B,
-    isTopModal: N,
+    isTopModal: j,
     exited: X,
     hasTransition: Q
   } = lM(T({}, R, {
@@ -12981,7 +12981,7 @@ const uM = ["BackdropComponent", "BackdropProps", "classes", "className", "close
     additionalProps: f,
     getSlotProps: (G) => F(T({}, G, {
       onClick: (ne) => {
-        j && j(ne), G != null && G.onClick && G.onClick(ne);
+        N && N(ne), G != null && G.onClick && G.onClick(ne);
       }
     })),
     className: ue(K == null ? void 0 : K.className, f == null ? void 0 : f.className, re == null ? void 0 : re.backdrop),
@@ -12996,7 +12996,7 @@ const uM = ["BackdropComponent", "BackdropProps", "classes", "className", "close
         disableEnforceFocus: O,
         disableAutoFocus: C,
         disableRestoreFocus: E,
-        isEnabled: N,
+        isEnabled: j,
         open: M,
         children: /* @__PURE__ */ S.cloneElement(g, J)
       })]
@@ -13338,13 +13338,13 @@ const mM = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     TransitionComponent: E = Jr,
     transitionDuration: P = i,
     TransitionProps: D
-  } = r, I = te(r, mM), j = T({}, r, {
+  } = r, I = te(r, mM), N = T({}, r, {
     disableEscapeKeyDown: p,
     fullScreen: h,
     fullWidth: g,
     maxWidth: m,
     scroll: k
-  }), M = yM(j), V = S.useRef(), $ = (F) => {
+  }), M = yM(N), V = S.useRef(), $ = (F) => {
     V.current = F.target === F.currentTarget;
   }, _ = (F) => {
     x && x(F), V.current && (V.current = null, b && b(F), w && w(F, "backdropClick"));
@@ -13368,7 +13368,7 @@ const mM = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     open: C,
     ref: n,
     onClick: _,
-    ownerState: j
+    ownerState: N
   }, I, {
     children: /* @__PURE__ */ y.jsx(E, T({
       appear: !0,
@@ -13379,7 +13379,7 @@ const mM = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
       children: /* @__PURE__ */ y.jsx(vM, {
         className: ue(M.container),
         onMouseDown: $,
-        ownerState: j,
+        ownerState: N,
         children: /* @__PURE__ */ y.jsx(xM, T({
           as: O,
           elevation: 24,
@@ -13388,7 +13388,7 @@ const mM = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
           "aria-labelledby": R
         }, v, {
           className: ue(M.paper, v.className),
-          ownerState: j,
+          ownerState: N,
           children: /* @__PURE__ */ y.jsx(vv.Provider, {
             value: A,
             children: d
@@ -14399,10 +14399,10 @@ const LM = ["children", "className", "color", "component", "disabled", "error",
   }), [P, D] = S.useState(!1);
   c && P && D(!1);
   const I = d !== void 0 && !c ? d : P;
-  let j;
+  let N;
   if (process.env.NODE_ENV !== "production") {
     const V = S.useRef(!1);
-    j = () => (V.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
+    N = () => (V.current && console.error(["MUI: There are multiple `InputBase` components inside a FormControl.", "This creates visual inconsistencies, only use one `InputBase`."].join(`
 `)), V.current = !0, () => {
       V.current = !1;
     });
@@ -14430,10 +14430,10 @@ const LM = ["children", "className", "color", "component", "disabled", "error",
     onFocus: () => {
       D(!0);
     },
-    registerEffect: j,
+    registerEffect: N,
     required: g,
     variant: b
-  }), [O, a, c, u, k, I, f, p, j, g, m, b]);
+  }), [O, a, c, u, k, I, f, p, N, g, m, b]);
   return /* @__PURE__ */ y.jsx(da.Provider, {
     value: M,
     children: /* @__PURE__ */ y.jsx(WM, T({
@@ -15381,7 +15381,7 @@ const fD = {
       delay: F,
       easing: z
     })].join(","), c && c(_, R);
-  }), I = E(u), j = E(h), M = E((_) => {
+  }), I = E(u), N = E(h), M = E((_) => {
     const {
       duration: R,
       delay: A,
@@ -15414,7 +15414,7 @@ const fD = {
     onEntering: P,
     onExit: M,
     onExited: V,
-    onExiting: j,
+    onExiting: N,
     addEndListener: $,
     timeout: m === "auto" ? null : m
   }, x, {
@@ -16459,7 +16459,7 @@ const $D = ["className"], _D = ["alignItems", "autoFocus", "button", "children",
     selected: v = !1,
     slotProps: k = {},
     slots: E = {}
-  } = r, P = te(r.ContainerProps, $D), D = te(r, _D), I = S.useContext(ss), j = S.useMemo(() => ({
+  } = r, P = te(r.ContainerProps, $D), D = te(r, _D), I = S.useContext(ss), N = S.useMemo(() => ({
     dense: g || I.dense || !1,
     alignItems: o,
     disableGutters: b
@@ -16471,7 +16471,7 @@ const $D = ["className"], _D = ["alignItems", "autoFocus", "button", "children",
     alignItems: o,
     autoFocus: i,
     button: a,
-    dense: j.dense,
+    dense: N.dense,
     disabled: m,
     disableGutters: b,
     disablePadding: x,
@@ -16482,9 +16482,9 @@ const $D = ["className"], _D = ["alignItems", "autoFocus", "button", "children",
     className: ue(R.root, z.className, c),
     disabled: m
   }, D);
-  let N = u || "li";
-  return a && (B.component = u || "div", B.focusVisibleClassName = ue(Uo.focusVisible, C), N = Un), $ ? (N = !B.component && !u ? "div" : N, p === "li" && (N === "li" ? N = "div" : B.component === "li" && (B.component = "div")), /* @__PURE__ */ y.jsx(ss.Provider, {
-    value: j,
+  let j = u || "li";
+  return a && (B.component = u || "div", B.focusVisibleClassName = ue(Uo.focusVisible, C), j = Un), $ ? (j = !B.component && !u ? "div" : j, p === "li" && (j === "li" ? j = "div" : B.component === "li" && (B.component = "div")), /* @__PURE__ */ y.jsx(ss.Provider, {
+    value: N,
     children: /* @__PURE__ */ y.jsxs(VD, T({
       as: p,
       className: ue(R.container, h),
@@ -16492,16 +16492,16 @@ const $D = ["className"], _D = ["alignItems", "autoFocus", "button", "children",
       ownerState: _
     }, P, {
       children: [/* @__PURE__ */ y.jsx(F, T({}, z, !ps(F) && {
-        as: N,
+        as: j,
         ownerState: T({}, _, z.ownerState)
       }, B, {
         children: V
       })), V.pop()]
     }))
   })) : /* @__PURE__ */ y.jsx(ss.Provider, {
-    value: j,
+    value: N,
     children: /* @__PURE__ */ y.jsxs(F, T({}, z, {
-      as: N,
+      as: j,
       ref: A
     }, !ps(F) && {
       ownerState: T({}, _, z.ownerState)
@@ -16898,7 +16898,7 @@ const YD = (e) => {
       onEntering: P
     } = {},
     disableScrollLock: D = !1
-  } = a, I = te(a.TransitionProps, UD), j = te(a, HD), M = (r = O == null ? void 0 : O.paper) != null ? r : w, V = S.useRef(), $ = Wt(V, M.ref), _ = T({}, a, {
+  } = a, I = te(a.TransitionProps, UD), N = te(a, HD), M = (r = O == null ? void 0 : O.paper) != null ? r : w, V = S.useRef(), $ = Wt(V, M.ref), _ = T({}, a, {
     anchorOrigin: u,
     anchorReference: f,
     elevation: m,
@@ -16958,18 +16958,18 @@ const YD = (e) => {
       left: `${Math.round(ie)}px`,
       transformOrigin: Im(oe)
     };
-  }, [c, f, A, F, b]), [B, N] = S.useState(x), X = S.useCallback(() => {
+  }, [c, f, A, F, b]), [B, j] = S.useState(x), X = S.useCallback(() => {
     const G = V.current;
     if (!G)
       return;
     const ne = z(G);
-    ne.top !== null && (G.style.top = ne.top), ne.left !== null && (G.style.left = ne.left), G.style.transformOrigin = ne.transformOrigin, N(!0);
+    ne.top !== null && (G.style.top = ne.top), ne.left !== null && (G.style.left = ne.left), G.style.transformOrigin = ne.transformOrigin, j(!0);
   }, [z]);
   S.useEffect(() => (D && window.addEventListener("scroll", X), () => window.removeEventListener("scroll", X)), [c, D, X]);
   const Q = (G, ne) => {
     P && P(G, ne), X();
   }, Z = () => {
-    N(!1);
+    j(!1);
   };
   S.useEffect(() => {
     x && X();
@@ -17005,7 +17005,7 @@ const YD = (e) => {
   }), K = xn({
     elementType: ce,
     externalSlotProps: (O == null ? void 0 : O.root) || {},
-    externalForwardedProps: j,
+    externalForwardedProps: N,
     additionalProps: {
       ref: n,
       slotProps: {
@@ -17288,7 +17288,7 @@ const XD = ["onEntering"], ZD = ["autoFocus", "children", "className", "disableA
     transitionDuration: m,
     TransitionProps: O,
     variant: x
-  }), P = e3(E), D = a && !u && p, I = S.useRef(null), j = (F, z) => {
+  }), P = e3(E), D = a && !u && p, I = S.useRef(null), N = (F, z) => {
     I.current && I.current.adjustStyleForScrollbar(F, {
       direction: k ? "rtl" : "ltr"
     }), b && b(F, z);
@@ -17330,7 +17330,7 @@ const XD = ["onEntering"], ZD = ["autoFocus", "children", "className", "disableA
     ref: n,
     transitionDuration: m,
     TransitionProps: T({
-      onEntering: j
+      onEntering: N
     }, O),
     ownerState: E
   }, v, {
@@ -18111,9 +18111,9 @@ function v3(e = {}) {
   }), b = (D, I) => {
     u || m(I), c && c(D, I);
   }, x = (D, I) => {
-    const j = I - D + 1;
+    const N = I - D + 1;
     return Array.from({
-      length: j
+      length: N
     }, (M, V) => D + V);
   }, w = x(1, Math.min(t, r)), C = x(Math.max(r - t + 1, t + 1), r), O = Math.max(
     Math.min(
@@ -18841,7 +18841,7 @@ const _3 = (e) => {
     onFocus: P,
     onOpen: D,
     open: I,
-    readOnly: j,
+    readOnly: N,
     renderValue: M,
     SelectDisplayProps: V = {},
     tabIndex: $,
@@ -18851,7 +18851,7 @@ const _3 = (e) => {
     controlled: _,
     default: f,
     name: "Select"
-  }), [B, N] = fs({
+  }), [B, j] = fs({
     controlled: I,
     default: d,
     name: "Select"
@@ -18884,7 +18884,7 @@ const _3 = (e) => {
     }
   }, [x]);
   const W = (ye, ae) => {
-    ye ? D && D(ae) : E && E(ae), J || (L(l ? null : q.clientWidth), N(ye));
+    ye ? D && D(ae) : E && E(ae), J || (L(l ? null : q.clientWidth), j(ye));
   }, G = (ye) => {
     ye.button === 0 && (ye.preventDefault(), Q.current.focus(), W(!0, ye));
   }, ne = (ye) => {
@@ -18914,7 +18914,7 @@ const _3 = (e) => {
       C || W(!1, ae);
     }
   }, ie = (ye) => {
-    j || [
+    N || [
       " ",
       "ArrowUp",
       "ArrowDown",
@@ -18994,7 +18994,7 @@ const _3 = (e) => {
       "aria-labelledby": [x, de].filter(Boolean).join(" ") || void 0,
       "aria-describedby": o,
       onKeyDown: ie,
-      onMouseDown: p || j ? null : G,
+      onMouseDown: p || N ? null : G,
       onBlur: he,
       onFocus: P
     }, V, {
@@ -19236,9 +19236,9 @@ const F3 = ["autoWidth", "children", "classes", "className", "defaultOpen", "dis
     renderValue: k,
     SelectDisplayProps: E,
     variant: P = "outlined"
-  } = r, D = te(r, F3), I = w ? Pv : jv, j = xr(), M = As({
+  } = r, D = te(r, F3), I = w ? Pv : jv, N = xr(), M = As({
     props: r,
-    muiFormControl: j,
+    muiFormControl: N,
     states: ["variant", "error"]
   }), V = M.variant || P, $ = T({}, r, {
     variant: V,
@@ -19832,7 +19832,7 @@ const Nv = /* @__PURE__ */ S.forwardRef(function(t, n) {
     children: P,
     components: D = {},
     componentsProps: I = {},
-    describeChild: j = !1,
+    describeChild: N = !1,
     disableFocusListener: M = !1,
     disableHoverListener: V = !1,
     disableInteractive: $ = !1,
@@ -19842,7 +19842,7 @@ const Nv = /* @__PURE__ */ S.forwardRef(function(t, n) {
     enterTouchDelay: F = 700,
     followCursor: z = !1,
     id: B,
-    leaveDelay: N = 0,
+    leaveDelay: j = 0,
     leaveTouchDelay: X = 1500,
     onClose: Q,
     onOpen: Z,
@@ -19884,7 +19884,7 @@ const Nv = /* @__PURE__ */ S.forwardRef(function(t, n) {
      * @param {React.SyntheticEvent | Event} event
      */
     (Re) => {
-      Um.start(800 + N, () => {
+      Um.start(800 + j, () => {
         La = !1;
       }), de(!1), Q && Oe && Q(Re), Me.start(le.transitions.duration.shortest, () => {
         _e.current = !1;
@@ -19895,7 +19895,7 @@ const Nv = /* @__PURE__ */ S.forwardRef(function(t, n) {
       ye(Re);
     }) : ye(Re));
   }, be = (Re) => {
-    Pe.clear(), et.start(N, () => {
+    Pe.clear(), et.start(j, () => {
       ae(Re);
     });
   }, {
@@ -19939,7 +19939,7 @@ const Nv = /* @__PURE__ */ S.forwardRef(function(t, n) {
       y: Re.clientY
     }, Ut.current && Ut.current.update();
   }, Dn = {}, rr = typeof q == "string";
-  j ? (Dn.title = !Oe && rr && !V ? q : null, Dn["aria-describedby"] = Oe ? Ve : null) : (Dn["aria-label"] = rr ? q : null, Dn["aria-labelledby"] = Oe && !rr ? Ve : null);
+  N ? (Dn.title = !Oe && rr && !V ? q : null, Dn["aria-describedby"] = Oe ? Ve : null) : (Dn["aria-label"] = rr ? q : null, Dn["aria-labelledby"] = Oe && !rr ? Ve : null);
   const fn = T({}, Dn, ne, oe.props, {
     className: ue(ne.className, oe.props.className),
     onTouchStart: Et,
@@ -21704,7 +21704,7 @@ const Hv = /* @__PURE__ */ S.forwardRef(function(t, n) {
     textColor: P = "primary",
     value: D,
     variant: I = "standard",
-    visibleScrollbar: j = !1
+    visibleScrollbar: N = !1
   } = r, M = te(r, J5), V = I === "scrollable", $ = b === "vertical", _ = $ ? "scrollTop" : "scrollLeft", R = $ ? "top" : "left", A = $ ? "bottom" : "right", F = $ ? "clientHeight" : "clientWidth", z = $ ? "height" : "width", B = T({}, r, {
     component: p,
     allowScrollButtonsMobile: h,
@@ -21714,14 +21714,14 @@ const Hv = /* @__PURE__ */ S.forwardRef(function(t, n) {
     scrollButtons: w,
     textColor: P,
     variant: I,
-    visibleScrollbar: j,
+    visibleScrollbar: N,
     fixed: !V,
-    hideScrollbar: V && !j,
+    hideScrollbar: V && !N,
     scrollableX: V && !$,
     scrollableY: V && $,
     centered: u && !V,
     scrollButtonsHideMobile: !h
-  }), N = Q5(B), X = xn({
+  }), j = Q5(B), X = xn({
     elementType: O.StartScrollButtonIcon,
     externalSlotProps: v.startScrollButtonIcon,
     ownerState: B
@@ -21824,7 +21824,7 @@ const Hv = /* @__PURE__ */ S.forwardRef(function(t, n) {
     const ae = {};
     ae.scrollbarSizeListener = V ? /* @__PURE__ */ y.jsx(oI, {
       onChange: et,
-      className: ue(N.scrollableX, N.hideScrollbar)
+      className: ue(j.scrollableX, j.hideScrollbar)
     }) : null;
     const be = V && (w === "auto" && (L || K) || w === !0);
     return ae.scrollButtonStart = be ? /* @__PURE__ */ y.jsx(x, T({
@@ -21839,7 +21839,7 @@ const Hv = /* @__PURE__ */ S.forwardRef(function(t, n) {
       onClick: Me,
       disabled: !L
     }, E, {
-      className: ue(N.scrollButtons, E.className)
+      className: ue(j.scrollButtons, E.className)
     })) : null, ae.scrollButtonEnd = be ? /* @__PURE__ */ y.jsx(x, T({
       slots: {
         EndScrollButtonIcon: O.EndScrollButtonIcon
@@ -21852,7 +21852,7 @@ const Hv = /* @__PURE__ */ S.forwardRef(function(t, n) {
       onClick: Pe,
       disabled: !K
     }, E, {
-      className: ue(N.scrollButtons, E.className)
+      className: ue(j.scrollButtons, E.className)
     })) : null, ae;
   }, Le = On((ae) => {
     const {
@@ -21929,7 +21929,7 @@ const Hv = /* @__PURE__ */ S.forwardRef(function(t, n) {
     updateScrollButtons: de
   }), [he, de]);
   const Oe = /* @__PURE__ */ y.jsx(rI, T({}, k, {
-    className: ue(N.indicator, k.className),
+    className: ue(j.indicator, k.className),
     ownerState: B,
     style: T({}, J, k.style)
   }));
@@ -21974,24 +21974,24 @@ const Hv = /* @__PURE__ */ S.forwardRef(function(t, n) {
     }
   }, ye = gt();
   return /* @__PURE__ */ y.jsxs(eI, T({
-    className: ue(N.root, f),
+    className: ue(j.root, f),
     ownerState: B,
     ref: n,
     as: p
   }, M, {
     children: [ye.scrollButtonStart, ye.scrollbarSizeListener, /* @__PURE__ */ y.jsxs(tI, {
-      className: N.scroller,
+      className: j.scroller,
       ownerState: B,
       style: {
         overflow: ne.overflow,
-        [$ ? `margin${i ? "Left" : "Right"}` : "marginBottom"]: j ? void 0 : -ne.scrollbarWidth
+        [$ ? `margin${i ? "Left" : "Right"}` : "marginBottom"]: N ? void 0 : -ne.scrollbarWidth
       },
       ref: Ce,
       children: [/* @__PURE__ */ y.jsx(nI, {
         "aria-label": a,
         "aria-labelledby": l,
         "aria-orientation": b === "vertical" ? "vertical" : null,
-        className: N.flexContainer,
+        className: j.flexContainer,
         ownerState: B,
         onKeyDown: rt,
         ref: ie,
@@ -22197,7 +22197,7 @@ const iI = ["autoComplete", "autoFocus", "children", "className", "color", "defa
     name: P,
     onBlur: D,
     onChange: I,
-    onFocus: j,
+    onFocus: N,
     placeholder: M,
     required: V = !1,
     rows: $,
@@ -22206,7 +22206,7 @@ const iI = ["autoComplete", "autoFocus", "children", "className", "color", "defa
     type: A,
     value: F,
     variant: z = "outlined"
-  } = r, B = te(r, iI), N = T({}, r, {
+  } = r, B = te(r, iI), j = T({}, r, {
     autoFocus: i,
     color: c,
     disabled: d,
@@ -22216,7 +22216,7 @@ const iI = ["autoComplete", "autoFocus", "children", "className", "color", "defa
     required: V,
     select: _,
     variant: z
-  }), X = lI(N);
+  }), X = lI(j);
   process.env.NODE_ENV !== "production" && _ && !a && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
   const Q = {};
   z === "outlined" && (b && typeof b.shrink < "u" && (Q.notched = b.shrink), Q.label = O), _ && ((!R || !R.native) && (Q.id = void 0), Q["aria-describedby"] = void 0);
@@ -22237,7 +22237,7 @@ const iI = ["autoComplete", "autoFocus", "children", "className", "color", "defa
     inputRef: C,
     onBlur: D,
     onChange: I,
-    onFocus: j,
+    onFocus: N,
     placeholder: M,
     inputProps: x
   }, Q, w));
@@ -22250,7 +22250,7 @@ const iI = ["autoComplete", "autoFocus", "children", "className", "color", "defa
     required: V,
     color: c,
     variant: z,
-    ownerState: N
+    ownerState: j
   }, B, {
     children: [O != null && O !== "" && /* @__PURE__ */ y.jsx(_f, T({
       htmlFor: Z,
@@ -25483,24 +25483,24 @@ function WN(e) {
       x === c && w.isActive && !k && O || // If we removed a higher-priority variant (i is in reverse order)
       b > g && O, D = !1;
       const I = Array.isArray(C) ? C : [C];
-      let j = I.reduce(o(x), {});
-      v === !1 && (j = {});
+      let N = I.reduce(o(x), {});
+      v === !1 && (N = {});
       const { prevResolvedValues: M = {} } = w, V = {
         ...M,
-        ...j
+        ...N
       }, $ = (A) => {
         P = !0, p.has(A) && (D = !0, p.delete(A)), w.needsAnimating[A] = !0;
         const F = e.getValue(A);
         F && (F.liveStyle = !1);
       };
       for (const A in V) {
-        const F = j[A], z = M[A];
+        const F = N[A], z = M[A];
         if (h.hasOwnProperty(A))
           continue;
         let B = !1;
         fd(F) && fd(z) ? B = !Z1(F, z) : B = F !== z, B ? F != null ? $(A) : p.add(A) : F !== void 0 && p.has(A) ? $(A) : w.protectedKeys[A] = !0;
       }
-      w.prevProp = C, w.prevResolvedValues = j, w.isActive && (h = { ...h, ...j }), r && e.blockInitialAnimation && (P = !1), P && (!(k && E) || D) && f.push(...I.map((A) => ({
+      w.prevProp = C, w.prevResolvedValues = N, w.isActive && (h = { ...h, ...N }), r && e.blockInitialAnimation && (P = !1), P && (!(k && E) || D) && f.push(...I.map((A) => ({
         animation: A,
         options: { type: x }
       })));
@@ -29315,7 +29315,7 @@ function X9(e) {
       var A, F;
       (A = w.current) != null && A.contains(nn(document)) || (F = c.current) != null && F.contains(nn(document)) || d();
     }) : d();
-  }), [v, k, E] = G9(l, O), P = S.useRef(null), D = wn(P, c), I = wn(D, v), j = (A) => {
+  }), [v, k, E] = G9(l, O), P = S.useRef(null), D = wn(P, c), I = wn(D, v), N = (A) => {
     A.key === "Escape" && (A.stopPropagation(), d());
   }, M = (o == null ? void 0 : o.desktopTransition) ?? u ? Jr : vs, V = (o == null ? void 0 : o.desktopTrapFocus) ?? ji, $ = (o == null ? void 0 : o.desktopPaper) ?? q9, _ = (o == null ? void 0 : o.popper) ?? H9, R = dt({
     elementType: _,
@@ -29326,7 +29326,7 @@ function X9(e) {
       open: l,
       placement: r,
       anchorEl: h,
-      onKeyDown: j
+      onKeyDown: N
     },
     className: b.root,
     ownerState: C
@@ -29343,8 +29343,8 @@ function X9(e) {
     }, i == null ? void 0 : i.desktopTrapFocus, {
       children: /* @__PURE__ */ y.jsx(M, T({}, A, i == null ? void 0 : i.desktopTransition, {
         onExited: (F) => {
-          var z, B, N;
-          p == null || p(), (B = (z = i == null ? void 0 : i.desktopTransition) == null ? void 0 : z.onExited) == null || B.call(z, F), (N = A == null ? void 0 : A.onExited) == null || N.call(A);
+          var z, B, j;
+          p == null || p(), (B = (z = i == null ? void 0 : i.desktopTransition) == null ? void 0 : z.onExited) == null || B.call(z, F), (j = A == null ? void 0 : A.onExited) == null || j.call(A);
         },
         children: /* @__PURE__ */ y.jsx(K9, {
           PaperComponent: $,
@@ -29432,20 +29432,20 @@ function V2({
     (u.current && u.current !== n || d.current && d.current.some((D) => !o.includes(D))) && (h(o.includes(n) ? n : o[0]), d.current = o, u.current = n);
   }, [n, h, p, o]);
   const w = o.indexOf(p), C = o[w - 1] ?? null, O = o[w + 1] ?? null, v = Te((D, I) => {
-    b(I ? D : (j) => D === j ? null : j), l == null || l(D, I);
+    b(I ? D : (N) => D === N ? null : N), l == null || l(D, I);
   }), k = Te((D) => {
     v(D, !0), D !== p && (h(D), t && t(D));
   }), E = Te(() => {
     O && k(O);
-  }), P = Te((D, I, j) => {
-    const M = I === "finish", V = j ? (
+  }), P = Te((D, I, N) => {
+    const M = I === "finish", V = N ? (
       // handles case like `DateTimePicker`, where a view might return a `finish` selection state
       // but when it's not the final view given all `views` -> overall selection state should be `partial`.
-      o.indexOf(j) < o.length - 1
+      o.indexOf(N) < o.length - 1
     ) : !!O;
-    e(D, M && V ? "partial" : I, j);
+    e(D, M && V ? "partial" : I, N);
     let _ = null;
-    if (j != null && j !== p ? _ = j : M && (_ = p), _ == null)
+    if (N != null && N !== p ? _ = N : M && (_ = p), _ == null)
       return;
     const R = o[o.indexOf(_) + 1];
     R == null || !x.areViewsInSameStep(_, R) || k(R);
@@ -29577,10 +29577,10 @@ function t4(e) {
       lastCommittedValue: B ? C : Q.lastCommittedValue,
       hasBeenModifiedSinceMount: !0
     }));
-    let N = null;
-    const X = () => (N || (N = {
+    let j = null;
+    const X = () => (j || (j = {
       validationError: R ?? E(M)
-    }, A && (N.shortcut = A)), N);
+    }, A && (j.shortcut = A)), j);
     z && O(M, X()), B && u && u(M, X()), F && P(!1);
   });
   C !== v.lastExternalValue && k((M) => T({}, M, {
@@ -29609,7 +29609,7 @@ function t4(e) {
       }));
     }
   }, [b, f]);
-  const j = S.useMemo(() => n.cleanValue(x, v.clockShallowValue === void 0 ? C : v.clockShallowValue), [x, n, v.clockShallowValue, C]);
+  const N = S.useMemo(() => n.cleanValue(x, v.clockShallowValue === void 0 ? C : v.clockShallowValue), [x, n, v.clockShallowValue, C]);
   return {
     timezone: w,
     state: v,
@@ -29617,7 +29617,7 @@ function t4(e) {
     setValueFromView: I,
     setOpen: P,
     value: C,
-    viewValue: j
+    viewValue: N
   };
 }
 const n4 = ["className", "sx"], W2 = ({
@@ -29653,7 +29653,7 @@ const n4 = ["className", "sx"], W2 = ({
     enableAccessibleFieldDOMStructure: P,
     selectedSections: D,
     onSelectedSectionsChange: I,
-    format: j,
+    format: N,
     label: M,
     // Other props
     autoFocus: V,
@@ -29661,7 +29661,7 @@ const n4 = ["className", "sx"], W2 = ({
   } = t, {
     className: _,
     sx: R
-  } = t, A = te(t, n4), F = Pc(), z = kt(), B = Io(), N = B2(x), X = e4(p, w), {
+  } = t, A = te(t, n4), F = Pc(), z = kt(), B = Io(), j = B2(x), X = e4(p, w), {
     current: Q
   } = S.useRef(g ?? null), [Z, re] = S.useState(null), J = S.useRef(null), ce = S.useRef(null), L = S.useRef(null), H = wn(e, L), {
     timezone: K,
@@ -29751,17 +29751,17 @@ const n4 = ["className", "sx"], W2 = ({
     variant: o,
     orientation: X,
     popupRef: J,
-    reduceAnimations: N,
+    reduceAnimations: j,
     triggerRef: re,
     triggerStatus: xe,
     hasNextStep: Me,
-    fieldFormat: j ?? "",
+    fieldFormat: N ?? "",
     name: $,
     label: M,
     rootSx: R,
     rootRef: H,
     rootClassName: _
-  }), [Je, oe, H, o, X, N, v, k, j, _, $, M, R, xe, Me, K, q.open, fe, p, Q, V]), sn = S.useMemo(() => ({
+  }), [Je, oe, H, o, X, j, v, k, N, _, $, M, R, xe, Me, K, q.open, fe, p, Q, V]), sn = S.useMemo(() => ({
     dismissViews: Oe,
     ownerState: ke,
     hasUIView: Ve,
@@ -30675,15 +30675,15 @@ const $c = /* @__PURE__ */ S.forwardRef(function(t, n) {
     onFocus: P,
     onBlur: D,
     classes: I,
-    ownerState: j
+    ownerState: N
   } = r, M = te(r, E4), V = jc(), $ = S.useRef(null), _ = S.useRef(null), R = S.useRef([]), A = wn(n, $), F = wn(v == null ? void 0 : v.ref, k), z = xr();
   if (!z)
     throw new Error("MUI X: PickersInputBase should always be used inside a PickersTextField component");
-  const B = j ?? V, N = (K) => {
+  const B = N ?? V, j = (K) => {
     var q;
     (q = z.onFocus) == null || q.call(z, K), P == null || P(K);
   }, X = (K) => {
-    N(K);
+    j(K);
   }, Q = (K) => {
     var q, W;
     if (w == null || w(K), K.key === "Enter" && !K.defaultMuiPrevented) {
@@ -30729,7 +30729,7 @@ const $c = /* @__PURE__ */ S.forwardRef(function(t, n) {
       contentEditable: g,
       tabIndex: m,
       className: re.sectionsContainer,
-      onFocus: N,
+      onFocus: j,
       onBlur: Z,
       onInput: b,
       onPaste: x,
@@ -31663,7 +31663,7 @@ const e_ = ["onFocus", "onBlur", "className", "classes", "color", "disabled", "e
     endAdornment: P,
     startAdornment: D,
     tabIndex: I,
-    contentEditable: j,
+    contentEditable: N,
     focused: M,
     value: V,
     onChange: $,
@@ -31675,7 +31675,7 @@ const e_ = ["onFocus", "onBlur", "className", "classes", "color", "disabled", "e
     FormHelperTextProps: z,
     // Props used by InputLabel
     label: B,
-    InputLabelProps: N,
+    InputLabelProps: j,
     // @ts-ignore
     "data-active-range-position": X
   } = r, Q = te(r, e_), Z = S.useRef(null), re = wn(n, Z), J = Pc(R), ce = F && J ? `${J}-helper-text` : void 0, L = B && J ? `${J}-label` : void 0, H = Np({
@@ -31710,7 +31710,7 @@ const e_ = ["onFocus", "onBlur", "className", "classes", "color", "disabled", "e
       children: [B != null && B !== "" && /* @__PURE__ */ y.jsx(_f, T({
         htmlFor: J,
         id: L
-      }, N, {
+      }, j, {
         children: B
       })), /* @__PURE__ */ y.jsx(W, T({
         elements: x,
@@ -31725,7 +31725,7 @@ const e_ = ["onFocus", "onBlur", "className", "classes", "color", "disabled", "e
         endAdornment: P,
         startAdornment: D,
         tabIndex: I,
-        contentEditable: j,
+        contentEditable: N,
         value: V,
         onChange: $,
         id: J,
@@ -31938,8 +31938,8 @@ function p_(e) {
     openPickerAriaLabel: f,
     clearButtonPosition: p = "end",
     openPickerButtonPosition: h = "end"
-  } = f_(r), g = Np(c), m = Te((N) => {
-    N.preventDefault(), a == null || a.setOpen((X) => !X);
+  } = f_(r), g = Np(c), m = Te((j) => {
+    j.preventDefault(), a == null || a.setOpen((X) => !X);
   }), b = a ? a.triggerStatus : "hidden", x = d ? p : null, w = b !== "hidden" ? h : null, C = (t == null ? void 0 : t.textField) ?? l.slots.textField ?? (r.enableAccessibleFieldDOMStructure === !1 ? Cc : Lp), O = (t == null ? void 0 : t.inputAdornment) ?? l.slots.inputAdornment ?? $i, v = dt({
     elementType: O,
     externalSlotProps: dl(l.slotProps.inputAdornment, n == null ? void 0 : n.inputAdornment),
@@ -31971,7 +31971,7 @@ function p_(e) {
       )
     },
     ownerState: g
-  }), j = te(I, c_), M = l.slots.openPickerIcon ?? o, V = dt({
+  }), N = te(I, c_), M = l.slots.openPickerIcon ?? o, V = dt({
     elementType: M,
     externalSlotProps: l.slotProps.openPickerIcon,
     ownerState: g
@@ -31999,7 +31999,7 @@ function p_(e) {
     ownerState: g
   });
   return c.ref = wn(c.ref, a == null ? void 0 : a.rootRef), c.InputProps || (c.InputProps = {}), a && (c.InputProps.ref = a.triggerRef), !((z = c.InputProps) != null && z.startAdornment) && (x === "start" || w === "start") && (c.InputProps.startAdornment = /* @__PURE__ */ y.jsxs(O, T({}, k, {
-    children: [w === "start" && /* @__PURE__ */ y.jsx(D, T({}, j, {
+    children: [w === "start" && /* @__PURE__ */ y.jsx(D, T({}, N, {
       children: /* @__PURE__ */ y.jsx(M, T({}, V))
     })), x === "start" && /* @__PURE__ */ y.jsx($, T({}, R, {
       children: /* @__PURE__ */ y.jsx(A, T({}, F))
@@ -32007,7 +32007,7 @@ function p_(e) {
   }))), !((B = c.InputProps) != null && B.endAdornment) && (x === "end" || w === "end") && (c.InputProps.endAdornment = /* @__PURE__ */ y.jsxs(O, T({}, P, {
     children: [x === "end" && /* @__PURE__ */ y.jsx($, T({}, R, {
       children: /* @__PURE__ */ y.jsx(A, T({}, F))
-    })), w === "end" && /* @__PURE__ */ y.jsx(D, T({}, j, {
+    })), w === "end" && /* @__PURE__ */ y.jsx(D, T({}, N, {
       children: /* @__PURE__ */ y.jsx(M, T({}, V))
     }))]
   }))), x != null && (c.sx = [{
@@ -32357,7 +32357,7 @@ const m_ = ["props", "steps"], g_ = ["ownerState"], y_ = (e) => {
     timezone: P,
     value: k,
     onError: u.onError
-  }), j = S.useMemo(() => v !== void 0 ? v : I, [I, v]), M = S.useMemo(() => e9(t), [t]), V = S.useMemo(() => s9(t, M, P), [t, M, P]), $ = S.useCallback((ie) => c.getSectionsFromValue(ie, (we) => $g({
+  }), N = S.useMemo(() => v !== void 0 ? v : I, [I, v]), M = S.useMemo(() => e9(t), [t]), V = S.useMemo(() => s9(t, M, P), [t, M, P]), $ = S.useCallback((ie) => c.getSectionsFromValue(ie, (we) => $g({
     utils: t,
     localeText: n,
     localizedDigits: M,
@@ -32398,7 +32398,7 @@ const m_ = ["props", "steps"], g_ = ["ownerState"], y_ = (e) => {
     state: "selectedSections"
   }), z = (ie) => {
     F(ie), x == null || x(ie);
-  }, B = S.useMemo(() => Pd(A, _.sections), [A, _.sections]), N = B === "all" ? 0 : B, X = S.useMemo(() => l9(_.sections, o && !O), [_.sections, o, O]), Q = S.useMemo(() => _.sections.every((ie) => ie.value === ""), [_.sections]), Z = (ie) => {
+  }, B = S.useMemo(() => Pd(A, _.sections), [A, _.sections]), j = B === "all" ? 0 : B, X = S.useMemo(() => l9(_.sections, o && !O), [_.sections, o, O]), Q = S.useMemo(() => _.sections.every((ie) => ie.value === ""), [_.sections]), Z = (ie) => {
     const we = {
       validationError: i({
         adapter: r,
@@ -32415,8 +32415,8 @@ const m_ = ["props", "steps"], g_ = ["ownerState"], y_ = (e) => {
       modified: !0
     }), he;
   }, J = S.useRef(null), ce = is(), L = (ie) => {
-    N != null && (J.current = {
-      sectionIndex: N,
+    j != null && (J.current = {
+      sectionIndex: j,
       value: ie
     }, ce.start(0, () => {
       J.current = null;
@@ -32432,11 +32432,11 @@ const m_ = ["props", "steps"], g_ = ["ownerState"], y_ = (e) => {
       characterQuery: null
     })), Z(l.emptyValue));
   }, K = () => {
-    if (N == null)
+    if (j == null)
       return;
-    const ie = _.sections[N];
+    const ie = _.sections[j];
     ie.value !== "" && (L(""), c.getDateFromSection(k, ie) === null ? R((we) => T({}, we, {
-      sections: re(N, ""),
+      sections: re(j, ""),
       tempValueStrAndroid: null,
       characterQuery: null
     })) : (R((we) => T({}, we, {
@@ -32468,8 +32468,8 @@ const m_ = ["props", "steps"], g_ = ["ownerState"], y_ = (e) => {
   }) => {
     ce.clear(), W.clear();
     const ge = c.getDateFromSection(k, ie);
-    he && N < _.sections.length - 1 && z(N + 1);
-    const _e = re(N, we), Ne = c.getDateSectionsFromValue(_e, ie), Me = n9(t, Ne, M);
+    he && j < _.sections.length - 1 && z(j + 1);
+    const _e = re(j, we), Ne = c.getDateSectionsFromValue(_e, ie), Me = n9(t, Ne, M);
     if (t.isValid(Me)) {
       const Pe = Ng(t, Me, Ne, c.getDateFromSection(_.referenceValue, ie), !0);
       return ge == null && W.start(0, () => {
@@ -32517,18 +32517,18 @@ const m_ = ["props", "steps"], g_ = ["ownerState"], y_ = (e) => {
       characterQuery: null
     }));
   }
-  _.characterQuery != null && !j && N == null && oe(null), _.characterQuery != null && ((Ce = _.sections[_.characterQuery.sectionIndex]) == null ? void 0 : Ce.type) !== _.characterQuery.sectionType && oe(null), S.useEffect(() => {
+  _.characterQuery != null && !N && j == null && oe(null), _.characterQuery != null && ((Ce = _.sections[_.characterQuery.sectionIndex]) == null ? void 0 : Ce.type) !== _.characterQuery.sectionType && oe(null), S.useEffect(() => {
     J.current != null && (J.current = null);
   });
   const le = is();
   return S.useEffect(() => (_.characterQuery != null && le.start(b_, () => oe(null)), () => {
   }), [_.characterQuery, oe, le]), S.useEffect(() => {
-    _.tempValueStrAndroid != null && N != null && K();
+    _.tempValueStrAndroid != null && j != null && K();
   }, [_.sections]), {
     // States and derived states
-    activeSectionIndex: N,
+    activeSectionIndex: j,
     areAllSectionsEmpty: Q,
-    error: j,
+    error: N,
     localizedDigits: M,
     parsedSelectedSections: B,
     sectionOrder: X,
@@ -32754,10 +32754,10 @@ function w_(e) {
         h(u.startIndex);
         return;
       }
-      let I = 0, j = 0;
-      for (; j < D && I < d.sections.length; ) {
+      let I = 0, N = 0;
+      for (; N < D && I < d.sections.length; ) {
         const M = d.sections[I];
-        I += 1, j += `${M.startSeparator}${M.value || M.placeholder}${M.endSeparator}`.length;
+        I += 1, N += `${M.startSeparator}${M.value || M.placeholder}${M.endSeparator}`.length;
       }
       h(I - 1);
     }) : n ? o.getRoot().contains(P.target) || h(u.startIndex) : (r(!0), h(u.startIndex)));
@@ -32765,7 +32765,7 @@ function w_(e) {
     if (!o.isReady() || c !== "all")
       return;
     const I = P.target.textContent ?? "";
-    o.getRoot().innerHTML = d.sections.map((j) => `${j.startSeparator}${j.value || j.placeholder}${j.endSeparator}`).join(""), Wp({
+    o.getRoot().innerHTML = d.sections.map((N) => `${N.startSeparator}${N.value || N.placeholder}${N.endSeparator}`).join(""), Wp({
       focused: n,
       domGetters: o,
       stateResponse: i
@@ -32917,7 +32917,7 @@ function T_(e) {
     })) : !_ && !R && (g(null), x($));
   }), I = Te((M) => {
     M.preventDefault(), M.dataTransfer.dropEffect = "none";
-  }), j = Te((M) => () => {
+  }), N = Te((M) => () => {
     w || m(M);
   });
   return S.useCallback((M, V) => {
@@ -32932,7 +32932,7 @@ function T_(e) {
       onPaste: D,
       onMouseUp: P,
       onDragOver: I,
-      onFocus: j(V),
+      onFocus: N(V),
       // Aria attributes
       "aria-labelledby": `${r}-${M.type}`,
       "aria-readonly": C,
@@ -32954,7 +32954,7 @@ function T_(e) {
       children: M.value || M.placeholder,
       inputMode: M.contentType === "letter" ? "text" : "numeric"
     };
-  }, [d, r, O, w, C, v, n, t, E, D, P, I, j, c, p]);
+  }, [d, r, O, w, C, v, n, t, E, D, P, I, N, c, p]);
 }
 function O_(e, t) {
   if (e.value)
@@ -33038,7 +33038,7 @@ const E_ = (e) => {
     forwardedProps: l
   }), {
     // States and derived states
-    areAllSectionsEmpty: j,
+    areAllSectionsEmpty: N,
     error: M,
     parsedSelectedSections: V,
     sectionOrder: $,
@@ -33049,7 +33049,7 @@ const E_ = (e) => {
     setSelectedSections: F
   } = I, z = tx({
     stateResponse: I
-  }), B = i(R), [N, X] = S.useState(!1);
+  }), B = i(R), [j, X] = S.useState(!1);
   function Q(le = 0) {
     if (w || !E.current || // if the field is already focused, we don't need to focus it again
     Wg(E) != null)
@@ -33062,7 +33062,7 @@ const E_ = (e) => {
     internalPropsWithDefaults: c,
     stateResponse: I,
     applyCharacterEditing: z,
-    focused: N,
+    focused: j,
     setFocused: X,
     domGetters: D
   }), re = C_({
@@ -33077,7 +33077,7 @@ const E_ = (e) => {
     applyCharacterEditing: z,
     internalPropsWithDefaults: c,
     domGetters: D,
-    focused: N
+    focused: j
   }), L = Te((le) => {
     m == null || m(le), Z.onKeyDown(le);
   }), H = Te((le) => {
@@ -33112,7 +33112,7 @@ const E_ = (e) => {
 `));
     O && !w && E.current && E.current.getSectionContent($.startIndex).focus();
   }, []), br(() => {
-    if (!(!N || !E.current)) {
+    if (!(!j || !E.current)) {
       if (V === "all")
         E.current.getRoot().focus();
       else if (typeof V == "number") {
@@ -33120,9 +33120,9 @@ const E_ = (e) => {
         le && le.focus();
       }
     }
-  }, [V, N]), br(() => {
+  }, [V, j]), br(() => {
     Wp({
-      focused: N,
+      focused: j,
       domGetters: D,
       stateResponse: I
     });
@@ -33147,13 +33147,13 @@ const E_ = (e) => {
     onClear: ne
   }, re, {
     error: M,
-    clearable: !!(x && !j && !C && !w),
-    focused: v ?? N,
+    clearable: !!(x && !N && !C && !w),
+    focused: v ?? j,
     sectionListRef: P,
     // Additional
     enableAccessibleFieldDOMStructure: !0,
     elements: oe,
-    areAllSectionsEmpty: j,
+    areAllSectionsEmpty: N,
     disabled: w,
     readOnly: C,
     autoFocus: O,
@@ -33214,7 +33214,7 @@ const es = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), R_ = (e, t, n) =
     disabled: P = !1,
     autoFocus: D = !1,
     focused: I,
-    unstableFieldRef: j
+    unstableFieldRef: N
   } = h, M = S.useRef(null), V = wn(v, M), $ = nx({
     manager: i,
     internalPropsWithDefaults: h,
@@ -33227,7 +33227,7 @@ const es = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), R_ = (e, t, n) =
     localizedDigits: F,
     parsedSelectedSections: z,
     sectionOrder: B,
-    state: N,
+    state: j,
     value: X,
     // Methods to update the states
     clearValue: Q,
@@ -33241,7 +33241,7 @@ const es = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), R_ = (e, t, n) =
     getSectionsFromValue: K
   } = $, q = tx({
     stateResponse: $
-  }), W = d(X), G = S.useMemo(() => R_(N.sections, F, t), [N.sections, F, t]);
+  }), W = d(X), G = S.useMemo(() => R_(j.sections, F, t), [j.sections, F, t]);
   function ne() {
     const de = M.current.selectionStart ?? 0;
     let Oe;
@@ -33267,7 +33267,7 @@ const es = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), R_ = (e, t, n) =
       return;
     const Oe = de.clipboardData.getData("text");
     if (typeof z == "number") {
-      const Ve = N.sections[z], Ue = /^[a-zA-Z]+$/.test(Oe), rt = /^[0-9]+$/.test(Oe), ye = /^(([a-zA-Z]+)|)([0-9]+)(([a-zA-Z]+)|)$/.test(Oe);
+      const Ve = j.sections[z], Ue = /^[a-zA-Z]+$/.test(Oe), rt = /^[0-9]+$/.test(Oe), ye = /^(([a-zA-Z]+)|)([0-9]+)(([a-zA-Z]+)|)$/.test(Oe);
       if (Ve.contentType === "letter" && Ue || Ve.contentType === "digit" && rt || Ve.contentType === "digit-with-letter" && ye) {
         re(null), L({
           section: Ve,
@@ -33325,7 +33325,7 @@ const es = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), R_ = (e, t, n) =
     stateResponse: $
   }), Ne = Te((de) => {
     w == null || w(de), _e(de);
-  }), Me = S.useMemo(() => k !== void 0 ? k : u.getV6InputValueFromSections(K(c.emptyValue), F, t), [k, u, K, c.emptyValue, F, t]), Pe = S.useMemo(() => N.tempValueStrAndroid ?? u.getV6InputValueFromSections(N.sections, F, t), [N.sections, u, N.tempValueStrAndroid, F, t]);
+  }), Me = S.useMemo(() => k !== void 0 ? k : u.getV6InputValueFromSections(K(c.emptyValue), F, t), [k, u, K, c.emptyValue, F, t]), Pe = S.useMemo(() => j.tempValueStrAndroid ?? u.getV6InputValueFromSections(j.sections, F, t), [j.sections, u, j.tempValueStrAndroid, F, t]);
   S.useEffect(() => {
     M.current && M.current === nn(document) && J("all");
   }, []), br(() => {
@@ -33353,9 +33353,9 @@ const es = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), R_ = (e, t, n) =
     }
     de();
   });
-  const et = S.useMemo(() => _ == null || N.sections[_].contentType === "letter" ? "text" : "numeric", [_, N.sections]), Le = !(M.current && M.current === nn(document)) && R;
-  return S.useImperativeHandle(j, () => ({
-    getSections: () => N.sections,
+  const et = S.useMemo(() => _ == null || j.sections[_].contentType === "letter" ? "text" : "numeric", [_, j.sections]), Le = !(M.current && M.current === nn(document)) && R;
+  return S.useImperativeHandle(N, () => ({
+    getSections: () => j.sections,
     getActiveSectionIndex: () => {
       const de = M.current.selectionStart ?? 0, Oe = M.current.selectionEnd ?? 0;
       if (de === 0 && Oe === 0)
@@ -33820,8 +33820,8 @@ const sx = ({
         timezone: f
       });
     }
-    const I = !h.isSameMonth(b.currentMonth, P), j = !h.isSameYear(b.currentMonth, P);
-    I && (l == null || l(P)), j && (c == null || c(h.startOfYear(P))), x({
+    const I = !h.isSameMonth(b.currentMonth, P), N = !h.isSameYear(b.currentMonth, P);
+    I && (l == null || l(P)), N && (c == null || c(h.startOfYear(P))), x({
       type: "setVisibleDate",
       month: P,
       direction: h.isAfterDay(P, b.currentMonth) ? "left" : "right",
@@ -34044,7 +34044,7 @@ const B_ = ["autoFocus", "className", "classes", "hidden", "isAnimating", "onCli
     disableMargin: v,
     disableHighlightToday: k,
     showDaysOutsideCurrentMonth: E
-  }), I = L_(a, D), j = kt(), M = S.useRef(null), V = wn(M, n);
+  }), I = L_(a, D), N = kt(), M = S.useRef(null), V = wn(M, n);
   br(() => {
     o && !w && !l && !O && M.current.focus();
   }, [o, w, l, O]);
@@ -34071,7 +34071,7 @@ const B_ = ["autoFocus", "className", "classes", "hidden", "isAnimating", "onCli
     onMouseDown: $
   }, P, {
     ownerState: D,
-    children: m || j.format(b, "dayOfMonth")
+    children: m || N.format(b, "dayOfMonth")
   }));
 });
 process.env.NODE_ENV !== "production" && (ux.propTypes = {
@@ -34478,14 +34478,14 @@ function lF(e) {
       isDayDisabled: k,
       isDaySelected: O
     })
-  }), j = te(I, Z_), M = S.useMemo(() => {
+  }), N = te(I, Z_), M = S.useMemo(() => {
     const $ = b.startOfMonth(b.setMonth(n, a));
     return p ? b.isSameDay(n, b.startOfWeek($)) : b.isSameDay(n, $);
   }, [a, n, p, b]), V = S.useMemo(() => {
     const $ = b.endOfMonth(b.setMonth(n, a));
     return p ? b.isSameDay(n, b.endOfWeek($)) : b.isSameDay(n, $);
   }, [a, n, p, b]);
-  return /* @__PURE__ */ y.jsx(D, T({}, j, {
+  return /* @__PURE__ */ y.jsx(D, T({}, N, {
     day: n,
     disabled: k,
     autoFocus: !E && C,
@@ -34530,7 +34530,7 @@ function cF(e) {
     dayOfWeekFormatter: P = (q) => n.format(q, "weekdayShort").charAt(0).toUpperCase(),
     hasFocus: D,
     onFocusedViewChange: I,
-    gridLabelId: j,
+    gridLabelId: N,
     displayWeekNumber: M,
     fixedWeekNumber: V,
     timezone: $
@@ -34545,15 +34545,15 @@ function cF(e) {
     timezone: $
   }), z = eo(), B = Te((q) => {
     p || d(q);
-  }), N = (q) => {
+  }), j = (q) => {
     F(q) || (r(q), I == null || I(!0));
   }, X = Te((q, W) => {
     switch (q.key) {
       case "ArrowUp":
-        N(n.addDays(W, -7)), q.preventDefault();
+        j(n.addDays(W, -7)), q.preventDefault();
         break;
       case "ArrowDown":
-        N(n.addDays(W, 7)), q.preventDefault();
+        j(n.addDays(W, 7)), q.preventDefault();
         break;
       case "ArrowLeft": {
         const G = n.addDays(W, A ? 1 : -1), ne = n.addMonths(W, A ? 1 : -1), oe = Gi({
@@ -34564,7 +34564,7 @@ function cF(e) {
           isDateDisabled: F,
           timezone: $
         });
-        N(oe || G), q.preventDefault();
+        j(oe || G), q.preventDefault();
         break;
       }
       case "ArrowRight": {
@@ -34576,23 +34576,23 @@ function cF(e) {
           isDateDisabled: F,
           timezone: $
         });
-        N(oe || G), q.preventDefault();
+        j(oe || G), q.preventDefault();
         break;
       }
       case "Home":
-        N(n.startOfWeek(W)), q.preventDefault();
+        j(n.startOfWeek(W)), q.preventDefault();
         break;
       case "End":
-        N(n.endOfWeek(W)), q.preventDefault();
+        j(n.endOfWeek(W)), q.preventDefault();
         break;
       case "PageUp":
-        N(n.addMonths(W, 1)), q.preventDefault();
+        j(n.addMonths(W, 1)), q.preventDefault();
         break;
       case "PageDown":
-        N(n.addMonths(W, -1)), q.preventDefault();
+        j(n.addMonths(W, -1)), q.preventDefault();
         break;
     }
-  }), Q = Te((q, W) => N(W)), Z = Te((q, W) => {
+  }), Q = Te((q, W) => j(W)), Z = Te((q, W) => {
     c != null && n.isSameDay(c, W) && (I == null || I(!1));
   }), re = n.getMonth(a), J = n.getYear(a), ce = S.useMemo(() => l.filter((q) => !!q).map((q) => n.startOfDay(q)), [n, l]), L = `${J}-${re}`, H = S.useMemo(() => /* @__PURE__ */ S.createRef(), [L]), K = S.useMemo(() => {
     const q = n.getWeekArray(a);
@@ -34607,7 +34607,7 @@ function cF(e) {
   }, [a, V, n]);
   return /* @__PURE__ */ y.jsxs(Q_, {
     role: "grid",
-    "aria-labelledby": j,
+    "aria-labelledby": N,
     className: R.root,
     children: [/* @__PURE__ */ y.jsxs(eF, {
       role: "row",
@@ -34824,7 +34824,7 @@ const yF = Y("div", {
     slots: P,
     slotProps: D
   } = r, I = te(r, hF), {
-    value: j,
+    value: N,
     handleValueChange: M,
     timezone: V
   } = wa({
@@ -34839,7 +34839,7 @@ const yF = Y("div", {
     ownerState: A
   } = Jt(), F = S.useMemo(
     () => vr.getInitialReferenceValue({
-      value: j,
+      value: N,
       utils: R,
       props: r,
       timezone: V,
@@ -34848,7 +34848,7 @@ const yF = Y("div", {
     }),
     []
     // eslint-disable-line react-hooks/exhaustive-deps
-  ), z = mF(a), B = S.useMemo(() => R.getMonth($), [R, $]), N = S.useMemo(() => j != null ? R.getMonth(j) : null, [j, R]), [X, Q] = S.useState(() => N || R.getMonth(F)), [Z, re] = Cs({
+  ), z = mF(a), B = S.useMemo(() => R.getMonth($), [R, $]), j = S.useMemo(() => N != null ? R.getMonth(N) : null, [N, R]), [X, Q] = S.useState(() => j || R.getMonth(F)), [Z, re] = Cs({
     name: "MonthCalendar",
     state: "hasFocus",
     controlled: C,
@@ -34861,14 +34861,14 @@ const yF = Y("div", {
   }, [f, p, h, g, $, b, R]), L = Te((G, ne) => {
     if (x)
       return;
-    const oe = R.setMonth(j ?? F, ne);
+    const oe = R.setMonth(N ?? F, ne);
     M(oe);
   }), H = Te((G) => {
-    ce(R.setMonth(j ?? F, G)) || (Q(G), J(!0), w && w(G));
+    ce(R.setMonth(N ?? F, G)) || (Q(G), J(!0), w && w(G));
   });
   S.useEffect(() => {
-    Q((G) => N !== null && G !== N ? N : G);
-  }, [N]);
+    Q((G) => j !== null && G !== j ? j : G);
+  }, [j]);
   const K = Te((G, ne) => {
     switch (G.key) {
       case "ArrowUp":
@@ -34897,8 +34897,8 @@ const yF = Y("div", {
     "aria-labelledby": E,
     monthsPerRow: v
   }, I, {
-    children: Op(R, j ?? F).map((G) => {
-      const ne = R.getMonth(G), oe = R.format(G, "monthShort"), le = R.format(G, "month"), Ce = ne === N, ie = d || ce(G);
+    children: Op(R, N ?? F).map((G) => {
+      const ne = R.getMonth(G), oe = R.format(G, "monthShort"), le = R.format(G, "month"), Ce = ne === j, ie = d || ce(G);
       return /* @__PURE__ */ y.jsx(pF, {
         selected: Ce,
         value: ne,
@@ -35192,7 +35192,7 @@ const OF = Y("div", {
     gridLabelId: P,
     slots: D,
     slotProps: I
-  } = r, j = te(r, CF), {
+  } = r, N = te(r, CF), {
     value: M,
     handleValueChange: V,
     timezone: $
@@ -35217,7 +35217,7 @@ const OF = Y("div", {
     }),
     []
     // eslint-disable-line react-hooks/exhaustive-deps
-  ), B = SF(a), N = S.useMemo(() => A.getYear(_), [A, _]), X = S.useMemo(() => M != null ? A.getYear(M) : null, [M, A]), [Q, Z] = S.useState(() => X || A.getYear(z)), [re, J] = Cs({
+  ), B = SF(a), j = S.useMemo(() => A.getYear(_), [A, _]), X = S.useMemo(() => M != null ? A.getYear(M) : null, [M, A]), [Q, Z] = S.useState(() => X || A.getYear(z)), [re, J] = Cs({
     name: "YearCalendar",
     state: "hasFocus",
     controlled: C,
@@ -35281,7 +35281,7 @@ const OF = Y("div", {
     role: "radiogroup",
     "aria-labelledby": P,
     yearsPerRow: k
-  }, j, {
+  }, N, {
     children: [ie.map((he) => {
       const ge = A.getYear(he), _e = ge === X, Ne = d || L(he);
       return /* @__PURE__ */ y.jsx(wF, {
@@ -35294,7 +35294,7 @@ const OF = Y("div", {
         tabIndex: ge === Q && !Ne ? 0 : -1,
         onFocus: ne,
         onBlur: oe,
-        "aria-current": N === ge ? "date" : void 0,
+        "aria-current": j === ge ? "date" : void 0,
         slots: D,
         slotProps: I,
         classes: a,
@@ -35503,7 +35503,7 @@ const MF = ["children", "className", "slots", "slotProps", "isNextDisabled", "is
       isButtonHidden: E.isHidden ?? !1
     }),
     className: ue(v.button, v.previousIconButton)
-  }), I = (l == null ? void 0 : l.nextIconButton) ?? Hg, j = dt({
+  }), I = (l == null ? void 0 : l.nextIconButton) ?? Hg, N = dt({
     elementType: I,
     externalSlotProps: c == null ? void 0 : c.nextIconButton,
     additionalProps: {
@@ -35550,7 +35550,7 @@ const MF = ["children", "className", "slots", "slotProps", "isNextDisabled", "is
     }) : /* @__PURE__ */ y.jsx(jF, {
       className: v.spacer,
       ownerState: O
-    }), /* @__PURE__ */ y.jsx(I, T({}, j, {
+    }), /* @__PURE__ */ y.jsx(I, T({}, N, {
       children: r ? /* @__PURE__ */ y.jsx(M, T({}, $)) : /* @__PURE__ */ y.jsx(_, T({}, A))
     }))]
   }));
@@ -35668,8 +35668,8 @@ const BF = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "
     format: E = `${o.formats.month} ${o.formats.year}`
   } = i, P = te(i, BF), {
     ownerState: D
-  } = Jt(), I = VF(v), j = (a == null ? void 0 : a.switchViewButton) ?? HF, M = dt({
-    elementType: j,
+  } = Jt(), I = VF(v), N = (a == null ? void 0 : a.switchViewButton) ?? HF, M = dt({
+    elementType: N,
     externalSlotProps: l == null ? void 0 : l.switchViewButton,
     additionalProps: {
       size: "small",
@@ -35701,7 +35701,7 @@ const BF = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "
   };
   if (w.length === 1 && w[0] === "year")
     return null;
-  const N = o.formatByString(c, E);
+  const j = o.formatByString(c, E);
   return /* @__PURE__ */ y.jsxs(WF, T({}, P, {
     ownerState: D,
     className: ue(I.root, O),
@@ -35714,14 +35714,14 @@ const BF = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "
       className: I.labelContainer,
       children: [/* @__PURE__ */ y.jsx(ix, {
         reduceAnimations: x,
-        transKey: N,
+        transKey: j,
         children: /* @__PURE__ */ y.jsx(UF, {
           id: C,
           ownerState: D,
           className: I.label,
-          children: N
+          children: j
         })
-      }), w.length > 1 && !u && /* @__PURE__ */ y.jsx(j, T({}, M, {
+      }), w.length > 1 && !u && /* @__PURE__ */ y.jsx(N, T({}, M, {
         children: /* @__PURE__ */ y.jsx(V, T({}, _))
       }))]
     }), /* @__PURE__ */ y.jsx(Jr, {
@@ -35852,7 +35852,7 @@ const JF = Y(YF, {
     classes: P,
     disabled: D,
     readOnly: I,
-    minDate: j,
+    minDate: N,
     maxDate: M,
     disableHighlightToday: V,
     focusedView: $,
@@ -35862,7 +35862,7 @@ const JF = Y(YF, {
     dayOfWeekFormatter: F,
     slots: z,
     slotProps: B,
-    loading: N,
+    loading: j,
     renderLoading: X,
     displayWeekNumber: Q,
     yearsOrder: Z,
@@ -35908,14 +35908,14 @@ const JF = Y(YF, {
     referenceDate: f,
     reduceAnimations: b,
     onMonthChange: m,
-    minDate: j,
+    minDate: N,
     maxDate: M,
     shouldDisableDate: x,
     disablePast: h,
     disableFuture: p,
     timezone: q,
     getCurrentMonthFromVisibleDate: (be, ke) => r.isSameMonth(be, ke) ? ke : r.startOfMonth(be)
-  }), Ne = D && H || j, Me = D && H || M, Pe = `${i}-grid-label`, et = ne !== null, gt = (z == null ? void 0 : z.calendarHeader) ?? gx, Le = dt({
+  }), Ne = D && H || N, Me = D && H || M, Pe = `${i}-grid-label`, et = ne !== null, gt = (z == null ? void 0 : z.calendarHeader) ?? gx, Le = dt({
     elementType: gt,
     externalSlotProps: B == null ? void 0 : B.calendarHeader,
     additionalProps: {
@@ -35941,7 +35941,7 @@ const JF = Y(YF, {
     const ke = r.startOfMonth(be), xe = r.endOfMonth(be), Ee = ge(be) ? Gi({
       utils: r,
       date: be,
-      minDate: r.isBefore(j, ke) ? ke : j,
+      minDate: r.isBefore(N, ke) ? ke : N,
       maxDate: r.isAfter(M, xe) ? xe : M,
       disablePast: h,
       disableFuture: p,
@@ -35959,7 +35959,7 @@ const JF = Y(YF, {
     const ke = r.startOfYear(be), xe = r.endOfYear(be), Ee = ge(be) ? Gi({
       utils: r,
       date: be,
-      minDate: r.isBefore(j, ke) ? ke : j,
+      minDate: r.isBefore(N, ke) ? ke : N,
       maxDate: r.isAfter(M, xe) ? xe : M,
       disablePast: h,
       disableFuture: p,
@@ -35984,7 +35984,7 @@ const JF = Y(YF, {
     disablePast: h,
     disableFuture: p,
     maxDate: M,
-    minDate: j
+    minDate: N
   }, ye = {
     disableHighlightToday: V,
     readOnly: I,
@@ -36048,7 +36048,7 @@ const JF = Y(YF, {
           fixedWeekNumber: A,
           dayOfWeekFormatter: F,
           displayWeekNumber: Q,
-          loading: N,
+          loading: j,
           renderLoading: X
         }))]
       })
@@ -36308,7 +36308,7 @@ const cs = ({
   slots: P,
   slotProps: D,
   loading: I,
-  renderLoading: j,
+  renderLoading: N,
   disableHighlightToday: M,
   readOnly: V,
   disabled: $,
@@ -36318,7 +36318,7 @@ const cs = ({
   autoFocus: F,
   fixedWeekNumber: z,
   displayWeekNumber: B,
-  timezone: N
+  timezone: j
 }) => /* @__PURE__ */ y.jsx(yx, {
   view: e,
   onViewChange: t,
@@ -36347,7 +36347,7 @@ const cs = ({
   slots: P,
   slotProps: D,
   loading: I,
-  renderLoading: j,
+  renderLoading: N,
   disableHighlightToday: M,
   readOnly: V,
   disabled: $,
@@ -36357,7 +36357,7 @@ const cs = ({
   autoFocus: F,
   fixedWeekNumber: z,
   displayWeekNumber: B,
-  timezone: N
+  timezone: j
 }), bx = /* @__PURE__ */ S.forwardRef(function(t, n) {
   var c;
   const r = kt(), o = F2(t, "MuiDesktopDatePicker"), i = T({
@@ -39224,8 +39224,8 @@ function NL(e, t, n) {
   }, w = {};
   for (const C of e) {
     const { date: O, displayMonth: v } = C, k = !!(v && !d(O, v)), E = !!(m && p(O, m)), P = !!(b && g(O, b)), D = !!(r && Or(O, r, n)), I = !!(o && Or(O, o, n)) || E || P || // Broadcast calendar will show outside days as default
-    !l && !a && k || l && a === !1 && k, j = u(O, c ?? n.today());
-    k && x.outside.push(C), D && x.disabled.push(C), I && x.hidden.push(C), j && x.today.push(C), i && Object.keys(i).forEach((M) => {
+    !l && !a && k || l && a === !1 && k, N = u(O, c ?? n.today());
+    k && x.outside.push(C), D && x.disabled.push(C), I && x.hidden.push(C), N && x.today.push(C), i && Object.keys(i).forEach((M) => {
       const V = i == null ? void 0 : i[M];
       V && Or(O, V, n) && (w[M] ? w[M].push(C) : w[M] = [C]);
     });
@@ -39634,24 +39634,24 @@ function V8(e, t, { classNames: n, months: r, focused: o, dateLib: i }) {
         D && (D.style.opacity = "0");
         const I = Iu(v);
         I && (I.classList.add(f ? n[Sn.caption_before_exit] : n[Sn.caption_after_exit]), I.addEventListener("animationend", P));
-        const j = Au(v);
-        j && j.classList.add(f ? n[Sn.weeks_before_exit] : n[Sn.weeks_after_exit]), C.insertBefore(v, C.firstChild);
+        const N = Au(v);
+        N && N.classList.add(f ? n[Sn.weeks_before_exit] : n[Sn.weeks_after_exit]), C.insertBefore(v, C.firstChild);
       });
     }
   });
 }
 function W8(e, t, n, r) {
   const o = e[0], i = e[e.length - 1], { ISOWeek: a, fixedWeeks: l, broadcastCalendar: c } = n ?? {}, { addDays: u, differenceInCalendarDays: d, differenceInCalendarMonths: f, endOfBroadcastWeek: p, endOfISOWeek: h, endOfMonth: g, endOfWeek: m, isAfter: b, startOfBroadcastWeek: x, startOfISOWeek: w, startOfWeek: C } = r, O = c ? x(o, r) : a ? w(o) : C(o), v = c ? p(i) : a ? h(g(i)) : m(g(i)), k = d(v, O), E = f(i, o) + 1, P = [];
-  for (let j = 0; j <= k; j++) {
-    const M = u(O, j);
+  for (let N = 0; N <= k; N++) {
+    const M = u(O, N);
     if (t && b(M, t))
       break;
     P.push(M);
   }
   const I = (c ? 35 : 42) * E;
   if (l && P.length < I) {
-    const j = I - P.length;
-    for (let M = 0; M < j; M++) {
+    const N = I - P.length;
+    for (let M = 0; M < N; M++) {
       const V = u(P[P.length - 1], 1);
       P.push(V);
     }
@@ -39696,8 +39696,8 @@ function H8(e, t, n, r) {
       C.push(...E);
     }
     const v = C.reduce((E, P) => {
-      const D = n.ISOWeek ? u(P) : d(P), I = E.find((M) => M.weekNumber === D), j = new Nx(P, b, r);
-      return I ? I.days.push(j) : E.push(new jL(D, [j])), E;
+      const D = n.ISOWeek ? u(P) : d(P), I = E.find((M) => M.weekNumber === D), N = new Nx(P, b, r);
+      return I ? I.days.push(N) : E.push(new jL(D, [N])), E;
     }, []), k = new AL(b, v);
     return m.push(k), m;
   }, []);
@@ -39973,7 +39973,7 @@ function aV(e) {
     t.formatters,
     t.labels,
     t.classNames
-  ]), { captionLayout: c, mode: u, navLayout: d, numberOfMonths: f = 1, onDayBlur: p, onDayClick: h, onDayFocus: g, onDayKeyDown: m, onDayMouseEnter: b, onDayMouseLeave: x, onNextClick: w, onPrevClick: C, showWeekNumber: O, styles: v } = t, { formatCaption: k, formatDay: E, formatMonthDropdown: P, formatWeekNumber: D, formatWeekNumberHeader: I, formatWeekdayName: j, formatYearDropdown: M } = r, V = X8(t, i), { days: $, months: _, navStart: R, navEnd: A, previousMonth: F, nextMonth: z, goToMonth: B } = V, N = NL($, t, i), { isSelected: X, select: Q, selected: Z } = iV(t, i) ?? {}, { blur: re, focused: J, isFocusTarget: ce, moveFocus: L, setFocused: H } = Q8(t, V, N, X ?? (() => !1), i), { labelDayButton: K, labelGridcell: q, labelGrid: W, labelMonthDropdown: G, labelNav: ne, labelPrevious: oe, labelNext: le, labelWeekday: Ce, labelWeekNumber: ie, labelWeekNumberHeader: we, labelYearDropdown: he } = o, ge = Ln(() => T8(i, t.ISOWeek), [i, t.ISOWeek]), _e = u !== void 0 || h !== void 0, Ne = Kt(() => {
+  ]), { captionLayout: c, mode: u, navLayout: d, numberOfMonths: f = 1, onDayBlur: p, onDayClick: h, onDayFocus: g, onDayKeyDown: m, onDayMouseEnter: b, onDayMouseLeave: x, onNextClick: w, onPrevClick: C, showWeekNumber: O, styles: v } = t, { formatCaption: k, formatDay: E, formatMonthDropdown: P, formatWeekNumber: D, formatWeekNumberHeader: I, formatWeekdayName: N, formatYearDropdown: M } = r, V = X8(t, i), { days: $, months: _, navStart: R, navEnd: A, previousMonth: F, nextMonth: z, goToMonth: B } = V, j = NL($, t, i), { isSelected: X, select: Q, selected: Z } = iV(t, i) ?? {}, { blur: re, focused: J, isFocusTarget: ce, moveFocus: L, setFocused: H } = Q8(t, V, j, X ?? (() => !1), i), { labelDayButton: K, labelGridcell: q, labelGrid: W, labelMonthDropdown: G, labelNav: ne, labelPrevious: oe, labelNext: le, labelWeekday: Ce, labelWeekNumber: ie, labelWeekNumberHeader: we, labelYearDropdown: he } = o, ge = Ln(() => T8(i, t.ISOWeek), [i, t.ISOWeek]), _e = u !== void 0 || h !== void 0, Ne = Kt(() => {
     F && (B(F), C == null || C(F));
   }, [F, B, C]), Me = Kt(() => {
     z && (B(z), w == null || w(z));
@@ -40029,7 +40029,7 @@ function aV(e) {
     nextMonth: z,
     previousMonth: F,
     goToMonth: B,
-    getModifiers: N,
+    getModifiers: j,
     components: n,
     classNames: l,
     styles: v,
@@ -40087,7 +40087,7 @@ function aV(e) {
                 n.Weekdays,
                 { "data-animated-weekdays": t.animate ? "true" : void 0, className: l[De.Weekdays], style: v == null ? void 0 : v[De.Weekdays] },
                 O && me.createElement(n.WeekNumberHeader, { "aria-label": we(i.options), className: l[De.WeekNumberHeader], style: v == null ? void 0 : v[De.WeekNumberHeader], scope: "col" }, I()),
-                ge.map((yt, sn) => me.createElement(n.Weekday, { "aria-label": Ce(yt, i.options, i), className: l[De.Weekday], key: sn, style: v == null ? void 0 : v[De.Weekday], scope: "col" }, j(yt, i.options, i)))
+                ge.map((yt, sn) => me.createElement(n.Weekday, { "aria-label": Ce(yt, i.options, i), className: l[De.Weekday], key: sn, style: v == null ? void 0 : v[De.Weekday], scope: "col" }, N(yt, i.options, i)))
               ),
               me.createElement(n.Weeks, { "data-animated-weeks": t.animate ? "true" : void 0, className: l[De.Weeks], style: v == null ? void 0 : v[De.Weeks] }, xe.weeks.map((yt, sn) => me.createElement(
                 n.Week,
@@ -40096,7 +40096,7 @@ function aV(e) {
                   locale: a
                 }), className: l[De.WeekNumber], scope: "row", role: "rowheader" }, D(yt.weekNumber, i)),
                 yt.days.map((Et) => {
-                  const { date: an } = Et, Ze = N(Et);
+                  const { date: an } = Et, Ze = j(Et);
                   if (Ze[Mt.focused] = !Ze.hidden && !!(J != null && J.isEqualTo(Et)), Ze[Qn.selected] = (X == null ? void 0 : X(an)) || Ze.selected, Hp(Z)) {
                     const { from: Dn, to: rr } = Z;
                     Ze[Qn.range_start] = !!(Dn && rr && i.isSameDay(an, Dn)), Ze[Qn.range_end] = !!(Dn && rr && i.isSameDay(an, rr)), Ze[Qn.range_middle] = Tr(Z, an, !0, i);
@@ -40281,7 +40281,7 @@ const lV = ({ color: e }) => /* @__PURE__ */ y.jsx("svg", { width: "7", height:
     x(null), v("calendar");
   }, I = (A) => {
     C(new Date(w.getFullYear(), A)), v("calendar");
-  }, j = (A) => {
+  }, N = (A) => {
     C(new Date(A, w.getMonth())), v("month");
   }, M = (A) => {
     if (!A) {
@@ -40312,7 +40312,7 @@ const lV = ({ color: e }) => /* @__PURE__ */ y.jsx("svg", { width: "7", height:
     }
   ), $ = (A) => {
     var Q;
-    const { options: F, value: z } = A ?? {}, B = (F == null ? void 0 : F.length) !== 12, N = (Q = F == null ? void 0 : F.find((Z) => (Z == null ? void 0 : Z.value) === z)) == null ? void 0 : Q.label, X = () => {
+    const { options: F, value: z } = A ?? {}, B = (F == null ? void 0 : F.length) !== 12, j = (Q = F == null ? void 0 : F.find((Z) => (Z == null ? void 0 : Z.value) === z)) == null ? void 0 : Q.label, X = () => {
       v(t === "range" ? "month" : "year");
     };
     return /* @__PURE__ */ y.jsxs(
@@ -40335,7 +40335,7 @@ const lV = ({ color: e }) => /* @__PURE__ */ y.jsx("svg", { width: "7", height:
                 fontSize: "1.7rem",
                 fontWeight: "500"
               },
-              children: N
+              children: j
             }
           ),
           B && /* @__PURE__ */ y.jsx(oy, { color: g.palette.primary.notifyIconColor })
@@ -40358,7 +40358,7 @@ const lV = ({ color: e }) => /* @__PURE__ */ y.jsx("svg", { width: "7", height:
             width: "30rem"
           },
           children: fV.map((z, B) => {
-            const N = new Date(A, B, 1), X = f && N < new Date(f.getFullYear(), f.getMonth(), 1);
+            const j = new Date(A, B, 1), X = f && j < new Date(f.getFullYear(), f.getMonth(), 1);
             return /* @__PURE__ */ y.jsx(
               ve,
               {
@@ -40414,7 +40414,7 @@ const lV = ({ color: e }) => /* @__PURE__ */ y.jsx("svg", { width: "7", height:
                   cursor: B ? "not-allowed" : "pointer",
                   opacity: B ? 0.5 : 1
                 },
-                onClick: () => !B && j(z),
+                onClick: () => !B && N(z),
                 children: /* @__PURE__ */ y.jsx(
                   ve,
                   {
@@ -40854,7 +40854,7 @@ const kV = ({ options: e, isDraggable: t }) => {
   Ct(() => {
     b(n);
   }, [n]);
-  const j = (R, A) => {
+  const N = (R, A) => {
     var z, B;
     if (g(""), !o) {
       (z = c == null ? void 0 : c.onChange) == null || z.call(c, R), d(!1);
@@ -40867,20 +40867,20 @@ const kV = ({ options: e, isDraggable: t }) => {
       ) ? [] : n.map((X) => ({ ...X }));
     else if (A)
       if (l)
-        F = F.map((N) => {
+        F = F.map((j) => {
           var Z;
-          if (!N.children) return N;
-          let X = (Z = N == null ? void 0 : N.children) != null && Z.length ? [...N == null ? void 0 : N.children] : [];
+          if (!j.children) return j;
+          let X = (Z = j == null ? void 0 : j.children) != null && Z.length ? [...j == null ? void 0 : j.children] : [];
           return X.findIndex((re) => re.id === R.id && re.key === R.key) > -1 ? X = X.filter(
             (re) => !(re.id === R.id && re.key === R.key)
           ) : X = [...X, R], {
-            ...N,
+            ...j,
             children: X
           };
         });
       else {
-        const N = A == null ? void 0 : A.id, X = R == null ? void 0 : R.id, Q = R == null ? void 0 : R.key, Z = F.findIndex(
-          (re) => re.id === N
+        const j = A == null ? void 0 : A.id, X = R == null ? void 0 : R.id, Q = R == null ? void 0 : R.key, Z = F.findIndex(
+          (re) => re.id === j
         );
         if (Z > -1) {
           const re = F[Z], J = re.children || [], L = J.some(
@@ -40894,7 +40894,7 @@ const kV = ({ options: e, isDraggable: t }) => {
           };
         } else
           F.push({
-            id: N,
+            id: j,
             label: A == null ? void 0 : A.label,
             value: A == null ? void 0 : A.value,
             children: [R]
@@ -41038,7 +41038,7 @@ const kV = ({ options: e, isDraggable: t }) => {
                   {
                     sx: { padding: "0.8rem 1.2rem", cursor: "pointer" },
                     onClick: (R) => {
-                      R.stopPropagation(), j();
+                      R.stopPropagation(), N();
                     },
                     children: /* @__PURE__ */ y.jsxs(ht, { direction: "row", alignItems: "center", gap: "1rem", children: [
                       /* @__PURE__ */ y.jsx(
@@ -41074,19 +41074,21 @@ const kV = ({ options: e, isDraggable: t }) => {
                             cursor: e && !(R != null && R.isMandatory) ? "grab" : e ? "not-allowed" : "pointer",
                             pointerEvents: R != null && R.disabled ? "none" : "auto",
                             padding: "0.8rem 1.2rem",
-                            borderTop: A !== 0 || i ? (N) => `0.1rem solid ${N.palette.primary.notifyBorderColor}` : "none"
+                            borderTop: A !== 0 || i ? (j) => `0.1rem solid ${j.palette.primary.notifyBorderColor}` : "none"
                           },
                           draggable: !(R != null && R.isMandatory) && e,
-                          onDragStart: () => D(A),
-                          onDragOver: (N) => {
-                            R != null && R.isMandatory || N.preventDefault();
+                          onDragStart: R != null && R.isMandatory ? (j) => {
+                            j.preventDefault();
+                          } : () => D(A),
+                          onDragOver: (j) => {
+                            R != null && R.isMandatory || j.preventDefault();
                           },
-                          onDrop: (N) => {
-                            R != null && R.isMandatory || I(A);
+                          onDrop: (j) => {
+                            R != null && R.isMandatory ? j.preventDefault() : I(A);
                           },
-                          onClick: (N) => {
+                          onClick: (j) => {
                             var Q;
-                            N.stopPropagation(), (!((Q = R == null ? void 0 : R.children) != null && Q.length) || (R == null ? void 0 : R.showCheckbox) || !(R != null && R.isMandatory) || (R == null ? void 0 : R.isMandatory) && (R == null ? void 0 : R.showHide) === !0) && j(R);
+                            j.stopPropagation(), (!((Q = R == null ? void 0 : R.children) != null && Q.length) || (R == null ? void 0 : R.showCheckbox) || !(R != null && R.isMandatory) || (R == null ? void 0 : R.isMandatory) && (R == null ? void 0 : R.showHide) === !0) && N(R);
                           },
                           children: /* @__PURE__ */ y.jsxs(
                             ht,
@@ -41096,10 +41098,12 @@ const kV = ({ options: e, isDraggable: t }) => {
                               justifyContent: "space-between",
                               gap: "1rem",
                               width: "100%",
+                              draggable: !1,
                               children: [
                                 /* @__PURE__ */ y.jsxs(
                                   ht,
                                   {
+                                    draggable: !1,
                                     direction: "row",
                                     alignItems: "center",
                                     gap: "1rem",
@@ -41108,21 +41112,23 @@ const kV = ({ options: e, isDraggable: t }) => {
                                       o && (!((F = R == null ? void 0 : R.children) != null && F.length) || (R == null ? void 0 : R.showCheckbox)) && /* @__PURE__ */ y.jsx(
                                         ku,
                                         {
+                                          draggable: !1,
                                           sx: { p: 0 },
                                           checked: r == null ? void 0 : r.some(
-                                            (N) => N.id === R.id
+                                            (j) => j.id === R.id
                                           )
                                         }
                                       ),
                                       /* @__PURE__ */ y.jsx(
                                         it,
                                         {
+                                          draggable: !1,
                                           component: "h3",
                                           noWrap: !0,
                                           sx: {
-                                            color: (N) => {
+                                            color: (j) => {
                                               var X;
-                                              return (X = R == null ? void 0 : R.children) != null && X.length && !(R != null && R.showCheckbox) && !R.showInHierarchy ? N.palette.primary.notifyActiveText : N.palette.primary.notifyTextColor;
+                                              return (X = R == null ? void 0 : R.children) != null && X.length && !(R != null && R.showCheckbox) && !R.showInHierarchy ? j.palette.primary.notifyActiveText : j.palette.primary.notifyTextColor;
                                             },
                                             fontWeight: (z = R == null ? void 0 : R.children) != null && z.length && !(R != null && R.showCheckbox) ? "500" : "300",
                                             fontSize: "1.1rem",
@@ -41151,27 +41157,27 @@ const kV = ({ options: e, isDraggable: t }) => {
                           )
                         }
                       ),
-                      (B = R.children) == null ? void 0 : B.map((N, X) => (!(N != null && N.isMandatory) || (N == null ? void 0 : N.isMandatory) && (N == null ? void 0 : N.showHide) === !0 && (N == null ? void 0 : N.showInHierarchy)) && /* @__PURE__ */ y.jsx(
+                      (B = R.children) == null ? void 0 : B.map((j, X) => (!(j != null && j.isMandatory) || (j == null ? void 0 : j.isMandatory) && (j == null ? void 0 : j.showHide) === !0 && (j == null ? void 0 : j.showInHierarchy)) && /* @__PURE__ */ y.jsx(
                         Hr,
                         {
                           sx: {
-                            cursor: e && !(N != null && N.isMandatory) ? "grab" : e ? "not-allowed" : "pointer",
-                            opacity: N != null && N.disabled ? 0.5 : 1,
-                            pointerEvents: N != null && N.disabled ? "none" : "auto",
+                            cursor: e && !(j != null && j.isMandatory) ? "grab" : e ? "not-allowed" : "pointer",
+                            opacity: j != null && j.disabled ? 0.5 : 1,
+                            pointerEvents: j != null && j.disabled ? "none" : "auto",
                             padding: "0.8rem 1.2rem",
                             pl: "1.5rem",
                             borderTop: (Q) => `0.1rem solid ${Q.palette.primary.notifyBorderColor}`
                           },
-                          draggable: !(N != null && N.isMandatory) && e,
+                          draggable: !(j != null && j.isMandatory) && e,
                           onDragStart: () => D(A, X),
                           onDragOver: (Q) => {
-                            N != null && N.isMandatory || Q.preventDefault();
+                            j != null && j.isMandatory || Q.preventDefault();
                           },
                           onDrop: (Q) => {
-                            N != null && N.isMandatory || I(A, X);
+                            j != null && j.isMandatory || I(A, X);
                           },
                           onClick: (Q) => {
-                            Q.stopPropagation(), j(N, R);
+                            Q.stopPropagation(), N(j, R);
                           },
                           children: /* @__PURE__ */ y.jsxs(
                             ht,
@@ -41188,7 +41194,7 @@ const kV = ({ options: e, isDraggable: t }) => {
                                       (Q) => {
                                         var Z;
                                         return (Z = Q.children) == null ? void 0 : Z.some(
-                                          (re) => re.id === N.id
+                                          (re) => re.id === j.id
                                         );
                                       }
                                     )
@@ -41205,7 +41211,7 @@ const kV = ({ options: e, isDraggable: t }) => {
                                       overflow: "hidden",
                                       textOverflow: "ellipsis"
                                     },
-                                    children: N.label
+                                    children: j.label
                                   }
                                 )
                               ]
@@ -43487,7 +43493,7 @@ const Hc = {
   id: t.id,
   key: t.key,
   sequenceId: t.id,
-  isHidden: t.isHidden,
+  isHidden: t.isHidden || !1,
   style: t.style || {},
   ...(t == null ? void 0 : t.children) && {
     children: Jp(t.children)
@@ -44196,7 +44202,7 @@ function Ow({
     r == null ? void 0 : r.rowPerPage
   ), b = o == null ? void 0 : o.isManageable, x = o == null ? void 0 : o.isResizable, w = (n == null ? void 0 : n.length) > 0, C = St(null), [O, v] = Ie(null), [k, E] = Ie(null), [P, D] = Ie(null);
   let I = null;
-  const j = St(0), M = St(!1), V = St(null), $ = PW(((ce = i == null ? void 0 : i.column) == null ? void 0 : ce.definitions) || []), _ = i == null ? void 0 : i.isNested, R = (i == null ? void 0 : i.data) || [], A = i == null ? void 0 : i.hashKey;
+  const N = St(0), M = St(!1), V = St(null), $ = PW(((ce = i == null ? void 0 : i.column) == null ? void 0 : ce.definitions) || []), _ = i == null ? void 0 : i.isNested, R = (i == null ? void 0 : i.data) || [], A = i == null ? void 0 : i.hashKey;
   if (Ct(() => {
     const L = C.current, H = L == null ? void 0 : L.querySelector("thead");
     if (!H) return;
@@ -44253,15 +44259,15 @@ function Ow({
       sequenceId: W[oe] ?? ne.sequenceId
     }));
     m({ updatedColumns: G }), v(null), E(null);
-  }, N = () => {
+  }, j = () => {
     v(null), E(null);
   }, X = (L, H, K, q) => {
     var he, ge, _e, Ne, Me;
     if (!L) return null;
     const W = (L == null ? void 0 : L.isMandatory) && (L == null ? void 0 : L.isSticky), G = parseFloat((ge = (he = L == null ? void 0 : L.style) == null ? void 0 : he.minWidth) == null ? void 0 : ge.toString().replace("rem", "")) || 7.5;
-    H === 0 && (j.current = 0);
-    const ne = W ? H === 0 ? 0 : `${j.current}rem` : void 0;
-    W && (j.current += G);
+    H === 0 && (N.current = 0);
+    const ne = W ? H === 0 ? 0 : `${N.current}rem` : void 0;
+    W && (N.current += G);
     const oe = O === H, le = k == H || ((_e = u == null ? void 0 : u[k]) == null ? void 0 : _e.isMandatory), Ce = (Pe) => {
       L.isMandatory ? (Pe.preventDefault(), Pe.dataTransfer.dropEffect = "none") : (Pe.preventDefault(), Pe.dataTransfer.dropEffect = "move"), z == null || z(Pe, H);
     }, ie = (Pe) => {
@@ -44287,7 +44293,7 @@ function Ow({
         },
         onDragOver: K && !(L != null && L.isMandatory) ? Ce : void 0,
         onDrop: K && !(L != null && L.isMandatory) ? ie : void 0,
-        onDragEnd: K && !(L != null && L.isMandatory) ? N : void 0,
+        onDragEnd: K && !(L != null && L.isMandatory) ? j : void 0,
         sx: {
           ...oe && {
             border: `0.1rem solid ${c.palette.brandColor.lightBlue}!important`
@@ -44316,9 +44322,9 @@ function Ow({
     var oe, le, Ce;
     if (!L) return null;
     const W = (L == null ? void 0 : L.isMandatory) && (L == null ? void 0 : L.isSticky), G = parseFloat((le = (oe = L == null ? void 0 : L.style) == null ? void 0 : oe.minWidth) == null ? void 0 : le.toString().replace("rem", "")) || 7.5;
-    K === 0 && (j.current = 0);
-    const ne = W ? K === 0 ? 0 : `${j.current}rem` : void 0;
-    return W && (j.current += G), /* @__PURE__ */ y.jsxs(
+    K === 0 && (N.current = 0);
+    const ne = W ? K === 0 ? 0 : `${N.current}rem` : void 0;
+    return W && (N.current += G), /* @__PURE__ */ y.jsxs(
       di,
       {
         colSpan: 1,
@@ -44809,10 +44815,10 @@ const Rw = ({
         showHide: !0,
         children: []
       };
-      let D = u.map((I) => (I != null && I.children && I.children.forEach((j) => {
+      let D = u.map((I) => (I != null && I.children && I.children.forEach((N) => {
         P.children.some(
-          (V) => V.key === j.key
-        ) || P.children.push({ ...j, showInHierarchy: !0 });
+          (V) => V.key === N.key
+        ) || P.children.push({ ...N, showInHierarchy: !0 });
       }), I)).filter((I) => (I == null ? void 0 : I.id) !== (P == null ? void 0 : P.id));
       p([...D, P]);
     }
@@ -44843,7 +44849,7 @@ const Rw = ({
     d && m(u);
   }, [d]);
   const b = (P) => {
-    const D = P.map((M) => M.id), I = P.flatMap((M) => M.children || []).map((M) => M.id), j = f.map((M) => {
+    const D = P.map((M) => M.id), I = P.flatMap((M) => M.children || []).map((M) => M.id), N = f.map((M) => {
       var _;
       const V = D.includes(M.id);
       if (Array.isArray(M.children) && M.children.length > 0) {
@@ -44857,7 +44863,7 @@ const Rw = ({
           (F) => f.some(
             (z) => {
               var B;
-              return (B = z.children) == null ? void 0 : B.some((N) => N.id === F.id);
+              return (B = z.children) == null ? void 0 : B.some((j) => j.id === F.id);
             }
           )
         ).every((F) => F.isHidden);
@@ -44874,13 +44880,13 @@ const Rw = ({
     });
     c({
       type: qe.SET_GRID_DATA,
-      payload: { visibleGridColumns: j }
+      payload: { visibleGridColumns: N }
     }), c({
       type: qe.HAS_SETTING_CHANGE,
       payload: { hasChange: !0 }
     });
   }, x = () => f.map((D) => {
-    const I = Array.isArray(D.children) ? D.children.filter((j) => !j.isHidden) : void 0;
+    const I = Array.isArray(D.children) ? D.children.filter((N) => !N.isHidden) : void 0;
     return !D.isHidden || D.isHidden && D.showInHierarchy ? { ...D, children: I } : null;
   }).filter(Boolean);
   return /* @__PURE__ */ y.jsxs(
@@ -45434,7 +45440,7 @@ const HW = {
     } catch {
       t({ type: qe.ERROR, error: Ur.SWR }), t({ type: qe.LOADING, loading: !1 });
     }
-  }, j = ($, _) => {
+  }, N = ($, _) => {
     t({ type: qe.LOADING, loading: !0 }), x(_), setTimeout(() => {
       t({ type: qe.LOADING, loading: !1 });
     }, 400);
@@ -45477,7 +45483,7 @@ const HW = {
     tabData: M(v)[b],
     data: v,
     mode: g,
-    handleTabChange: j,
+    handleTabChange: N,
     toggleAlertMode: V,
     page: p,
     setPage: h,