demio-ui 1.0.25 → 1.0.26

package/dist/esm/types/src/components/ScrollArea/ScrollArea.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+};
+declare const ScrollArea: ({ children }: Props) => React.JSX.Element;
+export default ScrollArea;

package/dist/esm/types/src/components/ScrollArea/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./ScrollArea";

package/dist/esm/types/src/icons/index.d.ts

@@ -1,4 +1,5 @@
 import AddIcon from './add.svg';
+import ArrowDownIcon from './keyboard_arrow_down.svg';
 import BlockIcon from './block.svg';
 import BlurOnIcon from './blur_on.svg';
 import CachedIcon from './cached.svg';
@@ -7,19 +8,19 @@ import CloseIcon from './close.svg';
 import DeleteIcon from './delete.svg';
 import InfoIcon from './info.svg';
 import InfoSolidIcon from './info-1.svg';
-import ArrowDownIcon from './keyboard_arrow_down.svg';
-import MicOnSolidIcon from './mic-1.svg';
-import MicOnfIcon from './mic.svg';
 import MicOffIcon from './mic_off-1.svg';
 import MicOffSolidIcon from './mic_off.svg';
-import VideoCamOnSolidIcon from './videocam-1.svg';
-import VideoCamOnIcon from './videocam.svg';
-import VideoCamOffSolidIcon from './videocam_off-1.svg';
+import MicOnfIcon from './mic.svg';
+import MicOnSolidIcon from './mic-1.svg';
+import PlayIcon from './play.svg';
 import VideoCamOffIcon from './videocam_off.svg';
+import VideoCamOffSolidIcon from './videocam_off-1.svg';
+import VideoCamOnIcon from './videocam.svg';
+import VideoCamOnSolidIcon from './videocam-1.svg';
 import VolumeOffIcon from './volume_off-1.svg';
 import VolumeOffSolidIcon from './volume_off.svg';
 import VolumeUpIcon from './volume_up-1.svg';
 import VolumeUpSolidIcon from './volume_up.svg';
-import WarningSolidIcon from './warning.svg';
 import WarningIcon from './warning-1.svg';
-export { AddIcon, ArrowDownIcon, BlockIcon, BlurOnIcon, CachedIcon, CheckCircleIcon, CloseIcon, DeleteIcon, InfoIcon, MicOffIcon, MicOffSolidIcon, MicOnfIcon, MicOnSolidIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, InfoSolidIcon, WarningSolidIcon, WarningIcon, };
+import WarningSolidIcon from './warning.svg';
+export { AddIcon, ArrowDownIcon, BlockIcon, BlurOnIcon, CachedIcon, CheckCircleIcon, CloseIcon, DeleteIcon, InfoIcon, InfoSolidIcon, MicOffIcon, MicOffSolidIcon, MicOnfIcon, MicOnSolidIcon, PlayIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };

package/dist/types.d.ts

@@ -158,10 +158,10 @@ type Props = {
 };
 declare function Alert({ onOpenChange, open, actionText, onActionClick, cancelText, onCancelClick, title, description, }: Props): React__default.JSX.Element;
 
-var _path$n, _g$n;
-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$n;
+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 SvgAdd = function SvgAdd(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,
@@ -176,7 +176,7 @@ var SvgAdd = function SvgAdd(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$n || (_g$n = /*#__PURE__*/React.createElement("g", {
@@ -187,7 +187,35 @@ var SvgAdd = function SvgAdd(props) {
   }))));
 };
 
-var _path$m, _g$m;
+var _path$n, _g$m;
+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 SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$n({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "keyboard_arrow_down_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$n || (_path$n = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$m || (_g$m = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#keyboard_arrow_down_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#2C3336",
+    d: "M12 14.677a.93.93 0 0 1-.34-.066.84.84 0 0 1-.293-.19L6.873 9.927a.717.717 0 0 1-.217-.527c0-.206.072-.382.217-.527a.717.717 0 0 1 .527-.217c.206 0 .382.072.527.217L12 12.946l4.073-4.073a.717.717 0 0 1 .527-.217c.206 0 .382.072.527.217.145.145.217.32.217.527a.717.717 0 0 1-.217.527l-4.494 4.494a.83.83 0 0 1-.633.256Z"
+  }))));
+};
+
+var _path$m, _g$l;
 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 SvgBlock = function SvgBlock(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$m({
@@ -208,7 +236,7 @@ var SvgBlock = function SvgBlock(props) {
   }, _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$m || (_g$m = /*#__PURE__*/React.createElement("g", {
+  }))), _g$l || (_g$l = /*#__PURE__*/React.createElement("g", {
     mask: "url(#block_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#42454B",
@@ -216,7 +244,7 @@ var SvgBlock = function SvgBlock(props) {
   }))));
 };
 
