@emotion/styled - npm Package Compare versions

Comparing version 11.12.0 to 11.13.0

base/dist/emotion-styled-base.browser.esm.js

@@ -99,3 +99,3 @@ import _extends from '@babel/runtime/helpers/esm/extends';
 
-var ILLEGAL_ESCAPE_SEQUENCE_ERROR = "You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences";
+var isDevelopment = false;
 
@@ -123,7 +123,2 @@ var Insertion = function Insertion(_ref) {
 ) {
-  if (process.env.NODE_ENV !== 'production') {
-    if (tag === undefined) {
-      throw new Error('You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.');
-    }
-  }
 
@@ -156,5 +151,2 @@ var isReal = tag.__emotion_real === tag;
     } else {
-      if (process.env.NODE_ENV !== 'production' && args[0][0] === undefined) {
-        console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);
-      }
 
@@ -166,5 +158,2 @@ styles.push(args[0][0]);
       for (; i < len; i++) {
-        if (process.env.NODE_ENV !== 'production' && args[0][i] === undefined) {
-          console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);
-        }
 
@@ -237,3 +226,3 @@ styles.push(args[i], args[0][i]);
       value: function value() {
-        if (targetClassName === undefined && process.env.NODE_ENV !== 'production') {
+        if (targetClassName === undefined && isDevelopment) {
           return 'NO_COMPONENT_SELECTOR';
@@ -240,0 +229,0 @@ }

base/dist/emotion-styled-base.cjs.d.ts

 export * from "../../dist/declarations/src/base";
 export { default } from "../../dist/declarations/src/base";
-//# sourceMappingURL=emotion-styled-base.cjs.d.ts.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1vdGlvbi1zdHlsZWQtYmFzZS5janMuZC50cyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2Rpc3QvZGVjbGFyYXRpb25zL3NyYy9iYXNlLmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEifQ==

base/dist/emotion-styled-base.cjs.js

 'use strict';
 
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./emotion-styled-base.cjs.prod.js");
-} else {
-  module.exports = require("./emotion-styled-base.cjs.dev.js");
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _extends = require('@babel/runtime/helpers/extends');
+var React = require('react');
+var isPropValid = require('@emotion/is-prop-valid');
+var react = require('@emotion/react');
+var utils = require('@emotion/utils');
+var serialize = require('@emotion/serialize');
+var useInsertionEffectWithFallbacks = require('@emotion/use-insertion-effect-with-fallbacks');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
 }
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var isPropValid__default = /*#__PURE__*/_interopDefault(isPropValid);
+
+/* import type {
+  ElementType,
+  StatelessFunctionalComponent,
+  AbstractComponent
+} from 'react' */
+/*
+export type Interpolations = Array<any>
+
+export type StyledElementType<Props> =
+  | string
+  | AbstractComponent<{ ...Props, className: string }, mixed>
+
+export type StyledOptions = {
+  label?: string,
+  shouldForwardProp?: string => boolean,
+  target?: string
+}
+
+export type StyledComponent<Props> = StatelessFunctionalComponent<Props> & {
+  defaultProps: any,
+  toString: () => string,
+  withComponent: (
+    nextTag: StyledElementType<Props>,
+    nextOptions?: StyledOptions
+  ) => StyledComponent<Props>
+}
+
+export type PrivateStyledComponent<Props> = StyledComponent<Props> & {
+  __emotion_real: StyledComponent<Props>,
+  __emotion_base: any,
+  __emotion_styles: any,
+  __emotion_forwardProp: any
+}
+*/
+
+var testOmitPropsOnStringTag = isPropValid__default["default"];
+
+var testOmitPropsOnComponent = function testOmitPropsOnComponent(key
+/*: string */
+) {
+  return key !== 'theme';
+};
+
+var getDefaultShouldForwardProp = function getDefaultShouldForwardProp(tag
+/*: ElementType */
+) {
+  return typeof tag === 'string' && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  tag.charCodeAt(0) > 96 ? testOmitPropsOnStringTag : testOmitPropsOnComponent;
+};
+var composeShouldForwardProps = function composeShouldForwardProps(tag
+/*: PrivateStyledComponent<any> */
+, options
+/*: StyledOptions | void */
+, isReal
+/*: boolean */
+) {
+  var shouldForwardProp;
+
+  if (options) {
+    var optionsShouldForwardProp = options.shouldForwardProp;
+    shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function (propName
+    /*: string */
+    ) {
+      return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);
+    } : optionsShouldForwardProp;
+  }
+
+  if (typeof shouldForwardProp !== 'function' && isReal) {
+    shouldForwardProp = tag.__emotion_forwardProp;
+  }
+
+  return shouldForwardProp;
+};
+/*
+export type CreateStyledComponent = <Props>(
+  ...args: Interpolations
+) => StyledComponent<Props>
+
+export type CreateStyled = {
+  <Props>(
+    tag: StyledElementType<Props>,
+    options?: StyledOptions
+  ): (...args: Interpolations) => StyledComponent<Props>,
+  [key: string]: CreateStyledComponent,
+  bind: () => CreateStyled
+}
+*/
+
+var isDevelopment = false;
+
+var isBrowser = typeof document !== 'undefined';
+
+var Insertion = function Insertion(_ref) {
+  var cache = _ref.cache,
+      serialized = _ref.serialized,
+      isStringTag = _ref.isStringTag;
+  utils.registerStyles(cache, serialized, isStringTag);
+  var rules = useInsertionEffectWithFallbacks.useInsertionEffectAlwaysWithSyncFallback(function () {
+    return utils.insertStyles(cache, serialized, isStringTag);
+  });
+
+  if (!isBrowser && rules !== undefined) {
+    var _ref2;
+
+    var serializedNames = serialized.name;
+    var next = serialized.next;
+
+    while (next !== undefined) {
+      serializedNames += ' ' + next.name;
+      next = next.next;
+    }
+
+    return /*#__PURE__*/React__namespace.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
+      __html: rules
+    }, _ref2.nonce = cache.sheet.nonce, _ref2));
+  }
+
+  return null;
+};
+
+var createStyled
+/*: CreateStyled */
+= function createStyled
+/*: CreateStyled */
+(tag
+/*: any */
+, options
+/* ?: StyledOptions */
+) {
+
+  var isReal = tag.__emotion_real === tag;
+  var baseTag = isReal && tag.__emotion_base || tag;
+  var identifierName;
+  var targetClassName;
+
+  if (options !== undefined) {
+    identifierName = options.label;
+    targetClassName = options.target;
+  }
+
+  var shouldForwardProp = composeShouldForwardProps(tag, options, isReal);
+  var defaultShouldForwardProp = shouldForwardProp || getDefaultShouldForwardProp(baseTag);
+  var shouldUseAs = !defaultShouldForwardProp('as');
+  /* return function<Props>(): PrivateStyledComponent<Props> { */
+
+  return function () {
+    var args = arguments;
+    var styles = isReal && tag.__emotion_styles !== undefined ? tag.__emotion_styles.slice(0) : [];
+
+    if (identifierName !== undefined) {
+      styles.push("label:" + identifierName + ";");
+    }
+
+    if (args[0] == null || args[0].raw === undefined) {
+      styles.push.apply(styles, args);
+    } else {
+
+      styles.push(args[0][0]);
+      var len = args.length;
+      var i = 1;
+
+      for (; i < len; i++) {
+
+        styles.push(args[i], args[0][i]);
+      }
+    }
+
+    var Styled
+    /*: PrivateStyledComponent<Props> */
+    = react.withEmotionCache(function (props, cache, ref) {
+      var FinalTag = shouldUseAs && props.as || baseTag;
+      var className = '';
+      var classInterpolations = [];
+      var mergedProps = props;
+
+      if (props.theme == null) {
+        mergedProps = {};
+
+        for (var key in props) {
+          mergedProps[key] = props[key];
+        }
+
+        mergedProps.theme = React__namespace.useContext(react.ThemeContext);
+      }
+
+      if (typeof props.className === 'string') {
+        className = utils.getRegisteredStyles(cache.registered, classInterpolations, props.className);
+      } else if (props.className != null) {
+        className = props.className + " ";
+      }
+
+      var serialized = serialize.serializeStyles(styles.concat(classInterpolations), cache.registered, mergedProps);
+      className += cache.key + "-" + serialized.name;
+
+      if (targetClassName !== undefined) {
+        className += " " + targetClassName;
+      }
+
+      var finalShouldForwardProp = shouldUseAs && shouldForwardProp === undefined ? getDefaultShouldForwardProp(FinalTag) : defaultShouldForwardProp;
+      var newProps = {};
+
+      for (var _key in props) {
+        if (shouldUseAs && _key === 'as') continue;
+
+        if (finalShouldForwardProp(_key)) {
+          newProps[_key] = props[_key];
+        }
+      }
+
+      newProps.className = className;
+
+      if (ref) {
+        newProps.ref = ref;
+      }
+
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion, {
+        cache: cache,
+        serialized: serialized,
+        isStringTag: typeof FinalTag === 'string'
+      }), /*#__PURE__*/React__namespace.createElement(FinalTag, newProps));
+    });
+    Styled.displayName = identifierName !== undefined ? identifierName : "Styled(" + (typeof baseTag === 'string' ? baseTag : baseTag.displayName || baseTag.name || 'Component') + ")";
+    Styled.defaultProps = tag.defaultProps;
+    Styled.__emotion_real = Styled;
+    Styled.__emotion_base = baseTag;
+    Styled.__emotion_styles = styles;
+    Styled.__emotion_forwardProp = shouldForwardProp;
+    Object.defineProperty(Styled, 'toString', {
+      value: function value() {
+        if (targetClassName === undefined && isDevelopment) {
+          return 'NO_COMPONENT_SELECTOR';
+        }
+
+        return "." + targetClassName;
+      }
+    });
+
+    Styled.withComponent = function (nextTag
+    /*: StyledElementType<Props> */
+    , nextOptions
+    /* ?: StyledOptions */
+    ) {
+      return createStyled(nextTag, _extends({}, options, nextOptions, {
+        shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
+      })).apply(void 0, styles);
+    };
+
+    return Styled;
+  };
+};
+
+exports["default"] = createStyled;

