freemium-ui/lib/index.cjs.js

React Ui Components for Freemium Apps

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