-var _path$l, _g$l;
+var _path$l, _g$k;
 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 SvgBlurOn = function SvgBlurOn(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$l({
@@ -237,7 +265,7 @@ var SvgBlurOn = function SvgBlurOn(props) {
   }, _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$l || (_g$l = /*#__PURE__*/React.createElement("g", {
+  }))), _g$k || (_g$k = /*#__PURE__*/React.createElement("g", {
     mask: "url(#blur_on_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -245,7 +273,7 @@ var SvgBlurOn = function SvgBlurOn(props) {
   }))));
 };
 
-var _path$k, _g$k;
+var _path$k, _g$j;
 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 SvgCached = function SvgCached(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$k({
@@ -266,7 +294,7 @@ var SvgCached = function SvgCached(props) {
   }, _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$k || (_g$k = /*#__PURE__*/React.createElement("g", {
+  }))), _g$j || (_g$j = /*#__PURE__*/React.createElement("g", {
     mask: "url(#cached_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -274,7 +302,7 @@ var SvgCached = function SvgCached(props) {
   }))));
 };
 
-var _path$j, _g$j;
+var _path$j, _g$i;
 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 SvgCheckCircle = function SvgCheckCircle(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$j({
@@ -294,7 +322,7 @@ var SvgCheckCircle = function SvgCheckCircle(props) {
   }, _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$j || (_g$j = /*#__PURE__*/React.createElement("g", {
+  }))), _g$i || (_g$i = /*#__PURE__*/React.createElement("g", {
     mask: "url(#check_circle_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -302,7 +330,7 @@ var SvgCheckCircle = function SvgCheckCircle(props) {
   }))));
 };
 
-var _path$i, _g$i;
+var _path$i, _g$h;
 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 SvgClose = function SvgClose(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$i({
@@ -323,7 +351,7 @@ var SvgClose = function SvgClose(props) {
   }, _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$i || (_g$i = /*#__PURE__*/React.createElement("g", {
+  }))), _g$h || (_g$h = /*#__PURE__*/React.createElement("g", {
     mask: "url(#close_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -331,7 +359,7 @@ var SvgClose = function SvgClose(props) {
   }))));
 };
 
-var _path$h, _g$h;
+var _path$h, _g$g;
 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 SvgDelete = function SvgDelete(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$h({
@@ -351,7 +379,7 @@ var SvgDelete = function SvgDelete(props) {
   }, _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$h || (_g$h = /*#__PURE__*/React.createElement("g", {
+  }))), _g$g || (_g$g = /*#__PURE__*/React.createElement("g", {
     mask: "url(#delete_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -359,7 +387,7 @@ var SvgDelete = function SvgDelete(props) {
   }))));
 };
 
-var _path$g, _g$g;
+var _path$g, _g$f;
 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 SvgInfo = function SvgInfo(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$g({
@@ -379,7 +407,7 @@ var SvgInfo = function SvgInfo(props) {
   }, _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$g || (_g$g = /*#__PURE__*/React.createElement("g", {
+  }))), _g$f || (_g$f = /*#__PURE__*/React.createElement("g", {
     mask: "url(#info_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -387,7 +415,7 @@ var SvgInfo = function SvgInfo(props) {
   }))));
 };
 
-var _path$f, _g$f;
+var _path$f, _g$e;
 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 SvgInfo1 = function SvgInfo1(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$f({
@@ -407,7 +435,7 @@ var SvgInfo1 = function SvgInfo1(props) {
   }, _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$f || (_g$f = /*#__PURE__*/React.createElement("g", {
+  }))), _g$e || (_g$e = /*#__PURE__*/React.createElement("g", {
     mask: "url(#info-1_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -415,15 +443,16 @@ var SvgInfo1 = function SvgInfo1(props) {
   }))));
 };
 
-var _path$e, _g$e;
+var _path$e, _g$d;
 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 SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
