@secondstaxorg/sscomp 1.0.8 → 1.0.9

package/dist/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+var styled = require('styled-components');
+
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -2954,1291 +2956,6 @@ var theme = {
     },
 };
 
-var reactIsExports$1 = {};
-var reactIs$2 = {
-  get exports(){ return reactIsExports$1; },
-  set exports(v){ reactIsExports$1 = v; },
-};
-
-var reactIs_production_min$1 = {};
-
-/**
- * @license React
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactIs_production_min$1;
-
-function requireReactIs_production_min$1 () {
-	if (hasRequiredReactIs_production_min$1) return reactIs_production_min$1;
-	hasRequiredReactIs_production_min$1 = 1;
-var b=Symbol.for("react.element"),c=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),e=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),g=Symbol.for("react.provider"),h=Symbol.for("react.context"),k=Symbol.for("react.server_context"),l=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),n=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),q=Symbol.for("react.lazy"),t=Symbol.for("react.offscreen"),u;u=Symbol.for("react.module.reference");
-	function v(a){if("object"===typeof a&&null!==a){var r=a.$$typeof;switch(r){case b:switch(a=a.type,a){case d:case f:case e:case m:case n:return a;default:switch(a=a&&a.$$typeof,a){case k:case h:case l:case q:case p:case g:return a;default:return r}}case c:return r}}}reactIs_production_min$1.ContextConsumer=h;reactIs_production_min$1.ContextProvider=g;reactIs_production_min$1.Element=b;reactIs_production_min$1.ForwardRef=l;reactIs_production_min$1.Fragment=d;reactIs_production_min$1.Lazy=q;reactIs_production_min$1.Memo=p;reactIs_production_min$1.Portal=c;reactIs_production_min$1.Profiler=f;reactIs_production_min$1.StrictMode=e;reactIs_production_min$1.Suspense=m;
-	reactIs_production_min$1.SuspenseList=n;reactIs_production_min$1.isAsyncMode=function(){return !1};reactIs_production_min$1.isConcurrentMode=function(){return !1};reactIs_production_min$1.isContextConsumer=function(a){return v(a)===h};reactIs_production_min$1.isContextProvider=function(a){return v(a)===g};reactIs_production_min$1.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===b};reactIs_production_min$1.isForwardRef=function(a){return v(a)===l};reactIs_production_min$1.isFragment=function(a){return v(a)===d};reactIs_production_min$1.isLazy=function(a){return v(a)===q};reactIs_production_min$1.isMemo=function(a){return v(a)===p};
-	reactIs_production_min$1.isPortal=function(a){return v(a)===c};reactIs_production_min$1.isProfiler=function(a){return v(a)===f};reactIs_production_min$1.isStrictMode=function(a){return v(a)===e};reactIs_production_min$1.isSuspense=function(a){return v(a)===m};reactIs_production_min$1.isSuspenseList=function(a){return v(a)===n};
-	reactIs_production_min$1.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===d||a===f||a===e||a===m||a===n||a===t||"object"===typeof a&&null!==a&&(a.$$typeof===q||a.$$typeof===p||a.$$typeof===g||a.$$typeof===h||a.$$typeof===l||a.$$typeof===u||void 0!==a.getModuleId)?!0:!1};reactIs_production_min$1.typeOf=v;
-	return reactIs_production_min$1;
-}
-
-var reactIs_development$1 = {};
-
-/**
- * @license React
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactIs_development$1;
-
-function requireReactIs_development$1 () {
-	if (hasRequiredReactIs_development$1) return reactIs_development$1;
-	hasRequiredReactIs_development$1 = 1;
-
-	if (process.env.NODE_ENV !== "production") {
-	  (function() {
-
-	// ATTENTION
-	// When adding new symbols to this file,
-	// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-	// The Symbol used to tag the ReactElement-like types.
-	var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-	var REACT_PORTAL_TYPE = Symbol.for('react.portal');
-	var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-	var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-	var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-	var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-	var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-	var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-	var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-	var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-	var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-	var REACT_MEMO_TYPE = Symbol.for('react.memo');
-	var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-	var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-
-	// -----------------------------------------------------------------------------
-
-	var enableScopeAPI = false; // Experimental Create Event Handle API.
-	var enableCacheElement = false;
-	var enableTransitionTracing = false; // No known bugs, but needs performance testing
-
-	var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
-	// stuff. Intended to enable React core members to more easily debug scheduling
-	// issues in DEV builds.
-
-	var enableDebugTracing = false; // Track which Fiber(s) schedule render work.
-
-	var REACT_MODULE_REFERENCE;
-
-	{
-	  REACT_MODULE_REFERENCE = Symbol.for('react.module.reference');
-	}
-
-	function isValidElementType(type) {
-	  if (typeof type === 'string' || typeof type === 'function') {
-	    return true;
-	  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
-
-
-	  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {
-	    return true;
-	  }
-
-	  if (typeof type === 'object' && type !== null) {
-	    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
-	    // types supported by any Flight configuration anywhere since
-	    // we don't know which Flight build this will end up being used
-	    // with.
-	    type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {
-	      return true;
-	    }
-	  }
-
-	  return false;
-	}
-
-	function typeOf(object) {
-	  if (typeof object === 'object' && object !== null) {
-	    var $$typeof = object.$$typeof;
-
-	    switch ($$typeof) {
-	      case REACT_ELEMENT_TYPE:
-	        var type = object.type;
-
-	        switch (type) {
-	          case REACT_FRAGMENT_TYPE:
-	          case REACT_PROFILER_TYPE:
-	          case REACT_STRICT_MODE_TYPE:
-	          case REACT_SUSPENSE_TYPE:
-	          case REACT_SUSPENSE_LIST_TYPE:
-	            return type;
-
-	          default:
-	            var $$typeofType = type && type.$$typeof;
-
-	            switch ($$typeofType) {
-	              case REACT_SERVER_CONTEXT_TYPE:
-	              case REACT_CONTEXT_TYPE:
-	              case REACT_FORWARD_REF_TYPE:
-	              case REACT_LAZY_TYPE:
-	              case REACT_MEMO_TYPE:
-	              case REACT_PROVIDER_TYPE:
-	                return $$typeofType;
-
-	              default:
-	                return $$typeof;
-	            }
-
-	        }
-
-	      case REACT_PORTAL_TYPE:
-	        return $$typeof;
-	    }
-	  }
-
-	  return undefined;
-	}
-	var ContextConsumer = REACT_CONTEXT_TYPE;
-	var ContextProvider = REACT_PROVIDER_TYPE;
-	var Element = REACT_ELEMENT_TYPE;
-	var ForwardRef = REACT_FORWARD_REF_TYPE;
-	var Fragment = REACT_FRAGMENT_TYPE;
-	var Lazy = REACT_LAZY_TYPE;
-	var Memo = REACT_MEMO_TYPE;
-	var Portal = REACT_PORTAL_TYPE;
-	var Profiler = REACT_PROFILER_TYPE;
-	var StrictMode = REACT_STRICT_MODE_TYPE;
-	var Suspense = REACT_SUSPENSE_TYPE;
-	var SuspenseList = REACT_SUSPENSE_LIST_TYPE;
-	var hasWarnedAboutDeprecatedIsAsyncMode = false;
-	var hasWarnedAboutDeprecatedIsConcurrentMode = false; // AsyncMode should be deprecated
-
-	function isAsyncMode(object) {
-	  {
-	    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-	      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
-
-	      console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 18+.');
-	    }
-	  }
-
-	  return false;
-	}
-	function isConcurrentMode(object) {
-	  {
-	    if (!hasWarnedAboutDeprecatedIsConcurrentMode) {
-	      hasWarnedAboutDeprecatedIsConcurrentMode = true; // Using console['warn'] to evade Babel and ESLint
-
-	      console['warn']('The ReactIs.isConcurrentMode() alias has been deprecated, ' + 'and will be removed in React 18+.');
-	    }
-	  }
-
-	  return false;
-	}
-	function isContextConsumer(object) {
-	  return typeOf(object) === REACT_CONTEXT_TYPE;
-	}
-	function isContextProvider(object) {
-	  return typeOf(object) === REACT_PROVIDER_TYPE;
-	}
-	function isElement(object) {
-	  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-	}
-	function isForwardRef(object) {
-	  return typeOf(object) === REACT_FORWARD_REF_TYPE;
-	}
-	function isFragment(object) {
-	  return typeOf(object) === REACT_FRAGMENT_TYPE;
-	}
-	function isLazy(object) {
-	  return typeOf(object) === REACT_LAZY_TYPE;
-	}
-	function isMemo(object) {
-	  return typeOf(object) === REACT_MEMO_TYPE;
-	}
-	function isPortal(object) {
-	  return typeOf(object) === REACT_PORTAL_TYPE;
-	}
-	function isProfiler(object) {
-	  return typeOf(object) === REACT_PROFILER_TYPE;
-	}
-	function isStrictMode(object) {
-	  return typeOf(object) === REACT_STRICT_MODE_TYPE;
-	}
-	function isSuspense(object) {
-	  return typeOf(object) === REACT_SUSPENSE_TYPE;
-	}
-	function isSuspenseList(object) {
-	  return typeOf(object) === REACT_SUSPENSE_LIST_TYPE;
-	}
-
-	reactIs_development$1.ContextConsumer = ContextConsumer;
-	reactIs_development$1.ContextProvider = ContextProvider;
-	reactIs_development$1.Element = Element;
-	reactIs_development$1.ForwardRef = ForwardRef;
-	reactIs_development$1.Fragment = Fragment;
-	reactIs_development$1.Lazy = Lazy;
-	reactIs_development$1.Memo = Memo;
-	reactIs_development$1.Portal = Portal;
-	reactIs_development$1.Profiler = Profiler;
-	reactIs_development$1.StrictMode = StrictMode;
-	reactIs_development$1.Suspense = Suspense;
-	reactIs_development$1.SuspenseList = SuspenseList;
-	reactIs_development$1.isAsyncMode = isAsyncMode;
-	reactIs_development$1.isConcurrentMode = isConcurrentMode;
-	reactIs_development$1.isContextConsumer = isContextConsumer;
-	reactIs_development$1.isContextProvider = isContextProvider;
-	reactIs_development$1.isElement = isElement;
-	reactIs_development$1.isForwardRef = isForwardRef;
-	reactIs_development$1.isFragment = isFragment;
-	reactIs_development$1.isLazy = isLazy;
-	reactIs_development$1.isMemo = isMemo;
-	reactIs_development$1.isPortal = isPortal;
-	reactIs_development$1.isProfiler = isProfiler;
-	reactIs_development$1.isStrictMode = isStrictMode;
-	reactIs_development$1.isSuspense = isSuspense;
-	reactIs_development$1.isSuspenseList = isSuspenseList;
-	reactIs_development$1.isValidElementType = isValidElementType;
-	reactIs_development$1.typeOf = typeOf;
-	  })();
-	}
-	return reactIs_development$1;
-}
-
-(function (module) {
-
-	if (process.env.NODE_ENV === 'production') {
-	  module.exports = requireReactIs_production_min$1();
-	} else {
-	  module.exports = requireReactIs_development$1();
-	}
-} (reactIs$2));
-
-function stylis_min (W) {
-  function M(d, c, e, h, a) {
-    for (var m = 0, b = 0, v = 0, n = 0, q, g, x = 0, K = 0, k, u = k = q = 0, l = 0, r = 0, I = 0, t = 0, B = e.length, J = B - 1, y, f = '', p = '', F = '', G = '', C; l < B;) {
-      g = e.charCodeAt(l);
-      l === J && 0 !== b + n + v + m && (0 !== b && (g = 47 === b ? 10 : 47), n = v = m = 0, B++, J++);
-
-      if (0 === b + n + v + m) {
-        if (l === J && (0 < r && (f = f.replace(N, '')), 0 < f.trim().length)) {
-          switch (g) {
-            case 32:
-            case 9:
-            case 59:
-            case 13:
-            case 10:
-              break;
-
-            default:
-              f += e.charAt(l);
-          }
-
-          g = 59;
-        }
-
-        switch (g) {
-          case 123:
-            f = f.trim();
-            q = f.charCodeAt(0);
-            k = 1;
-
-            for (t = ++l; l < B;) {
-              switch (g = e.charCodeAt(l)) {
-                case 123:
-                  k++;
-                  break;
-
-                case 125:
-                  k--;
-                  break;
-
-                case 47:
-                  switch (g = e.charCodeAt(l + 1)) {
-                    case 42:
-                    case 47:
-                      a: {
-                        for (u = l + 1; u < J; ++u) {
-                          switch (e.charCodeAt(u)) {
-                            case 47:
-                              if (42 === g && 42 === e.charCodeAt(u - 1) && l + 2 !== u) {
-                                l = u + 1;
-                                break a;
-                              }
-
-                              break;
-
-                            case 10:
-                              if (47 === g) {
-                                l = u + 1;
-                                break a;
-                              }
-
-                          }
-                        }
-
-                        l = u;
-                      }
-
-                  }
-
-                  break;
-
-                case 91:
-                  g++;
-
-                case 40:
-                  g++;
-
-                case 34:
-                case 39:
-                  for (; l++ < J && e.charCodeAt(l) !== g;) {
-                  }
-
-              }
-
-              if (0 === k) break;
-              l++;
-            }
-
-            k = e.substring(t, l);
-            0 === q && (q = (f = f.replace(ca, '').trim()).charCodeAt(0));
-
-            switch (q) {
-              case 64:
-                0 < r && (f = f.replace(N, ''));
-                g = f.charCodeAt(1);
-
-                switch (g) {
-                  case 100:
-                  case 109:
-                  case 115:
-                  case 45:
-                    r = c;
-                    break;
-
-                  default:
-                    r = O;
-                }
-
-                k = M(c, r, k, g, a + 1);
-                t = k.length;
-                0 < A && (r = X(O, f, I), C = H(3, k, r, c, D, z, t, g, a, h), f = r.join(''), void 0 !== C && 0 === (t = (k = C.trim()).length) && (g = 0, k = ''));
-                if (0 < t) switch (g) {
-                  case 115:
-                    f = f.replace(da, ea);
-
-                  case 100:
-                  case 109:
-                  case 45:
-                    k = f + '{' + k + '}';
-                    break;
-
-                  case 107:
-                    f = f.replace(fa, '$1 $2');
-                    k = f + '{' + k + '}';
-                    k = 1 === w || 2 === w && L('@' + k, 3) ? '@-webkit-' + k + '@' + k : '@' + k;
-                    break;
-
-                  default:
-                    k = f + k, 112 === h && (k = (p += k, ''));
-                } else k = '';
-                break;
-
-              default:
-                k = M(c, X(c, f, I), k, h, a + 1);
-            }
-
-            F += k;
-            k = I = r = u = q = 0;
-            f = '';
-            g = e.charCodeAt(++l);
-            break;
-
-          case 125:
-          case 59:
-            f = (0 < r ? f.replace(N, '') : f).trim();
-            if (1 < (t = f.length)) switch (0 === u && (q = f.charCodeAt(0), 45 === q || 96 < q && 123 > q) && (t = (f = f.replace(' ', ':')).length), 0 < A && void 0 !== (C = H(1, f, c, d, D, z, p.length, h, a, h)) && 0 === (t = (f = C.trim()).length) && (f = '\x00\x00'), q = f.charCodeAt(0), g = f.charCodeAt(1), q) {
-              case 0:
-                break;
-
-              case 64:
-                if (105 === g || 99 === g) {
-                  G += f + e.charAt(l);
-                  break;
-                }
-
-              default:
-                58 !== f.charCodeAt(t - 1) && (p += P(f, q, g, f.charCodeAt(2)));
-            }
-            I = r = u = q = 0;
-            f = '';
-            g = e.charCodeAt(++l);
-        }
-      }
-
-      switch (g) {
-        case 13:
-        case 10:
-          47 === b ? b = 0 : 0 === 1 + q && 107 !== h && 0 < f.length && (r = 1, f += '\x00');
-          0 < A * Y && H(0, f, c, d, D, z, p.length, h, a, h);
-          z = 1;
-          D++;
-          break;
-
-        case 59:
-        case 125:
-          if (0 === b + n + v + m) {
-            z++;
-            break;
-          }
-
-        default:
-          z++;
-          y = e.charAt(l);
-
-          switch (g) {
-            case 9:
-            case 32:
-              if (0 === n + m + b) switch (x) {
-                case 44:
-                case 58:
-                case 9:
-                case 32:
-                  y = '';
-                  break;
-
-                default:
-                  32 !== g && (y = ' ');
-              }
-              break;
-
-            case 0:
-              y = '\\0';
-              break;
-
-            case 12:
-              y = '\\f';
-              break;
-
-            case 11:
-              y = '\\v';
-              break;
-
-            case 38:
-              0 === n + b + m && (r = I = 1, y = '\f' + y);
-              break;
-
-            case 108:
-              if (0 === n + b + m + E && 0 < u) switch (l - u) {
-                case 2:
-                  112 === x && 58 === e.charCodeAt(l - 3) && (E = x);
-
-                case 8:
-                  111 === K && (E = K);
-              }
-              break;
-
-            case 58:
-              0 === n + b + m && (u = l);
-              break;
-
-            case 44:
-              0 === b + v + n + m && (r = 1, y += '\r');
-              break;
-
-            case 34:
-            case 39:
-              0 === b && (n = n === g ? 0 : 0 === n ? g : n);
-              break;
-
-            case 91:
-              0 === n + b + v && m++;
-              break;
-
-            case 93:
-              0 === n + b + v && m--;
-              break;
-
-            case 41:
-              0 === n + b + m && v--;
-              break;
-
-            case 40:
-              if (0 === n + b + m) {
-                if (0 === q) switch (2 * x + 3 * K) {
-                  case 533:
-                    break;
-
-                  default:
-                    q = 1;
-                }
-                v++;
-              }
-
-              break;
-
-            case 64:
-              0 === b + v + n + m + u + k && (k = 1);
-              break;
-
-            case 42:
-            case 47:
-              if (!(0 < n + m + v)) switch (b) {
-                case 0:
-                  switch (2 * g + 3 * e.charCodeAt(l + 1)) {
-                    case 235:
-                      b = 47;
-                      break;
-
-                    case 220:
-                      t = l, b = 42;
-                  }
-
-                  break;
-
-                case 42:
-                  47 === g && 42 === x && t + 2 !== l && (33 === e.charCodeAt(t + 2) && (p += e.substring(t, l + 1)), y = '', b = 0);
-              }
-          }
-
-          0 === b && (f += y);
-      }
-
-      K = x;
-      x = g;
-      l++;
-    }
-
-    t = p.length;
-
-    if (0 < t) {
-      r = c;
-      if (0 < A && (C = H(2, p, r, d, D, z, t, h, a, h), void 0 !== C && 0 === (p = C).length)) return G + p + F;
-      p = r.join(',') + '{' + p + '}';
-
-      if (0 !== w * E) {
-        2 !== w || L(p, 2) || (E = 0);
-
-        switch (E) {
-          case 111:
-            p = p.replace(ha, ':-moz-$1') + p;
-            break;
-
-          case 112:
-            p = p.replace(Q, '::-webkit-input-$1') + p.replace(Q, '::-moz-$1') + p.replace(Q, ':-ms-input-$1') + p;
-        }
-
-        E = 0;
-      }
-    }
-
-    return G + p + F;
-  }
-
-  function X(d, c, e) {
-    var h = c.trim().split(ia);
-    c = h;
-    var a = h.length,
-        m = d.length;
-
-    switch (m) {
-      case 0:
-      case 1:
-        var b = 0;
-
-        for (d = 0 === m ? '' : d[0] + ' '; b < a; ++b) {
-          c[b] = Z(d, c[b], e).trim();
-        }
-
-        break;
-
-      default:
-        var v = b = 0;
-
-        for (c = []; b < a; ++b) {
-          for (var n = 0; n < m; ++n) {
-            c[v++] = Z(d[n] + ' ', h[b], e).trim();
-          }
-        }
-
-    }
-
-    return c;
-  }
-
-  function Z(d, c, e) {
-    var h = c.charCodeAt(0);
-    33 > h && (h = (c = c.trim()).charCodeAt(0));
-
-    switch (h) {
-      case 38:
-        return c.replace(F, '$1' + d.trim());
-
-      case 58:
-        return d.trim() + c.replace(F, '$1' + d.trim());
-
-      default:
-        if (0 < 1 * e && 0 < c.indexOf('\f')) return c.replace(F, (58 === d.charCodeAt(0) ? '' : '$1') + d.trim());
-    }
-
-    return d + c;
-  }
-
-  function P(d, c, e, h) {
-    var a = d + ';',
-        m = 2 * c + 3 * e + 4 * h;
-
-    if (944 === m) {
-      d = a.indexOf(':', 9) + 1;
-      var b = a.substring(d, a.length - 1).trim();
-      b = a.substring(0, d).trim() + b + ';';
-      return 1 === w || 2 === w && L(b, 1) ? '-webkit-' + b + b : b;
-    }
-
-    if (0 === w || 2 === w && !L(a, 1)) return a;
-
-    switch (m) {
-      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(ja, '$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;
-        b = a.substring(a.indexOf(':', 15)).replace('flex-', '').replace('space-between', 'justify');
-        return '-webkit-box-pack' + b + '-webkit-' + a + '-ms-flex-pack' + b + a;
-
-      case 1005:
-        return ka.test(a) ? a.replace(aa, ':-webkit-') + a.replace(aa, ':-moz-') + a : a;
-
-      case 1e3:
-        b = a.substring(13).trim();
-        c = b.indexOf('-') + 1;
-
-        switch (b.charCodeAt(0) + b.charCodeAt(c)) {
-          case 226:
-            b = a.replace(G, 'tb');
-            break;
-
-          case 232:
-            b = a.replace(G, 'tb-rl');
-            break;
-
-          case 220:
-            b = a.replace(G, 'lr');
-            break;
-
-          default:
-            return a;
-        }
-
-        return '-webkit-' + a + '-ms-' + b + a;
-
-      case 1017:
-        if (-1 === a.indexOf('sticky', 9)) break;
-
-      case 975:
-        c = (a = d).length - 10;
-        b = (33 === a.charCodeAt(c) ? a.substring(0, c) : a).substring(d.indexOf(':', 7) + 1).trim();
-
-        switch (m = b.charCodeAt(0) + (b.charCodeAt(7) | 0)) {
-          case 203:
-            if (111 > b.charCodeAt(8)) break;
-
-          case 115:
-            a = a.replace(b, '-webkit-' + b) + ';' + a;
-            break;
-
-          case 207:
-          case 102:
-            a = a.replace(b, '-webkit-' + (102 < m ? 'inline-' : '') + 'box') + ';' + a.replace(b, '-webkit-' + b) + ';' + a.replace(b, '-ms-' + b + 'box') + ';' + a;
-        }
-
-        return a + ';';
-
-      case 938:
-        if (45 === a.charCodeAt(5)) switch (a.charCodeAt(6)) {
-          case 105:
-            return b = a.replace('-items', ''), '-webkit-' + a + '-webkit-box-' + b + '-ms-flex-' + b + a;
-
-          case 115:
-            return '-webkit-' + a + '-ms-flex-item-' + a.replace(ba, '') + a;
-
-          default:
-            return '-webkit-' + a + '-ms-flex-line-pack' + a.replace('align-content', '').replace(ba, '') + a;
-        }
-        break;
-
-      case 973:
-      case 989:
-        if (45 !== a.charCodeAt(3) || 122 === a.charCodeAt(4)) break;
-
-      case 931:
-      case 953:
-        if (!0 === la.test(d)) return 115 === (b = d.substring(d.indexOf(':') + 1)).charCodeAt(0) ? P(d.replace('stretch', 'fill-available'), c, e, h).replace(':fill-available', ':stretch') : a.replace(b, '-webkit-' + b) + a.replace(b, '-moz-' + b.replace('fill-', '')) + a;
-        break;
-
-      case 962:
-        if (a = '-webkit-' + a + (102 === a.charCodeAt(5) ? '-ms-' + a : '') + a, 211 === e + h && 105 === a.charCodeAt(13) && 0 < a.indexOf('transform', 10)) return a.substring(0, a.indexOf(';', 27) + 1).replace(ma, '$1-webkit-$2') + a;
-    }
-
-    return a;
-  }
-
-  function L(d, c) {
-    var e = d.indexOf(1 === c ? ':' : '{'),
-        h = d.substring(0, 3 !== c ? e : 10);
-    e = d.substring(e + 1, d.length - 1);
-    return R(2 !== c ? h : h.replace(na, '$1'), e, c);
-  }
-
-  function ea(d, c) {
-    var e = P(c, c.charCodeAt(0), c.charCodeAt(1), c.charCodeAt(2));
-    return e !== c + ';' ? e.replace(oa, ' or ($1)').substring(4) : '(' + c + ')';
-  }
-
-  function H(d, c, e, h, a, m, b, v, n, q) {
-    for (var g = 0, x = c, w; g < A; ++g) {
-      switch (w = S[g].call(B, d, x, e, h, a, m, b, v, n, q)) {
-        case void 0:
-        case !1:
-        case !0:
-        case null:
-          break;
-
-        default:
-          x = w;
-      }
-    }
-
-    if (x !== c) return x;
-  }
-
-  function T(d) {
-    switch (d) {
-      case void 0:
-      case null:
-        A = S.length = 0;
-        break;
-
-      default:
-        if ('function' === typeof d) S[A++] = d;else if ('object' === typeof d) for (var c = 0, e = d.length; c < e; ++c) {
-          T(d[c]);
-        } else Y = !!d | 0;
-    }
-
-    return T;
-  }
-
-  function U(d) {
-    d = d.prefix;
-    void 0 !== d && (R = null, d ? 'function' !== typeof d ? w = 1 : (w = 2, R = d) : w = 0);
-    return U;
-  }
-
-  function B(d, c) {
-    var e = d;
-    33 > e.charCodeAt(0) && (e = e.trim());
-    V = e;
-    e = [V];
-
-    if (0 < A) {
-      var h = H(-1, c, e, e, D, z, 0, 0, 0, 0);
-      void 0 !== h && 'string' === typeof h && (c = h);
-    }
-
-    var a = M(O, e, c, 0, 0);
-    0 < A && (h = H(-2, a, e, e, D, z, a.length, 0, 0, 0), void 0 !== h && (a = h));
-    V = '';
-    E = 0;
-    z = D = 1;
-    return a;
-  }
-
-  var ca = /^\0+/g,
-      N = /[\0\r\f]/g,
-      aa = /: */g,
-      ka = /zoo|gra/,
-      ma = /([,: ])(transform)/g,
-      ia = /,\r+?/g,
-      F = /([\t\r\n ])*\f?&/g,
-      fa = /@(k\w+)\s*(\S*)\s*/,
-      Q = /::(place)/g,
-      ha = /:(read-only)/g,
-      G = /[svh]\w+-[tblr]{2}/,
-      da = /\(\s*(.*)\s*\)/g,
-      oa = /([\s\S]*?);/g,
-      ba = /-self|flex-/g,
-      na = /[^]*?(:[rp][el]a[\w-]+)[^]*/,
-      la = /stretch|:\s*\w+\-(?:conte|avail)/,
-      ja = /([^-])(image-set\()/,
-      z = 1,
-      D = 1,
-      E = 0,
-      w = 1,
-      O = [],
-      S = [],
-      A = 0,
-      R = null,
-      Y = 0,
-      V = '';
-  B.use = T;
-  B.set = U;
-  void 0 !== W && U(W);
-  return B;
-}
-
-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,
-  // SVG-related properties
-  fillOpacity: 1,
-  floodOpacity: 1,
-  stopOpacity: 1,
-  strokeDasharray: 1,
-  strokeDashoffset: 1,
-  strokeMiterlimit: 1,
-  strokeOpacity: 1,
-  strokeWidth: 1
-};
-
-function memoize(fn) {
-  var cache = Object.create(null);
-  return function (arg) {
-    if (cache[arg] === undefined) cache[arg] = fn(arg);
-    return cache[arg];
-  };
-}
-
-var reactPropsRegex = /^((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)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
-
-var isPropValid = /* #__PURE__ */memoize(function (prop) {
-  return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111
-  /* o */
-  && prop.charCodeAt(1) === 110
-  /* n */
-  && prop.charCodeAt(2) < 91;
-}
-/* Z+1 */
-);
-
-var reactIsExports = {};
-var reactIs$1 = {
-  get exports(){ return reactIsExports; },
-  set exports(v){ reactIsExports = v; },
-};
-
-var reactIs_production_min = {};
-
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactIs_production_min;
-
-function requireReactIs_production_min () {
-	if (hasRequiredReactIs_production_min) return reactIs_production_min;
-	hasRequiredReactIs_production_min = 1;
-var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
-	Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
-	function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;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;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
-	reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
-	reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
-	return reactIs_production_min;
-}
-
-var reactIs_development = {};
-
-/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactIs_development;
-
-function requireReactIs_development () {
-	if (hasRequiredReactIs_development) return reactIs_development;
-	hasRequiredReactIs_development = 1;
-
-
-
-	if (process.env.NODE_ENV !== "production") {
-	  (function() {
-
-	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
-	// nor polyfill, then a plain number is used for performance.
-	var hasSymbol = typeof Symbol === 'function' && Symbol.for;
-	var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
-	var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
-	var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
-	var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
-	var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
-	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
-	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
-	// (unstable) APIs that have been removed. Can we remove the symbols?
-
-	var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
-	var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
-	var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
-	var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
-	var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
-	var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
-	var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
-	var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
-	var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
-	var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
-	var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
-
-	function isValidElementType(type) {
-	  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
-	}
-
-	function typeOf(object) {
-	  if (typeof object === 'object' && object !== null) {
-	    var $$typeof = object.$$typeof;
-
-	    switch ($$typeof) {
-	      case REACT_ELEMENT_TYPE:
-	        var type = object.type;
-
-	        switch (type) {
-	          case REACT_ASYNC_MODE_TYPE:
-	          case REACT_CONCURRENT_MODE_TYPE:
-	          case REACT_FRAGMENT_TYPE:
-	          case REACT_PROFILER_TYPE:
-	          case REACT_STRICT_MODE_TYPE:
-	          case REACT_SUSPENSE_TYPE:
-	            return type;
-
-	          default:
-	            var $$typeofType = type && type.$$typeof;
-
-	            switch ($$typeofType) {
-	              case REACT_CONTEXT_TYPE:
-	              case REACT_FORWARD_REF_TYPE:
-	              case REACT_LAZY_TYPE:
-	              case REACT_MEMO_TYPE:
-	              case REACT_PROVIDER_TYPE:
-	                return $$typeofType;
-
-	              default:
-	                return $$typeof;
-	            }
-
-	        }
-
-	      case REACT_PORTAL_TYPE:
-	        return $$typeof;
-	    }
-	  }
-
-	  return undefined;
-	} // AsyncMode is deprecated along with isAsyncMode
-
-	var AsyncMode = REACT_ASYNC_MODE_TYPE;
-	var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
-	var ContextConsumer = REACT_CONTEXT_TYPE;
-	var ContextProvider = REACT_PROVIDER_TYPE;
-	var Element = REACT_ELEMENT_TYPE;
-	var ForwardRef = REACT_FORWARD_REF_TYPE;
-	var Fragment = REACT_FRAGMENT_TYPE;
-	var Lazy = REACT_LAZY_TYPE;
-	var Memo = REACT_MEMO_TYPE;
-	var Portal = REACT_PORTAL_TYPE;
-	var Profiler = REACT_PROFILER_TYPE;
-	var StrictMode = REACT_STRICT_MODE_TYPE;
-	var Suspense = REACT_SUSPENSE_TYPE;
-	var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
-
-	function isAsyncMode(object) {
-	  {
-	    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-	      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
-
-	      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.');
-	    }
-	  }
-
-	  return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
-	}
-	function isConcurrentMode(object) {
-	  return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
-	}
-	function isContextConsumer(object) {
-	  return typeOf(object) === REACT_CONTEXT_TYPE;
-	}
-	function isContextProvider(object) {
-	  return typeOf(object) === REACT_PROVIDER_TYPE;
-	}
-	function isElement(object) {
-	  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-	}
-	function isForwardRef(object) {
-	  return typeOf(object) === REACT_FORWARD_REF_TYPE;
-	}
-	function isFragment(object) {
-	  return typeOf(object) === REACT_FRAGMENT_TYPE;
-	}
-	function isLazy(object) {
-	  return typeOf(object) === REACT_LAZY_TYPE;
-	}
-	function isMemo(object) {
-	  return typeOf(object) === REACT_MEMO_TYPE;
-	}
-	function isPortal(object) {
-	  return typeOf(object) === REACT_PORTAL_TYPE;
-	}
-	function isProfiler(object) {
-	  return typeOf(object) === REACT_PROFILER_TYPE;
-	}
-	function isStrictMode(object) {
-	  return typeOf(object) === REACT_STRICT_MODE_TYPE;
-	}
-	function isSuspense(object) {
-	  return typeOf(object) === REACT_SUSPENSE_TYPE;
-	}
-
-	reactIs_development.AsyncMode = AsyncMode;
-	reactIs_development.ConcurrentMode = ConcurrentMode;
-	reactIs_development.ContextConsumer = ContextConsumer;
-	reactIs_development.ContextProvider = ContextProvider;
-	reactIs_development.Element = Element;
-	reactIs_development.ForwardRef = ForwardRef;
-	reactIs_development.Fragment = Fragment;
-	reactIs_development.Lazy = Lazy;
-	reactIs_development.Memo = Memo;
-	reactIs_development.Portal = Portal;
-	reactIs_development.Profiler = Profiler;
-	reactIs_development.StrictMode = StrictMode;
-	reactIs_development.Suspense = Suspense;
-	reactIs_development.isAsyncMode = isAsyncMode;
-	reactIs_development.isConcurrentMode = isConcurrentMode;
-	reactIs_development.isContextConsumer = isContextConsumer;
-	reactIs_development.isContextProvider = isContextProvider;
-	reactIs_development.isElement = isElement;
-	reactIs_development.isForwardRef = isForwardRef;
-	reactIs_development.isFragment = isFragment;
-	reactIs_development.isLazy = isLazy;
-	reactIs_development.isMemo = isMemo;
-	reactIs_development.isPortal = isPortal;
-	reactIs_development.isProfiler = isProfiler;
-	reactIs_development.isStrictMode = isStrictMode;
-	reactIs_development.isSuspense = isSuspense;
-	reactIs_development.isValidElementType = isValidElementType;
-	reactIs_development.typeOf = typeOf;
-	  })();
-	}
-	return reactIs_development;
-}
-
-(function (module) {
-
-	if (process.env.NODE_ENV === 'production') {
-	  module.exports = requireReactIs_production_min();
-	} else {
-	  module.exports = requireReactIs_development();
-	}
-} (reactIs$1));
-
-var reactIs = reactIsExports;
-
-/**
- * Copyright 2015, Yahoo! Inc.
- * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
- */
-var REACT_STATICS = {
-  childContextTypes: true,
-  contextType: true,
-  contextTypes: true,
-  defaultProps: true,
-  displayName: true,
-  getDefaultProps: true,
-  getDerivedStateFromError: true,
-  getDerivedStateFromProps: true,
-  mixins: true,
-  propTypes: true,
-  type: true
-};
-var KNOWN_STATICS = {
-  name: true,
-  length: true,
-  prototype: true,
-  caller: true,
-  callee: true,
-  arguments: true,
-  arity: true
-};
-var FORWARD_REF_STATICS = {
-  '$$typeof': true,
-  render: true,
-  defaultProps: true,
-  displayName: true,
-  propTypes: true
-};
-var MEMO_STATICS = {
-  '$$typeof': true,
-  compare: true,
-  defaultProps: true,
-  displayName: true,
-  propTypes: true,
-  type: true
-};
-var TYPE_STATICS = {};
-TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
-TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
-
-function getStatics(component) {
-  // React v16.11 and below
-  if (reactIs.isMemo(component)) {
-    return MEMO_STATICS;
-  } // React v16.12 and above
-
-
-  return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;
-}
-
-var defineProperty = Object.defineProperty;
-var getOwnPropertyNames = Object.getOwnPropertyNames;
-var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
-var getPrototypeOf = Object.getPrototypeOf;
-var objectPrototype = Object.prototype;
-function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
-  if (typeof sourceComponent !== 'string') {
-    // don't hoist over string (html) components
-    if (objectPrototype) {
-      var inheritedComponent = getPrototypeOf(sourceComponent);
-
-      if (inheritedComponent && inheritedComponent !== objectPrototype) {
-        hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
-      }
-    }
-
-    var keys = getOwnPropertyNames(sourceComponent);
-
-    if (getOwnPropertySymbols) {
-      keys = keys.concat(getOwnPropertySymbols(sourceComponent));
-    }
-
-    var targetStatics = getStatics(targetComponent);
-    var sourceStatics = getStatics(sourceComponent);
-
-    for (var i = 0; i < keys.length; ++i) {
-      var key = keys[i];
-
-      if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
-        var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
-
-        try {
-          // Avoid failures from read-only properties
-          defineProperty(targetComponent, key, descriptor);
-        } catch (e) {}
-      }
-    }
-  }
-
-  return targetComponent;
-}
-
-var hoistNonReactStatics_cjs = hoistNonReactStatics;
-
-function y(){return (y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r]);}return e}).apply(this,arguments)}var v=function(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},g=function(t){return null!==t&&"object"==typeof t&&"[object Object]"===(t.toString?t.toString():Object.prototype.toString.call(t))&&!reactIsExports$1.typeOf(t)},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 e=arguments.length<=0?void 0:arguments[0],t=[],n=1,r=arguments.length;n<r;n+=1)t.push(n<0||arguments.length<=n?void 0:arguments[n]);return t.forEach((function(t){e=e.replace(/%[a-z]/,t);})),e}function D(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];throw "production"===process.env.NODE_ENV?new Error("An error occurred. See https://git.io/JUIaE#"+e+" for more information."+(n.length>0?" Args: "+n.join(", "):"")):new Error(R.apply(void 0,[O[e]].concat(n)).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,n=0;n<e;n++)t+=this.groupSizes[n];return t},t.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,r=n.length,o=r;e>=o;)(o<<=1)<0&&D(16,""+e);this.groupSizes=new Uint32Array(o),this.groupSizes.set(n),this.length=o;for(var s=r;s<o;s++)this.groupSizes[s]=0;}for(var i=this.indexOfGroup(e+1),a=0,c=t.length;a<c;a++)this.tag.insertRule(i,t[a])&&(this.groupSizes[e]++,i++);},t.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);}},t.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,s=r;s<o;s++)t+=this.tag.getRule(s)+"/*!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||t>1<<30)&&D(16,""+t),T.set(e,t),x.set(t,e),t},z=function(e){return x.get(e)},B=function(e,t){t>=k&&(k=t+1),T.set(e,t),x.set(t,e);},M="style["+N+'][data-styled-version="5.3.6"]',G=new RegExp("^"+N+'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'),L=function(e,t,n){for(var r,o=n.split(","),s=0,i=o.length;s<i;s++)(r=o[s])&&e.registerName(t,r);},F=function(e,t){for(var n=(t.textContent||"").split("/*!sc*/\n"),r=[],o=0,s=n.length;o<s;o++){var i=n[o].trim();if(i){var a=i.match(G);if(a){var c=0|parseInt(a[1],10),u=a[2];0!==c&&(B(u,c),L(e,u,a[3]),e.getTag().insertRules(c,r)),r.length=0;}else r.push(i);}}},Y=function(){return "undefined"!=typeof __webpack_nonce__?__webpack_nonce__:null},q=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=function(e){for(var t=e.childNodes,n=t.length;n>=0;n--){var r=t[n];if(r&&1===r.nodeType&&r.hasAttribute(N))return r}}(n),s=void 0!==o?o.nextSibling:null;r.setAttribute(N,"active"),r.setAttribute("data-styled-version","5.3.6");var i=Y();return i&&r.setAttribute("nonce",i),n.insertBefore(r,s),r},H=function(){function e(e){var t=this.element=q(e);t.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}D(17);}(t),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){var t=this.sheet.cssRules[e];return void 0!==t&&"string"==typeof t.cssText?t.cssText:""},e}(),$=function(){function e(e){var t=this.element=q(e);this.nodes=t.childNodes,this.length=0;}var t=e.prototype;return t.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t),r=this.nodes[e];return this.element.insertBefore(n,r||null),this.length++,!0}return !1},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 e(e,t,n){void 0===e&&(e=w),void 0===t&&(t={}),this.options=y({},J,{},e),this.gs=t,this.names=new Map(n),this.server=!!e.isServer,!this.server&&C&&U&&(U=!1,function(e){for(var t=document.querySelectorAll(M),n=0,r=t.length;n<r;n++){var o=t[n];o&&"active"!==o.getAttribute(N)&&(F(e,o),o.parentNode&&o.parentNode.removeChild(o));}}(this));}e.registerId=function(e){return V(e)};var t=e.prototype;return t.reconstructWithOptions=function(t,n){return void 0===n&&(n=!0),new e(y({},this.options,{},t),this.gs,n&&this.names||void 0)},t.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},t.getTag=function(){return this.tag||(this.tag=(n=(t=this.options).isServer,r=t.useCSSOMInjection,o=t.target,e=n?new W(o):r?new H(o):new $(o),new j(e)));var e,t,n,r,o;},t.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},t.registerName=function(e,t){if(V(e),this.names.has(e))this.names.get(e).add(t);else {var n=new Set;n.add(t),this.names.set(e,n);}},t.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(V(e),n);},t.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear();},t.clearRules=function(e){this.getTag().clearGroup(V(e)),this.clearNames(e);},t.clearTag=function(){this.tag=void 0;},t.toString=function(){return function(e){for(var t=e.getTag(),n=t.length,r="",o=0;o<n;o++){var s=z(o);if(void 0!==s){var i=e.names.get(s),a=t.getGroup(o);if(i&&a&&i.size){var c=N+".g"+o+'[id="'+s+'"]',u="";void 0!==i&&i.forEach((function(e){e.length>0&&(u+=e+",");})),r+=""+a+c+'{content:"'+u+'"}/*!sc*/\n';}}}return r}(this)},e}(),Z=/(a)(d)/gi,K=function(e){return String.fromCharCode(e+(e>25?39:97))};function Q(e){var t,n="";for(t=Math.abs(e);t>52;t=t/52|0)n=K(t%52)+n;return (K(t%52)+n).replace(Z,"$1-$2")}var ee=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},te=function(e){return ee(5381,e)};function ne(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(E(n)&&!_(n))return !1}return !0}var re=te("5.3.6"),oe=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic="production"===process.env.NODE_ENV&&(void 0===n||n.isStatic)&&ne(e),this.componentId=t,this.baseHash=ee(re,t),this.baseStyle=n,X.registerId(t);}return e.prototype.generateAndInjectStyles=function(e,t,n){var r=this.componentId,o=[];if(this.baseStyle&&o.push(this.baseStyle.generateAndInjectStyles(e,t,n)),this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(r,this.staticRulesId))o.push(this.staticRulesId);else {var s=_e(this.rules,e,t,n).join(""),i=Q(ee(this.baseHash,s)>>>0);if(!t.hasNameForId(r,i)){var a=n(s,"."+i,void 0,r);t.insertRules(r,i,a);}o.push(i),this.staticRulesId=i;}else {for(var c=this.rules.length,u=ee(this.baseHash,n.hash),l="",d=0;d<c;d++){var h=this.rules[d];if("string"==typeof h)l+=h,"production"!==process.env.NODE_ENV&&(u=ee(u,h+d));else if(h){var p=_e(h,e,t,n),f=Array.isArray(p)?p.join(""):p;u=ee(u,f+d),l+=f;}}if(l){var m=Q(u>>>0);if(!t.hasNameForId(r,m)){var y=n(l,"."+m,void 0,r);t.insertRules(r,m,y);}o.push(m);}}return o.join(" ")},e}(),se=/^\s*\/\/.*$/gm,ie=[":","[",".","#"];function ae(e){var t,n,r,o,s=void 0===e?w:e,i=s.options,a=void 0===i?w:i,c=s.plugins,u=void 0===c?S:c,l=new stylis_min(a),d=[],p=function(e){function t(t){if(t)try{e(t+"}");}catch(e){}}return function(n,r,o,s,i,a,c,u,l,d){switch(n){case 1:if(0===l&&64===r.charCodeAt(0))return e(r+";"),"";break;case 2:if(0===u)return r+"/*|*/";break;case 3:switch(u){case 102:case 112:return e(o[0]+r),"";default:return r+(0===d?"/*|*/":"")}case-2:r.split("/*|*/}").forEach(t);}}}((function(e){d.push(e);})),f=function(e,r,s){return 0===r&&-1!==ie.indexOf(s[n.length])||s.match(o)?e:"."+t};function m(e,s,i,a){void 0===a&&(a="&");var c=e.replace(se,""),u=s&&i?i+" "+s+" { "+c+" }":c;return t=a,n=s,r=new RegExp("\\"+n+"\\b","g"),o=new RegExp("(\\"+n+"\\b){2,}"),l(i||!s?"":s,u)}return l.use([].concat(u,[function(e,t,o){2===e&&o.length&&o[0].lastIndexOf(n)>0&&(o[0]=o[0].replace(r,f));},p,function(e){if(-2===e){var t=d;return d=[],t}}])),m.hash=u.length?u.reduce((function(e,t){return t.name||D(15),ee(e,t.name)}),5381).toString():"",m}var ce=React$1.createContext();ce.Consumer;var le=React$1.createContext(),de=(le.Consumer,new X),he=ae();function pe(){return reactExports.useContext(ce)||de}function fe(){return reactExports.useContext(le)||he}var ye=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=he);var r=n.name+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 void 0===e&&(e=he),this.name+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,n,r,o){if(Array.isArray(e)){for(var s,i=[],a=0,c=e.length;a<c;a+=1)""!==(s=_e(e[a],n,r,o))&&(Array.isArray(s)?i.push.apply(i,s):i.push(s));return i}if(be(e))return "";if(_(e))return "."+e.styledComponentId;if(E(e)){if("function"!=typeof(l=e)||l.prototype&&l.prototype.isReactComponent||!n)return e;var u=e(n);return "production"!==process.env.NODE_ENV&&reactIsExports$1.isElement(u)&&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(u,n,r,o)}var l;return e instanceof ye?r?(e.inject(r,o),e.getName(o)):e:g(e)?function e(t,n){var r,o,s=[];for(var i in t)t.hasOwnProperty(i)&&!be(t[i])&&(Array.isArray(t[i])&&t[i].isCss||E(t[i])?s.push(Ee(i)+":",t[i],";"):g(t[i])?s.push.apply(s,e(t[i],i)):s.push(Ee(i)+": "+(r=i,null==(o=t[i])||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||r in unitlessKeys?String(o).trim():o+"px")+";"));return n?[n+" {"].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,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return E(e)||g(e)?Ne(_e(v(S,[e].concat(n)))):0===n.length&&1===e.length&&"string"==typeof e[0]?e:Ne(_e(v(e,n)))}var Ce=/invalid hook call/i,Ie=new Set,Pe=function(e,t){if("production"!==process.env.NODE_ENV){var n="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.",r=console.error;try{var o=!0;console.error=function(e){if(Ce.test(e))o=!1,Ie.delete(n);else {for(var t=arguments.length,s=new Array(t>1?t-1:0),i=1;i<t;i++)s[i-1]=arguments[i];r.apply(void 0,[e].concat(s));}},reactExports.useRef(),o&&!Ie.has(n)&&(console.warn(n),Ie.add(n));}catch(e){Ce.test(e.message)&&Ie.delete(n);}finally{console.error=r;}}},Oe=function(e,t,n){return void 0===n&&(n=w),e.theme!==n.theme&&e.theme||t||n.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,n){var r=e[n];ke(t)&&ke(r)?Be(r,t):e[n]=t;}function Be(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];for(var o=0,s=n;o<s.length;o++){var i=s[o];if(ke(i))for(var a in i)Ve(a)&&ze(e,i[a],a);}return e}var Me=React$1.createContext();Me.Consumer;var Fe={};function Ye(e,t,n){var o=_(e),i=!xe(e),a=t.attrs,c=void 0===a?S:a,d=t.componentId,h=void 0===d?function(e,t){var n="string"!=typeof e?"sc":je(e);Fe[n]=(Fe[n]||0)+1;var r=n+"-"+Te("5.3.6"+n+Fe[n]);return t?t+"-"+r:r}(t.displayName,t.parentComponentId):d,p=t.displayName,v=void 0===p?function(e){return xe(e)?"styled."+e:"Styled("+b(e)+")"}(e):p,g=t.displayName&&t.componentId?je(t.displayName)+"-"+t.componentId:t.componentId||h,N=o&&e.attrs?Array.prototype.concat(e.attrs,c).filter(Boolean):c,A=t.shouldForwardProp;o&&e.shouldForwardProp&&(A=t.shouldForwardProp?function(n,r,o){return e.shouldForwardProp(n,r,o)&&t.shouldForwardProp(n,r,o)}:e.shouldForwardProp);var C,I=new oe(n,g,o?e.componentStyle:void 0),P=I.isStatic&&0===c.length,O=function(e,t){return function(e,t,n,r){var o=e.attrs,i=e.componentStyle,a=e.defaultProps,c=e.foldedComponentIds,d=e.shouldForwardProp,h=e.styledComponentId,p=e.target;"production"!==process.env.NODE_ENV&&reactExports.useDebugValue(h);var m=function(e,t,n){void 0===e&&(e=w);var r=y({},t,{theme:e}),o={};return n.forEach((function(e){var t,n,s,i=e;for(t in E(i)&&(i=i(r)),i)r[t]=o[t]="className"===t?(n=o[t],s=i[t],n&&s?n+" "+s:n||s):i[t];})),[r,o]}(Oe(t,reactExports.useContext(Me),a)||w,t,o),v=m[0],g=m[1],S=function(e,t,n,r){var o=pe(),s=fe(),i=t?e.generateAndInjectStyles(w,o,s):e.generateAndInjectStyles(n,o,s);return "production"!==process.env.NODE_ENV&&reactExports.useDebugValue(i),"production"!==process.env.NODE_ENV&&!t&&r&&r(i),i}(i,r,v,"production"!==process.env.NODE_ENV?e.warnTooManyClasses:void 0),b=n,_=g.$as||t.$as||g.as||t.as||p,N=xe(_),A=g!==t?y({},t,{},g):t,C={};for(var I in A)"$"!==I[0]&&"as"!==I&&("forwardedAs"===I?C.as=A[I]:(d?d(I,isPropValid,_):!N||isPropValid(I))&&(C[I]=A[I]));return t.style&&g.style!==t.style&&(C.style=y({},t.style,{},g.style)),C.className=Array.prototype.concat(c,h,S!==h?S:null,t.className,g.className).filter(Boolean).join(" "),C.ref=b,reactExports.createElement(_,C)}(C,e,t,P)};return O.displayName=v,(C=React$1.forwardRef(O)).attrs=N,C.componentStyle=I,C.displayName=v,C.shouldForwardProp=A,C.foldedComponentIds=o?Array.prototype.concat(e.foldedComponentIds,e.styledComponentId):S,C.styledComponentId=g,C.target=o?e.target:e,C.withComponent=function(e){var r=t.componentId,o=function(e,t){if(null==e)return {};var n,r,o={},s=Object.keys(e);for(r=0;r<s.length;r++)n=s[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(t,["componentId"]),s=r&&r+"-"+(xe(e)?e:je(b(e)));return Ye(e,y({},o,{attrs:N,componentId:s}),n)},Object.defineProperty(C,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(t){this._foldedDefaultProps=o?Be({},e.defaultProps,t):t;}}),"production"!==process.env.NODE_ENV&&(Pe(v,g),C.warnTooManyClasses=function(e,t){var n={},r=!1;return function(o){if(!r&&(n[o]=!0,Object.keys(n).length>=200)){var s=t?' with the id of "'+t+'"':"";console.warn("Over 200 classes were generated for component "+e+s+".\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 />"),r=!0,n={};}}}(v,g)),C.toString=function(){return "."+C.styledComponentId},i&&hoistNonReactStatics_cjs(C,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0,withComponent:!0}),C}var qe=function(e){return function e(t,r,o){if(void 0===o&&(o=w),!reactIsExports$1.isValidElementType(r))return D(1,String(r));var s=function(){return t(r,o,Ae.apply(void 0,arguments))};return s.withConfig=function(n){return e(t,r,y({},o,{},n))},s.attrs=function(n){return e(t,r,y({},o,{attrs:Array.prototype.concat(o.attrs,n).filter(Boolean)}))},s}(Ye,e)};["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);var styled = qe;
-
 var ButtonComp = styled.button(templateObject_1$W || (templateObject_1$W = __makeTemplateObject(["\n  background: none;\n  color:", ";\n  border-radius: 8px;\n  border: none;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  &:disabled{\n    cursor: not-allowed;\n  }\n\n  //sizes\n  &.sm{\n    padding: 8px 16px;\n    font-size: 14px;\n    height: 33px;\n  }\n  \n  &.md{\n    padding: 12px 18px;\n    font-size: 16px;\n    height: 43px;\n  }\n  \n  &.lg{\n    padding: 14px 20px;\n    font-size: 18px;\n    height: 50px;\n  }\n\n  //colors\n  &.primary{\n    background: ", ";\n    color: ", ";\n  }\n  &.primary:hover{\n    background: ", ";\n  }\n  &.primary:active{\n    background: ", ";\n  }\n  &.primary:focus,.primary:focus-within{\n    outline: 2px solid ", ";\n  }\n  &.primary:disabled{\n    background: ", ";\n    cursor: not-allowed;\n  }\n\n  &.error{\n    background: ", ";\n    color: ", ";\n  }\n  &.error:hover{\n    background: ", ";\n  }\n  &.error:active{\n    background: ", ";\n  }\n  &.error:focus,.error:focus-within{\n    outline: 2px solid ", ";\n  }\n  &.error:disabled{\n    background: ", ";\n    cursor: not-allowed;\n  }\n\n  &.success{\n    background: ", ";\n    color: ", ";\n  }\n  &.success:hover{\n    background: ", ";\n  }\n  &.success:active{\n    background: ", ";\n  }\n  &.success:focus,.success:focus-within{\n    outline: 2px solid ", ";\n  }\n  &.success:disabled{\n    background: ", ";\n    cursor: not-allowed;\n  }\n\n  &.warning{\n    background: ", ";\n    color: ", ";\n  }\n  &.warning:hover{\n    background: ", ";\n  }\n  &.warning:active{\n    background: ", ";\n  }\n  &.warning:focus,.warning:focus-within{\n    outline: 2px solid ", ";\n  }\n  &.warning:disabled{\n    background: ", ";\n    cursor: not-allowed;\n  }\n  \n  //outline colors\n  &.outline-primary{\n    outline: 1px solid ", ";\n    color: ", ";\n    background: none;\n  }\n"], ["\n  background: none;\n  color:", ";\n  border-radius: 8px;\n  border: none;\n  width: 100%;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  &:disabled{\n    cursor: not-allowed;\n  }\n\n  //sizes\n  &.sm{\n    padding: 8px 16px;\n    font-size: 14px;\n    height: 33px;\n  }\n  \n  &.md{\n    padding: 12px 18px;\n    font-size: 16px;\n    height: 43px;\n  }\n  \n  &.lg{\n    padding: 14px 20px;\n    font-size: 18px;\n    height: 50px;\n  }\n\n  //colors\n  &.primary{\n    background: ", ";\n    color: ", ";\n  }\n  &.primary:hover{\n    background: ", ";\n  }\n  &.primary:active{\n    background: ", ";\n  }\n  &.primary:focus,.primary:focus-within{\n    outline: 2px solid ", ";\n  }\n  &.primary:disabled{\n    background: ", ";\n    cursor: not-allowed;\n  }\n\n  &.error{\n    background: ", ";\n    color: ", ";\n  }\n  &.error:hover{\n    background: ", ";\n  }\n  &.error:active{\n    background: ", ";\n  }\n  &.error:focus,.error:focus-within{\n    outline: 2px solid ", ";\n  }\n  &.error:disabled{\n    background: ", ";\n    cursor: not-allowed;\n  }\n\n  &.success{\n    background: ", ";\n    color: ", ";\n  }\n  &.success:hover{\n    background: ", ";\n  }\n  &.success:active{\n    background: ", ";\n  }\n  &.success:focus,.success:focus-within{\n    outline: 2px solid ", ";\n  }\n  &.success:disabled{\n    background: ", ";\n    cursor: not-allowed;\n  }\n\n  &.warning{\n    background: ", ";\n    color: ", ";\n  }\n  &.warning:hover{\n    background: ", ";\n  }\n  &.warning:active{\n    background: ", ";\n  }\n  &.warning:focus,.warning:focus-within{\n    outline: 2px solid ", ";\n  }\n  &.warning:disabled{\n    background: ", ";\n    cursor: not-allowed;\n  }\n  \n  //outline colors\n  &.outline-primary{\n    outline: 1px solid ", ";\n    color: ", ";\n    background: none;\n  }\n"])), theme.colors["neutral-900"], theme.colors["primary-500"], theme.colors.white, theme.colors["primary-400"], theme.colors["primary-600"], theme.colors["primary-200"], theme.colors["neutral-100"], theme.colors["error-500"], theme.colors.white, theme.colors["error-400"], theme.colors["error-600"], theme.colors["error-200"], theme.colors["error-100"], theme.colors["success-500"], theme.colors.white, theme.colors["success-400"], theme.colors["success-600"], theme.colors["success-200"], theme.colors["success-100"], theme.colors["warning-500"], theme.colors.white, theme.colors["warning-400"], theme.colors["warning-600"], theme.colors["warning-200"], theme.colors["warning-100"], theme.colors["primary-500"], theme.colors["primary-500"]);
 var templateObject_1$W;
 
@@ -18644,13 +17361,27 @@ var CountrySelector = function (props) {
         document.addEventListener('keyup', function (e) {
             if (opened && e.key === 'Escape')
                 setOpened(false);
+            if (!opened && document.activeElement.classList.value.includes('country-selector') && e.code === 'Enter' ||
+                !opened && document.activeElement.classList.value.includes('country-selector') && e.code === 'Space')
+                setOpened(true);
         });
     }, [opened]);
     return (React$1.createElement(DropdownContainer, null,
         label &&
             React$1.createElement(LabelContainer$1, null,
                 React$1.createElement("label", null, label)),
-        React$1.createElement(DropdownField$1, { type: "button", onClick: function () { setOpened(!opened); } },
+        React$1.createElement(DropdownField$1, { type: "button", className: "country-selector", onBlur: function () {
+                setOpened(false);
+            }, onMouseUp: function () {
+                if (opened) {
+                    setTimeout(function () {
+                        setOpened(false);
+                    }, 100);
+                }
+                else {
+                    setOpened(true);
+                }
+            } },
             React$1.createElement("div", { style: { display: 'flex', gap: '16px', alignItems: 'center', overflowX: 'hidden' } },
                 React$1.createElement("img", { src: !passedOption.optionFlag ? imgFile : passedOption.optionFlag, alt: "flag" }),
                 !passedOption.optionName ? initialText : passedOption.optionName),
@@ -18716,36 +17447,28 @@ var CurrencyPairsTable = function (props) {
                     React$1.createElement("p", null, "Currency pairs will be displayed here when you have any.")))));
 };
 
-var DatePickerComp = styled.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n  display: grid;\n  ", "\n  grid-template-rows: 1fr;\n  grid-column-gap: 0px;\n  grid-row-gap: 0px;\n  position: absolute;\n  width: ", ";\n  /* height: 421px; */\n  background-color: white;\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.04);\n  bottom: -330px;\n\n  .calendar_head {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    height: 19px;\n    padding: 0.5rem 1rem;\n    background-color: ", ";\n\n    svg {\n      cursor: pointer;\n    }\n\n    .calendar_head_month_year {\n      display: flex;\n      flex-direction: row;\n      font-size: 1rem;\n\n      .calendar_head_month_name {\n        margin-right: 0.5rem;\n      }\n    }\n  }\n\n  .datepicker_month {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n  }\n\n  .datepicker_main {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 20px;\n    align-items: center;\n\n    table {\n      width: 100%;\n      display: table;\n      height: 80%;\n      border-collapse: collapse;\n      border-spacing: 0;\n\n      thead {\n        width: 100%;\n      }\n\n      tbody {\n        width: 100%;\n\n        tr {\n          height: 35px;\n          td {\n          }\n        }\n      }\n    }\n\n    ", "\n    ", "\n  }\n\n  .date-picker_right {\n    grid-area: 1 / 9 / 2 / 10;\n  }\n"], ["\n  display: grid;\n  ", "\n  grid-template-rows: 1fr;\n  grid-column-gap: 0px;\n  grid-row-gap: 0px;\n  position: absolute;\n  width: ", ";\n  /* height: 421px; */\n  background-color: white;\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.04);\n  bottom: -330px;\n\n  .calendar_head {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    height: 19px;\n    padding: 0.5rem 1rem;\n    background-color: ", ";\n\n    svg {\n      cursor: pointer;\n    }\n\n    .calendar_head_month_year {\n      display: flex;\n      flex-direction: row;\n      font-size: 1rem;\n\n      .calendar_head_month_name {\n        margin-right: 0.5rem;\n      }\n    }\n  }\n\n  .datepicker_month {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n  }\n\n  .datepicker_main {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 20px;\n    align-items: center;\n\n    table {\n      width: 100%;\n      display: table;\n      height: 80%;\n      border-collapse: collapse;\n      border-spacing: 0;\n\n      thead {\n        width: 100%;\n      }\n\n      tbody {\n        width: 100%;\n\n        tr {\n          height: 35px;\n          td {\n          }\n        }\n      }\n    }\n\n    ", "\n    ", "\n  }\n\n  .date-picker_right {\n    grid-area: 1 / 9 / 2 / 10;\n  }\n"])), function (_a) {
-    var showTime = _a.showTime;
-    return showTime
-        ? "grid-template-columns: repeat(2, 1fr);"
-        : "grid-template-columns: repeat(1, 1fr);";
-}, function (_a) {
-    var showTime = _a.showTime;
-    return (showTime ? "600px" : "446px");
-}, theme.colors["white"], function (_a) {
+var DatePickerComp = styled.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n  \n  position: absolute;\n  width: 100%;\n  /* height: 421px; */\n  background-color: ", ";\n  box-shadow: 0 0 24px rgba(0, 0, 0, 0.04);\n  top: 58px;\n  z-index: 10;\n  padding: 16px;\n  border-radius: 16px;\n\n  .calendar_head {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    height: 19px;\n    padding: 0.5rem 1rem;\n    background-color: ", ";\n\n    svg {\n      cursor: pointer;\n    }\n\n    .calendar_head_month_year {\n      display: flex;\n      flex-direction: row;\n      font-size: 1rem;\n\n      .calendar_head_month_name {\n        margin-right: 0.5rem;\n      }\n    }\n  }\n\n  .datepicker_month {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n  }\n\n  .datepicker_main {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 16px 0 0 0;\n    align-items: center;\n\n    table {\n      width: 100%;\n      display: table;\n      height: 80%;\n      border-collapse: collapse;\n      border-spacing: 0;\n\n      thead {\n        width: 100%;\n      }\n\n      tbody {\n        width: 100%;\n\n        tr {\n          height: 35px;\n\n          td {\n          }\n        }\n      }\n    }\n\n    ", "\n    ", "\n  }\n\n  .date-picker_right {\n    grid-area: 1 / 9 / 2 / 10;\n  }\n"], ["\n  \n  position: absolute;\n  width: 100%;\n  /* height: 421px; */\n  background-color: ", ";\n  box-shadow: 0 0 24px rgba(0, 0, 0, 0.04);\n  top: 58px;\n  z-index: 10;\n  padding: 16px;\n  border-radius: 16px;\n\n  .calendar_head {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    height: 19px;\n    padding: 0.5rem 1rem;\n    background-color: ", ";\n\n    svg {\n      cursor: pointer;\n    }\n\n    .calendar_head_month_year {\n      display: flex;\n      flex-direction: row;\n      font-size: 1rem;\n\n      .calendar_head_month_name {\n        margin-right: 0.5rem;\n      }\n    }\n  }\n\n  .datepicker_month {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n  }\n\n  .datepicker_main {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 16px 0 0 0;\n    align-items: center;\n\n    table {\n      width: 100%;\n      display: table;\n      height: 80%;\n      border-collapse: collapse;\n      border-spacing: 0;\n\n      thead {\n        width: 100%;\n      }\n\n      tbody {\n        width: 100%;\n\n        tr {\n          height: 35px;\n\n          td {\n          }\n        }\n      }\n    }\n\n    ", "\n    ", "\n  }\n\n  .date-picker_right {\n    grid-area: 1 / 9 / 2 / 10;\n  }\n"])), theme.colors.white, theme.colors["white"], function (_a) {
     var calendarPosition = _a.calendarPosition;
     return calendarPosition.topOffset < 150 ? "bottom: 421px;" : "top: -100px;";
 }, function (_a) {
     var calendarPosition = _a.calendarPosition;
     return calendarPosition.leftOffset < 150 ? "right: 0px;" : "left: 0px;";
 });
