@storybook/manager 7.0.0-rc.3 → 7.0.0-rc.4

package/dist/{chunk-VJ4YIE5J.mjs → chunk-OMVNOSSE.mjs}

@@ -157,7 +157,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
 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=emotion_hash_esm_default(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)."}}},hasOwnProperty={}.hasOwnProperty,EmotionCacheContext=(0,import_react5.createContext)(typeof HTMLElement<"u"?emotion_cache_browser_esm_default({key:"css"}):null);EmotionCacheContext.displayName="EmotionCacheContext";var CacheProvider=EmotionCacheContext.Provider,withEmotionCache=function(func){return(0,import_react5.forwardRef)(function(props,ref){var cache=(0,import_react5.useContext)(EmotionCacheContext);return func(props,cache,ref)})},ThemeContext=(0,import_react5.createContext)({});ThemeContext.displayName="EmotionThemeContext";var useTheme=function(){return(0,import_react5.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=emotion_weak_memoize_esm_default(function(outerTheme){return emotion_weak_memoize_esm_default(function(theme3){return getTheme(outerTheme,theme3)})}),ThemeProvider=function(props){var theme3=(0,import_react5.useContext)(ThemeContext);return props.theme!==theme3&&(theme3=createCacheWithTheme(theme3)(props.theme)),(0,import_react5.createElement)(ThemeContext.Provider,{value:theme3},props.children)};function withTheme(Component){var componentName=Component.displayName||Component.name||"Component",render=function(props,ref){var theme3=(0,import_react5.useContext)(ThemeContext);return(0,import_react5.createElement)(Component,_extends({theme:theme3,ref},props))},WithTheme=(0,import_react5.forwardRef)(render);return WithTheme.displayName="WithTheme("+componentName+")",emotion_react_isolated_hnrs_browser_esm_default(WithTheme,Component)}var getLastPart=function(functionName){var parts=functionName.split(".");return parts[parts.length-1]},getFunctionNameFromStackTraceLine=function(line2){var match2=/^\s+at\s+([A-Za-z0-9$.]+)\s/.exec(line2);if(match2||(match2=/^([A-Za-z0-9$.]+)@/.exec(line2),match2))return getLastPart(match2[1])},internalReactFunctionNames=new Set(["renderWithHooks","processChild","finishClassComponent","renderToString"]),sanitizeIdentifier=function(identifier2){return identifier2.replace(/\$/g,"-")},getLabelFromStackTrace=function(stackTrace){if(stackTrace)for(var lines=stackTrace.split(`