+var SvgMicOff1 = function SvgMicOff1(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24"
+    width: 24,
+    height: 24,
+    fill: "none"
   }, props), /*#__PURE__*/React.createElement("mask", {
-    id: "keyboard_arrow_down_svg__a",
+    id: "mic_off-1_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -435,24 +464,24 @@ var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
   }, _path$e || (_path$e = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$e || (_g$e = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#keyboard_arrow_down_svg__a)"
+  }))), _g$d || (_g$d = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#mic_off-1_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
-    d: "M12 14.677a.93.93 0 0 1-.34-.066.84.84 0 0 1-.293-.19L6.873 9.927a.717.717 0 0 1-.217-.527c0-.206.072-.382.217-.527a.717.717 0 0 1 .527-.217c.206 0 .382.072.527.217L12 12.946l4.073-4.073a.717.717 0 0 1 .527-.217c.206 0 .382.072.527.217.145.145.217.32.217.527a.717.717 0 0 1-.217.527l-4.494 4.494a.83.83 0 0 1-.633.256Z"
+    d: "m17.24 14.18-1.103-1.122c.105-.193.199-.405.281-.636.083-.231.143-.476.18-.734a.89.89 0 0 1 .266-.488c.14-.133.302-.2.484-.2a.75.75 0 0 1 .573.238.644.644 0 0 1 .177.558c-.058.457-.16.88-.31 1.272a6.47 6.47 0 0 1-.548 1.113Zm-3.219-3.25-1.377-1.376V5a.967.967 0 0 0-.287-.713.968.968 0 0 0-.713-.287.968.968 0 0 0-.712.287.967.967 0 0 0-.288.713v2.535l-1.5-1.5V5c0-.699.242-1.29.726-1.774a2.413 2.413 0 0 1 1.774-.726c.699 0 1.29.242 1.774.726s.726 1.075.726 1.774v5.346c0 .113-.013.216-.038.308a5.62 5.62 0 0 1-.085.277Zm5.32 10.258L2.205 4.054a.725.725 0 0 1-.213-.522A.707.707 0 0 1 2.206 3a.717.717 0 0 1 .527-.217c.206 0 .382.072.527.217l17.134 17.135c.139.138.21.312.213.522a.707.707 0 0 1-.213.531.717.717 0 0 1-.527.218.717.717 0 0 1-.527-.218ZM10.893 20v-2.546c-1.511-.178-2.796-.795-3.854-1.85a6.273 6.273 0 0 1-1.85-3.808.644.644 0 0 1 .177-.558.768.768 0 0 1 .589-.238c.175 0 .332.067.47.2a.898.898 0 0 1 .264.488c.166 1.218.716 2.242 1.652 3.07.936.828 2.037 1.242 3.302 1.242.644 0 1.249-.115 1.815-.344a4.86 4.86 0 0 0 1.502-.954l1.07 1.07a6.593 6.593 0 0 1-1.65 1.128 5.849 5.849 0 0 1-1.987.554V20a.726.726 0 0 1-.215.535.726.726 0 0 1-.535.215.726.726 0 0 1-.534-.215.726.726 0 0 1-.216-.535Z"
   }))));
 };
 
-var _path$d, _g$d;
+var _path$d, _g$c;
 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 SvgMic1 = function SvgMic1(props) {
+var SvgMicOff = function SvgMicOff(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("mask", {
-    id: "mic-1_svg__a",
+    id: "mic_off_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -464,15 +493,15 @@ var SvgMic1 = function SvgMic1(props) {
   }, _path$d || (_path$d = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$d || (_g$d = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#mic-1_svg__a)"
+  }))), _g$c || (_g$c = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#mic_off_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
-    d: "M12 13.5c-.699 0-1.29-.242-1.774-.726A2.413 2.413 0 0 1 9.5 11V5c0-.699.242-1.29.726-1.774A2.413 2.413 0 0 1 12 2.5c.698 0 1.29.242 1.774.726S14.5 4.301 14.5 5v6c0 .699-.242 1.29-.726 1.774A2.413 2.413 0 0 1 12 13.5Zm0 7.25a.726.726 0 0 1-.535-.215.726.726 0 0 1-.215-.535v-2.542c-1.512-.175-2.796-.79-3.854-1.848a6.295 6.295 0 0 1-1.85-3.814.644.644 0 0 1 .177-.558A.768.768 0 0 1 6.31 11c.176 0 .333.067.471.2a.898.898 0 0 1 .264.488c.165 1.218.716 2.242 1.652 3.07C9.634 15.586 10.734 16 12 16c1.265 0 2.366-.414 3.302-1.242.936-.828 1.486-1.852 1.652-3.07a.89.89 0 0 1 .266-.488c.14-.133.302-.2.484-.2a.75.75 0 0 1 .573.238.644.644 0 0 1 .177.558 6.295 6.295 0 0 1-1.85 3.814c-1.058 1.057-2.343 1.673-3.854 1.848V20a.726.726 0 0 1-.216.535.726.726 0 0 1-.534.215Z"
+    d: "m17.24 14.18-1.103-1.122c.105-.193.199-.405.281-.636.083-.231.143-.476.18-.734a.89.89 0 0 1 .266-.488c.14-.133.302-.2.484-.2a.75.75 0 0 1 .573.238.644.644 0 0 1 .177.558c-.058.457-.16.88-.31 1.272a6.47 6.47 0 0 1-.548 1.113Zm-3.219-3.25L9.144 6.036V5c0-.699.242-1.29.726-1.774a2.413 2.413 0 0 1 1.774-.726c.699 0 1.29.242 1.774.726s.726 1.075.726 1.774v5.346c0 .113-.013.216-.038.308a5.62 5.62 0 0 1-.085.277Zm5.32 10.258L2.205 4.054a.725.725 0 0 1-.213-.522A.707.707 0 0 1 2.206 3a.717.717 0 0 1 .527-.217c.206 0 .382.072.527.217l17.134 17.135c.139.138.21.312.213.522a.707.707 0 0 1-.213.531.717.717 0 0 1-.527.218.717.717 0 0 1-.527-.218ZM10.893 20v-2.542c-1.511-.175-2.796-.79-3.854-1.848a6.295 6.295 0 0 1-1.85-3.814.644.644 0 0 1 .177-.558.768.768 0 0 1 .589-.238c.175 0 .332.067.47.2a.898.898 0 0 1 .264.488c.166 1.218.716 2.242 1.652 3.07.936.828 2.037 1.242 3.302 1.242.644 0 1.249-.115 1.815-.344a4.86 4.86 0 0 0 1.502-.954l1.07 1.07a6.432 6.432 0 0 1-1.65 1.12 6.3 6.3 0 0 1-1.987.566V20a.726.726 0 0 1-.215.535.726.726 0 0 1-.535.215.726.726 0 0 1-.534-.215.726.726 0 0 1-.216-.535Z"
   }))));
 };
 
