freemium-ui
Version:
React Ui Components for Freemium Apps
608 lines • 1.58 MB
JavaScript
"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&>(rt)
;break;case 40:41===e&>(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,