demio-ui 1.0.61 → 1.0.63

package/dist/types.d.ts

@@ -253,10 +253,10 @@ type TabsContentProps = {
 };
 declare function TabsContent({ children, value, className }: TabsContentProps): React__default.JSX.Element;
 
-var _path$x, _g$u;
-function _extends$y() { _extends$y = 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$y.apply(this, arguments); }
+var _path$A, _g$x;
+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 SvgAdd = function SvgAdd(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$y({
+  return /*#__PURE__*/React.createElement("svg", _extends$B({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -271,10 +271,10 @@ var SvgAdd = function SvgAdd(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
+  }, _path$A || (_path$A = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$u || (_g$u = /*#__PURE__*/React.createElement("g", {
+  }))), _g$x || (_g$x = /*#__PURE__*/React.createElement("g", {
     mask: "url(#add_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -282,10 +282,10 @@ var SvgAdd = function SvgAdd(props) {
   }))));
 };
 
-var _path$w, _g$t;
-function _extends$x() { _extends$x = 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$x.apply(this, arguments); }
+var _path$z, _g$w;
+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 SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$x({
+  return /*#__PURE__*/React.createElement("svg", _extends$A({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -299,10 +299,10 @@ var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$w || (_path$w = /*#__PURE__*/React.createElement("path", {
+  }, _path$z || (_path$z = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$t || (_g$t = /*#__PURE__*/React.createElement("g", {
+  }))), _g$w || (_g$w = /*#__PURE__*/React.createElement("g", {
     mask: "url(#keyboard_arrow_down_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -310,15 +310,15 @@ var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
   }))));
 };
 
-var _g$s, _defs;
-function _extends$w() { _extends$w = 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$w.apply(this, arguments); }
+var _g$v, _defs;
+function _extends$z() { _extends$z = 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$z.apply(this, arguments); }
 var SvgArrowLeft = function SvgArrowLeft(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$w({
+  return /*#__PURE__*/React.createElement("svg", _extends$z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 18,
     height: 18,
     fill: "none"
-  }, props), _g$s || (_g$s = /*#__PURE__*/React.createElement("g", {
+  }, props), _g$v || (_g$v = /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#arrow-left_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -331,10 +331,10 @@ var SvgArrowLeft = function SvgArrowLeft(props) {
   })))));
 };
 
-var _path$v, _g$r;
-function _extends$v() { _extends$v = 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$v.apply(this, arguments); }
+var _path$y, _g$u;
+function _extends$y() { _extends$y = 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$y.apply(this, arguments); }
 var SvgBlock = function SvgBlock(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$v({
+  return /*#__PURE__*/React.createElement("svg", _extends$y({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -349,10 +349,10 @@ var SvgBlock = function SvgBlock(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
+  }, _path$y || (_path$y = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$r || (_g$r = /*#__PURE__*/React.createElement("g", {
+  }))), _g$u || (_g$u = /*#__PURE__*/React.createElement("g", {
     mask: "url(#block_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#42454B",
@@ -360,10 +360,10 @@ var SvgBlock = function SvgBlock(props) {
   }))));
 };
 
-var _path$u, _g$q;
-function _extends$u() { _extends$u = 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$u.apply(this, arguments); }
+var _path$x, _g$t;
+function _extends$x() { _extends$x = 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$x.apply(this, arguments); }
 var SvgBlurOn = function SvgBlurOn(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$u({
+  return /*#__PURE__*/React.createElement("svg", _extends$x({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -378,10 +378,10 @@ var SvgBlurOn = function SvgBlurOn(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
+  }, _path$x || (_path$x = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$q || (_g$q = /*#__PURE__*/React.createElement("g", {
+  }))), _g$t || (_g$t = /*#__PURE__*/React.createElement("g", {
     mask: "url(#blur_on_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -389,10 +389,10 @@ var SvgBlurOn = function SvgBlurOn(props) {
   }))));
 };
 
-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 _path$w, _g$s;
+function _extends$w() { _extends$w = 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$w.apply(this, arguments); }
 var SvgCached = function SvgCached(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$t({
+  return /*#__PURE__*/React.createElement("svg", _extends$w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -407,10 +407,10 @@ var SvgCached = function SvgCached(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
+  }, _path$w || (_path$w = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$p || (_g$p = /*#__PURE__*/React.createElement("g", {
+  }))), _g$s || (_g$s = /*#__PURE__*/React.createElement("g", {
     mask: "url(#cached_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -418,10 +418,10 @@ var SvgCached = function SvgCached(props) {
   }))));
 };
 
-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 _path$v, _g$r;
+function _extends$v() { _extends$v = 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$v.apply(this, arguments); }
 var SvgCalendar = function SvgCalendar(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$s({
+  return /*#__PURE__*/React.createElement("svg", _extends$v({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -437,10 +437,10 @@ var SvgCalendar = function SvgCalendar(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
+  }, _path$v || (_path$v = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h32v32H0z"
-  }))), _g$o || (_g$o = /*#__PURE__*/React.createElement("g", {
+  }))), _g$r || (_g$r = /*#__PURE__*/React.createElement("g", {
     mask: "url(#calendar_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#11B06E",
@@ -448,10 +448,10 @@ var SvgCalendar = function SvgCalendar(props) {
   }))));
 };
 
-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 _path$u, _g$q;
+function _extends$u() { _extends$u = 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$u.apply(this, arguments); }
 var SvgCheckbox = function SvgCheckbox(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$r({
+  return /*#__PURE__*/React.createElement("svg", _extends$u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -466,10 +466,10 @@ var SvgCheckbox = function SvgCheckbox(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
+  }, _path$u || (_path$u = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$n || (_g$n = /*#__PURE__*/React.createElement("g", {
+  }))), _g$q || (_g$q = /*#__PURE__*/React.createElement("g", {
     mask: "url(#checkbox_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#02BF6F",
@@ -477,10 +477,10 @@ var SvgCheckbox = function SvgCheckbox(props) {
   }))));
 };
 
-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 _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 SvgCheckboxUncheck = function SvgCheckboxUncheck(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$q({
+  return /*#__PURE__*/React.createElement("svg", _extends$t({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -495,10 +495,10 @@ var SvgCheckboxUncheck = function SvgCheckboxUncheck(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
+  }, _path$t || (_path$t = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$m || (_g$m = /*#__PURE__*/React.createElement("g", {
+  }))), _g$p || (_g$p = /*#__PURE__*/React.createElement("g", {
     mask: "url(#checkbox_uncheck_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#838B97",
@@ -506,10 +506,10 @@ var SvgCheckboxUncheck = function SvgCheckboxUncheck(props) {
   }))));
 };
 
-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 _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 SvgCheckCircle = function SvgCheckCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$p({
+  return /*#__PURE__*/React.createElement("svg", _extends$s({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -523,10 +523,10 @@ var SvgCheckCircle = function SvgCheckCircle(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
+  }, _path$s || (_path$s = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$l || (_g$l = /*#__PURE__*/React.createElement("g", {
+  }))), _g$o || (_g$o = /*#__PURE__*/React.createElement("g", {
     mask: "url(#check_circle_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -534,10 +534,10 @@ var SvgCheckCircle = function SvgCheckCircle(props) {
   }))));
 };
 
-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 _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 SvgClose = function SvgClose(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$o({
+  return /*#__PURE__*/React.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -552,10 +552,10 @@ var SvgClose = function SvgClose(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
+  }, _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$k || (_g$k = /*#__PURE__*/React.createElement("g", {
+  }))), _g$n || (_g$n = /*#__PURE__*/React.createElement("g", {
     mask: "url(#close_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -563,10 +563,39 @@ var SvgClose = function SvgClose(props) {
   }))));
 };
 
-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 _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 SvgCustomize = function SvgCustomize(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$q({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 25,
+    height: 24,
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "customize_svg__a",
+    width: 25,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M.5 0h24v24H.5z"
+  }))), _g$m || (_g$m = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#customize_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#02BF6F",
+    d: "M14.5 21a.968.968 0 0 1-.713-.288A.968.968 0 0 1 13.5 20c0-.283.096-.52.287-.712A.968.968 0 0 1 14.5 19c.783 0 1.48-.154 2.087-.462.609-.309.913-.655.913-1.038 0-.233-.108-.45-.325-.65-.217-.2-.517-.383-.9-.55l1.475-1.475c.533.317.958.692 1.275 1.125.317.433.475.95.475 1.55 0 1.1-.525 1.958-1.575 2.575A6.644 6.644 0 0 1 14.5 21Zm-9.425-7.65c-.483-.283-.867-.612-1.15-.987-.283-.375-.425-.83-.425-1.363 0-.7.258-1.287.775-1.762.517-.476 1.442-1.005 2.775-1.588 1.05-.483 1.72-.82 2.013-1.013.291-.191.437-.404.437-.637 0-.267-.162-.5-.488-.7C8.688 5.1 8.183 5 7.5 5c-.417 0-.767.05-1.05.15-.283.1-.542.267-.775.5A1.124 1.124 0 0 1 5 5.975a.908.908 0 0 1-.725-.225.938.938 0 0 1-.375-.65.908.908 0 0 1 .225-.725c.317-.383.77-.708 1.362-.975C6.08 3.133 6.75 3 7.5 3c1.2 0 2.167.27 2.9.813.733.541 1.1 1.27 1.1 2.187 0 .65-.242 1.233-.725 1.75-.483.517-1.458 1.092-2.925 1.725-.967.417-1.6.725-1.9.925-.3.2-.45.4-.45.6 0 .15.096.296.287.438.192.141.455.279.788.412l-1.5 1.5ZM19.35 10.4 15.1 6.15l1.05-1.05c.4-.4.88-.6 1.438-.6.558 0 1.029.2 1.412.6l1.4 1.4c.4.383.6.854.6 1.412 0 .559-.2 1.038-.6 1.438l-1.05 1.05ZM6.5 19h1.4l7.2-7.2-1.4-1.4-7.2 7.2V19ZM5 21a.48.48 0 0 1-.35-.15.48.48 0 0 1-.15-.35v-3.55c0-.033.05-.15.15-.35l9.05-9.05 4.25 4.25-9.05 9.05c-.033.033-.15.083-.35.15H5Z"
+  }))));
+};
+
+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 SvgDelete = function SvgDelete(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$n({
+  return /*#__PURE__*/React.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -580,10 +609,10 @@ var SvgDelete = function SvgDelete(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
+  }, _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$j || (_g$j = /*#__PURE__*/React.createElement("g", {
+  }))), _g$l || (_g$l = /*#__PURE__*/React.createElement("g", {
     mask: "url(#delete_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -591,10 +620,10 @@ var SvgDelete = function SvgDelete(props) {
   }))));
 };
 
-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 _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 SvgEventDetails = function SvgEventDetails(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$m({
+  return /*#__PURE__*/React.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -610,10 +639,10 @@ var SvgEventDetails = function SvgEventDetails(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
+  }, _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h32v32H0z"
-  }))), _g$i || (_g$i = /*#__PURE__*/React.createElement("g", {
+  }))), _g$k || (_g$k = /*#__PURE__*/React.createElement("g", {
     mask: "url(#event_details_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#11B06E",
@@ -621,10 +650,10 @@ var SvgEventDetails = function SvgEventDetails(props) {
   }))));
 };
 
-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 _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 SvgEventRepeat = function SvgEventRepeat(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$l({
+  return /*#__PURE__*/React.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -639,10 +668,10 @@ var SvgEventRepeat = function SvgEventRepeat(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
+  }, _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$h || (_g$h = /*#__PURE__*/React.createElement("g", {
+  }))), _g$j || (_g$j = /*#__PURE__*/React.createElement("g", {
     mask: "url(#event_repeat_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#6C737A",
@@ -650,10 +679,10 @@ var SvgEventRepeat = function SvgEventRepeat(props) {
   }))));
 };
 
-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 _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 SvgInfo = function SvgInfo(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$k({
+  return /*#__PURE__*/React.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -667,10 +696,10 @@ var SvgInfo = function SvgInfo(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
+  }, _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$g || (_g$g = /*#__PURE__*/React.createElement("g", {
+  }))), _g$i || (_g$i = /*#__PURE__*/React.createElement("g", {
     mask: "url(#info_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -678,10 +707,10 @@ var SvgInfo = function SvgInfo(props) {
   }))));
 };
 
-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 _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 SvgInfo1 = function SvgInfo1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$j({
+  return /*#__PURE__*/React.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -695,10 +724,10 @@ var SvgInfo1 = function SvgInfo1(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
+  }, _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$f || (_g$f = /*#__PURE__*/React.createElement("g", {
+  }))), _g$h || (_g$h = /*#__PURE__*/React.createElement("g", {
     mask: "url(#info-1_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -706,10 +735,39 @@ var SvgInfo1 = function SvgInfo1(props) {
   }))));
 };
 
-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 _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 SvgMaterials = function SvgMaterials(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$k({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "materials_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$g || (_g$g = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#materials_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#02BF6F",
+    d: "m10.825 17.425-2.55 1.6a.493.493 0 0 1-.513.013.46.46 0 0 1-.262-.438v-3.2c0-.2.088-.346.263-.438a.493.493 0 0 1 .512.013l2.55 1.6c.167.1.25.242.25.425a.47.47 0 0 1-.25.425ZM13 10a2.893 2.893 0 0 1-2.125-.875A2.893 2.893 0 0 1 10 7c0-.833.292-1.542.875-2.125A2.893 2.893 0 0 1 13 4h.5a.728.728 0 0 1 .75.75.728.728 0 0 1-.75.75H13c-.417 0-.77.146-1.063.438A1.446 1.446 0 0 0 11.5 7c0 .417.146.77.438 1.063.291.291.645.437 1.062.437h.5a.728.728 0 0 1 .75.75.728.728 0 0 1-.75.75H13Zm4 0h-.5a.728.728 0 0 1-.75-.75.728.728 0 0 1 .75-.75h.5c.417 0 .77-.146 1.063-.438.291-.291.437-.645.437-1.062 0-.417-.146-.77-.438-1.063A1.447 1.447 0 0 0 17 5.5h-.5a.728.728 0 0 1-.75-.75.728.728 0 0 1 .75-.75h.5c.833 0 1.542.292 2.125.875S20 6.167 20 7s-.292 1.542-.875 2.125A2.893 2.893 0 0 1 17 10Zm-.75-2.25h-2.5A.728.728 0 0 1 13 7a.728.728 0 0 1 .75-.75h2.5A.728.728 0 0 1 17 7a.728.728 0 0 1-.75.75ZM16.1 14v-2H21V3H9v9H7V3c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 9 1h12c.55 0 1.02.196 1.413.587C22.803 1.98 23 2.45 23 3v9c0 .55-.196 1.02-.587 1.412A1.926 1.926 0 0 1 21 14h-4.9ZM3 23c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 1 21v-8c0-.55.196-1.02.587-1.412A1.926 1.926 0 0 1 3 11h12c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v8c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 15 23H3Zm0-2h12v-8H3v8Z"
+  }))));
+};
+
+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 SvgMicOff1 = function SvgMicOff1(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$i({
+  return /*#__PURE__*/React.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -724,10 +782,10 @@ var SvgMicOff1 = function SvgMicOff1(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$e || (_g$e = /*#__PURE__*/React.createElement("g", {
+  }))), _g$f || (_g$f = /*#__PURE__*/React.createElement("g", {
     mask: "url(#mic_off-1_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -735,10 +793,10 @@ var SvgMicOff1 = function SvgMicOff1(props) {
   }))));
 };
 
-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 _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 SvgMicOff = function SvgMicOff(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$h({
+  return /*#__PURE__*/React.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -753,10 +811,10 @@ var SvgMicOff = function SvgMicOff(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$d || (_g$d = /*#__PURE__*/React.createElement("g", {
+  }))), _g$e || (_g$e = /*#__PURE__*/React.createElement("g", {
     mask: "url(#mic_off_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -764,10 +822,10 @@ var SvgMicOff = function SvgMicOff(props) {
   }))));
 };
 
-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 _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 SvgMic = function SvgMic(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,
@@ -782,10 +840,10 @@ var SvgMic = function SvgMic(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$c || (_g$c = /*#__PURE__*/React.createElement("g", {
+  }))), _g$d || (_g$d = /*#__PURE__*/React.createElement("g", {
     mask: "url(#mic_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -793,10 +851,10 @@ var SvgMic = function SvgMic(props) {
   }))));
 };
 
