@blockend/widget 1.0.61-beta.1 → 1.0.61-beta.3

package/dist/{hamburger-DkyOLKDt.js → hamburger-BBUxDW1l.js}

@@ -1,10 +1,10 @@
-import { z as Qo, G as en, p as S, P as e, g as de, b as ce, i as be, _ as q, d as s, s as j, e as ue, h as pe, j as ho, T as on, A as nn, f as Se, B as So, C as to, r as Ce, D as tn } from "./index-B6Hd7MNh.js";
-import * as a from "react";
-import { d as Eo, c as rn, r as ro } from "./index-BMJemt0T.js";
-import { G as sn, b as an, u as go, a as ln } from "./Grow-DHSmig3g.js";
+import { z as Qo, G as en, p as S, P as e, g as ce, b as pe, i as be, _ as q, d as a, s as L, e as de, h as fe, j as ho, T as on, A as nn, f as Se, B as So, C as to, r as Ce, D as tn } from "./index-DGEhy5MB.js";
+import * as l from "react";
+import { d as Eo, c as rn, r as ro } from "./index-CtucwqhS.js";
+import { G as sn, b as an, u as go, a as ln } from "./Grow--O3Q7qBB.js";
 import { jsx as T, jsxs as Oe } from "react/jsx-runtime";
