styled-components
Version:
Fast, expressive styling for React.
7 lines (6 loc) • 40.2 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/is-prop-valid"),t=require("react"),n=require("stylis");function o(e){return e&&e.__esModule?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var r,i,l=/*#__PURE__*/o(e),a=/*#__PURE__*/o(t),c=/*#__PURE__*/s(n);const u="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",d="active",h="data-styled-version",p="6.4.1",f="/*!sc*/\n",m="undefined"!=typeof window&&"undefined"!=typeof document,y=void 0===a.default.createContext;function g(e){if("undefined"!=typeof process&&void 0!==process.env){const t=process.env[e];if(void 0!==t&&""!==t)return"false"!==t}}const v=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:null!==(i=null!==(r=g("REACT_APP_SC_DISABLE_SPEEDY"))&&void 0!==r?r:g("SC_DISABLE_SPEEDY"))&&void 0!==i?i:"undefined"==typeof process||void 0===process.env||"production"!==process.env.NODE_ENV),S="sc-keyframes-",b={},w="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. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://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://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\n",18:"Accessing `useTheme` hook outside of a `<ThemeProvider>` element.\n\n```jsx\nimport { useTheme } from 'styled-components';\nexport function StyledCompoent({ children }) {\n const theme = useTheme();\n return <div style={{ width: theme.sizes.full }}>{children}</div>;\n}\n\nimport { StyledComponent } from './StyledComponent';\nimport { theme } from './theme';\nexport function App() {\n return (\n <ThemeProvider theme={theme}>\n <StyledComponent />\n </ThemeProvider>\n );\n}\n```\n\nIf you need access to the theme in an uncertain composition scenario, `React.useContext(ThemeContext)` will not emit an error if there is no `ThemeProvider` ancestor.\n"}:{};function C(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}(w[e],...t).trim())}const N=1<<30;let P=new Map,O=new Map,x=1;const E=e=>{if(P.has(e))return P.get(e);for(;O.has(x);)x++;const t=x++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>N))throw C(16,`${t}`);return P.set(e,t),O.set(t,e),t},_=e=>O.get(e),I=(e,t)=>{x=t+1,P.set(e,t),O.set(t,e)},A=/invalid hook call/i,R=new Set,j=(e,t)=>{if("production"!==process.env.NODE_ENV){if(y)return;const n=`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.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n`,o=console.error;try{let e=!0;console.error=(t,...s)=>{A.test(t)?(e=!1,R.delete(n)):o(t,...s)},"function"==typeof a.default.useState&&a.default.useState(null),e&&!R.has(n)&&(console.warn(n),R.add(n))}catch(e){A.test(e.message)&&R.delete(n)}finally{console.error=o}}},$=Object.freeze([]),T=Object.freeze({});function k(e,t,n=T){return e.theme!==n.theme&&e.theme||t||n.theme}const D=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,M=/(^-|-$)/g;function V(e){return e.replace(D,"-").replace(M,"")}const G=/(a)(d)/gi,F=e=>String.fromCharCode(e+(e>25?39:97));function z(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=F(t%52)+n;return(F(t%52)+n).replace(G,"$1-$2")}const W=5381,q=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},L=e=>q(W,e);function B(e){return z(L(e)>>>0)}function H(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function U(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function Y(e){return U(e)?`styled.${e}`:`Styled(${H(e)})`}const J=Symbol.for("react.memo"),X=Symbol.for("react.forward_ref"),Z={contextType:!0,defaultProps:!0,displayName:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},K={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},ee={[X]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[J]:Q};function te(e){return("type"in(t=e)&&t.type.$$typeof)===J?Q:"$$typeof"in e?ee[e.$$typeof]:Z;var t}const ne=Object.defineProperty,oe=Object.getOwnPropertyNames,se=Object.getOwnPropertySymbols,re=Object.getOwnPropertyDescriptor,ie=Object.getPrototypeOf,le=Object.prototype;function ae(e,t,n){if("string"!=typeof t){const o=ie(t);o&&o!==le&&ae(e,o,n);const s=oe(t).concat(se(t)),r=te(e),i=te(t);for(let o=0;o<s.length;++o){const l=s[o];if(!(l in K||n&&n[l]||i&&l in i||r&&l in r)){const n=re(t,l);try{ne(e,l,n)}catch(e){}}}}return e}function ce(e){return"function"==typeof e}function ue(e){return"object"==typeof e&&"styledComponentId"in e}function de(e,t){return e&&t?e+" "+t:e||t||""}function he(e,t){return e.join(t||"")}function pe(e){let t="";for(let n=0;n<e.length;n++)t+=e[n]+f;return t}function fe(e){return e?e.replaceAll(f,""):e}function me(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function ye(e,t,n=!1){if(!n&&!me(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=ye(e[n],t[n]);else if(me(t))for(const n in t)e[n]=ye(e[n],t[n]);return e}function ge(e){if(!y)return null;const t=a.default.cache;return t?t(e):null}function ve(e,t){Object.defineProperty(e,"toString",{value:t})}const Se=class{constructor(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e,this._cGroup=0,this._cIndex=0}indexOfGroup(e){if(e===this._cGroup)return this._cIndex;let t=this._cIndex;if(e>this._cGroup)for(let n=this._cGroup;n<e;n++)t+=this.groupSizes[n];else for(let n=this._cGroup-1;n>=e;n--)t-=this.groupSizes[n];return this._cGroup=e,this._cIndex=t,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 C(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),o=0;for(let s=0,r=t.length;s<r;s++)this.tag.insertRule(n,t[s])&&(this.groupSizes[e]++,n++,o++);o>0&&this._cGroup>e&&(this._cIndex+=o)}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);t>0&&this._cGroup>e&&(this._cIndex-=t)}}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)+f;return t}},be=`style[${u}][${h}="${p}"]`,we=new RegExp(`^${u}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),Ce=e=>"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot||"host"in e&&11===e.nodeType,Ne=e=>{if(!e)return document;if(Ce(e))return e;if("getRootNode"in e){const t=e.getRootNode();if(Ce(t))return t}return document},Pe=(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)},Oe=(e,t)=>{var n;const o=(null!==(n=t.textContent)&&void 0!==n?n:"").split(f),s=[];for(let t=0,n=o.length;t<n;t++){const n=o[t].trim();if(!n)continue;const r=n.match(we);if(r){const t=0|parseInt(r[1],10),n=r[2];0!==t&&(I(n,t),Pe(e,n,r[3]),e.getTag().insertRules(t,s)),s.length=0}else s.push(n)}},xe=e=>{const t=Ne(e.options.target).querySelectorAll(be);for(let n=0,o=t.length;n<o;n++){const o=t[n];o&&o.getAttribute(u)!==d&&(Oe(e,o),o.parentNode&&o.parentNode.removeChild(o))}};let Ee=!1;function _e(){if(!1!==Ee)return Ee;if("undefined"!=typeof document){const e=document.head.querySelector('meta[property="csp-nonce"]');if(e)return Ee=e.nonce||e.getAttribute("content")||void 0;const t=document.head.querySelector('meta[name="sc-nonce"]');if(t)return Ee=t.getAttribute("content")||void 0}return Ee="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0}const Ie=(e,t)=>{const n=document.head,o=e||n,s=document.createElement("style"),r=(e=>{const t=Array.from(e.querySelectorAll(`style[${u}]`));return t[t.length-1]})(o),i=void 0!==r?r.nextSibling:null;s.setAttribute(u,d),s.setAttribute(h,p);const l=t||_e();return l&&s.setAttribute("nonce",l),o.insertBefore(s,i),s},Ae=class{constructor(e,t){this.element=Ie(e,t),this.element.appendChild(document.createTextNode("")),this.sheet=(e=>{var t;if(e.sheet)return e.sheet;const n=null!==(t=e.getRootNode().styleSheets)&&void 0!==t?t:document.styleSheets;for(let t=0,o=n.length;t<o;t++){const o=n[t];if(o.ownerNode===e)return o}throw C(17)})(this.element),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 t&&t.cssText?t.cssText:""}},Re=class{constructor(e,t){this.element=Ie(e,t),this.nodes=this.element.childNodes,this.length=0}insertRule(e,t){if(e<=this.length&&e>=0){const n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||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:""}},je=class{constructor(e){this.rules=[],this.length=0}insertRule(e,t){return e<=this.length&&(e===this.length?this.rules.push(t):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]:""}};let $e=m;const Te={isServer:!m,useCSSOMInjection:!v};class ke{static registerId(e){return E(e)}constructor(e=T,t={},n){this.options=Object.assign(Object.assign({},Te),e),this.gs=t,this.keyframeIds=new Set,this.names=new Map(n),this.server=!!e.isServer,!this.server&&m&&$e&&($e=!1,xe(this)),ve(this,()=>(e=>{const t=e.getTag(),{length:n}=t;let o="";for(let s=0;s<n;s++){const n=_(s);if(void 0===n)continue;const r=e.names.get(n);if(void 0===r||!r.size)continue;const i=t.getGroup(s);if(0===i.length)continue;const l=u+".g"+s+'[id="'+n+'"]';let a="";for(const e of r)e.length>0&&(a+=e+",");o+=i+l+'{content:"'+a+'"}'+f}return o})(this))}rehydrate(){!this.server&&m&&xe(this)}reconstructWithOptions(e,t=!0){const n=new ke(Object.assign(Object.assign({},this.options),e),this.gs,t&&this.names||void 0);return n.keyframeIds=new Set(this.keyframeIds),!this.server&&m&&e.target!==this.options.target&&Ne(this.options.target)!==Ne(e.target)&&xe(n),n}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({isServer:e,useCSSOMInjection:t,target:n,nonce:o})=>e?new je(n):t?new Ae(n,o):new Re(n,o))(this.options),new Se(e)));var e}hasNameForId(e,t){var n,o;return null!==(o=null===(n=this.names.get(e))||void 0===n?void 0:n.has(t))&&void 0!==o&&o}registerName(e,t){E(e),e.startsWith(S)&&this.keyframeIds.add(e);const n=this.names.get(e);n?n.add(t):this.names.set(e,new Set([t]))}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(E(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(E(e)),this.clearNames(e)}clearTag(){this.tag=void 0}}const De=new WeakSet,Me={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexShrink:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale: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};function Ve(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in Me||e.startsWith("--")?String(t).trim():t+"px"}const Ge=47;function Fe(e){if(45===e.charCodeAt(0)&&45===e.charCodeAt(1))return e;let t="";for(let n=0;n<e.length;n++){const o=e.charCodeAt(n);t+=o>=65&&o<=90?"-"+String.fromCharCode(o+32):e[n]}return t.startsWith("ms-")?"-"+t:t}const ze=Symbol.for("sc-keyframes");function We(e){return"object"==typeof e&&null!==e&&ze in e}function qe(e){return ce(e)&&!(e.prototype&&e.prototype.isReactComponent)}const Le=e=>null==e||!1===e||""===e,Be=Symbol.for("react.client.reference");function He(e){return e.$$typeof===Be}function Ue(e){const t=e.$$id,n=(t&&t.includes("#")?t.split("#").pop():t)||e.name||"unknown";console.warn(`Interpolating a client component (${n}) as a selector is not supported in server components. The component selector pattern requires access to the component's internal class name, which is not available across the server/client boundary. Use a plain CSS class selector instead.`)}function Ye(e,t){for(const n in e){const o=e[n];e.hasOwnProperty(n)&&!Le(o)&&(Array.isArray(o)&&De.has(o)||ce(o)?t.push(Fe(n)+":",o,";"):me(o)?(t.push(n+" {"),Ye(o,t),t.push("}")):t.push(Fe(n)+": "+Ve(n,o)+";"))}}function Je(e,t,n,o,s=[]){if(Le(e))return s;const r=typeof e;if("string"===r)return s.push(e),s;if("function"===r){if(He(e))return"production"!==process.env.NODE_ENV&&Ue(e),s;if(qe(e)&&t){const r=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||We(r)||me(r)||null===r||console.error(`${H(e)} is not a styled component and cannot be referred to via component selector. See https://styled-components.com/docs/advanced#referring-to-other-components for more details.`),Je(r,t,n,o,s)}return s.push(e),s}if(Array.isArray(e)){for(let r=0;r<e.length;r++)Je(e[r],t,n,o,s);return s}return ue(e)?(s.push(`.${e.styledComponentId}`),s):We(e)?(n?(e.inject(n,o),s.push(e.getName(o))):s.push(e),s):He(e)?("production"!==process.env.NODE_ENV&&Ue(e),s):me(e)?(Ye(e,s),s):(s.push(e.toString()),s)}const Xe=L(p),Ze=y?new WeakMap:null;function Ke(e,t){if(!Ze)return null;const n=Ze.get(e);if(!n)return null;const o=t.names.get(e.componentId);if(!o)return null;let s="";for(const e of o){const t=n.get(e);if(!t)return null;s+=t}return s}class Qe{constructor(e,t,n){this.rules=e,this.componentId=t,this.baseHash=q(Xe,t),this.baseStyle=n,ke.registerId(t)}generateAndInjectStyles(e,t,n){let o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";{let s="";for(let o=0;o<this.rules.length;o++){const r=this.rules[o];if("string"==typeof r)s+=r;else if(r)if(qe(r)){const o=r(e);"string"==typeof o?s+=o:null!=o&&!1!==o&&("production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||We(o)||me(o)||console.error(`${H(r)} is not a styled component and cannot be referred to via component selector. See https://styled-components.com/docs/advanced#referring-to-other-components for more details.`),s+=he(Je(o,e,t,n)))}else s+=he(Je(r,e,t,n))}if(s){this.dynamicNameCache||(this.dynamicNameCache=new Map);const e=n.hash?n.hash+s:s;let r=this.dynamicNameCache.get(e);if(!r){if(r=z(q(q(this.baseHash,n.hash),s)>>>0),this.dynamicNameCache.size>=200){const e=this.dynamicNameCache.keys().next().value;void 0!==e&&this.dynamicNameCache.delete(e)}this.dynamicNameCache.set(e,r)}if(!t.hasNameForId(this.componentId,r))if(y&&function(e,t){var n,o;return null!==(o=null===(n=null==Ze?void 0:Ze.get(e))||void 0===n?void 0:n.has(t))&&void 0!==o&&o}(this,r))t.registerName(this.componentId,r);else{const e=n(s,"."+r,void 0,this.componentId);y&&function(e,t,n){if(!Ze)return;let o=Ze.get(e);o||(o=new Map,Ze.set(e,o)),o.set(t,pe(n))}(this,r,e),t.insertRules(this.componentId,r,e)}o=de(o,r)}}return o}}const et=/&/g;function tt(e,t){let n=0;for(;--t>=0&&92===e.charCodeAt(t);)n++;return!(1&~n)}function nt(e){const t=e.length;let n="",o=0,s=0,r=0,i=!1,l=!1;for(let a=0;a<t;a++){const c=e.charCodeAt(a);if(0!==r||i||c!==Ge||42!==e.charCodeAt(a+1))if(i)42===c&&e.charCodeAt(a+1)===Ge&&(i=!1,a++);else if(34!==c&&39!==c||tt(e,a)){if(0===r)if(123===c)s++;else if(125===c){if(s--,s<0){l=!0;let n=a+1;for(;n<t;){const t=e.charCodeAt(n);if(59===t||10===t)break;n++}n<t&&59===e.charCodeAt(n)&&n++,s=0,a=n-1,o=n;continue}0===s&&(n+=e.substring(o,a+1),o=a+1)}else 59===c&&0===s&&(n+=e.substring(o,a+1),o=a+1)}else 0===r?r=c:r===c&&(r=0);else i=!0,a++}return l||0!==s||0!==r?(o<t&&0===s&&0===r&&(n+=e.substring(o)),n):e}function ot(e,t){const n=t+" ",o=","+n;for(let s=0;s<e.length;s++){const r=e[s];if("rule"===r.type){r.value=(n+r.value).replaceAll(",",o);const e=r.props,t=[];for(let o=0;o<e.length;o++)t[o]=n+e[o];r.props=t}Array.isArray(r.children)&&"@keyframes"!==r.type&&ot(r.children,t)}return e}function st({options:e=T,plugins:t=$}=T){let n,o,s;const r=(e,t,s)=>s.startsWith(o)&&s.endsWith(o)&&s.replaceAll(o,"").length>0?`.${n}`:e,i=t.slice();i.push(e=>{e.type===c.RULESET&&e.value.includes("&")&&(s||(s=new RegExp(`\\${o}\\b`,"g")),e.props[0]=e.props[0].replace(et,o).replace(s,r))}),e.prefix&&i.push(c.prefixer),i.push(c.stringify);let l=[];const a=c.middleware(i.concat(c.rulesheet(e=>l.push(e)))),u=(t,r="",i="",u="&")=>{n=u,o=r,s=void 0;const d=function(e){const t=-1!==e.indexOf("//"),n=-1!==e.indexOf("}");if(!t&&!n)return e;if(!t)return nt(e);const o=e.length;let s="",r=0,i=0,l=0,a=0,c=0,u=!1;for(;i<o;){const t=e.charCodeAt(i);if(34!==t&&39!==t||tt(e,i))if(0===l)if(t===Ge&&i+1<o&&42===e.charCodeAt(i+1)){for(i+=2;i+1<o&&(42!==e.charCodeAt(i)||e.charCodeAt(i+1)!==Ge);)i++;i+=2}else if(40!==t)if(41!==t)if(a>0)i++;else if(42===t&&i+1<o&&e.charCodeAt(i+1)===Ge)s+=e.substring(r,i),i+=2,r=i,u=!0;else if(t===Ge&&i+1<o&&e.charCodeAt(i+1)===Ge){for(s+=e.substring(r,i);i<o&&10!==e.charCodeAt(i);)i++;r=i,u=!0}else 123===t?c++:125===t&&c--,i++;else a>0&&a--,i++;else a++,i++;else i++;else 0===l?l=t:l===t&&(l=0),i++}return u?(r<o&&(s+=e.substring(r)),0===c?s:nt(s)):0===c?e:nt(e)}(t);let h=c.compile(i||r?i+" "+r+" { "+d+" }":d);return e.namespace&&(h=ot(h,e.namespace)),l=[],c.serialize(h,a),l},d=e;let h=W;for(let e=0;e<t.length;e++)t[e].name||C(15),h=q(h,t[e].name);return(null==d?void 0:d.namespace)&&(h=q(h,d.namespace)),(null==d?void 0:d.prefix)&&(h=q(h,"p")),u.hash=h!==W?h.toString():"",u}var rt,it,lt;const at=new ke,ct=st();let ut,dt=null,ht=ct;const pt=y&&null!==(lt=null===(it=(rt=a.default).cache)||void 0===it?void 0:it.call(rt,()=>{at.names.clear(),at.keyframeIds.clear(),at.clearTag(),dt=null}))&&void 0!==lt?lt:null,ft={shouldForwardProp:void 0,styleSheet:at,stylis:ct,stylisPlugins:void 0},mt=y?{Provider:({children:e})=>e,Consumer:({children:e})=>e(ft)}:a.default.createContext(ft),yt=mt.Consumer;function gt(){return y?(pt&&pt(),dt||ft):a.default.useContext(mt)}function vt(e){var t,n,o;if(y){pt&&pt();const o=dt||ft,s=void 0!==e.stylisPlugins||void 0!==e.namespace||void 0!==e.enableVendorPrefixes;s&&(e.stylisPlugins&&e.stylisPlugins!==ut?(ut=e.stylisPlugins,ht=st({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:e.stylisPlugins})):void 0===e.namespace&&void 0===e.enableVendorPrefixes||(ht=st({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:o.stylisPlugins})));const r=s?void 0===e.stylisPlugins||e.stylisPlugins.length?ht:ct:o.stylis,i="shouldForwardProp"in e?e.shouldForwardProp:o.shouldForwardProp,l=null!==(n=e.stylisPlugins)&&void 0!==n?n:o.stylisPlugins;return dt=r!==ct||i?{shouldForwardProp:i,styleSheet:at,stylis:r,stylisPlugins:l}:null,e.children}const s=gt(),{styleSheet:r}=s,i=a.default.useMemo(()=>{let t=r;return e.sheet?t=e.sheet:e.target?t=t.reconstructWithOptions(void 0!==e.nonce?{target:e.target,nonce:e.nonce}:{target:e.target},!1):void 0!==e.nonce&&(t=t.reconstructWithOptions({nonce:e.nonce})),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.nonce,e.sheet,e.target,r]),l=a.default.useMemo(()=>{var t;return void 0===e.stylisPlugins&&void 0===e.namespace&&void 0===e.enableVendorPrefixes?s.stylis:st({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:s.stylisPlugins})},[e.enableVendorPrefixes,e.namespace,e.stylisPlugins,s.stylis,s.stylisPlugins]),c="shouldForwardProp"in e?e.shouldForwardProp:s.shouldForwardProp,u=null!==(o=e.stylisPlugins)&&void 0!==o?o:s.stylisPlugins,d=a.default.useMemo(()=>({shouldForwardProp:c,styleSheet:i,stylis:l,stylisPlugins:u}),[c,i,l,u]);return a.default.createElement(mt.Provider,{value:d},e.children)}const St=y?{Provider:({children:e})=>e,Consumer:({children:e})=>e(void 0)}:a.default.createContext(void 0),bt=St.Consumer,wt={};function Ct(e,t){const n="string"!=typeof e?"sc":V(e);wt[n]=(wt[n]||0)+1;const o=n+"-"+B(p+n+wt[n]);return t?t+"-"+o:o}let Nt;const Pt=ge(()=>new Set),Ot=new Map;function xt(e){let t=Ot.get(e);return t||(t=new RegExp("\\."+e+"(?![a-zA-Z0-9_-])","g"),Ot.set(e,t)),t}function Et(e,t,n){const o=n.names.get(t);if(o)for(const t of o){const n=xt(t);n.lastIndex=0,e=e.replace(n,":where(."+t+")")}return e}function _t(e,n,o){const s=ue(e),r=e,i=!U(e),{attrs:c=$,componentId:d=Ct(n.displayName,n.parentComponentId),displayName:h=Y(e)}=n,p=n.displayName&&n.componentId?V(n.displayName)+"-"+n.componentId:n.componentId||d,m=s&&r.attrs?r.attrs.concat(c).filter(Boolean):c;let{shouldForwardProp:g}=n;if(s&&r.shouldForwardProp){const e=r.shouldForwardProp;if(n.shouldForwardProp){const t=n.shouldForwardProp;g=(n,o)=>e(n,o)&&t(n,o)}else g=e}const v=new Qe(o,p,s?r.componentStyle:void 0);function S(e,n){return function(e,n,o){const{attrs:s,componentStyle:r,defaultProps:i,foldedComponentIds:c,styledComponentId:d,target:h}=e,p=y?void 0:a.default.useContext(St),m=gt(),g=e.shouldForwardProp||m.shouldForwardProp;"production"!==process.env.NODE_ENV&&a.default.useDebugValue&&a.default.useDebugValue(d);const v=k(n,p,i)||(y?void 0:T);let S,b;S=function(e,t,n){const o=Object.assign(Object.assign({},t),{className:void 0,theme:n}),s=e.length>1;for(let n=0;n<e.length;n++){const r=e[n],i=ce(r)?r(s?Object.assign({},o):o):r;for(const e in i)"className"===e?o.className=de(o.className,i[e]):"style"===e?o.style=Object.assign(Object.assign({},o.style),i[e]):e in t&&void 0===t[e]||(o[e]=i[e])}return"className"in t&&"string"==typeof t.className&&(o.className=de(o.className,t.className)),o}(s,n,v),b=function(e,t,n,o){const s=e.generateAndInjectStyles(t,n,o);return"production"!==process.env.NODE_ENV&&a.default.useDebugValue&&a.default.useDebugValue(s),s}(r,S,m.styleSheet,m.stylis),"production"!==process.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(b);const w=S.as||h,C=function(e,t,n,o){const s={};for(const r in e)void 0===e[r]||"$"===r[0]||"as"===r||"theme"===r&&e.theme===n||("forwardedAs"===r?s.as=e.forwardedAs:o&&!o(r,t)||(s[r]=e[r],o||"development"!==process.env.NODE_ENV||l.default(r)||(Nt||(Nt=new Set)).has(r)||!U(t)||t.includes("-")||(Nt.add(r),console.warn(`styled-components: it looks like an unknown prop "${r}" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via \`<StyleSheetManager shouldForwardProp={...}>\` (connect an API like \`@emotion/is-prop-valid\`) or consider using transient props (\`$\` prefix for automatic filtering.)`))));return s}(S,w,v,g);let N=de(c,d);b&&(N+=" "+b),S.className&&(N+=" "+S.className),C[U(w)&&w.includes("-")?"class":"className"]=N,o&&(C.ref=o);const P=t.createElement(w,C);if(y){const e=Pt?Pt():null;let t=null,n=0,o="",s=!0,i=r;for(;i;){const l=m.styleSheet.names.get(i.componentId);if(l){n+=l.size;for(const n of l)e&&e.has(n)||(t||(t=[]),t.push(n),e&&e.add(n))}if(t&&s){let e=Ke(i,m.styleSheet);null===e?s=!1:(i!==r&&(e=Et(e,i.componentId,m.styleSheet)),o=e+o)}i=i.baseStyle}if(t&&!s){o="";const e=m.styleSheet.getTag();let t=r;for(;t;){let n=e.getGroup(E(t.componentId));n&&t!==r&&(n=Et(n,t.componentId,m.styleSheet)),o=n+o,t=t.baseStyle}}let l="";if(m.styleSheet.keyframeIds.size>0){const t=m.styleSheet.getTag();for(const n of m.styleSheet.keyframeIds){if(e&&e.has(n))continue;const o=t.getGroup(E(n));o&&(l+=o,e&&e.add(n))}}if(o&&e&&t&&t.length<n){const e=o.split(f);let n="";for(let o=0;o<e.length;o++){const s=e[o];if(s)for(let e=0;e<t.length;e++){const o=xt(t[e]);if(o.lastIndex=0,o.test(s)){n+=s+f;break}}}o=n}const c=fe(l+o);if(c){const e=a.default.createElement("style",{[u]:"",key:"sc-"+r.componentId,children:c});return a.default.createElement(a.default.Fragment,null,e,P)}}return P}(b,e,n)}S.displayName=h;let b=a.default.forwardRef(S);return b.attrs=m,b.componentStyle=v,b.displayName=h,b.shouldForwardProp=g,b.foldedComponentIds=s?de(r.foldedComponentIds,r.styledComponentId):"",b.styledComponentId=p,b.target=s?r.target:e,Object.defineProperty(b,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=s?function(e,...t){for(const n of t)ye(e,n,!0);return e}({},r.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(j(h,p),b.warnTooManyClasses=((e,t)=>{let n={},o=!1;return s=>{!o&&(n[s]=!0,Object.keys(n).length>=200)&&(console.warn(`Over 200 classes were generated for component ${e}${t?` with the id of "${t}"`:""}.\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={})}})(h,p)),ve(b,()=>`.${b.styledComponentId}`),i&&ae(b,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),b}var It=new Set(["a","abbr","address","area","article","aside","audio","b","bdi","bdo","blockquote","body","button","br","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","main","map","mark","menu","meter","nav","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","slot","small","span","strong","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","switch","symbol","text","textPath","tspan","use"]);function At(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 Rt=e=>(De.add(e),e);function jt(e,...t){if(ce(e)||me(e))return Rt(Je(At($,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?Je(n):Rt(Je(At(n,t)))}function $t(e,t,n=T){if(!t)throw C(1,t);const o=(o,...s)=>e(t,n,jt(o,...s));return o.attrs=o=>$t(e,t,Object.assign(Object.assign({},n),{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)})),o.withConfig=o=>$t(e,t,Object.assign(Object.assign({},n),o)),o}const Tt=e=>$t(_t,e),kt=Tt;It.forEach(e=>{kt[e]=Tt(e)});class Dt{constructor(e,t){this.instanceRules=new Map,this.rules=e,this.componentId=t,this.isStatic=function(e){for(let t=0;t<e.length;t+=1){const n=e[t];if(ce(n)&&!ue(n))return!1}return!0}(e),ke.registerId(this.componentId)}removeStyles(e,t){this.instanceRules.delete(e),this.rebuildGroup(t)}renderStyles(e,t,n,o){const s=this.componentId;if(this.isStatic){if(n.hasNameForId(s,s+e))this.instanceRules.has(e)||this.computeRules(e,t,n,o);else{const r=this.computeRules(e,t,n,o);n.insertRules(s,r.name,r.rules)}return}const r=this.instanceRules.get(e);if(this.computeRules(e,t,n,o),!n.server&&r){const t=r.rules,n=this.instanceRules.get(e).rules;if(t.length===n.length){let e=!0;for(let o=0;o<t.length;o++)if(t[o]!==n[o]){e=!1;break}if(e)return}}this.rebuildGroup(n)}computeRules(e,t,n,o){const s=he(Je(this.rules,t,n,o)),r={name:this.componentId+e,rules:o(s,"")};return this.instanceRules.set(e,r),r}rebuildGroup(e){const t=this.componentId;e.clearRules(t);for(const n of this.instanceRules.values())e.insertRules(t,n.name,n.rules)}}const Mt=ge(()=>new Set);function Vt(e,...t){const n=jt(e,...t),o=`sc-global-${B(JSON.stringify(n))}`,s=new Dt(n,o);"production"!==process.env.NODE_ENV&&j(o);const r=e=>{const t=gt(),i=y?void 0:a.default.useContext(St);let l;if(l=t.styleSheet.allocateGSInstance(o),"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."),(y||t.styleSheet.server)&&function(e,t,n,o,i){if(s.isStatic)s.renderStyles(e,b,n,i);else{const l=Object.assign(Object.assign({},t),{theme:k(t,o,r.defaultProps)});s.renderStyles(e,l,n,i)}}(l,e,t.styleSheet,i,t.stylis),y){const e="undefined"==typeof window?s.instanceRules.get(l):void 0,n=e?pe(e.rules):"";if(n){s.instanceRules.delete(l);const e=Mt?Mt():null;if(e){const r=s.isStatic?o+t.stylis.hash:n;if(e.has(r))return null;e.add(r)}return a.default.createElement("style",{key:o+"-"+l,"data-styled-global":o,children:fe(n)})}}return s.instanceRules.delete(l),null};return a.default.memo(r)}function Gt(e,t,n,o,s){for(const r in e){const i=e[r],l=s?s+"-"+r:r;if("object"==typeof i&&null!==i){const e={};Gt(i,t,e,o,l),n[r]=e}else n[r]=o(l,i,r)}}function Ft(e,t,n,o){let s="";for(const r in e){const i=e[r],l=t[r],a=o?o+"-"+r:r;"object"==typeof i&&null!==i?"object"==typeof l&&null!==l&&(s+=Ft(i,l,n,a)):void 0!==l&&"function"!=typeof l&&(s+="--"+n+a+":"+l+";")}return s}var zt;const Wt=y?new WeakMap:null;class qt{constructor(e,t){this[zt]=!0,this.inject=(e,t=ct)=>{var n;const o=this.getName(t);if(!e.hasNameForId(this.id,o)){const s=t.hash||"",r=y?null===(n=null==Wt?void 0:Wt.get(this))||void 0===n?void 0:n.get(s):void 0;if(r)e.insertRules(this.id,o,r);else{const n=t(this.rules,o,"@keyframes");if(y&&Wt){let e=Wt.get(this);e||(e=new Map,Wt.set(this,e)),e.set(s,n)}e.insertRules(this.id,o,n)}}},this.name=e,this.id=S+e,this.rules=t,E(this.id),ve(this,()=>{throw C(12,String(this.name))})}getName(e=ct){return e.hash?this.name+z(+e.hash>>>0):this.name}}zt=ze;const Lt=/^\s*<\/[a-z]/i,Bt={StyleSheet:ke,mainSheet:at};"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://styled-components.com/docs/basics#react-native");const Ht=`__sc-${u}__`;"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[Ht]||(window[Ht]=0),1===window[Ht]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-several-instances-of-module-on-the-page for more info."),window[Ht]+=1);const Ut=/:(?:(first)-child|(last)-child|(only)-child|(nth-child)\(([^()]+)\)|(nth-last-child)\(([^()]+)\))/g,Yt=`:not(style[${u}])`,Jt=`style[${u}]`;function Xt(e){return-1===e.indexOf("-child")?e:(Ut.lastIndex=0,e.replace(Ut,(e,t,n,o,s,r,i,l)=>t?`:nth-child(1 of ${Yt})`:n?`:nth-last-child(1 of ${Yt})`:o?`:nth-child(1 of ${Yt}):nth-last-child(1 of ${Yt})`:s?-1!==r.indexOf(" of ")?e:`:nth-child(${r} of ${Yt})`:-1!==l.indexOf(" of ")?e:`:nth-last-child(${l} of ${Yt})`))}function Zt(e,t){if(-1===e.indexOf("+"))return;let n=0,o=0;for(let s=0;s<e.length;s++){const r=e.charCodeAt(s);if(40===r)n++;else if(41===r)n--;else if(91===r)o++;else if(93===r)o--;else if(43===r&&0===n&&0===o&&!tt(e,s)){const n=e.substring(0,s),o=e.substring(s+1);t.push(n+"+"+Jt+"+"+o),t.push(n+"+"+Jt+"+"+Jt+"+"+o)}}}exports.ServerStyleSheet=class{constructor({nonce:e}={}){this._emitSheetCSS=()=>{const e=this.instance.toString();if(!e)return"";const t=this.instance.options.nonce||_e();return`<style ${he([t&&`nonce="${t}"`,`${u}="true"`,`${h}="${p}"`].filter(Boolean)," ")}>${e}</style>`},this.getStyleTags=()=>{if(this.sealed)throw C(2);return this._emitSheetCSS()},this.getStyleElement=()=>{if(this.sealed)throw C(2);const e=this.instance.toString();if(!e)return[];const t={[u]:"",[h]:p,dangerouslySetInnerHTML:{__html:e}},n=this.instance.options.nonce||_e();return n&&(t.nonce=n),[a.default.createElement("style",Object.assign({},t,{key:"sc-0-0"}))]},this.seal=()=>{this.sealed=!0},this.instance=new ke({isServer:!0,nonce:e}),this.sealed=!1}collectStyles(e){if(this.sealed)throw C(2);return a.default.createElement(vt,{sheet:this.instance},e)}interleaveWithNodeStream(e){if(this.sealed)throw C(2);this.seal();const{Transform:t}=require("stream"),{instance:n,_emitSheetCSS:o}=this,s=new t({transform:function(e,t,s){const r=e.toString(),i=o();if(n.clearTag(),Lt.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);s()}});if("on"in e&&"function"==typeof e.on&&"pipe"in e){const t=e;return t.on("error",e=>{s.emit("error",e)}),t.pipe(s)}if("pipe"in e&&"function"==typeof e.pipe)return e.pipe(s);throw new Error("Unsupported stream type")}},exports.StyleSheetConsumer=yt,exports.StyleSheetContext=mt,exports.StyleSheetManager=vt,exports.ThemeConsumer=bt,exports.ThemeContext=St,exports.ThemeProvider=function(e){if(y)return e.children;const t=a.default.useContext(St),n=a.default.useMemo(()=>function(e,t){if(!e)throw C(14);if(ce(e)){const n=e(t);if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw C(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw C(8);return t?Object.assign(Object.assign({},t),e):e}(e.theme,t),[e.theme,t]);return e.children?a.default.createElement(St.Provider,{value:n},e.children):null},exports.__PRIVATE__=Bt,exports.createGlobalStyle=Vt,exports.createTheme=function(e,t){var n,o;const s=(null!==(n=null==t?void 0:t.prefix)&&void 0!==n?n:"sc")+"-",r=null!==(o=null==t?void 0:t.selector)&&void 0!==o?o:":root",i=function(e,t){const n={};return Gt(e,t,n,e=>"--"+t+e),n}(e,s),l=function(e,t){const n={};return Gt(e,t,n,(e,n)=>{if("production"!==process.env.NODE_ENV){const t=String(n);let o=0;for(let e=0;e<t.length&&(40===t.charCodeAt(e)?o++:41===t.charCodeAt(e)&&o--,!(o<0));e++);0!==o&&console.warn(`createTheme: value "${t}" at "${e}" contains unbalanced parentheses and may break the var() fallback`)}return"var(--"+t+e+", "+n+")"}),n}(e,s),a=Vt`
${r} {
${t=>Ft(e,t.theme,s)}
}
`;return Object.assign(l,{GlobalStyle:a,raw:e,vars:i,resolve(t){if(!m)throw new Error("createTheme.resolve() is client-only");const n=null!=t?t:document.documentElement;return function(e,t,n){const o={};return Gt(e,t,o,(e,o)=>n.getPropertyValue("--"+t+e).trim()||o),o}(e,s,getComputedStyle(n))}})},exports.css=jt,exports.default=kt,exports.isStyledComponent=ue,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=he(jt(e,...t)),o=B(n);return new qt(o,n)},exports.styled=kt,exports.stylisPluginRSC=function(e){if(e.type===n.RULESET){const t=e.props,n=[];for(let e=0;e<t.length;e++){const o=Xt(t[e]);n.push(o),Zt(o,n)}e.props=n}},exports.useTheme=function(){const e=y?void 0:a.default.useContext(St);if(!e)throw C(18);return e},exports.version=p,exports.withTheme=function(e){const t=a.default.forwardRef((t,n)=>{const o=k(t,y?void 0:a.default.useContext(St),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 "${H(e)}"`),a.default.createElement(e,Object.assign(Object.assign({},t),{theme:o,ref:n}))});return t.displayName=`WithTheme(${H(e)})`,ae(t,e)};
//# sourceMappingURL=styled-components.cjs.js.map