freemium-ui
Version:
React Ui Components for Freemium Apps
602 lines • 1.57 MB
JavaScript
import*as e from"react"
;import t,{createContext as n,useMemo as r,createElement as o,useContext as a,useCallback as i,forwardRef as l,Children as c,isValidElement as s,cloneElement as u,Fragment as d,useRef as h,useEffect as p,useState as f,useLayoutEffect as m,useReducer as v,useDebugValue as g,Component as y,memo as b}from"react"
;import*as w from"react-dom"
;import C,{flushSync as z,createPortal as M,unstable_batchedUpdates as x}from"react-dom"
;function E(){return E=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
},E.apply(this,arguments)}function S(e,t=[]){let i=[];const l=()=>{
const t=i.map((e=>n(e)));return function(n){const o=(null==n?void 0:n[e])||t
;return r((()=>({[`__scope${e}`]:{...n,[e]:o}})),[n,o])}}
;return l.scopeName=e,[function(t,l){const c=n(l),s=i.length;function u(t){
const{scope:n,children:a,...i}=t,l=(null==n?void 0:n[e][s])||c,u=r((()=>i),Object.values(i))
;return o(l.Provider,{value:u},a)}
return i=[...i,l],u.displayName=t+"Provider",[u,function(n,r){
const o=(null==r?void 0:r[e][s])||c,i=a(o);if(i)return i;if(void 0!==l)return l
;throw new Error(`\`${n}\` must be used within \`${t}\``)}]},_(l,...t)]}
function _(...e){const t=e[0];if(1===e.length)return t;const n=()=>{
const n=e.map((e=>({useScope:e(),scopeName:e.scopeName})));return function(e){
const o=n.reduce(((t,{useScope:n,scopeName:r})=>({...t,...n(e)[`__scope${r}`]
})),{});return r((()=>({[`__scope${t.scopeName}`]:o})),[o])}}
;return n.scopeName=t.scopeName,n}function H(...e){
return t=>e.forEach((e=>function(e,t){
"function"==typeof e?e(t):null!=e&&(e.current=t)}(e,t)))}function D(...e){
return i(H(...e),e)}const A=l(((e,t)=>{
const{children:n,...r}=e,a=c.toArray(n),i=a.find(k);if(i){
const e=i.props.children,n=a.map((t=>t===i?c.count(e)>1?c.only(null):s(e)?e.props.children:null:t))
;return o(L,E({},r,{ref:t}),s(e)?u(e,void 0,n):null)}return o(L,E({},r,{ref:t
}),n)}));A.displayName="Slot";const L=l(((e,t)=>{const{children:n,...r}=e
;return s(n)?u(n,{...T(r,n.props),ref:t?H(t,n.ref):n.ref
}):c.count(n)>1?c.only(null):null}));L.displayName="SlotClone"
;const V=({children:e})=>o(d,null,e);function k(e){return s(e)&&e.type===V}
function T(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 P(e){const n=e+"CollectionProvider",[r,o]=S(n),[a,i]=r(n,{
collectionRef:{current:null},itemMap:new Map
}),l=e+"CollectionSlot",c=e+"CollectionItemSlot",s="data-radix-collection-item"
;return[{Provider:e=>{
const{scope:n,children:r}=e,o=t.useRef(null),i=t.useRef(new Map).current
;return t.createElement(a,{scope:n,itemMap:i,collectionRef:o},r)},
Slot:t.forwardRef(((e,n)=>{
const{scope:r,children:o}=e,a=D(n,i(l,r).collectionRef)
;return t.createElement(A,{ref:a},o)})),ItemSlot:t.forwardRef(((e,n)=>{
const{scope:r,children:o,...a}=e,l=t.useRef(null),u=D(n,l),d=i(c,r)
;return t.useEffect((()=>(d.itemMap.set(l,{ref:l,...a}),()=>{d.itemMap.delete(l)
}))),t.createElement(A,{[s]:"",ref:u},o)}))},function(n){
const r=i(e+"CollectionConsumer",n),o=t.useCallback((()=>{
const e=r.collectionRef.current;if(!e)return[]
;const t=Array.from(e.querySelectorAll(`[${s}]`)),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 I(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 R(e){const t=h(e);return p((()=>{t.current=e})),r((()=>(...e)=>{var n
;return null===(n=t.current)||void 0===n?void 0:n.call(t,...e)}),[])}
function O({prop:e,defaultProp:t,onChange:n=(()=>{})}){
const[r,o]=function({defaultProp:e,onChange:t}){const n=f(e),[r]=n,o=h(r),a=R(t)
;return p((()=>{o.current!==r&&(a(r),o.current=r)}),[r,o,a]),n}({defaultProp:t,
onChange:n}),a=void 0!==e,l=a?e:r,c=R(n);return[l,i((t=>{if(a){
const n="function"==typeof t?t(e):t;n!==e&&c(n)}else o(t)}),[a,e,o,c])]}
const N=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"].reduce(((e,t)=>{
const n=l(((e,n)=>{const{asChild:r,...a}=e,i=r?A:t;return p((()=>{
window[Symbol.for("radix-ui")]=!0}),[]),o(i,E({},a,{ref:n}))}))
;return n.displayName=`Primitive.${t}`,{...e,[t]:n}}),{});function F(e,t){
e&&z((()=>e.dispatchEvent(t)))}
const $=Boolean(null===globalThis||void 0===globalThis?void 0:globalThis.document)?m:()=>{}
;const B=e=>{const{present:t,children:n}=e,r=function(e){
const[t,n]=f(),r=h({}),o=h(e),a=h("none"),l=e?"mounted":"unmounted",[c,s]=function(e,t){
return v(((e,n)=>{const r=t[e][n];return null!=r?r:e}),e)}(l,{mounted:{
UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{
MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}})
;return p((()=>{const e=j(r.current);a.current="mounted"===c?e:"none"
}),[c]),$((()=>{const t=r.current,n=o.current;if(n!==e){const r=a.current,i=j(t)
;if(e)s("MOUNT");else if("none"===i||"none"===(null==t?void 0:t.display))s("UNMOUNT");else{
s(n&&r!==i?"ANIMATION_OUT":"UNMOUNT")}o.current=e}}),[e,s]),$((()=>{if(t){
const e=e=>{const n=j(r.current).includes(e.animationName)
;e.target===t&&n&&z((()=>s("ANIMATION_END")))},n=e=>{
e.target===t&&(a.current=j(r.current))}
;return t.addEventListener("animationstart",n),
t.addEventListener("animationcancel",e),
t.addEventListener("animationend",e),()=>{
t.removeEventListener("animationstart",n),
t.removeEventListener("animationcancel",e),
t.removeEventListener("animationend",e)}}s("ANIMATION_END")}),[t,s]),{
isPresent:["mounted","unmountSuspended"].includes(c),ref:i((e=>{
e&&(r.current=getComputedStyle(e)),n(e)}),[])}}(t),o="function"==typeof n?n({
present:r.isPresent}):c.only(n),a=D(r.ref,o.ref)
;return"function"==typeof n||r.isPresent?u(o,{ref:a}):null};function j(e){
return(null==e?void 0:e.animationName)||"none"}B.displayName="Presence"
;const U=e["useId".toString()]||(()=>{});let Y=0;function W(t){
const[n,r]=e.useState(U());return $((()=>{r((e=>null!=e?e:String(Y++)))
}),[t]),n?`radix-${n}`:""}
const G="Collapsible",[K,q]=S(G),[Z,X]=K(G),J=l(((e,t)=>{
const{__scopeCollapsible:n,open:r,defaultOpen:a,disabled:l,onOpenChange:c,...s}=e,[u=!1,d]=O({
prop:r,defaultProp:a,onChange:c});return o(Z,{scope:n,disabled:l,contentId:W(),
open:u,onOpenToggle:i((()=>d((e=>!e))),[d])},o(N.div,E({"data-state":re(u),
"data-disabled":l?"":void 0},s,{ref:t})))})),Q=l(((e,t)=>{
const{__scopeCollapsible:n,...r}=e,a=X("CollapsibleTrigger",n)
;return o(N.button,E({type:"button","aria-controls":a.contentId,
"aria-expanded":a.open||!1,"data-state":re(a.open),
"data-disabled":a.disabled?"":void 0,disabled:a.disabled},r,{ref:t,
onClick:I(e.onClick,a.onOpenToggle)}))})),ee="CollapsibleContent",te=l(((e,t)=>{
const{forceMount:n,...r}=e,a=X(ee,e.__scopeCollapsible);return o(B,{
present:n||a.open},(({present:e})=>o(ne,E({},r,{ref:t,present:e}))))
})),ne=l(((e,t)=>{
const{__scopeCollapsible:n,present:r,children:a,...i}=e,l=X(ee,n),[c,s]=f(r),u=h(null),d=D(t,u),m=h(0),v=m.current,g=h(0),y=g.current,b=l.open||c,w=h(b),C=h()
;return p((()=>{const e=requestAnimationFrame((()=>w.current=!1))
;return()=>cancelAnimationFrame(e)}),[]),$((()=>{const e=u.current;if(e){
C.current=C.current||{transitionDuration:e.style.transitionDuration,
animationName:e.style.animationName
},e.style.transitionDuration="0s",e.style.animationName="none"
;const t=e.getBoundingClientRect()
;m.current=t.height,g.current=t.width,w.current||(e.style.transitionDuration=C.current.transitionDuration,
e.style.animationName=C.current.animationName),s(r)}}),[l.open,r]),o(N.div,E({
"data-state":re(l.open),"data-disabled":l.disabled?"":void 0,id:l.contentId,
hidden:!b},i,{ref:d,style:{
"--radix-collapsible-content-height":v?`${v}px`:void 0,
"--radix-collapsible-content-width":y?`${y}px`:void 0,...e.style}}),b&&a)}))
;function re(e){return e?"open":"closed"}const oe=J,ae=Q,ie=te,le=n(void 0)
;function ce(e){const t=a(le);return e||t||"ltr"}
const se="Accordion",ue=["Home","End","ArrowDown","ArrowUp","ArrowLeft","ArrowRight"],[de,he,pe]=P(se),[fe,me]=S(se,[pe,q]),ve=q(),ge=t.forwardRef(((e,n)=>{
const{type:r,...o}=e,a=o,i=o;return t.createElement(de.Provider,{
scope:e.__scopeAccordion},"multiple"===r?t.createElement(Me,E({},i,{ref:n
})):t.createElement(ze,E({},a,{ref:n})))}));ge.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[ye,be]=fe(se),[we,Ce]=fe(se,{collapsible:!1}),ze=t.forwardRef(((e,n)=>{
const{value:r,defaultValue:o,onValueChange:a=(()=>{}),collapsible:i=!1,...l}=e,[c,s]=O({
prop:r,defaultProp:o,onChange:a});return t.createElement(ye,{
scope:e.__scopeAccordion,value:c?[c]:[],onItemOpen:s,
onItemClose:t.useCallback((()=>i&&s("")),[i,s])},t.createElement(we,{
scope:e.__scopeAccordion,collapsible:i},t.createElement(Se,E({},l,{ref:n}))))
})),Me=t.forwardRef(((e,n)=>{
const{value:r,defaultValue:o,onValueChange:a=(()=>{}),...i}=e,[l=[],c]=O({
prop:r,defaultProp:o,onChange:a
}),s=t.useCallback((e=>c(((t=[])=>[...t,e]))),[c]),u=t.useCallback((e=>c(((t=[])=>t.filter((t=>t!==e))))),[c])
;return t.createElement(ye,{scope:e.__scopeAccordion,value:l,onItemOpen:s,
onItemClose:u},t.createElement(we,{scope:e.__scopeAccordion,collapsible:!0
},t.createElement(Se,E({},i,{ref:n}))))
})),[xe,Ee]=fe(se),Se=t.forwardRef(((e,n)=>{
const{__scopeAccordion:r,disabled:o,dir:a,orientation:i="vertical",...l}=e,c=D(t.useRef(null),n),s=he(r),u="ltr"===ce(a),d=I(e.onKeyDown,(e=>{
var t;if(!ue.includes(e.key))return;const n=e.target,r=s().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 l=o;const c=a-1,d=()=>{l=o+1,l>c&&(l=0)},h=()=>{
l=o-1,l<0&&(l=c)};switch(e.key){case"Home":l=0;break;case"End":l=c;break
;case"ArrowRight":"horizontal"===i&&(u?d():h());break;case"ArrowDown":
"vertical"===i&&d();break;case"ArrowLeft":"horizontal"===i&&(u?h():d());break
;case"ArrowUp":"vertical"===i&&h()}
null===(t=r[l%a].ref.current)||void 0===t||t.focus()}))
;return t.createElement(xe,{scope:r,disabled:o,direction:a,orientation:i
},t.createElement(de.Slot,{scope:r},t.createElement(N.div,E({},l,{
"data-orientation":i,ref:c,onKeyDown:o?void 0:d}))))
})),_e="AccordionItem",[He,De]=fe(_e),Ae="AccordionTrigger";function Le(e){
return e?"open":"closed"}const Ve=ge,ke=t.forwardRef(((e,n)=>{
const{__scopeAccordion:r,value:o,...a}=e,i=Ee(_e,r),l=be(_e,r),c=ve(r),s=W(),u=o&&l.value.includes(o)||!1,d=i.disabled||e.disabled
;return t.createElement(He,{scope:r,open:u,disabled:d,triggerId:s
},t.createElement(oe,E({"data-orientation":i.orientation,"data-state":Le(u)
},c,a,{ref:n,disabled:d,open:u,onOpenChange:e=>{
e?l.onItemOpen(o):l.onItemClose(o)}})))})),Te=t.forwardRef(((e,n)=>{
const{__scopeAccordion:r,...o}=e,a=Ee(se,r),i=De("AccordionHeader",r)
;return t.createElement(N.h3,E({"data-orientation":a.orientation,
"data-state":Le(i.open),"data-disabled":i.disabled?"":void 0},o,{ref:n}))
})),Pe=t.forwardRef(((e,n)=>{
const{__scopeAccordion:r,...o}=e,a=Ee(se,r),i=De(Ae,r),l=Ce(Ae,r),c=ve(r)
;return t.createElement(de.ItemSlot,{scope:r},t.createElement(ae,E({
"aria-disabled":i.open&&!l.collapsible||void 0,"data-orientation":a.orientation,
id:i.triggerId},c,o,{ref:n})))})),Ie=t.forwardRef(((e,n)=>{
const{__scopeAccordion:r,...o}=e,a=Ee(se,r),i=De("AccordionContent",r),l=ve(r)
;return t.createElement(ie,E({role:"region","aria-labelledby":i.triggerId,
"data-orientation":a.orientation},l,o,{ref:n,style:{
"--radix-accordion-content-height":"var(--radix-collapsible-content-height)",
"--radix-accordion-content-width":"var(--radix-collapsible-content-width)",
...e.style}}))}));var Re=function(e,t){return Re=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])},Re(e,t)}
;function Oe(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}
Re(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}
var Ne=function(){return Ne=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},Ne.apply(this,arguments)};function Fe(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 $e(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 Be(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 je(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 Ue(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 Ye=/^((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)-.*))$/,We=Ue((function(e){
return Ye.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91
})),Ge="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{}
;function Ke(e){
return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e
}var qe=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
},Ze=Ke(qe),Xe="-ms-",Je="-moz-",Qe="-webkit-",et="comm",tt="rule",nt="decl",rt="@import",ot="@keyframes",at="@layer",it=Math.abs,lt=String.fromCharCode,ct=Object.assign
;function st(e){return e.trim()}function ut(e,t){return(e=t.exec(e))?e[0]:e}
function dt(e,t,n){return e.replace(t,n)}function ht(e,t,n){
return e.indexOf(t,n)}function pt(e,t){return 0|e.charCodeAt(t)}
function ft(e,t,n){return e.slice(t,n)}function mt(e){return e.length}
function vt(e){return e.length}function gt(e,t){return t.push(e),e}
function yt(e,t){return e.filter((function(e){return!ut(e,t)}))}
var bt=1,wt=1,Ct=0,zt=0,Mt=0,xt="";function Et(e,t,n,r,o,a,i,l){return{value:e,
root:t,parent:n,type:r,props:o,children:a,line:bt,column:wt,length:i,return:"",
siblings:l}}function St(e,t){
return ct(Et("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}
function _t(e){for(;e.root;)e=St(e.root,{children:[e]});gt(e,e.siblings)}
function Ht(){return Mt=zt>0?pt(xt,--zt):0,wt--,10===Mt&&(wt=1,bt--),Mt}
function Dt(){return Mt=zt<Ct?pt(xt,zt++):0,wt++,10===Mt&&(wt=1,bt++),Mt}
function At(){return pt(xt,zt)}function Lt(){return zt}function Vt(e,t){
return ft(xt,e,t)}function kt(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 Tt(e){
return st(Vt(zt-1,Rt(91===e?e+2:40===e?e+1:e)))}function Pt(e){
for(;(Mt=At())&&Mt<33;)Dt();return kt(e)>2||kt(Mt)>3?"":" "}function It(e,t){
for(;--t&&Dt()&&!(Mt<48||Mt>102||Mt>57&&Mt<65||Mt>70&&Mt<97););
return Vt(e,Lt()+(t<6&&32==At()&&32==Dt()))}function Rt(e){
for(;Dt();)switch(Mt){case e:return zt;case 34:case 39:34!==e&&39!==e&&Rt(Mt)
;break;case 40:41===e&&Rt(e);break;case 92:Dt()}return zt}function Ot(e,t){
for(;Dt()&&e+Mt!==57&&(e+Mt!==84||47!==At()););
return"/*"+Vt(t,zt-1)+"*"+lt(47===e?e:Dt())}function Nt(e){for(;!kt(At());)Dt()
;return Vt(e,zt)}function Ft(e){return function(e){return xt="",e
}($t("",null,null,null,[""],e=function(e){return bt=wt=1,Ct=mt(xt=e),zt=0,[]
}(e),0,[0],e))}function $t(e,t,n,r,o,a,i,l,c){
for(var s=0,u=0,d=i,h=0,p=0,f=0,m=1,v=1,g=1,y=0,b="",w=o,C=a,z=r,M=b;v;)switch(f=y,
y=Dt()){case 40:if(108!=f&&58==pt(M,d-1)){
-1!=ht(M+=dt(Tt(y),"&","&\f"),"&\f",it(s?l[s-1]:0))&&(g=-1);break}case 34:
case 39:case 91:M+=Tt(y);break;case 9:case 10:case 13:case 32:M+=Pt(f);break
;case 92:M+=It(Lt()-1,7);continue;case 47:switch(At()){case 42:case 47:
gt(jt(Ot(Dt(),Lt()),t,n,c),c);break;default:M+="/"}break;case 123*m:
l[s++]=mt(M)*g;case 125*m:case 59:case 0:switch(y){case 0:case 125:v=0
;case 59+u:
-1==g&&(M=dt(M,/\f/g,"")),p>0&&mt(M)-d&>(p>32?Ut(M+";",r,n,d-1,c):Ut(dt(M," ","")+";",r,n,d-2,c),c)
;break;case 59:M+=";";default:
if(gt(z=Bt(M,t,n,s,u,o,l,b,w=[],C=[],d,a),a),123===y)if(0===u)$t(M,t,z,z,w,a,d,l,C);else switch(99===h&&110===pt(M,3)?100:h){
case 100:case 108:case 109:case 115:
$t(e,z,z,r&>(Bt(e,z,z,0,0,o,l,b,o,w=[],d,C),C),o,C,d,l,r?w:C);break;default:
$t(M,z,z,z,[""],C,0,l,C)}}s=u=p=0,m=g=1,b=M="",d=i;break;case 58:d=1+mt(M),p=f
;default:if(m<1)if(123==y)--m;else if(125==y&&0==m++&&125==Ht())continue
;switch(M+=lt(y),y*m){case 38:g=u>0?1:(M+="\f",-1);break;case 44:
l[s++]=(mt(M)-1)*g,g=1;break;case 64:
45===At()&&(M+=Tt(Dt())),h=At(),u=d=mt(b=M+=Nt(Lt())),y++;break;case 45:
45===f&&2==mt(M)&&(m=0)}}return a}function Bt(e,t,n,r,o,a,i,l,c,s,u,d){
for(var h=o-1,p=0===o?a:[""],f=vt(p),m=0,v=0,g=0;m<r;++m)for(var y=0,b=ft(e,h+1,h=it(v=i[m])),w=e;y<f;++y)(w=st(v>0?p[y]+" "+b:dt(b,/&\f/g,p[y])))&&(c[g++]=w)
;return Et(e,t,n,0===o?tt:l,c,s,u,d)}function jt(e,t,n,r){
return Et(e,t,n,et,lt(Mt),ft(e,2,-2),0,r)}function Ut(e,t,n,r,o){
return Et(e,t,n,nt,ft(e,0,r),ft(e,r+1,-1),r,o)}function Yt(e,t,n){
switch(function(e,t){
return 45^pt(e,0)?(((t<<2^pt(e,0))<<2^pt(e,1))<<2^pt(e,2))<<2^pt(e,3):0}(e,t)){
case 5103:return Qe+"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 Qe+e+e;case 4789:
return Je+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:
return Qe+e+Je+e+Xe+e+e;case 5936:switch(pt(e,t+11)){case 114:
return Qe+e+Xe+dt(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:
return Qe+e+Xe+dt(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:
return Qe+e+Xe+dt(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:
return Qe+e+Xe+e+e;case 6165:return Qe+e+Xe+"flex-"+e+e;case 5187:
return Qe+e+dt(e,/(\w+).+(:[^]+)/,Qe+"box-$1$2"+Xe+"flex-$1$2")+e;case 5443:
return Qe+e+Xe+"flex-item-"+dt(e,/flex-|-self/g,"")+(ut(e,/flex-|baseline/)?"":Xe+"grid-row-"+dt(e,/flex-|-self/g,""))+e
;case 4675:
return Qe+e+Xe+"flex-line-pack"+dt(e,/align-content|flex-|-self/g,"")+e
;case 5548:return Qe+e+Xe+dt(e,"shrink","negative")+e;case 5292:
return Qe+e+Xe+dt(e,"basis","preferred-size")+e;case 6060:
return Qe+"box-"+dt(e,"-grow","")+Qe+e+Xe+dt(e,"grow","positive")+e;case 4554:
return Qe+dt(e,/([^-])(transform)/g,"$1"+Qe+"$2")+e;case 6187:
return dt(dt(dt(e,/(zoom-|grab)/,Qe+"$1"),/(image-set)/,Qe+"$1"),e,"")+e
;case 5495:case 3959:return dt(e,/(image-set\([^]*)/,Qe+"$1$`$1");case 4968:
return dt(dt(e,/(.+:)(flex-)?(.*)/,Qe+"box-pack:$3"+Xe+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+Qe+e+e
;case 4200:if(!ut(e,/flex-|baseline/))return Xe+"grid-column-align"+ft(e,t)+e
;break;case 2592:case 3360:return Xe+dt(e,"template-","")+e;case 4384:case 3616:
return n&&n.some((function(e,n){return t=n,ut(e.props,/grid-\w+-end/)
}))?~ht(e+(n=n[t].value),"span",0)?e:Xe+dt(e,"-start","")+e+Xe+"grid-row-span:"+(~ht(n,"span",0)?ut(n,/\d+/):+ut(n,/\d+/)-+ut(e,/\d+/))+";":Xe+dt(e,"-start","")+e
;case 4896:case 4128:return n&&n.some((function(e){
return ut(e.props,/grid-\w+-start/)
}))?e:Xe+dt(dt(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:
case 2532:return dt(e,/(.+)-inline(.+)/,Qe+"$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(mt(e)-1-t>6)switch(pt(e,t+1)){case 109:
if(45!==pt(e,t+4))break;case 102:
return dt(e,/(.+:)(.+)-([^]+)/,"$1"+Qe+"$2-$3$1"+Je+(108==pt(e,t+3)?"$3":"$2-$3"))+e
;case 115:return~ht(e,"stretch",0)?Yt(dt(e,"stretch","fill-available"),t,n)+e:e}
break;case 5152:case 5920:
return dt(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,n,r,o,a,i,l){
return Xe+n+":"+r+l+(o?Xe+n+"-span:"+(a?i:+i-+r)+l:"")+e}));case 4949:
if(121===pt(e,t+6))return dt(e,":",":"+Qe)+e;break;case 6444:
switch(pt(e,45===pt(e,14)?18:11)){case 120:
return dt(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+Qe+(45===pt(e,14)?"inline-":"")+"box$3$1"+Qe+"$2$3$1"+Xe+"$2box$3")+e
;case 100:return dt(e,":",":"+Xe)+e}break;case 5719:case 2647:case 2135:
case 3927:case 2391:return dt(e,"scroll-","scroll-snap-")+e}return e}
function Wt(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}
function Gt(e,t,n,r){switch(e.type){case at:if(e.children.length)break;case rt:
case nt:return e.return=e.return||e.value;case et:return"";case ot:
return e.return=e.value+"{"+Wt(e.children,r)+"}";case tt:
if(!mt(e.value=e.props.join(",")))return""}
return mt(n=Wt(e.children,r))?e.return=e.value+"{"+n+"}":""}
function Kt(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case nt:
return void(e.return=Yt(e.value,e.length,n));case ot:return Wt([St(e,{
value:dt(e.value,"@","@"+Qe)})],r);case tt:if(e.length)return function(e,t){
return e.map(t).join("")}(n=e.props,(function(t){
switch(ut(t,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":
_t(St(e,{props:[dt(t,/:(read-\w+)/,":"+Je+"$1")]})),_t(St(e,{props:[t]})),ct(e,{
props:yt(n,r)});break;case"::placeholder":_t(St(e,{
props:[dt(t,/:(plac\w+)/,":"+Qe+"input-$1")]})),_t(St(e,{
props:[dt(t,/:(plac\w+)/,":"+Je+"$1")]})),_t(St(e,{
props:[dt(t,/:(plac\w+)/,Xe+"input-$1")]})),_t(St(e,{props:[t]})),ct(e,{
props:yt(n,r)})}return""}))}}var qt={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
},Zt="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Xt="active",Jt="data-styled-version",Qt="6.1.8",en="/*!sc*/\n",tn="undefined"!=typeof window&&"HTMLElement"in window,nn=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),rn={},on=/invalid hook call/i,an=new Set,ln=function(e,t){
if("production"!==process.env.NODE_ENV){
var n=t?' with the id of "'.concat(t,'"'):"",r="The component ".concat(e).concat(n," 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.",o=console.error
;try{var a=!0;console.error=function(e){
for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n]
;on.test(e)?(a=!1,an.delete(r)):o.apply(void 0,je([e],t,!1))
},h(),a&&!an.has(r)&&(console.warn(r),an.add(r))}catch(e){
on.test(e.message)&&an.delete(r)}finally{console.error=o}}
},cn=Object.freeze([]),sn=Object.freeze({});function un(e,t,n){
return void 0===n&&(n=sn),e.theme!==n.theme&&e.theme||t||n.theme}
var dn=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"]),hn=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,pn=/(^-|-$)/g
;function fn(e){return e.replace(hn,"-").replace(pn,"")}
var mn=/(a)(d)/gi,vn=52,gn=function(e){
return String.fromCharCode(e+(e>25?39:97))};function yn(e){var t,n=""
;for(t=Math.abs(e);t>vn;t=t/vn|0)n=gn(t%vn)+n
;return(gn(t%vn)+n).replace(mn,"$1-$2")}var bn,wn=5381,Cn=function(e,t){
for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},zn=function(e){
return Cn(wn,e)};function Mn(e){return yn(zn(e)>>>0)}function xn(e){
return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"
}function En(e){
return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())
}
var Sn="function"==typeof Symbol&&Symbol.for,_n=Sn?Symbol.for("react.memo"):60115,Hn=Sn?Symbol.for("react.forward_ref"):60112,Dn={
childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,
displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,
getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},An={name:!0,
length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Ln={
$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0
},Vn=((bn={})[Hn]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,
propTypes:!0},bn[_n]=Ln,bn);function kn(e){
return("type"in(t=e)&&t.type.$$typeof)===_n?Ln:"$$typeof"in e?Vn[e.$$typeof]:Dn
;var t}
var Tn=Object.defineProperty,Pn=Object.getOwnPropertyNames,In=Object.getOwnPropertySymbols,Rn=Object.getOwnPropertyDescriptor,On=Object.getPrototypeOf,Nn=Object.prototype
;function Fn(e,t,n){if("string"!=typeof t){if(Nn){var r=On(t)
;r&&r!==Nn&&Fn(e,r,n)}var o=Pn(t);In&&(o=o.concat(In(t)))
;for(var a=kn(e),i=kn(t),l=0;l<o.length;++l){var c=o[l]
;if(!(c in An||n&&n[c]||i&&c in i||a&&c in a)){var s=Rn(t,c);try{Tn(e,c,s)
}catch(e){}}}}return e}function $n(e){return"function"==typeof e}function Bn(e){
return"object"==typeof e&&"styledComponentId"in e}function jn(e,t){
return e&&t?"".concat(e," ").concat(t):e||t||""}function Un(e,t){
if(0===e.length)return"";for(var n=e[0],r=1;r<e.length;r++)n+=e[r];return n}
function Yn(e){
return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)
}function Wn(e,t,n){if(void 0===n&&(n=!1),!n&&!Yn(e)&&!Array.isArray(e))return t
;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=Wn(e[r],t[r]);else if(Yn(t))for(var r in t)e[r]=Wn(e[r],t[r])
;return e}function Gn(e,t){Object.defineProperty(e,"toString",{value:t})}
var Kn="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 qn(){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 Zn(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(qn.apply(void 0,je([Kn[e]],t,!1)).trim())
}var Xn=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 Zn(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(en)
;return t},e}(),Jn=new Map,Qn=new Map,er=1,tr=function(e){
if(Jn.has(e))return Jn.get(e);for(;Qn.has(er);)er++;var t=er++
;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw Zn(16,"".concat(t))
;return Jn.set(e,t),Qn.set(t,e),t},nr=function(e,t){
er=t+1,Jn.set(e,t),Qn.set(t,e)
},rr="style[".concat(Zt,"][").concat(Jt,'="').concat(Qt,'"]'),or=new RegExp("^".concat(Zt,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),ar=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)
},ir=function(e,t){
for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split(en),o=[],a=0,i=r.length;a<i;a++){
var l=r[a].trim();if(l){var c=l.match(or);if(c){var s=0|parseInt(c[1],10),u=c[2]
;0!==s&&(nr(u,s),ar(e,u,c[3]),e.getTag().insertRules(s,o)),o.length=0
}else o.push(l)}}};var lr=function(e){
var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){
var t=Array.from(e.querySelectorAll("style[".concat(Zt,"]")))
;return t[t.length-1]}(n),a=void 0!==o?o.nextSibling:null;r.setAttribute(Zt,Xt),
r.setAttribute(Jt,Qt)
;var i="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null
;return i&&r.setAttribute("nonce",i),n.insertBefore(r,a),r},cr=function(){
function e(e){
this.element=lr(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 Zn(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}(),sr=function(){function e(e){
this.element=lr(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}(),ur=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
}(),dr=tn,hr={isServer:!tn,useCSSOMInjection:!nn},pr=function(){
function e(e,t,n){void 0===e&&(e=sn),void 0===t&&(t={});var r=this
;this.options=Ne(Ne({},hr),e),
this.gs=t,this.names=new Map(n),this.server=!!e.isServer,
!this.server&&tn&&dr&&(dr=!1,function(e){
for(var t=document.querySelectorAll(rr),n=0,r=t.length;n<r;n++){var o=t[n]
;o&&o.getAttribute(Zt)!==Xt&&(ir(e,o),o.parentNode&&o.parentNode.removeChild(o))
}}(this)),Gn(this,(function(){return function(e){
for(var t=e.getTag(),n=t.length,r="",o=function(n){var o=function(e){
return Qn.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(Zt,".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(en)
},a=0;a<n;a++)o(a);return r}(r)}))}return e.registerId=function(e){return tr(e)
},e.prototype.reconstructWithOptions=function(t,n){
return void 0===n&&(n=!0),new e(Ne(Ne({},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 ur(n):t?new cr(n):new sr(n)}(this.options),new Xn(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(tr(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(tr(e),n)
},e.prototype.clearNames=function(e){
this.names.has(e)&&this.names.get(e).clear()
},e.prototype.clearRules=function(e){
this.getTag().clearGroup(tr(e)),this.clearNames(e)
},e.prototype.clearTag=function(){this.tag=void 0},e
}(),fr=/&/g,mr=/^\s*\/\/.*$/gm;function vr(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=vr(e.children,t)),
e}))}function gr(e){
var t,n,r,o=void 0===e?sn:e,a=o.options,i=void 0===a?sn:a,l=o.plugins,c=void 0===l?cn: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===tt&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(fr,n).replace(r,s))
})),i.prefix&&u.push(Kt),u.push(Gt);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(mr,""),s=Ft(a||o?"".concat(a," ").concat(o," { ").concat(c," }"):c)
;i.namespace&&(s=vr(s,i.namespace));var d,h=[];return Wt(s,function(e){
var t=vt(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||Zn(15),Cn(e,t.name)}),wn).toString():"",d}
var yr=new pr,br=gr(),wr=t.createContext({shouldForwardProp:void 0,
styleSheet:yr,stylis:br});wr.Consumer;var Cr=t.createContext(void 0)
;function zr(){return a(wr)}function Mr(e){
var n=f(e.stylisPlugins),o=n[0],a=n[1],i=zr().styleSheet,l=r((function(){var t=i
;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target
},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({
useCSSOMInjection:!1})),t
}),[e.disableCSSOMInjection,e.sheet,e.target,i]),c=r((function(){return gr({
options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:o})
}),[e.enableVendorPrefixes,e.namespace,o]);p((function(){
Ze(o,e.stylisPlugins)||a(e.stylisPlugins)}),[e.stylisPlugins])
;var s=r((function(){return{shouldForwardProp:e.shouldForwardProp,styleSheet:l,
stylis:c}}),[e.shouldForwardProp,l,c]);return t.createElement(wr.Provider,{
value:s},t.createElement(Cr.Provider,{value:c},e.children))}var xr=function(){
function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=br)
;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,Gn(this,(function(){
throw Zn(12,String(n.name))}))}return e.prototype.getName=function(e){
return void 0===e&&(e=br),this.name+e.hash},e}(),Er=function(e){
return e>="A"&&e<="Z"};function Sr(e){for(var t="",n=0;n<e.length;n++){
var r=e[n];if(1===n&&"-"===r&&"-"===e[0])return e
;Er(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}
var _r=function(e){return null==e||!1===e||""===e},Hr=function(e){var t,n,r=[]
;for(var o in e){var a=e[o]
;e.hasOwnProperty(o)&&!_r(a)&&(Array.isArray(a)&&a.isCss||$n(a)?r.push("".concat(Sr(o),":"),a,";"):Yn(a)?r.push.apply(r,je(je(["".concat(o," {")],Hr(a),!1),["}"],!1)):r.push("".concat(Sr(o),": ").concat((t=o,
null==(n=a)||"boolean"==typeof n||""===n?"":"number"!=typeof n||0===n||t in qt||t.startsWith("--")?String(n).trim():"".concat(n,"px")),";")))
}return r};function Dr(e,t,n,r){if(_r(e))return[]
;if(Bn(e))return[".".concat(e.styledComponentId)];if($n(e)){
if(!$n(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 xr||Yn(o)||null===o||console.error("".concat(xn(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.")),
Dr(o,t,n,r)}var a
;return e instanceof xr?n?(e.inject(n,r),[e.getName(r)]):[e]:Yn(e)?Hr(e):Array.isArray(e)?Array.prototype.concat.apply(cn,e.map((function(e){
return Dr(e,t,n,r)}))):[e.toString()]}function Ar(e){
for(var t=0;t<e.length;t+=1){var n=e[t];if($n(n)&&!Bn(n))return!1}return!0}
var Lr=zn(Qt),Vr=function(){function e(e,t,n){
this.rules=e,this.staticRulesId="",
this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&Ar(e),
this.componentId=t,this.baseHash=Cn(Lr,t),this.baseStyle=n,pr.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=jn(r,this.staticRulesId);else{
var o=Un(Dr(this.rules,e,t,n)),a=yn(Cn(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=jn(r,a),this.staticRulesId=a}else{
for(var l=Cn(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=Cn(l,u));else if(u){
var d=Un(Dr(u,e,t,n));l=Cn(l,d+s),c+=d}}if(c){var h=yn(l>>>0)
;t.hasNameForId(this.componentId,h)||t.insertRules(this.componentId,h,n(c,".".concat(h),void 0,this.componentId)),
r=jn(r,h)}}return r},e}(),kr=t.createContext(void 0);function Tr(){var e=a(kr)
;if(!e)throw Zn(18);return e}function Pr(e){
var n=t.useContext(kr),o=r((function(){return function(e,t){if(!e)throw Zn(14)
;if($n(e)){var n=e(t)
;if("production"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||"object"!=typeof n))throw Zn(7)
;return n}if(Array.isArray(e)||"object"!=typeof e)throw Zn(8)
;return t?Ne(Ne({},t),e):e}(e.theme,n)}),[e.theme,n])
;return e.children?t.createElement(kr.Provider,{value:o},e.children):null}
kr.Consumer;var Ir={},Rr=new Set;function Or(e,n,r){
var a=Bn(e),i=e,l=!En(e),c=n.attrs,s=void 0===c?cn:c,u=n.componentId,d=void 0===u?function(e,t){
var n="string"!=typeof e?"sc":fn(e);Ir[n]=(Ir[n]||0)+1
;var r="".concat(n,"-").concat(Mn(Qt+n+Ir[n]))
;return t?"".concat(t,"-").concat(r):r
}(n.displayName,n.parentComponentId):u,h=n.displayName,p=void 0===h?function(e){
return En(e)?"styled.".concat(e):"Styled(".concat(xn(e),")")
}(e):h,f=n.displayName&&n.componentId?"".concat(fn(n.displayName),"-").concat(n.componentId):n.componentId||d,m=a&&i.attrs?i.attrs.concat(s).filter(Boolean):s,v=n.shouldForwardProp
;if(a&&i.shouldForwardProp){var y=i.shouldForwardProp;if(n.shouldForwardProp){
var b=n.shouldForwardProp;v=function(e,t){return y(e,t)&&b(e,t)}}else v=y}
var w=new Vr(r,f,a?i.componentStyle:void 0);function C(e,n){
return function(e,n,r){
var a=e.attrs,i=e.componentStyle,l=e.defaultProps,c=e.foldedComponentIds,s=e.styledComponentId,u=e.target,d=t.useContext(kr),h=zr(),p=e.shouldForwardProp||h.shouldForwardProp
;"production"!==process.env.NODE_ENV&&g(s)
;var f=un(n,d,l)||sn,