@hybridcore/ui 1.5.90 → 1.6.1

package/dist/{createTheme-CNnKNxwL.js → styled-Bsjp3kFh.js}

@@ -1,7 +1,52 @@
-import { a as m, _ as T } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import { g as N, a as w, b as L, d as q, e as J } from "./createTheme-CyC5HawC.js";
-const V = (e) => e, K = () => {
-  let e = V;
+import { getContrastRatio as _, lighten as J, darken as K, createTheme as Y, unstable_defaultSxConfig as Q, unstable_styleFunctionSx as X, useThemeProps as Z, shouldForwardProp as W, createStyled as ee } from "@mui/system";
+import { a as m, _ as M } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+function S(e) {
+  if (typeof e != "object" || e === null)
+    return !1;
+  const t = Object.getPrototypeOf(e);
+  return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
+}
+function R(e) {
+  if (!S(e))
+    return e;
+  const t = {};
+  return Object.keys(e).forEach((n) => {
+    t[n] = R(e[n]);
+  }), t;
+}
+function E(e, t, n = {
+  clone: !0
+}) {
+  const r = n.clone ? m({}, e) : e;
+  return S(e) && S(t) && Object.keys(t).forEach((a) => {
+    S(t[a]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, a) && S(e[a]) ? r[a] = E(e[a], t[a], n) : n.clone ? r[a] = S(t[a]) ? R(t[a]) : t[a] : r[a] = t[a];
+  }), r;
+}
+function j(e) {
+  let t = "https://mui.com/production-error/?code=" + e;
+  for (let n = 1; n < arguments.length; n += 1)
+    t += "&args[]=" + encodeURIComponent(arguments[n]);
+  return "Minified MUI error #" + e + "; visit " + t + " for the full message.";
+}
+function Ie(e, t, n = void 0) {
+  const r = {};
+  return Object.keys(e).forEach(
+    // `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
+    // @ts-expect-error https://github.com/microsoft/TypeScript/pull/12253#issuecomment-263132208
+    (a) => {
+      r[a] = e[a].reduce((d, i) => {
+        if (i) {
+          const l = t(i);
+          l !== "" && d.push(l), n && n[i] && d.push(n[i]);
+        }
+        return d;
+      }, []).join(" ");
+    }
+  ), r;
+}
+const D = (e) => e, te = () => {
+  let e = D;
   return {
     configure(t) {
       e = t;
@@ -10,10 +55,10 @@ const V = (e) => e, K = () => {
       return e(t);
     },
     reset() {
-      e = V;
+      e = D;
     }
   };
-}, X = K(), Y = {
+}, re = te(), ne = {
   active: "active",
   checked: "checked",
   completed: "completed",
@@ -27,98 +72,28 @@ const V = (e) => e, K = () => {
   required: "required",
   selected: "selected"
 };
-function Q(e, t, r = "Mui") {
-  const n = Y[t];
-  return n ? `${r}-${n}` : `${X.generate(e)}-${t}`;
-}
-function Z(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
-  return Math.max(t, Math.min(e, r));
-}
-function U(e, t = 0, r = 1) {
-  return process.env.NODE_ENV !== "production" && (e < t || e > r) && console.error(`MUI: The value provided ${e} is out of range [${t}, ${r}].`), Z(e, t, r);
-}
-function ee(e) {
-  e = e.slice(1);
-  const t = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
-  let r = e.match(t);
-  return r && r[0].length === 1 && (r = r.map((n) => n + n)), r ? `rgb${r.length === 4 ? "a" : ""}(${r.map((n, i) => i < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
-}
-function O(e) {
-  if (e.type)
-    return e;
-  if (e.charAt(0) === "#")
-    return O(ee(e));
-  const t = e.indexOf("("), r = e.substring(0, t);
-  if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(r) === -1)
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : N(9, e));
-  let n = e.substring(t + 1, e.length - 1), i;
-  if (r === "color") {
-    if (n = n.split(" "), i = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), ["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(i) === -1)
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${i}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : N(10, i));
-  } else
-    n = n.split(",");
-  return n = n.map((u) => parseFloat(u)), {
-    type: r,
-    values: n,
-    colorSpace: i
-  };
-}
-function _(e) {
-  const {
-    type: t,
-    colorSpace: r
-  } = e;
-  let {
-    values: n
-  } = e;
-  return t.indexOf("rgb") !== -1 ? n = n.map((i, u) => u < 3 ? parseInt(i, 10) : i) : t.indexOf("hsl") !== -1 && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), t.indexOf("color") !== -1 ? n = `${r} ${n.join(" ")}` : n = `${n.join(", ")}`, `${t}(${n})`;
-}
-function te(e) {
-  e = O(e);
-  const {
-    values: t
-  } = e, r = t[0], n = t[1] / 100, i = t[2] / 100, u = n * Math.min(i, 1 - i), s = (f, d = (f + r / 30) % 12) => i - u * Math.max(Math.min(d - 3, 9 - d, 1), -1);
-  let p = "rgb";
-  const g = [Math.round(s(0) * 255), Math.round(s(8) * 255), Math.round(s(4) * 255)];
-  return e.type === "hsla" && (p += "a", g.push(t[3])), _({
-    type: p,
-    values: g
-  });
-}
-function R(e) {
-  e = O(e);
-  let t = e.type === "hsl" || e.type === "hsla" ? O(te(e)).values : e.values;
-  return t = t.map((r) => (e.type !== "color" && (r /= 255), r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
-}
-function j(e, t) {
-  const r = R(e), n = R(t);
-  return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
+function B(e, t, n = "Mui") {
+  const r = ne[t];
+  return r ? `${n}-${r}` : `${re.generate(e)}-${t}`;
 }
-function Ie(e, t) {
-  return e = O(e), t = U(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, _(e);
+function je(e, t, n = "Mui") {
+  const r = {};
+  return t.forEach((a) => {
+    r[a] = B(e, a, n);
+  }), r;
 }
-function re(e, t) {
-  if (e = O(e), t = U(t), e.type.indexOf("hsl") !== -1)
-    e.values[2] *= 1 - t;
-  else if (e.type.indexOf("rgb") !== -1 || e.type.indexOf("color") !== -1)
-    for (let r = 0; r < 3; r += 1)
-      e.values[r] *= 1 - t;
-  return _(e);
+function H(e) {
+  var t, n, r = "";
+  if (typeof e == "string" || typeof e == "number") r += e;
+  else if (typeof e == "object") if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (n = H(e[t])) && (r && (r += " "), r += n);
+  else for (t in e) e[t] && (r && (r += " "), r += t);
+  return r;
 }
-function ne(e, t) {
-  if (e = O(e), t = U(t), e.type.indexOf("hsl") !== -1)
-    e.values[2] += (100 - e.values[2]) * t;
-  else if (e.type.indexOf("rgb") !== -1)
-    for (let r = 0; r < 3; r += 1)
-      e.values[r] += (255 - e.values[r]) * t;
-  else if (e.type.indexOf("color") !== -1)
-    for (let r = 0; r < 3; r += 1)
-      e.values[r] += (1 - e.values[r]) * t;
-  return _(e);
+function _e() {
+  for (var e, t, n = 0, r = ""; n < arguments.length; ) (e = arguments[n++]) && (t = H(e)) && (r && (r += " "), r += t);
+  return r;
 }
-function ae(e, t) {
+function oe(e, t) {
   return m({
     toolbar: {
       minHeight: 56,
@@ -133,10 +108,10 @@ function ae(e, t) {
     }
   }, t);
 }
-const S = {
+const k = {
   black: "#000",
   white: "#fff"
-}, ie = {
+}, ae = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -151,7 +126,7 @@ const S = {
   A200: "#eeeeee",
   A400: "#bdbdbd",
   A700: "#616161"
-}, x = {
+}, $ = {
   50: "#f3e5f5",
   100: "#e1bee7",
   200: "#ce93d8",
@@ -166,7 +141,7 @@ const S = {
   A200: "#e040fb",
   A400: "#d500f9",
   A700: "#aa00ff"
-}, v = {
+}, A = {
   50: "#ffebee",
   100: "#ffcdd2",
   200: "#ef9a9a",
@@ -181,7 +156,7 @@ const S = {
   A200: "#ff5252",
   A400: "#ff1744",
   A700: "#d50000"
-}, M = {
+}, T = {
   50: "#fff3e0",
   100: "#ffe0b2",
   200: "#ffcc80",
@@ -196,7 +171,7 @@ const S = {
   A200: "#ffab40",
   A400: "#ff9100",
   A700: "#ff6d00"
-}, A = {
+}, v = {
   50: "#e3f2fd",
   100: "#bbdefb",
   200: "#90caf9",
@@ -211,7 +186,7 @@ const S = {
   A200: "#448aff",
   A400: "#2979ff",
   A700: "#2962ff"
-}, k = {
+}, x = {
   50: "#e1f5fe",
   100: "#b3e5fc",
   200: "#81d4fa",
@@ -226,7 +201,7 @@ const S = {
   A200: "#40c4ff",
   A400: "#00b0ff",
   A700: "#0091ea"
-}, E = {
+}, w = {
   50: "#e8f5e9",
   100: "#c8e6c9",
   200: "#a5d6a7",
@@ -241,7 +216,7 @@ const S = {
   A200: "#69f0ae",
   A400: "#00e676",
   A700: "#00c853"
-}, se = ["mode", "contrastThreshold", "tonalOffset"], z = {
+}, ie = ["mode", "contrastThreshold", "tonalOffset"], U = {
   // The colors used to style the text.
   text: {
     // The most important text.
@@ -256,8 +231,8 @@ const S = {
   // The background colors used to style the surfaces.
   // Consistency between these values is important.
   background: {
-    paper: S.white,
-    default: S.white
+    paper: k.white,
+    default: k.white
   },
   // The colors used to style the action elements.
   action: {
@@ -278,9 +253,9 @@ const S = {
     focusOpacity: 0.12,
     activatedOpacity: 0.12
   }
-}, D = {
+}, I = {
   text: {
-    primary: S.white,
+    primary: k.white,
     secondary: "rgba(255, 255, 255, 0.7)",
     disabled: "rgba(255, 255, 255, 0.5)",
     icon: "rgba(255, 255, 255, 0.5)"
@@ -291,7 +266,7 @@ const S = {
     default: "#121212"
   },
   action: {
-    active: S.white,
+    active: k.white,
     hover: "rgba(255, 255, 255, 0.08)",
     hoverOpacity: 0.08,
     selected: "rgba(255, 255, 255, 0.16)",
@@ -304,105 +279,105 @@ const S = {
     activatedOpacity: 0.24
   }
 };
-function F(e, t, r, n) {
-  const i = n.light || n, u = n.dark || n * 1.5;
-  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = ne(e.main, i) : t === "dark" && (e.dark = re(e.main, u)));
+function P(e, t, n, r) {
+  const a = r.light || r, d = r.dark || r * 1.5;
+  e[t] || (e.hasOwnProperty(n) ? e[t] = e[n] : t === "light" ? e.light = J(e.main, a) : t === "dark" && (e.dark = K(e.main, d)));
 }
-function oe(e = "light") {
+function se(e = "light") {
   return e === "dark" ? {
-    main: A[200],
-    light: A[50],
-    dark: A[400]
+    main: v[200],
+    light: v[50],
+    dark: v[400]
   } : {
-    main: A[700],
-    light: A[400],
-    dark: A[800]
+    main: v[700],
+    light: v[400],
+    dark: v[800]
   };
 }
 function ce(e = "light") {
   return e === "dark" ? {
-    main: x[200],
-    light: x[50],
-    dark: x[400]
+    main: $[200],
+    light: $[50],
+    dark: $[400]
   } : {
-    main: x[500],
-    light: x[300],
-    dark: x[700]
+    main: $[500],
+    light: $[300],
+    dark: $[700]
   };
 }
 function fe(e = "light") {
   return e === "dark" ? {
-    main: v[500],
-    light: v[300],
-    dark: v[700]
+    main: A[500],
+    light: A[300],
+    dark: A[700]
   } : {
-    main: v[700],
-    light: v[400],
-    dark: v[800]
+    main: A[700],
+    light: A[400],
+    dark: A[800]
   };
 }
 function ue(e = "light") {
   return e === "dark" ? {
-    main: k[400],
-    light: k[300],
-    dark: k[700]
+    main: x[400],
+    light: x[300],
+    dark: x[700]
   } : {
-    main: k[700],
-    light: k[500],
-    dark: k[900]
+    main: x[700],
+    light: x[500],
+    dark: x[900]
   };
 }
 function de(e = "light") {
   return e === "dark" ? {
-    main: E[400],
-    light: E[300],
-    dark: E[700]
+    main: w[400],
+    light: w[300],
+    dark: w[700]
   } : {
-    main: E[800],
-    light: E[500],
-    dark: E[900]
+    main: w[800],
+    light: w[500],
+    dark: w[900]
   };
 }
 function le(e = "light") {
   return e === "dark" ? {
-    main: M[400],
-    light: M[300],
-    dark: M[700]
+    main: T[400],
+    light: T[300],
+    dark: T[700]
   } : {
     main: "#ed6c02",
     // closest to orange[800] that pass 3:1.
-    light: M[500],
-    dark: M[900]
+    light: T[500],
+    dark: T[900]
   };
 }
-function pe(e) {
+function ge(e) {
   const {
     mode: t = "light",
-    contrastThreshold: r = 3,
-    tonalOffset: n = 0.2
-  } = e, i = T(e, se), u = e.primary || oe(t), s = e.secondary || ce(t), p = e.error || fe(t), g = e.info || ue(t), f = e.success || de(t), d = e.warning || le(t);
-  function h(a) {
-    const l = j(a, D.text.primary) >= r ? D.text.primary : z.text.primary;
+    contrastThreshold: n = 3,
+    tonalOffset: r = 0.2
+  } = e, a = M(e, ie), d = e.primary || se(t), i = e.secondary || ce(t), l = e.error || fe(t), p = e.info || ue(t), f = e.success || de(t), g = e.warning || le(t);
+  function h(o) {
+    const u = _(o, I.text.primary) >= n ? I.text.primary : U.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const b = j(a, l);
-      b < 3 && console.error([`MUI: The contrast ratio of ${b}:1 for ${l} on ${a}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+      const b = _(o, u);
+      b < 3 && console.error([`MUI: The contrast ratio of ${b}:1 for ${u} on ${o}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
 `));
     }
-    return l;
+    return u;
   }
   const c = ({
-    color: a,
-    name: l,
+    color: o,
+    name: u,
     mainShade: b = 500,
-    lightShade: I = 300,
-    darkShade: C = 700
+    lightShade: C = 300,
+    darkShade: N = 700
   }) => {
-    if (a = m({}, a), !a.main && a[b] && (a.main = a[b]), !a.hasOwnProperty("main"))
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${l ? ` (${l})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${b}\` property.` : N(11, l ? ` (${l})` : "", b));
-    if (typeof a.main != "string")
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${l ? ` (${l})` : ""} provided to augmentColor(color) is invalid.
-\`color.main\` should be a string, but \`${JSON.stringify(a.main)}\` was provided instead.
+    if (o = m({}, o), !o.main && o[b] && (o.main = o[b]), !o.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${u ? ` (${u})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${b}\` property.` : j(11, u ? ` (${u})` : "", b));
+    if (typeof o.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${u ? ` (${u})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(o.main)}\` was provided instead.
 
 Did you intend to use one of the following approaches?
 
@@ -414,26 +389,26 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : N(12, l ? ` (${l})` : "", JSON.stringify(a.main)));
-    return F(a, "light", I, n), F(a, "dark", C, n), a.contrastText || (a.contrastText = h(a.main)), a;
-  }, $ = {
-    dark: D,
-    light: z
+} });` : j(12, u ? ` (${u})` : "", JSON.stringify(o.main)));
+    return P(o, "light", C, r), P(o, "dark", N, r), o.contrastText || (o.contrastText = h(o.main)), o;
+  }, O = {
+    dark: I,
+    light: U
   };
-  return process.env.NODE_ENV !== "production" && ($[t] || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), w(m({
+  return process.env.NODE_ENV !== "production" && (O[t] || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), E(m({
     // A collection of common colors.
-    common: m({}, S),
+    common: m({}, k),
     // prevent mutable object.
     // The palette mode, can be light or dark.
     mode: t,
     // The colors used to represent primary interface elements for a user.
     primary: c({
-      color: u,
+      color: d,
       name: "primary"
     }),
     // The colors used to represent secondary interface elements for a user.
     secondary: c({
-      color: s,
+      color: i,
       name: "secondary",
       mainShade: "A400",
       lightShade: "A200",
@@ -441,17 +416,17 @@ const theme2 = createTheme({ palette: {
     }),
     // The colors used to represent interface elements that the user should be made aware of.
     error: c({
-      color: p,
+      color: l,
       name: "error"
     }),
     // The colors used to represent potentially dangerous actions or important messages.
     warning: c({
-      color: d,
+      color: g,
       name: "warning"
     }),
     // The colors used to present information to the user that is neutral and not necessarily important.
     info: c({
-      color: g,
+      color: p,
       name: "info"
     }),
     // The colors used to indicate the successful completion of an action that user triggered.
@@ -460,10 +435,10 @@ const theme2 = createTheme({ palette: {
       name: "success"
     }),
     // The grey colors.
-    grey: ie,
+    grey: ae,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
-    contrastThreshold: r,
+    contrastThreshold: n,
     // Takes a background color and returns the text color that maximizes the contrast.
     getContrastText: h,
     // Generate a rich color object.
@@ -471,56 +446,56 @@ const theme2 = createTheme({ palette: {
     // Used by the functions below to shift a color's luminance by approximately
     // two indexes within its tonal palette.
     // E.g., shift from Red 500 to Red 300 or Red 700.
-    tonalOffset: n
-  }, $[t]), i);
+    tonalOffset: r
+  }, O[t]), a);
 }
-const ge = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
-function he(e) {
+const he = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+function pe(e) {
   return Math.round(e * 1e5) / 1e5;
 }
-const W = {
+const V = {
   textTransform: "uppercase"
-}, B = '"Roboto", "Helvetica", "Arial", sans-serif';
-function be(e, t) {
-  const r = typeof t == "function" ? t(e) : t, {
-    fontFamily: n = B,
+}, z = '"Roboto", "Helvetica", "Arial", sans-serif';
+function me(e, t) {
+  const n = typeof t == "function" ? t(e) : t, {
+    fontFamily: r = z,
     // The default font size of the Material Specification.
-    fontSize: i = 14,
+    fontSize: a = 14,
     // px
-    fontWeightLight: u = 300,
-    fontWeightRegular: s = 400,
-    fontWeightMedium: p = 500,
-    fontWeightBold: g = 700,
+    fontWeightLight: d = 300,
+    fontWeightRegular: i = 400,
+    fontWeightMedium: l = 500,
+    fontWeightBold: p = 700,
     // Tell MUI what's the font-size on the html element.
     // 16px is the default font-size used by browsers.
     htmlFontSize: f = 16,
     // Apply the CSS properties to all the variants.
-    allVariants: d,
+    allVariants: g,
     pxToRem: h
-  } = r, c = T(r, ge);
-  process.env.NODE_ENV !== "production" && (typeof i != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof f != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
-  const $ = i / 14, y = h || ((b) => `${b / f * $}rem`), a = (b, I, C, P, H) => m({
-    fontFamily: n,
+  } = n, c = M(n, he);
+  process.env.NODE_ENV !== "production" && (typeof a != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof f != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
+  const O = a / 14, y = h || ((b) => `${b / f * O}rem`), o = (b, C, N, G, L) => m({
+    fontFamily: r,
     fontWeight: b,
-    fontSize: y(I),
+    fontSize: y(C),
     // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
-    lineHeight: C
-  }, n === B ? {
-    letterSpacing: `${he(P / I)}em`
-  } : {}, H, d), l = {
-    h1: a(u, 96, 1.167, -1.5),
-    h2: a(u, 60, 1.2, -0.5),
-    h3: a(s, 48, 1.167, 0),
-    h4: a(s, 34, 1.235, 0.25),
-    h5: a(s, 24, 1.334, 0),
-    h6: a(p, 20, 1.6, 0.15),
-    subtitle1: a(s, 16, 1.75, 0.15),
-    subtitle2: a(p, 14, 1.57, 0.1),
-    body1: a(s, 16, 1.5, 0.15),
-    body2: a(s, 14, 1.43, 0.15),
-    button: a(p, 14, 1.75, 0.4, W),
-    caption: a(s, 12, 1.66, 0.4),
-    overline: a(s, 12, 2.66, 1, W),
+    lineHeight: N
+  }, r === z ? {
+    letterSpacing: `${pe(G / C)}em`
+  } : {}, L, g), u = {
+    h1: o(d, 96, 1.167, -1.5),
+    h2: o(d, 60, 1.2, -0.5),
+    h3: o(i, 48, 1.167, 0),
+    h4: o(i, 34, 1.235, 0.25),
+    h5: o(i, 24, 1.334, 0),
+    h6: o(l, 20, 1.6, 0.15),
+    subtitle1: o(i, 16, 1.75, 0.15),
+    subtitle2: o(l, 14, 1.57, 0.1),
+    body1: o(i, 16, 1.5, 0.15),
+    body2: o(i, 14, 1.43, 0.15),
+    button: o(l, 14, 1.75, 0.4, V),
+    caption: o(i, 12, 1.66, 0.4),
+    overline: o(i, 12, 2.66, 1, V),
     inherit: {
       fontFamily: "inherit",
       fontWeight: "inherit",
@@ -529,25 +504,25 @@ function be(e, t) {
       letterSpacing: "inherit"
     }
   };
-  return w(m({
+  return E(m({
     htmlFontSize: f,
     pxToRem: y,
-    fontFamily: n,
-    fontSize: i,
-    fontWeightLight: u,
-    fontWeightRegular: s,
-    fontWeightMedium: p,
-    fontWeightBold: g
-  }, l), c, {
+    fontFamily: r,
+    fontSize: a,
+    fontWeightLight: d,
+    fontWeightRegular: i,
+    fontWeightMedium: l,
+    fontWeightBold: p
+  }, u), c, {
     clone: !1
     // No need to clone deep
   });
 }
-const me = 0.2, ye = 0.14, $e = 0.12;
-function o(...e) {
-  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${me})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${ye})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${$e})`].join(",");
+const be = 0.2, ye = 0.14, Oe = 0.12;
+function s(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${be})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${ye})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Oe})`].join(",");
 }
-const Oe = ["none", o(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), o(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), o(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), o(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), o(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), o(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), o(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), o(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), o(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), o(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), o(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), o(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), o(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), o(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), o(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), o(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), o(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), o(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), o(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), o(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), o(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), o(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), o(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), o(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], xe = ["duration", "easing", "delay"], ve = {
+const $e = ["none", s(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), s(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), s(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), s(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), s(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), s(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), s(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), s(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), s(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), s(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), s(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), s(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), s(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), s(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), s(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), s(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), s(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), s(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), s(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), s(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), s(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), s(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), s(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), s(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Ae = ["duration", "easing", "delay"], ve = {
   // This is the most common easing curve.
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   // Objects enter the screen at full velocity from off-screen and
@@ -557,7 +532,7 @@ const Oe = ["none", o(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), o(0, 3, 1, -2, 0, 2,
   easeIn: "cubic-bezier(0.4, 0, 1, 1)",
   // The sharp curve is used by objects that may return to the screen at any time.
   sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, Ae = {
+}, xe = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -570,37 +545,37 @@ const Oe = ["none", o(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), o(0, 3, 1, -2, 0, 2,
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-function G(e) {
+function F(e) {
   return `${Math.round(e)}ms`;
 }
-function ke(e) {
+function we(e) {
   if (!e)
     return 0;
   const t = e / 36;
   return Math.round((4 + 15 * t ** 0.25 + t / 5) * 10);
 }
-function Ee(e) {
-  const t = m({}, ve, e.easing), r = m({}, Ae, e.duration);
+function Se(e) {
+  const t = m({}, ve, e.easing), n = m({}, xe, e.duration);
   return m({
-    getAutoHeightDuration: ke,
-    create: (i = ["all"], u = {}) => {
+    getAutoHeightDuration: we,
+    create: (a = ["all"], d = {}) => {
       const {
-        duration: s = r.standard,
-        easing: p = t.easeInOut,
-        delay: g = 0
-      } = u, f = T(u, xe);
+        duration: i = n.standard,
+        easing: l = t.easeInOut,
+        delay: p = 0
+      } = d, f = M(d, Ae);
       if (process.env.NODE_ENV !== "production") {
-        const d = (c) => typeof c == "string", h = (c) => !isNaN(parseFloat(c));
-        !d(i) && !Array.isArray(i) && console.error('MUI: Argument "props" must be a string or Array.'), !h(s) && !d(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), d(p) || console.error('MUI: Argument "easing" must be a string.'), !h(g) && !d(g) && console.error('MUI: Argument "delay" must be a number or a string.'), Object.keys(f).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(f).join(",")}].`);
+        const g = (c) => typeof c == "string", h = (c) => !isNaN(parseFloat(c));
+        !g(a) && !Array.isArray(a) && console.error('MUI: Argument "props" must be a string or Array.'), !h(i) && !g(i) && console.error(`MUI: Argument "duration" must be a number or a string but found ${i}.`), g(l) || console.error('MUI: Argument "easing" must be a string.'), !h(p) && !g(p) && console.error('MUI: Argument "delay" must be a number or a string.'), Object.keys(f).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(f).join(",")}].`);
       }
-      return (Array.isArray(i) ? i : [i]).map((d) => `${d} ${typeof s == "string" ? s : G(s)} ${p} ${typeof g == "string" ? g : G(g)}`).join(",");
+      return (Array.isArray(a) ? a : [a]).map((g) => `${g} ${typeof i == "string" ? i : F(i)} ${l} ${typeof p == "string" ? p : F(p)}`).join(",");
     }
   }, e, {
     easing: t,
-    duration: r
+    duration: n
   });
 }
-const Me = {
+const Ee = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -609,37 +584,37 @@ const Me = {
   modal: 1300,
   snackbar: 1400,
   tooltip: 1500
-}, we = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
-function Te(e = {}, ...t) {
+}, Te = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+function ke(e = {}, ...t) {
   const {
-    mixins: r = {},
-    palette: n = {},
-    transitions: i = {},
-    typography: u = {}
-  } = e, s = T(e, we);
+    mixins: n = {},
+    palette: r = {},
+    transitions: a = {},
+    typography: d = {}
+  } = e, i = M(e, Te);
   if (e.vars)
-    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : N(18));
-  const p = pe(n), g = L(e);
-  let f = w(g, {
-    mixins: ae(g.breakpoints, r),
-    palette: p,
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : j(18));
+  const l = ge(r), p = Y(e);
+  let f = E(p, {
+    mixins: oe(p.breakpoints, n),
+    palette: l,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: Oe.slice(),
-    typography: be(p, u),
-    transitions: Ee(i),
-    zIndex: m({}, Me)
+    shadows: $e.slice(),
+    typography: me(l, d),
+    transitions: Se(a),
+    zIndex: m({}, Ee)
   });
-  if (f = w(f, s), f = t.reduce((d, h) => w(d, h), f), process.env.NODE_ENV !== "production") {
-    const d = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], h = (c, $) => {
+  if (f = E(f, i), f = t.reduce((g, h) => E(g, h), f), process.env.NODE_ENV !== "production") {
+    const g = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], h = (c, O) => {
       let y;
       for (y in c) {
-        const a = c[y];
-        if (d.indexOf(y) !== -1 && Object.keys(a).length > 0) {
+        const o = c[y];
+        if (g.indexOf(y) !== -1 && Object.keys(o).length > 0) {
           if (process.env.NODE_ENV !== "production") {
-            const l = Q("", y);
-            console.error([`MUI: The \`${$}\` component increases the CSS specificity of the \`${y}\` internal state.`, "You can not override it like this: ", JSON.stringify(c, null, 2), "", `Instead, you need to use the '&.${l}' syntax:`, JSON.stringify({
+            const u = B("", y);
+            console.error([`MUI: The \`${O}\` component increases the CSS specificity of the \`${y}\` internal state.`, "You can not override it like this: ", JSON.stringify(c, null, 2), "", `Instead, you need to use the '&.${u}' syntax:`, JSON.stringify({
               root: {
-                [`&.${l}`]: a
+                [`&.${u}`]: o
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
 `));
@@ -649,23 +624,45 @@ function Te(e = {}, ...t) {
       }
     };
     Object.keys(f.components).forEach((c) => {
-      const $ = f.components[c].styleOverrides;
-      $ && c.indexOf("Mui") === 0 && h($, c);
+      const O = f.components[c].styleOverrides;
+      O && c.indexOf("Mui") === 0 && h(O, c);
     });
   }
-  return f.unstable_sxConfig = m({}, q, s == null ? void 0 : s.unstable_sxConfig), f.unstable_sx = function(h) {
-    return J({
+  return f.unstable_sxConfig = m({}, Q, i == null ? void 0 : i.unstable_sxConfig), f.unstable_sx = function(h) {
+    return X({
       sx: h,
       theme: this
     });
   }, f;
 }
+const q = ke();
+function De({
+  props: e,
+  name: t
+}) {
+  return Z({
+    props: e,
+    name: t,
+    defaultTheme: q
+  });
+}
+const Ce = (e) => W(e) && e !== "classes", Ue = W, Pe = ee({
+  defaultTheme: q,
+  rootShouldForwardProp: Ce
+});
 export {
-  X as C,
+  re as C,
   Ie as a,
-  re as b,
-  Te as c,
-  Ae as d,
-  Q as g,
-  ne as l
+  B as b,
+  _e as c,
+  ke as d,
+  q as e,
+  j as f,
+  je as g,
+  E as h,
+  xe as i,
+  Ue as j,
+  Ce as r,
+  Pe as s,
+  De as u
 };