styled-components 6.0.0-alpha.3 → 6.0.0-alpha.6

package/dist/styled-components.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@emotion/is-prop-valid"),n=require("react"),r=require("shallowequal"),o=require("stylis"),s=require("@emotion/unitless");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(t),c=i(n),u=i(r),l=i(s),p="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",d="6.0.0-alpha.3",h=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),f={},y=/invalid hook call/i,m=new Set,v=function(t,r){if("production"!==process.env.NODE_ENV){var o=r?' with the id of "'.concat(r,'"'):"",s="The component ".concat(t).concat(o," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",i=console.error;try{var a=!0;console.error=function(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];y.test(t)?(a=!1,m.delete(s)):i.apply(void 0,e.__spreadArray([t],e.__read(n),!1))},n.useRef(),a&&!m.has(s)&&(console.warn(s),m.add(s))}catch(e){y.test(e.message)&&m.delete(s)}finally{console.error=i}}},g=Object.freeze([]),S=Object.freeze({});function _(e,t,n){return void 0===n&&(n=S),e.theme!==n.theme&&e.theme||t||n.theme}var w=["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","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"],b=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,E=/(^-|-$)/g;function N(e){return e.replace(b,"-").replace(E,"")}var C=/(a)(d)/gi,A=function(e){return String.fromCharCode(e+(e>25?39:97))};function P(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=A(t%52)+n;return(A(t%52)+n).replace(C,"$1-$2")}var I,x=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},O=function(e){return x(5381,e)};function D(e){return P(O(e)>>>0)}function R(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function T(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var j="function"==typeof Symbol&&Symbol.for,V=j?Symbol.for("react.memo"):60115,k=j?Symbol.for("react.forward_ref"):60112,M={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},$={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},z={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},B=((I={})[k]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},I[V]=z,I);function G(e){return("type"in(t=e)&&t.type.$$typeof)===V?z:"$$typeof"in e?B[e.$$typeof]:M;var t}var F=Object.defineProperty,L=Object.getOwnPropertyNames,q=Object.getOwnPropertySymbols,Y=Object.getOwnPropertyDescriptor,H=Object.getPrototypeOf,W=Object.prototype;function U(e,t,n){if("string"!=typeof t){if(W){var r=H(t);r&&r!==W&&U(e,r,n)}var o=L(t);q&&(o=o.concat(q(t)));for(var s=G(e),i=G(t),a=0;a<o.length;++a){var c=o[a];if(!(c in $||n&&n[c]||i&&c in i||s&&c in s)){var u=Y(t,c);try{F(e,c,u)}catch(e){}}}}return e}function J(e){return"object"==typeof e&&"styledComponentId"in e}function Z(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function X(e,t,n){if(void 0===n&&(n=!1),!n&&!Z(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=X(e[r],t[r]);else if(Z(t))for(var r in t)e[r]=X(e[r],t[r]);return e}var K="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function Q(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],r=[],o=1,s=e.length;o<s;o+=1)r.push(e[o]);return r.forEach((function(e){n=n.replace(/%[a-z]/,e)})),n}function ee(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];return"production"===process.env.NODE_ENV?new Error("An error occurred. See https://git.io/JUIaE#".concat(t," for more information.").concat(n.length>0?" Args: ".concat(n.join(", ")):"")):new Error(Q.apply(void 0,e.__spreadArray([K[t]],e.__read(n),!1)).trim())}var te=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)if((o<<=1)<0)throw ee(16,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var s=r;s<o;s++)this.groupSizes[s]=0}var i=this.indexOfGroup(e+1);if(Array.isArray(t)){s=0;for(var a=t.length;s<a;s++)this.tag.insertRule(i,t[s])&&(this.groupSizes[e]++,i++)}else this.tag.insertRule(i,t)&&this.groupSizes[e]++},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,s=r;s<o;s++)t+="".concat(this.tag.getRule(s)).concat("/*!sc*/\n");return t},e}(),ne=new Map,re=new Map,oe=1,se=function(e){if(ne.has(e))return ne.get(e);for(;re.has(oe);)oe++;var t=oe++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw ee(16,"".concat(t));return ne.set(e,t),re.set(t,e),t},ie=("style[".concat(p,"][").concat("data-styled-version",'="').concat(d,'"]'),new RegExp("^".concat(p,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),function(e){for(var t=e.getTag(),n=t.length,r="",o=function(n){var o=function(e){return re.get(e)}(n);if(void 0===o)return"continue";var s=e.names.get(o),i=t.getGroup(n);if(void 0===s||0===i.length)return"continue";var a="".concat(p,".g").concat(n,'[id="').concat(o,'"]'),c="";void 0!==s&&s.forEach((function(e){e.length>0&&(c+="".concat(e,","))})),r+="".concat(i).concat(a,'{content:"').concat(c,'"}').concat("/*!sc*/\n")},s=0;s<n;s++)o(s);return r});function ae(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var ce=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(p))return r}}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(p,"active"),r.setAttribute("data-styled-version",d);var i=ae();return i&&r.setAttribute("nonce",i),n.insertBefore(r,s),r},ue=function(){function e(e){var t=this.element=ce(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}throw ee(17)}(t),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),le=function(){function e(e){var t=this.element=ce(e);this.nodes=t.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),pe=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),de={isServer:!0,useCSSOMInjection:!h},he=function(){function t(t,n,r){void 0===t&&(t=S),void 0===n&&(n={}),this.options=e.__assign(e.__assign({},de),t),this.gs=n,this.names=new Map(r),this.server=!!t.isServer,this.server}return t.registerId=function(e){return se(e)},t.prototype.reconstructWithOptions=function(n,r){return void 0===r&&(r=!0),new t(e.__assign(e.__assign({},this.options),n),this.gs,r&&this.names||void 0)},t.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.isServer,n=e.useCSSOMInjection,r=e.target;return t?new pe(r):n?new ue(r):new le(r)}(this.options),new te(e)));var e},t.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.prototype.registerName=function(e,t){if(se(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},t.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(se(e),n)},t.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.prototype.clearRules=function(e){this.getTag().clearGroup(se(e)),this.clearNames(e)},t.prototype.clearTag=function(){this.tag=void 0},t.prototype.toString=function(){return ie(this)},t}(),fe=/^\s*\/\/.*$/gm,ye=[":","[",".","#"];function me(e){var t,n,r,s,i=void 0===e?S:e,a=i.options,c=void 0===a?S:a,u=i.plugins,l=void 0===u?g:u,p=function(e,r,o){return 0===r&&ye.includes(o[n.length])||o.match(s)?e:".".concat(t)},d=function(e){if(e.type===o.RULESET&&e.value.includes("&")){var t=e.props;t[0]=t[0].replace(r,p)}},h=function(e,i,a,u){void 0===i&&(i=""),void 0===a&&(a=""),void 0===u&&(u="&");var p=e.replace(fe,"");t=u,n=i,r=new RegExp("\\".concat(n,"\\b"),"g"),s=new RegExp("(\\".concat(n,"\\b){2,}"));var h=l.slice();return(c.prefix||void 0===c.prefix)&&h.unshift(o.prefixer),h.push(d,o.stringify),o.serialize(o.compile(a||i?"".concat(a," ").concat(i," { ").concat(p," }"):p),o.middleware(h))};return h.hash=l.length?l.reduce((function(e,t){return t.name||ee(15),x(e,t.name)}),5381).toString():"",h}var ve=c.default.createContext(void 0),ge=ve.Consumer,Se=c.default.createContext(void 0);Se.Consumer;var _e=new he,we=me();function be(){return n.useContext(ve)||_e}function Ee(){return n.useContext(Se)||we}function Ne(t){var r=e.__read(n.useState(t.stylisPlugins),2),o=r[0],s=r[1],i=be(),a=n.useMemo((function(){var e=i;return t.sheet?e=t.sheet:t.target&&(e=e.reconstructWithOptions({target:t.target},!1)),t.disableCSSOMInjection&&(e=e.reconstructWithOptions({useCSSOMInjection:!1})),e}),[t.disableCSSOMInjection,t.sheet,t.target]),l=n.useMemo((function(){return me({options:{prefix:!t.disableVendorPrefixes},plugins:o})}),[t.disableVendorPrefixes,o]);return n.useEffect((function(){u.default(o,t.stylisPlugins)||s(t.stylisPlugins)}),[t.stylisPlugins]),c.default.createElement(ve.Provider,{value:a},c.default.createElement(Se.Provider,{value:l},"production"!==process.env.NODE_ENV?c.default.Children.only(t.children):t.children))}var Ce=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=we);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.toString=function(){throw ee(12,String(n.name))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=we),this.name+e.hash},e}(),Ae=/([A-Z])/,Pe=/([A-Z])/g,Ie=/^ms-/,xe=function(e){return"-".concat(e.toLowerCase())};function Oe(e){return Ae.test(e)?e.replace(Pe,xe).replace(Ie,"-ms-"):e}function De(e){return"function"==typeof e}var Re=function(e){return null==e||!1===e||""===e},Te=function(t,n){var r,o,s=[];for(var i in t)t.hasOwnProperty(i)&&!Re(t[i])&&(Array.isArray(t[i])&&t[i].isCss||De(t[i])?s.push("".concat(Oe(i),":"),t[i],";"):Z(t[i])?s.push.apply(s,e.__spreadArray([],e.__read(Te(t[i],i)),!1)):s.push("".concat(Oe(i),": ").concat((r=i,null==(o=t[i])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||r in l.default?String(o).trim():"".concat(o,"px")),";")));return n?e.__spreadArray(e.__spreadArray(["".concat(n," {")],e.__read(s),!1),["}"],!1):s};function je(t,n,r,o){if(Array.isArray(t)){for(var s=[],i=0,a=t.length,c=void 0;i<a;i+=1)""!==(c=je(t[i],n,r,o))&&(Array.isArray(c)?s.push.apply(s,e.__spreadArray([],e.__read(c),!1)):s.push(c));return s}if(Re(t))return"";if(J(t))return".".concat(t.styledComponentId);if(De(t)){if("function"!=typeof(l=t)||l.prototype&&l.prototype.isReactComponent||!n)return t;var u=t;return c=u(n),"production"===process.env.NODE_ENV||"object"!=typeof c||Array.isArray(c)||c instanceof Ce||Z(c)||console.error("".concat(R(u)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),je(c,n,r,o)}var l;return t instanceof Ce?r?(t.inject(r,o),t.getName(o)):t:Z(t)?Te(t):t.toString()}function Ve(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(De(n)&&!J(n))return!1}return!0}var ke=O(d),Me=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&Ve(e),this.componentId=t,this.baseHash=x(ke,t),this.baseStyle=n,he.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.componentId,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(r,this.staticRulesId))o.push(this.staticRulesId);else{var s=je(this.rules,e,t,n).join(""),i=P(x(this.baseHash,s)>>>0);if(!t.hasNameForId(r,i)){var a=n(s,".".concat(i),void 0,r);t.insertRules(r,i,a)}o.push(i),this.staticRulesId=i}else{for(var c=this.rules.length,u=x(this.baseHash,n.hash),l="",p=0;p<c;p++){var d=this.rules[p];if("string"==typeof d)l+=d,"production"!==process.env.NODE_ENV&&(u=x(u,d+p));else if(d){var h=je(d,e,t,n),f=Array.isArray(h)?h.join(""):h;u=x(u,f+p),l+=f}}if(l){var y=P(u>>>0);if(!t.hasNameForId(r,y)){var m=n(l,".".concat(y),void 0,r);t.insertRules(r,y,m)}o.push(y)}}return o.join(" ")},e}(),$e=c.default.createContext(void 0),ze=$e.Consumer,Be={};function Ge(t,r,o){var s=J(t),i=t,u=!T(t),l=r.attrs,p=void 0===l?g:l,h=r.componentId,f=void 0===h?function(e,t){var n="string"!=typeof e?"sc":N(e);Be[n]=(Be[n]||0)+1;var r="".concat(n,"-").concat(D(d+n+Be[n]));return t?"".concat(t,"-").concat(r):r}(r.displayName,r.parentComponentId):h,y=r.displayName,m=void 0===y?function(e){return T(e)?"styled.".concat(e):"Styled(".concat(R(e),")")}(t):y,b=r.displayName&&r.componentId?"".concat(N(r.displayName),"-").concat(r.componentId):r.componentId||f,E=s&&i.attrs?i.attrs.concat(p).filter(Boolean):p,C=r.shouldForwardProp;if(s&&i.shouldForwardProp){var A=i.shouldForwardProp;if(r.shouldForwardProp){var P=r.shouldForwardProp;C=function(e,t,n){return A(e,t,n)&&P(e,t,n)}}else C=A}var I=new Me(o,b,s?i.componentStyle:void 0),x=I.isStatic&&0===p.length;function O(t,r){return function(t,r,o,s){var i=t.attrs,c=t.componentStyle,u=t.defaultProps,l=t.foldedComponentIds,p=t.shouldForwardProp,d=t.styledComponentId,h=t.target;"production"!==process.env.NODE_ENV&&n.useDebugValue(d);var f=_(r,n.useContext($e),u),y=e.__read(function(t,n,r){void 0===t&&(t=S);var o=e.__assign(e.__assign({},n),{theme:t}),s={};return r.forEach((function(e){var t,n,r,i="function"==typeof e?e(o):e;for(t in i)o[t]=s[t]="className"===t?(n=s[t],r=i[t],n&&r?"".concat(n," ").concat(r):n||r):i[t]})),[o,s]}(f||S,r,i),2),m=y[0],v=y[1],g=function(e,t,r,o){var s=be(),i=Ee(),a=t?e.generateAndInjectStyles(S,s,i):e.generateAndInjectStyles(r,s,i);return"production"!==process.env.NODE_ENV&&n.useDebugValue(a),"production"!==process.env.NODE_ENV&&!t&&o&&o(a),a}(c,s,m,"production"!==process.env.NODE_ENV?t.warnTooManyClasses:void 0),b=o,E=v.$as||r.$as||v.as||r.as||h,N=T(E),C=v!==r?e.__assign(e.__assign({},r),v):r,A={};for(var P in C)"$"!==P[0]&&"as"!==P&&("forwardedAs"===P?A.as=C[P]:(p?p(P,a.default,E):!N||a.default(P))&&(A[P]=C[P]));return r.style&&v.style!==r.style&&(A.style=e.__assign(e.__assign({},r.style),v.style)),A[N&&-1===w.indexOf(E)?"class":"className"]=l.concat(d,g!==d?g:null,r.className,v.className).filter(Boolean).join(" "),A.ref=b,n.createElement(E,A)}(j,t,r,x)}O.displayName=m;var j=c.default.forwardRef(O);return j.attrs=E,j.componentStyle=I,j.displayName=m,j.shouldForwardProp=C,j.foldedComponentIds=s?i.foldedComponentIds.concat(i.styledComponentId):g,j.styledComponentId=b,j.target=s?i.target:t,j.withComponent=function(t){var n=r.componentId,s=e.__rest(r,["componentId"]),i=n&&"".concat(n,"-").concat(T(t)?t:N(R(t)));return Ge(t,e.__assign(e.__assign({},s),{attrs:E,componentId:i}),o)},Object.defineProperty(j,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=s?function(t){var n,r;void 0===t&&(t={});for(var o=[],s=1;s<arguments.length;s++)o[s-1]=arguments[s];try{for(var i=e.__values(o),a=i.next();!a.done;a=i.next())X(t,a.value,!0)}catch(e){n={error:e}}finally{try{a&&!a.done&&(r=i.return)&&r.call(i)}finally{if(n)throw n.error}}return t}({},i.defaultProps,t):t}}),"production"!==process.env.NODE_ENV&&(v(m,b),j.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var s=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(s,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"),r=!0,n={}}}}(m,b)),j.toString=function(){return".".concat(j.styledComponentId)},u&&U(j,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),j}function Fe(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n}var Le=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function qe(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];if(De(t)||Z(t)){var o=t;return Le(je(Fe(g,e.__spreadArray([o],e.__read(n),!1))))}var s=t;return 0===n.length&&1===s.length&&"string"==typeof s[0]?s:Le(je(Fe(s,n)))}function Ye(t,n,r){if(void 0===r&&(r=S),!n)throw ee(1,n);var o=function(o){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];return t(n,r,qe.apply(void 0,e.__spreadArray([o],e.__read(s),!1)))};return o.attrs=function(o){return Ye(t,n,e.__assign(e.__assign({},r),{attrs:Array.prototype.concat(r.attrs,o).filter(Boolean)}))},o.withConfig=function(o){return Ye(t,n,e.__assign(e.__assign({},r),o))},o}var He=function(e){return Ye(Ge,e)},We=He;w.forEach((function(e){We[e]=He(e)}));var Ue=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=Ve(e),he.registerId(this.componentId+1)}return e.prototype.createStyles=function(e,t,n,r){var o=r(je(this.rules,t,n,r).join(""),""),s=this.componentId+e;n.insertRules(s,s,o)},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e)},e.prototype.renderStyles=function(e,t,n,r){e>2&&he.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)},e}(),Je=/^\s*<\/[a-z]/i,Ze=function(){function t(){var t=this;this._emitSheetCSS=function(){var e=t.instance.toString(),n=ae(),r=[n&&'nonce="'.concat(n,'"'),"".concat(p,'="true"'),"".concat("data-styled-version",'="').concat(d,'"')].filter(Boolean).join(" ");return"<style ".concat(r,">").concat(e,"</style>")},this.getStyleTags=function(){if(t.sealed)throw ee(2);return t._emitSheetCSS()},this.getStyleElement=function(){var n;if(t.sealed)throw ee(2);var r=((n={})[p]="",n["data-styled-version"]=d,n.dangerouslySetInnerHTML={__html:t.instance.toString()},n),o=ae();return o&&(r.nonce=o),[c.default.createElement("style",e.__assign({},r,{key:"sc-0-0"}))]},this.seal=function(){t.sealed=!0},this.instance=new he({isServer:!0}),this.sealed=!1}return t.prototype.collectStyles=function(e){if(this.sealed)throw ee(2);return c.default.createElement(Ne,{sheet:this.instance},e)},t.prototype.interleaveWithNodeStream=function(e){if(this.sealed)throw ee(2);this.seal();var t=require("stream").Transform,n=e,r=this.instance,o=this._emitSheetCSS,s=new t({transform:function(e,t,n){var s=e.toString(),i=o();if(r.clearTag(),Je.test(s)){var a=s.indexOf(">")+1,c=s.slice(0,a),u=s.slice(a);this.push(c+i+u)}else this.push(i+s);n()}});return n.on("error",(function(e){s.emit("error",e)})),n.pipe(s)},t}(),Xe={StyleSheet:he,mainSheet:_e};"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"),"production"!==process.env.NODE_ENV&&process.env.NODE_ENV,exports.ServerStyleSheet=Ze,exports.StyleSheetConsumer=ge,exports.StyleSheetContext=ve,exports.StyleSheetManager=Ne,exports.ThemeConsumer=ze,exports.ThemeContext=$e,exports.ThemeProvider=function(t){var r=n.useContext($e),o=n.useMemo((function(){return function(t,n){if(!t)throw ee(14);if(De(t)){var r=t(n);if("production"!==process.env.NODE_ENV&&(null===r||Array.isArray(r)||"object"!=typeof r))throw ee(7);return r}if(Array.isArray(t)||"object"!=typeof t)throw ee(8);return n?e.__assign(e.__assign({},n),t):t}(t.theme,r)}),[t.theme,r]);return t.children?c.default.createElement($e.Provider,{value:o},t.children):null},exports.__PRIVATE__=Xe,exports.createGlobalStyle=function(t){for(var r=[],o=1;o<arguments.length;o++)r[o-1]=arguments[o];var s=qe.apply(void 0,e.__spreadArray([t],e.__read(r),!1)),i="sc-global-".concat(D(JSON.stringify(s))),a=new Ue(s,i);"production"!==process.env.NODE_ENV&&v(i);var u=function(e){var t=be(),r=Ee(),o=n.useContext($e),a=n.useRef(t.allocateGSInstance(i)).current;return"production"!==process.env.NODE_ENV&&c.default.Children.count(e.children)&&console.warn("The global style component ".concat(i," was given child JSX. createGlobalStyle does not render children.")),"production"!==process.env.NODE_ENV&&s.some((function(e){return"string"==typeof e&&-1!==e.indexOf("@import")}))&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),t.server&&l(a,e,t,o,r),null};function l(t,n,r,o,s){if(a.isStatic)a.renderStyles(t,f,r,s);else{var i=e.__assign(e.__assign({},n),{theme:_(n,o,u.defaultProps)});a.renderStyles(t,i,r,s)}}return c.default.memo(u)},exports.css=qe,exports.default=We,exports.isStyledComponent=J,exports.keyframes=function(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");var o=qe.apply(void 0,e.__spreadArray([t],e.__read(n),!1)).join(""),s=D(o);return new Ce(s,o)},exports.useTheme=function(){return n.useContext($e)},exports.version=d,exports.withTheme=function(t){var n=c.default.forwardRef((function(n,r){var o=_(n,c.default.useContext($e),t.defaultProps);return"production"!==process.env.NODE_ENV&&void 0===o&&console.warn('[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class "'.concat(R(t),'"')),c.default.createElement(t,e.__assign({},n,{theme:o,ref:r}))}));return n.displayName="WithTheme(".concat(R(t),")"),U(n,t)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/is-prop-valid"),t=require("react"),n=require("shallowequal"),s=require("stylis"),o=require("@emotion/unitless");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e),a=r(t),l=r(n),c=r(o);const u="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",d=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),h={},p=/invalid hook call/i,m=new Set,f=(e,n)=>{if("production"!==process.env.NODE_ENV){const s=`The component ${e}${n?` with the id of "${n}"`:""} has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.`,o=console.error;try{let e=!0;console.error=(t,...n)=>{p.test(t)?(e=!1,m.delete(s)):o(t,...n)},t.useRef(),e&&!m.has(s)&&(console.warn(s),m.add(s))}catch(e){p.test(e.message)&&m.delete(s)}finally{console.error=o}}},y=Object.freeze([]),g=Object.freeze({});function S(e,t,n=g){return e.theme!==n.theme&&e.theme||t||n.theme}var v=["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","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"];const w=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,b=/(^-|-$)/g;function E(e){return e.replace(w,"-").replace(b,"")}const N=/(a)(d)/gi,C=e=>String.fromCharCode(e+(e>25?39:97));function _(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=C(t%52)+n;return(C(t%52)+n).replace(N,"$1-$2")}const $=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},P=e=>$(5381,e);function A(e){return _(P(e)>>>0)}function I(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function O(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function x(e){return O(e)?`styled.${e}`:`Styled(${I(e)})`}const R="function"==typeof Symbol&&Symbol.for,D=R?Symbol.for("react.memo"):60115,T=R?Symbol.for("react.forward_ref"):60112,j={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},k={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},V={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},M={[T]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[D]:V};function z(e){return("type"in(t=e)&&t.type.$$typeof)===D?V:"$$typeof"in e?M[e.$$typeof]:j;var t}const B=Object.defineProperty,G=Object.getOwnPropertyNames,F=Object.getOwnPropertySymbols,L=Object.getOwnPropertyDescriptor,q=Object.getPrototypeOf,Y=Object.prototype;function H(e,t,n){if("string"!=typeof t){if(Y){const s=q(t);s&&s!==Y&&H(e,s,n)}let s=G(t);F&&(s=s.concat(F(t)));const o=z(e),r=z(t);for(let i=0;i<s.length;++i){const a=s[i];if(!(a in k||n&&n[a]||r&&a in r||o&&a in o)){const n=L(t,a);try{B(e,a,n)}catch(e){}}}}return e}function W(e){return"object"==typeof e&&"styledComponentId"in e}function U(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function J(e,t,n=!1){if(!n&&!U(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=J(e[n],t[n]);else if(U(t))for(const n in t)e[n]=J(e[n],t[n]);return e}const Z="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function X(e,...t){return"production"===process.env.NODE_ENV?new Error(`An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`):new Error(function(...e){let t=e[0];const n=[];for(let t=1,s=e.length;t<s;t+=1)n.push(e[t]);return n.forEach((e=>{t=t.replace(/%[a-z]/,e)})),t}(Z[e],...t).trim())}let K=new Map,Q=new Map,ee=1;const te=e=>{if(K.has(e))return K.get(e);for(;Q.has(ee);)ee++;const t=ee++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw X(16,`${t}`);return K.set(e,t),Q.set(t,e),t},ne=e=>Q.get(e);function se(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}new RegExp(`^${u}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`);const oe=e=>{const t=document.head,n=e||t,s=document.createElement("style"),o=(e=>{const{childNodes:t}=e;for(let e=t.length;e>=0;e--){const n=t[e];if(n&&1===n.nodeType&&n.hasAttribute(u))return n}})(n),r=void 0!==o?o.nextSibling:null;s.setAttribute(u,"active"),s.setAttribute("data-styled-version","6.0.0-alpha.6");const i=se();return i&&s.setAttribute("nonce",i),n.insertBefore(s,r),s},re={isServer:!0,useCSSOMInjection:!d};class ie{gs;names;options;server;tag;static registerId(e){return te(e)}constructor(e=g,t={},n){this.options={...re,...e},this.gs=t,this.names=new Map(n),this.server=!!e.isServer,this.server}reconstructWithOptions(e,t=!0){return new ie({...this.options,...e},this.gs,t&&this.names||void 0)}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({isServer:e,useCSSOMInjection:t,target:n})=>e?new class{rules;length;constructor(e){this.rules=[],this.length=0}insertRule(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)}deleteRule(e){this.rules.splice(e,1),this.length--}getRule(e){return e<this.length?this.rules[e]:""}}(n):t?new class{element;sheet;length;constructor(e){const t=this.element=oe(e);t.appendChild(document.createTextNode("")),this.sheet=(e=>{if(e.sheet)return e.sheet;const{styleSheets:t}=document;for(let n=0,s=t.length;n<s;n++){const s=t[n];if(s.ownerNode===e)return s}throw X(17)})(t),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""}}(n):new class{element;nodes;length;constructor(e){const t=this.element=oe(e);this.nodes=t.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t),s=this.nodes[e];return this.element.insertBefore(n,s||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}}(n))(this.options),new class{groupSizes;length;tag;constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}indexOfGroup(e){let t=0;for(let n=0;n<e;n++)t+=this.groupSizes[n];return t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let s=n;for(;e>=s;)if(s<<=1,s<0)throw X(16,`${e}`);this.groupSizes=new Uint32Array(s),this.groupSizes.set(t),this.length=s;for(let e=n;e<s;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1);if(Array.isArray(t))for(let s=0,o=t.length;s<o;s++)this.tag.insertRule(n,t[s])&&(this.groupSizes[e]++,n++);else this.tag.insertRule(n,t)&&this.groupSizes[e]++}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),s=n+t;this.groupSizes[e]=0;for(let e=n;e<s;e++)this.tag.deleteRule(n)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],s=this.indexOfGroup(e),o=s+n;for(let e=s;e<o;e++)t+=`${this.tag.getRule(e)}/*!sc*/\n`;return t}}(e)));var e}hasNameForId(e,t){return this.names.has(e)&&this.names.get(e).has(t)}registerName(e,t){if(te(e),this.names.has(e))this.names.get(e).add(t);else{const n=new Set;n.add(t),this.names.set(e,n)}}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(te(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(te(e)),this.clearNames(e)}clearTag(){this.tag=void 0}toString(){return(e=>{const t=e.getTag(),{length:n}=t;let s="";for(let o=0;o<n;o++){const n=ne(o);if(void 0===n)continue;const r=e.names.get(n),i=t.getGroup(o);if(void 0===r||0===i.length)continue;const a=`${u}.g${o}[id="${n}"]`;let l="";void 0!==r&&r.forEach((e=>{e.length>0&&(l+=`${e},`)})),s+=`${i}${a}{content:"${l}"}/*!sc*/\n`}return s})(this)}}const ae=/^\s*\/\/.*$/gm,le=[":","[",".","#"];function ce({options:e=g,plugins:t=y}=g){let n,o,r,i;const a=(e,t,s)=>0===t&&le.includes(s[o.length])||s.match(i)?e:`.${n}`,l=e=>{if(e.type===s.RULESET&&e.value.includes("&")){const t=e.props;t[0]=t[0].replace(r,a)}},c=(a,c="",u="",d="&")=>{let h=a.replace(ae,"");n=d,o=c,r=new RegExp(`\\${o}\\b`,"g"),i=new RegExp(`(\\${o}\\b){2,}`);const p=t.slice();return(e.prefix||void 0===e.prefix)&&p.unshift(s.prefixer),p.push(l,s.stringify),s.serialize(s.compile(u||c?`${u} ${c} { ${h} }`:h),s.middleware(p))};return c.hash=t.length?t.reduce(((e,t)=>(t.name||X(15),$(e,t.name))),5381).toString():"",c}const ue=a.default.createContext(void 0),de=ue.Consumer,he=a.default.createContext(void 0);he.Consumer;const pe=new ie,me=ce();function fe(){return t.useContext(ue)||pe}function ye(){return t.useContext(he)||me}function ge(e){const[n,s]=t.useState(e.stylisPlugins),o=fe(),r=t.useMemo((()=>{let t=o;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target]),i=t.useMemo((()=>ce({options:{prefix:!e.disableVendorPrefixes},plugins:n})),[e.disableVendorPrefixes,n]);return t.useEffect((()=>{l.default(n,e.stylisPlugins)||s(e.stylisPlugins)}),[e.stylisPlugins]),a.default.createElement(ue.Provider,{value:r},a.default.createElement(he.Provider,{value:i},"production"!==process.env.NODE_ENV?a.default.Children.only(e.children):e.children))}class Se{id;name;rules;constructor(e,t){this.name=e,this.id=`sc-keyframes-${e}`,this.rules=t}inject=(e,t=me)=>{const n=this.name+t.hash;e.hasNameForId(this.id,n)||e.insertRules(this.id,n,t(this.rules,n,"@keyframes"))};toString=()=>{throw X(12,String(this.name))};getName(e=me){return this.name+e.hash}}const ve=/([A-Z])/,we=/([A-Z])/g,be=/^ms-/,Ee=e=>`-${e.toLowerCase()}`;function Ne(e){return ve.test(e)?e.replace(we,Ee).replace(be,"-ms-"):e}function Ce(e){return"function"==typeof e}const _e=e=>null==e||!1===e||""===e,$e=(e,t)=>{const n=[];for(const t in e)e.hasOwnProperty(t)&&!_e(e[t])&&(Array.isArray(e[t])&&e[t].isCss||Ce(e[t])?n.push(`${Ne(t)}:`,e[t],";"):U(e[t])?n.push(...$e(e[t],t)):n.push(`${Ne(t)}: ${s=t,o=e[t],null==o||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||s in c.default?String(o).trim():`${o}px`};`));var s,o;return t?[`${t} {`,...n,"}"]:n};function Pe(e,t,n,s){if(Array.isArray(e)){const o=[];for(let r,i=0,a=e.length;i<a;i+=1)r=Pe(e[i],t,n,s),""!==r&&(Array.isArray(r)?o.push(...r):o.push(r));return o}if(_e(e))return"";if(W(e))return`.${e.styledComponentId}`;if(Ce(e)){if("function"!=typeof(o=e)||o.prototype&&o.prototype.isReactComponent||!t)return e;{const o=e,r=o(t);return"production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||r instanceof Se||U(r)||console.error(`${I(o)} is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.`),Pe(r,t,n,s)}}var o;return e instanceof Se?n?(e.inject(n,s),e.getName(s)):e:U(e)?$e(e):e.toString()}function Ae(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(Ce(n)&&!W(n))return!1}return!0}const Ie=P("6.0.0-alpha.6");class Oe{baseHash;baseStyle;componentId;isStatic;rules;staticRulesId;constructor(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&Ae(e),this.componentId=t,this.baseHash=$(Ie,t),this.baseStyle=n,ie.registerId(t)}generateAndInjectStyles(e,t,n){const{componentId:s}=this,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(s,this.staticRulesId))o.push(this.staticRulesId);else{const r=Pe(this.rules,e,t,n).join(""),i=_($(this.baseHash,r)>>>0);if(!t.hasNameForId(s,i)){const e=n(r,`.${i}`,void 0,s);t.insertRules(s,i,e)}o.push(i),this.staticRulesId=i}else{const{length:r}=this.rules;let i=$(this.baseHash,n.hash),a="";for(let s=0;s<r;s++){const o=this.rules[s];if("string"==typeof o)a+=o,"production"!==process.env.NODE_ENV&&(i=$(i,o+s));else if(o){const r=Pe(o,e,t,n),l=Array.isArray(r)?r.join(""):r;i=$(i,l+s),a+=l}}if(a){const e=_(i>>>0);if(!t.hasNameForId(s,e)){const o=n(a,`.${e}`,void 0,s);t.insertRules(s,e,o)}o.push(e)}}return o.join(" ")}}const xe=a.default.createContext(void 0),Re=xe.Consumer,De={};function Te(e,t){const n="string"!=typeof e?"sc":E(e);De[n]=(De[n]||0)+1;const s=`${n}-${A("6.0.0-alpha.6"+n+De[n])}`;return t?`${t}-${s}`:s}function je(e,n,s){const o=W(e),r=e,l=!O(e),{attrs:c=y,componentId:u=Te(n.displayName,n.parentComponentId),displayName:d=x(e)}=n,h=n.displayName&&n.componentId?`${E(n.displayName)}-${n.componentId}`:n.componentId||u,p=o&&r.attrs?r.attrs.concat(c).filter(Boolean):c;let{shouldForwardProp:m}=n;if(o&&r.shouldForwardProp){const e=r.shouldForwardProp;if(n.shouldForwardProp){const t=n.shouldForwardProp;m=(n,s,o)=>e(n,s,o)&&t(n,s,o)}else m=e}const w=new Oe(s,h,o?r.componentStyle:void 0),b=w.isStatic&&0===c.length;function N(e,n){return function(e,n,s,o){const{attrs:r,componentStyle:a,defaultProps:l,foldedComponentIds:c,shouldForwardProp:u,styledComponentId:d,target:h}=e;"production"!==process.env.NODE_ENV&&t.useDebugValue(d);const p=S(n,t.useContext(xe),l),[m,f]=function(e=g,t,n){const s={...t,theme:e},o={};return n.forEach((e=>{const t="function"==typeof e?e(s):e;let n;for(n in t)s[n]=o[n]="className"===n?(r=o[n],i=t[n],r&&i?`${r} ${i}`:r||i):t[n];var r,i})),[s,o]}(p||g,n,r),y=function(e,n,s,o){const r=fe(),i=ye(),a=n?e.generateAndInjectStyles(g,r,i):e.generateAndInjectStyles(s,r,i);return"production"!==process.env.NODE_ENV&&t.useDebugValue(a),"production"!==process.env.NODE_ENV&&!n&&o&&o(a),a}(a,o,m,"production"!==process.env.NODE_ENV?e.warnTooManyClasses:void 0),w=s,b=f.$as||n.$as||f.as||n.as||h,E=O(b),N=f!==n?{...n,...f}:n,C={};for(const e in N)"$"!==e[0]&&"as"!==e&&("forwardedAs"===e?C.as=N[e]:(u?u(e,i.default,b):!E||i.default(e))&&(C[e]=N[e]));return n.style&&f.style!==n.style&&(C.style={...n.style,...f.style}),C[E&&-1===v.indexOf(b)?"class":"className"]=c.concat(d,y!==d?y:null,n.className,f.className).filter(Boolean).join(" "),C.ref=w,t.createElement(b,C)}(C,e,n,b)}N.displayName=d;let C=a.default.forwardRef(N);return C.attrs=p,C.componentStyle=w,C.displayName=d,C.shouldForwardProp=m,C.foldedComponentIds=o?r.foldedComponentIds.concat(r.styledComponentId):y,C.styledComponentId=h,C.target=o?r.target:e,C.withComponent=function(e){const{componentId:t,...o}=n,r=t&&`${t}-${O(e)?e:E(I(e))}`;return je(e,{...o,attrs:p,componentId:r},s)},Object.defineProperty(C,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=o?function(e={},...t){for(const n of t)J(e,n,!0);return e}({},r.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(f(d,h),C.warnTooManyClasses=((e,t)=>{let n={},s=!1;return o=>{if(!s&&(n[o]=!0,Object.keys(n).length>=200)){const o=t?` with the id of "${t}"`:"";console.warn(`Over 200 classes were generated for component ${e}${o}.\nConsider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))\`width: 100%;\`\n\n  <Component />`),s=!0,n={}}}})(d,h)),C.toString=()=>`.${C.styledComponentId}`,l&&H(C,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),C}function ke(e,t){const n=[e[0]];for(let s=0,o=t.length;s<o;s+=1)n.push(t[s],e[s+1]);return n}const Ve=e=>(Array.isArray(e)&&(e.isCss=!0),e);function Me(e,...t){if(Ce(e)||U(e))return Ve(Pe(ke(y,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?n:Ve(Pe(ke(n,t)))}function ze(e,t,n=g){if(!t)throw X(1,t);const s=(s,...o)=>e(t,n,Me(s,...o));return s.attrs=s=>ze(e,t,{...n,attrs:Array.prototype.concat(n.attrs,s).filter(Boolean)}),s.withConfig=s=>ze(e,t,{...n,...s}),s}const Be=e=>ze(je,e),Ge=Be;v.forEach((e=>{Ge[e]=Be(e)}));class Fe{componentId;isStatic;rules;constructor(e,t){this.rules=e,this.componentId=t,this.isStatic=Ae(e),ie.registerId(this.componentId+1)}createStyles(e,t,n,s){const o=s(Pe(this.rules,t,n,s).join(""),""),r=this.componentId+e;n.insertRules(r,r,o)}removeStyles(e,t){t.clearRules(this.componentId+e)}renderStyles(e,t,n,s){e>2&&ie.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,s)}}const Le=/^\s*<\/[a-z]/i,qe={StyleSheet:ie,mainSheet:pe};"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"),"production"!==process.env.NODE_ENV&&process.env.NODE_ENV,exports.ServerStyleSheet=class{instance;sealed;constructor(){this.instance=new ie({isServer:!0}),this.sealed=!1}_emitSheetCSS=()=>{const e=this.instance.toString(),t=se();return`<style ${[t&&`nonce="${t}"`,`${u}="true"`,'data-styled-version="6.0.0-alpha.6"'].filter(Boolean).join(" ")}>${e}</style>`};collectStyles(e){if(this.sealed)throw X(2);return a.default.createElement(ge,{sheet:this.instance},e)}getStyleTags=()=>{if(this.sealed)throw X(2);return this._emitSheetCSS()};getStyleElement=()=>{if(this.sealed)throw X(2);const e={[u]:"","data-styled-version":"6.0.0-alpha.6",dangerouslySetInnerHTML:{__html:this.instance.toString()}},t=se();return t&&(e.nonce=t),[a.default.createElement("style",{...e,key:"sc-0-0"})]};interleaveWithNodeStream(e){if(this.sealed)throw X(2);{this.seal();const{Transform:t}=require("stream"),n=e,{instance:s,_emitSheetCSS:o}=this,r=new t({transform:function(e,t,n){const r=e.toString(),i=o();if(s.clearTag(),Le.test(r)){const e=r.indexOf(">")+1,t=r.slice(0,e),n=r.slice(e);this.push(t+i+n)}else this.push(i+r);n()}});return n.on("error",(e=>{r.emit("error",e)})),n.pipe(r)}}seal=()=>{this.sealed=!0}},exports.StyleSheetConsumer=de,exports.StyleSheetContext=ue,exports.StyleSheetManager=ge,exports.ThemeConsumer=Re,exports.ThemeContext=xe,exports.ThemeProvider=function(e){const n=t.useContext(xe),s=t.useMemo((()=>function(e,t){if(!e)throw X(14);if(Ce(e)){const n=e(t);if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw X(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw X(8);return t?{...t,...e}:e}(e.theme,n)),[e.theme,n]);return e.children?a.default.createElement(xe.Provider,{value:s},e.children):null},exports.__PRIVATE__=qe,exports.createGlobalStyle=function(e,...t){const n=Me(e,...t),s=`sc-global-${A(JSON.stringify(n))}`,o=new Fe(n,s);"production"!==process.env.NODE_ENV&&f(s);const r=e=>{const t=fe(),i=ye(),l=a.default.useContext(xe),c=a.default.useRef(t.allocateGSInstance(s)).current;return"production"!==process.env.NODE_ENV&&a.default.Children.count(e.children)&&console.warn(`The global style component ${s} was given child JSX. createGlobalStyle does not render children.`),"production"!==process.env.NODE_ENV&&n.some((e=>"string"==typeof e&&-1!==e.indexOf("@import")))&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),t.server&&function(e,t,n,s,i){if(o.isStatic)o.renderStyles(e,h,n,i);else{const a={...t,theme:S(t,s,r.defaultProps)};o.renderStyles(e,a,n,i)}}(c,e,t,l,i),null};return a.default.memo(r)},exports.css=Me,exports.default=Ge,exports.isStyledComponent=W,exports.keyframes=function(e,...t){"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");const n=Me(e,...t).join(""),s=A(n);return new Se(s,n)},exports.useTheme=()=>t.useContext(xe),exports.version="6.0.0-alpha.6",exports.withTheme=function(e){const t=a.default.forwardRef(((t,n)=>{const s=S(t,a.default.useContext(xe),e.defaultProps);return"production"!==process.env.NODE_ENV&&void 0===s&&console.warn(`[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class "${I(e)}"`),a.default.createElement(e,{...t,theme:s,ref:n})}));return t.displayName=`WithTheme(${I(e)})`,H(t,e)};
 //# sourceMappingURL=styled-components.cjs.js.map