react-voice-visualizer-avc/dist/react-voice-visualizer.umd.cjs

React library for audio recording and visualization using Web Audio API

(function(){"use strict";(i=>{try{if(typeof window>"u")return;var e=document.createElement("style");e.appendChild(document.createTextNode(i)),document.head.appendChild(e)}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})(".voice-visualizer__buttons-container{display:flex;justify-content:space-between;align-items:center;column-gap:20px;row-gap:15px;flex-wrap:wrap}.voice-visualizer__btn-center{box-sizing:border-box;flex-shrink:0;width:60px;height:60px;padding:0;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#fff;border:4px solid #c5c5c5;outline:none;cursor:pointer;transition:border-color .3s,background-color .3s}.voice-visualizer__btn-center:disabled{opacity:.85;cursor:default}.voice-visualizer__btn-center:hover{background-color:#eaeaea;border:4px solid #9f9f9f}.voice-visualizer__btn-center>img{width:auto;height:50%;max-height:30px}.voice-visualizer__btn-center.voice-visualizer__btn-center-pause{background-color:#ff3030}.voice-visualizer__btn-center.voice-visualizer__btn-center-pause:hover{background-color:#ff4f4f}.voice-visualizer__btn-center.voice-visualizer__btn-center-pause>img{height:50%;max-height:16px}.voice-visualizer__btn-center.voice-visualizer__btn-center--border-transparent{border-color:transparent}.voice-visualizer__btn-center.voice-visualizer__btn-center--border-transparent:hover{background-color:#fff}.voice-visualizer__btn-left{box-sizing:border-box;flex-shrink:0;width:60px;height:60px;padding:0;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:#ff3030;border:4px solid #c5c5c5;outline:none;cursor:pointer;transition:border-color .3s,background-color .3s,opacity .3s}.voice-visualizer__btn-container{display:flex;justify-content:flex-end}.voice-visualizer__btn-left:hover{background-color:#ff4f4f}.voice-visualizer__btn-left:disabled{opacity:.6;background-color:#ff3030;cursor:default}.voice-visualizer__btn-left.voice-visualizer__btn-left-microphone{background-color:#fff}.voice-visualizer__btn-left.voice-visualizer__btn-left-microphone>img{width:auto;height:50%;max-height:30px}.voice-visualizer__btn-left>img{width:auto;height:50%;max-height:16px}.voice-visualizer__btn-left:hover{border:4px solid #9f9f9f}.voice-visualizer__btn{box-sizing:border-box;min-height:60px;padding:5px 20px;border-radius:40px;font-size:15px;background-color:#f0f0f0;transition:background-color .3s,opacity .3s}.voice-visualizer__btn:disabled{opacity:.8;background-color:#f0f0f0;cursor:default}.voice-visualizer__btn:hover{background-color:#bebebe}.voice-visualizer__canvas-container{display:flex;flex-direction:row-reverse;position:relative;width:fit-content;margin:0 auto;overflow:hidden}.voice-visualizer__canvas-container canvas{display:block}.voice-visualizer__canvas-microphone-btn{position:absolute;top:50%;left:50%;width:auto;max-width:12%;min-width:24px;height:50%;max-height:100px;background-color:transparent;border:none;outline:none;transform:translate(-50%,-50%)}.voice-visualizer__canvas-microphone-icon{width:100%;height:100%;will-change:transform;transition:transform .3s}.voice-visualizer__canvas-microphone-btn:hover .voice-visualizer__canvas-microphone-icon{transform:scale(1.03)}.voice-visualizer__canvas-audio-wave-icon{position:absolute;top:50%;left:50%;width:auto;max-width:40%;height:40%;max-height:100px;transform:translate(-118%,-50%) scale(-1)}.voice-visualizer__canvas-audio-wave-icon2{transform:translate(18%,-50%)}.voice-visualizer__canvas-audio-processing{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%)}.voice-visualizer__progress-indicator-hovered{position:absolute;top:0;pointer-events:none;height:100%;width:1px;background-color:#85858599}.voice-visualizer__progress-indicator-hovered-time{position:absolute;top:3%;left:1px;width:fit-content;margin:0;padding:0 7px;opacity:.8;font-size:12px;border-radius:0 4px 4px 0;background-color:#575757;text-align:left}.voice-visualizer__progress-indicator-hovered-time.voice-visualizer__progress-indicator-hovered-time-left{left:unset;right:1px;border-radius:4px 0 0 4px}.voice-visualizer__progress-indicator{position:absolute;top:0;pointer-events:none;height:100%;width:1px;background-color:#efefef}.voice-visualizer__progress-indicator-time{position:absolute;top:3%;left:1px;width:fit-content;box-sizing:border-box;min-width:37px;margin:0;padding:0 7px;font-size:12px;border-radius:0 4px 4px 0;text-align:left;color:#000;font-weight:500;background-color:#efefef}.voice-visualizer__progress-indicator-time.voice-visualizer__progress-indicator-time-left{left:unset;right:1px;border-radius:4px 0 0 4px}.voice-visualizer__audio-info-container{box-sizing:border-box;height:55px;display:flex;align-items:center;justify-content:center;gap:30px}.voice-visualizer__audio-info-time{margin:15px 0;min-width:38px;text-align:left}.voice-visualizer__visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:4px solid #c5c5c5;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.voice-visualizer__relative{position:relative}.voice-visualizer__spinner-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;display:flex;justify-content:center;align-items:center}.voice-visualizer__spinner{flex-shrink:0;width:100%;height:100%;border:4px solid rgba(197,197,197,.5);border-radius:50%;border-top-color:#b7b7b7;animation:voice-visualizer__spin 1s ease-in-out infinite;-webkit-animation:voice-visualizer__spin 1s ease-in-out infinite}@keyframes voice-visualizer__spin{to{transform:rotate(360deg)}}@-webkit-keyframes voice-visualizer__spin{to{transform:rotate(360deg)}}")})();
(function($e,M){typeof exports=="object"&&typeof module<"u"?M(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],M):($e=typeof globalThis<"u"?globalThis:$e||self,M($e["react-voice-visualizer"]={},$e["react/jsx-runtime"],$e.React))})(this,function($e,M,O){"use strict";var ad=Object.defineProperty;var cd=($e,M,O)=>M in $e?ad($e,M,{enumerable:!0,configurable:!0,writable:!0,value:O}):$e[M]=O;var Yt=($e,M,O)=>(cd($e,typeof M!="symbol"?M+"":M,O),O);function ls(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 I=ls(O),Nr=({canvas:e,backgroundColor:t})=>{const r=e.height,n=e.width,o=Math.round(n/2),i=e.getContext("2d");return i?(i.clearRect(0,0,n,r),t!=="transparent"&&(i.fillStyle=t,i.fillRect(0,0,n,r)),{context:i,height:r,width:n,halfWidth:o}):null},Wt=({context:e,color:t,rounded:r,x:n,y:o,w:i,h:s})=>{e.fillStyle=t,e.beginPath(),e.roundRect?(e.roundRect(n,o,i,s,r),e.fill()):e.fillRect(n,o,i,s)},fs=({barsData:e,canvas:t,barWidth:r,gap:n,backgroundColor:o,mainBarColor:i,secondaryBarColor:s,currentAudioTime:a=0,rounded:c,duration:f})=>{const d=Nr({canvas:t,backgroundColor:o});if(!d)return;const{context:p,height:m}=d,v=a/f;e.forEach((g,l)=>{const b=l/e.length,S=v>b;Wt({context:p,color:S?s:i,rounded:c,x:l*(r+n*r),y:m/2-g.max,h:g.max*2,w:r})})};function ds({context:e,color:t,rounded:r,width:n,height:o,barWidth:i}){Wt({context:e,color:t,rounded:r,x:n/2+i/2,y:o/2-1,h:2,w:n-(n/2+i/2)})}const ps=({audioData:e,unit:t,index:r,index2:n,canvas:o,isRecordingInProgress:i,isPausedRecording:s,picks:a,backgroundColor:c,barWidth:f,mainBarColor:d,secondaryBarColor:p,rounded:m,animateCurrentPick:v,fullscreen:g})=>{const l=Nr({canvas:o,backgroundColor:c});if(!l)return;const{context:b,height:S,width:k,halfWidth:C}=l;if(e!=null&&e.length&&i){const h=Math.max(...e);if(!s){if(n.current>=f){n.current=0;const A=(S-h/258*S)/S*100,Y=(-S+h/258*S*2)/S*100,V=r.current===f?{startY:A,barHeight:Y}:null;r.current>=t?r.current=f:r.current+=f,a.length>(g?k:C)/f&&a.pop(),a.unshift(V)}n.current+=1}!g&&E(),v&&Wt({context:b,rounded:m,color:d,x:g?k:C,y:S-h/258*S,h:-S+h/258*S*2,w:f});let x=(g?k:C)-n.current;a.forEach(A=>{A&&Wt({context:b,color:d,rounded:m,x,y:A.startY*S/100>S/2-1?S/2-1:A.startY*S/100,h:A.barHeight*S/100>2?A.barHeight*S/100:2,w:f}),x-=f})}else a.length=0;function E(){ds({context:b,color:p,rounded:m,width:k,height:S,barWidth:f})}},Vn=e=>{const t=Math.floor(e/3600),r=Math.floor(e%3600/60),n=e%60,o=Math.floor((n-Math.floor(n))*1e3);return t>0?`${String(t).padStart(2,"0")}:${String(r).padStart(2,"0")}:${String(Math.floor(n)).padStart(2,"0")}:${String(o).charAt(0)}`:r>0?`${String(r).padStart(2,"0")}:${String(Math.floor(n)).padStart(2,"0")}:${String(o).charAt(0)}`:`${String(Math.floor(n)).padStart(2,"0")}:${String(o).charAt(0)}`},hs=e=>{const t=Math.floor(e/1e3),r=Math.floor(t/3600),n=Math.floor(t%3600/60),o=t%60;return r>0?`${String(r).padStart(2,"0")}:${String(n).padStart(2,"0")}:${String(o).padStart(2,"0")}`:`${String(n).padStart(2,"0")}:${String(o).padStart(2,"0")}`};function Un(e){if(typeof e=="string"){const t=Number(e);if(!Number.isNaN(t))return`${Math.trunc(t/2)*2}px`}return e}const ms=({bufferData:e,height:t,width:r,barWidth:n,gap:o})=>{const i=r/(n+o*n),s=Math.floor(e.length/i),a=t/2;let c=[],f=0;for(let d=0;d<i;d++){const p=[];let m=0;for(let g=0;g<s&&d*s+g<e.length;g++){const l=e[d*s+g];l>0&&(p.push(l),m++)}const v=p.reduce((g,l)=>g+l,0)/m;v>f&&(f=v),c.push({max:v})}if(a*.95>f*a){const d=a*.95/f;c=c.map(p=>({max:p.max>.01?p.max*d:1}))}return c},gs=e=>{if(!e)return"";const t=e.match(/audio\/([^;]+)/);return t&&t.length>=2?`.${t[1]}`:""},ys=e=>{const t=Math.floor(e/3600),r=Math.floor(e%3600/60),n=e%60,o=Math.floor((n-Math.floor(n))*1e3);return t>0?`${String(t).padStart(2,"0")}:${String(r).padStart(2,"0")}:${String(Math.floor(n)).padStart(2,"0")}}h`:r>0?`${String(r).padStart(2,"0")}:${String(Math.floor(n)).padStart(2,"0")}m`:`${String(Math.floor(n)).padStart(2,"0")}:${String(o).charAt(0)}${String(o).charAt(1)}s`},vs=e=>{onmessage=t=>{postMessage(e(t.data))}};function bs({fn:e,initialValue:t,onMessageReceived:r}){const[n,o]=O.useState(t);return{result:n,setResult:o,run:s=>{const a=new Worker(URL.createObjectURL(new Blob([`(${vs})(${e})`])));a.onmessage=c=>{c.data&&(o(c.data),r&&r(),a.terminate())},a.onerror=c=>{console.error(c.message),a.terminate()},a.postMessage(s)}}}const Ss=(e,t=250)=>{const r=O.useRef();return O.useCallback((...n)=>{const o=()=>{clearTimeout(r.current),e(...n)};clearTimeout(r.current),r.current=setTimeout(o,t)},[e,t])};function Es(e){const t=O.useRef(e);return O.useLayoutEffect(()=>{t.current=e},[e]),t}const ud="",Ts=({color:e="#000000",stroke:t=2,className:r})=>M.jsx("svg",{viewBox:"0 0 23 33",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:r,children:M.jsx("path",{d:"M1.1 16.72c0 3 .96 5.8 3.61 7.95a9.96 9.96 0 0 0 6.5 2.17m0 0v4.34h4.34-8.67m4.34-4.34c2.35 0 4.42-.48 6.5-2.17a9.87 9.87 0 0 0 3.61-7.95M11.22 1.82c-1.45 0-2.5.37-3.3.93a5.6 5.6 0 0 0-1.84 2.4c-.9 2.06-1.1 4.77-1.1 7.24 0 2.46.2 5.17 1.1 7.24a5.6 5.6 0 0 0 1.84 2.4c.8.55 1.85.92 3.3.92 1.44 0 2.5-.37 3.29-.93a5.6 5.6 0 0 0 1.84-2.4c.9-2.06 1.1-4.77 1.1-7.23 0-2.47-.2-5.18-1.1-7.24a5.6 5.6 0 0 0-1.84-2.4 5.52 5.52 0 0 0-3.3-.93Z",stroke:e,strokeWidth:t,strokeLinecap:"round",strokeLinejoin:"round"})}),Yn=({color:e="#FFFFFF",reflect:t})=>M.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0.92 17.54 48.27 14.92",className:`voice-visualizer__canvas-audio-wave-icon ${t?"voice-visualizer__canvas-audio-wave-icon2":""}`,children:M.jsx("path",{d:"M.92 24.63h.21v.75H.92zm.42-1.39h.21v3.52h-.21zm.43.68h.21v2.17h-.21zM2.2 22h.21v6.01H2.2zm.43-1.27h.21v8.55h-.21zm.43 2.07h.21v4.4h-.21zm.43 1.22h.21v1.97h-.21zm.43.47h.21v1.03h-.21zm.43-1.66h.21v4.35h-.21zm.43-1.74h.21v7.82h-.21zm.43 1.94h.21v3.94h-.21zm.43 1.07h.21v1.81h-.21zm.42-.94h.21v3.68h-.21zm.43.91h.21v1.86h-.21zm.43-.23h.21v2.33h-.21zm.43.46h.21v1.4h-.21zm.43-.7h.21v2.8h-.21zm.43-1.6h.21v6.01h-.21zm.43-2.23h.21v10.46h-.21zm.43-1.4h.21v13.26h-.21zm.43.62h.21v12.02H9.5zm.43 1.64h.21v8.75h-.21zm.43 1.37h.21v6.01h-.21zm.43-1.87H11v9.74h-.21zm.42 1.32h.21v7.1h-.21zm.43-2.64h.21v12.38h-.21zm.43 1.61h.21v9.17h-.21zM12.5 22h.21v6.01h-.21zm.43 1.32h.21v3.37h-.21zm.43-2.51h.21v8.39h-.21zm.43.59H14v7.2h-.21zm.43 1.79h.21v3.62h-.21zm.43.41h.21v2.8h-.21zm.43.57h.21v1.66h-.21zm.43-1.11h.21v3.88h-.21zm.42-2.98h.21v9.84h-.21zm.43 1.06h.21v7.72h-.21zm.43 3.19H17v1.35h-.21zm.86-2.33h.21v6.01h-.21zm-.43 1.4h.21v3.21h-.21zm1.29.15h.21v2.9h-.21zm.43.68h.21v1.55h-.21zm-.86-.76h.21v3.05h-.21zm1.29-.05h.21v3.16h-.21zm.43-.64h.21v4.45h-.21zm.43.38h.21v3.68h-.21zm.42-.49h.21v4.66h-.21zm.43 1.32h.21v2.02h-.21zm.43.37h.21v1.29h-.21zm.43.31h.21v.67h-.21zm.43-.39h.21v1.45h-.21zm.43-1.35h.21v4.14h-.21zm.86.73h.21v2.69h-.21zm-.43.44h.21v1.81h-.21zm1.29-3.45h.21v8.7h-.21zm.43 1.71h.21v5.28h-.21zm-.86-2.3h.21v9.89h-.21zm1.29 3.36h.21v3.16h-.21zM25.8 22h.21v6.01h-.21zm.43 1.42h.21v3.16h-.21zm.43.88h.21v1.4h-.21zm.43-.93h.21v3.26h-.21zm.43-1.37h.21v6.01h-.21zm.43-.93h.21v7.87h-.21zm.43-.76h.21v9.38h-.21zm.43 1.69h.21v6.01h-.21zm.86 1.92h.21v2.17h-.21zm-.43-.6h.21v3.37h-.21zm1.28.05h.21v3.26h-.21zm.43.67h.21v1.91h-.21zm-.85-.51h.21v2.95h-.21zm1.28-.13h.21v3.21h-.21zm.43-1.4h.21v6.01h-.21zm.43-.99h.21v7.98h-.21zm.43 1.77h.21v4.45h-.21zm.43-1.22h.21v6.89h-.21zm.43 1.6h.21v3.68h-.21zm.43-.28h.21v4.25h-.21zm.43-.6h.21v5.44h-.21zm.43-.28h.21v6.01h-.21zm.85 2.02h.21v1.97h-.21zm-.43-.57h.21v3.11h-.21zm1.29.93h.21v1.24h-.21zm.43-.65h.21v2.54h-.21zm-.86-.28h.21v3.11h-.21zm1.29.83h.21v1.45h-.21zm.43-.99h.21v3.42h-.21zm.43-.1h.21v3.62h-.21zm.43-.7h.21v5.02h-.21zm.43.8h.21v3.42h-.21zm.43-1.29h.21v6.01h-.21zm.42-1.71h.21v9.43h-.21zm.43 2.38h.21v4.66h-.21zm.43.65h.21v3.37h-.21zm.86.08h.21v3.21h-.21zm-.43.54h.21v2.12h-.21zm1.29-.05h.21v2.23h-.21zm.43.28h.21v1.66h-.21zm-.86.16h.21v1.35h-.21zm1.29.21h.21v.93h-.21zm.43-6.04h.21v13h-.21zm.43.8h.21v11.4h-.21zm.43-1.76h.21v14.92h-.21zm.42 1.09h.21v12.74h-.21zm.43 1.17h.21v10.41h-.21zm.43 1.32h.21v7.77h-.21zm.43 1.6h.21v4.56h-.21zm.43 1.17h.21v2.23h-.21zm.86-.08h.21v2.38h-.21zm-.43-.34h.21v3.05h-.21zm1.29-.1h.21v3.26h-.21zm.43.93h.21v1.4h-.21zm-.86-.02h.21v1.45h-.21z",fill:e})});function ws(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var zr={exports:{}},Ht={exports:{}},ee={};/** @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 Wn;function Cs(){if(Wn)return ee;Wn=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,a=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,f=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,m=e?Symbol.for("react.suspense_list"):60120,v=e?Symbol.for("react.memo"):60115,g=e?Symbol.for("react.lazy"):60116,l=e?Symbol.for("react.block"):60121,b=e?Symbol.for("react.fundamental"):60117,S=e?Symbol.for("react.responder"):60118,k=e?Symbol.for("react.scope"):60119;function C(h){if(typeof h=="object"&&h!==null){var x=h.$$typeof;switch(x){case t:switch(h=h.type,h){case c:case f:case n:case i:case o:case p:return h;default:switch(h=h&&h.$$typeof,h){case a:case d:case g:case v:case s:return h;default:return x}}case r:return x}}}function E(h){return C(h)===f}return ee.AsyncMode=c,ee.ConcurrentMode=f,ee.ContextConsumer=a,ee.ContextProvider=s,ee.Element=t,ee.ForwardRef=d,ee.Fragment=n,ee.Lazy=g,ee.Memo=v,ee.Portal=r,ee.Profiler=i,ee.StrictMode=o,ee.Suspense=p,ee.isAsyncMode=function(h){return E(h)||C(h)===c},ee.isConcurrentMode=E,ee.isContextConsumer=function(h){return C(h)===a},ee.isContextProvider=function(h){return C(h)===s},ee.isElement=function(h){return typeof h=="object"&&h!==null&&h.$$typeof===t},ee.isForwardRef=function(h){return C(h)===d},ee.isFragment=function(h){return C(h)===n},ee.isLazy=function(h){return C(h)===g},ee.isMemo=function(h){return C(h)===v},ee.isPortal=function(h){return C(h)===r},ee.isProfiler=function(h){return C(h)===i},ee.isStrictMode=function(h){return C(h)===o},ee.isSuspense=function(h){return C(h)===p},ee.isValidElementType=function(h){return typeof h=="string"||typeof h=="function"||h===n||h===f||h===i||h===o||h===p||h===m||typeof h=="object"&&h!==null&&(h.$$typeof===g||h.$$typeof===v||h.$$typeof===s||h.$$typeof===a||h.$$typeof===d||h.$$typeof===b||h.$$typeof===S||h.$$typeof===k||h.$$typeof===l)},ee.typeOf=C,ee}var te={};/** @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 Hn;function xs(){return Hn||(Hn=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,a=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,f=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,m=e?Symbol.for("react.suspense_list"):60120,v=e?Symbol.for("react.memo"):60115,g=e?Symbol.for("react.lazy"):60116,l=e?Symbol.for("react.block"):60121,b=e?Symbol.for("react.fundamental"):60117,S=e?Symbol.for("react.responder"):60118,k=e?Symbol.for("react.scope"):60119;function C(T){return typeof T=="string"||typeof T=="function"||T===n||T===f||T===i||T===o||T===p||T===m||typeof T=="object"&&T!==null&&(T.$$typeof===g||T.$$typeof===v||T.$$typeof===s||T.$$typeof===a||T.$$typeof===d||T.$$typeof===b||T.$$typeof===S||T.$$typeof===k||T.$$typeof===l)}function E(T){if(typeof T=="object"&&T!==null){var he=T.$$typeof;switch(he){case t:var me=T.type;switch(me){case c:case f:case n:case i:case o:case p:return me;default:var we=me&&me.$$typeof;switch(we){case a:case d:case g:case v:case s:return we;default:return he}}case r:return he}}}var h=c,x=f,A=a,Y=s,V=t,u=d,P=n,R=g,z=v,W=r,le=i,oe=o,fe=p,de=!1;function Q(T){return de||(de=!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.")),$(T)||E(T)===c}function $(T){return E(T)===f}function _(T){return E(T)===a}function D(T){return E(T)===s}function U(T){return typeof T=="object"&&T!==null&&T.$$typeof===t}function F(T){return E(T)===d}function H(T){return E(T)===n}function B(T){return E(T)===g}function L(T){return E(T)===v}function q(T){return E(T)===r}function G(T){return E(T)===i}function N(T){return E(T)===o}function ae(T){return E(T)===p}te.AsyncMode=h,te.ConcurrentMode=x,te.ContextConsumer=A,te.ContextProvider=Y,te.Element=V,te.ForwardRef=u,te.Fragment=P,te.Lazy=R,te.Memo=z,te.Portal=W,te.Profiler=le,te.StrictMode=oe,te.Suspense=fe,te.isAsyncMode=Q,te.isConcurrentMode=$,te.isContextConsumer=_,te.isContextProvider=D,te.isElement=U,te.isForwardRef=F,te.isFragment=H,te.isLazy=B,te.isMemo=L,te.isPortal=q,te.isProfiler=G,te.isStrictMode=N,te.isSuspense=ae,te.isValidElementType=C,te.typeOf=E}()),te}var qn;function Gn(){return qn||(qn=1,process.env.NODE_ENV==="production"?Ht.exports=Cs():Ht.exports=xs()),Ht.exports}/*
object-assign
(c) Sindre Sorhus
@license MIT
*/var Fr,Kn;function $s(){if(Kn)return Fr;Kn=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={},a=0;a<10;a++)s["_"+String.fromCharCode(a)]=a;var c=Object.getOwnPropertyNames(s).map(function(d){return s[d]});if(c.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 Fr=o()?Object.assign:function(i,s){for(var a,c=n(i),f,d=1;d<arguments.length;d++){a=Object(arguments[d]);for(var p in a)t.call(a,p)&&(c[p]=a[p]);if(e){f=e(a);for(var m=0;m<f.length;m++)r.call(a,f[m])&&(c[f[m]]=a[f[m]])}}return c},Fr}var Dr,Xn;function Br(){if(Xn)return Dr;Xn=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return Dr=e,Dr}var Lr,Qn;function Jn(){return Qn||(Qn=1,Lr=Function.call.bind(Object.prototype.hasOwnProperty)),Lr}var jr,Zn;function Os(){if(Zn)return jr;Zn=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var t=Br(),r={},n=Jn();e=function(i){var s="Warning: "+i;typeof console<"u"&&console.error(s);try{throw new Error(s)}catch{}}}function o(i,s,a,c,f){if(process.env.NODE_ENV!=="production"){for(var d in i)if(n(i,d)){var p;try{if(typeof i[d]!="function"){var m=Error((c||"React class")+": "+a+" 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 m.name="Invariant Violation",m}p=i[d](s,d,c,a,null,t)}catch(g){p=g}if(p&&!(p instanceof Error)&&e((c||"React class")+": type specification of "+a+" `"+d+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof p+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),p instanceof Error&&!(p.message in r)){r[p.message]=!0;var v=f?f():"";e("Failed "+a+" type: "+p.message+(v??""))}}}}return o.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(r={})},jr=o,jr}var Vr,eo;function Ps(){if(eo)return Vr;eo=1;var e=Gn(),t=$s(),r=Br(),n=Jn(),o=Os(),i=function(){};process.env.NODE_ENV!=="production"&&(i=function(a){var c="Warning: "+a;typeof console<"u"&&console.error(c);try{throw new Error(c)}catch{}});function s(){return null}return Vr=function(a,c){var f=typeof Symbol=="function"&&Symbol.iterator,d="@@iterator";function p($){var _=$&&(f&&$[f]||$[d]);if(typeof _=="function")return _}var m="<<anonymous>>",v={array:S("array"),bigint:S("bigint"),bool:S("boolean"),func:S("function"),number:S("number"),object:S("object"),string:S("string"),symbol:S("symbol"),any:k(),arrayOf:C,element:E(),elementType:h(),instanceOf:x,node:u(),objectOf:Y,oneOf:A,oneOfType:V,shape:R,exact:z};function g($,_){return $===_?$!==0||1/$===1/_:$!==$&&_!==_}function l($,_){this.message=$,this.data=_&&typeof _=="object"?_:{},this.stack=""}l.prototype=Error.prototype;function b($){if(process.env.NODE_ENV!=="production")var _={},D=0;function U(H,B,L,q,G,N,ae){if(q=q||m,N=N||L,ae!==r){if(c){var T=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 T.name="Invariant Violation",T}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var he=q+":"+L;!_[he]&&D<3&&(i("You are manually calling a React.PropTypes validation function for the `"+N+"` prop on `"+q+"`. 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."),_[he]=!0,D++)}}return B[L]==null?H?B[L]===null?new l("The "+G+" `"+N+"` is marked as required "+("in `"+q+"`, but its value is `null`.")):new l("The "+G+" `"+N+"` is marked as required in "+("`"+q+"`, but its value is `undefined`.")):null:$(B,L,q,G,N)}var F=U.bind(null,!1);return F.isRequired=U.bind(null,!0),F}function S($){function _(D,U,F,H,B,L){var q=D[U],G=oe(q);if(G!==$){var N=fe(q);return new l("Invalid "+H+" `"+B+"` of type "+("`"+N+"` supplied to `"+F+"`, expected ")+("`"+$+"`."),{expectedType:$})}return null}return b(_)}function k(){return b(s)}function C($){function _(D,U,F,H,B){if(typeof $!="function")return new l("Property `"+B+"` of component `"+F+"` has invalid PropType notation inside arrayOf.");var L=D[U];if(!Array.isArray(L)){var q=oe(L);return new l("Invalid "+H+" `"+B+"` of type "+("`"+q+"` supplied to `"+F+"`, expected an array."))}for(var G=0;G<L.length;G++){var N=$(L,G,F,H,B+"["+G+"]",r);if(N instanceof Error)return N}return null}return b(_)}function E(){function $(_,D,U,F,H){var B=_[D];if(!a(B)){var L=oe(B);return new l("Invalid "+F+" `"+H+"` of type "+("`"+L+"` supplied to `"+U+"`, expected a single ReactElement."))}return null}return b($)}function h(){function $(_,D,U,F,H){var B=_[D];if(!e.isValidElementType(B)){var L=oe(B);return new l("Invalid "+F+" `"+H+"` of type "+("`"+L+"` supplied to `"+U+"`, expected a single ReactElement type."))}return null}return b($)}function x($){function _(D,U,F,H,B){if(!(D[U]instanceof $)){var L=$.name||m,q=Q(D[U]);return new l("Invalid "+H+" `"+B+"` of type "+("`"+q+"` supplied to `"+F+"`, expected ")+("instance of `"+L+"`."))}return null}return b(_)}function A($){if(!Array.isArray($))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 _(D,U,F,H,B){for(var L=D[U],q=0;q<$.length;q++)if(g(L,$[q]))return null;var G=JSON.stringify($,function(ae,T){var he=fe(T);return he==="symbol"?String(T):T});return new l("Invalid "+H+" `"+B+"` of value `"+String(L)+"` "+("supplied to `"+F+"`, expected one of "+G+"."))}return b(_)}function Y($){function _(D,U,F,H,B){if(typeof $!="function")return new l("Property `"+B+"` of component `"+F+"` has invalid PropType notation inside objectOf.");var L=D[U],q=oe(L);if(q!=="object")return new l("Invalid "+H+" `"+B+"` of type "+("`"+q+"` supplied to `"+F+"`, expected an object."));for(var G in L)if(n(L,G)){var N=$(L,G,F,H,B+"."+G,r);if(N instanceof Error)return N}return null}return b(_)}function V($){if(!Array.isArray($))return process.env.NODE_ENV!=="production"&&i("Invalid argument supplied to oneOfType, expected an instance of array."),s;for(var _=0;_<$.length;_++){var D=$[_];if(typeof D!="function")return i("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+de(D)+" at index "+_+"."),s}function U(F,H,B,L,q){for(var G=[],N=0;N<$.length;N++){var ae=$[N],T=ae(F,H,B,L,q,r);if(T==null)return null;T.data&&n(T.data,"expectedType")&&G.push(T.data.expectedType)}var he=G.length>0?", expected one of type ["+G.join(", ")+"]":"";return new l("Invalid "+L+" `"+q+"` supplied to "+("`"+B+"`"+he+"."))}return b(U)}function u(){function $(_,D,U,F,H){return W(_[D])?null:new l("Invalid "+F+" `"+H+"` supplied to "+("`"+U+"`, expected a ReactNode."))}return b($)}function P($,_,D,U,F){return new l(($||"React class")+": "+_+" type `"+D+"."+U+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+F+"`.")}function R($){function _(D,U,F,H,B){var L=D[U],q=oe(L);if(q!=="object")return new l("Invalid "+H+" `"+B+"` of type `"+q+"` "+("supplied to `"+F+"`, expected `object`."));for(var G in $){var N=$[G];if(typeof N!="function")return P(F,H,B,G,fe(N));var ae=N(L,G,F,H,B+"."+G,r);if(ae)return ae}return null}return b(_)}function z($){function _(D,U,F,H,B){var L=D[U],q=oe(L);if(q!=="object")return new l("Invalid "+H+" `"+B+"` of type `"+q+"` "+("supplied to `"+F+"`, expected `object`."));var G=t({},D[U],$);for(var N in G){var ae=$[N];if(n($,N)&&typeof ae!="function")return P(F,H,B,N,fe(ae));if(!ae)return new l("Invalid "+H+" `"+B+"` key `"+N+"` supplied to `"+F+"`.\nBad object: "+JSON.stringify(D[U],null,"  ")+`
Valid keys: `+JSON.stringify(Object.keys($),null,"  "));var T=ae(L,N,F,H,B+"."+N,r);if(T)return T}return null}return b(_)}function W($){switch(typeof $){case"number":case"string":case"undefined":return!0;case"boolean":return!$;case"object":if(Array.isArray($))return $.every(W);if($===null||a($))return!0;var _=p($);if(_){var D=_.call($),U;if(_!==$.entries){for(;!(U=D.next()).done;)if(!W(U.value))return!1}else for(;!(U=D.next()).done;){var F=U.value;if(F&&!W(F[1]))return!1}}else return!1;return!0;default:return!1}}function le($,_){return $==="symbol"?!0:_?_["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&_ instanceof Symbol:!1}function oe($){var _=typeof $;return Array.isArray($)?"array":$ instanceof RegExp?"object":le(_,$)?"symbol":_}function fe($){if(typeof $>"u"||$===null)return""+$;var _=oe($);if(_==="object"){if($ instanceof Date)return"date";if($ instanceof RegExp)return"regexp"}return _}function de($){var _=fe($);switch(_){case"array":case"object":return"an "+_;case"boolean":case"date":case"regexp":return"a "+_;default:return _}}function Q($){return!$.constructor||!$.constructor.name?m:$.constructor.name}return v.checkPropTypes=o,v.resetWarningCache=o.resetWarningCache,v.PropTypes=v,v},Vr}var Ur,to;function As(){if(to)return Ur;to=1;var e=Br();function t(){}function r(){}return r.resetWarningCache=t,Ur=function(){function n(s,a,c,f,d,p){if(p!==e){var m=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 m.name="Invariant Violation",m}}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},Ur}if(process.env.NODE_ENV!=="production"){var _s=Gn(),ks=!0;zr.exports=Ps()(_s.isElement,ks)}else zr.exports=As()();var Is=zr.exports;const y=ws(Is);function ro(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(r=ro(e[t]))&&(n&&(n+=" "),n+=r)}else for(r in e)e[r]&&(n&&(n+=" "),n+=r);return n}function _e(){for(var e,t,r=0,n="",o=arguments.length;r<o;r++)(e=arguments[r])&&(t=ro(e))&&(n&&(n+=" "),n+=t);return n}function no(e,t){return process.env.NODE_ENV==="production"?()=>null:function(...n){return e(...n)||t(...n)}}function qt(e,t,r=void 0){const n={};for(const o in e){const i=e[o];let s="",a=!0;for(let c=0;c<i.length;c+=1){const f=i[c];f&&(s+=(a===!0?"":" ")+t(f),a=!1,r&&r[f]&&(s+=" "+r[f]))}n[o]=s}return n}function Ke(e,...t){const r=new URL(`https://mui.com/production-error/?code=${e}`);return t.forEach(n=>r.searchParams.append("args[]",n)),`Minified MUI error #${e}; visit ${r} for the full message.`}function Ms(e,t=Number.MIN_SAFE_INTEGER,r=Number.MAX_SAFE_INTEGER){return Math.max(t,Math.min(e,r))}function Yr(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}].`),Ms(e,t,r)}function Rs(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 Xe(e){if(e.type)return e;if(e.charAt(0)==="#")return Xe(Rs(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().`:Ke(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.`:Ke(10,o))}else n=n.split(",");return n=n.map(i=>parseFloat(i)),{type:r,values:n,colorSpace:o}}const Ns=e=>{const t=Xe(e);return t.values.slice(0,3).map((r,n)=>t.type.includes("hsl")&&n!==0?`${r}%`:r).join(" ")},St=(e,t)=>{try{return Ns(e)}catch{return t&&process.env.NODE_ENV!=="production"&&console.warn(t),e}};function Gt(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 oo(e){e=Xe(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 a="rgb";const c=[Math.round(s(0)*255),Math.round(s(8)*255),Math.round(s(4)*255)];return e.type==="hsla"&&(a+="a",c.push(t[3])),Gt({type:a,values:c})}function Wr(e){e=Xe(e);let t=e.type==="hsl"||e.type==="hsla"?Xe(oo(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 io(e,t){const r=Wr(e),n=Wr(t);return(Math.max(r,n)+.05)/(Math.min(r,n)+.05)}function Hr(e,t){return e=Xe(e),t=Yr(t),(e.type==="rgb"||e.type==="hsl")&&(e.type+="a"),e.type==="color"?e.values[3]=`/${t}`:e.values[3]=t,Gt(e)}function Kt(e,t,r){try{return Hr(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function qr(e,t){if(e=Xe(e),t=Yr(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 Gt(e)}function ce(e,t,r){try{return qr(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function Gr(e,t){if(e=Xe(e),t=Yr(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 Gt(e)}function ue(e,t,r){try{return Gr(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function zs(e,t=.15){return Wr(e)>.5?qr(e,t):Gr(e,t)}function Xt(e,t,r){try{return zs(e,t)}catch{return r&&process.env.NODE_ENV!=="production"&&console.warn(r),e}}function ke(e){if(typeof e!="string")throw new Error(process.env.NODE_ENV!=="production"?"MUI: `capitalize(string)` expects a string argument.":Ke(7));return e.charAt(0).toUpperCase()+e.slice(1)}function Le(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 so(e){if(I.isValidElement(e)||!Le(e))return e;const t={};return Object.keys(e).forEach(r=>{t[r]=so(e[r])}),t}function Oe(e,t,r={clone:!0}){const n=r.clone?{...e}:e;return Le(e)&&Le(t)&&Object.keys(t).forEach(o=>{I.isValidElement(t[o])?n[o]=t[o]:Le(t[o])&&Object.prototype.hasOwnProperty.call(e,o)&&Le(e[o])?n[o]=Oe(e[o],t[o],r):r.clone?n[o]=Le(t[o])?so(t[o]):t[o]:n[o]=t[o]}),n}function Et(e,t){return t?Oe(e,t,{clone:!1}):e}const Qe=process.env.NODE_ENV!=="production"?y.oneOfType([y.number,y.string,y.object,y.array]):{};function Fs(e,t){if(!e.containerQueries)return t;const r=Object.keys(t).filter(n=>n.startsWith("@container")).sort((n,o)=>{var s,a;const i=/min-width:\s*([0-9.]+)/;return+(((s=n.match(i))==null?void 0:s[1])||0)-+(((a=o.match(i))==null?void 0:a[1])||0)});return r.length?r.reduce((n,o)=>{const i=t[o];return delete n[o],n[o]=i,n},{...t}):t}function Ds(e,t){return t==="@"||t.startsWith("@")&&(e.some(r=>t.startsWith(`@${r}`))||!!t.match(/^@\d/))}function Bs(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\`.`:Ke(18,`(${t})`));return null}const[,n,o]=r,i=Number.isNaN(+n)?n||0:+n;return e.containerQueries(o).up(i)}function Ls(e){const t=(i,s)=>i.replace("@media",s?`@container ${s}`:"@container");function r(i,s){i.up=(...a)=>t(e.breakpoints.up(...a),s),i.down=(...a)=>t(e.breakpoints.down(...a),s),i.between=(...a)=>t(e.breakpoints.between(...a),s),i.only=(...a)=>t(e.breakpoints.only(...a),s),i.not=(...a)=>{const c=t(e.breakpoints.not(...a),s);return c.includes("not all and")?c.replace("not all and ","").replace("min-width:","width<").replace("max-width:","width>").replace("and","or"):c}}const n={},o=i=>(r(n,i),n);return r(o),{...e,containerQueries:o}}const Qt={xs:0,sm:600,md:900,lg:1200,xl:1536},ao={keys:["xs","sm","md","lg","xl"],up:e=>`@media (min-width:${Qt[e]}px)`},js={containerQueries:e=>({up:t=>{let r=typeof t=="number"?t:Qt[t]||t;return typeof r=="number"&&(r=`${r}px`),e?`@container ${e} (min-width:${r})`:`@container (min-width:${r})`}})};function Be(e,t,r){const n=e.theme||{};if(Array.isArray(t)){const i=n.breakpoints||ao;return t.reduce((s,a,c)=>(s[i.up(i.keys[c])]=r(t[c]),s),{})}if(typeof t=="object"){const i=n.breakpoints||ao;return Object.keys(t).reduce((s,a)=>{if(Ds(i.keys,a)){const c=Bs(n.containerQueries?n:js,a);c&&(s[c]=r(t[a],a))}else if(Object.keys(i.values||Qt).includes(a)){const c=i.up(a);s[c]=r(t[a],a)}else{const c=a;s[c]=t[c]}return s},{})}return r(t)}function co(e={}){var r;return((r=e.keys)==null?void 0:r.reduce((n,o)=>{const i=e.up(o);return n[i]={},n},{}))||{}}function uo(e,t){return e.reduce((r,n)=>{const o=r[n];return(!o||Object.keys(o).length===0)&&delete r[n],r},t)}function Vs(e,...t){const r=co(e),n=[r,...t].reduce((o,i)=>Oe(o,i),{});return uo(Object.keys(r),n)}function Us(e,t){if(typeof e!="object")return{};const r={},n=Object.keys(t);return Array.isArray(e)?n.forEach((o,i)=>{i<e.length&&(r[o]=!0)}):n.forEach(o=>{e[o]!=null&&(r[o]=!0)}),r}function Kr({values:e,breakpoints:t,base:r}){const n=r||Us(e,t),o=Object.keys(n);if(o.length===0)return e;let i;return o.reduce((s,a,c)=>(Array.isArray(e)?(s[a]=e[c]!=null?e[c]:e[i],i=c):typeof e=="object"?(s[a]=e[a]!=null?e[a]:e[i],i=a):s[a]=e,s),{})}function Jt(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 Zt(e,t,r,n=r){let o;return typeof e=="function"?o=e(r):Array.isArray(e)?o=e[r]||n:o=Jt(e,r)||n,t&&(o=t(o,n,e)),o}function be(e){const{prop:t,cssProperty:r=e.prop,themeKey:n,transform:o}=e,i=s=>{if(s[t]==null)return null;const a=s[t],c=s.theme,f=Jt(c,n)||{};return Be(s,a,p=>{let m=Zt(f,o,p);return p===m&&typeof p=="string"&&(m=Zt(f,o,`${t}${p==="default"?"":ke(p)}`,p)),r===!1?m:{[r]:m}})};return i.propTypes=process.env.NODE_ENV!=="production"?{[t]:Qe}:{},i.filterProps=[t],i}function Ys(e){const t={};return r=>(t[r]===void 0&&(t[r]=e(r)),t[r])}const Ws={m:"margin",p:"padding"},Hs={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},lo={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},qs=Ys(e=>{if(e.length>2)if(lo[e])e=lo[e];else return[e];const[t,r]=e.split(""),n=Ws[t],o=Hs[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"],tr=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"],Gs=[...er,...tr];function Tt(e,t,r,n){const o=Jt(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"?`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 a=o[s];return i>=0?a:typeof a=="number"?-a:`-${a}`}: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 rr(e){return Tt(e,"spacing",8,"spacing")}function tt(e,t){return typeof t=="string"||t==null?t:e(t)}function Ks(e,t){return r=>e.reduce((n,o)=>(n[o]=tt(t,r),n),{})}function Xs(e,t,r,n){if(!t.includes(r))return null;const o=qs(r),i=Ks(o,n),s=e[r];return Be(e,s,i)}function fo(e,t){const r=rr(e.theme);return Object.keys(e).map(n=>Xs(e,t,n,r)).reduce(Et,{})}function ye(e){return fo(e,er)}ye.propTypes=process.env.NODE_ENV!=="production"?er.reduce((e,t)=>(e[t]=Qe,e),{}):{},ye.filterProps=er;function ve(e){return fo(e,tr)}ve.propTypes=process.env.NODE_ENV!=="production"?tr.reduce((e,t)=>(e[t]=Qe,e),{}):{},ve.filterProps=tr,process.env.NODE_ENV!=="production"&&Gs.reduce((e,t)=>(e[t]=Qe,e),{});function nr(...e){const t=e.reduce((n,o)=>(o.filterProps.forEach(i=>{n[i]=o}),n),{}),r=n=>Object.keys(n).reduce((o,i)=>t[i]?Et(o,t[i](n)):o,{});return r.propTypes=process.env.NODE_ENV!=="production"?e.reduce((n,o)=>Object.assign(n,o.propTypes),{}):{},r.filterProps=e.reduce((n,o)=>n.concat(o.filterProps),[]),r}function Ne(e){return typeof e!="number"?e:`${e}px solid`}function ze(e,t){return be({prop:e,themeKey:"borders",transform:t})}const Qs=ze("border",Ne),Js=ze("borderTop",Ne),Zs=ze("borderRight",Ne),ea=ze("borderBottom",Ne),ta=ze("borderLeft",Ne),ra=ze("borderColor"),na=ze("borderTopColor"),oa=ze("borderRightColor"),ia=ze("borderBottomColor"),sa=ze("borderLeftColor"),aa=ze("outline",Ne),ca=ze("outlineColor"),or=e=>{if(e.borderRadius!==void 0&&e.borderRadius!==null){const t=Tt(e.theme,"shape.borderRadius",4,"borderRadius"),r=n=>({borderRadius:tt(t,n)});return Be(e,e.borderRadius,r)}return null};or.propTypes=process.env.NODE_ENV!=="production"?{borderRadius:Qe}:{},or.filterProps=["borderRadius"],nr(Qs,Js,Zs,ea,ta,ra,na,oa,ia,sa,or,aa,ca);const ir=e=>{if(e.gap!==void 0&&e.gap!==null){const t=Tt(e.theme,"spacing",8,"gap"),r=n=>({gap:tt(t,n)});return Be(e,e.gap,r)}return null};ir.propTypes=process.env.NODE_ENV!=="production"?{gap:Qe}:{},ir.filterProps=["gap"];const sr=e=>{if(e.columnGap!==void 0&&e.columnGap!==null){const t=Tt(e.theme,"spacing",8,"columnGap"),r=n=>({columnGap:tt(t,n)});return Be(e,e.columnGap,r)}return null};sr.propTypes=process.env.NODE_ENV!=="production"?{columnGap:Qe}:{},sr.filterProps=["columnGap"];const ar=e=>{if(e.rowGap!==void 0&&e.rowGap!==null){const t=Tt(e.theme,"spacing",8,"rowGap"),r=n=>({rowGap:tt(t,n)});return Be(e,e.rowGap,r)}return null};ar.propTypes=process.env.NODE_ENV!=="production"?{rowGap:Qe}:{},ar.filterProps=["rowGap"];const ua=be({prop:"gridColumn"}),la=be({prop:"gridRow"}),fa=be({prop:"gridAutoFlow"}),da=be({prop:"gridAutoColumns"}),pa=be({prop:"gridAutoRows"}),ha=be({prop:"gridTemplateColumns"}),ma=be({prop:"gridTemplateRows"}),ga=be({prop:"gridTemplateAreas"}),ya=be({prop:"gridArea"});nr(ir,sr,ar,ua,la,fa,da,pa,ha,ma,ga,ya);function st(e,t){return t==="grey"?t:e}const va=be({prop:"color",themeKey:"palette",transform:st}),ba=be({prop:"bgcolor",cssProperty:"backgroundColor",themeKey:"palette",transform:st}),Sa=be({prop:"backgroundColor",themeKey:"palette",transform:st});nr(va,ba,Sa);function Ie(e){return e<=1&&e!==0?`${e*100}%`:e}const Ea=be({prop:"width",transform:Ie}),Xr=e=>{if(e.maxWidth!==void 0&&e.maxWidth!==null){const t=r=>{var o,i,s,a,c;const n=((s=(i=(o=e.theme)==null?void 0:o.breakpoints)==null?void 0:i.values)==null?void 0:s[r])||Qt[r];return n?((c=(a=e.theme)==null?void 0:a.breakpoints)==null?void 0:c.unit)!=="px"?{maxWidth:`${n}${e.theme.breakpoints.unit}`}:{maxWidth:n}:{maxWidth:Ie(r)}};return Be(e,e.maxWidth,t)}return null};Xr.filterProps=["maxWidth"];const Ta=be({prop:"minWidth",transform:Ie}),wa=be({prop:"height",transform:Ie}),Ca=be({prop:"maxHeight",transform:Ie}),xa=be({prop:"minHeight",transform:Ie});be({prop:"size",cssProperty:"width",transform:Ie}),be({prop:"size",cssProperty:"height",transform:Ie});const $a=be({prop:"boxSizing"});nr(Ea,Xr,Ta,wa,Ca,xa,$a);const wt={border:{themeKey:"borders",transform:Ne},borderTop:{themeKey:"borders",transform:Ne},borderRight:{themeKey:"borders",transform:Ne},borderBottom:{themeKey:"borders",transform:Ne},borderLeft:{themeKey:"borders",transform:Ne},borderColor:{themeKey:"palette"},borderTopColor:{themeKey:"palette"},borderRightColor:{themeKey:"palette"},borderBottomColor:{themeKey:"palette"},borderLeftColor:{themeKey:"palette"},outline:{themeKey:"borders",transform:Ne},outlineColor:{themeKey:"palette"},borderRadius:{themeKey:"shape.borderRadius",style:or},color:{themeKey:"palette",transform:st},bgcolor:{themeKey:"palette",cssProperty:"backgroundColor",transform:st},backgroundColor:{themeKey:"palette",transform:st},p:{style:ve},pt:{style:ve},pr:{style:ve},pb:{style:ve},pl:{style:ve},px:{style:ve},py:{style:ve},padding:{style:ve},paddingTop:{style:ve},paddingRight:{style:ve},paddingBottom:{style:ve},paddingLeft:{style:ve},paddingX:{style:ve},paddingY:{style:ve},paddingInline:{style:ve},paddingInlineStart:{style:ve},paddingInlineEnd:{style:ve},paddingBlock:{style:ve},paddingBlockStart:{style:ve},paddingBlockEnd:{style:ve},m:{style:ye},mt:{style:ye},mr:{style:ye},mb:{style:ye},ml:{style:ye},mx:{style:ye},my:{style:ye},margin:{style:ye},marginTop:{style:ye},marginRight:{style:ye},marginBottom:{style:ye},marginLeft:{style:ye},marginX:{style:ye},marginY:{style:ye},marginInline:{style:ye},marginInlineStart:{style:ye},marginInlineEnd:{style:ye},marginBlock:{style:ye},marginBlockStart:{style:ye},marginBlockEnd:{style:ye},displayPrint:{cssProperty:!1,transform:e=>({"@media print":{display:e}})},display:{},overflow:{},textOverflow:{},visibility:{},whiteSpace:{},flexBasis:{},flexDirection:{},flexWrap:{},justifyContent:{},alignItems:{},alignContent:{},order:{},flex:{},flexGrow:{},flexShrink:{},alignSelf:{},justifyItems:{},justifySelf:{},gap:{style:ir},rowGap:{style:ar},columnGap:{style:sr},gridColumn:{},gridRow:{},gridAutoFlow:{},gridAutoColumns:{},gridAutoRows:{},gridTemplateColumns:{},gridTemplateRows:{},gridTemplateAreas:{},gridArea:{},position:{},zIndex:{themeKey:"zIndex"},top:{},right:{},bottom:{},left:{},boxShadow:{themeKey:"shadows"},width:{transform:Ie},maxWidth:{style:Xr},minWidth:{transform:Ie},height:{transform:Ie},maxHeight:{transform:Ie},minHeight:{transform:Ie},boxSizing:{},font:{themeKey:"font"},fontFamily:{themeKey:"typography"},fontSize:{themeKey:"typography"},fontStyle:{themeKey:"typography"},fontWeight:{themeKey:"typography"},letterSpacing:{},textTransform:{},lineHeight:{},textAlign:{},typography:{cssProperty:!1,themeKey:"typography"}};function Oa(...e){const t=e.reduce((n,o)=>n.concat(Object.keys(o)),[]),r=new Set(t);return e.every(n=>r.size===Object.keys(n).length)}function Pa(e,t){return typeof e=="function"?e(t):e}function Aa(){function e(r,n,o,i){const s={[r]:n,theme:o},a=i[r];if(!a)return{[r]:n};const{cssProperty:c=r,themeKey:f,transform:d,style:p}=a;if(n==null)return null;if(f==="typography"&&n==="inherit")return{[r]:n};const m=Jt(o,f)||{};return p?p(s):Be(s,n,g=>{let l=Zt(m,d,g);return g===l&&typeof g=="string"&&(l=Zt(m,d,`${r}${g==="default"?"":ke(g)}`,g)),c===!1?l:{[c]:l}})}function t(r){const{sx:n,theme:o={}}=r||{};if(!n)return null;const i=o.unstable_sxConfig??wt;function s(a){let c=a;if(typeof a=="function")c=a(o);else if(typeof a!="object")return a;if(!c)return null;const f=co(o.breakpoints),d=Object.keys(f);let p=f;return Object.keys(c).forEach(m=>{const v=Pa(c[m],o);if(v!=null)if(typeof v=="object")if(i[m])p=Et(p,e(m,v,o,i));else{const g=Be({theme:o},v,l=>({[m]:l}));Oa(g,v)?p[m]=t({sx:v,theme:o}):p=Et(p,g)}else p=Et(p,e(m,v,o,i))}),Fs(o,uo(d,p))}return Array.isArray(n)?n.map(s):s(n)}return t}const po=Aa();po.filterProps=["sx"];const Ct=po,_a=e=>{var n;const t={systemProps:{},otherProps:{}},r=((n=e==null?void 0:e.theme)==null?void 0:n.unstable_sxConfig)??wt;return Object.keys(e).forEach(o=>{r[o]?t.systemProps[o]=e[o]:t.otherProps[o]=e[o]}),t};function ka(e){const{sx:t,...r}=e,{systemProps:n,otherProps:o}=_a(r);let i;return Array.isArray(t)?i=[n,...t]:typeof t=="function"?i=(...s)=>{const a=t(...s);return Le(a)?{...n,...a}:n}:i={...n,...t},{...o,sx:i}}function cr(){return cr=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},cr.apply(null,arguments)}var Ia=!1;function Ma(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}function Ra(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),e.nonce!==void 0&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}var Na=function(){function e(r){var n=this;this._insertTag=function(o){