styled-components 6.4.2 → 6.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/constructors/constructWithOptions.d.ts +2 -2
  2. package/dist/styled-components.browser.cjs.js +1 -1
  3. package/dist/styled-components.browser.cjs.js.map +1 -1
  4. package/dist/styled-components.browser.esm.js +1 -1
  5. package/dist/styled-components.browser.esm.js.map +1 -1
  6. package/dist/styled-components.cjs.js +1 -1
  7. package/dist/styled-components.cjs.js.map +1 -1
  8. package/dist/styled-components.esm.js +1 -1
  9. package/dist/styled-components.esm.js.map +1 -1
  10. package/dist/styled-components.js +1 -1
  11. package/dist/styled-components.js.map +1 -1
  12. package/dist/styled-components.min.js +1 -1
  13. package/dist/styled-components.min.js.map +1 -1
  14. package/dist/types.d.ts +65 -17
  15. package/native/dist/constructors/constructWithOptions.d.ts +2 -2
  16. package/native/dist/dist/constructors/constructWithOptions.d.ts +2 -2
  17. package/native/dist/dist/types.d.ts +65 -17
  18. package/native/dist/styled-components.native.cjs.js.map +1 -1
  19. package/native/dist/styled-components.native.esm.js.map +1 -1
  20. package/native/dist/types.d.ts +65 -17
  21. package/package.json +1 -1
