@solostylist/ui-kit 1.0.54 → 1.0.55

package/dist/{createTheme-CyFSna1a.js → createTheme-CozHbEju.js}

@@ -1,9 +1,28 @@
 import * as Lr from "react";
 import { g as rt } from "./_commonjsHelpers-B4e78b8K.js";
+const gr = (e) => e, tt = () => {
+  let e = gr;
+  return {
+    configure(r) {
+      e = r;
+    },
+    generate(r) {
+      return e(r);
+    },
+    reset() {
+      e = gr;
+    }
+  };
+}, nt = tt();
 function de(e, ...r) {
   const t = new URL(`https://mui.com/production-error/?code=${e}`);
   return r.forEach((n) => t.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${t} for the full message.`;
 }
+function Fr(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : de(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
 var ke = { exports: {} }, Ie = { exports: {} }, M = {};
 /** @license React v16.13.1
  * react-is.production.min.js
@@ -13,10 +32,10 @@ var ke = { exports: {} }, Ie = { exports: {} }, M = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var gr;
-function tt() {
-  if (gr) return M;
-  gr = 1;
+var hr;
+function ot() {
+  if (hr) return M;
+  hr = 1;
   var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, E = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, s = e ? Symbol.for("react.block") : 60121, $ = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, K = e ? Symbol.for("react.scope") : 60119;
   function w(h) {
     if (typeof h == "object" && h !== null) {
@@ -88,9 +107,9 @@ var D = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hr;
-function nt() {
-  return hr || (hr = 1, process.env.NODE_ENV !== "production" && function() {
+var yr;
+function it() {
+  return yr || (yr = 1, process.env.NODE_ENV !== "production" && function() {
     var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, d = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, p = e ? Symbol.for("react.suspense") : 60113, m = e ? Symbol.for("react.suspense_list") : 60120, E = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, s = e ? Symbol.for("react.block") : 60121, $ = e ? Symbol.for("react.fundamental") : 60117, x = e ? Symbol.for("react.responder") : 60118, K = e ? Symbol.for("react.scope") : 60119;
     function w(v) {
       return typeof v == "string" || typeof v == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
@@ -171,19 +190,19 @@ function nt() {
     D.AsyncMode = h, D.ConcurrentMode = H, D.ContextConsumer = ee, D.ContextProvider = se, D.Element = Q, D.ForwardRef = i, D.Fragment = C, D.Lazy = B, D.Memo = V, D.Portal = ne, D.Profiler = le, D.StrictMode = oe, D.Suspense = ge, D.isAsyncMode = Qe, D.isConcurrentMode = g, D.isContextConsumer = S, D.isContextProvider = P, D.isElement = _, D.isForwardRef = O, D.isFragment = k, D.isLazy = A, D.isMemo = R, D.isPortal = I, D.isProfiler = j, D.isStrictMode = N, D.isSuspense = X, D.isValidElementType = w, D.typeOf = T;
   }()), D;
 }
-var yr;
-function Fr() {
-  return yr || (yr = 1, process.env.NODE_ENV === "production" ? Ie.exports = tt() : Ie.exports = nt()), Ie.exports;
+var br;
+function Wr() {
+  return br || (br = 1, process.env.NODE_ENV === "production" ? Ie.exports = ot() : Ie.exports = it()), Ie.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var Xe, br;
-function ot() {
-  if (br) return Xe;
-  br = 1;
+var Xe, vr;
+function at() {
+  if (vr) return Xe;
+  vr = 1;
   var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
   function n(a) {
     if (a == null)
@@ -226,25 +245,25 @@ function ot() {
     return f;
   }, Xe;
 }
-var Je, vr;
+var Je, Sr;
 function sr() {
-  if (vr) return Je;
-  vr = 1;
+  if (Sr) return Je;
+  Sr = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return Je = e, Je;
 }
-var Ze, Sr;
-function Wr() {
-  return Sr || (Sr = 1, Ze = Function.call.bind(Object.prototype.hasOwnProperty)), Ze;
+var Ze, Er;
+function Yr() {
+  return Er || (Er = 1, Ze = Function.call.bind(Object.prototype.hasOwnProperty)), Ze;
 }
-var er, Er;
-function it() {
-  if (Er) return er;
-  Er = 1;
+var er, Cr;
+function st() {
+  if (Cr) return er;
+  Cr = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var r = /* @__PURE__ */ sr(), t = {}, n = /* @__PURE__ */ Wr();
+    var r = /* @__PURE__ */ sr(), t = {}, n = /* @__PURE__ */ Yr();
     e = function(a) {
       var c = "Warning: " + a;
       typeof console < "u" && console.error(c);
@@ -286,11 +305,11 @@ function it() {
     process.env.NODE_ENV !== "production" && (t = {});
   }, er = o, er;
 }
-var rr, Cr;
-function at() {
-  if (Cr) return rr;
-  Cr = 1;
-  var e = Fr(), r = ot(), t = /* @__PURE__ */ sr(), n = /* @__PURE__ */ Wr(), o = /* @__PURE__ */ it(), a = function() {
+var rr, Tr;
+function ct() {
+  if (Tr) return rr;
+  Tr = 1;
+  var e = Wr(), r = at(), t = /* @__PURE__ */ sr(), n = /* @__PURE__ */ Yr(), o = /* @__PURE__ */ st(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(u) {
     var f = "Warning: " + u;
@@ -607,10 +626,10 @@ Valid keys: ` + JSON.stringify(Object.keys(g), null, "  ")
     return E.checkPropTypes = o, E.resetWarningCache = o.resetWarningCache, E.PropTypes = E, E;
   }, rr;
 }
