demio-ui 1.0.9 → 1.0.14

package/dist/types.d.ts

@@ -2,11 +2,11 @@ import * as React from 'react';
 import React__default, { MouseEventHandler } from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 
-type Props$6 = {
+type Props$7 = {
     disabled?: boolean;
     children?: string;
     size?: 'small' | 'medium' | 'large';
-    variant?: 'primary' | 'secondary';
+    variant?: 'primary' | 'secondary' | 'outline' | 'danger';
     onClick: MouseEventHandler<HTMLButtonElement>;
     type?: 'button' | 'submit' | 'reset';
     className?: string;
@@ -17,13 +17,14 @@ type Props$6 = {
 /**
  * Button component documentation.
  **/
-declare function Button({ disabled, children, onClick, size, variant, type, prefix, suffix, className, fullWidth, ...props }: Props$6): React__default.JSX.Element;
+declare const Button: React__default.ForwardRefExoticComponent<Props$7 & React__default.RefAttributes<HTMLButtonElement>>;
 
-type Props$5 = {
+type Props$6 = {
     children: string | React__default.ReactNode;
     open: boolean;
     onOpenChange: (open: boolean) => void;
-    title?: string;
+    title?: string | React__default.ReactNode;
+    hideCloseButton?: boolean;
 };
 /**
 - Focus is automatically trapped when modal.
@@ -31,7 +32,7 @@ type Props$5 = {
 - Esc closes the component automatically.
 - [Accessibility and Keyboard Interactions](https://www.radix-ui.com/docs/primitives/components/dialog#accessibility)
  **/
-declare function Modal({ children, open, onOpenChange, title }: Props$5): React__default.JSX.Element;
+declare function Modal({ children, open, onOpenChange, title, hideCloseButton }: Props$6): React__default.JSX.Element;
 
 type TabsRootProps = {
     value: string;
@@ -63,7 +64,7 @@ type TabsContentProps = {
 };
 declare function TabsContent({ children, value, className }: TabsContentProps): React__default.JSX.Element;
 
-type Props$4 = {
+type Props$5 = {
     checked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
     className?: string;
@@ -76,9 +77,9 @@ type Props$4 = {
 /**
  * Accessibility [Keyboard Interactions](https://www.radix-ui.com/docs/primitives/components/switch#keyboard-interactions)
  **/
-declare function Switch({ className, id, disabled, required, name, ...props }: Props$4): React__default.JSX.Element;
+declare function Switch({ className, id, disabled, required, name, ...props }: Props$5): React__default.JSX.Element;
 
-type Props$3 = {
+type Props$4 = {
     children: React__default.ReactNode;
     content: React__default.ReactNode | string;
     open?: boolean;
@@ -95,7 +96,7 @@ type Props$3 = {
 /**
  * Accessibility [Keyboard Interactions](https://www.radix-ui.com/docs/primitives/components/tooltip#keyboard-interactions)
  **/
-declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, side, align, className, delayDuration, sideOffset, ...props }: Props$3): React__default.JSX.Element;
+declare function Tooltip({ children, content, open, defaultOpen, onOpenChange, side, align, className, delayDuration, sideOffset, ...props }: Props$4): string | number | boolean | Iterable<React__default.ReactNode> | React__default.JSX.Element | null | undefined;
 
 type SelectProps = {
     children: React__default.ReactNode;
@@ -106,6 +107,7 @@ type SelectProps = {
     onValueChange?: (value: string) => void;
     id: string;
     icon?: React__default.ReactNode | string;
+    placeholder?: string;
 };
 declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLButtonElement>>;
 type SelectItemProps = {
@@ -116,20 +118,21 @@ type SelectItemProps = {
 declare const SelectItem: React__default.ForwardRefExoticComponent<SelectItemProps & React__default.RefAttributes<HTMLDivElement>>;
 declare const SelectItemText: React__default.ForwardRefExoticComponent<SelectPrimitive.SelectItemTextProps & React__default.RefAttributes<HTMLSpanElement>>;
 
-type Props$2 = {
+type Props$3 = {
     htmlFor: string;
     children: React__default.ReactNode;
 };
-declare function Label({ htmlFor, children }: Props$2): React__default.JSX.Element;
+declare function Label({ htmlFor, children }: Props$3): React__default.JSX.Element;
 
-type Props$1 = {
+type Props$2 = {
     children: React__default.ReactNode;
     position?: 'horizontal' | 'vertical';
     justify?: 'between' | 'start';
+    alignItems?: 'start' | 'stretch';
 };
-declare function FormGroup({ children, position, justify }: Props$1): React__default.JSX.Element;
+declare function FormGroup({ children, position, justify, alignItems, }: Props$2): React__default.JSX.Element;
 
-type Props = {
+type Props$1 = {
     progress: number;
     max?: number;
 };
@@ -137,12 +140,24 @@ type Props = {
  * Progress component
  * - Provides context for assistive technology to read the progress of a task.
  **/
-declare function Progress({ max, progress, ...props }: Props): React__default.JSX.Element;
+declare function Progress({ max, progress, ...props }: Props$1): React__default.JSX.Element;
 
-var _path$j, _g$j;
-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); }
+type Props = {
+    onOpenChange: (open: boolean) => void;
+    open: boolean;
+    actionText?: string;
+    onActionClick: MouseEventHandler<HTMLButtonElement>;
+    cancelText?: string;
+    onCancelClick: MouseEventHandler<HTMLButtonElement>;
+    title?: string;
+    description?: string;
+};
+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 SvgAdd = function SvgAdd(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$j({
+  return /*#__PURE__*/React.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -157,10 +172,10 @@ var SvgAdd = function SvgAdd(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$j || (_path$j = /*#__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", {
+  }))), _g$n || (_g$n = /*#__PURE__*/React.createElement("g", {
     mask: "url(#add_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -168,10 +183,10 @@ var SvgAdd = function SvgAdd(props) {
   }))));
 };
 
-var _path$i, _g$i;
-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$m, _g$m;
+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$i({
+  return /*#__PURE__*/React.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -186,10 +201,10 @@ var SvgBlock = function SvgBlock(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$i || (_path$i = /*#__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", {
+  }))), _g$m || (_g$m = /*#__PURE__*/React.createElement("g", {
     mask: "url(#block_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#42454B",
@@ -197,10 +212,10 @@ var SvgBlock = function SvgBlock(props) {
   }))));
 };
 
-var _path$h, _g$h;
-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$l, _g$l;
+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$h({
+  return /*#__PURE__*/React.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -215,10 +230,10 @@ var SvgBlurOn = function SvgBlurOn(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$h || (_path$h = /*#__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", {
+  }))), _g$l || (_g$l = /*#__PURE__*/React.createElement("g", {
     mask: "url(#blur_on_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -226,10 +241,10 @@ var SvgBlurOn = function SvgBlurOn(props) {
   }))));
 };
 
-var _path$g, _g$g;
-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$k, _g$k;
+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$g({
+  return /*#__PURE__*/React.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -244,10 +259,10 @@ var SvgCached = function SvgCached(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$g || (_path$g = /*#__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", {
+  }))), _g$k || (_g$k = /*#__PURE__*/React.createElement("g", {
     mask: "url(#cached_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -255,10 +270,38 @@ var SvgCached = function SvgCached(props) {
   }))));
 };
 
-var _path$f, _g$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 _path$j, _g$j;
+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({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "check_circle_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$j || (_path$j = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$j || (_g$j = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#check_circle_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#2C3336",
+    d: "m10.58 14.146-2.322-2.323a.724.724 0 0 0-.522-.212.707.707 0 0 0-.532.212.717.717 0 0 0-.217.527c0 .206.072.382.217.527l2.744 2.744a.87.87 0 0 0 .633.271c.24 0 .452-.09.632-.27l5.564-5.564a.725.725 0 0 0 .212-.522.707.707 0 0 0-.212-.532.718.718 0 0 0-.527-.217.717.717 0 0 0-.527.217l-5.142 5.142Zm1.422 7.354a9.255 9.255 0 0 1-3.705-.748 9.598 9.598 0 0 1-3.018-2.03 9.591 9.591 0 0 1-2.03-3.016 9.245 9.245 0 0 1-.749-3.704c0-1.314.25-2.55.748-3.705a9.597 9.597 0 0 1 2.03-3.018 9.592 9.592 0 0 1 3.016-2.03 9.245 9.245 0 0 1 3.704-.749c1.314 0 2.55.25 3.705.748a9.597 9.597 0 0 1 3.018 2.03 9.592 9.592 0 0 1 2.03 3.016 9.245 9.245 0 0 1 .749 3.704c0 1.314-.25 2.55-.748 3.705a9.598 9.598 0 0 1-2.03 3.018 9.592 9.592 0 0 1-3.016 2.03 9.245 9.245 0 0 1-3.704.749Z"
+  }))));
+};
+
+var _path$i, _g$i;
+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$f({
+  return /*#__PURE__*/React.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -273,10 +316,10 @@ var SvgClose = function SvgClose(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
+  }, _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
-  }))), _g$f || (_g$f = /*#__PURE__*/React.createElement("g", {
+  }))), _g$i || (_g$i = /*#__PURE__*/React.createElement("g", {
     mask: "url(#close_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
@@ -284,16 +327,99 @@ var SvgClose = function SvgClose(props) {
   }))));
 };
 
-var _path$e, _g$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$h, _g$h;
+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$e({
+  return /*#__PURE__*/React.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "delete_svg__a",
     width: 24,
     height: 24,
-    fill: "none"
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$h || (_path$h = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$h || (_g$h = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#delete_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#2C3336",
+    d: "M7.308 20.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V6h-.25a.726.726 0 0 1-.535-.215.726.726 0 0 1-.215-.535.73.73 0 0 1 .215-.535.726.726 0 0 1 .535-.215H9a.84.84 0 0 1 .263-.63.889.889 0 0 1 .64-.255h4.193c.251 0 .465.085.64.254A.84.84 0 0 1 15 4.5h3.75a.73.73 0 0 1 .535.215.726.726 0 0 1 .215.535.726.726 0 0 1-.215.535.726.726 0 0 1-.535.215h-.25v12.692c0 .506-.175.933-.525 1.283-.35.35-.778.525-1.283.525H7.308ZM7 6v12.692a.3.3 0 0 0 .087.221.3.3 0 0 0 .22.087h9.385a.3.3 0 0 0 .221-.087.3.3 0 0 0 .087-.22V6H7Zm2.404 10.25a.73.73 0 0 0 .215.535.726.726 0 0 0 .535.215.726.726 0 0 0 .534-.215.726.726 0 0 0 .216-.535v-7.5a.726.726 0 0 0-.216-.535.726.726 0 0 0-.534-.215.726.726 0 0 0-.535.215.726.726 0 0 0-.215.535v7.5Zm3.692 0c0 .213.072.391.216.535a.726.726 0 0 0 .534.215.726.726 0 0 0 .535-.215.726.726 0 0 0 .215-.535v-7.5a.726.726 0 0 0-.215-.535.726.726 0 0 0-.535-.215.726.726 0 0 0-.534.215.726.726 0 0 0-.216.535v7.5ZM7 6v12.692a.3.3 0 0 0 .087.221.3.3 0 0 0 .22.087H7V6Z"
+  }))));
+};
+
+var _path$g, _g$g;
+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({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24"
   }, props), /*#__PURE__*/React.createElement("mask", {
-    id: "delete_svg__a",
+    id: "info_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$g || (_path$g = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$g || (_g$g = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#info_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#2C3336",
+    d: "M12 16.75a.726.726 0 0 0 .535-.216.726.726 0 0 0 .215-.534v-4.25a.726.726 0 0 0-.216-.534A.727.727 0 0 0 12 11a.725.725 0 0 0-.535.216.726.726 0 0 0-.215.534V16c0 .212.072.39.216.534a.726.726 0 0 0 .534.216Zm0-7.462a.78.78 0 0 0 .575-.232.781.781 0 0 0 .233-.575.782.782 0 0 0-.232-.576.782.782 0 0 0-.576-.232.781.781 0 0 0-.575.232.782.782 0 0 0-.233.576c0 .229.078.42.232.575a.781.781 0 0 0 .576.232Zm.002 12.212a9.255 9.255 0 0 1-3.705-.748 9.598 9.598 0 0 1-3.018-2.03 9.591 9.591 0 0 1-2.03-3.016 9.245 9.245 0 0 1-.749-3.704c0-1.314.25-2.55.748-3.705a9.597 9.597 0 0 1 2.03-3.018 9.592 9.592 0 0 1 3.016-2.03 9.245 9.245 0 0 1 3.704-.749c1.314 0 2.55.25 3.705.748a9.597 9.597 0 0 1 3.018 2.03 9.592 9.592 0 0 1 2.03 3.016 9.245 9.245 0 0 1 .749 3.704c0 1.314-.25 2.55-.748 3.705a9.598 9.598 0 0 1-2.03 3.018 9.592 9.592 0 0 1-3.016 2.03 9.245 9.245 0 0 1-3.704.749ZM12 20c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z"
+  }))));
+};
+
+var _path$f, _g$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 SvgInfo1 = function SvgInfo1(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$f({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "info-1_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$f || (_path$f = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$f || (_g$f = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#info-1_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#2C3336",
+    d: "M12 17a.97.97 0 0 0 .713-.288A.968.968 0 0 0 13 16v-4a.968.968 0 0 0-.287-.713A.968.968 0 0 0 12 11a.968.968 0 0 0-.713.287A.968.968 0 0 0 11 12v4c0 .283.096.52.287.712.192.192.43.288.713.288Zm0-8c.283 0 .52-.096.713-.287A.967.967 0 0 0 13 8a.967.967 0 0 0-.287-.713A.968.968 0 0 0 12 7a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 8c0 .283.096.52.287.713.192.191.43.287.713.287Zm0 13a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2a9.74 9.74 0 0 1 3.9.788 10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z"
+  }))));
+};
+
+var _path$e, _g$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 SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$e({
+    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,
@@ -306,23 +432,23 @@ var SvgDelete = function SvgDelete(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$e || (_g$e = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#delete_svg__a)"
+    mask: "url(#keyboard_arrow_down_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
-    d: "M7.308 20.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V6h-.25a.726.726 0 0 1-.535-.215.726.726 0 0 1-.215-.535c0-.213.072-.39.215-.535A.726.726 0 0 1 5.25 4.5H9a.84.84 0 0 1 .263-.63.889.889 0 0 1 .64-.255h4.193c.251 0 .465.085.64.254A.84.84 0 0 1 15 4.5h3.75c.213 0 .391.072.535.215a.726.726 0 0 1 .215.535.726.726 0 0 1-.215.535.726.726 0 0 1-.535.215h-.25v12.692c0 .506-.175.933-.525 1.283-.35.35-.778.525-1.283.525H7.308ZM7 6v12.692a.3.3 0 0 0 .087.221.3.3 0 0 0 .22.087h9.385a.3.3 0 0 0 .221-.087.3.3 0 0 0 .087-.22V6H7Zm2.404 10.25c0 .213.072.391.215.535a.726.726 0 0 0 .535.215.726.726 0 0 0 .534-.215.726.726 0 0 0 .216-.535v-7.5a.726.726 0 0 0-.216-.535.726.726 0 0 0-.534-.215.726.726 0 0 0-.535.215.726.726 0 0 0-.215.535v7.5Zm3.692 0c0 .213.072.391.216.535a.726.726 0 0 0 .534.215.726.726 0 0 0 .535-.215.726.726 0 0 0 .215-.535v-7.5a.726.726 0 0 0-.215-.535.726.726 0 0 0-.535-.215.726.726 0 0 0-.534.215.726.726 0 0 0-.216.535v7.5ZM7 6v12.692a.3.3 0 0 0 .087.221.3.3 0 0 0 .22.087H7V6Z"
+    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$d, _g$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 SvgInfo = function SvgInfo(props) {
+var SvgMic1 = function SvgMic1(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: "info_svg__a",
+    id: "mic-1_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -335,23 +461,23 @@ var SvgInfo = function SvgInfo(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$d || (_g$d = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#info_svg__a)"
+    mask: "url(#mic-1_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
-    d: "M12 16.75c.213 0 .391-.072.535-.216A.726.726 0 0 0 12.75 16v-4.25a.726.726 0 0 0-.216-.534A.727.727 0 0 0 12 11a.725.725 0 0 0-.535.216.726.726 0 0 0-.215.534V16c0 .212.072.39.216.534a.726.726 0 0 0 .534.216Zm0-7.462c.229 0 .42-.077.575-.232a.781.781 0 0 0 .233-.575.782.782 0 0 0-.232-.576.782.782 0 0 0-.576-.232.781.781 0 0 0-.575.232.782.782 0 0 0-.233.576c0 .229.078.42.232.575a.781.781 0 0 0 .576.232Zm.002 12.212a9.255 9.255 0 0 1-3.705-.748 9.598 9.598 0 0 1-3.018-2.03 9.591 9.591 0 0 1-2.03-3.016 9.245 9.245 0 0 1-.749-3.704c0-1.314.25-2.55.748-3.705a9.597 9.597 0 0 1 2.03-3.018 9.592 9.592 0 0 1 3.016-2.03 9.245 9.245 0 0 1 3.704-.749c1.314 0 2.55.25 3.705.748a9.597 9.597 0 0 1 3.018 2.03 9.592 9.592 0 0 1 2.03 3.016 9.245 9.245 0 0 1 .749 3.704c0 1.314-.25 2.55-.748 3.705a9.598 9.598 0 0 1-2.03 3.018 9.592 9.592 0 0 1-3.016 2.03 9.245 9.245 0 0 1-3.704.749ZM12 20c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z"
+    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$c, _g$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 SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
+var SvgMic = function SvgMic(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("mask", {
-    id: "keyboard_arrow_down_svg__a",
+    id: "mic_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -364,23 +490,23 @@ var SvgKeyboardArrowDown = function SvgKeyboardArrowDown(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$c || (_g$c = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#keyboard_arrow_down_svg__a)"
+    mask: "url(#mic_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: "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.546c-1.512-.178-2.796-.795-3.854-1.85a6.273 6.273 0 0 1-1.85-3.808.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.273 6.273 0 0 1-1.85 3.809c-1.058 1.054-2.343 1.67-3.854 1.849V20a.726.726 0 0 1-.216.535.726.726 0 0 1-.534.215ZM12 12c.283 0 .52-.096.712-.287A.968.968 0 0 0 13 11V5a.967.967 0 0 0-.288-.713A.968.968 0 0 0 12 4a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 5v6c0 .283.096.52.287.713.192.191.43.287.713.287Z"
   }))));
 };
 
 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 SvgMic1 = function SvgMic1(props) {
+var SvgMicOff1 = function SvgMicOff1(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-1_svg__a",
+    id: "mic_off-1_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -393,23 +519,23 @@ var SvgMic1 = function SvgMic1(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$b || (_g$b = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#mic-1_svg__a)"
+    mask: "url(#mic_off-1_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.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$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 SvgMic = function SvgMic(props) {
+var SvgMicOff = function SvgMicOff(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_svg__a",
+    id: "mic_off_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -422,23 +548,23 @@ var SvgMic = function SvgMic(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$a || (_g$a = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#mic_svg__a)"
+    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.546c-1.512-.178-2.796-.795-3.854-1.85a6.273 6.273 0 0 1-1.85-3.808.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.273 6.273 0 0 1-1.85 3.809c-1.058 1.054-2.343 1.67-3.854 1.849V20a.726.726 0 0 1-.216.535.726.726 0 0 1-.534.215ZM12 12c.283 0 .52-.096.712-.287A.968.968 0 0 0 13 11V5a.967.967 0 0 0-.288-.713A.968.968 0 0 0 12 4a.968.968 0 0 0-.713.287A.967.967 0 0 0 11 5v6c0 .283.096.52.287.713.192.191.43.287.713.287Z"
+    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$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 SvgMicOff1 = function SvgMicOff1(props) {
+var SvgVideocam1 = function SvgVideocam1(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: "mic_off-1_svg__a",
+    id: "videocam-1_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -451,23 +577,23 @@ var SvgMicOff1 = function SvgMicOff1(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$9 || (_g$9 = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#mic_off-1_svg__a)"
+    mask: "url(#videocam-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: "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"
   }))));
 };
 
 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 SvgMicOff = function SvgMicOff(props) {
+var SvgVideocam = function SvgVideocam(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: "mic_off_svg__a",
+    id: "videocam_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -480,23 +606,23 @@ var SvgMicOff = function SvgMicOff(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$8 || (_g$8 = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#mic_off_svg__a)"
+    mask: "url(#videocam_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"
+    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$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 SvgVideocam1 = function SvgVideocam1(props) {
+var SvgVideocamOff1 = function SvgVideocamOff1(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-1_svg__a",
+    id: "videocam_off-1_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -509,23 +635,23 @@ var SvgVideocam1 = function SvgVideocam1(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$7 || (_g$7 = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#videocam-1_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.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: "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$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 SvgVideocam = function SvgVideocam(props) {
+var SvgVideocamOff = function SvgVideocamOff(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_svg__a",
+    id: "videocam_off_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -538,23 +664,23 @@ var SvgVideocam = function SvgVideocam(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$6 || (_g$6 = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#videocam_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.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: "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$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 SvgVideocamOff1 = function SvgVideocamOff1(props) {
+var SvgVolumeOff1 = function SvgVolumeOff1(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$5({
     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: "volume_off-1_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -567,23 +693,23 @@ var SvgVideocamOff1 = function SvgVideocamOff1(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$5 || (_g$5 = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#videocam_off-1_svg__a)"
+    mask: "url(#volume_off-1_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: "m18.946 21.611-2.488-2.488c-.208.12-.414.235-.619.344a7.54 7.54 0 0 1-.643.304.673.673 0 0 1-.699-.091.796.796 0 0 1-.324-.674c0-.139.041-.26.124-.363a.803.803 0 0 1 .307-.235 4.822 4.822 0 0 0 .77-.37l-3.585-3.584v2.15c0 .405-.185.685-.555.841-.37.156-.697.091-.982-.193L7.5 14.5H4.692a.875.875 0 0 1-.645-.259.876.876 0 0 1-.258-.645v-3.192c0-.258.086-.473.258-.645a.876.876 0 0 1 .645-.259h2.143L2.523 5.188a.725.725 0 0 1-.212-.522.707.707 0 0 1 .212-.531.718.718 0 0 1 .527-.218c.206 0 .382.073.527.218L20 20.558c.139.138.21.312.212.522a.707.707 0 0 1-.212.532.717.717 0 0 1-.527.217.717.717 0 0 1-.527-.218ZM15.196 4.18a8.508 8.508 0 0 1 3.836 3.087c.966 1.401 1.449 2.97 1.449 4.709 0 .877-.13 1.719-.392 2.526-.26.807-.629 1.55-1.104 2.232l-1.075-1.075a6.768 6.768 0 0 0 1.07-3.683c0-1.441-.399-2.74-1.197-3.897a6.932 6.932 0 0 0-3.18-2.536.657.657 0 0 1-.43-.623c0-.277.108-.495.324-.654a.68.68 0 0 1 .7-.086Zm.727 9.492-1.75-1.75V8.296a3.85 3.85 0 0 1 1.564 1.55 4.385 4.385 0 0 1 .46 3.017c-.06.28-.152.55-.274.808ZM11.79 9.537 9.63 7.369l.621-.62c.285-.285.612-.35.982-.194.37.156.555.436.555.841v2.14Zm-1.5 5.613v-2.196L8.335 11H5.289v2h2.85l2.15 2.15Z"
   }))));
 };
 
 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 SvgVideocamOff = function SvgVideocamOff(props) {
+var SvgVolumeOff = function SvgVolumeOff(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("mask", {
-    id: "videocam_off_svg__a",
+    id: "volume_off_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -596,23 +722,23 @@ var SvgVideocamOff = function SvgVideocamOff(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$4 || (_g$4 = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#videocam_off_svg__a)"
+    mask: "url(#volume_off_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: "m18.946 21.611-2.488-2.488c-.208.12-.414.235-.619.344a7.54 7.54 0 0 1-.643.304.673.673 0 0 1-.699-.091.796.796 0 0 1-.324-.674c0-.139.041-.26.124-.363a.803.803 0 0 1 .307-.235 4.822 4.822 0 0 0 .77-.37l-3.585-3.584v2.15c0 .405-.185.685-.555.841-.37.156-.697.091-.982-.193L7.5 14.5H4.692a.875.875 0 0 1-.645-.259.876.876 0 0 1-.258-.645v-3.192c0-.258.086-.473.258-.645a.876.876 0 0 1 .645-.259h2.143L2.523 5.188a.725.725 0 0 1-.212-.522.707.707 0 0 1 .212-.531.718.718 0 0 1 .527-.218c.206 0 .382.073.527.218L20 20.558c.139.138.21.312.212.522a.707.707 0 0 1-.212.532.717.717 0 0 1-.527.217.717.717 0 0 1-.527-.218ZM15.196 4.18a8.508 8.508 0 0 1 3.836 3.087c.966 1.401 1.449 2.97 1.449 4.709 0 .877-.13 1.719-.392 2.526-.26.807-.629 1.55-1.104 2.232l-1.075-1.075a6.768 6.768 0 0 0 1.07-3.683c0-1.441-.399-2.74-1.197-3.897a6.932 6.932 0 0 0-3.18-2.536.657.657 0 0 1-.43-.623c0-.277.108-.495.324-.654a.68.68 0 0 1 .7-.086Zm.727 9.492-1.75-1.75V8.296a3.85 3.85 0 0 1 1.564 1.55 4.385 4.385 0 0 1 .46 3.017c-.06.28-.152.55-.274.808ZM11.79 9.537 9.63 7.369l.621-.62c.285-.285.612-.35.982-.194.37.156.555.436.555.841v2.14Z"
   }))));
 };
 
 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 SvgVolumeOff1 = function SvgVolumeOff1(props) {
+var SvgVolumeUp1 = function SvgVolumeUp1(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("mask", {
-    id: "volume_off-1_svg__a",
+    id: "volume_up-1_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -625,23 +751,23 @@ var SvgVolumeOff1 = function SvgVolumeOff1(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$3 || (_g$3 = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#volume_off-1_svg__a)"
+    mask: "url(#volume_up-1_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
-    d: "m18.946 21.611-2.488-2.488c-.208.12-.414.235-.619.344a7.54 7.54 0 0 1-.643.304.673.673 0 0 1-.699-.091.796.796 0 0 1-.324-.674c0-.139.041-.26.124-.363a.803.803 0 0 1 .307-.235 4.822 4.822 0 0 0 .77-.37l-3.585-3.584v2.15c0 .405-.185.685-.555.841-.37.156-.697.091-.982-.193L7.5 14.5H4.692a.875.875 0 0 1-.645-.259.876.876 0 0 1-.258-.645v-3.192c0-.258.086-.473.258-.645a.876.876 0 0 1 .645-.259h2.143L2.523 5.188a.725.725 0 0 1-.212-.522.707.707 0 0 1 .212-.531.718.718 0 0 1 .527-.218c.206 0 .382.073.527.218L20 20.558c.139.138.21.312.212.522a.707.707 0 0 1-.212.532.717.717 0 0 1-.527.217.717.717 0 0 1-.527-.218ZM15.196 4.18a8.508 8.508 0 0 1 3.836 3.087c.966 1.401 1.449 2.97 1.449 4.709 0 .877-.13 1.719-.392 2.526-.26.807-.629 1.55-1.104 2.232l-1.075-1.075a6.768 6.768 0 0 0 1.07-3.683c0-1.441-.399-2.74-1.197-3.897a6.932 6.932 0 0 0-3.18-2.536.657.657 0 0 1-.43-.623c0-.277.108-.495.324-.654a.68.68 0 0 1 .7-.086Zm.727 9.492-1.75-1.75V8.296a3.85 3.85 0 0 1 1.564 1.55 4.385 4.385 0 0 1 .46 3.017c-.06.28-.152.55-.274.808ZM11.79 9.537 9.63 7.369l.621-.62c.285-.285.612-.35.982-.194.37.156.555.436.555.841v2.14Zm-1.5 5.613v-2.196L8.335 11H5.289v2h2.85l2.15 2.15Z"
+    d: "M15.061 19.771a.673.673 0 0 1-.699-.092.797.797 0 0 1-.324-.675.56.56 0 0 1 .124-.36.803.803 0 0 1 .307-.236 6.933 6.933 0 0 0 3.179-2.536c.799-1.157 1.198-2.456 1.198-3.897 0-1.441-.4-2.74-1.198-3.897a6.932 6.932 0 0 0-3.179-2.536.654.654 0 0 1-.43-.625c0-.275.107-.493.323-.652a.68.68 0 0 1 .7-.086 8.551 8.551 0 0 1 3.83 3.085c.97 1.4 1.454 2.97 1.454 4.711s-.485 3.312-1.454 4.71a8.552 8.552 0 0 1-3.83 3.086ZM4.558 14.5a.875.875 0 0 1-.644-.26.875.875 0 0 1-.26-.644v-3.192c0-.256.086-.47.26-.644a.874.874 0 0 1 .644-.26h2.807l2.752-2.752c.285-.284.612-.348.982-.192.37.157.555.437.555.84v9.208c0 .403-.185.683-.555.84-.37.156-.697.093-.982-.192L7.365 14.5H4.558Zm9.48 1.154V8.296c.648.35 1.162.858 1.544 1.524a4.31 4.31 0 0 1 .572 2.18c0 .787-.191 1.505-.572 2.155a3.932 3.932 0 0 1-1.544 1.499ZM10.154 8.85 8.004 11h-2.85v2h2.85l2.15 2.15v-6.3Z"
   }))));
 };
 
 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 SvgVolumeOff = function SvgVolumeOff(props) {
+var SvgVolumeUp = function SvgVolumeUp(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("mask", {
-    id: "volume_off_svg__a",
+    id: "volume_up_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -654,23 +780,22 @@ var SvgVolumeOff = function SvgVolumeOff(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$2 || (_g$2 = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#volume_off_svg__a)"
+    mask: "url(#volume_up_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
-    d: "m18.946 21.611-2.488-2.488c-.208.12-.414.235-.619.344a7.54 7.54 0 0 1-.643.304.673.673 0 0 1-.699-.091.796.796 0 0 1-.324-.674c0-.139.041-.26.124-.363a.803.803 0 0 1 .307-.235 4.822 4.822 0 0 0 .77-.37l-3.585-3.584v2.15c0 .405-.185.685-.555.841-.37.156-.697.091-.982-.193L7.5 14.5H4.692a.875.875 0 0 1-.645-.259.876.876 0 0 1-.258-.645v-3.192c0-.258.086-.473.258-.645a.876.876 0 0 1 .645-.259h2.143L2.523 5.188a.725.725 0 0 1-.212-.522.707.707 0 0 1 .212-.531.718.718 0 0 1 .527-.218c.206 0 .382.073.527.218L20 20.558c.139.138.21.312.212.522a.707.707 0 0 1-.212.532.717.717 0 0 1-.527.217.717.717 0 0 1-.527-.218ZM15.196 4.18a8.508 8.508 0 0 1 3.836 3.087c.966 1.401 1.449 2.97 1.449 4.709 0 .877-.13 1.719-.392 2.526-.26.807-.629 1.55-1.104 2.232l-1.075-1.075a6.768 6.768 0 0 0 1.07-3.683c0-1.441-.399-2.74-1.197-3.897a6.932 6.932 0 0 0-3.18-2.536.657.657 0 0 1-.43-.623c0-.277.108-.495.324-.654a.68.68 0 0 1 .7-.086Zm.727 9.492-1.75-1.75V8.296a3.85 3.85 0 0 1 1.564 1.55 4.385 4.385 0 0 1 .46 3.017c-.06.28-.152.55-.274.808ZM11.79 9.537 9.63 7.369l.621-.62c.285-.285.612-.35.982-.194.37.156.555.436.555.841v2.14Z"
+    d: "M15.061 19.771a.673.673 0 0 1-.699-.091.796.796 0 0 1-.324-.674c0-.139.042-.26.124-.363a.803.803 0 0 1 .307-.235 6.933 6.933 0 0 0 3.179-2.536c.799-1.157 1.198-2.456 1.198-3.897 0-1.441-.4-2.74-1.198-3.897a6.932 6.932 0 0 0-3.179-2.536.658.658 0 0 1-.32-.248.661.661 0 0 1-.11-.375c0-.277.107-.495.323-.654a.68.68 0 0 1 .7-.086 8.547 8.547 0 0 1 3.83 3.087c.97 1.401 1.454 2.97 1.454 4.709 0 1.738-.485 3.308-1.454 4.709a8.547 8.547 0 0 1-3.83 3.087ZM4.558 14.5a.876.876 0 0 1-.646-.259.876.876 0 0 1-.258-.645v-3.192c0-.258.086-.473.258-.645a.876.876 0 0 1 .646-.259h2.807l2.752-2.752c.285-.284.612-.349.982-.193.37.156.555.436.555.841v9.208c0 .405-.185.685-.555.841-.37.156-.697.091-.982-.193L7.365 14.5H4.558Zm9.48 1.154V8.296c.648.35 1.162.858 1.544 1.524a4.31 4.31 0 0 1 .572 2.18c0 .787-.191 1.505-.572 2.155a3.932 3.932 0 0 1-1.544 1.499Z"
   }))));
 };
 
 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 SvgVolumeUp1 = function SvgVolumeUp1(props) {
+var SvgWarning = function SvgWarning(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1({
     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: "volume_up-1_svg__a",
+    id: "warning_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -683,23 +808,23 @@ var SvgVolumeUp1 = function SvgVolumeUp1(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$1 || (_g$1 = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#volume_up-1_svg__a)"
+    mask: "url(#warning_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
-    d: "M15.061 19.771a.673.673 0 0 1-.699-.092.797.797 0 0 1-.324-.675.56.56 0 0 1 .124-.36.803.803 0 0 1 .307-.236 6.933 6.933 0 0 0 3.179-2.536c.799-1.157 1.198-2.456 1.198-3.897 0-1.441-.4-2.74-1.198-3.897a6.932 6.932 0 0 0-3.179-2.536.654.654 0 0 1-.43-.625c0-.275.107-.493.323-.652a.68.68 0 0 1 .7-.086 8.551 8.551 0 0 1 3.83 3.085c.97 1.4 1.454 2.97 1.454 4.711s-.485 3.312-1.454 4.71a8.552 8.552 0 0 1-3.83 3.086ZM4.558 14.5a.875.875 0 0 1-.644-.26.875.875 0 0 1-.26-.644v-3.192c0-.256.086-.47.26-.644a.874.874 0 0 1 .644-.26h2.807l2.752-2.752c.285-.284.612-.348.982-.192.37.157.555.437.555.84v9.208c0 .403-.185.683-.555.84-.37.156-.697.093-.982-.192L7.365 14.5H4.558Zm9.48 1.154V8.296c.648.35 1.162.858 1.544 1.524a4.31 4.31 0 0 1 .572 2.18c0 .787-.191 1.505-.572 2.155a3.932 3.932 0 0 1-1.544 1.499ZM10.154 8.85 8.004 11h-2.85v2h2.85l2.15 2.15v-6.3Z"
+    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"
   }))));
 };
 
 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 SvgVolumeUp = function SvgVolumeUp(props) {
+var SvgWarning1 = function SvgWarning1(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none"
   }, props), /*#__PURE__*/React.createElement("mask", {
-    id: "volume_up_svg__a",
+    id: "warning-1_svg__a",
     width: 24,
     height: 24,
     x: 0,
@@ -712,10 +837,10 @@ var SvgVolumeUp = function SvgVolumeUp(props) {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
-    mask: "url(#volume_up_svg__a)"
+    mask: "url(#warning-1_svg__a)"
   }, /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
-    d: "M15.061 19.771a.673.673 0 0 1-.699-.091.796.796 0 0 1-.324-.674c0-.139.042-.26.124-.363a.803.803 0 0 1 .307-.235 6.933 6.933 0 0 0 3.179-2.536c.799-1.157 1.198-2.456 1.198-3.897 0-1.441-.4-2.74-1.198-3.897a6.932 6.932 0 0 0-3.179-2.536.658.658 0 0 1-.32-.248.661.661 0 0 1-.11-.375c0-.277.107-.495.323-.654a.68.68 0 0 1 .7-.086 8.547 8.547 0 0 1 3.83 3.087c.97 1.401 1.454 2.97 1.454 4.709 0 1.738-.485 3.308-1.454 4.709a8.547 8.547 0 0 1-3.83 3.087ZM4.558 14.5a.876.876 0 0 1-.646-.259.876.876 0 0 1-.258-.645v-3.192c0-.258.086-.473.258-.645a.876.876 0 0 1 .646-.259h2.807l2.752-2.752c.285-.284.612-.349.982-.193.37.156.555.436.555.841v9.208c0 .405-.185.685-.555.841-.37.156-.697.091-.982-.193L7.365 14.5H4.558Zm9.48 1.154V8.296c.648.35 1.162.858 1.544 1.524a4.31 4.31 0 0 1 .572 2.18c0 .787-.191 1.505-.572 2.155a3.932 3.932 0 0 1-1.544 1.499Z"
+    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"
   }))));
 };
 
