styled-components 6.3.3 → 6.3.4

package/dist/styled-components.browser.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("stylis"),o=require("@emotion/unitless");function s(e){return e&&e.__esModule?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var i=/*#__PURE__*/s(t),c=/*#__PURE__*/s(n),u=/*#__PURE__*/a(r),l=/*#__PURE__*/s(o),d="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",p="active",f="data-styled-version",h="6.3.3",m="/*!sc*/\n",y="undefined"!=typeof window&&"undefined"!=typeof document,v=void 0===c.default.createContext,g=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&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&&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),S={},w=/invalid hook call/i,_=new Set,b=function(t,n){if("production"!==process.env.NODE_ENV){if(v)return;var r=n?' with the id of "'.concat(n,'"'):"",o="The component ".concat(t).concat(r," 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.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n",s=console.error;try{var a=!0;console.error=function(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];w.test(t)?(a=!1,_.delete(o)):s.apply(void 0,e.__spreadArray([t],n,!1))},"function"==typeof c.default.useState&&c.default.useState(null),a&&!_.has(o)&&(console.warn(o),_.add(o))}catch(e){w.test(e.message)&&_.delete(o)}finally{console.error=s}}},E=Object.freeze([]),N=Object.freeze({});function C(e,t,n){return void 0===n&&(n=N),e.theme!==n.theme&&e.theme||t||n.theme}var P=new Set(["a","abbr","address","area","article","aside","audio","b","bdi","bdo","blockquote","body","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","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","main","map","mark","menu","meter","nav","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","slot","small","span","strong","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","switch","symbol","text","textPath","tspan","use"]),A=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,I=/(^-|-$)/g;function x(e){return e.replace(A,"-").replace(I,"")}var O=/(a)(d)/gi,D=function(e){return String.fromCharCode(e+(e>25?39:97))};function T(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=D(t%52)+n;return(D(t%52)+n).replace(O,"$1-$2")}var R,j=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},k=function(e){return j(5381,e)};function M(e){return T(k(e)>>>0)}function V(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function F(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var L="function"==typeof Symbol&&Symbol.for,B=L?Symbol.for("react.memo"):60115,G=L?Symbol.for("react.forward_ref"):60112,z={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},q={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Y=((R={})[G]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},R[B]=q,R);function W(e){return("type"in(t=e)&&t.type.$$typeof)===B?q:"$$typeof"in e?Y[e.$$typeof]:z;var t}var H=Object.defineProperty,U=Object.getOwnPropertyNames,J=Object.getOwnPropertySymbols,X=Object.getOwnPropertyDescriptor,Z=Object.getPrototypeOf,K=Object.prototype;function Q(e,t,n){if("string"!=typeof t){if(K){var r=Z(t);r&&r!==K&&Q(e,r,n)}var o=U(t);J&&(o=o.concat(J(t)));for(var s=W(e),a=W(t),i=0;i<o.length;++i){var c=o[i];if(!(c in $||n&&n[c]||a&&c in a||s&&c in s)){var u=X(t,c);try{H(e,c,u)}catch(e){}}}}return e}function ee(e){return"function"==typeof e}function te(e){return"object"==typeof e&&"styledComponentId"in e}function ne(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function re(e,t){if(0===e.length)return"";for(var n=e[0],r=1;r<e.length;r++)n+=t?t+e[r]:e[r];return n}function oe(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function se(e,t,n){if(void 0===n&&(n=!1),!n&&!oe(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=se(e[r],t[r]);else if(oe(t))for(var r in t)e[r]=se(e[r],t[r]);return e}function ae(e,t){Object.defineProperty(e,"toString",{value:t})}var ie="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",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function ce(){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 ue(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://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t," for more information.").concat(n.length>0?" Args: ".concat(n.join(", ")):"")):new Error(ce.apply(void 0,e.__spreadArray([ie[t]],n,!1)).trim())}var le=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 ue(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}for(var a=this.indexOfGroup(e+1),i=(s=0,t.length);s<i;s++)this.tag.insertRule(a,t[s])&&(this.groupSizes[e]++,a++)},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(m);return t},e}(),de=1<<30,pe=new Map,fe=new Map,he=1,me=function(e){if(pe.has(e))return pe.get(e);for(;fe.has(he);)he++;var t=he++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>de))throw ue(16,"".concat(t));return pe.set(e,t),fe.set(t,e),t},ye=function(e,t){he=t+1,pe.set(e,t),fe.set(t,e)},ve="style[".concat(d,"][").concat(f,'="').concat(h,'"]'),ge=new RegExp("^".concat(d,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Se=function(e,t,n){for(var r,o=n.split(","),s=0,a=o.length;s<a;s++)(r=o[s])&&e.registerName(t,r)},we=function(e,t){for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split(m),o=[],s=0,a=r.length;s<a;s++){var i=r[s].trim();if(i){var c=i.match(ge);if(c){var u=0|parseInt(c[1],10),l=c[2];0!==u&&(ye(l,u),Se(e,l,c[3]),e.getTag().insertRules(u,o)),o.length=0}else o.push(i)}}},_e=function(e){for(var t=document.querySelectorAll(ve),n=0,r=t.length;n<r;n++){var o=t[n];o&&o.getAttribute(d)!==p&&(we(e,o),o.parentNode&&o.parentNode.removeChild(o))}};function be(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var Ee=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){var t=Array.from(e.querySelectorAll("style[".concat(d,"]")));return t[t.length-1]}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(d,p),r.setAttribute(f,h);var a=be();return a&&r.setAttribute("nonce",a),n.insertBefore(r,s),r},Ne=function(){function e(e){this.element=Ee(e),this.element.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 ue(17)}(this.element),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 t&&t.cssText?t.cssText:""},e}(),Ce=function(){function e(e){this.element=Ee(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||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}(),Ae=y,Ie={isServer:!y,useCSSOMInjection:!g},xe=function(){function t(t,n,r){void 0===t&&(t=N),void 0===n&&(n={});var o=this;this.options=e.__assign(e.__assign({},Ie),t),this.gs=n,this.names=new Map(r),this.server=!!t.isServer,!this.server&&y&&Ae&&(Ae=!1,_e(this)),ae(this,function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=function(n){var o=function(e){return fe.get(e)}(n);if(void 0===o)return"continue";var s=e.names.get(o),a=t.getGroup(n);if(void 0===s||!s.size||0===a.length)return"continue";var i="".concat(d,".g").concat(n,'[id="').concat(o,'"]'),c="";void 0!==s&&s.forEach(function(e){e.length>0&&(c+="".concat(e,","))}),r+="".concat(a).concat(i,'{content:"').concat(c,'"}').concat(m)},s=0;s<n;s++)o(s);return r}(o)})}return t.registerId=function(e){return me(e)},t.prototype.rehydrate=function(){!this.server&&y&&_e(this)},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.useCSSOMInjection,n=e.target;return e.isServer?new Pe(n):t?new Ne(n):new Ce(n)}(this.options),new le(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(me(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(me(e),n)},t.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.prototype.clearRules=function(e){this.getTag().clearGroup(me(e)),this.clearNames(e)},t.prototype.clearTag=function(){this.tag=void 0},t}(),Oe=/&/g,De=/^\s*\/\/.*$/gm;function Te(e,t){return e.map(function(e){return"rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map(function(e){return"".concat(t," ").concat(e)})),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=Te(e.children,t)),e})}function Re(e){var t,n,r,o=void 0===e?N:e,s=o.options,a=void 0===s?N:s,i=o.plugins,c=void 0===i?E:i,l=function(e,r,o){return o.startsWith(n)&&o.endsWith(n)&&o.replaceAll(n,"").length>0?".".concat(t):e},d=c.slice();d.push(function(e){e.type===u.RULESET&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(Oe,n).replace(r,l))}),a.prefix&&d.push(u.prefixer),d.push(u.stringify);var p=function(e,o,s,i){void 0===o&&(o=""),void 0===s&&(s=""),void 0===i&&(i="&"),t=i,n=o,r=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(De,""),l=u.compile(s||o?"".concat(s," ").concat(o," { ").concat(c," }"):c);a.namespace&&(l=Te(l,a.namespace));var p=[];return u.serialize(l,u.middleware(d.concat(u.rulesheet(function(e){return p.push(e)})))),p};return p.hash=c.length?c.reduce(function(e,t){return t.name||ue(15),j(e,t.name)},5381).toString():"",p}var je=new xe,ke=Re(),Me={shouldForwardProp:void 0,styleSheet:je,stylis:ke},Ve=v?{Provider:function(e){return e.children},Consumer:function(e){return(0,e.children)(Me)}}:c.default.createContext(Me),Fe=Ve.Consumer,Le=v?{Provider:function(e){return e.children},Consumer:function(e){return(0,e.children)(void 0)}}:c.default.createContext(void 0);function Be(){return!v&&c.default.useContext?c.default.useContext(Ve):Me}function Ge(e){if(v||!c.default.useMemo)return e.children;var t=Be().styleSheet,n=c.default.useMemo(function(){var n=t;return e.sheet?n=e.sheet:e.target&&(n=n.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(n=n.reconstructWithOptions({useCSSOMInjection:!1})),n},[e.disableCSSOMInjection,e.sheet,e.target,t]),r=c.default.useMemo(function(){return Re({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:e.stylisPlugins})},[e.enableVendorPrefixes,e.namespace,e.stylisPlugins]),o=c.default.useMemo(function(){return{shouldForwardProp:e.shouldForwardProp,styleSheet:n,stylis:r}},[e.shouldForwardProp,n,r]);return c.default.createElement(Ve.Provider,{value:o},c.default.createElement(Le.Provider,{value:r},e.children))}var ze=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=ke);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,ae(this,function(){throw ue(12,String(n.name))})}return e.prototype.getName=function(e){return void 0===e&&(e=ke),this.name+e.hash},e}();function $e(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in l.default||e.startsWith("--")?String(t).trim():"".concat(t,"px")}var qe=function(e){return e>="A"&&e<="Z"};function Ye(e){for(var t="",n=0;n<e.length;n++){var r=e[n];if(1===n&&"-"===r&&"-"===e[0])return e;qe(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var We=function(e){return null==e||!1===e||""===e},He=function(t){var n=[];for(var r in t){var o=t[r];t.hasOwnProperty(r)&&!We(o)&&(Array.isArray(o)&&o.isCss||ee(o)?n.push("".concat(Ye(r),":"),o,";"):oe(o)?n.push.apply(n,e.__spreadArray(e.__spreadArray(["".concat(r," {")],He(o),!1),["}"],!1)):n.push("".concat(Ye(r),": ").concat($e(r,o),";")))}return n};function Ue(e,t,n,r){if(We(e))return[];if(te(e))return[".".concat(e.styledComponentId)];if(ee(e)){if(!ee(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return[e];var o=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||o instanceof ze||oe(o)||null===o||console.error("".concat(V(e)," 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.")),Ue(o,t,n,r)}var s;return e instanceof ze?n?(e.inject(n,r),[e.getName(r)]):[e]:oe(e)?He(e):Array.isArray(e)?Array.prototype.concat.apply(E,e.map(function(e){return Ue(e,t,n,r)})):[e.toString()]}function Je(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(ee(n)&&!te(n))return!1}return!0}var Xe=k(h),Ze=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&Je(e),this.componentId=t,this.baseHash=j(Xe,t),this.baseStyle=n,xe.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n).className:"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))r=ne(r,this.staticRulesId);else{var o=re(Ue(this.rules,e,t,n)),s=T(j(this.baseHash,o)>>>0);if(!t.hasNameForId(this.componentId,s)){var a=n(o,".".concat(s),void 0,this.componentId);t.insertRules(this.componentId,s,a)}r=ne(r,s),this.staticRulesId=s}else{for(var i=j(this.baseHash,n.hash),c="",u=0;u<this.rules.length;u++){var l=this.rules[u];if("string"==typeof l)c+=l,"production"!==process.env.NODE_ENV&&(i=j(i,l));else if(l){var d=re(Ue(l,e,t,n));i=j(i,d+u),c+=d}}if(c){var p=T(i>>>0);if(!t.hasNameForId(this.componentId,p)){var f=n(c,".".concat(p),void 0,this.componentId);t.insertRules(this.componentId,p,f)}r=ne(r,p)}}return{className:r,css:"undefined"==typeof window?t.getTag().getGroup(me(this.componentId)):""}},e}(),Ke=v?{Provider:function(e){return e.children},Consumer:function(e){return(0,e.children)(void 0)}}:c.default.createContext(void 0),Qe=Ke.Consumer,et={},tt=new Set;function nt(t,r,o){var s=te(t),a=t,u=!F(t),l=r.attrs,d=void 0===l?E:l,p=r.componentId,f=void 0===p?function(e,t){var n="string"!=typeof e?"sc":x(e);et[n]=(et[n]||0)+1;var r="".concat(n,"-").concat(M(h+n+et[n]));return t?"".concat(t,"-").concat(r):r}(r.displayName,r.parentComponentId):p,m=r.displayName,y=void 0===m?function(e){return F(e)?"styled.".concat(e):"Styled(".concat(V(e),")")}(t):m,g=r.displayName&&r.componentId?"".concat(x(r.displayName),"-").concat(r.componentId):r.componentId||f,S=s&&a.attrs?a.attrs.concat(d).filter(Boolean):d,w=r.shouldForwardProp;if(s&&a.shouldForwardProp){var _=a.shouldForwardProp;if(r.shouldForwardProp){var A=r.shouldForwardProp;w=function(e,t){return _(e,t)&&A(e,t)}}else w=_}var I=new Ze(o,g,s?a.componentStyle:void 0);function O(t,r){return function(t,r,o){var s=t.attrs,a=t.componentStyle,u=t.defaultProps,l=t.foldedComponentIds,d=t.styledComponentId,p=t.target,f=c.default.useContext?c.default.useContext(Ke):void 0,h=Be(),m=t.shouldForwardProp||h.shouldForwardProp;"production"!==process.env.NODE_ENV&&c.default.useDebugValue&&c.default.useDebugValue(d);var y=C(r,f,u)||N,g=function(t,n,r){for(var o,s=e.__assign(e.__assign({},n),{className:void 0,theme:r}),a=0;a<t.length;a+=1){var i=ee(o=t[a])?o(s):o;for(var c in i)"className"===c?s.className=ne(s.className,i[c]):"style"===c?s.style=e.__assign(e.__assign({},s.style),i[c]):s[c]=i[c]}return"className"in n&&"string"==typeof n.className&&(s.className=ne(s.className,n.className)),s}(s,r,y),S=g.as||p,w={};for(var _ in g)void 0===g[_]||"$"===_[0]||"as"===_||"theme"===_&&g.theme===y||("forwardedAs"===_?w.as=g.forwardedAs:m&&!m(_,S)||(w[_]=g[_],m||"development"!==process.env.NODE_ENV||i.default(_)||tt.has(_)||!P.has(S)||(tt.add(_),console.warn('styled-components: it looks like an unknown prop "'.concat(_,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var b=function(e,t){var n=Be(),r=e.generateAndInjectStyles(t,n.styleSheet,n.stylis);return"production"!==process.env.NODE_ENV&&c.default.useDebugValue&&c.default.useDebugValue(r.className),r}(a,g),E=b.className,A=b.css;"production"!==process.env.NODE_ENV&&t.warnTooManyClasses&&t.warnTooManyClasses(E);var I=ne(l,d);E&&(I+=" "+E),g.className&&(I+=" "+g.className),w[F(S)&&!P.has(S)?"class":"className"]=I,o&&(w.ref=o);var x=n.createElement(S,w);return v&&A?c.default.createElement(c.default.Fragment,null,c.default.createElement("style",{precedence:"styled-components",href:"sc-".concat(d,"-").concat(E),children:A}),x):x}(D,t,r)}O.displayName=y;var D=c.default.forwardRef(O);return D.attrs=S,D.componentStyle=I,D.displayName=y,D.shouldForwardProp=w,D.foldedComponentIds=s?ne(a.foldedComponentIds,a.styledComponentId):"",D.styledComponentId=g,D.target=s?a.target:t,Object.defineProperty(D,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=s?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=0,o=t;r<o.length;r++)se(e,o[r],!0);return e}({},a.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(b(y,g),D.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={}}}}(y,g)),ae(D,function(){return".".concat(D.styledComponentId)}),u&&Q(D,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),D}function rt(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 ot=function(e){return Object.assign(e,{isCss:!0})};function st(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];if(ee(t)||oe(t))return ot(Ue(rt(E,e.__spreadArray([t],n,!0))));var o=t;return 0===n.length&&1===o.length&&"string"==typeof o[0]?Ue(o):ot(Ue(rt(o,n)))}function at(t,n,r){if(void 0===r&&(r=N),!n)throw ue(1,n);var o=function(o){for(var s=[],a=1;a<arguments.length;a++)s[a-1]=arguments[a];return t(n,r,st.apply(void 0,e.__spreadArray([o],s,!1)))};return o.attrs=function(o){return at(t,n,e.__assign(e.__assign({},r),{attrs:Array.prototype.concat(r.attrs,o).filter(Boolean)}))},o.withConfig=function(o){return at(t,n,e.__assign(e.__assign({},r),o))},o}var it=function(e){return at(nt,e)},ct=it;P.forEach(function(e){ct[e]=it(e)});var ut=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=Je(e),xe.registerId(this.componentId+1)}return e.prototype.createStyles=function(e,t,n,r){var o=r(re(Ue(this.rules,t,n,r)),""),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&&xe.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)},e}(),lt=function(){function t(){var t=this;this._emitSheetCSS=function(){var e=t.instance.toString();if(!e)return"";var n=be(),r=re([n&&'nonce="'.concat(n,'"'),"".concat(d,'="true"'),"".concat(f,'="').concat(h,'"')].filter(Boolean)," ");return"<style ".concat(r,">").concat(e,"</style>")},this.getStyleTags=function(){if(t.sealed)throw ue(2);return t._emitSheetCSS()},this.getStyleElement=function(){var n;if(t.sealed)throw ue(2);var r=t.instance.toString();if(!r)return[];var o=((n={})[d]="",n[f]=h,n.dangerouslySetInnerHTML={__html:r},n),s=be();return s&&(o.nonce=s),[c.default.createElement("style",e.__assign({},o,{key:"sc-0-0"}))]},this.seal=function(){t.sealed=!0},this.instance=new xe({isServer:!0}),this.sealed=!1}return t.prototype.collectStyles=function(e){if(this.sealed)throw ue(2);return c.default.createElement(Ge,{sheet:this.instance},e)},t.prototype.interleaveWithNodeStream=function(e){throw ue(3)},t}(),dt={StyleSheet:xe,mainSheet:je};"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");var pt="__sc-".concat(d,"__");"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[pt]||(window[pt]=0),1===window[pt]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-several-instances-of-module-on-the-page for more info."),window[pt]+=1),exports.ServerStyleSheet=lt,exports.StyleSheetConsumer=Fe,exports.StyleSheetContext=Ve,exports.StyleSheetManager=Ge,exports.ThemeConsumer=Qe,exports.ThemeContext=Ke,exports.ThemeProvider=function(t){if(v||!c.default.useContext||!c.default.useMemo)return t.children;var n=c.default.useContext(Ke),r=c.default.useMemo(function(){return function(t,n){if(!t)throw ue(14);if(ee(t)){var r=t(n);if("production"!==process.env.NODE_ENV&&(null===r||Array.isArray(r)||"object"!=typeof r))throw ue(7);return r}if(Array.isArray(t)||"object"!=typeof t)throw ue(8);return n?e.__assign(e.__assign({},n),t):t}(t.theme,n)},[t.theme,n]);return t.children?c.default.createElement(Ke.Provider,{value:r},t.children):null},exports.__PRIVATE__=dt,exports.createGlobalStyle=function(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];var o=st.apply(void 0,e.__spreadArray([t],n,!1)),s="sc-global-".concat(M(JSON.stringify(o))),a=new ut(o,s);"production"!==process.env.NODE_ENV&&b(s);var i=new WeakMap,u=function(t){var n=Be(),r=c.default.useContext?c.default.useContext(Ke):void 0,l=i.get(n.styleSheet);if(void 0===l&&(l=n.styleSheet.allocateGSInstance(s),i.set(n.styleSheet,l)),"production"!==process.env.NODE_ENV&&c.default.Children.count(t.children)&&console.warn("The global style component ".concat(s," was given child JSX. createGlobalStyle does not render children.")),"production"!==process.env.NODE_ENV&&o.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."),("undefined"==typeof window||!n.styleSheet.server)&&function(t,n,r,o,s){if(a.isStatic)a.renderStyles(t,S,r,s);else{var i=e.__assign(e.__assign({},n),{theme:C(n,o,u.defaultProps)});a.renderStyles(t,i,r,s)}}(l,t,n.styleSheet,r,n.stylis),v||"function"!=typeof c.default.useLayoutEffect||c.default.useLayoutEffect(function(){return function(){a.removeStyles(l,n.styleSheet)}},[l,n.styleSheet]),v){var d=s+l,p="undefined"==typeof window?n.styleSheet.getTag().getGroup(me(d)):"";if(p){var f=T(k(p)>>>0),h="sc-global-".concat(s,"-").concat(l,"-").concat(f);return c.default.createElement("style",{key:h,"data-styled-global":s,precedence:"styled-components",href:h,children:p})}}return null};return c.default.memo(u)},exports.css=st,exports.default=ct,exports.isStyledComponent=te,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=re(st.apply(void 0,e.__spreadArray([t],n,!1))),s=M(o);return new ze(s,o)},exports.styled=ct,exports.useTheme=function(){var e=!v&&c.default.useContext?c.default.useContext(Ke):void 0;if(!e)throw ue(18);return e},exports.version=h,exports.withTheme=function(t){var n=c.default.forwardRef(function(n,r){var o=C(n,c.default.useContext?c.default.useContext(Ke):void 0,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(V(t),'"')),c.default.createElement(t,e.__assign(e.__assign({},n),{theme:o,ref:r}))});return n.displayName="WithTheme(".concat(V(t),")"),Q(n,t)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@emotion/is-prop-valid"),n=require("react"),r=require("stylis"),o=require("@emotion/unitless");function s(e){return e&&e.__esModule?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var i=/*#__PURE__*/s(t),c=/*#__PURE__*/s(n),u=/*#__PURE__*/a(r),l=/*#__PURE__*/s(o),d="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",p="active",f="data-styled-version",h="6.3.4",m="/*!sc*/\n",y="undefined"!=typeof window&&"undefined"!=typeof document,v=void 0===c.default.createContext,g=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&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&&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),S={},w=/invalid hook call/i,_=new Set,b=function(t,n){if("production"!==process.env.NODE_ENV){if(v)return;var r=n?' with the id of "'.concat(n,'"'):"",o="The component ".concat(t).concat(r," 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.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n",s=console.error;try{var a=!0;console.error=function(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];w.test(t)?(a=!1,_.delete(o)):s.apply(void 0,e.__spreadArray([t],n,!1))},"function"==typeof c.default.useState&&c.default.useState(null),a&&!_.has(o)&&(console.warn(o),_.add(o))}catch(e){w.test(e.message)&&_.delete(o)}finally{console.error=s}}},E=Object.freeze([]),N=Object.freeze({});function C(e,t,n){return void 0===n&&(n=N),e.theme!==n.theme&&e.theme||t||n.theme}var P=new Set(["a","abbr","address","area","article","aside","audio","b","bdi","bdo","blockquote","body","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","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","main","map","mark","menu","meter","nav","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","slot","small","span","strong","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","switch","symbol","text","textPath","tspan","use"]),A=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,I=/(^-|-$)/g;function x(e){return e.replace(A,"-").replace(I,"")}var O=/(a)(d)/gi,D=function(e){return String.fromCharCode(e+(e>25?39:97))};function T(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=D(t%52)+n;return(D(t%52)+n).replace(O,"$1-$2")}var R,j=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},k=function(e){return j(5381,e)};function M(e){return T(k(e)>>>0)}function V(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function F(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var L="function"==typeof Symbol&&Symbol.for,B=L?Symbol.for("react.memo"):60115,G=L?Symbol.for("react.forward_ref"):60112,z={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},q={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Y=((R={})[G]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},R[B]=q,R);function W(e){return("type"in(t=e)&&t.type.$$typeof)===B?q:"$$typeof"in e?Y[e.$$typeof]:z;var t}var H=Object.defineProperty,U=Object.getOwnPropertyNames,J=Object.getOwnPropertySymbols,X=Object.getOwnPropertyDescriptor,Z=Object.getPrototypeOf,K=Object.prototype;function Q(e,t,n){if("string"!=typeof t){if(K){var r=Z(t);r&&r!==K&&Q(e,r,n)}var o=U(t);J&&(o=o.concat(J(t)));for(var s=W(e),a=W(t),i=0;i<o.length;++i){var c=o[i];if(!(c in $||n&&n[c]||a&&c in a||s&&c in s)){var u=X(t,c);try{H(e,c,u)}catch(e){}}}}return e}function ee(e){return"function"==typeof e}function te(e){return"object"==typeof e&&"styledComponentId"in e}function ne(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function re(e,t){if(0===e.length)return"";for(var n=e[0],r=1;r<e.length;r++)n+=t?t+e[r]:e[r];return n}function oe(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function se(e,t,n){if(void 0===n&&(n=!1),!n&&!oe(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=se(e[r],t[r]);else if(oe(t))for(var r in t)e[r]=se(e[r],t[r]);return e}function ae(e,t){Object.defineProperty(e,"toString",{value:t})}var ie="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",18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function ce(){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 ue(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://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t," for more information.").concat(n.length>0?" Args: ".concat(n.join(", ")):"")):new Error(ce.apply(void 0,e.__spreadArray([ie[t]],n,!1)).trim())}var le=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 ue(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}for(var a=this.indexOfGroup(e+1),i=(s=0,t.length);s<i;s++)this.tag.insertRule(a,t[s])&&(this.groupSizes[e]++,a++)},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(m);return t},e}(),de=1<<30,pe=new Map,fe=new Map,he=1,me=function(e){if(pe.has(e))return pe.get(e);for(;fe.has(he);)he++;var t=he++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>de))throw ue(16,"".concat(t));return pe.set(e,t),fe.set(t,e),t},ye=function(e,t){he=t+1,pe.set(e,t),fe.set(t,e)},ve="style[".concat(d,"][").concat(f,'="').concat(h,'"]'),ge=new RegExp("^".concat(d,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Se=function(e,t,n){for(var r,o=n.split(","),s=0,a=o.length;s<a;s++)(r=o[s])&&e.registerName(t,r)},we=function(e,t){for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split(m),o=[],s=0,a=r.length;s<a;s++){var i=r[s].trim();if(i){var c=i.match(ge);if(c){var u=0|parseInt(c[1],10),l=c[2];0!==u&&(ye(l,u),Se(e,l,c[3]),e.getTag().insertRules(u,o)),o.length=0}else o.push(i)}}},_e=function(e){for(var t=document.querySelectorAll(ve),n=0,r=t.length;n<r;n++){var o=t[n];o&&o.getAttribute(d)!==p&&(we(e,o),o.parentNode&&o.parentNode.removeChild(o))}};function be(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var Ee=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){var t=Array.from(e.querySelectorAll("style[".concat(d,"]")));return t[t.length-1]}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(d,p),r.setAttribute(f,h);var a=be();return a&&r.setAttribute("nonce",a),n.insertBefore(r,s),r},Ne=function(){function e(e){this.element=Ee(e),this.element.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 ue(17)}(this.element),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 t&&t.cssText?t.cssText:""},e}(),Ce=function(){function e(e){this.element=Ee(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||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}(),Ae=y,Ie={isServer:!y,useCSSOMInjection:!g},xe=function(){function t(t,n,r){void 0===t&&(t=N),void 0===n&&(n={});var o=this;this.options=e.__assign(e.__assign({},Ie),t),this.gs=n,this.names=new Map(r),this.server=!!t.isServer,!this.server&&y&&Ae&&(Ae=!1,_e(this)),ae(this,function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=function(n){var o=function(e){return fe.get(e)}(n);if(void 0===o)return"continue";var s=e.names.get(o),a=t.getGroup(n);if(void 0===s||!s.size||0===a.length)return"continue";var i="".concat(d,".g").concat(n,'[id="').concat(o,'"]'),c="";void 0!==s&&s.forEach(function(e){e.length>0&&(c+="".concat(e,","))}),r+="".concat(a).concat(i,'{content:"').concat(c,'"}').concat(m)},s=0;s<n;s++)o(s);return r}(o)})}return t.registerId=function(e){return me(e)},t.prototype.rehydrate=function(){!this.server&&y&&_e(this)},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.useCSSOMInjection,n=e.target;return e.isServer?new Pe(n):t?new Ne(n):new Ce(n)}(this.options),new le(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(me(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(me(e),n)},t.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.prototype.clearRules=function(e){this.getTag().clearGroup(me(e)),this.clearNames(e)},t.prototype.clearTag=function(){this.tag=void 0},t}(),Oe=/&/g,De=/^\s*\/\/.*$/gm;function Te(e,t){return e.map(function(e){return"rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map(function(e){return"".concat(t," ").concat(e)})),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=Te(e.children,t)),e})}function Re(e){var t,n,r,o=void 0===e?N:e,s=o.options,a=void 0===s?N:s,i=o.plugins,c=void 0===i?E:i,l=function(e,r,o){return o.startsWith(n)&&o.endsWith(n)&&o.replaceAll(n,"").length>0?".".concat(t):e},d=c.slice();d.push(function(e){e.type===u.RULESET&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(Oe,n).replace(r,l))}),a.prefix&&d.push(u.prefixer),d.push(u.stringify);var p=function(e,o,s,i){void 0===o&&(o=""),void 0===s&&(s=""),void 0===i&&(i="&"),t=i,n=o,r=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(De,""),l=u.compile(s||o?"".concat(s," ").concat(o," { ").concat(c," }"):c);a.namespace&&(l=Te(l,a.namespace));var p=[];return u.serialize(l,u.middleware(d.concat(u.rulesheet(function(e){return p.push(e)})))),p};return p.hash=c.length?c.reduce(function(e,t){return t.name||ue(15),j(e,t.name)},5381).toString():"",p}var je=new xe,ke=Re(),Me={shouldForwardProp:void 0,styleSheet:je,stylis:ke},Ve=v?{Provider:function(e){return e.children},Consumer:function(e){return(0,e.children)(Me)}}:c.default.createContext(Me),Fe=Ve.Consumer,Le=v?{Provider:function(e){return e.children},Consumer:function(e){return(0,e.children)(void 0)}}:c.default.createContext(void 0);function Be(){return!v&&c.default.useContext?c.default.useContext(Ve):Me}function Ge(e){if(v||!c.default.useMemo)return e.children;var t=Be().styleSheet,n=c.default.useMemo(function(){var n=t;return e.sheet?n=e.sheet:e.target&&(n=n.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(n=n.reconstructWithOptions({useCSSOMInjection:!1})),n},[e.disableCSSOMInjection,e.sheet,e.target,t]),r=c.default.useMemo(function(){return Re({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:e.stylisPlugins})},[e.enableVendorPrefixes,e.namespace,e.stylisPlugins]),o=c.default.useMemo(function(){return{shouldForwardProp:e.shouldForwardProp,styleSheet:n,stylis:r}},[e.shouldForwardProp,n,r]);return c.default.createElement(Ve.Provider,{value:o},c.default.createElement(Le.Provider,{value:r},e.children))}var ze=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=ke);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,ae(this,function(){throw ue(12,String(n.name))})}return e.prototype.getName=function(e){return void 0===e&&(e=ke),this.name+e.hash},e}();function $e(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in l.default||e.startsWith("--")?String(t).trim():"".concat(t,"px")}var qe=function(e){return e>="A"&&e<="Z"};function Ye(e){for(var t="",n=0;n<e.length;n++){var r=e[n];if(1===n&&"-"===r&&"-"===e[0])return e;qe(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var We=function(e){return null==e||!1===e||""===e},He=function(t){var n=[];for(var r in t){var o=t[r];t.hasOwnProperty(r)&&!We(o)&&(Array.isArray(o)&&o.isCss||ee(o)?n.push("".concat(Ye(r),":"),o,";"):oe(o)?n.push.apply(n,e.__spreadArray(e.__spreadArray(["".concat(r," {")],He(o),!1),["}"],!1)):n.push("".concat(Ye(r),": ").concat($e(r,o),";")))}return n};function Ue(e,t,n,r){if(We(e))return[];if(te(e))return[".".concat(e.styledComponentId)];if(ee(e)){if(!ee(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return[e];var o=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||o instanceof ze||oe(o)||null===o||console.error("".concat(V(e)," 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.")),Ue(o,t,n,r)}var s;return e instanceof ze?n?(e.inject(n,r),[e.getName(r)]):[e]:oe(e)?He(e):Array.isArray(e)?Array.prototype.concat.apply(E,e.map(function(e){return Ue(e,t,n,r)})):[e.toString()]}function Je(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(ee(n)&&!te(n))return!1}return!0}var Xe=k(h),Ze=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&Je(e),this.componentId=t,this.baseHash=j(Xe,t),this.baseStyle=n,xe.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n).className:"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))r=ne(r,this.staticRulesId);else{var o=re(Ue(this.rules,e,t,n)),s=T(j(this.baseHash,o)>>>0);if(!t.hasNameForId(this.componentId,s)){var a=n(o,".".concat(s),void 0,this.componentId);t.insertRules(this.componentId,s,a)}r=ne(r,s),this.staticRulesId=s}else{for(var i=j(this.baseHash,n.hash),c="",u=0;u<this.rules.length;u++){var l=this.rules[u];if("string"==typeof l)c+=l,"production"!==process.env.NODE_ENV&&(i=j(i,l));else if(l){var d=re(Ue(l,e,t,n));i=j(i,d+u),c+=d}}if(c){var p=T(i>>>0);if(!t.hasNameForId(this.componentId,p)){var f=n(c,".".concat(p),void 0,this.componentId);t.insertRules(this.componentId,p,f)}r=ne(r,p)}}return{className:r,css:"undefined"==typeof window?t.getTag().getGroup(me(this.componentId)):""}},e}(),Ke=v?{Provider:function(e){return e.children},Consumer:function(e){return(0,e.children)(void 0)}}:c.default.createContext(void 0),Qe=Ke.Consumer,et={},tt=new Set;function nt(t,r,o){var s=te(t),a=t,u=!F(t),l=r.attrs,d=void 0===l?E:l,p=r.componentId,f=void 0===p?function(e,t){var n="string"!=typeof e?"sc":x(e);et[n]=(et[n]||0)+1;var r="".concat(n,"-").concat(M(h+n+et[n]));return t?"".concat(t,"-").concat(r):r}(r.displayName,r.parentComponentId):p,m=r.displayName,y=void 0===m?function(e){return F(e)?"styled.".concat(e):"Styled(".concat(V(e),")")}(t):m,g=r.displayName&&r.componentId?"".concat(x(r.displayName),"-").concat(r.componentId):r.componentId||f,S=s&&a.attrs?a.attrs.concat(d).filter(Boolean):d,w=r.shouldForwardProp;if(s&&a.shouldForwardProp){var _=a.shouldForwardProp;if(r.shouldForwardProp){var A=r.shouldForwardProp;w=function(e,t){return _(e,t)&&A(e,t)}}else w=_}var I=new Ze(o,g,s?a.componentStyle:void 0);function O(t,r){return function(t,r,o){var s=t.attrs,a=t.componentStyle,u=t.defaultProps,l=t.foldedComponentIds,d=t.styledComponentId,p=t.target,f=c.default.useContext?c.default.useContext(Ke):void 0,h=Be(),m=t.shouldForwardProp||h.shouldForwardProp;"production"!==process.env.NODE_ENV&&c.default.useDebugValue&&c.default.useDebugValue(d);var y=C(r,f,u)||N,g=function(t,n,r){for(var o,s=e.__assign(e.__assign({},n),{className:void 0,theme:r}),a=0;a<t.length;a+=1){var i=ee(o=t[a])?o(s):o;for(var c in i)"className"===c?s.className=ne(s.className,i[c]):"style"===c?s.style=e.__assign(e.__assign({},s.style),i[c]):s[c]=i[c]}return"className"in n&&"string"==typeof n.className&&(s.className=ne(s.className,n.className)),s}(s,r,y),S=g.as||p,w={};for(var _ in g)void 0===g[_]||"$"===_[0]||"as"===_||"theme"===_&&g.theme===y||("forwardedAs"===_?w.as=g.forwardedAs:m&&!m(_,S)||(w[_]=g[_],m||"development"!==process.env.NODE_ENV||i.default(_)||tt.has(_)||!P.has(S)||(tt.add(_),console.warn('styled-components: it looks like an unknown prop "'.concat(_,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var b=function(e,t){var n=Be(),r=e.generateAndInjectStyles(t,n.styleSheet,n.stylis);return"production"!==process.env.NODE_ENV&&c.default.useDebugValue&&c.default.useDebugValue(r.className),r}(a,g),E=b.className,A=b.css;"production"!==process.env.NODE_ENV&&t.warnTooManyClasses&&t.warnTooManyClasses(E);var I=ne(l,d);E&&(I+=" "+E),g.className&&(I+=" "+g.className),w[F(S)&&!P.has(S)?"class":"className"]=I,o&&(w.ref=o);var x=n.createElement(S,w);return v&&A?c.default.createElement(c.default.Fragment,null,c.default.createElement("style",{precedence:"styled-components",href:"sc-".concat(d,"-").concat(E),children:A}),x):x}(D,t,r)}O.displayName=y;var D=c.default.forwardRef(O);return D.attrs=S,D.componentStyle=I,D.displayName=y,D.shouldForwardProp=w,D.foldedComponentIds=s?ne(a.foldedComponentIds,a.styledComponentId):"",D.styledComponentId=g,D.target=s?a.target:t,Object.defineProperty(D,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=s?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=0,o=t;r<o.length;r++)se(e,o[r],!0);return e}({},a.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(b(y,g),D.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={}}}}(y,g)),ae(D,function(){return".".concat(D.styledComponentId)}),u&&Q(D,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),D}function rt(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 ot=function(e){return Object.assign(e,{isCss:!0})};function st(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];if(ee(t)||oe(t))return ot(Ue(rt(E,e.__spreadArray([t],n,!0))));var o=t;return 0===n.length&&1===o.length&&"string"==typeof o[0]?Ue(o):ot(Ue(rt(o,n)))}function at(t,n,r){if(void 0===r&&(r=N),!n)throw ue(1,n);var o=function(o){for(var s=[],a=1;a<arguments.length;a++)s[a-1]=arguments[a];return t(n,r,st.apply(void 0,e.__spreadArray([o],s,!1)))};return o.attrs=function(o){return at(t,n,e.__assign(e.__assign({},r),{attrs:Array.prototype.concat(r.attrs,o).filter(Boolean)}))},o.withConfig=function(o){return at(t,n,e.__assign(e.__assign({},r),o))},o}var it=function(e){return at(nt,e)},ct=it;P.forEach(function(e){ct[e]=it(e)});var ut=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=Je(e),xe.registerId(this.componentId+1)}return e.prototype.createStyles=function(e,t,n,r){var o=r(re(Ue(this.rules,t,n,r)),""),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&&xe.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)},e}(),lt=function(){function t(){var t=this;this._emitSheetCSS=function(){var e=t.instance.toString();if(!e)return"";var n=be(),r=re([n&&'nonce="'.concat(n,'"'),"".concat(d,'="true"'),"".concat(f,'="').concat(h,'"')].filter(Boolean)," ");return"<style ".concat(r,">").concat(e,"</style>")},this.getStyleTags=function(){if(t.sealed)throw ue(2);return t._emitSheetCSS()},this.getStyleElement=function(){var n;if(t.sealed)throw ue(2);var r=t.instance.toString();if(!r)return[];var o=((n={})[d]="",n[f]=h,n.dangerouslySetInnerHTML={__html:r},n),s=be();return s&&(o.nonce=s),[c.default.createElement("style",e.__assign({},o,{key:"sc-0-0"}))]},this.seal=function(){t.sealed=!0},this.instance=new xe({isServer:!0}),this.sealed=!1}return t.prototype.collectStyles=function(e){if(this.sealed)throw ue(2);return c.default.createElement(Ge,{sheet:this.instance},e)},t.prototype.interleaveWithNodeStream=function(e){throw ue(3)},t}(),dt={StyleSheet:xe,mainSheet:je};"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");var pt="__sc-".concat(d,"__");"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[pt]||(window[pt]=0),1===window[pt]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-several-instances-of-module-on-the-page for more info."),window[pt]+=1),exports.ServerStyleSheet=lt,exports.StyleSheetConsumer=Fe,exports.StyleSheetContext=Ve,exports.StyleSheetManager=Ge,exports.ThemeConsumer=Qe,exports.ThemeContext=Ke,exports.ThemeProvider=function(t){if(v||!c.default.useContext||!c.default.useMemo)return t.children;var n=c.default.useContext(Ke),r=c.default.useMemo(function(){return function(t,n){if(!t)throw ue(14);if(ee(t)){var r=t(n);if("production"!==process.env.NODE_ENV&&(null===r||Array.isArray(r)||"object"!=typeof r))throw ue(7);return r}if(Array.isArray(t)||"object"!=typeof t)throw ue(8);return n?e.__assign(e.__assign({},n),t):t}(t.theme,n)},[t.theme,n]);return t.children?c.default.createElement(Ke.Provider,{value:r},t.children):null},exports.__PRIVATE__=dt,exports.createGlobalStyle=function(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];var o=st.apply(void 0,e.__spreadArray([t],n,!1)),s="sc-global-".concat(M(JSON.stringify(o))),a=new ut(o,s);"production"!==process.env.NODE_ENV&&b(s);var i=new WeakMap,u=function(t){var n=Be(),r=c.default.useContext?c.default.useContext(Ke):void 0,l=i.get(n.styleSheet);if(void 0===l&&(l=n.styleSheet.allocateGSInstance(s),i.set(n.styleSheet,l)),"production"!==process.env.NODE_ENV&&c.default.Children.count(t.children)&&console.warn("The global style component ".concat(s," was given child JSX. createGlobalStyle does not render children.")),"production"!==process.env.NODE_ENV&&o.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."),("undefined"==typeof window||!n.styleSheet.server)&&function(t,n,r,o,s){if(a.isStatic)a.renderStyles(t,S,r,s);else{var i=e.__assign(e.__assign({},n),{theme:C(n,o,u.defaultProps)});a.renderStyles(t,i,r,s)}}(l,t,n.styleSheet,r,n.stylis),v||c.default.useLayoutEffect(function(){return function(){a.removeStyles(l,n.styleSheet)}},[l,n.styleSheet]),v){var d=s+l,p="undefined"==typeof window?n.styleSheet.getTag().getGroup(me(d)):"";if(p){var f=T(k(p)>>>0),h="sc-global-".concat(s,"-").concat(l,"-").concat(f);return c.default.createElement("style",{key:h,"data-styled-global":s,precedence:"styled-components",href:h,children:p})}}return null};return c.default.memo(u)},exports.css=st,exports.default=ct,exports.isStyledComponent=te,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=re(st.apply(void 0,e.__spreadArray([t],n,!1))),s=M(o);return new ze(s,o)},exports.styled=ct,exports.useTheme=function(){var e=!v&&c.default.useContext?c.default.useContext(Ke):void 0;if(!e)throw ue(18);return e},exports.version=h,exports.withTheme=function(t){var n=c.default.forwardRef(function(n,r){var o=C(n,c.default.useContext?c.default.useContext(Ke):void 0,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(V(t),'"')),c.default.createElement(t,e.__assign(e.__assign({},n),{theme:o,ref:r}))});return n.displayName="WithTheme(".concat(V(t),")"),Q(n,t)};
 //# sourceMappingURL=styled-components.browser.cjs.js.map