package/dist/styled-components.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import e from"@emotion/is-prop-valid";import t,{createElement as n}from"react";import*as o from"stylis";import{RULESET as s}from"stylis";var r,i;const l="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",c="active",a="data-styled-version",u="6.4.2",d="/*!sc*/\n",h="undefined"!=typeof window&&"undefined"!=typeof document,p=void 0===t.createContext;function f(e){if("undefined"!=typeof process&&void 0!==process.env){const t=process.env[e];if(void 0!==t&&""!==t)return"false"!==t}}const m=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:null!==(i=null!==(r=f("REACT_APP_SC_DISABLE_SPEEDY"))&&void 0!==r?r:f("SC_DISABLE_SPEEDY"))&&void 0!==i?i:"undefined"!=typeof process&&void 0!==process.env&&"production"!==process.env.NODE_ENV),g="sc-keyframes-",y={},v="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 S(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}(v[e],...t).trim())}const b=1<<30;let w=new Map,N=new Map,C=1;const P=e=>{if(w.has(e))return w.get(e);for(;N.has(C);)C++;const t=C++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>b))throw S(16,`${t}`);return w.set(e,t),N.set(t,e),t},O=e=>N.get(e),E=(e,t)=>{C=t+1,w.set(e,t),N.set(t,e)},I=/invalid hook call/i,A=new Set,_=(e,n)=>{if("production"!==process.env.NODE_ENV){if(p)return;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.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n`,s=console.error;try{let e=!0;console.error=(t,...n)=>{I.test(t)?(e=!1,A.delete(o)):s(t,...n)},"function"==typeof t.useState&&t.useState(null),e&&!A.has(o)&&(console.warn(o),A.add(o))}catch(e){I.test(e.message)&&A.delete(o)}finally{console.error=s}}},x=Object.freeze([]),$=Object.freeze({});function R(e,t,n=$){return e.theme!==n.theme&&e.theme||t||n.theme}const j=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,k=/(^-|-$)/g;function T(e){return e.replace(j,"-").replace(k,"")}const D=/(a)(d)/gi,M=e=>String.fromCharCode(e+(e>25?39:97));function V(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=M(t%52)+n;return(M(t%52)+n).replace(D,"$1-$2")}const G=5381,F=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},z=e=>F(G,e);function W(e){return V(z(e)>>>0)}function B(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function L(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function q(e){return L(e)?`styled.${e}`:`Styled(${B(e)})`}const H=Symbol.for("react.memo"),Y=Symbol.for("react.forward_ref"),U={contextType:!0,defaultProps:!0,displayName:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},J={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},X={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Z={[Y]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[H]:X};function K(e){return("type"in(t=e)&&t.type.$$typeof)===H?X:"$$typeof"in e?Z[e.$$typeof]:U;var t}const Q=Object.defineProperty,ee=Object.getOwnPropertyNames,te=Object.getOwnPropertySymbols,ne=Object.getOwnPropertyDescriptor,oe=Object.getPrototypeOf,se=Object.prototype;function re(e,t,n){if("string"!=typeof t){const o=oe(t);o&&o!==se&&re(e,o,n);const s=ee(t).concat(te(t)),r=K(e),i=K(t);for(let o=0;o<s.length;++o){const l=s[o];if(!(l in J||n&&n[l]||i&&l in i||r&&l in r)){const n=ne(t,l);try{Q(e,l,n)}catch(e){}}}}return e}function ie(e){return"function"==typeof e}const le=Symbol.for("react.forward_ref");function ce(e){return null!=e&&("object"==typeof e||"function"==typeof e)&&e.$$typeof===le&&"styledComponentId"in e}function ae(e,t){return e&&t?e+" "+t:e||t||""}function ue(e,t){return e.join(t||"")}function de(e){let t="";for(let n=0;n<e.length;n++)t+=e[n]+d;return t}function he(e){return e?e.replaceAll(d,""):e}function pe(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function fe(e,t,n=!1){if(!n&&!pe(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=fe(e[n],t[n]);else if(pe(t))for(const n in t)e[n]=fe(e[n],t[n]);return e}function me(e){if(!p)return null;const n=t.cache;return n?n(e):null}function ge(e,t){Object.defineProperty(e,"toString",{value:t})}const ye=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 S(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)+d;return t}},ve=`style[${l}][${a}="${u}"]`,Se=new RegExp(`^${l}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),be=e=>"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot||"host"in e&&11===e.nodeType,we=e=>{if(!e)return document;if(be(e))return e;if("getRootNode"in e){const t=e.getRootNode();if(be(t))return t}return document},Ne=(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)},Ce=(e,t)=>{var n;const o=(null!==(n=t.textContent)&&void 0!==n?n:"").split(d),s=[];for(let t=0,n=o.length;t<n;t++){const n=o[t].trim();if(!n)continue;const r=n.match(Se);if(r){const t=0|parseInt(r[1],10),n=r[2];0!==t&&(E(n,t),Ne(e,n,r[3]),e.getTag().insertRules(t,s)),s.length=0}else s.push(n)}},Pe=e=>{const t=we(e.options.target).querySelectorAll(ve);for(let n=0,o=t.length;n<o;n++){const o=t[n];o&&o.getAttribute(l)!==c&&(Ce(e,o),o.parentNode&&o.parentNode.removeChild(o))}};let Oe=!1;function Ee(){if(!1!==Oe)return Oe;if("undefined"!=typeof document){const e=document.head.querySelector('meta[property="csp-nonce"]');if(e)return Oe=e.nonce||e.getAttribute("content")||void 0;const t=document.head.querySelector('meta[name="sc-nonce"]');if(t)return Oe=t.getAttribute("content")||void 0}return Oe="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[${l}]`));return t[t.length-1]})(o),i=void 0!==r?r.nextSibling:null;s.setAttribute(l,c),s.setAttribute(a,u);const d=t||Ee();return d&&s.setAttribute("nonce",d),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 S(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:""}},_e=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:""}},xe=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=h;const Re={isServer:!h,useCSSOMInjection:!m};class je{static registerId(e){return P(e)}constructor(e=$,t={},n){this.options=Object.assign(Object.assign({},Re),e),this.gs=t,this.keyframeIds=new Set,this.names=new Map(n),this.server=!!e.isServer,!this.server&&h&&$e&&($e=!1,Pe(this)),ge(this,()=>(e=>{const t=e.getTag(),{length:n}=t;let o="";for(let s=0;s<n;s++){const n=O(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 c=l+".g"+s+'[id="'+n+'"]';let a="";for(const e of r)e.length>0&&(a+=e+",");o+=i+c+'{content:"'+a+'"}'+d}return o})(this))}rehydrate(){!this.server&&h&&Pe(this)}reconstructWithOptions(e,t=!0){const n=new je(Object.assign(Object.assign({},this.options),e),this.gs,t&&this.names||void 0);return n.keyframeIds=new Set(this.keyframeIds),!this.server&&h&&e.target!==this.options.target&&we(this.options.target)!==we(e.target)&&Pe(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 xe(n):t?new Ae(n,o):new _e(n,o))(this.options),new ye(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){P(e),e.startsWith(g)&&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(P(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(P(e)),this.clearNames(e)}clearTag(){this.tag=void 0}}const ke=new WeakSet,Te={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 De(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in Te||e.startsWith("--")?String(t).trim():t+"px"}const Me=47;function Ve(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 Ge=Symbol.for("sc-keyframes");function Fe(e){return"object"==typeof e&&null!==e&&Ge in e}function ze(e){return ie(e)&&!(e.prototype&&e.prototype.isReactComponent)}const We=e=>null==e||!1===e||""===e,Be=Symbol.for("react.client.reference");function Le(e){return e.$$typeof===Be}function qe(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 He(e,t){for(const n in e){const o=e[n];e.hasOwnProperty(n)&&!We(o)&&(Array.isArray(o)&&ke.has(o)||ie(o)?t.push(Ve(n)+":",o,";"):pe(o)?(t.push(n+" {"),He(o,t),t.push("}")):t.push(Ve(n)+": "+De(n,o)+";"))}}function Ye(e,t,n,o,s=[]){if(We(e))return s;const r=typeof e;if("string"===r)return s.push(e),s;if("function"===r){if(Le(e))return"production"!==process.env.NODE_ENV&&qe(e),s;if(ze(e)&&t){const r=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||Fe(r)||pe(r)||null===r||console.error(`${B(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.`),Ye(r,t,n,o,s)}return s.push(e),s}if(Array.isArray(e)){for(let r=0;r<e.length;r++)Ye(e[r],t,n,o,s);return s}return ce(e)?(s.push(`.${e.styledComponentId}`),s):Fe(e)?(n?(e.inject(n,o),s.push(e.getName(o))):s.push(e),s):Le(e)?("production"!==process.env.NODE_ENV&&qe(e),s):pe(e)?e.toString!==Object.prototype.toString?(s.push(e.toString()),s):(He(e,s),s):(s.push(e.toString()),s)}const Ue=z(u),Je=p?new WeakMap:null;function Xe(e,t){if(!Je)return null;const n=Je.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 Ze{constructor(e,t,n){this.rules=e,this.componentId=t,this.baseHash=F(Ue,t),this.baseStyle=n,je.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(ze(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)||Fe(o)||pe(o)||console.error(`${B(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+=ue(Ye(o,e,t,n)))}else s+=ue(Ye(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=V(F(F(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(p&&function(e,t){var n,o;return null!==(o=null===(n=null==Je?void 0:Je.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);p&&function(e,t,n){if(!Je)return;let o=Je.get(e);o||(o=new Map,Je.set(e,o)),o.set(t,de(n))}(this,r,e),t.insertRules(this.componentId,r,e)}o=ae(o,r)}}return o}}const Ke=/&/g;function Qe(e,t){let n=0;for(;--t>=0&&92===e.charCodeAt(t);)n++;return!(1&~n)}function et(e){const t=e.length;let n="",o=0,s=0,r=0,i=!1,l=!1;for(let c=0;c<t;c++){const a=e.charCodeAt(c);if(0!==r||i||a!==Me||42!==e.charCodeAt(c+1))if(i)42===a&&e.charCodeAt(c+1)===Me&&(i=!1,c++);else if(34!==a&&39!==a||Qe(e,c)){if(0===r)if(123===a)s++;else if(125===a){if(s--,s<0){l=!0;let n=c+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,c=n-1,o=n;continue}0===s&&(n+=e.substring(o,c+1),o=c+1)}else 59===a&&0===s&&(n+=e.substring(o,c+1),o=c+1)}else 0===r?r=a:r===a&&(r=0);else i=!0,c++}return l||0!==s||0!==r?(o<t&&0===s&&0===r&&(n+=e.substring(o)),n):e}function tt(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&&tt(r.children,t)}return e}function nt({options:e=$,plugins:t=x}=$){let n,s,r;const i=(e,t,o)=>o.startsWith(s)&&o.endsWith(s)&&o.replaceAll(s,"").length>0?`.${n}`:e,l=t.slice();l.push(e=>{e.type===o.RULESET&&e.value.includes("&")&&(r||(r=new RegExp(`\\${s}\\b`,"g")),e.props[0]=e.props[0].replace(Ke,s).replace(r,i))}),e.prefix&&l.push(o.prefixer),l.push(o.stringify);let c=[];const a=o.middleware(l.concat(o.rulesheet(e=>c.push(e)))),u=(t,i="",l="",u="&")=>{n=u,s=i,r=void 0;const d=function(e){const t=-1!==e.indexOf("//"),n=-1!==e.indexOf("}");if(!t&&!n)return e;if(!t)return et(e);const o=e.length;let s="",r=0,i=0,l=0,c=0,a=0,u=!1;for(;i<o;){const t=e.charCodeAt(i);if(34!==t&&39!==t||Qe(e,i))if(0===l)if(t===Me&&i+1<o&&42===e.charCodeAt(i+1)){for(i+=2;i+1<o&&(42!==e.charCodeAt(i)||e.charCodeAt(i+1)!==Me);)i++;i+=2}else if(40!==t)if(41!==t)if(c>0)i++;else if(42===t&&i+1<o&&e.charCodeAt(i+1)===Me)s+=e.substring(r,i),i+=2,r=i,u=!0;else if(t===Me&&i+1<o&&e.charCodeAt(i+1)===Me){for(s+=e.substring(r,i);i<o&&10!==e.charCodeAt(i);)i++;r=i,u=!0}else 123===t?a++:125===t&&a--,i++;else c>0&&c--,i++;else c++,i++;else i++;else 0===l?l=t:l===t&&(l=0),i++}return u?(r<o&&(s+=e.substring(r)),0===a?s:et(s)):0===a?e:et(e)}(t);let h=o.compile(l||i?l+" "+i+" { "+d+" }":d);return e.namespace&&(h=tt(h,e.namespace)),c=[],o.serialize(h,a),c},d=e;let h=G;for(let e=0;e<t.length;e++)t[e].name||S(15),h=F(h,t[e].name);return(null==d?void 0:d.namespace)&&(h=F(h,d.namespace)),(null==d?void 0:d.prefix)&&(h=F(h,"p")),u.hash=h!==G?h.toString():"",u}var ot,st,rt;const it=new je,lt=nt();let ct,at=null,ut=lt;const dt=p&&null!==(rt=null===(st=(ot=t).cache)||void 0===st?void 0:st.call(ot,()=>{it.names.clear(),it.keyframeIds.clear(),it.clearTag(),at=null}))&&void 0!==rt?rt:null,ht={shouldForwardProp:void 0,styleSheet:it,stylis:lt,stylisPlugins:void 0},pt=p?{Provider:({children:e})=>e,Consumer:({children:e})=>e(ht)}:t.createContext(ht),ft=pt.Consumer;function mt(){return p?(dt&&dt(),at||ht):t.useContext(pt)}function gt(e){var n,o,s;if(p){dt&&dt();const t=at||ht,s=void 0!==e.stylisPlugins||void 0!==e.namespace||void 0!==e.enableVendorPrefixes;s&&(e.stylisPlugins&&e.stylisPlugins!==ct?(ct=e.stylisPlugins,ut=nt({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:e.stylisPlugins})):void 0===e.namespace&&void 0===e.enableVendorPrefixes||(ut=nt({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(n=e.stylisPlugins)&&void 0!==n?n:t.stylisPlugins})));const r=s?void 0===e.stylisPlugins||e.stylisPlugins.length?ut:lt:t.stylis,i="shouldForwardProp"in e?e.shouldForwardProp:t.shouldForwardProp,l=null!==(o=e.stylisPlugins)&&void 0!==o?o:t.stylisPlugins;return at=r!==lt||i?{shouldForwardProp:i,styleSheet:it,stylis:r,stylisPlugins:l}:null,e.children}const r=mt(),{styleSheet:i}=r,l=t.useMemo(()=>{let t=i;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,i]),c=t.useMemo(()=>{var t;return void 0===e.stylisPlugins&&void 0===e.namespace&&void 0===e.enableVendorPrefixes?r.stylis:nt({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:r.stylisPlugins})},[e.enableVendorPrefixes,e.namespace,e.stylisPlugins,r.stylis,r.stylisPlugins]),a="shouldForwardProp"in e?e.shouldForwardProp:r.shouldForwardProp,u=null!==(s=e.stylisPlugins)&&void 0!==s?s:r.stylisPlugins,d=t.useMemo(()=>({shouldForwardProp:a,styleSheet:l,stylis:c,stylisPlugins:u}),[a,l,c,u]);return t.createElement(pt.Provider,{value:d},e.children)}const yt=p?{Provider:({children:e})=>e,Consumer:({children:e})=>e(void 0)}:t.createContext(void 0),vt=yt.Consumer;function St(){const e=p?void 0:t.useContext(yt);if(!e)throw S(18);return e}function bt(e){if(p)return e.children;const n=t.useContext(yt),o=t.useMemo(()=>function(e,t){if(!e)throw S(14);if(ie(e)){const n=e(t);if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw S(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw S(8);return t?Object.assign(Object.assign({},t),e):e}(e.theme,n),[e.theme,n]);return e.children?t.createElement(yt.Provider,{value:o},e.children):null}const wt={};function Nt(e,t){const n="string"!=typeof e?"sc":T(e);wt[n]=(wt[n]||0)+1;const o=n+"-"+W(u+n+wt[n]);return t?t+"-"+o:o}let Ct;const Pt=me(()=>new Set),Ot=new Map;function Et(e){let t=Ot.get(e);return t||(t=new RegExp("\\."+e+"(?![a-zA-Z0-9_-])","g"),Ot.set(e,t)),t}function It(e,t,n){const o=n.names.get(t);if(o)for(const t of o){const n=Et(t);n.lastIndex=0,e=e.replace(n,":where(."+t+")")}return e}function At(o,s,r){const i=ce(o),c=o,a=!L(o),{attrs:u=x,componentId:h=Nt(s.displayName,s.parentComponentId),displayName:f=q(o)}=s,m=s.displayName&&s.componentId?T(s.displayName)+"-"+s.componentId:s.componentId||h,g=i&&c.attrs?c.attrs.concat(u).filter(Boolean):u;let{shouldForwardProp:y}=s;if(i&&c.shouldForwardProp){const e=c.shouldForwardProp;if(s.shouldForwardProp){const t=s.shouldForwardProp;y=(n,o)=>e(n,o)&&t(n,o)}else y=e}const v=new Ze(r,m,i?c.componentStyle:void 0);function S(o,s){return function(o,s,r){const{attrs:i,componentStyle:c,defaultProps:a,foldedComponentIds:u,styledComponentId:h,target:f}=o,m=p?void 0:t.useContext(yt),g=mt(),y=o.shouldForwardProp||g.shouldForwardProp;"production"!==process.env.NODE_ENV&&t.useDebugValue&&t.useDebugValue(h);const v=R(s,m,a)||(p?void 0:$);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=ie(r)?r(s?Object.assign({},o):o):r;for(const e in i)"className"===e?o.className=ae(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=ae(o.className,t.className)),o}(i,s,v),b=function(e,n,o,s){const r=e.generateAndInjectStyles(n,o,s);return"production"!==process.env.NODE_ENV&&t.useDebugValue&&t.useDebugValue(r),r}(c,S,g.styleSheet,g.stylis),"production"!==process.env.NODE_ENV&&o.warnTooManyClasses&&o.warnTooManyClasses(b);const w=S.as||f,N=function(t,n,o,s){const r={};for(const i in t)void 0===t[i]||"$"===i[0]||"as"===i||"theme"===i&&t.theme===o||("forwardedAs"===i?r.as=t.forwardedAs:s&&!s(i,n)||(r[i]=t[i],s||"development"!==process.env.NODE_ENV||e(i)||(Ct||(Ct=new Set)).has(i)||!L(n)||n.includes("-")||(Ct.add(i),console.warn(`styled-components: it looks like an unknown prop "${i}" 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 r}(S,w,v,y);let C=ae(u,h);b&&(C+=" "+b),S.className&&(C+=" "+S.className),N[L(w)&&w.includes("-")?"class":"className"]=C,r&&(N.ref=r);const O=n(w,N);if(p){const e=Pt?Pt():null;let n=null,o=0,s="",r=!0,i=c;for(;i;){const t=g.styleSheet.names.get(i.componentId);if(t){o+=t.size;for(const o of t)e&&e.has(o)||(n||(n=[]),n.push(o),e&&e.add(o))}if(n&&r){let e=Xe(i,g.styleSheet);null===e?r=!1:(i!==c&&(e=It(e,i.componentId,g.styleSheet)),s=e+s)}i=i.baseStyle}if(n&&!r){s="";const e=g.styleSheet.getTag();let t=c;for(;t;){let n=e.getGroup(P(t.componentId));n&&t!==c&&(n=It(n,t.componentId,g.styleSheet)),s=n+s,t=t.baseStyle}}let a="";if(g.styleSheet.keyframeIds.size>0){const t=g.styleSheet.getTag();for(const n of g.styleSheet.keyframeIds){if(e&&e.has(n))continue;const o=t.getGroup(P(n));o&&(a+=o,e&&e.add(n))}}if(s&&e&&n&&n.length<o){const e=s.split(d);let t="";for(let o=0;o<e.length;o++){const s=e[o];if(s)for(let e=0;e<n.length;e++){const o=Et(n[e]);if(o.lastIndex=0,o.test(s)){t+=s+d;break}}}s=t}const u=he(a+s);if(u){const e=t.createElement("style",{[l]:"",key:"sc-"+c.componentId,children:u});return t.createElement(t.Fragment,null,e,O)}}return O}(b,o,s)}S.displayName=f;let b=t.forwardRef(S);return b.attrs=g,b.componentStyle=v,b.displayName=f,b.shouldForwardProp=y,b.foldedComponentIds=i?ae(c.foldedComponentIds,c.styledComponentId):"",b.styledComponentId=m,b.target=i?c.target:o,Object.defineProperty(b,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=i?function(e,...t){for(const n of t)fe(e,n,!0);return e}({},c.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(_(f,m),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={})}})(f,m)),ge(b,()=>`.${b.styledComponentId}`),a&&re(b,o,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),b}var _t=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 xt(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 $t=e=>(ke.add(e),e);function Rt(e,...t){if(ie(e)||pe(e))return $t(Ye(xt(x,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?Ye(n):$t(Ye(xt(n,t)))}function jt(e,t,n=$){if(!t)throw S(1,t);const o=(o,...s)=>e(t,n,Rt(o,...s));return o.attrs=o=>jt(e,t,Object.assign(Object.assign({},n),{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)})),o.withConfig=o=>jt(e,t,Object.assign(Object.assign({},n),o)),o}const kt=e=>jt(At,e),Tt=kt;_t.forEach(e=>{Tt[e]=kt(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(ie(n)&&!ce(n))return!1}return!0}(e),je.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=ue(Ye(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=me(()=>new Set);function Vt(e,...n){const o=Rt(e,...n),s=`sc-global-${W(JSON.stringify(o))}`,r=new Dt(o,s);"production"!==process.env.NODE_ENV&&_(s);const i=e=>{const n=mt(),l=p?void 0:t.useContext(yt);let c;if(c=n.styleSheet.allocateGSInstance(s),"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."),(p||n.styleSheet.server)&&function(e,t,n,o,s){if(r.isStatic)r.renderStyles(e,y,n,s);else{const l=Object.assign(Object.assign({},t),{theme:R(t,o,i.defaultProps)});r.renderStyles(e,l,n,s)}}(c,e,n.styleSheet,l,n.stylis),p){const e="undefined"==typeof window?r.instanceRules.get(c):void 0,o=e?de(e.rules):"";if(o){r.instanceRules.delete(c);const e=Mt?Mt():null;if(e){const t=r.isStatic?s+n.stylis.hash:o;if(e.has(t))return null;e.add(t)}return t.createElement("style",{key:s+"-"+c,"data-styled-global":s,children:he(o)})}}return r.instanceRules.delete(c),null};return t.memo(i)}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],c=o?o+"-"+r:r;"object"==typeof i&&null!==i?"object"==typeof l&&null!==l&&(s+=Ft(i,l,n,c)):void 0!==l&&"function"!=typeof l&&(s+="--"+n+c+":"+l+";")}return s}function zt(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),c=Vt`
1
+ import e from"@emotion/is-prop-valid";import t,{createElement as n}from"react";import*as o from"stylis";import{RULESET as s}from"stylis";var r,i;const l="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",c="active",a="data-styled-version",u="6.4.3",d="/*!sc*/\n",h="undefined"!=typeof window&&"undefined"!=typeof document,p=void 0===t.createContext;function f(e){if("undefined"!=typeof process&&void 0!==process.env){const t=process.env[e];if(void 0!==t&&""!==t)return"false"!==t}}const m=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:null!==(i=null!==(r=f("REACT_APP_SC_DISABLE_SPEEDY"))&&void 0!==r?r:f("SC_DISABLE_SPEEDY"))&&void 0!==i?i:"undefined"!=typeof process&&void 0!==process.env&&"production"!==process.env.NODE_ENV),g="sc-keyframes-",y={},v="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 S(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}(v[e],...t).trim())}const b=1<<30;let w=new Map,N=new Map,C=1;const P=e=>{if(w.has(e))return w.get(e);for(;N.has(C);)C++;const t=C++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>b))throw S(16,`${t}`);return w.set(e,t),N.set(t,e),t},O=e=>N.get(e),E=(e,t)=>{C=t+1,w.set(e,t),N.set(t,e)},I=/invalid hook call/i,A=new Set,_=(e,n)=>{if("production"!==process.env.NODE_ENV){if(p)return;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.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n`,s=console.error;try{let e=!0;console.error=(t,...n)=>{I.test(t)?(e=!1,A.delete(o)):s(t,...n)},"function"==typeof t.useState&&t.useState(null),e&&!A.has(o)&&(console.warn(o),A.add(o))}catch(e){I.test(e.message)&&A.delete(o)}finally{console.error=s}}},x=Object.freeze([]),$=Object.freeze({});function R(e,t,n=$){return e.theme!==n.theme&&e.theme||t||n.theme}const j=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,k=/(^-|-$)/g;function T(e){return e.replace(j,"-").replace(k,"")}const D=/(a)(d)/gi,M=e=>String.fromCharCode(e+(e>25?39:97));function V(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=M(t%52)+n;return(M(t%52)+n).replace(D,"$1-$2")}const G=5381,F=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},z=e=>F(G,e);function W(e){return V(z(e)>>>0)}function B(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function L(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function q(e){return L(e)?`styled.${e}`:`Styled(${B(e)})`}const H=Symbol.for("react.memo"),Y=Symbol.for("react.forward_ref"),U={contextType:!0,defaultProps:!0,displayName:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},J={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},X={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Z={[Y]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[H]:X};function K(e){return("type"in(t=e)&&t.type.$$typeof)===H?X:"$$typeof"in e?Z[e.$$typeof]:U;var t}const Q=Object.defineProperty,ee=Object.getOwnPropertyNames,te=Object.getOwnPropertySymbols,ne=Object.getOwnPropertyDescriptor,oe=Object.getPrototypeOf,se=Object.prototype;function re(e,t,n){if("string"!=typeof t){const o=oe(t);o&&o!==se&&re(e,o,n);const s=ee(t).concat(te(t)),r=K(e),i=K(t);for(let o=0;o<s.length;++o){const l=s[o];if(!(l in J||n&&n[l]||i&&l in i||r&&l in r)){const n=ne(t,l);try{Q(e,l,n)}catch(e){}}}}return e}function ie(e){return"function"==typeof e}const le=Symbol.for("react.forward_ref");function ce(e){return null!=e&&("object"==typeof e||"function"==typeof e)&&e.$$typeof===le&&"styledComponentId"in e}function ae(e,t){return e&&t?e+" "+t:e||t||""}function ue(e,t){return e.join(t||"")}function de(e){let t="";for(let n=0;n<e.length;n++)t+=e[n]+d;return t}function he(e){return e?e.replaceAll(d,""):e}function pe(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function fe(e,t,n=!1){if(!n&&!pe(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(let n=0;n<t.length;n++)e[n]=fe(e[n],t[n]);else if(pe(t))for(const n in t)e[n]=fe(e[n],t[n]);return e}function me(e){if(!p)return null;const n=t.cache;return n?n(e):null}function ge(e,t){Object.defineProperty(e,"toString",{value:t})}const ye=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 S(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)+d;return t}},ve=`style[${l}][${a}="${u}"]`,Se=new RegExp(`^${l}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),be=e=>"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot||"host"in e&&11===e.nodeType,we=e=>{if(!e)return document;if(be(e))return e;if("getRootNode"in e){const t=e.getRootNode();if(be(t))return t}return document},Ne=(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)},Ce=(e,t)=>{var n;const o=(null!==(n=t.textContent)&&void 0!==n?n:"").split(d),s=[];for(let t=0,n=o.length;t<n;t++){const n=o[t].trim();if(!n)continue;const r=n.match(Se);if(r){const t=0|parseInt(r[1],10),n=r[2];0!==t&&(E(n,t),Ne(e,n,r[3]),e.getTag().insertRules(t,s)),s.length=0}else s.push(n)}},Pe=e=>{const t=we(e.options.target).querySelectorAll(ve);for(let n=0,o=t.length;n<o;n++){const o=t[n];o&&o.getAttribute(l)!==c&&(Ce(e,o),o.parentNode&&o.parentNode.removeChild(o))}};let Oe=!1;function Ee(){if(!1!==Oe)return Oe;if("undefined"!=typeof document){const e=document.head.querySelector('meta[property="csp-nonce"]');if(e)return Oe=e.nonce||e.getAttribute("content")||void 0;const t=document.head.querySelector('meta[name="sc-nonce"]');if(t)return Oe=t.getAttribute("content")||void 0}return Oe="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[${l}]`));return t[t.length-1]})(o),i=void 0!==r?r.nextSibling:null;s.setAttribute(l,c),s.setAttribute(a,u);const d=t||Ee();return d&&s.setAttribute("nonce",d),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 S(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:""}},_e=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:""}},xe=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=h;const Re={isServer:!h,useCSSOMInjection:!m};class je{static registerId(e){return P(e)}constructor(e=$,t={},n){this.options=Object.assign(Object.assign({},Re),e),this.gs=t,this.keyframeIds=new Set,this.names=new Map(n),this.server=!!e.isServer,!this.server&&h&&$e&&($e=!1,Pe(this)),ge(this,()=>(e=>{const t=e.getTag(),{length:n}=t;let o="";for(let s=0;s<n;s++){const n=O(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 c=l+".g"+s+'[id="'+n+'"]';let a="";for(const e of r)e.length>0&&(a+=e+",");o+=i+c+'{content:"'+a+'"}'+d}return o})(this))}rehydrate(){!this.server&&h&&Pe(this)}reconstructWithOptions(e,t=!0){const n=new je(Object.assign(Object.assign({},this.options),e),this.gs,t&&this.names||void 0);return n.keyframeIds=new Set(this.keyframeIds),!this.server&&h&&e.target!==this.options.target&&we(this.options.target)!==we(e.target)&&Pe(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 xe(n):t?new Ae(n,o):new _e(n,o))(this.options),new ye(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){P(e),e.startsWith(g)&&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(P(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(P(e)),this.clearNames(e)}clearTag(){this.tag=void 0}}const ke=new WeakSet,Te={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 De(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in Te||e.startsWith("--")?String(t).trim():t+"px"}const Me=47;function Ve(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 Ge=Symbol.for("sc-keyframes");function Fe(e){return"object"==typeof e&&null!==e&&Ge in e}function ze(e){return ie(e)&&!(e.prototype&&e.prototype.isReactComponent)}const We=e=>null==e||!1===e||""===e,Be=Symbol.for("react.client.reference");function Le(e){return e.$$typeof===Be}function qe(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 He(e,t){for(const n in e){const o=e[n];e.hasOwnProperty(n)&&!We(o)&&(Array.isArray(o)&&ke.has(o)||ie(o)?t.push(Ve(n)+":",o,";"):pe(o)?(t.push(n+" {"),He(o,t),t.push("}")):t.push(Ve(n)+": "+De(n,o)+";"))}}function Ye(e,t,n,o,s=[]){if(We(e))return s;const r=typeof e;if("string"===r)return s.push(e),s;if("function"===r){if(Le(e))return"production"!==process.env.NODE_ENV&&qe(e),s;if(ze(e)&&t){const r=e(t);return"production"===process.env.NODE_ENV||"object"!=typeof r||Array.isArray(r)||Fe(r)||pe(r)||null===r||console.error(`${B(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.`),Ye(r,t,n,o,s)}return s.push(e),s}if(Array.isArray(e)){for(let r=0;r<e.length;r++)Ye(e[r],t,n,o,s);return s}return ce(e)?(s.push(`.${e.styledComponentId}`),s):Fe(e)?(n?(e.inject(n,o),s.push(e.getName(o))):s.push(e),s):Le(e)?("production"!==process.env.NODE_ENV&&qe(e),s):pe(e)?e.toString!==Object.prototype.toString?(s.push(e.toString()),s):(He(e,s),s):(s.push(e.toString()),s)}const Ue=z(u),Je=p?new WeakMap:null;function Xe(e,t){if(!Je)return null;const n=Je.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 Ze{constructor(e,t,n){this.rules=e,this.componentId=t,this.baseHash=F(Ue,t),this.baseStyle=n,je.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(ze(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)||Fe(o)||pe(o)||console.error(`${B(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+=ue(Ye(o,e,t,n)))}else s+=ue(Ye(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=V(F(F(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(p&&function(e,t){var n,o;return null!==(o=null===(n=null==Je?void 0:Je.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);p&&function(e,t,n){if(!Je)return;let o=Je.get(e);o||(o=new Map,Je.set(e,o)),o.set(t,de(n))}(this,r,e),t.insertRules(this.componentId,r,e)}o=ae(o,r)}}return o}}const Ke=/&/g;function Qe(e,t){let n=0;for(;--t>=0&&92===e.charCodeAt(t);)n++;return!(1&~n)}function et(e){const t=e.length;let n="",o=0,s=0,r=0,i=!1,l=!1;for(let c=0;c<t;c++){const a=e.charCodeAt(c);if(0!==r||i||a!==Me||42!==e.charCodeAt(c+1))if(i)42===a&&e.charCodeAt(c+1)===Me&&(i=!1,c++);else if(34!==a&&39!==a||Qe(e,c)){if(0===r)if(123===a)s++;else if(125===a){if(s--,s<0){l=!0;let n=c+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,c=n-1,o=n;continue}0===s&&(n+=e.substring(o,c+1),o=c+1)}else 59===a&&0===s&&(n+=e.substring(o,c+1),o=c+1)}else 0===r?r=a:r===a&&(r=0);else i=!0,c++}return l||0!==s||0!==r?(o<t&&0===s&&0===r&&(n+=e.substring(o)),n):e}function tt(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&&tt(r.children,t)}return e}function nt({options:e=$,plugins:t=x}=$){let n,s,r;const i=(e,t,o)=>o.startsWith(s)&&o.endsWith(s)&&o.replaceAll(s,"").length>0?`.${n}`:e,l=t.slice();l.push(e=>{e.type===o.RULESET&&e.value.includes("&")&&(r||(r=new RegExp(`\\${s}\\b`,"g")),e.props[0]=e.props[0].replace(Ke,s).replace(r,i))}),e.prefix&&l.push(o.prefixer),l.push(o.stringify);let c=[];const a=o.middleware(l.concat(o.rulesheet(e=>c.push(e)))),u=(t,i="",l="",u="&")=>{n=u,s=i,r=void 0;const d=function(e){const t=-1!==e.indexOf("//"),n=-1!==e.indexOf("}");if(!t&&!n)return e;if(!t)return et(e);const o=e.length;let s="",r=0,i=0,l=0,c=0,a=0,u=!1;for(;i<o;){const t=e.charCodeAt(i);if(34!==t&&39!==t||Qe(e,i))if(0===l)if(t===Me&&i+1<o&&42===e.charCodeAt(i+1)){for(i+=2;i+1<o&&(42!==e.charCodeAt(i)||e.charCodeAt(i+1)!==Me);)i++;i+=2}else if(40!==t)if(41!==t)if(c>0)i++;else if(42===t&&i+1<o&&e.charCodeAt(i+1)===Me)s+=e.substring(r,i),i+=2,r=i,u=!0;else if(t===Me&&i+1<o&&e.charCodeAt(i+1)===Me){for(s+=e.substring(r,i);i<o&&10!==e.charCodeAt(i);)i++;r=i,u=!0}else 123===t?a++:125===t&&a--,i++;else c>0&&c--,i++;else c++,i++;else i++;else 0===l?l=t:l===t&&(l=0),i++}return u?(r<o&&(s+=e.substring(r)),0===a?s:et(s)):0===a?e:et(e)}(t);let h=o.compile(l||i?l+" "+i+" { "+d+" }":d);return e.namespace&&(h=tt(h,e.namespace)),c=[],o.serialize(h,a),c},d=e;let h=G;for(let e=0;e<t.length;e++)t[e].name||S(15),h=F(h,t[e].name);return(null==d?void 0:d.namespace)&&(h=F(h,d.namespace)),(null==d?void 0:d.prefix)&&(h=F(h,"p")),u.hash=h!==G?h.toString():"",u}var ot,st,rt;const it=new je,lt=nt();let ct,at=null,ut=lt;const dt=p&&null!==(rt=null===(st=(ot=t).cache)||void 0===st?void 0:st.call(ot,()=>{it.names.clear(),it.keyframeIds.clear(),it.clearTag(),at=null}))&&void 0!==rt?rt:null,ht={shouldForwardProp:void 0,styleSheet:it,stylis:lt,stylisPlugins:void 0},pt=p?{Provider:({children:e})=>e,Consumer:({children:e})=>e(ht)}:t.createContext(ht),ft=pt.Consumer;function mt(){return p?(dt&&dt(),at||ht):t.useContext(pt)}function gt(e){var n,o,s;if(p){dt&&dt();const t=at||ht,s=void 0!==e.stylisPlugins||void 0!==e.namespace||void 0!==e.enableVendorPrefixes;s&&(e.stylisPlugins&&e.stylisPlugins!==ct?(ct=e.stylisPlugins,ut=nt({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:e.stylisPlugins})):void 0===e.namespace&&void 0===e.enableVendorPrefixes||(ut=nt({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(n=e.stylisPlugins)&&void 0!==n?n:t.stylisPlugins})));const r=s?void 0===e.stylisPlugins||e.stylisPlugins.length?ut:lt:t.stylis,i="shouldForwardProp"in e?e.shouldForwardProp:t.shouldForwardProp,l=null!==(o=e.stylisPlugins)&&void 0!==o?o:t.stylisPlugins;return at=r!==lt||i?{shouldForwardProp:i,styleSheet:it,stylis:r,stylisPlugins:l}:null,e.children}const r=mt(),{styleSheet:i}=r,l=t.useMemo(()=>{let t=i;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,i]),c=t.useMemo(()=>{var t;return void 0===e.stylisPlugins&&void 0===e.namespace&&void 0===e.enableVendorPrefixes?r.stylis:nt({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:r.stylisPlugins})},[e.enableVendorPrefixes,e.namespace,e.stylisPlugins,r.stylis,r.stylisPlugins]),a="shouldForwardProp"in e?e.shouldForwardProp:r.shouldForwardProp,u=null!==(s=e.stylisPlugins)&&void 0!==s?s:r.stylisPlugins,d=t.useMemo(()=>({shouldForwardProp:a,styleSheet:l,stylis:c,stylisPlugins:u}),[a,l,c,u]);return t.createElement(pt.Provider,{value:d},e.children)}const yt=p?{Provider:({children:e})=>e,Consumer:({children:e})=>e(void 0)}:t.createContext(void 0),vt=yt.Consumer;function St(){const e=p?void 0:t.useContext(yt);if(!e)throw S(18);return e}function bt(e){if(p)return e.children;const n=t.useContext(yt),o=t.useMemo(()=>function(e,t){if(!e)throw S(14);if(ie(e)){const n=e(t);if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw S(7);return n}if(Array.isArray(e)||"object"!=typeof e)throw S(8);return t?Object.assign(Object.assign({},t),e):e}(e.theme,n),[e.theme,n]);return e.children?t.createElement(yt.Provider,{value:o},e.children):null}const wt={};function Nt(e,t){const n="string"!=typeof e?"sc":T(e);wt[n]=(wt[n]||0)+1;const o=n+"-"+W(u+n+wt[n]);return t?t+"-"+o:o}let Ct;const Pt=me(()=>new Set),Ot=new Map;function Et(e){let t=Ot.get(e);return t||(t=new RegExp("\\."+e+"(?![a-zA-Z0-9_-])","g"),Ot.set(e,t)),t}function It(e,t,n){const o=n.names.get(t);if(o)for(const t of o){const n=Et(t);n.lastIndex=0,e=e.replace(n,":where(."+t+")")}return e}function At(o,s,r){const i=ce(o),c=o,a=!L(o),{attrs:u=x,componentId:h=Nt(s.displayName,s.parentComponentId),displayName:f=q(o)}=s,m=s.displayName&&s.componentId?T(s.displayName)+"-"+s.componentId:s.componentId||h,g=i&&c.attrs?c.attrs.concat(u).filter(Boolean):u;let{shouldForwardProp:y}=s;if(i&&c.shouldForwardProp){const e=c.shouldForwardProp;if(s.shouldForwardProp){const t=s.shouldForwardProp;y=(n,o)=>e(n,o)&&t(n,o)}else y=e}const v=new Ze(r,m,i?c.componentStyle:void 0);function S(o,s){return function(o,s,r){const{attrs:i,componentStyle:c,defaultProps:a,foldedComponentIds:u,styledComponentId:h,target:f}=o,m=p?void 0:t.useContext(yt),g=mt(),y=o.shouldForwardProp||g.shouldForwardProp;"production"!==process.env.NODE_ENV&&t.useDebugValue&&t.useDebugValue(h);const v=R(s,m,a)||(p?void 0:$);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=ie(r)?r(s?Object.assign({},o):o):r;for(const e in i)"className"===e?o.className=ae(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=ae(o.className,t.className)),o}(i,s,v),b=function(e,n,o,s){const r=e.generateAndInjectStyles(n,o,s);return"production"!==process.env.NODE_ENV&&t.useDebugValue&&t.useDebugValue(r),r}(c,S,g.styleSheet,g.stylis),"production"!==process.env.NODE_ENV&&o.warnTooManyClasses&&o.warnTooManyClasses(b);const w=S.as||f,N=function(t,n,o,s){const r={};for(const i in t)void 0===t[i]||"$"===i[0]||"as"===i||"theme"===i&&t.theme===o||("forwardedAs"===i?r.as=t.forwardedAs:s&&!s(i,n)||(r[i]=t[i],s||"development"!==process.env.NODE_ENV||e(i)||(Ct||(Ct=new Set)).has(i)||!L(n)||n.includes("-")||(Ct.add(i),console.warn(`styled-components: it looks like an unknown prop "${i}" 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 r}(S,w,v,y);let C=ae(u,h);b&&(C+=" "+b),S.className&&(C+=" "+S.className),N[L(w)&&w.includes("-")?"class":"className"]=C,r&&(N.ref=r);const O=n(w,N);if(p){const e=Pt?Pt():null;let n=null,o=0,s="",r=!0,i=c;for(;i;){const t=g.styleSheet.names.get(i.componentId);if(t){o+=t.size;for(const o of t)e&&e.has(o)||(n||(n=[]),n.push(o),e&&e.add(o))}if(n&&r){let e=Xe(i,g.styleSheet);null===e?r=!1:(i!==c&&(e=It(e,i.componentId,g.styleSheet)),s=e+s)}i=i.baseStyle}if(n&&!r){s="";const e=g.styleSheet.getTag();let t=c;for(;t;){let n=e.getGroup(P(t.componentId));n&&t!==c&&(n=It(n,t.componentId,g.styleSheet)),s=n+s,t=t.baseStyle}}let a="";if(g.styleSheet.keyframeIds.size>0){const t=g.styleSheet.getTag();for(const n of g.styleSheet.keyframeIds){if(e&&e.has(n))continue;const o=t.getGroup(P(n));o&&(a+=o,e&&e.add(n))}}if(s&&e&&n&&n.length<o){const e=s.split(d);let t="";for(let o=0;o<e.length;o++){const s=e[o];if(s)for(let e=0;e<n.length;e++){const o=Et(n[e]);if(o.lastIndex=0,o.test(s)){t+=s+d;break}}}s=t}const u=he(a+s);if(u){const e=t.createElement("style",{[l]:"",key:"sc-"+c.componentId,children:u});return t.createElement(t.Fragment,null,e,O)}}return O}(b,o,s)}S.displayName=f;let b=t.forwardRef(S);return b.attrs=g,b.componentStyle=v,b.displayName=f,b.shouldForwardProp=y,b.foldedComponentIds=i?ae(c.foldedComponentIds,c.styledComponentId):"",b.styledComponentId=m,b.target=i?c.target:o,Object.defineProperty(b,"defaultProps",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=i?function(e,...t){for(const n of t)fe(e,n,!0);return e}({},c.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(_(f,m),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={})}})(f,m)),ge(b,()=>`.${b.styledComponentId}`),a&&re(b,o,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),b}var _t=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 xt(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 $t=e=>(ke.add(e),e);function Rt(e,...t){if(ie(e)||pe(e))return $t(Ye(xt(x,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?Ye(n):$t(Ye(xt(n,t)))}function jt(e,t,n=$){if(!t)throw S(1,t);const o=(o,...s)=>e(t,n,Rt(o,...s));return o.attrs=o=>jt(e,t,Object.assign(Object.assign({},n),{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)})),o.withConfig=o=>jt(e,t,Object.assign(Object.assign({},n),o)),o}const kt=e=>jt(At,e),Tt=kt;_t.forEach(e=>{Tt[e]=kt(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(ie(n)&&!ce(n))return!1}return!0}(e),je.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=ue(Ye(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=me(()=>new Set);function Vt(e,...n){const o=Rt(e,...n),s=`sc-global-${W(JSON.stringify(o))}`,r=new Dt(o,s);"production"!==process.env.NODE_ENV&&_(s);const i=e=>{const n=mt(),l=p?void 0:t.useContext(yt);let c;if(c=n.styleSheet.allocateGSInstance(s),"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."),(p||n.styleSheet.server)&&function(e,t,n,o,s){if(r.isStatic)r.renderStyles(e,y,n,s);else{const l=Object.assign(Object.assign({},t),{theme:R(t,o,i.defaultProps)});r.renderStyles(e,l,n,s)}}(c,e,n.styleSheet,l,n.stylis),p){const e="undefined"==typeof window?r.instanceRules.get(c):void 0,o=e?de(e.rules):"";if(o){r.instanceRules.delete(c);const e=Mt?Mt():null;if(e){const t=r.isStatic?s+n.stylis.hash:o;if(e.has(t))return null;e.add(t)}return t.createElement("style",{key:s+"-"+c,"data-styled-global":s,children:he(o)})}}return r.instanceRules.delete(c),null};return t.memo(i)}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],c=o?o+"-"+r:r;"object"==typeof i&&null!==i?"object"==typeof l&&null!==l&&(s+=Ft(i,l,n,c)):void 0!==l&&"function"!=typeof l&&(s+="--"+n+c+":"+l+";")}return s}function zt(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),c=Vt`
2
2
  ${r} {
3
3
  ${t=>Ft(e,t.theme,s)}
4
4
  }