@@ -726,9 +851,11 @@ declare namespace index {
     SvgBlock as BlockIcon,
     SvgBlurOn as BlurOnIcon,
     SvgCached as CachedIcon,
+    SvgCheckCircle as CheckCircleIcon,
     SvgClose as CloseIcon,
     SvgDelete as DeleteIcon,
     SvgInfo as InfoIcon,
+    SvgInfo1 as InfoSolidIcon,
     SvgMicOff1 as MicOffIcon,
     SvgMicOff as MicOffSolidIcon,
     SvgMic1 as MicOnSolidIcon,
@@ -741,7 +868,9 @@ declare namespace index {
     SvgVolumeOff as VolumeOffSolidIcon,
     SvgVolumeUp1 as VolumeUpIcon,
     SvgVolumeUp as VolumeUpSolidIcon,
+    SvgWarning1 as WarningIcon,
+    SvgWarning as WarningSolidIcon,
   };
 }
 
-export { Button, FormGroup, Label, Modal, Progress, Select, SelectItem, SelectItemText, Switch, Tab, TabsContent, TabsList, TabsRoot, Tooltip, index as icons };
+export { Alert, Button, FormGroup, Label, Modal, Progress, Select, SelectItem, SelectItemText, Switch, Tab, TabsContent, TabsList, TabsRoot, Tooltip, index as icons };