base/dist/emotion-styled-base.esm.js

@@ -99,3 +99,4 @@ import _extends from '@babel/runtime/helpers/esm/extends';
 
-var ILLEGAL_ESCAPE_SEQUENCE_ERROR = "You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences";
+var isDevelopment = false;
+
 var isBrowser = typeof document !== 'undefined';
@@ -140,7 +141,2 @@
 ) {
-  if (process.env.NODE_ENV !== 'production') {
-    if (tag === undefined) {
-      throw new Error('You are trying to create a styled element with an undefined component.\nYou may have forgotten to import it.');
-    }
-  }
 
@@ -173,5 +169,2 @@ var isReal = tag.__emotion_real === tag;
     } else {
-      if (process.env.NODE_ENV !== 'production' && args[0][0] === undefined) {
-        console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);
-      }
 
@@ -183,5 +176,2 @@ styles.push(args[0][0]);
       for (; i < len; i++) {
-        if (process.env.NODE_ENV !== 'production' && args[0][i] === undefined) {
-          console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR);
-        }
 
@@ -254,3 +244,3 @@ styles.push(args[i], args[0][i]);
       value: function value() {
-        if (targetClassName === undefined && process.env.NODE_ENV !== 'production') {
+        if (targetClassName === undefined && isDevelopment) {
           return 'NO_COMPONENT_SELECTOR';
@@ -257,0 +247,0 @@ }

base/dist/emotion-styled-base.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("@emotion/react")):"function"==typeof define&&define.amd?define(["react","@emotion/react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).emotionStyledBase=t(e.React,e.emotionReact)}(this,(function(e,t){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function i(){return i=Object.assign?Object.assign.bind():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},i.apply(this,arguments)}function o(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var a=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|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|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|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|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|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)-.*))$/,s=o((function(e){return a.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),l=function(e){return"theme"!==e},c=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?s:l},d=function(e,t,r){var n;if(t){var i=t.shouldForwardProp;n=e.__emotion_forwardProp&&i?function(t){return e.__emotion_forwardProp(t)&&i(t)}:i}return"function"!=typeof n&&r&&(n=e.__emotion_forwardProp),n};var u=function(e,t,r){var n=e.key+"-"+t.name;!1===r&&void 0===e.registered[n]&&(e.registered[n]=t.styles)};var f={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},p=/[A-Z]|^ms/g,m=/_EMO_([^_]+?)_([^]*?)_EMO_/g,h=function(e){return 45===e.charCodeAt(1)},g=function(e){return null!=e&&"boolean"!=typeof e},y=o((function(e){return h(e)?e:e.replace(p,"-$&").toLowerCase()})),v=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(m,(function(e,t,r){return x={name:t,styles:r,next:x},t}))}return 1===f[e]||h(e)||"number"!=typeof t||0===t?t:t+"px"};function b(e,t,r){if(null==r)return"";var n=r;if(void 0!==n.__emotion_styles)return n;switch(typeof r){case"boolean":return"";case"object":var i=r;if(1===i.anim)return x={name:i.name,styles:i.styles,next:x},i.name;var o=r;if(void 0!==o.styles){var a=o.next;if(void 0!==a)for(;void 0!==a;)x={name:a.name,styles:a.styles,next:x},a=a.next;return o.styles+";"}return function(e,t,r){var n="";if(Array.isArray(r))for(var i=0;i<r.length;i++)n+=b(e,t,r[i])+";";else for(var o in r){var a=r[o];if("object"!=typeof a){var s=a;null!=t&&void 0!==t[s]?n+=o+"{"+t[s]+"}":g(s)&&(n+=y(o)+":"+v(o,s)+";")}else if(!Array.isArray(a)||"string"!=typeof a[0]||null!=t&&void 0!==t[a[0]]){var l=b(e,t,a);switch(o){case"animation":case"animationName":n+=y(o)+":"+l+";";break;default:n+=o+"{"+l+"}"}}else for(var c=0;c<a.length;c++)g(a[c])&&(n+=y(o)+":"+v(o,a[c])+";")}return n}(e,t,r);case"function":if(void 0!==e){var s=x,l=r(e);return x=s,b(e,t,l)}}var c=r;if(null==t)return c;var d=t[c];return void 0!==d?d:c}var x,k=/label:\s*([^\s;\n{]+)\s*(;|$)/g;var w=!!n.useInsertionEffect&&n.useInsertionEffect||function(e){return e()},C=function(e){var t=e.cache,r=e.serialized,n=e.isStringTag;return u(t,r,n),w((function(){return function(e,t,r){u(e,t,r);var n=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var i=t;do{e.insert(t===i?"."+n:"",i,e.sheet,!0),i=i.next}while(void 0!==i)}}(t,r,n)})),null};return function e(r,o){var a,s,l=r.__emotion_real===r,u=l&&r.__emotion_base||r;void 0!==o&&(a=o.label,s=o.target);var f=d(r,o,l),p=f||c(u),m=!p("as");return function(){var h=arguments,g=l&&void 0!==r.__emotion_styles?r.__emotion_styles.slice(0):[];if(void 0!==a&&g.push("label:"+a+";"),null==h[0]||void 0===h[0].raw)g.push.apply(g,h);else{g.push(h[0][0]);for(var y=h.length,v=1;v<y;v++)g.push(h[v],h[0][v])}var w=t.withEmotionCache((function(e,r,i){var o,a,l,d,h=m&&e.as||u,y="",v=[],w=e;if(null==e.theme){for(var _ in w={},e)w[_]=e[_];w.theme=n.useContext(t.ThemeContext)}"string"==typeof e.className?(o=r.registered,a=v,l=e.className,d="",l.split(" ").forEach((function(e){void 0!==o[e]?a.push(o[e]+";"):d+=e+" "})),y=d):null!=e.className&&(y=e.className+" ");var S=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,i="";x=void 0;var o=e[0];null==o||void 0===o.raw?(n=!1,i+=b(r,t,o)):i+=o[0];for(var a=1;a<e.length;a++)i+=b(r,t,e[a]),n&&(i+=o[a]);k.lastIndex=0;for(var s,l="";null!==(s=k.exec(i));)l+="-"+s[1];var c=function(e){for(var t,r=0,n=0,i=e.length;i>=4;++n,i-=4)t=1540483477*(65535&(t=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))+(59797*(t>>>16)<<16),r=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&r)+(59797*(r>>>16)<<16);switch(i){case 3:r^=(255&e.charCodeAt(n+2))<<16;case 2:r^=(255&e.charCodeAt(n+1))<<8;case 1:r=1540483477*(65535&(r^=255&e.charCodeAt(n)))+(59797*(r>>>16)<<16)}return(((r=1540483477*(65535&(r^=r>>>13))+(59797*(r>>>16)<<16))^r>>>15)>>>0).toString(36)}(i)+l;return{name:c,styles:i,next:x}}(g.concat(v),r.registered,w);y+=r.key+"-"+S.name,void 0!==s&&(y+=" "+s);var A=m&&void 0===f?c(h):p,O={};for(var P in e)m&&"as"===P||A(P)&&(O[P]=e[P]);return O.className=y,i&&(O.ref=i),n.createElement(n.Fragment,null,n.createElement(C,{cache:r,serialized:S,isStringTag:"string"==typeof h}),n.createElement(h,O))}));return w.displayName=void 0!==a?a:"Styled("+("string"==typeof u?u:u.displayName||u.name||"Component")+")",w.defaultProps=r.defaultProps,w.__emotion_real=w,w.__emotion_base=u,w.__emotion_styles=g,w.__emotion_forwardProp=f,Object.defineProperty(w,"toString",{value:function(){return"."+s}}),w.withComponent=function(t,r){return e(t,i({},o,r,{shouldForwardProp:d(w,r,!0)})).apply(void 0,g)},w}}}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("@emotion/react")):"function"==typeof define&&define.amd?define(["react","@emotion/react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).emotionStyledBase=t(e.React,e.emotionReact)}(this,(function(e,t){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function o(){return o=Object.assign?Object.assign.bind():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},o.apply(this,arguments)}function i(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var a=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|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|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|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|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|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)-.*))$/,s=i((function(e){return a.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),l=function(e){return"theme"!==e},c=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?s:l},d=function(e,t,r){var n;if(t){var o=t.shouldForwardProp;n=e.__emotion_forwardProp&&o?function(t){return e.__emotion_forwardProp(t)&&o(t)}:o}return"function"!=typeof n&&r&&(n=e.__emotion_forwardProp),n};var u=function(e,t,r){var n=e.key+"-"+t.name;!1===r&&void 0===e.registered[n]&&(e.registered[n]=t.styles)};var f={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},p=!1,m=/[A-Z]|^ms/g,h=/_EMO_([^_]+?)_([^]*?)_EMO_/g,g=function(e){return 45===e.charCodeAt(1)},y=function(e){return null!=e&&"boolean"!=typeof e},v=i((function(e){return g(e)?e:e.replace(m,"-$&").toLowerCase()})),b=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(h,(function(e,t,r){return w={name:t,styles:r,next:w},t}))}return 1===f[e]||g(e)||"number"!=typeof t||0===t?t:t+"px"},x="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function k(e,t,r){if(null==r)return"";var n=r;if(void 0!==n.__emotion_styles)return n;switch(typeof r){case"boolean":return"";case"object":var o=r;if(1===o.anim)return w={name:o.name,styles:o.styles,next:w},o.name;var i=r;if(void 0!==i.styles){var a=i.next;if(void 0!==a)for(;void 0!==a;)w={name:a.name,styles:a.styles,next:w},a=a.next;return i.styles+";"}return function(e,t,r){var n="";if(Array.isArray(r))for(var o=0;o<r.length;o++)n+=k(e,t,r[o])+";";else for(var i in r){var a=r[i];if("object"!=typeof a){var s=a;null!=t&&void 0!==t[s]?n+=i+"{"+t[s]+"}":y(s)&&(n+=v(i)+":"+b(i,s)+";")}else{if("NO_COMPONENT_SELECTOR"===i&&p)throw new Error(x);if(!Array.isArray(a)||"string"!=typeof a[0]||null!=t&&void 0!==t[a[0]]){var l=k(e,t,a);switch(i){case"animation":case"animationName":n+=v(i)+":"+l+";";break;default:n+=i+"{"+l+"}"}}else for(var c=0;c<a.length;c++)y(a[c])&&(n+=v(i)+":"+b(i,a[c])+";")}}return n}(e,t,r);case"function":if(void 0!==e){var s=w,l=r(e);return w=s,k(e,t,l)}}var c=r;if(null==t)return c;var d=t[c];return void 0!==d?d:c}var w,C=/label:\s*([^\s;\n{]+)\s*(;|$)/g;var _=!!n.useInsertionEffect&&n.useInsertionEffect||function(e){return e()},S=function(e){var t=e.cache,r=e.serialized,n=e.isStringTag;return u(t,r,n),_((function(){return function(e,t,r){u(e,t,r);var n=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var o=t;do{e.insert(t===o?"."+n:"",o,e.sheet,!0),o=o.next}while(void 0!==o)}}(t,r,n)})),null};return function e(r,i){var a,s,l=r.__emotion_real===r,u=l&&r.__emotion_base||r;void 0!==i&&(a=i.label,s=i.target);var f=d(r,i,l),p=f||c(u),m=!p("as");return function(){var h=arguments,g=l&&void 0!==r.__emotion_styles?r.__emotion_styles.slice(0):[];if(void 0!==a&&g.push("label:"+a+";"),null==h[0]||void 0===h[0].raw)g.push.apply(g,h);else{g.push(h[0][0]);for(var y=h.length,v=1;v<y;v++)g.push(h[v],h[0][v])}var b=t.withEmotionCache((function(e,r,o){var i,a,l,d,h=m&&e.as||u,y="",v=[],b=e;if(null==e.theme){for(var x in b={},e)b[x]=e[x];b.theme=n.useContext(t.ThemeContext)}"string"==typeof e.className?(i=r.registered,a=v,l=e.className,d="",l.split(" ").forEach((function(e){void 0!==i[e]?a.push(i[e]+";"):d+=e+" "})),y=d):null!=e.className&&(y=e.className+" ");var _=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,o="";w=void 0;var i=e[0];null==i||void 0===i.raw?(n=!1,o+=k(r,t,i)):o+=i[0];for(var a=1;a<e.length;a++)o+=k(r,t,e[a]),n&&(o+=i[a]);C.lastIndex=0;for(var s,l="";null!==(s=C.exec(o));)l+="-"+s[1];var c=function(e){for(var t,r=0,n=0,o=e.length;o>=4;++n,o-=4)t=1540483477*(65535&(t=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))+(59797*(t>>>16)<<16),r=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&r)+(59797*(r>>>16)<<16);switch(o){case 3:r^=(255&e.charCodeAt(n+2))<<16;case 2:r^=(255&e.charCodeAt(n+1))<<8;case 1:r=1540483477*(65535&(r^=255&e.charCodeAt(n)))+(59797*(r>>>16)<<16)}return(((r=1540483477*(65535&(r^=r>>>13))+(59797*(r>>>16)<<16))^r>>>15)>>>0).toString(36)}(o)+l;return{name:c,styles:o,next:w}}(g.concat(v),r.registered,b);y+=r.key+"-"+_.name,void 0!==s&&(y+=" "+s);var O=m&&void 0===f?c(h):p,A={};for(var P in e)m&&"as"===P||O(P)&&(A[P]=e[P]);return A.className=y,o&&(A.ref=o),n.createElement(n.Fragment,null,n.createElement(S,{cache:r,serialized:_,isStringTag:"string"==typeof h}),n.createElement(h,A))}));return b.displayName=void 0!==a?a:"Styled("+("string"==typeof u?u:u.displayName||u.name||"Component")+")",b.defaultProps=r.defaultProps,b.__emotion_real=b,b.__emotion_base=u,b.__emotion_styles=g,b.__emotion_forwardProp=f,Object.defineProperty(b,"toString",{value:function(){return"."+s}}),b.withComponent=function(t,r){return e(t,o({},i,r,{shouldForwardProp:d(b,r,!0)})).apply(void 0,g)},b}}}));
 //# sourceMappingURL=emotion-styled-base.umd.min.js.map

