@codeplex-sac/ui 0.0.10 → 0.0.12

package/index.js

@@ -222,13 +222,13 @@ function yi() {
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return ka = e, ka;
 }
-var Ra, ds;
+var Pa, ds;
 function _l() {
-  return ds || (ds = 1, Ra = Function.call.bind(Object.prototype.hasOwnProperty)), Ra;
+  return ds || (ds = 1, Pa = Function.call.bind(Object.prototype.hasOwnProperty)), Pa;
 }
-var Pa, us;
+var Ra, us;
 function au() {
-  if (us) return Pa;
+  if (us) return Ra;
   us = 1;
   var e = function() {
   };
@@ -273,7 +273,7 @@ function au() {
   }
   return a.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (n = {});
-  }, Pa = a, Pa;
+  }, Ra = a, Ra;
 }
 var Ia, ps;
 function iu() {
@@ -1139,7 +1139,7 @@ function Gt(e, o) {
     transform: o
   });
 }
-const Eu = Gt("border", Ft), ku = Gt("borderTop", Ft), Ru = Gt("borderRight", Ft), Pu = Gt("borderBottom", Ft), Iu = Gt("borderLeft", Ft), $u = Gt("borderColor"), Mu = Gt("borderTopColor"), Nu = Gt("borderRightColor"), Au = Gt("borderBottomColor"), Lu = Gt("borderLeftColor"), Bu = Gt("outline", Ft), Du = Gt("outlineColor"), Yr = (e) => {
+const Eu = Gt("border", Ft), ku = Gt("borderTop", Ft), Pu = Gt("borderRight", Ft), Ru = Gt("borderBottom", Ft), Iu = Gt("borderLeft", Ft), $u = Gt("borderColor"), Mu = Gt("borderTopColor"), Nu = Gt("borderRightColor"), Au = Gt("borderBottomColor"), Lu = Gt("borderLeftColor"), Bu = Gt("outline", Ft), Du = Gt("outlineColor"), Yr = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const o = Xn(e.theme, "shape.borderRadius", 4, "borderRadius"), n = (r) => ({
       borderRadius: Zn(o, r)
@@ -1152,7 +1152,7 @@ Yr.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: Eo
 } : {};
 Yr.filterProps = ["borderRadius"];
-Kr(Eu, ku, Ru, Pu, Iu, $u, Mu, Nu, Au, Lu, Yr, Bu, Du);
+Kr(Eu, ku, Pu, Ru, Iu, $u, Mu, Nu, Au, Lu, Yr, Bu, Du);
 const Xr = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const o = Xn(e.theme, "spacing", 8, "gap"), n = (r) => ({
@@ -1723,7 +1723,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
 const lp = (e) => {
   const o = To(e);
   return o.values.slice(0, 3).map((n, r) => o.type.includes("hsl") && r !== 0 ? `${n}%` : n).join(" ");
-}, Pn = (e, o) => {
+}, Rn = (e, o) => {
   try {
     return lp(e);
   } catch {
@@ -1761,12 +1761,12 @@ function Ss(e, o) {
   const n = Ga(e), r = Ga(o);
   return (Math.max(n, r) + 0.05) / (Math.min(n, r) + 0.05);
 }
-function Rr(e, o) {
+function Pr(e, o) {
   return e = To(e), o = Ci(o), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${o}` : e.values[3] = o, Qr(e);
 }
 function Io(e, o, n) {
   try {
-    return Rr(e, o);
+    return Pr(e, o);
   } catch {
     return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
   }
@@ -2222,7 +2222,7 @@ var xp = /[A-Z]|^ms/g, Cp = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Zl = function(o) {
   }
   return yp[o] !== 1 && !Zl(o) && typeof n == "number" && n !== 0 ? n + "px" : n;
 };
-function Pr(e, o, n) {
+function Rr(e, o, n) {
   if (n == null)
     return "";
   var r = n;
@@ -2262,7 +2262,7 @@ function wp(e, o, n) {
   var r = "";
   if (Array.isArray(n))
     for (var a = 0; a < n.length; a++)
-      r += Pr(e, o, n[a]) + ";";
+      r += Rr(e, o, n[a]) + ";";
   else
     for (var i in n) {
       var s = n[i];
@@ -2273,7 +2273,7 @@ function wp(e, o, n) {
         for (var c = 0; c < s.length; c++)
           Es(s[c]) && (r += Ma(i) + ":" + ks(i, s[c]) + ";");
       else {
-        var d = Pr(e, o, s);
+        var d = Rr(e, o, s);
         switch (i) {
           case "animation":
           case "animationName": {
@@ -2287,7 +2287,7 @@ function wp(e, o, n) {
     }
   return r;
 }
-var Rs = /label:\s*([^\s;{]+)\s*(;|$)/g, xo;
+var Ps = /label:\s*([^\s;{]+)\s*(;|$)/g, xo;
 function Sp(e, o, n) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
@@ -2295,18 +2295,18 @@ function Sp(e, o, n) {
   xo = void 0;
   var i = e[0];
   if (i == null || i.raw === void 0)
-    r = !1, a += Pr(n, o, i);
+    r = !1, a += Rr(n, o, i);
   else {
     var s = i;
     a += s[0];
   }
   for (var l = 1; l < e.length; l++)
-    if (a += Pr(n, o, e[l]), r) {
+    if (a += Rr(n, o, e[l]), r) {
       var c = i;
       a += c[l];
     }
-  Rs.lastIndex = 0;
-  for (var d = "", u; (u = Rs.exec(a)) !== null; )
+  Ps.lastIndex = 0;
+  for (var d = "", u; (u = Ps.exec(a)) !== null; )
     d += "-" + u[1];
   var m = hp(a) + d;
   return {
@@ -2326,9 +2326,9 @@ function Tp(e, o) {
 function Op(e, o) {
   Array.isArray(e.__emotion_styles) && (e.__emotion_styles = o(e.__emotion_styles));
 }
-const Ps = [];
+const Rs = [];
 function Do(e) {
-  return Ps[0] = e, Sp(Ps);
+  return Rs[0] = e, Sp(Rs);
 }
 const Ep = "exact-prop: ​";
 function Si(e) {
@@ -2342,9 +2342,9 @@ function Si(e) {
 }
 const Ut = typeof window < "u" ? w.useLayoutEffect : w.useEffect, kp = /* @__PURE__ */ w.createContext();
 process.env.NODE_ENV !== "production" && (t.node, t.bool);
-const bn = () => w.useContext(kp) ?? !1, Rp = /* @__PURE__ */ w.createContext(void 0);
+const bn = () => w.useContext(kp) ?? !1, Pp = /* @__PURE__ */ w.createContext(void 0);
 process.env.NODE_ENV !== "production" && (t.node, t.object);
-function Pp(e) {
+function Rp(e) {
   const {
     theme: o,
     name: n,
@@ -2359,8 +2359,8 @@ function Ip({
   props: e,
   name: o
 }) {
-  const n = w.useContext(Rp);
-  return Pp({
+  const n = w.useContext(Pp);
+  return Rp({
     props: e,
     name: o,
     theme: {
@@ -2900,7 +2900,7 @@ function nf(e) {
   Object.assign(e, {
     alpha(o, n) {
       const r = this || e;
-      return r.colorSpace ? `oklch(from ${o} l c h / ${typeof n == "string" ? `calc(${n})` : n})` : r.vars ? `rgba(${o.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof n == "string" ? `calc(${n})` : n})` : Rr(o, of(n));
+      return r.colorSpace ? `oklch(from ${o} l c h / ${typeof n == "string" ? `calc(${n})` : n})` : r.vars ? `rgba(${o.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof n == "string" ? `calc(${n})` : n})` : Pr(o, of(n));
     },
     lighten(o, n) {
       const r = this || e;
@@ -3075,7 +3075,7 @@ function In(e) {
   return typeof e != "string" || !e.startsWith("hsl") ? e : Gl(e);
 }
 function io(e, o) {
-  `${o}Channel` in e || (e[`${o}Channel`] = Pn(In(e[o]), `MUI: Can't create \`palette.${o}Channel\` because \`palette.${o}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+  `${o}Channel` in e || (e[`${o}Channel`] = Rn(In(e[o]), `MUI: Can't create \`palette.${o}Channel\` because \`palette.${o}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
 To suppress this warning, you need to explicitly provide the \`palette.${o}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
 }
 function uf(e) {
@@ -3191,7 +3191,7 @@ function ff(e = {}, ...o) {
     }
     io(f.background, "default"), io(f.background, "paper"), io(f.common, "background"), io(f.common, "onBackground"), io(f, "divider"), Object.keys(f).forEach((N) => {
       const k = f[N];
-      N !== "tonalOffset" && k && typeof k == "object" && (k.main && q(f[N], "mainChannel", Pn(In(k.main))), k.light && q(f[N], "lightChannel", Pn(In(k.light))), k.dark && q(f[N], "darkChannel", Pn(In(k.dark))), k.contrastText && q(f[N], "contrastTextChannel", Pn(In(k.contrastText))), N === "text" && (io(f[N], "primary"), io(f[N], "secondary")), N === "action" && (k.active && io(f[N], "active"), k.selected && io(f[N], "selected")));
+      N !== "tonalOffset" && k && typeof k == "object" && (k.main && q(f[N], "mainChannel", Rn(In(k.main))), k.light && q(f[N], "lightChannel", Rn(In(k.light))), k.dark && q(f[N], "darkChannel", Rn(In(k.dark))), k.contrastText && q(f[N], "contrastTextChannel", Rn(In(k.contrastText))), N === "text" && (io(f[N], "primary"), io(f[N], "secondary")), N === "action" && (k.active && io(f[N], "active"), k.selected && io(f[N], "selected")));
     });
   }), E = o.reduce((L, f) => Tt(L, f), E);
   const M = {
@@ -3526,7 +3526,7 @@ const kf = (e) => {
     root: ["root", o !== "inherit" && `color${F(o)}`, `fontSize${F(n)}`]
   };
   return we(a, Ef, r);
-}, Rf = j("svg", {
+}, Pf = j("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, o) => {
@@ -3648,7 +3648,7 @@ const kf = (e) => {
   }, y = {};
   u || (y.viewBox = b);
   const C = kf(p);
-  return /* @__PURE__ */ ee(Rf, {
+  return /* @__PURE__ */ ee(Pf, {
     as: l,
     className: ae(C.root, i),
     focusable: "false",
@@ -3778,7 +3778,7 @@ function co(e) {
 function Ja(e, o) {
   typeof e == "function" ? e(o) : e && (e.current = o);
 }
-function Pf(e, o, n, r, a) {
+function Rf(e, o, n, r, a) {
   if (process.env.NODE_ENV === "production")
     return null;
   const i = a || o;
@@ -3901,7 +3901,7 @@ function cc(e, o) {
     }
   };
 }
-const Rt = t.oneOfType([t.func, t.object]);
+const Pt = t.oneOfType([t.func, t.object]);
 function xt(e, o) {
   return process.env.NODE_ENV === "production" ? () => null : function(...r) {
     return e(...r) || o(...r);
@@ -4966,7 +4966,7 @@ const Jf = Ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), Qf = (e) =
     b && !re.repeat && B && re.key === " " && W.stop(re, () => {
       W.start(re);
     }), re.target === re.currentTarget && se() && re.key === " " && re.preventDefault(), T && T(re), re.target === re.currentTarget && se() && re.key === "Enter" && !d && (re.preventDefault(), y && y(re));
-  }), Re = ht((re) => {
+  }), Pe = ht((re) => {
     b && re.key === " " && B && !re.defaultPrevented && W.stop(re, () => {
       W.pulsate(re);
     }), E && E(re), y && re.target === re.currentTarget && se() && re.key === " " && !re.defaultPrevented && y(re);
@@ -4999,7 +4999,7 @@ const Jf = Ce("MuiButtonBase", ["root", "disabled", "focusVisible"]), Qf = (e) =
     onContextMenu: K,
     onFocus: le,
     onKeyDown: ue,
-    onKeyUp: Re,
+    onKeyUp: Pe,
     onMouseDown: ne,
     onMouseLeave: ce,
     onMouseUp: ie,
@@ -5031,7 +5031,7 @@ process.env.NODE_ENV !== "production" && (uo.propTypes = {
    * A ref for imperative actions.
    * It currently only supports `focusVisible()` action.
    */
-  action: Rt,
+  action: Pt,
   /**
    * If `true`, the ripples are centered.
    * They won't start at the cursor interaction position.
@@ -5468,8 +5468,8 @@ function um(e) {
 }
 const $o = Ce("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge", "loading", "loadingWrapper", "loadingIconPlaceholder", "loadingIndicator", "loadingPositionCenter", "loadingPositionStart", "loadingPositionEnd"]), ki = /* @__PURE__ */ w.createContext({});
 process.env.NODE_ENV !== "production" && (ki.displayName = "ButtonGroupContext");
-const Ri = /* @__PURE__ */ w.createContext(void 0);
-process.env.NODE_ENV !== "production" && (Ri.displayName = "ButtonGroupButtonContext");
+const Pi = /* @__PURE__ */ w.createContext(void 0);
+process.env.NODE_ENV !== "production" && (Pi.displayName = "ButtonGroupButtonContext");
 const pm = (e) => {
   const {
     color: o,
@@ -5910,8 +5910,8 @@ const pm = (e) => {
   display: "inline-block",
   width: "1em",
   height: "1em"
-}), Pi = /* @__PURE__ */ w.forwardRef(function(o, n) {
-  const r = w.useContext(ki), a = w.useContext(Ri), i = Er(r, o), s = Te({
+}), Ri = /* @__PURE__ */ w.forwardRef(function(o, n) {
+  const r = w.useContext(ki), a = w.useContext(Pi), i = Er(r, o), s = Te({
     props: i,
     name: "MuiButton"
   }), {
@@ -5995,7 +5995,7 @@ const pm = (e) => {
     children: [R, x !== "end" && z, l, x === "end" && z, N]
   });
 });
-process.env.NODE_ENV !== "production" && (Pi.propTypes = {
+process.env.NODE_ENV !== "production" && (Ri.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -6273,7 +6273,7 @@ const vm = it(/* @__PURE__ */ h("path", {
       ] });
     };
     return /* @__PURE__ */ h(
-      Pi,
+      Ri,
       {
         ref: x,
         variant: L(e),
@@ -6895,7 +6895,7 @@ const Em = Mt`
       animation: `${Em} 1.5s infinite ease-in-out`
     }
   }
-})), Rm = ({
+})), Pm = ({
   children: e,
   color: o = "primario",
   contenido: n,
@@ -6948,10 +6948,10 @@ const Em = Mt`
       children: e
     }
   );
-}, W1 = Rm, Pm = Ce("MuiBox", ["root"]), Im = nc(), Ue = _d({
+}, W1 = Pm, Rm = Ce("MuiBox", ["root"]), Im = nc(), Ue = _d({
   themeId: oa,
   defaultTheme: Im,
-  defaultClassName: Pm.root,
+  defaultClassName: Rm.root,
   generateClassName: Ul.generate
 });
 process.env.NODE_ENV !== "production" && (Ue.propTypes = {
@@ -8524,7 +8524,7 @@ const cg = (e) => {
           "--Paper-overlay": a.vars.overlays?.[l]
         },
         ...!a.vars && a.palette.mode === "dark" && {
-          "--Paper-overlay": `linear-gradient(${Rr("#fff", Za(l))}, ${Rr("#fff", Za(l))})`
+          "--Paper-overlay": `linear-gradient(${Pr("#fff", Za(l))}, ${Pr("#fff", Za(l))})`
         }
       },
       ...u.style
@@ -9204,13 +9204,13 @@ const Eg = ({
       ]
     }
   );
-}, J1 = kg, Rg = {
+}, J1 = kg, Pg = {
   info: "bg-blue-50 text-blue-800 border-blue-200 dark:bg-blue-900/30 dark:text-blue-100 dark:border-blue-800/60",
   success: "bg-emerald-50 text-emerald-800 border-emerald-200 dark:bg-emerald-900/30 dark:text-emerald-100 dark:border-emerald-800/60",
   warning: "bg-amber-50 text-amber-800 border-amber-200 dark:bg-amber-900/30 dark:text-amber-100 dark:border-amber-800/60",
   error: "bg-red-50 text-red-800 border-red-200 dark:bg-red-900/30 dark:text-red-100 dark:border-red-800/60",
   neutral: "bg-gray-50 text-gray-800 border-gray-200 dark:bg-gray-900/40 dark:text-gray-100 dark:border-gray-700"
-}, Pg = ({
+}, Rg = ({
   titulo: e,
   descripcion: o,
   variante: n = "info",
@@ -9225,7 +9225,7 @@ const Eg = ({
 }) => {
   const [m, b] = eo(!0);
   if (!(i !== void 0 ? i : m)) return null;
-  const g = Rg[n], p = r ?? (n === "success" ? "✅" : n === "warning" ? "⚠️" : n === "error" ? "⛔" : n === "neutral" ? "💡" : "ℹ️"), y = n === "error" || n === "warning" ? "alert" : "status", C = () => {
+  const g = Pg[n], p = r ?? (n === "success" ? "✅" : n === "warning" ? "⚠️" : n === "error" ? "⛔" : n === "neutral" ? "💡" : "ℹ️"), y = n === "error" || n === "warning" ? "alert" : "status", C = () => {
     i === void 0 && b(!1), s && s();
   };
   return /* @__PURE__ */ h("div", { className: l ? "w-full" : "inline-flex", ...u, children: /* @__PURE__ */ ee(
@@ -9275,7 +9275,7 @@ const Eg = ({
       ]
     }
   ) });
-}, Q1 = Pg;
+}, Q1 = Rg;
 function Ig(e) {
   return xe("MuiAlert", e);
 }
@@ -9972,7 +9972,7 @@ process.env.NODE_ENV !== "production" && (Bi.propTypes = {
    */
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-const Rc = (e) => e.scrollTop;
+const Pc = (e) => e.scrollTop;
 function dn(e, o) {
   const {
     timeout: n,
@@ -10109,14 +10109,14 @@ const Kg = (e) => {
     ...r,
     orientation: C,
     collapsedSize: l
-  }, I = Kg(P), A = Nt(), L = Co(), f = w.useRef(null), $ = w.useRef(), R = typeof l == "number" ? `${l}px` : l, N = C === "horizontal", k = N ? "width" : "height", z = w.useRef(null), V = ot(n, z), W = (ue) => (Re) => {
+  }, I = Kg(P), A = Nt(), L = Co(), f = w.useRef(null), $ = w.useRef(), R = typeof l == "number" ? `${l}px` : l, N = C === "horizontal", k = N ? "width" : "height", z = w.useRef(null), V = ot(n, z), W = (ue) => (Pe) => {
     if (ue) {
       const ke = z.current;
-      Re === void 0 ? ue(ke) : ue(ke, Re);
+      Pe === void 0 ? ue(ke) : ue(ke, Pe);
     }
-  }, D = () => f.current ? f.current[N ? "clientWidth" : "clientHeight"] : 0, B = W((ue, Re) => {
-    f.current && N && (f.current.style.position = "absolute"), ue.style[k] = R, m && m(ue, Re);
-  }), Y = W((ue, Re) => {
+  }, D = () => f.current ? f.current[N ? "clientWidth" : "clientHeight"] : 0, B = W((ue, Pe) => {
+    f.current && N && (f.current.style.position = "absolute"), ue.style[k] = R, m && m(ue, Pe);
+  }), Y = W((ue, Pe) => {
     const ke = D();
     f.current && N && (f.current.style.position = "");
     const {
@@ -10134,13 +10134,13 @@ const Kg = (e) => {
       ue.style.transitionDuration = `${Se}ms`, $.current = Se;
     } else
       ue.style.transitionDuration = typeof te == "string" ? te : `${te}ms`;
-    ue.style[k] = `${ke}px`, ue.style.transitionTimingFunction = je, v && v(ue, Re);
-  }), Z = W((ue, Re) => {
-    ue.style[k] = "auto", b && b(ue, Re);
+    ue.style[k] = `${ke}px`, ue.style.transitionTimingFunction = je, v && v(ue, Pe);
+  }), Z = W((ue, Pe) => {
+    ue.style[k] = "auto", b && b(ue, Pe);
   }), ne = W((ue) => {
     ue.style[k] = `${D()}px`, g && g(ue);
   }), K = W(p), U = W((ue) => {
-    const Re = D(), {
+    const Pe = D(), {
       duration: ke,
       easing: te
     } = dn({
@@ -10151,7 +10151,7 @@ const Kg = (e) => {
       mode: "exit"
     });
     if (T === "auto") {
-      const je = A.transitions.getAutoHeightDuration(Re);
+      const je = A.transitions.getAutoHeightDuration(Pe);
       ue.style.transitionDuration = `${je}ms`, $.current = je;
     } else
       ue.style.transitionDuration = typeof ke == "string" ? ke : `${ke}ms`;
@@ -10199,7 +10199,7 @@ const Kg = (e) => {
     timeout: T === "auto" ? null : T,
     ...M,
     children: (ue, {
-      ownerState: Re,
+      ownerState: Pe,
       ...ke
     }) => {
       const te = {
@@ -10460,7 +10460,7 @@ function Qg(e) {
   } = e;
   return !!o.isReactComponent;
 }
-function Pc(e, o, n, r, a) {
+function Rc(e, o, n, r, a) {
   const i = e[o], s = a || o;
   if (i == null || // When server-side rendering React doesn't warn either.
   // This is not an accurate check for SSR.
@@ -10472,8 +10472,8 @@ function Pc(e, o, n, r, a) {
   const c = i.type;
   return typeof c == "function" && !Qg(c) && (l = "Did you accidentally use a plain function component for an element instead?"), l !== void 0 ? new Error(`Invalid ${r} \`${s}\` supplied to \`${n}\`. Expected an element that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
 }
-const Wo = xt(t.element, Pc);
-Wo.isRequired = xt(t.element.isRequired, Pc);
+const Wo = xt(t.element, Rc);
+Wo.isRequired = xt(t.element.isRequired, Rc);
 function Uo(e) {
   return parseInt(w.version, 10) >= 19 ? e?.props?.ref || null : e?.ref || null;
 }
@@ -10513,7 +10513,7 @@ const eb = {
       k === void 0 ? N(z) : N(z, k);
     }
   }, P = M(u), I = M((N, k) => {
-    Rc(N);
+    Pc(N);
     const {
       duration: z,
       delay: V,
@@ -10800,7 +10800,7 @@ function fo(e) {
 function bb(e) {
   return ["table", "td", "th"].indexOf(ao(e)) >= 0;
 }
-function Ro(e) {
+function Po(e) {
   return ((Fo(e) ? e.ownerDocument : (
     // $FlowFixMe[prop-missing]
     e.document
@@ -10815,7 +10815,7 @@ function aa(e) {
     e.parentNode || // DOM Element detected
     (ji(e) ? e.host : null) || // ShadowRoot detected
     // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    Ro(e)
+    Po(e)
   );
 }
 function Xs(e) {
@@ -10922,7 +10922,7 @@ function Zs(e) {
   var C = s.hasOwnProperty("x"), O = s.hasOwnProperty("y"), S = $t, x = It, T = window;
   if (d) {
     var E = or(n), M = "clientHeight", P = "clientWidth";
-    if (E === Dt(n) && (E = Ro(n), fo(E).position !== "static" && l === "absolute" && (M = "scrollHeight", P = "scrollWidth")), E = E, a === It || (a === $t || a === qt) && i === Un) {
+    if (E === Dt(n) && (E = Po(n), fo(E).position !== "static" && l === "absolute" && (M = "scrollHeight", P = "scrollWidth")), E = E, a === It || (a === $t || a === qt) && i === Un) {
       x = Ht;
       var I = m && E === T && T.visualViewport ? T.visualViewport.height : (
         // $FlowFixMe[prop-missing]
@@ -10997,7 +10997,7 @@ function kb(e) {
     }), l && c.removeEventListener("resize", n.update, fr);
   };
 }
-const Rb = {
+const Pb = {
   name: "eventListeners",
   enabled: !0,
   phase: "write",
@@ -11006,7 +11006,7 @@ const Rb = {
   effect: kb,
   data: {}
 };
-var Pb = {
+var Rb = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -11014,7 +11014,7 @@ var Pb = {
 };
 function Or(e) {
   return e.replace(/left|right|bottom|top/g, function(o) {
-    return Pb[o];
+    return Rb[o];
   });
 }
 var Ib = {
@@ -11034,10 +11034,10 @@ function Vi(e) {
   };
 }
 function _i(e) {
-  return mn(Ro(e)).left + Vi(e).scrollLeft;
+  return mn(Po(e)).left + Vi(e).scrollLeft;
 }
 function $b(e, o) {
-  var n = Dt(e), r = Ro(e), a = n.visualViewport, i = r.clientWidth, s = r.clientHeight, l = 0, c = 0;
+  var n = Dt(e), r = Po(e), a = n.visualViewport, i = r.clientWidth, s = r.clientHeight, l = 0, c = 0;
   if (a) {
     i = a.width, s = a.height;
     var d = Mc();
@@ -11051,7 +11051,7 @@ function $b(e, o) {
   };
 }
 function Mb(e) {
-  var o, n = Ro(e), r = Vi(e), a = (o = e.ownerDocument) == null ? void 0 : o.body, i = zo(n.scrollWidth, n.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), s = zo(n.scrollHeight, n.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), l = -r.scrollLeft + _i(e), c = -r.scrollTop;
+  var o, n = Po(e), r = Vi(e), a = (o = e.ownerDocument) == null ? void 0 : o.body, i = zo(n.scrollWidth, n.clientWidth, a ? a.scrollWidth : 0, a ? a.clientWidth : 0), s = zo(n.scrollHeight, n.clientHeight, a ? a.scrollHeight : 0, a ? a.clientHeight : 0), l = -r.scrollLeft + _i(e), c = -r.scrollTop;
   return fo(a || n).direction === "rtl" && (l += zo(n.clientWidth, a ? a.clientWidth : 0) - i), {
     width: i,
     height: s,
@@ -11088,7 +11088,7 @@ function Nb(e, o) {
   return n.top = n.top + e.clientTop, n.left = n.left + e.clientLeft, n.bottom = n.top + e.clientHeight, n.right = n.left + e.clientWidth, n.width = e.clientWidth, n.height = e.clientHeight, n.x = n.left, n.y = n.top, n;
 }
 function Qs(e, o, n) {
-  return o === Ic ? ui($b(e, n)) : Fo(o) ? Nb(o, n) : ui(Mb(Ro(e)));
+  return o === Ic ? ui($b(e, n)) : Fo(o) ? Nb(o, n) : ui(Mb(Po(e)));
 }
 function Ab(e) {
   var o = jn(aa(e)), n = ["absolute", "fixed"].indexOf(fo(e).position) >= 0, r = n && _t(e) ? or(e) : e;
@@ -11152,7 +11152,7 @@ function jc(e) {
 }
 function Hn(e, o) {
   o === void 0 && (o = {});
-  var n = o, r = n.placement, a = r === void 0 ? e.placement : r, i = n.strategy, s = i === void 0 ? e.strategy : i, l = n.boundary, c = l === void 0 ? tb : l, d = n.rootBoundary, u = d === void 0 ? Ic : d, m = n.elementContext, b = m === void 0 ? Sn : m, v = n.altBoundary, g = v === void 0 ? !1 : v, p = n.padding, y = p === void 0 ? 0 : p, C = Lc(typeof y != "number" ? y : Bc(y, tr)), O = b === Sn ? ob : Sn, S = e.rects.popper, x = e.elements[g ? O : b], T = Lb(Fo(x) ? x : x.contextElement || Ro(e.elements.popper), c, u, s), E = mn(e.elements.reference), M = jc({
+  var n = o, r = n.placement, a = r === void 0 ? e.placement : r, i = n.strategy, s = i === void 0 ? e.strategy : i, l = n.boundary, c = l === void 0 ? tb : l, d = n.rootBoundary, u = d === void 0 ? Ic : d, m = n.elementContext, b = m === void 0 ? Sn : m, v = n.altBoundary, g = v === void 0 ? !1 : v, p = n.padding, y = p === void 0 ? 0 : p, C = Lc(typeof y != "number" ? y : Bc(y, tr)), O = b === Sn ? ob : Sn, S = e.rects.popper, x = e.elements[g ? O : b], T = Lb(Fo(x) ? x : x.contextElement || Po(e.elements.popper), c, u, s), E = mn(e.elements.reference), M = jc({
     reference: E,
     element: S,
     placement: a
@@ -11360,8 +11360,8 @@ function Kb(e) {
       var $, R = x === "y" ? It : $t, N = x === "y" ? Ht : qt, k = x === "y" ? "height" : "width", z = E[x], V = z + y[R], W = z - y[N], D = v ? -P[k] / 2 : 0, B = O === pn ? M[k] : P[k], Y = O === pn ? -P[k] : -M[k], Z = o.elements.arrow, ne = v && Z ? zi(Z) : {
         width: 0,
         height: 0
-      }, K = o.modifiersData["arrow#persistent"] ? o.modifiersData["arrow#persistent"].padding : Ac(), U = K[R], ie = K[N], ce = Dn(0, M[k], ne[k]), J = S ? M[k] / 2 - D - ce - U - A.mainAxis : B - ce - U - A.mainAxis, X = S ? -M[k] / 2 + D + ce + ie + A.mainAxis : Y + ce + ie + A.mainAxis, de = o.elements.arrow && or(o.elements.arrow), _ = de ? x === "y" ? de.clientTop || 0 : de.clientLeft || 0 : 0, le = ($ = L?.[x]) != null ? $ : 0, se = z + J - le - _, ue = z + X - le, Re = Dn(v ? Lr(V, se) : V, z, v ? zo(W, ue) : W);
-      E[x] = Re, f[x] = Re - z;
+      }, K = o.modifiersData["arrow#persistent"] ? o.modifiersData["arrow#persistent"].padding : Ac(), U = K[R], ie = K[N], ce = Dn(0, M[k], ne[k]), J = S ? M[k] / 2 - D - ce - U - A.mainAxis : B - ce - U - A.mainAxis, X = S ? -M[k] / 2 + D + ce + ie + A.mainAxis : Y + ce + ie + A.mainAxis, de = o.elements.arrow && or(o.elements.arrow), _ = de ? x === "y" ? de.clientTop || 0 : de.clientLeft || 0 : 0, le = ($ = L?.[x]) != null ? $ : 0, se = z + J - le - _, ue = z + X - le, Pe = Dn(v ? Lr(V, se) : V, z, v ? zo(W, ue) : W);
+      E[x] = Pe, f[x] = Pe - z;
     }
     if (l) {
       var ke, te = x === "x" ? It : $t, je = x === "x" ? Ht : qt, Se = E[T], be = T === "y" ? "height" : "width", re = Se + y[te], ze = Se - y[je], Ne = [It, $t].indexOf(C) !== -1, oe = (ke = L?.[T]) != null ? ke : 0, Q = Ne ? re : Se - M[be] - P[be] - oe + A.altAxis, he = Ne ? Se + M[be] + P[be] - oe - A.altAxis : ze, Oe = v && Ne ? yb(Q, Se, he) : Dn(v ? Q : re, Se, v ? he : ze);
@@ -11392,7 +11392,7 @@ function Jb(e) {
 }
 function Qb(e, o, n) {
   n === void 0 && (n = !1);
-  var r = _t(o), a = _t(o) && Jb(o), i = Ro(o), s = mn(e, a, n), l = {
+  var r = _t(o), a = _t(o) && Jb(o), i = Po(o), s = mn(e, a, n), l = {
     scrollLeft: 0,
     scrollTop: 0
   }, c = {
@@ -11567,7 +11567,7 @@ function rh(e) {
     return v;
   };
 }
-var ah = [Rb, qb, Eb, gb, Ub, zb, Yb, wb, Vb], ih = /* @__PURE__ */ rh({
+var ah = [Pb, qb, Eb, gb, Ub, zb, Yb, wb, Vb], ih = /* @__PURE__ */ rh({
   defaultModifiers: ah
 });
 function Jt(e) {
@@ -11932,7 +11932,7 @@ process.env.NODE_ENV !== "production" && (zc.propTypes = {
   /**
    * A ref that points to the used popper instance.
    */
-  popperRef: Rt,
+  popperRef: Pt,
   /**
    * The props used for each slot inside the Popper.
    * @default {}
@@ -12107,7 +12107,7 @@ process.env.NODE_ENV !== "production" && (nr.propTypes = {
   /**
    * A ref that points to the used popper instance.
    */
-  popperRef: Rt,
+  popperRef: Pt,
   /**
    * The props used for each slot inside the Popper.
    * @default {}
@@ -12466,7 +12466,7 @@ const rr = /* @__PURE__ */ w.forwardRef(function(o, n) {
     se.current !== void 0 && (document.body.style.WebkitUserSelect = se.current, se.current = void 0), J.clear();
   });
   w.useEffect(() => ue, [ue]);
-  const Re = (Me) => {
+  const Pe = (Me) => {
     rl.clear(), mr = !0, de(!0), E && !_ && E(Me);
   }, ke = ht(
     /**
@@ -12481,8 +12481,8 @@ const rr = /* @__PURE__ */ w.forwardRef(function(o, n) {
     }
   ), te = (Me) => {
     ne.current && Me.type !== "touchstart" || (D && D.removeAttribute("title"), ie.clear(), ce.clear(), g || mr && p ? ie.start(mr ? p : g, () => {
-      Re(Me);
-    }) : Re(Me));
+      Pe(Me);
+    }) : Pe(Me));
   }, je = (Me) => {
     ie.clear(), ce.start(S, () => {
       ke(Me);
@@ -12522,10 +12522,10 @@ const rr = /* @__PURE__ */ w.forwardRef(function(o, n) {
       x: Me.clientX,
       y: Me.clientY
     }, he.current && he.current.update();
-  }, Pe = {}, ve = typeof $ == "string";
-  d ? (Pe.title = !_ && ve && !m ? $ : null, Pe["aria-describedby"] = _ ? le : null) : (Pe["aria-label"] = ve ? $ : null, Pe["aria-labelledby"] = _ && !ve ? le : null);
+  }, Re = {}, ve = typeof $ == "string";
+  d ? (Re.title = !_ && ve && !m ? $ : null, Re["aria-describedby"] = _ ? le : null) : (Re["aria-label"] = ve ? $ : null, Re["aria-labelledby"] = _ && !ve ? le : null);
   const pe = {
-    ...Pe,
+    ...Re,
     ...k,
     ...z.props,
     className: ae(k.className, z.props.className),
@@ -13080,11 +13080,11 @@ process.env.NODE_ENV !== "production" && (Dr.propTypes = {
   touchEvent: t.oneOf(["onTouchEnd", "onTouchStart", !1])
 });
 process.env.NODE_ENV !== "production" && (Dr.propTypes = Si(Dr.propTypes));
-function Rh(e) {
+function Ph(e) {
   return xe("MuiSnackbarContent", e);
 }
 Ce("MuiSnackbarContent", ["root", "message", "action"]);
-const Ph = (e) => {
+const Rh = (e) => {
   const {
     classes: o
   } = e;
@@ -13092,7 +13092,7 @@ const Ph = (e) => {
     root: ["root"],
     action: ["action"],
     message: ["message"]
-  }, Rh, o);
+  }, Ph, o);
 }, Ih = j(ko, {
   name: "MuiSnackbarContent",
   slot: "Root"
@@ -13138,7 +13138,7 @@ const Ph = (e) => {
     message: s,
     role: l = "alert",
     ...c
-  } = r, d = r, u = Ph(d);
+  } = r, d = r, u = Rh(d);
   return /* @__PURE__ */ ee(Ih, {
     role: l,
     elevation: 6,
@@ -14600,7 +14600,7 @@ const Gc = /* @__PURE__ */ w.forwardRef(function(o, n) {
   }, le = Zh(_), se = {
     slots: P,
     slotProps: I
-  }, [ue, Re] = ge("root", {
+  }, [ue, Pe] = ge("root", {
     ref: Z,
     className: ae(le.root, i),
     elementType: Jh,
@@ -14635,7 +14635,7 @@ const Gc = /* @__PURE__ */ w.forwardRef(function(o, n) {
     ownerState: _
   });
   return /* @__PURE__ */ ee(ue, {
-    ...Re,
+    ...Pe,
     children: [Array.from(new Array(g)).map((be, re) => {
       const ze = re + 1, Ne = {
         classes: le,
@@ -14667,20 +14667,20 @@ const Gc = /* @__PURE__ */ w.forwardRef(function(o, n) {
           className: ae(Se.className, oe && le.iconActive),
           iconActive: oe
         }, Q.map((he, Oe) => {
-          const Pe = Va(ze - 1 + (Oe + 1) * x, x);
+          const Re = Va(ze - 1 + (Oe + 1) * x, x);
           return /* @__PURE__ */ h(bi, {
             ...Ne,
             // The icon is already displayed as active
             isActive: !1,
-            itemValue: Pe,
+            itemValue: Re,
             labelProps: {
               style: Q.length - 1 === Oe ? {} : {
-                width: Pe === W ? `${(Oe + 1) * x * 100}%` : "0%",
+                width: Re === W ? `${(Oe + 1) * x * 100}%` : "0%",
                 overflow: "hidden",
                 position: "absolute"
               }
             }
-          }, Pe);
+          }, Re);
         }));
       }
       return /* @__PURE__ */ h(bi, {
@@ -15135,7 +15135,7 @@ function my(e) {
     }
     return H;
   };
-  const ie = w.useRef(!1), ce = w.useRef(!0), J = w.useRef(null), X = w.useRef(null), [de, _] = w.useState(null), [le, se] = w.useState(-1), ue = a ? 0 : -1, Re = w.useRef(ue), ke = w.useRef(cl(u ?? ne, f, U)).current, [te, je] = to({
+  const ie = w.useRef(!1), ce = w.useRef(!0), J = w.useRef(null), X = w.useRef(null), [de, _] = w.useState(null), [le, se] = w.useState(-1), ue = a ? 0 : -1, Pe = w.useRef(ue), ke = w.useRef(cl(u ?? ne, f, U)).current, [te, je] = to({
     controlled: ne,
     default: u,
     name: d
@@ -15154,12 +15154,12 @@ function my(e) {
     default: !1,
     name: d,
     state: "open"
-  }), [he, Oe] = w.useState(!0), Pe = !f && te != null && Se === U(te), ve = oe && !B, pe = ve ? y(
+  }), [he, Oe] = w.useState(!0), Re = !f && te != null && Se === U(te), ve = oe && !B, pe = ve ? y(
     D.filter((G) => !(C && (f ? te : [te]).some((H) => H !== null && L(G, H)))),
     // we use the empty string to manipulate `filterOptions` to not filter any options
     // i.e. the filter predicate always returns true
     {
-      inputValue: Pe && he ? "" : Se,
+      inputValue: Re && he ? "" : Se,
       getOptionLabel: U
     }
   ) : [], Ve = Ii({
@@ -15199,7 +15199,7 @@ function my(e) {
     index: H,
     reason: fe
   }) => {
-    if (Re.current = H, H === -1 ? J.current.removeAttribute("aria-activedescendant") : J.current.setAttribute("aria-activedescendant", `${K}-option-${H}`), N && ["mouse", "keyboard", "touch"].includes(fe) && N(G, H === -1 ? null : pe[H], fe), !X.current)
+    if (Pe.current = H, H === -1 ? J.current.removeAttribute("aria-activedescendant") : J.current.setAttribute("aria-activedescendant", `${K}-option-${H}`), N && ["mouse", "keyboard", "touch"].includes(fe) && N(G, H === -1 ? null : pe[H], fe), !X.current)
       return;
     const Ie = X.current.querySelector(`[role="option"].${n}-focused`);
     Ie && (Ie.classList.remove(`${n}-focused`), Ie.classList.remove(`${n}-focusVisible`));
@@ -15212,8 +15212,8 @@ function my(e) {
     }
     const rt = X.current.querySelector(`[data-option-index="${H}"]`);
     if (rt && (rt.classList.add(`${n}-focused`), fe === "keyboard" && rt.classList.add(`${n}-focusVisible`), $e.scrollHeight > $e.clientHeight && fe !== "mouse" && fe !== "touch")) {
-      const ct = rt, Pt = $e.clientHeight + $e.scrollTop, Go = ct.offsetTop + ct.offsetHeight;
-      Go > Pt ? $e.scrollTop = Go - $e.clientHeight : ct.offsetTop - ct.offsetHeight * (E ? 1.3 : 0) < $e.scrollTop && ($e.scrollTop = ct.offsetTop - ct.offsetHeight * (E ? 1.3 : 0));
+      const ct = rt, Rt = $e.clientHeight + $e.scrollTop, Go = ct.offsetTop + ct.offsetHeight;
+      Go > Rt ? $e.scrollTop = Go - $e.clientHeight : ct.offsetTop - ct.offsetHeight * (E ? 1.3 : 0) < $e.scrollTop && ($e.scrollTop = ct.offsetTop - ct.offsetHeight * (E ? 1.3 : 0));
     }
   }), pt = ht(({
     event: G,
@@ -15231,8 +15231,8 @@ function my(e) {
         return 0;
       if (H === "end")
         return ct;
-      const Pt = Re.current + H;
-      return Pt < 0 ? Pt === -1 && I ? -1 : p && Re.current !== -1 || Math.abs(H) > 1 ? 0 : ct : Pt > ct ? Pt === ct + 1 && I ? -1 : p || Math.abs(H) > 1 ? ct : 0 : Pt;
+      const Rt = Pe.current + H;
+      return Rt < 0 ? Rt === -1 && I ? -1 : p && Pe.current !== -1 || Math.abs(H) > 1 ? 0 : ct : Rt > ct ? Rt === ct + 1 && I ? -1 : p || Math.abs(H) > 1 ? ct : 0 : Rt;
     })(), fe);
     if (vt({
       index: rt,
@@ -15254,12 +15254,12 @@ function my(e) {
       const Ie = H ? U(H) : "", $e = fe ? U(fe) : "";
       return Ie === $e;
     };
-    if (Re.current !== -1 && !il({
+    if (Pe.current !== -1 && !il({
       array1: Ve.filteredOptions,
       array2: pe,
       parser: U
     }) && Ve.inputValue === Se && (f ? te.length === Ve.value.length && Ve.value.every((H, fe) => U(te[fe]) === U(H)) : G(Ve.value, te))) {
-      const H = Ve.filteredOptions[Re.current];
+      const H = Ve.filteredOptions[Pe.current];
       if (H)
         return pe.findIndex((fe) => U(fe) === U(H));
     }
@@ -15269,7 +15269,7 @@ function my(e) {
       return;
     const G = Le();
     if (G !== -1) {
-      Re.current = G;
+      Pe.current = G;
       return;
     }
     const H = f ? te[0] : te;
@@ -15281,7 +15281,7 @@ function my(e) {
     }
     if (X.current) {
       if (H != null) {
-        const fe = pe[Re.current];
+        const fe = pe[Pe.current];
         if (f && fe && te.findIndex(($e) => L(fe, $e)) !== -1)
           return;
         const Ie = pe.findIndex(($e) => L($e, H));
@@ -15292,14 +15292,14 @@ function my(e) {
         });
         return;
       }
-      if (Re.current >= pe.length - 1) {
+      if (Pe.current >= pe.length - 1) {
         vt({
           index: pe.length - 1
         });
         return;
       }
       vt({
-        index: Re.current
+        index: Pe.current
       });
     }
   }, [
@@ -15338,11 +15338,11 @@ function my(e) {
     let $e = fe, rt = H;
     if (f) {
       if (rt = Array.isArray(te) ? te.slice() : [], process.env.NODE_ENV !== "production") {
-        const Pt = rt.filter((Go) => L(H, Go));
-        Pt.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${d} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${Pt.length} matches.`].join(`
+        const Rt = rt.filter((Go) => L(H, Go));
+        Rt.length > 1 && console.error([`MUI: The \`isOptionEqualToValue\` method of ${d} does not handle the arguments correctly.`, `The component expects a single value to match a given option but found ${Rt.length} matches.`].join(`
 `));
       }
-      const ct = rt.findIndex((Pt) => L(H, Pt));
+      const ct = rt.findIndex((Rt) => L(H, Rt));
       ct === -1 ? rt.push(H) : Ie !== "freeSolo" && (rt.splice(ct, 1), $e = "removeOption");
     }
     Ne(G, rt, $e), Et(G, rt, $e, {
@@ -15429,12 +15429,12 @@ function my(e) {
           !f && Y ? (se(-1), We(-1)) : St(H, "next");
           break;
         case "Enter":
-          if (Re.current !== -1 && ve) {
-            const fe = pe[Re.current], Ie = S ? S(fe) : !1;
+          if (Pe.current !== -1 && ve) {
+            const fe = pe[Pe.current], Ie = S ? S(fe) : !1;
             if (H.preventDefault(), Ie)
               return;
             ft(H, fe, "selectOption"), r && J.current.setSelectionRange(J.current.value.length, J.current.value.length);
-          } else O && Se !== "" && Pe === !1 && (f && H.preventDefault(), ft(H, Se, "createOption", "freeSolo"));
+          } else O && Se !== "" && Re === !1 && (f && H.preventDefault(), ft(H, Se, "createOption", "freeSolo"));
           break;
         case "Escape":
           ve ? (H.preventDefault(), H.stopPropagation(), tt(H, "escape")) : c && (Se !== "" || f && te.length > 0 || Y) && (H.preventDefault(), H.stopPropagation(), ir(H));
@@ -15465,13 +15465,13 @@ function my(e) {
       J.current.focus();
       return;
     }
-    ze(!1), ce.current = !0, ie.current = !1, i && Re.current !== -1 && ve ? ft(G, pe[Re.current], "blur") : i && O && Se !== "" ? ft(G, Se, "blur", "freeSolo") : l && Ne(G, te, "blur"), tt(G, "blur");
+    ze(!1), ce.current = !0, ie.current = !1, i && Pe.current !== -1 && ve ? ft(G, pe[Pe.current], "blur") : i && O && Se !== "" ? ft(G, Se, "blur", "freeSolo") : l && Ne(G, te, "blur"), tt(G, "blur");
   }, yn = (G) => {
     const H = G.target.value;
     Se !== H && (be(H), Oe(!1), k && k(G, H, "input")), H === "" ? !m && !f && Et(G, null, "clear") : _e(G);
   }, Ca = (G) => {
     const H = Number(G.currentTarget.getAttribute("data-option-index"));
-    Re.current !== H && vt({
+    Pe.current !== H && vt({
       event: G,
       index: H,
       reason: "mouse"
@@ -16229,7 +16229,7 @@ process.env.NODE_ENV !== "production" && (sa.propTypes = {
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
    */
-  children: Pf,
+  children: Rf,
   /**
    * Override or extend the styles applied to the component.
    */
@@ -16486,7 +16486,7 @@ process.env.NODE_ENV !== "production" && (Kc.propTypes = {
    */
   value: t.oneOfType([t.arrayOf(t.string), t.number, t.string])
 });
-function Po({
+function Ro({
   props: e,
   states: o,
   muiFormControl: n
@@ -16767,7 +16767,7 @@ const la = (e, o) => {
     if (se)
       return se.registerEffect();
   }, [se]);
-  const ue = Po({
+  const ue = Ro({
     props: r,
     muiFormControl: se,
     states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
@@ -16775,9 +16775,9 @@ const la = (e, o) => {
   ue.focused = se ? se.focused : _, w.useEffect(() => {
     !se && b && _ && (le(!1), A && A());
   }, [se, b, _, A]);
-  const Re = se && se.onFilled, ke = se && se.onEmpty, te = w.useCallback((pe) => {
-    jr(pe) ? Re && Re() : ke && ke();
-  }, [Re, ke]);
+  const Pe = se && se.onFilled, ke = se && se.onEmpty, te = w.useCallback((pe) => {
+    jr(pe) ? Pe && Pe() : ke && ke();
+  }, [Pe, ke]);
   Ut(() => {
     ce && te({
       value: ie
@@ -16838,7 +16838,7 @@ const la = (e, o) => {
     size: ue.size,
     startAdornment: Z,
     type: ne
-  }, he = ky(Q), Oe = Y.root || d.Root || da, Pe = B.root || u.root || {}, ve = Y.input || d.Input || ua;
+  }, he = ky(Q), Oe = Y.root || d.Root || da, Re = B.root || u.root || {}, ve = Y.input || d.Input || ua;
   return Ne = {
     ...Ne,
     ...B.input ?? u.input
@@ -16846,17 +16846,17 @@ const la = (e, o) => {
     children: [!v && typeof ml == "function" && // For Emotion/Styled-components, InputGlobalStyles will be a function
     // For Pigment CSS, this has no effect because the InputGlobalStyles will be null.
     (fl || (fl = /* @__PURE__ */ h(ml, {}))), /* @__PURE__ */ ee(Oe, {
-      ...Pe,
+      ...Re,
       ref: n,
       onClick: re,
       ...U,
       ...!oo(Oe) && {
         ownerState: {
           ...Q,
-          ...Pe.ownerState
+          ...Re.ownerState
         }
       },
-      className: ae(he.root, Pe.className, l, z && "MuiInputBase-readOnly"),
+      className: ae(he.root, Re.className, l, z && "MuiInputBase-readOnly"),
       children: [Z, /* @__PURE__ */ h(ar.Provider, {
         value: null,
         children: /* @__PURE__ */ h(ve, {
@@ -17002,7 +17002,7 @@ process.env.NODE_ENV !== "production" && (pa.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Rt,
+  inputRef: Pt,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -17126,14 +17126,14 @@ process.env.NODE_ENV !== "production" && (pa.propTypes = {
    */
   value: t.any
 });
-function Ry(e) {
+function Py(e) {
   return xe("MuiInput", e);
 }
 const vo = {
   ...At,
   ...Ce("MuiInput", ["root", "underline", "input"])
 };
-function Py(e) {
+function Ry(e) {
   return xe("MuiOutlinedInput", e);
 }
 const jt = {
@@ -17562,7 +17562,7 @@ const My = (e) => {
     onOpen: le,
     open: se,
     openOnFocus: ue = !1,
-    openText: Re = "Open",
+    openText: Pe = "Open",
     options: ke,
     PaperComponent: te,
     PopperComponent: je,
@@ -17575,7 +17575,7 @@ const My = (e) => {
     renderValue: Q,
     selectOnFocus: he = !r.freeSolo,
     size: Oe = "medium",
-    slots: Pe = {},
+    slots: Re = {},
     slotProps: ve = {},
     value: pe,
     ...Ve
@@ -17623,7 +17623,7 @@ const My = (e) => {
     slots: {
       paper: te,
       popper: je,
-      ...Pe
+      ...Re
     },
     slotProps: {
       chip: c,
@@ -17752,8 +17752,8 @@ const My = (e) => {
               }) : null, yn ? /* @__PURE__ */ h(By, {
                 ...vt(),
                 disabled: S,
-                "aria-label": wt ? g : Re,
-                title: wt ? g : Re,
+                "aria-label": wt ? g : Pe,
+                title: wt ? g : Pe,
                 ownerState: bt,
                 ...ns,
                 className: ae(yt.popupIndicator, ns?.className),
@@ -18261,7 +18261,7 @@ const Uy = (e) => {
   } = e, a = we({
     root: ["root", !n && "underline"],
     input: ["input"]
-  }, Ry, o);
+  }, Py, o);
   return {
     ...o,
     // forward classes to the InputBase
@@ -18493,7 +18493,7 @@ process.env.NODE_ENV !== "production" && (fa.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Rt,
+  inputRef: Pt,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -18976,7 +18976,7 @@ process.env.NODE_ENV !== "production" && (ma.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Rt,
+  inputRef: Pt,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -19217,7 +19217,7 @@ const Jy = (e) => {
     root: ["root"],
     notchedOutline: ["notchedOutline"],
     input: ["input"]
-  }, Py, o);
+  }, Ry, o);
   return {
     ...o,
     // forward classes to the InputBase
@@ -19380,7 +19380,7 @@ const Jy = (e) => {
     slotProps: m = {},
     type: b = "text",
     ...v
-  } = r, g = Jy(r), p = Xt(), y = Po({
+  } = r, g = Jy(r), p = Xt(), y = Ro({
     props: r,
     muiFormControl: p,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
@@ -19511,7 +19511,7 @@ process.env.NODE_ENV !== "production" && (ga.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Rt,
+  inputRef: Pt,
   /**
    * The label of the `input`. It is only used for layout. The actual labelling
    * is handled by `InputLabel`.
@@ -19684,7 +19684,7 @@ const zn = Ce("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
     focused: m,
     required: b,
     ...v
-  } = r, g = Xt(), p = Po({
+  } = r, g = Xt(), p = Ro({
     props: r,
     muiFormControl: g,
     states: ["color", "required", "focused", "disabled", "error", "filled"]
@@ -19935,7 +19935,7 @@ const sv = (e) => {
   } = r, u = Xt();
   let m = s;
   typeof m > "u" && u && (m = u.filled || u.focused || u.adornedStart);
-  const b = Po({
+  const b = Ro({
     props: r,
     muiFormControl: u,
     states: ["size", "variant", "required", "focused"]
@@ -20330,7 +20330,7 @@ const fv = (e) => {
     required: b,
     variant: v,
     ...g
-  } = r, p = Xt(), y = Po({
+  } = r, p = Xt(), y = Ro({
     props: r,
     muiFormControl: p,
     states: ["variant", "size", "disabled", "error", "filled", "focused", "required"]
@@ -20856,7 +20856,7 @@ function kv(e) {
     }));
   }), n.sort((r, a) => r.tabIndex === a.tabIndex ? r.documentOrder - a.documentOrder : r.tabIndex - a.tabIndex).map((r) => r.node).concat(o);
 }
-function Rv() {
+function Pv() {
   return !0;
 }
 function Fr(e) {
@@ -20866,7 +20866,7 @@ function Fr(e) {
     disableEnforceFocus: r = !1,
     disableRestoreFocus: a = !1,
     getTabbable: i = kv,
-    isEnabled: s = Rv,
+    isEnabled: s = Pv,
     open: l
   } = e, c = w.useRef(!1), d = w.useRef(null), u = w.useRef(null), m = w.useRef(null), b = w.useRef(null), v = w.useRef(!1), g = w.useRef(null), p = ot(Uo(o), g), y = w.useRef(null);
   w.useEffect(() => {
@@ -20996,7 +20996,7 @@ process.env.NODE_ENV !== "production" && (Fr.propTypes = {
   open: t.bool.isRequired
 });
 process.env.NODE_ENV !== "production" && (Fr.propTypes = Si(Fr.propTypes));
-const Pv = {
+const Rv = {
   entering: {
     opacity: 1
   },
@@ -21030,7 +21030,7 @@ const Pv = {
       N === void 0 ? R(k) : R(k, N);
     }
   }, M = E(b), P = E((R, N) => {
-    Rc(R);
+    Pc(R);
     const k = dn({
       style: y,
       timeout: C,
@@ -21071,7 +21071,7 @@ const Pv = {
       style: {
         opacity: 0,
         visibility: R === "exited" && !d ? "hidden" : void 0,
-        ...Pv[R],
+        ...Rv[R],
         ...y,
         ...l.props.style
       },
@@ -21888,12 +21888,12 @@ const Vv = (e) => {
       };
     const le = L();
     let se = le.top - _.vertical, ue = le.left - _.horizontal;
-    const Re = se + de.height, ke = ue + de.width, te = co(Nn(i)), je = te.innerHeight - v, Se = te.innerWidth - v;
+    const Pe = se + de.height, ke = ue + de.width, te = co(Nn(i)), je = te.innerHeight - v, Se = te.innerWidth - v;
     if (v !== null && se < v) {
       const be = se - v;
       se -= be, _.vertical += be;
-    } else if (v !== null && Re > je) {
-      const be = Re - je;
+    } else if (v !== null && Pe > je) {
+      const be = Pe - je;
       se -= be, _.vertical += be;
     }
     if (process.env.NODE_ENV !== "production" && de.height > je && de.height && je && console.error(["MUI: The popover component is too tall.", `Some part of it can not be seen on the screen (${de.height - je}px).`, "Please consider adding a `max-height` to improve the user-experience."].join(`
@@ -22034,7 +22034,7 @@ process.env.NODE_ENV !== "production" && (ad.propTypes = {
    * A ref for imperative actions.
    * It currently only supports updatePosition() action.
    */
-  action: Rt,
+  action: Pt,
   /**
    * An HTML element, [PopoverVirtualElement](https://mui.com/material-ui/react-popover/#virtual-element),
    * or a function that returns either.
@@ -22693,7 +22693,7 @@ process.env.NODE_ENV !== "production" && (cd.propTypes = {
    * Use that prop to pass a ref to the native select element.
    * @deprecated
    */
-  inputRef: Rt,
+  inputRef: Pt,
   /**
    * @ignore
    */
@@ -22779,7 +22779,7 @@ const e0 = j(sd, {
   width: "100%",
   boxSizing: "border-box"
 });
-function Rl(e, o) {
+function Pl(e, o) {
   return typeof o == "object" && o !== null ? e === o : String(e) === String(o);
 }
 function n0(e) {
@@ -22876,7 +22876,7 @@ const r0 = (e) => {
   }, [y]);
   const ue = (ye, Le) => {
     ye ? A && A(Le) : E && E(Le), J || (de(s ? null : se.clientWidth), ne(ye));
-  }, Re = (ye) => {
+  }, Pe = (ye) => {
     I?.(ye), ye.button === 0 && (ye.preventDefault(), U.current.focus(), ue(!0, ye));
   }, ke = (ye) => {
     ue(!1, ye);
@@ -22929,7 +22929,7 @@ const r0 = (e) => {
   (jr({
     value: B
   }) || b) && ($ ? Ne = $(B) : he = !0);
-  const Pe = te.map((ye) => {
+  const Re = te.map((ye) => {
     if (!/* @__PURE__ */ w.isValidElement(ye))
       return null;
     process.env.NODE_ENV !== "production" && So.isFragment(ye) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
@@ -22938,9 +22938,9 @@ const r0 = (e) => {
     if (O) {
       if (!Array.isArray(B))
         throw new Error(process.env.NODE_ENV !== "production" ? "MUI: The `value` prop must be an array when using the `Select` component with `multiple`." : ro(2));
-      Le = B.some((Xe) => Rl(Xe, ye.props.value)), Le && he && Q.push(ye.props.children);
+      Le = B.some((Xe) => Pl(Xe, ye.props.value)), Le && he && Q.push(ye.props.children);
     } else
-      Le = Rl(B, ye.props.value), Le && he && (oe = ye.props.children);
+      Le = Pl(B, ye.props.value), Le && he && (oe = ye.props.children);
     return Le && (Oe = !0), /* @__PURE__ */ w.cloneElement(ye, {
       "aria-selected": Le ? "true" : "false",
       onClick: Se(ye),
@@ -22995,7 +22995,7 @@ const r0 = (e) => {
       "aria-required": R ? "true" : void 0,
       "aria-invalid": v ? "true" : void 0,
       onKeyDown: be,
-      onMouseDown: m || f ? null : Re,
+      onMouseDown: m || f ? null : Pe,
       onBlur: ze,
       onFocus: M,
       ...N,
@@ -23060,7 +23060,7 @@ const r0 = (e) => {
           }
         }
       },
-      children: Pe
+      children: Re
     })]
   });
 });
@@ -23124,7 +23124,7 @@ process.env.NODE_ENV !== "production" && (ud.propTypes = {
    * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
    * Equivalent to `ref`
    */
-  inputRef: Rt,
+  inputRef: Pt,
   /**
    * The ID of an element that acts as an additional label. The Select will
    * be labelled by the additional label and the selected value.
@@ -23253,7 +23253,7 @@ const a0 = (e) => {
     SelectDisplayProps: M,
     variant: P = "outlined",
     ...I
-  } = r, A = O ? cd : ud, L = Xt(), f = Po({
+  } = r, A = O ? cd : ud, L = Xt(), f = Ro({
     props: r,
     muiFormControl: L,
     states: ["variant", "error"]
@@ -23577,7 +23577,7 @@ const d0 = {
     externalForwardedProps: J,
     additionalProps: X,
     ownerState: Z
-  }), [Re, ke] = ge("inputLabel", {
+  }), [Pe, ke] = ge("inputLabel", {
     elementType: Gi,
     externalForwardedProps: J,
     ownerState: Z
@@ -23620,7 +23620,7 @@ const d0 = {
   });
   return /* @__PURE__ */ ee(_, {
     ...le,
-    children: [x != null && x !== "" && /* @__PURE__ */ h(Re, {
+    children: [x != null && x !== "" && /* @__PURE__ */ h(Pe, {
       htmlFor: K,
       id: ie,
       ...ke,
@@ -23730,7 +23730,7 @@ process.env.NODE_ENV !== "production" && (hn.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Rt,
+  inputRef: Pt,
   /**
    * The label content.
    */
@@ -23970,28 +23970,31 @@ function m0({
           }
         }
       ),
-      renderTags: (S, x) => S.map((T, E) => /* @__PURE__ */ h(
-        sa,
-        {
-          label: typeof T == "string" ? T : T.label || JSON.stringify(T),
-          ...x({ index: E }),
-          size: "small",
-          sx: {
-            borderRadius: "8px",
-            backgroundColor: (M) => Ee(M.palette.primary.main, 0.1),
-            color: "primary.main",
-            fontWeight: 500,
-            border: "1px solid",
-            borderColor: (M) => Ee(M.palette.primary.main, 0.2),
-            "& .MuiChip-deleteIcon": {
+      renderTags: (S, x) => S.map((T, E) => {
+        const M = y.getOptionLabel ? y.getOptionLabel(T) : typeof T == "string" ? T : T.label || JSON.stringify(T);
+        return /* @__PURE__ */ h(
+          sa,
+          {
+            label: M,
+            ...x({ index: E }),
+            size: "small",
+            sx: {
+              borderRadius: "8px",
+              backgroundColor: (P) => Ee(P.palette.primary.main, 0.1),
               color: "primary.main",
-              "&:hover": {
-                color: "primary.dark"
+              fontWeight: 500,
+              border: "1px solid",
+              borderColor: (P) => Ee(P.palette.primary.main, 0.2),
+              "& .MuiChip-deleteIcon": {
+                color: "primary.main",
+                "&:hover": {
+                  color: "primary.dark"
+                }
               }
             }
           }
-        }
-      )),
+        );
+      }),
       ...y
     }
   );
@@ -24270,7 +24273,7 @@ const Be = Ce("MuiButtonGroup", ["root", "contained", "outlined", "text", "disab
     ...y,
     children: /* @__PURE__ */ h(ki.Provider, {
       value: S,
-      children: x.map((M, P) => /* @__PURE__ */ h(Ri.Provider, {
+      children: x.map((M, P) => /* @__PURE__ */ h(Pi.Provider, {
         value: E(P),
         children: M
       }, P))
@@ -24645,7 +24648,7 @@ process.env.NODE_ENV !== "production" && (ya.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Rt,
+  inputRef: Pt,
   /*
    * @ignore
    */
@@ -24714,10 +24717,10 @@ const O0 = it(/* @__PURE__ */ h("path", {
 }), "CheckBox"), k0 = it(/* @__PURE__ */ h("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), "IndeterminateCheckBox");
-function R0(e) {
+function P0(e) {
   return xe("MuiCheckbox", e);
 }
-const Ua = Ce("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), P0 = (e) => {
+const Ua = Ce("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), R0 = (e) => {
   const {
     classes: o,
     indeterminate: n,
@@ -24725,7 +24728,7 @@ const Ua = Ce("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
     size: a
   } = e, i = {
     root: ["root", n && "indeterminate", `color${F(r)}`, `size${F(a)}`]
-  }, s = we(i, R0, o);
+  }, s = we(i, P0, o);
   return {
     ...o,
     // forward the disabled and checked classes to the SwitchBase
@@ -24814,7 +24817,7 @@ const Ua = Ce("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
     color: i,
     indeterminate: l,
     size: u
-  }, S = P0(O), x = g.input ?? d, [T, E] = ge("root", {
+  }, S = R0(O), x = g.input ?? d, [T, E] = ge("root", {
     ref: n,
     elementType: I0,
     className: ae(S.root, b),
@@ -25076,7 +25079,7 @@ const An = Ce("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlace
   ["checked", "name", "onChange", "value", "inputRef"].forEach((N) => {
     typeof l.props[N] > "u" && typeof r[N] < "u" && (M[N] = r[N]);
   });
-  const P = Po({
+  const P = Ro({
     props: r,
     muiFormControl: x,
     states: ["error"]
@@ -25158,7 +25161,7 @@ process.env.NODE_ENV !== "production" && (va.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Rt,
+  inputRef: Pt,
   /**
    * A text or an element to be used in an enclosing label element.
    */
@@ -25248,7 +25251,7 @@ const z0 = (e) => {
     className: a,
     row: i = !1,
     ...s
-  } = r, l = Xt(), c = Po({
+  } = r, l = Xt(), c = Ro({
     props: r,
     muiFormControl: l,
     states: ["error"]
@@ -25435,7 +25438,7 @@ const dC = hd;
 function _0(e) {
   return xe("MuiInputAdornment", e);
 }
-const Pl = Ce("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
+const Rl = Ce("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
 var Il;
 const W0 = (e, o) => {
   const {
@@ -25471,7 +25474,7 @@ const W0 = (e, o) => {
       variant: "filled"
     },
     style: {
-      [`&.${Pl.positionStart}&:not(.${Pl.hiddenLabel})`]: {
+      [`&.${Rl.positionStart}&:not(.${Rl.hiddenLabel})`]: {
         marginTop: 16
       }
     }
@@ -26029,7 +26032,7 @@ process.env.NODE_ENV !== "production" && (yd.propTypes = {
    * Pass a ref to the `input` element.
    * @deprecated Use `slotProps.input.ref` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  inputRef: Rt,
+  inputRef: Pt,
   /**
    * Name attribute of the `input` element.
    */
@@ -26843,7 +26846,7 @@ process.env.NODE_ENV !== "production" && (Sd.propTypes = {
 function wx(e) {
   return xe("MuiMenuItem", e);
 }
-const Rn = Ce("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), Sx = (e, o) => {
+const Pn = Ce("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), Sx = (e, o) => {
   const {
     ownerState: n
   } = e;
@@ -26890,23 +26893,23 @@ const Rn = Ce("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divi
       backgroundColor: "transparent"
     }
   },
-  [`&.${Rn.selected}`]: {
+  [`&.${Pn.selected}`]: {
     backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity),
-    [`&.${Rn.focusVisible}`]: {
+    [`&.${Pn.focusVisible}`]: {
       backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`)
     }
   },
-  [`&.${Rn.selected}:hover`]: {
+  [`&.${Pn.selected}:hover`]: {
     backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.hoverOpacity}`),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity)
     }
   },
-  [`&.${Rn.focusVisible}`]: {
+  [`&.${Pn.focusVisible}`]: {
     backgroundColor: (e.vars || e).palette.action.focus
   },
-  [`&.${Rn.disabled}`]: {
+  [`&.${Pn.disabled}`]: {
     opacity: (e.vars || e).palette.action.disabledOpacity
   },
   [`& + .${Ml.root}`]: {
@@ -27123,15 +27126,15 @@ const Td = it(/* @__PURE__ */ h("path", {
   display: "flex",
   justifyContent: "center",
   textAlign: "center"
-})), Rx = j(Gn)(({ theme: e }) => ({
+})), Px = j(Gn)(({ theme: e }) => ({
   position: "sticky",
   top: 0,
   zIndex: 2,
   backgroundColor: e.palette.background.paper,
-  padding: "8px 16px",
+  padding: "12px 16px",
   borderBottom: `1px solid ${e.palette.divider}`,
   lineHeight: "initial"
-})), Px = ({
+})), Rx = ({
   value: e,
   onChange: o,
   size: n,
@@ -27240,6 +27243,11 @@ const Td = it(/* @__PURE__ */ h("path", {
             MenuProps: {
               autoFocus: !1,
               // Critical for Search Input focus
+              MenuListProps: {
+                disablePadding: !0,
+                sx: { pb: 0, pt: 0 }
+                // Explicitly force 0 padding
+              },
               PaperProps: {
                 elevation: 0,
                 sx: {
@@ -27251,6 +27259,11 @@ const Td = it(/* @__PURE__ */ h("path", {
                   maxHeight: 320,
                   // Ensure padding at bottom for sticky button if needed
                   paddingBottom: y ? 0 : 1,
+                  // Target the list directly to be absolutely sure
+                  "& .MuiList-root": {
+                    paddingTop: 0,
+                    paddingBottom: 0
+                  },
                   "& .MuiMenuItem-root": {
                     borderRadius: 1.5,
                     mx: 1,
@@ -27276,7 +27289,7 @@ const Td = it(/* @__PURE__ */ h("path", {
             },
             ...E,
             children: [
-              S && /* @__PURE__ */ h(Rx, { children: /* @__PURE__ */ h(
+              S && /* @__PURE__ */ h(Px, { children: /* @__PURE__ */ h(
                 hn,
                 {
                   size: "small",
@@ -27330,7 +27343,7 @@ const Td = it(/* @__PURE__ */ h("path", {
       ]
     }
   );
-}, fC = Px;
+}, fC = Rx;
 function Ix(e, o, n = (r, a) => r === a) {
   return e.length === o.length && e.every((r, a) => n(r, o[a]));
 }
@@ -27463,14 +27476,14 @@ function Dx(e) {
     default: n ?? c,
     name: "Slider"
   }), R = u && ((oe, Q, he) => {
-    const Oe = oe.nativeEvent || oe, Pe = new Oe.constructor(Oe.type, Oe);
-    Object.defineProperty(Pe, "target", {
+    const Oe = oe.nativeEvent || oe, Re = new Oe.constructor(Oe.type, Oe);
+    Object.defineProperty(Re, "target", {
       writable: !0,
       value: {
         value: Q,
         name: d
       }
-    }), L.current = Q, u(Pe, Q, he);
+    }), L.current = Q, u(Re, Q, he);
   }), N = Array.isArray(f);
   let k = N ? f.slice().sort(Od) : [f];
   k = k.map((oe) => oe == null ? c : Ao(oe, c, l));
@@ -27482,11 +27495,11 @@ function Dx(e) {
   }, ne = (oe) => (Q) => {
     Oo(Q.target) || D(-1), M(-1), oe?.onBlur?.(Q);
   }, K = (oe, Q) => {
-    const he = Number(oe.currentTarget.getAttribute("data-index")), Oe = k[he], Pe = V.indexOf(Oe);
+    const he = Number(oe.currentTarget.getAttribute("data-index")), Oe = k[he], Re = V.indexOf(Oe);
     let ve = Q;
     if (z && p == null) {
       const pe = V[V.length - 1];
-      ve >= pe ? ve = pe : ve <= V[0] ? ve = V[0] : ve = ve < Oe ? V[Pe - 1] : V[Pe + 1];
+      ve >= pe ? ve = pe : ve <= V[0] ? ve = V[0] : ve = ve < Oe ? V[Re - 1] : V[Re + 1];
     }
     if (ve = Ao(ve, c, l), N) {
       a && (ve = Ao(ve, k[he - 1] || -1 / 0, k[he + 1] || 1 / 0));
@@ -27507,40 +27520,40 @@ function Dx(e) {
     if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Home", "End"].includes(Q.key)) {
       Q.preventDefault();
       const he = Number(Q.currentTarget.getAttribute("data-index")), Oe = k[he];
-      let Pe = null;
+      let Re = null;
       if (p != null) {
         const ve = Q.shiftKey ? y : p;
         switch (Q.key) {
           case "ArrowUp":
-            Pe = en(Oe, ve, 1, c, l);
+            Re = en(Oe, ve, 1, c, l);
             break;
           case "ArrowRight":
-            Pe = en(Oe, ve, i ? -1 : 1, c, l);
+            Re = en(Oe, ve, i ? -1 : 1, c, l);
             break;
           case "ArrowDown":
-            Pe = en(Oe, ve, -1, c, l);
+            Re = en(Oe, ve, -1, c, l);
             break;
           case "ArrowLeft":
-            Pe = en(Oe, ve, i ? 1 : -1, c, l);
+            Re = en(Oe, ve, i ? 1 : -1, c, l);
             break;
           case "PageUp":
-            Pe = en(Oe, y, 1, c, l);
+            Re = en(Oe, y, 1, c, l);
             break;
           case "PageDown":
-            Pe = en(Oe, y, -1, c, l);
+            Re = en(Oe, y, -1, c, l);
             break;
           case "Home":
-            Pe = c;
+            Re = c;
             break;
           case "End":
-            Pe = l;
+            Re = l;
             break;
         }
       } else if (z) {
         const ve = V[V.length - 1], pe = V.indexOf(Oe), Ve = [i ? "ArrowRight" : "ArrowLeft", "ArrowDown", "PageDown", "Home"], Ae = [i ? "ArrowLeft" : "ArrowRight", "ArrowUp", "PageUp", "End"];
-        Ve.includes(Q.key) ? pe === 0 ? Pe = V[0] : Pe = V[pe - 1] : Ae.includes(Q.key) && (pe === V.length - 1 ? Pe = ve : Pe = V[pe + 1]);
+        Ve.includes(Q.key) ? pe === 0 ? Re = V[0] : Re = V[pe - 1] : Ae.includes(Q.key) && (pe === V.length - 1 ? Re = ve : Re = V[pe + 1]);
       }
-      Pe != null && K(Q, Pe);
+      Re != null && K(Q, Re);
     }
     oe?.onKeyDown?.(Q);
   };
@@ -27560,12 +27573,12 @@ function Dx(e) {
       current: he
     } = B, {
       width: Oe,
-      height: Pe,
+      height: Re,
       bottom: ve,
       left: pe
     } = he.getBoundingClientRect();
     let Ve;
-    J.startsWith("vertical") ? Ve = (ve - oe.y) / Pe : Ve = (oe.x - pe) / Oe, J.includes("-reverse") && (Ve = 1 - Ve);
+    J.startsWith("vertical") ? Ve = (ve - oe.y) / Re : Ve = (oe.x - pe) / Oe, J.includes("-reverse") && (Ve = 1 - Ve);
     let Ae;
     if (Ae = Mx(Ve, c, l), p)
       Ae = Ax(Ae, p, c);
@@ -27628,7 +27641,7 @@ function Dx(e) {
     const he = yr(oe, S);
     if (he !== !1) {
       const {
-        newValue: Pe,
+        newValue: Re,
         activeIndex: ve
       } = X({
         finger: he
@@ -27637,7 +27650,7 @@ function Dx(e) {
         sliderRef: B,
         activeIndex: ve,
         setActive: T
-      }), $(Pe), R && !xr(Pe, f) && R(oe, Pe, ve);
+      }), $(Re), R && !xr(Re, f) && R(oe, Re, ve);
     }
     A.current = 0;
     const Oe = mt(B.current);
@@ -27669,7 +27682,7 @@ function Dx(e) {
     const he = yr(Q, S);
     if (he !== !1) {
       const {
-        newValue: Pe,
+        newValue: Re,
         activeIndex: ve
       } = X({
         finger: he
@@ -27678,14 +27691,14 @@ function Dx(e) {
         sliderRef: B,
         activeIndex: ve,
         setActive: T
-      }), $(Pe), R && !xr(Pe, f) && R(Q, Pe, ve);
+      }), $(Re), R && !xr(Re, f) && R(Q, Re, ve);
     }
     A.current = 0;
     const Oe = mt(B.current);
     Oe.addEventListener("mousemove", de, {
       passive: !0
     }), Oe.addEventListener("mouseup", _);
-  }, Re = _r(N ? k[0] : c, c, l), ke = _r(k[k.length - 1], c, l) - Re, te = (oe = {}) => {
+  }, Pe = _r(N ? k[0] : c, c, l), ke = _r(k[k.length - 1], c, l) - Pe, te = (oe = {}) => {
     const Q = jo(oe), he = {
       onMouseDown: ue(Q || {})
     }, Oe = {
@@ -27765,7 +27778,7 @@ function Dx(e) {
     range: N,
     rootRef: Y,
     trackLeap: ke,
-    trackOffset: Re,
+    trackOffset: Pe,
     values: k,
     getThumbStyle: re
   };
@@ -28327,7 +28340,7 @@ const Hx = j("span", {
   return we(d, zx, s);
 }, Kx = ({
   children: e
-}) => e, Rd = /* @__PURE__ */ w.forwardRef(function(o, n) {
+}) => e, Pd = /* @__PURE__ */ w.forwardRef(function(o, n) {
   const r = Te({
     props: o,
     name: "MuiSlider"
@@ -28398,13 +28411,13 @@ const Hx = j("span", {
     values: le,
     trackOffset: se,
     trackLeap: ue,
-    getThumbStyle: Re
+    getThumbStyle: Pe
   } = Dx({
     ...B,
     rootRef: n
   });
   B.marked = _.length > 0 && _.some((_e) => _e.label), B.dragging = de, B.focusedThumbIndex = J;
-  const ke = Gx(B), te = R?.root ?? d.Root ?? Vx, je = R?.rail ?? d.Rail ?? _x, Se = R?.track ?? d.Track ?? Wx, be = R?.thumb ?? d.Thumb ?? Ux, re = R?.valueLabel ?? d.ValueLabel ?? kd, ze = R?.mark ?? d.Mark ?? Hx, Ne = R?.markLabel ?? d.MarkLabel ?? qx, oe = R?.input ?? d.Input ?? "input", Q = $?.root ?? u.root, he = $?.rail ?? u.rail, Oe = $?.track ?? u.track, Pe = $?.thumb ?? u.thumb, ve = $?.valueLabel ?? u.valueLabel, pe = $?.mark ?? u.mark, Ve = $?.markLabel ?? u.markLabel, Ae = $?.input ?? u.input, We = Jt({
+  const ke = Gx(B), te = R?.root ?? d.Root ?? Vx, je = R?.rail ?? d.Rail ?? _x, Se = R?.track ?? d.Track ?? Wx, be = R?.thumb ?? d.Thumb ?? Ux, re = R?.valueLabel ?? d.ValueLabel ?? kd, ze = R?.mark ?? d.Mark ?? Hx, Ne = R?.markLabel ?? d.MarkLabel ?? qx, oe = R?.input ?? d.Input ?? "input", Q = $?.root ?? u.root, he = $?.rail ?? u.rail, Oe = $?.track ?? u.track, Re = $?.thumb ?? u.thumb, ve = $?.valueLabel ?? u.valueLabel, pe = $?.mark ?? u.mark, Ve = $?.markLabel ?? u.markLabel, Ae = $?.input ?? u.input, We = Jt({
     elementType: te,
     getSlotProps: Z,
     externalSlotProps: Q,
@@ -28441,10 +28454,10 @@ const Hx = j("span", {
   }), pt = Jt({
     elementType: be,
     getSlotProps: K,
-    externalSlotProps: Pe,
+    externalSlotProps: Re,
     ownerState: {
       ...B,
-      ...Pe?.ownerState
+      ...Re?.ownerState
     },
     className: ke.thumb
   }), ye = Jt({
@@ -28527,7 +28540,7 @@ const Hx = j("span", {
             className: ae(ke.thumb, pt.className, ie === tt && ke.active, J === tt && ke.focusVisible),
             style: {
               ...wt,
-              ...Re(tt),
+              ...Pe(tt),
               ...pt.style
             },
             children: /* @__PURE__ */ h(oe, {
@@ -28545,7 +28558,7 @@ const Hx = j("span", {
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Rd.propTypes = {
+process.env.NODE_ENV !== "production" && (Pd.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -28810,7 +28823,7 @@ process.env.NODE_ENV !== "production" && (Rd.propTypes = {
    */
   valueLabelFormat: t.oneOfType([t.func, t.string])
 });
-const Yx = j(Rd)(({ theme: e }) => ({
+const Yx = j(Pd)(({ theme: e }) => ({
   height: 6,
   "& .MuiSlider-track": {
     border: "none",
@@ -29077,7 +29090,7 @@ const kt = Ce("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "color
   width: 20,
   height: 20,
   borderRadius: "50%"
-}))), Pd = /* @__PURE__ */ w.forwardRef(function(o, n) {
+}))), Rd = /* @__PURE__ */ w.forwardRef(function(o, n) {
   const r = Te({
     props: o,
     name: "MuiSwitch"
@@ -29156,7 +29169,7 @@ const kt = Ce("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "color
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (Pd.propTypes = {
+process.env.NODE_ENV !== "production" && (Rd.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -29222,7 +29235,7 @@ process.env.NODE_ENV !== "production" && (Pd.propTypes = {
    * Pass a ref to the `input` element.
    * @deprecated Use `slotProps.input.ref` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  inputRef: Rt,
+  inputRef: Pt,
   /**
    * Callback fired when the state is changed.
    *
@@ -29274,7 +29287,7 @@ process.env.NODE_ENV !== "production" && (Pd.propTypes = {
    */
   value: t.any
 });
-const n1 = j(Pd)(({ theme: e }) => ({
+const n1 = j(Rd)(({ theme: e }) => ({
   width: 44,
   height: 24,
   padding: 0,
@@ -30454,7 +30467,7 @@ const O1 = it(/* @__PURE__ */ h("path", {
     boxShadow: e.shadows[4],
     borderColor: e.palette.mode === "light" ? e.palette.grey[300] : e.palette.grey[700]
   }
-})), R1 = j(Id)(({ theme: e }) => ({
+})), P1 = j(Id)(({ theme: e }) => ({
   padding: e.spacing(2),
   backgroundColor: e.palette.mode === "light" ? e.palette.grey[50] : Ee(e.palette.common.white, 0.05),
   borderBottom: `1px solid ${e.palette.divider}`,
@@ -30467,7 +30480,7 @@ const O1 = it(/* @__PURE__ */ h("path", {
     fontSize: "0.875rem",
     marginTop: 2
   }
-})), P1 = j(Ue)(({ theme: e }) => ({
+})), R1 = j(Ue)(({ theme: e }) => ({
   width: "100%",
   height: "100%",
   backgroundColor: e.palette.background.paper,
@@ -30483,7 +30496,7 @@ const O1 = it(/* @__PURE__ */ h("path", {
   "&::-webkit-scrollbar-track": {
     backgroundColor: "transparent"
   }
-})), jl = j(Pi)(({ theme: e }) => ({
+})), jl = j(Ri)(({ theme: e }) => ({
   borderRadius: 12,
   minWidth: 44,
   height: 44,
@@ -30552,7 +30565,7 @@ const M1 = ({
     const f = I.filter((N) => !N.deshabilitado), $ = S(f) === f.length && f.length !== 0, R = S(f) !== f.length && S(f) !== 0;
     return /* @__PURE__ */ ee(k1, { children: [
       /* @__PURE__ */ h(
-        R1,
+        P1,
         {
           avatar: /* @__PURE__ */ h(
             Vr,
@@ -30593,7 +30606,7 @@ const M1 = ({
         ),
         /* @__PURE__ */ h(Kn, {})
       ] }),
-      /* @__PURE__ */ h(P1, { sx: { height: i }, children: /* @__PURE__ */ ee(Yi, { dense: !0, component: "div", role: "list", sx: { py: 1 }, children: [
+      /* @__PURE__ */ h(R1, { sx: { height: i }, children: /* @__PURE__ */ ee(Yi, { dense: !0, component: "div", role: "list", sx: { py: 1 }, children: [
         I.length === 0 && /* @__PURE__ */ h(Ue, { sx: { p: 4, textAlign: "center", opacity: 0.5 }, children: /* @__PURE__ */ h(nt, { variant: "caption", children: "No hay elementos" }) }),
         I.map((N) => {
           const k = `transfer-list-all-item-${N.id}-label`, z = c.indexOf(N) !== -1, V = l || N.deshabilitado;
@@ -30778,7 +30791,7 @@ export {
   K1 as CodeplexAvatar,
   G1 as CodeplexAvatarGroup,
   ng as CodeplexAvatarUsuario,
-  Pg as CodeplexAviso,
+  Rg as CodeplexAviso,
   sy as CodeplexAyudaEntrada,
   W1 as CodeplexBadge,
   Q1 as CodeplexBanner,
@@ -30805,7 +30818,7 @@ export {
   md as CodeplexGrupoFormulario,
   ux as CodeplexGrupoRadio,
   iC as CodeplexInputHelper,
-  Rm as CodeplexInsignia,
+  Pm as CodeplexInsignia,
   r1 as CodeplexInterruptor,
   J1 as CodeplexJumbotron,
   H1 as CodeplexKbd,
@@ -30821,7 +30834,7 @@ export {
   aC as CodeplexRating,
   Y1 as CodeplexRequirementsPopup,
   fC as CodeplexSelect,
-  Px as CodeplexSelector,
+  Rx as CodeplexSelector,
   sC as CodeplexSkeleton,
   mC as CodeplexSlider,
   X1 as CodeplexSmartLabel,