UNPKG

@wandelbots/wandelbots-js-react-components

Version:

React UI toolkit for building applications on top of the Wandelbots platform

59 lines (57 loc) • 500 kB
"use strict";var Fd=Object.create;var co=Object.defineProperty;var Nd=Object.getOwnPropertyDescriptor;var Dd=Object.getOwnPropertyNames;var zd=Object.getPrototypeOf,Gd=Object.prototype.hasOwnProperty;var Jd=(e,t,r)=>t in e?co(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var Hd=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Dd(t))!Gd.call(e,n)&&n!==r&&co(e,n,{get:()=>t[n],enumerable:!(a=Nd(t,n))||a.enumerable});return e};var uo=(e,t,r)=>(r=e!=null?Fd(zd(e)):{},Hd(t||!e||!e.__esModule?co(r,"default",{value:e,enumerable:!0}):r,e));var ia=(e,t,r)=>Jd(e,typeof t!="symbol"?t+"":t,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ae=require("react"),mt=require("@react-three/drei"),qd=require("@react-three/fiber"),ht=require("three"),Wd=require("three-stdlib"),q=require("@mui/material"),ke=require("mobx-react-lite"),Me=require("react-i18next"),Kd=require("i18next-browser-languagedetector"),Be=require("mobx"),S=require("prop-types"),Qd=require("@emotion/styled"),Yd=require("@emotion/react"),cs=require("lodash-es"),ir=require("@wandelbots/nova-js"),Uo=require("@react-spring/three"),Xd=require("react-error-boundary");function Ul(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const J=Ul(ae),Ie=Ul(ht);var za={exports:{}},la={};/** * @license React * react-jsx-runtime.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 Is;function Zd(){if(Is)return la;Is=1;var e=ae,t=Symbol.for("react.element"),r=Symbol.for("react.fragment"),a=Object.prototype.hasOwnProperty,n=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,o={key:!0,ref:!0,__self:!0,__source:!0};function s(i,l,c){var d,u={},p=null,f=null;c!==void 0&&(p=""+c),l.key!==void 0&&(p=""+l.key),l.ref!==void 0&&(f=l.ref);for(d in l)a.call(l,d)&&!o.hasOwnProperty(d)&&(u[d]=l[d]);if(i&&i.defaultProps)for(d in l=i.defaultProps,l)u[d]===void 0&&(u[d]=l[d]);return{$$typeof:t,type:i,key:p,ref:f,props:u,_owner:n.current}}return la.Fragment=r,la.jsx=s,la.jsxs=s,la}var ca={};/** * @license React * react-jsx-runtime.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 Ms;function eu(){return Ms||(Ms=1,process.env.NODE_ENV!=="production"&&function(){var e=ae,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),n=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),i=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),c=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),u=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.for("react.offscreen"),g=Symbol.iterator,h="@@iterator";function x(v){if(v===null||typeof v!="object")return null;var H=g&&v[g]||v[h];return typeof H=="function"?H:null}var E=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function U(v){{for(var H=arguments.length,Y=new Array(H>1?H-1:0),ne=1;ne<H;ne++)Y[ne-1]=arguments[ne];F("error",v,Y)}}function F(v,H,Y){{var ne=E.ReactDebugCurrentFrame,me=ne.getStackAddendum();me!==""&&(H+="%s",Y=Y.concat([me]));var be=Y.map(function(pe){return String(pe)});be.unshift("Warning: "+H),Function.prototype.apply.call(console[v],console,be)}}var N=!1,G=!1,K=!1,j=!1,L=!1,k;k=Symbol.for("react.module.reference");function y(v){return!!(typeof v=="string"||typeof v=="function"||v===a||v===o||L||v===n||v===c||v===d||j||v===f||N||G||K||typeof v=="object"&&v!==null&&(v.$$typeof===p||v.$$typeof===u||v.$$typeof===s||v.$$typeof===i||v.$$typeof===l||v.$$typeof===k||v.getModuleId!==void 0))}function M(v,H,Y){var ne=v.displayName;if(ne)return ne;var me=H.displayName||H.name||"";return me!==""?Y+"("+me+")":Y}function B(v){return v.displayName||"Context"}function z(v){if(v==null)return null;if(typeof v.tag=="number"&&U("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof v=="function")return v.displayName||v.name||null;if(typeof v=="string")return v;switch(v){case a:return"Fragment";case r:return"Portal";case o:return"Profiler";case n:return"StrictMode";case c:return"Suspense";case d:return"SuspenseList"}if(typeof v=="object")switch(v.$$typeof){case i:var H=v;return B(H)+".Consumer";case s:var Y=v;return B(Y._context)+".Provider";case l:return M(v,v.render,"ForwardRef");case u:var ne=v.displayName||null;return ne!==null?ne:z(v.type)||"Memo";case p:{var me=v,be=me._payload,pe=me._init;try{return z(pe(be))}catch{return null}}}return null}var D=Object.assign,re=0,Z,xe,X,ce,fe,le,He;function _t(){}_t.__reactDisabledLog=!0;function ra(){{if(re===0){Z=console.log,xe=console.info,X=console.warn,ce=console.error,fe=console.group,le=console.groupCollapsed,He=console.groupEnd;var v={configurable:!0,enumerable:!0,value:_t,writable:!0};Object.defineProperties(console,{info:v,log:v,warn:v,error:v,group:v,groupCollapsed:v,groupEnd:v})}re++}}function Sr(){{if(re--,re===0){var v={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:D({},v,{value:Z}),info:D({},v,{value:xe}),warn:D({},v,{value:X}),error:D({},v,{value:ce}),group:D({},v,{value:fe}),groupCollapsed:D({},v,{value:le}),groupEnd:D({},v,{value:He})})}re<0&&U("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var er=E.ReactCurrentDispatcher,Bt;function nt(v,H,Y){{if(Bt===void 0)try{throw Error()}catch(me){var ne=me.stack.trim().match(/\n( *(at )?)/);Bt=ne&&ne[1]||""}return` `+Bt+v}}var dt=!1,ot;{var At=typeof WeakMap=="function"?WeakMap:Map;ot=new At}function et(v,H){if(!v||dt)return"";{var Y=ot.get(v);if(Y!==void 0)return Y}var ne;dt=!0;var me=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var be;be=er.current,er.current=null,ra();try{if(H){var pe=function(){throw Error()};if(Object.defineProperty(pe.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(pe,[])}catch(Ye){ne=Ye}Reflect.construct(v,[],pe)}else{try{pe.call()}catch(Ye){ne=Ye}v.call(pe.prototype)}}else{try{throw Error()}catch(Ye){ne=Ye}v()}}catch(Ye){if(Ye&&ne&&typeof Ye.stack=="string"){for(var ue=Ye.stack.split(` `),qe=ne.stack.split(` `),Ee=ue.length-1,Le=qe.length-1;Ee>=1&&Le>=0&&ue[Ee]!==qe[Le];)Le--;for(;Ee>=1&&Le>=0;Ee--,Le--)if(ue[Ee]!==qe[Le]){if(Ee!==1||Le!==1)do if(Ee--,Le--,Le<0||ue[Ee]!==qe[Le]){var st=` `+ue[Ee].replace(" at new "," at ");return v.displayName&&st.includes("<anonymous>")&&(st=st.replace("<anonymous>",v.displayName)),typeof v=="function"&&ot.set(v,st),st}while(Ee>=1&&Le>=0);break}}}finally{dt=!1,er.current=be,Sr(),Error.prepareStackTrace=me}var Cr=v?v.displayName||v.name:"",ar=Cr?nt(Cr):"";return typeof v=="function"&&ot.set(v,ar),ar}function Ne(v,H,Y){return et(v,!1)}function Tt(v){var H=v.prototype;return!!(H&&H.isReactComponent)}function Ft(v,H,Y){if(v==null)return"";if(typeof v=="function")return et(v,Tt(v));if(typeof v=="string")return nt(v);switch(v){case c:return nt("Suspense");case d:return nt("SuspenseList")}if(typeof v=="object")switch(v.$$typeof){case l:return Ne(v.render);case u:return Ft(v.type,H,Y);case p:{var ne=v,me=ne._payload,be=ne._init;try{return Ft(be(me),H,Y)}catch{}}}return""}var yt=Object.prototype.hasOwnProperty,Fe={},Nt=E.ReactDebugCurrentFrame;function Et(v){if(v){var H=v._owner,Y=Ft(v.type,v._source,H?H.type:null);Nt.setExtraStackFrame(Y)}else Nt.setExtraStackFrame(null)}function vr(v,H,Y,ne,me){{var be=Function.call.bind(yt);for(var pe in v)if(be(v,pe)){var ue=void 0;try{if(typeof v[pe]!="function"){var qe=Error((ne||"React class")+": "+Y+" type `"+pe+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof v[pe]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw qe.name="Invariant Violation",qe}ue=v[pe](H,pe,ne,Y,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(Ee){ue=Ee}ue&&!(ue instanceof Error)&&(Et(me),U("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",ne||"React class",Y,pe,typeof ue),Et(null)),ue instanceof Error&&!(ue.message in Fe)&&(Fe[ue.message]=!0,Et(me),U("Failed %s type: %s",Y,ue.message),Et(null))}}}var xr=Array.isArray;function Dt(v){return xr(v)}function zt(v){{var H=typeof Symbol=="function"&&Symbol.toStringTag,Y=H&&v[Symbol.toStringTag]||v.constructor.name||"Object";return Y}}function Or(v){try{return W(v),!1}catch{return!0}}function W(v){return""+v}function Q(v){if(Or(v))return U("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",zt(v)),W(v)}var ee=E.ReactCurrentOwner,de={key:!0,ref:!0,__self:!0,__source:!0},he,te;function $e(v){if(yt.call(v,"ref")){var H=Object.getOwnPropertyDescriptor(v,"ref").get;if(H&&H.isReactWarning)return!1}return v.ref!==void 0}function De(v){if(yt.call(v,"key")){var H=Object.getOwnPropertyDescriptor(v,"key").get;if(H&&H.isReactWarning)return!1}return v.key!==void 0}function Te(v,H){typeof v.ref=="string"&&ee.current}function Qe(v,H){{var Y=function(){he||(he=!0,U("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",H))};Y.isReactWarning=!0,Object.defineProperty(v,"key",{get:Y,configurable:!0})}}function tr(v,H){{var Y=function(){te||(te=!0,U("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",H))};Y.isReactWarning=!0,Object.defineProperty(v,"ref",{get:Y,configurable:!0})}}var io=function(v,H,Y,ne,me,be,pe){var ue={$$typeof:t,type:v,key:H,ref:Y,props:pe,_owner:be};return ue._store={},Object.defineProperty(ue._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(ue,"_self",{configurable:!1,enumerable:!1,writable:!1,value:ne}),Object.defineProperty(ue,"_source",{configurable:!1,enumerable:!1,writable:!1,value:me}),Object.freeze&&(Object.freeze(ue.props),Object.freeze(ue)),ue};function aa(v,H,Y,ne,me){{var be,pe={},ue=null,qe=null;Y!==void 0&&(Q(Y),ue=""+Y),De(H)&&(Q(H.key),ue=""+H.key),$e(H)&&(qe=H.ref,Te(H,me));for(be in H)yt.call(H,be)&&!de.hasOwnProperty(be)&&(pe[be]=H[be]);if(v&&v.defaultProps){var Ee=v.defaultProps;for(be in Ee)pe[be]===void 0&&(pe[be]=Ee[be])}if(ue||qe){var Le=typeof v=="function"?v.displayName||v.name||"Unknown":v;ue&&Qe(pe,Le),qe&&tr(pe,Le)}return io(v,ue,qe,me,ne,ee.current,pe)}}var na=E.ReactCurrentOwner,wr=E.ReactDebugCurrentFrame;function bt(v){if(v){var H=v._owner,Y=Ft(v.type,v._source,H?H.type:null);wr.setExtraStackFrame(Y)}else wr.setExtraStackFrame(null)}var oa;oa=!1;function Ve(v){return typeof v=="object"&&v!==null&&v.$$typeof===t}function Ue(){{if(na.current){var v=z(na.current.type);if(v)return` Check the render method of \``+v+"`."}return""}}function sa(v){return""}var rr={};function ut(v){{var H=Ue();if(!H){var Y=typeof v=="string"?v:v.displayName||v.name;Y&&(H=` Check the top-level render call using <`+Y+">.")}return H}}function _s(v,H){{if(!v._store||v._store.validated||v.key!=null)return;v._store.validated=!0;var Y=ut(H);if(rr[Y])return;rr[Y]=!0;var ne="";v&&v._owner&&v._owner!==na.current&&(ne=" It was passed a child from "+z(v._owner.type)+"."),bt(v),U('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',Y,ne),bt(null)}}function As(v,H){{if(typeof v!="object")return;if(Dt(v))for(var Y=0;Y<v.length;Y++){var ne=v[Y];Ve(ne)&&_s(ne,H)}else if(Ve(v))v._store&&(v._store.validated=!0);else if(v){var me=x(v);if(typeof me=="function"&&me!==v.entries)for(var be=me.call(v),pe;!(pe=be.next()).done;)Ve(pe.value)&&_s(pe.value,H)}}}function Id(v){{var H=v.type;if(H==null||typeof H=="string")return;var Y;if(typeof H=="function")Y=H.propTypes;else if(typeof H=="object"&&(H.$$typeof===l||H.$$typeof===u))Y=H.propTypes;else return;if(Y){var ne=z(H);vr(Y,v.props,"prop",ne,v)}else if(H.PropTypes!==void 0&&!oa){oa=!0;var me=z(H);U("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",me||"Unknown")}typeof H.getDefaultProps=="function"&&!H.getDefaultProps.isReactClassApproved&&U("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Md(v){{for(var H=Object.keys(v.props),Y=0;Y<H.length;Y++){var ne=H[Y];if(ne!=="children"&&ne!=="key"){bt(v),U("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",ne),bt(null);break}}v.ref!==null&&(bt(v),U("Invalid attribute `ref` supplied to `React.Fragment`."),bt(null))}}var Ts={};function Es(v,H,Y,ne,me,be){{var pe=y(v);if(!pe){var ue="";(v===void 0||typeof v=="object"&&v!==null&&Object.keys(v).length===0)&&(ue+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var qe=sa();qe?ue+=qe:ue+=Ue();var Ee;v===null?Ee="null":Dt(v)?Ee="array":v!==void 0&&v.$$typeof===t?(Ee="<"+(z(v.type)||"Unknown")+" />",ue=" Did you accidentally export a JSX literal instead of a component?"):Ee=typeof v,U("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",Ee,ue)}var Le=aa(v,H,Y,me,be);if(Le==null)return Le;if(pe){var st=H.children;if(st!==void 0)if(ne)if(Dt(st)){for(var Cr=0;Cr<st.length;Cr++)As(st[Cr],v);Object.freeze&&Object.freeze(st)}else U("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else As(st,v)}if(yt.call(H,"key")){var ar=z(v),Ye=Object.keys(H).filter(function(Bd){return Bd!=="key"}),lo=Ye.length>0?"{key: someKey, "+Ye.join(": ..., ")+": ...}":"{key: someKey}";if(!Ts[ar+lo]){var kd=Ye.length>0?"{"+Ye.join(": ..., ")+": ...}":"{}";U(`A props object containing a "key" prop is being spread into JSX: let props = %s; <%s {...props} /> React keys must be passed directly to JSX without using spread: let props = %s; <%s key={someKey} {...props} />`,lo,ar,kd,ar),Ts[ar+lo]=!0}}return v===a?Md(Le):Id(Le),Le}}function jd(v,H,Y){return Es(v,H,Y,!0)}function $d(v,H,Y){return Es(v,H,Y,!1)}var Ud=$d,Ld=jd;ca.Fragment=a,ca.jsx=Ud,ca.jsxs=Ld}()),ca}var js;function tu(){return js||(js=1,process.env.NODE_ENV==="production"?za.exports=Zd():za.exports=eu()),za.exports}var b=tu();function ru(){return b.jsx(mt.Environment,{children:b.jsx(au,{})})}function au({positions:e=[2,0,2,0,2,0,2,0]}){return b.jsxs(b.Fragment,{children:[b.jsx(mt.Lightformer,{intensity:5,"rotation-x":Math.PI/2,position:[0,5,-9],scale:[10,10,1]}),b.jsx("group",{rotation:[0,.5,0],children:b.jsx("group",{children:e.map((t,r)=>b.jsx(mt.Lightformer,{form:"circle",intensity:5,rotation:[Math.PI/2,0,0],position:[t,4,r*4],scale:[3,1,1]},r))})}),b.jsx(mt.Lightformer,{intensity:40,"rotation-y":Math.PI/2,position:[-5,1,-1],scale:[20,.1,1]}),b.jsx(mt.Lightformer,{intensity:20,"rotation-y":-Math.PI,position:[-5,-2,-1],scale:[20,.1,1]}),b.jsx(mt.Lightformer,{"rotation-y":Math.PI/2,position:[-5,-1,-1],scale:[20,.5,1],intensity:5}),b.jsx(mt.Lightformer,{"rotation-y":-Math.PI/2,position:[10,1,0],scale:[20,1,1],intensity:10}),b.jsx(mt.Lightformer,{form:"ring",color:"white",intensity:5,scale:10,position:[-15,4,-18],target:[0,0,0]})]})}function nu(e){if(e.length<3)return console.log("Not enough vertices to define a plane"),{isCoplanar:!1};const t=new Ie.Vector3(e[0].x,e[0].y,e[0].z),r=new Ie.Vector3(e[1].x,e[1].y,e[1].z),a=new Ie.Vector3(e[2].x,e[2].y,e[2].z),n=new Ie.Vector3().subVectors(r,t),o=new Ie.Vector3().subVectors(a,t),s=new Ie.Vector3().crossVectors(n,o).normalize();for(let i=3;i<e.length;i++){const l=new Ie.Vector3(e[i].x,e[i].y,e[i].z),c=new Ie.Vector3().subVectors(l,t),d=s.dot(c);if(Math.abs(d)>1e-6)return console.log("Vertices are not on the same plane"),{isCoplanar:!1}}return{isCoplanar:!0,normal:s}}function ou({safetyZones:e,...t}){return b.jsx("group",{...t,children:e.map((r,a)=>{let n=[];return r.geometry&&(r.geometry.compound?n=r.geometry.compound.child_geometries:r.geometry.convex_hull&&(n=[r.geometry])),n.map((o,s)=>{if(!o.convex_hull)return null;const i=o.convex_hull.vertices.map(d=>new Ie.Vector3(d.x/1e3,d.y/1e3,d.z/1e3)),l=nu(i);if(l.isCoplanar&&l.normal){const u=new Ie.Vector3().addVectors(i[0],l.normal.multiplyScalar(1e-4));i.push(u)}let c;try{c=new Wd.ConvexGeometry(i)}catch(d){return console.log("Error creating ConvexGeometry:",d),null}return b.jsx("mesh",{geometry:c,children:b.jsx("meshStandardMaterial",{attach:"material",color:"#009f4d",opacity:.2,depthTest:!1,depthWrite:!1,transparent:!0,polygonOffset:!0,polygonOffsetFactor:-s},a)},`${a}-${s}`)})})})}function su({trajectory:e,...t}){var a;const r=((a=e.trajectory)==null?void 0:a.map(n=>n.tcp_pose?new Ie.Vector3(n.tcp_pose.position.x/1e3,n.tcp_pose.position.z/1e3,-n.tcp_pose.position.y/1e3):null).filter(n=>n!==null))||[];return b.jsx("group",{...t,children:r.length>0&&b.jsx(mt.Line,{points:r,lineWidth:3,polygonOffset:!0,polygonOffsetFactor:10,polygonOffsetUnits:10})})}function Qt(e,...t){const r=new URL(`https://mui.com/production-error/?code=${e}`);return t.forEach(a=>r.searchParams.append("args[]",a)),`Minified MUI error #${e}; visit ${r} for the full message.`}function iu(e){for(var t=0,r,a=0,n=e.length;n>=4;++a,n-=4)r=e.charCodeAt(a)&255|(e.charCodeAt(++a)&255)<<8|(e.charCodeAt(++a)&255)<<16|(e.charCodeAt(++a)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(n){case 3:t^=(e.charCodeAt(a+2)&255)<<16;case 2:t^=(e.charCodeAt(a+1)&255)<<8;case 1:t^=e.charCodeAt(a)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var lu={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function cu(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var du=/[A-Z]|^ms/g,uu=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Ll=function(t){return t.charCodeAt(1)===45},$s=function(t){return t!=null&&typeof t!="boolean"},po=cu(function(e){return Ll(e)?e:e.replace(du,"-$&").toLowerCase()}),Us=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(uu,function(a,n,o){return Wt={name:n,styles:o,next:Wt},n})}return lu[t]!==1&&!Ll(t)&&typeof r=="number"&&r!==0?r+"px":r};function gn(e,t,r){if(r==null)return"";var a=r;if(a.__emotion_styles!==void 0)return a;switch(typeof r){case"boolean":return"";case"object":{var n=r;if(n.anim===1)return Wt={name:n.name,styles:n.styles,next:Wt},n.name;var o=r;if(o.styles!==void 0){var s=o.next;if(s!==void 0)for(;s!==void 0;)Wt={name:s.name,styles:s.styles,next:Wt},s=s.next;var i=o.styles+";";return i}return pu(e,t,r)}}var l=r;return l}function pu(e,t,r){var a="";if(Array.isArray(r))for(var n=0;n<r.length;n++)a+=gn(e,t,r[n])+";";else for(var o in r){var s=r[o];if(typeof s!="object"){var i=s;$s(i)&&(a+=po(o)+":"+Us(o,i)+";")}else if(Array.isArray(s)&&typeof s[0]=="string"&&t==null)for(var l=0;l<s.length;l++)$s(s[l])&&(a+=po(o)+":"+Us(o,s[l])+";");else{var c=gn(e,t,s);switch(o){case"animation":case"animationName":{a+=po(o)+":"+c+";";break}default:a+=o+"{"+c+"}"}}}return a}var Ls=/label:\s*([^\s;{]+)\s*(;|$)/g,Wt;function hu(e,t,r){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var a=!0,n="";Wt=void 0;var o=e[0];if(o==null||o.raw===void 0)a=!1,n+=gn(r,t,o);else{var s=o;n+=s[0]}for(var i=1;i<e.length;i++)if(n+=gn(r,t,e[i]),a){var l=o;n+=l[i]}Ls.lastIndex=0;for(var c="",d;(d=Ls.exec(n))!==null;)c+="-"+d[1];var u=iu(n)+c;return{name:u,styles:n,next:Wt}}/** * @mui/styled-engine v6.4.6 * * @license MIT * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */function mu(e,t){const r=Qd(e,t);return process.env.NODE_ENV!=="production"?(...a)=>{const n=typeof e=="string"?`"${e}"`:"component";return a.length===0?console.error([`MUI: Seems like you called \`styled(${n})()\` without a \`style\` argument.`,'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(` `)):a.some(o=>o===void 0)&&console.error(`MUI: the styled(${n})(...args) API requires all its args to be defined.`),r(...a)}:r}function fu(e,t){Array.isArray(e.__emotion_styles)&&(e.__emotion_styles=t(e.__emotion_styles))}const ks=[];function Bs(e){return ks[0]=e,hu(ks)}var Ga={exports:{}},ge={};/** * @license React * react-is.production.js * * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */var Fs;function gu(){if(Fs)return ge;Fs=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),n=Symbol.for("react.profiler"),o=Symbol.for("react.consumer"),s=Symbol.for("react.context"),i=Symbol.for("react.forward_ref"),l=Symbol.for("react.suspense"),c=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),u=Symbol.for("react.lazy"),p=Symbol.for("react.offscreen"),f=Symbol.for("react.client.reference");function g(h){if(typeof h=="object"&&h!==null){var x=h.$$typeof;switch(x){case e:switch(h=h.type,h){case r:case n:case a:case l:case c:return h;default:switch(h=h&&h.$$typeof,h){case s:case i:case u:case d:return h;case o:return h;default:return x}}case t:return x}}}return ge.ContextConsumer=o,ge.ContextProvider=s,ge.Element=e,ge.ForwardRef=i,ge.Fragment=r,ge.Lazy=u,ge.Memo=d,ge.Portal=t,ge.Profiler=n,ge.StrictMode=a,ge.Suspense=l,ge.SuspenseList=c,ge.isContextConsumer=function(h){return g(h)===o},ge.isContextProvider=function(h){return g(h)===s},ge.isElement=function(h){return typeof h=="object"&&h!==null&&h.$$typeof===e},ge.isForwardRef=function(h){return g(h)===i},ge.isFragment=function(h){return g(h)===r},ge.isLazy=function(h){return g(h)===u},ge.isMemo=function(h){return g(h)===d},ge.isPortal=function(h){return g(h)===t},ge.isProfiler=function(h){return g(h)===n},ge.isStrictMode=function(h){return g(h)===a},ge.isSuspense=function(h){return g(h)===l},ge.isSuspenseList=function(h){return g(h)===c},ge.isValidElementType=function(h){return typeof h=="string"||typeof h=="function"||h===r||h===n||h===a||h===l||h===c||h===p||typeof h=="object"&&h!==null&&(h.$$typeof===u||h.$$typeof===d||h.$$typeof===s||h.$$typeof===o||h.$$typeof===i||h.$$typeof===f||h.getModuleId!==void 0)},ge.typeOf=g,ge}var ye={};/** * @license React * react-is.development.js * * Copyright (c) Meta Platforms, Inc. and affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */var Ns;function yu(){return Ns||(Ns=1,process.env.NODE_ENV!=="production"&&function(){function e(h){if(typeof h=="object"&&h!==null){var x=h.$$typeof;switch(x){case t:switch(h=h.type,h){case a:case o:case n:case c:case d:return h;default:switch(h=h&&h.$$typeof,h){case i:case l:case p:case u:return h;case s:return h;default:return x}}case r:return x}}}var t=Symbol.for("react.transitional.element"),r=Symbol.for("react.portal"),a=Symbol.for("react.fragment"),n=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),s=Symbol.for("react.consumer"),i=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),c=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),u=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),f=Symbol.for("react.offscreen"),g=Symbol.for("react.client.reference");ye.ContextConsumer=s,ye.ContextProvider=i,ye.Element=t,ye.ForwardRef=l,ye.Fragment=a,ye.Lazy=p,ye.Memo=u,ye.Portal=r,ye.Profiler=o,ye.StrictMode=n,ye.Suspense=c,ye.SuspenseList=d,ye.isContextConsumer=function(h){return e(h)===s},ye.isContextProvider=function(h){return e(h)===i},ye.isElement=function(h){return typeof h=="object"&&h!==null&&h.$$typeof===t},ye.isForwardRef=function(h){return e(h)===l},ye.isFragment=function(h){return e(h)===a},ye.isLazy=function(h){return e(h)===p},ye.isMemo=function(h){return e(h)===u},ye.isPortal=function(h){return e(h)===r},ye.isProfiler=function(h){return e(h)===o},ye.isStrictMode=function(h){return e(h)===n},ye.isSuspense=function(h){return e(h)===c},ye.isSuspenseList=function(h){return e(h)===d},ye.isValidElementType=function(h){return typeof h=="string"||typeof h=="function"||h===a||h===o||h===n||h===c||h===d||h===f||typeof h=="object"&&h!==null&&(h.$$typeof===p||h.$$typeof===u||h.$$typeof===i||h.$$typeof===s||h.$$typeof===l||h.$$typeof===g||h.getModuleId!==void 0)},ye.typeOf=e}()),ye}var Ds;function bu(){return Ds||(Ds=1,process.env.NODE_ENV==="production"?Ga.exports=gu():Ga.exports=yu()),Ga.exports}var yn=bu();function Ot(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 kl(e){if(J.isValidElement(e)||yn.isValidElementType(e)||!Ot(e))return e;const t={};return Object.keys(e).forEach(r=>{t[r]=kl(e[r])}),t}function Ke(e,t,r={clone:!0}){const a=r.clone?{...e}:e;return Ot(e)&&Ot(t)&&Object.keys(t).forEach(n=>{J.isValidElement(t[n])||yn.isValidElementType(t[n])?a[n]=t[n]:Ot(t[n])&&Object.prototype.hasOwnProperty.call(e,n)&&Ot(e[n])?a[n]=Ke(e[n],t[n],r):r.clone?a[n]=Ot(t[n])?kl(t[n]):t[n]:a[n]=t[n]}),a}const Su=e=>{const t=Object.keys(e).map(r=>({key:r,val:e[r]}))||[];return t.sort((r,a)=>r.val-a.val),t.reduce((r,a)=>({...r,[a.key]:a.val}),{})};function vu(e){const{values:t={xs:0,sm:600,md:900,lg:1200,xl:1536},unit:r="px",step:a=5,...n}=e,o=Su(t),s=Object.keys(o);function i(p){return`@media (min-width:${typeof t[p]=="number"?t[p]:p}${r})`}function l(p){return`@media (max-width:${(typeof t[p]=="number"?t[p]:p)-a/100}${r})`}function c(p,f){const g=s.indexOf(f);return`@media (min-width:${typeof t[p]=="number"?t[p]:p}${r}) and (max-width:${(g!==-1&&typeof t[s[g]]=="number"?t[s[g]]:f)-a/100}${r})`}function d(p){return s.indexOf(p)+1<s.length?c(p,s[s.indexOf(p)+1]):i(p)}function u(p){const f=s.indexOf(p);return f===0?i(s[1]):f===s.length-1?l(s[f]):c(p,s[s.indexOf(p)+1]).replace("@media","@media not all and")}return{keys:s,values:o,up:i,down:l,between:c,only:d,not:u,unit:r,...n}}function xu(e,t){if(!e.containerQueries)return t;const r=Object.keys(t).filter(a=>a.startsWith("@container")).sort((a,n)=>{var s,i;const o=/min-width:\s*([0-9.]+)/;return+(((s=a.match(o))==null?void 0:s[1])||0)-+(((i=n.match(o))==null?void 0:i[1])||0)});return r.length?r.reduce((a,n)=>{const o=t[n];return delete a[n],a[n]=o,a},{...t}):t}function Ou(e,t){return t==="@"||t.startsWith("@")&&(e.some(r=>t.startsWith(`@${r}`))||!!t.match(/^@\d/))}function wu(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\`.`:Qt(18,`(${t})`));return null}const[,a,n]=r,o=Number.isNaN(+a)?a||0:+a;return e.containerQueries(n).up(o)}function Cu(e){const t=(o,s)=>o.replace("@media",s?`@container ${s}`:"@container");function r(o,s){o.up=(...i)=>t(e.breakpoints.up(...i),s),o.down=(...i)=>t(e.breakpoints.down(...i),s),o.between=(...i)=>t(e.breakpoints.between(...i),s),o.only=(...i)=>t(e.breakpoints.only(...i),s),o.not=(...i)=>{const l=t(e.breakpoints.not(...i),s);return l.includes("not all and")?l.replace("not all and ","").replace("min-width:","width<").replace("max-width:","width>").replace("and","or"):l}}const a={},n=o=>(r(a,o),a);return r(n),{...e,containerQueries:n}}const Pu={borderRadius:4},Zt=process.env.NODE_ENV!=="production"?S.oneOfType([S.number,S.string,S.object,S.array]):{};function wa(e,t){return t?Ke(e,t,{clone:!1}):e}const En={xs:0,sm:600,md:900,lg:1200,xl:1536},zs={keys:["xs","sm","md","lg","xl"],up:e=>`@media (min-width:${En[e]}px)`},Vu={containerQueries:e=>({up:t=>{let r=typeof t=="number"?t:En[t]||t;return typeof r=="number"&&(r=`${r}px`),e?`@container ${e} (min-width:${r})`:`@container (min-width:${r})`}})};function ft(e,t,r){const a=e.theme||{};if(Array.isArray(t)){const o=a.breakpoints||zs;return t.reduce((s,i,l)=>(s[o.up(o.keys[l])]=r(t[l]),s),{})}if(typeof t=="object"){const o=a.breakpoints||zs;return Object.keys(t).reduce((s,i)=>{if(Ou(o.keys,i)){const l=wu(a.containerQueries?a:Vu,i);l&&(s[l]=r(t[i],i))}else if(Object.keys(o.values||En).includes(i)){const l=o.up(i);s[l]=r(t[i],i)}else{const l=i;s[l]=t[l]}return s},{})}return r(t)}function Bl(e={}){var r;return((r=e.keys)==null?void 0:r.reduce((a,n)=>{const o=e.up(n);return a[o]={},a},{}))||{}}function Fl(e,t){return e.reduce((r,a)=>{const n=r[a];return(!n||Object.keys(n).length===0)&&delete r[a],r},t)}function Ru(e,...t){const r=Bl(e),a=[r,...t].reduce((n,o)=>Ke(n,o),{});return Fl(Object.keys(r),a)}function _u(e,t){if(typeof e!="object")return{};const r={},a=Object.keys(t);return Array.isArray(e)?a.forEach((n,o)=>{o<e.length&&(r[n]=!0)}):a.forEach(n=>{e[n]!=null&&(r[n]=!0)}),r}function ho({values:e,breakpoints:t,base:r}){const a=r||_u(e,t),n=Object.keys(a);if(n.length===0)return e;let o;return n.reduce((s,i,l)=>(Array.isArray(e)?(s[i]=e[l]!=null?e[l]:e[o],o=l):typeof e=="object"?(s[i]=e[i]!=null?e[i]:e[o],o=i):s[i]=e,s),{})}function We(e){if(typeof e!="string")throw new Error(process.env.NODE_ENV!=="production"?"MUI: `capitalize(string)` expects a string argument.":Qt(7));return e.charAt(0).toUpperCase()+e.slice(1)}function In(e,t,r=!0){if(!t||typeof t!="string")return null;if(e&&e.vars&&r){const a=`vars.${t}`.split(".").reduce((n,o)=>n&&n[o]?n[o]:null,e);if(a!=null)return a}return t.split(".").reduce((a,n)=>a&&a[n]!=null?a[n]:null,e)}function bn(e,t,r,a=r){let n;return typeof e=="function"?n=e(r):Array.isArray(e)?n=e[r]||a:n=In(e,r)||a,t&&(n=t(n,a,e)),n}function je(e){const{prop:t,cssProperty:r=e.prop,themeKey:a,transform:n}=e,o=s=>{if(s[t]==null)return null;const i=s[t],l=s.theme,c=In(l,a)||{};return ft(s,i,u=>{let p=bn(c,n,u);return u===p&&typeof u=="string"&&(p=bn(c,n,`${t}${u==="default"?"":We(u)}`,u)),r===!1?p:{[r]:p}})};return o.propTypes=process.env.NODE_ENV!=="production"?{[t]:Zt}:{},o.filterProps=[t],o}function Au(e){const t={};return r=>(t[r]===void 0&&(t[r]=e(r)),t[r])}const Tu={m:"margin",p:"padding"},Eu={t:"Top",r:"Right",b:"Bottom",l:"Left",x:["Left","Right"],y:["Top","Bottom"]},Gs={marginX:"mx",marginY:"my",paddingX:"px",paddingY:"py"},Iu=Au(e=>{if(e.length>2)if(Gs[e])e=Gs[e];else return[e];const[t,r]=e.split(""),a=Tu[t],n=Eu[r]||"";return Array.isArray(n)?n.map(o=>a+o):[a+n]}),Mn=["m","mt","mr","mb","ml","mx","my","margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","marginInline","marginInlineStart","marginInlineEnd","marginBlock","marginBlockStart","marginBlockEnd"],jn=["p","pt","pr","pb","pl","px","py","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","paddingX","paddingY","paddingInline","paddingInlineStart","paddingInlineEnd","paddingBlock","paddingBlockStart","paddingBlockEnd"],Mu=[...Mn,...jn];function La(e,t,r,a){const n=In(e,t,!0)??r;return typeof n=="number"||typeof n=="string"?o=>typeof o=="string"?o:(process.env.NODE_ENV!=="production"&&typeof o!="number"&&console.error(`MUI: Expected ${a} argument to be a number or a string, got ${o}.`),typeof n=="string"?`calc(${o} * ${n})`:n*o):Array.isArray(n)?o=>{if(typeof o=="string")return o;const s=Math.abs(o);process.env.NODE_ENV!=="production"&&(Number.isInteger(s)?s>n.length-1&&console.error([`MUI: The value provided (${s}) overflows.`,`The supported values are: ${JSON.stringify(n)}.`,`${s} > ${n.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 i=n[s];return o>=0?i:typeof i=="number"?-i:`-${i}`}:typeof n=="function"?n:(process.env.NODE_ENV!=="production"&&console.error([`MUI: The \`theme.${t}\` value (${n}) is invalid.`,"It should be a number, an array or a function."].join(` `)),()=>{})}function $n(e){return La(e,"spacing",8,"spacing")}function cr(e,t){return typeof t=="string"||t==null?t:e(t)}function ju(e,t){return r=>e.reduce((a,n)=>(a[n]=cr(t,r),a),{})}function $u(e,t,r,a){if(!t.includes(r))return null;const n=Iu(r),o=ju(n,a),s=e[r];return ft(e,s,o)}function Nl(e,t){const r=$n(e.theme);return Object.keys(e).map(a=>$u(e,t,a,r)).reduce(wa,{})}function _e(e){return Nl(e,Mn)}_e.propTypes=process.env.NODE_ENV!=="production"?Mn.reduce((e,t)=>(e[t]=Zt,e),{}):{};_e.filterProps=Mn;function Ae(e){return Nl(e,jn)}Ae.propTypes=process.env.NODE_ENV!=="production"?jn.reduce((e,t)=>(e[t]=Zt,e),{}):{};Ae.filterProps=jn;process.env.NODE_ENV!=="production"&&Mu.reduce((e,t)=>(e[t]=Zt,e),{});function Dl(e=8,t=$n({spacing:e})){if(e.mui)return e;const r=(...a)=>(process.env.NODE_ENV!=="production"&&(a.length<=4||console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${a.length}`)),(a.length===0?[1]:a).map(o=>{const s=t(o);return typeof s=="number"?`${s}px`:s}).join(" "));return r.mui=!0,r}function Un(...e){const t=e.reduce((a,n)=>(n.filterProps.forEach(o=>{a[o]=n}),a),{}),r=a=>Object.keys(a).reduce((n,o)=>t[o]?wa(n,t[o](a)):n,{});return r.propTypes=process.env.NODE_ENV!=="production"?e.reduce((a,n)=>Object.assign(a,n.propTypes),{}):{},r.filterProps=e.reduce((a,n)=>a.concat(n.filterProps),[]),r}function it(e){return typeof e!="number"?e:`${e}px solid`}function ct(e,t){return je({prop:e,themeKey:"borders",transform:t})}const Uu=ct("border",it),Lu=ct("borderTop",it),ku=ct("borderRight",it),Bu=ct("borderBottom",it),Fu=ct("borderLeft",it),Nu=ct("borderColor"),Du=ct("borderTopColor"),zu=ct("borderRightColor"),Gu=ct("borderBottomColor"),Ju=ct("borderLeftColor"),Hu=ct("outline",it),qu=ct("outlineColor"),Ln=e=>{if(e.borderRadius!==void 0&&e.borderRadius!==null){const t=La(e.theme,"shape.borderRadius",4,"borderRadius"),r=a=>({borderRadius:cr(t,a)});return ft(e,e.borderRadius,r)}return null};Ln.propTypes=process.env.NODE_ENV!=="production"?{borderRadius:Zt}:{};Ln.filterProps=["borderRadius"];Un(Uu,Lu,ku,Bu,Fu,Nu,Du,zu,Gu,Ju,Ln,Hu,qu);const kn=e=>{if(e.gap!==void 0&&e.gap!==null){const t=La(e.theme,"spacing",8,"gap"),r=a=>({gap:cr(t,a)});return ft(e,e.gap,r)}return null};kn.propTypes=process.env.NODE_ENV!=="production"?{gap:Zt}:{};kn.filterProps=["gap"];const Bn=e=>{if(e.columnGap!==void 0&&e.columnGap!==null){const t=La(e.theme,"spacing",8,"columnGap"),r=a=>({columnGap:cr(t,a)});return ft(e,e.columnGap,r)}return null};Bn.propTypes=process.env.NODE_ENV!=="production"?{columnGap:Zt}:{};Bn.filterProps=["columnGap"];const Fn=e=>{if(e.rowGap!==void 0&&e.rowGap!==null){const t=La(e.theme,"spacing",8,"rowGap"),r=a=>({rowGap:cr(t,a)});return ft(e,e.rowGap,r)}return null};Fn.propTypes=process.env.NODE_ENV!=="production"?{rowGap:Zt}:{};Fn.filterProps=["rowGap"];const Wu=je({prop:"gridColumn"}),Ku=je({prop:"gridRow"}),Qu=je({prop:"gridAutoFlow"}),Yu=je({prop:"gridAutoColumns"}),Xu=je({prop:"gridAutoRows"}),Zu=je({prop:"gridTemplateColumns"}),ep=je({prop:"gridTemplateRows"}),tp=je({prop:"gridTemplateAreas"}),rp=je({prop:"gridArea"});Un(kn,Bn,Fn,Wu,Ku,Qu,Yu,Xu,Zu,ep,tp,rp);function Nr(e,t){return t==="grey"?t:e}const ap=je({prop:"color",themeKey:"palette",transform:Nr}),np=je({prop:"bgcolor",cssProperty:"backgroundColor",themeKey:"palette",transform:Nr}),op=je({prop:"backgroundColor",themeKey:"palette",transform:Nr});Un(ap,np,op);function rt(e){return e<=1&&e!==0?`${e*100}%`:e}const sp=je({prop:"width",transform:rt}),ds=e=>{if(e.maxWidth!==void 0&&e.maxWidth!==null){const t=r=>{var n,o,s,i,l;const a=((s=(o=(n=e.theme)==null?void 0:n.breakpoints)==null?void 0:o.values)==null?void 0:s[r])||En[r];return a?((l=(i=e.theme)==null?void 0:i.breakpoints)==null?void 0:l.unit)!=="px"?{maxWidth:`${a}${e.theme.breakpoints.unit}`}:{maxWidth:a}:{maxWidth:rt(r)}};return ft(e,e.maxWidth,t)}return null};ds.filterProps=["maxWidth"];const ip=je({prop:"minWidth",transform:rt}),lp=je({prop:"height",transform:rt}),cp=je({prop:"maxHeight",transform:rt}),dp=je({prop:"minHeight",transform:rt});je({prop:"size",cssProperty:"width",transform:rt});je({prop:"size",cssProperty:"height",transform:rt});const up=je({prop:"boxSizing"});Un(sp,ds,ip,lp,cp,dp,up);const ka={border:{themeKey:"borders",transform:it},borderTop:{themeKey:"borders",transform:it},borderRight:{themeKey:"borders",transform:it},borderBottom:{themeKey:"borders",transform:it},borderLeft:{themeKey:"borders",transform:it},borderColor:{themeKey:"palette"},borderTopColor:{themeKey:"palette"},borderRightColor:{themeKey:"palette"},borderBottomColor:{themeKey:"palette"},borderLeftColor:{themeKey:"palette"},outline:{themeKey:"borders",transform:it},outlineColor:{themeKey:"palette"},borderRadius:{themeKey:"shape.borderRadius",style:Ln},color:{themeKey:"palette",transform:Nr},bgcolor:{themeKey:"palette",cssProperty:"backgroundColor",transform:Nr},backgroundColor:{themeKey:"palette",transform:Nr},p:{style:Ae},pt:{style:Ae},pr:{style:Ae},pb:{style:Ae},pl:{style:Ae},px:{style:Ae},py:{style:Ae},padding:{style:Ae},paddingTop:{style:Ae},paddingRight:{style:Ae},paddingBottom:{style:Ae},paddingLeft:{style:Ae},paddingX:{style:Ae},paddingY:{style:Ae},paddingInline:{style:Ae},paddingInlineStart:{style:Ae},paddingInlineEnd:{style:Ae},paddingBlock:{style:Ae},paddingBlockStart:{style:Ae},paddingBlockEnd:{style:Ae},m:{style:_e},mt:{style:_e},mr:{style:_e},mb:{style:_e},ml:{style:_e},mx:{style:_e},my:{style:_e},margin:{style:_e},marginTop:{style:_e},marginRight:{style:_e},marginBottom:{style:_e},marginLeft:{style:_e},marginX:{style:_e},marginY:{style:_e},marginInline:{style:_e},marginInlineStart:{style:_e},marginInlineEnd:{style:_e},marginBlock:{style:_e},marginBlockStart:{style:_e},marginBlockEnd:{style:_e},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:kn},rowGap:{style:Fn},columnGap:{style:Bn},gridColumn:{},gridRow:{},gridAutoFlow:{},gridAutoColumns:{},gridAutoRows:{},gridTemplateColumns:{},gridTemplateRows:{},gridTemplateAreas:{},gridArea:{},position:{},zIndex:{themeKey:"zIndex"},top:{},right:{},bottom:{},left:{},boxShadow:{themeKey:"shadows"},width:{transform:rt},maxWidth:{style:ds},minWidth:{transform:rt},height:{transform:rt},maxHeight:{transform:rt},minHeight:{transform:rt},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 pp(...e){const t=e.reduce((a,n)=>a.concat(Object.keys(n)),[]),r=new Set(t);return e.every(a=>r.size===Object.keys(a).length)}function hp(e,t){return typeof e=="function"?e(t):e}function mp(){function e(r,a,n,o){const s={[r]:a,theme:n},i=o[r];if(!i)return{[r]:a};const{cssProperty:l=r,themeKey:c,transform:d,style:u}=i;if(a==null)return null;if(c==="typography"&&a==="inherit")return{[r]:a};const p=In(n,c)||{};return u?u(s):ft(s,a,g=>{let h=bn(p,d,g);return g===h&&typeof g=="string"&&(h=bn(p,d,`${r}${g==="default"?"":We(g)}`,g)),l===!1?h:{[l]:h}})}function t(r){const{sx:a,theme:n={}}=r||{};if(!a)return null;const o=n.unstable_sxConfig??ka;function s(i){let l=i;if(typeof i=="function")l=i(n);else if(typeof i!="object")return i;if(!l)return null;const c=Bl(n.breakpoints),d=Object.keys(c);let u=c;return Object.keys(l).forEach(p=>{const f=hp(l[p],n);if(f!=null)if(typeof f=="object")if(o[p])u=wa(u,e(p,f,n,o));else{const g=ft({theme:n},f,h=>({[p]:h}));pp(g,f)?u[p]=t({sx:f,theme:n}):u=wa(u,g)}else u=wa(u,e(p,f,n,o))}),xu(n,Fl(d,u))}return Array.isArray(a)?a.map(s):s(a)}return t}const Jr=mp();Jr.filterProps=["sx"];function fp(e,t){var a;const r=this;if(r.vars){if(!((a=r.colorSchemes)!=null&&a[e])||typeof r.getColorSchemeSelector!="function")return{};let n=r.getColorSchemeSelector(e);return n==="&"?t:((n.includes("data-")||n.includes("."))&&(n=`*:where(${n.replace(/\s*&$/,"")}) &`),{[n]:t})}return r.palette.mode===e?t:{}}function Nn(e={},...t){const{breakpoints:r={},palette:a={},spacing:n,shape:o={},...s}=e,i=vu(r),l=Dl(n);let c=Ke({breakpoints:i,direction:"ltr",components:{},palette:{mode:"light",...a},spacing:l,shape:{...Pu,...o}},s);return c=Cu(c),c.applyStyles=fp,c=t.reduce((d,u)=>Ke(d,u),c),c.unstable_sxConfig={...ka,...s==null?void 0:s.unstable_sxConfig},c.unstable_sx=function(u){return Jr({sx:u,theme:this})},c}function gp(e){return Object.keys(e).length===0}function yp(e=null){const t=J.useContext(Yd.ThemeContext);return!t||gp(t)?e:t}const bp=Nn();function Sp(e=bp){return yp(e)}const vp=e=>{var a;const t={systemProps:{},otherProps:{}},r=((a=e==null?void 0:e.theme)==null?void 0:a.unstable_sxConfig)??ka;return Object.keys(e).forEach(n=>{r[n]?t.systemProps[n]=e[n]:t.otherProps[n]=e[n]}),t};function xp(e){const{sx:t,...r}=e,{systemProps:a,otherProps:n}=vp(r);let o;return Array.isArray(t)?o=[a,...t]:typeof t=="function"?o=(...s)=>{const i=t(...s);return Ot(i)?{...a,...i}:a}:o={...a,...t},{...n,sx:o}}const Js=e=>e,Op=()=>{let e=Js;return{configure(t){e=t},generate(t){return e(t)},reset(){e=Js}}},wp=Op();function zl(e){var t,r,a="";if(typeof e=="string"||typeof e=="number")a+=e;else if(typeof e=="object")if(Array.isArray(e)){var n=e.length;for(t=0;t<n;t++)e[t]&&(r=zl(e[t]))&&(a&&(a+=" "),a+=r)}else for(r in e)e[r]&&(a&&(a+=" "),a+=r);return a}function Pt(){for(var e,t,r=0,a="",n=arguments.length;r<n;r++)(e=arguments[r])&&(t=zl(e))&&(a&&(a+=" "),a+=t);return a}const Cp={active:"active",checked:"checked",completed:"completed",disabled:"disabled",error:"error",expanded:"expanded",focused:"focused",focusVisible:"focusVisible",open:"open",readOnly:"readOnly",required:"required",selected:"selected"};function Ba(e,t,r="Mui"){const a=Cp[t];return a?`${r}-${a}`:`${wp.generate(e)}-${t}`}function Gl(e,t,r="Mui"){const a={};return t.forEach(n=>{a[n]=Ba(e,n,r)}),a}function Jl(e,t=""){return e.displayName||e.name||t}function Hs(e,t,r){const a=Jl(t);return e.displayName||(a!==""?`${r}(${a})`:r)}function Pp(e){if(e!=null){if(typeof e=="string")return e;if(typeof e=="function")return Jl(e,"Component");if(typeof e=="object")switch(e.$$typeof){case yn.ForwardRef:return Hs(e,e.render,"ForwardRef");case yn.Memo:return Hs(e,e.type,"memo");default:return}}}function Hl(e){const{variants:t,...r}=e,a={variants:t,style:Bs(r),isProcessed:!0};return a.style===r||t&&t.forEach(n=>{typeof n.style!="function"&&(n.style=Bs(n.style))}),a}const Vp=Nn();function mo(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}function Rp(e){return e?(t,r)=>r[e]:null}function _p(e,t,r){e.theme=Ep(e.theme)?r:e.theme[t]||e.theme}function cn(e,t){const r=typeof t=="function"?t(e):t;if(Array.isArray(r))return r.flatMap(a=>cn(e,a));if(Array.isArray(r==null?void 0:r.variants)){let a;if(r.isProcessed)a=r.style;else{const{variants:n,...o}=r;a=o}return ql(e,r.variants,[a])}return r!=null&&r.isProcessed?r.style:r}function ql(e,t,r=[]){var n;let a;e:for(let o=0;o<t.length;o+=1){const s=t[o];if(typeof s.props=="function"){if(a??(a={...e,...e.ownerState,ownerState:e.ownerState}),!s.props(a))continue}else for(const i in s.props)if(e[i]!==s.props[i]&&((n=e.ownerState)==null?void 0:n[i])!==s.props[i])continue e;typeof s.style=="function"?(a??(a={...e,...e.ownerState,ownerState:e.ownerState}),r.push(s.style(a))):r.push(s.style)}return r}function Wl(e={}){const{themeId:t,defaultTheme:r=Vp,rootShouldForwardProp:a=mo,slotShouldForwardProp:n=mo}=e;function o(i){_p(i,t,r)}return(i,l={})=>{fu(i,G=>G.filter(K=>K!==Jr));const{name:c,slot:d,skipVariantsResolver:u,skipSx:p,overridesResolver:f=Rp(Kl(d)),...g}=l,h=u!==void 0?u:d&&d!=="Root"&&d!=="root"||!1,x=p||!1;let E=mo;d==="Root"||d==="root"?E=a:d?E=n:Ip(i)&&(E=void 0);const U=mu(i,{shouldForwardProp:E,label:Tp(c,d),...g}),F=G=>{if(typeof G=="function"&&G.__emotion_real!==G)return function(j){return cn(j,G)};if(Ot(G)){const K=Hl(G);return K.variants?function(L){return cn(L,K)}:K.style}return G},N=(...G)=>{const K=[],j=G.map(F),L=[];if(K.push(o),c&&f&&L.push(function(B){var Z,xe;const D=(xe=(Z=B.theme.components)==null?void 0:Z[c])==null?void 0:xe.styleOverrides;if(!D)return null;const re={};for(const X in D)re[X]=cn(B,D[X]);return f(B,re)}),c&&!h&&L.push(function(B){var re,Z;const z=B.theme,D=(Z=(re=z==null?void 0:z.components)==null?void 0:re[c])==null?void 0:Z.variants;return D?ql(B,D):null}),x||L.push(Jr),Array.isArray(j[0])){const M=j.shift(),B=new Array(K.length).fill(""),z=new Array(L.length).fill("");let D;D=[...B,...M,...z],D.raw=[...B,...M.raw,...z],K.unshift(D)}const k=[...K,...j,...L],y=U(...k);return i.muiName&&(y.muiName=i.muiName),process.env.NODE_ENV!=="production"&&(y.displayName=Ap(c,d,i)),y};return U.withConfig&&(N.withConfig=U.withConfig),N}}function Ap(e,t,r){return e?`${e}${We(t||"")}`:`Styled(${Pp(r)})`}function Tp(e,t){let r;return process.env.NODE_ENV!=="production"&&e&&(r=`${e}-${Kl(t||"Root")}`),r}function Ep(e){for(const t in e)return!1;return!0}function Ip(e){return typeof e=="string"&&e.charCodeAt(0)>96}function Kl(e){return e&&e.charAt(0).toLowerCase()+e.slice(1)}const Mp=Wl();function Sn(e,t){const r={...t};for(const a in e)if(Object.prototype.hasOwnProperty.call(e,a)){const n=a;if(n==="components"||n==="slots")r[n]={...e[n],...r[n]};else if(n==="componentsProps"||n==="slotProps"){const o=e[n],s=t[n];if(!s)r[n]=o||{};else if(!o)r[n]=s;else{r[n]={...s};for(const i in o)if(Object.prototype.hasOwnProperty.call(o,i)){const l=i;r[n][l]=Sn(o[l],s[l])}}}else r[n]===void 0&&(r[n]=e[n])}return r}function jp(e){const{theme:t,name:r,props:a}=e;return!t||!t.components||!t.components[r]||!t.components[r].defaultProps?a:Sn(t.components[r].defaultProps,a)}function $p({props:e,name:t,defaultTheme:r,themeId:a}){let n=Sp(r);return a&&(n=n[a]||n),jp({theme:n,name:t,props:e})}const Ql=typeof window<"u"?J.useLayoutEffect:J.useEffect;function Br(e,t=Number.MIN_SAFE_INTEGER,r=Number.MAX_SAFE_INTEGER){return Math.max(t,Math.min(e,r))}function us(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}].`),Br(e,t,r)}function Up(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(a=>a+a)),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((a,n)=>n<3?parseInt(a,16):Math.round(parseInt(a,16)/255*1e3)/1e3).join(", ")})`:""}function Yt(e){if(e.type)return e;if(e.charAt(0)==="#")return Yt(Up(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().`:Qt(9,e));let a=e.substring(t+1,e.length-1),n;if(r==="color"){if(a=a.split(" "),n=a.shift(),a.length===4&&a[3].charAt(0)==="/"&&(a[3]=a[3].slice(1)),!["srgb","display-p3","a98-rgb","prophoto-rgb","rec-2020"].includes(n))throw new Error(process.env.NODE_ENV!=="production"?`MUI: unsupported \`${n}\` color space. The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.`:Qt(10,n))}else a=a.split(",");return a=a.map(o=>parseFloat(o)),{type:r,values:a,colorSpace:n}}const Lp=e=>{const t=Yt(e);return t.values.slice(0,3).map((r,a)=>t.type.includes("hsl")&&a!==0?`${r}%`:r).join(" ")},xa=(e,t)=>{try{return Lp(e)}catch{return t&&process.env.NODE_ENV!=="production"&&console.warn(t),e}};function Dn(e){const{type:t,colorSpace:r}=e;let{values:a}=e;return t.includes("rgb")?a=a.map((n,o)=>o<3?parseInt(n,10):n):t.includes("hsl")&&(a[1]=`${a[1]}%`,a[2]=`${a[2]}%`),t.includes("color")?a=`${r} ${a.join(" ")}`:a=`${a.join(", ")}`,`${t}(${a})`}function Yl(e){e=Yt(e);const{values:t}=e,r=t[0],a=t[1]/100,n=t[2]/100,o=a*Math.min(n,1-n),s=(c,d=(c+r/30)%12)=>n-o*Math.max(Math.min(d-3,9-d,1),-1);le