(function(ue,F){typeof exports=="object"&&typeof module<"u"?F(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],F):(ue=typeof globalThis<"u"?globalThis:ue||self,F(ue.TheBaboucheInputs={},ue.React))})(this,function(ue,F){"use strict";var ct={exports:{}},Ae={};/** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */var jt;function Fr(){if(jt)return Ae;jt=1;var e=F,t=Symbol.for("react.element"),r=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,a=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i={key:!0,ref:!0,__self:!0,__source:!0};function c(f,l,h){var d,g={},b=null,w=null;h!==void 0&&(b=""+h),l.key!==void 0&&(b=""+l.key),l.ref!==void 0&&(w=l.ref);for(d in l)o.call(l,d)&&!i.hasOwnProperty(d)&&(g[d]=l[d]);if(f&&f.defaultProps)for(d in l=f.defaultProps,l)g[d]===void 0&&(g[d]=l[d]);return{$$typeof:t,type:f,key:b,ref:w,props:g,_owner:a.current}}return Ae.Fragment=r,Ae.jsx=c,Ae.jsxs=c,Ae}var Ne={};/** * @license React * react-jsx-runtime.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. */var Dt;function Mr(){return Dt||(Dt=1,process.env.NODE_ENV!=="production"&&function(){var e=F,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),c=Symbol.for("react.provider"),f=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),d=Symbol.for("react.suspense_list"),g=Symbol.for("react.memo"),b=Symbol.for("react.lazy"),w=Symbol.for("react.offscreen"),x=Symbol.iterator,N="@@iterator";function L(n){if(n===null||typeof n!="object")return null;var s=x&&n[x]||n[N];return typeof s=="function"?s:null}var C=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function m(n){{for(var s=arguments.length,u=new Array(s>1?s-1:0),p=1;p=1&&$>=0&&S[j]!==z[$];)$--;for(;j>=1&&$>=0;j--,$--)if(S[j]!==z[$]){if(j!==1||$!==1)do if(j--,$--,$<0||S[j]!==z[$]){var G=` `+S[j].replace(" at new "," at ");return n.displayName&&G.includes("")&&(G=G.replace("",n.displayName)),typeof n=="function"&&ce.set(n,G),G}while(j>=1&&$>=0);break}}}finally{X=!1,re.current=T,Ce(),Error.prepareStackTrace=_}var Oe=n?n.displayName||n.name:"",$r=Oe?q(Oe):"";return typeof n=="function"&&ce.set(n,$r),$r}function Jn(n,s,u){return K(n,!1)}function Zn(n){var s=n.prototype;return!!(s&&s.isReactComponent)}function at(n,s,u){if(n==null)return"";if(typeof n=="function")return K(n,Zn(n));if(typeof n=="string")return q(n);switch(n){case h:return q("Suspense");case d:return q("SuspenseList")}if(typeof n=="object")switch(n.$$typeof){case l:return Jn(n.render);case g:return at(n.type,s,u);case b:{var p=n,_=p._payload,T=p._init;try{return at(T(_),s,u)}catch{}}}return""}var it=Object.prototype.hasOwnProperty,_r={},kr=C.ReactDebugCurrentFrame;function st(n){if(n){var s=n._owner,u=at(n.type,n._source,s?s.type:null);kr.setExtraStackFrame(u)}else kr.setExtraStackFrame(null)}function Qn(n,s,u,p,_){{var T=Function.call.bind(it);for(var R in n)if(T(n,R)){var S=void 0;try{if(typeof n[R]!="function"){var z=Error((p||"React class")+": "+u+" type `"+R+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof n[R]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw z.name="Invariant Violation",z}S=n[R](s,R,p,u,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(j){S=j}S&&!(S instanceof Error)&&(st(_),m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",p||"React class",u,R,typeof S),st(null)),S instanceof Error&&!(S.message in _r)&&(_r[S.message]=!0,st(_),m("Failed %s type: %s",u,S.message),st(null))}}}var eo=Array.isArray;function Tt(n){return eo(n)}function to(n){{var s=typeof Symbol=="function"&&Symbol.toStringTag,u=s&&n[Symbol.toStringTag]||n.constructor.name||"Object";return u}}function ro(n){try{return xr(n),!1}catch{return!0}}function xr(n){return""+n}function Cr(n){if(ro(n))return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",to(n)),xr(n)}var Le=C.ReactCurrentOwner,no={key:!0,ref:!0,__self:!0,__source:!0},Pr,Tr,Ot;Ot={};function oo(n){if(it.call(n,"ref")){var s=Object.getOwnPropertyDescriptor(n,"ref").get;if(s&&s.isReactWarning)return!1}return n.ref!==void 0}function ao(n){if(it.call(n,"key")){var s=Object.getOwnPropertyDescriptor(n,"key").get;if(s&&s.isReactWarning)return!1}return n.key!==void 0}function io(n,s){if(typeof n.ref=="string"&&Le.current&&s&&Le.current.stateNode!==s){var u=B(Le.current.type);Ot[u]||(m('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',B(Le.current.type),n.ref),Ot[u]=!0)}}function so(n,s){{var u=function(){Pr||(Pr=!0,m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",s))};u.isReactWarning=!0,Object.defineProperty(n,"key",{get:u,configurable:!0})}}function co(n,s){{var u=function(){Tr||(Tr=!0,m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",s))};u.isReactWarning=!0,Object.defineProperty(n,"ref",{get:u,configurable:!0})}}var uo=function(n,s,u,p,_,T,R){var S={$$typeof:t,type:n,key:s,ref:u,props:R,_owner:T};return S._store={},Object.defineProperty(S._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(S,"_self",{configurable:!1,enumerable:!1,writable:!1,value:p}),Object.defineProperty(S,"_source",{configurable:!1,enumerable:!1,writable:!1,value:_}),Object.freeze&&(Object.freeze(S.props),Object.freeze(S)),S};function lo(n,s,u,p,_){{var T,R={},S=null,z=null;u!==void 0&&(Cr(u),S=""+u),ao(s)&&(Cr(s.key),S=""+s.key),oo(s)&&(z=s.ref,io(s,_));for(T in s)it.call(s,T)&&!no.hasOwnProperty(T)&&(R[T]=s[T]);if(n&&n.defaultProps){var j=n.defaultProps;for(T in j)R[T]===void 0&&(R[T]=j[T])}if(S||z){var $=typeof n=="function"?n.displayName||n.name||"Unknown":n;S&&so(R,$),z&&co(R,$)}return uo(n,S,z,_,p,Le.current,R)}}var At=C.ReactCurrentOwner,Or=C.ReactDebugCurrentFrame;function Te(n){if(n){var s=n._owner,u=at(n.type,n._source,s?s.type:null);Or.setExtraStackFrame(u)}else Or.setExtraStackFrame(null)}var Nt;Nt=!1;function It(n){return typeof n=="object"&&n!==null&&n.$$typeof===t}function Ar(){{if(At.current){var n=B(At.current.type);if(n)return` Check the render method of \``+n+"`."}return""}}function fo(n){{if(n!==void 0){var s=n.fileName.replace(/^.*[\\\/]/,""),u=n.lineNumber;return` Check your code at `+s+":"+u+"."}return""}}var Nr={};function po(n){{var s=Ar();if(!s){var u=typeof n=="string"?n:n.displayName||n.name;u&&(s=` Check the top-level render call using <`+u+">.")}return s}}function Ir(n,s){{if(!n._store||n._store.validated||n.key!=null)return;n._store.validated=!0;var u=po(s);if(Nr[u])return;Nr[u]=!0;var p="";n&&n._owner&&n._owner!==At.current&&(p=" It was passed a child from "+B(n._owner.type)+"."),Te(n),m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',u,p),Te(null)}}function jr(n,s){{if(typeof n!="object")return;if(Tt(n))for(var u=0;u",S=" Did you accidentally export a JSX literal instead of a component?"):j=typeof n,m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",j,S)}var $=lo(n,s,u,_,T);if($==null)return $;if(R){var G=s.children;if(G!==void 0)if(p)if(Tt(G)){for(var Oe=0;Oe{const[r,o]=F.useState(e);return F.useEffect(()=>{o(e)},[e]),{value:r,onChange:i=>{var c,f;o((c=i.target)==null?void 0:c.valueAsNumber),t==null||t((f=i.target)==null?void 0:f.valueAsNumber)}}};var Y=function(){return Y=Object.assign||function(t){for(var r,o=1,a=arguments.length;o0?M(be,--W):0,ve--,D===10&&(ve=1,Ye--),D}function H(){return D=W2||dt(D)>3?"":" "}function Zr(e,t){for(;--t&&H()&&!(D<48||D>102||D>57&&D<65||D>70&&D<97););return Ue(e,Be()+(t<6&&le()==32&&H()==32))}function ht(e){for(;H();)switch(D){case e:return W;case 34:case 39:e!==34&&e!==39&&ht(D);break;case 40:e===41&&ht(e);break;case 92:H();break}return W}function Qr(e,t){for(;H()&&e+D!==57;)if(e+D===84&&le()===47)break;return"/*"+Ue(t,W-1)+"*"+lt(e===47?e:H())}function en(e){for(;!dt(le());)H();return Ue(e,W)}function tn(e){return Kr(Ge("",null,null,null,[""],e=Xr(e),0,[0],e))}function Ge(e,t,r,o,a,i,c,f,l){for(var h=0,d=0,g=c,b=0,w=0,x=0,N=1,L=1,C=1,m=0,P="",O=a,I=i,E=o,y=P;L;)switch(x=m,m=H()){case 40:if(x!=108&&M(y,g-1)==58){ze(y+=v(pt(m),"&","&\f"),"&\f",Mt(h?f[h-1]:0))!=-1&&(C=-1);break}case 34:case 39:case 91:y+=pt(m);break;case 9:case 10:case 13:case 32:y+=Jr(x);break;case 92:y+=Zr(Be()-1,7);continue;case 47:switch(le()){case 42:case 47:De(rn(Qr(H(),Be()),t,r,l),l);break;default:y+="/"}break;case 123*N:f[h++]=J(y)*C;case 125*N:case 59:case 0:switch(m){case 0:case 125:L=0;case 59+d:C==-1&&(y=v(y,/\f/g,"")),w>0&&J(y)-g&&De(w>32?Bt(y+";",o,r,g-1,l):Bt(v(y," ","")+";",o,r,g-2,l),l);break;case 59:y+=";";default:if(De(E=Wt(y,t,r,h,d,a,f,P,O=[],I=[],g,i),i),m===123)if(d===0)Ge(y,t,E,E,O,i,g,f,I);else switch(b===99&&M(y,3)===110?100:b){case 100:case 108:case 109:case 115:Ge(e,E,E,o&&De(Wt(e,E,E,0,0,a,f,P,a,O=[],g,I),I),a,I,g,f,o?O:I);break;default:Ge(y,E,E,E,[""],I,0,f,I)}}h=d=w=0,N=C=1,P=y="",g=c;break;case 58:g=1+J(y),w=x;default:if(N<1){if(m==123)--N;else if(m==125&&N++==0&&qr()==125)continue}switch(y+=lt(m),m*N){case 38:C=d>0?1:(y+="\f",-1);break;case 44:f[h++]=(J(y)-1)*C,C=1;break;case 64:le()===45&&(y+=pt(H())),b=le(),d=g=J(P=y+=en(Be())),m++;break;case 45:x===45&&J(y)==2&&(N=0)}}return i}function Wt(e,t,r,o,a,i,c,f,l,h,d,g){for(var b=a-1,w=a===0?i:[""],x=Vt(w),N=0,L=0,C=0;N0?w[m]+" "+P:v(P,/&\f/g,w[m])))&&(l[C++]=O);return We(e,t,r,a===0?Ve:f,l,h,d,g)}function rn(e,t,r,o){return We(e,t,r,$t,lt(Hr()),ye(e,2,-2),0,o)}function Bt(e,t,r,o,a){return We(e,t,r,ut,ye(e,0,o),ye(e,o+1,-1),o,a)}function Ut(e,t,r){switch(Ur(e,t)){case 5103:return k+"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 k+e+e;case 4789:return je+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return k+e+je+e+A+e+e;case 5936:switch(M(e,t+11)){case 114:return k+e+A+v(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return k+e+A+v(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return k+e+A+v(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return k+e+A+e+e;case 6165:return k+e+A+"flex-"+e+e;case 5187:return k+e+v(e,/(\w+).+(:[^]+)/,k+"box-$1$2"+A+"flex-$1$2")+e;case 5443:return k+e+A+"flex-item-"+v(e,/flex-|-self/g,"")+(Z(e,/flex-|baseline/)?"":A+"grid-row-"+v(e,/flex-|-self/g,""))+e;case 4675:return k+e+A+"flex-line-pack"+v(e,/align-content|flex-|-self/g,"")+e;case 5548:return k+e+A+v(e,"shrink","negative")+e;case 5292:return k+e+A+v(e,"basis","preferred-size")+e;case 6060:return k+"box-"+v(e,"-grow","")+k+e+A+v(e,"grow","positive")+e;case 4554:return k+v(e,/([^-])(transform)/g,"$1"+k+"$2")+e;case 6187:return v(v(v(e,/(zoom-|grab)/,k+"$1"),/(image-set)/,k+"$1"),e,"")+e;case 5495:case 3959:return v(e,/(image-set\([^]*)/,k+"$1$`$1");case 4968:return v(v(e,/(.+:)(flex-)?(.*)/,k+"box-pack:$3"+A+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+k+e+e;case 4200:if(!Z(e,/flex-|baseline/))return A+"grid-column-align"+ye(e,t)+e;break;case 2592:case 3360:return A+v(e,"template-","")+e;case 4384:case 3616:return r&&r.some(function(o,a){return t=a,Z(o.props,/grid-\w+-end/)})?~ze(e+(r=r[t].value),"span",0)?e:A+v(e,"-start","")+e+A+"grid-row-span:"+(~ze(r,"span",0)?Z(r,/\d+/):+Z(r,/\d+/)-+Z(e,/\d+/))+";":A+v(e,"-start","")+e;case 4896:case 4128:return r&&r.some(function(o){return Z(o.props,/grid-\w+-start/)})?e:A+v(v(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return v(e,/(.+)-inline(.+)/,k+"$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(J(e)-1-t>6)switch(M(e,t+1)){case 109:if(M(e,t+4)!==45)break;case 102:return v(e,/(.+:)(.+)-([^]+)/,"$1"+k+"$2-$3$1"+je+(M(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~ze(e,"stretch",0)?Ut(v(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return v(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(o,a,i,c,f,l,h){return A+a+":"+i+h+(c?A+a+"-span:"+(f?l:+l-+i)+h:"")+e});case 4949:if(M(e,t+6)===121)return v(e,":",":"+k)+e;break;case 6444:switch(M(e,M(e,14)===45?18:11)){case 120:return v(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+k+(M(e,14)===45?"inline-":"")+"box$3$1"+k+"$2$3$1"+A+"$2box$3")+e;case 100:return v(e,":",":"+A)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return v(e,"scroll-","scroll-snap-")+e}return e}function He(e,t){for(var r="",o=0;o-1&&!e.return)switch(e.type){case ut:e.return=Ut(e.value,e.length,r);return;case Ft:return He([oe(e,{value:v(e.value,"@","@"+k)})],o);case Ve:if(e.length)return Gr(r=e.props,function(a){switch(Z(a,o=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":we(oe(e,{props:[v(a,/:(read-\w+)/,":"+je+"$1")]})),we(oe(e,{props:[a]})),ft(e,{props:zt(r,o)});break;case"::placeholder":we(oe(e,{props:[v(a,/:(plac\w+)/,":"+k+"input-$1")]})),we(oe(e,{props:[v(a,/:(plac\w+)/,":"+je+"$1")]})),we(oe(e,{props:[v(a,/:(plac\w+)/,A+"input-$1")]})),we(oe(e,{props:[a]})),ft(e,{props:zt(r,o)});break}return""})}}var cn={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},fe=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Gt="active",Ht="data-styled-version",qe="6.1.8",mt=`/*!sc*/ `,gt=typeof window<"u"&&"HTMLElement"in window,un=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==""?process.env.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&process.env.REACT_APP_SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.SC_DISABLE_SPEEDY!==void 0&&process.env.SC_DISABLE_SPEEDY!==""?process.env.SC_DISABLE_SPEEDY!=="false"&&process.env.SC_DISABLE_SPEEDY:process.env.NODE_ENV!=="production"),qt=/invalid hook call/i,Xe=new Set,ln=function(e,t){if(process.env.NODE_ENV!=="production"){var r=t?' with the id of "'.concat(t,'"'):"",o="The component ".concat(e).concat(r,` has been created dynamically. `)+`You may see this warning because you've called styled inside another component. To resolve this only create new StyledComponents outside of any render method and function component.`,a=console.error;try{var i=!0;console.error=function(c){for(var f=[],l=1;l?@[\\\]^`{|}~-]+/g,pn=/(^-|-$)/g;function Xt(e){return e.replace(dn,"-").replace(pn,"")}var hn=/(a)(d)/gi,Je=52,Kt=function(e){return String.fromCharCode(e+(e>25?39:97))};function vt(e){var t,r="";for(t=Math.abs(e);t>Je;t=t/Je|0)r=Kt(t%Je)+r;return(Kt(t%Je)+r).replace(hn,"$1-$2")}var bt,Jt=5381,de=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},Zt=function(e){return de(Jt,e)};function mn(e){return vt(Zt(e)>>>0)}function Qt(e){return process.env.NODE_ENV!=="production"&&typeof e=="string"&&e||e.displayName||e.name||"Component"}function wt(e){return typeof e=="string"&&(process.env.NODE_ENV==="production"||e.charAt(0)===e.charAt(0).toLowerCase())}var er=typeof Symbol=="function"&&Symbol.for,tr=er?Symbol.for("react.memo"):60115,gn=er?Symbol.for("react.forward_ref"):60112,yn={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},vn={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},rr={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},bn=((bt={})[gn]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},bt[tr]=rr,bt);function nr(e){return("type"in(t=e)&&t.type.$$typeof)===tr?rr:"$$typeof"in e?bn[e.$$typeof]:yn;var t}var wn=Object.defineProperty,Sn=Object.getOwnPropertyNames,or=Object.getOwnPropertySymbols,En=Object.getOwnPropertyDescriptor,Rn=Object.getPrototypeOf,ar=Object.prototype;function ir(e,t,r){if(typeof t!="string"){if(ar){var o=Rn(t);o&&o!==ar&&ir(e,o,r)}var a=Sn(t);or&&(a=a.concat(or(t)));for(var i=nr(e),c=nr(t),f=0;f ({})}\n```\n\n',8:`ThemeProvider: Please make your "theme" prop an object. `,9:"Missing document ``\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 `,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. `,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. `,14:`ThemeProvider: "theme" prop is required. `,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 ``, 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. You may only create up to 1,073,741,824 components. If you're creating components dynamically, as for instance in your render method then you may be running into this limitation. `,17:`CSSStyleSheet could not be found on HTMLStyleElement. Has styled-components' style tag been unmounted or altered by another script? `,18:"ThemeProvider: Please make sure your useTheme hook is within a ``"}:{};function kn(){for(var e=[],t=0;t0?" Args: ".concat(t.join(", ")):"")):new Error(kn.apply(void 0,ge([_n[e]],t,!1)).trim())}var xn=function(){function e(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}return e.prototype.indexOfGroup=function(t){for(var r=0,o=0;o=this.groupSizes.length){for(var o=this.groupSizes,a=o.length,i=a;t>=i;)if((i<<=1)<0)throw _e(16,"".concat(t));this.groupSizes=new Uint32Array(i),this.groupSizes.set(o),this.length=i;for(var c=a;c=this.length||this.groupSizes[t]===0)return r;for(var o=this.groupSizes[t],a=this.indexOfGroup(t),i=a+o,c=a;c1073741824))throw _e(16,"".concat(t));return Ze.set(e,t),Qe.set(t,e),t},Cn=function(e,t){et=t+1,Ze.set(e,t),Qe.set(t,e)},Pn="style[".concat(fe,"][").concat(Ht,'="').concat(qe,'"]'),Tn=new RegExp("^".concat(fe,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),On=function(e,t,r){for(var o,a=r.split(","),i=0,c=a.length;i=0){var o=document.createTextNode(r);return this.element.insertBefore(o,this.nodes[t]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},e.prototype.getRule=function(t){return t0&&(L+="".concat(C,","))}),l+="".concat(x).concat(N,'{content:"').concat(L,'"}').concat(mt)},d=0;d0?".".concat(t):b},d=l.slice();d.push(function(b){b.type===Ve&&b.value.includes("&")&&(b.props[0]=b.props[0].replace(Fn,r).replace(o,h))}),c.prefix&&d.push(sn),d.push(nn);var g=function(b,w,x,N){w===void 0&&(w=""),x===void 0&&(x=""),N===void 0&&(N="&"),t=N,r=w,o=new RegExp("\\".concat(r,"\\b"),"g");var L=b.replace(Mn,""),C=tn(x||w?"".concat(x," ").concat(w," { ").concat(L," }"):L);c.namespace&&(C=fr(C,c.namespace));var m=[];return He(C,on(d.concat(an(function(P){return m.push(P)})))),m};return g.hash=l.length?l.reduce(function(b,w){return w.name||_e(15),de(b,w.name)},Jt).toString():"",g}var Vn=new lr,_t=Ln(),dr=F.createContext({shouldForwardProp:void 0,styleSheet:Vn,stylis:_t});dr.Consumer,F.createContext(void 0);function pr(){return F.useContext(dr)}var hr=function(){function e(t,r){var o=this;this.inject=function(a,i){i===void 0&&(i=_t);var c=o.name+i.hash;a.hasNameForId(o.id,c)||a.insertRules(o.id,c,i(o.rules,c,"@keyframes"))},this.name=t,this.id="sc-keyframes-".concat(t),this.rules=r,Rt(this,function(){throw _e(12,String(o.name))})}return e.prototype.getName=function(t){return t===void 0&&(t=_t),this.name+t.hash},e}(),zn=function(e){return e>="A"&&e<="Z"};function mr(e){for(var t="",r=0;r>>0);if(!r.hasNameForId(this.componentId,c)){var f=o(i,".".concat(c),void 0,this.componentId);r.insertRules(this.componentId,c,f)}a=pe(a,c),this.staticRulesId=c}else{for(var l=de(this.baseHash,o.hash),h="",d=0;d>>0);r.hasNameForId(this.componentId,w)||r.insertRules(this.componentId,w,o(h,".".concat(w),void 0,this.componentId)),a=pe(a,w)}}return a},e}(),vr=F.createContext(void 0);vr.Consumer;var kt={},br=new Set;function Un(e,t,r){var o=St(e),a=e,i=!wt(e),c=t.attrs,f=c===void 0?Ke:c,l=t.componentId,h=l===void 0?function(O,I){var E=typeof O!="string"?"sc":Xt(O);kt[E]=(kt[E]||0)+1;var y="".concat(E,"-").concat(mn(qe+E+kt[E]));return I?"".concat(I,"-").concat(y):y}(t.displayName,t.parentComponentId):l,d=t.displayName,g=d===void 0?function(O){return wt(O)?"styled.".concat(O):"Styled(".concat(Qt(O),")")}(e):d,b=t.displayName&&t.componentId?"".concat(Xt(t.displayName),"-").concat(t.componentId):t.componentId||h,w=o&&a.attrs?a.attrs.concat(f).filter(Boolean):f,x=t.shouldForwardProp;if(o&&a.shouldForwardProp){var N=a.shouldForwardProp;if(t.shouldForwardProp){var L=t.shouldForwardProp;x=function(O,I){return N(O,I)&&L(O,I)}}else x=N}var C=new Bn(r,b,o?a.componentStyle:void 0);function m(O,I){return function(E,y,Q){var ee=E.attrs,Ct=E.componentStyle,Pt=E.defaultProps,nt=E.foldedComponentIds,B=E.styledComponentId,te=E.target,me=F.useContext(vr),ot=pr(),ke=E.shouldForwardProp||ot.shouldForwardProp;process.env.NODE_ENV!=="production"&&F.useDebugValue(B);var Fe=fn(y,me,Pt)||Se,U=function(Ce,re,se){for(var q,X=Y(Y({},re),{className:void 0,theme:se}),ce=0;ce` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var xe=function(Ce,re){var se=pr(),q=Ce.generateAndInjectStyles(re,se.styleSheet,se.stylis);return process.env.NODE_ENV!=="production"&&F.useDebugValue(q),q}(Ct,U);process.env.NODE_ENV!=="production"&&E.warnTooManyClasses&&E.warnTooManyClasses(xe);var Me=pe(nt,B);return xe&&(Me+=" "+xe),U.className&&(Me+=" "+U.className),ie[wt(ae)&&!yt.has(ae)?"class":"className"]=Me,ie.ref=Q,F.createElement(ae,ie)}(P,O,I)}m.displayName=g;var P=F.forwardRef(m);return P.attrs=w,P.componentStyle=C,P.displayName=g,P.shouldForwardProp=x,P.foldedComponentIds=o?pe(a.foldedComponentIds,a.styledComponentId):"",P.styledComponentId=b,P.target=o?a.target:e,Object.defineProperty(P,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(O){this._foldedDefaultProps=o?function(I){for(var E=[],y=1;y=200)){var ee=I?' with the id of "'.concat(I,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(O).concat(ee,`. `)+`Consider using the attrs method, together with a style object for frequently changed styles. Example: const Component = styled.div.attrs(props => ({ style: { background: props.background, }, }))\`width: 100%;\` `),y=!0,E={}}}}(g,b)),Rt(P,function(){return".".concat(P.styledComponentId)}),i&&ir(P,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),P}function wr(e,t){for(var r=[e[0]],o=0,a=t.length;o