@dishopsaas/design-system 0.0.77 → 0.0.78

package/dist/index.mjs

@@ -82,7 +82,7 @@ function Bu() {
         switch (typeof R.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), R.$$typeof) {
-          case f:
+          case m:
             return "Portal";
           case C:
             return R.displayName || "Context";
@@ -247,12 +247,12 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     function h(R) {
-      m(R) ? R._store && (R._store.validated = 1) : typeof R == "object" && R !== null && R.$$typeof === W && (R._payload.status === "fulfilled" ? m(R._payload.value) && R._payload.value._store && (R._payload.value._store.validated = 1) : R._store && (R._store.validated = 1));
+      f(R) ? R._store && (R._store.validated = 1) : typeof R == "object" && R !== null && R.$$typeof === W && (R._payload.status === "fulfilled" ? f(R._payload.value) && R._payload.value._store && (R._payload.value._store.validated = 1) : R._store && (R._store.validated = 1));
     }
-    function m(R) {
+    function f(R) {
       return typeof R == "object" && R !== null && R.$$typeof === g;
     }
-    var v = re, g = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), N = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), C = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), z = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), y = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, V = Array.isArray, w = console.createTask ? console.createTask : function() {
+    var v = re, g = Symbol.for("react.transitional.element"), m = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), A = Symbol.for("react.strict_mode"), N = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), C = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), z = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), y = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, q = Object.prototype.hasOwnProperty, V = Array.isArray, w = console.createTask ? console.createTask : function() {
       return null;
     };
     v = {
@@ -491,7 +491,7 @@ var Sa;
 function Hu() {
   if (Sa) return ye;
   Sa = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, b = e ? Symbol.for("react.fundamental") : 60117, A = e ? Symbol.for("react.responder") : 60118, N = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, m = e ? Symbol.for("react.block") : 60121, b = e ? Symbol.for("react.fundamental") : 60117, A = e ? Symbol.for("react.responder") : 60118, N = e ? Symbol.for("react.scope") : 60119;
   function x(S) {
     if (typeof S == "object" && S !== null) {
       var T = S.$$typeof;
@@ -550,17 +550,17 @@ function Hu() {
   }, ye.isSuspense = function(S) {
     return x(S) === h;
   }, ye.isValidElementType = function(S) {
-    return typeof S == "string" || typeof S == "function" || S === r || S === u || S === a || S === i || S === h || S === m || typeof S == "object" && S !== null && (S.$$typeof === g || S.$$typeof === v || S.$$typeof === s || S.$$typeof === l || S.$$typeof === p || S.$$typeof === b || S.$$typeof === A || S.$$typeof === N || S.$$typeof === f);
+    return typeof S == "string" || typeof S == "function" || S === r || S === u || S === a || S === i || S === h || S === f || typeof S == "object" && S !== null && (S.$$typeof === g || S.$$typeof === v || S.$$typeof === s || S.$$typeof === l || S.$$typeof === p || S.$$typeof === b || S.$$typeof === A || S.$$typeof === N || S.$$typeof === m);
   }, ye.typeOf = x, ye;
 }
 var ve = {};
 var Na;
 function $u() {
   return Na || (Na = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, f = e ? Symbol.for("react.block") : 60121, b = e ? Symbol.for("react.fundamental") : 60117, A = e ? Symbol.for("react.responder") : 60118, N = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, u = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, m = e ? Symbol.for("react.block") : 60121, b = e ? Symbol.for("react.fundamental") : 60117, A = e ? Symbol.for("react.responder") : 60118, N = e ? Symbol.for("react.scope") : 60119;
     function x(J) {
       return typeof J == "string" || typeof J == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      J === r || J === u || J === a || J === i || J === h || J === m || typeof J == "object" && J !== null && (J.$$typeof === g || J.$$typeof === v || J.$$typeof === s || J.$$typeof === l || J.$$typeof === p || J.$$typeof === b || J.$$typeof === A || J.$$typeof === N || J.$$typeof === f);
+      J === r || J === u || J === a || J === i || J === h || J === f || typeof J == "object" && J !== null && (J.$$typeof === g || J.$$typeof === v || J.$$typeof === s || J.$$typeof === l || J.$$typeof === p || J.$$typeof === b || J.$$typeof === A || J.$$typeof === N || J.$$typeof === m);
     }
     function C(J) {
       if (typeof J == "object" && J !== null) {
@@ -680,8 +680,8 @@ function _u() {
         t.call(l, h) && (d[h] = l[h]);
       if (e) {
         u = e(l);
-        for (var m = 0; m < u.length; m++)
-          n.call(l, u[m]) && (d[u[m]] = l[u[m]]);
+        for (var f = 0; f < u.length; f++)
+          n.call(l, u[f]) && (d[u[f]] = l[u[f]]);
       }
     }
     return d;
@@ -722,10 +722,10 @@ function ep() {
           var h;
           try {
             if (typeof a[p] != "function") {
-              var m = Error(
+              var f = Error(
                 (d || "React class") + ": " + l + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
-              throw m.name = "Invariant Violation", m;
+              throw f.name = "Invariant Violation", f;
             }
             h = a[p](s, p, d, l, null, t);
           } catch (g) {
@@ -771,7 +771,7 @@ function tp() {
       if (typeof R == "function")
         return R;
     }
-    var m = "<<anonymous>>", v = {
+    var f = "<<anonymous>>", v = {
       array: A("array"),
       bigint: A("bigint"),
       bool: A("boolean"),
@@ -795,15 +795,15 @@ function tp() {
     function g(O, R) {
       return O === R ? O !== 0 || 1 / O === 1 / R : O !== O && R !== R;
     }
-    function f(O, R) {
+    function m(O, R) {
       this.message = O, this.data = R && typeof R == "object" ? R : {}, this.stack = "";
     }
-    f.prototype = Error.prototype;
+    m.prototype = Error.prototype;
     function b(O) {
       if (process.env.NODE_ENV !== "production")
         var R = {}, Y = 0;
       function L(B, D, Q, ne, te, $, ie) {
-        if (ne = ne || m, $ = $ || Q, ie !== n) {
+        if (ne = ne || f, $ = $ || Q, ie !== n) {
           if (d) {
             var J = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
@@ -817,7 +817,7 @@ function tp() {
             ), R[Ne] = !0, Y++);
           }
         }
-        return D[Q] == null ? B ? D[Q] === null ? new f("The " + te + " `" + $ + "` is marked as required " + ("in `" + ne + "`, but its value is `null`.")) : new f("The " + te + " `" + $ + "` is marked as required in " + ("`" + ne + "`, but its value is `undefined`.")) : null : O(D, Q, ne, te, $);
+        return D[Q] == null ? B ? D[Q] === null ? new m("The " + te + " `" + $ + "` is marked as required " + ("in `" + ne + "`, but its value is `null`.")) : new m("The " + te + " `" + $ + "` is marked as required in " + ("`" + ne + "`, but its value is `undefined`.")) : null : O(D, Q, ne, te, $);
       }
       var j = L.bind(null, !1);
       return j.isRequired = L.bind(null, !0), j;
@@ -827,7 +827,7 @@ function tp() {
         var ne = Y[L], te = M(ne);
         if (te !== O) {
           var $ = K(ne);
-          return new f(
+          return new m(
             "Invalid " + B + " `" + D + "` of type " + ("`" + $ + "` supplied to `" + j + "`, expected ") + ("`" + O + "`."),
             { expectedType: O }
           );
@@ -842,11 +842,11 @@ function tp() {
     function x(O) {
       function R(Y, L, j, B, D) {
         if (typeof O != "function")
-          return new f("Property `" + D + "` of component `" + j + "` has invalid PropType notation inside arrayOf.");
+          return new m("Property `" + D + "` of component `" + j + "` has invalid PropType notation inside arrayOf.");
         var Q = Y[L];
         if (!Array.isArray(Q)) {
           var ne = M(Q);
-          return new f("Invalid " + B + " `" + D + "` of type " + ("`" + ne + "` supplied to `" + j + "`, expected an array."));
+          return new m("Invalid " + B + " `" + D + "` of type " + ("`" + ne + "` supplied to `" + j + "`, expected an array."));
         }
         for (var te = 0; te < Q.length; te++) {
           var $ = O(Q, te, j, B, D + "[" + te + "]", n);
@@ -862,7 +862,7 @@ function tp() {
         var D = R[Y];
         if (!l(D)) {
           var Q = M(D);
-          return new f("Invalid " + j + " `" + B + "` of type " + ("`" + Q + "` supplied to `" + L + "`, expected a single ReactElement."));
+          return new m("Invalid " + j + " `" + B + "` of type " + ("`" + Q + "` supplied to `" + L + "`, expected a single ReactElement."));
         }
         return null;
       }
@@ -873,7 +873,7 @@ function tp() {
         var D = R[Y];
         if (!e.isValidElementType(D)) {
           var Q = M(D);
-          return new f("Invalid " + j + " `" + B + "` of type " + ("`" + Q + "` supplied to `" + L + "`, expected a single ReactElement type."));
+          return new m("Invalid " + j + " `" + B + "` of type " + ("`" + Q + "` supplied to `" + L + "`, expected a single ReactElement type."));
         }
         return null;
       }
@@ -882,8 +882,8 @@ function tp() {
     function T(O) {
       function R(Y, L, j, B, D) {
         if (!(Y[L] instanceof O)) {
-          var Q = O.name || m, ne = G(Y[L]);
-          return new f("Invalid " + B + " `" + D + "` of type " + ("`" + ne + "` supplied to `" + j + "`, expected ") + ("instance of `" + Q + "`."));
+          var Q = O.name || f, ne = G(Y[L]);
+          return new m("Invalid " + B + " `" + D + "` of type " + ("`" + ne + "` supplied to `" + j + "`, expected ") + ("instance of `" + Q + "`."));
         }
         return null;
       }
@@ -902,17 +902,17 @@ function tp() {
           var Ne = K(J);
           return Ne === "symbol" ? String(J) : J;
         });
-        return new f("Invalid " + B + " `" + D + "` of value `" + String(Q) + "` " + ("supplied to `" + j + "`, expected one of " + te + "."));
+        return new m("Invalid " + B + " `" + D + "` of value `" + String(Q) + "` " + ("supplied to `" + j + "`, expected one of " + te + "."));
       }
       return b(R);
     }
     function k(O) {
       function R(Y, L, j, B, D) {
         if (typeof O != "function")
-          return new f("Property `" + D + "` of component `" + j + "` has invalid PropType notation inside objectOf.");
+          return new m("Property `" + D + "` of component `" + j + "` has invalid PropType notation inside objectOf.");
         var Q = Y[L], ne = M(Q);
         if (ne !== "object")
-          return new f("Invalid " + B + " `" + D + "` of type " + ("`" + ne + "` supplied to `" + j + "`, expected an object."));
+          return new m("Invalid " + B + " `" + D + "` of type " + ("`" + ne + "` supplied to `" + j + "`, expected an object."));
         for (var te in Q)
           if (r(Q, te)) {
             var $ = O(Q, te, j, B, D + "." + te, n);
@@ -941,18 +941,18 @@ function tp() {
           J.data && r(J.data, "expectedType") && te.push(J.data.expectedType);
         }
         var Ne = te.length > 0 ? ", expected one of type [" + te.join(", ") + "]" : "";
-        return new f("Invalid " + Q + " `" + ne + "` supplied to " + ("`" + D + "`" + Ne + "."));
+        return new m("Invalid " + Q + " `" + ne + "` supplied to " + ("`" + D + "`" + Ne + "."));
       }
       return b(L);
     }
     function F() {
       function O(R, Y, L, j, B) {
-        return V(R[Y]) ? null : new f("Invalid " + j + " `" + B + "` supplied to " + ("`" + L + "`, expected a ReactNode."));
+        return V(R[Y]) ? null : new m("Invalid " + j + " `" + B + "` supplied to " + ("`" + L + "`, expected a ReactNode."));
       }
       return b(O);
     }
     function Z(O, R, Y, L, j) {
-      return new f(
+      return new m(
         (O || "React class") + ": " + R + " type `" + Y + "." + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + j + "`."
       );
     }
@@ -960,7 +960,7 @@ function tp() {
       function R(Y, L, j, B, D) {
         var Q = Y[L], ne = M(Q);
         if (ne !== "object")
-          return new f("Invalid " + B + " `" + D + "` of type `" + ne + "` " + ("supplied to `" + j + "`, expected `object`."));
+          return new m("Invalid " + B + " `" + D + "` of type `" + ne + "` " + ("supplied to `" + j + "`, expected `object`."));
         for (var te in O) {
           var $ = O[te];
           if (typeof $ != "function")
@@ -977,14 +977,14 @@ function tp() {
       function R(Y, L, j, B, D) {
         var Q = Y[L], ne = M(Q);
         if (ne !== "object")
-          return new f("Invalid " + B + " `" + D + "` of type `" + ne + "` " + ("supplied to `" + j + "`, expected `object`."));
+          return new m("Invalid " + B + " `" + D + "` of type `" + ne + "` " + ("supplied to `" + j + "`, expected `object`."));
         var te = t({}, Y[L], O);
         for (var $ in te) {
           var ie = O[$];
           if (r(O, $) && typeof ie != "function")
             return Z(j, B, D, $, K(ie));
           if (!ie)
-            return new f(
+            return new m(
               "Invalid " + B + " `" + D + "` key `" + $ + "` supplied to `" + j + "`.\nBad object: " + JSON.stringify(Y[L], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(O), null, "  ")
             );
@@ -1063,7 +1063,7 @@ Valid keys: ` + JSON.stringify(Object.keys(O), null, "  ")
       }
     }
     function G(O) {
-      return !O.constructor || !O.constructor.name ? m : O.constructor.name;
+      return !O.constructor || !O.constructor.name ? f : O.constructor.name;
     }
     return v.checkPropTypes = i, v.resetWarningCache = i.resetWarningCache, v.PropTypes = v, v;
   }, Ho;
@@ -1080,10 +1080,10 @@ function np() {
   return n.resetWarningCache = t, $o = function() {
     function r(s, l, d, u, p, h) {
       if (h !== e) {
-        var m = new Error(
+        var f = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
-        throw m.name = "Invariant Violation", m;
+        throw f.name = "Invariant Violation", f;
       }
     }
     r.isRequired = r;
@@ -1164,29 +1164,29 @@ var za;
 function sp() {
   if (za) return Te;
   za = 1;
-  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), s = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), m = Symbol.for("react.view_transition"), v = Symbol.for("react.client.reference");
-  function g(f) {
-    if (typeof f == "object" && f !== null) {
-      var b = f.$$typeof;
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), s = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), f = Symbol.for("react.view_transition"), v = Symbol.for("react.client.reference");
+  function g(m) {
+    if (typeof m == "object" && m !== null) {
+      var b = m.$$typeof;
       switch (b) {
         case e:
-          switch (f = f.type, f) {
+          switch (m = m.type, m) {
             case n:
             case i:
             case r:
             case d:
             case u:
-            case m:
-              return f;
+            case f:
+              return m;
             default:
-              switch (f = f && f.$$typeof, f) {
+              switch (m = m && m.$$typeof, m) {
                 case s:
                 case l:
                 case h:
                 case p:
-                  return f;
+                  return m;
                 case a:
-                  return f;
+                  return m;
                 default:
                   return b;
               }
@@ -1196,60 +1196,60 @@ function sp() {
       }
     }
   }
-  return Te.ContextConsumer = a, Te.ContextProvider = s, Te.Element = e, Te.ForwardRef = l, Te.Fragment = n, Te.Lazy = h, Te.Memo = p, Te.Portal = t, Te.Profiler = i, Te.StrictMode = r, Te.Suspense = d, Te.SuspenseList = u, Te.isContextConsumer = function(f) {
-    return g(f) === a;
-  }, Te.isContextProvider = function(f) {
-    return g(f) === s;
-  }, Te.isElement = function(f) {
-    return typeof f == "object" && f !== null && f.$$typeof === e;
-  }, Te.isForwardRef = function(f) {
-    return g(f) === l;
-  }, Te.isFragment = function(f) {
-    return g(f) === n;
-  }, Te.isLazy = function(f) {
-    return g(f) === h;
-  }, Te.isMemo = function(f) {
-    return g(f) === p;
-  }, Te.isPortal = function(f) {
-    return g(f) === t;
-  }, Te.isProfiler = function(f) {
-    return g(f) === i;
-  }, Te.isStrictMode = function(f) {
-    return g(f) === r;
-  }, Te.isSuspense = function(f) {
-    return g(f) === d;
-  }, Te.isSuspenseList = function(f) {
-    return g(f) === u;
-  }, Te.isValidElementType = function(f) {
-    return typeof f == "string" || typeof f == "function" || f === n || f === i || f === r || f === d || f === u || typeof f == "object" && f !== null && (f.$$typeof === h || f.$$typeof === p || f.$$typeof === s || f.$$typeof === a || f.$$typeof === l || f.$$typeof === v || f.getModuleId !== void 0);
+  return Te.ContextConsumer = a, Te.ContextProvider = s, Te.Element = e, Te.ForwardRef = l, Te.Fragment = n, Te.Lazy = h, Te.Memo = p, Te.Portal = t, Te.Profiler = i, Te.StrictMode = r, Te.Suspense = d, Te.SuspenseList = u, Te.isContextConsumer = function(m) {
+    return g(m) === a;
+  }, Te.isContextProvider = function(m) {
+    return g(m) === s;
+  }, Te.isElement = function(m) {
+    return typeof m == "object" && m !== null && m.$$typeof === e;
+  }, Te.isForwardRef = function(m) {
+    return g(m) === l;
+  }, Te.isFragment = function(m) {
+    return g(m) === n;
+  }, Te.isLazy = function(m) {
+    return g(m) === h;
+  }, Te.isMemo = function(m) {
+    return g(m) === p;
+  }, Te.isPortal = function(m) {
+    return g(m) === t;
+  }, Te.isProfiler = function(m) {
+    return g(m) === i;
+  }, Te.isStrictMode = function(m) {
+    return g(m) === r;
+  }, Te.isSuspense = function(m) {
+    return g(m) === d;
+  }, Te.isSuspenseList = function(m) {
+    return g(m) === u;
+  }, Te.isValidElementType = function(m) {
+    return typeof m == "string" || typeof m == "function" || m === n || m === i || m === r || m === d || m === u || typeof m == "object" && m !== null && (m.$$typeof === h || m.$$typeof === p || m.$$typeof === s || m.$$typeof === a || m.$$typeof === l || m.$$typeof === v || m.getModuleId !== void 0);
   }, Te.typeOf = g, Te;
 }
 var Re = {};
 var Wa;
 function lp() {
   return Wa || (Wa = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(f) {
-      if (typeof f == "object" && f !== null) {
-        var b = f.$$typeof;
+    function e(m) {
+      if (typeof m == "object" && m !== null) {
+        var b = m.$$typeof;
         switch (b) {
           case t:
-            switch (f = f.type, f) {
+            switch (m = m.type, m) {
               case r:
               case a:
               case i:
               case u:
               case p:
               case v:
-                return f;
+                return m;
               default:
-                switch (f = f && f.$$typeof, f) {
+                switch (m = m && m.$$typeof, m) {
                   case l:
                   case d:
-                  case m:
+                  case f:
                   case h:
-                    return f;
+                    return m;
                   case s:
-                    return f;
+                    return m;
                   default:
                     return b;
                 }
@@ -1259,33 +1259,33 @@ function lp() {
         }
       }
     }
-    var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), l = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), v = Symbol.for("react.view_transition"), g = Symbol.for("react.client.reference");
-    Re.ContextConsumer = s, Re.ContextProvider = l, Re.Element = t, Re.ForwardRef = d, Re.Fragment = r, Re.Lazy = m, Re.Memo = h, Re.Portal = n, Re.Profiler = a, Re.StrictMode = i, Re.Suspense = u, Re.SuspenseList = p, Re.isContextConsumer = function(f) {
-      return e(f) === s;
-    }, Re.isContextProvider = function(f) {
-      return e(f) === l;
-    }, Re.isElement = function(f) {
-      return typeof f == "object" && f !== null && f.$$typeof === t;
-    }, Re.isForwardRef = function(f) {
-      return e(f) === d;
-    }, Re.isFragment = function(f) {
-      return e(f) === r;
-    }, Re.isLazy = function(f) {
-      return e(f) === m;
-    }, Re.isMemo = function(f) {
-      return e(f) === h;
-    }, Re.isPortal = function(f) {
-      return e(f) === n;
-    }, Re.isProfiler = function(f) {
-      return e(f) === a;
-    }, Re.isStrictMode = function(f) {
-      return e(f) === i;
-    }, Re.isSuspense = function(f) {
-      return e(f) === u;
-    }, Re.isSuspenseList = function(f) {
-      return e(f) === p;
-    }, Re.isValidElementType = function(f) {
-      return typeof f == "string" || typeof f == "function" || f === r || f === a || f === i || f === u || f === p || typeof f == "object" && f !== null && (f.$$typeof === m || f.$$typeof === h || f.$$typeof === l || f.$$typeof === s || f.$$typeof === d || f.$$typeof === g || f.getModuleId !== void 0);
+    var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), l = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), v = Symbol.for("react.view_transition"), g = Symbol.for("react.client.reference");
+    Re.ContextConsumer = s, Re.ContextProvider = l, Re.Element = t, Re.ForwardRef = d, Re.Fragment = r, Re.Lazy = f, Re.Memo = h, Re.Portal = n, Re.Profiler = a, Re.StrictMode = i, Re.Suspense = u, Re.SuspenseList = p, Re.isContextConsumer = function(m) {
+      return e(m) === s;
+    }, Re.isContextProvider = function(m) {
+      return e(m) === l;
+    }, Re.isElement = function(m) {
+      return typeof m == "object" && m !== null && m.$$typeof === t;
+    }, Re.isForwardRef = function(m) {
+      return e(m) === d;
+    }, Re.isFragment = function(m) {
+      return e(m) === r;
+    }, Re.isLazy = function(m) {
+      return e(m) === f;
+    }, Re.isMemo = function(m) {
+      return e(m) === h;
+    }, Re.isPortal = function(m) {
+      return e(m) === n;
+    }, Re.isProfiler = function(m) {
+      return e(m) === a;
+    }, Re.isStrictMode = function(m) {
+      return e(m) === i;
+    }, Re.isSuspense = function(m) {
+      return e(m) === u;
+    }, Re.isSuspenseList = function(m) {
+      return e(m) === p;
+    }, Re.isValidElementType = function(m) {
+      return typeof m == "string" || typeof m == "function" || m === r || m === a || m === i || m === u || m === p || typeof m == "object" && m !== null && (m.$$typeof === f || m.$$typeof === h || m.$$typeof === l || m.$$typeof === s || m.$$typeof === d || m.$$typeof === g || m.getModuleId !== void 0);
     }, Re.typeOf = e;
   })()), Re;
 }
@@ -1349,22 +1349,22 @@ function up(e) {
     step: r = 5,
     ...i
   } = e, a = cp(t), s = Object.keys(a);
-  function l(m) {
-    return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${n})`;
+  function l(f) {
+    return `@media (min-width:${typeof t[f] == "number" ? t[f] : f}${n})`;
   }
-  function d(m) {
-    return `@media (max-width:${(typeof t[m] == "number" ? t[m] : m) - r / 100}${n})`;
+  function d(f) {
+    return `@media (max-width:${(typeof t[f] == "number" ? t[f] : f) - r / 100}${n})`;
   }
-  function u(m, v) {
+  function u(f, v) {
     const g = s.indexOf(v);
-    return `@media (min-width:${typeof t[m] == "number" ? t[m] : m}${n}) and (max-width:${(g !== -1 && typeof t[s[g]] == "number" ? t[s[g]] : v) - r / 100}${n})`;
+    return `@media (min-width:${typeof t[f] == "number" ? t[f] : f}${n}) and (max-width:${(g !== -1 && typeof t[s[g]] == "number" ? t[s[g]] : v) - r / 100}${n})`;
   }
-  function p(m) {
-    return s.indexOf(m) + 1 < s.length ? u(m, s[s.indexOf(m) + 1]) : l(m);
+  function p(f) {
+    return s.indexOf(f) + 1 < s.length ? u(f, s[s.indexOf(f) + 1]) : l(f);
   }
-  function h(m) {
-    const v = s.indexOf(m);
-    return v === 0 ? l(s[1]) : v === s.length - 1 ? d(s[v]) : u(m, s[s.indexOf(m) + 1]).replace("@media", "@media not all and");
+  function h(f) {
+    const v = s.indexOf(f);
+    return v === 0 ? l(s[1]) : v === s.length - 1 ? d(s[v]) : u(f, s[s.indexOf(f) + 1]).replace("@media", "@media not all and");
   }
   return {
     keys: s,
@@ -1544,9 +1544,9 @@ function ze(e) {
       return null;
     const l = s[t], d = s.theme, u = bt(d, r) || {};
     return ft(s, l, (h) => {
-      let m = Dr(u, i, h);
-      return h === m && typeof h == "string" && (m = Dr(u, i, `${t}${h === "default" ? "" : H(h)}`, h)), n === !1 ? m : {
-        [n]: m
+      let f = Dr(u, i, h);
+      return h === f && typeof h == "string" && (f = Dr(u, i, `${t}${h === "default" ? "" : H(h)}`, h)), n === !1 ? f : {
+        [n]: f
       };
     });
   };
@@ -2112,11 +2112,11 @@ function of() {
       return {
         [n]: r
       };
-    const m = bt(i, u) || {};
+    const f = bt(i, u) || {};
     return h ? h(s) : ft(s, r, (g) => {
-      let f = Dr(m, p, g);
-      return g === f && typeof g == "string" && (f = Dr(m, p, `${n}${g === "default" ? "" : H(g)}`, g)), d === !1 ? f : {
-        [d]: f
+      let m = Dr(f, p, g);
+      return g === m && typeof g == "string" && (m = Dr(f, p, `${n}${g === "default" ? "" : H(g)}`, g)), d === !1 ? m : {
+        [d]: m
       };
     });
   }
@@ -2138,30 +2138,30 @@ function of() {
       if (!u)
         return null;
       const p = nd(i.breakpoints), h = Object.keys(p);
-      let m = p;
+      let f = p;
       return Object.keys(u).forEach((v) => {
         const g = rf(u[v], i);
         if (g != null)
           if (typeof g == "object")
             if (s[v])
-              m = ir(m, e(v, g, i, s));
+              f = ir(f, e(v, g, i, s));
             else {
-              const f = ft({
+              const m = ft({
                 theme: i
               }, g, (b) => ({
                 [v]: b
               }));
-              nf(f, g) ? m[v] = t({
+              nf(m, g) ? f[v] = t({
                 sx: g,
                 theme: i,
                 nested: !0
-              }) : m = ir(m, f);
+              }) : f = ir(f, m);
             }
           else
-            m = ir(m, e(v, g, i, s));
+            f = ir(f, e(v, g, i, s));
       }), !a && i.modularCssLayers ? {
-        "@layer sx": ja(i, yi(h, m))
-      } : ja(i, yi(h, m));
+        "@layer sx": ja(i, yi(h, f))
+      } : ja(i, yi(h, f));
     }
     return Array.isArray(r) ? r.map(l) : l(r);
   }
@@ -2449,16 +2449,16 @@ function ud(e = {}) {
       name: u,
       slot: p,
       skipVariantsResolver: h,
-      skipSx: m,
+      skipSx: f,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       overridesResolver: v = gf(pd(p)),
       ...g
-    } = d, f = u && u.startsWith("Mui") || p ? "components" : "custom", b = h !== void 0 ? h : (
+    } = d, m = u && u.startsWith("Mui") || p ? "components" : "custom", b = h !== void 0 ? h : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
       p && p !== "Root" && p !== "root" || !1
-    ), A = m || !1;
+    ), A = f || !1;
     let N = ti;
     p === "Root" || p === "root" ? N = r : p ? N = i : Cf(l) && (N = void 0);
     const x = ip(l, {
@@ -2470,12 +2470,12 @@ function ud(e = {}) {
         return T;
       if (typeof T == "function")
         return function(k) {
-          return Pr(k, T, k.theme.modularCssLayers ? f : void 0);
+          return Pr(k, T, k.theme.modularCssLayers ? m : void 0);
         };
       if (yt(T)) {
         const z = dd(T);
         return function(W) {
-          return z.variants ? Pr(W, z, W.theme.modularCssLayers ? f : void 0) : W.theme.modularCssLayers ? $t(z.style, f) : z.style;
+          return z.variants ? Pr(W, z, W.theme.modularCssLayers ? m : void 0) : W.theme.modularCssLayers ? $t(z.style, m) : z.style;
         };
       }
       return T;
@@ -2834,11 +2834,11 @@ function Yf(e, t = {}) {
   } = e, {
     vars: p,
     css: h,
-    varsWithDefaults: m
+    varsWithDefaults: f
   } = ni(u, t);
-  let v = m;
+  let v = f;
   const g = {}, {
-    [d]: f,
+    [d]: m,
     ...b
   } = s;
   if (Object.entries(b || {}).forEach(([C, S]) => {
@@ -2851,12 +2851,12 @@ function Yf(e, t = {}) {
       css: z,
       vars: T
     };
-  }), f) {
+  }), m) {
     const {
       css: C,
       vars: S,
       varsWithDefaults: T
-    } = ni(f, t);
+    } = ni(m, t);
     v = Ze(v, T), g[d] = {
       css: C,
       vars: S
@@ -3015,8 +3015,8 @@ const Xf = (e) => ({
     });
     typeof a == "object" && Object.keys(a).forEach((d, u, p) => {
       if (!a[d]) {
-        const m = u > 0 ? a[p[u - 1]] : "column";
-        a[d] = m;
+        const f = u > 0 ? a[p[u - 1]] : "column";
+        a[d] = f;
       }
     }), n = Ze(n, ft({
       theme: t
@@ -3045,10 +3045,10 @@ function Jf(e = {}) {
     root: ["root"]
   }, (d) => ce(r, d), {}), a = t(Df), s = /* @__PURE__ */ E.forwardRef(function(d, u) {
     const p = n(d), h = ad(p), {
-      component: m = "div",
+      component: f = "div",
       direction: v = "column",
       spacing: g = 0,
-      divider: f,
+      divider: m,
       children: b,
       className: A,
       useFlexGap: N = !1,
@@ -3059,12 +3059,12 @@ function Jf(e = {}) {
       useFlexGap: N
     }, S = i();
     return /* @__PURE__ */ c.jsx(a, {
-      as: m,
+      as: f,
       ownerState: C,
       ref: u,
       className: ae(S.root, A),
       ...x,
-      children: f ? Gf(b, f) : b
+      children: m ? Gf(b, m) : b
     });
   });
   return process.env.NODE_ENV !== "production" && (s.propTypes = {
@@ -3288,7 +3288,7 @@ function Qi(e) {
     colorSpace: i,
     ...a
   } = e, s = e.primary || Qf(t), l = e.secondary || Hf(t), d = e.error || $f(t), u = e.info || _f(t), p = e.success || e1(t), h = e.warning || t1(t);
-  function m(b) {
+  function f(b) {
     if (i)
       return n1(b);
     const A = Ba(b, xi.text.primary) >= n ? xi.text.primary : bd.text.primary;
@@ -3326,7 +3326,7 @@ const theme1 = createTheme({ palette: {
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
 } });` : pt(12, A ? ` (${A})` : "", JSON.stringify(b.main)));
-    return i ? (Da(i, b, "light", x, r), Da(i, b, "dark", C, r)) : (Xa(b, "light", x, r), Xa(b, "dark", C, r)), b.contrastText || (b.contrastText = m(b.main)), b;
+    return i ? (Da(i, b, "light", x, r), Da(i, b, "dark", C, r)) : (Xa(b, "light", x, r), Xa(b, "dark", C, r)), b.contrastText || (b.contrastText = f(b.main)), b;
   };
   let g;
   return t === "light" ? g = gd() : t === "dark" && (g = yd()), process.env.NODE_ENV !== "production" && (g || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), Ze({
@@ -3376,7 +3376,7 @@ const theme2 = createTheme({ palette: {
     // the background and the text.
     contrastThreshold: n,
     // Takes a background color and returns the text color that maximizes the contrast.
-    getContrastText: m,
+    getContrastText: f,
     // Generate a rich color object.
     augmentColor: v,
     // Used by the functions below to shift a color's luminance by approximately
@@ -3435,7 +3435,7 @@ function a1(e, t) {
     ...h
   } = typeof t == "function" ? t(e) : t;
   process.env.NODE_ENV !== "production" && (typeof r != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof d != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const m = r / 14, v = p || ((b) => `${b / d * m}rem`), g = (b, A, N, x, C) => ({
+  const f = r / 14, v = p || ((b) => `${b / d * f}rem`), g = (b, A, N, x, C) => ({
     fontFamily: n,
     fontWeight: b,
     fontSize: v(A),
@@ -3448,7 +3448,7 @@ function a1(e, t) {
     } : {},
     ...C,
     ...u
-  }), f = {
+  }), m = {
     h1: g(i, 96, 1.167, -1.5),
     h2: g(i, 60, 1.2, -0.5),
     h3: g(a, 48, 1.167, 0),
@@ -3480,7 +3480,7 @@ function a1(e, t) {
     fontWeightRegular: a,
     fontWeightMedium: s,
     fontWeightBold: l,
-    ...f
+    ...m
   }, h, {
     clone: !1
     // No need to clone deep
@@ -3540,7 +3540,7 @@ function m1(e) {
         ...u
       } = a;
       if (process.env.NODE_ENV !== "production") {
-        const p = (m) => typeof m == "string", h = (m) => !Number.isNaN(parseFloat(m));
+        const p = (f) => typeof f == "string", h = (f) => !Number.isNaN(parseFloat(f));
         !p(i) && !Array.isArray(i) && console.error('MUI: Argument "props" must be a string or Array.'), !h(s) && !p(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), p(l) || console.error('MUI: Argument "easing" must be a string.'), !h(d) && !p(d) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof a != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
 `)), Object.keys(u).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(u).join(",")}].`);
       }
@@ -3635,9 +3635,9 @@ function Ci(e = {}, ...t) {
   const h = Qi({
     ...a,
     colorSpace: u
-  }), m = So(e);
-  let v = Ze(m, {
-    mixins: o1(m.breakpoints, r),
+  }), f = So(e);
+  let v = Ze(f, {
+    mixins: o1(f.breakpoints, r),
     palette: h,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
     shadows: c1.slice(),
@@ -3647,8 +3647,8 @@ function Ci(e = {}, ...t) {
       ...h1
     }
   });
-  if (v = Ze(v, p), v = t.reduce((g, f) => Ze(g, f), v), process.env.NODE_ENV !== "production") {
-    const g = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], f = (b, A) => {
+  if (v = Ze(v, p), v = t.reduce((g, m) => Ze(g, m), v), process.env.NODE_ENV !== "production") {
+    const g = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], m = (b, A) => {
       let N;
       for (N in b) {
         const x = b[N];
@@ -3668,15 +3668,15 @@ function Ci(e = {}, ...t) {
     };
     Object.keys(v.components).forEach((b) => {
       const A = v.components[b].styleOverrides;
-      A && b.startsWith("Mui") && f(A, b);
+      A && b.startsWith("Mui") && m(A, b);
     });
   }
   return v.unstable_sxConfig = {
     ...hr,
     ...p?.unstable_sxConfig
-  }, v.unstable_sx = function(f) {
+  }, v.unstable_sx = function(m) {
     return Mn({
-      sx: f,
+      sx: m,
       theme: this
     });
   }, v.toRuntimeSource = vd, y1(v), v;
@@ -3841,23 +3841,23 @@ function E1(e = {}, ...t) {
     colorSchemeSelector: d = n.light && n.dark ? "media" : void 0,
     rootSelector: u = ":root",
     ...p
-  } = e, h = Object.keys(n)[0], m = r || (n.light && h !== "light" ? "light" : h), v = R1(a), {
-    [m]: g,
-    light: f,
+  } = e, h = Object.keys(n)[0], f = r || (n.light && h !== "light" ? "light" : h), v = R1(a), {
+    [f]: g,
+    light: m,
     dark: b,
     ...A
   } = n, N = {
     ...A
   };
   let x = g;
-  if ((m === "dark" && !("dark" in n) || m === "light" && !("light" in n)) && (x = !0), !x)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${m}\` option is either missing or invalid.` : pt(21, m));
+  if ((f === "dark" && !("dark" in n) || f === "light" && !("light" in n)) && (x = !0), !x)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${f}\` option is either missing or invalid.` : pt(21, f));
   let C;
   s && (C = "oklch");
-  const S = oi(C, N, x, p, m);
-  f && !N.light && oi(C, N, f, void 0, "light"), b && !N.dark && oi(C, N, b, void 0, "dark");
+  const S = oi(C, N, x, p, f);
+  m && !N.light && oi(C, N, m, void 0, "light"), b && !N.dark && oi(C, N, b, void 0, "dark");
   let T = {
-    defaultColorScheme: m,
+    defaultColorScheme: f,
     ...S,
     cssVarPrefix: a,
     colorSchemeSelector: d,
@@ -4053,23 +4053,23 @@ function O1(e, t = {}) {
     const h = l[p];
     if (!h)
       return;
-    const m = parseFloat(d(h.fontSize, "rem"));
-    if (m <= 1)
+    const f = parseFloat(d(h.fontSize, "rem"));
+    if (f <= 1)
       return;
-    const v = m, g = 1 + (v - 1) / i;
+    const v = f, g = 1 + (v - 1) / i;
     let {
-      lineHeight: f
+      lineHeight: m
     } = h;
-    if (!es(f) && !r)
+    if (!es(m) && !r)
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported non-unitless line height with grid alignment.
 Use unitless line heights instead.` : pt(6));
-    es(f) || (f = parseFloat(d(f, "rem")) / parseFloat(m));
+    es(m) || (m = parseFloat(d(m, "rem")) / parseFloat(f));
     let b = null;
     r || (b = (A) => M1({
       size: A,
       grid: w1({
         pixels: 4,
-        lineHeight: f,
+        lineHeight: m,
         htmlFontSize: l.htmlFontSize
       })
     })), l[p] = {
@@ -5176,11 +5176,11 @@ const uh = [
   return t > 1 && t <= 100 && (t /= 100), `rgba(${r},${i},${a},${t})`;
 }, o2 = (e) => {
   const t = (d) => {
-    const u = parseInt(d.slice(1, 3), 16) / 255, p = parseInt(d.slice(3, 5), 16) / 255, h = parseInt(d.slice(5, 7), 16) / 255, m = Math.max(u, p, h), v = Math.min(u, p, h);
-    let g = 0, f = 0, b = (m + v) / 2;
-    if (m !== v) {
-      const A = m - v;
-      switch (f = b > 0.5 ? A / (2 - m - v) : A / (m + v), m) {
+    const u = parseInt(d.slice(1, 3), 16) / 255, p = parseInt(d.slice(3, 5), 16) / 255, h = parseInt(d.slice(5, 7), 16) / 255, f = Math.max(u, p, h), v = Math.min(u, p, h);
+    let g = 0, m = 0, b = (f + v) / 2;
+    if (f !== v) {
+      const A = f - v;
+      switch (m = b > 0.5 ? A / (2 - f - v) : A / (f + v), f) {
         case u:
           g = (p - h) / A + (p < h ? 6 : 0);
           break;
@@ -5193,14 +5193,14 @@ const uh = [
       }
       g /= 6;
     }
-    return [g * 360, f * 100, b * 100];
+    return [g * 360, m * 100, b * 100];
   }, n = (d, u, p) => {
     p /= 100;
-    const h = u * Math.min(p, 1 - p) / 100, m = (v) => {
-      const g = (v + d / 30) % 12, f = p - h * Math.max(Math.min(g - 3, 9 - g, 1), -1);
-      return Math.round(255 * f).toString(16).padStart(2, "0");
+    const h = u * Math.min(p, 1 - p) / 100, f = (v) => {
+      const g = (v + d / 30) % 12, m = p - h * Math.max(Math.min(g - 3, 9 - g, 1), -1);
+      return Math.round(255 * m).toString(16).padStart(2, "0");
     };
-    return `#${m(0)}${m(8)}${m(4)}`;
+    return `#${f(0)}${f(8)}${f(4)}`;
   }, [r, i, a] = t(e), s = n(
     Math.max(0, r - 14),
     Math.max(20, i * 0.89),
@@ -5404,20 +5404,20 @@ const u2 = (e) => {
     htmlColor: u,
     inheritViewBox: p = !1,
     titleAccess: h,
-    viewBox: m = "0 0 24 24",
+    viewBox: f = "0 0 24 24",
     ...v
-  } = r, g = /* @__PURE__ */ E.isValidElement(i) && i.type === "svg", f = {
+  } = r, g = /* @__PURE__ */ E.isValidElement(i) && i.type === "svg", m = {
     ...r,
     color: s,
     component: l,
     fontSize: d,
     instanceFontSize: t.fontSize,
     inheritViewBox: p,
-    viewBox: m,
+    viewBox: f,
     hasSvgAsChild: g
   }, b = {};
-  p || (b.viewBox = m);
-  const A = u2(f);
+  p || (b.viewBox = f);
+  const A = u2(m);
   return /* @__PURE__ */ c.jsxs(p2, {
     as: l,
     className: ae(A.root, a),
@@ -5429,7 +5429,7 @@ const u2 = (e) => {
     ...b,
     ...v,
     ...g && i.props,
-    ownerState: f,
+    ownerState: m,
     children: [g ? i.props.children : i, h ? /* @__PURE__ */ c.jsx("title", {
       children: h
     }) : null]
@@ -5838,7 +5838,7 @@ var v2 = function(t) {
       status: tr
     });
   }, 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(), m = l ? h.appear : h.enter;
+    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;
     if (!i && !s || ls.disabled) {
       this.safeSetState({
         status: vn
@@ -5850,7 +5850,7 @@ var v2 = function(t) {
     this.props.onEnter(u, p), this.safeSetState({
       status: Ht
     }, function() {
-      a.props.onEntering(u, p), a.onTransitionEnd(m, function() {
+      a.props.onEntering(u, p), a.onTransitionEnd(f, function() {
         a.safeSetState({
           status: vn
         }, function() {
@@ -6325,7 +6325,7 @@ function Id(e) {
     in: l,
     onExited: d,
     timeout: u
-  } = e, [p, h] = E.useState(!1), m = ae(t, n.ripple, n.rippleVisible, r && n.ripplePulsate), v = {
+  } = e, [p, h] = E.useState(!1), f = ae(t, n.ripple, n.rippleVisible, r && n.ripplePulsate), v = {
     width: s,
     height: s,
     top: -(s / 2) + a,
@@ -6333,13 +6333,13 @@ function Id(e) {
   }, g = ae(n.child, p && n.childLeaving, r && n.childPulsate);
   return !l && !p && h(!0), E.useEffect(() => {
     if (!l && d != null) {
-      const f = setTimeout(d, u);
+      const m = setTimeout(d, u);
       return () => {
-        clearTimeout(f);
+        clearTimeout(m);
       };
     }
   }, [d, l, u]), /* @__PURE__ */ c.jsx("span", {
-    className: m,
+    className: f,
     style: v,
     children: /* @__PURE__ */ c.jsx("span", {
       className: g
@@ -6491,7 +6491,7 @@ const ot = ue("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
   E.useEffect(() => {
     h.current && (h.current(), h.current = null);
   }, [d]);
-  const m = E.useRef(!1), v = jd(), g = E.useRef(null), f = E.useRef(null), b = E.useCallback((C) => {
+  const f = E.useRef(!1), v = jd(), g = E.useRef(null), m = E.useRef(null), b = E.useCallback((C) => {
     const {
       pulsate: S,
       rippleX: T,
@@ -6522,12 +6522,12 @@ const ot = ue("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
       fakeElement: W = !1
       // For test purposes
     } = S;
-    if (C?.type === "mousedown" && m.current) {
-      m.current = !1;
+    if (C?.type === "mousedown" && f.current) {
+      f.current = !1;
       return;
     }
-    C?.type === "touchstart" && (m.current = !0);
-    const F = W ? null : f.current, Z = F ? F.getBoundingClientRect() : {
+    C?.type === "touchstart" && (f.current = !0);
+    const F = W ? null : m.current, Z = F ? F.getBoundingClientRect() : {
       width: 0,
       height: 0,
       left: 0,
@@ -6585,7 +6585,7 @@ const ot = ue("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
     stop: x
   }), [N, A, x]), /* @__PURE__ */ c.jsx(q2, {
     className: ae(ot.root, a.root, s),
-    ref: f,
+    ref: m,
     ...l,
     children: /* @__PURE__ */ c.jsx(ea, {
       component: null,
@@ -6677,10 +6677,10 @@ const W2 = ue("MuiButtonBase", ["root", "disabled", "focusVisible"]), F2 = (e) =
     disabled: u = !1,
     disableRipple: p = !1,
     disableTouchRipple: h = !1,
-    focusRipple: m = !1,
+    focusRipple: f = !1,
     focusVisibleClassName: v,
     LinkComponent: g = "a",
-    onBlur: f,
+    onBlur: m,
     onClick: b,
     onContextMenu: A,
     onDragLeave: N,
@@ -6707,23 +6707,23 @@ const W2 = ue("MuiButtonBase", ["root", "disabled", "focusVisible"]), F2 = (e) =
   }), []);
   const L = G.shouldMount && !p && !u;
   E.useEffect(() => {
-    R && m && !p && G.pulsate();
-  }, [p, m, R, G]);
+    R && f && !p && G.pulsate();
+  }, [p, f, R, G]);
   const j = Nt(G, "start", z, h), B = Nt(G, "stop", A, h), D = Nt(G, "stop", N, h), Q = Nt(G, "stop", W, h), ne = Nt(G, "stop", (se) => {
     R && se.preventDefault(), k && k(se);
   }, h), te = Nt(G, "start", y, h), $ = Nt(G, "stop", F, h), ie = Nt(G, "stop", Z, h), J = Nt(G, "stop", (se) => {
-    Hr(se.target) || Y(!1), f && f(se);
+    Hr(se.target) || Y(!1), m && m(se);
   }, !1), Ne = nn((se) => {
     P.current || (P.current = se.currentTarget), Hr(se.target) && (Y(!0), C && C(se)), x && x(se);
   }), le = () => {
     const se = P.current;
     return d && d !== "button" && !(se.tagName === "A" && se.href);
   }, be = nn((se) => {
-    m && !se.repeat && R && se.key === " " && G.stop(se, () => {
+    f && !se.repeat && R && se.key === " " && G.stop(se, () => {
       G.start(se);
     }), se.target === se.currentTarget && le() && se.key === " " && se.preventDefault(), S && S(se), se.target === se.currentTarget && le() && se.key === "Enter" && !u && (se.preventDefault(), b && b(se));
   }), rt = nn((se) => {
-    m && se.key === " " && R && !se.defaultPrevented && G.stop(se, () => {
+    f && se.key === " " && R && !se.defaultPrevented && G.stop(se, () => {
       G.pulsate(se);
     }), T && T(se), b && se.target === se.currentTarget && le() && se.key === " " && !se.defaultPrevented && b(se);
   });
@@ -6742,7 +6742,7 @@ const W2 = ue("MuiButtonBase", ["root", "disabled", "focusVisible"]), F2 = (e) =
     disabled: u,
     disableRipple: p,
     disableTouchRipple: h,
-    focusRipple: m,
+    focusRipple: f,
     tabIndex: q,
     focusVisible: R
   }, Fe = F2(lt);
@@ -7099,7 +7099,7 @@ const ct = 44, Mi = fr`
     style: u,
     thickness: p = 3.6,
     value: h = 0,
-    variant: m = "indeterminate",
+    variant: f = "indeterminate",
     ...v
   } = r, g = {
     ...r,
@@ -7108,15 +7108,15 @@ const ct = 44, Mi = fr`
     size: d,
     thickness: p,
     value: h,
-    variant: m,
+    variant: f,
     enableTrackSlot: l
-  }, f = P2(g), b = {}, A = {}, N = {};
-  if (m === "determinate") {
+  }, m = P2(g), b = {}, A = {}, N = {};
+  if (f === "determinate") {
     const x = 2 * Math.PI * ((ct - p) / 2);
     b.strokeDasharray = x.toFixed(3), N["aria-valuenow"] = Math.round(h), b.strokeDashoffset = `${((100 - h) / 100 * x).toFixed(3)}px`, A.transform = "rotate(-90deg)";
   }
   return /* @__PURE__ */ c.jsx(K2, {
-    className: ae(f.root, i),
+    className: ae(m.root, i),
     style: {
       width: d,
       height: d,
@@ -7129,11 +7129,11 @@ const ct = 44, Mi = fr`
     ...N,
     ...v,
     children: /* @__PURE__ */ c.jsxs(L2, {
-      className: f.svg,
+      className: m.svg,
       ownerState: g,
       viewBox: `${ct / 2} ${ct / 2} ${ct} ${ct}`,
       children: [l ? /* @__PURE__ */ c.jsx(X2, {
-        className: f.track,
+        className: m.track,
         ownerState: g,
         cx: ct,
         cy: ct,
@@ -7142,7 +7142,7 @@ const ct = 44, Mi = fr`
         strokeWidth: p,
         "aria-hidden": "true"
       }) : null, /* @__PURE__ */ c.jsx(G2, {
-        className: f.circle,
+        className: m.circle,
         style: b,
         ownerState: g,
         cx: ct,
@@ -7676,10 +7676,10 @@ const J2 = (e) => {
     component: u = "button",
     className: p,
     disabled: h = !1,
-    disableElevation: m = !1,
+    disableElevation: f = !1,
     disableFocusRipple: v = !1,
     endIcon: g,
-    focusVisibleClassName: f,
+    focusVisibleClassName: m,
     fullWidth: b = !1,
     id: A,
     loading: N = null,
@@ -7699,7 +7699,7 @@ const J2 = (e) => {
     color: d,
     component: u,
     disabled: h,
-    disableElevation: m,
+    disableElevation: f,
     disableFocusRipple: v,
     fullWidth: b,
     loading: N,
@@ -7742,7 +7742,7 @@ const J2 = (e) => {
     component: u,
     disabled: h || N,
     focusRipple: !v,
-    focusVisibleClassName: ae(q.focusVisible, f),
+    focusVisibleClassName: ae(q.focusVisible, m),
     ref: n,
     type: z,
     id: N ? F : A,
@@ -7884,10 +7884,10 @@ const Mr = {
   onClick: u,
   fontSize: p,
   leftIcon: h,
-  height: m,
+  height: f,
   state: v,
   size: g = Mr.Medium,
-  withoutHover: f = !1,
+  withoutHover: m = !1,
   subLabel: b,
   iconStyle: A,
   children: N,
@@ -7899,21 +7899,21 @@ const Mr = {
 }) => {
   const k = n2(t), W = W1(t), F = {
     [Mr.Small]: {
-      height: m || 32,
+      height: f || 32,
       fontSize: p || 12,
       fontWeight: 400,
       gap: 1,
       subLabelFontSize: 10
     },
     [Mr.Medium]: {
-      height: m || 40,
+      height: f || 40,
       fontSize: p || 14,
       gap: 1.25,
       fontWeight: 620,
       subLabelFontSize: 11
     },
     [Mr.Large]: {
-      height: m || 48,
+      height: f || 48,
       fontSize: p || 16,
       fontWeight: 620,
       gap: 1.5,
@@ -7956,9 +7956,9 @@ const Mr = {
     color: K.text,
     border: `1px solid ${K.border}`,
     "&:hover": {
-      backgroundColor: !f && P.bg,
-      color: !f && P.text,
-      border: !f && `1px solid ${P.border}`
+      backgroundColor: !m && P.bg,
+      color: !m && P.text,
+      border: !m && `1px solid ${P.border}`
     }
   });
   const O = Array.isArray(d) ? [q, ...d] : [q, d].filter(Boolean);
@@ -8162,10 +8162,10 @@ const cs = ue("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "sub
     component: u,
     gutterBottom: p = !1,
     noWrap: h = !1,
-    paragraph: m = !1,
+    paragraph: f = !1,
     variant: v = "body1",
     variantMapping: g = us,
-    ...f
+    ...m
   } = s, b = {
     ...s,
     align: l,
@@ -8174,21 +8174,21 @@ const cs = ue("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "sub
     component: u,
     gutterBottom: p,
     noWrap: h,
-    paragraph: m,
+    paragraph: f,
     variant: v,
     variantMapping: g
-  }, A = u || (m ? "p" : g[v] || us[v]) || "span", N = rg(b);
+  }, A = u || (f ? "p" : g[v] || us[v]) || "span", N = rg(b);
   return /* @__PURE__ */ c.jsx(og, {
     as: A,
     ref: n,
     className: ae(N.root, d),
-    ...f,
+    ...m,
     ownerState: b,
     style: {
       ...l !== "inherit" && {
         "--Typography-textAlign": l
       },
-      ...f.style
+      ...m.style
     }
   });
 });
@@ -8444,10 +8444,10 @@ const ag = ue("MuiLink", ["root", "underlineNone", "underlineHover", "underlineA
     onFocus: u,
     TypographyClasses: p,
     underline: h = "always",
-    variant: m = "inherit",
+    variant: f = "inherit",
     sx: v,
     ...g
-  } = r, [f, b] = E.useState(!1), A = (S) => {
+  } = r, [m, b] = E.useState(!1), A = (S) => {
     Hr(S.target) || b(!1), d && d(S);
   }, N = (S) => {
     Hr(S.target) && b(!0), u && u(S);
@@ -8455,9 +8455,9 @@ const ag = ue("MuiLink", ["root", "underlineNone", "underlineHover", "underlineA
     ...r,
     color: s,
     component: l,
-    focusVisible: f,
+    focusVisible: m,
     underline: h,
-    variant: m
+    variant: f
   }, C = lg(x);
   return /* @__PURE__ */ c.jsx(dg, {
     color: s,
@@ -8468,7 +8468,7 @@ const ag = ue("MuiLink", ["root", "underlineNone", "underlineHover", "underlineA
     onFocus: N,
     ref: n,
     ownerState: x,
-    variant: m,
+    variant: f,
     ...g,
     sx: [...ps[s] === void 0 ? [{
       color: s
@@ -8626,12 +8626,12 @@ const cg = X(Kd)(({ colorValue: e, weight: t }) => ({
     target: u,
     rel: p,
     ...h
-  }, m) => {
-    const v = Pe(), g = l || d, f = v.palette[t], b = t === "text" || t === "inherit" ? "inherit" : typeof f == "object" && "main" in f ? f.main : v.palette.text.primary, A = s ? u ?? "_blank" : u, N = s ? p ?? "noopener noreferrer" : p;
+  }, f) => {
+    const v = Pe(), g = l || d, m = v.palette[t], b = t === "text" || t === "inherit" ? "inherit" : typeof m == "object" && "main" in m ? m.main : v.palette.text.primary, A = s ? u ?? "_blank" : u, N = s ? p ?? "noopener noreferrer" : p;
     return /* @__PURE__ */ c.jsx(
       cg,
       {
-        ref: m,
+        ref: f,
         component: "a",
         colorValue: b,
         weight: n,
@@ -8662,10 +8662,10 @@ const cg = X(Kd)(({ colorValue: e, weight: t }) => ({
   iconsEnd: u = [],
   onClose: p,
   width: h,
-  isPrimaryBackground: m,
+  isPrimaryBackground: f,
   noShadow: v = !1
 }) => {
-  const g = qe(), f = g.palette.primary.light, b = m ? f : e ? g.palette.banner[e].color : g.palette.background.paper, A = e ? g.palette.banner[e].contrast : g.palette.black, N = l ? !1 : i ?? (s ? Bt(s, { sx: { width: 60, height: 60 } }, "none") : a ? xe(a, { size: 20, color: A }) : void 0), x = {
+  const g = qe(), m = g.palette.primary.light, b = f ? m : e ? g.palette.banner[e].color : g.palette.background.paper, A = e ? g.palette.banner[e].contrast : g.palette.black, N = l ? !1 : i ?? (s ? Bt(s, { sx: { width: 60, height: 60 } }, "none") : a ? xe(a, { size: 20, color: A }) : void 0), x = {
     color: e ? g.palette.black : g.palette.text.primary,
     fontSize: g.typography.body2.fontSize
   }, C = d.length > 0 && /* @__PURE__ */ c.jsx(
@@ -8783,7 +8783,7 @@ const cg = X(Kd)(({ colorValue: e, weight: t }) => ({
   sx: d,
   ...u
 }) => {
-  const [p, h] = E.useState(!1), m = pg[r], v = fg[i], g = qe(), f = s || g.palette.primary.main;
+  const [p, h] = E.useState(!1), f = pg[r], v = fg[i], g = qe(), m = s || g.palette.primary.main;
   return E.useEffect(() => h(!1), [e]), /* @__PURE__ */ c.jsx(
     fo,
     {
@@ -8791,15 +8791,15 @@ const cg = X(Kd)(({ colorValue: e, weight: t }) => ({
       alt: t,
       onError: () => h(!0),
       sx: {
-        width: m,
-        height: m,
+        width: f,
+        height: f,
         borderRadius: v,
         bgcolor: g.palette.primary.light,
         color: g.palette.primary.main,
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        border: a ? `${l}px solid ${f}` : void 0,
+        border: a ? `${l}px solid ${m}` : void 0,
         ...d
       },
       ...u,
@@ -8911,13 +8911,13 @@ function Qd(e) {
       ...n?.style,
       ...i?.style,
       ...r?.style
-    }, f = {
+    }, m = {
       ...n,
       ...i,
       ...r
     };
-    return v.length > 0 && (f.className = v), Object.keys(g).length > 0 && (f.style = g), {
-      props: f,
+    return v.length > 0 && (m.className = v), Object.keys(g).length > 0 && (m.style = g), {
+      props: m,
       internalRef: void 0
     };
   }
@@ -8929,14 +8929,14 @@ function Qd(e) {
     ...n?.style,
     ...i?.style,
     ...r?.style
-  }, m = {
+  }, f = {
     ...u,
     ...n,
     ...d,
     ...l
   };
-  return p.length > 0 && (m.className = p), Object.keys(h).length > 0 && (m.style = h), {
-    props: m,
+  return p.length > 0 && (f.className = p), Object.keys(h).length > 0 && (f.style = h), {
+    props: f,
     internalRef: u.ref
   };
 }
@@ -8957,19 +8957,19 @@ function ge(e, t) {
     slotProps: h = {
       [e]: void 0
     },
-    ...m
+    ...f
   } = a, v = p[e] || r, g = Dd(h[e], i), {
     props: {
-      component: f,
+      component: m,
       ...b
     },
     internalRef: A
   } = Qd({
     className: n,
     ...d,
-    externalForwardedProps: e === "root" ? m : void 0,
+    externalForwardedProps: e === "root" ? f : void 0,
     externalSlotProps: g
-  }), N = Qe(A, g?.ref, t.ref), x = e === "root" ? f || u : f, C = Xd(v, {
+  }), N = Qe(A, g?.ref, t.ref), x = e === "root" ? m || u : m, C = Xd(v, {
     ...e === "root" && !u && !p[e] && s,
     ...e !== "root" && !p[e] && s,
     ...b,
@@ -9192,10 +9192,10 @@ const Hd = /* @__PURE__ */ E.forwardRef(function(t, n) {
     componentsProps: u = {},
     children: p,
     overlap: h = "rectangular",
-    color: m = "default",
+    color: f = "default",
     invisible: v = !1,
     max: g = 99,
-    badgeContent: f,
+    badgeContent: m,
     slots: b,
     slotProps: A,
     showZero: N = !1,
@@ -9209,16 +9209,16 @@ const Hd = /* @__PURE__ */ E.forwardRef(function(t, n) {
   } = mg({
     max: g,
     invisible: v,
-    badgeContent: f,
+    badgeContent: m,
     showZero: N
   }), W = Gd({
     anchorOrigin: ms(i),
-    color: m,
+    color: f,
     overlap: h,
     variant: x,
-    badgeContent: f
+    badgeContent: m
   }), F = T || S == null && x !== "dot", {
-    color: Z = m,
+    color: Z = f,
     overlap: y = h,
     anchorOrigin: q,
     variant: V = x
@@ -9509,10 +9509,10 @@ const $d = /* @__PURE__ */ E.forwardRef(function(t, n) {
     slotProps: u = {},
     imgProps: p,
     sizes: h,
-    src: m,
+    src: f,
     srcSet: v,
     variant: g = "circular",
-    ...f
+    ...m
   } = r;
   let b = null;
   const A = {
@@ -9522,9 +9522,9 @@ const $d = /* @__PURE__ */ E.forwardRef(function(t, n) {
   }, N = Tg({
     ...p,
     ...typeof u.img == "function" ? u.img(A) : u.img,
-    src: m,
+    src: f,
     srcSet: v
-  }), x = m || v, C = x && N !== "error";
+  }), x = f || v, C = x && N !== "error";
   A.colorDefault = !C, delete A.ownerState;
   const S = Cg(A), [T, z] = ge("root", {
     ref: n,
@@ -9534,7 +9534,7 @@ const $d = /* @__PURE__ */ E.forwardRef(function(t, n) {
       slots: d,
       slotProps: u,
       component: l,
-      ...f
+      ...m
     },
     ownerState: A
   }), [k, W] = ge("img", {
@@ -9551,7 +9551,7 @@ const $d = /* @__PURE__ */ E.forwardRef(function(t, n) {
     },
     additionalProps: {
       alt: i,
-      src: m,
+      src: f,
       srcSet: v,
       sizes: h
     },
@@ -9845,10 +9845,10 @@ function e9({
   sx: u,
   children: p,
   open: h,
-  onClose: m,
+  onClose: f,
   anchor: v = "right",
   isEmpty: g = !0,
-  alternativeComponent: f,
+  alternativeComponent: m,
   width: b = 400
 }) {
   const A = Pe(), N = d === "center", x = kg[l], C = {
@@ -9866,7 +9866,7 @@ function e9({
     {
       anchor: v,
       open: h,
-      onClose: m,
+      onClose: f,
       slotProps: {
         paper: {
           elevation: 0,
@@ -9888,7 +9888,7 @@ function e9({
         }
       },
       children: [
-        /* @__PURE__ */ c.jsxs(Et, { onClick: m, sx: C, children: [
+        /* @__PURE__ */ c.jsxs(Et, { onClick: f, sx: C, children: [
           " ",
           /* @__PURE__ */ c.jsx(Be.close, {})
         ] }),
@@ -9909,7 +9909,7 @@ function e9({
             i && /* @__PURE__ */ c.jsx(U, { children: i })
           ] }),
           p
-        ] }) : /* @__PURE__ */ c.jsx(U, { children: f })
+        ] }) : /* @__PURE__ */ c.jsx(U, { children: m })
       ]
     }
   );
@@ -9958,10 +9958,10 @@ const t9 = ({
   statusIcon: u,
   tagElement: p,
   withBorderBottom: h = !1,
-  deletable: m,
+  deletable: f,
   onDelete: v,
   mobileLayout: g = "row",
-  alignItems: f = "center",
+  alignItems: m = "center",
   withStatus: b = !1,
   isError: A = !1,
   containerStyle: N = {},
@@ -10018,7 +10018,7 @@ const t9 = ({
           width: "100vw",
           maxWidth: "100%",
           display: "flex",
-          alignItems: f,
+          alignItems: m,
           justifyContent: "space-between",
           px: { xs: 2, sm: 3 },
           py: "0.5rem",
@@ -10075,7 +10075,7 @@ const t9 = ({
                 ] }),
                 s,
                 l,
-                m && /* @__PURE__ */ c.jsx(Et, { size: "small", onClick: z, children: xe("close") })
+                f && /* @__PURE__ */ c.jsx(Et, { size: "small", onClick: z, children: xe("close") })
               ]
             }
           )
@@ -10322,15 +10322,15 @@ function jg(e) {
   ]);
 }
 function ys(e, t) {
-  var n = t[0], r = t[1], i = t[2], a = t[3], s = t[4], l = t[5], d = t[6], u = t[7], p = t[8], h = e.element, m = null, v = null, g = null;
-  function f(N) {
-    N.touches && N.touches[0] && (N[i] = N.touches[0]["page" + u.toUpperCase()]), Wr === s && (h[d] = m + g * (N[i] - v), tc(e, u), kt(e), N.stopPropagation(), N.preventDefault());
+  var n = t[0], r = t[1], i = t[2], a = t[3], s = t[4], l = t[5], d = t[6], u = t[7], p = t[8], h = e.element, f = null, v = null, g = null;
+  function m(N) {
+    N.touches && N.touches[0] && (N[i] = N.touches[0]["page" + u.toUpperCase()]), Wr === s && (h[d] = f + g * (N[i] - v), tc(e, u), kt(e), N.stopPropagation(), N.preventDefault());
   }
   function b() {
-    nc(e, u), e[p].classList.remove(We.state.clicking), document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", b), document.removeEventListener("touchmove", f), document.removeEventListener("touchend", b), Wr = null;
+    nc(e, u), e[p].classList.remove(We.state.clicking), document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", b), document.removeEventListener("touchmove", m), document.removeEventListener("touchend", b), Wr = null;
   }
   function A(N) {
-    Wr === null && (Wr = s, m = h[d], N.touches && (N[i] = N.touches[0]["page" + u.toUpperCase()]), v = N[i], g = (e[r] - e[n]) / (e[a] - e[l]), N.touches ? (document.addEventListener("touchmove", f, { passive: !1 }), document.addEventListener("touchend", b)) : (document.addEventListener("mousemove", f), document.addEventListener("mouseup", b)), e[p].classList.add(We.state.clicking)), N.stopPropagation(), N.cancelable && N.preventDefault();
+    Wr === null && (Wr = s, f = h[d], N.touches && (N[i] = N.touches[0]["page" + u.toUpperCase()]), v = N[i], g = (e[r] - e[n]) / (e[a] - e[l]), N.touches ? (document.addEventListener("touchmove", m, { passive: !1 }), document.addEventListener("touchend", b)) : (document.addEventListener("mousemove", m), document.addEventListener("mouseup", b)), e[p].classList.add(We.state.clicking)), N.stopPropagation(), N.cancelable && N.preventDefault();
   }
   e[s].addEventListener("mousedown", A), e[s].addEventListener("touchstart", A);
 }
@@ -10408,8 +10408,8 @@ function Ig(e) {
 function Ug(e) {
   var t = e.element;
   function n(s, l) {
-    var d = Math.floor(t.scrollTop), u = t.scrollTop === 0, p = d + t.offsetHeight === t.scrollHeight, h = t.scrollLeft === 0, m = t.scrollLeft + t.offsetWidth === t.scrollWidth, v;
-    return Math.abs(l) > Math.abs(s) ? v = u || p : v = h || m, v ? !e.settings.wheelPropagation : !0;
+    var d = Math.floor(t.scrollTop), u = t.scrollTop === 0, p = d + t.offsetHeight === t.scrollHeight, h = t.scrollLeft === 0, f = t.scrollLeft + t.offsetWidth === t.scrollWidth, v;
+    return Math.abs(l) > Math.abs(s) ? v = u || p : v = h || f, v ? !e.settings.wheelPropagation : !0;
   }
   function r(s) {
     var l = s.deltaX, d = -1 * s.deltaY;
@@ -10430,8 +10430,8 @@ function Ug(e) {
           return !0;
       }
       if (l && p.overflowX.match(/(scroll|auto)/)) {
-        var m = u.scrollWidth - u.clientWidth;
-        if (m > 0 && (u.scrollLeft > 0 && l < 0 || u.scrollLeft < m && l > 0))
+        var f = u.scrollWidth - u.clientWidth;
+        if (f > 0 && (u.scrollLeft > 0 && l < 0 || u.scrollLeft < f && l > 0))
           return !0;
       }
       u = u.parentNode;
@@ -10456,17 +10456,17 @@ function Zg(e) {
     speed: {},
     easingLoop: null
   };
-  function r(h, m) {
-    var v = Math.floor(t.scrollTop), g = t.scrollLeft, f = Math.abs(h), b = Math.abs(m);
-    if (b > f) {
-      if (m < 0 && v === e.contentHeight - e.containerHeight || m > 0 && v === 0)
-        return window.scrollY === 0 && m > 0 && xn.isChrome;
-    } else if (f > b && (h < 0 && g === e.contentWidth - e.containerWidth || h > 0 && g === 0))
+  function r(h, f) {
+    var v = Math.floor(t.scrollTop), g = t.scrollLeft, m = Math.abs(h), b = Math.abs(f);
+    if (b > m) {
+      if (f < 0 && v === e.contentHeight - e.containerHeight || f > 0 && v === 0)
+        return window.scrollY === 0 && f > 0 && xn.isChrome;
+    } else if (m > b && (h < 0 && g === e.contentWidth - e.containerWidth || h > 0 && g === 0))
       return !0;
     return !0;
   }
-  function i(h, m) {
-    t.scrollTop -= m, t.scrollLeft -= h, kt(e);
+  function i(h, f) {
+    t.scrollTop -= f, t.scrollLeft -= h, kt(e);
   }
   function a(h) {
     return h.targetTouches ? h.targetTouches[0] : h;
@@ -10476,25 +10476,25 @@ function Zg(e) {
   }
   function l(h) {
     if (s(h)) {
-      var m = a(h);
-      n.startOffset.pageX = m.pageX, n.startOffset.pageY = m.pageY, n.startTime = (/* @__PURE__ */ new Date()).getTime(), n.easingLoop !== null && clearInterval(n.easingLoop);
+      var f = a(h);
+      n.startOffset.pageX = f.pageX, n.startOffset.pageY = f.pageY, n.startTime = (/* @__PURE__ */ new Date()).getTime(), n.easingLoop !== null && clearInterval(n.easingLoop);
     }
   }
-  function d(h, m, v) {
+  function d(h, f, v) {
     if (!t.contains(h))
       return !1;
     for (var g = h; g && g !== t; ) {
       if (g.classList.contains(We.element.consuming))
         return !0;
-      var f = vt(g);
-      if (v && f.overflowY.match(/(scroll|auto)/)) {
+      var m = vt(g);
+      if (v && m.overflowY.match(/(scroll|auto)/)) {
         var b = g.scrollHeight - g.clientHeight;
         if (b > 0 && (g.scrollTop > 0 && v < 0 || g.scrollTop < b && v > 0))
           return !0;
       }
-      if (m && f.overflowX.match(/(scroll|auto)/)) {
+      if (f && m.overflowX.match(/(scroll|auto)/)) {
         var A = g.scrollWidth - g.clientWidth;
-        if (A > 0 && (g.scrollLeft > 0 && m < 0 || g.scrollLeft < A && m > 0))
+        if (A > 0 && (g.scrollLeft > 0 && f < 0 || g.scrollLeft < A && f > 0))
           return !0;
       }
       g = g.parentNode;
@@ -10503,12 +10503,12 @@ function Zg(e) {
   }
   function u(h) {
     if (s(h)) {
-      var m = a(h), v = { pageX: m.pageX, pageY: m.pageY }, g = v.pageX - n.startOffset.pageX, f = v.pageY - n.startOffset.pageY;
-      if (d(h.target, g, f))
+      var f = a(h), v = { pageX: f.pageX, pageY: f.pageY }, g = v.pageX - n.startOffset.pageX, m = v.pageY - n.startOffset.pageY;
+      if (d(h.target, g, m))
         return;
-      i(g, f), n.startOffset = v;
+      i(g, m), n.startOffset = v;
       var b = (/* @__PURE__ */ new Date()).getTime(), A = b - n.startTime;
-      A > 0 && (n.speed.x = g / A, n.speed.y = f / A, n.startTime = b), r(g, f) && h.cancelable && h.preventDefault();
+      A > 0 && (n.speed.x = g / A, n.speed.y = m / A, n.startTime = b), r(g, m) && h.cancelable && h.preventDefault();
     }
   }
   function p() {
@@ -10635,7 +10635,7 @@ function Lg() {
       if (!(b instanceof A))
         throw new TypeError("Cannot call a class as a function");
     }
-    function m(b, A) {
+    function f(b, A) {
       if (!b)
         throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
       return A && (typeof A == "object" || typeof A == "function") ? A : b;
@@ -10658,11 +10658,11 @@ function Lg() {
       "ps-x-reach-end": "onXReachEnd"
     };
     Object.freeze(g);
-    var f = (function(b) {
+    var m = (function(b) {
       v(A, b);
       function A(N) {
         h(this, A);
-        var x = m(this, (A.__proto__ || Object.getPrototypeOf(A)).call(this, N));
+        var x = f(this, (A.__proto__ || Object.getPrototypeOf(A)).call(this, N));
         return x.handleRef = x.handleRef.bind(x), x._handlerByEvent = {}, x;
       }
       return r(A, [{
@@ -10740,7 +10740,7 @@ function Lg() {
         }
       }]), A;
     })(i.Component);
-    t.default = f, f.defaultProps = {
+    t.default = m, m.defaultProps = {
       className: "",
       style: void 0,
       option: void 0,
@@ -10761,7 +10761,7 @@ function Lg() {
         return A.update();
       },
       component: "div"
-    }, f.propTypes = {
+    }, m.propTypes = {
       children: s.PropTypes.node.isRequired,
       className: s.PropTypes.string,
       style: s.PropTypes.object,
@@ -10898,10 +10898,10 @@ const Dg = /* @__PURE__ */ Jl(Xg), Jg = Pi(Zl)(({ orientation: e, theme: t }) =>
   variant: u = "scrollable",
   scrollButtons: p = !1,
   allowScrollButtonsMobile: h = !1,
-  centered: m = !1,
+  centered: f = !1,
   tabSx: v,
   tabsSx: g,
-  showScrollbar: f = !1,
+  showScrollbar: m = !1,
   className: b,
   sx: A,
   verticalSpacing: N = 2,
@@ -10981,12 +10981,12 @@ const Dg = /* @__PURE__ */ Jl(Xg), Jg = Pi(Zl)(({ orientation: e, theme: t }) =>
         variant: u,
         scrollButtons: p,
         allowScrollButtonsMobile: h,
-        centered: m,
+        centered: f,
         sx: {
           gap: C.spacing(2),
           px: x ? 0 : C.spacing(8) + 2,
           "& .MuiTabs-scroller": {
-            ...!f && { "&::-webkit-scrollbar": { display: "none" }, scrollbarWidth: "none" }
+            ...!m && { "&::-webkit-scrollbar": { display: "none" }, scrollbarWidth: "none" }
           },
           ...g
         },
@@ -11026,7 +11026,7 @@ const Dg = /* @__PURE__ */ Jl(Xg), Jg = Pi(Zl)(({ orientation: e, theme: t }) =>
         containerRef: (P) => {
           P && (S.current = P);
         },
-        className: f ? b : `${b} hide-scroll`,
+        className: m ? b : `${b} hide-scroll`,
         style: { ...A, padding: C.spacing(1) },
         children: /* @__PURE__ */ c.jsx(U, { sx: { padding: C.spacing(2) }, children: K.map((P, G) => {
           if (x)
@@ -11165,10 +11165,10 @@ const t3 = (e) => {
     edge: u = !1,
     icon: p,
     id: h,
-    inputProps: m,
+    inputProps: f,
     inputRef: v,
     name: g,
-    onBlur: f,
+    onBlur: m,
     onChange: b,
     onFocus: A,
     readOnly: N,
@@ -11187,7 +11187,7 @@ const t3 = (e) => {
   }), y = Ct(), q = (B) => {
     A && A(B), y && y.onFocus && y.onFocus(B);
   }, V = (B) => {
-    f && f(B), y && y.onBlur && y.onBlur(B);
+    m && m(B), y && y.onBlur && y.onBlur(B);
   }, w = (B) => {
     if (B.nativeEvent.defaultPrevented)
       return;
@@ -11205,7 +11205,7 @@ const t3 = (e) => {
   }, G = t3(P), O = {
     slots: z,
     slotProps: {
-      input: m,
+      input: f,
       ...k
     }
   }, [R, Y] = ge("root", {
@@ -11486,10 +11486,10 @@ const si = ue("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
     inputProps: u,
     size: p = "medium",
     disableRipple: h = !1,
-    className: m,
+    className: f,
     slots: v = {},
     slotProps: g = {},
-    ...f
+    ...m
   } = r, b = l ? d : s, A = l ? d : i, N = {
     ...r,
     disableRipple: h,
@@ -11499,12 +11499,12 @@ const si = ue("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "c
   }, x = l3(N), C = g.input ?? u, [S, T] = ge("root", {
     ref: n,
     elementType: d3,
-    className: ae(x.root, m),
+    className: ae(x.root, f),
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
       slots: v,
       slotProps: g,
-      ...f
+      ...m
     },
     ownerState: N,
     additionalProps: {
@@ -11823,14 +11823,14 @@ const S3 = /* @__PURE__ */ c.jsx(na, {
     onChange: u,
     size: p = "medium",
     className: h,
-    disabled: m,
+    disabled: f,
     disableRipple: v = !1,
     slots: g = {},
-    slotProps: f = {},
+    slotProps: m = {},
     inputProps: b,
     ...A
   } = r, N = Ct();
-  let x = m;
+  let x = f;
   N && typeof x > "u" && (x = N.disabled), x ??= !1;
   const C = {
     ...r,
@@ -11843,14 +11843,14 @@ const S3 = /* @__PURE__ */ c.jsx(na, {
   const k = Ni(u, T && T.onChange);
   let W = d;
   T && (typeof z > "u" && (z = A3(T.value, r.value)), typeof W > "u" && (W = T.name));
-  const F = f.input ?? b, [Z, y] = ge("root", {
+  const F = m.input ?? b, [Z, y] = ge("root", {
     ref: n,
     elementType: C3,
     className: ae(S.root, h),
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
       slots: g,
-      slotProps: f,
+      slotProps: m,
       ...A
     },
     getSlotProps: (q) => ({
@@ -12067,10 +12067,10 @@ const E3 = (e) => {
     error: u = !1,
     focused: p,
     fullWidth: h = !1,
-    hiddenLabel: m = !1,
+    hiddenLabel: f = !1,
     margin: v = "none",
     required: g = !1,
-    size: f = "medium",
+    size: m = "medium",
     variant: b = "outlined",
     ...A
   } = r, N = {
@@ -12080,10 +12080,10 @@ const E3 = (e) => {
     disabled: d,
     error: u,
     fullWidth: h,
-    hiddenLabel: m,
+    hiddenLabel: f,
     margin: v,
     required: g,
-    size: f,
+    size: m,
     variant: b
   }, x = E3(N), [C, S] = E.useState(() => {
     let M = !1;
@@ -12120,8 +12120,8 @@ const E3 = (e) => {
     filled: T,
     focused: F,
     fullWidth: h,
-    hiddenLabel: m,
-    size: f,
+    hiddenLabel: f,
+    size: m,
     onBlur: () => {
       W(!1);
     },
@@ -12133,7 +12133,7 @@ const E3 = (e) => {
     registerEffect: Z,
     required: g,
     variant: b
-  }), [C, s, d, u, T, F, h, m, Z, V, q, g, f, b]);
+  }), [C, s, d, u, T, F, h, f, Z, V, q, g, m, b]);
   return /* @__PURE__ */ c.jsx(xr.Provider, {
     value: w,
     children: /* @__PURE__ */ c.jsx(V3, {
@@ -12334,15 +12334,15 @@ const M3 = (e) => {
     disableTypography: u,
     inputRef: p,
     label: h,
-    labelPlacement: m = "end",
+    labelPlacement: f = "end",
     name: v,
     onChange: g,
-    required: f,
+    required: m,
     slots: b = {},
     slotProps: A = {},
     value: N,
     ...x
-  } = r, C = Ct(), S = d ?? l.props.disabled ?? C?.disabled, T = f ?? l.props.required, z = {
+  } = r, C = Ct(), S = d ?? l.props.disabled ?? C?.disabled, T = m ?? l.props.required, z = {
     disabled: S,
     required: T
   };
@@ -12356,7 +12356,7 @@ const M3 = (e) => {
   }), W = {
     ...r,
     disabled: S,
-    labelPlacement: m,
+    labelPlacement: f,
     required: T,
     error: k.error
   }, F = M3(W), Z = {
@@ -12528,12 +12528,12 @@ const O3 = (e) => {
   fontSize: p,
   isCustomColor: h
 }) => {
-  const m = Pe(), v = Nd(m), g = m.palette.mode === "dark", f = g ? m.palette.custom?.accentColor ?? v[fe.Primary].bg : m.palette.common.black, b = r ? v[fe.Disabled] : n ? h ? {
+  const f = Pe(), v = Nd(f), g = f.palette.mode === "dark", m = g ? f.palette.custom?.accentColor ?? v[fe.Primary].bg : f.palette.common.black, b = r ? v[fe.Disabled] : n ? h ? {
     ...v[fe.Primary],
-    bg: f,
-    border: g ? m.palette.common.white : f,
-    hover: f
-  } : v[fe.Primary] : i === fe.Error ? v[fe.Error] : v[fe.Default], A = r ? m.palette.action.disabled : m.palette.common.white, { StyledCheckbox: N, StyledRadio: x } = O3(u), C = e === "checkbox" ? N : x, S = /* @__PURE__ */ c.jsx(
+    bg: m,
+    border: g ? f.palette.common.white : m,
+    hover: m
+  } : v[fe.Primary] : i === fe.Error ? v[fe.Error] : v[fe.Default], A = r ? f.palette.action.disabled : f.palette.common.white, { StyledCheckbox: N, StyledRadio: x } = O3(u), C = e === "checkbox" ? N : x, S = /* @__PURE__ */ c.jsx(
     C,
     {
       disableRipple: !0,
@@ -12615,42 +12615,43 @@ const O3 = (e) => {
   onDecrease: n,
   increaseDisabled: r = !1,
   decreaseDisabled: i = !1,
-  addDisabled: a = !1
+  addDisabled: a = !1,
+  forceShowAddButton: s = !1
 }) => {
-  const s = Pe(), l = rn(
-    () => (u, p = !1) => ({
+  const l = Pe(), d = rn(
+    () => (p, h = !1) => ({
       width: Fr.btn,
       height: Fr.btn,
       borderRadius: Fr.radius,
-      border: p ? (h) => `1px solid ${h.palette.divider}` : "none",
-      bgcolor: (h) => p ? h.palette.background.paper : h.palette.background.default,
-      boxShadow: (h) => h.palette.mode === "light" ? "0px 1px 2px rgba(0,0,0,0.06)" : "none",
+      border: h ? (f) => `1px solid ${f.palette.divider}` : "none",
+      bgcolor: (f) => h ? f.palette.background.paper : f.palette.background.default,
+      boxShadow: (f) => f.palette.mode === "light" ? "0px 1px 2px rgba(0,0,0,0.06)" : "none",
       "&:hover": {
-        bgcolor: (h) => h.palette.action.hover
+        bgcolor: (f) => f.palette.action.hover
       },
-      opacity: u ? 0.4 : 1,
-      pointerEvents: u ? "none" : "auto"
+      opacity: p ? 0.4 : 1,
+      pointerEvents: p ? "none" : "auto"
     }),
     []
-  ), d = (u, p = !1, h = !1, m) => {
-    const v = Pe();
+  ), u = (p, h = !1, f = !1, v) => {
+    const g = Pe();
     return /* @__PURE__ */ c.jsx(
       Et,
       {
-        "aria-label": m === "Plus" ? "Augmenter" : "Diminuer",
-        onClick: u,
+        "aria-label": v === "Plus" ? "Augmenter" : "Diminuer",
+        onClick: p,
         disableRipple: !0,
-        disabled: p,
-        sx: l(p, h),
-        children: xe(m || "Plus", { color: v.palette.text.primary, size: 24 })
+        disabled: h,
+        sx: d(h, f),
+        children: xe(v || "Plus", { color: g.palette.text.primary, size: 24 })
       }
     );
   };
-  return e > 0 ? /* @__PURE__ */ c.jsxs(U, { display: "inline-flex", alignItems: "center", gap: Fr.gap, children: [
-    d(n, i, !1, "Minus"),
-    /* @__PURE__ */ c.jsx(ee, { variant: "body2", sx: { color: s.palette.text.primary, minWidth: 16, textAlign: "center", fontWeight: 600 }, children: e }),
-    d(t, r)
-  ] }) : d(t, a, !0);
+  return e > 0 && !s ? /* @__PURE__ */ c.jsxs(U, { display: "inline-flex", alignItems: "center", gap: Fr.gap, children: [
+    u(n, i, !1, "Minus"),
+    /* @__PURE__ */ c.jsx(ee, { variant: "body2", sx: { color: l.palette.text.primary, minWidth: 16, textAlign: "center", fontWeight: 600 }, children: e }),
+    u(t, r)
+  ] }) : u(t, a, !0);
 }, zi = ({
   type: e,
   checked: t = !1,
@@ -12664,10 +12665,10 @@ const O3 = (e) => {
   decreaseDisabled: u = !1,
   addDisabled: p = !1,
   leftIcon: h,
-  text: m,
+  text: f,
   rightIcon: v,
   reverse: g = !1,
-  withoutDivider: f = !1,
+  withoutDivider: m = !1,
   imageSize: b,
   isFavorite: A = !1,
   textSx: N,
@@ -12711,7 +12712,7 @@ const O3 = (e) => {
         }
       ) }, "content")
     ), /* @__PURE__ */ c.jsx(c.Fragment, { children: R });
-  }, M = () => (A || m) && /* @__PURE__ */ c.jsx(U, { sx: { display: "flex", alignItems: "center", px: 4 }, children: m ? /* @__PURE__ */ c.jsx(ee, { variant: "caption", color: W.palette.mediumGray, sx: { ...Sn(3) }, children: m }) : /* @__PURE__ */ c.jsxs(U, { sx: { display: "flex", alignItems: "center", gap: 0.5, lineHeight: 1 }, children: [
+  }, M = () => (A || f) && /* @__PURE__ */ c.jsx(U, { sx: { display: "flex", alignItems: "center", px: 4 }, children: f ? /* @__PURE__ */ c.jsx(ee, { variant: "caption", color: W.palette.mediumGray, sx: { ...Sn(3) }, children: f }) : /* @__PURE__ */ c.jsxs(U, { sx: { display: "flex", alignItems: "center", gap: 0.5, lineHeight: 1 }, children: [
     /* @__PURE__ */ c.jsx(U, { sx: { display: "flex", alignItems: "center", height: 16 }, children: xe("Star", { size: 14 }) }),
     /* @__PURE__ */ c.jsx(
       ee,
@@ -12784,7 +12785,7 @@ const O3 = (e) => {
         ]
       }
     ) }),
-    !f && /* @__PURE__ */ c.jsx(sn, { orientation: "horizontal" })
+    !m && /* @__PURE__ */ c.jsx(sn, { orientation: "horizontal" })
   ] });
 }, In = ({
   label: e = "—",
@@ -12800,7 +12801,7 @@ const O3 = (e) => {
   style: p,
   shape: h
 }) => {
-  const m = Pe(), v = Nd(m), { bg: g, text: f, border: b } = d || v[t], [A, N] = E.useState(!0);
+  const f = Pe(), v = Nd(f), { bg: g, text: m, border: b } = d || v[t], [A, N] = E.useState(!0);
   E.useEffect(() => {
     N(!0);
   }, [e, t, n, r, i]);
@@ -12902,7 +12903,7 @@ const O3 = (e) => {
       sx: {
         borderRadius: `${s}px`,
         backgroundColor: n ? "transparent" : g,
-        color: n ? b : f,
+        color: n ? b : m,
         border: n ? `1px solid ${b}` : "none",
         height: u || "28px",
         minWidth: "auto",
@@ -12970,10 +12971,10 @@ const O3 = (e) => {
   sx: u,
   disabledTrash: p = !1,
   disabledPlus: h = !1,
-  loading: m = !1,
+  loading: f = !1,
   imageSrc: v,
   hasImageColumn: g = !1,
-  showCategoryName: f = !0
+  showCategoryName: m = !0
 }) => {
   const b = qe(), A = () => t?.(e + 1), N = () => t?.(Math.max(0, e - 1)), x = ["Quantité", "Produits", "Prix"], C = () => /* @__PURE__ */ c.jsxs(
     Se,
@@ -13079,7 +13080,7 @@ const O3 = (e) => {
             sx: { wordBreak: "break-word", pl: 1 },
             children: [
               "• ",
-              f ? `${z.categoryName}:` : null,
+              m ? `${z.categoryName}:` : null,
               " ",
               W.price ? `${W.name} (${W.price} €)` : W.name
             ]
@@ -13121,8 +13122,8 @@ const O3 = (e) => {
         "& td, & th": { border: 0, py: 1, verticalAlign: "top" }
       },
       children: /* @__PURE__ */ c.jsxs(Su, { children: [
-        m ? [1, 2, 3].map((z) => T(z)) : S(),
-        d && !m && /* @__PURE__ */ c.jsx(Lo, { sx: { bgcolor: b.palette.grey[100] }, children: x.map((z, k) => /* @__PURE__ */ c.jsx(Lt, { align: k === x.length - 1 ? "right" : "left", sx: { width: "auto", py: 1 }, children: /* @__PURE__ */ c.jsx(ee, { variant: "caption", color: "text.secondary", sx: { fontWeight: "bold" }, children: z }) }, k)) })
+        f ? [1, 2, 3].map((z) => T(z)) : S(),
+        d && !f && /* @__PURE__ */ c.jsx(Lo, { sx: { bgcolor: b.palette.grey[100] }, children: x.map((z, k) => /* @__PURE__ */ c.jsx(Lt, { align: k === x.length - 1 ? "right" : "left", sx: { width: "auto", py: 1 }, children: /* @__PURE__ */ c.jsx(ee, { variant: "caption", color: "text.secondary", sx: { fontWeight: "bold" }, children: z }) }, k)) })
       ] })
     }
   ) });
@@ -13233,7 +13234,7 @@ const O3 = (e) => {
   sx: a,
   isSingleMethod: s
 }) => {
-  const l = qe(), d = Nu(l.breakpoints.down("sm")), { id: u, brand: p, last4: h, expiresText: m, creditText: v, isDefault: g, logoSrc: f, disabled: b } = e;
+  const l = qe(), d = Nu(l.breakpoints.down("sm")), { id: u, brand: p, last4: h, expiresText: f, creditText: v, isDefault: g, logoSrc: m, disabled: b } = e;
   return /* @__PURE__ */ c.jsxs(
     Se,
     {
@@ -13262,7 +13263,7 @@ const O3 = (e) => {
           }
         ) }),
         /* @__PURE__ */ c.jsxs(U, { sx: Tt.mainContent, children: [
-          /* @__PURE__ */ c.jsx(W3, { brand: p, srcOverride: f, isMobile: d }),
+          /* @__PURE__ */ c.jsx(W3, { brand: p, srcOverride: m, isMobile: d }),
           /* @__PURE__ */ c.jsxs(U, { sx: Tt.textContainer, children: [
             /* @__PURE__ */ c.jsxs(
               ee,
@@ -13276,7 +13277,7 @@ const O3 = (e) => {
                 ]
               }
             ),
-            m && /* @__PURE__ */ c.jsx(ee, { variant: "caption", color: "text.secondary", display: "block", children: m }),
+            f && /* @__PURE__ */ c.jsx(ee, { variant: "caption", color: "text.secondary", display: "block", children: f }),
             !d && v && /* @__PURE__ */ c.jsx(ee, { variant: "caption", color: "text.secondary", display: "block", children: v })
           ] })
         ] }),
@@ -13351,9 +13352,9 @@ const O3 = (e) => {
   onClose: u,
   maxWidth: p = 400,
   customStyle: h,
-  sxModal: m
+  sxModal: f
 }) => {
-  const v = !!(l || d), g = qe(), f = [l, d].filter(Boolean).length, b = () => s && /* @__PURE__ */ c.jsx(U, { sx: { display: "flex", justifyContent: "center", alignItems: "center", mb: n ? 2 : 3 }, children: s });
+  const v = !!(l || d), g = qe(), m = [l, d].filter(Boolean).length, b = () => s && /* @__PURE__ */ c.jsx(U, { sx: { display: "flex", justifyContent: "center", alignItems: "center", mb: n ? 2 : 3 }, children: s });
   return /* @__PURE__ */ c.jsx(Bl, { open: e, onClose: u, children: /* @__PURE__ */ c.jsx(
     U,
     {
@@ -13371,9 +13372,9 @@ const O3 = (e) => {
         border: `1px solid ${g.palette.borderColor}`,
         boxShadow: "0 4px 6px -1px rgba(0,0,0,0.10)",
         outline: "none",
-        ...m
+        ...f
       },
-      children: m || h ? a : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+      children: f || h ? a : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
         u && /* @__PURE__ */ c.jsx(
           Et,
           {
@@ -13430,8 +13431,8 @@ const O3 = (e) => {
             Se,
             {
               direction: "row",
-              spacing: f === 1 ? 0 : 2,
-              justifyContent: f === 1 ? "center" : "space-between",
+              spacing: m === 1 ? 0 : 2,
+              justifyContent: m === 1 ? "center" : "space-between",
               sx: { px: 5, pb: 3 },
               children: [
                 d && /* @__PURE__ */ c.jsx(
@@ -13466,30 +13467,30 @@ function I3({
   index: i
 }) {
   const a = e.type === "multiple" ? t[e.id] ?? {} : t[e.id] ?? [], s = e.type === "multiple" ? Object.values(a).reduce(
-    (m, v) => m + v,
+    (f, v) => f + v,
     0
   ) : a.length, l = e.min ?? (e.type === "radio" ? 1 : 0);
   let d;
   s >= l && s > 0 ? d = "selectionne" : l > 0 ? d = "obligatoire" : d = "facultatif";
   const u = E.useCallback(
-    (m) => {
+    (f) => {
       if (e.type === "multiple") return;
-      const v = a, g = v.includes(m);
-      let f = [];
+      const v = a, g = v.includes(f);
+      let m = [];
       if (e.type === "radio")
-        f = g ? [] : [m];
-      else if (e.type === "checkbox" && (f = g ? v.filter((b) => b !== m) : [...v, m], typeof e.max == "number" && f.length > e.max))
+        m = g ? [] : [f];
+      else if (e.type === "checkbox" && (m = g ? v.filter((b) => b !== f) : [...v, f], typeof e.max == "number" && m.length > e.max))
         return;
-      n({ ...t, [e.id]: f });
+      n({ ...t, [e.id]: m });
     },
     [e.id, e.type, e.max, n, a, t]
   ), p = E.useCallback(
-    (m, v) => {
+    (f, v) => {
       if (e.type !== "multiple") return;
-      const g = t[e.id] ?? {}, f = g[m] ?? 0, b = Math.max(0, f + v), N = Object.values(g).reduce((x, C) => x + C, 0) + (b - f);
+      const g = t[e.id] ?? {}, m = g[f] ?? 0, b = Math.max(0, m + v), N = Object.values(g).reduce((x, C) => x + C, 0) + (b - m);
       typeof e.max == "number" && N > e.max || n({
         ...t,
-        [e.id]: { ...g, [m]: b }
+        [e.id]: { ...g, [f]: b }
       });
     },
     [e.id, e.max, e.type, n, t]
@@ -13508,40 +13509,40 @@ function I3({
         isError: h
       }
     ),
-    /* @__PURE__ */ c.jsx(Se, { spacing: 1, children: e.items.map((m) => {
+    /* @__PURE__ */ c.jsx(Se, { spacing: 1, children: e.items.map((f) => {
       const v = {
-        key: m.id,
+        key: f.id,
         reverse: !0,
-        label: m.label,
-        price: m.price,
-        description: m.description,
-        image: m.image,
+        label: f.label,
+        price: f.price,
+        description: f.description,
+        image: f.image,
         imageSize: 40,
-        disabled: m.disabled,
-        text: m.popular ? "Populaire" : void 0,
+        disabled: f.disabled,
+        text: f.popular ? "Populaire" : void 0,
         withoutDivider: !0,
         isError: h
       };
       if (e.type === "multiple") {
-        const f = (t[e.id] ?? {})[m.id] ?? 0;
+        const m = (t[e.id] ?? {})[f.id] ?? 0;
         return /* @__PURE__ */ c.jsx(
           zi,
           {
             ...v,
-            quantity: f,
-            onIncrease: () => p(m.id, 1),
-            onDecrease: () => p(m.id, -1)
+            quantity: m,
+            onIncrease: () => p(f.id, 1),
+            onDecrease: () => p(f.id, -1)
           }
         );
       }
-      const g = a.includes(m.id);
+      const g = a.includes(f.id);
       return /* @__PURE__ */ c.jsx(
         zi,
         {
           ...v,
           type: e.type,
           checked: g,
-          onChange: () => u(m.id)
+          onChange: () => u(f.id)
         }
       );
     }) })
@@ -13557,7 +13558,7 @@ const U3 = ({
   disabled: s = !1,
   hasImage: l
 }) => {
-  const [d, u] = Ie(r), p = i !== void 0, h = p ? i : d, m = () => {
+  const [d, u] = Ie(r), p = i !== void 0, h = p ? i : d, f = () => {
     const v = !h;
     a && a(v), p || u(v);
   };
@@ -13566,7 +13567,7 @@ const U3 = ({
     {
       expanded: h,
       disabled: s,
-      onChange: m,
+      onChange: f,
       square: !0,
       elevation: 0,
       sx: {
@@ -13683,23 +13684,23 @@ const Y3 = (e, t) => {
     position: u,
     variant: p,
     ...h
-  } = r, m = Ct() || {};
+  } = r, f = Ct() || {};
   let v = p;
-  p && m.variant && process.env.NODE_ENV !== "production" && p === m.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), m && !v && (v = m.variant);
+  p && f.variant && process.env.NODE_ENV !== "production" && p === f.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), f && !v && (v = f.variant);
   const g = {
     ...r,
-    hiddenLabel: m.hiddenLabel,
-    size: m.size,
+    hiddenLabel: f.hiddenLabel,
+    size: f.size,
     disablePointerEvents: l,
     position: u,
     variant: v
-  }, f = B3(g);
+  }, m = B3(g);
   return /* @__PURE__ */ c.jsx(xr.Provider, {
     value: null,
     children: /* @__PURE__ */ c.jsx(P3, {
       as: s,
       ownerState: g,
-      className: ae(f.root, a),
+      className: ae(m.root, a),
       ref: n,
       ...h,
       children: typeof i == "string" && !d ? /* @__PURE__ */ c.jsx(at, {
@@ -13802,7 +13803,7 @@ const lc = /* @__PURE__ */ E.forwardRef(function(t, n) {
     ...d
   } = t, {
     current: u
-  } = E.useRef(l != null), p = E.useRef(null), h = Qe(n, p), m = E.useRef(null), v = E.useRef(null), g = E.useCallback(() => {
+  } = E.useRef(l != null), p = E.useRef(null), h = Qe(n, p), f = E.useRef(null), v = E.useRef(null), g = E.useCallback(() => {
     const x = p.current, C = v.current;
     if (!x || !C)
       return;
@@ -13824,18 +13825,18 @@ const lc = /* @__PURE__ */ E.forwardRef(function(t, n) {
       outerHeightStyle: q,
       overflowing: V
     };
-  }, [i, a, t.placeholder]), f = nn(() => {
+  }, [i, a, t.placeholder]), m = nn(() => {
     const x = p.current, C = g();
     if (!x || !C || ks(C))
       return !1;
     const S = C.outerHeightStyle;
-    return m.current != null && m.current !== S;
+    return f.current != null && f.current !== S;
   }), b = E.useCallback(() => {
     const x = p.current, C = g();
     if (!x || !C || ks(C))
       return;
     const S = C.outerHeightStyle;
-    m.current !== S && (m.current = S, x.style.height = `${S}px`), x.style.overflow = C.overflowing ? "hidden" : "";
+    f.current !== S && (f.current = S, x.style.height = `${S}px`), x.style.overflow = C.overflowing ? "hidden" : "";
   }, [g]), A = E.useRef(-1);
   It(() => {
     const x = qd(b), C = p?.current;
@@ -13845,13 +13846,13 @@ const lc = /* @__PURE__ */ E.forwardRef(function(t, n) {
     S.addEventListener("resize", x);
     let T;
     return typeof ResizeObserver < "u" && (T = new ResizeObserver(() => {
-      f() && (T.unobserve(C), cancelAnimationFrame(A.current), b(), A.current = requestAnimationFrame(() => {
+      m() && (T.unobserve(C), cancelAnimationFrame(A.current), b(), A.current = requestAnimationFrame(() => {
         T.observe(C);
       }));
     }), T.observe(C)), () => {
       x.clear(), cancelAnimationFrame(A.current), S.removeEventListener("resize", x), T && T.disconnect();
     };
-  }, [g, b, f]), It(() => {
+  }, [g, b, m]), It(() => {
     b();
   });
   const N = (x) => {
@@ -13946,14 +13947,14 @@ const qo = (e, t) => {
     hiddenLabel: u,
     multiline: p,
     readOnly: h,
-    size: m,
+    size: f,
     startAdornment: v,
     type: g
-  } = e, f = {
-    root: ["root", `color${H(n)}`, r && "disabled", i && "error", d && "fullWidth", s && "focused", l && "formControl", m && m !== "medium" && `size${H(m)}`, p && "multiline", v && "adornedStart", a && "adornedEnd", u && "hiddenLabel", h && "readOnly"],
-    input: ["input", r && "disabled", g === "search" && "inputTypeSearch", p && "inputMultiline", m === "small" && "inputSizeSmall", u && "inputHiddenLabel", v && "inputAdornedStart", a && "inputAdornedEnd", h && "readOnly"]
+  } = e, m = {
+    root: ["root", `color${H(n)}`, r && "disabled", i && "error", d && "fullWidth", s && "focused", l && "formControl", f && f !== "medium" && `size${H(f)}`, p && "multiline", v && "adornedStart", a && "adornedEnd", u && "hiddenLabel", h && "readOnly"],
+    input: ["input", r && "disabled", g === "search" && "inputTypeSearch", p && "inputMultiline", f === "small" && "inputSizeSmall", u && "inputHiddenLabel", v && "inputAdornedStart", a && "inputAdornedEnd", h && "readOnly"]
   };
-  return pe(f, G3, t);
+  return pe(m, G3, t);
 }, zo = X("div", {
   name: "MuiInputBase",
   slot: "Root",
@@ -14137,10 +14138,10 @@ const qo = (e, t) => {
     components: u = {},
     componentsProps: p = {},
     defaultValue: h,
-    disabled: m,
+    disabled: f,
     disableInjectingGlobalStyles: v,
     endAdornment: g,
-    error: f,
+    error: m,
     fullWidth: b = !1,
     id: A,
     inputComponent: N = "input",
@@ -14184,8 +14185,8 @@ const qo = (e, t) => {
     states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
   });
   be.focused = le ? le.focused : J, E.useEffect(() => {
-    !le && m && J && (Ne(!1), F && F());
-  }, [le, m, J, F]);
+    !le && f && J && (Ne(!1), F && F());
+  }, [le, f, J, F]);
   const rt = le && le.onFilled, Xe = le && le.onEmpty, Oe = E.useCallback((Ee) => {
     ro(Ee) ? rt && rt() : Xe && Xe();
   }, [rt, Xe]);
@@ -14663,7 +14664,7 @@ const Gn = {
     multiline: u = !1,
     slotProps: p,
     slots: h = {},
-    type: m = "text",
+    type: f = "text",
     ...v
   } = r, g = J3(r), b = {
     root: {
@@ -14682,7 +14683,7 @@ const Gn = {
     inputComponent: d,
     multiline: u,
     ref: n,
-    type: m,
+    type: f,
     ...v,
     classes: g
   });
@@ -15136,10 +15137,10 @@ const Jt = {
     inputComponent: u = "input",
     multiline: p = !1,
     slotProps: h,
-    slots: m = {},
+    slots: f = {},
     type: v = "text",
     ...g
-  } = r, f = {
+  } = r, m = {
     ...r,
     disableUnderline: i,
     fullWidth: l,
@@ -15148,12 +15149,12 @@ const Jt = {
     type: v
   }, b = _3(r), A = {
     root: {
-      ownerState: f
+      ownerState: m
     },
     input: {
-      ownerState: f
+      ownerState: m
     }
-  }, N = h ?? s ? Ze(A, h ?? s) : A, x = m.root ?? a.Root ?? eb, C = m.input ?? a.Input ?? tb;
+  }, N = h ?? s ? Ze(A, h ?? s) : A, x = f.root ?? a.Root ?? eb, C = f.input ?? a.Input ?? tb;
   return /* @__PURE__ */ c.jsx(Cr, {
     slots: {
       root: x,
@@ -15679,11 +15680,11 @@ const gt = {
     notched: u,
     slots: p = {},
     slotProps: h = {},
-    type: m = "text",
+    type: f = "text",
     ...v
-  } = r, g = ib(r), f = Ct(), b = cn({
+  } = r, g = ib(r), m = Ct(), b = cn({
     props: r,
-    muiFormControl: f,
+    muiFormControl: m,
     states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
   }), A = {
     ...r,
@@ -15691,12 +15692,12 @@ const gt = {
     disabled: b.disabled,
     error: b.error,
     focused: b.focused,
-    formControl: f,
+    formControl: m,
     fullWidth: a,
     hiddenLabel: b.hiddenLabel,
     multiline: d,
     size: b.size,
-    type: m
+    type: f
   }, N = p.root ?? i.Root ?? ab, x = p.input ?? i.Input ?? lb, [C, S] = ge("notchedOutline", {
     elementType: sb,
     className: g.notchedOutline,
@@ -15726,7 +15727,7 @@ const gt = {
     inputComponent: s,
     multiline: d,
     ref: n,
-    type: m,
+    type: f,
     ...v,
     classes: {
       ...g,
@@ -15983,21 +15984,21 @@ const sr = ue("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
     error: u,
     filled: p,
     focused: h,
-    required: m,
+    required: f,
     ...v
-  } = r, g = Ct(), f = cn({
+  } = r, g = Ct(), m = cn({
     props: r,
     muiFormControl: g,
     states: ["color", "required", "focused", "disabled", "error", "filled"]
   }), b = {
     ...r,
-    color: f.color || "primary",
+    color: m.color || "primary",
     component: l,
-    disabled: f.disabled,
-    error: f.error,
-    filled: f.filled,
-    focused: f.focused,
-    required: f.required
+    disabled: m.disabled,
+    error: m.error,
+    filled: m.filled,
+    focused: m.focused,
+    required: m.required
   }, A = cb(b);
   return /* @__PURE__ */ c.jsxs(ub, {
     as: l,
@@ -16005,7 +16006,7 @@ const sr = ue("MuiFormLabel", ["root", "colorSecondary", "focused", "disabled",
     className: ae(A.root, a),
     ref: n,
     ...v,
-    children: [i, f.required && /* @__PURE__ */ c.jsxs(pb, {
+    children: [i, m.required && /* @__PURE__ */ c.jsxs(pb, {
       ownerState: b,
       "aria-hidden": !0,
       className: A.asterisk,
@@ -16236,7 +16237,7 @@ const mb = (e) => {
   } = r, p = Ct();
   let h = s;
   typeof h > "u" && p && (h = p.filled || p.focused || p.adornedStart);
-  const m = cn({
+  const f = cn({
     props: r,
     muiFormControl: p,
     states: ["size", "variant", "required", "focused"]
@@ -16245,10 +16246,10 @@ const mb = (e) => {
     disableAnimation: i,
     formControl: p,
     shrink: h,
-    size: m.size,
-    variant: m.variant,
-    required: m.required,
-    focused: m.focused
+    size: f.size,
+    variant: f.variant,
+    required: f.required,
+    focused: f.focused
   }, g = mb(v);
   return /* @__PURE__ */ c.jsx(hb, {
     "data-shrink": h,
@@ -16399,12 +16400,12 @@ const bb = (e) => {
     filled: u,
     focused: p,
     margin: h,
-    required: m,
+    required: f,
     variant: v,
     ...g
-  } = r, f = Ct(), b = cn({
+  } = r, m = Ct(), b = cn({
     props: r,
-    muiFormControl: f,
+    muiFormControl: m,
     states: ["variant", "size", "disabled", "error", "filled", "focused", "required"]
   }), A = {
     ...r,
@@ -16582,19 +16583,19 @@ const Cb = (e) => {
     ...p
   } = r, h = E.useMemo(() => ({
     dense: l
-  }), [l]), m = {
+  }), [l]), f = {
     ...r,
     component: s,
     dense: l,
     disablePadding: d
-  }, v = Cb(m);
+  }, v = Cb(f);
   return /* @__PURE__ */ c.jsx(On.Provider, {
     value: h,
     children: /* @__PURE__ */ c.jsxs(Ab, {
       as: s,
       className: ae(v.root, a),
       ref: n,
-      ownerState: m,
+      ownerState: f,
       ...p,
       children: [u, i]
     })
@@ -16694,7 +16695,7 @@ const gc = /* @__PURE__ */ E.forwardRef(function(t, n) {
     disableListWrap: u = !1,
     onKeyDown: p,
     variant: h = "selectedMenu",
-    ...m
+    ...f
   } = t, v = E.useRef(null), g = E.useRef({
     keys: [],
     repeating: !0,
@@ -16715,7 +16716,7 @@ const gc = /* @__PURE__ */ E.forwardRef(function(t, n) {
       return v.current;
     }
   }), []);
-  const f = (x) => {
+  const m = (x) => {
     const C = v.current, S = x.key;
     if (x.ctrlKey || x.metaKey || x.altKey) {
       p && p(x);
@@ -16758,9 +16759,9 @@ const gc = /* @__PURE__ */ E.forwardRef(function(t, n) {
     role: "menu",
     ref: b,
     className: l,
-    onKeyDown: f,
+    onKeyDown: m,
     tabIndex: i ? 0 : -1,
-    ...m,
+    ...f,
     children: N
   });
 });
@@ -16893,10 +16894,10 @@ const Tb = {
     onEntered: u,
     onEntering: p,
     onExit: h,
-    onExited: m,
+    onExited: f,
     onExiting: v,
     style: g,
-    timeout: f = "auto",
+    timeout: m = "auto",
     // eslint-disable-next-line react/prop-types
     TransitionComponent: b = xt,
     ...A
@@ -16913,13 +16914,13 @@ const Tb = {
       easing: G
     } = oo({
       style: g,
-      timeout: f,
+      timeout: m,
       easing: s
     }, {
       mode: "enter"
     });
     let O;
-    f === "auto" ? (O = C.transitions.getAutoHeightDuration(w.clientHeight), x.current = O) : O = K, w.style.transition = [C.transitions.create("opacity", {
+    m === "auto" ? (O = C.transitions.getAutoHeightDuration(w.clientHeight), x.current = O) : O = K, w.style.transition = [C.transitions.create("opacity", {
       duration: O,
       delay: P
     }), C.transitions.create("transform", {
@@ -16934,13 +16935,13 @@ const Tb = {
       easing: P
     } = oo({
       style: g,
-      timeout: f,
+      timeout: m,
       easing: s
     }, {
       mode: "exit"
     });
     let G;
-    f === "auto" ? (G = C.transitions.getAutoHeightDuration(w.clientHeight), x.current = G) : G = M, w.style.transition = [C.transitions.create("opacity", {
+    m === "auto" ? (G = C.transitions.getAutoHeightDuration(w.clientHeight), x.current = G) : G = M, w.style.transition = [C.transitions.create("opacity", {
       duration: G,
       delay: K
     }), C.transitions.create("transform", {
@@ -16948,8 +16949,8 @@ const Tb = {
       delay: di ? K : K || G * 0.333,
       easing: P
     })].join(","), w.style.opacity = 0, w.style.transform = Fi(0.75), h && h(w);
-  }), q = z(m), V = (w) => {
-    f === "auto" && N.start(x.current || 0, w), r && r(S.current, w);
+  }), q = z(f), V = (w) => {
+    m === "auto" && N.start(x.current || 0, w), r && r(S.current, w);
   };
   return /* @__PURE__ */ c.jsx(b, {
     appear: i,
@@ -16962,7 +16963,7 @@ const Tb = {
     onExited: q,
     onExiting: Z,
     addEndListener: V,
-    timeout: f === "auto" ? null : f,
+    timeout: m === "auto" ? null : m,
     ...A,
     children: (w, {
       ownerState: M,
@@ -17215,7 +17216,7 @@ function ao(e) {
     getTabbable: a = Wb,
     isEnabled: s = Fb,
     open: l
-  } = e, d = E.useRef(!1), u = E.useRef(null), p = E.useRef(null), h = E.useRef(null), m = E.useRef(null), v = E.useRef(!1), g = E.useRef(null), f = Qe(Ar(t), g), b = E.useRef(null);
+  } = e, d = E.useRef(!1), u = E.useRef(null), p = E.useRef(null), h = E.useRef(null), f = E.useRef(null), v = E.useRef(!1), g = E.useRef(null), m = Qe(Ar(t), g), b = E.useRef(null);
   E.useEffect(() => {
     !l || !g.current || (v.current = !n);
   }, [n, l]), E.useEffect(() => {
@@ -17242,9 +17243,9 @@ function ao(e) {
       }
       if (k.contains(W) || r && W !== u.current && W !== p.current)
         return;
-      if (W !== m.current)
-        m.current = null;
-      else if (m.current !== null)
+      if (W !== f.current)
+        f.current = null;
+      else if (f.current !== null)
         return;
       if (!v.current)
         return;
@@ -17265,7 +17266,7 @@ function ao(e) {
     };
   }, [n, r, i, s, l, a]);
   const A = (x) => {
-    h.current === null && (h.current = x.relatedTarget), v.current = !0, m.current = x.target;
+    h.current === null && (h.current = x.relatedTarget), v.current = !0, f.current = x.target;
     const C = t.props.onFocus;
     C && C(x);
   }, N = (x) => {
@@ -17278,7 +17279,7 @@ function ao(e) {
       ref: u,
       "data-testid": "sentinelStart"
     }), /* @__PURE__ */ E.cloneElement(t, {
-      ref: f,
+      ref: m,
       onFocus: A
     }), /* @__PURE__ */ c.jsx("div", {
       tabIndex: l ? 0 : -1,
@@ -17416,10 +17417,10 @@ const Ib = {
     in: u,
     onEnter: p,
     onEntered: h,
-    onEntering: m,
+    onEntering: f,
     onExit: v,
     onExited: g,
-    onExiting: f,
+    onExiting: m,
     style: b,
     timeout: A = i,
     // eslint-disable-next-line react/prop-types
@@ -17430,7 +17431,7 @@ const Ib = {
       const M = C.current;
       w === void 0 ? V(M) : V(M, w);
     }
-  }, z = T(m), k = T((V, w) => {
+  }, z = T(f), k = T((V, w) => {
     Cc(V);
     const M = oo({
       style: b,
@@ -17440,7 +17441,7 @@ const Ib = {
       mode: "enter"
     });
     V.style.webkitTransition = r.transitions.create("opacity", M), V.style.transition = r.transitions.create("opacity", M), p && p(V, w);
-  }), W = T(h), F = T(f), Z = T((V) => {
+  }), W = T(h), F = T(m), Z = T((V) => {
     const w = oo({
       style: b,
       timeout: A,
@@ -17609,10 +17610,10 @@ const Zb = (e) => {
     components: u = {},
     componentsProps: p = {},
     slotProps: h = {},
-    slots: m = {},
+    slots: f = {},
     TransitionComponent: v,
     transitionDuration: g,
-    ...f
+    ...m
   } = r, b = {
     ...r,
     component: s,
@@ -17620,7 +17621,7 @@ const Zb = (e) => {
   }, A = Zb(b), N = {
     transition: v,
     root: u.Root,
-    ...m
+    ...f
   }, x = {
     ...p,
     ...h
@@ -17641,7 +17642,7 @@ const Zb = (e) => {
   return /* @__PURE__ */ c.jsx(z, {
     in: d,
     timeout: g,
-    ...f,
+    ...m,
     ...k,
     children: /* @__PURE__ */ c.jsx(S, {
       "aria-hidden": !0,
@@ -17762,10 +17763,10 @@ function Kb(e) {
     onClose: d,
     open: u,
     rootRef: p
-  } = e, h = E.useRef({}), m = E.useRef(null), v = E.useRef(null), g = Qe(v, p), [f, b] = E.useState(!u), A = Pb(l);
+  } = e, h = E.useRef({}), f = E.useRef(null), v = E.useRef(null), g = Qe(v, p), [m, b] = E.useState(!u), A = Pb(l);
   let N = !0;
   (e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (N = !1);
-  const x = () => mt(m.current), C = () => (h.current.modalRef = v.current, h.current.mount = m.current, h.current), S = () => {
+  const x = () => mt(f.current), C = () => (h.current.modalRef = v.current, h.current.mount = f.current, h.current), S = () => {
     Ir.mount(C(), {
       disableScrollLock: r
     }), v.current && (v.current.scrollTop = 0);
@@ -17773,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) => {
-    m.current = w, w && (u && z() ? S() : v.current && lr(v.current, N));
+    f.current = w, w && (u && z() ? S() : v.current && lr(v.current, N));
   }), W = E.useCallback(() => {
     Ir.remove(C(), N);
   }, [N]);
@@ -17832,7 +17833,7 @@ function Kb(e) {
     rootRef: g,
     portalRef: k,
     isTopModal: z,
-    exited: f,
+    exited: m,
     hasTransition: A
   };
 }
@@ -17894,10 +17895,10 @@ const Gb = (e) => {
     children: u,
     container: p,
     component: h,
-    components: m = {},
+    components: f = {},
     componentsProps: v = {},
     disableAutoFocus: g = !1,
-    disableEnforceFocus: f = !1,
+    disableEnforceFocus: m = !1,
     disableEscapeKeyDown: b = !1,
     disablePortal: A = !1,
     disableRestoreFocus: N = !1,
@@ -17917,7 +17918,7 @@ const Gb = (e) => {
     ...r,
     closeAfterTransition: d,
     disableAutoFocus: g,
-    disableEnforceFocus: f,
+    disableEnforceFocus: m,
     disableEscapeKeyDown: b,
     disablePortal: A,
     disableRestoreFocus: N,
@@ -17948,8 +17949,8 @@ const Gb = (e) => {
   }
   const B = {
     slots: {
-      root: m.Root,
-      backdrop: m.Backdrop,
+      root: f.Root,
+      backdrop: f.Backdrop,
       ...Z
     },
     slotProps: {
@@ -17991,7 +17992,7 @@ const Gb = (e) => {
       children: [!C && i ? /* @__PURE__ */ c.jsx(ne, {
         ...te
       }) : null, /* @__PURE__ */ c.jsx(ao, {
-        disableEnforceFocus: f,
+        disableEnforceFocus: m,
         disableAutoFocus: g,
         disableRestoreFocus: N,
         isEnabled: G,
@@ -18241,12 +18242,12 @@ const Qb = (e) => {
     elevation: l,
     square: d,
     variant: u
-  }, m = Qb(h);
+  }, f = Qb(h);
   return process.env.NODE_ENV !== "production" && i.shadows[l] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${l}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${l}]\` is defined.`].join(`
 `)), /* @__PURE__ */ c.jsx(Hb, {
     as: s,
     ownerState: h,
-    className: ae(m.root, a),
+    className: ae(f.root, a),
     ref: n,
     ...p,
     style: {
@@ -18376,10 +18377,10 @@ const _b = (e) => {
     children: u,
     className: p,
     container: h,
-    elevation: m = 8,
+    elevation: f = 8,
     marginThreshold: v = 16,
     open: g,
-    PaperProps: f = {},
+    PaperProps: m = {},
     // TODO: remove in v7
     slots: b = {},
     slotProps: A = {},
@@ -18398,7 +18399,7 @@ const _b = (e) => {
     ...r,
     anchorOrigin: s,
     anchorReference: d,
-    elevation: m,
+    elevation: f,
     marginThreshold: v,
     transformOrigin: N,
     TransitionComponent: x,
@@ -18491,7 +18492,7 @@ const _b = (e) => {
     },
     slotProps: {
       transition: S,
-      paper: f,
+      paper: m,
       ...A
     }
   }, [R, Y] = ge("transition", {
@@ -18546,7 +18547,7 @@ const _b = (e) => {
     externalForwardedProps: O,
     shouldForwardComponentProp: !0,
     additionalProps: {
-      elevation: m,
+      elevation: f,
       style: V ? void 0 : {
         opacity: 0
       }
@@ -18821,11 +18822,11 @@ const ny = {
     onClose: u,
     open: p,
     PaperProps: h = {},
-    PopoverClasses: m,
+    PopoverClasses: f,
     transitionDuration: v = "auto",
     TransitionProps: {
       onEntering: g,
-      ...f
+      ...m
     } = {},
     variant: b = "selectedMenu",
     slots: A = {},
@@ -18839,7 +18840,7 @@ const ny = {
     onEntering: g,
     PaperProps: h,
     transitionDuration: v,
-    TransitionProps: f,
+    TransitionProps: m,
     variant: b
   }, T = oy(S), z = i && !l && p, k = E.useRef(null), W = (G, O) => {
     k.current && k.current.adjustStyleForScrollbar(G, {
@@ -18857,7 +18858,7 @@ const ny = {
     slots: A,
     slotProps: {
       list: d,
-      transition: f,
+      transition: m,
       paper: h,
       ...N
     }
@@ -18917,7 +18918,7 @@ const ny = {
     transitionDuration: v,
     ownerState: S,
     ...x,
-    classes: m,
+    classes: f,
     children: /* @__PURE__ */ c.jsx(M, {
       actions: k,
       autoFocus: i && (Z === -1 || l),
@@ -19355,10 +19356,10 @@ const gy = (e) => {
     defaultOpen: u,
     defaultValue: p,
     disabled: h,
-    displayEmpty: m,
+    displayEmpty: f,
     error: v = !1,
     IconComponent: g,
-    inputRef: f,
+    inputRef: m,
     labelId: b,
     MenuProps: A = {},
     multiple: N,
@@ -19393,7 +19394,7 @@ const gy = (e) => {
     name: "Select"
   }), B = E.useRef(null), D = E.useRef(null), [Q, ne] = E.useState(null), {
     current: te
-  } = E.useRef(Z != null), [$, ie] = E.useState(), J = Qe(n, f), Ne = E.useCallback((oe) => {
+  } = E.useRef(Z != null), [$, ie] = E.useState(), J = Qe(n, m), Ne = E.useCallback((oe) => {
     D.current = oe, oe && ne(oe);
   }, []), le = Q?.parentNode;
   E.useImperativeHandle(J, () => ({
@@ -19473,7 +19474,7 @@ const gy = (e) => {
   let Kt = !1, un = !1;
   (ro({
     value: R
-  }) || m) && (q ? je = q(R) : Kt = !0);
+  }) || f) && (q ? je = q(R) : Kt = !0);
   const Un = Oe.map((oe) => {
     if (!/* @__PURE__ */ E.isValidElement(oe))
       return null;
@@ -19786,10 +19787,10 @@ const by = ln(/* @__PURE__ */ c.jsx("path", {
     displayEmpty: u = !1,
     IconComponent: p = by,
     id: h,
-    input: m,
+    input: f,
     inputProps: v,
     label: g,
-    labelId: f,
+    labelId: m,
     MenuProps: b,
     multiple: A = !1,
     native: N = !1,
@@ -19811,7 +19812,7 @@ const by = ln(/* @__PURE__ */ c.jsx("path", {
   }, w = yy(V), {
     root: M,
     ...K
-  } = w, P = m || {
+  } = w, P = f || {
     standard: /* @__PURE__ */ c.jsx(vy, {
       ownerState: V
     }),
@@ -19842,7 +19843,7 @@ const by = ln(/* @__PURE__ */ c.jsx("path", {
           autoWidth: i,
           defaultOpen: d,
           displayEmpty: u,
-          labelId: f,
+          labelId: m,
           MenuProps: b,
           onClose: x,
           onOpen: C,
@@ -19855,7 +19856,7 @@ const by = ln(/* @__PURE__ */ c.jsx("path", {
         },
         ...v,
         classes: v ? Ze(K, v.classes) : K,
-        ...m ? m.props.inputProps : {}
+        ...f ? f.props.inputProps : {}
       },
       ...(A && N || u) && q === "outlined" ? {
         notched: !0
@@ -19863,7 +19864,7 @@ const by = ln(/* @__PURE__ */ c.jsx("path", {
       ref: G,
       className: ae(P.props.className, l, w.root),
       // If a custom input is provided via 'input' prop, do not allow 'variant' to be propagated to it's root element. See https://github.com/mui/material-ui/issues/33894.
-      ...!m && {
+      ...!f && {
         variant: q
       },
       ...W
@@ -20049,10 +20050,10 @@ const Sy = {
     defaultValue: u,
     disabled: p = !1,
     error: h = !1,
-    FormHelperTextProps: m,
+    FormHelperTextProps: f,
     fullWidth: v = !1,
     helperText: g,
-    id: f,
+    id: m,
     InputLabelProps: b,
     inputProps: A,
     InputProps: N,
@@ -20089,13 +20090,13 @@ const Sy = {
     variant: R
   }, j = Ny(L);
   process.env.NODE_ENV !== "production" && w && !s && console.error("MUI: `children` must be passed when using the `TextField` component with `select`.");
-  const B = Eo(f), D = g && B ? `${B}-helper-text` : void 0, Q = C && B ? `${B}-label` : void 0, ne = Sy[R], te = {
+  const B = Eo(m), D = g && B ? `${B}-helper-text` : void 0, Q = C && B ? `${B}-label` : void 0, ne = Sy[R], te = {
     slots: K,
     slotProps: {
       input: N,
       inputLabel: b,
       htmlInput: A,
-      formHelperText: m,
+      formHelperText: f,
       select: M,
       ...P
     }
@@ -20552,11 +20553,11 @@ const Ks = ue("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     disableFocusRipple: u = !1,
     size: p = "medium",
     id: h,
-    loading: m = null,
+    loading: f = null,
     loadingIndicator: v,
     ...g
-  } = r, f = Eo(h), b = v ?? /* @__PURE__ */ c.jsx(br, {
-    "aria-labelledby": f,
+  } = r, m = Eo(h), b = v ?? /* @__PURE__ */ c.jsx(br, {
+    "aria-labelledby": m,
     color: "inherit",
     size: 16
   }), A = {
@@ -20565,20 +20566,20 @@ const Ks = ue("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
     color: l,
     disabled: d,
     disableFocusRipple: u,
-    loading: m,
+    loading: f,
     loadingIndicator: b,
     size: p
   }, N = Ey(A);
   return /* @__PURE__ */ c.jsxs(Vy, {
-    id: m ? f : h,
+    id: f ? m : h,
     className: ae(N.root, s),
     centerRipple: !0,
     focusRipple: !u,
-    disabled: d || m,
+    disabled: d || f,
     ref: n,
     ...g,
     ownerState: A,
-    children: [typeof m == "boolean" && // use plain HTML span to minimize the runtime overhead
+    children: [typeof f == "boolean" && // use plain HTML span to minimize the runtime overhead
     /* @__PURE__ */ c.jsx("span", {
       className: N.loadingWrapper,
       style: {
@@ -20587,7 +20588,7 @@ const Ks = ue("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
       children: /* @__PURE__ */ c.jsx(ky, {
         className: N.loadingIndicator,
         ownerState: A,
-        children: m && b
+        children: f && b
       })
     }), a]
   });
@@ -20817,11 +20818,11 @@ const Tn = ue("MuiListItemText", ["root", "multiline", "dense", "inset", "primar
     primaryTypographyProps: u,
     secondary: p,
     secondaryTypographyProps: h,
-    slots: m = {},
+    slots: f = {},
     slotProps: v = {},
     ...g
   } = r, {
-    dense: f
+    dense: m
   } = E.useContext(On);
   let b = d ?? i, A = p;
   const N = {
@@ -20830,9 +20831,9 @@ const Tn = ue("MuiListItemText", ["root", "multiline", "dense", "inset", "primar
     inset: l,
     primary: !!b,
     secondary: !!A,
-    dense: f
+    dense: m
   }, x = zy(N), C = {
-    slots: m,
+    slots: f,
     slotProps: {
       primary: u,
       secondary: h,
@@ -20859,7 +20860,7 @@ const Tn = ue("MuiListItemText", ["root", "multiline", "dense", "inset", "primar
     ownerState: N
   });
   return b != null && b.type !== at && !s && (b = /* @__PURE__ */ c.jsx(z, {
-    variant: f ? "body2" : "body1",
+    variant: m ? "body2" : "body1",
     component: k?.variant ? void 0 : "span",
     ...k,
     children: b
@@ -21086,9 +21087,9 @@ const Jn = ue("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divi
     focusVisibleClassName: u,
     role: p = "menuitem",
     tabIndex: h,
-    className: m,
+    className: f,
     ...v
-  } = r, g = E.useContext(On), f = E.useMemo(() => ({
+  } = r, g = E.useContext(On), m = E.useMemo(() => ({
     dense: s || g.dense || !1,
     disableGutters: d
   }), [g.dense, s, d]), b = E.useRef(null);
@@ -21097,20 +21098,20 @@ const Jn = ue("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divi
   }, [i]);
   const A = {
     ...r,
-    dense: f.dense,
+    dense: m.dense,
     divider: l,
     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, {
-    value: f,
+    value: m,
     children: /* @__PURE__ */ c.jsx(Uy, {
       ref: x,
       role: p,
       tabIndex: C,
       component: a,
       focusVisibleClassName: ae(N.focusVisible, u),
-      className: ae(N.root, m),
+      className: ae(N.root, f),
       ...v,
       ownerState: A,
       classes: N
@@ -21659,7 +21660,7 @@ const rv = {
   getFlagElement: u,
   ...p
 }) => {
-  const h = re.useMemo(() => Uc(a), [a]), m = Hy(Ky, h, {
+  const h = re.useMemo(() => Uc(a), [a]), f = Hy(Ky, h, {
     onlyCountries: i,
     excludedCountries: r,
     continents: s,
@@ -21680,7 +21681,7 @@ const rv = {
         }
       },
       ...p,
-      children: m.map((v) => /* @__PURE__ */ c.jsx(
+      children: f.map((v) => /* @__PURE__ */ c.jsx(
         cv,
         {
           onSelectCountry: n,
@@ -23399,20 +23400,20 @@ function Zi(e, t, n) {
   switch (t.op) {
     case "|":
       for (var d, u = gl(t.args), p; !(p = u()).done; ) {
-        var h = p.value, m = Zi(e, h, n);
-        if (m) {
-          if (m.overflow)
-            return m;
-          if (m.match)
+        var h = p.value, f = Zi(e, h, n);
+        if (f) {
+          if (f.overflow)
+            return f;
+          if (f.match)
             return {
               match: !0,
-              matchedChars: m.matchedChars
+              matchedChars: f.matchedChars
             };
-          if (m.partialMatch)
+          if (f.partialMatch)
             d = !0;
           else
             throw new Error(`Unsupported match result:
-`.concat(JSON.stringify(m, null, 2)));
+`.concat(JSON.stringify(f, null, 2)));
         }
       }
       return d ? {
@@ -23421,8 +23422,8 @@ function Zi(e, t, n) {
       } : void 0;
     case "[]":
       for (var v = gl(t.args), g; !(g = v()).done; ) {
-        var f = g.value;
-        if (e[0] === f)
+        var m = g.value;
+        if (e[0] === m)
           return e.length === 1 ? {
             match: !0,
             matchedChars: e
@@ -23430,7 +23431,7 @@ function Zi(e, t, n) {
             overflow: !0
           } : {
             match: !0,
-            matchedChars: [f]
+            matchedChars: [m]
           };
       }
       return;
@@ -23639,18 +23640,18 @@ var Yi = "9", Dx = 15, Jx = Kr(Yi, Dx), Qx = /[- ]/, Hx = function() {
       if (!(r.length > d.length)) {
         var u = new RegExp("^" + l + "$"), p = r.replace(/\d/g, Yi);
         u.test(p) && (d = p);
-        var h = this.getFormatFormat(t, i), m;
+        var h = this.getFormatFormat(t, i), f;
         if (this.shouldTryNationalPrefixFormattingRule(t, {
           international: i,
           nationalPrefix: a
         })) {
           var v = h.replace(Dc, t.nationalPrefixFormattingRule());
-          if (po(t.nationalPrefixFormattingRule()) === (a || "") + po("$1") && (h = v, m = !0, a))
+          if (po(t.nationalPrefixFormattingRule()) === (a || "") + po("$1") && (h = v, f = !0, a))
             for (var g = a.length; g > 0; )
               h = h.replace(/\d/, ut), g--;
         }
-        var f = d.replace(new RegExp(l), h).replace(new RegExp(Yi, "g"), ut);
-        return m || (s ? f = Kr(ut, s.length) + " " + f : a && (f = Kr(ut, a.length) + this.getSeparatorAfterNationalPrefix(t) + f)), i && (f = Xc(f)), f;
+        var m = d.replace(new RegExp(l), h).replace(new RegExp(Yi, "g"), ut);
+        return f || (s ? m = Kr(ut, s.length) + " " + m : a && (m = Kr(ut, a.length) + this.getSeparatorAfterNationalPrefix(t) + m)), i && (m = Xc(m)), m;
       }
     }
   }, {
@@ -24280,12 +24281,12 @@ function R5({
 }) {
   const d = re.useRef(
     n || null
-  ), u = re.useRef(new Wn(n)), p = re.useRef(null), [h, m] = re.useState(n), [v, g] = re.useState(() => hi({
+  ), u = re.useRef(new Wn(n)), p = re.useRef(null), [h, f] = re.useState(n), [v, g] = re.useState(() => hi({
     initialValue: e,
     defaultCountry: n,
     disableFormatting: s,
     forceCallingCode: l
-  })), [f, b] = re.useState(e), A = (k) => ({
+  })), [m, b] = re.useState(e), A = (k) => ({
     countryCallingCode: u.current.getCallingCode() || null,
     countryCode: u.current.getCountry() || null,
     nationalNumber: u.current.getNationalNumber(),
@@ -24323,7 +24324,7 @@ function R5({
     }
   };
   re.useEffect(() => {
-    if (e !== f) {
+    if (e !== m) {
       b(e);
       const k = hi({
         initialValue: e,
@@ -24335,13 +24336,13 @@ function R5({
     }
   }, [
     e,
-    f,
+    m,
     n,
     l,
     s
   ]), re.useEffect(() => {
     if (n !== h) {
-      m(n), u.current = new Wn(n);
+      f(n), u.current = new Wn(n);
       const { inputValue: k, isoCode: W } = hi({
         initialValue: "",
         defaultCountry: n,
@@ -24401,10 +24402,10 @@ const E5 = "MuiTelInput-TextField", V5 = (e) => {
     value: u = "",
     ref: p,
     slotProps: h,
-    inputRef: m,
+    inputRef: f,
     disabled: v,
     onChange: g,
-    disableDropdown: f,
+    disableDropdown: m,
     disableFormatting: b = !1,
     focusOnSelectCountry: A,
     langOfCountryName: N,
@@ -24436,7 +24437,7 @@ const E5 = "MuiTelInput-TextField", V5 = (e) => {
     continents: x
   }), { openMenu: P, anchorEl: G, anchorRef: O, closeMenu: R } = bv({
     disabled: v,
-    disableDropdown: f
+    disableDropdown: m
   }), { handleDoubleClick: Y, handleCopy: L, handleFocus: j } = vv({
     onDoubleClick: a,
     onCopy: l,
@@ -24458,7 +24459,7 @@ const E5 = "MuiTelInput-TextField", V5 = (e) => {
         value: ne,
         ref: $s([p]),
         onDoubleClick: Y,
-        inputRef: $s([V, m]),
+        inputRef: $s([V, f]),
         className: `${E5} ${T || ""}`,
         onChange: y,
         onBlur: D,
@@ -24480,7 +24481,7 @@ const E5 = "MuiTelInput-TextField", V5 = (e) => {
                 disabled: v,
                 getFlagElement: z,
                 unknownFlagElement: k,
-                disableDropdown: !!f,
+                disableDropdown: !!m,
                 ...W
               }
             ) }),
@@ -24492,7 +24493,7 @@ const E5 = "MuiTelInput-TextField", V5 = (e) => {
         ...F
       }
     ),
-    f ? null : /* @__PURE__ */ c.jsx(
+    m ? null : /* @__PURE__ */ c.jsx(
       gv,
       {
         onlyCountries: n,
@@ -24644,10 +24645,10 @@ function O5({
   error: u,
   helperText: p,
   labelAdornment: h,
-  infoText: m,
+  infoText: f,
   onChange: v,
   multiline: g,
-  minRows: f,
+  minRows: m,
   maxRows: b,
   onDeleteTag: A,
   ...N
@@ -24716,7 +24717,7 @@ function O5({
         type: R,
         value: s,
         error: y,
-        helperText: q || !y && m && /* @__PURE__ */ c.jsxs(U, { display: "flex", alignItems: "center", gap: 2, sx: { mt: 1 }, children: [
+        helperText: q || !y && f && /* @__PURE__ */ c.jsxs(U, { display: "flex", alignItems: "center", gap: 2, sx: { mt: 1 }, children: [
           xe("info", {
             size: 14,
             color: x.palette.grey[700]
@@ -24726,12 +24727,12 @@ function O5({
             {
               variant: "caption",
               sx: { color: x.palette.grey[700] },
-              children: m
+              children: f
             }
           )
         ] }),
         multiline: g,
-        minRows: f,
+        minRows: m,
         maxRows: b,
         onChange: (Y) => {
           v?.(Y), z && (k(!1), F(null));
@@ -24825,7 +24826,7 @@ function s9({
   ctaLabel: u = "AJOUTER",
   maxWidth: p = 400
 }) {
-  const h = qe(), [m, v] = Ie(""), [g, f] = Ie(!1), [b, A] = Ie(!1), [N, x] = Ie(null), [C, S] = Ie(0), [T, z] = Ie(!1), k = Rn(null), W = Rn({}), F = Rn(null), Z = n.length > 0, y = !!t.image, q = !!t.allergens, V = 50, w = T && C > 0, M = (j) => j ? /* @__PURE__ */ c.jsxs(
+  const h = qe(), [f, v] = Ie(""), [g, m] = Ie(!1), [b, A] = Ie(!1), [N, x] = Ie(null), [C, S] = Ie(0), [T, z] = Ie(!1), k = Rn(null), W = Rn({}), F = Rn(null), Z = n.length > 0, y = !!t.image, q = !!t.allergens, V = 50, w = T && C > 0, M = (j) => j ? /* @__PURE__ */ c.jsxs(
     U,
     {
       sx: {
@@ -24924,13 +24925,13 @@ function s9({
       x(j), O(j);
       return;
     }
-    x(null), f(!0);
+    x(null), m(!0);
     try {
-      await d?.(m);
+      await d?.(f);
     } finally {
-      f(!1);
+      m(!1);
     }
-  }, [R, d, O, m]), L = Ot(() => {
+  }, [R, d, O, f]), L = Ot(() => {
     if (!F.current || !k.current) return;
     const j = F.current, B = j.scrollTop;
     let D = !1;
@@ -25019,7 +25020,7 @@ function s9({
             O5({
               label: "Instructions spéciales",
               placeholder: "Entrez vos instructions",
-              value: m,
+              value: f,
               onChange: (j) => v(j.target.value),
               type: "text",
               multiline: !0,
@@ -25254,7 +25255,7 @@ const F5 = ({
                     flex: "1 0 0"
                   },
                   slots: {
-                    stepIcon: (m) => r ? xe(r[u], { size: 20 }) : /* @__PURE__ */ c.jsx(U5, { ...m, colorHex: l })
+                    stepIcon: (f) => r ? xe(r[u], { size: 20 }) : /* @__PURE__ */ c.jsx(U5, { ...f, colorHex: l })
                   },
                   children: !i && /* @__PURE__ */ c.jsx(ee, { variant: "subtitle1", children: d })
                 }
@@ -25279,10 +25280,10 @@ const F5 = ({
   text: u,
   sxButton: p = {},
   menuItemSx: h = {},
-  withoutBorder: m = !1,
+  withoutBorder: f = !1,
   reverse: v = !1,
   textSx: g,
-  descriptionSx: f,
+  descriptionSx: m,
   withDesecription: b = !1,
   renderOpenContent: A,
   renderButtonContent: N,
@@ -25328,10 +25329,10 @@ const F5 = ({
       {
         onClick: () => s ? C?.() : T((V) => !V),
         sx: {
-          border: m ? "none" : 1.5,
+          border: f ? "none" : 1.5,
           borderColor: Z,
           borderRadius: 1,
-          px: m ? 0 : 2,
+          px: f ? 0 : 2,
           py: 2,
           minHeight: 44,
           cursor: s && !C ? "not-allowed" : "pointer",
@@ -25367,7 +25368,7 @@ const F5 = ({
                 {
                   variant: "caption",
                   sx: {
-                    ...f
+                    ...m
                   },
                   children: y?.description
                 }
@@ -25427,7 +25428,7 @@ const F5 = ({
                 disabled: !1,
                 isFavorite: V.isFavorite,
                 textSx: g,
-                descriptionSx: f,
+                descriptionSx: m,
                 withoutDivider: V.value !== a[a.length - 1]?.value,
                 iconSx: V.leftIcon && { pr: 4 }
               }
@@ -25616,7 +25617,7 @@ const F5 = ({
   version: u,
   isRow: p = !0
 }) => {
-  const h = Pe(), [m, v] = E.useState(s), g = [n, r], f = (A) => {
+  const h = Pe(), [f, v] = E.useState(s), g = [n, r], m = (A) => {
     v(A), l?.(A);
   }, b = {
     display: { xs: "none", sm: "block" },
@@ -25658,7 +25659,7 @@ const F5 = ({
             width: { xs: "100%", sm: "auto" },
             mt: { xs: 1.5, md: 0 },
             children: [
-              /* @__PURE__ */ c.jsx(Vl, { lang: m, options: a, onChange: f }),
+              /* @__PURE__ */ c.jsx(Vl, { lang: f, options: a, onChange: m }),
               /* @__PURE__ */ c.jsx(sn, { orientation: "vertical", sx: b }),
               /* @__PURE__ */ c.jsx(kl, { socials: i })
             ]
@@ -25681,7 +25682,7 @@ const F5 = ({
       },
       children: [
         /* @__PURE__ */ c.jsxs(Se, { ...gi, justifyContent: "space-between", children: [
-          /* @__PURE__ */ c.jsx(Vl, { lang: m, options: a, onChange: f }),
+          /* @__PURE__ */ c.jsx(Vl, { lang: f, options: a, onChange: m }),
           /* @__PURE__ */ c.jsx(kl, { socials: i })
         ] }),
         /* @__PURE__ */ c.jsx(Se, { ...gi, children: /* @__PURE__ */ c.jsx(Tl, { links: g }) }),
@@ -25826,13 +25827,13 @@ var De = function(t, n, r) {
     u[l[p]] = !0;
   for (var h = 0; h < d.length; h += 1)
     u[d[h]] = !0;
-  var m = Object.keys(u);
-  if (m.length !== l.length)
+  var f = Object.keys(u);
+  if (f.length !== l.length)
     return !1;
-  var v = t, g = n, f = function(A) {
+  var v = t, g = n, m = function(A) {
     return e(v[A], g[A]);
   };
-  return m.every(f);
+  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]);
@@ -25884,18 +25885,18 @@ var o7 = function(t, n) {
     };
   }), l = tu(s, 2), d = l[0], u = l[1];
   re.useEffect(function() {
-    var m = !0, v = function(f) {
+    var f = !0, v = function(m) {
       u(function(b) {
         return b.stripe ? b : {
-          stripe: f,
-          elements: f.elements(r)
+          stripe: m,
+          elements: m.elements(r)
         };
       });
     };
     return a.tag === "async" && !d.stripe ? a.stripePromise.then(function(g) {
-      g && m && v(g);
+      g && f && v(g);
     }) : a.tag === "sync" && !d.stripe && v(a.stripe), function() {
-      m = !1;
+      f = !1;
     };
   }, [a, d, r]);
   var p = Bi(n);
@@ -25905,8 +25906,8 @@ var o7 = function(t, n) {
   var h = Bi(r);
   return re.useEffect(function() {
     if (d.elements) {
-      var m = nu(r, h, ["clientSecret", "fonts"]);
-      m && d.elements.update(m);
+      var f = nu(r, h, ["clientSecret", "fonts"]);
+      f && d.elements.update(f);
     }
   }, [r, h, d.elements]), re.useEffect(function() {
     r7(d.stripe);
@@ -25937,11 +25938,11 @@ var Wl = function(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }, $e = function(t, n) {
   var r = "".concat(a7(t), "Element"), i = function(d) {
-    var u = d.id, p = d.className, h = d.options, m = h === void 0 ? {} : h, v = d.onBlur, g = d.onFocus, f = d.onReady, b = d.onChange, A = d.onEscape, N = d.onClick, x = d.onLoadError, C = d.onLoaderStart, S = d.onNetworksChange, T = d.onConfirm, z = d.onCancel, k = d.onShippingAddressChange, W = d.onShippingRateChange, F = d.onSavedPaymentMethodRemove, Z = d.onSavedPaymentMethodUpdate, y = Wl("mounts <".concat(r, ">")), q = "elements" in y ? y.elements : null, V = "checkoutState" in y ? y.checkoutState : null, w = V?.type === "success" || V?.type === "loading" ? V.sdk : null, M = re.useState(null), K = tu(M, 2), P = K[0], G = K[1], O = re.useRef(null), R = re.useRef(null);
+    var u = d.id, p = d.className, h = d.options, f = h === void 0 ? {} : h, v = d.onBlur, g = d.onFocus, m = d.onReady, b = d.onChange, A = d.onEscape, N = d.onClick, x = d.onLoadError, C = d.onLoaderStart, S = d.onNetworksChange, T = d.onConfirm, z = d.onCancel, k = d.onShippingAddressChange, W = d.onShippingRateChange, F = d.onSavedPaymentMethodRemove, Z = d.onSavedPaymentMethodUpdate, y = Wl("mounts <".concat(r, ">")), q = "elements" in y ? y.elements : null, V = "checkoutState" in y ? y.checkoutState : null, w = V?.type === "success" || V?.type === "loading" ? V.sdk : null, M = re.useState(null), K = tu(M, 2), P = K[0], G = K[1], O = re.useRef(null), R = re.useRef(null);
     De(P, "blur", v), De(P, "focus", g), De(P, "escape", A), De(P, "click", N), De(P, "loaderror", x), De(P, "loaderstart", C), De(P, "networkschange", S), De(P, "confirm", T), De(P, "cancel", z), De(P, "shippingaddresschange", k), De(P, "shippingratechange", W), De(P, "savedpaymentmethodremove", F), De(P, "savedpaymentmethodupdate", Z), De(P, "change", b);
     var Y;
-    f && (t === "expressCheckout" ? Y = f : Y = function() {
-      f(P);
+    m && (t === "expressCheckout" ? Y = m : Y = function() {
+      m(P);
     }), De(P, "ready", Y), re.useLayoutEffect(function() {
       if (O.current === null && R.current !== null && (q || w)) {
         var j = null;
@@ -25951,11 +25952,11 @@ var Wl = function(t) {
               j = w.createPaymentFormElement();
               break;
             case "payment":
-              j = w.createPaymentElement(m);
+              j = w.createPaymentElement(f);
               break;
             case "address":
-              if ("mode" in m) {
-                var B = m.mode, D = D5(m, i7);
+              if ("mode" in f) {
+                var B = f.mode, D = D5(f, i7);
                 if (B === "shipping")
                   j = w.createShippingAddressElement(D);
                 else if (B === "billing")
@@ -25966,28 +25967,28 @@ var Wl = function(t) {
                 throw new Error("You must supply options.mode. mode must be 'billing' or 'shipping'.");
               break;
             case "expressCheckout":
-              j = w.createExpressCheckoutElement(m);
+              j = w.createExpressCheckoutElement(f);
               break;
             case "currencySelector":
               j = w.createCurrencySelectorElement();
               break;
             case "taxId":
-              j = w.createTaxIdElement(m);
+              j = w.createTaxIdElement(f);
               break;
             default:
               throw new Error("Invalid Element type ".concat(r, ". You must use either the <PaymentElement />, <AddressElement options={{mode: 'shipping'}} />, <AddressElement options={{mode: 'billing'}} />, or <ExpressCheckoutElement />."));
           }
-        else q && (j = q.create(t, m));
+        else q && (j = q.create(t, f));
         O.current = j, G(j), j && j.mount(R.current);
       }
-    }, [q, w, m]);
-    var L = Bi(m);
+    }, [q, w, f]);
+    var L = Bi(f);
     return re.useEffect(function() {
       if (O.current) {
-        var j = nu(m, L, ["paymentRequest"]);
+        var j = nu(f, L, ["paymentRequest"]);
         j && "update" in O.current && O.current.update(j);
       }
-    }, [m, L]), re.useLayoutEffect(function() {
+    }, [f, L]), re.useLayoutEffect(function() {
       return function() {
         if (O.current && typeof O.current.destroy == "function")
           try {
@@ -26281,7 +26282,7 @@ const N7 = S7("pk_test_..."), T7 = ({ disabled: e, onFieldChange: t, stripeStyle
     expiry: { complete: !1, error: null },
     cvc: { complete: !1, error: null },
     single: { complete: !1, error: null }
-  }), m = rn(
+  }), f = rn(
     () => ({
       base: {
         fontSize: "14px",
@@ -26310,9 +26311,9 @@ const N7 = S7("pk_test_..."), T7 = ({ disabled: e, onFieldChange: t, stripeStyle
       };
       t(C);
     }
-  }, g = s ?? (d ? p.number.error || p.expiry.error || p.cvc.error : p.single.error), f = l ?? (d ? p.number.complete && p.expiry.complete && p.cvc.complete && !g : p.single.complete && !g), b = rn(
+  }, g = s ?? (d ? p.number.error || p.expiry.error || p.cvc.error : p.single.error), m = l ?? (d ? p.number.complete && p.expiry.complete && p.cvc.complete && !g : p.single.complete && !g), b = rn(
     () => ({
-      style: m,
+      style: f,
       disabled: n,
       ...r,
       classes: {
@@ -26323,7 +26324,7 @@ const N7 = S7("pk_test_..."), T7 = ({ disabled: e, onFieldChange: t, stripeStyle
         invalid: "StripeElement--invalid"
       }
     }),
-    [m, n, r]
+    [f, n, r]
   );
   return /* @__PURE__ */ c.jsx(ou, { stripe: N7, children: /* @__PURE__ */ c.jsxs(U, { display: "flex", flexDirection: "column", gap: 0.5, className: i, style: a, children: [
     e && /* @__PURE__ */ c.jsx(
@@ -26335,7 +26336,7 @@ const N7 = S7("pk_test_..."), T7 = ({ disabled: e, onFieldChange: t, stripeStyle
         children: e
       }
     ),
-    d ? /* @__PURE__ */ c.jsx(T7, { disabled: n, onFieldChange: v, stripeStyle: m }) : /* @__PURE__ */ c.jsx(Lr, { hasError: !!g, isValid: f, disabled: n, children: /* @__PURE__ */ c.jsx(l7, { options: b, onChange: (A) => v("single", A) }) })
+    d ? /* @__PURE__ */ c.jsx(T7, { disabled: n, onFieldChange: v, stripeStyle: f }) : /* @__PURE__ */ c.jsx(Lr, { hasError: !!g, isValid: m, disabled: n, children: /* @__PURE__ */ c.jsx(l7, { options: b, onChange: (A) => v("single", A) }) })
   ] }) });
 }, R7 = (e) => ({
   fr: 9,
@@ -26358,7 +26359,7 @@ const N7 = S7("pk_test_..."), T7 = ({ disabled: e, onFieldChange: t, stripeStyle
   helperText: d,
   error: u
 }) => {
-  const [p, h] = Ie(!1), [m, v] = Ie(!1), [g, f] = Ie(!1), b = Pe(), A = (T) => {
+  const [p, h] = Ie(!1), [f, v] = Ie(!1), [g, m] = Ie(!1), b = Pe(), A = (T) => {
     const k = T.split(" ").slice(1).join("").replace(/\s/g, ""), W = k.startsWith("0") ? k.slice(1) : k, F = R7(s.toLowerCase());
     return W.length !== F;
   }, N = Ot(
@@ -26375,7 +26376,7 @@ const N7 = S7("pk_test_..."), T7 = ({ disabled: e, onFieldChange: t, stripeStyle
     },
     [n, a, i, s, g]
   ), x = (T) => {
-    f(!0);
+    m(!0);
     const z = A(t);
     h(z), v(!1), i?.(z), r?.(T);
   }, C = g && (u ?? p), S = g && C ? {
@@ -26385,7 +26386,7 @@ const N7 = S7("pk_test_..."), T7 = ({ disabled: e, onFieldChange: t, stripeStyle
       size: 16,
       color: b.palette.error.main
     })
-  } : g && m ? {
+  } : g && f ? {
     text: "Numéro valide",
     color: b.palette.success.main,
     icon: xe("check", {
@@ -26511,10 +26512,10 @@ const N7 = S7("pk_test_..."), T7 = ({ disabled: e, onFieldChange: t, stripeStyle
     loading: u = !1,
     disabled: p = !1,
     focusColor: h,
-    autoFocus: m = !1,
+    autoFocus: f = !1,
     endAdornment: v,
     validateAddress: g = !1,
-    error: f = !1,
+    error: m = !1,
     showLocateIcon: b = !1
   }, A) => {
     const { value: N, setValue: x } = E7(e, t), C = (y) => {
@@ -26532,7 +26533,7 @@ const N7 = S7("pk_test_..."), T7 = ({ disabled: e, onFieldChange: t, stripeStyle
         fullWidth: s,
         focusColor: h,
         disabled: p,
-        error: f,
+        error: m,
         role: "search",
         children: [
           /* @__PURE__ */ c.jsx(jl, { children: /* @__PURE__ */ c.jsx(z, { fontSize: "small" }) }),
@@ -26546,7 +26547,7 @@ const N7 = S7("pk_test_..."), T7 = ({ disabled: e, onFieldChange: t, stripeStyle
               placeholder: i,
               disabled: p,
               size: a,
-              autoFocus: m
+              autoFocus: f
             }
           ),
           /* @__PURE__ */ c.jsxs(jl, { children: [
@@ -26750,19 +26751,19 @@ const Je = ue("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "color
     slots: u = {},
     slotProps: p = {},
     ...h
-  } = r, m = {
+  } = r, f = {
     ...r,
     color: a,
     edge: s,
     size: l
-  }, v = q7(m), g = {
+  }, v = q7(f), g = {
     slots: u,
     slotProps: p
-  }, [f, b] = ge("root", {
+  }, [m, b] = ge("root", {
     className: ae(v.root, i),
     elementType: O7,
     externalForwardedProps: g,
-    ownerState: m,
+    ownerState: f,
     additionalProps: {
       sx: d
     }
@@ -26770,23 +26771,23 @@ const Je = ue("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "color
     className: v.thumb,
     elementType: F7,
     externalForwardedProps: g,
-    ownerState: m
+    ownerState: f
   }), x = /* @__PURE__ */ c.jsx(A, {
     ...N
   }), [C, S] = ge("track", {
     className: v.track,
     elementType: W7,
     externalForwardedProps: g,
-    ownerState: m
+    ownerState: f
   });
-  return /* @__PURE__ */ c.jsxs(f, {
+  return /* @__PURE__ */ c.jsxs(m, {
     ...b,
     children: [/* @__PURE__ */ c.jsx(z7, {
       type: "checkbox",
       icon: x,
       checkedIcon: x,
       ref: n,
-      ownerState: m,
+      ownerState: f,
       ...h,
       classes: {
         ...v,
@@ -26802,13 +26803,13 @@ const Je = ue("MuiSwitch", ["root", "edgeStart", "edgeEnd", "switchBase", "color
       },
       slotProps: {
         ...p.switchBase && {
-          root: typeof p.switchBase == "function" ? p.switchBase(m) : p.switchBase
+          root: typeof p.switchBase == "function" ? p.switchBase(f) : p.switchBase
         },
         input: {
           role: "switch"
         },
         ...p.input && {
-          input: typeof p.input == "function" ? p.input(m) : p.input
+          input: typeof p.input == "function" ? p.input(f) : p.input
         }
       }
     }), /* @__PURE__ */ c.jsx(C, {
@@ -27006,12 +27007,12 @@ const j7 = X((e) => /* @__PURE__ */ c.jsx(cu, { focusVisibleClassName: ".Mui-foc
   selectionMode: a = "single",
   withoutAddressIcon: s = !1
 }) => {
-  const l = qe(), d = n !== void 0, [u, p] = E.useState(r), h = d ? n : u, m = (f) => {
-    const b = a === "single" ? h[0] === f ? [] : [f] : h.includes(f) ? h.filter((A) => A !== f) : [...h, f];
+  const l = qe(), d = n !== void 0, [u, p] = E.useState(r), h = d ? n : u, f = (m) => {
+    const b = a === "single" ? h[0] === m ? [] : [m] : h.includes(m) ? h.filter((A) => A !== m) : [...h, m];
     d || p(b), i?.(b);
-  }, v = a === "single" ? "radio" : "checkbox", g = ({ status: f }) => {
-    if (!f) return null;
-    const b = f === "open";
+  }, v = a === "single" ? "radio" : "checkbox", g = ({ status: m }) => {
+    if (!m) return null;
+    const b = m === "open";
     return /* @__PURE__ */ c.jsx(
       In,
       {
@@ -27038,8 +27039,8 @@ const j7 = X((e) => /* @__PURE__ */ c.jsx(cu, { focusVisibleClassName: ".Mui-foc
     flex: "1 0 0",
     alignSelf: "stretch",
     cursor: "pointer"
-  }, children: t.map((f) => {
-    const b = h.includes(f.id), A = f.status === "open", N = f.disabled || f.status === "closed", x = b ? l.palette.primary.main : l.palette.borderColor, C = b ? Ki(l.palette.success.main, 0.08) : A ? l.palette.background.paper : l.palette.background.default, T = `${b ? 1.5 : 1}px solid ${x}`;
+  }, children: t.map((m) => {
+    const b = h.includes(m.id), A = m.status === "open", N = m.disabled || m.status === "closed", x = b ? l.palette.primary.main : l.palette.borderColor, C = b ? Ki(l.palette.success.main, 0.08) : A ? l.palette.background.paper : l.palette.background.default, T = `${b ? 1.5 : 1}px solid ${x}`;
     return /* @__PURE__ */ c.jsxs(
       U,
       {
@@ -27057,7 +27058,7 @@ const j7 = X((e) => /* @__PURE__ */ c.jsx(cu, { focusVisibleClassName: ".Mui-foc
           cursor: "pointer"
         },
         onClick: () => {
-          N || m(f.id);
+          N || f(m.id);
         },
         children: [
           /* @__PURE__ */ c.jsx(
@@ -27065,8 +27066,8 @@ const j7 = X((e) => /* @__PURE__ */ c.jsx(cu, { focusVisibleClassName: ".Mui-foc
             {
               name: e,
               checked: b,
-              value: f.id,
-              onChange: () => m(f.id),
+              value: m.id,
+              onChange: () => f(m.id),
               disabled: N,
               type: v,
               isCustomInput: !0
@@ -27092,10 +27093,10 @@ const j7 = X((e) => /* @__PURE__ */ c.jsx(cu, { focusVisibleClassName: ".Mui-foc
                   textOverflow: "ellipsis",
                   whiteSpace: "nowrap"
                 },
-                children: f.title
+                children: m.title
               }
             ),
-            f.address && /* @__PURE__ */ c.jsxs(
+            m.address && /* @__PURE__ */ c.jsxs(
               U,
               {
                 sx: {
@@ -27119,7 +27120,7 @@ const j7 = X((e) => /* @__PURE__ */ c.jsx(cu, { focusVisibleClassName: ".Mui-foc
                         minWidth: 0,
                         maxWidth: "100%"
                       },
-                      children: f.address
+                      children: m.address
                     }
                   )
                 ]
@@ -27133,8 +27134,8 @@ const j7 = X((e) => /* @__PURE__ */ c.jsx(cu, { focusVisibleClassName: ".Mui-foc
             alignItems: "flex-end",
             gap: "4px"
           }, children: [
-            f.status && /* @__PURE__ */ c.jsx(U, { sx: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ c.jsx(g, { status: f.status, outlined: f.outlined }) }),
-            f.distanceKm != null && /* @__PURE__ */ c.jsxs(
+            m.status && /* @__PURE__ */ c.jsx(U, { sx: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ c.jsx(g, { status: m.status, outlined: m.outlined }) }),
+            m.distanceKm != null && /* @__PURE__ */ c.jsxs(
               ee,
               {
                 variant: "caption",
@@ -27143,7 +27144,7 @@ const j7 = X((e) => /* @__PURE__ */ c.jsx(cu, { focusVisibleClassName: ".Mui-foc
                   textAlign: "right"
                 },
                 children: [
-                  f.distanceKm,
+                  m.distanceKm,
                   " km"
                 ]
               }
@@ -27165,7 +27166,7 @@ const j7 = X((e) => /* @__PURE__ */ c.jsx(cu, { focusVisibleClassName: ".Mui-foc
   imageName: d,
   width: u
 }) => {
-  const p = qe(), h = n !== void 0, [m, v] = E.useState(r), g = h ? n : m, f = (A) => {
+  const p = qe(), h = n !== void 0, [f, v] = E.useState(r), g = h ? n : f, m = (A) => {
     const N = a === "single" ? g[0] === A ? [] : [A] : g.includes(A) ? g.filter((x) => x !== A) : [...g, A];
     h || v(N), i?.(N);
   }, b = a === "single" ? "radio" : "checkbox";
@@ -27194,7 +27195,7 @@ const j7 = X((e) => /* @__PURE__ */ c.jsx(cu, { focusVisibleClassName: ".Mui-foc
           qu,
           {
             disabled: T,
-            onClick: () => f(A),
+            onClick: () => m(A),
             sx: {
               width: "100%",
               height: "100%",
@@ -27226,7 +27227,7 @@ const j7 = X((e) => /* @__PURE__ */ c.jsx(cu, { focusVisibleClassName: ".Mui-foc
                   name: `${e || "choice"}-rail`,
                   checked: C,
                   value: A,
-                  onChange: () => f(A),
+                  onChange: () => m(A),
                   disabled: T,
                   type: b,
                   customIcon: !0
@@ -27313,7 +27314,7 @@ const kn = {
   ({ layout: e, disabled: t, theme: n }) => {
     const r = e === "horizontal", i = r ? kn.horizontal.image : "100%", a = r ? kn.horizontal.image : kn.vertical.image;
     return {
-      backgroundColor: n.palette.primary.light,
+      backgroundColor: "#F0F0F0",
       width: i,
       height: a,
       objectFit: "cover",
@@ -27393,45 +27394,46 @@ const kn = {
   onQuantityChange: u,
   layout: p,
   withCounter: h = !1,
-  disabled: m = !1,
+  disabled: f = !1,
   onClick: v,
   loading: g = !1,
-  width: f = "100%",
-  imagePosition: b = "left"
+  width: m = "100%",
+  imagePosition: b = "left",
+  forceShowAddButton: A = !1
 }) => {
-  const A = qe(), N = () => {
-    !m && !g && v && v();
-  }, x = Ot(
-    (S) => {
+  const N = qe(), x = () => {
+    !f && !g && v && v();
+  }, C = Ot(
+    (T) => {
       if (!u) return;
-      const T = Math.max(0, d + S);
-      u(T);
+      const z = Math.max(0, d + T);
+      u(z);
     },
     [d, u]
-  ), C = p === "horizontal";
+  ), S = p === "horizontal";
   return /* @__PURE__ */ c.jsxs(
     I7,
     {
       layout: p,
-      disabled: m || g,
-      width: f,
-      onClick: N,
+      disabled: f || g,
+      width: m,
+      onClick: x,
       imagePosition: b,
       children: [
-        (l || h || m) && !g && /* @__PURE__ */ c.jsxs(
+        (l || h || f) && !g && /* @__PURE__ */ c.jsxs(
           K7,
           {
-            isHorizontal: C,
+            isHorizontal: S,
             withCounter: h,
             promoLabel: l,
-            disabled: m,
+            disabled: f,
             imagePosition: b,
             children: [
-              (m || l) && /* @__PURE__ */ c.jsx(
+              (f || l) && /* @__PURE__ */ c.jsx(
                 In,
                 {
-                  label: m ? "Indisponible" : l,
-                  color: m ? "default" : "successLight",
+                  label: f ? "Indisponible" : l,
+                  color: f ? "default" : "successLight",
                   borderRadius: 4
                 }
               ),
@@ -27443,8 +27445,8 @@ const kn = {
           Ue,
           {
             variant: "rectangular",
-            width: C ? kn.horizontal.image : "100%",
-            height: C ? kn.horizontal.image : kn.vertical.image
+            width: S ? kn.horizontal.image : "100%",
+            height: S ? kn.horizontal.image : kn.vertical.image
           }
         ) : /* @__PURE__ */ c.jsx(
           U7,
@@ -27452,11 +27454,11 @@ const kn = {
             src: L7(e),
             alt: t,
             layout: p,
-            disabled: m
+            disabled: f
           }
         ),
         /* @__PURE__ */ c.jsxs(P7, { children: [
-          /* @__PURE__ */ c.jsx(U, { sx: { display: "flex", flexDirection: "column", gap: 1, flex: 1, mb: C ? "none" : 2 }, children: g ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+          /* @__PURE__ */ c.jsx(U, { sx: { display: "flex", flexDirection: "column", gap: 1, flex: 1, mb: S ? "none" : 2 }, children: g ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
             /* @__PURE__ */ c.jsx(Ue, { variant: "text", width: "30%", height: 15 }),
             /* @__PURE__ */ c.jsx(Ue, { variant: "text", width: "90%", height: 10 }),
             /* @__PURE__ */ c.jsx(Ue, { variant: "text", width: "80%", height: 10 })
@@ -27467,7 +27469,7 @@ const kn = {
               {
                 variant: "caption",
                 sx: {
-                  color: A.palette.text.primary,
+                  color: N.palette.text.primary,
                   ...Sn(r)
                 },
                 children: n
@@ -27481,16 +27483,11 @@ const kn = {
           ] })),
           /* @__PURE__ */ c.jsxs(B7, { children: [
             /* @__PURE__ */ c.jsx(U, { sx: { display: "flex", flexDirection: "column" }, children: g ? /* @__PURE__ */ c.jsx(Ue, { variant: "text", width: 50, height: 15 }) : /* @__PURE__ */ c.jsxs(Z7, { children: [
-              a > 0 && /* @__PURE__ */ c.jsxs(ee, { variant: "subtitle2", children: [
-                a.toFixed(2),
-                " €"
-              ] }),
               s && /* @__PURE__ */ c.jsxs(
                 ee,
                 {
                   variant: "subtitle2",
                   sx: {
-                    color: A.palette.success.main,
                     textDecoration: "line-through"
                   },
                   children: [
@@ -27498,15 +27495,27 @@ const kn = {
                     " €"
                   ]
                 }
+              ),
+              a > 0 && /* @__PURE__ */ c.jsxs(
+                ee,
+                {
+                  variant: "subtitle2",
+                  sx: { color: s ? N.palette.success.main : void 0 },
+                  children: [
+                    a.toFixed(2),
+                    " €"
+                  ]
+                }
               )
             ] }) }),
-            !g && u && /* @__PURE__ */ c.jsx(Y7, { onClick: (S) => S.stopPropagation(), children: /* @__PURE__ */ c.jsx(
+            !g && u && /* @__PURE__ */ c.jsx(Y7, { onClick: (T) => T.stopPropagation(), children: /* @__PURE__ */ c.jsx(
               ra,
               {
                 quantity: d ?? 0,
-                onIncrease: m ? void 0 : () => x(1),
-                onDecrease: m ? void 0 : () => x(-1),
-                addDisabled: m
+                onIncrease: f ? void 0 : () => C(1),
+                onDecrease: f ? void 0 : () => C(-1),
+                addDisabled: f,
+                forceShowAddButton: A
               }
             ) })
           ] })