UNPKG

mui-react-sidebar

Version:

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

github.com/jasunakumdev/sidebar

jasunakumdev/sidebar

85 lines (81 loc) • 186 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
(function(Q,de){typeof exports=="object"&&typeof module<"u"?module.exports=de(require("react"),require("@mui/system"),require("@emotion/styled"),require("@emotion/react"),require("@mui/material"),require("react-dom")):typeof define=="function"&&define.amd?define(["react","@mui/system","@emotion/styled","@emotion/react","@mui/material","react-dom"],de):(Q=typeof globalThis<"u"?globalThis:Q||self,Q.Sidebar=de(Q.React,Q.MuiSystem,Q.EmotionStyled,Q.EmotionReact,Q.MuiMaterial,Q.ReactDOM))})(this,function(Q,de,yt,jp,Xi,Mt){"use strict";var Mp=Object.defineProperty;var _p=(Q,de,yt)=>de in Q?Mp(Q,de,{enumerable:!0,configurable:!0,writable:!0,value:yt}):Q[de]=yt;var lr=(Q,de,yt)=>_p(Q,typeof de!="symbol"?de+"":de,yt);function Xn(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const R=Xn(Q),Ji=Xn(Mt);function Zi(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var cr={exports:{}},_t={};/** * @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 Jn;function Qi(){if(Jn)return _t;Jn=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 _t.Fragment=t,_t.jsx=r,_t.jsxs=r,_t}var jt={};/** * @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 Zn;function ea(){return Zn||(Zn=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 x: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 O:return(h.displayName||"Context")+".Provider";case $:return(h._context.displayName||"Context")+".Consumer";case E:var w=h.render;return h=h.displayName,h||(h=w.displayName||w.name||"",h=h!==""?"ForwardRef("+h+")":"ForwardRef"),h;case _:return w=h.displayName||null,w!==null?w:e(h.type)||"Memo";case V:w=h._payload,h=h._init;try{return e(h(w))}catch{}}return null}function t(h){return""+h}function r(h){try{t(h);var w=!1}catch{w=!0}if(w){w=console;var M=w.error,U=typeof Symbol=="function"&&Symbol.toStringTag&&h[Symbol.toStringTag]||h.constructor.name||"Object";return M.call(w,"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 w=e(h);return w?"<"+w+">":"<...>"}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 w=Object.getOwnPropertyDescriptor(h,"key").get;if(w&&w.isReactWarning)return!1}return h.key!==void 0}function l(h,w){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)",w))}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,w,M,U,W,H,A,Y){return M=H.ref,h={$$typeof:b,type:h,key:w,props:H,_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,w,M,U,W,H,A,Y){var D=w.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(w,"key")){D=e(h);var G=Object.keys(w).filter(function(se){return se!=="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(w)&&(r(w.key),D=""+w.key),"key"in w){M={};for(var X in w)X!=="key"&&(M[X]=w[X])}else M=w;return D&&l(M,typeof h=="function"?h.displayName||h.name||"Unknown":h),f(h,D,H,W,o(),M,A,Y)}function m(h){typeof h=="object"&&h!==null&&h.$$typeof===b&&h._store&&(h._store.validated=1)}var g=Q,b=Symbol.for("react.transitional.element"),v=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),x=Symbol.for("react.strict_mode"),T=Symbol.for("react.profiler"),$=Symbol.for("react.consumer"),O=Symbol.for("react.context"),E=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,q=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=q(n(i)),K={};jt.Fragment=p,jt.jsx=function(h,w,M,U,W){var H=1e4>C.recentlyCreatedOwnerStacks++;return d(h,w,M,!1,U,W,H?Error("react-stack-top-frame"):L,H?q(n(h)):J)},jt.jsxs=function(h,w,M,U,W){var H=1e4>C.recentlyCreatedOwnerStacks++;return d(h,w,M,!0,U,W,H?Error("react-stack-top-frame"):L,H?q(n(h)):J)}}()),jt}var Qn;function ta(){return Qn||(Qn=1,process.env.NODE_ENV==="production"?cr.exports=Qi():cr.exports=ea()),cr.exports}var j=ta();function Qe(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 eo="$$material",ra=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 na(e){const{values:t={xs:0,sm:600,md:900,lg:1200,xl:1536},unit:r="px",step:n=5,...o}=e,i=ra(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 ur={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 to;function oa(){if(to)return ie;to=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 x=p.$$typeof;switch(x){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 x}}case t:return x}}}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 ro;function ia(){return ro||(ro=1,process.env.NODE_ENV!=="production"&&function(){function e(p){if(typeof p=="object"&&p!==null){var x=p.$$typeof;switch(x){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 x}}case r:return x}}}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 no;function aa(){return no||(no=1,process.env.NODE_ENV==="production"?ur.exports=oa():ur.exports=ia()),ur.exports}var pr=aa();function We(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 oo(e){if(R.isValidElement(e)||pr.isValidElementType(e)||!We(e))return e;const t={};return Object.keys(e).forEach(r=>{t[r]=oo(e[r])}),t}function Te(e,t,r={clone:!0}){const n=r.clone?{...e}:e;return We(e)&&We(t)&&Object.keys(t).forEach(o=>{R.isValidElement(t[o])||pr.isValidElementType(t[o])?n[o]=t[o]:We(t[o])&&Object.prototype.hasOwnProperty.call(e,o)&&We(e[o])?n[o]=Te(e[o],t[o],r):r.clone?n[o]=We(t[o])?oo(t[o]):t[o]:n[o]=t[o]}),n}function sa(e,t=Number.MIN_SAFE_INTEGER,r=Number.MAX_SAFE_INTEGER){return Math.max(t,Math.min(e,r))}function Qr(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}].`),sa(e,t,r)}function la(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 et(e){if(e.type)return e;if(e.charAt(0)==="#")return et(la(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().`:Qe(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.`:Qe(10,o))}else n=n.split(",");return n=n.map(i=>parseFloat(i)),{type:r,values:n,colorSpace:o}}const ca=e=>{const t=et(e);return t.values.slice(0,3).map((r,n)=>t.type.includes("hsl")&&n!==0?`${r}%`:r).join(" ")},Dt=(e,t)=>{try{return ca(e)}catch{return t&&process.env.NODE_ENV!=="production"&&console.warn(t),e}};function fr(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 io(e){e=et(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])),fr({type:l,values:u})}function en(e){e=et(e);let t=e.type==="hsl"||e.type==="hsla"?et(io(e)).values:e.values;return t=t.map(r=>(e.type!=="color"&&(r/=255),r<=.03928?r/12.92:((r+.055)/1.055)**2.4)),Number((.2126*t[0]+.7152*t[1]+.0722*t[2]).toFixed(3))}function ao(e,t){const r=en(e),n=en(t);return(Math.max(r,n)+.05)/(Math.min(r,n)+.05)}function Bt(e,t){return e=et(e),t=Qr(t),(e.type==="rgb"||e.type==="hsl")&&(e.type+="a"),e.type==="color"?e.values[3]=`/${t}`:e.values[3]=t,fr(e)}function dr(e,t,r){try{return Bt(e,t)}catch{return e}}function tn(e,t){if(e=et(e),t=Qr(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 fr(e)}function le(e,t,r){try{return tn(e,t)}catch{return e}}function rn(e,t){if(e=et(e),t=Qr(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 fr(e)}function ce(e,t,r){try{return rn(e,t)}catch{return e}}function ua(e,t=.15){return en(e)>.5?tn(e,t):rn(e,t)}function mr(e,t,r){try{return ua(e,t)}catch{return e}}const Lt={black:"#000",white:"#fff"},pa={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"},bt={50:"#f3e5f5",200:"#ce93d8",300:"#ba68c8",400:"#ab47bc",500:"#9c27b0",700:"#7b1fa2"},vt={300:"#e57373",400:"#ef5350",500:"#f44336",700:"#d32f2f",800:"#c62828"},Vt={300:"#ffb74d",400:"#ffa726",500:"#ff9800",700:"#f57c00",900:"#e65100"},Et={50:"#e3f2fd",200:"#90caf9",400:"#42a5f5",700:"#1976d2",800:"#1565c0"},xt={300:"#4fc3f7",400:"#29b6f6",500:"#03a9f4",700:"#0288d1",900:"#01579b"},Tt={300:"#81c784",400:"#66bb6a",500:"#4caf50",700:"#388e3c",800:"#2e7d32",900:"#1b5e20"};function so(){return{text:{primary:"rgba(0, 0, 0, 0.87)",secondary:"rgba(0, 0, 0, 0.6)",disabled:"rgba(0, 0, 0, 0.38)"},divider:"rgba(0, 0, 0, 0.12)",background:{paper:Lt.white,default:Lt.white},action:{active:"rgba(0, 0, 0, 0.54)",hover:"rgba(0, 0, 0, 0.04)",hoverOpacity:.04,selected:"rgba(0, 0, 0, 0.08)",selectedOpacity:.08,disabled:"rgba(0, 0, 0, 0.26)",disabledBackground:"rgba(0, 0, 0, 0.12)",disabledOpacity:.38,focus:"rgba(0, 0, 0, 0.12)",focusOpacity:.12,activatedOpacity:.12}}}const fa=so();function lo(){return{text:{primary:Lt.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:Lt.white,hover:"rgba(255, 255, 255, 0.08)",hoverOpacity:.08,selected:"rgba(255, 255, 255, 0.16)",selectedOpacity:.16,disabled:"rgba(255, 255, 255, 0.3)",disabledBackground:"rgba(255, 255, 255, 0.12)",disabledOpacity:.38,focus:"rgba(255, 255, 255, 0.12)",focusOpacity:.12,activatedOpacity:.24}}}const co=lo();function uo(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=rn(e.main,o):t==="dark"&&(e.dark=tn(e.main,i)))}function da(e="light"){return e==="dark"?{main:Et[200],light:Et[50],dark:Et[400]}:{main:Et[700],light:Et[400],dark:Et[800]}}function ma(e="light"){return e==="dark"?{main:bt[200],light:bt[50],dark:bt[400]}:{main:bt[500],light:bt[300],dark:bt[700]}}function ha(e="light"){return e==="dark"?{main:vt[500],light:vt[300],dark:vt[700]}:{main:vt[700],light:vt[400],dark:vt[800]}}function ga(e="light"){return e==="dark"?{main:xt[400],light:xt[300],dark:xt[700]}:{main:xt[700],light:xt[500],dark:xt[900]}}function ya(e="light"){return e==="dark"?{main:Tt[400],light:Tt[300],dark:Tt[700]}:{main:Tt[800],light:Tt[500],dark:Tt[900]}}function ba(e="light"){return e==="dark"?{main:Vt[400],light:Vt[300],dark:Vt[700]}:{main:"#ed6c02",light:Vt[500],dark:Vt[900]}}function nn(e){const{mode:t="light",contrastThreshold:r=3,tonalOffset:n=.2,...o}=e,i=e.primary||da(t),s=e.secondary||ma(t),l=e.error||ha(t),u=e.info||ga(t),f=e.success||ya(t),d=e.warning||ba(t);function m(p){const x=ao(p,co.text.primary)>=r?co.text.primary:fa.text.primary;if(process.env.NODE_ENV!=="production"){const T=ao(p,x);T<3&&console.error([`MUI: The contrast ratio of ${T}:1 for ${x} 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 x}const g=({color:p,name:x,mainShade:T=500,lightShade:$=300,darkShade:O=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${x?` (${x})`:""} provided to augmentColor(color) is invalid. The color object needs to have a \`main\` property or a \`${T}\` property.`:Qe(11,x?` (${x})`:"",T));if(typeof p.main!="string")throw new Error(process.env.NODE_ENV!=="production"?`MUI: The color${x?` (${x})`:""} 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] }, } });`:Qe(12,x?` (${x})`:"",JSON.stringify(p.main)));return uo(p,"light",$,n),uo(p,"dark",O,n),p.contrastText||(p.contrastText=m(p.main)),p};let b;return t==="light"?b=so():t==="dark"&&(b=lo()),process.env.NODE_ENV!=="production"&&(b||console.error(`MUI: The palette mode \`${t}\` is not supported.`)),Te({common:{...Lt},mode:t,primary:g({color:i,name:"primary"}),secondary:g({color:s,name:"secondary",mainShade:"A400",lightShade:"A200",darkShade:"A700"}),error:g({color:l,name:"error"}),warning:g({color:d,name:"warning"}),info:g({color:u,name:"info"}),success:g({color:f,name:"success"}),grey:pa,contrastThreshold:r,getContrastText:m,augmentColor:g,tonalOffset:n,...b},o)}var hr={exports:{}},gr={exports:{}},re={};/** @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 po;function va(){if(po)return re;po=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,x=e?Symbol.for("react.fundamental"):60117,T=e?Symbol.for("react.responder"):60118,$=e?Symbol.for("react.scope"):60119;function O(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 E(y){return O(y)===f}return re.AsyncMode=u,re.ConcurrentMode=f,re.ContextConsumer=l,re.ContextProvider=s,re.Element=t,re.ForwardRef=d,re.Fragment=n,re.Lazy=v,re.Memo=b,re.Portal=r,re.Profiler=i,re.StrictMode=o,re.Suspense=m,re.isAsyncMode=function(y){return E(y)||O(y)===u},re.isConcurrentMode=E,re.isContextConsumer=function(y){return O(y)===l},re.isContextProvider=function(y){return O(y)===s},re.isElement=function(y){return typeof y=="object"&&y!==null&&y.$$typeof===t},re.isForwardRef=function(y){return O(y)===d},re.isFragment=function(y){return O(y)===n},re.isLazy=function(y){return O(y)===v},re.isMemo=function(y){return O(y)===b},re.isPortal=function(y){return O(y)===r},re.isProfiler=function(y){return O(y)===i},re.isStrictMode=function(y){return O(y)===o},re.isSuspense=function(y){return O(y)===m},re.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===x||y.$$typeof===T||y.$$typeof===$||y.$$typeof===p)},re.typeOf=O,re}var ne={};/** @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 fo;function Ea(){return fo||(fo=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,x=e?Symbol.for("react.fundamental"):60117,T=e?Symbol.for("react.responder"):60118,$=e?Symbol.for("react.scope"):60119;function O(k){return typeof k=="string"||typeof k=="function"||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===x||k.$$typeof===T||k.$$typeof===$||k.$$typeof===p)}function E(k){if(typeof k=="object"&&k!==null){var ye=k.$$typeof;switch(ye){case t:var be=k.type;switch(be){case u:case f:case n:case i:case o:case m:return be;default:var Le=be&&be.$$typeof;switch(Le){case l:case d:case v:case b:case s:return Le;default:return ye}}case r:return ye}}}var y=u,P=f,_=l,V=s,z=t,c=d,C=n,I=v,N=b,q=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)||E(k)===u}function h(k){return E(k)===f}function w(k){return E(k)===l}function M(k){return E(k)===s}function U(k){return typeof k=="object"&&k!==null&&k.$$typeof===t}function W(k){return E(k)===d}function H(k){return E(k)===n}function A(k){return E(k)===v}function Y(k){return E(k)===b}function D(k){return E(k)===r}function G(k){return E(k)===i}function X(k){return E(k)===o}function se(k){return E(k)===m}ne.AsyncMode=y,ne.ConcurrentMode=P,ne.ContextConsumer=_,ne.ContextProvider=V,ne.Element=z,ne.ForwardRef=c,ne.Fragment=C,ne.Lazy=I,ne.Memo=N,ne.Portal=q,ne.Profiler=F,ne.StrictMode=B,ne.Suspense=L,ne.isAsyncMode=K,ne.isConcurrentMode=h,ne.isContextConsumer=w,ne.isContextProvider=M,ne.isElement=U,ne.isForwardRef=W,ne.isFragment=H,ne.isLazy=A,ne.isMemo=Y,ne.isPortal=D,ne.isProfiler=G,ne.isStrictMode=X,ne.isSuspense=se,ne.isValidElementType=O,ne.typeOf=E}()),ne}var mo;function ho(){return mo||(mo=1,process.env.NODE_ENV==="production"?gr.exports=va():gr.exports=Ea()),gr.exports}/* object-assign (c) Sindre Sorhus @license MIT */var on,go;function xa(){if(go)return on;go=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 on=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},on}var an,yo;function sn(){if(yo)return an;yo=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return an=e,an}var ln,bo;function vo(){return bo||(bo=1,ln=Function.call.bind(Object.prototype.hasOwnProperty)),ln}var cn,Eo;function Ta(){if(Eo)return cn;Eo=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var t=sn(),r={},n=vo();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={})},cn=o,cn}var un,xo;function Sa(){if(xo)return un;xo=1;var e=ho(),t=xa(),r=sn(),n=vo(),o=Ta(),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 un=function(l,u){var f=typeof Symbol=="function"&&Symbol.iterator,d="@@iterator";function m(h){var w=h&&(f&&h[f]||h[d]);if(typeof w=="function")return w}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:O,element:E(),elementType:y(),instanceOf:P,node:c(),objectOf:V,oneOf:_,oneOfType:z,shape:I,exact:N};function v(h,w){return h===w?h!==0||1/h===1/w:h!==h&&w!==w}function p(h,w){this.message=h,this.data=w&&typeof w=="object"?w:{},this.stack=""}p.prototype=Error.prototype;function x(h){if(process.env.NODE_ENV!=="production")var w={},M=0;function U(H,A,Y,D,G,X,se){if(D=D||g,X=X||Y,se!==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 ye=D+":"+Y;!w[ye]&&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."),w[ye]=!0,M++)}}return A[Y]==null?H?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 w(M,U,W,H,A,Y){var D=M[U],G=B(D);if(G!==h){var X=L(D);return new p("Invalid "+H+" `"+A+"` of type "+("`"+X+"` supplied to `"+W+"`, expected ")+("`"+h+"`."),{expectedType:h})}return null}return x(w)}function $(){return x(s)}function O(h){function w(M,U,W,H,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 "+H+" `"+A+"` of type "+("`"+D+"` supplied to `"+W+"`, expected an array."))}for(var G=0;G<Y.length;G++){var X=h(Y,G,W,H,A+"["+G+"]",r);if(X instanceof Error)return X}return null}return x(w)}function E(){function h(w,M,U,W,H){var A=w[M];if(!l(A)){var Y=B(A);return new p("Invalid "+W+" `"+H+"` of type "+("`"+Y+"` supplied to `"+U+"`, expected a single ReactElement."))}return null}return x(h)}function y(){function h(w,M,U,W,H){var A=w[M];if(!e.isValidElementType(A)){var Y=B(A);return new p("Invalid "+W+" `"+H+"` of type "+("`"+Y+"` supplied to `"+U+"`, expected a single ReactElement type."))}return null}return x(h)}function P(h){function w(M,U,W,H,A){if(!(M[U]instanceof h)){var Y=h.name||g,D=K(M[U]);return new p("Invalid "+H+" `"+A+"` of type "+("`"+D+"` supplied to `"+W+"`, expected ")+("instance of `"+Y+"`."))}return null}return x(w)}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 w(M,U,W,H,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(se,k){var ye=L(k);return ye==="symbol"?String(k):k});return new p("Invalid "+H+" `"+A+"` of value `"+String(Y)+"` "+("supplied to `"+W+"`, expected one of "+G+"."))}return x(w)}function V(h){function w(M,U,W,H,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 "+H+" `"+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,H,A+"."+G,r);if(X instanceof Error)return X}return null}return x(w)}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 w=0;w<h.length;w++){var M=h[w];if(typeof M!="function")return i("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+J(M)+" at index "+w+"."),s}function U(W,H,A,Y,D){for(var G=[],X=0;X<h.length;X++){var se=h[X],k=se(W,H,A,Y,D,r);if(k==null)return null;k.data&&n(k.data,"expectedType")&&G.push(k.data.expectedType)}var ye=G.length>0?", expected one of type ["+G.join(", ")+"]":"";return new p("Invalid "+Y+" `"+D+"` supplied to "+("`"+A+"`"+ye+"."))}return x(U)}function c(){function h(w,M,U,W,H){return q(w[M])?null:new p("Invalid "+W+" `"+H+"` supplied to "+("`"+U+"`, expected a ReactNode."))}return x(h)}function C(h,w,M,U,W){return new p((h||"React class")+": "+w+" type `"+M+"."+U+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+W+"`.")}function I(h){function w(M,U,W,H,A){var Y=M[U],D=B(Y);if(D!=="object")return new p("Invalid "+H+" `"+A+"` of type `"+D+"` "+("supplied to `"+W+"`, expected `object`."));for(var G in h){var X=h[G];if(typeof X!="function")return C(W,H,A,G,L(X));var se=X(Y,G,W,H,A+"."+G,r);if(se)return se}return null}return x(w)}function N(h){function w(M,U,W,H,A){var Y=M[U],D=B(Y);if(D!=="object")return new p("Invalid "+H+" `"+A+"` of type `"+D+"` "+("supplied to `"+W+"`, expected `object`."));var G=t({},M[U],h);for(var X in G){var se=h[X];if(n(h,X)&&typeof se!="function")return C(W,H,A,X,L(se));if(!se)return new p("Invalid "+H+" `"+A+"` key `"+X+"` supplied to `"+W+"`.\nBad object: "+JSON.stringify(M[U],null," ")+` Valid keys: `+JSON.stringify(Object.keys(h),null," "));var k=se(Y,X,W,H,A+"."+X,r);if(k)return k}return null}return x(w)}function q(h){switch(typeof h){case"number":case"string":case"undefined":return!0;case"boolean":return!h;case"object":if(Array.isArray(h))return h.every(q);if(h===null||l(h))return!0;var w=m(h);if(w){var M=w.call(h),U;if(w!==h.entries){for(;!(U=M.next()).done;)if(!q(U.value))return!1}else for(;!(U=M.next()).done;){var W=U.value;if(W&&!q(W[1]))return!1}}else return!1;return!0;default:return!1}}function F(h,w){return h==="symbol"?!0:w?w["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&w instanceof Symbol:!1}function B(h){var w=typeof h;return Array.isArray(h)?"array":h instanceof RegExp?"object":F(w,h)?"symbol":w}function L(h){if(typeof h>"u"||h===null)return""+h;var w=B(h);if(w==="object"){if(h instanceof Date)return"date";if(h instanceof RegExp)return"regexp"}return w}function J(h){var w=L(h);switch(w){case"array":case"object":return"an "+w;case"boolean":case"date":case"regexp":return"a "+w;default:return w}}function K(h){return!h.constructor||!h.constructor.name?g:h.constructor.name}return b.checkPropTypes=o,b.resetWarningCache=o.resetWarningCache,b.PropTypes=b,b},un}var pn,To;function wa(){if(To)return pn;To=1;var e=sn();function t(){}function r(){}return r.resetWarningCache=t,pn=function(){function n(s,l,u,f,d,m){if(m!==e){var g=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 g.name="Invariant Violation",g}}n.isRequired=n;function o(){return n}var i={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:o,element:n,elementType:n,instanceOf:o,node:n,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:r,resetWarningCache:t};return i.PropTypes=i,i},pn}var So;function Oa(){if(So)return hr.exports;if(So=1,process.env.NODE_ENV!=="production"){var e=ho(),t=!0;hr.exports=Sa()(e.isElement,t)}else hr.exports=wa()();return hr.exports}var Ca=Oa();const a=Zi(Ca),tt=process.env.NODE_ENV!=="production"?a.oneOfType([a.number,a.string,a.object,a.array]):{};function zt(e,t){return t?Te(e,t,{clone:!1}):e}function Ra(e,t){if(!e.containerQueries)return t;const r=Object.keys(t).filter(n=>n.startsWith("@container")).sort((n,o)=>{var s,l;const i=/min-width:\s*([0-9.]+)/;return+(((s=n.match(i))==null?void 0:s[1])||0)-+(((l=o.match(i))==null?void 0:l[1])||0)});return r.length?r.reduce((n,o)=>{const i=t[o];return delete n[o],n[o]=i,n},{...t}):t}function Pa(e,t){return t==="@"||t.startsWith("@")&&(e.some(r=>t.startsWith(`@${r}`))||!!t.match(/^@\d/))}function $a(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\`.`:Qe(18,`(${t})`));return null}const[,n,o]=r,i=Number.isNaN(+n)?n||0:+n;return e.containerQueries(o).up(i)}function Aa(e){const t=(i,s)=>i.replace("@media",s?`@container ${s}`:"@container");function r(i,s){i.up=(...l)=>t(e.breakpoints.up(...l),s),i.down=(...l)=>t(e.breakpoints.down(...l),s),i.between=(...l)=>t(e.breakpoints.between(...l),s),i.only=(...l)=>t(e.breakpoints.only(...l),s),i.not=(...l)=>{const u=t(e.breakpoints.not(...l),s);return u.includes("not all and")?u.replace("not all and ","").replace("min-width:","width<").replace("max-width:","width>").replace("and","or"):u}}const n={},o=i=>(r(n,i),n);return r(o),{...e,containerQueries:o}}const yr={xs:0,sm:600,md:900,lg:1200,xl:1536},wo={keys:["xs","sm","md","lg","xl"],up:e=>`@media (min-width:${yr[e]}px)`},Na={containerQueries:e=>({up:t=>{let r=typeof t=="number"?t:yr[t]||t;return typeof r=="number"&&(r=`${r}px`),e?`@container ${e} (min-width:${r})`:`@container (min-width:${r})`}})};function Ge(e,t,r){const n=e.theme||{};if(Array.isArray(t)){const i=n.breakpoints||wo;return t.reduce((s,l,u)=>(s[i.up(i.keys[u])]=r(t[u]),s),{})}if(typeof t=="object"){const i=n.breakpoints||wo;return Object.keys(t).reduce((s,l)=>{if(Pa(i.keys,l)){const u=$a(n.containerQueries?n:Na,l);u&&(s[u]=r(t[l],l))}else if(Object.keys(i.values||yr).includes(l)){const u=i.up(l);s[u]=r(t[l],l)}else{const u=l;s[u]=t[u]}return s},{})}return r(t)}function ka(e={}){var r;return((r=e.keys)==null?void 0:r.reduce((n,o)=>{const i=e.up(o);return n[i]={},n},{}))||{}}function Ia(e,t){return e.reduce((r,n)=>{const o=r[n];return(!o||Object.keys(o).length===0)&&delete r[n],r},t)}function te(e){if(typeof e!="string")throw new Error(process.env.NODE_ENV!=="production"?"MUI: `capitalize(string)` expects a string argument.":Qe(7));return e.charAt(0).toUpperCase()+e.slice(1)}function br(e,t,r=!0){if(!t||typeof t!="string")return null;if(e&&e.vars&&r){const n=`vars.${t}`.split(".").reduce((o,i)=>o&&o[i]?o[i]:null,e);if(n!=null)return n}return t.split(".").reduce((n,o)=>n&&n[o]!=null?n[o]:null,e)}function vr(e,t,r,n=r){let o;return typeof e=="function"?o=e(r):Array.isArray(e)?o=e[r]||n:o=br(e,r)||n,t&&(o=t(o,n,e)),o}function ge(e){const{prop:t,cssProperty:r=e.prop,themeKey:n,transform:o}=e,i=s=>{if(s[t]==null)return null;const l=s[t],u=s.theme,f=br(u,n)||{};return Ge(s,l,m=>{let g=vr(f,o,m);return m===g&&typeof m=="string"&&(g=vr(f,o,`${t}${m==="default"?"":te(m)}`,m)),r===!1?g:{[r]:g}})};return i.propTypes=process.env.NODE_ENV!=="production"?{[t]:tt}:{},i.filterProps=[t],i}function Ma(e){const t={};return r=>(t[r]===void 0&&(t[r]=e(r)),t[r])}const _a={m:"margin",p:"padding"},ja={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},Oo={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},Da=Ma(e=>{if(e.length>2)if(Oo[e])e=Oo[e];else return[e];const[t,r]=e.split(""),n=_a[t],o=ja[r]||"";return Array.isArray(o)?o.map(i=>n+i):[n+o]}),Er=["m","mt","mr","mb","ml","mx","my","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd"],xr=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"],Ba=[...Er,...xr];function Wt(e,t,r,n){const o=br(e,t,!0)??r;return typeof o=="number"||typeof o=="string"?i=>typeof i=="string"?i:(process.env.NODE_ENV!=="production"&&typeof i!="number"&&console.error(`MUI: Expected ${n} argument to be a number or a string, got ${i}.`),typeof o=="string"?o.startsWith("var(")&&i===0?0:o.startsWith("var(")&&i===1?o:`calc(${i} * ${o})`:o*i):Array.isArray(o)?i=>{if(typeof i=="string")return i;const s=Math.abs(i);process.env.NODE_ENV!=="production"&&(Number.isInteger(s)?s>o.length-1&&console.error([`MUI: The value provided (${s}) overflows.`,`The supported values are: ${JSON.stringify(o)}.`,`${s} > ${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 l=o[s];return i>=0?l:typeof l=="number"?-l:typeof l=="string"&&l.startsWith("var(")?`calc(-1 * ${l})`:`-${l}`}: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 fn(e){return Wt(e,"spacing",8,"spacing")}function Ft(e,t){return typeof t=="string"||t==null?t:e(t)}function La(e,t){return r=>e.reduce((n,o)=>(n[o]=Ft(t,r),n),{})}function Va(e,t,r,n){if(!t.includes(r))return null;const o=Da(r),i=La(o,n),s=e[r];return Ge(e,s,i)}function Co(e,t){const r=fn(e.theme);return Object.keys(e).map(n=>Va(e,t,n,r)).reduce(zt,{})}function me(e){return Co(e,Er)}me.propTypes=process.env.NODE_ENV!=="production"?Er.reduce((e,t)=>(e[t]=tt,e),{}):{},me.filterProps=Er;function he(e){return Co(e,xr)}he.propTypes=process.env.NODE_ENV!=="production"?xr.reduce((e,t)=>(e[t]=tt,e),{}):{},he.filterProps=xr,process.env.NODE_ENV!=="production"&&Ba.reduce((e,t)=>(e[t]=tt,e),{});function za(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=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(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=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var Wa={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,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function Fa(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var Ua=/[A-Z]|^ms/g,Ya=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Ro=function(t){return t.charCodeAt(1)===45},Po=function(t){return t!=null&&typeof t!="boolean"},dn=Fa(function(e){return Ro(e)?e:e.replace(Ua,"-$&").toLowerCase()}),$o=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(Ya,function(n,o,i){return rt={name:o,styles:i,next:rt},o})}return Wa[t]!==1&&!Ro(t)&&typeof r=="number"&&r!==0?r+"px":r};function Tr(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 rt={name:o.name,styles:o.styles,next:rt},o.name;var i=r;if(i.styles!==void 0){var s=i.next;if(s!==void 0)for(;s!==void 0;)rt={name:s.name,styles:s.styles,next:rt},s=s.next;var l=i.styles+";";return l}return qa(e,t,r)}}var u=r;return u}function qa(e,t,r){var n="";if(Array.isArray(r))for(var o=0;o<r.length;o++)n+=Tr(e,t,r[o])+";";else for(var i in r){var s=r[i];if(typeof s!="object"){var l=s;Po(l)&&(n+=dn(i)+":"+$o(i,l)+";")}else if(Array.isArray(s)&&typeof s[0]=="string"&&t==null)for(var u=0;u<s.length;u++)Po(s[u])&&(n+=dn(i)+":"+$o(i,s[u])+";");else{var f=Tr(e,t,s);switch(i){case"animation":case"animationName":{n+=dn(i)+":"+f+";";break}default:n+=i+"{"+f+"}"}}}return n}var Ao=/label:\s*([^\s;{]+)\s*(;|$)/g,rt;function Ha(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="";rt=void 0;var i=e[0];if(i==null||i.raw===void 0)n=!1,o+=Tr(r,t,i);else{var s=i;o+=s[0]}for(var l=1;l<e.length;l++)if(o+=Tr(r,t,e[l]),n){var u=i;o+=u[l]}Ao.lastIndex=0;for(var f="",d;(d=Ao.exec(o))!==null;)f+="-"+d[1];var m=za(o)+f;return{name:m,styles:o,next:rt}}/** * @mui/styled-engine v7.0.2 * * @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 Ga(e,t){const r=yt(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(i=>i===void 0)&&console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`),r(...n)}:r}function Ka(e,t){Array.isArray(e.__emotion_styles)&&(e.__emotion_styles=t(e.__emotion_styles))}const No=[];function ko(e){return No[0]=e,Ha(No)}function St(e,t){return process.env.NODE_ENV==="production"?()=>null:function(...n){return e(...n)||t(...n)}}function Xa(e){const{prototype:t={}}=e;return!!t.isReactComponent}function Io(e,t,r,n,o){const i=e[t],s=o||t;if(i==null||typeof window>"u")return null;let l;const u=i.type;return typeof u=="function"&&!Xa(u)&&(l="Did you accidentally use a plain function component for an element instead?"),l!==void 0?new Error(`Invalid ${n} \`${s}\` supplied to \`${r}\`. Expected an element that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`):null}const mn=St(a.element,Io);mn.isRequired=St(a.element.isRequired,Io);function Ja(e){const{prototype:t={}}=e;return!!t.isReactComponent}function Za(e,t,r,n,o){const i=e[t],s=o||t;if(i==null||typeof window>"u")return null;let l;return typeof i=="function"&&!Ja(i)&&(l="Did you accidentally provide a plain function component instead?"),l!==void 0?new Error(`Invalid ${n} \`${s}\` supplied to \`${r}\`. Expected an element type that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`):null}const Mo=St(a.elementType,Za),Qa="exact-prop: ​";function es(e){return process.env.NODE_ENV==="production"?e:{...e,[Qa]:t=>{const r=Object.keys(t).filter(n=>!e.hasOwnProperty(n));return r.length>0?new Error(`The following props are not supported: ${r.map(n=>`\`${n}\``).join(", ")}. Please remove them.`):null}}}function _o(e,t=""){return e.displayName||e.name||t}function jo(e,t,r){const n=_o(t);return e.displayName||(n!==""?`${r}(${n})`:r)}function ts(e){if(e!=null){if(typeof e=="string")return e;if(typeof e=="function")return _o(e,"Component");if(typeof e=="object")switch(e.$$typeof){case pr.ForwardRef:return jo(e,e.render,"ForwardRef");case pr.Memo:return jo(e,e.type,"memo");default:return}}}function Ut(e,t,r,n,o){if(process.env.NODE_ENV==="production")return null;const i=e[t],s=o||t;return i==null?null:i&&i.nodeType!==1?new Error(`Invalid ${n} \`${s}\` supplied to \`${r}\`. Expected an HTMLElement.`):null}const hn=a.oneOfType([a.func,a.object]);function Do(e){return e&&e.ownerDocument||document}function Bo(e,t){typeof e=="function"?e(t):e&&(e.current=t)}const Yt=typeof window<"u"?R.useLayoutEffect:R.useEffect;let Lo=0;function rs(e)