Anvil/sb-manager/chunk-B3YDJJJH.js

348 lines
702 KiB
JavaScript
Raw Normal View History

2024-06-16 17:30:30 +02:00
import{__commonJS,__export,__toESM,require_memoizerific}from"./chunk-ZR5JZWHI.js";var require_react_development=__commonJS({"../../node_modules/react/cjs/react.development.js"(exports,module){"use strict";(function(){"use strict";typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error);var ReactVersion="18.2.0",REACT_ELEMENT_TYPE=Symbol.for("react.element"),REACT_PORTAL_TYPE=Symbol.for("react.portal"),REACT_FRAGMENT_TYPE=Symbol.for("react.fragment"),REACT_STRICT_MODE_TYPE=Symbol.for("react.strict_mode"),REACT_PROFILER_TYPE=Symbol.for("react.profiler"),REACT_PROVIDER_TYPE=Symbol.for("react.provider"),REACT_CONTEXT_TYPE=Symbol.for("react.context"),REACT_FORWARD_REF_TYPE=Symbol.for("react.forward_ref"),REACT_SUSPENSE_TYPE=Symbol.for("react.suspense"),REACT_SUSPENSE_LIST_TYPE=Symbol.for("react.suspense_list"),REACT_MEMO_TYPE=Symbol.for("react.memo"),REACT_LAZY_TYPE=Symbol.for("react.lazy"),REACT_OFFSCREEN_TYPE=Symbol.for("react.offscreen"),MAYBE_ITERATOR_SYMBOL=Symbol.iterator,FAUX_ITERATOR_SYMBOL="@@iterator";function getIteratorFn(maybeIterable){if(maybeIterable===null||typeof maybeIterable!="object")return null;var maybeIterator=MAYBE_ITERATOR_SYMBOL&&maybeIterable[MAYBE_ITERATOR_SYMBOL]||maybeIterable[FAUX_ITERATOR_SYMBOL];return typeof maybeIterator=="function"?maybeIterator:null}var ReactCurrentDispatcher={current:null},ReactCurrentBatchConfig={transition:null},ReactCurrentActQueue={current:null,isBatchingLegacy:!1,didScheduleLegacyUpdate:!1},ReactCurrentOwner={current:null},ReactDebugCurrentFrame={},currentExtraStackFrame=null;function setExtraStackFrame(stack){currentExtraStackFrame=stack}ReactDebugCurrentFrame.setExtraStackFrame=function(stack){currentExtraStackFrame=stack},ReactDebugCurrentFrame.getCurrentStack=null,ReactDebugCurrentFrame.getStackAddendum=function(){var stack="";currentExtraStackFrame&&(stack+=currentExtraStackFrame);var impl=ReactDebugCurrentFrame.getCurrentStack;return impl&&(stack+=impl()||""),stack};var enableScopeAPI=!1,enableCacheElement=!1,enableTransitionTracing=!1,enableLegacyHidden=!1,enableDebugTracing=!1,ReactSharedInternals={ReactCurrentDispatcher,ReactCurrentBatchConfig,ReactCurrentOwner};ReactSharedInternals.ReactDebugCurrentFrame=ReactDebugCurrentFrame,ReactSharedInternals.ReactCurrentActQueue=ReactCurrentActQueue;function warn(format2){{for(var _len=arguments.length,args=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++)args[_key-1]=arguments[_key];printWarning("warn",format2,args)}}function error(format2){{for(var _len2=arguments.length,args=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args[_key2-1]=arguments[_key2];printWarning("error",format2,args)}}function printWarning(level,format2,args){{var ReactDebugCurrentFrame2=ReactSharedInternals.ReactDebugCurrentFrame,stack=ReactDebugCurrentFrame2.getStackAddendum();stack!==""&&(format2+="%s",args=args.concat([stack]));var argsWithFormat=args.map(function(item){return String(item)});argsWithFormat.unshift("Warning: "+format2),Function.prototype.apply.call(console[level],console,argsWithFormat)}}var didWarnStateUpdateForUnmountedComponent={};function warnNoop(publicInstance,callerName){{var _constructor=publicInstance.constructor,componentName=_constructor&&(_constructor.displayName||_constructor.name)||"ReactClass",warningKey=componentName+"."+callerName;if(didWarnStateUpdateForUnmountedComponent[warningKey])return;error("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",callerName,componentName),didWarnStateUpdateForUnmountedComponent[warningKey]=!0}}var ReactNoopUpdateQueue={isMounted:function(publicInstance){return!1},enqueueForceUpdate:function(publicInstance,callback,callerName){warnNoop(publicInstance,"forceUpdate")},enqueueReplaceState:function(publicInstance,completeState,callback,caller
Your code should look like:
const MyComponent = lazy(() => import('./MyComponent'))
Did you accidentally put curly braces around the import?`,moduleObject),"default"in moduleObject||error(`lazy: Expected the result of a dynamic import() call. Instead received: %s
Your code should look like:
const MyComponent = lazy(() => import('./MyComponent'))`,moduleObject),moduleObject.default}else throw payload._result}function lazy(ctor){var payload={_status:Uninitialized,_result:ctor},lazyType={$$typeof:REACT_LAZY_TYPE,_payload:payload,_init:lazyInitializer};{var defaultProps,propTypes;Object.defineProperties(lazyType,{defaultProps:{configurable:!0,get:function(){return defaultProps},set:function(newDefaultProps){error("React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),defaultProps=newDefaultProps,Object.defineProperty(lazyType,"defaultProps",{enumerable:!0})}},propTypes:{configurable:!0,get:function(){return propTypes},set:function(newPropTypes){error("React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."),propTypes=newPropTypes,Object.defineProperty(lazyType,"propTypes",{enumerable:!0})}}})}return lazyType}function forwardRef3(render){render!=null&&render.$$typeof===REACT_MEMO_TYPE?error("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):typeof render!="function"?error("forwardRef requires a render function but was given %s.",render===null?"null":typeof render):render.length!==0&&render.length!==2&&error("forwardRef render functions accept exactly two parameters: props and ref. %s",render.length===1?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),render!=null&&(render.defaultProps!=null||render.propTypes!=null)&&error("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?");var elementType={$$typeof:REACT_FORWARD_REF_TYPE,render};{var ownName;Object.defineProperty(elementType,"displayName",{enumerable:!1,configurable:!0,get:function(){return ownName},set:function(name){ownName=name,!render.name&&!render.displayName&&(render.displayName=name)}})}return elementType}var REACT_MODULE_REFERENCE;REACT_MODULE_REFERENCE=Symbol.for("react.module.reference");function isValidElementType(type){return!!(typeof type=="string"||typeof type=="function"||type===REACT_FRAGMENT_TYPE||type===REACT_PROFILER_TYPE||enableDebugTracing||type===REACT_STRICT_MODE_TYPE||type===REACT_SUSPENSE_TYPE||type===REACT_SUSPENSE_LIST_TYPE||enableLegacyHidden||type===REACT_OFFSCREEN_TYPE||enableScopeAPI||enableCacheElement||enableTransitionTracing||typeof type=="object"&&type!==null&&(type.$$typeof===REACT_LAZY_TYPE||type.$$typeof===REACT_MEMO_TYPE||type.$$typeof===REACT_PROVIDER_TYPE||type.$$typeof===REACT_CONTEXT_TYPE||type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_MODULE_REFERENCE||type.getModuleId!==void 0))}function memo(type,compare){isValidElementType(type)||error("memo: The first argument must be a component. Instead received: %s",type===null?"null":typeof type);var elementType={$$typeof:REACT_MEMO_TYPE,type,compare:compare===void 0?null:compare};{var ownName;Object.defineProperty(elementType,"displayName",{enumerable:!1,configurable:!0,get:function(){return ownName},set:function(name){ownName=name,!type.name&&!type.displayName&&(type.displayName=name)}})}return elementType}function resolveDispatcher(){var dispatcher=ReactCurrentDispatcher.current;return dispatcher===null&&error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.`),dispatcher}function useContext3(Context){var dispatcher=resolveDispatcher();if(Context._context!==void 0){var realContext=Context._context;realContext.Consumer===Context?error("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?"):realContext.Provider===Context&&error("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?")}return dispatcher.useContext(Context)}function useState(initialState){var dispatcher=resolveDispatcher();return dispatcher.useState(initialState)}function useReducer(reducer,initialArg,init){var dispatcher=resolveDispatcher();return dispatcher.useReducer(reducer,initialArg,init)}function useRef2(initialValue){var dispatcher=resolveDispatcher();return dispatcher.useRef(initialValue)}function useEffect(create3,deps){var dispatcher=resolveDispatcher();return dispatcher.useEffect(create3,deps)}function useInsertionEffect3(create3,deps){var dispatcher=resolveDispatcher();return dispatcher.useInsertionEffect(create3,deps)}function useLayoutEffect2(create3,deps){var dispatcher=resolveDispatcher();return dispatcher.useLayoutEffect(create3,deps)}function useCallback(callback,deps){var dispatcher=resolveDispatcher();return dispatcher.useCallback(callback,deps)}function useMemo(create3,deps){var dispatcher=resolveDispatcher();return dispatcher.useMemo(create3,deps)}function useImperativeHandle(ref,create3,deps){var dispatcher=resolveDispatcher();return dispatcher.useImperativeHandle(ref,create3,deps)}function useDebugValue(value,formatterFn){{var dispatcher=resolveDispatcher();return dispatcher.useDebugValue(value,formatterFn)}}function useTransition(){var dispatcher=resolveDispatcher();return dispatcher.useTransition()}function useDeferredValue(value){var dispatcher=resolveDispatcher();return dispatcher.useDeferredValue(value)}function useId(){var dispatcher=resolveDispatcher();return dispatcher.useId()}function useSyncExternalStore(subscribe,getSnapshot,getServerSnapshot){var dispatcher=resolveDispatcher();return dispatcher.useSyncExternalStore(subscribe,getSnapshot,getServerSnapshot)}var disabledDepth=0,prevLog,prevInfo,prevWarn,prevError,prevGroup,prevGroupCollapsed,prevGroupEnd;function disabledLog(){}disabledLog.__reactDisabledLog=!0;function disableLogs(){{if(disabledDepth===0){prevLog=console.log,prevInfo=console.info,prevWarn=console.warn,prevError=console.error,prevGroup=console.group,prevGroupCollapsed=console.groupCollapsed,prevGroupEnd=console.groupEnd;var props={configurable:!0,enumerable:!0,value:disabledLog,writable:!0};Object.defineProperties(console,{info:props,log:props,warn:props,error:props,group:props,groupCollapsed:props,groupEnd:props})}disabledDepth++}}function reenableLogs(){{if(disabledDepth--,disabledDepth===0){var props={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:assign2({},props,{value:prevLog}),info:assign2({},props,{value:prevInfo}),warn:assign2({},props,{value:prevWarn}),error:assign2({},props,{value:prevError}),group:assign2({},props,{value:prevGroup}),groupCollapsed:assign2({},props,{value:prevGroupCollapsed}),groupEnd:assign2({},props,{value:prevGroupEnd})})}disabledDepth<0&&error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var ReactCurrentDispatcher$1=ReactSharedInternals.ReactCurrentDispatcher,prefix2;function describeBuiltInComponentFrame(name,source,ownerFn){{if(prefix2===void 0)try{throw Error()}catch(x){var match2=x.stack.trim().match(/\n( *(at )?)/);prefix2=match2&&match2[1]||""}return`
`+prefix2+name}}var reentry=!1,componentFrameCache;{var PossiblyWeakMap=typeof WeakMap=="function"?WeakMap:Map;componentFrameCache=new PossiblyWeakMap}function describeNativeComponentFrame(fn,construct){if(!fn||reentry)return"";{var frame=componentFrameCache.get(fn);if(frame!==void 0)return frame}var control;reentry=!0;var previousPrepareStackTrace=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var previousDispatcher;previousDispatcher=ReactCurrentDispatcher$1.current,ReactCurrentDispatcher$1.current=null,disableLogs();try{if(construct){var Fake=function(){throw Error()};if(Object.defineProperty(Fake.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(Fake,[])}catch(x){control=x}Reflect.construct(fn,[],Fake)}else{try{Fake.call()}catch(x){control=x}fn.call(Fake.prototype)}}else{try{throw Error()}catch(x){control=x}fn()}}catch(sample){if(sample&&control&&typeof sample.stack=="string"){for(var sampleLines=sample.stack.split(`
`),controlLines=control.stack.split(`
`),s=sampleLines.length-1,c=controlLines.length-1;s>=1&&c>=0&&sampleLines[s]!==controlLines[c];)c--;for(;s>=1&&c>=0;s--,c--)if(sampleLines[s]!==controlLines[c]){if(s!==1||c!==1)do if(s--,c--,c<0||sampleLines[s]!==controlLines[c]){var _frame=`
`+sampleLines[s].replace(" at new "," at ");return fn.displayName&&_frame.includes("<anonymous>")&&(_frame=_frame.replace("<anonymous>",fn.displayName)),typeof fn=="function"&&componentFrameCache.set(fn,_frame),_frame}while(s>=1&&c>=0);break}}}finally{reentry=!1,ReactCurrentDispatcher$1.current=previousDispatcher,reenableLogs(),Error.prepareStackTrace=previousPrepareStackTrace}var name=fn?fn.displayName||fn.name:"",syntheticFrame=name?describeBuiltInComponentFrame(name):"";return typeof fn=="function"&&componentFrameCache.set(fn,syntheticFrame),syntheticFrame}function describeFunctionComponentFrame(fn,source,ownerFn){return describeNativeComponentFrame(fn,!1)}function shouldConstruct(Component2){var prototype=Component2.prototype;return!!(prototype&&prototype.isReactComponent)}function describeUnknownElementTypeFrameInDEV(type,source,ownerFn){if(type==null)return"";if(typeof type=="function")return describeNativeComponentFrame(type,shouldConstruct(type));if(typeof type=="string")return describeBuiltInComponentFrame(type);switch(type){case REACT_SUSPENSE_TYPE:return describeBuiltInComponentFrame("Suspense");case REACT_SUSPENSE_LIST_TYPE:return describeBuiltInComponentFrame("SuspenseList")}if(typeof type=="object")switch(type.$$typeof){case REACT_FORWARD_REF_TYPE:return describeFunctionComponentFrame(type.render);case REACT_MEMO_TYPE:return describeUnknownElementTypeFrameInDEV(type.type,source,ownerFn);case REACT_LAZY_TYPE:{var lazyComponent=type,payload=lazyComponent._payload,init=lazyComponent._init;try{return describeUnknownElementTypeFrameInDEV(init(payload),source,ownerFn)}catch{}}}return""}var loggedTypeFailures={},ReactDebugCurrentFrame$1=ReactSharedInternals.ReactDebugCurrentFrame;function setCurrentlyValidatingElement(element){if(element){var owner=element._owner,stack=describeUnknownElementTypeFrameInDEV(element.type,element._source,owner?owner.type:null);ReactDebugCurrentFrame$1.setExtraStackFrame(stack)}else ReactDebugCurrentFrame$1.setExtraStackFrame(null)}function checkPropTypes(typeSpecs,values,location,componentName,element){{var has=Function.call.bind(hasOwnProperty2);for(var typeSpecName in typeSpecs)if(has(typeSpecs,typeSpecName)){var error$1=void 0;try{if(typeof typeSpecs[typeSpecName]!="function"){var err=Error((componentName||"React class")+": "+location+" type `"+typeSpecName+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof typeSpecs[typeSpecName]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw err.name="Invariant Violation",err}error$1=typeSpecs[typeSpecName](values,typeSpecName,componentName,location,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(ex){error$1=ex}error$1&&!(error$1 instanceof Error)&&(setCurrentlyValidatingElement(element),error("%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).",componentName||"React class",location,typeSpecName,typeof error$1),setCurrentlyValidatingElement(null)),error$1 instanceof Error&&!(error$1.message in loggedTypeFailures)&&(loggedTypeFailures[error$1.message]=!0,setCurrentlyValidatingElement(element),error("Failed %s type: %s",location,error$1.message),setCurrentlyValidatingElement(null))}}}function setCurrentlyValidatingElement$1(element){if(element){var owner=element._owner,stack=describeUnknownElementTypeFrameInDEV(element.type,element._source,owner?owner.type:null);setExtraStackFrame(stack)}else setExtraStackFrame(null)}var propTypesMisspellWarningShown;propTypesMisspellWarningShown=!1;function getDeclarationErrorAddendum(){if(ReactCurrentOwner.current){var name=getComponentNameFromType(ReactCurrentOwner.current.type);if(name)return`
Check the render method of \``+name+"`."}return""}function getSourceInfoErrorAddendum(source){if(source!==void 0){var fileName=source.fileName.replace(/^.*[\\\/]/,""),lineNumber=source.lineNumber;return`
Check your code at `+fileName+":"+lineNumber+"."}return""}function getSourceInfoErrorAddendumForProps(elementProps){return elementProps!=null?getSourceInfoErrorAddendum(elementProps.__source):""}var ownerHasKeyUseWarning={};function getCurrentComponentErrorInfo(parentType){var info=getDeclarationErrorAddendum();if(!info){var parentName=typeof parentType=="string"?parentType:parentType.displayName||parentType.name;parentName&&(info=`
Check the top-level render call using <`+parentName+">.")}return info}function validateExplicitKey(element,parentType){if(!(!element._store||element._store.validated||element.key!=null)){element._store.validated=!0;var currentComponentErrorInfo=getCurrentComponentErrorInfo(parentType);if(!ownerHasKeyUseWarning[currentComponentErrorInfo]){ownerHasKeyUseWarning[currentComponentErrorInfo]=!0;var childOwner="";element&&element._owner&&element._owner!==ReactCurrentOwner.current&&(childOwner=" It was passed a child from "+getComponentNameFromType(element._owner.type)+"."),setCurrentlyValidatingElement$1(element),error('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',currentComponentErrorInfo,childOwner),setCurrentlyValidatingElement$1(null)}}}function validateChildKeys(node2,parentType){if(typeof node2=="object"){if(isArray(node2))for(var i=0;i<node2.length;i++){var child=node2[i];isValidElement(child)&&validateExplicitKey(child,parentType)}else if(isValidElement(node2))node2._store&&(node2._store.validated=!0);else if(node2){var iteratorFn=getIteratorFn(node2);if(typeof iteratorFn=="function"&&iteratorFn!==node2.entries)for(var iterator=iteratorFn.call(node2),step;!(step=iterator.next()).done;)isValidElement(step.value)&&validateExplicitKey(step.value,parentType)}}}function validatePropTypes(element){{var type=element.type;if(type==null||typeof type=="string")return;var propTypes;if(typeof type=="function")propTypes=type.propTypes;else if(typeof type=="object"&&(type.$$typeof===REACT_FORWARD_REF_TYPE||type.$$typeof===REACT_MEMO_TYPE))propTypes=type.propTypes;else return;if(propTypes){var name=getComponentNameFromType(type);checkPropTypes(propTypes,element.props,"prop",name,element)}else if(type.PropTypes!==void 0&&!propTypesMisspellWarningShown){propTypesMisspellWarningShown=!0;var _name=getComponentNameFromType(type);error("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",_name||"Unknown")}typeof type.getDefaultProps=="function"&&!type.getDefaultProps.isReactClassApproved&&error("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function validateFragmentProps(fragment){{for(var keys=Object.keys(fragment.props),i=0;i<keys.length;i++){var key=keys[i];if(key!=="children"&&key!=="key"){setCurrentlyValidatingElement$1(fragment),error("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",key),setCurrentlyValidatingElement$1(null);break}}fragment.ref!==null&&(setCurrentlyValidatingElement$1(fragment),error("Invalid attribute `ref` supplied to `React.Fragment`."),setCurrentlyValidatingElement$1(null))}}function createElementWithValidation(type,props,children){var validType=isValidElementType(type);if(!validType){var info="";(type===void 0||typeof type=="object"&&type!==null&&Object.keys(type).length===0)&&(info+=" 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 sourceInfo=getSourceInfoErrorAddendumForProps(props);sourceInfo?info+=sourceInfo:info+=getDeclarationErrorAddendum();var typeString;type===null?typeString="null":isArray(type)?typeString="array":type!==void 0&&type.$$typeof===REACT_ELEMENT_TYPE?(typeString="<"+(getComponentNameFromType(type.type)||"Unknown")+" />",info=" Did you accidentally export a JSX literal instead of a component?"):typeString=typeof type,error("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",typeString,info)}var element=createElement2.apply(this,arguments);if(element==null)return element;if(validType)for(var i=2;i<arguments.length;i++)validateChildKeys(arguments[i],type);return type===REACT_FRAGMENT_TYPE?validateFragmentProps(element):validatePropTypes(element),element}var didWarnAboutDeprecatedCreateFactory=!1;function createFactoryWithValidation(type){var validatedFac
`+prefix2+name}}var reentry=!1,componentFrameCache;{var PossiblyWeakMap=typeof WeakMap=="function"?WeakMap:Map;componentFrameCache=new PossiblyWeakMap}function describeNativeComponentFrame(fn,construct){if(!fn||reentry)return"";{var frame=componentFrameCache.get(fn);if(frame!==void 0)return frame}var control;reentry=!0;var previousPrepareStackTrace=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var previousDispatcher;previousDispatcher=ReactCurrentDispatcher.current,ReactCurrentDispatcher.current=null,disableLogs();try{if(construct){var Fake=function(){throw Error()};if(Object.defineProperty(Fake.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(Fake,[])}catch(x){control=x}Reflect.construct(fn,[],Fake)}else{try{Fake.call()}catch(x){control=x}fn.call(Fake.prototype)}}else{try{throw Error()}catch(x){control=x}fn()}}catch(sample){if(sample&&control&&typeof sample.stack=="string"){for(var sampleLines=sample.stack.split(`
`),controlLines=control.stack.split(`
`),s=sampleLines.length-1,c=controlLines.length-1;s>=1&&c>=0&&sampleLines[s]!==controlLines[c];)c--;for(;s>=1&&c>=0;s--,c--)if(sampleLines[s]!==controlLines[c]){if(s!==1||c!==1)do if(s--,c--,c<0||sampleLines[s]!==controlLines[c]){var _frame=`
`+sampleLines[s].replace(" at new "," at ");return fn.displayName&&_frame.includes("<anonymous>")&&(_frame=_frame.replace("<anonymous>",fn.displayName)),typeof fn=="function"&&componentFrameCache.set(fn,_frame),_frame}while(s>=1&&c>=0);break}}}finally{reentry=!1,ReactCurrentDispatcher.current=previousDispatcher,reenableLogs(),Error.prepareStackTrace=previousPrepareStackTrace}var name=fn?fn.displayName||fn.name:"",syntheticFrame=name?describeBuiltInComponentFrame(name):"";return typeof fn=="function"&&componentFrameCache.set(fn,syntheticFrame),syntheticFrame}function describeClassComponentFrame(ctor,source,ownerFn){return describeNativeComponentFrame(ctor,!0)}function describeFunctionComponentFrame(fn,source,ownerFn){return describeNativeComponentFrame(fn,!1)}function shouldConstruct(Component){var prototype=Component.prototype;return!!(prototype&&prototype.isReactComponent)}function describeUnknownElementTypeFrameInDEV(type,source,ownerFn){if(type==null)return"";if(typeof type=="function")return describeNativeComponentFrame(type,shouldConstruct(type));if(typeof type=="string")return describeBuiltInComponentFrame(type);switch(type){case REACT_SUSPENSE_TYPE:return describeBuiltInComponentFrame("Suspense");case REACT_SUSPENSE_LIST_TYPE:return describeBuiltInComponentFrame("SuspenseList")}if(typeof type=="object")switch(type.$$typeof){case REACT_FORWARD_REF_TYPE:return describeFunctionComponentFrame(type.render);case REACT_MEMO_TYPE:return describeUnknownElementTypeFrameInDEV(type.type,source,ownerFn);case REACT_LAZY_TYPE:{var lazyComponent=type,payload=lazyComponent._payload,init=lazyComponent._init;try{return describeUnknownElementTypeFrameInDEV(init(payload),source,ownerFn)}catch{}}}return""}function describeFiber(fiber){var owner=fiber._debugOwner?fiber._debugOwner.type:null,source=fiber._debugSource;switch(fiber.tag){case HostComponent:return describeBuiltInComponentFrame(fiber.type);case LazyComponent:return describeBuiltInComponentFrame("Lazy");case SuspenseComponent:return describeBuiltInComponentFrame("Suspense");case SuspenseListComponent:return describeBuiltInComponentFrame("SuspenseList");case FunctionComponent:case IndeterminateComponent:case SimpleMemoComponent:return describeFunctionComponentFrame(fiber.type);case ForwardRef:return describeFunctionComponentFrame(fiber.type.render);case ClassComponent:return describeClassComponentFrame(fiber.type);default:return""}}function getStackByFiberInDevAndProd(workInProgress2){try{var info="",node2=workInProgress2;do info+=describeFiber(node2),node2=node2.return;while(node2);return info}catch(x){return`
Error generating stack: `+x.message+`
`+x.stack}}function getWrappedName(outerType,innerType,wrapperName){var displayName=outerType.displayName;if(displayName)return displayName;var functionName=innerType.displayName||innerType.name||"";return functionName!==""?wrapperName+"("+functionName+")":wrapperName}function getContextName(type){return type.displayName||"Context"}function getComponentNameFromType(type){if(type==null)return null;if(typeof type.tag=="number"&&error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof type=="function")return type.displayName||type.name||null;if(typeof type=="string")return type;switch(type){case REACT_FRAGMENT_TYPE:return"Fragment";case REACT_PORTAL_TYPE:return"Portal";case REACT_PROFILER_TYPE:return"Profiler";case REACT_STRICT_MODE_TYPE:return"StrictMode";case REACT_SUSPENSE_TYPE:return"Suspense";case REACT_SUSPENSE_LIST_TYPE:return"SuspenseList"}if(typeof type=="object")switch(type.$$typeof){case REACT_CONTEXT_TYPE:var context=type;return getContextName(context)+".Consumer";case REACT_PROVIDER_TYPE:var provider=type;return getContextName(provider._context)+".Provider";case REACT_FORWARD_REF_TYPE:return getWrappedName(type,type.render,"ForwardRef");case REACT_MEMO_TYPE:var outerName=type.displayName||null;return outerName!==null?outerName:getComponentNameFromType(type.type)||"Memo";case REACT_LAZY_TYPE:{var lazyComponent=type,payload=lazyComponent._payload,init=lazyComponent._init;try{return getComponentNameFromType(init(payload))}catch{return null}}}return null}function getWrappedName$1(outerType,innerType,wrapperName){var functionName=innerType.displayName||innerType.name||"";return outerType.displayName||(functionName!==""?wrapperName+"("+functionName+")":wrapperName)}function getContextName$1(type){return type.displayName||"Context"}function getComponentNameFromFiber(fiber){var tag=fiber.tag,type=fiber.type;switch(tag){case CacheComponent:return"Cache";case ContextConsumer:var context=type;return getContextName$1(context)+".Consumer";case ContextProvider:var provider=type;return getContextName$1(provider._context)+".Provider";case DehydratedFragment:return"DehydratedFragment";case ForwardRef:return getWrappedName$1(type,type.render,"ForwardRef");case Fragment2:return"Fragment";case HostComponent:return type;case HostPortal:return"Portal";case HostRoot:return"Root";case HostText:return"Text";case LazyComponent:return getComponentNameFromType(type);case Mode:return type===REACT_STRICT_MODE_TYPE?"StrictMode":"Mode";case OffscreenComponent:return"Offscreen";case Profiler:return"Profiler";case ScopeComponent:return"Scope";case SuspenseComponent:return"Suspense";case SuspenseListComponent:return"SuspenseList";case TracingMarkerComponent:return"TracingMarker";case ClassComponent:case FunctionComponent:case IncompleteClassComponent:case IndeterminateComponent:case MemoComponent:case SimpleMemoComponent:if(typeof type=="function")return type.displayName||type.name||null;if(typeof type=="string")return type;break}return null}var ReactDebugCurrentFrame=ReactSharedInternals.ReactDebugCurrentFrame,current=null,isRendering=!1;function getCurrentFiberOwnerNameInDevOrNull(){{if(current===null)return null;var owner=current._debugOwner;if(owner!==null&&typeof owner<"u")return getComponentNameFromFiber(owner)}return null}function getCurrentFiberStackInDev(){return current===null?"":getStackByFiberInDevAndProd(current)}function resetCurrentFiber(){ReactDebugCurrentFrame.getCurrentStack=null,current=null,isRendering=!1}function setCurrentFiber(fiber){ReactDebugCurrentFrame.getCurrentStack=fiber===null?null:getCurrentFiberStackInDev,current=fiber,isRendering=!1}function getCurrentFiber(){return current}function setIsRendering(rendering){isRendering=rendering}function toString(value){return""+value}function getToStringValue(value){switch(typeof value){case"boolean":case"number":case"string":case"undefined":return value;case"object":return checkFormFieldValueStringCoercion(value),value;default:return""}}var hasReadOnlyValue={button:!0,checkbox:!0,image:!0,hidden:!0,radi
Check the render method of \``+ownerName+"`.":""}var valuePropNames=["value","defaultValue"];function checkSelectPropTypes(props){{checkControlledValueProps("select",props);for(var i=0;i<valuePropNames.length;i++){var propName=valuePropNames[i];if(props[propName]!=null){var propNameIsArray=isArray(props[propName]);props.multiple&&!propNameIsArray?error("The `%s` prop supplied to <select> must be an array if `multiple` is true.%s",propName,getDeclarationErrorAddendum()):!props.multiple&&propNameIsArray&&error("The `%s` prop supplied to <select> must be a scalar value if `multiple` is false.%s",propName,getDeclarationErrorAddendum())}}}}function updateOptions(node2,multiple,propValue,setDefaultSelected){var options2=node2.options;if(multiple){for(var selectedValues=propValue,selectedValue={},i=0;i<selectedValues.length;i++)selectedValue["$"+selectedValues[i]]=!0;for(var _i=0;_i<options2.length;_i++){var selected=selectedValue.hasOwnProperty("$"+options2[_i].value);options2[_i].selected!==selected&&(options2[_i].selected=selected),selected&&setDefaultSelected&&(options2[_i].defaultSelected=!0)}}else{for(var _selectedValue=toString(getToStringValue(propValue)),defaultSelected=null,_i2=0;_i2<options2.length;_i2++){if(options2[_i2].value===_selectedValue){options2[_i2].selected=!0,setDefaultSelected&&(options2[_i2].defaultSelected=!0);return}defaultSelected===null&&!options2[_i2].disabled&&(defaultSelected=options2[_i2])}defaultSelected!==null&&(defaultSelected.selected=!0)}}function getHostProps$1(element,props){return assign2({},props,{value:void 0})}function initWrapperState$1(element,props){var node2=element;checkSelectPropTypes(props),node2._wrapperState={wasMultiple:!!props.multiple},props.value!==void 0&&props.defaultValue!==void 0&&!didWarnValueDefaultValue$1&&(error("Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props. More info: https://reactjs.org/link/controlled-components"),didWarnValueDefaultValue$1=!0)}function postMountWrapper$2(element,props){var node2=element;node2.multiple=!!props.multiple;var value=props.value;value!=null?updateOptions(node2,!!props.multiple,value,!1):props.defaultValue!=null&&updateOptions(node2,!!props.multiple,props.defaultValue,!0)}function postUpdateWrapper(element,props){var node2=element,wasMultiple=node2._wrapperState.wasMultiple;node2._wrapperState.wasMultiple=!!props.multiple;var value=props.value;value!=null?updateOptions(node2,!!props.multiple,value,!1):wasMultiple!==!!props.multiple&&(props.defaultValue!=null?updateOptions(node2,!!props.multiple,props.defaultValue,!0):updateOptions(node2,!!props.multiple,props.multiple?[]:"",!1))}function restoreControlledState$1(element,props){var node2=element,value=props.value;value!=null&&updateOptions(node2,!!props.multiple,value,!1)}var didWarnValDefaultVal=!1;function getHostProps$2(element,props){var node2=element;if(props.dangerouslySetInnerHTML!=null)throw new Error("`dangerouslySetInnerHTML` does not make sense on <textarea>.");var hostProps=assign2({},props,{value:void 0,defaultValue:void 0,children:toString(node2._wrapperState.initialValue)});return hostProps}function initWrapperState$2(element,props){var node2=element;checkControlledValueProps("textarea",props),props.value!==void 0&&props.defaultValue!==void 0&&!didWarnValDefaultVal&&(error("%s contains a textarea with both value and defaultValue props. Textarea elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled textarea and remove one of these props. More info: https://reactjs.org/link/controlled-components",getCurrentFiberOwnerNameInDevOrNull()||"A component"),didWarnValDefaultVal=!0);var initialValue=props.value;if(initialValue==null){var children=props.children,defaultValue=props.defaultValue;if(children!=null){error("Use the `defaultValue` or `value` props instead of setting children
`).replace(NORMALIZE_NULL_AND_REPLACEMENT_REGEX,"")}function checkForUnmatchedText(serverText,clientText,isConcurrentMode,shouldWarnDev){var normalizedClientText=normalizeMarkupForTextOrAttribute(clientText),normalizedServerText=normalizeMarkupForTextOrAttribute(serverText);if(normalizedServerText!==normalizedClientText&&(shouldWarnDev&&(didWarnInvalidHydration||(didWarnInvalidHydration=!0,error('Text content did not match. Server: "%s" Client: "%s"',normalizedServerText,normalizedClientText))),isConcurrentMode&&enableClientRenderFallbackOnTextMismatch))throw new Error("Text content does not match server-rendered HTML.")}function getOwnerDocumentFromRootContainer(rootContainerElement){return rootContainerElement.nodeType===DOCUMENT_NODE?rootContainerElement:rootContainerElement.ownerDocument}function noop(){}function trapClickOnNonInteractiveElement(node2){node2.onclick=noop}function setInitialDOMProperties(tag,domElement,rootContainerElement,nextProps,isCustomComponentTag){for(var propKey in nextProps)if(nextProps.hasOwnProperty(propKey)){var nextProp=nextProps[propKey];if(propKey===STYLE)nextProp&&Object.freeze(nextProp),setValueForStyles(domElement,nextProp);else if(propKey===DANGEROUSLY_SET_INNER_HTML){var nextHtml=nextProp?nextProp[HTML$1]:void 0;nextHtml!=null&&setInnerHTML(domElement,nextHtml)}else if(propKey===CHILDREN)if(typeof nextProp=="string"){var canSetTextContent=tag!=="textarea"||nextProp!=="";canSetTextContent&&setTextContent(domElement,nextProp)}else typeof nextProp=="number"&&setTextContent(domElement,""+nextProp);else propKey===SUPPRESS_CONTENT_EDITABLE_WARNING||propKey===SUPPRESS_HYDRATION_WARNING||propKey===AUTOFOCUS||(registrationNameDependencies.hasOwnProperty(propKey)?nextProp!=null&&(typeof nextProp!="function"&&warnForInvalidEventListener(propKey,nextProp),propKey==="onScroll"&&listenToNonDelegatedEvent("scroll",domElement)):nextProp!=null&&setValueForProperty(domElement,propKey,nextProp,isCustomComponentTag))}}function updateDOMProperties(domElement,updatePayload,wasCustomComponentTag,isCustomComponentTag){for(var i=0;i<updatePayload.length;i+=2){var propKey=updatePayload[i],propValue=updatePayload[i+1];propKey===STYLE?setValueForStyles(domElement,propValue):propKey===DANGEROUSLY_SET_INNER_HTML?setInnerHTML(domElement,propValue):propKey===CHILDREN?setTextContent(domElement,propValue):setValueForProperty(domElement,propKey,propValue,isCustomComponentTag)}}function createElement2(type,props,rootContainerElement,parentNamespace){var isCustomComponentTag,ownerDocument=getOwnerDocumentFromRootContainer(rootContainerElement),domElement,namespaceURI=parentNamespace;if(namespaceURI===HTML_NAMESPACE&&(namespaceURI=getIntrinsicNamespace(type)),namespaceURI===HTML_NAMESPACE){if(isCustomComponentTag=isCustomComponent(type,props),!isCustomComponentTag&&type!==type.toLowerCase()&&error("<%s /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.",type),type==="script"){var div=ownerDocument.createElement("div");div.innerHTML="<script><\/script>";var firstChild=div.firstChild;domElement=div.removeChild(firstChild)}else if(typeof props.is=="string")domElement=ownerDocument.createElement(type,{is:props.is});else if(domElement=ownerDocument.createElement(type),type==="select"){var node2=domElement;props.multiple?node2.multiple=!0:props.size&&(node2.size=props.size)}}else domElement=ownerDocument.createElementNS(namespaceURI,type);return namespaceURI===HTML_NAMESPACE&&!isCustomComponentTag&&Object.prototype.toString.call(domElement)==="[object HTMLUnknownElement]"&&!hasOwnProperty2.call(warnedUnknownTags,type)&&(warnedUnknownTags[type]=!0,error("The tag <%s> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.",type)),domElement}function createTextNode(text,rootContainerElement){return getOwnerDocumentFromRootContainer(rootContainerElement).createTextNode(text)}function setInitialProperties(domElement,tag,rawProps,rootContainerElement){var isCustomComponentTag=isCustomComponent(tag,rawProps);validatePropert
* Move code with side effects to componentDidMount, and set initial state in the constructor.
Please update the following components: %s`,sortedNames)}if(UNSAFE_componentWillReceivePropsUniqueNames.size>0){var _sortedNames=setToSortedString(UNSAFE_componentWillReceivePropsUniqueNames);error(`Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://reactjs.org/link/unsafe-component-lifecycles for details.
* Move data fetching code or side effects to componentDidUpdate.
* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://reactjs.org/link/derived-state
Please update the following components: %s`,_sortedNames)}if(UNSAFE_componentWillUpdateUniqueNames.size>0){var _sortedNames2=setToSortedString(UNSAFE_componentWillUpdateUniqueNames);error(`Using UNSAFE_componentWillUpdate in strict mode is not recommended and may indicate bugs in your code. See https://reactjs.org/link/unsafe-component-lifecycles for details.
* Move data fetching code or side effects to componentDidUpdate.
Please update the following components: %s`,_sortedNames2)}if(componentWillMountUniqueNames.size>0){var _sortedNames3=setToSortedString(componentWillMountUniqueNames);warn(`componentWillMount has been renamed, and is not recommended for use. See https://reactjs.org/link/unsafe-component-lifecycles for details.
* Move code with side effects to componentDidMount, and set initial state in the constructor.
* Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run \`npx react-codemod rename-unsafe-lifecycles\` in your project source folder.
Please update the following components: %s`,_sortedNames3)}if(componentWillReceivePropsUniqueNames.size>0){var _sortedNames4=setToSortedString(componentWillReceivePropsUniqueNames);warn(`componentWillReceiveProps has been renamed, and is not recommended for use. See https://reactjs.org/link/unsafe-component-lifecycles for details.
* Move data fetching code or side effects to componentDidUpdate.
* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://reactjs.org/link/derived-state
* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run \`npx react-codemod rename-unsafe-lifecycles\` in your project source folder.
Please update the following components: %s`,_sortedNames4)}if(componentWillUpdateUniqueNames.size>0){var _sortedNames5=setToSortedString(componentWillUpdateUniqueNames);warn(`componentWillUpdate has been renamed, and is not recommended for use. See https://reactjs.org/link/unsafe-component-lifecycles for details.
* Move data fetching code or side effects to componentDidUpdate.
* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run \`npx react-codemod rename-unsafe-lifecycles\` in your project source folder.
Please update the following components: %s`,_sortedNames5)}};var pendingLegacyContextWarning=new Map,didWarnAboutLegacyContext=new Set;ReactStrictModeWarnings.recordLegacyContextWarning=function(fiber,instance){var strictRoot=findStrictRoot(fiber);if(strictRoot===null){error("Expected to find a StrictMode component in a strict mode tree. This error is likely caused by a bug in React. Please file an issue.");return}if(!didWarnAboutLegacyContext.has(fiber.type)){var warningsForRoot=pendingLegacyContextWarning.get(strictRoot);(fiber.type.contextTypes!=null||fiber.type.childContextTypes!=null||instance!==null&&typeof instance.getChildContext=="function")&&(warningsForRoot===void 0&&(warningsForRoot=[],pendingLegacyContextWarning.set(strictRoot,warningsForRoot)),warningsForRoot.push(fiber))}},ReactStrictModeWarnings.flushLegacyContextWarning=function(){pendingLegacyContextWarning.forEach(function(fiberArray,strictRoot){if(fiberArray.length!==0){var firstFiber=fiberArray[0],uniqueNames=new Set;fiberArray.forEach(function(fiber){uniqueNames.add(getComponentNameFromFiber(fiber)||"Component"),didWarnAboutLegacyContext.add(fiber.type)});var sortedNames=setToSortedString(uniqueNames);try{setCurrentFiber(firstFiber),error(`Legacy context API has been detected within a strict-mode tree.
The old API will be supported in all 16.x releases, but applications using it should migrate to the new version.
Please update the following components: %s
Learn more about this warning here: https://reactjs.org/link/legacy-context`,sortedNames)}finally{resetCurrentFiber()}}})},ReactStrictModeWarnings.discardPendingWarnings=function(){pendingComponentWillMountWarnings=[],pendingUNSAFE_ComponentWillMountWarnings=[],pendingComponentWillReceivePropsWarnings=[],pendingUNSAFE_ComponentWillReceivePropsWarnings=[],pendingComponentWillUpdateWarnings=[],pendingUNSAFE_ComponentWillUpdateWarnings=[],pendingLegacyContextWarning=new Map}}function resolveDefaultProps(Component,baseProps){if(Component&&Component.defaultProps){var props=assign2({},baseProps),defaultProps=Component.defaultProps;for(var propName in defaultProps)props[propName]===void 0&&(props[propName]=defaultProps[propName]);return props}return baseProps}var valueCursor=createCursor(null),rendererSigil;rendererSigil={};var currentlyRenderingFiber=null,lastContextDependency=null,lastFullyObservedContext=null,isDisallowedContextReadInDEV=!1;function resetContextDependencies(){currentlyRenderingFiber=null,lastContextDependency=null,lastFullyObservedContext=null,isDisallowedContextReadInDEV=!1}function enterDisallowedContextReadInDEV(){isDisallowedContextReadInDEV=!0}function exitDisallowedContextReadInDEV(){isDisallowedContextReadInDEV=!1}function pushProvider(providerFiber,context,nextValue){push(valueCursor,context._currentValue,providerFiber),context._currentValue=nextValue,context._currentRenderer!==void 0&&context._currentRenderer!==null&&context._currentRenderer!==rendererSigil&&error("Detected multiple renderers concurrently rendering the same context provider. This is currently unsupported."),context._currentRenderer=rendererSigil}function popProvider(context,providerFiber){var currentValue=valueCursor.current;pop(valueCursor,providerFiber),context._currentValue=currentValue}function scheduleContextWorkOnParentPath(parent,renderLanes2,propagationRoot){for(var node2=parent;node2!==null;){var alternate=node2.alternate;if(isSubsetOfLanes(node2.childLanes,renderLanes2)?alternate!==null&&!isSubsetOfLanes(alternate.childLanes,renderLanes2)&&(alternate.childLanes=mergeLanes(alternate.childLanes,renderLanes2)):(node2.childLanes=mergeLanes(node2.childLanes,renderLanes2),alternate!==null&&(alternate.childLanes=mergeLanes(alternate.childLanes,renderLanes2))),node2===propagationRoot)break;node2=node2.return}node2!==propagationRoot&&error("Expected to find the propagation root when scheduling context work. This error is likely caused by a bug in React. Please file an issue.")}function propagateContextChange(workInProgress2,context,renderLanes2){propagateContextChange_eager(workInProgress2,context,renderLanes2)}function propagateContextChange_eager(workInProgress2,context,renderLanes2){var fiber=workInProgress2.child;for(fiber!==null&&(fiber.return=workInProgress2);fiber!==null;){var nextFiber=void 0,list=fiber.dependencies;if(list!==null){nextFiber=fiber.child;for(var dependency=list.firstContext;dependency!==null;){if(dependency.context===context){if(fiber.tag===ClassComponent){var lane=pickArbitraryLane(renderLanes2),update=createUpdate(NoTimestamp,lane);update.tag=ForceUpdate;var updateQueue=fiber.updateQueue;if(updateQueue!==null){var sharedQueue=updateQueue.shared,pending=sharedQueue.pending;pending===null?update.next=update:(update.next=pending.next,pending.next=update),sharedQueue.pending=update}}fiber.lanes=mergeLanes(fiber.lanes,renderLanes2);var alternate=fiber.alternate;alternate!==null&&(alternate.lanes=mergeLanes(alternate.lanes,renderLanes2)),scheduleContextWorkOnParentPath(fiber.return,renderLanes2,workInProgress2),list.lanes=mergeLanes(list.lanes,renderLanes2);break}dependency=dependency.next}}else if(fiber.tag===ContextProvider)nextFiber=fiber.type===workInProgress2.type?null:fiber.child;else if(fiber.tag===DehydratedFragment){var parentSuspense=fiber.return;if(parentSuspense===null)throw new Error("We just came from a parent so we must have had a parent. This is a bug in React.");parentSuspense.lanes=mergeLanes(parentSuspense.lanes,renderLanes2);var _alternate=parentSuspense.alternate;_alternate!==null&&(_altern
%s uses %s but also contains the following legacy lifecycles:%s%s%s
The above lifecycles should be removed. Learn more about this warning here:
https://reactjs.org/link/unsafe-component-lifecycles`,_componentName,newApiName,foundWillMountName!==null?`
`+foundWillMountName:"",foundWillReceivePropsName!==null?`
`+foundWillReceivePropsName:"",foundWillUpdateName!==null?`
`+foundWillUpdateName:""))}}}return isLegacyContextConsumer&&cacheContext(workInProgress2,unmaskedContext,context),instance}function callComponentWillMount(workInProgress2,instance){var oldState=instance.state;typeof instance.componentWillMount=="function"&&instance.componentWillMount(),typeof instance.UNSAFE_componentWillMount=="function"&&instance.UNSAFE_componentWillMount(),oldState!==instance.state&&(error("%s.componentWillMount(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",getComponentNameFromFiber(workInProgress2)||"Component"),classComponentUpdater.enqueueReplaceState(instance,instance.state,null))}function callComponentWillReceiveProps(workInProgress2,instance,newProps,nextContext){var oldState=instance.state;if(typeof instance.componentWillReceiveProps=="function"&&instance.componentWillReceiveProps(newProps,nextContext),typeof instance.UNSAFE_componentWillReceiveProps=="function"&&instance.UNSAFE_componentWillReceiveProps(newProps,nextContext),instance.state!==oldState){{var componentName=getComponentNameFromFiber(workInProgress2)||"Component";didWarnAboutStateAssignmentForComponent.has(componentName)||(didWarnAboutStateAssignmentForComponent.add(componentName),error("%s.componentWillReceiveProps(): Assigning directly to this.state is deprecated (except inside a component's constructor). Use setState instead.",componentName))}classComponentUpdater.enqueueReplaceState(instance,instance.state,null)}}function mountClassInstance(workInProgress2,ctor,newProps,renderLanes2){checkClassInstance(workInProgress2,ctor,newProps);var instance=workInProgress2.stateNode;instance.props=newProps,instance.state=workInProgress2.memoizedState,instance.refs=emptyRefsObject,initializeUpdateQueue(workInProgress2);var contextType=ctor.contextType;if(typeof contextType=="object"&&contextType!==null)instance.context=readContext(contextType);else{var unmaskedContext=getUnmaskedContext(workInProgress2,ctor,!0);instance.context=getMaskedContext(workInProgress2,unmaskedContext)}{if(instance.state===newProps){var componentName=getComponentNameFromType(ctor)||"Component";didWarnAboutDirectlyAssigningPropsToState.has(componentName)||(didWarnAboutDirectlyAssigningPropsToState.add(componentName),error("%s: It is not recommended to assign props directly to state because updates to props won't be reflected in state. In most cases, it is better to use props directly.",componentName))}workInProgress2.mode&StrictLegacyMode&&ReactStrictModeWarnings.recordLegacyContextWarning(workInProgress2,instance),ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(workInProgress2,instance)}instance.state=workInProgress2.memoizedState;var getDerivedStateFromProps=ctor.getDerivedStateFromProps;if(typeof getDerivedStateFromProps=="function"&&(applyDerivedStateFromProps(workInProgress2,ctor,getDerivedStateFromProps,newProps),instance.state=workInProgress2.memoizedState),typeof ctor.getDerivedStateFromProps!="function"&&typeof instance.getSnapshotBeforeUpdate!="function"&&(typeof instance.UNSAFE_componentWillMount=="function"||typeof instance.componentWillMount=="function")&&(callComponentWillMount(workInProgress2,instance),processUpdateQueue(workInProgress2,newProps,instance,renderLanes2),instance.state=workInProgress2.memoizedState),typeof instance.componentDidMount=="function"){var fiberFlags=Update;fiberFlags|=LayoutStatic,(workInProgress2.mode&StrictEffectsMode)!==NoMode&&(fiberFlags|=MountLayoutDev),workInProgress2.flags|=fiberFlags}}function resumeMountClassInstance(workInProgress2,ctor,newProps,renderLanes2){var instance=workInProgress2.stateNode,oldProps=workInProgress2.memoizedProps;instance.props=oldProps;var oldContext=instance.context,contextType=ctor.contextType,nextContext=emptyContextObject;if(typeof contextType=="object"&&contextType!==null)nextContext=readContext(contextType);else{var nextLegacyUnmaskedContext=getUnmaskedContext(workInProgress2,ctor,!0);nextContext=getMaskedContext(workInProgress2,nextLegacyUnmaskedContext)}var getDerivedStateFromProps=ctor.getDerivedStateFromP
1. You may be adding a ref to a function component
2. You may be adding a ref to a component that was not created inside a component's render method
3. You have multiple copies of React loaded
See https://reactjs.org/link/refs-must-have-owner for more information.`)}}return mixedRef}function throwOnInvalidObjectType(returnFiber,newChild){var childString=Object.prototype.toString.call(newChild);throw new Error("Objects are not valid as a React child (found: "+(childString==="[object Object]"?"object with keys {"+Object.keys(newChild).join(", ")+"}":childString)+"). If you meant to render a collection of children, use an array instead.")}function warnOnFunctionType(returnFiber){{var componentName=getComponentNameFromFiber(returnFiber)||"Component";if(ownerHasFunctionTypeWarning[componentName])return;ownerHasFunctionTypeWarning[componentName]=!0,error("Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.")}}function resolveLazy(lazyType){var payload=lazyType._payload,init=lazyType._init;return init(payload)}function ChildReconciler(shouldTrackSideEffects){function deleteChild(returnFiber,childToDelete){if(shouldTrackSideEffects){var deletions=returnFiber.deletions;deletions===null?(returnFiber.deletions=[childToDelete],returnFiber.flags|=ChildDeletion):deletions.push(childToDelete)}}function deleteRemainingChildren(returnFiber,currentFirstChild){if(!shouldTrackSideEffects)return null;for(var childToDelete=currentFirstChild;childToDelete!==null;)deleteChild(returnFiber,childToDelete),childToDelete=childToDelete.sibling;return null}function mapRemainingChildren(returnFiber,currentFirstChild){for(var existingChildren=new Map,existingChild=currentFirstChild;existingChild!==null;)existingChild.key!==null?existingChildren.set(existingChild.key,existingChild):existingChildren.set(existingChild.index,existingChild),existingChild=existingChild.sibling;return existingChildren}function useFiber(fiber,pendingProps){var clone=createWorkInProgress(fiber,pendingProps);return clone.index=0,clone.sibling=null,clone}function placeChild(newFiber,lastPlacedIndex,newIndex){if(newFiber.index=newIndex,!shouldTrackSideEffects)return newFiber.flags|=Forked,lastPlacedIndex;var current2=newFiber.alternate;if(current2!==null){var oldIndex=current2.index;return oldIndex<lastPlacedIndex?(newFiber.flags|=Placement,lastPlacedIndex):oldIndex}else return newFiber.flags|=Placement,lastPlacedIndex}function placeSingleChild(newFiber){return shouldTrackSideEffects&&newFiber.alternate===null&&(newFiber.flags|=Placement),newFiber}function updateTextNode(returnFiber,current2,textContent,lanes){if(current2===null||current2.tag!==HostText){var created=createFiberFromText(textContent,returnFiber.mode,lanes);return created.return=returnFiber,created}else{var existing=useFiber(current2,textContent);return existing.return=returnFiber,existing}}function updateElement(returnFiber,current2,element,lanes){var elementType=element.type;if(elementType===REACT_FRAGMENT_TYPE)return updateFragment2(returnFiber,current2,element.props.children,lanes,element.key);if(current2!==null&&(current2.elementType===elementType||isCompatibleFamilyForHotReloading(current2,element)||typeof elementType=="object"&&elementType!==null&&elementType.$$typeof===REACT_LAZY_TYPE&&resolveLazy(elementType)===current2.type)){var existing=useFiber(current2,element.props);return existing.ref=coerceRef(returnFiber,current2,element),existing.return=returnFiber,existing._debugSource=element._source,existing._debugOwner=element._owner,existing}var created=createFiberFromElement(element,returnFiber.mode,lanes);return created.ref=coerceRef(returnFiber,current2,element),created.return=returnFiber,created}function updatePortal(returnFiber,current2,portal,lanes){if(current2===null||current2.tag!==HostPortal||current2.stateNode.containerInfo!==portal.containerInfo||current2.stateNode.implementation!==portal.implementation){var created=createFiberFromPortal(portal,returnFiber.mode,lanes);return created.return=returnFiber,created}else{var existing=useFiber(current2,portal.children||[]);return existing.return=returnFiber,existing}}function updateFragment2(returnFiber,current2,fr
`,table+=row}error(`React has detected a change in the order of Hooks called by %s. This will lead to bugs and errors if not fixed. For more information, read the Rules of Hooks: https://reactjs.org/link/rules-of-hooks
Previous render Next render
------------------------------------------------------
%s ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
`,componentName,table)}}}function throwInvalidHookError(){throw new Error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.`)}function areHookInputsEqual(nextDeps,prevDeps){if(ignorePreviousDependencies)return!1;if(prevDeps===null)return error("%s received a final argument during this render, but not during the previous render. Even though the final argument is optional, its type cannot change between renders.",currentHookNameInDev),!1;nextDeps.length!==prevDeps.length&&error(`The final argument passed to %s changed size between renders. The order and size of this array must remain constant.
Previous: %s
Incoming: %s`,currentHookNameInDev,"["+prevDeps.join(", ")+"]","["+nextDeps.join(", ")+"]");for(var i=0;i<prevDeps.length&&i<nextDeps.length;i++)if(!objectIs(nextDeps[i],prevDeps[i]))return!1;return!0}function renderWithHooks(current2,workInProgress2,Component,props,secondArg,nextRenderLanes){renderLanes=nextRenderLanes,currentlyRenderingFiber$1=workInProgress2,hookTypesDev=current2!==null?current2._debugHookTypes:null,hookTypesUpdateIndexDev=-1,ignorePreviousDependencies=current2!==null&&current2.type!==workInProgress2.type,workInProgress2.memoizedState=null,workInProgress2.updateQueue=null,workInProgress2.lanes=NoLanes,current2!==null&&current2.memoizedState!==null?ReactCurrentDispatcher$1.current=HooksDispatcherOnUpdateInDEV:hookTypesDev!==null?ReactCurrentDispatcher$1.current=HooksDispatcherOnMountWithHookTypesInDEV:ReactCurrentDispatcher$1.current=HooksDispatcherOnMountInDEV;var children=Component(props,secondArg);if(didScheduleRenderPhaseUpdateDuringThisPass){var numberOfReRenders=0;do{if(didScheduleRenderPhaseUpdateDuringThisPass=!1,localIdCounter=0,numberOfReRenders>=RE_RENDER_LIMIT)throw new Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");numberOfReRenders+=1,ignorePreviousDependencies=!1,currentHook=null,workInProgressHook=null,workInProgress2.updateQueue=null,hookTypesUpdateIndexDev=-1,ReactCurrentDispatcher$1.current=HooksDispatcherOnRerenderInDEV,children=Component(props,secondArg)}while(didScheduleRenderPhaseUpdateDuringThisPass)}ReactCurrentDispatcher$1.current=ContextOnlyDispatcher,workInProgress2._debugHookTypes=hookTypesDev;var didRenderTooFewHooks=currentHook!==null&&currentHook.next!==null;if(renderLanes=NoLanes,currentlyRenderingFiber$1=null,currentHook=null,workInProgressHook=null,currentHookNameInDev=null,hookTypesDev=null,hookTypesUpdateIndexDev=-1,current2!==null&&(current2.flags&StaticMask)!==(workInProgress2.flags&StaticMask)&&(current2.mode&ConcurrentMode)!==NoMode&&error("Internal React error: Expected static flag was missing. Please notify the React team."),didScheduleRenderPhaseUpdate=!1,didRenderTooFewHooks)throw new Error("Rendered fewer hooks than expected. This may be caused by an accidental early return statement.");return children}function checkDidRenderIdHook(){var didRenderIdHook=localIdCounter!==0;return localIdCounter=0,didRenderIdHook}function bailoutHooks(current2,workInProgress2,lanes){workInProgress2.updateQueue=current2.updateQueue,(workInProgress2.mode&StrictEffectsMode)!==NoMode?workInProgress2.flags&=~(MountPassiveDev|MountLayoutDev|Passive|Update):workInProgress2.flags&=~(Passive|Update),current2.lanes=removeLanes(current2.lanes,lanes)}function resetHooksAfterThrow(){if(ReactCurrentDispatcher$1.current=ContextOnlyDispatcher,didScheduleRenderPhaseUpdate){for(var hook=currentlyRenderingFiber$1.memoizedState;hook!==null;){var queue=hook.queue;queue!==null&&(queue.pending=null),hook=hook.next}didScheduleRenderPhaseUpdate=!1}renderLanes=NoLanes,currentlyRenderingFiber$1=null,currentHook=null,workInProgressHook=null,hookTypesDev=null,hookTypesUpdateIndexDev=-1,currentHookNameInDev=null,isUpdatingOpaqueValueInRenderPhase=!1,didScheduleRenderPhaseUpdateDuringThisPass=!1,localIdCounter=0}function mountWorkInProgressHook(){var hook={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return workInProgressHook===null?currentlyRenderingFiber$1.memoizedState=workInProgressHook=hook:workInProgressHook=workInProgressHook.next=hook,workInProgressHook}function updateWorkInProgressHook(){var nextCurrentHook;if(currentHook===null){var current2=currentlyRenderingFiber$1.alternate;current2!==null?nextCurrentHook=current2.memoizedState:nextCurrentHook=null}else nextCurrentHook=currentHook.next;var nextWorkInProgressHook;if(workInProgressHook===null?nextWorkInProgressHook=currentlyRenderingFiber$1.memoizedState:nextWorkInProgressHook=workInProgressHook.next,nextWorkInProgressHook!==null)workInProgressHook=nextWorkInProgressHook,nextWorkInProgressHook=workInProgressHook.next,currentHook=nextCurrentHook;else{if(nextCurrentHook===nu
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.`;else{var errorBoundaryName=getComponentNameFromFiber(boundary)||"Anonymous";errorBoundaryMessage="React will try to recreate this component tree from scratch "+("using the error boundary you provided, "+errorBoundaryName+".")}var combinedMessage=componentNameMessage+`
`+componentStack+`
`+(""+errorBoundaryMessage);console.error(combinedMessage)}catch(e){setTimeout(function(){throw e})}}var PossiblyWeakMap$1=typeof WeakMap=="function"?WeakMap:Map;function createRootErrorUpdate(fiber,errorInfo,lane){var update=createUpdate(NoTimestamp,lane);update.tag=CaptureUpdate,update.payload={element:null};var error2=errorInfo.value;return update.callback=function(){onUncaughtError(error2),logCapturedError(fiber,errorInfo)},update}function createClassErrorUpdate(fiber,errorInfo,lane){var update=createUpdate(NoTimestamp,lane);update.tag=CaptureUpdate;var getDerivedStateFromError=fiber.type.getDerivedStateFromError;if(typeof getDerivedStateFromError=="function"){var error$1=errorInfo.value;update.payload=function(){return getDerivedStateFromError(error$1)},update.callback=function(){markFailedErrorBoundaryForHotReloading(fiber),logCapturedError(fiber,errorInfo)}}var inst=fiber.stateNode;return inst!==null&&typeof inst.componentDidCatch=="function"&&(update.callback=function(){markFailedErrorBoundaryForHotReloading(fiber),logCapturedError(fiber,errorInfo),typeof getDerivedStateFromError!="function"&&markLegacyErrorBoundaryAsFailed(this);var error$12=errorInfo.value,stack=errorInfo.stack;this.componentDidCatch(error$12,{componentStack:stack!==null?stack:""}),typeof getDerivedStateFromError!="function"&&(includesSomeLane(fiber.lanes,SyncLane)||error("%s: Error boundaries should implement getDerivedStateFromError(). In that method, return a state update to display an error message or fallback UI.",getComponentNameFromFiber(fiber)||"Unknown"))}),update}function attachPingListener(root2,wakeable,lanes){var pingCache=root2.pingCache,threadIDs;if(pingCache===null?(pingCache=root2.pingCache=new PossiblyWeakMap$1,threadIDs=new Set,pingCache.set(wakeable,threadIDs)):(threadIDs=pingCache.get(wakeable),threadIDs===void 0&&(threadIDs=new Set,pingCache.set(wakeable,threadIDs))),!threadIDs.has(lanes)){threadIDs.add(lanes);var ping=pingSuspendedRoot.bind(null,root2,wakeable,lanes);isDevToolsPresent&&restorePendingUpdaters(root2,lanes),wakeable.then(ping,ping)}}function attachRetryListener(suspenseBoundary,root2,wakeable,lanes){var wakeables=suspenseBoundary.updateQueue;if(wakeables===null){var updateQueue=new Set;updateQueue.add(wakeable),suspenseBoundary.updateQueue=updateQueue}else wakeables.add(wakeable)}function resetSuspendedComponent(sourceFiber,rootRenderLanes){var tag=sourceFiber.tag;if((sourceFiber.mode&ConcurrentMode)===NoMode&&(tag===FunctionComponent||tag===ForwardRef||tag===SimpleMemoComponent)){var currentSource=sourceFiber.alternate;currentSource?(sourceFiber.updateQueue=currentSource.updateQueue,sourceFiber.memoizedState=currentSource.memoizedState,sourceFiber.lanes=currentSource.lanes):(sourceFiber.updateQueue=null,sourceFiber.memoizedState=null)}}function getNearestSuspenseBoundaryToCapture(returnFiber){var node2=returnFiber;do{if(node2.tag===SuspenseComponent&&shouldCaptureSuspense(node2))return node2;node2=node2.return}while(node2!==null);return null}function markSuspenseBoundaryShouldCapture(suspenseBoundary,returnFiber,sourceFiber,root2,rootRenderLanes){if((suspenseBoundary.mode&ConcurrentMode)===NoMode){if(suspenseBoundary===returnFiber)suspenseBoundary.flags|=ShouldCapture;else{if(suspenseBoundary.flags|=DidCapture,sourceFiber.flags|=ForceUpdateForLegacySuspense,sourceFiber.flags&=~(LifecycleEffectMask|Incomplete),sourceFiber.tag===ClassComponent){var currentSourceFiber=sourceFiber.alternate;if(currentSourceFiber===null)sourceFiber.tag=IncompleteClassComponent;else{var update=createUpdate(NoTimestamp,SyncLane);update.tag=ForceUpdate,enqueueUpdate(sourceFiber,update,SyncLane)}}sourceFiber.lanes=mergeLanes(sourceFiber.lanes,SyncLane)}return suspenseBoundary}return suspenseBoundary.flags|=ShouldCapture,suspenseBoundary.lanes=rootRenderLanes,suspenseBoundary}function throwException(root2,returnFiber,sourceFiber,value,rootRenderLanes){if(sourceFiber.flags|=Incomplete,isDevToolsPresent&&restorePendingUpdaters(root2,rootRenderLanes),value!==null&&typeof value=="object"&&typeof value.then=="function"){var wakeable=valu
Check the render method of \``+ownerName+"`.");var warningKey=ownerName||"",debugSource=workInProgress2._debugSource;debugSource&&(warningKey=debugSource.fileName+":"+debugSource.lineNumber),didWarnAboutFunctionRefs[warningKey]||(didWarnAboutFunctionRefs[warningKey]=!0,error("Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?%s",info))}if(typeof Component.getDerivedStateFromProps=="function"){var _componentName3=getComponentNameFromType(Component)||"Unknown";didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3]||(error("%s: Function components do not support getDerivedStateFromProps.",_componentName3),didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3]=!0)}if(typeof Component.contextType=="object"&&Component.contextType!==null){var _componentName4=getComponentNameFromType(Component)||"Unknown";didWarnAboutContextTypeOnFunctionComponent[_componentName4]||(error("%s: Function components do not support contextType.",_componentName4),didWarnAboutContextTypeOnFunctionComponent[_componentName4]=!0)}}}var SUSPENDED_MARKER={dehydrated:null,treeContext:null,retryLane:NoLane};function mountSuspenseOffscreenState(renderLanes2){return{baseLanes:renderLanes2,cachePool:getSuspendedCache(),transitions:null}}function updateSuspenseOffscreenState(prevOffscreenState,renderLanes2){var cachePool=null;return{baseLanes:mergeLanes(prevOffscreenState.baseLanes,renderLanes2),cachePool,transitions:prevOffscreenState.transitions}}function shouldRemainOnFallback(suspenseContext,current2,workInProgress2,renderLanes2){if(current2!==null){var suspenseState=current2.memoizedState;if(suspenseState===null)return!1}return hasSuspenseContext(suspenseContext,ForceSuspenseFallback)}function getRemainingWorkInPrimaryTree(current2,renderLanes2){return removeLanes(current2.childLanes,renderLanes2)}function updateSuspenseComponent(current2,workInProgress2,renderLanes2){var nextProps=workInProgress2.pendingProps;shouldSuspend(workInProgress2)&&(workInProgress2.flags|=DidCapture);var suspenseContext=suspenseStackCursor.current,showFallback=!1,didSuspend=(workInProgress2.flags&DidCapture)!==NoFlags;if(didSuspend||shouldRemainOnFallback(suspenseContext,current2)?(showFallback=!0,workInProgress2.flags&=~DidCapture):(current2===null||current2.memoizedState!==null)&&(suspenseContext=addSubtreeSuspenseContext(suspenseContext,InvisibleParentSuspenseContext)),suspenseContext=setDefaultShallowSuspenseContext(suspenseContext),pushSuspenseContext(workInProgress2,suspenseContext),current2===null){tryToClaimNextHydratableInstance(workInProgress2);var suspenseState=workInProgress2.memoizedState;if(suspenseState!==null){var dehydrated=suspenseState.dehydrated;if(dehydrated!==null)return mountDehydratedSuspenseComponent(workInProgress2,dehydrated)}var nextPrimaryChildren=nextProps.children,nextFallbackChildren=nextProps.fallback;if(showFallback){var fallbackFragment=mountSuspenseFallbackChildren(workInProgress2,nextPrimaryChildren,nextFallbackChildren,renderLanes2),primaryChildFragment=workInProgress2.child;return primaryChildFragment.memoizedState=mountSuspenseOffscreenState(renderLanes2),workInProgress2.memoizedState=SUSPENDED_MARKER,fallbackFragment}else return mountSuspensePrimaryChildren(workInProgress2,nextPrimaryChildren)}else{var prevState=current2.memoizedState;if(prevState!==null){var _dehydrated=prevState.dehydrated;if(_dehydrated!==null)return updateDehydratedSuspenseComponent(current2,workInProgress2,didSuspend,nextProps,_dehydrated,prevState,renderLanes2)}if(showFallback){var _nextFallbackChildren=nextProps.fallback,_nextPrimaryChildren=nextProps.children,fallbackChildFragment=updateSuspenseFallbackChildren(current2,workInProgress2,_nextPrimaryChildren,_nextFallbackChildren,renderLanes2),_primaryChildFragment2=workInProgress2.child,prevOffscreenState=current2.child.memoizedState;return _primaryChildFragment2.memoizedState=prevOffscreenState===null?mountSuspenseOffscreenState(renderLanes2):updateSuspenseOffscreenState(prevOffscreenState,renderLanes2),_primaryChildFragment2.ch
It looks like you wrote `+hookName+`(async () => ...) or returned a Promise. Instead, write the async function inside your effect and call it immediately:
`+hookName+`(() => {
async function fetchData() {
// You can await here
const response = await MyAPI.getData(someId);
// ...
}
fetchData();
}, [someId]); // Or [] if effect doesn't need props or state
Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-fetching`:addendum=" You returned: "+destroy,error("%s must not return anything besides a function, which is used for clean-up.%s",hookName,addendum)}}}effect=effect.next}while(effect!==firstEffect)}}function commitPassiveEffectDurations(finishedRoot,finishedWork){if((finishedWork.flags&Update)!==NoFlags)switch(finishedWork.tag){case Profiler:{var passiveEffectDuration=finishedWork.stateNode.passiveEffectDuration,_finishedWork$memoize=finishedWork.memoizedProps,id=_finishedWork$memoize.id,onPostCommit=_finishedWork$memoize.onPostCommit,commitTime2=getCommitTime(),phase=finishedWork.alternate===null?"mount":"update";isCurrentUpdateNested()&&(phase="nested-update"),typeof onPostCommit=="function"&&onPostCommit(id,phase,passiveEffectDuration,commitTime2);var parentFiber=finishedWork.return;outer:for(;parentFiber!==null;){switch(parentFiber.tag){case HostRoot:var root2=parentFiber.stateNode;root2.passiveEffectDuration+=passiveEffectDuration;break outer;case Profiler:var parentStateNode=parentFiber.stateNode;parentStateNode.passiveEffectDuration+=passiveEffectDuration;break outer}parentFiber=parentFiber.return}break}}}function commitLayoutEffectOnFiber(finishedRoot,current2,finishedWork,committedLanes){if((finishedWork.flags&LayoutMask)!==NoFlags)switch(finishedWork.tag){case FunctionComponent:case ForwardRef:case SimpleMemoComponent:{if(!offscreenSubtreeWasHidden)if(finishedWork.mode&ProfileMode)try{startLayoutEffectTimer(),commitHookEffectListMount(Layout|HasEffect,finishedWork)}finally{recordLayoutEffectDuration(finishedWork)}else commitHookEffectListMount(Layout|HasEffect,finishedWork);break}case ClassComponent:{var instance=finishedWork.stateNode;if(finishedWork.flags&Update&&!offscreenSubtreeWasHidden)if(current2===null)if(finishedWork.type===finishedWork.elementType&&!didWarnAboutReassigningProps&&(instance.props!==finishedWork.memoizedProps&&error("Expected %s props to match memoized props before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",getComponentNameFromFiber(finishedWork)||"instance"),instance.state!==finishedWork.memoizedState&&error("Expected %s state to match memoized state before componentDidMount. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",getComponentNameFromFiber(finishedWork)||"instance")),finishedWork.mode&ProfileMode)try{startLayoutEffectTimer(),instance.componentDidMount()}finally{recordLayoutEffectDuration(finishedWork)}else instance.componentDidMount();else{var prevProps=finishedWork.elementType===finishedWork.type?current2.memoizedProps:resolveDefaultProps(finishedWork.type,current2.memoizedProps),prevState=current2.memoizedState;if(finishedWork.type===finishedWork.elementType&&!didWarnAboutReassigningProps&&(instance.props!==finishedWork.memoizedProps&&error("Expected %s props to match memoized props before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.props`. Please file an issue.",getComponentNameFromFiber(finishedWork)||"instance"),instance.state!==finishedWork.memoizedState&&error("Expected %s state to match memoized state before componentDidUpdate. This might either be because of a bug in React, or because a component reassigns its own `this.state`. Please file an issue.",getComponentNameFromFiber(finishedWork)||"instance")),finishedWork.mode&ProfileMode)try{startLayoutEffectTimer(),instance.componentDidUpdate(prevProps,prevState,instance.__reactInternalSnapshotBeforeUpdate)}finally{recordLayoutEffectDuration(finishedWork)}else instance.componentDidUpdate(prevProps,prevState,instance.__reactInternalSnapshotBeforeUpdate)}var updateQueue=finishedWork.updateQueue;updateQueue!==null&&(finishedWork.type===finishedWork.elementType&&!didWarnAboutReassigningProps&&(instance.props!==finishedWork.memoizedProps&&error("Expected %s props to match memoized props before processi
Error message:
%s`,error$1)}function pingSuspendedRoot(root2,wakeable,pingedLanes){var pingCache=root2.pingCache;pingCache!==null&&pingCache.delete(wakeable);var eventTime=requestEventTime();markRootPinged(root2,pingedLanes),warnIfSuspenseResolutionNotWrappedWithActDEV(root2),workInProgressRoot===root2&&isSubsetOfLanes(workInProgressRootRenderLanes,pingedLanes)&&(workInProgressRootExitStatus===RootSuspendedWithDelay||workInProgressRootExitStatus===RootSuspended&&includesOnlyRetries(workInProgressRootRenderLanes)&&now()-globalMostRecentFallbackTime<FALLBACK_THROTTLE_MS?prepareFreshStack(root2,NoLanes):workInProgressRootPingedLanes=mergeLanes(workInProgressRootPingedLanes,pingedLanes)),ensureRootIsScheduled(root2,eventTime)}function retryTimedOutBoundary(boundaryFiber,retryLane){retryLane===NoLane&&(retryLane=requestRetryLane(boundaryFiber));var eventTime=requestEventTime(),root2=enqueueConcurrentRenderForLane(boundaryFiber,retryLane);root2!==null&&(markRootUpdated(root2,retryLane,eventTime),ensureRootIsScheduled(root2,eventTime))}function retryDehydratedSuspenseBoundary(boundaryFiber){var suspenseState=boundaryFiber.memoizedState,retryLane=NoLane;suspenseState!==null&&(retryLane=suspenseState.retryLane),retryTimedOutBoundary(boundaryFiber,retryLane)}function resolveRetryWakeable(boundaryFiber,wakeable){var retryLane=NoLane,retryCache;switch(boundaryFiber.tag){case SuspenseComponent:retryCache=boundaryFiber.stateNode;var suspenseState=boundaryFiber.memoizedState;suspenseState!==null&&(retryLane=suspenseState.retryLane);break;case SuspenseListComponent:retryCache=boundaryFiber.stateNode;break;default:throw new Error("Pinged unknown suspense boundary type. This is probably a bug in React.")}retryCache!==null&&retryCache.delete(wakeable),retryTimedOutBoundary(boundaryFiber,retryLane)}function jnd(timeElapsed){return timeElapsed<120?120:timeElapsed<480?480:timeElapsed<1080?1080:timeElapsed<1920?1920:timeElapsed<3e3?3e3:timeElapsed<4320?4320:ceil(timeElapsed/1960)*1960}function checkForNestedUpdates(){if(nestedUpdateCount>NESTED_UPDATE_LIMIT)throw nestedUpdateCount=0,rootWithNestedUpdates=null,new Error("Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.");nestedPassiveUpdateCount>NESTED_PASSIVE_UPDATE_LIMIT&&(nestedPassiveUpdateCount=0,rootWithPassiveNestedUpdates=null,error("Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render."))}function flushRenderPhaseStrictModeWarningsInDEV(){ReactStrictModeWarnings.flushLegacyContextWarning(),ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings()}function commitDoubleInvokeEffectsInDEV(fiber,hasPassiveEffects){setCurrentFiber(fiber),invokeEffectsInDev(fiber,MountLayoutDev,invokeLayoutEffectUnmountInDEV),hasPassiveEffects&&invokeEffectsInDev(fiber,MountPassiveDev,invokePassiveEffectUnmountInDEV),invokeEffectsInDev(fiber,MountLayoutDev,invokeLayoutEffectMountInDEV),hasPassiveEffects&&invokeEffectsInDev(fiber,MountPassiveDev,invokePassiveEffectMountInDEV),resetCurrentFiber()}function invokeEffectsInDev(firstChild,fiberFlags,invokeEffectFn){for(var current2=firstChild,subtreeRoot=null;current2!==null;){var primarySubtreeFlag=current2.subtreeFlags&fiberFlags;current2!==subtreeRoot&&current2.child!==null&&primarySubtreeFlag!==NoFlags?current2=current2.child:((current2.flags&fiberFlags)!==NoFlags&&invokeEffectFn(current2),current2.sibling!==null?current2=current2.sibling:current2=subtreeRoot=current2.return)}}var didWarnStateUpdateForNotYetMountedComponent=null;function warnAboutUpdateOnNotYetMountedFiberInDEV(fiber){{if((executionContext&RenderContext)!==NoContext||!(fiber.mode&ConcurrentMode))return;var tag=fiber.tag;if(tag!==IndeterminateComponent&&tag!==HostRoot&&tag!==ClassComponent&&tag!==FunctionComponent&&tag!==ForwardRef&&tag!==MemoComponent&&tag!==SimpleMemoComponent)return;var componentNa
When testing, code that causes React state updates should be wrapped into act(...):
act(() => {
/* fire events that update state */
});
/* assert on the output */
This ensures that you're testing the behavior the user would see in the browser. Learn more at https://reactjs.org/link/wrap-tests-with-act`,getComponentNameFromFiber(fiber))}finally{previousFiber?setCurrentFiber(fiber):resetCurrentFiber()}}}}function warnIfSuspenseResolutionNotWrappedWithActDEV(root2){root2.tag!==LegacyRoot&&isConcurrentActEnvironment()&&ReactCurrentActQueue$1.current===null&&error(`A suspended resource finished loading inside a test, but the event was not wrapped in act(...).
When testing, code that resolves suspended data should be wrapped into act(...):
act(() => {
/* finish loading suspended data */
});
/* assert on the output */
This ensures that you're testing the behavior the user would see in the browser. Learn more at https://reactjs.org/link/wrap-tests-with-act`)}function setIsRunningInsertionEffect(isRunning){isRunningInsertionEffect=isRunning}var resolveFamily=null,failedBoundaries=null,setRefreshHandler=function(handler){resolveFamily=handler};function resolveFunctionForHotReloading(type){{if(resolveFamily===null)return type;var family=resolveFamily(type);return family===void 0?type:family.current}}function resolveClassForHotReloading(type){return resolveFunctionForHotReloading(type)}function resolveForwardRefForHotReloading(type){{if(resolveFamily===null)return type;var family=resolveFamily(type);if(family===void 0){if(type!=null&&typeof type.render=="function"){var currentRender=resolveFunctionForHotReloading(type.render);if(type.render!==currentRender){var syntheticType={$$typeof:REACT_FORWARD_REF_TYPE,render:currentRender};return type.displayName!==void 0&&(syntheticType.displayName=type.displayName),syntheticType}}return type}return family.current}}function isCompatibleFamilyForHotReloading(fiber,element){{if(resolveFamily===null)return!1;var prevType=fiber.elementType,nextType=element.type,needsCompareFamilies=!1,$$typeofNextType=typeof nextType=="object"&&nextType!==null?nextType.$$typeof:null;switch(fiber.tag){case ClassComponent:{typeof nextType=="function"&&(needsCompareFamilies=!0);break}case FunctionComponent:{(typeof nextType=="function"||$$typeofNextType===REACT_LAZY_TYPE)&&(needsCompareFamilies=!0);break}case ForwardRef:{($$typeofNextType===REACT_FORWARD_REF_TYPE||$$typeofNextType===REACT_LAZY_TYPE)&&(needsCompareFamilies=!0);break}case MemoComponent:case SimpleMemoComponent:{($$typeofNextType===REACT_MEMO_TYPE||$$typeofNextType===REACT_LAZY_TYPE)&&(needsCompareFamilies=!0);break}default:return!1}if(needsCompareFamilies){var prevFamily=resolveFamily(prevType);if(prevFamily!==void 0&&prevFamily===resolveFamily(nextType))return!0}return!1}}function markFailedErrorBoundaryForHotReloading(fiber){{if(resolveFamily===null||typeof WeakSet!="function")return;failedBoundaries===null&&(failedBoundaries=new WeakSet),failedBoundaries.add(fiber)}}var scheduleRefresh=function(root2,update){{if(resolveFamily===null)return;var staleFamilies=update.staleFamilies,updatedFamilies=update.updatedFamilies;flushPassiveEffects(),flushSync(function(){scheduleFibersWithFamiliesRecursively(root2.current,updatedFamilies,staleFamilies)})}},scheduleRoot=function(root2,element){{if(root2.context!==emptyContextObject)return;flushPassiveEffects(),flushSync(function(){updateContainer(element,root2,null,null)})}};function scheduleFibersWithFamiliesRecursively(fiber,updatedFamilies,staleFamilies){{var alternate=fiber.alternate,child=fiber.child,sibling=fiber.sibling,tag=fiber.tag,type=fiber.type,candidateType=null;switch(tag){case FunctionComponent:case SimpleMemoComponent:case ClassComponent:candidateType=type;break;case ForwardRef:candidateType=type.render;break}if(resolveFamily===null)throw new Error("Expected resolveFamily to be set during hot reload.");var needsRender=!1,needsRemount=!1;if(candidateType!==null){var family=resolveFamily(candidateType);family!==void 0&&(staleFamilies.has(family)?needsRemount=!0:updatedFamilies.has(family)&&(tag===ClassComponent?needsRemount=!0:needsRender=!0))}if(failedBoundaries!==null&&(failedBoundaries.has(fiber)||alternate!==null&&failedBoundaries.has(alternate))&&(needsRemount=!0),needsRemount&&(fiber._debugNeedsRemount=!0),needsRemount||needsRender){var _root=enqueueConcurrentRenderForLane(fiber,SyncLane);_root!==null&&scheduleUpdateOnFiber(_root,fiber,SyncLane,NoTimestamp)}child!==null&&!needsRemount&&scheduleFibersWithFamiliesRecursively(child,updatedFamilies,staleFamilies),sibling!==null&&scheduleFibersWithFamiliesRecursively(sibling,updatedFamilies,staleFamilies)}}var findHostInstancesForRefresh=function(root2,families){{var hostInstances=new Set,types=new Set(families.map(function(family){return family.current}));return findHostInstancesForMatchingFibersRecursively(root2.current,types,hostInstances),hostInstan
Check the render method of \``+ownerName+"`.")}throw new Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) "+("but got: "+(type==null?type:typeof type)+"."+info))}}var fiber=createFiber(fiberTag,pendingProps,key,mode);return fiber.elementType=type,fiber.type=resolvedType,fiber.lanes=lanes,fiber._debugOwner=owner,fiber}function createFiberFromElement(element,mode,lanes){var owner=null;owner=element._owner;var type=element.type,key=element.key,pendingProps=element.props,fiber=createFiberFromTypeAndProps(type,key,pendingProps,owner,mode,lanes);return fiber._debugSource=element._source,fiber._debugOwner=element._owner,fiber}function createFiberFromFragment(elements,mode,lanes,key){var fiber=createFiber(Fragment2,elements,key,mode);return fiber.lanes=lanes,fiber}function createFiberFromProfiler(pendingProps,mode,lanes,key){typeof pendingProps.id!="string"&&error('Profiler must specify an "id" of type `string` as a prop. Received the type `%s` instead.',typeof pendingProps.id);var fiber=createFiber(Profiler,pendingProps,key,mode|ProfileMode);return fiber.elementType=REACT_PROFILER_TYPE,fiber.lanes=lanes,fiber.stateNode={effectDuration:0,passiveEffectDuration:0},fiber}function createFiberFromSuspense(pendingProps,mode,lanes,key){var fiber=createFiber(SuspenseComponent,pendingProps,key,mode);return fiber.elementType=REACT_SUSPENSE_TYPE,fiber.lanes=lanes,fiber}function createFiberFromSuspenseList(pendingProps,mode,lanes,key){var fiber=createFiber(SuspenseListComponent,pendingProps,key,mode);return fiber.elementType=REACT_SUSPENSE_LIST_TYPE,fiber.lanes=lanes,fiber}function createFiberFromOffscreen(pendingProps,mode,lanes,key){var fiber=createFiber(OffscreenComponent,pendingProps,key,mode);fiber.elementType=REACT_OFFSCREEN_TYPE,fiber.lanes=lanes;var primaryChildInstance={isHidden:!1};return fiber.stateNode=primaryChildInstance,fiber}function createFiberFromText(content,mode,lanes){var fiber=createFiber(HostText,content,null,mode);return fiber.lanes=lanes,fiber}function createFiberFromHostInstanceForDeletion(){var fiber=createFiber(HostComponent,null,null,NoMode);return fiber.elementType="DELETED",fiber}function createFiberFromDehydratedFragment(dehydratedNode){var fiber=createFiber(DehydratedFragment,null,null,NoMode);return fiber.stateNode=dehydratedNode,fiber}function createFiberFromPortal(portal,mode,lanes){var pendingProps=portal.children!==null?portal.children:[],fiber=createFiber(HostPortal,pendingProps,portal.key,mode);return fiber.lanes=lanes,fiber.stateNode={containerInfo:portal.containerInfo,pendingChildren:null,implementation:portal.implementation},fiber}function assignFiberPropertiesInDEV(target,source){return target===null&&(target=createFiber(IndeterminateComponent,null,null,NoMode)),target.tag=source.tag,target.key=source.key,target.elementType=source.elementType,target.type=source.type,target.stateNode=source.stateNode,target.return=source.return,target.child=source.child,target.sibling=source.sibling,target.index=source.index,target.ref=source.ref,target.pendingProps=source.pendingProps,target.memoizedProps=source.memoizedProps,target.updateQueue=source.updateQueue,target.memoizedState=source.memoizedState,target.dependencies=source.dependencies,target.mode=source.mode,target.flags=source.flags,target.subtreeFlags=source.subtreeFlags,target.deletions=source.deletions,target.lanes=source.lanes,target.childLanes=source.childLanes,target.alternate=source.alternate,target.actualDuration=source.actualDuration,target.actualStartTime=source.actualStartTime,target.selfBaseDuration=source.selfBaseDuration,target.treeBaseDuration=source.treeBaseDuration,target._debugSource=source._debugSource,target._debugOwner=source._debugOwner,target._debugNeedsRemount=source._debugNeedsRemount,target._debugHookTypes=source._debugHookTypes,target}function FiberRootNode(containerInfo,tag,hydrate2,identifierPrefix,onRecoverableError){this.tag=tag,this.containerInfo=containerInfo,this.pendingChildren=null,this.current=null,this.pingCache=null,this.finishedWork=null,thi
Check the render method of %s.`,getComponentNameFromFiber(current)||"Unknown"));var update=createUpdate(eventTime,lane);update.payload={element},callback=callback===void 0?null:callback,callback!==null&&(typeof callback!="function"&&error("render(...): Expected the last optional `callback` argument to be a function. Instead received: %s.",callback),update.callback=callback);var root2=enqueueUpdate(current$1,update,lane);return root2!==null&&(scheduleUpdateOnFiber(root2,current$1,lane,eventTime),entangleTransitions(root2,current$1,lane)),lane}function getPublicRootInstance(container){var containerFiber=container.current;if(!containerFiber.child)return null;switch(containerFiber.child.tag){case HostComponent:return containerFiber.child.stateNode;default:return containerFiber.child.stateNode}}function attemptSynchronousHydration$1(fiber){switch(fiber.tag){case HostRoot:{var root2=fiber.stateNode;if(isRootDehydrated(root2)){var lanes=getHighestPriorityPendingLanes(root2);flushRoot(root2,lanes)}break}case SuspenseComponent:{flushSync(function(){var root3=enqueueConcurrentRenderForLane(fiber,SyncLane);if(root3!==null){var eventTime=requestEventTime();scheduleUpdateOnFiber(root3,fiber,SyncLane,eventTime)}});var retryLane=SyncLane;markRetryLaneIfNotHydrated(fiber,retryLane);break}}}function markRetryLaneImpl(fiber,retryLane){var suspenseState=fiber.memoizedState;suspenseState!==null&&suspenseState.dehydrated!==null&&(suspenseState.retryLane=higherPriorityLane(suspenseState.retryLane,retryLane))}function markRetryLaneIfNotHydrated(fiber,retryLane){markRetryLaneImpl(fiber,retryLane);var alternate=fiber.alternate;alternate&&markRetryLaneImpl(alternate,retryLane)}function attemptContinuousHydration$1(fiber){if(fiber.tag===SuspenseComponent){var lane=SelectiveHydrationLane,root2=enqueueConcurrentRenderForLane(fiber,lane);if(root2!==null){var eventTime=requestEventTime();scheduleUpdateOnFiber(root2,fiber,lane,eventTime)}markRetryLaneIfNotHydrated(fiber,lane)}}function attemptHydrationAtCurrentPriority$1(fiber){if(fiber.tag===SuspenseComponent){var lane=requestUpdateLane(fiber),root2=enqueueConcurrentRenderForLane(fiber,lane);if(root2!==null){var eventTime=requestEventTime();scheduleUpdateOnFiber(root2,fiber,lane,eventTime)}markRetryLaneIfNotHydrated(fiber,lane)}}function findHostInstanceWithNoPortals(fiber){var hostFiber=findCurrentHostFiberWithNoPortals(fiber);return hostFiber===null?null:hostFiber.stateNode}var shouldErrorImpl=function(fiber){return null};function shouldError(fiber){return shouldErrorImpl(fiber)}var shouldSuspendImpl=function(fiber){return!1};function shouldSuspend(fiber){return shouldSuspendImpl(fiber)}var overrideHookState=null,overrideHookStateDeletePath=null,overrideHookStateRenamePath=null,overrideProps=null,overridePropsDeletePath=null,overridePropsRenamePath=null,scheduleUpdate=null,setErrorHandler=null,setSuspenseHandler=null;{var copyWithDeleteImpl=function(obj,path,index2){var key=path[index2],updated=isArray(obj)?obj.slice():assign2({},obj);return index2+1===path.length?(isArray(updated)?updated.splice(key,1):delete updated[key],updated):(updated[key]=copyWithDeleteImpl(obj[key],path,index2+1),updated)},copyWithDelete=function(obj,path){return copyWithDeleteImpl(obj,path,0)},copyWithRenameImpl=function(obj,oldPath,newPath,index2){var oldKey=oldPath[index2],updated=isArray(obj)?obj.slice():assign2({},obj);if(index2+1===oldPath.length){var newKey=newPath[index2];updated[newKey]=updated[oldKey],isArray(updated)?updated.splice(oldKey,1):delete updated[oldKey]}else updated[oldKey]=copyWithRenameImpl(obj[oldKey],oldPath,newPath,index2+1);return updated},copyWithRename=function(obj,oldPath,newPath){if(oldPath.length!==newPath.length){warn("copyWithRename() expects paths of the same length");return}else for(var i=0;i<newPath.length-1;i++)if(oldPath[i]!==newPath[i]){warn("copyWithRename() expects paths to be the same except for the deepest key");return}return copyWithRenameImpl(obj,oldPath,newPath,0)},copyWithSetImpl=function(obj,path,index2,value){if(index2>=path.length)return value;var key=path[index2],updated=
let root = createRoot(domContainer);
root.render(<App />);`),options2.unstable_strictMode===!0&&(isStrictMode=!0),options2.identifierPrefix!==void 0&&(identifierPrefix=options2.identifierPrefix),options2.onRecoverableError!==void 0&&(onRecoverableError=options2.onRecoverableError),options2.transitionCallbacks!==void 0&&(transitionCallbacks=options2.transitionCallbacks));var root2=createContainer(container,ConcurrentRoot,null,isStrictMode,concurrentUpdatesByDefaultOverride,identifierPrefix,onRecoverableError);markContainerAsRoot(root2.current,container);var rootContainerElement=container.nodeType===COMMENT_NODE?container.parentNode:container;return listenToAllSupportedEvents(rootContainerElement),new ReactDOMRoot(root2)}function ReactDOMHydrationRoot(internalRoot){this._internalRoot=internalRoot}function scheduleHydration(target){target&&queueExplicitHydrationTarget(target)}ReactDOMHydrationRoot.prototype.unstable_scheduleHydration=scheduleHydration;function hydrateRoot(container,initialChildren,options2){if(!isValidContainer(container))throw new Error("hydrateRoot(...): Target container is not a DOM element.");warnIfReactDOMContainerInDEV(container),initialChildren===void 0&&error("Must provide initial children as second argument to hydrateRoot. Example usage: hydrateRoot(domContainer, <App />)");var hydrationCallbacks=options2??null,mutableSources=options2!=null&&options2.hydratedSources||null,isStrictMode=!1,concurrentUpdatesByDefaultOverride=!1,identifierPrefix="",onRecoverableError=defaultOnRecoverableError;options2!=null&&(options2.unstable_strictMode===!0&&(isStrictMode=!0),options2.identifierPrefix!==void 0&&(identifierPrefix=options2.identifierPrefix),options2.onRecoverableError!==void 0&&(onRecoverableError=options2.onRecoverableError));var root2=createHydrationContainer(initialChildren,null,container,ConcurrentRoot,hydrationCallbacks,isStrictMode,concurrentUpdatesByDefaultOverride,identifierPrefix,onRecoverableError);if(markContainerAsRoot(root2.current,container),listenToAllSupportedEvents(container),mutableSources)for(var i=0;i<mutableSources.length;i++){var mutableSource=mutableSources[i];registerMutableSourceForHydration(root2,mutableSource)}return new ReactDOMHydrationRoot(root2)}function isValidContainer(node2){return!!(node2&&(node2.nodeType===ELEMENT_NODE||node2.nodeType===DOCUMENT_NODE||node2.nodeType===DOCUMENT_FRAGMENT_NODE||!disableCommentsAsDOMContainers))}function isValidContainerLegacy(node2){return!!(node2&&(node2.nodeType===ELEMENT_NODE||node2.nodeType===DOCUMENT_NODE||node2.nodeType===DOCUMENT_FRAGMENT_NODE||node2.nodeType===COMMENT_NODE&&node2.nodeValue===" react-mount-point-unstable "))}function warnIfReactDOMContainerInDEV(container){container.nodeType===ELEMENT_NODE&&container.tagName&&container.tagName.toUpperCase()==="BODY"&&error("createRoot(): Creating roots directly with document.body is discouraged, since its children are often manipulated by third-party scripts and browser extensions. This may lead to subtle reconciliation issues. Try using a container element created for your app."),isContainerMarkedAsRoot(container)&&(container._reactRootContainer?error("You are calling ReactDOMClient.createRoot() on a container that was previously passed to ReactDOM.render(). This is not supported."):error("You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it."))}var ReactCurrentOwner$3=ReactSharedInternals.ReactCurrentOwner,topLevelUpdateWarnings;topLevelUpdateWarnings=function(container){if(container._reactRootContainer&&container.nodeType!==COMMENT_NODE){var hostInstance=findHostInstanceWithNoPortals(container._reactRootContainer.current);hostInstance&&hostInstance.parentNode!==container&&error("render(...): It looks like the React-rendered content of this container was removed without using React. This is not supported and will cause errors. Instead, call ReactDOM.unmountComponentAtNode to empty a container.")}var isRootRenderedBySomeReact=!!container._reactRootContainer,rootEl=getReactR
You might need to use a local HTTP server (instead of file://): https://reactjs.org/link/react-devtools-faq`:""),"font-weight:bold")}exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Internals,exports.createPortal=createPortal$1,exports.createRoot=createRoot$1,exports.findDOMNode=findDOMNode,exports.flushSync=flushSync$1,exports.hydrate=hydrate,exports.hydrateRoot=hydrateRoot$1,exports.render=render,exports.unmountComponentAtNode=unmountComponentAtNode,exports.unstable_batchedUpdates=batchedUpdates$1,exports.unstable_renderSubtreeIntoContainer=renderSubtreeIntoContainer,exports.version=ReactVersion,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error)})()}});var require_react_dom=__commonJS({"../../node_modules/react-dom/index.js"(exports,module){"use strict";module.exports=require_react_dom_development()}});var scope=(()=>{let win;return typeof window<"u"?win=window:typeof globalThis<"u"?win=globalThis:typeof global<"u"?win=global:typeof self<"u"?win=self:win={},win})();var dist_exports2={};__export(dist_exports2,{CacheProvider:()=>CacheProvider,ClassNames:()=>ClassNames,Global:()=>Global,ThemeProvider:()=>ThemeProvider,background:()=>background,color:()=>color,convert:()=>convert,create:()=>create,createCache:()=>createCache,createGlobal:()=>createGlobal,createReset:()=>createReset,css:()=>css,darken:()=>darkenColor,ensure:()=>ensure,ignoreSsrWarning:()=>ignoreSsrWarning,isPropValid:()=>isPropValid,jsx:()=>jsx,keyframes:()=>keyframes,lighten:()=>lightenColor,styled:()=>newStyled,themes:()=>themes,typography:()=>typography,useTheme:()=>useTheme,withTheme:()=>withTheme});var dist_exports={};__export(dist_exports,{deprecate:()=>deprecate,logger:()=>logger,once:()=>once,pretty:()=>pretty});var{LOGLEVEL}=scope,levels={trace:1,debug:2,info:3,warn:4,error:5,silent:10},currentLogLevelString=LOGLEVEL,currentLogLevelNumber=levels[currentLogLevelString]||levels.info,logger={trace:(message,...rest)=>{currentLogLevelNumber<=levels.trace&&console.trace(message,...rest)},debug:(message,...rest)=>{currentLogLevelNumber<=levels.debug&&console.debug(message,...rest)},info:(message,...rest)=>{currentLogLevelNumber<=levels.info&&console.info(message,...rest)},warn:(message,...rest)=>{currentLogLevelNumber<=levels.warn&&console.warn(message,...rest)},error:(message,...rest)=>{currentLogLevelNumber<=levels.error&&console.error(message,...rest)},log:(message,...rest)=>{currentLogLevelNumber<levels.silent&&console.log(message,...rest)}},logged=new Set,once=type=>(message,...rest)=>{if(!logged.has(message))return logged.add(message),logger[type](message,...rest)};once.clear=()=>logged.clear();once.trace=once("trace");once.debug=once("debug");once.info=once("info");once.warn=once("warn");once.error=once("error");once.log=once("log");var deprecate=once("warn"),pretty=type=>(...args)=>{let argArray=[];if(args.length){let startTagRe=/<span\s+style=(['"])([^'"]*)\1\s*>/gi,endTagRe=/<\/span>/gi,reResultArray;for(argArray.push(args[0].replace(startTagRe,"%c").replace(endTagRe,"%c"));reResultArray=startTagRe.exec(args[0]);)argArray.push(reResultArray[2]),argArray.push("");for(let j=1;j<args.length;j++)argArray.push(args[j])}logger[type].apply(logger,argArray)};pretty.trace=pretty("trace");pretty.debug=pretty("debug");pretty.info=pretty("info");pretty.warn=pretty("warn");pretty.error=pretty("error");var __create=Object.create,__defProp=Object.defineProperty,__getOwnPropDesc=Object.getOwnPropertyDescriptor,__getOwnPropNames=Object.getOwnPropertyNames,__getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty,__commonJS2=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports},__copyProps=(to,from2,except,desc)=>{if(from2&&typeof from2=="object"||typeof from2=="function")for(let key of __getOwnPropNames(from2))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from2[key],enumerable:!(desc=__getOwnPropDesc(from2,key))||de
`,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
`,3:`Passed an incorrect argument to a color function, please pass a string representation of a color.
`,4:`Couldn't generate valid rgb string from %s, it returned %s.
`,5:`Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.
`,6:`Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).
`,7:`Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).
`,8:`Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.
`,9:`Please provide a number of steps to the modularScale helper.
`,10:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.
`,11:`Invalid value passed as base to modularScale, expected number or em string but got "%s"
`,12:`Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.
`,13:`Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.
`,14:`Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.
`,15:`Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.
`,16:`You must provide a template to this method.
`,17:`You passed an unsupported selector state to this method.
`,18:`minScreen and maxScreen must be provided as stringified numbers with the same units.
`,19:`fromSize and toSize must be provided as stringified numbers with the same units.
`,20:`expects either an array of objects or a single object with the properties prop, fromSize, and toSize.
`,21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:`fontFace expects a name of a font-family.
`,24:`fontFace expects either the path to the font file(s) or a name of a local copy.
`,25:`fontFace expects localFonts to be an array.
`,26:`fontFace expects fileFormats to be an array.
`,27:`radialGradient requries at least 2 color-stops to properly render.
`,28:`Please supply a filename to retinaImage() as the first argument.
`,29:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.
`,30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation
`,32:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])
To pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')
`,33:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation
`,34:`borderRadius expects a radius value as a string or number as the second argument.
`,35:`borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.
`,36:`Property must be a string value.
`,37:`Syntax Error at %s.
`,38:`Formula contains a function that needs parentheses at %s.
`,39:`Formula is missing closing parenthesis at %s.
`,40:`Formula has too many closing parentheses at %s.
`,41:`All values in a formula must have the same unit or be unitless.
`,42:`Please provide a number of steps to the modularScale helper.
`,43:`Please pass a number or one of the predefined scales to the modularScale helper as the ratio.
`,44:`Invalid value passed as base to modularScale, expected number or em/rem string but got %s.
`,45:`Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.
`,46:`Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.
`,47:`minScreen and maxScreen must be provided as stringified numbers with the same units.
`,48:`fromSize and toSize must be provided as stringified numbers with the same units.
`,49:`Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.
`,50:`Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.
`,51:`Expects the first argument object to have the properties prop, fromSize, and toSize.
`,52:`fontFace expects either the path to the font file(s) or a name of a local copy.
`,53:`fontFace expects localFonts to be an array.
`,54:`fontFace expects fileFormats to be an array.
`,55:`fontFace expects a name of a font-family.
`,56:`linearGradient requries at least 2 color-stops to properly render.
`,57:`radialGradient requries at least 2 color-stops to properly render.
`,58:`Please supply a filename to retinaImage() as the first argument.
`,59:`Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.
`,60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:`Property must be a string value.
`,62:`borderRadius expects a radius value as a string or number as the second argument.
`,63:`borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.
`,64:`The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.
`,65:`To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').
`,66:`The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.
`,67:`You must provide a template to this method.
`,68:`You passed an unsupported selector state to this method.
`,69:`Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.
`,70:`Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.
`,71:`Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.
`,72:`Passed invalid base value %s to %s(), please pass a value like "12px" or 12.
`,73:`Please provide a valid CSS variable.
`,74:`CSS variable not found and no default was provided.
`,75:`important requires a valid style object, got a %s instead.
`,76:`fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.
`,77:`remToPx expects a value in "rem" but you provided it in "%s".
`,78:`base must be set in "px" or "%" but you set it in "%s".
`};function format(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var a=args[0],b=[],c;for(c=1;c<args.length;c+=1)b.push(args[c]);return b.forEach(function(d){a=a.replace(/%[a-z]/,d)}),a}var PolishedError=function(_Error){_inheritsLoose(PolishedError2,_Error);function PolishedError2(code){for(var _this,_len2=arguments.length,args=new Array(_len2>1?_len2-1:0),_key2=1;_key2<_len2;_key2++)args[_key2-1]=arguments[_key2];return _this=_Error.call(this,format.apply(void 0,[ERRORS[code]].concat(args)))||this,_assertThisInitialized(_this)}return PolishedError2}(_wrapNativeSuper(Error));function colorToInt(color2){return Math.round(color2*255)}function convertToInt(red,green,blue){return colorToInt(red)+","+colorToInt(green)+","+colorToInt(blue)}function hslToRgb(hue,saturation,lightness,convert2){if(convert2===void 0&&(convert2=convertToInt),saturation===0)return convert2(lightness,lightness,lightness);var huePrime=(hue%360+360)%360/60,chroma=(1-Math.abs(2*lightness-1))*saturation,secondComponent=chroma*(1-Math.abs(huePrime%2-1)),red=0,green=0,blue=0;huePrime>=0&&huePrime<1?(red=chroma,green=secondComponent):huePrime>=1&&huePrime<2?(red=secondComponent,green=chroma):huePrime>=2&&huePrime<3?(green=chroma,blue=secondComponent):huePrime>=3&&huePrime<4?(green=secondComponent,blue=chroma):huePrime>=4&&huePrime<5?(red=secondComponent,blue=chroma):huePrime>=5&&huePrime<6&&(red=chroma,blue=secondComponent);var lightnessModification=lightness-chroma/2,finalRed=red+lightnessModification,finalGreen=green+lightnessModification,finalBlue=blue+lightnessModification;return convert2(finalRed,finalGreen,finalBlue)}var namedColorMap={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",
`+rule+"\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."),this._alreadyInsertedOrderInsensitiveRule=this._alreadyInsertedOrderInsensitiveRule||!isImportRule3,this.isSpeedy){var sheet=sheetForTag(tag);try{sheet.insertRule(rule,sheet.cssRules.length)}catch(e){/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(rule)||console.error('There was a problem inserting the following rule: "'+rule+'"',e)}}else tag.appendChild(document.createTextNode(rule));this.ctr++},_proto.flush=function(){this.tags.forEach(function(tag){return tag.parentNode&&tag.parentNode.removeChild(tag)}),this.tags=[],this.ctr=0,this._alreadyInsertedOrderInsensitiveRule=!1},StyleSheet2}(),MS="-ms-",MOZ="-moz-",WEBKIT="-webkit-",COMMENT="comm",RULESET="rule",DECLARATION="decl",IMPORT="@import",KEYFRAMES="@keyframes",LAYER="@layer",abs=Math.abs,from=String.fromCharCode,assign=Object.assign;function hash(value,length2){return charat(value,0)^45?(((length2<<2^charat(value,0))<<2^charat(value,1))<<2^charat(value,2))<<2^charat(value,3):0}function trim(value){return value.trim()}function match(value,pattern){return(value=pattern.exec(value))?value[0]:value}function replace(value,pattern,replacement){return value.replace(pattern,replacement)}function indexof(value,search){return value.indexOf(search)}function charat(value,index){return value.charCodeAt(index)|0}function substr(value,begin,end){return value.slice(begin,end)}function strlen(value){return value.length}function sizeof(value){return value.length}function append(value,array){return array.push(value),value}function combine(array,callback){return array.map(callback).join("")}var line=1,column=1,length=0,position=0,character=0,characters="";function node(value,root,parent,type,props,children,length2){return{value,root,parent,type,props,children,line,column,length:length2,return:""}}function copy(root,props){return assign(node("",null,null,"",null,null,0),root,{length:-root.length},props)}function char(){return character}function prev(){return character=position>0?charat(characters,--position):0,column--,character===10&&(column=1,line--),character}function next(){return character=position<length?charat(characters,position++):0,column++,character===10&&(column=1,line++),character}function peek(){return charat(characters,position)}function caret(){return position}function slice(begin,end){return substr(characters,begin,end)}function token(type){switch(type){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function alloc(value){return line=column=1,length=strlen(characters=value),position=0,[]}function dealloc(value){return characters="",value}function delimit(type){return trim(slice(position-1,delimiter(type===91?type+2:type===40?type+1:type)))}function whitespace(type){for(;(character=peek())&&character<33;)next();return token(type)>2||token(character)>3?"":" "}function escaping(index,count){for(;--count&&next()&&!(character<48||character>102||character>57&&character<65||character>70&&character<97););return slice(index,caret()+(count<6&&peek()==32&&next()==32))}function delimiter(type){for(;next();)switch(character){case type:return position;case 34:case 39:type!==34&&type!==39&&delimiter(character);break;case 40:type===41&&delimiter(type);break;case 92:next();break}return position}function commenter(type,index){for(;next()&&type+character!==57&&!(type+character===84&&peek()===47););return"/*"+slice(index,position-1)+"*"+from(type===47?type:next())}function identifier(index){for(;!token(peek());)next();return slice(index,position)}function compile(value){return dealloc(parse("",null,null,null,[""],value=alloc(value),0,[0],value))}function parse(value,root,parent,rule,rules,rulesets,pseudo,points,declaration
If multiple caches share the same key they might "fight" for each other's style elements.`);if(key==="css"){var ssrStyles=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(ssrStyles,function(node2){var dataEmotionAttribute=node2.getAttribute("data-emotion");dataEmotionAttribute.indexOf(" ")!==-1&&(document.head.appendChild(node2),node2.setAttribute("data-s",""))})}var stylisPlugins=options.stylisPlugins||defaultStylisPlugins;if(/[^a-z-]/.test(key))throw new Error('Emotion key must only contain lower case alphabetical characters and - but "'+key+'" was passed');var inserted={},container,nodesToHydrate=[];container=options.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+key+' "]'),function(node2){for(var attrib=node2.getAttribute("data-emotion").split(" "),i=1;i<attrib.length;i++)inserted[attrib[i]]=!0;nodesToHydrate.push(node2)});var _insert,omnipresentPlugins=[compat,removeLabel];omnipresentPlugins.push(createUnsafeSelectorsAlarm({get compat(){return cache.compat}}),incorrectImportAlarm);{var currentSheet,finalizingPlugins=[stringify,function(element){element.root||(element.return?currentSheet.insert(element.return):element.value&&element.type!==COMMENT&&currentSheet.insert(element.value+"{}"))}],serializer=middleware(omnipresentPlugins.concat(stylisPlugins,finalizingPlugins)),stylis=function(styles){return serialize(compile(styles),serializer)};_insert=function(selector,serialized,sheet,shouldCache){currentSheet=sheet,serialized.map!==void 0&&(currentSheet={insert:function(rule){sheet.insert(rule+serialized.map)}}),stylis(selector?selector+"{"+serialized.styles+"}":serialized.styles),shouldCache&&(cache.inserted[serialized.name]=!0)}}var cache={key,sheet:new StyleSheet({key,container,nonce:options.nonce,speedy:options.speedy,prepend:options.prepend,insertionPoint:options.insertionPoint}),nonce:options.nonce,inserted,registered:{},insert:_insert};return cache.sheet.hydrate(nodesToHydrate),cache},import_hoist_non_react_statics=__toESM2(require_hoist_non_react_statics_cjs()),hoistNonReactStatics=function(targetComponent,sourceComponent){return(0,import_hoist_non_react_statics.default)(targetComponent,sourceComponent)},isBrowser=!0;function getRegisteredStyles(registered,registeredStyles,classNames){var rawClassName="";return classNames.split(" ").forEach(function(className){registered[className]!==void 0?registeredStyles.push(registered[className]+";"):rawClassName+=className+" "}),rawClassName}var registerStyles=function(cache,serialized,isStringTag){var className=cache.key+"-"+serialized.name;(isStringTag===!1||isBrowser===!1)&&cache.registered[className]===void 0&&(cache.registered[className]=serialized.styles)},insertStyles=function(cache,serialized,isStringTag){registerStyles(cache,serialized,isStringTag);var className=cache.key+"-"+serialized.name;if(cache.inserted[serialized.name]===void 0){var current=serialized;do cache.insert(serialized===current?"."+className:"",current,cache.sheet,!0),current=current.next;while(current!==void 0)}};function murmur2(str){for(var h=0,k,i=0,len=str.length;len>=4;++i,len-=4)k=str.charCodeAt(i)&255|(str.charCodeAt(++i)&255)<<8|(str.charCodeAt(++i)&255)<<16|(str.charCodeAt(++i)&255)<<24,k=(k&65535)*1540483477+((k>>>16)*59797<<16),k^=k>>>24,h=(k&65535)*1540483477+((k>>>16)*59797<<16)^(h&65535)*1540483477+((h>>>16)*59797<<16);switch(len){case 3:h^=(str.charCodeAt(i+2)&255)<<16;case 2:h^=(str.charCodeAt(i+1)&255)<<8;case 1:h^=str.charCodeAt(i)&255,h=(h&65535)*1540483477+((h>>>16)*59797<<16)}return h^=h>>>13,h=(h&65535)*1540483477+((h>>>16)*59797<<16),((h^h>>>15)>>>0).toString(36)}var unitlessKeys={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,msG
Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
You can read more about this here:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`,UNDEFINED_AS_OBJECT_KEY_ERROR="You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).",hyphenateRegex=/[A-Z]|^ms/g,animationRegex=/_EMO_([^_]+?)_([^]*?)_EMO_/g,isCustomProperty=function(property){return property.charCodeAt(1)===45},isProcessableValue=function(value){return value!=null&&typeof value!="boolean"},processStyleName=memoize(function(styleName){return isCustomProperty(styleName)?styleName:styleName.replace(hyphenateRegex,"-$&").toLowerCase()}),processStyleValue=function(key,value){switch(key){case"animation":case"animationName":if(typeof value=="string")return value.replace(animationRegex,function(match2,p1,p2){return cursor={name:p1,styles:p2,next:cursor},p1})}return unitlessKeys[key]!==1&&!isCustomProperty(key)&&typeof value=="number"&&value!==0?value+"px":value};contentValuePattern=/(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/,contentValues=["normal","none","initial","inherit","unset"],oldProcessStyleValue=processStyleValue,msPattern=/^-ms-/,hyphenPattern=/-(.)/g,hyphenatedCache={},processStyleValue=function(key,value){if(key==="content"&&(typeof value!="string"||contentValues.indexOf(value)===-1&&!contentValuePattern.test(value)&&(value.charAt(0)!==value.charAt(value.length-1)||value.charAt(0)!=='"'&&value.charAt(0)!=="'")))throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\""+value+"\"'`");var processed=oldProcessStyleValue(key,value);return processed!==""&&!isCustomProperty(key)&&key.indexOf("-")!==-1&&hyphenatedCache[key]===void 0&&(hyphenatedCache[key]=!0,console.error("Using kebab-case for css properties in objects is not supported. Did you mean "+key.replace(msPattern,"ms-").replace(hyphenPattern,function(str,_char){return _char.toUpperCase()})+"?")),processed};var contentValuePattern,contentValues,oldProcessStyleValue,msPattern,hyphenPattern,hyphenatedCache,noComponentSelectorMessage="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function handleInterpolation(mergedProps,registered,interpolation){if(interpolation==null)return"";if(interpolation.__emotion_styles!==void 0){if(interpolation.toString()==="NO_COMPONENT_SELECTOR")throw new Error(noComponentSelectorMessage);return interpolation}switch(typeof interpolation){case"boolean":return"";case"object":{if(interpolation.anim===1)return cursor={name:interpolation.name,styles:interpolation.styles,next:cursor},interpolation.name;if(interpolation.styles!==void 0){var next2=interpolation.next;if(next2!==void 0)for(;next2!==void 0;)cursor={name:next2.name,styles:next2.styles,next:cursor},next2=next2.next;var styles=interpolation.styles+";";return interpolation.map!==void 0&&(styles+=interpolation.map),styles}return createStringFromObject(mergedProps,registered,interpolation)}case"function":{if(mergedProps!==void 0){var previousCursor=cursor,result=interpolation(mergedProps);return cursor=previousCursor,handleInterpolation(mergedProps,registered,result)}else console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");break}case"string":var matched=[],replaced=interpolation.replace(animationRegex,function(match2,p1,p2){var fakeVarName="animation"+matched.length;return matched.push("const "+fakeVarName+" = keyframes`"+p2.replace(/^@keyframes animation-\w+/,"")+"`"),"${"+fakeVarName+"}"});matched.length&&console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n"+[
`)+`
You should wrap it with \`css\` like this:
`+("css`"+replaced+"`"));break}if(registered==null)return interpolation;var cached=registered[interpolation];return cached!==void 0?cached:interpolation}function createStringFromObject(mergedProps,registered,obj){var string="";if(Array.isArray(obj))for(var i=0;i<obj.length;i++)string+=handleInterpolation(mergedProps,registered,obj[i])+";";else for(var _key in obj){var value=obj[_key];if(typeof value!="object")registered!=null&&registered[value]!==void 0?string+=_key+"{"+registered[value]+"}":isProcessableValue(value)&&(string+=processStyleName(_key)+":"+processStyleValue(_key,value)+";");else{if(_key==="NO_COMPONENT_SELECTOR")throw new Error(noComponentSelectorMessage);if(Array.isArray(value)&&typeof value[0]=="string"&&(registered==null||registered[value[0]]===void 0))for(var _i=0;_i<value.length;_i++)isProcessableValue(value[_i])&&(string+=processStyleName(_key)+":"+processStyleValue(_key,value[_i])+";");else{var interpolated=handleInterpolation(mergedProps,registered,value);switch(_key){case"animation":case"animationName":{string+=processStyleName(_key)+":"+interpolated+";";break}default:_key==="undefined"&&console.error(UNDEFINED_AS_OBJECT_KEY_ERROR),string+=_key+"{"+interpolated+"}"}}}}return string}var labelPattern=/label:\s*([^\s;\n{]+)\s*(;|$)/g,sourceMapPattern;sourceMapPattern=/\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g;var cursor,serializeStyles=function(args,registered,mergedProps){if(args.length===1&&typeof args[0]=="object"&&args[0]!==null&&args[0].styles!==void 0)return args[0];var stringMode=!0,styles="";cursor=void 0;var strings=args[0];strings==null||strings.raw===void 0?(stringMode=!1,styles+=handleInterpolation(mergedProps,registered,strings)):(strings[0]===void 0&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR),styles+=strings[0]);for(var i=1;i<args.length;i++)styles+=handleInterpolation(mergedProps,registered,args[i]),stringMode&&(strings[i]===void 0&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR),styles+=strings[i]);var sourceMap;styles=styles.replace(sourceMapPattern,function(match3){return sourceMap=match3,""}),labelPattern.lastIndex=0;for(var identifierName="",match2;(match2=labelPattern.exec(styles))!==null;)identifierName+="-"+match2[1];var name=murmur2(styles)+identifierName;return{name,styles,map:sourceMap,next:cursor,toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}},hasOwn={}.hasOwnProperty,EmotionCacheContext=React2.createContext(typeof HTMLElement<"u"?createCache({key:"css"}):null);EmotionCacheContext.displayName="EmotionCacheContext";var CacheProvider=EmotionCacheContext.Provider,withEmotionCache=function(func){return(0,import_react.forwardRef)(function(props,ref){var cache=(0,import_react.useContext)(EmotionCacheContext);return func(props,cache,ref)})},ThemeContext=React2.createContext({});ThemeContext.displayName="EmotionThemeContext";var useTheme=function(){return React2.useContext(ThemeContext)},getTheme=function(outerTheme,theme3){if(typeof theme3=="function"){var mergedTheme=theme3(outerTheme);if(mergedTheme==null||typeof mergedTheme!="object"||Array.isArray(mergedTheme))throw new Error("[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!");return mergedTheme}if(theme3==null||typeof theme3!="object"||Array.isArray(theme3))throw new Error("[ThemeProvider] Please make your theme prop a plain object");return _extends({},outerTheme,theme3)},createCacheWithTheme=weakMemoize(function(outerTheme){return weakMemoize(function(theme3){return getTheme(outerTheme,theme3)})}),ThemeProvider=function(props){var theme3=React2.useContext(ThemeContext);return props.theme!==theme3&&(theme3=createCacheWithTheme(theme3)(props.theme)),React2.createElement(ThemeContext.Provider,{value:theme3},props.children)};function withTheme(Component){var componentName=Component.displayName||Component.name||"Component",render=function(props,ref){var theme3=React2.u
`),i=0;i<lines.length;i++){var functionName=getFunctionNameFromStackTraceLine(lines[i]);if(functionName){if(internalReactFunctionNames.has(functionName))break;if(/^[A-Z]/.test(functionName))return sanitizeIdentifier(functionName)}}},typePropName="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",labelPropName="__EMOTION_LABEL_PLEASE_DO_NOT_USE__",createEmotionProps=function(type,props){if(typeof props.css=="string"&&props.css.indexOf(":")!==-1)throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`"+props.css+"`");var newProps={};for(var key in props)hasOwn.call(props,key)&&(newProps[key]=props[key]);if(newProps[typePropName]=type,props.css&&(typeof props.css!="object"||typeof props.css.name!="string"||props.css.name.indexOf("-")===-1)){var label=getLabelFromStackTrace(new Error().stack);label&&(newProps[labelPropName]=label)}return newProps},Insertion=function(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;return registerStyles(cache,serialized,isStringTag),useInsertionEffectAlwaysWithSyncFallback(function(){return insertStyles(cache,serialized,isStringTag)}),null},Emotion=withEmotionCache(function(props,cache,ref){var cssProp=props.css;typeof cssProp=="string"&&cache.registered[cssProp]!==void 0&&(cssProp=cache.registered[cssProp]);var WrappedComponent=props[typePropName],registeredStyles=[cssProp],className="";typeof props.className=="string"?className=getRegisteredStyles(cache.registered,registeredStyles,props.className):props.className!=null&&(className=props.className+" ");var serialized=serializeStyles(registeredStyles,void 0,React2.useContext(ThemeContext));if(serialized.name.indexOf("-")===-1){var labelFromStack=props[labelPropName];labelFromStack&&(serialized=serializeStyles([serialized,"label:"+labelFromStack+";"]))}className+=cache.key+"-"+serialized.name;var newProps={};for(var key in props)hasOwn.call(props,key)&&key!=="css"&&key!==typePropName&&key!==labelPropName&&(newProps[key]=props[key]);return newProps.ref=ref,newProps.className=className,React2.createElement(React2.Fragment,null,React2.createElement(Insertion,{cache,serialized,isStringTag:typeof WrappedComponent=="string"}),React2.createElement(WrappedComponent,newProps))});Emotion.displayName="EmotionCssPropInternal";var Emotion$1=Emotion;__toESM2(require_hoist_non_react_statics_cjs());var pkg={name:"@emotion/react",version:"11.11.4",main:"dist/emotion-react.cjs.js",module:"dist/emotion-react.esm.js",browser:{"./dist/emotion-react.esm.js":"./dist/emotion-react.browser.esm.js"},exports:{".":{module:{worker:"./dist/emotion-react.worker.esm.js",browser:"./dist/emotion-react.browser.esm.js",default:"./dist/emotion-react.esm.js"},import:"./dist/emotion-react.cjs.mjs",default:"./dist/emotion-react.cjs.js"},"./jsx-runtime":{module:{worker:"./jsx-runtime/dist/emotion-react-jsx-runtime.worker.esm.js",browser:"./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",default:"./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js"},import:"./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",default:"./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"},"./_isolated-hnrs":{module:{worker:"./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.worker.esm.js",browser:"./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",default:"./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js"},import:"./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",default:"./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"},"./jsx-dev-runtime":{module:{worker:"./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.worker.esm.js",browser:"./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",default:"./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js"},import:"./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",default:"./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"},"./package.json":"./package.json","./types/css-prop":"./types/css-prop.d.ts","./macro":{types:{import:"./macro.d.mts",default:"./macro.d.t
Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
You can read more about this here:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`,Insertion5=function(_ref){var cache=_ref.cache,serialized=_ref.serialized,isStringTag=_ref.isStringTag;return registerStyles(cache,serialized,isStringTag),useInsertionEffectAlwaysWithSyncFallback(function(){return insertStyles(cache,serialized,isStringTag)}),null},createStyled=function createStyled2(tag,options){if(tag===void 0)throw new Error(`You are trying to create a styled element with an undefined component.
You may have forgotten to import it.`);var isReal=tag.__emotion_real===tag,baseTag=isReal&&tag.__emotion_base||tag,identifierName,targetClassName;options!==void 0&&(identifierName=options.label,targetClassName=options.target);var shouldForwardProp=composeShouldForwardProps(tag,options,isReal),defaultShouldForwardProp=shouldForwardProp||getDefaultShouldForwardProp(baseTag),shouldUseAs=!defaultShouldForwardProp("as");return function(){var args=arguments,styles=isReal&&tag.__emotion_styles!==void 0?tag.__emotion_styles.slice(0):[];if(identifierName!==void 0&&styles.push("label:"+identifierName+";"),args[0]==null||args[0].raw===void 0)styles.push.apply(styles,args);else{args[0][0]===void 0&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR2),styles.push(args[0][0]);for(var len=args.length,i=1;i<len;i++)args[0][i]===void 0&&console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR2),styles.push(args[i],args[0][i])}var Styled=withEmotionCache(function(props,cache,ref){var FinalTag=shouldUseAs&&props.as||baseTag,className="",classInterpolations=[],mergedProps=props;if(props.theme==null){mergedProps={};for(var key in props)mergedProps[key]=props[key];mergedProps.theme=React2.useContext(ThemeContext)}typeof props.className=="string"?className=getRegisteredStyles(cache.registered,classInterpolations,props.className):props.className!=null&&(className=props.className+" ");var serialized=serializeStyles(styles.concat(classInterpolations),cache.registered,mergedProps);className+=cache.key+"-"+serialized.name,targetClassName!==void 0&&(className+=" "+targetClassName);var finalShouldForwardProp=shouldUseAs&&shouldForwardProp===void 0?getDefaultShouldForwardProp(FinalTag):defaultShouldForwardProp,newProps={};for(var _key in props)shouldUseAs&&_key==="as"||finalShouldForwardProp(_key)&&(newProps[_key]=props[_key]);return newProps.className=className,newProps.ref=ref,React2.createElement(React2.Fragment,null,React2.createElement(Insertion5,{cache,serialized,isStringTag:typeof FinalTag=="string"}),React2.createElement(FinalTag,newProps))});return Styled.displayName=identifierName!==void 0?identifierName:"Styled("+(typeof baseTag=="string"?baseTag:baseTag.displayName||baseTag.name||"Component")+")",Styled.defaultProps=tag.defaultProps,Styled.__emotion_real=Styled,Styled.__emotion_base=baseTag,Styled.__emotion_styles=styles,Styled.__emotion_forwardProp=shouldForwardProp,Object.defineProperty(Styled,"toString",{value:function(){return targetClassName===void 0?"NO_COMPONENT_SELECTOR":"."+targetClassName}}),Styled.withComponent=function(nextTag,nextOptions){return createStyled2(nextTag,_extends({},options,nextOptions,{shouldForwardProp:composeShouldForwardProps(Styled,nextOptions,!0)})).apply(void 0,styles)},Styled}},tags=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],newStyled=createStyled.bind();tags.forEach(function(tagName){newStyled[tagName]=newStyled(tagName)});var createReset=(0,import_memoizerific.default)(1)(({typography:typography2})=>({body:{fontFamily:typography2.fonts.base,fontSize:typography2.size.s3,margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTapHighlig
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
`,glow=keyframes`
0%, 100% { opacity: 1; }
50% { opacity: .4; }
`,float=keyframes`
0% { transform: translateY(1px); }
25% { transform: translateY(0px); }
50% { transform: translateY(-3px); }
100% { transform: translateY(1px); }
`,jiggle=keyframes`
0%, 100% { transform:translate3d(0,0,0); }
12.5%, 62.5% { transform:translate3d(-4px,0,0); }
37.5%, 87.5% { transform: translate3d(4px,0,0); }
`,inlineGlow=css`
animation: ${glow} 1.5s ease-in-out infinite;
color: transparent;
cursor: progress;
`,hoverable=css`
transition: all 150ms ease-out;
transform: translate3d(0, 0, 0);
&:hover {
transform: translate3d(0, -2px, 0);
}
&:active {
transform: translate3d(0, 0, 0);
}
`,animation={rotate360,glow,float,jiggle,inlineGlow,hoverable},chromeDark={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"rgb(36, 36, 36)",BASE_COLOR:"rgb(213, 213, 213)",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(227, 110, 236)",OBJECT_VALUE_NULL_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(127, 127, 127)",OBJECT_VALUE_REGEXP_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_STRING_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(233, 63, 59)",OBJECT_VALUE_NUMBER_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_BOOLEAN_COLOR:"hsl(252, 100%, 75%)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(85, 106, 242)",HTML_TAG_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_COLOR:"rgb(93, 176, 215)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(155, 187, 220)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(242, 151, 102)",HTML_COMMENT_COLOR:"rgb(137, 137, 137)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"rgb(145, 145, 145)",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"rgb(85, 85, 85)",TABLE_TH_BACKGROUND_COLOR:"rgb(44, 44, 44)",TABLE_TH_HOVER_COLOR:"rgb(48, 48, 48)",TABLE_SORT_ICON_COLOR:"black",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(51, 139, 255, 0.0980392) 50%, rgba(51, 139, 255, 0.0980392))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},chromeLight={BASE_FONT_FAMILY:"Menlo, monospace",BASE_FONT_SIZE:"11px",BASE_LINE_HEIGHT:1.2,BASE_BACKGROUND_COLOR:"white",BASE_COLOR:"black",OBJECT_PREVIEW_ARRAY_MAX_PROPERTIES:10,OBJECT_PREVIEW_OBJECT_MAX_PROPERTIES:5,OBJECT_NAME_COLOR:"rgb(136, 19, 145)",OBJECT_VALUE_NULL_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_UNDEFINED_COLOR:"rgb(128, 128, 128)",OBJECT_VALUE_REGEXP_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_STRING_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_SYMBOL_COLOR:"rgb(196, 26, 22)",OBJECT_VALUE_NUMBER_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_BOOLEAN_COLOR:"rgb(28, 0, 207)",OBJECT_VALUE_FUNCTION_PREFIX_COLOR:"rgb(13, 34, 170)",HTML_TAG_COLOR:"rgb(168, 148, 166)",HTML_TAGNAME_COLOR:"rgb(136, 18, 128)",HTML_TAGNAME_TEXT_TRANSFORM:"lowercase",HTML_ATTRIBUTE_NAME_COLOR:"rgb(153, 69, 0)",HTML_ATTRIBUTE_VALUE_COLOR:"rgb(26, 26, 166)",HTML_COMMENT_COLOR:"rgb(35, 110, 37)",HTML_DOCTYPE_COLOR:"rgb(192, 192, 192)",ARROW_COLOR:"#6e6e6e",ARROW_MARGIN_RIGHT:3,ARROW_FONT_SIZE:12,ARROW_ANIMATION_DURATION:"0",TREENODE_FONT_FAMILY:"Menlo, monospace",TREENODE_FONT_SIZE:"11px",TREENODE_LINE_HEIGHT:1.2,TREENODE_PADDING_LEFT:12,TABLE_BORDER_COLOR:"#aaa",TABLE_TH_BACKGROUND_COLOR:"#eee",TABLE_TH_HOVER_COLOR:"hsla(0, 0%, 90%, 1)",TABLE_SORT_ICON_COLOR:"#6e6e6e",TABLE_DATA_BACKGROUND_IMAGE:"linear-gradient(to bottom, white, white 50%, rgb(234, 243, 255) 50%, rgb(234, 243, 255))",TABLE_DATA_BACKGROUND_SIZE:"128px 32px"},convertColors=colors=>Object.entries(colors).reduce((acc,[k,v])=>({...acc,[k]:mkColor(v)}),{}),create2=({colors,mono})=>{let colorsObjs=convertColors(colors);return{token:{fontFamily:mono,WebkitFontSmoothing:"antialiased","&.tag":colorsObjs.red3,"&.comment":{...colorsObjs.green1,fontStyle:"italic"},"&.prolog":{...colorsObjs.green1,fontStyle:"italic"},"&.doctype":{...colorsObjs.green1,fontStyle:"italic"},"&.cdata":{...colorsObjs.green1,fontStyle:"italic"},"&.string":colorsObjs.red1,"&.url":colorsObjs.cyan1,"&.symbol":colorsObjs.cyan1,"&.number":colorsObjs.cyan1,"&.boolean":colorsObjs.cyan1,"&.variable":colorsObjs.cyan1,"&.constant":colorsObjs.cyan1,"&.inserted":colorsObjs.cyan1,"&.atrule":colorsObjs.blue1,"&.keyword":colorsObjs.blue1,"&.attr-value":colorsObjs.blue1,"&.punctuation":colorsObjs.gray1,"&.operator":colorsObjs.gray1,"&.function":colorsObjs.gray1,"&.deleted":colorsObjs.red2,"&.important":{fontWeight:"bold"},"&.bold":{fontWeight:"bold"},"&.italic":{fontStyle:"italic"},"&.class-name":colorsObjs.cyan2,"&.selector":colorsObjs.red3,"&.attr-name":colorsObjs.red4,"&.property"
[ ]{`+Math.min.apply(Math,indentLengths)+"}","g");strings=strings.map(function(str){return str.replace(pattern_1,`
`)})}strings[0]=strings[0].replace(/^\r?\n/,"");var string=strings[0];return values.forEach(function(value,i){var endentations=string.match(/(?:^|\n)( *)$/),endentation=endentations?endentations[1]:"",indentedValue=value;typeof value=="string"&&value.includes(`
`)&&(indentedValue=String(value).split(`
`).map(function(str,i2){return i2===0?str:""+endentation+str}).join(`
`)),string+=indentedValue+strings[i+1]}),string}var ensure=input=>{if(!input)return convert(light_default);let missing=deleted_default(light_default,input);return Object.keys(missing).length&&logger.warn(dedent`
Your theme is missing properties, you should update your theme!
theme-data missing:
`,missing),convert(input)},ignoreSsrWarning="/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */";function _extends2(){return _extends2=Object.assign?Object.assign.bind():function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends2.apply(this,arguments)}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}export{scope,require_react,require_react_dom,logger,once,deprecate,pretty,dist_exports,color,typography,lightenColor,create,isPropValid,useTheme,ThemeProvider,withTheme,Global,keyframes,newStyled,createGlobal,ensure,ignoreSsrWarning,dist_exports2,_extends2 as _extends,_objectWithoutPropertiesLoose};