@ssplib/react-components
Version:
SSP React Components
1 lines • 150 kB
JavaScript
import{jsxs as e,jsx as r,Fragment as t}from"react/jsx-runtime";import{Grid as o,Typography as n,Box as i,Stack as a,Button as l,useTheme as s,Checkbox as c,Card as d,InputLabel as u,TextField as p,SvgIcon as m,useMediaQuery as f,LinearProgress as h,TableContainer as g,Paper as y,CircularProgress as b,FormControlLabel as x,Switch as v,Autocomplete as C,MobileStepper as w,SwipeableDrawer as k,Modal as E,Menu as S,MenuItem as I,Alert as O,FormControl as T,Select as M,Skeleton as D,IconButton as A,Collapse as R,PaginationItem as P,AppBar as F,Avatar as $,FormLabel as j,FormHelperText as V}from"@mui/material";import{FileDownload as Y,ErrorOutline as N,Refresh as z,ReportProblemRounded as B,PendingRounded as L,FilterAlt as _,KeyboardArrowDown as W,KeyboardArrowUp as q,ExpandLess as U,ExpandMore as K}from"@mui/icons-material";import*as X from"react";import H,{createContext as G,useContext as J,useCallback as Q,useState as Z,useEffect as ee,useMemo as re,useRef as te}from"react";import oe from"lodash.get";import{LocalizationProvider as ne,DatePicker as ie,TimePicker as ae}from"@mui/x-date-pickers";import{AdapterDayjs as le}from"@mui/x-date-pickers/AdapterDayjs";import se from"dayjs";import"dayjs/locale/pt-br";import ce from"lodash.hasin";import{useFormContext as de,useForm as ue,Controller as pe}from"react-hook-form";import me from"axios";import{useDropzone as fe}from"react-dropzone";import he from"@emotion/styled";import{ThemeContext as ge}from"@emotion/react";import ye from"@mui/icons-material/CameraAlt";import be from"@mui/icons-material/Delete";import xe from"@mui/icons-material/Done";import ve from"@mui/icons-material/InsertDriveFile";import Ce from"@mui/icons-material/PictureAsPdf";import we from"@mui/material/InputLabel";import{IMaskInput as ke}from"react-imask";import{useQuery as Ee}from"react-query";import Se from"@mui/icons-material/KeyboardArrowLeft";import Ie from"@mui/icons-material/KeyboardArrowRight";import Oe from"@mui/icons-material/Save";import{LoadingButton as Te}from"@mui/lab";import{toast as Me,ToastContainer as De}from"react-toastify";import Ae from"@mui/icons-material/ContentPasteOutlined";import Re from"@mui/material/Typography";import Pe from"@mui/icons-material/Clear";import Fe from"@mui/icons-material/FileDownload";import $e from"@mui/icons-material/NavigateNextRounded";import je from"@mui/icons-material/Search";import Ve from"@mui/material/Grid";import Ye from"@mui/material/Pagination";import Ne from"@mui/material/TextField";import ze from"jszip";import Be from"@mui/icons-material/CloseRounded";import Le from"tinycolor2";import _e from"lodash.clonedeep";import We from"write-excel-file/browser";import qe from"next/dynamic";import Ue from"@mui/icons-material/KeyboardArrowDown";import Ke from"@mui/icons-material/LogoutOutlined";import Xe from"@mui/icons-material/Menu";import He from"@mui/icons-material/Person";import Ge from"@mui/material/LinearProgress";import Je from"next/image";import Qe from"next/link";import{useRouter as Ze}from"next/router";import er from"keycloak-js";import{getCookie as rr,setCookie as tr,deleteCookie as or}from"cookies-next";import nr from"jwt-decode";function ir({title:t}){return e(o,{paddingY:1,item:!0,marginTop:1,marginBottom:3,xs:12,children:[r(n,{textTransform:"uppercase",fontWeight:600,children:t}),r(i,{sx:{backgroundColor:"#94A3B8",height:6,borderRadius:1}})]})}function ar({name:t,title:l,tag:s,xs:c=12,md:d,lg:u}){let p=s&&"Distrital"===s?"#BFDBFE":"Estadual"===s?"#BBF7D0":"Federal"===s?"#FEF08A":"Internacional"===s?"#FED7AA":"Não"===s?"#FECACA":"#BBF7D0";return r(o,{paddingBottom:3,item:!0,xs:c,md:d,lg:u,paddingRight:2,children:e(a,{spacing:1,children:[e(a,{spacing:1,direction:"row",children:[r(n,{sx:{backgroundColor:"#E2E8F0",maxWidth:"max-content",paddingX:1,borderRadius:2,color:"#1E293B"},fontWeight:600,children:l}),s&&r(n,{sx:{backgroundColor:p,maxWidth:"max-content",paddingX:1,borderRadius:2,color:"#1E293B"},fontWeight:600,children:s})]}),t&&r(i,{children:"false"===String(t)?"Não":"true"===String(t)?"Sim":""===String(t)?"":t?String(t):"Não informado"})]})})}function lr({title:t,xs:i=12,tag:l,md:s,lg:c,paddingBottom:d=3}){let u=l&&"Não"===l?"#FECACA":"Sim"===l?"#BBF7D0":"#E2E8F0";return r(o,{paddingBottom:d,item:!0,xs:i,md:s,lg:c,paddingRight:2,children:e(a,{spacing:1,direction:"row",children:[r(n,{sx:{backgroundColor:"#E2E8F0",maxWidth:"max-content",paddingX:1,borderRadius:2,color:"#1E293B"},fontWeight:600,fontSize:16,children:t}),l&&r(n,{sx:{backgroundColor:u,maxWidth:"max-content",paddingX:1,borderRadius:2,color:"#1E293B"},fontWeight:600,children:l})]})})}const sr=/*#__PURE__*/G({});function cr({title:t,name:i,md:s,fileURL:c,fileExt:d="pdf"}){const{user:u}=J(sr);return r(o,{paddingBottom:3,paddingRight:3,md:s,children:e(a,{spacing:1,sx:{backgroundColor:"#F8FAFC",paddingY:1,paddingX:3,borderRadius:2,border:1,borderColor:"#CBD5E1"},children:[r(n,{fontWeight:600,sx:{textAlign:"center"},children:t}),e(a,{direction:"row",spacing:2,alignItems:"center",children:[r(Y,{sx:{fill:"red"}}),r(n,{children:i})]}),r(a,{alignItems:"center",children:r(l,{variant:"outlined",color:"error",size:"small",endIcon:r(Y,{}),onClick:()=>fetch(c,{method:"GET",headers:{Authorization:`Bearer ${u?.token}`}}).then(e=>e.blob()).then(e=>{var r=window.URL.createObjectURL(e);const t=document.createElement("a");t.href=r,t.download=i.split(".")[0]+`.${d}`,t.click()}),children:"Baixar"})})]})})}const dr=/*#__PURE__*/G(null);function ur({name:t,title:a,defaultValue:l=!1,xs:d=12,sm:u,md:p,onChange:m,disabled:f=!1}){const h=J(dr),g=s(),y=h?.formWatch(t)||l,b=Q(e=>{f||(h?.formSetValue(t,!h?.formGetValues(t)),m?.(e))},[h,t,f,m]);return r(o,{item:!0,xs:d,sm:u,md:p,children:e(i,{onClick:e=>b(e),sx:{border:"1px solid",borderColor:y?g.palette.primary.main:"#E0E0E0",borderRadius:"8px",padding:"8px 16px",cursor:f?"not-allowed":"pointer",backgroundColor:y?`${g.palette.primary.main}10`:"white",transition:"all 0.2s",display:"flex",alignItems:"center",position:"relative",opacity:f?.6:1,mb:.5,"&:hover":{borderColor:f||y?void 0:g.palette.grey[400],backgroundColor:f||y?void 0:g.palette.grey[50]}},children:[r(c,{checked:y,size:"small",sx:{padding:0,mr:1.5,"&.Mui-checked":{color:g.palette.primary.main}}}),"string"==typeof a?r(n,{variant:"body2",color:y?"primary.main":"text.primary",fontWeight:y?600:400,children:a}):a,r("input",{type:"checkbox",...h?.formRegister(t),style:{display:"none"}})]})})}function pr(e){let r=[];return e.forEach(e=>{if(e.props){if(e.props.children){const t=pr(Array.isArray(e.props.children)?e.props.children:[e.props.children]);return void(r=r.concat(t))}e.props.name&&r.push(e.props.name)}}),r}function mr({customText:t="Selecione pelo menos 1 opção",...n}){const[i,a]=Z(!1),[l,s]=Z(!0),c=J(dr),d=/*#__PURE__*/H.cloneElement(n.children,{onChange:()=>{i&&!c.formGetValues(d.props.name)&&s(!1)}});return e(o,{container:!0,sx:{padding:1,borderRadius:2},children:[r("input",{type:"text",...c.formRegister(n.name,{validate:(e,r)=>{if(i&&l)return!0;const o=pr(Array.isArray(n.children)?n.children:[n.children]);let d=!1;return o.forEach(e=>{c.formGetValues(e)&&(d=!0)}),!!d||(a(!0),s(!0),t)}}),hidden:!0}),d,r(o,{item:!0,xs:12,children:i&&l&&n.content})]})}function fr({name:t,title:a,customWarning:l,defaultValue:u=!1,xs:p=12,sm:m,md:f}){const h=J(dr),g=s(),y=h?.formWatch(t)||u,b=Q(e=>{h?.formSetValue(t,!h?.formGetValues(t))},[h,t]);return e(o,{item:!0,xs:p,sm:m,md:f,children:[e(i,{onClick:e=>b(e),sx:{border:"1px solid",borderColor:y?g.palette.primary.main:"#E0E0E0",borderRadius:"8px",padding:"8px 16px",cursor:"pointer",backgroundColor:y?`${g.palette.primary.main}10`:"white",transition:"all 0.2s",display:"flex",alignItems:"center",position:"relative",marginBottom:.5,"&:hover":{borderColor:y?void 0:g.palette.grey[400],backgroundColor:y?void 0:g.palette.grey[50]}},children:[r(c,{checked:y,size:"small",sx:{padding:0,mr:1.5,"&.Mui-checked":{color:g.palette.primary.main}}}),r(n,{variant:"body2",color:y?"primary.main":"text.primary",fontWeight:y?600:400,children:a}),r("input",{type:"checkbox",...h?.formRegister(t),style:{display:"none"}})]}),y&&r(d,{sx:{bgcolor:"#FFFBF5",color:"#F59E0B",padding:1,paddingLeft:2},children:l||e(n,{children:[r("b",{children:"Atenção"})," ",r("i",{children:a})," possui regras específicas."]})})]})}function hr(e){let r=[];return e.forEach(e=>{if(e.props){if(e.props.children){const t=hr(Array.isArray(e.props.children)?e.props.children:[e.props.children]);return void(r=r.concat(t))}e.props.name&&r.push(e.props.name)}}),r}function gr({customText:t="Selecione pelo menos 1 opção",...a}){const l=J(dr);return e(o,{container:!0,sx:{border:oe(l.errors,a.name)?"2px solid #d32f2f":"",padding:1,borderRadius:2},children:[r("input",{type:"text",...l.formRegister(a.name,{validate:(e,r)=>{const o=hr(Array.isArray(a.children)?a.children:[a.children]);let n=!1;return o.forEach((e,r)=>{l.formGetValues(e)&&(n=!0)}),!!n||t}}),hidden:!0},1),a.children,oe(l.errors,a.name)&&r(o,{item:!0,xs:12,children:e(i,{sx:{backgroundColor:"#FFEBEE",borderRadius:"8px",padding:"8px 12px",marginTop:1,border:"1px solid #FFCDD2",color:"error.main",display:"flex",alignItems:"center",gap:1},children:[r(N,{fontSize:"small"}),r(n,{variant:"caption",color:"inherit",fontWeight:600,fontSize:14,children:oe(l.errors,a.name)?.message})]})})]})}function yr({name:a,required:l=!1,title:s,xs:c=12,sm:d,md:m,minDt:f,defaultValue:h,persistValue:g,maxDt:y,...b}){const x=J(dr),[v,C]=Z(void 0!==h?se(h,"DD/MM/YYYY"):void 0);return ee(()=>{void 0!==v&&x.formSetValue(a,v?v.format("DD/MM/YYYY"):v)},[v]),ee(()=>{if(!g)return()=>{x.formUnregister(a)}},[]),r(t,{children:e(o,{item:!0,xs:c,sm:d,md:m,children:[s&&r(u,{required:l,children:s}),e(ne,{adapterLocale:"pt-br",dateAdapter:le,children:[r(ie,{minDate:se(f,"DD/MM/YYYY"),maxDate:se(y,"DD/MM/YYYY"),format:"DD/MM/YYYY",value:v,onChange:e=>{C(e)},disableHighlightToday:!0,sx:{outline:oe(x.errors,a)?"1px solid transparent":"",backgroundColor:"white",width:"100%","& .MuiOutlinedInput-root":{borderRadius:"8px",transition:"all 0.2s","& fieldset":{borderColor:"#E0E0E0"},"&:hover fieldset":{borderColor:"#BDBDBD"},"&.Mui-focused fieldset":{borderColor:"primary.main",borderWidth:"2px"},"&.Mui-error .MuiOutlinedInput-notchedOutline":{borderColor:"error.main",borderWidth:"2px"}},div:{input:{paddingX:2,paddingY:1.05}}},inputRef:e=>r(p,{size:"small",...e,...x?.formRegister(a,{validate:(e,r)=>!ce(r,a)||(e||(e=""),e.length<=0&&l?"Este campo é obrigatório":e.length<10&&l?"A data precisa seguir o padrão DD/MM/AAAA":!f||se(f,"DD/MM/YYYY").isSame(se(e,"DD/MM/YYYY"))||se(f,"DD/MM/YYYY").isBefore(se(e,"DD/MM/YYYY"))?!y||se(y,"DD/MM/YYYY").isSame(se(e,"DD/MM/YYYY"))||se(y,"DD/MM/YYYY").isAfter(se(e,"DD/MM/YYYY"))?void 0:"A data escolhida não é válida":`A data tem que ser depois de ${f} e antes de ${y}`),shouldUnregister:!0}),fullWidth:!0})}),oe(x.errors,a)&&e(i,{sx:{backgroundColor:"#FFEBEE",borderRadius:"8px",padding:"8px 12px",marginTop:"8px",border:"1px solid #FFCDD2",color:"error.main",display:"flex",alignItems:"center",gap:1},children:[r(N,{fontSize:"small"}),r(n,{variant:"caption",color:"inherit",fontWeight:600,fontSize:14,children:oe(x.errors,a)?.message})]})]})]})})}function br({name:i,required:a=!1,title:l,xs:s=12,sm:c,md:d,minDt:m,defaultValue:f,persistValue:h,maxDt:g,...y}){const b=de(),[x,v]=Z(void 0!==f?se(f,"DD/MM/YYYY"):void 0);return ee(()=>{void 0!==x&&b.setValue(i,x?x.format("DD/MM/YYYY"):x)},[x]),ee(()=>{if(!h)return()=>{b.unregister(i)}},[]),r(t,{children:e(o,{item:!0,xs:s,sm:c,md:d,children:[l&&r(u,{required:a,children:l}),e(ne,{adapterLocale:"pt-br",dateAdapter:le,children:[r(ie,{minDate:se(m,"DD/MM/YYYY"),maxDate:se(g,"DD/MM/YYYY"),format:"DD/MM/YYYY",value:x,onChange:e=>{v(void 0)},disableHighlightToday:!0,sx:{outline:oe(b.formState.errors,i)?"1px solid #a51c30":"",backgroundColor:"white",width:"100%",div:{input:{paddingX:2,paddingY:1.05}}},inputRef:e=>r(p,{size:"small",...e,...b?.register(i,{validate:(e,r)=>!ce(r,i)||(e||(e=""),e.length<=0&&a?"Este campo é obrigatório":e.length<10&&a?"A data precisa seguir o padrão DD/MM/AAAA":!m||se(m,"DD/MM/YYYY").isSame(se(e,"DD/MM/YYYY"))||se(m,"DD/MM/YYYY").isBefore(se(e,"DD/MM/YYYY"))?!g||se(g,"DD/MM/YYYY").isSame(se(e,"DD/MM/YYYY"))||se(g,"DD/MM/YYYY").isAfter(se(e,"DD/MM/YYYY"))?void 0:"A data escolhida não é válida":`A data tem que ser depois de ${m} e antes de ${g}`),shouldUnregister:!0}),fullWidth:!0})}),r(n,{sx:{color:"#a51c30",fontSize:14,paddingLeft:1},children:oe(b.formState.errors,i)?.message})]})]})})}function xr({name:t,required:a=!1,title:l,defaultValue:s="",xs:c=12,sm:d,md:m}){const f=J(dr),[h,g]=Z(s?se(s,"HH:mm"):null);return ee(()=>{f.formSetValue(t,h?h.format("HH:mm"):h)},[h]),ee(()=>()=>{f.formUnregister(t)},[]),e(o,{item:!0,xs:c,sm:d,md:m,children:[l&&r(u,{required:a,children:l}),e(ne,{adapterLocale:"pt-br",dateAdapter:le,children:[r(ae,{value:h,ampm:!1,onChange:e=>{g(e)},sx:{outline:oe(f.errors,t)?"1px solid transparent":"",backgroundColor:"white",width:"100%","& .MuiOutlinedInput-root":{borderRadius:"8px",transition:"all 0.2s","& fieldset":{borderColor:"#E0E0E0"},"&:hover fieldset":{borderColor:"#BDBDBD"},"&.Mui-focused fieldset":{borderColor:"primary.main",borderWidth:"2px"},"&.Mui-error .MuiOutlinedInput-notchedOutline":{borderColor:"error.main",borderWidth:"2px"}},div:{input:{paddingX:2,paddingY:1.05}}},inputRef:e=>r(p,{size:"small",...e,...f?.formRegister(t,{validate:(e,r)=>!ce(r,t)||(e||(e=""),e.length<=0&&a?"Este campo é obrigatório":e.length<5&&a?"A hora precisa seguir o padrão HH:MM":void 0),shouldUnregister:!0}),fullWidth:!0})}),oe(f.errors,t)&&e(i,{sx:{backgroundColor:"#FFEBEE",borderRadius:"8px",padding:"8px 12px",marginTop:"8px",border:"1px solid #FFCDD2",color:"error.main",display:"flex",alignItems:"center",gap:1},children:[r(N,{fontSize:"small"}),r(n,{variant:"caption",color:"inherit",fontWeight:600,fontSize:14,children:oe(f.errors,t)?.message})]})]})]})}function vr(){return vr=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)({}).hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},vr.apply(null,arguments)}function Cr(e){return null!==e&&"object"==typeof e&&e.constructor===Object}function wr(e){if(!Cr(e))return e;const r={};return Object.keys(e).forEach(t=>{r[t]=wr(e[t])}),r}function kr(e,r,t={clone:!0}){const o=t.clone?vr({},e):e;return Cr(e)&&Cr(r)&&Object.keys(r).forEach(n=>{"__proto__"!==n&&(o[n]=Cr(r[n])&&n in e&&Cr(e[n])?kr(e[n],r[n],t):t.clone&&Cr(r[n])?wr(r[n]):r[n])}),o}function Er(e){var r={exports:{}};return e(r,r.exports),r.exports}var Sr="function"==typeof Symbol&&Symbol.for,Ir=Sr?Symbol.for("react.element"):60103,Or=Sr?Symbol.for("react.portal"):60106,Tr=Sr?Symbol.for("react.fragment"):60107,Mr=Sr?Symbol.for("react.strict_mode"):60108,Dr=Sr?Symbol.for("react.profiler"):60114,Ar=Sr?Symbol.for("react.provider"):60109,Rr=Sr?Symbol.for("react.context"):60110,Pr=Sr?Symbol.for("react.async_mode"):60111,Fr=Sr?Symbol.for("react.concurrent_mode"):60111,$r=Sr?Symbol.for("react.forward_ref"):60112,jr=Sr?Symbol.for("react.suspense"):60113,Vr=Sr?Symbol.for("react.suspense_list"):60120,Yr=Sr?Symbol.for("react.memo"):60115,Nr=Sr?Symbol.for("react.lazy"):60116,zr=Sr?Symbol.for("react.block"):60121,Br=Sr?Symbol.for("react.fundamental"):60117,Lr=Sr?Symbol.for("react.responder"):60118,_r=Sr?Symbol.for("react.scope"):60119;function Wr(e){if("object"==typeof e&&null!==e){var r=e.$$typeof;switch(r){case Ir:switch(e=e.type){case Pr:case Fr:case Tr:case Dr:case Mr:case jr:return e;default:switch(e=e&&e.$$typeof){case Rr:case $r:case Nr:case Yr:case Ar:return e;default:return r}}case Or:return r}}}function qr(e){return Wr(e)===Fr}var Ur={AsyncMode:Pr,ConcurrentMode:Fr,ContextConsumer:Rr,ContextProvider:Ar,Element:Ir,ForwardRef:$r,Fragment:Tr,Lazy:Nr,Memo:Yr,Portal:Or,Profiler:Dr,StrictMode:Mr,Suspense:jr,isAsyncMode:function(e){return qr(e)||Wr(e)===Pr},isConcurrentMode:qr,isContextConsumer:function(e){return Wr(e)===Rr},isContextProvider:function(e){return Wr(e)===Ar},isElement:function(e){return"object"==typeof e&&null!==e&&e.$$typeof===Ir},isForwardRef:function(e){return Wr(e)===$r},isFragment:function(e){return Wr(e)===Tr},isLazy:function(e){return Wr(e)===Nr},isMemo:function(e){return Wr(e)===Yr},isPortal:function(e){return Wr(e)===Or},isProfiler:function(e){return Wr(e)===Dr},isStrictMode:function(e){return Wr(e)===Mr},isSuspense:function(e){return Wr(e)===jr},isValidElementType:function(e){return"string"==typeof e||"function"==typeof e||e===Tr||e===Fr||e===Dr||e===Mr||e===jr||e===Vr||"object"==typeof e&&null!==e&&(e.$$typeof===Nr||e.$$typeof===Yr||e.$$typeof===Ar||e.$$typeof===Rr||e.$$typeof===$r||e.$$typeof===Br||e.$$typeof===Lr||e.$$typeof===_r||e.$$typeof===zr)},typeOf:Wr},Kr=Er(function(e,r){"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,o=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,i=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,s=e?Symbol.for("react.context"):60110,c=e?Symbol.for("react.async_mode"):60111,d=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,m=e?Symbol.for("react.suspense_list"):60120,f=e?Symbol.for("react.memo"):60115,h=e?Symbol.for("react.lazy"):60116,g=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,x=e?Symbol.for("react.scope"):60119;function v(e){if("object"==typeof e&&null!==e){var r=e.$$typeof;switch(r){case t:var m=e.type;switch(m){case c:case d:case n:case a:case i:case p:return m;default:var g=m&&m.$$typeof;switch(g){case s:case u:case h:case f:case l:return g;default:return r}}case o:return r}}}var C=d,w=s,k=l,E=t,S=u,I=n,O=h,T=f,M=o,D=a,A=i,R=p,P=!1;function F(e){return v(e)===d}r.AsyncMode=c,r.ConcurrentMode=C,r.ContextConsumer=w,r.ContextProvider=k,r.Element=E,r.ForwardRef=S,r.Fragment=I,r.Lazy=O,r.Memo=T,r.Portal=M,r.Profiler=D,r.StrictMode=A,r.Suspense=R,r.isAsyncMode=function(e){return P||(P=!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.")),F(e)||v(e)===c},r.isConcurrentMode=F,r.isContextConsumer=function(e){return v(e)===s},r.isContextProvider=function(e){return v(e)===l},r.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},r.isForwardRef=function(e){return v(e)===u},r.isFragment=function(e){return v(e)===n},r.isLazy=function(e){return v(e)===h},r.isMemo=function(e){return v(e)===f},r.isPortal=function(e){return v(e)===o},r.isProfiler=function(e){return v(e)===a},r.isStrictMode=function(e){return v(e)===i},r.isSuspense=function(e){return v(e)===p},r.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===d||e===a||e===i||e===p||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===f||e.$$typeof===l||e.$$typeof===s||e.$$typeof===u||e.$$typeof===y||e.$$typeof===b||e.$$typeof===x||e.$$typeof===g)},r.typeOf=v}()}),Xr=Er(function(e){e.exports="production"===process.env.NODE_ENV?Ur:Kr}),Hr=Object.getOwnPropertySymbols,Gr=Object.prototype.hasOwnProperty,Jr=Object.prototype.propertyIsEnumerable,Qr=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;var o=Object.getOwnPropertyNames(r).map(function(e){return r[e]});if("0123456789"!==o.join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(e){n[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,r){for(var t,o,n=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),i=1;i<arguments.length;i++){for(var a in t=Object(arguments[i]))Gr.call(t,a)&&(n[a]=t[a]);if(Hr){o=Hr(t);for(var l=0;l<o.length;l++)Jr.call(t,o[l])&&(n[o[l]]=t[o[l]])}}return n},Zr=Function.call.bind(Object.prototype.hasOwnProperty),et="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",rt=Zr,tt=function(){};if("production"!==process.env.NODE_ENV){var ot=et,nt={},it=rt;tt=function(e){var r="Warning: "+e;"undefined"!=typeof console&&console.error(r);try{throw new Error(r)}catch(e){}}}function at(e,r,t,o,n){if("production"!==process.env.NODE_ENV)for(var i in e)if(it(e,i)){var a;try{if("function"!=typeof e[i]){var l=Error((o||"React class")+": "+t+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw l.name="Invariant Violation",l}a=e[i](r,i,o,t,null,ot)}catch(e){a=e}if(!a||a instanceof Error||tt((o||"React class")+": type specification of "+t+" `"+i+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof a+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),a instanceof Error&&!(a.message in nt)){nt[a.message]=!0;var s=n?n():"";tt("Failed "+t+" type: "+a.message+(null!=s?s:""))}}}at.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(nt={})};var lt=at,st=function(){};function ct(){return null}function dt(){}function ut(){}"production"!==process.env.NODE_ENV&&(st=function(e){var r="Warning: "+e;"undefined"!=typeof console&&console.error(r);try{throw new Error(r)}catch(e){}}),ut.resetWarningCache=dt;var pt,mt=Er(function(e){e.exports="production"!==process.env.NODE_ENV?function(e){var r="function"==typeof Symbol&&Symbol.iterator,t="<<anonymous>>",o={array:l("array"),bigint:l("bigint"),bool:l("boolean"),func:l("function"),number:l("number"),object:l("object"),string:l("string"),symbol:l("symbol"),any:a(ct),arrayOf:function(e){return a(function(r,t,o,n,a){if("function"!=typeof e)return new i("Property `"+a+"` of component `"+o+"` has invalid PropType notation inside arrayOf.");var l=r[t];if(!Array.isArray(l))return new i("Invalid "+n+" `"+a+"` of type `"+d(l)+"` supplied to `"+o+"`, expected an array.");for(var s=0;s<l.length;s++){var c=e(l,s,o,n,a+"["+s+"]",et);if(c instanceof Error)return c}return null})},element:a(function(r,t,o,n,a){var l=r[t];return e(l)?null:new i("Invalid "+n+" `"+a+"` of type `"+d(l)+"` supplied to `"+o+"`, expected a single ReactElement.")}),elementType:a(function(e,r,t,o,n){var a=e[r];return Xr.isValidElementType(a)?null:new i("Invalid "+o+" `"+n+"` of type `"+d(a)+"` supplied to `"+t+"`, expected a single ReactElement type.")}),instanceOf:function(e){return a(function(r,o,n,a,l){return r[o]instanceof e?null:new i("Invalid "+a+" `"+l+"` of type `"+((s=r[o]).constructor&&s.constructor.name?s.constructor.name:t)+"` supplied to `"+n+"`, expected instance of `"+(e.name||t)+"`.");var s})},node:a(function(e,r,t,o,n){return c(e[r])?null:new i("Invalid "+o+" `"+n+"` supplied to `"+t+"`, expected a ReactNode.")}),objectOf:function(e){return a(function(r,t,o,n,a){if("function"!=typeof e)return new i("Property `"+a+"` of component `"+o+"` has invalid PropType notation inside objectOf.");var l=r[t],s=d(l);if("object"!==s)return new i("Invalid "+n+" `"+a+"` of type `"+s+"` supplied to `"+o+"`, expected an object.");for(var c in l)if(rt(l,c)){var u=e(l,c,o,n,a+"."+c,et);if(u instanceof Error)return u}return null})},oneOf:function(e){return Array.isArray(e)?a(function(r,t,o,a,l){for(var s=r[t],c=0;c<e.length;c++)if(n(s,e[c]))return null;var d=JSON.stringify(e,function(e,r){return"symbol"===u(r)?String(r):r});return new i("Invalid "+a+" `"+l+"` of value `"+String(s)+"` supplied to `"+o+"`, expected one of "+d+".")}):("production"!==process.env.NODE_ENV&&st(arguments.length>1?"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]).":"Invalid argument supplied to oneOf, expected an array."),ct)},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&st("Invalid argument supplied to oneOfType, expected an instance of array."),ct;for(var r=0;r<e.length;r++){var t=e[r];if("function"!=typeof t)return st("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+p(t)+" at index "+r+"."),ct}return a(function(r,t,o,n,a){for(var l=[],s=0;s<e.length;s++){var c=(0,e[s])(r,t,o,n,a,et);if(null==c)return null;c.data&&rt(c.data,"expectedType")&&l.push(c.data.expectedType)}return new i("Invalid "+n+" `"+a+"` supplied to `"+o+"`"+(l.length>0?", expected one of type ["+l.join(", ")+"]":"")+".")})},shape:function(e){return a(function(r,t,o,n,a){var l=r[t],c=d(l);if("object"!==c)return new i("Invalid "+n+" `"+a+"` of type `"+c+"` supplied to `"+o+"`, expected `object`.");for(var p in e){var m=e[p];if("function"!=typeof m)return s(o,n,a,p,u(m));var f=m(l,p,o,n,a+"."+p,et);if(f)return f}return null})},exact:function(e){return a(function(r,t,o,n,a){var l=r[t],c=d(l);if("object"!==c)return new i("Invalid "+n+" `"+a+"` of type `"+c+"` supplied to `"+o+"`, expected `object`.");var p=Qr({},r[t],e);for(var m in p){var f=e[m];if(rt(e,m)&&"function"!=typeof f)return s(o,n,a,m,u(f));if(!f)return new i("Invalid "+n+" `"+a+"` key `"+m+"` supplied to `"+o+"`.\nBad object: "+JSON.stringify(r[t],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var h=f(l,m,o,n,a+"."+m,et);if(h)return h}return null})}};function n(e,r){return e===r?0!==e||1/e==1/r:e!=e&&r!=r}function i(e,r){this.message=e,this.data=r&&"object"==typeof r?r:{},this.stack=""}function a(e){function r(r,o,n,a,l,s,c){if(a=a||t,s=s||n,c!==et){var d=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 d.name="Invariant Violation",d}return null==o[n]?r?new i(null===o[n]?"The "+l+" `"+s+"` is marked as required in `"+a+"`, but its value is `null`.":"The "+l+" `"+s+"` is marked as required in `"+a+"`, but its value is `undefined`."):null:e(o,n,a,l,s)}process;var o=r.bind(null,!1);return o.isRequired=r.bind(null,!0),o}function l(e){return a(function(r,t,o,n,a,l){var s=r[t];return d(s)!==e?new i("Invalid "+n+" `"+a+"` of type `"+u(s)+"` supplied to `"+o+"`, expected `"+e+"`.",{expectedType:e}):null})}function s(e,r,t,o,n){return new i((e||"React class")+": "+r+" type `"+t+"."+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+n+"`.")}function c(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(c);if(null===t||e(t))return!0;var o=function(e){var t=e&&(r&&e[r]||e["@@iterator"]);if("function"==typeof t)return t}(t);if(!o)return!1;var n,i=o.call(t);if(o!==t.entries){for(;!(n=i.next()).done;)if(!c(n.value))return!1}else for(;!(n=i.next()).done;){var a=n.value;if(a&&!c(a[1]))return!1}return!0;default:return!1}}function d(e){var r=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,r){return"symbol"===e||!!r&&("Symbol"===r["@@toStringTag"]||"function"==typeof Symbol&&r instanceof Symbol)}(r,e)?"symbol":r}function u(e){if(null==e)return""+e;var r=d(e);if("object"===r){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return r}function p(e){var r=u(e);switch(r){case"array":case"object":return"an "+r;case"boolean":case"date":case"regexp":return"a "+r;default:return r}}return i.prototype=Error.prototype,o.checkPropTypes=lt,o.resetWarningCache=lt.resetWarningCache,o.PropTypes=o,o}(Xr.isElement):function(){function e(e,r,t,o,n,i){if(i!==et){var a=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 a.name="Invariant Violation",a}}function r(){return e}e.isRequired=e;var t={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:r,element:e,elementType:e,instanceOf:r,node:e,objectOf:r,oneOf:r,oneOfType:r,shape:r,exact:r,checkPropTypes:ut,resetWarningCache:dt};return t.PropTypes=t,t}()}),ft=Symbol.for("react.element"),ht=Symbol.for("react.portal"),gt=Symbol.for("react.fragment"),yt=Symbol.for("react.strict_mode"),bt=Symbol.for("react.profiler"),xt=Symbol.for("react.provider"),vt=Symbol.for("react.context"),Ct=Symbol.for("react.server_context"),wt=Symbol.for("react.forward_ref"),kt=Symbol.for("react.suspense"),Et=Symbol.for("react.suspense_list"),St=Symbol.for("react.memo"),It=Symbol.for("react.lazy"),Ot=Symbol.for("react.offscreen");function Tt(e){if("object"==typeof e&&null!==e){var r=e.$$typeof;switch(r){case ft:switch(e=e.type){case gt:case bt:case yt:case kt:case Et:return e;default:switch(e=e&&e.$$typeof){case Ct:case vt:case wt:case It:case St:case xt:return e;default:return r}}case ht:return r}}}pt=Symbol.for("react.module.reference");var Mt={ContextConsumer:vt,ContextProvider:xt,Element:ft,ForwardRef:wt,Fragment:gt,Lazy:It,Memo:St,Portal:ht,Profiler:bt,StrictMode:yt,Suspense:kt,SuspenseList:Et,isAsyncMode:function(){return!1},isConcurrentMode:function(){return!1},isContextConsumer:function(e){return Tt(e)===vt},isContextProvider:function(e){return Tt(e)===xt},isElement:function(e){return"object"==typeof e&&null!==e&&e.$$typeof===ft},isForwardRef:function(e){return Tt(e)===wt},isFragment:function(e){return Tt(e)===gt},isLazy:function(e){return Tt(e)===It},isMemo:function(e){return Tt(e)===St},isPortal:function(e){return Tt(e)===ht},isProfiler:function(e){return Tt(e)===bt},isStrictMode:function(e){return Tt(e)===yt},isSuspense:function(e){return Tt(e)===kt},isSuspenseList:function(e){return Tt(e)===Et},isValidElementType:function(e){return"string"==typeof e||"function"==typeof e||e===gt||e===bt||e===yt||e===kt||e===Et||e===Ot||"object"==typeof e&&null!==e&&(e.$$typeof===It||e.$$typeof===St||e.$$typeof===xt||e.$$typeof===vt||e.$$typeof===wt||e.$$typeof===pt||void 0!==e.getModuleId)},typeOf:Tt},Dt=Er(function(e,r){"production"!==process.env.NODE_ENV&&function(){var e,t=Symbol.for("react.element"),o=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),s=Symbol.for("react.context"),c=Symbol.for("react.server_context"),d=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),m=Symbol.for("react.memo"),f=Symbol.for("react.lazy"),h=Symbol.for("react.offscreen");function g(e){if("object"==typeof e&&null!==e){var r=e.$$typeof;switch(r){case t:var h=e.type;switch(h){case n:case a:case i:case u:case p:return h;default:var g=h&&h.$$typeof;switch(g){case c:case s:case d:case f:case m:case l:return g;default:return r}}case o:return r}}}e=Symbol.for("react.module.reference");var y=l,b=t,x=d,v=n,C=f,w=m,k=o,E=a,S=i,I=u,O=p,T=!1,M=!1;r.ContextConsumer=s,r.ContextProvider=y,r.Element=b,r.ForwardRef=x,r.Fragment=v,r.Lazy=C,r.Memo=w,r.Portal=k,r.Profiler=E,r.StrictMode=S,r.Suspense=I,r.SuspenseList=O,r.isAsyncMode=function(e){return T||(T=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1},r.isConcurrentMode=function(e){return M||(M=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1},r.isContextConsumer=function(e){return g(e)===s},r.isContextProvider=function(e){return g(e)===l},r.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},r.isForwardRef=function(e){return g(e)===d},r.isFragment=function(e){return g(e)===n},r.isLazy=function(e){return g(e)===f},r.isMemo=function(e){return g(e)===m},r.isPortal=function(e){return g(e)===o},r.isProfiler=function(e){return g(e)===a},r.isStrictMode=function(e){return g(e)===i},r.isSuspense=function(e){return g(e)===u},r.isSuspenseList=function(e){return g(e)===p},r.isValidElementType=function(r){return"string"==typeof r||"function"==typeof r||r===n||r===a||r===i||r===u||r===p||r===h||"object"==typeof r&&null!==r&&(r.$$typeof===f||r.$$typeof===m||r.$$typeof===l||r.$$typeof===s||r.$$typeof===d||r.$$typeof===e||void 0!==r.getModuleId)},r.typeOf=g}()}),At=Er(function(e){e.exports="production"===process.env.NODE_ENV?Mt:Dt});const Rt=/^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;function Pt(e,r=""){return e.displayName||e.name||function(e){const r=`${e}`.match(Rt);return r&&r[1]||""}(e)||r}function Ft(e,r,t){const o=Pt(r);return e.displayName||(""!==o?`${t}(${o})`:t)}function $t(e){if("string"!=typeof e)throw new Error("production"!==process.env.NODE_ENV?"MUI: `capitalize(string)` expects a string argument.":function(e){let r="https://mui.com/production-error/?code="+e;for(let e=1;e<arguments.length;e+=1)r+="&args[]="+encodeURIComponent(arguments[e]);return"Minified MUI error #"+e+"; visit "+r+" for the full message."}(7));return e.charAt(0).toUpperCase()+e.slice(1)}function jt(e,r){const t=vr({},r);return Object.keys(e).forEach(o=>{if(o.toString().match(/^(components|slots)$/))t[o]=vr({},e[o],t[o]);else if(o.toString().match(/^(componentsProps|slotProps)$/)){const n=e[o]||{},i=r[o];t[o]={},i&&Object.keys(i)?n&&Object.keys(n)?(t[o]=vr({},i),Object.keys(n).forEach(e=>{t[o][e]=jt(n[e],i[e])})):t[o]=i:t[o]=n}else void 0===t[o]&&(t[o]=e[o])}),t}const Vt=e=>e;var Yt=(()=>{let e=Vt;return{configure(r){e=r},generate:r=>e(r),reset(){e=Vt}}})();const Nt={active:"active",checked:"checked",completed:"completed",disabled:"disabled",readOnly:"readOnly",error:"error",expanded:"expanded",focused:"focused",focusVisible:"focusVisible",required:"required",selected:"selected"};function zt(e,r){if(null==e)return{};var t={};for(var o in e)if({}.hasOwnProperty.call(e,o)){if(-1!==r.indexOf(o))continue;t[o]=e[o]}return t}const Bt=["values","unit","step"];var Lt={borderRadius:4},_t="production"!==process.env.NODE_ENV?mt.oneOfType([mt.number,mt.string,mt.object,mt.array]):{};function Wt(e,r){return r?kr(e,r,{clone:!1}):e}const qt={xs:0,sm:600,md:900,lg:1200,xl:1536},Ut={keys:["xs","sm","md","lg","xl"],up:e=>`@media (min-width:${qt[e]}px)`};function Kt(e,r,t){const o=e.theme||{};if(Array.isArray(r)){const e=o.breakpoints||Ut;return r.reduce((o,n,i)=>(o[e.up(e.keys[i])]=t(r[i]),o),{})}if("object"==typeof r){const e=o.breakpoints||Ut;return Object.keys(r).reduce((o,n)=>(-1!==Object.keys(e.values||qt).indexOf(n)?o[e.up(n)]=t(r[n],n):o[n]=r[n],o),{})}return t(r)}function Xt(e={}){var r;return(null==(r=e.keys)?void 0:r.reduce((r,t)=>(r[e.up(t)]={},r),{}))||{}}function Ht(e,r){return e.reduce((e,r)=>{const t=e[r];return(!t||0===Object.keys(t).length)&&delete e[r],e},r)}function Gt({values:e,breakpoints:r,base:t}){const o=t||function(e,r){if("object"!=typeof e)return{};const t={},o=Object.keys(r);return Array.isArray(e)?o.forEach((r,o)=>{o<e.length&&(t[r]=!0)}):o.forEach(r=>{null!=e[r]&&(t[r]=!0)}),t}(e,r),n=Object.keys(o);if(0===n.length)return e;let i;return n.reduce((r,t,o)=>(Array.isArray(e)?(r[t]=null!=e[o]?e[o]:e[i],i=o):"object"==typeof e?(r[t]=null!=e[t]?e[t]:e[i],i=t):r[t]=e,r),{})}function Jt(e,r,t=!0){if(!r||"string"!=typeof r)return null;if(e&&e.vars&&t){const t=`vars.${r}`.split(".").reduce((e,r)=>e&&e[r]?e[r]:null,e);if(null!=t)return t}return r.split(".").reduce((e,r)=>e&&null!=e[r]?e[r]:null,e)}function Qt(e,r,t,o=t){let n;return n="function"==typeof e?e(t):Array.isArray(e)?e[t]||o:Jt(e,t)||o,r&&(n=r(n,o,e)),n}function Zt(e){const{prop:r,cssProperty:t=e.prop,themeKey:o,transform:n}=e,i=e=>{if(null==e[r])return null;const i=e[r],a=Jt(e.theme,o)||{};return Kt(e,i,e=>{let o=Qt(a,n,e);return e===o&&"string"==typeof e&&(o=Qt(a,n,`${r}${"default"===e?"":$t(e)}`,e)),!1===t?o:{[t]:o}})};return i.propTypes="production"!==process.env.NODE_ENV?{[r]:_t}:{},i.filterProps=[r],i}const eo={m:"margin",p:"padding"},ro={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},to={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},oo=function(){const e={};return r=>(void 0===e[r]&&(e[r]=(e=>{if(e.length>2){if(!to[e])return[e];e=to[e]}const[r,t]=e.split(""),o=eo[r],n=ro[t]||"";return Array.isArray(n)?n.map(e=>o+e):[o+n]})(r)),e[r])}(),no=["m","mt","mr","mb","ml","mx","my","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd"],io=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"],ao=[...no,...io];function lo(e,r,t,o){var n;const i=null!=(n=Jt(e,r,!1))?n:t;return"number"==typeof i?e=>"string"==typeof e?e:("production"!==process.env.NODE_ENV&&"number"!=typeof e&&console.error(`MUI: Expected ${o} argument to be a number or a string, got ${e}.`),i*e):Array.isArray(i)?e=>"string"==typeof e?e:("production"!==process.env.NODE_ENV&&(Number.isInteger(e)?e>i.length-1&&console.error([`MUI: The value provided (${e}) overflows.`,`The supported values are: ${JSON.stringify(i)}.`,`${e} > ${i.length-1}, you need to add the missing values.`].join("\n")):console.error([`MUI: The \`theme.${r}\` 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.${r}\` as a number.`].join("\n"))),i[e]):"function"==typeof i?i:("production"!==process.env.NODE_ENV&&console.error([`MUI: The \`theme.${r}\` value (${i}) is invalid.`,"It should be a number, an array or a function."].join("\n")),()=>{})}function so(e){return lo(e,"spacing",8,"spacing")}function co(e,r){if("string"==typeof r||null==r)return r;const t=e(Math.abs(r));return r>=0?t:"number"==typeof t?-t:`-${t}`}function uo(e,r){const t=so(e.theme);return Object.keys(e).map(o=>function(e,r,t,o){if(-1===r.indexOf(t))return null;const n=function(e,r){return t=>e.reduce((e,o)=>(e[o]=co(r,t),e),{})}(oo(t),o);return Kt(e,e[t],n)}(e,r,o,t)).reduce(Wt,{})}function po(e){return uo(e,no)}function mo(e){return uo(e,io)}function fo(...e){const r=e.reduce((e,r)=>(r.filterProps.forEach(t=>{e[t]=r}),e),{}),t=e=>Object.keys(e).reduce((t,o)=>r[o]?Wt(t,r[o](e)):t,{});return t.propTypes="production"!==process.env.NODE_ENV?e.reduce((e,r)=>Object.assign(e,r.propTypes),{}):{},t.filterProps=e.reduce((e,r)=>e.concat(r.filterProps),[]),t}function ho(e){return"number"!=typeof e?e:`${e}px solid`}po.propTypes="production"!==process.env.NODE_ENV?no.reduce((e,r)=>(e[r]=_t,e),{}):{},po.filterProps=no,mo.propTypes="production"!==process.env.NODE_ENV?io.reduce((e,r)=>(e[r]=_t,e),{}):{},mo.filterProps=io,"production"===process.env.NODE_ENV||ao.reduce((e,r)=>(e[r]=_t,e),{});const go=Zt({prop:"border",themeKey:"borders",transform:ho}),yo=Zt({prop:"borderTop",themeKey:"borders",transform:ho}),bo=Zt({prop:"borderRight",themeKey:"borders",transform:ho}),xo=Zt({prop:"borderBottom",themeKey:"borders",transform:ho}),vo=Zt({prop:"borderLeft",themeKey:"borders",transform:ho}),Co=Zt({prop:"borderColor",themeKey:"palette"}),wo=Zt({prop:"borderTopColor",themeKey:"palette"}),ko=Zt({prop:"borderRightColor",themeKey:"palette"}),Eo=Zt({prop:"borderBottomColor",themeKey:"palette"}),So=Zt({prop:"borderLeftColor",themeKey:"palette"}),Io=e=>{if(null!=e.borderRadius){const r=lo(e.theme,"shape.borderRadius",4,"borderRadius");return Kt(e,e.borderRadius,e=>({borderRadius:co(r,e)}))}return null};Io.propTypes="production"!==process.env.NODE_ENV?{borderRadius:_t}:{},Io.filterProps=["borderRadius"],fo(go,yo,bo,xo,vo,Co,wo,ko,Eo,So,Io);const Oo=e=>{if(null!=e.gap){const r=lo(e.theme,"spacing",8,"gap");return Kt(e,e.gap,e=>({gap:co(r,e)}))}return null};Oo.propTypes="production"!==process.env.NODE_ENV?{gap:_t}:{},Oo.filterProps=["gap"];const To=e=>{if(null!=e.columnGap){const r=lo(e.theme,"spacing",8,"columnGap");return Kt(e,e.columnGap,e=>({columnGap:co(r,e)}))}return null};To.propTypes="production"!==process.env.NODE_ENV?{columnGap:_t}:{},To.filterProps=["columnGap"];const Mo=e=>{if(null!=e.rowGap){const r=lo(e.theme,"spacing",8,"rowGap");return Kt(e,e.rowGap,e=>({rowGap:co(r,e)}))}return null};function Do(e,r){return"grey"===r?r:e}function Ao(e){return e<=1&&0!==e?100*e+"%":e}Mo.propTypes="production"!==process.env.NODE_ENV?{rowGap:_t}:{},Mo.filterProps=["rowGap"],fo(Oo,To,Mo,Zt({prop:"gridColumn"}),Zt({prop:"gridRow"}),Zt({prop:"gridAutoFlow"}),Zt({prop:"gridAutoColumns"}),Zt({prop:"gridAutoRows"}),Zt({prop:"gridTemplateColumns"}),Zt({prop:"gridTemplateRows"}),Zt({prop:"gridTemplateAreas"}),Zt({prop:"gridArea"})),fo(Zt({prop:"color",themeKey:"palette",transform:Do}),Zt({prop:"bgcolor",cssProperty:"backgroundColor",themeKey:"palette",transform:Do}),Zt({prop:"backgroundColor",themeKey:"palette",transform:Do}));const Ro=Zt({prop:"width",transform:Ao}),Po=e=>null!=e.maxWidth?Kt(e,e.maxWidth,r=>{var t,o,n;return{maxWidth:(null==(t=e.theme)||null==(o=t.breakpoints)||null==(n=o.values)?void 0:n[r])||qt[r]||Ao(r)}}):null;Po.filterProps=["maxWidth"];const Fo=Zt({prop:"minWidth",transform:Ao}),$o=Zt({prop:"height",transform:Ao}),jo=Zt({prop:"maxHeight",transform:Ao}),Vo=Zt({prop:"minHeight",transform:Ao});Zt({prop:"size",cssProperty:"width",transform:Ao}),Zt({prop:"size",cssProperty:"height",transform:Ao}),fo(Ro,Po,Fo,$o,jo,Vo,Zt({prop:"boxSizing"}));var Yo={border:{themeKey:"borders",transform:ho},borderTop:{themeKey:"borders",transform:ho},borderRight:{themeKey:"borders",transform:ho},borderBottom:{themeKey:"borders",transform:ho},borderLeft:{themeKey:"borders",transform:ho},borderColor:{themeKey:"palette"},borderTopColor:{themeKey:"palette"},borderRightColor:{themeKey:"palette"},borderBottomColor:{themeKey:"palette"},borderLeftColor:{themeKey:"palette"},borderRadius:{themeKey:"shape.borderRadius",style:Io},color:{themeKey:"palette",transform:Do},bgcolor:{themeKey:"palette",cssProperty:"backgroundColor",transform:Do},backgroundColor:{themeKey:"palette",transform:Do},p:{style:mo},pt:{style:mo},pr:{style:mo},pb:{style:mo},pl:{style:mo},px:{style:mo},py:{style:mo},padding:{style:mo},paddingTop:{style:mo},paddingRight:{style:mo},paddingBottom:{style:mo},paddingLeft:{style:mo},paddingX:{style:mo},paddingY:{style:mo},paddingInline:{style:mo},paddingInlineStart:{style:mo},paddingInlineEnd:{style:mo},paddingBlock:{style:mo},paddingBlockStart:{style:mo},paddingBlockEnd:{style:mo},m:{style:po},mt:{style:po},mr:{style:po},mb:{style:po},ml:{style:po},mx:{style:po},my:{style:po},margin:{style:po},marginTop:{style:po},marginRight:{style:po},marginBottom:{style:po},marginLeft:{style:po},marginX:{style:po},marginY:{style:po},marginInline:{style:po},marginInlineStart:{style:po},marginInlineEnd:{style:po},marginBlock:{style:po},marginBlockStart:{style:po},marginBlockEnd:{style:po},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:Oo},rowGap:{style:Mo},columnGap:{style:To},gridColumn:{},gridRow:{},gridAutoFlow:{},gridAutoColumns:{},gridAutoRows:{},gridTemplateColumns:{},gridTemplateRows:{},gridTemplateAreas:{},gridArea:{},position:{},zIndex:{themeKey:"zIndex"},top:{},right:{},bottom:{},left:{},boxShadow:{themeKey:"shadows"},width:{transform:Ao},maxWidth:{style:Po},minWidth:{transform:Ao},height:{transform:Ao},maxHeight:{transform:Ao},minHeight:{transform:Ao},boxSizing:{},fontFamily:{themeKey:"typography"},fontSize:{themeKey:"typography"},fontStyle:{themeKey:"typography"},fontWeight:{themeKey:"typography"},letterSpacing:{},textTransform:{},lineHeight:{},textAlign:{},typography:{cssProperty:!1,themeKey:"typography"}};const No=function(){function e(e,r,t,o){const n={[e]:r,theme:t},i=o[e];if(!i)return{[e]:r};const{cssProperty:a=e,themeKey:l,transform:s,style:c}=i;if(null==r)return null;if("typography"===l&&"inherit"===r)return{[e]:r};const d=Jt(t,l)||{};return c?c(n):Kt(n,r,r=>{let t=Qt(d,s,r);return r===t&&"string"==typeof r&&(t=Qt(d,s,`${e}${"default"===r?"":$t(r)}`,r)),!1===a?t:{[a]:t}})}return function r(t){var o;const{sx:n,theme:i={}}=t||{};if(!n)return null;const a=null!=(o=i.unstable_sxConfig)?o:Yo;function l(t){let o=t;if("function"==typeof t)o=t(i);else if("object"!=typeof t)return t;if(!o)return null;const n=Xt(i.breakpoints),l=Object.keys(n);let s=n;return Object.keys(o).forEach(t=>{const n="function"==typeof(l=o[t])?l(i):l;var l;if(null!=n)if("object"==typeof n)if(a[t])s=Wt(s,e(t,n,i,a));else{const e=Kt({theme:i},n,e=>({[t]:e}));!function(...e){const r=e.reduce((e,r)=>e.concat(Object.keys(r)),[]),t=new Set(r);return e.every(e=>t.size===Object.keys(e).length)}(e,n)?s=Wt(s,e):s[t]=r({sx:n,theme:i})}else s=Wt(s,e(t,n,i,a))}),Ht(l,s)}return Array.isArray(n)?n.map(l):l(n)}}();No.filterProps=["sx"];var zo=No;const Bo=["breakpoints","palette","spacing","shape"];function Lo(e={},...r){const{breakpoints:t={},palette:o={},spacing:n,shape:i={}}=e,a=zt(e,Bo),l=function(e){const{values:r={xs:0,sm:600,md:900,lg:1200,xl:1536},unit:t="px",step:o=5}=e,n=zt(e,Bt),i=(e=>{const r=Object.keys(e).map(r=>({key:r,val:e[r]}))||[];return r.sort((e,r)=>e.val-r.val),r.reduce((e,r)=>vr({},e,{[r.key]:r.val}),{})})(r),a=Object.keys(i);function l(e){return`@media (min-width:${"number"==typeof r[e]?r[e]:e}${t})`}function s(e){return`@media (max-width:${("number"==typeof r[e]?r[e]:e)-o/100}${t})`}function c(e,n){const i=a.indexOf(n);return`@media (min-width:${"number"==typeof r[e]?r[e]:e}${t}) and (max-width:${(-1!==i&&"number"==typeof r[a[i]]?r[a[i]]:n)-o/100}${t})`}return vr({keys:a,values:i,up:l,down:s,between:c,only:function(e){return a.indexOf(e)+1<a.length?c(e,a[a.indexOf(e)+1]):l(e)},not:function(e){const r=a.indexOf(e);return 0===r?l(a[1]):r===a.length-1?s(a[r]):c(e,a[a.indexOf(e)+1]).replace("@media","@media not all and")},unit:t},n)}(t),s=function(e=8){if(e.mui)return e;const r=so({spacing:e}),t=(...e)=>("production"!==process.env.NODE_ENV&&(e.length<=4||console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${e.length}`)),(0===e.length?[1]:e).map(e=>{const t=r(e);return"number"==typeof t?`${t}px`:t}).join(" "));return t.mui=!0,t}(n);let c=kr({breakpoints:l,direction:"ltr",components:{},palette:vr({mode:"light"},o),spacing:s,shape:vr({},Lt,i)},a);return c=r.reduce((e,r)=>kr(e,r),c),c.unstable_sxConfig=vr({},Yo,null==a?void 0:a.unstable_sxConfig),c.unstable_sx=function(e){return zo({sx:e,theme:this})},c}const _o=Lo(),Wo=["sx"];function qo(e){var r,t,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(r=0;r<e.length;r++)e[r]&&(t=qo(e[r]))&&(o&&(o+=" "),o+=t);else for(r in e)e[r]&&(o&&(o+=" "),o+=r);return o}function Uo(){for(var e,r,t=0,o="";t<arguments.length;)(e=arguments[t++])&&(r=qo(e))&&(o&&(o+=" "),o+=r);return o}const Ko=["variant"];function Xo(e){return 0===e.length}function Ho(e){const{variant:r}=e,t=zt(e,Ko);let o=r||"";return Object.keys(t).sort().forEach(r=>{o+="color"===r?Xo(o)?e[r]:$t(e[r]):`${Xo(o)?r:$t(r)}${$t(e[r].toString())}`}),o}const Go=["name","slot","skipVariantsResolver","skipSx","overridesResolver"];function Jo(e){return"ownerState"!==e&&"theme"!==e&&"sx"!==e&&"as"!==e}const Qo=Lo();function Zo({defaultTheme:e,theme:r,themeId:t}){return 0===Object.keys(r).length?e:r[t]||r}const en=function(e={}){const{themeId:r,defaultTheme:t=Qo,rootShouldForwardProp:o=Jo,slotShouldForwardProp:n=Jo}=e,i=e=>zo(vr({},e,{theme:Zo(vr({},e,{defaultTheme:t,themeId:r}))}));return i.__mui_systemSx=!0,(e,a={})=>{(e=>{Array.isArray(e.__emotion_styles)&&(e.__emotion_styles=e.__emotion_styles.filter(e=>!(null!=e&&e.__mui_systemSx)))})(e);const{name:l,slot:s,skipVariantsResolver:c,skipSx:d,overridesResolver:u}=a,p=zt(a,Go),m=void 0!==c?c:s&&"Root"!==s||!1,f=d||!1;let h;var g;"production"!==process.env.NODE_ENV&&l&&(h=`${l}-${g=s||"Root",g.charAt(0).toLowerCase()+g.slice(1)}`);let y=Jo;"Root"===s?y=o:s?y=n:function(e){return"string"==typeof e&&e.charCodeAt(0)>96}(e)&&(y=void 0);const b=function(e,r){const t=he(e,r);return"production"!==process.env.NODE_ENV?(...r)=>{const o="string"==typeof e?`"${e}"`:"component";return 0===r.length?console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`,'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join("\n")):r.some(e=>void 0===e)&&console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`),t(...r)}:t}(e,vr({shouldForwardProp:y,label:h},p)),x=(o,...n)=>{const a=n?n.map(e=>"function"==typeof e&&e.__emotion_real!==e?o=>e(vr({},o,{theme:Zo(vr({},o,{defaultTheme:t,themeId:r}))})):e):[];let c=o;l&&u&&a.push(e=>{const o=Zo(vr({},e,{defaultTheme:t,themeId:r})),n=((e,r)=>r.components&&r.components[e]&&r.components[e].styleOverrides?r.components[e].styleOverrides:null)(l,o);if(n){const r={};return Object.entries(n).forEach(([t,n])=>{r[t]="function"==typeof n?n(vr({},e,{theme:o})):n}),u(e,r)}return null}),l&&!m&&a.push(e=>{const o=Zo(vr({},e,{defaultTheme:t,themeId:r}));return((e,r,t,o)=>{var n,i;const{ownerState:a={}}=e,l=[],s=null==t||null==(n=t.components)||null==(i=n[o])?void 0:i.variants;return s&&s.forEach(t=>{let o=!0;Object.keys(t.props).forEach(r=>{a[r]!==t.props[r]&&e[r]!==t.props[r]&&(o=!1)}),o&&l.push(r[Ho(t.props)])}),l})(e,((e,r)=>{let t=[];r&&r.components&&r.components[e]&&r.components[e].variants&&(t=r.components[e].variants);const o={};return t.forEach(e=>{const r=Ho(e.props);o[r]=e.style}),o})(l,o),o,l)}),f||a.push(i);const d=a.length-n.length;if(Array.isArray(o)&&d>0){const e=new Array(d).fill("");c=[...o,...e],c.raw=[...o.ra