styled-components 6.4.3 → 6.4.4
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.
- package/dist/styled-components.browser.cjs.js +1 -1
- package/dist/styled-components.browser.esm.js +1 -1
- package/dist/styled-components.cjs.js +1 -1
- package/dist/styled-components.esm.js +1 -1
- package/dist/styled-components.js +1 -1
- package/dist/styled-components.min.js +1 -1
- package/dist/types.d.ts +28 -29
- package/native/dist/dist/types.d.ts +28 -29
- package/native/dist/types.d.ts +28 -29
- package/package.json +1 -1
|
@@ -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.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`
|
|
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.4",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
|
}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
'data-styled';
|
|
12
12
|
const SC_ATTR_ACTIVE = 'active';
|
|
13
13
|
const SC_ATTR_VERSION = 'data-styled-version';
|
|
14
|
-
const SC_VERSION = "6.4.
|
|
14
|
+
const SC_VERSION = "6.4.4";
|
|
15
15
|
const SPLITTER = '/*!sc*/\n';
|
|
16
16
|
const IS_BROWSER = typeof window !== 'undefined' && typeof document !== 'undefined';
|
|
17
17
|
function readSpeedyFlag(name) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).styled={},e.React)}(this,function(e,t){"use strict";var n,s;const r="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",o="active",i="data-styled-version",c="6.4.3",a="/*!sc*/\n",l="undefined"!=typeof window&&"undefined"!=typeof document;function u(e){if("undefined"!=typeof process&&void 0!==process.env){const t=process.env[e];if(void 0!==t&&""!==t)return"false"!==t}}const f=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:null!==(s=null!==(n=u("REACT_APP_SC_DISABLE_SPEEDY"))&&void 0!==n?n:u("SC_DISABLE_SPEEDY"))&&void 0!==s?s:("undefined"!=typeof process&&process,!1)),h="sc-keyframes-",d={},p=Object.freeze([]),g=Object.freeze({});function m(e,t){Object.defineProperty(e,"toString",{value:t})}function y(e,...t){return new Error(`An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`)}const b=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 s=n;for(;e>=s;)if(s<<=1,s<0)throw y(16,`${e}`);this.groupSizes=new Uint32Array(s),this.groupSizes.set(t),this.length=s;for(let e=n;e<s;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1),s=0;for(let r=0,o=t.length;r<o;r++)this.tag.insertRule(n,t[r])&&(this.groupSizes[e]++,n++,s++);s>0&&this._cGroup>e&&(this._cIndex+=s)}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),s=n+t;this.groupSizes[e]=0;for(let e=n;e<s;e++)this.tag.deleteRule(n);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],s=this.indexOfGroup(e),r=s+n;for(let e=s;e<r;e++)t+=this.tag.getRule(e)+a;return t}};let S=new Map,v=new Map,w=1;const C=e=>{if(S.has(e))return S.get(e);for(;v.has(w);)w++;const t=w++;return S.set(e,t),v.set(t,e),t},$=e=>v.get(e),x=(e,t)=>{w=t+1,S.set(e,t),v.set(t,e)},O=`style[${r}][${i}="${c}"]`,I=new RegExp(`^${r}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),A=e=>"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot||"host"in e&&11===e.nodeType,P=e=>{if(!e)return document;if(A(e))return e;if("getRootNode"in e){const t=e.getRootNode();if(A(t))return t}return document},j=(e,t,n)=>{const s=n.split(",");let r;for(let n=0,o=s.length;n<o;n++)(r=s[n])&&e.registerName(t,r)},R=(e,t)=>{var n;const s=(null!==(n=t.textContent)&&void 0!==n?n:"").split(a),r=[];for(let t=0,n=s.length;t<n;t++){const n=s[t].trim();if(!n)continue;const o=n.match(I);if(o){const t=0|parseInt(o[1],10),n=o[2];0!==t&&(x(n,t),j(e,n,o[3]),e.getTag().insertRules(t,r)),r.length=0}else r.push(n)}},k=e=>{const t=P(e.options.target).querySelectorAll(O);for(let n=0,s=t.length;n<s;n++){const s=t[n];s&&s.getAttribute(r)!==o&&(R(e,s),s.parentNode&&s.parentNode.removeChild(s))}};let N=!1;function _(){if(!1!==N)return N;if("undefined"!=typeof document){const e=document.head.querySelector('meta[property="csp-nonce"]');if(e)return N=e.nonce||e.getAttribute("content")||void 0;const t=document.head.querySelector('meta[name="sc-nonce"]');if(t)return N=t.getAttribute("content")||void 0}return N="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0}const T=(e,t)=>{const n=document.head,s=e||n,a=document.createElement("style"),l=(e=>{const t=Array.from(e.querySelectorAll(`style[${r}]`));return t[t.length-1]})(s),u=void 0!==l?l.nextSibling:null;a.setAttribute(r,o),a.setAttribute(i,c);const f=t||_();return f&&a.setAttribute("nonce",f),s.insertBefore(a,u),a},E=class{constructor(e,t){this.element=T(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,s=n.length;t<s;t++){const s=n[t];if(s.ownerNode===e)return s}throw y(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:""}},G=class{constructor(e,t){this.element=T(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:""}};let z=l;const M={isServer:!l,useCSSOMInjection:!f};class F{static registerId(e){return C(e)}constructor(e=g,t={},n){this.options=Object.assign(Object.assign({},M),e),this.gs=t,this.keyframeIds=new Set,this.names=new Map(n),this.server=!!e.isServer,!this.server&&l&&z&&(z=!1,k(this)),m(this,()=>(e=>{const t=e.getTag(),{length:n}=t;let s="";for(let o=0;o<n;o++){const n=$(o);if(void 0===n)continue;const i=e.names.get(n);if(void 0===i||!i.size)continue;const c=t.getGroup(o);if(0===c.length)continue;const l=r+".g"+o+'[id="'+n+'"]';let u="";for(const e of i)e.length>0&&(u+=e+",");s+=c+l+'{content:"'+u+'"}'+a}return s})(this))}rehydrate(){!this.server&&l&&k(this)}reconstructWithOptions(e,t=!0){const n=new F(Object.assign(Object.assign({},this.options),e),this.gs,t&&this.names||void 0);return n.keyframeIds=new Set(this.keyframeIds),!this.server&&l&&e.target!==this.options.target&&P(this.options.target)!==P(e.target)&&k(n),n}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({useCSSOMInjection:e,target:t,nonce:n})=>e?new E(t,n):new G(t,n))(this.options),new b(e)));var e}hasNameForId(e,t){var n,s;return null!==(s=null===(n=this.names.get(e))||void 0===n?void 0:n.has(t))&&void 0!==s&&s}registerName(e,t){C(e),e.startsWith(h)&&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(C(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(C(e)),this.clearNames(e)}clearTag(){this.tag=void 0}}const D=new WeakSet,W={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 B(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in W||e.startsWith("--")?String(t).trim():t+"px"}function L(e){return e.displayName||e.name||"Component"}const q=47;function V(e){if(45===e.charCodeAt(0)&&45===e.charCodeAt(1))return e;let t="";for(let n=0;n<e.length;n++){const s=e.charCodeAt(n);t+=s>=65&&s<=90?"-"+String.fromCharCode(s+32):e[n]}return t.startsWith("ms-")?"-"+t:t}function H(e){return"function"==typeof e}const Y=Symbol.for("sc-keyframes");function U(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function J(e){return H(e)&&!(e.prototype&&e.prototype.isReactComponent)}const K=Symbol.for("react.forward_ref");function Q(e){return null!=e&&("object"==typeof e||"function"==typeof e)&&e.$$typeof===K&&"styledComponentId"in e}const X=e=>null==e||!1===e||""===e,Z=Symbol.for("react.client.reference");function ee(e){return e.$$typeof===Z}function te(e,t){for(const n in e){const s=e[n];e.hasOwnProperty(n)&&!X(s)&&(Array.isArray(s)&&D.has(s)||H(s)?t.push(V(n)+":",s,";"):U(s)?(t.push(n+" {"),te(s,t),t.push("}")):t.push(V(n)+": "+B(n,s)+";"))}}function ne(e,t,n,s,r=[]){if(X(e))return r;const o=typeof e;if("string"===o)return r.push(e),r;if("function"===o)return ee(e)?r:J(e)&&t?ne(e(t),t,n,s,r):(r.push(e),r);if(Array.isArray(e)){for(let o=0;o<e.length;o++)ne(e[o],t,n,s,r);return r}return Q(e)?(r.push(`.${e.styledComponentId}`),r):"object"==typeof(i=e)&&null!==i&&Y in i?(n?(e.inject(n,s),r.push(e.getName(s))):r.push(e),r):ee(e)?r:U(e)?e.toString!==Object.prototype.toString?(r.push(e.toString()),r):(te(e,r),r):(r.push(e.toString()),r);var i}function se(e,t){return e&&t?e+" "+t:e||t||""}function re(e,t){return e.join(t||"")}class oe{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(H(n)&&!Q(n))return!1}return!0}(e),F.registerId(this.componentId)}removeStyles(e,t){this.instanceRules.delete(e),this.rebuildGroup(t)}renderStyles(e,t,n,s){const r=this.componentId;if(this.isStatic){if(n.hasNameForId(r,r+e))this.instanceRules.has(e)||this.computeRules(e,t,n,s);else{const o=this.computeRules(e,t,n,s);n.insertRules(r,o.name,o.rules)}return}const o=this.instanceRules.get(e);if(this.computeRules(e,t,n,s),!n.server&&o){const t=o.rules,n=this.instanceRules.get(e).rules;if(t.length===n.length){let e=!0;for(let s=0;s<t.length;s++)if(t[s]!==n[s]){e=!1;break}if(e)return}}this.rebuildGroup(n)}computeRules(e,t,n,s){const r=re(ne(this.rules,t,n,s)),o={name:this.componentId+e,rules:s(r,"")};return this.instanceRules.set(e,o),o}rebuildGroup(e){const t=this.componentId;e.clearRules(t);for(const n of this.instanceRules.values())e.insertRules(t,n.name,n.rules)}}var ie="-ms-",ce="-moz-",ae="-webkit-",le="comm",ue="rule",fe="decl",he="@keyframes",de=Math.abs,pe=String.fromCharCode,ge=Object.assign;function me(e){return e.trim()}function ye(e,t){return(e=t.exec(e))?e[0]:e}function be(e,t,n){return e.replace(t,n)}function Se(e,t,n){return e.indexOf(t,n)}function ve(e,t){return 0|e.charCodeAt(t)}function we(e,t,n){return e.slice(t,n)}function Ce(e){return e.length}function $e(e){return e.length}function xe(e,t){return t.push(e),e}function Oe(e,t){return e.filter(function(e){return!ye(e,t)})}var Ie=1,Ae=1,Pe=0,je=0,Re=0,ke="";function Ne(e,t,n,s,r,o,i,c){return{value:e,root:t,parent:n,type:s,props:r,children:o,line:Ie,column:Ae,length:i,return:"",siblings:c}}function _e(e,t){return ge(Ne("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function Te(e){for(;e.root;)e=_e(e.root,{children:[e]});xe(e,e.siblings)}function Ee(){return Re=je>0?ve(ke,--je):0,Ae--,10===Re&&(Ae=1,Ie--),Re}function Ge(){return Re=je<Pe?ve(ke,je++):0,Ae++,10===Re&&(Ae=1,Ie++),Re}function ze(){return ve(ke,je)}function Me(){return je}function Fe(e,t){return we(ke,e,t)}function De(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function We(e){return me(Fe(je-1,qe(91===e?e+2:40===e?e+1:e)))}function Be(e){for(;(Re=ze())&&Re<33;)Ge();return De(e)>2||De(Re)>3?"":" "}function Le(e,t){for(;--t&&Ge()&&!(Re<48||Re>102||Re>57&&Re<65||Re>70&&Re<97););return Fe(e,Me()+(t<6&&32==ze()&&32==Ge()))}function qe(e){for(;Ge();)switch(Re){case e:return je;case 34:case 39:34!==e&&39!==e&&qe(Re);break;case 40:41===e&&qe(e);break;case 92:Ge()}return je}function Ve(e,t){for(;Ge()&&e+Re!==57&&(e+Re!==84||47!==ze()););return"/*"+Fe(t,je-1)+"*"+pe(47===e?e:Ge())}function He(e){for(;!De(ze());)Ge();return Fe(e,je)}function Ye(e){return function(e){return ke="",e}(Ue("",null,null,null,[""],e=function(e){return Ie=Ae=1,Pe=Ce(ke=e),je=0,[]}(e),0,[0],e))}function Ue(e,t,n,s,r,o,i,c,a){for(var l=0,u=0,f=i,h=0,d=0,p=0,g=1,m=1,y=1,b=0,S="",v=r,w=o,C=s,$=S;m;)switch(p=b,b=Ge()){case 40:if(108!=p&&58==ve($,f-1)){-1!=Se($+=be(We(b),"&","&\f"),"&\f",de(l?c[l-1]:0))&&(y=-1);break}case 34:case 39:case 91:$+=We(b);break;case 9:case 10:case 13:case 32:$+=Be(p);break;case 92:$+=Le(Me()-1,7);continue;case 47:switch(ze()){case 42:case 47:xe(Ke(Ve(Ge(),Me()),t,n,a),a),5!=De(p||1)&&5!=De(ze()||1)||!Ce($)||" "===we($,-1,void 0)||($+=" ");break;default:$+="/"}break;case 123*g:c[l++]=Ce($)*y;case 125*g:case 59:case 0:switch(b){case 0:case 125:m=0;case 59+u:-1==y&&($=be($,/\f/g,"")),d>0&&(Ce($)-f||0===g&&47===p)&&xe(d>32?Qe($+";",s,n,f-1,a):Qe(be($," ","")+";",s,n,f-2,a),a);break;case 59:$+=";";default:if(xe(C=Je($,t,n,l,u,r,c,S,v=[],w=[],f,o),o),123===b)if(0===u)Ue($,t,C,C,v,o,f,c,w);else{switch(h){case 99:if(110===ve($,3))break;case 108:if(97===ve($,2))break;default:u=0;case 100:case 109:case 115:}u?Ue(e,C,C,s&&xe(Je(e,C,C,0,0,r,c,S,r,v=[],f,w),w),r,w,f,c,s?v:w):Ue($,C,C,C,[""],w,0,c,w)}}l=u=d=0,g=y=1,S=$="",f=i;break;case 58:f=1+Ce($),d=p;default:if(g<1)if(123==b)--g;else if(125==b&&0==g++&&125==Ee())continue;switch($+=pe(b),b*g){case 38:y=u>0?1:($+="\f",-1);break;case 44:c[l++]=(Ce($)-1)*y,y=1;break;case 64:45===ze()&&($+=We(Ge())),h=ze(),u=f=Ce(S=$+=He(Me())),b++;break;case 45:45===p&&2==Ce($)&&(g=0)}}return o}function Je(e,t,n,s,r,o,i,c,a,l,u,f){for(var h=r-1,d=0===r?o:[""],p=$e(d),g=0,m=0,y=0;g<s;++g)for(var b=0,S=we(e,h+1,h=de(m=i[g])),v=e;b<p;++b)(v=me(m>0?d[b]+" "+S:be(S,/&\f/g,d[b])))&&(a[y++]=v);return Ne(e,t,n,0===r?ue:c,a,l,u,f)}function Ke(e,t,n,s){return Ne(e,t,n,le,pe(Re),we(e,2,-2),0,s)}function Qe(e,t,n,s,r){return Ne(e,t,n,fe,we(e,0,s),we(e,s+1,-1),s,r)}function Xe(e,t,n){switch(function(e,t){return 45^ve(e,0)?(((t<<2^ve(e,0))<<2^ve(e,1))<<2^ve(e,2))<<2^ve(e,3):0}(e,t)){case 5103:return ae+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:case 6391:case 5879:case 5623:case 6135:case 4599:return ae+e+e;case 4855:return ae+e.replace("add","source-over").replace("substract","source-out").replace("intersect","source-in").replace("exclude","xor")+e;case 4789:return ce+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return ae+e+ce+e+ie+e+e;case 5936:switch(ve(e,t+11)){case 114:return ae+e+ie+be(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return ae+e+ie+be(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return ae+e+ie+be(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return ae+e+ie+e+e;case 6165:return ae+e+ie+"flex-"+e+e;case 5187:return ae+e+be(e,/(\w+).+(:[^]+)/,ae+"box-$1$2"+ie+"flex-$1$2")+e;case 5443:return ae+e+ie+"flex-item-"+be(e,/flex-|-self/g,"")+(ye(e,/flex-|baseline/)?"":ie+"grid-row-"+be(e,/flex-|-self/g,""))+e;case 4675:return ae+e+ie+"flex-line-pack"+be(e,/align-content|flex-|-self/g,"")+e;case 5548:return ae+e+ie+be(e,"shrink","negative")+e;case 5292:return ae+e+ie+be(e,"basis","preferred-size")+e;case 6060:return ae+"box-"+be(e,"-grow","")+ae+e+ie+be(e,"grow","positive")+e;case 4554:return ae+be(e,/([^-])(transform)/g,"$1"+ae+"$2")+e;case 6187:return be(be(be(e,/(zoom-|grab)/,ae+"$1"),/(image-set)/,ae+"$1"),e,"")+e;case 5495:case 3959:return be(e,/(image-set\([^]*)/,ae+"$1$`$1");case 4968:return be(be(e,/(.+:)(flex-)?(.*)/,ae+"box-pack:$3"+ie+"flex-pack:$3"),/space-between/,"justify")+ae+e+e;case 4200:if(!ye(e,/flex-|baseline/))return ie+"grid-column-align"+we(e,t)+e;break;case 2592:case 3360:return ie+be(e,"template-","")+e;case 4384:case 3616:return n&&n.some(function(e,n){return t=n,ye(e.props,/grid-\w+-end/)})?~Se(e+(n=n[t].value),"span",0)?e:ie+be(e,"-start","")+e+ie+"grid-row-span:"+(~Se(n,"span",0)?ye(n,/\d+/):+ye(n,/\d+/)-+ye(e,/\d+/))+";":ie+be(e,"-start","")+e;case 4896:case 4128:return n&&n.some(function(e){return ye(e.props,/grid-\w+-start/)})?e:ie+be(be(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return be(e,/(.+)-inline(.+)/,ae+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(Ce(e)-1-t>6)switch(ve(e,t+1)){case 109:if(45!==ve(e,t+4))break;case 102:return be(e,/(.+:)(.+)-([^]+)/,"$1"+ae+"$2-$3$1"+ce+(108==ve(e,t+3)?"$3":"$2-$3"))+e;case 115:return~Se(e,"stretch",0)?Xe(be(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return be(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(t,n,s,r,o,i,c){return ie+n+":"+s+c+(r?ie+n+"-span:"+(o?i:+i-+s)+c:"")+e});case 4949:if(121===ve(e,t+6))return be(e,":",":"+ae)+e;break;case 6444:switch(ve(e,45===ve(e,14)?18:11)){case 120:return be(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+ae+(45===ve(e,14)?"inline-":"")+"box$3$1"+ae+"$2$3$1"+ie+"$2box$3")+e;case 100:return be(e,":",":"+ie)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return be(e,"scroll-","scroll-snap-")+e}return e}function Ze(e,t){for(var n="",s=0;s<e.length;s++)n+=t(e[s],s,e,t)||"";return n}function et(e,t,n,s){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case"@namespace":case fe:return e.return=e.return||e.value;case le:return"";case he:return e.return=e.value+"{"+Ze(e.children,s)+"}";case ue:if(!Ce(e.value=e.props.join(",")))return""}return Ce(n=Ze(e.children,s))?e.return=e.value+"{"+n+"}":""}function tt(e,t,n,s){if(e.length>-1&&!e.return)switch(e.type){case fe:return void(e.return=Xe(e.value,e.length,n));case he:return Ze([_e(e,{value:be(e.value,"@","@"+ae)})],s);case ue:if(e.length)return function(e,t){return e.map(t).join("")}(n=e.props,function(t){switch(ye(t,s=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":Te(_e(e,{props:[be(t,/:(read-\w+)/,":-moz-$1")]})),Te(_e(e,{props:[t]})),ge(e,{props:Oe(n,s)});break;case"::placeholder":Te(_e(e,{props:[be(t,/:(plac\w+)/,":"+ae+"input-$1")]})),Te(_e(e,{props:[be(t,/:(plac\w+)/,":-moz-$1")]})),Te(_e(e,{props:[be(t,/:(plac\w+)/,ie+"input-$1")]})),Te(_e(e,{props:[t]})),ge(e,{props:Oe(n,s)})}return""})}}const nt=5381,st=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},rt=e=>st(nt,e),ot=/&/g;function it(e,t){let n=0;for(;--t>=0&&92===e.charCodeAt(t);)n++;return!(1&~n)}function ct(e){const t=e.length;let n="",s=0,r=0,o=0,i=!1,c=!1;for(let a=0;a<t;a++){const l=e.charCodeAt(a);if(0!==o||i||l!==q||42!==e.charCodeAt(a+1))if(i)42===l&&e.charCodeAt(a+1)===q&&(i=!1,a++);else if(34!==l&&39!==l||it(e,a)){if(0===o)if(123===l)r++;else if(125===l){if(r--,r<0){c=!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++,r=0,a=n-1,s=n;continue}0===r&&(n+=e.substring(s,a+1),s=a+1)}else 59===l&&0===r&&(n+=e.substring(s,a+1),s=a+1)}else 0===o?o=l:o===l&&(o=0);else i=!0,a++}return c||0!==r||0!==o?(s<t&&0===r&&0===o&&(n+=e.substring(s)),n):e}function at(e,t){const n=t+" ",s=","+n;for(let r=0;r<e.length;r++){const o=e[r];if("rule"===o.type){o.value=(n+o.value).replaceAll(",",s);const e=o.props,t=[];for(let s=0;s<e.length;s++)t[s]=n+e[s];o.props=t}Array.isArray(o.children)&&"@keyframes"!==o.type&&at(o.children,t)}return e}function lt({options:e=g,plugins:t=p}=g){let n,s,r;const o=(e,t,r)=>r.startsWith(s)&&r.endsWith(s)&&r.replaceAll(s,"").length>0?`.${n}`:e,i=t.slice();i.push(e=>{e.type===ue&&e.value.includes("&")&&(r||(r=new RegExp(`\\${s}\\b`,"g")),e.props[0]=e.props[0].replace(ot,s).replace(r,o))}),e.prefix&&i.push(tt),i.push(et);let c=[];const a=function(e){var t=$e(e);return function(n,s,r,o){for(var i="",c=0;c<t;c++)i+=e[c](n,s,r,o)||"";return i}}(i.concat(function(e){e.root||(e=e.return)&&c.push(e)})),l=(t,o="",i="",l="&")=>{n=l,s=o,r=void 0;const u=function(e){const t=-1!==e.indexOf("//"),n=-1!==e.indexOf("}");if(!t&&!n)return e;if(!t)return ct(e);const s=e.length;let r="",o=0,i=0,c=0,a=0,l=0,u=!1;for(;i<s;){const t=e.charCodeAt(i);if(34!==t&&39!==t||it(e,i))if(0===c)if(t===q&&i+1<s&&42===e.charCodeAt(i+1)){for(i+=2;i+1<s&&(42!==e.charCodeAt(i)||e.charCodeAt(i+1)!==q);)i++;i+=2}else if(40!==t)if(41!==t)if(a>0)i++;else if(42===t&&i+1<s&&e.charCodeAt(i+1)===q)r+=e.substring(o,i),i+=2,o=i,u=!0;else if(t===q&&i+1<s&&e.charCodeAt(i+1)===q){for(r+=e.substring(o,i);i<s&&10!==e.charCodeAt(i);)i++;o=i,u=!0}else 123===t?l++:125===t&&l--,i++;else a>0&&a--,i++;else a++,i++;else i++;else 0===c?c=t:c===t&&(c=0),i++}return u?(o<s&&(r+=e.substring(o)),0===l?r:ct(r)):0===l?e:ct(e)}(t);let f=Ye(i||o?i+" "+o+" { "+u+" }":u);return e.namespace&&(f=at(f,e.namespace)),c=[],Ze(f,a),c},u=e;let f=nt;for(let e=0;e<t.length;e++)t[e].name||y(15),f=st(f,t[e].name);return(null==u?void 0:u.namespace)&&(f=st(f,u.namespace)),(null==u?void 0:u.prefix)&&(f=st(f,"p")),l.hash=f!==nt?f.toString():"",l}const ut=new F,ft=lt(),ht=t.createContext({shouldForwardProp:void 0,styleSheet:ut,stylis:ft,stylisPlugins:void 0}),dt=ht.Consumer;function pt(){return t.useContext(ht)}function gt(e){var n;const s=pt(),{styleSheet:r}=s,o=t.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]),i=t.useMemo(()=>{var t;return void 0===e.stylisPlugins&&void 0===e.namespace&&void 0===e.enableVendorPrefixes?s.stylis:lt({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,a=null!==(n=e.stylisPlugins)&&void 0!==n?n:s.stylisPlugins,l=t.useMemo(()=>({shouldForwardProp:c,styleSheet:o,stylis:i,stylisPlugins:a}),[c,o,i,a]);return t.createElement(ht.Provider,{value:l},e.children)}const mt=t.createContext(void 0),yt=mt.Consumer;function bt(e,t,n=g){return e.theme!==n.theme&&e.theme||t||n.theme}const St=/(a)(d)/gi,vt=e=>String.fromCharCode(e+(e>25?39:97));function wt(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=vt(t%52)+n;return(vt(t%52)+n).replace(St,"$1-$2")}function Ct(e){return wt(rt(e)>>>0)}function $t(e,t){const n=[e[0]];for(let s=0,r=t.length;s<r;s+=1)n.push(t[s],e[s+1]);return n}const xt=e=>(D.add(e),e);function Ot(e,...t){if(H(e)||U(e))return xt(ne($t(p,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?ne(n):xt(ne($t(n,t)))}function It(e,...n){const s=Ot(e,...n),r=`sc-global-${Ct(JSON.stringify(s))}`,o=new oe(s,r),i=e=>{const n=pt(),s=t.useContext(mt);let i;{const e=t.useRef(null);null===e.current&&(e.current=n.styleSheet.allocateGSInstance(r)),i=e.current}n.styleSheet.server&&c(i,e,n.styleSheet,s,n.stylis);{const a=o.isStatic?[i,n.styleSheet,o]:[i,e,n.styleSheet,s,n.stylis,o],l=t.useRef(o);t.useLayoutEffect(()=>{n.styleSheet.server||(l.current!==o&&(n.styleSheet.clearRules(r),l.current=o),c(i,e,n.styleSheet,s,n.stylis))},a),t.useLayoutEffect(()=>()=>{n.styleSheet.server||o.removeStyles(i,n.styleSheet)},[i,n.styleSheet,o])}return n.styleSheet.server&&o.instanceRules.delete(i),null};function c(e,t,n,s,r){if(o.isStatic)o.renderStyles(e,d,n,r);else{const c=Object.assign(Object.assign({},t),{theme:bt(t,s,i.defaultProps)});o.renderStyles(e,c,n,r)}}return t.memo(i)}function At(e,t,n,s,r){for(const o in e){const i=e[o],c=r?r+"-"+o:o;if("object"==typeof i&&null!==i){const e={};At(i,t,e,s,c),n[o]=e}else n[o]=s(c,i,o)}}function Pt(e,t,n,s){let r="";for(const o in e){const i=e[o],c=t[o],a=s?s+"-"+o:o;"object"==typeof i&&null!==i?"object"==typeof c&&null!==c&&(r+=Pt(i,c,n,a)):void 0!==c&&"function"!=typeof c&&(r+="--"+n+a+":"+c+";")}return r}var jt;class Rt{constructor(e,t){this[jt]=!0,this.inject=(e,t=ft)=>{const n=this.getName(t);if(!e.hasNameForId(this.id,n)){const s=t(this.rules,n,"@keyframes");e.insertRules(this.id,n,s)}},this.name=e,this.id=h+e,this.rules=t,C(this.id),m(this,()=>{throw y(12,String(this.name))})}getName(e=ft){return e.hash?this.name+wt(+e.hash>>>0):this.name}}jt=Y;const kt=Symbol.for("react.memo"),Nt=Symbol.for("react.forward_ref"),_t={contextType:!0,defaultProps:!0,displayName:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},Tt={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Et={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Gt={[Nt]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[kt]:Et};function zt(e){return("type"in(t=e)&&t.type.$$typeof)===kt?Et:"$$typeof"in e?Gt[e.$$typeof]:_t;var t}const Mt=Object.defineProperty,Ft=Object.getOwnPropertyNames,Dt=Object.getOwnPropertySymbols,Wt=Object.getOwnPropertyDescriptor,Bt=Object.getPrototypeOf,Lt=Object.prototype;function qt(e,t,n){if("string"!=typeof t){const s=Bt(t);s&&s!==Lt&&qt(e,s,n);const r=Ft(t).concat(Dt(t)),o=zt(e),i=zt(t);for(let s=0;s<r.length;++s){const c=r[s];if(!(c in Tt||n&&n[c]||i&&c in i||o&&c in o)){const n=Wt(t,c);try{Mt(e,c,n)}catch(e){}}}}return e}const Vt={StyleSheet:F,mainSheet:ut};var Ht=/*#__PURE__*/Object.freeze({__proto__:null,ServerStyleSheet:class{constructor({nonce:e}={}){this._emitSheetCSS=()=>{const e=this.instance.toString();if(!e)return"";const t=this.instance.options.nonce||_();return`<style ${re([t&&`nonce="${t}"`,`${r}="true"`,`${i}="${c}"`].filter(Boolean)," ")}>${e}</style>`},this.getStyleTags=()=>{if(this.sealed)throw y(2);return this._emitSheetCSS()},this.getStyleElement=()=>{if(this.sealed)throw y(2);const e=this.instance.toString();if(!e)return[];const n={[r]:"",[i]:c,dangerouslySetInnerHTML:{__html:e}},s=this.instance.options.nonce||_();return s&&(n.nonce=s),[t.createElement("style",Object.assign({},n,{key:"sc-0-0"}))]},this.seal=()=>{this.sealed=!0},this.instance=new F({isServer:!0,nonce:e}),this.sealed=!1}collectStyles(e){if(this.sealed)throw y(2);return t.createElement(gt,{sheet:this.instance},e)}interleaveWithNodeStream(e){throw y(3)}},StyleSheetConsumer:dt,StyleSheetContext:ht,StyleSheetManager:gt,ThemeConsumer:yt,ThemeContext:mt,ThemeProvider:function(e){const n=t.useContext(mt),s=t.useMemo(()=>function(e,t){if(!e)throw y(14);if(H(e))return e(t);if(Array.isArray(e)||"object"!=typeof e)throw y(8);return t?Object.assign(Object.assign({},t),e):e}(e.theme,n),[e.theme,n]);return e.children?t.createElement(mt.Provider,{value:s},e.children):null},__PRIVATE__:Vt,createGlobalStyle:It,createTheme:function(e,t){var n,s;const r=(null!==(n=null==t?void 0:t.prefix)&&void 0!==n?n:"sc")+"-",o=null!==(s=null==t?void 0:t.selector)&&void 0!==s?s:":root",i=function(e,t){const n={};return At(e,t,n,e=>"--"+t+e),n}(e,r),c=function(e,t){const n={};return At(e,t,n,(e,n)=>"var(--"+t+e+", "+n+")"),n}(e,r),a=It`
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e||self).styled={},e.React)}(this,function(e,t){"use strict";var n,s;const r="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",o="active",i="data-styled-version",c="6.4.4",a="/*!sc*/\n",l="undefined"!=typeof window&&"undefined"!=typeof document;function u(e){if("undefined"!=typeof process&&void 0!==process.env){const t=process.env[e];if(void 0!==t&&""!==t)return"false"!==t}}const f=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:null!==(s=null!==(n=u("REACT_APP_SC_DISABLE_SPEEDY"))&&void 0!==n?n:u("SC_DISABLE_SPEEDY"))&&void 0!==s?s:("undefined"!=typeof process&&process,!1)),h="sc-keyframes-",d={},p=Object.freeze([]),g=Object.freeze({});function m(e,t){Object.defineProperty(e,"toString",{value:t})}function y(e,...t){return new Error(`An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#${e} for more information.${t.length>0?` Args: ${t.join(", ")}`:""}`)}const b=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 s=n;for(;e>=s;)if(s<<=1,s<0)throw y(16,`${e}`);this.groupSizes=new Uint32Array(s),this.groupSizes.set(t),this.length=s;for(let e=n;e<s;e++)this.groupSizes[e]=0}let n=this.indexOfGroup(e+1),s=0;for(let r=0,o=t.length;r<o;r++)this.tag.insertRule(n,t[r])&&(this.groupSizes[e]++,n++,s++);s>0&&this._cGroup>e&&(this._cIndex+=s)}clearGroup(e){if(e<this.length){const t=this.groupSizes[e],n=this.indexOfGroup(e),s=n+t;this.groupSizes[e]=0;for(let e=n;e<s;e++)this.tag.deleteRule(n);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],s=this.indexOfGroup(e),r=s+n;for(let e=s;e<r;e++)t+=this.tag.getRule(e)+a;return t}};let S=new Map,v=new Map,w=1;const C=e=>{if(S.has(e))return S.get(e);for(;v.has(w);)w++;const t=w++;return S.set(e,t),v.set(t,e),t},$=e=>v.get(e),x=(e,t)=>{w=t+1,S.set(e,t),v.set(t,e)},O=`style[${r}][${i}="${c}"]`,I=new RegExp(`^${r}\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)`),A=e=>"undefined"!=typeof ShadowRoot&&e instanceof ShadowRoot||"host"in e&&11===e.nodeType,P=e=>{if(!e)return document;if(A(e))return e;if("getRootNode"in e){const t=e.getRootNode();if(A(t))return t}return document},j=(e,t,n)=>{const s=n.split(",");let r;for(let n=0,o=s.length;n<o;n++)(r=s[n])&&e.registerName(t,r)},R=(e,t)=>{var n;const s=(null!==(n=t.textContent)&&void 0!==n?n:"").split(a),r=[];for(let t=0,n=s.length;t<n;t++){const n=s[t].trim();if(!n)continue;const o=n.match(I);if(o){const t=0|parseInt(o[1],10),n=o[2];0!==t&&(x(n,t),j(e,n,o[3]),e.getTag().insertRules(t,r)),r.length=0}else r.push(n)}},k=e=>{const t=P(e.options.target).querySelectorAll(O);for(let n=0,s=t.length;n<s;n++){const s=t[n];s&&s.getAttribute(r)!==o&&(R(e,s),s.parentNode&&s.parentNode.removeChild(s))}};let N=!1;function _(){if(!1!==N)return N;if("undefined"!=typeof document){const e=document.head.querySelector('meta[property="csp-nonce"]');if(e)return N=e.nonce||e.getAttribute("content")||void 0;const t=document.head.querySelector('meta[name="sc-nonce"]');if(t)return N=t.getAttribute("content")||void 0}return N="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0}const T=(e,t)=>{const n=document.head,s=e||n,a=document.createElement("style"),l=(e=>{const t=Array.from(e.querySelectorAll(`style[${r}]`));return t[t.length-1]})(s),u=void 0!==l?l.nextSibling:null;a.setAttribute(r,o),a.setAttribute(i,c);const f=t||_();return f&&a.setAttribute("nonce",f),s.insertBefore(a,u),a},E=class{constructor(e,t){this.element=T(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,s=n.length;t<s;t++){const s=n[t];if(s.ownerNode===e)return s}throw y(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:""}},G=class{constructor(e,t){this.element=T(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:""}};let z=l;const M={isServer:!l,useCSSOMInjection:!f};class F{static registerId(e){return C(e)}constructor(e=g,t={},n){this.options=Object.assign(Object.assign({},M),e),this.gs=t,this.keyframeIds=new Set,this.names=new Map(n),this.server=!!e.isServer,!this.server&&l&&z&&(z=!1,k(this)),m(this,()=>(e=>{const t=e.getTag(),{length:n}=t;let s="";for(let o=0;o<n;o++){const n=$(o);if(void 0===n)continue;const i=e.names.get(n);if(void 0===i||!i.size)continue;const c=t.getGroup(o);if(0===c.length)continue;const l=r+".g"+o+'[id="'+n+'"]';let u="";for(const e of i)e.length>0&&(u+=e+",");s+=c+l+'{content:"'+u+'"}'+a}return s})(this))}rehydrate(){!this.server&&l&&k(this)}reconstructWithOptions(e,t=!0){const n=new F(Object.assign(Object.assign({},this.options),e),this.gs,t&&this.names||void 0);return n.keyframeIds=new Set(this.keyframeIds),!this.server&&l&&e.target!==this.options.target&&P(this.options.target)!==P(e.target)&&k(n),n}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({useCSSOMInjection:e,target:t,nonce:n})=>e?new E(t,n):new G(t,n))(this.options),new b(e)));var e}hasNameForId(e,t){var n,s;return null!==(s=null===(n=this.names.get(e))||void 0===n?void 0:n.has(t))&&void 0!==s&&s}registerName(e,t){C(e),e.startsWith(h)&&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(C(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(C(e)),this.clearNames(e)}clearTag(){this.tag=void 0}}const D=new WeakSet,W={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 B(e,t){return null==t||"boolean"==typeof t||""===t?"":"number"!=typeof t||0===t||e in W||e.startsWith("--")?String(t).trim():t+"px"}function L(e){return e.displayName||e.name||"Component"}const q=47;function V(e){if(45===e.charCodeAt(0)&&45===e.charCodeAt(1))return e;let t="";for(let n=0;n<e.length;n++){const s=e.charCodeAt(n);t+=s>=65&&s<=90?"-"+String.fromCharCode(s+32):e[n]}return t.startsWith("ms-")?"-"+t:t}function H(e){return"function"==typeof e}const Y=Symbol.for("sc-keyframes");function U(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function J(e){return H(e)&&!(e.prototype&&e.prototype.isReactComponent)}const K=Symbol.for("react.forward_ref");function Q(e){return null!=e&&("object"==typeof e||"function"==typeof e)&&e.$$typeof===K&&"styledComponentId"in e}const X=e=>null==e||!1===e||""===e,Z=Symbol.for("react.client.reference");function ee(e){return e.$$typeof===Z}function te(e,t){for(const n in e){const s=e[n];e.hasOwnProperty(n)&&!X(s)&&(Array.isArray(s)&&D.has(s)||H(s)?t.push(V(n)+":",s,";"):U(s)?(t.push(n+" {"),te(s,t),t.push("}")):t.push(V(n)+": "+B(n,s)+";"))}}function ne(e,t,n,s,r=[]){if(X(e))return r;const o=typeof e;if("string"===o)return r.push(e),r;if("function"===o)return ee(e)?r:J(e)&&t?ne(e(t),t,n,s,r):(r.push(e),r);if(Array.isArray(e)){for(let o=0;o<e.length;o++)ne(e[o],t,n,s,r);return r}return Q(e)?(r.push(`.${e.styledComponentId}`),r):"object"==typeof(i=e)&&null!==i&&Y in i?(n?(e.inject(n,s),r.push(e.getName(s))):r.push(e),r):ee(e)?r:U(e)?e.toString!==Object.prototype.toString?(r.push(e.toString()),r):(te(e,r),r):(r.push(e.toString()),r);var i}function se(e,t){return e&&t?e+" "+t:e||t||""}function re(e,t){return e.join(t||"")}class oe{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(H(n)&&!Q(n))return!1}return!0}(e),F.registerId(this.componentId)}removeStyles(e,t){this.instanceRules.delete(e),this.rebuildGroup(t)}renderStyles(e,t,n,s){const r=this.componentId;if(this.isStatic){if(n.hasNameForId(r,r+e))this.instanceRules.has(e)||this.computeRules(e,t,n,s);else{const o=this.computeRules(e,t,n,s);n.insertRules(r,o.name,o.rules)}return}const o=this.instanceRules.get(e);if(this.computeRules(e,t,n,s),!n.server&&o){const t=o.rules,n=this.instanceRules.get(e).rules;if(t.length===n.length){let e=!0;for(let s=0;s<t.length;s++)if(t[s]!==n[s]){e=!1;break}if(e)return}}this.rebuildGroup(n)}computeRules(e,t,n,s){const r=re(ne(this.rules,t,n,s)),o={name:this.componentId+e,rules:s(r,"")};return this.instanceRules.set(e,o),o}rebuildGroup(e){const t=this.componentId;e.clearRules(t);for(const n of this.instanceRules.values())e.insertRules(t,n.name,n.rules)}}var ie="-ms-",ce="-moz-",ae="-webkit-",le="comm",ue="rule",fe="decl",he="@keyframes",de=Math.abs,pe=String.fromCharCode,ge=Object.assign;function me(e){return e.trim()}function ye(e,t){return(e=t.exec(e))?e[0]:e}function be(e,t,n){return e.replace(t,n)}function Se(e,t,n){return e.indexOf(t,n)}function ve(e,t){return 0|e.charCodeAt(t)}function we(e,t,n){return e.slice(t,n)}function Ce(e){return e.length}function $e(e){return e.length}function xe(e,t){return t.push(e),e}function Oe(e,t){return e.filter(function(e){return!ye(e,t)})}var Ie=1,Ae=1,Pe=0,je=0,Re=0,ke="";function Ne(e,t,n,s,r,o,i,c){return{value:e,root:t,parent:n,type:s,props:r,children:o,line:Ie,column:Ae,length:i,return:"",siblings:c}}function _e(e,t){return ge(Ne("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function Te(e){for(;e.root;)e=_e(e.root,{children:[e]});xe(e,e.siblings)}function Ee(){return Re=je>0?ve(ke,--je):0,Ae--,10===Re&&(Ae=1,Ie--),Re}function Ge(){return Re=je<Pe?ve(ke,je++):0,Ae++,10===Re&&(Ae=1,Ie++),Re}function ze(){return ve(ke,je)}function Me(){return je}function Fe(e,t){return we(ke,e,t)}function De(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function We(e){return me(Fe(je-1,qe(91===e?e+2:40===e?e+1:e)))}function Be(e){for(;(Re=ze())&&Re<33;)Ge();return De(e)>2||De(Re)>3?"":" "}function Le(e,t){for(;--t&&Ge()&&!(Re<48||Re>102||Re>57&&Re<65||Re>70&&Re<97););return Fe(e,Me()+(t<6&&32==ze()&&32==Ge()))}function qe(e){for(;Ge();)switch(Re){case e:return je;case 34:case 39:34!==e&&39!==e&&qe(Re);break;case 40:41===e&&qe(e);break;case 92:Ge()}return je}function Ve(e,t){for(;Ge()&&e+Re!==57&&(e+Re!==84||47!==ze()););return"/*"+Fe(t,je-1)+"*"+pe(47===e?e:Ge())}function He(e){for(;!De(ze());)Ge();return Fe(e,je)}function Ye(e){return function(e){return ke="",e}(Ue("",null,null,null,[""],e=function(e){return Ie=Ae=1,Pe=Ce(ke=e),je=0,[]}(e),0,[0],e))}function Ue(e,t,n,s,r,o,i,c,a){for(var l=0,u=0,f=i,h=0,d=0,p=0,g=1,m=1,y=1,b=0,S="",v=r,w=o,C=s,$=S;m;)switch(p=b,b=Ge()){case 40:if(108!=p&&58==ve($,f-1)){-1!=Se($+=be(We(b),"&","&\f"),"&\f",de(l?c[l-1]:0))&&(y=-1);break}case 34:case 39:case 91:$+=We(b);break;case 9:case 10:case 13:case 32:$+=Be(p);break;case 92:$+=Le(Me()-1,7);continue;case 47:switch(ze()){case 42:case 47:xe(Ke(Ve(Ge(),Me()),t,n,a),a),5!=De(p||1)&&5!=De(ze()||1)||!Ce($)||" "===we($,-1,void 0)||($+=" ");break;default:$+="/"}break;case 123*g:c[l++]=Ce($)*y;case 125*g:case 59:case 0:switch(b){case 0:case 125:m=0;case 59+u:-1==y&&($=be($,/\f/g,"")),d>0&&(Ce($)-f||0===g&&47===p)&&xe(d>32?Qe($+";",s,n,f-1,a):Qe(be($," ","")+";",s,n,f-2,a),a);break;case 59:$+=";";default:if(xe(C=Je($,t,n,l,u,r,c,S,v=[],w=[],f,o),o),123===b)if(0===u)Ue($,t,C,C,v,o,f,c,w);else{switch(h){case 99:if(110===ve($,3))break;case 108:if(97===ve($,2))break;default:u=0;case 100:case 109:case 115:}u?Ue(e,C,C,s&&xe(Je(e,C,C,0,0,r,c,S,r,v=[],f,w),w),r,w,f,c,s?v:w):Ue($,C,C,C,[""],w,0,c,w)}}l=u=d=0,g=y=1,S=$="",f=i;break;case 58:f=1+Ce($),d=p;default:if(g<1)if(123==b)--g;else if(125==b&&0==g++&&125==Ee())continue;switch($+=pe(b),b*g){case 38:y=u>0?1:($+="\f",-1);break;case 44:c[l++]=(Ce($)-1)*y,y=1;break;case 64:45===ze()&&($+=We(Ge())),h=ze(),u=f=Ce(S=$+=He(Me())),b++;break;case 45:45===p&&2==Ce($)&&(g=0)}}return o}function Je(e,t,n,s,r,o,i,c,a,l,u,f){for(var h=r-1,d=0===r?o:[""],p=$e(d),g=0,m=0,y=0;g<s;++g)for(var b=0,S=we(e,h+1,h=de(m=i[g])),v=e;b<p;++b)(v=me(m>0?d[b]+" "+S:be(S,/&\f/g,d[b])))&&(a[y++]=v);return Ne(e,t,n,0===r?ue:c,a,l,u,f)}function Ke(e,t,n,s){return Ne(e,t,n,le,pe(Re),we(e,2,-2),0,s)}function Qe(e,t,n,s,r){return Ne(e,t,n,fe,we(e,0,s),we(e,s+1,-1),s,r)}function Xe(e,t,n){switch(function(e,t){return 45^ve(e,0)?(((t<<2^ve(e,0))<<2^ve(e,1))<<2^ve(e,2))<<2^ve(e,3):0}(e,t)){case 5103:return ae+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:case 6391:case 5879:case 5623:case 6135:case 4599:return ae+e+e;case 4855:return ae+e.replace("add","source-over").replace("substract","source-out").replace("intersect","source-in").replace("exclude","xor")+e;case 4789:return ce+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return ae+e+ce+e+ie+e+e;case 5936:switch(ve(e,t+11)){case 114:return ae+e+ie+be(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return ae+e+ie+be(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return ae+e+ie+be(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return ae+e+ie+e+e;case 6165:return ae+e+ie+"flex-"+e+e;case 5187:return ae+e+be(e,/(\w+).+(:[^]+)/,ae+"box-$1$2"+ie+"flex-$1$2")+e;case 5443:return ae+e+ie+"flex-item-"+be(e,/flex-|-self/g,"")+(ye(e,/flex-|baseline/)?"":ie+"grid-row-"+be(e,/flex-|-self/g,""))+e;case 4675:return ae+e+ie+"flex-line-pack"+be(e,/align-content|flex-|-self/g,"")+e;case 5548:return ae+e+ie+be(e,"shrink","negative")+e;case 5292:return ae+e+ie+be(e,"basis","preferred-size")+e;case 6060:return ae+"box-"+be(e,"-grow","")+ae+e+ie+be(e,"grow","positive")+e;case 4554:return ae+be(e,/([^-])(transform)/g,"$1"+ae+"$2")+e;case 6187:return be(be(be(e,/(zoom-|grab)/,ae+"$1"),/(image-set)/,ae+"$1"),e,"")+e;case 5495:case 3959:return be(e,/(image-set\([^]*)/,ae+"$1$`$1");case 4968:return be(be(e,/(.+:)(flex-)?(.*)/,ae+"box-pack:$3"+ie+"flex-pack:$3"),/space-between/,"justify")+ae+e+e;case 4200:if(!ye(e,/flex-|baseline/))return ie+"grid-column-align"+we(e,t)+e;break;case 2592:case 3360:return ie+be(e,"template-","")+e;case 4384:case 3616:return n&&n.some(function(e,n){return t=n,ye(e.props,/grid-\w+-end/)})?~Se(e+(n=n[t].value),"span",0)?e:ie+be(e,"-start","")+e+ie+"grid-row-span:"+(~Se(n,"span",0)?ye(n,/\d+/):+ye(n,/\d+/)-+ye(e,/\d+/))+";":ie+be(e,"-start","")+e;case 4896:case 4128:return n&&n.some(function(e){return ye(e.props,/grid-\w+-start/)})?e:ie+be(be(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return be(e,/(.+)-inline(.+)/,ae+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(Ce(e)-1-t>6)switch(ve(e,t+1)){case 109:if(45!==ve(e,t+4))break;case 102:return be(e,/(.+:)(.+)-([^]+)/,"$1"+ae+"$2-$3$1"+ce+(108==ve(e,t+3)?"$3":"$2-$3"))+e;case 115:return~Se(e,"stretch",0)?Xe(be(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return be(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(t,n,s,r,o,i,c){return ie+n+":"+s+c+(r?ie+n+"-span:"+(o?i:+i-+s)+c:"")+e});case 4949:if(121===ve(e,t+6))return be(e,":",":"+ae)+e;break;case 6444:switch(ve(e,45===ve(e,14)?18:11)){case 120:return be(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+ae+(45===ve(e,14)?"inline-":"")+"box$3$1"+ae+"$2$3$1"+ie+"$2box$3")+e;case 100:return be(e,":",":"+ie)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return be(e,"scroll-","scroll-snap-")+e}return e}function Ze(e,t){for(var n="",s=0;s<e.length;s++)n+=t(e[s],s,e,t)||"";return n}function et(e,t,n,s){switch(e.type){case"@layer":if(e.children.length)break;case"@import":case"@namespace":case fe:return e.return=e.return||e.value;case le:return"";case he:return e.return=e.value+"{"+Ze(e.children,s)+"}";case ue:if(!Ce(e.value=e.props.join(",")))return""}return Ce(n=Ze(e.children,s))?e.return=e.value+"{"+n+"}":""}function tt(e,t,n,s){if(e.length>-1&&!e.return)switch(e.type){case fe:return void(e.return=Xe(e.value,e.length,n));case he:return Ze([_e(e,{value:be(e.value,"@","@"+ae)})],s);case ue:if(e.length)return function(e,t){return e.map(t).join("")}(n=e.props,function(t){switch(ye(t,s=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":Te(_e(e,{props:[be(t,/:(read-\w+)/,":-moz-$1")]})),Te(_e(e,{props:[t]})),ge(e,{props:Oe(n,s)});break;case"::placeholder":Te(_e(e,{props:[be(t,/:(plac\w+)/,":"+ae+"input-$1")]})),Te(_e(e,{props:[be(t,/:(plac\w+)/,":-moz-$1")]})),Te(_e(e,{props:[be(t,/:(plac\w+)/,ie+"input-$1")]})),Te(_e(e,{props:[t]})),ge(e,{props:Oe(n,s)})}return""})}}const nt=5381,st=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},rt=e=>st(nt,e),ot=/&/g;function it(e,t){let n=0;for(;--t>=0&&92===e.charCodeAt(t);)n++;return!(1&~n)}function ct(e){const t=e.length;let n="",s=0,r=0,o=0,i=!1,c=!1;for(let a=0;a<t;a++){const l=e.charCodeAt(a);if(0!==o||i||l!==q||42!==e.charCodeAt(a+1))if(i)42===l&&e.charCodeAt(a+1)===q&&(i=!1,a++);else if(34!==l&&39!==l||it(e,a)){if(0===o)if(123===l)r++;else if(125===l){if(r--,r<0){c=!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++,r=0,a=n-1,s=n;continue}0===r&&(n+=e.substring(s,a+1),s=a+1)}else 59===l&&0===r&&(n+=e.substring(s,a+1),s=a+1)}else 0===o?o=l:o===l&&(o=0);else i=!0,a++}return c||0!==r||0!==o?(s<t&&0===r&&0===o&&(n+=e.substring(s)),n):e}function at(e,t){const n=t+" ",s=","+n;for(let r=0;r<e.length;r++){const o=e[r];if("rule"===o.type){o.value=(n+o.value).replaceAll(",",s);const e=o.props,t=[];for(let s=0;s<e.length;s++)t[s]=n+e[s];o.props=t}Array.isArray(o.children)&&"@keyframes"!==o.type&&at(o.children,t)}return e}function lt({options:e=g,plugins:t=p}=g){let n,s,r;const o=(e,t,r)=>r.startsWith(s)&&r.endsWith(s)&&r.replaceAll(s,"").length>0?`.${n}`:e,i=t.slice();i.push(e=>{e.type===ue&&e.value.includes("&")&&(r||(r=new RegExp(`\\${s}\\b`,"g")),e.props[0]=e.props[0].replace(ot,s).replace(r,o))}),e.prefix&&i.push(tt),i.push(et);let c=[];const a=function(e){var t=$e(e);return function(n,s,r,o){for(var i="",c=0;c<t;c++)i+=e[c](n,s,r,o)||"";return i}}(i.concat(function(e){e.root||(e=e.return)&&c.push(e)})),l=(t,o="",i="",l="&")=>{n=l,s=o,r=void 0;const u=function(e){const t=-1!==e.indexOf("//"),n=-1!==e.indexOf("}");if(!t&&!n)return e;if(!t)return ct(e);const s=e.length;let r="",o=0,i=0,c=0,a=0,l=0,u=!1;for(;i<s;){const t=e.charCodeAt(i);if(34!==t&&39!==t||it(e,i))if(0===c)if(t===q&&i+1<s&&42===e.charCodeAt(i+1)){for(i+=2;i+1<s&&(42!==e.charCodeAt(i)||e.charCodeAt(i+1)!==q);)i++;i+=2}else if(40!==t)if(41!==t)if(a>0)i++;else if(42===t&&i+1<s&&e.charCodeAt(i+1)===q)r+=e.substring(o,i),i+=2,o=i,u=!0;else if(t===q&&i+1<s&&e.charCodeAt(i+1)===q){for(r+=e.substring(o,i);i<s&&10!==e.charCodeAt(i);)i++;o=i,u=!0}else 123===t?l++:125===t&&l--,i++;else a>0&&a--,i++;else a++,i++;else i++;else 0===c?c=t:c===t&&(c=0),i++}return u?(o<s&&(r+=e.substring(o)),0===l?r:ct(r)):0===l?e:ct(e)}(t);let f=Ye(i||o?i+" "+o+" { "+u+" }":u);return e.namespace&&(f=at(f,e.namespace)),c=[],Ze(f,a),c},u=e;let f=nt;for(let e=0;e<t.length;e++)t[e].name||y(15),f=st(f,t[e].name);return(null==u?void 0:u.namespace)&&(f=st(f,u.namespace)),(null==u?void 0:u.prefix)&&(f=st(f,"p")),l.hash=f!==nt?f.toString():"",l}const ut=new F,ft=lt(),ht=t.createContext({shouldForwardProp:void 0,styleSheet:ut,stylis:ft,stylisPlugins:void 0}),dt=ht.Consumer;function pt(){return t.useContext(ht)}function gt(e){var n;const s=pt(),{styleSheet:r}=s,o=t.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]),i=t.useMemo(()=>{var t;return void 0===e.stylisPlugins&&void 0===e.namespace&&void 0===e.enableVendorPrefixes?s.stylis:lt({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,a=null!==(n=e.stylisPlugins)&&void 0!==n?n:s.stylisPlugins,l=t.useMemo(()=>({shouldForwardProp:c,styleSheet:o,stylis:i,stylisPlugins:a}),[c,o,i,a]);return t.createElement(ht.Provider,{value:l},e.children)}const mt=t.createContext(void 0),yt=mt.Consumer;function bt(e,t,n=g){return e.theme!==n.theme&&e.theme||t||n.theme}const St=/(a)(d)/gi,vt=e=>String.fromCharCode(e+(e>25?39:97));function wt(e){let t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=vt(t%52)+n;return(vt(t%52)+n).replace(St,"$1-$2")}function Ct(e){return wt(rt(e)>>>0)}function $t(e,t){const n=[e[0]];for(let s=0,r=t.length;s<r;s+=1)n.push(t[s],e[s+1]);return n}const xt=e=>(D.add(e),e);function Ot(e,...t){if(H(e)||U(e))return xt(ne($t(p,[e,...t])));const n=e;return 0===t.length&&1===n.length&&"string"==typeof n[0]?ne(n):xt(ne($t(n,t)))}function It(e,...n){const s=Ot(e,...n),r=`sc-global-${Ct(JSON.stringify(s))}`,o=new oe(s,r),i=e=>{const n=pt(),s=t.useContext(mt);let i;{const e=t.useRef(null);null===e.current&&(e.current=n.styleSheet.allocateGSInstance(r)),i=e.current}n.styleSheet.server&&c(i,e,n.styleSheet,s,n.stylis);{const a=o.isStatic?[i,n.styleSheet,o]:[i,e,n.styleSheet,s,n.stylis,o],l=t.useRef(o);t.useLayoutEffect(()=>{n.styleSheet.server||(l.current!==o&&(n.styleSheet.clearRules(r),l.current=o),c(i,e,n.styleSheet,s,n.stylis))},a),t.useLayoutEffect(()=>()=>{n.styleSheet.server||o.removeStyles(i,n.styleSheet)},[i,n.styleSheet,o])}return n.styleSheet.server&&o.instanceRules.delete(i),null};function c(e,t,n,s,r){if(o.isStatic)o.renderStyles(e,d,n,r);else{const c=Object.assign(Object.assign({},t),{theme:bt(t,s,i.defaultProps)});o.renderStyles(e,c,n,r)}}return t.memo(i)}function At(e,t,n,s,r){for(const o in e){const i=e[o],c=r?r+"-"+o:o;if("object"==typeof i&&null!==i){const e={};At(i,t,e,s,c),n[o]=e}else n[o]=s(c,i,o)}}function Pt(e,t,n,s){let r="";for(const o in e){const i=e[o],c=t[o],a=s?s+"-"+o:o;"object"==typeof i&&null!==i?"object"==typeof c&&null!==c&&(r+=Pt(i,c,n,a)):void 0!==c&&"function"!=typeof c&&(r+="--"+n+a+":"+c+";")}return r}var jt;class Rt{constructor(e,t){this[jt]=!0,this.inject=(e,t=ft)=>{const n=this.getName(t);if(!e.hasNameForId(this.id,n)){const s=t(this.rules,n,"@keyframes");e.insertRules(this.id,n,s)}},this.name=e,this.id=h+e,this.rules=t,C(this.id),m(this,()=>{throw y(12,String(this.name))})}getName(e=ft){return e.hash?this.name+wt(+e.hash>>>0):this.name}}jt=Y;const kt=Symbol.for("react.memo"),Nt=Symbol.for("react.forward_ref"),_t={contextType:!0,defaultProps:!0,displayName:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},Tt={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Et={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Gt={[Nt]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[kt]:Et};function zt(e){return("type"in(t=e)&&t.type.$$typeof)===kt?Et:"$$typeof"in e?Gt[e.$$typeof]:_t;var t}const Mt=Object.defineProperty,Ft=Object.getOwnPropertyNames,Dt=Object.getOwnPropertySymbols,Wt=Object.getOwnPropertyDescriptor,Bt=Object.getPrototypeOf,Lt=Object.prototype;function qt(e,t,n){if("string"!=typeof t){const s=Bt(t);s&&s!==Lt&&qt(e,s,n);const r=Ft(t).concat(Dt(t)),o=zt(e),i=zt(t);for(let s=0;s<r.length;++s){const c=r[s];if(!(c in Tt||n&&n[c]||i&&c in i||o&&c in o)){const n=Wt(t,c);try{Mt(e,c,n)}catch(e){}}}}return e}const Vt={StyleSheet:F,mainSheet:ut};var Ht=/*#__PURE__*/Object.freeze({__proto__:null,ServerStyleSheet:class{constructor({nonce:e}={}){this._emitSheetCSS=()=>{const e=this.instance.toString();if(!e)return"";const t=this.instance.options.nonce||_();return`<style ${re([t&&`nonce="${t}"`,`${r}="true"`,`${i}="${c}"`].filter(Boolean)," ")}>${e}</style>`},this.getStyleTags=()=>{if(this.sealed)throw y(2);return this._emitSheetCSS()},this.getStyleElement=()=>{if(this.sealed)throw y(2);const e=this.instance.toString();if(!e)return[];const n={[r]:"",[i]:c,dangerouslySetInnerHTML:{__html:e}},s=this.instance.options.nonce||_();return s&&(n.nonce=s),[t.createElement("style",Object.assign({},n,{key:"sc-0-0"}))]},this.seal=()=>{this.sealed=!0},this.instance=new F({isServer:!0,nonce:e}),this.sealed=!1}collectStyles(e){if(this.sealed)throw y(2);return t.createElement(gt,{sheet:this.instance},e)}interleaveWithNodeStream(e){throw y(3)}},StyleSheetConsumer:dt,StyleSheetContext:ht,StyleSheetManager:gt,ThemeConsumer:yt,ThemeContext:mt,ThemeProvider:function(e){const n=t.useContext(mt),s=t.useMemo(()=>function(e,t){if(!e)throw y(14);if(H(e))return e(t);if(Array.isArray(e)||"object"!=typeof e)throw y(8);return t?Object.assign(Object.assign({},t),e):e}(e.theme,n),[e.theme,n]);return e.children?t.createElement(mt.Provider,{value:s},e.children):null},__PRIVATE__:Vt,createGlobalStyle:It,createTheme:function(e,t){var n,s;const r=(null!==(n=null==t?void 0:t.prefix)&&void 0!==n?n:"sc")+"-",o=null!==(s=null==t?void 0:t.selector)&&void 0!==s?s:":root",i=function(e,t){const n={};return At(e,t,n,e=>"--"+t+e),n}(e,r),c=function(e,t){const n={};return At(e,t,n,(e,n)=>"var(--"+t+e+", "+n+")"),n}(e,r),a=It`
|
|
2
2
|
${o} {
|
|
3
3
|
${t=>Pt(e,t.theme,r)}
|
|
4
4
|
}
|
package/dist/types.d.ts
CHANGED
|
@@ -118,51 +118,50 @@ export interface IStyledStatics<out R extends Runtime, in out OuterProps extends
|
|
|
118
118
|
styledComponentId: R extends 'web' ? string : never;
|
|
119
119
|
warnTooManyClasses?: (R extends 'web' ? ReturnType<typeof createWarnTooManyClasses> : never) | undefined;
|
|
120
120
|
}
|
|
121
|
+
/** ExecutionProps sans as/forwardedAs, pre-resolved so call sites relate against a concrete interface. */
|
|
122
|
+
interface ThemedExecutionProps {
|
|
123
|
+
theme?: DefaultTheme | undefined;
|
|
124
|
+
}
|
|
121
125
|
/**
|
|
122
126
|
* Used by PolymorphicComponent to define prop override cascading order.
|
|
123
127
|
*/
|
|
124
128
|
export type PolymorphicComponentProps<R extends Runtime, BaseProps extends BaseObject, AsTarget extends StyledTarget<R> | (BaseProps extends {
|
|
125
129
|
as?: infer A;
|
|
126
|
-
} ? A : never) | void, ForwardedAsTarget extends StyledTarget<R> | void, AsTargetProps extends BaseObject = AsTarget extends KnownTarget ? React.ComponentPropsWithRef<AsTarget> : {}, ForwardedAsTargetProps extends BaseObject = ForwardedAsTarget extends KnownTarget ? React.ComponentPropsWithRef<ForwardedAsTarget> : {}> = OverrideStyle<NoInfer<FastOmit<Substitute<BaseProps, Substitute<ForwardedAsTargetProps, AsTargetProps>>, keyof ExecutionProps>> &
|
|
130
|
+
} ? A : never) | void, ForwardedAsTarget extends StyledTarget<R> | void, AsTargetProps extends BaseObject = AsTarget extends KnownTarget ? React.ComponentPropsWithRef<AsTarget> : {}, ForwardedAsTargetProps extends BaseObject = ForwardedAsTarget extends KnownTarget ? React.ComponentPropsWithRef<ForwardedAsTarget> : {}> = OverrideStyle<NoInfer<FastOmit<Substitute<BaseProps, Substitute<ForwardedAsTargetProps, AsTargetProps>>, keyof ExecutionProps>> & ThemedExecutionProps & {
|
|
127
131
|
as?: AsTarget;
|
|
128
132
|
forwardedAs?: ForwardedAsTarget;
|
|
129
133
|
}>;
|
|
130
134
|
/**
|
|
131
|
-
* Resolves the call-site props for one usage of a polymorphic component
|
|
132
|
-
*
|
|
133
|
-
*
|
|
134
|
-
*
|
|
135
|
-
*
|
|
136
|
-
*
|
|
137
|
-
*
|
|
138
|
-
* infer with spread props (#5687), the wrapped `as` type stays assignable and
|
|
139
|
-
* optional (#5734), and BaseProps keys keep completing for plain usage (#5741).
|
|
140
|
-
* - `forwardedAs` only: substitute the forwarded target's props.
|
|
135
|
+
* Resolves the call-site props for one usage of a polymorphic component from its
|
|
136
|
+
* `as` / `forwardedAs` targets. An `as` render target substitutes that target's
|
|
137
|
+
* props and requires `as`; plain usage (or `as` being the wrapped component's own
|
|
138
|
+
* non-target type, e.g. Next.js Link's `as?: Url`) keeps Substitute-free base
|
|
139
|
+
* props so ref callbacks infer with spread props (#5687), the wrapped `as` stays
|
|
140
|
+
* assignable (#5734), and BaseProps keys keep completing (#5741); `forwardedAs`
|
|
141
|
+
* substitutes the forwarded target's props.
|
|
141
142
|
*
|
|
142
|
-
*
|
|
143
|
-
*
|
|
143
|
+
* The target test is `string | AnyComponent`, not `KnownTarget`: narrowing it
|
|
144
|
+
* drops custom element strings (`as="my-element"`) out of the target branch.
|
|
144
145
|
*
|
|
145
|
-
*
|
|
146
|
-
* (
|
|
147
|
-
*
|
|
148
|
-
*
|
|
149
|
-
*
|
|
150
|
-
*
|
|
146
|
+
* Load-bearing shape, do not simplify: two conditionals with `unknown` sibling
|
|
147
|
+
* branches (not one three-way conditional), a leading flat `{ as?; forwardedAs? }`
|
|
148
|
+
* member, and positive `extends [string | AnyComponent]` discriminants. Collapsing
|
|
149
|
+
* the conditionals, dropping the flat member, or using a `[void]` discriminant
|
|
150
|
+
* each regress plain-call-site cost, `as`-target completion, or ref-callback
|
|
151
|
+
* inference (#5687) respectively.
|
|
151
152
|
*/
|
|
152
153
|
type PolymorphicCallProps<R extends Runtime, BaseProps extends BaseObject, AsTarget extends StyledTarget<R> | (BaseProps extends {
|
|
153
154
|
as?: infer A;
|
|
154
|
-
} ? A : never) | void, ForwardedAsTarget extends StyledTarget<R> | void> =
|
|
155
|
+
} ? A : never) | void, ForwardedAsTarget extends StyledTarget<R> | void> = {
|
|
156
|
+
as?: AsTarget | undefined;
|
|
157
|
+
forwardedAs?: ForwardedAsTarget | undefined;
|
|
158
|
+
} & ([
|
|
159
|
+
AsTarget
|
|
160
|
+
] extends [string | AnyComponent] ? PolymorphicComponentProps<R, BaseProps, AsTarget, ForwardedAsTarget> & {
|
|
155
161
|
as: AsTarget;
|
|
156
|
-
} : [
|
|
157
|
-
as?: BaseProps extends {
|
|
158
|
-
as?: infer A;
|
|
159
|
-
} ? A : void;
|
|
160
|
-
forwardedAs?: BaseProps extends {
|
|
161
|
-
forwardedAs?: infer A;
|
|
162
|
-
} ? A : void;
|
|
163
|
-
}> : PolymorphicComponentProps<R, BaseProps, void, ForwardedAsTarget> & {
|
|
162
|
+
} : unknown) & ([AsTarget] extends [string | AnyComponent] ? unknown : [ForwardedAsTarget] extends [string | AnyComponent] ? PolymorphicComponentProps<R, BaseProps, void, ForwardedAsTarget> & {
|
|
164
163
|
forwardedAs: ForwardedAsTarget;
|
|
165
|
-
};
|
|
164
|
+
} : OverrideStyle<NoInfer<FastOmit<BaseProps, keyof ExecutionProps>> & ThemedExecutionProps>);
|
|
166
165
|
/**
|
|
167
166
|
* This type forms the signature for a forwardRef-enabled component
|
|
168
167
|
* that accepts the "as" prop to dynamically change the underlying
|
|
@@ -118,51 +118,50 @@ export interface IStyledStatics<out R extends Runtime, in out OuterProps extends
|
|
|
118
118
|
styledComponentId: R extends 'web' ? string : never;
|
|
119
119
|
warnTooManyClasses?: (R extends 'web' ? ReturnType<typeof createWarnTooManyClasses> : never) | undefined;
|
|
120
120
|
}
|
|
121
|
+
/** ExecutionProps sans as/forwardedAs, pre-resolved so call sites relate against a concrete interface. */
|
|
122
|
+
interface ThemedExecutionProps {
|
|
123
|
+
theme?: DefaultTheme | undefined;
|
|
124
|
+
}
|
|
121
125
|
/**
|
|
122
126
|
* Used by PolymorphicComponent to define prop override cascading order.
|
|
123
127
|
*/
|
|
124
128
|
export type PolymorphicComponentProps<R extends Runtime, BaseProps extends BaseObject, AsTarget extends StyledTarget<R> | (BaseProps extends {
|
|
125
129
|
as?: infer A;
|
|
126
|
-
} ? A : never) | void, ForwardedAsTarget extends StyledTarget<R> | void, AsTargetProps extends BaseObject = AsTarget extends KnownTarget ? React.ComponentPropsWithRef<AsTarget> : {}, ForwardedAsTargetProps extends BaseObject = ForwardedAsTarget extends KnownTarget ? React.ComponentPropsWithRef<ForwardedAsTarget> : {}> = OverrideStyle<NoInfer<FastOmit<Substitute<BaseProps, Substitute<ForwardedAsTargetProps, AsTargetProps>>, keyof ExecutionProps>> &
|
|
130
|
+
} ? A : never) | void, ForwardedAsTarget extends StyledTarget<R> | void, AsTargetProps extends BaseObject = AsTarget extends KnownTarget ? React.ComponentPropsWithRef<AsTarget> : {}, ForwardedAsTargetProps extends BaseObject = ForwardedAsTarget extends KnownTarget ? React.ComponentPropsWithRef<ForwardedAsTarget> : {}> = OverrideStyle<NoInfer<FastOmit<Substitute<BaseProps, Substitute<ForwardedAsTargetProps, AsTargetProps>>, keyof ExecutionProps>> & ThemedExecutionProps & {
|
|
127
131
|
as?: AsTarget;
|
|
128
132
|
forwardedAs?: ForwardedAsTarget;
|
|
129
133
|
}>;
|
|
130
134
|
/**
|
|
131
|
-
* Resolves the call-site props for one usage of a polymorphic component
|
|
132
|
-
*
|
|
133
|
-
*
|
|
134
|
-
*
|
|
135
|
-
*
|
|
136
|
-
*
|
|
137
|
-
*
|
|
138
|
-
* infer with spread props (#5687), the wrapped `as` type stays assignable and
|
|
139
|
-
* optional (#5734), and BaseProps keys keep completing for plain usage (#5741).
|
|
140
|
-
* - `forwardedAs` only: substitute the forwarded target's props.
|
|
135
|
+
* Resolves the call-site props for one usage of a polymorphic component from its
|
|
136
|
+
* `as` / `forwardedAs` targets. An `as` render target substitutes that target's
|
|
137
|
+
* props and requires `as`; plain usage (or `as` being the wrapped component's own
|
|
138
|
+
* non-target type, e.g. Next.js Link's `as?: Url`) keeps Substitute-free base
|
|
139
|
+
* props so ref callbacks infer with spread props (#5687), the wrapped `as` stays
|
|
140
|
+
* assignable (#5734), and BaseProps keys keep completing (#5741); `forwardedAs`
|
|
141
|
+
* substitutes the forwarded target's props.
|
|
141
142
|
*
|
|
142
|
-
*
|
|
143
|
-
*
|
|
143
|
+
* The target test is `string | AnyComponent`, not `KnownTarget`: narrowing it
|
|
144
|
+
* drops custom element strings (`as="my-element"`) out of the target branch.
|
|
144
145
|
*
|
|
145
|
-
*
|
|
146
|
-
* (
|
|
147
|
-
*
|
|
148
|
-
*
|
|
149
|
-
*
|
|
150
|
-
*
|
|
146
|
+
* Load-bearing shape, do not simplify: two conditionals with `unknown` sibling
|
|
147
|
+
* branches (not one three-way conditional), a leading flat `{ as?; forwardedAs? }`
|
|
148
|
+
* member, and positive `extends [string | AnyComponent]` discriminants. Collapsing
|
|
149
|
+
* the conditionals, dropping the flat member, or using a `[void]` discriminant
|
|
150
|
+
* each regress plain-call-site cost, `as`-target completion, or ref-callback
|
|
151
|
+
* inference (#5687) respectively.
|
|
151
152
|
*/
|
|
152
153
|
type PolymorphicCallProps<R extends Runtime, BaseProps extends BaseObject, AsTarget extends StyledTarget<R> | (BaseProps extends {
|
|
153
154
|
as?: infer A;
|
|
154
|
-
} ? A : never) | void, ForwardedAsTarget extends StyledTarget<R> | void> =
|
|
155
|
+
} ? A : never) | void, ForwardedAsTarget extends StyledTarget<R> | void> = {
|
|
156
|
+
as?: AsTarget | undefined;
|
|
157
|
+
forwardedAs?: ForwardedAsTarget | undefined;
|
|
158
|
+
} & ([
|
|
159
|
+
AsTarget
|
|
160
|
+
] extends [string | AnyComponent] ? PolymorphicComponentProps<R, BaseProps, AsTarget, ForwardedAsTarget> & {
|
|
155
161
|
as: AsTarget;
|
|
156
|
-
} : [
|
|
157
|
-
as?: BaseProps extends {
|
|
158
|
-
as?: infer A;
|
|
159
|
-
} ? A : void;
|
|
160
|
-
forwardedAs?: BaseProps extends {
|
|
161
|
-
forwardedAs?: infer A;
|
|
162
|
-
} ? A : void;
|
|
163
|
-
}> : PolymorphicComponentProps<R, BaseProps, void, ForwardedAsTarget> & {
|
|
162
|
+
} : unknown) & ([AsTarget] extends [string | AnyComponent] ? unknown : [ForwardedAsTarget] extends [string | AnyComponent] ? PolymorphicComponentProps<R, BaseProps, void, ForwardedAsTarget> & {
|
|
164
163
|
forwardedAs: ForwardedAsTarget;
|
|
165
|
-
};
|
|
164
|
+
} : OverrideStyle<NoInfer<FastOmit<BaseProps, keyof ExecutionProps>> & ThemedExecutionProps>);
|
|
166
165
|
/**
|
|
167
166
|
* This type forms the signature for a forwardRef-enabled component
|
|
168
167
|
* that accepts the "as" prop to dynamically change the underlying
|