freemium-ui 2.0.0-beta.6 → 2.0.0-beta.7

package/Drawer/index.js

@@ -0,0 +1,222 @@
+import*as e from"react";import t,{useRef as n,useDebugValue as r,createElement as o,useContext as a,useCallback as i,createContext as s,useMemo as c,useLayoutEffect as l,useEffect as u,useState as d,forwardRef as p,Children as f,isValidElement as h,cloneElement as m,Fragment as v,useReducer as g}from"react";import y,{flushSync as b}from"react-dom";var w=function(){return w=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},w.apply(this,arguments)};function E(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 S(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 x(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 C=/^((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)-.*))$/,k=x((function(e){return C.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91})),N="-ms-",A="-moz-",P="-webkit-",O="comm",T="rule",D="decl",_="@import",I="@keyframes",R="@layer",F=Math.abs,$=String.fromCharCode,L=Object.assign;function M(e){return e.trim()}function j(e,t){return(e=t.exec(e))?e[0]:e}function z(e,t,n){return e.replace(t,n)}function B(e,t){return e.indexOf(t)}function W(e,t){return 0|e.charCodeAt(t)}function U(e,t,n){return e.slice(t,n)}function H(e){return e.length}function Y(e){return e.length}function V(e,t){return t.push(e),e}function G(e,t){return e.filter((function(e){return!j(e,t)}))}var X=1,q=1,K=0,Z=0,J=0,Q="";function ee(e,t,n,r,o,a,i,s){return{value:e,root:t,parent:n,type:r,props:o,children:a,line:X,column:q,length:i,return:"",siblings:s}}function te(e,t){return L(ee("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function ne(e){for(;e.root;)e=te(e.root,{children:[e]});V(e,e.siblings)}function re(){return J=Z>0?W(Q,--Z):0,q--,10===J&&(q=1,X--),J}function oe(){return J=Z<K?W(Q,Z++):0,q++,10===J&&(q=1,X++),J}function ae(){return W(Q,Z)}function ie(){return Z}function se(e,t){return U(Q,e,t)}function ce(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 le(e){return M(se(Z-1,pe(91===e?e+2:40===e?e+1:e)))}function ue(e){for(;(J=ae())&&J<33;)oe();return ce(e)>2||ce(J)>3?"":" "}function de(e,t){for(;--t&&oe()&&!(J<48||J>102||J>57&&J<65||J>70&&J<97););return se(e,ie()+(t<6&&32==ae()&&32==oe()))}function pe(e){for(;oe();)switch(J){case e:return Z;case 34:case 39:34!==e&&39!==e&&pe(J);break;case 40:41===e&&pe(e);break;case 92:oe()}return Z}function fe(e,t){for(;oe()&&e+J!==57&&(e+J!==84||47!==ae()););return"/*"+se(t,Z-1)+"*"+$(47===e?e:oe())}function he(e){for(;!ce(ae());)oe();return se(e,Z)}function me(e){return function(e){return Q="",e}(ve("",null,null,null,[""],e=function(e){return X=q=1,K=H(Q=e),Z=0,[]}(e),0,[0],e))}function ve(e,t,n,r,o,a,i,s,c){for(var l=0,u=0,d=i,p=0,f=0,h=0,m=1,v=1,g=1,y=0,b="",w=o,E=a,S=r,x=b;v;)switch(h=y,y=oe()){case 40:if(108!=h&&58==W(x,d-1)){-1!=B(x+=z(le(y),"&","&\f"),"&\f")&&(g=-1);break}case 34:case 39:case 91:x+=le(y);break;case 9:case 10:case 13:case 32:x+=ue(h);break;case 92:x+=de(ie()-1,7);continue;case 47:switch(ae()){case 42:case 47:V(ye(fe(oe(),ie()),t,n,c),c);break;default:x+="/"}break;case 123*m:s[l++]=H(x)*g;case 125*m:case 59:case 0:switch(y){case 0:case 125:v=0;case 59+u:-1==g&&(x=z(x,/\f/g,"")),f>0&&H(x)-d&&V(f>32?be(x+";",r,n,d-1,c):be(z(x," ","")+";",r,n,d-2,c),c);break;case 59:x+=";";default:if(V(S=ge(x,t,n,l,u,o,s,b,w=[],E=[],d,a),a),123===y)if(0===u)ve(x,t,S,S,w,a,d,s,E);else switch(99===p&&110===W(x,3)?100:p){case 100:case 108:case 109:case 115:ve(e,S,S,r&&V(ge(e,S,S,0,0,o,s,b,o,w=[],d,E),E),o,E,d,s,r?w:E);break;default:ve(x,S,S,S,[""],E,0,s,E)}}l=u=f=0,m=g=1,b=x="",d=i;break;case 58:d=1+H(x),f=h;default:if(m<1)if(123==y)--m;else if(125==y&&0==m++&&125==re())continue;switch(x+=$(y),y*m){case 38:g=u>0?1:(x+="\f",-1);break;case 44:s[l++]=(H(x)-1)*g,g=1;break;case 64:45===ae()&&(x+=le(oe())),p=ae(),u=d=H(b=x+=he(ie())),y++;break;case 45:45===h&&2==H(x)&&(m=0)}}return a}function ge(e,t,n,r,o,a,i,s,c,l,u,d){for(var p=o-1,f=0===o?a:[""],h=Y(f),m=0,v=0,g=0;m<r;++m)for(var y=0,b=U(e,p+1,p=F(v=i[m])),w=e;y<h;++y)(w=M(v>0?f[y]+" "+b:z(b,/&\f/g,f[y])))&&(c[g++]=w);return ee(e,t,n,0===o?T:s,c,l,u,d)}function ye(e,t,n,r){return ee(e,t,n,O,$(J),U(e,2,-2),0,r)}function be(e,t,n,r,o){return ee(e,t,n,D,U(e,0,r),U(e,r+1,-1),r,o)}function we(e,t,n){switch(function(e,t){return 45^W(e,0)?(((t<<2^W(e,0))<<2^W(e,1))<<2^W(e,2))<<2^W(e,3):0}(e,t)){case 5103:return P+"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 P+e+e;case 4789:return A+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return P+e+A+e+N+e+e;case 5936:switch(W(e,t+11)){case 114:return P+e+N+z(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return P+e+N+z(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return P+e+N+z(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return P+e+N+e+e;case 6165:return P+e+N+"flex-"+e+e;case 5187:return P+e+z(e,/(\w+).+(:[^]+)/,P+"box-$1$2"+N+"flex-$1$2")+e;case 5443:return P+e+N+"flex-item-"+z(e,/flex-|-self/g,"")+(j(e,/flex-|baseline/)?"":N+"grid-row-"+z(e,/flex-|-self/g,""))+e;case 4675:return P+e+N+"flex-line-pack"+z(e,/align-content|flex-|-self/g,"")+e;case 5548:return P+e+N+z(e,"shrink","negative")+e;case 5292:return P+e+N+z(e,"basis","preferred-size")+e;case 6060:return P+"box-"+z(e,"-grow","")+P+e+N+z(e,"grow","positive")+e;case 4554:return P+z(e,/([^-])(transform)/g,"$1"+P+"$2")+e;case 6187:return z(z(z(e,/(zoom-|grab)/,P+"$1"),/(image-set)/,P+"$1"),e,"")+e;case 5495:case 3959:return z(e,/(image-set\([^]*)/,P+"$1$`$1");case 4968:return z(z(e,/(.+:)(flex-)?(.*)/,P+"box-pack:$3"+N+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+P+e+e;case 4200:if(!j(e,/flex-|baseline/))return N+"grid-column-align"+U(e,t)+e;break;case 2592:case 3360:return N+z(e,"template-","")+e;case 4384:case 3616:return n&&n.some((function(e,n){return t=n,j(e.props,/grid-\w+-end/)}))?~B(e+(n=n[t].value),"span")?e:N+z(e,"-start","")+e+N+"grid-row-span:"+(~B(n,"span")?j(n,/\d+/):+j(n,/\d+/)-+j(e,/\d+/))+";":N+z(e,"-start","")+e;case 4896:case 4128:return n&&n.some((function(e){return j(e.props,/grid-\w+-start/)}))?e:N+z(z(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return z(e,/(.+)-inline(.+)/,P+"$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(H(e)-1-t>6)switch(W(e,t+1)){case 109:if(45!==W(e,t+4))break;case 102:return z(e,/(.+:)(.+)-([^]+)/,"$1"+P+"$2-$3$1"+A+(108==W(e,t+3)?"$3":"$2-$3"))+e;case 115:return~B(e,"stretch")?we(z(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return z(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,(function(t,n,r,o,a,i,s){return N+n+":"+r+s+(o?N+n+"-span:"+(a?i:+i-+r)+s:"")+e}));case 4949:if(121===W(e,t+6))return z(e,":",":"+P)+e;break;case 6444:switch(W(e,45===W(e,14)?18:11)){case 120:return z(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+P+(45===W(e,14)?"inline-":"")+"box$3$1"+P+"$2$3$1"+N+"$2box$3")+e;case 100:return z(e,":",":"+N)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return z(e,"scroll-","scroll-snap-")+e}return e}function Ee(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}function Se(e,t,n,r){switch(e.type){case R:if(e.children.length)break;case _:case D:return e.return=e.return||e.value;case O:return"";case I:return e.return=e.value+"{"+Ee(e.children,r)+"}";case T:if(!H(e.value=e.props.join(",")))return""}return H(n=Ee(e.children,r))?e.return=e.value+"{"+n+"}":""}function xe(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case D:return void(e.return=we(e.value,e.length,n));case I:return Ee([te(e,{value:z(e.value,"@","@"+P)})],r);case T:if(e.length)return function(e,t){return e.map(t).join("")}(n=e.props,(function(t){switch(j(t,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":ne(te(e,{props:[z(t,/:(read-\w+)/,":"+A+"$1")]})),ne(te(e,{props:[t]})),L(e,{props:G(n,r)});break;case"::placeholder":ne(te(e,{props:[z(t,/:(plac\w+)/,":"+P+"input-$1")]})),ne(te(e,{props:[z(t,/:(plac\w+)/,":"+A+"$1")]})),ne(te(e,{props:[z(t,/:(plac\w+)/,N+"input-$1")]})),ne(te(e,{props:[t]})),L(e,{props:G(n,r)})}return""}))}}var Ce={animationIterationCount:1,aspectRatio: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},ke="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Ne="undefined"!=typeof window&&"HTMLElement"in window,Ae=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),Pe=/invalid hook call/i,Oe=new Set,Te=function(e,t){if("production"!==process.env.NODE_ENV){var r=t?' with the id of "'.concat(t,'"'):"",o="The component ".concat(e).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];Pe.test(e)?(i=!1,Oe.delete(o)):a.apply(void 0,S([e],t,!1))},n(),i&&!Oe.has(o)&&(console.warn(o),Oe.add(o))}catch(e){Pe.test(e.message)&&Oe.delete(o)}finally{console.error=a}}},De=Object.freeze([]),_e=Object.freeze({});var Ie=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"]),Re=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Fe=/(^-|-$)/g;function $e(e){return e.replace(Re,"-").replace(Fe,"")}var Le=/(a)(d)/gi,Me=function(e){return String.fromCharCode(e+(e>25?39:97))};function je(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=Me(t%52)+n;return(Me(t%52)+n).replace(Le,"$1-$2")}var ze,Be=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},We=function(e){return Be(5381,e)};function Ue(e){return je(We(e)>>>0)}function He(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function Ye(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var Ve="function"==typeof Symbol&&Symbol.for,Ge=Ve?Symbol.for("react.memo"):60115,Xe=Ve?Symbol.for("react.forward_ref"):60112,qe={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Ke={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Ze={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Je=((ze={})[Xe]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},ze[Ge]=Ze,ze);function Qe(e){return("type"in(t=e)&&t.type.$$typeof)===Ge?Ze:"$$typeof"in e?Je[e.$$typeof]:qe;var t}var et=Object.defineProperty,tt=Object.getOwnPropertyNames,nt=Object.getOwnPropertySymbols,rt=Object.getOwnPropertyDescriptor,ot=Object.getPrototypeOf,at=Object.prototype;function it(e,t,n){if("string"!=typeof t){if(at){var r=ot(t);r&&r!==at&&it(e,r,n)}var o=tt(t);nt&&(o=o.concat(nt(t)));for(var a=Qe(e),i=Qe(t),s=0;s<o.length;++s){var c=o[s];if(!(c in Ke||n&&n[c]||i&&c in i||a&&c in a)){var l=rt(t,c);try{et(e,c,l)}catch(e){}}}}return e}function st(e){return"function"==typeof e}function ct(e){return"object"==typeof e&&"styledComponentId"in e}function lt(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function ut(e,t){if(0===e.length)return"";for(var n=e[0],r=1;r<e.length;r++)n+=t?t+e[r]:e[r];return n}function dt(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function pt(e,t,n){if(void 0===n&&(n=!1),!n&&!dt(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=pt(e[r],t[r]);else if(dt(t))for(var r in t)e[r]=pt(e[r],t[r]);return e}function ft(e,t){Object.defineProperty(e,"toString",{value:t})}var ht="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 mt(){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 vt(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(mt.apply(void 0,S([ht[e]],t,!1)).trim())}var gt=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 vt(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),s=(a=0,t.length);a<s;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("/*!sc*/\n");return t},e}(),yt=new Map,bt=new Map,wt=1,Et=function(e){if(yt.has(e))return yt.get(e);for(;bt.has(wt);)wt++;var t=wt++;if("production"!==process.env.NODE_ENV&&((0|t)<0||t>1073741824))throw vt(16,"".concat(t));return yt.set(e,t),bt.set(t,e),t},St=function(e,t){wt=t+1,yt.set(e,t),bt.set(t,e)},xt="style[".concat(ke,"][").concat("data-styled-version",'="').concat("6.1.1",'"]'),Ct=new RegExp("^".concat(ke,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),kt=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)},Nt=function(e,t){for(var n,r=(null!==(n=t.textContent)&&void 0!==n?n:"").split("/*!sc*/\n"),o=[],a=0,i=r.length;a<i;a++){var s=r[a].trim();if(s){var c=s.match(Ct);if(c){var l=0|parseInt(c[1],10),u=c[2];0!==l&&(St(u,l),kt(e,u,c[3]),e.getTag().insertRules(l,o)),o.length=0}else o.push(s)}}};var At=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){var t=Array.from(e.querySelectorAll("style[".concat(ke,"]")));return t[t.length-1]}(n),a=void 0!==o?o.nextSibling:null;r.setAttribute(ke,"active"),r.setAttribute("data-styled-version","6.1.1");var i="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null;return i&&r.setAttribute("nonce",i),n.insertBefore(r,a),r},Pt=function(){function e(e){this.element=At(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 vt(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}(),Ot=function(){function e(e){this.element=At(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}(),Tt=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}(),Dt=Ne,_t={isServer:!Ne,useCSSOMInjection:!Ae},It=function(){function e(e,t,n){void 0===e&&(e=_e),void 0===t&&(t={});var r=this;this.options=w(w({},_t),e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&Ne&&Dt&&(Dt=!1,function(e){for(var t=document.querySelectorAll(xt),n=0,r=t.length;n<r;n++){var o=t[n];o&&"active"!==o.getAttribute(ke)&&(Nt(e,o),o.parentNode&&o.parentNode.removeChild(o))}}(this)),ft(this,(function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=function(n){var o=function(e){return bt.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 s="".concat(ke,".g").concat(n,'[id="').concat(o,'"]'),c="";void 0!==a&&a.forEach((function(e){e.length>0&&(c+="".concat(e,","))})),r+="".concat(i).concat(s,'{content:"').concat(c,'"}').concat("/*!sc*/\n")},a=0;a<n;a++)o(a);return r}(r)}))}return e.registerId=function(e){return Et(e)},e.prototype.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(w(w({},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 Tt(n):t?new Pt(n):new Ot(n)}(this.options),new gt(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(Et(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(Et(e),n)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(Et(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),Rt=/&/g,Ft=/^\s*\/\/.*$/gm;function $t(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=$t(e.children,t)),e}))}var Lt=new It,Mt=function(e){var t,n,r,o=void 0===e?_e:e,a=o.options,i=void 0===a?_e:a,s=o.plugins,c=void 0===s?De:s,l=function(e,r,o){return o===n||o.startsWith(n)&&o.endsWith(n)&&o.replaceAll(n,"").length>0?".".concat(t):e},u=c.slice();u.push((function(e){e.type===T&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(Rt,n).replace(r,l))})),i.prefix&&u.push(xe),u.push(Se);var d=function(e,o,a,s){void 0===o&&(o=""),void 0===a&&(a=""),void 0===s&&(s="&"),t=s,n=o,r=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(Ft,""),l=me(a||o?"".concat(a," ").concat(o," { ").concat(c," }"):c);i.namespace&&(l=$t(l,i.namespace));var d,p=[];return Ee(l,function(e){var t=Y(e);return function(n,r,o,a){for(var i="",s=0;s<t;s++)i+=e[s](n,r,o,a)||"";return i}}(u.concat((d=function(e){return p.push(e)},function(e){e.root||(e=e.return)&&d(e)})))),p};return d.hash=c.length?c.reduce((function(e,t){return t.name||vt(15),Be(e,t.name)}),5381).toString():"",d}(),jt=t.createContext({shouldForwardProp:void 0,styleSheet:Lt,stylis:Mt});function zt(){return a(jt)}jt.Consumer,t.createContext(void 0);var Bt=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=Mt);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,ft(this,(function(){throw vt(12,String(n.name))}))}return e.prototype.getName=function(e){return void 0===e&&(e=Mt),this.name+e.hash},e}(),Wt=function(e){return e>="A"&&e<="Z"};function Ut(e){for(var t="",n=0;n<e.length;n++){var r=e[n];if(1===n&&"-"===r&&"-"===e[0])return e;Wt(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var Ht=function(e){return null==e||!1===e||""===e},Yt=function(e){var t,n,r=[];for(var o in e){var a=e[o];e.hasOwnProperty(o)&&!Ht(a)&&(Array.isArray(a)&&a.isCss||st(a)?r.push("".concat(Ut(o),":"),a,";"):dt(a)?r.push.apply(r,S(S(["".concat(o," {")],Yt(a),!1),["}"],!1)):r.push("".concat(Ut(o),": ").concat((t=o,null==(n=a)||"boolean"==typeof n||""===n?"":"number"!=typeof n||0===n||t in Ce||t.startsWith("--")?String(n).trim():"".concat(n,"px")),";")))}return r};function Vt(e,t,n,r){if(Ht(e))return[];if(ct(e))return[".".concat(e.styledComponentId)];if(st(e)){if(!st(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 Bt||dt(o)||null===o||console.error("".concat(He(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.")),Vt(o,t,n,r)}var a;return e instanceof Bt?n?(e.inject(n,r),[e.getName(r)]):[e]:dt(e)?Yt(e):Array.isArray(e)?Array.prototype.concat.apply(De,e.map((function(e){return Vt(e,t,n,r)}))):[e.toString()]}var Gt=We("6.1.1"),Xt=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&function(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(st(n)&&!ct(n))return!1}return!0}(e),this.componentId=t,this.baseHash=Be(Gt,t),this.baseStyle=n,It.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=lt(r,this.staticRulesId);else{var o=ut(Vt(this.rules,e,t,n)),a=je(Be(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=lt(r,a),this.staticRulesId=a}else{for(var s=Be(this.baseHash,n.hash),c="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)c+=u,"production"!==process.env.NODE_ENV&&(s=Be(s,u));else if(u){var d=ut(Vt(u,e,t,n));s=Be(s,d+l),c+=d}}if(c){var p=je(s>>>0);t.hasNameForId(this.componentId,p)||t.insertRules(this.componentId,p,n(c,".".concat(p),void 0,this.componentId)),r=lt(r,p)}}return r},e}(),qt=t.createContext(void 0);qt.Consumer;var Kt={},Zt=new Set;function Jt(e,n,a){var i=ct(e),s=e,c=!Ye(e),l=n.attrs,u=void 0===l?De:l,d=n.componentId,p=void 0===d?function(e,t){var n="string"!=typeof e?"sc":$e(e);Kt[n]=(Kt[n]||0)+1;var r="".concat(n,"-").concat(Ue("6.1.1"+n+Kt[n]));return t?"".concat(t,"-").concat(r):r}(n.displayName,n.parentComponentId):d,f=n.displayName,h=void 0===f?function(e){return Ye(e)?"styled.".concat(e):"Styled(".concat(He(e),")")}(e):f,m=n.displayName&&n.componentId?"".concat($e(n.displayName),"-").concat(n.componentId):n.componentId||p,v=i&&s.attrs?s.attrs.concat(u).filter(Boolean):u,g=n.shouldForwardProp;if(i&&s.shouldForwardProp){var y=s.shouldForwardProp;if(n.shouldForwardProp){var b=n.shouldForwardProp;g=function(e,t){return y(e,t)&&b(e,t)}}else g=y}var E=new Xt(a,m,i?s.componentStyle:void 0);function S(e,n){return function(e,n,a){var i=e.attrs,s=e.componentStyle,c=e.defaultProps,l=e.foldedComponentIds,u=e.styledComponentId,d=e.target,p=t.useContext(qt),f=zt(),h=e.shouldForwardProp||f.shouldForwardProp;"production"!==process.env.NODE_ENV&&r(u);var m=function(e,t,n){for(var r,o=w(w({},t),{className:void 0,theme:n}),a=0;a<e.length;a+=1){var i=st(r=e[a])?r(o):r;for(var s in i)o[s]="className"===s?lt(o[s],i[s]):"style"===s?w(w({},o[s]),i[s]):i[s]}return t.className&&(o.className=lt(o.className,t.className)),o}(i,n,function(e,t,n){return void 0===n&&(n=_e),e.theme!==n.theme&&e.theme||t||n.theme}(n,p,c)||_e),v=m.as||d,g={};for(var y in m)void 0===m[y]||"$"===y[0]||"as"===y||"theme"===y||("forwardedAs"===y?g.as=m.forwardedAs:h&&!h(y,v)||(g[y]=m[y],h||"development"!==process.env.NODE_ENV||k(y)||Zt.has(y)||!Ie.has(v)||(Zt.add(y),console.warn('styled-components: it looks like an unknown prop "'.concat(y,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var b=function(e,t){var n=zt(),o=e.generateAndInjectStyles(t,n.styleSheet,n.stylis);return"production"!==process.env.NODE_ENV&&r(o),o}(s,m);"production"!==process.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(b);var E=lt(l,u);return b&&(E+=" "+b),m.className&&(E+=" "+m.className),g[Ye(v)&&!Ie.has(v)?"class":"className"]=E,g.ref=a,o(v,g)}(x,e,n)}S.displayName=h;var x=t.forwardRef(S);return x.attrs=v,x.componentStyle=E,x.displayName=h,x.shouldForwardProp=g,x.foldedComponentIds=i?lt(s.foldedComponentIds,s.styledComponentId):"",x.styledComponentId=m,x.target=i?s.target:e,Object.defineProperty(x,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var r=0,o=t;r<o.length;r++)pt(e,o[r],!0);return e}({},s.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(Te(h,m),x.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var a=t?' with the id of "'.concat(t,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(e).concat(a,".\n")+"Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"),r=!0,n={}}}}(h,m)),ft(x,(function(){return".".concat(x.styledComponentId)})),c&&it(x,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),x}function Qt(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n}var en=function(e){return Object.assign(e,{isCss:!0})};function tn(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];if(st(e)||dt(e))return en(Vt(Qt(De,S([e],t,!0))));var r=e;return 0===t.length&&1===r.length&&"string"==typeof r[0]?Vt(r):en(Vt(Qt(r,t)))}function nn(e,t,n){if(void 0===n&&(n=_e),!t)throw vt(1,t);var r=function(r){for(var o=[],a=1;a<arguments.length;a++)o[a-1]=arguments[a];return e(t,n,tn.apply(void 0,S([r],o,!1)))};return r.attrs=function(r){return nn(e,t,w(w({},n),{attrs:Array.prototype.concat(n.attrs,r).filter(Boolean)}))},r.withConfig=function(r){return nn(e,t,w(w({},n),r))},r}var rn=function(e){return nn(Jt,e)},on=rn;function an(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");var r=ut(tn.apply(void 0,S([e],t,!1))),o=Ue(r);return new Bt(o,r)}Ie.forEach((function(e){on[e]=rn(e)})),"production"!==process.env.NODE_ENV&&"undefined"!=typeof navigator&&"ReactNative"===navigator.product&&console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");var sn="__sc-".concat(ke,"__");function cn(){return cn=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},cn.apply(this,arguments)}function ln(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 un(...e){return t=>e.forEach((e=>function(e,t){"function"==typeof e?e(t):null!=e&&(e.current=t)}(e,t)))}function dn(...e){return i(un(...e),e)}function pn(...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 r=n.reduce(((t,{useScope:n,scopeName:r})=>({...t,...n(e)[`__scope${r}`]})),{});return c((()=>({[`__scope${t.scopeName}`]:r})),[r])}};return n.scopeName=t.scopeName,n}"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window[sn]||(window[sn]=0),1===window[sn]&&console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://s-c.sh/2BAXzed for more info."),window[sn]+=1);const fn=Boolean(null===globalThis||void 0===globalThis?void 0:globalThis.document)?l:()=>{},hn=e["useId".toString()]||(()=>{});let mn=0;function vn(t){const[n,r]=e.useState(hn());return fn((()=>{t||r((e=>null!=e?e:String(mn++)))}),[t]),t||(n?`radix-${n}`:"")}function gn(e){const t=n(e);return u((()=>{t.current=e})),c((()=>(...e)=>{var n;return null===(n=t.current)||void 0===n?void 0:n.call(t,...e)}),[])}function yn({prop:e,defaultProp:t,onChange:r=(()=>{})}){const[o,a]=function({defaultProp:e,onChange:t}){const r=d(e),[o]=r,a=n(o),i=gn(t);return u((()=>{a.current!==o&&(i(o),a.current=o)}),[o,a,i]),r}({defaultProp:t,onChange:r}),s=void 0!==e,c=s?e:o,l=gn(r);return[c,i((t=>{if(s){const n="function"==typeof t?t(e):t;n!==e&&l(n)}else a(t)}),[s,e,a,l])]}const bn=p(((e,t)=>{const{children:n,...r}=e,a=f.toArray(n),i=a.find(Sn);if(i){const e=i.props.children,n=a.map((t=>t===i?f.count(e)>1?f.only(null):h(e)?e.props.children:null:t));return o(wn,cn({},r,{ref:t}),h(e)?m(e,void 0,n):null)}return o(wn,cn({},r,{ref:t}),n)}));bn.displayName="Slot";const wn=p(((e,t)=>{const{children:n,...r}=e;return h(n)?m(n,{...xn(r,n.props),ref:t?un(t,n.ref):n.ref}):f.count(n)>1?f.only(null):null}));wn.displayName="SlotClone";const En=({children:e})=>o(v,null,e);function Sn(e){return h(e)&&e.type===En}function xn(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}}const Cn=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"].reduce(((e,t)=>{const n=p(((e,n)=>{const{asChild:r,...a}=e,i=r?bn:t;return u((()=>{window[Symbol.for("radix-ui")]=!0}),[]),o(i,cn({},a,{ref:n}))}));return n.displayName=`Primitive.${t}`,{...e,[t]:n}}),{});const kn="dismissableLayer.update",Nn="dismissableLayer.pointerDownOutside",An="dismissableLayer.focusOutside";let Pn;const On=s({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),Tn=p(((e,t)=>{var r;const{disableOutsidePointerEvents:i=!1,onEscapeKeyDown:s,onPointerDownOutside:c,onFocusOutside:l,onInteractOutside:p,onDismiss:f,...h}=e,m=a(On),[v,g]=d(null),y=null!==(r=null==v?void 0:v.ownerDocument)&&void 0!==r?r:null===globalThis||void 0===globalThis?void 0:globalThis.document,[,b]=d({}),w=dn(t,(e=>g(e))),E=Array.from(m.layers),[S]=[...m.layersWithOutsidePointerEventsDisabled].slice(-1),x=E.indexOf(S),C=v?E.indexOf(v):-1,k=m.layersWithOutsidePointerEventsDisabled.size>0,N=C>=x,A=function(e,t=(null===globalThis||void 0===globalThis?void 0:globalThis.document)){const r=gn(e),o=n(!1),a=n((()=>{}));return u((()=>{const e=e=>{if(e.target&&!o.current){const n={originalEvent:e};function i(){_n(Nn,r,n,{discrete:!0})}"touch"===e.pointerType?(t.removeEventListener("click",a.current),a.current=i,t.addEventListener("click",a.current,{once:!0})):i()}else t.removeEventListener("click",a.current);o.current=!1},n=window.setTimeout((()=>{t.addEventListener("pointerdown",e)}),0);return()=>{window.clearTimeout(n),t.removeEventListener("pointerdown",e),t.removeEventListener("click",a.current)}}),[t,r]),{onPointerDownCapture:()=>o.current=!0}}((e=>{const t=e.target,n=[...m.branches].some((e=>e.contains(t)));N&&!n&&(null==c||c(e),null==p||p(e),e.defaultPrevented||null==f||f())}),y),P=function(e,t=(null===globalThis||void 0===globalThis?void 0:globalThis.document)){const r=gn(e),o=n(!1);return u((()=>{const e=e=>{if(e.target&&!o.current){_n(An,r,{originalEvent:e},{discrete:!1})}};return t.addEventListener("focusin",e),()=>t.removeEventListener("focusin",e)}),[t,r]),{onFocusCapture:()=>o.current=!0,onBlurCapture:()=>o.current=!1}}((e=>{const t=e.target;[...m.branches].some((e=>e.contains(t)))||(null==l||l(e),null==p||p(e),e.defaultPrevented||null==f||f())}),y);return function(e,t=(null===globalThis||void 0===globalThis?void 0:globalThis.document)){const n=gn(e);u((()=>{const e=e=>{"Escape"===e.key&&n(e)};return t.addEventListener("keydown",e),()=>t.removeEventListener("keydown",e)}),[n,t])}((e=>{C===m.layers.size-1&&(null==s||s(e),!e.defaultPrevented&&f&&(e.preventDefault(),f()))}),y),u((()=>{if(v)return i&&(0===m.layersWithOutsidePointerEventsDisabled.size&&(Pn=y.body.style.pointerEvents,y.body.style.pointerEvents="none"),m.layersWithOutsidePointerEventsDisabled.add(v)),m.layers.add(v),Dn(),()=>{i&&1===m.layersWithOutsidePointerEventsDisabled.size&&(y.body.style.pointerEvents=Pn)}}),[v,y,i,m]),u((()=>()=>{v&&(m.layers.delete(v),m.layersWithOutsidePointerEventsDisabled.delete(v),Dn())}),[v,m]),u((()=>{const e=()=>b({});return document.addEventListener(kn,e),()=>document.removeEventListener(kn,e)}),[]),o(Cn.div,cn({},h,{ref:w,style:{pointerEvents:k?N?"auto":"none":void 0,...e.style},onFocusCapture:ln(e.onFocusCapture,P.onFocusCapture),onBlurCapture:ln(e.onBlurCapture,P.onBlurCapture),onPointerDownCapture:ln(e.onPointerDownCapture,A.onPointerDownCapture)}))}));function Dn(){const e=new CustomEvent(kn);document.dispatchEvent(e)}function _n(e,t,n,{discrete:r}){const o=n.originalEvent.target,a=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&o.addEventListener(e,t,{once:!0}),r?function(e,t){e&&b((()=>e.dispatchEvent(t)))}(o,a):o.dispatchEvent(a)}const In="focusScope.autoFocusOnMount",Rn="focusScope.autoFocusOnUnmount",Fn={bubbles:!1,cancelable:!0},$n=p(((e,t)=>{const{loop:r=!1,trapped:a=!1,onMountAutoFocus:s,onUnmountAutoFocus:c,...l}=e,[p,f]=d(null),h=gn(s),m=gn(c),v=n(null),g=dn(t,(e=>f(e))),y=n({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;u((()=>{if(a){function e(e){if(y.paused||!p)return;const t=e.target;p.contains(t)?v.current=t:zn(v.current,{select:!0})}function t(e){if(y.paused||!p)return;const t=e.relatedTarget;null!==t&&(p.contains(t)||zn(v.current,{select:!0}))}function n(e){if(document.activeElement===document.body)for(const t of e)t.removedNodes.length>0&&zn(p)}document.addEventListener("focusin",e),document.addEventListener("focusout",t);const r=new MutationObserver(n);return p&&r.observe(p,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",e),document.removeEventListener("focusout",t),r.disconnect()}}}),[a,p,y.paused]),u((()=>{if(p){Bn.add(y);const t=document.activeElement;if(!p.contains(t)){const n=new CustomEvent(In,Fn);p.addEventListener(In,h),p.dispatchEvent(n),n.defaultPrevented||(!function(e,{select:t=!1}={}){const n=document.activeElement;for(const r of e)if(zn(r,{select:t}),document.activeElement!==n)return}((e=Ln(p),e.filter((e=>"A"!==e.tagName))),{select:!0}),document.activeElement===t&&zn(p))}return()=>{p.removeEventListener(In,h),setTimeout((()=>{const e=new CustomEvent(Rn,Fn);p.addEventListener(Rn,m),p.dispatchEvent(e),e.defaultPrevented||zn(null!=t?t:document.body,{select:!0}),p.removeEventListener(Rn,m),Bn.remove(y)}),0)}}var e}),[p,h,m,y]);const b=i((e=>{if(!r&&!a)return;if(y.paused)return;const t="Tab"===e.key&&!e.altKey&&!e.ctrlKey&&!e.metaKey,n=document.activeElement;if(t&&n){const t=e.currentTarget,[o,a]=function(e){const t=Ln(e),n=Mn(t,e),r=Mn(t.reverse(),e);return[n,r]}(t);o&&a?e.shiftKey||n!==a?e.shiftKey&&n===o&&(e.preventDefault(),r&&zn(a,{select:!0})):(e.preventDefault(),r&&zn(o,{select:!0})):n===t&&e.preventDefault()}}),[r,a,y.paused]);return o(Cn.div,cn({tabIndex:-1},l,{ref:g,onKeyDown:b}))}));function Ln(e){const t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const t="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t}function Mn(e,t){for(const n of e)if(!jn(n,{upTo:t}))return n}function jn(e,{upTo:t}){if("hidden"===getComputedStyle(e).visibility)return!0;for(;e;){if(void 0!==t&&e===t)return!1;if("none"===getComputedStyle(e).display)return!0;e=e.parentElement}return!1}function zn(e,{select:t=!1}={}){if(e&&e.focus){const n=document.activeElement;e.focus({preventScroll:!0}),e!==n&&function(e){return e instanceof HTMLInputElement&&"select"in e}(e)&&t&&e.select()}}const Bn=function(){let e=[];return{add(t){const n=e[0];t!==n&&(null==n||n.pause()),e=Wn(e,t),e.unshift(t)},remove(t){var n;e=Wn(e,t),null===(n=e[0])||void 0===n||n.resume()}}}();function Wn(e,t){const n=[...e],r=n.indexOf(t);return-1!==r&&n.splice(r,1),n}const Un=p(((e,t)=>{var n;const{container:r=(null===globalThis||void 0===globalThis||null===(n=globalThis.document)||void 0===n?void 0:n.body),...a}=e;return r?y.createPortal(o(Cn.div,cn({},a,{ref:t})),r):null}));const Hn=e=>{const{present:t,children:r}=e,o=function(e){const[t,r]=d(),o=n({}),a=n(e),s=n("none"),c=e?"mounted":"unmounted",[l,p]=function(e,t){return g(((e,n)=>{const r=t[e][n];return null!=r?r:e}),e)}(c,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return u((()=>{const e=Yn(o.current);s.current="mounted"===l?e:"none"}),[l]),fn((()=>{const t=o.current,n=a.current;if(n!==e){const r=s.current,o=Yn(t);if(e)p("MOUNT");else if("none"===o||"none"===(null==t?void 0:t.display))p("UNMOUNT");else{p(n&&r!==o?"ANIMATION_OUT":"UNMOUNT")}a.current=e}}),[e,p]),fn((()=>{if(t){const e=e=>{const n=Yn(o.current).includes(e.animationName);e.target===t&&n&&b((()=>p("ANIMATION_END")))},n=e=>{e.target===t&&(s.current=Yn(o.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)}}p("ANIMATION_END")}),[t,p]),{isPresent:["mounted","unmountSuspended"].includes(l),ref:i((e=>{e&&(o.current=getComputedStyle(e)),r(e)}),[])}}(t),a="function"==typeof r?r({present:o.isPresent}):f.only(r),s=dn(o.ref,a.ref);return"function"==typeof r||o.isPresent?m(a,{ref:s}):null};function Yn(e){return(null==e?void 0:e.animationName)||"none"}Hn.displayName="Presence";let Vn=0;function Gn(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.cssText="outline: none; opacity: 0; position: fixed; pointer-events: none",e}var Xn="right-scroll-bar-position",qn="width-before-scroll-bar";function Kn(e,t){return n=t||null,r=function(t){return e.forEach((function(e){return function(e,t){return"function"==typeof e?e(t):e&&(e.current=t),e}(e,t)}))},(o=d((function(){return{value:n,callback:r,facade:{get current(){return o.value},set current(e){var t=o.value;t!==e&&(o.value=e,o.callback(e,t))}}}}))[0]).callback=r,o.facade;var n,r,o}function Zn(e){return e}var Jn=function(t){var n=t.sideCar,r=E(t,["sideCar"]);if(!n)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var o=n.read();if(!o)throw new Error("Sidecar medium not found");return e.createElement(o,w({},r))};Jn.isSideCarExport=!0;var Qn=function(e){void 0===e&&(e={});var t=function(e,t){void 0===t&&(t=Zn);var n=[],r=!1,o={read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(e){var o=t(e,r);return n.push(o),function(){n=n.filter((function(e){return e!==o}))}},assignSyncMedium:function(e){for(r=!0;n.length;){var t=n;n=[],t.forEach(e)}n={push:function(t){return e(t)},filter:function(){return n}}},assignMedium:function(e){r=!0;var t=[];if(n.length){var o=n;n=[],o.forEach(e),t=n}var a=function(){var n=t;t=[],n.forEach(e)},i=function(){return Promise.resolve().then(a)};i(),n={push:function(e){t.push(e),i()},filter:function(e){return t=t.filter(e),n}}}};return o}(null);return t.options=w({async:!0,ssr:!1},e),t}(),er=function(){},tr=e.forwardRef((function(t,n){var r=e.useRef(null),o=e.useState({onScrollCapture:er,onWheelCapture:er,onTouchMoveCapture:er}),a=o[0],i=o[1],s=t.forwardProps,c=t.children,l=t.className,u=t.removeScrollBar,d=t.enabled,p=t.shards,f=t.sideCar,h=t.noIsolation,m=t.inert,v=t.allowPinchZoom,g=t.as,y=void 0===g?"div":g,b=E(t,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),S=f,x=Kn([r,n]),C=w(w({},b),a);return e.createElement(e.Fragment,null,d&&e.createElement(S,{sideCar:Qn,removeScrollBar:u,shards:p,noIsolation:h,inert:m,setCallbacks:i,allowPinchZoom:!!v,lockRef:r}),s?e.cloneElement(e.Children.only(c),w(w({},C),{ref:x})):e.createElement(y,w({},C,{className:l,ref:x}),c))}));tr.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},tr.classNames={fullWidth:qn,zeroRight:Xn};function nr(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=function(){if("undefined"!=typeof __webpack_nonce__)return __webpack_nonce__}();return t&&e.setAttribute("nonce",t),e}var rr=function(){var e=0,t=null;return{add:function(n){var r,o;0==e&&(t=nr())&&(o=n,(r=t).styleSheet?r.styleSheet.cssText=o:r.appendChild(document.createTextNode(o)),function(e){(document.head||document.getElementsByTagName("head")[0]).appendChild(e)}(t)),e++},remove:function(){! --e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},or=function(){var t,n=(t=rr(),function(n,r){e.useEffect((function(){return t.add(n),function(){t.remove()}}),[n&&r])});return function(e){var t=e.styles,r=e.dynamic;return n(t,r),null}},ar={left:0,top:0,right:0,gap:0},ir=function(e){return parseInt(e||"",10)||0},sr=function(e){if(void 0===e&&(e="margin"),"undefined"==typeof window)return ar;var t=function(e){var t=window.getComputedStyle(document.body),n=t["padding"===e?"paddingLeft":"marginLeft"],r=t["padding"===e?"paddingTop":"marginTop"],o=t["padding"===e?"paddingRight":"marginRight"];return[ir(n),ir(r),ir(o)]}(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},cr=or(),lr=function(e,t,n,r){var o=e.left,a=e.top,i=e.right,s=e.gap;return void 0===n&&(n="margin"),"\n  .".concat("with-scroll-bars-hidden"," {\n   overflow: hidden ").concat(r,";\n   padding-right: ").concat(s,"px ").concat(r,";\n  }\n  body {\n    overflow: hidden ").concat(r,";\n    overscroll-behavior: contain;\n    ").concat([t&&"position: relative ".concat(r,";"),"margin"===n&&"\n    padding-left: ".concat(o,"px;\n    padding-top: ").concat(a,"px;\n    padding-right: ").concat(i,"px;\n    margin-left:0;\n    margin-top:0;\n    margin-right: ").concat(s,"px ").concat(r,";\n    "),"padding"===n&&"padding-right: ".concat(s,"px ").concat(r,";")].filter(Boolean).join(""),"\n  }\n  \n  .").concat(Xn," {\n    right: ").concat(s,"px ").concat(r,";\n  }\n  \n  .").concat(qn," {\n    margin-right: ").concat(s,"px ").concat(r,";\n  }\n  \n  .").concat(Xn," .").concat(Xn," {\n    right: 0 ").concat(r,";\n  }\n  \n  .").concat(qn," .").concat(qn," {\n    margin-right: 0 ").concat(r,";\n  }\n  \n  body {\n    ").concat("--removed-body-scroll-bar-size",": ").concat(s,"px;\n  }\n")},ur=function(t){var n=t.noRelative,r=t.noImportant,o=t.gapMode,a=void 0===o?"margin":o,i=e.useMemo((function(){return sr(a)}),[a]);return e.createElement(cr,{styles:lr(i,!n,a,r?"":"!important")})},dr=!1;if("undefined"!=typeof window)try{var pr=Object.defineProperty({},"passive",{get:function(){return dr=!0,!0}});window.addEventListener("test",pr,pr),window.removeEventListener("test",pr,pr)}catch(e){dr=!1}var fr=!!dr&&{passive:!1},hr=function(e,t){var n=window.getComputedStyle(e);return"hidden"!==n[t]&&!(n.overflowY===n.overflowX&&!function(e){return"TEXTAREA"===e.tagName}(e)&&"visible"===n[t])},mr=function(e,t){var n=t;do{if("undefined"!=typeof ShadowRoot&&n instanceof ShadowRoot&&(n=n.host),vr(e,n)){var r=gr(e,n);if(r[1]>r[2])return!0}n=n.parentNode}while(n&&n!==document.body);return!1},vr=function(e,t){return"v"===e?function(e){return hr(e,"overflowY")}(t):function(e){return hr(e,"overflowX")}(t)},gr=function(e,t){return"v"===e?[(n=t).scrollTop,n.scrollHeight,n.clientHeight]:function(e){return[e.scrollLeft,e.scrollWidth,e.clientWidth]}(t);var n},yr=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},br=function(e){return[e.deltaX,e.deltaY]},wr=function(e){return e&&"current"in e?e.current:e},Er=function(e){return"\n  .block-interactivity-".concat(e," {pointer-events: none;}\n  .allow-interactivity-").concat(e," {pointer-events: all;}\n")},Sr=0,xr=[];var Cr,kr=(Cr=function(t){var n=e.useRef([]),r=e.useRef([0,0]),o=e.useRef(),a=e.useState(Sr++)[0],i=e.useState((function(){return or()}))[0],s=e.useRef(t);e.useEffect((function(){s.current=t}),[t]),e.useEffect((function(){if(t.inert){document.body.classList.add("block-interactivity-".concat(a));var e=S([t.lockRef.current],(t.shards||[]).map(wr),!0).filter(Boolean);return e.forEach((function(e){return e.classList.add("allow-interactivity-".concat(a))})),function(){document.body.classList.remove("block-interactivity-".concat(a)),e.forEach((function(e){return e.classList.remove("allow-interactivity-".concat(a))}))}}}),[t.inert,t.lockRef.current,t.shards]);var c=e.useCallback((function(e,t){if("touches"in e&&2===e.touches.length)return!s.current.allowPinchZoom;var n,a=yr(e),i=r.current,c="deltaX"in e?e.deltaX:i[0]-a[0],l="deltaY"in e?e.deltaY:i[1]-a[1],u=e.target,d=Math.abs(c)>Math.abs(l)?"h":"v";if("touches"in e&&"h"===d&&"range"===u.type)return!1;var p=mr(d,u);if(!p)return!0;if(p?n=d:(n="v"===d?"h":"v",p=mr(d,u)),!p)return!1;if(!o.current&&"changedTouches"in e&&(c||l)&&(o.current=n),!n)return!0;var f=o.current||n;return function(e,t,n,r,o){var a=function(e,t){return"h"===e&&"rtl"===t?-1:1}(e,window.getComputedStyle(t).direction),i=a*r,s=n.target,c=t.contains(s),l=!1,u=i>0,d=0,p=0;do{var f=gr(e,s),h=f[0],m=f[1]-f[2]-a*h;(h||m)&&vr(e,s)&&(d+=m,p+=h),s=s.parentNode}while(!c&&s!==document.body||c&&(t.contains(s)||t===s));return(u&&(o&&0===d||!o&&i>d)||!u&&(o&&0===p||!o&&-i>p))&&(l=!0),l}(f,t,e,"h"===f?c:l,!0)}),[]),l=e.useCallback((function(e){var t=e;if(xr.length&&xr[xr.length-1]===i){var r="deltaY"in t?br(t):yr(t),o=n.current.filter((function(e){return e.name===t.type&&e.target===t.target&&function(e,t){return e[0]===t[0]&&e[1]===t[1]}(e.delta,r)}))[0];if(o&&o.should)t.cancelable&&t.preventDefault();else if(!o){var a=(s.current.shards||[]).map(wr).filter(Boolean).filter((function(e){return e.contains(t.target)}));(a.length>0?c(t,a[0]):!s.current.noIsolation)&&t.cancelable&&t.preventDefault()}}}),[]),u=e.useCallback((function(e,t,r,o){var a={name:e,delta:t,target:r,should:o};n.current.push(a),setTimeout((function(){n.current=n.current.filter((function(e){return e!==a}))}),1)}),[]),d=e.useCallback((function(e){r.current=yr(e),o.current=void 0}),[]),p=e.useCallback((function(e){u(e.type,br(e),e.target,c(e,t.lockRef.current))}),[]),f=e.useCallback((function(e){u(e.type,yr(e),e.target,c(e,t.lockRef.current))}),[]);e.useEffect((function(){return xr.push(i),t.setCallbacks({onScrollCapture:p,onWheelCapture:p,onTouchMoveCapture:f}),document.addEventListener("wheel",l,fr),document.addEventListener("touchmove",l,fr),document.addEventListener("touchstart",d,fr),function(){xr=xr.filter((function(e){return e!==i})),document.removeEventListener("wheel",l,fr),document.removeEventListener("touchmove",l,fr),document.removeEventListener("touchstart",d,fr)}}),[]);var h=t.removeScrollBar,m=t.inert;return e.createElement(e.Fragment,null,m?e.createElement(i,{styles:Er(a)}):null,h?e.createElement(ur,{gapMode:"margin"}):null)},Qn.useMedium(Cr),Jn),Nr=e.forwardRef((function(t,n){return e.createElement(tr,w({},t,{ref:n,sideCar:kr}))}));Nr.classNames=tr.classNames;var Ar=Nr,Pr=new WeakMap,Or=new WeakMap,Tr={},Dr=0,_r=function(e){return e&&(e.host||_r(e.parentNode))},Ir=function(e,t,n,r){var o=function(e,t){return t.map((function(t){if(e.contains(t))return t;var n=_r(t);return n&&e.contains(n)?n:(console.error("aria-hidden",t,"in not contained inside",e,". Doing nothing"),null)})).filter((function(e){return Boolean(e)}))}(t,Array.isArray(e)?e:[e]);Tr[n]||(Tr[n]=new WeakMap);var a=Tr[n],i=[],s=new Set,c=new Set(o),l=function(e){e&&!s.has(e)&&(s.add(e),l(e.parentNode))};o.forEach(l);var u=function(e){e&&!c.has(e)&&Array.prototype.forEach.call(e.children,(function(e){if(s.has(e))u(e);else{var t=e.getAttribute(r),o=null!==t&&"false"!==t,c=(Pr.get(e)||0)+1,l=(a.get(e)||0)+1;Pr.set(e,c),a.set(e,l),i.push(e),1===c&&o&&Or.set(e,!0),1===l&&e.setAttribute(n,"true"),o||e.setAttribute(r,"true")}}))};return u(t),s.clear(),Dr++,function(){i.forEach((function(e){var t=Pr.get(e)-1,o=a.get(e)-1;Pr.set(e,t),a.set(e,o),t||(Or.has(e)||e.removeAttribute(r),Or.delete(e)),o||e.removeAttribute(n)})),--Dr||(Pr=new WeakMap,Pr=new WeakMap,Or=new WeakMap,Tr={})}},Rr=function(e,t,n){void 0===n&&(n="data-aria-hidden");var r=Array.from(Array.isArray(e)?e:[e]),o=t||function(e){return"undefined"==typeof document?null:(Array.isArray(e)?e[0]:e).ownerDocument.body}(e);return o?(r.push.apply(r,Array.from(o.querySelectorAll("[aria-live]"))),Ir(r,o,n,"aria-hidden")):function(){return null}};const Fr="Dialog",[$r,Lr]=function(e,t=[]){let n=[];const r=()=>{const t=n.map((e=>s(e)));return function(n){const r=(null==n?void 0:n[e])||t;return c((()=>({[`__scope${e}`]:{...n,[e]:r}})),[n,r])}};return r.scopeName=e,[function(t,r){const i=s(r),l=n.length;function u(t){const{scope:n,children:r,...a}=t,s=(null==n?void 0:n[e][l])||i,u=c((()=>a),Object.values(a));return o(s.Provider,{value:u},r)}return n=[...n,r],u.displayName=t+"Provider",[u,function(n,o){const s=(null==o?void 0:o[e][l])||i,c=a(s);if(c)return c;if(void 0!==r)return r;throw new Error(`\`${n}\` must be used within \`${t}\``)}]},pn(r,...t)]}(Fr),[Mr,jr]=$r(Fr),zr="DialogPortal",[Br,Wr]=$r(zr,{forceMount:void 0}),Ur="DialogOverlay",Hr=p(((e,t)=>{const n=Wr(Ur,e.__scopeDialog),{forceMount:r=n.forceMount,...a}=e,i=jr(Ur,e.__scopeDialog);return i.modal?o(Hn,{present:r||i.open},o(Yr,cn({},a,{ref:t}))):null})),Yr=p(((e,t)=>{const{__scopeDialog:n,...r}=e,a=jr(Ur,n);return o(Ar,{as:bn,allowPinchZoom:!0,shards:[a.contentRef]},o(Cn.div,cn({"data-state":Qr(a.open)},r,{ref:t,style:{pointerEvents:"auto",...r.style}})))})),Vr="DialogContent",Gr=p(((e,t)=>{const n=Wr(Vr,e.__scopeDialog),{forceMount:r=n.forceMount,...a}=e,i=jr(Vr,e.__scopeDialog);return o(Hn,{present:r||i.open},i.modal?o(Xr,cn({},a,{ref:t})):o(qr,cn({},a,{ref:t})))})),Xr=p(((e,t)=>{const r=jr(Vr,e.__scopeDialog),a=n(null),i=dn(t,r.contentRef,a);return u((()=>{const e=a.current;if(e)return Rr(e)}),[]),o(Kr,cn({},e,{ref:i,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:ln(e.onCloseAutoFocus,(e=>{var t;e.preventDefault(),null===(t=r.triggerRef.current)||void 0===t||t.focus()})),onPointerDownOutside:ln(e.onPointerDownOutside,(e=>{const t=e.detail.originalEvent,n=0===t.button&&!0===t.ctrlKey;(2===t.button||n)&&e.preventDefault()})),onFocusOutside:ln(e.onFocusOutside,(e=>e.preventDefault()))}))})),qr=p(((e,t)=>{const r=jr(Vr,e.__scopeDialog),a=n(!1),i=n(!1);return o(Kr,cn({},e,{ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:t=>{var n,o;(null===(n=e.onCloseAutoFocus)||void 0===n||n.call(e,t),t.defaultPrevented)||(a.current||null===(o=r.triggerRef.current)||void 0===o||o.focus(),t.preventDefault());a.current=!1,i.current=!1},onInteractOutside:t=>{var n,o;null===(n=e.onInteractOutside)||void 0===n||n.call(e,t),t.defaultPrevented||(a.current=!0,"pointerdown"===t.detail.originalEvent.type&&(i.current=!0));const s=t.target;(null===(o=r.triggerRef.current)||void 0===o?void 0:o.contains(s))&&t.preventDefault(),"focusin"===t.detail.originalEvent.type&&i.current&&t.preventDefault()}}))})),Kr=p(((e,t)=>{const{__scopeDialog:r,trapFocus:a,onOpenAutoFocus:i,onCloseAutoFocus:s,...c}=e,l=jr(Vr,r),d=dn(t,n(null));return u((()=>{var e,t;const n=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",null!==(e=n[0])&&void 0!==e?e:Gn()),document.body.insertAdjacentElement("beforeend",null!==(t=n[1])&&void 0!==t?t:Gn()),Vn++,()=>{1===Vn&&document.querySelectorAll("[data-radix-focus-guard]").forEach((e=>e.remove())),Vn--}}),[]),o(v,null,o($n,{asChild:!0,loop:!0,trapped:a,onMountAutoFocus:i,onUnmountAutoFocus:s},o(Tn,cn({role:"dialog",id:l.contentId,"aria-describedby":l.descriptionId,"aria-labelledby":l.titleId,"data-state":Qr(l.open)},c,{ref:d,onDismiss:()=>l.onOpenChange(!1)}))),!1)})),Zr="DialogClose",Jr=p(((e,t)=>{const{__scopeDialog:n,...r}=e,a=jr(Zr,n);return o(Cn.button,cn({type:"button"},r,{ref:t,onClick:ln(e.onClick,(()=>a.onOpenChange(!1)))}))}));function Qr(e){return e?"open":"closed"}const eo=e=>{const{__scopeDialog:t,children:r,open:a,defaultOpen:s,onOpenChange:c,modal:l=!0}=e,u=n(null),d=n(null),[p=!1,f]=yn({prop:a,defaultProp:s,onChange:c});return o(Mr,{scope:t,triggerRef:u,contentRef:d,contentId:vn(),titleId:vn(),descriptionId:vn(),open:p,onOpenChange:f,onOpenToggle:i((()=>f((e=>!e))),[f]),modal:l},r)},to=e=>{const{__scopeDialog:t,forceMount:n,children:r,container:a}=e,i=jr(zr,t);return o(Br,{scope:t,forceMount:n},f.map(r,(e=>o(Hn,{present:n||i.open},o(Un,{asChild:!0,container:a},e)))))},no=Hr,ro=Gr,oo=Jr,ao={elephant:"#12344D",smoke:"#EBEFF3",milk:"#FFFFFF",E900:"#12344D",E800:"#264966",E700:"#345C7C",E600:"#447093",E500:"#527FA5",E400:"#6B92B6",E300:"#83A6C8",E200:"#A2C0DE",E100:"#BEDBF5",E50:"#DFF0FF",S900:"#27313A",S800:"#384551",S700:"#475867",S600:"#576C7D",S500:"#647A8E",S400:"#7B8E9F",S300:"#92A2B1",S200:"#B1BDC8",S100:"#CFD7DF",S75:"#E6E8EB",S50:"#EBEFF3",S25:"#F5F7F9",S10:"#F7F9FA"};on(p(((e,t)=>o(Cn.label,cn({},e,{ref:t,onMouseDown:t=>{var n;null===(n=e.onMouseDown)||void 0===n||n.call(e,t),!t.defaultPrevented&&t.detail>1&&t.preventDefault()}})))))`
+  color: ${({theme:e})=>e.colors.text.secondary};
+  font-family: ${({theme:e})=>e.typography.fontFamily};
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 20px;
+  display: flex;
+  margin-bottom: 4px;
+`,on.label`
+  font-family: ${({theme:e})=>e.typography.fontFamily};
+  color: ${({disabled:e})=>e?ao.S400:ao.E900};
+  margin: 0 8px;
+  display: inline-flex;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 20px;
+  display: flex;
+`,on.div`
+  color: #ff0000;
+  margin-left: 2px;
+`,on.span`
+  color: ${({theme:e})=>e.colors.text.error};
+  font-family: ${({theme:e})=>e.typography.fontFamily};
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 20px;
+`,on.button`
+  margin: 0;
+  padding: 0;
+  width: 20px;
+  height: 20px;
+  border: none;
+  background: none;
+  cursor: pointer;
+`,on.a`
+  font-weight: ${({theme:e})=>e.typography.fontWeight["semi-bold"]};
+  font-size: ${({theme:e})=>e.typography.primary.fontSize};
+  line-height: ${({theme:e})=>e.typography.primary.lineHeight};
+  color: ${({theme:e})=>e.colors.text.link};
+  font-family: ${({theme:e})=>e.typography.fontFamily};
+  text-decoration: unset;
+  :hover {
+    text-decoration: underline;
+  }
+`,on.div`
+  flex: 1;
+  padding: 32px;
+  height: 100%;
+`,on.div`
+  background-color: ${ao.S25};
+  display: flex;
+  padding: 16px;
+  gap: 8px;
+  justify-content: flex-end;
+`,on.h1`
+  font-family: ${({theme:e})=>e.typography.fontFamily};
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 32px;
+  letter-spacing: 0px;
+  margin: 0 0 12px 0;
+`,on.div`
+  font-family: ${({theme:e})=>e.typography.fontFamily};
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0px;
+  text-align: left;
+`,on.div`
+  font-family: ${({theme:e})=>e.typography.fontFamily};
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0px;
+  text-align: left;
+`,on.button`
+  border: none;
+  padding: 0;
+  margin: 0;
+  width: fit-content;
+  background: inherit;
+  cursor: pointer;
+`;const io=an`
+ from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+`,so=an`
+ from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+`;an`
+  from {
+    opacity: 1;
+    transform: translate(-50%, 0%) scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: translate(-50%, -16px) scale(0.96);
+  }
+`,an`
+  from {
+    opacity: 0;
+    transform: translate(-50%, -16px) scale(0.96);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, 0%) scale(1);
+  }
+`,an`
+  from {
+    opacity: 0;
+    transform: translateY(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`,an`
+ from {
+    opacity: 0;
+    transform: translateX(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+`,an`
+ from {
+    opacity: 0;
+    transform: translateY(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+`,an`
+  from {
+    opacity: 0;
+    transform: translateX(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+`;const co={right:{x:"0",right:"0",top:"0"},left:{x:"0",left:"0",top:"0"}},lo={small:"424px",default:"600px",medium:"720px",large:"800px","x-large":"1200px"},uo=an`
+  from {
+    opacity: 1;
+    transform: translate(0px, 0px);
+  }
+  to {
+    opacity: 0;
+    transform: translate(100%, 0px);
+  }
+`,po=an`
+  from {
+    opacity: 0;
+    transform: translate(100%, 0px);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0px, 0px);
+  }
+`,fo=on(no)`
+  background-color: rgba(0, 0, 0, 0.4);
+  position: fixed;
+  inset: 0;
+  z-index: 100;
+  animation-duration: ${({theme:e})=>e.transitions.duration.standard};
+  animation-timing-function: ${({theme:e})=>e.transitions.easing.easeIn};
+  &[data-state='open'] {
+    animation-name: ${()=>tn`
+  ${so}
+`};
+  }
+  &[data-state='closed'] {
+    animation-name: ${()=>tn`
+  ${io}
+`};
+  }
+`,ho=on(ro)`
+  background-color: white;
+  box-shadow: 0 2px 18px 0 rgba(18, 52, 77, 0.2);
+  outline: none;
+  max-width: ${({size:e})=>lo[e]};
+  height: ${({isFullHeight:e})=>e?"100vh":"unset"};
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 120;
+  display: flex;
+  flex-direction: column;
+  top: ${({placement:e})=>co[e].top};
+  bottom: ${({placement:e})=>co[e].bottom};
+  left: ${({placement:e})=>co[e].left};
+  right: ${({placement:e})=>co[e].right};
+  animation-duration: ${({theme:e})=>e.transitions.duration.standard};
+  animation-timing-function: ${({theme:e})=>e.transitions.easing.easeIn};
+  &[data-state='open'] {
+    animation-name: ${po};
+  }
+  &[data-state='closed'] {
+    animation-name: ${uo};
+  }
+`,mo=on.button`
+  position: absolute;
+  height: 24px;
+  width: 24px;
+  padding: 0;
+  margin: 0;
+  background-color: #183347;
+  border: none;
+  left: -24px;
+  top: 0px;
+  cursor: pointer;
+`,vo=on(oo)``,go=on(eo)``,yo=on(to)``,bo=e=>t.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},t.createElement("path",{d:"M10.9793 9.97715L12.8293 8.17715C13.1039 7.90035 13.1039 7.45394 12.8293 7.17715C12.6991 7.04018 12.5184 6.96265 12.3293 6.96265C12.1403 6.96265 11.9596 7.04018 11.8293 7.17715L9.97934 8.97715L8.17934 7.18715C8.04909 7.05018 7.86835 6.97265 7.67934 6.97265C7.49033 6.97265 7.3096 7.05018 7.17934 7.18715C7.04238 7.3174 6.96484 7.49814 6.96484 7.68715C6.96484 7.87616 7.04238 8.05689 7.17934 8.18715L8.97934 9.97715L7.18934 11.8371C7.05238 11.9674 6.97484 12.1481 6.97484 12.3371C6.97484 12.5262 7.05238 12.7069 7.18934 12.8371C7.32021 12.9654 7.49613 13.0372 7.67934 13.0371C7.86521 13.0356 8.04371 12.9642 8.17934 12.8371L9.97934 10.9771L11.8393 12.8271C11.9702 12.9554 12.1461 13.0272 12.3293 13.0271C12.5152 13.0256 12.6937 12.9542 12.8293 12.8271C13.1039 12.5504 13.1039 12.1039 12.8293 11.8271L10.9793 9.97715Z",fill:e.fill||ao.E800})),wo=({isOpen:e,children:n,hideDismissIcon:r,customClass:o="",size:a="default",isFullHeight:i=!0,placement:s="right",clickOutToClose:c=!1,onDismiss:l})=>t.createElement(go,{open:e,onOpenChange:e=>{e||l?.()}},t.createElement(yo,null,t.createElement(fo,{forceMount:!0,className:"DialogOverlay",onClick:()=>{c&&l?.()}}),t.createElement(ho,{forceMount:!0,className:`DialogContent ${o}`.trim(),isFullHeight:i,size:a,placement:s},!r&&t.createElement(vo,{asChild:!0},t.createElement(mo,{"aria-label":"Close"},t.createElement(bo,{fill:"#fff",height:24,width:24,viewBox:"0 0 20 20"}))),n)));export{wo as Drawer};

