npm - @smart-factor/gem-ui-components - Versions diffs - 0.0.30 → 0.0.34 - Mend

@smart-factor/gem-ui-components 0.0.30 → 0.0.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/components/FormComponents/Autocomplete/types.d.ts +1 -0
package/dist/components/SimpleAutocomplete/SimpleAutocomplete.d.ts +1 -1
package/dist/main.js +539 -535
package/package.json +1 -2

package/dist/main.js CHANGED Viewed

@@ -502,11 +502,11 @@ function vf(e, t) {
       component: v
     },
     internalRef: O
-  } = y, C = re(y.props, yf), S = Ge(O, h == null ? void 0 : h.ref, t.ref), T = l ? l(C) : {}, x = f({}, a, T), k = v, P = lp(b, f({}, e === "root", !d[e] && s, C, k && {
+  } = y, C = re(y.props, yf), x = Ge(O, h == null ? void 0 : h.ref, t.ref), T = l ? l(C) : {}, S = f({}, a, T), k = v, P = lp(b, f({}, e === "root", !d[e] && s, C, k && {
     as: k
   }, {
-    ref: S
-  }), x);
+    ref: x
+  }), S);
   return Object.keys(T).forEach((w) => {
     delete P[w];
   }), [b, P];
@@ -630,14 +630,14 @@ const cn = xe("MuiAccordion", ["root", "rounded", "expanded", "disabled", "gutte
     slotProps: h = {},
     TransitionComponent: y,
     TransitionProps: v
-  } = n, O = re(n, xf), [C, S] = wt({
+  } = n, O = re(n, xf), [C, x] = wt({
     controlled: u,
     default: l,
     name: "Accordion",
     state: "expanded"
   }), T = m.useCallback((j) => {
-    S(!C), d && d(j, !C);
-  }, [C, d, S]), [x, ...k] = m.Children.toArray(a), P = m.useMemo(() => ({
+    x(!C), d && d(j, !C);
+  }, [C, d, x]), [S, ...k] = m.Children.toArray(a), P = m.useMemo(() => ({
     expanded: C,
     disabled: s,
     disableGutters: c,
@@ -667,14 +667,14 @@ const cn = xe("MuiAccordion", ["root", "rounded", "expanded", "disabled", "gutte
   }, O, {
     children: [/* @__PURE__ */ g(di.Provider, {
       value: P,
-      children: x
+      children: S
     }), /* @__PURE__ */ g(E, f({
       in: C,
       timeout: "auto"
     }, N, {
       children: /* @__PURE__ */ g("div", {
-        "aria-labelledby": x.props.id,
-        id: x.props["aria-controls"],
+        "aria-labelledby": S.props.id,
+        id: S.props["aria-controls"],
         role: "region",
         className: F.region,
         children: k
@@ -1050,9 +1050,9 @@ function Vf(e) {
     disableListWrap: v = !1,
     filterOptions: O = Af,
     filterSelectedOptions: C = !1,
-    freeSolo: S = !1,
+    freeSolo: x = !1,
     getOptionDisabled: T,
-    getOptionKey: x,
+    getOptionKey: S,
     getOptionLabel: k = (oe) => {
       var Q;
       return (Q = oe.label) != null ? Q : oe;
@@ -1130,10 +1130,10 @@ function Vf(e) {
   });
   m.useEffect(() => {
     const oe = G !== _e.value;
-    fe && !oe || S && !oe || Le(null, G);
-  }, [G, Le, fe, _e.value, S]);
+    fe && !oe || x && !oe || Le(null, G);
+  }, [G, Le, fe, _e.value, x]);
   const ot = Ae && Ie.length > 0 && !K;
-  if (process.env.NODE_ENV !== "production" && G !== null && !S && H.length > 0) {
+  if (process.env.NODE_ENV !== "production" && G !== null && !x && H.length > 0) {
     const oe = (N ? G : [G]).filter((Q) => !H.some((Oe) => E(Oe, Q)));
     oe.length > 0 && console.warn([`MUI: The value provided to ${u} is invalid.`, `None of the options match with \`${oe.length > 1 ? JSON.stringify(oe) : JSON.stringify(oe[0])}\`.`, "You can use the `isOptionEqualToValue` prop to customize the equality test."].join(`
 `));
@@ -1389,7 +1389,7 @@ function Vf(e) {
             if (Q.preventDefault(), ye)
               return;
             dt(Q, Oe, "selectOption"), n && _.current.setSelectionRange(_.current.value.length, _.current.value.length);
-          } else S && ne !== "" && $e === !1 && (N && Q.preventDefault(), dt(Q, ne, "createOption", "freeSolo"));
+          } else x && ne !== "" && $e === !1 && (N && Q.preventDefault(), dt(Q, ne, "createOption", "freeSolo"));
           break;
         case "Escape":
           we ? (Q.preventDefault(), Q.stopPropagation(), Ue(Q, "escape")) : c && (ne !== "" || N && G.length > 0) && (Q.preventDefault(), Q.stopPropagation(), ln(Q));
@@ -1418,7 +1418,7 @@ function Vf(e) {
       _.current.focus();
       return;
     }
-    ve(!1), ee.current = !0, X.current = !1, i && W.current !== -1 && we ? dt(oe, Ie[W.current], "blur") : i && S && ne !== "" ? dt(oe, ne, "blur", "freeSolo") : s && Le(oe, G), Ue(oe, "blur");
+    ve(!1), ee.current = !0, X.current = !1, i && W.current !== -1 && we ? dt(oe, Ie[W.current], "blur") : i && x && ne !== "" ? dt(oe, ne, "blur", "freeSolo") : s && Le(oe, G), Ue(oe, "blur");
   }, pt = (oe) => {
     const Q = oe.target.value;
     ne !== Q && (be(Q), Me(!1), L && L(oe, Q, "input")), Q === "" ? !p && !N && qe(oe, null, "clear") : Re(oe);
@@ -1452,7 +1452,7 @@ function Vf(e) {
   }, ho = (oe) => {
     !h && (ne === "" || !Ae) && ya(oe);
   };
-  let xr = S && ne.length > 0;
+  let xr = x && ne.length > 0;
   xr = xr || (N ? G.length > 0 : G !== null);
   let Ar = Ie;
   if (P) {
@@ -1537,7 +1537,7 @@ function Vf(e) {
       var Oe;
       const ye = (N ? G : [G]).some((He) => He != null && E(Q, He)), De = T ? T(Q) : !1;
       return {
-        key: (Oe = x == null ? void 0 : x(Q)) != null ? Oe : U(Q),
+        key: (Oe = S == null ? void 0 : S(Q)) != null ? Oe : U(Q),
         tabIndex: -1,
         role: "option",
         id: `${Y}-option-${oe}`,
@@ -1802,7 +1802,7 @@ var sm = function(t, o) {
 function cm(e) {
   var t, o = e.state, n = e.name, a = e.options, i = o.elements.arrow, l = o.modifiersData.popperOffsets, s = Kt(o.placement), c = gi(s), u = [xt, $t].indexOf(s) >= 0, d = u ? "height" : "width";
   if (!(!i || !l)) {
-    var p = sm(a.padding, o), b = bi(i), h = c === "y" ? Ot : xt, y = c === "y" ? Et : $t, v = o.rects.reference[d] + o.rects.reference[c] - l[c] - o.rects.popper[d], O = l[c] - o.rects.reference[c], C = Go(i), S = C ? c === "y" ? C.clientHeight || 0 : C.clientWidth || 0 : 0, T = v / 2 - O / 2, x = p[h], k = S - b[d] - p[y], P = S / 2 - b[d] / 2 + T, w = Ro(x, P, k), F = c;
+    var p = sm(a.padding, o), b = bi(i), h = c === "y" ? Ot : xt, y = c === "y" ? Et : $t, v = o.rects.reference[d] + o.rects.reference[c] - l[c] - o.rects.popper[d], O = l[c] - o.rects.reference[c], C = Go(i), x = C ? c === "y" ? C.clientHeight || 0 : C.clientWidth || 0 : 0, T = v / 2 - O / 2, S = p[h], k = x - b[d] - p[y], P = x / 2 - b[d] / 2 + T, w = Ro(S, P, k), F = c;
     o.modifiersData[n] = (t = {}, t[F] = w, t.centerOffset = w - P, t);
   }
 }
@@ -1844,11 +1844,11 @@ function hl(e) {
     y: v
   };
   h = O.x, v = O.y;
-  var C = l.hasOwnProperty("x"), S = l.hasOwnProperty("y"), T = xt, x = Ot, k = window;
+  var C = l.hasOwnProperty("x"), x = l.hasOwnProperty("y"), T = xt, S = Ot, k = window;
   if (u) {
     var P = Go(o), w = "clientHeight", F = "clientWidth";
     if (P === Mt(o) && (P = hr(o), ar(P).position !== "static" && s === "absolute" && (w = "scrollHeight", F = "scrollWidth")), P = P, a === Ot || (a === xt || a === $t) && i === Ao) {
-      x = Et;
+      S = Et;
       var $ = p && P === k && k.visualViewport ? k.visualViewport.height : (
         // $FlowFixMe[prop-missing]
         P[w]
@@ -1875,9 +1875,9 @@ function hl(e) {
   };
   if (h = N.x, v = N.y, c) {
     var j;
-    return Object.assign({}, E, (j = {}, j[x] = S ? "0" : "", j[T] = C ? "0" : "", j.transform = (k.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + v + "px)" : "translate3d(" + h + "px, " + v + "px, 0)", j));
+    return Object.assign({}, E, (j = {}, j[S] = x ? "0" : "", j[T] = C ? "0" : "", j.transform = (k.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + v + "px)" : "translate3d(" + h + "px, " + v + "px, 0)", j));
   }
-  return Object.assign({}, E, (t = {}, t[x] = S ? v + "px" : "", t[T] = C ? h + "px" : "", t.transform = "", t));
+  return Object.assign({}, E, (t = {}, t[S] = x ? v + "px" : "", t[T] = C ? h + "px" : "", t.transform = "", t));
 }
 function mm(e) {
   var t = e.state, o = e.options, n = o.gpuAcceleration, a = n === void 0 ? !0 : n, i = o.adaptive, l = i === void 0 ? !0 : i, s = o.roundOffsets, c = s === void 0 ? !0 : s, u = {
@@ -2077,7 +2077,7 @@ function gc(e) {
 }
 function No(e, t) {
   t === void 0 && (t = {});
-  var o = t, n = o.placement, a = n === void 0 ? e.placement : n, i = o.strategy, l = i === void 0 ? e.strategy : i, s = o.boundary, c = s === void 0 ? _f : s, u = o.rootBoundary, d = u === void 0 ? sc : u, p = o.elementContext, b = p === void 0 ? yo : p, h = o.altBoundary, y = h === void 0 ? !1 : h, v = o.padding, O = v === void 0 ? 0 : v, C = fc(typeof O != "number" ? O : mc(O, qo)), S = b === yo ? Uf : yo, T = e.rects.popper, x = e.elements[y ? S : b], k = Tm(Mr(x) ? x : x.contextElement || hr(e.elements.popper), c, d, l), P = to(e.elements.reference), w = gc({
+  var o = t, n = o.placement, a = n === void 0 ? e.placement : n, i = o.strategy, l = i === void 0 ? e.strategy : i, s = o.boundary, c = s === void 0 ? _f : s, u = o.rootBoundary, d = u === void 0 ? sc : u, p = o.elementContext, b = p === void 0 ? yo : p, h = o.altBoundary, y = h === void 0 ? !1 : h, v = o.padding, O = v === void 0 ? 0 : v, C = fc(typeof O != "number" ? O : mc(O, qo)), x = b === yo ? Uf : yo, T = e.rects.popper, S = e.elements[y ? x : b], k = Tm(Mr(S) ? S : S.contextElement || hr(e.elements.popper), c, d, l), P = to(e.elements.reference), w = gc({
     reference: P,
     element: T,
     strategy: "absolute",
@@ -2126,7 +2126,7 @@ function wm(e) {
 function km(e) {
   var t = e.state, o = e.options, n = e.name;
   if (!t.modifiersData[n]._skip) {
-    for (var a = o.mainAxis, i = a === void 0 ? !0 : a, l = o.altAxis, s = l === void 0 ? !0 : l, c = o.fallbackPlacements, u = o.padding, d = o.boundary, p = o.rootBoundary, b = o.altBoundary, h = o.flipVariations, y = h === void 0 ? !0 : h, v = o.allowedAutoPlacements, O = t.options.placement, C = Kt(O), S = C === O, T = c || (S || !y ? [Sn(O)] : wm(O)), x = [O].concat(T).reduce(function(Y, U) {
+    for (var a = o.mainAxis, i = a === void 0 ? !0 : a, l = o.altAxis, s = l === void 0 ? !0 : l, c = o.fallbackPlacements, u = o.padding, d = o.boundary, p = o.rootBoundary, b = o.altBoundary, h = o.flipVariations, y = h === void 0 ? !0 : h, v = o.allowedAutoPlacements, O = t.options.placement, C = Kt(O), x = C === O, T = c || (x || !y ? [Sn(O)] : wm(O)), S = [O].concat(T).reduce(function(Y, U) {
       return Y.concat(Kt(U) === fi ? Pm(t, {
         placement: U,
         boundary: d,
@@ -2135,8 +2135,8 @@ function km(e) {
         flipVariations: y,
         allowedAutoPlacements: v
       }) : U);
-    }, []), k = t.rects.reference, P = t.rects.popper, w = /* @__PURE__ */ new Map(), F = !0, $ = x[0], R = 0; R < x.length; R++) {
-      var E = x[R], N = Kt(E), j = ro(E) === Jr, D = [Ot, Et].indexOf(N) >= 0, M = D ? "width" : "height", L = No(t, {
+    }, []), k = t.rects.reference, P = t.rects.popper, w = /* @__PURE__ */ new Map(), F = !0, $ = S[0], R = 0; R < S.length; R++) {
+      var E = S[R], N = Kt(E), j = ro(E) === Jr, D = [Ot, Et].indexOf(N) >= 0, M = D ? "width" : "height", L = No(t, {
         placement: E,
         boundary: d,
         rootBoundary: p,
@@ -2155,7 +2155,7 @@ function km(e) {
     }
     if (F)
       for (var H = y ? 3 : 1, K = function(U) {
-        var X = x.find(function(ee) {
+        var X = S.find(function(ee) {
           var _ = w.get(ee);
           if (_)
             return _.slice(0, U).every(function(ue) {
@@ -2270,7 +2270,7 @@ function Nm(e) {
     rootBoundary: u,
     padding: p,
     altBoundary: d
-  }), C = Kt(t.placement), S = ro(t.placement), T = !S, x = gi(C), k = Am(x), P = t.modifiersData.popperOffsets, w = t.rects.reference, F = t.rects.popper, $ = typeof v == "function" ? v(Object.assign({}, t.rects, {
+  }), C = Kt(t.placement), x = ro(t.placement), T = !x, S = gi(C), k = Am(S), P = t.modifiersData.popperOffsets, w = t.rects.reference, F = t.rects.popper, $ = typeof v == "function" ? v(Object.assign({}, t.rects, {
     placement: t.placement
   })) : v, R = typeof $ == "number" ? {
     mainAxis: $,
@@ -2284,14 +2284,14 @@ function Nm(e) {
   };
   if (P) {
     if (i) {
-      var j, D = x === "y" ? Ot : xt, M = x === "y" ? Et : $t, L = x === "y" ? "height" : "width", z = P[x], I = z + O[D], V = z - O[M], H = h ? -F[L] / 2 : 0, K = S === Jr ? w[L] : F[L], se = S === Jr ? -F[L] : -w[L], Z = t.elements.arrow, Y = h && Z ? bi(Z) : {
+      var j, D = S === "y" ? Ot : xt, M = S === "y" ? Et : $t, L = S === "y" ? "height" : "width", z = P[S], I = z + O[D], V = z - O[M], H = h ? -F[L] / 2 : 0, K = x === Jr ? w[L] : F[L], se = x === Jr ? -F[L] : -w[L], Z = t.elements.arrow, Y = h && Z ? bi(Z) : {
         width: 0,
         height: 0
-      }, U = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : pc(), X = U[D], ee = U[M], _ = Ro(0, w[L], Y[L]), ue = T ? w[L] / 2 - H - _ - X - R.mainAxis : K - _ - X - R.mainAxis, ae = T ? -w[L] / 2 + H + _ + ee + R.mainAxis : se + _ + ee + R.mainAxis, ce = t.elements.arrow && Go(t.elements.arrow), J = ce ? x === "y" ? ce.clientTop || 0 : ce.clientLeft || 0 : 0, B = (j = E == null ? void 0 : E[x]) != null ? j : 0, q = z + ue - B - J, W = z + ae - B, G = Ro(h ? Dn(I, q) : I, z, h ? wr(V, W) : V);
-      P[x] = G, N[x] = G - z;
+      }, U = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : pc(), X = U[D], ee = U[M], _ = Ro(0, w[L], Y[L]), ue = T ? w[L] / 2 - H - _ - X - R.mainAxis : K - _ - X - R.mainAxis, ae = T ? -w[L] / 2 + H + _ + ee + R.mainAxis : se + _ + ee + R.mainAxis, ce = t.elements.arrow && Go(t.elements.arrow), J = ce ? S === "y" ? ce.clientTop || 0 : ce.clientLeft || 0 : 0, B = (j = E == null ? void 0 : E[S]) != null ? j : 0, q = z + ue - B - J, W = z + ae - B, G = Ro(h ? Dn(I, q) : I, z, h ? wr(V, W) : V);
+      P[S] = G, N[S] = G - z;
     }
     if (s) {
-      var te, ne = x === "x" ? Ot : xt, be = x === "x" ? Et : $t, fe = P[k], ve = k === "y" ? "height" : "width", Le = fe + O[ne], Ae = fe - O[be], le = [Ot, xt].indexOf(C) !== -1, me = (te = E == null ? void 0 : E[k]) != null ? te : 0, Me = le ? Le : fe - w[ve] - F[ve] - me + R.altAxis, $e = le ? fe + w[ve] + F[ve] - me - R.altAxis : Ae, we = h && le ? lm(Me, fe, $e) : Ro(h ? Me : Le, fe, h ? $e : Ae);
+      var te, ne = S === "x" ? Ot : xt, be = S === "x" ? Et : $t, fe = P[k], ve = k === "y" ? "height" : "width", Le = fe + O[ne], Ae = fe - O[be], le = [Ot, xt].indexOf(C) !== -1, me = (te = E == null ? void 0 : E[k]) != null ? te : 0, Me = le ? Le : fe - w[ve] - F[ve] - me + R.altAxis, $e = le ? fe + w[ve] + F[ve] - me - R.altAxis : Ae, we = h && le ? lm(Me, fe, $e) : Ro(h ? Me : Le, fe, h ? $e : Ae);
       P[k] = we, N[k] = we - fe;
     }
     t.modifiersData[n] = N;
@@ -2414,14 +2414,14 @@ function Gm(e) {
     }, p = [], b = !1, h = {
       state: d,
       setOptions: function(C) {
-        var S = typeof C == "function" ? C(d.options) : C;
-        v(), d.options = Object.assign({}, i, d.options, S), d.scrollParents = {
+        var x = typeof C == "function" ? C(d.options) : C;
+        v(), d.options = Object.assign({}, i, d.options, x), d.scrollParents = {
           reference: Mr(s) ? Io(s) : s.contextElement ? Io(s.contextElement) : [],
           popper: Io(c)
         };
         var T = _m(qm([].concat(n, d.options.modifiers)));
-        return d.orderedModifiers = T.filter(function(x) {
-          return x.enabled;
+        return d.orderedModifiers = T.filter(function(S) {
+          return S.enabled;
         }), y(), h.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
@@ -2431,20 +2431,20 @@ function Gm(e) {
       // prefer the async Popper#update method
       forceUpdate: function() {
         if (!b) {
-          var C = d.elements, S = C.reference, T = C.popper;
-          if (Cl(S, T)) {
+          var C = d.elements, x = C.reference, T = C.popper;
+          if (Cl(x, T)) {
             d.rects = {
-              reference: Hm(S, Go(T), d.options.strategy === "fixed"),
+              reference: Hm(x, Go(T), d.options.strategy === "fixed"),
               popper: bi(T)
             }, d.reset = !1, d.placement = d.options.placement, d.orderedModifiers.forEach(function(R) {
               return d.modifiersData[R.name] = Object.assign({}, R.data);
             });
-            for (var x = 0; x < d.orderedModifiers.length; x++) {
+            for (var S = 0; S < d.orderedModifiers.length; S++) {
               if (d.reset === !0) {
-                d.reset = !1, x = -1;
+                d.reset = !1, S = -1;
                 continue;
               }
-              var k = d.orderedModifiers[x], P = k.fn, w = k.options, F = w === void 0 ? {} : w, $ = k.name;
+              var k = d.orderedModifiers[S], P = k.fn, w = k.options, F = w === void 0 ? {} : w, $ = k.name;
               typeof P == "function" && (d = P({
                 state: d,
                 options: F,
@@ -2473,9 +2473,9 @@ function Gm(e) {
     });
     function y() {
       d.orderedModifiers.forEach(function(O) {
-        var C = O.name, S = O.options, T = S === void 0 ? {} : S, x = O.effect;
-        if (typeof x == "function") {
-          var k = x({
+        var C = O.name, x = O.options, T = x === void 0 ? {} : x, S = O.effect;
+        if (typeof S == "function") {
+          var k = S({
             state: d,
             name: C,
             instance: h,
@@ -2551,10 +2551,10 @@ const tb = (e) => {
     TransitionProps: v
     // @ts-ignore internal logic
     // prevent from spreading to DOM, it can come from the parent component e.g. Select.
-  } = t, O = re(t, Zm), C = m.useRef(null), S = Ge(C, o), T = m.useRef(null), x = Ge(T, b), k = m.useRef(x);
+  } = t, O = re(t, Zm), C = m.useRef(null), x = Ge(C, o), T = m.useRef(null), S = Ge(T, b), k = m.useRef(S);
   at(() => {
-    k.current = x;
-  }, [x]), m.useImperativeHandle(b, () => T.current, []);
+    k.current = S;
+  }, [S]), m.useImperativeHandle(b, () => T.current, []);
   const P = Jm(d, l), [w, F] = m.useState(P), [$, R] = m.useState(Rn(a));
   m.useEffect(() => {
     T.current && T.current.forceUpdate();
@@ -2611,7 +2611,7 @@ const tb = (e) => {
     externalForwardedProps: O,
     additionalProps: {
       role: "tooltip",
-      ref: S
+      ref: x
     },
     ownerState: t,
     className: N.root
@@ -2636,10 +2636,10 @@ const tb = (e) => {
     transition: v = !1,
     slotProps: O = {},
     slots: C = {}
-  } = t, S = re(t, Xm), [T, x] = m.useState(!0), k = () => {
-    x(!1);
+  } = t, x = re(t, Xm), [T, S] = m.useState(!0), k = () => {
+    S(!1);
   }, P = () => {
-    x(!0);
+    S(!0);
   };
   if (!c && !d && (!v || T))
     return null;
@@ -2670,7 +2670,7 @@ const tb = (e) => {
       popperRef: h,
       slotProps: O,
       slots: C
-    }, S, {
+    }, x, {
       style: f({
         // Prevents scroll issue, waiting for Popper.js to add this style once initiated.
         position: "fixed",
@@ -2827,9 +2827,9 @@ const nb = ["anchorEl", "component", "components", "componentsProps", "container
     placement: v,
     popperOptions: O,
     popperRef: C,
-    transition: S,
+    transition: x,
     slots: T,
-    slotProps: x
+    slotProps: S
   } = i, k = re(i, nb), P = (n = T == null ? void 0 : T.root) != null ? n : c == null ? void 0 : c.Root, w = f({
     anchorEl: l,
     container: d,
@@ -2840,7 +2840,7 @@ const nb = ["anchorEl", "component", "components", "componentsProps", "container
     placement: v,
     popperOptions: O,
     popperRef: C,
-    transition: S
+    transition: x
   }, k);
   return /* @__PURE__ */ g(ab, f({
     as: s,
@@ -2848,7 +2848,7 @@ const nb = ["anchorEl", "component", "components", "componentsProps", "container
     slots: {
       root: P
     },
-    slotProps: x ?? u
+    slotProps: S ?? u
   }, w, {
     ref: o
   }));
@@ -3379,9 +3379,9 @@ const Kn = /* @__PURE__ */ m.forwardRef(function(t, o) {
     onKeyDown: v,
     onKeyUp: O,
     size: C = "medium",
-    variant: S = "filled",
+    variant: x = "filled",
     tabIndex: T,
-    skipFocusWhenDisabled: x = !1
+    skipFocusWhenDisabled: S = !1
     // TODO v6: Rename to `focusableWhenDisabled`.
   } = n, k = re(n, pb), P = m.useRef(null), w = Ge(P, o), F = (V) => {
     V.stopPropagation(), y && y(V);
@@ -3397,7 +3397,7 @@ const Kn = /* @__PURE__ */ m.forwardRef(function(t, o) {
     iconColor: /* @__PURE__ */ m.isValidElement(p) && p.props.color || s,
     onDelete: !!y,
     clickable: E,
-    variant: S
+    variant: x
   }), D = fb(j), M = N === Ht ? f({
     component: c || "div",
     focusVisibleClassName: D.focusVisible
@@ -3427,7 +3427,7 @@ const Kn = /* @__PURE__ */ m.forwardRef(function(t, o) {
     onKeyDown: $,
     onKeyUp: R,
     ref: w,
-    tabIndex: x && d ? -1 : T,
+    tabIndex: S && d ? -1 : T,
     ownerState: j
   }, M, k, {
     children: [z || I, /* @__PURE__ */ g(bb, {
@@ -3577,12 +3577,12 @@ const yc = /* @__PURE__ */ m.forwardRef(function(t, o) {
         outerHeightStyle: 0,
         overflowing: !1
       };
-    const x = h.current;
-    x.style.width = T.width, x.value = C.value || t.placeholder || "x", x.value.slice(-1) === `
-` && (x.value += " ");
-    const k = T.boxSizing, P = pn(T.paddingBottom) + pn(T.paddingTop), w = pn(T.borderBottomWidth) + pn(T.borderTopWidth), F = x.scrollHeight;
-    x.value = "x";
-    const $ = x.scrollHeight;
+    const S = h.current;
+    S.style.width = T.width, S.value = C.value || t.placeholder || "x", S.value.slice(-1) === `
+` && (S.value += " ");
+    const k = T.boxSizing, P = pn(T.paddingBottom) + pn(T.paddingTop), w = pn(T.borderBottomWidth) + pn(T.borderTopWidth), F = S.scrollHeight;
+    S.value = "x";
+    const $ = S.scrollHeight;
     let R = F;
     i && (R = Math.max(Number(i) * $, R)), a && (R = Math.min(Number(a) * $, R)), R = Math.max(R, $);
     const E = R + (k === "border-box" ? P + w : 0), N = Math.abs(R - F) <= 1;
@@ -3594,23 +3594,23 @@ const yc = /* @__PURE__ */ m.forwardRef(function(t, o) {
     const C = y();
     if (yb(C))
       return;
-    const S = C.outerHeightStyle, T = d.current;
-    b.current !== S && (b.current = S, T.style.height = `${S}px`), T.style.overflow = C.overflowing ? "hidden" : "";
+    const x = C.outerHeightStyle, T = d.current;
+    b.current !== x && (b.current = x, T.style.height = `${x}px`), T.style.overflow = C.overflowing ? "hidden" : "";
   }, [y]);
   at(() => {
     const C = () => {
       v();
     };
-    let S;
+    let x;
     const T = () => {
-      cancelAnimationFrame(S), S = requestAnimationFrame(() => {
+      cancelAnimationFrame(x), x = requestAnimationFrame(() => {
         C();
       });
-    }, x = _n(C), k = d.current, P = Xr(k);
-    P.addEventListener("resize", x);
+    }, S = _n(C), k = d.current, P = Xr(k);
+    P.addEventListener("resize", S);
     let w;
     return typeof ResizeObserver < "u" && (w = new ResizeObserver(process.env.NODE_ENV === "test" ? T : C), w.observe(k)), () => {
-      x.clear(), cancelAnimationFrame(S), P.removeEventListener("resize", x), w && w.disconnect();
+      S.clear(), cancelAnimationFrame(x), P.removeEventListener("resize", S), w && w.disconnect();
     };
   }, [y, v]), at(() => {
     v();
@@ -3899,9 +3899,9 @@ const St = xe("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     fullWidth: v = !1,
     id: O,
     inputComponent: C = "input",
-    inputProps: S = {},
+    inputProps: x = {},
     inputRef: T,
-    maxRows: x,
+    maxRows: S,
     minRows: k,
     multiline: P = !1,
     name: w,
@@ -3920,12 +3920,12 @@ const St = xe("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     startAdornment: H,
     type: K = "text",
     value: se
-  } = a, Z = re(a, xb), Y = S.value != null ? S.value : se, {
+  } = a, Z = re(a, xb), Y = x.value != null ? x.value : se, {
     current: U
   } = m.useRef(Y != null), X = m.useRef(), ee = m.useCallback((we) => {
     process.env.NODE_ENV !== "production" && we && we.nodeName !== "INPUT" && !we.focus && console.error(["MUI: You have provided a `inputComponent` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
 `));
-  }, []), _ = Ge(X, T, S.ref, ee), [ue, ae] = m.useState(!1), ce = _t();
+  }, []), _ = Ge(X, T, x.ref, ee), [ue, ae] = m.useState(!1), ce = _t();
   process.env.NODE_ENV !== "production" && m.useEffect(() => {
     if (ce)
       return ce.registerEffect();
@@ -3951,9 +3951,9 @@ const St = xe("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
       we.stopPropagation();
       return;
     }
-    E && E(we), S.onFocus && S.onFocus(we), ce && ce.onFocus ? ce.onFocus(we) : ae(!0);
+    E && E(we), x.onFocus && x.onFocus(we), ce && ce.onFocus ? ce.onFocus(we) : ae(!0);
   }, te = (we) => {
-    F && F(we), S.onBlur && S.onBlur(we), ce && ce.onBlur ? ce.onBlur(we) : ae(!1);
+    F && F(we), x.onBlur && x.onBlur(we), ce && ce.onBlur ? ce.onBlur(we) : ae(!1);
   }, ne = (we, ...Ie) => {
     if (!U) {
       const _e = we.target || X.current;
@@ -3963,7 +3963,7 @@ const St = xe("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
         value: _e.value
       });
     }
-    S.onChange && S.onChange(we, ...Ie), $ && $(we, ...Ie);
+    x.onChange && x.onChange(we, ...Ie), $ && $(we, ...Ie);
   };
   m.useEffect(() => {
     W(X.current);
@@ -3971,14 +3971,14 @@ const St = xe("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
   const be = (we) => {
     X.current && we.currentTarget === we.target && X.current.focus(), R && R(we);
   };
-  let fe = C, ve = S;
-  P && fe === "input" && (z ? (process.env.NODE_ENV !== "production" && (k || x) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), ve = f({
+  let fe = C, ve = x;
+  P && fe === "input" && (z ? (process.env.NODE_ENV !== "production" && (k || S) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), ve = f({
     type: void 0,
     minRows: z,
     maxRows: z
   }, ve)) : ve = f({
     type: void 0,
-    maxRows: x,
+    maxRows: S,
     minRows: k
   }, ve), fe = yc);
   const Le = (we) => {
@@ -4673,9 +4673,9 @@ const Mb = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
     clearOnBlur: v = !s.freeSolo,
     clearOnEscape: O = !1,
     clearText: C = "Clear",
-    closeText: S = "Close",
+    closeText: x = "Close",
     componentsProps: T = {},
-    defaultValue: x = s.multiple ? [] : null,
+    defaultValue: S = s.multiple ? [] : null,
     disableClearable: k = !1,
     disableCloseOnSelect: P = !1,
     disabled: w = !1,
@@ -4885,8 +4885,8 @@ const Mb = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "Chip
               children: y
             })) : null, qe ? /* @__PURE__ */ g(Ab, f({}, le(), {
               disabled: w,
-              "aria-label": it ? S : _,
-              title: it ? S : _,
+              "aria-label": it ? x : _,
+              title: it ? x : _,
               ownerState: pt
             }, oe, {
               className: pe(lt.popupIndicator, oe == null ? void 0 : oe.className),
@@ -5539,9 +5539,9 @@ const Ub = ["children", "color", "component", "className", "disabled", "disableE
     focusVisibleClassName: v,
     fullWidth: O = !1,
     size: C = "medium",
-    startIcon: S,
+    startIcon: x,
     type: T,
-    variant: x = "text"
+    variant: S = "text"
   } = l, k = re(l, Ub), P = f({}, l, {
     color: c,
     component: u,
@@ -5551,11 +5551,11 @@ const Ub = ["children", "color", "component", "className", "disabled", "disableE
     fullWidth: O,
     size: C,
     type: T,
-    variant: x
-  }), w = qb(P), F = S && /* @__PURE__ */ g(Yb, {
+    variant: S
+  }), w = qb(P), F = x && /* @__PURE__ */ g(Yb, {
     className: w.startIcon,
     ownerState: P,
-    children: S
+    children: x
   }), $ = y && /* @__PURE__ */ g(Kb, {
     className: w.endIcon,
     ownerState: P,
@@ -5815,9 +5815,9 @@ const Zb = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
     maxWidth: v = "sm",
     onBackdropClick: O,
     onClick: C,
-    onClose: S,
+    onClose: x,
     open: T,
-    PaperComponent: x = gr,
+    PaperComponent: S = gr,
     PaperProps: k = {},
     scroll: P = "paper",
     TransitionComponent: w = Uo,
@@ -5832,7 +5832,7 @@ const Zb = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
   }), N = Jb(E), j = m.useRef(), D = (I) => {
     j.current = I.target === I.currentTarget;
   }, M = (I) => {
-    C && C(I), j.current && (j.current = null, O && O(I), S && S(I, "backdropClick"));
+    C && C(I), j.current && (j.current = null, O && O(I), x && x(I, "backdropClick"));
   }, L = Zt(s), z = m.useMemo(() => ({
     titleId: L
   }), [L]);
@@ -5849,7 +5849,7 @@ const Zb = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
       }, u)
     },
     disableEscapeKeyDown: b,
-    onClose: S,
+    onClose: x,
     open: T,
     ref: o,
     onClick: M,
@@ -5866,7 +5866,7 @@ const Zb = ["aria-describedby", "aria-labelledby", "BackdropComponent", "Backdro
         onMouseDown: D,
         ownerState: E,
         children: /* @__PURE__ */ g(rg, f({
-          as: x,
+          as: S,
           elevation: 24,
           role: "dialog",
           "aria-describedby": l,
@@ -6582,27 +6582,27 @@ const hg = ["disableUnderline", "components", "componentsProps", "fullWidth", "h
     inputComponent: p,
     multiline: b,
     type: v
-  }), S = yg(s), T = {
+  }), x = yg(s), T = {
     root: {
       ownerState: C
     },
     input: {
       ownerState: C
     }
-  }, x = h ?? u ? ri(T, h ?? u) : T, k = (n = (a = y.root) != null ? a : c.Root) != null ? n : vg, P = (i = (l = y.input) != null ? l : c.Input) != null ? i : Og;
+  }, S = h ?? u ? ri(T, h ?? u) : T, k = (n = (a = y.root) != null ? a : c.Root) != null ? n : vg, P = (i = (l = y.input) != null ? l : c.Input) != null ? i : Og;
   return /* @__PURE__ */ g(xi, f({
     slots: {
       root: k,
       input: P
     },
-    componentsProps: x,
+    componentsProps: S,
     fullWidth: d,
     inputComponent: p,
     multiline: b,
     ref: o,
     type: v
   }, O, {
-    classes: S
+    classes: x
   }));
 });
 process.env.NODE_ENV !== "production" && (ta.propTypes = {
@@ -6856,7 +6856,7 @@ const Sg = ["children", "className", "color", "component", "disabled", "error",
     required: y = !1,
     size: v = "medium",
     variant: O = "outlined"
-  } = n, C = re(n, Sg), S = f({}, n, {
+  } = n, C = re(n, Sg), x = f({}, n, {
     color: l,
     component: s,
     disabled: c,
@@ -6867,7 +6867,7 @@ const Sg = ["children", "className", "color", "component", "disabled", "error",
     required: y,
     size: v,
     variant: O
-  }), T = Cg(S), [x, k] = m.useState(() => {
+  }), T = Cg(x), [S, k] = m.useState(() => {
     let j = !1;
     return a && m.Children.forEach(a, (D) => {
       if (!_r(D, ["Input", "Select"]))
@@ -6892,7 +6892,7 @@ const Sg = ["children", "className", "color", "component", "disabled", "error",
     });
   }
   const N = m.useMemo(() => ({
-    adornedStart: x,
+    adornedStart: S,
     setAdornedStart: k,
     color: l,
     disabled: c,
@@ -6917,12 +6917,12 @@ const Sg = ["children", "className", "color", "component", "disabled", "error",
     registerEffect: E,
     required: y,
     variant: O
-  }), [x, l, c, u, P, R, p, b, E, y, v, O]);
+  }), [S, l, c, u, P, R, p, b, E, y, v, O]);
   return /* @__PURE__ */ g(ii.Provider, {
     value: N,
     children: /* @__PURE__ */ g(Tg, f({
       as: s,
-      ownerState: S,
+      ownerState: x,
       className: pe(T.root, i),
       ref: o
     }, C, {
@@ -7585,7 +7585,7 @@ const qg = (e) => {
     spacing: y = 0,
     wrap: v = "wrap",
     zeroMinWidth: O = !1
-  } = i, C = re(i, Vg), S = h || y, T = c || y, x = m.useContext(Aa), k = d ? s || 12 : x, P = {}, w = f({}, C);
+  } = i, C = re(i, Vg), x = h || y, T = c || y, S = m.useContext(Aa), k = d ? s || 12 : S, P = {}, w = f({}, C);
   a.keys.forEach((R) => {
     C[R] != null && (P[R] = C[R], delete w[R]);
   });
@@ -7594,7 +7594,7 @@ const qg = (e) => {
     container: d,
     direction: p,
     item: b,
-    rowSpacing: S,
+    rowSpacing: x,
     columnSpacing: T,
     wrap: v,
     zeroMinWidth: O,
@@ -7783,7 +7783,7 @@ const Yg = {
     timeout: v = "auto",
     // eslint-disable-next-line react/prop-types
     TransitionComponent: O = ei
-  } = t, C = re(t, Gg), S = pp(), T = m.useRef(), x = At(), k = m.useRef(null), P = Ge(k, i.ref, o), w = (M) => (L) => {
+  } = t, C = re(t, Gg), x = pp(), T = m.useRef(), S = At(), k = m.useRef(null), P = Ge(k, i.ref, o), w = (M) => (L) => {
     if (M) {
       const z = k.current;
       L === void 0 ? M(z) : M(z, L);
@@ -7802,10 +7802,10 @@ const Yg = {
       mode: "enter"
     });
     let H;
-    v === "auto" ? (H = x.transitions.getAutoHeightDuration(M.clientHeight), T.current = H) : H = z, M.style.transition = [x.transitions.create("opacity", {
+    v === "auto" ? (H = S.transitions.getAutoHeightDuration(M.clientHeight), T.current = H) : H = z, M.style.transition = [S.transitions.create("opacity", {
       duration: H,
       delay: I
-    }), x.transitions.create("transform", {
+    }), S.transitions.create("transform", {
       duration: xa ? H : H * 0.666,
       delay: I,
       easing: V
@@ -7823,10 +7823,10 @@ const Yg = {
       mode: "exit"
     });
     let V;
-    v === "auto" ? (V = x.transitions.getAutoHeightDuration(M.clientHeight), T.current = V) : V = L, M.style.transition = [x.transitions.create("opacity", {
+    v === "auto" ? (V = S.transitions.getAutoHeightDuration(M.clientHeight), T.current = V) : V = L, M.style.transition = [S.transitions.create("opacity", {
       duration: V,
       delay: z
-    }), x.transitions.create("transform", {
+    }), S.transitions.create("transform", {
       duration: xa ? V : V * 0.666,
       delay: xa ? z : z || V * 0.333,
       easing: I
@@ -7843,7 +7843,7 @@ const Yg = {
     onExited: j,
     onExiting: E,
     addEndListener: (M) => {
-      v === "auto" && S.start(T.current || 0, M), n && n(k.current, M);
+      v === "auto" && x.start(T.current || 0, M), n && n(k.current, M);
     },
     timeout: v === "auto" ? null : v
   }, C, {
@@ -8033,13 +8033,13 @@ const Kg = ["disableUnderline", "components", "componentsProps", "fullWidth", "i
     slotProps: y,
     slots: v = {},
     type: O = "text"
-  } = s, C = re(s, Kg), S = Qg(s), x = {
+  } = s, C = re(s, Kg), x = Qg(s), S = {
     root: {
       ownerState: {
         disableUnderline: c
       }
     }
-  }, k = y ?? d ? ri(y ?? d, x) : x, P = (n = (a = v.root) != null ? a : u.Root) != null ? n : Zg, w = (i = (l = v.input) != null ? l : u.Input) != null ? i : Xg;
+  }, k = y ?? d ? ri(y ?? d, S) : S, P = (n = (a = v.root) != null ? a : u.Root) != null ? n : Zg, w = (i = (l = v.input) != null ? l : u.Input) != null ? i : Xg;
   return /* @__PURE__ */ g(xi, f({
     slots: {
       root: P,
@@ -8052,7 +8052,7 @@ const Kg = ["disableUnderline", "components", "componentsProps", "fullWidth", "i
     ref: o,
     type: O
   }, C, {
-    classes: S
+    classes: x
   }));
 });
 process.env.NODE_ENV !== "production" && (Yo.propTypes = {
@@ -9165,9 +9165,9 @@ const Mh = ["className"], Fh = ["alignItems", "autoFocus", "button", "children",
     disabled: v = !1,
     disableGutters: O = !1,
     disablePadding: C = !1,
-    divider: S = !1,
+    divider: x = !1,
     focusVisibleClassName: T,
-    secondaryAction: x,
+    secondaryAction: S,
     selected: k = !1,
     slotProps: P = {},
     slots: w = {}
@@ -9187,7 +9187,7 @@ const Mh = ["className"], Fh = ["alignItems", "autoFocus", "button", "children",
     disabled: v,
     disableGutters: O,
     disablePadding: C,
-    divider: S,
+    divider: x,
     hasSecondaryAction: D,
     selected: k
   }), L = Rh(M), z = Ge(N, o), I = w.root || d.Root || Ih, V = P.root || p.root || {}, H = f({
@@ -9218,8 +9218,8 @@ const Mh = ["className"], Fh = ["alignItems", "autoFocus", "button", "children",
     }, !$o(I) && {
       ownerState: f({}, M, V.ownerState)
     }, H, {
-      children: [j, x && /* @__PURE__ */ g(wi, {
-        children: x
+      children: [j, S && /* @__PURE__ */ g(wi, {
+        children: S
       })]
     }))
   });
@@ -9573,45 +9573,45 @@ const na = /* @__PURE__ */ m.forwardRef(function(t, o) {
     a && h.current.focus();
   }, [a]), m.useImperativeHandle(n, () => ({
     adjustStyleForScrollbar: (T, {
-      direction: x
+      direction: S
     }) => {
       const k = !h.current.style.width;
       if (T.clientHeight < h.current.clientHeight && k) {
         const P = `${Fp(Bt(T))}px`;
-        h.current.style[x === "rtl" ? "paddingLeft" : "paddingRight"] = P, h.current.style.width = `calc(100% + ${P})`;
+        h.current.style[S === "rtl" ? "paddingLeft" : "paddingRight"] = P, h.current.style.width = `calc(100% + ${P})`;
       }
       return h.current;
     }
   }), []);
   const v = (T) => {
-    const x = h.current, k = T.key, P = Bt(x).activeElement;
+    const S = h.current, k = T.key, P = Bt(S).activeElement;
     if (k === "ArrowDown")
-      T.preventDefault(), Oo(x, P, u, c, Sa);
+      T.preventDefault(), Oo(S, P, u, c, Sa);
     else if (k === "ArrowUp")
-      T.preventDefault(), Oo(x, P, u, c, zl);
+      T.preventDefault(), Oo(S, P, u, c, zl);
     else if (k === "Home")
-      T.preventDefault(), Oo(x, null, u, c, Sa);
+      T.preventDefault(), Oo(S, null, u, c, Sa);
     else if (k === "End")
-      T.preventDefault(), Oo(x, null, u, c, zl);
+      T.preventDefault(), Oo(S, null, u, c, zl);
     else if (k.length === 1) {
       const w = y.current, F = k.toLowerCase(), $ = performance.now();
       w.keys.length > 0 && ($ - w.lastTime > 500 ? (w.keys = [], w.repeating = !0, w.previousKeyMatched = !0) : w.repeating && F !== w.keys[0] && (w.repeating = !1)), w.lastTime = $, w.keys.push(F);
       const R = P && !w.repeating && Ic(P, w);
-      w.previousKeyMatched && (R || Oo(x, P, !1, c, Sa, w)) ? T.preventDefault() : w.previousKeyMatched = !1;
+      w.previousKeyMatched && (R || Oo(S, P, !1, c, Sa, w)) ? T.preventDefault() : w.previousKeyMatched = !1;
     }
     d && d(T);
   }, O = Ge(h, o);
   let C = -1;
-  m.Children.forEach(l, (T, x) => {
+  m.Children.forEach(l, (T, S) => {
     if (!/* @__PURE__ */ m.isValidElement(T)) {
-      C === x && (C += 1, C >= l.length && (C = -1));
+      C === S && (C += 1, C >= l.length && (C = -1));
       return;
     }
     process.env.NODE_ENV !== "production" && io.isFragment(T) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
-`)), T.props.disabled || (p === "selectedMenu" && T.props.selected || C === -1) && (C = x), C === x && (T.props.disabled || T.props.muiSkipListHighlight || T.type.muiSkipListHighlight) && (C += 1, C >= l.length && (C = -1));
+`)), T.props.disabled || (p === "selectedMenu" && T.props.selected || C === -1) && (C = S), C === S && (T.props.disabled || T.props.muiSkipListHighlight || T.type.muiSkipListHighlight) && (C += 1, C >= l.length && (C = -1));
   });
-  const S = m.Children.map(l, (T, x) => {
-    if (x === C) {
+  const x = m.Children.map(l, (T, S) => {
+    if (S === C) {
       const k = {};
       return i && (k.autoFocus = !0), T.props.tabIndex === void 0 && p === "selectedMenu" && (k.tabIndex = 0), /* @__PURE__ */ m.cloneElement(T, k);
     }
@@ -9624,7 +9624,7 @@ const na = /* @__PURE__ */ m.forwardRef(function(t, o) {
     onKeyDown: v,
     tabIndex: a ? 0 : -1
   }, b, {
-    children: S
+    children: x
   }));
 });
 process.env.NODE_ENV !== "production" && (na.propTypes = {
@@ -9739,9 +9739,9 @@ const Wh = (e) => {
     elevation: v = 8,
     marginThreshold: O = 16,
     open: C,
-    PaperProps: S = {},
+    PaperProps: x = {},
     slots: T,
-    slotProps: x,
+    slotProps: S,
     transformOrigin: k = {
       vertical: "top",
       horizontal: "left"
@@ -9752,7 +9752,7 @@ const Wh = (e) => {
       onEntering: F
     } = {},
     disableScrollLock: $ = !1
-  } = l, R = re(l.TransitionProps, zh), E = re(l, Bh), N = (n = x == null ? void 0 : x.paper) != null ? n : S, j = m.useRef(), D = Ge(j, N.ref), M = f({}, l, {
+  } = l, R = re(l.TransitionProps, zh), E = re(l, Bh), N = (n = S == null ? void 0 : S.paper) != null ? n : x, j = m.useRef(), D = Ge(j, N.ref), M = f({}, l, {
     anchorOrigin: u,
     anchorReference: p,
     elevation: v,
@@ -9858,7 +9858,7 @@ const Wh = (e) => {
     className: pe(L.paper, N == null ? void 0 : N.className)
   }), ae = Ve({
     elementType: ee,
-    externalSlotProps: (x == null ? void 0 : x.root) || {},
+    externalSlotProps: (S == null ? void 0 : S.root) || {},
     externalForwardedProps: E,
     additionalProps: {
       ref: o,
@@ -10131,16 +10131,16 @@ const qh = ["onEntering"], Gh = ["autoFocus", "children", "className", "disableA
       onEntering: O
     } = {},
     variant: C = "selectedMenu",
-    slots: S = {},
+    slots: x = {},
     slotProps: T = {}
-  } = i, x = re(i.TransitionProps, qh), k = re(i, Gh), P = gt(), w = f({}, i, {
+  } = i, S = re(i.TransitionProps, qh), k = re(i, Gh), P = gt(), w = f({}, i, {
     autoFocus: l,
     disableAutoFocusItem: u,
     MenuListProps: d,
     onEntering: O,
     PaperProps: h,
     transitionDuration: v,
-    TransitionProps: x,
+    TransitionProps: S,
     variant: C
   }), F = Qh(w), $ = l && !u && b, R = m.useRef(null), E = (I, V) => {
     R.current && R.current.adjustStyleForScrollbar(I, {
@@ -10154,8 +10154,8 @@ const qh = ["onEntering"], Gh = ["autoFocus", "children", "className", "disableA
     /* @__PURE__ */ m.isValidElement(I) && (process.env.NODE_ENV !== "production" && io.isFragment(I) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `)), I.props.disabled || (C === "selectedMenu" && I.props.selected || j === -1) && (j = V));
   });
-  const D = (n = S.paper) != null ? n : Xh, M = (a = T.paper) != null ? a : h, L = Ve({
-    elementType: S.root,
+  const D = (n = x.paper) != null ? n : Xh, M = (a = T.paper) != null ? a : h, L = Ve({
+    elementType: x.root,
     externalSlotProps: T.root,
     ownerState: w,
     className: [F.root, c]
@@ -10174,7 +10174,7 @@ const qh = ["onEntering"], Gh = ["autoFocus", "children", "className", "disableA
     transformOrigin: P ? Yh : Kh,
     slots: {
       paper: D,
-      root: S.root
+      root: x.root
     },
     slotProps: {
       root: L,
@@ -10185,7 +10185,7 @@ const qh = ["onEntering"], Gh = ["autoFocus", "children", "className", "disableA
     transitionDuration: v,
     TransitionProps: f({
       onEntering: E
-    }, x),
+    }, S),
     ownerState: w
   }, k, {
     classes: y,
@@ -10435,20 +10435,20 @@ const xo = xe("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divi
     dense: v.dense,
     divider: s,
     disableGutters: c
-  }), S = oy(n), T = Ge(O, o);
-  let x;
-  return n.disabled || (x = p !== void 0 ? p : -1), /* @__PURE__ */ g(or.Provider, {
+  }), x = oy(n), T = Ge(O, o);
+  let S;
+  return n.disabled || (S = p !== void 0 ? p : -1), /* @__PURE__ */ g(or.Provider, {
     value: v,
     children: /* @__PURE__ */ g(ny, f({
       ref: T,
       role: d,
-      tabIndex: x,
+      tabIndex: S,
       component: i,
-      focusVisibleClassName: pe(S.focusVisible, u),
-      className: pe(S.root, b)
+      focusVisibleClassName: pe(x.focusVisible, u),
+      className: pe(x.root, b)
     }, h, {
       ownerState: C,
-      classes: S
+      classes: x
     }))
   });
 });
@@ -10951,20 +10951,20 @@ const fy = ["components", "fullWidth", "inputComponent", "label", "multiline", "
     notched: y,
     slots: v = {},
     type: O = "text"
-  } = c, C = re(c, fy), S = my(c), T = _t(), x = co({
+  } = c, C = re(c, fy), x = my(c), T = _t(), S = co({
     props: c,
     muiFormControl: T,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
   }), k = f({}, c, {
-    color: x.color || "primary",
-    disabled: x.disabled,
-    error: x.error,
-    focused: x.focused,
+    color: S.color || "primary",
+    disabled: S.disabled,
+    error: S.error,
+    focused: S.focused,
     formControl: T,
     fullWidth: d,
-    hiddenLabel: x.hiddenLabel,
+    hiddenLabel: S.hiddenLabel,
     multiline: h,
-    size: x.size,
+    size: S.size,
     type: O
   }), P = (n = (a = v.root) != null ? a : u.Root) != null ? n : by, w = (i = (l = v.input) != null ? l : u.Input) != null ? i : hy;
   return /* @__PURE__ */ g(xi, f({
@@ -10974,8 +10974,8 @@ const fy = ["components", "fullWidth", "inputComponent", "label", "multiline", "
     },
     renderSuffix: (F) => /* @__PURE__ */ g(gy, {
       ownerState: k,
-      className: S.notchedOutline,
-      label: b != null && b !== "" && x.required ? s || (s = /* @__PURE__ */ de(m.Fragment, {
+      className: x.notchedOutline,
+      label: b != null && b !== "" && S.required ? s || (s = /* @__PURE__ */ de(m.Fragment, {
         children: [b, " ", "*"]
       })) : b,
       notched: typeof y < "u" ? y : !!(F.startAdornment || F.filled || F.focused)
@@ -10986,7 +10986,7 @@ const fy = ["components", "fullWidth", "inputComponent", "label", "multiline", "
     ref: o,
     type: O
   }, C, {
-    classes: f({}, S, {
+    classes: f({}, x, {
       notchedOutline: null
     })
   }));
@@ -11257,9 +11257,9 @@ const Ty = (e) => {
     IconComponent: v,
     inputRef: O,
     labelId: C,
-    MenuProps: S = {},
+    MenuProps: x = {},
     multiple: T,
-    name: x,
+    name: S,
     onBlur: k,
     onChange: P,
     onClose: w,
@@ -11332,7 +11332,7 @@ const Ty = (e) => {
           writable: !0,
           value: {
             value: ge,
-            name: x
+            name: S
           }
         }), P(ke, Ce);
       }
@@ -11352,7 +11352,7 @@ const Ty = (e) => {
       writable: !0,
       value: {
         value: I,
-        name: x
+        name: S
       }
     }), k(Ce));
   };
@@ -11392,20 +11392,20 @@ const Ty = (e) => {
   process.env.NODE_ENV !== "production" && m.useEffect(() => {
     if (!me && !T && I !== "") {
       const Ce = W.map((ie) => ie.props.value);
-      console.warn([`MUI: You have provided an out-of-range value \`${I}\` for the select ${x ? `(name="${x}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${Ce.filter((ie) => ie != null).map((ie) => `\`${ie}\``).join(", ") || '""'}.`].join(`
+      console.warn([`MUI: You have provided an out-of-range value \`${I}\` for the select ${S ? `(name="${S}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${Ce.filter((ie) => ie != null).map((ie) => `\`${ie}\``).join(", ") || '""'}.`].join(`
 `));
     }
-  }, [me, W, T, x, I]), le && (T ? Ae.length === 0 ? ve = null : ve = Ae.reduce((Ce, ie, ge) => (Ce.push(ie), ge < Ae.length - 1 && Ce.push(", "), Ce), []) : ve = Le);
+  }, [me, W, T, S, I]), le && (T ? Ae.length === 0 ? ve = null : ve = Ae.reduce((Ce, ie, ge) => (Ce.push(ie), ge < Ae.length - 1 && Ce.push(", "), Ce), []) : ve = Le);
   let $e = ee;
   !s && X && Y && ($e = ce.clientWidth);
   let we;
   typeof D < "u" ? we = D : we = b ? null : 0;
-  const Ie = j.id || (x ? `mui-component-select-${x}` : void 0), _e = f({}, t, {
+  const Ie = j.id || (S ? `mui-component-select-${S}` : void 0), _e = f({}, t, {
     variant: L,
     value: I,
     open: be,
     error: y
-  }), ot = Ty(_e), nt = f({}, S.PaperProps, (n = S.slotProps) == null ? void 0 : n.paper), it = Zt();
+  }), ot = Ty(_e), nt = f({}, x.PaperProps, (n = x.slotProps) == null ? void 0 : n.paper), it = Zt();
   return /* @__PURE__ */ de(m.Fragment, {
     children: [/* @__PURE__ */ g(Oy, f({
       ref: ae,
@@ -11436,7 +11436,7 @@ const Ty = (e) => {
     })), /* @__PURE__ */ g(Sy, f({
       "aria-invalid": y,
       value: Array.isArray(I) ? I.join(",") : I,
-      name: x,
+      name: S,
       ref: se,
       "aria-hidden": !0,
       onChange: G,
@@ -11450,7 +11450,7 @@ const Ty = (e) => {
       className: ot.icon,
       ownerState: _e
     }), /* @__PURE__ */ g(aa, f({
-      id: `menu-${x || ""}`,
+      id: `menu-${S || ""}`,
       anchorEl: ce,
       open: be,
       onClose: q,
@@ -11462,15 +11462,15 @@ const Ty = (e) => {
         vertical: "top",
         horizontal: "center"
       }
-    }, S, {
+    }, x, {
       MenuListProps: f({
         "aria-labelledby": C,
         role: "listbox",
         "aria-multiselectable": T ? "true" : void 0,
         disableListWrap: !0,
         id: it
-      }, S.MenuListProps),
-      slotProps: f({}, S.slotProps, {
+      }, x.MenuListProps),
+      slotProps: f({}, x.slotProps, {
         paper: f({}, nt, {
           style: f({
             minWidth: $e
@@ -11654,14 +11654,14 @@ const Py = ["autoWidth", "children", "classes", "className", "defaultOpen", "dis
     labelId: v,
     MenuProps: O,
     multiple: C = !1,
-    native: S = !1,
+    native: x = !1,
     onClose: T,
-    onOpen: x,
+    onOpen: S,
     open: k,
     renderValue: P,
     SelectDisplayProps: w,
     variant: F = "outlined"
-  } = n, $ = re(n, Py), R = S ? Nc : jc, E = _t(), N = co({
+  } = n, $ = re(n, Py), R = x ? Nc : jc, E = _t(), N = co({
     props: n,
     muiFormControl: E,
     states: ["variant", "error"]
@@ -11693,7 +11693,7 @@ const Py = ["autoWidth", "children", "classes", "className", "defaultOpen", "dis
         type: void 0,
         // We render a select. We can ignore the type provided by the `Input`.
         multiple: C
-      }, S ? {
+      }, x ? {
         id: p
       } : {
         autoWidth: a,
@@ -11702,7 +11702,7 @@ const Py = ["autoWidth", "children", "classes", "className", "defaultOpen", "dis
         labelId: v,
         MenuProps: O,
         onClose: T,
-        onOpen: x,
+        onOpen: S,
         open: k,
         renderValue: P,
         SelectDisplayProps: f({
@@ -11711,7 +11711,7 @@ const Py = ["autoWidth", "children", "classes", "className", "defaultOpen", "dis
       }, h, {
         classes: h ? ri(L, h.classes) : L
       }, b ? b.props.inputProps : {})
-    }, (C && S || u) && j === "outlined" ? {
+    }, (C && x || u) && j === "outlined" ? {
       notched: !0
     } : {}, {
       ref: I,
@@ -11923,23 +11923,23 @@ const Iy = ["active", "children", "className", "component", "completed", "disabl
     connector: v,
     alternativeLabel: O,
     orientation: C,
-    nonLinear: S
+    nonLinear: x
   } = m.useContext(po);
-  let [T = !1, x = !1, k = !1] = [a, c, u];
-  y === p ? T = a !== void 0 ? a : !0 : !S && y > p ? x = c !== void 0 ? c : !0 : !S && y < p && (k = u !== void 0 ? u : !0);
+  let [T = !1, S = !1, k = !1] = [a, c, u];
+  y === p ? T = a !== void 0 ? a : !0 : !x && y > p ? S = c !== void 0 ? c : !0 : !x && y < p && (k = u !== void 0 ? u : !0);
   const P = m.useMemo(() => ({
     index: p,
     last: b,
     expanded: d,
     icon: p + 1,
     active: T,
-    completed: x,
+    completed: S,
     disabled: k
-  }), [p, b, d, T, x, k]), w = f({}, n, {
+  }), [p, b, d, T, S, k]), w = f({}, n, {
     active: T,
     orientation: C,
     alternativeLabel: O,
-    completed: x,
+    completed: S,
     disabled: k,
     expanded: d,
     component: s
@@ -12262,17 +12262,17 @@ const pr = xe("MuiStepLabel", ["root", "horizontal", "vertical", "label", "activ
     orientation: O
   } = m.useContext(po), {
     active: C,
-    disabled: S,
+    disabled: x,
     completed: T,
-    icon: x
-  } = m.useContext(Xo), k = u || x;
+    icon: S
+  } = m.useContext(Xo), k = u || S;
   let P = b;
   k && !P && (P = Bc);
   const w = f({}, a, {
     active: C,
     alternativeLabel: v,
     completed: T,
-    disabled: S,
+    disabled: x,
     error: c,
     orientation: O
   }), F = Wy(w), $ = (n = p.label) != null ? n : s.label;
@@ -12628,10 +12628,10 @@ const nv = ["activeStep", "alternativeLabel", "children", "className", "componen
     alternativeLabel: i,
     orientation: p,
     component: c
-  }), y = av(h), v = m.Children.toArray(l).filter(Boolean), O = v.map((S, T) => /* @__PURE__ */ m.cloneElement(S, f({
+  }), y = av(h), v = m.Children.toArray(l).filter(Boolean), O = v.map((x, T) => /* @__PURE__ */ m.cloneElement(x, f({
     index: T,
     last: T + 1 === v.length
-  }, S.props))), C = m.useMemo(() => ({
+  }, x.props))), C = m.useMemo(() => ({
     activeStep: a,
     alternativeLabel: i,
     connector: u,
@@ -12820,9 +12820,9 @@ const cr = xe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     selectionFollowsFocus: O,
     // eslint-disable-next-line react/prop-types
     textColor: C = "inherit",
-    value: S,
+    value: x,
     wrapped: T = !1
-  } = n, x = re(n, cv), k = f({}, n, {
+  } = n, S = re(n, cv), k = f({}, n, {
     disabled: i,
     disableFocusRipple: l,
     selected: v,
@@ -12835,9 +12835,9 @@ const cr = xe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
   }), P = uv(k), w = c && p && /* @__PURE__ */ m.isValidElement(c) ? /* @__PURE__ */ m.cloneElement(c, {
     className: pe(P.iconWrapper, c.props.className)
   }) : c, F = (R) => {
-    !v && b && b(R, S), h && h(R);
+    !v && b && b(R, x), h && h(R);
   }, $ = (R) => {
-    O && !v && b && b(R, S), y && y(R);
+    O && !v && b && b(R, x), y && y(R);
   };
   return /* @__PURE__ */ de(dv, f({
     focusRipple: !l,
@@ -12850,7 +12850,7 @@ const cr = xe("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     onFocus: $,
     ownerState: k,
     tabIndex: v ? 0 : -1
-  }, x, {
+  }, S, {
     children: [u === "top" || u === "start" ? /* @__PURE__ */ de(m.Fragment, {
       children: [w, p]
     }) : /* @__PURE__ */ de(m.Fragment, {
@@ -13297,9 +13297,9 @@ const Di = /* @__PURE__ */ m.forwardRef(function(t, o) {
     onChange: v,
     orientation: O = "horizontal",
     ScrollButtonComponent: C = qc,
-    scrollButtons: S = "auto",
+    scrollButtons: x = "auto",
     selectionFollowsFocus: T,
-    slots: x = {},
+    slots: S = {},
     slotProps: k = {},
     TabIndicatorProps: P = {},
     TabScrollButtonProps: w = {},
@@ -13313,7 +13313,7 @@ const Di = /* @__PURE__ */ m.forwardRef(function(t, o) {
     indicatorColor: y,
     orientation: O,
     vertical: D,
-    scrollButtons: S,
+    scrollButtons: x,
     textColor: F,
     variant: R,
     visibleScrollbar: E,
@@ -13324,11 +13324,11 @@ const Di = /* @__PURE__ */ m.forwardRef(function(t, o) {
     centered: u && !j,
     scrollButtonsHideMobile: !h
   }), K = Pv(H), se = Ve({
-    elementType: x.StartScrollButtonIcon,
+    elementType: S.StartScrollButtonIcon,
     externalSlotProps: k.startScrollButtonIcon,
     ownerState: H
   }), Z = Ve({
-    elementType: x.EndScrollButtonIcon,
+    elementType: S.EndScrollButtonIcon,
     externalSlotProps: k.endScrollButtonIcon,
     ownerState: H
   });
@@ -13428,10 +13428,10 @@ const Di = /* @__PURE__ */ m.forwardRef(function(t, o) {
       onChange: Me,
       className: pe(K.scrollableX, K.hideScrollbar)
     }) : null;
-    const Fe = j && (S === "auto" && (_ || ae) || S === !0);
+    const Fe = j && (x === "auto" && (_ || ae) || x === !0);
     return ie.scrollButtonStart = Fe ? /* @__PURE__ */ g(C, f({
       slots: {
-        StartScrollButtonIcon: x.StartScrollButtonIcon
+        StartScrollButtonIcon: S.StartScrollButtonIcon
       },
       slotProps: {
         startScrollButtonIcon: se
@@ -13444,7 +13444,7 @@ const Di = /* @__PURE__ */ m.forwardRef(function(t, o) {
       className: pe(K.scrollButtons, w.className)
     })) : null, ie.scrollButtonEnd = Fe ? /* @__PURE__ */ g(C, f({
       slots: {
-        EndScrollButtonIcon: x.EndScrollButtonIcon
+        EndScrollButtonIcon: S.EndScrollButtonIcon
       },
       slotProps: {
         endScrollButtonIcon: Z
@@ -13475,7 +13475,7 @@ const Di = /* @__PURE__ */ m.forwardRef(function(t, o) {
       }
     }
   }), Ie = Pe(() => {
-    j && S !== !1 && B(!J);
+    j && x !== !1 && B(!J);
   });
   m.useEffect(() => {
     const ie = _n(() => {
@@ -13505,7 +13505,7 @@ const Di = /* @__PURE__ */ m.forwardRef(function(t, o) {
     };
   }, [fe, Ie]), m.useEffect(() => {
     const ie = Array.from(ne.current.children), ge = ie.length;
-    if (typeof IntersectionObserver < "u" && ge > 0 && j && S !== !1) {
+    if (typeof IntersectionObserver < "u" && ge > 0 && j && x !== !1) {
       const Fe = ie[0], ke = ie[ge - 1], Re = {
         root: te.current,
         threshold: 0.99
@@ -13520,7 +13520,7 @@ const Di = /* @__PURE__ */ m.forwardRef(function(t, o) {
         qe.disconnect(), dt.disconnect();
       };
     }
-  }, [j, S, J, d == null ? void 0 : d.length]), m.useEffect(() => {
+  }, [j, x, J, d == null ? void 0 : d.length]), m.useEffect(() => {
     U(!0);
   }, []), m.useEffect(() => {
     fe();
@@ -13790,9 +13790,9 @@ const Iv = ["autoComplete", "autoFocus", "children", "className", "color", "defa
     id: v,
     InputLabelProps: O,
     inputProps: C,
-    InputProps: S,
+    InputProps: x,
     inputRef: T,
-    label: x,
+    label: S,
     maxRows: k,
     minRows: P,
     multiline: w = !1,
@@ -13821,8 +13821,8 @@ const Iv = ["autoComplete", "autoFocus", "children", "className", "color", "defa
   }), se = Ev(K);
   process.env.NODE_ENV !== "production" && M && !l && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
   const Z = {};
-  V === "outlined" && (O && typeof O.shrink < "u" && (Z.notched = O.shrink), Z.label = x), M && ((!L || !L.native) && (Z.id = void 0), Z["aria-describedby"] = void 0);
-  const Y = Zt(v), U = y && Y ? `${Y}-helper-text` : void 0, X = x && Y ? `${Y}-label` : void 0, ee = Lv[V], _ = /* @__PURE__ */ g(ee, f({
+  V === "outlined" && (O && typeof O.shrink < "u" && (Z.notched = O.shrink), Z.label = S), M && ((!L || !L.native) && (Z.id = void 0), Z["aria-describedby"] = void 0);
+  const Y = Zt(v), U = y && Y ? `${Y}-helper-text` : void 0, X = S && Y ? `${Y}-label` : void 0, ee = Lv[V], _ = /* @__PURE__ */ g(ee, f({
     "aria-describedby": U,
     autoComplete: a,
     autoFocus: i,
@@ -13842,7 +13842,7 @@ const Iv = ["autoComplete", "autoFocus", "children", "className", "color", "defa
     onFocus: E,
     placeholder: N,
     inputProps: C
-  }, Z, S));
+  }, Z, x));
   return /* @__PURE__ */ de($v, f({
     className: pe(se.root, s),
     disabled: d,
@@ -13854,11 +13854,11 @@ const Iv = ["autoComplete", "autoFocus", "children", "className", "color", "defa
     variant: V,
     ownerState: K
   }, H, {
-    children: [x != null && x !== "" && /* @__PURE__ */ g(Qo, f({
+    children: [S != null && S !== "" && /* @__PURE__ */ g(Qo, f({
       htmlFor: Y,
       id: X
     }, O, {
-      children: x
+      children: S
     })), M ? /* @__PURE__ */ g(Zo, f({
       "aria-describedby": U,
       id: Y,
@@ -14139,14 +14139,14 @@ const Vv = ["value"], jv = ["children", "className", "color", "disabled", "disab
     onChange: v,
     onClick: O,
     selected: C,
-    size: S = "medium",
+    size: x = "medium",
     value: T
-  } = c, x = re(c, jv), k = f({}, c, {
+  } = c, S = re(c, jv), k = f({}, c, {
     color: p,
     disabled: b,
     disableFocusRipple: h,
     fullWidth: y,
-    size: S
+    size: x
   }), P = zv(k), w = ($) => {
     O && (O($, T), $.defaultPrevented) || v && v($, T);
   }, F = l || "";
@@ -14160,7 +14160,7 @@ const Vv = ["value"], jv = ["children", "className", "color", "disabled", "disab
     value: T,
     ownerState: k,
     "aria-pressed": C
-  }, x, {
+  }, S, {
     children: u
   }));
 });
@@ -14359,17 +14359,17 @@ const Qe = xe("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertic
     const $ = h && h.indexOf(F);
     let R;
     h && $ >= 0 ? (R = h.slice(), R.splice($, 1)) : R = h ? h.concat(F) : [F], d(w, R);
-  }, [d, h]), S = m.useCallback((w, F) => {
+  }, [d, h]), x = m.useCallback((w, F) => {
     d && d(w, h === F ? null : F);
   }, [d, h]), T = m.useMemo(() => ({
     className: O.grouped,
-    onChange: c ? S : C,
+    onChange: c ? x : C,
     value: h,
     size: b,
     fullWidth: u,
     color: l,
     disabled: s
-  }), [O.grouped, c, S, C, h, b, u, l, s]), x = Jp(a), k = x.length, P = (w) => {
+  }), [O.grouped, c, x, C, h, b, u, l, s]), S = Jp(a), k = S.length, P = (w) => {
     const F = w === 0, $ = w === k - 1;
     return F && $ ? "" : F ? O.firstButton : $ ? O.lastButton : O.middleButton;
   };
@@ -14381,7 +14381,7 @@ const Qe = xe("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertic
   }, y, {
     children: /* @__PURE__ */ g(Ri.Provider, {
       value: T,
-      children: x.map((w, F) => (process.env.NODE_ENV !== "production" && io.isFragment(w) && console.error(["MUI: The ToggleButtonGroup component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+      children: S.map((w, F) => (process.env.NODE_ENV !== "production" && io.isFragment(w) && console.error(["MUI: The ToggleButtonGroup component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `)), /* @__PURE__ */ g(Ii.Provider, {
         value: P(F),
         children: w
@@ -15485,7 +15485,7 @@ var Wa = {
   fileRejections: []
 };
 function lu() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = Je(Je({}, iu), e), o = t.accept, n = t.disabled, a = t.getFilesFromEvent, i = t.maxSize, l = t.minSize, s = t.multiple, c = t.maxFiles, u = t.onDragEnter, d = t.onDragLeave, p = t.onDragOver, b = t.onDrop, h = t.onDropAccepted, y = t.onDropRejected, v = t.onFileDialogCancel, O = t.onFileDialogOpen, C = t.useFsAccessApi, S = t.autoFocus, T = t.preventDropOnDocument, x = t.noClick, k = t.noKeyboard, P = t.noDrag, w = t.noDragEventsBubbling, F = t.onError, $ = t.validator, R = Tr(function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = Je(Je({}, iu), e), o = t.accept, n = t.disabled, a = t.getFilesFromEvent, i = t.maxSize, l = t.minSize, s = t.multiple, c = t.maxFiles, u = t.onDragEnter, d = t.onDragLeave, p = t.onDragOver, b = t.onDrop, h = t.onDropAccepted, y = t.onDropRejected, v = t.onFileDialogCancel, O = t.onFileDialogOpen, C = t.useFsAccessApi, x = t.autoFocus, T = t.preventDropOnDocument, S = t.noClick, k = t.noKeyboard, P = t.noDrag, w = t.noDragEventsBubbling, F = t.onError, $ = t.validator, R = Tr(function() {
     return AO(o);
   }, [o]), E = Tr(function() {
     return $O(o);
@@ -15516,9 +15516,9 @@ function lu() {
       T && (document.removeEventListener("dragover", ss), document.removeEventListener("drop", U));
     };
   }, [D, T]), Yt(function() {
-    return !n && S && D.current && D.current.focus(), function() {
+    return !n && x && D.current && D.current.focus(), function() {
     };
-  }, [D, S, n]);
+  }, [D, x, n]);
   var X = st(function(le) {
     F ? F(le) : console.error(le);
   }, [F]), ee = st(function(le) {
@@ -15632,8 +15632,8 @@ function lu() {
       type: "blur"
     });
   }, []), G = st(function() {
-    x || (LO() ? setTimeout(J, 0) : J());
-  }, [x, J]), te = function(me) {
+    S || (LO() ? setTimeout(J, 0) : J());
+  }, [S, J]), te = function(me) {
     return n ? null : me;
   }, ne = function(me) {
     return k ? null : te(me);
@@ -16342,6 +16342,7 @@ const gu = A(Si, {
             },
             options: n,
             multiple: o,
+            "data-testId": i["data-testId"],
             isError: !!s.error,
             ...i,
             renderInput: (p) => /* @__PURE__ */ g(
@@ -16652,13 +16653,13 @@ var yu = { exports: {} };
   (function(o, n) {
     e.exports = n();
   })(lo, function() {
-    var o = 1e3, n = 6e4, a = 36e5, i = "millisecond", l = "second", s = "minute", c = "hour", u = "day", d = "week", p = "month", b = "quarter", h = "year", y = "date", v = "Invalid Date", O = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, C = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, S = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(D) {
+    var o = 1e3, n = 6e4, a = 36e5, i = "millisecond", l = "second", s = "minute", c = "hour", u = "day", d = "week", p = "month", b = "quarter", h = "year", y = "date", v = "Invalid Date", O = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, C = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, x = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(D) {
       var M = ["th", "st", "nd", "rd"], L = D % 100;
       return "[" + D + (M[(L - 20) % 10] || M[L] || M[0]) + "]";
     } }, T = function(D, M, L) {
       var z = String(D);
       return !z || z.length >= M ? D : "" + Array(M + 1 - z.length).join(L) + D;
-    }, x = { s: T, z: function(D) {
+    }, S = { s: T, z: function(D) {
       var M = -D.utcOffset(), L = Math.abs(M), z = Math.floor(L / 60), I = L % 60;
       return (M <= 0 ? "+" : "-") + T(z, 2, "0") + ":" + T(I, 2, "0");
     }, m: function D(M, L) {
@@ -16672,7 +16673,7 @@ var yu = { exports: {} };
     }, u: function(D) {
       return D === void 0;
     } }, k = "en", P = {};
-    P[k] = S;
+    P[k] = x;
     var w = "$isDayjsObject", F = function(D) {
       return D instanceof N || !(!D || !D[w]);
     }, $ = function D(M, L, z) {
@@ -16692,7 +16693,7 @@ var yu = { exports: {} };
       if (F(D)) return D.clone();
       var L = typeof M == "object" ? M : {};
       return L.date = D, L.args = arguments, new N(L);
-    }, E = x;
+    }, E = S;
     E.l = $, E.i = F, E.w = function(D, M) {
       return R(D, { locale: M.$L, utc: M.$u, x: M.$x, $offset: M.$offset });
     };
@@ -16964,16 +16965,16 @@ var Ou = { exports: {} };
     }, d = [/[+-]\d\d:?(\d\d)?|Z/, function(v) {
       (this.zone || (this.zone = {})).offset = function(O) {
         if (!O || O === "Z") return 0;
-        var C = O.match(/([+-]|\d\d)/g), S = 60 * C[1] + (+C[2] || 0);
-        return S === 0 ? 0 : C[0] === "+" ? -S : S;
+        var C = O.match(/([+-]|\d\d)/g), x = 60 * C[1] + (+C[2] || 0);
+        return x === 0 ? 0 : C[0] === "+" ? -x : x;
       }(v);
     }], p = function(v) {
       var O = s[v];
       return O && (O.indexOf ? O : O.s.concat(O.f));
     }, b = function(v, O) {
-      var C, S = s.meridiem;
-      if (S) {
-        for (var T = 1; T <= 24; T += 1) if (v.indexOf(S(T, 0, O)) > -1) {
+      var C, x = s.meridiem;
+      if (x) {
+        for (var T = 1; T <= 24; T += 1) if (v.indexOf(x(T, 0, O)) > -1) {
           C = T > 12;
           break;
         }
@@ -16991,10 +16992,10 @@ var Ou = { exports: {} };
       this.milliseconds = +v;
     }], s: [i, u("seconds")], ss: [i, u("seconds")], m: [i, u("minutes")], mm: [i, u("minutes")], H: [i, u("hours")], h: [i, u("hours")], HH: [i, u("hours")], hh: [i, u("hours")], D: [i, u("day")], DD: [a, u("day")], Do: [l, function(v) {
       var O = s.ordinal, C = v.match(/\d+/);
-      if (this.day = C[0], O) for (var S = 1; S <= 31; S += 1) O(S).replace(/\[|\]/g, "") === v && (this.day = S);
+      if (this.day = C[0], O) for (var x = 1; x <= 31; x += 1) O(x).replace(/\[|\]/g, "") === v && (this.day = x);
     }], M: [i, u("month")], MM: [a, u("month")], MMM: [l, function(v) {
-      var O = p("months"), C = (p("monthsShort") || O.map(function(S) {
-        return S.slice(0, 3);
+      var O = p("months"), C = (p("monthsShort") || O.map(function(x) {
+        return x.slice(0, 3);
       })).indexOf(v) + 1;
       if (C < 1) throw new Error();
       this.month = C % 12 || C;
@@ -17008,18 +17009,18 @@ var Ou = { exports: {} };
     function y(v) {
       var O, C;
       O = v, C = s && s.formats;
-      for (var S = (v = O.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function($, R, E) {
+      for (var x = (v = O.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function($, R, E) {
         var N = E && E.toUpperCase();
         return R || C[E] || o[E] || C[N].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(j, D, M) {
           return D || M.slice(1);
         });
-      })).match(n), T = S.length, x = 0; x < T; x += 1) {
-        var k = S[x], P = h[k], w = P && P[0], F = P && P[1];
-        S[x] = F ? { regex: w, parser: F } : k.replace(/^\[|\]$/g, "");
+      })).match(n), T = x.length, S = 0; S < T; S += 1) {
+        var k = x[S], P = h[k], w = P && P[0], F = P && P[1];
+        x[S] = F ? { regex: w, parser: F } : k.replace(/^\[|\]$/g, "");
       }
       return function($) {
         for (var R = {}, E = 0, N = 0; E < T; E += 1) {
-          var j = S[E];
+          var j = x[E];
           if (typeof j == "string") N += j.length;
           else {
             var D = j.regex, M = j.parser, L = $.slice(N), z = D.exec(L)[0];
@@ -17037,9 +17038,9 @@ var Ou = { exports: {} };
     }
     return function(v, O, C) {
       C.p.customParseFormat = !0, v && v.parseTwoDigitYear && (c = v.parseTwoDigitYear);
-      var S = O.prototype, T = S.parse;
-      S.parse = function(x) {
-        var k = x.date, P = x.utc, w = x.args;
+      var x = O.prototype, T = x.parse;
+      x.parse = function(S) {
+        var k = S.date, P = S.utc, w = S.args;
         this.$u = P;
         var F = w[1];
         if (typeof F == "string") {
@@ -17064,7 +17065,7 @@ var Ou = { exports: {} };
           }
           D === j && (this.$d = /* @__PURE__ */ new Date(""));
         }
-        else T.call(this, x);
+        else T.call(this, S);
       };
     };
   });
@@ -17084,8 +17085,8 @@ var xu = { exports: {} };
         var u = this.$locale().formats, d = function(p, b) {
           return p.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(h, y, v) {
             var O = v && v.toUpperCase();
-            return y || b[v] || o[v] || b[O].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(C, S, T) {
-              return S || T.slice(1);
+            return y || b[v] || o[v] || b[O].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(C, x, T) {
+              return x || T.slice(1);
             });
           });
         }(c, u === void 0 ? {} : u);
@@ -17673,7 +17674,7 @@ const _S = ["children", "className", "slots", "slotProps", "isNextDisabled", "is
     onGoToPrevious: v,
     previousLabel: O,
     labelId: C
-  } = a, S = re(a, _S), T = a, x = KS(T), k = {
+  } = a, x = re(a, _S), T = a, S = KS(T), k = {
     isDisabled: u,
     isHidden: d,
     goTo: p,
@@ -17697,7 +17698,7 @@ const _S = ["children", "className", "slots", "slotProps", "isNextDisabled", "is
     ownerState: f({}, T, {
       hidden: P.isHidden
     }),
-    className: pe(x.button, x.previousIconButton)
+    className: pe(S.button, S.previousIconButton)
   }), $ = (s == null ? void 0 : s.nextIconButton) ?? Os, R = Ve({
     elementType: $,
     externalSlotProps: c == null ? void 0 : c.nextIconButton,
@@ -17712,7 +17713,7 @@ const _S = ["children", "className", "slots", "slotProps", "isNextDisabled", "is
     ownerState: f({}, T, {
       hidden: k.isHidden
     }),
-    className: pe(x.button, x.nextIconButton)
+    className: pe(S.button, S.nextIconButton)
   }), E = (s == null ? void 0 : s.leftArrowIcon) ?? VS, N = Ve({
     elementType: E,
     externalSlotProps: c == null ? void 0 : c.leftArrowIcon,
@@ -17720,7 +17721,7 @@ const _S = ["children", "className", "slots", "slotProps", "isNextDisabled", "is
       fontSize: "inherit"
     },
     ownerState: T,
-    className: x.leftArrowIcon
+    className: S.leftArrowIcon
   }), j = re(N, US), D = (s == null ? void 0 : s.rightArrowIcon) ?? jS, M = Ve({
     elementType: D,
     externalSlotProps: c == null ? void 0 : c.rightArrowIcon,
@@ -17728,13 +17729,13 @@ const _S = ["children", "className", "slots", "slotProps", "isNextDisabled", "is
       fontSize: "inherit"
     },
     ownerState: T,
-    className: x.rightArrowIcon
+    className: S.rightArrowIcon
   }), L = re(M, qS);
   return /* @__PURE__ */ de(GS, f({
     ref: o,
-    className: pe(x.root, l),
+    className: pe(S.root, l),
     ownerState: T
-  }, S, {
+  }, x, {
     children: [/* @__PURE__ */ g(w, f({}, F, {
       children: n ? /* @__PURE__ */ g(D, f({}, L)) : /* @__PURE__ */ g(E, f({}, j))
     })), i ? /* @__PURE__ */ g(Ze, {
@@ -17743,7 +17744,7 @@ const _S = ["children", "className", "slots", "slotProps", "isNextDisabled", "is
       id: C,
       children: i
     }) : /* @__PURE__ */ g(YS, {
-      className: x.spacer,
+      className: S.spacer,
       ownerState: T
     }), /* @__PURE__ */ g($, f({}, R, {
       children: n ? /* @__PURE__ */ g(E, f({}, j)) : /* @__PURE__ */ g(D, f({}, L))
@@ -17808,29 +17809,29 @@ function rn({
   m.useEffect(() => {
     (c.current && c.current !== o || u.current && u.current.some((w) => !a.includes(w))) && (b(a.includes(o) ? o : a[0]), u.current = a, c.current = o);
   }, [o, b, p, a]);
-  const O = a.indexOf(p), C = a[O - 1] ?? null, S = a[O + 1] ?? null, T = Pe((w, F) => {
+  const O = a.indexOf(p), C = a[O - 1] ?? null, x = a[O + 1] ?? null, T = Pe((w, F) => {
     v(F ? w : ($) => w === $ ? null : $), s == null || s(w, F);
-  }), x = Pe((w) => {
+  }), S = Pe((w) => {
     T(w, !0), w !== p && (b(w), t && t(w));
   }), k = Pe(() => {
-    S && x(S);
+    x && S(x);
   }), P = Pe((w, F, $) => {
     const R = F === "finish", E = $ ? (
       // 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`.
       a.indexOf($) < a.length - 1
-    ) : !!S;
+    ) : !!x;
     if (e(w, R && E ? "partial" : F, $), $ && $ !== p) {
       const j = a[a.indexOf($) + 1];
-      j && x(j);
+      j && S(j);
     } else R && k();
   });
   return {
     view: p,
-    setView: x,
+    setView: S,
     focusedView: y,
     setFocusedView: T,
-    nextView: S,
+    nextView: x,
     previousView: C,
     // Always return up-to-date default view instead of the initial one (i.e. defaultView.current)
     defaultView: a.includes(o) ? o : a[0],
@@ -18212,7 +18213,7 @@ function wC(e) {
     disabled: v = !1,
     readOnly: O,
     className: C
-  } = t, S = t, T = ze(), x = ut(), k = m.useRef(!1), P = yC(S), w = c(y, h), F = !o && h === "hours" && (y < 1 || y > 12), $ = (V, H) => {
+  } = t, x = t, T = ze(), S = ut(), k = m.useRef(!1), P = yC(x), w = c(y, h), F = !o && h === "hours" && (y < 1 || y > 12), $ = (V, H) => {
     v || O || c(V, h) || p(V, H);
   }, R = (V, H) => {
     let {
@@ -18282,7 +18283,7 @@ function wC(e) {
         })]
       }), /* @__PURE__ */ g(xC, {
         "aria-activedescendant": b,
-        "aria-label": x.clockLabelText(h, l, T),
+        "aria-label": S.clockLabelText(h, l, T),
         ref: z,
         role: "listbox",
         onKeyDown: I,
@@ -18294,7 +18295,7 @@ function wC(e) {
       children: [/* @__PURE__ */ g(TC, {
         onClick: O ? void 0 : () => s("am"),
         disabled: v || u === null,
-        ownerState: S,
+        ownerState: x,
         className: P.amButton,
         title: rr(T, "am"),
         children: /* @__PURE__ */ g(Cs, {
@@ -18305,7 +18306,7 @@ function wC(e) {
       }), /* @__PURE__ */ g(PC, {
         disabled: v || u === null,
         onClick: O ? void 0 : () => s("pm"),
-        ownerState: S,
+        ownerState: x,
         className: P.pmButton,
         title: rr(T, "pm"),
         children: /* @__PURE__ */ g(Cs, {
@@ -18595,13 +18596,13 @@ const RC = ({
       format: o.format,
       contentType: o.contentType
     }), v = (T) => Vu(e, T, y, i, o), O = o.type === "minutes" && (s != null && s.minutesStep) ? s.minutesStep : 1;
-    let S = parseInt(Fr(o.value, i), 10) + c * O;
+    let x = parseInt(Fr(o.value, i), 10) + c * O;
     if (p) {
       if (o.type === "year" && !d && !u)
         return e.formatByString(e.date(void 0, t), o.format);
-      c > 0 || u ? S = y.minimum : S = y.maximum;
+      c > 0 || u ? x = y.minimum : x = y.maximum;
     }
-    return S % O !== 0 && ((c < 0 || u) && (S += O - (O + S) % O), (c > 0 || d) && (S -= S % O)), S > y.maximum ? v(y.minimum + (S - y.maximum - 1) % (y.maximum - y.minimum + 1)) : S < y.minimum ? v(y.maximum - (y.minimum - S - 1) % (y.maximum - y.minimum + 1)) : v(S);
+    return x % O !== 0 && ((c < 0 || u) && (x += O - (O + x) % O), (c > 0 || d) && (x -= x % O)), x > y.maximum ? v(y.minimum + (x - y.maximum - 1) % (y.maximum - y.minimum + 1)) : x < y.minimum ? v(y.maximum - (y.minimum - x - 1) % (y.maximum - y.minimum + 1)) : v(x);
   }, h = () => {
     const y = Au(e, t, o.type, o.format);
     if (y.length === 0)
@@ -18955,9 +18956,9 @@ const Fs = (e, t) => {
     minTime: v,
     disableFuture: O,
     disablePast: C,
-    minutesStep: S = 1,
+    minutesStep: x = 1,
     shouldDisableTime: T,
-    showViewSwitcher: x,
+    showViewSwitcher: S,
     onChange: k,
     view: P,
     views: w = XC,
@@ -19036,7 +19037,7 @@ const Fs = (e, t) => {
         return !be({
           start: Le,
           end: Ae
-        }) || !fe(W, S);
+        }) || !fe(W, x);
       }
       case "seconds": {
         const ve = n.setSeconds(H, W);
@@ -19048,7 +19049,7 @@ const Fs = (e, t) => {
       default:
         throw new Error("not supported");
     }
-  }, [i, H, h, y, _, v, S, T, n, O, C, se, w]), ce = Zt(), J = m.useMemo(() => {
+  }, [i, H, h, y, _, v, x, T, n, O, C, se, w]), ce = Zt(), J = m.useMemo(() => {
     switch (Z) {
       case "hours": {
         const W = (G, te) => {
@@ -19118,14 +19119,14 @@ const Fs = (e, t) => {
       value: z,
       type: Z,
       ampm: i,
-      minutesStep: S,
+      minutesStep: x,
       isTimeDisabled: ae,
       meridiemMode: _,
       handleMeridiemChange: ue,
       selectedId: ce,
       disabled: j,
       readOnly: D
-    }, J)), x && /* @__PURE__ */ g(ZC, {
+    }, J)), S && /* @__PURE__ */ g(ZC, {
       className: q.arrowSwitcher,
       slots: c,
       slotProps: u,
@@ -19376,9 +19377,9 @@ const eT = xe("MuiDigitalClock", ["root", "list", "item"]), tT = ["ampm", "timeS
     disableIgnoringDatePartForTimeValidation: v = !1,
     maxTime: O,
     minTime: C,
-    disableFuture: S,
+    disableFuture: x,
     disablePast: T,
-    minutesStep: x = 1,
+    minutesStep: S = 1,
     shouldDisableTime: k,
     onChange: P,
     view: w,
@@ -19439,9 +19440,9 @@ const eT = xe("MuiDigitalClock", ["root", "list", "item"]), tT = ["ampm", "timeS
     (u || R) && W.focus(), a.current.scrollTop = G - 4;
   });
   const J = m.useCallback((W) => {
-    const G = tn(v, n), te = () => !(C && G(C, W) || O && G(W, O) || S && G(W, Z) || T && G(Z, W)), ne = () => n.getMinutes(W) % x !== 0 ? !1 : k ? !k(W, "hours") : !0;
+    const G = tn(v, n), te = () => !(C && G(C, W) || O && G(W, O) || x && G(W, Z) || T && G(Z, W)), ne = () => n.getMinutes(W) % S !== 0 ? !1 : k ? !k(W, "hours") : !0;
     return !te() || !ne();
-  }, [v, n, C, O, S, Z, T, x, k]), B = m.useMemo(() => {
+  }, [v, n, C, O, x, Z, T, S, k]), B = m.useMemo(() => {
     const W = n.startOfDay(_);
     return [W, ...Array.from({
       length: Math.ceil(24 * 60 / c) - 1
@@ -19736,9 +19737,9 @@ const sT = xe("MuiMultiSectionDigitalClockSection", ["root", "item"]), cT = ["au
     slots: y,
     slotProps: v,
     skipDisabled: O
-  } = l, C = re(l, cT), S = m.useMemo(() => f({}, l, {
+  } = l, C = re(l, cT), x = m.useMemo(() => f({}, l, {
     alreadyRendered: !!n.current
-  }), [l]), T = uT(S), x = (y == null ? void 0 : y.digitalClockSectionItem) ?? pT;
+  }), [l]), T = uT(x), S = (y == null ? void 0 : y.digitalClockSectionItem) ?? pT;
   m.useEffect(() => {
     if (n.current === null)
       return;
@@ -19753,7 +19754,7 @@ const sT = xe("MuiMultiSectionDigitalClockSection", ["root", "item"]), cT = ["au
   return /* @__PURE__ */ g(dT, f({
     ref: a,
     className: pe(T.root, u),
-    ownerState: S,
+    ownerState: x,
     autoFocusItem: s && h,
     role: "listbox"
   }, C, {
@@ -19763,7 +19764,7 @@ const sT = xe("MuiMultiSectionDigitalClockSection", ["root", "item"]), cT = ["au
       if (O && $)
         return null;
       const R = P.isSelected(P.value), E = k === w || k === -1 && w === 0 ? 0 : -1;
-      return /* @__PURE__ */ g(x, f({
+      return /* @__PURE__ */ g(S, f({
         onClick: () => !p && c(P.value),
         selected: R,
         disabled: $,
@@ -19864,9 +19865,9 @@ const sT = xe("MuiMultiSectionDigitalClockSection", ["root", "item"]), cT = ["au
     maxTime: v,
     minTime: O,
     disableFuture: C,
-    disablePast: S,
+    disablePast: x,
     minutesStep: T = 1,
-    shouldDisableTime: x,
+    shouldDisableTime: S,
     onChange: k,
     view: P,
     views: w = ["hours", "minutes"],
@@ -19921,17 +19922,17 @@ const sT = xe("MuiMultiSectionDigitalClockSection", ["root", "item"]), cT = ["au
     const ve = tn(y, n), Le = fe === "hours" || fe === "minutes" && X.includes("seconds"), Ae = ({
       start: me,
       end: Me
-    }) => !(O && ve(O, Me) || v && ve(me, v) || C && ve(me, se) || S && ve(se, Le ? Me : me)), le = (me, Me = 1) => {
+    }) => !(O && ve(O, Me) || v && ve(me, v) || C && ve(me, se) || x && ve(se, Le ? Me : me)), le = (me, Me = 1) => {
       if (me % Me !== 0)
         return !1;
-      if (x)
+      if (S)
         switch (fe) {
           case "hours":
-            return !x(n.setHours(Y, me), "hours");
+            return !S(n.setHours(Y, me), "hours");
           case "minutes":
-            return !x(n.setMinutes(Y, me), "minutes");
+            return !S(n.setMinutes(Y, me), "minutes");
           case "seconds":
-            return !x(n.setSeconds(Y, me), "seconds");
+            return !S(n.setSeconds(Y, me), "seconds");
           default:
             return !1;
         }
@@ -19962,7 +19963,7 @@ const sT = xe("MuiMultiSectionDigitalClockSection", ["root", "item"]), cT = ["au
       default:
         throw new Error("not supported");
     }
-  }, [l, Y, y, v, ce, O, T, x, n, C, S, se, X]), q = m.useCallback((be) => {
+  }, [l, Y, y, v, ce, O, T, S, n, C, x, se, X]), q = m.useCallback((be) => {
     switch (be) {
       case "hours":
         return {
@@ -20352,9 +20353,9 @@ const Sr = xe("MuiPickersDay", ["root", "dayWithMargin", "dayOutsideMonth", "hid
     onKeyDown: v = Po,
     onMouseDown: O = Po,
     onMouseEnter: C = Po,
-    outsideCurrentMonth: S,
+    outsideCurrentMonth: x,
     selected: T = !1,
-    showDaysOutsideCurrentMonth: x = !1,
+    showDaysOutsideCurrentMonth: S = !1,
     children: k,
     today: P = !1
   } = n, w = re(n, vT), F = f({}, n, {
@@ -20363,18 +20364,18 @@ const Sr = xe("MuiPickersDay", ["root", "dayWithMargin", "dayOutsideMonth", "hid
     disableHighlightToday: c,
     disableMargin: u,
     selected: T,
-    showDaysOutsideCurrentMonth: x,
+    showDaysOutsideCurrentMonth: S,
     today: P
   }), $ = OT(F), R = ze(), E = m.useRef(null), N = Ge(E, o);
   at(() => {
-    a && !s && !d && !S && E.current.focus();
-  }, [a, s, d, S]);
+    a && !s && !d && !x && E.current.focus();
+  }, [a, s, d, x]);
   const j = (M) => {
-    O(M), S && M.preventDefault();
+    O(M), x && M.preventDefault();
   }, D = (M) => {
-    s || b(l), S && M.currentTarget.focus(), p && p(M);
+    s || b(l), x && M.currentTarget.focus(), p && p(M);
   };
-  return S && !x ? /* @__PURE__ */ g(ST, {
+  return x && !S ? /* @__PURE__ */ g(ST, {
     className: pe($.root, $.hiddenDaySpacingFiller, i),
     ownerState: F,
     role: w.role
@@ -20664,10 +20665,10 @@ const TT = ({
     if (!v && O != null && u.test(O)) {
       let C = O;
       for (; C.length > 0; ) {
-        const S = d.exec(C)[1];
-        C = C.slice(S.length), i.push(kT(f({}, e, {
+        const x = d.exec(C)[1];
+        C = C.slice(x.length), i.push(kT(f({}, e, {
           now: a,
-          token: S,
+          token: x,
           startSeparator: l
         }))), l = "";
       }
@@ -20728,9 +20729,9 @@ const TT = ({
       formatDensity: v = "dense",
       selectedSections: O,
       onSelectedSectionsChange: C,
-      shouldRespectLeadingZeros: S = !1,
+      shouldRespectLeadingZeros: x = !1,
       timezone: T,
-      enableAccessibleFieldDOMStructure: x = !1
+      enableAccessibleFieldDOMStructure: S = !1
     }
   } = e, {
     timezone: k,
@@ -20750,10 +20751,10 @@ const TT = ({
     format: y,
     date: ee,
     formatDensity: v,
-    shouldRespectLeadingZeros: S,
-    enableAccessibleFieldDOMStructure: x,
+    shouldRespectLeadingZeros: x,
+    enableAccessibleFieldDOMStructure: S,
     isRtl: a
-  })), [l, y, o, F, a, S, t, v, k, x]), [E, N] = m.useState(() => {
+  })), [l, y, o, F, a, x, t, v, k, S]), [E, N] = m.useState(() => {
     const U = R(P);
     Fs(U, s);
     const X = {
@@ -20834,8 +20835,8 @@ const TT = ({
         format: y,
         date: ce,
         formatDensity: v,
-        shouldRespectLeadingZeros: S,
-        enableAccessibleFieldDOMStructure: x,
+        shouldRespectLeadingZeros: x,
+        enableAccessibleFieldDOMStructure: S,
         isRtl: a
       });
       return Rs(t, k, ce, J, ae, !1);
@@ -20920,9 +20921,9 @@ const TT = ({
     keyPressed: y,
     sectionIndex: v
   }, O, C) => {
-    const S = y.toLowerCase(), T = e[v];
+    const x = y.toLowerCase(), T = e[v];
     if (s != null && (!C || C(s.value)) && s.sectionIndex === v) {
-      const k = `${s.value}${S}`, P = O(k, T);
+      const k = `${s.value}${x}`, P = O(k, T);
       if (!jr(P))
         return c({
           sectionIndex: v,
@@ -20930,27 +20931,27 @@ const TT = ({
           sectionType: T.type
         }), P;
     }
-    const x = O(S, T);
-    return jr(x) && !x.saveQuery ? (u(), null) : (c({
+    const S = O(x, T);
+    return jr(S) && !S.saveQuery ? (u(), null) : (c({
       sectionIndex: v,
-      value: S,
+      value: x,
       sectionType: T.type
-    }), jr(x) ? null : x);
+    }), jr(S) ? null : S);
   }, p = (y) => {
-    const v = (S, T, x) => {
-      const k = T.filter((P) => P.toLowerCase().startsWith(x));
+    const v = (x, T, S) => {
+      const k = T.filter((P) => P.toLowerCase().startsWith(S));
       return k.length === 0 ? {
         saveQuery: !1
       } : {
         sectionValue: k[0],
         shouldGoToNextSection: k.length === 1
       };
-    }, O = (S, T, x, k) => {
+    }, O = (x, T, S, k) => {
       const P = (w) => Au(l, i, T.type, w);
       if (T.contentType === "letter")
-        return v(T.format, P(T.format), S);
-      if (x && k != null && Wi(l, x).contentType === "letter") {
-        const w = P(x), F = v(x, w, S);
+        return v(T.format, P(T.format), x);
+      if (S && k != null && Wi(l, S).contentType === "letter") {
+        const w = P(S), F = v(S, w, x);
         return jr(F) ? {
           saveQuery: !1
         } : f({}, F, {
@@ -20961,18 +20962,18 @@ const TT = ({
         saveQuery: !1
       };
     };
-    return d(y, (S, T) => {
+    return d(y, (x, T) => {
       switch (T.type) {
         case "month": {
-          const x = (k) => ks(l, k, l.formats.month, T.format);
-          return O(S, T, l.formats.month, x);
+          const S = (k) => ks(l, k, l.formats.month, T.format);
+          return O(x, T, l.formats.month, S);
         }
         case "weekDay": {
-          const x = (k, P) => P.indexOf(k).toString();
-          return O(S, T, l.formats.weekday, x);
+          const S = (k, P) => P.indexOf(k).toString();
+          return O(x, T, l.formats.weekday, S);
         }
         case "meridiem":
-          return O(S, T);
+          return O(x, T);
         default:
           return {
             saveQuery: !1
@@ -20980,52 +20981,52 @@ const TT = ({
       }
     });
   }, b = (y) => {
-    const v = (C, S) => {
-      const T = Fr(C, n), x = Number(T), k = o[S.type]({
+    const v = (C, x) => {
+      const T = Fr(C, n), S = Number(T), k = o[x.type]({
         currentDate: null,
-        format: S.format,
-        contentType: S.contentType
+        format: x.format,
+        contentType: x.contentType
       });
-      if (x > k.maximum)
+      if (S > k.maximum)
         return {
           saveQuery: !1
         };
-      if (x < k.minimum)
+      if (S < k.minimum)
         return {
           saveQuery: !0
         };
-      const P = x * 10 > k.maximum || T.length === k.maximum.toString().length;
+      const P = S * 10 > k.maximum || T.length === k.maximum.toString().length;
       return {
-        sectionValue: Vu(l, x, k, n, S),
+        sectionValue: Vu(l, S, k, n, x),
         shouldGoToNextSection: P
       };
     };
-    return d(y, (C, S) => {
-      if (S.contentType === "digit" || S.contentType === "digit-with-letter")
-        return v(C, S);
-      if (S.type === "month") {
-        const T = zu(l, i, "digit", "month", "MM"), x = v(C, {
-          type: S.type,
+    return d(y, (C, x) => {
+      if (x.contentType === "digit" || x.contentType === "digit-with-letter")
+        return v(C, x);
+      if (x.type === "month") {
+        const T = zu(l, i, "digit", "month", "MM"), S = v(C, {
+          type: x.type,
           format: "MM",
           hasLeadingZerosInFormat: T,
           hasLeadingZerosInInput: !0,
           contentType: "digit",
           maxLength: 2
         });
-        if (jr(x))
-          return x;
-        const k = ks(l, x.sectionValue, "MM", S.format);
-        return f({}, x, {
+        if (jr(S))
+          return S;
+        const k = ks(l, S.sectionValue, "MM", x.format);
+        return f({}, S, {
           sectionValue: k
         });
       }
-      if (S.type === "weekDay") {
-        const T = v(C, S);
+      if (x.type === "weekDay") {
+        const T = v(C, x);
         if (jr(T))
           return T;
-        const x = da(l, i, S.format)[Number(T.sectionValue) - 1];
+        const S = da(l, i, x.format)[Number(T.sectionValue) - 1];
         return f({}, T, {
-          sectionValue: x
+          sectionValue: S
         });
       }
       return {
@@ -21082,9 +21083,9 @@ const ET = (e, t) => (o) => {
     parsedSelectedSections: v,
     state: O,
     clearActiveSection: C,
-    clearValue: S,
+    clearValue: x,
     updateSectionValue: T,
-    updateValueFromValueStr: x,
+    updateValueFromValueStr: S,
     sectionOrder: k,
     areAllSectionsEmpty: P,
     sectionsValueBoundaries: w
@@ -21148,7 +21149,7 @@ const ET = (e, t) => (o) => {
     if (s == null || s(B), !F.current || v !== "all")
       return;
     const W = B.target.textContent ?? "";
-    F.current.getRoot().innerHTML = O.sections.map((G) => `${G.startSeparator}${G.value || G.placeholder}${G.endSeparator}`).join(""), M.syncSelectionToDOM(), W.length === 0 || W.charCodeAt(0) === 10 ? (h(), S(), y("all")) : W.length > 1 ? x(W) : b({
+    F.current.getRoot().innerHTML = O.sections.map((G) => `${G.startSeparator}${G.value || G.placeholder}${G.endSeparator}`).join(""), M.syncSelectionToDOM(), W.length === 0 || W.charCodeAt(0) === 10 ? (h(), x(), y("all")) : W.length > 1 ? S(W) : b({
       keyPressed: W,
       sectionIndex: 0
     });
@@ -21158,7 +21159,7 @@ const ET = (e, t) => (o) => {
       return;
     }
     const q = B.clipboardData.getData("text");
-    B.preventDefault(), h(), x(q);
+    B.preventDefault(), h(), S(q);
   }), H = Pe((...B) => {
     if (l == null || l(...B), j || !F.current)
       return;
@@ -21184,7 +21185,7 @@ const ET = (e, t) => (o) => {
       activeSection: q,
       newSectionValue: W,
       shouldGoToNextSection: !0
-    })) : !G && !te && (h(), x(W));
+    })) : !G && !te && (h(), S(W));
   }), X = Pe((B) => {
     B.preventDefault(), B.dataTransfer.dropEffect = "none";
   }), ee = Pe((B) => {
@@ -21267,7 +21268,7 @@ const ET = (e, t) => (o) => {
       }
     };
   }), [O.sections, Y, U, X, ee, se, Z, t, o, ue, R, E, _, N]), ce = Pe((B) => {
-    x(B.target.value);
+    S(B.target.value);
   }), J = m.useMemo(() => P ? "" : p.getV7HiddenInputValueFromSections(O.sections), [P, O.sections, p]);
   return m.useEffect(() => {
     if (F.current == null)
@@ -21331,9 +21332,9 @@ const ET = (e, t) => (o) => {
     fieldValueManager: v,
     valueManager: O,
     applyCharacterEditing: C,
-    resetCharacterQuery: S,
+    resetCharacterQuery: x,
     updateSectionValue: T,
-    updateValueFromValueStr: x,
+    updateValueFromValueStr: S,
     clearActiveSection: k,
     clearValue: P,
     setTempAndroidValueStr: w,
@@ -21399,7 +21400,7 @@ const ET = (e, t) => (o) => {
     if (typeof b == "number") {
       const ue = y.sections[b], ae = /^[a-zA-Z]+$/.test(_), ce = /^[0-9]+$/.test(_), J = /^(([a-zA-Z]+)|)([0-9]+)(([a-zA-Z]+)|)$/.test(_);
       if (ue.contentType === "letter" && ae || ue.contentType === "digit" && ce || ue.contentType === "digit-with-letter" && J) {
-        S(), T({
+        x(), T({
           activeSection: ue,
           newSectionValue: _,
           shouldGoToNextSection: !0
@@ -21409,7 +21410,7 @@ const ET = (e, t) => (o) => {
       if (ae || ce)
         return;
     }
-    S(), x(_);
+    x(), S(_);
   }), H = Pe((...ee) => {
     s == null || s(...ee), F(null);
   }), K = Pe((ee) => {
@@ -21417,12 +21418,12 @@ const ET = (e, t) => (o) => {
       return;
     const _ = ee.target.value;
     if (_ === "") {
-      S(), P();
+      x(), P();
       return;
     }
     const ue = ee.nativeEvent.data, ae = ue && ue.length > 1, ce = ae ? ue : _, J = Wr(ce);
     if (h == null || ae) {
-      x(ae ? ue : J);
+      S(ae ? ue : J);
       return;
     }
     let B;
@@ -21440,7 +21441,7 @@ const ET = (e, t) => (o) => {
       B = J.slice(te.start + Wr(te.startSeparator || "").length, be);
     }
     if (B.length === 0) {
-      WC() && w(ce), S(), k();
+      WC() && w(ce), x(), k();
       return;
     }
     C({
@@ -21492,9 +21493,9 @@ const ET = (e, t) => (o) => {
     validator: y
   } = e, v = gt(), O = DT(e), {
     state: C,
-    activeSectionIndex: S,
+    activeSectionIndex: x,
     parsedSelectedSections: T,
-    setSelectedSections: x,
+    setSelectedSections: S,
     clearValue: k,
     clearActiveSection: P,
     updateSectionValue: w,
@@ -21521,28 +21522,28 @@ const ET = (e, t) => (o) => {
     if (c == null || c(U), !l)
       switch (!0) {
         case ((U.ctrlKey || U.metaKey) && U.key.toLowerCase() === "a" && !U.shiftKey && !U.altKey): {
-          U.preventDefault(), x("all");
+          U.preventDefault(), S("all");
           break;
         }
         case U.key === "ArrowRight": {
           if (U.preventDefault(), T == null)
-            x(L.startIndex);
+            S(L.startIndex);
           else if (T === "all")
-            x(L.endIndex);
+            S(L.endIndex);
           else {
             const X = L.neighbors[T].rightIndex;
-            X !== null && x(X);
+            X !== null && S(X);
           }
           break;
         }
         case U.key === "ArrowLeft": {
           if (U.preventDefault(), T == null)
-            x(L.endIndex);
+            S(L.endIndex);
           else if (T === "all")
-            x(L.startIndex);
+            S(L.startIndex);
           else {
             const X = L.neighbors[T].leftIndex;
-            X !== null && x(X);
+            X !== null && S(X);
           }
           break;
         }
@@ -21553,9 +21554,9 @@ const ET = (e, t) => (o) => {
           break;
         }
         case ["ArrowUp", "ArrowDown", "Home", "End", "PageUp", "PageDown"].includes(U.key): {
-          if (U.preventDefault(), s || S == null)
+          if (U.preventDefault(), s || x == null)
             break;
-          const X = C.sections[S], ee = b.getActiveDateManager(t, C, X), _ = NC(t, E, X, U.key, $, R, ee.date, {
+          const X = C.sections[x], ee = b.getActiveDateManager(t, C, X), _ = NC(t, E, X, U.key, $, R, ee.date, {
             minutesStep: a
           });
           w({
@@ -21575,9 +21576,9 @@ const ET = (e, t) => (o) => {
     timezone: E
   }), y, h.isSameError, h.defaultErrorState), K = m.useMemo(() => u !== void 0 ? u : h.hasError(H), [h, H, u]);
   m.useEffect(() => {
-    !K && S == null && j();
-  }, [C.referenceValue, S, K]), m.useEffect(() => {
-    C.tempValueStrAndroid != null && S != null && (j(), P());
+    !K && x == null && j();
+  }, [C.referenceValue, x, K]), m.useEffect(() => {
+    C.tempValueStrAndroid != null && x != null && (j(), P());
   }, [C.sections]), m.useImperativeHandle(n, () => ({
     getSections: () => C.sections,
     getActiveSectionIndex: I.getActiveSectionIndexFromDOM,
@@ -21586,7 +21587,7 @@ const ET = (e, t) => (o) => {
     isFieldFocused: I.isFieldFocused
   }));
   const se = Pe((U, ...X) => {
-    U.preventDefault(), p == null || p(U, ...X), k(), I.isFieldFocused() ? x(L.startIndex) : I.focusField(0);
+    U.preventDefault(), p == null || p(U, ...X), k(), I.isFieldFocused() ? S(L.startIndex) : I.focusField(0);
   }), Z = {
     onKeyDown: V,
     onClear: se,
@@ -22073,9 +22074,9 @@ const ZT = ["elements", "areAllSectionsEmpty", "defaultValue", "label", "value",
     tabIndex: v,
     onInput: O,
     onPaste: C,
-    onKeyDown: S,
+    onKeyDown: x,
     name: T,
-    readOnly: x,
+    readOnly: S,
     inputProps: k,
     inputRef: P,
     sectionListRef: w
@@ -22119,7 +22120,7 @@ const ZT = ["elements", "areAllSectionsEmpty", "defaultValue", "label", "value",
       onBlur: j.onBlur,
       onInput: O,
       onPaste: C,
-      onKeyDown: S,
+      onKeyDown: x,
       slots: {
         root: V,
         section: JT,
@@ -22147,7 +22148,7 @@ const ZT = ["elements", "areAllSectionsEmpty", "defaultValue", "label", "value",
       id: c,
       "aria-hidden": "true",
       tabIndex: -1,
-      readOnly: x,
+      readOnly: S,
       required: j.required,
       disabled: j.disabled
     }, k, {
@@ -23040,9 +23041,9 @@ const SP = ["onFocus", "onBlur", "className", "color", "disabled", "error", "var
     sectionListRef: v,
     elements: O,
     areAllSectionsEmpty: C,
-    onClick: S,
+    onClick: x,
     onKeyDown: T,
-    onKeyUp: x,
+    onKeyUp: S,
     onPaste: k,
     onInput: P,
     endAdornment: w,
@@ -23091,9 +23092,9 @@ const SP = ["onFocus", "onBlur", "className", "color", "disabled", "error", "var
     })), /* @__PURE__ */ g(ue, f({
       elements: O,
       areAllSectionsEmpty: C,
-      onClick: S,
+      onClick: x,
       onKeyDown: T,
-      onKeyUp: x,
+      onKeyUp: S,
       onInput: P,
       onPaste: k,
       endAdornment: w,
@@ -24035,7 +24036,7 @@ const id = ({
     O(f({
       type: "changeMonth"
     }, P)), c && c(P.newMonth);
-  }, [c]), S = m.useCallback((P) => {
+  }, [c]), x = m.useCallback((P) => {
     const w = P;
     b.isSameMonth(w, v.currentMonth) || C({
       newMonth: b.startOfMonth(w),
@@ -24048,7 +24049,7 @@ const id = ({
     disableFuture: n,
     disablePast: a,
     timezone: p
-  }), x = m.useCallback(() => {
+  }), S = m.useCallback(() => {
     O({
       type: "finishMonthSwitchingAnimation"
     });
@@ -24062,10 +24063,10 @@ const id = ({
   return {
     referenceDate: y,
     calendarState: v,
-    changeMonth: S,
+    changeMonth: x,
     changeFocusedDay: k,
     isDateDisabled: T,
-    onMonthSwitchingAnimationEnd: x,
+    onMonthSwitchingAnimationEnd: S,
     handleChangeMonth: C
   };
 }, $P = (e) => Te("MuiPickersFadeTransitionGroup", e);
@@ -24347,7 +24348,7 @@ function rw(e) {
     slots: h,
     slotProps: y,
     timezone: v
-  } = t, O = ze(), C = Lr(v), S = n !== null && O.isSameDay(o, n), T = a.some((N) => O.isSameDay(N, o)), x = O.isSameDay(o, C), k = (h == null ? void 0 : h.day) ?? CT, P = Ve({
+  } = t, O = ze(), C = Lr(v), x = n !== null && O.isSameDay(o, n), T = a.some((N) => O.isSameDay(N, o)), S = O.isSameDay(o, C), k = (h == null ? void 0 : h.day) ?? CT, P = Ve({
     elementType: k,
     externalSlotProps: y == null ? void 0 : y.day,
     additionalProps: f({
@@ -24372,15 +24373,15 @@ function rw(e) {
   return /* @__PURE__ */ g(k, f({}, w, {
     day: o,
     disabled: F,
-    autoFocus: s && S,
-    today: x,
+    autoFocus: s && x,
+    today: S,
     outsideCurrentMonth: $,
     isFirstVisibleCell: R,
     isLastVisibleCell: E,
     selected: T,
-    tabIndex: S ? 0 : -1,
+    tabIndex: x ? 0 : -1,
     "aria-selected": T,
-    "aria-current": x ? "date" : void 0
+    "aria-current": S ? "date" : void 0
   }));
 }
 function ow(e) {
@@ -24405,9 +24406,9 @@ function ow(e) {
     TransitionProps: v,
     disablePast: O,
     disableFuture: C,
-    minDate: S,
+    minDate: x,
     maxDate: T,
-    shouldDisableDate: x,
+    shouldDisableDate: S,
     shouldDisableMonth: k,
     shouldDisableYear: P,
     dayOfWeekFormatter: w = (te) => o.format(te, "weekdayShort").charAt(0).toUpperCase(),
@@ -24419,10 +24420,10 @@ function ow(e) {
     autoFocus: j,
     timezone: D
   } = t, M = Lr(D), L = qP(t), z = gt(), I = id({
-    shouldDisableDate: x,
+    shouldDisableDate: S,
     shouldDisableMonth: k,
     shouldDisableYear: P,
-    minDate: S,
+    minDate: x,
     maxDate: T,
     disablePast: O,
     disableFuture: C,
@@ -24660,7 +24661,7 @@ const vn = xe("MuiPickersMonth", ["root", "monthButton", "disabled", "selected"]
     "aria-label": v,
     slots: O,
     slotProps: C
-  } = o, S = re(o, aw), T = m.useRef(null), x = iw(o);
+  } = o, x = re(o, aw), T = m.useRef(null), S = iw(o);
   at(() => {
     var w;
     n && ((w = T.current) == null || w.focus());
@@ -24684,12 +24685,12 @@ const vn = xe("MuiPickersMonth", ["root", "monthButton", "disabled", "selected"]
       onBlur: (w) => h(w, c)
     },
     ownerState: o,
-    className: x.monthButton
+    className: S.monthButton
   });
   return /* @__PURE__ */ g(lw, f({
-    className: pe(x.root, a),
+    className: pe(S.root, a),
     ownerState: o
-  }, S, {
+  }, x, {
     children: /* @__PURE__ */ g(k, f({}, P))
   }));
 });
@@ -24746,9 +24747,9 @@ const mw = A("div", {
     readOnly: v,
     autoFocus: O = !1,
     onMonthFocus: C,
-    hasFocus: S,
+    hasFocus: x,
     onFocusedViewChange: T,
-    monthsPerRow: x = 3,
+    monthsPerRow: S = 3,
     timezone: k,
     gridLabelId: P,
     slots: w,
@@ -24778,7 +24779,7 @@ const mw = A("div", {
   ), z = n, I = pw(z), V = m.useMemo(() => M.getMonth(j), [M, j]), H = m.useMemo(() => R != null ? M.getMonth(R) : null, [R, M]), [K, se] = m.useState(() => H || M.getMonth(L)), [Z, Y] = wt({
     name: "MonthCalendar",
     state: "hasFocus",
-    controlled: S,
+    controlled: x,
     default: O ?? !1
   }), U = Pe((J) => {
     Y(J), T && T(J);
@@ -24837,7 +24838,7 @@ const mw = A("div", {
         onBlur: ce,
         "aria-current": V === B ? "date" : void 0,
         "aria-label": W,
-        monthsPerRow: x,
+        monthsPerRow: S,
         slots: w,
         slotProps: F,
         children: q
@@ -25039,19 +25040,19 @@ const On = xe("MuiPickersYear", ["root", "yearButton", "selected", "disabled"]),
     "aria-current": y,
     slots: v,
     slotProps: O
-  } = o, C = re(o, gw), S = m.useRef(null), T = hw(o);
+  } = o, C = re(o, gw), x = m.useRef(null), T = hw(o);
   at(() => {
     var P;
-    n && ((P = S.current) == null || P.focus());
+    n && ((P = x.current) == null || P.focus());
   }, [n]);
-  const x = (v == null ? void 0 : v.yearButton) ?? vw, k = Ve({
-    elementType: x,
+  const S = (v == null ? void 0 : v.yearButton) ?? vw, k = Ve({
+    elementType: S,
     externalSlotProps: O == null ? void 0 : O.yearButton,
     additionalProps: {
       children: i,
       disabled: l,
       tabIndex: u,
-      ref: S,
+      ref: x,
       type: "button",
       role: "radio",
       "aria-current": y,
@@ -25068,7 +25069,7 @@ const On = xe("MuiPickersYear", ["root", "yearButton", "selected", "disabled"]),
     className: pe(T.root, a),
     ownerState: o
   }, C, {
-    children: /* @__PURE__ */ g(x, f({}, k))
+    children: /* @__PURE__ */ g(S, f({}, k))
   }));
 });
 function xw(e) {
@@ -25129,9 +25130,9 @@ const Pw = A("div", {
     readOnly: v,
     shouldDisableYear: O,
     onYearFocus: C,
-    hasFocus: S,
+    hasFocus: x,
     onFocusedViewChange: T,
-    yearsPerRow: x,
+    yearsPerRow: S,
     timezone: k,
     gridLabelId: P,
     slots: w,
@@ -25161,7 +25162,7 @@ const Pw = A("div", {
   ), z = n, I = Cw(z), V = m.useMemo(() => M.getYear(j), [M, j]), H = m.useMemo(() => R != null ? M.getYear(R) : null, [R, M]), [K, se] = m.useState(() => H || M.getYear(L)), [Z, Y] = wt({
     name: "YearCalendar",
     state: "hasFocus",
-    controlled: S,
+    controlled: x,
     default: a ?? !1
   }), U = Pe((q) => {
     Y(q), T && T(q);
@@ -25186,10 +25187,10 @@ const Pw = A("div", {
   const ue = Pe((q, W) => {
     switch (q.key) {
       case "ArrowUp":
-        _(W - x), q.preventDefault();
+        _(W - S), q.preventDefault();
         break;
       case "ArrowDown":
-        _(W + x), q.preventDefault();
+        _(W + S), q.preventDefault();
         break;
       case "ArrowLeft":
         _(W + (D ? 1 : -1)), q.preventDefault();
@@ -25231,7 +25232,7 @@ const Pw = A("div", {
         onFocus: ae,
         onBlur: ce,
         "aria-current": V === W ? "date" : void 0,
-        yearsPerRow: x,
+        yearsPerRow: S,
         slots: w,
         slotProps: F,
         children: M.format(q, "year")
@@ -25431,9 +25432,9 @@ const ww = (e) => Te("MuiPickersCalendarHeader", e), kw = xe("MuiPickersCalendar
     onViewChange: v,
     view: O,
     reduceAnimations: C,
-    views: S,
+    views: x,
     labelId: T,
-    className: x,
+    className: S,
     timezone: k,
     format: P = `${a.formats.month} ${a.formats.year}`
   } = i, w = re(i, Mw), F = i, $ = Dw(i), R = (l == null ? void 0 : l.switchViewButton) ?? Ew, E = Ve({
@@ -25459,20 +25460,20 @@ const ww = (e) => Te("MuiPickersCalendarHeader", e), kw = xe("MuiPickersCalendar
     minDate: h,
     timezone: k
   }), V = () => {
-    if (!(S.length === 1 || !v || u))
-      if (S.length === 2)
-        v(S.find((K) => K !== O) || S[0]);
+    if (!(x.length === 1 || !v || u))
+      if (x.length === 2)
+        v(x.find((K) => K !== O) || x[0]);
       else {
-        const K = S.indexOf(O) !== 0 ? 0 : 1;
-        v(S[K]);
+        const K = x.indexOf(O) !== 0 ? 0 : 1;
+        v(x[K]);
       }
   };
-  if (S.length === 1 && S[0] === "year")
+  if (x.length === 1 && x[0] === "year")
     return null;
   const H = a.formatByString(c, P);
   return /* @__PURE__ */ de(Rw, f({}, w, {
     ownerState: F,
-    className: pe(x, $.root),
+    className: pe(S, $.root),
     ref: o,
     children: [/* @__PURE__ */ de(Iw, {
       role: "presentation",
@@ -25489,7 +25490,7 @@ const ww = (e) => Te("MuiPickersCalendarHeader", e), kw = xe("MuiPickersCalendar
           className: $.label,
           children: H
         })
-      }), S.length > 1 && !u && /* @__PURE__ */ g(R, f({}, E, {
+      }), x.length > 1 && !u && /* @__PURE__ */ g(R, f({}, E, {
         children: /* @__PURE__ */ g(N, f({}, D))
       }))]
     }), /* @__PURE__ */ g(Uo, {
@@ -25612,9 +25613,9 @@ const Hw = A(ua, {
     onMonthChange: v,
     reduceAnimations: O,
     shouldDisableDate: C,
-    shouldDisableMonth: S,
+    shouldDisableMonth: x,
     shouldDisableYear: T,
-    view: x,
+    view: S,
     views: k,
     openTo: P,
     className: w,
@@ -25655,7 +25656,7 @@ const Hw = A(ua, {
     goToNextView: q,
     setValueAndGoToNextView: W
   } = rn({
-    view: x,
+    view: S,
     views: k,
     openTo: P,
     onChange: _,
@@ -25777,7 +25778,7 @@ const Hw = A(ua, {
           className: w,
           value: ee,
           onChange: Ie,
-          shouldDisableMonth: S,
+          shouldDisableMonth: x,
           onFocusedViewChange: (ke) => B("month", ke),
           monthsPerRow: Y,
           referenceDate: G
@@ -25788,7 +25789,7 @@ const Hw = A(ua, {
           selectedDays: Fe,
           onSelectedDaysChange: ot,
           shouldDisableDate: C,
-          shouldDisableMonth: S,
+          shouldDisableMonth: x,
           shouldDisableYear: T,
           hasFocus: Me,
           onFocusedViewChange: (ke) => B("day", ke),
@@ -26417,7 +26418,7 @@ function sk(e) {
       y.current instanceof HTMLElement && y.current.focus();
     }));
   }, [c, u, i]);
-  const [v, O, C] = ik(c, l ?? s), S = m.useRef(null), T = Ge(S, a), x = Ge(T, v), k = t, P = rk(k), w = pd(), F = h ?? w, $ = (M) => {
+  const [v, O, C] = ik(c, l ?? s), x = m.useRef(null), T = Ge(x, a), S = Ge(T, v), k = t, P = rk(k), w = pd(), F = h ?? w, $ = (M) => {
     M.key === "Escape" && (M.stopPropagation(), s());
   }, R = (p == null ? void 0 : p.desktopTransition) ?? F ? Uo : oa, E = (p == null ? void 0 : p.desktopTrapFocus) ?? Dp, N = (p == null ? void 0 : p.desktopPaper) ?? nk, j = (p == null ? void 0 : p.popper) ?? ok, D = Ve({
     elementType: j,
@@ -26449,7 +26450,7 @@ function sk(e) {
           PaperComponent: N,
           ownerState: k,
           popperPlacement: L,
-          ref: x,
+          ref: S,
           onPaperClick: O,
           onPaperTouchStart: C,
           paperClasses: P.paper,
@@ -26534,7 +26535,7 @@ const ck = ({
     setIsOpen: O
   } = ck(e), {
     timezone: C,
-    value: S,
+    value: x,
     handleValueChange: T
   } = Hi({
     timezone: d,
@@ -26542,24 +26543,24 @@ const ck = ({
     defaultValue: p,
     onChange: l,
     valueManager: t
-  }), [x, k] = m.useState(() => {
+  }), [S, k] = m.useState(() => {
     let Z;
-    return S !== void 0 ? Z = S : p !== void 0 ? Z = p : Z = t.emptyValue, {
+    return x !== void 0 ? Z = x : p !== void 0 ? Z = p : Z = t.emptyValue, {
       draft: Z,
       lastPublishedValue: Z,
       lastCommittedValue: Z,
-      lastControlledValue: S,
+      lastControlledValue: x,
       hasBeenModifiedSinceMount: !1
     };
   });
   Yu(f({}, e, {
-    value: x.draft,
+    value: S.draft,
     timezone: C
   }), a, t.isSameError, t.defaultErrorState);
   const P = Pe((Z) => {
     const Y = {
       action: Z,
-      dateState: x,
+      dateState: S,
       hasChanged: (ae) => !t.areValuesEqual(h, Z.value, ae),
       isControlled: b,
       closeOnSelect: u
@@ -26583,14 +26584,14 @@ const ck = ({
     }, Z.name === "setValueFromShortcut" && (_.shortcut = Z.shortcut)), _);
     U && T(Z.value, ue()), X && i && i(Z.value, ue()), ee && O(!1);
   });
-  if (S !== void 0 && (x.lastControlledValue === void 0 || !t.areValuesEqual(h, x.lastControlledValue, S))) {
-    const Z = t.areValuesEqual(h, x.draft, S);
+  if (x !== void 0 && (S.lastControlledValue === void 0 || !t.areValuesEqual(h, S.lastControlledValue, x))) {
+    const Z = t.areValuesEqual(h, S.draft, x);
     k((Y) => f({}, Y, {
-      lastControlledValue: S
+      lastControlledValue: x
     }, Z ? {} : {
-      lastCommittedValue: S,
-      lastPublishedValue: S,
-      draft: S,
+      lastCommittedValue: x,
+      lastPublishedValue: x,
+      draft: x,
       hasBeenModifiedSinceMount: !0
     }));
   }
@@ -26602,19 +26603,19 @@ const ck = ({
     });
   }), F = Pe(() => {
     P({
-      value: x.lastPublishedValue,
+      value: S.lastPublishedValue,
       name: "setValueFromAction",
       pickerAction: "accept"
     });
   }), $ = Pe(() => {
     P({
-      value: x.lastPublishedValue,
+      value: S.lastPublishedValue,
       name: "setValueFromAction",
       pickerAction: "dismiss"
     });
   }), R = Pe(() => {
     P({
-      value: x.lastCommittedValue,
+      value: S.lastCommittedValue,
       name: "setValueFromAction",
       pickerAction: "cancel"
     });
@@ -26650,9 +26651,9 @@ const ck = ({
     onOpen: N,
     onClose: j
   }, I = {
-    value: x.draft,
+    value: S.draft,
     onChange: L
-  }, V = m.useMemo(() => t.cleanValue(h, x.draft), [h, t, x.draft]), H = {
+  }, V = m.useMemo(() => t.cleanValue(h, S.draft), [h, t, S.draft]), H = {
     value: V,
     onChange: D,
     onClose: j,
@@ -26702,9 +26703,9 @@ const ck = ({
   } = e, v = re(e, mk), {
     view: O,
     setView: C,
-    defaultView: S,
+    defaultView: x,
     focusedView: T,
-    setFocusedView: x,
+    setFocusedView: S,
     setValueAndGoToNextView: k
   } = rn({
     view: u,
@@ -26732,7 +26733,7 @@ const ck = ({
     if (!s)
       return;
     let D = O;
-    $ === "field" && E != null && (D = E), D !== S && w[D] === "UI" && w[S] === "UI" && (D = S), D !== O && C(D), x(D, !0);
+    $ === "field" && E != null && (D = E), D !== x && w[D] === "UI" && w[x] === "UI" && (D = x), D !== O && C(D), S(D, !0);
   }, [s]), {
     hasUIView: P,
     shouldRestoreFocus: R,
@@ -26754,7 +26755,7 @@ const ck = ({
         view: E,
         onViewChange: C,
         focusedView: T,
-        onFocusedViewChange: x,
+        onFocusedViewChange: S,
         showViewSwitcher: F > 1,
         timeViewsCount: F
       });
@@ -27029,14 +27030,14 @@ const Sk = (e) => {
     readOnly: v,
     children: O,
     slots: C,
-    slotProps: S
+    slotProps: x
     // TODO: Remove this "as" hack. It get introduced to mark `value` prop in PickersLayoutProps as not required.
     // The true type should be
     // - For pickers value: TDate | null
     // - For range pickers value: [TDate | null, TDate | null]
-  } = e, T = Sk(e), x = (C == null ? void 0 : C.actionBar) ?? Od, k = Ve({
-    elementType: x,
-    externalSlotProps: S == null ? void 0 : S.actionBar,
+  } = e, T = Sk(e), S = (C == null ? void 0 : C.actionBar) ?? Od, k = Ve({
+    elementType: S,
+    externalSlotProps: x == null ? void 0 : x.actionBar,
     additionalProps: {
       onAccept: o,
       onClear: n,
@@ -27048,9 +27049,9 @@ const Sk = (e) => {
     ownerState: f({}, e, {
       wrapperVariant: t
     })
-  }), P = /* @__PURE__ */ g(x, f({}, k)), w = C == null ? void 0 : C.toolbar, F = Ve({
+  }), P = /* @__PURE__ */ g(S, f({}, k)), w = C == null ? void 0 : C.toolbar, F = Ve({
     elementType: w,
-    externalSlotProps: S == null ? void 0 : S.toolbar,
+    externalSlotProps: x == null ? void 0 : x.toolbar,
     additionalProps: {
       isLandscape: h,
       onChange: d,
@@ -27069,9 +27070,9 @@ const Sk = (e) => {
     view: l,
     onViewChange: c,
     className: T.tabs
-  }, S == null ? void 0 : S.tabs)) : null, j = (C == null ? void 0 : C.shortcuts) ?? xd, D = Ve({
+  }, x == null ? void 0 : x.tabs)) : null, j = (C == null ? void 0 : C.shortcuts) ?? xd, D = Ve({
     elementType: j,
-    externalSlotProps: S == null ? void 0 : S.shortcuts,
+    externalSlotProps: x == null ? void 0 : x.shortcuts,
     additionalProps: {
       isValid: b,
       isLandscape: h,
@@ -27275,9 +27276,9 @@ const Tk = ["props", "getOpenDialogAriaText"], Pk = ["ownerState"], wk = ["owner
     label: v,
     inputRef: O,
     readOnly: C,
-    disabled: S,
+    disabled: x,
     autoFocus: T,
-    localeText: x,
+    localeText: S,
     reduceAnimations: k
   } = t, P = ze(), w = m.useRef(null), F = m.useRef(null), $ = Zt(), R = ((B = i == null ? void 0 : i.toolbar) == null ? void 0 : B.hidden) ?? !1, {
     open: E,
@@ -27304,7 +27305,7 @@ const Tk = ["props", "getOpenDialogAriaText"], Pk = ["ownerState"], wk = ["owner
     elementType: K,
     externalSlotProps: i == null ? void 0 : i.openPickerButton,
     additionalProps: {
-      disabled: S || C,
+      disabled: x || C,
       onClick: E ? N.onClose : N.onOpen,
       "aria-label": o(z.value, P),
       edge: H.position
@@ -27317,7 +27318,7 @@ const Tk = ["props", "getOpenDialogAriaText"], Pk = ["ownerState"], wk = ["owner
       id: $
     }, {
       readOnly: C,
-      disabled: S,
+      disabled: x,
       className: l,
       sx: s,
       format: c,
@@ -27361,7 +27362,7 @@ const Tk = ["props", "getOpenDialogAriaText"], Pk = ["ownerState"], wk = ["owner
   }), ce = Ge(F, X.unstableFieldRef);
   return {
     renderPicker: () => /* @__PURE__ */ de(en, {
-      localeText: x,
+      localeText: S,
       children: [/* @__PURE__ */ g(U, f({}, X, {
         slots: ee,
         slotProps: ae,
@@ -27403,9 +27404,9 @@ const Tk = ["props", "getOpenDialogAriaText"], Pk = ["ownerState"], wk = ["owner
   shouldDisableDate: v,
   shouldDisableMonth: O,
   shouldDisableYear: C,
-  reduceAnimations: S,
+  reduceAnimations: x,
   onMonthChange: T,
-  monthsPerRow: x,
+  monthsPerRow: S,
   onYearChange: k,
   yearsPerRow: P,
   slots: w,
@@ -27441,9 +27442,9 @@ const Tk = ["props", "getOpenDialogAriaText"], Pk = ["ownerState"], wk = ["owner
   shouldDisableDate: v,
   shouldDisableMonth: O,
   shouldDisableYear: C,
-  reduceAnimations: S,
+  reduceAnimations: x,
   onMonthChange: T,
-  monthsPerRow: x,
+  monthsPerRow: S,
   onYearChange: k,
   yearsPerRow: P,
   slots: w,
@@ -27857,9 +27858,9 @@ const Dk = ["props", "getOpenDialogAriaText"], kd = (e) => {
     label: v,
     inputRef: O,
     readOnly: C,
-    disabled: S,
+    disabled: x,
     localeText: T
-  } = t, x = ze(), k = m.useRef(null), P = Zt(), w = ((K = i == null ? void 0 : i.toolbar) == null ? void 0 : K.hidden) ?? !1, {
+  } = t, S = ze(), k = m.useRef(null), P = Zt(), w = ((K = i == null ? void 0 : i.toolbar) == null ? void 0 : K.hidden) ?? !1, {
     open: F,
     actions: $,
     layoutProps: R,
@@ -27876,12 +27877,12 @@ const Dk = ["props", "getOpenDialogAriaText"], kd = (e) => {
     externalSlotProps: i == null ? void 0 : i.field,
     additionalProps: f({}, N, w && {
       id: P
-    }, !(S || C) && {
+    }, !(x || C) && {
       onClick: $.onOpen,
       onKeyDown: ET($.onOpen)
     }, {
       readOnly: C ?? !0,
-      disabled: S,
+      disabled: x,
       className: l,
       sx: s,
       format: c,
@@ -27898,7 +27899,7 @@ const Dk = ["props", "getOpenDialogAriaText"], kd = (e) => {
     ownerState: t
   });
   D.inputProps = f({}, D.inputProps, {
-    "aria-label": o(N.value, x)
+    "aria-label": o(N.value, S)
   });
   const M = f({
     textField: a.textField
@@ -28703,9 +28704,9 @@ const Ka = xe("MuiPickersToolbarText", ["root", "selected"]), Lk = ["className",
   shouldDisableTime: v,
   minutesStep: O,
   ampm: C,
-  ampmInClock: S,
+  ampmInClock: x,
   slots: T,
-  slotProps: x,
+  slotProps: S,
   readOnly: k,
   disabled: P,
   sx: w,
@@ -28732,9 +28733,9 @@ const Ka = xe("MuiPickersToolbarText", ["root", "selected"]), Lk = ["className",
   shouldDisableTime: v,
   minutesStep: O,
   ampm: C,
-  ampmInClock: S,
+  ampmInClock: x,
   slots: T,
-  slotProps: x,
+  slotProps: S,
   readOnly: k,
   disabled: P,
   sx: w,
@@ -28761,9 +28762,9 @@ const Ka = xe("MuiPickersToolbarText", ["root", "selected"]), Lk = ["className",
   shouldDisableTime: v,
   minutesStep: O,
   ampm: C,
-  slots: S,
+  slots: x,
   slotProps: T,
-  readOnly: x,
+  readOnly: S,
   disabled: k,
   sx: P,
   autoFocus: w,
@@ -28790,9 +28791,9 @@ const Ka = xe("MuiPickersToolbarText", ["root", "selected"]), Lk = ["className",
   shouldDisableTime: v,
   minutesStep: O,
   ampm: C,
-  slots: S,
+  slots: x,
   slotProps: T,
-  readOnly: x,
+  readOnly: S,
   disabled: k,
   sx: P,
   autoFocus: w,
@@ -28819,9 +28820,9 @@ const Ka = xe("MuiPickersToolbarText", ["root", "selected"]), Lk = ["className",
   shouldDisableTime: v,
   minutesStep: O,
   ampm: C,
-  slots: S,
+  slots: x,
   slotProps: T,
-  readOnly: x,
+  readOnly: S,
   disabled: k,
   sx: P,
   autoFocus: w,
@@ -28848,9 +28849,9 @@ const Ka = xe("MuiPickersToolbarText", ["root", "selected"]), Lk = ["className",
   shouldDisableTime: v,
   minutesStep: O,
   ampm: C,
-  slots: S,
+  slots: x,
   slotProps: T,
-  readOnly: x,
+  readOnly: S,
   disabled: k,
   sx: P,
   autoFocus: w,
@@ -29196,12 +29197,12 @@ function Ld(e) {
     toolbarVariant: y = "mobile",
     toolbarTitle: v,
     className: O
-  } = t, C = re(t, Qk), S = gt(), T = f({}, t, {
-    isRtl: S
-  }), x = ze(), {
+  } = t, C = re(t, Qk), x = gt(), T = f({}, t, {
+    isRtl: x
+  }), S = ze(), {
     meridiemMode: k,
     handleMeridiemChange: P
-  } = ji(a, o, i), w = !!(o && !n), F = y === "desktop", $ = ut(), R = Zk(T), E = v ?? $.dateTimePickerToolbarTitle, N = (D) => o ? x.format(D, "hours12h") : x.format(D, "hours24h"), j = m.useMemo(() => a ? u ? x.formatByString(a, u) : x.format(a, "shortDate") : d, [a, u, d, x]);
+  } = ji(a, o, i), w = !!(o && !n), F = y === "desktop", $ = ut(), R = Zk(T), E = v ?? $.dateTimePickerToolbarTitle, N = (D) => o ? S.format(D, "hours12h") : S.format(D, "hours24h"), j = m.useMemo(() => a ? u ? S.formatByString(a, u) : S.format(a, "shortDate") : d, [a, u, d, S]);
   return /* @__PURE__ */ de(Xk, f({
     isLandscape: s,
     className: pe(R.root, O),
@@ -29216,7 +29217,7 @@ function Ld(e) {
         variant: "subtitle1",
         onClick: () => c("year"),
         selected: l === "year",
-        value: a ? x.format(a, "year") : "–"
+        value: a ? S.format(a, "year") : "–"
       }), p.includes("day") && /* @__PURE__ */ g(ur, {
         tabIndex: -1,
         variant: F ? "h5" : "h4",
@@ -29247,7 +29248,7 @@ function Ld(e) {
             width: F && !s ? Do : void 0,
             onClick: () => c("minutes"),
             selected: l === "minutes" || !p.includes("minutes") && l === "hours",
-            value: a ? x.format(a, "minutes") : "--",
+            value: a ? S.format(a, "minutes") : "--",
             disabled: !p.includes("minutes")
           })]
         }), p.includes("seconds") && /* @__PURE__ */ de(m.Fragment, {
@@ -29261,7 +29262,7 @@ function Ld(e) {
             width: F && !s ? Do : void 0,
             onClick: () => c("seconds"),
             selected: l === "seconds",
-            value: a ? x.format(a, "seconds") : "--"
+            value: a ? S.format(a, "seconds") : "--"
           })]
         })]
       }), w && !F && /* @__PURE__ */ de(rM, {
@@ -29271,14 +29272,14 @@ function Ld(e) {
           variant: "subtitle2",
           selected: k === "am",
           typographyClassName: R.ampmLabel,
-          value: rr(x, "am"),
+          value: rr(S, "am"),
           onClick: h ? void 0 : () => P("am"),
           disabled: b
         }), /* @__PURE__ */ g(ur, {
           variant: "subtitle2",
           selected: k === "pm",
           typographyClassName: R.ampmLabel,
-          value: rr(x, "pm"),
+          value: rr(S, "pm"),
           onClick: h ? void 0 : () => P("pm"),
           disabled: b
         })]
@@ -29286,7 +29287,7 @@ function Ld(e) {
         variant: "h5",
         onClick: () => c("meridiem"),
         selected: l === "meridiem",
-        value: a && k ? rr(x, k) : "--",
+        value: a && k ? rr(S, k) : "--",
         width: Do
       })]
     })]
@@ -29526,7 +29527,7 @@ const oM = ["openTo", "focusedView", "timeViewsCount"], nM = function(t, o, n) {
     })]
   });
 }, Ad = /* @__PURE__ */ m.forwardRef(function(t, o) {
-  var S, T, x, k;
+  var x, T, S, k;
   const n = ut(), a = ze(), i = Ed(t, "MuiDesktopDateTimePicker"), {
     shouldRenderTimeInASingleColumn: l,
     thresholdToRenderTimeInASingleColumn: s,
@@ -29540,7 +29541,7 @@ const oM = ["openTo", "focusedView", "timeViewsCount"], nM = function(t, o, n) {
     minutes: d,
     seconds: d,
     meridiem: d
-  }, i.viewRenderers), b = i.ampmInClock ?? !0, y = ((S = p.hours) == null ? void 0 : S.name) === js.name ? c : c.filter((P) => P !== "meridiem"), v = l ? [] : ["accept"], O = f({}, i, {
+  }, i.viewRenderers), b = i.ampmInClock ?? !0, y = ((x = p.hours) == null ? void 0 : x.name) === js.name ? c : c.filter((P) => P !== "meridiem"), v = l ? [] : ["accept"], O = f({}, i, {
     viewRenderers: p,
     format: Rd(a, i),
     views: y,
@@ -29568,7 +29569,7 @@ const oM = ["openTo", "focusedView", "timeViewsCount"], nM = function(t, o, n) {
       }, (T = i.slotProps) == null ? void 0 : T.toolbar),
       tabs: f({
         hidden: !0
-      }, (x = i.slotProps) == null ? void 0 : x.tabs),
+      }, (S = i.slotProps) == null ? void 0 : S.tabs),
       actionBar: (P) => {
         var w;
         return f({
@@ -31144,15 +31145,15 @@ const mM = A(yr)`
     defaultValue: n ?? (l ? [] : void 0),
     render: ({ field: O, fieldState: C }) => {
       var P;
-      const S = i || ((P = C.error) == null ? void 0 : P.message), T = (w, F) => {
+      const x = i || ((P = C.error) == null ? void 0 : P.message), T = (w, F) => {
         O.onChange(w, F), p == null || p(w, F);
-      }, x = l ? !!O.value.length : !!O.value, k = y && x;
+      }, S = l ? !!O.value.length : !!O.value, k = y && S;
       return /* @__PURE__ */ de(mM, { variant: b, size: h, fullWidth: !0, children: [
         /* @__PURE__ */ g(
           Qo,
           {
             id: `select-standard-label-${o}`,
-            error: !!S,
+            error: !!x,
             required: c,
             children: o
           }
@@ -31167,7 +31168,7 @@ const mM = A(yr)`
             id: `select-standard-${o}`,
             labelId: `select-standard-label-${o}`,
             label: o,
-            error: !!S,
+            error: !!x,
             disabled: s,
             "data-testid": u,
             value: O.value || (l ? [] : ""),
@@ -31198,7 +31199,7 @@ const mM = A(yr)`
             ))
           }
         ),
-        S && /* @__PURE__ */ g(lr, { error: !!S, children: S })
+        x && /* @__PURE__ */ g(lr, { error: !!x, children: x })
       ] });
     }
   }
@@ -31251,7 +31252,8 @@ const mM = A(yr)`
   getOptionLabel: h,
   onInputChange: y,
   inputValue: v,
-  filterOptions: O
+  filterOptions: O,
+  ...C
 }) => /* @__PURE__ */ g(
   gu,
   {
@@ -31268,11 +31270,12 @@ const mM = A(yr)`
     onInputChange: y,
     inputValue: v,
     filterOptions: O,
-    getOptionLabel: (C) => typeof C == "string" ? C : h(C),
-    renderInput: (C) => /* @__PURE__ */ g(
+    "data-testId": C["data-testId"],
+    getOptionLabel: (x) => typeof x == "string" ? x : h(x),
+    renderInput: (x) => /* @__PURE__ */ g(
       Dr,
       {
-        ...C,
+        ...x,
         label: o,
         size: a,
         placeholder: n,
@@ -38491,25 +38494,25 @@ const AD = (e) => {
       sort: t.sort.direction || "asc"
     }
   ], O = () => {
-    const x = p.current.getSortModel();
+    const S = p.current.getSortModel();
     o((k) => {
       var P, w;
       return {
         ...k,
         sort: {
-          field: ((P = x[0]) == null ? void 0 : P.field) || "",
-          direction: ((w = x[0]) == null ? void 0 : w.sort) || ""
+          field: ((P = S[0]) == null ? void 0 : P.field) || "",
+          direction: ((w = S[0]) == null ? void 0 : w.sort) || ""
         }
       };
     });
-  }, C = (x) => {
+  }, C = (S) => {
     o((k) => ({
       ...k,
-      page: x.page,
-      size: x.pageSize
-    })), y(x);
-  }, S = () => {
-    var x, k;
+      page: S.page,
+      size: S.pageSize
+    })), y(S);
+  }, x = () => {
+    var S, k;
     return {
       ...b,
       sorting: {
@@ -38523,7 +38526,7 @@ const AD = (e) => {
       },
       pinnedColumns: {
         left: [
-          ...((x = b == null ? void 0 : b.pinnedColumns) == null ? void 0 : x.left) || [],
+          ...((S = b == null ? void 0 : b.pinnedColumns) == null ? void 0 : S.left) || [],
           ...(u == null ? void 0 : u.left) || []
         ],
         right: [
@@ -38533,7 +38536,7 @@ const AD = (e) => {
       }
     };
   }, T = ID(e == null ? void 0 : e.total_elements, 0);
-  return /* @__PURE__ */ g(VD, { offset: i, children: /* @__PURE__ */ g(
+  return console.log(s, !!s), /* @__PURE__ */ g(VD, { offset: i, children: /* @__PURE__ */ g(
     Wp,
     {
       loading: n,
@@ -38541,7 +38544,7 @@ const AD = (e) => {
       localeText: RD,
       rows: (e == null ? void 0 : e.content) || [],
       columns: a,
-      initialState: S(),
+      initialState: x(),
       slots: {
         // @ts-expect-error missing props passed below
         toolbar: jD
@@ -38549,7 +38552,8 @@ const AD = (e) => {
       slotProps: {
         toolbar: {
           gridApiRef: p,
-          exportDataAsExcel: d
+          exportDataAsExcel: d,
+          isFilterActive: !!s
         }
       },
       sortingMode: "server",
@@ -38568,7 +38572,7 @@ const AD = (e) => {
   ) });
 }, jD = (e) => /* @__PURE__ */ de(_p, { children: [
   /* @__PURE__ */ g(Up, {}),
-  /* @__PURE__ */ g(qp, {}),
+  e.isFilterActive && /* @__PURE__ */ g(qp, {}),
   /* @__PURE__ */ g(Gp, {}),
   /* @__PURE__ */ g(
     AD,