styled-components
Advanced tools
styled-components - npm Package Compare versions
Comparing version 6.0.0-alpha.7 to 6.0.0-beta.0
@@ -1,2 +0,2 @@ | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/helper-module-imports"),t=require("@babel/traverse"),a=require("babel-plugin-macros"),o=require("babel-plugin-styled-components");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(t),l=r(o),s=a.createMacro((function({references:t,state:a,babel:{types:o},config:{importModuleName:r="styled-components",...s}={}}){const p=a.file.path;let u;Object.keys(t).forEach((a=>{let o;"default"===a?(o=e.addDefault(p,r,{nameHint:"styled"}),u=o):o=e.addNamed(p,a,r,{nameHint:a}),t[a].forEach((e=>{e.node.name=o.name}))}));const c={...a,opts:{...s,topLevelImportPaths:(s.topLevelImportPaths||[]).concat(r)},customImportName:u};n.default(p.parent,l.default({types:o}).visitor,void 0,c)}),{configName:"styledComponents"});exports.default=s; | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@babel/helper-module-imports"),a=require("@babel/traverse"),o=require("babel-plugin-macros"),r=require("babel-plugin-styled-components");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=/*#__PURE__*/n(a),i=/*#__PURE__*/n(r),l=o.createMacro(function(a){var o,r=a.references,n=a.state,l=a.babel.types,u=a.config,d=void 0===u?{}:u,p=d.importModuleName,c=void 0===p?"styled-components":p,m=e.__rest(d,["importModuleName"]),f=n.file.path;Object.keys(r).forEach(function(e){var a;"default"===e?(a=t.addDefault(f,c,{nameHint:"styled"}),o=a):a=t.addNamed(f,e,c,{nameHint:e}),r[e].forEach(function(e){e.node.name=a.name})});var b=e.__assign(e.__assign({},n),{opts:e.__assign(e.__assign({},m),{topLevelImportPaths:(m.topLevelImportPaths||[]).concat(c)}),customImportName:o});s.default(f.parent,i.default({types:l}).visitor,void 0,b)},{configName:"styledComponents"});exports.default=l; | ||
| //# sourceMappingURL=styled-components-macro.cjs.js.map |
@@ -1,2 +0,2 @@ | ||
| import{addDefault as e,addNamed as t}from"@babel/helper-module-imports";import o from"@babel/traverse";import{createMacro as a}from"babel-plugin-macros";import m from"babel-plugin-styled-components";var r=a((function({references:a,state:r,babel:{types:n},config:{importModuleName:p="styled-components",...s}={}}){const l=r.file.path;let i;Object.keys(a).forEach((o=>{let m;"default"===o?(m=e(l,p,{nameHint:"styled"}),i=m):m=t(l,o,p,{nameHint:o}),a[o].forEach((e=>{e.node.name=m.name}))}));const c={...r,opts:{...s,topLevelImportPaths:(s.topLevelImportPaths||[]).concat(p)},customImportName:i};o(l.parent,m({types:n}).visitor,void 0,c)}),{configName:"styledComponents"});export{r as default}; | ||
| import{__rest as e,__assign as o}from"tslib";import{addDefault as t,addNamed as r}from"@babel/helper-module-imports";import a from"@babel/traverse";import{createMacro as m}from"babel-plugin-macros";import n from"babel-plugin-styled-components";var p=m(function(m){var p,i=m.references,s=m.state,l=m.babel.types,f=m.config,c=void 0===f?{}:f,d=c.importModuleName,b=void 0===d?"styled-components":d,u=e(c,["importModuleName"]),v=s.file.path;Object.keys(i).forEach(function(e){var o;"default"===e?(o=t(v,b,{nameHint:"styled"}),p=o):o=r(v,e,b,{nameHint:e}),i[e].forEach(function(e){e.node.name=o.name})});var y=o(o({},s),{opts:o(o({},u),{topLevelImportPaths:(u.topLevelImportPaths||[]).concat(b)}),customImportName:p});a(v.parent,n({types:l}).visitor,void 0,y)},{configName:"styledComponents"});export{p as default}; | ||
| //# sourceMappingURL=styled-components-macro.esm.js.map |
@@ -1,2 +0,2 @@ | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/is-prop-valid"),t=require("react"),n=require("shallowequal"),o=require("stylis"),s=require("@emotion/unitless");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e),a=r(t),l=r(n),c=r(s);const u="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",d="undefined"!=typeof window&&"HTMLElement"in window,h=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),p={},m=/invalid hook call/i,f=new Set,y=(e,n)=>{if("production"!==process.env.NODE_ENV){const o=`The component ${e}${n?` with the id of "${n}"`:""} has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.`,s=console.error;try{let e=!0;console.error=(t,...n)=>{m.test(t)?(e=!1,f.delete(o)):s(t,...n)},t.useRef(),e&&!f.has(o)&&(console.warn(o),f.add(o))}catch(e){m.test(e.message)&&f.delete(o)}finally{console.error=s}}},g=Object.freeze([]),S=Object.freeze({});function v(e,t,n=S){return e.theme!==n.theme&&e.theme||t||n.theme}var w=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"];const b=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,E=/(^-|-$)/g;function N(e){return e.replace(b,"-").replace(E,"")}const _=/(a)(d)/gi,C=e=>String.fromCharCode(e+(e>25?39:97));function $(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=C(t%52)+n;return(C(t%52)+n).replace(_,"$1-$2")}const P=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},A=e=>P(5381,e);function I(e){return $(A(e)>>>0)}function x(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function O(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function R(e){return O(e)?`styled.${e}`:`Styled(${x(e)})`}const D="function"==typeof Symbol&&Symbol.for,T=D?Symbol.for("react.memo"):60115,j=D?Symbol.for("react.forward_ref"):60112,k={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},V={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},M={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},z={[j]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[T]:M};function B(e){return("type"in(t=e)&&t.type.$$typeof)===T?M:"$$typeof"in e?z[e.$$typeof]:k;var t}const L=Object.defineProperty,G=Object.getOwnPropertyNames,F=Object.getOwnPropertySymbols,q=Object.getOwnPropertyDescriptor,Y=Object.getPrototypeOf,H=Object.prototype;function W(e,t,n){if("string"!=typeof t){if(H){const o=Y(t);o&&o!==H&&W(e,o,n)}let o=G(t);F&&(o=o.concat(F(t)));const s=B(e),r=B(t);for(let i=0;i<o.length;++i){const a=o[i];if(!(a in V||n&&n[a]||r&&a in r||s&&a in s)){const n=q(t,a);try{L(e,a,n)}catch(e){}}}}return e}function U(e){return"object"==typeof e&&"styledComponentId"in e}function J(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function X(e,t,n=!1){if(!n&&!J(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=X(e[n],t[n]);else if(J(t))for(const n in t)e[n]=X(e[n],t[n]);return e}const Z="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function K(e,...t){return"production"===process.env.NODE_ENV?new Error(`An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`):new Error(function(...e){let t=e[0];const n=[];for(let t=1,o=e.length;t<o;t+=1)n.push(e[t]);return n.forEach((e=>{t=t.replace(/%[a-z]/,e)})),t}(Z[e],...t).trim())}let Q=new Map,ee=new Map,te=1;const ne=e=>{if(Q.has(e))return Q.get(e);for(;ee.has(te);)te++;const t=te++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw K(16,`${t}`);return Q.set(e,t),ee.set(t,e),t},oe=e=>ee.get(e),se=(e,t)=>{Q.set(e,t),ee.set(t,e)},re=`style[${u}][data-styled-version="6.0.0-alpha.7"]`,ie=new RegExp(`^${u}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),ae=(e,t,n)=>{const o=n.split(",");let s;for(let n=0,r=o.length;n<r;n++)(s=o[n])&&e.registerName(t,s)},le=(e,t)=>{const n=(t.textContent??"").split("/*!sc*/\n"),o=[];for(let t=0,s=n.length;t<s;t++){const s=n[t].trim();if(!s)continue;const r=s.match(ie);if(r){const t=0|parseInt(r[1],10),n=r[2];0!==t&&(se(n,t),ae(e,n,r[3]),e.getTag().insertRules(t,o)),o.length=0}else o.push(s)}};function ce(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}const ue=e=>{const t=document.head,n=e||t,o=document.createElement("style"),s=(e=>{const{childNodes:t}=e;for(let e=t.length;e>=0;e--){const n=t[e];if(n&&1===n.nodeType&&n.hasAttribute(u))return n}})(n),r=void 0!==s?s.nextSibling:null;o.setAttribute(u,"active"),o.setAttribute("data-styled-version","6.0.0-alpha.7");const i=ce();return i&&o.setAttribute("nonce",i),n.insertBefore(o,r),o};let de=d;const he={isServer:!d,useCSSOMInjection:!h};class pe{gs;names;options;server;tag;static registerId(e){return ne(e)}constructor(e=S,t={},n){this.options={...he,...e},this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&d&&de&&(de=!1,(e=>{const t=document.querySelectorAll(re);for(let n=0,o=t.length;n<o;n++){const o=t[n];o&&"active"!==o.getAttribute(u)&&(le(e,o),o.parentNode&&o.parentNode.removeChild(o))}})(this))}reconstructWithOptions(e,t=!0){return new pe({...this.options,...e},this.gs,t&&this.names||void 0)}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({isServer:e,useCSSOMInjection:t,target:n})=>e?new class{rules;length;constructor(e){this.rules=[],this.length=0}insertRule(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)}deleteRule(e){this.rules.splice(e,1),this.length--}getRule(e){return e<this.length?this.rules[e]:""}}(n):t?new class{element;sheet;length;constructor(e){const t=this.element=ue(e);t.appendChild(document.createTextNode("")),this.sheet=(e=>{if(e.sheet)return e.sheet;const{styleSheets:t}=document;for(let n=0,o=t.length;n<o;n++){const o=t[n];if(o.ownerNode===e)return o}throw K(17)})(t),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""}}(n):new class{element;nodes;length;constructor(e){const t=this.element=ue(e);this.nodes=t.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t),o=this.nodes[e];return this.element.insertBefore(n,o||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}}(n))(this.options),new class{groupSizes;length;tag;constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}indexOfGroup(e){let t=0;for(let n=0;n<e;n++)t+=this.groupSizes[n];return t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let o=n;for(;e>=o;)if(o<<=1,o<0)throw K(16,`${e}`);this.groupSizes=new Uint32Array(o),this.groupSizes.set(t),this.length=o;for(let e=n;e<o;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1);if(Array.isArray(t))for(let o=0,s=t.length;o<s;o++)this.tag.insertRule(n,t[o])&&(this.groupSizes[e]++,n++);else this.tag.insertRule(n,t)&&this.groupSizes[e]++}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(let e=n;e<o;e++)this.tag.deleteRule(n)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],o=this.indexOfGroup(e),s=o+n;for(let e=o;e<s;e++)t+=`${this.tag.getRule(e)}/*!sc*/\n`;return t}}(e)));var e}hasNameForId(e,t){return this.names.has(e)&&this.names.get(e).has(t)}registerName(e,t){if(ne(e),this.names.has(e))this.names.get(e).add(t);else{const n=new Set;n.add(t),this.names.set(e,n)}}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(ne(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(ne(e)),this.clearNames(e)}clearTag(){this.tag=void 0}toString(){return(e=>{const t=e.getTag(),{length:n}=t;let o="";for(let s=0;s<n;s++){const n=oe(s);if(void 0===n)continue;const r=e.names.get(n),i=t.getGroup(s);if(void 0===r||0===i.length)continue;const a=`${u}.g${s}[id="${n}"]`;let l="";void 0!==r&&r.forEach((e=>{e.length>0&&(l+=`${e},`)})),o+=`${i}${a}{content:"${l}"}/*!sc*/\n`}return o})(this)}}const me=/^\s*\/\/.*$/gm,fe=[":","[",".","#"];function ye({options:e=S,plugins:t=g}=S){let n,s,r,i;const a=(e,t,o)=>0===t&&fe.includes(o[s.length])||o.match(i)?e:`.${n}`,l=e=>{if(e.type===o.RULESET&&e.value.includes("&")){const t=e.props;t[0]=t[0].replace(r,a)}},c=(a,c="",u="",d="&")=>{let h=a.replace(me,"");n=d,s=c,r=new RegExp(`\\${s}\\b`,"g"),i=new RegExp(`(\\${s}\\b){2,}`);const p=t.slice();return(e.prefix||void 0===e.prefix)&&p.unshift(o.prefixer),p.push(l,o.stringify),o.serialize(o.compile(u||c?`${u} ${c} { ${h} }`:h),o.middleware(p))};return c.hash=t.length?t.reduce(((e,t)=>(t.name||K(15),P(e,t.name))),5381).toString():"",c}const ge=a.default.createContext(void 0),Se=ge.Consumer,ve=a.default.createContext(void 0);ve.Consumer;const we=new pe,be=ye();function Ee(){return t.useContext(ge)||we}function Ne(){return t.useContext(ve)||be}function _e(e){const[n,o]=t.useState(e.stylisPlugins),s=Ee(),r=t.useMemo((()=>{let t=s;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target]),i=t.useMemo((()=>ye({options:{prefix:!e.disableVendorPrefixes},plugins:n})),[e.disableVendorPrefixes,n]);return t.useEffect((()=>{l.default(n,e.stylisPlugins)||o(e.stylisPlugins)}),[e.stylisPlugins]),a.default.createElement(ge.Provider,{value:r},a.default.createElement(ve.Provider,{value:i},"production"!==process.env.NODE_ENV?a.default.Children.only(e.children):e.children))}class Ce{id;name;rules;constructor(e,t){this.name=e,this.id=`sc-keyframes-${e}`,this.rules=t}inject=(e,t=be)=>{const n=this.name+t.hash;e.hasNameForId(this.id,n)||e.insertRules(this.id,n,t(this.rules,n,"@keyframes"))};toString=()=>{throw K(12,String(this.name))};getName(e=be){return this.name+e.hash}}const $e=/([A-Z])/,Pe=/([A-Z])/g,Ae=/^ms-/,Ie=e=>`-${e.toLowerCase()}`;function xe(e){return $e.test(e)?e.replace(Pe,Ie).replace(Ae,"-ms-"):e}function Oe(e){return"function"==typeof e}const Re=e=>null==e||!1===e||""===e,De=(e,t)=>{const n=[];for(const t in e)e.hasOwnProperty(t)&&!Re(e[t])&&(Array.isArray(e[t])&&e[t].isCss||Oe(e[t])?n.push(`${xe(t)}:`,e[t],";"):J(e[t])?n.push(...De(e[t],t)):n.push(`${xe(t)}: ${o=t,s=e[t],null==s||"boolean"==typeof s||""===s?"":"number"!=typeof s||0===s||o in c.default?String(s).trim():`${s}px`};`));var o,s;return t?[`${t} {`,...n,"}"]:n};function Te(e,t,n,o){if(Array.isArray(e)){const s=[];for(let r,i=0,a=e.length;i<a;i+=1)r=Te(e[i],t,n,o),""!==r&&(Array.isArray(r)?s.push(...r):s.push(r));return s}if(Re(e))return"";if(U(e))return`.${e.styledComponentId}`;if(Oe(e)){if("function"!=typeof(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return e;{const s=e,r=s(t);return"production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||r instanceof Ce||J(r)||console.error(`${x(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.`),Te(r,t,n,o)}}var s;return e instanceof Ce?n?(e.inject(n,o),e.getName(o)):e:J(e)?De(e):e.toString()}function je(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(Oe(n)&&!U(n))return!1}return!0}const ke=A("6.0.0-alpha.7");class Ve{baseHash;baseStyle;componentId;isStatic;rules;staticRulesId;constructor(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&je(e),this.componentId=t,this.baseHash=P(ke,t),this.baseStyle=n,pe.registerId(t)}generateAndInjectStyles(e,t,n){const{componentId:o}=this,s=[];if(this.baseStyle&&s.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(o,this.staticRulesId))s.push(this.staticRulesId);else{const r=Te(this.rules,e,t,n).join(""),i=$(P(this.baseHash,r)>>>0);if(!t.hasNameForId(o,i)){const e=n(r,`.${i}`,void 0,o);t.insertRules(o,i,e)}s.push(i),this.staticRulesId=i}else{const{length:r}=this.rules;let i=P(this.baseHash,n.hash),a="";for(let o=0;o<r;o++){const s=this.rules[o];if("string"==typeof s)a+=s,"production"!==process.env.NODE_ENV&&(i=P(i,s+o));else if(s){const r=Te(s,e,t,n),l=Array.isArray(r)?r.join(""):r;i=P(i,l+o),a+=l}}if(a){const e=$(i>>>0);if(!t.hasNameForId(o,e)){const s=n(a,`.${e}`,void 0,o);t.insertRules(o,e,s)}s.push(e)}}return s.join(" ")}}const Me=a.default.createContext(void 0),ze=Me.Consumer,Be={};function Le(e,t){const n="string"!=typeof e?"sc":N(e);Be[n]=(Be[n]||0)+1;const o=`${n}-${I("6.0.0-alpha.7"+n+Be[n])}`;return t?`${t}-${o}`:o}function Ge(e,n,o){const s=U(e),r=e,l=!O(e),{attrs:c=g,componentId:u=Le(n.displayName,n.parentComponentId),displayName:d=R(e)}=n,h=n.displayName&&n.componentId?`${N(n.displayName)}-${n.componentId}`:n.componentId||u,p=s&&r.attrs?r.attrs.concat(c).filter(Boolean):c;let{shouldForwardProp:m}=n;if(s&&r.shouldForwardProp){const e=r.shouldForwardProp;if(n.shouldForwardProp){const t=n.shouldForwardProp;m=(n,o,s)=>e(n,o,s)&&t(n,o,s)}else m=e}const f=new Ve(o,h,s?r.componentStyle:void 0),b=f.isStatic&&0===c.length;function E(e,n){return function(e,n,o,s){const{attrs:r,componentStyle:a,defaultProps:l,foldedComponentIds:c,shouldForwardProp:u,styledComponentId:d,target:h}=e;"production"!==process.env.NODE_ENV&&t.useDebugValue(d);const p=v(n,t.useContext(Me),l),[m,f]=function(e=S,t,n){const o={...t,theme:e},s={};return n.forEach((e=>{const t="function"==typeof e?e(o):e;let n;for(n in t)o[n]=s[n]="className"===n?(r=s[n],i=t[n],r&&i?`${r} ${i}`:r||i):t[n];var r,i})),[o,s]}(p||S,n,r),y=function(e,n,o,s){const r=Ee(),i=Ne(),a=n?e.generateAndInjectStyles(S,r,i):e.generateAndInjectStyles(o,r,i);return"production"!==process.env.NODE_ENV&&t.useDebugValue(a),"production"!==process.env.NODE_ENV&&!n&&s&&s(a),a}(a,s,m,"production"!==process.env.NODE_ENV?e.warnTooManyClasses:void 0),g=o,b=f.$as||n.$as||f.as||n.as||h,E=O(b),N=f!==n?{...n,...f}:n,_={};for(const e in N)"$"!==e[0]&&"as"!==e&&("forwardedAs"===e?_.as=N[e]:(u?u(e,i.default,b):!E||i.default(e))&&(_[e]=N[e]));return n.style&&f.style!==n.style&&(_.style={...n.style,...f.style}),_[E&&-1===w.indexOf(b)?"class":"className"]=c.concat(d,y!==d?y:null,n.className,f.className).filter(Boolean).join(" "),_.ref=g,t.createElement(b,_)}(_,e,n,b)}E.displayName=d;let _=a.default.forwardRef(E);return _.attrs=p,_.componentStyle=f,_.displayName=d,_.shouldForwardProp=m,_.foldedComponentIds=s?r.foldedComponentIds.concat(r.styledComponentId):g,_.styledComponentId=h,_.target=s?r.target:e,_.withComponent=function(e){const{componentId:t,...s}=n,r=t&&`${t}-${O(e)?e:N(x(e))}`;return Ge(e,{...s,attrs:p,componentId:r},o)},Object.defineProperty(_,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=s?function(e={},...t){for(const n of t)X(e,n,!0);return e}({},r.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(y(d,h),_.warnTooManyClasses=((e,t)=>{let n={},o=!1;return s=>{if(!o&&(n[s]=!0,Object.keys(n).length>=200)){const s=t?` with the id of "${t}"`:"";console.warn(`Over 200 classes were generated for component ${e}${s}.\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 />`),o=!0,n={}}}})(d,h)),_.toString=()=>`.${_.styledComponentId}`,l&&W(_,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),_}function Fe(e,t){const n=[e[0]];for(let o=0,s=t.length;o<s;o+=1)n.push(t[o],e[o+1]);return n}const qe=e=>(Array.isArray(e)&&(e.isCss=!0),e);function Ye(e,...t){if(Oe(e)||J(e))return qe(Te(Fe(g,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?n:qe(Te(Fe(n,t)))}function He(e,t,n=S){if(!t)throw K(1,t);const o=(o,...s)=>e(t,n,Ye(o,...s));return o.attrs=o=>He(e,t,{...n,attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)}),o.withConfig=o=>He(e,t,{...n,...o}),o}const We=e=>He(Ge,e),Ue=We;w.forEach((e=>{Ue[e]=We(e)}));class Je{componentId;isStatic;rules;constructor(e,t){this.rules=e,this.componentId=t,this.isStatic=je(e),pe.registerId(this.componentId+1)}createStyles(e,t,n,o){const s=o(Te(this.rules,t,n,o).join(""),""),r=this.componentId+e;n.insertRules(r,r,s)}removeStyles(e,t){t.clearRules(this.componentId+e)}renderStyles(e,t,n,o){e>2&&pe.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,o)}}const Xe={StyleSheet:pe,mainSheet:we};"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"),"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(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),exports.ServerStyleSheet=class{instance;sealed;constructor(){this.instance=new pe({isServer:!0}),this.sealed=!1}_emitSheetCSS=()=>{const e=this.instance.toString(),t=ce();return`<style ${[t&&`nonce="${t}"`,`${u}="true"`,'data-styled-version="6.0.0-alpha.7"'].filter(Boolean).join(" ")}>${e}</style>`};collectStyles(e){if(this.sealed)throw K(2);return a.default.createElement(_e,{sheet:this.instance},e)}getStyleTags=()=>{if(this.sealed)throw K(2);return this._emitSheetCSS()};getStyleElement=()=>{if(this.sealed)throw K(2);const e={[u]:"","data-styled-version":"6.0.0-alpha.7",dangerouslySetInnerHTML:{__html:this.instance.toString()}},t=ce();return t&&(e.nonce=t),[a.default.createElement("style",{...e,key:"sc-0-0"})]};interleaveWithNodeStream(e){throw K(3)}seal=()=>{this.sealed=!0}},exports.StyleSheetConsumer=Se,exports.StyleSheetContext=ge,exports.StyleSheetManager=_e,exports.ThemeConsumer=ze,exports.ThemeContext=Me,exports.ThemeProvider=function(e){const n=t.useContext(Me),o=t.useMemo((()=>function(e,t){if(!e)throw K(14);if(Oe(e)){const n=e(t);if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw K(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw K(8);return t?{...t,...e}:e}(e.theme,n)),[e.theme,n]);return e.children?a.default.createElement(Me.Provider,{value:o},e.children):null},exports.__PRIVATE__=Xe,exports.createGlobalStyle=function(e,...t){const n=Ye(e,...t),o=`sc-global-${I(JSON.stringify(n))}`,s=new Je(n,o);"production"!==process.env.NODE_ENV&&y(o);const r=e=>{const t=Ee(),r=Ne(),l=a.default.useContext(Me),c=a.default.useRef(t.allocateGSInstance(o)).current;return"production"!==process.env.NODE_ENV&&a.default.Children.count(e.children)&&console.warn(`The global style component ${o} was given child JSX. createGlobalStyle does not render children.`),"production"!==process.env.NODE_ENV&&n.some((e=>"string"==typeof e&&-1!==e.indexOf("@import")))&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),t.server&&i(c,e,t,l,r),(a.default.useInsertionEffect||a.default.useLayoutEffect)((()=>{if(!t.server)return i(c,e,t,l,r),()=>s.removeStyles(c,t)}),[c,e,t,l,r]),null};function i(e,t,n,o,i){if(s.isStatic)s.renderStyles(e,p,n,i);else{const a={...t,theme:v(t,o,r.defaultProps)};s.renderStyles(e,a,n,i)}}return a.default.memo(r)},exports.css=Ye,exports.default=Ue,exports.isStyledComponent=U,exports.keyframes=function(e,...t){"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");const n=Ye(e,...t).join(""),o=I(n);return new Ce(o,n)},exports.useTheme=()=>t.useContext(Me),exports.version="6.0.0-alpha.7",exports.withTheme=function(e){const t=a.default.forwardRef(((t,n)=>{const o=v(t,a.default.useContext(Me),e.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 "${x(e)}"`),a.default.createElement(e,{...t,theme:o,ref:n})}));return t.displayName=`WithTheme(${x(e)})`,W(t,e)}; | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@emotion/is-prop-valid"),n=require("react"),o=require("shallowequal"),r=require("stylis"),s=require("@emotion/unitless");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=/*#__PURE__*/i(t),c=/*#__PURE__*/i(n),u=/*#__PURE__*/i(o),l=/*#__PURE__*/i(s),p="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",d="6.0.0-beta.0",h="undefined"!=typeof window&&"HTMLElement"in window,f=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),y={},m=/invalid hook call/i,v=new Set,g=function(t,o){if("production"!==process.env.NODE_ENV){var r=o?' with the id of "'.concat(o,'"'):"",s="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.",i=console.error;try{var a=!0;console.error=function(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];m.test(t)?(a=!1,v.delete(s)):i.apply(void 0,e.__spreadArray([t],n,!1))},n.useRef(),a&&!v.has(s)&&(console.warn(s),v.add(s))}catch(e){m.test(e.message)&&v.delete(s)}finally{console.error=i}}},S=Object.freeze([]),_=Object.freeze({});function w(e,t,n){return void 0===n&&(n=_),e.theme!==n.theme&&e.theme||t||n.theme}var b=["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"],E=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,N=/(^-|-$)/g;function C(e){return e.replace(E,"-").replace(N,"")}var A=/(a)(d)/gi,P=function(e){return String.fromCharCode(e+(e>25?39:97))};function I(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=P(t%52)+n;return(P(t%52)+n).replace(A,"$1-$2")}var x,O=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},R=function(e){return O(5381,e)};function D(e){return I(R(e)>>>0)}function T(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function j(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var k="function"==typeof Symbol&&Symbol.for,V=k?Symbol.for("react.memo"):60115,M=k?Symbol.for("react.forward_ref"):60112,$={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},z={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},B={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},L=((x={})[M]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},x[V]=B,x);function G(e){return("type"in(t=e)&&t.type.$$typeof)===V?B:"$$typeof"in e?L[e.$$typeof]:$;var t}var F=Object.defineProperty,q=Object.getOwnPropertyNames,Y=Object.getOwnPropertySymbols,H=Object.getOwnPropertyDescriptor,W=Object.getPrototypeOf,U=Object.prototype;function J(e,t,n){if("string"!=typeof t){if(U){var o=W(t);o&&o!==U&&J(e,o,n)}var r=q(t);Y&&(r=r.concat(Y(t)));for(var s=G(e),i=G(t),a=0;a<r.length;++a){var c=r[a];if(!(c in z||n&&n[c]||i&&c in i||s&&c in s)){var u=H(t,c);try{F(e,c,u)}catch(e){}}}}return e}function X(e){return"object"==typeof e&&"styledComponentId"in e}function Z(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function K(e,t,n){if(void 0===n&&(n=!1),!n&&!Z(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var o=0;o<t.length;o++)e[o]=K(e[o],t[o]);else if(Z(t))for(var o in t)e[o]=K(e[o],t[o]);return e}var Q="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function ee(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],o=[],r=1,s=e.length;r<s;r+=1)o.push(e[r]);return o.forEach(function(e){n=n.replace(/%[a-z]/,e)}),n}function te(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];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(ee.apply(void 0,e.__spreadArray([Q[t]],n,!1)).trim())}var ne=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,o=n.length,r=o;e>=r;)if((r<<=1)<0)throw te(16,"".concat(e));this.groupSizes=new Uint32Array(r),this.groupSizes.set(n),this.length=r;for(var s=o;s<r;s++)this.groupSizes[s]=0}var i=this.indexOfGroup(e+1);if(Array.isArray(t)){s=0;for(var a=t.length;s<a;s++)this.tag.insertRule(i,t[s])&&(this.groupSizes[e]++,i++)}else this.tag.insertRule(i,t)&&this.groupSizes[e]++},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(var r=n;r<o;r++)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],o=this.indexOfGroup(e),r=o+n,s=o;s<r;s++)t+="".concat(this.tag.getRule(s)).concat("/*!sc*/\n");return t},e}(),oe=new Map,re=new Map,se=1,ie=function(e){if(oe.has(e))return oe.get(e);for(;re.has(se);)se++;var t=se++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw te(16,"".concat(t));return oe.set(e,t),re.set(t,e),t},ae=function(e,t){oe.set(e,t),re.set(t,e)},ce="style[".concat(p,"][").concat("data-styled-version",'="').concat(d,'"]'),ue=new RegExp("^".concat(p,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),le=function(e,t,n){for(var o,r=n.split(","),s=0,i=r.length;s<i;s++)(o=r[s])&&e.registerName(t,o)},pe=function(e,t){for(var n,o=(null!==(n=t.textContent)&&void 0!==n?n:"").split("/*!sc*/\n"),r=[],s=0,i=o.length;s<i;s++){var a=o[s].trim();if(a){var c=a.match(ue);if(c){var u=0|parseInt(c[1],10),l=c[2];0!==u&&(ae(l,u),le(e,l,c[3]),e.getTag().insertRules(u,r)),r.length=0}else r.push(a)}}};function de(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var he=function(e){var t=document.head,n=e||t,o=document.createElement("style"),r=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var o=t[n];if(o&&1===o.nodeType&&o.hasAttribute(p))return o}}(n),s=void 0!==r?r.nextSibling:null;o.setAttribute(p,"active"),o.setAttribute("data-styled-version",d);var i=de();return i&&o.setAttribute("nonce",i),n.insertBefore(o,s),o},fe=function(){function e(e){var t=this.element=he(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,o=t.length;n<o;n++){var r=t[n];if(r.ownerNode===e)return r}throw te(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}(),ye=function(){function e(e){var t=this.element=he(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);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}(),me=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}(),ve=h,ge={isServer:!h,useCSSOMInjection:!f},Se=function(){function t(t,n,o){void 0===t&&(t=_),void 0===n&&(n={}),this.options=e.__assign(e.__assign({},ge),t),this.gs=n,this.names=new Map(o),this.server=!!t.isServer,!this.server&&h&&ve&&(ve=!1,function(e){for(var t=document.querySelectorAll(ce),n=0,o=t.length;n<o;n++){var r=t[n];r&&"active"!==r.getAttribute(p)&&(pe(e,r),r.parentNode&&r.parentNode.removeChild(r))}}(this))}return t.registerId=function(e){return ie(e)},t.prototype.reconstructWithOptions=function(n,o){return void 0===o&&(o=!0),new t(e.__assign(e.__assign({},this.options),n),this.gs,o&&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 me(n):t?new fe(n):new ye(n)}(this.options),new ne(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(ie(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(ie(e),n)},t.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.prototype.clearRules=function(e){this.getTag().clearGroup(ie(e)),this.clearNames(e)},t.prototype.clearTag=function(){this.tag=void 0},t.prototype.toString=function(){return function(e){for(var t=e.getTag(),n=t.length,o="",r=function(n){var r=function(e){return re.get(e)}(n);if(void 0===r)return"continue";var s=e.names.get(r),i=t.getGroup(n);if(void 0===s||0===i.length)return"continue";var a="".concat(p,".g").concat(n,'[id="').concat(r,'"]'),c="";void 0!==s&&s.forEach(function(e){e.length>0&&(c+="".concat(e,","))}),o+="".concat(i).concat(a,'{content:"').concat(c,'"}').concat("/*!sc*/\n")},s=0;s<n;s++)r(s);return o}(this)},t}(),_e=/^\s*\/\/.*$/gm,we=[":","[",".","#"];function be(e){var t,n,o,s,i=void 0===e?_:e,a=i.options,c=void 0===a?_:a,u=i.plugins,l=void 0===u?S:u,p=function(e,o,r){return 0===o&&we.includes(r[n.length])||r.match(s)?e:".".concat(t)},d=function(e){if(e.type===r.RULESET&&e.value.includes("&")){var t=e.props;t[0]=t[0].replace(o,p)}},h=function(e,i,a,u){void 0===i&&(i=""),void 0===a&&(a=""),void 0===u&&(u="&");var p=e.replace(_e,"");t=u,n=i,o=new RegExp("\\".concat(n,"\\b"),"g"),s=new RegExp("(\\".concat(n,"\\b){2,}"));var h=l.slice();return(c.prefix||void 0===c.prefix)&&h.unshift(r.prefixer),h.push(d,r.stringify),r.serialize(r.compile(a||i?"".concat(a," ").concat(i," { ").concat(p," }"):p),r.middleware(h))};return h.hash=l.length?l.reduce(function(e,t){return t.name||te(15),O(e,t.name)},5381).toString():"",h}var Ee=c.default.createContext(void 0),Ne=Ee.Consumer,Ce=c.default.createContext(void 0),Ae=new Se,Pe=be();function Ie(){return n.useContext(Ee)||Ae}function xe(){return n.useContext(Ce)||Pe}function Oe(e){var t=n.useState(e.stylisPlugins),o=t[0],r=t[1],s=Ie(),i=n.useMemo(function(){var t=s;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.sheet,e.target]),a=n.useMemo(function(){return be({options:{prefix:!e.disableVendorPrefixes},plugins:o})},[e.disableVendorPrefixes,o]);return n.useEffect(function(){u.default(o,e.stylisPlugins)||r(e.stylisPlugins)},[e.stylisPlugins]),c.default.createElement(Ee.Provider,{value:i},c.default.createElement(Ce.Provider,{value:a},"production"!==process.env.NODE_ENV?c.default.Children.only(e.children):e.children))}var Re=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=Pe);var o=n.name+t.hash;e.hasNameForId(n.id,o)||e.insertRules(n.id,o,t(n.rules,o,"@keyframes"))},this.toString=function(){throw te(12,String(n.name))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=Pe),this.name+e.hash},e}(),De=/([A-Z])/,Te=/([A-Z])/g,je=/^ms-/,ke=function(e){return"-".concat(e.toLowerCase())};function Ve(e){return De.test(e)?e.replace(Te,ke).replace(je,"-ms-"):e}function Me(e){return"function"==typeof e}var $e=function(e){return null==e||!1===e||""===e},ze=function(t,n){var o,r=[];for(var s in t)t.hasOwnProperty(s)&&!$e(t[s])&&(Array.isArray(t[s])&&t[s].isCss||Me(t[s])?r.push("".concat(Ve(s),":"),t[s],";"):Z(t[s])?r.push.apply(r,ze(t[s],s)):r.push("".concat(Ve(s),": ").concat(null==(o=t[s])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||s in l.default?String(o).trim():"".concat(o,"px"),";")));return n?e.__spreadArray(e.__spreadArray(["".concat(n," {")],r,!0),["}"],!1):r};function Be(e,t,n,o){if(Array.isArray(e)){for(var r=[],s=0,i=e.length,a=void 0;s<i;s+=1)""!==(a=Be(e[s],t,n,o))&&(Array.isArray(a)?r.push.apply(r,a):r.push(a));return r}if($e(e))return"";if(X(e))return".".concat(e.styledComponentId);if(Me(e)){if("function"!=typeof(u=e)||u.prototype&&u.prototype.isReactComponent||!t)return e;var c=e;return a=c(t),"production"===process.env.NODE_ENV||"object"!=typeof a||Array.isArray(a)||a instanceof Re||Z(a)||console.error("".concat(T(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.")),Be(a,t,n,o)}var u;return e instanceof Re?n?(e.inject(n,o),e.getName(o)):e:Z(e)?ze(e):e.toString()}function Le(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(Me(n)&&!X(n))return!1}return!0}var Ge=R(d),Fe=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&Le(e),this.componentId=t,this.baseHash=O(Ge,t),this.baseStyle=n,Se.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var o=this.componentId,r=[];if(this.baseStyle&&r.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(o,this.staticRulesId))r.push(this.staticRulesId);else{var s=Be(this.rules,e,t,n).join(""),i=I(O(this.baseHash,s)>>>0);if(!t.hasNameForId(o,i)){var a=n(s,".".concat(i),void 0,o);t.insertRules(o,i,a)}r.push(i),this.staticRulesId=i}else{for(var c=this.rules.length,u=O(this.baseHash,n.hash),l="",p=0;p<c;p++){var d=this.rules[p];if("string"==typeof d)l+=d,"production"!==process.env.NODE_ENV&&(u=O(u,d+p));else if(d){var h=Be(d,e,t,n),f=Array.isArray(h)?h.join(""):h;u=O(u,f+p),l+=f}}if(l){var y=I(u>>>0);if(!t.hasNameForId(o,y)){var m=n(l,".".concat(y),void 0,o);t.insertRules(o,y,m)}r.push(y)}}return r.join(" ")},e}(),qe=c.default.createContext(void 0),Ye=qe.Consumer,He={};function We(t,o,r){var s=X(t),i=t,u=!j(t),l=o.attrs,p=void 0===l?S:l,h=o.componentId,f=void 0===h?function(e,t){var n="string"!=typeof e?"sc":C(e);He[n]=(He[n]||0)+1;var o="".concat(n,"-").concat(D(d+n+He[n]));return t?"".concat(t,"-").concat(o):o}(o.displayName,o.parentComponentId):h,y=o.displayName,m=void 0===y?function(e){return j(e)?"styled.".concat(e):"Styled(".concat(T(e),")")}(t):y,v=o.displayName&&o.componentId?"".concat(C(o.displayName),"-").concat(o.componentId):o.componentId||f,E=s&&i.attrs?i.attrs.concat(p).filter(Boolean):p,N=o.shouldForwardProp;if(s&&i.shouldForwardProp){var A=i.shouldForwardProp;if(o.shouldForwardProp){var P=o.shouldForwardProp;N=function(e,t,n){return A(e,t,n)&&P(e,t,n)}}else N=A}var I=new Fe(r,v,s?i.componentStyle:void 0),x=I.isStatic&&0===p.length;function O(t,o){return function(t,o,r,s){var i=t.attrs,c=t.componentStyle,u=t.defaultProps,l=t.foldedComponentIds,p=t.shouldForwardProp,d=t.styledComponentId,h=t.target;"production"!==process.env.NODE_ENV&&n.useDebugValue(d);var f=function(t,n,o){void 0===t&&(t=_);var r=e.__assign(e.__assign({},n),{theme:t}),s={};return o.forEach(function(e){var t,n,o,i="function"==typeof e?e(r):e;for(t in i)r[t]=s[t]="className"===t?(o=i[t],(n=s[t])&&o?"".concat(n," ").concat(o):n||o):i[t]}),[r,s]}(w(o,n.useContext(qe),u)||_,o,i),y=f[1],m=function(e,t,o,r){var s=Ie(),i=xe(),a=e.generateAndInjectStyles(t?_:o,s,i);return"production"!==process.env.NODE_ENV&&n.useDebugValue(a),"production"!==process.env.NODE_ENV&&!t&&r&&r(a),a}(c,s,f[0],"production"!==process.env.NODE_ENV?t.warnTooManyClasses:void 0),v=r,g=y.$as||o.$as||y.as||o.as||h,S=j(g),E=y!==o?e.__assign(e.__assign({},o),y):o,N={};for(var C in E)"$"!==C[0]&&"as"!==C&&("forwardedAs"===C?N.as=E[C]:(p?p(C,a.default,g):!S||a.default(C))&&(N[C]=E[C]));return o.style&&y.style!==o.style&&(N.style=e.__assign(e.__assign({},o.style),y.style)),N[S&&-1===b.indexOf(g)?"class":"className"]=l.concat(d,m!==d?m:null,o.className,y.className).filter(Boolean).join(" "),N.ref=v,n.createElement(g,N)}(R,t,o,x)}O.displayName=m;var R=c.default.forwardRef(O);return R.attrs=E,R.componentStyle=I,R.displayName=m,R.shouldForwardProp=N,R.foldedComponentIds=s?i.foldedComponentIds.concat(i.styledComponentId):S,R.styledComponentId=v,R.target=s?i.target:t,R.withComponent=function(t){var n=o.componentId,s=e.__rest(o,["componentId"]),i=n&&"".concat(n,"-").concat(j(t)?t:C(T(t)));return We(t,e.__assign(e.__assign({},s),{attrs:E,componentId:i}),r)},Object.defineProperty(R,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=s?function(e){void 0===e&&(e={});for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var o=0,r=t;o<r.length;o++)K(e,r[o],!0);return e}({},i.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(g(m,v),R.warnTooManyClasses=function(e,t){var n={},o=!1;return function(r){if(!o&&(n[r]=!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 />"),o=!0,n={}}}}(m,v)),R.toString=function(){return".".concat(R.styledComponentId)},u&&J(R,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),R}function Ue(e,t){for(var n=[e[0]],o=0,r=t.length;o<r;o+=1)n.push(t[o],e[o+1]);return n}var Je=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function Xe(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];if(Me(t)||Z(t)){var r=t;return Je(Be(Ue(S,e.__spreadArray([r],n,!0))))}var s=t;return 0===n.length&&1===s.length&&"string"==typeof s[0]?s:Je(Be(Ue(s,n)))}function Ze(t,n,o){if(void 0===o&&(o=_),!n)throw te(1,n);var r=function(r){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];return t(n,o,Xe.apply(void 0,e.__spreadArray([r],s,!1)))};return r.attrs=function(r){return Ze(t,n,e.__assign(e.__assign({},o),{attrs:Array.prototype.concat(o.attrs,r).filter(Boolean)}))},r.withConfig=function(r){return Ze(t,n,e.__assign(e.__assign({},o),r))},r}var Ke=function(e){return Ze(We,e)},Qe=Ke;b.forEach(function(e){Qe[e]=Ke(e)});var et=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=Le(e),Se.registerId(this.componentId+1)}return e.prototype.createStyles=function(e,t,n,o){var r=o(Be(this.rules,t,n,o).join(""),""),s=this.componentId+e;n.insertRules(s,s,r)},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e)},e.prototype.renderStyles=function(e,t,n,o){e>2&&Se.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,o)},e}(),tt=function(){function t(){var t=this;this._emitSheetCSS=function(){var e=t.instance.toString(),n=de(),o=[n&&'nonce="'.concat(n,'"'),"".concat(p,'="true"'),"".concat("data-styled-version",'="').concat(d,'"')].filter(Boolean).join(" ");return"<style ".concat(o,">").concat(e,"</style>")},this.getStyleTags=function(){if(t.sealed)throw te(2);return t._emitSheetCSS()},this.getStyleElement=function(){var n;if(t.sealed)throw te(2);var o=((n={})[p]="",n["data-styled-version"]=d,n.dangerouslySetInnerHTML={__html:t.instance.toString()},n),r=de();return r&&(o.nonce=r),[c.default.createElement("style",e.__assign({},o,{key:"sc-0-0"}))]},this.seal=function(){t.sealed=!0},this.instance=new Se({isServer:!0}),this.sealed=!1}return t.prototype.collectStyles=function(e){if(this.sealed)throw te(2);return c.default.createElement(Oe,{sheet:this.instance},e)},t.prototype.interleaveWithNodeStream=function(e){throw te(3)},t}(),nt={StyleSheet:Se,mainSheet:Ae};"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"),"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"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),exports.ServerStyleSheet=tt,exports.StyleSheetConsumer=Ne,exports.StyleSheetContext=Ee,exports.StyleSheetManager=Oe,exports.ThemeConsumer=Ye,exports.ThemeContext=qe,exports.ThemeProvider=function(t){var o=n.useContext(qe),r=n.useMemo(function(){return function(t,n){if(!t)throw te(14);if(Me(t)){var o=t(n);if("production"!==process.env.NODE_ENV&&(null===o||Array.isArray(o)||"object"!=typeof o))throw te(7);return o}if(Array.isArray(t)||"object"!=typeof t)throw te(8);return n?e.__assign(e.__assign({},n),t):t}(t.theme,o)},[t.theme,o]);return t.children?c.default.createElement(qe.Provider,{value:r},t.children):null},exports.__PRIVATE__=nt,exports.createGlobalStyle=function(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];var r=Xe.apply(void 0,e.__spreadArray([t],n,!1)),s="sc-global-".concat(D(JSON.stringify(r))),i=new et(r,s);"production"!==process.env.NODE_ENV&&g(s);var a=function(e){var t=Ie(),n=xe(),o=c.default.useContext(qe),a=c.default.useRef(t.allocateGSInstance(s)).current;return"production"!==process.env.NODE_ENV&&c.default.Children.count(e.children)&&console.warn("The global style component ".concat(s," was given child JSX. createGlobalStyle does not render children.")),"production"!==process.env.NODE_ENV&&r.some(function(e){return"string"==typeof e&&-1!==e.indexOf("@import")})&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),t.server&&u(a,e,t,o,n),(c.default.useInsertionEffect||c.default.useLayoutEffect)(function(){if(!t.server)return u(a,e,t,o,n),function(){return i.removeStyles(a,t)}},[a,e,t,o,n]),null};function u(t,n,o,r,s){if(i.isStatic)i.renderStyles(t,y,o,s);else{var c=e.__assign(e.__assign({},n),{theme:w(n,r,a.defaultProps)});i.renderStyles(t,c,o,s)}}return c.default.memo(a)},exports.css=Xe,exports.default=Qe,exports.isStyledComponent=X,exports.keyframes=function(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];"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 r=Xe.apply(void 0,e.__spreadArray([t],n,!1)).join(""),s=D(r);return new Re(s,r)},exports.useTheme=function(){return n.useContext(qe)},exports.version=d,exports.withTheme=function(t){var n=c.default.forwardRef(function(n,o){var r=w(n,c.default.useContext(qe),t.defaultProps);return"production"!==process.env.NODE_ENV&&void 0===r&&console.warn('[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class "'.concat(T(t),'"')),c.default.createElement(t,e.__assign({},n,{theme:r,ref:o}))});return n.displayName="WithTheme(".concat(T(t),")"),J(n,t)}; | ||
| //# sourceMappingURL=styled-components.browser.cjs.js.map |
@@ -1,2 +0,2 @@ | ||
| import e from"@emotion/is-prop-valid";import t,{useRef as n,useState as o,useContext as s,useMemo as r,useEffect as i,createElement as a,useDebugValue as c}from"react";import l from"shallowequal";import{prefixer as u,stringify as d,serialize as h,compile as p,middleware as m,RULESET as f}from"stylis";import y from"@emotion/unitless";const g="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",S="6.0.0-alpha.7",v="undefined"!=typeof window&&"HTMLElement"in window,w=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),b={},E=/invalid hook call/i,N=new Set,_=(e,t)=>{if("production"!==process.env.NODE_ENV){const o=`The component ${e}${t?` with the id of "${t}"`:""} 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.`,s=console.error;try{let e=!0;console.error=(t,...n)=>{E.test(t)?(e=!1,N.delete(o)):s(t,...n)},n(),e&&!N.has(o)&&(console.warn(o),N.add(o))}catch(e){E.test(e.message)&&N.delete(o)}finally{console.error=s}}},$=Object.freeze([]),C=Object.freeze({});function A(e,t,n=C){return e.theme!==n.theme&&e.theme||t||n.theme}var P=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"];const I=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,O=/(^-|-$)/g;function R(e){return e.replace(I,"-").replace(O,"")}const D=/(a)(d)/gi,j=e=>String.fromCharCode(e+(e>25?39:97));function T(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=j(t%52)+n;return(j(t%52)+n).replace(D,"$1-$2")}const x=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},k=e=>x(5381,e);function V(e){return T(k(e)>>>0)}function z(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function B(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function M(e){return B(e)?`styled.${e}`:`Styled(${z(e)})`}const L="function"==typeof Symbol&&Symbol.for,F=L?Symbol.for("react.memo"):60115,G=L?Symbol.for("react.forward_ref"):60112,Y={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},H={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},W={[G]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[F]:q};function U(e){return("type"in(t=e)&&t.type.$$typeof)===F?q:"$$typeof"in e?W[e.$$typeof]:Y;var t}const J=Object.defineProperty,X=Object.getOwnPropertyNames,Z=Object.getOwnPropertySymbols,K=Object.getOwnPropertyDescriptor,Q=Object.getPrototypeOf,ee=Object.prototype;function te(e,t,n){if("string"!=typeof t){if(ee){const o=Q(t);o&&o!==ee&&te(e,o,n)}let o=X(t);Z&&(o=o.concat(Z(t)));const s=U(e),r=U(t);for(let i=0;i<o.length;++i){const a=o[i];if(!(a in H||n&&n[a]||r&&a in r||s&&a in s)){const n=K(t,a);try{J(e,a,n)}catch(e){}}}}return e}function ne(e){return"object"==typeof e&&"styledComponentId"in e}function oe(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function se(e,t,n=!1){if(!n&&!oe(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=se(e[n],t[n]);else if(oe(t))for(const n in t)e[n]=se(e[n],t[n]);return e}const re="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function ie(e,...t){return"production"===process.env.NODE_ENV?new Error(`An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`):new Error(function(...e){let t=e[0];const n=[];for(let t=1,o=e.length;t<o;t+=1)n.push(e[t]);return n.forEach((e=>{t=t.replace(/%[a-z]/,e)})),t}(re[e],...t).trim())}let ae=new Map,ce=new Map,le=1;const ue=e=>{if(ae.has(e))return ae.get(e);for(;ce.has(le);)le++;const t=le++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw ie(16,`${t}`);return ae.set(e,t),ce.set(t,e),t},de=e=>ce.get(e),he=(e,t)=>{ae.set(e,t),ce.set(t,e)},pe=`style[${g}][data-styled-version="6.0.0-alpha.7"]`,me=new RegExp(`^${g}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),fe=(e,t,n)=>{const o=n.split(",");let s;for(let n=0,r=o.length;n<r;n++)(s=o[n])&&e.registerName(t,s)},ye=(e,t)=>{const n=(t.textContent??"").split("/*!sc*/\n"),o=[];for(let t=0,s=n.length;t<s;t++){const s=n[t].trim();if(!s)continue;const r=s.match(me);if(r){const t=0|parseInt(r[1],10),n=r[2];0!==t&&(he(n,t),fe(e,n,r[3]),e.getTag().insertRules(t,o)),o.length=0}else o.push(s)}};function ge(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}const Se=e=>{const t=document.head,n=e||t,o=document.createElement("style"),s=(e=>{const{childNodes:t}=e;for(let e=t.length;e>=0;e--){const n=t[e];if(n&&1===n.nodeType&&n.hasAttribute(g))return n}})(n),r=void 0!==s?s.nextSibling:null;o.setAttribute(g,"active"),o.setAttribute("data-styled-version","6.0.0-alpha.7");const i=ge();return i&&o.setAttribute("nonce",i),n.insertBefore(o,r),o};let ve=v;const we={isServer:!v,useCSSOMInjection:!w};class be{gs;names;options;server;tag;static registerId(e){return ue(e)}constructor(e=C,t={},n){this.options={...we,...e},this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&v&&ve&&(ve=!1,(e=>{const t=document.querySelectorAll(pe);for(let n=0,o=t.length;n<o;n++){const o=t[n];o&&"active"!==o.getAttribute(g)&&(ye(e,o),o.parentNode&&o.parentNode.removeChild(o))}})(this))}reconstructWithOptions(e,t=!0){return new be({...this.options,...e},this.gs,t&&this.names||void 0)}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({isServer:e,useCSSOMInjection:t,target:n})=>e?new class{rules;length;constructor(e){this.rules=[],this.length=0}insertRule(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)}deleteRule(e){this.rules.splice(e,1),this.length--}getRule(e){return e<this.length?this.rules[e]:""}}(n):t?new class{element;sheet;length;constructor(e){const t=this.element=Se(e);t.appendChild(document.createTextNode("")),this.sheet=(e=>{if(e.sheet)return e.sheet;const{styleSheets:t}=document;for(let n=0,o=t.length;n<o;n++){const o=t[n];if(o.ownerNode===e)return o}throw ie(17)})(t),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""}}(n):new class{element;nodes;length;constructor(e){const t=this.element=Se(e);this.nodes=t.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t),o=this.nodes[e];return this.element.insertBefore(n,o||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}}(n))(this.options),new class{groupSizes;length;tag;constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}indexOfGroup(e){let t=0;for(let n=0;n<e;n++)t+=this.groupSizes[n];return t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let o=n;for(;e>=o;)if(o<<=1,o<0)throw ie(16,`${e}`);this.groupSizes=new Uint32Array(o),this.groupSizes.set(t),this.length=o;for(let e=n;e<o;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1);if(Array.isArray(t))for(let o=0,s=t.length;o<s;o++)this.tag.insertRule(n,t[o])&&(this.groupSizes[e]++,n++);else this.tag.insertRule(n,t)&&this.groupSizes[e]++}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(let e=n;e<o;e++)this.tag.deleteRule(n)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],o=this.indexOfGroup(e),s=o+n;for(let e=o;e<s;e++)t+=`${this.tag.getRule(e)}/*!sc*/\n`;return t}}(e)));var e}hasNameForId(e,t){return this.names.has(e)&&this.names.get(e).has(t)}registerName(e,t){if(ue(e),this.names.has(e))this.names.get(e).add(t);else{const n=new Set;n.add(t),this.names.set(e,n)}}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(ue(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(ue(e)),this.clearNames(e)}clearTag(){this.tag=void 0}toString(){return(e=>{const t=e.getTag(),{length:n}=t;let o="";for(let s=0;s<n;s++){const n=de(s);if(void 0===n)continue;const r=e.names.get(n),i=t.getGroup(s);if(void 0===r||0===i.length)continue;const a=`${g}.g${s}[id="${n}"]`;let c="";void 0!==r&&r.forEach((e=>{e.length>0&&(c+=`${e},`)})),o+=`${i}${a}{content:"${c}"}/*!sc*/\n`}return o})(this)}}const Ee=/^\s*\/\/.*$/gm,Ne=[":","[",".","#"];function _e({options:e=C,plugins:t=$}=C){let n,o,s,r;const i=(e,t,s)=>0===t&&Ne.includes(s[o.length])||s.match(r)?e:`.${n}`,a=e=>{if(e.type===f&&e.value.includes("&")){const t=e.props;t[0]=t[0].replace(s,i)}},c=(i,c="",l="",f="&")=>{let y=i.replace(Ee,"");n=f,o=c,s=new RegExp(`\\${o}\\b`,"g"),r=new RegExp(`(\\${o}\\b){2,}`);const g=t.slice();return(e.prefix||void 0===e.prefix)&&g.unshift(u),g.push(a,d),h(p(l||c?`${l} ${c} { ${y} }`:y),m(g))};return c.hash=t.length?t.reduce(((e,t)=>(t.name||ie(15),x(e,t.name))),5381).toString():"",c}const $e=t.createContext(void 0),Ce=$e.Consumer,Ae=t.createContext(void 0);Ae.Consumer;const Pe=new be,Ie=_e();function Oe(){return s($e)||Pe}function Re(){return s(Ae)||Ie}function De(e){const[n,s]=o(e.stylisPlugins),a=Oe(),c=r((()=>{let t=a;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target]),u=r((()=>_e({options:{prefix:!e.disableVendorPrefixes},plugins:n})),[e.disableVendorPrefixes,n]);return i((()=>{l(n,e.stylisPlugins)||s(e.stylisPlugins)}),[e.stylisPlugins]),t.createElement($e.Provider,{value:c},t.createElement(Ae.Provider,{value:u},"production"!==process.env.NODE_ENV?t.Children.only(e.children):e.children))}class je{id;name;rules;constructor(e,t){this.name=e,this.id=`sc-keyframes-${e}`,this.rules=t}inject=(e,t=Ie)=>{const n=this.name+t.hash;e.hasNameForId(this.id,n)||e.insertRules(this.id,n,t(this.rules,n,"@keyframes"))};toString=()=>{throw ie(12,String(this.name))};getName(e=Ie){return this.name+e.hash}}const Te=/([A-Z])/,xe=/([A-Z])/g,ke=/^ms-/,Ve=e=>`-${e.toLowerCase()}`;function ze(e){return Te.test(e)?e.replace(xe,Ve).replace(ke,"-ms-"):e}function Be(e){return"function"==typeof e}const Me=e=>null==e||!1===e||""===e,Le=(e,t)=>{const n=[];for(const t in e)e.hasOwnProperty(t)&&!Me(e[t])&&(Array.isArray(e[t])&&e[t].isCss||Be(e[t])?n.push(`${ze(t)}:`,e[t],";"):oe(e[t])?n.push(...Le(e[t],t)):n.push(`${ze(t)}: ${o=t,s=e[t],null==s||"boolean"==typeof s||""===s?"":"number"!=typeof s||0===s||o in y?String(s).trim():`${s}px`};`));var o,s;return t?[`${t} {`,...n,"}"]:n};function Fe(e,t,n,o){if(Array.isArray(e)){const s=[];for(let r,i=0,a=e.length;i<a;i+=1)r=Fe(e[i],t,n,o),""!==r&&(Array.isArray(r)?s.push(...r):s.push(r));return s}if(Me(e))return"";if(ne(e))return`.${e.styledComponentId}`;if(Be(e)){if("function"!=typeof(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return e;{const s=e,r=s(t);return"production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||r instanceof je||oe(r)||console.error(`${z(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.`),Fe(r,t,n,o)}}var s;return e instanceof je?n?(e.inject(n,o),e.getName(o)):e:oe(e)?Le(e):e.toString()}function Ge(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(Be(n)&&!ne(n))return!1}return!0}const Ye=k("6.0.0-alpha.7");class He{baseHash;baseStyle;componentId;isStatic;rules;staticRulesId;constructor(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&Ge(e),this.componentId=t,this.baseHash=x(Ye,t),this.baseStyle=n,be.registerId(t)}generateAndInjectStyles(e,t,n){const{componentId:o}=this,s=[];if(this.baseStyle&&s.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(o,this.staticRulesId))s.push(this.staticRulesId);else{const r=Fe(this.rules,e,t,n).join(""),i=T(x(this.baseHash,r)>>>0);if(!t.hasNameForId(o,i)){const e=n(r,`.${i}`,void 0,o);t.insertRules(o,i,e)}s.push(i),this.staticRulesId=i}else{const{length:r}=this.rules;let i=x(this.baseHash,n.hash),a="";for(let o=0;o<r;o++){const s=this.rules[o];if("string"==typeof s)a+=s,"production"!==process.env.NODE_ENV&&(i=x(i,s+o));else if(s){const r=Fe(s,e,t,n),c=Array.isArray(r)?r.join(""):r;i=x(i,c+o),a+=c}}if(a){const e=T(i>>>0);if(!t.hasNameForId(o,e)){const s=n(a,`.${e}`,void 0,o);t.insertRules(o,e,s)}s.push(e)}}return s.join(" ")}}const qe=t.createContext(void 0),We=qe.Consumer;function Ue(e){const n=s(qe),o=r((()=>function(e,t){if(!e)throw ie(14);if(Be(e)){const n=e(t);if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw ie(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw ie(8);return t?{...t,...e}:e}(e.theme,n)),[e.theme,n]);return e.children?t.createElement(qe.Provider,{value:o},e.children):null}const Je={};function Xe(e,t){const n="string"!=typeof e?"sc":R(e);Je[n]=(Je[n]||0)+1;const o=`${n}-${V("6.0.0-alpha.7"+n+Je[n])}`;return t?`${t}-${o}`:o}function Ze(n,o,r){const i=ne(n),l=n,u=!B(n),{attrs:d=$,componentId:h=Xe(o.displayName,o.parentComponentId),displayName:p=M(n)}=o,m=o.displayName&&o.componentId?`${R(o.displayName)}-${o.componentId}`:o.componentId||h,f=i&&l.attrs?l.attrs.concat(d).filter(Boolean):d;let{shouldForwardProp:y}=o;if(i&&l.shouldForwardProp){const e=l.shouldForwardProp;if(o.shouldForwardProp){const t=o.shouldForwardProp;y=(n,o,s)=>e(n,o,s)&&t(n,o,s)}else y=e}const g=new He(r,m,i?l.componentStyle:void 0),S=g.isStatic&&0===d.length;function v(t,n){return function(t,n,o,r){const{attrs:i,componentStyle:l,defaultProps:u,foldedComponentIds:d,shouldForwardProp:h,styledComponentId:p,target:m}=t;"production"!==process.env.NODE_ENV&&c(p);const f=A(n,s(qe),u),[y,g]=function(e=C,t,n){const o={...t,theme:e},s={};return n.forEach((e=>{const t="function"==typeof e?e(o):e;let n;for(n in t)o[n]=s[n]="className"===n?(r=s[n],i=t[n],r&&i?`${r} ${i}`:r||i):t[n];var r,i})),[o,s]}(f||C,n,i),S=function(e,t,n,o){const s=Oe(),r=Re(),i=t?e.generateAndInjectStyles(C,s,r):e.generateAndInjectStyles(n,s,r);return"production"!==process.env.NODE_ENV&&c(i),"production"!==process.env.NODE_ENV&&!t&&o&&o(i),i}(l,r,y,"production"!==process.env.NODE_ENV?t.warnTooManyClasses:void 0),v=o,w=g.$as||n.$as||g.as||n.as||m,b=B(w),E=g!==n?{...n,...g}:n,N={};for(const t in E)"$"!==t[0]&&"as"!==t&&("forwardedAs"===t?N.as=E[t]:(h?h(t,e,w):!b||e(t))&&(N[t]=E[t]));return n.style&&g.style!==n.style&&(N.style={...n.style,...g.style}),N[b&&-1===P.indexOf(w)?"class":"className"]=d.concat(p,S!==p?S:null,n.className,g.className).filter(Boolean).join(" "),N.ref=v,a(w,N)}(w,t,n,S)}v.displayName=p;let w=t.forwardRef(v);return w.attrs=f,w.componentStyle=g,w.displayName=p,w.shouldForwardProp=y,w.foldedComponentIds=i?l.foldedComponentIds.concat(l.styledComponentId):$,w.styledComponentId=m,w.target=i?l.target:n,w.withComponent=function(e){const{componentId:t,...n}=o,s=t&&`${t}-${B(e)?e:R(z(e))}`;return Ze(e,{...n,attrs:f,componentId:s},r)},Object.defineProperty(w,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=i?function(e={},...t){for(const n of t)se(e,n,!0);return e}({},l.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(_(p,m),w.warnTooManyClasses=((e,t)=>{let n={},o=!1;return s=>{if(!o&&(n[s]=!0,Object.keys(n).length>=200)){const s=t?` with the id of "${t}"`:"";console.warn(`Over 200 classes were generated for component ${e}${s}.\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 />`),o=!0,n={}}}})(p,m)),w.toString=()=>`.${w.styledComponentId}`,u&&te(w,n,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),w}function Ke(e,t){const n=[e[0]];for(let o=0,s=t.length;o<s;o+=1)n.push(t[o],e[o+1]);return n}const Qe=e=>(Array.isArray(e)&&(e.isCss=!0),e);function et(e,...t){if(Be(e)||oe(e))return Qe(Fe(Ke($,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?n:Qe(Fe(Ke(n,t)))}function tt(e,t,n=C){if(!t)throw ie(1,t);const o=(o,...s)=>e(t,n,et(o,...s));return o.attrs=o=>tt(e,t,{...n,attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)}),o.withConfig=o=>tt(e,t,{...n,...o}),o}const nt=e=>tt(Ze,e),ot=nt;P.forEach((e=>{ot[e]=nt(e)}));class st{componentId;isStatic;rules;constructor(e,t){this.rules=e,this.componentId=t,this.isStatic=Ge(e),be.registerId(this.componentId+1)}createStyles(e,t,n,o){const s=o(Fe(this.rules,t,n,o).join(""),""),r=this.componentId+e;n.insertRules(r,r,s)}removeStyles(e,t){t.clearRules(this.componentId+e)}renderStyles(e,t,n,o){e>2&&be.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,o)}}function rt(e,...n){const o=et(e,...n),s=`sc-global-${V(JSON.stringify(o))}`,r=new st(o,s);"production"!==process.env.NODE_ENV&&_(s);const i=e=>{const n=Oe(),i=Re(),c=t.useContext(qe),l=t.useRef(n.allocateGSInstance(s)).current;return"production"!==process.env.NODE_ENV&&t.Children.count(e.children)&&console.warn(`The global style component ${s} was given child JSX. createGlobalStyle does not render children.`),"production"!==process.env.NODE_ENV&&o.some((e=>"string"==typeof e&&-1!==e.indexOf("@import")))&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),n.server&&a(l,e,n,c,i),(t.useInsertionEffect||t.useLayoutEffect)((()=>{if(!n.server)return a(l,e,n,c,i),()=>r.removeStyles(l,n)}),[l,e,n,c,i]),null};function a(e,t,n,o,s){if(r.isStatic)r.renderStyles(e,b,n,s);else{const a={...t,theme:A(t,o,i.defaultProps)};r.renderStyles(e,a,n,s)}}return t.memo(i)}function it(e,...t){"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");const n=et(e,...t).join(""),o=V(n);return new je(o,n)}function at(e){const n=t.forwardRef(((n,o)=>{const s=A(n,t.useContext(qe),e.defaultProps);return"production"!==process.env.NODE_ENV&&void 0===s&&console.warn(`[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class "${z(e)}"`),t.createElement(e,{...n,theme:s,ref:o})}));return n.displayName=`WithTheme(${z(e)})`,te(n,e)}const ct=()=>s(qe);class lt{instance;sealed;constructor(){this.instance=new be({isServer:!0}),this.sealed=!1}_emitSheetCSS=()=>{const e=this.instance.toString(),t=ge();return`<style ${[t&&`nonce="${t}"`,`${g}="true"`,'data-styled-version="6.0.0-alpha.7"'].filter(Boolean).join(" ")}>${e}</style>`};collectStyles(e){if(this.sealed)throw ie(2);return t.createElement(De,{sheet:this.instance},e)}getStyleTags=()=>{if(this.sealed)throw ie(2);return this._emitSheetCSS()};getStyleElement=()=>{if(this.sealed)throw ie(2);const e={[g]:"","data-styled-version":"6.0.0-alpha.7",dangerouslySetInnerHTML:{__html:this.instance.toString()}},n=ge();return n&&(e.nonce=n),[t.createElement("style",{...e,key:"sc-0-0"})]};interleaveWithNodeStream(e){throw ie(3)}seal=()=>{this.sealed=!0}}const ut={StyleSheet:be,mainSheet:Pe};"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"),"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(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);export{lt as ServerStyleSheet,Ce as StyleSheetConsumer,$e as StyleSheetContext,De as StyleSheetManager,We as ThemeConsumer,qe as ThemeContext,Ue as ThemeProvider,ut as __PRIVATE__,rt as createGlobalStyle,et as css,ot as default,ne as isStyledComponent,it as keyframes,ct as useTheme,S as version,at as withTheme}; | ||
| import{__spreadArray as e,__assign as t,__rest as n}from"tslib";import o from"@emotion/is-prop-valid";import r,{useRef as i,useState as s,useContext as a,useMemo as c,useEffect as u,createElement as l,useDebugValue as p}from"react";import d from"shallowequal";import{prefixer as h,stringify as f,serialize as y,compile as m,middleware as v,RULESET as g}from"stylis";import S from"@emotion/unitless";var w="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",b="6.0.0-beta.0",E="undefined"!=typeof window&&"HTMLElement"in window,N=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),_={},C=/invalid hook call/i,A=new Set,P=function(t,n){if("production"!==process.env.NODE_ENV){var o=n?' with the id of "'.concat(n,'"'):"",r="The component ".concat(t).concat(o," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",s=console.error;try{var a=!0;console.error=function(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];C.test(t)?(a=!1,A.delete(r)):s.apply(void 0,e([t],n,!1))},i(),a&&!A.has(r)&&(console.warn(r),A.add(r))}catch(e){C.test(e.message)&&A.delete(r)}finally{console.error=s}}},I=Object.freeze([]),O=Object.freeze({});function D(e,t,n){return void 0===n&&(n=O),e.theme!==n.theme&&e.theme||t||n.theme}var R=["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"],j=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,T=/(^-|-$)/g;function x(e){return e.replace(j,"-").replace(T,"")}var k=/(a)(d)/gi,V=function(e){return String.fromCharCode(e+(e>25?39:97))};function $(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=V(t%52)+n;return(V(t%52)+n).replace(k,"$1-$2")}var B,z=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},M=function(e){return z(5381,e)};function L(e){return $(M(e)>>>0)}function F(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function G(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var Y="function"==typeof Symbol&&Symbol.for,q=Y?Symbol.for("react.memo"):60115,H=Y?Symbol.for("react.forward_ref"):60112,W={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},U={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},J={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},X=((B={})[H]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},B[q]=J,B);function Z(e){return("type"in(t=e)&&t.type.$$typeof)===q?J:"$$typeof"in e?X[e.$$typeof]:W;var t}var K=Object.defineProperty,Q=Object.getOwnPropertyNames,ee=Object.getOwnPropertySymbols,te=Object.getOwnPropertyDescriptor,ne=Object.getPrototypeOf,oe=Object.prototype;function re(e,t,n){if("string"!=typeof t){if(oe){var o=ne(t);o&&o!==oe&&re(e,o,n)}var r=Q(t);ee&&(r=r.concat(ee(t)));for(var i=Z(e),s=Z(t),a=0;a<r.length;++a){var c=r[a];if(!(c in U||n&&n[c]||s&&c in s||i&&c in i)){var u=te(t,c);try{K(e,c,u)}catch(e){}}}}return e}function ie(e){return"object"==typeof e&&"styledComponentId"in e}function se(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function ae(e,t,n){if(void 0===n&&(n=!1),!n&&!se(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var o=0;o<t.length;o++)e[o]=ae(e[o],t[o]);else if(se(t))for(var o in t)e[o]=ae(e[o],t[o]);return e}var ce="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function ue(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],o=[],r=1,i=e.length;r<i;r+=1)o.push(e[r]);return o.forEach(function(e){n=n.replace(/%[a-z]/,e)}),n}function le(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];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(ue.apply(void 0,e([ce[t]],n,!1)).trim())}var pe=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,o=n.length,r=o;e>=r;)if((r<<=1)<0)throw le(16,"".concat(e));this.groupSizes=new Uint32Array(r),this.groupSizes.set(n),this.length=r;for(var i=o;i<r;i++)this.groupSizes[i]=0}var s=this.indexOfGroup(e+1);if(Array.isArray(t)){i=0;for(var a=t.length;i<a;i++)this.tag.insertRule(s,t[i])&&(this.groupSizes[e]++,s++)}else this.tag.insertRule(s,t)&&this.groupSizes[e]++},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(var r=n;r<o;r++)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],o=this.indexOfGroup(e),r=o+n,i=o;i<r;i++)t+="".concat(this.tag.getRule(i)).concat("/*!sc*/\n");return t},e}(),de=new Map,he=new Map,fe=1,ye=function(e){if(de.has(e))return de.get(e);for(;he.has(fe);)fe++;var t=fe++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw le(16,"".concat(t));return de.set(e,t),he.set(t,e),t},me=function(e,t){de.set(e,t),he.set(t,e)},ve="style[".concat(w,"][").concat("data-styled-version",'="').concat(b,'"]'),ge=new RegExp("^".concat(w,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Se=function(e,t,n){for(var o,r=n.split(","),i=0,s=r.length;i<s;i++)(o=r[i])&&e.registerName(t,o)},we=function(e,t){for(var n,o=(null!==(n=t.textContent)&&void 0!==n?n:"").split("/*!sc*/\n"),r=[],i=0,s=o.length;i<s;i++){var a=o[i].trim();if(a){var c=a.match(ge);if(c){var u=0|parseInt(c[1],10),l=c[2];0!==u&&(me(l,u),Se(e,l,c[3]),e.getTag().insertRules(u,r)),r.length=0}else r.push(a)}}};function be(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var Ee=function(e){var t=document.head,n=e||t,o=document.createElement("style"),r=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var o=t[n];if(o&&1===o.nodeType&&o.hasAttribute(w))return o}}(n),i=void 0!==r?r.nextSibling:null;o.setAttribute(w,"active"),o.setAttribute("data-styled-version",b);var s=be();return s&&o.setAttribute("nonce",s),n.insertBefore(o,i),o},Ne=function(){function e(e){var t=this.element=Ee(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,o=t.length;n<o;n++){var r=t[n];if(r.ownerNode===e)return r}throw le(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}(),_e=function(){function e(e){var t=this.element=Ee(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);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}(),Ce=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=E,Pe={isServer:!E,useCSSOMInjection:!N},Ie=function(){function e(e,n,o){void 0===e&&(e=O),void 0===n&&(n={}),this.options=t(t({},Pe),e),this.gs=n,this.names=new Map(o),this.server=!!e.isServer,!this.server&&E&&Ae&&(Ae=!1,function(e){for(var t=document.querySelectorAll(ve),n=0,o=t.length;n<o;n++){var r=t[n];r&&"active"!==r.getAttribute(w)&&(we(e,r),r.parentNode&&r.parentNode.removeChild(r))}}(this))}return e.registerId=function(e){return ye(e)},e.prototype.reconstructWithOptions=function(n,o){return void 0===o&&(o=!0),new e(t(t({},this.options),n),this.gs,o&&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.useCSSOMInjection,n=e.target;return e.isServer?new Ce(n):t?new Ne(n):new _e(n)}(this.options),new pe(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(ye(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(ye(e),n)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(ye(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="",r=function(n){var r=function(e){return he.get(e)}(n);if(void 0===r)return"continue";var i=e.names.get(r),s=t.getGroup(n);if(void 0===i||0===s.length)return"continue";var a="".concat(w,".g").concat(n,'[id="').concat(r,'"]'),c="";void 0!==i&&i.forEach(function(e){e.length>0&&(c+="".concat(e,","))}),o+="".concat(s).concat(a,'{content:"').concat(c,'"}').concat("/*!sc*/\n")},i=0;i<n;i++)r(i);return o}(this)},e}(),Oe=/^\s*\/\/.*$/gm,De=[":","[",".","#"];function Re(e){var t,n,o,r,i=void 0===e?O:e,s=i.options,a=void 0===s?O:s,c=i.plugins,u=void 0===c?I:c,l=function(e,o,i){return 0===o&&De.includes(i[n.length])||i.match(r)?e:".".concat(t)},p=function(e){if(e.type===g&&e.value.includes("&")){var t=e.props;t[0]=t[0].replace(o,l)}},d=function(e,i,s,c){void 0===i&&(i=""),void 0===s&&(s=""),void 0===c&&(c="&");var l=e.replace(Oe,"");t=c,n=i,o=new RegExp("\\".concat(n,"\\b"),"g"),r=new RegExp("(\\".concat(n,"\\b){2,}"));var d=u.slice();return(a.prefix||void 0===a.prefix)&&d.unshift(h),d.push(p,f),y(m(s||i?"".concat(s," ").concat(i," { ").concat(l," }"):l),v(d))};return d.hash=u.length?u.reduce(function(e,t){return t.name||le(15),z(e,t.name)},5381).toString():"",d}var je=r.createContext(void 0),Te=je.Consumer,xe=r.createContext(void 0),ke=new Ie,Ve=Re();function $e(){return a(je)||ke}function Be(){return a(xe)||Ve}function ze(e){var t=s(e.stylisPlugins),n=t[0],o=t[1],i=$e(),a=c(function(){var t=i;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.sheet,e.target]),l=c(function(){return Re({options:{prefix:!e.disableVendorPrefixes},plugins:n})},[e.disableVendorPrefixes,n]);return u(function(){d(n,e.stylisPlugins)||o(e.stylisPlugins)},[e.stylisPlugins]),r.createElement(je.Provider,{value:a},r.createElement(xe.Provider,{value:l},"production"!==process.env.NODE_ENV?r.Children.only(e.children):e.children))}var Me=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=Ve);var o=n.name+t.hash;e.hasNameForId(n.id,o)||e.insertRules(n.id,o,t(n.rules,o,"@keyframes"))},this.toString=function(){throw le(12,String(n.name))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=Ve),this.name+e.hash},e}(),Le=/([A-Z])/,Fe=/([A-Z])/g,Ge=/^ms-/,Ye=function(e){return"-".concat(e.toLowerCase())};function qe(e){return Le.test(e)?e.replace(Fe,Ye).replace(Ge,"-ms-"):e}function He(e){return"function"==typeof e}var We=function(e){return null==e||!1===e||""===e},Ue=function(t,n){var o,r=[];for(var i in t)t.hasOwnProperty(i)&&!We(t[i])&&(Array.isArray(t[i])&&t[i].isCss||He(t[i])?r.push("".concat(qe(i),":"),t[i],";"):se(t[i])?r.push.apply(r,Ue(t[i],i)):r.push("".concat(qe(i),": ").concat(null==(o=t[i])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||i in S?String(o).trim():"".concat(o,"px"),";")));return n?e(e(["".concat(n," {")],r,!0),["}"],!1):r};function Je(e,t,n,o){if(Array.isArray(e)){for(var r=[],i=0,s=e.length,a=void 0;i<s;i+=1)""!==(a=Je(e[i],t,n,o))&&(Array.isArray(a)?r.push.apply(r,a):r.push(a));return r}if(We(e))return"";if(ie(e))return".".concat(e.styledComponentId);if(He(e)){if("function"!=typeof(u=e)||u.prototype&&u.prototype.isReactComponent||!t)return e;var c=e;return a=c(t),"production"===process.env.NODE_ENV||"object"!=typeof a||Array.isArray(a)||a instanceof Me||se(a)||console.error("".concat(F(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.")),Je(a,t,n,o)}var u;return e instanceof Me?n?(e.inject(n,o),e.getName(o)):e:se(e)?Ue(e):e.toString()}function Xe(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(He(n)&&!ie(n))return!1}return!0}var Ze=M(b),Ke=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&Xe(e),this.componentId=t,this.baseHash=z(Ze,t),this.baseStyle=n,Ie.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var o=this.componentId,r=[];if(this.baseStyle&&r.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(o,this.staticRulesId))r.push(this.staticRulesId);else{var i=Je(this.rules,e,t,n).join(""),s=$(z(this.baseHash,i)>>>0);if(!t.hasNameForId(o,s)){var a=n(i,".".concat(s),void 0,o);t.insertRules(o,s,a)}r.push(s),this.staticRulesId=s}else{for(var c=this.rules.length,u=z(this.baseHash,n.hash),l="",p=0;p<c;p++){var d=this.rules[p];if("string"==typeof d)l+=d,"production"!==process.env.NODE_ENV&&(u=z(u,d+p));else if(d){var h=Je(d,e,t,n),f=Array.isArray(h)?h.join(""):h;u=z(u,f+p),l+=f}}if(l){var y=$(u>>>0);if(!t.hasNameForId(o,y)){var m=n(l,".".concat(y),void 0,o);t.insertRules(o,y,m)}r.push(y)}}return r.join(" ")},e}(),Qe=r.createContext(void 0),et=Qe.Consumer;function tt(e){var n=a(Qe),o=c(function(){return function(e,n){if(!e)throw le(14);if(He(e)){var o=e(n);if("production"!==process.env.NODE_ENV&&(null===o||Array.isArray(o)||"object"!=typeof o))throw le(7);return o}if(Array.isArray(e)||"object"!=typeof e)throw le(8);return n?t(t({},n),e):e}(e.theme,n)},[e.theme,n]);return e.children?r.createElement(Qe.Provider,{value:o},e.children):null}var nt={};function ot(e,i,s){var c=ie(e),u=e,d=!G(e),h=i.attrs,f=void 0===h?I:h,y=i.componentId,m=void 0===y?function(e,t){var n="string"!=typeof e?"sc":x(e);nt[n]=(nt[n]||0)+1;var o="".concat(n,"-").concat(L(b+n+nt[n]));return t?"".concat(t,"-").concat(o):o}(i.displayName,i.parentComponentId):y,v=i.displayName,g=void 0===v?function(e){return G(e)?"styled.".concat(e):"Styled(".concat(F(e),")")}(e):v,S=i.displayName&&i.componentId?"".concat(x(i.displayName),"-").concat(i.componentId):i.componentId||m,w=c&&u.attrs?u.attrs.concat(f).filter(Boolean):f,E=i.shouldForwardProp;if(c&&u.shouldForwardProp){var N=u.shouldForwardProp;if(i.shouldForwardProp){var _=i.shouldForwardProp;E=function(e,t,n){return N(e,t,n)&&_(e,t,n)}}else E=N}var C=new Ke(s,S,c?u.componentStyle:void 0),A=C.isStatic&&0===f.length;function j(e,n){return function(e,n,r,i){var s=e.attrs,c=e.componentStyle,u=e.defaultProps,d=e.foldedComponentIds,h=e.shouldForwardProp,f=e.styledComponentId,y=e.target;"production"!==process.env.NODE_ENV&&p(f);var m=function(e,n,o){void 0===e&&(e=O);var r=t(t({},n),{theme:e}),i={};return o.forEach(function(e){var t,n,o,s="function"==typeof e?e(r):e;for(t in s)r[t]=i[t]="className"===t?(o=s[t],(n=i[t])&&o?"".concat(n," ").concat(o):n||o):s[t]}),[r,i]}(D(n,a(Qe),u)||O,n,s),v=m[1],g=function(e,t,n,o){var r=$e(),i=Be(),s=e.generateAndInjectStyles(t?O:n,r,i);return"production"!==process.env.NODE_ENV&&p(s),"production"!==process.env.NODE_ENV&&!t&&o&&o(s),s}(c,i,m[0],"production"!==process.env.NODE_ENV?e.warnTooManyClasses:void 0),S=r,w=v.$as||n.$as||v.as||n.as||y,b=G(w),E=v!==n?t(t({},n),v):n,N={};for(var _ in E)"$"!==_[0]&&"as"!==_&&("forwardedAs"===_?N.as=E[_]:(h?h(_,o,w):!b||o(_))&&(N[_]=E[_]));return n.style&&v.style!==n.style&&(N.style=t(t({},n.style),v.style)),N[b&&-1===R.indexOf(w)?"class":"className"]=d.concat(f,g!==f?g:null,n.className,v.className).filter(Boolean).join(" "),N.ref=S,l(w,N)}(T,e,n,A)}j.displayName=g;var T=r.forwardRef(j);return T.attrs=w,T.componentStyle=C,T.displayName=g,T.shouldForwardProp=E,T.foldedComponentIds=c?u.foldedComponentIds.concat(u.styledComponentId):I,T.styledComponentId=S,T.target=c?u.target:e,T.withComponent=function(e){var o=i.componentId,r=n(i,["componentId"]),a=o&&"".concat(o,"-").concat(G(e)?e:x(F(e)));return ot(e,t(t({},r),{attrs:w,componentId:a}),s)},Object.defineProperty(T,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=c?function(e){void 0===e&&(e={});for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var o=0,r=t;o<r.length;o++)ae(e,r[o],!0);return e}({},u.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(P(g,S),T.warnTooManyClasses=function(e,t){var n={},o=!1;return function(r){if(!o&&(n[r]=!0,Object.keys(n).length>=200)){var i=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(i,".\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 />"),o=!0,n={}}}}(g,S)),T.toString=function(){return".".concat(T.styledComponentId)},d&&re(T,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),T}function rt(e,t){for(var n=[e[0]],o=0,r=t.length;o<r;o+=1)n.push(t[o],e[o+1]);return n}var it=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function st(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];if(He(t)||se(t)){var r=t;return it(Je(rt(I,e([r],n,!0))))}var i=t;return 0===n.length&&1===i.length&&"string"==typeof i[0]?i:it(Je(rt(i,n)))}function at(n,o,r){if(void 0===r&&(r=O),!o)throw le(1,o);var i=function(t){for(var i=[],s=1;s<arguments.length;s++)i[s-1]=arguments[s];return n(o,r,st.apply(void 0,e([t],i,!1)))};return i.attrs=function(e){return at(n,o,t(t({},r),{attrs:Array.prototype.concat(r.attrs,e).filter(Boolean)}))},i.withConfig=function(e){return at(n,o,t(t({},r),e))},i}var ct=function(e){return at(ot,e)},ut=ct;R.forEach(function(e){ut[e]=ct(e)});var lt=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=Xe(e),Ie.registerId(this.componentId+1)}return e.prototype.createStyles=function(e,t,n,o){var r=o(Je(this.rules,t,n,o).join(""),""),i=this.componentId+e;n.insertRules(i,i,r)},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e)},e.prototype.renderStyles=function(e,t,n,o){e>2&&Ie.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,o)},e}();function pt(n){for(var o=[],i=1;i<arguments.length;i++)o[i-1]=arguments[i];var s=st.apply(void 0,e([n],o,!1)),a="sc-global-".concat(L(JSON.stringify(s))),c=new lt(s,a);"production"!==process.env.NODE_ENV&&P(a);var u=function(e){var t=$e(),n=Be(),o=r.useContext(Qe),i=r.useRef(t.allocateGSInstance(a)).current;return"production"!==process.env.NODE_ENV&&r.Children.count(e.children)&&console.warn("The global style component ".concat(a," was given child JSX. createGlobalStyle does not render children.")),"production"!==process.env.NODE_ENV&&s.some(function(e){return"string"==typeof e&&-1!==e.indexOf("@import")})&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),t.server&&l(i,e,t,o,n),(r.useInsertionEffect||r.useLayoutEffect)(function(){if(!t.server)return l(i,e,t,o,n),function(){return c.removeStyles(i,t)}},[i,e,t,o,n]),null};function l(e,n,o,r,i){if(c.isStatic)c.renderStyles(e,_,o,i);else{var s=t(t({},n),{theme:D(n,r,u.defaultProps)});c.renderStyles(e,s,o,i)}}return r.memo(u)}function dt(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];"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 r=st.apply(void 0,e([t],n,!1)).join(""),i=L(r);return new Me(i,r)}function ht(e){var n=r.forwardRef(function(n,o){var i=D(n,r.useContext(Qe),e.defaultProps);return"production"!==process.env.NODE_ENV&&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 "'.concat(F(e),'"')),r.createElement(e,t({},n,{theme:i,ref:o}))});return n.displayName="WithTheme(".concat(F(e),")"),re(n,e)}var ft=function(){return a(Qe)},yt=function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString(),n=be(),o=[n&&'nonce="'.concat(n,'"'),"".concat(w,'="true"'),"".concat("data-styled-version",'="').concat(b,'"')].filter(Boolean).join(" ");return"<style ".concat(o,">").concat(t,"</style>")},this.getStyleTags=function(){if(e.sealed)throw le(2);return e._emitSheetCSS()},this.getStyleElement=function(){var n;if(e.sealed)throw le(2);var o=((n={})[w]="",n["data-styled-version"]=b,n.dangerouslySetInnerHTML={__html:e.instance.toString()},n),i=be();return i&&(o.nonce=i),[r.createElement("style",t({},o,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new Ie({isServer:!0}),this.sealed=!1}return e.prototype.collectStyles=function(e){if(this.sealed)throw le(2);return r.createElement(ze,{sheet:this.instance},e)},e.prototype.interleaveWithNodeStream=function(e){throw le(3)},e}(),mt={StyleSheet:Ie,mainSheet:ke};"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"),"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"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);export{yt as ServerStyleSheet,Te as StyleSheetConsumer,je as StyleSheetContext,ze as StyleSheetManager,et as ThemeConsumer,Qe as ThemeContext,tt as ThemeProvider,mt as __PRIVATE__,pt as createGlobalStyle,st as css,ut as default,ie as isStyledComponent,dt as keyframes,ft as useTheme,b as version,ht as withTheme}; | ||
| //# sourceMappingURL=styled-components.browser.esm.js.map |
@@ -1,2 +0,2 @@ | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/is-prop-valid"),t=require("react"),n=require("shallowequal"),s=require("stylis"),o=require("@emotion/unitless");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e),a=r(t),l=r(n),c=r(o);const u="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",d=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),h={},p=/invalid hook call/i,m=new Set,f=(e,n)=>{if("production"!==process.env.NODE_ENV){const s=`The component ${e}${n?` with the id of "${n}"`:""} has been created dynamically.\nYou may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.`,o=console.error;try{let e=!0;console.error=(t,...n)=>{p.test(t)?(e=!1,m.delete(s)):o(t,...n)},t.useRef(),e&&!m.has(s)&&(console.warn(s),m.add(s))}catch(e){p.test(e.message)&&m.delete(s)}finally{console.error=o}}},y=Object.freeze([]),g=Object.freeze({});function S(e,t,n=g){return e.theme!==n.theme&&e.theme||t||n.theme}var v=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"];const w=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,b=/(^-|-$)/g;function E(e){return e.replace(w,"-").replace(b,"")}const N=/(a)(d)/gi,C=e=>String.fromCharCode(e+(e>25?39:97));function _(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=C(t%52)+n;return(C(t%52)+n).replace(N,"$1-$2")}const $=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},P=e=>$(5381,e);function A(e){return _(P(e)>>>0)}function I(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function O(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function x(e){return O(e)?`styled.${e}`:`Styled(${I(e)})`}const R="function"==typeof Symbol&&Symbol.for,D=R?Symbol.for("react.memo"):60115,T=R?Symbol.for("react.forward_ref"):60112,j={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},k={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},V={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},M={[T]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[D]:V};function z(e){return("type"in(t=e)&&t.type.$$typeof)===D?V:"$$typeof"in e?M[e.$$typeof]:j;var t}const B=Object.defineProperty,G=Object.getOwnPropertyNames,F=Object.getOwnPropertySymbols,L=Object.getOwnPropertyDescriptor,q=Object.getPrototypeOf,Y=Object.prototype;function H(e,t,n){if("string"!=typeof t){if(Y){const s=q(t);s&&s!==Y&&H(e,s,n)}let s=G(t);F&&(s=s.concat(F(t)));const o=z(e),r=z(t);for(let i=0;i<s.length;++i){const a=s[i];if(!(a in k||n&&n[a]||r&&a in r||o&&a in o)){const n=L(t,a);try{B(e,a,n)}catch(e){}}}}return e}function W(e){return"object"==typeof e&&"styledComponentId"in e}function U(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function J(e,t,n=!1){if(!n&&!U(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=J(e[n],t[n]);else if(U(t))for(const n in t)e[n]=J(e[n],t[n]);return e}const Z="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function X(e,...t){return"production"===process.env.NODE_ENV?new Error(`An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`):new Error(function(...e){let t=e[0];const n=[];for(let t=1,s=e.length;t<s;t+=1)n.push(e[t]);return n.forEach((e=>{t=t.replace(/%[a-z]/,e)})),t}(Z[e],...t).trim())}let K=new Map,Q=new Map,ee=1;const te=e=>{if(K.has(e))return K.get(e);for(;Q.has(ee);)ee++;const t=ee++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw X(16,`${t}`);return K.set(e,t),Q.set(t,e),t},ne=e=>Q.get(e);function se(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}new RegExp(`^${u}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`);const oe=e=>{const t=document.head,n=e||t,s=document.createElement("style"),o=(e=>{const{childNodes:t}=e;for(let e=t.length;e>=0;e--){const n=t[e];if(n&&1===n.nodeType&&n.hasAttribute(u))return n}})(n),r=void 0!==o?o.nextSibling:null;s.setAttribute(u,"active"),s.setAttribute("data-styled-version","6.0.0-alpha.7");const i=se();return i&&s.setAttribute("nonce",i),n.insertBefore(s,r),s},re={isServer:!0,useCSSOMInjection:!d};class ie{gs;names;options;server;tag;static registerId(e){return te(e)}constructor(e=g,t={},n){this.options={...re,...e},this.gs=t,this.names=new Map(n),this.server=!!e.isServer,this.server}reconstructWithOptions(e,t=!0){return new ie({...this.options,...e},this.gs,t&&this.names||void 0)}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({isServer:e,useCSSOMInjection:t,target:n})=>e?new class{rules;length;constructor(e){this.rules=[],this.length=0}insertRule(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)}deleteRule(e){this.rules.splice(e,1),this.length--}getRule(e){return e<this.length?this.rules[e]:""}}(n):t?new class{element;sheet;length;constructor(e){const t=this.element=oe(e);t.appendChild(document.createTextNode("")),this.sheet=(e=>{if(e.sheet)return e.sheet;const{styleSheets:t}=document;for(let n=0,s=t.length;n<s;n++){const s=t[n];if(s.ownerNode===e)return s}throw X(17)})(t),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""}}(n):new class{element;nodes;length;constructor(e){const t=this.element=oe(e);this.nodes=t.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t),s=this.nodes[e];return this.element.insertBefore(n,s||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}}(n))(this.options),new class{groupSizes;length;tag;constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}indexOfGroup(e){let t=0;for(let n=0;n<e;n++)t+=this.groupSizes[n];return t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let s=n;for(;e>=s;)if(s<<=1,s<0)throw X(16,`${e}`);this.groupSizes=new Uint32Array(s),this.groupSizes.set(t),this.length=s;for(let e=n;e<s;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1);if(Array.isArray(t))for(let s=0,o=t.length;s<o;s++)this.tag.insertRule(n,t[s])&&(this.groupSizes[e]++,n++);else this.tag.insertRule(n,t)&&this.groupSizes[e]++}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),s=n+t;this.groupSizes[e]=0;for(let e=n;e<s;e++)this.tag.deleteRule(n)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],s=this.indexOfGroup(e),o=s+n;for(let e=s;e<o;e++)t+=`${this.tag.getRule(e)}/*!sc*/\n`;return t}}(e)));var e}hasNameForId(e,t){return this.names.has(e)&&this.names.get(e).has(t)}registerName(e,t){if(te(e),this.names.has(e))this.names.get(e).add(t);else{const n=new Set;n.add(t),this.names.set(e,n)}}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(te(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(te(e)),this.clearNames(e)}clearTag(){this.tag=void 0}toString(){return(e=>{const t=e.getTag(),{length:n}=t;let s="";for(let o=0;o<n;o++){const n=ne(o);if(void 0===n)continue;const r=e.names.get(n),i=t.getGroup(o);if(void 0===r||0===i.length)continue;const a=`${u}.g${o}[id="${n}"]`;let l="";void 0!==r&&r.forEach((e=>{e.length>0&&(l+=`${e},`)})),s+=`${i}${a}{content:"${l}"}/*!sc*/\n`}return s})(this)}}const ae=/^\s*\/\/.*$/gm,le=[":","[",".","#"];function ce({options:e=g,plugins:t=y}=g){let n,o,r,i;const a=(e,t,s)=>0===t&&le.includes(s[o.length])||s.match(i)?e:`.${n}`,l=e=>{if(e.type===s.RULESET&&e.value.includes("&")){const t=e.props;t[0]=t[0].replace(r,a)}},c=(a,c="",u="",d="&")=>{let h=a.replace(ae,"");n=d,o=c,r=new RegExp(`\\${o}\\b`,"g"),i=new RegExp(`(\\${o}\\b){2,}`);const p=t.slice();return(e.prefix||void 0===e.prefix)&&p.unshift(s.prefixer),p.push(l,s.stringify),s.serialize(s.compile(u||c?`${u} ${c} { ${h} }`:h),s.middleware(p))};return c.hash=t.length?t.reduce(((e,t)=>(t.name||X(15),$(e,t.name))),5381).toString():"",c}const ue=a.default.createContext(void 0),de=ue.Consumer,he=a.default.createContext(void 0);he.Consumer;const pe=new ie,me=ce();function fe(){return t.useContext(ue)||pe}function ye(){return t.useContext(he)||me}function ge(e){const[n,s]=t.useState(e.stylisPlugins),o=fe(),r=t.useMemo((()=>{let t=o;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target]),i=t.useMemo((()=>ce({options:{prefix:!e.disableVendorPrefixes},plugins:n})),[e.disableVendorPrefixes,n]);return t.useEffect((()=>{l.default(n,e.stylisPlugins)||s(e.stylisPlugins)}),[e.stylisPlugins]),a.default.createElement(ue.Provider,{value:r},a.default.createElement(he.Provider,{value:i},"production"!==process.env.NODE_ENV?a.default.Children.only(e.children):e.children))}class Se{id;name;rules;constructor(e,t){this.name=e,this.id=`sc-keyframes-${e}`,this.rules=t}inject=(e,t=me)=>{const n=this.name+t.hash;e.hasNameForId(this.id,n)||e.insertRules(this.id,n,t(this.rules,n,"@keyframes"))};toString=()=>{throw X(12,String(this.name))};getName(e=me){return this.name+e.hash}}const ve=/([A-Z])/,we=/([A-Z])/g,be=/^ms-/,Ee=e=>`-${e.toLowerCase()}`;function Ne(e){return ve.test(e)?e.replace(we,Ee).replace(be,"-ms-"):e}function Ce(e){return"function"==typeof e}const _e=e=>null==e||!1===e||""===e,$e=(e,t)=>{const n=[];for(const t in e)e.hasOwnProperty(t)&&!_e(e[t])&&(Array.isArray(e[t])&&e[t].isCss||Ce(e[t])?n.push(`${Ne(t)}:`,e[t],";"):U(e[t])?n.push(...$e(e[t],t)):n.push(`${Ne(t)}: ${s=t,o=e[t],null==o||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||s in c.default?String(o).trim():`${o}px`};`));var s,o;return t?[`${t} {`,...n,"}"]:n};function Pe(e,t,n,s){if(Array.isArray(e)){const o=[];for(let r,i=0,a=e.length;i<a;i+=1)r=Pe(e[i],t,n,s),""!==r&&(Array.isArray(r)?o.push(...r):o.push(r));return o}if(_e(e))return"";if(W(e))return`.${e.styledComponentId}`;if(Ce(e)){if("function"!=typeof(o=e)||o.prototype&&o.prototype.isReactComponent||!t)return e;{const o=e,r=o(t);return"production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||r instanceof Se||U(r)||console.error(`${I(o)} is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.`),Pe(r,t,n,s)}}var o;return e instanceof Se?n?(e.inject(n,s),e.getName(s)):e:U(e)?$e(e):e.toString()}function Ae(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(Ce(n)&&!W(n))return!1}return!0}const Ie=P("6.0.0-alpha.7");class Oe{baseHash;baseStyle;componentId;isStatic;rules;staticRulesId;constructor(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&Ae(e),this.componentId=t,this.baseHash=$(Ie,t),this.baseStyle=n,ie.registerId(t)}generateAndInjectStyles(e,t,n){const{componentId:s}=this,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(s,this.staticRulesId))o.push(this.staticRulesId);else{const r=Pe(this.rules,e,t,n).join(""),i=_($(this.baseHash,r)>>>0);if(!t.hasNameForId(s,i)){const e=n(r,`.${i}`,void 0,s);t.insertRules(s,i,e)}o.push(i),this.staticRulesId=i}else{const{length:r}=this.rules;let i=$(this.baseHash,n.hash),a="";for(let s=0;s<r;s++){const o=this.rules[s];if("string"==typeof o)a+=o,"production"!==process.env.NODE_ENV&&(i=$(i,o+s));else if(o){const r=Pe(o,e,t,n),l=Array.isArray(r)?r.join(""):r;i=$(i,l+s),a+=l}}if(a){const e=_(i>>>0);if(!t.hasNameForId(s,e)){const o=n(a,`.${e}`,void 0,s);t.insertRules(s,e,o)}o.push(e)}}return o.join(" ")}}const xe=a.default.createContext(void 0),Re=xe.Consumer,De={};function Te(e,t){const n="string"!=typeof e?"sc":E(e);De[n]=(De[n]||0)+1;const s=`${n}-${A("6.0.0-alpha.7"+n+De[n])}`;return t?`${t}-${s}`:s}function je(e,n,s){const o=W(e),r=e,l=!O(e),{attrs:c=y,componentId:u=Te(n.displayName,n.parentComponentId),displayName:d=x(e)}=n,h=n.displayName&&n.componentId?`${E(n.displayName)}-${n.componentId}`:n.componentId||u,p=o&&r.attrs?r.attrs.concat(c).filter(Boolean):c;let{shouldForwardProp:m}=n;if(o&&r.shouldForwardProp){const e=r.shouldForwardProp;if(n.shouldForwardProp){const t=n.shouldForwardProp;m=(n,s,o)=>e(n,s,o)&&t(n,s,o)}else m=e}const w=new Oe(s,h,o?r.componentStyle:void 0),b=w.isStatic&&0===c.length;function N(e,n){return function(e,n,s,o){const{attrs:r,componentStyle:a,defaultProps:l,foldedComponentIds:c,shouldForwardProp:u,styledComponentId:d,target:h}=e;"production"!==process.env.NODE_ENV&&t.useDebugValue(d);const p=S(n,t.useContext(xe),l),[m,f]=function(e=g,t,n){const s={...t,theme:e},o={};return n.forEach((e=>{const t="function"==typeof e?e(s):e;let n;for(n in t)s[n]=o[n]="className"===n?(r=o[n],i=t[n],r&&i?`${r} ${i}`:r||i):t[n];var r,i})),[s,o]}(p||g,n,r),y=function(e,n,s,o){const r=fe(),i=ye(),a=n?e.generateAndInjectStyles(g,r,i):e.generateAndInjectStyles(s,r,i);return"production"!==process.env.NODE_ENV&&t.useDebugValue(a),"production"!==process.env.NODE_ENV&&!n&&o&&o(a),a}(a,o,m,"production"!==process.env.NODE_ENV?e.warnTooManyClasses:void 0),w=s,b=f.$as||n.$as||f.as||n.as||h,E=O(b),N=f!==n?{...n,...f}:n,C={};for(const e in N)"$"!==e[0]&&"as"!==e&&("forwardedAs"===e?C.as=N[e]:(u?u(e,i.default,b):!E||i.default(e))&&(C[e]=N[e]));return n.style&&f.style!==n.style&&(C.style={...n.style,...f.style}),C[E&&-1===v.indexOf(b)?"class":"className"]=c.concat(d,y!==d?y:null,n.className,f.className).filter(Boolean).join(" "),C.ref=w,t.createElement(b,C)}(C,e,n,b)}N.displayName=d;let C=a.default.forwardRef(N);return C.attrs=p,C.componentStyle=w,C.displayName=d,C.shouldForwardProp=m,C.foldedComponentIds=o?r.foldedComponentIds.concat(r.styledComponentId):y,C.styledComponentId=h,C.target=o?r.target:e,C.withComponent=function(e){const{componentId:t,...o}=n,r=t&&`${t}-${O(e)?e:E(I(e))}`;return je(e,{...o,attrs:p,componentId:r},s)},Object.defineProperty(C,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=o?function(e={},...t){for(const n of t)J(e,n,!0);return e}({},r.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(f(d,h),C.warnTooManyClasses=((e,t)=>{let n={},s=!1;return o=>{if(!s&&(n[o]=!0,Object.keys(n).length>=200)){const o=t?` with the id of "${t}"`:"";console.warn(`Over 200 classes were generated for component ${e}${o}.\nConsider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))\`width: 100%;\`\n\n <Component />`),s=!0,n={}}}})(d,h)),C.toString=()=>`.${C.styledComponentId}`,l&&H(C,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),C}function ke(e,t){const n=[e[0]];for(let s=0,o=t.length;s<o;s+=1)n.push(t[s],e[s+1]);return n}const Ve=e=>(Array.isArray(e)&&(e.isCss=!0),e);function Me(e,...t){if(Ce(e)||U(e))return Ve(Pe(ke(y,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?n:Ve(Pe(ke(n,t)))}function ze(e,t,n=g){if(!t)throw X(1,t);const s=(s,...o)=>e(t,n,Me(s,...o));return s.attrs=s=>ze(e,t,{...n,attrs:Array.prototype.concat(n.attrs,s).filter(Boolean)}),s.withConfig=s=>ze(e,t,{...n,...s}),s}const Be=e=>ze(je,e),Ge=Be;v.forEach((e=>{Ge[e]=Be(e)}));class Fe{componentId;isStatic;rules;constructor(e,t){this.rules=e,this.componentId=t,this.isStatic=Ae(e),ie.registerId(this.componentId+1)}createStyles(e,t,n,s){const o=s(Pe(this.rules,t,n,s).join(""),""),r=this.componentId+e;n.insertRules(r,r,o)}removeStyles(e,t){t.clearRules(this.componentId+e)}renderStyles(e,t,n,s){e>2&&ie.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,s)}}const Le=/^\s*<\/[a-z]/i,qe={StyleSheet:ie,mainSheet:pe};"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"),"production"!==process.env.NODE_ENV&&process.env.NODE_ENV,exports.ServerStyleSheet=class{instance;sealed;constructor(){this.instance=new ie({isServer:!0}),this.sealed=!1}_emitSheetCSS=()=>{const e=this.instance.toString(),t=se();return`<style ${[t&&`nonce="${t}"`,`${u}="true"`,'data-styled-version="6.0.0-alpha.7"'].filter(Boolean).join(" ")}>${e}</style>`};collectStyles(e){if(this.sealed)throw X(2);return a.default.createElement(ge,{sheet:this.instance},e)}getStyleTags=()=>{if(this.sealed)throw X(2);return this._emitSheetCSS()};getStyleElement=()=>{if(this.sealed)throw X(2);const e={[u]:"","data-styled-version":"6.0.0-alpha.7",dangerouslySetInnerHTML:{__html:this.instance.toString()}},t=se();return t&&(e.nonce=t),[a.default.createElement("style",{...e,key:"sc-0-0"})]};interleaveWithNodeStream(e){if(this.sealed)throw X(2);{this.seal();const{Transform:t}=require("stream"),n=e,{instance:s,_emitSheetCSS:o}=this,r=new t({transform:function(e,t,n){const r=e.toString(),i=o();if(s.clearTag(),Le.test(r)){const e=r.indexOf(">")+1,t=r.slice(0,e),n=r.slice(e);this.push(t+i+n)}else this.push(i+r);n()}});return n.on("error",(e=>{r.emit("error",e)})),n.pipe(r)}}seal=()=>{this.sealed=!0}},exports.StyleSheetConsumer=de,exports.StyleSheetContext=ue,exports.StyleSheetManager=ge,exports.ThemeConsumer=Re,exports.ThemeContext=xe,exports.ThemeProvider=function(e){const n=t.useContext(xe),s=t.useMemo((()=>function(e,t){if(!e)throw X(14);if(Ce(e)){const n=e(t);if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw X(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw X(8);return t?{...t,...e}:e}(e.theme,n)),[e.theme,n]);return e.children?a.default.createElement(xe.Provider,{value:s},e.children):null},exports.__PRIVATE__=qe,exports.createGlobalStyle=function(e,...t){const n=Me(e,...t),s=`sc-global-${A(JSON.stringify(n))}`,o=new Fe(n,s);"production"!==process.env.NODE_ENV&&f(s);const r=e=>{const t=fe(),i=ye(),l=a.default.useContext(xe),c=a.default.useRef(t.allocateGSInstance(s)).current;return"production"!==process.env.NODE_ENV&&a.default.Children.count(e.children)&&console.warn(`The global style component ${s} was given child JSX. createGlobalStyle does not render children.`),"production"!==process.env.NODE_ENV&&n.some((e=>"string"==typeof e&&-1!==e.indexOf("@import")))&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),t.server&&function(e,t,n,s,i){if(o.isStatic)o.renderStyles(e,h,n,i);else{const a={...t,theme:S(t,s,r.defaultProps)};o.renderStyles(e,a,n,i)}}(c,e,t,l,i),null};return a.default.memo(r)},exports.css=Me,exports.default=Ge,exports.isStyledComponent=W,exports.keyframes=function(e,...t){"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");const n=Me(e,...t).join(""),s=A(n);return new Se(s,n)},exports.useTheme=()=>t.useContext(xe),exports.version="6.0.0-alpha.7",exports.withTheme=function(e){const t=a.default.forwardRef(((t,n)=>{const s=S(t,a.default.useContext(xe),e.defaultProps);return"production"!==process.env.NODE_ENV&&void 0===s&&console.warn(`[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class "${I(e)}"`),a.default.createElement(e,{...t,theme:s,ref:n})}));return t.displayName=`WithTheme(${I(e)})`,H(t,e)}; | ||
| "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("@emotion/is-prop-valid"),n=require("react"),r=require("shallowequal"),o=require("stylis"),s=require("@emotion/unitless");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=/*#__PURE__*/i(t),c=/*#__PURE__*/i(n),u=/*#__PURE__*/i(r),l=/*#__PURE__*/i(s),p="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",d="6.0.0-beta.0",h=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),f={},y=/invalid hook call/i,m=new Set,v=function(t,r){if("production"!==process.env.NODE_ENV){var o=r?' with the id of "'.concat(r,'"'):"",s="The component ".concat(t).concat(o," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",i=console.error;try{var a=!0;console.error=function(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];y.test(t)?(a=!1,m.delete(s)):i.apply(void 0,e.__spreadArray([t],n,!1))},n.useRef(),a&&!m.has(s)&&(console.warn(s),m.add(s))}catch(e){y.test(e.message)&&m.delete(s)}finally{console.error=i}}},g=Object.freeze([]),S=Object.freeze({});function _(e,t,n){return void 0===n&&(n=S),e.theme!==n.theme&&e.theme||t||n.theme}var w=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],b=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,E=/(^-|-$)/g;function N(e){return e.replace(b,"-").replace(E,"")}var C=/(a)(d)/gi,A=function(e){return String.fromCharCode(e+(e>25?39:97))};function P(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=A(t%52)+n;return(A(t%52)+n).replace(C,"$1-$2")}var I,x=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},O=function(e){return x(5381,e)};function R(e){return P(O(e)>>>0)}function D(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function T(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var j="function"==typeof Symbol&&Symbol.for,k=j?Symbol.for("react.memo"):60115,V=j?Symbol.for("react.forward_ref"):60112,M={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},$={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},z={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},B=((I={})[V]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},I[k]=z,I);function G(e){return("type"in(t=e)&&t.type.$$typeof)===k?z:"$$typeof"in e?B[e.$$typeof]:M;var t}var F=Object.defineProperty,L=Object.getOwnPropertyNames,q=Object.getOwnPropertySymbols,Y=Object.getOwnPropertyDescriptor,H=Object.getPrototypeOf,W=Object.prototype;function U(e,t,n){if("string"!=typeof t){if(W){var r=H(t);r&&r!==W&&U(e,r,n)}var o=L(t);q&&(o=o.concat(q(t)));for(var s=G(e),i=G(t),a=0;a<o.length;++a){var c=o[a];if(!(c in $||n&&n[c]||i&&c in i||s&&c in s)){var u=Y(t,c);try{F(e,c,u)}catch(e){}}}}return e}function J(e){return"object"==typeof e&&"styledComponentId"in e}function Z(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function X(e,t,n){if(void 0===n&&(n=!1),!n&&!Z(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=X(e[r],t[r]);else if(Z(t))for(var r in t)e[r]=X(e[r],t[r]);return e}var K="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function Q(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],r=[],o=1,s=e.length;o<s;o+=1)r.push(e[o]);return r.forEach(function(e){n=n.replace(/%[a-z]/,e)}),n}function ee(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];return"production"===process.env.NODE_ENV?new Error("An error occurred. See https://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(Q.apply(void 0,e.__spreadArray([K[t]],n,!1)).trim())}var te=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)if((o<<=1)<0)throw ee(16,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var s=r;s<o;s++)this.groupSizes[s]=0}var i=this.indexOfGroup(e+1);if(Array.isArray(t)){s=0;for(var a=t.length;s<a;s++)this.tag.insertRule(i,t[s])&&(this.groupSizes[e]++,i++)}else this.tag.insertRule(i,t)&&this.groupSizes[e]++},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,s=r;s<o;s++)t+="".concat(this.tag.getRule(s)).concat("/*!sc*/\n");return t},e}(),ne=new Map,re=new Map,oe=1,se=function(e){if(ne.has(e))return ne.get(e);for(;re.has(oe);)oe++;var t=oe++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw ee(16,"".concat(t));return ne.set(e,t),re.set(t,e),t},ie=("style[".concat(p,"][").concat("data-styled-version",'="').concat(d,'"]'),new RegExp("^".concat(p,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),function(e){for(var t=e.getTag(),n=t.length,r="",o=function(n){var o=function(e){return re.get(e)}(n);if(void 0===o)return"continue";var s=e.names.get(o),i=t.getGroup(n);if(void 0===s||0===i.length)return"continue";var a="".concat(p,".g").concat(n,'[id="').concat(o,'"]'),c="";void 0!==s&&s.forEach(function(e){e.length>0&&(c+="".concat(e,","))}),r+="".concat(i).concat(a,'{content:"').concat(c,'"}').concat("/*!sc*/\n")},s=0;s<n;s++)o(s);return r});function ae(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var ce=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(p))return r}}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(p,"active"),r.setAttribute("data-styled-version",d);var i=ae();return i&&r.setAttribute("nonce",i),n.insertBefore(r,s),r},ue=function(){function e(e){var t=this.element=ce(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n];if(o.ownerNode===e)return o}throw ee(17)}(t),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),le=function(){function e(e){var t=this.element=ce(e);this.nodes=t.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);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}(),de={isServer:!0,useCSSOMInjection:!h},he=function(){function t(t,n,r){void 0===t&&(t=S),void 0===n&&(n={}),this.options=e.__assign(e.__assign({},de),t),this.gs=n,this.names=new Map(r),this.server=!!t.isServer}return t.registerId=function(e){return se(e)},t.prototype.reconstructWithOptions=function(n,r){return void 0===r&&(r=!0),new t(e.__assign(e.__assign({},this.options),n),this.gs,r&&this.names||void 0)},t.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new pe(n):t?new ue(n):new le(n)}(this.options),new te(e)));var e},t.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.prototype.registerName=function(e,t){if(se(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},t.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(se(e),n)},t.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},t.prototype.clearRules=function(e){this.getTag().clearGroup(se(e)),this.clearNames(e)},t.prototype.clearTag=function(){this.tag=void 0},t.prototype.toString=function(){return ie(this)},t}(),fe=/^\s*\/\/.*$/gm,ye=[":","[",".","#"];function me(e){var t,n,r,s,i=void 0===e?S:e,a=i.options,c=void 0===a?S:a,u=i.plugins,l=void 0===u?g:u,p=function(e,r,o){return 0===r&&ye.includes(o[n.length])||o.match(s)?e:".".concat(t)},d=function(e){if(e.type===o.RULESET&&e.value.includes("&")){var t=e.props;t[0]=t[0].replace(r,p)}},h=function(e,i,a,u){void 0===i&&(i=""),void 0===a&&(a=""),void 0===u&&(u="&");var p=e.replace(fe,"");t=u,n=i,r=new RegExp("\\".concat(n,"\\b"),"g"),s=new RegExp("(\\".concat(n,"\\b){2,}"));var h=l.slice();return(c.prefix||void 0===c.prefix)&&h.unshift(o.prefixer),h.push(d,o.stringify),o.serialize(o.compile(a||i?"".concat(a," ").concat(i," { ").concat(p," }"):p),o.middleware(h))};return h.hash=l.length?l.reduce(function(e,t){return t.name||ee(15),x(e,t.name)},5381).toString():"",h}var ve=c.default.createContext(void 0),ge=ve.Consumer,Se=c.default.createContext(void 0),_e=new he,we=me();function be(){return n.useContext(ve)||_e}function Ee(){return n.useContext(Se)||we}function Ne(e){var t=n.useState(e.stylisPlugins),r=t[0],o=t[1],s=be(),i=n.useMemo(function(){var t=s;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.sheet,e.target]),a=n.useMemo(function(){return me({options:{prefix:!e.disableVendorPrefixes},plugins:r})},[e.disableVendorPrefixes,r]);return n.useEffect(function(){u.default(r,e.stylisPlugins)||o(e.stylisPlugins)},[e.stylisPlugins]),c.default.createElement(ve.Provider,{value:i},c.default.createElement(Se.Provider,{value:a},"production"!==process.env.NODE_ENV?c.default.Children.only(e.children):e.children))}var Ce=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=we);var r=n.name+t.hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.toString=function(){throw ee(12,String(n.name))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=we),this.name+e.hash},e}(),Ae=/([A-Z])/,Pe=/([A-Z])/g,Ie=/^ms-/,xe=function(e){return"-".concat(e.toLowerCase())};function Oe(e){return Ae.test(e)?e.replace(Pe,xe).replace(Ie,"-ms-"):e}function Re(e){return"function"==typeof e}var De=function(e){return null==e||!1===e||""===e},Te=function(t,n){var r,o=[];for(var s in t)t.hasOwnProperty(s)&&!De(t[s])&&(Array.isArray(t[s])&&t[s].isCss||Re(t[s])?o.push("".concat(Oe(s),":"),t[s],";"):Z(t[s])?o.push.apply(o,Te(t[s],s)):o.push("".concat(Oe(s),": ").concat(null==(r=t[s])||"boolean"==typeof r||""===r?"":"number"!=typeof r||0===r||s in l.default?String(r).trim():"".concat(r,"px"),";")));return n?e.__spreadArray(e.__spreadArray(["".concat(n," {")],o,!0),["}"],!1):o};function je(e,t,n,r){if(Array.isArray(e)){for(var o=[],s=0,i=e.length,a=void 0;s<i;s+=1)""!==(a=je(e[s],t,n,r))&&(Array.isArray(a)?o.push.apply(o,a):o.push(a));return o}if(De(e))return"";if(J(e))return".".concat(e.styledComponentId);if(Re(e)){if("function"!=typeof(u=e)||u.prototype&&u.prototype.isReactComponent||!t)return e;var c=e;return a=c(t),"production"===process.env.NODE_ENV||"object"!=typeof a||Array.isArray(a)||a instanceof Ce||Z(a)||console.error("".concat(D(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.")),je(a,t,n,r)}var u;return e instanceof Ce?n?(e.inject(n,r),e.getName(r)):e:Z(e)?Te(e):e.toString()}function ke(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(Re(n)&&!J(n))return!1}return!0}var Ve=O(d),Me=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&ke(e),this.componentId=t,this.baseHash=x(Ve,t),this.baseStyle=n,he.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.componentId,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(r,this.staticRulesId))o.push(this.staticRulesId);else{var s=je(this.rules,e,t,n).join(""),i=P(x(this.baseHash,s)>>>0);if(!t.hasNameForId(r,i)){var a=n(s,".".concat(i),void 0,r);t.insertRules(r,i,a)}o.push(i),this.staticRulesId=i}else{for(var c=this.rules.length,u=x(this.baseHash,n.hash),l="",p=0;p<c;p++){var d=this.rules[p];if("string"==typeof d)l+=d,"production"!==process.env.NODE_ENV&&(u=x(u,d+p));else if(d){var h=je(d,e,t,n),f=Array.isArray(h)?h.join(""):h;u=x(u,f+p),l+=f}}if(l){var y=P(u>>>0);if(!t.hasNameForId(r,y)){var m=n(l,".".concat(y),void 0,r);t.insertRules(r,y,m)}o.push(y)}}return o.join(" ")},e}(),$e=c.default.createContext(void 0),ze=$e.Consumer,Be={};function Ge(t,r,o){var s=J(t),i=t,u=!T(t),l=r.attrs,p=void 0===l?g:l,h=r.componentId,f=void 0===h?function(e,t){var n="string"!=typeof e?"sc":N(e);Be[n]=(Be[n]||0)+1;var r="".concat(n,"-").concat(R(d+n+Be[n]));return t?"".concat(t,"-").concat(r):r}(r.displayName,r.parentComponentId):h,y=r.displayName,m=void 0===y?function(e){return T(e)?"styled.".concat(e):"Styled(".concat(D(e),")")}(t):y,b=r.displayName&&r.componentId?"".concat(N(r.displayName),"-").concat(r.componentId):r.componentId||f,E=s&&i.attrs?i.attrs.concat(p).filter(Boolean):p,C=r.shouldForwardProp;if(s&&i.shouldForwardProp){var A=i.shouldForwardProp;if(r.shouldForwardProp){var P=r.shouldForwardProp;C=function(e,t,n){return A(e,t,n)&&P(e,t,n)}}else C=A}var I=new Me(o,b,s?i.componentStyle:void 0),x=I.isStatic&&0===p.length;function O(t,r){return function(t,r,o,s){var i=t.attrs,c=t.componentStyle,u=t.defaultProps,l=t.foldedComponentIds,p=t.shouldForwardProp,d=t.styledComponentId,h=t.target;"production"!==process.env.NODE_ENV&&n.useDebugValue(d);var f=function(t,n,r){void 0===t&&(t=S);var o=e.__assign(e.__assign({},n),{theme:t}),s={};return r.forEach(function(e){var t,n,r,i="function"==typeof e?e(o):e;for(t in i)o[t]=s[t]="className"===t?(r=i[t],(n=s[t])&&r?"".concat(n," ").concat(r):n||r):i[t]}),[o,s]}(_(r,n.useContext($e),u)||S,r,i),y=f[1],m=function(e,t,r,o){var s=be(),i=Ee(),a=e.generateAndInjectStyles(t?S:r,s,i);return"production"!==process.env.NODE_ENV&&n.useDebugValue(a),"production"!==process.env.NODE_ENV&&!t&&o&&o(a),a}(c,s,f[0],"production"!==process.env.NODE_ENV?t.warnTooManyClasses:void 0),v=o,g=y.$as||r.$as||y.as||r.as||h,b=T(g),E=y!==r?e.__assign(e.__assign({},r),y):r,N={};for(var C in E)"$"!==C[0]&&"as"!==C&&("forwardedAs"===C?N.as=E[C]:(p?p(C,a.default,g):!b||a.default(C))&&(N[C]=E[C]));return r.style&&y.style!==r.style&&(N.style=e.__assign(e.__assign({},r.style),y.style)),N[b&&-1===w.indexOf(g)?"class":"className"]=l.concat(d,m!==d?m:null,r.className,y.className).filter(Boolean).join(" "),N.ref=v,n.createElement(g,N)}(j,t,r,x)}O.displayName=m;var j=c.default.forwardRef(O);return j.attrs=E,j.componentStyle=I,j.displayName=m,j.shouldForwardProp=C,j.foldedComponentIds=s?i.foldedComponentIds.concat(i.styledComponentId):g,j.styledComponentId=b,j.target=s?i.target:t,j.withComponent=function(t){var n=r.componentId,s=e.__rest(r,["componentId"]),i=n&&"".concat(n,"-").concat(T(t)?t:N(D(t)));return Ge(t,e.__assign(e.__assign({},s),{attrs:E,componentId:i}),o)},Object.defineProperty(j,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=s?function(e){void 0===e&&(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++)X(e,o[r],!0);return e}({},i.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(v(m,b),j.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var s=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(s,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n const Component = styled.div.attrs(props => ({\n style: {\n background: props.background,\n },\n }))`width: 100%;`\n\n <Component />"),r=!0,n={}}}}(m,b)),j.toString=function(){return".".concat(j.styledComponentId)},u&&U(j,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),j}function Fe(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n}var Le=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function qe(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];if(Re(t)||Z(t)){var o=t;return Le(je(Fe(g,e.__spreadArray([o],n,!0))))}var s=t;return 0===n.length&&1===s.length&&"string"==typeof s[0]?s:Le(je(Fe(s,n)))}function Ye(t,n,r){if(void 0===r&&(r=S),!n)throw ee(1,n);var o=function(o){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];return t(n,r,qe.apply(void 0,e.__spreadArray([o],s,!1)))};return o.attrs=function(o){return Ye(t,n,e.__assign(e.__assign({},r),{attrs:Array.prototype.concat(r.attrs,o).filter(Boolean)}))},o.withConfig=function(o){return Ye(t,n,e.__assign(e.__assign({},r),o))},o}var He=function(e){return Ye(Ge,e)},We=He;w.forEach(function(e){We[e]=He(e)});var Ue=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=ke(e),he.registerId(this.componentId+1)}return e.prototype.createStyles=function(e,t,n,r){var o=r(je(this.rules,t,n,r).join(""),""),s=this.componentId+e;n.insertRules(s,s,o)},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e)},e.prototype.renderStyles=function(e,t,n,r){e>2&&he.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)},e}(),Je=/^\s*<\/[a-z]/i,Ze=function(){function t(){var t=this;this._emitSheetCSS=function(){var e=t.instance.toString(),n=ae(),r=[n&&'nonce="'.concat(n,'"'),"".concat(p,'="true"'),"".concat("data-styled-version",'="').concat(d,'"')].filter(Boolean).join(" ");return"<style ".concat(r,">").concat(e,"</style>")},this.getStyleTags=function(){if(t.sealed)throw ee(2);return t._emitSheetCSS()},this.getStyleElement=function(){var n;if(t.sealed)throw ee(2);var r=((n={})[p]="",n["data-styled-version"]=d,n.dangerouslySetInnerHTML={__html:t.instance.toString()},n),o=ae();return o&&(r.nonce=o),[c.default.createElement("style",e.__assign({},r,{key:"sc-0-0"}))]},this.seal=function(){t.sealed=!0},this.instance=new he({isServer:!0}),this.sealed=!1}return t.prototype.collectStyles=function(e){if(this.sealed)throw ee(2);return c.default.createElement(Ne,{sheet:this.instance},e)},t.prototype.interleaveWithNodeStream=function(e){if(this.sealed)throw ee(2);this.seal();var t=require("stream").Transform,n=e,r=this.instance,o=this._emitSheetCSS,s=new t({transform:function(e,t,n){var s=e.toString(),i=o();if(r.clearTag(),Je.test(s)){var a=s.indexOf(">")+1,c=s.slice(0,a),u=s.slice(a);this.push(c+i+u)}else this.push(i+s);n()}});return n.on("error",function(e){s.emit("error",e)}),n.pipe(s)},t}(),Xe={StyleSheet:he,mainSheet:_e};"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"),"production"!==process.env.NODE_ENV&&process,exports.ServerStyleSheet=Ze,exports.StyleSheetConsumer=ge,exports.StyleSheetContext=ve,exports.StyleSheetManager=Ne,exports.ThemeConsumer=ze,exports.ThemeContext=$e,exports.ThemeProvider=function(t){var r=n.useContext($e),o=n.useMemo(function(){return function(t,n){if(!t)throw ee(14);if(Re(t)){var r=t(n);if("production"!==process.env.NODE_ENV&&(null===r||Array.isArray(r)||"object"!=typeof r))throw ee(7);return r}if(Array.isArray(t)||"object"!=typeof t)throw ee(8);return n?e.__assign(e.__assign({},n),t):t}(t.theme,r)},[t.theme,r]);return t.children?c.default.createElement($e.Provider,{value:o},t.children):null},exports.__PRIVATE__=Xe,exports.createGlobalStyle=function(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];var o=qe.apply(void 0,e.__spreadArray([t],n,!1)),s="sc-global-".concat(R(JSON.stringify(o))),i=new Ue(o,s);"production"!==process.env.NODE_ENV&&v(s);var a=function(e){var t=be(),n=Ee(),r=c.default.useContext($e),i=c.default.useRef(t.allocateGSInstance(s)).current;return"production"!==process.env.NODE_ENV&&c.default.Children.count(e.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."),t.server&&u(i,e,t,r,n),null};function u(t,n,r,o,s){if(i.isStatic)i.renderStyles(t,f,r,s);else{var c=e.__assign(e.__assign({},n),{theme:_(n,o,a.defaultProps)});i.renderStyles(t,c,r,s)}}return c.default.memo(a)},exports.css=qe,exports.default=We,exports.isStyledComponent=J,exports.keyframes=function(t){for(var n=[],r=1;r<arguments.length;r++)n[r-1]=arguments[r];"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");var o=qe.apply(void 0,e.__spreadArray([t],n,!1)).join(""),s=R(o);return new Ce(s,o)},exports.useTheme=function(){return n.useContext($e)},exports.version=d,exports.withTheme=function(t){var n=c.default.forwardRef(function(n,r){var o=_(n,c.default.useContext($e),t.defaultProps);return"production"!==process.env.NODE_ENV&&void 0===o&&console.warn('[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class "'.concat(D(t),'"')),c.default.createElement(t,e.__assign({},n,{theme:o,ref:r}))});return n.displayName="WithTheme(".concat(D(t),")"),U(n,t)}; | ||
| //# sourceMappingURL=styled-components.cjs.js.map |
@@ -1,2 +0,2 @@ | ||
| import e from"@emotion/is-prop-valid";import t,{useRef as n,useState as o,useContext as s,useMemo as r,useEffect as i,createElement as a,useDebugValue as c}from"react";import l from"shallowequal";import{prefixer as u,stringify as h,serialize as d,compile as p,middleware as m,RULESET as f}from"stylis";import y from"@emotion/unitless";const g="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",S="6.0.0-alpha.7",v=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),w={},b=/invalid hook call/i,E=new Set,N=(e,t)=>{if("production"!==process.env.NODE_ENV){const o=`The component ${e}${t?` with the id of "${t}"`:""} 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.`,s=console.error;try{let e=!0;console.error=(t,...n)=>{b.test(t)?(e=!1,E.delete(o)):s(t,...n)},n(),e&&!E.has(o)&&(console.warn(o),E.add(o))}catch(e){b.test(e.message)&&E.delete(o)}finally{console.error=s}}},$=Object.freeze([]),_=Object.freeze({});function C(e,t,n=_){return e.theme!==n.theme&&e.theme||t||n.theme}var P=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"];const A=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,I=/(^-|-$)/g;function O(e){return e.replace(A,"-").replace(I,"")}const D=/(a)(d)/gi,R=e=>String.fromCharCode(e+(e>25?39:97));function j(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=R(t%52)+n;return(R(t%52)+n).replace(D,"$1-$2")}const T=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},x=e=>T(5381,e);function k(e){return j(x(e)>>>0)}function V(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function z(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function B(e){return z(e)?`styled.${e}`:`Styled(${V(e)})`}const M="function"==typeof Symbol&&Symbol.for,F=M?Symbol.for("react.memo"):60115,G=M?Symbol.for("react.forward_ref"):60112,L={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Y={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},H={[G]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[F]:q};function W(e){return("type"in(t=e)&&t.type.$$typeof)===F?q:"$$typeof"in e?H[e.$$typeof]:L;var t}const U=Object.defineProperty,J=Object.getOwnPropertyNames,Z=Object.getOwnPropertySymbols,X=Object.getOwnPropertyDescriptor,K=Object.getPrototypeOf,Q=Object.prototype;function ee(e,t,n){if("string"!=typeof t){if(Q){const o=K(t);o&&o!==Q&&ee(e,o,n)}let o=J(t);Z&&(o=o.concat(Z(t)));const s=W(e),r=W(t);for(let i=0;i<o.length;++i){const a=o[i];if(!(a in Y||n&&n[a]||r&&a in r||s&&a in s)){const n=X(t,a);try{U(e,a,n)}catch(e){}}}}return e}function te(e){return"object"==typeof e&&"styledComponentId"in e}function ne(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function oe(e,t,n=!1){if(!n&&!ne(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=oe(e[n],t[n]);else if(ne(t))for(const n in t)e[n]=oe(e[n],t[n]);return e}const se="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function re(e,...t){return"production"===process.env.NODE_ENV?new Error(`An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`):new Error(function(...e){let t=e[0];const n=[];for(let t=1,o=e.length;t<o;t+=1)n.push(e[t]);return n.forEach((e=>{t=t.replace(/%[a-z]/,e)})),t}(se[e],...t).trim())}let ie=new Map,ae=new Map,ce=1;const le=e=>{if(ie.has(e))return ie.get(e);for(;ae.has(ce);)ce++;const t=ce++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw re(16,`${t}`);return ie.set(e,t),ae.set(t,e),t},ue=e=>ae.get(e);function he(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}new RegExp(`^${g}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`);const de=e=>{const t=document.head,n=e||t,o=document.createElement("style"),s=(e=>{const{childNodes:t}=e;for(let e=t.length;e>=0;e--){const n=t[e];if(n&&1===n.nodeType&&n.hasAttribute(g))return n}})(n),r=void 0!==s?s.nextSibling:null;o.setAttribute(g,"active"),o.setAttribute("data-styled-version","6.0.0-alpha.7");const i=he();return i&&o.setAttribute("nonce",i),n.insertBefore(o,r),o},pe={isServer:!0,useCSSOMInjection:!v};class me{gs;names;options;server;tag;static registerId(e){return le(e)}constructor(e=_,t={},n){this.options={...pe,...e},this.gs=t,this.names=new Map(n),this.server=!!e.isServer,this.server}reconstructWithOptions(e,t=!0){return new me({...this.options,...e},this.gs,t&&this.names||void 0)}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({isServer:e,useCSSOMInjection:t,target:n})=>e?new class{rules;length;constructor(e){this.rules=[],this.length=0}insertRule(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)}deleteRule(e){this.rules.splice(e,1),this.length--}getRule(e){return e<this.length?this.rules[e]:""}}(n):t?new class{element;sheet;length;constructor(e){const t=this.element=de(e);t.appendChild(document.createTextNode("")),this.sheet=(e=>{if(e.sheet)return e.sheet;const{styleSheets:t}=document;for(let n=0,o=t.length;n<o;n++){const o=t[n];if(o.ownerNode===e)return o}throw re(17)})(t),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""}}(n):new class{element;nodes;length;constructor(e){const t=this.element=de(e);this.nodes=t.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t),o=this.nodes[e];return this.element.insertBefore(n,o||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}}(n))(this.options),new class{groupSizes;length;tag;constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}indexOfGroup(e){let t=0;for(let n=0;n<e;n++)t+=this.groupSizes[n];return t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let o=n;for(;e>=o;)if(o<<=1,o<0)throw re(16,`${e}`);this.groupSizes=new Uint32Array(o),this.groupSizes.set(t),this.length=o;for(let e=n;e<o;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1);if(Array.isArray(t))for(let o=0,s=t.length;o<s;o++)this.tag.insertRule(n,t[o])&&(this.groupSizes[e]++,n++);else this.tag.insertRule(n,t)&&this.groupSizes[e]++}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(let e=n;e<o;e++)this.tag.deleteRule(n)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],o=this.indexOfGroup(e),s=o+n;for(let e=o;e<s;e++)t+=`${this.tag.getRule(e)}/*!sc*/\n`;return t}}(e)));var e}hasNameForId(e,t){return this.names.has(e)&&this.names.get(e).has(t)}registerName(e,t){if(le(e),this.names.has(e))this.names.get(e).add(t);else{const n=new Set;n.add(t),this.names.set(e,n)}}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(le(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(le(e)),this.clearNames(e)}clearTag(){this.tag=void 0}toString(){return(e=>{const t=e.getTag(),{length:n}=t;let o="";for(let s=0;s<n;s++){const n=ue(s);if(void 0===n)continue;const r=e.names.get(n),i=t.getGroup(s);if(void 0===r||0===i.length)continue;const a=`${g}.g${s}[id="${n}"]`;let c="";void 0!==r&&r.forEach((e=>{e.length>0&&(c+=`${e},`)})),o+=`${i}${a}{content:"${c}"}/*!sc*/\n`}return o})(this)}}const fe=/^\s*\/\/.*$/gm,ye=[":","[",".","#"];function ge({options:e=_,plugins:t=$}=_){let n,o,s,r;const i=(e,t,s)=>0===t&&ye.includes(s[o.length])||s.match(r)?e:`.${n}`,a=e=>{if(e.type===f&&e.value.includes("&")){const t=e.props;t[0]=t[0].replace(s,i)}},c=(i,c="",l="",f="&")=>{let y=i.replace(fe,"");n=f,o=c,s=new RegExp(`\\${o}\\b`,"g"),r=new RegExp(`(\\${o}\\b){2,}`);const g=t.slice();return(e.prefix||void 0===e.prefix)&&g.unshift(u),g.push(a,h),d(p(l||c?`${l} ${c} { ${y} }`:y),m(g))};return c.hash=t.length?t.reduce(((e,t)=>(t.name||re(15),T(e,t.name))),5381).toString():"",c}const Se=t.createContext(void 0),ve=Se.Consumer,we=t.createContext(void 0);we.Consumer;const be=new me,Ee=ge();function Ne(){return s(Se)||be}function $e(){return s(we)||Ee}function _e(e){const[n,s]=o(e.stylisPlugins),a=Ne(),c=r((()=>{let t=a;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t}),[e.disableCSSOMInjection,e.sheet,e.target]),u=r((()=>ge({options:{prefix:!e.disableVendorPrefixes},plugins:n})),[e.disableVendorPrefixes,n]);return i((()=>{l(n,e.stylisPlugins)||s(e.stylisPlugins)}),[e.stylisPlugins]),t.createElement(Se.Provider,{value:c},t.createElement(we.Provider,{value:u},"production"!==process.env.NODE_ENV?t.Children.only(e.children):e.children))}class Ce{id;name;rules;constructor(e,t){this.name=e,this.id=`sc-keyframes-${e}`,this.rules=t}inject=(e,t=Ee)=>{const n=this.name+t.hash;e.hasNameForId(this.id,n)||e.insertRules(this.id,n,t(this.rules,n,"@keyframes"))};toString=()=>{throw re(12,String(this.name))};getName(e=Ee){return this.name+e.hash}}const Pe=/([A-Z])/,Ae=/([A-Z])/g,Ie=/^ms-/,Oe=e=>`-${e.toLowerCase()}`;function De(e){return Pe.test(e)?e.replace(Ae,Oe).replace(Ie,"-ms-"):e}function Re(e){return"function"==typeof e}const je=e=>null==e||!1===e||""===e,Te=(e,t)=>{const n=[];for(const t in e)e.hasOwnProperty(t)&&!je(e[t])&&(Array.isArray(e[t])&&e[t].isCss||Re(e[t])?n.push(`${De(t)}:`,e[t],";"):ne(e[t])?n.push(...Te(e[t],t)):n.push(`${De(t)}: ${o=t,s=e[t],null==s||"boolean"==typeof s||""===s?"":"number"!=typeof s||0===s||o in y?String(s).trim():`${s}px`};`));var o,s;return t?[`${t} {`,...n,"}"]:n};function xe(e,t,n,o){if(Array.isArray(e)){const s=[];for(let r,i=0,a=e.length;i<a;i+=1)r=xe(e[i],t,n,o),""!==r&&(Array.isArray(r)?s.push(...r):s.push(r));return s}if(je(e))return"";if(te(e))return`.${e.styledComponentId}`;if(Re(e)){if("function"!=typeof(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return e;{const s=e,r=s(t);return"production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||r instanceof Ce||ne(r)||console.error(`${V(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.`),xe(r,t,n,o)}}var s;return e instanceof Ce?n?(e.inject(n,o),e.getName(o)):e:ne(e)?Te(e):e.toString()}function ke(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(Re(n)&&!te(n))return!1}return!0}const Ve=x("6.0.0-alpha.7");class ze{baseHash;baseStyle;componentId;isStatic;rules;staticRulesId;constructor(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&ke(e),this.componentId=t,this.baseHash=T(Ve,t),this.baseStyle=n,me.registerId(t)}generateAndInjectStyles(e,t,n){const{componentId:o}=this,s=[];if(this.baseStyle&&s.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(o,this.staticRulesId))s.push(this.staticRulesId);else{const r=xe(this.rules,e,t,n).join(""),i=j(T(this.baseHash,r)>>>0);if(!t.hasNameForId(o,i)){const e=n(r,`.${i}`,void 0,o);t.insertRules(o,i,e)}s.push(i),this.staticRulesId=i}else{const{length:r}=this.rules;let i=T(this.baseHash,n.hash),a="";for(let o=0;o<r;o++){const s=this.rules[o];if("string"==typeof s)a+=s,"production"!==process.env.NODE_ENV&&(i=T(i,s+o));else if(s){const r=xe(s,e,t,n),c=Array.isArray(r)?r.join(""):r;i=T(i,c+o),a+=c}}if(a){const e=j(i>>>0);if(!t.hasNameForId(o,e)){const s=n(a,`.${e}`,void 0,o);t.insertRules(o,e,s)}s.push(e)}}return s.join(" ")}}const Be=t.createContext(void 0),Me=Be.Consumer;function Fe(e){const n=s(Be),o=r((()=>function(e,t){if(!e)throw re(14);if(Re(e)){const n=e(t);if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw re(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw re(8);return t?{...t,...e}:e}(e.theme,n)),[e.theme,n]);return e.children?t.createElement(Be.Provider,{value:o},e.children):null}const Ge={};function Le(e,t){const n="string"!=typeof e?"sc":O(e);Ge[n]=(Ge[n]||0)+1;const o=`${n}-${k("6.0.0-alpha.7"+n+Ge[n])}`;return t?`${t}-${o}`:o}function Ye(n,o,r){const i=te(n),l=n,u=!z(n),{attrs:h=$,componentId:d=Le(o.displayName,o.parentComponentId),displayName:p=B(n)}=o,m=o.displayName&&o.componentId?`${O(o.displayName)}-${o.componentId}`:o.componentId||d,f=i&&l.attrs?l.attrs.concat(h).filter(Boolean):h;let{shouldForwardProp:y}=o;if(i&&l.shouldForwardProp){const e=l.shouldForwardProp;if(o.shouldForwardProp){const t=o.shouldForwardProp;y=(n,o,s)=>e(n,o,s)&&t(n,o,s)}else y=e}const g=new ze(r,m,i?l.componentStyle:void 0),S=g.isStatic&&0===h.length;function v(t,n){return function(t,n,o,r){const{attrs:i,componentStyle:l,defaultProps:u,foldedComponentIds:h,shouldForwardProp:d,styledComponentId:p,target:m}=t;"production"!==process.env.NODE_ENV&&c(p);const f=C(n,s(Be),u),[y,g]=function(e=_,t,n){const o={...t,theme:e},s={};return n.forEach((e=>{const t="function"==typeof e?e(o):e;let n;for(n in t)o[n]=s[n]="className"===n?(r=s[n],i=t[n],r&&i?`${r} ${i}`:r||i):t[n];var r,i})),[o,s]}(f||_,n,i),S=function(e,t,n,o){const s=Ne(),r=$e(),i=t?e.generateAndInjectStyles(_,s,r):e.generateAndInjectStyles(n,s,r);return"production"!==process.env.NODE_ENV&&c(i),"production"!==process.env.NODE_ENV&&!t&&o&&o(i),i}(l,r,y,"production"!==process.env.NODE_ENV?t.warnTooManyClasses:void 0),v=o,w=g.$as||n.$as||g.as||n.as||m,b=z(w),E=g!==n?{...n,...g}:n,N={};for(const t in E)"$"!==t[0]&&"as"!==t&&("forwardedAs"===t?N.as=E[t]:(d?d(t,e,w):!b||e(t))&&(N[t]=E[t]));return n.style&&g.style!==n.style&&(N.style={...n.style,...g.style}),N[b&&-1===P.indexOf(w)?"class":"className"]=h.concat(p,S!==p?S:null,n.className,g.className).filter(Boolean).join(" "),N.ref=v,a(w,N)}(w,t,n,S)}v.displayName=p;let w=t.forwardRef(v);return w.attrs=f,w.componentStyle=g,w.displayName=p,w.shouldForwardProp=y,w.foldedComponentIds=i?l.foldedComponentIds.concat(l.styledComponentId):$,w.styledComponentId=m,w.target=i?l.target:n,w.withComponent=function(e){const{componentId:t,...n}=o,s=t&&`${t}-${z(e)?e:O(V(e))}`;return Ye(e,{...n,attrs:f,componentId:s},r)},Object.defineProperty(w,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=i?function(e={},...t){for(const n of t)oe(e,n,!0);return e}({},l.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(N(p,m),w.warnTooManyClasses=((e,t)=>{let n={},o=!1;return s=>{if(!o&&(n[s]=!0,Object.keys(n).length>=200)){const s=t?` with the id of "${t}"`:"";console.warn(`Over 200 classes were generated for component ${e}${s}.\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 />`),o=!0,n={}}}})(p,m)),w.toString=()=>`.${w.styledComponentId}`,u&&ee(w,n,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),w}function qe(e,t){const n=[e[0]];for(let o=0,s=t.length;o<s;o+=1)n.push(t[o],e[o+1]);return n}const He=e=>(Array.isArray(e)&&(e.isCss=!0),e);function We(e,...t){if(Re(e)||ne(e))return He(xe(qe($,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?n:He(xe(qe(n,t)))}function Ue(e,t,n=_){if(!t)throw re(1,t);const o=(o,...s)=>e(t,n,We(o,...s));return o.attrs=o=>Ue(e,t,{...n,attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)}),o.withConfig=o=>Ue(e,t,{...n,...o}),o}const Je=e=>Ue(Ye,e),Ze=Je;P.forEach((e=>{Ze[e]=Je(e)}));class Xe{componentId;isStatic;rules;constructor(e,t){this.rules=e,this.componentId=t,this.isStatic=ke(e),me.registerId(this.componentId+1)}createStyles(e,t,n,o){const s=o(xe(this.rules,t,n,o).join(""),""),r=this.componentId+e;n.insertRules(r,r,s)}removeStyles(e,t){t.clearRules(this.componentId+e)}renderStyles(e,t,n,o){e>2&&me.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,o)}}function Ke(e,...n){const o=We(e,...n),s=`sc-global-${k(JSON.stringify(o))}`,r=new Xe(o,s);"production"!==process.env.NODE_ENV&&N(s);const i=e=>{const n=Ne(),a=$e(),c=t.useContext(Be),l=t.useRef(n.allocateGSInstance(s)).current;return"production"!==process.env.NODE_ENV&&t.Children.count(e.children)&&console.warn(`The global style component ${s} was given child JSX. createGlobalStyle does not render children.`),"production"!==process.env.NODE_ENV&&o.some((e=>"string"==typeof e&&-1!==e.indexOf("@import")))&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),n.server&&function(e,t,n,o,s){if(r.isStatic)r.renderStyles(e,w,n,s);else{const a={...t,theme:C(t,o,i.defaultProps)};r.renderStyles(e,a,n,s)}}(l,e,n,c,a),null};return t.memo(i)}function Qe(e,...t){"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");const n=We(e,...t).join(""),o=k(n);return new Ce(o,n)}function et(e){const n=t.forwardRef(((n,o)=>{const s=C(n,t.useContext(Be),e.defaultProps);return"production"!==process.env.NODE_ENV&&void 0===s&&console.warn(`[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class "${V(e)}"`),t.createElement(e,{...n,theme:s,ref:o})}));return n.displayName=`WithTheme(${V(e)})`,ee(n,e)}const tt=()=>s(Be),nt=/^\s*<\/[a-z]/i;class ot{instance;sealed;constructor(){this.instance=new me({isServer:!0}),this.sealed=!1}_emitSheetCSS=()=>{const e=this.instance.toString(),t=he();return`<style ${[t&&`nonce="${t}"`,`${g}="true"`,'data-styled-version="6.0.0-alpha.7"'].filter(Boolean).join(" ")}>${e}</style>`};collectStyles(e){if(this.sealed)throw re(2);return t.createElement(_e,{sheet:this.instance},e)}getStyleTags=()=>{if(this.sealed)throw re(2);return this._emitSheetCSS()};getStyleElement=()=>{if(this.sealed)throw re(2);const e={[g]:"","data-styled-version":"6.0.0-alpha.7",dangerouslySetInnerHTML:{__html:this.instance.toString()}},n=he();return n&&(e.nonce=n),[t.createElement("style",{...e,key:"sc-0-0"})]};interleaveWithNodeStream(e){if(this.sealed)throw re(2);{this.seal();const{Transform:t}=require("stream"),n=e,{instance:o,_emitSheetCSS:s}=this,r=new t({transform:function(e,t,n){const r=e.toString(),i=s();if(o.clearTag(),nt.test(r)){const e=r.indexOf(">")+1,t=r.slice(0,e),n=r.slice(e);this.push(t+i+n)}else this.push(i+r);n()}});return n.on("error",(e=>{r.emit("error",e)})),n.pipe(r)}}seal=()=>{this.sealed=!0}}const st={StyleSheet:me,mainSheet:be};"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"),"production"!==process.env.NODE_ENV&&process.env.NODE_ENV;export{ot as ServerStyleSheet,ve as StyleSheetConsumer,Se as StyleSheetContext,_e as StyleSheetManager,Me as ThemeConsumer,Be as ThemeContext,Fe as ThemeProvider,st as __PRIVATE__,Ke as createGlobalStyle,We as css,Ze as default,te as isStyledComponent,Qe as keyframes,tt as useTheme,S as version,et as withTheme}; | ||
| import{__spreadArray as e,__assign as t,__rest as n}from"tslib";import o from"@emotion/is-prop-valid";import r,{useRef as s,useState as i,useContext as a,useMemo as c,useEffect as u,createElement as l,useDebugValue as p}from"react";import d from"shallowequal";import{prefixer as h,stringify as f,serialize as y,compile as m,middleware as v,RULESET as g}from"stylis";import S from"@emotion/unitless";var w="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",b="6.0.0-beta.0",E=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),N={},_=/invalid hook call/i,C=new Set,P=function(t,n){if("production"!==process.env.NODE_ENV){var o=n?' with the id of "'.concat(n,'"'):"",r="The component ".concat(t).concat(o," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",i=console.error;try{var a=!0;console.error=function(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];_.test(t)?(a=!1,C.delete(r)):i.apply(void 0,e([t],n,!1))},s(),a&&!C.has(r)&&(console.warn(r),C.add(r))}catch(e){_.test(e.message)&&C.delete(r)}finally{console.error=i}}},A=Object.freeze([]),I=Object.freeze({});function O(e,t,n){return void 0===n&&(n=I),e.theme!==n.theme&&e.theme||t||n.theme}var D=["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"],R=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,j=/(^-|-$)/g;function T(e){return e.replace(R,"-").replace(j,"")}var x=/(a)(d)/gi,k=function(e){return String.fromCharCode(e+(e>25?39:97))};function V(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=k(t%52)+n;return(k(t%52)+n).replace(x,"$1-$2")}var $,B=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},z=function(e){return B(5381,e)};function M(e){return V(z(e)>>>0)}function F(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function G(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var L="function"==typeof Symbol&&Symbol.for,Y=L?Symbol.for("react.memo"):60115,q=L?Symbol.for("react.forward_ref"):60112,H={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},W={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},U={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},J=(($={})[q]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},$[Y]=U,$);function Z(e){return("type"in(t=e)&&t.type.$$typeof)===Y?U:"$$typeof"in e?J[e.$$typeof]:H;var t}var X=Object.defineProperty,K=Object.getOwnPropertyNames,Q=Object.getOwnPropertySymbols,ee=Object.getOwnPropertyDescriptor,te=Object.getPrototypeOf,ne=Object.prototype;function oe(e,t,n){if("string"!=typeof t){if(ne){var o=te(t);o&&o!==ne&&oe(e,o,n)}var r=K(t);Q&&(r=r.concat(Q(t)));for(var s=Z(e),i=Z(t),a=0;a<r.length;++a){var c=r[a];if(!(c in W||n&&n[c]||i&&c in i||s&&c in s)){var u=ee(t,c);try{X(e,c,u)}catch(e){}}}}return e}function re(e){return"object"==typeof e&&"styledComponentId"in e}function se(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function ie(e,t,n){if(void 0===n&&(n=!1),!n&&!se(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var o=0;o<t.length;o++)e[o]=ie(e[o],t[o]);else if(se(t))for(var o in t)e[o]=ie(e[o],t[o]);return e}var ae="production"!==process.env.NODE_ENV?{1:"Cannot create styled-component for component: %s.\n\n",2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n",3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n",4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n",5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n",6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n",7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:'ThemeProvider: Please make your "theme" prop an object.\n\n',9:"Missing document `<head>`\n\n",10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n",11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n",12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n",14:'ThemeProvider: "theme" prop is required.\n\n',15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n",17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n"}:{};function ce(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],o=[],r=1,s=e.length;r<s;r+=1)o.push(e[r]);return o.forEach(function(e){n=n.replace(/%[a-z]/,e)}),n}function ue(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];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([ae[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,o=n.length,r=o;e>=r;)if((r<<=1)<0)throw ue(16,"".concat(e));this.groupSizes=new Uint32Array(r),this.groupSizes.set(n),this.length=r;for(var s=o;s<r;s++)this.groupSizes[s]=0}var i=this.indexOfGroup(e+1);if(Array.isArray(t)){s=0;for(var a=t.length;s<a;s++)this.tag.insertRule(i,t[s])&&(this.groupSizes[e]++,i++)}else this.tag.insertRule(i,t)&&this.groupSizes[e]++},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(var r=n;r<o;r++)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],o=this.indexOfGroup(e),r=o+n,s=o;s<r;s++)t+="".concat(this.tag.getRule(s)).concat("/*!sc*/\n");return t},e}(),pe=new Map,de=new Map,he=1,fe=function(e){if(pe.has(e))return pe.get(e);for(;de.has(he);)he++;var t=he++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw ue(16,"".concat(t));return pe.set(e,t),de.set(t,e),t},ye=("style[".concat(w,"][").concat("data-styled-version",'="').concat(b,'"]'),new RegExp("^".concat(w,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),function(e){for(var t=e.getTag(),n=t.length,o="",r=function(n){var r=function(e){return de.get(e)}(n);if(void 0===r)return"continue";var s=e.names.get(r),i=t.getGroup(n);if(void 0===s||0===i.length)return"continue";var a="".concat(w,".g").concat(n,'[id="').concat(r,'"]'),c="";void 0!==s&&s.forEach(function(e){e.length>0&&(c+="".concat(e,","))}),o+="".concat(i).concat(a,'{content:"').concat(c,'"}').concat("/*!sc*/\n")},s=0;s<n;s++)r(s);return o});function me(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var ve=function(e){var t=document.head,n=e||t,o=document.createElement("style"),r=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var o=t[n];if(o&&1===o.nodeType&&o.hasAttribute(w))return o}}(n),s=void 0!==r?r.nextSibling:null;o.setAttribute(w,"active"),o.setAttribute("data-styled-version",b);var i=me();return i&&o.setAttribute("nonce",i),n.insertBefore(o,s),o},ge=function(){function e(e){var t=this.element=ve(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,o=t.length;n<o;n++){var r=t[n];if(r.ownerNode===e)return r}throw ue(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}(),Se=function(){function e(e){var t=this.element=ve(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);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}(),we=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}(),be={isServer:!0,useCSSOMInjection:!E},Ee=function(){function e(e,n,o){void 0===e&&(e=I),void 0===n&&(n={}),this.options=t(t({},be),e),this.gs=n,this.names=new Map(o),this.server=!!e.isServer}return e.registerId=function(e){return fe(e)},e.prototype.reconstructWithOptions=function(n,o){return void 0===o&&(o=!0),new e(t(t({},this.options),n),this.gs,o&&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.useCSSOMInjection,n=e.target;return e.isServer?new we(n):t?new ge(n):new Se(n)}(this.options),new le(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(fe(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(fe(e),n)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(fe(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e.prototype.toString=function(){return ye(this)},e}(),Ne=/^\s*\/\/.*$/gm,_e=[":","[",".","#"];function Ce(e){var t,n,o,r,s=void 0===e?I:e,i=s.options,a=void 0===i?I:i,c=s.plugins,u=void 0===c?A:c,l=function(e,o,s){return 0===o&&_e.includes(s[n.length])||s.match(r)?e:".".concat(t)},p=function(e){if(e.type===g&&e.value.includes("&")){var t=e.props;t[0]=t[0].replace(o,l)}},d=function(e,s,i,c){void 0===s&&(s=""),void 0===i&&(i=""),void 0===c&&(c="&");var l=e.replace(Ne,"");t=c,n=s,o=new RegExp("\\".concat(n,"\\b"),"g"),r=new RegExp("(\\".concat(n,"\\b){2,}"));var d=u.slice();return(a.prefix||void 0===a.prefix)&&d.unshift(h),d.push(p,f),y(m(i||s?"".concat(i," ").concat(s," { ").concat(l," }"):l),v(d))};return d.hash=u.length?u.reduce(function(e,t){return t.name||ue(15),B(e,t.name)},5381).toString():"",d}var Pe=r.createContext(void 0),Ae=Pe.Consumer,Ie=r.createContext(void 0),Oe=new Ee,De=Ce();function Re(){return a(Pe)||Oe}function je(){return a(Ie)||De}function Te(e){var t=i(e.stylisPlugins),n=t[0],o=t[1],s=Re(),a=c(function(){var t=s;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.sheet,e.target]),l=c(function(){return Ce({options:{prefix:!e.disableVendorPrefixes},plugins:n})},[e.disableVendorPrefixes,n]);return u(function(){d(n,e.stylisPlugins)||o(e.stylisPlugins)},[e.stylisPlugins]),r.createElement(Pe.Provider,{value:a},r.createElement(Ie.Provider,{value:l},"production"!==process.env.NODE_ENV?r.Children.only(e.children):e.children))}var xe=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=De);var o=n.name+t.hash;e.hasNameForId(n.id,o)||e.insertRules(n.id,o,t(n.rules,o,"@keyframes"))},this.toString=function(){throw ue(12,String(n.name))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=De),this.name+e.hash},e}(),ke=/([A-Z])/,Ve=/([A-Z])/g,$e=/^ms-/,Be=function(e){return"-".concat(e.toLowerCase())};function ze(e){return ke.test(e)?e.replace(Ve,Be).replace($e,"-ms-"):e}function Me(e){return"function"==typeof e}var Fe=function(e){return null==e||!1===e||""===e},Ge=function(t,n){var o,r=[];for(var s in t)t.hasOwnProperty(s)&&!Fe(t[s])&&(Array.isArray(t[s])&&t[s].isCss||Me(t[s])?r.push("".concat(ze(s),":"),t[s],";"):se(t[s])?r.push.apply(r,Ge(t[s],s)):r.push("".concat(ze(s),": ").concat(null==(o=t[s])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||s in S?String(o).trim():"".concat(o,"px"),";")));return n?e(e(["".concat(n," {")],r,!0),["}"],!1):r};function Le(e,t,n,o){if(Array.isArray(e)){for(var r=[],s=0,i=e.length,a=void 0;s<i;s+=1)""!==(a=Le(e[s],t,n,o))&&(Array.isArray(a)?r.push.apply(r,a):r.push(a));return r}if(Fe(e))return"";if(re(e))return".".concat(e.styledComponentId);if(Me(e)){if("function"!=typeof(u=e)||u.prototype&&u.prototype.isReactComponent||!t)return e;var c=e;return a=c(t),"production"===process.env.NODE_ENV||"object"!=typeof a||Array.isArray(a)||a instanceof xe||se(a)||console.error("".concat(F(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.")),Le(a,t,n,o)}var u;return e instanceof xe?n?(e.inject(n,o),e.getName(o)):e:se(e)?Ge(e):e.toString()}function Ye(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(Me(n)&&!re(n))return!1}return!0}var qe=z(b),He=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&Ye(e),this.componentId=t,this.baseHash=B(qe,t),this.baseStyle=n,Ee.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var o=this.componentId,r=[];if(this.baseStyle&&r.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(o,this.staticRulesId))r.push(this.staticRulesId);else{var s=Le(this.rules,e,t,n).join(""),i=V(B(this.baseHash,s)>>>0);if(!t.hasNameForId(o,i)){var a=n(s,".".concat(i),void 0,o);t.insertRules(o,i,a)}r.push(i),this.staticRulesId=i}else{for(var c=this.rules.length,u=B(this.baseHash,n.hash),l="",p=0;p<c;p++){var d=this.rules[p];if("string"==typeof d)l+=d,"production"!==process.env.NODE_ENV&&(u=B(u,d+p));else if(d){var h=Le(d,e,t,n),f=Array.isArray(h)?h.join(""):h;u=B(u,f+p),l+=f}}if(l){var y=V(u>>>0);if(!t.hasNameForId(o,y)){var m=n(l,".".concat(y),void 0,o);t.insertRules(o,y,m)}r.push(y)}}return r.join(" ")},e}(),We=r.createContext(void 0),Ue=We.Consumer;function Je(e){var n=a(We),o=c(function(){return function(e,n){if(!e)throw ue(14);if(Me(e)){var o=e(n);if("production"!==process.env.NODE_ENV&&(null===o||Array.isArray(o)||"object"!=typeof o))throw ue(7);return o}if(Array.isArray(e)||"object"!=typeof e)throw ue(8);return n?t(t({},n),e):e}(e.theme,n)},[e.theme,n]);return e.children?r.createElement(We.Provider,{value:o},e.children):null}var Ze={};function Xe(e,s,i){var c=re(e),u=e,d=!G(e),h=s.attrs,f=void 0===h?A:h,y=s.componentId,m=void 0===y?function(e,t){var n="string"!=typeof e?"sc":T(e);Ze[n]=(Ze[n]||0)+1;var o="".concat(n,"-").concat(M(b+n+Ze[n]));return t?"".concat(t,"-").concat(o):o}(s.displayName,s.parentComponentId):y,v=s.displayName,g=void 0===v?function(e){return G(e)?"styled.".concat(e):"Styled(".concat(F(e),")")}(e):v,S=s.displayName&&s.componentId?"".concat(T(s.displayName),"-").concat(s.componentId):s.componentId||m,w=c&&u.attrs?u.attrs.concat(f).filter(Boolean):f,E=s.shouldForwardProp;if(c&&u.shouldForwardProp){var N=u.shouldForwardProp;if(s.shouldForwardProp){var _=s.shouldForwardProp;E=function(e,t,n){return N(e,t,n)&&_(e,t,n)}}else E=N}var C=new He(i,S,c?u.componentStyle:void 0),R=C.isStatic&&0===f.length;function j(e,n){return function(e,n,r,s){var i=e.attrs,c=e.componentStyle,u=e.defaultProps,d=e.foldedComponentIds,h=e.shouldForwardProp,f=e.styledComponentId,y=e.target;"production"!==process.env.NODE_ENV&&p(f);var m=function(e,n,o){void 0===e&&(e=I);var r=t(t({},n),{theme:e}),s={};return o.forEach(function(e){var t,n,o,i="function"==typeof e?e(r):e;for(t in i)r[t]=s[t]="className"===t?(o=i[t],(n=s[t])&&o?"".concat(n," ").concat(o):n||o):i[t]}),[r,s]}(O(n,a(We),u)||I,n,i),v=m[1],g=function(e,t,n,o){var r=Re(),s=je(),i=e.generateAndInjectStyles(t?I:n,r,s);return"production"!==process.env.NODE_ENV&&p(i),"production"!==process.env.NODE_ENV&&!t&&o&&o(i),i}(c,s,m[0],"production"!==process.env.NODE_ENV?e.warnTooManyClasses:void 0),S=r,w=v.$as||n.$as||v.as||n.as||y,b=G(w),E=v!==n?t(t({},n),v):n,N={};for(var _ in E)"$"!==_[0]&&"as"!==_&&("forwardedAs"===_?N.as=E[_]:(h?h(_,o,w):!b||o(_))&&(N[_]=E[_]));return n.style&&v.style!==n.style&&(N.style=t(t({},n.style),v.style)),N[b&&-1===D.indexOf(w)?"class":"className"]=d.concat(f,g!==f?g:null,n.className,v.className).filter(Boolean).join(" "),N.ref=S,l(w,N)}(x,e,n,R)}j.displayName=g;var x=r.forwardRef(j);return x.attrs=w,x.componentStyle=C,x.displayName=g,x.shouldForwardProp=E,x.foldedComponentIds=c?u.foldedComponentIds.concat(u.styledComponentId):A,x.styledComponentId=S,x.target=c?u.target:e,x.withComponent=function(e){var o=s.componentId,r=n(s,["componentId"]),a=o&&"".concat(o,"-").concat(G(e)?e:T(F(e)));return Xe(e,t(t({},r),{attrs:w,componentId:a}),i)},Object.defineProperty(x,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=c?function(e){void 0===e&&(e={});for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var o=0,r=t;o<r.length;o++)ie(e,r[o],!0);return e}({},u.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(P(g,S),x.warnTooManyClasses=function(e,t){var n={},o=!1;return function(r){if(!o&&(n[r]=!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 />"),o=!0,n={}}}}(g,S)),x.toString=function(){return".".concat(x.styledComponentId)},d&&oe(x,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),x}function Ke(e,t){for(var n=[e[0]],o=0,r=t.length;o<r;o+=1)n.push(t[o],e[o+1]);return n}var Qe=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function et(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];if(Me(t)||se(t)){var r=t;return Qe(Le(Ke(A,e([r],n,!0))))}var s=t;return 0===n.length&&1===s.length&&"string"==typeof s[0]?s:Qe(Le(Ke(s,n)))}function tt(n,o,r){if(void 0===r&&(r=I),!o)throw ue(1,o);var s=function(t){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];return n(o,r,et.apply(void 0,e([t],s,!1)))};return s.attrs=function(e){return tt(n,o,t(t({},r),{attrs:Array.prototype.concat(r.attrs,e).filter(Boolean)}))},s.withConfig=function(e){return tt(n,o,t(t({},r),e))},s}var nt=function(e){return tt(Xe,e)},ot=nt;D.forEach(function(e){ot[e]=nt(e)});var rt=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=Ye(e),Ee.registerId(this.componentId+1)}return e.prototype.createStyles=function(e,t,n,o){var r=o(Le(this.rules,t,n,o).join(""),""),s=this.componentId+e;n.insertRules(s,s,r)},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e)},e.prototype.renderStyles=function(e,t,n,o){e>2&&Ee.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,o)},e}();function st(n){for(var o=[],s=1;s<arguments.length;s++)o[s-1]=arguments[s];var i=et.apply(void 0,e([n],o,!1)),a="sc-global-".concat(M(JSON.stringify(i))),c=new rt(i,a);"production"!==process.env.NODE_ENV&&P(a);var u=function(e){var t=Re(),n=je(),o=r.useContext(We),s=r.useRef(t.allocateGSInstance(a)).current;return"production"!==process.env.NODE_ENV&&r.Children.count(e.children)&&console.warn("The global style component ".concat(a," was given child JSX. createGlobalStyle does not render children.")),"production"!==process.env.NODE_ENV&&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."),t.server&&l(s,e,t,o,n),null};function l(e,n,o,r,s){if(c.isStatic)c.renderStyles(e,N,o,s);else{var i=t(t({},n),{theme:O(n,r,u.defaultProps)});c.renderStyles(e,i,o,s)}}return r.memo(u)}function it(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];"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 r=et.apply(void 0,e([t],n,!1)).join(""),s=M(r);return new xe(s,r)}function at(e){var n=r.forwardRef(function(n,o){var s=O(n,r.useContext(We),e.defaultProps);return"production"!==process.env.NODE_ENV&&void 0===s&&console.warn('[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class "'.concat(F(e),'"')),r.createElement(e,t({},n,{theme:s,ref:o}))});return n.displayName="WithTheme(".concat(F(e),")"),oe(n,e)}var ct=function(){return a(We)},ut=/^\s*<\/[a-z]/i,lt=function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString(),n=me(),o=[n&&'nonce="'.concat(n,'"'),"".concat(w,'="true"'),"".concat("data-styled-version",'="').concat(b,'"')].filter(Boolean).join(" ");return"<style ".concat(o,">").concat(t,"</style>")},this.getStyleTags=function(){if(e.sealed)throw ue(2);return e._emitSheetCSS()},this.getStyleElement=function(){var n;if(e.sealed)throw ue(2);var o=((n={})[w]="",n["data-styled-version"]=b,n.dangerouslySetInnerHTML={__html:e.instance.toString()},n),s=me();return s&&(o.nonce=s),[r.createElement("style",t({},o,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new Ee({isServer:!0}),this.sealed=!1}return e.prototype.collectStyles=function(e){if(this.sealed)throw ue(2);return r.createElement(Te,{sheet:this.instance},e)},e.prototype.interleaveWithNodeStream=function(e){if(this.sealed)throw ue(2);this.seal();var t=require("stream").Transform,n=e,o=this.instance,r=this._emitSheetCSS,s=new t({transform:function(e,t,n){var s=e.toString(),i=r();if(o.clearTag(),ut.test(s)){var a=s.indexOf(">")+1,c=s.slice(0,a),u=s.slice(a);this.push(c+i+u)}else this.push(i+s);n()}});return n.on("error",function(e){s.emit("error",e)}),n.pipe(s)},e}(),pt={StyleSheet:Ee,mainSheet:Oe};"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native"),"production"!==process.env.NODE_ENV&&process;export{lt as ServerStyleSheet,Ae as StyleSheetConsumer,Pe as StyleSheetContext,Te as StyleSheetManager,Ue as ThemeConsumer,We as ThemeContext,Je as ThemeProvider,pt as __PRIVATE__,st as createGlobalStyle,et as css,ot as default,re as isStyledComponent,it as keyframes,ct as useTheme,b as version,at as withTheme}; | ||
| //# sourceMappingURL=styled-components.esm.js.map |
@@ -1,2 +0,2 @@ | ||
| !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);const r="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",s="active",o="data-styled-version",i="6.0.0-alpha.7",a="undefined"!=typeof window&&"HTMLElement"in window,c=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),l={},u=Object.freeze([]),d=Object.freeze({}),h={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 p(e,...t){return new Error(function(...e){let t=e[0];const n=[];for(let t=1,r=e.length;t<r;t+=1)n.push(e[t]);return n.forEach((e=>{t=t.replace(/%[a-z]/,e)})),t}(h[e],...t).trim())}let f=new Map,m=new Map,g=1;const y=e=>{if(f.has(e))return f.get(e);for(;m.has(g);)g++;const t=g++;if((0|t)<0||t>1073741824)throw p(16,`${t}`);return f.set(e,t),m.set(t,e),t},S=e=>m.get(e),b=(e,t)=>{f.set(e,t),m.set(t,e)},w=`style[${r}][${o}="6.0.0-alpha.7"]`,v=new RegExp(`^${r}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),x=(e,t,n)=>{const r=n.split(",");let s;for(let n=0,o=r.length;n<o;n++)(s=r[n])&&e.registerName(t,s)},C=(e,t)=>{const n=(t.textContent??"").split("/*!sc*/\n"),r=[];for(let t=0,s=n.length;t<s;t++){const s=n[t].trim();if(!s)continue;const o=s.match(v);if(o){const t=0|parseInt(o[1],10),n=o[2];0!==t&&(b(n,t),x(e,n,o[3]),e.getTag().insertRules(t,r)),r.length=0}else r.push(s)}};function k(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}const $=e=>{const t=document.head,n=e||t,a=document.createElement("style"),c=(e=>{const{childNodes:t}=e;for(let e=t.length;e>=0;e--){const n=t[e];if(n&&1===n.nodeType&&n.hasAttribute(r))return n}})(n),l=void 0!==c?c.nextSibling:null;a.setAttribute(r,s),a.setAttribute(o,i);const u=k();return u&&a.setAttribute("nonce",u),n.insertBefore(a,l),a};let P=a;const A={isServer:!a,useCSSOMInjection:!c};class I{gs;names;options;server;tag;static registerId(e){return y(e)}constructor(e=d,t={},n){this.options={...A,...e},this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&a&&P&&(P=!1,(e=>{const t=document.querySelectorAll(w);for(let n=0,o=t.length;n<o;n++){const o=t[n];o&&o.getAttribute(r)!==s&&(C(e,o),o.parentNode&&o.parentNode.removeChild(o))}})(this))}reconstructWithOptions(e,t=!0){return new I({...this.options,...e},this.gs,t&&this.names||void 0)}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({isServer:e,useCSSOMInjection:t,target:n})=>e?new class{rules;length;constructor(e){this.rules=[],this.length=0}insertRule(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)}deleteRule(e){this.rules.splice(e,1),this.length--}getRule(e){return e<this.length?this.rules[e]:""}}(n):t?new class{element;sheet;length;constructor(e){const t=this.element=$(e);t.appendChild(document.createTextNode("")),this.sheet=(e=>{if(e.sheet)return e.sheet;const{styleSheets:t}=document;for(let n=0,r=t.length;n<r;n++){const r=t[n];if(r.ownerNode===e)return r}throw p(17)})(t),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""}}(n):new class{element;nodes;length;constructor(e){const t=this.element=$(e);this.nodes=t.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}}(n))(this.options),new class{groupSizes;length;tag;constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}indexOfGroup(e){let t=0;for(let n=0;n<e;n++)t+=this.groupSizes[n];return t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let r=n;for(;e>=r;)if(r<<=1,r<0)throw p(16,`${e}`);this.groupSizes=new Uint32Array(r),this.groupSizes.set(t),this.length=r;for(let e=n;e<r;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1);if(Array.isArray(t))for(let r=0,s=t.length;r<s;r++)this.tag.insertRule(n,t[r])&&(this.groupSizes[e]++,n++);else this.tag.insertRule(n,t)&&this.groupSizes[e]++}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(let e=n;e<r;e++)this.tag.deleteRule(n)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],r=this.indexOfGroup(e),s=r+n;for(let e=r;e<s;e++)t+=`${this.tag.getRule(e)}/*!sc*/\n`;return t}}(e)));var e}hasNameForId(e,t){return this.names.has(e)&&this.names.get(e).has(t)}registerName(e,t){if(y(e),this.names.has(e))this.names.get(e).add(t);else{const n=new Set;n.add(t),this.names.set(e,n)}}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(y(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(y(e)),this.clearNames(e)}clearTag(){this.tag=void 0}toString(){return(e=>{const t=e.getTag(),{length:n}=t;let s="";for(let o=0;o<n;o++){const n=S(o);if(void 0===n)continue;const i=e.names.get(n),a=t.getGroup(o);if(void 0===i||0===a.length)continue;const c=`${r}.g${o}[id="${n}"]`;let l="";void 0!==i&&i.forEach((e=>{e.length>0&&(l+=`${e},`)})),s+=`${a}${c}{content:"${l}"}/*!sc*/\n`}return s})(this)}}var R="-ms-",T="-moz-",O="-webkit-",_="comm",E="rule",j="decl",N="@keyframes",D=Math.abs,M=String.fromCharCode,z=Object.assign;function L(e){return e.trim()}function G(e,t){return(e=t.exec(e))?e[0]:e}function F(e,t,n){return e.replace(t,n)}function B(e,t){return e.indexOf(t)}function H(e,t){return 0|e.charCodeAt(t)}function W(e,t,n){return e.slice(t,n)}function Y(e){return e.length}function q(e){return e.length}function U(e,t){return t.push(e),e}var V=1,X=1,Z=0,J=0,K=0,Q="";function ee(e,t,n,r,s,o,i){return{value:e,root:t,parent:n,type:r,props:s,children:o,line:V,column:X,length:i,return:""}}function te(e,t){return z(ee("",null,null,"",null,null,0),e,{length:-e.length},t)}function ne(){return K=J>0?H(Q,--J):0,X--,10===K&&(X=1,V--),K}function re(){return K=J<Z?H(Q,J++):0,X++,10===K&&(X=1,V++),K}function se(){return H(Q,J)}function oe(){return J}function ie(e,t){return W(Q,e,t)}function ae(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 ce(e){return L(ie(J-1,de(91===e?e+2:40===e?e+1:e)))}function le(e){for(;(K=se())&&K<33;)re();return ae(e)>2||ae(K)>3?"":" "}function ue(e,t){for(;--t&&re()&&!(K<48||K>102||K>57&&K<65||K>70&&K<97););return ie(e,oe()+(t<6&&32==se()&&32==re()))}function de(e){for(;re();)switch(K){case e:return J;case 34:case 39:34!==e&&39!==e&&de(K);break;case 40:41===e&&de(e);break;case 92:re()}return J}function he(e,t){for(;re()&&e+K!==57&&(e+K!==84||47!==se()););return"/*"+ie(t,J-1)+"*"+M(47===e?e:re())}function pe(e){for(;!ae(se());)re();return ie(e,J)}function fe(e){return function(e){return Q="",e}(me("",null,null,null,[""],e=function(e){return V=X=1,Z=Y(Q=e),J=0,[]}(e),0,[0],e))}function me(e,t,n,r,s,o,i,a,c){for(var l=0,u=0,d=i,h=0,p=0,f=0,m=1,g=1,y=1,S=0,b="",w=s,v=o,x=r,C=b;g;)switch(f=S,S=re()){case 40:if(108!=f&&58==C.charCodeAt(d-1)){-1!=B(C+=F(ce(S),"&","&\f"),"&\f")&&(y=-1);break}case 34:case 39:case 91:C+=ce(S);break;case 9:case 10:case 13:case 32:C+=le(f);break;case 92:C+=ue(oe()-1,7);continue;case 47:switch(se()){case 42:case 47:U(ye(he(re(),oe()),t,n),c);break;default:C+="/"}break;case 123*m:a[l++]=Y(C)*y;case 125*m:case 59:case 0:switch(S){case 0:case 125:g=0;case 59+u:p>0&&Y(C)-d&&U(p>32?Se(C+";",r,n,d-1):Se(F(C," ","")+";",r,n,d-2),c);break;case 59:C+=";";default:if(U(x=ge(C,t,n,l,u,s,a,b,w=[],v=[],d),o),123===S)if(0===u)me(C,t,x,x,w,o,d,a,v);else switch(h){case 100:case 109:case 115:me(e,x,x,r&&U(ge(e,x,x,0,0,s,a,b,s,w=[],d),v),s,v,d,a,r?w:v);break;default:me(C,x,x,x,[""],v,0,a,v)}}l=u=p=0,m=y=1,b=C="",d=i;break;case 58:d=1+Y(C),p=f;default:if(m<1)if(123==S)--m;else if(125==S&&0==m++&&125==ne())continue;switch(C+=M(S),S*m){case 38:y=u>0?1:(C+="\f",-1);break;case 44:a[l++]=(Y(C)-1)*y,y=1;break;case 64:45===se()&&(C+=ce(re())),h=se(),u=d=Y(b=C+=pe(oe())),S++;break;case 45:45===f&&2==Y(C)&&(m=0)}}return o}function ge(e,t,n,r,s,o,i,a,c,l,u){for(var d=s-1,h=0===s?o:[""],p=q(h),f=0,m=0,g=0;f<r;++f)for(var y=0,S=W(e,d+1,d=D(m=i[f])),b=e;y<p;++y)(b=L(m>0?h[y]+" "+S:F(S,/&\f/g,h[y])))&&(c[g++]=b);return ee(e,t,n,0===s?E:a,c,l,u)}function ye(e,t,n){return ee(e,t,n,_,M(K),W(e,2,-2),0)}function Se(e,t,n,r){return ee(e,t,n,j,W(e,0,r),W(e,r+1,-1),r)}function be(e,t,n){switch(function(e,t){return(((t<<2^H(e,0))<<2^H(e,1))<<2^H(e,2))<<2^H(e,3)}(e,t)){case 5103:return O+"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 O+e+e;case 4789:return T+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return O+e+T+e+R+e+e;case 6828:case 4268:return O+e+R+e+e;case 6165:return O+e+R+"flex-"+e+e;case 5187:return O+e+F(e,/(\w+).+(:[^]+)/,O+"box-$1$2"+R+"flex-$1$2")+e;case 5443:return O+e+R+"flex-item-"+F(e,/flex-|-self/g,"")+(G(e,/flex-|baseline/)?"":R+"grid-row-"+F(e,/flex-|-self/g,""))+e;case 4675:return O+e+R+"flex-line-pack"+F(e,/align-content|flex-|-self/g,"")+e;case 5548:return O+e+R+F(e,"shrink","negative")+e;case 5292:return O+e+R+F(e,"basis","preferred-size")+e;case 6060:return O+"box-"+F(e,"-grow","")+O+e+R+F(e,"grow","positive")+e;case 4554:return O+F(e,/([^-])(transform)/g,"$1"+O+"$2")+e;case 6187:return F(F(F(e,/(zoom-|grab)/,O+"$1"),/(image-set)/,O+"$1"),e,"")+e;case 5495:case 3959:return F(e,/(image-set\([^]*)/,O+"$1$`$1");case 4968:return F(F(e,/(.+:)(flex-)?(.*)/,O+"box-pack:$3"+R+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+O+e+e;case 4200:if(!G(e,/flex-|baseline/))return R+"grid-column-align"+W(e,t)+e;break;case 2592:case 3360:return R+F(e,"template-","")+e;case 4384:case 3616:return n&&n.some((function(e,n){return t=n,G(e.props,/grid-\w+-end/)}))?~B(e+(n=n[t].value),"span")?e:R+F(e,"-start","")+e+R+"grid-row-span:"+(~B(n,"span")?G(n,/\d+/):+G(n,/\d+/)-+G(e,/\d+/))+";":R+F(e,"-start","")+e;case 4896:case 4128:return n&&n.some((function(e){return G(e.props,/grid-\w+-start/)}))?e:R+F(F(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return F(e,/(.+)-inline(.+)/,O+"$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(Y(e)-1-t>6)switch(H(e,t+1)){case 109:if(45!==H(e,t+4))break;case 102:return F(e,/(.+:)(.+)-([^]+)/,"$1"+O+"$2-$3$1"+T+(108==H(e,t+3)?"$3":"$2-$3"))+e;case 115:return~B(e,"stretch")?be(F(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return F(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,n,r,s,o,i,a){return R+n+":"+r+a+(s?R+n+"-span:"+(o?i:+i-+r)+a:"")+e}));case 4949:if(121===H(e,t+6))return F(e,":",":"+O)+e;break;case 6444:switch(H(e,45===H(e,14)?18:11)){case 120:return F(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+O+(45===H(e,14)?"inline-":"")+"box$3$1"+O+"$2$3$1"+R+"$2box$3")+e;case 100:return F(e,":",":"+R)+e}break;case 5936:switch(H(e,t+11)){case 114:return O+e+R+F(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return O+e+R+F(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return O+e+R+F(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 2903:return O+e+R+e+e;case 5719:case 2647:case 2135:case 3927:case 2391:return F(e,"scroll-","scroll-snap-")+e}return e}function we(e,t){for(var n="",r=q(e),s=0;s<r;s++)n+=t(e[s],s,e,t)||"";return n}function ve(e,t,n,r){switch(e.type){case"@import":case j:return e.return=e.return||e.value;case _:return"";case N:return e.return=e.value+"{"+we(e.children,r)+"}";case E:e.value=e.props.join(",")}return Y(n=we(e.children,r))?e.return=e.value+"{"+n+"}":""}function xe(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case j:return void(e.return=be(e.value,e.length,n));case N:return we([te(e,{value:F(e.value,"@","@"+O)})],r);case E:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,(function(t){switch(G(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return we([te(e,{props:[F(t,/:(read-\w+)/,":-moz-$1")]})],r);case"::placeholder":return we([te(e,{props:[F(t,/:(plac\w+)/,":"+O+"input-$1")]}),te(e,{props:[F(t,/:(plac\w+)/,":-moz-$1")]}),te(e,{props:[F(t,/:(plac\w+)/,R+"input-$1")]})],r)}return""}))}}const Ce=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},ke=e=>Ce(5381,e),$e=/^\s*\/\/.*$/gm,Pe=[":","[",".","#"];function Ae({options:e=d,plugins:t=u}=d){let n,r,s,o;const i=(e,t,s)=>0===t&&Pe.includes(s[r.length])||s.match(o)?e:`.${n}`,a=e=>{if(e.type===E&&e.value.includes("&")){const t=e.props;t[0]=t[0].replace(s,i)}},c=(i,c="",l="",u="&")=>{let d=i.replace($e,"");n=u,r=c,s=new RegExp(`\\${r}\\b`,"g"),o=new RegExp(`(\\${r}\\b){2,}`);const h=t.slice();return(e.prefix||void 0===e.prefix)&&h.unshift(xe),h.push(a,ve),we(fe(l||c?`${l} ${c} { ${d} }`:d),function(e){var t=q(e);return function(n,r,s,o){for(var i="",a=0;a<t;a++)i+=e[a](n,r,s,o)||"";return i}}(h))};return c.hash=t.length?t.reduce(((e,t)=>(t.name||p(15),Ce(e,t.name))),5381).toString():"",c}const Ie=n.default.createContext(void 0),Re=Ie.Consumer,Te=n.default.createContext(void 0);Te.Consumer;const Oe=new I,_e=Ae();function Ee(){return e.useContext(Ie)||Oe}function je(){return e.useContext(Te)||_e}function Ne(t){const[r,s]=e.useState(t.stylisPlugins),o=Ee(),i=e.useMemo((()=>{let e=o;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]),a=e.useMemo((()=>Ae({options:{prefix:!t.disableVendorPrefixes},plugins:r})),[t.disableVendorPrefixes,r]);return e.useEffect((()=>{(function(e,t,n,r){var s=void 0;if(void 0!==s)return!!s;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var o=Object.keys(e),i=Object.keys(t);if(o.length!==i.length)return!1;for(var a=Object.prototype.hasOwnProperty.bind(t),c=0;c<o.length;c++){var l=o[c];if(!a(l))return!1;var u=e[l],d=t[l];if(!1===(s=void 0)||void 0===s&&u!==d)return!1}return!0})(r,t.stylisPlugins)||s(t.stylisPlugins)}),[t.stylisPlugins]),n.default.createElement(Ie.Provider,{value:i},n.default.createElement(Te.Provider,{value:a},n.default.Children.only(t.children)))}class De{id;name;rules;constructor(e,t){this.name=e,this.id=`sc-keyframes-${e}`,this.rules=t}inject=(e,t=_e)=>{const n=this.name+t.hash;e.hasNameForId(this.id,n)||e.insertRules(this.id,n,t(this.rules,n,"@keyframes"))};toString=()=>{throw p(12,String(this.name))};getName(e=_e){return this.name+e.hash}}function Me(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function ze(e,t){return e(t={exports:{}},t.exports),t.exports}Me(ze((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 Le=ze((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}}));Me(Le);var Ge=ze((function(e){e.exports=Le}));function Fe(e){return"string"==typeof e&&e||e.displayName||e.name||"Component"}const Be=/([A-Z])/,He=/([A-Z])/g,We=/^ms-/,Ye=e=>`-${e.toLowerCase()}`;function qe(e){return Be.test(e)?e.replace(He,Ye).replace(We,"-ms-"):e}function Ue(e){return"function"==typeof e}function Ve(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function Xe(e){return"object"==typeof e&&"styledComponentId"in e}const Ze=e=>null==e||!1===e||""===e,Je=(e,t)=>{const n=[];for(const t in e)e.hasOwnProperty(t)&&!Ze(e[t])&&(Array.isArray(e[t])&&e[t].isCss||Ue(e[t])?n.push(`${qe(t)}:`,e[t],";"):Ve(e[t])?n.push(...Je(e[t],t)):n.push(`${qe(t)}: ${r=t,s=e[t],null==s||"boolean"==typeof s||""===s?"":"number"!=typeof s||0===s||r in Ge?String(s).trim():`${s}px`};`));var r,s;return t?[`${t} {`,...n,"}"]:n};function Ke(e,t,n,r){if(Array.isArray(e)){const s=[];for(let o,i=0,a=e.length;i<a;i+=1)o=Ke(e[i],t,n,r),""!==o&&(Array.isArray(o)?s.push(...o):s.push(o));return s}if(Ze(e))return"";if(Xe(e))return`.${e.styledComponentId}`;if(Ue(e)){if("function"!=typeof(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return e;{const s=e,o=s(t);return"object"!=typeof o||Array.isArray(o)||o instanceof De||Ve(o)||console.error(`${Fe(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.`),Ke(o,t,n,r)}}var s;return e instanceof De?n?(e.inject(n,r),e.getName(r)):e:Ve(e)?Je(e):e.toString()}class Qe{componentId;isStatic;rules;constructor(e,t){this.rules=e,this.componentId=t,this.isStatic=function(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(Ue(n)&&!Xe(n))return!1}return!0}(e),I.registerId(this.componentId+1)}createStyles(e,t,n,r){const s=r(Ke(this.rules,t,n,r).join(""),""),o=this.componentId+e;n.insertRules(o,o,s)}removeStyles(e,t){t.clearRules(this.componentId+e)}renderStyles(e,t,n,r){e>2&&I.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,r)}}const et=n.default.createContext(void 0),tt=et.Consumer,nt=/invalid hook call/i,rt=new Set,st=(t,n)=>{{const 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.`,s=console.error;try{let t=!0;console.error=(e,...n)=>{nt.test(e)?(t=!1,rt.delete(r)):s(e,...n)},e.useRef(),t&&!rt.has(r)&&(console.warn(r),rt.add(r))}catch(e){nt.test(e.message)&&rt.delete(r)}finally{console.error=s}}};function ot(e,t,n=d){return e.theme!==n.theme&&e.theme||t||n.theme}const it=/(a)(d)/gi,at=e=>String.fromCharCode(e+(e>25?39:97));function ct(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=at(t%52)+n;return(at(t%52)+n).replace(it,"$1-$2")}function lt(e){return ct(ke(e)>>>0)}function ut(e,t){const n=[e[0]];for(let r=0,s=t.length;r<s;r+=1)n.push(t[r],e[r+1]);return n}const dt=e=>(Array.isArray(e)&&(e.isCss=!0),e);function ht(e,...t){if(Ue(e)||Ve(e))return dt(Ke(ut(u,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?n:dt(Ke(ut(n,t)))}const pt="function"==typeof Symbol&&Symbol.for,ft=pt?Symbol.for("react.memo"):60115,mt=pt?Symbol.for("react.forward_ref"):60112,gt={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},yt={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},St={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},bt={[mt]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[ft]:St};function wt(e){return("type"in(t=e)&&t.type.$$typeof)===ft?St:"$$typeof"in e?bt[e.$$typeof]:gt;var t}const vt=Object.defineProperty,xt=Object.getOwnPropertyNames,Ct=Object.getOwnPropertySymbols,kt=Object.getOwnPropertyDescriptor,$t=Object.getPrototypeOf,Pt=Object.prototype;function At(e,t,n){if("string"!=typeof t){if(Pt){const r=$t(t);r&&r!==Pt&&At(e,r,n)}let r=xt(t);Ct&&(r=r.concat(Ct(t)));const s=wt(e),o=wt(t);for(let i=0;i<r.length;++i){const a=r[i];if(!(a in yt||n&&n[a]||o&&a in o||s&&a in s)){const n=kt(t,a);try{vt(e,a,n)}catch(e){}}}}return e}const It={StyleSheet:I,mainSheet:Oe};"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__"]||=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 Rt=Object.freeze({__proto__:null,createGlobalStyle:function(e,...t){const r=ht(e,...t),s=`sc-global-${lt(JSON.stringify(r))}`,o=new Qe(r,s);st(s);const i=e=>{const t=Ee(),i=je(),c=n.default.useContext(et),l=n.default.useRef(t.allocateGSInstance(s)).current;return n.default.Children.count(e.children)&&console.warn(`The global style component ${s} was given child JSX. createGlobalStyle does not render children.`),r.some((e=>"string"==typeof e&&-1!==e.indexOf("@import")))&&console.warn("Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical <link> meta tag to the stylesheet, or simply embedding it manually in your index.html <head> section for a simpler app."),t.server&&a(l,e,t,c,i),(n.default.useInsertionEffect||n.default.useLayoutEffect)((()=>{if(!t.server)return a(l,e,t,c,i),()=>o.removeStyles(l,t)}),[l,e,t,c,i]),null};function a(e,t,n,r,s){if(o.isStatic)o.renderStyles(e,l,n,s);else{const a={...t,theme:ot(t,r,i.defaultProps)};o.renderStyles(e,a,n,s)}}return n.default.memo(i)},css:ht,isStyledComponent:Xe,keyframes:function(e,...t){"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");const n=ht(e,...t).join(""),r=lt(n);return new De(r,n)},ServerStyleSheet:class{instance;sealed;constructor(){this.instance=new I({isServer:!0}),this.sealed=!1}_emitSheetCSS=()=>{const e=this.instance.toString(),t=k();return`<style ${[t&&`nonce="${t}"`,`${r}="true"`,`${o}="6.0.0-alpha.7"`].filter(Boolean).join(" ")}>${e}</style>`};collectStyles(e){if(this.sealed)throw p(2);return n.default.createElement(Ne,{sheet:this.instance},e)}getStyleTags=()=>{if(this.sealed)throw p(2);return this._emitSheetCSS()};getStyleElement=()=>{if(this.sealed)throw p(2);const e={[r]:"",[o]:i,dangerouslySetInnerHTML:{__html:this.instance.toString()}},t=k();return t&&(e.nonce=t),[n.default.createElement("style",{...e,key:"sc-0-0"})]};interleaveWithNodeStream(e){throw p(3)}seal=()=>{this.sealed=!0}},StyleSheetConsumer:Re,StyleSheetContext:Ie,StyleSheetManager:Ne,ThemeConsumer:tt,ThemeContext:et,ThemeProvider:function(t){const r=e.useContext(et),s=e.useMemo((()=>function(e,t){if(!e)throw p(14);if(Ue(e)){const n=e(t);if(null===n||Array.isArray(n)||"object"!=typeof n)throw p(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw p(8);return t?{...t,...e}:e}(t.theme,r)),[t.theme,r]);return t.children?n.default.createElement(et.Provider,{value:s},t.children):null},useTheme:()=>e.useContext(et),version:i,withTheme:function(e){const t=n.default.forwardRef(((t,r)=>{const s=ot(t,n.default.useContext(et),e.defaultProps);return void 0===s&&console.warn(`[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class "${Fe(e)}"`),n.default.createElement(e,{...t,theme:s,ref:r})}));return t.displayName=`WithTheme(${Fe(e)})`,At(t,e)},__PRIVATE__:It});function Tt(e){var t=Object.create(null);return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}var Ot=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,_t=Tt((function(e){return Ot.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),Et=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"];const jt=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Nt=/(^-|-$)/g;function Dt(e){return e.replace(jt,"-").replace(Nt,"")}function Mt(e){return"string"==typeof e&&e.charAt(0)===e.charAt(0).toLowerCase()}function zt(e){return Mt(e)?`styled.${e}`:`Styled(${Fe(e)})`}function Lt(e,t){return e&&t?`${e} ${t}`:e||t}function Gt(e,t,n=!1){if(!n&&!Ve(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=Gt(e[n],t[n]);else if(Ve(t))for(const n in t)e[n]=Gt(e[n],t[n]);return e}const Ft=ke(i);class Bt{baseHash;baseStyle;componentId;isStatic;rules;staticRulesId;constructor(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic=!1,this.componentId=t,this.baseHash=Ce(Ft,t),this.baseStyle=n,I.registerId(t)}generateAndInjectStyles(e,t,n){const{componentId:r}=this,s=[];if(this.baseStyle&&s.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(r,this.staticRulesId))s.push(this.staticRulesId);else{const o=Ke(this.rules,e,t,n).join(""),i=ct(Ce(this.baseHash,o)>>>0);if(!t.hasNameForId(r,i)){const e=n(o,`.${i}`,void 0,r);t.insertRules(r,i,e)}s.push(i),this.staticRulesId=i}else{const{length:o}=this.rules;let i=Ce(this.baseHash,n.hash),a="";for(let r=0;r<o;r++){const s=this.rules[r];if("string"==typeof s)a+=s,i=Ce(i,s+r);else if(s){const o=Ke(s,e,t,n),c=Array.isArray(o)?o.join(""):o;i=Ce(i,c+r),a+=c}}if(a){const e=ct(i>>>0);if(!t.hasNameForId(r,e)){const s=n(a,`.${e}`,void 0,r);t.insertRules(r,e,s)}s.push(e)}}return s.join(" ")}}const Ht={};function Wt(e,t){const n="string"!=typeof e?"sc":Dt(e);Ht[n]=(Ht[n]||0)+1;const r=`${n}-${lt(i+n+Ht[n])}`;return t?`${t}-${r}`:r}function Yt(t,r,s){const o=Xe(t),i=t,a=!Mt(t),{attrs:c=u,componentId:l=Wt(r.displayName,r.parentComponentId),displayName:h=zt(t)}=r,p=r.displayName&&r.componentId?`${Dt(r.displayName)}-${r.componentId}`:r.componentId||l,f=o&&i.attrs?i.attrs.concat(c).filter(Boolean):c;let{shouldForwardProp:m}=r;if(o&&i.shouldForwardProp){const e=i.shouldForwardProp;if(r.shouldForwardProp){const t=r.shouldForwardProp;m=(n,r,s)=>e(n,r,s)&&t(n,r,s)}else m=e}const g=new Bt(s,p,o?i.componentStyle:void 0),y=g.isStatic&&0===c.length;function S(t,n){return function(t,n,r,s){const{attrs:o,componentStyle:i,defaultProps:a,foldedComponentIds:c,shouldForwardProp:l,styledComponentId:u,target:h}=t;e.useDebugValue(u);const p=ot(n,e.useContext(et),a),[f,m]=function(e=d,t,n){const r={...t,theme:e},s={};return n.forEach((e=>{const t="function"==typeof e?e(r):e;let n;for(n in t)r[n]=s[n]="className"===n?Lt(s[n],t[n]):t[n]})),[r,s]}(p||d,n,o),g=function(t,n,r,s){const o=Ee(),i=je(),a=n?t.generateAndInjectStyles(d,o,i):t.generateAndInjectStyles(r,o,i);return e.useDebugValue(a),!n&&s&&s(a),a}(i,s,f,t.warnTooManyClasses),y=r,S=m.$as||n.$as||m.as||n.as||h,b=Mt(S),w=m!==n?{...n,...m}:n,v={};for(const e in w)"$"!==e[0]&&"as"!==e&&("forwardedAs"===e?v.as=w[e]:(l?l(e,_t,S):!b||_t(e))&&(v[e]=w[e]));return n.style&&m.style!==n.style&&(v.style={...n.style,...m.style}),v[b&&-1===Et.indexOf(S)?"class":"className"]=c.concat(u,g!==u?g:null,n.className,m.className).filter(Boolean).join(" "),v.ref=y,e.createElement(S,v)}(b,t,n,y)}S.displayName=h;let b=n.default.forwardRef(S);return b.attrs=f,b.componentStyle=g,b.displayName=h,b.shouldForwardProp=m,b.foldedComponentIds=o?i.foldedComponentIds.concat(i.styledComponentId):u,b.styledComponentId=p,b.target=o?i.target:t,b.withComponent=function(e){const{componentId:t,...n}=r,o=t&&`${t}-${Mt(e)?e:Dt(Fe(e))}`;return Yt(e,{...n,attrs:f,componentId:o},s)},Object.defineProperty(b,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=o?function(e={},...t){for(const n of t)Gt(e,n,!0);return e}({},i.defaultProps,e):e}}),st(h,p),b.warnTooManyClasses=((e,t)=>{let n={},r=!1;return s=>{if(!r&&(n[s]=!0,Object.keys(n).length>=200)){const s=t?` with the id of "${t}"`:"";console.warn(`Over 200 classes were generated for component ${e}${s}.\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={}}}})(h,p),b.toString=()=>`.${b.styledComponentId}`,a&&At(b,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),b}function qt(e,t,n=d){if(!t)throw p(1,t);const r=(r,...s)=>e(t,n,ht(r,...s));return r.attrs=r=>qt(e,t,{...n,attrs:Array.prototype.concat(n.attrs,r).filter(Boolean)}),r.withConfig=r=>qt(e,t,{...n,...r}),r}const Ut=e=>qt(Yt,e),Vt=Ut;Et.forEach((e=>{Vt[e]=Ut(e)}));for(const e in Rt)Vt[e]=Rt[e];return Vt})); | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e=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=/*#__PURE__*/t(e),r="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",o="active",a="data-styled-version",i="6.0.0-beta.0",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,a=t.length;o<a;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,a=e.length;o<a;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,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var a=r;a<o;a++)this.groupSizes[a]=0}var i=this.indexOfGroup(e+1);if(Array.isArray(t)){a=0;for(var s=t.length;a<s;a++)this.tag.insertRule(i,t[a])&&(this.groupSizes[e]++,i++)}else this.tag.insertRule(i,t)&&this.groupSizes[e]++},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0;for(var o=n;o<r;o++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,a=r;a<o;a++)t+="".concat(this.tag.getRule(a)).concat(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,"".concat(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[".concat(r,"][").concat(a,'="').concat(i,'"]'),P=new RegExp("^".concat(r,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),A=function(e,t,n){for(var r,o=n.split(","),a=0,i=o.length;a<i;a++)(r=o[a])&&e.registerName(t,r)},I=function(e,t){for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split(s),o=[],a=0,i=r.length;a<i;a++){var c=r[a].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(a,i);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);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}(),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,a=t.length;n<a;n++){var i=t[n];i&&i.getAttribute(r)!==o&&(I(e,i),i.parentNode&&i.parentNode.removeChild(i))}}(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.useCSSOMInjection,n=e.target;return e.isServer?new E(n):t?new _(n):new T(n)}(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="",a=function(n){var a=function(e){return b.get(e)}(n);if(void 0===a)return"continue";var i=e.names.get(a),c=t.getGroup(n);if(void 0===i||0===c.length)return"continue";var l="".concat(r,".g").concat(n,'[id="').concat(a,'"]'),u="";void 0!==i&&i.forEach(function(e){e.length>0&&(u+="".concat(e,","))}),o+="".concat(c).concat(l,'{content:"').concat(u,'"}').concat(s)},i=0;i<n;i++)a(i);return o}(this)},e}(),D="-ms-",M="-moz-",z="-webkit-",L="comm",G="rule",F="decl",B="@keyframes",H=Math.abs,W=String.fromCharCode,Y=Object.assign;function q(e){return e.trim()}function U(e,t){return(e=t.exec(e))?e[0]:e}function V(e,t,n){return e.replace(t,n)}function X(e,t){return e.indexOf(t)}function Z(e,t){return 0|e.charCodeAt(t)}function J(e,t,n){return e.slice(t,n)}function K(e){return e.length}function Q(e){return e.length}function ee(e,t){return t.push(e),e}var te=1,ne=1,re=0,oe=0,ae=0,ie="";function se(e,t,n,r,o,a,i){return{value:e,root:t,parent:n,type:r,props:o,children:a,line:te,column:ne,length:i,return:""}}function ce(e,t){return Y(se("",null,null,"",null,null,0),e,{length:-e.length},t)}function le(){return ae=oe>0?Z(ie,--oe):0,ne--,10===ae&&(ne=1,te--),ae}function ue(){return ae=oe<re?Z(ie,oe++):0,ne++,10===ae&&(ne=1,te++),ae}function de(){return Z(ie,oe)}function pe(){return oe}function fe(e,t){return J(ie,e,t)}function he(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 me(e){return q(fe(oe-1,ve(91===e?e+2:40===e?e+1:e)))}function ye(e){for(;(ae=de())&&ae<33;)ue();return he(e)>2||he(ae)>3?"":" "}function ge(e,t){for(;--t&&ue()&&!(ae<48||ae>102||ae>57&&ae<65||ae>70&&ae<97););return fe(e,pe()+(t<6&&32==de()&&32==ue()))}function ve(e){for(;ue();)switch(ae){case e:return oe;case 34:case 39:34!==e&&39!==e&&ve(ae);break;case 40:41===e&&ve(e);break;case 92:ue()}return oe}function Se(e,t){for(;ue()&&e+ae!==57&&(e+ae!==84||47!==de()););return"/*"+fe(t,oe-1)+"*"+W(47===e?e:ue())}function be(e){for(;!he(de());)ue();return fe(e,oe)}function we(e){return function(e){return ie="",e}(xe("",null,null,null,[""],e=function(e){return te=ne=1,re=K(ie=e),oe=0,[]}(e),0,[0],e))}function xe(e,t,n,r,o,a,i,s,c){for(var l=0,u=0,d=i,p=0,f=0,h=0,m=1,y=1,g=1,v=0,S="",b=o,w=a,x=r,C=S;y;)switch(h=v,v=ue()){case 40:if(108!=h&&58==C.charCodeAt(d-1)){-1!=X(C+=V(me(v),"&","&\f"),"&\f")&&(g=-1);break}case 34:case 39:case 91:C+=me(v);break;case 9:case 10:case 13:case 32:C+=ye(h);break;case 92:C+=ge(pe()-1,7);continue;case 47:switch(de()){case 42:case 47:ee(ke(Se(ue(),pe()),t,n),c);break;default:C+="/"}break;case 123*m:s[l++]=K(C)*g;case 125*m:case 59:case 0:switch(v){case 0:case 125:y=0;case 59+u:f>0&&K(C)-d&&ee(f>32?Pe(C+";",r,n,d-1):Pe(V(C," ","")+";",r,n,d-2),c);break;case 59:C+=";";default:if(ee(x=Ce(C,t,n,l,u,o,s,S,b=[],w=[],d),a),123===v)if(0===u)xe(C,t,x,x,b,a,d,s,w);else switch(p){case 100:case 109:case 115:xe(e,x,x,r&&ee(Ce(e,x,x,0,0,o,s,S,o,b=[],d),w),o,w,d,s,r?b:w);break;default:xe(C,x,x,x,[""],w,0,s,w)}}l=u=f=0,m=g=1,S=C="",d=i;break;case 58:d=1+K(C),f=h;default:if(m<1)if(123==v)--m;else if(125==v&&0==m++&&125==le())continue;switch(C+=W(v),v*m){case 38:g=u>0?1:(C+="\f",-1);break;case 44:s[l++]=(K(C)-1)*g,g=1;break;case 64:45===de()&&(C+=me(ue())),p=de(),u=d=K(S=C+=be(pe())),v++;break;case 45:45===h&&2==K(C)&&(m=0)}}return a}function Ce(e,t,n,r,o,a,i,s,c,l,u){for(var d=o-1,p=0===o?a:[""],f=Q(p),h=0,m=0,y=0;h<r;++h)for(var g=0,v=J(e,d+1,d=H(m=i[h])),S=e;g<f;++g)(S=q(m>0?p[g]+" "+v:V(v,/&\f/g,p[g])))&&(c[y++]=S);return se(e,t,n,0===o?G:s,c,l,u)}function ke(e,t,n){return se(e,t,n,L,W(ae),J(e,2,-2),0)}function Pe(e,t,n,r){return se(e,t,n,F,J(e,0,r),J(e,r+1,-1),r)}function Ae(e,t,n){switch(function(e,t){return(((t<<2^Z(e,0))<<2^Z(e,1))<<2^Z(e,2))<<2^Z(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 4789:return M+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+V(e,/(\w+).+(:[^]+)/,z+"box-$1$2"+D+"flex-$1$2")+e;case 5443:return z+e+D+"flex-item-"+V(e,/flex-|-self/g,"")+(U(e,/flex-|baseline/)?"":D+"grid-row-"+V(e,/flex-|-self/g,""))+e;case 4675:return z+e+D+"flex-line-pack"+V(e,/align-content|flex-|-self/g,"")+e;case 5548:return z+e+D+V(e,"shrink","negative")+e;case 5292:return z+e+D+V(e,"basis","preferred-size")+e;case 6060:return z+"box-"+V(e,"-grow","")+z+e+D+V(e,"grow","positive")+e;case 4554:return z+V(e,/([^-])(transform)/g,"$1"+z+"$2")+e;case 6187:return V(V(V(e,/(zoom-|grab)/,z+"$1"),/(image-set)/,z+"$1"),e,"")+e;case 5495:case 3959:return V(e,/(image-set\([^]*)/,z+"$1$`$1");case 4968:return V(V(e,/(.+:)(flex-)?(.*)/,z+"box-pack:$3"+D+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+z+e+e;case 4200:if(!U(e,/flex-|baseline/))return D+"grid-column-align"+J(e,t)+e;break;case 2592:case 3360:return D+V(e,"template-","")+e;case 4384:case 3616:return n&&n.some(function(e,n){return t=n,U(e.props,/grid-\w+-end/)})?~X(e+(n=n[t].value),"span")?e:D+V(e,"-start","")+e+D+"grid-row-span:"+(~X(n,"span")?U(n,/\d+/):+U(n,/\d+/)-+U(e,/\d+/))+";":D+V(e,"-start","")+e;case 4896:case 4128:return n&&n.some(function(e){return U(e.props,/grid-\w+-start/)})?e:D+V(V(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return V(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(K(e)-1-t>6)switch(Z(e,t+1)){case 109:if(45!==Z(e,t+4))break;case 102:return V(e,/(.+:)(.+)-([^]+)/,"$1"+z+"$2-$3$1"+M+(108==Z(e,t+3)?"$3":"$2-$3"))+e;case 115:return~X(e,"stretch")?Ae(V(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return V(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(t,n,r,o,a,i,s){return D+n+":"+r+s+(o?D+n+"-span:"+(a?i:+i-+r)+s:"")+e});case 4949:if(121===Z(e,t+6))return V(e,":",":"+z)+e;break;case 6444:switch(Z(e,45===Z(e,14)?18:11)){case 120:return V(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+z+(45===Z(e,14)?"inline-":"")+"box$3$1"+z+"$2$3$1"+D+"$2box$3")+e;case 100:return V(e,":",":"+D)+e}break;case 5936:switch(Z(e,t+11)){case 114:return z+e+D+V(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return z+e+D+V(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return z+e+D+V(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 2903:return z+e+D+e+e;case 5719:case 2647:case 2135:case 3927:case 2391:return V(e,"scroll-","scroll-snap-")+e}return e}function Ie(e,t){for(var n="",r=Q(e),o=0;o<r;o++)n+=t(e[o],o,e,t)||"";return n}function Oe(e,t,n,r){switch(e.type){case"@import":case F:return e.return=e.return||e.value;case L:return"";case B:return e.return=e.value+"{"+Ie(e.children,r)+"}";case G:e.value=e.props.join(",")}return K(n=Ie(e.children,r))?e.return=e.value+"{"+n+"}":""}function Re(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case F:return void(e.return=Ae(e.value,e.length,n));case B:return Ie([ce(e,{value:V(e.value,"@","@"+z)})],r);case G:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,function(t){switch(U(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Ie([ce(e,{props:[V(t,/:(read-\w+)/,":-moz-$1")]})],r);case"::placeholder":return Ie([ce(e,{props:[V(t,/:(plac\w+)/,":"+z+"input-$1")]}),ce(e,{props:[V(t,/:(plac\w+)/,":-moz-$1")]}),ce(e,{props:[V(t,/:(plac\w+)/,D+"input-$1")]})],r)}return""})}}var _e=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},Te=function(e){return _e(5381,e)},Ee=/^\s*\/\/.*$/gm,je=[":","[",".","#"];function $e(e){var t,n,r,o,a=void 0===e?h:e,i=a.options,s=void 0===i?h:i,c=a.plugins,l=void 0===c?f:c,u=function(e,r,a){return 0===r&&je.includes(a[n.length])||a.match(o)?e:".".concat(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,a,i,c){void 0===a&&(a=""),void 0===i&&(i=""),void 0===c&&(c="&");var u=e.replace(Ee,"");t=c,n=a,r=new RegExp("\\".concat(n,"\\b"),"g"),o=new RegExp("(\\".concat(n,"\\b){2,}"));var p=l.slice();return(s.prefix||void 0===s.prefix)&&p.unshift(Re),p.push(d,Oe),Ie(we(i||a?"".concat(i," ").concat(a," { ").concat(u," }"):u),function(e){var t=Q(e);return function(n,r,o,a){for(var i="",s=0;s<t;s++)i+=e[s](n,r,o,a)||"";return i}}(p))};return p.hash=l.length?l.reduce(function(e,t){return t.name||g(15),_e(e,t.name)},5381).toString():"",p}var Ne=n.default.createContext(void 0),De=Ne.Consumer,Me=n.default.createContext(void 0),ze=new N,Le=$e();function Ge(){return e.useContext(Ne)||ze}function Fe(){return e.useContext(Me)||Le}function Be(t){var r=e.useState(t.stylisPlugins),o=r[0],a=r[1],i=Ge(),s=e.useMemo(function(){var e=i;return t.sheet?e=t.sheet:t.target&&(e=e.reconstructWithOptions({target:t.target},!1)),t.disableCSSOMInjection&&(e=e.reconstructWithOptions({useCSSOMInjection:!1})),e},[t.disableCSSOMInjection,t.sheet,t.target]),c=e.useMemo(function(){return $e({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 a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1;for(var s=Object.prototype.hasOwnProperty.bind(t),c=0;c<a.length;c++){var l=a[c];if(!s(l))return!1;if(!1===(o=void 0)||void 0===o&&e[l]!==t[l])return!1}return!0})(o,t.stylisPlugins)||a(t.stylisPlugins)},[t.stylisPlugins]),n.default.createElement(Ne.Provider,{value:s},n.default.createElement(Me.Provider,{value:c},n.default.Children.only(t.children)))}var He=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=Le);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-".concat(e),this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=Le),this.name+e.hash},e}();function We(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function Ye(e,t){return e(t={exports:{}},t.exports),t.exports}We(Ye(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 qe=Ye(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}});We(qe);var Ue=Ye(function(e){e.exports=qe});function Ve(e){return"string"==typeof e&&e||e.displayName||e.name||"Component"}var Xe=/([A-Z])/,Ze=/([A-Z])/g,Je=/^ms-/,Ke=function(e){return"-".concat(e.toLowerCase())};function Qe(e){return Xe.test(e)?e.replace(Ze,Ke).replace(Je,"-ms-"):e}function et(e){return"function"==typeof e}function tt(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function nt(e){return"object"==typeof e&&"styledComponentId"in e}var rt=function(e){return null==e||!1===e||""===e},ot=function(e,t){var n,r=[];for(var o in e)e.hasOwnProperty(o)&&!rt(e[o])&&(Array.isArray(e[o])&&e[o].isCss||et(e[o])?r.push("".concat(Qe(o),":"),e[o],";"):tt(e[o])?r.push.apply(r,ot(e[o],o)):r.push("".concat(Qe(o),": ").concat(null==(n=e[o])||"boolean"==typeof n||""===n?"":"number"!=typeof n||0===n||o in Ue?String(n).trim():"".concat(n,"px"),";")));return t?p(p(["".concat(t," {")],r,!0),["}"],!1):r};function at(e,t,n,r){if(Array.isArray(e)){for(var o=[],a=0,i=e.length,s=void 0;a<i;a+=1)""!==(s=at(e[a],t,n,r))&&(Array.isArray(s)?o.push.apply(o,s):o.push(s));return o}if(rt(e))return"";if(nt(e))return".".concat(e.styledComponentId);if(et(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 He||tt(s)||console.error("".concat(Ve(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.")),at(s,t,n,r)}var l;return e instanceof He?n?(e.inject(n,r),e.getName(r)):e:tt(e)?ot(e):e.toString()}var it=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(et(n)&&!nt(n))return!1}return!0}(e),N.registerId(this.componentId+1)}return e.prototype.createStyles=function(e,t,n,r){var o=r(at(this.rules,t,n,r).join(""),""),a=this.componentId+e;n.insertRules(a,a,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}(),st=n.default.createContext(void 0),ct=st.Consumer,lt=/invalid hook call/i,ut=new Set,dt=function(t,n){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.",a=console.error;try{var i=!0;console.error=function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];lt.test(e)?(i=!1,ut.delete(o)):a.apply(void 0,p([e],t,!1))},e.useRef(),i&&!ut.has(o)&&(console.warn(o),ut.add(o))}catch(e){lt.test(e.message)&&ut.delete(o)}finally{console.error=a}};function pt(e,t,n){return void 0===n&&(n=h),e.theme!==n.theme&&e.theme||t||n.theme}var ft=/(a)(d)/gi,ht=function(e){return String.fromCharCode(e+(e>25?39:97))};function mt(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=ht(t%52)+n;return(ht(t%52)+n).replace(ft,"$1-$2")}function yt(e){return mt(Te(e)>>>0)}function gt(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 vt,St=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function bt(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];if(et(e)||tt(e)){var r=e;return St(at(gt(f,p([r],t,!0))))}var o=e;return 0===t.length&&1===o.length&&"string"==typeof o[0]?o:St(at(gt(o,t)))}var wt="function"==typeof Symbol&&Symbol.for,xt=wt?Symbol.for("react.memo"):60115,Ct=wt?Symbol.for("react.forward_ref"):60112,kt={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Pt={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},At={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},It=((vt={})[Ct]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},vt[xt]=At,vt);function Ot(e){return("type"in(t=e)&&t.type.$$typeof)===xt?At:"$$typeof"in e?It[e.$$typeof]:kt;var t}var Rt=Object.defineProperty,_t=Object.getOwnPropertyNames,Tt=Object.getOwnPropertySymbols,Et=Object.getOwnPropertyDescriptor,jt=Object.getPrototypeOf,$t=Object.prototype;function Nt(e,t,n){if("string"!=typeof t){if($t){var r=jt(t);r&&r!==$t&&Nt(e,r,n)}var o=_t(t);Tt&&(o=o.concat(Tt(t)));for(var a=Ot(e),i=Ot(t),s=0;s<o.length;++s){var c=o[s];if(!(c in Pt||n&&n[c]||i&&c in i||a&&c in a)){var l=Et(t,c);try{Rt(e,c,l)}catch(e){}}}}return e}var Dt=function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString(),n=O(),o=[n&&'nonce="'.concat(n,'"'),"".concat(r,'="true"'),"".concat(a,'="').concat(i,'"')].filter(Boolean).join(" ");return"<style ".concat(o,">").concat(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[a]=i,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(Be,{sheet:this.instance},e)},e.prototype.interleaveWithNodeStream=function(e){throw g(3)},e}(),Mt={StyleSheet:N,mainSheet:ze};"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 zt=/*#__PURE__*/Object.freeze({__proto__:null,createGlobalStyle:function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];var o=bt.apply(void 0,p([e],t,!1)),a="sc-global-".concat(yt(JSON.stringify(o))),i=new it(o,a);dt(a);var s=function(e){var t=Ge(),r=Fe(),s=n.default.useContext(st),l=n.default.useRef(t.allocateGSInstance(a)).current;return n.default.Children.count(e.children)&&console.warn("The global style component ".concat(a," was given child JSX. createGlobalStyle does not render children.")),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."),t.server&&c(l,e,t,s,r),(n.default.useInsertionEffect||n.default.useLayoutEffect)(function(){if(!t.server)return c(l,e,t,s,r),function(){return i.removeStyles(l,t)}},[l,e,t,s,r]),null};function c(e,t,n,r,o){if(i.isStatic)i.renderStyles(e,u,n,o);else{var a=d(d({},t),{theme:pt(t,r,s.defaultProps)});i.renderStyles(e,a,n,o)}}return n.default.memo(s)},css:bt,isStyledComponent:nt,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=bt.apply(void 0,p([e],t,!1)).join(""),o=yt(r);return new He(o,r)},ServerStyleSheet:Dt,StyleSheetConsumer:De,StyleSheetContext:Ne,StyleSheetManager:Be,ThemeConsumer:ct,ThemeContext:st,ThemeProvider:function(t){var r=e.useContext(st),o=e.useMemo(function(){return function(e,t){if(!e)throw g(14);if(et(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(st.Provider,{value:o},t.children):null},useTheme:function(){return e.useContext(st)},version:i,withTheme:function(e){var t=n.default.forwardRef(function(t,r){var o=pt(t,n.default.useContext(st),e.defaultProps);return 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(Ve(e),'"')),n.default.createElement(e,d({},t,{theme:o,ref:r}))});return t.displayName="WithTheme(".concat(Ve(e),")"),Nt(t,e)},__PRIVATE__:Mt});function Lt(e){var t=Object.create(null);return function(n){return void 0===t[n]&&(t[n]=e(n)),t[n]}}var Gt=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Ft=/* #__PURE__ */Lt(function(e){return Gt.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}),Bt=["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"],Ht=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Wt=/(^-|-$)/g;function Yt(e){return e.replace(Ht,"-").replace(Wt,"")}function qt(e){return"string"==typeof e&&e.charAt(0)===e.charAt(0).toLowerCase()}function Ut(e,t){return e&&t?"".concat(e," ").concat(t):e||t}function Vt(e,t,n){if(void 0===n&&(n=!1),!n&&!tt(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=Vt(e[r],t[r]);else if(tt(t))for(var r in t)e[r]=Vt(e[r],t[r]);return e}var Xt=Te(i),Zt=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic=!1,this.componentId=t,this.baseHash=_e(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 a=at(this.rules,e,t,n).join(""),i=mt(_e(this.baseHash,a)>>>0);if(!t.hasNameForId(r,i)){var s=n(a,".".concat(i),void 0,r);t.insertRules(r,i,s)}o.push(i),this.staticRulesId=i}else{for(var c=this.rules.length,l=_e(this.baseHash,n.hash),u="",d=0;d<c;d++){var p=this.rules[d];if("string"==typeof p)u+=p,l=_e(l,p+d);else if(p){var f=at(p,e,t,n),h=Array.isArray(f)?f.join(""):f;l=_e(l,h+d),u+=h}}if(u){var m=mt(l>>>0);if(!t.hasNameForId(r,m)){var y=n(u,".".concat(m),void 0,r);t.insertRules(r,m,y)}o.push(m)}}return o.join(" ")},e}(),Jt={};function Kt(t,r,o){var a=nt(t),s=t,c=!qt(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":Yt(e);Jt[n]=(Jt[n]||0)+1;var r="".concat(n,"-").concat(yt(i+n+Jt[n]));return t?"".concat(t,"-").concat(r):r}(r.displayName,r.parentComponentId):p,y=r.displayName,g=void 0===y?function(e){return qt(e)?"styled.".concat(e):"Styled(".concat(Ve(e),")")}(t):y,v=r.displayName&&r.componentId?"".concat(Yt(r.displayName),"-").concat(r.componentId):r.componentId||m,S=a&&s.attrs?s.attrs.concat(u).filter(Boolean):u,b=r.shouldForwardProp;if(a&&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=new Zt(o,v,a?s.componentStyle:void 0),k=C.isStatic&&0===u.length;function P(t,n){return function(t,n,r,o){var a=t.attrs,i=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?Ut(o[t],n[t]):n[t]}),[r,o]}(pt(n,e.useContext(st),s)||h,n,a),m=f[1],y=function(t,n,r,o){var a=Ge(),i=Fe(),s=t.generateAndInjectStyles(n?h:r,a,i);return e.useDebugValue(s),!n&&o&&o(s),s}(i,o,f[0],t.warnTooManyClasses),g=r,v=m.$as||n.$as||m.as||n.as||p,S=qt(v),b=m!==n?d(d({},n),m):n,w={};for(var x in b)"$"!==x[0]&&"as"!==x&&("forwardedAs"===x?w.as=b[x]:(l?l(x,Ft,v):!S||Ft(x))&&(w[x]=b[x]));return n.style&&m.style!==n.style&&(w.style=d(d({},n.style),m.style)),w[S&&-1===Bt.indexOf(v)?"class":"className"]=c.concat(u,y!==u?y:null,n.className,m.className).filter(Boolean).join(" "),w.ref=g,e.createElement(v,w)}(A,t,n,k)}P.displayName=g;var A=n.default.forwardRef(P);return A.attrs=S,A.componentStyle=C,A.displayName=g,A.shouldForwardProp=b,A.foldedComponentIds=a?s.foldedComponentIds.concat(s.styledComponentId):f,A.styledComponentId=v,A.target=a?s.target:t,A.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"]),a=t&&"".concat(t,"-").concat(qt(e)?e:Yt(Ve(e)));return Kt(e,d(d({},n),{attrs:S,componentId:a}),o)},Object.defineProperty(A,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=a?function(e){void 0===e&&(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++)Vt(e,o[r],!0);return e}({},s.defaultProps,e):e}}),dt(g,v),A.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var a=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(a,".\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={}}}}(g,v),A.toString=function(){return".".concat(A.styledComponentId)},c&&Nt(A,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),A}function Qt(e,t,n){if(void 0===n&&(n=h),!t)throw g(1,t);var r=function(r){for(var o=[],a=1;a<arguments.length;a++)o[a-1]=arguments[a];return e(t,n,bt.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 Bt.forEach(function(e){tn[e]=en(e)}),zt)tn[nn]=zt[nn];return tn}); | ||
| //# sourceMappingURL=styled-components.js.map |
@@ -1,2 +0,2 @@ | ||
| !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 r=t(e);const n="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",s="active",o="data-styled-version",i="6.0.0-alpha.7",a="undefined"!=typeof window&&"HTMLElement"in window,c=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),l={},u=Object.freeze([]),d=Object.freeze({});function p(e,...t){return new Error(`An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`)}let f=new Map,h=new Map,m=1;const g=e=>{if(f.has(e))return f.get(e);for(;h.has(m);)m++;const t=m++;return f.set(e,t),h.set(t,e),t},y=e=>h.get(e),S=(e,t)=>{f.set(e,t),h.set(t,e)},b=`style[${n}][${o}="6.0.0-alpha.7"]`,v=new RegExp(`^${n}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),w=(e,t,r)=>{const n=r.split(",");let s;for(let r=0,o=n.length;r<o;r++)(s=n[r])&&e.registerName(t,s)},x=(e,t)=>{const r=(t.textContent??"").split("/*!sc*/\n"),n=[];for(let t=0,s=r.length;t<s;t++){const s=r[t].trim();if(!s)continue;const o=s.match(v);if(o){const t=0|parseInt(o[1],10),r=o[2];0!==t&&(S(r,t),w(e,r,o[3]),e.getTag().insertRules(t,n)),n.length=0}else n.push(s)}};function C(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}const k=e=>{const t=document.head,r=e||t,a=document.createElement("style"),c=(e=>{const{childNodes:t}=e;for(let e=t.length;e>=0;e--){const r=t[e];if(r&&1===r.nodeType&&r.hasAttribute(n))return r}})(r),l=void 0!==c?c.nextSibling:null;a.setAttribute(n,s),a.setAttribute(o,i);const u=C();return u&&a.setAttribute("nonce",u),r.insertBefore(a,l),a};let $=a;const I={isServer:!a,useCSSOMInjection:!c};class A{gs;names;options;server;tag;static registerId(e){return g(e)}constructor(e=d,t={},r){this.options={...I,...e},this.gs=t,this.names=new Map(r),this.server=!!e.isServer,!this.server&&a&&$&&($=!1,(e=>{const t=document.querySelectorAll(b);for(let r=0,o=t.length;r<o;r++){const o=t[r];o&&o.getAttribute(n)!==s&&(x(e,o),o.parentNode&&o.parentNode.removeChild(o))}})(this))}reconstructWithOptions(e,t=!0){return new A({...this.options,...e},this.gs,t&&this.names||void 0)}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({isServer:e,useCSSOMInjection:t,target:r})=>e?new class{rules;length;constructor(e){this.rules=[],this.length=0}insertRule(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)}deleteRule(e){this.rules.splice(e,1),this.length--}getRule(e){return e<this.length?this.rules[e]:""}}(r):t?new class{element;sheet;length;constructor(e){const t=this.element=k(e);t.appendChild(document.createTextNode("")),this.sheet=(e=>{if(e.sheet)return e.sheet;const{styleSheets:t}=document;for(let r=0,n=t.length;r<n;r++){const n=t[r];if(n.ownerNode===e)return n}throw p(17)})(t),this.length=0}insertRule(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}}deleteRule(e){this.sheet.deleteRule(e),this.length--}getRule(e){const t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""}}(r):new class{element;nodes;length;constructor(e){const t=this.element=k(e);this.nodes=t.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const r=document.createTextNode(t),n=this.nodes[e];return this.element.insertBefore(r,n||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e<this.length?this.nodes[e].textContent:""}}(r))(this.options),new class{groupSizes;length;tag;constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}indexOfGroup(e){let t=0;for(let r=0;r<e;r++)t+=this.groupSizes[r];return t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,r=t.length;let n=r;for(;e>=n;)if(n<<=1,n<0)throw p(16,`${e}`);this.groupSizes=new Uint32Array(n),this.groupSizes.set(t),this.length=n;for(let e=r;e<n;e++)this.groupSizes[e]=0}let r=this.indexOfGroup(e+1);if(Array.isArray(t))for(let n=0,s=t.length;n<s;n++)this.tag.insertRule(r,t[n])&&(this.groupSizes[e]++,r++);else this.tag.insertRule(r,t)&&this.groupSizes[e]++}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],r=this.indexOfGroup(e),n=r+t;this.groupSizes[e]=0;for(let e=r;e<n;e++)this.tag.deleteRule(r)}}getGroup(e){let t="";if(e>=this.length||0===this.groupSizes[e])return t;const r=this.groupSizes[e],n=this.indexOfGroup(e),s=n+r;for(let e=n;e<s;e++)t+=`${this.tag.getRule(e)}/*!sc*/\n`;return t}}(e)));var e}hasNameForId(e,t){return this.names.has(e)&&this.names.get(e).has(t)}registerName(e,t){if(g(e),this.names.has(e))this.names.get(e).add(t);else{const r=new Set;r.add(t),this.names.set(e,r)}}insertRules(e,t,r){this.registerName(e,t),this.getTag().insertRules(g(e),r)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(g(e)),this.clearNames(e)}clearTag(){this.tag=void 0}toString(){return(e=>{const t=e.getTag(),{length:r}=t;let s="";for(let o=0;o<r;o++){const r=y(o);if(void 0===r)continue;const i=e.names.get(r),a=t.getGroup(o);if(void 0===i||0===a.length)continue;const c=`${n}.g${o}[id="${r}"]`;let l="";void 0!==i&&i.forEach((e=>{e.length>0&&(l+=`${e},`)})),s+=`${a}${c}{content:"${l}"}/*!sc*/\n`}return s})(this)}}var P="-ms-",R="-moz-",O="-webkit-",E="comm",_="rule",T="decl",j="@keyframes",N=Math.abs,z=String.fromCharCode,D=Object.assign;function M(e){return e.trim()}function L(e,t){return(e=t.exec(e))?e[0]:e}function G(e,t,r){return e.replace(t,r)}function F(e,t){return e.indexOf(t)}function B(e,t){return 0|e.charCodeAt(t)}function H(e,t,r){return e.slice(t,r)}function W(e){return e.length}function Y(e){return e.length}function U(e,t){return t.push(e),e}var q=1,V=1,X=0,Z=0,K=0,J="";function Q(e,t,r,n,s,o,i){return{value:e,root:t,parent:r,type:n,props:s,children:o,line:q,column:V,length:i,return:""}}function ee(e,t){return D(Q("",null,null,"",null,null,0),e,{length:-e.length},t)}function te(){return K=Z>0?B(J,--Z):0,V--,10===K&&(V=1,q--),K}function re(){return K=Z<X?B(J,Z++):0,V++,10===K&&(V=1,q++),K}function ne(){return B(J,Z)}function se(){return Z}function oe(e,t){return H(J,e,t)}function ie(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 ae(e){return M(oe(Z-1,ue(91===e?e+2:40===e?e+1:e)))}function ce(e){for(;(K=ne())&&K<33;)re();return ie(e)>2||ie(K)>3?"":" "}function le(e,t){for(;--t&&re()&&!(K<48||K>102||K>57&&K<65||K>70&&K<97););return oe(e,se()+(t<6&&32==ne()&&32==re()))}function ue(e){for(;re();)switch(K){case e:return Z;case 34:case 39:34!==e&&39!==e&&ue(K);break;case 40:41===e&&ue(e);break;case 92:re()}return Z}function de(e,t){for(;re()&&e+K!==57&&(e+K!==84||47!==ne()););return"/*"+oe(t,Z-1)+"*"+z(47===e?e:re())}function pe(e){for(;!ie(ne());)re();return oe(e,Z)}function fe(e){return function(e){return J="",e}(he("",null,null,null,[""],e=function(e){return q=V=1,X=W(J=e),Z=0,[]}(e),0,[0],e))}function he(e,t,r,n,s,o,i,a,c){for(var l=0,u=0,d=i,p=0,f=0,h=0,m=1,g=1,y=1,S=0,b="",v=s,w=o,x=n,C=b;g;)switch(h=S,S=re()){case 40:if(108!=h&&58==C.charCodeAt(d-1)){-1!=F(C+=G(ae(S),"&","&\f"),"&\f")&&(y=-1);break}case 34:case 39:case 91:C+=ae(S);break;case 9:case 10:case 13:case 32:C+=ce(h);break;case 92:C+=le(se()-1,7);continue;case 47:switch(ne()){case 42:case 47:U(ge(de(re(),se()),t,r),c);break;default:C+="/"}break;case 123*m:a[l++]=W(C)*y;case 125*m:case 59:case 0:switch(S){case 0:case 125:g=0;case 59+u:f>0&&W(C)-d&&U(f>32?ye(C+";",n,r,d-1):ye(G(C," ","")+";",n,r,d-2),c);break;case 59:C+=";";default:if(U(x=me(C,t,r,l,u,s,a,b,v=[],w=[],d),o),123===S)if(0===u)he(C,t,x,x,v,o,d,a,w);else switch(p){case 100:case 109:case 115:he(e,x,x,n&&U(me(e,x,x,0,0,s,a,b,s,v=[],d),w),s,w,d,a,n?v:w);break;default:he(C,x,x,x,[""],w,0,a,w)}}l=u=f=0,m=y=1,b=C="",d=i;break;case 58:d=1+W(C),f=h;default:if(m<1)if(123==S)--m;else if(125==S&&0==m++&&125==te())continue;switch(C+=z(S),S*m){case 38:y=u>0?1:(C+="\f",-1);break;case 44:a[l++]=(W(C)-1)*y,y=1;break;case 64:45===ne()&&(C+=ae(re())),p=ne(),u=d=W(b=C+=pe(se())),S++;break;case 45:45===h&&2==W(C)&&(m=0)}}return o}function me(e,t,r,n,s,o,i,a,c,l,u){for(var d=s-1,p=0===s?o:[""],f=Y(p),h=0,m=0,g=0;h<n;++h)for(var y=0,S=H(e,d+1,d=N(m=i[h])),b=e;y<f;++y)(b=M(m>0?p[y]+" "+S:G(S,/&\f/g,p[y])))&&(c[g++]=b);return Q(e,t,r,0===s?_:a,c,l,u)}function ge(e,t,r){return Q(e,t,r,E,z(K),H(e,2,-2),0)}function ye(e,t,r,n){return Q(e,t,r,T,H(e,0,n),H(e,n+1,-1),n)}function Se(e,t,r){switch(function(e,t){return(((t<<2^B(e,0))<<2^B(e,1))<<2^B(e,2))<<2^B(e,3)}(e,t)){case 5103:return O+"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 O+e+e;case 4789:return R+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return O+e+R+e+P+e+e;case 6828:case 4268:return O+e+P+e+e;case 6165:return O+e+P+"flex-"+e+e;case 5187:return O+e+G(e,/(\w+).+(:[^]+)/,O+"box-$1$2"+P+"flex-$1$2")+e;case 5443:return O+e+P+"flex-item-"+G(e,/flex-|-self/g,"")+(L(e,/flex-|baseline/)?"":P+"grid-row-"+G(e,/flex-|-self/g,""))+e;case 4675:return O+e+P+"flex-line-pack"+G(e,/align-content|flex-|-self/g,"")+e;case 5548:return O+e+P+G(e,"shrink","negative")+e;case 5292:return O+e+P+G(e,"basis","preferred-size")+e;case 6060:return O+"box-"+G(e,"-grow","")+O+e+P+G(e,"grow","positive")+e;case 4554:return O+G(e,/([^-])(transform)/g,"$1"+O+"$2")+e;case 6187:return G(G(G(e,/(zoom-|grab)/,O+"$1"),/(image-set)/,O+"$1"),e,"")+e;case 5495:case 3959:return G(e,/(image-set\([^]*)/,O+"$1$`$1");case 4968:return G(G(e,/(.+:)(flex-)?(.*)/,O+"box-pack:$3"+P+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+O+e+e;case 4200:if(!L(e,/flex-|baseline/))return P+"grid-column-align"+H(e,t)+e;break;case 2592:case 3360:return P+G(e,"template-","")+e;case 4384:case 3616:return r&&r.some((function(e,r){return t=r,L(e.props,/grid-\w+-end/)}))?~F(e+(r=r[t].value),"span")?e:P+G(e,"-start","")+e+P+"grid-row-span:"+(~F(r,"span")?L(r,/\d+/):+L(r,/\d+/)-+L(e,/\d+/))+";":P+G(e,"-start","")+e;case 4896:case 4128:return r&&r.some((function(e){return L(e.props,/grid-\w+-start/)}))?e:P+G(G(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return G(e,/(.+)-inline(.+)/,O+"$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(W(e)-1-t>6)switch(B(e,t+1)){case 109:if(45!==B(e,t+4))break;case 102:return G(e,/(.+:)(.+)-([^]+)/,"$1"+O+"$2-$3$1"+R+(108==B(e,t+3)?"$3":"$2-$3"))+e;case 115:return~F(e,"stretch")?Se(G(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return G(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,r,n,s,o,i,a){return P+r+":"+n+a+(s?P+r+"-span:"+(o?i:+i-+n)+a:"")+e}));case 4949:if(121===B(e,t+6))return G(e,":",":"+O)+e;break;case 6444:switch(B(e,45===B(e,14)?18:11)){case 120:return G(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+O+(45===B(e,14)?"inline-":"")+"box$3$1"+O+"$2$3$1"+P+"$2box$3")+e;case 100:return G(e,":",":"+P)+e}break;case 5936:switch(B(e,t+11)){case 114:return O+e+P+G(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return O+e+P+G(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return O+e+P+G(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 2903:return O+e+P+e+e;case 5719:case 2647:case 2135:case 3927:case 2391:return G(e,"scroll-","scroll-snap-")+e}return e}function be(e,t){for(var r="",n=Y(e),s=0;s<n;s++)r+=t(e[s],s,e,t)||"";return r}function ve(e,t,r,n){switch(e.type){case"@import":case T:return e.return=e.return||e.value;case E:return"";case j:return e.return=e.value+"{"+be(e.children,n)+"}";case _:e.value=e.props.join(",")}return W(r=be(e.children,n))?e.return=e.value+"{"+r+"}":""}function we(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case T:return void(e.return=Se(e.value,e.length,r));case j:return be([ee(e,{value:G(e.value,"@","@"+O)})],n);case _:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,(function(t){switch(L(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return be([ee(e,{props:[G(t,/:(read-\w+)/,":-moz-$1")]})],n);case"::placeholder":return be([ee(e,{props:[G(t,/:(plac\w+)/,":"+O+"input-$1")]}),ee(e,{props:[G(t,/:(plac\w+)/,":-moz-$1")]}),ee(e,{props:[G(t,/:(plac\w+)/,P+"input-$1")]})],n)}return""}))}}const xe=(e,t)=>{let r=t.length;for(;r;)e=33*e^t.charCodeAt(--r);return e},Ce=e=>xe(5381,e),ke=/^\s*\/\/.*$/gm,$e=[":","[",".","#"];function Ie({options:e=d,plugins:t=u}=d){let r,n,s,o;const i=(e,t,s)=>0===t&&$e.includes(s[n.length])||s.match(o)?e:`.${r}`,a=e=>{if(e.type===_&&e.value.includes("&")){const t=e.props;t[0]=t[0].replace(s,i)}},c=(i,c="",l="",u="&")=>{let d=i.replace(ke,"");r=u,n=c,s=new RegExp(`\\${n}\\b`,"g"),o=new RegExp(`(\\${n}\\b){2,}`);const p=t.slice();return(e.prefix||void 0===e.prefix)&&p.unshift(we),p.push(a,ve),be(fe(l||c?`${l} ${c} { ${d} }`:d),function(e){var t=Y(e);return function(r,n,s,o){for(var i="",a=0;a<t;a++)i+=e[a](r,n,s,o)||"";return i}}(p))};return c.hash=t.length?t.reduce(((e,t)=>(t.name||p(15),xe(e,t.name))),5381).toString():"",c}const Ae=r.default.createContext(void 0),Pe=Ae.Consumer,Re=r.default.createContext(void 0);Re.Consumer;const Oe=new A,Ee=Ie();function _e(){return e.useContext(Ae)||Oe}function Te(){return e.useContext(Re)||Ee}function je(t){const[n,s]=e.useState(t.stylisPlugins),o=_e(),i=e.useMemo((()=>{let e=o;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]),a=e.useMemo((()=>Ie({options:{prefix:!t.disableVendorPrefixes},plugins:n})),[t.disableVendorPrefixes,n]);return e.useEffect((()=>{(function(e,t,r,n){var s=void 0;if(void 0!==s)return!!s;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1;var o=Object.keys(e),i=Object.keys(t);if(o.length!==i.length)return!1;for(var a=Object.prototype.hasOwnProperty.bind(t),c=0;c<o.length;c++){var l=o[c];if(!a(l))return!1;var u=e[l],d=t[l];if(!1===(s=void 0)||void 0===s&&u!==d)return!1}return!0})(n,t.stylisPlugins)||s(t.stylisPlugins)}),[t.stylisPlugins]),r.default.createElement(Ae.Provider,{value:i},r.default.createElement(Re.Provider,{value:a},t.children))}class Ne{id;name;rules;constructor(e,t){this.name=e,this.id=`sc-keyframes-${e}`,this.rules=t}inject=(e,t=Ee)=>{const r=this.name+t.hash;e.hasNameForId(this.id,r)||e.insertRules(this.id,r,t(this.rules,r,"@keyframes"))};toString=()=>{throw p(12,String(this.name))};getName(e=Ee){return this.name+e.hash}}function ze(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function De(e,t){return e(t={exports:{}},t.exports),t.exports}var Me=De((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}}));ze(Me),ze(De((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 Le=De((function(e){e.exports=Me}));function Ge(e){return e.displayName||e.name||"Component"}const Fe=/([A-Z])/,Be=/([A-Z])/g,He=/^ms-/,We=e=>`-${e.toLowerCase()}`;function Ye(e){return Fe.test(e)?e.replace(Be,We).replace(He,"-ms-"):e}function Ue(e){return"function"==typeof e}function qe(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function Ve(e){return"object"==typeof e&&"styledComponentId"in e}const Xe=e=>null==e||!1===e||""===e,Ze=(e,t)=>{const r=[];for(const t in e)e.hasOwnProperty(t)&&!Xe(e[t])&&(Array.isArray(e[t])&&e[t].isCss||Ue(e[t])?r.push(`${Ye(t)}:`,e[t],";"):qe(e[t])?r.push(...Ze(e[t],t)):r.push(`${Ye(t)}: ${n=t,s=e[t],null==s||"boolean"==typeof s||""===s?"":"number"!=typeof s||0===s||n in Le?String(s).trim():`${s}px`};`));var n,s;return t?[`${t} {`,...r,"}"]:r};function Ke(e,t,r,n){if(Array.isArray(e)){const s=[];for(let o,i=0,a=e.length;i<a;i+=1)o=Ke(e[i],t,r,n),""!==o&&(Array.isArray(o)?s.push(...o):s.push(o));return s}return Xe(e)?"":Ve(e)?`.${e.styledComponentId}`:Ue(e)?"function"!=typeof(s=e)||s.prototype&&s.prototype.isReactComponent||!t?e:Ke(e(t),t,r,n):e instanceof Ne?r?(e.inject(r,n),e.getName(n)):e:qe(e)?Ze(e):e.toString();var s}function Je(e){for(let t=0;t<e.length;t+=1){const r=e[t];if(Ue(r)&&!Ve(r))return!1}return!0}class Qe{componentId;isStatic;rules;constructor(e,t){this.rules=e,this.componentId=t,this.isStatic=Je(e),A.registerId(this.componentId+1)}createStyles(e,t,r,n){const s=n(Ke(this.rules,t,r,n).join(""),""),o=this.componentId+e;r.insertRules(o,o,s)}removeStyles(e,t){t.clearRules(this.componentId+e)}renderStyles(e,t,r,n){e>2&&A.registerId(this.componentId+e),this.removeStyles(e,r),this.createStyles(e,t,r,n)}}const et=r.default.createContext(void 0),tt=et.Consumer;function rt(e,t,r=d){return e.theme!==r.theme&&e.theme||t||r.theme}const nt=/(a)(d)/gi,st=e=>String.fromCharCode(e+(e>25?39:97));function ot(e){let t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=st(t%52)+r;return(st(t%52)+r).replace(nt,"$1-$2")}function it(e){return ot(Ce(e)>>>0)}function at(e,t){const r=[e[0]];for(let n=0,s=t.length;n<s;n+=1)r.push(t[n],e[n+1]);return r}const ct=e=>(Array.isArray(e)&&(e.isCss=!0),e);function lt(e,...t){if(Ue(e)||qe(e))return ct(Ke(at(u,[e,...t])));const r=e;return 0===t.length&&1===r.length&&"string"==typeof r[0]?r:ct(Ke(at(r,t)))}const ut="function"==typeof Symbol&&Symbol.for,dt=ut?Symbol.for("react.memo"):60115,pt=ut?Symbol.for("react.forward_ref"):60112,ft={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},ht={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},mt={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},gt={[pt]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[dt]:mt};function yt(e){return("type"in(t=e)&&t.type.$$typeof)===dt?mt:"$$typeof"in e?gt[e.$$typeof]:ft;var t}const St=Object.defineProperty,bt=Object.getOwnPropertyNames,vt=Object.getOwnPropertySymbols,wt=Object.getOwnPropertyDescriptor,xt=Object.getPrototypeOf,Ct=Object.prototype;function kt(e,t,r){if("string"!=typeof t){if(Ct){const n=xt(t);n&&n!==Ct&&kt(e,n,r)}let n=bt(t);vt&&(n=n.concat(vt(t)));const s=yt(e),o=yt(t);for(let i=0;i<n.length;++i){const a=n[i];if(!(a in ht||r&&r[a]||o&&a in o||s&&a in s)){const r=wt(t,a);try{St(e,a,r)}catch(e){}}}}return e}const $t={StyleSheet:A,mainSheet:Oe};var It=Object.freeze({__proto__:null,createGlobalStyle:function(e,...t){const n=lt(e,...t),s=`sc-global-${it(JSON.stringify(n))}`,o=new Qe(n,s),i=e=>{const t=_e(),n=Te(),i=r.default.useContext(et),c=r.default.useRef(t.allocateGSInstance(s)).current;return t.server&&a(c,e,t,i,n),(r.default.useInsertionEffect||r.default.useLayoutEffect)((()=>{if(!t.server)return a(c,e,t,i,n),()=>o.removeStyles(c,t)}),[c,e,t,i,n]),null};function a(e,t,r,n,s){if(o.isStatic)o.renderStyles(e,l,r,s);else{const a={...t,theme:rt(t,n,i.defaultProps)};o.renderStyles(e,a,r,s)}}return r.default.memo(i)},css:lt,isStyledComponent:Ve,keyframes:function(e,...t){const r=lt(e,...t).join(""),n=it(r);return new Ne(n,r)},ServerStyleSheet:class{instance;sealed;constructor(){this.instance=new A({isServer:!0}),this.sealed=!1}_emitSheetCSS=()=>{const e=this.instance.toString(),t=C();return`<style ${[t&&`nonce="${t}"`,`${n}="true"`,`${o}="6.0.0-alpha.7"`].filter(Boolean).join(" ")}>${e}</style>`};collectStyles(e){if(this.sealed)throw p(2);return r.default.createElement(je,{sheet:this.instance},e)}getStyleTags=()=>{if(this.sealed)throw p(2);return this._emitSheetCSS()};getStyleElement=()=>{if(this.sealed)throw p(2);const e={[n]:"",[o]:i,dangerouslySetInnerHTML:{__html:this.instance.toString()}},t=C();return t&&(e.nonce=t),[r.default.createElement("style",{...e,key:"sc-0-0"})]};interleaveWithNodeStream(e){throw p(3)}seal=()=>{this.sealed=!0}},StyleSheetConsumer:Pe,StyleSheetContext:Ae,StyleSheetManager:je,ThemeConsumer:tt,ThemeContext:et,ThemeProvider:function(t){const n=e.useContext(et),s=e.useMemo((()=>function(e,t){if(!e)throw p(14);if(Ue(e))return e(t);if(Array.isArray(e)||"object"!=typeof e)throw p(8);return t?{...t,...e}:e}(t.theme,n)),[t.theme,n]);return t.children?r.default.createElement(et.Provider,{value:s},t.children):null},useTheme:()=>e.useContext(et),version:i,withTheme:function(e){const t=r.default.forwardRef(((t,n)=>{const s=rt(t,r.default.useContext(et),e.defaultProps);return r.default.createElement(e,{...t,theme:s,ref:n})}));return t.displayName=`WithTheme(${Ge(e)})`,kt(t,e)},__PRIVATE__:$t});function At(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var Pt=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Rt=At((function(e){return Pt.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),Ot=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"];const Et=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,_t=/(^-|-$)/g;function Tt(e){return e.replace(Et,"-").replace(_t,"")}function jt(e){return"string"==typeof e&&!0}function Nt(e){return jt(e)?`styled.${e}`:`Styled(${Ge(e)})`}function zt(e,t){return e&&t?`${e} ${t}`:e||t}function Dt(e,t,r=!1){if(!r&&!qe(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let r=0;r<t.length;r++)e[r]=Dt(e[r],t[r]);else if(qe(t))for(const r in t)e[r]=Dt(e[r],t[r]);return e}const Mt=Ce(i);class Lt{baseHash;baseStyle;componentId;isStatic;rules;staticRulesId;constructor(e,t,r){this.rules=e,this.staticRulesId="",this.isStatic=(void 0===r||r.isStatic)&&Je(e),this.componentId=t,this.baseHash=xe(Mt,t),this.baseStyle=r,A.registerId(t)}generateAndInjectStyles(e,t,r){const{componentId:n}=this,s=[];if(this.baseStyle&&s.push(this.baseStyle.generateAndInjectStyles(e,t,r)),this.isStatic&&!r.hash)if(this.staticRulesId&&t.hasNameForId(n,this.staticRulesId))s.push(this.staticRulesId);else{const o=Ke(this.rules,e,t,r).join(""),i=ot(xe(this.baseHash,o)>>>0);if(!t.hasNameForId(n,i)){const e=r(o,`.${i}`,void 0,n);t.insertRules(n,i,e)}s.push(i),this.staticRulesId=i}else{const{length:o}=this.rules;let i=xe(this.baseHash,r.hash),a="";for(let n=0;n<o;n++){const s=this.rules[n];if("string"==typeof s)a+=s;else if(s){const o=Ke(s,e,t,r),c=Array.isArray(o)?o.join(""):o;i=xe(i,c+n),a+=c}}if(a){const e=ot(i>>>0);if(!t.hasNameForId(n,e)){const s=r(a,`.${e}`,void 0,n);t.insertRules(n,e,s)}s.push(e)}}return s.join(" ")}}const Gt={};function Ft(e,t){const r="string"!=typeof e?"sc":Tt(e);Gt[r]=(Gt[r]||0)+1;const n=`${r}-${it(i+r+Gt[r])}`;return t?`${t}-${n}`:n}function Bt(t,n,s){const o=Ve(t),i=t,a=!jt(t),{attrs:c=u,componentId:l=Ft(n.displayName,n.parentComponentId),displayName:p=Nt(t)}=n,f=n.displayName&&n.componentId?`${Tt(n.displayName)}-${n.componentId}`:n.componentId||l,h=o&&i.attrs?i.attrs.concat(c).filter(Boolean):c;let{shouldForwardProp:m}=n;if(o&&i.shouldForwardProp){const e=i.shouldForwardProp;if(n.shouldForwardProp){const t=n.shouldForwardProp;m=(r,n,s)=>e(r,n,s)&&t(r,n,s)}else m=e}const g=new Lt(s,f,o?i.componentStyle:void 0),y=g.isStatic&&0===c.length;function S(t,r){return function(t,r,n,s){const{attrs:o,componentStyle:i,defaultProps:a,foldedComponentIds:c,shouldForwardProp:l,styledComponentId:u,target:p}=t,f=rt(r,e.useContext(et),a),[h,m]=function(e=d,t,r){const n={...t,theme:e},s={};return r.forEach((e=>{const t="function"==typeof e?e(n):e;let r;for(r in t)n[r]=s[r]="className"===r?zt(s[r],t[r]):t[r]})),[n,s]}(f||d,r,o),g=function(e,t,r,n){const s=_e(),o=Te();return t?e.generateAndInjectStyles(d,s,o):e.generateAndInjectStyles(r,s,o)}(i,s,h),y=n,S=m.$as||r.$as||m.as||r.as||p,b=jt(S),v=m!==r?{...r,...m}:r,w={};for(const e in v)"$"!==e[0]&&"as"!==e&&("forwardedAs"===e?w.as=v[e]:(l?l(e,Rt,S):!b||Rt(e))&&(w[e]=v[e]));return r.style&&m.style!==r.style&&(w.style={...r.style,...m.style}),w[b&&-1===Ot.indexOf(S)?"class":"className"]=c.concat(u,g!==u?g:null,r.className,m.className).filter(Boolean).join(" "),w.ref=y,e.createElement(S,w)}(b,t,r,y)}S.displayName=p;let b=r.default.forwardRef(S);return b.attrs=h,b.componentStyle=g,b.displayName=p,b.shouldForwardProp=m,b.foldedComponentIds=o?i.foldedComponentIds.concat(i.styledComponentId):u,b.styledComponentId=f,b.target=o?i.target:t,b.withComponent=function(e){const{componentId:t,...r}=n,o=t&&`${t}-${jt(e)?e:Tt(Ge(e))}`;return Bt(e,{...r,attrs:h,componentId:o},s)},Object.defineProperty(b,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=o?function(e={},...t){for(const r of t)Dt(e,r,!0);return e}({},i.defaultProps,e):e}}),b.toString=()=>`.${b.styledComponentId}`,a&&kt(b,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),b}function Ht(e,t,r=d){if(!t)throw p(1,t);const n=(n,...s)=>e(t,r,lt(n,...s));return n.attrs=n=>Ht(e,t,{...r,attrs:Array.prototype.concat(r.attrs,n).filter(Boolean)}),n.withConfig=n=>Ht(e,t,{...r,...n}),n}const Wt=e=>Ht(Bt,e),Yt=Wt;Ot.forEach((e=>{Yt[e]=Wt(e)}));for(const e in It)Yt[e]=It[e];return Yt})); | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):(e=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 r=/*#__PURE__*/t(e),n="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",o="active",i="data-styled-version",a="6.0.0-beta.0",s="/*!sc*/\n",c="undefined"!=typeof window&&"HTMLElement"in window,u=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),l={},f=function(){return(f=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function p(e,t,r){if(r||2===arguments.length)for(var n,o=0,i=t.length;o<i;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}var d=Object.freeze([]),h=Object.freeze({});function g(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):""))}var m=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,r=0;r<e;r++)t+=this.groupSizes[r];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var r=this.groupSizes,n=r.length,o=n;e>=o;)if((o<<=1)<0)throw g(16,"".concat(e));this.groupSizes=new Uint32Array(o),this.groupSizes.set(r),this.length=o;for(var i=n;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],r=this.indexOfGroup(e),n=r+t;this.groupSizes[e]=0;for(var o=r;o<n;o++)this.tag.deleteRule(r)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var r=this.groupSizes[e],n=this.indexOfGroup(e),o=n+r,i=n;i<o;i++)t+="".concat(this.tag.getRule(i)).concat(s);return t},e}(),y=new Map,v=new Map,S=1,b=function(e){if(y.has(e))return y.get(e);for(;v.has(S);)S++;var t=S++;return y.set(e,t),v.set(t,e),t},w=function(e,t){y.set(e,t),v.set(t,e)},x="style[".concat(n,"][").concat(i,'="').concat(a,'"]'),C=new RegExp("^".concat(n,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),k=function(e,t,r){for(var n,o=r.split(","),i=0,a=o.length;i<a;i++)(n=o[i])&&e.registerName(t,n)},P=function(e,t){for(var r,n=(null!==(r=t.textContent)&&void 0!==r?r:"").split(s),o=[],i=0,a=n.length;i<a;i++){var c=n[i].trim();if(c){var u=c.match(C);if(u){var l=0|parseInt(u[1],10),f=u[2];0!==l&&(w(f,l),k(e,f,u[3]),e.getTag().insertRules(l,o)),o.length=0}else o.push(c)}}};function A(){return"undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null}var I=function(e){var t=document.head,r=e||t,s=document.createElement("style"),c=function(e){for(var t=e.childNodes,r=t.length;r>=0;r--){var o=t[r];if(o&&1===o.nodeType&&o.hasAttribute(n))return o}}(r),u=void 0!==c?c.nextSibling:null;s.setAttribute(n,o),s.setAttribute(i,a);var l=A();return l&&s.setAttribute("nonce",l),r.insertBefore(s,u),s},O=function(){function e(e){var t=this.element=I(e);t.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,r=0,n=t.length;r<n;r++){var o=t[r];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}(),R=function(){function e(e){var t=this.element=I(e);this.nodes=t.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var r=document.createTextNode(t);return this.element.insertBefore(r,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}(),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}(),_=c,j={isServer:!c,useCSSOMInjection:!u},T=function(){function e(e,t,r){void 0===e&&(e=h),void 0===t&&(t={}),this.options=f(f({},j),e),this.gs=t,this.names=new Map(r),this.server=!!e.isServer,!this.server&&c&&_&&(_=!1,function(e){for(var t=document.querySelectorAll(x),r=0,i=t.length;r<i;r++){var a=t[r];a&&a.getAttribute(n)!==o&&(P(e,a),a.parentNode&&a.parentNode.removeChild(a))}}(this))}return e.registerId=function(e){return b(e)},e.prototype.reconstructWithOptions=function(t,r){return void 0===r&&(r=!0),new e(f(f({},this.options),t),this.gs,r&&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.useCSSOMInjection,r=e.target;return e.isServer?new E(r):t?new O(r):new R(r)}(this.options),new m(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(b(e),this.names.has(e))this.names.get(e).add(t);else{var r=new Set;r.add(t),this.names.set(e,r)}},e.prototype.insertRules=function(e,t,r){this.registerName(e,t),this.getTag().insertRules(b(e),r)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(b(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e.prototype.toString=function(){return function(e){for(var t=e.getTag(),r=t.length,o="",i=function(r){var i=function(e){return v.get(e)}(r);if(void 0===i)return"continue";var a=e.names.get(i),c=t.getGroup(r);if(void 0===a||0===c.length)return"continue";var u="".concat(n,".g").concat(r,'[id="').concat(i,'"]'),l="";void 0!==a&&a.forEach(function(e){e.length>0&&(l+="".concat(e,","))}),o+="".concat(c).concat(u,'{content:"').concat(l,'"}').concat(s)},a=0;a<r;a++)i(a);return o}(this)},e}(),$="-ms-",N="-moz-",D="-webkit-",z="comm",M="rule",L="decl",G="@keyframes",F=Math.abs,B=String.fromCharCode,H=Object.assign;function W(e){return e.trim()}function Y(e,t){return(e=t.exec(e))?e[0]:e}function U(e,t,r){return e.replace(t,r)}function q(e,t){return e.indexOf(t)}function V(e,t){return 0|e.charCodeAt(t)}function X(e,t,r){return e.slice(t,r)}function Z(e){return e.length}function K(e){return e.length}function J(e,t){return t.push(e),e}var Q=1,ee=1,te=0,re=0,ne=0,oe="";function ie(e,t,r,n,o,i,a){return{value:e,root:t,parent:r,type:n,props:o,children:i,line:Q,column:ee,length:a,return:""}}function ae(e,t){return H(ie("",null,null,"",null,null,0),e,{length:-e.length},t)}function se(){return ne=re>0?V(oe,--re):0,ee--,10===ne&&(ee=1,Q--),ne}function ce(){return ne=re<te?V(oe,re++):0,ee++,10===ne&&(ee=1,Q++),ne}function ue(){return V(oe,re)}function le(){return re}function fe(e,t){return X(oe,e,t)}function pe(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 de(e){return W(fe(re-1,me(91===e?e+2:40===e?e+1:e)))}function he(e){for(;(ne=ue())&&ne<33;)ce();return pe(e)>2||pe(ne)>3?"":" "}function ge(e,t){for(;--t&&ce()&&!(ne<48||ne>102||ne>57&&ne<65||ne>70&&ne<97););return fe(e,le()+(t<6&&32==ue()&&32==ce()))}function me(e){for(;ce();)switch(ne){case e:return re;case 34:case 39:34!==e&&39!==e&&me(ne);break;case 40:41===e&&me(e);break;case 92:ce()}return re}function ye(e,t){for(;ce()&&e+ne!==57&&(e+ne!==84||47!==ue()););return"/*"+fe(t,re-1)+"*"+B(47===e?e:ce())}function ve(e){for(;!pe(ue());)ce();return fe(e,re)}function Se(e){return function(e){return oe="",e}(be("",null,null,null,[""],e=function(e){return Q=ee=1,te=Z(oe=e),re=0,[]}(e),0,[0],e))}function be(e,t,r,n,o,i,a,s,c){for(var u=0,l=0,f=a,p=0,d=0,h=0,g=1,m=1,y=1,v=0,S="",b=o,w=i,x=n,C=S;m;)switch(h=v,v=ce()){case 40:if(108!=h&&58==C.charCodeAt(f-1)){-1!=q(C+=U(de(v),"&","&\f"),"&\f")&&(y=-1);break}case 34:case 39:case 91:C+=de(v);break;case 9:case 10:case 13:case 32:C+=he(h);break;case 92:C+=ge(le()-1,7);continue;case 47:switch(ue()){case 42:case 47:J(xe(ye(ce(),le()),t,r),c);break;default:C+="/"}break;case 123*g:s[u++]=Z(C)*y;case 125*g:case 59:case 0:switch(v){case 0:case 125:m=0;case 59+l:d>0&&Z(C)-f&&J(d>32?Ce(C+";",n,r,f-1):Ce(U(C," ","")+";",n,r,f-2),c);break;case 59:C+=";";default:if(J(x=we(C,t,r,u,l,o,s,S,b=[],w=[],f),i),123===v)if(0===l)be(C,t,x,x,b,i,f,s,w);else switch(p){case 100:case 109:case 115:be(e,x,x,n&&J(we(e,x,x,0,0,o,s,S,o,b=[],f),w),o,w,f,s,n?b:w);break;default:be(C,x,x,x,[""],w,0,s,w)}}u=l=d=0,g=y=1,S=C="",f=a;break;case 58:f=1+Z(C),d=h;default:if(g<1)if(123==v)--g;else if(125==v&&0==g++&&125==se())continue;switch(C+=B(v),v*g){case 38:y=l>0?1:(C+="\f",-1);break;case 44:s[u++]=(Z(C)-1)*y,y=1;break;case 64:45===ue()&&(C+=de(ce())),p=ue(),l=f=Z(S=C+=ve(le())),v++;break;case 45:45===h&&2==Z(C)&&(g=0)}}return i}function we(e,t,r,n,o,i,a,s,c,u,l){for(var f=o-1,p=0===o?i:[""],d=K(p),h=0,g=0,m=0;h<n;++h)for(var y=0,v=X(e,f+1,f=F(g=a[h])),S=e;y<d;++y)(S=W(g>0?p[y]+" "+v:U(v,/&\f/g,p[y])))&&(c[m++]=S);return ie(e,t,r,0===o?M:s,c,u,l)}function xe(e,t,r){return ie(e,t,r,z,B(ne),X(e,2,-2),0)}function Ce(e,t,r,n){return ie(e,t,r,L,X(e,0,n),X(e,n+1,-1),n)}function ke(e,t,r){switch(function(e,t){return(((t<<2^V(e,0))<<2^V(e,1))<<2^V(e,2))<<2^V(e,3)}(e,t)){case 5103:return D+"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 D+e+e;case 4789:return N+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return D+e+N+e+$+e+e;case 6828:case 4268:return D+e+$+e+e;case 6165:return D+e+$+"flex-"+e+e;case 5187:return D+e+U(e,/(\w+).+(:[^]+)/,D+"box-$1$2"+$+"flex-$1$2")+e;case 5443:return D+e+$+"flex-item-"+U(e,/flex-|-self/g,"")+(Y(e,/flex-|baseline/)?"":$+"grid-row-"+U(e,/flex-|-self/g,""))+e;case 4675:return D+e+$+"flex-line-pack"+U(e,/align-content|flex-|-self/g,"")+e;case 5548:return D+e+$+U(e,"shrink","negative")+e;case 5292:return D+e+$+U(e,"basis","preferred-size")+e;case 6060:return D+"box-"+U(e,"-grow","")+D+e+$+U(e,"grow","positive")+e;case 4554:return D+U(e,/([^-])(transform)/g,"$1"+D+"$2")+e;case 6187:return U(U(U(e,/(zoom-|grab)/,D+"$1"),/(image-set)/,D+"$1"),e,"")+e;case 5495:case 3959:return U(e,/(image-set\([^]*)/,D+"$1$`$1");case 4968:return U(U(e,/(.+:)(flex-)?(.*)/,D+"box-pack:$3"+$+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+D+e+e;case 4200:if(!Y(e,/flex-|baseline/))return $+"grid-column-align"+X(e,t)+e;break;case 2592:case 3360:return $+U(e,"template-","")+e;case 4384:case 3616:return r&&r.some(function(e,r){return t=r,Y(e.props,/grid-\w+-end/)})?~q(e+(r=r[t].value),"span")?e:$+U(e,"-start","")+e+$+"grid-row-span:"+(~q(r,"span")?Y(r,/\d+/):+Y(r,/\d+/)-+Y(e,/\d+/))+";":$+U(e,"-start","")+e;case 4896:case 4128:return r&&r.some(function(e){return Y(e.props,/grid-\w+-start/)})?e:$+U(U(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return U(e,/(.+)-inline(.+)/,D+"$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(Z(e)-1-t>6)switch(V(e,t+1)){case 109:if(45!==V(e,t+4))break;case 102:return U(e,/(.+:)(.+)-([^]+)/,"$1"+D+"$2-$3$1"+N+(108==V(e,t+3)?"$3":"$2-$3"))+e;case 115:return~q(e,"stretch")?ke(U(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return U(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(t,r,n,o,i,a,s){return $+r+":"+n+s+(o?$+r+"-span:"+(i?a:+a-+n)+s:"")+e});case 4949:if(121===V(e,t+6))return U(e,":",":"+D)+e;break;case 6444:switch(V(e,45===V(e,14)?18:11)){case 120:return U(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+D+(45===V(e,14)?"inline-":"")+"box$3$1"+D+"$2$3$1"+$+"$2box$3")+e;case 100:return U(e,":",":"+$)+e}break;case 5936:switch(V(e,t+11)){case 114:return D+e+$+U(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return D+e+$+U(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return D+e+$+U(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 2903:return D+e+$+e+e;case 5719:case 2647:case 2135:case 3927:case 2391:return U(e,"scroll-","scroll-snap-")+e}return e}function Pe(e,t){for(var r="",n=K(e),o=0;o<n;o++)r+=t(e[o],o,e,t)||"";return r}function Ae(e,t,r,n){switch(e.type){case"@import":case L:return e.return=e.return||e.value;case z:return"";case G:return e.return=e.value+"{"+Pe(e.children,n)+"}";case M:e.value=e.props.join(",")}return Z(r=Pe(e.children,n))?e.return=e.value+"{"+r+"}":""}function Ie(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case L:return void(e.return=ke(e.value,e.length,r));case G:return Pe([ae(e,{value:U(e.value,"@","@"+D)})],n);case M:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,function(t){switch(Y(t,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Pe([ae(e,{props:[U(t,/:(read-\w+)/,":-moz-$1")]})],n);case"::placeholder":return Pe([ae(e,{props:[U(t,/:(plac\w+)/,":"+D+"input-$1")]}),ae(e,{props:[U(t,/:(plac\w+)/,":-moz-$1")]}),ae(e,{props:[U(t,/:(plac\w+)/,$+"input-$1")]})],n)}return""})}}var Oe=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},Re=function(e){return Oe(5381,e)},Ee=/^\s*\/\/.*$/gm,_e=[":","[",".","#"];function je(e){var t,r,n,o,i=void 0===e?h:e,a=i.options,s=void 0===a?h:a,c=i.plugins,u=void 0===c?d:c,l=function(e,n,i){return 0===n&&_e.includes(i[r.length])||i.match(o)?e:".".concat(t)},f=function(e){if(e.type===M&&e.value.includes("&")){var t=e.props;t[0]=t[0].replace(n,l)}},p=function(e,i,a,c){void 0===i&&(i=""),void 0===a&&(a=""),void 0===c&&(c="&");var l=e.replace(Ee,"");t=c,r=i,n=new RegExp("\\".concat(r,"\\b"),"g"),o=new RegExp("(\\".concat(r,"\\b){2,}"));var p=u.slice();return(s.prefix||void 0===s.prefix)&&p.unshift(Ie),p.push(f,Ae),Pe(Se(a||i?"".concat(a," ").concat(i," { ").concat(l," }"):l),function(e){var t=K(e);return function(r,n,o,i){for(var a="",s=0;s<t;s++)a+=e[s](r,n,o,i)||"";return a}}(p))};return p.hash=u.length?u.reduce(function(e,t){return t.name||g(15),Oe(e,t.name)},5381).toString():"",p}var Te=r.default.createContext(void 0),$e=Te.Consumer,Ne=r.default.createContext(void 0),De=new T,ze=je();function Me(){return e.useContext(Te)||De}function Le(){return e.useContext(Ne)||ze}function Ge(t){var n=e.useState(t.stylisPlugins),o=n[0],i=n[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 je({options:{prefix:!t.disableVendorPrefixes},plugins:o})},[t.disableVendorPrefixes,o]);return e.useEffect(function(){(function(e,t,r,n){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 u=i[c];if(!s(u))return!1;if(!1===(o=void 0)||void 0===o&&e[u]!==t[u])return!1}return!0})(o,t.stylisPlugins)||i(t.stylisPlugins)},[t.stylisPlugins]),r.default.createElement(Te.Provider,{value:s},r.default.createElement(Ne.Provider,{value:c},t.children))}var Fe=function(){function e(e,t){var r=this;this.inject=function(e,t){void 0===t&&(t=ze);var n=r.name+t.hash;e.hasNameForId(r.id,n)||e.insertRules(r.id,n,t(r.rules,n,"@keyframes"))},this.toString=function(){throw g(12,String(r.name))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t}return e.prototype.getName=function(e){return void 0===e&&(e=ze),this.name+e.hash},e}();function Be(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function He(e,t){return e(t={exports:{}},t.exports),t.exports}var We=He(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}});Be(We),Be(He(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 Ye=He(function(e){e.exports=We});function Ue(e){return e.displayName||e.name||"Component"}var qe=/([A-Z])/,Ve=/([A-Z])/g,Xe=/^ms-/,Ze=function(e){return"-".concat(e.toLowerCase())};function Ke(e){return qe.test(e)?e.replace(Ve,Ze).replace(Xe,"-ms-"):e}function Je(e){return"function"==typeof e}function Qe(e){return!(null===e||"object"!=typeof e||e.constructor&&"Object"!==e.constructor.name||"[object Object]"!==(e.toString?e.toString():Object.prototype.toString.call(e))||"props"in e&&(e.$$typeof||void 0===e.constructor))}function et(e){return"object"==typeof e&&"styledComponentId"in e}var tt=function(e){return null==e||!1===e||""===e},rt=function(e,t){var r,n=[];for(var o in e)e.hasOwnProperty(o)&&!tt(e[o])&&(Array.isArray(e[o])&&e[o].isCss||Je(e[o])?n.push("".concat(Ke(o),":"),e[o],";"):Qe(e[o])?n.push.apply(n,rt(e[o],o)):n.push("".concat(Ke(o),": ").concat(null==(r=e[o])||"boolean"==typeof r||""===r?"":"number"!=typeof r||0===r||o in Ye?String(r).trim():"".concat(r,"px"),";")));return t?p(p(["".concat(t," {")],n,!0),["}"],!1):n};function nt(e,t,r,n){if(Array.isArray(e)){for(var o=[],i=0,a=e.length,s=void 0;i<a;i+=1)""!==(s=nt(e[i],t,r,n))&&(Array.isArray(s)?o.push.apply(o,s):o.push(s));return o}return tt(e)?"":et(e)?".".concat(e.styledComponentId):Je(e)?"function"!=typeof(c=e)||c.prototype&&c.prototype.isReactComponent||!t?e:nt(s=e(t),t,r,n):e instanceof Fe?r?(e.inject(r,n),e.getName(n)):e:Qe(e)?rt(e):e.toString();var c}function ot(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(Je(r)&&!et(r))return!1}return!0}var it=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=ot(e),T.registerId(this.componentId+1)}return e.prototype.createStyles=function(e,t,r,n){var o=n(nt(this.rules,t,r,n).join(""),""),i=this.componentId+e;r.insertRules(i,i,o)},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e)},e.prototype.renderStyles=function(e,t,r,n){e>2&&T.registerId(this.componentId+e),this.removeStyles(e,r),this.createStyles(e,t,r,n)},e}(),at=r.default.createContext(void 0),st=at.Consumer;function ct(e,t,r){return void 0===r&&(r=h),e.theme!==r.theme&&e.theme||t||r.theme}var ut=/(a)(d)/gi,lt=function(e){return String.fromCharCode(e+(e>25?39:97))};function ft(e){var t,r="";for(t=Math.abs(e);t>52;t=t/52|0)r=lt(t%52)+r;return(lt(t%52)+r).replace(ut,"$1-$2")}function pt(e){return ft(Re(e)>>>0)}function dt(e,t){for(var r=[e[0]],n=0,o=t.length;n<o;n+=1)r.push(t[n],e[n+1]);return r}var ht,gt=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function mt(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(Je(e)||Qe(e)){var n=e;return gt(nt(dt(d,p([n],t,!0))))}var o=e;return 0===t.length&&1===o.length&&"string"==typeof o[0]?o:gt(nt(dt(o,t)))}var yt="function"==typeof Symbol&&Symbol.for,vt=yt?Symbol.for("react.memo"):60115,St=yt?Symbol.for("react.forward_ref"):60112,bt={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},wt={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},xt={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Ct=((ht={})[St]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},ht[vt]=xt,ht);function kt(e){return("type"in(t=e)&&t.type.$$typeof)===vt?xt:"$$typeof"in e?Ct[e.$$typeof]:bt;var t}var Pt=Object.defineProperty,At=Object.getOwnPropertyNames,It=Object.getOwnPropertySymbols,Ot=Object.getOwnPropertyDescriptor,Rt=Object.getPrototypeOf,Et=Object.prototype;function _t(e,t,r){if("string"!=typeof t){if(Et){var n=Rt(t);n&&n!==Et&&_t(e,n,r)}var o=At(t);It&&(o=o.concat(It(t)));for(var i=kt(e),a=kt(t),s=0;s<o.length;++s){var c=o[s];if(!(c in wt||r&&r[c]||a&&c in a||i&&c in i)){var u=Ot(t,c);try{Pt(e,c,u)}catch(e){}}}}return e}var jt=function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString(),r=A(),o=[r&&'nonce="'.concat(r,'"'),"".concat(n,'="true"'),"".concat(i,'="').concat(a,'"')].filter(Boolean).join(" ");return"<style ".concat(o,">").concat(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={})[n]="",t[i]=a,t.dangerouslySetInnerHTML={__html:e.instance.toString()},t),s=A();return s&&(o.nonce=s),[r.default.createElement("style",f({},o,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new T({isServer:!0}),this.sealed=!1}return e.prototype.collectStyles=function(e){if(this.sealed)throw g(2);return r.default.createElement(Ge,{sheet:this.instance},e)},e.prototype.interleaveWithNodeStream=function(e){throw g(3)},e}(),Tt=/*#__PURE__*/Object.freeze({__proto__:null,createGlobalStyle:function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];var o=mt.apply(void 0,p([e],t,!1)),i="sc-global-".concat(pt(JSON.stringify(o))),a=new it(o,i),s=function(e){var t=Me(),n=Le(),o=r.default.useContext(at),s=r.default.useRef(t.allocateGSInstance(i)).current;return t.server&&c(s,e,t,o,n),(r.default.useInsertionEffect||r.default.useLayoutEffect)(function(){if(!t.server)return c(s,e,t,o,n),function(){return a.removeStyles(s,t)}},[s,e,t,o,n]),null};function c(e,t,r,n,o){if(a.isStatic)a.renderStyles(e,l,r,o);else{var i=f(f({},t),{theme:ct(t,n,s.defaultProps)});a.renderStyles(e,i,r,o)}}return r.default.memo(s)},css:mt,isStyledComponent:et,keyframes:function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];var n=mt.apply(void 0,p([e],t,!1)).join(""),o=pt(n);return new Fe(o,n)},ServerStyleSheet:jt,StyleSheetConsumer:$e,StyleSheetContext:Te,StyleSheetManager:Ge,ThemeConsumer:st,ThemeContext:at,ThemeProvider:function(t){var n=e.useContext(at),o=e.useMemo(function(){return function(e,t){if(!e)throw g(14);if(Je(e))return e(t);if(Array.isArray(e)||"object"!=typeof e)throw g(8);return t?f(f({},t),e):e}(t.theme,n)},[t.theme,n]);return t.children?r.default.createElement(at.Provider,{value:o},t.children):null},useTheme:function(){return e.useContext(at)},version:a,withTheme:function(e){var t=r.default.forwardRef(function(t,n){var o=ct(t,r.default.useContext(at),e.defaultProps);return r.default.createElement(e,f({},t,{theme:o,ref:n}))});return t.displayName="WithTheme(".concat(Ue(e),")"),_t(t,e)},__PRIVATE__:{StyleSheet:T,mainSheet:De}});function $t(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var Nt=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Dt=/* #__PURE__ */$t(function(e){return Nt.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}),zt=["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"],Mt=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Lt=/(^-|-$)/g;function Gt(e){return e.replace(Mt,"-").replace(Lt,"")}function Ft(e){return"string"==typeof e&&!0}function Bt(e,t){return e&&t?"".concat(e," ").concat(t):e||t}function Ht(e,t,r){if(void 0===r&&(r=!1),!r&&!Qe(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var n=0;n<t.length;n++)e[n]=Ht(e[n],t[n]);else if(Qe(t))for(var n in t)e[n]=Ht(e[n],t[n]);return e}var Wt=Re(a),Yt=function(){function e(e,t,r){this.rules=e,this.staticRulesId="",this.isStatic=(void 0===r||r.isStatic)&&ot(e),this.componentId=t,this.baseHash=Oe(Wt,t),this.baseStyle=r,T.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,r){var n=this.componentId,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,r)),this.isStatic&&!r.hash)if(this.staticRulesId&&t.hasNameForId(n,this.staticRulesId))o.push(this.staticRulesId);else{var i=nt(this.rules,e,t,r).join(""),a=ft(Oe(this.baseHash,i)>>>0);if(!t.hasNameForId(n,a)){var s=r(i,".".concat(a),void 0,n);t.insertRules(n,a,s)}o.push(a),this.staticRulesId=a}else{for(var c=this.rules.length,u=Oe(this.baseHash,r.hash),l="",f=0;f<c;f++){var p=this.rules[f];if("string"==typeof p)l+=p;else if(p){var d=nt(p,e,t,r),h=Array.isArray(d)?d.join(""):d;u=Oe(u,h+f),l+=h}}if(l){var g=ft(u>>>0);if(!t.hasNameForId(n,g)){var m=r(l,".".concat(g),void 0,n);t.insertRules(n,g,m)}o.push(g)}}return o.join(" ")},e}(),Ut={};function qt(t,n,o){var i=et(t),s=t,c=!Ft(t),u=n.attrs,l=void 0===u?d:u,p=n.componentId,g=void 0===p?function(e,t){var r="string"!=typeof e?"sc":Gt(e);Ut[r]=(Ut[r]||0)+1;var n="".concat(r,"-").concat(pt(a+r+Ut[r]));return t?"".concat(t,"-").concat(n):n}(n.displayName,n.parentComponentId):p,m=n.displayName,y=void 0===m?function(e){return Ft(e)?"styled.".concat(e):"Styled(".concat(Ue(e),")")}(t):m,v=n.displayName&&n.componentId?"".concat(Gt(n.displayName),"-").concat(n.componentId):n.componentId||g,S=i&&s.attrs?s.attrs.concat(l).filter(Boolean):l,b=n.shouldForwardProp;if(i&&s.shouldForwardProp){var w=s.shouldForwardProp;if(n.shouldForwardProp){var x=n.shouldForwardProp;b=function(e,t,r){return w(e,t,r)&&x(e,t,r)}}else b=w}var C=new Yt(o,v,i?s.componentStyle:void 0),k=C.isStatic&&0===l.length;function P(t,r){return function(t,r,n,o){var i=t.attrs,a=t.componentStyle,s=t.defaultProps,c=t.foldedComponentIds,u=t.shouldForwardProp,l=t.styledComponentId,p=t.target,d=function(e,t,r){void 0===e&&(e=h);var n=f(f({},t),{theme:e}),o={};return r.forEach(function(e){var t,r="function"==typeof e?e(n):e;for(t in r)n[t]=o[t]="className"===t?Bt(o[t],r[t]):r[t]}),[n,o]}(ct(r,e.useContext(at),s)||h,r,i),g=d[1],m=function(e,t,r,n){var o=Me(),i=Le();return e.generateAndInjectStyles(t?h:r,o,i)}(a,o,d[0]),y=n,v=g.$as||r.$as||g.as||r.as||p,S=Ft(v),b=g!==r?f(f({},r),g):r,w={};for(var x in b)"$"!==x[0]&&"as"!==x&&("forwardedAs"===x?w.as=b[x]:(u?u(x,Dt,v):!S||Dt(x))&&(w[x]=b[x]));return r.style&&g.style!==r.style&&(w.style=f(f({},r.style),g.style)),w[S&&-1===zt.indexOf(v)?"class":"className"]=c.concat(l,m!==l?m:null,r.className,g.className).filter(Boolean).join(" "),w.ref=y,e.createElement(v,w)}(A,t,r,k)}P.displayName=y;var A=r.default.forwardRef(P);return A.attrs=S,A.componentStyle=C,A.displayName=y,A.shouldForwardProp=b,A.foldedComponentIds=i?s.foldedComponentIds.concat(s.styledComponentId):d,A.styledComponentId=v,A.target=i?s.target:t,A.withComponent=function(e){var t=n.componentId,r=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(n,["componentId"]),i=t&&"".concat(t,"-").concat(Ft(e)?e:Gt(Ue(e)));return qt(e,f(f({},r),{attrs:S,componentId:i}),o)},Object.defineProperty(A,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){void 0===e&&(e={});for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];for(var n=0,o=t;n<o.length;n++)Ht(e,o[n],!0);return e}({},s.defaultProps,e):e}}),A.toString=function(){return".".concat(A.styledComponentId)},c&&_t(A,t,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),A}function Vt(e,t,r){if(void 0===r&&(r=h),!t)throw g(1,t);var n=function(n){for(var o=[],i=1;i<arguments.length;i++)o[i-1]=arguments[i];return e(t,r,mt.apply(void 0,p([n],o,!1)))};return n.attrs=function(n){return Vt(e,t,f(f({},r),{attrs:Array.prototype.concat(r.attrs,n).filter(Boolean)}))},n.withConfig=function(n){return Vt(e,t,f(f({},r),n))},n}var Xt=function(e){return Vt(qt,e)},Zt=Xt;for(var Kt in zt.forEach(function(e){Zt[e]=Xt(e)}),Tt)Zt[Kt]=Tt[Kt];return Zt}); | ||
| //# sourceMappingURL=styled-components.min.js.map |
@@ -5,2 +5,3 @@ 'use strict'; | ||
| var tslib = require('tslib'); | ||
| var React = require('react'); | ||
@@ -19,4 +20,4 @@ require('shallowequal'); | ||
| const EMPTY_ARRAY = Object.freeze([]); | ||
| const EMPTY_OBJECT = Object.freeze({}); | ||
| var EMPTY_ARRAY = Object.freeze([]); | ||
| var EMPTY_OBJECT = Object.freeze({}); | ||
@@ -43,13 +44,17 @@ var errorMap = { | ||
| const ERRORS = process.env.NODE_ENV !== 'production' ? errorMap : {}; | ||
| var ERRORS = process.env.NODE_ENV !== 'production' ? errorMap : {}; | ||
| /** | ||
| * super basic version of sprintf | ||
| */ | ||
| function format(...args) { | ||
| let a = args[0]; | ||
| const b = []; | ||
| for (let c = 1, len = args.length; c < len; c += 1) { | ||
| function format() { | ||
| var args = []; | ||
| for (var _i = 0; _i < arguments.length; _i++) { | ||
| args[_i] = arguments[_i]; | ||
| } | ||
| var a = args[0]; | ||
| var b = []; | ||
| for (var c = 1, len = args.length; c < len; c += 1) { | ||
| b.push(args[c]); | ||
| } | ||
| b.forEach(d => { | ||
| b.forEach(function (d) { | ||
| a = a.replace(/%[a-z]/, d); | ||
@@ -63,19 +68,23 @@ }); | ||
| */ | ||
| function throwStyledComponentsError(code, ...interpolations) { | ||
| function throwStyledComponentsError(code) { | ||
| var interpolations = []; | ||
| for (var _i = 1; _i < arguments.length; _i++) { | ||
| interpolations[_i - 1] = arguments[_i]; | ||
| } | ||
| if (process.env.NODE_ENV === 'production') { | ||
| return new Error(`An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#${code} for more information.${interpolations.length > 0 ? ` Args: ${interpolations.join(', ')}` : ''}`); | ||
| return new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(code, " for more information.").concat(interpolations.length > 0 ? " Args: ".concat(interpolations.join(', ')) : '')); | ||
| } | ||
| else { | ||
| return new Error(format(ERRORS[code], ...interpolations).trim()); | ||
| return new Error(format.apply(void 0, tslib.__spreadArray([ERRORS[code]], interpolations, false)).trim()); | ||
| } | ||
| } | ||
| const SC_ATTR = (typeof process !== 'undefined' && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR)) || | ||
| var SC_ATTR = (typeof process !== 'undefined' && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR)) || | ||
| 'data-styled'; | ||
| const SC_ATTR_ACTIVE = 'active'; | ||
| const SC_ATTR_VERSION = 'data-styled-version'; | ||
| const SC_VERSION = "6.0.0-alpha.7"; | ||
| const SPLITTER = '/*!sc*/\n'; | ||
| const IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window; | ||
| const DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean' | ||
| var SC_ATTR_ACTIVE = 'active'; | ||
| var SC_ATTR_VERSION = 'data-styled-version'; | ||
| var SC_VERSION = "6.0.0-beta.0"; | ||
| var SPLITTER = '/*!sc*/\n'; | ||
| var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window; | ||
| var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean' | ||
| ? SC_DISABLE_SPEEDY | ||
@@ -97,11 +106,8 @@ : typeof process !== 'undefined' && | ||
| /** Create a GroupedTag with an underlying Tag implementation */ | ||
| const makeGroupedTag = (tag) => { | ||
| var makeGroupedTag = function (tag) { | ||
| return new DefaultGroupedTag(tag); | ||
| }; | ||
| const BASE_SIZE = 1 << 9; | ||
| const DefaultGroupedTag = class DefaultGroupedTag { | ||
| groupSizes; | ||
| length; | ||
| tag; | ||
| constructor(tag) { | ||
| var BASE_SIZE = 1 << 9; | ||
| var DefaultGroupedTag = /** @class */ (function () { | ||
| function DefaultGroupedTag(tag) { | ||
| this.groupSizes = new Uint32Array(BASE_SIZE); | ||
@@ -111,18 +117,18 @@ this.length = BASE_SIZE; | ||
| } | ||
| indexOfGroup(group) { | ||
| let index = 0; | ||
| for (let i = 0; i < group; i++) { | ||
| DefaultGroupedTag.prototype.indexOfGroup = function (group) { | ||
| var index = 0; | ||
| for (var i = 0; i < group; i++) { | ||
| index += this.groupSizes[i]; | ||
| } | ||
| return index; | ||
| } | ||
| insertRules(group, rules) { | ||
| }; | ||
| DefaultGroupedTag.prototype.insertRules = function (group, rules) { | ||
| if (group >= this.groupSizes.length) { | ||
| const oldBuffer = this.groupSizes; | ||
| const oldSize = oldBuffer.length; | ||
| let newSize = oldSize; | ||
| var oldBuffer = this.groupSizes; | ||
| var oldSize = oldBuffer.length; | ||
| var newSize = oldSize; | ||
| while (group >= newSize) { | ||
| newSize <<= 1; | ||
| if (newSize < 0) { | ||
| throw throwStyledComponentsError(16, `${group}`); | ||
| throw throwStyledComponentsError(16, "".concat(group)); | ||
| } | ||
@@ -133,9 +139,9 @@ } | ||
| this.length = newSize; | ||
| for (let i = oldSize; i < newSize; i++) { | ||
| for (var i = oldSize; i < newSize; i++) { | ||
| this.groupSizes[i] = 0; | ||
| } | ||
| } | ||
| let ruleIndex = this.indexOfGroup(group + 1); | ||
| var ruleIndex = this.indexOfGroup(group + 1); | ||
| if (Array.isArray(rules)) { | ||
| for (let i = 0, l = rules.length; i < l; i++) { | ||
| for (var i = 0, l = rules.length; i < l; i++) { | ||
| if (this.tag.insertRule(ruleIndex, rules[i])) { | ||
@@ -152,34 +158,35 @@ this.groupSizes[group]++; | ||
| } | ||
| } | ||
| clearGroup(group) { | ||
| }; | ||
| DefaultGroupedTag.prototype.clearGroup = function (group) { | ||
| if (group < this.length) { | ||
| const length = this.groupSizes[group]; | ||
| const startIndex = this.indexOfGroup(group); | ||
| const endIndex = startIndex + length; | ||
| var length_1 = this.groupSizes[group]; | ||
| var startIndex = this.indexOfGroup(group); | ||
| var endIndex = startIndex + length_1; | ||
| this.groupSizes[group] = 0; | ||
| for (let i = startIndex; i < endIndex; i++) { | ||
| for (var i = startIndex; i < endIndex; i++) { | ||
| this.tag.deleteRule(startIndex); | ||
| } | ||
| } | ||
| } | ||
| getGroup(group) { | ||
| let css = ''; | ||
| }; | ||
| DefaultGroupedTag.prototype.getGroup = function (group) { | ||
| var css = ''; | ||
| if (group >= this.length || this.groupSizes[group] === 0) { | ||
| return css; | ||
| } | ||
| const length = this.groupSizes[group]; | ||
| const startIndex = this.indexOfGroup(group); | ||
| const endIndex = startIndex + length; | ||
| for (let i = startIndex; i < endIndex; i++) { | ||
| css += `${this.tag.getRule(i)}${SPLITTER}`; | ||
| var length = this.groupSizes[group]; | ||
| var startIndex = this.indexOfGroup(group); | ||
| var endIndex = startIndex + length; | ||
| for (var i = startIndex; i < endIndex; i++) { | ||
| css += "".concat(this.tag.getRule(i)).concat(SPLITTER); | ||
| } | ||
| return css; | ||
| } | ||
| }; | ||
| }; | ||
| return DefaultGroupedTag; | ||
| }()); | ||
| const MAX_SMI = 1 << (31 - 1); | ||
| let groupIDRegister = new Map(); | ||
| let reverseRegister = new Map(); | ||
| let nextFreeGroup = 1; | ||
| const getGroupForId = (id) => { | ||
| var MAX_SMI = 1 << (31 - 1); | ||
| var groupIDRegister = new Map(); | ||
| var reverseRegister = new Map(); | ||
| var nextFreeGroup = 1; | ||
| var getGroupForId = function (id) { | ||
| if (groupIDRegister.has(id)) { | ||
@@ -191,5 +198,5 @@ return groupIDRegister.get(id); | ||
| } | ||
| const group = nextFreeGroup++; | ||
| var group = nextFreeGroup++; | ||
| if (process.env.NODE_ENV !== 'production' && ((group | 0) < 0 || group > MAX_SMI)) { | ||
| throw throwStyledComponentsError(16, `${group}`); | ||
| throw throwStyledComponentsError(16, "".concat(group)); | ||
| } | ||
@@ -200,6 +207,6 @@ groupIDRegister.set(id, group); | ||
| }; | ||
| const getIdForGroup = (group) => { | ||
| var getIdForGroup = function (group) { | ||
| return reverseRegister.get(group); | ||
| }; | ||
| const setGroupForId = (id, group) => { | ||
| var setGroupForId = function (id, group) { | ||
| groupIDRegister.set(id, group); | ||
@@ -209,22 +216,22 @@ reverseRegister.set(group, id); | ||
| const SELECTOR = `style[${SC_ATTR}][${SC_ATTR_VERSION}="${SC_VERSION}"]`; | ||
| const MARKER_RE = new RegExp(`^${SC_ATTR}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`); | ||
| const outputSheet = (sheet) => { | ||
| const tag = sheet.getTag(); | ||
| const { length } = tag; | ||
| let css = ''; | ||
| for (let group = 0; group < length; group++) { | ||
| const id = getIdForGroup(group); | ||
| var SELECTOR = "style[".concat(SC_ATTR, "][").concat(SC_ATTR_VERSION, "=\"").concat(SC_VERSION, "\"]"); | ||
| var MARKER_RE = new RegExp("^".concat(SC_ATTR, "\\.g(\\d+)\\[id=\"([\\w\\d-]+)\"\\].*?\"([^\"]*)")); | ||
| var outputSheet = function (sheet) { | ||
| var tag = sheet.getTag(); | ||
| var length = tag.length; | ||
| var css = ''; | ||
| var _loop_1 = function (group) { | ||
| var id = getIdForGroup(group); | ||
| if (id === undefined) | ||
| continue; | ||
| const names = sheet.names.get(id); | ||
| const rules = tag.getGroup(group); | ||
| return "continue"; | ||
| var names = sheet.names.get(id); | ||
| var rules = tag.getGroup(group); | ||
| if (names === undefined || rules.length === 0) | ||
| continue; | ||
| const selector = `${SC_ATTR}.g${group}[id="${id}"]`; | ||
| let content = ''; | ||
| return "continue"; | ||
| var selector = "".concat(SC_ATTR, ".g").concat(group, "[id=\"").concat(id, "\"]"); | ||
| var content = ''; | ||
| if (names !== undefined) { | ||
| names.forEach(name => { | ||
| names.forEach(function (name) { | ||
| if (name.length > 0) { | ||
| content += `${name},`; | ||
| content += "".concat(name, ","); | ||
| } | ||
@@ -235,10 +242,13 @@ }); | ||
| // after the actual rules to simplify the rehydration | ||
| css += `${rules}${selector}{content:"${content}"}${SPLITTER}`; | ||
| css += "".concat(rules).concat(selector, "{content:\"").concat(content, "\"}").concat(SPLITTER); | ||
| }; | ||
| for (var group = 0; group < length; group++) { | ||
| _loop_1(group); | ||
| } | ||
| return css; | ||
| }; | ||
| const rehydrateNamesFromContent = (sheet, id, content) => { | ||
| const names = content.split(','); | ||
| let name; | ||
| for (let i = 0, l = names.length; i < l; i++) { | ||
| var rehydrateNamesFromContent = function (sheet, id, content) { | ||
| var names = content.split(','); | ||
| var name; | ||
| for (var i = 0, l = names.length; i < l; i++) { | ||
| // eslint-disable-next-line | ||
@@ -250,13 +260,14 @@ if ((name = names[i])) { | ||
| }; | ||
| const rehydrateSheetFromTag = (sheet, style) => { | ||
| const parts = (style.textContent ?? '').split(SPLITTER); | ||
| const rules = []; | ||
| for (let i = 0, l = parts.length; i < l; i++) { | ||
| const part = parts[i].trim(); | ||
| var rehydrateSheetFromTag = function (sheet, style) { | ||
| var _a; | ||
| var parts = ((_a = style.textContent) !== null && _a !== void 0 ? _a : '').split(SPLITTER); | ||
| var rules = []; | ||
| for (var i = 0, l = parts.length; i < l; i++) { | ||
| var part = parts[i].trim(); | ||
| if (!part) | ||
| continue; | ||
| const marker = part.match(MARKER_RE); | ||
| var marker = part.match(MARKER_RE); | ||
| if (marker) { | ||
| const group = parseInt(marker[1], 10) | 0; | ||
| const id = marker[2]; | ||
| var group = parseInt(marker[1], 10) | 0; | ||
| var id = marker[2]; | ||
| if (group !== 0) { | ||
@@ -277,6 +288,6 @@ // Rehydrate componentId to group index mapping | ||
| }; | ||
| const rehydrateSheet = (sheet) => { | ||
| const nodes = document.querySelectorAll(SELECTOR); | ||
| for (let i = 0, l = nodes.length; i < l; i++) { | ||
| const node = nodes[i]; | ||
| var rehydrateSheet = function (sheet) { | ||
| var nodes = document.querySelectorAll(SELECTOR); | ||
| for (var i = 0, l = nodes.length; i < l; i++) { | ||
| var node = nodes[i]; | ||
| if (node && node.getAttribute(SC_ATTR) !== SC_ATTR_ACTIVE) { | ||
@@ -295,9 +306,9 @@ rehydrateSheetFromTag(sheet, node); | ||
| const ELEMENT_TYPE = 1; | ||
| var ELEMENT_TYPE = 1; | ||
| /* Node.ELEMENT_TYPE */ | ||
| /** Find last style element if any inside target */ | ||
| const findLastStyleTag = (target) => { | ||
| const { childNodes } = target; | ||
| for (let i = childNodes.length; i >= 0; i--) { | ||
| const child = childNodes[i]; | ||
| var findLastStyleTag = function (target) { | ||
| var childNodes = target.childNodes; | ||
| for (var i = childNodes.length; i >= 0; i--) { | ||
| var child = childNodes[i]; | ||
| if (child && child.nodeType === ELEMENT_TYPE && child.hasAttribute(SC_ATTR)) { | ||
@@ -310,11 +321,11 @@ return child; | ||
| /** Create a style element inside `target` or <head> after the last */ | ||
| const makeStyleTag = (target) => { | ||
| const head = document.head; | ||
| const parent = target || head; | ||
| const style = document.createElement('style'); | ||
| const prevStyle = findLastStyleTag(parent); | ||
| const nextSibling = prevStyle !== undefined ? prevStyle.nextSibling : null; | ||
| var makeStyleTag = function (target) { | ||
| var head = document.head; | ||
| var parent = target || head; | ||
| var style = document.createElement('style'); | ||
| var prevStyle = findLastStyleTag(parent); | ||
| var nextSibling = prevStyle !== undefined ? prevStyle.nextSibling : null; | ||
| style.setAttribute(SC_ATTR, SC_ATTR_ACTIVE); | ||
| style.setAttribute(SC_ATTR_VERSION, SC_VERSION); | ||
| const nonce = getNonce(); | ||
| var nonce = getNonce(); | ||
| if (nonce) | ||
@@ -326,3 +337,3 @@ style.setAttribute('nonce', nonce); | ||
| /** Get the CSSStyleSheet instance for a given style element */ | ||
| const getSheet = (tag) => { | ||
| var getSheet = function (tag) { | ||
| if (tag.sheet) { | ||
@@ -332,5 +343,5 @@ return tag.sheet; | ||
| // Avoid Firefox quirk where the style element might not have a sheet property | ||
| const { styleSheets } = document; | ||
| for (let i = 0, l = styleSheets.length; i < l; i++) { | ||
| const sheet = styleSheets[i]; | ||
| var styleSheets = document.styleSheets; | ||
| for (var i = 0, l = styleSheets.length; i < l; i++) { | ||
| var sheet = styleSheets[i]; | ||
| if (sheet.ownerNode === tag) { | ||
@@ -344,3 +355,4 @@ return sheet; | ||
| /** Create a CSSStyleSheet-like tag depending on the environment */ | ||
| const makeTag = ({ isServer, useCSSOMInjection, target }) => { | ||
| var makeTag = function (_a) { | ||
| var isServer = _a.isServer, useCSSOMInjection = _a.useCSSOMInjection, target = _a.target; | ||
| if (isServer) { | ||
@@ -356,8 +368,5 @@ return new VirtualTag(target); | ||
| }; | ||
| const CSSOMTag = class CSSOMTag { | ||
| element; | ||
| sheet; | ||
| length; | ||
| constructor(target) { | ||
| const element = (this.element = makeStyleTag(target)); | ||
| var CSSOMTag = /** @class */ (function () { | ||
| function CSSOMTag(target) { | ||
| var element = (this.element = makeStyleTag(target)); | ||
| // Avoid Edge bug where empty style elements don't create sheets | ||
@@ -368,3 +377,3 @@ element.appendChild(document.createTextNode('')); | ||
| } | ||
| insertRule(index, rule) { | ||
| CSSOMTag.prototype.insertRule = function (index, rule) { | ||
| try { | ||
@@ -378,9 +387,9 @@ this.sheet.insertRule(rule, index); | ||
| } | ||
| } | ||
| deleteRule(index) { | ||
| }; | ||
| CSSOMTag.prototype.deleteRule = function (index) { | ||
| this.sheet.deleteRule(index); | ||
| this.length--; | ||
| } | ||
| getRule(index) { | ||
| const rule = this.sheet.cssRules[index]; | ||
| }; | ||
| CSSOMTag.prototype.getRule = function (index) { | ||
| var rule = this.sheet.cssRules[index]; | ||
| // Avoid IE11 quirk where cssText is inaccessible on some invalid rules | ||
@@ -393,18 +402,16 @@ if (rule !== undefined && typeof rule.cssText === 'string') { | ||
| } | ||
| } | ||
| }; | ||
| }; | ||
| return CSSOMTag; | ||
| }()); | ||
| /** A Tag that emulates the CSSStyleSheet API but uses text nodes */ | ||
| const TextTag = class TextTag { | ||
| element; | ||
| nodes; | ||
| length; | ||
| constructor(target) { | ||
| const element = (this.element = makeStyleTag(target)); | ||
| var TextTag = /** @class */ (function () { | ||
| function TextTag(target) { | ||
| var element = (this.element = makeStyleTag(target)); | ||
| this.nodes = element.childNodes; | ||
| this.length = 0; | ||
| } | ||
| insertRule(index, rule) { | ||
| TextTag.prototype.insertRule = function (index, rule) { | ||
| if (index <= this.length && index >= 0) { | ||
| const node = document.createTextNode(rule); | ||
| const refNode = this.nodes[index]; | ||
| var node = document.createTextNode(rule); | ||
| var refNode = this.nodes[index]; | ||
| this.element.insertBefore(node, refNode || null); | ||
@@ -417,8 +424,8 @@ this.length++; | ||
| } | ||
| } | ||
| deleteRule(index) { | ||
| }; | ||
| TextTag.prototype.deleteRule = function (index) { | ||
| this.element.removeChild(this.nodes[index]); | ||
| this.length--; | ||
| } | ||
| getRule(index) { | ||
| }; | ||
| TextTag.prototype.getRule = function (index) { | ||
| if (index < this.length) { | ||
@@ -430,13 +437,12 @@ return this.nodes[index].textContent; | ||
| } | ||
| } | ||
| }; | ||
| }; | ||
| return TextTag; | ||
| }()); | ||
| /** A completely virtual (server-side) Tag that doesn't manipulate the DOM */ | ||
| const VirtualTag = class VirtualTag { | ||
| rules; | ||
| length; | ||
| constructor(_target) { | ||
| var VirtualTag = /** @class */ (function () { | ||
| function VirtualTag(_target) { | ||
| this.rules = []; | ||
| this.length = 0; | ||
| } | ||
| insertRule(index, rule) { | ||
| VirtualTag.prototype.insertRule = function (index, rule) { | ||
| if (index <= this.length) { | ||
@@ -450,8 +456,8 @@ this.rules.splice(index, 0, rule); | ||
| } | ||
| } | ||
| deleteRule(index) { | ||
| }; | ||
| VirtualTag.prototype.deleteRule = function (index) { | ||
| this.rules.splice(index, 1); | ||
| this.length--; | ||
| } | ||
| getRule(index) { | ||
| }; | ||
| VirtualTag.prototype.getRule = function (index) { | ||
| if (index < this.length) { | ||
@@ -463,7 +469,8 @@ return this.rules[index]; | ||
| } | ||
| } | ||
| }; | ||
| }; | ||
| return VirtualTag; | ||
| }()); | ||
| let SHOULD_REHYDRATE = IS_BROWSER; | ||
| const defaultOptions = { | ||
| var SHOULD_REHYDRATE = IS_BROWSER; | ||
| var defaultOptions = { | ||
| isServer: !IS_BROWSER, | ||
@@ -473,17 +480,7 @@ useCSSOMInjection: !DISABLE_SPEEDY, | ||
| /** Contains the main stylesheet logic for stringification and caching */ | ||
| class StyleSheet { | ||
| gs; | ||
| names; | ||
| options; | ||
| server; | ||
| tag; | ||
| /** Register a group ID to give it an index */ | ||
| static registerId(id) { | ||
| return getGroupForId(id); | ||
| } | ||
| constructor(options = EMPTY_OBJECT, globalStyles = {}, names) { | ||
| this.options = { | ||
| ...defaultOptions, | ||
| ...options, | ||
| }; | ||
| var StyleSheet = /** @class */ (function () { | ||
| function StyleSheet(options, globalStyles, names) { | ||
| if (options === void 0) { options = EMPTY_OBJECT; } | ||
| if (globalStyles === void 0) { globalStyles = {}; } | ||
| this.options = tslib.__assign(tslib.__assign({}, defaultOptions), options); | ||
| this.gs = globalStyles; | ||
@@ -498,21 +495,26 @@ this.names = new Map(names); | ||
| } | ||
| reconstructWithOptions(options, withNames = true) { | ||
| return new StyleSheet({ ...this.options, ...options }, this.gs, (withNames && this.names) || undefined); | ||
| } | ||
| allocateGSInstance(id) { | ||
| /** Register a group ID to give it an index */ | ||
| StyleSheet.registerId = function (id) { | ||
| return getGroupForId(id); | ||
| }; | ||
| StyleSheet.prototype.reconstructWithOptions = function (options, withNames) { | ||
| if (withNames === void 0) { withNames = true; } | ||
| return new StyleSheet(tslib.__assign(tslib.__assign({}, this.options), options), this.gs, (withNames && this.names) || undefined); | ||
| }; | ||
| StyleSheet.prototype.allocateGSInstance = function (id) { | ||
| return (this.gs[id] = (this.gs[id] || 0) + 1); | ||
| } | ||
| }; | ||
| /** Lazily initialises a GroupedTag for when it's actually needed */ | ||
| getTag() { | ||
| StyleSheet.prototype.getTag = function () { | ||
| return this.tag || (this.tag = makeGroupedTag(makeTag(this.options))); | ||
| } | ||
| }; | ||
| /** Check whether a name is known for caching */ | ||
| hasNameForId(id, name) { | ||
| StyleSheet.prototype.hasNameForId = function (id, name) { | ||
| return this.names.has(id) && this.names.get(id).has(name); | ||
| } | ||
| }; | ||
| /** Mark a group's name as known for caching */ | ||
| registerName(id, name) { | ||
| StyleSheet.prototype.registerName = function (id, name) { | ||
| getGroupForId(id); | ||
| if (!this.names.has(id)) { | ||
| const groupNames = new Set(); | ||
| var groupNames = new Set(); | ||
| groupNames.add(name); | ||
@@ -524,37 +526,38 @@ this.names.set(id, groupNames); | ||
| } | ||
| } | ||
| }; | ||
| /** Insert new rules which also marks the name as known */ | ||
| insertRules(id, name, rules) { | ||
| StyleSheet.prototype.insertRules = function (id, name, rules) { | ||
| this.registerName(id, name); | ||
| this.getTag().insertRules(getGroupForId(id), rules); | ||
| } | ||
| }; | ||
| /** Clears all cached names for a given group ID */ | ||
| clearNames(id) { | ||
| StyleSheet.prototype.clearNames = function (id) { | ||
| if (this.names.has(id)) { | ||
| this.names.get(id).clear(); | ||
| } | ||
| } | ||
| }; | ||
| /** Clears all rules for a given group ID */ | ||
| clearRules(id) { | ||
| StyleSheet.prototype.clearRules = function (id) { | ||
| this.getTag().clearGroup(getGroupForId(id)); | ||
| this.clearNames(id); | ||
| } | ||
| }; | ||
| /** Clears the entire tag which deletes all rules but not its names */ | ||
| clearTag() { | ||
| StyleSheet.prototype.clearTag = function () { | ||
| // NOTE: This does not clear the names, since it's only used during SSR | ||
| // so that we can continuously output only new rules | ||
| this.tag = undefined; | ||
| } | ||
| }; | ||
| /** Outputs the current sheet as a CSS string with markers for SSR */ | ||
| toString() { | ||
| StyleSheet.prototype.toString = function () { | ||
| return outputSheet(this); | ||
| } | ||
| } | ||
| }; | ||
| return StyleSheet; | ||
| }()); | ||
| const SEED = 5381; | ||
| var SEED = 5381; | ||
| // When we have separate strings it's useful to run a progressive | ||
| // version of djb2 where we pretend that we're still looping over | ||
| // the same string | ||
| const phash = (h, x) => { | ||
| let i = x.length; | ||
| var phash = function (h, x) { | ||
| var i = x.length; | ||
| while (i) { | ||
@@ -566,14 +569,15 @@ h = (h * 33) ^ x.charCodeAt(--i); | ||
| // This is a djb2 hashing function | ||
| const hash = (x) => { | ||
| var hash = function (x) { | ||
| return phash(SEED, x); | ||
| }; | ||
| const COMMENT_REGEX = /^\s*\/\/.*$/gm; | ||
| const COMPLEX_SELECTOR_PREFIX = [':', '[', '.', '#']; | ||
| function createStylisInstance({ options = EMPTY_OBJECT, plugins = EMPTY_ARRAY, } = EMPTY_OBJECT) { | ||
| let _componentId; | ||
| let _selector; | ||
| let _selectorRegexp; | ||
| let _consecutiveSelfRefRegExp; | ||
| const selfReferenceReplacer = (match, offset, string) => { | ||
| var COMMENT_REGEX = /^\s*\/\/.*$/gm; | ||
| var COMPLEX_SELECTOR_PREFIX = [':', '[', '.', '#']; | ||
| function createStylisInstance(_a) { | ||
| var _b = _a === void 0 ? EMPTY_OBJECT : _a, _c = _b.options, options = _c === void 0 ? EMPTY_OBJECT : _c, _d = _b.plugins, plugins = _d === void 0 ? EMPTY_ARRAY : _d; | ||
| var _componentId; | ||
| var _selector; | ||
| var _selectorRegexp; | ||
| var _consecutiveSelfRefRegExp; | ||
| var selfReferenceReplacer = function (match, offset, string) { | ||
| if ( | ||
@@ -583,3 +587,3 @@ // do not replace the first occurrence if it is complex (has a modifier) | ||
| !string.match(_consecutiveSelfRefRegExp)) { | ||
| return `.${_componentId}`; | ||
| return ".".concat(_componentId); | ||
| } | ||
@@ -600,10 +604,13 @@ return match; | ||
| */ | ||
| const selfReferenceReplacementPlugin = element => { | ||
| var selfReferenceReplacementPlugin = function (element) { | ||
| if (element.type === stylis.RULESET && element.value.includes('&')) { | ||
| const props = element.props; | ||
| var props = element.props; | ||
| props[0] = props[0].replace(_selectorRegexp, selfReferenceReplacer); | ||
| } | ||
| }; | ||
| const stringifyRules = (css, selector = '', prefix = '', componentId = '&') => { | ||
| let flatCSS = css.replace(COMMENT_REGEX, ''); | ||
| var stringifyRules = function (css, selector, prefix, componentId) { | ||
| if (selector === void 0) { selector = ''; } | ||
| if (prefix === void 0) { prefix = ''; } | ||
| if (componentId === void 0) { componentId = '&'; } | ||
| var flatCSS = css.replace(COMMENT_REGEX, ''); | ||
| // stylis has no concept of state to be passed to plugins | ||
@@ -614,5 +621,5 @@ // but since JS is single-threaded, we can rely on that to ensure | ||
| _selector = selector; | ||
| _selectorRegexp = new RegExp(`\\${_selector}\\b`, 'g'); | ||
| _consecutiveSelfRefRegExp = new RegExp(`(\\${_selector}\\b){2,}`); | ||
| const middlewares = plugins.slice(); | ||
| _selectorRegexp = new RegExp("\\".concat(_selector, "\\b"), 'g'); | ||
| _consecutiveSelfRefRegExp = new RegExp("(\\".concat(_selector, "\\b){2,}")); | ||
| var middlewares = plugins.slice(); | ||
| if (options.prefix || options.prefix === undefined) { | ||
@@ -622,7 +629,7 @@ middlewares.unshift(stylis.prefixer); | ||
| middlewares.push(selfReferenceReplacementPlugin, stylis.stringify); | ||
| return stylis.serialize(stylis.compile(prefix || selector ? `${prefix} ${selector} { ${flatCSS} }` : flatCSS), stylis.middleware(middlewares)); | ||
| return stylis.serialize(stylis.compile(prefix || selector ? "".concat(prefix, " ").concat(selector, " { ").concat(flatCSS, " }") : flatCSS), stylis.middleware(middlewares)); | ||
| }; | ||
| stringifyRules.hash = plugins.length | ||
| ? plugins | ||
| .reduce((acc, plugin) => { | ||
| .reduce(function (acc, plugin) { | ||
| if (!plugin.name) { | ||
@@ -638,31 +645,32 @@ throwStyledComponentsError(15); | ||
| const StyleSheetContext = React__default["default"].createContext(undefined); | ||
| var StyleSheetContext = React__default["default"].createContext(undefined); | ||
| StyleSheetContext.Consumer; | ||
| const StylisContext = React__default["default"].createContext(undefined); | ||
| var StylisContext = React__default["default"].createContext(undefined); | ||
| StylisContext.Consumer; | ||
| new StyleSheet(); | ||
| const mainStylis = createStylisInstance(); | ||
| var mainStylis = createStylisInstance(); | ||
| class Keyframes { | ||
| id; | ||
| name; | ||
| rules; | ||
| constructor(name, rules) { | ||
| var Keyframes = /** @class */ (function () { | ||
| function Keyframes(name, rules) { | ||
| var _this = this; | ||
| this.inject = function (styleSheet, stylisInstance) { | ||
| if (stylisInstance === void 0) { stylisInstance = mainStylis; } | ||
| var resolvedName = _this.name + stylisInstance.hash; | ||
| if (!styleSheet.hasNameForId(_this.id, resolvedName)) { | ||
| styleSheet.insertRules(_this.id, resolvedName, stylisInstance(_this.rules, resolvedName, '@keyframes')); | ||
| } | ||
| }; | ||
| this.toString = function () { | ||
| throw throwStyledComponentsError(12, String(_this.name)); | ||
| }; | ||
| this.name = name; | ||
| this.id = `sc-keyframes-${name}`; | ||
| this.id = "sc-keyframes-".concat(name); | ||
| this.rules = rules; | ||
| } | ||
| inject = (styleSheet, stylisInstance = mainStylis) => { | ||
| const resolvedName = this.name + stylisInstance.hash; | ||
| if (!styleSheet.hasNameForId(this.id, resolvedName)) { | ||
| styleSheet.insertRules(this.id, resolvedName, stylisInstance(this.rules, resolvedName, '@keyframes')); | ||
| } | ||
| Keyframes.prototype.getName = function (stylisInstance) { | ||
| if (stylisInstance === void 0) { stylisInstance = mainStylis; } | ||
| return this.name + stylisInstance.hash; | ||
| }; | ||
| toString = () => { | ||
| throw throwStyledComponentsError(12, String(this.name)); | ||
| }; | ||
| getName(stylisInstance = mainStylis) { | ||
| return this.name + stylisInstance.hash; | ||
| } | ||
| } | ||
| return Keyframes; | ||
| }()); | ||
@@ -676,3 +684,3 @@ // Taken from https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/shared/dangerousStyleValue.js | ||
| if (typeof value === 'number' && value !== 0 && !(name in unitless__default["default"])) { | ||
| return `${value}px`; // Presumes implicit 'px' suffix for unitless numbers | ||
| return "".concat(value, "px"); // Presumes implicit 'px' suffix for unitless numbers | ||
| } | ||
@@ -693,6 +701,6 @@ return String(value).trim(); | ||
| */ | ||
| const uppercaseCheck = /([A-Z])/; | ||
| const uppercasePattern = /([A-Z])/g; | ||
| const msPattern = /^ms-/; | ||
| const prefixAndLowerCase = (char) => `-${char.toLowerCase()}`; | ||
| var uppercaseCheck = /([A-Z])/; | ||
| var uppercasePattern = /([A-Z])/g; | ||
| var msPattern = /^ms-/; | ||
| var prefixAndLowerCase = function (char) { return "-".concat(char.toLowerCase()); }; | ||
| /** | ||
@@ -743,24 +751,26 @@ * Hyphenates a camelcased CSS property name, for example: | ||
| */ | ||
| const isFalsish = (chunk) => chunk === undefined || chunk === null || chunk === false || chunk === ''; | ||
| const objToCssArray = (obj, prevKey) => { | ||
| const rules = []; | ||
| for (const key in obj) { | ||
| var isFalsish = function (chunk) { | ||
| return chunk === undefined || chunk === null || chunk === false || chunk === ''; | ||
| }; | ||
| var objToCssArray = function (obj, prevKey) { | ||
| var rules = []; | ||
| for (var key in obj) { | ||
| if (!obj.hasOwnProperty(key) || isFalsish(obj[key])) | ||
| continue; | ||
| if ((Array.isArray(obj[key]) && obj[key].isCss) || isFunction(obj[key])) { | ||
| rules.push(`${hyphenateStyleName(key)}:`, obj[key], ';'); | ||
| rules.push("".concat(hyphenateStyleName(key), ":"), obj[key], ';'); | ||
| } | ||
| else if (isPlainObject(obj[key])) { | ||
| rules.push(...objToCssArray(obj[key], key)); | ||
| rules.push.apply(rules, objToCssArray(obj[key], key)); | ||
| } | ||
| else { | ||
| rules.push(`${hyphenateStyleName(key)}: ${addUnitIfNeeded(key, obj[key])};`); | ||
| rules.push("".concat(hyphenateStyleName(key), ": ").concat(addUnitIfNeeded(key, obj[key]), ";")); | ||
| } | ||
| } | ||
| return prevKey ? [`${prevKey} {`, ...rules, '}'] : rules; | ||
| return prevKey ? tslib.__spreadArray(tslib.__spreadArray(["".concat(prevKey, " {")], rules, true), ['}'], false) : rules; | ||
| }; | ||
| function flatten(chunk, executionContext, styleSheet, stylisInstance) { | ||
| if (Array.isArray(chunk)) { | ||
| const ruleSet = []; | ||
| for (let i = 0, len = chunk.length, result; i < len; i += 1) { | ||
| var ruleSet = []; | ||
| for (var i = 0, len = chunk.length, result = void 0; i < len; i += 1) { | ||
| result = flatten(chunk[i], executionContext, styleSheet, stylisInstance); | ||
@@ -770,3 +780,3 @@ if (result === '') | ||
| else if (Array.isArray(result)) | ||
| ruleSet.push(...result); | ||
| ruleSet.push.apply(ruleSet, result); | ||
| else | ||
@@ -782,3 +792,3 @@ ruleSet.push(result); | ||
| if (isStyledComponent(chunk)) { | ||
| return `.${chunk.styledComponentId}`; | ||
| return ".".concat(chunk.styledComponentId); | ||
| } | ||
@@ -788,4 +798,4 @@ /* Either execute or defer the function */ | ||
| if (isStatelessFunction(chunk) && executionContext) { | ||
| const chunkFn = chunk; | ||
| const result = chunkFn(executionContext); | ||
| var chunkFn = chunk; | ||
| var result = chunkFn(executionContext); | ||
| if (process.env.NODE_ENV !== 'production' && | ||
@@ -797,5 +807,5 @@ typeof result === 'object' && | ||
| // eslint-disable-next-line no-console | ||
| console.error(`${getComponentName( | ||
| console.error("".concat(getComponentName( | ||
| // @ts-expect-error handling unexpected input | ||
| chunkFn)} 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.`); | ||
| chunkFn), " 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.")); | ||
| } | ||
@@ -820,4 +830,4 @@ return flatten(result, executionContext, styleSheet, stylisInstance); | ||
| function interleave(strings, interpolations) { | ||
| const result = [strings[0]]; | ||
| for (let i = 0, len = interpolations.length; i < len; i += 1) { | ||
| var result = [strings[0]]; | ||
| for (var i = 0, len = interpolations.length; i < len; i += 1) { | ||
| result.push(interpolations[i], strings[i + 1]); | ||
@@ -832,3 +842,3 @@ } | ||
| */ | ||
| const addTag = (arg) => { | ||
| var addTag = function (arg) { | ||
| if (Array.isArray(arg)) { | ||
@@ -840,11 +850,14 @@ // eslint-disable-next-line no-param-reassign | ||
| }; | ||
| function css(styles, ...interpolations) { | ||
| function css(styles) { | ||
| var interpolations = []; | ||
| for (var _i = 1; _i < arguments.length; _i++) { | ||
| interpolations[_i - 1] = arguments[_i]; | ||
| } | ||
| if (isFunction(styles) || isPlainObject(styles)) { | ||
| const styleFunctionOrObject = styles; | ||
| return addTag(flatten(interleave(EMPTY_ARRAY, [ | ||
| styleFunctionOrObject, | ||
| ...interpolations, | ||
| ]))); | ||
| var styleFunctionOrObject = styles; | ||
| return addTag(flatten(interleave(EMPTY_ARRAY, tslib.__spreadArray([ | ||
| styleFunctionOrObject | ||
| ], interpolations, true)))); | ||
| } | ||
| const styleStringArray = styles; | ||
| var styleStringArray = styles; | ||
| if (interpolations.length === 0 && | ||
@@ -858,3 +871,4 @@ styleStringArray.length === 1 && | ||
| function constructWithOptions(componentConstructor, tag, options = EMPTY_OBJECT) { | ||
| function constructWithOptions(componentConstructor, tag, options) { | ||
| if (options === void 0) { options = EMPTY_OBJECT; } | ||
| // We trust that the tag is a valid component as long as it isn't falsish | ||
@@ -868,19 +882,23 @@ // Typically the tag here is a string or function (i.e. class or pure function component) | ||
| /* This is callable directly as a template function */ | ||
| const templateFunction = (initialStyles, ...interpolations) => componentConstructor(tag, options, css(initialStyles, ...interpolations)); | ||
| var templateFunction = function (initialStyles) { | ||
| var interpolations = []; | ||
| for (var _i = 1; _i < arguments.length; _i++) { | ||
| interpolations[_i - 1] = arguments[_i]; | ||
| } | ||
| return componentConstructor(tag, options, css.apply(void 0, tslib.__spreadArray([initialStyles], interpolations, false))); | ||
| }; | ||
| /* Modify/inject new props at runtime */ | ||
| templateFunction.attrs = (attrs) => constructWithOptions(componentConstructor, tag, { | ||
| ...options, | ||
| attrs: Array.prototype.concat(options.attrs, attrs).filter(Boolean), | ||
| }); | ||
| templateFunction.attrs = function (attrs) { | ||
| return constructWithOptions(componentConstructor, tag, tslib.__assign(tslib.__assign({}, options), { attrs: Array.prototype.concat(options.attrs, attrs).filter(Boolean) })); | ||
| }; | ||
| /** | ||
| * If config methods are called, wrap up a new template function and merge options */ | ||
| templateFunction.withConfig = (config) => constructWithOptions(componentConstructor, tag, { | ||
| ...options, | ||
| ...config, | ||
| }); | ||
| templateFunction.withConfig = function (config) { | ||
| return constructWithOptions(componentConstructor, tag, tslib.__assign(tslib.__assign({}, options), config)); | ||
| }; | ||
| return templateFunction; | ||
| } | ||
| const ThemeContext = React__default["default"].createContext(undefined); | ||
| const ThemeConsumer = ThemeContext.Consumer; | ||
| var ThemeContext = React__default["default"].createContext(undefined); | ||
| var ThemeConsumer = ThemeContext.Consumer; | ||
| function mergeTheme(theme, outerTheme) { | ||
@@ -891,4 +909,4 @@ if (!theme) { | ||
| if (isFunction(theme)) { | ||
| const themeFn = theme; | ||
| const mergedTheme = themeFn(outerTheme); | ||
| var themeFn = theme; | ||
| var mergedTheme = themeFn(outerTheme); | ||
| if (process.env.NODE_ENV !== 'production' && | ||
@@ -903,3 +921,3 @@ (mergedTheme === null || Array.isArray(mergedTheme) || typeof mergedTheme !== 'object')) { | ||
| } | ||
| return outerTheme ? { ...outerTheme, ...theme } : theme; | ||
| return outerTheme ? tslib.__assign(tslib.__assign({}, outerTheme), theme) : theme; | ||
| } | ||
@@ -910,4 +928,4 @@ /** | ||
| function ThemeProvider(props) { | ||
| const outerTheme = React.useContext(ThemeContext); | ||
| const themeContext = React.useMemo(() => mergeTheme(props.theme, outerTheme), [props.theme, outerTheme]); | ||
| var outerTheme = React.useContext(ThemeContext); | ||
| var themeContext = React.useMemo(function () { return mergeTheme(props.theme, outerTheme); }, [props.theme, outerTheme]); | ||
| if (!props.children) { | ||
@@ -919,14 +937,16 @@ return null; | ||
| function determineTheme(props, providedTheme, defaultProps = EMPTY_OBJECT) { | ||
| function determineTheme(props, providedTheme, defaultProps) { | ||
| if (defaultProps === void 0) { defaultProps = EMPTY_OBJECT; } | ||
| return (props.theme !== defaultProps.theme && props.theme) || providedTheme || defaultProps.theme; | ||
| } | ||
| const hasSymbol = typeof Symbol === 'function' && Symbol.for; | ||
| var _a; | ||
| var hasSymbol = typeof Symbol === 'function' && Symbol.for; | ||
| // copied from react-is | ||
| const REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3; | ||
| const REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0; | ||
| var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3; | ||
| var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0; | ||
| /** | ||
| * Adapted from hoist-non-react-statics to avoid the react-is dependency. | ||
| */ | ||
| const REACT_STATICS = { | ||
| var REACT_STATICS = { | ||
| childContextTypes: true, | ||
@@ -944,3 +964,3 @@ contextType: true, | ||
| }; | ||
| const KNOWN_STATICS = { | ||
| var KNOWN_STATICS = { | ||
| name: true, | ||
@@ -954,3 +974,3 @@ length: true, | ||
| }; | ||
| const FORWARD_REF_STATICS = { | ||
| var FORWARD_REF_STATICS = { | ||
| $$typeof: true, | ||
@@ -962,3 +982,3 @@ render: true, | ||
| }; | ||
| const MEMO_STATICS = { | ||
| var MEMO_STATICS = { | ||
| $$typeof: true, | ||
@@ -971,9 +991,9 @@ compare: true, | ||
| }; | ||
| const TYPE_STATICS = { | ||
| [REACT_FORWARD_REF_TYPE]: FORWARD_REF_STATICS, | ||
| [REACT_MEMO_TYPE]: MEMO_STATICS, | ||
| }; | ||
| var TYPE_STATICS = (_a = {}, | ||
| _a[REACT_FORWARD_REF_TYPE] = FORWARD_REF_STATICS, | ||
| _a[REACT_MEMO_TYPE] = MEMO_STATICS, | ||
| _a); | ||
| // adapted from react-is | ||
| function isMemo(object) { | ||
| const $$typeofType = 'type' in object && object.type.$$typeof; | ||
| var $$typeofType = 'type' in object && object.type.$$typeof; | ||
| return $$typeofType === REACT_MEMO_TYPE; | ||
@@ -991,8 +1011,8 @@ } | ||
| } | ||
| const defineProperty = Object.defineProperty; | ||
| const getOwnPropertyNames = Object.getOwnPropertyNames; | ||
| const getOwnPropertySymbols = Object.getOwnPropertySymbols; | ||
| const getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor; | ||
| const getPrototypeOf = Object.getPrototypeOf; | ||
| const objectPrototype = Object.prototype; | ||
| var defineProperty = Object.defineProperty; | ||
| var getOwnPropertyNames = Object.getOwnPropertyNames; | ||
| var getOwnPropertySymbols = Object.getOwnPropertySymbols; | ||
| var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor; | ||
| var getPrototypeOf = Object.getPrototypeOf; | ||
| var objectPrototype = Object.prototype; | ||
| function hoistNonReactStatics(targetComponent, sourceComponent, excludelist) { | ||
@@ -1002,3 +1022,3 @@ if (typeof sourceComponent !== 'string') { | ||
| if (objectPrototype) { | ||
| const inheritedComponent = getPrototypeOf(sourceComponent); | ||
| var inheritedComponent = getPrototypeOf(sourceComponent); | ||
| if (inheritedComponent && inheritedComponent !== objectPrototype) { | ||
@@ -1008,10 +1028,10 @@ hoistNonReactStatics(targetComponent, inheritedComponent, excludelist); | ||
| } | ||
| let keys = getOwnPropertyNames(sourceComponent); | ||
| var keys = getOwnPropertyNames(sourceComponent); | ||
| if (getOwnPropertySymbols) { | ||
| keys = keys.concat(getOwnPropertySymbols(sourceComponent)); | ||
| } | ||
| const targetStatics = getStatics(targetComponent); | ||
| const sourceStatics = getStatics(sourceComponent); | ||
| for (let i = 0; i < keys.length; ++i) { | ||
| const key = keys[i]; | ||
| var targetStatics = getStatics(targetComponent); | ||
| var sourceStatics = getStatics(sourceComponent); | ||
| for (var i = 0; i < keys.length; ++i) { | ||
| var key = keys[i]; | ||
| if (!(key in KNOWN_STATICS) && | ||
@@ -1021,3 +1041,3 @@ !(excludelist && excludelist[key]) && | ||
| !(targetStatics && key in targetStatics)) { | ||
| const descriptor = getOwnPropertyDescriptor(sourceComponent, key); | ||
| var descriptor = getOwnPropertyDescriptor(sourceComponent, key); | ||
| try { | ||
@@ -1037,27 +1057,27 @@ // Avoid failures from read-only properties | ||
| function withTheme(Component) { | ||
| const WithTheme = React__default["default"].forwardRef((props, ref) => { | ||
| const theme = React__default["default"].useContext(ThemeContext); | ||
| const themeProp = determineTheme(props, theme, Component.defaultProps); | ||
| var WithTheme = React__default["default"].forwardRef(function (props, ref) { | ||
| var theme = React__default["default"].useContext(ThemeContext); | ||
| var themeProp = determineTheme(props, theme, Component.defaultProps); | ||
| if (process.env.NODE_ENV !== 'production' && themeProp === undefined) { | ||
| // eslint-disable-next-line no-console | ||
| console.warn(`[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class "${getComponentName(Component)}"`); | ||
| console.warn("[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class \"".concat(getComponentName(Component), "\"")); | ||
| } | ||
| return React__default["default"].createElement(Component, { ...props, theme: themeProp, ref: ref }); | ||
| return React__default["default"].createElement(Component, tslib.__assign({}, props, { theme: themeProp, ref: ref })); | ||
| }); | ||
| WithTheme.displayName = `WithTheme(${getComponentName(Component)})`; | ||
| WithTheme.displayName = "WithTheme(".concat(getComponentName(Component), ")"); | ||
| return hoistNonReactStatics(WithTheme, Component); | ||
| } | ||
| const useTheme = () => React.useContext(ThemeContext); | ||
| var useTheme = function () { return React.useContext(ThemeContext); }; | ||
| const AD_REPLACER_R = /(a)(d)/gi; | ||
| var AD_REPLACER_R = /(a)(d)/gi; | ||
| /* This is the "capacity" of our alphabet i.e. 2x26 for all letters plus their capitalised | ||
| * counterparts */ | ||
| const charsLength = 52; | ||
| var charsLength = 52; | ||
| /* start at 75 for 'a' until 'z' (25) and then start at 65 for capitalised letters */ | ||
| const getAlphabeticChar = (code) => String.fromCharCode(code + (code > 25 ? 39 : 97)); | ||
| var getAlphabeticChar = function (code) { return String.fromCharCode(code + (code > 25 ? 39 : 97)); }; | ||
| /* input a number, usually a hash and convert it to base-52 */ | ||
| function generateAlphabeticName(code) { | ||
| let name = ''; | ||
| let x; | ||
| var name = ''; | ||
| var x; | ||
| /* get a char and divide by alphabet-length */ | ||
@@ -1074,3 +1094,3 @@ for (x = Math.abs(code); x > charsLength; x = (x / charsLength) | 0) { | ||
| let generated = {}; | ||
| var generated = {}; | ||
| /** | ||
@@ -1080,25 +1100,24 @@ * InlineStyle takes arbitrary CSS and generates a flat object | ||
| function makeInlineStyleClass(styleSheet) { | ||
| const InlineStyle = class InlineStyle { | ||
| rules; | ||
| constructor(rules) { | ||
| var InlineStyle = /** @class */ (function () { | ||
| function InlineStyle(rules) { | ||
| this.rules = rules; | ||
| } | ||
| generateStyleObject(executionContext) { | ||
| InlineStyle.prototype.generateStyleObject = function (executionContext) { | ||
| // keyframes, functions, and component selectors are not allowed for React Native | ||
| const flatCSS = flatten(this.rules, executionContext).join(''); | ||
| const hash = generateComponentId(flatCSS); | ||
| var flatCSS = flatten(this.rules, executionContext).join(''); | ||
| var hash = generateComponentId(flatCSS); | ||
| if (!generated[hash]) { | ||
| const root = postcss.parse(flatCSS); | ||
| const declPairs = []; | ||
| root.each(node => { | ||
| var root = postcss.parse(flatCSS); | ||
| var declPairs_1 = []; | ||
| root.each(function (node) { | ||
| if (node.type === 'decl') { | ||
| declPairs.push([node.prop, node.value]); | ||
| declPairs_1.push([node.prop, node.value]); | ||
| } | ||
| else if (process.env.NODE_ENV !== 'production' && node.type !== 'comment') { | ||
| /* eslint-disable no-console */ | ||
| console.warn(`Node of type ${node.type} not supported as an inline style`); | ||
| console.warn("Node of type ".concat(node.type, " not supported as an inline style")); | ||
| } | ||
| }); | ||
| const styleObject = transformDeclPairs__default["default"](declPairs); | ||
| const styles = styleSheet.create({ | ||
| var styleObject = transformDeclPairs__default["default"](declPairs_1); | ||
| var styles = styleSheet.create({ | ||
| generated: styleObject, | ||
@@ -1109,4 +1128,5 @@ }); | ||
| return generated[hash]; | ||
| } | ||
| }; | ||
| }; | ||
| return InlineStyle; | ||
| }()); | ||
| return InlineStyle; | ||
@@ -1123,6 +1143,7 @@ } | ||
| function generateDisplayName(target) { | ||
| return isTag(target) ? `styled.${target}` : `Styled(${getComponentName(target)})`; | ||
| return isTag(target) ? "styled.".concat(target) : "Styled(".concat(getComponentName(target), ")"); | ||
| } | ||
| function mixinRecursively(target, source, forceMerge = false) { | ||
| function mixinRecursively(target, source, forceMerge) { | ||
| if (forceMerge === void 0) { forceMerge = false; } | ||
| /* only merge into POJOs, Arrays, but for top level objects only | ||
@@ -1134,3 +1155,3 @@ * allow to merge into anything by passing forceMerge = true */ | ||
| if (Array.isArray(source)) { | ||
| for (let key = 0; key < source.length; key++) { | ||
| for (var key = 0; key < source.length; key++) { | ||
| target[key] = mixinRecursively(target[key], source[key]); | ||
@@ -1140,3 +1161,3 @@ } | ||
| else if (isPlainObject(source)) { | ||
| for (const key in source) { | ||
| for (var key in source) { | ||
| target[key] = mixinRecursively(target[key], source[key]); | ||
@@ -1152,4 +1173,10 @@ } | ||
| */ | ||
| function mixinDeep(target = {}, ...sources) { | ||
| for (const source of sources) { | ||
| function mixinDeep(target) { | ||
| if (target === void 0) { target = {}; } | ||
| var sources = []; | ||
| for (var _i = 1; _i < arguments.length; _i++) { | ||
| sources[_i - 1] = arguments[_i]; | ||
| } | ||
| for (var _a = 0, sources_1 = sources; _a < sources_1.length; _a++) { | ||
| var source = sources_1[_a]; | ||
| mixinRecursively(target, source, true); | ||
@@ -1160,12 +1187,13 @@ } | ||
| function useResolvedAttrs(theme = EMPTY_OBJECT, props, attrs) { | ||
| function useResolvedAttrs(theme, props, attrs) { | ||
| if (theme === void 0) { theme = EMPTY_OBJECT; } | ||
| // NOTE: can't memoize this | ||
| // returns [context, resolvedAttrs] | ||
| // where resolvedAttrs is only the things injected by the attrs themselves | ||
| const context = { ...props, theme }; | ||
| const resolvedAttrs = {}; | ||
| attrs.forEach(attrDef => { | ||
| var context = tslib.__assign(tslib.__assign({}, props), { theme: theme }); | ||
| var resolvedAttrs = {}; | ||
| attrs.forEach(function (attrDef) { | ||
| // @ts-expect-error narrowing isn't working properly for some reason | ||
| let resolvedAttrDef = typeof attrDef === 'function' ? attrDef(context) : attrDef; | ||
| let key; | ||
| var resolvedAttrDef = typeof attrDef === 'function' ? attrDef(context) : attrDef; | ||
| var key; | ||
| /* eslint-disable guard-for-in */ | ||
@@ -1181,17 +1209,17 @@ for (key in resolvedAttrDef) { | ||
| // Validator defaults to true if not in HTML/DOM env | ||
| const validAttr = () => true; | ||
| var validAttr = function () { return true; }; | ||
| function useStyledComponentImpl(forwardedComponent, props, forwardedRef) { | ||
| const { attrs: componentAttrs, inlineStyle, defaultProps, shouldForwardProp, target, } = forwardedComponent; | ||
| var componentAttrs = forwardedComponent.attrs, inlineStyle = forwardedComponent.inlineStyle, defaultProps = forwardedComponent.defaultProps, shouldForwardProp = forwardedComponent.shouldForwardProp, target = forwardedComponent.target; | ||
| // NOTE: the non-hooks version only subscribes to this when !componentStyle.isStatic, | ||
| // but that'd be against the rules-of-hooks. We could be naughty and do it anyway as it | ||
| // should be an immutable value, but behave for now. | ||
| const theme = determineTheme(props, React.useContext(ThemeContext), defaultProps); | ||
| const [context, attrs] = useResolvedAttrs(theme || EMPTY_OBJECT, props, componentAttrs); | ||
| const generatedStyles = inlineStyle.generateStyleObject(context); | ||
| const refToForward = forwardedRef; | ||
| const elementToBeCreated = attrs.$as || props.$as || attrs.as || props.as || target; | ||
| const computedProps = attrs !== props ? { ...props, ...attrs } : props; | ||
| const propsForElement = {}; | ||
| var theme = determineTheme(props, React.useContext(ThemeContext), defaultProps); | ||
| var _a = useResolvedAttrs(theme || EMPTY_OBJECT, props, componentAttrs), context = _a[0], attrs = _a[1]; | ||
| var generatedStyles = inlineStyle.generateStyleObject(context); | ||
| var refToForward = forwardedRef; | ||
| var elementToBeCreated = attrs.$as || props.$as || attrs.as || props.as || target; | ||
| var computedProps = attrs !== props ? tslib.__assign(tslib.__assign({}, props), attrs) : props; | ||
| var propsForElement = {}; | ||
| // eslint-disable-next-line guard-for-in | ||
| for (const key in computedProps) { | ||
| for (var key in computedProps) { | ||
| if (key[0] === '$' || key === 'as') | ||
@@ -1206,5 +1234,5 @@ continue; | ||
| } | ||
| propsForElement.style = React.useMemo(() => { | ||
| propsForElement.style = React.useMemo(function () { | ||
| if (typeof props.style === 'function') { | ||
| return (state) => { | ||
| return function (state) { | ||
| return [generatedStyles].concat(props.style(state)); | ||
@@ -1223,29 +1251,32 @@ }; | ||
| } | ||
| var _StyledNativeComponent = (InlineStyle) => { | ||
| const createStyledNativeComponent = (target, options, rules) => { | ||
| const isTargetStyledComp = isStyledComponent(target); | ||
| const styledComponentTarget = target; | ||
| const { displayName = generateDisplayName(target), attrs = EMPTY_ARRAY } = options; | ||
| var _StyledNativeComponent = (function (InlineStyle) { | ||
| var createStyledNativeComponent = function (target, options, rules) { | ||
| var isTargetStyledComp = isStyledComponent(target); | ||
| var styledComponentTarget = target; | ||
| var _a = options.displayName, displayName = _a === void 0 ? generateDisplayName(target) : _a, _b = options.attrs, attrs = _b === void 0 ? EMPTY_ARRAY : _b; | ||
| // fold the underlying StyledComponent attrs up (implicit extend) | ||
| const finalAttrs = isTargetStyledComp && styledComponentTarget.attrs | ||
| var finalAttrs = isTargetStyledComp && styledComponentTarget.attrs | ||
| ? styledComponentTarget.attrs.concat(attrs).filter(Boolean) | ||
| : attrs; | ||
| // eslint-disable-next-line prefer-destructuring | ||
| let shouldForwardProp = options.shouldForwardProp; | ||
| var shouldForwardProp = options.shouldForwardProp; | ||
| if (isTargetStyledComp && styledComponentTarget.shouldForwardProp) { | ||
| const shouldForwardPropFn = styledComponentTarget.shouldForwardProp; | ||
| var shouldForwardPropFn_1 = styledComponentTarget.shouldForwardProp; | ||
| if (options.shouldForwardProp) { | ||
| const passedShouldForwardPropFn = options.shouldForwardProp; | ||
| var passedShouldForwardPropFn_1 = options.shouldForwardProp; | ||
| // compose nested shouldForwardProp calls | ||
| shouldForwardProp = (prop, filterFn, elementToBeCreated) => shouldForwardPropFn(prop, filterFn, elementToBeCreated) && | ||
| passedShouldForwardPropFn(prop, filterFn, elementToBeCreated); | ||
| shouldForwardProp = function (prop, filterFn, elementToBeCreated) { | ||
| return shouldForwardPropFn_1(prop, filterFn, elementToBeCreated) && | ||
| passedShouldForwardPropFn_1(prop, filterFn, elementToBeCreated); | ||
| }; | ||
| } | ||
| else { | ||
| // eslint-disable-next-line prefer-destructuring | ||
| shouldForwardProp = shouldForwardPropFn; | ||
| shouldForwardProp = shouldForwardPropFn_1; | ||
| } | ||
| } | ||
| const forwardRef = (props, ref) => | ||
| // eslint-disable-next-line react-hooks/rules-of-hooks | ||
| useStyledComponentImpl(WrappedStyledComponent, props, ref); | ||
| var forwardRef = function (props, ref) { | ||
| // eslint-disable-next-line react-hooks/rules-of-hooks | ||
| return useStyledComponentImpl(WrappedStyledComponent, props, ref); | ||
| }; | ||
| forwardRef.displayName = displayName; | ||
@@ -1256,3 +1287,3 @@ /** | ||
| */ | ||
| let WrappedStyledComponent = React__default["default"].forwardRef(forwardRef); | ||
| var WrappedStyledComponent = React__default["default"].forwardRef(forwardRef); | ||
| WrappedStyledComponent.attrs = finalAttrs; | ||
@@ -1267,13 +1298,10 @@ WrappedStyledComponent.inlineStyle = new InlineStyle(isTargetStyledComp ? styledComponentTarget.inlineStyle.rules.concat(rules) : rules); | ||
| WrappedStyledComponent.withComponent = function withComponent(tag) { | ||
| const newOptions = { | ||
| ...options, | ||
| attrs: finalAttrs, | ||
| }; | ||
| var newOptions = tslib.__assign(tslib.__assign({}, options), { attrs: finalAttrs }); | ||
| return createStyledNativeComponent(tag, newOptions, rules); | ||
| }; | ||
| Object.defineProperty(WrappedStyledComponent, 'defaultProps', { | ||
| get() { | ||
| get: function () { | ||
| return this._foldedDefaultProps; | ||
| }, | ||
| set(obj) { | ||
| set: function (obj) { | ||
| this._foldedDefaultProps = isTargetStyledComp | ||
@@ -1296,12 +1324,14 @@ ? mixinDeep({}, styledComponentTarget.defaultProps, obj) | ||
| return createStyledNativeComponent; | ||
| }; | ||
| }); | ||
| // eslint-disable-next-line @typescript-eslint/no-var-requires | ||
| const reactNative = require('react-native'); | ||
| const InlineStyle = makeInlineStyleClass(reactNative.StyleSheet); | ||
| const StyledNativeComponent = _StyledNativeComponent(InlineStyle); | ||
| const baseStyled = (tag) => constructWithOptions(StyledNativeComponent, tag); | ||
| var reactNative = require('react-native'); | ||
| var InlineStyle = makeInlineStyleClass(reactNative.StyleSheet); | ||
| var StyledNativeComponent = _StyledNativeComponent(InlineStyle); | ||
| var baseStyled = function (tag) { | ||
| return constructWithOptions(StyledNativeComponent, tag); | ||
| }; | ||
| /* React native lazy-requires each of these modules for some reason, so let's | ||
| * assume it's for a good reason and not eagerly load them all */ | ||
| const aliases = [ | ||
| var aliases = [ | ||
| 'ActivityIndicator', | ||
@@ -1332,15 +1362,17 @@ 'Button', | ||
| ]; | ||
| const styled = baseStyled; | ||
| var styled = baseStyled; | ||
| /* Define a getter for each alias which simply gets the reactNative component | ||
| * and passes it to styled */ | ||
| aliases.forEach(alias => Object.defineProperty(styled, alias, { | ||
| enumerable: true, | ||
| configurable: false, | ||
| get() { | ||
| if (alias in reactNative && reactNative[alias]) { | ||
| return styled(reactNative[alias]); | ||
| } | ||
| throw new Error(`${alias} is not available in the currently-installed version of react-native`); | ||
| }, | ||
| })); | ||
| aliases.forEach(function (alias) { | ||
| return Object.defineProperty(styled, alias, { | ||
| enumerable: true, | ||
| configurable: false, | ||
| get: function () { | ||
| if (alias in reactNative && reactNative[alias]) { | ||
| return styled(reactNative[alias]); | ||
| } | ||
| throw new Error("".concat(alias, " is not available in the currently-installed version of react-native")); | ||
| }, | ||
| }); | ||
| }); | ||
@@ -1347,0 +1379,0 @@ exports.ThemeConsumer = ThemeConsumer; |
@@ -0,1 +1,2 @@ | ||
| import { __spreadArray, __assign } from 'tslib'; | ||
| import React, { useContext, useMemo, createElement } from 'react'; | ||
@@ -8,4 +9,4 @@ import 'shallowequal'; | ||
| const EMPTY_ARRAY = Object.freeze([]); | ||
| const EMPTY_OBJECT = Object.freeze({}); | ||
| var EMPTY_ARRAY = Object.freeze([]); | ||
| var EMPTY_OBJECT = Object.freeze({}); | ||
@@ -32,13 +33,17 @@ var errorMap = { | ||
| const ERRORS = process.env.NODE_ENV !== 'production' ? errorMap : {}; | ||
| var ERRORS = process.env.NODE_ENV !== 'production' ? errorMap : {}; | ||
| /** | ||
| * super basic version of sprintf | ||
| */ | ||
| function format(...args) { | ||
| let a = args[0]; | ||
| const b = []; | ||
| for (let c = 1, len = args.length; c < len; c += 1) { | ||
| function format() { | ||
| var args = []; | ||
| for (var _i = 0; _i < arguments.length; _i++) { | ||
| args[_i] = arguments[_i]; | ||
| } | ||
| var a = args[0]; | ||
| var b = []; | ||
| for (var c = 1, len = args.length; c < len; c += 1) { | ||
| b.push(args[c]); | ||
| } | ||
| b.forEach(d => { | ||
| b.forEach(function (d) { | ||
| a = a.replace(/%[a-z]/, d); | ||
@@ -52,19 +57,23 @@ }); | ||
| */ | ||
| function throwStyledComponentsError(code, ...interpolations) { | ||
| function throwStyledComponentsError(code) { | ||
| var interpolations = []; | ||
| for (var _i = 1; _i < arguments.length; _i++) { | ||
| interpolations[_i - 1] = arguments[_i]; | ||
| } | ||
| if (process.env.NODE_ENV === 'production') { | ||
| return new Error(`An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#${code} for more information.${interpolations.length > 0 ? ` Args: ${interpolations.join(', ')}` : ''}`); | ||
| return new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(code, " for more information.").concat(interpolations.length > 0 ? " Args: ".concat(interpolations.join(', ')) : '')); | ||
| } | ||
| else { | ||
| return new Error(format(ERRORS[code], ...interpolations).trim()); | ||
| return new Error(format.apply(void 0, __spreadArray([ERRORS[code]], interpolations, false)).trim()); | ||
| } | ||
| } | ||
| const SC_ATTR = (typeof process !== 'undefined' && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR)) || | ||
| var SC_ATTR = (typeof process !== 'undefined' && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR)) || | ||
| 'data-styled'; | ||
| const SC_ATTR_ACTIVE = 'active'; | ||
| const SC_ATTR_VERSION = 'data-styled-version'; | ||
| const SC_VERSION = "6.0.0-alpha.7"; | ||
| const SPLITTER = '/*!sc*/\n'; | ||
| const IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window; | ||
| const DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean' | ||
| var SC_ATTR_ACTIVE = 'active'; | ||
| var SC_ATTR_VERSION = 'data-styled-version'; | ||
| var SC_VERSION = "6.0.0-beta.0"; | ||
| var SPLITTER = '/*!sc*/\n'; | ||
| var IS_BROWSER = typeof window !== 'undefined' && 'HTMLElement' in window; | ||
| var DISABLE_SPEEDY = Boolean(typeof SC_DISABLE_SPEEDY === 'boolean' | ||
| ? SC_DISABLE_SPEEDY | ||
@@ -86,11 +95,8 @@ : typeof process !== 'undefined' && | ||
| /** Create a GroupedTag with an underlying Tag implementation */ | ||
| const makeGroupedTag = (tag) => { | ||
| var makeGroupedTag = function (tag) { | ||
| return new DefaultGroupedTag(tag); | ||
| }; | ||
| const BASE_SIZE = 1 << 9; | ||
| const DefaultGroupedTag = class DefaultGroupedTag { | ||
| groupSizes; | ||
| length; | ||
| tag; | ||
| constructor(tag) { | ||
| var BASE_SIZE = 1 << 9; | ||
| var DefaultGroupedTag = /** @class */ (function () { | ||
| function DefaultGroupedTag(tag) { | ||
| this.groupSizes = new Uint32Array(BASE_SIZE); | ||
@@ -100,18 +106,18 @@ this.length = BASE_SIZE; | ||
| } | ||
| indexOfGroup(group) { | ||
| let index = 0; | ||
| for (let i = 0; i < group; i++) { | ||
| DefaultGroupedTag.prototype.indexOfGroup = function (group) { | ||
| var index = 0; | ||
| for (var i = 0; i < group; i++) { | ||
| index += this.groupSizes[i]; | ||
| } | ||
| return index; | ||
| } | ||
| insertRules(group, rules) { | ||
| }; | ||
| DefaultGroupedTag.prototype.insertRules = function (group, rules) { | ||
| if (group >= this.groupSizes.length) { | ||
| const oldBuffer = this.groupSizes; | ||
| const oldSize = oldBuffer.length; | ||
| let newSize = oldSize; | ||
| var oldBuffer = this.groupSizes; | ||
| var oldSize = oldBuffer.length; | ||
| var newSize = oldSize; | ||
| while (group >= newSize) { | ||
| newSize <<= 1; | ||
| if (newSize < 0) { | ||
| throw throwStyledComponentsError(16, `${group}`); | ||
| throw throwStyledComponentsError(16, "".concat(group)); | ||
| } | ||
@@ -122,9 +128,9 @@ } | ||
| this.length = newSize; | ||
| for (let i = oldSize; i < newSize; i++) { | ||
| for (var i = oldSize; i < newSize; i++) { | ||
| this.groupSizes[i] = 0; | ||
| } | ||
| } | ||
| let ruleIndex = this.indexOfGroup(group + 1); | ||
| var ruleIndex = this.indexOfGroup(group + 1); | ||
| if (Array.isArray(rules)) { | ||
| for (let i = 0, l = rules.length; i < l; i++) { | ||
| for (var i = 0, l = rules.length; i < l; i++) { | ||
| if (this.tag.insertRule(ruleIndex, rules[i])) { | ||
@@ -141,34 +147,35 @@ this.groupSizes[group]++; | ||
| } | ||
| } | ||
| clearGroup(group) { | ||
| }; | ||
| DefaultGroupedTag.prototype.clearGroup = function (group) { | ||
| if (group < this.length) { | ||
| const length = this.groupSizes[group]; | ||
| const startIndex = this.indexOfGroup(group); | ||
| const endIndex = startIndex + length; | ||
| var length_1 = this.groupSizes[group]; | ||
| var startIndex = this.indexOfGroup(group); | ||
| var endIndex = startIndex + length_1; | ||
| this.groupSizes[group] = 0; | ||
| for (let i = startIndex; i < endIndex; i++) { | ||
| for (var i = startIndex; i < endIndex; i++) { | ||
| this.tag.deleteRule(startIndex); | ||
| } | ||
| } | ||
| } | ||
| getGroup(group) { | ||
| let css = ''; | ||
| }; | ||
| DefaultGroupedTag.prototype.getGroup = function (group) { | ||
| var css = ''; | ||
| if (group >= this.length || this.groupSizes[group] === 0) { | ||
| return css; | ||
| } | ||
| const length = this.groupSizes[group]; | ||
| const startIndex = this.indexOfGroup(group); | ||
| const endIndex = startIndex + length; | ||
| for (let i = startIndex; i < endIndex; i++) { | ||
| css += `${this.tag.getRule(i)}${SPLITTER}`; | ||
| var length = this.groupSizes[group]; | ||
| var startIndex = this.indexOfGroup(group); | ||
| var endIndex = startIndex + length; | ||
| for (var i = startIndex; i < endIndex; i++) { | ||
| css += "".concat(this.tag.getRule(i)).concat(SPLITTER); | ||
| } | ||
| return css; | ||
| } | ||
| }; | ||
| }; | ||
| return DefaultGroupedTag; | ||
| }()); | ||
| const MAX_SMI = 1 << (31 - 1); | ||
| let groupIDRegister = new Map(); | ||
| let reverseRegister = new Map(); | ||
| let nextFreeGroup = 1; | ||
| const getGroupForId = (id) => { | ||
| var MAX_SMI = 1 << (31 - 1); | ||
| var groupIDRegister = new Map(); | ||
| var reverseRegister = new Map(); | ||
| var nextFreeGroup = 1; | ||
| var getGroupForId = function (id) { | ||
| if (groupIDRegister.has(id)) { | ||
@@ -180,5 +187,5 @@ return groupIDRegister.get(id); | ||
| } | ||
| const group = nextFreeGroup++; | ||
| var group = nextFreeGroup++; | ||
| if (process.env.NODE_ENV !== 'production' && ((group | 0) < 0 || group > MAX_SMI)) { | ||
| throw throwStyledComponentsError(16, `${group}`); | ||
| throw throwStyledComponentsError(16, "".concat(group)); | ||
| } | ||
@@ -189,6 +196,6 @@ groupIDRegister.set(id, group); | ||
| }; | ||
| const getIdForGroup = (group) => { | ||
| var getIdForGroup = function (group) { | ||
| return reverseRegister.get(group); | ||
| }; | ||
| const setGroupForId = (id, group) => { | ||
| var setGroupForId = function (id, group) { | ||
| groupIDRegister.set(id, group); | ||
@@ -198,22 +205,22 @@ reverseRegister.set(group, id); | ||
| const SELECTOR = `style[${SC_ATTR}][${SC_ATTR_VERSION}="${SC_VERSION}"]`; | ||
| const MARKER_RE = new RegExp(`^${SC_ATTR}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`); | ||
| const outputSheet = (sheet) => { | ||
| const tag = sheet.getTag(); | ||
| const { length } = tag; | ||
| let css = ''; | ||
| for (let group = 0; group < length; group++) { | ||
| const id = getIdForGroup(group); | ||
| var SELECTOR = "style[".concat(SC_ATTR, "][").concat(SC_ATTR_VERSION, "=\"").concat(SC_VERSION, "\"]"); | ||
| var MARKER_RE = new RegExp("^".concat(SC_ATTR, "\\.g(\\d+)\\[id=\"([\\w\\d-]+)\"\\].*?\"([^\"]*)")); | ||
| var outputSheet = function (sheet) { | ||
| var tag = sheet.getTag(); | ||
| var length = tag.length; | ||
| var css = ''; | ||
| var _loop_1 = function (group) { | ||
| var id = getIdForGroup(group); | ||
| if (id === undefined) | ||
| continue; | ||
| const names = sheet.names.get(id); | ||
| const rules = tag.getGroup(group); | ||
| return "continue"; | ||
| var names = sheet.names.get(id); | ||
| var rules = tag.getGroup(group); | ||
| if (names === undefined || rules.length === 0) | ||
| continue; | ||
| const selector = `${SC_ATTR}.g${group}[id="${id}"]`; | ||
| let content = ''; | ||
| return "continue"; | ||
| var selector = "".concat(SC_ATTR, ".g").concat(group, "[id=\"").concat(id, "\"]"); | ||
| var content = ''; | ||
| if (names !== undefined) { | ||
| names.forEach(name => { | ||
| names.forEach(function (name) { | ||
| if (name.length > 0) { | ||
| content += `${name},`; | ||
| content += "".concat(name, ","); | ||
| } | ||
@@ -224,10 +231,13 @@ }); | ||
| // after the actual rules to simplify the rehydration | ||
| css += `${rules}${selector}{content:"${content}"}${SPLITTER}`; | ||
| css += "".concat(rules).concat(selector, "{content:\"").concat(content, "\"}").concat(SPLITTER); | ||
| }; | ||
| for (var group = 0; group < length; group++) { | ||
| _loop_1(group); | ||
| } | ||
| return css; | ||
| }; | ||
| const rehydrateNamesFromContent = (sheet, id, content) => { | ||
| const names = content.split(','); | ||
| let name; | ||
| for (let i = 0, l = names.length; i < l; i++) { | ||
| var rehydrateNamesFromContent = function (sheet, id, content) { | ||
| var names = content.split(','); | ||
| var name; | ||
| for (var i = 0, l = names.length; i < l; i++) { | ||
| // eslint-disable-next-line | ||
@@ -239,13 +249,14 @@ if ((name = names[i])) { | ||
| }; | ||
| const rehydrateSheetFromTag = (sheet, style) => { | ||
| const parts = (style.textContent ?? '').split(SPLITTER); | ||
| const rules = []; | ||
| for (let i = 0, l = parts.length; i < l; i++) { | ||
| const part = parts[i].trim(); | ||
| var rehydrateSheetFromTag = function (sheet, style) { | ||
| var _a; | ||
| var parts = ((_a = style.textContent) !== null && _a !== void 0 ? _a : '').split(SPLITTER); | ||
| var rules = []; | ||
| for (var i = 0, l = parts.length; i < l; i++) { | ||
| var part = parts[i].trim(); | ||
| if (!part) | ||
| continue; | ||
| const marker = part.match(MARKER_RE); | ||
| var marker = part.match(MARKER_RE); | ||
| if (marker) { | ||
| const group = parseInt(marker[1], 10) | 0; | ||
| const id = marker[2]; | ||
| var group = parseInt(marker[1], 10) | 0; | ||
| var id = marker[2]; | ||
| if (group !== 0) { | ||
@@ -266,6 +277,6 @@ // Rehydrate componentId to group index mapping | ||
| }; | ||
| const rehydrateSheet = (sheet) => { | ||
| const nodes = document.querySelectorAll(SELECTOR); | ||
| for (let i = 0, l = nodes.length; i < l; i++) { | ||
| const node = nodes[i]; | ||
| var rehydrateSheet = function (sheet) { | ||
| var nodes = document.querySelectorAll(SELECTOR); | ||
| for (var i = 0, l = nodes.length; i < l; i++) { | ||
| var node = nodes[i]; | ||
| if (node && node.getAttribute(SC_ATTR) !== SC_ATTR_ACTIVE) { | ||
@@ -284,9 +295,9 @@ rehydrateSheetFromTag(sheet, node); | ||
| const ELEMENT_TYPE = 1; | ||
| var ELEMENT_TYPE = 1; | ||
| /* Node.ELEMENT_TYPE */ | ||
| /** Find last style element if any inside target */ | ||
| const findLastStyleTag = (target) => { | ||
| const { childNodes } = target; | ||
| for (let i = childNodes.length; i >= 0; i--) { | ||
| const child = childNodes[i]; | ||
| var findLastStyleTag = function (target) { | ||
| var childNodes = target.childNodes; | ||
| for (var i = childNodes.length; i >= 0; i--) { | ||
| var child = childNodes[i]; | ||
| if (child && child.nodeType === ELEMENT_TYPE && child.hasAttribute(SC_ATTR)) { | ||
@@ -299,11 +310,11 @@ return child; | ||
| /** Create a style element inside `target` or <head> after the last */ | ||
| const makeStyleTag = (target) => { | ||
| const head = document.head; | ||
| const parent = target || head; | ||
| const style = document.createElement('style'); | ||
| const prevStyle = findLastStyleTag(parent); | ||
| const nextSibling = prevStyle !== undefined ? prevStyle.nextSibling : null; | ||
| var makeStyleTag = function (target) { | ||
| var head = document.head; | ||
| var parent = target || head; | ||
| var style = document.createElement('style'); | ||
| var prevStyle = findLastStyleTag(parent); | ||
| var nextSibling = prevStyle !== undefined ? prevStyle.nextSibling : null; | ||
| style.setAttribute(SC_ATTR, SC_ATTR_ACTIVE); | ||
| style.setAttribute(SC_ATTR_VERSION, SC_VERSION); | ||
| const nonce = getNonce(); | ||
| var nonce = getNonce(); | ||
| if (nonce) | ||
@@ -315,3 +326,3 @@ style.setAttribute('nonce', nonce); | ||
| /** Get the CSSStyleSheet instance for a given style element */ | ||
| const getSheet = (tag) => { | ||
| var getSheet = function (tag) { | ||
| if (tag.sheet) { | ||
@@ -321,5 +332,5 @@ return tag.sheet; | ||
| // Avoid Firefox quirk where the style element might not have a sheet property | ||
| const { styleSheets } = document; | ||
| for (let i = 0, l = styleSheets.length; i < l; i++) { | ||
| const sheet = styleSheets[i]; | ||
| var styleSheets = document.styleSheets; | ||
| for (var i = 0, l = styleSheets.length; i < l; i++) { | ||
| var sheet = styleSheets[i]; | ||
| if (sheet.ownerNode === tag) { | ||
@@ -333,3 +344,4 @@ return sheet; | ||
| /** Create a CSSStyleSheet-like tag depending on the environment */ | ||
| const makeTag = ({ isServer, useCSSOMInjection, target }) => { | ||
| var makeTag = function (_a) { | ||
| var isServer = _a.isServer, useCSSOMInjection = _a.useCSSOMInjection, target = _a.target; | ||
| if (isServer) { | ||
@@ -345,8 +357,5 @@ return new VirtualTag(target); | ||
| }; | ||
| const CSSOMTag = class CSSOMTag { | ||
| element; | ||
| sheet; | ||
| length; | ||
| constructor(target) { | ||
| const element = (this.element = makeStyleTag(target)); | ||
| var CSSOMTag = /** @class */ (function () { | ||
| function CSSOMTag(target) { | ||
| var element = (this.element = makeStyleTag(target)); | ||
| // Avoid Edge bug where empty style elements don't create sheets | ||
@@ -357,3 +366,3 @@ element.appendChild(document.createTextNode('')); | ||
| } | ||
| insertRule(index, rule) { | ||
| CSSOMTag.prototype.insertRule = function (index, rule) { | ||
| try { | ||
@@ -367,9 +376,9 @@ this.sheet.insertRule(rule, index); | ||
| } | ||
| } | ||
| deleteRule(index) { | ||
| }; | ||
| CSSOMTag.prototype.deleteRule = function (index) { | ||
| this.sheet.deleteRule(index); | ||
| this.length--; | ||
| } | ||
| getRule(index) { | ||
| const rule = this.sheet.cssRules[index]; | ||
| }; | ||
| CSSOMTag.prototype.getRule = function (index) { | ||
| var rule = this.sheet.cssRules[index]; | ||
| // Avoid IE11 quirk where cssText is inaccessible on some invalid rules | ||
@@ -382,18 +391,16 @@ if (rule !== undefined && typeof rule.cssText === 'string') { | ||
| } | ||
| } | ||
| }; | ||
| }; | ||
| return CSSOMTag; | ||
| }()); | ||
| /** A Tag that emulates the CSSStyleSheet API but uses text nodes */ | ||
| const TextTag = class TextTag { | ||
| element; | ||
| nodes; | ||
| length; | ||
| constructor(target) { | ||
| const element = (this.element = makeStyleTag(target)); | ||
| var TextTag = /** @class */ (function () { | ||
| function TextTag(target) { | ||
| var element = (this.element = makeStyleTag(target)); | ||
| this.nodes = element.childNodes; | ||
| this.length = 0; | ||
| } | ||
| insertRule(index, rule) { | ||
| TextTag.prototype.insertRule = function (index, rule) { | ||
| if (index <= this.length && index >= 0) { | ||
| const node = document.createTextNode(rule); | ||
| const refNode = this.nodes[index]; | ||
| var node = document.createTextNode(rule); | ||
| var refNode = this.nodes[index]; | ||
| this.element.insertBefore(node, refNode || null); | ||
@@ -406,8 +413,8 @@ this.length++; | ||
| } | ||
| } | ||
| deleteRule(index) { | ||
| }; | ||
| TextTag.prototype.deleteRule = function (index) { | ||
| this.element.removeChild(this.nodes[index]); | ||
| this.length--; | ||
| } | ||
| getRule(index) { | ||
| }; | ||
| TextTag.prototype.getRule = function (index) { | ||
| if (index < this.length) { | ||
@@ -419,13 +426,12 @@ return this.nodes[index].textContent; | ||
| } | ||
| } | ||
| }; | ||
| }; | ||
| return TextTag; | ||
| }()); | ||
| /** A completely virtual (server-side) Tag that doesn't manipulate the DOM */ | ||
| const VirtualTag = class VirtualTag { | ||
| rules; | ||
| length; | ||
| constructor(_target) { | ||
| var VirtualTag = /** @class */ (function () { | ||
| function VirtualTag(_target) { | ||
| this.rules = []; | ||
| this.length = 0; | ||
| } | ||
| insertRule(index, rule) { | ||
| VirtualTag.prototype.insertRule = function (index, rule) { | ||
| if (index <= this.length) { | ||
@@ -439,8 +445,8 @@ this.rules.splice(index, 0, rule); | ||
| } | ||
| } | ||
| deleteRule(index) { | ||
| }; | ||
| VirtualTag.prototype.deleteRule = function (index) { | ||
| this.rules.splice(index, 1); | ||
| this.length--; | ||
| } | ||
| getRule(index) { | ||
| }; | ||
| VirtualTag.prototype.getRule = function (index) { | ||
| if (index < this.length) { | ||
@@ -452,7 +458,8 @@ return this.rules[index]; | ||
| } | ||
| } | ||
| }; | ||
| }; | ||
| return VirtualTag; | ||
| }()); | ||
| let SHOULD_REHYDRATE = IS_BROWSER; | ||
| const defaultOptions = { | ||
| var SHOULD_REHYDRATE = IS_BROWSER; | ||
| var defaultOptions = { | ||
| isServer: !IS_BROWSER, | ||
@@ -462,17 +469,7 @@ useCSSOMInjection: !DISABLE_SPEEDY, | ||
| /** Contains the main stylesheet logic for stringification and caching */ | ||
| class StyleSheet { | ||
| gs; | ||
| names; | ||
| options; | ||
| server; | ||
| tag; | ||
| /** Register a group ID to give it an index */ | ||
| static registerId(id) { | ||
| return getGroupForId(id); | ||
| } | ||
| constructor(options = EMPTY_OBJECT, globalStyles = {}, names) { | ||
| this.options = { | ||
| ...defaultOptions, | ||
| ...options, | ||
| }; | ||
| var StyleSheet = /** @class */ (function () { | ||
| function StyleSheet(options, globalStyles, names) { | ||
| if (options === void 0) { options = EMPTY_OBJECT; } | ||
| if (globalStyles === void 0) { globalStyles = {}; } | ||
| this.options = __assign(__assign({}, defaultOptions), options); | ||
| this.gs = globalStyles; | ||
@@ -487,21 +484,26 @@ this.names = new Map(names); | ||
| } | ||
| reconstructWithOptions(options, withNames = true) { | ||
| return new StyleSheet({ ...this.options, ...options }, this.gs, (withNames && this.names) || undefined); | ||
| } | ||
| allocateGSInstance(id) { | ||
| /** Register a group ID to give it an index */ | ||
| StyleSheet.registerId = function (id) { | ||
| return getGroupForId(id); | ||
| }; | ||
| StyleSheet.prototype.reconstructWithOptions = function (options, withNames) { | ||
| if (withNames === void 0) { withNames = true; } | ||
| return new StyleSheet(__assign(__assign({}, this.options), options), this.gs, (withNames && this.names) || undefined); | ||
| }; | ||
| StyleSheet.prototype.allocateGSInstance = function (id) { | ||
| return (this.gs[id] = (this.gs[id] || 0) + 1); | ||
| } | ||
| }; | ||
| /** Lazily initialises a GroupedTag for when it's actually needed */ | ||
| getTag() { | ||
| StyleSheet.prototype.getTag = function () { | ||
| return this.tag || (this.tag = makeGroupedTag(makeTag(this.options))); | ||
| } | ||
| }; | ||
| /** Check whether a name is known for caching */ | ||
| hasNameForId(id, name) { | ||
| StyleSheet.prototype.hasNameForId = function (id, name) { | ||
| return this.names.has(id) && this.names.get(id).has(name); | ||
| } | ||
| }; | ||
| /** Mark a group's name as known for caching */ | ||
| registerName(id, name) { | ||
| StyleSheet.prototype.registerName = function (id, name) { | ||
| getGroupForId(id); | ||
| if (!this.names.has(id)) { | ||
| const groupNames = new Set(); | ||
| var groupNames = new Set(); | ||
| groupNames.add(name); | ||
@@ -513,37 +515,38 @@ this.names.set(id, groupNames); | ||
| } | ||
| } | ||
| }; | ||
| /** Insert new rules which also marks the name as known */ | ||
| insertRules(id, name, rules) { | ||
| StyleSheet.prototype.insertRules = function (id, name, rules) { | ||
| this.registerName(id, name); | ||
| this.getTag().insertRules(getGroupForId(id), rules); | ||
| } | ||
| }; | ||
| /** Clears all cached names for a given group ID */ | ||
| clearNames(id) { | ||
| StyleSheet.prototype.clearNames = function (id) { | ||
| if (this.names.has(id)) { | ||
| this.names.get(id).clear(); | ||
| } | ||
| } | ||
| }; | ||
| /** Clears all rules for a given group ID */ | ||
| clearRules(id) { | ||
| StyleSheet.prototype.clearRules = function (id) { | ||
| this.getTag().clearGroup(getGroupForId(id)); | ||
| this.clearNames(id); | ||
| } | ||
| }; | ||
| /** Clears the entire tag which deletes all rules but not its names */ | ||
| clearTag() { | ||
| StyleSheet.prototype.clearTag = function () { | ||
| // NOTE: This does not clear the names, since it's only used during SSR | ||
| // so that we can continuously output only new rules | ||
| this.tag = undefined; | ||
| } | ||
| }; | ||
| /** Outputs the current sheet as a CSS string with markers for SSR */ | ||
| toString() { | ||
| StyleSheet.prototype.toString = function () { | ||
| return outputSheet(this); | ||
| } | ||
| } | ||
| }; | ||
| return StyleSheet; | ||
| }()); | ||
| const SEED = 5381; | ||
| var SEED = 5381; | ||
| // When we have separate strings it's useful to run a progressive | ||
| // version of djb2 where we pretend that we're still looping over | ||
| // the same string | ||
| const phash = (h, x) => { | ||
| let i = x.length; | ||
| var phash = function (h, x) { | ||
| var i = x.length; | ||
| while (i) { | ||
@@ -555,14 +558,15 @@ h = (h * 33) ^ x.charCodeAt(--i); | ||
| // This is a djb2 hashing function | ||
| const hash = (x) => { | ||
| var hash = function (x) { | ||
| return phash(SEED, x); | ||
| }; | ||
| const COMMENT_REGEX = /^\s*\/\/.*$/gm; | ||
| const COMPLEX_SELECTOR_PREFIX = [':', '[', '.', '#']; | ||
| function createStylisInstance({ options = EMPTY_OBJECT, plugins = EMPTY_ARRAY, } = EMPTY_OBJECT) { | ||
| let _componentId; | ||
| let _selector; | ||
| let _selectorRegexp; | ||
| let _consecutiveSelfRefRegExp; | ||
| const selfReferenceReplacer = (match, offset, string) => { | ||
| var COMMENT_REGEX = /^\s*\/\/.*$/gm; | ||
| var COMPLEX_SELECTOR_PREFIX = [':', '[', '.', '#']; | ||
| function createStylisInstance(_a) { | ||
| var _b = _a === void 0 ? EMPTY_OBJECT : _a, _c = _b.options, options = _c === void 0 ? EMPTY_OBJECT : _c, _d = _b.plugins, plugins = _d === void 0 ? EMPTY_ARRAY : _d; | ||
| var _componentId; | ||
| var _selector; | ||
| var _selectorRegexp; | ||
| var _consecutiveSelfRefRegExp; | ||
| var selfReferenceReplacer = function (match, offset, string) { | ||
| if ( | ||
@@ -572,3 +576,3 @@ // do not replace the first occurrence if it is complex (has a modifier) | ||
| !string.match(_consecutiveSelfRefRegExp)) { | ||
| return `.${_componentId}`; | ||
| return ".".concat(_componentId); | ||
| } | ||
@@ -589,10 +593,13 @@ return match; | ||
| */ | ||
| const selfReferenceReplacementPlugin = element => { | ||
| var selfReferenceReplacementPlugin = function (element) { | ||
| if (element.type === RULESET && element.value.includes('&')) { | ||
| const props = element.props; | ||
| var props = element.props; | ||
| props[0] = props[0].replace(_selectorRegexp, selfReferenceReplacer); | ||
| } | ||
| }; | ||
| const stringifyRules = (css, selector = '', prefix = '', componentId = '&') => { | ||
| let flatCSS = css.replace(COMMENT_REGEX, ''); | ||
| var stringifyRules = function (css, selector, prefix, componentId) { | ||
| if (selector === void 0) { selector = ''; } | ||
| if (prefix === void 0) { prefix = ''; } | ||
| if (componentId === void 0) { componentId = '&'; } | ||
| var flatCSS = css.replace(COMMENT_REGEX, ''); | ||
| // stylis has no concept of state to be passed to plugins | ||
@@ -603,5 +610,5 @@ // but since JS is single-threaded, we can rely on that to ensure | ||
| _selector = selector; | ||
| _selectorRegexp = new RegExp(`\\${_selector}\\b`, 'g'); | ||
| _consecutiveSelfRefRegExp = new RegExp(`(\\${_selector}\\b){2,}`); | ||
| const middlewares = plugins.slice(); | ||
| _selectorRegexp = new RegExp("\\".concat(_selector, "\\b"), 'g'); | ||
| _consecutiveSelfRefRegExp = new RegExp("(\\".concat(_selector, "\\b){2,}")); | ||
| var middlewares = plugins.slice(); | ||
| if (options.prefix || options.prefix === undefined) { | ||
@@ -611,7 +618,7 @@ middlewares.unshift(prefixer); | ||
| middlewares.push(selfReferenceReplacementPlugin, stringify); | ||
| return serialize(compile(prefix || selector ? `${prefix} ${selector} { ${flatCSS} }` : flatCSS), middleware(middlewares)); | ||
| return serialize(compile(prefix || selector ? "".concat(prefix, " ").concat(selector, " { ").concat(flatCSS, " }") : flatCSS), middleware(middlewares)); | ||
| }; | ||
| stringifyRules.hash = plugins.length | ||
| ? plugins | ||
| .reduce((acc, plugin) => { | ||
| .reduce(function (acc, plugin) { | ||
| if (!plugin.name) { | ||
@@ -627,31 +634,32 @@ throwStyledComponentsError(15); | ||
| const StyleSheetContext = React.createContext(undefined); | ||
| var StyleSheetContext = React.createContext(undefined); | ||
| StyleSheetContext.Consumer; | ||
| const StylisContext = React.createContext(undefined); | ||
| var StylisContext = React.createContext(undefined); | ||
| StylisContext.Consumer; | ||
| new StyleSheet(); | ||
| const mainStylis = createStylisInstance(); | ||
| var mainStylis = createStylisInstance(); | ||
| class Keyframes { | ||
| id; | ||
| name; | ||
| rules; | ||
| constructor(name, rules) { | ||
| var Keyframes = /** @class */ (function () { | ||
| function Keyframes(name, rules) { | ||
| var _this = this; | ||
| this.inject = function (styleSheet, stylisInstance) { | ||
| if (stylisInstance === void 0) { stylisInstance = mainStylis; } | ||
| var resolvedName = _this.name + stylisInstance.hash; | ||
| if (!styleSheet.hasNameForId(_this.id, resolvedName)) { | ||
| styleSheet.insertRules(_this.id, resolvedName, stylisInstance(_this.rules, resolvedName, '@keyframes')); | ||
| } | ||
| }; | ||
| this.toString = function () { | ||
| throw throwStyledComponentsError(12, String(_this.name)); | ||
| }; | ||
| this.name = name; | ||
| this.id = `sc-keyframes-${name}`; | ||
| this.id = "sc-keyframes-".concat(name); | ||
| this.rules = rules; | ||
| } | ||
| inject = (styleSheet, stylisInstance = mainStylis) => { | ||
| const resolvedName = this.name + stylisInstance.hash; | ||
| if (!styleSheet.hasNameForId(this.id, resolvedName)) { | ||
| styleSheet.insertRules(this.id, resolvedName, stylisInstance(this.rules, resolvedName, '@keyframes')); | ||
| } | ||
| Keyframes.prototype.getName = function (stylisInstance) { | ||
| if (stylisInstance === void 0) { stylisInstance = mainStylis; } | ||
| return this.name + stylisInstance.hash; | ||
| }; | ||
| toString = () => { | ||
| throw throwStyledComponentsError(12, String(this.name)); | ||
| }; | ||
| getName(stylisInstance = mainStylis) { | ||
| return this.name + stylisInstance.hash; | ||
| } | ||
| } | ||
| return Keyframes; | ||
| }()); | ||
@@ -665,3 +673,3 @@ // Taken from https://github.com/facebook/react/blob/b87aabdfe1b7461e7331abb3601d9e6bb27544bc/packages/react-dom/src/shared/dangerousStyleValue.js | ||
| if (typeof value === 'number' && value !== 0 && !(name in unitless)) { | ||
| return `${value}px`; // Presumes implicit 'px' suffix for unitless numbers | ||
| return "".concat(value, "px"); // Presumes implicit 'px' suffix for unitless numbers | ||
| } | ||
@@ -682,6 +690,6 @@ return String(value).trim(); | ||
| */ | ||
| const uppercaseCheck = /([A-Z])/; | ||
| const uppercasePattern = /([A-Z])/g; | ||
| const msPattern = /^ms-/; | ||
| const prefixAndLowerCase = (char) => `-${char.toLowerCase()}`; | ||
| var uppercaseCheck = /([A-Z])/; | ||
| var uppercasePattern = /([A-Z])/g; | ||
| var msPattern = /^ms-/; | ||
| var prefixAndLowerCase = function (char) { return "-".concat(char.toLowerCase()); }; | ||
| /** | ||
@@ -732,24 +740,26 @@ * Hyphenates a camelcased CSS property name, for example: | ||
| */ | ||
| const isFalsish = (chunk) => chunk === undefined || chunk === null || chunk === false || chunk === ''; | ||
| const objToCssArray = (obj, prevKey) => { | ||
| const rules = []; | ||
| for (const key in obj) { | ||
| var isFalsish = function (chunk) { | ||
| return chunk === undefined || chunk === null || chunk === false || chunk === ''; | ||
| }; | ||
| var objToCssArray = function (obj, prevKey) { | ||
| var rules = []; | ||
| for (var key in obj) { | ||
| if (!obj.hasOwnProperty(key) || isFalsish(obj[key])) | ||
| continue; | ||
| if ((Array.isArray(obj[key]) && obj[key].isCss) || isFunction(obj[key])) { | ||
| rules.push(`${hyphenateStyleName(key)}:`, obj[key], ';'); | ||
| rules.push("".concat(hyphenateStyleName(key), ":"), obj[key], ';'); | ||
| } | ||
| else if (isPlainObject(obj[key])) { | ||
| rules.push(...objToCssArray(obj[key], key)); | ||
| rules.push.apply(rules, objToCssArray(obj[key], key)); | ||
| } | ||
| else { | ||
| rules.push(`${hyphenateStyleName(key)}: ${addUnitIfNeeded(key, obj[key])};`); | ||
| rules.push("".concat(hyphenateStyleName(key), ": ").concat(addUnitIfNeeded(key, obj[key]), ";")); | ||
| } | ||
| } | ||
| return prevKey ? [`${prevKey} {`, ...rules, '}'] : rules; | ||
| return prevKey ? __spreadArray(__spreadArray(["".concat(prevKey, " {")], rules, true), ['}'], false) : rules; | ||
| }; | ||
| function flatten(chunk, executionContext, styleSheet, stylisInstance) { | ||
| if (Array.isArray(chunk)) { | ||
| const ruleSet = []; | ||
| for (let i = 0, len = chunk.length, result; i < len; i += 1) { | ||
| var ruleSet = []; | ||
| for (var i = 0, len = chunk.length, result = void 0; i < len; i += 1) { | ||
| result = flatten(chunk[i], executionContext, styleSheet, stylisInstance); | ||
@@ -759,3 +769,3 @@ if (result === '') | ||
| else if (Array.isArray(result)) | ||
| ruleSet.push(...result); | ||
| ruleSet.push.apply(ruleSet, result); | ||
| else | ||
@@ -771,3 +781,3 @@ ruleSet.push(result); | ||
| if (isStyledComponent(chunk)) { | ||
| return `.${chunk.styledComponentId}`; | ||
| return ".".concat(chunk.styledComponentId); | ||
| } | ||
@@ -777,4 +787,4 @@ /* Either execute or defer the function */ | ||
| if (isStatelessFunction(chunk) && executionContext) { | ||
| const chunkFn = chunk; | ||
| const result = chunkFn(executionContext); | ||
| var chunkFn = chunk; | ||
| var result = chunkFn(executionContext); | ||
| if (process.env.NODE_ENV !== 'production' && | ||
@@ -786,5 +796,5 @@ typeof result === 'object' && | ||
| // eslint-disable-next-line no-console | ||
| console.error(`${getComponentName( | ||
| console.error("".concat(getComponentName( | ||
| // @ts-expect-error handling unexpected input | ||
| chunkFn)} 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.`); | ||
| chunkFn), " 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.")); | ||
| } | ||
@@ -809,4 +819,4 @@ return flatten(result, executionContext, styleSheet, stylisInstance); | ||
| function interleave(strings, interpolations) { | ||
| const result = [strings[0]]; | ||
| for (let i = 0, len = interpolations.length; i < len; i += 1) { | ||
| var result = [strings[0]]; | ||
| for (var i = 0, len = interpolations.length; i < len; i += 1) { | ||
| result.push(interpolations[i], strings[i + 1]); | ||
@@ -821,3 +831,3 @@ } | ||
| */ | ||
| const addTag = (arg) => { | ||
| var addTag = function (arg) { | ||
| if (Array.isArray(arg)) { | ||
@@ -829,11 +839,14 @@ // eslint-disable-next-line no-param-reassign | ||
| }; | ||
| function css(styles, ...interpolations) { | ||
| function css(styles) { | ||
| var interpolations = []; | ||
| for (var _i = 1; _i < arguments.length; _i++) { | ||
| interpolations[_i - 1] = arguments[_i]; | ||
| } | ||
| if (isFunction(styles) || isPlainObject(styles)) { | ||
| const styleFunctionOrObject = styles; | ||
| return addTag(flatten(interleave(EMPTY_ARRAY, [ | ||
| styleFunctionOrObject, | ||
| ...interpolations, | ||
| ]))); | ||
| var styleFunctionOrObject = styles; | ||
| return addTag(flatten(interleave(EMPTY_ARRAY, __spreadArray([ | ||
| styleFunctionOrObject | ||
| ], interpolations, true)))); | ||
| } | ||
| const styleStringArray = styles; | ||
| var styleStringArray = styles; | ||
| if (interpolations.length === 0 && | ||
@@ -847,3 +860,4 @@ styleStringArray.length === 1 && | ||
| function constructWithOptions(componentConstructor, tag, options = EMPTY_OBJECT) { | ||
| function constructWithOptions(componentConstructor, tag, options) { | ||
| if (options === void 0) { options = EMPTY_OBJECT; } | ||
| // We trust that the tag is a valid component as long as it isn't falsish | ||
@@ -857,19 +871,23 @@ // Typically the tag here is a string or function (i.e. class or pure function component) | ||
| /* This is callable directly as a template function */ | ||
| const templateFunction = (initialStyles, ...interpolations) => componentConstructor(tag, options, css(initialStyles, ...interpolations)); | ||
| var templateFunction = function (initialStyles) { | ||
| var interpolations = []; | ||
| for (var _i = 1; _i < arguments.length; _i++) { | ||
| interpolations[_i - 1] = arguments[_i]; | ||
| } | ||
| return componentConstructor(tag, options, css.apply(void 0, __spreadArray([initialStyles], interpolations, false))); | ||
| }; | ||
| /* Modify/inject new props at runtime */ | ||
| templateFunction.attrs = (attrs) => constructWithOptions(componentConstructor, tag, { | ||
| ...options, | ||
| attrs: Array.prototype.concat(options.attrs, attrs).filter(Boolean), | ||
| }); | ||
| templateFunction.attrs = function (attrs) { | ||
| return constructWithOptions(componentConstructor, tag, __assign(__assign({}, options), { attrs: Array.prototype.concat(options.attrs, attrs).filter(Boolean) })); | ||
| }; | ||
| /** | ||
| * If config methods are called, wrap up a new template function and merge options */ | ||
| templateFunction.withConfig = (config) => constructWithOptions(componentConstructor, tag, { | ||
| ...options, | ||
| ...config, | ||
| }); | ||
| templateFunction.withConfig = function (config) { | ||
| return constructWithOptions(componentConstructor, tag, __assign(__assign({}, options), config)); | ||
| }; | ||
| return templateFunction; | ||
| } | ||
| const ThemeContext = React.createContext(undefined); | ||
| const ThemeConsumer = ThemeContext.Consumer; | ||
| var ThemeContext = React.createContext(undefined); | ||
| var ThemeConsumer = ThemeContext.Consumer; | ||
| function mergeTheme(theme, outerTheme) { | ||
@@ -880,4 +898,4 @@ if (!theme) { | ||
| if (isFunction(theme)) { | ||
| const themeFn = theme; | ||
| const mergedTheme = themeFn(outerTheme); | ||
| var themeFn = theme; | ||
| var mergedTheme = themeFn(outerTheme); | ||
| if (process.env.NODE_ENV !== 'production' && | ||
@@ -892,3 +910,3 @@ (mergedTheme === null || Array.isArray(mergedTheme) || typeof mergedTheme !== 'object')) { | ||
| } | ||
| return outerTheme ? { ...outerTheme, ...theme } : theme; | ||
| return outerTheme ? __assign(__assign({}, outerTheme), theme) : theme; | ||
| } | ||
@@ -899,4 +917,4 @@ /** | ||
| function ThemeProvider(props) { | ||
| const outerTheme = useContext(ThemeContext); | ||
| const themeContext = useMemo(() => mergeTheme(props.theme, outerTheme), [props.theme, outerTheme]); | ||
| var outerTheme = useContext(ThemeContext); | ||
| var themeContext = useMemo(function () { return mergeTheme(props.theme, outerTheme); }, [props.theme, outerTheme]); | ||
| if (!props.children) { | ||
@@ -908,14 +926,16 @@ return null; | ||
| function determineTheme(props, providedTheme, defaultProps = EMPTY_OBJECT) { | ||
| function determineTheme(props, providedTheme, defaultProps) { | ||
| if (defaultProps === void 0) { defaultProps = EMPTY_OBJECT; } | ||
| return (props.theme !== defaultProps.theme && props.theme) || providedTheme || defaultProps.theme; | ||
| } | ||
| const hasSymbol = typeof Symbol === 'function' && Symbol.for; | ||
| var _a; | ||
| var hasSymbol = typeof Symbol === 'function' && Symbol.for; | ||
| // copied from react-is | ||
| const REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3; | ||
| const REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0; | ||
| var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3; | ||
| var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0; | ||
| /** | ||
| * Adapted from hoist-non-react-statics to avoid the react-is dependency. | ||
| */ | ||
| const REACT_STATICS = { | ||
| var REACT_STATICS = { | ||
| childContextTypes: true, | ||
@@ -933,3 +953,3 @@ contextType: true, | ||
| }; | ||
| const KNOWN_STATICS = { | ||
| var KNOWN_STATICS = { | ||
| name: true, | ||
@@ -943,3 +963,3 @@ length: true, | ||
| }; | ||
| const FORWARD_REF_STATICS = { | ||
| var FORWARD_REF_STATICS = { | ||
| $$typeof: true, | ||
@@ -951,3 +971,3 @@ render: true, | ||
| }; | ||
| const MEMO_STATICS = { | ||
| var MEMO_STATICS = { | ||
| $$typeof: true, | ||
@@ -960,9 +980,9 @@ compare: true, | ||
| }; | ||
| const TYPE_STATICS = { | ||
| [REACT_FORWARD_REF_TYPE]: FORWARD_REF_STATICS, | ||
| [REACT_MEMO_TYPE]: MEMO_STATICS, | ||
| }; | ||
| var TYPE_STATICS = (_a = {}, | ||
| _a[REACT_FORWARD_REF_TYPE] = FORWARD_REF_STATICS, | ||
| _a[REACT_MEMO_TYPE] = MEMO_STATICS, | ||
| _a); | ||
| // adapted from react-is | ||
| function isMemo(object) { | ||
| const $$typeofType = 'type' in object && object.type.$$typeof; | ||
| var $$typeofType = 'type' in object && object.type.$$typeof; | ||
| return $$typeofType === REACT_MEMO_TYPE; | ||
@@ -980,8 +1000,8 @@ } | ||
| } | ||
| const defineProperty = Object.defineProperty; | ||
| const getOwnPropertyNames = Object.getOwnPropertyNames; | ||
| const getOwnPropertySymbols = Object.getOwnPropertySymbols; | ||
| const getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor; | ||
| const getPrototypeOf = Object.getPrototypeOf; | ||
| const objectPrototype = Object.prototype; | ||
| var defineProperty = Object.defineProperty; | ||
| var getOwnPropertyNames = Object.getOwnPropertyNames; | ||
| var getOwnPropertySymbols = Object.getOwnPropertySymbols; | ||
| var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor; | ||
| var getPrototypeOf = Object.getPrototypeOf; | ||
| var objectPrototype = Object.prototype; | ||
| function hoistNonReactStatics(targetComponent, sourceComponent, excludelist) { | ||
@@ -991,3 +1011,3 @@ if (typeof sourceComponent !== 'string') { | ||
| if (objectPrototype) { | ||
| const inheritedComponent = getPrototypeOf(sourceComponent); | ||
| var inheritedComponent = getPrototypeOf(sourceComponent); | ||
| if (inheritedComponent && inheritedComponent !== objectPrototype) { | ||
@@ -997,10 +1017,10 @@ hoistNonReactStatics(targetComponent, inheritedComponent, excludelist); | ||
| } | ||
| let keys = getOwnPropertyNames(sourceComponent); | ||
| var keys = getOwnPropertyNames(sourceComponent); | ||
| if (getOwnPropertySymbols) { | ||
| keys = keys.concat(getOwnPropertySymbols(sourceComponent)); | ||
| } | ||
| const targetStatics = getStatics(targetComponent); | ||
| const sourceStatics = getStatics(sourceComponent); | ||
| for (let i = 0; i < keys.length; ++i) { | ||
| const key = keys[i]; | ||
| var targetStatics = getStatics(targetComponent); | ||
| var sourceStatics = getStatics(sourceComponent); | ||
| for (var i = 0; i < keys.length; ++i) { | ||
| var key = keys[i]; | ||
| if (!(key in KNOWN_STATICS) && | ||
@@ -1010,3 +1030,3 @@ !(excludelist && excludelist[key]) && | ||
| !(targetStatics && key in targetStatics)) { | ||
| const descriptor = getOwnPropertyDescriptor(sourceComponent, key); | ||
| var descriptor = getOwnPropertyDescriptor(sourceComponent, key); | ||
| try { | ||
@@ -1026,27 +1046,27 @@ // Avoid failures from read-only properties | ||
| function withTheme(Component) { | ||
| const WithTheme = React.forwardRef((props, ref) => { | ||
| const theme = React.useContext(ThemeContext); | ||
| const themeProp = determineTheme(props, theme, Component.defaultProps); | ||
| var WithTheme = React.forwardRef(function (props, ref) { | ||
| var theme = React.useContext(ThemeContext); | ||
| var themeProp = determineTheme(props, theme, Component.defaultProps); | ||
| if (process.env.NODE_ENV !== 'production' && themeProp === undefined) { | ||
| // eslint-disable-next-line no-console | ||
| console.warn(`[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class "${getComponentName(Component)}"`); | ||
| console.warn("[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class \"".concat(getComponentName(Component), "\"")); | ||
| } | ||
| return React.createElement(Component, { ...props, theme: themeProp, ref: ref }); | ||
| return React.createElement(Component, __assign({}, props, { theme: themeProp, ref: ref })); | ||
| }); | ||
| WithTheme.displayName = `WithTheme(${getComponentName(Component)})`; | ||
| WithTheme.displayName = "WithTheme(".concat(getComponentName(Component), ")"); | ||
| return hoistNonReactStatics(WithTheme, Component); | ||
| } | ||
| const useTheme = () => useContext(ThemeContext); | ||
| var useTheme = function () { return useContext(ThemeContext); }; | ||
| const AD_REPLACER_R = /(a)(d)/gi; | ||
| var AD_REPLACER_R = /(a)(d)/gi; | ||
| /* This is the "capacity" of our alphabet i.e. 2x26 for all letters plus their capitalised | ||
| * counterparts */ | ||
| const charsLength = 52; | ||
| var charsLength = 52; | ||
| /* start at 75 for 'a' until 'z' (25) and then start at 65 for capitalised letters */ | ||
| const getAlphabeticChar = (code) => String.fromCharCode(code + (code > 25 ? 39 : 97)); | ||
| var getAlphabeticChar = function (code) { return String.fromCharCode(code + (code > 25 ? 39 : 97)); }; | ||
| /* input a number, usually a hash and convert it to base-52 */ | ||
| function generateAlphabeticName(code) { | ||
| let name = ''; | ||
| let x; | ||
| var name = ''; | ||
| var x; | ||
| /* get a char and divide by alphabet-length */ | ||
@@ -1063,3 +1083,3 @@ for (x = Math.abs(code); x > charsLength; x = (x / charsLength) | 0) { | ||
| let generated = {}; | ||
| var generated = {}; | ||
| /** | ||
@@ -1069,25 +1089,24 @@ * InlineStyle takes arbitrary CSS and generates a flat object | ||
| function makeInlineStyleClass(styleSheet) { | ||
| const InlineStyle = class InlineStyle { | ||
| rules; | ||
| constructor(rules) { | ||
| var InlineStyle = /** @class */ (function () { | ||
| function InlineStyle(rules) { | ||
| this.rules = rules; | ||
| } | ||
| generateStyleObject(executionContext) { | ||
| InlineStyle.prototype.generateStyleObject = function (executionContext) { | ||
| // keyframes, functions, and component selectors are not allowed for React Native | ||
| const flatCSS = flatten(this.rules, executionContext).join(''); | ||
| const hash = generateComponentId(flatCSS); | ||
| var flatCSS = flatten(this.rules, executionContext).join(''); | ||
| var hash = generateComponentId(flatCSS); | ||
| if (!generated[hash]) { | ||
| const root = parse(flatCSS); | ||
| const declPairs = []; | ||
| root.each(node => { | ||
| var root = parse(flatCSS); | ||
| var declPairs_1 = []; | ||
| root.each(function (node) { | ||
| if (node.type === 'decl') { | ||
| declPairs.push([node.prop, node.value]); | ||
| declPairs_1.push([node.prop, node.value]); | ||
| } | ||
| else if (process.env.NODE_ENV !== 'production' && node.type !== 'comment') { | ||
| /* eslint-disable no-console */ | ||
| console.warn(`Node of type ${node.type} not supported as an inline style`); | ||
| console.warn("Node of type ".concat(node.type, " not supported as an inline style")); | ||
| } | ||
| }); | ||
| const styleObject = transformDeclPairs(declPairs); | ||
| const styles = styleSheet.create({ | ||
| var styleObject = transformDeclPairs(declPairs_1); | ||
| var styles = styleSheet.create({ | ||
| generated: styleObject, | ||
@@ -1098,4 +1117,5 @@ }); | ||
| return generated[hash]; | ||
| } | ||
| }; | ||
| }; | ||
| return InlineStyle; | ||
| }()); | ||
| return InlineStyle; | ||
@@ -1112,6 +1132,7 @@ } | ||
| function generateDisplayName(target) { | ||
| return isTag(target) ? `styled.${target}` : `Styled(${getComponentName(target)})`; | ||
| return isTag(target) ? "styled.".concat(target) : "Styled(".concat(getComponentName(target), ")"); | ||
| } | ||
| function mixinRecursively(target, source, forceMerge = false) { | ||
| function mixinRecursively(target, source, forceMerge) { | ||
| if (forceMerge === void 0) { forceMerge = false; } | ||
| /* only merge into POJOs, Arrays, but for top level objects only | ||
@@ -1123,3 +1144,3 @@ * allow to merge into anything by passing forceMerge = true */ | ||
| if (Array.isArray(source)) { | ||
| for (let key = 0; key < source.length; key++) { | ||
| for (var key = 0; key < source.length; key++) { | ||
| target[key] = mixinRecursively(target[key], source[key]); | ||
@@ -1129,3 +1150,3 @@ } | ||
| else if (isPlainObject(source)) { | ||
| for (const key in source) { | ||
| for (var key in source) { | ||
| target[key] = mixinRecursively(target[key], source[key]); | ||
@@ -1141,4 +1162,10 @@ } | ||
| */ | ||
| function mixinDeep(target = {}, ...sources) { | ||
| for (const source of sources) { | ||
| function mixinDeep(target) { | ||
| if (target === void 0) { target = {}; } | ||
| var sources = []; | ||
| for (var _i = 1; _i < arguments.length; _i++) { | ||
| sources[_i - 1] = arguments[_i]; | ||
| } | ||
| for (var _a = 0, sources_1 = sources; _a < sources_1.length; _a++) { | ||
| var source = sources_1[_a]; | ||
| mixinRecursively(target, source, true); | ||
@@ -1149,12 +1176,13 @@ } | ||
| function useResolvedAttrs(theme = EMPTY_OBJECT, props, attrs) { | ||
| function useResolvedAttrs(theme, props, attrs) { | ||
| if (theme === void 0) { theme = EMPTY_OBJECT; } | ||
| // NOTE: can't memoize this | ||
| // returns [context, resolvedAttrs] | ||
| // where resolvedAttrs is only the things injected by the attrs themselves | ||
| const context = { ...props, theme }; | ||
| const resolvedAttrs = {}; | ||
| attrs.forEach(attrDef => { | ||
| var context = __assign(__assign({}, props), { theme: theme }); | ||
| var resolvedAttrs = {}; | ||
| attrs.forEach(function (attrDef) { | ||
| // @ts-expect-error narrowing isn't working properly for some reason | ||
| let resolvedAttrDef = typeof attrDef === 'function' ? attrDef(context) : attrDef; | ||
| let key; | ||
| var resolvedAttrDef = typeof attrDef === 'function' ? attrDef(context) : attrDef; | ||
| var key; | ||
| /* eslint-disable guard-for-in */ | ||
@@ -1170,17 +1198,17 @@ for (key in resolvedAttrDef) { | ||
| // Validator defaults to true if not in HTML/DOM env | ||
| const validAttr = () => true; | ||
| var validAttr = function () { return true; }; | ||
| function useStyledComponentImpl(forwardedComponent, props, forwardedRef) { | ||
| const { attrs: componentAttrs, inlineStyle, defaultProps, shouldForwardProp, target, } = forwardedComponent; | ||
| var componentAttrs = forwardedComponent.attrs, inlineStyle = forwardedComponent.inlineStyle, defaultProps = forwardedComponent.defaultProps, shouldForwardProp = forwardedComponent.shouldForwardProp, target = forwardedComponent.target; | ||
| // NOTE: the non-hooks version only subscribes to this when !componentStyle.isStatic, | ||
| // but that'd be against the rules-of-hooks. We could be naughty and do it anyway as it | ||
| // should be an immutable value, but behave for now. | ||
| const theme = determineTheme(props, useContext(ThemeContext), defaultProps); | ||
| const [context, attrs] = useResolvedAttrs(theme || EMPTY_OBJECT, props, componentAttrs); | ||
| const generatedStyles = inlineStyle.generateStyleObject(context); | ||
| const refToForward = forwardedRef; | ||
| const elementToBeCreated = attrs.$as || props.$as || attrs.as || props.as || target; | ||
| const computedProps = attrs !== props ? { ...props, ...attrs } : props; | ||
| const propsForElement = {}; | ||
| var theme = determineTheme(props, useContext(ThemeContext), defaultProps); | ||
| var _a = useResolvedAttrs(theme || EMPTY_OBJECT, props, componentAttrs), context = _a[0], attrs = _a[1]; | ||
| var generatedStyles = inlineStyle.generateStyleObject(context); | ||
| var refToForward = forwardedRef; | ||
| var elementToBeCreated = attrs.$as || props.$as || attrs.as || props.as || target; | ||
| var computedProps = attrs !== props ? __assign(__assign({}, props), attrs) : props; | ||
| var propsForElement = {}; | ||
| // eslint-disable-next-line guard-for-in | ||
| for (const key in computedProps) { | ||
| for (var key in computedProps) { | ||
| if (key[0] === '$' || key === 'as') | ||
@@ -1195,5 +1223,5 @@ continue; | ||
| } | ||
| propsForElement.style = useMemo(() => { | ||
| propsForElement.style = useMemo(function () { | ||
| if (typeof props.style === 'function') { | ||
| return (state) => { | ||
| return function (state) { | ||
| return [generatedStyles].concat(props.style(state)); | ||
@@ -1212,29 +1240,32 @@ }; | ||
| } | ||
| var _StyledNativeComponent = (InlineStyle) => { | ||
| const createStyledNativeComponent = (target, options, rules) => { | ||
| const isTargetStyledComp = isStyledComponent(target); | ||
| const styledComponentTarget = target; | ||
| const { displayName = generateDisplayName(target), attrs = EMPTY_ARRAY } = options; | ||
| var _StyledNativeComponent = (function (InlineStyle) { | ||
| var createStyledNativeComponent = function (target, options, rules) { | ||
| var isTargetStyledComp = isStyledComponent(target); | ||
| var styledComponentTarget = target; | ||
| var _a = options.displayName, displayName = _a === void 0 ? generateDisplayName(target) : _a, _b = options.attrs, attrs = _b === void 0 ? EMPTY_ARRAY : _b; | ||
| // fold the underlying StyledComponent attrs up (implicit extend) | ||
| const finalAttrs = isTargetStyledComp && styledComponentTarget.attrs | ||
| var finalAttrs = isTargetStyledComp && styledComponentTarget.attrs | ||
| ? styledComponentTarget.attrs.concat(attrs).filter(Boolean) | ||
| : attrs; | ||
| // eslint-disable-next-line prefer-destructuring | ||
| let shouldForwardProp = options.shouldForwardProp; | ||
| var shouldForwardProp = options.shouldForwardProp; | ||
| if (isTargetStyledComp && styledComponentTarget.shouldForwardProp) { | ||
| const shouldForwardPropFn = styledComponentTarget.shouldForwardProp; | ||
| var shouldForwardPropFn_1 = styledComponentTarget.shouldForwardProp; | ||
| if (options.shouldForwardProp) { | ||
| const passedShouldForwardPropFn = options.shouldForwardProp; | ||
| var passedShouldForwardPropFn_1 = options.shouldForwardProp; | ||
| // compose nested shouldForwardProp calls | ||
| shouldForwardProp = (prop, filterFn, elementToBeCreated) => shouldForwardPropFn(prop, filterFn, elementToBeCreated) && | ||
| passedShouldForwardPropFn(prop, filterFn, elementToBeCreated); | ||
| shouldForwardProp = function (prop, filterFn, elementToBeCreated) { | ||
| return shouldForwardPropFn_1(prop, filterFn, elementToBeCreated) && | ||
| passedShouldForwardPropFn_1(prop, filterFn, elementToBeCreated); | ||
| }; | ||
| } | ||
| else { | ||
| // eslint-disable-next-line prefer-destructuring | ||
| shouldForwardProp = shouldForwardPropFn; | ||
| shouldForwardProp = shouldForwardPropFn_1; | ||
| } | ||
| } | ||
| const forwardRef = (props, ref) => | ||
| // eslint-disable-next-line react-hooks/rules-of-hooks | ||
| useStyledComponentImpl(WrappedStyledComponent, props, ref); | ||
| var forwardRef = function (props, ref) { | ||
| // eslint-disable-next-line react-hooks/rules-of-hooks | ||
| return useStyledComponentImpl(WrappedStyledComponent, props, ref); | ||
| }; | ||
| forwardRef.displayName = displayName; | ||
@@ -1245,3 +1276,3 @@ /** | ||
| */ | ||
| let WrappedStyledComponent = React.forwardRef(forwardRef); | ||
| var WrappedStyledComponent = React.forwardRef(forwardRef); | ||
| WrappedStyledComponent.attrs = finalAttrs; | ||
@@ -1256,13 +1287,10 @@ WrappedStyledComponent.inlineStyle = new InlineStyle(isTargetStyledComp ? styledComponentTarget.inlineStyle.rules.concat(rules) : rules); | ||
| WrappedStyledComponent.withComponent = function withComponent(tag) { | ||
| const newOptions = { | ||
| ...options, | ||
| attrs: finalAttrs, | ||
| }; | ||
| var newOptions = __assign(__assign({}, options), { attrs: finalAttrs }); | ||
| return createStyledNativeComponent(tag, newOptions, rules); | ||
| }; | ||
| Object.defineProperty(WrappedStyledComponent, 'defaultProps', { | ||
| get() { | ||
| get: function () { | ||
| return this._foldedDefaultProps; | ||
| }, | ||
| set(obj) { | ||
| set: function (obj) { | ||
| this._foldedDefaultProps = isTargetStyledComp | ||
@@ -1285,12 +1313,14 @@ ? mixinDeep({}, styledComponentTarget.defaultProps, obj) | ||
| return createStyledNativeComponent; | ||
| }; | ||
| }); | ||
| // eslint-disable-next-line @typescript-eslint/no-var-requires | ||
| const reactNative = require('react-native'); | ||
| const InlineStyle = makeInlineStyleClass(reactNative.StyleSheet); | ||
| const StyledNativeComponent = _StyledNativeComponent(InlineStyle); | ||
| const baseStyled = (tag) => constructWithOptions(StyledNativeComponent, tag); | ||
| var reactNative = require('react-native'); | ||
| var InlineStyle = makeInlineStyleClass(reactNative.StyleSheet); | ||
| var StyledNativeComponent = _StyledNativeComponent(InlineStyle); | ||
| var baseStyled = function (tag) { | ||
| return constructWithOptions(StyledNativeComponent, tag); | ||
| }; | ||
| /* React native lazy-requires each of these modules for some reason, so let's | ||
| * assume it's for a good reason and not eagerly load them all */ | ||
| const aliases = [ | ||
| var aliases = [ | ||
| 'ActivityIndicator', | ||
@@ -1321,17 +1351,19 @@ 'Button', | ||
| ]; | ||
| const styled = baseStyled; | ||
| var styled = baseStyled; | ||
| /* Define a getter for each alias which simply gets the reactNative component | ||
| * and passes it to styled */ | ||
| aliases.forEach(alias => Object.defineProperty(styled, alias, { | ||
| enumerable: true, | ||
| configurable: false, | ||
| get() { | ||
| if (alias in reactNative && reactNative[alias]) { | ||
| return styled(reactNative[alias]); | ||
| } | ||
| throw new Error(`${alias} is not available in the currently-installed version of react-native`); | ||
| }, | ||
| })); | ||
| aliases.forEach(function (alias) { | ||
| return Object.defineProperty(styled, alias, { | ||
| enumerable: true, | ||
| configurable: false, | ||
| get: function () { | ||
| if (alias in reactNative && reactNative[alias]) { | ||
| return styled(reactNative[alias]); | ||
| } | ||
| throw new Error("".concat(alias, " is not available in the currently-installed version of react-native")); | ||
| }, | ||
| }); | ||
| }); | ||
| export { ThemeConsumer, ThemeContext, ThemeProvider, css, styled as default, isStyledComponent, useTheme, withTheme }; | ||
| //# sourceMappingURL=styled-components.native.esm.js.map |
| { | ||
| "name": "styled-components", | ||
| "version": "6.0.0-alpha.7", | ||
| "version": "6.0.0-beta.0", | ||
| "description": "Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress", | ||
@@ -23,4 +23,4 @@ "types": "dist/index.d.ts", | ||
| "test": "yarn test:web && yarn test:native", | ||
| "test:web": "jest -c jest.config.main.js", | ||
| "test:native": "jest -c jest.config.native.js", | ||
| "test:web": "jest -c jest.config.main.js --forceExit", | ||
| "test:native": "jest -c jest.config.native.js --forceExit", | ||
| "test:integration": "jest -c jest.config.integration.js --runInBand --forceExit", | ||
@@ -94,3 +94,3 @@ "format": "eslint ./**/*.js --fix", | ||
| "@types/enzyme": "^3.10.9", | ||
| "@types/jest": "^27.0.2", | ||
| "@types/jest": "^28.1.6", | ||
| "@types/js-beautify": "^1.13.1", | ||
@@ -108,3 +108,3 @@ "@types/node": "^14.0.0", | ||
| "babel-eslint": "^10.0.1", | ||
| "babel-jest": "^27.0.6", | ||
| "babel-jest": "^28.1.3", | ||
| "babel-plugin-add-module-exports": "^1.0.4", | ||
@@ -120,5 +120,7 @@ "babel-plugin-macros": "^3.1.0", | ||
| "eslint-plugin-react-hooks": "^4.2.0", | ||
| "jest": "^27.0.6", | ||
| "jest": "^28.1.3", | ||
| "jest-environment-jsdom": "^28.1.3", | ||
| "jest-image-snapshot": "^4.2.0", | ||
| "jest-serializer-html": "^7.0.0", | ||
| "jest-watch-typeahead": "^2.0.0", | ||
| "js-beautify": "^1.13.0", | ||
@@ -140,3 +142,2 @@ "prettier": "^2.2.0", | ||
| "stylis-plugin-rtl": "^2.1.1", | ||
| "tslib": "^2.4.0", | ||
| "typescript": "^4.7.4", | ||
@@ -143,0 +144,0 @@ "utility-types": "^3.10.0" |
@@ -29,3 +29,3 @@ <div align="center"> | ||
| Utilising [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allows you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier! | ||
| Utilizing [tagged template literals](https://www.styled-components.com/docs/advanced#tagged-template-literals) (a recent addition to JavaScript) and the [power of CSS](https://www.styled-components.com/docs/api#supported-css), `styled-components` allow you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier! | ||
@@ -134,3 +134,3 @@ ```jsx | ||
| A lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There’s also a whole lot of interesting apps and sites that people have built using styled-components. | ||
| A lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There are also a whole lot of interesting apps and sites that people have built using styled-components. | ||
@@ -137,0 +137,0 @@ Make sure to head over to [awesome-styled-components](https://github.com/styled-components/awesome-styled-components) to see them all! And please contribute and add your own work to the list so others can find it. |
@@ -6,2 +6,3 @@ const consoleError = console.error; | ||
| 'Warning: Use the `defaultValue` or `value` props instead of setting children on <textarea>', | ||
| 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', | ||
| ]; | ||
@@ -12,5 +13,10 @@ | ||
| // See: https://github.com/jsdom/jsdom/issues/2177 | ||
| console.error = (message: any) => { | ||
| if (!suppressedErrors.some(suppressedError => message.includes(suppressedError))) { | ||
| consoleError(message); | ||
| console.error = (logged: any) => { | ||
| const message = logged.stack || logged; | ||
| if ( | ||
| typeof message !== 'string' || | ||
| !suppressedErrors.some(suppressedError => message.includes(suppressedError)) | ||
| ) { | ||
| consoleError(logged); | ||
| } | ||
@@ -17,0 +23,0 @@ }; |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by4.58%
1798681
- Lines of code
- increased by2.06%
6604
- Number of low supply chain risk alerts
- decreased by-1%
198
Worsened metrics
- Dev dependency count
- increased by2%
51
No dependency changes