@mailstep/design-system 0.1.1 → 0.1.3

package/build/index.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React, { useState, useEffect, useRef, useCallback, memo, useMemo } from 'react';
+import React, { useState, useEffect, useCallback, useRef, memo, useMemo } from 'react';
 import ReactDom from 'react-dom';
-import styled, { useTheme, th, x, css, down, system, keyframes as keyframes$1 } from '@xstyled/styled-components';
+import styled, { useTheme, th, ThemeProvider, Preflight, x, css, down, system, keyframes as keyframes$1 } from '@xstyled/styled-components';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { library } from '@fortawesome/fontawesome-svg-core';
 import { faCoffee as faCoffee$2 } from '@fortawesome/pro-light-svg-icons/faCoffee';
@@ -107,7 +107,7 @@ import styled$1, { keyframes } from 'styled-components';
 import 'swiper/css';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { NavLink, Link as Link$1 } from 'react-router-dom';
-import 'react-image';
+import { Img } from 'react-image';
 
 var statusToColors = {
     info: { fontColor: 'gray1', backgroundColor: 'lightGray7', fill: 'gray1' },
@@ -367,12 +367,12 @@ var Container$4 = styled.div(templateObject_1$v || (templateObject_1$v = __makeT
     return ($mounted ? 1 : 0);
 });
 var Header = styled.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n  margin-bottom: 15px;\n  color: typoPrimary;\n  font-size: 18px;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n"], ["\n  margin-bottom: 15px;\n  color: typoPrimary;\n  font-size: 18px;\n  font-weight: bold;\n  display: flex;\n  align-items: center;\n"])));
-var Wrapper$1 = styled.div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 400;\n"], ["\n  font-size: 14px;\n  font-weight: 400;\n"])));
+var Wrapper$4 = styled.div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 400;\n"], ["\n  font-size: 14px;\n  font-weight: 400;\n"])));
 var Status = styled.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  top: 0;\n  padding: 6px 10px;\n  text-transform: uppercase;\n  border-radius: 12px 0 12px 0;\n  background-color: ", ";\n"], ["\n  position: absolute;\n  left: 0;\n  top: 0;\n  padding: 6px 10px;\n  text-transform: uppercase;\n  border-radius: 12px 0 12px 0;\n  background-color: ", ";\n"])), function (_a) {
     var background = _a.background;
     return th.color(background);
 });