base/package.json

@@ -5,5 +5,2 @@ {
   "umd:main": "dist/emotion-styled-base.umd.min.js",
-  "browser": {
-    "./dist/emotion-styled-base.esm.js": "./dist/emotion-styled-base.browser.esm.js"
-  },
   "types": "../types/base",
@@ -10,0 +7,0 @@ "preconstruct": {

dist/declarations/src/base.d.ts

@@ -1,2 +0,2 @@
-export * from '../types/base'
-export { default } from '../types/base'
+export * from "../types/base.js"
+export { default } from "../types/base.js"

dist/declarations/src/index.d.ts

@@ -1,2 +0,2 @@
-export * from '../types'
-export { default } from '../types'
+export * from "../types/index.js"
+export { default } from "../types/index.js"

dist/declarations/types/base.d.ts

@@ -7,3 +7,3 @@ // Definitions by: Junyoung Clare Jang <https://github.com/Ailrun>
 import { PropsOf, Theme } from '@emotion/react'
-import { ReactJSXIntrinsicElements } from './jsx-namespace'
+import { ReactJSXIntrinsicElements } from "./jsx-namespace.js"
 
@@ -10,0 +10,0 @@ export {

dist/declarations/types/index.d.ts

@@ -5,4 +5,4 @@ // Definitions by: Junyoung Clare Jang <https://github.com/Ailrun>
 import { Theme } from '@emotion/react'
-import { CreateStyled as BaseCreateStyled, CreateStyledComponent } from './base'
-import { ReactJSXIntrinsicElements } from './jsx-namespace'
+import { CreateStyled as BaseCreateStyled, CreateStyledComponent } from "./base.js"
+import { ReactJSXIntrinsicElements } from "./jsx-namespace.js"
 
@@ -19,3 +19,3 @@ export {
   CreateStyledComponent
-} from './base'
+} from "./base.js"
 
@@ -22,0 +22,0 @@ export type StyledTags = {

dist/emotion-styled.cjs.d.ts

 export * from "./declarations/src/index";
 export { default } from "./declarations/src/index";
-//# sourceMappingURL=emotion-styled.cjs.d.ts.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1vdGlvbi1zdHlsZWQuY2pzLmQudHMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuL2RlY2xhcmF0aW9ucy9zcmMvaW5kZXguZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSJ9

dist/emotion-styled.cjs.js

 'use strict';
 
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./emotion-styled.cjs.prod.js");
-} else {
-  module.exports = require("./emotion-styled.cjs.dev.js");
-}
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var base_dist_emotionStyledBase = require('../base/dist/emotion-styled-base.cjs.js');
+require('@babel/runtime/helpers/extends');
+require('react');
+require('@emotion/is-prop-valid');
+require('@emotion/react');
+require('@emotion/utils');
+require('@emotion/serialize');
+require('@emotion/use-insertion-effect-with-fallbacks');
+
+var tags = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr', // SVG
+'circle', 'clipPath', 'defs', 'ellipse', 'foreignObject', 'g', 'image', 'line', 'linearGradient', 'mask', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'stop', 'svg', 'text', 'tspan'];
+
+var newStyled = base_dist_emotionStyledBase["default"].bind();
+tags.forEach(function (tagName) {
+  newStyled[tagName] = newStyled(tagName);
+});
+
+exports["default"] = newStyled;

dist/emotion-styled.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("@emotion/react")):"function"==typeof define&&define.amd?define(["react","@emotion/react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).emotionStyled=t(e.React,e.emotionReact)}(this,(function(e,t){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function i(){return i=Object.assign?Object.assign.bind():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},i.apply(this,arguments)}function a(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var o=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|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|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|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|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|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)-.*))$/,l=a((function(e){return o.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),s=function(e){return"theme"!==e},c=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?l:s},d=function(e,t,r){var n;if(t){var i=t.shouldForwardProp;n=e.__emotion_forwardProp&&i?function(t){return e.__emotion_forwardProp(t)&&i(t)}:i}return"function"!=typeof n&&r&&(n=e.__emotion_forwardProp),n};var u=function(e,t,r){var n=e.key+"-"+t.name;!1===r&&void 0===e.registered[n]&&(e.registered[n]=t.styles)};var p={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},f=/[A-Z]|^ms/g,m=/_EMO_([^_]+?)_([^]*?)_EMO_/g,h=function(e){return 45===e.charCodeAt(1)},g=function(e){return null!=e&&"boolean"!=typeof e},y=a((function(e){return h(e)?e:e.replace(f,"-$&").toLowerCase()})),v=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(m,(function(e,t,r){return k={name:t,styles:r,next:k},t}))}return 1===p[e]||h(e)||"number"!=typeof t||0===t?t:t+"px"};function b(e,t,r){if(null==r)return"";var n=r;if(void 0!==n.__emotion_styles)return n;switch(typeof r){case"boolean":return"";case"object":var i=r;if(1===i.anim)return k={name:i.name,styles:i.styles,next:k},i.name;var a=r;if(void 0!==a.styles){var o=a.next;if(void 0!==o)for(;void 0!==o;)k={name:o.name,styles:o.styles,next:k},o=o.next;return a.styles+";"}return function(e,t,r){var n="";if(Array.isArray(r))for(var i=0;i<r.length;i++)n+=b(e,t,r[i])+";";else for(var a in r){var o=r[a];if("object"!=typeof o){var l=o;null!=t&&void 0!==t[l]?n+=a+"{"+t[l]+"}":g(l)&&(n+=y(a)+":"+v(a,l)+";")}else if(!Array.isArray(o)||"string"!=typeof o[0]||null!=t&&void 0!==t[o[0]]){var s=b(e,t,o);switch(a){case"animation":case"animationName":n+=y(a)+":"+s+";";break;default:n+=a+"{"+s+"}"}}else for(var c=0;c<o.length;c++)g(o[c])&&(n+=y(a)+":"+v(a,o[c])+";")}return n}(e,t,r);case"function":if(void 0!==e){var l=k,s=r(e);return k=l,b(e,t,s)}}var c=r;if(null==t)return c;var d=t[c];return void 0!==d?d:c}var k,x=/label:\s*([^\s;\n{]+)\s*(;|$)/g;var w=!!n.useInsertionEffect&&n.useInsertionEffect||function(e){return e()},C=function(e){var t=e.cache,r=e.serialized,n=e.isStringTag;return u(t,r,n),w((function(){return function(e,t,r){u(e,t,r);var n=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var i=t;do{e.insert(t===i?"."+n:"",i,e.sheet,!0),i=i.next}while(void 0!==i)}}(t,r,n)})),null},_=function e(r,a){var o,l,s=r.__emotion_real===r,u=s&&r.__emotion_base||r;void 0!==a&&(o=a.label,l=a.target);var p=d(r,a,s),f=p||c(u),m=!f("as");return function(){var h=arguments,g=s&&void 0!==r.__emotion_styles?r.__emotion_styles.slice(0):[];if(void 0!==o&&g.push("label:"+o+";"),null==h[0]||void 0===h[0].raw)g.push.apply(g,h);else{g.push(h[0][0]);for(var y=h.length,v=1;v<y;v++)g.push(h[v],h[0][v])}var w=t.withEmotionCache((function(e,r,i){var a,o,s,d,h=m&&e.as||u,y="",v=[],w=e;if(null==e.theme){for(var _ in w={},e)w[_]=e[_];w.theme=n.useContext(t.ThemeContext)}"string"==typeof e.className?(a=r.registered,o=v,s=e.className,d="",s.split(" ").forEach((function(e){void 0!==a[e]?o.push(a[e]+";"):d+=e+" "})),y=d):null!=e.className&&(y=e.className+" ");var S=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,i="";k=void 0;var a=e[0];null==a||void 0===a.raw?(n=!1,i+=b(r,t,a)):i+=a[0];for(var o=1;o<e.length;o++)i+=b(r,t,e[o]),n&&(i+=a[o]);x.lastIndex=0;for(var l,s="";null!==(l=x.exec(i));)s+="-"+l[1];var c=function(e){for(var t,r=0,n=0,i=e.length;i>=4;++n,i-=4)t=1540483477*(65535&(t=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))+(59797*(t>>>16)<<16),r=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&r)+(59797*(r>>>16)<<16);switch(i){case 3:r^=(255&e.charCodeAt(n+2))<<16;case 2:r^=(255&e.charCodeAt(n+1))<<8;case 1:r=1540483477*(65535&(r^=255&e.charCodeAt(n)))+(59797*(r>>>16)<<16)}return(((r=1540483477*(65535&(r^=r>>>13))+(59797*(r>>>16)<<16))^r>>>15)>>>0).toString(36)}(i)+s;return{name:c,styles:i,next:k}}(g.concat(v),r.registered,w);y+=r.key+"-"+S.name,void 0!==l&&(y+=" "+l);var A=m&&void 0===p?c(h):f,O={};for(var P in e)m&&"as"===P||A(P)&&(O[P]=e[P]);return O.className=y,i&&(O.ref=i),n.createElement(n.Fragment,null,n.createElement(C,{cache:r,serialized:S,isStringTag:"string"==typeof h}),n.createElement(h,O))}));return w.displayName=void 0!==o?o:"Styled("+("string"==typeof u?u:u.displayName||u.name||"Component")+")",w.defaultProps=r.defaultProps,w.__emotion_real=w,w.__emotion_base=u,w.__emotion_styles=g,w.__emotion_forwardProp=p,Object.defineProperty(w,"toString",{value:function(){return"."+l}}),w.withComponent=function(t,r){return e(t,i({},a,r,{shouldForwardProp:d(w,r,!0)})).apply(void 0,g)},w}}.bind();return["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"].forEach((function(e){_[e]=_(e)})),_}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("@emotion/react")):"function"==typeof define&&define.amd?define(["react","@emotion/react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).emotionStyled=t(e.React,e.emotionReact)}(this,(function(e,t){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function o(){return o=Object.assign?Object.assign.bind():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},o.apply(this,arguments)}function i(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var a=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|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|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|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|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|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)-.*))$/,l=i((function(e){return a.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),s=function(e){return"theme"!==e},c=function(e){return"string"==typeof e&&e.charCodeAt(0)>96?l:s},d=function(e,t,r){var n;if(t){var o=t.shouldForwardProp;n=e.__emotion_forwardProp&&o?function(t){return e.__emotion_forwardProp(t)&&o(t)}:o}return"function"!=typeof n&&r&&(n=e.__emotion_forwardProp),n};var u=function(e,t,r){var n=e.key+"-"+t.name;!1===r&&void 0===e.registered[n]&&(e.registered[n]=t.styles)};var p={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},f=!1,m=/[A-Z]|^ms/g,h=/_EMO_([^_]+?)_([^]*?)_EMO_/g,g=function(e){return 45===e.charCodeAt(1)},y=function(e){return null!=e&&"boolean"!=typeof e},v=i((function(e){return g(e)?e:e.replace(m,"-$&").toLowerCase()})),b=function(e,t){switch(e){case"animation":case"animationName":if("string"==typeof t)return t.replace(h,(function(e,t,r){return w={name:t,styles:r,next:w},t}))}return 1===p[e]||g(e)||"number"!=typeof t||0===t?t:t+"px"},k="Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";function x(e,t,r){if(null==r)return"";var n=r;if(void 0!==n.__emotion_styles)return n;switch(typeof r){case"boolean":return"";case"object":var o=r;if(1===o.anim)return w={name:o.name,styles:o.styles,next:w},o.name;var i=r;if(void 0!==i.styles){var a=i.next;if(void 0!==a)for(;void 0!==a;)w={name:a.name,styles:a.styles,next:w},a=a.next;return i.styles+";"}return function(e,t,r){var n="";if(Array.isArray(r))for(var o=0;o<r.length;o++)n+=x(e,t,r[o])+";";else for(var i in r){var a=r[i];if("object"!=typeof a){var l=a;null!=t&&void 0!==t[l]?n+=i+"{"+t[l]+"}":y(l)&&(n+=v(i)+":"+b(i,l)+";")}else{if("NO_COMPONENT_SELECTOR"===i&&f)throw new Error(k);if(!Array.isArray(a)||"string"!=typeof a[0]||null!=t&&void 0!==t[a[0]]){var s=x(e,t,a);switch(i){case"animation":case"animationName":n+=v(i)+":"+s+";";break;default:n+=i+"{"+s+"}"}}else for(var c=0;c<a.length;c++)y(a[c])&&(n+=v(i)+":"+b(i,a[c])+";")}}return n}(e,t,r);case"function":if(void 0!==e){var l=w,s=r(e);return w=l,x(e,t,s)}}var c=r;if(null==t)return c;var d=t[c];return void 0!==d?d:c}var w,C=/label:\s*([^\s;\n{]+)\s*(;|$)/g;var _=!!n.useInsertionEffect&&n.useInsertionEffect||function(e){return e()},S=function(e){var t=e.cache,r=e.serialized,n=e.isStringTag;return u(t,r,n),_((function(){return function(e,t,r){u(e,t,r);var n=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var o=t;do{e.insert(t===o?"."+n:"",o,e.sheet,!0),o=o.next}while(void 0!==o)}}(t,r,n)})),null},O=function e(r,i){var a,l,s=r.__emotion_real===r,u=s&&r.__emotion_base||r;void 0!==i&&(a=i.label,l=i.target);var p=d(r,i,s),f=p||c(u),m=!f("as");return function(){var h=arguments,g=s&&void 0!==r.__emotion_styles?r.__emotion_styles.slice(0):[];if(void 0!==a&&g.push("label:"+a+";"),null==h[0]||void 0===h[0].raw)g.push.apply(g,h);else{g.push(h[0][0]);for(var y=h.length,v=1;v<y;v++)g.push(h[v],h[0][v])}var b=t.withEmotionCache((function(e,r,o){var i,a,s,d,h=m&&e.as||u,y="",v=[],b=e;if(null==e.theme){for(var k in b={},e)b[k]=e[k];b.theme=n.useContext(t.ThemeContext)}"string"==typeof e.className?(i=r.registered,a=v,s=e.className,d="",s.split(" ").forEach((function(e){void 0!==i[e]?a.push(i[e]+";"):d+=e+" "})),y=d):null!=e.className&&(y=e.className+" ");var _=function(e,t,r){if(1===e.length&&"object"==typeof e[0]&&null!==e[0]&&void 0!==e[0].styles)return e[0];var n=!0,o="";w=void 0;var i=e[0];null==i||void 0===i.raw?(n=!1,o+=x(r,t,i)):o+=i[0];for(var a=1;a<e.length;a++)o+=x(r,t,e[a]),n&&(o+=i[a]);C.lastIndex=0;for(var l,s="";null!==(l=C.exec(o));)s+="-"+l[1];var c=function(e){for(var t,r=0,n=0,o=e.length;o>=4;++n,o-=4)t=1540483477*(65535&(t=255&e.charCodeAt(n)|(255&e.charCodeAt(++n))<<8|(255&e.charCodeAt(++n))<<16|(255&e.charCodeAt(++n))<<24))+(59797*(t>>>16)<<16),r=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&r)+(59797*(r>>>16)<<16);switch(o){case 3:r^=(255&e.charCodeAt(n+2))<<16;case 2:r^=(255&e.charCodeAt(n+1))<<8;case 1:r=1540483477*(65535&(r^=255&e.charCodeAt(n)))+(59797*(r>>>16)<<16)}return(((r=1540483477*(65535&(r^=r>>>13))+(59797*(r>>>16)<<16))^r>>>15)>>>0).toString(36)}(o)+s;return{name:c,styles:o,next:w}}(g.concat(v),r.registered,b);y+=r.key+"-"+_.name,void 0!==l&&(y+=" "+l);var O=m&&void 0===p?c(h):f,A={};for(var P in e)m&&"as"===P||O(P)&&(A[P]=e[P]);return A.className=y,o&&(A.ref=o),n.createElement(n.Fragment,null,n.createElement(S,{cache:r,serialized:_,isStringTag:"string"==typeof h}),n.createElement(h,A))}));return b.displayName=void 0!==a?a:"Styled("+("string"==typeof u?u:u.displayName||u.name||"Component")+")",b.defaultProps=r.defaultProps,b.__emotion_real=b,b.__emotion_base=u,b.__emotion_styles=g,b.__emotion_forwardProp=p,Object.defineProperty(b,"toString",{value:function(){return"."+l}}),b.withComponent=function(t,r){return e(t,o({},i,r,{shouldForwardProp:d(b,r,!0)})).apply(void 0,g)},b}}.bind();return["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"].forEach((function(e){O[e]=O(e)})),O}));
 //# sourceMappingURL=emotion-styled.umd.min.js.map

