styled-components 4.3.1 → 4.3.2

package/README.md

@@ -20,7 +20,7 @@
 <br />
 
 > ⚠️ **CANARY:** This is the `canary` branch of `styled-components`. It is published under the
-> `@canary` tag on npm and contains new features and changes for the next major version.
+> `@alpha` tag on npm and contains new features and changes for the next major version.
 
 Utilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!
 
@@ -30,9 +30,11 @@ _Supported by [Front End Center](https://frontend.center). Thank you for making
 
 ## Upgrading from v4
 
-1. Update `react`, `react-dom`, and `react-is` to latest versions to enable hooks support
-2. ??
-3. Profit!
+1. `npm install styled-components@alpha react@^16.8 react-dom@^16.8 react-is@^16.8`
+1. ??
+1. Profit!
+
+> Note that integrations like `jest-styled-components` that make use of internals will need to be updated to work with v5 and likely will not work properly during the alpha/beta period.
 
 ## [Docs](https://www.styled-components.com/docs)
 

package/dist/styled-components-macro.cjs.js

@@ -4,9 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
+var helperModuleImports = require('@babel/helper-module-imports');
+var traverse = _interopDefault(require('@babel/traverse'));
 var babelPluginMacros = require('babel-plugin-macros');
 var babelPlugin = _interopDefault(require('babel-plugin-styled-components'));
-var helperModuleImports = require('@babel/helper-module-imports');
 
 var _extends = Object.assign || function (target) {
   for (var i = 1; i < arguments.length; i++) {
@@ -56,7 +57,7 @@ function styledComponentsMacro(_ref) {
 
   // SECOND STEP : apply babel-plugin-styled-components to the file
   var stateWithOpts = _extends({}, state, { opts: config, customImportName: customImportName });
-  program.traverse(babelPlugin({ types: t }).visitor, stateWithOpts);
+  traverse(program.parent, babelPlugin({ types: t }).visitor, undefined, stateWithOpts);
 }
 
 var configName = 'styledComponents';

package/dist/styled-components-macro.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled-components-macro.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled-components-macro.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/styled-components-macro.esm.js

@@ -1,6 +1,7 @@
+import { addDefault, addNamed } from '@babel/helper-module-imports';
+import traverse from '@babel/traverse';
 import { createMacro } from 'babel-plugin-macros';
 import babelPlugin from 'babel-plugin-styled-components';
-import { addDefault, addNamed } from '@babel/helper-module-imports';
 
 var _extends = Object.assign || function (target) {
   for (var i = 1; i < arguments.length; i++) {
@@ -50,7 +51,7 @@ function styledComponentsMacro(_ref) {
 
   // SECOND STEP : apply babel-plugin-styled-components to the file
   var stateWithOpts = _extends({}, state, { opts: config, customImportName: customImportName });
-  program.traverse(babelPlugin({ types: t }).visitor, stateWithOpts);
+  traverse(program.parent, babelPlugin({ types: t }).visitor, undefined, stateWithOpts);
 }
 
 var configName = 'styledComponents';

package/dist/styled-components-macro.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled-components-macro.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled-components-macro.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/styled-components.browser.cjs.js

@@ -465,7 +465,7 @@ var addUpUntilIndex = function addUpUntilIndex(sizes, index) {
 var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
   var el = document.createElement('style');
   el.setAttribute(SC_ATTR, '');
-  el.setAttribute(SC_VERSION_ATTR, "4.3.1");
+  el.setAttribute(SC_VERSION_ATTR, "4.3.2");
 
   var nonce = getNonce();
   if (nonce) {
@@ -494,7 +494,7 @@ var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
 var wrapAsHtmlTag = function wrapAsHtmlTag(css, names) {
   return function (additionalAttrs) {
     var nonce = getNonce();
-    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.1" + '"', additionalAttrs];
+    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.2" + '"', additionalAttrs];
 
     var htmlAttr = attrs.filter(Boolean).join(' ');
     return '<style ' + htmlAttr + '>' + css() + '</style>';
@@ -506,7 +506,7 @@ var wrapAsElement = function wrapAsElement(css, names) {
   return function () {
     var _props;
 
-    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.1", _props);
+    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.2", _props);
 
     var nonce = getNonce();
     if (nonce) {
@@ -913,7 +913,7 @@ var StyleSheet = function () {
     var isStreamed = false;
 
     /* retrieve all of our SSR style elements from the DOM */
-    var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.1" + '"]');
+    var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.2" + '"]');
 
     var nodesSize = nodes.length;
 

package/dist/styled-components.browser.esm.js

@@ -458,7 +458,7 @@ var addUpUntilIndex = function addUpUntilIndex(sizes, index) {
 var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
   var el = document.createElement('style');
   el.setAttribute(SC_ATTR, '');
-  el.setAttribute(SC_VERSION_ATTR, "4.3.1");
+  el.setAttribute(SC_VERSION_ATTR, "4.3.2");
 
   var nonce = getNonce();
   if (nonce) {
@@ -487,7 +487,7 @@ var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
 var wrapAsHtmlTag = function wrapAsHtmlTag(css, names) {
   return function (additionalAttrs) {
     var nonce = getNonce();
-    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.1" + '"', additionalAttrs];
+    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.2" + '"', additionalAttrs];
 
     var htmlAttr = attrs.filter(Boolean).join(' ');
     return '<style ' + htmlAttr + '>' + css() + '</style>';
@@ -499,7 +499,7 @@ var wrapAsElement = function wrapAsElement(css, names) {
   return function () {
     var _props;
 
-    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.1", _props);
+    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.2", _props);
 
     var nonce = getNonce();
     if (nonce) {
@@ -906,7 +906,7 @@ var StyleSheet = function () {
     var isStreamed = false;
 
     /* retrieve all of our SSR style elements from the DOM */
-    var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.1" + '"]');
+    var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.2" + '"]');
 
     var nodesSize = nodes.length;
 

package/dist/styled-components.cjs.js

@@ -466,7 +466,7 @@ var addUpUntilIndex = function addUpUntilIndex(sizes, index) {
 var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
   var el = document.createElement('style');
   el.setAttribute(SC_ATTR, '');
-  el.setAttribute(SC_VERSION_ATTR, "4.3.1");
+  el.setAttribute(SC_VERSION_ATTR, "4.3.2");
 
   var nonce = getNonce();
   if (nonce) {
@@ -495,7 +495,7 @@ var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
 var wrapAsHtmlTag = function wrapAsHtmlTag(css, names) {
   return function (additionalAttrs) {
     var nonce = getNonce();
-    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.1" + '"', additionalAttrs];
+    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.2" + '"', additionalAttrs];
 
     var htmlAttr = attrs.filter(Boolean).join(' ');
     return '<style ' + htmlAttr + '>' + css() + '</style>';
@@ -507,7 +507,7 @@ var wrapAsElement = function wrapAsElement(css, names) {
   return function () {
     var _props;
 
-    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.1", _props);
+    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.2", _props);
 
     var nonce = getNonce();
     if (nonce) {
@@ -914,7 +914,7 @@ var StyleSheet = function () {
     var isStreamed = false;
 
     /* retrieve all of our SSR style elements from the DOM */
-    var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.1" + '"]');
+    var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.2" + '"]');
 
     var nodesSize = nodes.length;
 

package/dist/styled-components.esm.js

@@ -459,7 +459,7 @@ var addUpUntilIndex = function addUpUntilIndex(sizes, index) {
 var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
   var el = document.createElement('style');
   el.setAttribute(SC_ATTR, '');
-  el.setAttribute(SC_VERSION_ATTR, "4.3.1");
+  el.setAttribute(SC_VERSION_ATTR, "4.3.2");
 
   var nonce = getNonce();
   if (nonce) {
@@ -488,7 +488,7 @@ var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
 var wrapAsHtmlTag = function wrapAsHtmlTag(css, names) {
   return function (additionalAttrs) {
     var nonce = getNonce();
-    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.1" + '"', additionalAttrs];
+    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.2" + '"', additionalAttrs];
 
     var htmlAttr = attrs.filter(Boolean).join(' ');
     return '<style ' + htmlAttr + '>' + css() + '</style>';
@@ -500,7 +500,7 @@ var wrapAsElement = function wrapAsElement(css, names) {
   return function () {
     var _props;
 
-    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.1", _props);
+    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.2", _props);
 
     var nonce = getNonce();
     if (nonce) {
@@ -907,7 +907,7 @@ var StyleSheet = function () {
     var isStreamed = false;
 
     /* retrieve all of our SSR style elements from the DOM */
-    var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.1" + '"]');
+    var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.2" + '"]');
 
     var nodesSize = nodes.length;
 

package/dist/styled-components.js

@@ -814,7 +814,7 @@
   var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
     var el = document.createElement('style');
     el.setAttribute(SC_ATTR, '');
-    el.setAttribute(SC_VERSION_ATTR, "4.3.1");
+    el.setAttribute(SC_VERSION_ATTR, "4.3.2");
 
     var nonce = getNonce();
     if (nonce) {
@@ -843,7 +843,7 @@
   var wrapAsHtmlTag = function wrapAsHtmlTag(css, names) {
     return function (additionalAttrs) {
       var nonce = getNonce();
-      var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.1" + '"', additionalAttrs];
+      var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.2" + '"', additionalAttrs];
 
       var htmlAttr = attrs.filter(Boolean).join(' ');
       return '<style ' + htmlAttr + '>' + css() + '</style>';
@@ -855,7 +855,7 @@
     return function () {
       var _props;
 
-      var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.1", _props);
+      var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.2", _props);
 
       var nonce = getNonce();
       if (nonce) {
@@ -1262,7 +1262,7 @@
       var isStreamed = false;
 
       /* retrieve all of our SSR style elements from the DOM */
-      var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.1" + '"]');
+      var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.2" + '"]');
 
       var nodesSize = nodes.length;
 
@@ -3237,7 +3237,7 @@
     };
   }
 
-  var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
+  var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
 
   var index$1 = memoize(function (prop) {
     return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111

package/dist/styled-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled-components.js","sources":["../src/models/StyleTags.js","../src/models/StyleSheet.js","../src/models/GlobalStyle.js","../src/models/ServerStyleSheet.js","../src/models/StyleSheetManager.js","../src/models/ThemeProvider.js","../src/constructors/createGlobalStyle.js","../src/models/StyledComponent.js"],"sourcesContent":["// @flow\n/* eslint-disable flowtype/object-type-delimiter */\n/* eslint-disable react/prop-types */\n\nimport React, { type Element } from 'react';\nimport { IS_BROWSER, DISABLE_SPEEDY, SC_ATTR, SC_VERSION_ATTR } from '../constants';\nimport StyledError from '../utils/error';\nimport { type ExtractedComp } from '../utils/extractCompsFromCSS';\nimport { splitByRules } from '../utils/stringifyRules';\nimport getNonce from '../utils/nonce';\n\nimport {\n  type Names,\n  addNameForId,\n  resetIdNames,\n  hasNameForId,\n  stringifyNames,\n  cloneNames,\n} from '../utils/styleNames';\n\nimport { sheetForTag, safeInsertRule, deleteRules } from '../utils/insertRuleHelpers';\n\ndeclare var __VERSION__: string;\n\nexport interface Tag<T> {\n  // $FlowFixMe: Doesn't seem to accept any combination w/ HTMLStyleElement for some reason\n  styleTag: HTMLStyleElement | null;\n  /* lists all ids of the tag */\n  getIds(): string[];\n  /* checks whether `name` is already injected for `id` */\n  hasNameForId(id: string, name: string): boolean;\n  /* inserts a marker to ensure the id's correct position in the sheet */\n  insertMarker(id: string): T;\n  /* inserts rules according to the ids markers */\n  insertRules(id: string, cssRules: string[], name: ?string): void;\n  /* removes all rules belonging to the id, keeping the marker around */\n  removeRules(id: string): void;\n  css(): string;\n  toHTML(additionalAttrs: ?string): string;\n  toElement(): Element<*>;\n  clone(): Tag<T>;\n  /* used in server side rendering to indicate that the rules in the tag have been flushed to HTML */\n  sealed: boolean;\n}\n\n/* this marker separates component styles and is important for rehydration */\nconst makeTextMarker = id => `\\n/* sc-component-id: ${id} */\\n`;\n\n/* add up all numbers in array up until and including the index */\nconst addUpUntilIndex = (sizes: number[], index: number): number => {\n  let totalUpToIndex = 0;\n  for (let i = 0; i <= index; i += 1) {\n    totalUpToIndex += sizes[i];\n  }\n\n  return totalUpToIndex;\n};\n\n/* create a new style tag after lastEl */\nconst makeStyleTag = (target: ?HTMLElement, tagEl: ?Node, insertBefore: ?boolean) => {\n  const el = document.createElement('style');\n  el.setAttribute(SC_ATTR, '');\n  el.setAttribute(SC_VERSION_ATTR, __VERSION__);\n\n  const nonce = getNonce();\n  if (nonce) {\n    el.setAttribute('nonce', nonce);\n  }\n\n  /* Work around insertRule quirk in EdgeHTML */\n  el.appendChild(document.createTextNode(''));\n\n  if (target && !tagEl) {\n    /* Append to target when no previous element was passed */\n    target.appendChild(el);\n  } else {\n    if (!tagEl || !target || !tagEl.parentNode) {\n      throw new StyledError(6);\n    }\n\n    /* Insert new style tag after the previous one */\n    tagEl.parentNode.insertBefore(el, insertBefore ? tagEl : tagEl.nextSibling);\n  }\n\n  return el;\n};\n\n/* takes a css factory function and outputs an html styled tag factory */\nconst wrapAsHtmlTag = (css: () => string, names: Names) => (additionalAttrs: ?string): string => {\n  const nonce = getNonce();\n  const attrs = [\n    nonce && `nonce=\"${nonce}\"`,\n    `${SC_ATTR}=\"${stringifyNames(names)}\"`,\n    `${SC_VERSION_ATTR}=\"${__VERSION__}\"`,\n    additionalAttrs,\n  ];\n\n  const htmlAttr = attrs.filter(Boolean).join(' ');\n  return `<style ${htmlAttr}>${css()}</style>`;\n};\n\n/* takes a css factory function and outputs an element factory */\nconst wrapAsElement = (css: () => string, names: Names) => () => {\n  const props = {\n    [SC_ATTR]: stringifyNames(names),\n    [SC_VERSION_ATTR]: __VERSION__,\n  };\n\n  const nonce = getNonce();\n  if (nonce) {\n    // $FlowFixMe\n    props.nonce = nonce;\n  }\n\n  // eslint-disable-next-line react/no-danger\n  return <style {...props} dangerouslySetInnerHTML={{ __html: css() }} />;\n};\n\nconst getIdsFromMarkersFactory = (markers: Object) => (): string[] => Object.keys(markers);\n\n/* speedy tags utilise insertRule */\nconst makeSpeedyTag = (el: HTMLStyleElement, getImportRuleTag: ?() => Tag<any>): Tag<number> => {\n  const names: Names = (Object.create(null): Object);\n  const markers = Object.create(null);\n  const sizes: number[] = [];\n\n  const extractImport = getImportRuleTag !== undefined;\n  /* indicates whether getImportRuleTag was called */\n  let usedImportRuleTag = false;\n\n  const insertMarker = id => {\n    const prev = markers[id];\n    if (prev !== undefined) {\n      return prev;\n    }\n\n    markers[id] = sizes.length;\n    sizes.push(0);\n    resetIdNames(names, id);\n\n    return markers[id];\n  };\n\n  const insertRules = (id, cssRules, name) => {\n    const marker = insertMarker(id);\n    const sheet = sheetForTag(el);\n    const insertIndex = addUpUntilIndex(sizes, marker);\n\n    let injectedRules = 0;\n    const importRules = [];\n    const cssRulesSize = cssRules.length;\n\n    for (let i = 0; i < cssRulesSize; i += 1) {\n      const cssRule = cssRules[i];\n      let mayHaveImport = extractImport; /* @import rules are reordered to appear first */\n      if (mayHaveImport && cssRule.indexOf('@import') !== -1) {\n        importRules.push(cssRule);\n      } else if (safeInsertRule(sheet, cssRule, insertIndex + injectedRules)) {\n        mayHaveImport = false;\n        injectedRules += 1;\n      }\n    }\n\n    if (extractImport && importRules.length > 0) {\n      usedImportRuleTag = true;\n      // $FlowFixMe\n      getImportRuleTag().insertRules(`${id}-import`, importRules);\n    }\n\n    sizes[marker] += injectedRules; /* add up no of injected rules */\n    addNameForId(names, id, name);\n  };\n\n  const removeRules = id => {\n    const marker = markers[id];\n    if (marker === undefined) return;\n\n    const size = sizes[marker];\n    const sheet = sheetForTag(el);\n    const removalIndex = addUpUntilIndex(sizes, marker) - 1;\n    deleteRules(sheet, removalIndex, size);\n    sizes[marker] = 0;\n    resetIdNames(names, id);\n\n    if (extractImport && usedImportRuleTag) {\n      // $FlowFixMe\n      getImportRuleTag().removeRules(`${id}-import`);\n    }\n  };\n\n  const css = () => {\n    const { cssRules } = sheetForTag(el);\n    let str = '';\n\n    // eslint-disable-next-line guard-for-in\n    for (const id in markers) {\n      str += makeTextMarker(id);\n      const marker = markers[id];\n      const end = addUpUntilIndex(sizes, marker);\n      const size = sizes[marker];\n      for (let i = end - size; i < end; i += 1) {\n        const rule = cssRules[i];\n        if (rule !== undefined) {\n          str += rule.cssText;\n        }\n      }\n    }\n\n    return str;\n  };\n\n  return {\n    clone() {\n      throw new StyledError(5);\n    },\n    css,\n    getIds: getIdsFromMarkersFactory(markers),\n    hasNameForId: hasNameForId(names),\n    insertMarker,\n    insertRules,\n    removeRules,\n    sealed: false,\n    styleTag: el,\n    toElement: wrapAsElement(css, names),\n    toHTML: wrapAsHtmlTag(css, names),\n  };\n};\n\nconst makeTextNode = id => document.createTextNode(makeTextMarker(id));\n\nconst makeBrowserTag = (el: HTMLStyleElement, getImportRuleTag: ?() => Tag<any>): Tag<Text> => {\n  const names = (Object.create(null): Object);\n  const markers = Object.create(null);\n\n  const extractImport = getImportRuleTag !== undefined;\n\n  /* indicates whether getImportRuleTag was called */\n  let usedImportRuleTag = false;\n\n  const insertMarker = id => {\n    const prev = markers[id];\n    if (prev !== undefined) {\n      return prev;\n    }\n\n    markers[id] = makeTextNode(id);\n    el.appendChild(markers[id]);\n    names[id] = Object.create(null);\n\n    return markers[id];\n  };\n\n  const insertRules = (id, cssRules, name) => {\n    const marker = insertMarker(id);\n    const importRules = [];\n    const cssRulesSize = cssRules.length;\n\n    for (let i = 0; i < cssRulesSize; i += 1) {\n      const rule = cssRules[i];\n      let mayHaveImport = extractImport;\n      if (mayHaveImport && rule.indexOf('@import') !== -1) {\n        importRules.push(rule);\n      } else {\n        mayHaveImport = false;\n        const separator = i === cssRulesSize - 1 ? '' : ' ';\n        marker.appendData(`${rule}${separator}`);\n      }\n    }\n\n    addNameForId(names, id, name);\n\n    if (extractImport && importRules.length > 0) {\n      usedImportRuleTag = true;\n      // $FlowFixMe\n      getImportRuleTag().insertRules(`${id}-import`, importRules);\n    }\n  };\n\n  const removeRules = id => {\n    const marker = markers[id];\n    if (marker === undefined) return;\n\n    /* create new empty text node and replace the current one */\n    const newMarker = makeTextNode(id);\n    el.replaceChild(newMarker, marker);\n    markers[id] = newMarker;\n    resetIdNames(names, id);\n\n    if (extractImport && usedImportRuleTag) {\n      // $FlowFixMe\n      getImportRuleTag().removeRules(`${id}-import`);\n    }\n  };\n\n  const css = () => {\n    let str = '';\n\n    // eslint-disable-next-line guard-for-in\n    for (const id in markers) {\n      str += markers[id].data;\n    }\n\n    return str;\n  };\n\n  return {\n    clone() {\n      throw new StyledError(5);\n    },\n    css,\n    getIds: getIdsFromMarkersFactory(markers),\n    hasNameForId: hasNameForId(names),\n    insertMarker,\n    insertRules,\n    removeRules,\n    sealed: false,\n    styleTag: el,\n    toElement: wrapAsElement(css, names),\n    toHTML: wrapAsHtmlTag(css, names),\n  };\n};\n\nconst makeServerTag = (namesArg, markersArg): Tag<[string]> => {\n  const names = namesArg === undefined ? (Object.create(null): Object) : namesArg;\n  const markers = markersArg === undefined ? Object.create(null) : markersArg;\n\n  const insertMarker = id => {\n    const prev = markers[id];\n    if (prev !== undefined) {\n      return prev;\n    }\n\n    return (markers[id] = ['']);\n  };\n\n  const insertRules = (id, cssRules, name) => {\n    const marker = insertMarker(id);\n    marker[0] += cssRules.join(' ');\n    addNameForId(names, id, name);\n  };\n\n  const removeRules = id => {\n    const marker = markers[id];\n    if (marker === undefined) return;\n    marker[0] = '';\n    resetIdNames(names, id);\n  };\n\n  const css = () => {\n    let str = '';\n    // eslint-disable-next-line guard-for-in\n    for (const id in markers) {\n      const cssForId = markers[id][0];\n      if (cssForId) {\n        str += makeTextMarker(id) + cssForId;\n      }\n    }\n    return str;\n  };\n\n  const clone = () => {\n    const namesClone = cloneNames(names);\n    const markersClone = Object.create(null);\n\n    // eslint-disable-next-line guard-for-in\n    for (const id in markers) {\n      markersClone[id] = [markers[id][0]];\n    }\n\n    return makeServerTag(namesClone, markersClone);\n  };\n\n  const tag = {\n    clone,\n    css,\n    getIds: getIdsFromMarkersFactory(markers),\n    hasNameForId: hasNameForId(names),\n    insertMarker,\n    insertRules,\n    removeRules,\n    sealed: false,\n    styleTag: null,\n    toElement: wrapAsElement(css, names),\n    toHTML: wrapAsHtmlTag(css, names),\n  };\n\n  return tag;\n};\n\nexport const makeTag = (\n  target: ?HTMLElement,\n  tagEl: ?HTMLStyleElement,\n  forceServer?: boolean,\n  insertBefore?: boolean,\n  getImportRuleTag?: () => Tag<any>\n): Tag<any> => {\n  if (IS_BROWSER && !forceServer) {\n    const el = makeStyleTag(target, tagEl, insertBefore);\n\n    if (DISABLE_SPEEDY) {\n      return makeBrowserTag(el, getImportRuleTag);\n    } else {\n      return makeSpeedyTag(el, getImportRuleTag);\n    }\n  }\n\n  return makeServerTag();\n};\n\nexport const rehydrate = (\n  tag: Tag<any>,\n  els: HTMLStyleElement[],\n  extracted: ExtractedComp[]\n): void => {\n  /* add all extracted components to the new tag */\n  for (let i = 0, len = extracted.length; i < len; i += 1) {\n    const { componentId, cssFromDOM } = extracted[i];\n    const cssRules = splitByRules(cssFromDOM);\n    tag.insertRules(componentId, cssRules);\n  }\n\n  /* remove old HTMLStyleElements, since they have been rehydrated */\n  for (let i = 0, len = els.length; i < len; i += 1) {\n    const el = els[i];\n    if (el.parentNode) {\n      el.parentNode.removeChild(el);\n    }\n  }\n};\n","// @flow\nimport { cloneElement } from 'react';\nimport { IS_BROWSER, DISABLE_SPEEDY, SC_ATTR, SC_VERSION_ATTR, SC_STREAM_ATTR } from '../constants';\nimport { makeTag, rehydrate, type Tag } from './StyleTags';\nimport extractComps from '../utils/extractCompsFromCSS';\n\ndeclare var __VERSION__: string;\n\nconst SPLIT_REGEX = /\\s+/;\n\n/* determine the maximum number of components before tags are sharded */\nlet MAX_SIZE;\nif (IS_BROWSER) {\n  /* in speedy mode we can keep a lot more rules in a sheet before a slowdown can be expected */\n  MAX_SIZE = DISABLE_SPEEDY ? 40 : 1000;\n} else {\n  /* for servers we do not need to shard at all */\n  MAX_SIZE = -1;\n}\n\nlet sheetRunningId = 0;\nlet master;\n\nexport default class StyleSheet {\n  id: number;\n\n  forceServer: boolean;\n\n  target: ?HTMLElement;\n\n  /* a map from ids to tags */\n  tagMap: { [string]: Tag<any> };\n\n  /* deferred rules for a given id */\n  deferred: { [string]: string[] | void };\n\n  /* this is used for not reinjecting rules via hasNameForId() */\n  rehydratedNames: { [string]: boolean };\n\n  /* when rules for an id are removed using remove() we have to ignore rehydratedNames for it */\n  ignoreRehydratedNames: { [string]: boolean };\n\n  /* a list of tags belonging to this StyleSheet */\n  tags: Tag<any>[];\n\n  /* a tag for import rules */\n  importRuleTag: Tag<any>;\n\n  /* current capacity until a new tag must be created */\n  capacity: number;\n\n  /* children (aka clones) of this StyleSheet inheriting all and future injections */\n  clones: StyleSheet[];\n\n  constructor(\n    target: ?HTMLElement = IS_BROWSER ? document.head : null,\n    forceServer?: boolean = false\n  ) {\n    sheetRunningId += 1;\n    this.id = sheetRunningId;\n    this.forceServer = forceServer;\n    this.target = forceServer ? null : target;\n    this.tagMap = {};\n    this.deferred = {};\n    this.rehydratedNames = {};\n    this.ignoreRehydratedNames = {};\n    this.tags = [];\n    this.capacity = 1;\n    this.clones = [];\n  }\n\n  /* rehydrate all SSR'd style tags */\n  rehydrate() {\n    if (!IS_BROWSER || this.forceServer) return this;\n\n    const els = [];\n    const names = [];\n    const extracted = [];\n    let isStreamed = false;\n\n    /* retrieve all of our SSR style elements from the DOM */\n    const nodes: NodeList<HTMLStyleElement> = (document.querySelectorAll(\n      `style[${SC_ATTR}][${SC_VERSION_ATTR}=\"${__VERSION__}\"]`\n    ): any);\n\n    const nodesSize = nodes.length;\n\n    /* abort rehydration if no previous style tags were found */\n    if (!nodesSize) return this;\n\n    for (let i = 0; i < nodesSize; i += 1) {\n      const el = (nodes[i]: HTMLStyleElement);\n\n      /* check if style tag is a streamed tag */\n      if (!isStreamed) isStreamed = !!el.getAttribute(SC_STREAM_ATTR);\n\n      /* retrieve all component names */\n      const elNames = (el.getAttribute(SC_ATTR) || '').trim().split(SPLIT_REGEX);\n      const elNamesSize = elNames.length;\n      for (let j = 0, name; j < elNamesSize; j += 1) {\n        name = elNames[j];\n        /* add rehydrated name to sheet to avoid re-adding styles */\n        this.rehydratedNames[name] = true;\n        names.push(name);\n      }\n\n      /* extract all components and their CSS */\n      extracted.push(...extractComps(el.textContent));\n\n      /* store original HTMLStyleElement */\n      els.push(el);\n    }\n\n    /* abort rehydration if nothing was extracted */\n    const extractedSize = extracted.length;\n    if (!extractedSize) return this;\n\n    /* create a tag to be used for rehydration */\n    const tag = this.makeTag(null);\n\n    rehydrate(tag, els, extracted);\n\n    /* reset capacity and adjust MAX_SIZE by the initial size of the rehydration */\n    this.capacity = Math.max(1, MAX_SIZE - extractedSize);\n    this.tags.push(tag);\n\n    /* retrieve all component ids */\n    for (let j = 0; j < extractedSize; j += 1) {\n      this.tagMap[extracted[j].componentId] = tag;\n    }\n\n    return this;\n  }\n\n  /* retrieve a \"master\" instance of StyleSheet which is typically used when no other is available\n   * The master StyleSheet is targeted by createGlobalStyle, keyframes, and components outside of any\n    * StyleSheetManager's context */\n  static get master(): StyleSheet {\n    return master || (master = new StyleSheet().rehydrate());\n  }\n\n  /* NOTE: This is just for backwards-compatibility with jest-styled-components */\n  static get instance(): StyleSheet {\n    return StyleSheet.master;\n  }\n\n  /* reset the internal \"master\" instance */\n  static reset(forceServer?: boolean = false) {\n    master = new StyleSheet(undefined, forceServer).rehydrate();\n  }\n\n  /* adds \"children\" to the StyleSheet that inherit all of the parents' rules\n   * while their own rules do not affect the parent */\n  clone() {\n    const sheet = new StyleSheet(this.target, this.forceServer);\n\n    /* add to clone array */\n    this.clones.push(sheet);\n\n    /* clone all tags */\n    sheet.tags = this.tags.map(tag => {\n      const ids = tag.getIds();\n      const newTag = tag.clone();\n\n      /* reconstruct tagMap */\n      for (let i = 0; i < ids.length; i += 1) {\n        sheet.tagMap[ids[i]] = newTag;\n      }\n\n      return newTag;\n    });\n\n    /* clone other maps */\n    sheet.rehydratedNames = { ...this.rehydratedNames };\n    sheet.deferred = { ...this.deferred };\n\n    return sheet;\n  }\n\n  /* force StyleSheet to create a new tag on the next injection */\n  sealAllTags() {\n    this.capacity = 1;\n\n    this.tags.forEach(tag => {\n      // eslint-disable-next-line no-param-reassign\n      tag.sealed = true;\n    });\n  }\n\n  makeTag(tag: ?Tag<any>): Tag<any> {\n    const lastEl = tag ? tag.styleTag : null;\n    const insertBefore = false;\n\n    return makeTag(this.target, lastEl, this.forceServer, insertBefore, this.getImportRuleTag);\n  }\n\n  getImportRuleTag = (): Tag<any> => {\n    const { importRuleTag } = this;\n    if (importRuleTag !== undefined) {\n      return importRuleTag;\n    }\n\n    const firstTag = this.tags[0];\n    const insertBefore = true;\n\n    return (this.importRuleTag = makeTag(\n      this.target,\n      firstTag ? firstTag.styleTag : null,\n      this.forceServer,\n      insertBefore\n    ));\n  };\n\n  /* get a tag for a given componentId, assign the componentId to one, or shard */\n  getTagForId(id: string): Tag<any> {\n    /* simply return a tag, when the componentId was already assigned one */\n    const prev = this.tagMap[id];\n    if (prev !== undefined && !prev.sealed) {\n      return prev;\n    }\n\n    let tag = this.tags[this.tags.length - 1];\n\n    /* shard (create a new tag) if the tag is exhausted (See MAX_SIZE) */\n    this.capacity -= 1;\n\n    if (this.capacity === 0) {\n      this.capacity = MAX_SIZE;\n      tag = this.makeTag(tag);\n      this.tags.push(tag);\n    }\n\n    return (this.tagMap[id] = tag);\n  }\n\n  /* mainly for createGlobalStyle to check for its id */\n  hasId(id: string) {\n    return this.tagMap[id] !== undefined;\n  }\n\n  /* caching layer checking id+name to already have a corresponding tag and injected rules */\n  hasNameForId(id: string, name: string) {\n    /* exception for rehydrated names which are checked separately */\n    if (this.ignoreRehydratedNames[id] === undefined && this.rehydratedNames[name]) {\n      return true;\n    }\n\n    const tag = this.tagMap[id];\n    return tag !== undefined && tag.hasNameForId(id, name);\n  }\n\n  /* registers a componentId and registers it on its tag */\n  deferredInject(id: string, cssRules: string[]) {\n    /* don't inject when the id is already registered */\n    if (this.tagMap[id] !== undefined) return;\n\n    const { clones } = this;\n    for (let i = 0; i < clones.length; i += 1) {\n      clones[i].deferredInject(id, cssRules);\n    }\n\n    this.getTagForId(id).insertMarker(id);\n    this.deferred[id] = cssRules;\n  }\n\n  /* injects rules for a given id with a name that will need to be cached */\n  inject(id: string, cssRules: string[], name?: string) {\n    const { clones } = this;\n\n    for (let i = 0; i < clones.length; i += 1) {\n      clones[i].inject(id, cssRules, name);\n    }\n\n    const tag = this.getTagForId(id);\n\n    /* add deferred rules for component */\n    if (this.deferred[id] !== undefined) {\n      // Combine passed cssRules with previously deferred CSS rules\n      // NOTE: We cannot mutate the deferred array itself as all clones\n      // do the same (see clones[i].inject)\n      const rules = this.deferred[id].concat(cssRules);\n      tag.insertRules(id, rules, name);\n\n      this.deferred[id] = undefined;\n    } else {\n      tag.insertRules(id, cssRules, name);\n    }\n  }\n\n  /* removes all rules for a given id, which doesn't remove its marker but resets it */\n  remove(id: string) {\n    const tag = this.tagMap[id];\n    if (tag === undefined) return;\n\n    const { clones } = this;\n    for (let i = 0; i < clones.length; i += 1) {\n      clones[i].remove(id);\n    }\n\n    /* remove all rules from the tag */\n    tag.removeRules(id);\n\n    /* ignore possible rehydrated names */\n    this.ignoreRehydratedNames[id] = true;\n\n    /* delete possible deferred rules */\n    this.deferred[id] = undefined;\n  }\n\n  toHTML() {\n    return this.tags.map(tag => tag.toHTML()).join('');\n  }\n\n  toReactElements(): Array<*> {\n    const { id } = this;\n\n    return this.tags.map((tag, i) => {\n      const key = `sc-${id}-${i}`;\n      return cloneElement(tag.toElement(), { key });\n    });\n  }\n}\n","// @flow\nimport { EMPTY_ARRAY } from '../utils/empties';\nimport flatten from '../utils/flatten';\nimport isStaticRules from '../utils/isStaticRules';\nimport stringifyRules from '../utils/stringifyRules';\nimport StyleSheet from './StyleSheet';\n\nimport type { RuleSet } from '../types';\n\nexport default class GlobalStyle {\n  componentId: string;\n\n  isStatic: boolean;\n\n  rules: RuleSet;\n\n  constructor(rules: RuleSet, componentId: string) {\n    this.rules = rules;\n    this.componentId = componentId;\n    this.isStatic = isStaticRules(rules, EMPTY_ARRAY);\n\n    if (!StyleSheet.master.hasId(componentId)) {\n      StyleSheet.master.deferredInject(componentId, []);\n    }\n  }\n\n  createStyles(executionContext: Object, styleSheet: StyleSheet) {\n    const flatCSS = flatten(this.rules, executionContext, styleSheet);\n    const css = stringifyRules(flatCSS, '');\n\n    styleSheet.inject(this.componentId, css);\n  }\n\n  removeStyles(styleSheet: StyleSheet) {\n    const { componentId } = this;\n    if (styleSheet.hasId(componentId)) {\n      styleSheet.remove(componentId);\n    }\n  }\n\n  // TODO: overwrite in-place instead of remove+create?\n  renderStyles(executionContext: Object, styleSheet: StyleSheet) {\n    this.removeStyles(styleSheet);\n    this.createStyles(executionContext, styleSheet);\n  }\n}\n","// @flow\n/* eslint-disable no-underscore-dangle */\nimport React from 'react';\nimport stream from 'stream';\n\nimport { IS_BROWSER, SC_STREAM_ATTR } from '../constants';\nimport StyledError from '../utils/error';\nimport StyleSheet from './StyleSheet';\nimport StyleSheetManager from './StyleSheetManager';\n\ndeclare var __SERVER__: boolean;\n\nconst CLOSING_TAG_R = /^\\s*<\\/[a-z]/i;\n\nexport default class ServerStyleSheet {\n  instance: StyleSheet;\n\n  masterSheet: StyleSheet;\n\n  sealed: boolean;\n\n  constructor() {\n    /* The master sheet might be reset, so keep a reference here */\n    this.masterSheet = StyleSheet.master;\n    this.instance = this.masterSheet.clone();\n    this.sealed = false;\n  }\n\n  /**\n   * Mark the ServerStyleSheet as being fully emitted and manually GC it from the\n   * StyleSheet singleton.\n   */\n  seal() {\n    if (!this.sealed) {\n      /* Remove sealed StyleSheets from the master sheet */\n      const index = this.masterSheet.clones.indexOf(this.instance);\n      this.masterSheet.clones.splice(index, 1);\n      this.sealed = true;\n    }\n  }\n\n  collectStyles(children: any) {\n    if (this.sealed) {\n      throw new StyledError(2);\n    }\n\n    return <StyleSheetManager sheet={this.instance}>{children}</StyleSheetManager>;\n  }\n\n  getStyleTags(): string {\n    this.seal();\n    return this.instance.toHTML();\n  }\n\n  getStyleElement() {\n    this.seal();\n    return this.instance.toReactElements();\n  }\n\n  interleaveWithNodeStream(readableStream: stream.Readable) {\n    if (!__SERVER__ || IS_BROWSER) {\n      throw new StyledError(3);\n    }\n\n    /* the tag index keeps track of which tags have already been emitted */\n    const { instance } = this;\n    let instanceTagIndex = 0;\n\n    const streamAttr = `${SC_STREAM_ATTR}=\"true\"`;\n\n    const transformer = new stream.Transform({\n      transform: function appendStyleChunks(chunk, /* encoding */ _, callback) {\n        const { tags } = instance;\n        let html = '';\n\n        /* retrieve html for each new style tag */\n        for (; instanceTagIndex < tags.length; instanceTagIndex += 1) {\n          const tag = tags[instanceTagIndex];\n          html += tag.toHTML(streamAttr);\n        }\n\n        /* force our StyleSheets to emit entirely new tags */\n        instance.sealAllTags();\n\n        const renderedHtml = chunk.toString();\n\n        /* prepend style html to chunk, unless the start of the chunk is a closing tag in which case append right after that */\n        if (CLOSING_TAG_R.test(renderedHtml)) {\n          const endOfClosingTag = renderedHtml.indexOf('>');\n\n          this.push(\n            renderedHtml.slice(0, endOfClosingTag + 1) +\n              html +\n              renderedHtml.slice(endOfClosingTag + 1)\n          );\n        } else this.push(html + renderedHtml);\n\n        callback();\n      },\n    });\n\n    readableStream.on('end', () => this.seal());\n\n    readableStream.on('error', err => {\n      this.seal();\n\n      // forward the error to the transform stream\n      transformer.emit('error', err);\n    });\n\n    return readableStream.pipe(transformer);\n  }\n}\n","// @flow\nimport React, { createContext, Component, type Element } from 'react';\nimport PropTypes from 'prop-types';\nimport memoize from 'memoize-one';\nimport StyleSheet from './StyleSheet';\nimport ServerStyleSheet from './ServerStyleSheet';\nimport StyledError from '../utils/error';\n\ntype Props = {\n  children?: Element<any>,\n  sheet?: StyleSheet,\n  target?: HTMLElement,\n};\n\nexport const StyleSheetContext = createContext();\nexport const StyleSheetConsumer = StyleSheetContext.Consumer;\n\nexport default class StyleSheetManager extends Component<Props> {\n  static propTypes = {\n    sheet: PropTypes.oneOfType([\n      PropTypes.instanceOf(StyleSheet),\n      PropTypes.instanceOf(ServerStyleSheet),\n    ]),\n\n    target: PropTypes.shape({\n      appendChild: PropTypes.func.isRequired,\n    }),\n  };\n\n  getContext: (sheet: ?StyleSheet, target: ?HTMLElement) => StyleSheet;\n\n  constructor(props: Props) {\n    super(props);\n    this.getContext = memoize(this.getContext);\n  }\n\n  getContext(sheet: ?StyleSheet, target: ?HTMLElement) {\n    if (sheet) {\n      return sheet;\n    } else if (target) {\n      return new StyleSheet(target);\n    } else {\n      throw new StyledError(4);\n    }\n  }\n\n  render() {\n    const { children, sheet, target } = this.props;\n\n    return (\n      <StyleSheetContext.Provider value={this.getContext(sheet, target)}>\n        {process.env.NODE_ENV !== 'production' ? React.Children.only(children) : children}\n      </StyleSheetContext.Provider>\n    );\n  }\n}\n","// @flow\nimport React, { createContext, Component, type Element } from 'react';\nimport memoize from 'memoize-one';\nimport StyledError from '../utils/error';\nimport isFunction from '../utils/isFunction';\n\nexport type Theme = { [key: string]: mixed };\n\ntype Props = {\n  children?: Element<any>,\n  theme: Theme | ((outerTheme: Theme) => void),\n};\n\nexport const ThemeContext = createContext();\n\nexport const ThemeConsumer = ThemeContext.Consumer;\n\n/**\n * Provide a theme to an entire react component tree via context\n */\nexport default class ThemeProvider extends Component<Props> {\n  getContext: (theme: Theme | ((outerTheme: Theme) => void), outerTheme?: Theme) => Theme;\n\n  renderInner: Function;\n\n  constructor(props: Props) {\n    super(props);\n    this.getContext = memoize(this.getContext.bind(this));\n    this.renderInner = this.renderInner.bind(this);\n  }\n\n  render() {\n    if (!this.props.children) return null;\n\n    return <ThemeContext.Consumer>{this.renderInner}</ThemeContext.Consumer>;\n  }\n\n  renderInner(outerTheme?: Theme) {\n    const context = this.getContext(this.props.theme, outerTheme);\n\n    return (\n      <ThemeContext.Provider value={context}>\n        {React.Children.only(this.props.children)}\n      </ThemeContext.Provider>\n    );\n  }\n\n  /**\n   * Get the theme from the props, supporting both (outerTheme) => {}\n   * as well as object notation\n   */\n  getTheme(theme: (outerTheme: ?Theme) => void, outerTheme: ?Theme) {\n    if (isFunction(theme)) {\n      const mergedTheme = theme(outerTheme);\n\n      if (\n        process.env.NODE_ENV !== 'production' &&\n        (mergedTheme === null || Array.isArray(mergedTheme) || typeof mergedTheme !== 'object')\n      ) {\n        throw new StyledError(7);\n      }\n\n      return mergedTheme;\n    }\n\n    if (theme === null || Array.isArray(theme) || typeof theme !== 'object') {\n      throw new StyledError(8);\n    }\n\n    return { ...outerTheme, ...theme };\n  }\n\n  getContext(theme: (outerTheme: ?Theme) => void, outerTheme?: Theme) {\n    return this.getTheme(theme, outerTheme);\n  }\n}\n","// @flow\nimport React from 'react';\nimport { IS_BROWSER, STATIC_EXECUTION_CONTEXT } from '../constants';\nimport GlobalStyle from '../models/GlobalStyle';\nimport StyleSheet from '../models/StyleSheet';\nimport { StyleSheetConsumer } from '../models/StyleSheetManager';\nimport determineTheme from '../utils/determineTheme';\nimport { ThemeConsumer, type Theme } from '../models/ThemeProvider';\n// $FlowFixMe\nimport hashStr from '../vendor/glamor/hash';\nimport css from './css';\n\nimport type { Interpolation } from '../types';\n\ntype GlobalStyleComponentPropsType = Object;\n\n// place our cache into shared context so it'll persist between HMRs\nif (IS_BROWSER) {\n  window.scCGSHMRCache = {};\n}\n\nexport default function createGlobalStyle(\n  strings: Array<string>,\n  ...interpolations: Array<Interpolation>\n) {\n  const rules = css(strings, ...interpolations);\n  const id = `sc-global-${hashStr(JSON.stringify(rules))}`;\n  const style = new GlobalStyle(rules, id);\n\n  class GlobalStyleComponent extends React.Component<GlobalStyleComponentPropsType, *> {\n    styleSheet: Object;\n\n    static globalStyle = style;\n\n    static styledComponentId = id;\n\n    constructor(props: GlobalStyleComponentPropsType) {\n      super(props);\n\n      const { globalStyle, styledComponentId } = this.constructor;\n\n      if (IS_BROWSER) {\n        window.scCGSHMRCache[styledComponentId] =\n          (window.scCGSHMRCache[styledComponentId] || 0) + 1;\n      }\n\n      /**\n       * This fixes HMR compatibility. Don't ask me why, but this combination of\n       * caching the closure variables via statics and then persisting the statics in\n       * state works across HMR where no other combination did. ¯\\_(ツ)_/¯\n       */\n      this.state = {\n        globalStyle,\n        styledComponentId,\n      };\n    }\n\n    componentWillUnmount() {\n      if (window.scCGSHMRCache[this.state.styledComponentId]) {\n        window.scCGSHMRCache[this.state.styledComponentId] -= 1;\n      }\n      /**\n       * Depending on the order \"render\" is called this can cause the styles to be lost\n       * until the next render pass of the remaining instance, which may\n       * not be immediate.\n       */\n      if (window.scCGSHMRCache[this.state.styledComponentId] === 0) {\n        this.state.globalStyle.removeStyles(this.styleSheet);\n      }\n    }\n\n    render() {\n      if (process.env.NODE_ENV !== 'production' && React.Children.count(this.props.children)) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `The global style component ${\n            this.state.styledComponentId\n          } was given child JSX. createGlobalStyle does not render children.`\n        );\n      }\n\n      return (\n        <StyleSheetConsumer>\n          {(styleSheet?: StyleSheet) => {\n            this.styleSheet = styleSheet || StyleSheet.master;\n\n            const { globalStyle } = this.state;\n\n            if (globalStyle.isStatic) {\n              globalStyle.renderStyles(STATIC_EXECUTION_CONTEXT, this.styleSheet);\n\n              return null;\n            } else {\n              return (\n                <ThemeConsumer>\n                  {(theme?: Theme) => {\n                    // $FlowFixMe\n                    const { defaultProps } = this.constructor;\n\n                    const context = {\n                      ...this.props,\n                    };\n\n                    if (typeof theme !== 'undefined') {\n                      context.theme = determineTheme(this.props, theme, defaultProps);\n                    }\n\n                    globalStyle.renderStyles(context, this.styleSheet);\n\n                    return null;\n                  }}\n                </ThemeConsumer>\n              );\n            }\n          }}\n        </StyleSheetConsumer>\n      );\n    }\n  }\n\n  return GlobalStyleComponent;\n}\n","// @flow\nimport validAttr from '@emotion/is-prop-valid';\nimport merge from 'merge-anything';\nimport React, { createElement, Component } from 'react';\nimport ComponentStyle from './ComponentStyle';\nimport createWarnTooManyClasses from '../utils/createWarnTooManyClasses';\nimport determineTheme from '../utils/determineTheme';\nimport escape from '../utils/escape';\nimport generateDisplayName from '../utils/generateDisplayName';\nimport getComponentName from '../utils/getComponentName';\nimport hoist from '../utils/hoist';\nimport isFunction from '../utils/isFunction';\nimport isTag from '../utils/isTag';\nimport isDerivedReactComponent from '../utils/isDerivedReactComponent';\nimport isStyledComponent from '../utils/isStyledComponent';\nimport once from '../utils/once';\nimport StyleSheet from './StyleSheet';\nimport { ThemeConsumer, type Theme } from './ThemeProvider';\nimport { StyleSheetConsumer } from './StyleSheetManager';\nimport { EMPTY_ARRAY, EMPTY_OBJECT } from '../utils/empties';\n\nimport type { Attrs, RuleSet, Target } from '../types';\n\nconst identifiers = {};\n\n/* We depend on components having unique IDs */\nfunction generateId(_ComponentStyle: Function, _displayName: string, parentComponentId: string) {\n  const displayName = typeof _displayName !== 'string' ? 'sc' : escape(_displayName);\n\n  /**\n   * This ensures uniqueness if two components happen to share\n   * the same displayName.\n   */\n  const nr = (identifiers[displayName] || 0) + 1;\n  identifiers[displayName] = nr;\n\n  const componentId = `${displayName}-${_ComponentStyle.generateName(displayName + nr)}`;\n\n  return parentComponentId ? `${parentComponentId}-${componentId}` : componentId;\n}\n\n// $FlowFixMe\nclass StyledComponent extends Component<*> {\n  renderOuter: Function;\n\n  renderInner: Function;\n\n  styleSheet: ?StyleSheet;\n\n  warnInnerRef: Function;\n\n  warnAttrsFnObjectKeyDeprecated: Function;\n\n  warnNonStyledComponentAttrsObjectKey: Function;\n\n  attrs = {};\n\n  constructor() {\n    super();\n    this.renderOuter = this.renderOuter.bind(this);\n    this.renderInner = this.renderInner.bind(this);\n\n    if (process.env.NODE_ENV !== 'production') {\n      this.warnInnerRef = once(displayName =>\n        // eslint-disable-next-line no-console\n        console.warn(\n          `The \"innerRef\" API has been removed in styled-components v4 in favor of React 16 ref forwarding, use \"ref\" instead like a typical component. \"innerRef\" was detected on component \"${displayName}\".`\n        )\n      );\n\n      this.warnAttrsFnObjectKeyDeprecated = once(\n        (key, displayName): void =>\n          // eslint-disable-next-line no-console\n          console.warn(\n            `Functions as object-form attrs({}) keys are now deprecated and will be removed in a future version of styled-components. Switch to the new attrs(props => ({})) syntax instead for easier and more powerful composition. The attrs key in question is \"${key}\" on component \"${displayName}\".`,\n            `\\n ${new Error().stack}`\n          )\n      );\n\n      this.warnNonStyledComponentAttrsObjectKey = once(\n        (key, displayName): void =>\n          // eslint-disable-next-line no-console\n          console.warn(\n            `It looks like you've used a non styled-component as the value for the \"${key}\" prop in an object-form attrs constructor of \"${displayName}\".\\n` +\n              'You should use the new function-form attrs constructor which avoids this issue: attrs(props => ({ yourStuff }))\\n' +\n              \"To continue using the deprecated object syntax, you'll need to wrap your component prop in a function to make it available inside the styled component (you'll still get the deprecation warning though.)\\n\" +\n              `For example, { ${key}: () => InnerComponent } instead of { ${key}: InnerComponent }`\n          )\n      );\n    }\n  }\n\n  render() {\n    return <StyleSheetConsumer>{this.renderOuter}</StyleSheetConsumer>;\n  }\n\n  renderOuter(styleSheet?: StyleSheet = StyleSheet.master) {\n    this.styleSheet = styleSheet;\n\n    // No need to subscribe a static component to theme changes, it won't change anything\n    if (this.props.forwardedComponent.componentStyle.isStatic) return this.renderInner();\n\n    return <ThemeConsumer>{this.renderInner}</ThemeConsumer>;\n  }\n\n  renderInner(theme?: Theme) {\n    const {\n      componentStyle,\n      defaultProps,\n      displayName,\n      foldedComponentIds,\n      styledComponentId,\n      target,\n    } = this.props.forwardedComponent;\n\n    let generatedClassName;\n    if (componentStyle.isStatic) {\n      generatedClassName = this.generateAndInjectStyles(EMPTY_OBJECT, this.props);\n    } else {\n      generatedClassName = this.generateAndInjectStyles(\n        determineTheme(this.props, theme, defaultProps) || EMPTY_OBJECT,\n        this.props\n      );\n    }\n\n    const elementToBeCreated = this.props.as || this.attrs.as || target;\n    const isTargetTag = isTag(elementToBeCreated);\n\n    const propsForElement = {};\n    const computedProps = { ...this.attrs, ...this.props };\n\n    let key;\n    // eslint-disable-next-line guard-for-in\n    for (key in computedProps) {\n      if (process.env.NODE_ENV !== 'production' && key === 'innerRef' && isTargetTag) {\n        this.warnInnerRef(displayName);\n      }\n\n      if (key === 'forwardedComponent' || key === 'as') {\n        continue;\n      } else if (key === 'forwardedRef') propsForElement.ref = computedProps[key];\n      else if (key === 'forwardedAs') propsForElement.as = computedProps[key];\n      else if (!isTargetTag || validAttr(key)) {\n        // Don't pass through non HTML tags through to HTML elements\n        propsForElement[key] = computedProps[key];\n      }\n    }\n\n    if (this.props.style && this.attrs.style) {\n      propsForElement.style = { ...this.attrs.style, ...this.props.style };\n    }\n\n    propsForElement.className = Array.prototype\n      .concat(\n        foldedComponentIds,\n        this.props.className,\n        styledComponentId,\n        this.attrs.className,\n        generatedClassName\n      )\n      .filter(Boolean)\n      .join(' ');\n\n    return createElement(elementToBeCreated, propsForElement);\n  }\n\n  buildExecutionContext(theme: ?Object, props: Object, attrs: Attrs) {\n    const context = { ...props, theme };\n\n    if (!attrs.length) return context;\n\n    this.attrs = {};\n\n    attrs.forEach(attrDef => {\n      let resolvedAttrDef = attrDef;\n      let attrDefWasFn = false;\n      let attr;\n      let key;\n\n      if (isFunction(resolvedAttrDef)) {\n        // $FlowFixMe\n        resolvedAttrDef = resolvedAttrDef(context);\n        attrDefWasFn = true;\n      }\n\n      /* eslint-disable guard-for-in */\n      // $FlowFixMe\n      for (key in resolvedAttrDef) {\n        attr = resolvedAttrDef[key];\n\n        if (!attrDefWasFn) {\n          if (isFunction(attr) && !isDerivedReactComponent(attr) && !isStyledComponent(attr)) {\n            if (process.env.NODE_ENV !== 'production') {\n              this.warnAttrsFnObjectKeyDeprecated(key, props.forwardedComponent.displayName);\n            }\n\n            attr = attr(context);\n\n            if (process.env.NODE_ENV !== 'production' && React.isValidElement(attr)) {\n              this.warnNonStyledComponentAttrsObjectKey(key, props.forwardedComponent.displayName);\n            }\n          }\n        }\n\n        this.attrs[key] = attr;\n        context[key] = attr;\n      }\n      /* eslint-enable */\n    });\n\n    return context;\n  }\n\n  generateAndInjectStyles(theme: any, props: any) {\n    const { attrs, componentStyle, warnTooManyClasses } = props.forwardedComponent;\n\n    // statically styled-components don't need to build an execution context object,\n    // and shouldn't be increasing the number of class names\n    if (componentStyle.isStatic && !attrs.length) {\n      return componentStyle.generateAndInjectStyles(EMPTY_OBJECT, this.styleSheet);\n    }\n\n    const className = componentStyle.generateAndInjectStyles(\n      this.buildExecutionContext(theme, props, attrs),\n      this.styleSheet\n    );\n\n    if (process.env.NODE_ENV !== 'production' && warnTooManyClasses) warnTooManyClasses(className);\n\n    return className;\n  }\n}\n\nexport default function createStyledComponent(target: Target, options: Object, rules: RuleSet) {\n  const isTargetStyledComp = isStyledComponent(target);\n  const isClass = !isTag(target);\n\n  const {\n    displayName = generateDisplayName(target),\n    componentId = generateId(ComponentStyle, options.displayName, options.parentComponentId),\n    ParentComponent = StyledComponent,\n    attrs = EMPTY_ARRAY,\n  } = options;\n\n  const styledComponentId =\n    options.displayName && options.componentId\n      ? `${escape(options.displayName)}-${options.componentId}`\n      : options.componentId || componentId;\n\n  // fold the underlying StyledComponent attrs up (implicit extend)\n  const finalAttrs =\n    // $FlowFixMe\n    isTargetStyledComp && target.attrs\n      ? Array.prototype.concat(target.attrs, attrs).filter(Boolean)\n      : attrs;\n\n  const componentStyle = new ComponentStyle(\n    isTargetStyledComp\n      ? // fold the underlying StyledComponent rules up (implicit extend)\n        // $FlowFixMe\n        target.componentStyle.rules.concat(rules)\n      : rules,\n    finalAttrs,\n    styledComponentId\n  );\n\n  /**\n   * forwardRef creates a new interim component, which we'll take advantage of\n   * instead of extending ParentComponent to create _another_ interim class\n   */\n  let WrappedStyledComponent;\n  const forwardRef = (props, ref) => (\n    <ParentComponent {...props} forwardedComponent={WrappedStyledComponent} forwardedRef={ref} />\n  );\n  forwardRef.displayName = displayName;\n  WrappedStyledComponent = React.forwardRef(forwardRef);\n  WrappedStyledComponent.displayName = displayName;\n\n  // $FlowFixMe\n  WrappedStyledComponent.attrs = finalAttrs;\n  // $FlowFixMe\n  WrappedStyledComponent.componentStyle = componentStyle;\n\n  // $FlowFixMe\n  WrappedStyledComponent.foldedComponentIds = isTargetStyledComp\n    ? // $FlowFixMe\n      Array.prototype.concat(target.foldedComponentIds, target.styledComponentId)\n    : EMPTY_ARRAY;\n\n  // $FlowFixMe\n  WrappedStyledComponent.styledComponentId = styledComponentId;\n\n  // fold the underlying StyledComponent target up since we folded the styles\n  // $FlowFixMe\n  WrappedStyledComponent.target = isTargetStyledComp ? target.target : target;\n\n  // $FlowFixMe\n  WrappedStyledComponent.withComponent = function withComponent(tag: Target) {\n    const { componentId: previousComponentId, ...optionsToCopy } = options;\n\n    const newComponentId =\n      previousComponentId &&\n      `${previousComponentId}-${isTag(tag) ? tag : escape(getComponentName(tag))}`;\n\n    const newOptions = {\n      ...optionsToCopy,\n      attrs: finalAttrs,\n      componentId: newComponentId,\n      ParentComponent,\n    };\n\n    return createStyledComponent(tag, newOptions, rules);\n  };\n\n  // $FlowFixMe\n  Object.defineProperty(WrappedStyledComponent, 'defaultProps', {\n    get() {\n      return this._foldedDefaultProps;\n    },\n\n    set(obj) {\n      // $FlowFixMe\n      this._foldedDefaultProps = isTargetStyledComp ? merge(target.defaultProps, obj) : obj;\n    },\n  });\n\n  if (process.env.NODE_ENV !== 'production') {\n    // $FlowFixMe\n    WrappedStyledComponent.warnTooManyClasses = createWarnTooManyClasses(displayName);\n  }\n\n  // $FlowFixMe\n  WrappedStyledComponent.toString = () => `.${WrappedStyledComponent.styledComponentId}`;\n\n  if (isClass) {\n    hoist(WrappedStyledComponent, target, {\n      // all SC-specific things should not be hoisted\n      attrs: true,\n      componentStyle: true,\n      displayName: true,\n      foldedComponentIds: true,\n      styledComponentId: true,\n      target: true,\n      withComponent: true,\n    });\n  }\n\n  return WrappedStyledComponent;\n}\n"],"names":["__VERSION__","i"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CC;;GAAA;;;;;;;;;;;;;;;;qCAgBgDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mEA2DO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0DAoSnD;;aAEMC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EClYT;;EAEA;;;;;;EAMA;;;;;;EAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC5BA,4BAAA,aAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECYA,kCAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClBA;;;;;;;;;;;EAUA,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECP0C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCCwJf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled-components.js","sources":["../src/models/StyleTags.js","../src/models/StyleSheet.js","../src/models/GlobalStyle.js","../src/models/ServerStyleSheet.js","../src/models/StyleSheetManager.js","../src/models/ThemeProvider.js","../src/constructors/createGlobalStyle.js","../src/models/StyledComponent.js"],"sourcesContent":["// @flow\n/* eslint-disable flowtype/object-type-delimiter */\n/* eslint-disable react/prop-types */\n\nimport React, { type Element } from 'react';\nimport { IS_BROWSER, DISABLE_SPEEDY, SC_ATTR, SC_VERSION_ATTR } from '../constants';\nimport StyledError from '../utils/error';\nimport { type ExtractedComp } from '../utils/extractCompsFromCSS';\nimport { splitByRules } from '../utils/stringifyRules';\nimport getNonce from '../utils/nonce';\n\nimport {\n  type Names,\n  addNameForId,\n  resetIdNames,\n  hasNameForId,\n  stringifyNames,\n  cloneNames,\n} from '../utils/styleNames';\n\nimport { sheetForTag, safeInsertRule, deleteRules } from '../utils/insertRuleHelpers';\n\ndeclare var __VERSION__: string;\n\nexport interface Tag<T> {\n  // $FlowFixMe: Doesn't seem to accept any combination w/ HTMLStyleElement for some reason\n  styleTag: HTMLStyleElement | null;\n  /* lists all ids of the tag */\n  getIds(): string[];\n  /* checks whether `name` is already injected for `id` */\n  hasNameForId(id: string, name: string): boolean;\n  /* inserts a marker to ensure the id's correct position in the sheet */\n  insertMarker(id: string): T;\n  /* inserts rules according to the ids markers */\n  insertRules(id: string, cssRules: string[], name: ?string): void;\n  /* removes all rules belonging to the id, keeping the marker around */\n  removeRules(id: string): void;\n  css(): string;\n  toHTML(additionalAttrs: ?string): string;\n  toElement(): Element<*>;\n  clone(): Tag<T>;\n  /* used in server side rendering to indicate that the rules in the tag have been flushed to HTML */\n  sealed: boolean;\n}\n\n/* this marker separates component styles and is important for rehydration */\nconst makeTextMarker = id => `\\n/* sc-component-id: ${id} */\\n`;\n\n/* add up all numbers in array up until and including the index */\nconst addUpUntilIndex = (sizes: number[], index: number): number => {\n  let totalUpToIndex = 0;\n  for (let i = 0; i <= index; i += 1) {\n    totalUpToIndex += sizes[i];\n  }\n\n  return totalUpToIndex;\n};\n\n/* create a new style tag after lastEl */\nconst makeStyleTag = (target: ?HTMLElement, tagEl: ?Node, insertBefore: ?boolean) => {\n  const el = document.createElement('style');\n  el.setAttribute(SC_ATTR, '');\n  el.setAttribute(SC_VERSION_ATTR, __VERSION__);\n\n  const nonce = getNonce();\n  if (nonce) {\n    el.setAttribute('nonce', nonce);\n  }\n\n  /* Work around insertRule quirk in EdgeHTML */\n  el.appendChild(document.createTextNode(''));\n\n  if (target && !tagEl) {\n    /* Append to target when no previous element was passed */\n    target.appendChild(el);\n  } else {\n    if (!tagEl || !target || !tagEl.parentNode) {\n      throw new StyledError(6);\n    }\n\n    /* Insert new style tag after the previous one */\n    tagEl.parentNode.insertBefore(el, insertBefore ? tagEl : tagEl.nextSibling);\n  }\n\n  return el;\n};\n\n/* takes a css factory function and outputs an html styled tag factory */\nconst wrapAsHtmlTag = (css: () => string, names: Names) => (additionalAttrs: ?string): string => {\n  const nonce = getNonce();\n  const attrs = [\n    nonce && `nonce=\"${nonce}\"`,\n    `${SC_ATTR}=\"${stringifyNames(names)}\"`,\n    `${SC_VERSION_ATTR}=\"${__VERSION__}\"`,\n    additionalAttrs,\n  ];\n\n  const htmlAttr = attrs.filter(Boolean).join(' ');\n  return `<style ${htmlAttr}>${css()}</style>`;\n};\n\n/* takes a css factory function and outputs an element factory */\nconst wrapAsElement = (css: () => string, names: Names) => () => {\n  const props = {\n    [SC_ATTR]: stringifyNames(names),\n    [SC_VERSION_ATTR]: __VERSION__,\n  };\n\n  const nonce = getNonce();\n  if (nonce) {\n    // $FlowFixMe\n    props.nonce = nonce;\n  }\n\n  // eslint-disable-next-line react/no-danger\n  return <style {...props} dangerouslySetInnerHTML={{ __html: css() }} />;\n};\n\nconst getIdsFromMarkersFactory = (markers: Object) => (): string[] => Object.keys(markers);\n\n/* speedy tags utilise insertRule */\nconst makeSpeedyTag = (el: HTMLStyleElement, getImportRuleTag: ?() => Tag<any>): Tag<number> => {\n  const names: Names = (Object.create(null): Object);\n  const markers = Object.create(null);\n  const sizes: number[] = [];\n\n  const extractImport = getImportRuleTag !== undefined;\n  /* indicates whether getImportRuleTag was called */\n  let usedImportRuleTag = false;\n\n  const insertMarker = id => {\n    const prev = markers[id];\n    if (prev !== undefined) {\n      return prev;\n    }\n\n    markers[id] = sizes.length;\n    sizes.push(0);\n    resetIdNames(names, id);\n\n    return markers[id];\n  };\n\n  const insertRules = (id, cssRules, name) => {\n    const marker = insertMarker(id);\n    const sheet = sheetForTag(el);\n    const insertIndex = addUpUntilIndex(sizes, marker);\n\n    let injectedRules = 0;\n    const importRules = [];\n    const cssRulesSize = cssRules.length;\n\n    for (let i = 0; i < cssRulesSize; i += 1) {\n      const cssRule = cssRules[i];\n      let mayHaveImport = extractImport; /* @import rules are reordered to appear first */\n      if (mayHaveImport && cssRule.indexOf('@import') !== -1) {\n        importRules.push(cssRule);\n      } else if (safeInsertRule(sheet, cssRule, insertIndex + injectedRules)) {\n        mayHaveImport = false;\n        injectedRules += 1;\n      }\n    }\n\n    if (extractImport && importRules.length > 0) {\n      usedImportRuleTag = true;\n      // $FlowFixMe\n      getImportRuleTag().insertRules(`${id}-import`, importRules);\n    }\n\n    sizes[marker] += injectedRules; /* add up no of injected rules */\n    addNameForId(names, id, name);\n  };\n\n  const removeRules = id => {\n    const marker = markers[id];\n    if (marker === undefined) return;\n\n    const size = sizes[marker];\n    const sheet = sheetForTag(el);\n    const removalIndex = addUpUntilIndex(sizes, marker) - 1;\n    deleteRules(sheet, removalIndex, size);\n    sizes[marker] = 0;\n    resetIdNames(names, id);\n\n    if (extractImport && usedImportRuleTag) {\n      // $FlowFixMe\n      getImportRuleTag().removeRules(`${id}-import`);\n    }\n  };\n\n  const css = () => {\n    const { cssRules } = sheetForTag(el);\n    let str = '';\n\n    // eslint-disable-next-line guard-for-in\n    for (const id in markers) {\n      str += makeTextMarker(id);\n      const marker = markers[id];\n      const end = addUpUntilIndex(sizes, marker);\n      const size = sizes[marker];\n      for (let i = end - size; i < end; i += 1) {\n        const rule = cssRules[i];\n        if (rule !== undefined) {\n          str += rule.cssText;\n        }\n      }\n    }\n\n    return str;\n  };\n\n  return {\n    clone() {\n      throw new StyledError(5);\n    },\n    css,\n    getIds: getIdsFromMarkersFactory(markers),\n    hasNameForId: hasNameForId(names),\n    insertMarker,\n    insertRules,\n    removeRules,\n    sealed: false,\n    styleTag: el,\n    toElement: wrapAsElement(css, names),\n    toHTML: wrapAsHtmlTag(css, names),\n  };\n};\n\nconst makeTextNode = id => document.createTextNode(makeTextMarker(id));\n\nconst makeBrowserTag = (el: HTMLStyleElement, getImportRuleTag: ?() => Tag<any>): Tag<Text> => {\n  const names = (Object.create(null): Object);\n  const markers = Object.create(null);\n\n  const extractImport = getImportRuleTag !== undefined;\n\n  /* indicates whether getImportRuleTag was called */\n  let usedImportRuleTag = false;\n\n  const insertMarker = id => {\n    const prev = markers[id];\n    if (prev !== undefined) {\n      return prev;\n    }\n\n    markers[id] = makeTextNode(id);\n    el.appendChild(markers[id]);\n    names[id] = Object.create(null);\n\n    return markers[id];\n  };\n\n  const insertRules = (id, cssRules, name) => {\n    const marker = insertMarker(id);\n    const importRules = [];\n    const cssRulesSize = cssRules.length;\n\n    for (let i = 0; i < cssRulesSize; i += 1) {\n      const rule = cssRules[i];\n      let mayHaveImport = extractImport;\n      if (mayHaveImport && rule.indexOf('@import') !== -1) {\n        importRules.push(rule);\n      } else {\n        mayHaveImport = false;\n        const separator = i === cssRulesSize - 1 ? '' : ' ';\n        marker.appendData(`${rule}${separator}`);\n      }\n    }\n\n    addNameForId(names, id, name);\n\n    if (extractImport && importRules.length > 0) {\n      usedImportRuleTag = true;\n      // $FlowFixMe\n      getImportRuleTag().insertRules(`${id}-import`, importRules);\n    }\n  };\n\n  const removeRules = id => {\n    const marker = markers[id];\n    if (marker === undefined) return;\n\n    /* create new empty text node and replace the current one */\n    const newMarker = makeTextNode(id);\n    el.replaceChild(newMarker, marker);\n    markers[id] = newMarker;\n    resetIdNames(names, id);\n\n    if (extractImport && usedImportRuleTag) {\n      // $FlowFixMe\n      getImportRuleTag().removeRules(`${id}-import`);\n    }\n  };\n\n  const css = () => {\n    let str = '';\n\n    // eslint-disable-next-line guard-for-in\n    for (const id in markers) {\n      str += markers[id].data;\n    }\n\n    return str;\n  };\n\n  return {\n    clone() {\n      throw new StyledError(5);\n    },\n    css,\n    getIds: getIdsFromMarkersFactory(markers),\n    hasNameForId: hasNameForId(names),\n    insertMarker,\n    insertRules,\n    removeRules,\n    sealed: false,\n    styleTag: el,\n    toElement: wrapAsElement(css, names),\n    toHTML: wrapAsHtmlTag(css, names),\n  };\n};\n\nconst makeServerTag = (namesArg, markersArg): Tag<[string]> => {\n  const names = namesArg === undefined ? (Object.create(null): Object) : namesArg;\n  const markers = markersArg === undefined ? Object.create(null) : markersArg;\n\n  const insertMarker = id => {\n    const prev = markers[id];\n    if (prev !== undefined) {\n      return prev;\n    }\n\n    return (markers[id] = ['']);\n  };\n\n  const insertRules = (id, cssRules, name) => {\n    const marker = insertMarker(id);\n    marker[0] += cssRules.join(' ');\n    addNameForId(names, id, name);\n  };\n\n  const removeRules = id => {\n    const marker = markers[id];\n    if (marker === undefined) return;\n    marker[0] = '';\n    resetIdNames(names, id);\n  };\n\n  const css = () => {\n    let str = '';\n    // eslint-disable-next-line guard-for-in\n    for (const id in markers) {\n      const cssForId = markers[id][0];\n      if (cssForId) {\n        str += makeTextMarker(id) + cssForId;\n      }\n    }\n    return str;\n  };\n\n  const clone = () => {\n    const namesClone = cloneNames(names);\n    const markersClone = Object.create(null);\n\n    // eslint-disable-next-line guard-for-in\n    for (const id in markers) {\n      markersClone[id] = [markers[id][0]];\n    }\n\n    return makeServerTag(namesClone, markersClone);\n  };\n\n  const tag = {\n    clone,\n    css,\n    getIds: getIdsFromMarkersFactory(markers),\n    hasNameForId: hasNameForId(names),\n    insertMarker,\n    insertRules,\n    removeRules,\n    sealed: false,\n    styleTag: null,\n    toElement: wrapAsElement(css, names),\n    toHTML: wrapAsHtmlTag(css, names),\n  };\n\n  return tag;\n};\n\nexport const makeTag = (\n  target: ?HTMLElement,\n  tagEl: ?HTMLStyleElement,\n  forceServer?: boolean,\n  insertBefore?: boolean,\n  getImportRuleTag?: () => Tag<any>\n): Tag<any> => {\n  if (IS_BROWSER && !forceServer) {\n    const el = makeStyleTag(target, tagEl, insertBefore);\n\n    if (DISABLE_SPEEDY) {\n      return makeBrowserTag(el, getImportRuleTag);\n    } else {\n      return makeSpeedyTag(el, getImportRuleTag);\n    }\n  }\n\n  return makeServerTag();\n};\n\nexport const rehydrate = (\n  tag: Tag<any>,\n  els: HTMLStyleElement[],\n  extracted: ExtractedComp[]\n): void => {\n  /* add all extracted components to the new tag */\n  for (let i = 0, len = extracted.length; i < len; i += 1) {\n    const { componentId, cssFromDOM } = extracted[i];\n    const cssRules = splitByRules(cssFromDOM);\n    tag.insertRules(componentId, cssRules);\n  }\n\n  /* remove old HTMLStyleElements, since they have been rehydrated */\n  for (let i = 0, len = els.length; i < len; i += 1) {\n    const el = els[i];\n    if (el.parentNode) {\n      el.parentNode.removeChild(el);\n    }\n  }\n};\n","// @flow\nimport { cloneElement } from 'react';\nimport { IS_BROWSER, DISABLE_SPEEDY, SC_ATTR, SC_VERSION_ATTR, SC_STREAM_ATTR } from '../constants';\nimport { makeTag, rehydrate, type Tag } from './StyleTags';\nimport extractComps from '../utils/extractCompsFromCSS';\n\ndeclare var __VERSION__: string;\n\nconst SPLIT_REGEX = /\\s+/;\n\n/* determine the maximum number of components before tags are sharded */\nlet MAX_SIZE;\nif (IS_BROWSER) {\n  /* in speedy mode we can keep a lot more rules in a sheet before a slowdown can be expected */\n  MAX_SIZE = DISABLE_SPEEDY ? 40 : 1000;\n} else {\n  /* for servers we do not need to shard at all */\n  MAX_SIZE = -1;\n}\n\nlet sheetRunningId = 0;\nlet master;\n\nexport default class StyleSheet {\n  id: number;\n\n  forceServer: boolean;\n\n  target: ?HTMLElement;\n\n  /* a map from ids to tags */\n  tagMap: { [string]: Tag<any> };\n\n  /* deferred rules for a given id */\n  deferred: { [string]: string[] | void };\n\n  /* this is used for not reinjecting rules via hasNameForId() */\n  rehydratedNames: { [string]: boolean };\n\n  /* when rules for an id are removed using remove() we have to ignore rehydratedNames for it */\n  ignoreRehydratedNames: { [string]: boolean };\n\n  /* a list of tags belonging to this StyleSheet */\n  tags: Tag<any>[];\n\n  /* a tag for import rules */\n  importRuleTag: Tag<any>;\n\n  /* current capacity until a new tag must be created */\n  capacity: number;\n\n  /* children (aka clones) of this StyleSheet inheriting all and future injections */\n  clones: StyleSheet[];\n\n  constructor(\n    target: ?HTMLElement = IS_BROWSER ? document.head : null,\n    forceServer?: boolean = false\n  ) {\n    sheetRunningId += 1;\n    this.id = sheetRunningId;\n    this.forceServer = forceServer;\n    this.target = forceServer ? null : target;\n    this.tagMap = {};\n    this.deferred = {};\n    this.rehydratedNames = {};\n    this.ignoreRehydratedNames = {};\n    this.tags = [];\n    this.capacity = 1;\n    this.clones = [];\n  }\n\n  /* rehydrate all SSR'd style tags */\n  rehydrate() {\n    if (!IS_BROWSER || this.forceServer) return this;\n\n    const els = [];\n    const names = [];\n    const extracted = [];\n    let isStreamed = false;\n\n    /* retrieve all of our SSR style elements from the DOM */\n    const nodes: NodeList<HTMLStyleElement> = (document.querySelectorAll(\n      `style[${SC_ATTR}][${SC_VERSION_ATTR}=\"${__VERSION__}\"]`\n    ): any);\n\n    const nodesSize = nodes.length;\n\n    /* abort rehydration if no previous style tags were found */\n    if (!nodesSize) return this;\n\n    for (let i = 0; i < nodesSize; i += 1) {\n      const el = (nodes[i]: HTMLStyleElement);\n\n      /* check if style tag is a streamed tag */\n      if (!isStreamed) isStreamed = !!el.getAttribute(SC_STREAM_ATTR);\n\n      /* retrieve all component names */\n      const elNames = (el.getAttribute(SC_ATTR) || '').trim().split(SPLIT_REGEX);\n      const elNamesSize = elNames.length;\n      for (let j = 0, name; j < elNamesSize; j += 1) {\n        name = elNames[j];\n        /* add rehydrated name to sheet to avoid re-adding styles */\n        this.rehydratedNames[name] = true;\n        names.push(name);\n      }\n\n      /* extract all components and their CSS */\n      extracted.push(...extractComps(el.textContent));\n\n      /* store original HTMLStyleElement */\n      els.push(el);\n    }\n\n    /* abort rehydration if nothing was extracted */\n    const extractedSize = extracted.length;\n    if (!extractedSize) return this;\n\n    /* create a tag to be used for rehydration */\n    const tag = this.makeTag(null);\n\n    rehydrate(tag, els, extracted);\n\n    /* reset capacity and adjust MAX_SIZE by the initial size of the rehydration */\n    this.capacity = Math.max(1, MAX_SIZE - extractedSize);\n    this.tags.push(tag);\n\n    /* retrieve all component ids */\n    for (let j = 0; j < extractedSize; j += 1) {\n      this.tagMap[extracted[j].componentId] = tag;\n    }\n\n    return this;\n  }\n\n  /* retrieve a \"master\" instance of StyleSheet which is typically used when no other is available\n   * The master StyleSheet is targeted by createGlobalStyle, keyframes, and components outside of any\n    * StyleSheetManager's context */\n  static get master(): StyleSheet {\n    return master || (master = new StyleSheet().rehydrate());\n  }\n\n  /* NOTE: This is just for backwards-compatibility with jest-styled-components */\n  static get instance(): StyleSheet {\n    return StyleSheet.master;\n  }\n\n  /* reset the internal \"master\" instance */\n  static reset(forceServer?: boolean = false) {\n    master = new StyleSheet(undefined, forceServer).rehydrate();\n  }\n\n  /* adds \"children\" to the StyleSheet that inherit all of the parents' rules\n   * while their own rules do not affect the parent */\n  clone() {\n    const sheet = new StyleSheet(this.target, this.forceServer);\n\n    /* add to clone array */\n    this.clones.push(sheet);\n\n    /* clone all tags */\n    sheet.tags = this.tags.map(tag => {\n      const ids = tag.getIds();\n      const newTag = tag.clone();\n\n      /* reconstruct tagMap */\n      for (let i = 0; i < ids.length; i += 1) {\n        sheet.tagMap[ids[i]] = newTag;\n      }\n\n      return newTag;\n    });\n\n    /* clone other maps */\n    sheet.rehydratedNames = { ...this.rehydratedNames };\n    sheet.deferred = { ...this.deferred };\n\n    return sheet;\n  }\n\n  /* force StyleSheet to create a new tag on the next injection */\n  sealAllTags() {\n    this.capacity = 1;\n\n    this.tags.forEach(tag => {\n      // eslint-disable-next-line no-param-reassign\n      tag.sealed = true;\n    });\n  }\n\n  makeTag(tag: ?Tag<any>): Tag<any> {\n    const lastEl = tag ? tag.styleTag : null;\n    const insertBefore = false;\n\n    return makeTag(this.target, lastEl, this.forceServer, insertBefore, this.getImportRuleTag);\n  }\n\n  getImportRuleTag = (): Tag<any> => {\n    const { importRuleTag } = this;\n    if (importRuleTag !== undefined) {\n      return importRuleTag;\n    }\n\n    const firstTag = this.tags[0];\n    const insertBefore = true;\n\n    return (this.importRuleTag = makeTag(\n      this.target,\n      firstTag ? firstTag.styleTag : null,\n      this.forceServer,\n      insertBefore\n    ));\n  };\n\n  /* get a tag for a given componentId, assign the componentId to one, or shard */\n  getTagForId(id: string): Tag<any> {\n    /* simply return a tag, when the componentId was already assigned one */\n    const prev = this.tagMap[id];\n    if (prev !== undefined && !prev.sealed) {\n      return prev;\n    }\n\n    let tag = this.tags[this.tags.length - 1];\n\n    /* shard (create a new tag) if the tag is exhausted (See MAX_SIZE) */\n    this.capacity -= 1;\n\n    if (this.capacity === 0) {\n      this.capacity = MAX_SIZE;\n      tag = this.makeTag(tag);\n      this.tags.push(tag);\n    }\n\n    return (this.tagMap[id] = tag);\n  }\n\n  /* mainly for createGlobalStyle to check for its id */\n  hasId(id: string) {\n    return this.tagMap[id] !== undefined;\n  }\n\n  /* caching layer checking id+name to already have a corresponding tag and injected rules */\n  hasNameForId(id: string, name: string) {\n    /* exception for rehydrated names which are checked separately */\n    if (this.ignoreRehydratedNames[id] === undefined && this.rehydratedNames[name]) {\n      return true;\n    }\n\n    const tag = this.tagMap[id];\n    return tag !== undefined && tag.hasNameForId(id, name);\n  }\n\n  /* registers a componentId and registers it on its tag */\n  deferredInject(id: string, cssRules: string[]) {\n    /* don't inject when the id is already registered */\n    if (this.tagMap[id] !== undefined) return;\n\n    const { clones } = this;\n    for (let i = 0; i < clones.length; i += 1) {\n      clones[i].deferredInject(id, cssRules);\n    }\n\n    this.getTagForId(id).insertMarker(id);\n    this.deferred[id] = cssRules;\n  }\n\n  /* injects rules for a given id with a name that will need to be cached */\n  inject(id: string, cssRules: string[], name?: string) {\n    const { clones } = this;\n\n    for (let i = 0; i < clones.length; i += 1) {\n      clones[i].inject(id, cssRules, name);\n    }\n\n    const tag = this.getTagForId(id);\n\n    /* add deferred rules for component */\n    if (this.deferred[id] !== undefined) {\n      // Combine passed cssRules with previously deferred CSS rules\n      // NOTE: We cannot mutate the deferred array itself as all clones\n      // do the same (see clones[i].inject)\n      const rules = this.deferred[id].concat(cssRules);\n      tag.insertRules(id, rules, name);\n\n      this.deferred[id] = undefined;\n    } else {\n      tag.insertRules(id, cssRules, name);\n    }\n  }\n\n  /* removes all rules for a given id, which doesn't remove its marker but resets it */\n  remove(id: string) {\n    const tag = this.tagMap[id];\n    if (tag === undefined) return;\n\n    const { clones } = this;\n    for (let i = 0; i < clones.length; i += 1) {\n      clones[i].remove(id);\n    }\n\n    /* remove all rules from the tag */\n    tag.removeRules(id);\n\n    /* ignore possible rehydrated names */\n    this.ignoreRehydratedNames[id] = true;\n\n    /* delete possible deferred rules */\n    this.deferred[id] = undefined;\n  }\n\n  toHTML() {\n    return this.tags.map(tag => tag.toHTML()).join('');\n  }\n\n  toReactElements(): Array<*> {\n    const { id } = this;\n\n    return this.tags.map((tag, i) => {\n      const key = `sc-${id}-${i}`;\n      return cloneElement(tag.toElement(), { key });\n    });\n  }\n}\n","// @flow\nimport { EMPTY_ARRAY } from '../utils/empties';\nimport flatten from '../utils/flatten';\nimport isStaticRules from '../utils/isStaticRules';\nimport stringifyRules from '../utils/stringifyRules';\nimport StyleSheet from './StyleSheet';\n\nimport type { RuleSet } from '../types';\n\nexport default class GlobalStyle {\n  componentId: string;\n\n  isStatic: boolean;\n\n  rules: RuleSet;\n\n  constructor(rules: RuleSet, componentId: string) {\n    this.rules = rules;\n    this.componentId = componentId;\n    this.isStatic = isStaticRules(rules, EMPTY_ARRAY);\n\n    if (!StyleSheet.master.hasId(componentId)) {\n      StyleSheet.master.deferredInject(componentId, []);\n    }\n  }\n\n  createStyles(executionContext: Object, styleSheet: StyleSheet) {\n    const flatCSS = flatten(this.rules, executionContext, styleSheet);\n    const css = stringifyRules(flatCSS, '');\n\n    styleSheet.inject(this.componentId, css);\n  }\n\n  removeStyles(styleSheet: StyleSheet) {\n    const { componentId } = this;\n    if (styleSheet.hasId(componentId)) {\n      styleSheet.remove(componentId);\n    }\n  }\n\n  // TODO: overwrite in-place instead of remove+create?\n  renderStyles(executionContext: Object, styleSheet: StyleSheet) {\n    this.removeStyles(styleSheet);\n    this.createStyles(executionContext, styleSheet);\n  }\n}\n","// @flow\n/* eslint-disable no-underscore-dangle */\nimport React from 'react';\nimport stream, { type Readable } from 'stream';\n\nimport { IS_BROWSER, SC_STREAM_ATTR } from '../constants';\nimport StyledError from '../utils/error';\nimport StyleSheet from './StyleSheet';\nimport StyleSheetManager from './StyleSheetManager';\n\ndeclare var __SERVER__: boolean;\n\nconst CLOSING_TAG_R = /^\\s*<\\/[a-z]/i;\n\nexport default class ServerStyleSheet {\n  instance: StyleSheet;\n\n  masterSheet: StyleSheet;\n\n  sealed: boolean;\n\n  constructor() {\n    /* The master sheet might be reset, so keep a reference here */\n    this.masterSheet = StyleSheet.master;\n    this.instance = this.masterSheet.clone();\n    this.sealed = false;\n  }\n\n  /**\n   * Mark the ServerStyleSheet as being fully emitted and manually GC it from the\n   * StyleSheet singleton.\n   */\n  seal() {\n    if (!this.sealed) {\n      /* Remove sealed StyleSheets from the master sheet */\n      const index = this.masterSheet.clones.indexOf(this.instance);\n      this.masterSheet.clones.splice(index, 1);\n      this.sealed = true;\n    }\n  }\n\n  collectStyles(children: any) {\n    if (this.sealed) {\n      throw new StyledError(2);\n    }\n\n    return <StyleSheetManager sheet={this.instance}>{children}</StyleSheetManager>;\n  }\n\n  getStyleTags(): string {\n    this.seal();\n    return this.instance.toHTML();\n  }\n\n  getStyleElement() {\n    this.seal();\n    return this.instance.toReactElements();\n  }\n\n  interleaveWithNodeStream(readableStream: Readable) {\n    if (!__SERVER__ || IS_BROWSER) {\n      throw new StyledError(3);\n    }\n\n    /* the tag index keeps track of which tags have already been emitted */\n    const { instance } = this;\n    let instanceTagIndex = 0;\n\n    const streamAttr = `${SC_STREAM_ATTR}=\"true\"`;\n\n    const transformer = new stream.Transform({\n      transform: function appendStyleChunks(chunk, /* encoding */ _, callback) {\n        const { tags } = instance;\n        let html = '';\n\n        /* retrieve html for each new style tag */\n        for (; instanceTagIndex < tags.length; instanceTagIndex += 1) {\n          const tag = tags[instanceTagIndex];\n          html += tag.toHTML(streamAttr);\n        }\n\n        /* force our StyleSheets to emit entirely new tags */\n        instance.sealAllTags();\n\n        const renderedHtml = chunk.toString();\n\n        /* prepend style html to chunk, unless the start of the chunk is a closing tag in which case append right after that */\n        if (CLOSING_TAG_R.test(renderedHtml)) {\n          const endOfClosingTag = renderedHtml.indexOf('>');\n\n          this.push(\n            renderedHtml.slice(0, endOfClosingTag + 1) +\n              html +\n              renderedHtml.slice(endOfClosingTag + 1)\n          );\n        } else this.push(html + renderedHtml);\n\n        callback();\n      },\n    });\n\n    readableStream.on('end', () => this.seal());\n\n    readableStream.on('error', err => {\n      this.seal();\n\n      // forward the error to the transform stream\n      transformer.emit('error', err);\n    });\n\n    return readableStream.pipe(transformer);\n  }\n}\n","// @flow\nimport React, { createContext, Component, type Element } from 'react';\nimport PropTypes from 'prop-types';\nimport memoize from 'memoize-one';\nimport StyleSheet from './StyleSheet';\nimport ServerStyleSheet from './ServerStyleSheet';\nimport StyledError from '../utils/error';\n\ntype Props = {\n  children?: Element<any>,\n  sheet?: StyleSheet,\n  target?: HTMLElement,\n};\n\nexport const StyleSheetContext = createContext();\nexport const StyleSheetConsumer = StyleSheetContext.Consumer;\n\nexport default class StyleSheetManager extends Component<Props> {\n  static propTypes = {\n    sheet: PropTypes.oneOfType([\n      PropTypes.instanceOf(StyleSheet),\n      PropTypes.instanceOf(ServerStyleSheet),\n    ]),\n\n    target: PropTypes.shape({\n      appendChild: PropTypes.func.isRequired,\n    }),\n  };\n\n  getContext: (sheet: ?StyleSheet, target: ?HTMLElement) => StyleSheet;\n\n  constructor(props: Props) {\n    super(props);\n    this.getContext = memoize(this.getContext);\n  }\n\n  getContext(sheet: ?StyleSheet, target: ?HTMLElement) {\n    if (sheet) {\n      return sheet;\n    } else if (target) {\n      return new StyleSheet(target);\n    } else {\n      throw new StyledError(4);\n    }\n  }\n\n  render() {\n    const { children, sheet, target } = this.props;\n\n    return (\n      <StyleSheetContext.Provider value={this.getContext(sheet, target)}>\n        {process.env.NODE_ENV !== 'production' ? React.Children.only(children) : children}\n      </StyleSheetContext.Provider>\n    );\n  }\n}\n","// @flow\nimport React, { createContext, Component, type Element } from 'react';\nimport memoize from 'memoize-one';\nimport StyledError from '../utils/error';\nimport isFunction from '../utils/isFunction';\n\nexport type Theme = { [key: string]: mixed };\n\ntype Props = {\n  children?: Element<any>,\n  theme: Theme | ((outerTheme: Theme) => void),\n};\n\nexport const ThemeContext = createContext();\n\nexport const ThemeConsumer = ThemeContext.Consumer;\n\n/**\n * Provide a theme to an entire react component tree via context\n */\nexport default class ThemeProvider extends Component<Props> {\n  getContext: (theme: Theme | ((outerTheme: Theme) => void), outerTheme?: Theme) => Theme;\n\n  renderInner: Function;\n\n  constructor(props: Props) {\n    super(props);\n    this.getContext = memoize(this.getContext.bind(this));\n    this.renderInner = this.renderInner.bind(this);\n  }\n\n  render() {\n    if (!this.props.children) return null;\n\n    return <ThemeContext.Consumer>{this.renderInner}</ThemeContext.Consumer>;\n  }\n\n  renderInner(outerTheme?: Theme) {\n    const context = this.getContext(this.props.theme, outerTheme);\n\n    return (\n      <ThemeContext.Provider value={context}>\n        {React.Children.only(this.props.children)}\n      </ThemeContext.Provider>\n    );\n  }\n\n  /**\n   * Get the theme from the props, supporting both (outerTheme) => {}\n   * as well as object notation\n   */\n  getTheme(theme: (outerTheme: ?Theme) => void, outerTheme: ?Theme) {\n    if (isFunction(theme)) {\n      const mergedTheme = theme(outerTheme);\n\n      if (\n        process.env.NODE_ENV !== 'production' &&\n        (mergedTheme === null || Array.isArray(mergedTheme) || typeof mergedTheme !== 'object')\n      ) {\n        throw new StyledError(7);\n      }\n\n      return mergedTheme;\n    }\n\n    if (theme === null || Array.isArray(theme) || typeof theme !== 'object') {\n      throw new StyledError(8);\n    }\n\n    return { ...outerTheme, ...theme };\n  }\n\n  getContext(theme: (outerTheme: ?Theme) => void, outerTheme?: Theme) {\n    return this.getTheme(theme, outerTheme);\n  }\n}\n","// @flow\nimport React from 'react';\nimport { IS_BROWSER, STATIC_EXECUTION_CONTEXT } from '../constants';\nimport GlobalStyle from '../models/GlobalStyle';\nimport StyleSheet from '../models/StyleSheet';\nimport { StyleSheetConsumer } from '../models/StyleSheetManager';\nimport determineTheme from '../utils/determineTheme';\nimport { ThemeConsumer, type Theme } from '../models/ThemeProvider';\n// $FlowFixMe\nimport hashStr from '../vendor/glamor/hash';\nimport css from './css';\n\nimport type { Interpolation } from '../types';\n\ntype GlobalStyleComponentPropsType = Object;\n\n// place our cache into shared context so it'll persist between HMRs\nif (IS_BROWSER) {\n  window.scCGSHMRCache = {};\n}\n\nexport default function createGlobalStyle(\n  strings: Array<string>,\n  ...interpolations: Array<Interpolation>\n) {\n  const rules = css(strings, ...interpolations);\n  const id = `sc-global-${hashStr(JSON.stringify(rules))}`;\n  const style = new GlobalStyle(rules, id);\n\n  class GlobalStyleComponent extends React.Component<GlobalStyleComponentPropsType, *> {\n    styleSheet: Object;\n\n    static globalStyle = style;\n\n    static styledComponentId = id;\n\n    constructor(props: GlobalStyleComponentPropsType) {\n      super(props);\n\n      const { globalStyle, styledComponentId } = this.constructor;\n\n      if (IS_BROWSER) {\n        window.scCGSHMRCache[styledComponentId] =\n          (window.scCGSHMRCache[styledComponentId] || 0) + 1;\n      }\n\n      /**\n       * This fixes HMR compatibility. Don't ask me why, but this combination of\n       * caching the closure variables via statics and then persisting the statics in\n       * state works across HMR where no other combination did. ¯\\_(ツ)_/¯\n       */\n      this.state = {\n        globalStyle,\n        styledComponentId,\n      };\n    }\n\n    componentWillUnmount() {\n      if (window.scCGSHMRCache[this.state.styledComponentId]) {\n        window.scCGSHMRCache[this.state.styledComponentId] -= 1;\n      }\n      /**\n       * Depending on the order \"render\" is called this can cause the styles to be lost\n       * until the next render pass of the remaining instance, which may\n       * not be immediate.\n       */\n      if (window.scCGSHMRCache[this.state.styledComponentId] === 0) {\n        this.state.globalStyle.removeStyles(this.styleSheet);\n      }\n    }\n\n    render() {\n      if (process.env.NODE_ENV !== 'production' && React.Children.count(this.props.children)) {\n        // eslint-disable-next-line no-console\n        console.warn(\n          `The global style component ${\n            this.state.styledComponentId\n          } was given child JSX. createGlobalStyle does not render children.`\n        );\n      }\n\n      return (\n        <StyleSheetConsumer>\n          {(styleSheet?: StyleSheet) => {\n            this.styleSheet = styleSheet || StyleSheet.master;\n\n            const { globalStyle } = this.state;\n\n            if (globalStyle.isStatic) {\n              globalStyle.renderStyles(STATIC_EXECUTION_CONTEXT, this.styleSheet);\n\n              return null;\n            } else {\n              return (\n                <ThemeConsumer>\n                  {(theme?: Theme) => {\n                    // $FlowFixMe\n                    const { defaultProps } = this.constructor;\n\n                    const context = {\n                      ...this.props,\n                    };\n\n                    if (typeof theme !== 'undefined') {\n                      context.theme = determineTheme(this.props, theme, defaultProps);\n                    }\n\n                    globalStyle.renderStyles(context, this.styleSheet);\n\n                    return null;\n                  }}\n                </ThemeConsumer>\n              );\n            }\n          }}\n        </StyleSheetConsumer>\n      );\n    }\n  }\n\n  return GlobalStyleComponent;\n}\n","// @flow\nimport validAttr from '@emotion/is-prop-valid';\nimport merge from 'merge-anything';\nimport React, { createElement, Component } from 'react';\nimport ComponentStyle from './ComponentStyle';\nimport createWarnTooManyClasses from '../utils/createWarnTooManyClasses';\nimport determineTheme from '../utils/determineTheme';\nimport escape from '../utils/escape';\nimport generateDisplayName from '../utils/generateDisplayName';\nimport getComponentName from '../utils/getComponentName';\nimport hoist from '../utils/hoist';\nimport isFunction from '../utils/isFunction';\nimport isTag from '../utils/isTag';\nimport isDerivedReactComponent from '../utils/isDerivedReactComponent';\nimport isStyledComponent from '../utils/isStyledComponent';\nimport once from '../utils/once';\nimport StyleSheet from './StyleSheet';\nimport { ThemeConsumer, type Theme } from './ThemeProvider';\nimport { StyleSheetConsumer } from './StyleSheetManager';\nimport { EMPTY_ARRAY, EMPTY_OBJECT } from '../utils/empties';\n\nimport type { Attrs, RuleSet, Target } from '../types';\n\nconst identifiers = {};\n\n/* We depend on components having unique IDs */\nfunction generateId(_ComponentStyle: Function, _displayName: string, parentComponentId: string) {\n  const displayName = typeof _displayName !== 'string' ? 'sc' : escape(_displayName);\n\n  /**\n   * This ensures uniqueness if two components happen to share\n   * the same displayName.\n   */\n  const nr = (identifiers[displayName] || 0) + 1;\n  identifiers[displayName] = nr;\n\n  const componentId = `${displayName}-${_ComponentStyle.generateName(displayName + nr)}`;\n\n  return parentComponentId ? `${parentComponentId}-${componentId}` : componentId;\n}\n\n// $FlowFixMe\nclass StyledComponent extends Component<*> {\n  renderOuter: Function;\n\n  renderInner: Function;\n\n  styleSheet: ?StyleSheet;\n\n  warnInnerRef: Function;\n\n  warnAttrsFnObjectKeyDeprecated: Function;\n\n  warnNonStyledComponentAttrsObjectKey: Function;\n\n  attrs = {};\n\n  constructor() {\n    super();\n    this.renderOuter = this.renderOuter.bind(this);\n    this.renderInner = this.renderInner.bind(this);\n\n    if (process.env.NODE_ENV !== 'production') {\n      this.warnInnerRef = once(displayName =>\n        // eslint-disable-next-line no-console\n        console.warn(\n          `The \"innerRef\" API has been removed in styled-components v4 in favor of React 16 ref forwarding, use \"ref\" instead like a typical component. \"innerRef\" was detected on component \"${displayName}\".`\n        )\n      );\n\n      this.warnAttrsFnObjectKeyDeprecated = once(\n        (key, displayName): void =>\n          // eslint-disable-next-line no-console\n          console.warn(\n            `Functions as object-form attrs({}) keys are now deprecated and will be removed in a future version of styled-components. Switch to the new attrs(props => ({})) syntax instead for easier and more powerful composition. The attrs key in question is \"${key}\" on component \"${displayName}\".`,\n            `\\n ${new Error().stack}`\n          )\n      );\n\n      this.warnNonStyledComponentAttrsObjectKey = once(\n        (key, displayName): void =>\n          // eslint-disable-next-line no-console\n          console.warn(\n            `It looks like you've used a non styled-component as the value for the \"${key}\" prop in an object-form attrs constructor of \"${displayName}\".\\n` +\n              'You should use the new function-form attrs constructor which avoids this issue: attrs(props => ({ yourStuff }))\\n' +\n              \"To continue using the deprecated object syntax, you'll need to wrap your component prop in a function to make it available inside the styled component (you'll still get the deprecation warning though.)\\n\" +\n              `For example, { ${key}: () => InnerComponent } instead of { ${key}: InnerComponent }`\n          )\n      );\n    }\n  }\n\n  render() {\n    return <StyleSheetConsumer>{this.renderOuter}</StyleSheetConsumer>;\n  }\n\n  renderOuter(styleSheet?: StyleSheet = StyleSheet.master) {\n    this.styleSheet = styleSheet;\n\n    // No need to subscribe a static component to theme changes, it won't change anything\n    if (this.props.forwardedComponent.componentStyle.isStatic) return this.renderInner();\n\n    return <ThemeConsumer>{this.renderInner}</ThemeConsumer>;\n  }\n\n  renderInner(theme?: Theme) {\n    const {\n      componentStyle,\n      defaultProps,\n      displayName,\n      foldedComponentIds,\n      styledComponentId,\n      target,\n    } = this.props.forwardedComponent;\n\n    let generatedClassName;\n    if (componentStyle.isStatic) {\n      generatedClassName = this.generateAndInjectStyles(EMPTY_OBJECT, this.props);\n    } else {\n      generatedClassName = this.generateAndInjectStyles(\n        determineTheme(this.props, theme, defaultProps) || EMPTY_OBJECT,\n        this.props\n      );\n    }\n\n    const elementToBeCreated = this.props.as || this.attrs.as || target;\n    const isTargetTag = isTag(elementToBeCreated);\n\n    const propsForElement = {};\n    const computedProps = { ...this.attrs, ...this.props };\n\n    let key;\n    // eslint-disable-next-line guard-for-in\n    for (key in computedProps) {\n      if (process.env.NODE_ENV !== 'production' && key === 'innerRef' && isTargetTag) {\n        this.warnInnerRef(displayName);\n      }\n\n      if (key === 'forwardedComponent' || key === 'as') {\n        continue;\n      } else if (key === 'forwardedRef') propsForElement.ref = computedProps[key];\n      else if (key === 'forwardedAs') propsForElement.as = computedProps[key];\n      else if (!isTargetTag || validAttr(key)) {\n        // Don't pass through non HTML tags through to HTML elements\n        propsForElement[key] = computedProps[key];\n      }\n    }\n\n    if (this.props.style && this.attrs.style) {\n      propsForElement.style = { ...this.attrs.style, ...this.props.style };\n    }\n\n    propsForElement.className = Array.prototype\n      .concat(\n        foldedComponentIds,\n        this.props.className,\n        styledComponentId,\n        this.attrs.className,\n        generatedClassName\n      )\n      .filter(Boolean)\n      .join(' ');\n\n    return createElement(elementToBeCreated, propsForElement);\n  }\n\n  buildExecutionContext(theme: ?Object, props: Object, attrs: Attrs) {\n    const context = { ...props, theme };\n\n    if (!attrs.length) return context;\n\n    this.attrs = {};\n\n    attrs.forEach(attrDef => {\n      let resolvedAttrDef = attrDef;\n      let attrDefWasFn = false;\n      let attr;\n      let key;\n\n      if (isFunction(resolvedAttrDef)) {\n        // $FlowFixMe\n        resolvedAttrDef = resolvedAttrDef(context);\n        attrDefWasFn = true;\n      }\n\n      /* eslint-disable guard-for-in */\n      // $FlowFixMe\n      for (key in resolvedAttrDef) {\n        attr = resolvedAttrDef[key];\n\n        if (!attrDefWasFn) {\n          if (isFunction(attr) && !isDerivedReactComponent(attr) && !isStyledComponent(attr)) {\n            if (process.env.NODE_ENV !== 'production') {\n              this.warnAttrsFnObjectKeyDeprecated(key, props.forwardedComponent.displayName);\n            }\n\n            attr = attr(context);\n\n            if (process.env.NODE_ENV !== 'production' && React.isValidElement(attr)) {\n              this.warnNonStyledComponentAttrsObjectKey(key, props.forwardedComponent.displayName);\n            }\n          }\n        }\n\n        this.attrs[key] = attr;\n        context[key] = attr;\n      }\n      /* eslint-enable */\n    });\n\n    return context;\n  }\n\n  generateAndInjectStyles(theme: any, props: any) {\n    const { attrs, componentStyle, warnTooManyClasses } = props.forwardedComponent;\n\n    // statically styled-components don't need to build an execution context object,\n    // and shouldn't be increasing the number of class names\n    if (componentStyle.isStatic && !attrs.length) {\n      return componentStyle.generateAndInjectStyles(EMPTY_OBJECT, this.styleSheet);\n    }\n\n    const className = componentStyle.generateAndInjectStyles(\n      this.buildExecutionContext(theme, props, attrs),\n      this.styleSheet\n    );\n\n    if (process.env.NODE_ENV !== 'production' && warnTooManyClasses) warnTooManyClasses(className);\n\n    return className;\n  }\n}\n\nexport default function createStyledComponent(target: Target, options: Object, rules: RuleSet) {\n  const isTargetStyledComp = isStyledComponent(target);\n  const isClass = !isTag(target);\n\n  const {\n    displayName = generateDisplayName(target),\n    componentId = generateId(ComponentStyle, options.displayName, options.parentComponentId),\n    ParentComponent = StyledComponent,\n    attrs = EMPTY_ARRAY,\n  } = options;\n\n  const styledComponentId =\n    options.displayName && options.componentId\n      ? `${escape(options.displayName)}-${options.componentId}`\n      : options.componentId || componentId;\n\n  // fold the underlying StyledComponent attrs up (implicit extend)\n  const finalAttrs =\n    // $FlowFixMe\n    isTargetStyledComp && target.attrs\n      ? Array.prototype.concat(target.attrs, attrs).filter(Boolean)\n      : attrs;\n\n  const componentStyle = new ComponentStyle(\n    isTargetStyledComp\n      ? // fold the underlying StyledComponent rules up (implicit extend)\n        // $FlowFixMe\n        target.componentStyle.rules.concat(rules)\n      : rules,\n    finalAttrs,\n    styledComponentId\n  );\n\n  /**\n   * forwardRef creates a new interim component, which we'll take advantage of\n   * instead of extending ParentComponent to create _another_ interim class\n   */\n  let WrappedStyledComponent;\n  const forwardRef = (props, ref) => (\n    <ParentComponent {...props} forwardedComponent={WrappedStyledComponent} forwardedRef={ref} />\n  );\n  forwardRef.displayName = displayName;\n  WrappedStyledComponent = React.forwardRef(forwardRef);\n  WrappedStyledComponent.displayName = displayName;\n\n  // $FlowFixMe\n  WrappedStyledComponent.attrs = finalAttrs;\n  // $FlowFixMe\n  WrappedStyledComponent.componentStyle = componentStyle;\n\n  // $FlowFixMe\n  WrappedStyledComponent.foldedComponentIds = isTargetStyledComp\n    ? // $FlowFixMe\n      Array.prototype.concat(target.foldedComponentIds, target.styledComponentId)\n    : EMPTY_ARRAY;\n\n  // $FlowFixMe\n  WrappedStyledComponent.styledComponentId = styledComponentId;\n\n  // fold the underlying StyledComponent target up since we folded the styles\n  // $FlowFixMe\n  WrappedStyledComponent.target = isTargetStyledComp ? target.target : target;\n\n  // $FlowFixMe\n  WrappedStyledComponent.withComponent = function withComponent(tag: Target) {\n    const { componentId: previousComponentId, ...optionsToCopy } = options;\n\n    const newComponentId =\n      previousComponentId &&\n      `${previousComponentId}-${isTag(tag) ? tag : escape(getComponentName(tag))}`;\n\n    const newOptions = {\n      ...optionsToCopy,\n      attrs: finalAttrs,\n      componentId: newComponentId,\n      ParentComponent,\n    };\n\n    return createStyledComponent(tag, newOptions, rules);\n  };\n\n  // $FlowFixMe\n  Object.defineProperty(WrappedStyledComponent, 'defaultProps', {\n    get() {\n      return this._foldedDefaultProps;\n    },\n\n    set(obj) {\n      // $FlowFixMe\n      this._foldedDefaultProps = isTargetStyledComp ? merge(target.defaultProps, obj) : obj;\n    },\n  });\n\n  if (process.env.NODE_ENV !== 'production') {\n    // $FlowFixMe\n    WrappedStyledComponent.warnTooManyClasses = createWarnTooManyClasses(displayName);\n  }\n\n  // $FlowFixMe\n  WrappedStyledComponent.toString = () => `.${WrappedStyledComponent.styledComponentId}`;\n\n  if (isClass) {\n    hoist(WrappedStyledComponent, target, {\n      // all SC-specific things should not be hoisted\n      attrs: true,\n      componentStyle: true,\n      displayName: true,\n      foldedComponentIds: true,\n      styledComponentId: true,\n      target: true,\n      withComponent: true,\n    });\n  }\n\n  return WrappedStyledComponent;\n}\n"],"names":["__VERSION__","i"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CC;;GAAA;;;;;;;;;;;;;;;;qCAgBgDA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mEA2DO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0DAoSnD;;aAEMC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EClYT;;EAEA;;;;;;EAMA;;;;;;EAMA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC5BA,4BAAA,aAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECYA,kCAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClBA;;;;;;;;;;;EAUA,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECP0C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uCCwJf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/styled-components.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):e.styled=t(e.React)}(this,function(e){"use strict";var t="default"in e?e.default:e;function r(e){return e&&"string"==typeof e.styledComponentId}var n=function(e,t){for(var r=[e[0]],n=0,a=t.length;n<a;n+=1)r.push(t[n],e[n+1]);return r},a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},i=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},l=function(e,t){var r={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},u=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t},f=function(e){return"object"===(void 0===e?"undefined":a(e))&&e.constructor===Object},d=Object.freeze([]),p=Object.freeze({});function h(e){return"function"==typeof e}function m(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function y(e,t){return e(t={exports:{}},t.exports),t.exports}var g=y(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&Symbol.for,n=r?Symbol.for("react.element"):60103,a=r?Symbol.for("react.portal"):60106,o=r?Symbol.for("react.fragment"):60107,i=r?Symbol.for("react.strict_mode"):60108,s=r?Symbol.for("react.profiler"):60114,c=r?Symbol.for("react.provider"):60109,l=r?Symbol.for("react.context"):60110,u=r?Symbol.for("react.async_mode"):60111,f=r?Symbol.for("react.concurrent_mode"):60111,d=r?Symbol.for("react.forward_ref"):60112,p=r?Symbol.for("react.suspense"):60113,h=r?Symbol.for("react.memo"):60115,m=r?Symbol.for("react.lazy"):60116;function y(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case n:switch(e=e.type){case u:case f:case o:case s:case i:case p:return e;default:switch(e=e&&e.$$typeof){case l:case d:case c:return e;default:return t}}case m:case h:case a:return t}}}function g(e){return y(e)===f}t.typeOf=y,t.AsyncMode=u,t.ConcurrentMode=f,t.ContextConsumer=l,t.ContextProvider=c,t.Element=n,t.ForwardRef=d,t.Fragment=o,t.Lazy=m,t.Memo=h,t.Portal=a,t.Profiler=s,t.StrictMode=i,t.Suspense=p,t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===f||e===s||e===i||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===h||e.$$typeof===c||e.$$typeof===l||e.$$typeof===d)},t.isAsyncMode=function(e){return g(e)||y(e)===u},t.isConcurrentMode=g,t.isContextConsumer=function(e){return y(e)===l},t.isContextProvider=function(e){return y(e)===c},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===n},t.isForwardRef=function(e){return y(e)===d},t.isFragment=function(e){return y(e)===o},t.isLazy=function(e){return y(e)===m},t.isMemo=function(e){return y(e)===h},t.isPortal=function(e){return y(e)===a},t.isProfiler=function(e){return y(e)===s},t.isStrictMode=function(e){return y(e)===i},t.isSuspense=function(e){return y(e)===p}});m(g);g.typeOf,g.AsyncMode,g.ConcurrentMode,g.ContextConsumer,g.ContextProvider,g.Element,g.ForwardRef,g.Fragment,g.Lazy,g.Memo,g.Portal,g.Profiler,g.StrictMode,g.Suspense,g.isValidElementType,g.isAsyncMode,g.isConcurrentMode,g.isContextConsumer,g.isContextProvider,g.isElement,g.isForwardRef,g.isFragment,g.isLazy,g.isMemo,g.isPortal,g.isProfiler,g.isStrictMode,g.isSuspense;var v=y(function(e,t){});m(v);v.typeOf,v.AsyncMode,v.ConcurrentMode,v.ContextConsumer,v.ContextProvider,v.Element,v.ForwardRef,v.Fragment,v.Lazy,v.Memo,v.Portal,v.Profiler,v.StrictMode,v.Suspense,v.isValidElementType,v.isAsyncMode,v.isConcurrentMode,v.isContextConsumer,v.isContextProvider,v.isElement,v.isForwardRef,v.isFragment,v.isLazy,v.isMemo,v.isPortal,v.isProfiler,v.isStrictMode,v.isSuspense;var b=y(function(e){e.exports=g}),C=(b.isElement,b.isValidElementType),S=b.ForwardRef;function w(e){return e.displayName||e.name||"Component"}var k="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",A="undefined"!=typeof window&&"HTMLElement"in window,x="boolean"==typeof SC_DISABLE_SPEEDY&&SC_DISABLE_SPEEDY||"undefined"!=typeof process&&(process.env.REACT_APP_SC_DISABLE_SPEEDY||process.env.SC_DISABLE_SPEEDY)||!1,O={},I=function(e){function t(r){o(this,t);for(var n=arguments.length,a=Array(n>1?n-1:0),i=1;i<n;i++)a[i-1]=arguments[i];var s=u(this,e.call(this,"An error occurred. See https://github.com/styled-components/styled-components/blob/master/packages/styled-components/src/utils/errors.md#"+r+" for more information."+(a.length>0?" Additional arguments: "+a.join(", "):"")));return u(s)}return c(t,e),t}(Error),j=/^[^\S\n]*?\/\* sc-component-id:\s*(\S+)\s+\*\//gm,R=function(e){var t=""+(e||""),r=[];return t.replace(j,function(e,t,n){return r.push({componentId:t,matchIndex:n}),e}),r.map(function(e,n){var a=e.componentId,o=e.matchIndex,i=r[n+1];return{componentId:a,cssFromDOM:i?t.slice(o,i.matchIndex):t.slice(o)}})},E=y(function(e,t){e.exports=function e(t){var r=/^\0+/g,n=/[\0\r\f]/g,a=/: */g,o=/zoo|gra/,i=/([,: ])(transform)/g,s=/,+\s*(?![^(]*[)])/g,c=/ +\s*(?![^(]*[)])/g,l=/ *[\0] */g,u=/,\r+?/g,f=/([\t\r\n ])*\f?&/g,d=/:global\(((?:[^\(\)\[\]]*|\[.*\]|\([^\(\)]*\))*)\)/g,p=/\W+/g,h=/@(k\w+)\s*(\S*)\s*/,m=/::(place)/g,y=/:(read-only)/g,g=/\s+(?=[{\];=:>])/g,v=/([[}=:>])\s+/g,b=/(\{[^{]+?);(?=\})/g,C=/\s{2,}/g,S=/([^\(])(:+) */g,w=/[svh]\w+-[tblr]{2}/,k=/\(\s*(.*)\s*\)/g,A=/([\s\S]*?);/g,x=/-self|flex-/g,O=/[^]*?(:[rp][el]a[\w-]+)[^]*/,I=/stretch|:\s*\w+\-(?:conte|avail)/,j=/([^-])(image-set\()/,R="-webkit-",E="-moz-",T="-ms-",M=59,P=125,N=123,_=40,$=41,F=91,L=93,D=10,H=13,z=9,G=64,B=32,U=38,W=45,q=95,Y=42,V=44,X=58,J=39,K=34,Z=47,Q=62,ee=43,te=126,re=0,ne=12,ae=11,oe=107,ie=109,se=115,ce=112,le=111,ue=105,fe=99,de=100,pe=112,he=1,me=1,ye=0,ge=1,ve=1,be=1,Ce=0,Se=0,we=0,ke=[],Ae=[],xe=0,Oe=null,Ie=-2,je=-1,Re=0,Ee=1,Te=2,Me=3,Pe=0,Ne=1,_e="",$e="",Fe="";function Le(e,t,a,o,i){for(var s,c,u=0,f=0,d=0,p=0,g=0,v=0,b=0,C=0,w=0,A=0,x=0,O=0,I=0,j=0,q=0,Ce=0,Ae=0,Oe=0,Ie=0,je=a.length,He=je-1,qe="",Ye="",Ve="",Xe="",Je="",Ke="";q<je;){if(b=a.charCodeAt(q),q===He&&f+p+d+u!==0&&(0!==f&&(b=f===Z?D:Z),p=d=u=0,je++,He++),f+p+d+u===0){if(q===He&&(Ce>0&&(Ye=Ye.replace(n,"")),Ye.trim().length>0)){switch(b){case B:case z:case M:case H:case D:break;default:Ye+=a.charAt(q)}b=M}if(1===Ae)switch(b){case N:case P:case M:case K:case J:case _:case $:case V:Ae=0;case z:case H:case D:case B:break;default:for(Ae=0,Ie=q,g=b,q--,b=M;Ie<je;)switch(a.charCodeAt(Ie++)){case D:case H:case M:++q,b=g,Ie=je;break;case X:Ce>0&&(++q,b=g);case N:Ie=je}}switch(b){case N:for(g=(Ye=Ye.trim()).charCodeAt(0),x=1,Ie=++q;q<je;){switch(b=a.charCodeAt(q)){case N:x++;break;case P:x--;break;case Z:switch(v=a.charCodeAt(q+1)){case Y:case Z:q=We(v,q,He,a)}break;case F:b++;case _:b++;case K:case J:for(;q++<He&&a.charCodeAt(q)!==b;);}if(0===x)break;q++}switch(Ve=a.substring(Ie,q),g===re&&(g=(Ye=Ye.replace(r,"").trim()).charCodeAt(0)),g){case G:switch(Ce>0&&(Ye=Ye.replace(n,"")),v=Ye.charCodeAt(1)){case de:case ie:case se:case W:s=t;break;default:s=ke}if(Ie=(Ve=Le(t,s,Ve,v,i+1)).length,we>0&&0===Ie&&(Ie=Ye.length),xe>0&&(s=De(ke,Ye,Oe),c=Ue(Me,Ve,s,t,me,he,Ie,v,i,o),Ye=s.join(""),void 0!==c&&0===(Ie=(Ve=c.trim()).length)&&(v=0,Ve="")),Ie>0)switch(v){case se:Ye=Ye.replace(k,Be);case de:case ie:case W:Ve=Ye+"{"+Ve+"}";break;case oe:Ve=(Ye=Ye.replace(h,"$1 $2"+(Ne>0?_e:"")))+"{"+Ve+"}",Ve=1===ve||2===ve&&Ge("@"+Ve,3)?"@"+R+Ve+"@"+Ve:"@"+Ve;break;default:Ve=Ye+Ve,o===pe&&(Xe+=Ve,Ve="")}else Ve="";break;default:Ve=Le(t,De(t,Ye,Oe),Ve,o,i+1)}Je+=Ve,O=0,Ae=0,j=0,Ce=0,Oe=0,I=0,Ye="",Ve="",b=a.charCodeAt(++q);break;case P:case M:if((Ie=(Ye=(Ce>0?Ye.replace(n,""):Ye).trim()).length)>1)switch(0===j&&((g=Ye.charCodeAt(0))===W||g>96&&g<123)&&(Ie=(Ye=Ye.replace(" ",":")).length),xe>0&&void 0!==(c=Ue(Ee,Ye,t,e,me,he,Xe.length,o,i,o))&&0===(Ie=(Ye=c.trim()).length)&&(Ye="\0\0"),g=Ye.charCodeAt(0),v=Ye.charCodeAt(1),g){case re:break;case G:if(v===ue||v===fe){Ke+=Ye+a.charAt(q);break}default:if(Ye.charCodeAt(Ie-1)===X)break;Xe+=ze(Ye,g,v,Ye.charCodeAt(2))}O=0,Ae=0,j=0,Ce=0,Oe=0,Ye="",b=a.charCodeAt(++q)}}switch(b){case H:case D:if(f+p+d+u+Se===0)switch(A){case $:case J:case K:case G:case te:case Q:case Y:case ee:case Z:case W:case X:case V:case M:case N:case P:break;default:j>0&&(Ae=1)}f===Z?f=0:ge+O===0&&o!==oe&&Ye.length>0&&(Ce=1,Ye+="\0"),xe*Pe>0&&Ue(Re,Ye,t,e,me,he,Xe.length,o,i,o),he=1,me++;break;case M:case P:if(f+p+d+u===0){he++;break}default:switch(he++,qe=a.charAt(q),b){case z:case B:if(p+u+f===0)switch(C){case V:case X:case z:case B:qe="";break;default:b!==B&&(qe=" ")}break;case re:qe="\\0";break;case ne:qe="\\f";break;case ae:qe="\\v";break;case U:p+f+u===0&&ge>0&&(Oe=1,Ce=1,qe="\f"+qe);break;case 108:if(p+f+u+ye===0&&j>0)switch(q-j){case 2:C===ce&&a.charCodeAt(q-3)===X&&(ye=C);case 8:w===le&&(ye=w)}break;case X:p+f+u===0&&(j=q);break;case V:f+d+p+u===0&&(Ce=1,qe+="\r");break;case K:case J:0===f&&(p=p===b?0:0===p?b:p);break;case F:p+f+d===0&&u++;break;case L:p+f+d===0&&u--;break;case $:p+f+u===0&&d--;break;case _:if(p+f+u===0){if(0===O)switch(2*C+3*w){case 533:break;default:x=0,O=1}d++}break;case G:f+d+p+u+j+I===0&&(I=1);break;case Y:case Z:if(p+u+d>0)break;switch(f){case 0:switch(2*b+3*a.charCodeAt(q+1)){case 235:f=Z;break;case 220:Ie=q,f=Y}break;case Y:b===Z&&C===Y&&Ie+2!==q&&(33===a.charCodeAt(Ie+2)&&(Xe+=a.substring(Ie,q+1)),qe="",f=0)}}if(0===f){if(ge+p+u+I===0&&o!==oe&&b!==M)switch(b){case V:case te:case Q:case ee:case $:case _:if(0===O){switch(C){case z:case B:case D:case H:qe+="\0";break;default:qe="\0"+qe+(b===V?"":"\0")}Ce=1}else switch(b){case _:j+7===q&&108===C&&(j=0),O=++x;break;case $:0==(O=--x)&&(Ce=1,qe+="\0")}break;case z:case B:switch(C){case re:case N:case P:case M:case V:case ne:case z:case B:case D:case H:break;default:0===O&&(Ce=1,qe+="\0")}}Ye+=qe,b!==B&&b!==z&&(A=b)}}w=C,C=b,q++}if(Ie=Xe.length,we>0&&0===Ie&&0===Je.length&&0===t[0].length==0&&(o!==ie||1===t.length&&(ge>0?$e:Fe)===t[0])&&(Ie=t.join(",").length+2),Ie>0){if(s=0===ge&&o!==oe?function(e){for(var t,r,a=0,o=e.length,i=Array(o);a<o;++a){for(var s=e[a].split(l),c="",u=0,f=0,d=0,p=0,h=s.length;u<h;++u)if(!(0===(f=(r=s[u]).length)&&h>1)){if(d=c.charCodeAt(c.length-1),p=r.charCodeAt(0),t="",0!==u)switch(d){case Y:case te:case Q:case ee:case B:case _:break;default:t=" "}switch(p){case U:r=t+$e;case te:case Q:case ee:case B:case $:case _:break;case F:r=t+r+$e;break;case X:switch(2*r.charCodeAt(1)+3*r.charCodeAt(2)){case 530:if(be>0){r=t+r.substring(8,f-1);break}default:(u<1||s[u-1].length<1)&&(r=t+$e+r)}break;case V:t="";default:r=f>1&&r.indexOf(":")>0?t+r.replace(S,"$1"+$e+"$2"):t+r+$e}c+=r}i[a]=c.replace(n,"").trim()}return i}(t):t,xe>0&&void 0!==(c=Ue(Te,Xe,s,e,me,he,Ie,o,i,o))&&0===(Xe=c).length)return Ke+Xe+Je;if(Xe=s.join(",")+"{"+Xe+"}",ve*ye!=0){switch(2!==ve||Ge(Xe,2)||(ye=0),ye){case le:Xe=Xe.replace(y,":"+E+"$1")+Xe;break;case ce:Xe=Xe.replace(m,"::"+R+"input-$1")+Xe.replace(m,"::"+E+"$1")+Xe.replace(m,":"+T+"input-$1")+Xe}ye=0}}return Ke+Xe+Je}function De(e,t,r){var n=t.trim().split(u),a=n,o=n.length,i=e.length;switch(i){case 0:case 1:for(var s=0,c=0===i?"":e[0]+" ";s<o;++s)a[s]=He(c,a[s],r,i).trim();break;default:s=0;var l=0;for(a=[];s<o;++s)for(var f=0;f<i;++f)a[l++]=He(e[f]+" ",n[s],r,i).trim()}return a}function He(e,t,r,n){var a=t,o=a.charCodeAt(0);switch(o<33&&(o=(a=a.trim()).charCodeAt(0)),o){case U:switch(ge+n){case 0:case 1:if(0===e.trim().length)break;default:return a.replace(f,"$1"+e.trim())}break;case X:switch(a.charCodeAt(1)){case 103:if(be>0&&ge>0)return a.replace(d,"$1").replace(f,"$1"+Fe);break;default:return e.trim()+a.replace(f,"$1"+e.trim())}default:if(r*ge>0&&a.indexOf("\f")>0)return a.replace(f,(e.charCodeAt(0)===X?"":"$1")+e.trim())}return e+a}function ze(e,t,r,n){var l,u=0,f=e+";",d=2*t+3*r+4*n;if(944===d)return function(e){var t=e.length,r=e.indexOf(":",9)+1,n=e.substring(0,r).trim(),a=e.substring(r,t-1).trim();switch(e.charCodeAt(9)*Ne){case 0:break;case W:if(110!==e.charCodeAt(10))break;default:for(var o=a.split((a="",s)),i=0,r=0,t=o.length;i<t;r=0,++i){for(var l=o[i],u=l.split(c);l=u[r];){var f=l.charCodeAt(0);if(1===Ne&&(f>G&&f<90||f>96&&f<123||f===q||f===W&&l.charCodeAt(1)!==W))switch(isNaN(parseFloat(l))+(-1!==l.indexOf("("))){case 1:switch(l){case"infinite":case"alternate":case"backwards":case"running":case"normal":case"forwards":case"both":case"none":case"linear":case"ease":case"ease-in":case"ease-out":case"ease-in-out":case"paused":case"reverse":case"alternate-reverse":case"inherit":case"initial":case"unset":case"step-start":case"step-end":break;default:l+=_e}}u[r++]=l}a+=(0===i?"":",")+u.join(" ")}}return a=n+a+";",1===ve||2===ve&&Ge(a,1)?R+a+a:a}(f);if(0===ve||2===ve&&!Ge(f,1))return f;switch(d){case 1015:return 97===f.charCodeAt(10)?R+f+f:f;case 951:return 116===f.charCodeAt(3)?R+f+f:f;case 963:return 110===f.charCodeAt(5)?R+f+f:f;case 1009:if(100!==f.charCodeAt(4))break;case 969:case 942:return R+f+f;case 978:return R+f+E+f+f;case 1019:case 983:return R+f+E+f+T+f+f;case 883:return f.charCodeAt(8)===W?R+f+f:f.indexOf("image-set(",11)>0?f.replace(j,"$1"+R+"$2")+f:f;case 932:if(f.charCodeAt(4)===W)switch(f.charCodeAt(5)){case 103:return R+"box-"+f.replace("-grow","")+R+f+T+f.replace("grow","positive")+f;case 115:return R+f+T+f.replace("shrink","negative")+f;case 98:return R+f+T+f.replace("basis","preferred-size")+f}return R+f+T+f+f;case 964:return R+f+T+"flex-"+f+f;case 1023:if(99!==f.charCodeAt(8))break;return l=f.substring(f.indexOf(":",15)).replace("flex-","").replace("space-between","justify"),R+"box-pack"+l+R+f+T+"flex-pack"+l+f;case 1005:return o.test(f)?f.replace(a,":"+R)+f.replace(a,":"+E)+f:f;case 1e3:switch(u=(l=f.substring(13).trim()).indexOf("-")+1,l.charCodeAt(0)+l.charCodeAt(u)){case 226:l=f.replace(w,"tb");break;case 232:l=f.replace(w,"tb-rl");break;case 220:l=f.replace(w,"lr");break;default:return f}return R+f+T+l+f;case 1017:if(-1===f.indexOf("sticky",9))return f;case 975:switch(u=(f=e).length-10,d=(l=(33===f.charCodeAt(u)?f.substring(0,u):f).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|l.charCodeAt(7))){case 203:if(l.charCodeAt(8)<111)break;case 115:f=f.replace(l,R+l)+";"+f;break;case 207:case 102:f=f.replace(l,R+(d>102?"inline-":"")+"box")+";"+f.replace(l,R+l)+";"+f.replace(l,T+l+"box")+";"+f}return f+";";case 938:if(f.charCodeAt(5)===W)switch(f.charCodeAt(6)){case 105:return l=f.replace("-items",""),R+f+R+"box-"+l+T+"flex-"+l+f;case 115:return R+f+T+"flex-item-"+f.replace(x,"")+f;default:return R+f+T+"flex-line-pack"+f.replace("align-content","").replace(x,"")+f}break;case 973:case 989:if(f.charCodeAt(3)!==W||122===f.charCodeAt(4))break;case 931:case 953:if(!0===I.test(e))return 115===(l=e.substring(e.indexOf(":")+1)).charCodeAt(0)?ze(e.replace("stretch","fill-available"),t,r,n).replace(":fill-available",":stretch"):f.replace(l,R+l)+f.replace(l,E+l.replace("fill-",""))+f;break;case 962:if(f=R+f+(102===f.charCodeAt(5)?T+f:"")+f,r+n===211&&105===f.charCodeAt(13)&&f.indexOf("transform",10)>0)return f.substring(0,f.indexOf(";",27)+1).replace(i,"$1"+R+"$2")+f}return f}function Ge(e,t){var r=e.indexOf(1===t?":":"{"),n=e.substring(0,3!==t?r:10),a=e.substring(r+1,e.length-1);return Oe(2!==t?n:n.replace(O,"$1"),a,t)}function Be(e,t){var r=ze(t,t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2));return r!==t+";"?r.replace(A," or ($1)").substring(4):"("+t+")"}function Ue(e,t,r,n,a,o,i,s,c,l){for(var u,f=0,d=t;f<xe;++f)switch(u=Ae[f].call(Ye,e,d,r,n,a,o,i,s,c,l)){case void 0:case!1:case!0:case null:break;default:d=u}if(d!==t)return d}function We(e,t,r,n){for(var a=t+1;a<r;++a)switch(n.charCodeAt(a)){case Z:if(e===Y&&n.charCodeAt(a-1)===Y&&t+2!==a)return a+1;break;case D:if(e===Z)return a+1}return a}function qe(e){for(var t in e){var r=e[t];switch(t){case"keyframe":Ne=0|r;break;case"global":be=0|r;break;case"cascade":ge=0|r;break;case"compress":Ce=0|r;break;case"semicolon":Se=0|r;break;case"preserve":we=0|r;break;case"prefix":Oe=null,r?"function"!=typeof r?ve=1:(ve=2,Oe=r):ve=0}}return qe}function Ye(t,r){if(void 0!==this&&this.constructor===Ye)return e(t);var a=t,o=a.charCodeAt(0);o<33&&(o=(a=a.trim()).charCodeAt(0)),Ne>0&&(_e=a.replace(p,o===F?"":"-")),o=1,1===ge?Fe=a:$e=a;var i,s=[Fe];xe>0&&void 0!==(i=Ue(je,r,s,s,me,he,0,0,0,0))&&"string"==typeof i&&(r=i);var c=Le(ke,s,r,0,0);return xe>0&&void 0!==(i=Ue(Ie,c,s,s,me,he,c.length,0,0,0))&&"string"!=typeof(c=i)&&(o=0),_e="",Fe="",$e="",ye=0,me=1,he=1,Ce*o==0?c:c.replace(n,"").replace(g,"").replace(v,"$1").replace(b,"$1").replace(C," ")}return Ye.use=function e(t){switch(t){case void 0:case null:xe=Ae.length=0;break;default:if("function"==typeof t)Ae[xe++]=t;else if("object"==typeof t)for(var r=0,n=t.length;r<n;++r)e(t[r]);else Pe=0|!!t}return e},Ye.set=qe,void 0!==t&&qe(t),Ye}(null)}),T=y(function(e,t){e.exports=function(e){function t(t){if(t)try{e(t+"}")}catch(e){}}return function(r,n,a,o,i,s,c,l,u,f){switch(r){case 1:if(0===u&&64===n.charCodeAt(0))return e(n+";"),"";break;case 2:if(0===l)return n+"/*|*/";break;case 3:switch(l){case 102:case 112:return e(a[0]+n),"";default:return n+(0===f?"/*|*/":"")}case-2:n.split("/*|*/}").forEach(t)}}}}),M=/^\s*\/\/.*$/gm,P=new E({global:!1,cascade:!0,keyframe:!1,prefix:!1,compress:!1,semicolon:!0}),N=new E({global:!1,cascade:!0,keyframe:!1,prefix:!0,compress:!1,semicolon:!1}),_=[],$=function(e){if(-2===e){var t=_;return _=[],t}},F=T(function(e){_.push(e)}),L=void 0,D=void 0,H=void 0,z=function(e,t,r){return t>0&&-1!==r.slice(0,t).indexOf(D)&&r.slice(t-D.length,t)!==D?"."+L:e};N.use([function(e,t,r){2===e&&r.length&&r[0].lastIndexOf(D)>0&&(r[0]=r[0].replace(H,z))},F,$]),P.use([F,$]);function G(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"&",a=e.join("").replace(M,""),o=t&&r?r+" "+t+" { "+a+" }":a;return L=n,D=t,H=new RegExp("\\"+D+"\\b","g"),N(r||!t?"":t,o)}var B=function(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null},U=function(e,t,r){r&&((e[t]||(e[t]=Object.create(null)))[r]=!0)},W=function(e,t){e[t]=Object.create(null)},q=function(e){return function(t,r){return void 0!==e[t]&&e[t][r]}},Y=function(e){var t="";for(var r in e)t+=Object.keys(e[r]).join(" ")+" ";return t.trim()},V=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets.length,r=0;r<t;r+=1){var n=document.styleSheets[r];if(n.ownerNode===e)return n}throw new I(10)},X=function(e,t,r){if(!t)return!1;var n=e.cssRules.length;try{e.insertRule(t,r<=n?r:n)}catch(e){return!1}return!0},J=function(e){return"\n/* sc-component-id: "+e+" */\n"},K=function(e,t){for(var r=0,n=0;n<=t;n+=1)r+=e[n];return r},Z=function(e,t){return function(r){var n=B();return"<style "+[n&&'nonce="'+n+'"',k+'="'+Y(t)+'"','data-styled-version="4.3.1"',r].filter(Boolean).join(" ")+">"+e()+"</style>"}},Q=function(e,r){return function(){var n,a=((n={})[k]=Y(r),n["data-styled-version"]="4.3.1",n),o=B();return o&&(a.nonce=o),t.createElement("style",s({},a,{dangerouslySetInnerHTML:{__html:e()}}))}},ee=function(e){return function(){return Object.keys(e)}},te=function(e){return document.createTextNode(J(e))},re=function e(t,r){var n=void 0===t?Object.create(null):t,a=void 0===r?Object.create(null):r,o=function(e){var t=a[e];return void 0!==t?t:a[e]=[""]},i=function(){var e="";for(var t in a){var r=a[t][0];r&&(e+=J(t)+r)}return e};return{clone:function(){var t=function(e){var t=Object.create(null);for(var r in e)t[r]=s({},e[r]);return t}(n),r=Object.create(null);for(var o in a)r[o]=[a[o][0]];return e(t,r)},css:i,getIds:ee(a),hasNameForId:q(n),insertMarker:o,insertRules:function(e,t,r){o(e)[0]+=t.join(" "),U(n,e,r)},removeRules:function(e){var t=a[e];void 0!==t&&(t[0]="",W(n,e))},sealed:!1,styleTag:null,toElement:Q(i,n),toHTML:Z(i,n)}},ne=function(e,t,r,n,a){if(A&&!r){var o=function(e,t,r){var n=document.createElement("style");n.setAttribute(k,""),n.setAttribute("data-styled-version","4.3.1");var a=B();if(a&&n.setAttribute("nonce",a),n.appendChild(document.createTextNode("")),e&&!t)e.appendChild(n);else{if(!t||!e||!t.parentNode)throw new I(6);t.parentNode.insertBefore(n,r?t:t.nextSibling)}return n}(e,t,n);return x?function(e,t){var r=Object.create(null),n=Object.create(null),a=void 0!==t,o=!1,i=function(t){var a=n[t];return void 0!==a?a:(n[t]=te(t),e.appendChild(n[t]),r[t]=Object.create(null),n[t])},s=function(){var e="";for(var t in n)e+=n[t].data;return e};return{clone:function(){throw new I(5)},css:s,getIds:ee(n),hasNameForId:q(r),insertMarker:i,insertRules:function(e,n,s){for(var c=i(e),l=[],u=n.length,f=0;f<u;f+=1){var d=n[f],p=a;if(p&&-1!==d.indexOf("@import"))l.push(d);else{p=!1;var h=f===u-1?"":" ";c.appendData(""+d+h)}}U(r,e,s),a&&l.length>0&&(o=!0,t().insertRules(e+"-import",l))},removeRules:function(i){var s=n[i];if(void 0!==s){var c=te(i);e.replaceChild(c,s),n[i]=c,W(r,i),a&&o&&t().removeRules(i+"-import")}},sealed:!1,styleTag:e,toElement:Q(s,r),toHTML:Z(s,r)}}(o,a):function(e,t){var r=Object.create(null),n=Object.create(null),a=[],o=void 0!==t,i=!1,s=function(e){var t=n[e];return void 0!==t?t:(n[e]=a.length,a.push(0),W(r,e),n[e])},c=function(){var t=V(e).cssRules,r="";for(var o in n){r+=J(o);for(var i=n[o],s=K(a,i),c=s-a[i];c<s;c+=1){var l=t[c];void 0!==l&&(r+=l.cssText)}}return r};return{clone:function(){throw new I(5)},css:c,getIds:ee(n),hasNameForId:q(r),insertMarker:s,insertRules:function(n,c,l){for(var u=s(n),f=V(e),d=K(a,u),p=0,h=[],m=c.length,y=0;y<m;y+=1){var g=c[y],v=o;v&&-1!==g.indexOf("@import")?h.push(g):X(f,g,d+p)&&(v=!1,p+=1)}o&&h.length>0&&(i=!0,t().insertRules(n+"-import",h)),a[u]+=p,U(r,n,l)},removeRules:function(s){var c=n[s];if(void 0!==c){var l=a[c];!function(e,t,r){for(var n=t-r,a=t;a>n;a-=1)e.deleteRule(a)}(V(e),K(a,c)-1,l),a[c]=0,W(r,s),o&&i&&t().removeRules(s+"-import")}},sealed:!1,styleTag:e,toElement:Q(c,r),toHTML:Z(c,r)}}(o,a)}return re()},ae=/\s+/,oe=void 0;oe=A?x?40:1e3:-1;var ie=0,se=void 0,ce=function(){function t(){var e=this,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:A?document.head:null,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];o(this,t),this.getImportRuleTag=function(){var t=e.importRuleTag;if(void 0!==t)return t;var r=e.tags[0];return e.importRuleTag=ne(e.target,r?r.styleTag:null,e.forceServer,!0)},ie+=1,this.id=ie,this.forceServer=n,this.target=n?null:r,this.tagMap={},this.deferred={},this.rehydratedNames={},this.ignoreRehydratedNames={},this.tags=[],this.capacity=1,this.clones=[]}return t.prototype.rehydrate=function(){if(!A||this.forceServer)return this;var e=[],t=[],r=!1,n=document.querySelectorAll("style["+k+'][data-styled-version="4.3.1"]'),a=n.length;if(!a)return this;for(var o=0;o<a;o+=1){var i=n[o];r||(r=!!i.getAttribute("data-styled-streamed"));for(var s,c=(i.getAttribute(k)||"").trim().split(ae),l=c.length,u=0;u<l;u+=1)s=c[u],this.rehydratedNames[s]=!0;t.push.apply(t,R(i.textContent)),e.push(i)}var f=t.length;if(!f)return this;var d=this.makeTag(null);!function(e,t,r){for(var n=0,a=r.length;n<a;n+=1){var o=r[n],i=o.componentId,s=o.cssFromDOM,c=P("",s);e.insertRules(i,c)}for(var l=0,u=t.length;l<u;l+=1){var f=t[l];f.parentNode&&f.parentNode.removeChild(f)}}(d,e,t),this.capacity=Math.max(1,oe-f),this.tags.push(d);for(var p=0;p<f;p+=1)this.tagMap[t[p].componentId]=d;return this},t.reset=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];se=new t(void 0,e).rehydrate()},t.prototype.clone=function(){var e=new t(this.target,this.forceServer);return this.clones.push(e),e.tags=this.tags.map(function(t){for(var r=t.getIds(),n=t.clone(),a=0;a<r.length;a+=1)e.tagMap[r[a]]=n;return n}),e.rehydratedNames=s({},this.rehydratedNames),e.deferred=s({},this.deferred),e},t.prototype.sealAllTags=function(){this.capacity=1,this.tags.forEach(function(e){e.sealed=!0})},t.prototype.makeTag=function(e){var t=e?e.styleTag:null;return ne(this.target,t,this.forceServer,!1,this.getImportRuleTag)},t.prototype.getTagForId=function(e){var t=this.tagMap[e];if(void 0!==t&&!t.sealed)return t;var r=this.tags[this.tags.length-1];return this.capacity-=1,0===this.capacity&&(this.capacity=oe,r=this.makeTag(r),this.tags.push(r)),this.tagMap[e]=r},t.prototype.hasId=function(e){return void 0!==this.tagMap[e]},t.prototype.hasNameForId=function(e,t){if(void 0===this.ignoreRehydratedNames[e]&&this.rehydratedNames[t])return!0;var r=this.tagMap[e];return void 0!==r&&r.hasNameForId(e,t)},t.prototype.deferredInject=function(e,t){if(void 0===this.tagMap[e]){for(var r=this.clones,n=0;n<r.length;n+=1)r[n].deferredInject(e,t);this.getTagForId(e).insertMarker(e),this.deferred[e]=t}},t.prototype.inject=function(e,t,r){for(var n=this.clones,a=0;a<n.length;a+=1)n[a].inject(e,t,r);var o=this.getTagForId(e);if(void 0!==this.deferred[e]){var i=this.deferred[e].concat(t);o.insertRules(e,i,r),this.deferred[e]=void 0}else o.insertRules(e,t,r)},t.prototype.remove=function(e){var t=this.tagMap[e];if(void 0!==t){for(var r=this.clones,n=0;n<r.length;n+=1)r[n].remove(e);t.removeRules(e),this.ignoreRehydratedNames[e]=!0,this.deferred[e]=void 0}},t.prototype.toHTML=function(){return this.tags.map(function(e){return e.toHTML()}).join("")},t.prototype.toReactElements=function(){var t=this.id;return this.tags.map(function(r,n){var a="sc-"+t+"-"+n;return e.cloneElement(r.toElement(),{key:a})})},i(t,null,[{key:"master",get:function(){return se||(se=(new t).rehydrate())}},{key:"instance",get:function(){return t.master}}]),t}(),le=function(){function e(t,r){var n=this;o(this,e),this.inject=function(e){e.hasNameForId(n.id,n.name)||e.inject(n.id,n.rules,n.name)},this.toString=function(){throw new I(12,String(n.name))},this.name=t,this.rules=r,this.id="sc-keyframes-"+t}return e.prototype.getName=function(){return this.name},e}(),ue=/([A-Z])/g,fe=/^ms-/;function de(e){return e.replace(ue,"-$1").toLowerCase().replace(fe,"-ms-")}var pe={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 he=function(e){return null==e||!1===e||""===e},me=function e(t,r){var n=[];return Object.keys(t).forEach(function(r){if(!he(t[r])){if(f(t[r]))return n.push.apply(n,e(t[r],r)),n;if(h(t[r]))return n.push(de(r)+":",t[r],";"),n;n.push(de(r)+": "+(a=r,null==(o=t[r])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||a in pe?String(o).trim():o+"px")+";")}var a,o;return n}),r?[r+" {"].concat(n,["}"]):n};function ye(e,t,n){if(Array.isArray(e)){for(var a,o=[],i=0,s=e.length;i<s;i+=1)null!==(a=ye(e[i],t,n))&&(Array.isArray(a)?o.push.apply(o,a):o.push(a));return o}return he(e)?null:r(e)?"."+e.styledComponentId:h(e)?"function"!=typeof(c=e)||c.prototype&&c.prototype.isReactComponent||!t?e:ye(e(t),t,n):e instanceof le?n?(e.inject(n),e.getName()):e:f(e)?me(e):e.toString();var c}function ge(e){for(var t=arguments.length,r=Array(t>1?t-1:0),a=1;a<t;a++)r[a-1]=arguments[a];return h(e)||f(e)?ye(n(d,[e].concat(r))):ye(n(e,r))}function ve(e,t){for(var n=0;n<e.length;n+=1){var a=e[n];if(Array.isArray(a)&&!ve(a,t))return!1;if(h(a)&&!r(a))return!1}return!t.some(function(e){return h(e)||function(e){for(var t in e)if(h(e[t]))return!0;return!1}(e)})}var be=function(){function e(t,r){o(this,e),this.rules=t,this.componentId=r,this.isStatic=ve(t,d),ce.master.hasId(r)||ce.master.deferredInject(r,[])}return e.prototype.createStyles=function(e,t){var r=G(ye(this.rules,e,t),"");t.inject(this.componentId,r)},e.prototype.removeStyles=function(e){var t=this.componentId;e.hasId(t)&&e.remove(t)},e.prototype.renderStyles=function(e,t){this.removeStyles(t),this.createStyles(e,t)},e}(),Ce=function(e,t){return e.length===t.length&&e.every(function(e,r){return n=e,a=t[r],n===a;var n,a})};function Se(e,t){var r;void 0===t&&(t=Ce);var n,a=[],o=!1;return function(){for(var i=arguments.length,s=new Array(i),c=0;c<i;c++)s[c]=arguments[c];return o&&r===this&&t(s,a)?n:(n=e.apply(this,s),o=!0,r=this,a=s,n)}}var we=function(){function e(){o(this,e),this.masterSheet=ce.master,this.instance=this.masterSheet.clone(),this.sealed=!1}return e.prototype.seal=function(){if(!this.sealed){var e=this.masterSheet.clones.indexOf(this.instance);this.masterSheet.clones.splice(e,1),this.sealed=!0}},e.prototype.collectStyles=function(e){if(this.sealed)throw new I(2);return t.createElement(xe,{sheet:this.instance},e)},e.prototype.getStyleTags=function(){return this.seal(),this.instance.toHTML()},e.prototype.getStyleElement=function(){return this.seal(),this.instance.toReactElements()},e.prototype.interleaveWithNodeStream=function(e){throw new I(3)},e}(),ke=e.createContext(),Ae=ke.Consumer,xe=function(e){function r(t){o(this,r);var n=u(this,e.call(this,t));return n.getContext=Se(n.getContext),n}return c(r,e),r.prototype.getContext=function(e,t){if(e)return e;if(t)return new ce(t);throw new I(4)},r.prototype.render=function(){var e=this.props,r=e.children,n=e.sheet,a=e.target;return t.createElement(ke.Provider,{value:this.getContext(n,a)},r)},r}(e.Component),Oe=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:p,n=!!r&&e.theme===r.theme;return e.theme&&!n?e.theme:t||r.theme},Ie=e.createContext(),je=Ie.Consumer,Re=function(e){function r(t){o(this,r);var n=u(this,e.call(this,t));return n.getContext=Se(n.getContext.bind(n)),n.renderInner=n.renderInner.bind(n),n}return c(r,e),r.prototype.render=function(){return this.props.children?t.createElement(Ie.Consumer,null,this.renderInner):null},r.prototype.renderInner=function(e){var r=this.getContext(this.props.theme,e);return t.createElement(Ie.Provider,{value:r},t.Children.only(this.props.children))},r.prototype.getTheme=function(e,t){if(h(e))return e(t);if(null===e||Array.isArray(e)||"object"!==(void 0===e?"undefined":a(e)))throw new I(8);return s({},t,e)},r.prototype.getContext=function(e,t){return this.getTheme(e,t)},r}(e.Component);function Ee(e){for(var t,r=0|e.length,n=0|r,a=0;r>=4;)t=1540483477*(65535&(t=255&e.charCodeAt(a)|(255&e.charCodeAt(++a))<<8|(255&e.charCodeAt(++a))<<16|(255&e.charCodeAt(++a))<<24))+((1540483477*(t>>>16)&65535)<<16),n=1540483477*(65535&n)+((1540483477*(n>>>16)&65535)<<16)^(t=1540483477*(65535&(t^=t>>>24))+((1540483477*(t>>>16)&65535)<<16)),r-=4,++a;switch(r){case 3:n^=(255&e.charCodeAt(a+2))<<16;case 2:n^=(255&e.charCodeAt(a+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(a)))+((1540483477*(n>>>16)&65535)<<16)}return((n=1540483477*(65535&(n^=n>>>13))+((1540483477*(n>>>16)&65535)<<16))^n>>>15)>>>0}A&&(window.scCGSHMRCache={});var Te=52,Me=function(e){return String.fromCharCode(e+(e>25?39:97))};function Pe(e){var t="",r=void 0;for(r=e;r>Te;r=Math.floor(r/Te))t=Me(r%Te)+t;return Me(r%Te)+t}var Ne,_e=function(e){return e.replace(/\s|\\n/g,"")};var $e={childContextTypes:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},Fe={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Le=((Ne={})[S]={$$typeof:!0,render:!0},Ne),De=Object.defineProperty,He=Object.getOwnPropertyNames,ze=Object.getOwnPropertySymbols,Ge=void 0===ze?function(){return[]}:ze,Be=Object.getOwnPropertyDescriptor,Ue=Object.getPrototypeOf,We=Object.prototype,qe=Array.prototype;function Ye(e,t,r){if("string"!=typeof t){var n=Ue(t);n&&n!==We&&Ye(e,n,r);for(var a=qe.concat(He(t),Ge(t)),o=Le[e.$$typeof]||$e,i=Le[t.$$typeof]||$e,s=a.length,c=void 0,l=void 0;s--;)if(l=a[s],!(Fe[l]||r&&r[l]||i&&i[l]||o&&o[l])&&(c=Be(t,l)))try{De(e,l,c)}catch(e){}return e}return e}var Ve={StyleSheet:ce},Xe=Object.freeze({createGlobalStyle:function(e){for(var r=arguments.length,n=Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];var i=ge.apply(void 0,[e].concat(n)),l="sc-global-"+Ee(JSON.stringify(i)),f=new be(i,l),d=function(e){function r(t){o(this,r);var n=u(this,e.call(this,t)),a=n.constructor,i=a.globalStyle,s=a.styledComponentId;return A&&(window.scCGSHMRCache[s]=(window.scCGSHMRCache[s]||0)+1),n.state={globalStyle:i,styledComponentId:s},n}return c(r,e),r.prototype.componentWillUnmount=function(){window.scCGSHMRCache[this.state.styledComponentId]&&(window.scCGSHMRCache[this.state.styledComponentId]-=1),0===window.scCGSHMRCache[this.state.styledComponentId]&&this.state.globalStyle.removeStyles(this.styleSheet)},r.prototype.render=function(){var e=this;return t.createElement(Ae,null,function(r){e.styleSheet=r||ce.master;var n=e.state.globalStyle;return n.isStatic?(n.renderStyles(O,e.styleSheet),null):t.createElement(je,null,function(t){var r=e.constructor.defaultProps,a=s({},e.props);return void 0!==t&&(a.theme=Oe(e.props,t,r)),n.renderStyles(a,e.styleSheet),null})})},r}(t.Component);return d.globalStyle=f,d.styledComponentId=l,d},css:ge,isStyledComponent:r,keyframes:function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];var a=ge.apply(void 0,[e].concat(r)),o=Pe(Ee(_e(JSON.stringify(a))));return new le(o,G(a,o,"@keyframes"))},ServerStyleSheet:we,StyleSheetConsumer:Ae,StyleSheetContext:ke,StyleSheetManager:xe,ThemeConsumer:je,ThemeContext:Ie,ThemeProvider:Re,withTheme:function(e){var r=t.forwardRef(function(r,n){return t.createElement(je,null,function(a){var o=e.defaultProps,i=Oe(r,a,o);return t.createElement(e,s({},r,{theme:i,ref:n}))})});return Ye(r,e),r.displayName="WithTheme("+w(e)+")",r},__DO_NOT_USE_OR_YOU_WILL_BE_HAUNTED_BY_SPOOKY_GHOSTS:Ve});var Je,Ke,Ze=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Qe=(Je=function(e){return Ze.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91},Ke={},function(e){return void 0===Ke[e]&&(Ke[e]=Je(e)),Ke[e]});function et(e){return Object.prototype.toString.call(e).slice(8,-1)}function tt(e){return"Object"===et(e)&&(e.constructor===Object&&Object.getPrototypeOf(e)===Object.prototype)}function rt(e){return"Array"===et(e)}function nt(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];var n=null,a=e;return tt(e)&&e.extensions&&1===Object.keys(e).length&&(a={},n=e.extensions),t.reduce(function(e,t){return function e(t,r,n){if(!tt(r))return n&&rt(n)&&n.forEach(function(e){r=e(t,r)}),r;var a=tt(t)?Object.keys(t).reduce(function(e,n){var a=t[n];return Object.keys(r).includes(n)||(e[n]=a),e},{}):{};return Object.keys(r).reduce(function(a,o){var i=r[o],s=tt(t)?t[o]:void 0;return n&&rt(n)&&n.forEach(function(e){i=e(s,i)}),void 0===s?(a[o]=i,a):tt(i)?(a[o]=e(s,i,n),a):(a[o]=i,a)},a)}(e,t,n)},a)}var at=function(e){return Pe(Ee(e))},ot=function(){function e(t,r,n){o(this,e),this.rules=t,this.isStatic=ve(t,r),this.componentId=n,ce.master.hasId(n)||ce.master.deferredInject(n,[])}return e.prototype.generateAndInjectStyles=function(e,t){var r=this.isStatic,n=this.componentId,a=this.lastClassName;if(A&&r&&"string"==typeof a&&t.hasNameForId(n,a))return a;var o=ye(this.rules,e,t),i=at(this.componentId+o.join(""));return t.hasNameForId(n,i)||t.inject(this.componentId,G(o,"."+i,void 0,n),i),this.lastClassName=i,i},e.generateName=function(e){return at(e)},e}(),it=/[[\].#*$><+~=|^:(),"'`-]+/g,st=/(^-|-$)/g;function ct(e){return e.replace(it,"-").replace(st,"")}function lt(e){return"string"==typeof e&&!0}var ut={};var ft=function(n){function a(){o(this,a);var e=u(this,n.call(this));return e.attrs={},e.renderOuter=e.renderOuter.bind(e),e.renderInner=e.renderInner.bind(e),e}return c(a,n),a.prototype.render=function(){return t.createElement(Ae,null,this.renderOuter)},a.prototype.renderOuter=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ce.master;return this.styleSheet=e,this.props.forwardedComponent.componentStyle.isStatic?this.renderInner():t.createElement(je,null,this.renderInner)},a.prototype.renderInner=function(t){var r=this.props.forwardedComponent,n=r.componentStyle,a=r.defaultProps,o=(r.displayName,r.foldedComponentIds),i=r.styledComponentId,c=r.target,l=void 0;l=n.isStatic?this.generateAndInjectStyles(p,this.props):this.generateAndInjectStyles(Oe(this.props,t,a)||p,this.props);var u=this.props.as||this.attrs.as||c,f=lt(u),d={},h=s({},this.attrs,this.props),m=void 0;for(m in h)"forwardedComponent"!==m&&"as"!==m&&("forwardedRef"===m?d.ref=h[m]:"forwardedAs"===m?d.as=h[m]:f&&!Qe(m)||(d[m]=h[m]));return this.props.style&&this.attrs.style&&(d.style=s({},this.attrs.style,this.props.style)),d.className=Array.prototype.concat(o,this.props.className,i,this.attrs.className,l).filter(Boolean).join(" "),e.createElement(u,d)},a.prototype.buildExecutionContext=function(e,t,n){var a=this,o=s({},t,{theme:e});return n.length?(this.attrs={},n.forEach(function(e){var t,n=e,i=!1,s=void 0,c=void 0;for(c in h(n)&&(n=n(o),i=!0),n)s=n[c],i||!h(s)||(t=s)&&t.prototype&&t.prototype.isReactComponent||r(s)||(s=s(o)),a.attrs[c]=s,o[c]=s}),o):o},a.prototype.generateAndInjectStyles=function(e,t){var r=t.forwardedComponent,n=r.attrs,a=r.componentStyle;r.warnTooManyClasses;return a.isStatic&&!n.length?a.generateAndInjectStyles(p,this.styleSheet):a.generateAndInjectStyles(this.buildExecutionContext(e,t,n),this.styleSheet)},a}(e.Component);function dt(e,n,a){var o=r(e),i=!lt(e),c=n.displayName,u=void 0===c?function(e){return lt(e)?"styled."+e:"Styled("+w(e)+")"}(e):c,f=n.componentId,p=void 0===f?function(e,t,r){var n="string"!=typeof t?"sc":ct(t),a=(ut[n]||0)+1;ut[n]=a;var o=n+"-"+e.generateName(n+a);return r?r+"-"+o:o}(ot,n.displayName,n.parentComponentId):f,h=n.ParentComponent,m=void 0===h?ft:h,y=n.attrs,g=void 0===y?d:y,v=n.displayName&&n.componentId?ct(n.displayName)+"-"+n.componentId:n.componentId||p,b=o&&e.attrs?Array.prototype.concat(e.attrs,g).filter(Boolean):g,C=new ot(o?e.componentStyle.rules.concat(a):a,b,v),S=void 0,k=function(e,r){return t.createElement(m,s({},e,{forwardedComponent:S,forwardedRef:r}))};return k.displayName=u,(S=t.forwardRef(k)).displayName=u,S.attrs=b,S.componentStyle=C,S.foldedComponentIds=o?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):d,S.styledComponentId=v,S.target=o?e.target:e,S.withComponent=function(e){var t=n.componentId,r=l(n,["componentId"]),o=t&&t+"-"+(lt(e)?e:ct(w(e)));return dt(e,s({},r,{attrs:b,componentId:o,ParentComponent:m}),a)},Object.defineProperty(S,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=o?nt(e.defaultProps,t):t}}),S.toString=function(){return"."+S.styledComponentId},i&&Ye(S,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,styledComponentId:!0,target:!0,withComponent:!0}),S}var pt=function(e){return function e(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:p;if(!C(r))throw new I(1,String(r));var a=function(){return t(r,n,ge.apply(void 0,arguments))};return a.withConfig=function(a){return e(t,r,s({},n,a))},a.attrs=function(a){return e(t,r,s({},n,{attrs:Array.prototype.concat(n.attrs,a).filter(Boolean)}))},a}(dt,e)};for(var ht in["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","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"].forEach(function(e){pt[e]=pt(e)}),Xe)pt[ht]=Xe[ht];return pt});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):e.styled=t(e.React)}(this,function(e){"use strict";var t="default"in e?e.default:e;function r(e){return e&&"string"==typeof e.styledComponentId}var n=function(e,t){for(var r=[e[0]],n=0,a=t.length;n<a;n+=1)r.push(t[n],e[n+1]);return r},a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},i=function(){function e(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,r,n){return r&&e(t.prototype,r),n&&e(t,n),t}}(),s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},l=function(e,t){var r={};for(var n in e)t.indexOf(n)>=0||Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},u=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t},f=function(e){return"object"===(void 0===e?"undefined":a(e))&&e.constructor===Object},d=Object.freeze([]),p=Object.freeze({});function h(e){return"function"==typeof e}function m(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function y(e,t){return e(t={exports:{}},t.exports),t.exports}var g=y(function(e,t){Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&Symbol.for,n=r?Symbol.for("react.element"):60103,a=r?Symbol.for("react.portal"):60106,o=r?Symbol.for("react.fragment"):60107,i=r?Symbol.for("react.strict_mode"):60108,s=r?Symbol.for("react.profiler"):60114,c=r?Symbol.for("react.provider"):60109,l=r?Symbol.for("react.context"):60110,u=r?Symbol.for("react.async_mode"):60111,f=r?Symbol.for("react.concurrent_mode"):60111,d=r?Symbol.for("react.forward_ref"):60112,p=r?Symbol.for("react.suspense"):60113,h=r?Symbol.for("react.memo"):60115,m=r?Symbol.for("react.lazy"):60116;function y(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case n:switch(e=e.type){case u:case f:case o:case s:case i:case p:return e;default:switch(e=e&&e.$$typeof){case l:case d:case c:return e;default:return t}}case m:case h:case a:return t}}}function g(e){return y(e)===f}t.typeOf=y,t.AsyncMode=u,t.ConcurrentMode=f,t.ContextConsumer=l,t.ContextProvider=c,t.Element=n,t.ForwardRef=d,t.Fragment=o,t.Lazy=m,t.Memo=h,t.Portal=a,t.Profiler=s,t.StrictMode=i,t.Suspense=p,t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===f||e===s||e===i||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===h||e.$$typeof===c||e.$$typeof===l||e.$$typeof===d)},t.isAsyncMode=function(e){return g(e)||y(e)===u},t.isConcurrentMode=g,t.isContextConsumer=function(e){return y(e)===l},t.isContextProvider=function(e){return y(e)===c},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===n},t.isForwardRef=function(e){return y(e)===d},t.isFragment=function(e){return y(e)===o},t.isLazy=function(e){return y(e)===m},t.isMemo=function(e){return y(e)===h},t.isPortal=function(e){return y(e)===a},t.isProfiler=function(e){return y(e)===s},t.isStrictMode=function(e){return y(e)===i},t.isSuspense=function(e){return y(e)===p}});m(g);g.typeOf,g.AsyncMode,g.ConcurrentMode,g.ContextConsumer,g.ContextProvider,g.Element,g.ForwardRef,g.Fragment,g.Lazy,g.Memo,g.Portal,g.Profiler,g.StrictMode,g.Suspense,g.isValidElementType,g.isAsyncMode,g.isConcurrentMode,g.isContextConsumer,g.isContextProvider,g.isElement,g.isForwardRef,g.isFragment,g.isLazy,g.isMemo,g.isPortal,g.isProfiler,g.isStrictMode,g.isSuspense;var v=y(function(e,t){});m(v);v.typeOf,v.AsyncMode,v.ConcurrentMode,v.ContextConsumer,v.ContextProvider,v.Element,v.ForwardRef,v.Fragment,v.Lazy,v.Memo,v.Portal,v.Profiler,v.StrictMode,v.Suspense,v.isValidElementType,v.isAsyncMode,v.isConcurrentMode,v.isContextConsumer,v.isContextProvider,v.isElement,v.isForwardRef,v.isFragment,v.isLazy,v.isMemo,v.isPortal,v.isProfiler,v.isStrictMode,v.isSuspense;var b=y(function(e){e.exports=g}),C=(b.isElement,b.isValidElementType),S=b.ForwardRef;function w(e){return e.displayName||e.name||"Component"}var k="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",A="undefined"!=typeof window&&"HTMLElement"in window,x="boolean"==typeof SC_DISABLE_SPEEDY&&SC_DISABLE_SPEEDY||"undefined"!=typeof process&&(process.env.REACT_APP_SC_DISABLE_SPEEDY||process.env.SC_DISABLE_SPEEDY)||!1,O={},I=function(e){function t(r){o(this,t);for(var n=arguments.length,a=Array(n>1?n-1:0),i=1;i<n;i++)a[i-1]=arguments[i];var s=u(this,e.call(this,"An error occurred. See https://github.com/styled-components/styled-components/blob/master/packages/styled-components/src/utils/errors.md#"+r+" for more information."+(a.length>0?" Additional arguments: "+a.join(", "):"")));return u(s)}return c(t,e),t}(Error),j=/^[^\S\n]*?\/\* sc-component-id:\s*(\S+)\s+\*\//gm,R=function(e){var t=""+(e||""),r=[];return t.replace(j,function(e,t,n){return r.push({componentId:t,matchIndex:n}),e}),r.map(function(e,n){var a=e.componentId,o=e.matchIndex,i=r[n+1];return{componentId:a,cssFromDOM:i?t.slice(o,i.matchIndex):t.slice(o)}})},E=y(function(e,t){e.exports=function e(t){var r=/^\0+/g,n=/[\0\r\f]/g,a=/: */g,o=/zoo|gra/,i=/([,: ])(transform)/g,s=/,+\s*(?![^(]*[)])/g,c=/ +\s*(?![^(]*[)])/g,l=/ *[\0] */g,u=/,\r+?/g,f=/([\t\r\n ])*\f?&/g,d=/:global\(((?:[^\(\)\[\]]*|\[.*\]|\([^\(\)]*\))*)\)/g,p=/\W+/g,h=/@(k\w+)\s*(\S*)\s*/,m=/::(place)/g,y=/:(read-only)/g,g=/\s+(?=[{\];=:>])/g,v=/([[}=:>])\s+/g,b=/(\{[^{]+?);(?=\})/g,C=/\s{2,}/g,S=/([^\(])(:+) */g,w=/[svh]\w+-[tblr]{2}/,k=/\(\s*(.*)\s*\)/g,A=/([\s\S]*?);/g,x=/-self|flex-/g,O=/[^]*?(:[rp][el]a[\w-]+)[^]*/,I=/stretch|:\s*\w+\-(?:conte|avail)/,j=/([^-])(image-set\()/,R="-webkit-",E="-moz-",T="-ms-",M=59,P=125,N=123,_=40,$=41,F=91,L=93,D=10,H=13,z=9,G=64,B=32,U=38,W=45,q=95,Y=42,V=44,X=58,J=39,K=34,Z=47,Q=62,ee=43,te=126,re=0,ne=12,ae=11,oe=107,ie=109,se=115,ce=112,le=111,ue=105,fe=99,de=100,pe=112,he=1,me=1,ye=0,ge=1,ve=1,be=1,Ce=0,Se=0,we=0,ke=[],Ae=[],xe=0,Oe=null,Ie=-2,je=-1,Re=0,Ee=1,Te=2,Me=3,Pe=0,Ne=1,_e="",$e="",Fe="";function Le(e,t,a,o,i){for(var s,c,u=0,f=0,d=0,p=0,g=0,v=0,b=0,C=0,w=0,A=0,x=0,O=0,I=0,j=0,q=0,Ce=0,Ae=0,Oe=0,Ie=0,je=a.length,He=je-1,qe="",Ye="",Ve="",Xe="",Je="",Ke="";q<je;){if(b=a.charCodeAt(q),q===He&&f+p+d+u!==0&&(0!==f&&(b=f===Z?D:Z),p=d=u=0,je++,He++),f+p+d+u===0){if(q===He&&(Ce>0&&(Ye=Ye.replace(n,"")),Ye.trim().length>0)){switch(b){case B:case z:case M:case H:case D:break;default:Ye+=a.charAt(q)}b=M}if(1===Ae)switch(b){case N:case P:case M:case K:case J:case _:case $:case V:Ae=0;case z:case H:case D:case B:break;default:for(Ae=0,Ie=q,g=b,q--,b=M;Ie<je;)switch(a.charCodeAt(Ie++)){case D:case H:case M:++q,b=g,Ie=je;break;case X:Ce>0&&(++q,b=g);case N:Ie=je}}switch(b){case N:for(g=(Ye=Ye.trim()).charCodeAt(0),x=1,Ie=++q;q<je;){switch(b=a.charCodeAt(q)){case N:x++;break;case P:x--;break;case Z:switch(v=a.charCodeAt(q+1)){case Y:case Z:q=We(v,q,He,a)}break;case F:b++;case _:b++;case K:case J:for(;q++<He&&a.charCodeAt(q)!==b;);}if(0===x)break;q++}switch(Ve=a.substring(Ie,q),g===re&&(g=(Ye=Ye.replace(r,"").trim()).charCodeAt(0)),g){case G:switch(Ce>0&&(Ye=Ye.replace(n,"")),v=Ye.charCodeAt(1)){case de:case ie:case se:case W:s=t;break;default:s=ke}if(Ie=(Ve=Le(t,s,Ve,v,i+1)).length,we>0&&0===Ie&&(Ie=Ye.length),xe>0&&(s=De(ke,Ye,Oe),c=Ue(Me,Ve,s,t,me,he,Ie,v,i,o),Ye=s.join(""),void 0!==c&&0===(Ie=(Ve=c.trim()).length)&&(v=0,Ve="")),Ie>0)switch(v){case se:Ye=Ye.replace(k,Be);case de:case ie:case W:Ve=Ye+"{"+Ve+"}";break;case oe:Ve=(Ye=Ye.replace(h,"$1 $2"+(Ne>0?_e:"")))+"{"+Ve+"}",Ve=1===ve||2===ve&&Ge("@"+Ve,3)?"@"+R+Ve+"@"+Ve:"@"+Ve;break;default:Ve=Ye+Ve,o===pe&&(Xe+=Ve,Ve="")}else Ve="";break;default:Ve=Le(t,De(t,Ye,Oe),Ve,o,i+1)}Je+=Ve,O=0,Ae=0,j=0,Ce=0,Oe=0,I=0,Ye="",Ve="",b=a.charCodeAt(++q);break;case P:case M:if((Ie=(Ye=(Ce>0?Ye.replace(n,""):Ye).trim()).length)>1)switch(0===j&&((g=Ye.charCodeAt(0))===W||g>96&&g<123)&&(Ie=(Ye=Ye.replace(" ",":")).length),xe>0&&void 0!==(c=Ue(Ee,Ye,t,e,me,he,Xe.length,o,i,o))&&0===(Ie=(Ye=c.trim()).length)&&(Ye="\0\0"),g=Ye.charCodeAt(0),v=Ye.charCodeAt(1),g){case re:break;case G:if(v===ue||v===fe){Ke+=Ye+a.charAt(q);break}default:if(Ye.charCodeAt(Ie-1)===X)break;Xe+=ze(Ye,g,v,Ye.charCodeAt(2))}O=0,Ae=0,j=0,Ce=0,Oe=0,Ye="",b=a.charCodeAt(++q)}}switch(b){case H:case D:if(f+p+d+u+Se===0)switch(A){case $:case J:case K:case G:case te:case Q:case Y:case ee:case Z:case W:case X:case V:case M:case N:case P:break;default:j>0&&(Ae=1)}f===Z?f=0:ge+O===0&&o!==oe&&Ye.length>0&&(Ce=1,Ye+="\0"),xe*Pe>0&&Ue(Re,Ye,t,e,me,he,Xe.length,o,i,o),he=1,me++;break;case M:case P:if(f+p+d+u===0){he++;break}default:switch(he++,qe=a.charAt(q),b){case z:case B:if(p+u+f===0)switch(C){case V:case X:case z:case B:qe="";break;default:b!==B&&(qe=" ")}break;case re:qe="\\0";break;case ne:qe="\\f";break;case ae:qe="\\v";break;case U:p+f+u===0&&ge>0&&(Oe=1,Ce=1,qe="\f"+qe);break;case 108:if(p+f+u+ye===0&&j>0)switch(q-j){case 2:C===ce&&a.charCodeAt(q-3)===X&&(ye=C);case 8:w===le&&(ye=w)}break;case X:p+f+u===0&&(j=q);break;case V:f+d+p+u===0&&(Ce=1,qe+="\r");break;case K:case J:0===f&&(p=p===b?0:0===p?b:p);break;case F:p+f+d===0&&u++;break;case L:p+f+d===0&&u--;break;case $:p+f+u===0&&d--;break;case _:if(p+f+u===0){if(0===O)switch(2*C+3*w){case 533:break;default:x=0,O=1}d++}break;case G:f+d+p+u+j+I===0&&(I=1);break;case Y:case Z:if(p+u+d>0)break;switch(f){case 0:switch(2*b+3*a.charCodeAt(q+1)){case 235:f=Z;break;case 220:Ie=q,f=Y}break;case Y:b===Z&&C===Y&&Ie+2!==q&&(33===a.charCodeAt(Ie+2)&&(Xe+=a.substring(Ie,q+1)),qe="",f=0)}}if(0===f){if(ge+p+u+I===0&&o!==oe&&b!==M)switch(b){case V:case te:case Q:case ee:case $:case _:if(0===O){switch(C){case z:case B:case D:case H:qe+="\0";break;default:qe="\0"+qe+(b===V?"":"\0")}Ce=1}else switch(b){case _:j+7===q&&108===C&&(j=0),O=++x;break;case $:0==(O=--x)&&(Ce=1,qe+="\0")}break;case z:case B:switch(C){case re:case N:case P:case M:case V:case ne:case z:case B:case D:case H:break;default:0===O&&(Ce=1,qe+="\0")}}Ye+=qe,b!==B&&b!==z&&(A=b)}}w=C,C=b,q++}if(Ie=Xe.length,we>0&&0===Ie&&0===Je.length&&0===t[0].length==0&&(o!==ie||1===t.length&&(ge>0?$e:Fe)===t[0])&&(Ie=t.join(",").length+2),Ie>0){if(s=0===ge&&o!==oe?function(e){for(var t,r,a=0,o=e.length,i=Array(o);a<o;++a){for(var s=e[a].split(l),c="",u=0,f=0,d=0,p=0,h=s.length;u<h;++u)if(!(0===(f=(r=s[u]).length)&&h>1)){if(d=c.charCodeAt(c.length-1),p=r.charCodeAt(0),t="",0!==u)switch(d){case Y:case te:case Q:case ee:case B:case _:break;default:t=" "}switch(p){case U:r=t+$e;case te:case Q:case ee:case B:case $:case _:break;case F:r=t+r+$e;break;case X:switch(2*r.charCodeAt(1)+3*r.charCodeAt(2)){case 530:if(be>0){r=t+r.substring(8,f-1);break}default:(u<1||s[u-1].length<1)&&(r=t+$e+r)}break;case V:t="";default:r=f>1&&r.indexOf(":")>0?t+r.replace(S,"$1"+$e+"$2"):t+r+$e}c+=r}i[a]=c.replace(n,"").trim()}return i}(t):t,xe>0&&void 0!==(c=Ue(Te,Xe,s,e,me,he,Ie,o,i,o))&&0===(Xe=c).length)return Ke+Xe+Je;if(Xe=s.join(",")+"{"+Xe+"}",ve*ye!=0){switch(2!==ve||Ge(Xe,2)||(ye=0),ye){case le:Xe=Xe.replace(y,":"+E+"$1")+Xe;break;case ce:Xe=Xe.replace(m,"::"+R+"input-$1")+Xe.replace(m,"::"+E+"$1")+Xe.replace(m,":"+T+"input-$1")+Xe}ye=0}}return Ke+Xe+Je}function De(e,t,r){var n=t.trim().split(u),a=n,o=n.length,i=e.length;switch(i){case 0:case 1:for(var s=0,c=0===i?"":e[0]+" ";s<o;++s)a[s]=He(c,a[s],r,i).trim();break;default:s=0;var l=0;for(a=[];s<o;++s)for(var f=0;f<i;++f)a[l++]=He(e[f]+" ",n[s],r,i).trim()}return a}function He(e,t,r,n){var a=t,o=a.charCodeAt(0);switch(o<33&&(o=(a=a.trim()).charCodeAt(0)),o){case U:switch(ge+n){case 0:case 1:if(0===e.trim().length)break;default:return a.replace(f,"$1"+e.trim())}break;case X:switch(a.charCodeAt(1)){case 103:if(be>0&&ge>0)return a.replace(d,"$1").replace(f,"$1"+Fe);break;default:return e.trim()+a.replace(f,"$1"+e.trim())}default:if(r*ge>0&&a.indexOf("\f")>0)return a.replace(f,(e.charCodeAt(0)===X?"":"$1")+e.trim())}return e+a}function ze(e,t,r,n){var l,u=0,f=e+";",d=2*t+3*r+4*n;if(944===d)return function(e){var t=e.length,r=e.indexOf(":",9)+1,n=e.substring(0,r).trim(),a=e.substring(r,t-1).trim();switch(e.charCodeAt(9)*Ne){case 0:break;case W:if(110!==e.charCodeAt(10))break;default:for(var o=a.split((a="",s)),i=0,r=0,t=o.length;i<t;r=0,++i){for(var l=o[i],u=l.split(c);l=u[r];){var f=l.charCodeAt(0);if(1===Ne&&(f>G&&f<90||f>96&&f<123||f===q||f===W&&l.charCodeAt(1)!==W))switch(isNaN(parseFloat(l))+(-1!==l.indexOf("("))){case 1:switch(l){case"infinite":case"alternate":case"backwards":case"running":case"normal":case"forwards":case"both":case"none":case"linear":case"ease":case"ease-in":case"ease-out":case"ease-in-out":case"paused":case"reverse":case"alternate-reverse":case"inherit":case"initial":case"unset":case"step-start":case"step-end":break;default:l+=_e}}u[r++]=l}a+=(0===i?"":",")+u.join(" ")}}return a=n+a+";",1===ve||2===ve&&Ge(a,1)?R+a+a:a}(f);if(0===ve||2===ve&&!Ge(f,1))return f;switch(d){case 1015:return 97===f.charCodeAt(10)?R+f+f:f;case 951:return 116===f.charCodeAt(3)?R+f+f:f;case 963:return 110===f.charCodeAt(5)?R+f+f:f;case 1009:if(100!==f.charCodeAt(4))break;case 969:case 942:return R+f+f;case 978:return R+f+E+f+f;case 1019:case 983:return R+f+E+f+T+f+f;case 883:return f.charCodeAt(8)===W?R+f+f:f.indexOf("image-set(",11)>0?f.replace(j,"$1"+R+"$2")+f:f;case 932:if(f.charCodeAt(4)===W)switch(f.charCodeAt(5)){case 103:return R+"box-"+f.replace("-grow","")+R+f+T+f.replace("grow","positive")+f;case 115:return R+f+T+f.replace("shrink","negative")+f;case 98:return R+f+T+f.replace("basis","preferred-size")+f}return R+f+T+f+f;case 964:return R+f+T+"flex-"+f+f;case 1023:if(99!==f.charCodeAt(8))break;return l=f.substring(f.indexOf(":",15)).replace("flex-","").replace("space-between","justify"),R+"box-pack"+l+R+f+T+"flex-pack"+l+f;case 1005:return o.test(f)?f.replace(a,":"+R)+f.replace(a,":"+E)+f:f;case 1e3:switch(u=(l=f.substring(13).trim()).indexOf("-")+1,l.charCodeAt(0)+l.charCodeAt(u)){case 226:l=f.replace(w,"tb");break;case 232:l=f.replace(w,"tb-rl");break;case 220:l=f.replace(w,"lr");break;default:return f}return R+f+T+l+f;case 1017:if(-1===f.indexOf("sticky",9))return f;case 975:switch(u=(f=e).length-10,d=(l=(33===f.charCodeAt(u)?f.substring(0,u):f).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|l.charCodeAt(7))){case 203:if(l.charCodeAt(8)<111)break;case 115:f=f.replace(l,R+l)+";"+f;break;case 207:case 102:f=f.replace(l,R+(d>102?"inline-":"")+"box")+";"+f.replace(l,R+l)+";"+f.replace(l,T+l+"box")+";"+f}return f+";";case 938:if(f.charCodeAt(5)===W)switch(f.charCodeAt(6)){case 105:return l=f.replace("-items",""),R+f+R+"box-"+l+T+"flex-"+l+f;case 115:return R+f+T+"flex-item-"+f.replace(x,"")+f;default:return R+f+T+"flex-line-pack"+f.replace("align-content","").replace(x,"")+f}break;case 973:case 989:if(f.charCodeAt(3)!==W||122===f.charCodeAt(4))break;case 931:case 953:if(!0===I.test(e))return 115===(l=e.substring(e.indexOf(":")+1)).charCodeAt(0)?ze(e.replace("stretch","fill-available"),t,r,n).replace(":fill-available",":stretch"):f.replace(l,R+l)+f.replace(l,E+l.replace("fill-",""))+f;break;case 962:if(f=R+f+(102===f.charCodeAt(5)?T+f:"")+f,r+n===211&&105===f.charCodeAt(13)&&f.indexOf("transform",10)>0)return f.substring(0,f.indexOf(";",27)+1).replace(i,"$1"+R+"$2")+f}return f}function Ge(e,t){var r=e.indexOf(1===t?":":"{"),n=e.substring(0,3!==t?r:10),a=e.substring(r+1,e.length-1);return Oe(2!==t?n:n.replace(O,"$1"),a,t)}function Be(e,t){var r=ze(t,t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2));return r!==t+";"?r.replace(A," or ($1)").substring(4):"("+t+")"}function Ue(e,t,r,n,a,o,i,s,c,l){for(var u,f=0,d=t;f<xe;++f)switch(u=Ae[f].call(Ye,e,d,r,n,a,o,i,s,c,l)){case void 0:case!1:case!0:case null:break;default:d=u}if(d!==t)return d}function We(e,t,r,n){for(var a=t+1;a<r;++a)switch(n.charCodeAt(a)){case Z:if(e===Y&&n.charCodeAt(a-1)===Y&&t+2!==a)return a+1;break;case D:if(e===Z)return a+1}return a}function qe(e){for(var t in e){var r=e[t];switch(t){case"keyframe":Ne=0|r;break;case"global":be=0|r;break;case"cascade":ge=0|r;break;case"compress":Ce=0|r;break;case"semicolon":Se=0|r;break;case"preserve":we=0|r;break;case"prefix":Oe=null,r?"function"!=typeof r?ve=1:(ve=2,Oe=r):ve=0}}return qe}function Ye(t,r){if(void 0!==this&&this.constructor===Ye)return e(t);var a=t,o=a.charCodeAt(0);o<33&&(o=(a=a.trim()).charCodeAt(0)),Ne>0&&(_e=a.replace(p,o===F?"":"-")),o=1,1===ge?Fe=a:$e=a;var i,s=[Fe];xe>0&&void 0!==(i=Ue(je,r,s,s,me,he,0,0,0,0))&&"string"==typeof i&&(r=i);var c=Le(ke,s,r,0,0);return xe>0&&void 0!==(i=Ue(Ie,c,s,s,me,he,c.length,0,0,0))&&"string"!=typeof(c=i)&&(o=0),_e="",Fe="",$e="",ye=0,me=1,he=1,Ce*o==0?c:c.replace(n,"").replace(g,"").replace(v,"$1").replace(b,"$1").replace(C," ")}return Ye.use=function e(t){switch(t){case void 0:case null:xe=Ae.length=0;break;default:if("function"==typeof t)Ae[xe++]=t;else if("object"==typeof t)for(var r=0,n=t.length;r<n;++r)e(t[r]);else Pe=0|!!t}return e},Ye.set=qe,void 0!==t&&qe(t),Ye}(null)}),T=y(function(e,t){e.exports=function(e){function t(t){if(t)try{e(t+"}")}catch(e){}}return function(r,n,a,o,i,s,c,l,u,f){switch(r){case 1:if(0===u&&64===n.charCodeAt(0))return e(n+";"),"";break;case 2:if(0===l)return n+"/*|*/";break;case 3:switch(l){case 102:case 112:return e(a[0]+n),"";default:return n+(0===f?"/*|*/":"")}case-2:n.split("/*|*/}").forEach(t)}}}}),M=/^\s*\/\/.*$/gm,P=new E({global:!1,cascade:!0,keyframe:!1,prefix:!1,compress:!1,semicolon:!0}),N=new E({global:!1,cascade:!0,keyframe:!1,prefix:!0,compress:!1,semicolon:!1}),_=[],$=function(e){if(-2===e){var t=_;return _=[],t}},F=T(function(e){_.push(e)}),L=void 0,D=void 0,H=void 0,z=function(e,t,r){return t>0&&-1!==r.slice(0,t).indexOf(D)&&r.slice(t-D.length,t)!==D?"."+L:e};N.use([function(e,t,r){2===e&&r.length&&r[0].lastIndexOf(D)>0&&(r[0]=r[0].replace(H,z))},F,$]),P.use([F,$]);function G(e,t,r){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"&",a=e.join("").replace(M,""),o=t&&r?r+" "+t+" { "+a+" }":a;return L=n,D=t,H=new RegExp("\\"+D+"\\b","g"),N(r||!t?"":t,o)}var B=function(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null},U=function(e,t,r){r&&((e[t]||(e[t]=Object.create(null)))[r]=!0)},W=function(e,t){e[t]=Object.create(null)},q=function(e){return function(t,r){return void 0!==e[t]&&e[t][r]}},Y=function(e){var t="";for(var r in e)t+=Object.keys(e[r]).join(" ")+" ";return t.trim()},V=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets.length,r=0;r<t;r+=1){var n=document.styleSheets[r];if(n.ownerNode===e)return n}throw new I(10)},X=function(e,t,r){if(!t)return!1;var n=e.cssRules.length;try{e.insertRule(t,r<=n?r:n)}catch(e){return!1}return!0},J=function(e){return"\n/* sc-component-id: "+e+" */\n"},K=function(e,t){for(var r=0,n=0;n<=t;n+=1)r+=e[n];return r},Z=function(e,t){return function(r){var n=B();return"<style "+[n&&'nonce="'+n+'"',k+'="'+Y(t)+'"','data-styled-version="4.3.2"',r].filter(Boolean).join(" ")+">"+e()+"</style>"}},Q=function(e,r){return function(){var n,a=((n={})[k]=Y(r),n["data-styled-version"]="4.3.2",n),o=B();return o&&(a.nonce=o),t.createElement("style",s({},a,{dangerouslySetInnerHTML:{__html:e()}}))}},ee=function(e){return function(){return Object.keys(e)}},te=function(e){return document.createTextNode(J(e))},re=function e(t,r){var n=void 0===t?Object.create(null):t,a=void 0===r?Object.create(null):r,o=function(e){var t=a[e];return void 0!==t?t:a[e]=[""]},i=function(){var e="";for(var t in a){var r=a[t][0];r&&(e+=J(t)+r)}return e};return{clone:function(){var t=function(e){var t=Object.create(null);for(var r in e)t[r]=s({},e[r]);return t}(n),r=Object.create(null);for(var o in a)r[o]=[a[o][0]];return e(t,r)},css:i,getIds:ee(a),hasNameForId:q(n),insertMarker:o,insertRules:function(e,t,r){o(e)[0]+=t.join(" "),U(n,e,r)},removeRules:function(e){var t=a[e];void 0!==t&&(t[0]="",W(n,e))},sealed:!1,styleTag:null,toElement:Q(i,n),toHTML:Z(i,n)}},ne=function(e,t,r,n,a){if(A&&!r){var o=function(e,t,r){var n=document.createElement("style");n.setAttribute(k,""),n.setAttribute("data-styled-version","4.3.2");var a=B();if(a&&n.setAttribute("nonce",a),n.appendChild(document.createTextNode("")),e&&!t)e.appendChild(n);else{if(!t||!e||!t.parentNode)throw new I(6);t.parentNode.insertBefore(n,r?t:t.nextSibling)}return n}(e,t,n);return x?function(e,t){var r=Object.create(null),n=Object.create(null),a=void 0!==t,o=!1,i=function(t){var a=n[t];return void 0!==a?a:(n[t]=te(t),e.appendChild(n[t]),r[t]=Object.create(null),n[t])},s=function(){var e="";for(var t in n)e+=n[t].data;return e};return{clone:function(){throw new I(5)},css:s,getIds:ee(n),hasNameForId:q(r),insertMarker:i,insertRules:function(e,n,s){for(var c=i(e),l=[],u=n.length,f=0;f<u;f+=1){var d=n[f],p=a;if(p&&-1!==d.indexOf("@import"))l.push(d);else{p=!1;var h=f===u-1?"":" ";c.appendData(""+d+h)}}U(r,e,s),a&&l.length>0&&(o=!0,t().insertRules(e+"-import",l))},removeRules:function(i){var s=n[i];if(void 0!==s){var c=te(i);e.replaceChild(c,s),n[i]=c,W(r,i),a&&o&&t().removeRules(i+"-import")}},sealed:!1,styleTag:e,toElement:Q(s,r),toHTML:Z(s,r)}}(o,a):function(e,t){var r=Object.create(null),n=Object.create(null),a=[],o=void 0!==t,i=!1,s=function(e){var t=n[e];return void 0!==t?t:(n[e]=a.length,a.push(0),W(r,e),n[e])},c=function(){var t=V(e).cssRules,r="";for(var o in n){r+=J(o);for(var i=n[o],s=K(a,i),c=s-a[i];c<s;c+=1){var l=t[c];void 0!==l&&(r+=l.cssText)}}return r};return{clone:function(){throw new I(5)},css:c,getIds:ee(n),hasNameForId:q(r),insertMarker:s,insertRules:function(n,c,l){for(var u=s(n),f=V(e),d=K(a,u),p=0,h=[],m=c.length,y=0;y<m;y+=1){var g=c[y],v=o;v&&-1!==g.indexOf("@import")?h.push(g):X(f,g,d+p)&&(v=!1,p+=1)}o&&h.length>0&&(i=!0,t().insertRules(n+"-import",h)),a[u]+=p,U(r,n,l)},removeRules:function(s){var c=n[s];if(void 0!==c){var l=a[c];!function(e,t,r){for(var n=t-r,a=t;a>n;a-=1)e.deleteRule(a)}(V(e),K(a,c)-1,l),a[c]=0,W(r,s),o&&i&&t().removeRules(s+"-import")}},sealed:!1,styleTag:e,toElement:Q(c,r),toHTML:Z(c,r)}}(o,a)}return re()},ae=/\s+/,oe=void 0;oe=A?x?40:1e3:-1;var ie=0,se=void 0,ce=function(){function t(){var e=this,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:A?document.head:null,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];o(this,t),this.getImportRuleTag=function(){var t=e.importRuleTag;if(void 0!==t)return t;var r=e.tags[0];return e.importRuleTag=ne(e.target,r?r.styleTag:null,e.forceServer,!0)},ie+=1,this.id=ie,this.forceServer=n,this.target=n?null:r,this.tagMap={},this.deferred={},this.rehydratedNames={},this.ignoreRehydratedNames={},this.tags=[],this.capacity=1,this.clones=[]}return t.prototype.rehydrate=function(){if(!A||this.forceServer)return this;var e=[],t=[],r=!1,n=document.querySelectorAll("style["+k+'][data-styled-version="4.3.2"]'),a=n.length;if(!a)return this;for(var o=0;o<a;o+=1){var i=n[o];r||(r=!!i.getAttribute("data-styled-streamed"));for(var s,c=(i.getAttribute(k)||"").trim().split(ae),l=c.length,u=0;u<l;u+=1)s=c[u],this.rehydratedNames[s]=!0;t.push.apply(t,R(i.textContent)),e.push(i)}var f=t.length;if(!f)return this;var d=this.makeTag(null);!function(e,t,r){for(var n=0,a=r.length;n<a;n+=1){var o=r[n],i=o.componentId,s=o.cssFromDOM,c=P("",s);e.insertRules(i,c)}for(var l=0,u=t.length;l<u;l+=1){var f=t[l];f.parentNode&&f.parentNode.removeChild(f)}}(d,e,t),this.capacity=Math.max(1,oe-f),this.tags.push(d);for(var p=0;p<f;p+=1)this.tagMap[t[p].componentId]=d;return this},t.reset=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];se=new t(void 0,e).rehydrate()},t.prototype.clone=function(){var e=new t(this.target,this.forceServer);return this.clones.push(e),e.tags=this.tags.map(function(t){for(var r=t.getIds(),n=t.clone(),a=0;a<r.length;a+=1)e.tagMap[r[a]]=n;return n}),e.rehydratedNames=s({},this.rehydratedNames),e.deferred=s({},this.deferred),e},t.prototype.sealAllTags=function(){this.capacity=1,this.tags.forEach(function(e){e.sealed=!0})},t.prototype.makeTag=function(e){var t=e?e.styleTag:null;return ne(this.target,t,this.forceServer,!1,this.getImportRuleTag)},t.prototype.getTagForId=function(e){var t=this.tagMap[e];if(void 0!==t&&!t.sealed)return t;var r=this.tags[this.tags.length-1];return this.capacity-=1,0===this.capacity&&(this.capacity=oe,r=this.makeTag(r),this.tags.push(r)),this.tagMap[e]=r},t.prototype.hasId=function(e){return void 0!==this.tagMap[e]},t.prototype.hasNameForId=function(e,t){if(void 0===this.ignoreRehydratedNames[e]&&this.rehydratedNames[t])return!0;var r=this.tagMap[e];return void 0!==r&&r.hasNameForId(e,t)},t.prototype.deferredInject=function(e,t){if(void 0===this.tagMap[e]){for(var r=this.clones,n=0;n<r.length;n+=1)r[n].deferredInject(e,t);this.getTagForId(e).insertMarker(e),this.deferred[e]=t}},t.prototype.inject=function(e,t,r){for(var n=this.clones,a=0;a<n.length;a+=1)n[a].inject(e,t,r);var o=this.getTagForId(e);if(void 0!==this.deferred[e]){var i=this.deferred[e].concat(t);o.insertRules(e,i,r),this.deferred[e]=void 0}else o.insertRules(e,t,r)},t.prototype.remove=function(e){var t=this.tagMap[e];if(void 0!==t){for(var r=this.clones,n=0;n<r.length;n+=1)r[n].remove(e);t.removeRules(e),this.ignoreRehydratedNames[e]=!0,this.deferred[e]=void 0}},t.prototype.toHTML=function(){return this.tags.map(function(e){return e.toHTML()}).join("")},t.prototype.toReactElements=function(){var t=this.id;return this.tags.map(function(r,n){var a="sc-"+t+"-"+n;return e.cloneElement(r.toElement(),{key:a})})},i(t,null,[{key:"master",get:function(){return se||(se=(new t).rehydrate())}},{key:"instance",get:function(){return t.master}}]),t}(),le=function(){function e(t,r){var n=this;o(this,e),this.inject=function(e){e.hasNameForId(n.id,n.name)||e.inject(n.id,n.rules,n.name)},this.toString=function(){throw new I(12,String(n.name))},this.name=t,this.rules=r,this.id="sc-keyframes-"+t}return e.prototype.getName=function(){return this.name},e}(),ue=/([A-Z])/g,fe=/^ms-/;function de(e){return e.replace(ue,"-$1").toLowerCase().replace(fe,"-ms-")}var pe={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 he=function(e){return null==e||!1===e||""===e},me=function e(t,r){var n=[];return Object.keys(t).forEach(function(r){if(!he(t[r])){if(f(t[r]))return n.push.apply(n,e(t[r],r)),n;if(h(t[r]))return n.push(de(r)+":",t[r],";"),n;n.push(de(r)+": "+(a=r,null==(o=t[r])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||a in pe?String(o).trim():o+"px")+";")}var a,o;return n}),r?[r+" {"].concat(n,["}"]):n};function ye(e,t,n){if(Array.isArray(e)){for(var a,o=[],i=0,s=e.length;i<s;i+=1)null!==(a=ye(e[i],t,n))&&(Array.isArray(a)?o.push.apply(o,a):o.push(a));return o}return he(e)?null:r(e)?"."+e.styledComponentId:h(e)?"function"!=typeof(c=e)||c.prototype&&c.prototype.isReactComponent||!t?e:ye(e(t),t,n):e instanceof le?n?(e.inject(n),e.getName()):e:f(e)?me(e):e.toString();var c}function ge(e){for(var t=arguments.length,r=Array(t>1?t-1:0),a=1;a<t;a++)r[a-1]=arguments[a];return h(e)||f(e)?ye(n(d,[e].concat(r))):ye(n(e,r))}function ve(e,t){for(var n=0;n<e.length;n+=1){var a=e[n];if(Array.isArray(a)&&!ve(a,t))return!1;if(h(a)&&!r(a))return!1}return!t.some(function(e){return h(e)||function(e){for(var t in e)if(h(e[t]))return!0;return!1}(e)})}var be=function(){function e(t,r){o(this,e),this.rules=t,this.componentId=r,this.isStatic=ve(t,d),ce.master.hasId(r)||ce.master.deferredInject(r,[])}return e.prototype.createStyles=function(e,t){var r=G(ye(this.rules,e,t),"");t.inject(this.componentId,r)},e.prototype.removeStyles=function(e){var t=this.componentId;e.hasId(t)&&e.remove(t)},e.prototype.renderStyles=function(e,t){this.removeStyles(t),this.createStyles(e,t)},e}(),Ce=function(e,t){return e.length===t.length&&e.every(function(e,r){return n=e,a=t[r],n===a;var n,a})};function Se(e,t){var r;void 0===t&&(t=Ce);var n,a=[],o=!1;return function(){for(var i=arguments.length,s=new Array(i),c=0;c<i;c++)s[c]=arguments[c];return o&&r===this&&t(s,a)?n:(n=e.apply(this,s),o=!0,r=this,a=s,n)}}var we=function(){function e(){o(this,e),this.masterSheet=ce.master,this.instance=this.masterSheet.clone(),this.sealed=!1}return e.prototype.seal=function(){if(!this.sealed){var e=this.masterSheet.clones.indexOf(this.instance);this.masterSheet.clones.splice(e,1),this.sealed=!0}},e.prototype.collectStyles=function(e){if(this.sealed)throw new I(2);return t.createElement(xe,{sheet:this.instance},e)},e.prototype.getStyleTags=function(){return this.seal(),this.instance.toHTML()},e.prototype.getStyleElement=function(){return this.seal(),this.instance.toReactElements()},e.prototype.interleaveWithNodeStream=function(e){throw new I(3)},e}(),ke=e.createContext(),Ae=ke.Consumer,xe=function(e){function r(t){o(this,r);var n=u(this,e.call(this,t));return n.getContext=Se(n.getContext),n}return c(r,e),r.prototype.getContext=function(e,t){if(e)return e;if(t)return new ce(t);throw new I(4)},r.prototype.render=function(){var e=this.props,r=e.children,n=e.sheet,a=e.target;return t.createElement(ke.Provider,{value:this.getContext(n,a)},r)},r}(e.Component),Oe=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:p,n=!!r&&e.theme===r.theme;return e.theme&&!n?e.theme:t||r.theme},Ie=e.createContext(),je=Ie.Consumer,Re=function(e){function r(t){o(this,r);var n=u(this,e.call(this,t));return n.getContext=Se(n.getContext.bind(n)),n.renderInner=n.renderInner.bind(n),n}return c(r,e),r.prototype.render=function(){return this.props.children?t.createElement(Ie.Consumer,null,this.renderInner):null},r.prototype.renderInner=function(e){var r=this.getContext(this.props.theme,e);return t.createElement(Ie.Provider,{value:r},t.Children.only(this.props.children))},r.prototype.getTheme=function(e,t){if(h(e))return e(t);if(null===e||Array.isArray(e)||"object"!==(void 0===e?"undefined":a(e)))throw new I(8);return s({},t,e)},r.prototype.getContext=function(e,t){return this.getTheme(e,t)},r}(e.Component);function Ee(e){for(var t,r=0|e.length,n=0|r,a=0;r>=4;)t=1540483477*(65535&(t=255&e.charCodeAt(a)|(255&e.charCodeAt(++a))<<8|(255&e.charCodeAt(++a))<<16|(255&e.charCodeAt(++a))<<24))+((1540483477*(t>>>16)&65535)<<16),n=1540483477*(65535&n)+((1540483477*(n>>>16)&65535)<<16)^(t=1540483477*(65535&(t^=t>>>24))+((1540483477*(t>>>16)&65535)<<16)),r-=4,++a;switch(r){case 3:n^=(255&e.charCodeAt(a+2))<<16;case 2:n^=(255&e.charCodeAt(a+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(a)))+((1540483477*(n>>>16)&65535)<<16)}return((n=1540483477*(65535&(n^=n>>>13))+((1540483477*(n>>>16)&65535)<<16))^n>>>15)>>>0}A&&(window.scCGSHMRCache={});var Te=52,Me=function(e){return String.fromCharCode(e+(e>25?39:97))};function Pe(e){var t="",r=void 0;for(r=e;r>Te;r=Math.floor(r/Te))t=Me(r%Te)+t;return Me(r%Te)+t}var Ne,_e=function(e){return e.replace(/\s|\\n/g,"")};var $e={childContextTypes:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},Fe={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Le=((Ne={})[S]={$$typeof:!0,render:!0},Ne),De=Object.defineProperty,He=Object.getOwnPropertyNames,ze=Object.getOwnPropertySymbols,Ge=void 0===ze?function(){return[]}:ze,Be=Object.getOwnPropertyDescriptor,Ue=Object.getPrototypeOf,We=Object.prototype,qe=Array.prototype;function Ye(e,t,r){if("string"!=typeof t){var n=Ue(t);n&&n!==We&&Ye(e,n,r);for(var a=qe.concat(He(t),Ge(t)),o=Le[e.$$typeof]||$e,i=Le[t.$$typeof]||$e,s=a.length,c=void 0,l=void 0;s--;)if(l=a[s],!(Fe[l]||r&&r[l]||i&&i[l]||o&&o[l])&&(c=Be(t,l)))try{De(e,l,c)}catch(e){}return e}return e}var Ve={StyleSheet:ce},Xe=Object.freeze({createGlobalStyle:function(e){for(var r=arguments.length,n=Array(r>1?r-1:0),a=1;a<r;a++)n[a-1]=arguments[a];var i=ge.apply(void 0,[e].concat(n)),l="sc-global-"+Ee(JSON.stringify(i)),f=new be(i,l),d=function(e){function r(t){o(this,r);var n=u(this,e.call(this,t)),a=n.constructor,i=a.globalStyle,s=a.styledComponentId;return A&&(window.scCGSHMRCache[s]=(window.scCGSHMRCache[s]||0)+1),n.state={globalStyle:i,styledComponentId:s},n}return c(r,e),r.prototype.componentWillUnmount=function(){window.scCGSHMRCache[this.state.styledComponentId]&&(window.scCGSHMRCache[this.state.styledComponentId]-=1),0===window.scCGSHMRCache[this.state.styledComponentId]&&this.state.globalStyle.removeStyles(this.styleSheet)},r.prototype.render=function(){var e=this;return t.createElement(Ae,null,function(r){e.styleSheet=r||ce.master;var n=e.state.globalStyle;return n.isStatic?(n.renderStyles(O,e.styleSheet),null):t.createElement(je,null,function(t){var r=e.constructor.defaultProps,a=s({},e.props);return void 0!==t&&(a.theme=Oe(e.props,t,r)),n.renderStyles(a,e.styleSheet),null})})},r}(t.Component);return d.globalStyle=f,d.styledComponentId=l,d},css:ge,isStyledComponent:r,keyframes:function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];var a=ge.apply(void 0,[e].concat(r)),o=Pe(Ee(_e(JSON.stringify(a))));return new le(o,G(a,o,"@keyframes"))},ServerStyleSheet:we,StyleSheetConsumer:Ae,StyleSheetContext:ke,StyleSheetManager:xe,ThemeConsumer:je,ThemeContext:Ie,ThemeProvider:Re,withTheme:function(e){var r=t.forwardRef(function(r,n){return t.createElement(je,null,function(a){var o=e.defaultProps,i=Oe(r,a,o);return t.createElement(e,s({},r,{theme:i,ref:n}))})});return Ye(r,e),r.displayName="WithTheme("+w(e)+")",r},__DO_NOT_USE_OR_YOU_WILL_BE_HAUNTED_BY_SPOOKY_GHOSTS:Ve});var Je,Ke,Ze=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|itemProp|itemScope|itemType|itemID|itemRef|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Qe=(Je=function(e){return Ze.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91},Ke={},function(e){return void 0===Ke[e]&&(Ke[e]=Je(e)),Ke[e]});function et(e){return Object.prototype.toString.call(e).slice(8,-1)}function tt(e){return"Object"===et(e)&&(e.constructor===Object&&Object.getPrototypeOf(e)===Object.prototype)}function rt(e){return"Array"===et(e)}function nt(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];var n=null,a=e;return tt(e)&&e.extensions&&1===Object.keys(e).length&&(a={},n=e.extensions),t.reduce(function(e,t){return function e(t,r,n){if(!tt(r))return n&&rt(n)&&n.forEach(function(e){r=e(t,r)}),r;var a=tt(t)?Object.keys(t).reduce(function(e,n){var a=t[n];return Object.keys(r).includes(n)||(e[n]=a),e},{}):{};return Object.keys(r).reduce(function(a,o){var i=r[o],s=tt(t)?t[o]:void 0;return n&&rt(n)&&n.forEach(function(e){i=e(s,i)}),void 0===s?(a[o]=i,a):tt(i)?(a[o]=e(s,i,n),a):(a[o]=i,a)},a)}(e,t,n)},a)}var at=function(e){return Pe(Ee(e))},ot=function(){function e(t,r,n){o(this,e),this.rules=t,this.isStatic=ve(t,r),this.componentId=n,ce.master.hasId(n)||ce.master.deferredInject(n,[])}return e.prototype.generateAndInjectStyles=function(e,t){var r=this.isStatic,n=this.componentId,a=this.lastClassName;if(A&&r&&"string"==typeof a&&t.hasNameForId(n,a))return a;var o=ye(this.rules,e,t),i=at(this.componentId+o.join(""));return t.hasNameForId(n,i)||t.inject(this.componentId,G(o,"."+i,void 0,n),i),this.lastClassName=i,i},e.generateName=function(e){return at(e)},e}(),it=/[[\].#*$><+~=|^:(),"'`-]+/g,st=/(^-|-$)/g;function ct(e){return e.replace(it,"-").replace(st,"")}function lt(e){return"string"==typeof e&&!0}var ut={};var ft=function(n){function a(){o(this,a);var e=u(this,n.call(this));return e.attrs={},e.renderOuter=e.renderOuter.bind(e),e.renderInner=e.renderInner.bind(e),e}return c(a,n),a.prototype.render=function(){return t.createElement(Ae,null,this.renderOuter)},a.prototype.renderOuter=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ce.master;return this.styleSheet=e,this.props.forwardedComponent.componentStyle.isStatic?this.renderInner():t.createElement(je,null,this.renderInner)},a.prototype.renderInner=function(t){var r=this.props.forwardedComponent,n=r.componentStyle,a=r.defaultProps,o=(r.displayName,r.foldedComponentIds),i=r.styledComponentId,c=r.target,l=void 0;l=n.isStatic?this.generateAndInjectStyles(p,this.props):this.generateAndInjectStyles(Oe(this.props,t,a)||p,this.props);var u=this.props.as||this.attrs.as||c,f=lt(u),d={},h=s({},this.attrs,this.props),m=void 0;for(m in h)"forwardedComponent"!==m&&"as"!==m&&("forwardedRef"===m?d.ref=h[m]:"forwardedAs"===m?d.as=h[m]:f&&!Qe(m)||(d[m]=h[m]));return this.props.style&&this.attrs.style&&(d.style=s({},this.attrs.style,this.props.style)),d.className=Array.prototype.concat(o,this.props.className,i,this.attrs.className,l).filter(Boolean).join(" "),e.createElement(u,d)},a.prototype.buildExecutionContext=function(e,t,n){var a=this,o=s({},t,{theme:e});return n.length?(this.attrs={},n.forEach(function(e){var t,n=e,i=!1,s=void 0,c=void 0;for(c in h(n)&&(n=n(o),i=!0),n)s=n[c],i||!h(s)||(t=s)&&t.prototype&&t.prototype.isReactComponent||r(s)||(s=s(o)),a.attrs[c]=s,o[c]=s}),o):o},a.prototype.generateAndInjectStyles=function(e,t){var r=t.forwardedComponent,n=r.attrs,a=r.componentStyle;r.warnTooManyClasses;return a.isStatic&&!n.length?a.generateAndInjectStyles(p,this.styleSheet):a.generateAndInjectStyles(this.buildExecutionContext(e,t,n),this.styleSheet)},a}(e.Component);function dt(e,n,a){var o=r(e),i=!lt(e),c=n.displayName,u=void 0===c?function(e){return lt(e)?"styled."+e:"Styled("+w(e)+")"}(e):c,f=n.componentId,p=void 0===f?function(e,t,r){var n="string"!=typeof t?"sc":ct(t),a=(ut[n]||0)+1;ut[n]=a;var o=n+"-"+e.generateName(n+a);return r?r+"-"+o:o}(ot,n.displayName,n.parentComponentId):f,h=n.ParentComponent,m=void 0===h?ft:h,y=n.attrs,g=void 0===y?d:y,v=n.displayName&&n.componentId?ct(n.displayName)+"-"+n.componentId:n.componentId||p,b=o&&e.attrs?Array.prototype.concat(e.attrs,g).filter(Boolean):g,C=new ot(o?e.componentStyle.rules.concat(a):a,b,v),S=void 0,k=function(e,r){return t.createElement(m,s({},e,{forwardedComponent:S,forwardedRef:r}))};return k.displayName=u,(S=t.forwardRef(k)).displayName=u,S.attrs=b,S.componentStyle=C,S.foldedComponentIds=o?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):d,S.styledComponentId=v,S.target=o?e.target:e,S.withComponent=function(e){var t=n.componentId,r=l(n,["componentId"]),o=t&&t+"-"+(lt(e)?e:ct(w(e)));return dt(e,s({},r,{attrs:b,componentId:o,ParentComponent:m}),a)},Object.defineProperty(S,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=o?nt(e.defaultProps,t):t}}),S.toString=function(){return"."+S.styledComponentId},i&&Ye(S,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,styledComponentId:!0,target:!0,withComponent:!0}),S}var pt=function(e){return function e(t,r){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:p;if(!C(r))throw new I(1,String(r));var a=function(){return t(r,n,ge.apply(void 0,arguments))};return a.withConfig=function(a){return e(t,r,s({},n,a))},a.attrs=function(a){return e(t,r,s({},n,{attrs:Array.prototype.concat(n.attrs,a).filter(Boolean)}))},a}(dt,e)};for(var ht in["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","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"].forEach(function(e){pt[e]=pt(e)}),Xe)pt[ht]=Xe[ht];return pt});
 //# sourceMappingURL=styled-components.min.js.map

package/native/dist/styled-components.native.cjs.js

@@ -448,7 +448,7 @@ var addUpUntilIndex = function addUpUntilIndex(sizes, index) {
 var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
   var el = document.createElement('style');
   el.setAttribute(SC_ATTR, '');
-  el.setAttribute(SC_VERSION_ATTR, "4.3.1");
+  el.setAttribute(SC_VERSION_ATTR, "4.3.2");
 
   var nonce = getNonce();
   if (nonce) {
@@ -477,7 +477,7 @@ var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
 var wrapAsHtmlTag = function wrapAsHtmlTag(css, names) {
   return function (additionalAttrs) {
     var nonce = getNonce();
-    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.1" + '"', additionalAttrs];
+    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.2" + '"', additionalAttrs];
 
     var htmlAttr = attrs.filter(Boolean).join(' ');
     return '<style ' + htmlAttr + '>' + css() + '</style>';
@@ -489,7 +489,7 @@ var wrapAsElement = function wrapAsElement(css, names) {
   return function () {
     var _props;
 
-    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.1", _props);
+    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.2", _props);
 
     var nonce = getNonce();
     if (nonce) {
@@ -896,7 +896,7 @@ var StyleSheet = function () {
     var isStreamed = false;
 
     /* retrieve all of our SSR style elements from the DOM */
-    var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.1" + '"]');
+    var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.2" + '"]');
 
     var nodesSize = nodes.length;
 

package/native/dist/styled-components.native.esm.js

@@ -440,7 +440,7 @@ var addUpUntilIndex = function addUpUntilIndex(sizes, index) {
 var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
   var el = document.createElement('style');
   el.setAttribute(SC_ATTR, '');
-  el.setAttribute(SC_VERSION_ATTR, "4.3.1");
+  el.setAttribute(SC_VERSION_ATTR, "4.3.2");
 
   var nonce = getNonce();
   if (nonce) {
@@ -469,7 +469,7 @@ var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
 var wrapAsHtmlTag = function wrapAsHtmlTag(css, names) {
   return function (additionalAttrs) {
     var nonce = getNonce();
-    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.1" + '"', additionalAttrs];
+    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.2" + '"', additionalAttrs];
 
     var htmlAttr = attrs.filter(Boolean).join(' ');
     return '<style ' + htmlAttr + '>' + css() + '</style>';
@@ -481,7 +481,7 @@ var wrapAsElement = function wrapAsElement(css, names) {
   return function () {
     var _props;
 
-    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.1", _props);
+    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.2", _props);
 
     var nonce = getNonce();
     if (nonce) {
@@ -888,7 +888,7 @@ var StyleSheet$1 = function () {
     var isStreamed = false;
 
     /* retrieve all of our SSR style elements from the DOM */
-    var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.1" + '"]');
+    var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.2" + '"]');
 
     var nodesSize = nodes.length;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "styled-components",
-  "version": "4.3.1",
+  "version": "4.3.2",
   "description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress",
   "main": "dist/styled-components.cjs.js",
   "jsnext:main": "dist/styled-components.esm.js",
@@ -58,7 +58,8 @@
   "homepage": "https://styled-components.com",
   "dependencies": {
     "@babel/helper-module-imports": "^7.0.0",
-    "@emotion/is-prop-valid": "^0.7.3",
+    "@babel/traverse": "^7.0.0",
+    "@emotion/is-prop-valid": "^0.8.1",
     "@emotion/unitless": "^0.7.0",
     "babel-plugin-styled-components": ">= 1",
     "css-to-react-native": "^2.2.2",

package/primitives/dist/styled-components-primitives.cjs.js

@@ -447,7 +447,7 @@ var addUpUntilIndex = function addUpUntilIndex(sizes, index) {
 var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
   var el = document.createElement('style');
   el.setAttribute(SC_ATTR, '');
-  el.setAttribute(SC_VERSION_ATTR, "4.3.1");
+  el.setAttribute(SC_VERSION_ATTR, "4.3.2");
 
   var nonce = getNonce();
   if (nonce) {
@@ -476,7 +476,7 @@ var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
 var wrapAsHtmlTag = function wrapAsHtmlTag(css, names) {
   return function (additionalAttrs) {
     var nonce = getNonce();
-    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.1" + '"', additionalAttrs];
+    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.2" + '"', additionalAttrs];
 
     var htmlAttr = attrs.filter(Boolean).join(' ');
     return '<style ' + htmlAttr + '>' + css() + '</style>';
@@ -488,7 +488,7 @@ var wrapAsElement = function wrapAsElement(css, names) {
   return function () {
     var _props;
 
-    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.1", _props);
+    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.2", _props);
 
     var nonce = getNonce();
     if (nonce) {
@@ -895,7 +895,7 @@ var StyleSheet = function () {
     var isStreamed = false;
 
     /* retrieve all of our SSR style elements from the DOM */
-    var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.1" + '"]');
+    var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.2" + '"]');
 
     var nodesSize = nodes.length;
 

package/primitives/dist/styled-components-primitives.esm.js

@@ -440,7 +440,7 @@ var addUpUntilIndex = function addUpUntilIndex(sizes, index) {
 var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
   var el = document.createElement('style');
   el.setAttribute(SC_ATTR, '');
-  el.setAttribute(SC_VERSION_ATTR, "4.3.1");
+  el.setAttribute(SC_VERSION_ATTR, "4.3.2");
 
   var nonce = getNonce();
   if (nonce) {
@@ -469,7 +469,7 @@ var makeStyleTag = function makeStyleTag(target, tagEl, insertBefore) {
 var wrapAsHtmlTag = function wrapAsHtmlTag(css, names) {
   return function (additionalAttrs) {
     var nonce = getNonce();
-    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.1" + '"', additionalAttrs];
+    var attrs = [nonce && 'nonce="' + nonce + '"', SC_ATTR + '="' + stringifyNames(names) + '"', SC_VERSION_ATTR + '="' + "4.3.2" + '"', additionalAttrs];
 
     var htmlAttr = attrs.filter(Boolean).join(' ');
     return '<style ' + htmlAttr + '>' + css() + '</style>';
@@ -481,7 +481,7 @@ var wrapAsElement = function wrapAsElement(css, names) {
   return function () {
     var _props;
 
-    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.1", _props);
+    var props = (_props = {}, _props[SC_ATTR] = stringifyNames(names), _props[SC_VERSION_ATTR] = "4.3.2", _props);
 
     var nonce = getNonce();
     if (nonce) {
@@ -888,7 +888,7 @@ var StyleSheet = function () {
     var isStreamed = false;
 
     /* retrieve all of our SSR style elements from the DOM */
-    var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.1" + '"]');
+    var nodes = document.querySelectorAll('style[' + SC_ATTR + '][' + SC_VERSION_ATTR + '="' + "4.3.2" + '"]');
 
     var nodesSize = nodes.length;