diff --git a/.gitignore b/.gitignore index e88e7e99..97c8835e 100644 --- a/.gitignore +++ b/.gitignore @@ -23,3 +23,4 @@ yarn-debug.log* yarn-error.log* node_modules +/dist \ No newline at end of file diff --git a/.vscode/settings.json b/.vscode/settings.json index c0caf009..b504f405 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,7 +1,5 @@ { - "editor.formatOnSave": true, - "editor.defaultFormatter": "esbenp.prettier-vscode", - "editor.codeActionsOnSave": { - "source.fixAll.eslint": "explicit" - } - } \ No newline at end of file + "editor.formatOnSave": true, + "editor.defaultFormatter": "esbenp.prettier-vscode", + "notebook.defaultFormatter": "esbenp.prettier-vscode" +} diff --git a/dist/assets/index-BqHKD4MV.js b/dist/assets/index-BqHKD4MV.js deleted file mode 100644 index dba38252..00000000 --- a/dist/assets/index-BqHKD4MV.js +++ /dev/null @@ -1,176 +0,0 @@ -function _f(e,t){for(var n=0;nr[l]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))r(l);new MutationObserver(l=>{for(const i of l)if(i.type==="childList")for(const o of i.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&r(o)}).observe(document,{childList:!0,subtree:!0});function n(l){const i={};return l.integrity&&(i.integrity=l.integrity),l.referrerPolicy&&(i.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?i.credentials="include":l.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function r(l){if(l.ep)return;l.ep=!0;const i=n(l);fetch(l.href,i)}})();function Pf(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ys={exports:{}},Nl={},Xs={exports:{}},R={};/** - * @license React - * react.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 mr=Symbol.for("react.element"),Nf=Symbol.for("react.portal"),Tf=Symbol.for("react.fragment"),zf=Symbol.for("react.strict_mode"),Lf=Symbol.for("react.profiler"),Rf=Symbol.for("react.provider"),Of=Symbol.for("react.context"),Mf=Symbol.for("react.forward_ref"),$f=Symbol.for("react.suspense"),If=Symbol.for("react.memo"),Ff=Symbol.for("react.lazy"),zu=Symbol.iterator;function Df(e){return e===null||typeof e!="object"?null:(e=zu&&e[zu]||e["@@iterator"],typeof e=="function"?e:null)}var Gs={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Zs=Object.assign,Js={};function Sn(e,t,n){this.props=e,this.context=t,this.refs=Js,this.updater=n||Gs}Sn.prototype.isReactComponent={};Sn.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};Sn.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function qs(){}qs.prototype=Sn.prototype;function To(e,t,n){this.props=e,this.context=t,this.refs=Js,this.updater=n||Gs}var zo=To.prototype=new qs;zo.constructor=To;Zs(zo,Sn.prototype);zo.isPureReactComponent=!0;var Lu=Array.isArray,bs=Object.prototype.hasOwnProperty,Lo={current:null},ea={key:!0,ref:!0,__self:!0,__source:!0};function ta(e,t,n){var r,l={},i=null,o=null;if(t!=null)for(r in t.ref!==void 0&&(o=t.ref),t.key!==void 0&&(i=""+t.key),t)bs.call(t,r)&&!ea.hasOwnProperty(r)&&(l[r]=t[r]);var u=arguments.length-2;if(u===1)l.children=n;else if(1>>1,q=_[K];if(0>>1;Kl(li,L))Ltl(xr,li)?(_[K]=xr,_[Lt]=L,K=Lt):(_[K]=li,_[zt]=L,K=zt);else if(Ltl(xr,L))_[K]=xr,_[Lt]=L,K=Lt;else break e}}return T}function l(_,T){var L=_.sortIndex-T.sortIndex;return L!==0?L:_.id-T.id}if(typeof performance=="object"&&typeof performance.now=="function"){var i=performance;e.unstable_now=function(){return i.now()}}else{var o=Date,u=o.now();e.unstable_now=function(){return o.now()-u}}var s=[],c=[],m=1,p=null,h=3,S=!1,g=!1,v=!1,N=typeof setTimeout=="function"?setTimeout:null,f=typeof clearTimeout=="function"?clearTimeout:null,a=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function d(_){for(var T=n(c);T!==null;){if(T.callback===null)r(c);else if(T.startTime<=_)r(c),T.sortIndex=T.expirationTime,t(s,T);else break;T=n(c)}}function y(_){if(v=!1,d(_),!g)if(n(s)!==null)g=!0,ni(x);else{var T=n(c);T!==null&&ri(y,T.startTime-_)}}function x(_,T){g=!1,v&&(v=!1,f(P),P=-1),S=!0;var L=h;try{for(d(T),p=n(s);p!==null&&(!(p.expirationTime>T)||_&&!De());){var K=p.callback;if(typeof K=="function"){p.callback=null,h=p.priorityLevel;var q=K(p.expirationTime<=T);T=e.unstable_now(),typeof q=="function"?p.callback=q:p===n(s)&&r(s),d(T)}else r(s);p=n(s)}if(p!==null)var kr=!0;else{var zt=n(c);zt!==null&&ri(y,zt.startTime-T),kr=!1}return kr}finally{p=null,h=L,S=!1}}var E=!1,k=null,P=-1,D=5,z=-1;function De(){return!(e.unstable_now()-z_||125<_?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):D=0<_?Math.floor(1e3/_):5},e.unstable_getCurrentPriorityLevel=function(){return h},e.unstable_getFirstCallbackNode=function(){return n(s)},e.unstable_next=function(_){switch(h){case 1:case 2:case 3:var T=3;break;default:T=h}var L=h;h=T;try{return _()}finally{h=L}},e.unstable_pauseExecution=function(){},e.unstable_requestPaint=function(){},e.unstable_runWithPriority=function(_,T){switch(_){case 1:case 2:case 3:case 4:case 5:break;default:_=3}var L=h;h=_;try{return T()}finally{h=L}},e.unstable_scheduleCallback=function(_,T,L){var K=e.unstable_now();switch(typeof L=="object"&&L!==null?(L=L.delay,L=typeof L=="number"&&0K?(_.sortIndex=L,t(c,_),n(s)===null&&_===n(c)&&(v?(f(P),P=-1):v=!0,ri(y,L-K))):(_.sortIndex=q,t(s,_),g||S||(g=!0,ni(x))),_},e.unstable_shouldYield=De,e.unstable_wrapCallback=function(_){var T=h;return function(){var L=h;h=T;try{return _.apply(this,arguments)}finally{h=L}}}})(ua);oa.exports=ua;var Gf=oa.exports;/** - * @license React - * react-dom.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 Zf=Ee,Ne=Gf;function w(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Oi=Object.prototype.hasOwnProperty,Jf=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,Mu={},$u={};function qf(e){return Oi.call($u,e)?!0:Oi.call(Mu,e)?!1:Jf.test(e)?$u[e]=!0:(Mu[e]=!0,!1)}function bf(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function ed(e,t,n,r){if(t===null||typeof t>"u"||bf(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function me(e,t,n,r,l,i,o){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=i,this.removeEmptyString=o}var ie={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ie[e]=new me(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ie[t]=new me(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){ie[e]=new me(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ie[e]=new me(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){ie[e]=new me(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){ie[e]=new me(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){ie[e]=new me(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){ie[e]=new me(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){ie[e]=new me(e,5,!1,e.toLowerCase(),null,!1,!1)});var Oo=/[\-:]([a-z])/g;function Mo(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(Oo,Mo);ie[t]=new me(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(Oo,Mo);ie[t]=new me(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(Oo,Mo);ie[t]=new me(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){ie[e]=new me(e,1,!1,e.toLowerCase(),null,!1,!1)});ie.xlinkHref=new me("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){ie[e]=new me(e,1,!1,e.toLowerCase(),null,!0,!0)});function $o(e,t,n,r){var l=ie.hasOwnProperty(t)?ie[t]:null;(l!==null?l.type!==0:r||!(2u||l[o]!==i[u]){var s=` -`+l[o].replace(" at new "," at ");return e.displayName&&s.includes("")&&(s=s.replace("",e.displayName)),s}while(1<=o&&0<=u);break}}}finally{ui=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?In(e):""}function td(e){switch(e.tag){case 5:return In(e.type);case 16:return In("Lazy");case 13:return In("Suspense");case 19:return In("SuspenseList");case 0:case 2:case 15:return e=si(e.type,!1),e;case 11:return e=si(e.type.render,!1),e;case 1:return e=si(e.type,!0),e;default:return""}}function Fi(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Yt:return"Fragment";case Kt:return"Portal";case Mi:return"Profiler";case Io:return"StrictMode";case $i:return"Suspense";case Ii:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case ca:return(e.displayName||"Context")+".Consumer";case aa:return(e._context.displayName||"Context")+".Provider";case Fo:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case Do:return t=e.displayName||null,t!==null?t:Fi(e.type)||"Memo";case ct:t=e._payload,e=e._init;try{return Fi(e(t))}catch{}}return null}function nd(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return Fi(t);case 8:return t===Io?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function Ct(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function da(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function rd(e){var t=da(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(o){r=""+o,i.call(this,o)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(o){r=""+o},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function _r(e){e._valueTracker||(e._valueTracker=rd(e))}function pa(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=da(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function nl(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function Di(e,t){var n=t.checked;return W({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Fu(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=Ct(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function ma(e,t){t=t.checked,t!=null&&$o(e,"checked",t,!1)}function ji(e,t){ma(e,t);var n=Ct(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?Ai(e,t.type,n):t.hasOwnProperty("defaultValue")&&Ai(e,t.type,Ct(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function Du(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function Ai(e,t,n){(t!=="number"||nl(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Fn=Array.isArray;function ln(e,t,n,r){if(e=e.options,t){t={};for(var l=0;l"+t.valueOf().toString()+"",t=Pr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Gn(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var An={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ld=["Webkit","ms","Moz","O"];Object.keys(An).forEach(function(e){ld.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),An[t]=An[e]})});function ga(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||An.hasOwnProperty(e)&&An[e]?(""+t).trim():t+"px"}function wa(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,l=ga(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}var id=W({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Hi(e,t){if(t){if(id[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(w(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(w(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(w(61))}if(t.style!=null&&typeof t.style!="object")throw Error(w(62))}}function Bi(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Wi=null;function jo(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Qi=null,on=null,un=null;function Uu(e){if(e=yr(e)){if(typeof Qi!="function")throw Error(w(280));var t=e.stateNode;t&&(t=Ol(t),Qi(e.stateNode,e.type,t))}}function Sa(e){on?un?un.push(e):un=[e]:on=e}function ka(){if(on){var e=on,t=un;if(un=on=null,Uu(e),t)for(e=0;e>>=0,e===0?32:31-(vd(e)/yd|0)|0}var Nr=64,Tr=4194304;function Dn(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function ol(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,l=e.suspendedLanes,i=e.pingedLanes,o=n&268435455;if(o!==0){var u=o&~l;u!==0?r=Dn(u):(i&=o,i!==0&&(r=Dn(i)))}else o=n&~l,o!==0?r=Dn(o):i!==0&&(r=Dn(i));if(r===0)return 0;if(t!==0&&t!==r&&!(t&l)&&(l=r&-r,i=t&-t,l>=i||l===16&&(i&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function hr(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-He(t),e[t]=n}function kd(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=Vn),Gu=" ",Zu=!1;function Va(e,t){switch(e){case"keyup":return Gd.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Ha(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Xt=!1;function Jd(e,t){switch(e){case"compositionend":return Ha(t);case"keypress":return t.which!==32?null:(Zu=!0,Gu);case"textInput":return e=t.data,e===Gu&&Zu?null:e;default:return null}}function qd(e,t){if(Xt)return e==="compositionend"||!Ko&&Va(e,t)?(e=Aa(),Wr=Bo=mt=null,Xt=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=es(n)}}function Ka(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Ka(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Ya(){for(var e=window,t=nl();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=nl(e.document)}return t}function Yo(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function up(e){var t=Ya(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&Ka(n.ownerDocument.documentElement,n)){if(r!==null&&Yo(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,i=Math.min(r.start,l);r=r.end===void 0?i:Math.min(r.end,l),!e.extend&&i>r&&(l=r,r=i,i=l),l=ts(n,i);var o=ts(n,r);l&&o&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==o.node||e.focusOffset!==o.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),i>r?(e.addRange(t),e.extend(o.node,o.offset)):(t.setEnd(o.node,o.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,Gt=null,Ji=null,Bn=null,qi=!1;function ns(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;qi||Gt==null||Gt!==nl(r)||(r=Gt,"selectionStart"in r&&Yo(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Bn&&tr(Bn,r)||(Bn=r,r=al(Ji,"onSelect"),0qt||(e.current=lo[qt],lo[qt]=null,qt--)}function j(e,t){qt++,lo[qt]=e.current,e.current=t}var _t={},ce=Nt(_t),ye=Nt(!1),jt=_t;function pn(e,t){var n=e.type.contextTypes;if(!n)return _t;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l={},i;for(i in n)l[i]=t[i];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function ge(e){return e=e.childContextTypes,e!=null}function fl(){U(ye),U(ce)}function as(e,t,n){if(ce.current!==_t)throw Error(w(168));j(ce,t),j(ye,n)}function nc(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var l in r)if(!(l in t))throw Error(w(108,nd(e)||"Unknown",l));return W({},n,r)}function dl(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||_t,jt=ce.current,j(ce,e),j(ye,ye.current),!0}function cs(e,t,n){var r=e.stateNode;if(!r)throw Error(w(169));n?(e=nc(e,t,jt),r.__reactInternalMemoizedMergedChildContext=e,U(ye),U(ce),j(ce,e)):U(ye),j(ye,n)}var et=null,Ml=!1,xi=!1;function rc(e){et===null?et=[e]:et.push(e)}function wp(e){Ml=!0,rc(e)}function Tt(){if(!xi&&et!==null){xi=!0;var e=0,t=I;try{var n=et;for(I=1;e>=o,l-=o,tt=1<<32-He(t)+l|n<P?(D=k,k=null):D=k.sibling;var z=h(f,k,d[P],y);if(z===null){k===null&&(k=D);break}e&&k&&z.alternate===null&&t(f,k),a=i(z,a,P),E===null?x=z:E.sibling=z,E=z,k=D}if(P===d.length)return n(f,k),V&&Rt(f,P),x;if(k===null){for(;PP?(D=k,k=null):D=k.sibling;var De=h(f,k,z.value,y);if(De===null){k===null&&(k=D);break}e&&k&&De.alternate===null&&t(f,k),a=i(De,a,P),E===null?x=De:E.sibling=De,E=De,k=D}if(z.done)return n(f,k),V&&Rt(f,P),x;if(k===null){for(;!z.done;P++,z=d.next())z=p(f,z.value,y),z!==null&&(a=i(z,a,P),E===null?x=z:E.sibling=z,E=z);return V&&Rt(f,P),x}for(k=r(f,k);!z.done;P++,z=d.next())z=S(k,f,P,z.value,y),z!==null&&(e&&z.alternate!==null&&k.delete(z.key===null?P:z.key),a=i(z,a,P),E===null?x=z:E.sibling=z,E=z);return e&&k.forEach(function(Cn){return t(f,Cn)}),V&&Rt(f,P),x}function N(f,a,d,y){if(typeof d=="object"&&d!==null&&d.type===Yt&&d.key===null&&(d=d.props.children),typeof d=="object"&&d!==null){switch(d.$$typeof){case Cr:e:{for(var x=d.key,E=a;E!==null;){if(E.key===x){if(x=d.type,x===Yt){if(E.tag===7){n(f,E.sibling),a=l(E,d.props.children),a.return=f,f=a;break e}}else if(E.elementType===x||typeof x=="object"&&x!==null&&x.$$typeof===ct&&ps(x)===E.type){n(f,E.sibling),a=l(E,d.props),a.ref=Rn(f,E,d),a.return=f,f=a;break e}n(f,E);break}else t(f,E);E=E.sibling}d.type===Yt?(a=Dt(d.props.children,f.mode,y,d.key),a.return=f,f=a):(y=qr(d.type,d.key,d.props,null,f.mode,y),y.ref=Rn(f,a,d),y.return=f,f=y)}return o(f);case Kt:e:{for(E=d.key;a!==null;){if(a.key===E)if(a.tag===4&&a.stateNode.containerInfo===d.containerInfo&&a.stateNode.implementation===d.implementation){n(f,a.sibling),a=l(a,d.children||[]),a.return=f,f=a;break e}else{n(f,a);break}else t(f,a);a=a.sibling}a=Li(d,f.mode,y),a.return=f,f=a}return o(f);case ct:return E=d._init,N(f,a,E(d._payload),y)}if(Fn(d))return g(f,a,d,y);if(Pn(d))return v(f,a,d,y);Ir(f,d)}return typeof d=="string"&&d!==""||typeof d=="number"?(d=""+d,a!==null&&a.tag===6?(n(f,a.sibling),a=l(a,d),a.return=f,f=a):(n(f,a),a=zi(d,f.mode,y),a.return=f,f=a),o(f)):n(f,a)}return N}var hn=uc(!0),sc=uc(!1),hl=Nt(null),vl=null,tn=null,Jo=null;function qo(){Jo=tn=vl=null}function bo(e){var t=hl.current;U(hl),e._currentValue=t}function uo(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,r!==null&&(r.childLanes|=t)):r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function an(e,t){vl=e,Jo=tn=null,e=e.dependencies,e!==null&&e.firstContext!==null&&(e.lanes&t&&(ve=!0),e.firstContext=null)}function Ie(e){var t=e._currentValue;if(Jo!==e)if(e={context:e,memoizedValue:t,next:null},tn===null){if(vl===null)throw Error(w(308));tn=e,vl.dependencies={lanes:0,firstContext:e}}else tn=tn.next=e;return t}var $t=null;function eu(e){$t===null?$t=[e]:$t.push(e)}function ac(e,t,n,r){var l=t.interleaved;return l===null?(n.next=n,eu(t)):(n.next=l.next,l.next=n),t.interleaved=n,ot(e,r)}function ot(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var ft=!1;function tu(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function cc(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function rt(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function St(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,O&2){var l=r.pending;return l===null?t.next=t:(t.next=l.next,l.next=t),r.pending=t,ot(e,n)}return l=r.interleaved,l===null?(t.next=t,eu(r)):(t.next=l.next,l.next=t),r.interleaved=t,ot(e,n)}function Kr(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Uo(e,n)}}function ms(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var l=null,i=null;if(n=n.firstBaseUpdate,n!==null){do{var o={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};i===null?l=i=o:i=i.next=o,n=n.next}while(n!==null);i===null?l=i=t:i=i.next=t}else l=i=t;n={baseState:r.baseState,firstBaseUpdate:l,lastBaseUpdate:i,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function yl(e,t,n,r){var l=e.updateQueue;ft=!1;var i=l.firstBaseUpdate,o=l.lastBaseUpdate,u=l.shared.pending;if(u!==null){l.shared.pending=null;var s=u,c=s.next;s.next=null,o===null?i=c:o.next=c,o=s;var m=e.alternate;m!==null&&(m=m.updateQueue,u=m.lastBaseUpdate,u!==o&&(u===null?m.firstBaseUpdate=c:u.next=c,m.lastBaseUpdate=s))}if(i!==null){var p=l.baseState;o=0,m=c=s=null,u=i;do{var h=u.lane,S=u.eventTime;if((r&h)===h){m!==null&&(m=m.next={eventTime:S,lane:0,tag:u.tag,payload:u.payload,callback:u.callback,next:null});e:{var g=e,v=u;switch(h=t,S=n,v.tag){case 1:if(g=v.payload,typeof g=="function"){p=g.call(S,p,h);break e}p=g;break e;case 3:g.flags=g.flags&-65537|128;case 0:if(g=v.payload,h=typeof g=="function"?g.call(S,p,h):g,h==null)break e;p=W({},p,h);break e;case 2:ft=!0}}u.callback!==null&&u.lane!==0&&(e.flags|=64,h=l.effects,h===null?l.effects=[u]:h.push(u))}else S={eventTime:S,lane:h,tag:u.tag,payload:u.payload,callback:u.callback,next:null},m===null?(c=m=S,s=p):m=m.next=S,o|=h;if(u=u.next,u===null){if(u=l.shared.pending,u===null)break;h=u,u=h.next,h.next=null,l.lastBaseUpdate=h,l.shared.pending=null}}while(!0);if(m===null&&(s=p),l.baseState=s,l.firstBaseUpdate=c,l.lastBaseUpdate=m,t=l.shared.interleaved,t!==null){l=t;do o|=l.lane,l=l.next;while(l!==t)}else i===null&&(l.shared.lanes=0);Vt|=o,e.lanes=o,e.memoizedState=p}}function hs(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;tn?n:4,e(!0);var r=Ci.transition;Ci.transition={};try{e(!1),t()}finally{I=n,Ci.transition=r}}function Nc(){return Fe().memoizedState}function Ep(e,t,n){var r=xt(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Tc(e))zc(t,n);else if(n=ac(e,t,n,r),n!==null){var l=de();Be(n,e,r,l),Lc(n,t,r)}}function Cp(e,t,n){var r=xt(e),l={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Tc(e))zc(t,l);else{var i=e.alternate;if(e.lanes===0&&(i===null||i.lanes===0)&&(i=t.lastRenderedReducer,i!==null))try{var o=t.lastRenderedState,u=i(o,n);if(l.hasEagerState=!0,l.eagerState=u,We(u,o)){var s=t.interleaved;s===null?(l.next=l,eu(t)):(l.next=s.next,s.next=l),t.interleaved=l;return}}catch{}finally{}n=ac(e,t,l,r),n!==null&&(l=de(),Be(n,e,r,l),Lc(n,t,r))}}function Tc(e){var t=e.alternate;return e===B||t!==null&&t===B}function zc(e,t){Wn=wl=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Lc(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,Uo(e,n)}}var Sl={readContext:Ie,useCallback:oe,useContext:oe,useEffect:oe,useImperativeHandle:oe,useInsertionEffect:oe,useLayoutEffect:oe,useMemo:oe,useReducer:oe,useRef:oe,useState:oe,useDebugValue:oe,useDeferredValue:oe,useTransition:oe,useMutableSource:oe,useSyncExternalStore:oe,useId:oe,unstable_isNewReconciler:!1},_p={readContext:Ie,useCallback:function(e,t){return Ke().memoizedState=[e,t===void 0?null:t],e},useContext:Ie,useEffect:ys,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,Xr(4194308,4,xc.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Xr(4194308,4,e,t)},useInsertionEffect:function(e,t){return Xr(4,2,e,t)},useMemo:function(e,t){var n=Ke();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=Ke();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Ep.bind(null,B,e),[r.memoizedState,e]},useRef:function(e){var t=Ke();return e={current:e},t.memoizedState=e},useState:vs,useDebugValue:au,useDeferredValue:function(e){return Ke().memoizedState=e},useTransition:function(){var e=vs(!1),t=e[0];return e=xp.bind(null,e[1]),Ke().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=B,l=Ke();if(V){if(n===void 0)throw Error(w(407));n=n()}else{if(n=t(),ee===null)throw Error(w(349));Ut&30||mc(r,t,n)}l.memoizedState=n;var i={value:n,getSnapshot:t};return l.queue=i,ys(vc.bind(null,r,i,e),[e]),r.flags|=2048,ar(9,hc.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=Ke(),t=ee.identifierPrefix;if(V){var n=nt,r=tt;n=(r&~(1<<32-He(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=ur++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=o.createElement(n,{is:r.is}):(e=o.createElement(n),n==="select"&&(o=e,r.multiple?o.multiple=!0:r.size&&(o.size=r.size))):e=o.createElementNS(e,n),e[Ge]=t,e[lr]=r,Uc(e,t,!1,!1),t.stateNode=e;e:{switch(o=Bi(n,r),n){case"dialog":A("cancel",e),A("close",e),l=r;break;case"iframe":case"object":case"embed":A("load",e),l=r;break;case"video":case"audio":for(l=0;lgn&&(t.flags|=128,r=!0,On(i,!1),t.lanes=4194304)}else{if(!r)if(e=gl(o),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),On(i,!0),i.tail===null&&i.tailMode==="hidden"&&!o.alternate&&!V)return ue(t),null}else 2*Y()-i.renderingStartTime>gn&&n!==1073741824&&(t.flags|=128,r=!0,On(i,!1),t.lanes=4194304);i.isBackwards?(o.sibling=t.child,t.child=o):(n=i.last,n!==null?n.sibling=o:t.child=o,i.last=o)}return i.tail!==null?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=Y(),t.sibling=null,n=H.current,j(H,r?n&1|2:n&1),t):(ue(t),null);case 22:case 23:return hu(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?xe&1073741824&&(ue(t),t.subtreeFlags&6&&(t.flags|=8192)):ue(t),null;case 24:return null;case 25:return null}throw Error(w(156,t.tag))}function Mp(e,t){switch(Go(t),t.tag){case 1:return ge(t.type)&&fl(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return vn(),U(ye),U(ce),lu(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return ru(t),null;case 13:if(U(H),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(w(340));mn()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return U(H),null;case 4:return vn(),null;case 10:return bo(t.type._context),null;case 22:case 23:return hu(),null;case 24:return null;default:return null}}var Dr=!1,ae=!1,$p=typeof WeakSet=="function"?WeakSet:Set,C=null;function nn(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){Q(e,t,r)}else n.current=null}function yo(e,t,n){try{n()}catch(r){Q(e,t,r)}}var Ts=!1;function Ip(e,t){if(bi=ul,e=Ya(),Yo(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var l=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch{n=null;break e}var o=0,u=-1,s=-1,c=0,m=0,p=e,h=null;t:for(;;){for(var S;p!==n||l!==0&&p.nodeType!==3||(u=o+l),p!==i||r!==0&&p.nodeType!==3||(s=o+r),p.nodeType===3&&(o+=p.nodeValue.length),(S=p.firstChild)!==null;)h=p,p=S;for(;;){if(p===e)break t;if(h===n&&++c===l&&(u=o),h===i&&++m===r&&(s=o),(S=p.nextSibling)!==null)break;p=h,h=p.parentNode}p=S}n=u===-1||s===-1?null:{start:u,end:s}}else n=null}n=n||{start:0,end:0}}else n=null;for(eo={focusedElem:e,selectionRange:n},ul=!1,C=t;C!==null;)if(t=C,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,C=e;else for(;C!==null;){t=C;try{var g=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(g!==null){var v=g.memoizedProps,N=g.memoizedState,f=t.stateNode,a=f.getSnapshotBeforeUpdate(t.elementType===t.type?v:Ae(t.type,v),N);f.__reactInternalSnapshotBeforeUpdate=a}break;case 3:var d=t.stateNode.containerInfo;d.nodeType===1?d.textContent="":d.nodeType===9&&d.documentElement&&d.removeChild(d.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(w(163))}}catch(y){Q(t,t.return,y)}if(e=t.sibling,e!==null){e.return=t.return,C=e;break}C=t.return}return g=Ts,Ts=!1,g}function Qn(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var l=r=r.next;do{if((l.tag&e)===e){var i=l.destroy;l.destroy=void 0,i!==void 0&&yo(t,n,i)}l=l.next}while(l!==r)}}function Fl(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function go(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function Bc(e){var t=e.alternate;t!==null&&(e.alternate=null,Bc(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[Ge],delete t[lr],delete t[ro],delete t[yp],delete t[gp])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Wc(e){return e.tag===5||e.tag===3||e.tag===4}function zs(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Wc(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function wo(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=cl));else if(r!==4&&(e=e.child,e!==null))for(wo(e,t,n),e=e.sibling;e!==null;)wo(e,t,n),e=e.sibling}function So(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(So(e,t,n),e=e.sibling;e!==null;)So(e,t,n),e=e.sibling}var ne=null,Ue=!1;function at(e,t,n){for(n=n.child;n!==null;)Qc(e,t,n),n=n.sibling}function Qc(e,t,n){if(Ze&&typeof Ze.onCommitFiberUnmount=="function")try{Ze.onCommitFiberUnmount(Tl,n)}catch{}switch(n.tag){case 5:ae||nn(n,t);case 6:var r=ne,l=Ue;ne=null,at(e,t,n),ne=r,Ue=l,ne!==null&&(Ue?(e=ne,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):ne.removeChild(n.stateNode));break;case 18:ne!==null&&(Ue?(e=ne,n=n.stateNode,e.nodeType===8?ki(e.parentNode,n):e.nodeType===1&&ki(e,n),bn(e)):ki(ne,n.stateNode));break;case 4:r=ne,l=Ue,ne=n.stateNode.containerInfo,Ue=!0,at(e,t,n),ne=r,Ue=l;break;case 0:case 11:case 14:case 15:if(!ae&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){l=r=r.next;do{var i=l,o=i.destroy;i=i.tag,o!==void 0&&(i&2||i&4)&&yo(n,t,o),l=l.next}while(l!==r)}at(e,t,n);break;case 1:if(!ae&&(nn(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(u){Q(n,t,u)}at(e,t,n);break;case 21:at(e,t,n);break;case 22:n.mode&1?(ae=(r=ae)||n.memoizedState!==null,at(e,t,n),ae=r):at(e,t,n);break;default:at(e,t,n)}}function Ls(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new $p),t.forEach(function(r){var l=Wp.bind(null,e,r);n.has(r)||(n.add(r),r.then(l,l))})}}function je(e,t){var n=t.deletions;if(n!==null)for(var r=0;rl&&(l=o),r&=~i}if(r=l,r=Y()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Dp(r/1960))-r,10e?16:e,ht===null)var r=!1;else{if(e=ht,ht=null,El=0,O&6)throw Error(w(331));var l=O;for(O|=4,C=e.current;C!==null;){var i=C,o=i.child;if(C.flags&16){var u=i.deletions;if(u!==null){for(var s=0;sY()-pu?Ft(e,0):du|=n),we(e,t)}function bc(e,t){t===0&&(e.mode&1?(t=Tr,Tr<<=1,!(Tr&130023424)&&(Tr=4194304)):t=1);var n=de();e=ot(e,t),e!==null&&(hr(e,t,n),we(e,n))}function Bp(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),bc(e,n)}function Wp(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(w(314))}r!==null&&r.delete(t),bc(e,n)}var ef;ef=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||ye.current)ve=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return ve=!1,Rp(e,t,n);ve=!!(e.flags&131072)}else ve=!1,V&&t.flags&1048576&&lc(t,ml,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;Gr(e,t),e=t.pendingProps;var l=pn(t,ce.current);an(t,n),l=ou(null,t,r,e,l,n);var i=uu();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,ge(r)?(i=!0,dl(t)):i=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,tu(t),l.updater=Il,t.stateNode=l,l._reactInternals=t,ao(t,r,e,n),t=po(null,t,r,!0,i,n)):(t.tag=0,V&&i&&Xo(t),fe(null,t,l,n),t=t.child),t;case 16:r=t.elementType;e:{switch(Gr(e,t),e=t.pendingProps,l=r._init,r=l(r._payload),t.type=r,l=t.tag=Kp(r),e=Ae(r,e),l){case 0:t=fo(null,t,r,e,n);break e;case 1:t=_s(null,t,r,e,n);break e;case 11:t=Es(null,t,r,e,n);break e;case 14:t=Cs(null,t,r,Ae(r.type,e),n);break e}throw Error(w(306,r,""))}return t;case 0:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ae(r,l),fo(e,t,r,l,n);case 1:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ae(r,l),_s(e,t,r,l,n);case 3:e:{if(Dc(t),e===null)throw Error(w(387));r=t.pendingProps,i=t.memoizedState,l=i.element,cc(e,t),yl(t,r,null,n);var o=t.memoizedState;if(r=o.element,i.isDehydrated)if(i={element:r,isDehydrated:!1,cache:o.cache,pendingSuspenseBoundaries:o.pendingSuspenseBoundaries,transitions:o.transitions},t.updateQueue.baseState=i,t.memoizedState=i,t.flags&256){l=yn(Error(w(423)),t),t=Ps(e,t,r,n,l);break e}else if(r!==l){l=yn(Error(w(424)),t),t=Ps(e,t,r,n,l);break e}else for(Ce=wt(t.stateNode.containerInfo.firstChild),_e=t,V=!0,Ve=null,n=sc(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(mn(),r===l){t=ut(e,t,n);break e}fe(e,t,r,n)}t=t.child}return t;case 5:return fc(t),e===null&&oo(t),r=t.type,l=t.pendingProps,i=e!==null?e.memoizedProps:null,o=l.children,to(r,l)?o=null:i!==null&&to(r,i)&&(t.flags|=32),Fc(e,t),fe(e,t,o,n),t.child;case 6:return e===null&&oo(t),null;case 13:return jc(e,t,n);case 4:return nu(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=hn(t,null,r,n):fe(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ae(r,l),Es(e,t,r,l,n);case 7:return fe(e,t,t.pendingProps,n),t.child;case 8:return fe(e,t,t.pendingProps.children,n),t.child;case 12:return fe(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,l=t.pendingProps,i=t.memoizedProps,o=l.value,j(hl,r._currentValue),r._currentValue=o,i!==null)if(We(i.value,o)){if(i.children===l.children&&!ye.current){t=ut(e,t,n);break e}}else for(i=t.child,i!==null&&(i.return=t);i!==null;){var u=i.dependencies;if(u!==null){o=i.child;for(var s=u.firstContext;s!==null;){if(s.context===r){if(i.tag===1){s=rt(-1,n&-n),s.tag=2;var c=i.updateQueue;if(c!==null){c=c.shared;var m=c.pending;m===null?s.next=s:(s.next=m.next,m.next=s),c.pending=s}}i.lanes|=n,s=i.alternate,s!==null&&(s.lanes|=n),uo(i.return,n,t),u.lanes|=n;break}s=s.next}}else if(i.tag===10)o=i.type===t.type?null:i.child;else if(i.tag===18){if(o=i.return,o===null)throw Error(w(341));o.lanes|=n,u=o.alternate,u!==null&&(u.lanes|=n),uo(o,n,t),o=i.sibling}else o=i.child;if(o!==null)o.return=i;else for(o=i;o!==null;){if(o===t){o=null;break}if(i=o.sibling,i!==null){i.return=o.return,o=i;break}o=o.return}i=o}fe(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=t.pendingProps.children,an(t,n),l=Ie(l),r=r(l),t.flags|=1,fe(e,t,r,n),t.child;case 14:return r=t.type,l=Ae(r,t.pendingProps),l=Ae(r.type,l),Cs(e,t,r,l,n);case 15:return $c(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Ae(r,l),Gr(e,t),t.tag=1,ge(r)?(e=!0,dl(t)):e=!1,an(t,n),Rc(t,r,l),ao(t,r,l,n),po(null,t,r,!0,e,n);case 19:return Ac(e,t,n);case 22:return Ic(e,t,n)}throw Error(w(156,t.tag))};function tf(e,t){return Ta(e,t)}function Qp(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Me(e,t,n,r){return new Qp(e,t,n,r)}function yu(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Kp(e){if(typeof e=="function")return yu(e)?1:0;if(e!=null){if(e=e.$$typeof,e===Fo)return 11;if(e===Do)return 14}return 2}function Et(e,t){var n=e.alternate;return n===null?(n=Me(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function qr(e,t,n,r,l,i){var o=2;if(r=e,typeof e=="function")yu(e)&&(o=1);else if(typeof e=="string")o=5;else e:switch(e){case Yt:return Dt(n.children,l,i,t);case Io:o=8,l|=8;break;case Mi:return e=Me(12,n,t,l|2),e.elementType=Mi,e.lanes=i,e;case $i:return e=Me(13,n,t,l),e.elementType=$i,e.lanes=i,e;case Ii:return e=Me(19,n,t,l),e.elementType=Ii,e.lanes=i,e;case fa:return jl(n,l,i,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case aa:o=10;break e;case ca:o=9;break e;case Fo:o=11;break e;case Do:o=14;break e;case ct:o=16,r=null;break e}throw Error(w(130,e==null?e:typeof e,""))}return t=Me(o,n,t,l),t.elementType=e,t.type=r,t.lanes=i,t}function Dt(e,t,n,r){return e=Me(7,e,r,t),e.lanes=n,e}function jl(e,t,n,r){return e=Me(22,e,r,t),e.elementType=fa,e.lanes=n,e.stateNode={isHidden:!1},e}function zi(e,t,n){return e=Me(6,e,null,t),e.lanes=n,e}function Li(e,t,n){return t=Me(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Yp(e,t,n,r,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=ci(0),this.expirationTimes=ci(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=ci(0),this.identifierPrefix=r,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function gu(e,t,n,r,l,i,o,u,s){return e=new Yp(e,t,n,u,s),t===1?(t=1,i===!0&&(t|=8)):t=0,i=Me(3,null,null,t),e.current=i,i.stateNode=e,i.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},tu(i),e}function Xp(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(of)}catch(e){console.error(e)}}of(),ia.exports=Te;var bp=ia.exports,uf,js=bp;uf=js.createRoot,js.hydrateRoot;var em=!1;function tm(e){if(e.sheet)return e.sheet;for(var t=0;t0?re(En,--Se):0,wn--,X===10&&(wn=1,Wl--),X}function Pe(){return X=Se2||dr(X)>3?"":" "}function mm(e,t){for(;--t&&Pe()&&!(X<48||X>102||X>57&&X<65||X>70&&X<97););return wr(e,br()+(t<6&&qe()==32&&Pe()==32))}function Po(e){for(;Pe();)switch(X){case e:return Se;case 34:case 39:e!==34&&e!==39&&Po(X);break;case 40:e===41&&Po(e);break;case 92:Pe();break}return Se}function hm(e,t){for(;Pe()&&e+X!==57;)if(e+X===84&&qe()===47)break;return"/*"+wr(t,Se-1)+"*"+Bl(e===47?e:Pe())}function vm(e){for(;!dr(qe());)Pe();return wr(e,Se)}function ym(e){return pf(tl("",null,null,null,[""],e=df(e),0,[0],e))}function tl(e,t,n,r,l,i,o,u,s){for(var c=0,m=0,p=o,h=0,S=0,g=0,v=1,N=1,f=1,a=0,d="",y=l,x=i,E=r,k=d;N;)switch(g=a,a=Pe()){case 40:if(g!=108&&re(k,p-1)==58){_o(k+=$(el(a),"&","&\f"),"&\f")!=-1&&(f=-1);break}case 34:case 39:case 91:k+=el(a);break;case 9:case 10:case 13:case 32:k+=pm(g);break;case 92:k+=mm(br()-1,7);continue;case 47:switch(qe()){case 42:case 47:Ur(gm(hm(Pe(),br()),t,n),s);break;default:k+="/"}break;case 123*v:u[c++]=Ye(k)*f;case 125*v:case 59:case 0:switch(a){case 0:case 125:N=0;case 59+m:f==-1&&(k=$(k,/\f/g,"")),S>0&&Ye(k)-p&&Ur(S>32?Us(k+";",r,n,p-1):Us($(k," ","")+";",r,n,p-2),s);break;case 59:k+=";";default:if(Ur(E=As(k,t,n,c,m,l,u,d,y=[],x=[],p),i),a===123)if(m===0)tl(k,t,E,E,y,i,p,u,x);else switch(h===99&&re(k,3)===110?100:h){case 100:case 108:case 109:case 115:tl(e,E,E,r&&Ur(As(e,E,E,0,0,l,u,d,l,y=[],p),x),l,x,p,u,r?y:x);break;default:tl(k,E,E,E,[""],x,0,u,x)}}c=m=S=0,v=f=1,d=k="",p=o;break;case 58:p=1+Ye(k),S=g;default:if(v<1){if(a==123)--v;else if(a==125&&v++==0&&dm()==125)continue}switch(k+=Bl(a),a*v){case 38:f=m>0?1:(k+="\f",-1);break;case 44:u[c++]=(Ye(k)-1)*f,f=1;break;case 64:qe()===45&&(k+=el(Pe())),h=qe(),m=p=Ye(d=k+=vm(br())),a++;break;case 45:g===45&&Ye(k)==2&&(v=0)}}return i}function As(e,t,n,r,l,i,o,u,s,c,m){for(var p=l-1,h=l===0?i:[""],S=Cu(h),g=0,v=0,N=0;g0?h[f]+" "+a:$(a,/&\f/g,h[f])))&&(s[N++]=d);return Ql(e,t,n,l===0?xu:u,s,c,m)}function gm(e,t,n){return Ql(e,t,n,sf,Bl(fm()),fr(e,2,-2),0)}function Us(e,t,n,r){return Ql(e,t,n,Eu,fr(e,0,r),fr(e,r+1,-1),r)}function fn(e,t){for(var n="",r=Cu(e),l=0;l6)switch(re(e,t+1)){case 109:if(re(e,t+4)!==45)break;case 102:return $(e,/(.+:)(.+)-([^]+)/,"$1"+M+"$2-$3$1"+Pl+(re(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~_o(e,"stretch")?hf($(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(re(e,t+1)!==115)break;case 6444:switch(re(e,Ye(e)-3-(~_o(e,"!important")&&10))){case 107:return $(e,":",":"+M)+e;case 101:return $(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+M+(re(e,14)===45?"inline-":"")+"box$3$1"+M+"$2$3$1"+se+"$2box$3")+e}break;case 5936:switch(re(e,t+11)){case 114:return M+e+se+$(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return M+e+se+$(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return M+e+se+$(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return M+e+se+e+e}return e}var Nm=function(t,n,r,l){if(t.length>-1&&!t.return)switch(t.type){case Eu:t.return=hf(t.value,t.length);break;case af:return fn([$n(t,{value:$(t.value,"@","@"+M)})],l);case xu:if(t.length)return cm(t.props,function(i){switch(am(i,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return fn([$n(t,{props:[$(i,/:(read-\w+)/,":"+Pl+"$1")]})],l);case"::placeholder":return fn([$n(t,{props:[$(i,/:(plac\w+)/,":"+M+"input-$1")]}),$n(t,{props:[$(i,/:(plac\w+)/,":"+Pl+"$1")]}),$n(t,{props:[$(i,/:(plac\w+)/,se+"input-$1")]})],l)}return""})}},Tm=[Nm],zm=function(t){var n=t.key;if(n==="css"){var r=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(r,function(v){var N=v.getAttribute("data-emotion");N.indexOf(" ")!==-1&&(document.head.appendChild(v),v.setAttribute("data-s",""))})}var l=t.stylisPlugins||Tm,i={},o,u=[];o=t.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+n+' "]'),function(v){for(var N=v.getAttribute("data-emotion").split(" "),f=1;f=4;++r,l-=4)n=e.charCodeAt(r)&255|(e.charCodeAt(++r)&255)<<8|(e.charCodeAt(++r)&255)<<16|(e.charCodeAt(++r)&255)<<24,n=(n&65535)*1540483477+((n>>>16)*59797<<16),n^=n>>>24,t=(n&65535)*1540483477+((n>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(l){case 3:t^=(e.charCodeAt(r+2)&255)<<16;case 2:t^=(e.charCodeAt(r+1)&255)<<8;case 1:t^=e.charCodeAt(r)&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 Hm={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,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},Bm=!1,Wm=/[A-Z]|^ms/g,Qm=/_EMO_([^_]+?)_([^]*?)_EMO_/g,kf=function(t){return t.charCodeAt(1)===45},Hs=function(t){return t!=null&&typeof t!="boolean"},Ri=mf(function(e){return kf(e)?e:e.replace(Wm,"-$&").toLowerCase()}),Bs=function(t,n){switch(t){case"animation":case"animationName":if(typeof n=="string")return n.replace(Qm,function(r,l,i){return Xe={name:l,styles:i,next:Xe},l})}return Hm[t]!==1&&!kf(t)&&typeof n=="number"&&n!==0?n+"px":n},Km="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function pr(e,t,n){if(n==null)return"";var r=n;if(r.__emotion_styles!==void 0)return r;switch(typeof n){case"boolean":return"";case"object":{var l=n;if(l.anim===1)return Xe={name:l.name,styles:l.styles,next:Xe},l.name;var i=n;if(i.styles!==void 0){var o=i.next;if(o!==void 0)for(;o!==void 0;)Xe={name:o.name,styles:o.styles,next:Xe},o=o.next;var u=i.styles+";";return u}return Ym(e,t,n)}case"function":{if(e!==void 0){var s=Xe,c=n(e);return Xe=s,pr(e,t,c)}break}}var m=n;if(t==null)return m;var p=t[m];return p!==void 0?p:m}function Ym(e,t,n){var r="";if(Array.isArray(n))for(var l=0;l96?nh:rh},Ks=function(t,n,r){var l;if(n){var i=n.shouldForwardProp;l=t.__emotion_forwardProp&&i?function(o){return t.__emotion_forwardProp(o)&&i(o)}:i}return typeof l!="function"&&r&&(l=t.__emotion_forwardProp),l},lh=!1,ih=function(t){var n=t.cache,r=t.serialized,l=t.isStringTag;return Sf(n,r,l),Zm(function(){return Um(n,r,l)}),null},oh=function e(t,n){var r=t.__emotion_real===t,l=r&&t.__emotion_base||t,i,o;n!==void 0&&(i=n.label,o=n.target);var u=Ks(t,n,r),s=u||Qs(l),c=!s("as");return function(){var m=arguments,p=r&&t.__emotion_styles!==void 0?t.__emotion_styles.slice(0):[];if(i!==void 0&&p.push("label:"+i+";"),m[0]==null||m[0].raw===void 0)p.push.apply(p,m);else{p.push(m[0][0]);for(var h=m.length,S=1;Se.duration}s infinite ease-in-out; - left: ${e=>e.x}%; - top: ${e=>e.y}%; -`;ke.div` - position: fixed; // 화면에 고정 - top: 0; - left: 0; - width: 100%; - height: 100%; - overflow: hidden; // 넘치는 부분 숨김 - z-index: -1; // 다른 콘텐츠 뒤로 보내기! - background-color: white; -`;ke.header` - display: flex; - align-items: center; - justify-content: flex-start; - background-color: rgb(255, 255, 255, 0.5); - color: white; - width: 100%; - height: 100px; - backdrop-filter: blur(10px); -`;ke.img` - height: 55px; -`;ke.div` - width: 200px; - display: flex; - flex-direction: row; - align-items: center; - justify-content: center; -`;ke.h1` - font-size: 30px; - font-weight: bold; - color: black; - margin-left: 10px; -`;ke.nav` - display: flex; - gap: 20px; - margin-left: 40px; -`;ke.a` - color: #715f00; - text-decoration: none; - font-size: 15px; - font-weight: 500; - - &:hover { - text-decoration: underline; - color: black; - } -`;Sr` - margin: 0; - font-size: 16px; -`;ke.button` - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: center; - width: 40px; - height: 100%; - margin-left: 630px; - border: none; - background-color: transparent; /* 배경 색상 제거 */ - - &:hover { - border: none; - background-color: transparent; /* 배경 색상 제거 */ - } - - &:focus { - outline: none; /* 포커스 시 아웃라인 제거 */ - border: none; - background-color: transparent; - } - - &:active { - outline: none; /* 클릭 시 아웃라인 제거 */ - border: none; - background-color: transparent; - } -`;ke.img` - width: 33px; - height: 33px; - margin-top: 10px; -`;Sr` - background-color: transparent; - border-top: 2px solid #715f00; - color: #000; - text-align: left; - padding: 20px 0; - position: relative; - bottom: 0; - z-index: 1000; // 다른 요소들 위로 보이도록 z-index 설정 - width: 100%; - height: 130px; -`;Sr` - font-size: 14px; - font-weight: bold; - margin: 20px 0px 0px 50px; -`;Sr` - font-size: 14px; - margin: 10px 0px 0px 50px; -`;ke.div` - position: relative; - width: 100vw; - display: flex; - flex-direction: column; // 세로 방향으로 정렬 - z-index: 0; // 배경보다 앞에 위치 - margin: 0px 0px 0px 0px; - min-height: 100vh; -`;ke.main` - flex: 1; - padding: 0px; /* 콘텐츠 패딩 */ - - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; -`;function ah(){return la.jsx("h1",{children:"fhfhhh"})}uf(document.getElementById("root")).render(la.jsx(ah,{})); diff --git a/dist/assets/kaboologo-uRFU_VBh.png b/dist/assets/kaboologo-uRFU_VBh.png deleted file mode 100644 index 5b381089..00000000 Binary files a/dist/assets/kaboologo-uRFU_VBh.png and /dev/null differ diff --git a/dist/index.html b/dist/index.html deleted file mode 100644 index 8163f0ba..00000000 --- a/dist/index.html +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - 카부카부 - - - -
- - diff --git a/package-lock.json b/package-lock.json index caea0554..6ddbdcf7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -14,7 +14,7 @@ "axios": "^1.7.3", "react": "^18.3.1", "react-dom": "^18.3.1", - "react-router-dom": "^6.26.0", + "react-router-dom": "^6.26.1", "zustand": "^4.5.4" }, "devDependencies": { @@ -1143,9 +1143,9 @@ } }, "node_modules/@remix-run/router": { - "version": "1.19.0", - "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.19.0.tgz", - "integrity": "sha512-zDICCLKEwbVYTS6TjYaWtHXxkdoUvD/QXvyVZjGCsWz5vyH7aFeONlPffPdW+Y/t6KT0MgXb2Mfjun9YpWN1dA==", + "version": "1.19.1", + "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.19.1.tgz", + "integrity": "sha512-S45oynt/WH19bHbIXjtli6QmwNYvaz+vtnubvNpNDvUOoA/OWh6j1OikIP3G+v5GHdxyC6EXoChG3HgYGEUfcg==", "license": "MIT", "engines": { "node": ">=14.0.0" @@ -4158,12 +4158,12 @@ } }, "node_modules/react-router": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.26.0.tgz", - "integrity": "sha512-wVQq0/iFYd3iZ9H2l3N3k4PL8EEHcb0XlU2Na8nEwmiXgIUElEH6gaJDtUQxJ+JFzmIXaQjfdpcGWaM6IoQGxg==", + "version": "6.26.1", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.26.1.tgz", + "integrity": "sha512-kIwJveZNwp7teQRI5QmwWo39A5bXRyqpH0COKKmPnyD2vBvDwgFXSqDUYtt1h+FEyfnE8eXr7oe0MxRzVwCcvQ==", "license": "MIT", "dependencies": { - "@remix-run/router": "1.19.0" + "@remix-run/router": "1.19.1" }, "engines": { "node": ">=14.0.0" @@ -4173,13 +4173,13 @@ } }, "node_modules/react-router-dom": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.26.0.tgz", - "integrity": "sha512-RRGUIiDtLrkX3uYcFiCIxKFWMcWQGMojpYZfcstc63A1+sSnVgILGIm9gNUA6na3Fm1QuPGSBQH2EMbAZOnMsQ==", + "version": "6.26.1", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.26.1.tgz", + "integrity": "sha512-veut7m41S1fLql4pLhxeSW3jlqs+4MtjRLj0xvuCEXsxusJCbs6I8yn9BxzzDX2XDgafrccY6hwjmd/bL54tFw==", "license": "MIT", "dependencies": { - "@remix-run/router": "1.19.0", - "react-router": "6.26.0" + "@remix-run/router": "1.19.1", + "react-router": "6.26.1" }, "engines": { "node": ">=14.0.0" diff --git a/package.json b/package.json index 94310391..cf8171b0 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,7 @@ "axios": "^1.7.3", "react": "^18.3.1", "react-dom": "^18.3.1", - "react-router-dom": "^6.26.0", + "react-router-dom": "^6.26.1", "zustand": "^4.5.4" }, "devDependencies": { diff --git a/src/App.css b/src/App.css deleted file mode 100644 index b9d355df..00000000 --- a/src/App.css +++ /dev/null @@ -1,42 +0,0 @@ -#root { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - text-align: center; -} - -.logo { - height: 6em; - padding: 1.5em; - will-change: filter; - transition: filter 300ms; -} -.logo:hover { - filter: drop-shadow(0 0 2em #646cffaa); -} -.logo.react:hover { - filter: drop-shadow(0 0 2em #61dafbaa); -} - -@keyframes logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -@media (prefers-reduced-motion: no-preference) { - a:nth-of-type(2) .logo { - animation: logo-spin infinite 20s linear; - } -} - -.card { - padding: 2em; -} - -.read-the-docs { - color: #888; -} diff --git a/src/App.jsx b/src/App.jsx index 3c288a70..2ad33c4f 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,11 +1,25 @@ +import { useState } from "react"; +import { + BrowserRouter as Router, + Routes, + Route, + Link, + useLocation, +} from "react-router-dom"; +import Header from "./components/Common/Header"; +import HomeMain from "./pages/homepages/HomeMain"; import GlobalStyle from "./components/Common/GlobalStyle"; import { PeopleListPage } from "./pages/PeopleListPage"; +import ChatPage from "./pages/chat/ChatPage"; + function App() { return ( - <> - - - + + + }> + }> + + ); } diff --git a/src/assets/images/smiles.png b/src/assets/images/smiles.png new file mode 100644 index 00000000..92122c0b Binary files /dev/null and b/src/assets/images/smiles.png differ diff --git a/src/components/Common/Header.jsx b/src/components/Common/Header.jsx index 62832b42..68e2d24d 100644 --- a/src/components/Common/Header.jsx +++ b/src/components/Common/Header.jsx @@ -2,21 +2,29 @@ import React from "react"; import * as styles from "./Header.styled"; import logo from "../../assets/images/kaboologo.png"; import peoplelogo from "../../assets/images/peoplelogo.png"; +import { useNavigate } from "react-router-dom"; function Header() { + const navigate = useNavigate(); return ( - - - 카부카부 - + + { + navigate("/"); + }} + > + + 카부커넥션 + - - 카부 게시판 - 카부 프로젝트 - 카부 편의 - 카부 커넥션 - + + 카부 게시판 + 카부 프로젝트 + 카부 편의 + 카부 커넥션 + + diff --git a/src/components/Common/Header.styled.js b/src/components/Common/Header.styled.js index c5aa3356..47880d11 100644 --- a/src/components/Common/Header.styled.js +++ b/src/components/Common/Header.styled.js @@ -5,27 +5,34 @@ import { css } from "@emotion/react"; export const HeaderContainer = styled.header` display: flex; align-items: center; - justify-content: flex-start; - background-color: rgb(255, 255, 255, 0.5); + justify-content: center; + background-color: rgb(255, 255, 255, 0.5) color: white; - width: 100%; - height: 100px; + width: 100vw; + height: 150px; backdrop-filter: blur(10px); `; +export const HeaderSubContainer = styled.div` + display: flex; + align-items: center; + justify-content: flex-start; + width: 90%; + height: 100%; +`; export const Logo = styled.img` - height: 55px; + height: 100px; `; export const LogoWrapper = styled.div` - width: 200px; + width: 300px; display: flex; flex-direction: row; align-items: center; - justify-content: center; + justify-content: flex-start; `; export const ServiceName = styled.h1` - font-size: 30px; + font-size: 35px; font-weight: bold; color: black; margin-left: 10px; @@ -35,13 +42,14 @@ export const NavBar = styled.nav` display: flex; gap: 20px; margin-left: 40px; + width: 400px; `; export const NavItem = styled.a` color: #715f00; text-decoration: none; - font-size: 15px; - font-weight: 500; + font-size: 17px; + font-weight: 600; &:hover { text-decoration: underline; @@ -61,7 +69,6 @@ export const PeopleLogoWrapper = styled.button` align-items: center; width: 40px; height: 100%; - margin-left: 630px; border: none; background-color: transparent; /* 배경 색상 제거 */ diff --git a/src/components/Common/Layout.jsx b/src/components/Common/Layout.jsx index 319d71df..fb7aa940 100644 --- a/src/components/Common/Layout.jsx +++ b/src/components/Common/Layout.jsx @@ -7,7 +7,7 @@ import { LayoutContainer, MainContent } from "./Layout.styled"; const Layout = ({ children }) => { return ( <> - +
{children} diff --git a/src/index.css b/src/index.css new file mode 100644 index 00000000..5d6481de --- /dev/null +++ b/src/index.css @@ -0,0 +1,33 @@ +/* +html, body { + margin: 0; + padding: 0; + height: 200%; + width: 100%; + display: flex; + align-items: flex-start; + justify-content: center; + background-color: aqua; +} + + +#root, #app { + height: 100%; + width: 200%; + display: flex; + align-items: center; + justify-content: center; + background-color: red; +} +*/ + +/* 전체 화면을 채우는 컨테이너 설정 +.container { + width: 100%; + height: 200vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-start; + background-color: blanchedalmond; +} */ diff --git a/src/pages/Homepage/HomePage.jsx b/src/pages/Homepage/HomePage.jsx index f83d028d..077de8de 100644 --- a/src/pages/Homepage/HomePage.jsx +++ b/src/pages/Homepage/HomePage.jsx @@ -1,13 +1,13 @@ import React from "react"; import Layout from "../../components/Common/Layout"; - +import ChatMain from "../../pages/chat/ChatMain"; function HomePage() { return ( - -

햄스터

+

햄스터

햄스터

햄스터

+

햄스터22

 ); } diff --git a/src/pages/chat/ChatList.jsx b/src/pages/chat/ChatList.jsx new file mode 100644 index 00000000..6f41d68c --- /dev/null +++ b/src/pages/chat/ChatList.jsx @@ -0,0 +1,31 @@ +import React from "react"; +import * as styles from "./styled/ChatList.styled"; +import smile from "../../assets/images/smiles.png"; +const ChatList = (props) => { + const truncatedContent = + props.content.length > 20 + ? `${props.content.slice(0, 15)}...` + : props.content; + + return ( + + + + + + + {props.name} + {truncatedContent} + + + + {props.time} + + {props.alramcount} + + + + ); +}; + +export default ChatList; diff --git a/src/pages/chat/ChatMain.jsx b/src/pages/chat/ChatMain.jsx new file mode 100644 index 00000000..48f9155d --- /dev/null +++ b/src/pages/chat/ChatMain.jsx @@ -0,0 +1,42 @@ +import React from "react"; +import * as styles from "./styled/ChatMain.styled"; +import ChatRoom from "./ChatRoom"; +import ChatList from "./ChatList"; +import Layout from "../../components/Common/Layout"; + +function ChatMain() { + return ( + + + 첫 커넥션 + + + + + + + + + + + + + ); +} + +export default ChatMain; diff --git a/src/pages/chat/ChatPage.jsx b/src/pages/chat/ChatPage.jsx new file mode 100644 index 00000000..c83506ec --- /dev/null +++ b/src/pages/chat/ChatPage.jsx @@ -0,0 +1,12 @@ +import React from "react"; +import Layout from "../../components/Common/Layout"; +import ChatMain from "../../pages/chat/ChatMain"; +function ChatPage() { + return ( + + + + ); +} + +export default ChatPage; diff --git a/src/pages/chat/ChatRoom.jsx b/src/pages/chat/ChatRoom.jsx new file mode 100644 index 00000000..80b8ccd0 --- /dev/null +++ b/src/pages/chat/ChatRoom.jsx @@ -0,0 +1,27 @@ +import React from "react"; +import * as styles from "./styled/ChatRoom.styled"; +import Text from "../../components/Common/Text"; + +const ChatRoom = (props) => { + return ( + + + + + + + + + + + + + + ); +}; +export default ChatRoom; diff --git a/src/pages/chat/styled/ChatList.styled.js b/src/pages/chat/styled/ChatList.styled.js new file mode 100644 index 00000000..2ae21307 --- /dev/null +++ b/src/pages/chat/styled/ChatList.styled.js @@ -0,0 +1,91 @@ +/** @jsxImportSource @emotion/react */ +import styled from "@emotion/styled"; +import { css } from "@emotion/react"; + +export const TotalWrapper = styled.div` + display: flex; + flex-direction: row; + width: 100%; + height: 130px; + align-items: center; + justify-content: space-between; + border-top: 1px solid gray; + border-bottom: 1px solid gray; +`; + +export const ContentWrapper = styled.div` + display: flex; + flex-direction: row; + width: 60%; + height: 100%; + align-items: center; + justify-content: center; +`; + +export const ProfileWrapper = styled.div` + display: flex; + width: 85px; + height: 85px; + align-items: flex-start; + justify-content: center; +`; +export const Profile = styled.img` + width: 90%; + height: 90%; +`; +export const NameContentWrapper = styled.div` + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: flex-start; + width: 60%; + height: 60%; +`; + +export const UserName = styled.div` + font-size: ${(props) => props.fontSize || "20px"}; + font-weight: bold; + margin-top: 5px; +`; + +export const TalkContent = styled.div` + font-size: ${(props) => props.fontSize || "17px"}; + margin-top: 5px; +`; + +export const TimeAlramWrapper = styled.div` + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-start; + width: 30%; + height: 60%; + margin-left: 10px; +`; + +export const Time = styled.div` + display: flex; + width: 80%; + justify-content: center; + font-size: 17px; + margin-top: 5px; +`; +export const AlramWrapper = styled.div` + display: flex; + width: 45%; + + justify-content: flex-end; + margin-top: 5px; +`; +export const Alram = styled.div` + display: flex; + align-items: center; + justify-content: center; + width: 25px; + height: 25px; + border-radius: 20px; + font-size: 17px; + font-weight: bold; + color: black; + background-color: #ff5555; +`; diff --git a/src/pages/chat/styled/ChatMain.styled.js b/src/pages/chat/styled/ChatMain.styled.js new file mode 100644 index 00000000..6bf7c044 --- /dev/null +++ b/src/pages/chat/styled/ChatMain.styled.js @@ -0,0 +1,49 @@ +/** @jsxImportSource @emotion/react */ +import styled from "@emotion/styled"; +import { css } from "@emotion/react"; + +export const TotalWrapper = styled.div` + display: flex; + flex-direction: column; + width: 100%; + height: 100vh; + align-items: center; + justify-content: center; +`; + +export const TitleWrapper = styled.div` + width: 90%; + height: 5%; + display: flex; + align-items: center; + justify-content: flex-start; +`; + +export const Title = styled.h1` + font-size: 30px; + font-weight: bold; + margin-left: 10px; +`; + +export const ChatWrapper = styled.div` + width: 90%; + height: 90%; + background-color: white; + display: flex; + flex-direction: row; + jusitfy-content: center; + align-items: center; + border-top: 3px solid brown; + border-bottom: 3px solid brown; +`; + +export const LeftWrapper = styled.div` + width: 50%; + height: 100%; + background-color: #fff9d9; +`; + +export const RightWrapper = styled.div` + width: 50%; + height: 100%; +`; diff --git a/src/pages/chat/styled/ChatRoom.styled.js b/src/pages/chat/styled/ChatRoom.styled.js new file mode 100644 index 00000000..e063cb1a --- /dev/null +++ b/src/pages/chat/styled/ChatRoom.styled.js @@ -0,0 +1,31 @@ +/** @jsxImportSource @emotion/react */ +import styled from "@emotion/styled"; +import { css } from "@emotion/react"; + +export const TotalWrapper = styled.div` + display: flex; + flex-direction: column; + width: 100%; + height: 100%; + align-items: center; + justify-content: flex-start; +`; + +export const NameWrapper = styled.div` + display: flex; + width: 100%; + height: 100px; + background-color: #f8f7e1; + align-items: center; + justify-content: center; +`; + +export const ChatRoomWrapper = styled.div``; + +export const BottomWrapper = styled.div``; + +export const InputWrapper = styled.div``; + +export const Input = styled.input``; + +export const SendButton = styled.button``; diff --git a/src/pages/home/HomeMain.jsx b/src/pages/home/HomeMain.jsx new file mode 100644 index 00000000..ad632550 --- /dev/null +++ b/src/pages/home/HomeMain.jsx @@ -0,0 +1,15 @@ +import React from 'react'; +import * as main from './HomeMain_styled'; +import Header from '../../components/Header'; + +function HomeMain() { + return ( + + + + + ) + } + + export default HomeMain; + \ No newline at end of file diff --git a/src/pages/home/HomeMain_styled.js b/src/pages/home/HomeMain_styled.js new file mode 100644 index 00000000..bb3d5296 --- /dev/null +++ b/src/pages/home/HomeMain_styled.js @@ -0,0 +1,29 @@ +/** @jsxImportSource @emotion/react */ +import styled from '@emotion/styled'; + +export const Container= styled.div` + display: flex; + flex-direction: column; + width: 100%; + height: 100vh; + align-items: center; + justify-content: center; + background-color: blue; + +`; + +export const Header = styled.header` + width: 100%; + color: white; + text-align: center; + padding: 10px; +`; + +export const Main = styled.main` + flex: 1; + display: flex; + align-items: center; + justify-content: center; + width: 100%; + overflow-y: auto; +`; diff --git a/src/pages/homepages/HomeMain.jsx b/src/pages/homepages/HomeMain.jsx new file mode 100644 index 00000000..1bbf91ee --- /dev/null +++ b/src/pages/homepages/HomeMain.jsx @@ -0,0 +1,15 @@ +import React from "react"; +import Layout from "../../components/Common/Layout"; +import ChatMain from "../../pages/chat/ChatMain"; +function HomeMain() { + return ( + +

햄스터

+

햄스터

+

햄스터

+

햄스터ss

+ + ); +} + +export default HomeMain; diff --git a/src/pages/homepages/HomeMain_styled.js b/src/pages/homepages/HomeMain_styled.js new file mode 100644 index 00000000..2ff5e47f --- /dev/null +++ b/src/pages/homepages/HomeMain_styled.js @@ -0,0 +1,27 @@ +/** @jsxImportSource @emotion/react */ +import styled from "@emotion/styled"; + +export const Container = styled.div` + display: flex; + flex-direction: column; + width: 100%; + height: 100vh; + align-items: center; + justify-content: center; +`; + +export const Header = styled.header` + width: 100%; + color: white; + text-align: center; + padding: 10px; +`; + +export const Main = styled.main` + flex: 1; + display: flex; + align-items: center; + justify-content: center; + width: 100%; + overflow-y: auto; +`;