package/Drawer/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "freemium-ui/Drawer",
+  "private": true,
+  "main": "../index.cjs.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}

package/Dropdown/index.d.ts

@@ -0,0 +1,131 @@
+/// <reference types="react" />
+import React$1 from 'react';
+import { UseSelectProps, UseComboboxProps } from 'downshift';
+
+type DropdownTypes = 'button' | 'input';
+type DefaultDropdownItem = {
+    id: string | number;
+    name?: string;
+    disabled?: boolean;
+    [key: string]: any;
+};
+interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> {
+    /**
+     * The items to be displayed in the dropdown
+     */
+    items?: Array<T>;
+    /**
+     * The identifier for the items
+     */
+    itemIdentifier?: string;
+    /**
+     * The selected item
+     */
+    defaultSelectedItem?: T | null;
+    /**
+     * Function to be called when the selected item changes
+     */
+    onChange?: (item?: T | null) => void;
+    /**
+     * Fuction to give the string representation of the item
+     */
+    itemToString: (item: T | null, type?: 'list-item' | 'display') => string;
+    /**
+     * The type of the dropdown
+     */
+    type: DropdownTypes;
+    /**
+     * Is the dropdown read only
+     */
+    readOnly?: boolean;
+    /**
+     * Whether disabled select
+     */
+    disabled?: boolean;
+    /**
+     * The name of the dropdown
+     */
+    name?: string;
+    /**
+     * The width of the dropdown
+     */
+    width?: string;
+    /**
+     * The key to be used for filtering
+     */
+    filterKey?: string;
+    /**
+     *
+     */
+    getCustomMessage?: (inoutValue: string) => string;
+    /**
+     *
+     */
+    emptyItemsText?: string;
+    /**
+     *
+     */
+    hideClear?: boolean;
+    /**
+     *
+     */
+    errorText?: string;
+    /**
+     *
+     */
+    className?: string;
+    /**
+     *
+     */
+    style?: React.CSSProperties;
+    /**
+     *
+     */
+    isErrored?: boolean;
+    /**
+     *
+     */
+    isRequired?: boolean;
+    /**
+     *
+     */
+    isMenuLoading?: boolean;
+    /**
+     *
+     */
+    onCustomValueAdd?: (item: {
+        inputValue: string;
+        customValues: boolean;
+    }) => void;
+    /**
+     *
+     */
+    customValues?: boolean;
+    /**
+     *
+     */
+    id?: string;
+    /**
+     *
+     */
+    label?: string;
+    /**
+     *
+     */
+    placeholder?: string;
+    /**
+     *
+     */
+    useSelectProps?: UseSelectProps<T>;
+    /**
+     *
+     */
+    useComboboxProps?: UseComboboxProps<T>;
+}
+
+/**
+ * Dropdown displays a list or drop-down box that enables selection of an option or multiple options from an available list of values.
+ */
+declare const Dropdown: <T extends DefaultDropdownItem>(props: DropdownProps<T>) => React$1.JSX.Element;
+
+export { type DefaultDropdownItem, Dropdown, type DropdownProps, type DropdownTypes };