package.json

 {
   "name": "@emotion/styled",
-  "version": "11.12.0",
+  "version": "11.13.0",
   "description": "styled API for emotion",
@@ -17,5 +17,5 @@ "main": "dist/emotion-styled.cjs.js",
     "@emotion/is-prop-valid": "^1.3.0",
-    "@emotion/serialize": "^1.2.0",
-    "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
-    "@emotion/utils": "^1.3.0"
+    "@emotion/serialize": "^1.3.0",
+    "@emotion/use-insertion-effect-with-fallbacks": "^1.1.0",
+    "@emotion/utils": "^1.4.0"
   },
@@ -33,3 +33,3 @@ "peerDependencies": {
     "@definitelytyped/dtslint": "0.0.112",
-    "@emotion/react": "11.12.0",
+    "@emotion/react": "11.13.0",
     "react": "16.14.0",
@@ -49,12 +49,54 @@ "typescript": "^5.4.5"
   "umd:main": "dist/emotion-styled.umd.min.js",
-  "browser": {
-    "./dist/emotion-styled.esm.js": "./dist/emotion-styled.browser.esm.js"
-  },
   "exports": {
     "./base": {
-      "module": {
-        "worker": "./base/dist/emotion-styled-base.worker.esm.js",
-        "browser": "./base/dist/emotion-styled-base.browser.esm.js",
-        "default": "./base/dist/emotion-styled-base.esm.js"
+      "types": {
+        "import": "./base/dist/emotion-styled-base.cjs.mjs",
+        "default": "./base/dist/emotion-styled-base.cjs.js"
       },
+      "development": {
+        "edge-light": {
+          "module": "./base/dist/emotion-styled-base.development.edge-light.esm.js",
+          "import": "./base/dist/emotion-styled-base.development.edge-light.cjs.mjs",
+          "default": "./base/dist/emotion-styled-base.development.edge-light.cjs.js"
+        },
+        "worker": {
+          "module": "./base/dist/emotion-styled-base.development.edge-light.esm.js",
+          "import": "./base/dist/emotion-styled-base.development.edge-light.cjs.mjs",
+          "default": "./base/dist/emotion-styled-base.development.edge-light.cjs.js"
+        },
+        "workerd": {
+          "module": "./base/dist/emotion-styled-base.development.edge-light.esm.js",
+          "import": "./base/dist/emotion-styled-base.development.edge-light.cjs.mjs",
+          "default": "./base/dist/emotion-styled-base.development.edge-light.cjs.js"
+        },
+        "browser": {
+          "module": "./base/dist/emotion-styled-base.browser.development.esm.js",
+          "import": "./base/dist/emotion-styled-base.browser.development.cjs.mjs",
+          "default": "./base/dist/emotion-styled-base.browser.development.cjs.js"
+        },
+        "module": "./base/dist/emotion-styled-base.development.esm.js",
+        "import": "./base/dist/emotion-styled-base.development.cjs.mjs",
+        "default": "./base/dist/emotion-styled-base.development.cjs.js"
+      },
+      "edge-light": {
+        "module": "./base/dist/emotion-styled-base.edge-light.esm.js",
+        "import": "./base/dist/emotion-styled-base.edge-light.cjs.mjs",
+        "default": "./base/dist/emotion-styled-base.edge-light.cjs.js"
+      },
+      "worker": {
+        "module": "./base/dist/emotion-styled-base.edge-light.esm.js",
+        "import": "./base/dist/emotion-styled-base.edge-light.cjs.mjs",
+        "default": "./base/dist/emotion-styled-base.edge-light.cjs.js"
+      },
+      "workerd": {
+        "module": "./base/dist/emotion-styled-base.edge-light.esm.js",
+        "import": "./base/dist/emotion-styled-base.edge-light.cjs.mjs",
+        "default": "./base/dist/emotion-styled-base.edge-light.cjs.js"
+      },
+      "browser": {
+        "module": "./base/dist/emotion-styled-base.browser.esm.js",
+        "import": "./base/dist/emotion-styled-base.browser.cjs.mjs",
+        "default": "./base/dist/emotion-styled-base.browser.cjs.js"
+      },
+      "module": "./base/dist/emotion-styled-base.esm.js",
       "import": "./base/dist/emotion-styled-base.cjs.mjs",
@@ -64,7 +106,52 @@ "default": "./base/dist/emotion-styled-base.cjs.js"
     ".": {
-      "module": {
-        "worker": "./dist/emotion-styled.worker.esm.js",
-        "browser": "./dist/emotion-styled.browser.esm.js",
-        "default": "./dist/emotion-styled.esm.js"
+      "types": {
+        "import": "./dist/emotion-styled.cjs.mjs",
+        "default": "./dist/emotion-styled.cjs.js"
       },
+      "development": {
+        "edge-light": {
+          "module": "./dist/emotion-styled.development.edge-light.esm.js",
+          "import": "./dist/emotion-styled.development.edge-light.cjs.mjs",
+          "default": "./dist/emotion-styled.development.edge-light.cjs.js"
+        },
+        "worker": {
+          "module": "./dist/emotion-styled.development.edge-light.esm.js",
+          "import": "./dist/emotion-styled.development.edge-light.cjs.mjs",
+          "default": "./dist/emotion-styled.development.edge-light.cjs.js"
+        },
+        "workerd": {
+          "module": "./dist/emotion-styled.development.edge-light.esm.js",
+          "import": "./dist/emotion-styled.development.edge-light.cjs.mjs",
+          "default": "./dist/emotion-styled.development.edge-light.cjs.js"
+        },
+        "browser": {
+          "module": "./dist/emotion-styled.browser.development.esm.js",
+          "import": "./dist/emotion-styled.browser.development.cjs.mjs",
+          "default": "./dist/emotion-styled.browser.development.cjs.js"
+        },
+        "module": "./dist/emotion-styled.development.esm.js",
+        "import": "./dist/emotion-styled.development.cjs.mjs",
+        "default": "./dist/emotion-styled.development.cjs.js"
+      },
+      "edge-light": {
+        "module": "./dist/emotion-styled.edge-light.esm.js",
+        "import": "./dist/emotion-styled.edge-light.cjs.mjs",
+        "default": "./dist/emotion-styled.edge-light.cjs.js"
+      },
+      "worker": {
+        "module": "./dist/emotion-styled.edge-light.esm.js",
+        "import": "./dist/emotion-styled.edge-light.cjs.mjs",
+        "default": "./dist/emotion-styled.edge-light.cjs.js"
+      },
+      "workerd": {
+        "module": "./dist/emotion-styled.edge-light.esm.js",
+        "import": "./dist/emotion-styled.edge-light.cjs.mjs",
+        "default": "./dist/emotion-styled.edge-light.cjs.js"
+      },
+      "browser": {
+        "module": "./dist/emotion-styled.browser.esm.js",
+        "import": "./dist/emotion-styled.browser.cjs.mjs",
+        "default": "./dist/emotion-styled.browser.cjs.js"
+      },
+      "module": "./dist/emotion-styled.esm.js",
       "import": "./dist/emotion-styled.cjs.mjs",
@@ -82,2 +169,15 @@ "default": "./dist/emotion-styled.cjs.js"
   },
+  "imports": {
+    "#is-development": {
+      "development": "./src/conditions/true.js",
+      "default": "./src/conditions/false.js"
+    },
+    "#is-browser": {
+      "edge-light": "./src/conditions/false.js",
+      "workerd": "./src/conditions/false.js",
+      "worker": "./src/conditions/false.js",
+      "browser": "./src/conditions/true.js",
+      "default": "./src/conditions/is-browser.js"
+    }
+  },
   "preconstruct": {
@@ -90,6 +190,2 @@ "umdName": "emotionStyled",
     "exports": {
-      "envConditions": [
-        "browser",
-        "worker"
-      ],
       "extra": {
@@ -96,0 +192,0 @@ "./macro": {

src/base.js

@@ -13,2 +13,4 @@ import * as React from 'react'
 import { withEmotionCache, ThemeContext } from '@emotion/react'
+import isDevelopment from '#is-development'
+import isBrowser from '#is-browser'
 import {
@@ -27,4 +29,2 @@ getRegisteredStyles,
 
-let isBrowser = typeof document !== 'undefined'
-
 const Insertion = ({ cache, serialized, isStringTag }) => {
@@ -61,3 +61,3 @@ registerStyles(cache, serialized, isStringTag)
 ) => {
-  if (process.env.NODE_ENV !== 'production') {
+  if (isDevelopment) {
     if (tag === undefined) {
@@ -98,3 +98,3 @@ throw new Error(
     } else {
-      if (process.env.NODE_ENV !== 'production' && args[0][0] === undefined) {
+      if (isDevelopment && args[0][0] === undefined) {
         console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR)
@@ -106,3 +106,3 @@ }
       for (; i < len; i++) {
-        if (process.env.NODE_ENV !== 'production' && args[0][i] === undefined) {
+        if (isDevelopment && args[0][i] === undefined) {
           console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR)
@@ -198,6 +198,3 @@ }
       value() {
-        if (
-          targetClassName === undefined &&
-          process.env.NODE_ENV !== 'production'
-        ) {
+        if (targetClassName === undefined && isDevelopment) {
           return 'NO_COMPONENT_SELECTOR'
@@ -204,0 +201,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

264063

increased by39.19%

Number of package files

82

increased by60.78%

Lines of code

3962

increased by77.83%

Number of low supply chain risk alerts

1

decreased by-95.65%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• Updated@emotion/serialize@^1.3.0

• Updated@emotion/use-insertion-effect-with-fallbacks@^1.1.0

• Updated@emotion/utils@^1.4.0