@mailstep/design-system 0.1.0 → 0.1.2

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 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,27 +1843,27 @@ var _root = root$c;
 var root$b = _root;
 
 /** Built-in value references. */
-var Symbol$6 = root$b.Symbol;
+var Symbol$7 = root$b.Symbol;
 
-var _Symbol = Symbol$6;
+var _Symbol = Symbol$7;
 
-var Symbol$5 = _Symbol;
+var Symbol$6 = _Symbol;
 
 /** Used for built-in method references. */
-var objectProto$h = Object.prototype;
+var objectProto$f = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$e = objectProto$h.hasOwnProperty;
+var hasOwnProperty$c = objectProto$f.hasOwnProperty;
 
 /**
  * Used to resolve the
  * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
  * of values.
  */
-var nativeObjectToString$1 = objectProto$h.toString;
+var nativeObjectToString$1 = objectProto$f.toString;
 
 /** Built-in value references. */
-var symToStringTag$1 = Symbol$5 ? Symbol$5.toStringTag : undefined;
+var symToStringTag$1 = Symbol$6 ? Symbol$6.toStringTag : undefined;
 
 /**
  * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
@@ -1868,7 +1873,7 @@ var symToStringTag$1 = Symbol$5 ? Symbol$5.toStringTag : undefined;
  * @returns {string} Returns the raw `toStringTag`.
  */
 function getRawTag$1(value) {
-  var isOwn = hasOwnProperty$e.call(value, symToStringTag$1),
+  var isOwn = hasOwnProperty$c.call(value, symToStringTag$1),
       tag = value[symToStringTag$1];
 
   try {
@@ -1891,14 +1896,14 @@ var _getRawTag = getRawTag$1;
 
 /** Used for built-in method references. */
 
-var objectProto$g = Object.prototype;
+var objectProto$e = Object.prototype;
 
 /**
  * Used to resolve the
  * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
  * of values.
  */
-var nativeObjectToString = objectProto$g.toString;
+var nativeObjectToString = objectProto$e.toString;
 
 /**
  * Converts `value` to a string using `Object.prototype.toString`.
@@ -1913,7 +1918,7 @@ function objectToString$1(value) {
 
 var _objectToString = objectToString$1;
 
-var Symbol$4 = _Symbol,
+var Symbol$5 = _Symbol,
     getRawTag = _getRawTag,
     objectToString = _objectToString;
 
@@ -1922,7 +1927,7 @@ var nullTag = '[object Null]',
     undefinedTag = '[object Undefined]';
 
 /** Built-in value references. */
-var symToStringTag = Symbol$4 ? Symbol$4.toStringTag : undefined;
+var symToStringTag = Symbol$5 ? Symbol$5.toStringTag : undefined;
 
 /**
  * The base implementation of `getTag` without fallbacks for buggy environments.
@@ -1931,7 +1936,7 @@ var symToStringTag = Symbol$4 ? Symbol$4.toStringTag : undefined;
  * @param {*} value The value to query.
  * @returns {string} Returns the `toStringTag`.
  */
-function baseGetTag$6(value) {
+function baseGetTag$7(value) {
   if (value == null) {
     return value === undefined ? undefinedTag : nullTag;
   }
@@ -1940,7 +1945,7 @@ function baseGetTag$6(value) {
     : objectToString(value);
 }
 
-var _baseGetTag = baseGetTag$6;
+var _baseGetTag = baseGetTag$7;
 
 /**
  * Checks if `value` is the
@@ -1975,7 +1980,7 @@ function isObject$8(value) {
 
 var isObject_1 = isObject$8;
 
-var baseGetTag$5 = _baseGetTag,
+var baseGetTag$6 = _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$5(value);
+  var tag = baseGetTag$6(value);
   return tag == funcTag$2 || tag == genTag$1 || tag == asyncTag || tag == proxyTag;
 }
 
@@ -2085,17 +2090,17 @@ var reIsHostCtor = /^\[object .+?Constructor\]$/;
 
 /** Used for built-in method references. */
 var funcProto$1 = Function.prototype,
-    objectProto$f = Object.prototype;
+    objectProto$d = Object.prototype;
 
 /** Used to resolve the decompiled source of functions. */
 var funcToString$1 = funcProto$1.toString;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$d = objectProto$f.hasOwnProperty;
+var hasOwnProperty$b = objectProto$d.hasOwnProperty;
 
 /** Used to detect if a method is native. */
 var reIsNative = RegExp('^' +
-  funcToString$1.call(hasOwnProperty$d).replace(reRegExpChar, '\\$&')
+  funcToString$1.call(hasOwnProperty$b).replace(reRegExpChar, '\\$&')
   .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
 );
 
@@ -2143,18 +2148,18 @@ var baseIsNative = _baseIsNative,
  * @param {string} key The key of the method to get.
  * @returns {*} Returns the function if it's native, else `undefined`.
  */
-function getNative$7(object, key) {
+function getNative$6(object, key) {
   var value = getValue(object, key);
   return baseIsNative(value) ? value : undefined;
 }
 
-var _getNative = getNative$7;
+var _getNative = getNative$6;
 
-var getNative$6 = _getNative,
+var getNative$5 = _getNative,
     root$9 = _root;
 
 /* Built-in method references that are verified to be native. */
-var WeakMap$2 = getNative$6(root$9, 'WeakMap');
+var WeakMap$2 = getNative$5(root$9, 'WeakMap');
 
 var _WeakMap = WeakMap$2;
 
@@ -2496,10 +2501,10 @@ var _realNames = realNames$1;
 var realNames = _realNames;
 
 /** Used for built-in method references. */
-var objectProto$e = Object.prototype;
+var objectProto$c = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$c = objectProto$e.hasOwnProperty;
+var hasOwnProperty$a = objectProto$c.hasOwnProperty;
 
 /**
  * Gets the name of `func`.
@@ -2511,7 +2516,7 @@ var hasOwnProperty$c = objectProto$e.hasOwnProperty;
 function getFuncName$1(func) {
   var result = (func.name + ''),
       array = realNames[result],
-      length = hasOwnProperty$c.call(realNames, result) ? array.length : 0;
+      length = hasOwnProperty$a.call(realNames, result) ? array.length : 0;
 
   while (length--) {
     var data = array[length],
@@ -2572,9 +2577,9 @@ var _LodashWrapper = LodashWrapper$2;
  * // => false
  */
 
-var isArray$9 = Array.isArray;
+var isArray$a = Array.isArray;
 
-var isArray_1 = isArray$9;
+var isArray_1 = isArray$a;
 
 /**
  * Checks if `value` is object-like. A value is object-like if it's not `null`
@@ -2601,11 +2606,11 @@ var isArray_1 = isArray$9;
  * // => false
  */
 
-function isObjectLike$a(value) {
+function isObjectLike$b(value) {
   return value != null && typeof value == 'object';
 }
 
-var isObjectLike_1 = isObjectLike$a;
+var isObjectLike_1 = isObjectLike$b;
 
 /**
  * Copies the values of `source` to `array`.
@@ -2656,15 +2661,15 @@ var _wrapperClone = wrapperClone$1;
 var LazyWrapper$1 = _LazyWrapper,
     LodashWrapper = _LodashWrapper,
     baseLodash = _baseLodash,
-    isArray$8 = isArray_1,
-    isObjectLike$9 = isObjectLike_1,
+    isArray$9 = isArray_1,
+    isObjectLike$a = isObjectLike_1,
     wrapperClone = _wrapperClone;
 
 /** Used for built-in method references. */
-var objectProto$d = Object.prototype;
+var objectProto$b = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$b = objectProto$d.hasOwnProperty;
+var hasOwnProperty$9 = objectProto$b.hasOwnProperty;
 
 /**
  * Creates a `lodash` object which wraps `value` to enable implicit method
@@ -2784,11 +2789,11 @@ var hasOwnProperty$b = objectProto$d.hasOwnProperty;
  * // => true
  */
 function lodash$1(value) {
-  if (isObjectLike$9(value) && !isArray$8(value) && !(value instanceof LazyWrapper$1)) {
+  if (isObjectLike$a(value) && !isArray$9(value) && !(value instanceof LazyWrapper$1)) {
     if (value instanceof LodashWrapper) {
       return value;
     }
-    if (hasOwnProperty$b.call(value, '__wrapped__')) {
+    if (hasOwnProperty$9.call(value, '__wrapped__')) {
       return wrapperClone(value);
     }
   }
@@ -2962,11 +2967,11 @@ function constant$1(value) {
 
 var constant_1 = constant$1;
 
-var getNative$5 = _getNative;
+var getNative$4 = _getNative;
 
 var defineProperty$2 = (function() {
   try {
-    var func = getNative$5(Object, 'defineProperty');
+    var func = getNative$4(Object, 'defineProperty');
     func({}, '', {});
     return func;
   } catch (e) {}
@@ -3685,47 +3690,39 @@ function baseTrim$1(string) {
 
 var _baseTrim = baseTrim$1;
 
-var isSymbol_1;
-var hasRequiredIsSymbol;
-
-function requireIsSymbol () {
-	if (hasRequiredIsSymbol) return isSymbol_1;
-	hasRequiredIsSymbol = 1;
-	var baseGetTag = _baseGetTag,
-	    isObjectLike = isObjectLike_1;
-
-	/** `Object#toString` result references. */
-	var symbolTag = '[object Symbol]';
+var baseGetTag$5 = _baseGetTag,
+    isObjectLike$9 = 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(value) {
-	  return typeof value == 'symbol' ||
-	    (isObjectLike(value) && baseGetTag(value) == symbolTag);
-	}
+/** `Object#toString` result references. */
+var symbolTag$3 = '[object Symbol]';
 
-	isSymbol_1 = isSymbol;
-	return isSymbol_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);
 }
 
+var isSymbol_1 = isSymbol$3;
+
 var baseTrim = _baseTrim,
     isObject$3 = isObject_1,
-    isSymbol$1 = requireIsSymbol();
+    isSymbol$2 = isSymbol_1;
 
 /** Used as references for various `Number` constants. */
 var NAN = 0 / 0;
@@ -3769,7 +3766,7 @@ function toNumber$1(value) {
   if (typeof value == 'number') {
     return value;
   }
-  if (isSymbol$1(value)) {
+  if (isSymbol$2(value)) {
     return NAN;
   }
   if (isObject$3(value)) {
@@ -3791,7 +3788,7 @@ var toNumber_1 = toNumber$1;
 var toNumber = toNumber_1;
 
 /** Used as references for various `Number` constants. */
-var INFINITY = 1 / 0,
+var INFINITY$1 = 1 / 0,
     MAX_INTEGER = 1.7976931348623157e+308;
 
 /**
@@ -3822,7 +3819,7 @@ function toFinite$1(value) {
     return value === 0 ? value : 0;
   }
   value = toNumber(value);
-  if (value === INFINITY || value === -INFINITY) {
+  if (value === INFINITY$1 || value === -INFINITY$1) {
     var sign = (value < 0 ? -1 : 1);
     return sign * MAX_INTEGER;
   }
@@ -4074,10 +4071,10 @@ var baseAssignValue$1 = _baseAssignValue,
     eq$2 = eq_1;
 
 /** Used for built-in method references. */
-var objectProto$c = Object.prototype;
+var objectProto$a = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$a = objectProto$c.hasOwnProperty;
+var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
 
 /**
  * Assigns `value` to `key` of `object` if the existing value is not equivalent
@@ -4091,7 +4088,7 @@ var hasOwnProperty$a = objectProto$c.hasOwnProperty;
  */
 function assignValue$2(object, key, value) {
   var objValue = object[key];
-  if (!(hasOwnProperty$a.call(object, key) && eq$2(objValue, value)) ||
+  if (!(hasOwnProperty$8.call(object, key) && eq$2(objValue, value)) ||
       (value === undefined && !(key in object))) {
     baseAssignValue$1(object, key, value);
   }
@@ -4185,13 +4182,13 @@ var baseIsArguments = _baseIsArguments,
     isObjectLike$7 = isObjectLike_1;
 
 /** Used for built-in method references. */
-var objectProto$b = Object.prototype;
+var objectProto$9 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$9 = objectProto$b.hasOwnProperty;
+var hasOwnProperty$7 = objectProto$9.hasOwnProperty;
 
 /** Built-in value references. */
-var propertyIsEnumerable$1 = objectProto$b.propertyIsEnumerable;
+var propertyIsEnumerable$1 = objectProto$9.propertyIsEnumerable;
 
 /**
  * Checks if `value` is likely an `arguments` object.
@@ -4212,7 +4209,7 @@ var propertyIsEnumerable$1 = objectProto$b.propertyIsEnumerable;
  * // => false
  */
 var isArguments$3 = baseIsArguments(function() { return arguments; }()) ? baseIsArguments : function(value) {
-  return isObjectLike$7(value) && hasOwnProperty$9.call(value, 'callee') &&
+  return isObjectLike$7(value) && hasOwnProperty$7.call(value, 'callee') &&
     !propertyIsEnumerable$1.call(value, 'callee');
 };
 
@@ -4468,16 +4465,16 @@ var isTypedArray_1 = isTypedArray$2;
 
 var baseTimes = _baseTimes,
     isArguments$2 = isArguments_1,
-    isArray$7 = isArray_1,
+    isArray$8 = isArray_1,
     isBuffer$2 = isBufferExports,
     isIndex$1 = _isIndex,
     isTypedArray$1 = isTypedArray_1;
 
 /** Used for built-in method references. */
-var objectProto$a = Object.prototype;
+var objectProto$8 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
+var hasOwnProperty$6 = objectProto$8.hasOwnProperty;
 
 /**
  * Creates an array of the enumerable property names of the array-like `value`.
@@ -4488,7 +4485,7 @@ var hasOwnProperty$8 = objectProto$a.hasOwnProperty;
  * @returns {Array} Returns the array of property names.
  */
 function arrayLikeKeys$2(value, inherited) {
-  var isArr = isArray$7(value),
+  var isArr = isArray$8(value),
       isArg = !isArr && isArguments$2(value),
       isBuff = !isArr && !isArg && isBuffer$2(value),
       isType = !isArr && !isArg && !isBuff && isTypedArray$1(value),
@@ -4497,7 +4494,7 @@ function arrayLikeKeys$2(value, inherited) {
       length = result.length;
 
   for (var key in value) {
-    if ((inherited || hasOwnProperty$8.call(value, key)) &&
+    if ((inherited || hasOwnProperty$6.call(value, key)) &&
         !(skipIndexes && (
            // Safari 9 has enumerable `arguments.length` in strict mode.
            key == 'length' ||
@@ -4518,7 +4515,7 @@ var _arrayLikeKeys = arrayLikeKeys$2;
 
 /** Used for built-in method references. */
 
-var objectProto$9 = Object.prototype;
+var objectProto$7 = Object.prototype;
 
 /**
  * Checks if `value` is likely a prototype object.
@@ -4529,7 +4526,7 @@ var objectProto$9 = Object.prototype;
  */
 function isPrototype$3(value) {
   var Ctor = value && value.constructor,
-      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto$9;
+      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto$7;
 
   return value === proto;
 }
@@ -4564,10 +4561,10 @@ var isPrototype$2 = _isPrototype,
     nativeKeys = _nativeKeys;
 
 /** Used for built-in method references. */
-var objectProto$8 = Object.prototype;
+var objectProto$6 = Object.prototype;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty$7 = objectProto$8.hasOwnProperty;
+var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
 
 /**
  * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.
@@ -4582,7 +4579,7 @@ function baseKeys$1(object) {
   }
   var result = [];
   for (var key in Object(object)) {
-    if (hasOwnProperty$7.call(object, key) && key != 'constructor') {
+    if (hasOwnProperty$5.call(object, key) && key != 'constructor') {
       result.push(key);
     }
   }
@@ -4831,7 +4828,7 @@ var listCacheClear = _listCacheClear,
  * @constructor
  * @param {Array} [entries] The key-value pairs to cache.
  */
-function ListCache$4(entries) {
+function ListCache$3(entries) {
   var index = -1,
       length = entries == null ? 0 : entries.length;
 
@@ -4843,15 +4840,15 @@ function ListCache$4(entries) {
 }
 
 // Add methods to `ListCache`.
-ListCache$4.prototype.clear = listCacheClear;
-ListCache$4.prototype['delete'] = listCacheDelete;
-ListCache$4.prototype.get = listCacheGet;
-ListCache$4.prototype.has = listCacheHas;
-ListCache$4.prototype.set = listCacheSet;
+ListCache$3.prototype.clear = listCacheClear;
+ListCache$3.prototype['delete'] = listCacheDelete;
+ListCache$3.prototype.get = listCacheGet;
+ListCache$3.prototype.has = listCacheHas;
+ListCache$3.prototype.set = listCacheSet;
 
-var _ListCache = ListCache$4;
+var _ListCache = ListCache$3;
 
-var ListCache$3 = _ListCache;
+var ListCache$2 = _ListCache;
 
 /**
  * Removes all key-value entries from the stack.
@@ -4861,7 +4858,7 @@ var ListCache$3 = _ListCache;
  * @memberOf Stack
  */
 function stackClear$1() {
-  this.__data__ = new ListCache$3;
+  this.__data__ = new ListCache$2;
   this.size = 0;
 }
 
@@ -4919,36 +4916,52 @@ function stackHas$1(key) {
 
 var _stackHas = stackHas$1;
 
-var getNative$4 = _getNative,
+var getNative$3 = _getNative,
     root$4 = _root;
 
 /* Built-in method references that are verified to be native. */
-var Map$3 = getNative$4(root$4, 'Map');
+var Map$2 = getNative$3(root$4, 'Map');
 
-var _Map = Map$3;
+var _Map = Map$2;
 
-var getNative$3 = _getNative;
+var _nativeCreate;
+var hasRequired_nativeCreate;
 
-/* Built-in method references that are verified to be native. */
-var nativeCreate$4 = getNative$3(Object, 'create');
-
-var _nativeCreate = nativeCreate$4;
+function require_nativeCreate () {
+	if (hasRequired_nativeCreate) return _nativeCreate;
+	hasRequired_nativeCreate = 1;
+	var getNative = _getNative;
 
-var nativeCreate$3 = _nativeCreate;
+	/* Built-in method references that are verified to be native. */
+	var nativeCreate = getNative(Object, 'create');
 
-/**
- * Removes all key-value entries from the hash.
- *
- * @private
- * @name clear
- * @memberOf Hash
- */
-function hashClear$1() {
-  this.__data__ = nativeCreate$3 ? nativeCreate$3(null) : {};
-  this.size = 0;
+	_nativeCreate = nativeCreate;
+	return _nativeCreate;
 }
 
-var _hashClear = hashClear$1;
+var _hashClear;
+var hasRequired_hashClear;
+
+function require_hashClear () {
+	if (hasRequired_hashClear) return _hashClear;
+	hasRequired_hashClear = 1;
+	var nativeCreate = require_nativeCreate();
+
+	/**
+	 * Removes all key-value entries from the hash.
+	 *
+	 * @private
+	 * @name clear
+	 * @memberOf Hash
+	 */
+	function hashClear() {
+	  this.__data__ = nativeCreate ? nativeCreate(null) : {};
+	  this.size = 0;
+	}
+
+	_hashClear = hashClear;
+	return _hashClear;
+}
 
 /**
  * Removes `key` and its value from the hash.
@@ -4961,148 +4974,196 @@ var _hashClear = hashClear$1;
  * @returns {boolean} Returns `true` if the entry was removed, else `false`.
  */
 
-function hashDelete$1(key) {
-  var result = this.has(key) && delete this.__data__[key];
-  this.size -= result ? 1 : 0;
-  return result;
+var _hashDelete;
+var hasRequired_hashDelete;
+
+function require_hashDelete () {
+	if (hasRequired_hashDelete) return _hashDelete;
+	hasRequired_hashDelete = 1;
+	function hashDelete(key) {
+	  var result = this.has(key) && delete this.__data__[key];
+	  this.size -= result ? 1 : 0;
+	  return result;
+	}
+
+	_hashDelete = hashDelete;
+	return _hashDelete;
 }
 
-var _hashDelete = hashDelete$1;
+var _hashGet;
+var hasRequired_hashGet;
 
-var nativeCreate$2 = _nativeCreate;
+function require_hashGet () {
+	if (hasRequired_hashGet) return _hashGet;
+	hasRequired_hashGet = 1;
+	var nativeCreate = require_nativeCreate();
 
-/** Used to stand-in for `undefined` hash values. */
-var HASH_UNDEFINED$2 = '__lodash_hash_undefined__';
+	/** Used to stand-in for `undefined` hash values. */
+	var HASH_UNDEFINED = '__lodash_hash_undefined__';
 
-/** Used for built-in method references. */
-var objectProto$7 = Object.prototype;
+	/** Used for built-in method references. */
+	var objectProto = Object.prototype;
 
-/** Used to check objects for own properties. */
-var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
+	/** Used to check objects for own properties. */
+	var hasOwnProperty = objectProto.hasOwnProperty;
 
-/**
- * Gets the hash value for `key`.
- *
- * @private
- * @name get
- * @memberOf Hash
- * @param {string} key The key of the value to get.
- * @returns {*} Returns the entry value.
- */
-function hashGet$1(key) {
-  var data = this.__data__;
-  if (nativeCreate$2) {
-    var result = data[key];
-    return result === HASH_UNDEFINED$2 ? undefined : result;
-  }
-  return hasOwnProperty$6.call(data, key) ? data[key] : undefined;
+	/**
+	 * Gets the hash value for `key`.
+	 *
+	 * @private
+	 * @name get
+	 * @memberOf Hash
+	 * @param {string} key The key of the value to get.
+	 * @returns {*} Returns the entry value.
+	 */
+	function hashGet(key) {
+	  var data = this.__data__;
+	  if (nativeCreate) {
+	    var result = data[key];
+	    return result === HASH_UNDEFINED ? undefined : result;
+	  }
+	  return hasOwnProperty.call(data, key) ? data[key] : undefined;
+	}
+
+	_hashGet = hashGet;
+	return _hashGet;
 }
 
-var _hashGet = hashGet$1;
+var _hashHas;
+var hasRequired_hashHas;
 
-var nativeCreate$1 = _nativeCreate;
+function require_hashHas () {
+	if (hasRequired_hashHas) return _hashHas;
+	hasRequired_hashHas = 1;
+	var nativeCreate = require_nativeCreate();
 
-/** Used for built-in method references. */
-var objectProto$6 = Object.prototype;
+	/** Used for built-in method references. */
+	var objectProto = Object.prototype;
 
-/** Used to check objects for own properties. */
-var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
+	/** Used to check objects for own properties. */
+	var hasOwnProperty = objectProto.hasOwnProperty;
 
-/**
- * Checks if a hash value for `key` exists.
- *
- * @private
- * @name has
- * @memberOf Hash
- * @param {string} key The key of the entry to check.
- * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
- */
-function hashHas$1(key) {
-  var data = this.__data__;
-  return nativeCreate$1 ? (data[key] !== undefined) : hasOwnProperty$5.call(data, key);
+	/**
+	 * Checks if a hash value for `key` exists.
+	 *
+	 * @private
+	 * @name has
+	 * @memberOf Hash
+	 * @param {string} key The key of the entry to check.
+	 * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+	 */
+	function hashHas(key) {
+	  var data = this.__data__;
+	  return nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key);
+	}
+
+	_hashHas = hashHas;
+	return _hashHas;
 }
 
-var _hashHas = hashHas$1;
+var _hashSet;
+var hasRequired_hashSet;
 
-var nativeCreate = _nativeCreate;
+function require_hashSet () {
+	if (hasRequired_hashSet) return _hashSet;
+	hasRequired_hashSet = 1;
+	var nativeCreate = require_nativeCreate();
 
-/** Used to stand-in for `undefined` hash values. */
-var HASH_UNDEFINED$1 = '__lodash_hash_undefined__';
+	/** Used to stand-in for `undefined` hash values. */
+	var HASH_UNDEFINED = '__lodash_hash_undefined__';
 
-/**
- * Sets the hash `key` to `value`.
- *
- * @private
- * @name set
- * @memberOf Hash
- * @param {string} key The key of the value to set.
- * @param {*} value The value to set.
- * @returns {Object} Returns the hash instance.
- */
-function hashSet$1(key, value) {
-  var data = this.__data__;
-  this.size += this.has(key) ? 0 : 1;
-  data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED$1 : value;
-  return this;
+	/**
+	 * Sets the hash `key` to `value`.
+	 *
+	 * @private
+	 * @name set
+	 * @memberOf Hash
+	 * @param {string} key The key of the value to set.
+	 * @param {*} value The value to set.
+	 * @returns {Object} Returns the hash instance.
+	 */
+	function hashSet(key, value) {
+	  var data = this.__data__;
+	  this.size += this.has(key) ? 0 : 1;
+	  data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;
+	  return this;
+	}
+
+	_hashSet = hashSet;
+	return _hashSet;
 }
 
-var _hashSet = hashSet$1;
+var _Hash;
+var hasRequired_Hash;
 
-var hashClear = _hashClear,
-    hashDelete = _hashDelete,
-    hashGet = _hashGet,
-    hashHas = _hashHas,
-    hashSet = _hashSet;
+function require_Hash () {
+	if (hasRequired_Hash) return _Hash;
+	hasRequired_Hash = 1;
+	var hashClear = require_hashClear(),
+	    hashDelete = require_hashDelete(),
+	    hashGet = require_hashGet(),
+	    hashHas = require_hashHas(),
+	    hashSet = require_hashSet();
 
-/**
- * Creates a hash object.
- *
- * @private
- * @constructor
- * @param {Array} [entries] The key-value pairs to cache.
- */
-function Hash$1(entries) {
-  var index = -1,
-      length = entries == null ? 0 : entries.length;
+	/**
+	 * Creates a hash object.
+	 *
+	 * @private
+	 * @constructor
+	 * @param {Array} [entries] The key-value pairs to cache.
+	 */
+	function Hash(entries) {
+	  var index = -1,
+	      length = entries == null ? 0 : entries.length;
+
+	  this.clear();
+	  while (++index < length) {
+	    var entry = entries[index];
+	    this.set(entry[0], entry[1]);
+	  }
+	}
 
-  this.clear();
-  while (++index < length) {
-    var entry = entries[index];
-    this.set(entry[0], entry[1]);
-  }
+	// Add methods to `Hash`.
+	Hash.prototype.clear = hashClear;
+	Hash.prototype['delete'] = hashDelete;
+	Hash.prototype.get = hashGet;
+	Hash.prototype.has = hashHas;
+	Hash.prototype.set = hashSet;
+
+	_Hash = Hash;
+	return _Hash;
 }
 
-// Add methods to `Hash`.
-Hash$1.prototype.clear = hashClear;
-Hash$1.prototype['delete'] = hashDelete;
-Hash$1.prototype.get = hashGet;
-Hash$1.prototype.has = hashHas;
-Hash$1.prototype.set = hashSet;
+var _mapCacheClear;
+var hasRequired_mapCacheClear;
 
-var _Hash = Hash$1;
+function require_mapCacheClear () {
+	if (hasRequired_mapCacheClear) return _mapCacheClear;
+	hasRequired_mapCacheClear = 1;
+	var Hash = require_Hash(),
+	    ListCache = _ListCache,
+	    Map = _Map;
 
-var Hash = _Hash,
-    ListCache$2 = _ListCache,
-    Map$2 = _Map;
+	/**
+	 * Removes all key-value entries from the map.
+	 *
+	 * @private
+	 * @name clear
+	 * @memberOf MapCache
+	 */
+	function mapCacheClear() {
+	  this.size = 0;
+	  this.__data__ = {
+	    'hash': new Hash,
+	    'map': new (Map || ListCache),
+	    'string': new Hash
+	  };
+	}
 
-/**
- * Removes all key-value entries from the map.
- *
- * @private
- * @name clear
- * @memberOf MapCache
- */
-function mapCacheClear$1() {
-  this.size = 0;
-  this.__data__ = {
-    'hash': new Hash,
-    'map': new (Map$2 || ListCache$2),
-    'string': new Hash
-  };
+	_mapCacheClear = mapCacheClear;
+	return _mapCacheClear;
 }
 
-var _mapCacheClear = mapCacheClear$1;
-
 /**
  * Checks if `value` is suitable for use as unique object key.
  *
@@ -5111,146 +5172,202 @@ var _mapCacheClear = mapCacheClear$1;
  * @returns {boolean} Returns `true` if `value` is suitable, else `false`.
  */
 
-function isKeyable$1(value) {
-  var type = typeof value;
-  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')
-    ? (value !== '__proto__')
-    : (value === null);
-}
-
-var _isKeyable = isKeyable$1;
+var _isKeyable;
+var hasRequired_isKeyable;
 
-var isKeyable = _isKeyable;
+function require_isKeyable () {
+	if (hasRequired_isKeyable) return _isKeyable;
+	hasRequired_isKeyable = 1;
+	function isKeyable(value) {
+	  var type = typeof value;
+	  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')
+	    ? (value !== '__proto__')
+	    : (value === null);
+	}
 
-/**
- * Gets the data for `map`.
- *
- * @private
- * @param {Object} map The map to query.
- * @param {string} key The reference key.
- * @returns {*} Returns the map data.
- */
-function getMapData$4(map, key) {
-  var data = map.__data__;
-  return isKeyable(key)
-    ? data[typeof key == 'string' ? 'string' : 'hash']
-    : data.map;
+	_isKeyable = isKeyable;
+	return _isKeyable;
 }
 
-var _getMapData = getMapData$4;
+var _getMapData;
+var hasRequired_getMapData;
 
-var getMapData$3 = _getMapData;
+function require_getMapData () {
+	if (hasRequired_getMapData) return _getMapData;
+	hasRequired_getMapData = 1;
+	var isKeyable = require_isKeyable();
 
-/**
- * Removes `key` and its value from the map.
- *
- * @private
- * @name delete
- * @memberOf MapCache
- * @param {string} key The key of the value to remove.
- * @returns {boolean} Returns `true` if the entry was removed, else `false`.
- */
-function mapCacheDelete$1(key) {
-  var result = getMapData$3(this, key)['delete'](key);
-  this.size -= result ? 1 : 0;
-  return result;
+	/**
+	 * Gets the data for `map`.
+	 *
+	 * @private
+	 * @param {Object} map The map to query.
+	 * @param {string} key The reference key.
+	 * @returns {*} Returns the map data.
+	 */
+	function getMapData(map, key) {
+	  var data = map.__data__;
+	  return isKeyable(key)
+	    ? data[typeof key == 'string' ? 'string' : 'hash']
+	    : data.map;
+	}
+
+	_getMapData = getMapData;
+	return _getMapData;
 }
 
-var _mapCacheDelete = mapCacheDelete$1;
+var _mapCacheDelete;
+var hasRequired_mapCacheDelete;
 
-var getMapData$2 = _getMapData;
+function require_mapCacheDelete () {
+	if (hasRequired_mapCacheDelete) return _mapCacheDelete;
+	hasRequired_mapCacheDelete = 1;
+	var getMapData = require_getMapData();
 
-/**
- * Gets the map value for `key`.
- *
- * @private
- * @name get
- * @memberOf MapCache
- * @param {string} key The key of the value to get.
- * @returns {*} Returns the entry value.
- */
-function mapCacheGet$1(key) {
-  return getMapData$2(this, key).get(key);
+	/**
+	 * Removes `key` and its value from the map.
+	 *
+	 * @private
+	 * @name delete
+	 * @memberOf MapCache
+	 * @param {string} key The key of the value to remove.
+	 * @returns {boolean} Returns `true` if the entry was removed, else `false`.
+	 */
+	function mapCacheDelete(key) {
+	  var result = getMapData(this, key)['delete'](key);
+	  this.size -= result ? 1 : 0;
+	  return result;
+	}
+
+	_mapCacheDelete = mapCacheDelete;
+	return _mapCacheDelete;
 }
 
-var _mapCacheGet = mapCacheGet$1;
+var _mapCacheGet;
+var hasRequired_mapCacheGet;
 
-var getMapData$1 = _getMapData;
+function require_mapCacheGet () {
+	if (hasRequired_mapCacheGet) return _mapCacheGet;
+	hasRequired_mapCacheGet = 1;
+	var getMapData = require_getMapData();
 
-/**
- * Checks if a map value for `key` exists.
- *
- * @private
- * @name has
- * @memberOf MapCache
- * @param {string} key The key of the entry to check.
- * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
- */
-function mapCacheHas$1(key) {
-  return getMapData$1(this, key).has(key);
+	/**
+	 * Gets the map value for `key`.
+	 *
+	 * @private
+	 * @name get
+	 * @memberOf MapCache
+	 * @param {string} key The key of the value to get.
+	 * @returns {*} Returns the entry value.
+	 */
+	function mapCacheGet(key) {
+	  return getMapData(this, key).get(key);
+	}
+
+	_mapCacheGet = mapCacheGet;
+	return _mapCacheGet;
 }
 
-var _mapCacheHas = mapCacheHas$1;
+var _mapCacheHas;
+var hasRequired_mapCacheHas;
 
-var getMapData = _getMapData;
+function require_mapCacheHas () {
+	if (hasRequired_mapCacheHas) return _mapCacheHas;
+	hasRequired_mapCacheHas = 1;
+	var getMapData = require_getMapData();
 
-/**
- * Sets the map `key` to `value`.
- *
- * @private
- * @name set
- * @memberOf MapCache
- * @param {string} key The key of the value to set.
- * @param {*} value The value to set.
- * @returns {Object} Returns the map cache instance.
- */
-function mapCacheSet$1(key, value) {
-  var data = getMapData(this, key),
-      size = data.size;
+	/**
+	 * Checks if a map value for `key` exists.
+	 *
+	 * @private
+	 * @name has
+	 * @memberOf MapCache
+	 * @param {string} key The key of the entry to check.
+	 * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
+	 */
+	function mapCacheHas(key) {
+	  return getMapData(this, key).has(key);
+	}
 
-  data.set(key, value);
-  this.size += data.size == size ? 0 : 1;
-  return this;
+	_mapCacheHas = mapCacheHas;
+	return _mapCacheHas;
 }
 
-var _mapCacheSet = mapCacheSet$1;
+var _mapCacheSet;
+var hasRequired_mapCacheSet;
 
-var mapCacheClear = _mapCacheClear,
-    mapCacheDelete = _mapCacheDelete,
-    mapCacheGet = _mapCacheGet,
-    mapCacheHas = _mapCacheHas,
-    mapCacheSet = _mapCacheSet;
+function require_mapCacheSet () {
+	if (hasRequired_mapCacheSet) return _mapCacheSet;
+	hasRequired_mapCacheSet = 1;
+	var getMapData = require_getMapData();
 
-/**
- * Creates a map cache object to store key-value pairs.
- *
- * @private
- * @constructor
- * @param {Array} [entries] The key-value pairs to cache.
- */
-function MapCache$2(entries) {
-  var index = -1,
-      length = entries == null ? 0 : entries.length;
+	/**
+	 * Sets the map `key` to `value`.
+	 *
+	 * @private
+	 * @name set
+	 * @memberOf MapCache
+	 * @param {string} key The key of the value to set.
+	 * @param {*} value The value to set.
+	 * @returns {Object} Returns the map cache instance.
+	 */
+	function mapCacheSet(key, value) {
+	  var data = getMapData(this, key),
+	      size = data.size;
 
-  this.clear();
-  while (++index < length) {
-    var entry = entries[index];
-    this.set(entry[0], entry[1]);
-  }
+	  data.set(key, value);
+	  this.size += data.size == size ? 0 : 1;
+	  return this;
+	}
+
+	_mapCacheSet = mapCacheSet;
+	return _mapCacheSet;
 }
 
-// Add methods to `MapCache`.
-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;
+var hasRequired_MapCache;
 
-var _MapCache = MapCache$2;
+function require_MapCache () {
+	if (hasRequired_MapCache) return _MapCache;
+	hasRequired_MapCache = 1;
+	var mapCacheClear = require_mapCacheClear(),
+	    mapCacheDelete = require_mapCacheDelete(),
+	    mapCacheGet = require_mapCacheGet(),
+	    mapCacheHas = require_mapCacheHas(),
+	    mapCacheSet = require_mapCacheSet();
+
+	/**
+	 * Creates a map cache object to store key-value pairs.
+	 *
+	 * @private
+	 * @constructor
+	 * @param {Array} [entries] The key-value pairs to cache.
+	 */
+	function MapCache(entries) {
+	  var index = -1,
+	      length = entries == null ? 0 : entries.length;
+
+	  this.clear();
+	  while (++index < length) {
+	    var entry = entries[index];
+	    this.set(entry[0], entry[1]);
+	  }
+	}
+
+	// Add methods to `MapCache`.
+	MapCache.prototype.clear = mapCacheClear;
+	MapCache.prototype['delete'] = mapCacheDelete;
+	MapCache.prototype.get = mapCacheGet;
+	MapCache.prototype.has = mapCacheHas;
+	MapCache.prototype.set = mapCacheSet;
+
+	_MapCache = MapCache;
+	return _MapCache;
+}
 
 var ListCache$1 = _ListCache,
     Map$1 = _Map,
-    MapCache$1 = _MapCache;
+    MapCache$1 = require_MapCache();
 
 /** Used as the size to enable large array optimizations. */
 var LARGE_ARRAY_SIZE = 200;
@@ -5635,7 +5752,7 @@ function copySymbolsIn$1(source, object) {
 var _copySymbolsIn = copySymbolsIn$1;
 
 var arrayPush$1 = _arrayPush,
-    isArray$6 = isArray_1;
+    isArray$7 = isArray_1;
 
 /**
  * The base implementation of `getAllKeys` and `getAllKeysIn` which uses
@@ -5650,7 +5767,7 @@ var arrayPush$1 = _arrayPush,
  */
 function baseGetAllKeys$2(object, keysFunc, symbolsFunc) {
   var result = keysFunc(object);
-  return isArray$6(object) ? result : arrayPush$1(result, symbolsFunc(object));
+  return isArray$7(object) ? result : arrayPush$1(result, symbolsFunc(object));
 }
 
 var _baseGetAllKeys = baseGetAllKeys$2;
@@ -5861,11 +5978,11 @@ function cloneRegExp$1(regexp) {
 
 var _cloneRegExp = cloneRegExp$1;
 
-var Symbol$3 = _Symbol;
+var Symbol$4 = _Symbol;
 
 /** Used to convert symbols to primitives and strings. */
-var symbolProto$1 = Symbol$3 ? Symbol$3.prototype : undefined,
-    symbolValueOf$1 = symbolProto$1 ? symbolProto$1.valueOf : undefined;
+var symbolProto$2 = Symbol$4 ? Symbol$4.prototype : undefined,
+    symbolValueOf$1 = symbolProto$2 ? symbolProto$2.valueOf : undefined;
 
 /**
  * Creates a clone of the `symbol` object.
@@ -6103,7 +6220,7 @@ var Stack$2 = _Stack,
     initCloneArray = _initCloneArray,
     initCloneByTag = _initCloneByTag,
     initCloneObject = _initCloneObject,
-    isArray$5 = isArray_1,
+    isArray$6 = isArray_1,
     isBuffer$1 = isBufferExports,
     isMap = isMap_1,
     isObject$1 = isObject_1,
@@ -6192,7 +6309,7 @@ function baseClone$2(value, bitmask, customizer, key, object, stack) {
   if (!isObject$1(value)) {
     return value;
   }
-  var isArr = isArray$5(value);
+  var isArr = isArray$6(value);
   if (isArr) {
     result = initCloneArray(value);
     if (!isDeep) {
@@ -6516,7 +6633,7 @@ function setCacheHas$1(value) {
 
 var _setCacheHas = setCacheHas$1;
 
-var MapCache = _MapCache,
+var MapCache = require_MapCache(),
     setCacheAdd = _setCacheAdd,
     setCacheHas = _setCacheHas;
 
@@ -6709,7 +6826,7 @@ function setToArray$1(set) {
 
 var _setToArray = setToArray$1;
 
-var Symbol$2 = _Symbol,
+var Symbol$3 = _Symbol,
     Uint8Array = _Uint8Array,
     eq = eq_1,
     equalArrays$1 = _equalArrays,
@@ -6735,8 +6852,8 @@ var arrayBufferTag = '[object ArrayBuffer]',
     dataViewTag = '[object DataView]';
 
 /** Used to convert symbols to primitives and strings. */
-var symbolProto = Symbol$2 ? Symbol$2.prototype : undefined,
-    symbolValueOf = symbolProto ? symbolProto.valueOf : undefined;
+var symbolProto$1 = Symbol$3 ? Symbol$3.prototype : undefined,
+    symbolValueOf = symbolProto$1 ? symbolProto$1.valueOf : undefined;
 
 /**
  * A specialized version of `baseIsEqualDeep` for comparing objects of
@@ -6918,7 +7035,7 @@ var Stack$1 = _Stack,
     equalByTag = _equalByTag,
     equalObjects = _equalObjects,
     getTag = _getTag,
-    isArray$4 = isArray_1,
+    isArray$5 = isArray_1,
     isBuffer = isBufferExports,
     isTypedArray = isTypedArray_1;
 
@@ -6951,8 +7068,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$4(object),
-      othIsArr = isArray$4(other),
+  var objIsArr = isArray$5(object),
+      othIsArr = isArray$5(other),
       objTag = objIsArr ? arrayTag : getTag(object),
       othTag = othIsArr ? arrayTag : getTag(other);
 
@@ -7182,7 +7299,7 @@ function require_isKey () {
 	if (hasRequired_isKey) return _isKey;
 	hasRequired_isKey = 1;
 	var isArray = isArray_1,
-	    isSymbol = requireIsSymbol();
+	    isSymbol = isSymbol_1;
 
 	/** Used to match property names within property paths. */
 	var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
@@ -7219,7 +7336,7 @@ var hasRequiredMemoize;
 function requireMemoize () {
 	if (hasRequiredMemoize) return memoize_1;
 	hasRequiredMemoize = 1;
-	var MapCache = _MapCache;
+	var MapCache = require_MapCache();
 
 	/** Error message constants. */
 	var FUNC_ERROR_TEXT = 'Expected a function';
@@ -7376,7 +7493,7 @@ function require_stringToPath () {
  * @returns {Array} Returns the new mapped array.
  */
 
-function arrayMap$1(array, iteratee) {
+function arrayMap$2(array, iteratee) {
   var index = -1,
       length = array == null ? 0 : array.length,
       result = Array(length);
@@ -7387,91 +7504,75 @@ function arrayMap$1(array, iteratee) {
   return result;
 }
 
-var _arrayMap = arrayMap$1;
+var _arrayMap = arrayMap$2;
 
-var _baseToString;
-var hasRequired_baseToString;
-
-function require_baseToString () {
-	if (hasRequired_baseToString) return _baseToString;
-	hasRequired_baseToString = 1;
-	var Symbol = _Symbol,
-	    arrayMap = _arrayMap,
-	    isArray = isArray_1,
-	    isSymbol = requireIsSymbol();
-
-	/** Used as references for various `Number` constants. */
-	var INFINITY = 1 / 0;
+var Symbol$2 = _Symbol,
+    arrayMap$1 = _arrayMap,
+    isArray$4 = isArray_1,
+    isSymbol$1 = isSymbol_1;
 
-	/** Used to convert symbols to primitives and strings. */
-	var symbolProto = Symbol ? Symbol.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(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;
-	}
+/** Used to convert symbols to primitives and strings. */
+var symbolProto = Symbol$2 ? Symbol$2.prototype : undefined,
+    symbolToString = symbolProto ? symbolProto.toString : undefined;
 
-	_baseToString = baseToString;
-	return _baseToString;
+/**
+ * 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;
 }
 
-var toString_1;
-var hasRequiredToString;
+var _baseToString = baseToString$1;
 
-function requireToString () {
-	if (hasRequiredToString) return toString_1;
-	hasRequiredToString = 1;
-	var baseToString = require_baseToString();
+var baseToString = _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(value) {
-	  return value == null ? '' : baseToString(value);
-	}
-
-	toString_1 = toString;
-	return toString_1;
+/**
+ * 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);
 }
 
+var toString_1 = toString$1;
+
 var _castPath;
 var hasRequired_castPath;
 
@@ -7481,7 +7582,7 @@ function require_castPath () {
 	var isArray = isArray_1,
 	    isKey = require_isKey(),
 	    stringToPath = require_stringToPath(),
-	    toString = requireToString();
+	    toString = toString_1;
 
 	/**
 	 * Casts `value` to a path array if it's not one.
@@ -7508,7 +7609,7 @@ var hasRequired_toKey;
 function require_toKey () {
 	if (hasRequired_toKey) return _toKey;
 	hasRequired_toKey = 1;
-	var isSymbol = requireIsSymbol();
+	var isSymbol = isSymbol_1;
 
 	/** Used as references for various `Number` constants. */
 	var INFINITY = 1 / 0;
@@ -8057,10 +8158,10 @@ var rearg_1 = rearg;
 var arrayMap = _arrayMap,
     copyArray = _copyArray,
     isArray = isArray_1,
-    isSymbol = requireIsSymbol(),
+    isSymbol = isSymbol_1,
     stringToPath = require_stringToPath(),
     toKey = require_toKey(),
-    toString = requireToString();
+    toString = toString_1;
 
 /**
  * Converts `value` to a property path array.
@@ -8271,7 +8372,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;
 
@@ -8281,7 +8382,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));
             }) }) }));
 };
 
@@ -8302,7 +8403,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) {
@@ -8327,11 +8428,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 = {
@@ -8421,7 +8522,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"])));
@@ -8450,7 +8551,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;
@@ -8458,7 +8559,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;
@@ -8477,7 +8578,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) {
@@ -8501,7 +8602,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: '',
@@ -8513,36 +8614,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) {
@@ -8558,14 +8691,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'));
@@ -8593,7 +8740,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;
 
@@ -8609,7 +8756,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([""], [""])));
@@ -8618,7 +8765,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
@@ -8627,18 +8774,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;
@@ -8652,31 +8820,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) {
@@ -8684,9 +8908,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) {
@@ -8695,20 +8919,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;
@@ -8719,7 +8984,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) {
@@ -8740,35 +9005,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 })); };
@@ -8815,16 +9094,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;
@@ -8844,9 +9123,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) {
@@ -8854,13 +9133,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) {
@@ -8876,19 +9155,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, Tabs, Text, iconDictionary, palletes, 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, 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, iconDictionary, palletes, themes, useClickOutside, useLightBox, useModal, useTabs };
 //# sourceMappingURL=index.es.js.map