UNPKG

mui-react-sidebar

Version:

A fully customizable and theme-aware sidebar navigation component for **React** and **Material-UI (MUI)**.

1,459 lines (1,455 loc) 308 kB
var ca = Object.defineProperty; var ua = (e, t, r) => t in e ? ca(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r; var jt = (e, t, r) => ua(e, typeof t != "symbol" ? t + "" : t, r); import * as R from "react"; import We, { isValidElement as Tr, cloneElement as wr, Children as pa, useState as Cr, useRef as fa, useEffect as ti } from "react"; import { unstable_createGetCssVar as da, createSpacing as ma, useTheme as ha, unstable_memoTheme as ga, keyframes as tr, css as ri } from "@mui/system"; import ya from "@emotion/styled"; import "@emotion/react"; import { ListItemButton as ba } from "@mui/material"; import * as va from "react-dom"; import pr from "react-dom"; function xa(e) { return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e; } var fr = { exports: {} }, Dt = {}; /** * @license React * react-jsx-runtime.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 Qn; function Ea() { if (Qn) return Dt; Qn = 1; var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment"); function r(n, o, i) { var s = null; if (i !== void 0 && (s = "" + i), o.key !== void 0 && (s = "" + o.key), "key" in o) { i = {}; for (var l in o) l !== "key" && (i[l] = o[l]); } else i = o; return o = i.ref, { $$typeof: e, type: n, key: s, ref: o !== void 0 ? o : null, props: i }; } return Dt.Fragment = t, Dt.jsx = r, Dt.jsxs = r, Dt; } var Bt = {}; /** * @license React * react-jsx-runtime.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 eo; function Ta() { return eo || (eo = 1, process.env.NODE_ENV !== "production" && function() { function e(h) { if (h == null) return null; if (typeof h == "function") return h.$$typeof === c ? null : h.displayName || h.name || null; if (typeof h == "string") return h; switch (h) { case p: return "Fragment"; case T: return "Profiler"; case E: return "StrictMode"; case y: return "Suspense"; case P: return "SuspenseList"; case z: return "Activity"; } if (typeof h == "object") switch (typeof h.tag == "number" && console.error( "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue." ), h.$$typeof) { case v: return "Portal"; case S: return (h.displayName || "Context") + ".Provider"; case $: return (h._context.displayName || "Context") + ".Consumer"; case x: var O = h.render; return h = h.displayName, h || (h = O.displayName || O.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h; case _: return O = h.displayName || null, O !== null ? O : e(h.type) || "Memo"; case V: O = h._payload, h = h._init; try { return e(h(O)); } catch { } } return null; } function t(h) { return "" + h; } function r(h) { try { t(h); var O = !1; } catch { O = !0; } if (O) { O = console; var M = O.error, U = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object"; return M.call( O, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", U ), t(h); } } function n(h) { if (h === p) return "<>"; if (typeof h == "object" && h !== null && h.$$typeof === V) return "<...>"; try { var O = e(h); return O ? "<" + O + ">" : "<...>"; } catch { return "<...>"; } } function o() { var h = C.A; return h === null ? null : h.getOwner(); } function i() { return Error("react-stack-top-frame"); } function s(h) { if (I.call(h, "key")) { var O = Object.getOwnPropertyDescriptor(h, "key").get; if (O && O.isReactWarning) return !1; } return h.key !== void 0; } function l(h, O) { function M() { F || (F = !0, console.error( "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", O )); } M.isReactWarning = !0, Object.defineProperty(h, "key", { get: M, configurable: !0 }); } function u() { var h = e(this.type); return B[h] || (B[h] = !0, console.error( "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release." )), h = this.props.ref, h !== void 0 ? h : null; } function f(h, O, M, U, W, q, A, Y) { return M = q.ref, h = { $$typeof: b, type: h, key: O, props: q, _owner: W }, (M !== void 0 ? M : null) !== null ? Object.defineProperty(h, "ref", { enumerable: !1, get: u }) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", { configurable: !1, enumerable: !1, writable: !0, value: 0 }), Object.defineProperty(h, "_debugInfo", { configurable: !1, enumerable: !1, writable: !0, value: null }), Object.defineProperty(h, "_debugStack", { configurable: !1, enumerable: !1, writable: !0, value: A }), Object.defineProperty(h, "_debugTask", { configurable: !1, enumerable: !1, writable: !0, value: Y }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h; } function d(h, O, M, U, W, q, A, Y) { var D = O.children; if (D !== void 0) if (U) if (N(D)) { for (U = 0; U < D.length; U++) m(D[U]); Object.freeze && Object.freeze(D); } else console.error( "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead." ); else m(D); if (I.call(O, "key")) { D = e(h); var G = Object.keys(O).filter(function(oe) { return oe !== "key"; }); U = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", K[D + U] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error( `A props object containing a "key" prop is being spread into JSX: let props = %s; <%s {...props} /> React keys must be passed directly to JSX without using spread: let props = %s; <%s key={someKey} {...props} />`, U, D, G, D ), K[D + U] = !0); } if (D = null, M !== void 0 && (r(M), D = "" + M), s(O) && (r(O.key), D = "" + O.key), "key" in O) { M = {}; for (var X in O) X !== "key" && (M[X] = O[X]); } else M = O; return D && l( M, typeof h == "function" ? h.displayName || h.name || "Unknown" : h ), f( h, D, q, W, o(), M, A, Y ); } function m(h) { typeof h == "object" && h !== null && h.$$typeof === b && h._store && (h._store.validated = 1); } var g = We, b = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), S = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), z = Symbol.for("react.activity"), c = Symbol.for("react.client.reference"), C = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, N = Array.isArray, H = console.createTask ? console.createTask : function() { return null; }; g = { "react-stack-bottom-frame": function(h) { return h(); } }; var F, B = {}, L = g["react-stack-bottom-frame"].bind( g, i )(), J = H(n(i)), K = {}; Bt.Fragment = p, Bt.jsx = function(h, O, M, U, W) { var q = 1e4 > C.recentlyCreatedOwnerStacks++; return d( h, O, M, !1, U, W, q ? Error("react-stack-top-frame") : L, q ? H(n(h)) : J ); }, Bt.jsxs = function(h, O, M, U, W) { var q = 1e4 > C.recentlyCreatedOwnerStacks++; return d( h, O, M, !0, U, W, q ? Error("react-stack-top-frame") : L, q ? H(n(h)) : J ); }; }()), Bt; } var to; function wa() { return to || (to = 1, process.env.NODE_ENV === "production" ? fr.exports = Ea() : fr.exports = Ta()), fr.exports; } var j = wa(); function rt(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.`; } const ni = "$$material", Oa = (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 Sa(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, i = Oa(t), s = Object.keys(i); function l(g) { return `@media (min-width:${typeof t[g] == "number" ? t[g] : g}${r})`; } function u(g) { return `@media (max-width:${(typeof t[g] == "number" ? t[g] : g) - n / 100}${r})`; } function f(g, b) { const v = s.indexOf(b); return `@media (min-width:${typeof t[g] == "number" ? t[g] : g}${r}) and (max-width:${(v !== -1 && typeof t[s[v]] == "number" ? t[s[v]] : b) - n / 100}${r})`; } function d(g) { return s.indexOf(g) + 1 < s.length ? f(g, s[s.indexOf(g) + 1]) : l(g); } function m(g) { const b = s.indexOf(g); return b === 0 ? l(s[1]) : b === s.length - 1 ? u(s[b]) : f(g, s[s.indexOf(g) + 1]).replace("@media", "@media not all and"); } return { keys: s, values: i, up: l, down: u, between: f, only: d, not: m, unit: r, ...o }; } var dr = { exports: {} }, ie = {}; /** * @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 ro; function Ca() { if (ro) return ie; ro = 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"), i = Symbol.for("react.consumer"), s = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), g = Symbol.for("react.view_transition"), b = Symbol.for("react.client.reference"); function v(p) { if (typeof p == "object" && p !== null) { var E = p.$$typeof; switch (E) { case e: switch (p = p.type, p) { case r: case o: case n: case u: case f: case g: return p; default: switch (p = p && p.$$typeof, p) { case s: case l: case m: case d: return p; case i: return p; default: return E; } } case t: return E; } } } return ie.ContextConsumer = i, ie.ContextProvider = s, ie.Element = e, ie.ForwardRef = l, ie.Fragment = r, ie.Lazy = m, ie.Memo = d, ie.Portal = t, ie.Profiler = o, ie.StrictMode = n, ie.Suspense = u, ie.SuspenseList = f, ie.isContextConsumer = function(p) { return v(p) === i; }, ie.isContextProvider = function(p) { return v(p) === s; }, ie.isElement = function(p) { return typeof p == "object" && p !== null && p.$$typeof === e; }, ie.isForwardRef = function(p) { return v(p) === l; }, ie.isFragment = function(p) { return v(p) === r; }, ie.isLazy = function(p) { return v(p) === m; }, ie.isMemo = function(p) { return v(p) === d; }, ie.isPortal = function(p) { return v(p) === t; }, ie.isProfiler = function(p) { return v(p) === o; }, ie.isStrictMode = function(p) { return v(p) === n; }, ie.isSuspense = function(p) { return v(p) === u; }, ie.isSuspenseList = function(p) { return v(p) === f; }, ie.isValidElementType = function(p) { return typeof p == "string" || typeof p == "function" || p === r || p === o || p === n || p === u || p === f || typeof p == "object" && p !== null && (p.$$typeof === m || p.$$typeof === d || p.$$typeof === s || p.$$typeof === i || p.$$typeof === l || p.$$typeof === b || p.getModuleId !== void 0); }, ie.typeOf = v, ie; } var ae = {}; /** * @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 no; function Ra() { return no || (no = 1, process.env.NODE_ENV !== "production" && function() { function e(p) { if (typeof p == "object" && p !== null) { var E = p.$$typeof; switch (E) { case t: switch (p = p.type, p) { case n: case i: case o: case f: case d: case b: return p; default: switch (p = p && p.$$typeof, p) { case l: case u: case g: case m: return p; case s: return p; default: return E; } } case r: return E; } } } var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), s = Symbol.for("react.consumer"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), b = Symbol.for("react.view_transition"), v = Symbol.for("react.client.reference"); ae.ContextConsumer = s, ae.ContextProvider = l, ae.Element = t, ae.ForwardRef = u, ae.Fragment = n, ae.Lazy = g, ae.Memo = m, ae.Portal = r, ae.Profiler = i, ae.StrictMode = o, ae.Suspense = f, ae.SuspenseList = d, ae.isContextConsumer = function(p) { return e(p) === s; }, ae.isContextProvider = function(p) { return e(p) === l; }, ae.isElement = function(p) { return typeof p == "object" && p !== null && p.$$typeof === t; }, ae.isForwardRef = function(p) { return e(p) === u; }, ae.isFragment = function(p) { return e(p) === n; }, ae.isLazy = function(p) { return e(p) === g; }, ae.isMemo = function(p) { return e(p) === m; }, ae.isPortal = function(p) { return e(p) === r; }, ae.isProfiler = function(p) { return e(p) === i; }, ae.isStrictMode = function(p) { return e(p) === o; }, ae.isSuspense = function(p) { return e(p) === f; }, ae.isSuspenseList = function(p) { return e(p) === d; }, ae.isValidElementType = function(p) { return typeof p == "string" || typeof p == "function" || p === n || p === i || p === o || p === f || p === d || typeof p == "object" && p !== null && (p.$$typeof === g || p.$$typeof === m || p.$$typeof === l || p.$$typeof === s || p.$$typeof === u || p.$$typeof === v || p.getModuleId !== void 0); }, ae.typeOf = e; }()), ae; } var oo; function Pa() { return oo || (oo = 1, process.env.NODE_ENV === "production" ? dr.exports = /* @__PURE__ */ Ca() : dr.exports = /* @__PURE__ */ Ra()), dr.exports; } var Rr = /* @__PURE__ */ Pa(); function ze(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 oi(e) { if (/* @__PURE__ */ R.isValidElement(e) || Rr.isValidElementType(e) || !ze(e)) return e; const t = {}; return Object.keys(e).forEach((r) => { t[r] = oi(e[r]); }), t; } function Te(e, t, r = { clone: !0 }) { const n = r.clone ? { ...e } : e; return ze(e) && ze(t) && Object.keys(t).forEach((o) => { /* @__PURE__ */ R.isValidElement(t[o]) || Rr.isValidElementType(t[o]) ? n[o] = t[o] : ze(t[o]) && // Avoid prototype pollution Object.prototype.hasOwnProperty.call(e, o) && ze(e[o]) ? n[o] = Te(e[o], t[o], r) : r.clone ? n[o] = ze(t[o]) ? oi(t[o]) : t[o] : n[o] = t[o]; }), n; } function $a(e, t = Number.MIN_SAFE_INTEGER, r = Number.MAX_SAFE_INTEGER) { return Math.max(t, Math.min(e, r)); } function An(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}].`), $a(e, t, r); } function Aa(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 nt(e) { if (e.type) return e; if (e.charAt(0) === "#") return nt(Aa(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().` : rt(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.` : rt(10, o)); } else n = n.split(","); return n = n.map((i) => parseFloat(i)), { type: r, values: n, colorSpace: o }; } const Na = (e) => { const t = nt(e); return t.values.slice(0, 3).map((r, n) => t.type.includes("hsl") && n !== 0 ? `${r}%` : r).join(" "); }, Wt = (e, t) => { try { return Na(e); } catch { return t && process.env.NODE_ENV !== "production" && console.warn(t), e; } }; function Vr(e) { const { type: t, colorSpace: r } = e; let { values: n } = e; return t.includes("rgb") ? n = n.map((o, i) => i < 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 ii(e) { e = nt(e); const { values: t } = e, r = t[0], n = t[1] / 100, o = t[2] / 100, i = n * Math.min(o, 1 - o), s = (f, d = (f + r / 30) % 12) => o - i * Math.max(Math.min(d - 3, 9 - d, 1), -1); let l = "rgb"; const u = [Math.round(s(0) * 255), Math.round(s(8) * 255), Math.round(s(4) * 255)]; return e.type === "hsla" && (l += "a", u.push(t[3])), Vr({ type: l, values: u }); } function yn(e) { e = nt(e); let t = e.type === "hsl" || e.type === "hsla" ? nt(ii(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 io(e, t) { const r = yn(e), n = yn(t); return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05); } function Gt(e, t) { return e = nt(e), t = An(t), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${t}` : e.values[3] = t, Vr(e); } function mr(e, t, r) { try { return Gt(e, t); } catch { return e; } } function Nn(e, t) { if (e = nt(e), t = An(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 Vr(e); } function se(e, t, r) { try { return Nn(e, t); } catch { return e; } } function kn(e, t) { if (e = nt(e), t = An(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 Vr(e); } function le(e, t, r) { try { return kn(e, t); } catch { return e; } } function ka(e, t = 0.15) { return yn(e) > 0.5 ? Nn(e, t) : kn(e, t); } function hr(e, t, r) { try { return ka(e, t); } catch { return e; } } const Kt = { black: "#000", white: "#fff" }, Ia = { 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" }, yt = { 50: "#f3e5f5", 200: "#ce93d8", 300: "#ba68c8", 400: "#ab47bc", 500: "#9c27b0", 700: "#7b1fa2" }, bt = { 300: "#e57373", 400: "#ef5350", 500: "#f44336", 700: "#d32f2f", 800: "#c62828" }, Lt = { 300: "#ffb74d", 400: "#ffa726", 500: "#ff9800", 700: "#f57c00", 900: "#e65100" }, vt = { 50: "#e3f2fd", 200: "#90caf9", 400: "#42a5f5", 700: "#1976d2", 800: "#1565c0" }, xt = { 300: "#4fc3f7", 400: "#29b6f6", 500: "#03a9f4", 700: "#0288d1", 900: "#01579b" }, Et = { 300: "#81c784", 400: "#66bb6a", 500: "#4caf50", 700: "#388e3c", 800: "#2e7d32", 900: "#1b5e20" }; function ai() { 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: Kt.white, default: Kt.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 Ma = ai(); function si() { return { text: { primary: Kt.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: Kt.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 ao = si(); function so(e, t, r, n) { const o = n.light || n, i = n.dark || n * 1.5; e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = kn(e.main, o) : t === "dark" && (e.dark = Nn(e.main, i))); } function _a(e = "light") { return e === "dark" ? { main: vt[200], light: vt[50], dark: vt[400] } : { main: vt[700], light: vt[400], dark: vt[800] }; } function ja(e = "light") { return e === "dark" ? { main: yt[200], light: yt[50], dark: yt[400] } : { main: yt[500], light: yt[300], dark: yt[700] }; } function Da(e = "light") { return e === "dark" ? { main: bt[500], light: bt[300], dark: bt[700] } : { main: bt[700], light: bt[400], dark: bt[800] }; } function Ba(e = "light") { return e === "dark" ? { main: xt[400], light: xt[300], dark: xt[700] } : { main: xt[700], light: xt[500], dark: xt[900] }; } function La(e = "light") { return e === "dark" ? { main: Et[400], light: Et[300], dark: Et[700] } : { main: Et[800], light: Et[500], dark: Et[900] }; } function Va(e = "light") { return e === "dark" ? { main: Lt[400], light: Lt[300], dark: Lt[700] } : { main: "#ed6c02", // closest to orange[800] that pass 3:1. light: Lt[500], dark: Lt[900] }; } function In(e) { const { mode: t = "light", contrastThreshold: r = 3, tonalOffset: n = 0.2, ...o } = e, i = e.primary || _a(t), s = e.secondary || ja(t), l = e.error || Da(t), u = e.info || Ba(t), f = e.success || La(t), d = e.warning || Va(t); function m(p) { const E = io(p, ao.text.primary) >= r ? ao.text.primary : Ma.text.primary; if (process.env.NODE_ENV !== "production") { const T = io(p, E); T < 3 && console.error([`MUI: The contrast ratio of ${T}:1 for ${E} on ${p}`, "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 E; } const g = ({ color: p, name: E, mainShade: T = 500, lightShade: $ = 300, darkShade: S = 700 }) => { if (p = { ...p }, !p.main && p[T] && (p.main = p[T]), !p.hasOwnProperty("main")) throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${E ? ` (${E})` : ""} provided to augmentColor(color) is invalid. The color object needs to have a \`main\` property or a \`${T}\` property.` : rt(11, E ? ` (${E})` : "", T)); if (typeof p.main != "string") throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${E ? ` (${E})` : ""} provided to augmentColor(color) is invalid. \`color.main\` should be a string, but \`${JSON.stringify(p.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] }, } });` : rt(12, E ? ` (${E})` : "", JSON.stringify(p.main))); return so(p, "light", $, n), so(p, "dark", S, n), p.contrastText || (p.contrastText = m(p.main)), p; }; let b; return t === "light" ? b = ai() : t === "dark" && (b = si()), process.env.NODE_ENV !== "production" && (b || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), Te({ // A collection of common colors. common: { ...Kt }, // 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: g({ color: i, name: "primary" }), // The colors used to represent secondary interface elements for a user. secondary: g({ 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: g({ color: l, name: "error" }), // The colors used to represent potentially dangerous actions or important messages. warning: g({ color: d, name: "warning" }), // The colors used to present information to the user that is neutral and not necessarily important. info: g({ color: u, name: "info" }), // The colors used to indicate the successful completion of an action that user triggered. success: g({ color: f, name: "success" }), // The grey colors. grey: Ia, // 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: m, // Generate a rich color object. augmentColor: g, // 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. ...b }, o); } var gr = { exports: {} }, yr = { exports: {} }, te = {}; /** @license React v16.13.1 * react-is.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var lo; function za() { if (lo) return te; lo = 1; var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, f = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, p = e ? Symbol.for("react.block") : 60121, E = e ? Symbol.for("react.fundamental") : 60117, T = e ? Symbol.for("react.responder") : 60118, $ = e ? Symbol.for("react.scope") : 60119; function S(y) { if (typeof y == "object" && y !== null) { var P = y.$$typeof; switch (P) { case t: switch (y = y.type, y) { case u: case f: case n: case i: case o: case m: return y; default: switch (y = y && y.$$typeof, y) { case l: case d: case v: case b: case s: return y; default: return P; } } case r: return P; } } } function x(y) { return S(y) === f; } return te.AsyncMode = u, te.ConcurrentMode = f, te.ContextConsumer = l, te.ContextProvider = s, te.Element = t, te.ForwardRef = d, te.Fragment = n, te.Lazy = v, te.Memo = b, te.Portal = r, te.Profiler = i, te.StrictMode = o, te.Suspense = m, te.isAsyncMode = function(y) { return x(y) || S(y) === u; }, te.isConcurrentMode = x, te.isContextConsumer = function(y) { return S(y) === l; }, te.isContextProvider = function(y) { return S(y) === s; }, te.isElement = function(y) { return typeof y == "object" && y !== null && y.$$typeof === t; }, te.isForwardRef = function(y) { return S(y) === d; }, te.isFragment = function(y) { return S(y) === n; }, te.isLazy = function(y) { return S(y) === v; }, te.isMemo = function(y) { return S(y) === b; }, te.isPortal = function(y) { return S(y) === r; }, te.isProfiler = function(y) { return S(y) === i; }, te.isStrictMode = function(y) { return S(y) === o; }, te.isSuspense = function(y) { return S(y) === m; }, te.isValidElementType = function(y) { return typeof y == "string" || typeof y == "function" || y === n || y === f || y === i || y === o || y === m || y === g || typeof y == "object" && y !== null && (y.$$typeof === v || y.$$typeof === b || y.$$typeof === s || y.$$typeof === l || y.$$typeof === d || y.$$typeof === E || y.$$typeof === T || y.$$typeof === $ || y.$$typeof === p); }, te.typeOf = S, te; } var re = {}; /** @license React v16.13.1 * react-is.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */ var co; function Wa() { return co || (co = 1, process.env.NODE_ENV !== "production" && function() { var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, u = e ? Symbol.for("react.async_mode") : 60111, f = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, p = e ? Symbol.for("react.block") : 60121, E = e ? Symbol.for("react.fundamental") : 60117, T = e ? Symbol.for("react.responder") : 60118, $ = e ? Symbol.for("react.scope") : 60119; function S(k) { return typeof k == "string" || typeof k == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill. k === n || k === f || k === i || k === o || k === m || k === g || typeof k == "object" && k !== null && (k.$$typeof === v || k.$$typeof === b || k.$$typeof === s || k.$$typeof === l || k.$$typeof === d || k.$$typeof === E || k.$$typeof === T || k.$$typeof === $ || k.$$typeof === p); } function x(k) { if (typeof k == "object" && k !== null) { var he = k.$$typeof; switch (he) { case t: var ge = k.type; switch (ge) { case u: case f: case n: case i: case o: case m: return ge; default: var De = ge && ge.$$typeof; switch (De) { case l: case d: case v: case b: case s: return De; default: return he; } } case r: return he; } } } var y = u, P = f, _ = l, V = s, z = t, c = d, C = n, I = v, N = b, H = r, F = i, B = o, L = m, J = !1; function K(k) { return J || (J = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), h(k) || x(k) === u; } function h(k) { return x(k) === f; } function O(k) { return x(k) === l; } function M(k) { return x(k) === s; } function U(k) { return typeof k == "object" && k !== null && k.$$typeof === t; } function W(k) { return x(k) === d; } function q(k) { return x(k) === n; } function A(k) { return x(k) === v; } function Y(k) { return x(k) === b; } function D(k) { return x(k) === r; } function G(k) { return x(k) === i; } function X(k) { return x(k) === o; } function oe(k) { return x(k) === m; } re.AsyncMode = y, re.ConcurrentMode = P, re.ContextConsumer = _, re.ContextProvider = V, re.Element = z, re.ForwardRef = c, re.Fragment = C, re.Lazy = I, re.Memo = N, re.Portal = H, re.Profiler = F, re.StrictMode = B, re.Suspense = L, re.isAsyncMode = K, re.isConcurrentMode = h, re.isContextConsumer = O, re.isContextProvider = M, re.isElement = U, re.isForwardRef = W, re.isFragment = q, re.isLazy = A, re.isMemo = Y, re.isPortal = D, re.isProfiler = G, re.isStrictMode = X, re.isSuspense = oe, re.isValidElementType = S, re.typeOf = x; }()), re; } var uo; function li() { return uo || (uo = 1, process.env.NODE_ENV === "production" ? yr.exports = za() : yr.exports = Wa()), yr.exports; } /* object-assign (c) Sindre Sorhus @license MIT */ var nn, po; function Fa() { if (po) return nn; po = 1; var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable; function n(i) { if (i == null) throw new TypeError("Object.assign cannot be called with null or undefined"); return Object(i); } function o() { try { if (!Object.assign) return !1; var i = new String("abc"); if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5") return !1; for (var s = {}, l = 0; l < 10; l++) s["_" + String.fromCharCode(l)] = l; var u = Object.getOwnPropertyNames(s).map(function(d) { return s[d]; }); if (u.join("") !== "0123456789") return !1; var f = {}; return "abcdefghijklmnopqrst".split("").forEach(function(d) { f[d] = d; }), Object.keys(Object.assign({}, f)).join("") === "abcdefghijklmnopqrst"; } catch { return !1; } } return nn = o() ? Object.assign : function(i, s) { for (var l, u = n(i), f, d = 1; d < arguments.length; d++) { l = Object(arguments[d]); for (var m in l) t.call(l, m) && (u[m] = l[m]); if (e) { f = e(l); for (var g = 0; g < f.length; g++) r.call(l, f[g]) && (u[f[g]] = l[f[g]]); } } return u; }, nn; } var on, fo; function Mn() { if (fo) return on; fo = 1; var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"; return on = e, on; } var an, mo; function ci() { return mo || (mo = 1, an = Function.call.bind(Object.prototype.hasOwnProperty)), an; } var sn, ho; function Ua() { if (ho) return sn; ho = 1; var e = function() { }; if (process.env.NODE_ENV !== "production") { var t = /* @__PURE__ */ Mn(), r = {}, n = /* @__PURE__ */ ci(); e = function(i) { var s = "Warning: " + i; typeof console < "u" && console.error(s); try { throw new Error(s); } catch { } }; } function o(i, s, l, u, f) { if (process.env.NODE_ENV !== "production") { for (var d in i) if (n(i, d)) { var m; try { if (typeof i[d] != "function") { var g = Error( (u || "React class") + ": " + l + " type `" + d + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[d] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`." ); throw g.name = "Invariant Violation", g; } m = i[d](s, d, u, l, null, t); } catch (v) { m = v; } if (m && !(m instanceof Error) && e( (u || "React class") + ": type specification of " + l + " `" + d + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof m + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)." ), m instanceof Error && !(m.message in r)) { r[m.message] = !0; var b = f ? f() : ""; e( "Failed " + l + " type: " + m.message + (b ?? "") ); } } } } return o.resetWarningCache = function() { process.env.NODE_ENV !== "production" && (r = {}); }, sn = o, sn; } var ln, go; function Ya() { if (go) return ln; go = 1; var e = li(), t = Fa(), r = /* @__PURE__ */ Mn(), n = /* @__PURE__ */ ci(), o = /* @__PURE__ */ Ua(), i = function() { }; process.env.NODE_ENV !== "production" && (i = function(l) { var u = "Warning: " + l; typeof console < "u" && console.error(u); try { throw new Error(u); } catch { } }); function s() { return null; } return ln = function(l, u) { var f = typeof Symbol == "function" && Symbol.iterator, d = "@@iterator"; function m(h) { var O = h && (f && h[f] || h[d]); if (typeof O == "function") return O; } var g = "<<anonymous>>", b = { array: T("array"), bigint: T("bigint"), bool: T("boolean"), func: T("function"), number: T("number"), object: T("object"), string: T("string"), symbol: T("symbol"), any: $(), arrayOf: S, element: x(), elementType: y(), instanceOf: P, node: c(), objectOf: V, oneOf: _, oneOfType: z, shape: I, exact: N }; function v(h, O) { return h === O ? h !== 0 || 1 / h === 1 / O : h !== h && O !== O; } function p(h, O) { this.message = h, this.data = O && typeof O == "object" ? O : {}, this.stack = ""; } p.prototype = Error.prototype; function E(h) { if (process.env.NODE_ENV !== "production") var O = {}, M = 0; function U(q, A, Y, D, G, X, oe) { if (D = D || g, X = X || Y, oe !== r) { if (u) { var k = new Error( "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types" ); throw k.name = "Invariant Violation", k; } else if (process.env.NODE_ENV !== "production" && typeof console < "u") { var he = D + ":" + Y; !O[he] && // Avoid spamming the console because they are often not actionable except for lib authors M < 3 && (i( "You are manually calling a React.PropTypes validation function for the `" + X + "` prop on `" + D + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details." ), O[he] = !0, M++); } } return A[Y] == null ? q ? A[Y] === null ? new p("The " + G + " `" + X + "` is marked as required " + ("in `" + D + "`, but its value is `null`.")) : new p("The " + G + " `" + X + "` is marked as required in " + ("`" + D + "`, but its value is `undefined`.")) : null : h(A, Y, D, G, X); } var W = U.bind(null, !1); return W.isRequired = U.bind(null, !0), W; } function T(h) { function O(M, U, W, q, A, Y) { var D = M[U], G = B(D); if (G !== h) { var X = L(D); return new p( "Invalid " + q + " `" + A + "` of type " + ("`" + X + "` supplied to `" + W + "`, expected ") + ("`" + h + "`."), { expectedType: h } ); } return null; } return E(O); } function $() { return E(s); } function S(h) { function O(M, U, W, q, A) { if (typeof h != "function") return new p("Property `" + A + "` of component `" + W + "` has invalid PropType notation inside arrayOf."); var Y = M[U]; if (!Array.isArray(Y)) { var D = B(Y); return new p("Invalid " + q + " `" + A + "` of type " + ("`" + D + "` supplied to `" + W + "`, expected an array.")); } for (var G = 0; G < Y.length; G++) { var X = h(Y, G, W, q, A + "[" + G + "]", r); if (X instanceof Error) return X; } return null; } return E(O); } function x() { function h(O, M, U, W, q) { var A = O[M]; if (!l(A)) { var Y = B(A); return new p("Invalid " + W + " `" + q + "` of type " + ("`" + Y + "` supplied to `" + U + "`, expected a single ReactElement.")); } return null; } return E(h); } function y() { function h(O, M, U, W, q) { var A = O[M]; if (!e.isValidElementType(A)) { var Y = B(A); return new p("Invalid " + W + " `" + q + "` of type " + ("`" + Y + "` supplied to `" + U + "`, expected a single ReactElement type.")); } return null; } return E(h); } function P(h) { function O(M, U, W, q, A) { if (!(M[U] instanceof h)) { var Y = h.name || g, D = K(M[U]); return new p("Invalid " + q + " `" + A + "` of type " + ("`" + D + "` supplied to `" + W + "`, expected ") + ("instance of `" + Y + "`.")); } return null; } return E(O); } function _(h) { if (!Array.isArray(h)) return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i( "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])." ) : i("Invalid argument supplied to oneOf, expected an array.")), s; function O(M, U, W, q, A) { for (var Y = M[U], D = 0; D < h.length; D++) if (v(Y, h[D])) return null; var G = JSON.stringify(h, function(oe, k) { var he = L(k); return he === "symbol" ? String(k) : k; }); return new p("Invalid " + q + " `" + A + "` of value `" + String(Y) + "` " + ("supplied to `" + W + "`, expected one of " + G + ".")); } return E(O); } function V(h) { function O(M, U, W, q, A) { if (typeof h != "function") return new p("Property `" + A + "` of component `" + W + "` has invalid PropType notation inside objectOf."); var Y = M[U], D = B(Y); if (D !== "object") return new p("Invalid " + q + " `" + A + "` of type " + ("`" + D + "` supplied to `" + W + "`, expected an object.")); for (var G in Y) if (n(Y, G)) { var X = h(Y, G, W, q, A + "." + G, r); if (X instanceof Error) return X; } return null; } return E(O); } function z(h) { if (!Array.isArray(h)) return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), s; for (var O = 0; O < h.length; O++) { var M = h[O]; if (typeof M != "function") return i( "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + J(M) + " at index " + O + "." ), s; } function U(W, q, A, Y, D) { for (var G = [], X = 0; X < h.length; X++) { var oe = h[X], k = oe(W, q, A, Y, D, r); if (k == null) return null; k.data && n(k.data, "expectedType") && G.push(k.data.expectedType); } var he = G.length > 0 ? ", expected one of type [" + G.join(", ") + "]" : ""; return new p("Invalid " + Y + " `" + D + "` supplied to " + ("`" + A + "`" + he + ".")); } return E(U); } function c() { function h(O, M, U, W, q) { return H(O[M]) ? null : new p("Invalid " + W + " `" + q + "` supplied to " + ("`" + U + "`, expected a ReactNode.")); } return E(h); } function C(h, O, M, U, W) { return new p( (h || "React class") + ": " + O + " type `" + M + "." + U + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + W + "`." ); } function I(h) { function O(M, U, W, q, A) { var Y =