demio-ui 1.0.35 → 1.0.36

package/dist/types.d.ts

@@ -204,34 +204,35 @@ type Props$1 = {
 declare function InputHint({ children, type, className }: Props$1): React__default.JSX.Element;
 
 type Props = {
-    type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
+    autoComplete?: 'off' | 'on';
     className?: string;
-    errorMessage?: string;
-    placeholder?: string;
-    label?: string;
-    id: string;
-    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
-    value?: string;
+    counterVisibilityLimit?: number;
     defaultValue?: string;
-    required?: boolean;
-    hint?: string;
     disabled?: boolean;
-    optionalText?: string;
-    name?: string;
-    autoComplete?: 'off' | 'on';
+    endAdornment?: React__default.ReactNode;
+    endAdornmentClassName?: string;
+    errorMessage?: string;
+    hint?: string;
+    id: string;
+    label?: string;
     maxLength?: number;
-    counterVisibilityLimit?: number;
-    onFocus?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
+    name?: string;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
     onBlur?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React__default.FocusEvent<HTMLInputElement>) => void;
+    optionalText?: string;
+    placeholder?: string;
+    required?: boolean;
     startAdornment?: React__default.ReactNode;
-    endAdornment?: React__default.ReactNode;
+    type?: 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
+    value?: string;
 };
 declare const Input: React__default.ForwardRefExoticComponent<Props & React__default.RefAttributes<HTMLInputElement>>;
 