-var _path$c, _g$c;
+var _path$c, _g$b;
 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 SvgMic = function SvgMic(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$c({
@@ -493,7 +522,7 @@ var SvgMic = function SvgMic(props) {
   }, _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$c || (_g$c = /*#__PURE__*/React.createElement("g", {
+  }))), _g$b || (_g$b = /*#__PURE__*/React.createElement("g", {
     mask: "url(#mic_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -501,16 +530,16 @@ var SvgMic = function SvgMic(props) {
   }))));
 };
 
-var _path$b, _g$b;
+var _path$b, _g$a;
 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 SvgMicOff1 = function SvgMicOff1(props) {
+var SvgMic1 = function SvgMic1(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: "mic_off-1_svg__a",
+    id: "mic-1_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -522,53 +551,37 @@ var SvgMicOff1 = function SvgMicOff1(props) {
   }, _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$b || (_g$b = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#mic_off-1_svg__a)"
+  }))), _g$a || (_g$a = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#mic-1_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
-    d: "m17.24 14.18-1.103-1.122c.105-.193.199-.405.281-.636.083-.231.143-.476.18-.734a.89.89 0 0 1 .266-.488c.14-.133.302-.2.484-.2a.75.75 0 0 1 .573.238.644.644 0 0 1 .177.558c-.058.457-.16.88-.31 1.272a6.47 6.47 0 0 1-.548 1.113Zm-3.219-3.25-1.377-1.376V5a.967.967 0 0 0-.287-.713.968.968 0 0 0-.713-.287.968.968 0 0 0-.712.287.967.967 0 0 0-.288.713v2.535l-1.5-1.5V5c0-.699.242-1.29.726-1.774a2.413 2.413 0 0 1 1.774-.726c.699 0 1.29.242 1.774.726s.726 1.075.726 1.774v5.346c0 .113-.013.216-.038.308a5.62 5.62 0 0 1-.085.277Zm5.32 10.258L2.205 4.054a.725.725 0 0 1-.213-.522A.707.707 0 0 1 2.206 3a.717.717 0 0 1 .527-.217c.206 0 .382.072.527.217l17.134 17.135c.139.138.21.312.213.522a.707.707 0 0 1-.213.531.717.717 0 0 1-.527.218.717.717 0 0 1-.527-.218ZM10.893 20v-2.546c-1.511-.178-2.796-.795-3.854-1.85a6.273 6.273 0 0 1-1.85-3.808.644.644 0 0 1 .177-.558.768.768 0 0 1 .589-.238c.175 0 .332.067.47.2a.898.898 0 0 1 .264.488c.166 1.218.716 2.242 1.652 3.07.936.828 2.037 1.242 3.302 1.242.644 0 1.249-.115 1.815-.344a4.86 4.86 0 0 0 1.502-.954l1.07 1.07a6.593 6.593 0 0 1-1.65 1.128 5.849 5.849 0 0 1-1.987.554V20a.726.726 0 0 1-.215.535.726.726 0 0 1-.535.215.726.726 0 0 1-.534-.215.726.726 0 0 1-.216-.535Z"
+    d: "M12 13.5c-.699 0-1.29-.242-1.774-.726A2.413 2.413 0 0 1 9.5 11V5c0-.699.242-1.29.726-1.774A2.413 2.413 0 0 1 12 2.5c.698 0 1.29.242 1.774.726S14.5 4.301 14.5 5v6c0 .699-.242 1.29-.726 1.774A2.413 2.413 0 0 1 12 13.5Zm0 7.25a.726.726 0 0 1-.535-.215.726.726 0 0 1-.215-.535v-2.542c-1.512-.175-2.796-.79-3.854-1.848a6.295 6.295 0 0 1-1.85-3.814.644.644 0 0 1 .177-.558A.768.768 0 0 1 6.31 11c.176 0 .333.067.471.2a.898.898 0 0 1 .264.488c.165 1.218.716 2.242 1.652 3.07C9.634 15.586 10.734 16 12 16c1.265 0 2.366-.414 3.302-1.242.936-.828 1.486-1.852 1.652-3.07a.89.89 0 0 1 .266-.488c.14-.133.302-.2.484-.2a.75.75 0 0 1 .573.238.644.644 0 0 1 .177.558 6.295 6.295 0 0 1-1.85 3.814c-1.058 1.057-2.343 1.673-3.854 1.848V20a.726.726 0 0 1-.216.535.726.726 0 0 1-.534.215Z"
   }))));
 };
 
