@dishopsaas/design-system 0.0.78 → 0.0.79

package/dist/index.mjs

@@ -4,7 +4,7 @@ import { Box as U, useTheme as qe, Stack as Se, Typography as ee, Alert as mu, A
 import Fu from "@emotion/styled";
 import { Global as ju, ThemeContext as Iu, keyframes as fr, css as Dl } from "@emotion/react";
 import * as Uu from "react-dom";
-import $n from "react-dom";
+import Hn from "react-dom";
 function Jl(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -32,10 +32,10 @@ function Zu(e) {
     });
   }), n;
 }
-var Tr = { exports: {} }, Bn = {};
+var Tr = { exports: {} }, Yn = {};
 var ba;
 function Yu() {
-  if (ba) return Bn;
+  if (ba) return Yn;
   ba = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function n(r, i, a) {
@@ -53,9 +53,9 @@ function Yu() {
       props: a
     };
   }
-  return Bn.Fragment = t, Bn.jsx = n, Bn.jsxs = n, Bn;
+  return Yn.Fragment = t, Yn.jsx = n, Yn.jsxs = n, Yn;
 }
-var Pn = {};
+var Bn = {};
 var ya;
 function Bu() {
   return ya || (ya = 1, process.env.NODE_ENV !== "production" && (function() {
@@ -264,7 +264,7 @@ React keys must be passed directly to JSX without using spread:
       v,
       a
     )(), G = w(r(a)), O = {};
-    Pn.Fragment = b, Pn.jsx = function(R, Y, L) {
+    Bn.Fragment = b, Bn.jsx = function(R, Y, L) {
       var j = 1e4 > y.recentlyCreatedOwnerStacks++;
       return p(
         R,
@@ -274,7 +274,7 @@ React keys must be passed directly to JSX without using spread:
         j ? Error("react-stack-top-frame") : P,
         j ? w(r(R)) : G
       );
-    }, Pn.jsxs = function(R, Y, L) {
+    }, Bn.jsxs = function(R, Y, L) {
       var j = 1e4 > y.recentlyCreatedOwnerStacks++;
       return p(
         R,
@@ -285,7 +285,7 @@ React keys must be passed directly to JSX without using spread:
         j ? w(r(R)) : G
       );
     };
-  })()), Pn;
+  })()), Bn;
 }
 var va;
 function Pu() {
@@ -1423,7 +1423,7 @@ function mp(e) {
 const hp = {
   borderRadius: 4
 }, Yt = process.env.NODE_ENV !== "production" ? o.oneOfType([o.number, o.string, o.object, o.array]) : {};
-function ir(e, t) {
+function or(e, t) {
   return t ? Ze(e, t, {
     clone: !1
     // No need to clone deep, it's way faster.
@@ -1614,7 +1614,7 @@ function Tp(e, t, n, r) {
 }
 function rd(e, t) {
   const n = bo(e.theme);
-  return Object.keys(e).map((r) => Tp(e, t, r, n)).reduce(ir, {});
+  return Object.keys(e).map((r) => Tp(e, t, r, n)).reduce(or, {});
 }
 function Me(e) {
   return rd(e, ho);
@@ -1641,7 +1641,7 @@ function od(e = 8, t = bo({
 function yo(...e) {
   const t = e.reduce((r, i) => (i.filterProps.forEach((a) => {
     r[a] = i;
-  }), r), {}), n = (r) => Object.keys(r).reduce((i, a) => t[a] ? ir(i, t[a](r)) : i, {});
+  }), r), {}), n = (r) => Object.keys(r).reduce((i, a) => t[a] ? or(i, t[a](r)) : i, {});
   return n.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((r, i) => Object.assign(r, i.propTypes), {}) : {}, n.filterProps = e.reduce((r, i) => r.concat(i.filterProps), []), n;
 }
 function it(e) {
@@ -2144,7 +2144,7 @@ function of() {
         if (g != null)
           if (typeof g == "object")
             if (s[v])
-              f = ir(f, e(v, g, i, s));
+              f = or(f, e(v, g, i, s));
             else {
               const m = ft({
                 theme: i
@@ -2155,10 +2155,10 @@ function of() {
                 sx: g,
                 theme: i,
                 nested: !0
-              }) : f = ir(f, m);
+              }) : f = or(f, m);
             }
           else
-            f = ir(f, e(v, g, i, s));
+            f = or(f, e(v, g, i, s));
       }), !a && i.modularCssLayers ? {
         "@layer sx": ja(i, yi(h, f))
       } : ja(i, yi(h, f));
@@ -2167,8 +2167,8 @@ function of() {
   }
   return t;
 }
-const Mn = of();
-Mn.filterProps = ["sx"];
+const kn = of();
+kn.filterProps = ["sx"];
 function af(e, t) {
   const n = this;
   if (n.vars) {
@@ -2208,7 +2208,7 @@ function So(e = {}, ...t) {
     ...hr,
     ...s?.unstable_sxConfig
   }, u.unstable_sx = function(h) {
-    return Mn({
+    return kn({
       sx: h,
       theme: this
     });
@@ -2444,7 +2444,7 @@ function ud(e = {}) {
     bf(l, t, n);
   }
   return (l, d = {}) => {
-    ap(l, (T) => T.filter((z) => z !== Mn));
+    ap(l, (T) => T.filter((z) => z !== kn));
     const {
       name: u,
       slot: p,
@@ -2492,7 +2492,7 @@ function ud(e = {}) {
       }), u && !b && W.push(function(q) {
         const w = q.theme?.components?.[u]?.variants;
         return w ? cd(q, w, [], q.theme.modularCssLayers ? "theme" : void 0) : null;
-      }), A || W.push(Mn), Array.isArray(k[0])) {
+      }), A || W.push(kn), Array.isArray(k[0])) {
         const y = k.shift(), q = new Array(z.length).fill(""), V = new Array(W.length).fill("");
         let w;
         w = [...q, ...y, ...V], w.raw = [...q, ...y.raw, ...V], z.unshift(w);
@@ -2619,7 +2619,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
 const Ef = (e) => {
   const t = Ut(e);
   return t.values.slice(0, 3).map((n, r) => t.type.includes("hsl") && r !== 0 ? `${n}%` : n).join(" ");
-}, _n = (e, t) => {
+}, $n = (e, t) => {
   try {
     return Ef(e);
   } catch {
@@ -2657,12 +2657,12 @@ function Ba(e, t) {
   const n = vi(e), r = vi(t);
   return (Math.max(n, r) + 0.05) / (Math.min(n, r) + 0.05);
 }
-function wn(e, t) {
+function Mn(e, t) {
   return e = Ut(e), t = Ji(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, No(e);
 }
 function Gt(e, t, n) {
   try {
-    return wn(e, t);
+    return Mn(e, t);
   } catch {
     return n && process.env.NODE_ENV !== "production" && console.warn(n), e;
   }
@@ -3106,7 +3106,7 @@ const cr = {
   500: "#f44336",
   700: "#d32f2f",
   800: "#c62828"
-}, Kn = {
+}, Pn = {
   300: "#ffb74d",
   400: "#ffa726",
   500: "#ff9800",
@@ -3267,14 +3267,14 @@ function e1(e = "light") {
 }
 function t1(e = "light") {
   return e === "dark" ? {
-    main: Kn[400],
-    light: Kn[300],
-    dark: Kn[700]
+    main: Pn[400],
+    light: Pn[300],
+    dark: Pn[700]
   } : {
     main: "#ed6c02",
     // closest to orange[800] that pass 3:1.
-    light: Kn[500],
-    dark: Kn[900]
+    light: Pn[500],
+    dark: Pn[900]
   };
 }
 function n1(e) {
@@ -3604,7 +3604,7 @@ function y1(e) {
   Object.assign(e, {
     alpha(t, n) {
       const r = this || e;
-      return r.colorSpace ? `oklch(from ${t} l c h / ${typeof n == "string" ? `calc(${n})` : n})` : r.vars ? `rgba(${t.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof n == "string" ? `calc(${n})` : n})` : wn(t, b1(n));
+      return r.colorSpace ? `oklch(from ${t} l c h / ${typeof n == "string" ? `calc(${n})` : n})` : r.vars ? `rgba(${t.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof n == "string" ? `calc(${n})` : n})` : Mn(t, b1(n));
     },
     lighten(t, n) {
       const r = this || e;
@@ -3675,7 +3675,7 @@ function Ci(e = {}, ...t) {
     ...hr,
     ...p?.unstable_sxConfig
   }, v.unstable_sx = function(m) {
-    return Mn({
+    return kn({
       sx: m,
       theme: this
     });
@@ -3775,11 +3775,11 @@ function N1(e, t) {
 function I(e, t, n) {
   !e[t] && n && (e[t] = n);
 }
-function er(e) {
+function _n(e) {
   return typeof e != "string" || !e.startsWith("hsl") ? e : fd(e);
 }
 function St(e, t) {
-  `${t}Channel` in e || (e[`${t}Channel`] = _n(er(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+  `${t}Channel` in e || (e[`${t}Channel`] = $n(_n(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
 To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
 }
 function T1(e) {
@@ -3895,7 +3895,7 @@ function E1(e = {}, ...t) {
     }
     St(y.background, "default"), St(y.background, "paper"), St(y.common, "background"), St(y.common, "onBackground"), St(y, "divider"), Object.keys(y).forEach((w) => {
       const M = y[w];
-      w !== "tonalOffset" && M && typeof M == "object" && (M.main && I(y[w], "mainChannel", _n(er(M.main))), M.light && I(y[w], "lightChannel", _n(er(M.light))), M.dark && I(y[w], "darkChannel", _n(er(M.dark))), M.contrastText && I(y[w], "contrastTextChannel", _n(er(M.contrastText))), w === "text" && (St(y[w], "primary"), St(y[w], "secondary")), w === "action" && (M.active && St(y[w], "active"), M.selected && St(y[w], "selected")));
+      w !== "tonalOffset" && M && typeof M == "object" && (M.main && I(y[w], "mainChannel", $n(_n(M.main))), M.light && I(y[w], "lightChannel", $n(_n(M.light))), M.dark && I(y[w], "darkChannel", $n(_n(M.dark))), M.contrastText && I(y[w], "contrastTextChannel", $n(_n(M.contrastText))), w === "text" && (St(y[w], "primary"), St(y[w], "secondary")), w === "action" && (M.active && St(y[w], "active"), M.selected && St(y[w], "selected")));
     });
   }), T = t.reduce((Z, y) => Ze(Z, y), T);
   const z = {
@@ -3917,7 +3917,7 @@ function E1(e = {}, ...t) {
     ...hr,
     ...p?.unstable_sxConfig
   }, T.unstable_sx = function(y) {
-    return Mn({
+    return kn({
       sx: y,
       theme: this
     });
@@ -4849,7 +4849,7 @@ const uh = [
   support: Xh,
   upload_app: Dh,
   order: Jh
-}, ns = { xs: 4, md: 16 }, Ln = { sm: 4, md: 8, lg: 12, xl: 16, xxl: 18, xxxl: 20 }, _h = {
+}, ns = { xs: 4, md: 16 }, Kn = { sm: 4, md: 8, lg: 12, xl: 16, xxl: 18, xxxl: 20 }, _h = {
   /* Headings */
   h1: 80,
   h2: 60,
@@ -5039,8 +5039,8 @@ const uh = [
     palette: n,
     typography: e2,
     spacing: (i) => i * ns.xs,
-    shape: { borderRadius: Ln.md },
-    borderRadius: Ln,
+    shape: { borderRadius: Kn.md },
+    borderRadius: Kn,
     components: {
       MuiCssBaseline: {
         styleOverrides: {
@@ -5050,17 +5050,17 @@ const uh = [
       },
       MuiButton: {
         styleOverrides: {
-          root: { borderRadius: Ln.md, textTransform: "none", transition: "all 0.3s ease" }
+          root: { borderRadius: Kn.md, textTransform: "none", transition: "all 0.3s ease" }
         }
       },
       MuiPaper: {
         styleOverrides: {
-          root: { borderRadius: Ln.md, padding: ns.md, boxShadow: rs[1] }
+          root: { borderRadius: Kn.md, padding: ns.md, boxShadow: rs[1] }
         }
       },
       MuiCard: {
         styleOverrides: {
-          root: { borderRadius: Ln.lg, "&:hover": { boxShadow: rs[3] } }
+          root: { borderRadius: Kn.lg, "&:hover": { boxShadow: rs[3] } }
         }
       },
       MuiAccordion: {
@@ -5214,7 +5214,7 @@ const uh = [
     default: e,
     hover: s,
     disabledBg: l,
-    disabledText: wn(e, 0.3)
+    disabledText: Mn(e, 0.3)
   };
 }, $i = (e) => {
   if (typeof e != "string") return !1;
@@ -5789,19 +5789,19 @@ process.env.NODE_ENV !== "production" && o.oneOfType([o.string, o.shape({
 const _r = re.createContext(null);
 var v2 = function(t) {
   return t.scrollTop;
-}, tr = "unmounted", Qt = "exited", Ht = "entering", vn = "entered", Vi = "exiting", xt = /* @__PURE__ */ (function(e) {
+}, er = "unmounted", Qt = "exited", Ht = "entering", vn = "entered", Vi = "exiting", xt = /* @__PURE__ */ (function(e) {
   Fd(t, e);
   function t(r, i) {
     var a;
     a = e.call(this, r, i) || this;
     var s = i, l = s && !s.isMounting ? r.enter : r.appear, d;
-    return a.appearStatus = null, r.in ? l ? (d = Qt, a.appearStatus = Ht) : d = vn : r.unmountOnExit || r.mountOnEnter ? d = tr : d = Qt, a.state = {
+    return a.appearStatus = null, r.in ? l ? (d = Qt, a.appearStatus = Ht) : d = vn : r.unmountOnExit || r.mountOnEnter ? d = er : d = Qt, a.state = {
       status: d
     }, a.nextCallback = null, a;
   }
   t.getDerivedStateFromProps = function(i, a) {
     var s = i.in;
-    return s && a.status === tr ? {
+    return s && a.status === er ? {
       status: Qt
     } : null;
   };
@@ -5828,17 +5828,17 @@ var v2 = function(t) {
     if (i === void 0 && (i = !1), a !== null)
       if (this.cancelNextCallback(), a === Ht) {
         if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var s = this.props.nodeRef ? this.props.nodeRef.current : $n.findDOMNode(this);
+          var s = this.props.nodeRef ? this.props.nodeRef.current : Hn.findDOMNode(this);
           s && v2(s);
         }
         this.performEnter(i);
       } else
         this.performExit();
     else this.props.unmountOnExit && this.state.status === Qt && this.setState({
-      status: tr
+      status: er
     });
   }, n.performEnter = function(i) {
-    var a = this, s = this.props.enter, l = this.context ? this.context.isMounting : i, d = this.props.nodeRef ? [l] : [$n.findDOMNode(this), l], u = d[0], p = d[1], h = this.getTimeouts(), f = l ? h.appear : h.enter;
+    var a = this, s = this.props.enter, l = this.context ? this.context.isMounting : i, d = this.props.nodeRef ? [l] : [Hn.findDOMNode(this), l], u = d[0], p = d[1], h = this.getTimeouts(), f = l ? h.appear : h.enter;
     if (!i && !s || ls.disabled) {
       this.safeSetState({
         status: vn
@@ -5859,7 +5859,7 @@ var v2 = function(t) {
       });
     });
   }, n.performExit = function() {
-    var i = this, a = this.props.exit, s = this.getTimeouts(), l = this.props.nodeRef ? void 0 : $n.findDOMNode(this);
+    var i = this, a = this.props.exit, s = this.getTimeouts(), l = this.props.nodeRef ? void 0 : Hn.findDOMNode(this);
     if (!a || ls.disabled) {
       this.safeSetState({
         status: Qt
@@ -5892,7 +5892,7 @@ var v2 = function(t) {
     }, this.nextCallback;
   }, n.onTransitionEnd = function(i, a) {
     this.setNextCallback(a);
-    var s = this.props.nodeRef ? this.props.nodeRef.current : $n.findDOMNode(this), l = i == null && !this.props.addEndListener;
+    var s = this.props.nodeRef ? this.props.nodeRef.current : Hn.findDOMNode(this), l = i == null && !this.props.addEndListener;
     if (!s || l) {
       setTimeout(this.nextCallback, 0);
       return;
@@ -5904,7 +5904,7 @@ var v2 = function(t) {
     i != null && setTimeout(this.nextCallback, i);
   }, n.render = function() {
     var i = this.state.status;
-    if (i === tr)
+    if (i === er)
       return null;
     var a = this.props, s = a.children;
     a.in, a.mountOnEnter, a.unmountOnExit, a.appear, a.enter, a.exit, a.timeout, a.addEndListener, a.onEnter, a.onEntering, a.onEntered, a.onExit, a.onExiting, a.onExited, a.nodeRef;
@@ -6103,7 +6103,7 @@ xt.defaultProps = {
   onExiting: yn,
   onExited: yn
 };
-xt.UNMOUNTED = tr;
+xt.UNMOUNTED = er;
 xt.EXITED = Qt;
 xt.ENTERING = Ht;
 xt.ENTERED = vn;
@@ -8291,7 +8291,7 @@ const ag = ue("MuiLink", ["root", "underlineNone", "underlineHover", "underlineA
     return e.alpha(a, 0.4);
   }
   const r = bt(e, `palette.${n}.main`, !1) || bt(e, `palette.${n}`, !1) || t.color, i = bt(e, `palette.${n}.mainChannel`) || bt(e, `palette.${n}Channel`);
-  return "vars" in e && i ? `rgba(${i} / 0.4)` : wn(r, 0.4);
+  return "vars" in e && i ? `rgba(${i} / 0.4)` : Mn(r, 0.4);
 }, ps = {
   primary: !0,
   secondary: !0,
@@ -10188,28 +10188,28 @@ rc.isEmpty.get = function() {
   );
 };
 Object.defineProperties(yr.prototype, rc);
-var jn = function() {
+var Fn = function() {
   this.eventElements = [];
 };
-jn.prototype.eventElement = function(t) {
+Fn.prototype.eventElement = function(t) {
   var n = this.eventElements.filter(function(r) {
     return r.element === t;
   })[0];
   return n || (n = new yr(t), this.eventElements.push(n)), n;
 };
-jn.prototype.bind = function(t, n, r) {
+Fn.prototype.bind = function(t, n, r) {
   this.eventElement(t).bind(n, r);
 };
-jn.prototype.unbind = function(t, n, r) {
+Fn.prototype.unbind = function(t, n, r) {
   var i = this.eventElement(t);
   i.unbind(n, r), i.isEmpty && this.eventElements.splice(this.eventElements.indexOf(i), 1);
 };
-jn.prototype.unbindAll = function() {
+Fn.prototype.unbindAll = function() {
   this.eventElements.forEach(function(t) {
     return t.unbindAll();
   }), this.eventElements = [];
 };
-jn.prototype.once = function(t, n, r) {
+Fn.prototype.once = function(t, n, r) {
   var i = this.eventElement(t), a = function(s) {
     i.unbind(n, a), r(s);
   };
@@ -10567,7 +10567,7 @@ var Yg = function() {
   this.isRtl = vt(t).direction === "rtl", this.isRtl === !0 && t.classList.add(We.rtl), this.isNegativeScroll = (function() {
     var u = t.scrollLeft, p = null;
     return t.scrollLeft = -1, p = t.scrollLeft < 0, t.scrollLeft = u, p;
-  })(), this.negativeScrollAdjustment = this.isNegativeScroll ? t.scrollWidth - t.clientWidth : 0, this.event = new jn(), this.ownerDocument = t.ownerDocument || document, this.scrollbarXRail = Or(We.element.rail("x")), t.appendChild(this.scrollbarXRail), this.scrollbarX = Or(We.element.thumb("x")), this.scrollbarXRail.appendChild(this.scrollbarX), this.scrollbarX.setAttribute("tabindex", 0), this.event.bind(this.scrollbarX, "focus", a), this.event.bind(this.scrollbarX, "blur", s), this.scrollbarXActive = null, this.scrollbarXWidth = null, this.scrollbarXLeft = null;
+  })(), this.negativeScrollAdjustment = this.isNegativeScroll ? t.scrollWidth - t.clientWidth : 0, this.event = new Fn(), this.ownerDocument = t.ownerDocument || document, this.scrollbarXRail = Or(We.element.rail("x")), t.appendChild(this.scrollbarXRail), this.scrollbarX = Or(We.element.thumb("x")), this.scrollbarXRail.appendChild(this.scrollbarX), this.scrollbarX.setAttribute("tabindex", 0), this.event.bind(this.scrollbarX, "focus", a), this.event.bind(this.scrollbarX, "blur", s), this.scrollbarXActive = null, this.scrollbarXWidth = null, this.scrollbarXLeft = null;
   var l = vt(this.scrollbarXRail);
   this.scrollbarXBottom = parseInt(l.bottom, 10), isNaN(this.scrollbarXBottom) ? (this.isScrollbarXUsingBottom = !1, this.scrollbarXTop = ke(l.top)) : this.isScrollbarXUsingBottom = !0, this.railBorderXWidth = ke(l.borderLeftWidth) + ke(l.borderRightWidth), He(this.scrollbarXRail, { display: "block" }), this.railXMarginWidth = ke(l.marginLeft) + ke(l.marginRight), He(this.scrollbarXRail, { display: "" }), this.railXWidth = null, this.railXRatio = null, this.scrollbarYRail = Or(We.element.rail("y")), t.appendChild(this.scrollbarYRail), this.scrollbarY = Or(We.element.thumb("y")), this.scrollbarYRail.appendChild(this.scrollbarY), this.scrollbarY.setAttribute("tabindex", 0), this.event.bind(this.scrollbarY, "focus", a), this.event.bind(this.scrollbarY, "blur", s), this.scrollbarYActive = null, this.scrollbarYHeight = null, this.scrollbarYTop = null;
   var d = vt(this.scrollbarYRail);
@@ -12229,7 +12229,7 @@ process.env.NODE_ENV !== "production" && (ic.propTypes = {
 function k3(e) {
   return ce("MuiFormControlLabel", e);
 }
-const nr = ue("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]);
+const tr = ue("MuiFormControlLabel", ["root", "labelPlacementStart", "labelPlacementTop", "labelPlacementBottom", "disabled", "label", "error", "required", "asterisk"]);
 function cn({
   props: e,
   states: t,
@@ -12258,7 +12258,7 @@ const M3 = (e) => {
       ownerState: n
     } = e;
     return [{
-      [`& .${nr.label}`]: t.label
+      [`& .${tr.label}`]: t.label
     }, t.root, t[`labelPlacement${H(n.labelPlacement)}`]];
   }
 })(de(({
@@ -12273,11 +12273,11 @@ const M3 = (e) => {
   marginLeft: -11,
   marginRight: 16,
   // used for row presentation of radio/checkbox
-  [`&.${nr.disabled}`]: {
+  [`&.${tr.disabled}`]: {
     cursor: "default"
   },
-  [`& .${nr.label}`]: {
-    [`&.${nr.disabled}`]: {
+  [`& .${tr.label}`]: {
+    [`&.${tr.disabled}`]: {
       color: (e.vars || e).palette.text.disabled
     }
   },
@@ -12318,7 +12318,7 @@ const M3 = (e) => {
 })(de(({
   theme: e
 }) => ({
-  [`&.${nr.error}`]: {
+  [`&.${tr.error}`]: {
     color: (e.vars || e).palette.error.main
   }
 }))), ac = /* @__PURE__ */ E.forwardRef(function(t, n) {
@@ -12787,7 +12787,7 @@ const O3 = (e) => {
     ) }),
     !m && /* @__PURE__ */ c.jsx(sn, { orientation: "horizontal" })
   ] });
-}, In = ({
+}, jn = ({
   label: e = "—",
   color: t = "default",
   outlined: n = !1,
@@ -13068,7 +13068,7 @@ const O3 = (e) => {
             children: n
           }
         ),
-        r && /* @__PURE__ */ c.jsx(In, { label: r, color: fe.Success, borderRadius: 5 })
+        r && /* @__PURE__ */ c.jsx(jn, { label: r, color: fe.Success, borderRadius: 5 })
       ] }),
       a.map(
         (z, k) => Object.values(z.options).map((W, F) => /* @__PURE__ */ c.jsxs(
@@ -13282,7 +13282,7 @@ const O3 = (e) => {
           ] })
         ] }),
         !d && g && /* @__PURE__ */ c.jsx(U, { sx: Tt.actionBox, children: /* @__PURE__ */ c.jsx(
-          In,
+          jn,
           {
             label: "Default",
             color: "successLight",
@@ -13671,7 +13671,7 @@ const Y3 = (e, t) => {
       pointerEvents: "none"
     }
   }]
-}))), ar = /* @__PURE__ */ E.forwardRef(function(t, n) {
+}))), ir = /* @__PURE__ */ E.forwardRef(function(t, n) {
   const r = me({
     props: t,
     name: "MuiInputAdornment"
@@ -13719,7 +13719,7 @@ const Y3 = (e, t) => {
     })
   });
 });
-process.env.NODE_ENV !== "production" && (ar.propTypes = {
+process.env.NODE_ENV !== "production" && (ir.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -13922,7 +13922,7 @@ process.env.NODE_ENV !== "production" && (lc.propTypes = {
 function G3(e) {
   return ce("MuiInputBase", e);
 }
-const qn = ue("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]);
+const wn = ue("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]);
 var Ms;
 const qo = (e, t) => {
   const {
@@ -13972,7 +13972,7 @@ const qo = (e, t) => {
   cursor: "text",
   display: "inline-flex",
   alignItems: "center",
-  [`&.${qn.disabled}`]: {
+  [`&.${wn.disabled}`]: {
     color: (e.vars || e).palette.text.disabled,
     cursor: "default"
   },
@@ -14057,7 +14057,7 @@ const qo = (e, t) => {
       WebkitAppearance: "none"
     },
     // Show and hide the placeholder logic
-    [`label[data-shrink=false] + .${qn.formControl} &`]: {
+    [`label[data-shrink=false] + .${wn.formControl} &`]: {
       "&::-webkit-input-placeholder": r,
       "&::-moz-placeholder": r,
       // Firefox 19+
@@ -14069,7 +14069,7 @@ const qo = (e, t) => {
       "&:focus::-ms-input-placeholder": i
       // Edge
     },
-    [`&.${qn.disabled}`]: {
+    [`&.${wn.disabled}`]: {
       opacity: 1,
       // Reset iOS opacity
       WebkitTextFillColor: (e.vars || e).palette.text.disabled
@@ -14199,7 +14199,7 @@ const qo = (e, t) => {
     q && q(Ee), x.onFocus && x.onFocus(Ee), le && le.onFocus ? le.onFocus(Ee) : Ne(!0);
   }, lt = (Ee) => {
     F && F(Ee), x.onBlur && x.onBlur(Ee), le && le.onBlur ? le.onBlur(Ee) : Ne(!1);
-  }, Fe = (Ee, ...Yn) => {
+  }, Fe = (Ee, ...Zn) => {
     if (!ne) {
       const At = Ee.target || te.current;
       if (At == null)
@@ -14208,7 +14208,7 @@ const qo = (e, t) => {
         value: At.value
       });
     }
-    x.onChange && x.onChange(Ee, ...Yn), Z && Z(Ee, ...Yn);
+    x.onChange && x.onChange(Ee, ...Zn), Z && Z(Ee, ...Zn);
   };
   E.useEffect(() => {
     Oe(te.current);
@@ -14250,7 +14250,7 @@ const qo = (e, t) => {
     size: be.size,
     startAdornment: L,
     type: j
-  }, Kt = X3(Mt), un = Y.root || u.Root || zo, Un = R.root || p.root || {}, Zn = Y.input || u.Input || Wo;
+  }, Kt = X3(Mt), un = Y.root || u.Root || zo, In = R.root || p.root || {}, Un = Y.input || u.Input || Wo;
   return je = {
     ...je,
     ...R.input ?? p.input
@@ -14258,20 +14258,20 @@ const qo = (e, t) => {
     children: [!v && typeof ws == "function" && // For Emotion/Styled-components, InputGlobalStyles will be a function
     // For Pigment CSS, this has no effect because the InputGlobalStyles will be null.
     (Ms || (Ms = /* @__PURE__ */ c.jsx(ws, {}))), /* @__PURE__ */ c.jsxs(un, {
-      ...Un,
+      ...In,
       ref: n,
       onClick: se,
       ...D,
       ...!to(un) && {
         ownerState: {
           ...Mt,
-          ...Un.ownerState
+          ...In.ownerState
         }
       },
-      className: ae(Kt.root, Un.className, l, K && "MuiInputBase-readOnly"),
+      className: ae(Kt.root, In.className, l, K && "MuiInputBase-readOnly"),
       children: [L, /* @__PURE__ */ c.jsx(xr.Provider, {
         value: null,
-        children: /* @__PURE__ */ c.jsx(Zn, {
+        children: /* @__PURE__ */ c.jsx(Un, {
           "aria-invalid": be.error,
           "aria-describedby": i,
           autoComplete: a,
@@ -14290,7 +14290,7 @@ const qo = (e, t) => {
           onKeyUp: w,
           type: j,
           ...je,
-          ...!to(Zn) && {
+          ...!to(Un) && {
             as: Pt,
             ownerState: {
               ...Mt,
@@ -14541,8 +14541,8 @@ process.env.NODE_ENV !== "production" && (Cr.propTypes = {
 function D3(e) {
   return ce("MuiInput", e);
 }
-const Gn = {
-  ...qn,
+const Ln = {
+  ...wn,
   ...ue("MuiInput", ["root", "underline", "input"])
 }, J3 = (e) => {
   const {
@@ -14601,12 +14601,12 @@ const Gn = {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&.${Gn.focused}:after`]: {
+        [`&.${Ln.focused}:after`]: {
           // translateX(0) is a workaround for Safari transform scale bug
           // See https://github.com/mui/material-ui/issues/31766
           transform: "scaleX(1) translateX(0)"
         },
-        [`&.${Gn.error}`]: {
+        [`&.${Ln.error}`]: {
           "&::before, &::after": {
             borderBottomColor: (e.vars || e).palette.error.main
           }
@@ -14624,14 +14624,14 @@ const Gn = {
           pointerEvents: "none"
           // Transparent to the hover style.
         },
-        [`&:hover:not(.${Gn.disabled}, .${Gn.error}):before`]: {
+        [`&:hover:not(.${Ln.disabled}, .${Ln.error}):before`]: {
           borderBottom: `2px solid ${(e.vars || e).palette.text.primary}`,
           // Reset on touch devices, it doesn't add specificity
           "@media (hover: none)": {
             borderBottom: `1px solid ${n}`
           }
         },
-        [`&.${Gn.disabled}:before`]: {
+        [`&.${Ln.disabled}:before`]: {
           borderBottomStyle: "dotted"
         }
       }
@@ -14878,7 +14878,7 @@ function $3(e) {
   return ce("MuiFilledInput", e);
 }
 const Jt = {
-  ...qn,
+  ...wn,
   ...ue("MuiFilledInput", ["root", "underline", "input", "adornedStart", "adornedEnd", "sizeSmall", "multiline", "hiddenLabel"])
 }, _3 = (e) => {
   const {
@@ -15510,7 +15510,7 @@ function ob(e) {
   return ce("MuiOutlinedInput", e);
 }
 const gt = {
-  ...qn,
+  ...wn,
   ...ue("MuiOutlinedInput", ["root", "notchedOutline", "input"])
 }, ib = (e) => {
   const {
@@ -15911,7 +15911,7 @@ Io.muiName = "Input";
 function db(e) {
   return ce("MuiFormLabel", e);
 }
-const sr = ue("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), cb = (e) => {
+const ar = ue("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled", "error", "filled", "required", "asterisk"]), cb = (e) => {
   const {
     classes: t,
     color: n,
@@ -15947,17 +15947,17 @@ const sr = ue("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
       color: t
     },
     style: {
-      [`&.${sr.focused}`]: {
+      [`&.${ar.focused}`]: {
         color: (e.vars || e).palette[t].main
       }
     }
   })), {
     props: {},
     style: {
-      [`&.${sr.disabled}`]: {
+      [`&.${ar.disabled}`]: {
         color: (e.vars || e).palette.text.disabled
       },
-      [`&.${sr.error}`]: {
+      [`&.${ar.error}`]: {
         color: (e.vars || e).palette.error.main
       }
     }
@@ -15968,7 +15968,7 @@ const sr = ue("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
 })(de(({
   theme: e
 }) => ({
-  [`&.${sr.error}`]: {
+  [`&.${ar.error}`]: {
     color: (e.vars || e).palette.error.main
   }
 }))), cc = /* @__PURE__ */ E.forwardRef(function(t, n) {
@@ -16098,7 +16098,7 @@ const mb = (e) => {
       ownerState: n
     } = e;
     return [{
-      [`& .${sr.asterisk}`]: t.asterisk
+      [`& .${ar.asterisk}`]: t.asterisk
     }, t.root, n.formControl && t.formControl, n.size === "small" && t.sizeSmall, n.shrink && t.shrink, !n.disableAnimation && t.animated, n.focused && t.focused, t[n.variant]];
   }
 })(de(({
@@ -16523,8 +16523,8 @@ function vb(e) {
     ref: u
   }, r);
 }
-const On = /* @__PURE__ */ E.createContext({});
-process.env.NODE_ENV !== "production" && (On.displayName = "ListContext");
+const qn = /* @__PURE__ */ E.createContext({});
+process.env.NODE_ENV !== "production" && (qn.displayName = "ListContext");
 function xb(e) {
   return ce("MuiList", e);
 }
@@ -16589,7 +16589,7 @@ const Cb = (e) => {
     dense: l,
     disablePadding: d
   }, v = Cb(f);
-  return /* @__PURE__ */ c.jsx(On.Provider, {
+  return /* @__PURE__ */ c.jsx(qn.Provider, {
     value: h,
     children: /* @__PURE__ */ c.jsxs(Ab, {
       as: s,
@@ -16644,7 +16644,7 @@ process.env.NODE_ENV !== "production" && (fc.propTypes = {
    */
   sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
 });
-function rr(e) {
+function nr(e) {
   let t = e.activeElement;
   for (; t?.shadowRoot?.activeElement != null; )
     t = t.shadowRoot.activeElement;
@@ -16666,7 +16666,7 @@ function hc(e, t) {
   let n = e.innerText;
   return n === void 0 && (n = e.textContent), n = n.trim().toLowerCase(), n.length === 0 ? !1 : t.repeating ? n[0] === t.keys[0] : n.startsWith(t.keys.join(""));
 }
-function Xn(e, t, n, r, i, a) {
+function Gn(e, t, n, r, i, a) {
   let s = !1, l = i(e, t, t ? n : !1);
   for (; l; ) {
     if (l === e.firstChild) {
@@ -16722,20 +16722,20 @@ const gc = /* @__PURE__ */ E.forwardRef(function(t, n) {
       p && p(x);
       return;
     }
-    const z = rr(mt(C));
+    const z = nr(mt(C));
     if (S === "ArrowDown")
-      x.preventDefault(), Xn(C, z, u, d, li);
+      x.preventDefault(), Gn(C, z, u, d, li);
     else if (S === "ArrowUp")
-      x.preventDefault(), Xn(C, z, u, d, Ws);
+      x.preventDefault(), Gn(C, z, u, d, Ws);
     else if (S === "Home")
-      x.preventDefault(), Xn(C, null, u, d, li);
+      x.preventDefault(), Gn(C, null, u, d, li);
     else if (S === "End")
-      x.preventDefault(), Xn(C, null, u, d, Ws);
+      x.preventDefault(), Gn(C, null, u, d, Ws);
     else if (S.length === 1) {
       const k = g.current, W = S.toLowerCase(), F = performance.now();
       k.keys.length > 0 && (F - k.lastTime > 500 ? (k.keys = [], k.repeating = !0, k.previousKeyMatched = !0) : k.repeating && W !== k.keys[0] && (k.repeating = !1)), k.lastTime = F, k.keys.push(W);
       const Z = z && !k.repeating && hc(z, k);
-      k.previousKeyMatched && (Z || Xn(C, z, !1, d, li, k)) ? x.preventDefault() : k.previousKeyMatched = !1;
+      k.previousKeyMatched && (Z || Gn(C, z, !1, d, li, k)) ? x.preventDefault() : k.previousKeyMatched = !1;
     }
     p && p(x);
   }, b = Qe(v, n);
@@ -17061,7 +17061,7 @@ function Rb(e) {
   const t = mt(e);
   return t.body === e ? Vt(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
 }
-function lr(e, t) {
+function sr(e, t) {
   t ? e.setAttribute("aria-hidden", "true") : e.removeAttribute("aria-hidden");
 }
 function Fs(e) {
@@ -17075,7 +17075,7 @@ function js(e, t, n, r, i) {
   const a = [t, n, ...r];
   [].forEach.call(e.children, (s) => {
     const l = !a.includes(s), d = !Eb(s);
-    l && d && lr(s, i);
+    l && d && sr(s, i);
   });
 }
 function ci(e, t) {
@@ -17146,7 +17146,7 @@ class Mb {
     let r = this.modals.indexOf(t);
     if (r !== -1)
       return r;
-    r = this.modals.length, this.modals.push(t), t.modalRef && lr(t.modalRef, !1);
+    r = this.modals.length, this.modals.push(t), t.modalRef && sr(t.modalRef, !1);
     const i = kb(n);
     js(n, t.mount, t.modalRef, i, !0);
     const a = ci(this.containers, (s) => s.container === n);
@@ -17167,10 +17167,10 @@ class Mb {
       return r;
     const i = ci(this.containers, (s) => s.modals.includes(t)), a = this.containers[i];
     if (a.modals.splice(a.modals.indexOf(t), 1), this.modals.splice(r, 1), a.modals.length === 0)
-      a.restore && a.restore(), t.modalRef && lr(t.modalRef, n), js(a.container, t.mount, t.modalRef, a.hiddenSiblings, !1), this.containers.splice(i, 1);
+      a.restore && a.restore(), t.modalRef && sr(t.modalRef, n), js(a.container, t.mount, t.modalRef, a.hiddenSiblings, !1), this.containers.splice(i, 1);
     else {
       const s = a.modals[a.modals.length - 1];
-      s.modalRef && lr(s.modalRef, !1);
+      s.modalRef && sr(s.modalRef, !1);
     }
     return r;
   }
@@ -17222,7 +17222,7 @@ function ao(e) {
   }, [n, l]), E.useEffect(() => {
     if (!l || !g.current)
       return;
-    const x = mt(g.current), C = rr(x);
+    const x = mt(g.current), C = nr(x);
     return g.current.contains(C) || (g.current.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
 `)), g.current.setAttribute("tabIndex", "-1")), v.current && g.current.focus()), () => {
       i || (h.current && h.current.focus && (d.current = !0, h.current.focus()), h.current = null);
@@ -17230,13 +17230,13 @@ function ao(e) {
   }, [l]), E.useEffect(() => {
     if (!l || !g.current)
       return;
-    const x = mt(g.current), C = rr(x), S = (k) => {
+    const x = mt(g.current), C = nr(x), S = (k) => {
       b.current = k, !(r || !s() || k.key !== "Tab") && C === g.current && k.shiftKey && (d.current = !0, p.current && p.current.focus());
     }, T = () => {
       const k = g.current;
       if (k === null)
         return;
-      const W = rr(x);
+      const W = nr(x);
       if (!x.hasFocus() || !s() || d.current) {
         d.current = !1;
         return;
@@ -17258,7 +17258,7 @@ function ao(e) {
     };
     x.addEventListener("focusin", T), x.addEventListener("keydown", S, !0);
     const z = setInterval(() => {
-      const k = rr(x);
+      const k = nr(x);
       k && k.tagName === "BODY" && T();
     }, 50);
     return () => {
@@ -17774,7 +17774,7 @@ function Kb(e) {
     const w = Bb(t) || x().body;
     Ir.add(C(), w), v.current && S();
   }), z = () => Ir.isTopModal(C()), k = nn((w) => {
-    f.current = w, w && (u && z() ? S() : v.current && lr(v.current, N));
+    f.current = w, w && (u && z() ? S() : v.current && sr(v.current, N));
   }), W = E.useCallback(() => {
     Ir.remove(C(), N);
   }, [N]);
@@ -18257,7 +18257,7 @@ const Qb = (e) => {
           "--Paper-overlay": i.vars.overlays?.[l]
         },
         ...!i.vars && i.palette.mode === "dark" && {
-          "--Paper-overlay": `linear-gradient(${wn("#fff", Ai(l))}, ${wn("#fff", Ai(l))})`
+          "--Paper-overlay": `linear-gradient(${Mn("#fff", Ai(l))}, ${Mn("#fff", Ai(l))})`
         }
       },
       ...p.style
@@ -18332,7 +18332,7 @@ function Zs(e, t) {
 function Ys(e) {
   return [e.horizontal, e.vertical].map((t) => typeof t == "number" ? `${t}px` : t).join(" ");
 }
-function or(e) {
+function rr(e) {
   return typeof e == "function" ? e() : e;
 }
 const _b = (e) => {
@@ -18408,7 +18408,7 @@ const _b = (e) => {
   }, F = _b(W), Z = E.useCallback(() => {
     if (d === "anchorPosition")
       return process.env.NODE_ENV !== "production" && (l || console.error('MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference="anchorPosition" />.')), l;
-    const $ = or(a), ie = $ && $.nodeType === 1 ? $ : mt(k.current).body, J = ie.getBoundingClientRect();
+    const $ = rr(a), ie = $ && $.nodeType === 1 ? $ : mt(k.current).body, J = ie.getBoundingClientRect();
     if (process.env.NODE_ENV !== "production") {
       const Ne = ie.getBoundingClientRect();
       process.env.NODE_ENV !== "test" && Ne.top === 0 && Ne.left === 0 && Ne.right === 0 && Ne.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(`
@@ -18434,7 +18434,7 @@ const _b = (e) => {
       };
     const Ne = Z();
     let le = Ne.top - J.vertical, be = Ne.left - J.horizontal;
-    const rt = le + ie.height, Xe = be + ie.width, Oe = Vt(or(a)), et = Oe.innerHeight - v, lt = Oe.innerWidth - v;
+    const rt = le + ie.height, Xe = be + ie.width, Oe = Vt(rr(a)), et = Oe.innerHeight - v, lt = Oe.innerWidth - v;
     if (v !== null && le < v) {
       const Fe = le - v;
       le -= Fe, J.vertical += Fe;
@@ -18479,7 +18479,7 @@ const _b = (e) => {
       return;
     const $ = qd(() => {
       M();
-    }), ie = Vt(or(a));
+    }), ie = Vt(rr(a));
     return ie.addEventListener("resize", $), () => {
       $.clear(), ie.removeEventListener("resize", $);
     };
@@ -18514,7 +18514,7 @@ const _b = (e) => {
     }
   });
   C === "auto" && !R.muiSupportAuto && (G = void 0);
-  const L = h || (a ? mt(or(a)).body : void 0), [j, {
+  const L = h || (a ? mt(rr(a)).body : void 0), [j, {
     slots: B,
     slotProps: D,
     ...Q
@@ -18588,7 +18588,7 @@ process.env.NODE_ENV !== "production" && (Ec.propTypes = {
    */
   anchorEl: dn(o.oneOfType([ur, o.func]), (e) => {
     if (e.open && (!e.anchorReference || e.anchorReference === "anchorEl")) {
-      const t = or(e.anchorEl);
+      const t = rr(e.anchorEl);
       if (t && t.nodeType === 1) {
         const n = t.getBoundingClientRect();
         if (process.env.NODE_ENV !== "test" && n.top === 0 && n.left === 0 && n.right === 0 && n.bottom === 0)
@@ -19267,7 +19267,7 @@ process.env.NODE_ENV !== "production" && (Mc.propTypes = {
 function wc(e) {
   return ce("MuiSelect", e);
 }
-const Dn = ue("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
+const Xn = ue("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
 var Bs;
 const py = X(Vc, {
   name: "MuiSelect",
@@ -19279,22 +19279,22 @@ const py = X(Vc, {
     return [
       // Win specificity over the input base
       {
-        [`&.${Dn.select}`]: t.select
+        [`&.${Xn.select}`]: t.select
       },
       {
-        [`&.${Dn.select}`]: t[n.variant]
+        [`&.${Xn.select}`]: t[n.variant]
       },
       {
-        [`&.${Dn.error}`]: t.error
+        [`&.${Xn.error}`]: t.error
       },
       {
-        [`&.${Dn.multiple}`]: t.multiple
+        [`&.${Xn.multiple}`]: t.multiple
       }
     ];
   }
 })({
   // Win specificity over the input base
-  [`&.${Dn.select}`]: {
+  [`&.${Xn.select}`]: {
     height: "auto",
     // Resets for multiple select with chips
     minHeight: "1.4375em",
@@ -19475,7 +19475,7 @@ const gy = (e) => {
   (ro({
     value: R
   }) || f) && (q ? je = q(R) : Kt = !0);
-  const Un = Oe.map((oe) => {
+  const In = Oe.map((oe) => {
     if (!/* @__PURE__ */ E.isValidElement(oe))
       return null;
     process.env.NODE_ENV !== "production" && on.isFragment(oe) && console.error(["MUI: The Select component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
@@ -19508,11 +19508,11 @@ const gy = (e) => {
 `));
     }
   }, [un, Oe, N, x, R]), Kt && (N ? Mt.length === 0 ? je = null : je = Mt.reduce((oe, he, Ye) => (oe.push(he), Ye < Mt.length - 1 && oe.push(", "), oe), []) : je = Nr);
-  let Zn = $;
-  !s && te && Q && (Zn = le.clientWidth);
+  let Un = $;
+  !s && te && Q && (Un = le.clientWidth);
   let Ee;
   typeof M < "u" ? Ee = M : Ee = h ? null : 0;
-  const Yn = w.id || (x ? `mui-component-select-${x}` : void 0), At = {
+  const Zn = w.id || (x ? `mui-component-select-${x}` : void 0), At = {
     ...t,
     variant: G,
     value: R,
@@ -19536,7 +19536,7 @@ const gy = (e) => {
       "aria-expanded": se ? "true" : "false",
       "aria-haspopup": "listbox",
       "aria-label": i,
-      "aria-labelledby": [b, Yn].filter(Boolean).join(" ") || void 0,
+      "aria-labelledby": [b, Zn].filter(Boolean).join(" ") || void 0,
       "aria-describedby": r,
       "aria-required": V ? "true" : void 0,
       "aria-invalid": v ? "true" : void 0,
@@ -19547,7 +19547,7 @@ const gy = (e) => {
       ...w,
       ownerState: At,
       className: ae(w.className, Bo.select, d),
-      id: Yn,
+      id: Zn,
       children: hy(je) ? (
         // notranslate needed while Google Translate will not fix zero-width space issue
         Bs || (Bs = /* @__PURE__ */ c.jsx("span", {
@@ -19601,12 +19601,12 @@ const gy = (e) => {
         paper: {
           ...Po,
           style: {
-            minWidth: Zn,
+            minWidth: Un,
             ...Po != null ? Po.style : null
           }
         }
       },
-      children: Un
+      children: In
     })]
   });
 });
@@ -20715,7 +20715,7 @@ const Gs = ue("MuiListItemIcon", ["root", "alignItemsFlexStart"]), wy = (e) => {
   }), {
     className: i,
     ...a
-  } = r, s = E.useContext(On), l = {
+  } = r, s = E.useContext(qn), l = {
     ...r,
     alignItems: s.alignItems
   }, d = wy(l);
@@ -20823,7 +20823,7 @@ const Tn = ue("MuiListItemText", ["root", "multiline", "dense", "inset", "primar
     ...g
   } = r, {
     dense: m
-  } = E.useContext(On);
+  } = E.useContext(qn);
   let b = d ?? i, A = p;
   const N = {
     ...r,
@@ -20951,7 +20951,7 @@ process.env.NODE_ENV !== "production" && (zc.propTypes = {
 function Fy(e) {
   return ce("MuiMenuItem", e);
 }
-const Jn = ue("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), jy = (e, t) => {
+const Dn = ue("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), jy = (e, t) => {
   const {
     ownerState: n
   } = e;
@@ -20998,23 +20998,23 @@ const Jn = ue("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divi
       backgroundColor: "transparent"
     }
   },
-  [`&.${Jn.selected}`]: {
+  [`&.${Dn.selected}`]: {
     backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity),
-    [`&.${Jn.focusVisible}`]: {
+    [`&.${Dn.focusVisible}`]: {
       backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`)
     }
   },
-  [`&.${Jn.selected}:hover`]: {
+  [`&.${Dn.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)
     }
   },
-  [`&.${Jn.focusVisible}`]: {
+  [`&.${Dn.focusVisible}`]: {
     backgroundColor: (e.vars || e).palette.action.focus
   },
-  [`&.${Jn.disabled}`]: {
+  [`&.${Dn.disabled}`]: {
     opacity: (e.vars || e).palette.action.disabledOpacity
   },
   [`& + .${Ls.root}`]: {
@@ -21089,7 +21089,7 @@ const Jn = ue("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divi
     tabIndex: h,
     className: f,
     ...v
-  } = r, g = E.useContext(On), m = E.useMemo(() => ({
+  } = r, g = E.useContext(qn), m = E.useMemo(() => ({
     dense: s || g.dense || !1,
     disableGutters: d
   }), [g.dense, s, d]), b = E.useRef(null);
@@ -21103,7 +21103,7 @@ const Jn = ue("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divi
     disableGutters: d
   }, N = Iy(r), x = Qe(b, n);
   let C;
-  return r.disabled || (C = h !== void 0 ? h : -1), /* @__PURE__ */ c.jsx(On.Provider, {
+  return r.disabled || (C = h !== void 0 ? h : -1), /* @__PURE__ */ c.jsx(qn.Provider, {
     value: m,
     children: /* @__PURE__ */ c.jsx(Uy, {
       ref: x,
@@ -21458,7 +21458,7 @@ const Zy = {
 function By(e) {
   return typeof e == "object" && !Array.isArray(e) && e !== null;
 }
-const Py = Object.keys, zn = jc.countries, Ky = Py(zn), Ly = "US";
+const Py = Object.keys, On = jc.countries, Ky = Py(On), Ly = "US";
 function Rt(e, t) {
   const n = Array.isArray(e);
   return t ? n && e.length > 0 : n;
@@ -21467,7 +21467,7 @@ function Gy(e, t) {
   return e.find((n) => t.includes(n)) || null;
 }
 function co(e) {
-  return zn[e]?.[0];
+  return On[e]?.[0];
 }
 function Xy(e) {
   return e || Ly;
@@ -21641,7 +21641,7 @@ const rv = {
           className: lv,
           children: [
             "+",
-            zn[e]?.[0]
+            On[e]?.[0]
           ]
         }
       )
@@ -24250,15 +24250,15 @@ var $c = /* @__PURE__ */ (function() {
     }
   }]), e;
 })();
-function Wn(e) {
+function zn(e) {
   return $c.call(this, e, jc);
 }
-Wn.prototype = Object.create($c.prototype, {});
-Wn.prototype.constructor = Wn;
+zn.prototype = Object.create($c.prototype, {});
+zn.prototype.constructor = zn;
 function hi(e) {
-  const { defaultCountry: t, initialValue: n, disableFormatting: r, forceCallingCode: i } = e, a = t ? `+${zn[t]?.[0]}` : "", s = new Wn(t);
+  const { defaultCountry: t, initialValue: n, disableFormatting: r, forceCallingCode: i } = e, a = t ? `+${On[t]?.[0]}` : "", s = new zn(t);
   let l = s.input(n);
-  i && l === "+" && t && (l = `+${zn[t]?.[0]}`);
+  i && l === "+" && t && (l = `+${On[t]?.[0]}`);
   const d = s.getNumberValue();
   return r && d && (l = d), {
     inputValue: l || a,
@@ -24281,7 +24281,7 @@ function R5({
 }) {
   const d = re.useRef(
     n || null
-  ), u = re.useRef(new Wn(n)), p = re.useRef(null), [h, f] = re.useState(n), [v, g] = re.useState(() => hi({
+  ), u = re.useRef(new zn(n)), p = re.useRef(null), [h, f] = re.useState(n), [v, g] = re.useState(() => hi({
     initialValue: e,
     defaultCountry: n,
     disableFormatting: s,
@@ -24342,7 +24342,7 @@ function R5({
     s
   ]), re.useEffect(() => {
     if (n !== h) {
-      f(n), u.current = new Wn(n);
+      f(n), u.current = new zn(n);
       const { inputValue: k, isoCode: W } = hi({
         initialValue: "",
         defaultCountry: n,
@@ -24364,7 +24364,7 @@ function R5({
   const z = (k) => {
     if (k === v.isoCode)
       return;
-    const W = zn[k]?.[0], { inputValue: F, isoCode: Z } = v;
+    const W = On[k]?.[0], { inputValue: F, isoCode: Z } = v;
     let y = F;
     if (Z) {
       const V = `+${co(Z)}`;
@@ -24444,7 +24444,7 @@ const E5 = "MuiTelInput-TextField", V5 = (e) => {
     onFocus: s,
     inputRef: V
   }), B = (te) => {
-    $n.flushSync(() => {
+    Hn.flushSync(() => {
       R(), q(te);
     }), A && V.current && V.current.focus();
   }, D = (te) => {
@@ -24471,7 +24471,7 @@ const E5 = "MuiTelInput-TextField", V5 = (e) => {
             ...h?.htmlInput
           },
           input: {
-            startAdornment: /* @__PURE__ */ c.jsx(ar, { position: "start", sx: { flexShrink: 0 }, children: /* @__PURE__ */ c.jsx(
+            startAdornment: /* @__PURE__ */ c.jsx(ir, { position: "start", sx: { flexShrink: 0 }, children: /* @__PURE__ */ c.jsx(
               ov,
               {
                 isFlagsMenuOpened: !!G,
@@ -24665,11 +24665,11 @@ function O5({
   }, y = u !== void 0 ? u : z, q = p || W, w = (typeof s == "string" ? s : String(s ?? "")).trim().length === 0, M = N.disabled || !1, K = () => {
     if (n) return n;
     if (l === "password")
-      return /* @__PURE__ */ c.jsx(ar, { position: "start", children: xe("lock", { size: 20 }) });
+      return /* @__PURE__ */ c.jsx(ir, { position: "start", children: xe("lock", { size: 20 }) });
   }, P = () => {
     if (r) return r;
     if (l === "password")
-      return /* @__PURE__ */ c.jsx(ar, { position: "end", children: /* @__PURE__ */ c.jsx(
+      return /* @__PURE__ */ c.jsx(ir, { position: "end", children: /* @__PURE__ */ c.jsx(
         Et,
         {
           onClick: () => T(!S),
@@ -24680,10 +24680,10 @@ function O5({
           })
         }
       ) });
-  }, G = K() || a ? /* @__PURE__ */ c.jsxs(ar, { position: "start", style: { display: "flex", gap: 4 }, children: [
+  }, G = K() || a ? /* @__PURE__ */ c.jsxs(ir, { position: "start", style: { display: "flex", gap: 4 }, children: [
     K(),
     a && s && /* @__PURE__ */ c.jsx(
-      In,
+      jn,
       {
         color: "successLight",
         deletable: !0,
@@ -24972,7 +24972,7 @@ function s9({
                   children: t.name
                 }
               ),
-              t.alertTitle && /* @__PURE__ */ c.jsx(In, { label: t.alertTitle, color: "successLight", borderRadius: 4 })
+              t.alertTitle && /* @__PURE__ */ c.jsx(jn, { label: t.alertTitle, color: "successLight", borderRadius: 4 })
             ] }),
             t.description && /* @__PURE__ */ c.jsx(ee, { variant: "caption", color: "text.secondary", sx: { display: "block", mb: 2 }, children: t.description }),
             t.alertTitle && /* @__PURE__ */ c.jsx(
@@ -25807,14 +25807,14 @@ var De = function(t, n, r) {
   return re.useEffect(function() {
     n.current = t;
   }, [t]), n.current;
-}, Fn = function(t) {
+}, Wn = function(t) {
   return t !== null && Gr(t) === "object";
 }, _5 = function(t) {
-  return Fn(t) && typeof t.then == "function";
+  return Wn(t) && typeof t.then == "function";
 }, e7 = function(t) {
-  return Fn(t) && typeof t.elements == "function" && typeof t.createToken == "function" && typeof t.createPaymentMethod == "function" && typeof t.confirmCardPayment == "function";
+  return Wn(t) && typeof t.elements == "function" && typeof t.createToken == "function" && typeof t.createPaymentMethod == "function" && typeof t.confirmCardPayment == "function";
 }, Ol = "[object Object]", t7 = function e(t, n) {
-  if (!Fn(t) || !Fn(n))
+  if (!Wn(t) || !Wn(n))
     return t === n;
   var r = Array.isArray(t), i = Array.isArray(n);
   if (r !== i) return !1;
@@ -25835,8 +25835,8 @@ var De = function(t, n, r) {
   };
   return f.every(m);
 }, nu = function(t, n, r) {
-  return Fn(t) ? Object.keys(t).reduce(function(i, a) {
-    var s = !Fn(n) || !t7(t[a], n[a]);
+  return Wn(t) ? Object.keys(t).reduce(function(i, a) {
+    var s = !Wn(n) || !t7(t[a], n[a]);
     return r.includes(a) ? (s && console.warn("Unsupported prop change: options.".concat(a, " is not a mutable property.")), i) : s ? wl(wl({}, i || {}), {}, eu({}, a, t[a])) : i;
   }, null) : null;
 }, ru = "Invalid prop `stripe` supplied to `Elements`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.", zl = function(t) {
@@ -26067,7 +26067,7 @@ var g7 = function(t) {
     version: "8.5.3",
     startTime: n
   });
-}, Qn = null, Ur = null, Zr = null, v7 = function(t) {
+}, Jn = null, Ur = null, Zr = null, v7 = function(t) {
   return function(n) {
     t(new Error("Failed to load Stripe.js", {
       cause: n
@@ -26078,7 +26078,7 @@ var g7 = function(t) {
     window.Stripe ? t(window.Stripe) : n(new Error("Stripe.js not available"));
   };
 }, C7 = function(t) {
-  return Qn !== null ? Qn : (Qn = new Promise(function(n, r) {
+  return Jn !== null ? Jn : (Jn = new Promise(function(n, r) {
     if (typeof window > "u" || typeof document > "u") {
       n(null);
       return;
@@ -26102,8 +26102,8 @@ var g7 = function(t) {
       r(s);
       return;
     }
-  }), Qn.catch(function(n) {
-    return Qn = null, Promise.reject(n);
+  }), Jn.catch(function(n) {
+    return Jn = null, Promise.reject(n);
   }));
 }, A7 = function(t, n, r) {
   if (t === null)
@@ -26112,10 +26112,10 @@ var g7 = function(t) {
   a && s !== l && console.warn("Stripe.js@".concat(s, " was loaded on the page, but @stripe/stripe-js@").concat("8.5.3", " expected Stripe.js@").concat(l, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
   var d = t.apply(void 0, n);
   return y7(d, r), d;
-}, Hn, lu = !1, du = function() {
-  return Hn || (Hn = C7(null).catch(function(t) {
-    return Hn = null, Promise.reject(t);
-  }), Hn);
+}, Qn, lu = !1, du = function() {
+  return Qn || (Qn = C7(null).catch(function(t) {
+    return Qn = null, Promise.reject(t);
+  }), Qn);
 };
 Promise.resolve().then(function() {
   return du();
@@ -27014,7 +27014,7 @@ const j7 = X((e) => /* @__PURE__ */ c.jsx(cu, { focusVisibleClassName: ".Mui-foc
     if (!m) return null;
     const b = m === "open";
     return /* @__PURE__ */ c.jsx(
-      In,
+      jn,
       {
         label: b ? "Ouvert" : "Fermé",
         borderRadius: 4,
@@ -27279,7 +27279,7 @@ function b9({ tabs: e }) {
     }
   );
 }
-const kn = {
+const lr = {
   vertical: {
     image: 150
   },
@@ -27312,13 +27312,14 @@ const kn = {
   };
 }), U7 = X("img")(
   ({ layout: e, disabled: t, theme: n }) => {
-    const r = e === "horizontal", i = r ? kn.horizontal.image : "100%", a = r ? kn.horizontal.image : kn.vertical.image;
+    const r = e === "horizontal", i = r ? lr.horizontal.image : "100%", a = r ? lr.horizontal.image : void 0;
     return {
       backgroundColor: "#F0F0F0",
       width: i,
       height: a,
       objectFit: "cover",
       flexShrink: 0,
+      aspectRatio: r ? void 0 : 5 / 4,
       filter: t ? "grayscale(100%)" : "none",
       opacity: t ? 0.8 : 1,
       [n.breakpoints.down("sm")]: {
@@ -27430,7 +27431,7 @@ const kn = {
             imagePosition: b,
             children: [
               (f || l) && /* @__PURE__ */ c.jsx(
-                In,
+                jn,
                 {
                   label: f ? "Indisponible" : l,
                   color: f ? "default" : "successLight",
@@ -27445,8 +27446,8 @@ const kn = {
           Ue,
           {
             variant: "rectangular",
-            width: S ? kn.horizontal.image : "100%",
-            height: S ? kn.horizontal.image : kn.vertical.image
+            width: S ? lr.horizontal.image : "100%",
+            height: S ? lr.horizontal.image : lr.vertical.image
           }
         ) : /* @__PURE__ */ c.jsx(
           U7,
@@ -27568,7 +27569,7 @@ export {
   o9 as TableCartItemCard,
   i9 as TablePaymentMethod,
   b9 as TabsMui,
-  In as Tag,
+  jn as Tag,
   m9 as Toggle,
   xe as getIcon,
   Bt as getImage,