-var CloseBtn = styled.div(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n  cursor: pointer;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n"], ["\n  cursor: pointer;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n"])));
+var CloseBtn$1 = styled.div(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n  cursor: pointer;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n"], ["\n  cursor: pointer;\n  position: absolute;\n  top: 12px;\n  right: 12px;\n"])));
 var StatusText = styled.span(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n  display: inline-block;\n  margin-left: 6px;\n  font-size: 14px;\n  font-weight: 700;\n  color: ", ";\n"], ["\n  display: inline-block;\n  margin-left: 6px;\n  font-size: 14px;\n  font-weight: 700;\n  color: ", ";\n"])), function (_a) {
     var fontColor = _a.fontColor;
     return th.color(fontColor);
@@ -389,10 +389,10 @@ var CornerDialog = function (_a) {
     var _d = statusToColors[intent], fontColor = _d.fontColor, backgroundColor = _d.backgroundColor, fill = _d.fill;
     if (!isOpen)
         return null;
-    return (jsx(Portal, { children: jsxs(Container$4, { "$mounted": isMounted, children: [jsxs(Status, { background: backgroundColor, children: [jsx(Icon, { icon: statusToIcon[intent], fill: fill }), jsx(StatusText, { fontColor: fontColor, children: statusToTitle[intent]() })] }), jsx(Header, { children: title }), jsx(CloseBtn, { onClick: onClose, children: jsx(Icon, { icon: "close", size: "25px" }) }), jsx(Wrapper$1, { children: children })] }) }));
+    return (jsx(Portal, { children: jsxs(Container$4, { "$mounted": isMounted, children: [jsxs(Status, { background: backgroundColor, children: [jsx(Icon, { icon: statusToIcon[intent], fill: fill }), jsx(StatusText, { fontColor: fontColor, children: statusToTitle[intent]() })] }), jsx(Header, { children: title }), jsx(CloseBtn$1, { onClick: onClose, children: jsx(Icon, { icon: "close", size: "25px" }) }), jsx(Wrapper$4, { children: children })] }) }));
 };
 
-var StyledWrapper = styled.span(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
+var StyledWrapper$1 = styled.span(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
 var LoadingIconWrapper = styled.div(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n  & svg {\n    margin-right: ", ";\n  }\n"], ["\n  & svg {\n    margin-right: ", ";\n  }\n"])), function (_a) {
     var $addMargin = _a.$addMargin;
     return ($addMargin ? '0.5em' : '0');
@@ -443,7 +443,7 @@ var Svg = styled.svg(templateObject_3$i || (templateObject_3$i = __makeTemplateO
     var $variant = _a.$variant;
     return ($variant === 'sm' ? '16' : '40');
 }, KeyframesCircularRotate);
-var Circle = styled.circle(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0px;\n  stroke: ", ";\n"], ["\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0px;\n  stroke: ", ";\n"])), KeyframesCircularDash, function (_a) {
+var Circle$1 = styled.circle(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0px;\n  stroke: ", ";\n"], ["\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0px;\n  stroke: ", ";\n"])), KeyframesCircularDash, function (_a) {
     var color = _a.color;
     return (color ? th.color(color) : th.color('blue2'));
 });
@@ -462,12 +462,12 @@ var appearanceToFontColorMap = {
 var Spinner = function (_a) {
     var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, appearance = _a.appearance;
     var color = appearance ? appearanceToFontColorMap[appearance] : 'blue2';
-    return (jsx(Svg, { viewBox: "22 22 44 44", "$variant": variant, children: jsx(Circle, { cx: "44", cy: "44", r: "20.2", fill: "none", strokeWidth: "3.6", color: color }) }));
+    return (jsx(Svg, { viewBox: "22 22 44 44", "$variant": variant, children: jsx(Circle$1, { cx: "44", cy: "44", r: "20.2", fill: "none", strokeWidth: "3.6", color: color }) }));
 };
 
 var Button = function (_a) {
     var isLoading = _a.isLoading, loadingText = _a.loadingText, icon = _a.icon, _b = _a.appearance, appearance = _b === void 0 ? 'primary' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.sizing, sizing = _d === void 0 ? 'normal' : _d, buttonRef = _a.buttonRef, onClick = _a.onClick, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, props = __rest(_a, ["isLoading", "loadingText", "icon", "appearance", "disabled", "sizing", "buttonRef", "onClick", "fullWidth"]);
-    return (jsx(StyledButton, __assign({}, props, { onClick: !disabled && !isLoading ? onClick : undefined, "data-appearance": appearance, "data-sizing": sizing, disabled: disabled, ref: buttonRef, fullWidth: fullWidth, children: jsxs(StyledWrapper, { children: [icon && (typeof icon === 'string' ? jsx(StyledIcon, { "$addMargin": !!props.children, icon: icon }) : icon), isLoading ? (jsxs(Fragment, { children: [jsx(LoadingIconWrapper, { "$addMargin": !!loadingText || !!props.children, children: jsx(Spinner, { variant: "sm" }) }), loadingText || loadingText === '' ? loadingText : 'Loading'] })) : (props.children)] }) })));
+    return (jsx(StyledButton, __assign({}, props, { onClick: !disabled && !isLoading ? onClick : undefined, "data-appearance": appearance, "data-sizing": sizing, disabled: disabled, ref: buttonRef, fullWidth: fullWidth, children: jsxs(StyledWrapper$1, { children: [icon && (typeof icon === 'string' ? jsx(StyledIcon, { "$addMargin": !!props.children, icon: icon }) : icon), isLoading ? (jsxs(Fragment, { children: [jsx(LoadingIconWrapper, { "$addMargin": !!loadingText || !!props.children, children: jsx(Spinner, { variant: "sm" }) }), loadingText || loadingText === '' ? loadingText : 'Loading'] })) : (props.children)] }) })));
 };
 
 var defaultTheme$1 = {
@@ -840,6 +840,11 @@ var themes = {
     mailwise: defaultTheme
 };
 
+var MailstepThemeProvider = function (_a) {
+    var children = _a.children, _b = _a.theme, theme = _b === void 0 ? 'default' : _b, _c = _a.preflight, preflight = _c === void 0 ? true : _c;
+    return (jsxs(ThemeProvider, { theme: themes[theme], children: [preflight && jsx(Preflight, {}), children] }));
+};
+
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 function getDefaultExportFromCjs (x) {
@@ -1838,11 +1843,11 @@ var _root = root$c;
 var root$b = _root;
 
 /** Built-in value references. */
-var Symbol$7 = root$b.Symbol;
+var Symbol$6 = root$b.Symbol;
 
-var _Symbol = Symbol$7;
+var _Symbol = Symbol$6;
 
-var Symbol$6 = _Symbol;
+var Symbol$5 = _Symbol;
 
 /** Used for built-in method references. */
 var objectProto$h = Object.prototype;
@@ -1858,7 +1863,7 @@ var hasOwnProperty$e = objectProto$h.hasOwnProperty;
 var nativeObjectToString$1 = objectProto$h.toString;
 
 /** Built-in value references. */
-var symToStringTag$1 = Symbol$6 ? Symbol$6.toStringTag : undefined;
+var symToStringTag$1 = Symbol$5 ? Symbol$5.toStringTag : undefined;
 
 /**
  * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
@@ -1913,7 +1918,7 @@ function objectToString$1(value) {
 
 var _objectToString = objectToString$1;
 
-var Symbol$5 = _Symbol,
+var Symbol$4 = _Symbol,
     getRawTag = _getRawTag,
     objectToString = _objectToString;
 
@@ -1922,7 +1927,7 @@ var nullTag = '[object Null]',
     undefinedTag = '[object Undefined]';
 
 /** Built-in value references. */
-var symToStringTag = Symbol$5 ? Symbol$5.toStringTag : undefined;
+var symToStringTag = Symbol$4 ? Symbol$4.toStringTag : undefined;
 
 /**
  * The base implementation of `getTag` without fallbacks for buggy environments.
@@ -1931,7 +1936,7 @@ var symToStringTag = Symbol$5 ? Symbol$5.toStringTag : undefined;
  * @param {*} value The value to query.
  * @returns {string} Returns the `toStringTag`.
  */
-function baseGetTag$7(value) {
+function baseGetTag$6(value) {
   if (value == null) {
     return value === undefined ? undefinedTag : nullTag;
   }
@@ -1940,7 +1945,7 @@ function baseGetTag$7(value) {
     : objectToString(value);
 }
 
-var _baseGetTag = baseGetTag$7;
+var _baseGetTag = baseGetTag$6;
 
 /**
  * Checks if `value` is the
@@ -1975,7 +1980,7 @@ function isObject$8(value) {
 
 var isObject_1 = isObject$8;
 
-var baseGetTag$6 = _baseGetTag,
+var baseGetTag$5 = _baseGetTag,
     isObject$7 = isObject_1;
 
 /** `Object#toString` result references. */
@@ -2007,7 +2012,7 @@ function isFunction$2(value) {
   }
   // The use of `Object#toString` avoids issues with the `typeof` operator
   // in Safari 9 which returns 'object' for typed arrays and other constructors.
-  var tag = baseGetTag$6(value);
+  var tag = baseGetTag$5(value);
   return tag == funcTag$2 || tag == genTag$1 || tag == asyncTag || tag == proxyTag;
 }
 
@@ -2572,9 +2577,9 @@ var _LodashWrapper = LodashWrapper$2;
  * // => false
  */
 
-var isArray$a = Array.isArray;
+var isArray$9 = Array.isArray;
 
-var isArray_1 = isArray$a;
+var isArray_1 = isArray$9;
 
 /**
  * Checks if `value` is object-like. A value is object-like if it's not `null`
@@ -2601,11 +2606,11 @@ var isArray_1 = isArray$a;
  * // => false
  */
 
-function isObjectLike$b(value) {
+function isObjectLike$a(value) {
   return value != null && typeof value == 'object';
 }
 
-var isObjectLike_1 = isObjectLike$b;
+var isObjectLike_1 = isObjectLike$a;
 
 /**
  * Copies the values of `source` to `array`.
@@ -2656,8 +2661,8 @@ var _wrapperClone = wrapperClone$1;
 var LazyWrapper$1 = _LazyWrapper,
     LodashWrapper = _LodashWrapper,
     baseLodash = _baseLodash,
-    isArray$9 = isArray_1,
-    isObjectLike$a = isObjectLike_1,
+    isArray$8 = isArray_1,
+    isObjectLike$9 = isObjectLike_1,
     wrapperClone = _wrapperClone;
 
 /** Used for built-in method references. */
@@ -2784,7 +2789,7 @@ var hasOwnProperty$b = objectProto$d.hasOwnProperty;
  * // => true
  */
 function lodash$1(value) {
-  if (isObjectLike$a(value) && !isArray$9(value) && !(value instanceof LazyWrapper$1)) {
+  if (isObjectLike$9(value) && !isArray$8(value) && !(value instanceof LazyWrapper$1)) {
     if (value instanceof LodashWrapper) {
       return value;
     }
@@ -3685,39 +3690,47 @@ function baseTrim$1(string) {
 
 var _baseTrim = baseTrim$1;
 
-var baseGetTag$5 = _baseGetTag,
-    isObjectLike$9 = isObjectLike_1;
+var isSymbol_1;
+var hasRequiredIsSymbol;
 
-/** `Object#toString` result references. */
-var symbolTag$3 = '[object Symbol]';
+function requireIsSymbol () {
+	if (hasRequiredIsSymbol) return isSymbol_1;
+	hasRequiredIsSymbol = 1;
+	var baseGetTag = _baseGetTag,
+	    isObjectLike = isObjectLike_1;
 
-/**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
-function isSymbol$3(value) {
-  return typeof value == 'symbol' ||
-    (isObjectLike$9(value) && baseGetTag$5(value) == symbolTag$3);
-}
+	/** `Object#toString` result references. */
+	var symbolTag = '[object Symbol]';
+
+	/**
+	 * Checks if `value` is classified as a `Symbol` primitive or object.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 4.0.0
+	 * @category Lang
+	 * @param {*} value The value to check.
+	 * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+	 * @example
+	 *
+	 * _.isSymbol(Symbol.iterator);
+	 * // => true
+	 *
+	 * _.isSymbol('abc');
+	 * // => false
+	 */
+	function isSymbol(value) {
+	  return typeof value == 'symbol' ||
+	    (isObjectLike(value) && baseGetTag(value) == symbolTag);
+	}
 
-var isSymbol_1 = isSymbol$3;
+	isSymbol_1 = isSymbol;
+	return isSymbol_1;
+}
 
 var baseTrim = _baseTrim,
     isObject$3 = isObject_1,
-    isSymbol$2 = isSymbol_1;
+    isSymbol$1 = requireIsSymbol();
 
 /** Used as references for various `Number` constants. */
 var NAN = 0 / 0;
@@ -3761,7 +3774,7 @@ function toNumber$1(value) {
   if (typeof value == 'number') {
     return value;
   }
-  if (isSymbol$2(value)) {
+  if (isSymbol$1(value)) {
     return NAN;
   }
   if (isObject$3(value)) {
@@ -3783,7 +3796,7 @@ var toNumber_1 = toNumber$1;
 var toNumber = toNumber_1;
 
 /** Used as references for various `Number` constants. */
-var INFINITY$1 = 1 / 0,
+var INFINITY = 1 / 0,
     MAX_INTEGER = 1.7976931348623157e+308;
 
 /**
@@ -3814,7 +3827,7 @@ function toFinite$1(value) {
     return value === 0 ? value : 0;
   }
   value = toNumber(value);
-  if (value === INFINITY$1 || value === -INFINITY$1) {
+  if (value === INFINITY || value === -INFINITY) {
     var sign = (value < 0 ? -1 : 1);
     return sign * MAX_INTEGER;
   }
@@ -3872,7 +3885,7 @@ var baseSetData = _baseSetData,
     toInteger = toInteger_1;
 
 /** Error message constants. */
-var FUNC_ERROR_TEXT$1 = 'Expected a function';
+var FUNC_ERROR_TEXT = 'Expected a function';
 
 /** Used to compose bitmasks for function metadata. */
 var WRAP_BIND_FLAG = 1,
@@ -3913,7 +3926,7 @@ var nativeMax$1 = Math.max;
 function createWrap$3(func, bitmask, thisArg, partials, holders, argPos, ary, arity) {
   var isBindKey = bitmask & WRAP_BIND_KEY_FLAG;
   if (!isBindKey && typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT$1);
+    throw new TypeError(FUNC_ERROR_TEXT);
   }
   var length = partials ? partials.length : 0;
   if (!length) {
@@ -4460,7 +4473,7 @@ var isTypedArray_1 = isTypedArray$2;
 
 var baseTimes = _baseTimes,
     isArguments$2 = isArguments_1,
-    isArray$8 = isArray_1,
+    isArray$7 = isArray_1,
     isBuffer$2 = isBufferExports,
     isIndex$1 = _isIndex,
     isTypedArray$1 = isTypedArray_1;
@@ -4480,7 +4493,7 @@ var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
  * @returns {Array} Returns the array of property names.
  */
 function arrayLikeKeys$2(value, inherited) {
-  var isArr = isArray$8(value),
+  var isArr = isArray$7(value),
       isArg = !isArr && isArguments$2(value),
       isBuff = !isArr && !isArg && isBuffer$2(value),
       isType = !isArr && !isArg && !isBuff && isTypedArray$1(value),
@@ -5220,7 +5233,7 @@ var mapCacheClear = _mapCacheClear,
  * @constructor
  * @param {Array} [entries] The key-value pairs to cache.
  */
-function MapCache$3(entries) {
+function MapCache$2(entries) {
   var index = -1,
       length = entries == null ? 0 : entries.length;
 
@@ -5232,17 +5245,17 @@ function MapCache$3(entries) {
 }
 
 // Add methods to `MapCache`.
-MapCache$3.prototype.clear = mapCacheClear;
-MapCache$3.prototype['delete'] = mapCacheDelete;
-MapCache$3.prototype.get = mapCacheGet;
-MapCache$3.prototype.has = mapCacheHas;
-MapCache$3.prototype.set = mapCacheSet;
+MapCache$2.prototype.clear = mapCacheClear;
+MapCache$2.prototype['delete'] = mapCacheDelete;
+MapCache$2.prototype.get = mapCacheGet;
+MapCache$2.prototype.has = mapCacheHas;
+MapCache$2.prototype.set = mapCacheSet;
 
-var _MapCache = MapCache$3;
+var _MapCache = MapCache$2;
 
 var ListCache$1 = _ListCache,
     Map$1 = _Map,
-    MapCache$2 = _MapCache;
+    MapCache$1 = _MapCache;
 
 /** Used as the size to enable large array optimizations. */
 var LARGE_ARRAY_SIZE = 200;
@@ -5266,7 +5279,7 @@ function stackSet$1(key, value) {
       this.size = ++data.size;
       return this;
     }
-    data = this.__data__ = new MapCache$2(pairs);
+    data = this.__data__ = new MapCache$1(pairs);
   }
   data.set(key, value);
   this.size = data.size;
@@ -5627,7 +5640,7 @@ function copySymbolsIn$1(source, object) {
 var _copySymbolsIn = copySymbolsIn$1;
 
 var arrayPush$1 = _arrayPush,
-    isArray$7 = isArray_1;
+    isArray$6 = isArray_1;
 
 /**
  * The base implementation of `getAllKeys` and `getAllKeysIn` which uses
@@ -5642,7 +5655,7 @@ var arrayPush$1 = _arrayPush,
  */
 function baseGetAllKeys$2(object, keysFunc, symbolsFunc) {
   var result = keysFunc(object);
-  return isArray$7(object) ? result : arrayPush$1(result, symbolsFunc(object));
+  return isArray$6(object) ? result : arrayPush$1(result, symbolsFunc(object));
 }
 
 var _baseGetAllKeys = baseGetAllKeys$2;
@@ -5853,11 +5866,11 @@ function cloneRegExp$1(regexp) {
 
 var _cloneRegExp = cloneRegExp$1;
 
-var Symbol$4 = _Symbol;
+var Symbol$3 = _Symbol;
 
 /** Used to convert symbols to primitives and strings. */
-var symbolProto$2 = Symbol$4 ? Symbol$4.prototype : undefined,
-    symbolValueOf$1 = symbolProto$2 ? symbolProto$2.valueOf : undefined;
+var symbolProto$1 = Symbol$3 ? Symbol$3.prototype : undefined,
+    symbolValueOf$1 = symbolProto$1 ? symbolProto$1.valueOf : undefined;
 
 /**
  * Creates a clone of the `symbol` object.
@@ -6095,7 +6108,7 @@ var Stack$2 = _Stack,
     initCloneArray = _initCloneArray,
     initCloneByTag = _initCloneByTag,
     initCloneObject = _initCloneObject,
-    isArray$6 = isArray_1,
+    isArray$5 = isArray_1,
     isBuffer$1 = isBufferExports,
     isMap = isMap_1,
     isObject$1 = isObject_1,
@@ -6184,7 +6197,7 @@ function baseClone$2(value, bitmask, customizer, key, object, stack) {
   if (!isObject$1(value)) {
     return value;
   }
-  var isArr = isArray$6(value);
+  var isArr = isArray$5(value);
   if (isArr) {
     result = initCloneArray(value);
     if (!isDeep) {
@@ -6508,7 +6521,7 @@ function setCacheHas$1(value) {
 
 var _setCacheHas = setCacheHas$1;
 
-var MapCache$1 = _MapCache,
+var MapCache = _MapCache,
     setCacheAdd = _setCacheAdd,
     setCacheHas = _setCacheHas;
 
@@ -6524,7 +6537,7 @@ function SetCache$1(values) {
   var index = -1,
       length = values == null ? 0 : values.length;
 
-  this.__data__ = new MapCache$1;
+  this.__data__ = new MapCache;
   while (++index < length) {
     this.add(values[index]);
   }
@@ -6701,7 +6714,7 @@ function setToArray$1(set) {
 
 var _setToArray = setToArray$1;
 
-var Symbol$3 = _Symbol,
+var Symbol$2 = _Symbol,
     Uint8Array = _Uint8Array,
     eq = eq_1,
     equalArrays$1 = _equalArrays,
@@ -6727,8 +6740,8 @@ var arrayBufferTag = '[object ArrayBuffer]',
     dataViewTag = '[object DataView]';
 
 /** Used to convert symbols to primitives and strings. */
-var symbolProto$1 = Symbol$3 ? Symbol$3.prototype : undefined,
-    symbolValueOf = symbolProto$1 ? symbolProto$1.valueOf : undefined;
+var symbolProto = Symbol$2 ? Symbol$2.prototype : undefined,
+    symbolValueOf = symbolProto ? symbolProto.valueOf : undefined;
 
 /**
  * A specialized version of `baseIsEqualDeep` for comparing objects of
@@ -6910,7 +6923,7 @@ var Stack$1 = _Stack,
     equalByTag = _equalByTag,
     equalObjects = _equalObjects,
     getTag = _getTag,
-    isArray$5 = isArray_1,
+    isArray$4 = isArray_1,
     isBuffer = isBufferExports,
     isTypedArray = isTypedArray_1;
 
@@ -6943,8 +6956,8 @@ var hasOwnProperty = objectProto.hasOwnProperty;
  * @returns {boolean} Returns `true` if the objects are equivalent, else `false`.
  */
 function baseIsEqualDeep$1(object, other, bitmask, customizer, equalFunc, stack) {
-  var objIsArr = isArray$5(object),
-      othIsArr = isArray$5(other),
+  var objIsArr = isArray$4(object),
+      othIsArr = isArray$4(other),
       objTag = objIsArr ? arrayTag : getTag(object),
       othTag = othIsArr ? arrayTag : getTag(other);
 
@@ -7174,7 +7187,7 @@ function require_isKey () {
 	if (hasRequired_isKey) return _isKey;
 	hasRequired_isKey = 1;
 	var isArray = isArray_1,
-	    isSymbol = isSymbol_1;
+	    isSymbol = requireIsSymbol();
 
 	/** Used to match property names within property paths. */
 	var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
@@ -7205,134 +7218,158 @@ function require_isKey () {
 	return _isKey;
 }
 
-var MapCache = _MapCache;
+var memoize_1;
+var hasRequiredMemoize;
 
-/** Error message constants. */
-var FUNC_ERROR_TEXT = 'Expected a function';
+function requireMemoize () {
+	if (hasRequiredMemoize) return memoize_1;
+	hasRequiredMemoize = 1;
+	var MapCache = _MapCache;
 
-/**
- * Creates a function that memoizes the result of `func`. If `resolver` is
- * provided, it determines the cache key for storing the result based on the
- * arguments provided to the memoized function. By default, the first argument
- * provided to the memoized function is used as the map cache key. The `func`
- * is invoked with the `this` binding of the memoized function.
- *
- * **Note:** The cache is exposed as the `cache` property on the memoized
- * function. Its creation may be customized by replacing the `_.memoize.Cache`
- * constructor with one whose instances implement the
- * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)
- * method interface of `clear`, `delete`, `get`, `has`, and `set`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to have its output memoized.
- * @param {Function} [resolver] The function to resolve the cache key.
- * @returns {Function} Returns the new memoized function.
- * @example
- *
- * var object = { 'a': 1, 'b': 2 };
- * var other = { 'c': 3, 'd': 4 };
- *
- * var values = _.memoize(_.values);
- * values(object);
- * // => [1, 2]
- *
- * values(other);
- * // => [3, 4]
- *
- * object.a = 2;
- * values(object);
- * // => [1, 2]
- *
- * // Modify the result cache.
- * values.cache.set(object, ['a', 'b']);
- * values(object);
- * // => ['a', 'b']
- *
- * // Replace `_.memoize.Cache`.
- * _.memoize.Cache = WeakMap;
- */
-function memoize$1(func, resolver) {
-  if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  var memoized = function() {
-    var args = arguments,
-        key = resolver ? resolver.apply(this, args) : args[0],
-        cache = memoized.cache;
+	/** Error message constants. */
+	var FUNC_ERROR_TEXT = 'Expected a function';
 
-    if (cache.has(key)) {
-      return cache.get(key);
-    }
-    var result = func.apply(this, args);
-    memoized.cache = cache.set(key, result) || cache;
-    return result;
-  };
-  memoized.cache = new (memoize$1.Cache || MapCache);
-  return memoized;
+	/**
+	 * Creates a function that memoizes the result of `func`. If `resolver` is
+	 * provided, it determines the cache key for storing the result based on the
+	 * arguments provided to the memoized function. By default, the first argument
+	 * provided to the memoized function is used as the map cache key. The `func`
+	 * is invoked with the `this` binding of the memoized function.
+	 *
+	 * **Note:** The cache is exposed as the `cache` property on the memoized
+	 * function. Its creation may be customized by replacing the `_.memoize.Cache`
+	 * constructor with one whose instances implement the
+	 * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)
+	 * method interface of `clear`, `delete`, `get`, `has`, and `set`.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 0.1.0
+	 * @category Function
+	 * @param {Function} func The function to have its output memoized.
+	 * @param {Function} [resolver] The function to resolve the cache key.
+	 * @returns {Function} Returns the new memoized function.
+	 * @example
+	 *
+	 * var object = { 'a': 1, 'b': 2 };
+	 * var other = { 'c': 3, 'd': 4 };
+	 *
+	 * var values = _.memoize(_.values);
+	 * values(object);
+	 * // => [1, 2]
+	 *
+	 * values(other);
+	 * // => [3, 4]
+	 *
+	 * object.a = 2;
+	 * values(object);
+	 * // => [1, 2]
+	 *
+	 * // Modify the result cache.
+	 * values.cache.set(object, ['a', 'b']);
+	 * values(object);
+	 * // => ['a', 'b']
+	 *
+	 * // Replace `_.memoize.Cache`.
+	 * _.memoize.Cache = WeakMap;
+	 */
+	function memoize(func, resolver) {
+	  if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) {
+	    throw new TypeError(FUNC_ERROR_TEXT);
+	  }
+	  var memoized = function() {
+	    var args = arguments,
+	        key = resolver ? resolver.apply(this, args) : args[0],
+	        cache = memoized.cache;
+
+	    if (cache.has(key)) {
+	      return cache.get(key);
+	    }
+	    var result = func.apply(this, args);
+	    memoized.cache = cache.set(key, result) || cache;
+	    return result;
+	  };
+	  memoized.cache = new (memoize.Cache || MapCache);
+	  return memoized;
+	}
+
+	// Expose `MapCache`.
+	memoize.Cache = MapCache;
+
+	memoize_1 = memoize;
+	return memoize_1;
 }
 
-// Expose `MapCache`.
-memoize$1.Cache = MapCache;
+var _memoizeCapped;
+var hasRequired_memoizeCapped;
 
-var memoize_1 = memoize$1;
+function require_memoizeCapped () {
+	if (hasRequired_memoizeCapped) return _memoizeCapped;
+	hasRequired_memoizeCapped = 1;
+	var memoize = requireMemoize();
 
-var memoize = memoize_1;
+	/** Used as the maximum memoize cache size. */
+	var MAX_MEMOIZE_SIZE = 500;
 
-/** Used as the maximum memoize cache size. */
-var MAX_MEMOIZE_SIZE = 500;
+	/**
+	 * A specialized version of `_.memoize` which clears the memoized function's
+	 * cache when it exceeds `MAX_MEMOIZE_SIZE`.
+	 *
+	 * @private
+	 * @param {Function} func The function to have its output memoized.
+	 * @returns {Function} Returns the new memoized function.
+	 */
+	function memoizeCapped(func) {
+	  var result = memoize(func, function(key) {
+	    if (cache.size === MAX_MEMOIZE_SIZE) {
+	      cache.clear();
+	    }
+	    return key;
+	  });
 
-/**
- * A specialized version of `_.memoize` which clears the memoized function's
- * cache when it exceeds `MAX_MEMOIZE_SIZE`.
- *
- * @private
- * @param {Function} func The function to have its output memoized.
- * @returns {Function} Returns the new memoized function.
- */
-function memoizeCapped$1(func) {
-  var result = memoize(func, function(key) {
-    if (cache.size === MAX_MEMOIZE_SIZE) {
-      cache.clear();
-    }
-    return key;
-  });
+	  var cache = result.cache;
+	  return result;
+	}
 
-  var cache = result.cache;
-  return result;
+	_memoizeCapped = memoizeCapped;
+	return _memoizeCapped;
 }
 
-var _memoizeCapped = memoizeCapped$1;
+var _stringToPath;
+var hasRequired_stringToPath;
 
-var memoizeCapped = _memoizeCapped;
+function require_stringToPath () {
+	if (hasRequired_stringToPath) return _stringToPath;
+	hasRequired_stringToPath = 1;
+	var memoizeCapped = require_memoizeCapped();
 
-/** Used to match property names within property paths. */
-var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
+	/** Used to match property names within property paths. */
+	var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
 
-/** Used to match backslashes in property paths. */
-var reEscapeChar = /\\(\\)?/g;
+	/** Used to match backslashes in property paths. */
+	var reEscapeChar = /\\(\\)?/g;
 
-/**
- * Converts `string` to a property path array.
- *
- * @private
- * @param {string} string The string to convert.
- * @returns {Array} Returns the property path array.
- */
-var stringToPath$1 = memoizeCapped(function(string) {
-  var result = [];
-  if (string.charCodeAt(0) === 46 /* . */) {
-    result.push('');
-  }
-  string.replace(rePropName, function(match, number, quote, subString) {
-    result.push(quote ? subString.replace(reEscapeChar, '$1') : (number || match));
-  });
-  return result;
-});
+	/**
+	 * Converts `string` to a property path array.
+	 *
+	 * @private
+	 * @param {string} string The string to convert.
+	 * @returns {Array} Returns the property path array.
+	 */
+	var stringToPath = memoizeCapped(function(string) {
+	  var result = [];
+	  if (string.charCodeAt(0) === 46 /* . */) {
+	    result.push('');
+	  }
+	  string.replace(rePropName, function(match, number, quote, subString) {
+	    result.push(quote ? subString.replace(reEscapeChar, '$1') : (number || match));
+	  });
+	  return result;
+	});
 
-var _stringToPath = stringToPath$1;
+	_stringToPath = stringToPath;
+	return _stringToPath;
+}
 
 /**
  * A specialized version of `_.map` for arrays without support for iteratee
@@ -7344,7 +7381,7 @@ var _stringToPath = stringToPath$1;
  * @returns {Array} Returns the new mapped array.
  */
 
-function arrayMap$2(array, iteratee) {
+function arrayMap$1(array, iteratee) {
   var index = -1,
       length = array == null ? 0 : array.length,
       result = Array(length);
@@ -7355,74 +7392,90 @@ function arrayMap$2(array, iteratee) {
   return result;
 }
 
-var _arrayMap = arrayMap$2;
+var _arrayMap = arrayMap$1;
 
-var Symbol$2 = _Symbol,
-    arrayMap$1 = _arrayMap,
-    isArray$4 = isArray_1,
-    isSymbol$1 = isSymbol_1;
+var _baseToString;
+var hasRequired_baseToString;
 
-/** Used as references for various `Number` constants. */
-var INFINITY = 1 / 0;
+function require_baseToString () {
+	if (hasRequired_baseToString) return _baseToString;
+	hasRequired_baseToString = 1;
+	var Symbol = _Symbol,
+	    arrayMap = _arrayMap,
+	    isArray = isArray_1,
+	    isSymbol = requireIsSymbol();
 
-/** Used to convert symbols to primitives and strings. */
-var symbolProto = Symbol$2 ? Symbol$2.prototype : undefined,
-    symbolToString = symbolProto ? symbolProto.toString : undefined;
+	/** Used as references for various `Number` constants. */
+	var INFINITY = 1 / 0;
 
-/**
- * The base implementation of `_.toString` which doesn't convert nullish
- * values to empty strings.
- *
- * @private
- * @param {*} value The value to process.
- * @returns {string} Returns the string.
- */
-function baseToString$1(value) {
-  // Exit early for strings to avoid a performance hit in some environments.
-  if (typeof value == 'string') {
-    return value;
-  }
-  if (isArray$4(value)) {
-    // Recursively convert values (susceptible to call stack limits).
-    return arrayMap$1(value, baseToString$1) + '';
-  }
-  if (isSymbol$1(value)) {
-    return symbolToString ? symbolToString.call(value) : '';
-  }
-  var result = (value + '');
-  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
+	/** Used to convert symbols to primitives and strings. */
+	var symbolProto = Symbol ? Symbol.prototype : undefined,
+	    symbolToString = symbolProto ? symbolProto.toString : undefined;
+
+	/**
+	 * The base implementation of `_.toString` which doesn't convert nullish
+	 * values to empty strings.
+	 *
+	 * @private
+	 * @param {*} value The value to process.
+	 * @returns {string} Returns the string.
+	 */
+	function baseToString(value) {
+	  // Exit early for strings to avoid a performance hit in some environments.
+	  if (typeof value == 'string') {
+	    return value;
+	  }
+	  if (isArray(value)) {
+	    // Recursively convert values (susceptible to call stack limits).
+	    return arrayMap(value, baseToString) + '';
+	  }
+	  if (isSymbol(value)) {
+	    return symbolToString ? symbolToString.call(value) : '';
+	  }
+	  var result = (value + '');
+	  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
+	}
+
+	_baseToString = baseToString;
+	return _baseToString;
 }
 
-var _baseToString = baseToString$1;
+var toString_1;
+var hasRequiredToString;
 
-var baseToString = _baseToString;
+function requireToString () {
+	if (hasRequiredToString) return toString_1;
+	hasRequiredToString = 1;
+	var baseToString = require_baseToString();
 
-/**
- * Converts `value` to a string. An empty string is returned for `null`
- * and `undefined` values. The sign of `-0` is preserved.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- * @example
- *
- * _.toString(null);
- * // => ''
- *
- * _.toString(-0);
- * // => '-0'
- *
- * _.toString([1, 2, 3]);
- * // => '1,2,3'
- */
-function toString$1(value) {
-  return value == null ? '' : baseToString(value);
-}
+	/**
+	 * Converts `value` to a string. An empty string is returned for `null`
+	 * and `undefined` values. The sign of `-0` is preserved.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 4.0.0
+	 * @category Lang
+	 * @param {*} value The value to convert.
+	 * @returns {string} Returns the converted string.
+	 * @example
+	 *
+	 * _.toString(null);
+	 * // => ''
+	 *
+	 * _.toString(-0);
+	 * // => '-0'
+	 *
+	 * _.toString([1, 2, 3]);
+	 * // => '1,2,3'
+	 */
+	function toString(value) {
+	  return value == null ? '' : baseToString(value);
+	}
 
-var toString_1 = toString$1;
+	toString_1 = toString;
+	return toString_1;
+}
 
 var _castPath;
 var hasRequired_castPath;
@@ -7432,8 +7485,8 @@ function require_castPath () {
 	hasRequired_castPath = 1;
 	var isArray = isArray_1,
 	    isKey = require_isKey(),
-	    stringToPath = _stringToPath,
-	    toString = toString_1;
+	    stringToPath = require_stringToPath(),
+	    toString = requireToString();
 
 	/**
 	 * Casts `value` to a path array if it's not one.
@@ -7460,7 +7513,7 @@ var hasRequired_toKey;
 function require_toKey () {
 	if (hasRequired_toKey) return _toKey;
 	hasRequired_toKey = 1;
-	var isSymbol = isSymbol_1;
+	var isSymbol = requireIsSymbol();
 
 	/** Used as references for various `Number` constants. */
 	var INFINITY = 1 / 0;
@@ -8009,10 +8062,10 @@ var rearg_1 = rearg;
 var arrayMap = _arrayMap,
     copyArray = _copyArray,
     isArray = isArray_1,
-    isSymbol = isSymbol_1,
-    stringToPath = _stringToPath,
+    isSymbol = requireIsSymbol(),
+    stringToPath = require_stringToPath(),
     toKey = require_toKey(),
-    toString = toString_1;
+    toString = requireToString();
 
 /**
  * Converts `value` to a property path array.
@@ -8098,6 +8151,22 @@ var createRgba = function (color, alpha) {
     return color;
 };
 
+var OnKeyPress = function (_a) {
+    var action = _a.action, keyCode = _a.keyCode;
+    var testKeyCode = useCallback(function (event) {
+        if (event.keyCode === keyCode) {
+            action();
+        }
+    }, [keyCode, action]);
+    useEffect(function () {
+        document.addEventListener('keydown', testKeyCode, false);
+        return function () {
+            document.removeEventListener('keydown', testKeyCode, false);
+        };
+    }, [testKeyCode]);
+    return null;
+};
+
 var DialogOverlay = styled.div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n  position: fixed; /* Stay in place */\n  z-index: 5;\n  left: 0;\n  top: 0;\n  width: 100%; /* Full width */\n  height: 100%; /* Full height */\n  overflow: auto; /* Enable scroll if needed */\n  background-color: ", ";\n  text-align: center;\n  @media print {\n    position: absolute !important;\n    left: 0 !important;\n    top: 0 !important;\n    height: auto !important;\n    visibility: hidden;\n  }\n"], ["\n  position: fixed; /* Stay in place */\n  z-index: 5;\n  left: 0;\n  top: 0;\n  width: 100%; /* Full width */\n  height: 100%; /* Full height */\n  overflow: auto; /* Enable scroll if needed */\n  background-color: ", ";\n  text-align: center;\n  @media print {\n    position: absolute !important;\n    left: 0 !important;\n    top: 0 !important;\n    height: auto !important;\n    visibility: hidden;\n  }\n"])), function (_a) {
     var _b = _a.backgroundColor, backgroundColor = _b === void 0 ? 'blue2' : _b;
     return createRgba(backgroundColor, 0.6);
@@ -8223,7 +8292,7 @@ var useModal = function (initialState) {
 };
 
 var Container$3 = styled.div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  position: relative;\n"], ["\n  width: 100%;\n  height: 100%;\n  position: relative;\n"])));
-var Image$1 = styled.img(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n"], ["\n  width: 100%;\n  height: 100%;\n"])));
+var Image$2 = styled.img(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n"], ["\n  width: 100%;\n  height: 100%;\n"])));
 var ButtonContainer = styled.div(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: -60px;\n"], ["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  bottom: -60px;\n"])));
 var templateObject_1$r, templateObject_2$j, templateObject_3$g;
 
@@ -8233,7 +8302,7 @@ var LightBox = function (_a) {
         return null;
     return (jsx(Modal, { isShown: isLightBoxOpen, onClose: onCloseLightBox, mobileFullscreen: true, miniCloseBtn: true, withCloseIcon: true, children: jsx(Swiper, { initialSlide: initialSlide, slidesPerView: 1, autoHeight: true, children: images.map(function (item) {
                 var _a;
-                return (jsx(SwiperSlide, { children: jsxs(Container$3, { children: [jsx(Image$1, { src: (_a = item.originalUrl) !== null && _a !== void 0 ? _a : item.url, loading: "lazy", alt: "" }), !!item.withLightBoxAction && lightBoxAction && lightBoxActionTitle && (jsx(ButtonContainer, { children: jsx(Button, { onClick: lightBoxAction(item.id), appearance: "primaryLight", children: lightBoxActionTitle }) }))] }) }, item.id));
+                return (jsx(SwiperSlide, { children: jsxs(Container$3, { children: [jsx(Image$2, { src: (_a = item.originalUrl) !== null && _a !== void 0 ? _a : item.url, loading: "lazy", alt: "" }), !!item.withLightBoxAction && lightBoxAction && lightBoxActionTitle && (jsx(ButtonContainer, { children: jsx(Button, { onClick: lightBoxAction(item.id), appearance: "primaryLight", children: lightBoxActionTitle }) }))] }) }, item.id));
             }) }) }));
 };
 
@@ -8254,7 +8323,7 @@ var useLightBox = function () {
 };
 
 var Container$2 = styled.div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n  position: relative;\n  flex-shrink: 0;\n  height: 85px !important;\n  width: 85px !important;\n  border-radius: ", ";\n  border: ", ";\n  border-color: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  margin-right: 15px;\n"], ["\n  position: relative;\n  flex-shrink: 0;\n  height: 85px !important;\n  width: 85px !important;\n  border-radius: ", ";\n  border: ", ";\n  border-color: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  margin-right: 15px;\n"])), th.radius('lg'), th.border('mediumSlim'), th.color('red1'));
-var HiddenInput = styled.input(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n"], ["\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n"])));
+var HiddenInput$1 = styled.input(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n"], ["\n  opacity: 0;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n"])));
 var templateObject_1$q, templateObject_2$i;
 
 var AddPhoto = function (_a) {
@@ -8279,11 +8348,11 @@ var AddPhoto = function (_a) {
     }, [onImageUpload]);
     if (!onImageUpload)
         return null;
-    return (jsxs(Container$2, { children: [jsx(HiddenInput, { onChange: handleImageUpload, type: "file", accept: "image/*" }), jsxs("svg", { width: "36", height: "36", viewBox: "0 0 37 34", fill: "#DB2B19", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.82792 6.14124C10.7187 5.25044 11.9269 4.75 13.1867 4.75H19C19.8745 4.75 20.5833 5.45889 20.5833 6.33333C20.5833 7.20778 19.8745 7.91667 19 7.91667H13.1867C12.7668 7.91667 12.364 8.08349 12.0671 8.38041L10.7554 9.69209C9.86461 10.5829 8.65643 11.0833 7.39665 11.0833H4.75C3.87556 11.0833 3.16667 11.7922 3.16667 12.6667V28.5C3.16667 29.3745 3.87556 30.0833 4.75 30.0833H26.9167C27.7911 30.0833 28.5 29.3745 28.5 28.5V17.4167C28.5 16.5422 29.2089 15.8333 30.0833 15.8333C30.9578 15.8333 31.6667 16.5422 31.6667 17.4167V28.5C31.6667 31.1234 29.5401 33.25 26.9167 33.25H4.75C2.12665 33.25 0 31.1234 0 28.5V12.6667C0 10.0433 2.12665 7.91667 4.75 7.91667H7.39665C7.81658 7.91667 8.21931 7.74985 8.51624 7.45292L9.82792 6.14124Z" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.9165 20.5834C7.9165 16.2112 11.4609 12.6667 15.8332 12.6667C20.2054 12.6667 23.7498 16.2112 23.7498 20.5834C23.7498 24.9556 20.2054 28.5001 15.8332 28.5001C11.4609 28.5001 7.9165 24.9556 7.9165 20.5834ZM15.8332 15.8334C13.2098 15.8334 11.0832 17.96 11.0832 20.5834C11.0832 23.2068 13.2098 25.3334 15.8332 25.3334C18.4566 25.3334 20.5832 23.2068 20.5832 20.5834C20.5832 17.96 18.4566 15.8334 15.8332 15.8334Z" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23.75 6.33333C23.75 5.45889 24.4589 4.75 25.3333 4.75H34.8333C35.7078 4.75 36.4167 5.45889 36.4167 6.33333C36.4167 7.20778 35.7078 7.91667 34.8333 7.91667H25.3333C24.4589 7.91667 23.75 7.20778 23.75 6.33333Z" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M30.0833 0C30.9578 0 31.6667 0.70889 31.6667 1.58333V11.0833C31.6667 11.9578 30.9578 12.6667 30.0833 12.6667C29.2089 12.6667 28.5 11.9578 28.5 11.0833V1.58333C28.5 0.70889 29.2089 0 30.0833 0Z" })] })] }));
+    return (jsxs(Container$2, { children: [jsx(HiddenInput$1, { onChange: handleImageUpload, type: "file", accept: "image/*" }), jsxs("svg", { width: "36", height: "36", viewBox: "0 0 37 34", fill: "#DB2B19", xmlns: "http://www.w3.org/2000/svg", children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.82792 6.14124C10.7187 5.25044 11.9269 4.75 13.1867 4.75H19C19.8745 4.75 20.5833 5.45889 20.5833 6.33333C20.5833 7.20778 19.8745 7.91667 19 7.91667H13.1867C12.7668 7.91667 12.364 8.08349 12.0671 8.38041L10.7554 9.69209C9.86461 10.5829 8.65643 11.0833 7.39665 11.0833H4.75C3.87556 11.0833 3.16667 11.7922 3.16667 12.6667V28.5C3.16667 29.3745 3.87556 30.0833 4.75 30.0833H26.9167C27.7911 30.0833 28.5 29.3745 28.5 28.5V17.4167C28.5 16.5422 29.2089 15.8333 30.0833 15.8333C30.9578 15.8333 31.6667 16.5422 31.6667 17.4167V28.5C31.6667 31.1234 29.5401 33.25 26.9167 33.25H4.75C2.12665 33.25 0 31.1234 0 28.5V12.6667C0 10.0433 2.12665 7.91667 4.75 7.91667H7.39665C7.81658 7.91667 8.21931 7.74985 8.51624 7.45292L9.82792 6.14124Z" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.9165 20.5834C7.9165 16.2112 11.4609 12.6667 15.8332 12.6667C20.2054 12.6667 23.7498 16.2112 23.7498 20.5834C23.7498 24.9556 20.2054 28.5001 15.8332 28.5001C11.4609 28.5001 7.9165 24.9556 7.9165 20.5834ZM15.8332 15.8334C13.2098 15.8334 11.0832 17.96 11.0832 20.5834C11.0832 23.2068 13.2098 25.3334 15.8332 25.3334C18.4566 25.3334 20.5832 23.2068 20.5832 20.5834C20.5832 17.96 18.4566 15.8334 15.8332 15.8334Z" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23.75 6.33333C23.75 5.45889 24.4589 4.75 25.3333 4.75H34.8333C35.7078 4.75 36.4167 5.45889 36.4167 6.33333C36.4167 7.20778 35.7078 7.91667 34.8333 7.91667H25.3333C24.4589 7.91667 23.75 7.20778 23.75 6.33333Z" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M30.0833 0C30.9578 0 31.6667 0.70889 31.6667 1.58333V11.0833C31.6667 11.9578 30.9578 12.6667 30.0833 12.6667C29.2089 12.6667 28.5 11.9578 28.5 11.0833V1.58333C28.5 0.70889 29.2089 0 30.0833 0Z" })] })] }));
 };
 
 styled.div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject([""], [""])));
-var Image = styled.img(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n  border-radius: ", ";\n"], ["\n  border-radius: ", ";\n"])), th.radius('lg'));
+var Image$1 = styled.img(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n  border-radius: ", ";\n"], ["\n  border-radius: ", ";\n"])), th.radius('lg'));
 var templateObject_1$p, templateObject_2$h;
 
 var fontSizeMap = {
@@ -8373,7 +8442,7 @@ var ImageElement = function (_a) {
     var label = _a.label, onImageRemove = _a.onImageRemove, onOpenLightBox = _a.onOpenLightBox, imageUrl = _a.imageUrl;
     if (!imageUrl)
         return null;
-    return (jsxs(x.div, { position: "relative", pr: "15px", pt: "15px", w: "100px", children: [jsx(Image, { src: imageUrl, alt: "", width: "85px", height: "85px", onClick: onOpenLightBox }), onImageRemove && jsx(CloseButton, { onImageRemove: onImageRemove }), jsx(ImageTag, { label: label })] }));
+    return (jsxs(x.div, { position: "relative", pr: "15px", pt: "15px", w: "100px", children: [jsx(Image$1, { src: imageUrl, alt: "", width: "85px", height: "85px", onClick: onOpenLightBox }), onImageRemove && jsx(CloseButton, { onImageRemove: onImageRemove }), jsx(ImageTag, { label: label })] }));
 };
 
 var ImageListContainer = styled.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n  display: flex;\n  overflow-x: scroll;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  position: relative;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  display: flex;\n  overflow-x: scroll;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  position: relative;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])));
@@ -8402,7 +8471,7 @@ var Tab$1 = styled.div(templateObject_5$7 || (templateObject_5$7 = __makeTemplat
 var TabPanel = styled.div(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n  min-height: 3rem;\n  display: flex;\n  align-items: flex-end;\n  overflow: auto;\n  width: fit-content;\n  position: relative;\n  &:after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: ", ";\n    height: 2px;\n  }\n"], ["\n  min-height: 3rem;\n  display: flex;\n  align-items: flex-end;\n  overflow: auto;\n  width: fit-content;\n  position: relative;\n  &:after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: ", ";\n    height: 2px;\n  }\n"])), th.color('bgLightGray1'));
 var templateObject_1$k, templateObject_2$g, templateObject_3$f, templateObject_4$b, templateObject_5$7, templateObject_6$7;
 
-var Text$1 = function (props) { return jsx(x.div, __assign({ as: "span" }, props)); };
+var Text$3 = function (props) { return jsx(x.div, __assign({ as: "span" }, props)); };
 
 var Tab = function (_a) {
     var tabDefinition = _a.tabDefinition, value = _a.value, isActive = _a.isActive, onTabSwitch = _a.onTabSwitch;
@@ -8410,7 +8479,7 @@ var Tab = function (_a) {
     var handleOnClick = useCallback(function () {
         onTabSwitch(value);
     }, [onTabSwitch, value]);
-    return (jsx(StyledTabWrapper, { children: jsxs(Tab$1, { onClick: handleOnClick, active: isActive, children: [icon && (jsx(StyledImageBox, { children: jsx(Icon, { icon: icon }) })), jsx(Text$1, { children: label }), isActive && badgeCount && badgeCount > 0 && (jsx(RoundedWrap, { children: jsx(Text$1, { variant: "medium", children: badgeCount }) }))] }) }));
+    return (jsx(StyledTabWrapper, { children: jsxs(Tab$1, { onClick: handleOnClick, active: isActive, children: [icon && (jsx(StyledImageBox, { children: jsx(Icon, { icon: icon }) })), jsx(Text$3, { children: label }), isActive && badgeCount && badgeCount > 0 && (jsx(RoundedWrap, { children: jsx(Text$3, { variant: "medium", children: badgeCount }) }))] }) }));
 };
 var Tabs = function (_a) {
     var tabsDefinition = _a.tabsDefinition, activeTab = _a.activeTab, onTabSwitch = _a.onTabSwitch;
@@ -8429,7 +8498,7 @@ var useTabs = function (tabDefinitions) {
     return { activeTab: activeTab, onTabSwitch: onTabSwitch };
 };
 
-var StyledLink = styled(NavLink)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n  color: ", ";\n  cursor: pointer;\n  :visited {\n    color: ", ";\n  }\n  :hover {\n    color: ", ";\n  }\n  :active {\n    color: ", ";\n  }\n  :focus {\n    outline: none;\n  }\n  font-family: ", ";\n  font-size: ", ";\n\n  ", "\n"], ["\n  color: ", ";\n  cursor: pointer;\n  :visited {\n    color: ", ";\n  }\n  :hover {\n    color: ", ";\n  }\n  :active {\n    color: ", ";\n  }\n  :focus {\n    outline: none;\n  }\n  font-family: ", ";\n  font-size: ", ";\n\n  ", "\n"])), function (_a) {
+var StyledLink$1 = styled(NavLink)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n  color: ", ";\n  cursor: pointer;\n  :visited {\n    color: ", ";\n  }\n  :hover {\n    color: ", ";\n  }\n  :active {\n    color: ", ";\n  }\n  :focus {\n    outline: none;\n  }\n  font-family: ", ";\n  font-size: ", ";\n\n  ", "\n"], ["\n  color: ", ";\n  cursor: pointer;\n  :visited {\n    color: ", ";\n  }\n  :hover {\n    color: ", ";\n  }\n  :active {\n    color: ", ";\n  }\n  :focus {\n    outline: none;\n  }\n  font-family: ", ";\n  font-size: ", ";\n\n  ", "\n"])), function (_a) {
     var color = _a.color;
     return createRgba(color, 0.7);
 }, function (_a) {
@@ -8453,7 +8522,7 @@ var Link = function (props) {
     var theme = useTheme();
     var themeColor = props.color ? th.color(props.color)({ theme: theme }) : undefined;
     var themeFontSize = th.fontSize(props.size)({ theme: theme });
-    return (jsx(StyledLink, __assign({}, props, { color: themeColor, size: themeFontSize, children: props.children })));
+    return (jsx(StyledLink$1, __assign({}, props, { color: themeColor, size: themeFontSize, children: props.children })));
 };
 Link.defaultProps = {
     to: '',
@@ -8465,36 +8534,68 @@ Link.defaultProps = {
 };
 var templateObject_1$j, templateObject_2$f;
 
-styled$1(x.div)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: space-between;\n  border: ", ";\n  border-radius: 8px;\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  padding: 6px 5px 6px 5px;\n  margin-bottom: 5px;\n  position: relative;\n"], ["\n  width: 100%;\n  display: flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: space-between;\n  border: ", ";\n  border-radius: 8px;\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  padding: 6px 5px 6px 5px;\n  margin-bottom: 5px;\n  position: relative;\n"])), function (_a) {
+var StyledAlert = styled$1(x.div)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: space-between;\n  border: ", ";\n  border-radius: 8px;\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  padding: 6px 5px 6px 5px;\n  margin-bottom: 5px;\n  position: relative;\n"], ["\n  width: 100%;\n  display: flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: space-between;\n  border: ", ";\n  border-radius: 8px;\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  padding: 6px 5px 6px 5px;\n  margin-bottom: 5px;\n  position: relative;\n"])), function (_a) {
     var $inline = _a.$inline, $colorFill = _a.$colorFill;
     return ($inline ? "solid 1px ".concat($colorFill) : 'none');
 }, function (_a) {
     var $bgColor = _a.$bgColor;
     return $bgColor;
 }, th('colors.textPrimary'), th('fonts.primary'));
-styled$1(x.div)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n  width: 4px;\n  height: 36px;\n  border-radius: 94px;\n  background-color: ", ";\n"], ["\n  width: 4px;\n  height: 36px;\n  border-radius: 94px;\n  background-color: ", ";\n"])), function (_a) {
+var VerticalSeparator = styled$1(x.div)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n  width: 4px;\n  height: 36px;\n  border-radius: 94px;\n  background-color: ", ";\n"], ["\n  width: 4px;\n  height: 36px;\n  border-radius: 94px;\n  background-color: ", ";\n"])), function (_a) {
     var $colorFill = _a.$colorFill;
     return $colorFill;
 });
-styled$1(x.div)(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n  margin: 0 13px 0 9px;\n"], ["\n  margin: 0 13px 0 9px;\n"])));
-styled$1.span(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n"], ["\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n"])));
-styled$1.span(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n"], ["\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n"])));
-styled$1(Link)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  margin-right: 10px;\n"], ["\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  margin-right: 10px;\n"])), function (_a) {
+var IconWrap = styled$1(x.div)(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n  margin: 0 13px 0 9px;\n"], ["\n  margin: 0 13px 0 9px;\n"])));
+var Title$1 = styled$1.span(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n"], ["\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n"])));
+var Text$2 = styled$1.span(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n"], ["\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n"])));
+var LinkWrapper = styled$1(Link)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  margin-right: 10px;\n"], ["\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  margin-right: 10px;\n"])), function (_a) {
     var $colorFill = _a.$colorFill;
     return $colorFill;
 });
-styled$1.button(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n  margin-right: 10px;\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n"], ["\n  margin-right: 10px;\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n"])), function (_a) {
+var ActionButton = styled$1.button(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n  margin-right: 10px;\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n"], ["\n  margin-right: 10px;\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n"])), function (_a) {
     var $colorFill = _a.$colorFill;
     return $colorFill;
 });
-styled$1.button(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n  height: 30px;\n  width: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n  margin-right: 5px;\n  background-color: transparent;\n  & :hover {\n    cursor: pointer;\n  }\n"], ["\n  height: 30px;\n  width: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n  margin-right: 5px;\n  background-color: transparent;\n  & :hover {\n    cursor: pointer;\n  }\n"])));
-styled$1.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n  position: absolute;\n  top: 3px;\n  right: 8px;\n  color: ", ";\n  font-size: 10px;\n"], ["\n  position: absolute;\n  top: 3px;\n  right: 8px;\n  color: ", ";\n  font-size: 10px;\n"])), th('colors.gray'));
+var CloseBtn = styled$1.button(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n  height: 30px;\n  width: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n  margin-right: 5px;\n  background-color: transparent;\n  & :hover {\n    cursor: pointer;\n  }\n"], ["\n  height: 30px;\n  width: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n  margin-right: 5px;\n  background-color: transparent;\n  & :hover {\n    cursor: pointer;\n  }\n"])));
+var Description = styled$1.div(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n  position: absolute;\n  top: 3px;\n  right: 8px;\n  color: ", ";\n  font-size: 10px;\n"], ["\n  position: absolute;\n  top: 3px;\n  right: 8px;\n  color: ", ";\n  font-size: 10px;\n"])), th('colors.gray'));
 var templateObject_1$i, templateObject_2$e, templateObject_3$e, templateObject_4$a, templateObject_5$6, templateObject_6$6, templateObject_7$4, templateObject_8$1, templateObject_9$1;
 
-styled.div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  overflow: hidden;\n  color: ", ";\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  svg {\n    font-size: ", ";\n  }\n  :hover {\n    background-color: ", ";\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  overflow: hidden;\n  color: ", ";\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  svg {\n    font-size: ", ";\n  }\n  :hover {\n    background-color: ", ";\n  }\n"])), function (props) { return props.$colorFront ? th.color(props.$colorFront) : 'auto'; }, function (props) { return props.$colorBack ? th.color(props.$colorBack) : 'auto'; }, function (props) { return "".concat(props.size, "px"); }, function (props) { return "".concat(props.size, "px"); }, function (props) { return "".concat(props.size / 2, "px"); }, function (props) { return props.$hoverColorBack ? th.color(props.$hoverColorBack) : 'auto'; });
+var alertBackgroundColor = {
+    success: 'green10',
+    info: 'blue10',
+    warning: 'yellow10',
+    danger: 'red10',
+};
+var alertColorFill = {
+    success: 'successColor',
+    info: 'blue60',
+    warning: 'yellow70',
+    danger: 'dangerColor',
+};
+var alertIconMap = {
+    success: 'circleCheck',
+    info: 'info',
+    warning: 'circleTriangle',
+    danger: 'circleTriangle',
+};
+var Alert = function (props) {
+    var intent = props.intent, inline = props.inline, onClick = props.onClick, onClose = props.onClose, title = props.title, text = props.text, href = props.href, actionLabel = props.actionLabel, actionType = props.actionType, desc = props.desc, _a = props.closeAnywhere, closeAnywhere = _a === void 0 ? false : _a;
+    var theme = useTheme();
+    var bgColor = th.color(intent ? alertBackgroundColor[intent] : 'transparent')({ theme: theme });
+    var colorFill = th.color(intent ? alertColorFill[intent] : 'transparent')({ theme: theme });
+    var icon = intent && alertIconMap[intent];
+    return (jsxs(StyledAlert, { "$bgColor": bgColor, "$colorFill": colorFill, "$inline": inline, onClick: closeAnywhere ? onClose : undefined, children: [jsxs(x.div, { display: "flex", alignItems: "center", children: [inline && jsx(VerticalSeparator, { "$colorFill": colorFill }), icon && (jsx(IconWrap, { children: jsx(Icon, { icon: icon, size: "20px", fill: colorFill }) })), jsxs("div", { children: [jsx(Title$1, { children: title }), jsxs(Text$2, { children: [" ", text] })] })] }), jsxs(x.div, { display: "flex", alignItems: "center", children: [href && actionType === 'link' && (jsx(LinkWrapper, { "$colorFill": colorFill, to: href, children: actionLabel !== null && actionLabel !== void 0 ? actionLabel : 'Link' })), onClick && actionType === 'button' && (jsx(ActionButton, { "$colorFill": colorFill, onClick: onClick, children: actionLabel !== null && actionLabel !== void 0 ? actionLabel : 'Submit' })), onClose && !closeAnywhere && (jsx(CloseBtn, { onClick: onClose, children: jsx(Icon, { icon: "close", size: "15px", fill: "gray" }) })), desc && jsx(Description, { children: desc })] })] }));
+};
+
+var defaultDimension = 100;
+var StyledAvatarWrap = styled.div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  overflow: hidden;\n  color: ", ";\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  svg {\n    font-size: ", ";\n  }\n  :hover {\n    background-color: ", ";\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  overflow: hidden;\n  color: ", ";\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  svg {\n    font-size: ", ";\n  }\n  :hover {\n    background-color: ", ";\n  }\n"])), function (props) { return props.$colorFront ? th.color(props.$colorFront) : 'auto'; }, function (props) { return props.$colorBack ? th.color(props.$colorBack) : 'auto'; }, function (props) { return "".concat(props.size, "px"); }, function (props) { return "".concat(props.size, "px"); }, function (props) { return "".concat(props.size / 2, "px"); }, function (props) { return props.$hoverColorBack ? th.color(props.$hoverColorBack) : 'auto'; });
+var Avatar = function (_a) {
+    var src = _a.src, _b = _a.size, size = _b === void 0 ? defaultDimension : _b, colorFront = _a.colorFront, colorBack = _a.colorBack, className = _a.className, hoverColorBack = _a.hoverColorBack, rest = __rest(_a, ["src", "size", "colorFront", "colorBack", "className", "hoverColorBack"]);
+    return (jsx(Fragment, { children: jsx(StyledAvatarWrap, __assign({ size: size, className: className, "$colorBack": colorBack || 'red2', "$colorFront": colorFront || 'white', "$hoverColorBack": hoverColorBack }, rest, { children: src ? jsx("img", { src: src, width: size, height: size }) : jsx(Icon, { icon: "avatar" }) })) }));
+};
 var templateObject_1$h;
 
-styled.div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  color: white;\n  background-color: ", ";\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n\n  .label {\n    font-family: ", ";\n    font-weight: 600;\n    vertical-align: middle;\n    text-align: center;\n    font-size: ", ";\n  }\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(", ");\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  color: white;\n  background-color: ", ";\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n\n  .label {\n    font-family: ", ";\n    font-weight: 600;\n    vertical-align: middle;\n    text-align: center;\n    font-size: ", ";\n  }\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(", ");\n"])), function (_a) {
+var Circle = styled.div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  color: white;\n  background-color: ", ";\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n\n  .label {\n    font-family: ", ";\n    font-weight: 600;\n    vertical-align: middle;\n    text-align: center;\n    font-size: ", ";\n  }\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(", ");\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  color: white;\n  background-color: ", ";\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n\n  .label {\n    font-family: ", ";\n    font-weight: 600;\n    vertical-align: middle;\n    text-align: center;\n    font-size: ", ";\n  }\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(", ");\n"])), function (_a) {
     var color = _a.color;
     return color;
 }, function (_a) {
@@ -8510,14 +8611,28 @@ styled.div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n
     var topPosition = _a.topPosition;
     return (topPosition ? '75%, -75%' : '50%, -50%');
 });
-styled.div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n  position: relative;\n  ", ";\n"], ["\n  position: relative;\n  ", ";\n"])), function (_a) {
+var RelativeWrap = styled.div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n  position: relative;\n  ", ";\n"], ["\n  position: relative;\n  ", ";\n"])), function (_a) {
     var width = _a.width;
     return width
         ? css(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n          width: ", ";\n        "], ["\n          width: ", ";\n        "])), width) : '';
 });
+var Badge = function (_a) {
+    var children = _a.children, _b = _a.color, color = _b === void 0 ? 'red2' : _b, _c = _a.size, size = _c === void 0 ? 6 : _c, _d = _a.fontSize, fontSize = _d === void 0 ? 10 : _d, label = _a.label, childWidth = _a.childWidth, topPosition = _a.topPosition;
+    var theme = useTheme();
+    var themeColor = th.color(color)({ theme: theme });
+    var themeSize = th.fontSize(size)({ theme: theme });
+    if (!label || (typeof label === 'number' && label <= 0)) {
+        return jsx(Fragment, { children: children });
+    }
+    return (jsxs(RelativeWrap, { width: childWidth, children: [jsx(Circle, { color: themeColor, size: themeSize, topPosition: topPosition, fontSize: fontSize, children: jsx("div", { className: "label", children: label }) }), children] }));
+};
 var templateObject_1$g, templateObject_2$d, templateObject_3$d;
 
-styled(x.div)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n  padding: 3;\n  border: slim;\n  border-color: lightGray3;\n  border-radius: md;\n"], ["\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n  padding: 3;\n  border: slim;\n  border-color: lightGray3;\n  border-radius: md;\n"])));
+var StyledBox = styled(x.div)(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n  padding: 3;\n  border: slim;\n  border-color: lightGray3;\n  border-radius: md;\n"], ["\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n  padding: 3;\n  border: slim;\n  border-color: lightGray3;\n  border-radius: md;\n"])));
+var BorderedBox = function (_a) {
+    var children = _a.children, className = _a.className, id = _a.id, rest = __rest(_a, ["children", "className", "id"]);
+    return (jsx(StyledBox, __assign({ id: id, className: className }, rest, { children: children })));
+};
 var templateObject_1$f;
 
 var wrapper = css(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n  display: flex;\n  box-sizing: border-box;\n  font-family: ", ";\n  :after {\n    box-sizing: border-box;\n  }\n"], ["\n  display: flex;\n  box-sizing: border-box;\n  font-family: ", ";\n  :after {\n    box-sizing: border-box;\n  }\n"])), th('fonts.primary'));
@@ -8545,7 +8660,7 @@ var ImageWrapper = styled(x.div)(templateObject_5$5 || (templateObject_5$5 = __m
     var color = _a.color;
     return color;
 }, down('lg', css(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n      display: none;\n    "], ["\n      display: none;\n    "])))));
-var StyledImage = styled(x.div)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n  display: flex;\n  align-self: center;\n  justify-content: center;\n  object-fit: cover;\n"], ["\n  display: flex;\n  align-self: center;\n  justify-content: center;\n  object-fit: cover;\n"])));
+var StyledImage$1 = styled(x.div)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n  display: flex;\n  align-self: center;\n  justify-content: center;\n  object-fit: cover;\n"], ["\n  display: flex;\n  align-self: center;\n  justify-content: center;\n  object-fit: cover;\n"])));
 var StyledBody = styled(x.div)(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n  ", ";\n  justify-content: center;\n  flex-direction: column;\n"], ["\n  ", ";\n  justify-content: center;\n  flex-direction: column;\n"])), wrapper);
 var templateObject_1$e, templateObject_2$c, templateObject_3$c, templateObject_4$9, templateObject_5$5, templateObject_6$5, templateObject_7$3;
 
@@ -8561,7 +8676,7 @@ var CardImage = function (_a) {
     var children = _a.children, _b = _a.color, color = _b === void 0 ? 'white' : _b, rest = __rest(_a, ["children", "color"]);
     var theme = useTheme();
     var themeColor = th.color(color)({ theme: theme });
-    return (jsx(ImageWrapper, { color: themeColor, children: jsx(StyledImage, __assign({}, rest, { children: children })) }));
+    return (jsx(ImageWrapper, { color: themeColor, children: jsx(StyledImage$1, __assign({}, rest, { children: children })) }));
 };
 
 var ArrowInnerB = styled.div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject([""], [""])));
@@ -8570,7 +8685,7 @@ var Arrow = styled.div(templateObject_3$b || (templateObject_3$b = __makeTemplat
     var verticalShift = _a.verticalShift;
     return (verticalShift ? 'calc(50% + 70px)' : 'calc(50%)');
 }, ArrowInnerA, ArrowInnerB, th.color('white'));
-styled.div(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n  position: absolute;\n\n  ", "\n\n  width: fit-content;\n  height: fit-content;\n  display: block;\n  z-index: 1;\n\n  ", " {\n    display: ", ";\n  }\n"], ["\n  position: absolute;\n\n  ", "\n\n  width: fit-content;\n  height: fit-content;\n  display: block;\n  z-index: 1;\n\n  ", " {\n    display: ", ";\n  }\n"])), function (_a) {
+var StyledDropdownWrap = styled.div(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n  position: absolute;\n\n  ", "\n\n  width: fit-content;\n  height: fit-content;\n  display: block;\n  z-index: 1;\n\n  ", " {\n    display: ", ";\n  }\n"], ["\n  position: absolute;\n\n  ", "\n\n  width: fit-content;\n  height: fit-content;\n  display: block;\n  z-index: 1;\n\n  ", " {\n    display: ", ";\n  }\n"])), function (_a) {
     var customDropdownPosition = _a.customDropdownPosition, verticalShift = _a.verticalShift;
     return customDropdownPosition
         ? customDropdownPosition
@@ -8579,18 +8694,39 @@ styled.div(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n
     var showArrow = _a.showArrow;
     return (showArrow ? 'block' : 'none');
 });
+var Dropdown = function (_a) {
+    var show = _a.show, className = _a.className, wrapRef = _a.wrapRef, children = _a.children, showArrow = _a.showArrow, verticalShift = _a.verticalShift, customDropdownPosition = _a.customDropdownPosition;
+    return (jsx(Fragment, { children: show && (jsxs(StyledDropdownWrap, { ref: wrapRef, className: className, showArrow: showArrow, verticalShift: verticalShift, customDropdownPosition: customDropdownPosition, children: [jsx(Arrow, { verticalShift: verticalShift, children: jsx(ArrowInnerA, { children: jsx(ArrowInnerB, {}) }) }), children] })) }));
+};
 var templateObject_1$d, templateObject_2$b, templateObject_3$b, templateObject_4$8;
 
 var tooltip = css(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n  span {\n    display: none;\n    position: absolute;\n    width: 120px;\n    background-color: red1;\n    color: white;\n    text-align: center;\n    border-radius: md;\n    padding: 1;\n    z-index: 1;\n    transition: opacity 0.3s;\n    top: 0;\n    margin-top: -4px;\n    left: 100%;\n    margin-left: 2;\n    box-shadow: tooltipBoxShadow;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 3px;\n      right: 100%;\n      border: mediumThick;\n      border-color: transparent ", " transparent transparent;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    span {\n      display: block;\n    }\n  }\n"], ["\n  span {\n    display: none;\n    position: absolute;\n    width: 120px;\n    background-color: red1;\n    color: white;\n    text-align: center;\n    border-radius: md;\n    padding: 1;\n    z-index: 1;\n    transition: opacity 0.3s;\n    top: 0;\n    margin-top: -4px;\n    left: 100%;\n    margin-left: 2;\n    box-shadow: tooltipBoxShadow;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 3px;\n      right: 100%;\n      border: mediumThick;\n      border-color: transparent ", " transparent transparent;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    span {\n      display: block;\n    }\n  }\n"])), th.color('red1'));
-styled.div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n  color: red1;\n  font-size: 1;\n  display: flex;\n  align-items: flex-start;\n\n  svg {\n    min-width: 13px;\n    width: 13px;\n    fill: red1;\n  }\n"], ["\n  color: red1;\n  font-size: 1;\n  display: flex;\n  align-items: flex-start;\n\n  svg {\n    min-width: 13px;\n    width: 13px;\n    fill: red1;\n  }\n"])));
-styled.div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n  .inline {\n    margin-top: 1;\n    svg {\n      margin-right: 2;\n    }\n  }\n  .tooltip {\n    ", "\n    svg {\n      position: absolute;\n      top: 0;\n      right: 0;\n    }\n  }\n"], ["\n  .inline {\n    margin-top: 1;\n    svg {\n      margin-right: 2;\n    }\n  }\n  .tooltip {\n    ", "\n    svg {\n      position: absolute;\n      top: 0;\n      right: 0;\n    }\n  }\n"])), tooltip);
+var ErrorWrap = styled.div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n  color: red1;\n  font-size: 1;\n  display: flex;\n  align-items: flex-start;\n\n  svg {\n    min-width: 13px;\n    width: 13px;\n    fill: red1;\n  }\n"], ["\n  color: red1;\n  font-size: 1;\n  display: flex;\n  align-items: flex-start;\n\n  svg {\n    min-width: 13px;\n    width: 13px;\n    fill: red1;\n  }\n"])));
+var StyledWrapper = styled.div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n  .inline {\n    margin-top: 1;\n    svg {\n      margin-right: 2;\n    }\n  }\n  .tooltip {\n    ", "\n    svg {\n      position: absolute;\n      top: 0;\n      right: 0;\n    }\n  }\n"], ["\n  .inline {\n    margin-top: 1;\n    svg {\n      margin-right: 2;\n    }\n  }\n  .tooltip {\n    ", "\n    svg {\n      position: absolute;\n      top: 0;\n      right: 0;\n    }\n  }\n"])), tooltip);
+var ErrorMessage = function (_a) {
+    var children = _a.children, appearance = _a.appearance;
+    return (jsx(StyledWrapper, { children: jsxs(ErrorWrap, { className: appearance, children: [jsx(Icon, { icon: "danger" }), jsx("span", { children: children })] }) }));
+};
 var templateObject_1$c, templateObject_2$a, templateObject_3$a;
 
+var formatScrSet = function (srcSet, imageProps) {
+    return Object.entries(srcSet)
+        .map(function (_a) {
+        var width = _a[0], src = _a[1];
+        return "".concat(src, " ").concat(width);
+    })
+        .join(', ');
+};
+var Image = function (props) {
+    var srcSetString = props.srcSet ? formatScrSet(props.srcSet) : undefined;
+    return jsx(Img, __assign({}, props, { srcSet: srcSetString, src: props.src }));
+};
+
 var style = css(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-weight: bold;\n  display: block;\n  margin-bottom: 6px;\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-weight: bold;\n  display: block;\n  margin-bottom: 6px;\n"])), function (_a) {
     var $isInvalid = _a.$isInvalid;
     return ($isInvalid ? th.color('red1') : th.color('typoPrimary'));
 }, th('fonts.primary'));
-var Label$1 = styled.label(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n  margin-left: 8px;\n  ", ";\n  ", "\n  ", ";\n"], ["\n  margin-left: 8px;\n  ", ";\n  ", "\n  ", ";\n"])), style, function (_a) {
+var Label$2 = styled.label(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n  margin-left: 8px;\n  ", ";\n  ", "\n  ", ";\n"], ["\n  margin-left: 8px;\n  ", ";\n  ", "\n  ", ";\n"])), style, function (_a) {
     var fontSize = _a.fontSize;
     return fontSize
         ? css(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n          font-size: ", ";\n        "], ["\n          font-size: ", ";\n        "])), fontSize) : null;
@@ -8604,31 +8740,87 @@ var gabs = {
     medium: '10px',
     large: '20px',
 };
-styled.div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n  width: 100%;\n  border-bottom: 1px ", ";\n  border-bottom-color: lightGray3;\n  margin: ", ";\n"], ["\n  width: 100%;\n  border-bottom: 1px ", ";\n  border-bottom-color: lightGray3;\n  margin: ", ";\n"])), function (_a) {
+var LineComponent = styled.div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n  width: 100%;\n  border-bottom: 1px ", ";\n  border-bottom-color: lightGray3;\n  margin: ", ";\n"], ["\n  width: 100%;\n  border-bottom: 1px ", ";\n  border-bottom-color: lightGray3;\n  margin: ", ";\n"])), function (_a) {
     var variant = _a.variant;
     return variant;
 }, function (_a) {
     var gab = _a.gab, gabTop = _a.gabTop, gabBottom = _a.gabBottom;
     return "".concat(gabs[gab] || gabs[gabTop], " 0 ").concat(gabs[gab] || gabs[gabBottom]);
 });
+var Line = function (_a) {
+    var _b = _a.gab, gab = _b === void 0 ? 'none' : _b, _c = _a.gabTop, gabTop = _c === void 0 ? 'none' : _c, _d = _a.gabBottom, gabBottom = _d === void 0 ? 'none' : _d, _e = _a.variant, variant = _e === void 0 ? 'solid' : _e;
+    return (jsx(LineComponent, { gab: gab, gabTop: gabTop, gabBottom: gabBottom, variant: variant }));
+};
 var templateObject_1$a;
 
+var logoWhiteImage = "ba2267d1dea00b65.png";
+
+var logoBlackImage = "2b1ddee3e1b3cc7f.png";
+
+var logoMImage = "data:image/png;base64,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";
+
+var logoSvg = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22239.398%22%20height%3D%2268.428%22%20viewBox%3D%220%200%20239.398%2068.428%22%3E%20%20%3Cg%20id%3D%22Group_7689%22%20data-name%3D%22Group%207689%22%20transform%3D%22translate%28-9808.002%2019883.955%29%22%3E%20%20%20%20%3Cpath%20id%3D%22Path_3997%22%20data-name%3D%22Path%203997%22%20d%3D%22M264.019%2C322.535V303.762c0-1.3-.145-3.624-1.957-3.624-2.611%2C0-2.9%2C3.407-2.9%2C5.293v17.1H246.62V303.907c0-1.522-.073-3.481-2.028-3.481-2.9%2C0-2.828%2C3.191-2.828%2C5.293v16.817h-12.54V288.683h12.54v1.741c0%2C1.3-.073%2C2.609-.145%2C3.914%2C1.957-3.7%2C4.133-6.38%2C8.625-6.38%2C4.787%2C0%2C7.251%2C2.973%2C8.989%2C7.032%2C1.45-4.131%2C3.7-7.032%2C8.409-7.032a8.921%2C8.921%2C0%2C0%2C1%2C5.945%2C2.247c2.682%2C2.466%2C2.972%2C5.728%2C2.972%2C9.134v23.2Z%22%20transform%3D%22translate%289578.778%20-20153.648%29%22%20fill%3D%22%23e4001b%22%2F%3E%20%20%20%20%3Cpath%20id%3D%22Path_3998%22%20data-name%3D%22Path%203998%22%20d%3D%22M279.461%2C322.535c.145-1.883.29-3.843.435-5.726-1.812%2C3.624-4.349%2C6.452-8.7%2C6.452-8.554%2C0-10.294-11.31-10.294-17.831%2C0-6.742%2C1.959-17.472%2C10.583-17.472%2C4.06%2C0%2C6.525%2C2.683%2C8.119%2C6.09-.145-1.812-.145-3.551-.362-5.365h12.83v33.852Zm-2.754-24.211c-3.262%2C0-3.191%2C6.235-3.191%2C8.48%2C0%2C1.886.145%2C6.091%2C2.827%2C6.091%2C3.336%2C0%2C2.973-6.525%2C2.973-8.773C279.316%2C302.312%2C279.243%2C298.324%2C276.707%2C298.324Z%22%20transform%3D%22translate%289599.282%20-20153.648%29%22%20fill%3D%22%23121415%22%2F%3E%20%20%20%20%3Cpath%20id%3D%22Path_3999%22%20data-name%3D%22Path%203999%22%20d%3D%22M290.049%2C292.215a7.409%2C7.409%2C0%2C0%2C1-7.322-7.393%2C7.322%2C7.322%2C0%2C1%2C1%2C7.322%2C7.393Zm-6.307%2C37.041V295.4h12.54v33.852Z%22%20transform%3D%22translate%289613.406%20-20160.371%29%22%20fill%3D%22%23121415%22%2F%3E%20%20%20%20%3Cpath%20id%3D%22Path_4000%22%20data-name%3D%22Path%204000%22%20d%3D%22M294.475%2C329.712V276.869h12.54v52.843Z%22%20transform%3D%22translate%289621.012%20-20160.824%29%22%20fill%3D%22%23121415%22%2F%3E%20%20%20%20%3Cpath%20id%3D%22Path_4001%22%20data-name%3D%22Path%204001%22%20d%3D%22M325.662%2C299.92c-1.3-1.3-3.187-2.973-5.146-2.973a1.748%2C1.748%2C0%2C0%2C0-1.957%2C1.6c0%2C4.059%2C11.961%2C2.609%2C11.961%2C12.83%2C0%2C7.683-6.523%2C11.888-13.628%2C11.888-4.711%2C0-7.974-1.377-12.033-3.553l4.566-9.351c1.522%2C1.595%2C3.988%2C3.552%2C6.307%2C3.552%2C1.087%2C0%2C2.464-.507%2C2.464-1.812%2C0-3.479-12.18-2.537-12.18-12.54%2C0-7.538%2C7.1-11.6%2C13.919-11.6a22.292%2C22.292%2C0%2C0%2C1%2C10.076%2C2.756Z%22%20transform%3D%22translate%289627.732%20-20153.648%29%22%20fill%3D%22%23121415%22%2F%3E%20%20%20%20%3Cpath%20id%3D%22Path_4002%22%20data-name%3D%22Path%204002%22%20d%3D%22M340.167%2C329.712v-17.9c0-1.45.073-4.133-1.958-4.133-2.464%2C0-2.68%2C3.191-2.68%2C5v17.034H322.986V276.869h12.542v18.92c0%2C2.174-.145%2C4.349-.29%2C6.523%2C1.665-3.914%2C4.349-7.177%2C8.915-7.177%2C6.525%2C0%2C8.625%2C5.945%2C8.625%2C11.526v23.051Z%22%20transform%3D%22translate%289639.464%20-20160.824%29%22%20fill%3D%22%23121415%22%2F%3E%20%20%20%20%3Cpath%20id%3D%22Path_4003%22%20data-name%3D%22Path%204003%22%20d%3D%22M351.3%2C292.215a7.409%2C7.409%2C0%2C0%2C1-7.32-7.393%2C7.321%2C7.321%2C0%2C1%2C1%2C7.32%2C7.393Zm-6.307%2C37.041V295.4h12.54v33.852Z%22%20transform%3D%22translate%289653.049%20-20160.371%29%22%20fill%3D%22%23121415%22%2F%3E%20%20%20%20%3Cpath%20id%3D%22Path_4004%22%20data-name%3D%22Path%204004%22%20d%3D%22M367.972%2C293.468c1.74-3.263%2C3.843-5.51%2C7.757-5.51%2C8.625%2C0%2C11.018%2C10.875%2C11.018%2C17.688%2C0%2C6.74-2.031%2C17.616-10.728%2C17.616-3.914%2C0-6.088-2.25-8.047-5.293.145%2C1.884.292%2C3.7.292%2C5.581v14.571H355.723V288.683h12.541Zm2.827%2C4.856c-2.682%2C0-2.9%2C5.22-2.9%2C7.106%2C0%2C1.81.218%2C7.246%2C2.828%2C7.246%2C2.827%2C0%2C3.044-5.582%2C3.044-7.538C373.772%2C303.254%2C373.482%2C298.324%2C370.8%2C298.324Z%22%20transform%3D%22translate%289660.653%20-20153.648%29%22%20fill%3D%22%23121415%22%2F%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var logoMailstepBlack = "data:image/svg+xml,%3Csvg%20width%3D%22138px%22%20height%3D%2239px%22%20viewBox%3D%220%200%20138%2039%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20class%3D%22Header-logo%22%3E%20%3Ctitle%3EGroup%209%3C%2Ftitle%3E%20%3Cdefs%3E%20%20%3Cpolygon%20id%3D%22path-1%22%20points%3D%226.359447e-05%200%20137.821904%200%20137.821904%2038.9675115%206.359447e-05%2038.9675115%22%3E%3C%2Fpolygon%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22HP%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%3Cg%20id%3D%22HP-1.2-%28tmav%C3%A1%29%22%20transform%3D%22translate%28-260.000000%2C%20-29.000000%29%22%3E%20%20%20%3Cg%20id%3D%22Group-9%22%20transform%3D%22translate%28260.000000%2C%2029.000000%29%22%3E%20%20%20%20%3Cg%20id%3D%22Clip-2%22%3E%3C%2Fg%3E%20%20%20%20%3Cpath%20%20fill%3D%22black%22%20d%3D%22M48.9009677%2C30.6111982%20L55.5624885%2C30.6111982%20L55.5624885%2C10.4867281%20L48.9009677%2C10.4867281%20L48.9009677%2C30.6111982%20Z%20M52.198341%2C0%20C49.7499539%2C0%2048.5575576%2C1.97142857%2048.5575576%2C3.98419355%20C48.5575576%2C5.9524424%2049.7499539%2C7.9683871%2052.198341%2C7.9683871%20C54.6721659%2C7.9683871%2055.8836406%2C5.9524424%2055.8836406%2C3.98419355%20C55.8836406%2C1.97142857%2054.6721659%2C0%2052.198341%2C0%20L52.198341%2C0%20Z%20M58.5164516%2C30.6111982%20L65.1557143%2C30.6111982%20L65.1557143%2C0.206682028%20L58.5164516%2C0.206682028%20L58.5164516%2C30.6111982%20Z%20M75.8491244%2C17.882765%20C74.4977419%2C17.583871%2074.0176037%2C17.3104147%2074.0176037%2C16.6903687%20C74.0176037%2C16.2102304%2074.313318%2C15.8223041%2075.6201843%2C15.8223041%20C76.739447%2C15.8223041%2078.1130876%2C16.3247005%2079.143318%2C16.7380645%20L80.4501843%2C11.6091705%20C79.143318%2C10.9000922%2077.8618894%2C10.2800461%2074.2465438%2C10.2800461%20C69.9411982%2C10.2800461%2067.8807373%2C13.6473733%2067.8807373%2C16.9415668%20C67.8807373%2C20.0576959%2069.184424%2C22.1849309%2072.1383871%2C23.0084793%20C73.6042396%2C23.4218433%2074.1066359%2C23.9496774%2074.1066359%2C24.5665438%20C74.1066359%2C25.1834101%2073.6042396%2C25.5268203%2072.7584332%2C25.5268203%20C71.4515668%2C25.5268203%2070.0334101%2C25.024424%2068.7742396%2C24.2676498%20L67.1239631%2C28.5284793%20C68.6375115%2C29.8321659%2070.4435945%2C31.1135945%2073.4198157%2C31.1135945%20C78.6631797%2C31.1135945%2081.2514747%2C27.9306912%2081.2514747%2C24.2453917%20C81.2514747%2C21.4058986%2079.46447%2C18.6141014%2075.8491244%2C17.882765%20L75.8491244%2C17.882765%20Z%20M91.1404147%2C10.4867281%20L91.1404147%2C4.69327189%20L84.478894%2C4.69327189%20L84.478894%2C10.4867281%20L82.8317972%2C10.4867281%20L82.8317972%2C16.7825806%20L84.478894%2C16.7825806%20L84.478894%2C30.6111982%20L91.1404147%2C30.6111982%20L91.1404147%2C16.7825806%20L93.4775115%2C16.7825806%20L93.4775115%2C10.4867281%20L91.1404147%2C10.4867281%20Z%22%20id%3D%22Fill-1%22%20class%3D%22Header-logoLetter%22%3E%3C%2Fpath%3E%20%20%20%20%3Cpath%20%20fill%3D%22black%22%20d%3D%22M122.069553%2C24.3598935%20L122.047295%2C24.3598935%20C120.629139%2C24.3598935%20119.894623%2C22.5506309%20119.894623%2C20.7445479%20C119.894623%2C18.9575433%20120.629139%2C17.1482806%20122.047295%2C17.1482806%20L122.069553%2C17.1482806%20C123.49089%2C17.1482806%20124.222226%2C18.9575433%20124.222226%2C20.7445479%20C124.222226%2C22.5506309%20123.49089%2C24.3598935%20122.069553%2C24.3598935%20M124.085498%2C10.1878659%20C123.239692%2C10.1878659%20122.597388%2C10.3722899%20122.047295%2C10.6711839%20C121.109277%2C11.1735802%20120.536927%2C12.0448244%20120.056788%2C12.9128889%20L120.056788%2C10.4867599%20L113.417526%2C10.4867599%20L113.417526%2C38.9675433%20L120.056788%2C38.9675433%20L120.056788%2C28.7097553%20C120.444715%2C29.4188336%20120.924853%2C30.2900779%20122.047295%2C30.7479581%20C122.575129%2C30.9768982%20123.214254%2C31.1136263%20124.085498%2C31.1136263%20C128.365406%2C31.1136263%20130.518079%2C25.8957%20130.518079%2C20.674594%20C130.518079%2C15.4089719%20128.365406%2C10.1878659%20124.085498%2C10.1878659%22%20id%3D%22Fill-5%22%20class%3D%22Header-logoLetter%22%3E%3C%2Fpath%3E%20%20%20%20%3Cpath%20%20fill%3D%22black%22%20d%3D%22M101.465009%2C17.882765%20C101.465009%2C17.3899078%20101.579479%2C16.7698618%20101.865654%2C16.2770046%20C102.151829%2C15.7809677%20102.609709%2C15.4089401%20103.296529%2C15.4089401%20C104.647912%2C15.4311982%20105.12805%2C16.8048387%20105.12805%2C17.882765%20L101.465009%2C17.882765%20Z%20M111.357129%2C21.7270507%20L111.357129%2C20.8589862%20C111.357129%2C15.4089401%20108.953258%2C10.3277419%20103.296529%2C10.1878341%20L103.067589%2C10.1878341%20C97.620723%2C10.1878341%2094.8957%2C15.5011521%2094.8957%2C20.7445161%20C94.8957%2C26.0101382%2097.620723%2C31.2757604%20103.023073%2C31.2757604%20L103.296529%2C31.2757604%20C108.196483%2C31.1612903%20110.256944%2C28.0928571%20111.2204%2C24.932212%20C111.287175%2C24.6110599%20111.334871%2C24.2676498%20111.334871%2C23.9242396%20L105.12805%2C23.9242396%20C104.991322%2C24.8654378%20104.695608%2C25.9401843%20103.344225%2C25.9401843%20C103.321967%2C25.9401843%20103.321967%2C25.9179263%20103.296529%2C25.9179263%20C102.037359%2C25.8956682%20101.375976%2C24.7032719%20101.375976%2C21.7270507%20L111.357129%2C21.7270507%20Z%22%20id%3D%22Fill-6%22%20class%3D%22Header-logoLetter%22%3E%3C%2Fpath%3E%20%20%20%20%3Cpath%20%20fill%3D%22black%22%20d%3D%22M36.8371286%2C24.1086954%20L36.8148705%2C24.1086954%20C35.256806%2C24.1086954%2034.5922438%2C22.2326585%2034.5922438%2C20.3089258%20C34.5922438%2C18.362935%2035.3013221%2C16.4837184%2036.8148705%2C16.4837184%20L36.8371286%2C16.4837184%20C38.3029811%2C16.4837184%2039.0565756%2C18.3851931%2039.0565756%2C20.3089258%20C39.0565756%2C22.2326585%2038.3029811%2C24.1086954%2036.8371286%2C24.1086954%20L36.8371286%2C24.1086954%20Z%20M39.1933037%2C10.4867599%20L39.1933037%2C12.6616908%20C38.7131654%2C11.6537184%2038.0263452%2C10.8746862%2036.8371286%2C10.509018%20C36.3569903%2C10.3500318%2035.8068982%2C10.2800779%2035.164594%2C10.2800779%20C30.7002622%2C10.2800779%2028.5030733%2C15.453488%2028.5030733%2C20.674594%20C28.5030733%2C25.8480041%2030.7002622%2C31.0214143%2035.164594%2C31.0214143%20C35.8291562%2C31.0214143%2036.3569903%2C30.932382%2036.8371286%2C30.7479581%20C38.1885111%2C30.2678198%2038.8276355%2C29.1676355%2039.1933037%2C28.321829%20L39.1933037%2C30.61123%20L45.7435341%2C30.61123%20L45.7435341%2C10.4867599%20L39.1933037%2C10.4867599%20Z%22%20id%3D%22Fill-7%22%20class%3D%22Header-logoLetter%22%3E%3C%2Fpath%3E%20%20%20%20%3Cpath%20%20d%3D%22M9.86738157%2C30.6104986%20L16.5295382%2C30.6104986%20L16.5295382%2C19.049024%20C16.5295382%2C17.9272175%2016.7584783%2C16.3246369%2018.2236949%2C16.3246369%20C19.6660175%2C16.3246369%2019.8033816%2C18.0187935%2019.8033816%2C19.049024%20L19.8033816%2C30.6104986%20L26.4655382%2C30.6104986%20L26.4655382%2C16.668047%20C26.4655382%2C13.3713097%2024.6798055%2C10.1661484%2021.0167641%2C10.1661484%20C17.9718608%2C10.1661484%2016.9874184%2C11.3337429%2016.0945521%2C12.3868673%20C15.3848378%2C11.2650608%2014.3546074%2C10.1661484%2011.5615382%2C10.1661484%20C9.06609124%2C10.1661484%207.4635106%2C11.4940009%206.59353825%2C12.5929134%20L6.59353825%2C10.4637705%20L6.359447e-05%2C10.4637705%20L6.359447e-05%2C30.6104986%20L6.57064424%2C30.6104986%20L6.57064424%2C19.049024%20C6.57064424%2C17.8585355%206.82247834%2C16.3246369%208.2190129%2C16.3246369%20C9.68422949%2C16.3246369%209.86738157%2C17.8585355%209.86738157%2C19.049024%20L9.86738157%2C30.6104986%20Z%22%20id%3D%22Fill-8%22%20fill%3D%22%23E20714%22%3E%3C%2Fpath%3E%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var logoMailstepWhite = "data:image/svg+xml,%3Csvg%20width%3D%22138px%22%20height%3D%2239px%22%20viewBox%3D%220%200%20138%2039%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20class%3D%22Header-logo%22%3E%20%3Ctitle%3EGroup%209%3C%2Ftitle%3E%20%3Cdefs%3E%20%20%3Cpolygon%20id%3D%22path-1%22%20points%3D%226.359447e-05%200%20137.821904%200%20137.821904%2038.9675115%206.359447e-05%2038.9675115%22%3E%3C%2Fpolygon%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22HP%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%20%3Cg%20id%3D%22HP-1.2-%28tmav%C3%A1%29%22%20transform%3D%22translate%28-260.000000%2C%20-29.000000%29%22%3E%20%20%20%3Cg%20id%3D%22Group-9%22%20transform%3D%22translate%28260.000000%2C%2029.000000%29%22%3E%20%20%20%20%3Cg%20id%3D%22Clip-2%22%3E%3C%2Fg%3E%20%20%20%20%3Cpath%20%20fill%3D%22white%22%20d%3D%22M48.9009677%2C30.6111982%20L55.5624885%2C30.6111982%20L55.5624885%2C10.4867281%20L48.9009677%2C10.4867281%20L48.9009677%2C30.6111982%20Z%20M52.198341%2C0%20C49.7499539%2C0%2048.5575576%2C1.97142857%2048.5575576%2C3.98419355%20C48.5575576%2C5.9524424%2049.7499539%2C7.9683871%2052.198341%2C7.9683871%20C54.6721659%2C7.9683871%2055.8836406%2C5.9524424%2055.8836406%2C3.98419355%20C55.8836406%2C1.97142857%2054.6721659%2C0%2052.198341%2C0%20L52.198341%2C0%20Z%20M58.5164516%2C30.6111982%20L65.1557143%2C30.6111982%20L65.1557143%2C0.206682028%20L58.5164516%2C0.206682028%20L58.5164516%2C30.6111982%20Z%20M75.8491244%2C17.882765%20C74.4977419%2C17.583871%2074.0176037%2C17.3104147%2074.0176037%2C16.6903687%20C74.0176037%2C16.2102304%2074.313318%2C15.8223041%2075.6201843%2C15.8223041%20C76.739447%2C15.8223041%2078.1130876%2C16.3247005%2079.143318%2C16.7380645%20L80.4501843%2C11.6091705%20C79.143318%2C10.9000922%2077.8618894%2C10.2800461%2074.2465438%2C10.2800461%20C69.9411982%2C10.2800461%2067.8807373%2C13.6473733%2067.8807373%2C16.9415668%20C67.8807373%2C20.0576959%2069.184424%2C22.1849309%2072.1383871%2C23.0084793%20C73.6042396%2C23.4218433%2074.1066359%2C23.9496774%2074.1066359%2C24.5665438%20C74.1066359%2C25.1834101%2073.6042396%2C25.5268203%2072.7584332%2C25.5268203%20C71.4515668%2C25.5268203%2070.0334101%2C25.024424%2068.7742396%2C24.2676498%20L67.1239631%2C28.5284793%20C68.6375115%2C29.8321659%2070.4435945%2C31.1135945%2073.4198157%2C31.1135945%20C78.6631797%2C31.1135945%2081.2514747%2C27.9306912%2081.2514747%2C24.2453917%20C81.2514747%2C21.4058986%2079.46447%2C18.6141014%2075.8491244%2C17.882765%20L75.8491244%2C17.882765%20Z%20M91.1404147%2C10.4867281%20L91.1404147%2C4.69327189%20L84.478894%2C4.69327189%20L84.478894%2C10.4867281%20L82.8317972%2C10.4867281%20L82.8317972%2C16.7825806%20L84.478894%2C16.7825806%20L84.478894%2C30.6111982%20L91.1404147%2C30.6111982%20L91.1404147%2C16.7825806%20L93.4775115%2C16.7825806%20L93.4775115%2C10.4867281%20L91.1404147%2C10.4867281%20Z%22%20id%3D%22Fill-1%22%20class%3D%22Header-logoLetter%22%3E%3C%2Fpath%3E%20%20%20%20%3Cpath%20%20fill%3D%22white%22%20d%3D%22M122.069553%2C24.3598935%20L122.047295%2C24.3598935%20C120.629139%2C24.3598935%20119.894623%2C22.5506309%20119.894623%2C20.7445479%20C119.894623%2C18.9575433%20120.629139%2C17.1482806%20122.047295%2C17.1482806%20L122.069553%2C17.1482806%20C123.49089%2C17.1482806%20124.222226%2C18.9575433%20124.222226%2C20.7445479%20C124.222226%2C22.5506309%20123.49089%2C24.3598935%20122.069553%2C24.3598935%20M124.085498%2C10.1878659%20C123.239692%2C10.1878659%20122.597388%2C10.3722899%20122.047295%2C10.6711839%20C121.109277%2C11.1735802%20120.536927%2C12.0448244%20120.056788%2C12.9128889%20L120.056788%2C10.4867599%20L113.417526%2C10.4867599%20L113.417526%2C38.9675433%20L120.056788%2C38.9675433%20L120.056788%2C28.7097553%20C120.444715%2C29.4188336%20120.924853%2C30.2900779%20122.047295%2C30.7479581%20C122.575129%2C30.9768982%20123.214254%2C31.1136263%20124.085498%2C31.1136263%20C128.365406%2C31.1136263%20130.518079%2C25.8957%20130.518079%2C20.674594%20C130.518079%2C15.4089719%20128.365406%2C10.1878659%20124.085498%2C10.1878659%22%20id%3D%22Fill-5%22%20class%3D%22Header-logoLetter%22%3E%3C%2Fpath%3E%20%20%20%20%3Cpath%20%20fill%3D%22white%22%20d%3D%22M101.465009%2C17.882765%20C101.465009%2C17.3899078%20101.579479%2C16.7698618%20101.865654%2C16.2770046%20C102.151829%2C15.7809677%20102.609709%2C15.4089401%20103.296529%2C15.4089401%20C104.647912%2C15.4311982%20105.12805%2C16.8048387%20105.12805%2C17.882765%20L101.465009%2C17.882765%20Z%20M111.357129%2C21.7270507%20L111.357129%2C20.8589862%20C111.357129%2C15.4089401%20108.953258%2C10.3277419%20103.296529%2C10.1878341%20L103.067589%2C10.1878341%20C97.620723%2C10.1878341%2094.8957%2C15.5011521%2094.8957%2C20.7445161%20C94.8957%2C26.0101382%2097.620723%2C31.2757604%20103.023073%2C31.2757604%20L103.296529%2C31.2757604%20C108.196483%2C31.1612903%20110.256944%2C28.0928571%20111.2204%2C24.932212%20C111.287175%2C24.6110599%20111.334871%2C24.2676498%20111.334871%2C23.9242396%20L105.12805%2C23.9242396%20C104.991322%2C24.8654378%20104.695608%2C25.9401843%20103.344225%2C25.9401843%20C103.321967%2C25.9401843%20103.321967%2C25.9179263%20103.296529%2C25.9179263%20C102.037359%2C25.8956682%20101.375976%2C24.7032719%20101.375976%2C21.7270507%20L111.357129%2C21.7270507%20Z%22%20id%3D%22Fill-6%22%20class%3D%22Header-logoLetter%22%3E%3C%2Fpath%3E%20%20%20%20%3Cpath%20%20fill%3D%22white%22%20d%3D%22M36.8371286%2C24.1086954%20L36.8148705%2C24.1086954%20C35.256806%2C24.1086954%2034.5922438%2C22.2326585%2034.5922438%2C20.3089258%20C34.5922438%2C18.362935%2035.3013221%2C16.4837184%2036.8148705%2C16.4837184%20L36.8371286%2C16.4837184%20C38.3029811%2C16.4837184%2039.0565756%2C18.3851931%2039.0565756%2C20.3089258%20C39.0565756%2C22.2326585%2038.3029811%2C24.1086954%2036.8371286%2C24.1086954%20L36.8371286%2C24.1086954%20Z%20M39.1933037%2C10.4867599%20L39.1933037%2C12.6616908%20C38.7131654%2C11.6537184%2038.0263452%2C10.8746862%2036.8371286%2C10.509018%20C36.3569903%2C10.3500318%2035.8068982%2C10.2800779%2035.164594%2C10.2800779%20C30.7002622%2C10.2800779%2028.5030733%2C15.453488%2028.5030733%2C20.674594%20C28.5030733%2C25.8480041%2030.7002622%2C31.0214143%2035.164594%2C31.0214143%20C35.8291562%2C31.0214143%2036.3569903%2C30.932382%2036.8371286%2C30.7479581%20C38.1885111%2C30.2678198%2038.8276355%2C29.1676355%2039.1933037%2C28.321829%20L39.1933037%2C30.61123%20L45.7435341%2C30.61123%20L45.7435341%2C10.4867599%20L39.1933037%2C10.4867599%20Z%22%20id%3D%22Fill-7%22%20class%3D%22Header-logoLetter%22%3E%3C%2Fpath%3E%20%20%20%20%3Cpath%20%20d%3D%22M9.86738157%2C30.6104986%20L16.5295382%2C30.6104986%20L16.5295382%2C19.049024%20C16.5295382%2C17.9272175%2016.7584783%2C16.3246369%2018.2236949%2C16.3246369%20C19.6660175%2C16.3246369%2019.8033816%2C18.0187935%2019.8033816%2C19.049024%20L19.8033816%2C30.6104986%20L26.4655382%2C30.6104986%20L26.4655382%2C16.668047%20C26.4655382%2C13.3713097%2024.6798055%2C10.1661484%2021.0167641%2C10.1661484%20C17.9718608%2C10.1661484%2016.9874184%2C11.3337429%2016.0945521%2C12.3868673%20C15.3848378%2C11.2650608%2014.3546074%2C10.1661484%2011.5615382%2C10.1661484%20C9.06609124%2C10.1661484%207.4635106%2C11.4940009%206.59353825%2C12.5929134%20L6.59353825%2C10.4637705%20L6.359447e-05%2C10.4637705%20L6.359447e-05%2C30.6104986%20L6.57064424%2C30.6104986%20L6.57064424%2C19.049024%20C6.57064424%2C17.8585355%206.82247834%2C16.3246369%208.2190129%2C16.3246369%20C9.68422949%2C16.3246369%209.86738157%2C17.8585355%209.86738157%2C19.049024%20L9.86738157%2C30.6104986%20Z%22%20id%3D%22Fill-8%22%20fill%3D%22%23E20714%22%3E%3C%2Fpath%3E%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var logoMailwise = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20viewBox%3D%22143.525%20169.971%20204.219%2043.361%22%20width%3D%22204.219%22%20height%3D%2243.361%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%20%3Cdefs%3E%20%20%20%20%3CclipPath%20clipPathUnits%3D%22userSpaceOnUse%22%20id%3D%22clipPath18%22%3E%20%20%20%20%20%20%3Cpath%20d%3D%22M%200%2C595.28%20H%20595.28%20V%200%20H%200%20Z%22%20id%3D%22path16%22%20%2F%3E%20%20%20%20%3C%2FclipPath%3E%20%20%3C%2Fdefs%3E%20%20%3Cg%20id%3D%22g10%22%20transform%3D%22matrix%281.333333%2C%200%2C%200%2C%20-1.333333%2C%20-151.218994%2C%20588.503967%29%22%3E%20%20%20%20%3Cg%20id%3D%22g12%22%3E%20%20%20%20%20%20%3Cg%20id%3D%22g14%22%20clip-path%3D%22url%28%23clipPath18%29%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22g20%22%20transform%3D%22translate%28242.1812%2C281.8203%29%22%3E%20%20%20%20%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%200%2C0%20v%2011.396%20c%200%2C0.793%20-0.088%2C2.202%20-1.188%2C2.202%20-1.584%2C0%20-1.76%2C-2.069%20-1.76%2C-3.213%20V%200%20h%20-7.614%20v%2011.309%20c%200%2C0.924%20-0.043%2C2.113%20-1.232%2C2.113%20-1.76%2C0%20-1.716%2C-1.937%20-1.716%2C-3.213%20V%200%20h%20-7.613%20v%2020.551%20h%207.613%20v%20-1.057%20c%200%2C-0.792%20-0.044%2C-1.584%20-0.088%2C-2.376%201.188%2C2.244%202.508%2C3.872%205.237%2C3.872%202.904%2C0%204.401%2C-1.803%205.457%2C-4.268%200.88%2C2.508%202.244%2C4.268%205.104%2C4.268%201.321%2C0%202.641%2C-0.484%203.609%2C-1.363%20C%207.437%2C18.13%207.613%2C16.15%207.613%2C14.082%20V%200%20Z%22%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23ec2227%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path22%22%20%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22g24%22%20transform%3D%22translate%28262.3306%2C296.5176%29%22%3E%20%20%20%20%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%200%2C0%20c%20-1.98%2C0%20-1.936%2C-3.784%20-1.936%2C-5.148%200%2C-1.145%200.088%2C-3.697%201.716%2C-3.697%202.025%2C0%201.804%2C3.96%201.804%2C5.325%20C%201.584%2C-2.42%201.541%2C0%200%2C0%20m%201.672%2C-14.697%20c%200.089%2C1.143%200.177%2C2.332%200.265%2C3.476%20-1.101%2C-2.201%20-2.64%2C-3.917%20-5.281%2C-3.917%20-5.193%2C0%20-6.25%2C6.865%20-6.25%2C10.826%200%2C4.092%201.19%2C10.605%206.426%2C10.605%202.465%2C0%203.961%2C-1.628%204.929%2C-3.696%20-0.089%2C1.1%20-0.089%2C2.156%20-0.22%2C3.257%20H%209.33%20v%20-20.551%20z%22%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path26%22%20%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20%20%20d%3D%22m%20275.177%2C302.371%20h%207.613%20V%20281.82%20h%20-7.613%20z%20m%203.829%2C1.936%20c%20-2.464%2C0%20-4.445%2C2.068%20-4.445%2C4.489%200%2C2.42%202.024%2C4.4%204.445%2C4.4%202.42%2C0%204.445%2C-1.98%204.445%2C-4.4%200%2C-2.464%20-1.981%2C-4.489%20-4.445%2C-4.489%22%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path28%22%20%2F%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22m%20286.309%2C313.9%20h%207.613%20v%20-32.08%20h%20-7.613%20z%22%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path30%22%20%2F%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22g32%22%20transform%3D%22translate%28319.707%2C281.8203%29%22%3E%20%20%20%20%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M%200%2C0%20H%20-7.525%20L%20-9.109%2C12.321%20-11.441%2C0%20h%20-7.481%20l%20-5.105%2C20.551%20h%207.48%20c%200.748%2C-4.137%201.629%2C-8.23%201.938%2C-12.41%200.396%2C4.18%201.408%2C8.317%202.332%2C12.41%20h%206.513%20c%200.703%2C-4.137%201.452%2C-8.23%201.803%2C-12.41%200.617%2C4.18%201.453%2C8.273%202.334%2C12.41%20h%207.611%20z%22%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path34%22%20%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20%20%20d%3D%22m%20327.447%2C302.371%20h%207.613%20V%20281.82%20h%20-7.613%20z%20m%203.83%2C1.936%20c%20-2.465%2C0%20-4.445%2C2.068%20-4.445%2C4.489%200%2C2.42%202.023%2C4.4%204.445%2C4.4%202.42%2C0%204.444%2C-1.98%204.444%2C-4.4%200%2C-2.464%20-1.981%2C-4.489%20-4.444%2C-4.489%22%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path36%22%20%2F%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22g38%22%20transform%3D%22translate%28350.4609%2C295.5498%29%22%3E%20%20%20%20%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%200%2C0%20c%20-0.791%2C0.792%20-1.936%2C1.804%20-3.123%2C1.804%20-0.572%2C0%20-1.189%2C-0.308%20-1.189%2C-0.968%200%2C-2.464%207.261%2C-1.584%207.261%2C-7.789%200%2C-4.665%20-3.961%2C-7.217%20-8.273%2C-7.217%20-2.86%2C0%20-4.84%2C0.836%20-7.305%2C2.156%20l%202.772%2C5.677%20c%200.923%2C-0.969%202.421%2C-2.156%203.83%2C-2.156%200.66%2C0%201.496%2C0.308%201.496%2C1.099%200%2C2.114%20-7.395%2C1.541%20-7.395%2C7.614%200%2C4.577%204.313%2C7.041%208.449%2C7.041%202.202%2C0%204.182%2C-0.703%206.118%2C-1.672%20z%22%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path40%22%20%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22g42%22%20transform%3D%22translate%28366.6523%2C294.582%29%22%3E%20%20%20%20%20%20%20%20%20%20%3Cpath%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M%200%2C0%20C%20-0.043%2C1.1%20-0.439%2C2.596%20-1.805%2C2.596%20-3.168%2C2.596%20-3.52%2C1.1%20-3.564%2C0%20Z%20m%207.262%2C-5.854%20c%20-1.057%2C-4.796%20-4.358%2C-7.348%20-9.155%2C-7.348%20-6.293%2C0%20-9.373%2C4.4%20-9.373%2C10.341%200%2C5.809%203.346%2C11.046%209.594%2C11.046%206.293%2C0%209.242%2C-5.149%209.242%2C-10.87%200%2C-0.484%20-0.045%2C-0.924%20-0.045%2C-1.408%20H%20-3.652%20c%200%2C-1.144%200.175%2C-3.169%201.759%2C-3.169%200.881%2C0%201.541%2C0.616%201.717%2C1.453%20z%22%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path44%22%20%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var logoMailwiseSmall = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20viewBox%3D%22143.525%20169.971%2084.219%2043.361%22%20width%3D%2284.219%22%20height%3D%2243.361%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%20%3Cdefs%3E%20%20%20%20%3CclipPath%20clipPathUnits%3D%22userSpaceOnUse%22%20id%3D%22clipPath18%22%3E%20%20%20%20%20%20%3Cpath%20d%3D%22M%200%2C595.28%20H%20595.28%20V%200%20H%200%20Z%22%20id%3D%22path16%22%2F%3E%20%20%20%20%3C%2FclipPath%3E%20%20%3C%2Fdefs%3E%20%20%3Cg%20id%3D%22g10%22%20transform%3D%22matrix%281.333333%2C%200%2C%200%2C%20-1.333333%2C%20-151.218994%2C%20588.503967%29%22%3E%20%20%20%20%3Cg%20id%3D%22g12%22%3E%20%20%20%20%20%20%3Cg%20id%3D%22g14%22%20clip-path%3D%22url%28%23clipPath18%29%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22g20%22%20transform%3D%22translate%28242.1812%2C281.8203%29%22%3E%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22m%200%2C0%20v%2011.396%20c%200%2C0.793%20-0.088%2C2.202%20-1.188%2C2.202%20-1.584%2C0%20-1.76%2C-2.069%20-1.76%2C-3.213%20V%200%20h%20-7.614%20v%2011.309%20c%200%2C0.924%20-0.043%2C2.113%20-1.232%2C2.113%20-1.76%2C0%20-1.716%2C-1.937%20-1.716%2C-3.213%20V%200%20h%20-7.613%20v%2020.551%20h%207.613%20v%20-1.057%20c%200%2C-0.792%20-0.044%2C-1.584%20-0.088%2C-2.376%201.188%2C2.244%202.508%2C3.872%205.237%2C3.872%202.904%2C0%204.401%2C-1.803%205.457%2C-4.268%200.88%2C2.508%202.244%2C4.268%205.104%2C4.268%201.321%2C0%202.641%2C-0.484%203.609%2C-1.363%20C%207.437%2C18.13%207.613%2C16.15%207.613%2C14.082%20V%200%20Z%22%20style%3D%22fill%3A%23ec2227%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path22%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22g32%22%20transform%3D%22translate%28275.707%2C281.8203%29%22%3E%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M%200%2C0%20H%20-7.525%20L%20-9.109%2C12.321%20-11.441%2C0%20h%20-7.481%20l%20-5.105%2C20.551%20h%207.48%20c%200.748%2C-4.137%201.629%2C-8.23%201.938%2C-12.41%200.396%2C4.18%201.408%2C8.317%202.332%2C12.41%20h%206.513%20c%200.703%2C-4.137%201.452%2C-8.23%201.803%2C-12.41%200.617%2C4.18%201.453%2C8.273%202.334%2C12.41%20h%207.611%20z%22%20style%3D%22fill%3A%23fff%3Bfill-opacity%3A1%3Bfill-rule%3Anonzero%3Bstroke%3Anone%22%20id%3D%22path34%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var logoMailwrap = "data:image/svg+xml,%3Csvg%20version%3D%221.2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20259%2053%22%20width%3D%22259%22%20height%3D%2253%22%3E%3Cdefs%3E%3CclipPath%20clipPathUnits%3D%22userSpaceOnUse%22%20id%3D%22cp1%22%3E%3Cpath%20d%3D%22m-294.22-374.2h793.71v793.7h-793.71z%22%20%2F%3E%3C%2FclipPath%3E%3Cimage%20%20width%3D%2210%22%20height%3D%224%22%20id%3D%22img1%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAAoAAAAEAQMAAACN9jyOAAAAAXNSR0IB2cksfwAAAAZQTFRF%2F%2F%2F%2F%2F%2F%2F%2FVXz1bAAAAAJ0Uk5T%2F8%2FubO9rAAAADUlEQVR4nGNgcGCAAQACjABB8%2FvblwAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3Cimage%20%20width%3D%2210%22%20height%3D%224%22%20id%3D%22img2%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAAoAAAAEAQMAAACN9jyOAAAAAXNSR0IB2cksfwAAAAZQTFRF%2F%2F%2F%2F%2F%2F%2F%2FVXz1bAAAAAJ0Uk5T%2F8%2FubO9rAAAADUlEQVR4nGNgcGCAAQACjABB8%2FvblwAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3Cimage%20%20width%3D%2225%22%20height%3D%2229%22%20id%3D%22img3%22%20href%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAABkAAAAdCAMAAABopjdHAAAAAXNSR0IB2cksfwAAAMNQTFRF%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FWcU9VgAAAEF0Uk5TgH8gAK%2FP%2F0CQvxAwYMDv33Cgb58%2FXz706%2Fz%2B9vD3GHVCWIt%2BUTUvTa0GDzgB8y7k8h%2F49SMI%2FS0dFgQSERkUCQJ4fsqRAAAAxElEQVR4nHXSZxOCMAwG4EqgLMWFCxX3QHGLe%2F3%2FXyXeSZv2ru%2BnJM%2BXNFdCclk0AE03qKGb8AuhLCZY%2F8p2RHHzrNQl4SUlghSQeBoWIZZSikqhLhadGLwpIbEBHI91ZSSV9BFVvikSP5UaX0ESn7eS1BvNFqVBu9MNJAl7%2FcFwNJ5MZ3NJIsiyQLJM%2B5gJusFqDUK4bEKVbHcq2SvlcETjOIm4nM5sLP%2BdCxoLElxVQpObYgMK94dK4PnC1xEf8f6w8gsBxRaZ5mJdeAAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3C%2Fdefs%3E%3Cstyle%3E.s0%7Bfill%3A%23ec2227%7D.s1%7Bfill%3A%23ffffff%7D%3C%2Fstyle%3E%3Cg%20clip-path%3D%22url%28%23cp1%29%22%3E%3Cpath%20class%3D%22s0%22%20d%3D%22m28.7%2043.7v-15.2c0-1-0.1-2.9-1.6-2.9c-2.1%200-2.3%202.8-2.3%204.3v13.8h-10.2v-15c0-1.3-0.1-2.9-1.6-2.9c-2.4%200-2.3%202.6-2.3%204.3v13.6h-10.2v-27.4h10.2v1.5q0%201.5-0.1%203.1c1.5-3%203.3-5.1%206.9-5.1c3.9%200%205.9%202.4%207.3%205.6c1.2-3.3%203-5.6%206.8-5.6c1.8%200%203.5%200.6%204.8%201.8c2.2%202%202.4%204.6%202.4%207.4v18.7z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m57.8%2043.7c0.1-1.5%200.2-3.1%200.3-4.6c-1.4%202.9-3.5%205.2-7%205.2c-6.9%200-8.3-9.1-8.3-14.4c0-5.5%201.5-14.1%208.5-14.1c3.3%200%205.3%202.1%206.6%204.9c-0.1-1.5-0.1-2.9-0.3-4.4h10.4v27.4zm-2.2-19.6c-2.7%200-2.6%205.1-2.6%206.9c0%201.5%200.1%204.9%202.3%204.9c2.7%200%202.4-5.2%202.4-7.1c0-1.4-0.1-4.7-2.1-4.7z%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m203%2043v-27.4h10.3c-0.2%201.5-0.2%202.9-0.3%204.3c1.3-2.7%203.3-4.9%206.5-4.9c6.9%200%208.5%208.7%208.5%2014.1c0%205.3-1.4%2014.5-8.3%2014.5c-3.4%200-5.5-2.3-6.9-5.2c0.1%201.5%200.2%203.1%200.3%204.6zm10.3-14.9c0%201.8-0.3%207.1%202.3%207.1c2.2%200%202.3-3.4%202.3-4.9c0-1.9%200.1-6.9-2.6-6.9c-2%200-2%203.2-2%204.7z%22%20%2F%3E%3Cuse%20%20href%3D%22%23img1%22%20x%3D%22203%22%20y%3D%2243%22%20%2F%3E%3Cuse%20%20href%3D%22%23img2%22%20x%3D%22203%22%20y%3D%2247%22%20%2F%3E%3Cuse%20%20href%3D%22%23img3%22%20x%3D%22143%22%20y%3D%2215%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20class%3D%22s1%22%20d%3D%22m186.8%2042.7c0.1-1.5%200.2-3.1%200.3-4.6c-1.4%202.9-3.5%205.2-7%205.2c-6.9%200-8.3-9.1-8.3-14.4c0-5.5%201.5-14.1%208.5-14.1c3.3%200%205.3%202.1%206.6%204.9c-0.1-1.5-0.1-2.9-0.3-4.4h10.4v27.4zm-2.2-19.6c-2.7%200-2.6%205.1-2.6%206.9c0%201.5%200.1%204.9%202.3%204.9c2.7%200%202.4-5.2%202.4-7.1c0-1.4-0.1-4.7-2.1-4.7z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m72.7%2016.3h10.1v27.4h-10.1zm5.1-2.5c-3.3%200-5.9-2.8-5.9-6c0-3.2%202.7-5.9%205.9-5.9c3.2%200%205.9%202.7%205.9%205.9c0%203.3-2.6%206-5.9%206z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m87.5%201h10.2v42.7h-10.2z%22%20%2F%3E%3Cpath%20class%3D%22s1%22%20d%3D%22m132.1%2043.7h-10.1l-2.1-16.4l-3.1%2016.4h-10l-6.8-27.4h10c1%205.6%202.2%2011%202.6%2016.6c0.5-5.6%201.9-11.1%203.1-16.6h8.7c0.9%205.6%201.9%2011%202.4%2016.6c0.8-5.6%201.9-11%203.1-16.6h10.1z%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
+
+var logoMailstock = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%22413pt%22%20height%3D%2288pt%22%20viewBox%3D%220%200%20413%2088%22%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C171.06104%2C86.17261%29%22%20d%3D%22M0%20.000092V84.17261H19.958207V.000092H0Z%22%20fill%3D%22%23111d27%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C140.26087%2C86.173099%29%22%20d%3D%22M11.652962%2059.00191C5.190824%2059.00191%200%2064.42806%200%2070.77764%200%2077.12744%205.306221%2082.325199%2011.652962%2082.325199%2017.997326%2082.325199%2023.30333%2077.12744%2023.30333%2070.77764%2023.30333%2064.31278%2018.112614%2059.00191%2011.652962%2059.00191ZM1.615021-.000031V53.92225H21.573128V-.000031H1.615021Z%22%20fill%3D%22%23111d27%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C83.04443%2C87.33032%29%22%20d%3D%22M29.534775%201.157085C29.76557%204.15609%2029.996148%207.278378%2030.226943%2010.277489%2027.343092%204.504959%2023.30592-.000038%2016.382302-.000038%202.768454-.000038%200%2018.015187%200%2028.402909%200%2039.14231%203.117238%2056.233888%2016.843674%2056.233888%2023.30592%2056.233888%2027.227696%2051.959669%2029.76557%2046.533624%2029.534775%2049.419839%2029.534777%2052.19055%2029.1888%2055.079359H49.608278V1.157085H29.534775ZM25.151627%2039.722169C19.960698%2039.722169%2020.0735%2029.790808%2020.0735%2026.214648%2020.0735%2023.210343%2020.304295%2016.51168%2024.572047%2016.51168%2029.88075%2016.51168%2029.304198%2026.904704%2029.304198%2030.486163%2029.304198%2033.369779%2029.1888%2039.722169%2025.151627%2039.722169Z%22%20fill%3D%22%23111d27%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C0%2C86.17334%29%22%20d%3D%22M55.37576%20.000092V29.903843C55.37576%2031.981799%2055.145074%2035.676378%2052.26133%2035.676378%2048.106164%2035.676378%2047.644685%2030.250224%2047.644685%2027.24592V.000092H27.686583V29.672959C27.686583%2032.097406%2027.571187%2035.2172%2024.45946%2035.2172%2019.842814%2035.2172%2019.95821%2030.134837%2019.95821%2026.786747V.000092H0V53.922376H19.95821V51.148958C19.95821%2049.070894%2019.842812%2046.99283%2019.727416%2044.914766%2022.841843%2050.802686%2026.305058%2055.076906%2033.454069%2055.076906%2041.072446%2055.076906%2044.99433%2050.34081%2047.760084%2043.875734%2050.067056%2050.456304%2053.642965%2055.076906%2061.14324%2055.076906%2064.60375%2055.076906%2068.06427%2053.806989%2070.60463%2051.49804%2074.87249%2047.569986%2075.33386%2042.374826%2075.33386%2036.948778V.000092H55.37576Z%22%20fill%3D%22%23e4001b%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C199%2C57.5%29%22%20d%3D%22M0-23%206.5-12.053574C8.381761-13.232147%2010.84161-14.428574%2012.234113-15%2013.626616-15.535713%2014.546954-15%2015.676011-15%2016.842703-15%2017.747296-14.714287%2018.5-14%2019.29034-13.285713%2018.895546-13.125%2018.895546-12.053574%2018.895546-10.196434%2018.263522-9.214287%2014.5-7%2013.521484-6.42857%2012.526893-5.32143%2012-5%207.82234-3.392857%205.467773-1.17857%204%201%202.532227%203.214287%201%207%201%2010%201%2014.928574%203.263371%2020.142857%206.5%2023%209.736629%2025.892857%2015.005259%2027.5%2020.5%2027.5%2023.247372%2027.5%2025.669886%2025.607144%2028.15381%2024.857144%2030.67537%2024.142857%2033.102846%2023.017857%2035.436227%2021.482144L29%2010C27.532227%2011.17857%2025.279599%2012.42857%2024%2013%2022.758038%2013.57143%2021.591422%2013.714287%2020.5%2013.714287%2019.258038%2013.714287%2019.064906%2014.25%2018.274565%2013.607143%2017.52186%2012.964287%2017.145508%2012.125%2017.145508%2011.089287%2017.145508%209.553574%2018.895546%207.767857%2022.395623%205.732143%2023.487044%205.089287%2024.333836%204.571426%2024.935999%204.17857%2028.850062%201.60714%2031.578616-.839283%2033.12166-3.160713%2034.664705-5.446426%2035.436227-8.160713%2035.436227-11.303574%2035.436227-16.410714%2033.66737-20.553574%2030.129658-23.732148%2026.591948-26.91072%2022.720555-29%2017-29%2014.214994-29%2010.52156-28.89286%208-28%205.47844-27.10714%202.333383-24.85714%200-23Z%22%20fill%3D%22%23111d27%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C199%2C70%29%22%20d%3D%22M45.5-15.5V26.107144H39.5V38L45.5%2038.5V53L62%2053.5%2062.5%2038.5%2067.81079%2037.517858V26.214287L62.5%2025.5V-15.5H45.5Z%22%20fill%3D%22%23111d27%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C199%2C57.5%29%22%20d%3D%22M95.89494-15.803574C98.604679-15.803574%20100.03223-14.035713%20101.5-11.5%20103.00541-8.928574%20103-5.785717%20103-1.07143%20103%203.60714%20103.00541%206.464287%20101.5%209%20100.03223%2011.57143%2098.70973%2013%2096%2013%2093.29027%2013%2091.09645%2012.339283%2089.62868%209.80357%2088.160907%207.267857%2087.42702%203.642857%2087.42702-1.07143%2087.42702-5.82143%2088.160907-9.464287%2089.62868-12%2091.09645-14.535713%2093.18521-15.803574%2095.89494-15.803574ZM118.984149-1.178574C118.984149-9.535721%20116.87657-16.178574%20112.66143-21.107148%20108.48392-26.03572%20102.895099-29.5%2095.89494-29.5%2088.857158-29.5%2083.177509-26.89286%2079-22%2074.86012-17.071427%2072-9.89286%2072-1.5%2072%206.821426%2073.36012%2013.607143%2077.5%2018.5%2081.677509%2023.392857%2088.46221%2027%2095.5%2027%20102.53779%2027%20108.540378%2023.51786%20112.71788%2018.589287%20116.895389%2013.69643%20118.984149%207.10714%20118.984149-1.178574Z%22%20fill%3D%22%23111d27%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C199%2C56.5%29%22%20d%3D%22M158%207.892857C156.79567%208.75%20154.62906%209.107143%20153.5%209.5%20152.37094%209.892857%20151.62906%2011%20150.5%2011%20147.56446%2011%20145.243%2010.321426%20143.51178%207.892857%20141.78057%205.5%20140.91495%202.25%20140.91495-1.857143%20140.91495-6.178574%20141.78057-9.51786%20143.51178-11.875%20145.28064-14.196426%20147.76456-15.357147%20150.96355-15.357147%20152.16788-15.357147%20153.29694-15.14286%20154.35073-14.714287%20155.40451-14.25%20156.42066-13.553574%20157.39917-12.625L158-27C156.41933-28.035714%20154.03083-29%20152.26197-29.5%20150.53075-30%20148.81835-30%20146.89894-30%20140.42569-30%20135.33879-27.89286%20131.5-23%20127.698848-18.10714%20125-10.607147%20125-2.178574%20125%206.142853%20126.16121%2012.69643%20130%2017.589287%20133.83879%2022.482144%20140.06438%2025.5%20146.5%2025.5%20148.34413%2025.5%20151.26879%2025.357144%20153%2025%20154.73122%2024.678572%20155.70558%2023.624999%20157.39917%2022.946427L158%207.892857Z%22%20fill%3D%22%23111d27%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C199%2C86.5%29%22%20d%3D%22M182%2033.5C182.37636%2034.464288%20182.86768%2035.17857%20184.1849%2037.785715%20184.486%2038.357145%20184.03437%2039.214288%20184.1849%2039.5L192%2054.5%20211%2054.017858%20197%2032%20212%20.5H193.5L183%2025%20182%200%20165.5%20.5V85L182.5%2085.5%20182%2033.5Z%22%20fill%3D%22%23111d27%22%2F%3E%3Cpath%20transform%3D%22matrix%281%2C0%2C0%2C-1%2C197%2C88%29%22%20d%3D%22M0%206.873573%208.112396%2020.575928%209.812165%2019.509476C11.637133%2018.364464%2013.170879%2017.548417%2014.425851%2017.030571%2015.657531%2016.558014%2016.668778%2016.363198%2017.486027%2016.363198%2018.20603%2016.363198%2018.668665%2016.566102%2019.031836%2016.911339L19.048197%2016.926888%2019.064949%2016.942055C19.467207%2017.306237%2019.665062%2017.725029%2019.665062%2018.327004%2019.665062%2018.659142%2019.49702%2019.229493%2018.720646%2020.070862%2017.949364%2020.906716%2016.707556%2021.864708%2014.903319%2022.928307%2013.919963%2023.503579%2013.153638%2023.958786%2012.610038%2024.290989L12.591011%2024.30262%2012.572281%2024.314675C8.848638%2026.711419%206.063878%2029.135544%204.394174%2031.618195L4.386657%2031.629372C2.697623%2034.182024%201.887312%2037.14496%201.887312%2040.447767%201.887312%2045.802679%203.660206%2050.22622%207.356931%2053.497579%2011.033004%2056.786909%2015.916603%2058.344194%2021.788922%2058.344194%2024.723053%2058.344194%2027.535742%2057.94338%2030.21791%2057.13389%2032.947526%2056.357404%2035.556734%2055.141206%2038.043607%2053.50159L39.49536%2052.544439%2030.939042%2038.822935%2029.225722%2040.201097C27.83841%2041.317018%2026.600428%2042.095617%2025.510382%2042.583253L25.500412%2042.587717%2025.490504%2042.59228C24.436635%2043.078023%2023.550316%2043.27272%2022.808028%2043.27272%2021.937138%2043.27272%2021.387413%2043.05854%2021.003188%2042.752408%2020.692214%2042.47995%2020.515757%2042.141866%2020.515757%2041.578023%2020.515757%2041.466154%2020.5897%2041.054368%2021.324118%2040.30366%2022.03605%2039.575937%2023.190606%2038.715246%2024.875256%2037.733694L24.88438%2037.72837C25.98838%2037.076929%2026.866574%2036.53954%2027.506445%2036.12135L27.511538%2036.118017C31.5257%2033.476179%2034.49765%2030.85572%2036.242128%2028.22924%2038.01233%2025.600045%2038.859678%2022.525086%2038.859678%2019.080513%2038.859678%2013.511452%2036.913003%208.855713%2032.944799%205.284073%2028.983857%201.718979%2023.84463%200%2017.712494%200%2014.700911%200%2011.814631%20.484459%209.066181%201.459366%206.310124%202.436974%203.690784%203.930916%201.206608%205.91156L0%206.873573ZM34.640989%2027.261425C33.093458%2029.593705%2030.356968%2032.051565%2026.431519%2034.63501%2025.827605%2035.029706%2024.978348%2035.54998%2023.88375%2036.195844%2020.373496%2038.24107%2018.618367%2040.035135%2018.618367%2041.578023%2018.618367%2042.61858%2018.995814%2043.461786%2019.750708%2044.107648%2020.543347%2044.75351%2021.562453%2045.07644%2022.808028%2045.07644%2023.902625%2045.07644%2025.072709%2044.789388%2026.318284%2044.21529%2027.154704%2043.841115%2028.031208%2043.337377%2028.9478%2042.704084%2029.437533%2042.365716%2029.938708%2041.990365%2030.451327%2041.578023L36.962285%2052.019449C34.622114%2053.56234%2032.187585%2054.6926%2029.65869%2055.41022%2027.16754%2056.163728%2024.544283%2056.54048%2021.788922%2056.54048%2016.278197%2056.54048%2011.899811%2055.08729%208.653768%2052.180917%205.407724%2049.31042%203.784703%2045.39937%203.784703%2040.447767%203.784703%2037.433748%204.520725%2034.81442%205.992768%2032.589784%207.464811%2030.401032%2010.012576%2028.140519%2013.636066%2025.808239%2014.164492%2025.48531%2014.919387%2025.036789%2015.900748%2024.462693%2019.675217%2022.238053%2021.562453%2020.192826%2021.562453%2018.327004%2021.562453%2017.250565%2021.166134%2016.353547%2020.373496%2015.635918%2019.6186%2014.918289%2018.65611%2014.559479%2017.486027%2014.559479%2016.353686%2014.559479%2015.089238%2014.82859%2013.692684%2015.366806%2012.707684%2015.771721%2011.600636%2016.328362%2010.371542%2017.03672%209.858002%2017.332688%209.323154%2017.655137%208.767002%2018.004075L2.425894%207.293541C4.766065%205.427719%207.200597%204.046288%209.729491%203.149261%2012.258386%202.252235%2014.919387%201.803719%2017.712494%201.803719%2023.449688%201.803719%2028.092286%203.400429%2031.640286%206.593857%2035.188287%209.787285%2036.962285%2013.949501%2036.962285%2019.080513%2036.962285%2022.238053%2036.18852%2024.96503%2034.640989%2027.261425ZM46.18901%20.968788V42.41157H40.130987V57.375406H46.18901V72.606967H65.270389V57.375406H71.328418V42.41157H65.270389V.968788H46.18901ZM63.372999%2044.21529H69.43102V55.571687H63.372999V70.80325H48.0864V55.571687H42.028379V44.21529H48.0864V2.772507H63.372999V44.21529ZM102.21833%2019.249222%20102.22272%2019.256806C103.508708%2021.45726%20104.24864%2024.764687%20104.24864%2029.360478%20104.24864%2033.920057%20103.5087%2037.18657%20102.22826%2039.34713L102.22051%2039.360208%20102.21299%2039.3734C101.01726%2041.47191%2099.5092%2042.30393%2097.59686%2042.30393%2095.67087%2042.30393%2094.16482%2041.47637%2092.975399%2039.41791%2091.724979%2037.253904%2091.0017%2033.963617%2091.0017%2029.360478%2091.0017%2024.71867%2091.725849%2021.411736%2092.975399%2019.249222%2094.16482%2017.190758%2095.67087%2016.363198%2097.59686%2016.363198%2099.52286%2016.363198%20101.02891%2017.190758%20102.21833%2019.249222ZM79.24599%208.047409%2079.24127%208.053024C74.744419%2013.416008%2072.59972%2020.547867%2072.59972%2029.25283%2072.59972%2037.889425%2074.74618%2044.96915%2079.245479%2050.29617L79.25073%2050.302389C83.82503%2055.66937%2090.00617%2058.344194%2097.59686%2058.344194%20105.191738%2058.344194%20111.37317%2055.648229%20115.9454%2050.245714%20120.48314%2044.919977%20122.65062%2037.85766%20122.65062%2029.25283%20122.65062%2020.576378%20120.46432%2013.459595%20115.887989%208.097565%20111.31804%202.698265%20105.15724%200%2097.59686%200%2090.00617%200%2083.82503%202.674835%2079.25075%208.041832L79.24599%208.047409ZM114.41212%209.231125C118.63952%2014.182732%20120.75323%2020.856629%20120.75323%2029.25283%20120.75323%2037.577264%20118.658397%2044.197347%20114.468738%2049.11307%20110.279079%2054.064676%20104.65512%2056.54048%2097.59686%2056.54048%2090.538608%2056.54048%2084.91464%2054.082616%2080.72498%2049.166894%2076.57307%2044.251169%2074.49711%2037.61315%2074.49711%2029.25283%2074.49711%2020.820755%2076.57307%2014.128906%2080.72498%209.177299%2084.91464%204.261574%2090.538608%201.803719%2097.59686%201.803719%20104.61738%201.803719%20110.22246%204.279518%20114.41212%209.231125ZM161.17739%2036.94798%20158.14156%2039.112436C157.04624%2039.89337%20156.03787%2040.424566%20155.11655%2040.745706%20154.17974%2041.07225%20153.26805%2041.227495%20152.37271%2041.227495%20150.0969%2041.227495%20148.32921%2040.335695%20146.92378%2038.360689L146.91646%2038.350389C145.47014%2036.34789%20144.64522%2033.48318%20144.64522%2029.575764%20144.64522%2025.43708%20145.47676%2022.503678%20146.89933%2020.555413%20148.2914%2018.732468%20150.18962%2017.816384%20152.82566%2017.816384%20153.77951%2017.816384%20154.64783%2017.983292%20155.4495%2018.305985%20156.26198%2018.668633%20157.0939%2019.230278%20157.93833%2020.033005L161.17739%2023.11213V3.925072L160.35808%203.387283C158.61699%202.244461%20156.75911%201.38884%20154.78826%20.830139%20152.86394%20.273964%20150.84812%200%20148.74922%200%20141.66255%200%20135.92522%202.723465%20131.71425%208.100143L131.70891%208.106964C127.57903%2013.432335%20125.620449%2020.545189%20125.620449%2029.25283%20125.620449%2037.862154%20127.60222%2044.921403%20131.77088%2050.24405%20135.97939%2055.61757%20141.69614%2058.344194%20148.74922%2058.344194%20150.72191%2058.344194%20152.6437%2058.153398%20154.51161%2057.76879%20156.37467%2057.42092%20158.21051%2056.882417%20160.01802%2056.15692L161.17739%2055.69158V36.94798ZM154.12784%2056.002264C152.39157%2056.361078%20150.59873%2056.54048%20148.74922%2056.54048%20142.29488%2056.54048%20137.14273%2054.082616%20133.29277%2049.166894%20129.44281%2044.251169%20127.51784%2037.61315%20127.51784%2029.25283%20127.51784%2020.784867%20129.42395%2014.093025%20133.23616%209.177299%20137.08612%204.261574%20142.25713%201.803719%20148.74922%201.803719%20150.6742%201.803719%20152.5048%202.054878%20154.24108%202.55722%20156.01508%203.059563%20157.69472%203.831001%20159.28%204.871559V18.757576C158.66249%2018.170548%20158.03002%2017.675866%20157.3826%2017.273522%20157.00115%2017.036469%20156.6145%2016.831475%20156.22267%2016.658532%20155.16582%2016.227959%20154.03348%2016.012665%20152.82566%2016.012665%20149.61736%2016.012665%20147.1262%2017.178803%20145.3522%2019.511086%20143.61594%2021.879242%20142.74782%2025.234143%20142.74782%2029.575764%20142.74782%2033.7021%20143.61594%2036.967294%20145.3522%2039.37133%20147.08847%2041.811254%20149.42862%2043.03121%20152.37271%2043.03121%20153.50505%2043.03121%20154.6374%2042.833868%20155.76975%2042.43917%20156.29912%2042.254648%20156.83673%2042.019155%20157.3826%2041.73269%20158.00437%2041.406396%20158.63683%2041.013975%20159.28%2040.55541V54.49525C157.58148%2055.176996%20155.8641%2055.679334%20154.12784%2056.002264ZM195.995%202.772507%20183.59587%2031.56717V2.772507H168.25266V86.19629H183.59587V33.881509C183.90724%2034.680719%20186.54645%2034.577524%20187.5%2036.5%20187.70235%2036.90793%20187.76876%2038.041498%20188%2038.5L186.82305%2040.55541%20194.69281%2055.571687H211.961L198.08983%2033.612398%20213.03673%202.772507H195.995ZM200.2328%2033.50122%20216%20.968788H194.72148L185.49326%2022.39962V.968788H166.35526V88H185.49326V42.062925L193.51828%2057.375406H215.31357L200.2328%2033.50122ZM103.881359%2018.380829C102.40931%2015.83326%20100.31448%2014.559479%2097.59686%2014.559479%2094.87924%2014.559479%2092.78442%2015.83326%2091.31237%2018.380829%2089.840328%2020.928399%2089.10431%2024.58828%2089.10431%2029.360478%2089.10431%2034.096796%2089.840328%2037.73873%2091.31237%2040.2863%2092.78442%2042.83387%2094.87924%2044.107648%2097.59686%2044.107648%20100.31448%2044.107648%20102.40931%2042.815927%20103.881359%2040.23248%20105.39114%2037.684915%20106.146038%2034.060918%20106.146038%2029.360478%20106.146038%2024.62416%20105.39114%2020.964272%20103.881359%2018.380829Z%22%20fill%3D%22%23111d27%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E";
+
 var defaultSizes = {
     small: '31px',
     medium: '46px',
     big: '61px', // cca 200px width on full logo
 };
-styled.img(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n"], ["\n  width: ", ";\n  height: ", ";\n"])), function (_a) {
+var variantMap = {
+    mailship: {
+        white: logoWhiteImage,
+        black: logoBlackImage,
+        m: logoMImage,
+        s: logoSvg,
+    },
+    mailwise: {
+        black: logoMailwise,
+        s: logoMailwiseSmall,
+    },
+    mailstock: {
+        black: logoMailstock,
+    },
+    mailstep: {
+        black: logoMailstepBlack,
+        white: logoMailstepWhite,
+    },
+    mailwrap: {
+        black: logoMailwrap,
+    },
+};
+var StyledImage = styled.img(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n"], ["\n  width: ", ";\n  height: ", ";\n"])), function (_a) {
     var width = _a.width;
     return width || 'auto';
 }, function (_a) {
     var height = _a.height, width = _a.width, size = _a.size;
     return height || (width ? 'auto' : size ? defaultSizes[size] : defaultSizes['medium']);
 });
+var Logo = function (_a) {
+    var _b = _a.brand, brand = _b === void 0 ? 'mailship' : _b, variant = _a.variant, size = _a.size, width = _a.width, height = _a.height, rest = __rest(_a, ["brand", "variant", "size", "width", "height"]);
+    var variants = variantMap[brand];
+    var logo = variants[variant];
+    if (!logo) {
+        console.warn('No variant for this logo exists.');
+        return null;
+    }
+    return jsx(StyledImage, __assign({ src: logo, size: size, width: width, height: height }, rest));
+};
 var templateObject_1$9;
 
-styled(x.div)(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n\n  & > *:not(:last-child) {\n    margin-right: 4px;\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n\n  & > *:not(:last-child) {\n    margin-right: 4px;\n  }\n"])));
-styled.button(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n  background-color: transparent;\n  border: none;\n  cursor: ", ";\n  opacity: ", ";\n"], ["\n  background-color: transparent;\n  border: none;\n  cursor: ", ";\n  opacity: ", ";\n"])), function (_a) {
+var Wrapper$3 = styled(x.div)(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n\n  & > *:not(:last-child) {\n    margin-right: 4px;\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n\n  & > *:not(:last-child) {\n    margin-right: 4px;\n  }\n"])));
+var Btn = styled.button(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n  background-color: transparent;\n  border: none;\n  cursor: ", ";\n  opacity: ", ";\n"], ["\n  background-color: transparent;\n  border: none;\n  cursor: ", ";\n  opacity: ", ";\n"])), function (_a) {
     var disabled = _a.disabled;
     return (disabled ? 'default' : 'pointer');
 }, function (_a) {
@@ -8636,9 +8828,9 @@ styled.button(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject([
     return (disabled ? 0 : 1);
 });
 var ArrowIcon = styled(Icon)(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n  border-radius: 50%;\n  aspect-ratio: 1 / 1;\n  width: 16px;\n  display: flex;\n  align-items: center;\n  color: gray1;\n\n  &:hover {\n    color: blue2;\n  }\n"], ["\n  border-radius: 50%;\n  aspect-ratio: 1 / 1;\n  width: 16px;\n  display: flex;\n  align-items: center;\n  color: gray1;\n\n  &:hover {\n    color: blue2;\n  }\n"])));
-styled(ArrowIcon)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n  margin: 0 8px;\n  font-size: 11px;\n  & > svg {\n    width: 10px;\n  }\n"], ["\n  margin: 0 8px;\n  font-size: 11px;\n  & > svg {\n    width: 10px;\n  }\n"])));
-styled.div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n  color: gray1;\n"], ["\n  color: gray1;\n"])));
-styled.span(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n  height: 18px;\n  min-width: 18px;\n  display: flex;\n  border-radius: 50%;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  margin: 0 4px;\n  color: ", ";\n  font-size: 14px;\n  font-weight: ", ";\n  font-family: ", ";\n  line-height: 1em;\n\n  &:hover {\n    color: blue2;\n  }\n"], ["\n  height: 18px;\n  min-width: 18px;\n  display: flex;\n  border-radius: 50%;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  margin: 0 4px;\n  color: ", ";\n  font-size: 14px;\n  font-weight: ", ";\n  font-family: ", ";\n  line-height: 1em;\n\n  &:hover {\n    color: blue2;\n  }\n"])), function (_a) {
+var GoIcon = styled(ArrowIcon)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n  margin: 0 8px;\n  font-size: 11px;\n  & > svg {\n    width: 10px;\n  }\n"], ["\n  margin: 0 8px;\n  font-size: 11px;\n  & > svg {\n    width: 10px;\n  }\n"])));
+var DotsWrapper = styled.div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n  color: gray1;\n"], ["\n  color: gray1;\n"])));
+var PageBtn = styled.span(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n  height: 18px;\n  min-width: 18px;\n  display: flex;\n  border-radius: 50%;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  margin: 0 4px;\n  color: ", ";\n  font-size: 14px;\n  font-weight: ", ";\n  font-family: ", ";\n  line-height: 1em;\n\n  &:hover {\n    color: blue2;\n  }\n"], ["\n  height: 18px;\n  min-width: 18px;\n  display: flex;\n  border-radius: 50%;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  margin: 0 4px;\n  color: ", ";\n  font-size: 14px;\n  font-weight: ", ";\n  font-family: ", ";\n  line-height: 1em;\n\n  &:hover {\n    color: blue2;\n  }\n"])), function (_a) {
     var isCurrent = _a.isCurrent;
     return (isCurrent ? th.color('red1') : th.color('gray1'));
 }, function (_a) {
@@ -8647,20 +8839,61 @@ styled.span(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\
 }, th('fonts.primary'));
 var templateObject_1$8, templateObject_2$8, templateObject_3$8, templateObject_4$6, templateObject_5$4, templateObject_6$4;
 
-styled.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-width: 250px;\n  height: ", ";\n  color: ", ";\n  background-color: ", ";\n  justify-content: center;\n  border: slim;\n  border-color: ", ";\n  border-radius: md;\n  overflow: hidden;\n"], ["\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-width: 250px;\n  height: ", ";\n  color: ", ";\n  background-color: ", ";\n  justify-content: center;\n  border: slim;\n  border-color: ", ";\n  border-radius: md;\n  overflow: hidden;\n"])), function (props) { return (props.variant === 'thin' ? "12px" : "35px"); }, th('colors.white'), function (props) {
+var Pagination = function (_a) {
+    var onPageChange = _a.onPageChange, itemPerPage = _a.itemPerPage, itemCount = _a.itemCount, page = _a.page;
+    var setPage = useCallback(function (number) { return function () {
+        if (onPageChange) {
+            onPageChange(number);
+        }
+    }; }, [onPageChange]);
+    var pageX = page !== null && page !== void 0 ? page : 1;
+    var pageCount = Math.max(Math.ceil((itemCount !== null && itemCount !== void 0 ? itemCount : 0) / (itemPerPage !== null && itemPerPage !== void 0 ? itemPerPage : 3)), 1);
+    var arrayOfPages = useMemo(function () {
+        var pageNumbers = Array.from({ length: pageCount }, function (_, i) { return i + 1; });
+        // first and last page are still visible
+        // if number of pages is less than 6 (display all pages without dots and duplication of first and last char)
+        if (pageCount < 6) {
+            return pageNumbers.slice(1, pageCount - 1);
+            // if current page is less than 5 (display first 5 pages)
+        }
+        else if (pageX < 5) {
+            return pageNumbers.slice(1, 5);
+            // display last 5 pages
+        }
+        else if (pageX > pageCount - 4) {
+            return pageNumbers.slice(pageCount - 5, pageCount - 1);
+        }
+        else {
+            // display dispersion of 2 chars from current page (part between dots)
+            return pageNumbers.slice(pageX - 3, pageX + 2);
+        }
+    }, [pageCount, pageX]);
+    return (jsxs(Wrapper$3, { children: [jsx(Btn, { disabled: pageX <= 1, onClick: setPage(pageX - 1), children: jsx(GoIcon, { icon: "goLeft", isActive: pageX > 1 }) }), jsx(PageBtn, { isCurrent: pageX === 1, onClick: setPage(1), children: 1 }), pageX >= 5 && pageCount > 6 && jsx(DotsWrapper, { children: "..." }), arrayOfPages === null || arrayOfPages === void 0 ? void 0 : arrayOfPages.map(function (number) { return (jsx(PageBtn, { isCurrent: pageX === number, onClick: setPage(number !== null && number !== void 0 ? number : 1), children: number }, number)); }), pageX < pageCount - 3 && pageCount > 6 && jsx(DotsWrapper, { children: "..." }), pageCount !== 1 && (jsx(PageBtn, { isCurrent: pageX === pageCount, onClick: setPage(pageCount), children: pageCount })), jsx(Btn, { disabled: pageX >= pageCount, onClick: setPage(pageX + 1), children: jsx(GoIcon, { icon: "goRight", isActive: pageX < pageCount }) })] }));
+};
+
+var Paragraph = function () { return jsx("p", { children: "paragraph" }); };
+
+var StyledProgressBar = styled.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-width: 250px;\n  height: ", ";\n  color: ", ";\n  background-color: ", ";\n  justify-content: center;\n  border: slim;\n  border-color: ", ";\n  border-radius: md;\n  overflow: hidden;\n"], ["\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-width: 250px;\n  height: ", ";\n  color: ", ";\n  background-color: ", ";\n  justify-content: center;\n  border: slim;\n  border-color: ", ";\n  border-radius: md;\n  overflow: hidden;\n"])), function (props) { return (props.variant === 'thin' ? "12px" : "35px"); }, th('colors.white'), function (props) {
     return props.status === 'finished' ? createRgba(props.theme.colors.success, 0.4) : "".concat(th('colors.red1'));
 }, function (props) { return (props.status === 'finished' ? "".concat(th('colors.success')) : "".concat(th('colors.red1'))); });
 var slide = keyframes$1(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n0%{\n  background-position-x: 0%;\n}\n100% {\n  background-position-x: 500px;\n}\n"], ["\n0%{\n  background-position-x: 0%;\n}\n100% {\n  background-position-x: 500px;\n}\n"])));
 var StyledStatusFinished = css(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"], ["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"])), function (props) { return createRgba(props.theme.colors.success, 0.4); }, function (props) { return createRgba(props.theme.colors.success, 0.4); }, th('colors.success'), th('colors.success'));
 var StyledStatusLoading = css(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"], ["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));
 var StyledStatusError = css(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"], ["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));
-styled.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: ", ";\n  height: 35px;\n  animation: ", " 20s linear infinite;\n  transition: width 500ms;\n  ", "\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: ", ";\n  height: 35px;\n  animation: ", " 20s linear infinite;\n  transition: width 500ms;\n  ", "\n"])), function (props) { return "".concat(props.progress, "%"); }, slide, function (props) {
+var Progress = styled.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: ", ";\n  height: 35px;\n  animation: ", " 20s linear infinite;\n  transition: width 500ms;\n  ", "\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: ", ";\n  height: 35px;\n  animation: ", " 20s linear infinite;\n  transition: width 500ms;\n  ", "\n"])), function (props) { return "".concat(props.progress, "%"); }, slide, function (props) {
     return props.status === 'finished' ? StyledStatusFinished : props.status === 'error' ? StyledStatusError : StyledStatusLoading;
 });
-styled.span(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n  position: relative;\n  align-self: center;\n"], ["\n  position: relative;\n  align-self: center;\n"])));
+var ProgressDescription = styled.span(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n  position: relative;\n  align-self: center;\n"], ["\n  position: relative;\n  align-self: center;\n"])));
 var templateObject_1$7, templateObject_2$7, templateObject_3$7, templateObject_4$5, templateObject_5$3, templateObject_6$3, templateObject_7$2;
 
-styled(Link$1)(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n  color: inherit;\n  cursor: pointer;\n\n  :visited {\n    color: inherit;\n  }\n  :hover {\n    color: inherit;\n  }\n  :active {\n    color: inherit;\n  }\n  :focus {\n    outline: none;\n  }\n\n  ", "\n\n  ", "\n"], ["\n  color: inherit;\n  cursor: pointer;\n\n  :visited {\n    color: inherit;\n  }\n  :hover {\n    color: inherit;\n  }\n  :active {\n    color: inherit;\n  }\n  :focus {\n    outline: none;\n  }\n\n  ", "\n\n  ", "\n"])), function (_a) {
+var ProgressBar = function (_a) {
+    var _b = _a.progress, progress = _b === void 0 ? 0 : _b, status = _a.status, errorMessage = _a.errorMessage, noText = _a.noText, variant = _a.variant;
+    if (progress > 100 || progress < 0)
+        console.warn('Progress value should be number between 0 and 100.');
+    return (jsxs(StyledProgressBar, { status: status, variant: variant, children: [jsx(Progress, { progress: progress, status: status }), !noText && jsx(ProgressDescription, { children: status === 'error' && errorMessage ? errorMessage : "".concat(progress, "%") })] }));
+};
+
+var StyledLink = styled(Link$1)(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n  color: inherit;\n  cursor: pointer;\n\n  :visited {\n    color: inherit;\n  }\n  :hover {\n    color: inherit;\n  }\n  :active {\n    color: inherit;\n  }\n  :focus {\n    outline: none;\n  }\n\n  ", "\n\n  ", "\n"], ["\n  color: inherit;\n  cursor: pointer;\n\n  :visited {\n    color: inherit;\n  }\n  :hover {\n    color: inherit;\n  }\n  :active {\n    color: inherit;\n  }\n  :focus {\n    outline: none;\n  }\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var disabled = _a.disabled;
     return disabled
         ? css(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n          pointer-events: none;\n          opacity: 0.5;\n        "], ["\n          pointer-events: none;\n          opacity: 0.5;\n        "]))) : null;
@@ -8671,7 +8904,7 @@ styled(Link$1)(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(
 });
 var templateObject_1$6, templateObject_2$6, templateObject_3$6;
 
-var Wrapper = styled(x.div)(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n  width: ", ";\n  position: relative;\n  box-sizing: border-box;\n  ", ";\n  ", ";\n"], ["\n  width: ", ";\n  position: relative;\n  box-sizing: border-box;\n  ", ";\n  ", ";\n"])), function (_a) {
+var Wrapper$2 = styled(x.div)(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n  width: ", ";\n  position: relative;\n  box-sizing: border-box;\n  ", ";\n  ", ";\n"], ["\n  width: ", ";\n  position: relative;\n  box-sizing: border-box;\n  ", ";\n  ", ";\n"])), function (_a) {
     var $marginLeft = _a.$marginLeft, $marginRight = _a.$marginRight;
     return "calc(100% - ".concat($marginLeft || '0px', " - ").concat($marginRight || '0px', ")");
 }, function (_a) {
@@ -8692,35 +8925,49 @@ var SpaceAroundWrap = function (_a) {
     var theme = useTheme();
     var themeMarginLeft = typeof spaceAround !== 'boolean' && (spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginLeft) ? th.space(spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginLeft)({ theme: theme }) : 0;
     var themeMarginRight = typeof spaceAround !== 'boolean' && (spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginRight) ? th.space(spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginRight)({ theme: theme }) : 0;
-    return (jsx(Wrapper, __assign({ "$spaceAround": spaceAround, "$spaceBetween": spaceBetween, "$marginRight": themeMarginRight, "$marginLeft": themeMarginLeft }, rest, { children: children })));
+    return (jsx(Wrapper$2, __assign({ "$spaceAround": spaceAround, "$spaceBetween": spaceBetween, "$marginRight": themeMarginRight, "$marginLeft": themeMarginLeft }, rest, { children: children })));
 };
 var templateObject_1$5, templateObject_2$5, templateObject_3$5;
 
-styled.span(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n  display: block;\n  margin-bottom: 5px;\n  line-height: 18px;\n  font-weight: 700;\n  color: ", ";\n"], ["\n  display: block;\n  margin-bottom: 5px;\n  line-height: 18px;\n  font-weight: 700;\n  color: ", ";\n"])), th('colors.blue2'));
-styled.span(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n  display: block;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: ", ";\n"], ["\n  display: block;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: ", ";\n"])), th('colors.gray1'));
-styled.div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
-styled.span(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: 15px;\n\n  svg {\n    cursor: pointer;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin-left: 15px;\n\n  svg {\n    cursor: pointer;\n  }\n"])));
+var toastTitleMap = {
+    info: 'Info',
+    success: 'Success',
+    error: 'Error',
+    warning: 'Warning',
+};
+var Title = styled.span(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n  display: block;\n  margin-bottom: 5px;\n  line-height: 18px;\n  font-weight: 700;\n  color: ", ";\n"], ["\n  display: block;\n  margin-bottom: 5px;\n  line-height: 18px;\n  font-weight: 700;\n  color: ", ";\n"])), th('colors.blue2'));
+var Text$1 = styled.span(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n  display: block;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: ", ";\n"], ["\n  display: block;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: ", ";\n"])), th('colors.gray1'));
+var ContentWrapper = styled.div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
+var CloseWrapper = styled.span(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: 15px;\n\n  svg {\n    cursor: pointer;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin-left: 15px;\n\n  svg {\n    cursor: pointer;\n  }\n"])));
+var Toast = function (_a) {
+    var closeToast = _a.closeToast, title = _a.title, text = _a.text, type = _a.type;
+    return (jsxs(ContentWrapper, { children: [jsxs("div", { children: [jsx(Title, { children: title || toastTitleMap[type] }), text && jsx(Text$1, { children: text })] }), jsx(CloseWrapper, { children: jsx("div", { onClick: closeToast, children: jsx(Icon, { icon: "close" }) }) })] }));
+};
 var templateObject_1$4, templateObject_2$4, templateObject_3$4, templateObject_4$4;
 
-styled(SpaceAroundWrap)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+var StyledSpaceAroundWrap = styled(SpaceAroundWrap)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var $labelPosition = _a.$labelPosition;
     return ($labelPosition === 'left' ? 'display: flex; align-items: center; margin-top: 1rem' : '');
 });
-styled(FieldLabel)(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+var StyledFieldLabel = styled(FieldLabel)(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var labelPosition = _a.labelPosition;
     return (labelPosition === 'left' ? 'margin-bottom: 0; margin-right: 1rem;' : '');
 });
 var disabledStyles = css(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n  opacity: 0.4;\n"], ["\n  opacity: 0.4;\n"])));
-styled.div(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n  aspect-ratio: 1 / 1;\n  width: 100%;\n  height: 100%;\n  border-radius: 7px;\n  background-color: lightGray5;\n  border: 3px solid;\n  border-color: lightGray5;\n  position: relative;\n  transition: all 100ms ease-out;\n\n  ", "\n\n  input:checked + & {\n    background-color: red1;\n    border-color: red1;\n\n    & > span {\n      transform: translate(75%, -50%);\n      background-color: white;\n    }\n  }\n"], ["\n  aspect-ratio: 1 / 1;\n  width: 100%;\n  height: 100%;\n  border-radius: 7px;\n  background-color: lightGray5;\n  border: 3px solid;\n  border-color: lightGray5;\n  position: relative;\n  transition: all 100ms ease-out;\n\n  ", "\n\n  input:checked + & {\n    background-color: red1;\n    border-color: red1;\n\n    & > span {\n      transform: translate(75%, -50%);\n      background-color: white;\n    }\n  }\n"])), function (props) { return (props.disabled ? disabledStyles : ''); });
+var StyledToggle = styled.div(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n  aspect-ratio: 1 / 1;\n  width: 100%;\n  height: 100%;\n  border-radius: 7px;\n  background-color: lightGray5;\n  border: 3px solid;\n  border-color: lightGray5;\n  position: relative;\n  transition: all 100ms ease-out;\n\n  ", "\n\n  input:checked + & {\n    background-color: red1;\n    border-color: red1;\n\n    & > span {\n      transform: translate(75%, -50%);\n      background-color: white;\n    }\n  }\n"], ["\n  aspect-ratio: 1 / 1;\n  width: 100%;\n  height: 100%;\n  border-radius: 7px;\n  background-color: lightGray5;\n  border: 3px solid;\n  border-color: lightGray5;\n  position: relative;\n  transition: all 100ms ease-out;\n\n  ", "\n\n  input:checked + & {\n    background-color: red1;\n    border-color: red1;\n\n    & > span {\n      transform: translate(75%, -50%);\n      background-color: white;\n    }\n  }\n"])), function (props) { return (props.disabled ? disabledStyles : ''); });
 var StyledDot = styled.span(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n  aspect-ratio: 1 / 1;\n  background-color: white;\n  border-radius: 50%;\n  position: absolute;\n  top: 50%;\n  left: 10%;\n  transform: translate(-20%, -50%);\n  transition: all 100ms ease-out;\n"], ["\n  aspect-ratio: 1 / 1;\n  background-color: white;\n  border-radius: 50%;\n  position: absolute;\n  top: 50%;\n  left: 10%;\n  transform: translate(-20%, -50%);\n  transition: all 100ms ease-out;\n"])));
-styled.input(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  border-radius: 7px;\n  z-index: 1;\n  margin: 0;\n\n  ", "\n"], ["\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  border-radius: 7px;\n  z-index: 1;\n  margin: 0;\n\n  ", "\n"])), function (_a) {
+var HiddenInput = styled.input(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  border-radius: 7px;\n  z-index: 1;\n  margin: 0;\n\n  ", "\n"], ["\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  border-radius: 7px;\n  z-index: 1;\n  margin: 0;\n\n  ", "\n"])), function (_a) {
     var $enabled = _a.$enabled;
     return ($enabled ? 'cursor: pointer;' : '');
 });
-styled.div(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n  position: relative;\n  border-radius: 8px;\n  overflow: hidden;\n  flex-shrink: 0;\n  &[data-appearance='primary'] {\n    width: 24px;\n    height: 14px;\n    ", " {\n      height: 10px;\n    }\n  }\n  &[data-appearance='grid'] {\n    width: 28px;\n    height: 16px;\n    ", " {\n      height: 12px;\n    }\n  }\n"], ["\n  position: relative;\n  border-radius: 8px;\n  overflow: hidden;\n  flex-shrink: 0;\n  &[data-appearance='primary'] {\n    width: 24px;\n    height: 14px;\n    ", " {\n      height: 10px;\n    }\n  }\n  &[data-appearance='grid'] {\n    width: 28px;\n    height: 16px;\n    ", " {\n      height: 12px;\n    }\n  }\n"])), StyledDot, StyledDot);
+var Wrapper$1 = styled.div(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n  position: relative;\n  border-radius: 8px;\n  overflow: hidden;\n  flex-shrink: 0;\n  &[data-appearance='primary'] {\n    width: 24px;\n    height: 14px;\n    ", " {\n      height: 10px;\n    }\n  }\n  &[data-appearance='grid'] {\n    width: 28px;\n    height: 16px;\n    ", " {\n      height: 12px;\n    }\n  }\n"], ["\n  position: relative;\n  border-radius: 8px;\n  overflow: hidden;\n  flex-shrink: 0;\n  &[data-appearance='primary'] {\n    width: 24px;\n    height: 14px;\n    ", " {\n      height: 10px;\n    }\n  }\n  &[data-appearance='grid'] {\n    width: 28px;\n    height: 16px;\n    ", " {\n      height: 12px;\n    }\n  }\n"])), StyledDot, StyledDot);
+var Toggle = function (_a) {
+    var onChange = _a.onChange, label = _a.label, name = _a.name, checked = _a.checked, defaultChecked = _a.defaultChecked, _b = _a.spaceAround, spaceAround = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'default' : _d, _e = _a.variant, variant = _e === void 0 ? 'primary' : _e, _f = _a.spaceBetween, spaceBetween = _f === void 0 ? false : _f, rest = __rest(_a, ["onChange", "label", "name", "checked", "defaultChecked", "spaceAround", "disabled", "labelPosition", "variant", "spaceBetween"]);
+    return (jsxs(StyledSpaceAroundWrap, { spaceBetween: spaceBetween, spaceAround: spaceAround, "$labelPosition": labelPosition, children: [label && (jsx(StyledFieldLabel, { htmlFor: name, labelPosition: labelPosition, children: label })), jsxs(Wrapper$1, { "data-appearance": variant, children: [jsx(HiddenInput, { name: name, type: "checkbox", checked: checked, "$enabled": !disabled, defaultChecked: defaultChecked, onChange: !disabled ? onChange : undefined, disabled: disabled, "data-cy": "".concat(name, "Switch") }), jsx(StyledToggle, __assign({ active: !!checked, disabled: disabled }, rest, { children: jsx(StyledDot, {}) }))] })] }));
+};
 var templateObject_1$3, templateObject_2$3, templateObject_3$3, templateObject_4$3, templateObject_5$2, templateObject_6$2, templateObject_7$1;
 
-var Text = function (props) { return jsx(Text$1, __assign({}, props, { fontWeight: props.variant })); };
+var Text = function (props) { return jsx(Text$3, __assign({}, props, { fontWeight: props.variant })); };
 Text.defaultProps = { fontFamily: 'primary' };
 // Paragraphs
 var Paragraph1 = function (props) { return jsx(Text, __assign({}, props, { fontWeight: props.variant })); };
@@ -8767,16 +9014,16 @@ var CheckboxWrap = styled.div(templateObject_3$2 || (templateObject_3$2 = __make
     var size = _a.size;
     return size;
 });
-var Label = styled.span(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"], ["\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"])));
+var Label$1 = styled.span(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"], ["\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"])));
 var templateObject_1$2, templateObject_2$2, templateObject_3$2, templateObject_4$2;
 
 var Checkbox = function (_a) {
     var name = _a.name, label = _a.label, onChange = _a.onChange, checked = _a.checked, defaultChecked = _a.defaultChecked, _b = _a.size, size = _b === void 0 ? 4 : _b, className = _a.className, disabled = _a.disabled, inputRef = _a.inputRef, readOnly = _a.readOnly, _c = _a.minusIcon, minusIcon = _c === void 0 ? false : _c;
     var theme = useTheme();
     var themeSize = th.fontSize(size)({ theme: theme });
-    return (jsxs(CheckboxWrap, { size: themeSize, className: className, children: [jsx("input", { type: "checkbox", ref: inputRef, name: name, checked: checked, defaultChecked: defaultChecked, disabled: disabled, onChange: onChange, value: "", readOnly: readOnly, "data-cy": name && "".concat(name, "Checkbox") }), jsx(FakeInput, { size: themeSize, children: jsx(CheckIcon, { icon: minusIcon ? 'minus' : 'check', size: themeSize }) }), label && jsx(Label, { children: label })] }));
+    return (jsxs(CheckboxWrap, { size: themeSize, className: className, children: [jsx("input", { type: "checkbox", ref: inputRef, name: name, checked: checked, defaultChecked: defaultChecked, disabled: disabled, onChange: onChange, value: "", readOnly: readOnly, "data-cy": name && "".concat(name, "Checkbox") }), jsx(FakeInput, { size: themeSize, children: jsx(CheckIcon, { icon: minusIcon ? 'minus' : 'check', size: themeSize }) }), label && jsx(Label$1, { children: label })] }));
 };
-memo(Checkbox);
+var Checkbox$1 = memo(Checkbox);
 
 var resolvePaddingRight = function (props) {
     var $icon = props.$icon, $iconPlacement = props.$iconPlacement, $isClearable = props.$isClearable, $hasSuffix = props.$hasSuffix;
@@ -8796,9 +9043,9 @@ var InputIcon = styled.div(templateObject_1$1 || (templateObject_1$1 = __makeTem
     var right = _a.right;
     return (right ? '0.5em' : 'auto');
 });
-styled.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  position: absolute;\n  top: 0.2em;\n  right: 0.5em;\n"], ["\n  position: absolute;\n  top: 0.2em;\n  right: 0.5em;\n"])));
-styled.div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  display: flex;\n  svg {\n    :hover {\n      cursor: pointer;\n      color: blue2;\n    }\n  }\n"], ["\n  display: flex;\n  svg {\n    :hover {\n      cursor: pointer;\n      color: blue2;\n    }\n  }\n"])));
-styled.input(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  ", ";\n  border: slim;\n  border-color: ", ";\n  box-sizing: border-box;\n  background-clip: padding-box;\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  padding-right: ", "em;\n  display: block;\n  width: 100%;\n  font-family: ", ";\n  font-size: 14px;\n  font-weight: medium;\n  transition: inputTransition;\n\n  ~ ", " {\n    svg {\n      stroke: lightGray3;\n    }\n  }\n\n  ::placeholder {\n    color: lightGray3;\n    opacity: 1;\n  }\n\n  :focus {\n    background-color: white;\n    border-color: blue2;\n    color: typoPrimary;\n    outline: 0;\n\n    ~ ", " {\n      svg {\n        stroke: blue2;\n      }\n    }\n  }\n  ", ";\n  :disabled,\n  :disabled:hover {\n    background-color: lightGray1;\n    border-color: lightGray3;\n    color: gray;\n  }\n\n  text-overflow: ellipsis;\n\n  -moz-appearance: textfield;\n  appearance: textfield;\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n"], ["\n  ", ";\n  border: slim;\n  border-color: ", ";\n  box-sizing: border-box;\n  background-clip: padding-box;\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  padding-right: ", "em;\n  display: block;\n  width: 100%;\n  font-family: ", ";\n  font-size: 14px;\n  font-weight: medium;\n  transition: inputTransition;\n\n  ~ ", " {\n    svg {\n      stroke: lightGray3;\n    }\n  }\n\n  ::placeholder {\n    color: lightGray3;\n    opacity: 1;\n  }\n\n  :focus {\n    background-color: white;\n    border-color: blue2;\n    color: typoPrimary;\n    outline: 0;\n\n    ~ ", " {\n      svg {\n        stroke: blue2;\n      }\n    }\n  }\n  ", ";\n  :disabled,\n  :disabled:hover {\n    background-color: lightGray1;\n    border-color: lightGray3;\n    color: gray;\n  }\n\n  text-overflow: ellipsis;\n\n  -moz-appearance: textfield;\n  appearance: textfield;\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n"])), system, function (_a) {
+var IconsController = styled.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  position: absolute;\n  top: 0.2em;\n  right: 0.5em;\n"], ["\n  position: absolute;\n  top: 0.2em;\n  right: 0.5em;\n"])));
+var IconWrapper = styled.div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  display: flex;\n  svg {\n    :hover {\n      cursor: pointer;\n      color: blue2;\n    }\n  }\n"], ["\n  display: flex;\n  svg {\n    :hover {\n      cursor: pointer;\n      color: blue2;\n    }\n  }\n"])));
+var StyledInput = styled.input(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n  ", ";\n  border: slim;\n  border-color: ", ";\n  box-sizing: border-box;\n  background-clip: padding-box;\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  padding-right: ", "em;\n  display: block;\n  width: 100%;\n  font-family: ", ";\n  font-size: 14px;\n  font-weight: medium;\n  transition: inputTransition;\n\n  ~ ", " {\n    svg {\n      stroke: lightGray3;\n    }\n  }\n\n  ::placeholder {\n    color: lightGray3;\n    opacity: 1;\n  }\n\n  :focus {\n    background-color: white;\n    border-color: blue2;\n    color: typoPrimary;\n    outline: 0;\n\n    ~ ", " {\n      svg {\n        stroke: blue2;\n      }\n    }\n  }\n  ", ";\n  :disabled,\n  :disabled:hover {\n    background-color: lightGray1;\n    border-color: lightGray3;\n    color: gray;\n  }\n\n  text-overflow: ellipsis;\n\n  -moz-appearance: textfield;\n  appearance: textfield;\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n"], ["\n  ", ";\n  border: slim;\n  border-color: ", ";\n  box-sizing: border-box;\n  background-clip: padding-box;\n  padding-top: 0.5em;\n  padding-bottom: 0.5em;\n  padding-right: ", "em;\n  display: block;\n  width: 100%;\n  font-family: ", ";\n  font-size: 14px;\n  font-weight: medium;\n  transition: inputTransition;\n\n  ~ ", " {\n    svg {\n      stroke: lightGray3;\n    }\n  }\n\n  ::placeholder {\n    color: lightGray3;\n    opacity: 1;\n  }\n\n  :focus {\n    background-color: white;\n    border-color: blue2;\n    color: typoPrimary;\n    outline: 0;\n\n    ~ ", " {\n      svg {\n        stroke: blue2;\n      }\n    }\n  }\n  ", ";\n  :disabled,\n  :disabled:hover {\n    background-color: lightGray1;\n    border-color: lightGray3;\n    color: gray;\n  }\n\n  text-overflow: ellipsis;\n\n  -moz-appearance: textfield;\n  appearance: textfield;\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n  }\n"])), system, function (_a) {
     var $isInvalid = _a.$isInvalid;
     return ($isInvalid ? th.color('red1') : th.color('lightGray6'));
 }, function (props) { return resolvePaddingRight(props); }, th('fonts.primary'), InputIcon, InputIcon, function (_a) {
@@ -8806,13 +9053,13 @@ styled.input(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["
     return big
         ? css(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n          font-size: 30px;\n          color: gray;\n          font-weight: semiBold;\n          padding: 0 0.5rem 0 1.25rem;\n        "], ["\n          font-size: 30px;\n          color: gray;\n          font-weight: semiBold;\n          padding: 0 0.5rem 0 1.25rem;\n        "]))) : '';
 });
-styled.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 14px;\n  font-weight: 700;\n  height: 100%;\n  width: 40px;\n  padding: 2;\n  color: typoPrimary;\n  font-family: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  border: slim;\n  border-top-right-radius: lg;\n  border-bottom-right-radius: lg;\n  border-left: none;\n\n  ", ";\n\n  input:focus ~ & {\n    border-color: blue2;\n  }\n"], ["\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 14px;\n  font-weight: 700;\n  height: 100%;\n  width: 40px;\n  padding: 2;\n  color: typoPrimary;\n  font-family: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  border: slim;\n  border-top-right-radius: lg;\n  border-bottom-right-radius: lg;\n  border-left: none;\n\n  ", ";\n\n  input:focus ~ & {\n    border-color: blue2;\n  }\n"])), th('fonts.primary'), function (_a) {
+var InputWrap = styled.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var Suffix = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 14px;\n  font-weight: 700;\n  height: 100%;\n  width: 40px;\n  padding: 2;\n  color: typoPrimary;\n  font-family: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  border: slim;\n  border-top-right-radius: lg;\n  border-bottom-right-radius: lg;\n  border-left: none;\n\n  ", ";\n\n  input:focus ~ & {\n    border-color: blue2;\n  }\n"], ["\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 14px;\n  font-weight: 700;\n  height: 100%;\n  width: 40px;\n  padding: 2;\n  color: typoPrimary;\n  font-family: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  border: slim;\n  border-top-right-radius: lg;\n  border-bottom-right-radius: lg;\n  border-left: none;\n\n  ", ";\n\n  input:focus ~ & {\n    border-color: blue2;\n  }\n"])), th('fonts.primary'), function (_a) {
     var $isPointer = _a.$isPointer;
     return $isPointer
         ? css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n          cursor: pointer;\n        "], ["\n          cursor: pointer;\n        "]))) : '';
 });
-styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: relative;\n  color: ", ";\n  & > * {\n    border-color: ", ";\n    color: ", ";\n  }\n  :hover > * {\n    border-color: ", ";\n  }\n  &:focus-within {\n    color: typoPrimary;\n  }\n  .primary {\n    line-height: 0;\n    height: 38px;\n    border-radius: lg;\n    ~ ", " {\n      top: 10px;\n    }\n  }\n  .grid {\n    line-height: 1.2px;\n    border-radius: md;\n    ~ ", " {\n      top: 7px;\n    }\n  }\n  .left {\n    padding-left: ", ";\n  }\n  .right {\n    padding-right: 1.4em;\n    padding-left: 1em;\n  }\n"], ["\n  position: relative;\n  color: ", ";\n  & > * {\n    border-color: ", ";\n    color: ", ";\n  }\n  :hover > * {\n    border-color: ", ";\n  }\n  &:focus-within {\n    color: typoPrimary;\n  }\n  .primary {\n    line-height: 0;\n    height: 38px;\n    border-radius: lg;\n    ~ ", " {\n      top: 10px;\n    }\n  }\n  .grid {\n    line-height: 1.2px;\n    border-radius: md;\n    ~ ", " {\n      top: 7px;\n    }\n  }\n  .left {\n    padding-left: ", ";\n  }\n  .right {\n    padding-right: 1.4em;\n    padding-left: 1em;\n  }\n"])), function (_a) {
+var InputRow = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: relative;\n  color: ", ";\n  & > * {\n    border-color: ", ";\n    color: ", ";\n  }\n  :hover > * {\n    border-color: ", ";\n  }\n  &:focus-within {\n    color: typoPrimary;\n  }\n  .primary {\n    line-height: 0;\n    height: 38px;\n    border-radius: lg;\n    ~ ", " {\n      top: 10px;\n    }\n  }\n  .grid {\n    line-height: 1.2px;\n    border-radius: md;\n    ~ ", " {\n      top: 7px;\n    }\n  }\n  .left {\n    padding-left: ", ";\n  }\n  .right {\n    padding-right: 1.4em;\n    padding-left: 1em;\n  }\n"], ["\n  position: relative;\n  color: ", ";\n  & > * {\n    border-color: ", ";\n    color: ", ";\n  }\n  :hover > * {\n    border-color: ", ";\n  }\n  &:focus-within {\n    color: typoPrimary;\n  }\n  .primary {\n    line-height: 0;\n    height: 38px;\n    border-radius: lg;\n    ~ ", " {\n      top: 10px;\n    }\n  }\n  .grid {\n    line-height: 1.2px;\n    border-radius: md;\n    ~ ", " {\n      top: 7px;\n    }\n  }\n  .left {\n    padding-left: ", ";\n  }\n  .right {\n    padding-right: 1.4em;\n    padding-left: 1em;\n  }\n"])), function (_a) {
     var $isInvalid = _a.$isInvalid;
     return ($isInvalid ? th.color('red1') : th.color('gray'));
 }, function (_a) {
@@ -8828,19 +9075,55 @@ styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  po
     var $icon = _a.$icon;
     return ($icon ? '3em' : '1em');
 });
-styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  span {\n    display: none;\n    position: absolute;\n    width: 120px;\n    background-color: white;\n    color: red1;\n    border-color: red1;\n    border: 1px solid;\n    text-align: center;\n    border-radius: lg;\n    padding: 1 3;\n    margin: 1;\n    z-index: 1;\n    transition: opacity 0.3s;\n    top: 0;\n    left: 100%;\n    margin-left: 2;\n    box-shadow: tooltipBoxShadow;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 0px;\n      right: 100%;\n      border: mediumThick;\n      border-color: transparent ", " transparent transparent;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    span {\n      display: block;\n    }\n  }\n"], ["\n  span {\n    display: none;\n    position: absolute;\n    width: 120px;\n    background-color: white;\n    color: red1;\n    border-color: red1;\n    border: 1px solid;\n    text-align: center;\n    border-radius: lg;\n    padding: 1 3;\n    margin: 1;\n    z-index: 1;\n    transition: opacity 0.3s;\n    top: 0;\n    left: 100%;\n    margin-left: 2;\n    box-shadow: tooltipBoxShadow;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 0px;\n      right: 100%;\n      border: mediumThick;\n      border-color: transparent ", " transparent transparent;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    span {\n      display: block;\n    }\n  }\n"])), th.color('red1'));
+var Tooltip = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  span {\n    display: none;\n    position: absolute;\n    width: 120px;\n    background-color: white;\n    color: red1;\n    border-color: red1;\n    border: 1px solid;\n    text-align: center;\n    border-radius: lg;\n    padding: 1 3;\n    margin: 1;\n    z-index: 1;\n    transition: opacity 0.3s;\n    top: 0;\n    left: 100%;\n    margin-left: 2;\n    box-shadow: tooltipBoxShadow;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 0px;\n      right: 100%;\n      border: mediumThick;\n      border-color: transparent ", " transparent transparent;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    span {\n      display: block;\n    }\n  }\n"], ["\n  span {\n    display: none;\n    position: absolute;\n    width: 120px;\n    background-color: white;\n    color: red1;\n    border-color: red1;\n    border: 1px solid;\n    text-align: center;\n    border-radius: lg;\n    padding: 1 3;\n    margin: 1;\n    z-index: 1;\n    transition: opacity 0.3s;\n    top: 0;\n    left: 100%;\n    margin-left: 2;\n    box-shadow: tooltipBoxShadow;\n\n    :after {\n      content: '';\n      position: absolute;\n      top: 0px;\n      right: 100%;\n      border: mediumThick;\n      border-color: transparent ", " transparent transparent;\n    }\n  }\n\n  :hover {\n    cursor: pointer;\n    span {\n      display: block;\n    }\n  }\n"])), th.color('red1'));
 var templateObject_1$1, templateObject_2$1, templateObject_3$1, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
 
-styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: auto;\n  width: auto;\n  box-sizing: border-box;\n"], ["\n  display: flex;\n  align-items: center;\n  height: auto;\n  width: auto;\n  box-sizing: border-box;\n"])));
-styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  width: 18px;\n  height: 18px;\n  & > span > span {\n    width: 10px;\n    height: 10px;\n  }\n  & > * {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n"], ["\n  display: flex;\n  position: relative;\n  width: 18px;\n  height: 18px;\n  & > span > span {\n    width: 10px;\n    height: 10px;\n  }\n  & > * {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n"])));
-styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-radius: 50%;\n  background-color: white;\n  border: 1.5px solid;\n  border-color: lightGray5;\n  pointer-events: none;\n  cursor: pointer;\n  position: relative;\n\n  & span {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    box-sizing: border-box;\n    border-radius: 50%;\n    transition: opacity 100ms ease-out;\n    background-color: white;\n  }\n\n  input[type='radio']:checked + & {\n    border-color: red1;\n  }\n\n  input[type='radio']:disabled + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:not(:disabled):not(:checked):hover + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\n  input[type='radio']:checked:disabled + & > span {\n    background-color: gray1;\n  }\n\n  input[type='radio']:checked + & > span {\n    background-color: red1;\n  }\n"], ["\n  border-radius: 50%;\n  background-color: white;\n  border: 1.5px solid;\n  border-color: lightGray5;\n  pointer-events: none;\n  cursor: pointer;\n  position: relative;\n\n  & span {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    box-sizing: border-box;\n    border-radius: 50%;\n    transition: opacity 100ms ease-out;\n    background-color: white;\n  }\n\n  input[type='radio']:checked + & {\n    border-color: red1;\n  }\n\n  input[type='radio']:disabled + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:not(:disabled):not(:checked):hover + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\n  input[type='radio']:checked:disabled + & > span {\n    background-color: gray1;\n  }\n\n  input[type='radio']:checked + & > span {\n    background-color: red1;\n  }\n"])));
-styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 10px;\n  height: 10px;\n"], ["\n  width: 10px;\n  height: 10px;\n"])));
-styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  opacity: 0;\n  border-radius: 50%;\n  width: 18px;\n  height: 18px;\n  cursor: ", ";\n  margin: 0;\n"], ["\n  opacity: 0;\n  border-radius: 50%;\n  width: 18px;\n  height: 18px;\n  cursor: ", ";\n  margin: 0;\n"])), function (_a) {
+var Input = function (_a) {
+    var _b = _a.appearance, appearance = _b === void 0 ? 'primary' : _b, type = _a.type, name = _a.name, label = _a.label, value = _a.value, icon = _a.icon, disabled = _a.disabled, error = _a.error, _c = _a.isInvalid, isInvalid = _c === void 0 ? undefined : _c, _d = _a.spaceAround, spaceAround = _d === void 0 ? false : _d, inputRef = _a.inputRef, autoComplete = _a.autoComplete, isLoading = _a.isLoading, className = _a.className, suffix = _a.suffix, suffixOnClick = _a.suffixOnClick, errorAppearance = _a.errorAppearance, _e = _a.iconPlacement, iconPlacement = _e === void 0 ? 'left' : _e, iconOnClick = _a.iconOnClick, iconTooltip = _a.iconTooltip, big = _a.big, _f = _a.showArrowsController, showArrowsController = _f === void 0 ? false : _f, onClear = _a.onClear, alwaysShowClear = _a.alwaysShowClear, setNumber = _a.setNumber, onEnter = _a.onEnter, _g = _a.forceFocus, forceFocus = _g === void 0 ? false : _g, _h = _a.autoFocus, autoFocus = _h === void 0 ? false : _h, onBlur = _a.onBlur, rest = __rest(_a, ["appearance", "type", "name", "label", "value", "icon", "disabled", "error", "isInvalid", "spaceAround", "inputRef", "autoComplete", "isLoading", "className", "suffix", "suffixOnClick", "errorAppearance", "iconPlacement", "iconOnClick", "iconTooltip", "big", "showArrowsController", "onClear", "alwaysShowClear", "setNumber", "onEnter", "forceFocus", "autoFocus", "onBlur"]);
+    var $isInvalid = isInvalid !== undefined ? isInvalid : !!error;
+    var $isClearable = !!onClear && (!!value || alwaysShowClear) && !disabled && !isLoading;
+    var $hasSuffix = !!suffix;
+    var checkIconPlacement = showArrowsController ? 'left' : iconPlacement;
+    var onAddItem = useCallback(function () { return setNumber && setNumber(function (base) { return base + 1; }); }, [setNumber]);
+    var onRemoveItem = useCallback(function () {
+        setNumber && setNumber(function (base) { return (base > 1 ? base - 1 : 1); });
+    }, [setNumber]);
+    var internalRef = useRef();
+    var ref = (inputRef || internalRef);
+    useEffect(function () {
+        var _a;
+        forceFocus && !disabled && !isLoading && ((_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.focus());
+    }, [disabled, forceFocus, isLoading]);
+    var handleBlur = useCallback(function (event) {
+        var _a, _b, _c, _d, _e;
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+        if (forceFocus && ((_b = (_a = event.relatedTarget) === null || _a === void 0 ? void 0 : _a.tagName) === null || _b === void 0 ? void 0 : _b.toLowerCase()) !== 'input' || ((_d = (_c = event.relatedTarget) === null || _c === void 0 ? void 0 : _c.type) === null || _d === void 0 ? void 0 : _d.toLowerCase()) !== 'text') {
+            (_e = event.target) === null || _e === void 0 ? void 0 : _e.focus();
+        }
+    }, [forceFocus, onBlur]);
+    var handleKeyDown = useCallback(function (event) {
+        if (event.key === 'Enter') {
+            onEnter === null || onEnter === void 0 ? void 0 : onEnter();
+        }
+    }, [onEnter]);
+    return (jsxs(SpaceAroundWrap, { spaceAround: spaceAround, className: className, children: [jsxs(InputWrap, { children: [label && (jsx(FieldLabel, { htmlFor: name, "$isInvalid": $isInvalid, children: label })), jsxs(InputRow, { hasValue: !!value, "$isInvalid": $isInvalid, disabled: !!disabled, "$icon": icon, children: [jsx(StyledInput, __assign({ autoFocus: autoFocus, className: "".concat(appearance, " ").concat(checkIconPlacement), type: type, name: name, "data-cy": "".concat(name, "Inp"), value: value, "$isInvalid": $isInvalid, "$isClearable": $isClearable, "$hasSuffix": $hasSuffix, disabled: disabled || isLoading, ref: ref, autoComplete: autoComplete, onKeyDown: handleKeyDown, big: big, onBlur: handleBlur }, rest)), icon && (jsx(InputIcon, { right: showArrowsController ? false : iconPlacement === 'right', onClick: iconOnClick, children: jsxs(Tooltip, { children: [jsx(Icon, { icon: icon }), iconTooltip && jsx("span", { children: iconTooltip })] }) })), showArrowsController && (jsxs(IconsController, { children: [jsx(IconWrapper, { onClick: onAddItem, children: jsx(Icon, { icon: "goUp", fill: "gray1" }) }), jsx(IconWrapper, { onClick: onRemoveItem, children: jsx(Icon, { icon: "goDown", fill: "gray1" }) })] })), $isClearable && (jsx(InputIcon, { right: true, onClick: onClear, children: jsx(Icon, { icon: "deleteX", size: "16px", fill: "lightGray3" }) })), suffix && (jsx(Suffix, { onClick: suffixOnClick, "$isPointer": !!suffixOnClick, "$isInvalid": $isInvalid, children: suffix })), isLoading && (jsx(InputIcon, { right: true, children: jsx(Spinner, { variant: "sm" }) }))] })] }), error && jsx(ErrorMessage, { appearance: errorAppearance, children: error })] }));
+};
+
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: auto;\n  width: auto;\n  box-sizing: border-box;\n"], ["\n  display: flex;\n  align-items: center;\n  height: auto;\n  width: auto;\n  box-sizing: border-box;\n"])));
+var Item = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  width: 18px;\n  height: 18px;\n  & > span > span {\n    width: 10px;\n    height: 10px;\n  }\n  & > * {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n"], ["\n  display: flex;\n  position: relative;\n  width: 18px;\n  height: 18px;\n  & > span > span {\n    width: 10px;\n    height: 10px;\n  }\n  & > * {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n  }\n"])));
+var PaintoverLayer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-radius: 50%;\n  background-color: white;\n  border: 1.5px solid;\n  border-color: lightGray5;\n  pointer-events: none;\n  cursor: pointer;\n  position: relative;\n\n  & span {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    box-sizing: border-box;\n    border-radius: 50%;\n    transition: opacity 100ms ease-out;\n    background-color: white;\n  }\n\n  input[type='radio']:checked + & {\n    border-color: red1;\n  }\n\n  input[type='radio']:disabled + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:not(:disabled):not(:checked):hover + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\n  input[type='radio']:checked:disabled + & > span {\n    background-color: gray1;\n  }\n\n  input[type='radio']:checked + & > span {\n    background-color: red1;\n  }\n"], ["\n  border-radius: 50%;\n  background-color: white;\n  border: 1.5px solid;\n  border-color: lightGray5;\n  pointer-events: none;\n  cursor: pointer;\n  position: relative;\n\n  & span {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    box-sizing: border-box;\n    border-radius: 50%;\n    transition: opacity 100ms ease-out;\n    background-color: white;\n  }\n\n  input[type='radio']:checked + & {\n    border-color: red1;\n  }\n\n  input[type='radio']:disabled + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:not(:disabled):not(:checked):hover + & {\n    border-color: gray1;\n  }\n\n  input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\n  input[type='radio']:checked:disabled + & > span {\n    background-color: gray1;\n  }\n\n  input[type='radio']:checked + & > span {\n    background-color: red1;\n  }\n"])));
+var CenterDot = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 10px;\n  height: 10px;\n"], ["\n  width: 10px;\n  height: 10px;\n"])));
+var StyledRadio = styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  opacity: 0;\n  border-radius: 50%;\n  width: 18px;\n  height: 18px;\n  cursor: ", ";\n  margin: 0;\n"], ["\n  opacity: 0;\n  border-radius: 50%;\n  width: 18px;\n  height: 18px;\n  cursor: ", ";\n  margin: 0;\n"])), function (_a) {
     var disabled = _a.disabled;
     return (disabled ? 'default' : 'pointer');
 });
-styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"], ["\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"])));
+var Label = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"], ["\n  margin: 0;\n  margin-left: 8px;\n  font-size: 14px;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 
-export { Card, CardBody, CardImage, CornerDialog, FieldLabel, FlagCZ, FlagUSA, H1, H2, H3, H4, H5, H6, H7, ImageList, Label$1 as Label, LightBox, Modal, Paragraph1, Paragraph2, Paragraph3, Paragraph4, Paragraph5, Spinner, Tabs, Text, iconDictionary, palletes, themes, useClickOutside, useLightBox, useModal, useTabs };
+var RadioButton = function (_a) {
+    var label = _a.label, id = _a.id, name = _a.name, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onChange = _a.onChange, rest = __rest(_a, ["label", "id", "name", "disabled", "onChange"]);
+    return (jsxs(Wrapper, { children: [jsxs(Item, { children: [jsx(StyledRadio, __assign({ type: "radio", id: id, name: name, disabled: disabled, onChange: onChange }, rest)), jsx(PaintoverLayer, { disabled: disabled, children: jsx(CenterDot, {}) })] }), label && jsx(Label, { children: label })] }));
+};
+
+export { Alert, Avatar, Badge, BorderedBox, Button, Card, CardBody, CardImage, Checkbox$1 as Checkbox, CornerDialog, Dropdown, ErrorMessage, FieldLabel, FlagCZ, FlagUSA, H1, H2, H3, H4, H5, H6, H7, Icon, Image, ImageList, Input, OnKeyPress as KeyPress, Label$2 as Label, LightBox, Line, Link, Logo, Modal, Pagination, Paragraph, Paragraph1, Paragraph2, Paragraph3, Paragraph4, Paragraph5, Portal, ProgressBar, RadioButton, StyledLink as SimpleLink, SpaceAroundWrap, Spinner, Tabs, Tag, Text, MailstepThemeProvider as ThemeProvider, Toast, Toggle, createRgba, iconDictionary, palletes, themes, useClickOutside, useLightBox, useModal, useTabs };
 //# sourceMappingURL=index.es.js.map