-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 _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 SvgMic1 = function SvgMic1(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,
@@ -811,10 +869,10 @@ var SvgMic1 = function SvgMic1(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$b || (_g$b = /*#__PURE__*/React.createElement("g", {
+  }))), _g$c || (_g$c = /*#__PURE__*/React.createElement("g", {
     mask: "url(#mic-1_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -822,59 +880,88 @@ var SvgMic1 = function SvgMic1(props) {
   }))));
 };
 
-var _path$e;
-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;
+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 SvgPasswordEye = function SvgPasswordEye(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$e({
+  return /*#__PURE__*/React.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 22 16"
-  }, props), _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$f || (_path$f = /*#__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$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 _path$e;
+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 SvgPasswordEyeCrossed = function SvgPasswordEyeCrossed(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$d({
+  return /*#__PURE__*/React.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 20"
-  }, props), _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$e || (_path$e = /*#__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$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 _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 SvgPlay = function SvgPlay(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$c({
+  return /*#__PURE__*/React.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 16 16"
-  }, props), _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$d || (_path$d = /*#__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;
-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$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 SvgSmile = function SvgSmile(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$b({
+  return /*#__PURE__*/React.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
     width: 20,
     height: 20,
     fill: "none"
-  }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$c || (_path$c = /*#__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$b, _g$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 SvgStackedEmail = function SvgStackedEmail(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$b({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "stacked_email_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$b || (_g$b = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#stacked_email_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#02BF6F",
+    d: "M7 17c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 5 15V5c0-.55.196-1.02.588-1.413A1.926 1.926 0 0 1 7 3h14c.55 0 1.02.196 1.413.587C22.803 3.98 23 4.45 23 5v10c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 21 17H7Zm6.425-5.1L7 7.425V15h14V7.425L14.575 11.9a.964.964 0 0 1-.575.2.964.964 0 0 1-.575-.2ZM14 9.85 21 5H7l7 4.85ZM3 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 1 19V7.5c0-.283.096-.52.288-.713A.968.968 0 0 1 2 6.5c.283 0 .52.096.712.287.192.192.288.43.288.713V19h15.5c.283 0 .52.096.712.288.192.191.288.429.288.712s-.096.52-.288.712A.968.968 0 0 1 18.5 21H3Z"
+  }))));
+};
+
 var _path$a, _g$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 SvgToday = function SvgToday(props) {
@@ -1206,11 +1293,13 @@ declare namespace index {
     SvgCheckbox as CheckboxIcon,
     SvgCheckboxUncheck as CheckboxUncheckIcon,
     SvgClose as CloseIcon,
+    SvgCustomize as CustomizeIcon,
     SvgDelete as DeleteIcon,
     SvgEventDetails as EventDetailsIcon,
     SvgEventRepeat as EventRepeatIcon,
     SvgInfo as InfoIcon,
     SvgInfo1 as InfoSolidIcon,
+    SvgMaterials as MaterialsIcon,
     SvgMicOff1 as MicOffIcon,
     SvgMicOff as MicOffSolidIcon,
     SvgMic1 as MicOnSolidIcon,
@@ -1219,6 +1308,7 @@ declare namespace index {
     SvgPasswordEye as PasswordEyeIcon,
     SvgPlay as PlayIcon,
     SvgSmile as SmileIcon,
+    SvgStackedEmail as StackedEmailIcon,
     SvgToday as TodayIcon,
     SvgVideocamOff as VideoCamOffIcon,
     SvgVideocamOff1 as VideoCamOffSolidIcon,