-`),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)hasOwnProperty.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;registerStyles(cache,serialized,isStringTag);var rules=useInsertionEffectAlwaysWithSyncFallback(function(){return insertStyles(cache,serialized,isStringTag)});return 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,(0,import_react5.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)hasOwnProperty.call(props,key)&&key!=="css"&&key!==typePropName&&key!==labelPropName&&(newProps[key]=props[key]);return newProps.ref=ref,newProps.className=className,(0,import_react5.createElement)(import_react5.Fragment,null,(0,import_react5.createElement)(Insertion,{cache,serialized,isStringTag:typeof WrappedComponent=="string"}),(0,import_react5.createElement)(WrappedComponent,newProps))});Emotion.displayName="EmotionCssPropInternal";var import_hoist_non_react_statics2=__toESM2(require_hoist_non_react_statics_cjs()),pkg={name:"@emotion/react",version:"11.10.5",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"},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"},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"},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"},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":"./macro.js"},types:"types/index.d.ts",files:["src","dist","jsx-runtime","jsx-dev-runtime","_isolated-hnrs","types/*.d.ts","macro.js","macro.d.ts","macro.js.flow"],sideEffects:!1,author:"Emotion Contributors",license:"MIT",scripts:{"test:typescript":"dtslint types"},dependencies:{"@babel/runtime":"^7.18.3","@emotion/babel-plugin":"^11.10.5","@emotion/cache":"^11.10.5","@emotion/serialize":"^1.1.1","@emotion/use-insertion-effect-with-fallbacks":"^1.0.0","@emotion/utils":"^1.2.0","@emotion/weak-memoize":"^0.3.0","hoist-non-react-statics":"^3.3.1"},peerDependencies:{"@babel/core":"^7.0.0",react:">=16.8.0"},peerDependenciesMeta:{"@babel/core":{optional:!0},"@types/react":{optional:!0}},devDependencies:{"@babel/core":"^7.18.5","@definitelytyped/dtslint":"0.0.112","@emotion/css":"11.10.5","@emotion/css-prettifier":"1.1.1","@emotion/server":"11.10.0","@emotion/styled":"11.10.5","html-tag-names":"^1.1.2",react:"16.14.0","svg-tag-names":"^1.1.1",typescript:"^4.5.5"},repository:"https://github.com/emotion-js/emotion/tree/main/packages/react",publishConfig:{access:"public"},"umd:main":"dist/emotion-react.umd.min.js",preconstruct:{entrypoints:["./index.js","./jsx-runtime.js","./jsx-dev-runtime.js","./_isolated-hnrs.js"],umdName:"emotionReact",exports:{envConditions:["browser","worker"],extra:{"./types/css-prop":"./types/css-prop.d.ts","./macro":"./macro.js"}}}},jsx=function(type,props){var args=arguments;if(props==null||!hasOwnProperty.call(props,"css"))return import_react4.createElement.apply(void 0,args);var argsLength=args.length,createElementArgArray=new Array(argsLength);createElementArgArray[0]=Emotion,createElementArgArray[1]=createEmotionProps(type,props);for(var i=2;i<argsLength;i++)createElementArgArray[i]=args[i];return import_react4.createElement.apply(null,createElementArgArray)},warnedAboutCssPropForGlobal=!1,Global=withEmotionCache(function(props,cache){!warnedAboutCssPropForGlobal&&(props.className||props.css)&&(console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?"),warnedAboutCssPropForGlobal=!0);var styles=props.styles,serialized=serializeStyles([styles],void 0,(0,import_react4.useContext)(ThemeContext)),sheetRef=(0,import_react4.useRef)();return useInsertionEffectWithLayoutFallback(function(){var key=cache.key+"-global",sheet=new cache.sheet.constructor({key,nonce:cache.sheet.nonce,container:cache.sheet.container,speedy:cache.sheet.isSpeedy}),rehydrating=!1,node2=document.querySelector('style[data-emotion="'+key+" "+serialized.name+'"]');return cache.sheet.tags.length&&(sheet.before=cache.sheet.tags[0]),node2!==null&&(rehydrating=!0,node2.setAttribute("data-emotion",key),sheet.hydrate([node2])),sheetRef.current=[sheet,rehydrating],function(){sheet.flush()}},[cache]),useInsertionEffectWithLayoutFallback(function(){var sheetRefCurrent=sheetRef.current,sheet=sheetRefCurrent[0],rehydrating=sheetRefCurrent[1];if(rehydrating){sheetRefCurrent[1]=!1;return}if(serialized.next!==void 0&&insertStyles(cache,serialized.next,!0),sheet.tags.length){var element=sheet.tags[sheet.tags.length-1].nextElementSibling;sheet.before=element,sheet.flush()}cache.insert("",serialized,sheet,!1)},[cache,serialized.name]),null});Global.displayName="EmotionGlobal";function css(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return serializeStyles(args)}var keyframes=function(){var insertable=css.apply(void 0,arguments),name="animation-"+insertable.name;return{name,styles:"@keyframes "+name+"{"+insertable.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}},classnames=function classnames2(args){for(var len=args.length,i=0,cls="";i<len;i++){var arg=args[i];if(arg!=null){var toAdd=void 0;switch(typeof arg){case"boolean":break;case"object":{if(Array.isArray(arg))toAdd=classnames2(arg);else{arg.styles!==void 0&&arg.name!==void 0&&console.error("You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component."),toAdd="";for(var k in arg)arg[k]&&k&&(toAdd&&(toAdd+=" "),toAdd+=k)}break}default:toAdd=arg}toAdd&&(cls&&(cls+=" "),cls+=toAdd)}}return cls};function merge(registered,css2,className){var registeredStyles=[],rawClassName=getRegisteredStyles(registered,registeredStyles,className);return registeredStyles.length<2?className:rawClassName+css2(registeredStyles)}var Insertion3=function(_ref){var cache=_ref.cache,serializedArr=_ref.serializedArr,rules=useInsertionEffectAlwaysWithSyncFallback(function(){for(var i=0;i<serializedArr.length;i++)var res=insertStyles(cache,serializedArr[i],!1)});return null},ClassNames=withEmotionCache(function(props,cache){var hasRendered=!1,serializedArr=[],css2=function(){if(hasRendered)throw new Error("css can only be used during render");for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var serialized=serializeStyles(args,cache.registered);return serializedArr.push(serialized),registerStyles(cache,serialized,!1),cache.key+"-"+serialized.name},cx=function(){if(hasRendered)throw new Error("cx can only be used during render");for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];return merge(cache.registered,css2,classnames(args))},content={css:css2,cx,theme:(0,import_react4.useContext)(ThemeContext)},ele=props.children(content);return hasRendered=!0,(0,import_react4.createElement)(import_react4.Fragment,null,(0,import_react4.createElement)(Insertion3,{cache,serializedArr}),ele)});ClassNames.displayName="EmotionClassNames";isBrowser2=!0,isTestEnv=typeof jest<"u"||typeof vi<"u",isBrowser2&&!isTestEnv&&(globalContext=typeof globalThis<"u"?globalThis:isBrowser2?window:global,globalKey="__EMOTION_REACT_"+pkg.version.split(".")[0]+"__",globalContext[globalKey]&&console.warn("You are loading @emotion/react when it is already loaded. Running multiple instances may cause problems. This can happen if multiple versions are used, or if multiple builds of the same version are used."),globalContext[globalKey]=!0);var isBrowser2,isTestEnv,globalContext,globalKey,testOmitPropsOnStringTag=emotion_is_prop_valid_esm_default,testOmitPropsOnComponent=function(key){return key!=="theme"},getDefaultShouldForwardProp=function(tag){return typeof tag=="string"&&tag.charCodeAt(0)>96?testOmitPropsOnStringTag:testOmitPropsOnComponent},composeShouldForwardProps=function(tag,options,isReal){var shouldForwardProp;if(options){var optionsShouldForwardProp=options.shouldForwardProp;shouldForwardProp=tag.__emotion_forwardProp&&optionsShouldForwardProp?function(propName){return tag.__emotion_forwardProp(propName)&&optionsShouldForwardProp(propName)}:optionsShouldForwardProp}return typeof shouldForwardProp!="function"&&isReal&&(shouldForwardProp=tag.__emotion_forwardProp),shouldForwardProp},ILLEGAL_ESCAPE_SEQUENCE_ERROR2=`You have illegal escape sequence in your template literal, most likely inside content's property value.
+`),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)hasOwnProperty.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;registerStyles(cache,serialized,isStringTag);var rules=useInsertionEffectAlwaysWithSyncFallback(function(){return insertStyles(cache,serialized,isStringTag)});return 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,(0,import_react5.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)hasOwnProperty.call(props,key)&&key!=="css"&&key!==typePropName&&key!==labelPropName&&(newProps[key]=props[key]);return newProps.ref=ref,newProps.className=className,(0,import_react5.createElement)(import_react5.Fragment,null,(0,import_react5.createElement)(Insertion,{cache,serialized,isStringTag:typeof WrappedComponent=="string"}),(0,import_react5.createElement)(WrappedComponent,newProps))});Emotion.displayName="EmotionCssPropInternal";var import_hoist_non_react_statics2=__toESM2(require_hoist_non_react_statics_cjs()),pkg={name:"@emotion/react",version:"11.10.6",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"},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"},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"},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"},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":"./macro.js"},types:"types/index.d.ts",files:["src","dist","jsx-runtime","jsx-dev-runtime","_isolated-hnrs","types/*.d.ts","macro.js","macro.d.ts","macro.js.flow"],sideEffects:!1,author:"Emotion Contributors",license:"MIT",scripts:{"test:typescript":"dtslint types"},dependencies:{"@babel/runtime":"^7.18.3","@emotion/babel-plugin":"^11.10.6","@emotion/cache":"^11.10.5","@emotion/serialize":"^1.1.1","@emotion/use-insertion-effect-with-fallbacks":"^1.0.0","@emotion/utils":"^1.2.0","@emotion/weak-memoize":"^0.3.0","hoist-non-react-statics":"^3.3.1"},peerDependencies:{react:">=16.8.0"},peerDependenciesMeta:{"@types/react":{optional:!0}},devDependencies:{"@definitelytyped/dtslint":"0.0.112","@emotion/css":"11.10.6","@emotion/css-prettifier":"1.1.1","@emotion/server":"11.10.0","@emotion/styled":"11.10.6","html-tag-names":"^1.1.2",react:"16.14.0","svg-tag-names":"^1.1.1",typescript:"^4.5.5"},repository:"https://github.com/emotion-js/emotion/tree/main/packages/react",publishConfig:{access:"public"},"umd:main":"dist/emotion-react.umd.min.js",preconstruct:{entrypoints:["./index.js","./jsx-runtime.js","./jsx-dev-runtime.js","./_isolated-hnrs.js"],umdName:"emotionReact",exports:{envConditions:["browser","worker"],extra:{"./types/css-prop":"./types/css-prop.d.ts","./macro":"./macro.js"}}}},jsx=function(type,props){var args=arguments;if(props==null||!hasOwnProperty.call(props,"css"))return import_react4.createElement.apply(void 0,args);var argsLength=args.length,createElementArgArray=new Array(argsLength);createElementArgArray[0]=Emotion,createElementArgArray[1]=createEmotionProps(type,props);for(var i=2;i<argsLength;i++)createElementArgArray[i]=args[i];return import_react4.createElement.apply(null,createElementArgArray)},warnedAboutCssPropForGlobal=!1,Global=withEmotionCache(function(props,cache){!warnedAboutCssPropForGlobal&&(props.className||props.css)&&(console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?"),warnedAboutCssPropForGlobal=!0);var styles=props.styles,serialized=serializeStyles([styles],void 0,(0,import_react4.useContext)(ThemeContext)),sheetRef=(0,import_react4.useRef)();return useInsertionEffectWithLayoutFallback(function(){var key=cache.key+"-global",sheet=new cache.sheet.constructor({key,nonce:cache.sheet.nonce,container:cache.sheet.container,speedy:cache.sheet.isSpeedy}),rehydrating=!1,node2=document.querySelector('style[data-emotion="'+key+" "+serialized.name+'"]');return cache.sheet.tags.length&&(sheet.before=cache.sheet.tags[0]),node2!==null&&(rehydrating=!0,node2.setAttribute("data-emotion",key),sheet.hydrate([node2])),sheetRef.current=[sheet,rehydrating],function(){sheet.flush()}},[cache]),useInsertionEffectWithLayoutFallback(function(){var sheetRefCurrent=sheetRef.current,sheet=sheetRefCurrent[0],rehydrating=sheetRefCurrent[1];if(rehydrating){sheetRefCurrent[1]=!1;return}if(serialized.next!==void 0&&insertStyles(cache,serialized.next,!0),sheet.tags.length){var element=sheet.tags[sheet.tags.length-1].nextElementSibling;sheet.before=element,sheet.flush()}cache.insert("",serialized,sheet,!1)},[cache,serialized.name]),null});Global.displayName="EmotionGlobal";function css(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return serializeStyles(args)}var keyframes=function(){var insertable=css.apply(void 0,arguments),name="animation-"+insertable.name;return{name,styles:"@keyframes "+name+"{"+insertable.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}},classnames=function classnames2(args){for(var len=args.length,i=0,cls="";i<len;i++){var arg=args[i];if(arg!=null){var toAdd=void 0;switch(typeof arg){case"boolean":break;case"object":{if(Array.isArray(arg))toAdd=classnames2(arg);else{arg.styles!==void 0&&arg.name!==void 0&&console.error("You have passed styles created with `css` from `@emotion/react` package to the `cx`.\n`cx` is meant to compose class names (strings) so you should convert those styles to a class name by passing them to the `css` received from <ClassNames/> component."),toAdd="";for(var k in arg)arg[k]&&k&&(toAdd&&(toAdd+=" "),toAdd+=k)}break}default:toAdd=arg}toAdd&&(cls&&(cls+=" "),cls+=toAdd)}}return cls};function merge(registered,css2,className){var registeredStyles=[],rawClassName=getRegisteredStyles(registered,registeredStyles,className);return registeredStyles.length<2?className:rawClassName+css2(registeredStyles)}var Insertion3=function(_ref){var cache=_ref.cache,serializedArr=_ref.serializedArr,rules=useInsertionEffectAlwaysWithSyncFallback(function(){for(var i=0;i<serializedArr.length;i++)var res=insertStyles(cache,serializedArr[i],!1)});return null},ClassNames=withEmotionCache(function(props,cache){var hasRendered=!1,serializedArr=[],css2=function(){if(hasRendered)throw new Error("css can only be used during render");for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var serialized=serializeStyles(args,cache.registered);return serializedArr.push(serialized),registerStyles(cache,serialized,!1),cache.key+"-"+serialized.name},cx=function(){if(hasRendered)throw new Error("cx can only be used during render");for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];return merge(cache.registered,css2,classnames(args))},content={css:css2,cx,theme:(0,import_react4.useContext)(ThemeContext)},ele=props.children(content);return hasRendered=!0,(0,import_react4.createElement)(import_react4.Fragment,null,(0,import_react4.createElement)(Insertion3,{cache,serializedArr}),ele)});ClassNames.displayName="EmotionClassNames";isBrowser2=!0,isTestEnv=typeof jest<"u"||typeof vi<"u",isBrowser2&&!isTestEnv&&(globalContext=typeof globalThis<"u"?globalThis:isBrowser2?window:global,globalKey="__EMOTION_REACT_"+pkg.version.split(".")[0]+"__",globalContext[globalKey]&&console.warn("You are loading @emotion/react when it is already loaded. Running multiple instances may cause problems. This can happen if multiple versions are used, or if multiple builds of the same version are used."),globalContext[globalKey]=!0);var isBrowser2,isTestEnv,globalContext,globalKey,testOmitPropsOnStringTag=emotion_is_prop_valid_esm_default,testOmitPropsOnComponent=function(key){return key!=="theme"},getDefaultShouldForwardProp=function(tag){return typeof tag=="string"&&tag.charCodeAt(0)>96?testOmitPropsOnStringTag:testOmitPropsOnComponent},composeShouldForwardProps=function(tag,options,isReal){var shouldForwardProp;if(options){var optionsShouldForwardProp=options.shouldForwardProp;shouldForwardProp=tag.__emotion_forwardProp&&optionsShouldForwardProp?function(propName){return tag.__emotion_forwardProp(propName)&&optionsShouldForwardProp(propName)}:optionsShouldForwardProp}return typeof shouldForwardProp!="function"&&isReal&&(shouldForwardProp=tag.__emotion_forwardProp),shouldForwardProp},ILLEGAL_ESCAPE_SEQUENCE_ERROR2=`You have illegal escape sequence in your template literal, most likely inside content's property value.
 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;registerStyles(cache,serialized,isStringTag);var rules=useInsertionEffectAlwaysWithSyncFallback(function(){return insertStyles(cache,serialized,isStringTag)});return 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.