-var tr, Tr;
-function st() {
-  if (Tr) return tr;
-  Tr = 1;
+var tr, $r;
+function ut() {
+  if ($r) return tr;
+  $r = 1;
   var e = /* @__PURE__ */ sr();
   function r() {
   }
@@ -655,18 +674,18 @@ function st() {
     return a.PropTypes = a, a;
   }, tr;
 }
-var $r;
-function ct() {
-  if ($r) return ke.exports;
-  if ($r = 1, process.env.NODE_ENV !== "production") {
-    var e = Fr(), r = !0;
-    ke.exports = /* @__PURE__ */ at()(e.isElement, r);
+var wr;
+function lt() {
+  if (wr) return ke.exports;
+  if (wr = 1, process.env.NODE_ENV !== "production") {
+    var e = Wr(), r = !0;
+    ke.exports = /* @__PURE__ */ ct()(e.isElement, r);
   } else
-    ke.exports = /* @__PURE__ */ st()();
+    ke.exports = /* @__PURE__ */ ut()();
   return ke.exports;
 }
-var ut = /* @__PURE__ */ ct();
-const Ce = /* @__PURE__ */ rt(ut);
+var ft = /* @__PURE__ */ lt();
+const Ce = /* @__PURE__ */ rt(ft);
 var Ne = { exports: {} }, L = {};
 /**
  * @license React
@@ -677,10 +696,10 @@ var Ne = { exports: {} }, L = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var wr;
-function lt() {
-  if (wr) return L;
-  wr = 1;
+var Or;
+function dt() {
+  if (Or) return L;
+  Or = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), m = Symbol.for("react.view_transition"), E = Symbol.for("react.client.reference");
   function b(s) {
     if (typeof s == "object" && s !== null) {
@@ -751,9 +770,9 @@ var F = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Or;
-function ft() {
-  return Or || (Or = 1, process.env.NODE_ENV !== "production" && function() {
+var xr;
+function pt() {
+  return xr || (xr = 1, process.env.NODE_ENV !== "production" && function() {
     function e(s) {
       if (typeof s == "object" && s !== null) {
         var $ = s.$$typeof;
@@ -815,23 +834,23 @@ function ft() {
     }, F.typeOf = e;
   }()), F;
 }
-var xr;
-function dt() {
-  return xr || (xr = 1, process.env.NODE_ENV === "production" ? Ne.exports = /* @__PURE__ */ lt() : Ne.exports = /* @__PURE__ */ ft()), Ne.exports;
+var Ar;
+function mt() {
+  return Ar || (Ar = 1, process.env.NODE_ENV === "production" ? Ne.exports = /* @__PURE__ */ dt() : Ne.exports = /* @__PURE__ */ pt()), Ne.exports;
 }
-var Yr = /* @__PURE__ */ dt();
+var Ur = /* @__PURE__ */ mt();
 function fe(e) {
   if (typeof e != "object" || e === null)
     return !1;
   const r = Object.getPrototypeOf(e);
   return (r === null || r === Object.prototype || Object.getPrototypeOf(r) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
 }
-function Ur(e) {
-  if (/* @__PURE__ */ Lr.isValidElement(e) || Yr.isValidElementType(e) || !fe(e))
+function Vr(e) {
+  if (/* @__PURE__ */ Lr.isValidElement(e) || Ur.isValidElementType(e) || !fe(e))
     return e;
   const r = {};
   return Object.keys(e).forEach((t) => {
-    r[t] = Ur(e[t]);
+    r[t] = Vr(e[t]);
   }), r;
 }
 function J(e, r, t = {
@@ -841,69 +860,17 @@ function J(e, r, t = {
     ...e
   } : e;
   return fe(e) && fe(r) && Object.keys(r).forEach((o) => {
-    /* @__PURE__ */ Lr.isValidElement(r[o]) || Yr.isValidElementType(r[o]) ? n[o] = r[o] : fe(r[o]) && // Avoid prototype pollution
-    Object.prototype.hasOwnProperty.call(e, o) && fe(e[o]) ? n[o] = J(e[o], r[o], t) : t.clone ? n[o] = fe(r[o]) ? Ur(r[o]) : r[o] : n[o] = r[o];
+    /* @__PURE__ */ Lr.isValidElement(r[o]) || Ur.isValidElementType(r[o]) ? n[o] = r[o] : fe(r[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && fe(e[o]) ? n[o] = J(e[o], r[o], t) : t.clone ? n[o] = fe(r[o]) ? Vr(r[o]) : r[o] : n[o] = r[o];
   }), n;
 }
-const pt = (e) => {
-  const r = Object.keys(e).map((t) => ({
-    key: t,
-    val: e[t]
-  })) || [];
-  return r.sort((t, n) => t.val - n.val), r.reduce((t, n) => ({
-    ...t,
-    [n.key]: n.val
-  }), {});
-};
-function mt(e) {
-  const {
-    // The breakpoint **start** at this value.
-    // For instance with the first breakpoint xs: [xs, sm).
-    values: r = {
-      xs: 0,
-      // phone
-      sm: 600,
-      // tablet
-      md: 900,
-      // small laptop
-      lg: 1200,
-      // desktop
-      xl: 1536
-      // large screen
-    },
-    unit: t = "px",
-    step: n = 5,
-    ...o
-  } = e, a = pt(r), c = Object.keys(a);
-  function u(m) {
-    return `@media (min-width:${typeof r[m] == "number" ? r[m] : m}${t})`;
-  }
-  function f(m) {
-    return `@media (max-width:${(typeof r[m] == "number" ? r[m] : m) - n / 100}${t})`;
-  }
-  function d(m, E) {
-    const b = c.indexOf(E);
-    return `@media (min-width:${typeof r[m] == "number" ? r[m] : m}${t}) and (max-width:${(b !== -1 && typeof r[c[b]] == "number" ? r[c[b]] : E) - n / 100}${t})`;
-  }
-  function y(m) {
-    return c.indexOf(m) + 1 < c.length ? d(m, c[c.indexOf(m) + 1]) : u(m);
-  }
-  function p(m) {
-    const E = c.indexOf(m);
-    return E === 0 ? u(c[1]) : E === c.length - 1 ? f(c[E]) : d(m, c[c.indexOf(m) + 1]).replace("@media", "@media not all and");
-  }
-  return {
-    keys: c,
-    values: a,
-    up: u,
-    down: f,
-    between: d,
-    only: y,
-    not: p,
-    unit: t,
-    ...o
-  };
+function Oe(e, r) {
+  return r ? J(e, r, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
 }
+const me = process.env.NODE_ENV !== "production" ? Ce.oneOfType([Ce.number, Ce.string, Ce.object, Ce.array]) : {};
 function gt(e, r) {
   if (!e.containerQueries)
     return r;
@@ -947,15 +914,6 @@ function bt(e) {
     containerQueries: o
   };
 }
-const vt = {
-  borderRadius: 4
-}, me = process.env.NODE_ENV !== "production" ? Ce.oneOfType([Ce.number, Ce.string, Ce.object, Ce.array]) : {};
-function Oe(e, r) {
-  return r ? J(e, r, {
-    clone: !1
-    // No need to clone deep, it's way faster.
-  }) : e;
-}
 const je = {
   xs: 0,
   // phone
@@ -967,12 +925,12 @@ const je = {
   // desktop
   xl: 1536
   // large screen
-}, Ar = {
+}, _r = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.
   keys: ["xs", "sm", "md", "lg", "xl"],
   up: (e) => `@media (min-width:${je[e]}px)`
-}, St = {
+}, vt = {
   containerQueries: (e) => ({
     up: (r) => {
       let t = typeof r == "number" ? r : je[r] || r;
@@ -983,14 +941,14 @@ const je = {
 function ue(e, r, t) {
   const n = e.theme || {};
   if (Array.isArray(r)) {
-    const a = n.breakpoints || Ar;
+    const a = n.breakpoints || _r;
     return r.reduce((c, u, f) => (c[a.up(a.keys[f])] = t(r[f]), c), {});
   }
   if (typeof r == "object") {
-    const a = n.breakpoints || Ar;
+    const a = n.breakpoints || _r;
     return Object.keys(r).reduce((c, u) => {
       if (ht(a.keys, u)) {
-        const f = yt(n.containerQueries ? n : St, u);
+        const f = yt(n.containerQueries ? n : vt, u);
         f && (c[f] = t(r[u], u));
       } else if (Object.keys(a.values || je).includes(u)) {
         const f = a.up(u);
@@ -1004,24 +962,24 @@ function ue(e, r, t) {
   }
   return t(r);
 }
-function Vr(e = {}) {
+function zr(e = {}) {
   var t;
   return ((t = e.keys) == null ? void 0 : t.reduce((n, o) => {
     const a = e.up(o);
     return n[a] = {}, n;
   }, {})) || {};
 }
-function zr(e, r) {
+function qr(e, r) {
   return e.reduce((t, n) => {
     const o = t[n];
     return (!o || Object.keys(o).length === 0) && delete t[n], t;
   }, r);
 }
 function oo(e, ...r) {
-  const t = Vr(e), n = [t, ...r].reduce((o, a) => J(o, a), {});
-  return zr(Object.keys(t), n);
+  const t = zr(e), n = [t, ...r].reduce((o, a) => J(o, a), {});
+  return qr(Object.keys(t), n);
 }
-function Et(e, r) {
+function St(e, r) {
   if (typeof e != "object")
     return {};
   const t = {}, n = Object.keys(r);
@@ -1036,17 +994,12 @@ function io({
   breakpoints: r,
   base: t
 }) {
-  const n = t || Et(e, r), o = Object.keys(n);
+  const n = t || St(e, r), o = Object.keys(n);
   if (o.length === 0)
     return e;
   let a;
   return o.reduce((c, u, f) => (Array.isArray(e) ? (c[u] = e[f] != null ? e[f] : e[a], a = f) : typeof e == "object" ? (c[u] = e[u] != null ? e[u] : e[a], a = u) : c[u] = e, c), {});
 }
-function qr(e) {
-  if (typeof e != "string")
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : de(7));
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}
 function Le(e, r, t = !0) {
   if (!r || typeof r != "string")
     return null;
@@ -1073,7 +1026,7 @@ function G(e) {
     const u = c[r], f = c.theme, d = Le(f, n) || {};
     return ue(c, u, (p) => {
       let m = De(d, o, p);
-      return p === m && typeof p == "string" && (m = De(d, o, `${r}${p === "default" ? "" : qr(p)}`, p)), t === !1 ? m : {
+      return p === m && typeof p == "string" && (m = De(d, o, `${r}${p === "default" ? "" : Fr(p)}`, p)), t === !1 ? m : {
         [t]: m
       };
     });
@@ -1082,34 +1035,34 @@ function G(e) {
     [r]: me
   } : {}, a.filterProps = [r], a;
 }
-function Ct(e) {
+function Et(e) {
   const r = {};
   return (t) => (r[t] === void 0 && (r[t] = e(t)), r[t]);
 }
-const Tt = {
+const Ct = {
   m: "margin",
   p: "padding"
-}, $t = {
+}, Tt = {
   t: "Top",
   r: "Right",
   b: "Bottom",
   l: "Left",
   x: ["Left", "Right"],
   y: ["Top", "Bottom"]
-}, _r = {
+}, Rr = {
   marginX: "mx",
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
-}, wt = Ct((e) => {
+}, $t = Et((e) => {
   if (e.length > 2)
-    if (_r[e])
-      e = _r[e];
+    if (Rr[e])
+      e = Rr[e];
     else
       return [e];
-  const [r, t] = e.split(""), n = Tt[r], o = $t[t] || "";
+  const [r, t] = e.split(""), n = Ct[r], o = Tt[t] || "";
   return Array.isArray(o) ? o.map((a) => n + a) : [n + o];
-}), Fe = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], We = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Ot = [...Fe, ...We];
+}), Fe = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], We = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], wt = [...Fe, ...We];
 function Ae(e, r, t, n) {
   const o = Le(e, r, !0) ?? t;
   return typeof o == "number" || typeof o == "string" ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && typeof a != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${a}.`), typeof o == "string" ? o.startsWith("var(") && a === 0 ? 0 : o.startsWith("var(") && a === 1 ? o : `calc(${a} * ${o})` : o * a) : Array.isArray(o) ? (a) => {
@@ -1131,18 +1084,18 @@ function cr(e) {
 function _e(e, r) {
   return typeof r == "string" || r == null ? r : e(r);
 }
-function xt(e, r) {
+function Ot(e, r) {
   return (t) => e.reduce((n, o) => (n[o] = _e(r, t), n), {});
 }
-function At(e, r, t, n) {
+function xt(e, r, t, n) {
   if (!r.includes(t))
     return null;
-  const o = wt(t), a = xt(o, n), c = e[t];
+  const o = $t(t), a = Ot(o, n), c = e[t];
   return ue(e, c, a);
 }
 function Gr(e, r) {
   const t = cr(e.theme);
-  return Object.keys(e).map((n) => At(e, r, n, t)).reduce(Oe, {});
+  return Object.keys(e).map((n) => xt(e, r, n, t)).reduce(Oe, {});
 }
 function z(e) {
   return Gr(e, Fe);
@@ -1154,18 +1107,7 @@ function q(e) {
 }
 q.propTypes = process.env.NODE_ENV !== "production" ? We.reduce((e, r) => (e[r] = me, e), {}) : {};
 q.filterProps = We;
-process.env.NODE_ENV !== "production" && Ot.reduce((e, r) => (e[r] = me, e), {});
-function Kr(e = 8, r = cr({
-  spacing: e
-})) {
-  if (e.mui)
-    return e;
-  const t = (...n) => (process.env.NODE_ENV !== "production" && (n.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${n.length}`)), (n.length === 0 ? [1] : n).map((a) => {
-    const c = r(a);
-    return typeof c == "number" ? `${c}px` : c;
-  }).join(" "));
-  return t.mui = !0, t;
-}
+process.env.NODE_ENV !== "production" && wt.reduce((e, r) => (e[r] = me, e), {});
 function Ye(...e) {
   const r = e.reduce((n, o) => (o.filterProps.forEach((a) => {
     n[a] = o;
@@ -1182,7 +1124,7 @@ function te(e, r) {
     transform: r
   });
 }
-const _t = te("border", re), Rt = te("borderTop", re), Pt = te("borderRight", re), kt = te("borderBottom", re), It = te("borderLeft", re), Nt = te("borderColor"), Bt = te("borderTopColor"), Mt = te("borderRightColor"), Dt = te("borderBottomColor"), jt = te("borderLeftColor"), Lt = te("outline", re), Ft = te("outlineColor"), Ue = (e) => {
+const At = te("border", re), _t = te("borderTop", re), Rt = te("borderRight", re), Pt = te("borderBottom", re), kt = te("borderLeft", re), It = te("borderColor"), Nt = te("borderTopColor"), Bt = te("borderRightColor"), Mt = te("borderBottomColor"), Dt = te("borderLeftColor"), jt = te("outline", re), Lt = te("outlineColor"), Ue = (e) => {
   if (e.borderRadius !== void 0 && e.borderRadius !== null) {
     const r = Ae(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
       borderRadius: _e(r, n)
@@ -1195,7 +1137,7 @@ Ue.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: me
 } : {};
 Ue.filterProps = ["borderRadius"];
-Ye(_t, Rt, Pt, kt, It, Nt, Bt, Mt, Dt, jt, Ue, Lt, Ft);
+Ye(At, _t, Rt, Pt, kt, It, Nt, Bt, Mt, Dt, Ue, jt, Lt);
 const Ve = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const r = Ae(e.theme, "spacing", 8, "gap"), t = (n) => ({
@@ -1235,48 +1177,48 @@ qe.propTypes = process.env.NODE_ENV !== "production" ? {
   rowGap: me
 } : {};
 qe.filterProps = ["rowGap"];
-const Wt = G({
+const Ft = G({
   prop: "gridColumn"
-}), Yt = G({
+}), Wt = G({
   prop: "gridRow"
-}), Ut = G({
+}), Yt = G({
   prop: "gridAutoFlow"
-}), Vt = G({
+}), Ut = G({
   prop: "gridAutoColumns"
-}), zt = G({
+}), Vt = G({
   prop: "gridAutoRows"
-}), qt = G({
+}), zt = G({
   prop: "gridTemplateColumns"
-}), Gt = G({
+}), qt = G({
   prop: "gridTemplateRows"
-}), Kt = G({
+}), Gt = G({
   prop: "gridTemplateAreas"
-}), Ht = G({
+}), Kt = G({
   prop: "gridArea"
 });
-Ye(Ve, ze, qe, Wt, Yt, Ut, Vt, zt, qt, Gt, Kt, Ht);
+Ye(Ve, ze, qe, Ft, Wt, Yt, Ut, Vt, zt, qt, Gt, Kt);
 function Ee(e, r) {
   return r === "grey" ? r : e;
 }
-const Qt = G({
+const Ht = G({
   prop: "color",
   themeKey: "palette",
   transform: Ee
-}), Xt = G({
+}), Qt = G({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
   transform: Ee
-}), Jt = G({
+}), Xt = G({
   prop: "backgroundColor",
   themeKey: "palette",
   transform: Ee
 });
-Ye(Qt, Xt, Jt);
+Ye(Ht, Qt, Xt);
 function Z(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const Zt = G({
+const Jt = G({
   prop: "width",
   transform: Z
 }), ur = (e) => {
@@ -1297,16 +1239,16 @@ const Zt = G({
   return null;
 };
 ur.filterProps = ["maxWidth"];
-const en = G({
+const Zt = G({
   prop: "minWidth",
   transform: Z
-}), rn = G({
+}), en = G({
   prop: "height",
   transform: Z
-}), tn = G({
+}), rn = G({
   prop: "maxHeight",
   transform: Z
-}), nn = G({
+}), tn = G({
   prop: "minHeight",
   transform: Z
 });
@@ -1320,10 +1262,10 @@ G({
   cssProperty: "height",
   transform: Z
 });
-const on = G({
+const nn = G({
   prop: "boxSizing"
 });
-Ye(Zt, ur, en, rn, tn, nn, on);
+Ye(Jt, ur, Zt, en, rn, tn, nn);
 const Ge = {
   // borders
   border: {
@@ -1612,14 +1554,14 @@ const Ge = {
     themeKey: "typography"
   }
 };
-function an(...e) {
+function on(...e) {
   const r = e.reduce((n, o) => n.concat(Object.keys(o)), []), t = new Set(r);
   return e.every((n) => t.size === Object.keys(n).length);
 }
-function sn(e, r) {
+function an(e, r) {
   return typeof e == "function" ? e(r) : e;
 }
-function cn() {
+function sn() {
   function e(t, n, o, a) {
     const c = {
       [t]: n,
@@ -1644,7 +1586,7 @@ function cn() {
     const m = Le(o, d) || {};
     return p ? p(c) : ue(c, n, (b) => {
       let s = De(m, y, b);
-      return b === s && typeof b == "string" && (s = De(m, y, `${t}${b === "default" ? "" : qr(b)}`, b)), f === !1 ? s : {
+      return b === s && typeof b == "string" && (s = De(m, y, `${t}${b === "default" ? "" : Fr(b)}`, b)), f === !1 ? s : {
         [f]: s
       };
     });
@@ -1665,10 +1607,10 @@ function cn() {
         return u;
       if (!f)
         return null;
-      const d = Vr(o.breakpoints), y = Object.keys(d);
+      const d = zr(o.breakpoints), y = Object.keys(d);
       let p = d;
       return Object.keys(f).forEach((m) => {
-        const E = sn(f[m], o);
+        const E = an(f[m], o);
         if (E != null)
           if (typeof E == "object")
             if (a[m])
@@ -1679,22 +1621,95 @@ function cn() {
               }, E, (s) => ({
                 [m]: s
               }));
-              an(b, E) ? p[m] = r({
+              on(b, E) ? p[m] = r({
                 sx: E,
                 theme: o
               }) : p = Oe(p, b);
             }
           else
             p = Oe(p, e(m, E, o, a));
-      }), gt(o, zr(y, p));
+      }), gt(o, qr(y, p));
     }
     return Array.isArray(n) ? n.map(c) : c(n);
   }
   return r;
 }
-const Ke = cn();
+const Ke = sn();
 Ke.filterProps = ["sx"];
-function un(e, r) {
+const cn = (e) => {
+  const r = Object.keys(e).map((t) => ({
+    key: t,
+    val: e[t]
+  })) || [];
+  return r.sort((t, n) => t.val - n.val), r.reduce((t, n) => ({
+    ...t,
+    [n.key]: n.val
+  }), {});
+};
+function un(e) {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values: r = {
+      xs: 0,
+      // phone
+      sm: 600,
+      // tablet
+      md: 900,
+      // small laptop
+      lg: 1200,
+      // desktop
+      xl: 1536
+      // large screen
+    },
+    unit: t = "px",
+    step: n = 5,
+    ...o
+  } = e, a = cn(r), c = Object.keys(a);
+  function u(m) {
+    return `@media (min-width:${typeof r[m] == "number" ? r[m] : m}${t})`;
+  }
+  function f(m) {
+    return `@media (max-width:${(typeof r[m] == "number" ? r[m] : m) - n / 100}${t})`;
+  }
+  function d(m, E) {
+    const b = c.indexOf(E);
+    return `@media (min-width:${typeof r[m] == "number" ? r[m] : m}${t}) and (max-width:${(b !== -1 && typeof r[c[b]] == "number" ? r[c[b]] : E) - n / 100}${t})`;
+  }
+  function y(m) {
+    return c.indexOf(m) + 1 < c.length ? d(m, c[c.indexOf(m) + 1]) : u(m);
+  }
+  function p(m) {
+    const E = c.indexOf(m);
+    return E === 0 ? u(c[1]) : E === c.length - 1 ? f(c[E]) : d(m, c[c.indexOf(m) + 1]).replace("@media", "@media not all and");
+  }
+  return {
+    keys: c,
+    values: a,
+    up: u,
+    down: f,
+    between: d,
+    only: y,
+    not: p,
+    unit: t,
+    ...o
+  };
+}
+const ln = {
+  borderRadius: 4
+};
+function Kr(e = 8, r = cr({
+  spacing: e
+})) {
+  if (e.mui)
+    return e;
+  const t = (...n) => (process.env.NODE_ENV !== "production" && (n.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${n.length}`)), (n.length === 0 ? [1] : n).map((a) => {
+    const c = r(a);
+    return typeof c == "number" ? `${c}px` : c;
+  }).join(" "));
+  return t.mui = !0, t;
+}
+function fn(e, r) {
   var n;
   const t = this;
   if (t.vars) {
@@ -1707,14 +1722,14 @@ function un(e, r) {
   }
   return t.palette.mode === e ? r : {};
 }
-function ln(e = {}, ...r) {
+function dn(e = {}, ...r) {
   const {
     breakpoints: t = {},
     palette: n = {},
     spacing: o,
     shape: a = {},
     ...c
-  } = e, u = mt(t), f = Kr(o);
+  } = e, u = un(t), f = Kr(o);
   let d = J({
     breakpoints: u,
     direction: "ltr",
@@ -1726,11 +1741,11 @@ function ln(e = {}, ...r) {
     },
     spacing: f,
     shape: {
-      ...vt,
+      ...ln,
       ...a
     }
   }, c);
-  return d = bt(d), d.applyStyles = un, d = r.reduce((y, p) => J(y, p), d), d.unstable_sxConfig = {
+  return d = bt(d), d.applyStyles = fn, d = r.reduce((y, p) => J(y, p), d), d.unstable_sxConfig = {
     ...Ge,
     ...c == null ? void 0 : c.unstable_sxConfig
   }, d.unstable_sx = function(p) {
@@ -1740,20 +1755,7 @@ function ln(e = {}, ...r) {
     });
   }, d;
 }
-const Rr = (e) => e, fn = () => {
-  let e = Rr;
-  return {
-    configure(r) {
-      e = r;
-    },
-    generate(r) {
-      return e(r);
-    },
-    reset() {
-      e = Rr;
-    }
-  };
-}, dn = fn(), pn = {
+const pn = {
   active: "active",
   checked: "checked",
   completed: "completed",
@@ -1769,7 +1771,7 @@ const Rr = (e) => e, fn = () => {
 };
 function mn(e, r, t = "Mui") {
   const n = pn[r];
-  return n ? `${t}-${n}` : `${dn.generate(e)}-${r}`;
+  return n ? `${t}-${n}` : `${nt.generate(e)}-${r}`;
 }
 function gn(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
   return Math.max(r, Math.min(e, t));
@@ -2580,7 +2582,7 @@ function ar(e = {}, ...r) {
   // `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
   e.generateThemeVars === void 0)
     throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : de(20));
-  const y = pr(a), p = ln(e);
+  const y = pr(a), p = dn(e);
   let m = J(p, {
     mixins: Nn(p.breakpoints, n),
     palette: y,
@@ -2906,20 +2908,20 @@ function ao(e = {}, ...r) {
   }, ...r);
 }
 export {
-  dn as C,
+  nt as C,
   Ce as P,
   bn as a,
   ao as b,
-  qr as c,
+  Fr as c,
   Ge as d,
-  ln as e,
+  dn as e,
   cr as f,
   mn as g,
   ue as h,
   fe as i,
   J as j,
   _e as k,
-  Yr as l,
+  Ur as l,
   oo as m,
   dr as n,
   fr as o,