@baolq/styled-components
Version:
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress
3 lines (2 loc) • 40.3 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).styled=t(e.React)}(this,(function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=t(e),r="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",o="active",i="data-styled-version",a="6.1.1",s="/*!sc*/\n",c="undefined"!=typeof window&&"HTMLElement"in window,l=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),u={},d=function(){return(d=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function p(e,t,n){if(n||2===arguments.length)for(var r,o=0,i=t.length;o<i;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}var f=Object.freeze([]),h=Object.freeze({}),m={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 y(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],r=[],o=1,i=e.length;o<i;o+=1)r.push(e[o]);return r.forEach((function(e){n=n.replace(/%[a-z]/,e)})),n}function g(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return new Error(y.apply(void 0,p([m[e]],t,!1)).trim())}var v=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 g(16,""+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var i=r;i<o;i++)this.groupSizes[i]=0}var a=this.indexOfGroup(e+1);if(Array.isArray(t)){i=0;for(var s=t.length;i<s;i++)this.tag.insertRule(a,t[i])&&(this.groupSizes[e]++,a++)}else this.tag.insertRule(a,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,i=r;i<o;i++)t+=""+this.tag.getRule(i)+s;return t},e}(),S=new Map,b=new Map,w=1,x=function(e){if(S.has(e))return S.get(e);for(;b.has(w);)w++;var t=w++;if((0|t)<0||t>1073741824)throw g(16,""+t);return S.set(e,t),b.set(t,e),t},C=function(e,t){S.set(e,t),b.set(t,e)},k="style["+r+"]["+i+'="6.1.1"]',P=new RegExp("^"+r+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),A=function(e,t,n){for(var r,o=n.split(","),i=0,a=o.length;i<a;i++)(r=o[i])&&e.registerName(t,r)},I=function(e,t){for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split(s),o=[],i=0,a=r.length;i<a;i++){var c=r[i].trim();if(c){var l=c.match(P);if(l){var u=0|parseInt(l[1],10),d=l[2];0!==u&&(C(d,u),A(e,d,l[3]),e.getTag().insertRules(u,o)),o.length=0}else o.push(c)}}};function O(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var R=function(e){var t=document.head,n=e||t,s=document.createElement("style"),c=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var o=t[n];if(o&&1===o.nodeType&&o.hasAttribute(r))return o}}(n),l=void 0!==c?c.nextSibling:null;s.setAttribute(r,o),s.setAttribute(i,a);var u=O();return u&&s.setAttribute("nonce",u),n.insertBefore(s,l),s},_=function(){function e(e){var t=this.element=R(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 g(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}(),T=function(){function e(e){var t=this.element=R(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}(),E=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}(),j=c,$={isServer:!c,useCSSOMInjection:!l},N=function(){function e(e,t,n){void 0===e&&(e=h),void 0===t&&(t={}),this.options=d(d({},$),e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&c&&j&&(j=!1,function(e){for(var t=document.querySelectorAll(k),n=0,i=t.length;n<i;n++){var a=t[n];a&&a.getAttribute(r)!==o&&(I(e,a),a.parentNode&&a.parentNode.removeChild(a))}}(this))}return e.registerId=function(e){return x(e)},e.prototype.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(d(d({},this.options),t),this.gs,n&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.isServer,n=e.useCSSOMInjection,r=e.target;return t?new E(r):n?new _(r):new T(r)}(this.options),new v(e)));var e},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(x(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(x(e),n)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(x(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e.prototype.toString=function(){return function(e){for(var t=e.getTag(),n=t.length,o="",i=function(n){var i=function(e){return b.get(e)}(n);if(void 0===i)return"continue";var a=e.names.get(i),c=t.getGroup(n);if(void 0===a||0===c.length)return"continue";var l=r+".g"+n+'[id="'+i+'"]',u="";void 0!==a&&a.forEach((function(e){e.length>0&&(u+=e+",")})),o+=""+c+l+'{content:"'+u+'"}'+s},a=0;a<n;a++)i(a);return o}(this)},e}(),D="-ms-",M="-moz-",z="-webkit-",L="comm",G="rule",F="decl",B=Math.abs,H=String.fromCharCode;function W(e){return e.trim()}function Y(e,t,n){return e.replace(t,n)}function q(e,t){return e.indexOf(t)}function U(e,t){return 0|e.charCodeAt(t)}function V(e,t,n){return e.slice(t,n)}function X(e){return e.length}function Z(e){return e.length}function J(e,t){return t.push(e),e}var K=1,Q=1,ee=0,te=0,ne=0,re="";function oe(e,t,n,r,o,i,a){return{value:e,root:t,parent:n,type:r,props:o,children:i,line:K,column:Q,length:a,return:""}}function ie(e,t,n){return oe(e,t.root,t.parent,n,t.props,t.children,0)}function ae(){return ne=te>0?U(re,--te):0,Q--,10===ne&&(Q=1,K--),ne}function se(){return ne=te<ee?U(re,te++):0,Q++,10===ne&&(Q=1,K++),ne}function ce(){return U(re,te)}function le(){return te}function ue(e,t){return V(re,e,t)}function de(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function pe(e){return W(ue(te-1,me(91===e?e+2:40===e?e+1:e)))}function fe(e){for(;(ne=ce())&&ne<33;)se();return de(e)>2||de(ne)>3?"":" "}function he(e,t){for(;--t&&se()&&!(ne<48||ne>102||ne>57&&ne<65||ne>70&&ne<97););return ue(e,le()+(t<6&&32==ce()&&32==se()))}function me(e){for(;se();)switch(ne){case e:return te;case 34:case 39:return me(34===e||39===e?e:ne);case 40:41===e&&me(e);break;case 92:se()}return te}function ye(e,t){for(;se()&&e+ne!==57&&(e+ne!==84||47!==ce()););return"/*"+ue(t,te-1)+"*"+H(47===e?e:se())}function ge(e){for(;!de(ce());)se();return ue(e,te)}function ve(e){return function(e){return re="",e}(Se("",null,null,null,[""],e=function(e){return K=Q=1,ee=X(re=e),te=0,[]}(e),0,[0],e))}function Se(e,t,n,r,o,i,a,s,c){for(var l=0,u=0,d=a,p=0,f=0,h=0,m=1,y=1,g=1,v=0,S="",b=o,w=i,x=r,C=S;y;)switch(h=v,v=se()){case 34:case 39:case 91:case 40:C+=pe(v);break;case 9:case 10:case 13:case 32:C+=fe(h);break;case 92:C+=he(le()-1,7);continue;case 47:switch(ce()){case 42:case 47:J(we(ye(se(),le()),t,n),c);break;default:C+="/"}break;case 123*m:s[l++]=X(C)*g;case 125*m:case 59:case 0:switch(v){case 0:case 125:y=0;case 59+u:f>0&&X(C)-d&&J(f>32?xe(C+";",r,n,d-1):xe(Y(C," ","")+";",r,n,d-2),c);break;case 59:C+=";";default:if(J(x=be(C,t,n,l,u,o,s,S,b=[],w=[],d),i),123===v)if(0===u)Se(C,t,x,x,b,i,d,s,w);else switch(p){case 100:case 109:case 115:Se(e,x,x,r&&J(be(e,x,x,0,0,o,s,S,o,b=[],d),w),o,w,d,s,r?b:w);break;default:Se(C,x,x,x,[""],w,d,s,w)}}l=u=f=0,m=g=1,S=C="",d=a;break;case 58:d=1+X(C),f=h;default:if(m<1)if(123==v)--m;else if(125==v&&0==m++&&125==ae())continue;switch(C+=H(v),v*m){case 38:g=u>0?1:(C+="\f",-1);break;case 44:s[l++]=(X(C)-1)*g,g=1;break;case 64:45===ce()&&(C+=pe(se())),p=ce(),u=X(S=C+=ge(le())),v++;break;case 45:45===h&&2==X(C)&&(m=0)}}return i}function be(e,t,n,r,o,i,a,s,c,l,u){for(var d=o-1,p=0===o?i:[""],f=Z(p),h=0,m=0,y=0;h<r;++h)for(var g=0,v=V(e,d+1,d=B(m=a[h])),S=e;g<f;++g)(S=W(m>0?p[g]+" "+v:Y(v,/&\f/g,p[g])))&&(c[y++]=S);return oe(e,t,n,0===o?G:s,c,l,u)}function we(e,t,n){return oe(e,t,n,L,H(ne),V(e,2,-2),0)}function xe(e,t,n,r){return oe(e,t,n,F,V(e,0,r),V(e,r+1,-1),r)}function Ce(e,t){switch(function(e,t){return(((t<<2^U(e,0))<<2^U(e,1))<<2^U(e,2))<<2^U(e,3)}(e,t)){case 5103:return z+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return z+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return z+e+M+e+D+e+e;case 6828:case 4268:return z+e+D+e+e;case 6165:return z+e+D+"flex-"+e+e;case 5187:return z+e+Y(e,/(\w+).+(:[^]+)/,z+"box-$1$2"+D+"flex-$1$2")+e;case 5443:return z+e+D+"flex-item-"+Y(e,/flex-|-self/,"")+e;case 4675:return z+e+D+"flex-line-pack"+Y(e,/align-content|flex-|-self/,"")+e;case 5548:return z+e+D+Y(e,"shrink","negative")+e;case 5292:return z+e+D+Y(e,"basis","preferred-size")+e;case 6060:return z+"box-"+Y(e,"-grow","")+z+e+D+Y(e,"grow","positive")+e;case 4554:return z+Y(e,/([^-])(transform)/g,"$1"+z+"$2")+e;case 6187:return Y(Y(Y(e,/(zoom-|grab)/,z+"$1"),/(image-set)/,z+"$1"),e,"")+e;case 5495:case 3959:return Y(e,/(image-set\([^]*)/,z+"$1$`$1");case 4968:return Y(Y(e,/(.+:)(flex-)?(.*)/,z+"box-pack:$3"+D+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+z+e+e;case 4095:case 3583:case 4068:case 2532:return Y(e,/(.+)-inline(.+)/,z+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(X(e)-1-t>6)switch(U(e,t+1)){case 109:if(45!==U(e,t+4))break;case 102:return Y(e,/(.+:)(.+)-([^]+)/,"$1"+z+"$2-$3$1"+M+(108==U(e,t+3)?"$3":"$2-$3"))+e;case 115:return~q(e,"stretch")?Ce(Y(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==U(e,t+1))break;case 6444:switch(U(e,X(e)-3-(~q(e,"!important")&&10))){case 107:return Y(e,":",":"+z)+e;case 101:return Y(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+z+(45===U(e,14)?"inline-":"")+"box$3$1"+z+"$2$3$1"+D+"$2box$3")+e}break;case 5936:switch(U(e,t+11)){case 114:return z+e+D+Y(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return z+e+D+Y(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return z+e+D+Y(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return z+e+D+e+e}return e}function ke(e,t){for(var n="",r=Z(e),o=0;o<r;o++)n+=t(e[o],o,e,t)||"";return n}function Pe(e,t,n,r){switch(e.type){case"@import":case F:return e.return=e.return||e.value;case L:return"";case G:e.value=e.props.join(",")}return X(n=ke(e.children,r))?e.return=e.value+"{"+n+"}":""}function Ae(e,t,n,r){if(!e.return)switch(e.type){case F:e.return=Ce(e.value,e.length);break;case"@keyframes":return ke([ie(Y(e.value,"@","@"+z),e,"")],r);case G:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,(function(t){switch(function(e,t){return(e=/(::plac\w+|:read-\w+)/.exec(e))?e[0]:e}(t)){case":read-only":case":read-write":return ke([ie(Y(t,/:(read-\w+)/,":-moz-$1"),e,"")],r);case"::placeholder":return ke([ie(Y(t,/:(plac\w+)/,":"+z+"input-$1"),e,""),ie(Y(t,/:(plac\w+)/,":-moz-$1"),e,""),ie(Y(t,/:(plac\w+)/,D+"input-$1"),e,"")],r)}return""}))}}var Ie=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},Oe=function(e){return Ie(5381,e)},Re=/^\s*\/\/.*$/gm,_e=[":","[",".","#"];function Te(e){var t,n,r,o,i=void 0===e?h:e,a=i.options,s=void 0===a?h:a,c=i.plugins,l=void 0===c?f:c,u=function(e,r,i){return 0===r&&_e.includes(i[n.length])||i.match(o)?e:"."+t},d=function(e){if(e.type===G&&e.value.includes("&")){var t=e.props;t[0]=t[0].replace(r,u)}},p=function(e,i,a,c){void 0===i&&(i=""),void 0===a&&(a=""),void 0===c&&(c="&");var u=e.replace(Re,"");t=c,n=i,r=new RegExp("\\"+n+"\\b","g"),o=new RegExp("(\\"+n+"\\b){2,}");var p=l.slice();return(s.prefix||void 0===s.prefix)&&p.push(Ae),p.push(d,Pe),ke(ve(a||i?a+" "+i+" { "+u+" }":u),function(e){var t=Z(e);return function(n,r,o,i){for(var a="",s=0;s<t;s++)a+=e[s](n,r,o,i)||"";return a}}(p))};return p.hash=l.length?l.reduce((function(e,t){return t.name||g(15),Ie(e,t.name)}),5381).toString():"",p}var Ee=n.default.createContext(void 0),je=Ee.Consumer,$e=n.default.createContext(void 0);$e.Consumer;var Ne=new N,De=Te();function Me(){return e.useContext(Ee)||Ne}function ze(){return e.useContext($e)||De}function Le(t){var r=e.useState(t.stylisPlugins),o=r[0],i=r[1],a=Me(),s=e.useMemo((function(){var e=a;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]),c=e.useMemo((function(){return Te({options:{prefix:!t.disableVendorPrefixes},plugins:o})}),[t.disableVendorPrefixes,o]);return e.useEffect((function(){(function(e,t,n,r){var o=void 0;if(void 0!==o)return!!o;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var i=Object.keys(e),a=Object.keys(t);if(i.length!==a.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),c=0;c<i.length;c++){var l=i[c];if(!s(l))return!1;var u=e[l],d=t[l];if(!1===(o=void 0)||void 0===o&&u!==d)return!1}return!0})(o,t.stylisPlugins)||i(t.stylisPlugins)}),[t.stylisPlugins]),n.default.createElement(Ee.Provider,{value:s},n.default.createElement($e.Provider,{value:c},n.default.Children.only(t.children)))}var Ge=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=De);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 g(12,String(n.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=De),this.name+e.hash},e}();function Fe(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function Be(e,t){return e(t={exports:{}},t.exports),t.exports}Fe(Be((function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1}})));var He=Be((function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default={animationIterationCount:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1}}));Fe(He);var We=Be((function(e){e.exports=He}));function Ye(e){return"string"==typeof e&&e||e.displayName||e.name||"Component"}var qe=/([A-Z])/,Ue=/([A-Z])/g,Ve=/^ms-/,Xe=function(e){return"-"+e.toLowerCase()};function Ze(e){return qe.test(e)?e.replace(Ue,Xe).replace(Ve,"-ms-"):e}function Je(e){return"function"==typeof e}function Ke(e){return null!==e&&"object"==typeof e&&"[object Object]"===(e.toString?e.toString():Object.prototype.toString.call(e))&&!("props"in e&&(e.$$typeof||void 0===e.constructor))}function Qe(e){return"object"==typeof e&&"styledComponentId"in e}var et=function(e){return null==e||!1===e||""===e},tt=function(e,t){var n,r,o=[];for(var i in e)e.hasOwnProperty(i)&&!et(e[i])&&(Array.isArray(e[i])&&e[i].isCss||Je(e[i])?o.push(Ze(i)+":",e[i],";"):Ke(e[i])?o.push.apply(o,tt(e[i],i)):o.push(Ze(i)+": "+(n=i,(null==(r=e[i])||"boolean"==typeof r||""===r?"":"number"!=typeof r||0===r||n in We?String(r).trim():r+"px")+";")));return t?p(p([t+" {"],o,!0),["}"],!1):o};function nt(e,t,n,r){if(Array.isArray(e)){for(var o=[],i=0,a=e.length,s=void 0;i<a;i+=1)""!==(s=nt(e[i],t,n,r))&&(Array.isArray(s)?o.push.apply(o,s):o.push(s));return o}if(et(e))return"";if(Qe(e))return"."+e.styledComponentId;if(Je(e)){if("function"!=typeof(l=e)||l.prototype&&l.prototype.isReactComponent||!t)return e;var c=e;return"object"!=typeof(s=c(t))||Array.isArray(s)||s instanceof Ge||Ke(s)||console.error(Ye(c)+" 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."),nt(s,t,n,r)}var l;return e instanceof Ge?n?(e.inject(n,r),e.getName(r)):e:Ke(e)?tt(e):e.toString()}var rt=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=function(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(Je(n)&&!Qe(n))return!1}return!0}(e),N.registerId(this.componentId+1)}return e.prototype.createStyles=function(e,t,n,r){var o=r(nt(this.rules,t,n,r).join(""),""),i=this.componentId+e;n.insertRules(i,i,o)},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e)},e.prototype.renderStyles=function(e,t,n,r){e>2&&N.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)},e}(),ot=n.default.createContext(void 0),it=ot.Consumer,at=/invalid hook call/i,st=new Set,ct=function(t,n){var r="The component "+t+(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{var i=!0;console.error=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];at.test(e)?(i=!1,st.delete(r)):o.apply(void 0,p([e],t,!1))},e.useRef(),i&&!st.has(r)&&(console.warn(r),st.add(r))}catch(e){at.test(e.message)&&st.delete(r)}finally{console.error=o}};function lt(e,t,n){return void 0===n&&(n=h),e.theme!==n.theme&&e.theme||t||n.theme}var ut=/(a)(d)/gi,dt=function(e){return String.fromCharCode(e+(e>25?39:97))};function pt(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=dt(t%52)+n;return(dt(t%52)+n).replace(ut,"$1-$2")}function ft(e){return pt(Oe(e)>>>0)}function ht(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 mt,yt=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function gt(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];if(Je(e)||Ke(e)){var r=e;return yt(nt(ht(f,p([r],t,!0))))}var o=e;return 0===t.length&&1===o.length&&"string"==typeof o[0]?o:yt(nt(ht(o,t)))}var vt="function"==typeof Symbol&&Symbol.for,St=vt?Symbol.for("react.memo"):60115,bt=vt?Symbol.for("react.forward_ref"):60112,wt={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},xt={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Ct={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},kt=((mt={})[bt]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},mt[St]=Ct,mt);function Pt(e){return("type"in(t=e)&&t.type.$$typeof)===St?Ct:"$$typeof"in e?kt[e.$$typeof]:wt;var t}var At=Object.defineProperty,It=Object.getOwnPropertyNames,Ot=Object.getOwnPropertySymbols,Rt=Object.getOwnPropertyDescriptor,_t=Object.getPrototypeOf,Tt=Object.prototype;function Et(e,t,n){if("string"!=typeof t){if(Tt){var r=_t(t);r&&r!==Tt&&Et(e,r,n)}var o=It(t);Ot&&(o=o.concat(Ot(t)));for(var i=Pt(e),a=Pt(t),s=0;s<o.length;++s){var c=o[s];if(!(c in xt||n&&n[c]||a&&c in a||i&&c in i)){var l=Rt(t,c);try{At(e,c,l)}catch(e){}}}}return e}var jt=function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString(),n=O();return"<style "+[n&&'nonce="'+n+'"',r+'="true"','data-styled-version="6.1.1"'].filter(Boolean).join(" ")+">"+t+"</style>"},this.getStyleTags=function(){if(e.sealed)throw g(2);return e._emitSheetCSS()},this.getStyleElement=function(){var t;if(e.sealed)throw g(2);var o=((t={})[r]="",t[i]=a,t.dangerouslySetInnerHTML={__html:e.instance.toString()},t),s=O();return s&&(o.nonce=s),[n.default.createElement("style",d({},o,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new N({isServer:!0}),this.sealed=!1}return e.prototype.collectStyles=function(e){if(this.sealed)throw g(2);return n.default.createElement(Le,{sheet:this.instance},e)},e.prototype.interleaveWithNodeStream=function(e){throw g(3)},e}(),$t={StyleSheet:N,mainSheet:Ne};"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"),"undefined"!=typeof window&&(window["__styled-components-init__"]||(window["__styled-components-init__"]=0),1===window["__styled-components-init__"]&&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://s-c.sh/2BAXzed for more info."),window["__styled-components-init__"]+=1);var Nt=Object.freeze({__proto__:null,createGlobalStyle:function(t){for(var r=[],o=1;o<arguments.length;o++)r[o-1]=arguments[o];var i=gt.apply(void 0,p([t],r,!1)),a="sc-global-"+ft(JSON.stringify(i)),s=new rt(i,a);ct(a);var c=function(t){var r=Me(),o=ze(),c=e.useContext(ot),u=e.useRef(r.allocateGSInstance(a)).current;return n.default.Children.count(t.children)&&console.warn("The global style component "+a+" was given child JSX. createGlobalStyle does not render children."),i.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."),r.server&&l(u,t,r,c,o),e.useLayoutEffect((function(){if(!r.server)return l(u,t,r,c,o),function(){return s.removeStyles(u,r)}}),[u,t,r,c,o]),null};function l(e,t,n,r,o){if(s.isStatic)s.renderStyles(e,u,n,o);else{var i=d(d({},t),{theme:lt(t,r,c.defaultProps)});s.renderStyles(e,i,n,o)}}return n.default.memo(c)},css:gt,isStyledComponent:Qe,keyframes:function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];"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 r=gt.apply(void 0,p([e],t,!1)).join(""),o=ft(r);return new Ge(o,r)},ServerStyleSheet:jt,StyleSheetConsumer:je,StyleSheetContext:Ee,StyleSheetManager:Le,ThemeConsumer:it,ThemeContext:ot,ThemeProvider:function(t){var r=e.useContext(ot),o=e.useMemo((function(){return function(e,t){if(!e)throw g(14);if(Je(e)){var n=e(t);if(null===n||Array.isArray(n)||"object"!=typeof n)throw g(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw g(8);return t?d(d({},t),e):e}(t.theme,r)}),[t.theme,r]);return t.children?n.default.createElement(ot.Provider,{value:o},t.children):null},useTheme:function(){return e.useContext(ot)},version:a,withTheme:function(t){var r=n.default.forwardRef((function(r,o){var i=lt(r,e.useContext(ot),t.defaultProps);return void 0===i&&console.warn('[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class "'+Ye(t)+'"'),n.default.createElement(t,d({},r,{theme:i,ref:o}))}));return Et(r,t),r.displayName="WithTheme("+Ye(t)+")",r},__PRIVATE__:$t});function Dt(e){var t=Object.create(null);return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}var Mt=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,zt=Dt((function(e){return Mt.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),Lt=["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"],Gt=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Ft=/(^-|-$)/g;function Bt(e){return e.replace(Gt,"-").replace(Ft,"")}function Ht(e){return"string"==typeof e&&e.charAt(0)===e.charAt(0).toLowerCase()}function Wt(e,t){return e&&t?e+" "+t:e||t}var Yt=function(e){return"function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},qt=function(e){return"__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function Ut(e,t,n){var r=e[n];Yt(t)&&Yt(r)?Vt(r,t):e[n]=t}function Vt(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++){var i=o[r];if(Yt(i))for(var a in i)qt(a)&&Ut(e,i[a],a)}return e}var Xt=Oe(a),Zt=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic=!1,this.componentId=t,this.baseHash=Ie(Xt,t),this.baseStyle=n,N.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 i=nt(this.rules,e,t,n).join(""),a=pt(Ie(this.baseHash,i)>>>0);if(!t.hasNameForId(r,a)){var s=n(i,"."+a,void 0,r);t.insertRules(r,a,s)}o.push(a),this.staticRulesId=a}else{for(var c=this.rules.length,l=Ie(this.baseHash,n.hash),u="",d=0;d<c;d++){var p=this.rules[d];if("string"==typeof p)u+=p,l=Ie(l,p+d);else if(p){var f=nt(p,e,t,n),h=Array.isArray(f)?f.join(""):f;l=Ie(l,h+d),u+=h}}if(u){var m=pt(l>>>0);if(!t.hasNameForId(r,m)){var y=n(u,"."+m,void 0,r);t.insertRules(r,m,y)}o.push(m)}}return o.join(" ")},e}(),Jt={};var Kt=function(t,r,o){var i=Qe(t),s=t,c=!Ht(t),l=r.attrs,u=void 0===l?f:l,p=r.componentId,m=void 0===p?function(e,t){var n="string"!=typeof e?"sc":Bt(e);Jt[n]=(Jt[n]||0)+1;var r=n+"-"+ft(a+n+Jt[n]);return t?t+"-"+r:r}(r.displayName,r.parentComponentId):p,y=r.displayName,g=void 0===y?function(e){return Ht(e)?"styled."+e:"Styled("+Ye(e)+")"}(t):y,v=r.displayName&&r.componentId?Bt(r.displayName)+"-"+r.componentId:r.componentId||m,S=i&&s.attrs?s.attrs.concat(u).filter(Boolean):u,b=r.shouldForwardProp;if(i&&s.shouldForwardProp){var w=s.shouldForwardProp;if(r.shouldForwardProp){var x=r.shouldForwardProp;b=function(e,t,n){return w(e,t,n)&&x(e,t,n)}}else b=w}var C,k=new Zt(o,v,i?s.componentStyle:void 0),P=k.isStatic&&0===u.length;function A(t,n){return function(t,n,r,o){var i=t.attrs,a=t.componentStyle,s=t.defaultProps,c=t.foldedComponentIds,l=t.shouldForwardProp,u=t.styledComponentId,p=t.target;e.useDebugValue(u);var f=function(e,t,n){void 0===e&&(e=h);var r=d(d({},t),{theme:e}),o={};return n.forEach((function(e){var t,n="function"==typeof e?e(r):e;for(t in n)r[t]=o[t]="className"===t?Wt(o[t],n[t]):n[t]})),[r,o]}(lt(n,e.useContext(ot),s)||h,n,i),m=f[0],y=f[1],g=function(t,n,r,o){var i=Me(),a=ze(),s=n?t.generateAndInjectStyles(h,i,a):t.generateAndInjectStyles(r,i,a);return e.useDebugValue(s),!n&&o&&o(s),s}(a,o,m,t.warnTooManyClasses),v=r,S=y.$as||n.$as||y.as||n.as||p,b=Ht(S),w=y!==n?d(d({},n),y):n,x={};for(var C in w)"$"!==C[0]&&"as"!==C&&("forwardedAs"===C?x.as=w[C]:(l?l(C,w,zt,S):!b||zt(C))&&(x[C]=w[C]));return n.style&&y.style!==n.style&&(x.style=d(d({},n.style),y.style)),x[b&&-1===Lt.indexOf(S)?"class":"className"]=c.concat(u,g!==u?g:null,n.className,y.className).filter(Boolean).join(" "),x.ref=v,e.createElement(S,x)}(C,t,n,P)}return A.displayName=g,(C=n.default.forwardRef(A)).attrs=S,C.componentStyle=k,C.displayName=g,C.shouldForwardProp=b,C.foldedComponentIds=i?s.foldedComponentIds.concat(s.styledComponentId):f,C.styledComponentId=v,C.target=i?s.target:t,C.withComponent=function(e){var t=r.componentId,n=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}(r,["componentId"]),i=t&&t+"-"+(Ht(e)?e:Bt(Ye(e))),a=d(d({},n),{attrs:S,componentId:i});return Kt(e,a,o)},Object.defineProperty(C,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?Vt({},s.defaultProps,e):e}}),ct(g,v),C.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var i=t?' with the id of "'+t+'"':"";console.warn("Over 200 classes were generated for component "+e+i+".\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 />"),r=!0,n={}}}}(g,v),C.toString=function(){return"."+C.styledComponentId},c&&Et(C,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),C};function Qt(e,t,n){if(void 0===n&&(n=h),!t)throw g(1,t);var r=function(r){for(var o=[],i=1;i<arguments.length;i++)o[i-1]=arguments[i];return e(t,n,gt.apply(void 0,p([r],o,!1)))};return r.attrs=function(r){return Qt(e,t,d(d({},n),{attrs:Array.prototype.concat(n.attrs,r).filter(Boolean)}))},r.withConfig=function(r){return Qt(e,t,d(d({},n),r))},r}var en=function(e){return Qt(Kt,e)},tn=en;for(var nn in Lt.forEach((function(e){tn[e]=en(e)})),Nt)tn[nn]=Nt[nn];return tn}));
//# sourceMappingURL=styled-components.js.map