@myinterview/component-library - npm Package Compare versions

Comparing version 0.0.15 to 0.0.16

dist/atoms/inputs/InputText.d.ts

@@ -13,3 +13,4 @@ import React from 'react';
     error?: boolean;
+    errorMsg?: string;
 }
-export declare const InputText: ({ ref, validation, error, children, ...attributes }: IInputText) => JSX.Element;
+export declare const InputText: ({ ref, validation, error, children, errorMsg, ...attributes }: IInputText) => JSX.Element;

dist/atoms/inputs/InputText.stories.d.ts

@@ -6,3 +6,4 @@ import { Story, Meta } from '@storybook/react/types-6-0';
 export declare const Text: Story<IInputText>;
+export declare const TextError: Story<IInputText>;
 export declare const Email: Story<IInputText>;
 export declare const Password: Story<IInputText>;

dist/index.js

@@ -14,2 +14,2 @@ import React,{useRef,useDebugValue,useContext,createElement,useState,useEffect}from"react";var reactIs$1={exports:{}},reactIs_production_min={},b$1="function"==typeof Symbol&&Symbol.for,c=b$1?Symbol.for("react.element"):60103,d=b$1?Symbol.for("react.portal"):60106,e=b$1?Symbol.for("react.fragment"):60107,f=b$1?Symbol.for("react.strict_mode"):60108,g$1=b$1?Symbol.for("react.profiler"):60114,h=b$1?Symbol.for("react.provider"):60109,k$1=b$1?Symbol.for("react.context"):60110,l=b$1?Symbol.for("react.async_mode"):60111,m=b$1?Symbol.for("react.concurrent_mode"):60111,n=b$1?Symbol.for("react.forward_ref"):60112,p=b$1?Symbol.for("react.suspense"):60113,q$1=b$1?Symbol.for("react.suspense_list"):60120,r=b$1?Symbol.for("react.memo"):60115,t=b$1?Symbol.for("react.lazy"):60116,v$1=b$1?Symbol.for("react.block"):60121,w$1=b$1?Symbol.for("react.fundamental"):60117,x$1=b$1?Symbol.for("react.responder"):60118,y$1=b$1?Symbol.for("react.scope"):60119;function z$1(o){if("object"==typeof o&&null!==o){var a=o.$$typeof;switch(a){case c:switch(o=o.type){case l:case m:case e:case g$1:case f:case p:return o;default:switch(o=o&&o.$$typeof){case k$1:case n:case t:case r:case h:return o;default:return a}}case d:return a}}}function A(e){return z$1(e)===m}reactIs_production_min.AsyncMode=l,reactIs_production_min.ConcurrentMode=m,reactIs_production_min.ContextConsumer=k$1,reactIs_production_min.ContextProvider=h,reactIs_production_min.Element=c,reactIs_production_min.ForwardRef=n,reactIs_production_min.Fragment=e,reactIs_production_min.Lazy=t,reactIs_production_min.Memo=r,reactIs_production_min.Portal=d,reactIs_production_min.Profiler=g$1,reactIs_production_min.StrictMode=f,reactIs_production_min.Suspense=p,reactIs_production_min.isAsyncMode=function(e){return A(e)||z$1(e)===l},reactIs_production_min.isConcurrentMode=A,reactIs_production_min.isContextConsumer=function(e){return z$1(e)===k$1},reactIs_production_min.isContextProvider=function(e){return z$1(e)===h},reactIs_production_min.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===c},reactIs_production_min.isForwardRef=function(e){return z$1(e)===n},reactIs_production_min.isFragment=function(t){return z$1(t)===e},reactIs_production_min.isLazy=function(e){return z$1(e)===t},reactIs_production_min.isMemo=function(e){return z$1(e)===r},reactIs_production_min.isPortal=function(e){return z$1(e)===d},reactIs_production_min.isProfiler=function(e){return z$1(e)===g$1},reactIs_production_min.isStrictMode=function(e){return z$1(e)===f},reactIs_production_min.isSuspense=function(e){return z$1(e)===p},reactIs_production_min.isValidElementType=function(o){return"string"==typeof o||"function"==typeof o||o===e||o===m||o===g$1||o===f||o===p||o===q$1||"object"==typeof o&&null!==o&&(o.$$typeof===t||o.$$typeof===r||o.$$typeof===h||o.$$typeof===k$1||o.$$typeof===n||o.$$typeof===w$1||o.$$typeof===x$1||o.$$typeof===y$1||o.$$typeof===v$1)},reactIs_production_min.typeOf=z$1;var reactIs_development={};function stylis_min(e){function D(e,t,r){var n=t.trim().split(d),o=(t=n).length,a=e.length;switch(a){case 0:case 1:var s=0;for(e=0===a?"":e[0]+" ";s<o;++s)t[s]=l(e,t[s],r).trim();break;default:var i=s=0;for(t=[];s<o;++s)for(var c=0;c<a;++c)t[i++]=l(e[c]+" ",n[s],r).trim()}return t}function l(e,t,r){var n=t.charCodeAt(0);switch(n=n<33?(t=t.trim()).charCodeAt(0):n){case 38:return t.replace(o,"$1"+e.trim());case 58:return e.trim()+t.replace(o,"$1"+e.trim());default:if(0<+r&&0<t.indexOf("\f"))return t.replace(o,(58===e.charCodeAt(0)?"":"$1")+e.trim())}return e+t}function A(e,t,r,n){var o,a=e+";",s=2*t+3*r+4*n;if(944==s)return e=a.indexOf(":",9)+1,o=a.substring(e,a.length-1).trim(),o=a.substring(0,e).trim()+o+";",1===P||2===P&&R(o,1)?"-webkit-"+o+o:o;if(0===P||2===P&&!R(a,1))return a;switch(s){case 1015:return 97===a.charCodeAt(10)?"-webkit-"+a+a:a;case 951:return 116===a.charCodeAt(3)?"-webkit-"+a+a:a;case 963:return 110===a.charCodeAt(5)?"-webkit-"+a+a:a;case 1009:if(100!==a.charCodeAt(4))break;case 969:case 942:return"-webkit-"+a+a;case 978:return"-webkit-"+a+"-moz-"+a+a;case 1019:case 983:return"-webkit-"+a+"-moz-"+a+"-ms-"+a+a;case 883:if(45===a.charCodeAt(8))return"-webkit-"+a+a;if(0<a.indexOf("image-set(",11))return a.replace(g,"$1-webkit-$2")+a;break;case 932:if(45===a.charCodeAt(4))switch(a.charCodeAt(5)){case 103:return"-webkit-box-"+a.replace("-grow","")+"-webkit-"+a+"-ms-"+a.replace("grow","positive")+a;case 115:return"-webkit-"+a+"-ms-"+a.replace("shrink","negative")+a;case 98:return"-webkit-"+a+"-ms-"+a.replace("basis","preferred-size")+a}return"-webkit-"+a+"-ms-"+a+a;case 964:return"-webkit-"+a+"-ms-flex-"+a+a;case 1023:if(99!==a.charCodeAt(8))break;return"-webkit-box-pack"+(o=a.substring(a.indexOf(":",15)).replace("flex-","").replace("space-between","justify"))+"-webkit-"+a+"-ms-flex-pack"+o+a;case 1005:return c.test(a)?a.replace(i,":-webkit-")+a.replace(i,":-moz-")+a:a;case 1e3:switch(t=(o=a.substring(13).trim()).indexOf("-")+1,o.charCodeAt(0)+o.charCodeAt(t)){case 226:o=a.replace(p,"tb");break;case 232:o=a.replace(p,"tb-rl");break;case 220:o=a.replace(p,"lr");break;default:return a}return"-webkit-"+a+"-ms-"+o+a;case 1017:if(-1===a.indexOf("sticky",9))break;case 975:switch(t=(a=e).length-10,s=(o=(33===a.charCodeAt(t)?a.substring(0,t):a).substring(e.indexOf(":",7)+1).trim()).charCodeAt(0)+(0|o.charCodeAt(7))){case 203:if(o.charCodeAt(8)<111)break;case 115:a=a.replace(o,"-webkit-"+o)+";"+a;break;case 207:case 102:a=a.replace(o,"-webkit-"+(102<s?"inline-":"")+"box")+";"+a.replace(o,"-webkit-"+o)+";"+a.replace(o,"-ms-"+o+"box")+";"+a}return a+";";case 938:if(45===a.charCodeAt(5))switch(a.charCodeAt(6)){case 105:return o=a.replace("-items",""),"-webkit-"+a+"-webkit-box-"+o+"-ms-flex-"+o+a;case 115:return"-webkit-"+a+"-ms-flex-item-"+a.replace(f,"")+a;default:return"-webkit-"+a+"-ms-flex-line-pack"+a.replace("align-content","").replace(f,"")+a}break;case 973:case 989:if(45!==a.charCodeAt(3)||122===a.charCodeAt(4))break;case 931:case 953:if(!0===h.test(e))return 115===(o=e.substring(e.indexOf(":")+1)).charCodeAt(0)?A(e.replace("stretch","fill-available"),t,r,n).replace(":fill-available",":stretch"):a.replace(o,"-webkit-"+o)+a.replace(o,"-moz-"+o.replace("fill-",""))+a;break;case 962:if(a="-webkit-"+a+(102===a.charCodeAt(5)?"-ms-"+a:"")+a,211===r+n&&105===a.charCodeAt(13)&&0<a.indexOf("transform",10))return a.substring(0,a.indexOf(";",27)+1).replace(u,"$1-webkit-$2")+a}return a}function R(e,t){var r=e.indexOf(1===t?":":"{"),n=e.substring(0,3!==t?r:10),r=e.substring(r+1,e.length-1);return s(2!==t?n:n.replace(a,"$1"),r,t)}function j(e,t){var r=A(t,t.charCodeAt(0),t.charCodeAt(1),t.charCodeAt(2));return r!==t+";"?r.replace(n," or ($1)").substring(4):"("+t+")"}function N(e,t,r,n,o,a,s,u,d,p){for(var i,c=0,l=t;c<z;++c)switch(i=y[c].call(m,e,l,r,n,o,a,s,u,d,p)){case void 0:case!1:case!0:case null:break;default:l=i}if(l!==t)return l}function t(e){return void 0!==(e=e.prefix)&&(s=null,e?"function"!=typeof e?P=1:(P=2,s=e):P=0),t}function m(e,t){e=[e=e.charCodeAt(0)<33?e.trim():e],0<z&&(void 0!==(r=N(-1,t,e,e,O,$,0,0,0,0))&&"string"==typeof r&&(t=r));var r,t=function u(d,p,e,m,f){for(var t,r,n,h,g,y=0,o=0,v=0,a=0,b=0,w=0,s=n=t=0,i=0,_=0,C=0,S=0,k=e.length,E=k-1,c="",l="",x="",I="";i<k;){if(r=e.charCodeAt(i),i===E&&0!==o+a+v+y&&(0!==o&&(r=47===o?10:47),a=v=y=0,k++,E++),0===o+a+v+y){if(i===E&&0<(c=0<_?c.replace(L,""):c).trim().length){switch(r){case 32:case 9:case 59:case 13:case 10:break;default:c+=e.charAt(i)}r=59}switch(r){case 123:for(t=(c=c.trim()).charCodeAt(0),n=1,S=++i;i<k;){switch(r=e.charCodeAt(i)){case 123:n++;break;case 125:n--;break;case 47:switch(r=e.charCodeAt(i+1)){case 42:case 47:e:{for(s=i+1;s<E;++s)switch(e.charCodeAt(s)){case 47:if(42!==r||42!==e.charCodeAt(s-1)||i+2===s)break;i=s+1;break e;case 10:if(47===r){i=s+1;break e}}i=s}}break;case 91:r++;case 40:r++;case 34:case 39:for(;i++<E&&e.charCodeAt(i)!==r;);}if(0===n)break;i++}if(n=e.substring(S,i),64===(t=0===t?(c=c.replace(M,"").trim()).charCodeAt(0):t)){switch(r=(c=0<_?c.replace(L,""):c).charCodeAt(1)){case 100:case 109:case 115:case 45:_=p;break;default:_=Y}if(S=(n=u(p,_,n,r,f+1)).length,0<z&&(g=N(3,n,_=D(Y,c,C),p,O,$,S,r,f,m),c=_.join(""),void 0!==g&&0===(S=(n=g.trim()).length)&&(r=0,n="")),0<S)switch(r){case 115:c=c.replace(H,j);case 100:case 109:case 45:n=c+"{"+n+"}";break;case 107:n=(c=c.replace(F,"$1 $2"))+"{"+n+"}",n=1===P||2===P&&R("@"+n,3)?"@-webkit-"+n+"@"+n:"@"+n;break;default:n=c+n,112===m&&(l+=n,n="")}else n=""}else n=u(p,D(p,c,C),n,m,f+1);x+=n,n=C=_=s=t=0,c="",r=e.charCodeAt(++i);break;case 125:case 59:if(1<(S=(c=(0<_?c.replace(L,""):c).trim()).length))switch(0===s&&(t=c.charCodeAt(0),45===t||96<t&&t<123)&&(S=(c=c.replace(" ",":")).length),0<z&&void 0!==(g=N(1,c,p,d,O,$,l.length,m,f,m))&&0===(S=(c=g.trim()).length)&&(c="\0\0"),t=c.charCodeAt(0),r=c.charCodeAt(1),t){case 0:break;case 64:if(105===r||99===r){I+=c+e.charAt(i);break}default:58!==c.charCodeAt(S-1)&&(l+=A(c,t,r,c.charCodeAt(2)))}C=_=s=t=0,c="",r=e.charCodeAt(++i)}}switch(r){case 13:case 10:47===o?o=0:0===1+t&&107!==m&&0<c.length&&(_=1,c+="\0"),0<z*U&&N(0,c,p,d,O,$,l.length,m,f,m),$=1,O++;break;case 59:case 125:if(0===o+a+v+y){$++;break}default:switch($++,h=e.charAt(i),r){case 9:case 32:if(0===a+y+o)switch(b){case 44:case 58:case 9:case 32:h="";break;default:32!==r&&(h=" ")}break;case 0:h="\\0";break;case 12:h="\\f";break;case 11:h="\\v";break;case 38:0===a+o+y&&(_=C=1,h="\f"+h);break;case 108:if(0===a+o+y+T&&0<s)switch(i-s){case 2:112===b&&58===e.charCodeAt(i-3)&&(T=b);case 8:111===w&&(T=w)}break;case 58:0===a+o+y&&(s=i);break;case 44:0===o+v+a+y&&(_=1,h+="\r");break;case 34:case 39:0===o&&(a=a===r?0:0===a?r:a);break;case 91:0===a+o+v&&y++;break;case 93:0===a+o+v&&y--;break;case 41:0===a+o+y&&v--;break;case 40:0===a+o+y&&(0===t&&(2*b+3*w==533||(t=1)),v++);break;case 64:0===o+v+a+y+s+n&&(n=1);break;case 42:case 47:if(!(0<a+y+v))switch(o){case 0:switch(2*r+3*e.charCodeAt(i+1)){case 235:o=47;break;case 220:S=i,o=42}break;case 42:47===r&&42===b&&S+2!==i&&(33===e.charCodeAt(S+2)&&(l+=e.substring(S,i+1)),h="",o=0)}}0===o&&(c+=h)}w=b,b=r,i++}if(0<(S=l.length)){if(_=p,0<z&&void 0!==(g=N(2,l,_,d,O,$,S,m,f,m))&&0===(l=g).length)return I+l+x;if(l=_.join(",")+"{"+l+"}",0!=P*T){switch(T=2!==P||R(l,2)?T:0){case 111:l=l.replace(B,":-moz-$1")+l;break;case 112:l=l.replace(V,"::-webkit-input-$1")+l.replace(V,"::-moz-$1")+l.replace(V,":-ms-input-$1")+l}T=0}}return I+l+x}(Y,e,t,0,0);return 0<z&&(void 0!==(r=N(-2,t,e,e,O,$,t.length,0,0,0))&&(t=r)),T=0,$=O=1,t}var M=/^\0+/g,L=/[\0\r\f]/g,i=/: */g,c=/zoo|gra/,u=/([,: ])(transform)/g,d=/,\r+?/g,o=/([\t\r\n ])*\f?&/g,F=/@(k\w+)\s*(\S*)\s*/,V=/::(place)/g,B=/:(read-only)/g,p=/[svh]\w+-[tblr]{2}/,H=/\(\s*(.*)\s*\)/g,n=/([\s\S]*?);/g,f=/-self|flex-/g,a=/[^]*?(:[rp][el]a[\w-]+)[^]*/,h=/stretch|:\s*\w+\-(?:conte|avail)/,g=/([^-])(image-set\()/,$=1,O=1,T=0,P=1,Y=[],y=[],z=0,s=null,U=0;return m.use=function e(t){switch(t){case void 0:case null:z=y.length=0;break;default:if("function"==typeof t)y[z++]=t;else if("object"==typeof t)for(var r=0,n=t.length;r<n;++r)e(t[r]);else U=0|!!t}return e},m.set=t,void 0!==e&&t(e),m}"production"!==process.env.NODE_ENV&&!function(){var e="function"==typeof Symbol&&Symbol.for,p=e?Symbol.for("react.element"):60103,m=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,s=e?Symbol.for("react.profiler"):60114,i=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,f=e?Symbol.for("react.async_mode"):60111,l=e?Symbol.for("react.concurrent_mode"):60111,u=e?Symbol.for("react.forward_ref"):60112,d=e?Symbol.for("react.suspense"):60113,r=e?Symbol.for("react.suspense_list"):60120,h=e?Symbol.for("react.memo"):60115,g=e?Symbol.for("react.lazy"):60116,n=e?Symbol.for("react.block"):60121,y=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function t(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case p:var r=e.type;switch(r){case f:case l:case o:case s:case a:case d:return r;default:var n=r&&r.$$typeof;switch(n){case c:case u:case g:case h:case i:return n;default:return t}}case m:return t}}}var e=l,w=c,_=i,C=p,S=u,k=o,E=g,x=h,I=m,A=s,R=a,N=d,$=!1;function O(e){return t(e)===l}reactIs_development.AsyncMode=f,reactIs_development.ConcurrentMode=e,reactIs_development.ContextConsumer=w,reactIs_development.ContextProvider=_,reactIs_development.Element=C,reactIs_development.ForwardRef=S,reactIs_development.Fragment=k,reactIs_development.Lazy=E,reactIs_development.Memo=x,reactIs_development.Portal=I,reactIs_development.Profiler=A,reactIs_development.StrictMode=R,reactIs_development.Suspense=N,reactIs_development.isAsyncMode=function(e){return $||($=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),O(e)||t(e)===f},reactIs_development.isConcurrentMode=O,reactIs_development.isContextConsumer=function(e){return t(e)===c},reactIs_development.isContextProvider=function(e){return t(e)===i},reactIs_development.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===p},reactIs_development.isForwardRef=function(e){return t(e)===u},reactIs_development.isFragment=function(e){return t(e)===o},reactIs_development.isLazy=function(e){return t(e)===g},reactIs_development.isMemo=function(e){return t(e)===h},reactIs_development.isPortal=function(e){return t(e)===m},reactIs_development.isProfiler=function(e){return t(e)===s},reactIs_development.isStrictMode=function(e){return t(e)===a},reactIs_development.isSuspense=function(e){return t(e)===d},reactIs_development.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===l||e===s||e===a||e===d||e===r||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===h||e.$$typeof===i||e.$$typeof===c||e.$$typeof===u||e.$$typeof===y||e.$$typeof===v||e.$$typeof===b||e.$$typeof===n)},reactIs_development.typeOf=t}(),"production"===process.env.NODE_ENV?reactIs$1.exports=reactIs_production_min:reactIs$1.exports=reactIs_development;var unitlessKeys={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};function memoize(t){var r={};return function(e){return void 0===r[e]&&(r[e]=t(e)),r[e]}}var reactPropsRegex=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|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|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|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|inert|itemProp|itemScope|itemType|itemID|itemRef|on|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)-.*))$/,index$1=memoize(function(e){return reactPropsRegex.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}),reactIs=reactIs$1.exports,REACT_STATICS={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},KNOWN_STATICS={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},FORWARD_REF_STATICS={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},MEMO_STATICS={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},TYPE_STATICS={};function getStatics(e){return reactIs.isMemo(e)?MEMO_STATICS:TYPE_STATICS[e.$$typeof]||REACT_STATICS}TYPE_STATICS[reactIs.ForwardRef]=FORWARD_REF_STATICS,TYPE_STATICS[reactIs.Memo]=MEMO_STATICS;var defineProperty=Object.defineProperty,getOwnPropertyNames=Object.getOwnPropertyNames,getOwnPropertySymbols=Object.getOwnPropertySymbols,getOwnPropertyDescriptor=Object.getOwnPropertyDescriptor,getPrototypeOf=Object.getPrototypeOf,objectPrototype=Object.prototype;function hoistNonReactStatics(e,t,r){if("string"!=typeof t){!objectPrototype||(n=getPrototypeOf(t))&&n!==objectPrototype&&hoistNonReactStatics(e,n,r);for(var n,o=getOwnPropertyNames(t),a=(getOwnPropertySymbols&&(o=o.concat(getOwnPropertySymbols(t))),getStatics(e)),s=getStatics(t),i=0;i<o.length;++i){var c=o[i];if(!(KNOWN_STATICS[c]||r&&r[c]||s&&s[c]||a&&a[c])){var l=getOwnPropertyDescriptor(t,c);try{defineProperty(e,c,l)}catch(e){}}}}return e}var hoistNonReactStatics_cjs=hoistNonReactStatics;function y(){return(y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r,n=arguments[t];for(r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var v=function(e,t){for(var r=[e[0]],n=0,o=t.length;n<o;n+=1)r.push(t[n],e[n+1]);return r},g=function(e){return null!==e&&"object"==typeof e&&"[object Object]"===(e.toString?e.toString():Object.prototype.toString.call(e))&&!reactIs$1.exports.typeOf(e)},S=Object.freeze([]),w=Object.freeze({});function E(e){return"function"==typeof e}function b(e){return"production"!==process.env.NODE_ENV&&"string"==typeof e&&e||e.displayName||e.name||"Component"}function _(e){return e&&"string"==typeof e.styledComponentId}var N="undefined"!=typeof process&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",C="undefined"!=typeof window&&"HTMLElement"in window,I=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&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.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!==process.env.NODE_ENV),O="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"}:{};function R(){for(var t=arguments.length<=0?void 0:arguments[0],e=[],r=1,n=arguments.length;r<n;r+=1)e.push(r<0||arguments.length<=r?void 0:arguments[r]);return e.forEach(function(e){t=t.replace(/%[a-z]/,e)}),t}function D(e){for(var t=arguments.length,r=new Array(1<t?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];throw"production"===process.env.NODE_ENV?new Error("An error occurred. See https://git.io/JUIaE#"+e+" for more information."+(0<r.length?" Args: "+r.join(", "):"")):new Error(R.apply(void 0,[O[e]].concat(r)).trim())}var j=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}var t=e.prototype;return t.indexOfGroup=function(e){for(var t=0,r=0;r<e;r++)t+=this.groupSizes[r];return t},t.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var r=this.groupSizes,n=r.length,o=n;o<=e;)(o<<=1)<0&&D(16,""+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(r),this.length=o;for(var a=n;a<o;a++)this.groupSizes[a]=0}for(var s=this.indexOfGroup(e+1),i=0,c=t.length;i<c;i++)this.tag.insertRule(s,t[i])&&(this.groupSizes[e]++,s++)},t.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],r=this.indexOfGroup(e),n=r+t;this.groupSizes[e]=0;for(var o=r;o<n;o++)this.tag.deleteRule(r)}},t.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var r=this.groupSizes[e],e=this.indexOfGroup(e),n=e+r,o=e;o<n;o++)t+=this.tag.getRule(o)+"/*!sc*/\n";return t},e}(),T=new Map,x=new Map,k=1,V=function(e){if(T.has(e))return T.get(e);for(;x.has(k);)k++;var t=k++;return"production"!==process.env.NODE_ENV&&((0|t)<0||1<<30<t)&&D(16,""+t),T.set(e,t),x.set(t,e),t},z=function(e){return x.get(e)},B=function(e,t){k<=t&&(k=t+1),T.set(e,t),x.set(t,e)},M="style["+N+'][data-styled-version="5.3.3"]',G=new RegExp("^"+N+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),L=function(e,t,r){for(var n,o=r.split(","),a=0,s=o.length;a<s;a++)(n=o[a])&&e.registerName(t,n)},F=function(e,t){for(var r=(t.textContent||"").split("/*!sc*/\n"),n=[],o=0,a=r.length;o<a;o++){var s,i,c,l=r[o].trim();l&&((s=l.match(G))?(i=0|parseInt(s[1],10),c=s[2],0!=i&&(B(c,i),L(e,c,s[3]),e.getTag().insertRules(i,n)),n.length=0):n.push(l))}},Y=function(){return"undefined"!=typeof window&&void 0!==window.__webpack_nonce__?window.__webpack_nonce__:null},q=function(e){var t=document.head,n=e||t,e=document.createElement("style"),t=function(){for(var e=n.childNodes,t=e.length;0<=t;t--){var r=e[t];if(r&&1===r.nodeType&&r.hasAttribute(N))return r}}(),t=void 0!==t?t.nextSibling:null,r=(e.setAttribute(N,"active"),e.setAttribute("data-styled-version","5.3.3"),Y());return r&&e.setAttribute("nonce",r),n.insertBefore(e,t),e},H=function(){function e(e){e=this.element=q(e);e.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,r=0,n=t.length;r<n;r++){var o=t[r];if(o.ownerNode===e)return o}D(17)}(e),this.length=0}var t=e.prototype;return t.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},t.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},t.getRule=function(e){e=this.sheet.cssRules[e];return void 0!==e&&"string"==typeof e.cssText?e.cssText:""},e}(),$=function(){function e(e){e=this.element=q(e);this.nodes=e.childNodes,this.length=0}var t=e.prototype;return t.insertRule=function(e,t){return e<=this.length&&0<=e&&(t=document.createTextNode(t),e=this.nodes[e],this.element.insertBefore(t,e||null),this.length++,!0)},t.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},t.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),W=function(){function e(e){this.rules=[],this.length=0}var t=e.prototype;return t.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},t.deleteRule=function(e){this.rules.splice(e,1),this.length--},t.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),U=C,J={isServer:!C,useCSSOMInjection:!I},X=function(){function r(e,t,r){if(void 0===t&&(t={}),this.options=y({},J,{},e=void 0===e?w:e),this.gs=t,this.names=new Map(r),this.server=!!e.isServer,!this.server&&C&&U){U=!1;for(var n=this,o=document.querySelectorAll(M),a=0,s=o.length;a<s;a++){var i=o[a];i&&"active"!==i.getAttribute(N)&&(F(n,i),i.parentNode&&i.parentNode.removeChild(i))}}else;}r.registerId=function(e){return V(e)};var e=r.prototype;return e.reconstructWithOptions=function(e,t){return void 0===t&&(t=!0),new r(y({},this.options,{},e),this.gs,t&&this.names||void 0)},e.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.getTag=function(){return this.tag||(this.tag=(e=(r=this.options).isServer,t=r.useCSSOMInjection,r=r.target,e=new(e?W:t?H:$)(r),new j(e)));var e,t,r},e.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.registerName=function(e,t){var r;V(e),this.names.has(e)?this.names.get(e).add(t):((r=new Set).add(t),this.names.set(e,r))},e.insertRules=function(e,t,r){this.registerName(e,t),this.getTag().insertRules(V(e),r)},e.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.clearRules=function(e){this.getTag().clearGroup(V(e)),this.clearNames(e)},e.clearTag=function(){this.tag=void 0},e.toString=function(){for(var e=this,t=e.getTag(),r=t.length,n="",o=0;o<r;o++){var a,s,i,c=z(o);void 0!==c&&(a=e.names.get(c),s=t.getGroup(o),a&&s&&a.size&&(c=N+".g"+o+'[id="'+c+'"]',i="",void 0!==a&&a.forEach(function(e){0<e.length&&(i+=e+",")}),n+=s+c+'{content:"'+i+'"}/*!sc*/\n'))}return n},r}(),Z=/(a)(d)/gi,K=function(e){return String.fromCharCode(e+(25<e?39:97))};function Q(e){for(var t="",r=Math.abs(e);52<r;r=r/52|0)t=K(r%52)+t;return(K(r%52)+t).replace(Z,"$1-$2")}var ee=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},te=function(e){return ee(5381,e)};function ne(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(E(r)&&!_(r))return!1}return!0}var re=te("5.3.3"),oe=function(){function e(e,t,r){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===r||r.isStatic)&&ne(e),this.componentId=t,this.baseHash=ee(re,t),this.baseStyle=r,X.registerId(t)}return e.prototype.generateAndInjectStyles=function(u,e,t){var r=this.componentId,n=[];if(this.baseStyle&&n.push(this.baseStyle.generateAndInjectStyles(u,e,t)),this.isStatic&&!t.hash)this.staticRulesId&&e.hasNameForId(r,this.staticRulesId)?n.push(this.staticRulesId):(o=_e(this.rules,u,e,t).join(""),a=Q(ee(this.baseHash,o)>>>0),e.hasNameForId(r,a)||(o=t(o,"."+a,void 0,r),e.insertRules(r,a,o)),n.push(a),this.staticRulesId=a);else{for(var o,a,d=this.rules.length,s=ee(this.baseHash,t.hash),i="",c=0;c<d;c++){var l=this.rules[c];"string"==typeof l?(i+=l,"production"!==process.env.NODE_ENV&&(s=ee(s,l+c))):l&&(l=_e(l,u,e,t),l=Array.isArray(l)?l.join(""):l,s=ee(s,l+c),i+=l)}i&&(o=Q(s>>>0),e.hasNameForId(r,o)||(a=t(i,"."+o,void 0,r),e.insertRules(r,o,a)),n.push(o))}return n.join(" ")},e}(),se=/^\s*\/\/.*$/gm,ie=[":","[",".","#"];function ae(e){function l(e,t,r,n,o,a,l,s,i,c){switch(e){case 1:if(0===i&&64===t.charCodeAt(0))return u(t+";"),"";break;case 2:if(0===s)return t+"/*|*/";break;case 3:switch(s){case 102:case 112:return u(r[0]+t),"";default:return t+(0===c?"/*|*/":"")}case-2:t.split("/*|*/}").forEach(p)}}function d(e,t,r){return 0===t&&-1!==ie.indexOf(r[a.length])||r.match(i)?e:"."+o}var o,a,s,i,u,e=void 0===e?w:e,t=e.options,e=e.plugins,e=void 0===e?S:e,c=new stylis_min(void 0===t?w:t),r=[];u=function(e){r.push(e)};function p(e){if(e)try{u(e+"}")}catch(e){}}function n(e,t,r,n){void 0===n&&(n="&");e=e.replace(se,""),e=t&&r?r+" "+t+" { "+e+" }":e;return o=n,a=t,s=new RegExp("\\"+a+"\\b","g"),i=new RegExp("(\\"+a+"\\b){2,}"),c(r||!t?"":t,e)}return c.use([].concat(e,[function(e,t,r){2===e&&r.length&&0<r[0].lastIndexOf(a)&&(r[0]=r[0].replace(s,d))},l,function(e){if(-2===e)return e=r,r=[],e}])),n.hash=e.length?e.reduce(function(e,t){return t.name||D(15),ee(e,t.name)},5381).toString():"",n}var ce=React.createContext(),le=(ce.Consumer,React.createContext()),de=(le.Consumer,new X),he=ae();function pe(){return useContext(ce)||de}function fe(){return useContext(le)||he}var ye=function(){function e(e,t){var n=this;this.inject=function(e,t){var r=n.name+(t=void 0===t?he:t).hash;e.hasNameForId(n.id,r)||e.insertRules(n.id,r,t(n.rules,r,"@keyframes"))},this.toString=function(){return D(12,String(n.name))},this.name=e,this.id="sc-keyframes-"+e,this.rules=t}return e.prototype.getName=function(e){return this.name+(e=void 0===e?he:e).hash},e}(),ve=/([A-Z])/,ge=/([A-Z])/g,Se=/^ms-/,we=function(e){return"-"+e.toLowerCase()};function Ee(e){return ve.test(e)?e.replace(ge,we).replace(Se,"-ms-"):e}var be=function(e){return null==e||!1===e||""===e};function _e(e,t,r,n){if(Array.isArray(e)){for(var o,a=[],s=0,i=e.length;s<i;s+=1)""!==(o=_e(e[s],t,r,n))&&(Array.isArray(o)?a.push.apply(a,o):a.push(o));return a}if(be(e))return"";if(_(e))return"."+e.styledComponentId;if(E(e)){if("function"!=typeof e||e.prototype&&e.prototype.isReactComponent||!t)return e;var c=e(t);return"production"!==process.env.NODE_ENV&&reactIs$1.exports.isElement(c)&&console.warn(b(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."),_e(c,t,r,n)}return e instanceof ye?r?(e.inject(r,n),e.getName(n)):e:g(e)?function e(t,r){var n,o,a,s=[];for(a in t)t.hasOwnProperty(a)&&!be(t[a])&&(Array.isArray(t[a])&&t[a].isCss||E(t[a])?s.push(Ee(a)+":",t[a],";"):g(t[a])?s.push.apply(s,e(t[a],a)):s.push(Ee(a)+": "+(n=a,null==(o=t[a])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||n in unitlessKeys?String(o).trim():o+"px")+";"));return r?[r+" {"].concat(s,["}"]):s}(e):e.toString()}var Ne=function(e){return Array.isArray(e)&&(e.isCss=!0),e};function Ae(e){for(var t=arguments.length,r=new Array(1<t?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return E(e)||g(e)?Ne(_e(v(S,[e].concat(r)))):0===r.length&&1===e.length&&"string"==typeof e[0]?e:Ne(_e(v(e,r)))}var Ce=/invalid hook call/i,Ie=new Set,Pe=function(e,t){if("production"!==process.env.NODE_ENV){var o="The component "+e+(t?' with the id of "'+t+'"':"")+" has been created dynamically.\nYou 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 s=!0;console.error=function(e){if(Ce.test(e))s=!1,Ie.delete(o);else{for(var t=arguments.length,r=new Array(1<t?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];a.apply(void 0,[e].concat(r))}},useRef(),s&&!Ie.has(o)&&(console.warn(o),Ie.add(o))}catch(e){Ce.test(e.message)&&Ie.delete(o)}finally{console.error=a}}},Oe=function(e,t,r){return e.theme!==(r=void 0===r?w:r).theme&&e.theme||t||r.theme},Re=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,De=/(^-|-$)/g;function je(e){return e.replace(Re,"-").replace(De,"")}var Te=function(e){return Q(te(e)>>>0)};function xe(e){return"string"==typeof e&&("production"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var ke=function(e){return"function"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)},Ve=function(e){return"__proto__"!==e&&"constructor"!==e&&"prototype"!==e};function ze(e,t,r){var n=e[r];ke(t)&&ke(n)?Be(n,t):e[r]=t}function Be(e){for(var t=arguments.length,r=new Array(1<t?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];for(var o=0,a=r;o<a.length;o++){var s=a[o];if(ke(s))for(var i in s)Ve(i)&&ze(e,s[i],i)}return e}var Me=React.createContext(),Fe=(Me.Consumer,{});function Ye(n,o,l){var t=_(n),u=!xe(n),e=o.attrs,e=void 0===e?S:e,r=o.componentId,r=void 0===r?function(e,t){e="string"!=typeof e?"sc":je(e),Fe[e]=(Fe[e]||0)+1,e=e+"-"+Te("5.3.3"+e+Fe[e]);return t?t+"-"+e:e}(o.displayName,o.parentComponentId):r,a=o.displayName,s=void 0===a?xe(s=n)?"styled."+s:"Styled("+b(s)+")":a,a=o.displayName&&o.componentId?je(o.displayName)+"-"+o.componentId:o.componentId||r,d=t&&n.attrs?Array.prototype.concat(n.attrs,e).filter(Boolean):e,r=o.shouldForwardProp;t&&n.shouldForwardProp&&(r=o.shouldForwardProp?function(e,t,r){return n.shouldForwardProp(e,t,r)&&o.shouldForwardProp(e,t,r)}:n.shouldForwardProp);function p(e,u){var d,a,s,t,r=C,n=k,o=r.attrs,i=r.componentStyle,c=r.defaultProps,p=r.foldedComponentIds,m=r.shouldForwardProp,f=r.styledComponentId,h=r.target,o=("production"!==process.env.NODE_ENV&&useDebugValue(f),c=Oe(e,useContext(Me),c)||w,o=o,a=y({},e,{theme:c=void 0===c?w:c}),s={},o.forEach(function(e){var t,r,n,o=e;for(t in o=E(o)?o(a):o)a[t]=s[t]="className"===t?(r=s[t],n=o[t],r&&n?r+" "+n:r||n):o[t]}),(c=[a,s])[1]),c=(i=i,n=n,c=c[0],r="production"!==process.env.NODE_ENV?r.warnTooManyClasses:void 0,g=pe(),d=fe(),i=n?i.generateAndInjectStyles(w,g,d):i.generateAndInjectStyles(c,g,d),"production"!==process.env.NODE_ENV&&useDebugValue(i),"production"!==process.env.NODE_ENV&&!n&&r&&r(i),i),g=u,v=o.$as||e.$as||o.as||e.as||h,b=xe(v),_=o!==e?y({},e,{},o):e,l={};for(t in _)"$"!==t[0]&&"as"!==t&&("forwardedAs"===t?l.as=_[t]:(m?m(t,index$1,v):!b||index$1(t))&&(l[t]=_[t]));return e.style&&o.style!==e.style&&(l.style=y({},e.style,{},o.style)),l.className=Array.prototype.concat(p,f,c!==f?c:null,e.className,o.className).filter(Boolean).join(" "),l.ref=g,createElement(v,l)}var C,m,i,c,f,h=new oe(l,a,t?n.componentStyle:void 0),k=h.isStatic&&0===e.length;return p.displayName=s,(C=React.forwardRef(p)).attrs=d,C.componentStyle=h,C.displayName=s,C.shouldForwardProp=r,C.foldedComponentIds=t?Array.prototype.concat(n.foldedComponentIds,n.styledComponentId):S,C.styledComponentId=a,C.target=t?n.target:n,C.withComponent=function(e){var t=o.componentId,r=function(e,t){if(null==e)return{};for(var r,n={},o=Object.keys(e),a=0;a<o.length;a++)r=o[a],0<=t.indexOf(r)||(n[r]=e[r]);return n}(o,["componentId"]),t=t&&t+"-"+(xe(e)?e:je(b(e)));return Ye(e,y({},r,{attrs:d,componentId:t}),l)},Object.defineProperty(C,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=t?Be({},n.defaultProps,e):e}}),"production"!==process.env.NODE_ENV&&(Pe(s,a),C.warnTooManyClasses=(m=s,i=a,f=!(c={}),function(e){!f&&(c[e]=!0,200<=Object.keys(c).length)&&(console.warn("Over 200 classes were generated for component "+m+(i?' with the id of "'+i+'"':"")+".\nConsider 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 />"),f=!0,c={})})),C.toString=function(){return"."+C.styledComponentId},u&&hoistNonReactStatics_cjs(C,n,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),C}var qe=function(e){return function t(r,n,o){if(void 0===o&&(o=w),!reactIs$1.exports.isValidElementType(n))return D(1,String(n));function e(){return r(n,o,Ae.apply(void 0,arguments))}return e.withConfig=function(e){return t(r,n,y({},o,{},e))},e.attrs=function(e){return t(r,n,y({},o,{attrs:Array.prototype.concat(o.attrs,e).filter(Boolean)}))},e}(Ye,e)},Styled=(["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","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","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","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","textPath","tspan"].forEach(function(e){qe[e]=qe(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"),"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&"undefined"!=typeof window&&(window["__styled-components-init__"]=window["__styled-components-init__"]||0,1===window["__styled-components-init__"]&&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["__styled-components-init__"]+=1),qe);const Spacer=Styled.div`
 }
-`,IconComponent=({onClick:e,height:t,width:r,fill:n="black",icon:o,stroke:a})=>React.createElement(IconWrapper,{onClick:e,height:t,width:r,fill:n,stroke:a},o),Arrow=()=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"17",viewBox:"0 0 17 17",fill:"currentColor"},React.createElement("path",{d:"M16.354 5.075l-7.855 7.854L.646 5.075l.707-.707 7.145 7.146 7.148-7.147.708.708z"})),Close=()=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"17",viewBox:"0 0 17 17",fill:"currentColor"},React.createElement("path",{d:"M9.207 8.5l6.646 6.646-.707.707L8.5 9.207l-6.646 6.646-.707-.707L7.793 8.5 1.146 1.854l.707-.707L8.5 7.793l6.646-6.646.707.707L9.207 8.5z"})),PointerRight=()=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"17",viewBox:"0 0 192 140",fill:"currentColor"},React.createElement("path",{d:"M191.524 52.46C191.524 62.1283 183.5 70.0006 173.622 70.0006H146.507C147.195 71.89 147.568 73.931 147.568 76.0419C147.568 85.2671 140.232 92.8362 130.96 93.4893C131.637 95.332 131.998 97.303 131.998 99.3672C131.998 109.047 123.963 116.931 114.084 116.931H112.498C113.07 118.622 113.373 120.43 113.373 122.331C113.373 132.069 105.326 140 95.459 140H58.3134C50.4994 140 40.1779 136.245 31.0694 132.932C25.1564 130.775 18.462 128.337 15.8029 128.337H5.83134C2.61244 128.337 0 125.725 0 122.506C0 119.287 2.61244 116.675 5.83134 116.675H15.8029C20.503 116.675 26.9291 119.007 35.0463 121.97C43.2569 124.955 52.552 128.337 58.3134 128.337H95.459C98.8528 128.337 101.71 125.585 101.71 122.319C101.71 118.914 98.6546 117.025 95.6456 116.92C92.4733 116.803 89.9659 114.167 90.0242 110.983C90.0825 107.799 92.6833 105.257 95.8555 105.257H114.073C117.525 105.257 120.324 102.609 120.324 99.3556C120.324 96.2766 117.77 93.7225 114.516 93.5126C111.355 93.3143 108.941 90.6669 109.034 87.5063C109.139 84.3574 111.705 81.8616 114.866 81.8616H129.654C133.094 81.8616 135.893 79.2375 135.893 76.0303C135.893 73.0096 133.526 70.3389 130.505 69.954C127.461 69.5575 125.245 66.8517 125.444 63.7961C125.654 60.7172 128.184 58.338 131.263 58.338H173.611C177.051 58.338 179.85 55.7022 179.85 52.46C179.85 49.2061 177.051 46.5587 173.611 46.5587H101.535C99.1327 46.5587 96.9751 45.0892 96.1004 42.8499C95.2257 40.6107 95.8322 38.0682 97.5932 36.4355L111.717 23.4549C117.082 18.1017 116.055 16.399 115.064 14.7312C113.338 11.8272 109.466 10.8242 106.41 12.5387L23.6402 50.8739C22.6023 51.4803 21.5876 52.7865 21.1794 54.3377C20.538 56.9385 18.2171 58.7462 15.5347 58.7462H5.83134C2.61244 58.7462 0 56.1337 0 52.9148C0 49.6959 2.61244 47.0835 5.83134 47.0835H11.651C13.2138 44.3661 15.488 42.0919 18.3337 40.5057L101.115 2.15887C109.198 -2.38957 120.149 0.456124 125.082 8.74829C131.777 19.9095 123.065 28.5982 119.799 31.8637L116.51 34.896H173.622C183.489 34.896 191.524 42.78 191.524 52.46V52.46Z"})),Clip=()=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"17",viewBox:"0 0 17 17",fill:"currentColor"},React.createElement("path",{d:"M12.021 4.234v8.498h-1V4.234c0-1.091-.799-2.266-2.554-2.266-1.941 0-2.459 1.424-2.459 2.266v8.121h.007v1.457c0 .62.693 1.206 1.426 1.206.844 0 1.567-.683 1.567-1.241v-.27h-.003l.008-7.617c0-.874-.247-.874-.466-.874-.369 0-.547.035-.547.823v5.146H7V5.839c0-.451 0-1.823 1.547-1.823.669 0 1.466.325 1.466 1.875l-.007 6.43h.002v1.457c0 1.173-1.224 2.241-2.567 2.241-1.292 0-2.426-1.031-2.426-2.206v-.074h-.007V4.234C5.008 2.661 6.09.968 8.467.968c2.333.001 3.554 1.643 3.554 3.266z"})),Upload=()=>React.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",x:"0px",y:"0px",viewBox:"0 0 20 20",xmlSpace:"preserve",width:"18",height:"18"},React.createElement("g",null,React.createElement("path",{d:"M0.2,20v-2.1h19.5V20H0.2z M9,15.6V4L5.5,7.5L4,6l6-6l6,6l-1.5,1.5L11,4v11.6H9z"})));var index=Object.freeze({__proto__:null,EyeCloseSvg:EyeCloseSvg,EyeOpenSvg:EyeOpenSvg,IconComponent:IconComponent,Arrow:Arrow,Close:Close,PointerRight:PointerRight,Clip:Clip,Upload:Upload});const DropDown=e=>{var{options:n,selectedFieldName:o="name",standAlone:t=!0,placeholder:u="Select",defaultValue:a,onSelect:d}=e,e=__rest(e,["options","selectedFieldName","standAlone","placeholder","defaultValue","onSelect"]);const[r,s]=useState(!1),[i,c]=useState(null),l=useRef(null);useEffect(()=>{let e=null;if("string"==typeof n[0])e=n.findIndex(e=>e===a);else{const t=n,r=a;e=t.findIndex(e=>e[o]===r[o])}-1!==e&&c(e)},[]),useEffect(()=>{null!==i&&d(n[i])},[i]);t=classNames({dropdown:!0,"dropdown--standalone":t,"dropdown--opened":r});return React.createElement("div",Object.assign({},e,{className:t,role:"presentation",onMouseDown:e=>{e.preventDefault(),r?null!==(e=l.current)&&void 0!==e&&e.blur():null!==(e=l.current)&&void 0!==e&&e.focus()}}),React.createElement("span",{className:"dropdown__selected-item "+(null===i?"dropdown__selected-item--placeholder":"")},(()=>{if(null==i)return u;var e="object"==typeof n[i]&&n[i];return e?e[o]:n[i]})()),React.createElement("input",{ref:l,className:"dropdown__input",type:"text",onFocus:()=>s(!0),onBlur:()=>s(!1)}),React.createElement("div",{className:"dropdown__arrow-wrapper"},React.createElement(Arrow,null)),React.createElement("ul",{className:"dropdown__options"},n.map((e,t)=>React.createElement("li",{key:"string"!=typeof e?e.name:e,className:"dropdown__item",onKeyDown:()=>c(t),onMouseDown:()=>c(t)},"string"==typeof e?React.createElement("span",null,e):Object.values(e).map(e=>React.createElement("span",{key:e},e))))))},InputText=e=>{var{ref:t,validation:r,error:n}=e,e=__rest(e,["ref","validation","error","children"]),n=classNames({"input-text":!0,"input-text--error":n});return React.createElement("input",Object.assign({},e,{className:n+" "+(e.className||""),ref:t,pattern:r}))},Tags=e=>{var t=e["children"],e=__rest(e,["children"]);return React.createElement("span",Object.assign({},e,{className:"tag "+(e.className||"")}),t)},Text=e=>{var{children:t="Hello, World!",size:r="M-Regular",color:n="neutral-90",isTruncated:o=!1,fontStyle:a}=e,e=__rest(e,["children","size","color","isTruncated","fontStyle"]);const[s,i]=r.split("-");r=s.includes("H")?s.toLowerCase():s.includes("D")?"span":"p",n=classNames({text:!0,["text--"+s]:s,["text--"+i.toLowerCase()]:i,["color--"+n]:n,["text--"+a]:a,"text--truncated":o});return React.createElement(r,Object.assign(Object.assign({},e),{className:n+" "+(e.className||"")}),t)},ToggleSwitch=e=>{var{initialValue:t=!1,size:r=20,backgroundColor:n="primary",backgroundOffColor:o,indicatorColor:a="white",onToggle:s}=e,e=__rest(e,["initialValue","size","backgroundColor","backgroundOffColor","indicatorColor","onToggle"]);const[i,c]=useState(t);useEffect(()=>{s(i)},[i]);t=!i&&o||n,t=classNames({"toggle-switch":!0,["background-color--"+t]:!0}),a=classNames({"toggle-switch__indicator":!0,"toggle-switch__indicator--active":i,["background-color--"+a]:!0});return React.createElement("div",Object.assign({},e,{role:"presentation",className:t+" "+(e.className||""),onClick:()=>{c(e=>!e)},style:{fontSize:r,height:r,width:1.76*r,backgroundColor:!i&&o||n}}),React.createElement("span",{className:a}))},ToggleText=e=>{var{initialValue:t=!1,closedText:r="Show More",openedText:n="Show Less",textColor:o="primary",hideArrow:a=!1,onToggle:s}=e,e=__rest(e,["initialValue","closedText","openedText","textColor","hideArrow","onToggle"]);const[i,c]=useState(t);useEffect(()=>{s(i)},[i]);return React.createElement("div",Object.assign({},e,{role:"presentation",className:`toggle-text color--${o} `+(e.className||""),onClick:()=>{c(e=>!e)}}),React.createElement("span",{className:"toggle-text__text"},i?n:r),!a&&React.createElement("div",{className:"toggle-text__arrow-wrapepr "+(i?"toggle-text__arrow-wrapepr--opened":"")},React.createElement(Arrow,null)))},Progress=e=>{var{percentage:t=0,primaryColor:r="primary",secondaryColor:n="neutral-10",backgroundColor:o="white",size:a}=e,e=__rest(e,["percentage","primaryColor","secondaryColor","backgroundColor","size"]);return React.createElement("div",Object.assign({},e,{className:"progress "+(e.className||""),style:Object.assign({background:`conic-gradient(var(--color-${r}) ${t}%, var(--color-${n}) ${t}%)`,fontSize:a},e.style)}),React.createElement("span",{className:"progress__fill background-color--"+o}))},DndInput=e=>{var{color:t="primary",uploadedColor:r="neutral-90",backgroundColor:n="neutral-10",uploadPercentage:o=null,fileName:a="",onRemoveFile:s,onInput:i}=e,e=__rest(e,["color","uploadedColor","backgroundColor","uploadPercentage","fileName","onRemoveFile","onInput"]);const[c,l]=useState(!1);r=classNames({"dnd-wrapper":!0,["color--"+(a?r:t)]:t,["background-color--"+n]:n,"dnd-wrapper--scale":c,"dnd-wrapper--border-solid":null!==o||a}),t=classNames({"dnd-wrapper__label":!0,"dnd-wrapper__label--uploading":null!==o,"dnd-wrapper__label--uploaded":a});return React.createElement("div",Object.assign({},e,{className:r+" "+(e.className||"")}),React.createElement("input",{className:"dnd-wrapper__input",type:"file",onInput:e=>{l(!1),i&&i(e)},onDragEnter:()=>l(!0),onDragLeave:()=>l(!1),disabled:null!==o}),React.createElement("div",{className:t},null!==o?React.createElement(React.Fragment,null,React.createElement(Progress,{percentage:o,secondaryColor:"neutral-20",backgroundColor:n}),React.createElement("span",{className:"dnd-wrapper__text"},`Uploading: ${o}%`)):a?React.createElement(React.Fragment,null,React.createElement("span",{className:"dnd-wrapper__icon dnd-wrapper__icon--clip"},React.createElement(Clip,null)),React.createElement("span",{className:"dnd-wrapper__text"},a),React.createElement("span",{role:"presentation",className:"dnd-wrapper__icon dnd-wrapper__icon--close",onClick:e=>{e.stopPropagation(),s(e)}},React.createElement(Close,null))):React.createElement(React.Fragment,null,!c&&React.createElement(Upload,null),React.createElement("span",{className:"dnd-wrapper__text"},c?"Drop Here":"Upload"))))},CompanyLogo=e=>{var{url:t="https://logo.clearbit.com/myinterview.com"}=e,e=__rest(e,["url"]);return React.createElement("div",Object.assign({},e,{className:"logo-wrapper "+(e.className||"")}),React.createElement("img",{className:"logo-wrapper__img",src:t,alt:"companyLogo"}))},Modal=e=>{var{children:t,fullScreen:r=!1,closeButton:n=!1,clickOutside:o=!1,style:a={},onClose:s}=e,e=__rest(e,["children","fullScreen","closeButton","clickOutside","style","onClose"]);const i=useRef(null),c=e=>{var t;return o&&!(null!==(t=i.current)&&void 0!==t&&t.contains(e.target))&&s()};useEffect(()=>(document.addEventListener("click",c),()=>document.removeEventListener("click",c)),[]);r=classNames({"modal-wrapper":!0,"modal-wrapper--fullscreen":r});return React.createElement("div",Object.assign({},e,{ref:i,className:r+" "+(e.className||"")}),React.createElement("div",{className:"modal-wrapper__box",style:a},t),n&&React.createElement("div",{role:"presentation",className:"modal-wrapper__close-btn",onClick:s},React.createElement(Close,null)))};export{Button,CompanyLogo,DndInput,DropDown,index as Icons,InputText,Modal,Progress,Spacer,Tags,Text,ToggleSwitch,ToggleText};
+`,IconComponent=({onClick:e,height:t,width:r,fill:n="black",icon:o,stroke:a})=>React.createElement(IconWrapper,{onClick:e,height:t,width:r,fill:n,stroke:a},o),Arrow=()=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"17",viewBox:"0 0 17 17",fill:"currentColor"},React.createElement("path",{d:"M16.354 5.075l-7.855 7.854L.646 5.075l.707-.707 7.145 7.146 7.148-7.147.708.708z"})),Close=()=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"17",viewBox:"0 0 17 17",fill:"currentColor"},React.createElement("path",{d:"M9.207 8.5l6.646 6.646-.707.707L8.5 9.207l-6.646 6.646-.707-.707L7.793 8.5 1.146 1.854l.707-.707L8.5 7.793l6.646-6.646.707.707L9.207 8.5z"})),PointerRight=()=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"17",viewBox:"0 0 192 140",fill:"currentColor"},React.createElement("path",{d:"M191.524 52.46C191.524 62.1283 183.5 70.0006 173.622 70.0006H146.507C147.195 71.89 147.568 73.931 147.568 76.0419C147.568 85.2671 140.232 92.8362 130.96 93.4893C131.637 95.332 131.998 97.303 131.998 99.3672C131.998 109.047 123.963 116.931 114.084 116.931H112.498C113.07 118.622 113.373 120.43 113.373 122.331C113.373 132.069 105.326 140 95.459 140H58.3134C50.4994 140 40.1779 136.245 31.0694 132.932C25.1564 130.775 18.462 128.337 15.8029 128.337H5.83134C2.61244 128.337 0 125.725 0 122.506C0 119.287 2.61244 116.675 5.83134 116.675H15.8029C20.503 116.675 26.9291 119.007 35.0463 121.97C43.2569 124.955 52.552 128.337 58.3134 128.337H95.459C98.8528 128.337 101.71 125.585 101.71 122.319C101.71 118.914 98.6546 117.025 95.6456 116.92C92.4733 116.803 89.9659 114.167 90.0242 110.983C90.0825 107.799 92.6833 105.257 95.8555 105.257H114.073C117.525 105.257 120.324 102.609 120.324 99.3556C120.324 96.2766 117.77 93.7225 114.516 93.5126C111.355 93.3143 108.941 90.6669 109.034 87.5063C109.139 84.3574 111.705 81.8616 114.866 81.8616H129.654C133.094 81.8616 135.893 79.2375 135.893 76.0303C135.893 73.0096 133.526 70.3389 130.505 69.954C127.461 69.5575 125.245 66.8517 125.444 63.7961C125.654 60.7172 128.184 58.338 131.263 58.338H173.611C177.051 58.338 179.85 55.7022 179.85 52.46C179.85 49.2061 177.051 46.5587 173.611 46.5587H101.535C99.1327 46.5587 96.9751 45.0892 96.1004 42.8499C95.2257 40.6107 95.8322 38.0682 97.5932 36.4355L111.717 23.4549C117.082 18.1017 116.055 16.399 115.064 14.7312C113.338 11.8272 109.466 10.8242 106.41 12.5387L23.6402 50.8739C22.6023 51.4803 21.5876 52.7865 21.1794 54.3377C20.538 56.9385 18.2171 58.7462 15.5347 58.7462H5.83134C2.61244 58.7462 0 56.1337 0 52.9148C0 49.6959 2.61244 47.0835 5.83134 47.0835H11.651C13.2138 44.3661 15.488 42.0919 18.3337 40.5057L101.115 2.15887C109.198 -2.38957 120.149 0.456124 125.082 8.74829C131.777 19.9095 123.065 28.5982 119.799 31.8637L116.51 34.896H173.622C183.489 34.896 191.524 42.78 191.524 52.46V52.46Z"})),Clip=()=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"17",height:"17",viewBox:"0 0 17 17",fill:"currentColor"},React.createElement("path",{d:"M12.021 4.234v8.498h-1V4.234c0-1.091-.799-2.266-2.554-2.266-1.941 0-2.459 1.424-2.459 2.266v8.121h.007v1.457c0 .62.693 1.206 1.426 1.206.844 0 1.567-.683 1.567-1.241v-.27h-.003l.008-7.617c0-.874-.247-.874-.466-.874-.369 0-.547.035-.547.823v5.146H7V5.839c0-.451 0-1.823 1.547-1.823.669 0 1.466.325 1.466 1.875l-.007 6.43h.002v1.457c0 1.173-1.224 2.241-2.567 2.241-1.292 0-2.426-1.031-2.426-2.206v-.074h-.007V4.234C5.008 2.661 6.09.968 8.467.968c2.333.001 3.554 1.643 3.554 3.266z"})),Upload=()=>React.createElement("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",x:"0px",y:"0px",viewBox:"0 0 20 20",xmlSpace:"preserve",width:"18",height:"18"},React.createElement("g",null,React.createElement("path",{d:"M0.2,20v-2.1h19.5V20H0.2z M9,15.6V4L5.5,7.5L4,6l6-6l6,6l-1.5,1.5L11,4v11.6H9z"})));var index=Object.freeze({__proto__:null,EyeCloseSvg:EyeCloseSvg,EyeOpenSvg:EyeOpenSvg,IconComponent:IconComponent,Arrow:Arrow,Close:Close,PointerRight:PointerRight,Clip:Clip,Upload:Upload});const DropDown=e=>{var{options:n,selectedFieldName:o="name",standAlone:t=!0,placeholder:u="Select",defaultValue:a,onSelect:d}=e,e=__rest(e,["options","selectedFieldName","standAlone","placeholder","defaultValue","onSelect"]);const[r,s]=useState(!1),[i,c]=useState(null),l=useRef(null);useEffect(()=>{let e=null;if("string"==typeof n[0])e=n.findIndex(e=>e===a);else{const t=n,r=a;e=t.findIndex(e=>e[o]===r[o])}-1!==e&&c(e)},[]),useEffect(()=>{null!==i&&d(n[i])},[i]);t=classNames({dropdown:!0,"dropdown--standalone":t,"dropdown--opened":r});return React.createElement("div",Object.assign({},e,{className:t,role:"presentation",onMouseDown:e=>{e.preventDefault(),r?null!==(e=l.current)&&void 0!==e&&e.blur():null!==(e=l.current)&&void 0!==e&&e.focus()}}),React.createElement("span",{className:"dropdown__selected-item "+(null===i?"dropdown__selected-item--placeholder":"")},(()=>{if(null==i)return u;var e="object"==typeof n[i]&&n[i];return e?e[o]:n[i]})()),React.createElement("input",{ref:l,className:"dropdown__input",type:"text",onFocus:()=>s(!0),onBlur:()=>s(!1)}),React.createElement("div",{className:"dropdown__arrow-wrapper"},React.createElement(Arrow,null)),React.createElement("ul",{className:"dropdown__options"},n.map((e,t)=>React.createElement("li",{key:"string"!=typeof e?e.name:e,className:"dropdown__item",onKeyDown:()=>c(t),onMouseDown:()=>c(t)},"string"==typeof e?React.createElement("span",null,e):Object.values(e).map(e=>React.createElement("span",{key:e},e))))))},InputText=e=>{var{ref:t,validation:r,error:n,errorMsg:o}=e,e=__rest(e,["ref","validation","error","children","errorMsg"]),n=classNames({"input-text__field":!0,"input-text--error":n}),a=classNames({"input-text__error-msg":o});return React.createElement("div",{className:"input-text"},React.createElement("input",Object.assign({},e,{className:n+" "+(e.className||""),ref:t,pattern:r})),o&&React.createElement("small",{className:a},o))},Tags=e=>{var t=e["children"],e=__rest(e,["children"]);return React.createElement("span",Object.assign({},e,{className:"tag "+(e.className||"")}),t)},Text=e=>{var{children:t="Hello, World!",size:r="M-Regular",color:n="neutral-90",isTruncated:o=!1,fontStyle:a}=e,e=__rest(e,["children","size","color","isTruncated","fontStyle"]);const[s,i]=r.split("-");r=s.includes("H")?s.toLowerCase():s.includes("D")?"span":"p",n=classNames({text:!0,["text--"+s]:s,["text--"+i.toLowerCase()]:i,["color--"+n]:n,["text--"+a]:a,"text--truncated":o});return React.createElement(r,Object.assign(Object.assign({},e),{className:n+" "+(e.className||"")}),t)},ToggleSwitch=e=>{var{initialValue:t=!1,size:r=20,backgroundColor:n="primary",backgroundOffColor:o,indicatorColor:a="white",onToggle:s}=e,e=__rest(e,["initialValue","size","backgroundColor","backgroundOffColor","indicatorColor","onToggle"]);const[i,c]=useState(t);useEffect(()=>{s(i)},[i]);t=!i&&o||n,t=classNames({"toggle-switch":!0,["background-color--"+t]:!0}),a=classNames({"toggle-switch__indicator":!0,"toggle-switch__indicator--active":i,["background-color--"+a]:!0});return React.createElement("div",Object.assign({},e,{role:"presentation",className:t+" "+(e.className||""),onClick:()=>{c(e=>!e)},style:{fontSize:r,height:r,width:1.76*r,backgroundColor:!i&&o||n}}),React.createElement("span",{className:a}))},ToggleText=e=>{var{initialValue:t=!1,closedText:r="Show More",openedText:n="Show Less",textColor:o="primary",hideArrow:a=!1,onToggle:s}=e,e=__rest(e,["initialValue","closedText","openedText","textColor","hideArrow","onToggle"]);const[i,c]=useState(t);useEffect(()=>{s(i)},[i]);return React.createElement("div",Object.assign({},e,{role:"presentation",className:`toggle-text color--${o} `+(e.className||""),onClick:()=>{c(e=>!e)}}),React.createElement("span",{className:"toggle-text__text"},i?n:r),!a&&React.createElement("div",{className:"toggle-text__arrow-wrapepr "+(i?"toggle-text__arrow-wrapepr--opened":"")},React.createElement(Arrow,null)))},Progress=e=>{var{percentage:t=0,primaryColor:r="primary",secondaryColor:n="neutral-10",backgroundColor:o="white",size:a}=e,e=__rest(e,["percentage","primaryColor","secondaryColor","backgroundColor","size"]);return React.createElement("div",Object.assign({},e,{className:"progress "+(e.className||""),style:Object.assign({background:`conic-gradient(var(--color-${r}) ${t}%, var(--color-${n}) ${t}%)`,fontSize:a},e.style)}),React.createElement("span",{className:"progress__fill background-color--"+o}))},DndInput=e=>{var{color:t="primary",uploadedColor:r="neutral-90",backgroundColor:n="neutral-10",uploadPercentage:o=null,fileName:a="",onRemoveFile:s,onInput:i}=e,e=__rest(e,["color","uploadedColor","backgroundColor","uploadPercentage","fileName","onRemoveFile","onInput"]);const[c,l]=useState(!1);r=classNames({"dnd-wrapper":!0,["color--"+(a?r:t)]:t,["background-color--"+n]:n,"dnd-wrapper--scale":c,"dnd-wrapper--border-solid":null!==o||a}),t=classNames({"dnd-wrapper__label":!0,"dnd-wrapper__label--uploading":null!==o,"dnd-wrapper__label--uploaded":a});return React.createElement("div",Object.assign({},e,{className:r+" "+(e.className||"")}),React.createElement("input",{className:"dnd-wrapper__input",type:"file",onInput:e=>{l(!1),i&&i(e)},onDragEnter:()=>l(!0),onDragLeave:()=>l(!1),disabled:null!==o}),React.createElement("div",{className:t},null!==o?React.createElement(React.Fragment,null,React.createElement(Progress,{percentage:o,secondaryColor:"neutral-20",backgroundColor:n}),React.createElement("span",{className:"dnd-wrapper__text"},`Uploading: ${o}%`)):a?React.createElement(React.Fragment,null,React.createElement("span",{className:"dnd-wrapper__icon dnd-wrapper__icon--clip"},React.createElement(Clip,null)),React.createElement("span",{className:"dnd-wrapper__text"},a),React.createElement("span",{role:"presentation",className:"dnd-wrapper__icon dnd-wrapper__icon--close",onClick:e=>{e.stopPropagation(),s(e)}},React.createElement(Close,null))):React.createElement(React.Fragment,null,!c&&React.createElement(Upload,null),React.createElement("span",{className:"dnd-wrapper__text"},c?"Drop Here":"Upload"))))},CompanyLogo=e=>{var{url:t="https://logo.clearbit.com/myinterview.com"}=e,e=__rest(e,["url"]);return React.createElement("div",Object.assign({},e,{className:"logo-wrapper "+(e.className||"")}),React.createElement("img",{className:"logo-wrapper__img",src:t,alt:"companyLogo"}))},Modal=e=>{var{children:t,fullScreen:r=!1,closeButton:n=!1,clickOutside:o=!1,style:a={},onClose:s}=e,e=__rest(e,["children","fullScreen","closeButton","clickOutside","style","onClose"]);const i=useRef(null),c=e=>{var t;return o&&!(null!==(t=i.current)&&void 0!==t&&t.contains(e.target))&&s()};useEffect(()=>(document.addEventListener("click",c),()=>document.removeEventListener("click",c)),[]);r=classNames({"modal-wrapper":!0,"modal-wrapper--fullscreen":r});return React.createElement("div",Object.assign({},e,{ref:i,className:r+" "+(e.className||"")}),React.createElement("div",{className:"modal-wrapper__box",style:a},t),n&&React.createElement("div",{role:"presentation",className:"modal-wrapper__close-btn",onClick:s},React.createElement(Close,null)))};export{Button,CompanyLogo,DndInput,DropDown,index as Icons,InputText,Modal,Progress,Spacer,Tags,Text,ToggleSwitch,ToggleText};

package.json

 {
   "name": "@myinterview/component-library",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

520062

increased by0.17%

Number of package files

53

increased by10.42%

Lines of code

777

increased by1.3%

No dependency changes