@helpdice/ui 2.1.5 → 2.1.9

package/dist/input/index.js

@@ -13,6 +13,9 @@ function _arrayLikeToArray(r, a) {
 function _arrayWithHoles(r) {
   if (Array.isArray(r)) return r;
 }
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
 function _createForOfIteratorHelper(r, e) {
   var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (!t) {
@@ -78,6 +81,9 @@ function _extends() {
     return n;
   }, _extends.apply(null, arguments);
 }
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -89,7 +95,10 @@ function _iterableToArrayLimit(r, l) {
       f = true,
       o = false;
     try {
-      if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
     } catch (r) {
       o = true, n = r;
     } finally {
@@ -105,6 +114,9 @@ function _iterableToArrayLimit(r, l) {
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -149,6 +161,9 @@ function _objectWithoutPropertiesLoose(r, e) {
 function _slicedToArray(r, e) {
   return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
 }
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
 function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -916,7 +931,7 @@ var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
   return getAllScaleProps;
 };
 
-var _excluded$3 = ["children"];
+var _excluded$4 = ["children"];
 var reduceScaleCoefficient = function reduceScaleCoefficient(scale) {
   if (scale === 1) return scale;
   var diff = Math.abs((scale - 1) / 2);
@@ -926,7 +941,7 @@ var withScale = function withScale(Render) {
   var ScaleFC = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref0, _ref1, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, _ref28, _ref29, _ref30, _ref31;
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$3);
+      props = _objectWithoutProperties(_ref, _excluded$4);
     var _useTheme = theme.useTheme(),
       layout = _useTheme.layout;
     var paddingLeft = props.paddingLeft,
@@ -1009,7 +1024,7 @@ var withScale = function withScale(Render) {
   return ScaleFC;
 };
 
-var _excluded$2 = ["label", "labelRight", "color", "error", "type", "icon", "iconRight", "iconClickable", "onIconClick", "initialValue", "onChange", "readOnly", "value", "onClearClick", "clearable", "className", "onBlur", "onFocus", "autoComplete", "placeholder", "children", "disabled", "fullWidth"];
+var _excluded$3 = ["label", "labelRight", "color", "error", "type", "icon", "variant", "iconRight", "iconClickable", "onIconClick", "initialValue", "onChange", "readOnly", "value", "onClearClick", "clearable", "className", "onBlur", "onFocus", "autoComplete", "placeholder", "children", "disabled", "fullWidth"];
 var simulateChangeEvent = function simulateChangeEvent(el, event) {
   return _objectSpread2(_objectSpread2({}, event), {}, {
     target: el,
@@ -1025,6 +1040,8 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'text' : _ref$type,
     icon = _ref.icon,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
     iconRight = _ref.iconRight,
     _ref$iconClickable = _ref.iconClickable,
     iconClickable = _ref$iconClickable === void 0 ? false : _ref$iconClickable,
@@ -1051,7 +1068,7 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$fullWidth = _ref.fullWidth,
     fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-    props = _objectWithoutProperties(_ref, _excluded$2);
+    props = _objectWithoutProperties(_ref, _excluded$3);
   var theme$1 = theme.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -1129,11 +1146,11 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var inputProps = _objectSpread2(_objectSpread2({}, props), controlledValue);
   var defaultWidth = fullWidth ? '100%' : 'initial';
   return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["3279091727", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), theme$1.layout.radius, borderColor, theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + "with-label"
+    className: _JSXStyle.dynamic([["3970712841", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + "with-label"
   }, children && /*#__PURE__*/React.createElement(InputBlockLabel, null, children), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["3279091727", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), theme$1.layout.radius, borderColor, theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (theme.useClasses('input-container', className) || "")
+    className: _JSXStyle.dynamic([["3970712841", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (theme.useClasses('input-container', className) || "")
   }, label && /*#__PURE__*/React.createElement(MemoInputLabel, null, label), /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["3279091727", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), theme$1.layout.radius, borderColor, theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (theme.useClasses('input-wrapper', {
+    className: _JSXStyle.dynamic([["3970712841", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (theme.useClasses('input-wrapper', {
       hover: hover,
       disabled: disabled
     }, labelClasses) || "")
@@ -1150,7 +1167,7 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onChange: changeHandler,
     autoComplete: autoComplete
   }, inputProps, {
-    className: _JSXStyle.dynamic([["3279091727", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), theme$1.layout.radius, borderColor, theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (inputProps && inputProps.className != null && inputProps.className || theme.useClasses({
+    className: _JSXStyle.dynamic([["3970712841", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + (inputProps && inputProps.className != null && inputProps.className || theme.useClasses({
       disabled: disabled
     }, iconClasses) || "")
   })), clearable && /*#__PURE__*/React.createElement(MemoInputIconClear, {
@@ -1162,7 +1179,7 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, iconProps))), labelRight && /*#__PURE__*/React.createElement(MemoInputLabel, {
     isRight: true
   }, labelRight), /*#__PURE__*/React.createElement("br", {
-    className: _JSXStyle.dynamic([["3279091727", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), theme$1.layout.radius, borderColor, theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]])
+    className: _JSXStyle.dynamic([["3970712841", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]])
   })), error && /*#__PURE__*/React.createElement("p", {
     style: {
       marginTop: 0.4,
@@ -1171,11 +1188,11 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       marginBottom: '0.4rem',
       textAlign: 'left'
     },
-    className: _JSXStyle.dynamic([["3279091727", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), theme$1.layout.radius, borderColor, theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + "input-error"
+    className: _JSXStyle.dynamic([["3970712841", [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]]]) + " " + "input-error"
   }, error), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3279091727",
-    dynamic: [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), theme$1.layout.radius, borderColor, theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]
-  }, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, defaultWidth), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.input-error.__jsx-style-dynamic-selector{color:#aa4a44;}.input-container.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:").concat(SCALES.width(1, defaultWidth), ";height:var(--input-height);}.input-wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:").concat(theme$1.layout.radius, ";border:1px solid ").concat(borderColor, ";-webkit-transition:border 0.2s ease 0s,color 0.2s ease 0s;transition:border 0.2s ease 0s,color 0.2s ease 0s;}.input-wrapper.left-label.__jsx-style-dynamic-selector{border-top-left-radius:0;border-bottom-left-radius:0;}.input-wrapper.right-label.__jsx-style-dynamic-selector{border-top-right-radius:0;border-bottom-right-radius:0;}.input-wrapper.disabled.__jsx-style-dynamic-selector{background-color:").concat(theme$1.palette.accents_1, ";border-color:").concat(theme$1.palette.accents_2, ";cursor:not-allowed;}input.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}.input-wrapper.hover.__jsx-style-dynamic-selector{border-color:").concat(hoverBorder, ";}input.__jsx-style-dynamic-selector{margin:0.25em 0.625em;padding:0;box-shadow:none;font-size:").concat(SCALES.font(0.875), ";background-color:transparent;border:none;color:").concat(color, ";outline:none;border-radius:0;width:100%;min-width:0;-webkit-appearance:none;}input.left-icon.__jsx-style-dynamic-selector{margin-left:0;}input.right-icon.__jsx-style-dynamic-selector{margin-right:0;}.__jsx-style-dynamic-selector::-webkit-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::-ms-reveal{display:none !important;}input.__jsx-style-dynamic-selector:-webkit-autofill,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ").concat(theme$1.palette.background, " inset !important;-webkit-text-fill-color:").concat(color, " !important;}")));
+    id: "3970712841",
+    dynamic: [SCALES.height(2.25), SCALES.font(0.875), SCALES.width(1, defaultWidth), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, defaultWidth), variant === 'normal' ? theme$1.layout.radius : '', variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), theme$1.palette.accents_1, theme$1.palette.accents_2, hoverBorder, SCALES.font(0.875), color, theme$1.palette.accents_3, theme$1.palette.background, color]
+  }, ".with-label.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;-webkit-box-align:center;--input-height:".concat(SCALES.height(2.25), ";font-size:").concat(SCALES.font(0.875), ";width:").concat(SCALES.width(1, defaultWidth), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.input-error.__jsx-style-dynamic-selector{color:#aa4a44;}.input-container.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:").concat(SCALES.width(1, defaultWidth), ";height:var(--input-height);}.input-wrapper.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:").concat(variant === 'normal' ? theme$1.layout.radius : '', ";").concat(variant === 'none' ? '' : variant === 'line' ? "border-bottom: 1px solid ".concat(borderColor) : "border: 1px solid ".concat(borderColor), ";-webkit-transition:border 0.2s ease 0s,color 0.2s ease 0s;transition:border 0.2s ease 0s,color 0.2s ease 0s;}.input-wrapper.left-label.__jsx-style-dynamic-selector{border-top-left-radius:0;border-bottom-left-radius:0;}.input-wrapper.right-label.__jsx-style-dynamic-selector{border-top-right-radius:0;border-bottom-right-radius:0;}.input-wrapper.disabled.__jsx-style-dynamic-selector{background-color:").concat(theme$1.palette.accents_1, ";border-color:").concat(theme$1.palette.accents_2, ";cursor:not-allowed;}input.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;}.input-wrapper.hover.__jsx-style-dynamic-selector{border-color:").concat(hoverBorder, ";}input.__jsx-style-dynamic-selector{margin:0.25em 0.625em;padding:0;box-shadow:none;font-size:").concat(SCALES.font(0.875), ";background-color:transparent;border:none;color:").concat(color, ";outline:none;border-radius:0;width:100%;min-width:0;-webkit-appearance:none;}input.left-icon.__jsx-style-dynamic-selector{margin-left:0;}input.right-icon.__jsx-style-dynamic-selector{margin-right:0;}.__jsx-style-dynamic-selector::-webkit-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::placeholder,.__jsx-style-dynamic-selector::-moz-placeholder,.__jsx-style-dynamic-selector:-ms-input-placeholder,.__jsx-style-dynamic-selector::-webkit-input-placeholder{color:").concat(theme$1.palette.accents_3, ";}.__jsx-style-dynamic-selector::-ms-reveal{display:none !important;}input.__jsx-style-dynamic-selector:-webkit-autofill,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:hover,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:active,input.__jsx-style-dynamic-selector:-webkit-autofill.__jsx-style-dynamic-selector:focus{-webkit-box-shadow:0 0 0 30px ").concat(theme$1.palette.background, " inset !important;-webkit-text-fill-color:").concat(color, " !important;}")));
 });
 InputComponent.displayName = 'Input';
 var Input = withScale(InputComponent);
@@ -1195,7 +1212,7 @@ tuple('hover', 'click');
 tuple('top', 'topStart', 'topEnd', 'left', 'leftStart', 'leftEnd', 'bottom', 'bottomStart', 'bottomEnd', 'right', 'rightStart', 'rightEnd');
 tuple('start', 'center', 'end', 'left', 'right');
 
-var _excluded$1 = ["type", "disabled", "readOnly", "onFocus", "onBlur", "className", "initialValue", "onChange", "value", "placeholder", "resize"];
+var _excluded$2 = ["type", "disabled", "readOnly", "onFocus", "onBlur", "className", "initialValue", "onChange", "value", "placeholder", "resize"];
 tuple('none', 'both', 'horizontal', 'vertical', 'initial', 'inherit');
 var TextareaComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$type = _ref.type,
@@ -1215,7 +1232,7 @@ var TextareaComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     placeholder = _ref.placeholder,
     _ref$resize = _ref.resize,
     resize = _ref$resize === void 0 ? 'none' : _ref$resize,
-    props = _objectWithoutProperties(_ref, _excluded$1);
+    props = _objectWithoutProperties(_ref, _excluded$2);
   var theme$1 = theme.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -1315,11 +1332,11 @@ var PasswordIcon = function PasswordIcon(_ref) {
 };
 var MemoPasswordIcon = /*#__PURE__*/React.memo(PasswordIcon);
 
-var _excluded = ["hideToggle", "children"];
+var _excluded$1 = ["hideToggle", "children"];
 var InputPasswordComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var hideToggle = _ref.hideToggle,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded$1);
   var _useScale = useScale(),
     getAllScaleProps = _useScale.getAllScaleProps;
   var inputRef = React.useRef(null);
@@ -1361,9 +1378,2136 @@ var InputPasswordComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref)
 InputPasswordComponent.displayName = 'InputPassword';
 var InputPassword = withScale(InputPasswordComponent);
 
+var countries = [
+	{
+		code: "AD",
+		label: "Andorra",
+		phone: "+376"
+	},
+	{
+		code: "AE",
+		label: "United Arab Emirates",
+		phone: "+971"
+	},
+	{
+		code: "AF",
+		label: "Afghanistan",
+		phone: "+93"
+	},
+	{
+		code: "AG",
+		label: "Antigua and Barbuda",
+		phone: "+1-268"
+	},
+	{
+		code: "AI",
+		label: "Anguilla",
+		phone: "+1-264"
+	},
+	{
+		code: "AL",
+		label: "Albania",
+		phone: "+355"
+	},
+	{
+		code: "AM",
+		label: "Armenia",
+		phone: "+374"
+	},
+	{
+		code: "AO",
+		label: "Angola",
+		phone: "+244"
+	},
+	{
+		code: "AQ",
+		label: "Antarctica",
+		phone: "+672"
+	},
+	{
+		code: "AR",
+		label: "Argentina",
+		phone: "+54"
+	},
+	{
+		code: "AS",
+		label: "American Samoa",
+		phone: "+1-684"
+	},
+	{
+		code: "AT",
+		label: "Austria",
+		phone: "+43"
+	},
+	{
+		code: "AU",
+		label: "Australia",
+		phone: "+61",
+		suggested: true
+	},
+	{
+		code: "AW",
+		label: "Aruba",
+		phone: "+297"
+	},
+	{
+		code: "AX",
+		label: "Alland Islands",
+		phone: "+358"
+	},
+	{
+		code: "AZ",
+		label: "Azerbaijan",
+		phone: "+994"
+	},
+	{
+		code: "BA",
+		label: "Bosnia and Herzegovina",
+		phone: "+387"
+	},
+	{
+		code: "BB",
+		label: "Barbados",
+		phone: "+1-246"
+	},
+	{
+		code: "BD",
+		label: "Bangladesh",
+		phone: "+880"
+	},
+	{
+		code: "BE",
+		label: "Belgium",
+		phone: "+32"
+	},
+	{
+		code: "BF",
+		label: "Burkina Faso",
+		phone: "+226"
+	},
+	{
+		code: "BG",
+		label: "Bulgaria",
+		phone: "+359"
+	},
+	{
+		code: "BH",
+		label: "Bahrain",
+		phone: "+973"
+	},
+	{
+		code: "BI",
+		label: "Burundi",
+		phone: "+257"
+	},
+	{
+		code: "BJ",
+		label: "Benin",
+		phone: "+229"
+	},
+	{
+		code: "BL",
+		label: "Saint Barthelemy",
+		phone: "+590"
+	},
+	{
+		code: "BM",
+		label: "Bermuda",
+		phone: "+1-441"
+	},
+	{
+		code: "BN",
+		label: "Brunei Darussalam",
+		phone: "+673"
+	},
+	{
+		code: "BO",
+		label: "Bolivia",
+		phone: "+591"
+	},
+	{
+		code: "BR",
+		label: "Brazil",
+		phone: "+55"
+	},
+	{
+		code: "BS",
+		label: "Bahamas",
+		phone: "+1-242"
+	},
+	{
+		code: "BT",
+		label: "Bhutan",
+		phone: "+975"
+	},
+	{
+		code: "BV",
+		label: "Bouvet Island",
+		phone: "+47"
+	},
+	{
+		code: "BW",
+		label: "Botswana",
+		phone: "+267"
+	},
+	{
+		code: "BY",
+		label: "Belarus",
+		phone: "+375"
+	},
+	{
+		code: "BZ",
+		label: "Belize",
+		phone: "+501"
+	},
+	{
+		code: "CA",
+		label: "Canada",
+		phone: "+1",
+		suggested: true
+	},
+	{
+		code: "CC",
+		label: "Cocos (Keeling) Islands",
+		phone: "+61"
+	},
+	{
+		code: "CD",
+		label: "Congo, Democratic Republic of the",
+		phone: "+243"
+	},
+	{
+		code: "CF",
+		label: "Central African Republic",
+		phone: "+236"
+	},
+	{
+		code: "CG",
+		label: "Congo, Republic of the",
+		phone: "+242"
+	},
+	{
+		code: "CH",
+		label: "Switzerland",
+		phone: "+41"
+	},
+	{
+		code: "CI",
+		label: "Cote d'Ivoire",
+		phone: "+225"
+	},
+	{
+		code: "CK",
+		label: "Cook Islands",
+		phone: "+682"
+	},
+	{
+		code: "CL",
+		label: "Chile",
+		phone: "+56"
+	},
+	{
+		code: "CM",
+		label: "Cameroon",
+		phone: "+237"
+	},
+	{
+		code: "CN",
+		label: "China",
+		phone: "+86"
+	},
+	{
+		code: "CO",
+		label: "Colombia",
+		phone: "+57"
+	},
+	{
+		code: "CR",
+		label: "Costa Rica",
+		phone: "+506"
+	},
+	{
+		code: "CU",
+		label: "Cuba",
+		phone: "+53"
+	},
+	{
+		code: "CV",
+		label: "Cape Verde",
+		phone: "+238"
+	},
+	{
+		code: "CW",
+		label: "Curacao",
+		phone: "+599"
+	},
+	{
+		code: "CX",
+		label: "Christmas Island",
+		phone: "+61"
+	},
+	{
+		code: "CY",
+		label: "Cyprus",
+		phone: "+357"
+	},
+	{
+		code: "CZ",
+		label: "Czech Republic",
+		phone: "+420"
+	},
+	{
+		code: "DE",
+		label: "Germany",
+		phone: "+49",
+		suggested: true
+	},
+	{
+		code: "DJ",
+		label: "Djibouti",
+		phone: "+253"
+	},
+	{
+		code: "DK",
+		label: "Denmark",
+		phone: "+45"
+	},
+	{
+		code: "DM",
+		label: "Dominica",
+		phone: "+1-767"
+	},
+	{
+		code: "DO",
+		label: "Dominican Republic",
+		phone: "+1-809"
+	},
+	{
+		code: "DZ",
+		label: "Algeria",
+		phone: "+213"
+	},
+	{
+		code: "EC",
+		label: "Ecuador",
+		phone: "+593"
+	},
+	{
+		code: "EE",
+		label: "Estonia",
+		phone: "+372"
+	},
+	{
+		code: "EG",
+		label: "Egypt",
+		phone: "+20"
+	},
+	{
+		code: "EH",
+		label: "Western Sahara",
+		phone: "+212"
+	},
+	{
+		code: "ER",
+		label: "Eritrea",
+		phone: "+291"
+	},
+	{
+		code: "ES",
+		label: "Spain",
+		phone: "+34"
+	},
+	{
+		code: "ET",
+		label: "Ethiopia",
+		phone: "+251"
+	},
+	{
+		code: "FI",
+		label: "Finland",
+		phone: "+358"
+	},
+	{
+		code: "FJ",
+		label: "Fiji",
+		phone: "+679"
+	},
+	{
+		code: "FK",
+		label: "Falkland Islands (Malvinas)",
+		phone: "+500"
+	},
+	{
+		code: "FM",
+		label: "Micronesia, Federated States of",
+		phone: "+691"
+	},
+	{
+		code: "FO",
+		label: "Faroe Islands",
+		phone: "+298"
+	},
+	{
+		code: "FR",
+		label: "France",
+		phone: "+33",
+		suggested: true
+	},
+	{
+		code: "GA",
+		label: "Gabon",
+		phone: "+241"
+	},
+	{
+		code: "GB",
+		label: "United Kingdom",
+		phone: "+44"
+	},
+	{
+		code: "GD",
+		label: "Grenada",
+		phone: "+1-473"
+	},
+	{
+		code: "GE",
+		label: "Georgia",
+		phone: "+995"
+	},
+	{
+		code: "GF",
+		label: "French Guiana",
+		phone: "+594"
+	},
+	{
+		code: "GG",
+		label: "Guernsey",
+		phone: "+44"
+	},
+	{
+		code: "GH",
+		label: "Ghana",
+		phone: "+233"
+	},
+	{
+		code: "GI",
+		label: "Gibraltar",
+		phone: "+350"
+	},
+	{
+		code: "GL",
+		label: "Greenland",
+		phone: "+299"
+	},
+	{
+		code: "GM",
+		label: "Gambia",
+		phone: "+220"
+	},
+	{
+		code: "GN",
+		label: "Guinea",
+		phone: "+224"
+	},
+	{
+		code: "GP",
+		label: "Guadeloupe",
+		phone: "+590"
+	},
+	{
+		code: "GQ",
+		label: "Equatorial Guinea",
+		phone: "+240"
+	},
+	{
+		code: "GR",
+		label: "Greece",
+		phone: "+30"
+	},
+	{
+		code: "GS",
+		label: "South Georgia and the South Sandwich Islands",
+		phone: "+500"
+	},
+	{
+		code: "GT",
+		label: "Guatemala",
+		phone: "+502"
+	},
+	{
+		code: "GU",
+		label: "Guam",
+		phone: "+1-671"
+	},
+	{
+		code: "GW",
+		label: "Guinea-Bissau",
+		phone: "+245"
+	},
+	{
+		code: "GY",
+		label: "Guyana",
+		phone: "+592"
+	},
+	{
+		code: "HK",
+		label: "Hong Kong",
+		phone: "+852"
+	},
+	{
+		code: "HM",
+		label: "Heard Island and McDonald Islands",
+		phone: "+672"
+	},
+	{
+		code: "HN",
+		label: "Honduras",
+		phone: "+504"
+	},
+	{
+		code: "HR",
+		label: "Croatia",
+		phone: "+385"
+	},
+	{
+		code: "HT",
+		label: "Haiti",
+		phone: "+509"
+	},
+	{
+		code: "HU",
+		label: "Hungary",
+		phone: "+36"
+	},
+	{
+		code: "ID",
+		label: "Indonesia",
+		phone: "+62"
+	},
+	{
+		code: "IE",
+		label: "Ireland",
+		phone: "+353"
+	},
+	{
+		code: "IL",
+		label: "Israel",
+		phone: "+972"
+	},
+	{
+		code: "IM",
+		label: "Isle of Man",
+		phone: "+44"
+	},
+	{
+		code: "IN",
+		label: "India",
+		phone: "+91"
+	},
+	{
+		code: "IO",
+		label: "British Indian Ocean Territory",
+		phone: "+246"
+	},
+	{
+		code: "IQ",
+		label: "Iraq",
+		phone: "+964"
+	},
+	{
+		code: "IR",
+		label: "Iran, Islamic Republic of",
+		phone: "+98"
+	},
+	{
+		code: "IS",
+		label: "Iceland",
+		phone: "+354"
+	},
+	{
+		code: "IT",
+		label: "Italy",
+		phone: "+39"
+	},
+	{
+		code: "JE",
+		label: "Jersey",
+		phone: "+44"
+	},
+	{
+		code: "JM",
+		label: "Jamaica",
+		phone: "+1-876"
+	},
+	{
+		code: "JO",
+		label: "Jordan",
+		phone: "+962"
+	},
+	{
+		code: "JP",
+		label: "Japan",
+		phone: "+81",
+		suggested: true
+	},
+	{
+		code: "KE",
+		label: "Kenya",
+		phone: "+254"
+	},
+	{
+		code: "KG",
+		label: "Kyrgyzstan",
+		phone: "+996"
+	},
+	{
+		code: "KH",
+		label: "Cambodia",
+		phone: "+855"
+	},
+	{
+		code: "KI",
+		label: "Kiribati",
+		phone: "+686"
+	},
+	{
+		code: "KM",
+		label: "Comoros",
+		phone: "+269"
+	},
+	{
+		code: "KN",
+		label: "Saint Kitts and Nevis",
+		phone: "+1-869"
+	},
+	{
+		code: "KP",
+		label: "Korea, Democratic People's Republic of",
+		phone: "+850"
+	},
+	{
+		code: "KR",
+		label: "Korea, Republic of",
+		phone: "+82"
+	},
+	{
+		code: "KW",
+		label: "Kuwait",
+		phone: "+965"
+	},
+	{
+		code: "KY",
+		label: "Cayman Islands",
+		phone: "+1-345"
+	},
+	{
+		code: "KZ",
+		label: "Kazakhstan",
+		phone: "+7"
+	},
+	{
+		code: "LA",
+		label: "Lao People's Democratic Republic",
+		phone: "+856"
+	},
+	{
+		code: "LB",
+		label: "Lebanon",
+		phone: "+961"
+	},
+	{
+		code: "LC",
+		label: "Saint Lucia",
+		phone: "+1-758"
+	},
+	{
+		code: "LI",
+		label: "Liechtenstein",
+		phone: "+423"
+	},
+	{
+		code: "LK",
+		label: "Sri Lanka",
+		phone: "+94"
+	},
+	{
+		code: "LR",
+		label: "Liberia",
+		phone: "+231"
+	},
+	{
+		code: "LS",
+		label: "Lesotho",
+		phone: "+266"
+	},
+	{
+		code: "LT",
+		label: "Lithuania",
+		phone: "+370"
+	},
+	{
+		code: "LU",
+		label: "Luxembourg",
+		phone: "+352"
+	},
+	{
+		code: "LV",
+		label: "Latvia",
+		phone: "+371"
+	},
+	{
+		code: "LY",
+		label: "Libya",
+		phone: "+218"
+	},
+	{
+		code: "MA",
+		label: "Morocco",
+		phone: "+212"
+	},
+	{
+		code: "MC",
+		label: "Monaco",
+		phone: "+377"
+	},
+	{
+		code: "MD",
+		label: "Moldova, Republic of",
+		phone: "+373"
+	},
+	{
+		code: "ME",
+		label: "Montenegro",
+		phone: "+382"
+	},
+	{
+		code: "MF",
+		label: "Saint Martin (French part)",
+		phone: "+590"
+	},
+	{
+		code: "MG",
+		label: "Madagascar",
+		phone: "+261"
+	},
+	{
+		code: "MH",
+		label: "Marshall Islands",
+		phone: "+692"
+	},
+	{
+		code: "MK",
+		label: "Macedonia, the Former Yugoslav Republic of",
+		phone: "+389"
+	},
+	{
+		code: "ML",
+		label: "Mali",
+		phone: "+223"
+	},
+	{
+		code: "MM",
+		label: "Myanmar",
+		phone: "+95"
+	},
+	{
+		code: "MN",
+		label: "Mongolia",
+		phone: "+976"
+	},
+	{
+		code: "MO",
+		label: "Macao",
+		phone: "+853"
+	},
+	{
+		code: "MP",
+		label: "Northern Mariana Islands",
+		phone: "+1-670"
+	},
+	{
+		code: "MQ",
+		label: "Martinique",
+		phone: "+596"
+	},
+	{
+		code: "MR",
+		label: "Mauritania",
+		phone: "+222"
+	},
+	{
+		code: "MS",
+		label: "Montserrat",
+		phone: "+1-664"
+	},
+	{
+		code: "MT",
+		label: "Malta",
+		phone: "+356"
+	},
+	{
+		code: "MU",
+		label: "Mauritius",
+		phone: "+230"
+	},
+	{
+		code: "MV",
+		label: "Maldives",
+		phone: "+960"
+	},
+	{
+		code: "MW",
+		label: "Malawi",
+		phone: "+265"
+	},
+	{
+		code: "MX",
+		label: "Mexico",
+		phone: "+52"
+	},
+	{
+		code: "MY",
+		label: "Malaysia",
+		phone: "+60"
+	},
+	{
+		code: "MZ",
+		label: "Mozambique",
+		phone: "+258"
+	},
+	{
+		code: "NA",
+		label: "Namibia",
+		phone: "+264"
+	},
+	{
+		code: "NC",
+		label: "New Caledonia",
+		phone: "+687"
+	},
+	{
+		code: "NE",
+		label: "Niger",
+		phone: "+227"
+	},
+	{
+		code: "NF",
+		label: "Norfolk Island",
+		phone: "+672"
+	},
+	{
+		code: "NG",
+		label: "Nigeria",
+		phone: "+234"
+	},
+	{
+		code: "NI",
+		label: "Nicaragua",
+		phone: "+505"
+	},
+	{
+		code: "NL",
+		label: "Netherlands",
+		phone: "+31"
+	},
+	{
+		code: "NO",
+		label: "Norway",
+		phone: "+47"
+	},
+	{
+		code: "NP",
+		label: "Nepal",
+		phone: "+977"
+	},
+	{
+		code: "NR",
+		label: "Nauru",
+		phone: "+674"
+	},
+	{
+		code: "NU",
+		label: "Niue",
+		phone: "+683"
+	},
+	{
+		code: "NZ",
+		label: "New Zealand",
+		phone: "+64"
+	},
+	{
+		code: "OM",
+		label: "Oman",
+		phone: "+968"
+	},
+	{
+		code: "PA",
+		label: "Panama",
+		phone: "+507"
+	},
+	{
+		code: "PE",
+		label: "Peru",
+		phone: "+51"
+	},
+	{
+		code: "PF",
+		label: "French Polynesia",
+		phone: "+689"
+	},
+	{
+		code: "PG",
+		label: "Papua New Guinea",
+		phone: "+675"
+	},
+	{
+		code: "PH",
+		label: "Philippines",
+		phone: "+63"
+	},
+	{
+		code: "PK",
+		label: "Pakistan",
+		phone: "+92"
+	},
+	{
+		code: "PL",
+		label: "Poland",
+		phone: "+48"
+	},
+	{
+		code: "PM",
+		label: "Saint Pierre and Miquelon",
+		phone: "+508"
+	},
+	{
+		code: "PN",
+		label: "Pitcairn",
+		phone: "+870"
+	},
+	{
+		code: "PR",
+		label: "Puerto Rico",
+		phone: "+1"
+	},
+	{
+		code: "PS",
+		label: "Palestine, State of",
+		phone: "+970"
+	},
+	{
+		code: "PT",
+		label: "Portugal",
+		phone: "+351"
+	},
+	{
+		code: "PW",
+		label: "Palau",
+		phone: "+680"
+	},
+	{
+		code: "PY",
+		label: "Paraguay",
+		phone: "+595"
+	},
+	{
+		code: "QA",
+		label: "Qatar",
+		phone: "+974"
+	},
+	{
+		code: "RE",
+		label: "Reunion",
+		phone: "+262"
+	},
+	{
+		code: "RO",
+		label: "Romania",
+		phone: "+40"
+	},
+	{
+		code: "RS",
+		label: "Serbia",
+		phone: "+381"
+	},
+	{
+		code: "RU",
+		label: "Russian Federation",
+		phone: "+7"
+	},
+	{
+		code: "RW",
+		label: "Rwanda",
+		phone: "+250"
+	},
+	{
+		code: "SA",
+		label: "Saudi Arabia",
+		phone: "+966"
+	},
+	{
+		code: "SB",
+		label: "Solomon Islands",
+		phone: "+677"
+	},
+	{
+		code: "SC",
+		label: "Seychelles",
+		phone: "+248"
+	},
+	{
+		code: "SD",
+		label: "Sudan",
+		phone: "+249"
+	},
+	{
+		code: "SE",
+		label: "Sweden",
+		phone: "+46"
+	},
+	{
+		code: "SG",
+		label: "Singapore",
+		phone: "+65"
+	},
+	{
+		code: "SH",
+		label: "Saint Helena",
+		phone: "+290"
+	},
+	{
+		code: "SI",
+		label: "Slovenia",
+		phone: "+386"
+	},
+	{
+		code: "SJ",
+		label: "Svalbard and Jan Mayen",
+		phone: "+47"
+	},
+	{
+		code: "SK",
+		label: "Slovakia",
+		phone: "+421"
+	},
+	{
+		code: "SL",
+		label: "Sierra Leone",
+		phone: "+232"
+	},
+	{
+		code: "SM",
+		label: "San Marino",
+		phone: "+378"
+	},
+	{
+		code: "SN",
+		label: "Senegal",
+		phone: "+221"
+	},
+	{
+		code: "SO",
+		label: "Somalia",
+		phone: "+252"
+	},
+	{
+		code: "SR",
+		label: "Suriname",
+		phone: "+597"
+	},
+	{
+		code: "SS",
+		label: "South Sudan",
+		phone: "+211"
+	},
+	{
+		code: "ST",
+		label: "Sao Tome and Principe",
+		phone: "+239"
+	},
+	{
+		code: "SV",
+		label: "El Salvador",
+		phone: "+503"
+	},
+	{
+		code: "SX",
+		label: "Sint Maarten (Dutch part)",
+		phone: "+1-721"
+	},
+	{
+		code: "SY",
+		label: "Syrian Arab Republic",
+		phone: "+963"
+	},
+	{
+		code: "SZ",
+		label: "Swaziland",
+		phone: "+268"
+	},
+	{
+		code: "TC",
+		label: "Turks and Caicos Islands",
+		phone: "+1-649"
+	},
+	{
+		code: "TD",
+		label: "Chad",
+		phone: "+235"
+	},
+	{
+		code: "TF",
+		label: "French Southern Territories",
+		phone: "+262"
+	},
+	{
+		code: "TG",
+		label: "Togo",
+		phone: "+228"
+	},
+	{
+		code: "TH",
+		label: "Thailand",
+		phone: "+66"
+	},
+	{
+		code: "TJ",
+		label: "Tajikistan",
+		phone: "+992"
+	},
+	{
+		code: "TK",
+		label: "Tokelau",
+		phone: "+690"
+	},
+	{
+		code: "TL",
+		label: "Timor-Leste",
+		phone: "+670"
+	},
+	{
+		code: "TM",
+		label: "Turkmenistan",
+		phone: "+993"
+	},
+	{
+		code: "TN",
+		label: "Tunisia",
+		phone: "+216"
+	},
+	{
+		code: "TO",
+		label: "Tonga",
+		phone: "+676"
+	},
+	{
+		code: "TR",
+		label: "Turkey",
+		phone: "+90"
+	},
+	{
+		code: "TT",
+		label: "Trinidad and Tobago",
+		phone: "+1-868"
+	},
+	{
+		code: "TV",
+		label: "Tuvalu",
+		phone: "+688"
+	},
+	{
+		code: "TW",
+		label: "Taiwan, Province of China",
+		phone: "+886"
+	},
+	{
+		code: "TZ",
+		label: "United Republic of Tanzania",
+		phone: "+255"
+	},
+	{
+		code: "UA",
+		label: "Ukraine",
+		phone: "+380"
+	},
+	{
+		code: "UG",
+		label: "Uganda",
+		phone: "+256"
+	},
+	{
+		code: "US",
+		label: "United States",
+		phone: "+1",
+		suggested: true
+	},
+	{
+		code: "UY",
+		label: "Uruguay",
+		phone: "+598"
+	},
+	{
+		code: "UZ",
+		label: "Uzbekistan",
+		phone: "+998"
+	},
+	{
+		code: "VA",
+		label: "Holy See (Vatican City State)",
+		phone: "+379"
+	},
+	{
+		code: "VC",
+		label: "Saint Vincent and the Grenadines",
+		phone: "+1-784"
+	},
+	{
+		code: "VE",
+		label: "Venezuela",
+		phone: "+58"
+	},
+	{
+		code: "VG",
+		label: "British Virgin Islands",
+		phone: "+1-284"
+	},
+	{
+		code: "VI",
+		label: "US Virgin Islands",
+		phone: "+1-340"
+	},
+	{
+		code: "VN",
+		label: "Vietnam",
+		phone: "+84"
+	},
+	{
+		code: "VU",
+		label: "Vanuatu",
+		phone: "+678"
+	},
+	{
+		code: "WF",
+		label: "Wallis and Futuna",
+		phone: "+681"
+	},
+	{
+		code: "WS",
+		label: "Samoa",
+		phone: "+685"
+	},
+	{
+		code: "XK",
+		label: "Kosovo",
+		phone: "+383"
+	},
+	{
+		code: "YE",
+		label: "Yemen",
+		phone: "+967"
+	},
+	{
+		code: "YT",
+		label: "Mayotte",
+		phone: "+262"
+	},
+	{
+		code: "ZA",
+		label: "South Africa",
+		phone: "+27"
+	},
+	{
+		code: "ZM",
+		label: "Zambia",
+		phone: "+260"
+	},
+	{
+		code: "ZW",
+		label: "Zimbabwe",
+		phone: "+263"
+	}
+];
+
+function PhoneInput(_ref) {
+  var onChange = _ref.onChange,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    country = _ref.country,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? 'Enter phone number' : _ref$placeholder,
+    _ref$color = _ref.color,
+    _color = _ref$color === void 0 ? 'default' : _ref$color,
+    children = _ref.children,
+    fullWidth = _ref.fullWidth;
+  var theme$1 = theme.useTheme();
+  var _useScale = useScale(),
+    SCALES = _useScale.SCALES;
+  var defaultValue = country ? countries.findIndex(function (cn) {
+    return cn.code == country;
+  }) : 103;
+  var _useState = React.useState(countries[defaultValue]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedCountry = _useState2[0],
+    setSelectedCountry = _useState2[1];
+  var _useState3 = React.useState(value),
+    _useState4 = _slicedToArray(_useState3, 2),
+    phoneNumber = _useState4[0],
+    setPhoneNumber = _useState4[1];
+  var _useState5 = React.useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isFocused = _useState6[0],
+    setIsFocused = _useState6[1];
+  var _useState7 = React.useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    dropdownOpen = _useState8[0],
+    setDropdownOpen = _useState8[1];
+  var _useState9 = React.useState(''),
+    _useState0 = _slicedToArray(_useState9, 2),
+    searchTerm = _useState0[0],
+    setSearchTerm = _useState0[1];
+  var dropdownRef = React.useRef(null);
+  var _useMemo = React.useMemo(function () {
+      return getColors(theme$1.palette, _color);
+    }, [theme$1.palette]),
+    borderColor = _useMemo.borderColor,
+    hoverBorder = _useMemo.hoverBorder;
+  var handleSelectCountry = function handleSelectCountry(country) {
+    setSelectedCountry(country);
+    setDropdownOpen(false);
+    setSearchTerm('');
+    if (onChange) onChange("".concat(country.code, ":").concat(phoneNumber));
+  };
+  var handlePhoneChange = function handlePhoneChange(e) {
+    var value = e.target.value.replace(/[^\d]/g, '');
+    setPhoneNumber(value);
+    if (onChange) onChange("".concat(selectedCountry.phone, ",").concat(value));
+  };
+  var handleClickOutside = function handleClickOutside(e) {
+    if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
+      setDropdownOpen(false);
+      setSearchTerm('');
+    }
+  };
+  React.useEffect(function () {
+    document.addEventListener('mousedown', handleClickOutside);
+    return function () {
+      return document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, []);
+  var filteredCountries = countries.filter(function (c) {
+    return "".concat(c.label, " ").concat(c.code, " ").concat(c.phone).toLowerCase().includes(searchTerm.toLowerCase());
+  });
+  var defaultWidth = fullWidth ? '100%' : 'initial';
+  return /*#__PURE__*/React.createElement("div", {
+    ref: dropdownRef,
+    className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]]) + " " + "phone-input-container ".concat(isFocused ? 'focused' : '')
+  }, children && /*#__PURE__*/React.createElement(InputBlockLabel, null, children), /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]]) + " " + "input-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      return setDropdownOpen(!dropdownOpen);
+    },
+    className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]]) + " " + "dropdown-toggle"
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 5
+    },
+    className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
+  }, /*#__PURE__*/React.createElement("img", {
+    loading: "lazy",
+    width: "20",
+    height: "20",
+    src: "https://flagcdn.com/w20/".concat(selectedCountry.code.toLowerCase(), ".png"),
+    srcSet: "https://flagcdn.com/w40/".concat(selectedCountry.code.toLowerCase(), ".png 2x"),
+    alt: "Flag of ".concat(selectedCountry.label),
+    className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
+  }), /*#__PURE__*/React.createElement("span", {
+    className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
+  }, selectedCountry.phone))), /*#__PURE__*/React.createElement("input", {
+    type: "tel",
+    placeholder: placeholder,
+    value: phoneNumber,
+    onChange: handlePhoneChange,
+    onFocus: function onFocus() {
+      return setIsFocused(true);
+    },
+    onBlur: function onBlur() {
+      return setIsFocused(false);
+    },
+    className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]]) + " " + "phone-input"
+  })), dropdownOpen && /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]]) + " " + "dropdown"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    placeholder: "Search country...",
+    value: searchTerm,
+    onChange: function onChange(e) {
+      return setSearchTerm(e.target.value);
+    },
+    className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]]) + " " + "search-input"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]]) + " " + "country-list"
+  }, filteredCountries.length > 0 ? filteredCountries.map(function (c) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: c.code,
+      onClick: function onClick() {
+        return handleSelectCountry(c);
+      },
+      className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]]) + " " + "dropdown-item"
+    }, /*#__PURE__*/React.createElement("span", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 5
+      },
+      className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
+    }, /*#__PURE__*/React.createElement("img", {
+      loading: "lazy",
+      width: "23",
+      height: "23",
+      src: "https://flagcdn.com/w20/".concat(c.code.toLowerCase(), ".png"),
+      srcSet: "https://flagcdn.com/w40/".concat(c.code.toLowerCase(), ".png 2x"),
+      alt: "Flag of ".concat(c.label),
+      className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
+    }), c.phone, " ", /*#__PURE__*/React.createElement("span", {
+      style: {
+        color: 'grey'
+      },
+      className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]])
+    }, c.label)));
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: _JSXStyle.dynamic([["3237870810", [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']]]) + " " + "dropdown-item disabled"
+  }, "No results"))), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3237870810",
+    dynamic: [SCALES.width(1, defaultWidth), SCALES.height(2.25), hoverBorder, borderColor, borderColor, SCALES.width(1, defaultWidth), theme$1.type == 'dark' ? 'black' : 'white', borderColor, borderColor, theme$1.type == 'dark' ? '#3a3d3d' : '#efefef']
+  }, ".phone-input-container.__jsx-style-dynamic-selector{position:relative;width:".concat(SCALES.width(1, defaultWidth), ";height:").concat(SCALES.height(2.25), ";}.phone-input-container.focused.__jsx-style-dynamic-selector{outline:1px solid ").concat(hoverBorder, ";border-radius:6px;}.input-wrapper.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid ").concat(borderColor, ";border-radius:6px;overflow:hidden;}.dropdown-toggle.__jsx-style-dynamic-selector{padding:7px 12px;border-radius:6px 0px 0px 6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;border-right:1px solid ").concat(borderColor, ";}.phone-input.__jsx-style-dynamic-selector{width:100%;min-width:0;padding:5px 10px;background-color:transparent;font-size:14px;border:none;}.phone-input.__jsx-style-dynamic-selector:focus{outline:none;}.dropdown.__jsx-style-dynamic-selector{position:absolute;top:100%;left:0;width:").concat(SCALES.width(1, defaultWidth), ";background:").concat(theme$1.type == 'dark' ? 'black' : 'white', ";border:1px solid ").concat(borderColor, ";border-radius:6px;margin-top:4px;z-index:999;box-shadow:0 4px 10px rgba(0,0,0,0.1);}.search-input.__jsx-style-dynamic-selector{width:100%;padding:8px 10px;border:none;background-color:transparent;border-bottom:1px solid ").concat(borderColor, ";font-size:14px;}.search-input.__jsx-style-dynamic-selector:focus{outline:none;}.country-list.__jsx-style-dynamic-selector{max-height:200px;overflow-y:auto;}.dropdown-item.__jsx-style-dynamic-selector{padding:10px;cursor:pointer;font-size:14px;}.dropdown-item.__jsx-style-dynamic-selector:hover{background:").concat(theme$1.type == 'dark' ? '#3a3d3d' : '#efefef', ";}.dropdown-item.disabled.__jsx-style-dynamic-selector{color:#888;cursor:default;}")));
+}
+
+/**
+ * Escape regex char
+ *
+ * See: https://stackoverflow.com/questions/17885855/use-dynamic-variable-string-as-regex-pattern-in-javascript
+ */
+var escapeRegExp = function escapeRegExp(stringToGoIntoTheRegex) {
+  return stringToGoIntoTheRegex.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
+};
+
+var abbrMap = {
+  k: 1000,
+  m: 1000000,
+  b: 1000000000
+};
+
+/**
+ * Parse a value with abbreviation e.g 1k = 1000
+ */
+var parseAbbrValue = function parseAbbrValue(value) {
+  var decimalSeparator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '.';
+  var reg = new RegExp("(\\d+(".concat(escapeRegExp(decimalSeparator), "\\d*)?)([kmb])$"), 'i');
+  var match = value.match(reg);
+  if (match) {
+    var _match = _slicedToArray(match, 4),
+      digits = _match[1],
+      abbr = _match[3];
+    var multiplier = abbrMap[abbr.toLowerCase()];
+    return Number(digits.replace(decimalSeparator, '.')) * multiplier;
+  }
+  return undefined;
+};
+
+/**
+ * Remove group separator from value eg. 1,000 > 1000
+ */
+var removeSeparators = function removeSeparators(value) {
+  var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ',';
+  var reg = new RegExp(escapeRegExp(separator), 'g');
+  return value.replace(reg, '');
+};
+
+/**
+ * Remove invalid characters
+ */
+var removeInvalidChars = function removeInvalidChars(value, validChars) {
+  var chars = escapeRegExp(validChars.join(''));
+  var reg = new RegExp("[^\\d".concat(chars, "]"), 'gi');
+  return value.replace(reg, '');
+};
+
+/**
+ * Remove prefix, separators and extra decimals from value
+ */
+var cleanValue = function cleanValue(_ref) {
+  var value = _ref.value,
+    _ref$groupSeparator = _ref.groupSeparator,
+    groupSeparator = _ref$groupSeparator === void 0 ? ',' : _ref$groupSeparator,
+    _ref$decimalSeparator = _ref.decimalSeparator,
+    decimalSeparator = _ref$decimalSeparator === void 0 ? '.' : _ref$decimalSeparator,
+    _ref$allowDecimals = _ref.allowDecimals,
+    allowDecimals = _ref$allowDecimals === void 0 ? true : _ref$allowDecimals,
+    _ref$decimalsLimit = _ref.decimalsLimit,
+    decimalsLimit = _ref$decimalsLimit === void 0 ? 2 : _ref$decimalsLimit,
+    _ref$allowNegativeVal = _ref.allowNegativeValue,
+    allowNegativeValue = _ref$allowNegativeVal === void 0 ? true : _ref$allowNegativeVal,
+    _ref$disableAbbreviat = _ref.disableAbbreviations,
+    disableAbbreviations = _ref$disableAbbreviat === void 0 ? false : _ref$disableAbbreviat,
+    _ref$prefix = _ref.prefix,
+    prefix = _ref$prefix === void 0 ? '' : _ref$prefix,
+    _ref$transformRawValu = _ref.transformRawValue,
+    transformRawValue = _ref$transformRawValu === void 0 ? function (rawValue) {
+      return rawValue;
+    } : _ref$transformRawValu;
+  var transformedValue = transformRawValue(value);
+  if (transformedValue === '-') {
+    return transformedValue;
+  }
+  var abbreviations = disableAbbreviations ? [] : ['k', 'm', 'b'];
+  var reg = new RegExp("((^|\\D)-\\d)|(-".concat(escapeRegExp(prefix), ")"));
+  var isNegative = reg.test(transformedValue);
+
+  // Is there a digit before the prefix? eg. 1$
+  var _ref2 = RegExp("(\\d+)-?".concat(escapeRegExp(prefix))).exec(value) || [],
+    _ref3 = _slicedToArray(_ref2, 2),
+    prefixWithValue = _ref3[0],
+    preValue = _ref3[1];
+  var withoutPrefix = prefix ? prefixWithValue ? transformedValue.replace(prefixWithValue, '').concat(preValue) : transformedValue.replace(prefix, '') : transformedValue;
+  var withoutSeparators = removeSeparators(withoutPrefix, groupSeparator);
+  var withoutInvalidChars = removeInvalidChars(withoutSeparators, [groupSeparator, decimalSeparator].concat(abbreviations));
+  var valueOnly = withoutInvalidChars;
+  if (!disableAbbreviations) {
+    // disallow letter without number
+    if (abbreviations.some(function (letter) {
+      return letter === withoutInvalidChars.toLowerCase().replace(decimalSeparator, '');
+    })) {
+      return '';
+    }
+    var parsed = parseAbbrValue(withoutInvalidChars, decimalSeparator);
+    if (parsed) {
+      valueOnly = String(parsed);
+    }
+  }
+  var includeNegative = isNegative && allowNegativeValue ? '-' : '';
+  if (decimalSeparator && valueOnly.includes(decimalSeparator)) {
+    var _withoutInvalidChars$ = withoutInvalidChars.split(decimalSeparator),
+      _withoutInvalidChars$2 = _slicedToArray(_withoutInvalidChars$, 2),
+      _int = _withoutInvalidChars$2[0],
+      decimals = _withoutInvalidChars$2[1];
+    var trimmedDecimals = decimalsLimit && decimals ? decimals.slice(0, decimalsLimit) : decimals;
+    var includeDecimals = allowDecimals ? "".concat(decimalSeparator).concat(trimmedDecimals) : '';
+    return "".concat(includeNegative).concat(_int).concat(includeDecimals);
+  }
+  return "".concat(includeNegative).concat(valueOnly);
+};
+
+var fixedDecimalValue = function fixedDecimalValue(value, decimalSeparator, fixedDecimalLength) {
+  if (fixedDecimalLength !== undefined && value.length > 1) {
+    if (fixedDecimalLength === 0) {
+      return value.replace(decimalSeparator, '');
+    }
+    if (value.includes(decimalSeparator)) {
+      var _value$split = value.split(decimalSeparator),
+        _value$split2 = _slicedToArray(_value$split, 2),
+        _int = _value$split2[0],
+        decimals = _value$split2[1];
+      if (decimals.length === fixedDecimalLength) {
+        return value;
+      }
+      if (decimals.length > fixedDecimalLength) {
+        return "".concat(_int).concat(decimalSeparator).concat(decimals.slice(0, fixedDecimalLength));
+      }
+    }
+    var reg = value.length > fixedDecimalLength ? new RegExp("(\\d+)(\\d{".concat(fixedDecimalLength, "})")) : new RegExp("(\\d)(\\d+)");
+    var match = value.match(reg);
+    if (match) {
+      var _match = _slicedToArray(match, 3),
+        _int2 = _match[1],
+        _decimals = _match[2];
+      return "".concat(_int2).concat(decimalSeparator).concat(_decimals);
+    }
+  }
+  return value;
+};
+
+var getSuffix = function getSuffix(value, _ref) {
+  var _ref$groupSeparator = _ref.groupSeparator,
+    groupSeparator = _ref$groupSeparator === void 0 ? ',' : _ref$groupSeparator,
+    _ref$decimalSeparator = _ref.decimalSeparator,
+    decimalSeparator = _ref$decimalSeparator === void 0 ? '.' : _ref$decimalSeparator;
+  var suffixReg = new RegExp("\\d([^".concat(escapeRegExp(groupSeparator)).concat(escapeRegExp(decimalSeparator), "0-9]+)"));
+  var suffixMatch = value.match(suffixReg);
+  return suffixMatch ? suffixMatch[1] : undefined;
+};
+
+/**
+ * Format value with decimal separator, group separator and prefix
+ */
+var formatValue = function formatValue(options) {
+  var _value = options.value,
+    decimalSeparator = options.decimalSeparator,
+    intlConfig = options.intlConfig,
+    decimalScale = options.decimalScale,
+    _options$prefix = options.prefix,
+    prefix = _options$prefix === void 0 ? '' : _options$prefix,
+    _options$suffix = options.suffix,
+    suffix = _options$suffix === void 0 ? '' : _options$suffix;
+  if (_value === '' || _value === undefined) {
+    return '';
+  }
+  if (_value === '-') {
+    return '-';
+  }
+  var isNegative = new RegExp("^\\d?-".concat(prefix ? "".concat(escapeRegExp(prefix), "?") : '', "\\d")).test(_value);
+  var value = decimalSeparator !== '.' ? replaceDecimalSeparator(_value, decimalSeparator, isNegative) : _value;
+  if (decimalSeparator && decimalSeparator !== '-' && value.startsWith(decimalSeparator)) {
+    value = '0' + value;
+  }
+  var defaultNumberFormatOptions = {
+    minimumFractionDigits: decimalScale || 0,
+    maximumFractionDigits: 20
+  };
+  var numberFormatter = intlConfig ? new Intl.NumberFormat(intlConfig.locale, intlConfig.currency ? _objectSpread2(_objectSpread2({}, defaultNumberFormatOptions), {}, {
+    style: 'currency',
+    currency: intlConfig.currency
+  }) : defaultNumberFormatOptions) : new Intl.NumberFormat(undefined, defaultNumberFormatOptions);
+  var parts = numberFormatter.formatToParts(Number(value));
+  var formatted = replaceParts(parts, options);
+
+  // Does intl formatting add a suffix?
+  var intlSuffix = getSuffix(formatted, _objectSpread2({}, options));
+
+  // Include decimal separator if user input ends with decimal separator
+  var includeDecimalSeparator = _value.slice(-1) === decimalSeparator ? decimalSeparator : '';
+  var _ref = value.match(RegExp('\\d+\\.(\\d+)')) || [],
+    _ref2 = _slicedToArray(_ref, 2),
+    decimals = _ref2[1];
+
+  // Keep original decimal padding if no decimalScale
+  if (decimalScale === undefined && decimals && decimalSeparator) {
+    if (formatted.includes(decimalSeparator)) {
+      formatted = formatted.replace(RegExp("(\\d+)(".concat(escapeRegExp(decimalSeparator), ")(\\d+)"), 'g'), "$1$2".concat(decimals));
+    } else {
+      if (intlSuffix && !suffix) {
+        formatted = formatted.replace(intlSuffix, "".concat(decimalSeparator).concat(decimals).concat(intlSuffix));
+      } else {
+        formatted = "".concat(formatted).concat(decimalSeparator).concat(decimals);
+      }
+    }
+  }
+  if (suffix && includeDecimalSeparator) {
+    return "".concat(formatted).concat(includeDecimalSeparator).concat(suffix);
+  }
+  if (intlSuffix && includeDecimalSeparator) {
+    return formatted.replace(intlSuffix, "".concat(includeDecimalSeparator).concat(intlSuffix));
+  }
+  if (intlSuffix && suffix) {
+    return formatted.replace(intlSuffix, "".concat(includeDecimalSeparator).concat(suffix));
+  }
+  return [formatted, includeDecimalSeparator, suffix].join('');
+};
+
+/**
+ * Before converting to Number, decimal separator has to be .
+ */
+var replaceDecimalSeparator = function replaceDecimalSeparator(value, decimalSeparator, isNegative) {
+  var newValue = value;
+  if (decimalSeparator && decimalSeparator !== '.') {
+    newValue = newValue.replace(RegExp(escapeRegExp(decimalSeparator), 'g'), '.');
+    if (isNegative && decimalSeparator === '-') {
+      newValue = "-".concat(newValue.slice(1));
+    }
+  }
+  return newValue;
+};
+var replaceParts = function replaceParts(parts, _ref3) {
+  var prefix = _ref3.prefix,
+    groupSeparator = _ref3.groupSeparator,
+    decimalSeparator = _ref3.decimalSeparator,
+    decimalScale = _ref3.decimalScale,
+    _ref3$disableGroupSep = _ref3.disableGroupSeparators,
+    disableGroupSeparators = _ref3$disableGroupSep === void 0 ? false : _ref3$disableGroupSep;
+  return parts.reduce(function (prev, _ref4, i) {
+    var type = _ref4.type,
+      value = _ref4.value;
+    if (i === 0 && prefix) {
+      if (type === 'minusSign') {
+        return [value, prefix];
+      }
+      if (type === 'currency') {
+        return [].concat(_toConsumableArray(prev), [prefix]);
+      }
+      return [prefix, value];
+    }
+    if (type === 'currency') {
+      return prefix ? prev : [].concat(_toConsumableArray(prev), [value]);
+    }
+    if (type === 'group') {
+      return !disableGroupSeparators ? [].concat(_toConsumableArray(prev), [groupSeparator !== undefined ? groupSeparator : value]) : prev;
+    }
+    if (type === 'decimal') {
+      if (decimalScale !== undefined && decimalScale === 0) {
+        return prev;
+      }
+      return [].concat(_toConsumableArray(prev), [decimalSeparator !== undefined ? decimalSeparator : value]);
+    }
+    if (type === 'fraction') {
+      return [].concat(_toConsumableArray(prev), [decimalScale !== undefined ? value.slice(0, decimalScale) : value]);
+    }
+    return [].concat(_toConsumableArray(prev), [value]);
+  }, ['']).join('');
+};
+
+var defaultConfig = {
+  currencySymbol: '',
+  groupSeparator: '',
+  decimalSeparator: '',
+  prefix: '',
+  suffix: ''
+};
+
+/**
+ * Get locale config from input or default
+ */
+var getLocaleConfig = function getLocaleConfig(intlConfig) {
+  var _ref = intlConfig || {},
+    locale = _ref.locale,
+    currency = _ref.currency;
+  var numberFormatter = locale ? new Intl.NumberFormat(locale, currency ? {
+    currency: currency,
+    style: 'currency'
+  } : undefined) : new Intl.NumberFormat();
+  return numberFormatter.formatToParts(1000.1).reduce(function (prev, curr, i) {
+    if (curr.type === 'currency') {
+      if (i === 0) {
+        return _objectSpread2(_objectSpread2({}, prev), {}, {
+          currencySymbol: curr.value,
+          prefix: curr.value
+        });
+      } else {
+        return _objectSpread2(_objectSpread2({}, prev), {}, {
+          currencySymbol: curr.value,
+          suffix: curr.value
+        });
+      }
+    }
+    if (curr.type === 'group') {
+      return _objectSpread2(_objectSpread2({}, prev), {}, {
+        groupSeparator: curr.value
+      });
+    }
+    if (curr.type === 'decimal') {
+      return _objectSpread2(_objectSpread2({}, prev), {}, {
+        decimalSeparator: curr.value
+      });
+    }
+    return prev;
+  }, defaultConfig);
+};
+
+var isNumber = function isNumber(input) {
+  return RegExp(/\d/, 'gi').test(input);
+};
+
+var padTrimValue = function padTrimValue(value) {
+  var decimalSeparator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '.';
+  var decimalScale = arguments.length > 2 ? arguments[2] : undefined;
+  if (decimalScale === undefined || value === '' || value === undefined) {
+    return value;
+  }
+  if (!value.match(/\d/g)) {
+    return '';
+  }
+  var _value$split = value.split(decimalSeparator),
+    _value$split2 = _slicedToArray(_value$split, 2),
+    _int = _value$split2[0],
+    decimals = _value$split2[1];
+  if (decimalScale === 0) {
+    return _int;
+  }
+  var newValue = decimals || '';
+  if (newValue.length < decimalScale) {
+    while (newValue.length < decimalScale) {
+      newValue += '0';
+    }
+  } else {
+    newValue = newValue.slice(0, decimalScale);
+  }
+  return "".concat(_int).concat(decimalSeparator).concat(newValue);
+};
+
+/**
+ * Based on the last key stroke and the cursor position, update the value
+ * and reposition the cursor to the right place
+ */
+var repositionCursor = function repositionCursor(_ref) {
+  var selectionStart = _ref.selectionStart,
+    value = _ref.value,
+    lastKeyStroke = _ref.lastKeyStroke,
+    stateValue = _ref.stateValue,
+    groupSeparator = _ref.groupSeparator;
+  var cursorPosition = selectionStart;
+  var modifiedValue = value;
+  if (stateValue && cursorPosition) {
+    var splitValue = value.split('');
+    // if cursor is to right of groupSeparator and backspace pressed, delete the character to the left of the separator and reposition the cursor
+    if (lastKeyStroke === 'Backspace' && stateValue[cursorPosition] === groupSeparator) {
+      splitValue.splice(cursorPosition - 1, 1);
+      cursorPosition -= 1;
+    }
+    // if cursor is to left of groupSeparator and delete pressed, delete the character to the right of the separator and reposition the cursor
+    if (lastKeyStroke === 'Delete' && stateValue[cursorPosition] === groupSeparator) {
+      splitValue.splice(cursorPosition, 1);
+      cursorPosition += 1;
+    }
+    modifiedValue = splitValue.join('');
+    return {
+      modifiedValue: modifiedValue,
+      cursorPosition: cursorPosition
+    };
+  }
+  return {
+    modifiedValue: modifiedValue,
+    cursorPosition: selectionStart
+  };
+};
+
+var _excluded = ["allowDecimals", "allowNegativeValue", "id", "name", "className", "customInput", "decimalsLimit", "defaultValue", "disabled", "maxLength", "value", "onValueChange", "fixedDecimalLength", "placeholder", "decimalScale", "prefix", "suffix", "intlConfig", "step", "min", "max", "disableGroupSeparators", "disableAbbreviations", "decimalSeparator", "groupSeparator", "onChange", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "transformRawValue", "formatValueOnBlur", "children"];
+var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$allowDecimals = _ref.allowDecimals,
+    allowDecimals = _ref$allowDecimals === void 0 ? true : _ref$allowDecimals,
+    _ref$allowNegativeVal = _ref.allowNegativeValue,
+    allowNegativeValue = _ref$allowNegativeVal === void 0 ? true : _ref$allowNegativeVal,
+    id = _ref.id,
+    name = _ref.name,
+    className = _ref.className,
+    customInput = _ref.customInput,
+    decimalsLimit = _ref.decimalsLimit,
+    defaultValue = _ref.defaultValue,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    userMaxLength = _ref.maxLength,
+    userValue = _ref.value,
+    onValueChange = _ref.onValueChange,
+    fixedDecimalLength = _ref.fixedDecimalLength,
+    placeholder = _ref.placeholder,
+    decimalScale = _ref.decimalScale,
+    prefix = _ref.prefix,
+    suffix = _ref.suffix,
+    intlConfig = _ref.intlConfig,
+    step = _ref.step,
+    min = _ref.min,
+    max = _ref.max,
+    _ref$disableGroupSepa = _ref.disableGroupSeparators,
+    disableGroupSeparators = _ref$disableGroupSepa === void 0 ? false : _ref$disableGroupSepa,
+    _ref$disableAbbreviat = _ref.disableAbbreviations,
+    disableAbbreviations = _ref$disableAbbreviat === void 0 ? false : _ref$disableAbbreviat,
+    _decimalSeparator = _ref.decimalSeparator,
+    _groupSeparator = _ref.groupSeparator,
+    onChange = _ref.onChange,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    onKeyDown = _ref.onKeyDown,
+    onKeyUp = _ref.onKeyUp,
+    transformRawValue = _ref.transformRawValue,
+    _ref$formatValueOnBlu = _ref.formatValueOnBlur,
+    formatValueOnBlur = _ref$formatValueOnBlu === void 0 ? true : _ref$formatValueOnBlu,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var theme$1 = theme.useTheme();
+  if (_decimalSeparator && isNumber(_decimalSeparator)) {
+    throw new Error('decimalSeparator cannot be a number');
+  }
+  if (_groupSeparator && isNumber(_groupSeparator)) {
+    throw new Error('groupSeparator cannot be a number');
+  }
+  var localeConfig = React.useMemo(function () {
+    return getLocaleConfig(intlConfig);
+  }, [intlConfig]);
+  var decimalSeparator = _decimalSeparator || localeConfig.decimalSeparator || '';
+  var groupSeparator = _groupSeparator || localeConfig.groupSeparator || '';
+  if (decimalSeparator && groupSeparator && decimalSeparator === groupSeparator && disableGroupSeparators === false) {
+    throw new Error('decimalSeparator cannot be the same as groupSeparator');
+  }
+  var formatValueOptions = {
+    decimalSeparator: decimalSeparator,
+    groupSeparator: groupSeparator,
+    disableGroupSeparators: disableGroupSeparators,
+    intlConfig: intlConfig,
+    prefix: prefix || localeConfig.prefix,
+    suffix: suffix
+  };
+  var cleanValueOptions = {
+    decimalSeparator: decimalSeparator,
+    groupSeparator: groupSeparator,
+    allowDecimals: allowDecimals,
+    decimalsLimit: decimalsLimit || fixedDecimalLength || 2,
+    allowNegativeValue: allowNegativeValue,
+    disableAbbreviations: disableAbbreviations,
+    prefix: prefix || localeConfig.prefix,
+    transformRawValue: transformRawValue
+  };
+  var _useState = React.useState(function () {
+      return defaultValue != null ? formatValue(_objectSpread2(_objectSpread2({}, formatValueOptions), {}, {
+        decimalScale: decimalScale,
+        value: String(defaultValue)
+      })) : userValue != null ? formatValue(_objectSpread2(_objectSpread2({}, formatValueOptions), {}, {
+        decimalScale: decimalScale,
+        value: String(userValue)
+      })) : '';
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    stateValue = _useState2[0],
+    setStateValue = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dirty = _useState4[0],
+    setDirty = _useState4[1];
+  var _useState5 = React.useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    cursor = _useState6[0],
+    setCursor = _useState6[1];
+  var _useState7 = React.useState(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    changeCount = _useState8[0],
+    setChangeCount = _useState8[1];
+  var _useState9 = React.useState(null),
+    _useState0 = _slicedToArray(_useState9, 2),
+    lastKeyStroke = _useState0[0],
+    setLastKeyStroke = _useState0[1];
+  var inputRef = React.useRef(null);
+  React.useImperativeHandle(ref, function () {
+    return inputRef.current;
+  });
+
+  /**
+   * Process change in value
+   */
+  var processChange = function processChange(value, selectionStart) {
+    setDirty(true);
+    var _repositionCursor = repositionCursor({
+        selectionStart: selectionStart,
+        value: value,
+        lastKeyStroke: lastKeyStroke,
+        stateValue: stateValue,
+        groupSeparator: groupSeparator
+      }),
+      modifiedValue = _repositionCursor.modifiedValue,
+      cursorPosition = _repositionCursor.cursorPosition;
+    var stringValue = cleanValue(_objectSpread2({
+      value: modifiedValue
+    }, cleanValueOptions));
+    if (userMaxLength && stringValue.replace(/-/g, '').length > userMaxLength) {
+      return;
+    }
+    if (stringValue === '' || stringValue === '-' || stringValue === decimalSeparator) {
+      onValueChange && onValueChange(undefined, name, {
+        "float": null,
+        formatted: '',
+        value: ''
+      });
+      setStateValue(stringValue);
+      // Always sets cursor after '-' or decimalSeparator input
+      setCursor(1);
+      return;
+    }
+    var stringValueWithoutSeparator = decimalSeparator ? stringValue.replace(decimalSeparator, '.') : stringValue;
+    var numberValue = parseFloat(stringValueWithoutSeparator);
+    var formattedValue = formatValue(_objectSpread2({
+      value: stringValue
+    }, formatValueOptions));
+    if (cursorPosition != null) {
+      // Prevent cursor jumping
+      var newCursor = cursorPosition + (formattedValue.length - value.length);
+      newCursor = newCursor <= 0 ? prefix ? prefix.length : 0 : newCursor;
+      setCursor(newCursor);
+      setChangeCount(changeCount + 1);
+    }
+    setStateValue(formattedValue);
+    if (onValueChange) {
+      var values = {
+        "float": numberValue,
+        formatted: formattedValue,
+        value: stringValue
+      };
+      onValueChange(stringValue, name, values);
+    }
+  };
+
+  /**
+   * Handle change event
+   */
+  var handleOnChange = function handleOnChange(event) {
+    var _event$target = event.target,
+      value = _event$target.value,
+      selectionStart = _event$target.selectionStart;
+    processChange(value, selectionStart);
+    onChange && onChange(event);
+  };
+
+  /**
+   * Handle focus event
+   */
+  var handleOnFocus = function handleOnFocus(event) {
+    onFocus && onFocus(event);
+    return stateValue ? stateValue.length : 0;
+  };
+
+  /**
+   * Handle blur event
+   *
+   * Format value by padding/trimming decimals if required by
+   */
+  var handleOnBlur = function handleOnBlur(event) {
+    var value = event.target.value;
+    var valueOnly = cleanValue(_objectSpread2({
+      value: value
+    }, cleanValueOptions));
+    if (valueOnly === '-' || valueOnly === decimalSeparator || !valueOnly) {
+      setStateValue('');
+      onBlur && onBlur(event);
+      return;
+    }
+    var fixedDecimals = fixedDecimalValue(valueOnly, decimalSeparator, fixedDecimalLength);
+    var newValue = padTrimValue(fixedDecimals, decimalSeparator, decimalScale !== undefined ? decimalScale : fixedDecimalLength);
+    var numberValue = parseFloat(newValue.replace(decimalSeparator, '.'));
+    var formattedValue = formatValue(_objectSpread2(_objectSpread2({}, formatValueOptions), {}, {
+      value: newValue
+    }));
+    if (onValueChange && formatValueOnBlur) {
+      onValueChange(newValue, name, {
+        "float": numberValue,
+        formatted: formattedValue,
+        value: newValue
+      });
+    }
+    setStateValue(formattedValue);
+    onBlur && onBlur(event);
+  };
+
+  /**
+   * Handle key down event
+   *
+   * Increase or decrease value by step
+   */
+  var handleOnKeyDown = function handleOnKeyDown(event) {
+    var key = event.key;
+    setLastKeyStroke(key);
+    if (step && (key === 'ArrowUp' || key === 'ArrowDown')) {
+      event.preventDefault();
+      setCursor(stateValue.length);
+      var currentValue = parseFloat(userValue != null ? String(userValue).replace(decimalSeparator, '.') : cleanValue(_objectSpread2({
+        value: stateValue
+      }, cleanValueOptions))) || 0;
+      var newValue = key === 'ArrowUp' ? currentValue + step : currentValue - step;
+      if (min !== undefined && newValue < Number(min)) {
+        return;
+      }
+      if (max !== undefined && newValue > Number(max)) {
+        return;
+      }
+      var fixedLength = String(step).includes('.') ? Number(String(step).split('.')[1].length) : undefined;
+      processChange(String(fixedLength ? newValue.toFixed(fixedLength) : newValue).replace('.', decimalSeparator));
+    }
+    onKeyDown && onKeyDown(event);
+  };
+
+  /**
+   * Handle key up event
+   *
+   * Move cursor if there is a suffix to prevent user typing past suffix
+   */
+  var handleOnKeyUp = function handleOnKeyUp(event) {
+    var key = event.key,
+      selectionStart = event.currentTarget.selectionStart;
+    if (key !== 'ArrowUp' && key !== 'ArrowDown' && stateValue !== '-') {
+      var _suffix = getSuffix(stateValue, {
+        groupSeparator: groupSeparator,
+        decimalSeparator: decimalSeparator
+      });
+      if (_suffix && selectionStart && selectionStart > stateValue.length - _suffix.length) {
+        /* istanbul ignore else */
+        if (inputRef.current) {
+          var newCursor = stateValue.length - _suffix.length;
+          inputRef.current.setSelectionRange(newCursor, newCursor);
+        }
+      }
+    }
+    onKeyUp && onKeyUp(event);
+  };
+
+  // Update state if userValue changes to undefined
+  React.useEffect(function () {
+    if (userValue == null && defaultValue == null) {
+      setStateValue('');
+    }
+  }, [defaultValue, userValue]);
+  React.useEffect(function () {
+    // prevent cursor jumping if editing value
+    if (dirty && stateValue !== '-' && inputRef.current && document.activeElement === inputRef.current) {
+      inputRef.current.setSelectionRange(cursor, cursor);
+    }
+  }, [stateValue, cursor, inputRef, dirty, changeCount]);
+
+  /**
+   * If user has only entered "-" or decimal separator,
+   * keep the char to allow them to enter next value
+   */
+  var getRenderValue = function getRenderValue() {
+    if (userValue != null && stateValue !== '-' && (!decimalSeparator || stateValue !== decimalSeparator)) {
+      return formatValue(_objectSpread2(_objectSpread2({}, formatValueOptions), {}, {
+        decimalScale: dirty ? undefined : decimalScale,
+        value: String(userValue)
+      }));
+    }
+    return stateValue;
+  };
+  var inputProps = _objectSpread2({
+    type: 'text',
+    inputMode: 'decimal',
+    id: id,
+    name: name,
+    className: className,
+    onChange: handleOnChange,
+    onBlur: handleOnBlur,
+    onFocus: handleOnFocus,
+    onKeyDown: handleOnKeyDown,
+    onKeyUp: handleOnKeyUp,
+    placeholder: placeholder,
+    disabled: disabled,
+    value: getRenderValue(),
+    ref: inputRef
+  }, props);
+  if (customInput) {
+    var CustomInput = customInput;
+    return /*#__PURE__*/React.createElement(CustomInput, inputProps);
+  }
+  return /*#__PURE__*/React.createElement("div", null, children && /*#__PURE__*/React.createElement("label", {
+    style: {
+      display: 'block',
+      marginBottom: '0.7rem',
+      fontSize: '14px',
+      fontWeight: 'light'
+    }
+  }, children), /*#__PURE__*/React.createElement("input", _extends({}, inputProps, {
+    style: {
+      textAlign: 'right',
+      border: "1px solid ".concat(theme$1.palette.border),
+      fontSize: '14px',
+      borderRadius: '5px',
+      height: '35px',
+      padding: '5px 10px',
+      fontWeight: 'light',
+      width: 'auto',
+      background: 'transparent',
+      minWidth: '200px'
+    }
+  })));
+});
+
 /* "use client" */
 Input.Textarea = Textarea;
 Input.Password = InputPassword;
+Input.Phone = PhoneInput;
+Input.Currency = InputCurrency;
 
 exports.default = Input;
 exports.getColors = getColors;