-var _path$a, _g$a;
+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 SvgMicOff = function SvgMicOff(props) {
+var SvgPlay = function SvgPlay(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
-  }, props), /*#__PURE__*/React.createElement("mask", {
-    id: "mic_off_svg__a",
-    width: 24,
-    height: 24,
-    x: 0,
-    y: 0,
-    maskUnits: "userSpaceOnUse",
-    style: {
-      maskType: "alpha"
-    }
-  }, _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
-    fill: "#D9D9D9",
-    d: "M0 0h24v24H0z"
-  }))), _g$a || (_g$a = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#mic_off_svg__a)"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "#2C3336",
-    d: "m17.24 14.18-1.103-1.122c.105-.193.199-.405.281-.636.083-.231.143-.476.18-.734a.89.89 0 0 1 .266-.488c.14-.133.302-.2.484-.2a.75.75 0 0 1 .573.238.644.644 0 0 1 .177.558c-.058.457-.16.88-.31 1.272a6.47 6.47 0 0 1-.548 1.113Zm-3.219-3.25L9.144 6.036V5c0-.699.242-1.29.726-1.774a2.413 2.413 0 0 1 1.774-.726c.699 0 1.29.242 1.774.726s.726 1.075.726 1.774v5.346c0 .113-.013.216-.038.308a5.62 5.62 0 0 1-.085.277Zm5.32 10.258L2.205 4.054a.725.725 0 0 1-.213-.522A.707.707 0 0 1 2.206 3a.717.717 0 0 1 .527-.217c.206 0 .382.072.527.217l17.134 17.135c.139.138.21.312.213.522a.707.707 0 0 1-.213.531.717.717 0 0 1-.527.218.717.717 0 0 1-.527-.218ZM10.893 20v-2.542c-1.511-.175-2.796-.79-3.854-1.848a6.295 6.295 0 0 1-1.85-3.814.644.644 0 0 1 .177-.558.768.768 0 0 1 .589-.238c.175 0 .332.067.47.2a.898.898 0 0 1 .264.488c.166 1.218.716 2.242 1.652 3.07.936.828 2.037 1.242 3.302 1.242.644 0 1.249-.115 1.815-.344a4.86 4.86 0 0 0 1.502-.954l1.07 1.07a6.432 6.432 0 0 1-1.65 1.12 6.3 6.3 0 0 1-1.987.566V20a.726.726 0 0 1-.215.535.726.726 0 0 1-.535.215.726.726 0 0 1-.534-.215.726.726 0 0 1-.216-.535Z"
-  }))));
+    fill: "none",
+    viewBox: "0 0 16 16"
+  }, props), _path$a || (_path$a = /*#__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$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 SvgVideocam1 = function SvgVideocam1(props) {
+var SvgVideocamOff = function SvgVideocamOff(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("mask", {
-    id: "videocam-1_svg__a",
+    id: "videocam_off_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -581,23 +594,23 @@ var SvgVideocam1 = function SvgVideocam1(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$9 || (_g$9 = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#videocam-1_svg__a)"
+    mask: "url(#videocam_off_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
-    d: "M4.548 19.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V6.308c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h11.384c.506 0 .933.175 1.283.525.35.35.525.778.525 1.283v4.577l2.737-2.737a.43.43 0 0 1 .499-.103c.189.075.283.22.283.434v7.042c0 .214-.094.359-.283.434a.43.43 0 0 1-.5-.103l-2.736-2.737v4.577c0 .505-.175.933-.525 1.283-.35.35-.777.525-1.283.525H4.548Z"
+    d: "m20.506 15.852-2.737-2.737v1.896l-1.5-1.5V6.308a.3.3 0 0 0-.086-.221.3.3 0 0 0-.221-.087H8.758l-1.5-1.5h8.704c.505 0 .932.175 1.282.525.35.35.525.778.525 1.283v4.577l2.737-2.737c.154-.154.323-.19.507-.11s.276.227.276.44v7.043c0 .214-.092.361-.276.441-.184.08-.353.044-.507-.11Zm-1.06 5.779L2.036 4.22a.684.684 0 0 1-.207-.502c0-.196.078-.372.233-.527a.717.717 0 0 1 .527-.217c.206 0 .382.072.527.217l17.41 17.41a.684.684 0 0 1 .207.502.727.727 0 0 1-.233.527.724.724 0 0 1-.532.217.692.692 0 0 1-.522-.217ZM4.443 4.519 5.923 6H4.577a.3.3 0 0 0-.221.087.3.3 0 0 0-.087.22v11.385a.3.3 0 0 0 .087.221.3.3 0 0 0 .221.087h11.385a.3.3 0 0 0 .22-.087.3.3 0 0 0 .088-.22v-1.347l1.48 1.48a1.752 1.752 0 0 1-.558 1.187c-.34.325-.75.487-1.23.487H4.577c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V6.308c0-.48.163-.89.487-1.23.324-.34.72-.527 1.187-.559Z"
   }))));
 };
 
 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 SvgVideocam = function SvgVideocam(props) {
+var SvgVideocamOff1 = function SvgVideocamOff1(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("mask", {
-    id: "videocam_svg__a",
+    id: "videocam_off-1_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -610,23 +623,23 @@ var SvgVideocam = function SvgVideocam(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$8 || (_g$8 = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#videocam_svg__a)"
+    mask: "url(#videocam_off-1_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
-    d: "M4.548 19.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V6.308c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h11.384c.506 0 .933.175 1.283.525.35.35.525.778.525 1.283v4.577l2.737-2.737c.154-.154.322-.19.506-.11s.276.227.276.44v7.043c0 .214-.092.361-.276.441-.184.08-.352.044-.506-.11l-2.737-2.737v4.577c0 .505-.175.933-.525 1.283-.35.35-.777.525-1.283.525H4.548Zm0-1.5h11.384a.3.3 0 0 0 .222-.087.3.3 0 0 0 .086-.22V6.307a.3.3 0 0 0-.086-.221.3.3 0 0 0-.222-.087H4.548a.3.3 0 0 0-.221.087.3.3 0 0 0-.087.22v11.385a.3.3 0 0 0 .087.221.3.3 0 0 0 .22.087Z"
+    d: "M19.471 21.63 2.061 4.222a.684.684 0 0 1-.207-.502c0-.196.078-.372.233-.527a.717.717 0 0 1 .527-.217c.206 0 .382.072.526.217l17.41 17.41a.684.684 0 0 1 .208.502.727.727 0 0 1-.233.527.702.702 0 0 1-.527.212.753.753 0 0 1-.527-.212Zm-1.677-6.618L7.283 4.5h8.704c.505 0 .932.175 1.282.525.35.35.525.778.525 1.283v4.577l2.737-2.737a.43.43 0 0 1 .499-.103c.189.075.284.22.284.434v7.042c0 .214-.095.359-.284.434a.43.43 0 0 1-.5-.103l-2.736-2.737v1.896ZM4.467 4.518l13.308 13.308c-.017.456-.209.85-.577 1.179-.368.33-.78.494-1.236.494H4.577c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V6.308c0-.457.168-.869.502-1.237.335-.368.734-.552 1.196-.552Z"
   }))));
 };
 
 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 SvgVideocamOff1 = function SvgVideocamOff1(props) {
+var SvgVideocam = function SvgVideocam(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("mask", {
-    id: "videocam_off-1_svg__a",
+    id: "videocam_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -639,23 +652,23 @@ var SvgVideocamOff1 = function SvgVideocamOff1(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$7 || (_g$7 = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#videocam_off-1_svg__a)"
+    mask: "url(#videocam_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
-    d: "M19.471 21.63 2.061 4.222a.684.684 0 0 1-.207-.502c0-.196.078-.372.233-.527a.717.717 0 0 1 .527-.217c.206 0 .382.072.526.217l17.41 17.41a.684.684 0 0 1 .208.502.727.727 0 0 1-.233.527.702.702 0 0 1-.527.212.753.753 0 0 1-.527-.212Zm-1.677-6.618L7.283 4.5h8.704c.505 0 .932.175 1.282.525.35.35.525.778.525 1.283v4.577l2.737-2.737a.43.43 0 0 1 .499-.103c.189.075.284.22.284.434v7.042c0 .214-.095.359-.284.434a.43.43 0 0 1-.5-.103l-2.736-2.737v1.896ZM4.467 4.518l13.308 13.308c-.017.456-.209.85-.577 1.179-.368.33-.78.494-1.236.494H4.577c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V6.308c0-.457.168-.869.502-1.237.335-.368.734-.552 1.196-.552Z"
+    d: "M4.548 19.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V6.308c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h11.384c.506 0 .933.175 1.283.525.35.35.525.778.525 1.283v4.577l2.737-2.737c.154-.154.322-.19.506-.11s.276.227.276.44v7.043c0 .214-.092.361-.276.441-.184.08-.352.044-.506-.11l-2.737-2.737v4.577c0 .505-.175.933-.525 1.283-.35.35-.777.525-1.283.525H4.548Zm0-1.5h11.384a.3.3 0 0 0 .222-.087.3.3 0 0 0 .086-.22V6.307a.3.3 0 0 0-.086-.221.3.3 0 0 0-.222-.087H4.548a.3.3 0 0 0-.221.087.3.3 0 0 0-.087.22v11.385a.3.3 0 0 0 .087.221.3.3 0 0 0 .22.087Z"
   }))));
 };
 
 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 SvgVideocamOff = function SvgVideocamOff(props) {
+var SvgVideocam1 = function SvgVideocam1(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$6({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("mask", {
-    id: "videocam_off_svg__a",
+    id: "videocam-1_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -668,10 +681,10 @@ var SvgVideocamOff = function SvgVideocamOff(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$6 || (_g$6 = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#videocam_off_svg__a)"
+    mask: "url(#videocam-1_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
-    d: "m20.506 15.852-2.737-2.737v1.896l-1.5-1.5V6.308a.3.3 0 0 0-.086-.221.3.3 0 0 0-.221-.087H8.758l-1.5-1.5h8.704c.505 0 .932.175 1.282.525.35.35.525.778.525 1.283v4.577l2.737-2.737c.154-.154.323-.19.507-.11s.276.227.276.44v7.043c0 .214-.092.361-.276.441-.184.08-.353.044-.507-.11Zm-1.06 5.779L2.036 4.22a.684.684 0 0 1-.207-.502c0-.196.078-.372.233-.527a.717.717 0 0 1 .527-.217c.206 0 .382.072.527.217l17.41 17.41a.684.684 0 0 1 .207.502.727.727 0 0 1-.233.527.724.724 0 0 1-.532.217.692.692 0 0 1-.522-.217ZM4.443 4.519 5.923 6H4.577a.3.3 0 0 0-.221.087.3.3 0 0 0-.087.22v11.385a.3.3 0 0 0 .087.221.3.3 0 0 0 .221.087h11.385a.3.3 0 0 0 .22-.087.3.3 0 0 0 .088-.22v-1.347l1.48 1.48a1.752 1.752 0 0 1-.558 1.187c-.34.325-.75.487-1.23.487H4.577c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V6.308c0-.48.163-.89.487-1.23.324-.34.72-.527 1.187-.559Z"
+    d: "M4.548 19.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V6.308c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h11.384c.506 0 .933.175 1.283.525.35.35.525.778.525 1.283v4.577l2.737-2.737a.43.43 0 0 1 .499-.103c.189.075.283.22.283.434v7.042c0 .214-.094.359-.283.434a.43.43 0 0 1-.5-.103l-2.736-2.737v4.577c0 .505-.175.933-.525 1.283-.35.35-.777.525-1.283.525H4.548Z"
   }))));
 };
 
@@ -793,13 +806,14 @@ var SvgVolumeUp = function SvgVolumeUp(props) {
 
 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 SvgWarning = function SvgWarning(props) {
+var SvgWarning1 = function SvgWarning1(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24"
+    width: 24,
+    height: 24,
+    fill: "none"
   }, props), /*#__PURE__*/React.createElement("mask", {
-    id: "warning_svg__a",
+    id: "warning-1_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -812,23 +826,22 @@ var SvgWarning = function SvgWarning(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$1 || (_g$1 = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#warning_svg__a)"
+    mask: "url(#warning-1_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
-    d: "M2.725 21a.973.973 0 0 1-.85-.5 1.098 1.098 0 0 1-.138-.488.898.898 0 0 1 .138-.512l9.25-16a.98.98 0 0 1 .387-.375C11.671 3.042 11.833 3 12 3c.166 0 .329.042.487.125a.983.983 0 0 1 .388.375l9.25 16c.1.167.146.337.137.512a1.098 1.098 0 0 1-.137.488.973.973 0 0 1-.85.5H2.725ZM12 18c.283 0 .52-.096.712-.288A.968.968 0 0 0 13 17a.968.968 0 0 0-.288-.712A.968.968 0 0 0 12 16a.968.968 0 0 0-.713.288A.968.968 0 0 0 11 17c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-3a.97.97 0 0 0 .712-.287A.968.968 0 0 0 13 14v-3a.968.968 0 0 0-.288-.713A.968.968 0 0 0 12 10a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 11v3c0 .283.096.52.287.713.192.191.43.287.713.287Z"
+    d: "M3.426 20.5a.878.878 0 0 1-.772-.452.955.955 0 0 1-.129-.437.816.816 0 0 1 .127-.467l8.561-14.788A.896.896 0 0 1 12 3.904a.897.897 0 0 1 .787.452l8.56 14.788c.093.154.136.31.128.467a.955.955 0 0 1-.129.437.878.878 0 0 1-.771.452H3.425ZM4.45 19h15.1L12 6 4.45 19ZM12 17.808c.229 0 .42-.078.576-.232a.781.781 0 0 0 .232-.576.781.781 0 0 0-.232-.575.782.782 0 0 0-.576-.233.781.781 0 0 0-.575.233.781.781 0 0 0-.233.575c0 .229.078.42.233.576a.781.781 0 0 0 .575.232Zm0-2.616c.213 0 .391-.072.535-.215a.726.726 0 0 0 .215-.535v-3.5a.725.725 0 0 0-.216-.534.726.726 0 0 0-.534-.216.725.725 0 0 0-.534.216.726.726 0 0 0-.216.534v3.5c0 .213.072.391.216.535a.726.726 0 0 0 .534.215Z"
   }))));
 };
 
 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 SvgWarning1 = function SvgWarning1(props) {
+var SvgWarning = function SvgWarning(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
+    fill: "none",
+    viewBox: "0 0 24 24"
   }, props), /*#__PURE__*/React.createElement("mask", {
-    id: "warning-1_svg__a",
+    id: "warning_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -841,10 +854,10 @@ var SvgWarning1 = function SvgWarning1(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#warning-1_svg__a)"
+    mask: "url(#warning_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
-    d: "M3.426 20.5a.878.878 0 0 1-.772-.452.955.955 0 0 1-.129-.437.816.816 0 0 1 .127-.467l8.561-14.788A.896.896 0 0 1 12 3.904a.897.897 0 0 1 .787.452l8.56 14.788c.093.154.136.31.128.467a.955.955 0 0 1-.129.437.878.878 0 0 1-.771.452H3.425ZM4.45 19h15.1L12 6 4.45 19ZM12 17.808c.229 0 .42-.078.576-.232a.781.781 0 0 0 .232-.576.781.781 0 0 0-.232-.575.782.782 0 0 0-.576-.233.781.781 0 0 0-.575.233.781.781 0 0 0-.233.575c0 .229.078.42.233.576a.781.781 0 0 0 .575.232Zm0-2.616c.213 0 .391-.072.535-.215a.726.726 0 0 0 .215-.535v-3.5a.725.725 0 0 0-.216-.534.726.726 0 0 0-.534-.216.725.725 0 0 0-.534.216.726.726 0 0 0-.216.534v3.5c0 .213.072.391.216.535a.726.726 0 0 0 .534.215Z"
+    d: "M2.725 21a.973.973 0 0 1-.85-.5 1.098 1.098 0 0 1-.138-.488.898.898 0 0 1 .138-.512l9.25-16a.98.98 0 0 1 .387-.375C11.671 3.042 11.833 3 12 3c.166 0 .329.042.487.125a.983.983 0 0 1 .388.375l9.25 16c.1.167.146.337.137.512a1.098 1.098 0 0 1-.137.488.973.973 0 0 1-.85.5H2.725ZM12 18c.283 0 .52-.096.712-.288A.968.968 0 0 0 13 17a.968.968 0 0 0-.288-.712A.968.968 0 0 0 12 16a.968.968 0 0 0-.713.288A.968.968 0 0 0 11 17c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-3a.97.97 0 0 0 .712-.287A.968.968 0 0 0 13 14v-3a.968.968 0 0 0-.288-.713A.968.968 0 0 0 12 10a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 11v3c0 .283.096.52.287.713.192.191.43.287.713.287Z"
   }))));
 };
 
@@ -864,6 +877,7 @@ declare namespace index {
     SvgMicOff as MicOffSolidIcon,
     SvgMic1 as MicOnSolidIcon,
     SvgMic as MicOnfIcon,
+    SvgPlay as PlayIcon,
     SvgVideocamOff as VideoCamOffIcon,
     SvgVideocamOff1 as VideoCamOffSolidIcon,
     SvgVideocam as VideoCamOnIcon,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "demio-ui",
-  "version": "1.0.25",
+  "version": "1.0.26",
   "description": "",
   "repository": {
     "type": "git",