@clearstory/drywall-react 2.2.0 → 2.3.0

package/dist/createTheme-BnGUhbht.js

@@ -0,0 +1,2328 @@
+import { r as te, o as le } from "./orange-DJwLWzIS.js";
+import * as it from "react";
+import { P as ce } from "./index-CyAhC1RZ.js";
+const pe = {
+  black: "#000",
+  white: "#fff"
+}, re = {
+  50: "#f3e5f5",
+  200: "#ce93d8",
+  300: "#ba68c8",
+  400: "#ab47bc",
+  500: "#9c27b0",
+  700: "#7b1fa2"
+}, ne = {
+  50: "#e3f2fd",
+  200: "#90caf9",
+  400: "#42a5f5",
+  700: "#1976d2",
+  800: "#1565c0"
+}, oe = {
+  300: "#4fc3f7",
+  400: "#29b6f6",
+  500: "#03a9f4",
+  700: "#0288d1",
+  900: "#01579b"
+}, ie = {
+  300: "#81c784",
+  400: "#66bb6a",
+  500: "#4caf50",
+  700: "#388e3c",
+  800: "#2e7d32",
+  900: "#1b5e20"
+}, St = {
+  50: "#fafafa",
+  100: "#f5f5f5",
+  200: "#eeeeee",
+  300: "#e0e0e0",
+  400: "#bdbdbd",
+  500: "#9e9e9e",
+  600: "#757575",
+  700: "#616161",
+  800: "#424242",
+  900: "#212121",
+  A100: "#f5f5f5",
+  A200: "#eeeeee",
+  A400: "#bdbdbd",
+  A700: "#616161"
+};
+function H(e, ...t) {
+  const r = new URL(`https://mui.com/production-error/?code=${e}`);
+  return t.forEach((n) => r.searchParams.append("args[]", n)), `Minified MUI error #${e}; visit ${r} for the full message.`;
+}
+var he = { exports: {} }, x = {};
+/**
+ * @license React
+ * react-is.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var je;
+function $t() {
+  if (je) return x;
+  je = 1;
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), d = Symbol.for("react.view_transition"), b = Symbol.for("react.client.reference");
+  function m(s) {
+    if (typeof s == "object" && s !== null) {
+      var C = s.$$typeof;
+      switch (C) {
+        case e:
+          switch (s = s.type, s) {
+            case r:
+            case i:
+            case n:
+            case f:
+            case p:
+            case d:
+              return s;
+            default:
+              switch (s = s && s.$$typeof, s) {
+                case l:
+                case u:
+                case h:
+                case y:
+                  return s;
+                case a:
+                  return s;
+                default:
+                  return C;
+              }
+          }
+        case t:
+          return C;
+      }
+    }
+  }
+  return x.ContextConsumer = a, x.ContextProvider = l, x.Element = e, x.ForwardRef = u, x.Fragment = r, x.Lazy = h, x.Memo = y, x.Portal = t, x.Profiler = i, x.StrictMode = n, x.Suspense = f, x.SuspenseList = p, x.isContextConsumer = function(s) {
+    return m(s) === a;
+  }, x.isContextProvider = function(s) {
+    return m(s) === l;
+  }, x.isElement = function(s) {
+    return typeof s == "object" && s !== null && s.$$typeof === e;
+  }, x.isForwardRef = function(s) {
+    return m(s) === u;
+  }, x.isFragment = function(s) {
+    return m(s) === r;
+  }, x.isLazy = function(s) {
+    return m(s) === h;
+  }, x.isMemo = function(s) {
+    return m(s) === y;
+  }, x.isPortal = function(s) {
+    return m(s) === t;
+  }, x.isProfiler = function(s) {
+    return m(s) === i;
+  }, x.isStrictMode = function(s) {
+    return m(s) === n;
+  }, x.isSuspense = function(s) {
+    return m(s) === f;
+  }, x.isSuspenseList = function(s) {
+    return m(s) === p;
+  }, x.isValidElementType = function(s) {
+    return typeof s == "string" || typeof s == "function" || s === r || s === i || s === n || s === f || s === p || typeof s == "object" && s !== null && (s.$$typeof === h || s.$$typeof === y || s.$$typeof === l || s.$$typeof === a || s.$$typeof === u || s.$$typeof === b || s.getModuleId !== void 0);
+  }, x.typeOf = m, x;
+}
+var w = {};
+/**
+ * @license React
+ * react-is.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ze;
+function Et() {
+  return ze || (ze = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(s) {
+      if (typeof s == "object" && s !== null) {
+        var C = s.$$typeof;
+        switch (C) {
+          case t:
+            switch (s = s.type, s) {
+              case n:
+              case a:
+              case i:
+              case p:
+              case y:
+              case b:
+                return s;
+              default:
+                switch (s = s && s.$$typeof, s) {
+                  case u:
+                  case f:
+                  case d:
+                  case h:
+                    return s;
+                  case l:
+                    return s;
+                  default:
+                    return C;
+                }
+            }
+          case r:
+            return C;
+        }
+      }
+    }
+    var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.consumer"), u = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), b = Symbol.for("react.view_transition"), m = Symbol.for("react.client.reference");
+    w.ContextConsumer = l, w.ContextProvider = u, w.Element = t, w.ForwardRef = f, w.Fragment = n, w.Lazy = d, w.Memo = h, w.Portal = r, w.Profiler = a, w.StrictMode = i, w.Suspense = p, w.SuspenseList = y, w.isContextConsumer = function(s) {
+      return e(s) === l;
+    }, w.isContextProvider = function(s) {
+      return e(s) === u;
+    }, w.isElement = function(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === t;
+    }, w.isForwardRef = function(s) {
+      return e(s) === f;
+    }, w.isFragment = function(s) {
+      return e(s) === n;
+    }, w.isLazy = function(s) {
+      return e(s) === d;
+    }, w.isMemo = function(s) {
+      return e(s) === h;
+    }, w.isPortal = function(s) {
+      return e(s) === r;
+    }, w.isProfiler = function(s) {
+      return e(s) === a;
+    }, w.isStrictMode = function(s) {
+      return e(s) === i;
+    }, w.isSuspense = function(s) {
+      return e(s) === p;
+    }, w.isSuspenseList = function(s) {
+      return e(s) === y;
+    }, w.isValidElementType = function(s) {
+      return typeof s == "string" || typeof s == "function" || s === n || s === a || s === i || s === p || s === y || typeof s == "object" && s !== null && (s.$$typeof === d || s.$$typeof === h || s.$$typeof === u || s.$$typeof === l || s.$$typeof === f || s.$$typeof === m || s.getModuleId !== void 0);
+    }, w.typeOf = e;
+  })()), w;
+}
+var Ge;
+function Tt() {
+  return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? he.exports = /* @__PURE__ */ $t() : he.exports = /* @__PURE__ */ Et()), he.exports;
+}
+var at = /* @__PURE__ */ Tt();
+function K(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 st(e) {
+  if (/* @__PURE__ */ it.isValidElement(e) || at.isValidElementType(e) || !K(e))
+    return e;
+  const t = {};
+  return Object.keys(e).forEach((r) => {
+    t[r] = st(e[r]);
+  }), t;
+}
+function D(e, t, r = {
+  clone: !0
+}) {
+  const n = r.clone ? {
+    ...e
+  } : e;
+  return K(e) && K(t) && Object.keys(t).forEach((i) => {
+    /* @__PURE__ */ it.isValidElement(t[i]) || at.isValidElementType(t[i]) ? n[i] = t[i] : K(t[i]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, i) && K(e[i]) ? n[i] = D(e[i], t[i], r) : r.clone ? n[i] = K(t[i]) ? st(t[i]) : t[i] : n[i] = t[i];
+  }), n;
+}
+const vt = (e) => {
+  const t = Object.keys(e).map((r) => ({
+    key: r,
+    val: e[r]
+  })) || [];
+  return t.sort((r, n) => r.val - n.val), t.reduce((r, n) => ({
+    ...r,
+    [n.key]: n.val
+  }), {});
+};
+function xt(e) {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values: t = {
+      xs: 0,
+      // phone
+      sm: 600,
+      // tablet
+      md: 900,
+      // small laptop
+      lg: 1200,
+      // desktop
+      xl: 1536
+      // large screen
+    },
+    unit: r = "px",
+    step: n = 5,
+    ...i
+  } = e, a = vt(t), l = Object.keys(a);
+  function u(d) {
+    return `@media (min-width:${typeof t[d] == "number" ? t[d] : d}${r})`;
+  }
+  function f(d) {
+    return `@media (max-width:${(typeof t[d] == "number" ? t[d] : d) - n / 100}${r})`;
+  }
+  function p(d, b) {
+    const m = l.indexOf(b);
+    return `@media (min-width:${typeof t[d] == "number" ? t[d] : d}${r}) and (max-width:${(m !== -1 && typeof t[l[m]] == "number" ? t[l[m]] : b) - n / 100}${r})`;
+  }
+  function y(d) {
+    return l.indexOf(d) + 1 < l.length ? p(d, l[l.indexOf(d) + 1]) : u(d);
+  }
+  function h(d) {
+    const b = l.indexOf(d);
+    return b === 0 ? u(l[1]) : b === l.length - 1 ? f(l[b]) : p(d, l[l.indexOf(d) + 1]).replace("@media", "@media not all and");
+  }
+  return {
+    keys: l,
+    values: a,
+    up: u,
+    down: f,
+    between: p,
+    only: y,
+    not: h,
+    unit: r,
+    ...i
+  };
+}
+function Ye(e, t) {
+  if (!e.containerQueries)
+    return t;
+  const r = Object.keys(t).filter((n) => n.startsWith("@container")).sort((n, i) => {
+    const a = /min-width:\s*([0-9.]+)/;
+    return +(n.match(a)?.[1] || 0) - +(i.match(a)?.[1] || 0);
+  });
+  return r.length ? r.reduce((n, i) => {
+    const a = t[i];
+    return delete n[i], n[i] = a, n;
+  }, {
+    ...t
+  }) : t;
+}
+function wt(e, t) {
+  return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
+}
+function At(e, t) {
+  const r = t.match(/^@([^/]+)?\/?(.+)?$/);
+  if (!r) {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${t})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : H(18, `(${t})`));
+    return null;
+  }
+  const [, n, i] = r, a = Number.isNaN(+n) ? n || 0 : +n;
+  return e.containerQueries(i).up(a);
+}
+function Ot(e) {
+  const t = (a, l) => a.replace("@media", l ? `@container ${l}` : "@container");
+  function r(a, l) {
+    a.up = (...u) => t(e.breakpoints.up(...u), l), a.down = (...u) => t(e.breakpoints.down(...u), l), a.between = (...u) => t(e.breakpoints.between(...u), l), a.only = (...u) => t(e.breakpoints.only(...u), l), a.not = (...u) => {
+      const f = t(e.breakpoints.not(...u), l);
+      return f.includes("not all and") ? f.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : f;
+    };
+  }
+  const n = {}, i = (a) => (r(n, a), n);
+  return r(i), {
+    ...e,
+    containerQueries: i
+  };
+}
+const kt = {
+  borderRadius: 4
+}, Q = process.env.NODE_ENV !== "production" ? ce.oneOfType([ce.number, ce.string, ce.object, ce.array]) : {};
+function de(e, t) {
+  return t ? D(e, t, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
+}
+const Ce = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, Ke = {
+  // 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:${Ce[e]}px)`
+}, _t = {
+  containerQueries: (e) => ({
+    up: (t) => {
+      let r = typeof t == "number" ? t : Ce[t] || t;
+      return typeof r == "number" && (r = `${r}px`), e ? `@container ${e} (min-width:${r})` : `@container (min-width:${r})`;
+    }
+  })
+};
+function Y(e, t, r) {
+  const n = e.theme || {};
+  if (Array.isArray(t)) {
+    const a = n.breakpoints || Ke;
+    return t.reduce((l, u, f) => (l[a.up(a.keys[f])] = r(t[f]), l), {});
+  }
+  if (typeof t == "object") {
+    const a = n.breakpoints || Ke;
+    return Object.keys(t).reduce((l, u) => {
+      if (wt(a.keys, u)) {
+        const f = At(n.containerQueries ? n : _t, u);
+        f && (l[f] = r(t[u], u));
+      } else if (Object.keys(a.values || Ce).includes(u)) {
+        const f = a.up(u);
+        l[f] = r(t[u], u);
+      } else {
+        const f = u;
+        l[f] = t[f];
+      }
+      return l;
+    }, {});
+  }
+  return r(t);
+}
+function lt(e = {}) {
+  return e.keys?.reduce((r, n) => {
+    const i = e.up(n);
+    return r[i] = {}, r;
+  }, {}) || {};
+}
+function Pe(e, t) {
+  return e.reduce((r, n) => {
+    const i = r[n];
+    return (!i || Object.keys(i).length === 0) && delete r[n], r;
+  }, t);
+}
+function gn(e, ...t) {
+  const r = lt(e), n = [r, ...t].reduce((i, a) => D(i, a), {});
+  return Pe(Object.keys(r), n);
+}
+function Nt(e, t) {
+  if (typeof e != "object")
+    return {};
+  const r = {}, n = Object.keys(t);
+  return Array.isArray(e) ? n.forEach((i, a) => {
+    a < e.length && (r[i] = !0);
+  }) : n.forEach((i) => {
+    e[i] != null && (r[i] = !0);
+  }), r;
+}
+function hn({
+  values: e,
+  breakpoints: t,
+  base: r
+}) {
+  const n = r || Nt(e, t), i = Object.keys(n);
+  if (i.length === 0)
+    return e;
+  let a;
+  return i.reduce((l, u, f) => (Array.isArray(e) ? (l[u] = e[f] != null ? e[f] : e[a], a = f) : typeof e == "object" ? (l[u] = e[u] != null ? e[u] : e[a], a = u) : l[u] = e, l), {});
+}
+function ct(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : H(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function Se(e, t, r = !0) {
+  if (!t || typeof t != "string")
+    return null;
+  if (e && e.vars && r) {
+    const n = `vars.${t}`.split(".").reduce((i, a) => i && i[a] ? i[a] : null, e);
+    if (n != null)
+      return n;
+  }
+  return t.split(".").reduce((n, i) => n && n[i] != null ? n[i] : null, e);
+}
+function be(e, t, r, n = r) {
+  let i;
+  return typeof e == "function" ? i = e(r) : Array.isArray(e) ? i = e[r] || n : i = Se(e, r) || n, t && (i = t(i, n, e)), i;
+}
+function B(e) {
+  const {
+    prop: t,
+    cssProperty: r = e.prop,
+    themeKey: n,
+    transform: i
+  } = e, a = (l) => {
+    if (l[t] == null)
+      return null;
+    const u = l[t], f = l.theme, p = Se(f, n) || {};
+    return Y(l, u, (h) => {
+      let d = be(p, i, h);
+      return h === d && typeof h == "string" && (d = be(p, i, `${t}${h === "default" ? "" : ct(h)}`, h)), r === !1 ? d : {
+        [r]: d
+      };
+    });
+  };
+  return a.propTypes = process.env.NODE_ENV !== "production" ? {
+    [t]: Q
+  } : {}, a.filterProps = [t], a;
+}
+function Rt(e) {
+  const t = {};
+  return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
+}
+const Bt = {
+  m: "margin",
+  p: "padding"
+}, It = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, He = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, Pt = Rt((e) => {
+  if (e.length > 2)
+    if (He[e])
+      e = He[e];
+    else
+      return [e];
+  const [t, r] = e.split(""), n = Bt[t], i = It[r] || "";
+  return Array.isArray(i) ? i.map((a) => n + a) : [n + i];
+}), $e = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Ee = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], Dt = [...$e, ...Ee];
+function me(e, t, r, n) {
+  const i = Se(e, t, !0) ?? r;
+  return typeof i == "number" || typeof i == "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 i == "string" ? i.startsWith("var(") && a === 0 ? 0 : i.startsWith("var(") && a === 1 ? i : `calc(${a} * ${i})` : i * a) : Array.isArray(i) ? (a) => {
+    if (typeof a == "string")
+      return a;
+    const l = Math.abs(a);
+    process.env.NODE_ENV !== "production" && (Number.isInteger(l) ? l > i.length - 1 && console.error([`MUI: The value provided (${l}) overflows.`, `The supported values are: ${JSON.stringify(i)}.`, `${l} > ${i.length - 1}, you need to add the missing values.`].join(`
+`)) : console.error([`MUI: The \`theme.${t}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${t}\` as a number.`].join(`
+`)));
+    const u = i[l];
+    return a >= 0 ? u : typeof u == "number" ? -u : typeof u == "string" && u.startsWith("var(") ? `calc(-1 * ${u})` : `-${u}`;
+  } : typeof i == "function" ? i : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${t}\` value (${i}) is invalid.`, "It should be a number, an array or a function."].join(`
+`)), () => {
+  });
+}
+function Ve(e) {
+  return me(e, "spacing", 8, "spacing");
+}
+function ge(e, t) {
+  return typeof t == "string" || t == null ? t : e(t);
+}
+function Mt(e, t) {
+  return (r) => e.reduce((n, i) => (n[i] = ge(t, r), n), {});
+}
+function Ft(e, t, r, n) {
+  if (!t.includes(r))
+    return null;
+  const i = Pt(r), a = Mt(i, n), l = e[r];
+  return Y(e, l, a);
+}
+function ut(e, t) {
+  const r = Ve(e.theme);
+  return Object.keys(e).map((n) => Ft(e, t, n, r)).reduce(de, {});
+}
+function N(e) {
+  return ut(e, $e);
+}
+N.propTypes = process.env.NODE_ENV !== "production" ? $e.reduce((e, t) => (e[t] = Q, e), {}) : {};
+N.filterProps = $e;
+function R(e) {
+  return ut(e, Ee);
+}
+R.propTypes = process.env.NODE_ENV !== "production" ? Ee.reduce((e, t) => (e[t] = Q, e), {}) : {};
+R.filterProps = Ee;
+process.env.NODE_ENV !== "production" && Dt.reduce((e, t) => (e[t] = Q, e), {});
+function ft(e = 8, t = Ve({
+  spacing: e
+})) {
+  if (e.mui)
+    return e;
+  const r = (...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 l = t(a);
+    return typeof l == "number" ? `${l}px` : l;
+  }).join(" "));
+  return r.mui = !0, r;
+}
+function Te(...e) {
+  const t = e.reduce((n, i) => (i.filterProps.forEach((a) => {
+    n[a] = i;
+  }), n), {}), r = (n) => Object.keys(n).reduce((i, a) => t[a] ? de(i, t[a](n)) : i, {});
+  return r.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, i) => Object.assign(n, i.propTypes), {}) : {}, r.filterProps = e.reduce((n, i) => n.concat(i.filterProps), []), r;
+}
+function L(e) {
+  return typeof e != "number" ? e : `${e}px solid`;
+}
+function U(e, t) {
+  return B({
+    prop: e,
+    themeKey: "borders",
+    transform: t
+  });
+}
+const Vt = U("border", L), Lt = U("borderTop", L), Ut = U("borderRight", L), Wt = U("borderBottom", L), jt = U("borderLeft", L), zt = U("borderColor"), Gt = U("borderTopColor"), Yt = U("borderRightColor"), Kt = U("borderBottomColor"), Ht = U("borderLeftColor"), qt = U("outline", L), Qt = U("outlineColor"), ve = (e) => {
+  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
+    const t = me(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
+      borderRadius: ge(t, n)
+    });
+    return Y(e, e.borderRadius, r);
+  }
+  return null;
+};
+ve.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: Q
+} : {};
+ve.filterProps = ["borderRadius"];
+Te(Vt, Lt, Ut, Wt, jt, zt, Gt, Yt, Kt, Ht, ve, qt, Qt);
+const xe = (e) => {
+  if (e.gap !== void 0 && e.gap !== null) {
+    const t = me(e.theme, "spacing", 8, "gap"), r = (n) => ({
+      gap: ge(t, n)
+    });
+    return Y(e, e.gap, r);
+  }
+  return null;
+};
+xe.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: Q
+} : {};
+xe.filterProps = ["gap"];
+const we = (e) => {
+  if (e.columnGap !== void 0 && e.columnGap !== null) {
+    const t = me(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
+      columnGap: ge(t, n)
+    });
+    return Y(e, e.columnGap, r);
+  }
+  return null;
+};
+we.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: Q
+} : {};
+we.filterProps = ["columnGap"];
+const Ae = (e) => {
+  if (e.rowGap !== void 0 && e.rowGap !== null) {
+    const t = me(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
+      rowGap: ge(t, n)
+    });
+    return Y(e, e.rowGap, r);
+  }
+  return null;
+};
+Ae.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: Q
+} : {};
+Ae.filterProps = ["rowGap"];
+const Xt = B({
+  prop: "gridColumn"
+}), Jt = B({
+  prop: "gridRow"
+}), Zt = B({
+  prop: "gridAutoFlow"
+}), er = B({
+  prop: "gridAutoColumns"
+}), tr = B({
+  prop: "gridAutoRows"
+}), rr = B({
+  prop: "gridTemplateColumns"
+}), nr = B({
+  prop: "gridTemplateRows"
+}), or = B({
+  prop: "gridTemplateAreas"
+}), ir = B({
+  prop: "gridArea"
+});
+Te(xe, we, Ae, Xt, Jt, Zt, er, tr, rr, nr, or, ir);
+function ae(e, t) {
+  return t === "grey" ? t : e;
+}
+const ar = B({
+  prop: "color",
+  themeKey: "palette",
+  transform: ae
+}), sr = B({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: ae
+}), lr = B({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: ae
+});
+Te(ar, sr, lr);
+function F(e) {
+  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
+}
+const cr = B({
+  prop: "width",
+  transform: F
+}), Le = (e) => {
+  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
+    const t = (r) => {
+      const n = e.theme?.breakpoints?.values?.[r] || Ce[r];
+      return n ? e.theme?.breakpoints?.unit !== "px" ? {
+        maxWidth: `${n}${e.theme.breakpoints.unit}`
+      } : {
+        maxWidth: n
+      } : {
+        maxWidth: F(r)
+      };
+    };
+    return Y(e, e.maxWidth, t);
+  }
+  return null;
+};
+Le.filterProps = ["maxWidth"];
+const ur = B({
+  prop: "minWidth",
+  transform: F
+}), fr = B({
+  prop: "height",
+  transform: F
+}), dr = B({
+  prop: "maxHeight",
+  transform: F
+}), pr = B({
+  prop: "minHeight",
+  transform: F
+});
+B({
+  prop: "size",
+  cssProperty: "width",
+  transform: F
+});
+B({
+  prop: "size",
+  cssProperty: "height",
+  transform: F
+});
+const mr = B({
+  prop: "boxSizing"
+});
+Te(cr, Le, ur, fr, dr, pr, mr);
+const Oe = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: L
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: L
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: L
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: L
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: L
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  outline: {
+    themeKey: "borders",
+    transform: L
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: ve
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: ae
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: ae
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: ae
+  },
+  // spacing
+  p: {
+    style: R
+  },
+  pt: {
+    style: R
+  },
+  pr: {
+    style: R
+  },
+  pb: {
+    style: R
+  },
+  pl: {
+    style: R
+  },
+  px: {
+    style: R
+  },
+  py: {
+    style: R
+  },
+  padding: {
+    style: R
+  },
+  paddingTop: {
+    style: R
+  },
+  paddingRight: {
+    style: R
+  },
+  paddingBottom: {
+    style: R
+  },
+  paddingLeft: {
+    style: R
+  },
+  paddingX: {
+    style: R
+  },
+  paddingY: {
+    style: R
+  },
+  paddingInline: {
+    style: R
+  },
+  paddingInlineStart: {
+    style: R
+  },
+  paddingInlineEnd: {
+    style: R
+  },
+  paddingBlock: {
+    style: R
+  },
+  paddingBlockStart: {
+    style: R
+  },
+  paddingBlockEnd: {
+    style: R
+  },
+  m: {
+    style: N
+  },
+  mt: {
+    style: N
+  },
+  mr: {
+    style: N
+  },
+  mb: {
+    style: N
+  },
+  ml: {
+    style: N
+  },
+  mx: {
+    style: N
+  },
+  my: {
+    style: N
+  },
+  margin: {
+    style: N
+  },
+  marginTop: {
+    style: N
+  },
+  marginRight: {
+    style: N
+  },
+  marginBottom: {
+    style: N
+  },
+  marginLeft: {
+    style: N
+  },
+  marginX: {
+    style: N
+  },
+  marginY: {
+    style: N
+  },
+  marginInline: {
+    style: N
+  },
+  marginInlineStart: {
+    style: N
+  },
+  marginInlineEnd: {
+    style: N
+  },
+  marginBlock: {
+    style: N
+  },
+  marginBlockStart: {
+    style: N
+  },
+  marginBlockEnd: {
+    style: N
+  },
+  // display
+  displayPrint: {
+    cssProperty: !1,
+    transform: (e) => ({
+      "@media print": {
+        display: e
+      }
+    })
+  },
+  display: {},
+  overflow: {},
+  textOverflow: {},
+  visibility: {},
+  whiteSpace: {},
+  // flexbox
+  flexBasis: {},
+  flexDirection: {},
+  flexWrap: {},
+  justifyContent: {},
+  alignItems: {},
+  alignContent: {},
+  order: {},
+  flex: {},
+  flexGrow: {},
+  flexShrink: {},
+  alignSelf: {},
+  justifyItems: {},
+  justifySelf: {},
+  // grid
+  gap: {
+    style: xe
+  },
+  rowGap: {
+    style: Ae
+  },
+  columnGap: {
+    style: we
+  },
+  gridColumn: {},
+  gridRow: {},
+  gridAutoFlow: {},
+  gridAutoColumns: {},
+  gridAutoRows: {},
+  gridTemplateColumns: {},
+  gridTemplateRows: {},
+  gridTemplateAreas: {},
+  gridArea: {},
+  // positions
+  position: {},
+  zIndex: {
+    themeKey: "zIndex"
+  },
+  top: {},
+  right: {},
+  bottom: {},
+  left: {},
+  // shadows
+  boxShadow: {
+    themeKey: "shadows"
+  },
+  // sizing
+  width: {
+    transform: F
+  },
+  maxWidth: {
+    style: Le
+  },
+  minWidth: {
+    transform: F
+  },
+  height: {
+    transform: F
+  },
+  maxHeight: {
+    transform: F
+  },
+  minHeight: {
+    transform: F
+  },
+  boxSizing: {},
+  // typography
+  font: {
+    themeKey: "font"
+  },
+  fontFamily: {
+    themeKey: "typography"
+  },
+  fontSize: {
+    themeKey: "typography"
+  },
+  fontStyle: {
+    themeKey: "typography"
+  },
+  fontWeight: {
+    themeKey: "typography"
+  },
+  letterSpacing: {},
+  textTransform: {},
+  lineHeight: {},
+  textAlign: {},
+  typography: {
+    cssProperty: !1,
+    themeKey: "typography"
+  }
+};
+function gr(...e) {
+  const t = e.reduce((n, i) => n.concat(Object.keys(i)), []), r = new Set(t);
+  return e.every((n) => r.size === Object.keys(n).length);
+}
+function hr(e, t) {
+  return typeof e == "function" ? e(t) : e;
+}
+function yr() {
+  function e(r, n, i, a) {
+    const l = {
+      [r]: n,
+      theme: i
+    }, u = a[r];
+    if (!u)
+      return {
+        [r]: n
+      };
+    const {
+      cssProperty: f = r,
+      themeKey: p,
+      transform: y,
+      style: h
+    } = u;
+    if (n == null)
+      return null;
+    if (p === "typography" && n === "inherit")
+      return {
+        [r]: n
+      };
+    const d = Se(i, p) || {};
+    return h ? h(l) : Y(l, n, (m) => {
+      let s = be(d, y, m);
+      return m === s && typeof m == "string" && (s = be(d, y, `${r}${m === "default" ? "" : ct(m)}`, m)), f === !1 ? s : {
+        [f]: s
+      };
+    });
+  }
+  function t(r) {
+    const {
+      sx: n,
+      theme: i = {},
+      nested: a
+    } = r || {};
+    if (!n)
+      return null;
+    const l = i.unstable_sxConfig ?? Oe;
+    function u(f) {
+      let p = f;
+      if (typeof f == "function")
+        p = f(i);
+      else if (typeof f != "object")
+        return f;
+      if (!p)
+        return null;
+      const y = lt(i.breakpoints), h = Object.keys(y);
+      let d = y;
+      return Object.keys(p).forEach((b) => {
+        const m = hr(p[b], i);
+        if (m != null)
+          if (typeof m == "object")
+            if (l[b])
+              d = de(d, e(b, m, i, l));
+            else {
+              const s = Y({
+                theme: i
+              }, m, (C) => ({
+                [b]: C
+              }));
+              gr(s, m) ? d[b] = t({
+                sx: m,
+                theme: i,
+                nested: !0
+              }) : d = de(d, s);
+            }
+          else
+            d = de(d, e(b, m, i, l));
+      }), !a && i.modularCssLayers ? {
+        "@layer sx": Ye(i, Pe(h, d))
+      } : Ye(i, Pe(h, d));
+    }
+    return Array.isArray(n) ? n.map(u) : u(n);
+  }
+  return t;
+}
+const ke = yr();
+ke.filterProps = ["sx"];
+function br(e, t) {
+  const r = this;
+  if (r.vars) {
+    if (!r.colorSchemes?.[e] || typeof r.getColorSchemeSelector != "function")
+      return {};
+    let n = r.getColorSchemeSelector(e);
+    return n === "&" ? t : ((n.includes("data-") || n.includes(".")) && (n = `*:where(${n.replace(/\s*&$/, "")}) &`), {
+      [n]: t
+    });
+  }
+  return r.palette.mode === e ? t : {};
+}
+function Cr(e = {}, ...t) {
+  const {
+    breakpoints: r = {},
+    palette: n = {},
+    spacing: i,
+    shape: a = {},
+    ...l
+  } = e, u = xt(r), f = ft(i);
+  let p = D({
+    breakpoints: u,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: {
+      mode: "light",
+      ...n
+    },
+    spacing: f,
+    shape: {
+      ...kt,
+      ...a
+    }
+  }, l);
+  return p = Ot(p), p.applyStyles = br, p = t.reduce((y, h) => D(y, h), p), p.unstable_sxConfig = {
+    ...Oe,
+    ...l?.unstable_sxConfig
+  }, p.unstable_sx = function(h) {
+    return ke({
+      sx: h,
+      theme: this
+    });
+  }, p;
+}
+const qe = (e) => e, Sr = () => {
+  let e = qe;
+  return {
+    configure(t) {
+      e = t;
+    },
+    generate(t) {
+      return e(t);
+    },
+    reset() {
+      e = qe;
+    }
+  };
+}, $r = Sr(), Er = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+};
+function Tr(e, t, r = "Mui") {
+  const n = Er[t];
+  return n ? `${r}-${n}` : `${$r.generate(e)}-${t}`;
+}
+function vr(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+  return Math.max(t, Math.min(e, r));
+}
+function Ue(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}].`), vr(e, t, r);
+}
+function xr(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)), process.env.NODE_ENV !== "production" && e.length !== e.trim().length && console.error(`MUI: The color: "${e}" is invalid. Make sure the color input doesn't contain leading/trailing space.`), 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 q(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return q(xr(e));
+  const t = e.indexOf("("), r = e.substring(0, t);
+  if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(r))
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : H(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"].includes(i))
+      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.` : H(10, i));
+  } else
+    n = n.split(",");
+  return n = n.map((a) => parseFloat(a)), {
+    type: r,
+    values: n,
+    colorSpace: i
+  };
+}
+const wr = (e) => {
+  const t = q(e);
+  return t.values.slice(0, 3).map((r, n) => t.type.includes("hsl") && n !== 0 ? `${r}%` : r).join(" ");
+}, ue = (e, t) => {
+  try {
+    return wr(e);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+};
+function _e(e) {
+  const {
+    type: t,
+    colorSpace: r
+  } = e;
+  let {
+    values: n
+  } = e;
+  return t.includes("rgb") ? n = n.map((i, a) => a < 3 ? parseInt(i, 10) : i) : t.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), t.includes("color") ? n = `${r} ${n.join(" ")}` : n = `${n.join(", ")}`, `${t}(${n})`;
+}
+function dt(e) {
+  e = q(e);
+  const {
+    values: t
+  } = e, r = t[0], n = t[1] / 100, i = t[2] / 100, a = n * Math.min(i, 1 - i), l = (p, y = (p + r / 30) % 12) => i - a * Math.max(Math.min(y - 3, 9 - y, 1), -1);
+  let u = "rgb";
+  const f = [Math.round(l(0) * 255), Math.round(l(8) * 255), Math.round(l(4) * 255)];
+  return e.type === "hsla" && (u += "a", f.push(t[3])), _e({
+    type: u,
+    values: f
+  });
+}
+function De(e) {
+  e = q(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? q(dt(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 Qe(e, t) {
+  const r = De(e), n = De(t);
+  return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
+}
+function pt(e, t) {
+  return e = q(e), t = Ue(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, _e(e);
+}
+function J(e, t, r) {
+  try {
+    return pt(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function Ne(e, t) {
+  if (e = q(e), t = Ue(t), e.type.includes("hsl"))
+    e.values[2] *= 1 - t;
+  else if (e.type.includes("rgb") || e.type.includes("color"))
+    for (let r = 0; r < 3; r += 1)
+      e.values[r] *= 1 - t;
+  return _e(e);
+}
+function T(e, t, r) {
+  try {
+    return Ne(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function Re(e, t) {
+  if (e = q(e), t = Ue(t), e.type.includes("hsl"))
+    e.values[2] += (100 - e.values[2]) * t;
+  else if (e.type.includes("rgb"))
+    for (let r = 0; r < 3; r += 1)
+      e.values[r] += (255 - e.values[r]) * t;
+  else if (e.type.includes("color"))
+    for (let r = 0; r < 3; r += 1)
+      e.values[r] += (1 - e.values[r]) * t;
+  return _e(e);
+}
+function v(e, t, r) {
+  try {
+    return Re(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function Ar(e, t = 0.15) {
+  return De(e) > 0.5 ? Ne(e, t) : Re(e, t);
+}
+function ye(e, t, r) {
+  try {
+    return Ar(e, t);
+  } catch {
+    return e;
+  }
+}
+function Or(e = "") {
+  function t(...n) {
+    if (!n.length)
+      return "";
+    const i = n[0];
+    return typeof i == "string" && !i.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${e ? `${e}-` : ""}${i}${t(...n.slice(1))})` : `, ${i}`;
+  }
+  return (n, ...i) => `var(--${e ? `${e}-` : ""}${n}${t(...i)})`;
+}
+const Xe = (e, t, r, n = []) => {
+  let i = e;
+  t.forEach((a, l) => {
+    l === t.length - 1 ? Array.isArray(i) ? i[Number(a)] = r : i && typeof i == "object" && (i[a] = r) : i && typeof i == "object" && (i[a] || (i[a] = n.includes(a) ? [] : {}), i = i[a]);
+  });
+}, kr = (e, t, r) => {
+  function n(i, a = [], l = []) {
+    Object.entries(i).forEach(([u, f]) => {
+      (!r || r && !r([...a, u])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...a, u], Array.isArray(f) ? [...l, u] : l) : t([...a, u], f, l));
+    });
+  }
+  n(e);
+}, _r = (e, t) => typeof t == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().includes("opacity") ? t : `${t}px` : t;
+function Be(e, t) {
+  const {
+    prefix: r,
+    shouldSkipGeneratingVar: n
+  } = t || {}, i = {}, a = {}, l = {};
+  return kr(
+    e,
+    (u, f, p) => {
+      if ((typeof f == "string" || typeof f == "number") && (!n || !n(u, f))) {
+        const y = `--${r ? `${r}-` : ""}${u.join("-")}`, h = _r(u, f);
+        Object.assign(i, {
+          [y]: h
+        }), Xe(a, u, `var(${y})`, p), Xe(l, u, `var(${y}, ${h})`, p);
+      }
+    },
+    (u) => u[0] === "vars"
+    // skip 'vars/*' paths
+  ), {
+    css: i,
+    vars: a,
+    varsWithDefaults: l
+  };
+}
+function Nr(e, t = {}) {
+  const {
+    getSelector: r = O,
+    disableCssColorScheme: n,
+    colorSchemeSelector: i,
+    enableContrastVars: a
+  } = t, {
+    colorSchemes: l = {},
+    components: u,
+    defaultColorScheme: f = "light",
+    ...p
+  } = e, {
+    vars: y,
+    css: h,
+    varsWithDefaults: d
+  } = Be(p, t);
+  let b = d;
+  const m = {}, {
+    [f]: s,
+    ...C
+  } = l;
+  if (Object.entries(C || {}).forEach(([$, P]) => {
+    const {
+      vars: E,
+      css: X,
+      varsWithDefaults: se
+    } = Be(P, t);
+    b = D(b, se), m[$] = {
+      css: X,
+      vars: E
+    };
+  }), s) {
+    const {
+      css: $,
+      vars: P,
+      varsWithDefaults: E
+    } = Be(s, t);
+    b = D(b, E), m[f] = {
+      css: $,
+      vars: P
+    };
+  }
+  function O($, P) {
+    let E = i;
+    if (i === "class" && (E = ".%s"), i === "data" && (E = "[data-%s]"), i?.startsWith("data-") && !i.includes("%s") && (E = `[${i}="%s"]`), $) {
+      if (E === "media")
+        return e.defaultColorScheme === $ ? ":root" : {
+          [`@media (prefers-color-scheme: ${l[$]?.palette?.mode || $})`]: {
+            ":root": P
+          }
+        };
+      if (E)
+        return e.defaultColorScheme === $ ? `:root, ${E.replace("%s", String($))}` : E.replace("%s", String($));
+    }
+    return ":root";
+  }
+  return {
+    vars: b,
+    generateThemeVars: () => {
+      let $ = {
+        ...y
+      };
+      return Object.entries(m).forEach(([, {
+        vars: P
+      }]) => {
+        $ = D($, P);
+      }), $;
+    },
+    generateStyleSheets: () => {
+      const $ = [], P = e.defaultColorScheme || "light";
+      function E(W, j) {
+        Object.keys(j).length && $.push(typeof W == "string" ? {
+          [W]: {
+            ...j
+          }
+        } : W);
+      }
+      E(r(void 0, {
+        ...h
+      }), h);
+      const {
+        [P]: X,
+        ...se
+      } = m;
+      if (X) {
+        const {
+          css: W
+        } = X, j = l[P]?.palette?.mode, M = !n && j ? {
+          colorScheme: j,
+          ...W
+        } : {
+          ...W
+        };
+        E(r(P, {
+          ...M
+        }), M);
+      }
+      return Object.entries(se).forEach(([W, {
+        css: j
+      }]) => {
+        const M = l[W]?.palette?.mode, o = !n && M ? {
+          colorScheme: M,
+          ...j
+        } : {
+          ...j
+        };
+        E(r(W, {
+          ...o
+        }), o);
+      }), a && $.push({
+        ":root": {
+          // use double underscore to indicate that these are private variables
+          "--__l-threshold": "0.7",
+          "--__l": "clamp(0, (l / var(--__l-threshold) - 1) * -infinity, 1)",
+          "--__a": "clamp(0.87, (l / var(--__l-threshold) - 1) * -infinity, 1)"
+          // 0.87 is the default alpha value for black text.
+        }
+      }), $;
+    }
+  };
+}
+function Rr(e) {
+  return function(r) {
+    return e === "media" ? (process.env.NODE_ENV !== "production" && r !== "light" && r !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${r}'.`), `@media (prefers-color-scheme: ${r})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${r}"] &` : e === "class" ? `.${r} &` : e === "data" ? `[data-${r}] &` : `${e.replace("%s", r)} &` : "&";
+  };
+}
+function mt() {
+  return {
+    // The colors used to style the text.
+    text: {
+      // The most important text.
+      primary: "rgba(0, 0, 0, 0.87)",
+      // Secondary text.
+      secondary: "rgba(0, 0, 0, 0.6)",
+      // Disabled text have even lower visual prominence.
+      disabled: "rgba(0, 0, 0, 0.38)"
+    },
+    // The color used to divide different elements.
+    divider: "rgba(0, 0, 0, 0.12)",
+    // The background colors used to style the surfaces.
+    // Consistency between these values is important.
+    background: {
+      paper: pe.white,
+      default: pe.white
+    },
+    // The colors used to style the action elements.
+    action: {
+      // The color of an active action like an icon button.
+      active: "rgba(0, 0, 0, 0.54)",
+      // The color of an hovered action.
+      hover: "rgba(0, 0, 0, 0.04)",
+      hoverOpacity: 0.04,
+      // The color of a selected action.
+      selected: "rgba(0, 0, 0, 0.08)",
+      selectedOpacity: 0.08,
+      // The color of a disabled action.
+      disabled: "rgba(0, 0, 0, 0.26)",
+      // The background color of a disabled action.
+      disabledBackground: "rgba(0, 0, 0, 0.12)",
+      disabledOpacity: 0.38,
+      focus: "rgba(0, 0, 0, 0.12)",
+      focusOpacity: 0.12,
+      activatedOpacity: 0.12
+    }
+  };
+}
+const gt = mt();
+function ht() {
+  return {
+    text: {
+      primary: pe.white,
+      secondary: "rgba(255, 255, 255, 0.7)",
+      disabled: "rgba(255, 255, 255, 0.5)",
+      icon: "rgba(255, 255, 255, 0.5)"
+    },
+    divider: "rgba(255, 255, 255, 0.12)",
+    background: {
+      paper: "#121212",
+      default: "#121212"
+    },
+    action: {
+      active: pe.white,
+      hover: "rgba(255, 255, 255, 0.08)",
+      hoverOpacity: 0.08,
+      selected: "rgba(255, 255, 255, 0.16)",
+      selectedOpacity: 0.16,
+      disabled: "rgba(255, 255, 255, 0.3)",
+      disabledBackground: "rgba(255, 255, 255, 0.12)",
+      disabledOpacity: 0.38,
+      focus: "rgba(255, 255, 255, 0.12)",
+      focusOpacity: 0.12,
+      activatedOpacity: 0.24
+    }
+  };
+}
+const Me = ht();
+function Je(e, t, r, n) {
+  const i = n.light || n, a = n.dark || n * 1.5;
+  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = Re(e.main, i) : t === "dark" && (e.dark = Ne(e.main, a)));
+}
+function Ze(e, t, r, n, i) {
+  const a = i.light || i, l = i.dark || i * 1.5;
+  t[r] || (t.hasOwnProperty(n) ? t[r] = t[n] : r === "light" ? t.light = `color-mix(in ${e}, ${t.main}, #fff ${(a * 100).toFixed(0)}%)` : r === "dark" && (t.dark = `color-mix(in ${e}, ${t.main}, #000 ${(l * 100).toFixed(0)}%)`));
+}
+function Br(e = "light") {
+  return e === "dark" ? {
+    main: ne[200],
+    light: ne[50],
+    dark: ne[400]
+  } : {
+    main: ne[700],
+    light: ne[400],
+    dark: ne[800]
+  };
+}
+function Ir(e = "light") {
+  return e === "dark" ? {
+    main: re[200],
+    light: re[50],
+    dark: re[400]
+  } : {
+    main: re[500],
+    light: re[300],
+    dark: re[700]
+  };
+}
+function Pr(e = "light") {
+  return e === "dark" ? {
+    main: te[500],
+    light: te[300],
+    dark: te[700]
+  } : {
+    main: te[700],
+    light: te[400],
+    dark: te[800]
+  };
+}
+function Dr(e = "light") {
+  return e === "dark" ? {
+    main: oe[400],
+    light: oe[300],
+    dark: oe[700]
+  } : {
+    main: oe[700],
+    light: oe[500],
+    dark: oe[900]
+  };
+}
+function Mr(e = "light") {
+  return e === "dark" ? {
+    main: ie[400],
+    light: ie[300],
+    dark: ie[700]
+  } : {
+    main: ie[800],
+    light: ie[500],
+    dark: ie[900]
+  };
+}
+function Fr(e = "light") {
+  return e === "dark" ? {
+    main: le[400],
+    light: le[300],
+    dark: le[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: le[500],
+    dark: le[900]
+  };
+}
+function Vr(e) {
+  return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
+}
+function We(e) {
+  const {
+    mode: t = "light",
+    contrastThreshold: r = 3,
+    tonalOffset: n = 0.2,
+    colorSpace: i,
+    ...a
+  } = e, l = e.primary || Br(t), u = e.secondary || Ir(t), f = e.error || Pr(t), p = e.info || Dr(t), y = e.success || Mr(t), h = e.warning || Fr(t);
+  function d(C) {
+    if (i)
+      return Vr(C);
+    const O = Qe(C, Me.text.primary) >= r ? Me.text.primary : gt.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const k = Qe(C, O);
+      k < 3 && console.error([`MUI: The contrast ratio of ${k}:1 for ${O} on ${C}`, "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 O;
+  }
+  const b = ({
+    color: C,
+    name: O,
+    mainShade: k = 500,
+    lightShade: V = 300,
+    darkShade: $ = 700
+  }) => {
+    if (C = {
+      ...C
+    }, !C.main && C[k] && (C.main = C[k]), !C.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${O ? ` (${O})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${k}\` property.` : H(11, O ? ` (${O})` : "", k));
+    if (typeof C.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${O ? ` (${O})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(C.main)}\` was provided instead.
+
+Did you intend to use one of the following approaches?
+
+import { green } from "@mui/material/colors";
+
+const theme1 = createTheme({ palette: {
+  primary: green,
+} });
+
+const theme2 = createTheme({ palette: {
+  primary: { main: green[500] },
+} });` : H(12, O ? ` (${O})` : "", JSON.stringify(C.main)));
+    return i ? (Ze(i, C, "light", V, n), Ze(i, C, "dark", $, n)) : (Je(C, "light", V, n), Je(C, "dark", $, n)), C.contrastText || (C.contrastText = d(C.main)), C;
+  };
+  let m;
+  return t === "light" ? m = mt() : t === "dark" && (m = ht()), process.env.NODE_ENV !== "production" && (m || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), D({
+    // A collection of common colors.
+    common: {
+      ...pe
+    },
+    // 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: b({
+      color: l,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: b({
+      color: u,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: b({
+      color: f,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: b({
+      color: h,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: b({
+      color: p,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: b({
+      color: y,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: St,
+    // Used by `getContrastText()` to maximize the contrast between
+    // the background and the text.
+    contrastThreshold: r,
+    // Takes a background color and returns the text color that maximizes the contrast.
+    getContrastText: d,
+    // Generate a rich color object.
+    augmentColor: b,
+    // 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,
+    // The light and dark mode object.
+    ...m
+  }, a);
+}
+function Lr(e) {
+  const t = {};
+  return Object.entries(e).forEach((n) => {
+    const [i, a] = n;
+    typeof a == "object" && (t[i] = `${a.fontStyle ? `${a.fontStyle} ` : ""}${a.fontVariant ? `${a.fontVariant} ` : ""}${a.fontWeight ? `${a.fontWeight} ` : ""}${a.fontStretch ? `${a.fontStretch} ` : ""}${a.fontSize || ""}${a.lineHeight ? `/${a.lineHeight} ` : ""}${a.fontFamily || ""}`);
+  }), t;
+}
+function Ur(e, t) {
+  return {
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    },
+    ...t
+  };
+}
+function Wr(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const et = {
+  textTransform: "uppercase"
+}, tt = '"Roboto", "Helvetica", "Arial", sans-serif';
+function jr(e, t) {
+  const {
+    fontFamily: r = tt,
+    // The default font size of the Material Specification.
+    fontSize: n = 14,
+    // px
+    fontWeightLight: i = 300,
+    fontWeightRegular: a = 400,
+    fontWeightMedium: l = 500,
+    fontWeightBold: u = 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: p,
+    pxToRem: y,
+    ...h
+  } = typeof t == "function" ? t(e) : t;
+  process.env.NODE_ENV !== "production" && (typeof n != "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 d = n / 14, b = y || ((C) => `${C / f * d}rem`), m = (C, O, k, V, $) => ({
+    fontFamily: r,
+    fontWeight: C,
+    fontSize: b(O),
+    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
+    lineHeight: k,
+    // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
+    // across font-families can cause issues with the kerning.
+    ...r === tt ? {
+      letterSpacing: `${Wr(V / O)}em`
+    } : {},
+    ...$,
+    ...p
+  }), s = {
+    h1: m(i, 96, 1.167, -1.5),
+    h2: m(i, 60, 1.2, -0.5),
+    h3: m(a, 48, 1.167, 0),
+    h4: m(a, 34, 1.235, 0.25),
+    h5: m(a, 24, 1.334, 0),
+    h6: m(l, 20, 1.6, 0.15),
+    subtitle1: m(a, 16, 1.75, 0.15),
+    subtitle2: m(l, 14, 1.57, 0.1),
+    body1: m(a, 16, 1.5, 0.15),
+    body2: m(a, 14, 1.43, 0.15),
+    button: m(l, 14, 1.75, 0.4, et),
+    caption: m(a, 12, 1.66, 0.4),
+    overline: m(a, 12, 2.66, 1, et),
+    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
+    inherit: {
+      fontFamily: "inherit",
+      fontWeight: "inherit",
+      fontSize: "inherit",
+      lineHeight: "inherit",
+      letterSpacing: "inherit"
+    }
+  };
+  return D({
+    htmlFontSize: f,
+    pxToRem: b,
+    fontFamily: r,
+    fontSize: n,
+    fontWeightLight: i,
+    fontWeightRegular: a,
+    fontWeightMedium: l,
+    fontWeightBold: u,
+    ...s
+  }, h, {
+    clone: !1
+    // No need to clone deep
+  });
+}
+const zr = 0.2, Gr = 0.14, Yr = 0.12;
+function _(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${zr})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Gr})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Yr})`].join(",");
+}
+const Kr = ["none", _(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), _(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), _(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), _(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), _(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), _(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), _(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), _(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), _(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), _(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), _(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), _(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), _(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), _(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), _(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), _(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), _(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), _(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), _(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), _(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), _(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), _(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), _(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), _(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Hr = {
+  // 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
+  // slowly decelerate to a resting point.
+  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
+  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
+  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)"
+}, qr = {
+  shortest: 150,
+  shorter: 200,
+  short: 250,
+  // most basic recommended timing
+  standard: 300,
+  // this is to be used in complex animations
+  complex: 375,
+  // recommended when something is entering screen
+  enteringScreen: 225,
+  // recommended when something is leaving screen
+  leavingScreen: 195
+};
+function rt(e) {
+  return `${Math.round(e)}ms`;
+}
+function Qr(e) {
+  if (!e)
+    return 0;
+  const t = e / 36;
+  return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
+}
+function Xr(e) {
+  const t = {
+    ...Hr,
+    ...e.easing
+  }, r = {
+    ...qr,
+    ...e.duration
+  };
+  return {
+    getAutoHeightDuration: Qr,
+    create: (i = ["all"], a = {}) => {
+      const {
+        duration: l = r.standard,
+        easing: u = t.easeInOut,
+        delay: f = 0,
+        ...p
+      } = a;
+      if (process.env.NODE_ENV !== "production") {
+        const y = (d) => typeof d == "string", h = (d) => !Number.isNaN(parseFloat(d));
+        !y(i) && !Array.isArray(i) && console.error('MUI: Argument "props" must be a string or Array.'), !h(l) && !y(l) && console.error(`MUI: Argument "duration" must be a number or a string but found ${l}.`), y(u) || console.error('MUI: Argument "easing" must be a string.'), !h(f) && !y(f) && 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(p).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(p).join(",")}].`);
+      }
+      return (Array.isArray(i) ? i : [i]).map((y) => `${y} ${typeof l == "string" ? l : rt(l)} ${u} ${typeof f == "string" ? f : rt(f)}`).join(",");
+    },
+    ...e,
+    easing: t,
+    duration: r
+  };
+}
+const Jr = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+};
+function Zr(e) {
+  return K(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+}
+function yt(e = {}) {
+  const t = {
+    ...e
+  };
+  function r(n) {
+    const i = Object.entries(n);
+    for (let a = 0; a < i.length; a++) {
+      const [l, u] = i[a];
+      !Zr(u) || l.startsWith("unstable_") ? delete n[l] : K(u) && (n[l] = {
+        ...u
+      }, r(n[l]));
+    }
+  }
+  return r(t), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
+
+const theme = ${JSON.stringify(t, null, 2)};
+
+theme.breakpoints = createBreakpoints(theme.breakpoints || {});
+theme.transitions = createTransitions(theme.transitions || {});
+
+export default theme;`;
+}
+function nt(e) {
+  return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
+}
+const en = (e) => {
+  if (!Number.isNaN(+e))
+    return +e;
+  const t = e.match(/\d*\.?\d+/g);
+  if (!t)
+    return 0;
+  let r = 0;
+  for (let n = 0; n < t.length; n += 1)
+    r += +t[n];
+  return r;
+};
+function tn(e) {
+  Object.assign(e, {
+    alpha(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `oklch(from ${t} l c h / ${typeof r == "string" ? `calc(${r})` : r})` : n.vars ? `rgba(${t.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof r == "string" ? `calc(${r})` : r})` : pt(t, en(r));
+    },
+    lighten(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #fff ${nt(r)})` : Re(t, r);
+    },
+    darken(t, r) {
+      const n = this || e;
+      return n.colorSpace ? `color-mix(in ${n.colorSpace}, ${t}, #000 ${nt(r)})` : Ne(t, r);
+    }
+  });
+}
+function Fe(e = {}, ...t) {
+  const {
+    breakpoints: r,
+    mixins: n = {},
+    spacing: i,
+    palette: a = {},
+    transitions: l = {},
+    typography: u = {},
+    shape: f,
+    colorSpace: p,
+    ...y
+  } = e;
+  if (e.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
+  // `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." : H(20));
+  const h = We({
+    ...a,
+    colorSpace: p
+  }), d = Cr(e);
+  let b = D(d, {
+    mixins: Ur(d.breakpoints, n),
+    palette: h,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: Kr.slice(),
+    typography: jr(h, u),
+    transitions: Xr(l),
+    zIndex: {
+      ...Jr
+    }
+  });
+  if (b = D(b, y), b = t.reduce((m, s) => D(m, s), b), process.env.NODE_ENV !== "production") {
+    const m = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], s = (C, O) => {
+      let k;
+      for (k in C) {
+        const V = C[k];
+        if (m.includes(k) && Object.keys(V).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const $ = Tr("", k);
+            console.error([`MUI: The \`${O}\` component increases the CSS specificity of the \`${k}\` internal state.`, "You can not override it like this: ", JSON.stringify(C, null, 2), "", `Instead, you need to use the '&.${$}' syntax:`, JSON.stringify({
+              root: {
+                [`&.${$}`]: V
+              }
+            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
+`));
+          }
+          C[k] = {};
+        }
+      }
+    };
+    Object.keys(b.components).forEach((C) => {
+      const O = b.components[C].styleOverrides;
+      O && C.startsWith("Mui") && s(O, C);
+    });
+  }
+  return b.unstable_sxConfig = {
+    ...Oe,
+    ...y?.unstable_sxConfig
+  }, b.unstable_sx = function(s) {
+    return ke({
+      sx: s,
+      theme: this
+    });
+  }, b.toRuntimeSource = yt, tn(b), b;
+}
+function rn(e) {
+  let t;
+  return e < 1 ? t = 5.11916 * e ** 2 : t = 4.5 * Math.log(e + 1) + 2, Math.round(t * 10) / 1e3;
+}
+const nn = [...Array(25)].map((e, t) => {
+  if (t === 0)
+    return "none";
+  const r = rn(t);
+  return `linear-gradient(rgba(255 255 255 / ${r}), rgba(255 255 255 / ${r}))`;
+});
+function bt(e) {
+  return {
+    inputPlaceholder: e === "dark" ? 0.5 : 0.42,
+    inputUnderline: e === "dark" ? 0.7 : 0.42,
+    switchTrackDisabled: e === "dark" ? 0.2 : 0.12,
+    switchTrack: e === "dark" ? 0.3 : 0.38
+  };
+}
+function Ct(e) {
+  return e === "dark" ? nn : [];
+}
+function on(e) {
+  const {
+    palette: t = {
+      mode: "light"
+    },
+    // need to cast to avoid module augmentation test
+    opacity: r,
+    overlays: n,
+    colorSpace: i,
+    ...a
+  } = e, l = We({
+    ...t,
+    colorSpace: i
+  });
+  return {
+    palette: l,
+    opacity: {
+      ...bt(l.mode),
+      ...r
+    },
+    overlays: n || Ct(l.mode),
+    ...a
+  };
+}
+function an(e) {
+  return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
+  e[0] === "palette" && !!e[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
+}
+const sn = (e) => [...[...Array(25)].map((t, r) => `--${e ? `${e}-` : ""}overlays-${r}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], ln = (e) => (t, r) => {
+  const n = e.rootSelector || ":root", i = e.colorSchemeSelector;
+  let a = i;
+  if (i === "class" && (a = ".%s"), i === "data" && (a = "[data-%s]"), i?.startsWith("data-") && !i.includes("%s") && (a = `[${i}="%s"]`), e.defaultColorScheme === t) {
+    if (t === "dark") {
+      const l = {};
+      return sn(e.cssVarPrefix).forEach((u) => {
+        l[u] = r[u], delete r[u];
+      }), a === "media" ? {
+        [n]: r,
+        "@media (prefers-color-scheme: dark)": {
+          [n]: l
+        }
+      } : a ? {
+        [a.replace("%s", t)]: l,
+        [`${n}, ${a.replace("%s", t)}`]: r
+      } : {
+        [n]: {
+          ...r,
+          ...l
+        }
+      };
+    }
+    if (a && a !== "media")
+      return `${n}, ${a.replace("%s", String(t))}`;
+  } else if (t) {
+    if (a === "media")
+      return {
+        [`@media (prefers-color-scheme: ${String(t)})`]: {
+          [n]: r
+        }
+      };
+    if (a)
+      return a.replace("%s", String(t));
+  }
+  return n;
+};
+function cn(e, t) {
+  t.forEach((r) => {
+    e[r] || (e[r] = {});
+  });
+}
+function c(e, t, r) {
+  !e[t] && r && (e[t] = r);
+}
+function fe(e) {
+  return typeof e != "string" || !e.startsWith("hsl") ? e : dt(e);
+}
+function G(e, t) {
+  `${t}Channel` in e || (e[`${t}Channel`] = ue(fe(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
+}
+function un(e) {
+  return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
+}
+const z = (e) => {
+  try {
+    return e();
+  } catch {
+  }
+}, fn = (e = "mui") => Or(e);
+function Ie(e, t, r, n, i) {
+  if (!r)
+    return;
+  r = r === !0 ? {} : r;
+  const a = i === "dark" ? "dark" : "light";
+  if (!n) {
+    t[i] = on({
+      ...r,
+      palette: {
+        mode: a,
+        ...r?.palette
+      },
+      colorSpace: e
+    });
+    return;
+  }
+  const {
+    palette: l,
+    ...u
+  } = Fe({
+    ...n,
+    palette: {
+      mode: a,
+      ...r?.palette
+    },
+    colorSpace: e
+  });
+  return t[i] = {
+    ...r,
+    palette: l,
+    opacity: {
+      ...bt(a),
+      ...r?.opacity
+    },
+    overlays: r?.overlays || Ct(a)
+  }, u;
+}
+function dn(e = {}, ...t) {
+  const {
+    colorSchemes: r = {
+      light: !0
+    },
+    defaultColorScheme: n,
+    disableCssColorScheme: i = !1,
+    cssVarPrefix: a = "mui",
+    nativeColor: l = !1,
+    shouldSkipGeneratingVar: u = an,
+    colorSchemeSelector: f = r.light && r.dark ? "media" : void 0,
+    rootSelector: p = ":root",
+    ...y
+  } = e, h = Object.keys(r)[0], d = n || (r.light && h !== "light" ? "light" : h), b = fn(a), {
+    [d]: m,
+    light: s,
+    dark: C,
+    ...O
+  } = r, k = {
+    ...O
+  };
+  let V = m;
+  if ((d === "dark" && !("dark" in r) || d === "light" && !("light" in r)) && (V = !0), !V)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${d}\` option is either missing or invalid.` : H(21, d));
+  let $;
+  l && ($ = "oklch");
+  const P = Ie($, k, V, y, d);
+  s && !k.light && Ie($, k, s, void 0, "light"), C && !k.dark && Ie($, k, C, void 0, "dark");
+  let E = {
+    defaultColorScheme: d,
+    ...P,
+    cssVarPrefix: a,
+    colorSchemeSelector: f,
+    rootSelector: p,
+    getCssVar: b,
+    colorSchemes: k,
+    font: {
+      ...Lr(P.typography),
+      ...P.font
+    },
+    spacing: un(y.spacing)
+  };
+  Object.keys(E.colorSchemes).forEach((M) => {
+    const o = E.colorSchemes[M].palette, S = (A) => {
+      const I = A.split("-"), Z = I[1], ee = I[2];
+      return b(A, o[Z][ee]);
+    };
+    o.mode === "light" && (c(o.common, "background", "#fff"), c(o.common, "onBackground", "#000")), o.mode === "dark" && (c(o.common, "background", "#000"), c(o.common, "onBackground", "#fff"));
+    function g(A, I, Z) {
+      if ($) {
+        let ee;
+        return A === J && (ee = `transparent ${((1 - Z) * 100).toFixed(0)}%`), A === T && (ee = `#000 ${(Z * 100).toFixed(0)}%`), A === v && (ee = `#fff ${(Z * 100).toFixed(0)}%`), `color-mix(in ${$}, ${I}, ${ee})`;
+      }
+      return A(I, Z);
+    }
+    if (cn(o, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), o.mode === "light") {
+      c(o.Alert, "errorColor", g(T, o.error.light, 0.6)), c(o.Alert, "infoColor", g(T, o.info.light, 0.6)), c(o.Alert, "successColor", g(T, o.success.light, 0.6)), c(o.Alert, "warningColor", g(T, o.warning.light, 0.6)), c(o.Alert, "errorFilledBg", S("palette-error-main")), c(o.Alert, "infoFilledBg", S("palette-info-main")), c(o.Alert, "successFilledBg", S("palette-success-main")), c(o.Alert, "warningFilledBg", S("palette-warning-main")), c(o.Alert, "errorFilledColor", z(() => o.getContrastText(o.error.main))), c(o.Alert, "infoFilledColor", z(() => o.getContrastText(o.info.main))), c(o.Alert, "successFilledColor", z(() => o.getContrastText(o.success.main))), c(o.Alert, "warningFilledColor", z(() => o.getContrastText(o.warning.main))), c(o.Alert, "errorStandardBg", g(v, o.error.light, 0.9)), c(o.Alert, "infoStandardBg", g(v, o.info.light, 0.9)), c(o.Alert, "successStandardBg", g(v, o.success.light, 0.9)), c(o.Alert, "warningStandardBg", g(v, o.warning.light, 0.9)), c(o.Alert, "errorIconColor", S("palette-error-main")), c(o.Alert, "infoIconColor", S("palette-info-main")), c(o.Alert, "successIconColor", S("palette-success-main")), c(o.Alert, "warningIconColor", S("palette-warning-main")), c(o.AppBar, "defaultBg", S("palette-grey-100")), c(o.Avatar, "defaultBg", S("palette-grey-400")), c(o.Button, "inheritContainedBg", S("palette-grey-300")), c(o.Button, "inheritContainedHoverBg", S("palette-grey-A100")), c(o.Chip, "defaultBorder", S("palette-grey-400")), c(o.Chip, "defaultAvatarColor", S("palette-grey-700")), c(o.Chip, "defaultIconColor", S("palette-grey-700")), c(o.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), c(o.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), c(o.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), c(o.LinearProgress, "primaryBg", g(v, o.primary.main, 0.62)), c(o.LinearProgress, "secondaryBg", g(v, o.secondary.main, 0.62)), c(o.LinearProgress, "errorBg", g(v, o.error.main, 0.62)), c(o.LinearProgress, "infoBg", g(v, o.info.main, 0.62)), c(o.LinearProgress, "successBg", g(v, o.success.main, 0.62)), c(o.LinearProgress, "warningBg", g(v, o.warning.main, 0.62)), c(o.Skeleton, "bg", $ ? g(J, o.text.primary, 0.11) : `rgba(${S("palette-text-primaryChannel")} / 0.11)`), c(o.Slider, "primaryTrack", g(v, o.primary.main, 0.62)), c(o.Slider, "secondaryTrack", g(v, o.secondary.main, 0.62)), c(o.Slider, "errorTrack", g(v, o.error.main, 0.62)), c(o.Slider, "infoTrack", g(v, o.info.main, 0.62)), c(o.Slider, "successTrack", g(v, o.success.main, 0.62)), c(o.Slider, "warningTrack", g(v, o.warning.main, 0.62));
+      const A = $ ? g(T, o.background.default, 0.6825) : ye(o.background.default, 0.8);
+      c(o.SnackbarContent, "bg", A), c(o.SnackbarContent, "color", z(() => $ ? Me.text.primary : o.getContrastText(A))), c(o.SpeedDialAction, "fabHoverBg", ye(o.background.paper, 0.15)), c(o.StepConnector, "border", S("palette-grey-400")), c(o.StepContent, "border", S("palette-grey-400")), c(o.Switch, "defaultColor", S("palette-common-white")), c(o.Switch, "defaultDisabledColor", S("palette-grey-100")), c(o.Switch, "primaryDisabledColor", g(v, o.primary.main, 0.62)), c(o.Switch, "secondaryDisabledColor", g(v, o.secondary.main, 0.62)), c(o.Switch, "errorDisabledColor", g(v, o.error.main, 0.62)), c(o.Switch, "infoDisabledColor", g(v, o.info.main, 0.62)), c(o.Switch, "successDisabledColor", g(v, o.success.main, 0.62)), c(o.Switch, "warningDisabledColor", g(v, o.warning.main, 0.62)), c(o.TableCell, "border", g(v, g(J, o.divider, 1), 0.88)), c(o.Tooltip, "bg", g(J, o.grey[700], 0.92));
+    }
+    if (o.mode === "dark") {
+      c(o.Alert, "errorColor", g(v, o.error.light, 0.6)), c(o.Alert, "infoColor", g(v, o.info.light, 0.6)), c(o.Alert, "successColor", g(v, o.success.light, 0.6)), c(o.Alert, "warningColor", g(v, o.warning.light, 0.6)), c(o.Alert, "errorFilledBg", S("palette-error-dark")), c(o.Alert, "infoFilledBg", S("palette-info-dark")), c(o.Alert, "successFilledBg", S("palette-success-dark")), c(o.Alert, "warningFilledBg", S("palette-warning-dark")), c(o.Alert, "errorFilledColor", z(() => o.getContrastText(o.error.dark))), c(o.Alert, "infoFilledColor", z(() => o.getContrastText(o.info.dark))), c(o.Alert, "successFilledColor", z(() => o.getContrastText(o.success.dark))), c(o.Alert, "warningFilledColor", z(() => o.getContrastText(o.warning.dark))), c(o.Alert, "errorStandardBg", g(T, o.error.light, 0.9)), c(o.Alert, "infoStandardBg", g(T, o.info.light, 0.9)), c(o.Alert, "successStandardBg", g(T, o.success.light, 0.9)), c(o.Alert, "warningStandardBg", g(T, o.warning.light, 0.9)), c(o.Alert, "errorIconColor", S("palette-error-main")), c(o.Alert, "infoIconColor", S("palette-info-main")), c(o.Alert, "successIconColor", S("palette-success-main")), c(o.Alert, "warningIconColor", S("palette-warning-main")), c(o.AppBar, "defaultBg", S("palette-grey-900")), c(o.AppBar, "darkBg", S("palette-background-paper")), c(o.AppBar, "darkColor", S("palette-text-primary")), c(o.Avatar, "defaultBg", S("palette-grey-600")), c(o.Button, "inheritContainedBg", S("palette-grey-800")), c(o.Button, "inheritContainedHoverBg", S("palette-grey-700")), c(o.Chip, "defaultBorder", S("palette-grey-700")), c(o.Chip, "defaultAvatarColor", S("palette-grey-300")), c(o.Chip, "defaultIconColor", S("palette-grey-300")), c(o.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), c(o.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), c(o.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), c(o.LinearProgress, "primaryBg", g(T, o.primary.main, 0.5)), c(o.LinearProgress, "secondaryBg", g(T, o.secondary.main, 0.5)), c(o.LinearProgress, "errorBg", g(T, o.error.main, 0.5)), c(o.LinearProgress, "infoBg", g(T, o.info.main, 0.5)), c(o.LinearProgress, "successBg", g(T, o.success.main, 0.5)), c(o.LinearProgress, "warningBg", g(T, o.warning.main, 0.5)), c(o.Skeleton, "bg", $ ? g(J, o.text.primary, 0.13) : `rgba(${S("palette-text-primaryChannel")} / 0.13)`), c(o.Slider, "primaryTrack", g(T, o.primary.main, 0.5)), c(o.Slider, "secondaryTrack", g(T, o.secondary.main, 0.5)), c(o.Slider, "errorTrack", g(T, o.error.main, 0.5)), c(o.Slider, "infoTrack", g(T, o.info.main, 0.5)), c(o.Slider, "successTrack", g(T, o.success.main, 0.5)), c(o.Slider, "warningTrack", g(T, o.warning.main, 0.5));
+      const A = $ ? g(v, o.background.default, 0.985) : ye(o.background.default, 0.98);
+      c(o.SnackbarContent, "bg", A), c(o.SnackbarContent, "color", z(() => $ ? gt.text.primary : o.getContrastText(A))), c(o.SpeedDialAction, "fabHoverBg", ye(o.background.paper, 0.15)), c(o.StepConnector, "border", S("palette-grey-600")), c(o.StepContent, "border", S("palette-grey-600")), c(o.Switch, "defaultColor", S("palette-grey-300")), c(o.Switch, "defaultDisabledColor", S("palette-grey-600")), c(o.Switch, "primaryDisabledColor", g(T, o.primary.main, 0.55)), c(o.Switch, "secondaryDisabledColor", g(T, o.secondary.main, 0.55)), c(o.Switch, "errorDisabledColor", g(T, o.error.main, 0.55)), c(o.Switch, "infoDisabledColor", g(T, o.info.main, 0.55)), c(o.Switch, "successDisabledColor", g(T, o.success.main, 0.55)), c(o.Switch, "warningDisabledColor", g(T, o.warning.main, 0.55)), c(o.TableCell, "border", g(T, g(J, o.divider, 1), 0.68)), c(o.Tooltip, "bg", g(J, o.grey[700], 0.92));
+    }
+    G(o.background, "default"), G(o.background, "paper"), G(o.common, "background"), G(o.common, "onBackground"), G(o, "divider"), Object.keys(o).forEach((A) => {
+      const I = o[A];
+      A !== "tonalOffset" && I && typeof I == "object" && (I.main && c(o[A], "mainChannel", ue(fe(I.main))), I.light && c(o[A], "lightChannel", ue(fe(I.light))), I.dark && c(o[A], "darkChannel", ue(fe(I.dark))), I.contrastText && c(o[A], "contrastTextChannel", ue(fe(I.contrastText))), A === "text" && (G(o[A], "primary"), G(o[A], "secondary")), A === "action" && (I.active && G(o[A], "active"), I.selected && G(o[A], "selected")));
+    });
+  }), E = t.reduce((M, o) => D(M, o), E);
+  const X = {
+    prefix: a,
+    disableCssColorScheme: i,
+    shouldSkipGeneratingVar: u,
+    getSelector: ln(E),
+    enableContrastVars: l
+  }, {
+    vars: se,
+    generateThemeVars: W,
+    generateStyleSheets: j
+  } = Nr(E, X);
+  return E.vars = se, Object.entries(E.colorSchemes[E.defaultColorScheme]).forEach(([M, o]) => {
+    E[M] = o;
+  }), E.generateThemeVars = W, E.generateStyleSheets = j, E.generateSpacing = function() {
+    return ft(y.spacing, Ve(this));
+  }, E.getColorSchemeSelector = Rr(f), E.spacing = E.generateSpacing(), E.shouldSkipGeneratingVar = u, E.unstable_sxConfig = {
+    ...Oe,
+    ...y?.unstable_sxConfig
+  }, E.unstable_sx = function(o) {
+    return ke({
+      sx: o,
+      theme: this
+    });
+  }, E.toRuntimeSource = yt, E;
+}
+function ot(e, t, r) {
+  e.colorSchemes && r && (e.colorSchemes[t] = {
+    ...r !== !0 && r,
+    palette: We({
+      ...r === !0 ? {} : r.palette,
+      mode: t
+    })
+    // cast type to skip module augmentation test
+  });
+}
+function yn(e = {}, ...t) {
+  const {
+    palette: r,
+    cssVariables: n = !1,
+    colorSchemes: i = r ? void 0 : {
+      light: !0
+    },
+    defaultColorScheme: a = r?.mode,
+    ...l
+  } = e, u = a || "light", f = i?.[u], p = {
+    ...i,
+    ...r ? {
+      [u]: {
+        ...typeof f != "boolean" && f,
+        palette: r
+      }
+    } : void 0
+  };
+  if (n === !1) {
+    if (!("colorSchemes" in e))
+      return Fe(e, ...t);
+    let y = r;
+    "palette" in e || p[u] && (p[u] !== !0 ? y = p[u].palette : u === "dark" && (y = {
+      mode: "dark"
+    }));
+    const h = Fe({
+      ...e,
+      palette: y
+    }, ...t);
+    return h.defaultColorScheme = u, h.colorSchemes = p, h.palette.mode === "light" && (h.colorSchemes.light = {
+      ...p.light !== !0 && p.light,
+      palette: h.palette
+    }, ot(h, "dark", p.dark)), h.palette.mode === "dark" && (h.colorSchemes.dark = {
+      ...p.dark !== !0 && p.dark,
+      palette: h.palette
+    }, ot(h, "light", p.light)), h;
+  }
+  return !r && !("light" in p) && u === "light" && (p.light = !0), dn({
+    ...l,
+    colorSchemes: p,
+    defaultColorScheme: u,
+    ...typeof n != "boolean" && n
+  }, ...t);
+}
+export {
+  $r as C,
+  pt as a,
+  De as b,
+  Tr as c,
+  Ne as d,
+  Ar as e,
+  yn as f,
+  Qe as g,
+  Oe as h,
+  K as i,
+  ct as j,
+  rn as k,
+  Re as l,
+  Cr as m,
+  qr as n,
+  Se as o,
+  Y as p,
+  hn as q,
+  at as r,
+  ke as s,
+  Ve as t,
+  D as u,
+  gn as v,
+  ge as w,
+  H as x,
+  jr as y
+};