-import { j as un, h as No, b as ke, l as dn, a as ze, k as eo, r as Ee, o as Be, m as Ue, H as oo, n as cn } from "./useRegisterError-Bo2lp0sa.js";
-import { o as He, e as Mo, c as pn, M as fn } from "./getChainIds-DDKgS0TA.js";
+import { j as un, h as No, b as ke, l as dn, a as ze, k as eo, r as Ee, o as Be, m as Ue, H as oo, n as cn } from "./useRegisterError-ByOKmamU.js";
+import { o as He, e as Mo, c as pn, M as fn } from "./getChainIds-BPyuIG49.js";
 function $o({
   styles: o,
   themeId: n,
@@ -69,9 +69,9 @@ const Do = S.env.NODE_ENV === "production" ? no : Fo, vo = (o) => {
   return o < 1 ? n = 5.11916 * o ** 2 : n = 4.5 * Math.log(o + 1) + 2, (n / 100).toFixed(2);
 };
 function gn(o) {
-  return de("MuiPaper", o);
+  return ce("MuiPaper", o);
 }
-ce("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
+pe("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
 const vn = ["className", "component", "elevation", "square", "variant"], yn = (o) => {
   const {
     square: n,
@@ -81,8 +81,8 @@ const vn = ["className", "component", "elevation", "square", "variant"], yn = (o
   } = o, d = {
     root: ["root", r, !n && "rounded", r === "elevation" && `elevation${t}`]
   };
-  return pe(d, gn, i);
-}, On = j("div", {
+  return fe(d, gn, i);
+}, On = L("div", {
   name: "MuiPaper",
   slot: "Root",
   overridesResolver: (o, n) => {
@@ -96,7 +96,7 @@ const vn = ["className", "component", "elevation", "square", "variant"], yn = (o
   ownerState: n
 }) => {
   var t;
-  return s({
+  return a({
     backgroundColor: (o.vars || o).palette.background.paper,
     color: (o.vars || o).palette.text.primary,
     transition: o.transitions.create("box-shadow")
@@ -104,33 +104,34 @@ const vn = ["className", "component", "elevation", "square", "variant"], yn = (o
     borderRadius: o.shape.borderRadius
   }, n.variant === "outlined" && {
     border: `1px solid ${(o.vars || o).palette.divider}`
-  }, n.variant === "elevation" && s({
+  }, n.variant === "elevation" && a({
     boxShadow: (o.vars || o).shadows[n.elevation]
   }, !o.vars && o.palette.mode === "dark" && {
     backgroundImage: `linear-gradient(${ho.alpha("#fff", vo(n.elevation))}, ${ho.alpha("#fff", vo(n.elevation))})`
   }, o.vars && {
     backgroundImage: (t = o.vars.overlays) == null ? void 0 : t[n.elevation]
   }));
-}), jo = /* @__PURE__ */ a.forwardRef(function(n, t) {
+}), jo = /* @__PURE__ */ l.forwardRef(function(n, t) {
   const r = be({
     props: n,
     name: "MuiPaper"
   }), {
     className: i,
     component: d = "div",
-    elevation: p = 1,
-    square: c = !1,
+    elevation: c = 1,
+    square: p = !1,
     variant: h = "elevation"
-  } = r, O = q(r, vn), g = s({}, r, {
+  } = r, O = q(r, vn), g = a({}, r, {
     component: d,
-    elevation: p,
-    square: c,
+    elevation: c,
+    square: p,
     variant: h
   }), R = yn(g);
-  return S.env.NODE_ENV !== "production" && un().shadows[p], /* @__PURE__ */ T(On, s({
+  return S.env.NODE_ENV !== "production" && un().shadows[c] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${c}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${c}]\` is defined.`].join(`
+`)), /* @__PURE__ */ T(On, a({
     as: d,
     ownerState: g,
-    className: ue(R.root, i),
+    className: de(R.root, i),
     ref: t
   }, O));
 });
@@ -187,7 +188,7 @@ const Cn = ["onChange", "maxRows", "minRows", "style", "value"];
 function We(o) {
   return parseInt(o, 10) || 0;
 }
-const Rn = {
+const Pn = {
   shadow: {
     // Visibility needed to hide the extra text area on iPads
     visibility: "hidden",
@@ -202,26 +203,26 @@ const Rn = {
     transform: "translateZ(0)"
   }
 };
-function Pn(o) {
+function Rn(o) {
   for (const n in o)
     return !1;
   return !0;
 }
 function yo(o) {
-  return Pn(o) || o.outerHeightStyle === 0 && !o.overflowing;
+  return Rn(o) || o.outerHeightStyle === 0 && !o.overflowing;
 }
-const Lo = /* @__PURE__ */ a.forwardRef(function(n, t) {
+const Lo = /* @__PURE__ */ l.forwardRef(function(n, t) {
   const {
     onChange: r,
     maxRows: i,
     minRows: d = 1,
-    style: p,
-    value: c
+    style: c,
+    value: p
   } = n, h = q(n, Cn), {
     current: O
-  } = a.useRef(c != null), g = a.useRef(null), R = ke(t, g), y = a.useRef(null), C = a.useRef(null), E = a.useCallback(() => {
-    const u = g.current, l = C.current;
-    if (!u || !l)
+  } = l.useRef(p != null), g = l.useRef(null), R = ke(t, g), y = l.useRef(null), C = l.useRef(null), N = l.useCallback(() => {
+    const u = g.current, s = C.current;
+    if (!u || !s)
       return;
     const b = He(u).getComputedStyle(u);
     if (b.width === "0px")
@@ -229,65 +230,65 @@ const Lo = /* @__PURE__ */ a.forwardRef(function(n, t) {
         outerHeightStyle: 0,
         overflowing: !1
       };
-    l.style.width = b.width, l.value = u.value || n.placeholder || "x", l.value.slice(-1) === `
-` && (l.value += " ");
-    const w = b.boxSizing, L = We(b.paddingBottom) + We(b.paddingTop), H = We(b.borderBottomWidth) + We(b.borderTopWidth), W = l.scrollHeight;
-    l.value = "x";
-    const Y = l.scrollHeight;
+    s.style.width = b.width, s.value = u.value || n.placeholder || "x", s.value.slice(-1) === `
+` && (s.value += " ");
+    const w = b.boxSizing, _ = We(b.paddingBottom) + We(b.paddingTop), H = We(b.borderBottomWidth) + We(b.borderTopWidth), W = s.scrollHeight;
+    s.value = "x";
+    const Y = s.scrollHeight;
     let D = W;
     d && (D = Math.max(Number(d) * Y, D)), i && (D = Math.min(Number(i) * Y, D)), D = Math.max(D, Y);
-    const B = D + (w === "border-box" ? L + H : 0), G = Math.abs(D - W) <= 1;
+    const B = D + (w === "border-box" ? _ + H : 0), G = Math.abs(D - W) <= 1;
     return {
       outerHeightStyle: B,
       overflowing: G
     };
   }, [i, d, n.placeholder]), k = dn(() => {
-    const u = g.current, l = E();
-    if (!u || !l || yo(l))
+    const u = g.current, s = N();
+    if (!u || !s || yo(s))
       return !1;
-    const v = l.outerHeightStyle;
+    const v = s.outerHeightStyle;
     return y.current != null && y.current !== v;
-  }), I = a.useCallback(() => {
-    const u = g.current, l = E();
-    if (!u || !l || yo(l))
+  }), I = l.useCallback(() => {
+    const u = g.current, s = N();
+    if (!u || !s || yo(s))
       return;
-    const v = l.outerHeightStyle;
-    y.current !== v && (y.current = v, u.style.height = `${v}px`), u.style.overflow = l.overflowing ? "hidden" : "";
-  }, [E]), m = a.useRef(-1);
+    const v = s.outerHeightStyle;
+    y.current !== v && (y.current = v, u.style.height = `${v}px`), u.style.overflow = s.overflowing ? "hidden" : "";
+  }, [N]), m = l.useRef(-1);
   ze(() => {
-    const u = Eo(I), l = g == null ? void 0 : g.current;
-    if (!l)
+    const u = Eo(I), s = g == null ? void 0 : g.current;
+    if (!s)
       return;
-    const v = He(l);
+    const v = He(s);
     v.addEventListener("resize", u);
     let b;
     return typeof ResizeObserver < "u" && (b = new ResizeObserver(() => {
-      k() && (b.unobserve(l), cancelAnimationFrame(m.current), I(), m.current = requestAnimationFrame(() => {
-        b.observe(l);
+      k() && (b.unobserve(s), cancelAnimationFrame(m.current), I(), m.current = requestAnimationFrame(() => {
+        b.observe(s);
       }));
-    }), b.observe(l)), () => {
+    }), b.observe(s)), () => {
       u.clear(), cancelAnimationFrame(m.current), v.removeEventListener("resize", u), b && b.disconnect();
     };
-  }, [E, I, k]), ze(() => {
+  }, [N, I, k]), ze(() => {
     I();
   });
   const x = (u) => {
     O || I(), r && r(u);
   };
-  return /* @__PURE__ */ Oe(a.Fragment, {
-    children: [/* @__PURE__ */ T("textarea", s({
-      value: c,
+  return /* @__PURE__ */ Oe(l.Fragment, {
+    children: [/* @__PURE__ */ T("textarea", a({
+      value: p,
       onChange: x,
       ref: R,
       rows: d,
-      style: p
+      style: c
     }, h)), /* @__PURE__ */ T("textarea", {
       "aria-hidden": !0,
       className: n.className,
       readOnly: !0,
       ref: C,
       tabIndex: -1,
-      style: s({}, Rn.shadow, p, {
+      style: a({}, Pn.shadow, c, {
         paddingTop: 0,
         paddingBottom: 0
       })
@@ -336,13 +337,13 @@ function io({
 }) {
   return n.reduce((r, i) => (r[i] = o[i], t && typeof o[i] > "u" && (r[i] = t[i]), r), {});
 }
-const so = /* @__PURE__ */ a.createContext(void 0);
+const so = /* @__PURE__ */ l.createContext(void 0);
 S.env.NODE_ENV !== "production" && (so.displayName = "FormControlContext");
 function ao() {
-  return a.useContext(so);
+  return l.useContext(so);
 }
 function _o(o) {
-  return /* @__PURE__ */ T($o, s({}, o, {
+  return /* @__PURE__ */ T($o, a({}, o, {
     defaultTheme: nn,
     themeId: on
   }));
@@ -367,9 +368,9 @@ function _t(o) {
   return o.startAdornment;
 }
 function Tn(o) {
-  return de("MuiInputBase", o);
+  return ce("MuiInputBase", o);
 }
-const $e = ce("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]), xn = ["aria-describedby", "autoComplete", "autoFocus", "className", "color", "components", "componentsProps", "defaultValue", "disabled", "disableInjectingGlobalStyles", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "size", "slotProps", "slots", "startAdornment", "type", "value"], qe = (o, n) => {
+const $e = pe("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]), xn = ["aria-describedby", "autoComplete", "autoFocus", "className", "color", "components", "componentsProps", "defaultValue", "disabled", "disableInjectingGlobalStyles", "endAdornment", "error", "fullWidth", "id", "inputComponent", "inputProps", "inputRef", "margin", "maxRows", "minRows", "multiline", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "placeholder", "readOnly", "renderSuffix", "rows", "size", "slotProps", "slots", "startAdornment", "type", "value"], qe = (o, n) => {
   const {
     ownerState: t
   } = o;
@@ -386,28 +387,28 @@ const $e = ce("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     disabled: r,
     error: i,
     endAdornment: d,
-    focused: p,
-    formControl: c,
+    focused: c,
+    formControl: p,
     fullWidth: h,
     hiddenLabel: O,
     multiline: g,
     readOnly: R,
     size: y,
     startAdornment: C,
-    type: E
+    type: N
   } = o, k = {
-    root: ["root", `color${Se(t)}`, r && "disabled", i && "error", h && "fullWidth", p && "focused", c && "formControl", y && y !== "medium" && `size${Se(y)}`, g && "multiline", C && "adornedStart", d && "adornedEnd", O && "hiddenLabel", R && "readOnly"],
-    input: ["input", r && "disabled", E === "search" && "inputTypeSearch", g && "inputMultiline", y === "small" && "inputSizeSmall", O && "inputHiddenLabel", C && "inputAdornedStart", d && "inputAdornedEnd", R && "readOnly"]
+    root: ["root", `color${Se(t)}`, r && "disabled", i && "error", h && "fullWidth", c && "focused", p && "formControl", y && y !== "medium" && `size${Se(y)}`, g && "multiline", C && "adornedStart", d && "adornedEnd", O && "hiddenLabel", R && "readOnly"],
+    input: ["input", r && "disabled", N === "search" && "inputTypeSearch", g && "inputMultiline", y === "small" && "inputSizeSmall", O && "inputHiddenLabel", C && "inputAdornedStart", d && "inputAdornedEnd", R && "readOnly"]
   };
-  return pe(k, Tn, n);
-}, Ge = j("div", {
+  return fe(k, Tn, n);
+}, Ge = L("div", {
   name: "MuiInputBase",
   slot: "Root",
   overridesResolver: qe
 })(({
   theme: o,
   ownerState: n
-}) => s({}, o.typography.body1, {
+}) => a({}, o.typography.body1, {
   color: (o.vars || o).palette.text.primary,
   lineHeight: "1.4375em",
   // 23px
@@ -421,13 +422,13 @@ const $e = ce("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     color: (o.vars || o).palette.text.disabled,
     cursor: "default"
   }
-}, n.multiline && s({
+}, n.multiline && a({
   padding: "4px 0 5px"
 }, n.size === "small" && {
   paddingTop: 1
 }), n.fullWidth && {
   width: "100%"
-})), Xe = j("input", {
+})), Xe = L("input", {
   name: "MuiInputBase",
   slot: "Input",
   overridesResolver: Ke
@@ -435,7 +436,7 @@ const $e = ce("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
   theme: o,
   ownerState: n
 }) => {
-  const t = o.palette.mode === "light", r = s({
+  const t = o.palette.mode === "light", r = a({
     color: "currentColor"
   }, o.vars ? {
     opacity: o.vars.opacity.inputPlaceholder
@@ -452,7 +453,7 @@ const $e = ce("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
   } : {
     opacity: t ? 0.42 : 0.5
   };
-  return s({
+  return a({
     font: "inherit",
     letterSpacing: "inherit",
     color: "currentColor",
@@ -541,32 +542,32 @@ const $e = ce("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
       }
     }
   }
-}), Ye = /* @__PURE__ */ a.forwardRef(function(n, t) {
+}), Ye = /* @__PURE__ */ l.forwardRef(function(n, t) {
   var r;
   const i = be({
     props: n,
     name: "MuiInputBase"
   }), {
     "aria-describedby": d,
-    autoComplete: p,
-    autoFocus: c,
+    autoComplete: c,
+    autoFocus: p,
     className: h,
     components: O = {},
     componentsProps: g = {},
     defaultValue: R,
     disabled: y,
     disableInjectingGlobalStyles: C,
-    endAdornment: E,
+    endAdornment: N,
     fullWidth: k = !1,
     id: I,
     inputComponent: m = "input",
     inputProps: x = {},
     inputRef: u,
-    maxRows: l,
+    maxRows: s,
     minRows: v,
     multiline: b = !1,
     name: w,
-    onBlur: L,
+    onBlur: _,
     onChange: H,
     onClick: W,
     onFocus: Y,
@@ -579,14 +580,15 @@ const $e = ce("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     slotProps: P = {},
     slots: Q = {},
     startAdornment: se,
-    type: Re = "text",
+    type: Pe = "text",
     value: J
   } = i, re = q(i, xn), ee = x.value != null ? x.value : J, {
     current: he
-  } = a.useRef(ee != null), ne = a.useRef(), Pe = a.useCallback(($) => {
-    S.env.NODE_ENV !== "production" && $ && $.nodeName !== "INPUT" && $.focus;
-  }, []), Te = ke(ne, u, x.ref, Pe), [xe, ge] = a.useState(!1), M = ao();
-  S.env.NODE_ENV !== "production" && a.useEffect(() => {
+  } = l.useRef(ee != null), ne = l.useRef(), Re = l.useCallback(($) => {
+    S.env.NODE_ENV !== "production" && $ && $.nodeName !== "INPUT" && !$.focus && console.error(["MUI: You have provided a `inputComponent` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
+`));
+  }, []), Te = ke(ne, u, x.ref, Re), [xe, ge] = l.useState(!1), M = ao();
+  S.env.NODE_ENV !== "production" && l.useEffect(() => {
     if (M)
       return M.registerEffect();
   }, [M]);
@@ -595,12 +597,12 @@ const $e = ce("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     muiFormControl: M,
     states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
   });
-  V.focused = M ? M.focused : xe, a.useEffect(() => {
-    !M && y && xe && (ge(!1), L && L());
-  }, [M, y, xe, L]);
-  const F = M && M.onFilled, _ = M && M.onEmpty, A = a.useCallback(($) => {
-    Ao($) ? F && F() : _ && _();
-  }, [F, _]);
+  V.focused = M ? M.focused : xe, l.useEffect(() => {
+    !M && y && xe && (ge(!1), _ && _());
+  }, [M, y, xe, _]);
+  const F = M && M.onFilled, j = M && M.onEmpty, A = l.useCallback(($) => {
+    Ao($) ? F && F() : j && j();
+  }, [F, j]);
   ze(() => {
     he && A({
       value: ee
@@ -613,7 +615,7 @@ const $e = ce("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     }
     Y && Y($), x.onFocus && x.onFocus($), M && M.onFocus ? M.onFocus($) : ge(!0);
   }, ae = ($) => {
-    L && L($), x.onBlur && x.onBlur($), M && M.onBlur ? M.onBlur($) : ge(!1);
+    _ && _($), x.onBlur && x.onBlur($), M && M.onBlur ? M.onBlur($) : ge(!1);
   }, le = ($, ...je) => {
     if (!he) {
       const we = $.target || ne.current;
@@ -625,34 +627,34 @@ const $e = ce("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     }
     x.onChange && x.onChange($, ...je), H && H($, ...je);
   };
-  a.useEffect(() => {
+  l.useEffect(() => {
     A(ne.current);
   }, []);
-  const fe = ($) => {
+  const me = ($) => {
     ne.current && $.currentTarget === $.target && ne.current.focus(), W && W($);
   };
   let ve = m, z = x;
-  b && ve === "input" && (X ? (S.env.NODE_ENV, z = s({
+  b && ve === "input" && (X ? (S.env.NODE_ENV !== "production" && (v || s) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), z = a({
     type: void 0,
     minRows: X,
     maxRows: X
-  }, z)) : z = s({
+  }, z)) : z = a({
     type: void 0,
-    maxRows: l,
+    maxRows: s,
     minRows: v
   }, z), ve = Lo);
-  const me = ($) => {
+  const ue = ($) => {
     A($.animationName === "mui-auto-fill-cancel" ? ne.current : {
       value: "x"
     });
   };
-  a.useEffect(() => {
+  l.useEffect(() => {
     M && M.setAdornedStart(!!se);
   }, [M, se]);
-  const te = s({}, i, {
+  const te = a({}, i, {
     color: V.color || "primary",
     disabled: V.disabled,
-    endAdornment: E,
+    endAdornment: N,
     error: V.error,
     focused: V.focused,
     formControl: M,
@@ -661,28 +663,28 @@ const $e = ce("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
     multiline: b,
     size: V.size,
     startAdornment: se,
-    type: Re
+    type: Pe
   }), U = wn(te), Ne = Q.root || O.Root || Ge, Fe = P.root || g.root || {}, De = Q.input || O.Input || Xe;
-  return z = s({}, z, (r = P.input) != null ? r : g.input), /* @__PURE__ */ Oe(a.Fragment, {
-    children: [!C && In, /* @__PURE__ */ Oe(Ne, s({}, Fe, !eo(Ne) && {
-      ownerState: s({}, te, Fe.ownerState)
+  return z = a({}, z, (r = P.input) != null ? r : g.input), /* @__PURE__ */ Oe(l.Fragment, {
+    children: [!C && In, /* @__PURE__ */ Oe(Ne, a({}, Fe, !eo(Ne) && {
+      ownerState: a({}, te, Fe.ownerState)
     }, {
       ref: t,
-      onClick: fe
+      onClick: me
     }, re, {
-      className: ue(U.root, Fe.className, h, Z && "MuiInputBase-readOnly"),
+      className: de(U.root, Fe.className, h, Z && "MuiInputBase-readOnly"),
       children: [se, /* @__PURE__ */ T(so.Provider, {
         value: null,
-        children: /* @__PURE__ */ T(De, s({
+        children: /* @__PURE__ */ T(De, a({
           ownerState: te,
           "aria-invalid": V.error,
           "aria-describedby": d,
-          autoComplete: p,
-          autoFocus: c,
+          autoComplete: c,
+          autoFocus: p,
           defaultValue: R,
           disabled: V.disabled,
           id: I,
-          onAnimationStart: me,
+          onAnimationStart: ue,
           name: w,
           placeholder: G,
           readOnly: Z,
@@ -691,18 +693,18 @@ const $e = ce("MuiInputBase", ["root", "formControl", "focused", "disabled", "ad
           value: ee,
           onKeyDown: D,
           onKeyUp: B,
-          type: Re
+          type: Pe
         }, z, !eo(De) && {
           as: ve,
-          ownerState: s({}, te, z.ownerState)
+          ownerState: a({}, te, z.ownerState)
         }, {
           ref: Te,
-          className: ue(U.input, z.className, Z && "MuiInputBase-readOnly"),
+          className: de(U.input, z.className, Z && "MuiInputBase-readOnly"),
           onBlur: ae,
           onChange: le,
           onFocus: ie
         }))
-      }), E, oe ? oe(s({}, V, {
+      }), N, oe ? oe(a({}, V, {
         startAdornment: se
       })) : null]
     }))]
@@ -939,28 +941,28 @@ S.env.NODE_ENV !== "production" && (Ye.propTypes = {
   value: e.any
 });
 function Sn(o) {
-  return de("MuiInput", o);
+  return ce("MuiInput", o);
 }
-const Le = s({}, $e, ce("MuiInput", ["root", "underline", "input"]));
+const Le = a({}, $e, pe("MuiInput", ["root", "underline", "input"]));
 function En(o) {
-  return de("MuiOutlinedInput", o);
+  return ce("MuiOutlinedInput", o);
 }
-const ye = s({}, $e, ce("MuiOutlinedInput", ["root", "notchedOutline", "input"]));
+const ye = a({}, $e, pe("MuiOutlinedInput", ["root", "notchedOutline", "input"]));
 function Nn(o) {
-  return de("MuiFilledInput", o);
+  return ce("MuiFilledInput", o);
 }
-const Ie = s({}, $e, ce("MuiFilledInput", ["root", "underline", "input"])), Mn = rn(/* @__PURE__ */ T("path", {
+const Ie = a({}, $e, pe("MuiFilledInput", ["root", "underline", "input"])), Mn = rn(/* @__PURE__ */ T("path", {
   d: "M7 10l5 5 5-5z"
 }), "ArrowDropDown"), $n = ["disableUnderline", "components", "componentsProps", "fullWidth", "hiddenLabel", "inputComponent", "multiline", "slotProps", "slots", "type"], kn = (o) => {
   const {
     classes: n,
     disableUnderline: t
-  } = o, i = pe({
+  } = o, i = fe({
     root: ["root", !t && "underline"],
     input: ["input"]
   }, Nn, n);
-  return s({}, n, i);
-}, Fn = j(Ge, {
+  return a({}, n, i);
+}, Fn = L(Ge, {
   shouldForwardProp: (o) => Ce(o) || o === "classes",
   name: "MuiFilledInput",
   slot: "Root",
@@ -975,8 +977,8 @@ const Ie = s({}, $e, ce("MuiFilledInput", ["root", "underline", "input"])), Mn =
   ownerState: n
 }) => {
   var t;
-  const r = o.palette.mode === "light", i = r ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)", d = r ? "rgba(0, 0, 0, 0.06)" : "rgba(255, 255, 255, 0.09)", p = r ? "rgba(0, 0, 0, 0.09)" : "rgba(255, 255, 255, 0.13)", c = r ? "rgba(0, 0, 0, 0.12)" : "rgba(255, 255, 255, 0.12)";
-  return s({
+  const r = o.palette.mode === "light", i = r ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)", d = r ? "rgba(0, 0, 0, 0.06)" : "rgba(255, 255, 255, 0.09)", c = r ? "rgba(0, 0, 0, 0.09)" : "rgba(255, 255, 255, 0.13)", p = r ? "rgba(0, 0, 0, 0.12)" : "rgba(255, 255, 255, 0.12)";
+  return a({
     position: "relative",
     backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : d,
     borderTopLeftRadius: (o.vars || o).shape.borderRadius,
@@ -986,7 +988,7 @@ const Ie = s({}, $e, ce("MuiFilledInput", ["root", "underline", "input"])), Mn =
       easing: o.transitions.easing.easeOut
     }),
     "&:hover": {
-      backgroundColor: o.vars ? o.vars.palette.FilledInput.hoverBg : p,
+      backgroundColor: o.vars ? o.vars.palette.FilledInput.hoverBg : c,
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
         backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : d
@@ -996,7 +998,7 @@ const Ie = s({}, $e, ce("MuiFilledInput", ["root", "underline", "input"])), Mn =
       backgroundColor: o.vars ? o.vars.palette.FilledInput.bg : d
     },
     [`&.${Ie.disabled}`]: {
-      backgroundColor: o.vars ? o.vars.palette.FilledInput.disabledBg : c
+      backgroundColor: o.vars ? o.vars.palette.FilledInput.disabledBg : p
     }
   }, !n.disableUnderline && {
     "&::after": {
@@ -1049,7 +1051,7 @@ const Ie = s({}, $e, ce("MuiFilledInput", ["root", "underline", "input"])), Mn =
     paddingLeft: 12
   }, n.endAdornment && {
     paddingRight: 12
-  }, n.multiline && s({
+  }, n.multiline && a({
     padding: "25px 12px 8px"
   }, n.size === "small" && {
     paddingTop: 21,
@@ -1061,14 +1063,14 @@ const Ie = s({}, $e, ce("MuiFilledInput", ["root", "underline", "input"])), Mn =
     paddingTop: 8,
     paddingBottom: 9
   }));
-}), Dn = j(Xe, {
+}), Dn = L(Xe, {
   name: "MuiFilledInput",
   slot: "Input",
   overridesResolver: Ke
 })(({
   theme: o,
   ownerState: n
-}) => s({
+}) => a({
   paddingTop: 25,
   paddingRight: 12,
   paddingBottom: 8,
@@ -1111,9 +1113,9 @@ const Ie = s({}, $e, ce("MuiFilledInput", ["root", "underline", "input"])), Mn =
   paddingBottom: 0,
   paddingLeft: 0,
   paddingRight: 0
-})), lo = /* @__PURE__ */ a.forwardRef(function(n, t) {
-  var r, i, d, p;
-  const c = be({
+})), lo = /* @__PURE__ */ l.forwardRef(function(n, t) {
+  var r, i, d, c;
+  const p = be({
     props: n,
     name: "MuiFilledInput"
   }), {
@@ -1124,27 +1126,27 @@ const Ie = s({}, $e, ce("MuiFilledInput", ["root", "underline", "input"])), Mn =
     inputComponent: R = "input",
     multiline: y = !1,
     slotProps: C,
-    slots: E = {},
+    slots: N = {},
     type: k = "text"
-  } = c, I = q(c, $n), m = s({}, c, {
+  } = p, I = q(p, $n), m = a({}, p, {
     fullWidth: g,
     inputComponent: R,
     multiline: y,
     type: k
-  }), x = kn(c), u = {
+  }), x = kn(p), u = {
     root: {
       ownerState: m
     },
     input: {
       ownerState: m
     }
-  }, l = C ?? O ? to(u, C ?? O) : u, v = (r = (i = E.root) != null ? i : h.Root) != null ? r : Fn, b = (d = (p = E.input) != null ? p : h.Input) != null ? d : Dn;
-  return /* @__PURE__ */ T(Ye, s({
+  }, s = C ?? O ? to(u, C ?? O) : u, v = (r = (i = N.root) != null ? i : h.Root) != null ? r : Fn, b = (d = (c = N.input) != null ? c : h.Input) != null ? d : Dn;
+  return /* @__PURE__ */ T(Ye, a({
     slots: {
       root: v,
       input: b
     },
-    componentsProps: l,
+    componentsProps: s,
     fullWidth: g,
     inputComponent: R,
     multiline: y,
@@ -1352,12 +1354,12 @@ const jn = ["disableUnderline", "components", "componentsProps", "fullWidth", "i
   const {
     classes: n,
     disableUnderline: t
-  } = o, i = pe({
+  } = o, i = fe({
     root: ["root", !t && "underline"],
     input: ["input"]
   }, Sn, n);
-  return s({}, n, i);
-}, _n = j(Ge, {
+  return a({}, n, i);
+}, _n = L(Ge, {
   shouldForwardProp: (o) => Ce(o) || o === "classes",
   name: "MuiInput",
   slot: "Root",
@@ -1372,7 +1374,7 @@ const jn = ["disableUnderline", "components", "componentsProps", "fullWidth", "i
   ownerState: n
 }) => {
   let r = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.42)" : "rgba(255, 255, 255, 0.7)";
-  return o.vars && (r = `rgba(${o.vars.palette.common.onBackgroundChannel} / ${o.vars.opacity.inputUnderline})`), s({
+  return o.vars && (r = `rgba(${o.vars.palette.common.onBackgroundChannel} / ${o.vars.opacity.inputUnderline})`), a({
     position: "relative"
   }, n.formControl && {
     "label + &": {
@@ -1430,13 +1432,13 @@ const jn = ["disableUnderline", "components", "componentsProps", "fullWidth", "i
       borderBottomStyle: "dotted"
     }
   });
-}), An = j(Xe, {
+}), An = L(Xe, {
   name: "MuiInput",
   slot: "Input",
   overridesResolver: Ke
-})({}), uo = /* @__PURE__ */ a.forwardRef(function(n, t) {
-  var r, i, d, p;
-  const c = be({
+})({}), uo = /* @__PURE__ */ l.forwardRef(function(n, t) {
+  var r, i, d, c;
+  const p = be({
     props: n,
     name: "MuiInput"
   }), {
@@ -1446,17 +1448,17 @@ const jn = ["disableUnderline", "components", "componentsProps", "fullWidth", "i
     fullWidth: R = !1,
     inputComponent: y = "input",
     multiline: C = !1,
-    slotProps: E,
+    slotProps: N,
     slots: k = {},
     type: I = "text"
-  } = c, m = q(c, jn), x = Ln(c), l = {
+  } = p, m = q(p, jn), x = Ln(p), s = {
     root: {
       ownerState: {
         disableUnderline: h
       }
     }
-  }, v = E ?? g ? to(E ?? g, l) : l, b = (r = (i = k.root) != null ? i : O.Root) != null ? r : _n, w = (d = (p = k.input) != null ? p : O.Input) != null ? d : An;
-  return /* @__PURE__ */ T(Ye, s({
+  }, v = N ?? g ? to(N ?? g, s) : s, b = (r = (i = k.root) != null ? i : O.Root) != null ? r : _n, w = (d = (c = k.input) != null ? c : O.Input) != null ? d : An;
+  return /* @__PURE__ */ T(Ye, a({
     slots: {
       root: b,
       input: w
@@ -1658,12 +1660,12 @@ S.env.NODE_ENV !== "production" && (uo.propTypes = {
   value: e.any
 });
 uo.muiName = "Input";
-const Bo = /* @__PURE__ */ a.createContext({});
+const Bo = /* @__PURE__ */ l.createContext({});
 S.env.NODE_ENV !== "production" && (Bo.displayName = "ListContext");
 function Bn(o) {
-  return de("MuiList", o);
+  return ce("MuiList", o);
 }
-ce("MuiList", ["root", "padding", "dense", "subheader"]);
+pe("MuiList", ["root", "padding", "dense", "subheader"]);
 const Wn = ["children", "className", "component", "dense", "disablePadding", "subheader"], Vn = (o) => {
   const {
     classes: n,
@@ -1671,10 +1673,10 @@ const Wn = ["children", "className", "component", "dense", "disablePadding", "su
     dense: r,
     subheader: i
   } = o;
-  return pe({
+  return fe({
     root: ["root", !t && "padding", r && "dense", i && "subheader"]
   }, Bn, n);
-}, zn = j("ul", {
+}, zn = L("ul", {
   name: "MuiList",
   slot: "Root",
   overridesResolver: (o, n) => {
@@ -1685,7 +1687,7 @@ const Wn = ["children", "className", "component", "dense", "disablePadding", "su
   }
 })(({
   ownerState: o
-}) => s({
+}) => a({
   listStyle: "none",
   margin: 0,
   padding: 0,
@@ -1695,29 +1697,29 @@ const Wn = ["children", "className", "component", "dense", "disablePadding", "su
   paddingBottom: 8
 }, o.subheader && {
   paddingTop: 0
-})), Wo = /* @__PURE__ */ a.forwardRef(function(n, t) {
+})), Wo = /* @__PURE__ */ l.forwardRef(function(n, t) {
   const r = be({
     props: n,
     name: "MuiList"
   }), {
     children: i,
     className: d,
-    component: p = "ul",
-    dense: c = !1,
+    component: c = "ul",
+    dense: p = !1,
     disablePadding: h = !1,
     subheader: O
-  } = r, g = q(r, Wn), R = a.useMemo(() => ({
-    dense: c
-  }), [c]), y = s({}, r, {
-    component: p,
-    dense: c,
+  } = r, g = q(r, Wn), R = l.useMemo(() => ({
+    dense: p
+  }), [p]), y = a({}, r, {
+    component: c,
+    dense: p,
     disablePadding: h
   }), C = Vn(y);
   return /* @__PURE__ */ T(Bo.Provider, {
     value: R,
-    children: /* @__PURE__ */ Oe(zn, s({
-      as: p,
-      className: ue(C.root, d),
+    children: /* @__PURE__ */ Oe(zn, a({
+      as: c,
+      className: de(C.root, d),
       ref: t,
       ownerState: y
     }, g, {
@@ -1782,35 +1784,35 @@ function Vo(o, n) {
   return t === void 0 && (t = o.textContent), t = t.trim().toLowerCase(), t.length === 0 ? !1 : n.repeating ? t[0] === n.keys[0] : t.indexOf(n.keys.join("")) === 0;
 }
 function _e(o, n, t, r, i, d) {
-  let p = !1, c = i(o, n, n ? t : !1);
-  for (; c; ) {
-    if (c === o.firstChild) {
-      if (p)
+  let c = !1, p = i(o, n, n ? t : !1);
+  for (; p; ) {
+    if (p === o.firstChild) {
+      if (c)
         return !1;
-      p = !0;
+      c = !0;
     }
-    const h = r ? !1 : c.disabled || c.getAttribute("aria-disabled") === "true";
-    if (!c.hasAttribute("tabindex") || !Vo(c, d) || h)
-      c = i(o, c, t);
+    const h = r ? !1 : p.disabled || p.getAttribute("aria-disabled") === "true";
+    if (!p.hasAttribute("tabindex") || !Vo(p, d) || h)
+      p = i(o, p, t);
     else
-      return c.focus(), !0;
+      return p.focus(), !0;
   }
   return !1;
 }
-const zo = /* @__PURE__ */ a.forwardRef(function(n, t) {
+const zo = /* @__PURE__ */ l.forwardRef(function(n, t) {
   const {
     // private
     // eslint-disable-next-line react/prop-types
     actions: r,
     autoFocus: i = !1,
     autoFocusItem: d = !1,
-    children: p,
-    className: c,
+    children: c,
+    className: p,
     disabledItemsFocusable: h = !1,
     disableListWrap: O = !1,
     onKeyDown: g,
     variant: R = "selectedMenu"
-  } = n, y = q(n, Un), C = a.useRef(null), E = a.useRef({
+  } = n, y = q(n, Un), C = l.useRef(null), N = l.useRef({
     keys: [],
     repeating: !0,
     previousKeyMatched: !0,
@@ -1818,55 +1820,56 @@ const zo = /* @__PURE__ */ a.forwardRef(function(n, t) {
   });
   ze(() => {
     i && C.current.focus();
-  }, [i]), a.useImperativeHandle(r, () => ({
+  }, [i]), l.useImperativeHandle(r, () => ({
     adjustStyleForScrollbar: (u, {
-      direction: l
+      direction: s
     }) => {
       const v = !C.current.style.width;
       if (u.clientHeight < C.current.clientHeight && v) {
         const b = `${pn(Be(u))}px`;
-        C.current.style[l === "rtl" ? "paddingLeft" : "paddingRight"] = b, C.current.style.width = `calc(100% + ${b})`;
+        C.current.style[s === "rtl" ? "paddingLeft" : "paddingRight"] = b, C.current.style.width = `calc(100% + ${b})`;
       }
       return C.current;
     }
   }), []);
   const k = (u) => {
-    const l = C.current, v = u.key, b = Be(l).activeElement;
+    const s = C.current, v = u.key, b = Be(s).activeElement;
     if (v === "ArrowDown")
-      u.preventDefault(), _e(l, b, O, h, Qe);
+      u.preventDefault(), _e(s, b, O, h, Qe);
     else if (v === "ArrowUp")
-      u.preventDefault(), _e(l, b, O, h, Co);
+      u.preventDefault(), _e(s, b, O, h, Co);
     else if (v === "Home")
-      u.preventDefault(), _e(l, null, O, h, Qe);
+      u.preventDefault(), _e(s, null, O, h, Qe);
     else if (v === "End")
-      u.preventDefault(), _e(l, null, O, h, Co);
+      u.preventDefault(), _e(s, null, O, h, Co);
     else if (v.length === 1) {
-      const w = E.current, L = v.toLowerCase(), H = performance.now();
-      w.keys.length > 0 && (H - w.lastTime > 500 ? (w.keys = [], w.repeating = !0, w.previousKeyMatched = !0) : w.repeating && L !== w.keys[0] && (w.repeating = !1)), w.lastTime = H, w.keys.push(L);
+      const w = N.current, _ = v.toLowerCase(), H = performance.now();
+      w.keys.length > 0 && (H - w.lastTime > 500 ? (w.keys = [], w.repeating = !0, w.previousKeyMatched = !0) : w.repeating && _ !== w.keys[0] && (w.repeating = !1)), w.lastTime = H, w.keys.push(_);
       const W = b && !w.repeating && Vo(b, w);
-      w.previousKeyMatched && (W || _e(l, b, !1, h, Qe, w)) ? u.preventDefault() : w.previousKeyMatched = !1;
+      w.previousKeyMatched && (W || _e(s, b, !1, h, Qe, w)) ? u.preventDefault() : w.previousKeyMatched = !1;
     }
     g && g(u);
   }, I = ke(C, t);
   let m = -1;
-  a.Children.forEach(p, (u, l) => {
-    if (!/* @__PURE__ */ a.isValidElement(u)) {
-      m === l && (m += 1, m >= p.length && (m = -1));
+  l.Children.forEach(c, (u, s) => {
+    if (!/* @__PURE__ */ l.isValidElement(u)) {
+      m === s && (m += 1, m >= c.length && (m = -1));
       return;
     }
-    S.env.NODE_ENV !== "production" && ro.isFragment(u), u.props.disabled || (R === "selectedMenu" && u.props.selected || m === -1) && (m = l), m === l && (u.props.disabled || u.props.muiSkipListHighlight || u.type.muiSkipListHighlight) && (m += 1, m >= p.length && (m = -1));
+    S.env.NODE_ENV !== "production" && ro.isFragment(u) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`)), u.props.disabled || (R === "selectedMenu" && u.props.selected || m === -1) && (m = s), m === s && (u.props.disabled || u.props.muiSkipListHighlight || u.type.muiSkipListHighlight) && (m += 1, m >= c.length && (m = -1));
   });
-  const x = a.Children.map(p, (u, l) => {
-    if (l === m) {
+  const x = l.Children.map(c, (u, s) => {
+    if (s === m) {
       const v = {};
-      return d && (v.autoFocus = !0), u.props.tabIndex === void 0 && R === "selectedMenu" && (v.tabIndex = 0), /* @__PURE__ */ a.cloneElement(u, v);
+      return d && (v.autoFocus = !0), u.props.tabIndex === void 0 && R === "selectedMenu" && (v.tabIndex = 0), /* @__PURE__ */ l.cloneElement(u, v);
     }
     return u;
   });
-  return /* @__PURE__ */ T(Wo, s({
+  return /* @__PURE__ */ T(Wo, a({
     role: "menu",
     ref: I,
-    className: c,
+    className: p,
     onKeyDown: k,
     tabIndex: i ? 0 : -1
   }, y, {
@@ -1919,15 +1922,15 @@ S.env.NODE_ENV !== "production" && (zo.propTypes = {
   variant: e.oneOf(["menu", "selectedMenu"])
 });
 function Hn(o) {
-  return de("MuiPopover", o);
+  return ce("MuiPopover", o);
 }
-ce("MuiPopover", ["root", "paper"]);
+pe("MuiPopover", ["root", "paper"]);
 const qn = ["onEntering"], Kn = ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "className", "container", "elevation", "marginThreshold", "open", "PaperProps", "slots", "slotProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps", "disableScrollLock"], Gn = ["slotProps"];
-function Ro(o, n) {
+function Po(o, n) {
   let t = 0;
   return typeof n == "number" ? t = n : n === "center" ? t = o.height / 2 : n === "bottom" && (t = o.height), t;
 }
-function Po(o, n) {
+function Ro(o, n) {
   let t = 0;
   return typeof n == "number" ? t = n : n === "center" ? t = o.width / 2 : n === "right" && (t = o.width), t;
 }
@@ -1941,15 +1944,15 @@ const Xn = (o) => {
   const {
     classes: n
   } = o;
-  return pe({
+  return fe({
     root: ["root"],
     paper: ["paper"]
   }, Hn, n);
-}, Yn = j(fn, {
+}, Yn = L(fn, {
   name: "MuiPopover",
   slot: "Root",
   overridesResolver: (o, n) => n.root
-})({}), Uo = j(jo, {
+})({}), Uo = L(jo, {
   name: "MuiPopover",
   slot: "Paper",
   overridesResolver: (o, n) => n.paper
@@ -1965,13 +1968,13 @@ const Xn = (o) => {
   maxHeight: "calc(100% - 32px)",
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0
-}), Ho = /* @__PURE__ */ a.forwardRef(function(n, t) {
+}), Ho = /* @__PURE__ */ l.forwardRef(function(n, t) {
   var r, i, d;
-  const p = be({
+  const c = be({
     props: n,
     name: "MuiPopover"
   }), {
-    action: c,
+    action: p,
     anchorEl: h,
     anchorOrigin: O = {
       vertical: "top",
@@ -1981,13 +1984,13 @@ const Xn = (o) => {
     anchorReference: R = "anchorEl",
     children: y,
     className: C,
-    container: E,
+    container: N,
     elevation: k = 8,
     marginThreshold: I = 16,
     open: m,
     PaperProps: x = {},
     slots: u,
-    slotProps: l,
+    slotProps: s,
     transformOrigin: v = {
       vertical: "top",
       horizontal: "left"
@@ -1995,10 +1998,10 @@ const Xn = (o) => {
     TransitionComponent: b = sn,
     transitionDuration: w = "auto",
     TransitionProps: {
-      onEntering: L
+      onEntering: _
     } = {},
     disableScrollLock: H = !1
-  } = p, W = q(p.TransitionProps, qn), Y = q(p, Kn), D = (r = l == null ? void 0 : l.paper) != null ? r : x, B = a.useRef(), G = ke(B, D.ref), Z = s({}, p, {
+  } = c, W = q(c.TransitionProps, qn), Y = q(c, Kn), D = (r = s == null ? void 0 : s.paper) != null ? r : x, B = l.useRef(), G = ke(B, D.ref), Z = a({}, c, {
     anchorOrigin: O,
     anchorReference: R,
     elevation: k,
@@ -2008,26 +2011,27 @@ const Xn = (o) => {
     TransitionComponent: b,
     transitionDuration: w,
     TransitionProps: W
-  }), oe = Xn(Z), X = a.useCallback(() => {
+  }), oe = Xn(Z), X = l.useCallback(() => {
     if (R === "anchorPosition")
-      return S.env.NODE_ENV, g;
-    const F = Ve(h), _ = F && F.nodeType === 1 ? F : Be(B.current).body, A = _.getBoundingClientRect();
+      return S.env.NODE_ENV !== "production" && (g || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), g;
+    const F = Ve(h), j = F && F.nodeType === 1 ? F : Be(B.current).body, A = j.getBoundingClientRect();
     if (S.env.NODE_ENV !== "production") {
-      const ie = _.getBoundingClientRect();
-      S.env.NODE_ENV !== "test" && ie.top === 0 && ie.left === 0 && ie.right === 0 && ie.bottom;
+      const ie = j.getBoundingClientRect();
+      S.env.NODE_ENV !== "test" && ie.top === 0 && ie.left === 0 && ie.right === 0 && ie.bottom === 0 && console.warn(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
+`));
     }
     return {
-      top: A.top + Ro(A, O.vertical),
-      left: A.left + Po(A, O.horizontal)
+      top: A.top + Po(A, O.vertical),
+      left: A.left + Ro(A, O.horizontal)
     };
-  }, [h, O.horizontal, O.vertical, g, R]), P = a.useCallback((F) => ({
-    vertical: Ro(F, v.vertical),
-    horizontal: Po(F, v.horizontal)
-  }), [v.horizontal, v.vertical]), Q = a.useCallback((F) => {
-    const _ = {
+  }, [h, O.horizontal, O.vertical, g, R]), P = l.useCallback((F) => ({
+    vertical: Po(F, v.vertical),
+    horizontal: Ro(F, v.horizontal)
+  }), [v.horizontal, v.vertical]), Q = l.useCallback((F) => {
+    const j = {
       width: F.offsetWidth,
       height: F.offsetHeight
-    }, A = P(_);
+    }, A = P(j);
     if (R === "none")
       return {
         top: null,
@@ -2036,15 +2040,16 @@ const Xn = (o) => {
       };
     const ie = X();
     let ae = ie.top - A.vertical, le = ie.left - A.horizontal;
-    const fe = ae + _.height, ve = le + _.width, z = He(Ve(h)), me = z.innerHeight - I, te = z.innerWidth - I;
+    const me = ae + j.height, ve = le + j.width, z = He(Ve(h)), ue = z.innerHeight - I, te = z.innerWidth - I;
     if (I !== null && ae < I) {
       const U = ae - I;
       ae -= U, A.vertical += U;
-    } else if (I !== null && fe > me) {
-      const U = fe - me;
+    } else if (I !== null && me > ue) {
+      const U = me - ue;
       ae -= U, A.vertical += U;
     }
-    if (S.env.NODE_ENV !== "production" && _.height > me && _.height, I !== null && le < I) {
+    if (S.env.NODE_ENV !== "production" && j.height > ue && j.height && ue && console.error(["MUI: The popover component is too tall.", `Some part of it can not be seen on the screen (${j.height - ue}px).`, "Please consider adding a `max-height` to improve the user-experience."].join(`
+`)), I !== null && le < I) {
       const U = le - I;
       le -= U, A.horizontal += U;
     } else if (ve > te) {
@@ -2056,41 +2061,41 @@ const Xn = (o) => {
       left: `${Math.round(le)}px`,
       transformOrigin: To(A)
     };
-  }, [h, R, X, P, I]), [se, Re] = a.useState(m), J = a.useCallback(() => {
+  }, [h, R, X, P, I]), [se, Pe] = l.useState(m), J = l.useCallback(() => {
     const F = B.current;
     if (!F)
       return;
-    const _ = Q(F);
-    _.top !== null && (F.style.top = _.top), _.left !== null && (F.style.left = _.left), F.style.transformOrigin = _.transformOrigin, Re(!0);
+    const j = Q(F);
+    j.top !== null && (F.style.top = j.top), j.left !== null && (F.style.left = j.left), F.style.transformOrigin = j.transformOrigin, Pe(!0);
   }, [Q]);
-  a.useEffect(() => (H && window.addEventListener("scroll", J), () => window.removeEventListener("scroll", J)), [h, H, J]);
-  const re = (F, _) => {
-    L && L(F, _), J();
+  l.useEffect(() => (H && window.addEventListener("scroll", J), () => window.removeEventListener("scroll", J)), [h, H, J]);
+  const re = (F, j) => {
+    _ && _(F, j), J();
   }, ee = () => {
-    Re(!1);
+    Pe(!1);
   };
-  a.useEffect(() => {
+  l.useEffect(() => {
     m && J();
-  }), a.useImperativeHandle(c, () => m ? {
+  }), l.useImperativeHandle(p, () => m ? {
     updatePosition: () => {
       J();
     }
-  } : null, [m, J]), a.useEffect(() => {
+  } : null, [m, J]), l.useEffect(() => {
     if (!m)
       return;
     const F = Eo(() => {
       J();
-    }), _ = He(h);
-    return _.addEventListener("resize", F), () => {
-      F.clear(), _.removeEventListener("resize", F);
+    }), j = He(h);
+    return j.addEventListener("resize", F), () => {
+      F.clear(), j.removeEventListener("resize", F);
     };
   }, [h, m, J]);
   let he = w;
   w === "auto" && !b.muiSupportAuto && (he = void 0);
-  const ne = E || (h ? Be(Ve(h)).body : void 0), Pe = (i = u == null ? void 0 : u.root) != null ? i : Yn, Te = (d = u == null ? void 0 : u.paper) != null ? d : Uo, xe = Ue({
+  const ne = N || (h ? Be(Ve(h)).body : void 0), Re = (i = u == null ? void 0 : u.root) != null ? i : Yn, Te = (d = u == null ? void 0 : u.paper) != null ? d : Uo, xe = Ue({
     elementType: Te,
-    externalSlotProps: s({}, D, {
-      style: se ? D.style : s({}, D.style, {
+    externalSlotProps: a({}, D, {
+      style: se ? D.style : a({}, D.style, {
         opacity: 0
       })
     }),
@@ -2099,10 +2104,10 @@ const Xn = (o) => {
       ref: G
     },
     ownerState: Z,
-    className: ue(oe.paper, D == null ? void 0 : D.className)
+    className: de(oe.paper, D == null ? void 0 : D.className)
   }), ge = Ue({
-    elementType: Pe,
-    externalSlotProps: (l == null ? void 0 : l.root) || {},
+    elementType: Re,
+    externalSlotProps: (s == null ? void 0 : s.root) || {},
     externalForwardedProps: Y,
     additionalProps: {
       ref: t,
@@ -2115,22 +2120,22 @@ const Xn = (o) => {
       open: m
     },
     ownerState: Z,
-    className: ue(oe.root, C)
+    className: de(oe.root, C)
   }), {
     slotProps: M
   } = ge, V = q(ge, Gn);
-  return /* @__PURE__ */ T(Pe, s({}, V, !eo(Pe) && {
+  return /* @__PURE__ */ T(Re, a({}, V, !eo(Re) && {
     slotProps: M,
     disableScrollLock: H
   }, {
-    children: /* @__PURE__ */ T(b, s({
+    children: /* @__PURE__ */ T(b, a({
       appear: !0,
       in: m,
       onEntering: re,
       onExited: ee,
       timeout: he
     }, W, {
-      children: /* @__PURE__ */ T(Te, s({}, xe, {
+      children: /* @__PURE__ */ T(Te, a({}, xe, {
         children: y
       }))
     }))
@@ -2314,9 +2319,9 @@ S.env.NODE_ENV !== "production" && (Ho.propTypes = {
   TransitionProps: e.object
 });
 function Zn(o) {
-  return de("MuiMenu", o);
+  return ce("MuiMenu", o);
 }
-ce("MuiMenu", ["root", "paper", "list"]);
+pe("MuiMenu", ["root", "paper", "list"]);
 const Jn = ["onEntering"], Qn = ["autoFocus", "children", "className", "disableAutoFocusItem", "MenuListProps", "onClose", "open", "PaperProps", "PopoverClasses", "transitionDuration", "TransitionProps", "variant", "slots", "slotProps"], et = {
   vertical: "top",
   horizontal: "right"
@@ -2327,17 +2332,17 @@ const Jn = ["onEntering"], Qn = ["autoFocus", "children", "className", "disableA
   const {
     classes: n
   } = o;
-  return pe({
+  return fe({
     root: ["root"],
     paper: ["paper"],
     list: ["list"]
   }, Zn, n);
-}, tt = j(Ho, {
+}, tt = L(Ho, {
   shouldForwardProp: (o) => Ce(o) || o === "classes",
   name: "MuiMenu",
   slot: "Root",
   overridesResolver: (o, n) => n.root
-})({}), rt = j(Uo, {
+})({}), rt = L(Uo, {
   name: "MuiMenu",
   slot: "Paper",
   overridesResolver: (o, n) => n.paper
@@ -2348,28 +2353,28 @@ const Jn = ["onEntering"], Qn = ["autoFocus", "children", "className", "disableA
   maxHeight: "calc(100% - 96px)",
   // Add iOS momentum scrolling for iOS < 13.0
   WebkitOverflowScrolling: "touch"
-}), it = j(zo, {
+}), it = L(zo, {
   name: "MuiMenu",
   slot: "List",
   overridesResolver: (o, n) => n.list
 })({
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0
-}), qo = /* @__PURE__ */ a.forwardRef(function(n, t) {
+}), qo = /* @__PURE__ */ l.forwardRef(function(n, t) {
   var r, i;
   const d = be({
     props: n,
     name: "MuiMenu"
   }), {
-    autoFocus: p = !0,
-    children: c,
+    autoFocus: c = !0,
+    children: p,
     className: h,
     disableAutoFocusItem: O = !1,
     MenuListProps: g = {},
     onClose: R,
     open: y,
     PaperProps: C = {},
-    PopoverClasses: E,
+    PopoverClasses: N,
     transitionDuration: k = "auto",
     TransitionProps: {
       onEntering: I
@@ -2377,16 +2382,16 @@ const Jn = ["onEntering"], Qn = ["autoFocus", "children", "className", "disableA
     variant: m = "selectedMenu",
     slots: x = {},
     slotProps: u = {}
-  } = d, l = q(d.TransitionProps, Jn), v = q(d, Qn), b = an(), w = s({}, d, {
-    autoFocus: p,
+  } = d, s = q(d.TransitionProps, Jn), v = q(d, Qn), b = an(), w = a({}, d, {
+    autoFocus: c,
     disableAutoFocusItem: O,
     MenuListProps: g,
     onEntering: I,
     PaperProps: C,
     transitionDuration: k,
-    TransitionProps: l,
+    TransitionProps: s,
     variant: m
-  }), L = nt(w), H = p && !O && y, W = a.useRef(null), Y = (P, Q) => {
+  }), _ = nt(w), H = c && !O && y, W = l.useRef(null), Y = (P, Q) => {
     W.current && W.current.adjustStyleForScrollbar(P, {
       direction: b ? "rtl" : "ltr"
     }), I && I(P, Q);
@@ -2394,21 +2399,22 @@ const Jn = ["onEntering"], Qn = ["autoFocus", "children", "className", "disableA
     P.key === "Tab" && (P.preventDefault(), R && R(P, "tabKeyDown"));
   };
   let B = -1;
-  a.Children.map(c, (P, Q) => {
-    /* @__PURE__ */ a.isValidElement(P) && (S.env.NODE_ENV !== "production" && ro.isFragment(P), P.props.disabled || (m === "selectedMenu" && P.props.selected || B === -1) && (B = Q));
+  l.Children.map(p, (P, Q) => {
+    /* @__PURE__ */ l.isValidElement(P) && (S.env.NODE_ENV !== "production" && ro.isFragment(P) && console.error(["MUI: The Menu component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`)), P.props.disabled || (m === "selectedMenu" && P.props.selected || B === -1) && (B = Q));
   });
   const G = (r = x.paper) != null ? r : rt, Z = (i = u.paper) != null ? i : C, oe = Ue({
     elementType: x.root,
     externalSlotProps: u.root,
     ownerState: w,
-    className: [L.root, h]
+    className: [_.root, h]
   }), X = Ue({
     elementType: G,
     externalSlotProps: Z,
     ownerState: w,
-    className: L.paper
+    className: _.paper
   });
-  return /* @__PURE__ */ T(tt, s({
+  return /* @__PURE__ */ T(tt, a({
     onClose: R,
     anchorOrigin: {
       vertical: "bottom",
@@ -2426,21 +2432,21 @@ const Jn = ["onEntering"], Qn = ["autoFocus", "children", "className", "disableA
     open: y,
     ref: t,
     transitionDuration: k,
-    TransitionProps: s({
+    TransitionProps: a({
       onEntering: Y
-    }, l),
+    }, s),
     ownerState: w
   }, v, {
-    classes: E,
-    children: /* @__PURE__ */ T(it, s({
+    classes: N,
+    children: /* @__PURE__ */ T(it, a({
       onKeyDown: D,
       actions: W,
-      autoFocus: p && (B === -1 || O),
+      autoFocus: c && (B === -1 || O),
       autoFocusItem: H,
       variant: m
     }, g, {
-      className: ue(L.list, g.className),
-      children: c
+      className: de(_.list, g.className),
+      children: p
     }))
   }));
 });
@@ -2551,25 +2557,25 @@ S.env.NODE_ENV !== "production" && (qo.propTypes = {
   variant: e.oneOf(["menu", "selectedMenu"])
 });
 function st(o) {
-  return de("MuiNativeSelect", o);
+  return ce("MuiNativeSelect", o);
 }
-const co = ce("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), at = ["className", "disabled", "error", "IconComponent", "inputRef", "variant"], lt = (o) => {
+const co = pe("MuiNativeSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]), at = ["className", "disabled", "error", "IconComponent", "inputRef", "variant"], lt = (o) => {
   const {
     classes: n,
     variant: t,
     disabled: r,
     multiple: i,
     open: d,
-    error: p
-  } = o, c = {
-    select: ["select", t, r && "disabled", i && "multiple", p && "error"],
+    error: c
+  } = o, p = {
+    select: ["select", t, r && "disabled", i && "multiple", c && "error"],
     icon: ["icon", `icon${Se(t)}`, d && "iconOpen", r && "disabled"]
   };
-  return pe(c, st, n);
+  return fe(p, st, n);
 }, Ko = ({
   ownerState: o,
   theme: n
-}) => s({
+}) => a({
   MozAppearance: "none",
   // Reset
   WebkitAppearance: "none",
@@ -2580,7 +2586,7 @@ const co = ce("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
   borderRadius: 0,
   // Reset
   cursor: "pointer",
-  "&:focus": s({}, n.vars ? {
+  "&:focus": a({}, n.vars ? {
     backgroundColor: `rgba(${n.vars.palette.common.onBackgroundChannel} / 0.05)`
   } : {
     backgroundColor: n.palette.mode === "light" ? "rgba(0, 0, 0, 0.05)" : "rgba(255, 255, 255, 0.05)"
@@ -2620,7 +2626,7 @@ const co = ce("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
   "&&&": {
     paddingRight: 32
   }
-}), ut = j("select", {
+}), ut = L("select", {
   name: "MuiNativeSelect",
   slot: "Select",
   shouldForwardProp: Ce,
@@ -2635,7 +2641,7 @@ const co = ce("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
 })(Ko), Go = ({
   ownerState: o,
   theme: n
-}) => s({
+}) => a({
   // We use a position absolute over a flexbox in order to forward the pointer events
   // to the input and to support wrapping tags..
   position: "absolute",
@@ -2654,7 +2660,7 @@ const co = ce("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
   right: 7
 }, o.variant === "outlined" && {
   right: 7
-}), dt = j("svg", {
+}), dt = L("svg", {
   name: "MuiNativeSelect",
   slot: "Icon",
   overridesResolver: (o, n) => {
@@ -2663,27 +2669,27 @@ const co = ce("MuiNativeSelect", ["root", "select", "multiple", "filled", "outli
     } = o;
     return [n.icon, t.variant && n[`icon${Se(t.variant)}`], t.open && n.iconOpen];
   }
-})(Go), Xo = /* @__PURE__ */ a.forwardRef(function(n, t) {
+})(Go), Xo = /* @__PURE__ */ l.forwardRef(function(n, t) {
   const {
     className: r,
     disabled: i,
     error: d,
-    IconComponent: p,
-    inputRef: c,
+    IconComponent: c,
+    inputRef: p,
     variant: h = "standard"
-  } = n, O = q(n, at), g = s({}, n, {
+  } = n, O = q(n, at), g = a({}, n, {
     disabled: i,
     variant: h,
     error: d
   }), R = lt(g);
-  return /* @__PURE__ */ Oe(a.Fragment, {
-    children: [/* @__PURE__ */ T(ut, s({
+  return /* @__PURE__ */ Oe(l.Fragment, {
+    children: [/* @__PURE__ */ T(ut, a({
       ownerState: g,
-      className: ue(R.select, r),
+      className: de(R.select, r),
       disabled: i,
-      ref: c || t
+      ref: p || t
     }, O)), n.multiple ? null : /* @__PURE__ */ T(dt, {
-      as: p,
+      as: c,
       ownerState: g,
       className: R.icon
     })]
@@ -2745,7 +2751,7 @@ S.env.NODE_ENV !== "production" && (Xo.propTypes = {
   variant: e.oneOf(["standard", "outlined", "filled"])
 });
 var xo;
-const ct = ["children", "classes", "className", "label", "notched"], pt = j("fieldset", {
+const ct = ["children", "classes", "className", "label", "notched"], pt = L("fieldset", {
   shouldForwardProp: Ce
 })({
   textAlign: "left",
@@ -2762,12 +2768,12 @@ const ct = ["children", "classes", "className", "label", "notched"], pt = j("fie
   borderWidth: 1,
   overflow: "hidden",
   minWidth: "0%"
-}), ft = j("legend", {
+}), ft = L("legend", {
   shouldForwardProp: Ce
 })(({
   ownerState: o,
   theme: n
-}) => s({
+}) => a({
   float: "unset",
   // Fix conflict with bootstrap
   width: "auto",
@@ -2781,7 +2787,7 @@ const ct = ["children", "classes", "className", "label", "notched"], pt = j("fie
     duration: 150,
     easing: n.transitions.easing.easeOut
   })
-}, o.withLabel && s({
+}, o.withLabel && a({
   display: "block",
   // Fix conflict with normalize.css and sanitize.css
   padding: 0,
@@ -2815,17 +2821,17 @@ function Yo(o) {
     className: n,
     label: t,
     notched: r
-  } = o, i = q(o, ct), d = t != null && t !== "", p = s({}, o, {
+  } = o, i = q(o, ct), d = t != null && t !== "", c = a({}, o, {
     notched: r,
     withLabel: d
   });
-  return /* @__PURE__ */ T(pt, s({
+  return /* @__PURE__ */ T(pt, a({
     "aria-hidden": !0,
     className: n,
-    ownerState: p
+    ownerState: c
   }, i, {
     children: /* @__PURE__ */ T(ft, {
-      ownerState: p,
+      ownerState: c,
       children: d ? /* @__PURE__ */ T("span", {
         children: t
       }) : (
@@ -2867,13 +2873,13 @@ S.env.NODE_ENV !== "production" && (Yo.propTypes = {
 const mt = ["components", "fullWidth", "inputComponent", "label", "multiline", "notched", "slots", "type"], bt = (o) => {
   const {
     classes: n
-  } = o, r = pe({
+  } = o, r = fe({
     root: ["root"],
     notchedOutline: ["notchedOutline"],
     input: ["input"]
   }, En, n);
-  return s({}, n, r);
-}, ht = j(Ge, {
+  return a({}, n, r);
+}, ht = L(Ge, {
   shouldForwardProp: (o) => Ce(o) || o === "classes",
   name: "MuiOutlinedInput",
   slot: "Root",
@@ -2883,7 +2889,7 @@ const mt = ["components", "fullWidth", "inputComponent", "label", "multiline", "
   ownerState: n
 }) => {
   const t = o.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
-  return s({
+  return a({
     position: "relative",
     borderRadius: (o.vars || o).shape.borderRadius,
     [`&:hover .${ye.notchedOutline}`]: {
@@ -2909,12 +2915,12 @@ const mt = ["components", "fullWidth", "inputComponent", "label", "multiline", "
     paddingLeft: 14
   }, n.endAdornment && {
     paddingRight: 14
-  }, n.multiline && s({
+  }, n.multiline && a({
     padding: "16.5px 14px"
   }, n.size === "small" && {
     padding: "8.5px 14px"
   }));
-}), gt = j(Yo, {
+}), gt = L(Yo, {
   name: "MuiOutlinedInput",
   slot: "NotchedOutline",
   overridesResolver: (o, n) => n.notchedOutline
@@ -2925,14 +2931,14 @@ const mt = ["components", "fullWidth", "inputComponent", "label", "multiline", "
   return {
     borderColor: o.vars ? `rgba(${o.vars.palette.common.onBackgroundChannel} / 0.23)` : n
   };
-}), vt = j(Xe, {
+}), vt = L(Xe, {
   name: "MuiOutlinedInput",
   slot: "Input",
   overridesResolver: Ke
 })(({
   theme: o,
   ownerState: n
-}) => s({
+}) => a({
   padding: "16.5px 14px"
 }, !o.vars && {
   "&:-webkit-autofill": {
@@ -2960,8 +2966,8 @@ const mt = ["components", "fullWidth", "inputComponent", "label", "multiline", "
   paddingLeft: 0
 }, n.endAdornment && {
   paddingRight: 0
-})), po = /* @__PURE__ */ a.forwardRef(function(n, t) {
-  var r, i, d, p, c;
+})), po = /* @__PURE__ */ l.forwardRef(function(n, t) {
+  var r, i, d, c, p;
   const h = be({
     props: n,
     name: "MuiOutlinedInput"
@@ -2971,37 +2977,37 @@ const mt = ["components", "fullWidth", "inputComponent", "label", "multiline", "
     inputComponent: R = "input",
     label: y,
     multiline: C = !1,
-    notched: E,
+    notched: N,
     slots: k = {},
     type: I = "text"
-  } = h, m = q(h, mt), x = bt(h), u = ao(), l = io({
+  } = h, m = q(h, mt), x = bt(h), u = ao(), s = io({
     props: h,
     muiFormControl: u,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
-  }), v = s({}, h, {
-    color: l.color || "primary",
-    disabled: l.disabled,
-    error: l.error,
-    focused: l.focused,
+  }), v = a({}, h, {
+    color: s.color || "primary",
+    disabled: s.disabled,
+    error: s.error,
+    focused: s.focused,
     formControl: u,
     fullWidth: g,
-    hiddenLabel: l.hiddenLabel,
+    hiddenLabel: s.hiddenLabel,
     multiline: C,
-    size: l.size,
+    size: s.size,
     type: I
-  }), b = (r = (i = k.root) != null ? i : O.Root) != null ? r : ht, w = (d = (p = k.input) != null ? p : O.Input) != null ? d : vt;
-  return /* @__PURE__ */ T(Ye, s({
+  }), b = (r = (i = k.root) != null ? i : O.Root) != null ? r : ht, w = (d = (c = k.input) != null ? c : O.Input) != null ? d : vt;
+  return /* @__PURE__ */ T(Ye, a({
     slots: {
       root: b,
       input: w
     },
-    renderSuffix: (L) => /* @__PURE__ */ T(gt, {
+    renderSuffix: (_) => /* @__PURE__ */ T(gt, {
       ownerState: v,
       className: x.notchedOutline,
-      label: y != null && y !== "" && l.required ? c || (c = /* @__PURE__ */ Oe(a.Fragment, {
+      label: y != null && y !== "" && s.required ? p || (p = /* @__PURE__ */ Oe(l.Fragment, {
         children: [y, " ", "*"]
       })) : y,
-      notched: typeof E < "u" ? E : !!(L.startAdornment || L.filled || L.focused)
+      notched: typeof N < "u" ? N : !!(_.startAdornment || _.filled || _.focused)
     }),
     fullWidth: g,
     inputComponent: R,
@@ -3009,7 +3015,7 @@ const mt = ["components", "fullWidth", "inputComponent", "label", "multiline", "
     ref: t,
     type: I
   }, m, {
-    classes: s({}, x, {
+    classes: a({}, x, {
       notchedOutline: null
     })
   }));
@@ -3182,11 +3188,11 @@ S.env.NODE_ENV !== "production" && (po.propTypes = {
 });
 po.muiName = "Input";
 function yt(o) {
-  return de("MuiSelect", o);
+  return ce("MuiSelect", o);
 }
-const Ae = ce("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
+const Ae = pe("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
 var wo;
-const Ot = ["aria-describedby", "aria-label", "autoFocus", "autoWidth", "children", "className", "defaultOpen", "defaultValue", "disabled", "displayEmpty", "error", "IconComponent", "inputRef", "labelId", "MenuProps", "multiple", "name", "onBlur", "onChange", "onClose", "onFocus", "onOpen", "open", "readOnly", "renderValue", "SelectDisplayProps", "tabIndex", "type", "value", "variant"], Ct = j("div", {
+const Ot = ["aria-describedby", "aria-label", "autoFocus", "autoWidth", "children", "className", "defaultOpen", "defaultValue", "disabled", "displayEmpty", "error", "IconComponent", "inputRef", "labelId", "MenuProps", "multiple", "name", "onBlur", "onChange", "onClose", "onFocus", "onOpen", "open", "readOnly", "renderValue", "SelectDisplayProps", "tabIndex", "type", "value", "variant"], Ct = L("div", {
   name: "MuiSelect",
   slot: "Select",
   overridesResolver: (o, n) => {
@@ -3220,7 +3226,7 @@ const Ot = ["aria-describedby", "aria-label", "autoFocus", "autoWidth", "childre
     whiteSpace: "nowrap",
     overflow: "hidden"
   }
-}), Rt = j("svg", {
+}), Pt = L("svg", {
   name: "MuiSelect",
   slot: "Icon",
   overridesResolver: (o, n) => {
@@ -3229,7 +3235,7 @@ const Ot = ["aria-describedby", "aria-label", "autoFocus", "autoWidth", "childre
     } = o;
     return [n.icon, t.variant && n[`icon${Se(t.variant)}`], t.open && n.iconOpen];
   }
-})(Go), Pt = j("input", {
+})(Go), Rt = L("input", {
   shouldForwardProp: (o) => tn(o) && o !== "classes",
   name: "MuiSelect",
   slot: "NativeInput",
@@ -3256,37 +3262,37 @@ const xt = (o) => {
     disabled: r,
     multiple: i,
     open: d,
-    error: p
-  } = o, c = {
-    select: ["select", t, r && "disabled", i && "multiple", p && "error"],
+    error: c
+  } = o, p = {
+    select: ["select", t, r && "disabled", i && "multiple", c && "error"],
     icon: ["icon", `icon${Se(t)}`, d && "iconOpen", r && "disabled"],
     nativeInput: ["nativeInput"]
   };
-  return pe(c, yt, n);
-}, Zo = /* @__PURE__ */ a.forwardRef(function(n, t) {
+  return fe(p, yt, n);
+}, Zo = /* @__PURE__ */ l.forwardRef(function(n, t) {
   var r;
   const {
     "aria-describedby": i,
     "aria-label": d,
-    autoFocus: p,
-    autoWidth: c,
+    autoFocus: c,
+    autoWidth: p,
     children: h,
     className: O,
     defaultOpen: g,
     defaultValue: R,
     disabled: y,
     displayEmpty: C,
-    error: E = !1,
+    error: N = !1,
     IconComponent: k,
     inputRef: I,
     labelId: m,
     MenuProps: x = {},
     multiple: u,
-    name: l,
+    name: s,
     onBlur: v,
     onChange: b,
     onClose: w,
-    onFocus: L,
+    onFocus: _,
     onOpen: H,
     open: W,
     readOnly: Y,
@@ -3299,67 +3305,67 @@ const xt = (o) => {
     controlled: Z,
     default: R,
     name: "Select"
-  }), [se, Re] = go({
+  }), [se, Pe] = go({
     controlled: W,
     default: g,
     name: "Select"
-  }), J = a.useRef(null), re = a.useRef(null), [ee, he] = a.useState(null), {
+  }), J = l.useRef(null), re = l.useRef(null), [ee, he] = l.useState(null), {
     current: ne
-  } = a.useRef(W != null), [Pe, Te] = a.useState(), xe = ke(t, I), ge = a.useCallback((f) => {
+  } = l.useRef(W != null), [Re, Te] = l.useState(), xe = ke(t, I), ge = l.useCallback((f) => {
     re.current = f, f && he(f);
   }, []), M = ee == null ? void 0 : ee.parentNode;
-  a.useImperativeHandle(xe, () => ({
+  l.useImperativeHandle(xe, () => ({
     focus: () => {
       re.current.focus();
     },
     node: J.current,
     value: P
-  }), [P]), a.useEffect(() => {
-    g && se && ee && !ne && (Te(c ? null : M.clientWidth), re.current.focus());
-  }, [ee, c]), a.useEffect(() => {
-    p && re.current.focus();
-  }, [p]), a.useEffect(() => {
+  }), [P]), l.useEffect(() => {
+    g && se && ee && !ne && (Te(p ? null : M.clientWidth), re.current.focus());
+  }, [ee, p]), l.useEffect(() => {
+    c && re.current.focus();
+  }, [c]), l.useEffect(() => {
     if (!m)
       return;
     const f = Be(re.current).getElementById(m);
     if (f) {
-      const N = () => {
+      const E = () => {
         getSelection().isCollapsed && re.current.focus();
       };
-      return f.addEventListener("click", N), () => {
-        f.removeEventListener("click", N);
+      return f.addEventListener("click", E), () => {
+        f.removeEventListener("click", E);
       };
     }
   }, [m]);
-  const V = (f, N) => {
-    f ? H && H(N) : w && w(N), ne || (Te(c ? null : M.clientWidth), Re(f));
+  const V = (f, E) => {
+    f ? H && H(E) : w && w(E), ne || (Te(p ? null : M.clientWidth), Pe(f));
   }, F = (f) => {
     f.button === 0 && (f.preventDefault(), re.current.focus(), V(!0, f));
-  }, _ = (f) => {
+  }, j = (f) => {
     V(!1, f);
-  }, A = a.Children.toArray(h), ie = (f) => {
-    const N = A.find((K) => K.props.value === f.target.value);
-    N !== void 0 && (Q(N.props.value), b && b(f, N));
-  }, ae = (f) => (N) => {
+  }, A = l.Children.toArray(h), ie = (f) => {
+    const E = A.find((K) => K.props.value === f.target.value);
+    E !== void 0 && (Q(E.props.value), b && b(f, E));
+  }, ae = (f) => (E) => {
     let K;
-    if (N.currentTarget.hasAttribute("tabindex")) {
+    if (E.currentTarget.hasAttribute("tabindex")) {
       if (u) {
         K = Array.isArray(P) ? P.slice() : [];
         const Me = P.indexOf(f.props.value);
         Me === -1 ? K.push(f.props.value) : K.splice(Me, 1);
       } else
         K = f.props.value;
-      if (f.props.onClick && f.props.onClick(N), P !== K && (Q(K), b)) {
-        const Me = N.nativeEvent || N, bo = new Me.constructor(Me.type, Me);
+      if (f.props.onClick && f.props.onClick(E), P !== K && (Q(K), b)) {
+        const Me = E.nativeEvent || E, bo = new Me.constructor(Me.type, Me);
         Object.defineProperty(bo, "target", {
           writable: !0,
           value: {
             value: K,
-            name: l
+            name: s
           }
         }), b(bo, f);
       }
-      u || V(!1, N);
+      u || V(!1, E);
     }
   }, le = (f) => {
     Y || [
@@ -3370,70 +3376,73 @@ const xt = (o) => {
       // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
       "Enter"
     ].indexOf(f.key) !== -1 && (f.preventDefault(), V(!0, f));
-  }, fe = ee !== null && se, ve = (f) => {
-    !fe && v && (Object.defineProperty(f, "target", {
+  }, me = ee !== null && se, ve = (f) => {
+    !me && v && (Object.defineProperty(f, "target", {
       writable: !0,
       value: {
         value: P,
-        name: l
+        name: s
       }
     }), v(f));
   };
   delete X["aria-invalid"];
-  let z, me;
+  let z, ue;
   const te = [];
   let U = !1, Ne = !1;
   (Ao({
     value: P
   }) || C) && (D ? z = D(P) : U = !0);
   const Fe = A.map((f) => {
-    if (!/* @__PURE__ */ a.isValidElement(f))
+    if (!/* @__PURE__ */ l.isValidElement(f))
       return null;
-    S.env.NODE_ENV !== "production" && ro.isFragment(f);
-    let N;
+    S.env.NODE_ENV !== "production" && ro.isFragment(f) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`));
+    let E;
     if (u) {
       if (!Array.isArray(P))
         throw new Error(S.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : So(2));
-      N = P.some((K) => Io(K, f.props.value)), N && U && te.push(f.props.children);
+      E = P.some((K) => Io(K, f.props.value)), E && U && te.push(f.props.children);
     } else
-      N = Io(P, f.props.value), N && U && (me = f.props.children);
-    return N && (Ne = !0), /* @__PURE__ */ a.cloneElement(f, {
-      "aria-selected": N ? "true" : "false",
+      E = Io(P, f.props.value), E && U && (ue = f.props.children);
+    return E && (Ne = !0), /* @__PURE__ */ l.cloneElement(f, {
+      "aria-selected": E ? "true" : "false",
       onClick: ae(f),
       onKeyUp: (K) => {
         K.key === " " && K.preventDefault(), f.props.onKeyUp && f.props.onKeyUp(K);
       },
       role: "option",
-      selected: N,
+      selected: E,
       value: void 0,
       // The value is most likely not a valid HTML attribute.
       "data-value": f.props.value
       // Instead, we provide it as a data attribute.
     });
   });
-  S.env.NODE_ENV !== "production" && a.useEffect(() => {
+  S.env.NODE_ENV !== "production" && l.useEffect(() => {
     if (!Ne && !u && P !== "") {
-      const f = A.map((N) => N.props.value);
+      const f = A.map((E) => E.props.value);
+      console.warn([`MUI: You have provided an out-of-range value \`${P}\` for the select ${s ? `(name="${s}") ` : ""}component.`, "Consider providing a value that matches one of the available options or ''.", `The available values are ${f.filter((E) => E != null).map((E) => `\`${E}\``).join(", ") || '""'}.`].join(`
+`));
     }
-  }, [Ne, A, u, l, P]), U && (u ? te.length === 0 ? z = null : z = te.reduce((f, N, K) => (f.push(N), K < te.length - 1 && f.push(", "), f), []) : z = me);
-  let De = Pe;
-  !c && ne && ee && (De = M.clientWidth);
+  }, [Ne, A, u, s, P]), U && (u ? te.length === 0 ? z = null : z = te.reduce((f, E, K) => (f.push(E), K < te.length - 1 && f.push(", "), f), []) : z = ue);
+  let De = Re;
+  !p && ne && ee && (De = M.clientWidth);
   let $;
   typeof G < "u" ? $ = G : $ = y ? null : 0;
-  const je = B.id || (l ? `mui-component-select-${l}` : void 0), we = s({}, n, {
+  const je = B.id || (s ? `mui-component-select-${s}` : void 0), we = a({}, n, {
     variant: oe,
     value: P,
-    open: fe,
-    error: E
-  }), Ze = xt(we), Je = s({}, x.PaperProps, (r = x.slotProps) == null ? void 0 : r.paper), mo = ln();
-  return /* @__PURE__ */ Oe(a.Fragment, {
-    children: [/* @__PURE__ */ T(Ct, s({
+    open: me,
+    error: N
+  }), Ze = xt(we), Je = a({}, x.PaperProps, (r = x.slotProps) == null ? void 0 : r.paper), mo = ln();
+  return /* @__PURE__ */ Oe(l.Fragment, {
+    children: [/* @__PURE__ */ T(Ct, a({
       ref: ge,
       tabIndex: $,
       role: "combobox",
       "aria-controls": mo,
       "aria-disabled": y ? "true" : void 0,
-      "aria-expanded": fe ? "true" : "false",
+      "aria-expanded": me ? "true" : "false",
       "aria-haspopup": "listbox",
       "aria-label": d,
       "aria-labelledby": [m, je].filter(Boolean).join(" ") || void 0,
@@ -3441,10 +3450,10 @@ const xt = (o) => {
       onKeyDown: le,
       onMouseDown: y || Y ? null : F,
       onBlur: ve,
-      onFocus: L
+      onFocus: _
     }, B, {
       ownerState: we,
-      className: ue(B.className, Ze.select, O),
+      className: de(B.className, Ze.select, O),
       id: je,
       children: Tt(z) ? (
         // notranslate needed while Google Translate will not fix zero-width space issue
@@ -3453,27 +3462,27 @@ const xt = (o) => {
           children: "​"
         }))
       ) : z
-    })), /* @__PURE__ */ T(Pt, s({
-      "aria-invalid": E,
+    })), /* @__PURE__ */ T(Rt, a({
+      "aria-invalid": N,
       value: Array.isArray(P) ? P.join(",") : P,
-      name: l,
+      name: s,
       ref: J,
       "aria-hidden": !0,
       onChange: ie,
       tabIndex: -1,
       disabled: y,
       className: Ze.nativeInput,
-      autoFocus: p,
+      autoFocus: c,
       ownerState: we
-    }, X)), /* @__PURE__ */ T(Rt, {
+    }, X)), /* @__PURE__ */ T(Pt, {
       as: k,
       className: Ze.icon,
       ownerState: we
-    }), /* @__PURE__ */ T(qo, s({
-      id: `menu-${l || ""}`,
+    }), /* @__PURE__ */ T(qo, a({
+      id: `menu-${s || ""}`,
       anchorEl: M,
-      open: fe,
-      onClose: _,
+      open: me,
+      onClose: j,
       anchorOrigin: {
         vertical: "bottom",
         horizontal: "center"
@@ -3483,16 +3492,16 @@ const xt = (o) => {
         horizontal: "center"
       }
     }, x, {
-      MenuListProps: s({
+      MenuListProps: a({
         "aria-labelledby": m,
         role: "listbox",
         "aria-multiselectable": u ? "true" : void 0,
         disableListWrap: !0,
         id: mo
       }, x.MenuListProps),
-      slotProps: s({}, x.slotProps, {
-        paper: s({}, Je, {
-          style: s({
+      slotProps: a({}, x.slotProps, {
+        paper: a({}, Je, {
+          style: a({
             minWidth: De
           }, Je != null ? Je.style : null)
         })
@@ -3655,57 +3664,57 @@ const wt = ["autoWidth", "children", "classes", "className", "defaultOpen", "dis
   overridesResolver: (o, n) => n.root,
   shouldForwardProp: (o) => Ce(o) && o !== "variant",
   slot: "Root"
-}, Et = j(uo, fo)(""), Nt = j(po, fo)(""), Mt = j(lo, fo)(""), Jo = /* @__PURE__ */ a.forwardRef(function(n, t) {
+}, Et = L(uo, fo)(""), Nt = L(po, fo)(""), Mt = L(lo, fo)(""), Jo = /* @__PURE__ */ l.forwardRef(function(n, t) {
   const r = be({
     name: "MuiSelect",
     props: n
   }), {
     autoWidth: i = !1,
     children: d,
-    classes: p = {},
-    className: c,
+    classes: c = {},
+    className: p,
     defaultOpen: h = !1,
     displayEmpty: O = !1,
     IconComponent: g = Mn,
     id: R,
     input: y,
     inputProps: C,
-    label: E,
+    label: N,
     labelId: k,
     MenuProps: I,
     multiple: m = !1,
     native: x = !1,
     onClose: u,
-    onOpen: l,
+    onOpen: s,
     open: v,
     renderValue: b,
     SelectDisplayProps: w,
-    variant: L = "outlined"
+    variant: _ = "outlined"
   } = r, H = q(r, wt), W = x ? Xo : Zo, Y = ao(), D = io({
     props: r,
     muiFormControl: Y,
     states: ["variant", "error"]
-  }), B = D.variant || L, G = s({}, r, {
+  }), B = D.variant || _, G = a({}, r, {
     variant: B,
-    classes: p
+    classes: c
   }), Z = St(G), oe = q(Z, It), X = y || {
     standard: /* @__PURE__ */ T(Et, {
       ownerState: G
     }),
     outlined: /* @__PURE__ */ T(Nt, {
-      label: E,
+      label: N,
       ownerState: G
     }),
     filled: /* @__PURE__ */ T(Mt, {
       ownerState: G
     })
   }[B], P = ke(t, cn(X));
-  return /* @__PURE__ */ T(a.Fragment, {
-    children: /* @__PURE__ */ a.cloneElement(X, s({
+  return /* @__PURE__ */ T(l.Fragment, {
+    children: /* @__PURE__ */ l.cloneElement(X, a({
       // Most of the logic is implemented in `SelectInput`.
       // The `Select` component is a simple API wrapper to expose something better to play with.
       inputComponent: W,
-      inputProps: s({
+      inputProps: a({
         children: d,
         error: D.error,
         IconComponent: g,
@@ -3722,10 +3731,10 @@ const wt = ["autoWidth", "children", "classes", "className", "defaultOpen", "dis
         labelId: k,
         MenuProps: I,
         onClose: u,
-        onOpen: l,
+        onOpen: s,
         open: v,
         renderValue: b,
-        SelectDisplayProps: s({
+        SelectDisplayProps: a({
           id: R
         }, w)
       }, C, {
@@ -3735,7 +3744,7 @@ const wt = ["autoWidth", "children", "classes", "className", "defaultOpen", "dis
       notched: !0
     } : {}, {
       ref: P,
-      className: ue(X.props.className, c, Z.root)
+      className: de(X.props.className, p, Z.root)
     }, !y && {
       variant: B
     }, H))