@solostylist/ui-kit 1.0.19 → 1.0.21

package/dist/{createTheme-Hc7RjLJ8.js → createTheme-DkVAXJiq.js}

@@ -4,6 +4,11 @@ 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
@@ -172,7 +177,7 @@ function nt() {
   }()), D;
 }
 var yr;
-function Fr() {
+function Wr() {
   return yr || (yr = 1, process.env.NODE_ENV === "production" ? Ie.exports = tt() : Ie.exports = nt()), Ie.exports;
 }
 /*
@@ -234,7 +239,7 @@ function sr() {
   return Je = e, Je;
 }
 var Ze, Sr;
-function Wr() {
+function Yr() {
   return Sr || (Sr = 1, Ze = Function.call.bind(Object.prototype.hasOwnProperty)), Ze;
 }
 var er, Er;
@@ -244,7 +249,7 @@ function it() {
   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);
@@ -290,7 +295,7 @@ 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 e = Wr(), r = ot(), t = /* @__PURE__ */ sr(), n = /* @__PURE__ */ Yr(), o = /* @__PURE__ */ it(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(u) {
     var f = "Warning: " + u;
@@ -659,7 +664,7 @@ var $r;
 function ct() {
   if ($r) return ke.exports;
   if ($r = 1, process.env.NODE_ENV !== "production") {
-    var e = Fr(), r = !0;
+    var e = Wr(), r = !0;
     ke.exports = /* @__PURE__ */ at()(e.isElement, r);
   } else
     ke.exports = /* @__PURE__ */ st()();
@@ -819,19 +824,19 @@ var xr;
 function dt() {
   return xr || (xr = 1, process.env.NODE_ENV === "production" ? Ne.exports = /* @__PURE__ */ lt() : Ne.exports = /* @__PURE__ */ ft()), Ne.exports;
 }
-var Yr = /* @__PURE__ */ dt();
+var Ur = /* @__PURE__ */ dt();
 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,70 +846,18 @@ 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;
 }
-function gt(e, r) {
+const me = process.env.NODE_ENV !== "production" ? Ce.oneOfType([Ce.number, Ce.string, Ce.object, Ce.array]) : {};
+function pt(e, r) {
   if (!e.containerQueries)
     return r;
   const t = Object.keys(r).filter((n) => n.startsWith("@container")).sort((n, o) => {
@@ -919,10 +872,10 @@ function gt(e, r) {
     ...r
   }) : r;
 }
-function ht(e, r) {
+function mt(e, r) {
   return r === "@" || r.startsWith("@") && (e.some((t) => r.startsWith(`@${t}`)) || !!r.match(/^@\d/));
 }
-function yt(e, r) {
+function gt(e, r) {
   const t = r.match(/^@([^/]+)?\/?(.+)?$/);
   if (!t) {
     if (process.env.NODE_ENV !== "production")
@@ -933,7 +886,7 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : de(18, `(${r})`));
   const [, n, o] = t, a = Number.isNaN(+n) ? n || 0 : +n;
   return e.containerQueries(o).up(a);
 }
-function bt(e) {
+function ht(e) {
   const r = (a, c) => a.replace("@media", c ? `@container ${c}` : "@container");
   function t(a, c) {
     a.up = (...u) => r(e.breakpoints.up(...u), c), a.down = (...u) => r(e.breakpoints.down(...u), c), a.between = (...u) => r(e.breakpoints.between(...u), c), a.only = (...u) => r(e.breakpoints.only(...u), c), a.not = (...u) => {
@@ -947,15 +900,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
@@ -972,7 +916,7 @@ const je = {
   // 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 = {
+}, yt = {
   containerQueries: (e) => ({
     up: (r) => {
       let t = typeof r == "number" ? r : je[r] || r;
@@ -989,8 +933,8 @@ function ue(e, r, t) {
   if (typeof r == "object") {
     const a = n.breakpoints || Ar;
     return Object.keys(r).reduce((c, u) => {
-      if (ht(a.keys, u)) {
-        const f = yt(n.containerQueries ? n : St, u);
+      if (mt(a.keys, u)) {
+        const f = gt(n.containerQueries ? n : yt, u);
         f && (c[f] = t(r[u], u));
       } else if (Object.keys(a.values || je).includes(u)) {
         const f = a.up(u);
@@ -1004,24 +948,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 bt(e, r) {
   if (typeof e != "object")
     return {};
   const t = {}, n = Object.keys(r);
@@ -1036,17 +980,12 @@ function io({
   breakpoints: r,
   base: t
 }) {
-  const n = t || Et(e, r), o = Object.keys(n);
+  const n = t || bt(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 +1012,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,14 +1021,14 @@ function G(e) {
     [r]: me
   } : {}, a.filterProps = [r], a;
 }
-function Ct(e) {
+function vt(e) {
   const r = {};
   return (t) => (r[t] === void 0 && (r[t] = e(t)), r[t]);
 }
-const Tt = {
+const St = {
   m: "margin",
   p: "padding"
-}, $t = {
+}, Et = {
   t: "Top",
   r: "Right",
   b: "Bottom",
@@ -1101,15 +1040,15 @@ const Tt = {
   marginY: "my",
   paddingX: "px",
   paddingY: "py"
-}, wt = Ct((e) => {
+}, Ct = vt((e) => {
   if (e.length > 2)
     if (_r[e])
       e = _r[e];
     else
       return [e];
-  const [r, t] = e.split(""), n = Tt[r], o = $t[t] || "";
+  const [r, t] = e.split(""), n = St[r], o = Et[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"], Tt = [...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 +1070,18 @@ function cr(e) {
 function _e(e, r) {
   return typeof r == "string" || r == null ? r : e(r);
 }
-function xt(e, r) {
+function $t(e, r) {
   return (t) => e.reduce((n, o) => (n[o] = _e(r, t), n), {});
 }
-function At(e, r, t, n) {
+function wt(e, r, t, n) {
   if (!r.includes(t))
     return null;
-  const o = wt(t), a = xt(o, n), c = e[t];
+  const o = Ct(t), a = $t(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) => wt(e, r, n, t)).reduce(Oe, {});
 }
 function z(e) {
   return Gr(e, Fe);
@@ -1154,18 +1093,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" && Tt.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 +1110,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 Ot = te("border", re), xt = te("borderTop", re), At = te("borderRight", re), _t = te("borderBottom", re), Rt = te("borderLeft", re), Pt = te("borderColor"), kt = te("borderTopColor"), It = te("borderRightColor"), Nt = te("borderBottomColor"), Bt = te("borderLeftColor"), Mt = te("outline", re), Dt = 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 +1123,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(Ot, xt, At, _t, Rt, Pt, kt, It, Nt, Bt, Ue, Mt, Dt);
 const Ve = (e) => {
   if (e.gap !== void 0 && e.gap !== null) {
     const r = Ae(e.theme, "spacing", 8, "gap"), t = (n) => ({
@@ -1235,48 +1163,48 @@ qe.propTypes = process.env.NODE_ENV !== "production" ? {
   rowGap: me
 } : {};
 qe.filterProps = ["rowGap"];
-const Wt = G({
+const jt = G({
   prop: "gridColumn"
-}), Yt = G({
+}), Lt = G({
   prop: "gridRow"
-}), Ut = G({
+}), Ft = G({
   prop: "gridAutoFlow"
-}), Vt = G({
+}), Wt = G({
   prop: "gridAutoColumns"
-}), zt = G({
+}), Yt = G({
   prop: "gridAutoRows"
-}), qt = G({
+}), Ut = G({
   prop: "gridTemplateColumns"
-}), Gt = G({
+}), Vt = G({
   prop: "gridTemplateRows"
-}), Kt = G({
+}), zt = G({
   prop: "gridTemplateAreas"
-}), Ht = G({
+}), qt = G({
   prop: "gridArea"
 });
-Ye(Ve, ze, qe, Wt, Yt, Ut, Vt, zt, qt, Gt, Kt, Ht);
+Ye(Ve, ze, qe, jt, Lt, Ft, Wt, Yt, Ut, Vt, zt, qt);
 function Ee(e, r) {
   return r === "grey" ? r : e;
 }
-const Qt = G({
+const Gt = G({
   prop: "color",
   themeKey: "palette",
   transform: Ee
-}), Xt = G({
+}), Kt = G({
   prop: "bgcolor",
   cssProperty: "backgroundColor",
   themeKey: "palette",
   transform: Ee
-}), Jt = G({
+}), Ht = G({
   prop: "backgroundColor",
   themeKey: "palette",
   transform: Ee
 });
-Ye(Qt, Xt, Jt);
+Ye(Gt, Kt, Ht);
 function Z(e) {
   return e <= 1 && e !== 0 ? `${e * 100}%` : e;
 }
-const Zt = G({
+const Qt = G({
   prop: "width",
   transform: Z
 }), ur = (e) => {
@@ -1297,16 +1225,16 @@ const Zt = G({
   return null;
 };
 ur.filterProps = ["maxWidth"];
-const en = G({
+const Xt = G({
   prop: "minWidth",
   transform: Z
-}), rn = G({
+}), Jt = G({
   prop: "height",
   transform: Z
-}), tn = G({
+}), Zt = G({
   prop: "maxHeight",
   transform: Z
-}), nn = G({
+}), en = G({
   prop: "minHeight",
   transform: Z
 });
@@ -1320,10 +1248,10 @@ G({
   cssProperty: "height",
   transform: Z
 });
-const on = G({
+const rn = G({
   prop: "boxSizing"
 });
-Ye(Zt, ur, en, rn, tn, nn, on);
+Ye(Qt, ur, Xt, Jt, Zt, en, rn);
 const Ge = {
   // borders
   border: {
@@ -1612,14 +1540,14 @@ const Ge = {
     themeKey: "typography"
   }
 };
-function an(...e) {
+function tn(...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 nn(e, r) {
   return typeof e == "function" ? e(r) : e;
 }
-function cn() {
+function on() {
   function e(t, n, o, a) {
     const c = {
       [t]: n,
@@ -1644,7 +1572,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 +1593,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 = nn(f[m], o);
         if (E != null)
           if (typeof E == "object")
             if (a[m])
@@ -1679,21 +1607,94 @@ function cn() {
               }, E, (s) => ({
                 [m]: s
               }));
-              an(b, E) ? p[m] = r({
+              tn(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));
+      }), pt(o, qr(y, p));
     }
     return Array.isArray(n) ? n.map(c) : c(n);
   }
   return r;
 }
-const Ke = cn();
+const Ke = on();
 Ke.filterProps = ["sx"];
+const an = (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 sn(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 = an(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 cn = {
+  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 un(e, r) {
   var n;
   const t = this;
@@ -1714,7 +1715,7 @@ function ln(e = {}, ...r) {
     spacing: o,
     shape: a = {},
     ...c
-  } = e, u = mt(t), f = Kr(o);
+  } = e, u = sn(t), f = Kr(o);
   let d = J({
     breakpoints: u,
     direction: "ltr",
@@ -1726,11 +1727,11 @@ function ln(e = {}, ...r) {
     },
     spacing: f,
     shape: {
-      ...vt,
+      ...cn,
       ...a
     }
   }, c);
-  return d = bt(d), d.applyStyles = un, d = r.reduce((y, p) => J(y, p), d), d.unstable_sxConfig = {
+  return d = ht(d), d.applyStyles = un, 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) {
@@ -2909,7 +2910,7 @@ export {
   Ce as P,
   bn as a,
   ao as b,
-  qr as c,
+  Fr as c,
   Ge as d,
   ln as e,
   cr as f,
@@ -2918,7 +2919,7 @@ export {
   fe as i,
   J as j,
   _e as k,
-  Yr as l,
+  Ur as l,
   oo as m,
   dr as n,
   fr as o,

package/dist/{extendSxProp-CRSYESt2.js → extendSxProp-oTj2mv7x.js}

@@ -1,4 +1,4 @@
-import { i as c, d as l } from "./createTheme-Hc7RjLJ8.js";
+import { i as c, d as l } from "./createTheme-DkVAXJiq.js";
 const a = (t) => {
   var s;
   const e = {

package/dist/{generateUtilityClasses-BUjlppXi.js → generateUtilityClasses-DStZbN71.js}

@@ -1,4 +1,4 @@
-import { g as i } from "./createTheme-Hc7RjLJ8.js";
+import { g as i } from "./createTheme-DkVAXJiq.js";
 function o(r, s, a = "Mui") {
   const t = {};
   return s.forEach((e) => {

package/dist/{iconButtonClasses-p4XIdEHn.js → iconButtonClasses-Dx9aLkXb.js}

@@ -1,5 +1,5 @@
-import { g as r } from "./generateUtilityClasses-BUjlppXi.js";
-import { g as t } from "./createTheme-Hc7RjLJ8.js";
+import { g as r } from "./generateUtilityClasses-DStZbN71.js";
+import { g as t } from "./createTheme-DkVAXJiq.js";
 function n(o) {
   return t("MuiIconButton", o);
 }