@cgi-learning-hub/ui
Version:
@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features
1,878 lines • 80.2 kB
JavaScript
import $t from "@emotion/styled";
import "@emotion/react";
import * as it from "react";
import { P as ne } from "./index-Sy88PpwE.js";
var pe = { exports: {} }, $ = {};
/**
* @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 We;
function Tt() {
if (We) return $;
We = 1;
var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), a = Symbol.for("react.consumer"), l = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.view_transition"), b = Symbol.for("react.client.reference");
function g(s) {
if (typeof s == "object" && s !== null) {
var S = s.$$typeof;
switch (S) {
case e:
switch (s = s.type, s) {
case r:
case o:
case n:
case f:
case d:
case p:
return s;
default:
switch (s = s && s.$$typeof, s) {
case l:
case c:
case m:
case h:
return s;
case a:
return s;
default:
return S;
}
}
case t:
return S;
}
}
}
return $.ContextConsumer = a, $.ContextProvider = l, $.Element = e, $.ForwardRef = c, $.Fragment = r, $.Lazy = m, $.Memo = h, $.Portal = t, $.Profiler = o, $.StrictMode = n, $.Suspense = f, $.SuspenseList = d, $.isContextConsumer = function(s) {
return g(s) === a;
}, $.isContextProvider = function(s) {
return g(s) === l;
}, $.isElement = function(s) {
return typeof s == "object" && s !== null && s.$$typeof === e;
}, $.isForwardRef = function(s) {
return g(s) === c;
}, $.isFragment = function(s) {
return g(s) === r;
}, $.isLazy = function(s) {
return g(s) === m;
}, $.isMemo = function(s) {
return g(s) === h;
}, $.isPortal = function(s) {
return g(s) === t;
}, $.isProfiler = function(s) {
return g(s) === o;
}, $.isStrictMode = function(s) {
return g(s) === n;
}, $.isSuspense = function(s) {
return g(s) === f;
}, $.isSuspenseList = function(s) {
return g(s) === d;
}, $.isValidElementType = function(s) {
return typeof s == "string" || typeof s == "function" || s === r || s === o || s === n || s === f || s === d || typeof s == "object" && s !== null && (s.$$typeof === m || s.$$typeof === h || s.$$typeof === l || s.$$typeof === a || s.$$typeof === c || s.$$typeof === b || s.getModuleId !== void 0);
}, $.typeOf = g, $;
}
var T = {};
/**
* @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 Ue;
function At() {
return Ue || (Ue = 1, process.env.NODE_ENV !== "production" && function() {
function e(s) {
if (typeof s == "object" && s !== null) {
var S = s.$$typeof;
switch (S) {
case t:
switch (s = s.type, s) {
case n:
case a:
case o:
case d:
case h:
case b:
return s;
default:
switch (s = s && s.$$typeof, s) {
case c:
case f:
case p:
case m:
return s;
case l:
return s;
default:
return S;
}
}
case r:
return S;
}
}
}
var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.consumer"), c = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), b = Symbol.for("react.view_transition"), g = Symbol.for("react.client.reference");
T.ContextConsumer = l, T.ContextProvider = c, T.Element = t, T.ForwardRef = f, T.Fragment = n, T.Lazy = p, T.Memo = m, T.Portal = r, T.Profiler = a, T.StrictMode = o, T.Suspense = d, T.SuspenseList = h, T.isContextConsumer = function(s) {
return e(s) === l;
}, T.isContextProvider = function(s) {
return e(s) === c;
}, T.isElement = function(s) {
return typeof s == "object" && s !== null && s.$$typeof === t;
}, T.isForwardRef = function(s) {
return e(s) === f;
}, T.isFragment = function(s) {
return e(s) === n;
}, T.isLazy = function(s) {
return e(s) === p;
}, T.isMemo = function(s) {
return e(s) === m;
}, T.isPortal = function(s) {
return e(s) === r;
}, T.isProfiler = function(s) {
return e(s) === a;
}, T.isStrictMode = function(s) {
return e(s) === o;
}, T.isSuspense = function(s) {
return e(s) === d;
}, T.isSuspenseList = function(s) {
return e(s) === h;
}, T.isValidElementType = function(s) {
return typeof s == "string" || typeof s == "function" || s === n || s === a || s === o || s === d || s === h || typeof s == "object" && s !== null && (s.$$typeof === p || s.$$typeof === m || s.$$typeof === c || s.$$typeof === l || s.$$typeof === f || s.$$typeof === g || s.getModuleId !== void 0);
}, T.typeOf = e;
}()), T;
}
var Ge;
function xt() {
return Ge || (Ge = 1, process.env.NODE_ENV === "production" ? pe.exports = /* @__PURE__ */ Tt() : pe.exports = /* @__PURE__ */ At()), pe.exports;
}
var at = /* @__PURE__ */ xt();
function st(e) {
var t, r, n = "";
if (typeof e == "string" || typeof e == "number") n += e;
else if (typeof e == "object") if (Array.isArray(e)) {
var o = e.length;
for (t = 0; t < o; t++) e[t] && (r = st(e[t])) && (n && (n += " "), n += r);
} else for (r in e) e[r] && (n && (n += " "), n += r);
return n;
}
function vn() {
for (var e, t, r = 0, n = "", o = arguments.length; r < o; r++) (e = arguments[r]) && (t = st(e)) && (n && (n += " "), n += t);
return n;
}
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.`;
}
function lt(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 Y(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 ct(e) {
if (/* @__PURE__ */ it.isValidElement(e) || at.isValidElementType(e) || !Y(e))
return e;
const t = {};
return Object.keys(e).forEach((r) => {
t[r] = ct(e[r]);
}), t;
}
function B(e, t, r = {
clone: !0
}) {
const n = r.clone ? {
...e
} : e;
return Y(e) && Y(t) && Object.keys(t).forEach((o) => {
/* @__PURE__ */ it.isValidElement(t[o]) || at.isValidElementType(t[o]) ? n[o] = t[o] : Y(t[o]) && // Avoid prototype pollution
Object.prototype.hasOwnProperty.call(e, o) && Y(e[o]) ? n[o] = B(e[o], t[o], r) : r.clone ? n[o] = Y(t[o]) ? ct(t[o]) : t[o] : n[o] = t[o];
}), n;
}
function se(e, t) {
return t ? B(e, t, {
clone: !1
// No need to clone deep, it's way faster.
}) : e;
}
const q = process.env.NODE_ENV !== "production" ? ne.oneOfType([ne.number, ne.string, ne.object, ne.array]) : {};
function vt(e, t) {
if (!e.containerQueries)
return t;
const r = Object.keys(t).filter((n) => n.startsWith("@container")).sort((n, o) => {
var l, c;
const a = /min-width:\s*([0-9.]+)/;
return +(((l = n.match(a)) == null ? void 0 : l[1]) || 0) - +(((c = o.match(a)) == null ? void 0 : c[1]) || 0);
});
return r.length ? r.reduce((n, o) => {
const a = t[o];
return delete n[o], n[o] = a, n;
}, {
...t
}) : t;
}
function wt(e, t) {
return t === "@" || t.startsWith("@") && (e.some((r) => t.startsWith(`@${r}`)) || !!t.match(/^@\d/));
}
function Ot(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, o] = r, a = Number.isNaN(+n) ? n || 0 : +n;
return e.containerQueries(o).up(a);
}
function _t(e) {
const t = (a, l) => a.replace("@media", l ? `@container ${l}` : "@container");
function r(a, l) {
a.up = (...c) => t(e.breakpoints.up(...c), l), a.down = (...c) => t(e.breakpoints.down(...c), l), a.between = (...c) => t(e.breakpoints.between(...c), l), a.only = (...c) => t(e.breakpoints.only(...c), l), a.not = (...c) => {
const f = t(e.breakpoints.not(...c), 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 = {}, o = (a) => (r(n, a), n);
return r(o), {
...e,
containerQueries: o
};
}
const be = {
xs: 0,
// phone
sm: 600,
// tablet
md: 900,
// small laptop
lg: 1200,
// desktop
xl: 1536
// large screen
}, je = {
// 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:${be[e]}px)`
}, kt = {
containerQueries: (e) => ({
up: (t) => {
let r = typeof t == "number" ? t : be[t] || t;
return typeof r == "number" && (r = `${r}px`), e ? `@container ${e} (min-width:${r})` : `@container (min-width:${r})`;
}
})
};
function G(e, t, r) {
const n = e.theme || {};
if (Array.isArray(t)) {
const a = n.breakpoints || je;
return t.reduce((l, c, f) => (l[a.up(a.keys[f])] = r(t[f]), l), {});
}
if (typeof t == "object") {
const a = n.breakpoints || je;
return Object.keys(t).reduce((l, c) => {
if (wt(a.keys, c)) {
const f = Ot(n.containerQueries ? n : kt, c);
f && (l[f] = r(t[c], c));
} else if (Object.keys(a.values || be).includes(c)) {
const f = a.up(c);
l[f] = r(t[c], c);
} else {
const f = c;
l[f] = t[f];
}
return l;
}, {});
}
return r(t);
}
function ut(e = {}) {
var r;
return ((r = e.keys) == null ? void 0 : r.reduce((n, o) => {
const a = e.up(o);
return n[a] = {}, n;
}, {})) || {};
}
function ft(e, t) {
return e.reduce((r, n) => {
const o = r[n];
return (!o || Object.keys(o).length === 0) && delete r[n], r;
}, t);
}
function wn(e, ...t) {
const r = ut(e), n = [r, ...t].reduce((o, a) => B(o, a), {});
return ft(Object.keys(r), n);
}
function Rt(e, t) {
if (typeof e != "object")
return {};
const r = {}, n = Object.keys(t);
return Array.isArray(e) ? n.forEach((o, a) => {
a < e.length && (r[o] = !0);
}) : n.forEach((o) => {
e[o] != null && (r[o] = !0);
}), r;
}
function On({
values: e,
breakpoints: t,
base: r
}) {
const n = r || Rt(e, t), o = Object.keys(n);
if (o.length === 0)
return e;
let a;
return o.reduce((l, c, f) => (Array.isArray(e) ? (l[c] = e[f] != null ? e[f] : e[a], a = f) : typeof e == "object" ? (l[c] = e[c] != null ? e[c] : e[a], a = c) : l[c] = e, l), {});
}
function Ce(e, t, r = !0) {
if (!t || typeof t != "string")
return null;
if (e && e.vars && r) {
const n = `vars.${t}`.split(".").reduce((o, a) => o && o[a] ? o[a] : null, e);
if (n != null)
return n;
}
return t.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
}
function he(e, t, r, n = r) {
let o;
return typeof e == "function" ? o = e(r) : Array.isArray(e) ? o = e[r] || n : o = Ce(e, r) || n, t && (o = t(o, n, e)), o;
}
function R(e) {
const {
prop: t,
cssProperty: r = e.prop,
themeKey: n,
transform: o
} = e, a = (l) => {
if (l[t] == null)
return null;
const c = l[t], f = l.theme, d = Ce(f, n) || {};
return G(l, c, (m) => {
let p = he(d, o, m);
return m === p && typeof m == "string" && (p = he(d, o, `${t}${m === "default" ? "" : lt(m)}`, m)), r === !1 ? p : {
[r]: p
};
});
};
return a.propTypes = process.env.NODE_ENV !== "production" ? {
[t]: q
} : {}, a.filterProps = [t], a;
}
function Nt(e) {
const t = {};
return (r) => (t[r] === void 0 && (t[r] = e(r)), t[r]);
}
const It = {
m: "margin",
p: "padding"
}, Bt = {
t: "Top",
r: "Right",
b: "Bottom",
l: "Left",
x: ["Left", "Right"],
y: ["Top", "Bottom"]
}, ze = {
marginX: "mx",
marginY: "my",
paddingX: "px",
paddingY: "py"
}, Pt = Nt((e) => {
if (e.length > 2)
if (ze[e])
e = ze[e];
else
return [e];
const [t, r] = e.split(""), n = It[t], o = Bt[r] || "";
return Array.isArray(o) ? o.map((a) => n + a) : [n + o];
}), Se = ["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"], Mt = [...Se, ...Ee];
function ce(e, t, r, n) {
const o = Ce(e, t, !0) ?? r;
return typeof o == "number" || typeof o == "string" ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && typeof a != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${a}.`), typeof o == "string" ? o.startsWith("var(") && a === 0 ? 0 : o.startsWith("var(") && a === 1 ? o : `calc(${a} * ${o})` : o * a) : Array.isArray(o) ? (a) => {
if (typeof a == "string")
return a;
const l = Math.abs(a);
process.env.NODE_ENV !== "production" && (Number.isInteger(l) ? l > o.length - 1 && console.error([`MUI: The value provided (${l}) overflows.`, `The supported values are: ${JSON.stringify(o)}.`, `${l} > ${o.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 c = o[l];
return a >= 0 ? c : typeof c == "number" ? -c : typeof c == "string" && c.startsWith("var(") ? `calc(-1 * ${c})` : `-${c}`;
} : typeof o == "function" ? o : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${t}\` value (${o}) is invalid.`, "It should be a number, an array or a function."].join(`
`)), () => {
});
}
function Pe(e) {
return ce(e, "spacing", 8, "spacing");
}
function ue(e, t) {
return typeof t == "string" || t == null ? t : e(t);
}
function Dt(e, t) {
return (r) => e.reduce((n, o) => (n[o] = ue(t, r), n), {});
}
function Ft(e, t, r, n) {
if (!t.includes(r))
return null;
const o = Pt(r), a = Dt(o, n), l = e[r];
return G(e, l, a);
}
function dt(e, t) {
const r = Pe(e.theme);
return Object.keys(e).map((n) => Ft(e, t, n, r)).reduce(se, {});
}
function _(e) {
return dt(e, Se);
}
_.propTypes = process.env.NODE_ENV !== "production" ? Se.reduce((e, t) => (e[t] = q, e), {}) : {};
_.filterProps = Se;
function k(e) {
return dt(e, Ee);
}
k.propTypes = process.env.NODE_ENV !== "production" ? Ee.reduce((e, t) => (e[t] = q, e), {}) : {};
k.filterProps = Ee;
process.env.NODE_ENV !== "production" && Mt.reduce((e, t) => (e[t] = q, e), {});
function $e(...e) {
const t = e.reduce((n, o) => (o.filterProps.forEach((a) => {
n[a] = o;
}), n), {}), r = (n) => Object.keys(n).reduce((o, a) => t[a] ? se(o, t[a](n)) : o, {});
return r.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, r.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), r;
}
function M(e) {
return typeof e != "number" ? e : `${e}px solid`;
}
function D(e, t) {
return R({
prop: e,
themeKey: "borders",
transform: t
});
}
const Vt = D("border", M), Lt = D("borderTop", M), Wt = D("borderRight", M), Ut = D("borderBottom", M), Gt = D("borderLeft", M), jt = D("borderColor"), zt = D("borderTopColor"), Yt = D("borderRightColor"), Kt = D("borderBottomColor"), Ht = D("borderLeftColor"), qt = D("outline", M), Qt = D("outlineColor"), Te = (e) => {
if (e.borderRadius !== void 0 && e.borderRadius !== null) {
const t = ce(e.theme, "shape.borderRadius", 4, "borderRadius"), r = (n) => ({
borderRadius: ue(t, n)
});
return G(e, e.borderRadius, r);
}
return null;
};
Te.propTypes = process.env.NODE_ENV !== "production" ? {
borderRadius: q
} : {};
Te.filterProps = ["borderRadius"];
$e(Vt, Lt, Wt, Ut, Gt, jt, zt, Yt, Kt, Ht, Te, qt, Qt);
const Ae = (e) => {
if (e.gap !== void 0 && e.gap !== null) {
const t = ce(e.theme, "spacing", 8, "gap"), r = (n) => ({
gap: ue(t, n)
});
return G(e, e.gap, r);
}
return null;
};
Ae.propTypes = process.env.NODE_ENV !== "production" ? {
gap: q
} : {};
Ae.filterProps = ["gap"];
const xe = (e) => {
if (e.columnGap !== void 0 && e.columnGap !== null) {
const t = ce(e.theme, "spacing", 8, "columnGap"), r = (n) => ({
columnGap: ue(t, n)
});
return G(e, e.columnGap, r);
}
return null;
};
xe.propTypes = process.env.NODE_ENV !== "production" ? {
columnGap: q
} : {};
xe.filterProps = ["columnGap"];
const ve = (e) => {
if (e.rowGap !== void 0 && e.rowGap !== null) {
const t = ce(e.theme, "spacing", 8, "rowGap"), r = (n) => ({
rowGap: ue(t, n)
});
return G(e, e.rowGap, r);
}
return null;
};
ve.propTypes = process.env.NODE_ENV !== "production" ? {
rowGap: q
} : {};
ve.filterProps = ["rowGap"];
const Xt = R({
prop: "gridColumn"
}), Jt = R({
prop: "gridRow"
}), Zt = R({
prop: "gridAutoFlow"
}), er = R({
prop: "gridAutoColumns"
}), tr = R({
prop: "gridAutoRows"
}), rr = R({
prop: "gridTemplateColumns"
}), nr = R({
prop: "gridTemplateRows"
}), or = R({
prop: "gridTemplateAreas"
}), ir = R({
prop: "gridArea"
});
$e(Ae, xe, ve, Xt, Jt, Zt, er, tr, rr, nr, or, ir);
function te(e, t) {
return t === "grey" ? t : e;
}
const ar = R({
prop: "color",
themeKey: "palette",
transform: te
}), sr = R({
prop: "bgcolor",
cssProperty: "backgroundColor",
themeKey: "palette",
transform: te
}), lr = R({
prop: "backgroundColor",
themeKey: "palette",
transform: te
});
$e(ar, sr, lr);
function P(e) {
return e <= 1 && e !== 0 ? `${e * 100}%` : e;
}
const cr = R({
prop: "width",
transform: P
}), Me = (e) => {
if (e.maxWidth !== void 0 && e.maxWidth !== null) {
const t = (r) => {
var o, a, l, c, f;
const n = ((l = (a = (o = e.theme) == null ? void 0 : o.breakpoints) == null ? void 0 : a.values) == null ? void 0 : l[r]) || be[r];
return n ? ((f = (c = e.theme) == null ? void 0 : c.breakpoints) == null ? void 0 : f.unit) !== "px" ? {
maxWidth: `${n}${e.theme.breakpoints.unit}`
} : {
maxWidth: n
} : {
maxWidth: P(r)
};
};
return G(e, e.maxWidth, t);
}
return null;
};
Me.filterProps = ["maxWidth"];
const ur = R({
prop: "minWidth",
transform: P
}), fr = R({
prop: "height",
transform: P
}), dr = R({
prop: "maxHeight",
transform: P
}), pr = R({
prop: "minHeight",
transform: P
});
R({
prop: "size",
cssProperty: "width",
transform: P
});
R({
prop: "size",
cssProperty: "height",
transform: P
});
const mr = R({
prop: "boxSizing"
});
$e(cr, Me, ur, fr, dr, pr, mr);
const we = {
// borders
border: {
themeKey: "borders",
transform: M
},
borderTop: {
themeKey: "borders",
transform: M
},
borderRight: {
themeKey: "borders",
transform: M
},
borderBottom: {
themeKey: "borders",
transform: M
},
borderLeft: {
themeKey: "borders",
transform: M
},
borderColor: {
themeKey: "palette"
},
borderTopColor: {
themeKey: "palette"
},
borderRightColor: {
themeKey: "palette"
},
borderBottomColor: {
themeKey: "palette"
},
borderLeftColor: {
themeKey: "palette"
},
outline: {
themeKey: "borders",
transform: M
},
outlineColor: {
themeKey: "palette"
},
borderRadius: {
themeKey: "shape.borderRadius",
style: Te
},
// palette
color: {
themeKey: "palette",
transform: te
},
bgcolor: {
themeKey: "palette",
cssProperty: "backgroundColor",
transform: te
},
backgroundColor: {
themeKey: "palette",
transform: te
},
// spacing
p: {
style: k
},
pt: {
style: k
},
pr: {
style: k
},
pb: {
style: k
},
pl: {
style: k
},
px: {
style: k
},
py: {
style: k
},
padding: {
style: k
},
paddingTop: {
style: k
},
paddingRight: {
style: k
},
paddingBottom: {
style: k
},
paddingLeft: {
style: k
},
paddingX: {
style: k
},
paddingY: {
style: k
},
paddingInline: {
style: k
},
paddingInlineStart: {
style: k
},
paddingInlineEnd: {
style: k
},
paddingBlock: {
style: k
},
paddingBlockStart: {
style: k
},
paddingBlockEnd: {
style: k
},
m: {
style: _
},
mt: {
style: _
},
mr: {
style: _
},
mb: {
style: _
},
ml: {
style: _
},
mx: {
style: _
},
my: {
style: _
},
margin: {
style: _
},
marginTop: {
style: _
},
marginRight: {
style: _
},
marginBottom: {
style: _
},
marginLeft: {
style: _
},
marginX: {
style: _
},
marginY: {
style: _
},
marginInline: {
style: _
},
marginInlineStart: {
style: _
},
marginInlineEnd: {
style: _
},
marginBlock: {
style: _
},
marginBlockStart: {
style: _
},
marginBlockEnd: {
style: _
},
// 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: Ae
},
rowGap: {
style: ve
},
columnGap: {
style: xe
},
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: P
},
maxWidth: {
style: Me
},
minWidth: {
transform: P
},
height: {
transform: P
},
maxHeight: {
transform: P
},
minHeight: {
transform: P
},
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, o) => n.concat(Object.keys(o)), []), 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, o, a) {
const l = {
[r]: n,
theme: o
}, c = a[r];
if (!c)
return {
[r]: n
};
const {
cssProperty: f = r,
themeKey: d,
transform: h,
style: m
} = c;
if (n == null)
return null;
if (d === "typography" && n === "inherit")
return {
[r]: n
};
const p = Ce(o, d) || {};
return m ? m(l) : G(l, n, (g) => {
let s = he(p, h, g);
return g === s && typeof g == "string" && (s = he(p, h, `${r}${g === "default" ? "" : lt(g)}`, g)), f === !1 ? s : {
[f]: s
};
});
}
function t(r) {
const {
sx: n,
theme: o = {}
} = r || {};
if (!n)
return null;
const a = o.unstable_sxConfig ?? we;
function l(c) {
let f = c;
if (typeof c == "function")
f = c(o);
else if (typeof c != "object")
return c;
if (!f)
return null;
const d = ut(o.breakpoints), h = Object.keys(d);
let m = d;
return Object.keys(f).forEach((p) => {
const b = hr(f[p], o);
if (b != null)
if (typeof b == "object")
if (a[p])
m = se(m, e(p, b, o, a));
else {
const g = G({
theme: o
}, b, (s) => ({
[p]: s
}));
gr(g, b) ? m[p] = t({
sx: b,
theme: o
}) : m = se(m, g);
}
else
m = se(m, e(p, b, o, a));
}), vt(o, ft(h, m));
}
return Array.isArray(n) ? n.map(l) : l(n);
}
return t;
}
const Oe = yr();
Oe.filterProps = ["sx"];
function br(e) {
for (var t = 0, r, n = 0, o = e.length; o >= 4; ++n, o -= 4)
r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */
(r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
r >>> 24, t = /* Math.imul(k, m): */
(r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
(t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
switch (o) {
case 3:
t ^= (e.charCodeAt(n + 2) & 255) << 16;
case 2:
t ^= (e.charCodeAt(n + 1) & 255) << 8;
case 1:
t ^= e.charCodeAt(n) & 255, t = /* Math.imul(h, m): */
(t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
}
return t ^= t >>> 13, t = /* Math.imul(h, m): */
(t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
}
var Cr = {
animationIterationCount: 1,
aspectRatio: 1,
borderImageOutset: 1,
borderImageSlice: 1,
borderImageWidth: 1,
boxFlex: 1,
boxFlexGroup: 1,
boxOrdinalGroup: 1,
columnCount: 1,
columns: 1,
flex: 1,
flexGrow: 1,
flexPositive: 1,
flexShrink: 1,
flexNegative: 1,
flexOrder: 1,
gridRow: 1,
gridRowEnd: 1,
gridRowSpan: 1,
gridRowStart: 1,
gridColumn: 1,
gridColumnEnd: 1,
gridColumnSpan: 1,
gridColumnStart: 1,
msGridRow: 1,
msGridRowSpan: 1,
msGridColumn: 1,
msGridColumnSpan: 1,
fontWeight: 1,
lineHeight: 1,
opacity: 1,
order: 1,
orphans: 1,
scale: 1,
tabSize: 1,
widows: 1,
zIndex: 1,
zoom: 1,
WebkitLineClamp: 1,
// SVG-related properties
fillOpacity: 1,
floodOpacity: 1,
stopOpacity: 1,
strokeDasharray: 1,
strokeDashoffset: 1,
strokeMiterlimit: 1,
strokeOpacity: 1,
strokeWidth: 1
};
function Sr(e) {
var t = /* @__PURE__ */ Object.create(null);
return function(r) {
return t[r] === void 0 && (t[r] = e(r)), t[r];
};
}
var Er = /[A-Z]|^ms/g, $r = /_EMO_([^_]+?)_([^]*?)_EMO_/g, pt = function(t) {
return t.charCodeAt(1) === 45;
}, Ye = function(t) {
return t != null && typeof t != "boolean";
}, ke = /* @__PURE__ */ Sr(function(e) {
return pt(e) ? e : e.replace(Er, "-$&").toLowerCase();
}), Ke = function(t, r) {
switch (t) {
case "animation":
case "animationName":
if (typeof r == "string")
return r.replace($r, function(n, o, a) {
return K = {
name: o,
styles: a,
next: K
}, o;
});
}
return Cr[t] !== 1 && !pt(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
};
function ye(e, t, r) {
if (r == null)
return "";
var n = r;
if (n.__emotion_styles !== void 0)
return n;
switch (typeof r) {
case "boolean":
return "";
case "object": {
var o = r;
if (o.anim === 1)
return K = {
name: o.name,
styles: o.styles,
next: K
}, o.name;
var a = r;
if (a.styles !== void 0) {
var l = a.next;
if (l !== void 0)
for (; l !== void 0; )
K = {
name: l.name,
styles: l.styles,
next: K
}, l = l.next;
var c = a.styles + ";";
return c;
}
return Tr(e, t, r);
}
}
var f = r;
return f;
}
function Tr(e, t, r) {
var n = "";
if (Array.isArray(r))
for (var o = 0; o < r.length; o++)
n += ye(e, t, r[o]) + ";";
else
for (var a in r) {
var l = r[a];
if (typeof l != "object") {
var c = l;
Ye(c) && (n += ke(a) + ":" + Ke(a, c) + ";");
} else if (Array.isArray(l) && typeof l[0] == "string" && t == null)
for (var f = 0; f < l.length; f++)
Ye(l[f]) && (n += ke(a) + ":" + Ke(a, l[f]) + ";");
else {
var d = ye(e, t, l);
switch (a) {
case "animation":
case "animationName": {
n += ke(a) + ":" + d + ";";
break;
}
default:
n += a + "{" + d + "}";
}
}
}
return n;
}
var He = /label:\s*([^\s;{]+)\s*(;|$)/g, K;
function Ar(e, t, r) {
if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
return e[0];
var n = !0, o = "";
K = void 0;
var a = e[0];
if (a == null || a.raw === void 0)
n = !1, o += ye(r, t, a);
else {
var l = a;
o += l[0];
}
for (var c = 1; c < e.length; c++)
if (o += ye(r, t, e[c]), n) {
var f = a;
o += f[c];
}
He.lastIndex = 0;
for (var d = "", h; (h = He.exec(o)) !== null; )
d += "-" + h[1];
var m = br(o) + d;
return {
name: m,
styles: o,
next: K
};
}
/**
* @mui/styled-engine v7.1.1
*
* @license MIT
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
function _n(e, t) {
const r = $t(e, t);
return process.env.NODE_ENV !== "production" ? (...n) => {
const o = typeof e == "string" ? `"${e}"` : "component";
return n.length === 0 ? console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
`)) : n.some((a) => a === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), r(...n);
} : r;
}
function kn(e, t) {
Array.isArray(e.__emotion_styles) && (e.__emotion_styles = t(e.__emotion_styles));
}
const qe = [];
function Rn(e) {
return qe[0] = e, Ar(qe);
}
const xr = (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 vr(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,
...o
} = e, a = xr(t), l = Object.keys(a);
function c(p) {
return `@media (min-width:${typeof t[p] == "number" ? t[p] : p}${r})`;
}
function f(p) {
return `@media (max-width:${(typeof t[p] == "number" ? t[p] : p) - n / 100}${r})`;
}
function d(p, b) {
const g = l.indexOf(b);
return `@media (min-width:${typeof t[p] == "number" ? t[p] : p}${r}) and (max-width:${(g !== -1 && typeof t[l[g]] == "number" ? t[l[g]] : b) - n / 100}${r})`;
}
function h(p) {
return l.indexOf(p) + 1 < l.length ? d(p, l[l.indexOf(p) + 1]) : c(p);
}
function m(p) {
const b = l.indexOf(p);
return b === 0 ? c(l[1]) : b === l.length - 1 ? f(l[b]) : d(p, l[l.indexOf(p) + 1]).replace("@media", "@media not all and");
}
return {
keys: l,
values: a,
up: c,
down: f,
between: d,
only: h,
not: m,
unit: r,
...o
};
}
const wr = {
borderRadius: 4
};
function mt(e = 8, t = Pe({
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 Or(e, t) {
var n;
const r = this;
if (r.vars) {
if (!((n = r.colorSchemes) != null && n[e]) || typeof r.getColorSchemeSelector != "function")
return {};
let o = r.getColorSchemeSelector(e);
return o === "&" ? t : ((o.includes("data-") || o.includes(".")) && (o = `*:where(${o.replace(/\s*&$/, "")}) &`), {
[o]: t
});
}
return r.palette.mode === e ? t : {};
}
function _r(e = {}, ...t) {
const {
breakpoints: r = {},
palette: n = {},
spacing: o,
shape: a = {},
...l
} = e, c = vr(r), f = mt(o);
let d = B({
breakpoints: c,
direction: "ltr",
components: {},
// Inject component definitions.
palette: {
mode: "light",
...n
},
spacing: f,
shape: {
...wr,
...a
}
}, l);
return d = _t(d), d.applyStyles = Or, d = t.reduce((h, m) => B(h, m), d), d.unstable_sxConfig = {
...we,
...l == null ? void 0 : l.unstable_sxConfig
}, d.unstable_sx = function(m) {
return Oe({
sx: m,
theme: this
});
}, d;
}
const Qe = (e) => e, kr = () => {
let e = Qe;
return {
configure(t) {
e = t;
},
generate(t) {
return e(t);
},
reset() {
e = Qe;
}
};
}, Rr = kr(), Nr = {
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 gt(e, t, r = "Mui") {
const n = Nr[t];
return n ? `${r}-${n}` : `${Rr.generate(e)}-${t}`;
}
function Nn(e, t, r = "Mui") {
const n = {};
return t.forEach((o) => {
n[o] = gt(e, o, r);
}), n;
}
function Ir(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) {
return Math.max(t, Math.min(e, r));
}
function De(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}].`), Ir(e, t, r);
}
function Br(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, o) => o < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
}
function Pr(e) {
const t = e.toString(16);
return t.length === 1 ? `0${t}` : t;
}
function j(e) {
if (e.type)
return e;
if (e.charAt(0) === "#")
return j(Br(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), 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"].includes(o))
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.` : H(10, o));
} else
n = n.split(",");
return n = n.map((a) => parseFloat(a)), {
type: r,
values: n,
colorSpace: o
};
}
const Mr = (e) => {
const t = j(e);
return t.values.slice(0, 3).map((r, n) => t.type.includes("hsl") && n !== 0 ? `${r}%` : r).join(" ");
}, ie = (e, t) => {
try {
return Mr(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((o, a) => a < 3 ? parseInt(o, 10) : o) : t.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), t.includes("color") ? n = `${r} ${n.join(" ")}` : n = `${n.join(", ")}`, `${t}(${n})`;
}
function In(e) {
if (e.startsWith("#"))
return e;
const {
values: t
} = j(e);
return `#${t.map((r, n) => Pr(n === 3 ? Math.round(255 * r) : r)).join("")}`;
}
function ht(e) {
e = j(e);
const {
values: t
} = e, r = t[0], n = t[1] / 100, o = t[2] / 100, a = n * Math.min(o, 1 - o), l = (d, h = (d + r / 30) % 12) => o - a * Math.max(Math.min(h - 3, 9 - h, 1), -1);
let c = "rgb";
const f = [Math.round(l(0) * 255), Math.round(l(8) * 255), Math.round(l(4) * 255)];
return e.type === "hsla" && (c += "a", f.push(t[3])), _e({
type: c,
values: f
});
}
function Ie(e) {
e = j(e);
let t = e.type === "hsl" || e.type === "hsla" ? j(ht(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 Xe(e, t) {
const r = Ie(e), n = Ie(t);
return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
}
function Dr(e, t) {
return e = j(e), t = De(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, _e(e);
}
function me(e, t, r) {
try {
return Dr(e, t);
} catch {
return e;
}
}
function Fe(e, t) {
if (e = j(e), t = De(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 x(e, t, r) {
try {
return Fe(e, t);
} catch {
return e;
}
}
function Ve(e, t) {
if (e = j(e), t = De(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 Ve(e, t);
} catch {
return e;
}
}
function Fr(e, t = 0.15) {
return Ie(e) > 0.5 ? Fe(e, t) : Ve(e, t);
}
function ge(e, t, r) {
try {
return Fr(e, t);
} catch {
return e;
}
}
function Vr(e = "") {
function t(...n) {
if (!n.length)
return "";
const o = n[0];
return typeof o == "string" && !o.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}-` : ""}${o}${t(...n.slice(1))})` : `, ${o}`;
}
return (n, ...o) => `var(--${e ? `${e}-` : ""}${n}${t(...o)})`;
}
const Je = (e, t, r, n = []) => {
let o = e;
t.forEach((a, l) => {
l === t.length - 1 ? Array.isArray(o) ? o[Number(a)] = r : o && typeof o == "object" && (o[a] = r) : o && typeof o == "object" && (o[a] || (o[a] = n.includes(a) ? [] : {}), o = o[a]);
});
}, Lr = (e, t, r) => {
function n(o, a = [], l = []) {
Object.entries(o).forEach(([c, f]) => {
(!r || r && !r([...a, c])) && f != null && (typeof f == "object" && Object.keys(f).length > 0 ? n(f, [...a, c], Array.isArray(f) ? [...l, c] : l) : t([...a, c], f, l));
});
}
n(e);
}, Wr = (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 Re(e, t) {
const {
prefix: r,
shouldSkipGeneratingVar: n
} = t || {}, o = {}, a = {}, l = {};
return Lr(
e,
(c, f, d) => {
if ((typeof f == "string" || typeof f == "number") && (!n || !n(c, f))) {
const h = `--${r ? `${r}-` : ""}${c.join("-")}`, m = Wr(c, f);
Object.assign(o, {
[h]: m
}), Je(a, c, `var(${h})`, d), Je(l, c, `var(${h}, ${m})`, d);
}
},
(c) => c[0] === "vars"
// skip 'vars/*' paths
), {
css: o,
vars: a,
varsWithDefaults: l
};
}
function Ur(e, t = {}) {
const {
getSelector: r = S,
disableCssColorScheme: n,
colorSchemeSelector: o
} = t, {
colorSchemes: a = {},
components: l,
defaultColorScheme: c = "light",
...f
} = e, {
vars: d,
css: h,
varsWithDefaults: m
} = Re(f, t);
let p = m;
const b = {}, {
[c]: g,
...s
} = a;
if (Object.entries(s || {}).forEach(([E, C]) => {
const {
vars: I,
css: W,
varsWithDefaults: z
} = Re(C, t);
p = B(p, z), b[E] = {
css: W,
vars: I
};
}), g) {
const {
css: E,
vars: C,
varsWithDefaults: I
} = Re(g, t);
p = B(p, I), b[c] = {
css: E,
vars: C
};
}
function S(E, C) {
var W, z;
let I = o;
if (o === "class" && (I = ".%s"), o === "data" && (I = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (I = `[${o}="%s"]`), E) {
if (I === "media")
return e.defaultColorScheme === E ? ":root" : {
[`@media (prefers-color-scheme: ${((z = (W = a[E]) == null ? void 0 : W.palette) == null ? void 0 : z.mode) || E})`]: {
":root": C
}
};
if (I)
return e.defaultColorScheme === E ? `:root, ${I.replace("%s", String(E))}` : I.replace("%s", String(E));
}
return ":root";
}
return {
vars: p,
generateThemeVars: () => {
let E = {
...d
};
return Object.entries(b).forEach(([, {
vars: C
}]) => {
E = B(E, C);
}), E;
},
generateStyleSheets: () => {
var re, V;
const E = [], C = e.defaultColorScheme || "light";
function I(i, y) {
Object.keys(y).length && E.push(typeof i == "string" ? {
[i]: {
...y
}
} : i);
}
I(r(void 0, {
...h
}), h);
const {
[C]: W,
...z
} = b;
if (W) {
const {
css: i
} = W, y = (V = (re = a[C]) == null ? void 0 : re.palette) == null ? void 0 : V.mode, A = !n && y ? {
colorScheme: y,
...i
} : {
...i
};
I(r(C, {
...A
}), A);
}
return Object.entries(z).forEach(([i, {
css: y
}]) => {
var fe, de;
const A = (de = (fe = a[i]) == null ? void 0 : fe.palette) == null ? void 0 : de.mode, N = !n && A ? {
colorScheme: A,
...y
} : {
...y
};
I(r(i, {
...N
}), N);
}), E;
}
};
}
function Gr(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)} &` : "&";
};
}
const le = {
black: "#000",
white: "#fff"
}, jr = {
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"
}, Q = {
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"
}, X = {
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"
}, oe = {
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"
}, J = {
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"
}, Z = {
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"
}, ee = {
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"
};
function yt() {
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: le.white,
default: le.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 zr = yt();
function bt() {
return {
text: {
primary: le.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: le.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 Ze = bt();
function et(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 = Ve(e.main, o) : t === "dark" && (e.dark = Fe(e.main, a)));
}
function Yr(e = "light") {
return e === "dark" ? {
main: J[200],
light: J[50],
dark: J[400]
} : {
main: J[700],
light: J[400],
dark: J[800]
};
}
function Kr(e = "light") {
return e === "dark" ? {
main: Q[200],
light: Q[50],
dark: Q[400]
} : {
main: Q[500],
light: Q[300],
dark: Q[700]
};
}
function Hr(e = "light") {
return e === "dark" ? {
main: X[500],
light: X[300],
dark: X[700]
} : {
main: X[700],
light: X[400],
dark: X[800]
};
}
function qr(e = "light") {
return e === "dark" ? {
main: Z[400],
light: Z[300],
dark: Z[700]
} : {
main: Z[700],
light: Z[500],
dark: Z[900]
};
}
function Qr(e = "light") {
return e === "dark" ? {
main: