@class101/cdn-ui-system 0.0.8 → 0.0.12

package/{chunk-UAWCTQGC.js → chunk-T7TBQTBE.js}

@@ -1,277 +1,23 @@
+import {
+  require_hoist_non_react_statics_cjs,
+  unitless_browser_esm_default
+} from "./chunk-LE44IRCL.js";
 import {
   emotion_memoize_browser_esm_default
-} from "./chunk-QN5Q5NTF.js";
+} from "./chunk-J3Q2BPOW.js";
 import {
-  __commonJS,
   __toModule,
   init_react_shim
-} from "./chunk-CPDZ2HQZ.js";
-
-// node_modules/react-is/cjs/react-is.development.js
-var require_react_is_development = __commonJS({
-  "node_modules/react-is/cjs/react-is.development.js"(exports) {
-    init_react_shim();
-    "use strict";
-    if (true) {
-      (function() {
-        "use strict";
-        var hasSymbol = typeof Symbol === "function" && Symbol.for;
-        var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
-        var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
-        var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107;
-        var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108;
-        var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114;
-        var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109;
-        var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110;
-        var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111;
-        var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111;
-        var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112;
-        var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113;
-        var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120;
-        var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115;
-        var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
-        var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121;
-        var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117;
-        var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118;
-        var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
-        function isValidElementType(type) {
-          return typeof type === "string" || typeof type === "function" || type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || 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_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
-        }
-        function typeOf(object) {
-          if (typeof object === "object" && object !== null) {
-            var $$typeof = object.$$typeof;
-            switch ($$typeof) {
-              case REACT_ELEMENT_TYPE:
-                var type = object.type;
-                switch (type) {
-                  case REACT_ASYNC_MODE_TYPE:
-                  case REACT_CONCURRENT_MODE_TYPE:
-                  case REACT_FRAGMENT_TYPE:
-                  case REACT_PROFILER_TYPE:
-                  case REACT_STRICT_MODE_TYPE:
-                  case REACT_SUSPENSE_TYPE:
-                    return type;
-                  default:
-                    var $$typeofType = type && type.$$typeof;
-                    switch ($$typeofType) {
-                      case REACT_CONTEXT_TYPE:
-                      case REACT_FORWARD_REF_TYPE:
-                      case REACT_LAZY_TYPE:
-                      case REACT_MEMO_TYPE:
-                      case REACT_PROVIDER_TYPE:
-                        return $$typeofType;
-                      default:
-                        return $$typeof;
-                    }
-                }
-              case REACT_PORTAL_TYPE:
-                return $$typeof;
-            }
-          }
-          return void 0;
-        }
-        var AsyncMode = REACT_ASYNC_MODE_TYPE;
-        var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
-        var ContextConsumer = REACT_CONTEXT_TYPE;
-        var ContextProvider = REACT_PROVIDER_TYPE;
-        var Element = REACT_ELEMENT_TYPE;
-        var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment = REACT_FRAGMENT_TYPE;
-        var Lazy = REACT_LAZY_TYPE;
-        var Memo = REACT_MEMO_TYPE;
-        var Portal = REACT_PORTAL_TYPE;
-        var Profiler = REACT_PROFILER_TYPE;
-        var StrictMode = REACT_STRICT_MODE_TYPE;
-        var Suspense = REACT_SUSPENSE_TYPE;
-        var hasWarnedAboutDeprecatedIsAsyncMode = false;
-        function isAsyncMode(object) {
-          {
-            if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-              hasWarnedAboutDeprecatedIsAsyncMode = true;
-              console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
-            }
-          }
-          return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
-        }
-        function isConcurrentMode(object) {
-          return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
-        }
-        function isContextConsumer(object) {
-          return typeOf(object) === REACT_CONTEXT_TYPE;
-        }
-        function isContextProvider(object) {
-          return typeOf(object) === REACT_PROVIDER_TYPE;
-        }
-        function isElement(object) {
-          return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-        }
-        function isForwardRef(object) {
-          return typeOf(object) === REACT_FORWARD_REF_TYPE;
-        }
-        function isFragment(object) {
-          return typeOf(object) === REACT_FRAGMENT_TYPE;
-        }
-        function isLazy(object) {
-          return typeOf(object) === REACT_LAZY_TYPE;
-        }
-        function isMemo(object) {
-          return typeOf(object) === REACT_MEMO_TYPE;
-        }
-        function isPortal(object) {
-          return typeOf(object) === REACT_PORTAL_TYPE;
-        }
-        function isProfiler(object) {
-          return typeOf(object) === REACT_PROFILER_TYPE;
-        }
-        function isStrictMode(object) {
-          return typeOf(object) === REACT_STRICT_MODE_TYPE;
-        }
-        function isSuspense(object) {
-          return typeOf(object) === REACT_SUSPENSE_TYPE;
-        }
-        exports.AsyncMode = AsyncMode;
-        exports.ConcurrentMode = ConcurrentMode;
-        exports.ContextConsumer = ContextConsumer;
-        exports.ContextProvider = ContextProvider;
-        exports.Element = Element;
-        exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment;
-        exports.Lazy = Lazy;
-        exports.Memo = Memo;
-        exports.Portal = Portal;
-        exports.Profiler = Profiler;
-        exports.StrictMode = StrictMode;
-        exports.Suspense = Suspense;
-        exports.isAsyncMode = isAsyncMode;
-        exports.isConcurrentMode = isConcurrentMode;
-        exports.isContextConsumer = isContextConsumer;
-        exports.isContextProvider = isContextProvider;
-        exports.isElement = isElement;
-        exports.isForwardRef = isForwardRef;
-        exports.isFragment = isFragment;
-        exports.isLazy = isLazy;
-        exports.isMemo = isMemo;
-        exports.isPortal = isPortal;
-        exports.isProfiler = isProfiler;
-        exports.isStrictMode = isStrictMode;
-        exports.isSuspense = isSuspense;
-        exports.isValidElementType = isValidElementType;
-        exports.typeOf = typeOf;
-      })();
-    }
-  }
-});
-
-// node_modules/react-is/index.js
-var require_react_is = __commonJS({
-  "node_modules/react-is/index.js"(exports, module) {
-    init_react_shim();
-    "use strict";
-    if (false) {
-      module.exports = null;
-    } else {
-      module.exports = require_react_is_development();
-    }
-  }
-});
-
-// node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
-var require_hoist_non_react_statics_cjs = __commonJS({
-  "node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"(exports, module) {
-    init_react_shim();
-    "use strict";
-    var reactIs = require_react_is();
-    var REACT_STATICS = {
-      childContextTypes: true,
-      contextType: true,
-      contextTypes: true,
-      defaultProps: true,
-      displayName: true,
-      getDefaultProps: true,
-      getDerivedStateFromError: true,
-      getDerivedStateFromProps: true,
-      mixins: true,
-      propTypes: true,
-      type: true
-    };
-    var KNOWN_STATICS = {
-      name: true,
-      length: true,
-      prototype: true,
-      caller: true,
-      callee: true,
-      arguments: true,
-      arity: true
-    };
-    var FORWARD_REF_STATICS = {
-      "$$typeof": true,
-      render: true,
-      defaultProps: true,
-      displayName: true,
-      propTypes: true
-    };
-    var MEMO_STATICS = {
-      "$$typeof": true,
-      compare: true,
-      defaultProps: true,
-      displayName: true,
-      propTypes: true,
-      type: true
-    };
-    var TYPE_STATICS = {};
-    TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
-    TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
-    function getStatics(component) {
-      if (reactIs.isMemo(component)) {
-        return MEMO_STATICS;
-      }
-      return TYPE_STATICS[component["$$typeof"]] || REACT_STATICS;
-    }
-    var defineProperty = Object.defineProperty;
-    var getOwnPropertyNames = Object.getOwnPropertyNames;
-    var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-    var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
-    var getPrototypeOf = Object.getPrototypeOf;
-    var objectPrototype = Object.prototype;
-    function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
-      if (typeof sourceComponent !== "string") {
-        if (objectPrototype) {
-          var inheritedComponent = getPrototypeOf(sourceComponent);
-          if (inheritedComponent && inheritedComponent !== objectPrototype) {
-            hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
-          }
-        }
-        var keys = getOwnPropertyNames(sourceComponent);
-        if (getOwnPropertySymbols) {
-          keys = keys.concat(getOwnPropertySymbols(sourceComponent));
-        }
-        var targetStatics = getStatics(targetComponent);
-        var sourceStatics = getStatics(sourceComponent);
-        for (var i = 0; i < keys.length; ++i) {
-          var key = keys[i];
-          if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
-            var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
-            try {
-              defineProperty(targetComponent, key, descriptor);
-            } catch (e) {
-            }
-          }
-        }
-      }
-      return targetComponent;
-    }
-    module.exports = hoistNonReactStatics;
-  }
-});
+} from "./chunk-VIIHQGZ3.js";
 
-// node_modules/@emotion/react/dist/emotion-element-4fbd89c5.browser.esm.js
+// node_modules/@emotion/react/dist/emotion-element-99289b21.browser.esm.js
 init_react_shim();
-import {createContext, forwardRef, useContext, createElement} from "react";
+import { createContext, useContext, forwardRef, createElement } from "react";
 
 // node_modules/@emotion/react/node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js
 init_react_shim();
 
-// node_modules/@emotion/react/node_modules/@emotion/sheet/dist/emotion-sheet.browser.esm.js
+// node_modules/@emotion/sheet/dist/emotion-sheet.browser.esm.js
 init_react_shim();
 function sheetForTag(tag) {
   if (tag.sheet) {
@@ -336,7 +82,7 @@ var StyleSheet = /* @__PURE__ */ function() {
       try {
         sheet.insertRule(rule, sheet.cssRules.length);
       } catch (e) {
-        if (!/:(-moz-placeholder|-ms-input-placeholder|-moz-read-write|-moz-read-only){/.test(rule)) {
+        if (!/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear){/.test(rule)) {
           console.error('There was a problem inserting the following rule: "' + rule + '"', e);
         }
       }
@@ -347,7 +93,7 @@ var StyleSheet = /* @__PURE__ */ function() {
   };
   _proto.flush = function flush() {
     this.tags.forEach(function(tag) {
-      return tag.parentNode.removeChild(tag);
+      return tag.parentNode && tag.parentNode.removeChild(tag);
     });
     this.tags = [];
     this.ctr = 0;
@@ -358,7 +104,7 @@ var StyleSheet = /* @__PURE__ */ function() {
   return StyleSheet2;
 }();
 
-// node_modules/stylis/src/Enum.js
+// node_modules/@emotion/react/node_modules/stylis/src/Enum.js
 init_react_shim();
 var MS = "-ms-";
 var MOZ = "-moz-";
@@ -369,7 +115,7 @@ var DECLARATION = "decl";
 var IMPORT = "@import";
 var KEYFRAMES = "@keyframes";
 
-// node_modules/stylis/src/Utility.js
+// node_modules/@emotion/react/node_modules/stylis/src/Utility.js
 init_react_shim();
 var abs = Math.abs;
 var from = String.fromCharCode;
@@ -407,10 +153,10 @@ function combine(array, callback) {
   return array.map(callback).join("");
 }
 
-// node_modules/stylis/src/Parser.js
+// node_modules/@emotion/react/node_modules/stylis/src/Parser.js
 init_react_shim();
 
-// node_modules/stylis/src/Tokenizer.js
+// node_modules/@emotion/react/node_modules/stylis/src/Tokenizer.js
 init_react_shim();
 var line = 1;
 var column = 1;
@@ -419,7 +165,7 @@ var position = 0;
 var character = 0;
 var characters = "";
 function node(value, root, parent, type, props, children, length2) {
-  return {value, root, parent, type, props, children, line, column, length: length2, return: ""};
+  return { value, root, parent, type, props, children, line, column, length: length2, return: "" };
 }
 function copy(value, root, type) {
   return node(value, root.root, root.parent, type, root.props, root.children, 0);
@@ -535,7 +281,7 @@ function identifier(index) {
   return slice(index, position);
 }
 
-// node_modules/stylis/src/Parser.js
+// node_modules/@emotion/react/node_modules/stylis/src/Parser.js
 function compile(value) {
   return dealloc(parse("", null, null, null, [""], value = alloc(value), 0, [0], value));
 }
@@ -660,7 +406,7 @@ function declaration(value, root, parent, length2) {
   return node(value, root, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2);
 }
 
-// node_modules/stylis/src/Prefixer.js
+// node_modules/@emotion/react/node_modules/stylis/src/Prefixer.js
 init_react_shim();
 function prefix(value, length2) {
   switch (hash(value, length2)) {
@@ -777,7 +523,7 @@ function prefix(value, length2) {
   return value;
 }
 
-// node_modules/stylis/src/Serializer.js
+// node_modules/@emotion/react/node_modules/stylis/src/Serializer.js
 init_react_shim();
 function serialize(children, callback) {
   var output = "";
@@ -799,7 +545,7 @@ function stringify(element, index, children, callback) {
   return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
 }
 
-// node_modules/stylis/src/Middleware.js
+// node_modules/@emotion/react/node_modules/stylis/src/Middleware.js
 init_react_shim();
 function middleware(collection) {
   var length2 = sizeof(collection);
@@ -856,6 +602,22 @@ var weak_memoize_browser_esm_default = weakMemoize;
 var last = function last2(arr) {
   return arr.length ? arr[arr.length - 1] : null;
 };
+var identifierWithPointTracking = function identifierWithPointTracking2(begin, points, index) {
+  var previous = 0;
+  var character2 = 0;
+  while (true) {
+    previous = character2;
+    character2 = peek();
+    if (previous === 38 && character2 === 12) {
+      points[index] = 1;
+    }
+    if (token(character2)) {
+      break;
+    }
+    next();
+  }
+  return slice(begin, position);
+};
 var toRules = function toRules2(parsed, points) {
   var index = -1;
   var character2 = 44;
@@ -865,7 +627,7 @@ var toRules = function toRules2(parsed, points) {
         if (character2 === 38 && peek() === 12) {
           points[index] = 1;
         }
-        parsed[index] += identifier(position - 1);
+        parsed[index] += identifierWithPointTracking(position - 1, points, index);
         break;
       case 2:
         parsed[index] += delimit(character2);
@@ -1085,7 +847,7 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-// node_modules/@emotion/react/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
+// node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
 init_react_shim();
 var isBrowser = true;
 function getRegisteredStyles(registered, registeredStyles, classNames) {
@@ -1142,57 +904,6 @@ function murmur2(str) {
 }
 var hash_browser_esm_default = murmur2;
 
-// node_modules/@emotion/unitless/dist/unitless.browser.esm.js
-init_react_shim();
-var unitlessKeys = {
-  animationIterationCount: 1,
-  borderImageOutset: 1,
-  borderImageSlice: 1,
-  borderImageWidth: 1,
-  boxFlex: 1,
-  boxFlexGroup: 1,
-  boxOrdinalGroup: 1,
-  columnCount: 1,
-  columns: 1,
-  flex: 1,
-  flexGrow: 1,
-  flexPositive: 1,
-  flexShrink: 1,
-  flexNegative: 1,
-  flexOrder: 1,
-  gridRow: 1,
-  gridRowEnd: 1,
-  gridRowSpan: 1,
-  gridRowStart: 1,
-  gridColumn: 1,
-  gridColumnEnd: 1,
-  gridColumnSpan: 1,
-  gridColumnStart: 1,
-  msGridRow: 1,
-  msGridRowSpan: 1,
-  msGridColumn: 1,
-  msGridColumnSpan: 1,
-  fontWeight: 1,
-  lineHeight: 1,
-  opacity: 1,
-  order: 1,
-  orphans: 1,
-  tabSize: 1,
-  widows: 1,
-  zIndex: 1,
-  zoom: 1,
-  WebkitLineClamp: 1,
-  fillOpacity: 1,
-  floodOpacity: 1,
-  stopOpacity: 1,
-  strokeDasharray: 1,
-  strokeDashoffset: 1,
-  strokeMiterlimit: 1,
-  strokeOpacity: 1,
-  strokeWidth: 1
-};
-var unitless_browser_esm_default = unitlessKeys;
-
 // node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js
 var ILLEGAL_ESCAPE_SEQUENCE_ERROR = `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';".
@@ -1444,11 +1155,14 @@ var serializeStyles = function serializeStyles2(args, registered, mergedProps) {
   };
 };
 
-// node_modules/@emotion/react/dist/emotion-element-4fbd89c5.browser.esm.js
+// node_modules/@emotion/react/dist/emotion-element-99289b21.browser.esm.js
 var hasOwnProperty = Object.prototype.hasOwnProperty;
 var EmotionCacheContext = /* @__PURE__ */ createContext(typeof HTMLElement !== "undefined" ? /* @__PURE__ */ emotion_cache_browser_esm_default({
   key: "css"
 }) : null);
+if (true) {
+  EmotionCacheContext.displayName = "EmotionCacheContext";
+}
 var CacheProvider = EmotionCacheContext.Provider;
 var withEmotionCache = function withEmotionCache2(func) {
   return /* @__PURE__ */ forwardRef(function(props, ref) {
@@ -1457,6 +1171,9 @@ var withEmotionCache = function withEmotionCache2(func) {
   });
 };
 var ThemeContext = /* @__PURE__ */ createContext({});
+if (true) {
+  ThemeContext.displayName = "EmotionThemeContext";
+}
 var useTheme = function useTheme2() {
   return useContext(ThemeContext);
 };
@@ -1471,7 +1188,7 @@ var getTheme = function getTheme2(outerTheme, theme) {
   if (theme == null || typeof theme !== "object" || Array.isArray(theme)) {
     throw new Error("[ThemeProvider] Please make your theme prop a plain object");
   }
-  return _extends({}, outerTheme, {}, theme);
+  return _extends({}, outerTheme, theme);
 };
 var createCacheWithTheme = /* @__PURE__ */ weak_memoize_browser_esm_default(function(outerTheme) {
   return weak_memoize_browser_esm_default(function(theme) {
@@ -1502,7 +1219,7 @@ var Emotion = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
   } else if (props.className != null) {
     className = props.className + " ";
   }
-  var serialized = serializeStyles(registeredStyles, void 0, typeof cssProp === "function" || Array.isArray(cssProp) ? useContext(ThemeContext) : void 0);
+  var serialized = serializeStyles(registeredStyles, void 0, useContext(ThemeContext));
   if (serialized.name.indexOf("-") === -1) {
     var labelFromStack = props[labelPropName];
     if (labelFromStack) {
@@ -1528,11 +1245,11 @@ if (true) {
 
 // node_modules/@emotion/react/dist/emotion-react.browser.esm.js
 init_react_shim();
-import {createElement as createElement2, useContext as useContext2, useRef, useLayoutEffect} from "react";
+import { createElement as createElement2, useContext as useContext2, useRef, useLayoutEffect } from "react";
 var import_hoist_non_react_statics = __toModule(require_hoist_non_react_statics_cjs());
 var pkg = {
   name: "@emotion/react",
-  version: "11.1.5",
+  version: "11.5.0",
   main: "dist/emotion-react.cjs.js",
   module: "dist/emotion-react.esm.js",
   browser: {
@@ -1558,10 +1275,10 @@ var pkg = {
     "test:typescript": "dtslint types"
   },
   dependencies: {
-    "@babel/runtime": "^7.7.2",
-    "@emotion/cache": "^11.1.3",
-    "@emotion/serialize": "^1.0.0",
-    "@emotion/sheet": "^1.0.1",
+    "@babel/runtime": "^7.13.10",
+    "@emotion/cache": "^11.5.0",
+    "@emotion/serialize": "^1.0.2",
+    "@emotion/sheet": "^1.0.3",
     "@emotion/utils": "^1.0.0",
     "@emotion/weak-memoize": "^0.2.5",
     "hoist-non-react-statics": "^3.3.1"
@@ -1579,18 +1296,18 @@ var pkg = {
     }
   },
   devDependencies: {
-    "@babel/core": "^7.7.2",
-    "@emotion/css": "11.1.3",
+    "@babel/core": "^7.13.10",
+    "@emotion/css": "11.5.0",
     "@emotion/css-prettifier": "1.0.0",
-    "@emotion/server": "11.0.0",
-    "@emotion/styled": "11.1.5",
+    "@emotion/server": "11.4.0",
+    "@emotion/styled": "11.3.0",
     "@types/react": "^16.9.11",
     dtslint: "^0.3.0",
     "html-tag-names": "^1.1.2",
     react: "16.14.0",
     "svg-tag-names": "^1.1.1"
   },
-  repository: "https://github.com/emotion-js/emotion/tree/master/packages/react",
+  repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",
   publishConfig: {
     access: "public"
   },
@@ -1612,7 +1329,7 @@ var Global = /* @__PURE__ */ withEmotionCache(function(props, cache) {
     warnedAboutCssPropForGlobal = true;
   }
   var styles = props.styles;
-  var serialized = serializeStyles([styles], void 0, typeof styles === "function" || Array.isArray(styles) ? useContext2(ThemeContext) : void 0);
+  var serialized = serializeStyles([styles], void 0, useContext2(ThemeContext));
   var sheetRef = useRef();
   useLayoutEffect(function() {
     var key = cache.key + "-global";
@@ -1622,23 +1339,31 @@ var Global = /* @__PURE__ */ withEmotionCache(function(props, cache) {
       container: cache.sheet.container,
       speedy: cache.sheet.isSpeedy
     });
+    var rehydrating = false;
     var node2 = document.querySelector('style[data-emotion="' + key + " " + serialized.name + '"]');
     if (cache.sheet.tags.length) {
       sheet.before = cache.sheet.tags[0];
     }
     if (node2 !== null) {
+      rehydrating = true;
+      node2.setAttribute("data-emotion", key);
       sheet.hydrate([node2]);
     }
-    sheetRef.current = sheet;
+    sheetRef.current = [sheet, rehydrating];
     return function() {
       sheet.flush();
     };
   }, [cache]);
   useLayoutEffect(function() {
+    var sheetRefCurrent = sheetRef.current;
+    var sheet = sheetRefCurrent[0], rehydrating = sheetRefCurrent[1];
+    if (rehydrating) {
+      sheetRefCurrent[1] = false;
+      return;
+    }
     if (serialized.next !== void 0) {
       insertStyles(cache, serialized.next, true);
     }
-    var sheet = sheetRef.current;
     if (sheet.tags.length) {
       var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;
       sheet.before = element;
@@ -1757,7 +1482,7 @@ if (true) {
   isBrowser2 = true;
   isJest = typeof jest !== "undefined";
   if (isBrowser2 && !isJest) {
-    globalContext = isBrowser2 ? window : global;
+    globalContext = typeof globalThis !== "undefined" ? globalThis : isBrowser2 ? window : global;
     globalKey = "__EMOTION_REACT_" + pkg.version.split(".")[0] + "__";
     if (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.");
@@ -1772,6 +1497,8 @@ var globalKey;
 
 export {
   _extends,
+  getRegisteredStyles,
+  insertStyles,
   serializeStyles,
   withEmotionCache,
   ThemeContext,
@@ -1781,11 +1508,3 @@ export {
   css,
   keyframes
 };
-/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */