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