UNPKG

freemium-ui

Version:

React Ui Components for Freemium Apps

608 lines 1.58 MB
"use strict";var e=require("react"),t=require("react-dom");function n(e){ var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){ if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n) ;Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})} })),t.default=e,Object.freeze(t)}var r=n(e),o=n(t);function a(){ return a=Object.assign?Object.assign.bind():function(e){ for(var t=1;t<arguments.length;t++){var n=arguments[t] ;for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e },a.apply(this,arguments)}function i(t,n=[]){let r=[];const o=()=>{ const n=r.map((t=>e.createContext(t)));return function(r){ const o=(null==r?void 0:r[t])||n;return e.useMemo((()=>({[`__scope${t}`]:{...r, [t]:o}})),[r,o])}};return o.scopeName=t,[function(n,o){ const a=e.createContext(o),i=r.length;function l(n){ const{scope:r,children:o,...l}=n,c=(null==r?void 0:r[t][i])||a,s=e.useMemo((()=>l),Object.values(l)) ;return e.createElement(c.Provider,{value:s},o)} return r=[...r,o],l.displayName=n+"Provider",[l,function(r,l){ const c=(null==l?void 0:l[t][i])||a,s=e.useContext(c);if(s)return s ;if(void 0!==o)return o;throw new Error(`\`${r}\` must be used within \`${n}\``) }]},l(o,...n)]}function l(...t){const n=t[0];if(1===t.length)return n ;const r=()=>{const r=t.map((e=>({useScope:e(),scopeName:e.scopeName}))) ;return function(t){const o=r.reduce(((e,{useScope:n,scopeName:r})=>({...e, ...n(t)[`__scope${r}`]})),{});return e.useMemo((()=>({ [`__scope${n.scopeName}`]:o})),[o])}};return r.scopeName=n.scopeName,r} function c(...e){return t=>e.forEach((e=>function(e,t){ "function"==typeof e?e(t):null!=e&&(e.current=t)}(e,t)))}function s(...t){ return e.useCallback(c(...t),t)}const u=e.forwardRef(((t,n)=>{ const{children:r,...o}=t,i=e.Children.toArray(r),l=i.find(f);if(l){ const t=l.props.children,r=i.map((n=>n===l?e.Children.count(t)>1?e.Children.only(null):e.isValidElement(t)?t.props.children:null:n)) ;return e.createElement(d,a({},o,{ref:n }),e.isValidElement(t)?e.cloneElement(t,void 0,r):null)} return e.createElement(d,a({},o,{ref:n}),r)}));u.displayName="Slot" ;const d=e.forwardRef(((t,n)=>{const{children:r,...o}=t ;return e.isValidElement(r)?e.cloneElement(r,{...p(o,r.props), ref:n?c(n,r.ref):r.ref}):e.Children.count(r)>1?e.Children.only(null):null})) ;d.displayName="SlotClone" ;const h=({children:t})=>e.createElement(e.Fragment,null,t);function f(t){ return e.isValidElement(t)&&t.type===h}function p(e,t){const n={...t} ;for(const r in t){const o=e[r],a=t[r];/^on[A-Z]/.test(r)?o&&a?n[r]=(...e)=>{ a(...e),o(...e)}:o&&(n[r]=o):"style"===r?n[r]={...o,...a }:"className"===r&&(n[r]=[o,a].filter(Boolean).join(" "))}return{...e,...n}} function m(t){const n=t+"CollectionProvider",[r,o]=i(n),[a,l]=r(n,{ collectionRef:{current:null},itemMap:new Map }),c=t+"CollectionSlot",d=t+"CollectionItemSlot",h="data-radix-collection-item" ;return[{Provider:t=>{ const{scope:n,children:r}=t,o=e.useRef(null),i=e.useRef(new Map).current ;return e.createElement(a,{scope:n,itemMap:i,collectionRef:o},r)}, Slot:e.forwardRef(((t,n)=>{ const{scope:r,children:o}=t,a=s(n,l(c,r).collectionRef) ;return e.createElement(u,{ref:a},o)})),ItemSlot:e.forwardRef(((t,n)=>{ const{scope:r,children:o,...a}=t,i=e.useRef(null),c=s(n,i),f=l(d,r) ;return e.useEffect((()=>(f.itemMap.set(i,{ref:i,...a}),()=>{f.itemMap.delete(i) }))),e.createElement(u,{[h]:"",ref:c},o)}))},function(n){ const r=l(t+"CollectionConsumer",n),o=e.useCallback((()=>{ const e=r.collectionRef.current;if(!e)return[] ;const t=Array.from(e.querySelectorAll(`[${h}]`)),n=Array.from(r.itemMap.values()).sort(((e,n)=>t.indexOf(e.ref.current)-t.indexOf(n.ref.current))) ;return n}),[r.collectionRef,r.itemMap]);return o},o]} function v(e,t,{checkForDefaultPrevented:n=!0}={}){return function(r){ if(null==e||e(r),!1===n||!r.defaultPrevented)return null==t?void 0:t(r)}} function g(t){const n=e.useRef(t);return e.useEffect((()=>{n.current=t })),e.useMemo((()=>(...e)=>{var t ;return null===(t=n.current)||void 0===t?void 0:t.call(n,...e)}),[])} function y({prop:t,defaultProp:n,onChange:r=(()=>{})}){ const[o,a]=function({defaultProp:t,onChange:n}){ const r=e.useState(t),[o]=r,a=e.useRef(o),i=g(n);return e.useEffect((()=>{ a.current!==o&&(i(o),a.current=o)}),[o,a,i]),r}({defaultProp:n,onChange:r }),i=void 0!==t,l=i?t:o,c=g(r);return[l,e.useCallback((e=>{if(i){ const n="function"==typeof e?e(t):e;n!==t&&c(n)}else a(e)}),[i,t,a,c])]} const b=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"].reduce(((t,n)=>{ const r=e.forwardRef(((t,r)=>{const{asChild:o,...i}=t,l=o?u:n ;return e.useEffect((()=>{window[Symbol.for("radix-ui")]=!0 }),[]),e.createElement(l,a({},i,{ref:r}))})) ;return r.displayName=`Primitive.${n}`,{...t,[n]:r}}),{});function w(e,n){ e&&t.flushSync((()=>e.dispatchEvent(n)))} const C=Boolean(null===globalThis||void 0===globalThis?void 0:globalThis.document)?e.useLayoutEffect:()=>{} ;const M=n=>{const{present:r,children:o}=n,a=function(n){ const[r,o]=e.useState(),a=e.useRef({}),i=e.useRef(n),l=e.useRef("none"),c=n?"mounted":"unmounted",[s,u]=function(t,n){ return e.useReducer(((e,t)=>{const r=n[e][t];return null!=r?r:e}),t)}(c,{ mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"}, unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{ MOUNT:"mounted"}});return e.useEffect((()=>{const e=z(a.current) ;l.current="mounted"===s?e:"none"}),[s]),C((()=>{const e=a.current,t=i.current ;if(t!==n){const r=l.current,o=z(e) ;if(n)u("MOUNT");else if("none"===o||"none"===(null==e?void 0:e.display))u("UNMOUNT");else{ u(t&&r!==o?"ANIMATION_OUT":"UNMOUNT")}i.current=n}}),[n,u]),C((()=>{if(r){ const e=e=>{const n=z(a.current).includes(e.animationName) ;e.target===r&&n&&t.flushSync((()=>u("ANIMATION_END")))},n=e=>{ e.target===r&&(l.current=z(a.current))} ;return r.addEventListener("animationstart",n), r.addEventListener("animationcancel",e), r.addEventListener("animationend",e),()=>{ r.removeEventListener("animationstart",n), r.removeEventListener("animationcancel",e), r.removeEventListener("animationend",e)}}u("ANIMATION_END")}),[r,u]),{ isPresent:["mounted","unmountSuspended"].includes(s),ref:e.useCallback((e=>{ e&&(a.current=getComputedStyle(e)),o(e)}),[])}}(r),i="function"==typeof o?o({ present:a.isPresent}):e.Children.only(o),l=s(a.ref,i.ref) ;return"function"==typeof o||a.isPresent?e.cloneElement(i,{ref:l}):null} ;function z(e){return(null==e?void 0:e.animationName)||"none"} M.displayName="Presence";const x=r["useId".toString()]||(()=>{});let E=0 ;function S(e){const[t,n]=r.useState(x());return C((()=>{ n((e=>null!=e?e:String(E++)))}),[e]),t?`radix-${t}`:""} const _="Collapsible",[H,D]=i(_),[A,L]=H(_),V=e.forwardRef(((t,n)=>{ const{__scopeCollapsible:r,open:o,defaultOpen:i,disabled:l,onOpenChange:c,...s}=t,[u=!1,d]=y({ prop:o,defaultProp:i,onChange:c});return e.createElement(A,{scope:r,disabled:l, contentId:S(),open:u,onOpenToggle:e.useCallback((()=>d((e=>!e))),[d]) },e.createElement(b.div,a({"data-state":I(u),"data-disabled":l?"":void 0},s,{ ref:n})))})),k=e.forwardRef(((t,n)=>{ const{__scopeCollapsible:r,...o}=t,i=L("CollapsibleTrigger",r) ;return e.createElement(b.button,a({type:"button","aria-controls":i.contentId, "aria-expanded":i.open||!1,"data-state":I(i.open), "data-disabled":i.disabled?"":void 0,disabled:i.disabled},o,{ref:n, onClick:v(t.onClick,i.onOpenToggle)})) })),T="CollapsibleContent",R=e.forwardRef(((t,n)=>{ const{forceMount:r,...o}=t,i=L(T,t.__scopeCollapsible) ;return e.createElement(M,{present:r||i.open },(({present:t})=>e.createElement(P,a({},o,{ref:n,present:t})))) })),P=e.forwardRef(((t,n)=>{ const{__scopeCollapsible:r,present:o,children:i,...l}=t,c=L(T,r),[u,d]=e.useState(o),h=e.useRef(null),f=s(n,h),p=e.useRef(0),m=p.current,v=e.useRef(0),g=v.current,y=c.open||u,w=e.useRef(y),M=e.useRef() ;return e.useEffect((()=>{const e=requestAnimationFrame((()=>w.current=!1)) ;return()=>cancelAnimationFrame(e)}),[]),C((()=>{const e=h.current;if(e){ M.current=M.current||{transitionDuration:e.style.transitionDuration, animationName:e.style.animationName },e.style.transitionDuration="0s",e.style.animationName="none" ;const t=e.getBoundingClientRect() ;p.current=t.height,v.current=t.width,w.current||(e.style.transitionDuration=M.current.transitionDuration, e.style.animationName=M.current.animationName),d(o)} }),[c.open,o]),e.createElement(b.div,a({"data-state":I(c.open), "data-disabled":c.disabled?"":void 0,id:c.contentId,hidden:!y},l,{ref:f,style:{ "--radix-collapsible-content-height":m?`${m}px`:void 0, "--radix-collapsible-content-width":g?`${g}px`:void 0,...t.style}}),y&&i)})) ;function I(e){return e?"open":"closed"} const O=V,N=k,F=R,$=e.createContext(void 0);function B(t){ const n=e.useContext($);return t||n||"ltr"} const j="Accordion",U=["Home","End","ArrowDown","ArrowUp","ArrowLeft","ArrowRight"],[Y,W,G]=m(j),[K,q]=i(j,[G,D]),Z=D(),X=e.forwardRef(((t,n)=>{ const{type:r,...o}=t,i=o,l=o;return e.createElement(Y.Provider,{ scope:t.__scopeAccordion},"multiple"===r?e.createElement(re,a({},l,{ref:n })):e.createElement(ne,a({},i,{ref:n})))}));X.propTypes={type(e){ const t=e.value||e.defaultValue ;return e.type&&!["single","multiple"].includes(e.type)?new Error("Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`."):"multiple"===e.type&&"string"==typeof t?new Error("Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`."):"single"===e.type&&Array.isArray(t)?new Error("Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`."):null }};const[J,Q]=K(j),[ee,te]=K(j,{collapsible:!1}),ne=e.forwardRef(((t,n)=>{ const{value:r,defaultValue:o,onValueChange:i=(()=>{}),collapsible:l=!1,...c}=t,[s,u]=y({ prop:r,defaultProp:o,onChange:i});return e.createElement(J,{ scope:t.__scopeAccordion,value:s?[s]:[],onItemOpen:u, onItemClose:e.useCallback((()=>l&&u("")),[l,u])},e.createElement(ee,{ scope:t.__scopeAccordion,collapsible:l},e.createElement(ie,a({},c,{ref:n})))) })),re=e.forwardRef(((t,n)=>{ const{value:r,defaultValue:o,onValueChange:i=(()=>{}),...l}=t,[c=[],s]=y({ prop:r,defaultProp:o,onChange:i }),u=e.useCallback((e=>s(((t=[])=>[...t,e]))),[s]),d=e.useCallback((e=>s(((t=[])=>t.filter((t=>t!==e))))),[s]) ;return e.createElement(J,{scope:t.__scopeAccordion,value:c,onItemOpen:u, onItemClose:d},e.createElement(ee,{scope:t.__scopeAccordion,collapsible:!0 },e.createElement(ie,a({},l,{ref:n})))) })),[oe,ae]=K(j),ie=e.forwardRef(((t,n)=>{ const{__scopeAccordion:r,disabled:o,dir:i,orientation:l="vertical",...c}=t,u=s(e.useRef(null),n),d=W(r),h="ltr"===B(i),f=v(t.onKeyDown,(e=>{ var t;if(!U.includes(e.key))return;const n=e.target,r=d().filter((e=>{var t ;return!(null!==(t=e.ref.current)&&void 0!==t&&t.disabled) })),o=r.findIndex((e=>e.ref.current===n)),a=r.length;if(-1===o)return ;e.preventDefault();let i=o;const c=a-1,s=()=>{i=o+1,i>c&&(i=0)},u=()=>{ i=o-1,i<0&&(i=c)};switch(e.key){case"Home":i=0;break;case"End":i=c;break ;case"ArrowRight":"horizontal"===l&&(h?s():u());break;case"ArrowDown": "vertical"===l&&s();break;case"ArrowLeft":"horizontal"===l&&(h?u():s());break ;case"ArrowUp":"vertical"===l&&u()} null===(t=r[i%a].ref.current)||void 0===t||t.focus()})) ;return e.createElement(oe,{scope:r,disabled:o,direction:i,orientation:l },e.createElement(Y.Slot,{scope:r},e.createElement(b.div,a({},c,{ "data-orientation":l,ref:u,onKeyDown:o?void 0:f})))) })),le="AccordionItem",[ce,se]=K(le),ue="AccordionTrigger";function de(e){ return e?"open":"closed"}const he=X,fe=e.forwardRef(((t,n)=>{ const{__scopeAccordion:r,value:o,...i}=t,l=ae(le,r),c=Q(le,r),s=Z(r),u=S(),d=o&&c.value.includes(o)||!1,h=l.disabled||t.disabled ;return e.createElement(ce,{scope:r,open:d,disabled:h,triggerId:u },e.createElement(O,a({"data-orientation":l.orientation,"data-state":de(d) },s,i,{ref:n,disabled:h,open:d,onOpenChange:e=>{ e?c.onItemOpen(o):c.onItemClose(o)}})))})),pe=e.forwardRef(((t,n)=>{ const{__scopeAccordion:r,...o}=t,i=ae(j,r),l=se("AccordionHeader",r) ;return e.createElement(b.h3,a({"data-orientation":i.orientation, "data-state":de(l.open),"data-disabled":l.disabled?"":void 0},o,{ref:n})) })),me=e.forwardRef(((t,n)=>{ const{__scopeAccordion:r,...o}=t,i=ae(j,r),l=se(ue,r),c=te(ue,r),s=Z(r) ;return e.createElement(Y.ItemSlot,{scope:r},e.createElement(N,a({ "aria-disabled":l.open&&!c.collapsible||void 0,"data-orientation":i.orientation, id:l.triggerId},s,o,{ref:n})))})),ve=e.forwardRef(((t,n)=>{ const{__scopeAccordion:r,...o}=t,i=ae(j,r),l=se("AccordionContent",r),c=Z(r) ;return e.createElement(F,a({role:"region","aria-labelledby":l.triggerId, "data-orientation":i.orientation},c,o,{ref:n,style:{ "--radix-accordion-content-height":"var(--radix-collapsible-content-height)", "--radix-accordion-content-width":"var(--radix-collapsible-content-width)", ...t.style}}))}));var ge=function(e,t){return ge=Object.setPrototypeOf||{ __proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){ for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},ge(e,t)} ;function ye(e,t){ if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null") ;function n(){this.constructor=e} ge(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)} var be=function(){return be=Object.assign||function(e){ for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]) ;return e},be.apply(this,arguments)};function we(e,t){var n={} ;for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]) ;if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0 ;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]]) }return n}function Ce(e,t,n,r){return new(n||(n=Promise))((function(o,a){ function i(e){try{c(r.next(e))}catch(e){a(e)}}function l(e){try{c(r.throw(e)) }catch(e){a(e)}}function c(e){var t ;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t) }))).then(i,l)}c((r=r.apply(e,t||[])).next())}))}function Me(e,t){ var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]}, trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2) },"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a ;function l(l){return function(c){return function(l){ if(n)throw new TypeError("Generator is already executing.") ;for(;a&&(a=0,l[0]&&(i=0)),i;)try{ if(n=1,r&&(o=2&l[0]?r.return:l[0]?r.throw||((o=r.return)&&o.call(r), 0):r.next)&&!(o=o.call(r,l[1])).done)return o ;switch(r=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4: return i.label++,{value:l[1],done:!1};case 5:i.label++,r=l[1],l=[0];continue ;case 7:l=i.ops.pop(),i.trys.pop();continue;default: if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==l[0]&&2!==l[0])){i=0;continue} if(3===l[0]&&(!o||l[1]>o[0]&&l[1]<o[3])){i.label=l[1];break} if(6===l[0]&&i.label<o[1]){i.label=o[1],o=l;break}if(o&&i.label<o[2]){ i.label=o[2],i.ops.push(l);break}o[2]&&i.ops.pop(),i.trys.pop();continue} l=t.call(e,i)}catch(e){l=[6,e],r=0}finally{n=o=0}if(5&l[0])throw l[1];return{ value:l[0]?l[1]:void 0,done:!0}}([l,c])}}}function ze(e,t,n){ if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)), r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function xe(e){ var t=Object.create(null);return function(n){ return void 0===t[n]&&(t[n]=e(n)),t[n]}} "function"==typeof SuppressedError&&SuppressedError ;var Ee=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Se=xe((function(e){ return Ee.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91 })),_e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{} ;function He(e){ return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e }var De=function(e,t,n,r){var o=n?n.call(r,e,t):void 0;if(void 0!==o)return!!o ;if(e===t)return!0;if("object"!=typeof e||!e||"object"!=typeof t||!t)return!1 ;var a=Object.keys(e),i=Object.keys(t);if(a.length!==i.length)return!1 ;for(var l=Object.prototype.hasOwnProperty.bind(t),c=0;c<a.length;c++){ var s=a[c];if(!l(s))return!1;var u=e[s],d=t[s] ;if(!1===(o=n?n.call(r,u,d,s):void 0)||void 0===o&&u!==d)return!1}return!0 },Ae=He(De),Le="-ms-",Ve="-moz-",ke="-webkit-",Te="comm",Re="rule",Pe="decl",Ie="@import",Oe="@keyframes",Ne="@layer",Fe=Math.abs,$e=String.fromCharCode,Be=Object.assign ;function je(e){return e.trim()}function Ue(e,t){return(e=t.exec(e))?e[0]:e} function Ye(e,t,n){return e.replace(t,n)}function We(e,t,n){ return e.indexOf(t,n)}function Ge(e,t){return 0|e.charCodeAt(t)} function Ke(e,t,n){return e.slice(t,n)}function qe(e){return e.length} function Ze(e){return e.length}function Xe(e,t){return t.push(e),e} function Je(e,t){return e.filter((function(e){return!Ue(e,t)}))} var Qe=1,et=1,tt=0,nt=0,rt=0,ot="";function at(e,t,n,r,o,a,i,l){return{value:e, root:t,parent:n,type:r,props:o,children:a,line:Qe,column:et,length:i,return:"", siblings:l}}function it(e,t){ return Be(at("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)} function lt(e){for(;e.root;)e=it(e.root,{children:[e]});Xe(e,e.siblings)} function ct(){return rt=nt>0?Ge(ot,--nt):0,et--,10===rt&&(et=1,Qe--),rt} function st(){return rt=nt<tt?Ge(ot,nt++):0,et++,10===rt&&(et=1,Qe++),rt} function ut(){return Ge(ot,nt)}function dt(){return nt}function ht(e,t){ return Ke(ot,e,t)}function ft(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 pt(e){ return je(ht(nt-1,gt(91===e?e+2:40===e?e+1:e)))}function mt(e){ for(;(rt=ut())&&rt<33;)st();return ft(e)>2||ft(rt)>3?"":" "}function vt(e,t){ for(;--t&&st()&&!(rt<48||rt>102||rt>57&&rt<65||rt>70&&rt<97);); return ht(e,dt()+(t<6&&32==ut()&&32==st()))}function gt(e){ for(;st();)switch(rt){case e:return nt;case 34:case 39:34!==e&&39!==e&&gt(rt) ;break;case 40:41===e&&gt(e);break;case 92:st()}return nt}function yt(e,t){ for(;st()&&e+rt!==57&&(e+rt!==84||47!==ut());); return"/*"+ht(t,nt-1)+"*"+$e(47===e?e:st())}function bt(e){for(;!ft(ut());)st() ;return ht(e,nt)}function wt(e){return function(e){return ot="",e }(Ct("",null,null,null,[""],e=function(e){return Qe=et=1,tt=qe(ot=e),nt=0,[] }(e),0,[0],e))}function Ct(e,t,n,r,o,a,i,l,c){ for(var s=0,u=0,d=i,h=0,f=0,p=0,m=1,v=1,g=1,y=0,b="",w=o,C=a,M=r,z=b;v;)switch(p=y, y=st()){case 40:if(108!=p&&58==Ge(z,d-1)){ -1!=We(z+=Ye(pt(y),"&","&\f"),"&\f",Fe(s?l[s-1]:0))&&(g=-1);break}case 34: case 39:case 91:z+=pt(y);break;case 9:case 10:case 13:case 32:z+=mt(p);break ;case 92:z+=vt(dt()-1,7);continue;case 47:switch(ut()){case 42:case 47: Xe(zt(yt(st(),dt()),t,n,c),c);break;default:z+="/"}break;case 123*m: l[s++]=qe(z)*g;case 125*m:case 59:case 0:switch(y){case 0:case 125:v=0 ;case 59+u: -1==g&&(z=Ye(z,/\f/g,"")),f>0&&qe(z)-d&&Xe(f>32?xt(z+";",r,n,d-1,c):xt(Ye(z," ","")+";",r,n,d-2,c),c) ;break;case 59:z+=";";default: if(Xe(M=Mt(z,t,n,s,u,o,l,b,w=[],C=[],d,a),a),123===y)if(0===u)Ct(z,t,M,M,w,a,d,l,C);else switch(99===h&&110===Ge(z,3)?100:h){ case 100:case 108:case 109:case 115: Ct(e,M,M,r&&Xe(Mt(e,M,M,0,0,o,l,b,o,w=[],d,C),C),o,C,d,l,r?w:C);break;default: Ct(z,M,M,M,[""],C,0,l,C)}}s=u=f=0,m=g=1,b=z="",d=i;break;case 58:d=1+qe(z),f=p ;default:if(m<1)if(123==y)--m;else if(125==y&&0==m++&&125==ct())continue ;switch(z+=$e(y),y*m){case 38:g=u>0?1:(z+="\f",-1);break;case 44: l[s++]=(qe(z)-1)*g,g=1;break;case 64: 45===ut()&&(z+=pt(st())),h=ut(),u=d=qe(b=z+=bt(dt())),y++;break;case 45: 45===p&&2==qe(z)&&(m=0)}}return a}function Mt(e,t,n,r,o,a,i,l,c,s,u,d){ for(var h=o-1,f=0===o?a:[""],p=Ze(f),m=0,v=0,g=0;m<r;++m)for(var y=0,b=Ke(e,h+1,h=Fe(v=i[m])),w=e;y<p;++y)(w=je(v>0?f[y]+" "+b:Ye(b,/&\f/g,f[y])))&&(c[g++]=w) ;return at(e,t,n,0===o?Re:l,c,s,u,d)}function zt(e,t,n,r){ return at(e,t,n,Te,$e(rt),Ke(e,2,-2),0,r)}function xt(e,t,n,r,o){ return at(e,t,n,Pe,Ke(e,0,r),Ke(e,r+1,-1),r,o)}function Et(e,t,n){ switch(function(e,t){ return 45^Ge(e,0)?(((t<<2^Ge(e,0))<<2^Ge(e,1))<<2^Ge(e,2))<<2^Ge(e,3):0}(e,t)){ case 5103:return ke+"print-"+e+e;case 5737:case 4201:case 3177:case 3433: case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645: case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215: case 6389:case 5109:case 5365:case 5621:case 3829:return ke+e+e;case 4789: return Ve+e+e;case 5349:case 4246:case 4810:case 6968:case 2756: return ke+e+Ve+e+Le+e+e;case 5936:switch(Ge(e,t+11)){case 114: return ke+e+Le+Ye(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108: return ke+e+Le+Ye(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45: return ke+e+Le+Ye(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903: return ke+e+Le+e+e;case 6165:return ke+e+Le+"flex-"+e+e;case 5187: return ke+e+Ye(e,/(\w+).+(:[^]+)/,ke+"box-$1$2"+Le+"flex-$1$2")+e;case 5443: return ke+e+Le+"flex-item-"+Ye(e,/flex-|-self/g,"")+(Ue(e,/flex-|baseline/)?"":Le+"grid-row-"+Ye(e,/flex-|-self/g,""))+e ;case 4675: return ke+e+Le+"flex-line-pack"+Ye(e,/align-content|flex-|-self/g,"")+e ;case 5548:return ke+e+Le+Ye(e,"shrink","negative")+e;case 5292: return ke+e+Le+Ye(e,"basis","preferred-size")+e;case 6060: return ke+"box-"+Ye(e,"-grow","")+ke+e+Le+Ye(e,"grow","positive")+e;case 4554: return ke+Ye(e,/([^-])(transform)/g,"$1"+ke+"$2")+e;case 6187: return Ye(Ye(Ye(e,/(zoom-|grab)/,ke+"$1"),/(image-set)/,ke+"$1"),e,"")+e ;case 5495:case 3959:return Ye(e,/(image-set\([^]*)/,ke+"$1$`$1");case 4968: return Ye(Ye(e,/(.+:)(flex-)?(.*)/,ke+"box-pack:$3"+Le+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+ke+e+e ;case 4200:if(!Ue(e,/flex-|baseline/))return Le+"grid-column-align"+Ke(e,t)+e ;break;case 2592:case 3360:return Le+Ye(e,"template-","")+e;case 4384:case 3616: return n&&n.some((function(e,n){return t=n,Ue(e.props,/grid-\w+-end/) }))?~We(e+(n=n[t].value),"span",0)?e:Le+Ye(e,"-start","")+e+Le+"grid-row-span:"+(~We(n,"span",0)?Ue(n,/\d+/):+Ue(n,/\d+/)-+Ue(e,/\d+/))+";":Le+Ye(e,"-start","")+e ;case 4896:case 4128:return n&&n.some((function(e){ return Ue(e.props,/grid-\w+-start/) }))?e:Le+Ye(Ye(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068: case 2532:return Ye(e,/(.+)-inline(.+)/,ke+"$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(qe(e)-1-t>6)switch(Ge(e,t+1)){case 109: if(45!==Ge(e,t+4))break;case 102: return Ye(e,/(.+:)(.+)-([^]+)/,"$1"+ke+"$2-$3$1"+Ve+(108==Ge(e,t+3)?"$3":"$2-$3"))+e ;case 115:return~We(e,"stretch",0)?Et(Ye(e,"stretch","fill-available"),t,n)+e:e} break;case 5152:case 5920: return Ye(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,n,r,o,a,i,l){ return Le+n+":"+r+l+(o?Le+n+"-span:"+(a?i:+i-+r)+l:"")+e}));case 4949: if(121===Ge(e,t+6))return Ye(e,":",":"+ke)+e;break;case 6444: switch(Ge(e,45===Ge(e,14)?18:11)){case 120: return Ye(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+ke+(45===Ge(e,14)?"inline-":"")+"box$3$1"+ke+"$2$3$1"+Le+"$2box$3")+e ;case 100:return Ye(e,":",":"+Le)+e}break;case 5719:case 2647:case 2135: case 3927:case 2391:return Ye(e,"scroll-","scroll-snap-")+e}return e} function St(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n} function _t(e,t,n,r){switch(e.type){case Ne:if(e.children.length)break;case Ie: case Pe:return e.return=e.return||e.value;case Te:return"";case Oe: return e.return=e.value+"{"+St(e.children,r)+"}";case Re: if(!qe(e.value=e.props.join(",")))return""} return qe(n=St(e.children,r))?e.return=e.value+"{"+n+"}":""} function Ht(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case Pe: return void(e.return=Et(e.value,e.length,n));case Oe:return St([it(e,{ value:Ye(e.value,"@","@"+ke)})],r);case Re:if(e.length)return function(e,t){ return e.map(t).join("")}(n=e.props,(function(t){ switch(Ue(t,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write": lt(it(e,{props:[Ye(t,/:(read-\w+)/,":"+Ve+"$1")]})),lt(it(e,{props:[t]})),Be(e,{ props:Je(n,r)});break;case"::placeholder":lt(it(e,{ props:[Ye(t,/:(plac\w+)/,":"+ke+"input-$1")]})),lt(it(e,{ props:[Ye(t,/:(plac\w+)/,":"+Ve+"$1")]})),lt(it(e,{ props:[Ye(t,/:(plac\w+)/,Le+"input-$1")]})),lt(it(e,{props:[t]})),Be(e,{ props:Je(n,r)})}return""}))}}var Dt={animationIterationCount:1, borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1, boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1, flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1, gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1, gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1, fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1, zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1, strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1, strokeWidth:1 },At="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Lt="active",Vt="data-styled-version",kt="6.1.8",Tt="/*!sc*/\n",Rt="undefined"!=typeof window&&"HTMLElement"in window,Pt=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),It={},Ot=/invalid hook call/i,Nt=new Set,Ft=function(t,n){ if("production"!==process.env.NODE_ENV){ var r=n?' with the id of "'.concat(n,'"'):"",o="The component ".concat(t).concat(r," has been created dynamically.\n")+"You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.",a=console.error ;try{var i=!0;console.error=function(e){ for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n] ;Ot.test(e)?(i=!1,Nt.delete(o)):a.apply(void 0,ze([e],t,!1)) },e.useRef(),i&&!Nt.has(o)&&(console.warn(o),Nt.add(o))}catch(e){ Ot.test(e.message)&&Nt.delete(o)}finally{console.error=a}} },$t=Object.freeze([]),Bt=Object.freeze({});function jt(e,t,n){ return void 0===n&&(n=Bt),e.theme!==n.theme&&e.theme||t||n.theme} var Ut=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),Yt=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Wt=/(^-|-$)/g ;function Gt(e){return e.replace(Yt,"-").replace(Wt,"")} var Kt=/(a)(d)/gi,qt=52,Zt=function(e){ return String.fromCharCode(e+(e>25?39:97))};function Xt(e){var t,n="" ;for(t=Math.abs(e);t>qt;t=t/qt|0)n=Zt(t%qt)+n ;return(Zt(t%qt)+n).replace(Kt,"$1-$2")}var Jt,Qt=5381,en=function(e,t){ for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},tn=function(e){ return en(Qt,e)};function nn(e){return Xt(tn(e)>>>0)}function rn(e){ return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component" }function on(e){ return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase()) } var an="function"==typeof Symbol&&Symbol.for,ln=an?Symbol.for("react.memo"):60115,cn=an?Symbol.for("react.forward_ref"):60112,sn={ childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0, displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0, getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},un={name:!0, length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},dn={ $$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0 },hn=((Jt={})[cn]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0, propTypes:!0},Jt[ln]=dn,Jt);function fn(e){ return("type"in(t=e)&&t.type.$$typeof)===ln?dn:"$$typeof"in e?hn[e.$$typeof]:sn ;var t} var pn=Object.defineProperty,mn=Object.getOwnPropertyNames,vn=Object.getOwnPropertySymbols,gn=Object.getOwnPropertyDescriptor,yn=Object.getPrototypeOf,bn=Object.prototype ;function wn(e,t,n){if("string"!=typeof t){if(bn){var r=yn(t) ;r&&r!==bn&&wn(e,r,n)}var o=mn(t);vn&&(o=o.concat(vn(t))) ;for(var a=fn(e),i=fn(t),l=0;l<o.length;++l){var c=o[l] ;if(!(c in un||n&&n[c]||i&&c in i||a&&c in a)){var s=gn(t,c);try{pn(e,c,s) }catch(e){}}}}return e}function Cn(e){return"function"==typeof e}function Mn(e){ return"object"==typeof e&&"styledComponentId"in e}function zn(e,t){ return e&&t?"".concat(e," ").concat(t):e||t||""}function xn(e,t){ if(0===e.length)return"";for(var n=e[0],r=1;r<e.length;r++)n+=e[r];return n} function En(e){ return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof) }function Sn(e,t,n){if(void 0===n&&(n=!1),!n&&!En(e)&&!Array.isArray(e))return t ;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=Sn(e[r],t[r]);else if(En(t))for(var r in t)e[r]=Sn(e[r],t[r]) ;return e}function _n(e,t){Object.defineProperty(e,"toString",{value:t})} var Hn="production"!==process.env.NODE_ENV?{ 1:"Cannot create styled-component for component: %s.\n\n", 2:"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n", 3:"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n", 4:"The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n", 5:"The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n", 6:"Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n", 7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n', 8:'ThemeProvider: Please make your "theme" prop an object.\n\n', 9:"Missing document `<head>`\n\n", 10:"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n", 11:"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n", 12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n", 13:"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n", 14:'ThemeProvider: "theme" prop is required.\n\n', 15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n", 16:"Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n", 17:"CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n", 18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" }:{};function Dn(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t] ;for(var n=e[0],r=[],o=1,a=e.length;o<a;o+=1)r.push(e[o]) ;return r.forEach((function(e){n=n.replace(/%[a-z]/,e)})),n}function An(e){ for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n] ;return"production"===process.env.NODE_ENV?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(Dn.apply(void 0,ze([Hn[e]],t,!1)).trim()) }var Ln=function(){function e(e){ this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e} return e.prototype.indexOfGroup=function(e){ for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t },e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){ for(var n=this.groupSizes,r=n.length,o=r;e>=o;)if((o<<=1)<0)throw An(16,"".concat(e)) ;this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o ;for(var a=r;a<o;a++)this.groupSizes[a]=0} for(var i=this.indexOfGroup(e+1),l=(a=0, t.length);a<l;a++)this.tag.insertRule(i,t[a])&&(this.groupSizes[e]++,i++) },e.prototype.clearGroup=function(e){if(e<this.length){ var t=this.groupSizes[e],n=this.indexOfGroup(e),r=n+t;this.groupSizes[e]=0 ;for(var o=n;o<r;o++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(e){ var t="";if(e>=this.length||0===this.groupSizes[e])return t ;for(var n=this.groupSizes[e],r=this.indexOfGroup(e),o=r+n,a=r;a<o;a++)t+="".concat(this.tag.getRule(a)).concat(Tt) ;return t},e}(),Vn=new Map,kn=new Map,Tn=1,Rn=function(e){ if(Vn.has(e))return Vn.get(e);for(;kn.has(Tn);)Tn++;var t=Tn++ ;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw An(16,"".concat(t)) ;return Vn.set(e,t),kn.set(t,e),t},Pn=function(e,t){ Tn=t+1,Vn.set(e,t),kn.set(t,e) },In="style[".concat(At,"][").concat(Vt,'="').concat(kt,'"]'),On=new RegExp("^".concat(At,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Nn=function(e,t,n){ for(var r,o=n.split(","),a=0,i=o.length;a<i;a++)(r=o[a])&&e.registerName(t,r) },Fn=function(e,t){ for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split(Tt),o=[],a=0,i=r.length;a<i;a++){ var l=r[a].trim();if(l){var c=l.match(On);if(c){var s=0|parseInt(c[1],10),u=c[2] ;0!==s&&(Pn(u,s),Nn(e,u,c[3]),e.getTag().insertRules(s,o)),o.length=0 }else o.push(l)}}};var $n=function(e){ var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){ var t=Array.from(e.querySelectorAll("style[".concat(At,"]"))) ;return t[t.length-1]}(n),a=void 0!==o?o.nextSibling:null;r.setAttribute(At,Lt), r.setAttribute(Vt,kt) ;var i="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null ;return i&&r.setAttribute("nonce",i),n.insertBefore(r,a),r},Bn=function(){ function e(e){ this.element=$n(e),this.element.appendChild(document.createTextNode("")), this.sheet=function(e){if(e.sheet)return e.sheet ;for(var t=document.styleSheets,n=0,r=t.length;n<r;n++){var o=t[n] ;if(o.ownerNode===e)return o}throw An(17)}(this.element),this.length=0} return e.prototype.insertRule=function(e,t){try{ return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1} },e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length-- },e.prototype.getRule=function(e){var t=this.sheet.cssRules[e] ;return t&&t.cssText?t.cssText:""},e}(),jn=function(){function e(e){ this.element=$n(e),this.nodes=this.element.childNodes,this.length=0} return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){ var n=document.createTextNode(t) ;return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0} return!1},e.prototype.deleteRule=function(e){ this.element.removeChild(this.nodes[e]),this.length-- },e.prototype.getRule=function(e){ return e<this.length?this.nodes[e].textContent:""},e}(),Un=function(){ function e(e){this.rules=[],this.length=0} return e.prototype.insertRule=function(e,t){ return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0) },e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length-- },e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e }(),Yn=Rt,Wn={isServer:!Rt,useCSSOMInjection:!Pt},Gn=function(){ function e(e,t,n){void 0===e&&(e=Bt),void 0===t&&(t={});var r=this ;this.options=be(be({},Wn),e), this.gs=t,this.names=new Map(n),this.server=!!e.isServer, !this.server&&Rt&&Yn&&(Yn=!1,function(e){ for(var t=document.querySelectorAll(In),n=0,r=t.length;n<r;n++){var o=t[n] ;o&&o.getAttribute(At)!==Lt&&(Fn(e,o),o.parentNode&&o.parentNode.removeChild(o)) }}(this)),_n(this,(function(){return function(e){ for(var t=e.getTag(),n=t.length,r="",o=function(n){var o=function(e){ return kn.get(e)}(n);if(void 0===o)return"continue" ;var a=e.names.get(o),i=t.getGroup(n) ;if(void 0===a||0===i.length)return"continue" ;var l="".concat(At,".g").concat(n,'[id="').concat(o,'"]'),c="" ;void 0!==a&&a.forEach((function(e){e.length>0&&(c+="".concat(e,",")) })),r+="".concat(i).concat(l,'{content:"').concat(c,'"}').concat(Tt) },a=0;a<n;a++)o(a);return r}(r)}))}return e.registerId=function(e){return Rn(e) },e.prototype.reconstructWithOptions=function(t,n){ return void 0===n&&(n=!0),new e(be(be({},this.options),t),this.gs,n&&this.names||void 0) },e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1 },e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){ var t=e.useCSSOMInjection,n=e.target ;return e.isServer?new Un(n):t?new Bn(n):new jn(n)}(this.options),new Ln(e))) ;var e},e.prototype.hasNameForId=function(e,t){ return this.names.has(e)&&this.names.get(e).has(t) },e.prototype.registerName=function(e,t){ if(Rn(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t), this.names.set(e,n)}},e.prototype.insertRules=function(e,t,n){ this.registerName(e,t),this.getTag().insertRules(Rn(e),n) },e.prototype.clearNames=function(e){ this.names.has(e)&&this.names.get(e).clear() },e.prototype.clearRules=function(e){ this.getTag().clearGroup(Rn(e)),this.clearNames(e) },e.prototype.clearTag=function(){this.tag=void 0},e }(),Kn=/&/g,qn=/^\s*\/\/.*$/gm;function Zn(e,t){return e.map((function(e){ return"rule"===e.type&&(e.value="".concat(t," ").concat(e.value), e.value=e.value.replaceAll(",",",".concat(t," ")), e.props=e.props.map((function(e){return"".concat(t," ").concat(e) }))),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=Zn(e.children,t)), e}))}function Xn(e){ var t,n,r,o=void 0===e?Bt:e,a=o.options,i=void 0===a?Bt:a,l=o.plugins,c=void 0===l?$t:l,s=function(e,r,o){ return o.startsWith(n)&&o.endsWith(n)&&o.replaceAll(n,"").length>0?".".concat(t):e },u=c.slice();u.push((function(e){ e.type===Re&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(Kn,n).replace(r,s)) })),i.prefix&&u.push(Ht),u.push(_t);var d=function(e,o,a,l){ void 0===o&&(o=""),void 0===a&&(a=""), void 0===l&&(l="&"),t=l,n=o,r=new RegExp("\\".concat(n,"\\b"),"g") ;var c=e.replace(qn,""),s=wt(a||o?"".concat(a," ").concat(o," { ").concat(c," }"):c) ;i.namespace&&(s=Zn(s,i.namespace));var d,h=[];return St(s,function(e){ var t=Ze(e);return function(n,r,o,a){ for(var i="",l=0;l<t;l++)i+=e[l](n,r,o,a)||"";return i} }(u.concat((d=function(e){return h.push(e)},function(e){ e.root||(e=e.return)&&d(e)})))),h} ;return d.hash=c.length?c.reduce((function(e,t){ return t.name||An(15),en(e,t.name)}),Qt).toString():"",d} var Jn=new Gn,Qn=Xn(),er=e.createContext({shouldForwardProp:void 0, styleSheet:Jn,stylis:Qn});er.Consumer;var tr=e.createContext(void 0) ;function nr(){return e.useContext(er)}function rr(t){ var n=e.useState(t.stylisPlugins),r=n[0],o=n[1],a=nr().styleSheet,i=e.useMemo((function(){ var e=a;return t.sheet?e=t.sheet:t.target&&(e=e.reconstructWithOptions({ target:t.target},!1)),t.disableCSSOMInjection&&(e=e.reconstructWithOptions({ useCSSOMInjection:!1})),e }),[t.disableCSSOMInjection,t.sheet,t.target,a]),l=e.useMemo((function(){ return Xn({options:{namespace:t.namespace,prefix:t.enableVendorPrefixes}, plugins:r})}),[t.enableVendorPrefixes,t.namespace,r]);e.useEffect((function(){ Ae(r,t.stylisPlugins)||o(t.stylisPlugins)}),[t.stylisPlugins]) ;var c=e.useMemo((function(){return{shouldForwardProp:t.shouldForwardProp, styleSheet:i,stylis:l}}),[t.shouldForwardProp,i,l]) ;return e.createElement(er.Provider,{value:c},e.createElement(tr.Provider,{ value:l},t.children))}var or=function(){function e(e,t){var n=this ;this.inject=function(e,t){void 0===t&&(t=Qn);var r=n.name+t.hash ;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes")) },this.name=e, this.id="sc-keyframes-".concat(e),this.rules=t,_n(this,(function(){ throw An(12,String(n.name))}))}return e.prototype.getName=function(e){ return void 0===e&&(e=Qn),this.name+e.hash},e}(),ar=function(e){ return e>="A"&&e<="Z"};function ir(e){for(var t="",n=0;n<e.length;n++){ var r=e[n];if(1===n&&"-"===r&&"-"===e[0])return e ;ar(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t} var lr=function(e){return null==e||!1===e||""===e},cr=function(e){var t,n,r=[] ;for(var o in e){var a=e[o] ;e.hasOwnProperty(o)&&!lr(a)&&(Array.isArray(a)&&a.isCss||Cn(a)?r.push("".concat(ir(o),":"),a,";"):En(a)?r.push.apply(r,ze(ze(["".concat(o," {")],cr(a),!1),["}"],!1)):r.push("".concat(ir(o),": ").concat((t=o, null==(n=a)||"boolean"==typeof n||""===n?"":"number"!=typeof n||0===n||t in Dt||t.startsWith("--")?String(n).trim():"".concat(n,"px")),";"))) }return r};function sr(e,t,n,r){if(lr(e))return[] ;if(Mn(e))return[".".concat(e.styledComponentId)];if(Cn(e)){ if(!Cn(a=e)||a.prototype&&a.prototype.isReactComponent||!t)return[e];var o=e(t) ;return"production"===process.env.NODE_ENV||"object"!=typeof o||Array.isArray(o)||o instanceof or||En(o)||null===o||console.error("".concat(rn(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), sr(o,t,n,r)}var a ;return e instanceof or?n?(e.inject(n,r),[e.getName(r)]):[e]:En(e)?cr(e):Array.isArray(e)?Array.prototype.concat.apply($t,e.map((function(e){ return sr(e,t,n,r)}))):[e.toString()]}function ur(e){ for(var t=0;t<e.length;t+=1){var n=e[t];if(Cn(n)&&!Mn(n))return!1}return!0} var dr=tn(kt),hr=function(){function e(e,t,n){ this.rules=e,this.staticRulesId="", this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&ur(e), this.componentId=t,this.baseHash=en(dr,t),this.baseStyle=n,Gn.registerId(t)} return e.prototype.generateAndInjectStyles=function(e,t,n){ var r=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"" ;if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))r=zn(r,this.staticRulesId);else{ var o=xn(sr(this.rules,e,t,n)),a=Xt(en(this.baseHash,o)>>>0) ;if(!t.hasNameForId(this.componentId,a)){ var i=n(o,".".concat(a),void 0,this.componentId) ;t.insertRules(this.componentId,a,i)}r=zn(r,a),this.staticRulesId=a}else{ for(var l=en(this.baseHash,n.hash),c="",s=0;s<this.rules.length;s++){ var u=this.rules[s] ;if("string"==typeof u)c+=u,"production"!==process.env.NODE_ENV&&(l=en(l,u));else if(u){ var d=xn(sr(u,e,t,n));l=en(l,d+s),c+=d}}if(c){var h=Xt(l>>>0) ;t.hasNameForId(this.componentId,h)||t.insertRules(this.componentId,h,n(c,".".concat(h),void 0,this.componentId)), r=zn(r,h)}}return r},e}(),fr=e.createContext(void 0);function pr(){ var t=e.useContext(fr);if(!t)throw An(18);return t}function mr(t){ var n=e.useContext(fr),r=e.useMemo((function(){return function(e,t){ if(!e)throw An(14);if(Cn(e)){var n=e(t) ;if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw An(7) ;return n}if(Array.isArray(e)||"object"!=typeof e)throw An(8) ;return t?be(be({},t),e):e}(t.theme,n)}),[t.theme,n]) ;return t.children?e.createElement(fr.Provider,{value:r},t.children):null} fr.Consumer;var vr={},gr=new Set;function yr(t,n,r){ var o=Mn(t),a=t,i=!on(t),l=n.attrs,c=void 0===l?$t:l,s=n.componentId,u=void 0===s?function(e,t){ var n="string"!=typeof e?"sc":Gt(e);vr[n]=(vr[n]||0)+1 ;var r="".concat(n,"-").concat(nn(kt+n+vr[n])) ;return t?"".concat(t,"-").concat(r):r }(n.displayName,n.parentComponentId):s,d=n.displayName,h=void 0===d?function(e){ return on(e)?"styled.".concat(e):"Styled(".concat(rn(e),")") }(t):d,