-var DateCellContainer = styled.div(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  margin: 0.3rem;\n  height: 2rem;\n  width: 2rem;\n  :hover {\n    border-bottom: 1px solid black;\n  }\n  ", "\n  ", "\n  ", "\n  \n\n  .month {\n    color: grey;\n  }\n\n  .today {\n    color: ", ";\n    font-weight: 900;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  margin: 0.3rem;\n  height: 2rem;\n  width: 2rem;\n  :hover {\n    border-bottom: 1px solid black;\n  }\n  ", "\n  ", "\n  ", "\n  \n\n  .month {\n    color: grey;\n  }\n\n  .today {\n    color: ", ";\n    font-weight: 900;\n  }\n"])), function (_a) {
+var DateCellContainer = styled.div(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  margin: 0.3rem;\n  height: 2rem;\n  width: 2rem;\n  border-bottom:1px solid;\n  border-color:transparent;\n  :hover {\n    border-color: black;\n  }\n  ", "\n  ", "\n  \n  p{\n    font-family: \"Circular Book\", sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 17px;\n    ", "\n  }\n\n  .month {\n    color: grey;\n  }\n\n  .today {\n    color: ", ";\n    font-weight: 900;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n  margin: 0.3rem;\n  height: 2rem;\n  width: 2rem;\n  border-bottom:1px solid;\n  border-color:transparent;\n  :hover {\n    border-color: black;\n  }\n  ", "\n  ", "\n  \n  p{\n    font-family: \"Circular Book\", sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 17px;\n    ", "\n  }\n\n  .month {\n    color: grey;\n  }\n\n  .today {\n    color: ", ";\n    font-weight: 900;\n  }\n"])), function (_a) {
     var selected = _a.selected;
     return selected && "background-color: ".concat(theme.colors["black"], ";");
 }, function (_a) {
     var selected = _a.selected;
-    return selected && "color: white !important;";
+    return selected && "border-radius: 50%;";
 }, function (_a) {
     var selected = _a.selected;
-    return selected && "border-radius: 50%;";
+    return selected && "color:white";
 }, function (_a) {
     var selected = _a.selected;
     return selected ? "white" : "".concat(theme.colors["black"]);
 });
