@clearstory/drywall-react 5.1.0 → 5.2.0

package/dist/{Datepicker-BQ9gxoUL.js → Datepicker-CE6vashk.js}

@@ -579,23 +579,23 @@ const es = {
     InputLabelProps: m,
     inputProps: P,
     InputProps: S,
-    inputRef: v,
+    inputRef: x,
     label: k,
-    maxRows: x,
+    maxRows: v,
     minRows: A,
-    multiline: F = !1,
-    name: L,
+    multiline: T = !1,
+    name: B,
     onBlur: R,
-    onChange: T,
-    onFocus: I,
+    onChange: F,
+    onFocus: O,
     placeholder: w,
-    required: M = !1,
+    required: I = !1,
     rows: V,
     select: N = !1,
-    SelectProps: B,
-    slots: O = {},
+    SelectProps: L,
+    slots: M = {},
     slotProps: Q = {},
-    type: j,
+    type: $,
     value: re,
     variant: W = "outlined",
     ...X
@@ -606,24 +606,24 @@ const es = {
     disabled: d,
     error: h,
     fullWidth: b,
-    multiline: F,
-    required: M,
+    multiline: T,
+    required: I,
     select: N,
     variant: W
   }, te = ts(ie);
   process.env.NODE_ENV !== "production" && N && !i && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
   const ue = Bt(D), oe = y && ue ? `${ue}-helper-text` : void 0, de = k && ue ? `${ue}-label` : void 0, he = es[W], ee = {
-    slots: O,
+    slots: M,
     slotProps: {
       input: S,
       inputLabel: m,
       htmlInput: P,
       formHelperText: g,
-      select: B,
+      select: L,
       ...Q
     }
   }, U = {}, _ = ee.slotProps.inputLabel;
-  W === "outlined" && (_ && typeof _.shrink < "u" && (U.notched = _.shrink), U.label = k), N && ((!B || !B.native) && (U.id = void 0), U["aria-describedby"] = void 0);
+  W === "outlined" && (_ && typeof _.shrink < "u" && (U.notched = _.shrink), U.label = k), N && ((!L || !L.native) && (U.id = void 0), U["aria-describedby"] = void 0);
   const [Y, ne] = ct("root", {
     elementType: ns,
     shouldForwardComponentProp: !0,
@@ -638,7 +638,7 @@ const es = {
       disabled: d,
       error: h,
       fullWidth: b,
-      required: M,
+      required: I,
       color: l,
       variant: W
     }
@@ -647,7 +647,7 @@ const es = {
     externalForwardedProps: ee,
     additionalProps: U,
     ownerState: ie
-  }), [$, E] = ct("inputLabel", {
+  }), [j, E] = ct("inputLabel", {
     elementType: cn,
     externalForwardedProps: ee,
     ownerState: ie
@@ -669,28 +669,28 @@ const es = {
     autoFocus: a,
     defaultValue: u,
     fullWidth: b,
-    multiline: F,
-    name: L,
+    multiline: T,
+    name: B,
     rows: V,
-    maxRows: x,
+    maxRows: v,
     minRows: A,
-    type: j,
+    type: $,
     value: re,
     id: ue,
-    inputRef: v,
+    inputRef: x,
     onBlur: R,
-    onChange: T,
-    onFocus: I,
+    onChange: F,
+    onFocus: O,
     placeholder: w,
     inputProps: pe,
     slots: {
-      input: O.htmlInput ? G : void 0
+      input: M.htmlInput ? G : void 0
     },
     ...Z
   });
   return /* @__PURE__ */ ge(Y, {
     ...ne,
-    children: [k != null && k !== "" && /* @__PURE__ */ C($, {
+    children: [k != null && k !== "" && /* @__PURE__ */ C(j, {
       htmlFor: ue,
       id: de,
       ...E,
@@ -2232,11 +2232,11 @@ function ca(e) {
     viewContainerRole: m
   } = Fe();
   f.useEffect(() => {
-    function O(Q) {
+    function M(Q) {
       c && Q.key === "Escape" && g();
     }
-    return document.addEventListener("keydown", O), () => {
-      document.removeEventListener("keydown", O);
+    return document.addEventListener("keydown", M), () => {
+      document.removeEventListener("keydown", M);
     };
   }, [g, c]);
   const P = f.useRef(null);
@@ -2245,13 +2245,13 @@ function ca(e) {
       P.current instanceof HTMLElement && P.current.focus();
     }));
   }, [c, m, b, h]);
-  const S = ra(i), v = H(() => {
+  const S = ra(i), x = H(() => {
     m === "tooltip" ? ta(() => {
       h.current?.contains(Ne(h.current)) || l.current?.contains(Ne(l.current)) || g();
     }) : g();
-  }), [k, x, A] = la(c, v), F = f.useRef(null), L = Ve(F, l), R = Ve(L, k), T = (O) => {
-    O.key === "Escape" && (O.stopPropagation(), g());
-  }, I = s?.desktopTransition ?? u ? Lt : Nr, w = s?.desktopTrapFocus ?? Ar, M = s?.desktopPaper ?? aa, V = s?.popper ?? sa, N = me({
+  }), [k, v, A] = la(c, x), T = f.useRef(null), B = Ve(T, l), R = Ve(B, k), F = (M) => {
+    M.key === "Escape" && (M.stopPropagation(), g());
+  }, O = s?.desktopTransition ?? u ? Lt : Nr, w = s?.desktopTrapFocus ?? Ar, I = s?.desktopPaper ?? aa, V = s?.popper ?? sa, N = me({
     elementType: V,
     externalSlotProps: a?.popper,
     additionalProps: {
@@ -2260,16 +2260,16 @@ function ca(e) {
       open: c,
       placement: r,
       anchorEl: D,
-      onKeyDown: T
+      onKeyDown: F
     },
     className: S.root,
     ownerState: d
-  }), B = f.useMemo(() => p({}, d, {
+  }), L = f.useMemo(() => p({}, d, {
     popperPlacement: N.placement
   }), [d, N.placement]);
   return /* @__PURE__ */ C(V, p({}, N, {
     children: ({
-      TransitionProps: O
+      TransitionProps: M
     }) => /* @__PURE__ */ C(w, p({
       open: c,
       disableAutoFocus: !0,
@@ -2277,15 +2277,15 @@ function ca(e) {
       disableEnforceFocus: m === "tooltip",
       isEnabled: () => !0
     }, a?.desktopTrapFocus, {
-      children: /* @__PURE__ */ C(I, p({}, O, a?.desktopTransition, {
+      children: /* @__PURE__ */ C(O, p({}, M, a?.desktopTransition, {
         onExited: (Q) => {
-          y?.(), a?.desktopTransition?.onExited?.(Q), O?.onExited?.();
+          y?.(), a?.desktopTransition?.onExited?.(Q), M?.onExited?.();
         },
         children: /* @__PURE__ */ C(No, {
-          PaperComponent: M,
-          ownerState: B,
+          PaperComponent: I,
+          ownerState: L,
           ref: R,
-          onPaperClick: x,
+          onPaperClick: v,
           onPaperTouchStart: A,
           paperClasses: S.paper,
           paperSlotProps: a?.desktopPaper,
@@ -2366,36 +2366,36 @@ function Bo({
   f.useEffect(() => {
     (u.current && u.current !== o || d.current && d.current.some((R) => !s.includes(R))) && (b(s.includes(o) ? o : s[0]), d.current = s, u.current = o);
   }, [o, b, g, s]);
-  const S = s.indexOf(g), v = s[S - 1] ?? null, k = s[S + 1] ?? null, x = H((R, T) => {
-    m(T ? R : (I) => R === I ? null : I), c?.(R, T);
+  const S = s.indexOf(g), x = s[S - 1] ?? null, k = s[S + 1] ?? null, v = H((R, F) => {
+    m(F ? R : (O) => R === O ? null : O), c?.(R, F);
   }), A = H((R) => {
-    x(R, !0), R !== g && (b(R), n && n(R));
-  }), F = H(() => {
+    v(R, !0), R !== g && (b(R), n && n(R));
+  }), T = H(() => {
     k && A(k);
-  }), L = H((R, T, I) => {
-    const w = T === "finish", M = I ? (
+  }), B = H((R, F, O) => {
+    const w = F === "finish", I = O ? (
       // 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`.
-      s.indexOf(I) < s.length - 1
+      s.indexOf(O) < s.length - 1
     ) : !!k;
-    e(R, w && M ? "partial" : T, I);
+    e(R, w && I ? "partial" : F, O);
     let N = null;
-    if (I != null && I !== g ? N = I : w && (N = g), N == null)
+    if (O != null && O !== g ? N = O : w && (N = g), N == null)
       return;
-    const B = s[s.indexOf(N) + 1];
-    B == null || !P.areViewsInSameStep(N, B) || A(B);
+    const L = s[s.indexOf(N) + 1];
+    L == null || !P.areViewsInSameStep(N, L) || A(L);
   });
   return p({}, P, {
     view: g,
     setView: A,
     focusedView: D,
-    setFocusedView: x,
+    setFocusedView: v,
     nextView: k,
-    previousView: v,
+    previousView: x,
     // Always return up-to-date default view instead of the initial one (i.e. defaultView.current)
     defaultView: s.includes(o) ? o : s[0],
-    goToNextView: F,
-    setValueAndGoToNextView: L
+    goToNextView: T,
+    setValueAndGoToNextView: B
   });
 }
 function to() {
@@ -2468,7 +2468,7 @@ function ma(e) {
   }, [JSON.stringify(y)]));
   const {
     timezone: S,
-    value: v,
+    value: x,
     handleValueChange: k
   } = Ft({
     name: "a picker component",
@@ -2478,36 +2478,36 @@ function ma(e) {
     referenceDate: c,
     onChange: i,
     valueManager: o
-  }), [x, A] = f.useState(() => ({
+  }), [v, A] = f.useState(() => ({
     open: !1,
-    lastExternalValue: v,
+    lastExternalValue: x,
     clockShallowValue: void 0,
-    lastCommittedValue: v,
+    lastCommittedValue: x,
     hasBeenModifiedSinceMount: !1
   })), {
-    getValidationErrorForNewValue: F
+    getValidationErrorForNewValue: T
   } = Fo({
     props: n,
     validator: r,
     timezone: S,
-    value: v,
+    value: x,
     onError: n.onError
-  }), L = H((w) => {
-    const M = typeof w == "function" ? w(x.open) : w;
+  }), B = H((w) => {
+    const I = typeof w == "function" ? w(v.open) : w;
     m || A((V) => p({}, V, {
-      open: M
-    })), M && g && g(), M || b?.();
-  }), R = H((w, M) => {
+      open: I
+    })), I && g && g(), I || b?.();
+  }), R = H((w, I) => {
     const {
       changeImportance: V = "accept",
       skipPublicationIfPristine: N = !1,
-      validationError: B,
-      shortcut: O,
+      validationError: L,
+      shortcut: M,
       source: Q,
-      shouldClose: j = V === "accept"
-    } = M ?? {};
+      shouldClose: $ = V === "accept"
+    } = I ?? {};
     let re, W;
-    !N && !D && !x.hasBeenModifiedSinceMount ? (re = !0, W = V === "accept") : (re = !o.areValuesEqual(P, w, v), W = V === "accept" && !o.areValuesEqual(P, w, x.lastCommittedValue)), A((te) => p({}, te, {
+    !N && !D && !v.hasBeenModifiedSinceMount ? (re = !0, W = V === "accept") : (re = !o.areValuesEqual(P, w, x), W = V === "accept" && !o.areValuesEqual(P, w, v.lastCommittedValue)), A((te) => p({}, te, {
       // We reset the shallow value whenever we fire onChange.
       clockShallowValue: re ? void 0 : te.clockShallowValue,
       lastCommittedValue: W ? w : te.lastCommittedValue,
@@ -2517,22 +2517,22 @@ function ma(e) {
     const ie = () => {
       if (!X) {
         let te;
-        Q ? te = Q : O ? te = "view" : te = "unknown", X = {
-          validationError: B ?? F(w),
+        Q ? te = Q : M ? te = "view" : te = "unknown", X = {
+          validationError: L ?? T(w),
           source: te
-        }, O && (X.shortcut = O);
+        }, M && (X.shortcut = M);
       }
       return X;
     };
-    re && k(w, ie()), W && u && u(w, ie()), j && L(!1);
+    re && k(w, ie()), W && u && u(w, ie()), $ && B(!1);
   });
-  v !== x.lastExternalValue && A((w) => p({}, w, {
-    lastExternalValue: v,
+  x !== v.lastExternalValue && A((w) => p({}, w, {
+    lastExternalValue: x,
     clockShallowValue: void 0,
     hasBeenModifiedSinceMount: !0
   }));
-  const T = H((w, M = "partial") => {
-    if (M === "shallow") {
+  const F = H((w, I = "partial") => {
+    if (I === "shallow") {
       A((V) => p({}, V, {
         clockShallowValue: w,
         hasBeenModifiedSinceMount: !0
@@ -2540,7 +2540,7 @@ function ma(e) {
       return;
     }
     R(w, {
-      changeImportance: M === "finish" && d ? "accept" : "set",
+      changeImportance: I === "finish" && d ? "accept" : "set",
       source: "view"
     });
   });
@@ -2553,15 +2553,15 @@ function ma(e) {
       }));
     }
   }, [m, h]);
-  const I = f.useMemo(() => o.cleanValue(P, x.clockShallowValue === void 0 ? v : x.clockShallowValue), [P, o, x.clockShallowValue, v]);
+  const O = f.useMemo(() => o.cleanValue(P, v.clockShallowValue === void 0 ? x : v.clockShallowValue), [P, o, v.clockShallowValue, x]);
   return {
     timezone: S,
-    state: x,
+    state: v,
     setValue: R,
-    setValueFromView: T,
-    setOpen: L,
-    value: v,
-    viewValue: I
+    setValueFromView: F,
+    setOpen: B,
+    value: x,
+    viewValue: O
   };
 }
 const ha = ["className", "sx"], $o = ({
@@ -2587,25 +2587,25 @@ const ha = ["className", "sx"], $o = ({
     viewRenderers: m,
     reduceAnimations: P,
     orientation: S,
-    disableOpenPicker: v,
+    disableOpenPicker: x,
     closeOnSelect: k,
     // Form props
-    disabled: x,
+    disabled: v,
     readOnly: A,
     // Field props
-    formatDensity: F,
-    enableAccessibleFieldDOMStructure: L,
+    formatDensity: T,
+    enableAccessibleFieldDOMStructure: B,
     selectedSections: R,
-    onSelectedSectionsChange: T,
-    format: I,
+    onSelectedSectionsChange: F,
+    format: O,
     label: w,
     // Other props
-    autoFocus: M,
+    autoFocus: I,
     name: V
   } = n, {
     className: N,
-    sx: B
-  } = n, O = J(n, ha), Q = Bt(), j = be(), re = Ao(P), W = fa(g, S), {
+    sx: L
+  } = n, M = J(n, ha), Q = Bt(), $ = be(), re = Ao(P), W = fa(g, S), {
     current: X
   } = f.useRef(y ?? null), [ie, te] = f.useState(null), ue = f.useRef(null), oe = f.useRef(null), de = f.useRef(null), he = Ve(e, de), {
     timezone: ee,
@@ -2620,7 +2620,7 @@ const ha = ["className", "sx"], $o = ({
     valueManager: o,
     validator: a
   }), {
-    view: $,
+    view: j,
     setView: E,
     defaultView: G,
     focusedView: pe,
@@ -2639,7 +2639,7 @@ const ha = ["className", "sx"], $o = ({
     getStepNavigation: h
   }), Le = H(() => Y(o.emptyValue, {
     source: "view"
-  })), Ke = H(() => Y(o.getTodayValue(j, ee, r), {
+  })), Ke = H(() => Y(o.getTodayValue($, ee, r), {
     source: "view"
   })), it = H(() => Y(z, {
     source: "view"
@@ -2662,25 +2662,25 @@ const ha = ["className", "sx"], $o = ({
     hasUIView: !1,
     viewModeLookup: {},
     timeViewsCount: 0
-  }), [m, g]), Oe = fe[$], Ie = H(() => Oe), [ve, je] = f.useState(Oe === "UI" ? $ : null);
-  ve !== $ && fe[$] === "UI" && je($), Ue(() => {
+  }), [m, g]), Oe = fe[j], Ie = H(() => Oe), [ve, je] = f.useState(Oe === "UI" ? j : null);
+  ve !== j && fe[j] === "UI" && je(j), Ue(() => {
     Oe === "field" && U.open && (_(!1), setTimeout(() => {
-      oe?.current?.setSelectedSections($), oe?.current?.focusField($);
+      oe?.current?.setSelectedSections(j), oe?.current?.focusField(j);
     }));
-  }, [$]), Ue(() => {
+  }, [j]), Ue(() => {
     if (!U.open)
       return;
-    let Te = $;
-    Oe === "field" && ve != null && (Te = ve), Te !== G && fe[Te] === "UI" && fe[G] === "UI" && (Te = G), Te !== $ && E(Te), K(Te, !0);
+    let Te = j;
+    Oe === "field" && ve != null && (Te = ve), Te !== G && fe[Te] === "UI" && fe[G] === "UI" && (Te = G), Te !== j && E(Te), K(Te, !0);
   }, [U.open]);
   const ce = f.useMemo(() => ({
-    isPickerValueEmpty: o.areValuesEqual(j, z, o.emptyValue),
+    isPickerValueEmpty: o.areValuesEqual($, z, o.emptyValue),
     isPickerOpen: U.open,
     isPickerDisabled: n.disabled ?? !1,
     isPickerReadOnly: n.readOnly ?? !1,
     pickerOrientation: W,
     pickerVariant: s
-  }), [j, o, z, U.open, W, s, n.disabled, n.readOnly]), Re = f.useMemo(() => v || !le ? "hidden" : x || A ? "disabled" : "enabled", [v, le, x, A]), Ee = H(Se), Be = f.useMemo(() => k && !Me ? [] : ["cancel", "nextOrAccept"], [k, Me]), St = f.useMemo(() => ({
+  }), [$, o, z, U.open, W, s, n.disabled, n.readOnly]), Re = f.useMemo(() => x || !le ? "hidden" : v || A ? "disabled" : "enabled", [x, le, v, A]), Ee = H(Se), Be = f.useMemo(() => k && !Me ? [] : ["cancel", "nextOrAccept"], [k, Me]), St = f.useMemo(() => ({
     setValue: Y,
     setOpen: _,
     clearValue: Le,
@@ -2696,9 +2696,9 @@ const ha = ["className", "sx"], $o = ({
     views: g,
     view: ve,
     initialView: X,
-    disabled: x ?? !1,
+    disabled: v ?? !1,
     readOnly: A ?? !1,
-    autoFocus: M ?? !1,
+    autoFocus: I ?? !1,
     variant: s,
     orientation: W,
     popupRef: ue,
@@ -2706,13 +2706,13 @@ const ha = ["className", "sx"], $o = ({
     triggerRef: te,
     triggerStatus: Re,
     hasNextStep: Ce,
-    fieldFormat: I ?? "",
+    fieldFormat: O ?? "",
     name: V,
     label: w,
-    rootSx: B,
+    rootSx: L,
     rootRef: he,
     rootClassName: N
-  }), [St, z, he, s, W, re, x, A, I, N, V, w, B, Re, Ce, ee, U.open, ve, g, X, M]), br = f.useMemo(() => ({
+  }), [St, z, he, s, W, re, v, A, O, N, V, w, L, Re, Ce, ee, U.open, ve, g, X, I]), br = f.useMemo(() => ({
     dismissViews: ae,
     ownerState: ce,
     hasUIView: le,
@@ -2724,12 +2724,12 @@ const ha = ["className", "sx"], $o = ({
     defaultActionBarActions: Be,
     onPopperExited: i
   }), [ae, ce, le, Ie, Q, ie, d, Be, i]), gr = f.useMemo(() => ({
-    formatDensity: F,
-    enableAccessibleFieldDOMStructure: L,
+    formatDensity: T,
+    enableAccessibleFieldDOMStructure: B,
     selectedSections: R,
-    onSelectedSectionsChange: T,
+    onSelectedSectionsChange: F,
     fieldRef: oe
-  }), [F, L, R, T, oe]);
+  }), [T, B, R, F, oe]);
   return {
     providerProps: {
       localeText: u,
@@ -2739,7 +2739,7 @@ const ha = ["className", "sx"], $o = ({
       fieldPrivateContextValue: gr,
       isValidContextValue: (Te) => {
         const Ge = a({
-          adapter: j,
+          adapter: $,
           value: Te,
           timezone: ee,
           props: n
@@ -2753,7 +2753,7 @@ const ha = ["className", "sx"], $o = ({
       const Te = m[ve];
       if (Te == null)
         return null;
-      const Ge = p({}, O, {
+      const Ge = p({}, M, {
         views: g,
         timezone: ee,
         value: Z,
@@ -3002,22 +3002,22 @@ const xa = (e, n) => {
     externalSlotProps: c?.toolbar,
     className: d.toolbar,
     ownerState: u
-  }), P = Ca(m) && D ? /* @__PURE__ */ C(D, p({}, m)) : null, S = a, v = i?.tabs, k = r && v ? /* @__PURE__ */ C(v, p({
+  }), P = Ca(m) && D ? /* @__PURE__ */ C(D, p({}, m)) : null, S = a, x = i?.tabs, k = r && x ? /* @__PURE__ */ C(x, p({
     className: d.tabs
-  }, c?.tabs)) : null, x = i?.shortcuts ?? Ho, A = me({
-    elementType: x,
+  }, c?.tabs)) : null, v = i?.shortcuts ?? Ho, A = me({
+    elementType: v,
     externalSlotProps: c?.shortcuts,
     className: d.shortcuts,
     ownerState: u
-  }), F = Array.isArray(A?.items) && A.items.length > 0, L = r && x ? /* @__PURE__ */ C(x, p({}, A)) : null;
+  }), T = Array.isArray(A?.items) && A.items.length > 0, B = r && v ? /* @__PURE__ */ C(v, p({}, A)) : null;
   return {
     toolbar: P,
     content: S,
     tabs: k,
     actionBar: y,
-    shortcuts: L,
+    shortcuts: B,
     ownerState: p({}, u, {
-      hasShortcuts: F
+      hasShortcuts: T
     })
   };
 }, ka = (e, n) => {
@@ -3212,16 +3212,16 @@ const Ia = ["props", "steps"], Ra = ["ownerState"], Ta = (e) => {
     }),
     ownerState: g
   }), P = J(m, Ra), S = s.layout ?? qt;
-  let v = b;
-  y && (i ? v = `${b}-label` : v = void 0);
+  let x = b;
+  y && (i ? x = `${b}-label` : x = void 0);
   const k = p({}, a, {
     toolbar: p({}, a?.toolbar, {
       titleId: b
     }),
     popper: p({
-      "aria-labelledby": v
+      "aria-labelledby": x
     }, a?.popper)
-  }), x = () => /* @__PURE__ */ ge(vo, p({}, d, {
+  }), v = () => /* @__PURE__ */ ge(vo, p({}, d, {
     children: [/* @__PURE__ */ C(D, p({}, P, {
       slots: p({}, s, P.slots),
       slotProps: p({}, k, P.slotProps),
@@ -3236,8 +3236,8 @@ const Ia = ["props", "steps"], Ra = ["ownerState"], Ta = (e) => {
       }))
     })]
   }));
-  return process.env.NODE_ENV !== "production" && (x.displayName = "renderPicker"), {
-    renderPicker: x
+  return process.env.NODE_ENV !== "production" && (v.displayName = "renderPicker"), {
+    renderPicker: v
   };
 }, ut = (e) => e.saveQuery != null, zo = ({
   stateResponse: {
@@ -3258,13 +3258,13 @@ const Ia = ["props", "steps"], Ra = ["ownerState"], Ta = (e) => {
   }, b, y) => {
     const D = h.toLowerCase(), m = o.sections[g];
     if (o.characterQuery != null && (!y || y(o.characterQuery.value)) && o.characterQuery.sectionIndex === g) {
-      const S = `${o.characterQuery.value}${D}`, v = b(S, m);
-      if (!ut(v))
+      const S = `${o.characterQuery.value}${D}`, x = b(S, m);
+      if (!ut(x))
         return s({
           sectionIndex: g,
           value: S,
           sectionType: m.type
-        }), v;
+        }), x;
     }
     const P = b(D, m);
     return ut(P) && !P.saveQuery ? (s(null), null) : (s({
@@ -3274,7 +3274,7 @@ const Ia = ["props", "steps"], Ra = ["ownerState"], Ta = (e) => {
     }), ut(P) ? null : P);
   }, u = (h) => {
     const g = (D, m, P) => {
-      const S = m.filter((v) => v.toLowerCase().startsWith(P));
+      const S = m.filter((x) => x.toLowerCase().startsWith(P));
       return S.length === 0 ? {
         saveQuery: !1
       } : {
@@ -3282,15 +3282,15 @@ const Ia = ["props", "steps"], Ra = ["ownerState"], Ta = (e) => {
         shouldGoToNextSection: S.length === 1
       };
     }, b = (D, m, P, S) => {
-      const v = (k) => wo(c, r, m.type, k);
+      const x = (k) => wo(c, r, m.type, k);
       if (m.contentType === "letter")
-        return g(m.format, v(m.format), D);
+        return g(m.format, x(m.format), D);
       if (P && S != null && fn(c, P).contentType === "letter") {
-        const k = v(P), x = g(P, k, D);
-        return ut(x) ? {
+        const k = x(P), v = g(P, k, D);
+        return ut(v) ? {
           saveQuery: !1
-        } : p({}, x, {
-          sectionValue: S(x.sectionValue, k)
+        } : p({}, v, {
+          sectionValue: S(v.sectionValue, k)
         });
       }
       return {
@@ -3304,7 +3304,7 @@ const Ia = ["props", "steps"], Ra = ["ownerState"], Ta = (e) => {
           return b(D, m, c.formats.month, P);
         }
         case "weekDay": {
-          const P = (S, v) => v.indexOf(S).toString();
+          const P = (S, x) => x.indexOf(S).toString();
           return b(D, m, c.formats.weekday, P);
         }
         case "meridiem":
@@ -3321,22 +3321,22 @@ const Ia = ["props", "steps"], Ra = ["ownerState"], Ta = (e) => {
       skipIfBelowMinimum: D,
       section: m
     }) => {
-      const P = rt(y, e), S = Number(P), v = n[m.type]({
+      const P = rt(y, e), S = Number(P), x = n[m.type]({
         currentDate: null,
         format: m.format,
         contentType: m.contentType
       });
-      if (S > v.maximum)
+      if (S > x.maximum)
         return {
           saveQuery: !1
         };
-      if (D && S < v.minimum)
+      if (D && S < x.minimum)
         return {
           saveQuery: !0
         };
-      const k = S * 10 > v.maximum || P.length === v.maximum.toString().length;
+      const k = S * 10 > x.maximum || P.length === x.maximum.toString().length;
       return {
-        sectionValue: Do(c, S, v, e, m),
+        sectionValue: Do(c, S, x, e, m),
         shouldGoToNextSection: k
       };
     };
@@ -3419,15 +3419,15 @@ const Ia = ["props", "steps"], Ra = ["ownerState"], Ta = (e) => {
       onSelectedSectionsChange: m,
       shouldRespectLeadingZeros: P = !1,
       timezone: S,
-      enableAccessibleFieldDOMStructure: v = !0
+      enableAccessibleFieldDOMStructure: x = !0
     },
     forwardedProps: {
       error: k
     }
   } = e, {
-    value: x,
+    value: v,
     handleValueChange: A,
-    timezone: F
+    timezone: T
   } = Ft({
     name: "a field component",
     timezone: S,
@@ -3436,34 +3436,34 @@ const Ia = ["props", "steps"], Ra = ["ownerState"], Ta = (e) => {
     referenceDate: h,
     onChange: g,
     valueManager: i
-  }), L = f.useRef(x);
+  }), B = f.useRef(v);
   f.useEffect(() => {
-    L.current = x;
-  }, [x]);
+    B.current = v;
+  }, [v]);
   const {
     hasValidationError: R
   } = Fo({
     props: l,
     validator: s,
-    timezone: F,
-    value: x,
+    timezone: T,
+    value: v,
     onError: l.onError
-  }), T = f.useMemo(() => bs(n), [n]), I = f.useMemo(() => ws(n, T, F), [n, T, F]), w = f.useCallback((E) => c.getSectionsFromValue(E, (G) => Zn({
+  }), F = f.useMemo(() => bs(n), [n]), O = f.useMemo(() => ws(n, F, T), [n, F, T]), w = f.useCallback((E) => c.getSectionsFromValue(E, (G) => Zn({
     adapter: n,
     localeText: o,
-    localizedDigits: T,
+    localizedDigits: F,
     format: b,
     date: G,
     formatDensity: y,
     shouldRespectLeadingZeros: P,
-    enableAccessibleFieldDOMStructure: v,
+    enableAccessibleFieldDOMStructure: x,
     isRtl: r
-  })), [c, b, o, T, r, P, n, y, v]), [M, V] = f.useState(() => {
-    const E = w(x);
+  })), [c, b, o, F, r, P, n, y, x]), [I, V] = f.useState(() => {
+    const E = w(v);
     Gn(E, a);
     const G = {
       sections: E,
-      lastExternalValue: x,
+      lastExternalValue: v,
       lastSectionsDependencies: {
         format: b,
         isRtl: r,
@@ -3473,52 +3473,52 @@ const Ia = ["props", "steps"], Ra = ["ownerState"], Ta = (e) => {
       characterQuery: null
     }, pe = fs(E), K = i.getInitialReferenceValue({
       referenceDate: h,
-      value: x,
+      value: v,
       adapter: n,
       props: l,
       granularity: pe,
-      timezone: F
+      timezone: T
     });
     return p({}, G, {
       referenceValue: K
     });
-  }), [N, B] = bt({
+  }), [N, L] = bt({
     controlled: D,
     default: null,
     name: "useField",
     state: "selectedSections"
-  }), O = (E) => {
-    B(E), m?.(E);
-  }, Q = f.useMemo(() => on(N, M.sections), [N, M.sections]), j = Q === "all" ? 0 : Q, re = f.useMemo(() => xs(M.sections, r && !v), [M.sections, r, v]), W = f.useMemo(() => M.sections.every((E) => E.value === ""), [M.sections]), X = f.useMemo(() => {
-    if (j != null)
+  }), M = (E) => {
+    L(E), m?.(E);
+  }, Q = f.useMemo(() => on(N, I.sections), [N, I.sections]), $ = Q === "all" ? 0 : Q, re = f.useMemo(() => xs(I.sections, r && !x), [I.sections, r, x]), W = f.useMemo(() => I.sections.every((E) => E.value === ""), [I.sections]), X = f.useMemo(() => {
+    if ($ != null)
       return !1;
-    const E = M.sections.filter((G) => G.value !== "");
-    return E.length > 0 && M.sections.length - E.length > 0;
-  }, [M.sections, j]), ie = f.useMemo(() => k !== void 0 ? k : R || X, [R, X, k]), te = (E) => {
+    const E = I.sections.filter((G) => G.value !== "");
+    return E.length > 0 && I.sections.length - E.length > 0;
+  }, [I.sections, $]), ie = f.useMemo(() => k !== void 0 ? k : R || X, [R, X, k]), te = (E) => {
     const G = {
       validationError: s({
         adapter: n,
         value: E,
-        timezone: F,
+        timezone: T,
         props: l
       })
     };
     A(E, G);
   }, ue = (E, G) => {
-    const pe = [...M.sections];
+    const pe = [...I.sections];
     return pe[E] = p({}, pe[E], {
       value: G,
       modified: !0
     }), pe;
   }, oe = f.useRef(null), de = ft(), he = (E) => {
-    j != null && (oe.current = {
-      sectionIndex: j,
+    $ != null && (oe.current = {
+      sectionIndex: $,
       value: E
     }, de.start(0, () => {
       oe.current = null;
     }));
   }, ee = () => {
-    i.areValuesEqual(n, x, i.emptyValue) ? V((E) => p({}, E, {
+    i.areValuesEqual(n, v, i.emptyValue) ? V((E) => p({}, E, {
       sections: E.sections.map((G) => p({}, G, {
         value: ""
       })),
@@ -3528,16 +3528,16 @@ const Ia = ["props", "steps"], Ra = ["ownerState"], Ta = (e) => {
       characterQuery: null
     })), te(i.emptyValue));
   }, U = () => {
-    if (j == null)
+    if ($ == null)
       return;
-    const E = M.sections[j];
-    E.value !== "" && (he(""), c.getDateFromSection(x, E) === null ? V((G) => p({}, G, {
-      sections: ue(j, ""),
+    const E = I.sections[$];
+    E.value !== "" && (he(""), c.getDateFromSection(v, E) === null ? V((G) => p({}, G, {
+      sections: ue($, ""),
       tempValueStrAndroid: null,
       characterQuery: null
     })) : (V((G) => p({}, G, {
       characterQuery: null
-    })), te(c.updateDateInValue(x, E, null))));
+    })), te(c.updateDateInValue(v, E, null))));
   }, _ = (E) => {
     const G = (K, se) => {
       const Se = n.parse(K, b);
@@ -3546,16 +3546,16 @@ const Ia = ["props", "steps"], Ra = ["ownerState"], Ta = (e) => {
       const Ce = Zn({
         adapter: n,
         localeText: o,
-        localizedDigits: T,
+        localizedDigits: F,
         format: b,
         date: Se,
         formatDensity: y,
         shouldRespectLeadingZeros: P,
-        enableAccessibleFieldDOMStructure: v,
+        enableAccessibleFieldDOMStructure: x,
         isRtl: r
       });
       return Xn(n, Se, Ce, se, !1);
-    }, pe = c.parseValueStr(E, M.referenceValue, G);
+    }, pe = c.parseValueStr(E, I.referenceValue, G);
     te(pe);
   }, Y = ft(), ne = ({
     section: E,
@@ -3563,19 +3563,19 @@ const Ia = ["props", "steps"], Ra = ["ownerState"], Ta = (e) => {
     shouldGoToNextSection: pe
   }) => {
     de.clear(), Y.clear();
-    const K = c.getDateFromSection(x, E);
-    pe && j < M.sections.length - 1 && O(j + 1);
-    const se = ue(j, G), Se = c.getDateSectionsFromValue(se, E), Ce = ys(n, Se, T);
+    const K = c.getDateFromSection(v, E);
+    pe && $ < I.sections.length - 1 && M($ + 1);
+    const se = ue($, G), Se = c.getDateSectionsFromValue(se, E), Ce = ys(n, Se, F);
     if (n.isValid(Ce)) {
-      const Me = Xn(n, Ce, Se, c.getDateFromSection(M.referenceValue, E), !0);
+      const Me = Xn(n, Ce, Se, c.getDateFromSection(I.referenceValue, E), !0);
       return K == null && Y.start(0, () => {
-        L.current === x && V((Le) => p({}, Le, {
-          sections: c.clearDateSections(M.sections, E),
+        B.current === v && V((Le) => p({}, Le, {
+          sections: c.clearDateSections(I.sections, E),
           tempValueStrAndroid: null
         }));
-      }), te(c.updateDateInValue(x, E, Me));
+      }), te(c.updateDateInValue(v, E, Me));
     }
-    return Se.every((Me) => Me.value !== "") && (K == null || n.isValid(K)) ? (he(G), te(c.updateDateInValue(x, E, Ce))) : (K != null && (he(G), te(c.updateDateInValue(x, E, Ce))), V((Me) => p({}, Me, {
+    return Se.every((Me) => Me.value !== "") && (K == null || n.isValid(K)) ? (he(G), te(c.updateDateInValue(v, E, Ce))) : (K != null && (he(G), te(c.updateDateInValue(v, E, Ce))), V((Me) => p({}, Me, {
       sections: se,
       tempValueStrAndroid: null
     })));
@@ -3586,23 +3586,23 @@ const Ia = ["props", "steps"], Ra = ["ownerState"], Ta = (e) => {
       characterQuery: E
     }));
   });
-  if (x !== M.lastExternalValue) {
-    const E = oe.current != null && !n.isValid(c.getDateFromSection(x, M.sections[oe.current.sectionIndex]));
+  if (v !== I.lastExternalValue) {
+    const E = oe.current != null && !n.isValid(c.getDateFromSection(v, I.sections[oe.current.sectionIndex]));
     let G;
-    E ? G = ue(oe.current.sectionIndex, oe.current.value) : G = w(x), V((pe) => p({}, pe, {
-      lastExternalValue: x,
+    E ? G = ue(oe.current.sectionIndex, oe.current.value) : G = w(v), V((pe) => p({}, pe, {
+      lastExternalValue: v,
       sections: G,
       sectionsDependencies: {
         format: b,
         isRtl: r,
         locale: n.locale
       },
-      referenceValue: E ? pe.referenceValue : c.updateReferenceValue(n, x, pe.referenceValue),
+      referenceValue: E ? pe.referenceValue : c.updateReferenceValue(n, v, pe.referenceValue),
       tempValueStrAndroid: null
     }));
   }
-  if (r !== M.lastSectionsDependencies.isRtl || b !== M.lastSectionsDependencies.format || n.locale !== M.lastSectionsDependencies.locale) {
-    const E = w(x);
+  if (r !== I.lastSectionsDependencies.isRtl || b !== I.lastSectionsDependencies.format || n.locale !== I.lastSectionsDependencies.locale) {
+    const E = w(v);
     Gn(E, a), V((G) => p({}, G, {
       lastSectionsDependencies: {
         format: b,
@@ -3614,30 +3614,30 @@ const Ia = ["props", "steps"], Ra = ["ownerState"], Ta = (e) => {
       characterQuery: null
     }));
   }
-  M.characterQuery != null && !ie && j == null && Z(null), M.characterQuery != null && M.sections[M.characterQuery.sectionIndex]?.type !== M.characterQuery.sectionType && Z(null), f.useEffect(() => {
+  I.characterQuery != null && !ie && $ == null && Z(null), I.characterQuery != null && I.sections[I.characterQuery.sectionIndex]?.type !== I.characterQuery.sectionType && Z(null), f.useEffect(() => {
     oe.current != null && (oe.current = null);
   });
-  const $ = ft();
-  return f.useEffect(() => (M.characterQuery != null && $.start(Fa, () => Z(null)), () => {
-  }), [M.characterQuery, Z, $]), f.useEffect(() => {
-    M.tempValueStrAndroid != null && j != null && U();
-  }, [M.sections]), {
+  const j = ft();
+  return f.useEffect(() => (I.characterQuery != null && j.start(Fa, () => Z(null)), () => {
+  }), [I.characterQuery, Z, j]), f.useEffect(() => {
+    I.tempValueStrAndroid != null && $ != null && U();
+  }, [I.sections]), {
     // States and derived states
-    activeSectionIndex: j,
+    activeSectionIndex: $,
     areAllSectionsEmpty: W,
     error: ie,
-    localizedDigits: T,
+    localizedDigits: F,
     parsedSelectedSections: Q,
     sectionOrder: re,
-    sectionsValueBoundaries: I,
-    state: M,
-    timezone: F,
-    value: x,
+    sectionsValueBoundaries: O,
+    state: I,
+    timezone: T,
+    value: v,
     // Methods to update the states
     clearValue: ee,
     clearActiveSection: U,
     setCharacterQuery: Z,
-    setSelectedSections: O,
+    setSelectedSections: M,
     setTempAndroidValueStr: z,
     updateSectionValue: ne,
     updateValueFromValueStr: _,
@@ -3740,8 +3740,8 @@ function Ko(e) {
           else if (u === "all")
             m(b.endIndex);
           else {
-            const v = b.neighbors[u].rightIndex;
-            v !== null && m(v);
+            const x = b.neighbors[u].rightIndex;
+            x !== null && m(x);
           }
           break;
         }
@@ -3752,8 +3752,8 @@ function Ko(e) {
           else if (u === "all")
             m(b.startIndex);
           else {
-            const v = b.neighbors[u].leftIndex;
-            v !== null && m(v);
+            const x = b.neighbors[u].leftIndex;
+            x !== null && m(x);
           }
           break;
         }
@@ -3769,11 +3769,11 @@ function Ko(e) {
           if (S.preventDefault(), a || l == null)
             break;
           u === "all" && m(l);
-          const v = i.sections[l], k = Ea(n, g, v, S.key, d, h, o.getDateFromSection(c, v), {
+          const x = i.sections[l], k = Ea(n, g, x, S.key, d, h, o.getDateFromSection(c, x), {
             minutesStep: r
           });
           P({
-            section: v,
+            section: x,
             newSectionValue: k,
             shouldGoToNextSection: !1
           });
@@ -3850,59 +3850,59 @@ function Na(e) {
     manager: n,
     internalPropsWithDefaults: c,
     stateResponse: a
-  }), S = ft(), v = H((L) => {
+  }), S = ft(), x = H((B) => {
     D || !s.isReady() || (r(!0), l === "all" ? S.start(0, () => {
       const R = document.getSelection().getRangeAt(0).startOffset;
       if (R === 0) {
         b(u.startIndex);
         return;
       }
-      let T = 0, I = 0;
-      for (; I < R && T < d.sections.length; ) {
-        const w = d.sections[T];
-        T += 1, I += `${w.startSeparator}${w.value || w.placeholder}${w.endSeparator}`.length;
+      let F = 0, O = 0;
+      for (; O < R && F < d.sections.length; ) {
+        const w = d.sections[F];
+        F += 1, O += `${w.startSeparator}${w.value || w.placeholder}${w.endSeparator}`.length;
       }
-      b(T - 1);
-    }) : o ? s.getRoot().contains(L.target) || b(u.startIndex) : (r(!0), b(u.startIndex)));
-  }), k = H((L) => {
+      b(F - 1);
+    }) : o ? s.getRoot().contains(B.target) || b(u.startIndex) : (r(!0), b(u.startIndex)));
+  }), k = H((B) => {
     if (!s.isReady() || l !== "all")
       return;
-    const T = L.target.textContent ?? "";
-    s.getRoot().innerHTML = d.sections.map((I) => `${I.startSeparator}${I.value || I.placeholder}${I.endSeparator}`).join(""), vn({
+    const F = B.target.textContent ?? "";
+    s.getRoot().innerHTML = d.sections.map((O) => `${O.startSeparator}${O.value || O.placeholder}${O.endSeparator}`).join(""), vn({
       focused: o,
       domGetters: s,
       stateResponse: a
-    }), T.length === 0 || T.charCodeAt(0) === 10 ? (h(), b("all")) : T.length > 1 ? y(T) : (l === "all" && b(0), i({
-      keyPressed: T,
+    }), F.length === 0 || F.charCodeAt(0) === 10 ? (h(), b("all")) : F.length > 1 ? y(F) : (l === "all" && b(0), i({
+      keyPressed: F,
       sectionIndex: 0
     }));
-  }), x = H((L) => {
+  }), v = H((B) => {
     if (m || l !== "all") {
-      L.preventDefault();
+      B.preventDefault();
       return;
     }
-    const R = L.clipboardData.getData("text");
-    L.preventDefault(), g(null), y(R);
+    const R = B.clipboardData.getData("text");
+    B.preventDefault(), g(null), y(R);
   }), A = H(() => {
     if (o || D || !s.isReady())
       return;
-    const L = Ne(s.getRoot());
-    r(!0), s.getSectionIndexFromDOMElement(L) != null || b(u.startIndex);
-  }), F = H(() => {
+    const B = Ne(s.getRoot());
+    r(!0), s.getSectionIndexFromDOMElement(B) != null || b(u.startIndex);
+  }), T = H(() => {
     setTimeout(() => {
       if (!s.isReady())
         return;
-      const L = Ne(s.getRoot());
-      !s.getRoot().contains(L) && (r(!1), b(null));
+      const B = Ne(s.getRoot());
+      !s.getRoot().contains(B) && (r(!1), b(null));
     });
   });
   return {
     // Event handlers
     onKeyDown: P,
-    onBlur: F,
+    onBlur: T,
     onFocus: A,
-    onClick: v,
-    onPaste: x,
+    onClick: x,
+    onPaste: v,
     onInput: k,
     // Other
     contentEditable: l === "all",
@@ -3973,91 +3973,91 @@ function Ba(e) {
       disabled: P = !1,
       readOnly: S = !1
     }
-  } = e, v = l === "all", k = !v && !P && !S, x = H((I) => {
+  } = e, x = l === "all", k = !x && !P && !S, v = H((O) => {
     if (!s.isReady())
       return;
-    const w = d.sections[I];
-    s.getSectionContent(I).innerHTML = w.value || w.placeholder, vn({
+    const w = d.sections[O];
+    s.getSectionContent(O).innerHTML = w.value || w.placeholder, vn({
       focused: r,
       domGetters: s,
       stateResponse: a
     });
-  }), A = H((I) => {
+  }), A = H((O) => {
     if (!s.isReady())
       return;
-    const w = I.target, M = w.textContent ?? "", V = s.getSectionIndexFromDOMElement(w), N = d.sections[V];
+    const w = O.target, I = w.textContent ?? "", V = s.getSectionIndexFromDOMElement(w), N = d.sections[V];
     if (S) {
-      x(V);
+      v(V);
       return;
     }
-    if (M.length === 0) {
+    if (I.length === 0) {
       if (N.value === "") {
-        x(V);
+        v(V);
         return;
       }
-      const B = I.nativeEvent.inputType;
-      if (B === "insertParagraph" || B === "insertLineBreak") {
-        x(V);
+      const L = O.nativeEvent.inputType;
+      if (L === "insertParagraph" || L === "insertLineBreak") {
+        v(V);
         return;
       }
-      x(V), g();
+      v(V), g();
       return;
     }
     i({
-      keyPressed: M,
+      keyPressed: I,
       sectionIndex: V
-    }), x(V);
-  }), F = H((I) => {
-    I.preventDefault();
-  }), L = H((I) => {
-    if (I.preventDefault(), S || P || typeof l != "number")
+    }), v(V);
+  }), T = H((O) => {
+    O.preventDefault();
+  }), B = H((O) => {
+    if (O.preventDefault(), S || P || typeof l != "number")
       return;
-    const w = d.sections[l], M = I.clipboardData.getData("text"), V = /^[a-zA-Z]+$/.test(M), N = /^[0-9]+$/.test(M), B = /^(([a-zA-Z]+)|)([0-9]+)(([a-zA-Z]+)|)$/.test(M);
-    w.contentType === "letter" && V || w.contentType === "digit" && N || w.contentType === "digit-with-letter" && B ? (b(null), D({
+    const w = d.sections[l], I = O.clipboardData.getData("text"), V = /^[a-zA-Z]+$/.test(I), N = /^[0-9]+$/.test(I), L = /^(([a-zA-Z]+)|)([0-9]+)(([a-zA-Z]+)|)$/.test(I);
+    w.contentType === "letter" && V || w.contentType === "digit" && N || w.contentType === "digit-with-letter" && L ? (b(null), D({
       section: w,
-      newSectionValue: M,
+      newSectionValue: I,
       shouldGoToNextSection: !0
-    })) : !V && !N && (b(null), m(M));
-  }), R = H((I) => {
-    I.preventDefault(), I.dataTransfer.dropEffect = "none";
-  }), T = f.useCallback((I) => () => {
-    P || y(I);
+    })) : !V && !N && (b(null), m(I));
+  }), R = H((O) => {
+    O.preventDefault(), O.dataTransfer.dropEffect = "none";
+  }), F = f.useCallback((O) => () => {
+    P || y(O);
   }, [P, y]);
-  return f.useCallback((I, w) => {
-    const M = u[I.type]({
-      currentDate: c.getDateFromSection(h, I),
-      contentType: I.contentType,
-      format: I.format
+  return f.useCallback((O, w) => {
+    const I = u[O.type]({
+      currentDate: c.getDateFromSection(h, O),
+      contentType: O.contentType,
+      format: O.format
     });
     return {
       // Event handlers
       onInput: A,
-      onPaste: L,
-      onMouseUp: F,
+      onPaste: B,
+      onMouseUp: T,
       onDragOver: R,
-      onFocus: T(w),
+      onFocus: F(w),
       // Aria attributes
       "aria-readonly": S,
-      "aria-valuenow": ja(I, n),
-      "aria-valuemin": M.minimum,
-      "aria-valuemax": M.maximum,
-      "aria-valuetext": I.value ? $a(I, n) : o.empty,
-      "aria-label": o[I.type],
+      "aria-valuenow": ja(O, n),
+      "aria-valuemin": I.minimum,
+      "aria-valuemax": I.maximum,
+      "aria-valuetext": O.value ? $a(O, n) : o.empty,
+      "aria-label": o[O.type],
       "aria-disabled": P,
       // Other
-      tabIndex: !k || v || w > 0 ? -1 : 0,
-      contentEditable: !v && !P && !S,
+      tabIndex: !k || x || w > 0 ? -1 : 0,
+      contentEditable: !x && !P && !S,
       role: "spinbutton",
-      "data-range-position": I.dateName || void 0,
+      "data-range-position": O.dateName || void 0,
       spellCheck: k ? !1 : void 0,
       // Firefox hydrates this as `'none`' instead of `'off'`. No problems in chromium with both values.
       // For reference https://github.com/mui/mui-x/issues/19012
       autoCapitalize: k ? "none" : void 0,
       autoCorrect: k ? "off" : void 0,
-      children: I.value || I.placeholder,
-      inputMode: I.contentType === "letter" ? "text" : "numeric"
+      children: O.value || O.placeholder,
+      inputMode: O.contentType === "letter" ? "text" : "numeric"
     };
-  }, [u, v, P, S, k, o, n, A, L, F, R, T, c, h]);
+  }, [u, x, P, S, k, o, n, A, B, T, R, F, c, h]);
 }
 function $a(e, n) {
   if (e.value)
@@ -4131,121 +4131,121 @@ const _a = (e) => {
     clearable: P
   } = c, {
     disabled: S = !1,
-    readOnly: v = !1,
+    readOnly: x = !1,
     autoFocus: k = !1,
-    focused: x,
+    focused: v,
     unstableFieldRef: A
-  } = l, F = f.useRef(null), L = Ve(u, F), R = f.useMemo(() => ({
-    isReady: () => F.current != null,
-    getRoot: () => F.current.getRoot(),
-    getSectionContainer: ($) => F.current.getSectionContainer($),
-    getSectionContent: ($) => F.current.getSectionContent($),
-    getSectionIndexFromDOMElement: ($) => F.current.getSectionIndexFromDOMElement($)
-  }), [F]), T = Uo({
+  } = l, T = f.useRef(null), B = Ve(u, T), R = f.useMemo(() => ({
+    isReady: () => T.current != null,
+    getRoot: () => T.current.getRoot(),
+    getSectionContainer: (j) => T.current.getSectionContainer(j),
+    getSectionContent: (j) => T.current.getSectionContent(j),
+    getSectionIndexFromDOMElement: (j) => T.current.getSectionIndexFromDOMElement(j)
+  }), [T]), F = Uo({
     manager: o,
     internalPropsWithDefaults: l,
     forwardedProps: c
   }), {
     // States and derived states
-    areAllSectionsEmpty: I,
+    areAllSectionsEmpty: O,
     error: w,
-    parsedSelectedSections: M,
+    parsedSelectedSections: I,
     sectionOrder: V,
     state: N,
-    value: B,
+    value: L,
     // Methods to update the states
-    clearValue: O,
+    clearValue: M,
     setSelectedSections: Q
-  } = T, j = zo({
-    stateResponse: T
-  }), re = a(B), [W, X] = f.useState(!1);
-  function ie($ = 0) {
-    if (S || !F.current || // if the field is already focused, we don't need to focus it again
-    no(F) != null)
+  } = F, $ = zo({
+    stateResponse: F
+  }), re = a(L), [W, X] = f.useState(!1);
+  function ie(j = 0) {
+    if (S || !T.current || // if the field is already focused, we don't need to focus it again
+    no(T) != null)
       return;
-    const E = on($, N.sections);
-    X(!0), F.current.getSectionContent(E).focus();
+    const E = on(j, N.sections);
+    X(!0), T.current.getSectionContent(E).focus();
   }
   const te = Na({
     manager: o,
     internalPropsWithDefaults: l,
-    stateResponse: T,
-    applyCharacterEditing: j,
+    stateResponse: F,
+    applyCharacterEditing: $,
     focused: W,
     setFocused: X,
     domGetters: R
   }), ue = Aa({
     manager: o,
-    stateResponse: T
+    stateResponse: F
   }), oe = La({
-    stateResponse: T,
+    stateResponse: F,
     internalPropsWithDefaults: l
   }), de = Ba({
     manager: o,
-    stateResponse: T,
-    applyCharacterEditing: j,
+    stateResponse: F,
+    applyCharacterEditing: $,
     internalPropsWithDefaults: l,
     domGetters: R,
     focused: W
-  }), he = H(($) => {
-    D?.($), te.onKeyDown($);
-  }), ee = H(($) => {
-    d?.($), te.onBlur($);
-  }), U = H(($) => {
-    g?.($), te.onFocus($);
-  }), _ = H(($) => {
-    $.isDefaultPrevented() || (h?.($), te.onClick($));
-  }), Y = H(($) => {
-    y?.($), te.onPaste($);
-  }), ne = H(($) => {
-    b?.($), te.onInput($);
-  }), z = H(($, ...E) => {
-    $.preventDefault(), m?.($, ...E), O(), oo(F) ? Q(V.startIndex) : ie(0);
-  }), Z = f.useMemo(() => N.sections.map(($, E) => {
-    const G = de($, E);
+  }), he = H((j) => {
+    D?.(j), te.onKeyDown(j);
+  }), ee = H((j) => {
+    d?.(j), te.onBlur(j);
+  }), U = H((j) => {
+    g?.(j), te.onFocus(j);
+  }), _ = H((j) => {
+    j.isDefaultPrevented() || (h?.(j), te.onClick(j));
+  }), Y = H((j) => {
+    y?.(j), te.onPaste(j);
+  }), ne = H((j) => {
+    b?.(j), te.onInput(j);
+  }), z = H((j, ...E) => {
+    j.preventDefault(), m?.(j, ...E), M(), oo(T) ? Q(V.startIndex) : ie(0);
+  }), Z = f.useMemo(() => N.sections.map((j, E) => {
+    const G = de(j, E);
     return {
       container: oe(E),
-      content: de($, E),
+      content: de(j, E),
       before: {
-        children: $.startSeparator
+        children: j.startSeparator
       },
       after: {
-        children: $.endSeparator,
-        "data-range-position": $.isEndFormatSeparator ? G["data-range-position"] : void 0
+        children: j.endSeparator,
+        "data-range-position": j.isEndFormatSeparator ? G["data-range-position"] : void 0
       }
     };
   }), [N.sections, oe, de]);
   return f.useEffect(() => {
-    if (F.current == null)
+    if (T.current == null)
       throw new Error(["MUI X: The `sectionListRef` prop has not been initialized by `PickersSectionList`", "You probably tried to pass a component to the `textField` slot that contains an `<input />` element instead of a `PickersSectionList`.", "", "If you want to keep using an `<input />` HTML element for the editing, please add the `enableAccessibleFieldDOMStructure={false}` prop to your Picker or Field component:", "", "<DatePicker enableAccessibleFieldDOMStructure={false} slots={{ textField: MyCustomTextField }} />", "", "Learn more about the field accessible DOM structure on the MUI documentation: https://mui.com/x/react-date-pickers/fields/#fields-to-edit-a-single-element"].join(`
 `));
-    k && !S && F.current && F.current.getSectionContent(V.startIndex).focus();
+    k && !S && T.current && T.current.getSectionContent(V.startIndex).focus();
   }, []), Ue(() => {
-    if (!(!W || !F.current)) {
-      if (M === "all")
-        F.current.getRoot().focus();
-      else if (typeof M == "number") {
-        const $ = F.current.getSectionContent(M);
-        $ && $.focus();
+    if (!(!W || !T.current)) {
+      if (I === "all")
+        T.current.getRoot().focus();
+      else if (typeof I == "number") {
+        const j = T.current.getSectionContent(I);
+        j && j.focus();
       }
     }
-  }, [M, W]), Ue(() => {
+  }, [I, W]), Ue(() => {
     vn({
       focused: W,
       domGetters: R,
-      stateResponse: T
+      stateResponse: F
     });
   }), f.useImperativeHandle(A, () => ({
     getSections: () => N.sections,
-    getActiveSectionIndex: () => no(F),
-    setSelectedSections: ($) => {
-      if (S || !F.current)
+    getActiveSectionIndex: () => no(T),
+    setSelectedSections: (j) => {
+      if (S || !T.current)
         return;
-      const E = on($, N.sections);
-      X((E === "all" ? 0 : E) !== null), Q($);
+      const E = on(j, N.sections);
+      X((E === "all" ? 0 : E) !== null), Q(j);
     },
     focusField: ie,
-    isFieldFocused: () => oo(F)
+    isFieldFocused: () => oo(T)
   })), p({}, c, te, {
     onBlur: ee,
     onClick: _,
@@ -4256,15 +4256,15 @@ const _a = (e) => {
     onClear: z
   }, ue, {
     error: w,
-    clearable: !!(P && !I && !v && !S),
-    focused: x ?? W,
-    sectionListRef: L,
+    clearable: !!(P && !O && !x && !S),
+    focused: v ?? W,
+    sectionListRef: B,
     // Additional
     enableAccessibleFieldDOMStructure: !0,
     elements: Z,
-    areAllSectionsEmpty: I,
+    areAllSectionsEmpty: O,
     disabled: S,
-    readOnly: v,
+    readOnly: x,
     autoFocus: k,
     openPickerAriaLabel: re
   });
@@ -4314,27 +4314,27 @@ const pt = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), Wa = (e, n, o) =
     onPaste: m,
     onBlur: P,
     onKeyDown: S,
-    onClear: v,
+    onClear: x,
     clearable: k,
-    inputRef: x,
+    inputRef: v,
     placeholder: A
   } = g, {
-    readOnly: F = !1,
-    disabled: L = !1,
+    readOnly: T = !1,
+    disabled: B = !1,
     autoFocus: R = !1,
-    focused: T,
-    unstableFieldRef: I
-  } = b, w = f.useRef(null), M = Ve(x, w), V = Uo({
+    focused: F,
+    unstableFieldRef: O
+  } = b, w = f.useRef(null), I = Ve(v, w), V = Uo({
     manager: a,
     internalPropsWithDefaults: b,
     forwardedProps: g
   }), {
     // States and derived states
     activeSectionIndex: N,
-    areAllSectionsEmpty: B,
-    error: O,
+    areAllSectionsEmpty: L,
+    error: M,
     localizedDigits: Q,
-    parsedSelectedSections: j,
+    parsedSelectedSections: $,
     sectionOrder: re,
     state: W,
     value: X,
@@ -4361,7 +4361,7 @@ const pt = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), Wa = (e, n, o) =
   function Z(ae = 0) {
     Ne(w.current) !== w.current && (w.current?.focus(), oe(ae));
   }
-  const $ = H((ae) => {
+  const j = H((ae) => {
     y?.(ae);
     const le = w.current;
     o.start(0, () => {
@@ -4371,11 +4371,11 @@ const pt = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), Wa = (e, n, o) =
   }), E = H((ae, ...le) => {
     ae.isDefaultPrevented() || (D?.(ae, ...le), z());
   }), G = H((ae) => {
-    if (m?.(ae), ae.preventDefault(), F || L)
+    if (m?.(ae), ae.preventDefault(), T || B)
       return;
     const le = ae.clipboardData.getData("text");
-    if (typeof j == "number") {
-      const fe = W.sections[j], we = /^[a-zA-Z]+$/.test(le), Oe = /^[0-9]+$/.test(le), Ie = /^(([a-zA-Z]+)|)([0-9]+)(([a-zA-Z]+)|)$/.test(le);
+    if (typeof $ == "number") {
+      const fe = W.sections[$], we = /^[a-zA-Z]+$/.test(le), Oe = /^[0-9]+$/.test(le), Ie = /^(([a-zA-Z]+)|)([0-9]+)(([a-zA-Z]+)|)$/.test(le);
       if (fe.contentType === "letter" && we || fe.contentType === "digit" && Oe || fe.contentType === "digit-with-letter" && Ie) {
         ue(null), he({
           section: fe,
@@ -4391,7 +4391,7 @@ const pt = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), Wa = (e, n, o) =
   }), pe = H((ae) => {
     P?.(ae), oe(null);
   }), K = H((ae) => {
-    if (F)
+    if (T)
       return;
     const le = ae.target.value;
     if (le === "") {
@@ -4399,12 +4399,12 @@ const pt = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), Wa = (e, n, o) =
       return;
     }
     const fe = ae.nativeEvent.data, we = fe && fe.length > 1, Oe = we ? fe : le, Ie = pt(Oe);
-    if (j === "all" && oe(N), N == null || we) {
+    if ($ === "all" && oe(N), N == null || we) {
       ee(we ? fe : Ie);
       return;
     }
     let ve;
-    if (j === "all" && Ie.length === 1)
+    if ($ === "all" && Ie.length === 1)
       ve = Ie;
     else {
       const je = pt(u.getV6InputValueFromSections(ne, Q, n));
@@ -4426,7 +4426,7 @@ const pt = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), Wa = (e, n, o) =
       sectionIndex: N
     });
   }), se = H((ae, ...le) => {
-    ae.preventDefault(), v?.(ae, ...le), ie(), ro(w) ? oe(re.startIndex) : Z(0);
+    ae.preventDefault(), x?.(ae, ...le), ie(), ro(w) ? oe(re.startIndex) : Z(0);
   }), Se = Ko({
     manager: a,
     internalPropsWithDefaults: b,
@@ -4440,17 +4440,17 @@ const pt = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), Wa = (e, n, o) =
     function ae() {
       if (!w.current)
         return;
-      if (j == null) {
+      if ($ == null) {
         w.current.scrollLeft && (w.current.scrollLeft = 0);
         return;
       }
       if (w.current !== Ne(w.current))
         return;
       const le = w.current.scrollTop;
-      if (j === "all")
+      if ($ === "all")
         w.current.select();
       else {
-        const fe = ne[j], we = fe.type === "empty" ? fe.startInInput - fe.startSeparator.length : fe.startInInput, Oe = fe.type === "empty" ? fe.endInInput + fe.endSeparator.length : fe.endInInput;
+        const fe = ne[$], we = fe.type === "empty" ? fe.startInInput - fe.startSeparator.length : fe.startInInput, Oe = fe.type === "empty" ? fe.endInInput + fe.endSeparator.length : fe.endInInput;
         (we !== w.current.selectionStart || Oe !== w.current.selectionEnd) && w.current === Ne(w.current) && w.current.setSelectionRange(we, Oe), r.start(0, () => {
           w.current && w.current === Ne(w.current) && // The section might loose all selection, where `selectionStart === selectionEnd`
           // https://github.com/mui/mui-x/pull/13652
@@ -4461,8 +4461,8 @@ const pt = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), Wa = (e, n, o) =
     }
     ae();
   });
-  const Ke = f.useMemo(() => N == null || W.sections[N].contentType === "letter" ? "text" : "numeric", [N, W.sections]), lt = !(w.current && w.current === Ne(w.current)) && B;
-  return f.useImperativeHandle(I, () => ({
+  const Ke = f.useMemo(() => N == null || W.sections[N].contentType === "letter" ? "text" : "numeric", [N, W.sections]), lt = !(w.current && w.current === Ne(w.current)) && L;
+  return f.useImperativeHandle(O, () => ({
     getSections: () => W.sections,
     getActiveSectionIndex: () => {
       const ae = w.current.selectionStart ?? 0, le = w.current.selectionEnd ?? 0;
@@ -4475,16 +4475,16 @@ const pt = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), Wa = (e, n, o) =
     focusField: Z,
     isFieldFocused: () => ro(w)
   })), p({}, g, {
-    error: O,
-    "aria-invalid": O,
-    clearable: !!(k && !B && !F && !L),
+    error: M,
+    "aria-invalid": M,
+    clearable: !!(k && !L && !T && !B),
     onBlur: pe,
     onClick: E,
-    onFocus: $,
+    onFocus: j,
     onPaste: G,
     onKeyDown: Ce,
     onClear: se,
-    inputRef: M,
+    inputRef: I,
     // Additional
     enableAccessibleFieldDOMStructure: !1,
     placeholder: Me,
@@ -4492,9 +4492,9 @@ const pt = (e) => e.replace(/[\u2066\u2067\u2068\u2069]/g, ""), Wa = (e, n, o) =
     autoComplete: "off",
     value: lt ? "" : Le,
     onChange: K,
-    focused: T,
-    disabled: L,
-    readOnly: F,
+    focused: F,
+    disabled: B,
+    readOnly: T,
     autoFocus: R,
     openPickerAriaLabel: Y
   });
@@ -4690,8 +4690,8 @@ const zt = /* @__PURE__ */ f.forwardRef(function(n, o) {
       const S = y("getSectionIndexFromDOMElement");
       if (P == null || !S.contains(P))
         return null;
-      let v = null;
-      return P.classList.contains(dt.section) ? v = P : P.classList.contains(dt.sectionContent) && (v = P.parentElement), v == null ? null : Number(v.dataset.sectionindex);
+      let x = null;
+      return P.classList.contains(dt.section) ? x = P : P.classList.contains(dt.sectionContent) && (x = P.parentElement), x == null ? null : Number(x.dataset.sectionindex);
     }
   }));
   const D = s?.root ?? Zo, m = me({
@@ -4709,8 +4709,8 @@ const zt = /* @__PURE__ */ f.forwardRef(function(n, o) {
     children: m.contentEditable ? i.map(({
       content: P,
       before: S,
-      after: v
-    }) => `${S.children}${P.children}${v.children}`).join("") : /* @__PURE__ */ C(f.Fragment, {
+      after: x
+    }) => `${S.children}${P.children}${x.children}`).join("") : /* @__PURE__ */ C(f.Fragment, {
       children: i.map((P, S) => /* @__PURE__ */ C(nr, {
         slots: s,
         slotProps: a,
@@ -4991,20 +4991,20 @@ const Vt = /* @__PURE__ */ f.forwardRef(function(n, o) {
     onInput: m,
     onPaste: P,
     onKeyDown: S,
-    name: v,
+    name: x,
     readOnly: k,
-    inputProps: x,
+    inputProps: v,
     inputRef: A,
-    sectionListRef: F,
-    onFocus: L,
+    sectionListRef: T,
+    onFocus: B,
     onBlur: R,
-    classes: T,
-    ownerState: I
-  } = r, w = J(r, Ja), M = Ut(), V = f.useRef(null), N = f.useRef(null), B = f.useRef([]), O = Ve(o, V), Q = Ve(x?.ref, A), j = an();
-  if (!j)
+    classes: F,
+    ownerState: O
+  } = r, w = J(r, Ja), I = Ut(), V = f.useRef(null), N = f.useRef(null), L = f.useRef([]), M = Ve(o, V), Q = Ve(v?.ref, A), $ = an();
+  if (!$)
     throw new Error("MUI X: PickersInputBase should always be used inside a PickersTextField component");
-  const re = I ?? M, W = (U) => {
-    j.onFocus?.(U), L?.(U);
+  const re = O ?? I, W = (U) => {
+    $.onFocus?.(U), B?.(U);
   }, X = (U) => {
     W(U);
   }, ie = (U) => {
@@ -5017,20 +5017,20 @@ const Vt = /* @__PURE__ */ f.forwardRef(function(n, o) {
       U.preventDefault(), _.requestSubmit(Y);
     }
   }, te = (U) => {
-    j.onBlur?.(U), R?.(U);
+    $.onBlur?.(U), R?.(U);
   };
   f.useEffect(() => {
-    j && j.setAdornedStart(!!d);
-  }, [j, d]), f.useEffect(() => {
-    j && (a ? j.onEmpty() : j.onFilled());
-  }, [j, a]);
-  const ue = ai(T, re), oe = g?.root || Yt, de = me({
+    $ && $.setAdornedStart(!!d);
+  }, [$, d]), f.useEffect(() => {
+    $ && (a ? $.onEmpty() : $.onFilled());
+  }, [$, a]);
+  const ue = ai(F, re), oe = g?.root || Yt, de = me({
     elementType: oe,
     externalSlotProps: b?.root,
     externalForwardedProps: w,
     additionalProps: {
-      "aria-invalid": j.error,
-      ref: O
+      "aria-invalid": $.error,
+      ref: M
     },
     className: ue.root,
     ownerState: re
@@ -5042,10 +5042,10 @@ const Vt = /* @__PURE__ */ f.forwardRef(function(n, o) {
       activeBarWidth: U,
       sectionOffsets: _
     } = ii(s, V);
-    B.current = [_[0], _[1]], N.current && (N.current.style.width = `${U}px`);
+    L.current = [_[0], _[1]], N.current && (N.current.style.width = `${U}px`);
   }, [s, ee, re.isPickerOpen]), /* @__PURE__ */ ge(oe, p({}, de, {
     children: [d, /* @__PURE__ */ C(zt, {
-      sectionListRef: F,
+      sectionListRef: T,
       elements: s,
       contentEditable: y,
       tabIndex: D,
@@ -5074,8 +5074,8 @@ const Vt = /* @__PURE__ */ f.forwardRef(function(n, o) {
           className: U === "before" ? ht.sectionBefore : ht.sectionAfter
         })
       }
-    }), u, h ? h(p({}, j)) : null, /* @__PURE__ */ C(ri, p({
-      name: v,
+    }), u, h ? h(p({}, $)) : null, /* @__PURE__ */ C(ri, p({
+      name: x,
       className: ue.input,
       value: i,
       onChange: c,
@@ -5083,16 +5083,16 @@ const Vt = /* @__PURE__ */ f.forwardRef(function(n, o) {
       "aria-hidden": "true",
       tabIndex: -1,
       readOnly: k,
-      required: j.required,
-      disabled: j.disabled,
+      required: $.required,
+      disabled: $.disabled,
       onFocus: X
-    }, x, {
+    }, v, {
       ref: Q
     })), ee && /* @__PURE__ */ C(si, {
       className: ue.activeBar,
       ref: N,
       ownerState: {
-        sectionOffsets: B.current
+        sectionOffsets: L.current
       }
     })]
   }));
@@ -5971,57 +5971,57 @@ const ki = ["onFocus", "onBlur", "className", "classes", "color", "disabled", "e
     inputRef: m,
     sectionListRef: P,
     elements: S,
-    areAllSectionsEmpty: v,
+    areAllSectionsEmpty: x,
     onClick: k,
-    onKeyDown: x,
+    onKeyDown: v,
     onKeyUp: A,
-    onPaste: F,
-    onInput: L,
+    onPaste: T,
+    onInput: B,
     endAdornment: R,
-    startAdornment: T,
-    tabIndex: I,
+    startAdornment: F,
+    tabIndex: O,
     contentEditable: w,
-    focused: M,
+    focused: I,
     value: V,
     onChange: N,
-    fullWidth: B,
-    id: O,
+    fullWidth: L,
+    id: M,
     name: Q,
     // Props used by FormHelperText
-    helperText: j,
+    helperText: $,
     FormHelperTextProps: re,
     // Props used by InputLabel
     label: W,
     InputLabelProps: X,
     // @ts-ignore
     "data-active-range-position": ie
-  } = r, te = J(r, ki), ue = f.useRef(null), oe = Ve(o, ue), de = Bt(O), he = j && de ? `${de}-helper-text` : void 0, ee = W && de ? `${de}-label` : void 0, U = kn({
+  } = r, te = J(r, ki), ue = f.useRef(null), oe = Ve(o, ue), de = Bt(M), he = $ && de ? `${de}-helper-text` : void 0, ee = W && de ? `${de}-label` : void 0, U = kn({
     disabled: r.disabled,
     required: r.required,
     readOnly: y?.readOnly
   }), _ = f.useMemo(() => p({}, U, {
-    isFieldValueEmpty: v,
-    isFieldFocused: M ?? !1,
+    isFieldValueEmpty: x,
+    isFieldFocused: I ?? !1,
     hasFieldError: d ?? !1,
     inputSize: r.size ?? "medium",
     inputColor: l ?? "primary",
-    isInputInFullWidth: B ?? !1,
-    hasStartAdornment: !!(T ?? y?.startAdornment),
+    isInputInFullWidth: L ?? !1,
+    hasStartAdornment: !!(F ?? y?.startAdornment),
     hasEndAdornment: !!(R ?? y?.endAdornment),
     inputHasLabel: !!W,
     isLabelShrunk: !!X?.shrink
-  }), [U, v, M, d, r.size, l, B, T, R, y?.startAdornment, y?.endAdornment, W, X?.shrink]), Y = Ii(c, _), ne = Oi[h], z = {};
+  }), [U, x, I, d, r.size, l, L, F, R, y?.startAdornment, y?.endAdornment, W, X?.shrink]), Y = Ii(c, _), ne = Oi[h], z = {};
   return h === "outlined" ? (X && typeof X.shrink < "u" && (z.notched = X.shrink), z.label = W) : h === "filled" && (z.hiddenLabel = b), /* @__PURE__ */ C(On.Provider, {
     value: _,
     children: /* @__PURE__ */ ge(Mi, p({
       className: ke(Y.root, i),
       ref: oe,
-      focused: M,
+      focused: I,
       disabled: u,
       variant: h,
       error: d,
       color: l,
-      fullWidth: B,
+      fullWidth: L,
       required: g,
       ownerState: _
     }, te, {
@@ -6032,22 +6032,22 @@ const ki = ["onFocus", "onBlur", "className", "classes", "color", "disabled", "e
         children: W
       })), /* @__PURE__ */ C(ne, p({
         elements: S,
-        areAllSectionsEmpty: v,
+        areAllSectionsEmpty: x,
         onClick: k,
-        onKeyDown: x,
+        onKeyDown: v,
         onKeyUp: A,
-        onInput: L,
-        onPaste: F,
+        onInput: B,
+        onPaste: T,
         onFocus: s,
         onBlur: a,
         endAdornment: R,
-        startAdornment: T,
-        tabIndex: I,
+        startAdornment: F,
+        tabIndex: O,
         contentEditable: w,
         value: V,
         onChange: N,
         id: de,
-        fullWidth: B,
+        fullWidth: L,
         inputProps: D,
         inputRef: m,
         sectionListRef: P,
@@ -6058,10 +6058,10 @@ const ki = ["onFocus", "onBlur", "className", "classes", "color", "disabled", "e
         "aria-describedby": he,
         "aria-live": he ? "polite" : void 0,
         "data-active-range-position": ie
-      }, z, y)), j && /* @__PURE__ */ C(go, p({
+      }, z, y)), $ && /* @__PURE__ */ C(go, p({
         id: he
       }, re, {
-        children: j
+        children: $
       }))]
     }))
   });
@@ -6187,28 +6187,28 @@ const Ri = ["enableAccessibleFieldDOMStructure"], Ti = ["InputProps", "readOnly"
   if (n) {
     const {
       InputProps: S,
-      readOnly: v,
+      readOnly: x,
       onClear: k,
-      clearable: x,
+      clearable: v,
       clearButtonPosition: A,
-      openPickerButtonPosition: F,
-      openPickerAriaLabel: L
-    } = o, R = J(o, Ti), T = Qe >= 6 && R?.slotProps?.input ? kt(R?.slotProps?.input, S) : nn;
+      openPickerButtonPosition: T,
+      openPickerAriaLabel: B
+    } = o, R = J(o, Ti), F = Qe >= 6 && R?.slotProps?.input ? kt(R?.slotProps?.input, S) : nn;
     return {
-      clearable: x,
+      clearable: v,
       onClear: k,
       clearButtonPosition: A,
-      openPickerButtonPosition: F,
-      openPickerAriaLabel: L,
+      openPickerButtonPosition: T,
+      openPickerAriaLabel: B,
       textFieldProps: p({}, R, Qe >= 6 && R?.slotProps?.input ? {
         slotProps: p({}, R?.slotProps, {
-          input: (I) => p({}, He(T, I), {
-            readOnly: v
+          input: (O) => p({}, He(F, O), {
+            readOnly: x
           })
         })
       } : {
         InputProps: p({}, S ?? {}, {
-          readOnly: v
+          readOnly: x
         })
       })
     };
@@ -6276,7 +6276,7 @@ function $i(e) {
     openPickerButtonPosition: h = "end"
   } = Bi(n), g = kn(i), b = H((re) => {
     re.preventDefault(), s?.setOpen((W) => !W);
-  }), y = s ? s.triggerStatus : "hidden", D = l ? d : null, m = y !== "hidden" ? h : null, P = a.slots.textField ?? (n.enableAccessibleFieldDOMStructure === !1 ? Po : Xt), S = a.slots.inputAdornment ?? Er, v = me({
+  }), y = s ? s.triggerStatus : "hidden", D = l ? d : null, m = y !== "hidden" ? h : null, P = a.slots.textField ?? (n.enableAccessibleFieldDOMStructure === !1 ? Po : Xt), S = a.slots.inputAdornment ?? Er, x = me({
     elementType: S,
     externalSlotProps: a.slotProps.inputAdornment,
     additionalProps: {
@@ -6285,7 +6285,7 @@ function $i(e) {
     ownerState: p({}, g, {
       position: "start"
     })
-  }), k = J(v, Vi), x = me({
+  }), k = J(x, Vi), v = me({
     elementType: S,
     externalSlotProps: a.slotProps.inputAdornment,
     additionalProps: {
@@ -6294,8 +6294,8 @@ function $i(e) {
     ownerState: p({}, g, {
       position: "end"
     })
-  }), A = J(x, Ei), F = a.slots.openPickerButton ?? gt, L = me({
-    elementType: F,
+  }), A = J(v, Ei), T = a.slots.openPickerButton ?? gt, B = me({
+    elementType: T,
     externalSlotProps: a.slotProps.openPickerButton,
     additionalProps: {
       disabled: y === "disabled",
@@ -6307,11 +6307,11 @@ function $i(e) {
       )
     },
     ownerState: g
-  }), R = J(L, Ni), T = a.slots.openPickerIcon ?? o, I = me({
-    elementType: T,
+  }), R = J(B, Ni), F = a.slots.openPickerIcon ?? o, O = me({
+    elementType: F,
     externalSlotProps: a.slotProps.openPickerIcon,
     ownerState: g
-  }), w = a.slots.clearButton ?? gt, M = me({
+  }), w = a.slots.clearButton ?? gt, I = me({
     elementType: w,
     externalSlotProps: a.slotProps.clearButton,
     className: "clearButton",
@@ -6326,7 +6326,7 @@ function $i(e) {
       )
     },
     ownerState: g
-  }), V = J(M, Ai), N = a.slots.clearIcon ?? Xo, B = me({
+  }), V = J(I, Ai), N = a.slots.clearIcon ?? Xo, L = me({
     elementType: N,
     externalSlotProps: a.slotProps.clearIcon,
     additionalProps: {
@@ -6335,20 +6335,20 @@ function $i(e) {
     ownerState: g
   });
   i.ref = Ve(i.ref, s?.rootRef);
-  const O = {}, Q = He((Qe >= 6 && i?.slotProps?.input) ?? i.InputProps, g);
-  s && (O.ref = s.triggerRef), !Q?.startAdornment && (D === "start" || m === "start") && (O.startAdornment = /* @__PURE__ */ ge(S, p({}, k, {
-    children: [m === "start" && /* @__PURE__ */ C(F, p({}, R, {
-      children: /* @__PURE__ */ C(T, p({}, I))
+  const M = {}, Q = He((Qe >= 6 && i?.slotProps?.input) ?? i.InputProps, g);
+  s && (M.ref = s.triggerRef), !Q?.startAdornment && (D === "start" || m === "start") && (M.startAdornment = /* @__PURE__ */ ge(S, p({}, k, {
+    children: [m === "start" && /* @__PURE__ */ C(T, p({}, R, {
+      children: /* @__PURE__ */ C(F, p({}, O))
     })), D === "start" && /* @__PURE__ */ C(w, p({}, V, {
-      children: /* @__PURE__ */ C(N, p({}, B))
+      children: /* @__PURE__ */ C(N, p({}, L))
     }))]
-  }))), !Q?.endAdornment && (D === "end" || m === "end") && (O.endAdornment = /* @__PURE__ */ ge(S, p({}, A, {
+  }))), !Q?.endAdornment && (D === "end" || m === "end") && (M.endAdornment = /* @__PURE__ */ ge(S, p({}, A, {
     children: [D === "end" && /* @__PURE__ */ C(w, p({}, V, {
-      children: /* @__PURE__ */ C(N, p({}, B))
-    })), m === "end" && /* @__PURE__ */ C(F, p({}, R, {
-      children: /* @__PURE__ */ C(T, p({}, I))
+      children: /* @__PURE__ */ C(N, p({}, L))
+    })), m === "end" && /* @__PURE__ */ C(T, p({}, R, {
+      children: /* @__PURE__ */ C(F, p({}, O))
     }))]
-  }))), !O?.endAdornment && !O?.startAdornment && a.slots.inputAdornment && (O.endAdornment = /* @__PURE__ */ C(S, p({}, A))), D != null && (i.sx = [{
+  }))), !M?.endAdornment && !M?.startAdornment && a.slots.inputAdornment && (M.endAdornment = /* @__PURE__ */ C(S, p({}, A))), D != null && (i.sx = [{
     "& .clearButton": {
       opacity: 1
     },
@@ -6363,9 +6363,9 @@ function $i(e) {
       }
     }
   }, ...Array.isArray(i.sx) ? i.sx : [i.sx]]);
-  const j = Qe >= 6 && i?.slotProps?.input ? He(kt(Q, O), g) : p({}, Q, O);
+  const $ = Qe >= 6 && i?.slotProps?.input ? He(kt(Q, M), g) : p({}, Q, M);
   return i.inputProps = Qe >= 6 && i?.slotProps?.htmlInput ? He(i.slotProps.htmlInput, g) : i.inputProps, delete i?.slotProps?.input, n.enableAccessibleFieldDOMStructure && delete i?.slotProps, /* @__PURE__ */ C(P, p({}, i, {
-    InputProps: j
+    InputProps: $
   }));
 }
 function kt(e, n) {
@@ -6808,7 +6808,11 @@ const or = ({
   ), [m, P] = f.useReducer(y, {
     isMonthSwitchingAnimating: !1,
     focusedDay: D,
-    currentMonth: b.startOfMonth(D),
+    // Keep the time from the reference date when computing the current month anchor.
+    // Using startOfMonth would reset the time to 00:00 which breaks expectations
+    // that month selections preserve the referenceDate time when no value is provided.
+    // See tests: "should use `referenceDate` when no value defined".
+    currentMonth: b.setDate(D, 1),
     slideDirection: "left"
   }), S = or({
     shouldDisableDate: d,
@@ -6824,36 +6828,36 @@ const or = ({
       newTimezone: b.getTimezone(D)
     });
   }, [D, b]);
-  const v = H(({
-    target: x,
+  const x = H(({
+    target: v,
     reason: A
   }) => {
-    if (A === "cell-interaction" && m.focusedDay != null && b.isSameDay(x, m.focusedDay))
+    if (A === "cell-interaction" && m.focusedDay != null && b.isSameDay(v, m.focusedDay))
       return;
-    const F = A === "cell-interaction";
-    let L, R;
+    const T = A === "cell-interaction";
+    let B, R;
     if (A === "cell-interaction")
-      L = g(x, m.currentMonth), R = x;
-    else if (L = b.isSameMonth(x, m.currentMonth) ? m.currentMonth : b.startOfMonth(x), R = x, S(R)) {
-      const w = b.startOfMonth(x), M = b.endOfMonth(x);
+      B = g(v, m.currentMonth), R = v;
+    else if (B = b.isSameMonth(v, m.currentMonth) ? m.currentMonth : b.startOfMonth(v), R = v, S(R)) {
+      const w = b.startOfMonth(v), I = b.endOfMonth(v);
       R = Mt({
         adapter: b,
         date: R,
         minDate: b.isBefore(i, w) ? w : i,
-        maxDate: b.isAfter(a, M) ? M : a,
+        maxDate: b.isAfter(a, I) ? I : a,
         disablePast: s,
         disableFuture: r,
         isDateDisabled: S,
         timezone: h
       });
     }
-    const T = !b.isSameMonth(m.currentMonth, L), I = !b.isSameYear(m.currentMonth, L);
-    T && c?.(L), I && l?.(b.startOfYear(L)), P({
+    const F = !b.isSameMonth(m.currentMonth, B), O = !b.isSameYear(m.currentMonth, B);
+    F && c?.(B), O && l?.(b.startOfYear(B)), P({
       type: "setVisibleDate",
-      month: L,
-      direction: b.isAfterDay(L, m.currentMonth) ? "left" : "right",
+      month: B,
+      direction: b.isAfterDay(B, m.currentMonth) ? "left" : "right",
       focusedDay: m.focusedDay != null && R != null && b.isSameDay(R, m.focusedDay) ? m.focusedDay : R,
-      skipAnimation: F
+      skipAnimation: T
     });
   }), k = f.useCallback(() => {
     P({
@@ -6863,7 +6867,7 @@ const or = ({
   return {
     referenceDate: D,
     calendarState: m,
-    setVisibleDate: v,
+    setVisibleDate: x,
     isDateDisabled: S,
     onMonthSwitchingAnimationEnd: k
   };
@@ -7056,48 +7060,48 @@ const Qi = ["autoFocus", "className", "classes", "hidden", "isAnimating", "onCli
     day: m,
     selected: P,
     disabled: S,
-    today: v,
+    today: x,
     outsideCurrentMonth: k,
-    disableMargin: x,
+    disableMargin: v,
     disableHighlightToday: A,
-    showDaysOutsideCurrentMonth: F
-  } = r, L = J(r, Qi), R = sr({
+    showDaysOutsideCurrentMonth: T
+  } = r, B = J(r, Qi), R = sr({
     day: m,
     selected: P,
     disabled: S,
-    today: v,
+    today: x,
     outsideCurrentMonth: k,
-    disableMargin: x,
+    disableMargin: v,
     disableHighlightToday: A,
-    showDaysOutsideCurrentMonth: F
-  }), T = Xi(i, R), I = be(), w = f.useRef(null), M = Ve(w, o);
+    showDaysOutsideCurrentMonth: T
+  }), F = Xi(i, R), O = be(), w = f.useRef(null), I = Ve(w, o);
   Ue(() => {
     s && !S && !c && !k && w.current.focus();
   }, [s, S, c, k]);
-  const V = (B) => {
-    b(B), k && B.preventDefault();
-  }, N = (B) => {
-    B.defaultMuiPrevented = !0, S || u(m), k && B.currentTarget.focus(), l && l(B);
+  const V = (L) => {
+    b(L), k && L.preventDefault();
+  }, N = (L) => {
+    L.defaultMuiPrevented = !0, S || u(m), k && L.currentTarget.focus(), l && l(L);
   };
-  return k && !F ? /* @__PURE__ */ C(Ji, {
-    className: ke(T.root, T.hiddenDaySpacingFiller, a),
+  return k && !T ? /* @__PURE__ */ C(Ji, {
+    className: ke(F.root, F.hiddenDaySpacingFiller, a),
     ownerState: R,
-    role: L.role
+    role: B.role
   }) : /* @__PURE__ */ C(Zi, p({
-    className: ke(T.root, a),
-    ref: M,
+    className: ke(F.root, a),
+    ref: I,
     centerRipple: !0,
     disabled: S,
     tabIndex: P ? 0 : -1,
-    onKeyDown: (B) => g(B, m),
-    onFocus: (B) => d(B, m),
-    onBlur: (B) => h(B, m),
-    onMouseEnter: (B) => y(B, m),
+    onKeyDown: (L) => g(L, m),
+    onFocus: (L) => d(L, m),
+    onBlur: (L) => h(L, m),
+    onMouseEnter: (L) => y(L, m),
     onClick: N,
     onMouseDown: V
-  }, L, {
+  }, B, {
     ownerState: R,
-    children: D ?? I.format(m, "dayOfMonth")
+    children: D ?? O.format(m, "dayOfMonth")
   }));
 });
 process.env.NODE_ENV !== "production" && (In.displayName = "PickersDayRaw");
@@ -7471,17 +7475,17 @@ function yl(e) {
     slots: b,
     slotProps: y,
     timezone: D
-  } = n, m = be(), P = _t(D), S = r != null && m.isSameDay(o, r), v = c && S, k = s.some((V) => m.isSameDay(V, o)), x = m.isSameDay(o, P), A = f.useMemo(() => u || a(o), [u, a, o]), F = f.useMemo(() => m.getMonth(o) !== i, [m, o, i]), L = sr({
+  } = n, m = be(), P = _t(D), S = r != null && m.isSameDay(o, r), x = c && S, k = s.some((V) => m.isSameDay(V, o)), v = m.isSameDay(o, P), A = f.useMemo(() => u || a(o), [u, a, o]), T = f.useMemo(() => m.getMonth(o) !== i, [m, o, i]), B = sr({
     day: o,
     selected: k,
     disabled: A,
-    today: x,
-    outsideCurrentMonth: F,
+    today: v,
+    outsideCurrentMonth: T,
     disableMargin: void 0,
     // This prop can only be defined using slotProps.day so the ownerState for useSlotProps cannot have its value.
     disableHighlightToday: d,
     showDaysOutsideCurrentMonth: g
-  }), R = b?.day ?? lr, T = me({
+  }), R = b?.day ?? lr, F = me({
     elementType: R,
     externalSlotProps: y?.day,
     additionalProps: p({
@@ -7492,30 +7496,30 @@ function yl(e) {
       // it is used in date range dragging logic by accessing `dataset.timestamp`
       "data-timestamp": m.toJsDate(o).valueOf()
     }, l),
-    ownerState: p({}, L, {
+    ownerState: p({}, B, {
       day: o,
       isDayDisabled: A,
       isDaySelected: k
     })
-  }), I = J(T, il), w = f.useMemo(() => {
+  }), O = J(F, il), w = f.useMemo(() => {
     const V = m.startOfMonth(m.setMonth(o, i));
     return g ? m.isSameDay(o, m.startOfWeek(V)) : m.isSameDay(o, V);
-  }, [i, o, g, m]), M = f.useMemo(() => {
+  }, [i, o, g, m]), I = f.useMemo(() => {
     const V = m.endOfMonth(m.setMonth(o, i));
     return g ? m.isSameDay(o, m.endOfWeek(V)) : m.isSameDay(o, V);
   }, [i, o, g, m]);
-  return /* @__PURE__ */ C(R, p({}, I, {
+  return /* @__PURE__ */ C(R, p({}, O, {
     day: o,
     disabled: A,
-    autoFocus: !F && v,
-    today: x,
-    outsideCurrentMonth: F,
+    autoFocus: !T && x,
+    today: v,
+    outsideCurrentMonth: T,
     isFirstVisibleCell: w,
-    isLastVisibleCell: M,
+    isLastVisibleCell: I,
     selected: k,
     tabIndex: S ? 0 : -1,
     "aria-selected": k,
-    "aria-current": x ? "date" : void 0
+    "aria-current": v ? "date" : void 0
   }));
 }
 function Pl(e) {
@@ -7541,31 +7545,31 @@ function Pl(e) {
     TransitionProps: m,
     disablePast: P,
     disableFuture: S,
-    minDate: v,
+    minDate: x,
     maxDate: k,
-    shouldDisableDate: x,
+    shouldDisableDate: v,
     shouldDisableMonth: A,
-    shouldDisableYear: F,
-    dayOfWeekFormatter: L = (_) => o.format(_, "weekdayShort").charAt(0).toUpperCase(),
+    shouldDisableYear: T,
+    dayOfWeekFormatter: B = (_) => o.format(_, "weekdayShort").charAt(0).toUpperCase(),
     hasFocus: R,
-    onFocusedViewChange: T,
-    gridLabelId: I,
+    onFocusedViewChange: F,
+    gridLabelId: O,
     displayWeekNumber: w,
-    fixedWeekNumber: M,
+    fixedWeekNumber: I,
     timezone: V
-  } = n, N = _t(V), B = ll(a), O = Ye(), Q = or({
-    shouldDisableDate: x,
+  } = n, N = _t(V), L = ll(a), M = Ye(), Q = or({
+    shouldDisableDate: v,
     shouldDisableMonth: A,
-    shouldDisableYear: F,
-    minDate: v,
+    shouldDisableYear: T,
+    minDate: x,
     maxDate: k,
     disablePast: P,
     disableFuture: S,
     timezone: V
-  }), j = Ze(), re = H((_) => {
+  }), $ = Ze(), re = H((_) => {
     g || d(_);
   }), W = (_) => {
-    Q(_) || (r(_), T?.(!0));
+    Q(_) || (r(_), F?.(!0));
   }, X = H((_, Y) => {
     switch (_.key) {
       case "ArrowUp":
@@ -7575,11 +7579,11 @@ function Pl(e) {
         W(o.addDays(Y, 7)), _.preventDefault();
         break;
       case "ArrowLeft": {
-        const ne = o.addDays(Y, O ? 1 : -1), z = o.addMonths(Y, O ? 1 : -1), Z = Mt({
+        const ne = o.addDays(Y, M ? 1 : -1), z = o.addMonths(Y, M ? 1 : -1), Z = Mt({
           adapter: o,
           date: ne,
-          minDate: O ? ne : o.startOfMonth(z),
-          maxDate: O ? o.endOfMonth(z) : ne,
+          minDate: M ? ne : o.startOfMonth(z),
+          maxDate: M ? o.endOfMonth(z) : ne,
           isDateDisabled: Q,
           timezone: V
         });
@@ -7587,11 +7591,11 @@ function Pl(e) {
         break;
       }
       case "ArrowRight": {
-        const ne = o.addDays(Y, O ? -1 : 1), z = o.addMonths(Y, O ? -1 : 1), Z = Mt({
+        const ne = o.addDays(Y, M ? -1 : 1), z = o.addMonths(Y, M ? -1 : 1), Z = Mt({
           adapter: o,
           date: ne,
-          minDate: O ? o.startOfMonth(z) : ne,
-          maxDate: O ? ne : o.endOfMonth(z),
+          minDate: M ? o.startOfMonth(z) : ne,
+          maxDate: M ? ne : o.endOfMonth(z),
           isDateDisabled: Q,
           timezone: V
         });
@@ -7612,62 +7616,62 @@ function Pl(e) {
         break;
     }
   }), ie = H((_, Y) => W(Y)), te = H((_, Y) => {
-    l != null && o.isSameDay(l, Y) && T?.(!1);
+    l != null && o.isSameDay(l, Y) && F?.(!1);
   }), ue = o.getMonth(i), oe = o.getYear(i), de = f.useMemo(() => c.filter((_) => !!_).map((_) => o.startOfDay(_)), [o, c]), he = `${oe}-${ue}`, ee = f.useMemo(() => /* @__PURE__ */ f.createRef(), [he]), U = f.useMemo(() => {
     const _ = o.getWeekArray(i);
     let Y = o.addMonths(i, 1);
-    for (; M && _.length < M; ) {
+    for (; I && _.length < I; ) {
       const ne = o.getWeekArray(Y), z = o.isSameDay(_[_.length - 1][0], ne[0][0]);
       ne.slice(z ? 1 : 0).forEach((Z) => {
-        _.length < M && _.push(Z);
+        _.length < I && _.push(Z);
       }), Y = o.addMonths(Y, 1);
     }
     return _;
-  }, [i, M, o]);
+  }, [i, I, o]);
   return /* @__PURE__ */ ge(cl, {
     role: "grid",
-    "aria-labelledby": I,
-    className: B.root,
+    "aria-labelledby": O,
+    className: L.root,
     children: [/* @__PURE__ */ ge(ul, {
       role: "row",
-      className: B.header,
+      className: L.header,
       children: [w && /* @__PURE__ */ C(pl, {
         variant: "caption",
         role: "columnheader",
-        "aria-label": j.calendarWeekNumberHeaderLabel,
-        className: B.weekNumberLabel,
-        children: j.calendarWeekNumberHeaderText
+        "aria-label": $.calendarWeekNumberHeaderLabel,
+        className: L.weekNumberLabel,
+        children: $.calendarWeekNumberHeaderText
       }), cs(o, N).map((_, Y) => /* @__PURE__ */ C(dl, {
         variant: "caption",
         role: "columnheader",
         "aria-label": o.format(_, "weekday"),
-        className: B.weekDayLabel,
-        children: L(_)
+        className: L.weekDayLabel,
+        children: B(_)
       }, Y.toString()))]
     }), u ? /* @__PURE__ */ C(ml, {
-      className: B.loadingContainer,
+      className: L.loadingContainer,
       children: y()
     }) : /* @__PURE__ */ C(hl, p({
       transKey: he,
       onExited: h,
       reduceAnimations: b,
       slideDirection: D,
-      className: ke(s, B.slideTransition)
+      className: ke(s, L.slideTransition)
     }, m, {
       nodeRef: ee,
       children: /* @__PURE__ */ C(bl, {
         ref: ee,
         role: "rowgroup",
-        className: B.monthContainer,
+        className: L.monthContainer,
         children: U.map((_, Y) => /* @__PURE__ */ ge(gl, {
           role: "row",
-          className: B.weekContainer,
+          className: L.weekContainer,
           "aria-rowindex": Y + 1,
           children: [w && /* @__PURE__ */ C(fl, {
-            className: B.weekNumber,
+            className: L.weekNumber,
             role: "rowheader",
-            "aria-label": j.calendarWeekNumberAriaLabelText(o.getWeekNumber(_[0])),
-            children: j.calendarWeekNumberText(o.getWeekNumber(_[0]))
+            "aria-label": $.calendarWeekNumberAriaLabelText(o.getWeekNumber(_[0])),
+            children: $.calendarWeekNumberText(o.getWeekNumber(_[0]))
           }), _.map((ne, z) => /* @__PURE__ */ C(yl, {
             parentProps: n,
             day: ne,
@@ -7757,7 +7761,7 @@ const Et = xe("MuiMonthCalendar", ["root", "button", "disabled", "selected"]), S
   Ue(() => {
     o && y.current?.focus();
   }, [o]);
-  const S = h?.monthButton ?? Dl, v = me({
+  const S = h?.monthButton ?? Dl, x = me({
     elementType: S,
     externalSlotProps: g?.monthButton,
     externalForwardedProps: b,
@@ -7775,7 +7779,7 @@ const Et = xe("MuiMonthCalendar", ["root", "button", "disabled", "selected"]), S
     ownerState: m,
     className: P.button
   });
-  return /* @__PURE__ */ C(S, p({}, v));
+  return /* @__PURE__ */ C(S, p({}, x));
 });
 process.env.NODE_ENV !== "production" && (dr.displayName = "MonthCalendarButton");
 const Cl = ["autoFocus", "className", "currentMonth", "classes", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "shouldDisableMonth", "readOnly", "disableHighlightToday", "onMonthFocus", "hasFocus", "onFocusedViewChange", "monthsPerRow", "timezone", "gridLabelId", "slots", "slotProps"], xl = (e) => ye({
@@ -7835,32 +7839,32 @@ const io = (e, n, o, r, s) => !!(e === n && r && s.isSameYear(o, r)), kl = q("di
     onChange: m,
     shouldDisableMonth: P,
     readOnly: S,
-    onMonthFocus: v,
+    onMonthFocus: x,
     hasFocus: k,
-    onFocusedViewChange: x,
+    onFocusedViewChange: v,
     monthsPerRow: A,
-    timezone: F,
-    gridLabelId: L,
+    timezone: T,
+    gridLabelId: B,
     slots: R,
-    slotProps: T
-  } = r, I = J(r, Cl), {
+    slotProps: F
+  } = r, O = J(r, Cl), {
     value: w,
-    handleValueChange: M,
+    handleValueChange: I,
     timezone: V
   } = Ft({
     name: "MonthCalendar",
-    timezone: F,
+    timezone: T,
     value: l,
     defaultValue: u,
     referenceDate: d,
     onChange: m,
     valueManager: qe
-  }), N = _t(V), B = Ye(), O = be(), {
+  }), N = _t(V), L = Ye(), M = be(), {
     ownerState: Q
-  } = Fe(), j = f.useMemo(
+  } = Fe(), $ = f.useMemo(
     () => qe.getInitialReferenceValue({
       value: w,
-      adapter: O,
+      adapter: M,
       props: r,
       timezone: V,
       referenceDate: d,
@@ -7868,23 +7872,23 @@ const io = (e, n, o, r, s) => !!(e === n && r && s.isSameYear(o, r)), kl = q("di
     }),
     []
     // eslint-disable-line react-hooks/exhaustive-deps
-  ), re = xl(c), W = f.useMemo(() => O.getMonth(N), [O, N]), X = f.useMemo(() => w != null ? O.getMonth(w) : null, [w, O]), [ie, te] = f.useState(() => X || O.getMonth(j)), [ue, oe] = bt({
+  ), re = xl(c), W = f.useMemo(() => M.getMonth(N), [M, N]), X = f.useMemo(() => w != null ? M.getMonth(w) : null, [w, M]), [ie, te] = f.useState(() => X || M.getMonth($)), [ue, oe] = bt({
     name: "MonthCalendar",
     state: "hasFocus",
     controlled: k,
     default: s ?? !1
   }), de = H((z) => {
-    oe(z), x && x(z);
+    oe(z), v && v(z);
   }), he = f.useCallback((z) => {
-    const Z = O.startOfMonth(b && O.isAfter(N, D) ? N : D), $ = O.startOfMonth(g && O.isBefore(N, y) ? N : y), E = O.startOfMonth(z);
-    return O.isBefore(E, Z) || O.isAfter(E, $) ? !0 : P ? P(E) : !1;
-  }, [g, b, y, D, N, P, O]), ee = H((z, Z) => {
+    const Z = M.startOfMonth(b && M.isAfter(N, D) ? N : D), j = M.startOfMonth(g && M.isBefore(N, y) ? N : y), E = M.startOfMonth(z);
+    return M.isBefore(E, Z) || M.isAfter(E, j) ? !0 : P ? P(E) : !1;
+  }, [g, b, y, D, N, P, M]), ee = H((z, Z) => {
     if (S)
       return;
-    const $ = w && i && !O.isSameYear(w, i) ? O.setYear(w, O.getYear(i)) : w, E = O.setMonth($ ?? j, Z);
-    M(E);
+    const E = (w && i && !M.isSameYear(w, i) ? M.setYear(w, M.getYear(i)) : w) ?? i ?? $, G = M.setMonth(E, Z);
+    I(G);
   }), U = H((z) => {
-    he(O.setMonth(w ?? i ?? j, z)) || (te(z), de(!0), v && v(z));
+    he(M.setMonth(w ?? i ?? $, z)) || (te(z), de(!0), x && x(z));
   });
   f.useEffect(() => {
     te((z) => X !== null && z !== X ? X : z);
@@ -7898,10 +7902,10 @@ const io = (e, n, o, r, s) => !!(e === n && r && s.isSameYear(o, r)), kl = q("di
         U((12 + Z + 3) % 12), z.preventDefault();
         break;
       case "ArrowLeft":
-        U((12 + Z + (B ? 1 : -1)) % 12), z.preventDefault();
+        U((12 + Z + (L ? 1 : -1)) % 12), z.preventDefault();
         break;
       case "ArrowRight":
-        U((12 + Z + (B ? -1 : 1)) % 12), z.preventDefault();
+        U((12 + Z + (L ? -1 : 1)) % 12), z.preventDefault();
         break;
     }
   }), Y = H((z, Z) => {
@@ -7914,11 +7918,11 @@ const io = (e, n, o, r, s) => !!(e === n && r && s.isSameYear(o, r)), kl = q("di
     className: ke(re.root, a),
     ownerState: Q,
     role: "radiogroup",
-    "aria-labelledby": L,
+    "aria-labelledby": B,
     monthsPerRow: A
-  }, I, {
-    children: dn(O, i ?? w ?? j).map((z) => {
-      const Z = O.getMonth(z), $ = O.format(z, "monthShort"), E = O.format(z, "month"), G = io(Z, X, z, w, O), pe = h || he(z);
+  }, O, {
+    children: dn(M, i ?? w ?? $).map((z) => {
+      const Z = M.getMonth(z), j = M.format(z, "monthShort"), E = M.format(z, "month"), G = io(Z, X, z, w, M), pe = h || he(z);
       return /* @__PURE__ */ C(dr, {
         selected: G,
         value: Z,
@@ -7929,13 +7933,13 @@ const io = (e, n, o, r, s) => !!(e === n && r && s.isSameYear(o, r)), kl = q("di
         tabIndex: Z === ie && !pe ? 0 : -1,
         onFocus: Y,
         onBlur: ne,
-        "aria-current": io(Z, W, z, N, O) ? "date" : void 0,
+        "aria-current": io(Z, W, z, N, M) ? "date" : void 0,
         "aria-label": E,
         slots: R,
-        slotProps: T,
+        slotProps: F,
         classes: c,
-        children: $
-      }, $);
+        children: j
+      }, j);
     })
   }));
 });
@@ -8117,7 +8121,7 @@ const Nt = xe("MuiYearCalendar", ["root", "button", "disabled", "selected"]), Ol
   Ue(() => {
     o && y.current?.focus();
   }, [o]);
-  const S = h?.yearButton ?? Il, v = me({
+  const S = h?.yearButton ?? Il, x = me({
     elementType: S,
     externalSlotProps: g?.yearButton,
     externalForwardedProps: b,
@@ -8135,7 +8139,7 @@ const Nt = xe("MuiYearCalendar", ["root", "button", "disabled", "selected"]), Ol
     ownerState: m,
     className: P.button
   });
-  return /* @__PURE__ */ C(S, p({}, v));
+  return /* @__PURE__ */ C(S, p({}, x));
 });
 process.env.NODE_ENV !== "production" && (fr.displayName = "YearCalendarButton");
 const Rl = ["autoFocus", "className", "classes", "value", "defaultValue", "referenceDate", "disabled", "disableFuture", "disablePast", "maxDate", "minDate", "onChange", "readOnly", "shouldDisableYear", "disableHighlightToday", "onYearFocus", "hasFocus", "onFocusedViewChange", "yearsOrder", "yearsPerRow", "timezone", "gridLabelId", "slots", "slotProps"], Tl = (e) => ye({
@@ -8207,32 +8211,32 @@ const Vl = q("div", {
     readOnly: m,
     shouldDisableYear: P,
     onYearFocus: S,
-    hasFocus: v,
+    hasFocus: x,
     onFocusedViewChange: k,
-    yearsOrder: x,
+    yearsOrder: v,
     yearsPerRow: A,
-    timezone: F,
-    gridLabelId: L,
+    timezone: T,
+    gridLabelId: B,
     slots: R,
-    slotProps: T
-  } = r, I = J(r, Rl), {
+    slotProps: F
+  } = r, O = J(r, Rl), {
     value: w,
-    handleValueChange: M,
+    handleValueChange: I,
     timezone: V
   } = Ft({
     name: "YearCalendar",
-    timezone: F,
+    timezone: T,
     value: c,
     defaultValue: l,
     referenceDate: u,
     onChange: D,
     valueManager: qe
-  }), N = _t(V), B = Ye(), O = be(), {
+  }), N = _t(V), L = Ye(), M = be(), {
     ownerState: Q
-  } = Fe(), j = f.useMemo(
+  } = Fe(), $ = f.useMemo(
     () => qe.getInitialReferenceValue({
       value: w,
-      adapter: O,
+      adapter: M,
       props: r,
       timezone: V,
       referenceDate: u,
@@ -8240,32 +8244,32 @@ const Vl = q("div", {
     }),
     []
     // eslint-disable-line react-hooks/exhaustive-deps
-  ), re = Tl(i), W = f.useMemo(() => O.getYear(N), [O, N]), X = f.useMemo(() => w != null ? O.getYear(w) : null, [w, O]), [ie, te] = f.useState(() => X || O.getYear(j)), [ue, oe] = bt({
+  ), re = Tl(i), W = f.useMemo(() => M.getYear(N), [M, N]), X = f.useMemo(() => w != null ? M.getYear(w) : null, [w, M]), [ie, te] = f.useState(() => X || M.getYear($)), [ue, oe] = bt({
     name: "YearCalendar",
     state: "hasFocus",
-    controlled: v,
+    controlled: x,
     default: s ?? !1
   }), de = H((K) => {
     oe(K), k && k(K);
   }), he = f.useCallback((K) => {
-    if (g && O.isBeforeYear(K, N) || h && O.isAfterYear(K, N) || y && O.isBeforeYear(K, y) || b && O.isAfterYear(K, b))
+    if (g && M.isBeforeYear(K, N) || h && M.isAfterYear(K, N) || y && M.isBeforeYear(K, y) || b && M.isAfterYear(K, b))
       return !0;
     if (!P)
       return !1;
-    const se = O.startOfYear(K);
+    const se = M.startOfYear(K);
     return P(se);
-  }, [h, g, b, y, N, P, O]), ee = H((K, se) => {
+  }, [h, g, b, y, N, P, M]), ee = H((K, se) => {
     if (m)
       return;
-    const Se = O.setYear(w ?? j, se);
-    M(Se);
+    const Se = M.setYear(w ?? $, se);
+    I(Se);
   }), U = H((K) => {
-    he(O.setYear(w ?? j, K)) || (te(K), de(!0), S?.(K));
+    he(M.setYear(w ?? $, K)) || (te(K), de(!0), S?.(K));
   });
   f.useEffect(() => {
     te((K) => X !== null && K !== X ? X : K);
   }, [X]);
-  const _ = x !== "desc" ? A * 1 : A * -1, Y = B && x === "asc" || !B && x === "desc" ? -1 : 1, ne = H((K, se) => {
+  const _ = v !== "desc" ? A * 1 : A * -1, Y = L && v === "asc" || !L && v === "desc" ? -1 : 1, ne = H((K, se) => {
     switch (K.key) {
       case "ArrowUp":
         U(se - _), K.preventDefault();
@@ -8284,29 +8288,29 @@ const Vl = q("div", {
     U(se);
   }), Z = H((K, se) => {
     ie === se && de(!1);
-  }), $ = f.useRef(null), E = Ve(o, $);
+  }), j = f.useRef(null), E = Ve(o, j);
   f.useEffect(() => {
-    if (s || $.current === null)
+    if (s || j.current === null)
       return;
-    const K = $.current.querySelector('[tabindex="0"]');
+    const K = j.current.querySelector('[tabindex="0"]');
     if (!K)
       return;
-    const se = K.offsetHeight, Se = K.offsetTop, Ce = $.current.clientHeight, Me = $.current.scrollTop, Le = Se + se;
-    se > Ce || Se < Me || ($.current.scrollTop = Le - Ce / 2 - se / 2);
+    const se = K.offsetHeight, Se = K.offsetTop, Ce = j.current.clientHeight, Me = j.current.scrollTop, Le = Se + se;
+    se > Ce || Se < Me || (j.current.scrollTop = Le - Ce / 2 - se / 2);
   }, [s]);
-  const G = O.getYearRange([y, b]);
-  x === "desc" && G.reverse();
+  const G = M.getYearRange([y, b]);
+  v === "desc" && G.reverse();
   let pe = A - G.length % A;
   return pe === A && (pe = 0), /* @__PURE__ */ ge(Vl, p({
     ref: E,
     className: ke(re.root, a),
     ownerState: Q,
     role: "radiogroup",
-    "aria-labelledby": L,
+    "aria-labelledby": B,
     yearsPerRow: A
-  }, I, {
+  }, O, {
     children: [G.map((K) => {
-      const se = O.getYear(K), Se = se === X, Ce = d || he(K);
+      const se = M.getYear(K), Se = se === X, Ce = d || he(K);
       return /* @__PURE__ */ C(fr, {
         selected: Se,
         value: se,
@@ -8319,10 +8323,10 @@ const Vl = q("div", {
         onBlur: Z,
         "aria-current": W === se ? "date" : void 0,
         slots: R,
-        slotProps: T,
+        slotProps: F,
         classes: i,
-        children: O.format(K, "year")
-      }, O.format(K, "year"));
+        children: M.format(K, "year")
+      }, M.format(K, "year"));
     }), Array.from({
       length: pe
     }, (K, se) => /* @__PURE__ */ C(El, {}, se))]
@@ -8497,35 +8501,35 @@ const Bl = ["children", "className", "slots", "slotProps", "isNextDisabled", "is
     previousLabel: m,
     labelId: P,
     classes: S
-  } = s, v = J(s, Bl), {
+  } = s, x = J(s, Bl), {
     ownerState: k
-  } = Fe(), x = Hl(S), A = {
+  } = Fe(), v = Hl(S), A = {
     isDisabled: u,
     isHidden: d,
     goTo: h,
     label: g
-  }, F = {
+  }, T = {
     isDisabled: b,
     isHidden: y,
     goTo: D,
     label: m
-  }, L = c?.previousIconButton ?? lo, R = me({
-    elementType: L,
+  }, B = c?.previousIconButton ?? lo, R = me({
+    elementType: B,
     externalSlotProps: l?.previousIconButton,
     additionalProps: {
       size: "medium",
-      title: F.label,
-      "aria-label": F.label,
-      disabled: F.isDisabled,
+      title: T.label,
+      "aria-label": T.label,
+      disabled: T.isDisabled,
       edge: "end",
-      onClick: F.goTo
+      onClick: T.goTo
     },
     ownerState: p({}, k, {
-      isButtonHidden: F.isHidden ?? !1
+      isButtonHidden: T.isHidden ?? !1
     }),
-    className: ke(x.button, x.previousIconButton)
-  }), T = c?.nextIconButton ?? lo, I = me({
-    elementType: T,
+    className: ke(v.button, v.previousIconButton)
+  }), F = c?.nextIconButton ?? lo, O = me({
+    elementType: F,
     externalSlotProps: l?.nextIconButton,
     additionalProps: {
       size: "medium",
@@ -8538,41 +8542,41 @@ const Bl = ["children", "className", "slots", "slotProps", "isNextDisabled", "is
     ownerState: p({}, k, {
       isButtonHidden: A.isHidden ?? !1
     }),
-    className: ke(x.button, x.nextIconButton)
-  }), w = c?.leftArrowIcon ?? Ua, M = me({
+    className: ke(v.button, v.nextIconButton)
+  }), w = c?.leftArrowIcon ?? Ua, I = me({
     elementType: w,
     externalSlotProps: l?.leftArrowIcon,
     additionalProps: {
       fontSize: "inherit"
     },
     ownerState: k,
-    className: x.leftArrowIcon
-  }), V = J(M, $l), N = c?.rightArrowIcon ?? Ya, B = me({
+    className: v.leftArrowIcon
+  }), V = J(I, $l), N = c?.rightArrowIcon ?? Ya, L = me({
     elementType: N,
     externalSlotProps: l?.rightArrowIcon,
     additionalProps: {
       fontSize: "inherit"
     },
     ownerState: k,
-    className: x.rightArrowIcon
-  }), O = J(B, jl);
+    className: v.rightArrowIcon
+  }), M = J(L, jl);
   return /* @__PURE__ */ ge(_l, p({
     ref: o,
-    className: ke(x.root, i),
+    className: ke(v.root, i),
     ownerState: k
-  }, v, {
-    children: [/* @__PURE__ */ C(L, p({}, R, {
-      children: r ? /* @__PURE__ */ C(N, p({}, O)) : /* @__PURE__ */ C(w, p({}, V))
+  }, x, {
+    children: [/* @__PURE__ */ C(B, p({}, R, {
+      children: r ? /* @__PURE__ */ C(N, p({}, M)) : /* @__PURE__ */ C(w, p({}, V))
     })), a ? /* @__PURE__ */ C(Pt, {
       variant: "subtitle1",
       component: "span",
       id: P,
       children: a
     }) : /* @__PURE__ */ C(Wl, {
-      className: x.spacer,
+      className: v.spacer,
       ownerState: k
-    }), /* @__PURE__ */ C(T, p({}, I, {
-      children: r ? /* @__PURE__ */ C(w, p({}, V)) : /* @__PURE__ */ C(N, p({}, O))
+    }), /* @__PURE__ */ C(F, p({}, O, {
+      children: r ? /* @__PURE__ */ C(w, p({}, V)) : /* @__PURE__ */ C(N, p({}, M))
     }))]
   }));
 });
@@ -8678,15 +8682,15 @@ const Ul = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "
     view: m,
     reduceAnimations: P,
     views: S,
-    labelId: v,
+    labelId: x,
     className: k,
-    classes: x,
+    classes: v,
     timezone: A,
-    format: F = `${s.formats.month} ${s.formats.year}`
-  } = a, L = J(a, Ul), {
+    format: T = `${s.formats.month} ${s.formats.year}`
+  } = a, B = J(a, Ul), {
     ownerState: R
-  } = Fe(), T = Kl(x), I = i?.switchViewButton ?? Zl, w = me({
-    elementType: I,
+  } = Fe(), F = Kl(v), O = i?.switchViewButton ?? Zl, w = me({
+    elementType: O,
     externalSlotProps: c?.switchViewButton,
     additionalProps: {
       size: "small",
@@ -8695,17 +8699,17 @@ const Ul = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "
     ownerState: p({}, R, {
       view: m
     }),
-    className: T.switchViewButton
-  }), M = i?.switchViewIcon ?? Jl, V = me({
-    elementType: M,
+    className: F.switchViewButton
+  }), I = i?.switchViewIcon ?? Jl, V = me({
+    elementType: I,
     externalSlotProps: c?.switchViewIcon,
     ownerState: R,
-    className: T.switchViewIcon
-  }), N = J(V, Yl), B = () => y(s.addMonths(l, 1)), O = () => y(s.addMonths(l, -1)), Q = ql(l, {
+    className: F.switchViewIcon
+  }), N = J(V, Yl), L = () => y(s.addMonths(l, 1)), M = () => y(s.addMonths(l, -1)), Q = ql(l, {
     disableFuture: d,
     maxDate: g,
     timezone: A
-  }), j = zl(l, {
+  }), $ = zl(l, {
     disablePast: h,
     minDate: b,
     timezone: A
@@ -8720,28 +8724,28 @@ const Ul = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "
   };
   if (S.length === 1 && S[0] === "year")
     return null;
-  const W = s.formatByString(l, F);
-  return /* @__PURE__ */ ge(Gl, p({}, L, {
+  const W = s.formatByString(l, T);
+  return /* @__PURE__ */ ge(Gl, p({}, B, {
     ownerState: R,
-    className: ke(T.root, k),
+    className: ke(F.root, k),
     ref: o,
     children: [/* @__PURE__ */ ge(Ql, {
       role: "presentation",
       onClick: re,
       ownerState: R,
       "aria-live": "polite",
-      className: T.labelContainer,
+      className: F.labelContainer,
       children: [/* @__PURE__ */ C(rr, {
         reduceAnimations: P,
         transKey: W,
         children: /* @__PURE__ */ C(Xl, {
-          id: v,
+          id: x,
           ownerState: R,
-          className: T.label,
+          className: F.label,
           children: W
         })
-      }), S.length > 1 && !u && /* @__PURE__ */ C(I, p({}, w, {
-        children: /* @__PURE__ */ C(M, p({}, N))
+      }), S.length > 1 && !u && /* @__PURE__ */ C(O, p({}, w, {
+        children: /* @__PURE__ */ C(I, p({}, N))
       }))]
     }), /* @__PURE__ */ C(Lt, {
       in: m === "day",
@@ -8750,10 +8754,10 @@ const Ul = ["slots", "slotProps", "currentMonth", "disabled", "disableFuture", "
       children: /* @__PURE__ */ C(mr, {
         slots: i,
         slotProps: c,
-        onGoToPrevious: O,
-        isPreviousDisabled: j,
+        onGoToPrevious: M,
+        isPreviousDisabled: $,
         previousLabel: r.previousMonth,
-        onGoToNext: B,
+        onGoToNext: L,
         isNextDisabled: Q,
         nextLabel: r.nextMonth
       })
@@ -8860,23 +8864,23 @@ const sc = q(ec, {
     reduceAnimations: m,
     shouldDisableDate: P,
     shouldDisableMonth: S,
-    shouldDisableYear: v,
+    shouldDisableYear: x,
     view: k,
-    views: x,
+    views: v,
     openTo: A,
-    className: F,
-    classes: L,
+    className: T,
+    classes: B,
     disabled: R,
-    readOnly: T,
-    minDate: I,
+    readOnly: F,
+    minDate: O,
     maxDate: w,
-    disableHighlightToday: M,
+    disableHighlightToday: I,
     focusedView: V,
     onFocusedViewChange: N,
-    showDaysOutsideCurrentMonth: B,
-    fixedWeekNumber: O,
+    showDaysOutsideCurrentMonth: L,
+    fixedWeekNumber: M,
     dayOfWeekFormatter: Q,
-    slots: j,
+    slots: $,
     slotProps: re,
     loading: W,
     renderLoading: X,
@@ -8902,11 +8906,11 @@ const sc = q(ec, {
     setView: ne,
     focusedView: z,
     setFocusedView: Z,
-    goToNextView: $,
+    goToNextView: j,
     setValueAndGoToNextView: E
   } = Bo({
     view: k,
-    views: x,
+    views: v,
     openTo: A,
     onChange: U,
     onViewChange: l,
@@ -8924,18 +8928,18 @@ const sc = q(ec, {
     referenceDate: h,
     reduceAnimations: m,
     onMonthChange: D,
-    minDate: I,
+    minDate: O,
     maxDate: w,
     shouldDisableDate: P,
     disablePast: b,
     disableFuture: g,
     timezone: _,
     getCurrentMonthFromVisibleDate: (ce, Re) => r.isSameMonth(ce, Re) ? Re : r.startOfMonth(ce)
-  }), Ce = R && ee || I, Me = R && ee || w, Le = `${a}-grid-label`, Ke = z !== null, it = j?.calendarHeader ?? Fn, lt = me({
+  }), Ce = R && ee || O, Me = R && ee || w, Le = `${a}-grid-label`, Ke = z !== null, it = $?.calendarHeader ?? Fn, lt = me({
     elementType: it,
     externalSlotProps: re?.calendarHeader,
     additionalProps: {
-      views: x,
+      views: v,
       view: Y,
       currentMonth: pe.currentMonth,
       onViewChange: ne,
@@ -8957,7 +8961,7 @@ const sc = q(ec, {
     const Re = r.startOfMonth(ce), Ee = r.endOfMonth(ce), Be = se(ce) ? Mt({
       adapter: r,
       date: ce,
-      minDate: r.isBefore(I, Re) ? Re : I,
+      minDate: r.isBefore(O, Re) ? Re : O,
       maxDate: r.isAfter(w, Ee) ? Ee : w,
       disablePast: b,
       disableFuture: g,
@@ -8967,7 +8971,7 @@ const sc = q(ec, {
     Be ? (E(Be, "finish"), K({
       target: Be,
       reason: "cell-interaction"
-    })) : ($(), K({
+    })) : (j(), K({
       target: Re,
       reason: "cell-interaction"
     }));
@@ -8975,7 +8979,7 @@ const sc = q(ec, {
     const Re = r.startOfYear(ce), Ee = r.endOfYear(ce), Be = se(ce) ? Mt({
       adapter: r,
       date: ce,
-      minDate: r.isBefore(I, Re) ? Re : I,
+      minDate: r.isBefore(O, Re) ? Re : O,
       maxDate: r.isAfter(w, Ee) ? Ee : w,
       disablePast: b,
       disableFuture: g,
@@ -8985,7 +8989,7 @@ const sc = q(ec, {
     Be ? (E(Be, "finish"), K({
       target: Be,
       reason: "cell-interaction"
-    })) : ($(), K({
+    })) : (j(), K({
       target: Re,
       reason: "cell-interaction"
     }));
@@ -8996,18 +9000,18 @@ const sc = q(ec, {
       reason: "controlled-value-change"
     });
   }, [ee]);
-  const we = oc(L), Oe = {
+  const we = oc(B), Oe = {
     disablePast: b,
     disableFuture: g,
     maxDate: w,
-    minDate: I
+    minDate: O
   }, Ie = {
-    disableHighlightToday: M,
-    readOnly: T,
+    disableHighlightToday: I,
+    readOnly: F,
     disabled: R,
     timezone: _,
     gridLabelId: Le,
-    slots: j,
+    slots: $,
     slotProps: re
   }, ve = f.useRef(Y);
   f.useEffect(() => {
@@ -9016,11 +9020,11 @@ const sc = q(ec, {
   const je = f.useMemo(() => [ee], [ee]);
   return /* @__PURE__ */ ge(sc, p({
     ref: o,
-    className: ke(we.root, F),
+    className: ke(we.root, T),
     ownerState: s
   }, he, {
     children: [/* @__PURE__ */ C(it, p({}, lt, {
-      slots: j,
+      slots: $,
       slotProps: re
     })), /* @__PURE__ */ C(ac, {
       reduceAnimations: m,
@@ -9031,7 +9035,7 @@ const sc = q(ec, {
         children: [Y === "year" && /* @__PURE__ */ C(Tn, p({}, Oe, Ie, {
           value: ee,
           onChange: le,
-          shouldDisableYear: v,
+          shouldDisableYear: x,
           hasFocus: Ke,
           onFocusedViewChange: (ce) => Z("year", ce),
           yearsOrder: te,
@@ -9040,7 +9044,7 @@ const sc = q(ec, {
         })), Y === "month" && /* @__PURE__ */ C(Rn, p({}, Oe, Ie, {
           currentMonth: pe.currentMonth,
           hasFocus: Ke,
-          className: F,
+          className: T,
           value: ee,
           onChange: ae,
           shouldDisableMonth: S,
@@ -9059,10 +9063,10 @@ const sc = q(ec, {
           onSelectedDaysChange: fe,
           shouldDisableDate: P,
           shouldDisableMonth: S,
-          shouldDisableYear: v,
+          shouldDisableYear: x,
           onFocusedViewChange: (ce) => Z("day", ce),
-          showDaysOutsideCurrentMonth: B,
-          fixedWeekNumber: O,
+          showDaysOutsideCurrentMonth: L,
+          fixedWeekNumber: M,
           dayOfWeekFormatter: Q,
           displayWeekNumber: ie,
           loading: W,
@@ -9318,23 +9322,23 @@ const ot = ({
   shouldDisableMonth: m,
   shouldDisableYear: P,
   reduceAnimations: S,
-  onMonthChange: v,
+  onMonthChange: x,
   monthsPerRow: k,
-  onYearChange: x,
+  onYearChange: v,
   yearsOrder: A,
-  yearsPerRow: F,
-  slots: L,
+  yearsPerRow: T,
+  slots: B,
   slotProps: R,
-  loading: T,
-  renderLoading: I,
+  loading: F,
+  renderLoading: O,
   disableHighlightToday: w,
-  readOnly: M,
+  readOnly: I,
   disabled: V,
   showDaysOutsideCurrentMonth: N,
-  dayOfWeekFormatter: B,
-  sx: O,
+  dayOfWeekFormatter: L,
+  sx: M,
   autoFocus: Q,
-  fixedWeekNumber: j,
+  fixedWeekNumber: $,
   displayWeekNumber: re,
   timezone: W
 }) => /* @__PURE__ */ C(Vn, {
@@ -9357,23 +9361,23 @@ const ot = ({
   shouldDisableMonth: m,
   shouldDisableYear: P,
   reduceAnimations: S,
-  onMonthChange: v,
+  onMonthChange: x,
   monthsPerRow: k,
-  onYearChange: x,
+  onYearChange: v,
   yearsOrder: A,
-  yearsPerRow: F,
-  slots: L,
+  yearsPerRow: T,
+  slots: B,
   slotProps: R,
-  loading: T,
-  renderLoading: I,
+  loading: F,
+  renderLoading: O,
   disableHighlightToday: w,
-  readOnly: M,
+  readOnly: I,
   disabled: V,
   showDaysOutsideCurrentMonth: N,
-  dayOfWeekFormatter: B,
-  sx: O,
+  dayOfWeekFormatter: L,
+  sx: M,
   autoFocus: Q,
-  fixedWeekNumber: j,
+  fixedWeekNumber: $,
   displayWeekNumber: re,
   timezone: W
 });
@@ -9801,16 +9805,16 @@ const uc = ["props", "steps"], dc = ["ownerState"], pc = (e) => {
     }),
     ownerState: g
   }), P = J(m, dc), S = s.layout ?? qt;
-  let v = b;
-  y && (i ? v = `${b}-label` : v = void 0);
+  let x = b;
+  y && (i ? x = `${b}-label` : x = void 0);
   const k = p({}, a, {
     toolbar: p({}, a?.toolbar, {
       titleId: b
     }),
     mobilePaper: p({
-      "aria-labelledby": v
+      "aria-labelledby": x
     }, a?.mobilePaper)
-  }), x = () => /* @__PURE__ */ ge(vo, p({}, d, {
+  }), v = () => /* @__PURE__ */ ge(vo, p({}, d, {
     children: [/* @__PURE__ */ C(D, p({}, P, {
       slots: p({}, s, P.slots),
       slotProps: p({}, k, P.slotProps),
@@ -9825,8 +9829,8 @@ const uc = ["props", "steps"], dc = ["ownerState"], pc = (e) => {
       }))
     })]
   }));
-  return process.env.NODE_ENV !== "production" && (x.displayName = "renderPicker"), {
-    renderPicker: x
+  return process.env.NODE_ENV !== "production" && (v.displayName = "renderPicker"), {
+    renderPicker: v
   };
 }, Nn = /* @__PURE__ */ f.forwardRef(function(n, o) {
   const r = be(), s = Vo(n, "MuiMobileDatePicker"), a = p({
@@ -10526,8 +10530,8 @@ const mc = {
   name: "DateField",
   slot: "Root",
   shouldForwardProp: (e) => e !== "error" && e !== "disabled" && e !== "slotProps" && e !== "inputRef"
-})(({ theme: e, error: n, color: o = "primary", disabled: r }) => {
-  const s = n ? e.vars?.palette.error.main : o && e.vars?.palette[o]?.main, a = n ? e.vars?.palette.error.light : o && e.vars?.palette[o]?.light;
+})(({ theme: e, error: n, color: o = "primary", disabled: r, size: s = "small" }) => {
+  const a = n ? e.vars?.palette.error.main : o && e.vars?.palette[o]?.main, i = n ? e.vars?.palette.error.light : o && e.vars?.palette[o]?.light;
   return {
     display: "flex",
     alignItems: "center",
@@ -10536,9 +10540,10 @@ const mc = {
     borderRadius: e.shape.borderRadius,
     borderStyle: "solid",
     borderWidth: "1px",
+    minHeight: s === "medium" ? "40px" : "32px",
     "&:focus-within": {
-      borderColor: s,
-      outlineColor: a,
+      borderColor: a,
+      outlineColor: i,
       outlineStyle: "solid",
       outlineWidth: "2px"
     },
@@ -10561,12 +10566,12 @@ const mc = {
 }), bc = q("div", {
   name: "DateField",
   slot: "Content",
-  shouldForwardProp: (e) => e !== "disabled"
-})(({ theme: e, disabled: n }) => ({
+  shouldForwardProp: (e) => e !== "disabled" && e !== "size"
+})(({ theme: e, disabled: n, size: o = "small" }) => ({
   flexGrow: 1,
-  fontSize: "0.875rem",
-  lineHeight: "20px",
-  padding: "5px 10px",
+  fontSize: o === "medium" ? "1rem" : "0.875rem",
+  lineHeight: o === "medium" ? "24px" : "20px",
+  padding: o === "medium" ? "8px 12px" : "5px 10px",
   whiteSpace: "nowrap",
   color: n ? e.vars?.palette.text.disabled : void 0
 })), hr = co(
@@ -10595,29 +10600,31 @@ const mc = {
       readOnly: P,
       // Extract custom props
       color: S,
+      size: x,
       // Exclude non-DOM props from spreading to the root element
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      enableAccessibleFieldDOMStructure: v,
+      enableAccessibleFieldDOMStructure: k,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      areAllSectionsEmpty: k,
-      error: x,
+      areAllSectionsEmpty: v,
+      error: A,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      focused: A,
-      ...F
-    } = o, L = at(), R = Ve(
+      focused: T,
+      ...B
+    } = o, R = at(), F = Ve(
       n,
-      Ve(L.triggerRef, L.rootRef)
+      Ve(R.triggerRef, R.rootRef)
     );
     return /* @__PURE__ */ ge(
       hc,
       {
-        ...F,
-        ref: R,
-        error: x,
+        ...B,
+        ref: F,
+        error: A,
         color: S,
         disabled: m,
+        size: x,
         children: [
-          /* @__PURE__ */ C(bc, { disabled: m, children: /* @__PURE__ */ C(
+          /* @__PURE__ */ C(bc, { disabled: m, size: x, children: /* @__PURE__ */ C(
             zt,
             {
               elements: r,
@@ -10637,8 +10644,12 @@ const mc = {
               "aria-label": "Clear date",
               disabled: !!m || !!P,
               onClick: y,
-              onMouseDown: (T) => T.preventDefault(),
-              sx: { marginLeft: 1, padding: "5px" },
+              onMouseDown: (O) => O.preventDefault(),
+              sx: {
+                marginLeft: 1,
+                padding: x === "medium" ? "6px" : "5px",
+                fontSize: x === "medium" ? "1.125rem" : "1rem"
+              },
               tabIndex: -1,
               children: /* @__PURE__ */ C(Xo, {})
             }
@@ -10648,11 +10659,15 @@ const mc = {
             {
               "aria-label": g || "Open date picker",
               "aria-haspopup": "dialog",
-              "aria-expanded": L.open ? !0 : void 0,
+              "aria-expanded": R.open ? !0 : void 0,
               disabled: !!m || !!P,
-              onClick: () => L.setOpen((T) => !T),
-              onMouseDown: (T) => T.preventDefault(),
-              sx: { marginLeft: 1, padding: "5px" },
+              onClick: () => R.setOpen((O) => !O),
+              onMouseDown: (O) => O.preventDefault(),
+              sx: {
+                marginLeft: 1,
+                padding: x === "medium" ? "6px" : "5px",
+                fontSize: x === "medium" ? "1.125rem" : "1rem"
+              },
               tabIndex: -1,
               children: /* @__PURE__ */ C(Qo, {})
             }
@@ -10665,11 +10680,11 @@ const mc = {
 hr.displayName = "DateField";
 const gc = co(
   (e, n) => {
-    const { clearable: o, error: r, color: s, ...a } = e;
+    const { clearable: o, error: r, color: s, size: a, ...i } = e;
     return /* @__PURE__ */ C(
       An,
       {
-        ...a,
+        ...i,
         slots: { field: hr, ...e.slots },
         slotProps: {
           ...e.slotProps,
@@ -10677,7 +10692,8 @@ const gc = co(
             ...e.slotProps?.field,
             clearable: o,
             error: r,
-            color: s
+            color: s,
+            size: a
           }
         },
         ref: n