@hybridcore/ui 1.0.2 → 1.1.0

package/dist/styled-Iq9jsO4F.js

@@ -0,0 +1,1033 @@
+import { k as A, o as De, d as P, e as _e, l as K, c as Pe, g as Re, p as Ie, a as xe, q as Ve, t as ze, u as ne, b as Oe, v as Fe } from "./createTheme-agWfFD64.js";
+import { _ as W, a as _ } from "./extends-C3382pL0.js";
+var U = {}, $e = { exports: {} };
+(function(e) {
+  function t(r) {
+    return r && r.__esModule ? r : {
+      default: r
+    };
+  }
+  e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
+})($e);
+var Se = $e.exports, Z = { exports: {} }, ue;
+function qe() {
+  return ue || (ue = 1, function(e) {
+    function t() {
+      return e.exports = t = Object.assign ? Object.assign.bind() : function(r) {
+        for (var n = 1; n < arguments.length; n++) {
+          var o = arguments[n];
+          for (var a in o) ({}).hasOwnProperty.call(o, a) && (r[a] = o[a]);
+        }
+        return r;
+      }, e.exports.__esModule = !0, e.exports.default = e.exports, t.apply(null, arguments);
+    }
+    e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
+  }(Z)), Z.exports;
+}
+var ee = { exports: {} }, ce;
+function We() {
+  return ce || (ce = 1, function(e) {
+    function t(r, n) {
+      if (r == null) return {};
+      var o = {};
+      for (var a in r) if ({}.hasOwnProperty.call(r, a)) {
+        if (n.includes(a)) continue;
+        o[a] = r[a];
+      }
+      return o;
+    }
+    e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
+  }(ee)), ee.exports;
+}
+const Ue = /* @__PURE__ */ A(De), Le = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: P,
+  isPlainObject: _e
+}, Symbol.toStringTag, { value: "Module" })), He = /* @__PURE__ */ A(Le), Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: K
+}, Symbol.toStringTag, { value: "Module" })), Ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Pe
+}, Symbol.toStringTag, { value: "Module" })), Je = /* @__PURE__ */ A(Ge), Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Re,
+  getFunctionName: Ie
+}, Symbol.toStringTag, { value: "Module" })), Xe = /* @__PURE__ */ A(Ke), Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: xe,
+  private_createBreakpoints: Ve,
+  unstable_applyStyles: ze
+}, Symbol.toStringTag, { value: "Module" })), Qe = /* @__PURE__ */ A(Ye), Ze = ["sx"], et = (e) => {
+  var t, r;
+  const n = {
+    systemProps: {},
+    otherProps: {}
+  }, o = (t = e == null || (r = e.theme) == null ? void 0 : r.unstable_sxConfig) != null ? t : ne;
+  return Object.keys(e).forEach((a) => {
+    o[a] ? n.systemProps[a] = e[a] : n.otherProps[a] = e[a];
+  }), n;
+};
+function tt(e) {
+  const {
+    sx: t
+  } = e, r = W(e, Ze), {
+    systemProps: n,
+    otherProps: o
+  } = et(r);
+  let a;
+  return Array.isArray(t) ? a = [n, ...t] : typeof t == "function" ? a = (...s) => {
+    const f = t(...s);
+    return _e(f) ? _({}, n, f) : n;
+  } : a = _({}, n, t), _({}, o, {
+    sx: a
+  });
+}
+const rt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Oe,
+  extendSxProp: tt,
+  unstable_createStyleFunctionSx: Fe,
+  unstable_defaultSxConfig: ne
+}, Symbol.toStringTag, { value: "Module" })), nt = /* @__PURE__ */ A(rt);
+var R = Se;
+Object.defineProperty(U, "__esModule", {
+  value: !0
+});
+var ot = U.default = yt;
+U.shouldForwardProp = G;
+U.systemDefaultTheme = void 0;
+var O = R(qe()), re = R(We()), fe = pt(Ue), at = He, st = R(Je), it = R(Xe), ut = R(Qe), ct = R(nt);
+const ft = ["ownerState"], lt = ["variants"], dt = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
+function Ee(e) {
+  if (typeof WeakMap != "function") return null;
+  var t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
+  return (Ee = function(n) {
+    return n ? r : t;
+  })(e);
+}
+function pt(e, t) {
+  if (e && e.__esModule) return e;
+  if (e === null || typeof e != "object" && typeof e != "function") return { default: e };
+  var r = Ee(t);
+  if (r && r.has(e)) return r.get(e);
+  var n = { __proto__: null }, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var a in e) if (a !== "default" && Object.prototype.hasOwnProperty.call(e, a)) {
+    var s = o ? Object.getOwnPropertyDescriptor(e, a) : null;
+    s && (s.get || s.set) ? Object.defineProperty(n, a, s) : n[a] = e[a];
+  }
+  return n.default = e, r && r.set(e, n), n;
+}
+function ht(e) {
+  return Object.keys(e).length === 0;
+}
+function mt(e) {
+  return typeof e == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  e.charCodeAt(0) > 96;
+}
+function G(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+const gt = U.systemDefaultTheme = (0, ut.default)(), le = (e) => e && e.charAt(0).toLowerCase() + e.slice(1);
+function B({
+  defaultTheme: e,
+  theme: t,
+  themeId: r
+}) {
+  return ht(t) ? e : t[r] || t;
+}
+function bt(e) {
+  return e ? (t, r) => r[e] : null;
+}
+function J(e, t) {
+  let {
+    ownerState: r
+  } = t, n = (0, re.default)(t, ft);
+  const o = typeof e == "function" ? e((0, O.default)({
+    ownerState: r
+  }, n)) : e;
+  if (Array.isArray(o))
+    return o.flatMap((a) => J(a, (0, O.default)({
+      ownerState: r
+    }, n)));
+  if (o && typeof o == "object" && Array.isArray(o.variants)) {
+    const {
+      variants: a = []
+    } = o;
+    let f = (0, re.default)(o, lt);
+    return a.forEach((u) => {
+      let c = !0;
+      typeof u.props == "function" ? c = u.props((0, O.default)({
+        ownerState: r
+      }, n, r)) : Object.keys(u.props).forEach((l) => {
+        (r == null ? void 0 : r[l]) !== u.props[l] && n[l] !== u.props[l] && (c = !1);
+      }), c && (Array.isArray(f) || (f = [f]), f.push(typeof u.style == "function" ? u.style((0, O.default)({
+        ownerState: r
+      }, n, r)) : u.style));
+    }), f;
+  }
+  return o;
+}
+function yt(e = {}) {
+  const {
+    themeId: t,
+    defaultTheme: r = gt,
+    rootShouldForwardProp: n = G,
+    slotShouldForwardProp: o = G
+  } = e, a = (s) => (0, ct.default)((0, O.default)({}, s, {
+    theme: B((0, O.default)({}, s, {
+      defaultTheme: r,
+      themeId: t
+    }))
+  }));
+  return a.__mui_systemSx = !0, (s, f = {}) => {
+    (0, fe.internal_processStyles)(s, (y) => y.filter((M) => !(M != null && M.__mui_systemSx)));
+    const {
+      name: u,
+      slot: c,
+      skipVariantsResolver: l,
+      skipSx: b,
+      // TODO v6: remove `lowercaseFirstLetter()` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      overridesResolver: d = bt(le(c))
+    } = f, S = (0, re.default)(f, dt), x = l !== void 0 ? l : (
+      // TODO v6: remove `Root` in the next major release
+      // For more details: https://github.com/mui/material-ui/pull/37908
+      c && c !== "Root" && c !== "root" || !1
+    ), i = b || !1;
+    let m;
+    process.env.NODE_ENV !== "production" && u && (m = `${u}-${le(c || "Root")}`);
+    let g = G;
+    c === "Root" || c === "root" ? g = n : c ? g = o : mt(s) && (g = void 0);
+    const w = (0, fe.default)(s, (0, O.default)({
+      shouldForwardProp: g,
+      label: m
+    }, S)), N = (y) => typeof y == "function" && y.__emotion_real !== y || (0, at.isPlainObject)(y) ? (M) => J(y, (0, O.default)({}, M, {
+      theme: B({
+        theme: M.theme,
+        defaultTheme: r,
+        themeId: t
+      })
+    })) : y, L = (y, ...M) => {
+      let Y = N(y);
+      const V = M ? M.map(N) : [];
+      u && d && V.push((v) => {
+        const E = B((0, O.default)({}, v, {
+          defaultTheme: r,
+          themeId: t
+        }));
+        if (!E.components || !E.components[u] || !E.components[u].styleOverrides)
+          return null;
+        const z = E.components[u].styleOverrides, H = {};
+        return Object.entries(z).forEach(([Te, Ce]) => {
+          H[Te] = J(Ce, (0, O.default)({}, v, {
+            theme: E
+          }));
+        }), d(v, H);
+      }), u && !x && V.push((v) => {
+        var E;
+        const z = B((0, O.default)({}, v, {
+          defaultTheme: r,
+          themeId: t
+        })), H = z == null || (E = z.components) == null || (E = E[u]) == null ? void 0 : E.variants;
+        return J({
+          variants: H
+        }, (0, O.default)({}, v, {
+          theme: z
+        }));
+      }), i || V.push(a);
+      const ie = V.length - M.length;
+      if (Array.isArray(y) && ie > 0) {
+        const v = new Array(ie).fill("");
+        Y = [...y, ...v], Y.raw = [...y.raw, ...v];
+      }
+      const Q = w(Y, ...V);
+      if (process.env.NODE_ENV !== "production") {
+        let v;
+        u && (v = `${u}${(0, st.default)(c || "")}`), v === void 0 && (v = `Styled(${(0, it.default)(s)})`), Q.displayName = v;
+      }
+      return s.muiName && (Q.muiName = s.muiName), Q;
+    };
+    return w.withConfig && (L.withConfig = w.withConfig), L;
+  };
+}
+const de = (e) => e, vt = () => {
+  let e = de;
+  return {
+    configure(t) {
+      e = t;
+    },
+    generate(t) {
+      return e(t);
+    },
+    reset() {
+      e = de;
+    }
+  };
+}, _t = vt(), xt = {
+  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 Ot(e, t, r = "Mui") {
+  const n = xt[t];
+  return n ? `${r}-${n}` : `${_t.generate(e)}-${t}`;
+}
+function $t(e, t) {
+  return _({
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    }
+  }, t);
+}
+var h = {};
+const St = /* @__PURE__ */ A(Be);
+function Et(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
+  return Math.max(t, Math.min(e, r));
+}
+const Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Et
+}, Symbol.toStringTag, { value: "Module" })), wt = /* @__PURE__ */ A(Mt);
+var Me = Se;
+Object.defineProperty(h, "__esModule", {
+  value: !0
+});
+var gr = h.alpha = ke;
+h.blend = zt;
+h.colorChannel = void 0;
+var At = h.darken = ae;
+h.decomposeColor = $;
+h.emphasize = je;
+var pe = h.getContrastRatio = Dt;
+h.getLuminance = X;
+h.hexToRgb = we;
+h.hslToRgb = Ne;
+var Nt = h.lighten = se;
+h.private_safeAlpha = Pt;
+h.private_safeColorChannel = void 0;
+h.private_safeDarken = Rt;
+h.private_safeEmphasize = Vt;
+h.private_safeLighten = It;
+h.recomposeColor = I;
+h.rgbToHex = Ct;
+var he = Me(St), kt = Me(wt);
+function oe(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}].`), (0, kt.default)(e, t, r);
+}
+function we(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, o) => o < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function jt(e) {
+  const t = e.toString(16);
+  return t.length === 1 ? `0${t}` : t;
+}
+function $(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return $(we(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().` : (0, he.default)(9, e));
+  let n = e.substring(t + 1, e.length - 1), o;
+  if (r === "color") {
+    if (n = n.split(" "), o = 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(o) === -1)
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${o}\` color space.
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : (0, he.default)(10, o));
+  } else
+    n = n.split(",");
+  return n = n.map((a) => parseFloat(a)), {
+    type: r,
+    values: n,
+    colorSpace: o
+  };
+}
+const Ae = (e) => {
+  const t = $(e);
+  return t.values.slice(0, 3).map((r, n) => t.type.indexOf("hsl") !== -1 && n !== 0 ? `${r}%` : r).join(" ");
+};
+h.colorChannel = Ae;
+const Tt = (e, t) => {
+  try {
+    return Ae(e);
+  } catch {
+    return t && process.env.NODE_ENV !== "production" && console.warn(t), e;
+  }
+};
+h.private_safeColorChannel = Tt;
+function I(e) {
+  const {
+    type: t,
+    colorSpace: r
+  } = e;
+  let {
+    values: n
+  } = e;
+  return t.indexOf("rgb") !== -1 ? n = n.map((o, a) => a < 3 ? parseInt(o, 10) : o) : 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 Ct(e) {
+  if (e.indexOf("#") === 0)
+    return e;
+  const {
+    values: t
+  } = $(e);
+  return `#${t.map((r, n) => jt(n === 3 ? Math.round(255 * r) : r)).join("")}`;
+}
+function Ne(e) {
+  e = $(e);
+  const {
+    values: t
+  } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, a = n * Math.min(o, 1 - o), s = (c, l = (c + r / 30) % 12) => o - a * Math.max(Math.min(l - 3, 9 - l, 1), -1);
+  let f = "rgb";
+  const u = [Math.round(s(0) * 255), Math.round(s(8) * 255), Math.round(s(4) * 255)];
+  return e.type === "hsla" && (f += "a", u.push(t[3])), I({
+    type: f,
+    values: u
+  });
+}
+function X(e) {
+  e = $(e);
+  let t = e.type === "hsl" || e.type === "hsla" ? $(Ne(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 Dt(e, t) {
+  const r = X(e), n = X(t);
+  return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
+}
+function ke(e, t) {
+  return e = $(e), t = oe(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, I(e);
+}
+function Pt(e, t, r) {
+  try {
+    return ke(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function ae(e, t) {
+  if (e = $(e), t = oe(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 I(e);
+}
+function Rt(e, t, r) {
+  try {
+    return ae(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function se(e, t) {
+  if (e = $(e), t = oe(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 I(e);
+}
+function It(e, t, r) {
+  try {
+    return se(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function je(e, t = 0.15) {
+  return X(e) > 0.5 ? ae(e, t) : se(e, t);
+}
+function Vt(e, t, r) {
+  try {
+    return je(e, t);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+}
+function zt(e, t, r, n = 1) {
+  const o = (u, c) => Math.round((u ** (1 / n) * (1 - r) + c ** (1 / n) * r) ** n), a = $(e), s = $(t), f = [o(a.values[0], s.values[0]), o(a.values[1], s.values[1]), o(a.values[2], s.values[2])];
+  return I({
+    type: "rgb",
+    values: f
+  });
+}
+const q = {
+  black: "#000",
+  white: "#fff"
+}, Ft = {
+  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"
+}, k = {
+  50: "#f3e5f5",
+  100: "#e1bee7",
+  200: "#ce93d8",
+  300: "#ba68c8",
+  400: "#ab47bc",
+  500: "#9c27b0",
+  600: "#8e24aa",
+  700: "#7b1fa2",
+  800: "#6a1b9a",
+  900: "#4a148c",
+  A100: "#ea80fc",
+  A200: "#e040fb",
+  A400: "#d500f9",
+  A700: "#aa00ff"
+}, j = {
+  50: "#ffebee",
+  100: "#ffcdd2",
+  200: "#ef9a9a",
+  300: "#e57373",
+  400: "#ef5350",
+  500: "#f44336",
+  600: "#e53935",
+  700: "#d32f2f",
+  800: "#c62828",
+  900: "#b71c1c",
+  A100: "#ff8a80",
+  A200: "#ff5252",
+  A400: "#ff1744",
+  A700: "#d50000"
+}, F = {
+  50: "#fff3e0",
+  100: "#ffe0b2",
+  200: "#ffcc80",
+  300: "#ffb74d",
+  400: "#ffa726",
+  500: "#ff9800",
+  600: "#fb8c00",
+  700: "#f57c00",
+  800: "#ef6c00",
+  900: "#e65100",
+  A100: "#ffd180",
+  A200: "#ffab40",
+  A400: "#ff9100",
+  A700: "#ff6d00"
+}, T = {
+  50: "#e3f2fd",
+  100: "#bbdefb",
+  200: "#90caf9",
+  300: "#64b5f6",
+  400: "#42a5f5",
+  500: "#2196f3",
+  600: "#1e88e5",
+  700: "#1976d2",
+  800: "#1565c0",
+  900: "#0d47a1",
+  A100: "#82b1ff",
+  A200: "#448aff",
+  A400: "#2979ff",
+  A700: "#2962ff"
+}, C = {
+  50: "#e1f5fe",
+  100: "#b3e5fc",
+  200: "#81d4fa",
+  300: "#4fc3f7",
+  400: "#29b6f6",
+  500: "#03a9f4",
+  600: "#039be5",
+  700: "#0288d1",
+  800: "#0277bd",
+  900: "#01579b",
+  A100: "#80d8ff",
+  A200: "#40c4ff",
+  A400: "#00b0ff",
+  A700: "#0091ea"
+}, D = {
+  50: "#e8f5e9",
+  100: "#c8e6c9",
+  200: "#a5d6a7",
+  300: "#81c784",
+  400: "#66bb6a",
+  500: "#4caf50",
+  600: "#43a047",
+  700: "#388e3c",
+  800: "#2e7d32",
+  900: "#1b5e20",
+  A100: "#b9f6ca",
+  A200: "#69f0ae",
+  A400: "#00e676",
+  A700: "#00c853"
+}, qt = ["mode", "contrastThreshold", "tonalOffset"], me = {
+  // 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: q.white,
+    default: q.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
+  }
+}, te = {
+  text: {
+    primary: q.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: q.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
+  }
+};
+function ge(e, t, r, n) {
+  const o = n.light || n, a = n.dark || n * 1.5;
+  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = Nt(e.main, o) : t === "dark" && (e.dark = At(e.main, a)));
+}
+function Wt(e = "light") {
+  return e === "dark" ? {
+    main: T[200],
+    light: T[50],
+    dark: T[400]
+  } : {
+    main: T[700],
+    light: T[400],
+    dark: T[800]
+  };
+}
+function Ut(e = "light") {
+  return e === "dark" ? {
+    main: k[200],
+    light: k[50],
+    dark: k[400]
+  } : {
+    main: k[500],
+    light: k[300],
+    dark: k[700]
+  };
+}
+function Lt(e = "light") {
+  return e === "dark" ? {
+    main: j[500],
+    light: j[300],
+    dark: j[700]
+  } : {
+    main: j[700],
+    light: j[400],
+    dark: j[800]
+  };
+}
+function Ht(e = "light") {
+  return e === "dark" ? {
+    main: C[400],
+    light: C[300],
+    dark: C[700]
+  } : {
+    main: C[700],
+    light: C[500],
+    dark: C[900]
+  };
+}
+function Bt(e = "light") {
+  return e === "dark" ? {
+    main: D[400],
+    light: D[300],
+    dark: D[700]
+  } : {
+    main: D[800],
+    light: D[500],
+    dark: D[900]
+  };
+}
+function Gt(e = "light") {
+  return e === "dark" ? {
+    main: F[400],
+    light: F[300],
+    dark: F[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: F[500],
+    dark: F[900]
+  };
+}
+function Jt(e) {
+  const {
+    mode: t = "light",
+    contrastThreshold: r = 3,
+    tonalOffset: n = 0.2
+  } = e, o = W(e, qt), a = e.primary || Wt(t), s = e.secondary || Ut(t), f = e.error || Lt(t), u = e.info || Ht(t), c = e.success || Bt(t), l = e.warning || Gt(t);
+  function b(i) {
+    const m = pe(i, te.text.primary) >= r ? te.text.primary : me.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const g = pe(i, m);
+      g < 3 && console.error([`MUI: The contrast ratio of ${g}:1 for ${m} on ${i}`, "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 m;
+  }
+  const d = ({
+    color: i,
+    name: m,
+    mainShade: g = 500,
+    lightShade: w = 300,
+    darkShade: N = 700
+  }) => {
+    if (i = _({}, i), !i.main && i[g] && (i.main = i[g]), !i.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${m ? ` (${m})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${g}\` property.` : K(11, m ? ` (${m})` : "", g));
+    if (typeof i.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${m ? ` (${m})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(i.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] },
+} });` : K(12, m ? ` (${m})` : "", JSON.stringify(i.main)));
+    return ge(i, "light", w, n), ge(i, "dark", N, n), i.contrastText || (i.contrastText = b(i.main)), i;
+  }, S = {
+    dark: te,
+    light: me
+  };
+  return process.env.NODE_ENV !== "production" && (S[t] || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), P(_({
+    // A collection of common colors.
+    common: _({}, q),
+    // 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: d({
+      color: a,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: d({
+      color: s,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: d({
+      color: f,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: d({
+      color: l,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: d({
+      color: u,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: d({
+      color: c,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: Ft,
+    // 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: b,
+    // Generate a rich color object.
+    augmentColor: d,
+    // 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
+  }, S[t]), o);
+}
+const Kt = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+function Xt(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const be = {
+  textTransform: "uppercase"
+}, ye = '"Roboto", "Helvetica", "Arial", sans-serif';
+function Yt(e, t) {
+  const r = typeof t == "function" ? t(e) : t, {
+    fontFamily: n = ye,
+    // The default font size of the Material Specification.
+    fontSize: o = 14,
+    // px
+    fontWeightLight: a = 300,
+    fontWeightRegular: s = 400,
+    fontWeightMedium: f = 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: c = 16,
+    // Apply the CSS properties to all the variants.
+    allVariants: l,
+    pxToRem: b
+  } = r, d = W(r, Kt);
+  process.env.NODE_ENV !== "production" && (typeof o != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof c != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
+  const S = o / 14, x = b || ((g) => `${g / c * S}rem`), i = (g, w, N, L, y) => _({
+    fontFamily: n,
+    fontWeight: g,
+    fontSize: x(w),
+    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
+    lineHeight: N
+  }, n === ye ? {
+    letterSpacing: `${Xt(L / w)}em`
+  } : {}, y, l), m = {
+    h1: i(a, 96, 1.167, -1.5),
+    h2: i(a, 60, 1.2, -0.5),
+    h3: i(s, 48, 1.167, 0),
+    h4: i(s, 34, 1.235, 0.25),
+    h5: i(s, 24, 1.334, 0),
+    h6: i(f, 20, 1.6, 0.15),
+    subtitle1: i(s, 16, 1.75, 0.15),
+    subtitle2: i(f, 14, 1.57, 0.1),
+    body1: i(s, 16, 1.5, 0.15),
+    body2: i(s, 14, 1.43, 0.15),
+    button: i(f, 14, 1.75, 0.4, be),
+    caption: i(s, 12, 1.66, 0.4),
+    overline: i(s, 12, 2.66, 1, be),
+    // 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 P(_({
+    htmlFontSize: c,
+    pxToRem: x,
+    fontFamily: n,
+    fontSize: o,
+    fontWeightLight: a,
+    fontWeightRegular: s,
+    fontWeightMedium: f,
+    fontWeightBold: u
+  }, m), d, {
+    clone: !1
+    // No need to clone deep
+  });
+}
+const Qt = 0.2, Zt = 0.14, er = 0.12;
+function p(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Qt})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${Zt})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${er})`].join(",");
+}
+const tr = ["none", p(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), p(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), p(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), p(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), p(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), p(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), p(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), p(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), p(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), p(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), p(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), p(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), p(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), p(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), p(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), p(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), p(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), p(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), p(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), p(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), p(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), p(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), p(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), p(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], rr = ["duration", "easing", "delay"], nr = {
+  // 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)"
+}, or = {
+  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 ve(e) {
+  return `${Math.round(e)}ms`;
+}
+function ar(e) {
+  if (!e)
+    return 0;
+  const t = e / 36;
+  return Math.round((4 + 15 * t ** 0.25 + t / 5) * 10);
+}
+function sr(e) {
+  const t = _({}, nr, e.easing), r = _({}, or, e.duration);
+  return _({
+    getAutoHeightDuration: ar,
+    create: (o = ["all"], a = {}) => {
+      const {
+        duration: s = r.standard,
+        easing: f = t.easeInOut,
+        delay: u = 0
+      } = a, c = W(a, rr);
+      if (process.env.NODE_ENV !== "production") {
+        const l = (d) => typeof d == "string", b = (d) => !isNaN(parseFloat(d));
+        !l(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !b(s) && !l(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), l(f) || console.error('MUI: Argument "easing" must be a string.'), !b(u) && !l(u) && 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(c).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(c).join(",")}].`);
+      }
+      return (Array.isArray(o) ? o : [o]).map((l) => `${l} ${typeof s == "string" ? s : ve(s)} ${f} ${typeof u == "string" ? u : ve(u)}`).join(",");
+    }
+  }, e, {
+    easing: t,
+    duration: r
+  });
+}
+const ir = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+}, ur = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+function cr(e = {}, ...t) {
+  const {
+    mixins: r = {},
+    palette: n = {},
+    transitions: o = {},
+    typography: a = {}
+  } = e, s = W(e, ur);
+  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." : K(18));
+  const f = Jt(n), u = xe(e);
+  let c = P(u, {
+    mixins: $t(u.breakpoints, r),
+    palette: f,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: tr.slice(),
+    typography: Yt(f, a),
+    transitions: sr(o),
+    zIndex: _({}, ir)
+  });
+  if (c = P(c, s), c = t.reduce((l, b) => P(l, b), c), process.env.NODE_ENV !== "production") {
+    const l = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], b = (d, S) => {
+      let x;
+      for (x in d) {
+        const i = d[x];
+        if (l.indexOf(x) !== -1 && Object.keys(i).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const m = Ot("", x);
+            console.error([`MUI: The \`${S}\` component increases the CSS specificity of the \`${x}\` internal state.`, "You can not override it like this: ", JSON.stringify(d, null, 2), "", `Instead, you need to use the '&.${m}' syntax:`, JSON.stringify({
+              root: {
+                [`&.${m}`]: i
+              }
+            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
+`));
+          }
+          d[x] = {};
+        }
+      }
+    };
+    Object.keys(c.components).forEach((d) => {
+      const S = c.components[d].styleOverrides;
+      S && d.indexOf("Mui") === 0 && b(S, d);
+    });
+  }
+  return c.unstable_sxConfig = _({}, ne, s == null ? void 0 : s.unstable_sxConfig), c.unstable_sx = function(b) {
+    return Oe({
+      sx: b,
+      theme: this
+    });
+  }, c;
+}
+const fr = cr(), lr = "$$material";
+function dr(e) {
+  return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
+}
+const pr = (e) => dr(e) && e !== "classes", br = ot({
+  themeId: lr,
+  defaultTheme: fr,
+  rootShouldForwardProp: pr
+});
+export {
+  _t as C,
+  lr as T,
+  gr as a,
+  or as b,
+  Et as c,
+  fr as d,
+  tt as e,
+  cr as f,
+  Ot as g,
+  dr as h,
+  Se as i,
+  pr as r,
+  br as s
+};