-var _path$s, _g$p;
-function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
+var _path$t, _g$p;
+function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$t.apply(this, arguments); }
 var SvgAdd = function SvgAdd(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$s({
+  return /*#__PURE__*/React.createElement("svg", _extends$t({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -246,7 +247,7 @@ var SvgAdd = function SvgAdd(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
+  }, _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$p || (_g$p = /*#__PURE__*/React.createElement("g", {
@@ -257,10 +258,10 @@ var SvgAdd = function SvgAdd(props) {
   }))));
 };
 
-var _path$r, _g$o;
-function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
+var _path$s, _g$o;
+function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$s.apply(this, arguments); }
 var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$r({
+  return /*#__PURE__*/React.createElement("svg", _extends$s({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -274,7 +275,7 @@ var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
+  }, _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$o || (_g$o = /*#__PURE__*/React.createElement("g", {
@@ -285,10 +286,10 @@ var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
   }))));
 };
 
-var _path$q, _g$n;
-function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
+var _path$r, _g$n;
+function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
 var SvgBlock = function SvgBlock(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$q({
+  return /*#__PURE__*/React.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -303,7 +304,7 @@ var SvgBlock = function SvgBlock(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
+  }, _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$n || (_g$n = /*#__PURE__*/React.createElement("g", {
@@ -314,10 +315,10 @@ var SvgBlock = function SvgBlock(props) {
   }))));
 };
 
-var _path$p, _g$m;
-function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
+var _path$q, _g$m;
+function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
 var SvgBlurOn = function SvgBlurOn(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$p({
+  return /*#__PURE__*/React.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -332,7 +333,7 @@ var SvgBlurOn = function SvgBlurOn(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
+  }, _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$m || (_g$m = /*#__PURE__*/React.createElement("g", {
@@ -343,10 +344,10 @@ var SvgBlurOn = function SvgBlurOn(props) {
   }))));
 };
 
-var _path$o, _g$l;
-function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
+var _path$p, _g$l;
+function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
 var SvgCached = function SvgCached(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$o({
+  return /*#__PURE__*/React.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -361,7 +362,7 @@ var SvgCached = function SvgCached(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
+  }, _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$l || (_g$l = /*#__PURE__*/React.createElement("g", {
@@ -372,10 +373,10 @@ var SvgCached = function SvgCached(props) {
   }))));
 };
 
-var _path$n, _g$k;
-function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
+var _path$o, _g$k;
+function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$o.apply(this, arguments); }
 var SvgCheckbox = function SvgCheckbox(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$n({
+  return /*#__PURE__*/React.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -390,7 +391,7 @@ var SvgCheckbox = function SvgCheckbox(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
+  }, _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$k || (_g$k = /*#__PURE__*/React.createElement("g", {
@@ -401,10 +402,10 @@ var SvgCheckbox = function SvgCheckbox(props) {
   }))));
 };
 
-var _path$m, _g$j;
-function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
+var _path$n, _g$j;
+function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
 var SvgCheckboxUncheck = function SvgCheckboxUncheck(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$m({
+  return /*#__PURE__*/React.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -419,7 +420,7 @@ var SvgCheckboxUncheck = function SvgCheckboxUncheck(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
+  }, _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$j || (_g$j = /*#__PURE__*/React.createElement("g", {
@@ -430,10 +431,10 @@ var SvgCheckboxUncheck = function SvgCheckboxUncheck(props) {
   }))));
 };
 
-var _path$l, _g$i;
-function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
+var _path$m, _g$i;
+function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
 var SvgCheckCircle = function SvgCheckCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$l({
+  return /*#__PURE__*/React.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -447,7 +448,7 @@ var SvgCheckCircle = function SvgCheckCircle(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
+  }, _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$i || (_g$i = /*#__PURE__*/React.createElement("g", {
@@ -458,10 +459,10 @@ var SvgCheckCircle = function SvgCheckCircle(props) {
   }))));
 };
 
-var _path$k, _g$h;
-function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
+var _path$l, _g$h;
+function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
 var SvgClose = function SvgClose(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$k({
+  return /*#__PURE__*/React.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -476,7 +477,7 @@ var SvgClose = function SvgClose(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
+  }, _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$h || (_g$h = /*#__PURE__*/React.createElement("g", {
@@ -487,10 +488,10 @@ var SvgClose = function SvgClose(props) {
   }))));
 };
 
-var _path$j, _g$g;
-function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
+var _path$k, _g$g;
+function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
 var SvgDelete = function SvgDelete(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$j({
+  return /*#__PURE__*/React.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -504,7 +505,7 @@ var SvgDelete = function SvgDelete(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
+  }, _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$g || (_g$g = /*#__PURE__*/React.createElement("g", {
@@ -515,10 +516,10 @@ var SvgDelete = function SvgDelete(props) {
   }))));
 };
 
-var _path$i, _g$f;
-function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
+var _path$j, _g$f;
+function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
 var SvgInfo = function SvgInfo(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$i({
+  return /*#__PURE__*/React.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -532,7 +533,7 @@ var SvgInfo = function SvgInfo(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
+  }, _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$f || (_g$f = /*#__PURE__*/React.createElement("g", {
@@ -543,10 +544,10 @@ var SvgInfo = function SvgInfo(props) {
   }))));
 };
 
-var _path$h, _g$e;
-function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
+var _path$i, _g$e;
+function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
 var SvgInfo1 = function SvgInfo1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$h({
+  return /*#__PURE__*/React.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -560,7 +561,7 @@ var SvgInfo1 = function SvgInfo1(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
+  }, _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$e || (_g$e = /*#__PURE__*/React.createElement("g", {
@@ -571,10 +572,10 @@ var SvgInfo1 = function SvgInfo1(props) {
   }))));
 };
 
-var _path$g, _g$d;
-function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
+var _path$h, _g$d;
+function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
 var SvgMicOff1 = function SvgMicOff1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$g({
+  return /*#__PURE__*/React.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -589,7 +590,7 @@ var SvgMicOff1 = function SvgMicOff1(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
+  }, _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$d || (_g$d = /*#__PURE__*/React.createElement("g", {
@@ -600,10 +601,10 @@ var SvgMicOff1 = function SvgMicOff1(props) {
   }))));
 };
 
-var _path$f, _g$c;
-function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
+var _path$g, _g$c;
+function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
 var SvgMicOff = function SvgMicOff(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$f({
+  return /*#__PURE__*/React.createElement("svg", _extends$g({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -618,7 +619,7 @@ var SvgMicOff = function SvgMicOff(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
+  }, _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$c || (_g$c = /*#__PURE__*/React.createElement("g", {
@@ -629,10 +630,10 @@ var SvgMicOff = function SvgMicOff(props) {
   }))));
 };
 
-var _path$e, _g$b;
-function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
+var _path$f, _g$b;
+function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
 var SvgMic = function SvgMic(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$e({
+  return /*#__PURE__*/React.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -647,7 +648,7 @@ var SvgMic = function SvgMic(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
+  }, _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$b || (_g$b = /*#__PURE__*/React.createElement("g", {
@@ -658,10 +659,10 @@ var SvgMic = function SvgMic(props) {
   }))));
 };
 
-var _path$d, _g$a;
-function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
+var _path$e, _g$a;
+function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
 var SvgMic1 = function SvgMic1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$d({
+  return /*#__PURE__*/React.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -676,7 +677,7 @@ var SvgMic1 = function SvgMic1(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
+  }, _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$a || (_g$a = /*#__PURE__*/React.createElement("g", {
@@ -687,23 +688,63 @@ var SvgMic1 = function SvgMic1(props) {
   }))));
 };
 
+var _path$d;
+function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
+var SvgPasswordEye = function SvgPasswordEye(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$d({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 22 16"
+  }, props), _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
+    fill: "#838B97",
+    d: "M11 2.335a9.77 9.77 0 0 1 8.82 5.5 9.76 9.76 0 0 1-8.82 5.5 9.76 9.76 0 0 1-8.82-5.5 9.77 9.77 0 0 1 8.82-5.5zm0-2c-5 0-9.27 3.11-11 7.5 1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zm0 5a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5zm0-2c-2.48 0-4.5 2.02-4.5 4.5s2.02 4.5 4.5 4.5 4.5-2.02 4.5-4.5-2.02-4.5-4.5-4.5z"
+  })));
+};
+
 var _path$c;
 function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
-var SvgPlay = function SvgPlay(props) {
+var SvgPasswordEyeCrossed = function SvgPasswordEyeCrossed(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
-    viewBox: "0 0 16 16"
+    viewBox: "0 0 24 20"
   }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
+    fill: "#838B97",
+    d: "M23.775 17.898 1.35.367A.6.6 0 0 0 .507.46L.132.93a.6.6 0 0 0 .093.844l22.425 17.53a.6.6 0 0 0 .843-.093l.375-.468a.6.6 0 0 0-.093-.844zM11.13 5.728l5.054 3.952a4.189 4.189 0 0 0-5.055-3.952zm1.74 8.215L7.816 9.99a4.19 4.19 0 0 0 5.054 3.952zM12 4.435c3.7 0 7.09 2.063 8.922 5.4a10.71 10.71 0 0 1-1.65 2.258l1.416 1.106a12.518 12.518 0 0 0 1.983-2.817 1.214 1.214 0 0 0 0-1.094C20.636 5.32 16.61 2.635 12 2.635c-1.376 0-2.69.263-3.924.706l1.74 1.36A9.843 9.843 0 0 1 12 4.435zm0 10.8c-3.7 0-7.09-2.062-8.922-5.4.45-.821 1.004-1.58 1.651-2.257L3.314 6.472a12.51 12.51 0 0 0-1.983 2.816 1.213 1.213 0 0 0 0 1.095C3.364 14.35 7.39 17.035 12 17.035c1.376 0 2.689-.264 3.924-.705l-1.74-1.36a9.86 9.86 0 0 1-2.184.265z"
+  })));
+};
+
+var _path$b;
+function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
+var SvgPlay = function SvgPlay(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$b({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 16 16"
+  }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
     fill: "#42454B",
     d: "m15.262 6.708-11-6.503C3.37-.323 2 .19 2 1.495V14.5c0 1.172 1.272 1.878 2.263 1.29l11-6.5c.98-.578.984-2.002 0-2.58Z"
   })));
 };
 
-var _path$b, _g$9;
-function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
+var _path$a;
+function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
+var SvgSmile = function SvgSmile(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$a({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 20,
+    height: 20,
+    fill: "none"
+  }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
+    fill: "#9FA6AD",
+    d: "M10 .313A9.686 9.686 0 0 0 .312 10 9.686 9.686 0 0 0 10 19.688 9.686 9.686 0 0 0 19.688 10 9.686 9.686 0 0 0 10 .312Zm0 17.5c-4.309 0-7.813-3.504-7.813-7.813 0-4.309 3.504-7.813 7.813-7.813 4.309 0 7.813 3.504 7.813 7.813 0 4.309-3.504 7.813-7.813 7.813ZM6.875 9.374c.691 0 1.25-.559 1.25-1.25s-.559-1.25-1.25-1.25-1.25.559-1.25 1.25.559 1.25 1.25 1.25Zm6.25 0c.691 0 1.25-.559 1.25-1.25s-.559-1.25-1.25-1.25-1.25.559-1.25 1.25.559 1.25 1.25 1.25Zm.156 2.836A4.263 4.263 0 0 1 10 13.75a4.25 4.25 0 0 1-3.281-1.54.94.94 0 0 0-1.32-.12.94.94 0 0 0-.122 1.32A6.132 6.132 0 0 0 10 15.621c1.828 0 3.55-.805 4.723-2.21a.937.937 0 1 0-1.442-1.2Z"
+  })));
+};
+
+var _path$9, _g$9;
+function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
 var SvgVideocamOff = function SvgVideocamOff(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$b({
+  return /*#__PURE__*/React.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -718,7 +759,7 @@ var SvgVideocamOff = function SvgVideocamOff(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
+  }, _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$9 || (_g$9 = /*#__PURE__*/React.createElement("g", {
@@ -729,10 +770,10 @@ var SvgVideocamOff = function SvgVideocamOff(props) {
   }))));
 };
 
-var _path$a, _g$8;
-function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
+var _path$8, _g$8;
+function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
 var SvgVideocamOff1 = function SvgVideocamOff1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$a({
+  return /*#__PURE__*/React.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -747,7 +788,7 @@ var SvgVideocamOff1 = function SvgVideocamOff1(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
+  }, _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$8 || (_g$8 = /*#__PURE__*/React.createElement("g", {
@@ -758,10 +799,10 @@ var SvgVideocamOff1 = function SvgVideocamOff1(props) {
   }))));
 };
 
-var _path$9, _g$7;
-function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
+var _path$7, _g$7;
+function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
 var SvgVideocam = function SvgVideocam(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$9({
+  return /*#__PURE__*/React.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -776,7 +817,7 @@ var SvgVideocam = function SvgVideocam(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
+  }, _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$7 || (_g$7 = /*#__PURE__*/React.createElement("g", {
@@ -787,10 +828,10 @@ var SvgVideocam = function SvgVideocam(props) {
   }))));
 };
 
-var _path$8, _g$6;
-function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
+var _path$6, _g$6;
+function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
 var SvgVideocam1 = function SvgVideocam1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$8({
+  return /*#__PURE__*/React.createElement("svg", _extends$6({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -805,7 +846,7 @@ var SvgVideocam1 = function SvgVideocam1(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
+  }, _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$6 || (_g$6 = /*#__PURE__*/React.createElement("g", {
@@ -816,10 +857,10 @@ var SvgVideocam1 = function SvgVideocam1(props) {
   }))));
 };
 
-var _path$7, _g$5;
-function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
+var _path$5, _g$5;
+function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
 var SvgVolumeOff1 = function SvgVolumeOff1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$7({
+  return /*#__PURE__*/React.createElement("svg", _extends$5({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -834,7 +875,7 @@ var SvgVolumeOff1 = function SvgVolumeOff1(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
+  }, _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$5 || (_g$5 = /*#__PURE__*/React.createElement("g", {
@@ -845,10 +886,10 @@ var SvgVolumeOff1 = function SvgVolumeOff1(props) {
   }))));
 };
 
-var _path$6, _g$4;
-function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+var _path$4, _g$4;
+function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
 var SvgVolumeOff = function SvgVolumeOff(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$6({
+  return /*#__PURE__*/React.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -863,7 +904,7 @@ var SvgVolumeOff = function SvgVolumeOff(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
+  }, _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$4 || (_g$4 = /*#__PURE__*/React.createElement("g", {
@@ -874,10 +915,10 @@ var SvgVolumeOff = function SvgVolumeOff(props) {
   }))));
 };
 
-var _path$5, _g$3;
-function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+var _path$3, _g$3;
+function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
 var SvgVolumeUp1 = function SvgVolumeUp1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$5({
+  return /*#__PURE__*/React.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -892,7 +933,7 @@ var SvgVolumeUp1 = function SvgVolumeUp1(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
+  }, _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$3 || (_g$3 = /*#__PURE__*/React.createElement("g", {
@@ -903,10 +944,10 @@ var SvgVolumeUp1 = function SvgVolumeUp1(props) {
   }))));
 };
 
-var _path$4, _g$2;
-function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+var _path$2, _g$2;
+function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
 var SvgVolumeUp = function SvgVolumeUp(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$4({
+  return /*#__PURE__*/React.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -921,7 +962,7 @@ var SvgVolumeUp = function SvgVolumeUp(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
+  }, _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$2 || (_g$2 = /*#__PURE__*/React.createElement("g", {
@@ -932,10 +973,10 @@ var SvgVolumeUp = function SvgVolumeUp(props) {
   }))));
 };
 
-var _path$3, _g$1;
-function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+var _path$1, _g$1;
+function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
 var SvgWarning1 = function SvgWarning1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$3({
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -950,7 +991,7 @@ var SvgWarning1 = function SvgWarning1(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
+  }, _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$1 || (_g$1 = /*#__PURE__*/React.createElement("g", {
@@ -961,10 +1002,10 @@ var SvgWarning1 = function SvgWarning1(props) {
   }))));
 };
 
-var _path$2, _g;
-function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
+var _path, _g;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var SvgWarning = function SvgWarning(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$2({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -978,7 +1019,7 @@ var SvgWarning = function SvgWarning(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
+  }, _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
@@ -989,32 +1030,6 @@ var SvgWarning = function SvgWarning(props) {
   }))));
 };
 
-var _path$1;
-function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
-var SvgPasswordEye = function SvgPasswordEye(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1({
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 22 16"
-  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
-    fill: "#838B97",
-    d: "M11 2.335a9.77 9.77 0 0 1 8.82 5.5 9.76 9.76 0 0 1-8.82 5.5 9.76 9.76 0 0 1-8.82-5.5 9.77 9.77 0 0 1 8.82-5.5zm0-2c-5 0-9.27 3.11-11 7.5 1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zm0 5a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5zm0-2c-2.48 0-4.5 2.02-4.5 4.5s2.02 4.5 4.5 4.5 4.5-2.02 4.5-4.5-2.02-4.5-4.5-4.5z"
-  })));
-};
-
-var _path;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var SvgPasswordEyeCrossed = function SvgPasswordEyeCrossed(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 20"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    fill: "#838B97",
-    d: "M23.775 17.898 1.35.367A.6.6 0 0 0 .507.46L.132.93a.6.6 0 0 0 .093.844l22.425 17.53a.6.6 0 0 0 .843-.093l.375-.468a.6.6 0 0 0-.093-.844zM11.13 5.728l5.054 3.952a4.189 4.189 0 0 0-5.055-3.952zm1.74 8.215L7.816 9.99a4.19 4.19 0 0 0 5.054 3.952zM12 4.435c3.7 0 7.09 2.063 8.922 5.4a10.71 10.71 0 0 1-1.65 2.258l1.416 1.106a12.518 12.518 0 0 0 1.983-2.817 1.214 1.214 0 0 0 0-1.094C20.636 5.32 16.61 2.635 12 2.635c-1.376 0-2.69.263-3.924.706l1.74 1.36A9.843 9.843 0 0 1 12 4.435zm0 10.8c-3.7 0-7.09-2.062-8.922-5.4.45-.821 1.004-1.58 1.651-2.257L3.314 6.472a12.51 12.51 0 0 0-1.983 2.816 1.213 1.213 0 0 0 0 1.095C3.364 14.35 7.39 17.035 12 17.035c1.376 0 2.689-.264 3.924-.705l-1.74-1.36a9.86 9.86 0 0 1-2.184.265z"
-  })));
-};
-
 declare namespace index {
   export {
     SvgAdd as AddIcon,
@@ -1036,6 +1051,7 @@ declare namespace index {
     SvgPasswordEyeCrossed as PasswordEyeCrossedIcon,
     SvgPasswordEye as PasswordEyeIcon,
     SvgPlay as PlayIcon,
+    SvgSmile as SmileIcon,
     SvgVideocamOff as VideoCamOffIcon,
     SvgVideocamOff1 as VideoCamOffSolidIcon,
     SvgVideocam as VideoCamOnIcon,