@hybridcore/ui 1.6.1 → 1.6.2

package/dist/components/range-selector/styled.js

@@ -1,36 +1,38 @@
-import { styled as z, Box as Te, TextField as Ye, Typography as fo, IconButton as zo, FormControl as qo } from "@mui/material";
-import { ArrowForward as Uo } from "@mui/icons-material";
-import { _ as G, a as u } from "../../objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as f from "react";
+import { styled as A, Box as fe, TextField as Ke, Typography as xo, IconButton as tt, FormControl as nt } from "@mui/material";
+import { ArrowForward as st } from "@mui/icons-material";
+import { _ as X, a as u } from "../../objectWithoutPropertiesLoose-DJteAcBH.js";
+import * as T from "react";
 import { P as e } from "../../index-C__OZmYy.js";
-import { q as Oe, t as Yo, w as ho, v as Ko, h as Xo, u as Ee, d as To, g as Ue, s as Je, j as Go, k as Qo, a as Ne, x as Zo, T as Jo, P as et, y as ot, z as go, e as yo, f as tt, r as Me, C as nt, l as vo, m as Co, n as st, A as at, B as rt, E as lt, F as it, G as no, H as ct, o as ut, p as dt, D as mt } from "../../useMobilePicker-B-M3dnTn.js";
-import { jsx as y, jsxs as A } from "react/jsx-runtime";
-import { g as ne, b as se, s as M, u as Z, a as te, c as fe } from "../../styled-Bsjp3kFh.js";
-import { r as pt } from "../../index-BMS1Otro.js";
-import { u as eo } from "../../Paper-q9kKjAKx.js";
-import { d as Ge } from "../../isMuiElement-BkJ72LB3.js";
-import { a as xo, o as bt, u as ft } from "../../useId-B4-oF9Mq.js";
-import { B as wo, b as ze, r as ht, u as Tt } from "../../ButtonBase-sObABYY2.js";
-import { c as Do } from "../../createSvgIcon-DX-SqL8M.js";
-import { c as Po } from "../../capitalize-quqpGCFu.js";
-import { u as gt } from "../../unsupportedProp-BND8AB6O.js";
-import { T as Qe } from "../../Typography-B-Z5Y0Xq.js";
-import { B as yt } from "../../Modal-DlB6GH-f.js";
-import { T as vt } from "../../TextField-DSDIEEKu.js";
-import { I as ko } from "../../IconButton-_opV1iNK.js";
-import { u as Ct } from "../../useControlled-BYdyS7Pn.js";
-let Se;
-function So() {
-  if (Se)
-    return Se;
+import { g as we, a as De, u as ne, w as Ie, f as he, x as rt, y as wo, v as at, m as lt, c as je, h as Do, l as Ye, s as so, n as it, d as Ne, z as ct, T as ut, P as dt, A as mt, B as Po, j as So, k as pt, r as Re, C as bt, o as ko, p as ft, E as ht, F as Tt, G as gt, H as yt, I as vt, J as Ct, K as xt, L as wt, M as bo, N as Dt, q as Pt, t as St, D as kt } from "../../useMobilePicker-CY8ndYRL.js";
+import { jsx as y, jsxs as z } from "react/jsx-runtime";
+import { s as M, g as ro, a as ao, b as Mo, u as lo, c as io } from "../../generateUtilityClasses-C3ivN9Ie.js";
+import { r as Mt } from "../../index-DH6qsPBn.js";
+import { c as pe } from "../../clsx-OuTLNxxd.js";
+import { u as Ro } from "../../Select-DHUl_uG3.js";
+import { u as Oo, r as Io } from "../../Paper-BkQLdsCI.js";
+import { a as Rt, b as Je, r as Ot } from "../../TransitionGroupContext-BDAp2T0O.js";
+import { d as No } from "../../debounce-46wSf_lW.js";
+import { a as Bo, o as It } from "../../ownerWindow-wg6foiOE.js";
+import { u as _e } from "../../Modal-MUZygjmQ.js";
+import { c as Fo } from "../../createSvgIcon-Ch_cT8az.js";
+import { B as Eo } from "../../ButtonBase-BEF7oTOe.js";
+import { u as Nt } from "../../unsupportedProp-DuqR2hj9.js";
+import { T as to } from "../../Typography-DgsSLCFC.js";
+import { B as Bt } from "../../Button-C5yquWAB.js";
+import { T as Ft } from "../../TextField-e2oKaUN1.js";
+import { I as $o } from "../../IconButton-BoGwbvrP.js";
+let Me;
+function Vo() {
+  if (Me)
+    return Me;
   const o = document.createElement("div"), t = document.createElement("div");
-  return t.style.width = "10px", t.style.height = "1px", o.appendChild(t), o.dir = "rtl", o.style.fontSize = "14px", o.style.width = "4px", o.style.height = "1px", o.style.position = "absolute", o.style.top = "-1000px", o.style.overflow = "scroll", document.body.appendChild(o), Se = "reverse", o.scrollLeft > 0 ? Se = "default" : (o.scrollLeft = 1, o.scrollLeft === 0 && (Se = "negative")), document.body.removeChild(o), Se;
+  return t.style.width = "10px", t.style.height = "1px", o.appendChild(t), o.dir = "rtl", o.style.fontSize = "14px", o.style.width = "4px", o.style.height = "1px", o.style.position = "absolute", o.style.top = "-1000px", o.style.overflow = "scroll", document.body.appendChild(o), Me = "reverse", o.scrollLeft > 0 ? Me = "default" : (o.scrollLeft = 1, o.scrollLeft === 0 && (Me = "negative")), document.body.removeChild(o), Me;
 }
-function so(o, t) {
+function Et(o, t) {
   const s = o.scrollLeft;
   if (t !== "rtl")
     return s;
-  switch (So()) {
+  switch (Vo()) {
     case "negative":
       return o.scrollWidth - o.clientWidth + s;
     case "reverse":
@@ -39,54 +41,54 @@ function so(o, t) {
       return s;
   }
 }
-function xt(o) {
-  return se("MuiPickersToolbarText", o);
+function $t(o) {
+  return De("MuiPickersToolbarText", o);
 }
-const ao = ne("MuiPickersToolbarText", ["root", "selected"]), wt = ["className", "selected", "value"], Dt = (o) => {
+const fo = we("MuiPickersToolbarText", ["root", "selected"]), Vt = ["className", "selected", "value"], _t = (o) => {
   const {
     classes: t,
     selected: s
   } = o;
-  return te({
+  return he({
     root: ["root", s && "selected"]
-  }, xt, t);
-}, Pt = M(Qe, {
+  }, $t, t);
+}, Lt = M(to, {
   name: "MuiPickersToolbarText",
   slot: "Root",
   overridesResolver: (o, t) => [t.root, {
-    [`&.${ao.selected}`]: t.selected
+    [`&.${fo.selected}`]: t.selected
   }]
 })(({
   theme: o
 }) => ({
   transition: o.transitions.create("color"),
   color: (o.vars || o).palette.text.secondary,
-  [`&.${ao.selected}`]: {
+  [`&.${fo.selected}`]: {
     color: (o.vars || o).palette.text.primary
   }
-})), Mo = /* @__PURE__ */ f.forwardRef(function(t, s) {
-  const r = Z({
+})), _o = /* @__PURE__ */ T.forwardRef(function(t, s) {
+  const a = ne({
     props: t,
     name: "MuiPickersToolbarText"
   }), {
-    className: a,
+    className: r,
     value: n
-  } = r, l = G(r, wt), i = Dt(r);
-  return /* @__PURE__ */ y(Pt, u({
+  } = a, l = X(a, Vt), i = _t(a);
+  return /* @__PURE__ */ y(Lt, u({
     ref: s,
-    className: Oe(a, i.root),
+    className: Ie(r, i.root),
     component: "span"
   }, l, {
     children: n
   }));
-}), kt = ["align", "className", "selected", "typographyClassName", "value", "variant"], St = (o) => {
+}), jt = ["align", "className", "selected", "typographyClassName", "value", "variant"], Wt = (o) => {
   const {
     classes: t
   } = o;
-  return te({
+  return he({
     root: ["root"]
-  }, Yo, t);
-}, Mt = M(yt, {
+  }, rt, t);
+}, Ht = M(Bt, {
   name: "MuiPickersToolbarButton",
   slot: "Root",
   overridesResolver: (o, t) => t.root
@@ -94,58 +96,58 @@ const ao = ne("MuiPickersToolbarText", ["root", "selected"]), wt = ["className",
   padding: 0,
   minWidth: 16,
   textTransform: "none"
-}), Ce = /* @__PURE__ */ f.forwardRef(function(t, s) {
-  const r = Z({
+}), xe = /* @__PURE__ */ T.forwardRef(function(t, s) {
+  const a = ne({
     props: t,
     name: "MuiPickersToolbarButton"
   }), {
-    align: a,
+    align: r,
     className: n,
     selected: l,
     typographyClassName: i,
     value: c,
     variant: d
-  } = r, v = G(r, kt), p = St(r);
-  return /* @__PURE__ */ y(Mt, u({
+  } = a, v = X(a, jt), p = Wt(a);
+  return /* @__PURE__ */ y(Ht, u({
     variant: "text",
     ref: s,
-    className: Oe(n, p.root)
+    className: Ie(n, p.root)
   }, v, {
-    children: /* @__PURE__ */ y(Mo, {
-      align: a,
+    children: /* @__PURE__ */ y(_o, {
+      align: r,
       className: i,
       variant: d,
       value: c,
       selected: l
     })
   }));
-}), Rt = ({
+}), zt = ({
   adapter: o,
   value: t,
   props: s
 }) => {
   const {
-    minTime: r,
-    maxTime: a,
+    minTime: a,
+    maxTime: r,
     minutesStep: n,
     shouldDisableClock: l,
     shouldDisableTime: i,
     disableIgnoringDatePartForTimeValidation: c = !1,
     disablePast: d,
     disableFuture: v
-  } = s, p = o.utils.date(), h = o.utils.date(t), T = ho(c, o.utils);
+  } = s, p = o.utils.date(), f = o.utils.date(t), g = wo(c, o.utils);
   if (t === null)
     return null;
   switch (!0) {
     case !o.utils.isValid(t):
       return "invalidDate";
-    case !!(r && T(r, t)):
+    case !!(a && g(a, t)):
       return "minTime";
-    case !!(a && T(t, a)):
+    case !!(r && g(t, r)):
       return "maxTime";
-    case !!(v && o.utils.isAfter(h, p)):
+    case !!(v && o.utils.isAfter(f, p)):
       return "disableFuture";
-    case !!(d && o.utils.isBefore(h, p)):
+    case !!(d && o.utils.isBefore(f, p)):
       return "disablePast";
     case !!(i && i(t, "hours")):
       return "shouldDisableTime-hours";
@@ -164,41 +166,41 @@ const ao = ne("MuiPickersToolbarText", ["root", "selected"]), wt = ["className",
     default:
       return null;
   }
-}, oo = ({
+}, co = ({
   props: o,
   value: t,
   adapter: s
 }) => {
-  const r = Ko({
+  const a = at({
     adapter: s,
     value: t,
     props: o
   });
-  return r !== null ? r : Rt({
+  return a !== null ? a : zt({
     adapter: s,
     value: t,
     props: o
   });
-}, Ot = ["value", "defaultValue", "format", "formatDensity", "shouldRespectLeadingZeros", "onChange", "readOnly", "onError", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "minDate", "maxDate", "disableFuture", "disablePast", "minTime", "maxTime", "minDateTime", "maxDateTime", "minutesStep", "disableIgnoringDatePartForTimeValidation", "shouldDisableClock", "shouldDisableTime", "selectedSections", "onSelectedSectionsChange", "ampm", "unstableFieldRef"], Nt = (o) => {
-  var t, s, r, a, n, l, i, c;
-  const d = Ee(), v = To(), h = ((t = o.ampm) != null ? t : d.is12HourCycleInCurrentLocale()) ? d.formats.keyboardDateTime12h : d.formats.keyboardDateTime24h;
+}, At = ["value", "defaultValue", "format", "formatDensity", "shouldRespectLeadingZeros", "onChange", "readOnly", "onError", "shouldDisableDate", "shouldDisableMonth", "shouldDisableYear", "minDate", "maxDate", "disableFuture", "disablePast", "minTime", "maxTime", "minDateTime", "maxDateTime", "minutesStep", "disableIgnoringDatePartForTimeValidation", "shouldDisableClock", "shouldDisableTime", "selectedSections", "onSelectedSectionsChange", "ampm", "unstableFieldRef"], Ut = (o) => {
+  var t, s, a, r, n, l, i, c;
+  const d = je(), v = Do(), f = ((t = o.ampm) != null ? t : d.is12HourCycleInCurrentLocale()) ? d.formats.keyboardDateTime12h : d.formats.keyboardDateTime24h;
   return u({}, o, {
     disablePast: (s = o.disablePast) != null ? s : !1,
-    disableFuture: (r = o.disableFuture) != null ? r : !1,
-    format: (a = o.format) != null ? a : h,
+    disableFuture: (a = o.disableFuture) != null ? a : !1,
+    format: (r = o.format) != null ? r : f,
     disableIgnoringDatePartForTimeValidation: !!(o.minDateTime || o.maxDateTime),
-    minDate: Ue(d, (n = o.minDateTime) != null ? n : o.minDate, v.minDate),
-    maxDate: Ue(d, (l = o.maxDateTime) != null ? l : o.maxDate, v.maxDate),
+    minDate: Ye(d, (n = o.minDateTime) != null ? n : o.minDate, v.minDate),
+    maxDate: Ye(d, (l = o.maxDateTime) != null ? l : o.maxDate, v.maxDate),
     minTime: (i = o.minDateTime) != null ? i : o.minTime,
     maxTime: (c = o.maxDateTime) != null ? c : o.maxTime
   });
-}, It = ({
+}, qt = ({
   props: o,
   inputRef: t
 }) => {
-  const s = Nt(o), {
-    value: r,
-    defaultValue: a,
+  const s = Ut(o), {
+    value: a,
+    defaultValue: r,
     format: n,
     formatDensity: l,
     shouldRespectLeadingZeros: i,
@@ -206,29 +208,29 @@ const ao = ne("MuiPickersToolbarText", ["root", "selected"]), wt = ["className",
     readOnly: d,
     onError: v,
     shouldDisableDate: p,
-    shouldDisableMonth: h,
-    shouldDisableYear: T,
-    minDate: D,
+    shouldDisableMonth: f,
+    shouldDisableYear: g,
+    minDate: x,
     maxDate: m,
     disableFuture: C,
-    disablePast: I,
-    minTime: S,
+    disablePast: N,
+    minTime: P,
     maxTime: F,
-    minutesStep: N,
-    disableIgnoringDatePartForTimeValidation: R,
-    shouldDisableClock: x,
-    shouldDisableTime: B,
-    selectedSections: E,
-    onSelectedSectionsChange: V,
-    ampm: W,
-    unstableFieldRef: _
-  } = s, L = G(s, Ot);
-  return Xo({
+    minutesStep: B,
+    disableIgnoringDatePartForTimeValidation: O,
+    shouldDisableClock: w,
+    shouldDisableTime: j,
+    selectedSections: W,
+    onSelectedSectionsChange: I,
+    ampm: $,
+    unstableFieldRef: G
+  } = s, ae = X(s, At);
+  return lt({
     inputRef: t,
-    forwardedProps: L,
+    forwardedProps: ae,
     internalProps: {
-      value: r,
-      defaultValue: a,
+      value: a,
+      defaultValue: r,
       format: n,
       formatDensity: l,
       shouldRespectLeadingZeros: i,
@@ -236,31 +238,31 @@ const ao = ne("MuiPickersToolbarText", ["root", "selected"]), wt = ["className",
       readOnly: d,
       onError: v,
       shouldDisableDate: p,
-      shouldDisableMonth: h,
-      shouldDisableYear: T,
-      minDate: D,
+      shouldDisableMonth: f,
+      shouldDisableYear: g,
+      minDate: x,
       maxDate: m,
       disableFuture: C,
-      disablePast: I,
-      minTime: S,
+      disablePast: N,
+      minTime: P,
       maxTime: F,
-      minutesStep: N,
-      shouldDisableClock: x,
-      shouldDisableTime: B,
-      disableIgnoringDatePartForTimeValidation: R,
-      selectedSections: E,
-      onSelectedSectionsChange: V,
-      ampm: W,
-      unstableFieldRef: _
+      minutesStep: B,
+      shouldDisableClock: w,
+      shouldDisableTime: j,
+      disableIgnoringDatePartForTimeValidation: O,
+      selectedSections: W,
+      onSelectedSectionsChange: I,
+      ampm: $,
+      unstableFieldRef: G
     },
-    valueManager: Je,
-    fieldValueManager: Go,
-    validator: oo,
+    valueManager: so,
+    fieldValueManager: it,
+    validator: co,
     valueType: "date-time"
   });
-}, Ft = ["components", "componentsProps", "slots", "slotProps", "InputProps", "inputProps"], Bt = ["inputRef"], Vt = ["ref", "onPaste", "inputMode", "readOnly"], to = /* @__PURE__ */ f.forwardRef(function(t, s) {
-  var r, a, n;
-  const l = Z({
+}, Yt = ["components", "componentsProps", "slots", "slotProps", "InputProps", "inputProps"], Kt = ["inputRef"], Xt = ["ref", "onPaste", "inputMode", "readOnly"], uo = /* @__PURE__ */ T.forwardRef(function(t, s) {
+  var a, r, n;
+  const l = ne({
     props: t,
     name: "MuiDateTimeField"
   }), {
@@ -269,39 +271,39 @@ const ao = ne("MuiPickersToolbarText", ["root", "selected"]), wt = ["className",
     slots: d,
     slotProps: v,
     InputProps: p,
-    inputProps: h
-  } = l, T = G(l, Ft), D = l, m = (r = (a = d == null ? void 0 : d.textField) != null ? a : i == null ? void 0 : i.TextField) != null ? r : vt, C = Qo({
+    inputProps: f
+  } = l, g = X(l, Yt), x = l, m = (a = (r = d == null ? void 0 : d.textField) != null ? r : i == null ? void 0 : i.TextField) != null ? a : Ft, C = _e({
     elementType: m,
     externalSlotProps: (n = v == null ? void 0 : v.textField) != null ? n : c == null ? void 0 : c.textField,
-    externalForwardedProps: T,
-    ownerState: D
+    externalForwardedProps: g,
+    ownerState: x
   }), {
-    inputRef: I
-  } = C, S = G(C, Bt);
-  S.inputProps = u({}, S.inputProps, h), S.InputProps = u({}, S.InputProps, p);
-  const F = It({
-    props: S,
-    inputRef: I
+    inputRef: N
+  } = C, P = X(C, Kt);
+  P.inputProps = u({}, P.inputProps, f), P.InputProps = u({}, P.InputProps, p);
+  const F = qt({
+    props: P,
+    inputRef: N
   }), {
-    ref: N,
-    onPaste: R,
-    inputMode: x,
-    readOnly: B
-  } = F, E = G(F, Vt);
+    ref: B,
+    onPaste: O,
+    inputMode: w,
+    readOnly: j
+  } = F, W = X(F, Xt);
   return /* @__PURE__ */ y(m, u({
     ref: s
-  }, E, {
-    InputProps: u({}, E.InputProps, {
-      readOnly: B
+  }, W, {
+    InputProps: u({}, W.InputProps, {
+      readOnly: j
     }),
-    inputProps: u({}, E.inputProps, {
-      inputMode: x,
-      onPaste: R,
-      ref: N
+    inputProps: u({}, W.inputProps, {
+      inputMode: w,
+      onPaste: O,
+      ref: B
     })
   }));
 });
-process.env.NODE_ENV !== "production" && (to.propTypes = {
+process.env.NODE_ENV !== "production" && (uo.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
@@ -598,32 +600,34 @@ process.env.NODE_ENV !== "production" && (to.propTypes = {
    */
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
-function $t(o) {
-  return se("MuiTab", o);
+function Gt(o) {
+  return ao("MuiTab", o);
 }
-const xe = ne("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper"]), Et = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"], _t = (o) => {
+const me = ro("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper"]), Qt = ["className", "disabled", "disableFocusRipple", "fullWidth", "icon", "iconPosition", "indicator", "label", "onChange", "onClick", "onFocus", "selected", "selectionFollowsFocus", "textColor", "value", "wrapped"], Zt = (o) => {
   const {
     classes: t,
     textColor: s,
-    fullWidth: r,
-    wrapped: a,
+    fullWidth: a,
+    wrapped: r,
     icon: n,
     label: l,
     selected: i,
     disabled: c
   } = o, d = {
-    root: ["root", n && l && "labelIcon", `textColor${Po(s)}`, r && "fullWidth", a && "wrapped", i && "selected", c && "disabled"],
+    root: ["root", n && l && "labelIcon", `textColor${Mo(s)}`, a && "fullWidth", r && "wrapped", i && "selected", c && "disabled"],
     iconWrapper: ["iconWrapper"]
   };
-  return te(d, $t, t);
-}, Lt = M(wo, {
+  return io(d, Gt, t);
+}, Jt = M(Eo, {
   name: "MuiTab",
   slot: "Root",
   overridesResolver: (o, t) => {
     const {
       ownerState: s
     } = o;
-    return [t.root, s.label && s.icon && t.labelIcon, t[`textColor${Po(s.textColor)}`], s.fullWidth && t.fullWidth, s.wrapped && t.wrapped];
+    return [t.root, s.label && s.icon && t.labelIcon, t[`textColor${Mo(s.textColor)}`], s.fullWidth && t.fullWidth, s.wrapped && t.wrapped, {
+      [`& .${me.iconWrapper}`]: t.iconWrapper
+    }];
   }
 })(({
   theme: o,
@@ -646,7 +650,7 @@ const xe = ne("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
   minHeight: 72,
   paddingTop: 9,
   paddingBottom: 9,
-  [`& > .${xe.iconWrapper}`]: u({}, t.iconPosition === "top" && {
+  [`& > .${me.iconWrapper}`]: u({}, t.iconPosition === "top" && {
     marginBottom: 6
   }, t.iconPosition === "bottom" && {
     marginTop: 6
@@ -659,26 +663,26 @@ const xe = ne("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
   color: "inherit",
   opacity: 0.6,
   // same opacity as theme.palette.text.secondary
-  [`&.${xe.selected}`]: {
+  [`&.${me.selected}`]: {
     opacity: 1
   },
-  [`&.${xe.disabled}`]: {
+  [`&.${me.disabled}`]: {
     opacity: (o.vars || o).palette.action.disabledOpacity
   }
 }, t.textColor === "primary" && {
   color: (o.vars || o).palette.text.secondary,
-  [`&.${xe.selected}`]: {
+  [`&.${me.selected}`]: {
     color: (o.vars || o).palette.primary.main
   },
-  [`&.${xe.disabled}`]: {
+  [`&.${me.disabled}`]: {
     color: (o.vars || o).palette.text.disabled
   }
 }, t.textColor === "secondary" && {
   color: (o.vars || o).palette.text.secondary,
-  [`&.${xe.selected}`]: {
+  [`&.${me.selected}`]: {
     color: (o.vars || o).palette.secondary.main
   },
-  [`&.${xe.disabled}`]: {
+  [`&.${me.disabled}`]: {
     color: (o.vars || o).palette.text.disabled
   }
 }, t.fullWidth && {
@@ -688,12 +692,12 @@ const xe = ne("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
   maxWidth: "none"
 }, t.wrapped && {
   fontSize: o.typography.pxToRem(12)
-})), Ze = /* @__PURE__ */ f.forwardRef(function(t, s) {
-  const r = Z({
+})), no = /* @__PURE__ */ T.forwardRef(function(t, s) {
+  const a = lo({
     props: t,
     name: "MuiTab"
   }), {
-    className: a,
+    className: r,
     disabled: n = !1,
     disableFocusRipple: l = !1,
     // eslint-disable-next-line react/prop-types
@@ -703,18 +707,18 @@ const xe = ne("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     // eslint-disable-next-line react/prop-types
     indicator: v,
     label: p,
-    onChange: h,
-    onClick: T,
-    onFocus: D,
+    onChange: f,
+    onClick: g,
+    onFocus: x,
     // eslint-disable-next-line react/prop-types
     selected: m,
     // eslint-disable-next-line react/prop-types
     selectionFollowsFocus: C,
     // eslint-disable-next-line react/prop-types
-    textColor: I = "inherit",
-    value: S,
+    textColor: N = "inherit",
+    value: P,
     wrapped: F = !1
-  } = r, N = G(r, Et), R = u({}, r, {
+  } = a, B = X(a, Qt), O = u({}, a, {
     disabled: n,
     disableFocusRipple: l,
     selected: m,
@@ -722,44 +726,44 @@ const xe = ne("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrim
     iconPosition: d,
     label: !!p,
     fullWidth: i,
-    textColor: I,
+    textColor: N,
     wrapped: F
-  }), x = _t(R), B = c && p && /* @__PURE__ */ f.isValidElement(c) ? /* @__PURE__ */ f.cloneElement(c, {
-    className: fe(x.iconWrapper, c.props.className)
-  }) : c, E = (W) => {
-    !m && h && h(W, S), T && T(W);
-  }, V = (W) => {
-    C && !m && h && h(W, S), D && D(W);
+  }), w = Zt(O), j = c && p && /* @__PURE__ */ T.isValidElement(c) ? /* @__PURE__ */ T.cloneElement(c, {
+    className: pe(w.iconWrapper, c.props.className)
+  }) : c, W = ($) => {
+    !m && f && f($, P), g && g($);
+  }, I = ($) => {
+    C && !m && f && f($, P), x && x($);
   };
-  return /* @__PURE__ */ A(Lt, u({
+  return /* @__PURE__ */ z(Jt, u({
     focusRipple: !l,
-    className: fe(x.root, a),
+    className: pe(w.root, r),
     ref: s,
     role: "tab",
     "aria-selected": m,
     disabled: n,
-    onClick: E,
-    onFocus: V,
-    ownerState: R,
+    onClick: W,
+    onFocus: I,
+    ownerState: O,
     tabIndex: m ? 0 : -1
-  }, N, {
-    children: [d === "top" || d === "start" ? /* @__PURE__ */ A(f.Fragment, {
-      children: [B, p]
-    }) : /* @__PURE__ */ A(f.Fragment, {
-      children: [p, B]
+  }, B, {
+    children: [d === "top" || d === "start" ? /* @__PURE__ */ z(T.Fragment, {
+      children: [j, p]
+    }) : /* @__PURE__ */ z(T.Fragment, {
+      children: [p, j]
     }), v]
   }));
 });
-process.env.NODE_ENV !== "production" && (Ze.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+process.env.NODE_ENV !== "production" && (no.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
    */
-  children: gt,
+  children: Nt,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -826,89 +830,88 @@ process.env.NODE_ENV !== "production" && (Ze.propTypes = {
    */
   wrapped: e.bool
 });
-function jt(o) {
+function en(o) {
   return (1 + Math.sin(Math.PI * o - Math.PI / 2)) / 2;
 }
-function Ht(o, t, s, r = {}, a = () => {
+function on(o, t, s, a = {}, r = () => {
 }) {
   const {
-    ease: n = jt,
+    ease: n = en,
     duration: l = 300
     // standard
-  } = r;
+  } = a;
   let i = null;
   const c = t[o];
   let d = !1;
   const v = () => {
     d = !0;
-  }, p = (h) => {
+  }, p = (f) => {
     if (d) {
-      a(new Error("Animation cancelled"));
+      r(new Error("Animation cancelled"));
       return;
     }
-    i === null && (i = h);
-    const T = Math.min(1, (h - i) / l);
-    if (t[o] = n(T) * (s - c) + c, T >= 1) {
+    i === null && (i = f);
+    const g = Math.min(1, (f - i) / l);
+    if (t[o] = n(g) * (s - c) + c, g >= 1) {
       requestAnimationFrame(() => {
-        a(null);
+        r(null);
       });
       return;
     }
     requestAnimationFrame(p);
   };
-  return c === s ? (a(new Error("Element already at target position")), v) : (requestAnimationFrame(p), v);
+  return c === s ? (r(new Error("Element already at target position")), v) : (requestAnimationFrame(p), v);
 }
-const Wt = ["onChange"], At = {
+const tn = ["onChange"], nn = {
   width: 99,
   height: 99,
   position: "absolute",
   top: -9999,
   overflow: "scroll"
 };
-function Ro(o) {
+function Lo(o) {
   const {
     onChange: t
-  } = o, s = G(o, Wt), r = f.useRef(), a = f.useRef(null), n = () => {
-    r.current = a.current.offsetHeight - a.current.clientHeight;
+  } = o, s = X(o, tn), a = T.useRef(), r = T.useRef(null), n = () => {
+    a.current = r.current.offsetHeight - r.current.clientHeight;
   };
-  return f.useEffect(() => {
-    const l = Ge(() => {
-      const c = r.current;
-      n(), c !== r.current && t(r.current);
-    }), i = xo(a.current);
+  return Rt(() => {
+    const l = No(() => {
+      const c = a.current;
+      n(), c !== a.current && t(a.current);
+    }), i = Bo(r.current);
     return i.addEventListener("resize", l), () => {
       l.clear(), i.removeEventListener("resize", l);
     };
-  }, [t]), f.useEffect(() => {
-    n(), t(r.current);
+  }, [t]), T.useEffect(() => {
+    n(), t(a.current);
   }, [t]), /* @__PURE__ */ y("div", u({
-    style: At,
-    ref: a
-  }, s));
+    style: nn
+  }, s, {
+    ref: r
+  }));
 }
-process.env.NODE_ENV !== "production" && (Ro.propTypes = {
+process.env.NODE_ENV !== "production" && (Lo.propTypes = {
   onChange: e.func.isRequired
 });
-const zt = Do(/* @__PURE__ */ y("path", {
+const sn = Fo(/* @__PURE__ */ y("path", {
   d: "M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"
-}), "KeyboardArrowLeft"), qt = Do(/* @__PURE__ */ y("path", {
+}), "KeyboardArrowLeft"), rn = Fo(/* @__PURE__ */ y("path", {
   d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"
 }), "KeyboardArrowRight");
-function Ut(o) {
-  return se("MuiTabScrollButton", o);
+function an(o) {
+  return ao("MuiTabScrollButton", o);
 }
-const Yt = ne("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]);
-var ro, lo;
-const Kt = ["className", "direction", "orientation", "disabled"], Xt = (o) => {
+const ln = ro("MuiTabScrollButton", ["root", "vertical", "horizontal", "disabled"]), cn = ["className", "slots", "slotProps", "direction", "orientation", "disabled"], un = (o) => {
   const {
     classes: t,
     orientation: s,
-    disabled: r
+    disabled: a
   } = o;
-  return te({
-    root: ["root", s, r && "disabled"]
-  }, Ut, t);
-}, Gt = M(wo, {
+  return io({
+    root: ["root", s, a && "disabled"]
+  }, an, t);
+}, dn = M(Eo, {
   name: "MuiTabScrollButton",
   slot: "Root",
   overridesResolver: (o, t) => {
@@ -923,7 +926,7 @@ const Kt = ["className", "direction", "orientation", "disabled"], Xt = (o) => {
   width: 40,
   flexShrink: 0,
   opacity: 0.8,
-  [`&.${Yt.disabled}`]: {
+  [`&.${ln.disabled}`]: {
     opacity: 0
   }
 }, o.orientation === "vertical" && {
@@ -932,36 +935,49 @@ const Kt = ["className", "direction", "orientation", "disabled"], Xt = (o) => {
   "& svg": {
     transform: `rotate(${o.isRtl ? -90 : 90}deg)`
   }
-})), Oo = /* @__PURE__ */ f.forwardRef(function(t, s) {
-  const r = Z({
+})), jo = /* @__PURE__ */ T.forwardRef(function(t, s) {
+  var a, r;
+  const n = lo({
     props: t,
     name: "MuiTabScrollButton"
   }), {
-    className: a,
-    direction: n
-  } = r, l = G(r, Kt), c = eo().direction === "rtl", d = u({
-    isRtl: c
-  }, r), v = Xt(d);
-  return /* @__PURE__ */ y(Gt, u({
+    className: l,
+    slots: i = {},
+    slotProps: c = {},
+    direction: d
+  } = n, v = X(n, cn), p = Ro(), f = u({
+    isRtl: p
+  }, n), g = un(f), x = (a = i.StartScrollButtonIcon) != null ? a : sn, m = (r = i.EndScrollButtonIcon) != null ? r : rn, C = _e({
+    elementType: x,
+    externalSlotProps: c.startScrollButtonIcon,
+    additionalProps: {
+      fontSize: "small"
+    },
+    ownerState: f
+  }), N = _e({
+    elementType: m,
+    externalSlotProps: c.endScrollButtonIcon,
+    additionalProps: {
+      fontSize: "small"
+    },
+    ownerState: f
+  });
+  return /* @__PURE__ */ y(dn, u({
     component: "div",
-    className: fe(v.root, a),
+    className: pe(g.root, l),
     ref: s,
     role: null,
-    ownerState: d,
+    ownerState: f,
     tabIndex: null
-  }, l, {
-    children: n === "left" ? ro || (ro = /* @__PURE__ */ y(zt, {
-      fontSize: "small"
-    })) : lo || (lo = /* @__PURE__ */ y(qt, {
-      fontSize: "small"
-    }))
+  }, v, {
+    children: d === "left" ? /* @__PURE__ */ y(x, u({}, C)) : /* @__PURE__ */ y(m, u({}, N))
   }));
 });
-process.env.NODE_ENV !== "production" && (Oo.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+process.env.NODE_ENV !== "production" && (jo.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * The content of the component.
    */
@@ -987,51 +1003,68 @@ process.env.NODE_ENV !== "production" && (Oo.propTypes = {
    * The component orientation (layout flow direction).
    */
   orientation: e.oneOf(["horizontal", "vertical"]).isRequired,
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   * @default {}
+   */
+  slotProps: e.shape({
+    endScrollButtonIcon: e.oneOfType([e.func, e.object]),
+    startScrollButtonIcon: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    EndScrollButtonIcon: e.elementType,
+    StartScrollButtonIcon: e.elementType
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 });
-function Qt(o) {
-  return se("MuiTabs", o);
+function mn(o) {
+  return ao("MuiTabs", o);
 }
-const qe = ne("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), Zt = ["aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar"], io = (o, t) => o === t ? o.firstChild : t && t.nextElementSibling ? t.nextElementSibling : o.firstChild, co = (o, t) => o === t ? o.lastChild : t && t.previousElementSibling ? t.previousElementSibling : o.lastChild, We = (o, t, s) => {
-  let r = !1, a = s(o, t);
-  for (; a; ) {
-    if (a === o.firstChild) {
-      if (r)
+const qe = ro("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), pn = ["aria-label", "aria-labelledby", "action", "centered", "children", "className", "component", "allowScrollButtonsMobile", "indicatorColor", "onChange", "orientation", "ScrollButtonComponent", "scrollButtons", "selectionFollowsFocus", "slots", "slotProps", "TabIndicatorProps", "TabScrollButtonProps", "textColor", "value", "variant", "visibleScrollbar"], ho = (o, t) => o === t ? o.firstChild : t && t.nextElementSibling ? t.nextElementSibling : o.firstChild, To = (o, t) => o === t ? o.lastChild : t && t.previousElementSibling ? t.previousElementSibling : o.lastChild, Ae = (o, t, s) => {
+  let a = !1, r = s(o, t);
+  for (; r; ) {
+    if (r === o.firstChild) {
+      if (a)
         return;
-      r = !0;
+      a = !0;
     }
-    const n = a.disabled || a.getAttribute("aria-disabled") === "true";
-    if (!a.hasAttribute("tabindex") || n)
-      a = s(o, a);
+    const n = r.disabled || r.getAttribute("aria-disabled") === "true";
+    if (!r.hasAttribute("tabindex") || n)
+      r = s(o, r);
     else {
-      a.focus();
+      r.focus();
       return;
     }
   }
-}, Jt = (o) => {
+}, bn = (o) => {
   const {
     vertical: t,
     fixed: s,
-    hideScrollbar: r,
-    scrollableX: a,
+    hideScrollbar: a,
+    scrollableX: r,
     scrollableY: n,
     centered: l,
     scrollButtonsHideMobile: i,
     classes: c
   } = o;
-  return te({
+  return io({
     root: ["root", t && "vertical"],
-    scroller: ["scroller", s && "fixed", r && "hideScrollbar", a && "scrollableX", n && "scrollableY"],
+    scroller: ["scroller", s && "fixed", a && "hideScrollbar", r && "scrollableX", n && "scrollableY"],
     flexContainer: ["flexContainer", t && "flexContainerVertical", l && "centered"],
     indicator: ["indicator"],
     scrollButtons: ["scrollButtons", i && "scrollButtonsHideMobile"],
-    scrollableX: [a && "scrollableX"],
-    hideScrollbar: [r && "hideScrollbar"]
-  }, Qt, c);
-}, en = M("div", {
+    scrollableX: [r && "scrollableX"],
+    hideScrollbar: [a && "hideScrollbar"]
+  }, mn, c);
+}, fn = M("div", {
   name: "MuiTabs",
   slot: "Root",
   overridesResolver: (o, t) => {
@@ -1061,7 +1094,7 @@ const qe = ne("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
       display: "none"
     }
   }
-})), on = M("div", {
+})), hn = M("div", {
   name: "MuiTabs",
   slot: "Scroller",
   overridesResolver: (o, t) => {
@@ -1094,7 +1127,7 @@ const qe = ne("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
 }, o.scrollableY && {
   overflowY: "auto",
   overflowX: "hidden"
-})), tn = M("div", {
+})), Tn = M("div", {
   name: "MuiTabs",
   slot: "FlexContainer",
   overridesResolver: (o, t) => {
@@ -1111,7 +1144,7 @@ const qe = ne("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
   flexDirection: "column"
 }, o.centered && {
   justifyContent: "center"
-})), nn = M("span", {
+})), gn = M("span", {
   name: "MuiTabs",
   slot: "Indicator",
   overridesResolver: (o, t) => t.indicator
@@ -1132,10 +1165,7 @@ const qe = ne("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
   height: "100%",
   width: 2,
   right: 0
-})), sn = M(Ro, {
-  name: "MuiTabs",
-  slot: "ScrollbarSize"
-})({
+})), yn = M(Lo)({
   overflowX: "auto",
   overflowY: "hidden",
   // Hide dimensionless scrollbar on macOS
@@ -1145,311 +1175,336 @@ const qe = ne("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVer
     display: "none"
     // Safari + Chrome
   }
-}), uo = {};
-let mo = !1;
-const No = /* @__PURE__ */ f.forwardRef(function(t, s) {
-  const r = Z({
+}), go = {};
+let yo = !1;
+const Wo = /* @__PURE__ */ T.forwardRef(function(t, s) {
+  const a = lo({
     props: t,
     name: "MuiTabs"
-  }), a = eo(), n = a.direction === "rtl", {
+  }), r = Oo(), n = Ro(), {
     "aria-label": l,
     "aria-labelledby": i,
     action: c,
     centered: d = !1,
     children: v,
     className: p,
-    component: h = "div",
-    allowScrollButtonsMobile: T = !1,
-    indicatorColor: D = "primary",
+    component: f = "div",
+    allowScrollButtonsMobile: g = !1,
+    indicatorColor: x = "primary",
     onChange: m,
     orientation: C = "horizontal",
-    ScrollButtonComponent: I = Oo,
-    scrollButtons: S = "auto",
+    ScrollButtonComponent: N = jo,
+    scrollButtons: P = "auto",
     selectionFollowsFocus: F,
-    TabIndicatorProps: N = {},
-    TabScrollButtonProps: R = {},
-    textColor: x = "primary",
-    value: B,
-    variant: E = "standard",
-    visibleScrollbar: V = !1
-  } = r, W = G(r, Zt), _ = E === "scrollable", L = C === "vertical", ae = L ? "scrollTop" : "scrollLeft", re = L ? "top" : "left", ce = L ? "bottom" : "right", ue = L ? "clientHeight" : "clientWidth", Q = L ? "height" : "width", le = u({}, r, {
-    component: h,
-    allowScrollButtonsMobile: T,
-    indicatorColor: D,
+    slots: B = {},
+    slotProps: O = {},
+    TabIndicatorProps: w = {},
+    TabScrollButtonProps: j = {},
+    textColor: W = "primary",
+    value: I,
+    variant: $ = "standard",
+    visibleScrollbar: G = !1
+  } = a, ae = X(a, pn), q = $ === "scrollable", U = C === "vertical", le = U ? "scrollTop" : "scrollLeft", ie = U ? "top" : "left", Q = U ? "bottom" : "right", Te = U ? "clientHeight" : "clientWidth", k = U ? "height" : "width", Z = u({}, a, {
+    component: f,
+    allowScrollButtonsMobile: g,
+    indicatorColor: x,
     orientation: C,
-    vertical: L,
-    scrollButtons: S,
-    textColor: x,
-    variant: E,
-    visibleScrollbar: V,
-    fixed: !_,
-    hideScrollbar: _ && !V,
-    scrollableX: _ && !L,
-    scrollableY: _ && L,
-    centered: d && !_,
-    scrollButtonsHideMobile: !T
-  }), P = Jt(le);
-  process.env.NODE_ENV !== "production" && d && _ && console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');
-  const [de, me] = f.useState(!1), [q, we] = f.useState(uo), [ee, Ie] = f.useState({
-    start: !1,
-    end: !1
-  }), [Fe, _e] = f.useState({
+    vertical: U,
+    scrollButtons: P,
+    textColor: W,
+    variant: $,
+    visibleScrollbar: G,
+    fixed: !q,
+    hideScrollbar: q && !G,
+    scrollableX: q && !U,
+    scrollableY: q && U,
+    centered: d && !q,
+    scrollButtonsHideMobile: !g
+  }), Y = bn(Z), oe = _e({
+    elementType: B.StartScrollButtonIcon,
+    externalSlotProps: O.startScrollButtonIcon,
+    ownerState: Z
+  }), Be = _e({
+    elementType: B.EndScrollButtonIcon,
+    externalSlotProps: O.endScrollButtonIcon,
+    ownerState: Z
+  });
+  process.env.NODE_ENV !== "production" && d && q && console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');
+  const [ge, Fe] = T.useState(!1), [se, Ee] = T.useState(go), [$e, ye] = T.useState(!1), [H, ve] = T.useState(!1), [We, Ce] = T.useState(!1), [ce, Xe] = T.useState({
     overflow: "hidden",
     scrollbarWidth: 0
-  }), ge = /* @__PURE__ */ new Map(), K = f.useRef(null), $ = f.useRef(null), pe = () => {
-    const b = K.current;
-    let g;
+  }), ue = /* @__PURE__ */ new Map(), J = T.useRef(null), R = T.useRef(null), V = () => {
+    const b = J.current;
+    let h;
     if (b) {
-      const k = b.getBoundingClientRect();
-      g = {
+      const S = b.getBoundingClientRect();
+      h = {
         clientWidth: b.clientWidth,
         scrollLeft: b.scrollLeft,
         scrollTop: b.scrollTop,
-        scrollLeftNormalized: so(b, a.direction),
+        scrollLeftNormalized: Et(b, n ? "rtl" : "ltr"),
         scrollWidth: b.scrollWidth,
-        top: k.top,
-        bottom: k.bottom,
-        left: k.left,
-        right: k.right
+        top: S.top,
+        bottom: S.bottom,
+        left: S.left,
+        right: S.right
       };
     }
-    let w;
-    if (b && B !== !1) {
-      const k = $.current.children;
-      if (k.length > 0) {
-        const Y = k[ge.get(B)];
-        process.env.NODE_ENV !== "production" && (Y || console.error(["MUI: The `value` provided to the Tabs component is invalid.", `None of the Tabs' children match with "${B}".`, ge.keys ? `You can provide one of the following values: ${Array.from(ge.keys()).join(", ")}.` : null].join(`
-`))), w = Y ? Y.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !mo && w && w.width === 0 && w.height === 0 && // if the whole Tabs component is hidden, don't warn
-        g.clientWidth !== 0 && (g = null, console.error(["MUI: The `value` provided to the Tabs component is invalid.", `The Tab with this \`value\` ("${B}") is not part of the document layout.`, "Make sure the tab item is present in the document or that it's not `display: none`."].join(`
-`)), mo = !0);
+    let D;
+    if (b && I !== !1) {
+      const S = R.current.children;
+      if (S.length > 0) {
+        const E = S[ue.get(I)];
+        process.env.NODE_ENV !== "production" && (E || console.error(["MUI: The `value` provided to the Tabs component is invalid.", `None of the Tabs' children match with "${I}".`, ue.keys ? `You can provide one of the following values: ${Array.from(ue.keys()).join(", ")}.` : null].join(`
+`))), D = E ? E.getBoundingClientRect() : null, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && !yo && D && D.width === 0 && D.height === 0 && // if the whole Tabs component is hidden, don't warn
+        h.clientWidth !== 0 && (h = null, console.error(["MUI: The `value` provided to the Tabs component is invalid.", `The Tab with this \`value\` ("${I}") is not part of the document layout.`, "Make sure the tab item is present in the document or that it's not `display: none`."].join(`
+`)), yo = !0);
       }
     }
     return {
-      tabsMeta: g,
-      tabMeta: w
+      tabsMeta: h,
+      tabMeta: D
     };
-  }, ye = ze(() => {
+  }, _ = Je(() => {
     const {
       tabsMeta: b,
-      tabMeta: g
-    } = pe();
-    let w = 0, k;
-    if (L)
-      k = "top", g && b && (w = g.top - b.top + b.scrollTop);
-    else if (k = n ? "right" : "left", g && b) {
-      const oe = n ? b.scrollLeftNormalized + b.clientWidth - b.scrollWidth : b.scrollLeft;
-      w = (n ? -1 : 1) * (g[k] - b[k] + oe);
+      tabMeta: h
+    } = V();
+    let D = 0, S;
+    if (U)
+      S = "top", h && b && (D = h.top - b.top + b.scrollTop);
+    else if (S = n ? "right" : "left", h && b) {
+      const K = n ? b.scrollLeftNormalized + b.clientWidth - b.scrollWidth : b.scrollLeft;
+      D = (n ? -1 : 1) * (h[S] - b[S] + K);
     }
-    const Y = {
-      [k]: w,
+    const E = {
+      [S]: D,
       // May be wrong until the font is loaded.
-      [Q]: g ? g[Q] : 0
+      [k]: h ? h[k] : 0
     };
-    if (isNaN(q[k]) || isNaN(q[Q]))
-      we(Y);
+    if (isNaN(se[S]) || isNaN(se[k]))
+      Ee(E);
     else {
-      const oe = Math.abs(q[k] - Y[k]), ke = Math.abs(q[Q] - Y[Q]);
-      (oe >= 1 || ke >= 1) && we(Y);
+      const K = Math.abs(se[S] - E[S]), re = Math.abs(se[k] - E[k]);
+      (K >= 1 || re >= 1) && Ee(E);
     }
-  }), ie = (b, {
-    animation: g = !0
+  }), te = (b, {
+    animation: h = !0
   } = {}) => {
-    g ? Ht(ae, K.current, b, {
-      duration: a.transitions.duration.standard
-    }) : K.current[ae] = b;
-  }, be = (b) => {
-    let g = K.current[ae];
-    L ? g += b : (g += b * (n ? -1 : 1), g *= n && So() === "reverse" ? -1 : 1), ie(g);
-  }, Le = () => {
-    const b = K.current[ue];
-    let g = 0;
-    const w = Array.from($.current.children);
-    for (let k = 0; k < w.length; k += 1) {
-      const Y = w[k];
-      if (g + Y[ue] > b) {
-        k === 0 && (g = b);
+    h ? on(le, J.current, b, {
+      duration: r.transitions.duration.standard
+    }) : J.current[le] = b;
+  }, Pe = (b) => {
+    let h = J.current[le];
+    U ? h += b : (h += b * (n ? -1 : 1), h *= n && Vo() === "reverse" ? -1 : 1), te(h);
+  }, Se = () => {
+    const b = J.current[Te];
+    let h = 0;
+    const D = Array.from(R.current.children);
+    for (let S = 0; S < D.length; S += 1) {
+      const E = D[S];
+      if (h + E[Te] > b) {
+        S === 0 && (h = b);
         break;
       }
-      g += Y[ue];
+      h += E[Te];
     }
-    return g;
-  }, Be = () => {
-    be(-1 * Le());
-  }, je = () => {
-    be(Le());
-  }, j = f.useCallback((b) => {
-    _e({
+    return h;
+  }, L = () => {
+    Pe(-1 * Se());
+  }, ee = () => {
+    Pe(Se());
+  }, ke = T.useCallback((b) => {
+    Xe({
       overflow: null,
       scrollbarWidth: b
     });
-  }, []), H = () => {
+  }, []), Ge = () => {
     const b = {};
-    b.scrollbarSizeListener = _ ? /* @__PURE__ */ y(sn, {
-      onChange: j,
-      className: fe(P.scrollableX, P.hideScrollbar)
+    b.scrollbarSizeListener = q ? /* @__PURE__ */ y(yn, {
+      onChange: ke,
+      className: pe(Y.scrollableX, Y.hideScrollbar)
     }) : null;
-    const g = ee.start || ee.end, w = _ && (S === "auto" && g || S === !0);
-    return b.scrollButtonStart = w ? /* @__PURE__ */ y(I, u({
+    const D = q && (P === "auto" && ($e || H) || P === !0);
+    return b.scrollButtonStart = D ? /* @__PURE__ */ y(N, u({
+      slots: {
+        StartScrollButtonIcon: B.StartScrollButtonIcon
+      },
+      slotProps: {
+        startScrollButtonIcon: oe
+      },
       orientation: C,
       direction: n ? "right" : "left",
-      onClick: Be,
-      disabled: !ee.start
-    }, R, {
-      className: fe(P.scrollButtons, R.className)
-    })) : null, b.scrollButtonEnd = w ? /* @__PURE__ */ y(I, u({
+      onClick: L,
+      disabled: !$e
+    }, j, {
+      className: pe(Y.scrollButtons, j.className)
+    })) : null, b.scrollButtonEnd = D ? /* @__PURE__ */ y(N, u({
+      slots: {
+        EndScrollButtonIcon: B.EndScrollButtonIcon
+      },
+      slotProps: {
+        endScrollButtonIcon: Be
+      },
       orientation: C,
       direction: n ? "left" : "right",
-      onClick: je,
-      disabled: !ee.end
-    }, R, {
-      className: fe(P.scrollButtons, R.className)
+      onClick: ee,
+      disabled: !H
+    }, j, {
+      className: pe(Y.scrollButtons, j.className)
     })) : null, b;
-  }, U = ze((b) => {
+  }, mo = Je((b) => {
     const {
-      tabsMeta: g,
-      tabMeta: w
-    } = pe();
-    if (!(!w || !g)) {
-      if (w[re] < g[re]) {
-        const k = g[ae] + (w[re] - g[re]);
-        ie(k, {
+      tabsMeta: h,
+      tabMeta: D
+    } = V();
+    if (!(!D || !h)) {
+      if (D[ie] < h[ie]) {
+        const S = h[le] + (D[ie] - h[ie]);
+        te(S, {
           animation: b
         });
-      } else if (w[ce] > g[ce]) {
-        const k = g[ae] + (w[ce] - g[ce]);
-        ie(k, {
+      } else if (D[Q] > h[Q]) {
+        const S = h[le] + (D[Q] - h[Q]);
+        te(S, {
           animation: b
         });
       }
     }
-  }), X = ze(() => {
-    if (_ && S !== !1) {
-      const {
-        scrollTop: b,
-        scrollHeight: g,
-        clientHeight: w,
-        scrollWidth: k,
-        clientWidth: Y
-      } = K.current;
-      let oe, ke;
-      if (L)
-        oe = b > 1, ke = b < g - w - 1;
-      else {
-        const He = so(K.current, a.direction);
-        oe = n ? He < k - Y - 1 : He > 1, ke = n ? He > 1 : He < k - Y - 1;
-      }
-      (oe !== ee.start || ke !== ee.end) && Ie({
-        start: oe,
-        end: ke
-      });
-    }
+  }), He = Je(() => {
+    q && P !== !1 && Ce(!We);
   });
-  f.useEffect(() => {
-    const b = Ge(() => {
-      K.current && (ye(), X());
-    }), g = xo(K.current);
-    g.addEventListener("resize", b);
-    let w;
-    return typeof ResizeObserver < "u" && (w = new ResizeObserver(b), Array.from($.current.children).forEach((k) => {
-      w.observe(k);
+  T.useEffect(() => {
+    const b = No(() => {
+      J.current && _();
+    });
+    let h;
+    const D = (K) => {
+      K.forEach((re) => {
+        re.removedNodes.forEach((Ve) => {
+          var de;
+          (de = h) == null || de.unobserve(Ve);
+        }), re.addedNodes.forEach((Ve) => {
+          var de;
+          (de = h) == null || de.observe(Ve);
+        });
+      }), b(), He();
+    }, S = Bo(J.current);
+    S.addEventListener("resize", b);
+    let E;
+    return typeof ResizeObserver < "u" && (h = new ResizeObserver(b), Array.from(R.current.children).forEach((K) => {
+      h.observe(K);
+    })), typeof MutationObserver < "u" && (E = new MutationObserver(D), E.observe(R.current, {
+      childList: !0
     })), () => {
-      b.clear(), g.removeEventListener("resize", b), w && w.disconnect();
+      var K, re;
+      b.clear(), S.removeEventListener("resize", b), (K = E) == null || K.disconnect(), (re = h) == null || re.disconnect();
     };
-  }, [ye, X]);
-  const ve = f.useMemo(() => Ge(() => {
-    X();
-  }), [X]);
-  f.useEffect(() => () => {
-    ve.clear();
-  }, [ve]), f.useEffect(() => {
-    me(!0);
-  }, []), f.useEffect(() => {
-    ye(), X();
-  }), f.useEffect(() => {
-    U(uo !== q);
-  }, [U, q]), f.useImperativeHandle(c, () => ({
-    updateIndicator: ye,
-    updateScrollButtons: X
-  }), [ye, X]);
-  const De = /* @__PURE__ */ y(nn, u({}, N, {
-    className: fe(P.indicator, N.className),
-    ownerState: le,
-    style: u({}, q, N.style)
+  }, [_, He]), T.useEffect(() => {
+    const b = Array.from(R.current.children), h = b.length;
+    if (typeof IntersectionObserver < "u" && h > 0 && q && P !== !1) {
+      const D = b[0], S = b[h - 1], E = {
+        root: J.current,
+        threshold: 0.99
+      }, K = (Ze) => {
+        ye(!Ze[0].isIntersecting);
+      }, re = new IntersectionObserver(K, E);
+      re.observe(D);
+      const Ve = (Ze) => {
+        ve(!Ze[0].isIntersecting);
+      }, de = new IntersectionObserver(Ve, E);
+      return de.observe(S), () => {
+        re.disconnect(), de.disconnect();
+      };
+    }
+  }, [q, P, We, v == null ? void 0 : v.length]), T.useEffect(() => {
+    Fe(!0);
+  }, []), T.useEffect(() => {
+    _();
+  }), T.useEffect(() => {
+    mo(go !== se);
+  }, [mo, se]), T.useImperativeHandle(c, () => ({
+    updateIndicator: _,
+    updateScrollButtons: He
+  }), [_, He]);
+  const po = /* @__PURE__ */ y(gn, u({}, w, {
+    className: pe(Y.indicator, w.className),
+    ownerState: Z,
+    style: u({}, se, w.style)
   }));
-  let O = 0;
-  const J = f.Children.map(v, (b) => {
-    if (!/* @__PURE__ */ f.isValidElement(b))
+  let ze = 0;
+  const et = T.Children.map(v, (b) => {
+    if (!/* @__PURE__ */ T.isValidElement(b))
       return null;
-    process.env.NODE_ENV !== "production" && pt.isFragment(b) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+    process.env.NODE_ENV !== "production" && Mt.isFragment(b) && console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
 `));
-    const g = b.props.value === void 0 ? O : b.props.value;
-    ge.set(g, O);
-    const w = g === B;
-    return O += 1, /* @__PURE__ */ f.cloneElement(b, u({
-      fullWidth: E === "fullWidth",
-      indicator: w && !de && De,
-      selected: w,
+    const h = b.props.value === void 0 ? ze : b.props.value;
+    ue.set(h, ze);
+    const D = h === I;
+    return ze += 1, /* @__PURE__ */ T.cloneElement(b, u({
+      fullWidth: $ === "fullWidth",
+      indicator: D && !ge && po,
+      selected: D,
       selectionFollowsFocus: F,
       onChange: m,
-      textColor: x,
-      value: g
-    }, O === 1 && B === !1 && !b.props.tabIndex ? {
+      textColor: W,
+      value: h
+    }, ze === 1 && I === !1 && !b.props.tabIndex ? {
       tabIndex: 0
     } : {}));
-  }), Pe = (b) => {
-    const g = $.current, w = bt(g).activeElement;
-    if (w.getAttribute("role") !== "tab")
+  }), ot = (b) => {
+    const h = R.current, D = It(h).activeElement;
+    if (D.getAttribute("role") !== "tab")
       return;
-    let Y = C === "horizontal" ? "ArrowLeft" : "ArrowUp", oe = C === "horizontal" ? "ArrowRight" : "ArrowDown";
-    switch (C === "horizontal" && n && (Y = "ArrowRight", oe = "ArrowLeft"), b.key) {
-      case Y:
-        b.preventDefault(), We(g, w, co);
+    let E = C === "horizontal" ? "ArrowLeft" : "ArrowUp", K = C === "horizontal" ? "ArrowRight" : "ArrowDown";
+    switch (C === "horizontal" && n && (E = "ArrowRight", K = "ArrowLeft"), b.key) {
+      case E:
+        b.preventDefault(), Ae(h, D, To);
         break;
-      case oe:
-        b.preventDefault(), We(g, w, io);
+      case K:
+        b.preventDefault(), Ae(h, D, ho);
         break;
       case "Home":
-        b.preventDefault(), We(g, null, io);
+        b.preventDefault(), Ae(h, null, ho);
         break;
       case "End":
-        b.preventDefault(), We(g, null, co);
+        b.preventDefault(), Ae(h, null, To);
         break;
     }
-  }, Ve = H();
-  return /* @__PURE__ */ A(en, u({
-    className: fe(P.root, p),
-    ownerState: le,
+  }, Qe = Ge();
+  return /* @__PURE__ */ z(fn, u({
+    className: pe(Y.root, p),
+    ownerState: Z,
     ref: s,
-    as: h
-  }, W, {
-    children: [Ve.scrollButtonStart, Ve.scrollbarSizeListener, /* @__PURE__ */ A(on, {
-      className: P.scroller,
-      ownerState: le,
+    as: f
+  }, ae, {
+    children: [Qe.scrollButtonStart, Qe.scrollbarSizeListener, /* @__PURE__ */ z(hn, {
+      className: Y.scroller,
+      ownerState: Z,
       style: {
-        overflow: Fe.overflow,
-        [L ? `margin${n ? "Left" : "Right"}` : "marginBottom"]: V ? void 0 : -Fe.scrollbarWidth
+        overflow: ce.overflow,
+        [U ? `margin${n ? "Left" : "Right"}` : "marginBottom"]: G ? void 0 : -ce.scrollbarWidth
       },
-      ref: K,
-      onScroll: ve,
-      children: [/* @__PURE__ */ y(tn, {
+      ref: J,
+      children: [/* @__PURE__ */ y(Tn, {
         "aria-label": l,
         "aria-labelledby": i,
         "aria-orientation": C === "vertical" ? "vertical" : null,
-        className: P.flexContainer,
-        ownerState: le,
-        onKeyDown: Pe,
-        ref: $,
+        className: Y.flexContainer,
+        ownerState: Z,
+        onKeyDown: ot,
+        ref: R,
         role: "tablist",
-        children: J
-      }), de && De]
-    }), Ve.scrollButtonEnd]
+        children: et
+      }), ge && po]
+    }), Qe.scrollButtonEnd]
   }));
 });
-process.env.NODE_ENV !== "production" && (No.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
+process.env.NODE_ENV !== "production" && (Wo.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
    * Callback fired when the component mounts.
    * This is useful when you want to trigger an action programmatically.
@@ -1458,7 +1513,7 @@ process.env.NODE_ENV !== "production" && (No.propTypes = {
    * @param {object} actions This object contains all possible actions
    * that can be triggered programmatically.
    */
-  action: ht,
+  action: Ot,
   /**
    * If `true`, the scroll buttons aren't forced hidden on mobile.
    * By default the scroll buttons are hidden on mobile and takes precedence over `scrollButtons`.
@@ -1535,6 +1590,23 @@ process.env.NODE_ENV !== "production" && (No.propTypes = {
    * changes on activation.
    */
   selectionFollowsFocus: e.bool,
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   * @default {}
+   */
+  slotProps: e.shape({
+    endScrollButtonIcon: e.oneOfType([e.func, e.object]),
+    startScrollButtonIcon: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    EndScrollButtonIcon: e.elementType,
+    StartScrollButtonIcon: e.elementType
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -1564,7 +1636,7 @@ process.env.NODE_ENV !== "production" && (No.propTypes = {
    *
    *  - `scrollable` will invoke scrolling properties and allow for horizontally
    *  scrolling (or swiping) of the tab bar.
-   *  -`fullWidth` will make the tabs grow to use all the available space,
+   *  - `fullWidth` will make the tabs grow to use all the available space,
    *  which should be used for small views, like on mobile.
    *  - `standard` will render the default state.
    * @default 'standard'
@@ -1577,18 +1649,18 @@ process.env.NODE_ENV !== "production" && (No.propTypes = {
    */
   visibleScrollbar: e.bool
 });
-function an(o) {
-  return se("MuiDateTimePickerTabs", o);
+function vn(o) {
+  return De("MuiDateTimePickerTabs", o);
 }
-ne("MuiDateTimePickerTabs", ["root"]);
-const rn = (o) => ["day", "month", "year"].includes(o) ? "date" : "time", ln = (o) => o === "date" ? "day" : "hours", cn = (o) => {
+we("MuiDateTimePickerTabs", ["root"]);
+const Cn = (o) => ["day", "month", "year"].includes(o) ? "date" : "time", xn = (o) => o === "date" ? "day" : "hours", wn = (o) => {
   const {
     classes: t
   } = o;
-  return te({
+  return he({
     root: ["root"]
-  }, an, t);
-}, un = M(No, {
+  }, vn, t);
+}, Dn = M(Wo, {
   name: "MuiDateTimePickerTabs",
   slot: "Root",
   overridesResolver: (o, t) => t.root
@@ -1603,41 +1675,41 @@ const rn = (o) => ["day", "month", "year"].includes(o) ? "date" : "time", ln = (
       top: 0
     }
   }
-})), Io = function(t) {
-  const s = Z({
+})), Ho = function(t) {
+  const s = ne({
     props: t,
     name: "MuiDateTimePickerTabs"
   }), {
-    dateIcon: r = /* @__PURE__ */ y(Zo, {}),
-    onViewChange: a,
-    timeIcon: n = /* @__PURE__ */ y(Jo, {}),
+    dateIcon: a = /* @__PURE__ */ y(ct, {}),
+    onViewChange: r,
+    timeIcon: n = /* @__PURE__ */ y(ut, {}),
     view: l,
     hidden: i = typeof window > "u" || window.innerHeight < 667
-  } = s, c = Ne(), d = cn(s), v = (p, h) => {
-    a(ln(h));
+  } = s, c = Ne(), d = wn(s), v = (p, f) => {
+    r(xn(f));
   };
-  return i ? null : /* @__PURE__ */ A(un, {
+  return i ? null : /* @__PURE__ */ z(Dn, {
     ownerState: s,
     variant: "fullWidth",
-    value: rn(l),
+    value: Cn(l),
     onChange: v,
     className: d.root,
-    children: [/* @__PURE__ */ y(Ze, {
+    children: [/* @__PURE__ */ y(no, {
       value: "date",
       "aria-label": c.dateTableLabel,
-      icon: /* @__PURE__ */ y(f.Fragment, {
-        children: r
+      icon: /* @__PURE__ */ y(T.Fragment, {
+        children: a
       })
-    }), /* @__PURE__ */ y(Ze, {
+    }), /* @__PURE__ */ y(no, {
       value: "time",
       "aria-label": c.timeTableLabel,
-      icon: /* @__PURE__ */ y(f.Fragment, {
+      icon: /* @__PURE__ */ y(T.Fragment, {
         children: n
       })
     })]
   });
 };
-process.env.NODE_ENV !== "production" && (Io.propTypes = {
+process.env.NODE_ENV !== "production" && (Ho.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
@@ -1672,25 +1744,25 @@ process.env.NODE_ENV !== "production" && (Io.propTypes = {
    */
   view: e.oneOf(["day", "hours", "minutes", "month", "seconds", "year"]).isRequired
 });
-function dn(o) {
-  return se("MuiDateTimePickerToolbar", o);
+function Pn(o) {
+  return De("MuiDateTimePickerToolbar", o);
 }
-const Ke = ne("MuiDateTimePickerToolbar", ["root", "dateContainer", "timeContainer", "timeDigitsContainer", "separator", "timeLabelReverse", "ampmSelection", "ampmLandscape", "ampmLabel"]), mn = ["ampm", "ampmInClock", "value", "onChange", "view", "isLandscape", "onViewChange", "toolbarFormat", "toolbarPlaceholder", "views", "disabled", "readOnly"], pn = (o) => {
+const eo = we("MuiDateTimePickerToolbar", ["root", "dateContainer", "timeContainer", "timeDigitsContainer", "separator", "timeLabelReverse", "ampmSelection", "ampmLandscape", "ampmLabel"]), Sn = ["ampm", "ampmInClock", "value", "onChange", "view", "isLandscape", "onViewChange", "toolbarFormat", "toolbarPlaceholder", "views", "disabled", "readOnly"], kn = (o) => {
   const {
     classes: t,
     theme: s,
-    isLandscape: r
-  } = o, a = {
+    isLandscape: a
+  } = o, r = {
     root: ["root"],
     dateContainer: ["dateContainer"],
     timeContainer: ["timeContainer", s.direction === "rtl" && "timeLabelReverse"],
     timeDigitsContainer: ["timeDigitsContainer", s.direction === "rtl" && "timeLabelReverse"],
     separator: ["separator"],
-    ampmSelection: ["ampmSelection", r && "ampmLandscape"],
+    ampmSelection: ["ampmSelection", a && "ampmLandscape"],
     ampmLabel: ["ampmLabel"]
   };
-  return te(a, dn, t);
-}, Fo = M(et, {
+  return he(r, Pn, t);
+}, zo = M(dt, {
   name: "MuiDateTimePickerToolbar",
   slot: "Root",
   overridesResolver: (o, t) => t.root
@@ -1701,7 +1773,7 @@ const Ke = ne("MuiDateTimePickerToolbar", ["root", "dateContainer", "timeContain
   paddingRight: 16,
   justifyContent: "space-around",
   position: "relative",
-  [`& .${ot.penIconButton}`]: u({
+  [`& .${mt.penIconButton}`]: u({
     position: "absolute",
     top: 8
   }, o.direction === "rtl" ? {
@@ -1710,7 +1782,7 @@ const Ke = ne("MuiDateTimePickerToolbar", ["root", "dateContainer", "timeContain
     right: 8
   })
 }));
-Fo.propTypes = {
+zo.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
@@ -1727,7 +1799,7 @@ Fo.propTypes = {
   toolbarTitle: e.node,
   viewType: e.oneOf(["date", "time"])
 };
-const bn = M("div", {
+const Mn = M("div", {
   name: "MuiDateTimePickerToolbar",
   slot: "DateContainer",
   overridesResolver: (o, t) => t.dateContainer
@@ -1735,7 +1807,7 @@ const bn = M("div", {
   display: "flex",
   flexDirection: "column",
   alignItems: "flex-start"
-}), Bo = M("div", {
+}), Ao = M("div", {
   name: "MuiDateTimePickerToolbar",
   slot: "TimeContainer",
   overridesResolver: (o, t) => t.timeContainer
@@ -1750,7 +1822,7 @@ const bn = M("div", {
   }, o.direction === "rtl" && {
     flexDirection: `${s}-reverse`
   });
-}), fn = M("div", {
+}), Rn = M("div", {
   name: "MuiDateTimePickerToolbar",
   slot: "TimeDigitsContainer",
   overridesResolver: (o, t) => t.timeDigitsContainer
@@ -1761,7 +1833,7 @@ const bn = M("div", {
 }, o.direction === "rtl" && {
   flexDirection: "row-reverse"
 }));
-Bo.propTypes = {
+Ao.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
@@ -1770,20 +1842,20 @@ Bo.propTypes = {
   ownerState: e.object.isRequired,
   sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
 };
-const po = M(Mo, {
+const vo = M(_o, {
   name: "MuiDateTimePickerToolbar",
   slot: "Separator",
   overridesResolver: (o, t) => t.separator
 })({
   margin: "0 4px 0 2px",
   cursor: "default"
-}), hn = M("div", {
+}), On = M("div", {
   name: "MuiDateTimePickerToolbar",
   slot: "AmPmSelection",
   overridesResolver: (o, t) => [{
-    [`.${Ke.ampmLabel}`]: t.ampmLabel
+    [`.${eo.ampmLabel}`]: t.ampmLabel
   }, {
-    [`&.${Ke.ampmLandscape}`]: t.ampmLandscape
+    [`&.${eo.ampmLandscape}`]: t.ampmLandscape
   }, t.ampmSelection]
 })(({
   ownerState: o
@@ -1798,18 +1870,18 @@ const po = M(Mo, {
   justifyContent: "space-around",
   width: "100%"
 }, {
-  [`& .${Ke.ampmLabel}`]: {
+  [`& .${eo.ampmLabel}`]: {
     fontSize: 17
   }
 }));
-function Vo(o) {
-  const t = Z({
+function Uo(o) {
+  const t = ne({
     props: o,
     name: "MuiDateTimePickerToolbar"
   }), {
     ampm: s,
-    ampmInClock: r,
-    value: a,
+    ampmInClock: a,
+    value: r,
     onChange: n,
     view: l,
     isLandscape: i,
@@ -1817,96 +1889,96 @@ function Vo(o) {
     toolbarFormat: d,
     toolbarPlaceholder: v = "––",
     views: p,
-    disabled: h,
-    readOnly: T
-  } = t, D = G(t, mn), m = t, C = Ee(), {
-    meridiemMode: I,
-    handleMeridiemChange: S
-  } = go(a, s, n), F = !!(s && !r), N = Ne(), R = eo(), x = pn(u({}, m, {
-    theme: R
-  })), B = (V) => s ? C.format(V, "hours12h") : C.format(V, "hours24h"), E = f.useMemo(() => a ? d ? C.formatByString(a, d) : C.format(a, "shortDate") : v, [a, d, v, C]);
-  return /* @__PURE__ */ A(Fo, u({
-    toolbarTitle: N.dateTimePickerToolbarTitle,
+    disabled: f,
+    readOnly: g
+  } = t, x = X(t, Sn), m = t, C = je(), {
+    meridiemMode: N,
+    handleMeridiemChange: P
+  } = Po(r, s, n), F = !!(s && !a), B = Ne(), O = Oo(), w = kn(u({}, m, {
+    theme: O
+  })), j = (I) => s ? C.format(I, "hours12h") : C.format(I, "hours24h"), W = T.useMemo(() => r ? d ? C.formatByString(r, d) : C.format(r, "shortDate") : v, [r, d, v, C]);
+  return /* @__PURE__ */ z(zo, u({
+    toolbarTitle: B.dateTimePickerToolbarTitle,
     isLandscape: i,
-    className: x.root
-  }, D, {
+    className: w.root
+  }, x, {
     ownerState: m,
-    children: [/* @__PURE__ */ A(bn, {
-      className: x.dateContainer,
+    children: [/* @__PURE__ */ z(Mn, {
+      className: w.dateContainer,
       ownerState: m,
-      children: [p.includes("year") && /* @__PURE__ */ y(Ce, {
+      children: [p.includes("year") && /* @__PURE__ */ y(xe, {
         tabIndex: -1,
         variant: "subtitle1",
         onClick: () => c("year"),
         selected: l === "year",
-        value: a ? C.format(a, "year") : "–"
-      }), p.includes("day") && /* @__PURE__ */ y(Ce, {
+        value: r ? C.format(r, "year") : "–"
+      }), p.includes("day") && /* @__PURE__ */ y(xe, {
         tabIndex: -1,
         variant: "h4",
         onClick: () => c("day"),
         selected: l === "day",
-        value: E
+        value: W
       })]
-    }), /* @__PURE__ */ A(Bo, {
-      className: x.timeContainer,
+    }), /* @__PURE__ */ z(Ao, {
+      className: w.timeContainer,
       ownerState: m,
-      children: [/* @__PURE__ */ A(fn, {
-        className: x.timeDigitsContainer,
-        children: [p.includes("hours") && /* @__PURE__ */ y(Ce, {
+      children: [/* @__PURE__ */ z(Rn, {
+        className: w.timeDigitsContainer,
+        children: [p.includes("hours") && /* @__PURE__ */ y(xe, {
           variant: "h3",
           onClick: () => c("hours"),
           selected: l === "hours",
-          value: a ? B(a) : "--"
-        }), p.includes("minutes") && /* @__PURE__ */ A(f.Fragment, {
-          children: [/* @__PURE__ */ y(po, {
+          value: r ? j(r) : "--"
+        }), p.includes("minutes") && /* @__PURE__ */ z(T.Fragment, {
+          children: [/* @__PURE__ */ y(vo, {
             variant: "h3",
             value: ":",
-            className: x.separator,
+            className: w.separator,
             ownerState: m
-          }), /* @__PURE__ */ y(Ce, {
+          }), /* @__PURE__ */ y(xe, {
             variant: "h3",
             onClick: () => c("minutes"),
             selected: l === "minutes",
-            value: a ? C.format(a, "minutes") : "--"
+            value: r ? C.format(r, "minutes") : "--"
           })]
-        }), p.includes("seconds") && /* @__PURE__ */ A(f.Fragment, {
-          children: [/* @__PURE__ */ y(po, {
+        }), p.includes("seconds") && /* @__PURE__ */ z(T.Fragment, {
+          children: [/* @__PURE__ */ y(vo, {
             variant: "h3",
             value: ":",
-            className: x.separator,
+            className: w.separator,
             ownerState: m
-          }), /* @__PURE__ */ y(Ce, {
+          }), /* @__PURE__ */ y(xe, {
             variant: "h3",
             onClick: () => c("seconds"),
             selected: l === "seconds",
-            value: a ? C.format(a, "seconds") : "--"
+            value: r ? C.format(r, "seconds") : "--"
           })]
         })]
-      }), F && /* @__PURE__ */ A(hn, {
-        className: x.ampmSelection,
+      }), F && /* @__PURE__ */ z(On, {
+        className: w.ampmSelection,
         ownerState: m,
-        children: [/* @__PURE__ */ y(Ce, {
+        children: [/* @__PURE__ */ y(xe, {
           disableRipple: !0,
           variant: "subtitle2",
-          selected: I === "am",
-          typographyClassName: x.ampmLabel,
+          selected: N === "am",
+          typographyClassName: w.ampmLabel,
           value: C.getMeridiemText("am"),
-          onClick: T ? void 0 : () => S("am"),
-          disabled: h
-        }), /* @__PURE__ */ y(Ce, {
+          onClick: g ? void 0 : () => P("am"),
+          disabled: f
+        }), /* @__PURE__ */ y(xe, {
           disableRipple: !0,
           variant: "subtitle2",
-          selected: I === "pm",
-          typographyClassName: x.ampmLabel,
+          selected: N === "pm",
+          typographyClassName: w.ampmLabel,
           value: C.getMeridiemText("pm"),
-          onClick: T ? void 0 : () => S("pm"),
-          disabled: h
+          onClick: g ? void 0 : () => P("pm"),
+          disabled: f
         })]
       })]
     })]
   }));
 }
-process.env.NODE_ENV !== "production" && (Vo.propTypes = {
+process.env.NODE_ENV !== "production" && (Uo.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
@@ -1953,39 +2025,39 @@ process.env.NODE_ENV !== "production" && (Vo.propTypes = {
   view: e.oneOf(["day", "hours", "minutes", "month", "seconds", "year"]).isRequired,
   views: e.arrayOf(e.oneOf(["day", "hours", "minutes", "month", "seconds", "year"]).isRequired).isRequired
 });
-function $o(o, t) {
-  var s, r, a, n, l, i, c, d, v, p, h;
-  const T = Ee(), D = To(), m = Z({
+function qo(o, t) {
+  var s, a, r, n, l, i, c, d, v, p, f;
+  const g = je(), x = Do(), m = ne({
     props: o,
     name: t
-  }), C = (s = m.ampm) != null ? s : T.is12HourCycleInCurrentLocale(), I = f.useMemo(() => {
-    var N;
-    return ((N = m.localeText) == null ? void 0 : N.toolbarTitle) == null ? m.localeText : u({}, m.localeText, {
+  }), C = (s = m.ampm) != null ? s : g.is12HourCycleInCurrentLocale(), N = T.useMemo(() => {
+    var B;
+    return ((B = m.localeText) == null ? void 0 : B.toolbarTitle) == null ? m.localeText : u({}, m.localeText, {
       dateTimePickerToolbarTitle: m.localeText.toolbarTitle
     });
-  }, [m.localeText]), S = (r = m.slots) != null ? r : yo(m.components), F = (a = m.slotProps) != null ? a : m.componentsProps;
-  return u({}, m, tt({
+  }, [m.localeText]), P = (a = m.slots) != null ? a : So(m.components), F = (r = m.slotProps) != null ? r : m.componentsProps;
+  return u({}, m, pt({
     views: m.views,
     openTo: m.openTo,
     defaultViews: ["year", "day", "hours", "minutes"],
     defaultOpenTo: "day"
   }), {
     ampm: C,
-    localeText: I,
+    localeText: N,
     orientation: (n = m.orientation) != null ? n : "portrait",
     // TODO: Remove from public API
     disableIgnoringDatePartForTimeValidation: (l = m.disableIgnoringDatePartForTimeValidation) != null ? l : !!(m.minDateTime || m.maxDateTime || // allow time clock to correctly check time validity: https://github.com/mui/mui-x/issues/8520
     m.disablePast || m.disableFuture),
     disableFuture: (i = m.disableFuture) != null ? i : !1,
     disablePast: (c = m.disablePast) != null ? c : !1,
-    minDate: Ue(T, (d = m.minDateTime) != null ? d : m.minDate, D.minDate),
-    maxDate: Ue(T, (v = m.maxDateTime) != null ? v : m.maxDate, D.maxDate),
+    minDate: Ye(g, (d = m.minDateTime) != null ? d : m.minDate, x.minDate),
+    maxDate: Ye(g, (v = m.maxDateTime) != null ? v : m.maxDate, x.maxDate),
     minTime: (p = m.minDateTime) != null ? p : m.minTime,
-    maxTime: (h = m.maxDateTime) != null ? h : m.maxTime,
+    maxTime: (f = m.maxDateTime) != null ? f : m.maxTime,
     slots: u({
-      toolbar: Vo,
-      tabs: Io
-    }, S),
+      toolbar: Uo,
+      tabs: Ho
+    }, P),
     slotProps: u({}, F, {
       toolbar: u({
         ampm: C
@@ -1993,27 +2065,27 @@ function $o(o, t) {
     })
   });
 }
-const Eo = /* @__PURE__ */ f.forwardRef(function(t, s) {
-  var r, a, n, l;
-  const i = Ne(), c = $o(t, "MuiDesktopDateTimePicker"), d = u({
-    day: Me,
-    month: Me,
-    year: Me,
+const Yo = /* @__PURE__ */ T.forwardRef(function(t, s) {
+  var a, r, n, l;
+  const i = Ne(), c = qo(t, "MuiDesktopDateTimePicker"), d = u({
+    day: Re,
+    month: Re,
+    year: Re,
     hours: null,
     minutes: null,
     seconds: null
-  }, c.viewRenderers), v = (r = c.ampmInClock) != null ? r : !0, p = u({}, c, {
+  }, c.viewRenderers), v = (a = c.ampmInClock) != null ? a : !0, p = u({}, c, {
     viewRenderers: d,
-    yearsPerRow: (a = c.yearsPerRow) != null ? a : 4,
+    yearsPerRow: (r = c.yearsPerRow) != null ? r : 4,
     ampmInClock: v,
     slots: u({
-      field: to,
-      openPickerIcon: nt
+      field: uo,
+      openPickerIcon: bt
     }, c.slots),
     slotProps: u({}, c.slotProps, {
-      field: (T) => {
-        var D;
-        return u({}, vo((D = c.slotProps) == null ? void 0 : D.field, T), Co(c), {
+      field: (g) => {
+        var x;
+        return u({}, Io((x = c.slotProps) == null ? void 0 : x.field, g), ko(c), {
           ref: s,
           ampm: c.ampm
         });
@@ -2027,17 +2099,17 @@ const Eo = /* @__PURE__ */ f.forwardRef(function(t, s) {
       }, (l = c.slotProps) == null ? void 0 : l.tabs)
     })
   }), {
-    renderPicker: h
-  } = st({
+    renderPicker: f
+  } = ft({
     props: p,
-    valueManager: Je,
+    valueManager: so,
     valueType: "date-time",
     getOpenDialogAriaText: i.openDatePickerDialogue,
-    validator: oo
+    validator: co
   });
-  return h();
+  return f();
 });
-Eo.propTypes = {
+Yo.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
@@ -2397,52 +2469,52 @@ Eo.propTypes = {
    */
   yearsPerRow: e.oneOf([3, 4])
 };
-function Tn(o) {
-  return se("MuiTimeClock", o);
+function In(o) {
+  return De("MuiTimeClock", o);
 }
-ne("MuiTimeClock", ["root", "arrowSwitcher"]);
-const Re = 220, he = 36, $e = {
-  x: Re / 2,
-  y: Re / 2
-}, _o = {
-  x: $e.x,
+we("MuiTimeClock", ["root", "arrowSwitcher"]);
+const Oe = 220, be = 36, Le = {
+  x: Oe / 2,
+  y: Oe / 2
+}, Ko = {
+  x: Le.x,
   y: 0
-}, gn = _o.x - $e.x, yn = _o.y - $e.y, vn = (o) => o * (180 / Math.PI), Lo = (o, t, s) => {
-  const r = t - $e.x, a = s - $e.y, n = Math.atan2(gn, yn) - Math.atan2(r, a);
-  let l = vn(n);
+}, Nn = Ko.x - Le.x, Bn = Ko.y - Le.y, Fn = (o) => o * (180 / Math.PI), Xo = (o, t, s) => {
+  const a = t - Le.x, r = s - Le.y, n = Math.atan2(Nn, Bn) - Math.atan2(a, r);
+  let l = Fn(n);
   l = Math.round(l / o) * o, l %= 360;
-  const i = Math.floor(l / o) || 0, c = r ** 2 + a ** 2, d = Math.sqrt(c);
+  const i = Math.floor(l / o) || 0, c = a ** 2 + r ** 2, d = Math.sqrt(c);
   return {
     value: i,
     distance: d
   };
-}, Cn = (o, t, s = 1) => {
-  const r = s * 6;
+}, En = (o, t, s = 1) => {
+  const a = s * 6;
   let {
-    value: a
-  } = Lo(r, o, t);
-  return a = a * s % 60, a;
-}, xn = (o, t, s) => {
+    value: r
+  } = Xo(a, o, t);
+  return r = r * s % 60, r;
+}, $n = (o, t, s) => {
   const {
-    value: r,
-    distance: a
-  } = Lo(30, o, t);
-  let n = r || 12;
-  return s ? n %= 12 : a < Re / 2 - he && (n += 12, n %= 24), n;
+    value: a,
+    distance: r
+  } = Xo(30, o, t);
+  let n = a || 12;
+  return s ? n %= 12 : r < Oe / 2 - be && (n += 12, n %= 24), n;
 };
-function wn(o) {
-  return se("MuiClockPointer", o);
+function Vn(o) {
+  return De("MuiClockPointer", o);
 }
-ne("MuiClockPointer", ["root", "thumb"]);
-const Dn = ["className", "hasSelected", "isInner", "type", "viewValue"], Pn = (o) => {
+we("MuiClockPointer", ["root", "thumb"]);
+const _n = ["className", "hasSelected", "isInner", "type", "viewValue"], Ln = (o) => {
   const {
     classes: t
   } = o;
-  return te({
+  return he({
     root: ["root"],
     thumb: ["thumb"]
-  }, wn, t);
-}, kn = M("div", {
+  }, Vn, t);
+}, jn = M("div", {
   name: "MuiClockPointer",
   slot: "Root",
   overridesResolver: (o, t) => t.root
@@ -2458,7 +2530,7 @@ const Dn = ["className", "hasSelected", "isInner", "type", "viewValue"], Pn = (o
   transformOrigin: "center bottom 0px"
 }, t.shouldAnimate && {
   transition: o.transitions.create(["transform", "height"])
-})), Sn = M("div", {
+})), Wn = M("div", {
   name: "MuiClockPointer",
   slot: "Thumb",
   overridesResolver: (o, t) => t.thumb
@@ -2472,54 +2544,54 @@ const Dn = ["className", "hasSelected", "isInner", "type", "viewValue"], Pn = (o
   borderRadius: "50%",
   position: "absolute",
   top: -21,
-  left: `calc(50% - ${he / 2}px)`,
-  border: `${(he - 4) / 2}px solid ${(o.vars || o).palette.primary.main}`,
+  left: `calc(50% - ${be / 2}px)`,
+  border: `${(be - 4) / 2}px solid ${(o.vars || o).palette.primary.main}`,
   boxSizing: "content-box"
 }, t.hasSelected && {
   backgroundColor: (o.vars || o).palette.primary.main
 }));
-function Mn(o) {
-  const t = Z({
+function Hn(o) {
+  const t = ne({
     props: o,
     name: "MuiClockPointer"
   }), {
     className: s,
-    isInner: r,
-    type: a,
+    isInner: a,
+    type: r,
     viewValue: n
-  } = t, l = G(t, Dn), i = f.useRef(a);
-  f.useEffect(() => {
-    i.current = a;
-  }, [a]);
+  } = t, l = X(t, _n), i = T.useRef(r);
+  T.useEffect(() => {
+    i.current = r;
+  }, [r]);
   const c = u({}, t, {
-    shouldAnimate: i.current !== a
-  }), d = Pn(c);
-  return /* @__PURE__ */ y(kn, u({
+    shouldAnimate: i.current !== r
+  }), d = Ln(c);
+  return /* @__PURE__ */ y(jn, u({
     style: (() => {
-      let h = 360 / (a === "hours" ? 12 : 60) * n;
-      return a === "hours" && n > 12 && (h -= 360), {
-        height: Math.round((r ? 0.26 : 0.4) * Re),
-        transform: `rotateZ(${h}deg)`
+      let f = 360 / (r === "hours" ? 12 : 60) * n;
+      return r === "hours" && n > 12 && (f -= 360), {
+        height: Math.round((a ? 0.26 : 0.4) * Oe),
+        transform: `rotateZ(${f}deg)`
       };
     })(),
-    className: Oe(s, d.root),
+    className: Ie(s, d.root),
     ownerState: c
   }, l, {
-    children: /* @__PURE__ */ y(Sn, {
+    children: /* @__PURE__ */ y(Wn, {
       ownerState: c,
       className: d.thumb
     })
   }));
 }
-function Rn(o) {
-  return se("MuiClock", o);
+function zn(o) {
+  return De("MuiClock", o);
 }
-ne("MuiClock", ["root", "clock", "wrapper", "squareMask", "pin", "amButton", "pmButton"]);
-const On = (o) => {
+we("MuiClock", ["root", "clock", "wrapper", "squareMask", "pin", "amButton", "pmButton"]);
+const An = (o) => {
   const {
     classes: t
   } = o;
-  return te({
+  return he({
     root: ["root"],
     clock: ["clock"],
     wrapper: ["wrapper"],
@@ -2527,8 +2599,8 @@ const On = (o) => {
     pin: ["pin"],
     amButton: ["amButton"],
     pmButton: ["pmButton"]
-  }, Rn, t);
-}, Nn = M("div", {
+  }, zn, t);
+}, Un = M("div", {
   name: "MuiClock",
   slot: "Root",
   overridesResolver: (o, t) => t.root
@@ -2539,7 +2611,7 @@ const On = (o) => {
   justifyContent: "center",
   alignItems: "center",
   margin: o.spacing(2)
-})), In = M("div", {
+})), qn = M("div", {
   name: "MuiClock",
   slot: "Clock",
   overridesResolver: (o, t) => t.clock
@@ -2551,7 +2623,7 @@ const On = (o) => {
   flexShrink: 0,
   position: "relative",
   pointerEvents: "none"
-}), Fn = M("div", {
+}), Yn = M("div", {
   name: "MuiClock",
   slot: "Wrapper",
   overridesResolver: (o, t) => t.wrapper
@@ -2559,7 +2631,7 @@ const On = (o) => {
   "&:focus": {
     outline: "none"
   }
-}), Bn = M("div", {
+}), Kn = M("div", {
   name: "MuiClock",
   slot: "SquareMask",
   overridesResolver: (o, t) => t.squareMask
@@ -2582,7 +2654,7 @@ const On = (o) => {
   "&:active": {
     cursor: "move"
   }
-})), Vn = M("div", {
+})), Xn = M("div", {
   name: "MuiClock",
   slot: "Pin",
   overridesResolver: (o, t) => t.pin
@@ -2597,7 +2669,7 @@ const On = (o) => {
   top: "50%",
   left: "50%",
   transform: "translate(-50%, -50%)"
-})), $n = M(ko, {
+})), Gn = M($o, {
   name: "MuiClock",
   slot: "AmButton",
   overridesResolver: (o, t) => t.amButton
@@ -2615,7 +2687,7 @@ const On = (o) => {
   "&:hover": {
     backgroundColor: (o.vars || o).palette.primary.light
   }
-})), En = M(ko, {
+})), Qn = M($o, {
   name: "MuiClock",
   slot: "PmButton",
   overridesResolver: (o, t) => t.pmButton
@@ -2634,14 +2706,14 @@ const On = (o) => {
     backgroundColor: (o.vars || o).palette.primary.light
   }
 }));
-function _n(o) {
-  const t = Z({
+function Zn(o) {
+  const t = ne({
     props: o,
     name: "MuiClock"
   }), {
     ampm: s,
-    ampmInClock: r,
-    autoFocus: a,
+    ampmInClock: a,
+    autoFocus: r,
     children: n,
     value: l,
     handleMeridiemChange: i,
@@ -2649,102 +2721,102 @@ function _n(o) {
     meridiemMode: d,
     minutesStep: v = 1,
     onChange: p,
-    selectedId: h,
-    type: T,
-    viewValue: D,
+    selectedId: f,
+    type: g,
+    viewValue: x,
     disabled: m,
     readOnly: C,
-    className: I
-  } = t, S = t, F = Ee(), N = Ne(), R = f.useRef(!1), x = On(S), B = c(D, T), E = !s && T === "hours" && (D < 1 || D > 12), V = (P, de) => {
-    m || C || c(P, T) || p(P, de);
-  }, W = (P, de) => {
+    className: N
+  } = t, P = t, F = je(), B = Ne(), O = T.useRef(!1), w = An(P), j = c(x, g), W = !s && g === "hours" && (x < 1 || x > 12), I = (k, Z) => {
+    m || C || c(k, g) || p(k, Z);
+  }, $ = (k, Z) => {
     let {
-      offsetX: me,
-      offsetY: q
-    } = P;
-    if (me === void 0) {
-      const ee = P.target.getBoundingClientRect();
-      me = P.changedTouches[0].clientX - ee.left, q = P.changedTouches[0].clientY - ee.top;
+      offsetX: Y,
+      offsetY: oe
+    } = k;
+    if (Y === void 0) {
+      const ge = k.target.getBoundingClientRect();
+      Y = k.changedTouches[0].clientX - ge.left, oe = k.changedTouches[0].clientY - ge.top;
     }
-    const we = T === "seconds" || T === "minutes" ? Cn(me, q, v) : xn(me, q, !!s);
-    V(we, de);
-  }, _ = (P) => {
-    R.current = !0, W(P, "shallow");
-  }, L = (P) => {
-    R.current && (W(P, "finish"), R.current = !1);
-  }, ae = (P) => {
-    P.buttons > 0 && W(P.nativeEvent, "shallow");
-  }, re = (P) => {
-    R.current && (R.current = !1), W(P.nativeEvent, "finish");
-  }, ce = f.useMemo(() => T === "hours" ? !0 : D % 5 === 0, [T, D]), ue = T === "minutes" ? v : 1, Q = f.useRef(null);
-  Tt(() => {
-    a && Q.current.focus();
-  }, [a]);
-  const le = (P) => {
-    if (!R.current)
-      switch (P.key) {
+    const Be = g === "seconds" || g === "minutes" ? En(Y, oe, v) : $n(Y, oe, !!s);
+    I(Be, Z);
+  }, G = (k) => {
+    O.current = !0, $(k, "shallow");
+  }, ae = (k) => {
+    O.current && ($(k, "finish"), O.current = !1);
+  }, q = (k) => {
+    k.buttons > 0 && $(k.nativeEvent, "shallow");
+  }, U = (k) => {
+    O.current && (O.current = !1), $(k.nativeEvent, "finish");
+  }, le = T.useMemo(() => g === "hours" ? !0 : x % 5 === 0, [g, x]), ie = g === "minutes" ? v : 1, Q = T.useRef(null);
+  ht(() => {
+    r && Q.current.focus();
+  }, [r]);
+  const Te = (k) => {
+    if (!O.current)
+      switch (k.key) {
         case "Home":
-          V(0, "partial"), P.preventDefault();
+          I(0, "partial"), k.preventDefault();
           break;
         case "End":
-          V(T === "minutes" ? 59 : 23, "partial"), P.preventDefault();
+          I(g === "minutes" ? 59 : 23, "partial"), k.preventDefault();
           break;
         case "ArrowUp":
-          V(D + ue, "partial"), P.preventDefault();
+          I(x + ie, "partial"), k.preventDefault();
           break;
         case "ArrowDown":
-          V(D - ue, "partial"), P.preventDefault();
+          I(x - ie, "partial"), k.preventDefault();
           break;
       }
   };
-  return /* @__PURE__ */ A(Nn, {
-    className: Oe(I, x.root),
-    children: [/* @__PURE__ */ A(In, {
-      className: x.clock,
-      children: [/* @__PURE__ */ y(Bn, {
-        onTouchMove: _,
-        onTouchEnd: L,
-        onMouseUp: re,
-        onMouseMove: ae,
+  return /* @__PURE__ */ z(Un, {
+    className: Ie(N, w.root),
+    children: [/* @__PURE__ */ z(qn, {
+      className: w.clock,
+      children: [/* @__PURE__ */ y(Kn, {
+        onTouchMove: G,
+        onTouchEnd: ae,
+        onMouseUp: U,
+        onMouseMove: q,
         ownerState: {
           disabled: m
         },
-        className: x.squareMask
-      }), !B && /* @__PURE__ */ A(f.Fragment, {
-        children: [/* @__PURE__ */ y(Vn, {
-          className: x.pin
-        }), l != null && /* @__PURE__ */ y(Mn, {
-          type: T,
-          viewValue: D,
-          isInner: E,
-          hasSelected: ce
+        className: w.squareMask
+      }), !j && /* @__PURE__ */ z(T.Fragment, {
+        children: [/* @__PURE__ */ y(Xn, {
+          className: w.pin
+        }), l != null && /* @__PURE__ */ y(Hn, {
+          type: g,
+          viewValue: x,
+          isInner: W,
+          hasSelected: le
         })]
-      }), /* @__PURE__ */ y(Fn, {
-        "aria-activedescendant": h,
-        "aria-label": N.clockLabelText(T, l, F),
+      }), /* @__PURE__ */ y(Yn, {
+        "aria-activedescendant": f,
+        "aria-label": B.clockLabelText(g, l, F),
         ref: Q,
         role: "listbox",
-        onKeyDown: le,
+        onKeyDown: Te,
         tabIndex: 0,
-        className: x.wrapper,
+        className: w.wrapper,
         children: n
       })]
-    }), s && r && /* @__PURE__ */ A(f.Fragment, {
-      children: [/* @__PURE__ */ y($n, {
+    }), s && a && /* @__PURE__ */ z(T.Fragment, {
+      children: [/* @__PURE__ */ y(Gn, {
         onClick: C ? void 0 : () => i("am"),
         disabled: m || d === null,
-        ownerState: S,
-        className: x.amButton,
-        children: /* @__PURE__ */ y(Qe, {
+        ownerState: P,
+        className: w.amButton,
+        children: /* @__PURE__ */ y(to, {
           variant: "caption",
           children: "AM"
         })
-      }), /* @__PURE__ */ y(En, {
+      }), /* @__PURE__ */ y(Qn, {
         disabled: m || d === null,
         onClick: C ? void 0 : () => i("pm"),
-        ownerState: S,
-        className: x.pmButton,
-        children: /* @__PURE__ */ y(Qe, {
+        ownerState: P,
+        className: w.pmButton,
+        children: /* @__PURE__ */ y(to, {
           variant: "caption",
           children: "PM"
         })
@@ -2752,34 +2824,34 @@ function _n(o) {
     })]
   });
 }
-function Ln(o) {
-  return se("MuiClockNumber", o);
+function Jn(o) {
+  return De("MuiClockNumber", o);
 }
-const Ae = ne("MuiClockNumber", ["root", "selected", "disabled"]), jn = ["className", "disabled", "index", "inner", "label", "selected"], Hn = (o) => {
+const Ue = we("MuiClockNumber", ["root", "selected", "disabled"]), es = ["className", "disabled", "index", "inner", "label", "selected"], os = (o) => {
   const {
     classes: t,
     selected: s,
-    disabled: r
+    disabled: a
   } = o;
-  return te({
-    root: ["root", s && "selected", r && "disabled"]
-  }, Ln, t);
-}, Wn = M("span", {
+  return he({
+    root: ["root", s && "selected", a && "disabled"]
+  }, Jn, t);
+}, ts = M("span", {
   name: "MuiClockNumber",
   slot: "Root",
   overridesResolver: (o, t) => [t.root, {
-    [`&.${Ae.disabled}`]: t.disabled
+    [`&.${Ue.disabled}`]: t.disabled
   }, {
-    [`&.${Ae.selected}`]: t.selected
+    [`&.${Ue.selected}`]: t.selected
   }]
 })(({
   theme: o,
   ownerState: t
 }) => u({
-  height: he,
-  width: he,
+  height: be,
+  width: be,
   position: "absolute",
-  left: `calc((100% - ${he}px) / 2)`,
+  left: `calc((100% - ${be}px) / 2)`,
   display: "inline-flex",
   justifyContent: "center",
   alignItems: "center",
@@ -2789,96 +2861,96 @@ const Ae = ne("MuiClockNumber", ["root", "selected", "disabled"]), jn = ["classN
   "&:focused": {
     backgroundColor: (o.vars || o).palette.background.paper
   },
-  [`&.${Ae.selected}`]: {
+  [`&.${Ue.selected}`]: {
     color: (o.vars || o).palette.primary.contrastText
   },
-  [`&.${Ae.disabled}`]: {
+  [`&.${Ue.disabled}`]: {
     pointerEvents: "none",
     color: (o.vars || o).palette.text.disabled
   }
 }, t.inner && u({}, o.typography.body2, {
   color: (o.vars || o).palette.text.secondary
 })));
-function jo(o) {
-  const t = Z({
+function Go(o) {
+  const t = ne({
     props: o,
     name: "MuiClockNumber"
   }), {
     className: s,
-    disabled: r,
-    index: a,
+    disabled: a,
+    index: r,
     inner: n,
     label: l,
     selected: i
-  } = t, c = G(t, jn), d = t, v = Hn(d), p = a % 12 / 12 * Math.PI * 2 - Math.PI / 2, h = (Re - he - 2) / 2 * (n ? 0.65 : 1), T = Math.round(Math.cos(p) * h), D = Math.round(Math.sin(p) * h);
-  return /* @__PURE__ */ y(Wn, u({
-    className: Oe(s, v.root),
-    "aria-disabled": r ? !0 : void 0,
+  } = t, c = X(t, es), d = t, v = os(d), p = r % 12 / 12 * Math.PI * 2 - Math.PI / 2, f = (Oe - be - 2) / 2 * (n ? 0.65 : 1), g = Math.round(Math.cos(p) * f), x = Math.round(Math.sin(p) * f);
+  return /* @__PURE__ */ y(ts, u({
+    className: Ie(s, v.root),
+    "aria-disabled": a ? !0 : void 0,
     "aria-selected": i ? !0 : void 0,
     role: "option",
     style: {
-      transform: `translate(${T}px, ${D + (Re - he) / 2}px`
+      transform: `translate(${g}px, ${x + (Oe - be) / 2}px`
     },
     ownerState: d
   }, c, {
     children: l
   }));
 }
-const An = ({
+const ns = ({
   ampm: o,
   value: t,
   getClockNumberText: s,
-  isDisabled: r,
-  selectedId: a,
+  isDisabled: a,
+  selectedId: r,
   utils: n
 }) => {
   const l = t ? n.getHours(t) : null, i = [], c = o ? 1 : 0, d = o ? 12 : 23, v = (p) => l === null ? !1 : o ? p === 12 ? l === 12 || l === 0 : l === p || l - 12 === p : l === p;
   for (let p = c; p <= d; p += 1) {
-    let h = p.toString();
-    p === 0 && (h = "00");
-    const T = !o && (p === 0 || p > 12);
-    h = n.formatNumber(h);
-    const D = v(p);
-    i.push(/* @__PURE__ */ y(jo, {
-      id: D ? a : void 0,
+    let f = p.toString();
+    p === 0 && (f = "00");
+    const g = !o && (p === 0 || p > 12);
+    f = n.formatNumber(f);
+    const x = v(p);
+    i.push(/* @__PURE__ */ y(Go, {
+      id: x ? r : void 0,
       index: p,
-      inner: T,
-      selected: D,
-      disabled: r(p),
-      label: h,
-      "aria-label": s(h)
+      inner: g,
+      selected: x,
+      disabled: a(p),
+      label: f,
+      "aria-label": s(f)
     }, p));
   }
   return i;
-}, bo = ({
+}, Co = ({
   utils: o,
   value: t,
   isDisabled: s,
-  getClockNumberText: r,
-  selectedId: a
+  getClockNumberText: a,
+  selectedId: r
 }) => {
   const n = o.formatNumber;
   return [[5, n("05")], [10, n("10")], [15, n("15")], [20, n("20")], [25, n("25")], [30, n("30")], [35, n("35")], [40, n("40")], [45, n("45")], [50, n("50")], [55, n("55")], [0, n("00")]].map(([l, i], c) => {
     const d = l === t;
-    return /* @__PURE__ */ y(jo, {
+    return /* @__PURE__ */ y(Go, {
       label: i,
-      id: d ? a : void 0,
+      id: d ? r : void 0,
       index: c + 1,
       inner: !1,
       disabled: s(l),
       selected: d,
-      "aria-label": r(i)
+      "aria-label": a(i)
     }, l);
   });
-}, zn = ["ampm", "ampmInClock", "autoFocus", "components", "componentsProps", "slots", "slotProps", "value", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableClock", "shouldDisableTime", "showViewSwitcher", "onChange", "defaultValue", "view", "views", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly"], qn = (o) => {
+}, ss = ["ampm", "ampmInClock", "autoFocus", "components", "componentsProps", "slots", "slotProps", "value", "disableIgnoringDatePartForTimeValidation", "maxTime", "minTime", "disableFuture", "disablePast", "minutesStep", "shouldDisableClock", "shouldDisableTime", "showViewSwitcher", "onChange", "defaultValue", "view", "views", "openTo", "onViewChange", "focusedView", "onFocusedViewChange", "className", "disabled", "readOnly"], rs = (o) => {
   const {
     classes: t
   } = o;
-  return te({
+  return he({
     root: ["root"],
     arrowSwitcher: ["arrowSwitcher"]
-  }, Tn, t);
-}, Un = M(at, {
+  }, In, t);
+}, as = M(Tt, {
   name: "MuiTimeClock",
   slot: "Root",
   overridesResolver: (o, t) => t.root
@@ -2886,7 +2958,7 @@ const An = ({
   display: "flex",
   flexDirection: "column",
   position: "relative"
-}), Yn = M(rt, {
+}), ls = M(gt, {
   name: "MuiTimeClock",
   slot: "ArrowSwitcher",
   overridesResolver: (o, t) => t.arrowSwitcher
@@ -2894,8 +2966,8 @@ const An = ({
   position: "absolute",
   right: 12,
   top: 15
-}), Ho = /* @__PURE__ */ f.forwardRef(function(t, s) {
-  const r = Ne(), a = lt(), n = Ee(), l = Z({
+}), Qo = /* @__PURE__ */ T.forwardRef(function(t, s) {
+  const a = Ne(), r = yt(), n = je(), l = ne({
     props: t,
     name: "MuiTimeClock"
   }), {
@@ -2904,190 +2976,190 @@ const An = ({
     autoFocus: d,
     components: v,
     componentsProps: p,
-    slots: h,
-    slotProps: T,
-    value: D,
+    slots: f,
+    slotProps: g,
+    value: x,
     disableIgnoringDatePartForTimeValidation: m = !1,
     maxTime: C,
-    minTime: I,
-    disableFuture: S,
+    minTime: N,
+    disableFuture: P,
     disablePast: F,
-    minutesStep: N = 1,
-    shouldDisableClock: R,
-    shouldDisableTime: x,
-    showViewSwitcher: B,
-    onChange: E,
-    defaultValue: V,
-    view: W,
-    views: _ = ["hours", "minutes"],
-    openTo: L,
-    onViewChange: ae,
-    focusedView: re,
-    onFocusedViewChange: ce,
-    className: ue,
+    minutesStep: B = 1,
+    shouldDisableClock: O,
+    shouldDisableTime: w,
+    showViewSwitcher: j,
+    onChange: W,
+    defaultValue: I,
+    view: $,
+    views: G = ["hours", "minutes"],
+    openTo: ae,
+    onViewChange: q,
+    focusedView: U,
+    onFocusedViewChange: le,
+    className: ie,
     disabled: Q,
-    readOnly: le
-  } = l, P = G(l, zn), de = h ?? yo(v), me = T ?? p, [q, we] = Ct({
+    readOnly: Te
+  } = l, k = X(l, ss), Z = f ?? So(v), Y = g ?? p, [oe, Be] = vt({
     name: "DateCalendar",
     state: "value",
-    controlled: D,
-    default: V ?? null
-  }), ee = ze((j, H) => {
-    we(j), E == null || E(j, H);
+    controlled: x,
+    default: I ?? null
+  }), ge = Ct((R, V) => {
+    Be(R), W == null || W(R, V);
   }), {
-    view: Ie,
-    setView: Fe,
-    previousView: _e,
-    nextView: ge,
-    setValueAndGoToNextView: K
-  } = it({
-    view: W,
-    views: _,
-    openTo: L,
-    onViewChange: ae,
-    onChange: ee,
-    focusedView: re,
-    onFocusedViewChange: ce
-  }), $ = f.useMemo(() => q || n.setSeconds(n.setMinutes(n.setHours(a, 0), 0), 0), [q, a, n]), {
-    meridiemMode: pe,
-    handleMeridiemChange: ye
-  } = go($, i, K), ie = f.useCallback((j, H) => {
-    const U = ho(m, n), X = H === "hours" || H === "minutes" && _.includes("seconds"), ve = ({
-      start: O,
-      end: J
-    }) => !(I && U(I, J) || C && U(O, C) || S && U(O, a) || F && U(a, X ? J : O)), De = (O, J = 1) => {
-      if (O % J !== 0 || R != null && R(O, H))
+    view: Fe,
+    setView: se,
+    previousView: Ee,
+    nextView: $e,
+    setValueAndGoToNextView: ye
+  } = xt({
+    view: $,
+    views: G,
+    openTo: ae,
+    onViewChange: q,
+    onChange: ge,
+    focusedView: U,
+    onFocusedViewChange: le
+  }), H = T.useMemo(() => oe || n.setSeconds(n.setMinutes(n.setHours(r, 0), 0), 0), [oe, r, n]), {
+    meridiemMode: ve,
+    handleMeridiemChange: We
+  } = Po(H, i, ye), Ce = T.useCallback((R, V) => {
+    const _ = wo(m, n), te = V === "hours" || V === "minutes" && G.includes("seconds"), Pe = ({
+      start: L,
+      end: ee
+    }) => !(N && _(N, ee) || C && _(L, C) || P && _(L, r) || F && _(r, te ? ee : L)), Se = (L, ee = 1) => {
+      if (L % ee !== 0 || O != null && O(L, V))
         return !1;
-      if (x)
-        switch (H) {
+      if (w)
+        switch (V) {
           case "hours":
-            return !x(n.setHours($, O), "hours");
+            return !w(n.setHours(H, L), "hours");
           case "minutes":
-            return !x(n.setMinutes($, O), "minutes");
+            return !w(n.setMinutes(H, L), "minutes");
           case "seconds":
-            return !x(n.setSeconds($, O), "seconds");
+            return !w(n.setSeconds(H, L), "seconds");
           default:
             return !1;
         }
       return !0;
     };
-    switch (H) {
+    switch (V) {
       case "hours": {
-        const O = no(j, pe, i), J = n.setHours($, O), Pe = n.setSeconds(n.setMinutes(J, 0), 0), Ve = n.setSeconds(n.setMinutes(J, 59), 59);
-        return !ve({
-          start: Pe,
-          end: Ve
-        }) || !De(O);
+        const L = bo(R, ve, i), ee = n.setHours(H, L), ke = n.setSeconds(n.setMinutes(ee, 0), 0), Ge = n.setSeconds(n.setMinutes(ee, 59), 59);
+        return !Pe({
+          start: ke,
+          end: Ge
+        }) || !Se(L);
       }
       case "minutes": {
-        const O = n.setMinutes($, j), J = n.setSeconds(O, 0), Pe = n.setSeconds(O, 59);
-        return !ve({
-          start: J,
-          end: Pe
-        }) || !De(j, N);
+        const L = n.setMinutes(H, R), ee = n.setSeconds(L, 0), ke = n.setSeconds(L, 59);
+        return !Pe({
+          start: ee,
+          end: ke
+        }) || !Se(R, B);
       }
       case "seconds": {
-        const O = n.setSeconds($, j);
-        return !ve({
-          start: O,
-          end: O
-        }) || !De(j);
+        const L = n.setSeconds(H, R);
+        return !Pe({
+          start: L,
+          end: L
+        }) || !Se(R);
       }
       default:
         throw new Error("not supported");
     }
-  }, [i, $, m, C, pe, I, N, R, x, n, S, F, a, _]), be = ft(), Le = f.useMemo(() => {
-    switch (Ie) {
+  }, [i, H, m, C, ve, N, B, O, w, n, P, F, r, G]), ce = wt(), Xe = T.useMemo(() => {
+    switch (Fe) {
       case "hours": {
-        const j = (H, U) => {
-          const X = no(H, pe, i);
-          K(n.setHours($, X), U);
+        const R = (V, _) => {
+          const te = bo(V, ve, i);
+          ye(n.setHours(H, te), _);
         };
         return {
-          onChange: j,
-          viewValue: n.getHours($),
-          children: An({
-            value: q,
+          onChange: R,
+          viewValue: n.getHours(H),
+          children: ns({
+            value: oe,
             utils: n,
             ampm: i,
-            onChange: j,
-            getClockNumberText: r.hoursClockNumberText,
-            isDisabled: (H) => Q || ie(H, "hours"),
-            selectedId: be
+            onChange: R,
+            getClockNumberText: a.hoursClockNumberText,
+            isDisabled: (V) => Q || Ce(V, "hours"),
+            selectedId: ce
           })
         };
       }
       case "minutes": {
-        const j = n.getMinutes($), H = (U, X) => {
-          K(n.setMinutes($, U), X);
+        const R = n.getMinutes(H), V = (_, te) => {
+          ye(n.setMinutes(H, _), te);
         };
         return {
-          viewValue: j,
-          onChange: H,
-          children: bo({
+          viewValue: R,
+          onChange: V,
+          children: Co({
             utils: n,
-            value: j,
-            onChange: H,
-            getClockNumberText: r.minutesClockNumberText,
-            isDisabled: (U) => Q || ie(U, "minutes"),
-            selectedId: be
+            value: R,
+            onChange: V,
+            getClockNumberText: a.minutesClockNumberText,
+            isDisabled: (_) => Q || Ce(_, "minutes"),
+            selectedId: ce
           })
         };
       }
       case "seconds": {
-        const j = n.getSeconds($), H = (U, X) => {
-          K(n.setSeconds($, U), X);
+        const R = n.getSeconds(H), V = (_, te) => {
+          ye(n.setSeconds(H, _), te);
         };
         return {
-          viewValue: j,
-          onChange: H,
-          children: bo({
+          viewValue: R,
+          onChange: V,
+          children: Co({
             utils: n,
-            value: j,
-            onChange: H,
-            getClockNumberText: r.secondsClockNumberText,
-            isDisabled: (U) => Q || ie(U, "seconds"),
-            selectedId: be
+            value: R,
+            onChange: V,
+            getClockNumberText: a.secondsClockNumberText,
+            isDisabled: (_) => Q || Ce(_, "seconds"),
+            selectedId: ce
           })
         };
       }
       default:
         throw new Error("You must provide the type for ClockView");
     }
-  }, [Ie, n, q, i, r.hoursClockNumberText, r.minutesClockNumberText, r.secondsClockNumberText, pe, K, $, ie, be, Q]), Be = l, je = qn(Be);
-  return /* @__PURE__ */ A(Un, u({
+  }, [Fe, n, oe, i, a.hoursClockNumberText, a.minutesClockNumberText, a.secondsClockNumberText, ve, ye, H, Ce, ce, Q]), ue = l, J = rs(ue);
+  return /* @__PURE__ */ z(as, u({
     ref: s,
-    className: Oe(je.root, ue),
-    ownerState: Be
-  }, P, {
-    children: [/* @__PURE__ */ y(_n, u({
-      autoFocus: d ?? !!re,
-      ampmInClock: c && _.includes("hours"),
-      value: q,
-      type: Ie,
+    className: Ie(J.root, ie),
+    ownerState: ue
+  }, k, {
+    children: [/* @__PURE__ */ y(Zn, u({
+      autoFocus: d ?? !!U,
+      ampmInClock: c && G.includes("hours"),
+      value: oe,
+      type: Fe,
       ampm: i,
-      minutesStep: N,
-      isTimeDisabled: ie,
-      meridiemMode: pe,
-      handleMeridiemChange: ye,
-      selectedId: be,
+      minutesStep: B,
+      isTimeDisabled: Ce,
+      meridiemMode: ve,
+      handleMeridiemChange: We,
+      selectedId: ce,
       disabled: Q,
-      readOnly: le
-    }, Le)), B && /* @__PURE__ */ y(Yn, {
-      className: je.arrowSwitcher,
-      slots: de,
-      slotProps: me,
-      onGoToPrevious: () => Fe(_e),
-      isPreviousDisabled: !_e,
-      previousLabel: r.openPreviousView,
-      onGoToNext: () => Fe(ge),
-      isNextDisabled: !ge,
-      nextLabel: r.openNextView,
-      ownerState: Be
+      readOnly: Te
+    }, Xe)), j && /* @__PURE__ */ y(ls, {
+      className: J.arrowSwitcher,
+      slots: Z,
+      slotProps: Y,
+      onGoToPrevious: () => se(Ee),
+      isPreviousDisabled: !Ee,
+      previousLabel: a.openPreviousView,
+      onGoToNext: () => se($e),
+      isNextDisabled: !$e,
+      nextLabel: a.openNextView,
+      ownerState: ue
     })]
   }));
 });
-process.env.NODE_ENV !== "production" && (Ho.propTypes = {
+process.env.NODE_ENV !== "production" && (Qo.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
@@ -3249,12 +3321,12 @@ process.env.NODE_ENV !== "production" && (Ho.propTypes = {
    */
   views: e.arrayOf(e.oneOf(["hours", "minutes", "seconds"]).isRequired)
 });
-const Xe = ({
+const oo = ({
   view: o,
   onViewChange: t,
   focusedView: s,
-  onFocusedViewChange: r,
-  views: a,
+  onFocusedViewChange: a,
+  views: r,
   value: n,
   defaultValue: l,
   onChange: i,
@@ -3262,29 +3334,29 @@ const Xe = ({
   classes: d,
   disableFuture: v,
   disablePast: p,
-  minTime: h,
-  maxTime: T,
-  shouldDisableTime: D,
+  minTime: f,
+  maxTime: g,
+  shouldDisableTime: x,
   shouldDisableClock: m,
   minutesStep: C,
-  ampm: I,
-  ampmInClock: S,
+  ampm: N,
+  ampmInClock: P,
   components: F,
-  componentsProps: N,
-  slots: R,
-  slotProps: x,
-  readOnly: B,
-  disabled: E,
-  sx: V,
-  autoFocus: W,
-  showViewSwitcher: _,
-  disableIgnoringDatePartForTimeValidation: L
-}) => /* @__PURE__ */ y(Ho, {
+  componentsProps: B,
+  slots: O,
+  slotProps: w,
+  readOnly: j,
+  disabled: W,
+  sx: I,
+  autoFocus: $,
+  showViewSwitcher: G,
+  disableIgnoringDatePartForTimeValidation: ae
+}) => /* @__PURE__ */ y(Qo, {
   view: o,
   onViewChange: t,
   focusedView: s,
-  onFocusedViewChange: r,
-  views: a.filter(ct),
+  onFocusedViewChange: a,
+  views: r.filter(Dt),
   value: n,
   defaultValue: l,
   onChange: i,
@@ -3292,42 +3364,42 @@ const Xe = ({
   classes: d,
   disableFuture: v,
   disablePast: p,
-  minTime: h,
-  maxTime: T,
-  shouldDisableTime: D,
+  minTime: f,
+  maxTime: g,
+  shouldDisableTime: x,
   shouldDisableClock: m,
   minutesStep: C,
-  ampm: I,
-  ampmInClock: S,
+  ampm: N,
+  ampmInClock: P,
   components: F,
-  componentsProps: N,
-  slots: R,
-  slotProps: x,
-  readOnly: B,
-  disabled: E,
-  sx: V,
-  autoFocus: W,
-  showViewSwitcher: _,
-  disableIgnoringDatePartForTimeValidation: L
-}), Wo = /* @__PURE__ */ f.forwardRef(function(t, s) {
-  var r, a, n;
-  const l = Ne(), i = $o(t, "MuiMobileDateTimePicker"), c = u({
-    day: Me,
-    month: Me,
-    year: Me,
-    hours: Xe,
-    minutes: Xe,
-    seconds: Xe
-  }, i.viewRenderers), d = (r = i.ampmInClock) != null ? r : !1, v = u({}, i, {
+  componentsProps: B,
+  slots: O,
+  slotProps: w,
+  readOnly: j,
+  disabled: W,
+  sx: I,
+  autoFocus: $,
+  showViewSwitcher: G,
+  disableIgnoringDatePartForTimeValidation: ae
+}), Zo = /* @__PURE__ */ T.forwardRef(function(t, s) {
+  var a, r, n;
+  const l = Ne(), i = qo(t, "MuiMobileDateTimePicker"), c = u({
+    day: Re,
+    month: Re,
+    year: Re,
+    hours: oo,
+    minutes: oo,
+    seconds: oo
+  }, i.viewRenderers), d = (a = i.ampmInClock) != null ? a : !1, v = u({}, i, {
     viewRenderers: c,
     ampmInClock: d,
     slots: u({
-      field: to
+      field: uo
     }, i.slots),
     slotProps: u({}, i.slotProps, {
-      field: (h) => {
-        var T;
-        return u({}, vo((T = i.slotProps) == null ? void 0 : T.field, h), Co(i), {
+      field: (f) => {
+        var g;
+        return u({}, Io((g = i.slotProps) == null ? void 0 : g.field, f), ko(i), {
           ref: s,
           ampm: i.ampm
         });
@@ -3335,23 +3407,23 @@ const Xe = ({
       toolbar: u({
         hidden: !1,
         ampmInClock: d
-      }, (a = i.slotProps) == null ? void 0 : a.toolbar),
+      }, (r = i.slotProps) == null ? void 0 : r.toolbar),
       tabs: u({
         hidden: !1
       }, (n = i.slotProps) == null ? void 0 : n.tabs)
     })
   }), {
     renderPicker: p
-  } = ut({
+  } = Pt({
     props: v,
-    valueManager: Je,
+    valueManager: so,
     valueType: "date-time",
     getOpenDialogAriaText: l.openDatePickerDialogue,
-    validator: oo
+    validator: co
   });
   return p();
 });
-Wo.propTypes = {
+Zo.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
@@ -3711,22 +3783,22 @@ Wo.propTypes = {
    */
   yearsPerRow: e.oneOf([3, 4])
 };
-const Kn = ["desktopModeMediaQuery"], Ao = /* @__PURE__ */ f.forwardRef(function(t, s) {
-  const r = Z({
+const is = ["desktopModeMediaQuery"], Jo = /* @__PURE__ */ T.forwardRef(function(t, s) {
+  const a = ne({
     props: t,
     name: "MuiDateTimePicker"
   }), {
-    desktopModeMediaQuery: a = mt
-  } = r, n = G(r, Kn);
-  return dt(a, {
+    desktopModeMediaQuery: r = kt
+  } = a, n = X(a, is);
+  return St(r, {
     defaultMatches: !0
-  }) ? /* @__PURE__ */ y(Eo, u({
+  }) ? /* @__PURE__ */ y(Yo, u({
     ref: s
-  }, n)) : /* @__PURE__ */ y(Wo, u({
+  }, n)) : /* @__PURE__ */ y(Zo, u({
     ref: s
   }, n));
 });
-process.env.NODE_ENV !== "production" && (Ao.propTypes = {
+process.env.NODE_ENV !== "production" && (Jo.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "yarn proptypes"  |
@@ -4092,59 +4164,59 @@ process.env.NODE_ENV !== "production" && (Ao.propTypes = {
    */
   yearsPerRow: e.oneOf([3, 4])
 });
-const Xn = (o) => o !== "ownerState", hs = z(Te, {
+const cs = (o) => o !== "ownerState", Ns = A(fe, {
   name: "HCRangeSelector",
   slot: "root",
-  shouldForwardProp: Xn
-})({}), Ts = z(Te, {
+  shouldForwardProp: cs
+})({}), Bs = A(fe, {
   name: "HCRangeSelector",
   slot: "numberRow"
 })({
   display: "flex",
   width: "100%"
-}), gs = z(Te, {
+}), Fs = A(fe, {
   name: "HCRangeSelector",
   slot: "numberRangeRow"
 })({
   display: "flex",
   width: "100%"
-}), ys = z(Ye, {
+}), Es = A(Ke, {
   name: "HCRangeSelector",
   slot: "numberInput"
 })(({ theme: o }) => ({
   marginRight: o.spacing(0.25)
-})), vs = z(Ye, {
+})), $s = A(Ke, {
   name: "HCRangeSelector",
   slot: "numberInput"
 })(({ theme: o }) => ({
   marginLeft: o.spacing(0.25)
-})), Cs = z(Te, {
+})), Vs = A(fe, {
   name: "HCRangeSelector",
   slot: "modeColumn"
 })(({ theme: o }) => ({
   flex: 1,
   marginLeft: o.spacing(0.5)
-})), xs = z(Te, {
+})), _s = A(fe, {
   name: "HCRangeSelector",
   slot: "compositeRow"
 })({
   display: "flex",
   alignItems: "flex-end",
   width: "100%"
-}), ws = z(Ye, {
+}), Ls = A(Ke, {
   name: "HCRangeSelector",
   slot: "compositeCount"
 })(({ theme: o }) => ({
   marginRight: o.spacing(0.5),
   minWidth: 50,
   width: 85
-})), Ds = z(Te, {
+})), js = A(fe, {
   name: "HCRangeSelector",
   slot: "compositeChild"
 })({
   flex: 1,
   maxWidth: 300
-}), Ps = z(Te, {
+}), Ws = A(fe, {
   name: "HCRangeSelector",
   slot: "dateTrigger"
 })(({ theme: o }) => ({
@@ -4159,7 +4231,7 @@ const Xn = (o) => o !== "ownerState", hs = z(Te, {
   paddingBottom: o.spacing(0.5),
   height: 40,
   width: "100%"
-})), ks = z(fo, {
+})), Hs = A(xo, {
   name: "HCRangeSelector",
   slot: "dateTriggerText"
 })({
@@ -4167,56 +4239,56 @@ const Xn = (o) => o !== "ownerState", hs = z(Te, {
   whiteSpace: "nowrap",
   textOverflow: "ellipsis",
   flex: 1
-}), Ss = z(Uo, {
+}), zs = A(st, {
   name: "HCRangeSelector",
   slot: "dateTriggerArrow"
 })(({ theme: o }) => ({
   marginLeft: o.spacing(0.25),
   marginRight: o.spacing(0.25)
-})), Ms = z(zo)({}), Rs = z(fo, {
+})), As = A(tt)({}), Us = A(xo, {
   name: "HCRangeSelector",
   slot: "dateLimitCaption"
 })(({ theme: o }) => ({
   marginLeft: o.spacing(0.5)
-})), Os = z(Ao, {
+})), qs = A(Jo, {
   name: "HCRangeSelector",
   slot: "datePicker"
 })(({ theme: o }) => ({
   marginTop: o.spacing(1)
-})), Ns = z(Te, {
+})), Ys = A(fe, {
   name: "HCRangeSelector",
   slot: "dateUnitRow"
 })(({ theme: o }) => ({
   display: "flex",
   marginTop: o.spacing(2)
-})), Is = z(qo, {
+})), Ks = A(nt, {
   name: "HCRangeSelector",
   slot: "dateUnitControl"
 })({
   width: 240
-}), Fs = z(Ye, {
+}), Xs = A(Ke, {
   name: "HCRangeSelector",
   slot: "dateRangeInput"
 })(({ theme: o }) => ({
   marginLeft: o.spacing(1)
 }));
 export {
-  Ds as CompositeChild,
-  ws as CompositeCount,
-  xs as CompositeRow,
-  Rs as DateLimitCaption,
-  Os as DatePicker,
-  Fs as DateRangeInput,
-  Ps as DateTrigger,
-  Ss as DateTriggerArrow,
-  Ms as DateTriggerEditButton,
-  ks as DateTriggerText,
-  Is as DateUnitControl,
-  Ns as DateUnitRow,
-  Cs as ModeColumn,
-  vs as NumberInputMax,
-  ys as NumberInputMin,
-  gs as NumberRangeRow,
-  Ts as NumberRow,
-  hs as RangeSelectorRoot
+  js as CompositeChild,
+  Ls as CompositeCount,
+  _s as CompositeRow,
+  Us as DateLimitCaption,
+  qs as DatePicker,
+  Xs as DateRangeInput,
+  Ws as DateTrigger,
+  zs as DateTriggerArrow,
+  As as DateTriggerEditButton,
+  Hs as DateTriggerText,
+  Ks as DateUnitControl,
+  Ys as DateUnitRow,
+  Vs as ModeColumn,
+  $s as NumberInputMax,
+  Es as NumberInputMin,
+  Fs as NumberRangeRow,
+  Bs as NumberRow,
+  Ns as RangeSelectorRoot
 };