-var TimePickerComp = styled.div(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: 1fr;\n  grid-column-gap: 0px;\n  grid-row-gap: 0px;\n  padding: 10px;\n\n  .timepicker_hours {\n    \n  }\n\n  ul {\n    height: 50px;\n    overflow-y: scroll;\n    padding: 2px;\n  }\n  li {\n      cursor: pointer;\n      list-style: none;\n      padding: 3px;\n      border-radius: 1px;\n\n      &.selected {\n          background-color: #06ba63;\n          color: white;\n      }\n\n      &:hover {\n          background-color: #f2f2f2;\n          color: #06ba63;\n      }\n    }\n"], ["\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: 1fr;\n  grid-column-gap: 0px;\n  grid-row-gap: 0px;\n  padding: 10px;\n\n  .timepicker_hours {\n    \n  }\n\n  ul {\n    height: 50px;\n    overflow-y: scroll;\n    padding: 2px;\n  }\n  li {\n      cursor: pointer;\n      list-style: none;\n      padding: 3px;\n      border-radius: 1px;\n\n      &.selected {\n          background-color: #06ba63;\n          color: white;\n      }\n\n      &:hover {\n          background-color: #f2f2f2;\n          color: #06ba63;\n      }\n    }\n"])));
-var DatePickerContainer = styled.div(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  width: 446px;\n\n  .date_picker_input_holder {\n    display: flex;\n    flex-direction: row;\n    width: 446px;\n    height: 50px;\n    border: 1px solid #d2ddee;\n    border-radius: 8px;\n    padding: 13px 16px;\n\n    &:focus {\n      border: 1px solid #06ba63;\n    }\n\n    &:hover {\n      border: 1px solid #06ba63;\n    }\n\n    &:active {\n      border: 1px solid #06ba63;\n    }\n\n    .date_picker_input_holder_icon {\n      display: flex;\n      width: 5%;\n      height: 100%;\n      cursor: pointer;\n    }\n\n    .date-time-parent-wrapper {\n      height: 100%;\n      width: 100%;\n    }\n\n    .date-picker-wrapper {\n      position: relative;\n      height: 100%;\n      display: flex;\n      width: 100%;\n      svg {\n        width: 24px;\n        height: 24px;\n        position: absolute;\n        pointer-events: none;\n        top: 0;\n        left: 0;\n        background-color: white;\n        position: absolute;\n        z-index: 100;\n        /* center element */\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n      }\n    }\n\n    input {\n      border: none;\n      height: 100%;\n      width: 95%;\n      font-family: \"Circular\";\n      font-style: normal;\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 140%;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      right: 0;\n\n      &::placeholder {\n        color: #d2ddee;\n      }\n\n      &:focus {\n        outline: none;\n      }\n\n      &#datePickerTime {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n\n        width: 24px;\n        height: 24px;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n\n        &.showTime {\n          visibility: visible;\n          width: 30px;\n          height: 100%;\n          z-index: 200;\n        }\n      }\n    }\n  }\n"], ["\n  display: flex;\n  position: relative;\n  width: 446px;\n\n  .date_picker_input_holder {\n    display: flex;\n    flex-direction: row;\n    width: 446px;\n    height: 50px;\n    border: 1px solid #d2ddee;\n    border-radius: 8px;\n    padding: 13px 16px;\n\n    &:focus {\n      border: 1px solid #06ba63;\n    }\n\n    &:hover {\n      border: 1px solid #06ba63;\n    }\n\n    &:active {\n      border: 1px solid #06ba63;\n    }\n\n    .date_picker_input_holder_icon {\n      display: flex;\n      width: 5%;\n      height: 100%;\n      cursor: pointer;\n    }\n\n    .date-time-parent-wrapper {\n      height: 100%;\n      width: 100%;\n    }\n\n    .date-picker-wrapper {\n      position: relative;\n      height: 100%;\n      display: flex;\n      width: 100%;\n      svg {\n        width: 24px;\n        height: 24px;\n        position: absolute;\n        pointer-events: none;\n        top: 0;\n        left: 0;\n        background-color: white;\n        position: absolute;\n        z-index: 100;\n        /* center element */\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n      }\n    }\n\n    input {\n      border: none;\n      height: 100%;\n      width: 95%;\n      font-family: \"Circular\";\n      font-style: normal;\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 140%;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      right: 0;\n\n      &::placeholder {\n        color: #d2ddee;\n      }\n\n      &:focus {\n        outline: none;\n      }\n\n      &#datePickerTime {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n\n        width: 24px;\n        height: 24px;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n\n        &.showTime {\n          visibility: visible;\n          width: 30px;\n          height: 100%;\n          z-index: 200;\n        }\n      }\n    }\n  }\n"])));
+var TimePickerComp = styled.div(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: 1fr;\n  grid-column-gap: 8px;\n  grid-row-gap: 0;\n  padding: 10px;\n  margin-top: 12px;\n  border-top: 1px solid ", ";\n\n  .timepicker_hours {\n    \n  }\n  \n  .tsc ul{\n    border:1px solid ", ";\n    border-radius:8px;\n  }\n\n  ul {\n    height: 64px;\n    overflow-y: scroll;\n    padding: 2px;\n  }\n  li {\n      cursor: pointer;\n      list-style: none;\n      padding: 3px;\n      border-radius: 1px;\n\n      &.selected {\n          background-color: ", ";\n          color: white;\n      }\n\n      &:hover {\n          background-color: ", ";\n          color: white;\n      }\n    }\n"], ["\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: 1fr;\n  grid-column-gap: 8px;\n  grid-row-gap: 0;\n  padding: 10px;\n  margin-top: 12px;\n  border-top: 1px solid ", ";\n\n  .timepicker_hours {\n    \n  }\n  \n  .tsc ul{\n    border:1px solid ", ";\n    border-radius:8px;\n  }\n\n  ul {\n    height: 64px;\n    overflow-y: scroll;\n    padding: 2px;\n  }\n  li {\n      cursor: pointer;\n      list-style: none;\n      padding: 3px;\n      border-radius: 1px;\n\n      &.selected {\n          background-color: ", ";\n          color: white;\n      }\n\n      &:hover {\n          background-color: ", ";\n          color: white;\n      }\n    }\n"])), theme.colors["neutral-200"], theme.colors["neutral-200"], theme.colors["neutral-900"], theme.colors["neutral-400"]);
+var DatePickerContainer = styled.div(templateObject_4$m || (templateObject_4$m = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  width: 100%;\n  height: 50px;\n  background: white;\n  .date_picker_input_holder {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    height: 50px;\n    border: 1px solid #d2ddee;\n    border-radius: 8px;\n    overflow: hidden;\n    transition: 300ms ease-out;\n\n    &:focus,&:focus-within{\n      border: 1px solid ", ";\n      outline: none;\n    }\n    &:hover {\n      border: 1px solid ", ";\n    }\n    &.error{\n      border: 1px solid ", ";\n    }\n\n    .date_picker_input_holder_icon {\n      display: flex;\n      cursor: pointer;\n      padding: 13px 16px;\n    }\n\n    .date-time-parent-wrapper {\n      height: 100%;\n      width: 100%;\n    }\n\n    .date-picker-wrapper {\n      position: relative;\n      height: 100%;\n      display: flex;\n      width: 100%;\n      svg {\n        width: 20px;\n        height: 22px;\n        position: absolute;\n        pointer-events: none;\n        background-color: white;\n        z-index: 100;\n        /* center element */\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n      }\n    }\n\n    input {\n      border: none;\n      height: 100%;\n      width: 95%;\n      font-family: \"Circular Book\", sans-serif;\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 22.4px;\n      padding: 13px 16px;\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      &:focus {\n        outline: none;\n      }\n\n      &#datePickerTime {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n\n        width: 24px;\n        height: 24px;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n\n        &.showTime {\n          visibility: visible;\n          width: 30px;\n          height: 100%;\n          z-index: 200;\n        }\n      }\n    }\n  }\n"], ["\n  display: flex;\n  position: relative;\n  width: 100%;\n  height: 50px;\n  background: white;\n  .date_picker_input_holder {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    height: 50px;\n    border: 1px solid #d2ddee;\n    border-radius: 8px;\n    overflow: hidden;\n    transition: 300ms ease-out;\n\n    &:focus,&:focus-within{\n      border: 1px solid ", ";\n      outline: none;\n    }\n    &:hover {\n      border: 1px solid ", ";\n    }\n    &.error{\n      border: 1px solid ", ";\n    }\n\n    .date_picker_input_holder_icon {\n      display: flex;\n      cursor: pointer;\n      padding: 13px 16px;\n    }\n\n    .date-time-parent-wrapper {\n      height: 100%;\n      width: 100%;\n    }\n\n    .date-picker-wrapper {\n      position: relative;\n      height: 100%;\n      display: flex;\n      width: 100%;\n      svg {\n        width: 20px;\n        height: 22px;\n        position: absolute;\n        pointer-events: none;\n        background-color: white;\n        z-index: 100;\n        /* center element */\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n      }\n    }\n\n    input {\n      border: none;\n      height: 100%;\n      width: 95%;\n      font-family: \"Circular Book\", sans-serif;\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 22.4px;\n      padding: 13px 16px;\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      &:focus {\n        outline: none;\n      }\n\n      &#datePickerTime {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n\n        width: 24px;\n        height: 24px;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n\n        &.showTime {\n          visibility: visible;\n          width: 30px;\n          height: 100%;\n          z-index: 200;\n        }\n      }\n    }\n  }\n"])), theme.colors["primary-500"], theme.colors["primary-300"], theme.colors["error-500"], theme.colors["neutral-200"]);
 var templateObject_1$E, templateObject_2$x, templateObject_3$p, templateObject_4$m;
 
 var setupDates = function () {
@@ -18860,7 +17583,8 @@ var setupDates = function () {
             var final = this.getDateData(year, month);
             return final.slice(0, daysToCut);
         },
-        renderDateToShow: function (data) { },
+        renderDateToShow: function (data) {
+        },
     };
 };
 var DatePickerCalendar = function (props) {
@@ -18894,7 +17618,7 @@ var DatePickerCalendar = function (props) {
         React$1.createElement("div", { className: "date" },
             React$1.createElement("div", { className: "calendar_head" },
                 React$1.createElement("svg", { onClick: function () {
-                        if (currentMonth == 1) {
+                        if (currentMonth === 1) {
                             setCurrentMonth(12);
                             setCurrentYear(currentYear - 1);
                         }
@@ -18902,7 +17626,7 @@ var DatePickerCalendar = function (props) {
                             setCurrentMonth(currentMonth - 1);
                         }
                     }, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                    React$1.createElement("g", { "clip-path": "url(#clip0_783_5845)" },
+                    React$1.createElement("g", { clipPath: "url(#clip0_783_5845)" },
                         React$1.createElement("path", { d: "M11.29 12L14.83 8.46001C15.0163 8.27265 15.1208 8.0192 15.1208 7.75501C15.1208 7.49082 15.0163 7.23737 14.83 7.05001C14.737 6.95628 14.6264 6.88189 14.5046 6.83112C14.3827 6.78035 14.252 6.75421 14.12 6.75421C13.988 6.75421 13.8573 6.78035 13.7354 6.83112C13.6136 6.88189 13.503 6.95628 13.41 7.05001L9.17 11.29C9.07628 11.383 9.00188 11.4936 8.95111 11.6154C8.90035 11.7373 8.87421 11.868 8.87421 12C8.87421 12.132 8.90035 12.2627 8.95111 12.3846C9.00188 12.5064 9.07628 12.617 9.17 12.71L13.41 17C13.5034 17.0927 13.6143 17.166 13.7361 17.2158C13.8579 17.2655 13.9884 17.2908 14.12 17.29C14.2516 17.2908 14.3821 17.2655 14.5039 17.2158C14.6257 17.166 14.7366 17.0927 14.83 17C15.0163 16.8126 15.1208 16.5592 15.1208 16.295C15.1208 16.0308 15.0163 15.7774 14.83 15.59L11.29 12Z", fill: "#070B12" })),
                     React$1.createElement("defs", null,
                         React$1.createElement("clipPath", { id: "clip0_783_5845" },
@@ -18919,7 +17643,7 @@ var DatePickerCalendar = function (props) {
                             setCurrentMonth(currentMonth + 1);
                         }
                     }, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                    React$1.createElement("g", { "clip-path": "url(#clip0_783_5847)" },
+                    React$1.createElement("g", { clipPath: "url(#clip0_783_5847)" },
                         React$1.createElement("path", { d: "M14.83 11.29L10.59 7.05001C10.497 6.95628 10.3864 6.88189 10.2646 6.83112C10.1427 6.78035 10.012 6.75421 9.88 6.75421C9.74799 6.75421 9.61729 6.78035 9.49543 6.83112C9.37357 6.88189 9.26297 6.95628 9.17 7.05001C8.98375 7.23737 8.87921 7.49082 8.87921 7.75501C8.87921 8.0192 8.98375 8.27265 9.17 8.46001L12.71 12L9.17 15.54C8.98375 15.7274 8.87921 15.9808 8.87921 16.245C8.87921 16.5092 8.98375 16.7626 9.17 16.95C9.26344 17.0427 9.37426 17.116 9.4961 17.1658C9.61794 17.2155 9.7484 17.2408 9.88 17.24C10.0116 17.2408 10.1421 17.2155 10.2639 17.1658C10.3857 17.116 10.4966 17.0427 10.59 16.95L14.83 12.71C14.9237 12.617 14.9981 12.5064 15.0489 12.3846C15.0997 12.2627 15.1258 12.132 15.1258 12C15.1258 11.868 15.0997 11.7373 15.0489 11.6154C14.9981 11.4936 14.9237 11.383 14.83 11.29Z", fill: "#070B12" })),
                     React$1.createElement("defs", null,
                         React$1.createElement("clipPath", { id: "clip0_783_5847" },
@@ -18931,92 +17655,18 @@ var DatePickerCalendar = function (props) {
                             return React$1.createElement("th", { key: index }, day.substring(0, 3));
                         }))),
                     React$1.createElement("tbody", null, renderDate(g.getDateData(currentYear, currentMonth)).map(function (g, ind) {
-                        return (React$1.createElement("tr", null, g.map(function (v, m) {
-                            return (React$1.createElement("td", null,
+                        return (React$1.createElement("tr", { key: ind }, g.map(function (v, m) {
+                            return (React$1.createElement("td", { key: m },
                                 React$1.createElement(Cell, { onDateChange: onDateChange, selectDate: applyDate, day: v })));
                         })));
                     }))))),
-        showTime && (React$1.createElement("div", { className: "time" },
-            React$1.createElement(TimePicker, { onTimeChange: props.onTimeChange })))));
+        showTime &&
+            React$1.createElement("div", { className: "time" },
+                React$1.createElement(TimePicker, { onTimeChange: props.onTimeChange }))));
 };
 var TimePicker = function (props) {
-    var _a = React$1.useState([
-        "00",
-        "01",
-        "02",
-        "03",
-        "04",
-        "05",
-        "06",
-        "07",
-        "08",
-        "09",
-        "10",
-        "11",
-        "12"
-    ]), hours = _a[0]; _a[1];
-    var _b = React$1.useState([
-        "00",
-        "01",
-        "02",
-        "03",
-        "04",
-        "05",
-        "06",
-        "07",
-        "08",
-        "09",
-        "10",
-        "11",
-        "12",
-        "13",
-        "14",
-        "15",
-        "16",
-        "17",
-        "18",
-        "19",
-        "20",
-        "21",
-        "22",
-        "23",
-        "24",
-        "25",
-        "26",
-        "27",
-        "28",
-        "29",
-        "30",
-        "31",
-        "32",
-        "33",
-        "34",
-        "35",
-        "36",
-        "37",
-        "38",
-        "39",
-        "40",
-        "41",
-        "42",
-        "43",
-        "44",
-        "45",
-        "46",
-        "47",
-        "48",
-        "49",
-        "50",
-        "51",
-        "52",
-        "53",
-        "54",
-        "55",
-        "56",
-        "57",
-        "58",
-        "59",
-    ]), minutes = _b[0]; _b[1];
+    var _a = React$1.useState(["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"]), hours = _a[0]; _a[1];
+    var _b = React$1.useState(["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59"]), minutes = _b[0]; _b[1];
     var _c = React$1.useState("00"), selectedHour = _c[0], setSelectedHour = _c[1];
     var _d = React$1.useState("00"), selectedMinute = _d[0], setSelectedMinute = _d[1];
     var _e = React$1.useState(""), selectedAmPm = _e[0], setSelectedAmPm = _e[1];
@@ -19029,23 +17679,23 @@ var TimePicker = function (props) {
         applyTime(selectedHour, selectedMinute, selectedAmPm);
     }, [selectedHour, selectedMinute, selectedAmPm]);
     return (React$1.createElement(TimePickerComp, null,
-        React$1.createElement("div", { className: "timepicker_hours" },
+        React$1.createElement("div", { className: "timepicker_hours tsc" },
             React$1.createElement("div", { className: "timepicker_hours_header" },
-                React$1.createElement("div", { className: "timepicker_hours_header_title" }, "Hours"),
+                React$1.createElement("div", { className: "timepicker_hours_header_title" }, "Hour"),
                 React$1.createElement("ul", null, hours.map(function (hour, index) {
-                    return (React$1.createElement("li", { className: "".concat(selectedHour === hour ? "selected" : ""), onClick: function () {
+                    return (React$1.createElement("li", { key: index, className: "".concat(selectedHour === hour ? "selected" : ""), onClick: function () {
                             setSelectedHour(hour);
                         } }, hour));
                 })))),
-        React$1.createElement("div", { className: "timepicker_minutes" },
+        React$1.createElement("div", { className: "timepicker_minutes tsc" },
             React$1.createElement("div", { className: "timepicker_minutes_header" },
-                React$1.createElement("div", { className: "timepicker_minutes_header_title" }, "Minutes"),
+                React$1.createElement("div", { className: "timepicker_minutes_header_title" }, "Minute"),
                 React$1.createElement("ul", null, minutes.map(function (minute, index) {
-                    return (React$1.createElement("li", { className: "".concat(selectedMinute === minute ? "selected" : ""), onClick: function () {
+                    return (React$1.createElement("li", { key: index, className: "".concat(selectedMinute === minute ? "selected" : ""), onClick: function () {
                             setSelectedMinute(minute);
                         } }, minute));
                 })))),
-        React$1.createElement("div", { className: "timepicker_ampm" },
+        React$1.createElement("div", { className: "timepicker_ampm tsc" },
             React$1.createElement("div", { className: "timepicker_ampm_header" },
                 React$1.createElement("div", { className: "timepicker_ampm_header_title" }, "AM/PM"),
                 React$1.createElement("ul", null,
@@ -19072,7 +17722,7 @@ function useOutsideAlerter(ref, refSec, setActiveCalendar) {
          * Alert if clicked on outside of element
          */
         function handleClickOutside(event) {
-            console.log(event.target, refSec.current, refSec.current.contains(event.target));
+            // console.log(event.target, refSec.current, refSec.current.contains(event.target));
             if (ref.current && !ref.current.contains(event.target) && refSec.current && !refSec.current.contains(event.target)) {
                 setActiveCalendar(false);
             }
@@ -19087,16 +17737,16 @@ function useOutsideAlerter(ref, refSec, setActiveCalendar) {
 }
 var DatePicker = function (props) {
     var active = props.active, _a = props.placeholder, placeholder = _a === void 0 ? "Select date" : _a, showTime = props.showTime, onDateChange = props.onDateChange;
-    var _b = React$1.useState(new Date()), dateSelected = _b[0], setDateSelected = _b[1];
+    // const [dateSelected, setDateSelected] = React.useState(new Date());
+    var _b = React$1.useState(''), dateSelected = _b[0], setDateSelected = _b[1];
     var _c = React$1.useState(""), formattedDate = _c[0], setFormattedDate = _c[1];
     var _d = React$1.useState(""), userInput = _d[0], setUserInput = _d[1];
     var _e = React$1.useState(false), activeCalendar = _e[0], setActiveCalendar = _e[1];
     var _f = React$1.useState(''), localTime = _f[0], setLocalTime = _f[1];
-    var _g = reactExports.useState(''); _g[0]; _g[1];
-    var _h = React$1.useState({
+    var _g = React$1.useState({
         topOffset: 0,
         leftOffset: 0,
-    }), position = _h[0], setPosition = _h[1];
+    }), position = _g[0], setPosition = _g[1];
     var wrapperRef = reactExports.useRef(null);
     var formatDateAndTime = function (date, time) {
         if (!showTime)
@@ -19121,10 +17771,13 @@ var DatePicker = function (props) {
     var inputFocused = function (event) {
         setActiveCalendar(true);
     };
-    React$1.useEffect(function () { }, [userInput]);
     React$1.useEffect(function () {
-        onDateChange(formatDateAndTime(dateSelected, localTime));
-        setFormattedDate(formatDateAndTime(dateSelected, localTime).toLocaleString());
+    }, [userInput]);
+    React$1.useEffect(function () {
+        if (dateSelected) {
+            onDateChange(formatDateAndTime(dateSelected, localTime));
+            setFormattedDate(formatDateAndTime(dateSelected, localTime).toLocaleString());
+        }
     }, [dateSelected, localTime]);
     React$1.useEffect(function () {
         if (active) {
@@ -19144,11 +17797,11 @@ var DatePicker = function (props) {
                 }
             }, className: "date_picker_input_holder" },
             React$1.createElement("input", { onFocus: inputFocused, placeholder: placeholder, type: "text", onChange: dateInput, value: formattedDate }),
-            React$1.createElement("div", { className: "date_picker_input_holder_icon" },
-                React$1.createElement("svg", { width: "100%", onClick: function () {
-                        setActiveCalendar(!activeCalendar);
-                    }, height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                    React$1.createElement("g", { "clip-path": "url(#clip0_1118_153)" },
+            React$1.createElement("div", { className: "date_picker_input_holder_icon", onClick: function () {
+                    setActiveCalendar(!activeCalendar);
+                } },
+                React$1.createElement("svg", { width: "100%", height: "100%", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    React$1.createElement("g", { clipPath: "url(#clip0_1118_153)" },
                         React$1.createElement("path", { d: "M12 19C12.1978 19 12.3911 18.9414 12.5556 18.8315C12.72 18.7216 12.8482 18.5654 12.9239 18.3827C12.9996 18.2 13.0194 17.9989 12.9808 17.8049C12.9422 17.6109 12.847 17.4327 12.7071 17.2929C12.5673 17.153 12.3891 17.0578 12.1951 17.0192C12.0011 16.9806 11.8 17.0004 11.6173 17.0761C11.4346 17.1518 11.2784 17.28 11.1685 17.4444C11.0586 17.6089 11 17.8022 11 18C11 18.2652 11.1054 18.5196 11.2929 18.7071C11.4804 18.8946 11.7348 19 12 19ZM17 19C17.1978 19 17.3911 18.9414 17.5556 18.8315C17.72 18.7216 17.8482 18.5654 17.9239 18.3827C17.9996 18.2 18.0194 17.9989 17.9808 17.8049C17.9422 17.6109 17.847 17.4327 17.7071 17.2929C17.5673 17.153 17.3891 17.0578 17.1951 17.0192C17.0011 16.9806 16.8 17.0004 16.6173 17.0761C16.4346 17.1518 16.2784 17.28 16.1685 17.4444C16.0586 17.6089 16 17.8022 16 18C16 18.2652 16.1054 18.5196 16.2929 18.7071C16.4804 18.8946 16.7348 19 17 19ZM17 15C17.1978 15 17.3911 14.9414 17.5556 14.8315C17.72 14.7216 17.8482 14.5654 17.9239 14.3827C17.9996 14.2 18.0194 13.9989 17.9808 13.8049C17.9422 13.6109 17.847 13.4327 17.7071 13.2929C17.5673 13.153 17.3891 13.0578 17.1951 13.0192C17.0011 12.9806 16.8 13.0004 16.6173 13.0761C16.4346 13.1518 16.2784 13.28 16.1685 13.4444C16.0586 13.6089 16 13.8022 16 14C16 14.2652 16.1054 14.5196 16.2929 14.7071C16.4804 14.8946 16.7348 15 17 15ZM12 15C12.1978 15 12.3911 14.9414 12.5556 14.8315C12.72 14.7216 12.8482 14.5654 12.9239 14.3827C12.9996 14.2 13.0194 13.9989 12.9808 13.8049C12.9422 13.6109 12.847 13.4327 12.7071 13.2929C12.5673 13.153 12.3891 13.0578 12.1951 13.0192C12.0011 12.9806 11.8 13.0004 11.6173 13.0761C11.4346 13.1518 11.2784 13.28 11.1685 13.4444C11.0586 13.6089 11 13.8022 11 14C11 14.2652 11.1054 14.5196 11.2929 14.7071C11.4804 14.8946 11.7348 15 12 15ZM19 3H18V2C18 1.73478 17.8946 1.48043 17.7071 1.29289C17.5196 1.10536 17.2652 1 17 1C16.7348 1 16.4804 1.10536 16.2929 1.29289C16.1054 1.48043 16 1.73478 16 2V3H8V2C8 1.73478 7.89464 1.48043 7.70711 1.29289C7.51957 1.10536 7.26522 1 7 1C6.73478 1 6.48043 1.10536 6.29289 1.29289C6.10536 1.48043 6 1.73478 6 2V3H5C4.20435 3 3.44129 3.31607 2.87868 3.87868C2.31607 4.44129 2 5.20435 2 6V20C2 20.7956 2.31607 21.5587 2.87868 22.1213C3.44129 22.6839 4.20435 23 5 23H19C19.7956 23 20.5587 22.6839 21.1213 22.1213C21.6839 21.5587 22 20.7956 22 20V6C22 5.20435 21.6839 4.44129 21.1213 3.87868C20.5587 3.31607 19.7956 3 19 3ZM20 20C20 20.2652 19.8946 20.5196 19.7071 20.7071C19.5196 20.8946 19.2652 21 19 21H5C4.73478 21 4.48043 20.8946 4.29289 20.7071C4.10536 20.5196 4 20.2652 4 20V11H20V20ZM20 9H4V6C4 5.73478 4.10536 5.48043 4.29289 5.29289C4.48043 5.10536 4.73478 5 5 5H6V6C6 6.26522 6.10536 6.51957 6.29289 6.70711C6.48043 6.89464 6.73478 7 7 7C7.26522 7 7.51957 6.89464 7.70711 6.70711C7.89464 6.51957 8 6.26522 8 6V5H16V6C16 6.26522 16.1054 6.51957 16.2929 6.70711C16.4804 6.89464 16.7348 7 17 7C17.2652 7 17.5196 6.89464 17.7071 6.70711C17.8946 6.51957 18 6.26522 18 6V5H19C19.2652 5 19.5196 5.10536 19.7071 5.29289C19.8946 5.48043 20 5.73478 20 6V9ZM7 15C7.19778 15 7.39112 14.9414 7.55557 14.8315C7.72002 14.7216 7.84819 14.5654 7.92388 14.3827C7.99957 14.2 8.01937 13.9989 7.98079 13.8049C7.9422 13.6109 7.84696 13.4327 7.70711 13.2929C7.56725 13.153 7.38907 13.0578 7.19509 13.0192C7.00111 12.9806 6.80004 13.0004 6.61732 13.0761C6.43459 13.1518 6.27841 13.28 6.16853 13.4444C6.05865 13.6089 6 13.8022 6 14C6 14.2652 6.10536 14.5196 6.29289 14.7071C6.48043 14.8946 6.73478 15 7 15ZM7 19C7.19778 19 7.39112 18.9414 7.55557 18.8315C7.72002 18.7216 7.84819 18.5654 7.92388 18.3827C7.99957 18.2 8.01937 17.9989 7.98079 17.8049C7.9422 17.6109 7.84696 17.4327 7.70711 17.2929C7.56725 17.153 7.38907 17.0578 7.19509 17.0192C7.00111 16.9806 6.80004 17.0004 6.61732 17.0761C6.43459 17.1518 6.27841 17.28 6.16853 17.4444C6.05865 17.6089 6 17.8022 6 18C6 18.2652 6.10536 18.5196 6.29289 18.7071C6.48043 18.8946 6.73478 19 7 19Z", fill: "#070B12" })),
                     React$1.createElement("defs", null,
                         React$1.createElement("clipPath", { id: "clip0_1118_153" },
@@ -19172,8 +17825,11 @@ var DropdownList = function (props) {
     var _c = reactExports.useState(false), err = _c[0]; _c[1];
     reactExports.useEffect(function () {
         document.addEventListener('keyup', function (e) {
-            if (opened && e.key === 'Escape')
+            if (opened && e.code === 'Escape')
                 setOpened(false);
+            if (!opened && document.activeElement.classList.value.includes('dropdown-field') && e.code === 'Enter' ||
+                !opened && document.activeElement.classList.value.includes('dropdown-field') && e.code === 'Space')
+                setOpened(true);
         });
     }, [opened]);
     return (React$1.createElement(FieldContainer, null,
@@ -19182,8 +17838,17 @@ var DropdownList = function (props) {
                 label &&
                     React$1.createElement(LabelContainer, null,
                         React$1.createElement("label", null, label)),
-                React$1.createElement(DropdownField, { type: "button", className: err ? 'error' : '', onClick: function () {
-                        setOpened(!opened);
+                React$1.createElement(DropdownField, { type: "button", className: "dropdown-field ".concat(err ? 'error' : ''), onBlur: function () {
+                        setOpened(false);
+                    }, onMouseUp: function () {
+                        if (opened) {
+                            setTimeout(function () {
+                                setOpened(false);
+                            }, 100);
+                        }
+                        else {
+                            setOpened(true);
+                        }
                     } },
                     React$1.createElement("div", { style: { overflowX: 'hidden' } }, !passedOption.label ? initialText : passedOption.label),
                     React$1.createElement(DropdownIcon, { className: opened ? 'expanded' : 'collapsed' },
@@ -19194,6 +17859,7 @@ var DropdownList = function (props) {
                             React$1.createElement(OptionsList, null, options.map(function (option, index) { return (React$1.createElement(DropdownOption, { key: index, onClick: function () {
                                     setPassedOption(option);
                                     returnedSelection(option);
+                                    // setOpened(false)
                                 } }, option.label)); }))))),
         disabled &&
             React$1.createElement(DisabledContainer, null,
@@ -19945,7 +18611,7 @@ var NewsTitleBar = function (props) {
         React$1.createElement("h4", { className: "title-bar-text" }, title)));
 };
 
-var InputLabel$2 = styled.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n  label{\n    color:", " ;\n  }\n  span{\n    color: ", ";\n  }\n  .disabled{\n    color: ", ";\n  }\n"], ["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n  label{\n    color:", " ;\n  }\n  span{\n    color: ", ";\n  }\n  .disabled{\n    color: ", ";\n  }\n"])), theme.colors["primary-900"], theme.colors["neutral-600"], theme.colors["neutral-100"]);
+var InputLabel$2 = styled.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n  label{\n    color:", ";\n    font-weight: 500;\n    font-family: \"Circular Book Medium\", sans-serif;\n  }\n  span{\n    color: ", ";\n  }\n  .disabled{\n    color: ", ";\n  }\n"], ["\n  display: flex;\n  gap: 4px;\n  flex-direction: column;\n  label{\n    color:", ";\n    font-weight: 500;\n    font-family: \"Circular Book Medium\", sans-serif;\n  }\n  span{\n    color: ", ";\n  }\n  .disabled{\n    color: ", ";\n  }\n"])), theme.colors["primary-900"], theme.colors["neutral-600"], theme.colors["neutral-100"]);
 var InputField$1 = styled.input(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n  border: none;\n  width: 100%;\n  height: 50px;\n  font-size: 16px;\n  padding: 0 16px;\n  margin: 0;\n  &:focus,&:focus-within{\n    outline: none;\n  }\n  &::placeholder{\n    color: ", ";\n  }\n  &:disabled{\n    background: ", ";\n    cursor: not-allowed;\n    pointer-events: none;\n   }\n  &:disabled &::placeholder{\n    color: ", ";\n  }\n"], ["\n  border: none;\n  width: 100%;\n  height: 50px;\n  font-size: 16px;\n  padding: 0 16px;\n  margin: 0;\n  &:focus,&:focus-within{\n    outline: none;\n  }\n  &::placeholder{\n    color: ", ";\n  }\n  &:disabled{\n    background: ", ";\n    cursor: not-allowed;\n    pointer-events: none;\n   }\n  &:disabled &::placeholder{\n    color: ", ";\n  }\n"])), theme.colors["neutral-200"], theme.colors.white, theme.colors["neutral-100"]);
 var InputContainer$2 = styled.div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n  height: 50px;\n  width: 100%;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  &:hover{\n    border: 1px solid ", ";\n  }\n  &:focus,&:focus-within{\n    border: 1px solid ", ";\n    outline: none;\n  }\n  &.success{\n    border: 1px solid ", ";\n  }\n  &.error{\n    border: 1px solid ", ";\n  }\n  &.disabled{\n    pointer-events: none;\n  }\n  &.disabled input{\n    cursor: not-allowed !important;\n  }\n"], ["\n  height: 50px;\n  width: 100%;\n  border-radius: 8px;\n  border: 1px solid ", ";\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  &:hover{\n    border: 1px solid ", ";\n  }\n  &:focus,&:focus-within{\n    border: 1px solid ", ";\n    outline: none;\n  }\n  &.success{\n    border: 1px solid ", ";\n  }\n  &.error{\n    border: 1px solid ", ";\n  }\n  &.disabled{\n    pointer-events: none;\n  }\n  &.disabled input{\n    cursor: not-allowed !important;\n  }\n"])), theme.colors["neutral-200"], theme.colors["primary-300"], theme.colors["primary-500"], theme.colors["success-500"], theme.colors["error-500"]);
 var ToggleButton = styled.button(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n  border: none;\n  background: ", ";\n  cursor:pointer;\n  height: 100%;\n  padding: 13px 8px;\n"], ["\n  border: none;\n  background: ", ";\n  cursor:pointer;\n  height: 100%;\n  padding: 13px 8px;\n"])), theme.colors.white);