demio-ui 1.0.8 → 1.0.13

package/dist/types.d.ts

@@ -1,24 +1,26 @@
-import React, { MouseEventHandler } from 'react';
+import * as React from 'react';
+import React__default, { MouseEventHandler } from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
 
-type Props$4 = {
+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;
-    prefix?: string | React.ReactNode;
-    suffix?: string | React.ReactNode;
+    prefix?: string | React__default.ReactNode;
+    suffix?: string | React__default.ReactNode;
     fullWidth?: boolean;
 };
 /**
  * Button component documentation.
  **/
-declare function Button({ disabled, children, onClick, size, variant, type, prefix, suffix, className, fullWidth, ...props }: Props$4): React.JSX.Element;
+declare const Button: React__default.ForwardRefExoticComponent<Props$7 & React__default.RefAttributes<HTMLButtonElement>>;
 
-type Props$3 = {
-    children: string | React.ReactNode;
+type Props$6 = {
+    children: string | React__default.ReactNode;
     open: boolean;
     onOpenChange: (open: boolean) => void;
     title?: string;
@@ -29,39 +31,39 @@ type Props$3 = {
 - 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$3): React.JSX.Element;
+declare function Modal({ children, open, onOpenChange, title }: Props$6): React__default.JSX.Element;
 
 type TabsRootProps = {
     value: string;
     onValueChange: (value: string) => void;
     defaultValue?: string;
     className?: string;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 };
 /**
 - [Full keyboard navigation](https://www.radix-ui.com/docs/primitives/components/tabs#accessibility).
 **/
-declare function TabsRoot({ children, className, ...props }: TabsRootProps): React.JSX.Element;
+declare function TabsRoot({ children, className, ...props }: TabsRootProps): React__default.JSX.Element;
 type TabsListProps = {
     className?: string;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 };
-declare function TabsList({ children, className }: TabsListProps): React.JSX.Element;
+declare function TabsList({ children, className }: TabsListProps): React__default.JSX.Element;
 type TabProps = {
     value: string;
     className?: string;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     disabled?: boolean;
 };
-declare function Tab({ children, className, ...props }: TabProps): React.JSX.Element;
+declare function Tab({ children, className, ...props }: TabProps): React__default.JSX.Element;
 type TabsContentProps = {
     value: string;
     className?: string;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 };
-declare function TabsContent({ children, value, className }: TabsContentProps): React.JSX.Element;
+declare function TabsContent({ children, value, className }: TabsContentProps): React__default.JSX.Element;
 
-type Props$2 = {
+type Props$5 = {
     checked?: boolean;
     onCheckedChange?: (checked: boolean) => void;
     className?: string;
@@ -74,11 +76,11 @@ type Props$2 = {
 /**
  * Accessibility [Keyboard Interactions](https://www.radix-ui.com/docs/primitives/components/switch#keyboard-interactions)
  **/
-declare function Switch({ className, id, disabled, required, name, ...props }: Props$2): React.JSX.Element;
+declare function Switch({ className, id, disabled, required, name, ...props }: Props$5): React__default.JSX.Element;
 
-type Props$1 = {
-    children: React.ReactNode;
-    content: React.ReactNode | string;
+type Props$4 = {
+    children: React__default.ReactNode;
+    content: React__default.ReactNode | string;
     open?: boolean;
     defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
@@ -93,29 +95,782 @@ type Props$1 = {
 /**
  * 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$1): React.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.ReactNode;
+    children: React__default.ReactNode;
     sideOffset?: number;
     position?: 'item-aligned' | 'popper';
     value?: string;
     disabled?: boolean;
     onValueChange?: (value: string) => void;
     id: string;
+    icon?: React__default.ReactNode | string;
+    placeholder?: string;
 };
-declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLButtonElement>>;
 type SelectItemProps = {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     value: string;
     disabled?: boolean;
 };
-declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+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 = {
+type Props$3 = {
     htmlFor: string;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
+};
+declare function Label({ htmlFor, children }: Props$3): React__default.JSX.Element;
+
+type Props$2 = {
+    children: React__default.ReactNode;
+    position?: 'horizontal' | 'vertical';
+    justify?: 'between' | 'start';
+    alignItems?: 'start' | 'stretch';
+};
+declare function FormGroup({ children, position, justify, alignItems, }: Props$2): React__default.JSX.Element;
+
+type Props$1 = {
+    progress: number;
+    max?: number;
+};
+/**
+ * Progress component
+ * - Provides context for assistive technology to read the progress of a task.
+ **/
+declare function Progress({ max, progress, ...props }: Props$1): React__default.JSX.Element;
+
+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$n({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "add_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$n || (_g$n = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#add_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#2C3336",
+    d: "M12 18.75a.725.725 0 0 1-.535-.216.726.726 0 0 1-.215-.534v-5.25H6a.726.726 0 0 1-.534-.216A.726.726 0 0 1 5.25 12c0-.213.072-.391.216-.535A.726.726 0 0 1 6 11.25h5.25V6c0-.213.072-.39.216-.534A.726.726 0 0 1 12 5.25c.213 0 .391.072.535.216A.726.726 0 0 1 12.75 6v5.25H18c.212 0 .39.072.534.216a.726.726 0 0 1 .216.534c0 .213-.072.391-.216.535a.726.726 0 0 1-.534.215h-5.25V18c0 .212-.072.39-.216.534a.726.726 0 0 1-.534.216Z"
+  }))));
+};
+
+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$m({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "block_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$m || (_path$m = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$m || (_g$m = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#block_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#42454B",
+    d: "M12.002 21.5a9.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-.938-.16-1.842-.48-2.71a8.124 8.124 0 0 0-1.374-2.382L6.908 18.146a7.93 7.93 0 0 0 2.382 1.378A7.839 7.839 0 0 0 12 20Zm-6.146-2.908L17.092 5.854a7.62 7.62 0 0 0-2.375-1.383A7.947 7.947 0 0 0 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 .938.159 1.842.476 2.71a7.93 7.93 0 0 0 1.378 2.382Z"
+  }))));
+};
+
+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$l({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "blur_on_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$l || (_path$l = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$l || (_g$l = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#blur_on_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#2C3336",
+    d: "M3 14.5a.48.48 0 0 1-.35-.15.48.48 0 0 1 0-.7.48.48 0 0 1 .7 0 .48.48 0 0 1 0 .7.48.48 0 0 1-.35.15Zm0-4a.48.48 0 0 1-.35-.15.48.48 0 0 1 0-.7.48.48 0 0 1 .7 0 .48.48 0 0 1 0 .7.48.48 0 0 1-.35.15Zm3 8.423a.893.893 0 0 1-.658-.265.893.893 0 0 1-.265-.658c0-.262.088-.48.265-.658A.893.893 0 0 1 6 17.077c.262 0 .48.088.658.265a.893.893 0 0 1 .265.658c0 .262-.088.48-.265.658a.893.893 0 0 1-.658.265Zm0-4a.893.893 0 0 1-.658-.265.893.893 0 0 1-.265-.658c0-.261.088-.48.265-.658A.893.893 0 0 1 6 13.077c.262 0 .48.088.658.265a.893.893 0 0 1 .265.658c0 .261-.088.48-.265.658a.893.893 0 0 1-.658.265Zm0-4a.893.893 0 0 1-.658-.265.893.893 0 0 1-.265-.658c0-.262.088-.48.265-.658A.893.893 0 0 1 6 9.077c.262 0 .48.088.658.265a.893.893 0 0 1 .265.658c0 .261-.088.48-.265.658a.893.893 0 0 1-.658.265Zm0-4a.893.893 0 0 1-.658-.265A.893.893 0 0 1 5.077 6c0-.262.088-.48.265-.658A.893.893 0 0 1 6 5.077c.262 0 .48.088.658.265A.893.893 0 0 1 6.923 6c0 .262-.088.48-.265.658A.893.893 0 0 1 6 6.923Zm4.002 8.423c-.373 0-.691-.13-.954-.392a1.292 1.292 0 0 1-.394-.952c0-.373.13-.691.392-.954.261-.263.578-.394.952-.394.373 0 .691.13.954.392.263.261.394.578.394.952 0 .373-.13.691-.392.954a1.292 1.292 0 0 1-.952.394Zm0-4c-.373 0-.691-.13-.954-.392a1.292 1.292 0 0 1-.394-.952c0-.373.13-.691.392-.954.261-.263.578-.394.952-.394.373 0 .691.13.954.392.263.261.394.578.394.952 0 .373-.13.691-.392.954a1.292 1.292 0 0 1-.952.394ZM10 18.923a.893.893 0 0 1-.658-.265.893.893 0 0 1-.265-.658c0-.262.088-.48.265-.658a.893.893 0 0 1 .658-.265c.261 0 .48.088.658.265a.893.893 0 0 1 .265.658c0 .262-.088.48-.265.658a.893.893 0 0 1-.658.265Zm0-12a.893.893 0 0 1-.658-.265A.893.893 0 0 1 9.077 6c0-.262.088-.48.265-.658A.893.893 0 0 1 10 5.077c.261 0 .48.088.658.265a.893.893 0 0 1 .265.658c0 .262-.088.48-.265.658a.893.893 0 0 1-.658.265ZM10 21.5a.48.48 0 0 1-.35-.15.48.48 0 0 1 0-.7.48.48 0 0 1 .7 0 .48.48 0 0 1 0 .7.48.48 0 0 1-.35.15Zm0-18a.48.48 0 0 1-.35-.15.48.48 0 0 1 0-.7.48.48 0 0 1 .7 0 .48.48 0 0 1 0 .7.48.48 0 0 1-.35.15Zm4.002 11.846c-.373 0-.691-.13-.954-.392a1.292 1.292 0 0 1-.394-.952c0-.373.13-.691.392-.954.261-.263.578-.394.952-.394.373 0 .691.13.954.392.263.261.394.578.394.952 0 .373-.13.691-.392.954a1.292 1.292 0 0 1-.952.394Zm0-4c-.373 0-.691-.13-.954-.392a1.292 1.292 0 0 1-.394-.952c0-.373.13-.691.392-.954.261-.263.578-.394.952-.394.373 0 .691.13.954.392.263.261.394.578.394.952 0 .373-.13.691-.392.954a1.292 1.292 0 0 1-.952.394ZM14 18.923a.893.893 0 0 1-.658-.265.893.893 0 0 1-.265-.658c0-.262.088-.48.265-.658a.893.893 0 0 1 .658-.265c.261 0 .48.088.658.265a.893.893 0 0 1 .265.658c0 .262-.088.48-.265.658a.893.893 0 0 1-.658.265Zm0-12a.893.893 0 0 1-.658-.265.893.893 0 0 1-.265-.658c0-.262.088-.48.265-.658A.893.893 0 0 1 14 5.077c.261 0 .48.088.658.265a.893.893 0 0 1 .265.658c0 .262-.088.48-.265.658a.893.893 0 0 1-.658.265ZM14 21.5a.48.48 0 0 1-.35-.15.48.48 0 0 1 0-.7.48.48 0 0 1 .7 0 .48.48 0 0 1 0 .7.48.48 0 0 1-.35.15Zm0-18a.48.48 0 0 1-.35-.15.48.48 0 0 1 0-.7.48.48 0 0 1 .7 0 .48.48 0 0 1 0 .7.48.48 0 0 1-.35.15Zm4 15.423a.893.893 0 0 1-.658-.265.893.893 0 0 1-.265-.658c0-.262.088-.48.265-.658a.893.893 0 0 1 .658-.265c.262 0 .48.088.658.265a.893.893 0 0 1 .265.658c0 .262-.088.48-.265.658a.893.893 0 0 1-.658.265Zm0-4a.893.893 0 0 1-.658-.265.893.893 0 0 1-.265-.658c0-.261.088-.48.265-.658a.893.893 0 0 1 .658-.265c.262 0 .48.088.658.265a.893.893 0 0 1 .265.658c0 .261-.088.48-.265.658a.893.893 0 0 1-.658.265Zm0-4a.893.893 0 0 1-.658-.265.893.893 0 0 1-.265-.658c0-.262.088-.48.265-.658A.893.893 0 0 1 18 9.077c.262 0 .48.088.658.265a.893.893 0 0 1 .265.658c0 .261-.088.48-.265.658a.893.893 0 0 1-.658.265Zm0-4a.893.893 0 0 1-.658-.265.893.893 0 0 1-.265-.658c0-.262.088-.48.265-.658A.893.893 0 0 1 18 5.077c.262 0 .48.088.658.265a.893.893 0 0 1 .265.658c0 .262-.088.48-.265.658a.893.893 0 0 1-.658.265Zm3 7.577a.48.48 0 0 1-.35-.15.48.48 0 0 1 0-.7.48.48 0 0 1 .7 0 .48.48 0 0 1 0 .7.48.48 0 0 1-.35.15Zm0-4a.48.48 0 0 1-.35-.15.48.48 0 0 1 0-.7.48.48 0 0 1 .7 0 .48.48 0 0 1 0 .7.48.48 0 0 1-.35.15Z"
+  }))));
+};
+
+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$k({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "cached_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$k || (_path$k = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$k || (_g$k = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#cached_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#2C3336",
+    d: "M12.05 19.75c-2.163 0-4.004-.753-5.522-2.258C5.009 15.987 4.25 14.156 4.25 12v-.78l-1.323 1.322a.725.725 0 0 1-.522.213.707.707 0 0 1-.532-.213.718.718 0 0 1-.217-.527c0-.206.072-.382.217-.527l2.494-2.494A.867.867 0 0 1 5 8.724c.241 0 .452.09.633.27l2.494 2.495c.138.138.21.312.212.521a.707.707 0 0 1-.212.532.718.718 0 0 1-.527.218.718.718 0 0 1-.527-.218L5.75 11.22V12c0 1.737.612 3.213 1.835 4.428 1.223 1.215 2.711 1.822 4.465 1.822.292 0 .584-.02.874-.06.29-.04.577-.107.859-.204a.879.879 0 0 1 .603.02.81.81 0 0 1 .426.396.678.678 0 0 1 .018.585.664.664 0 0 1-.444.388c-.376.133-.762.23-1.155.288a8.049 8.049 0 0 1-1.181.087Zm-.1-14c-.292 0-.584.02-.874.06-.29.04-.577.107-.859.203a.901.901 0 0 1-.61-.02.808.808 0 0 1-.434-.395.655.655 0 0 1-.023-.57.646.646 0 0 1 .423-.388c.387-.133.78-.231 1.176-.295a7.593 7.593 0 0 1 1.201-.095c2.163 0 4.004.753 5.522 2.258C18.991 8.013 19.75 9.844 19.75 12v.78l1.323-1.322a.725.725 0 0 1 .522-.213.707.707 0 0 1 .532.213c.145.144.217.32.217.527a.717.717 0 0 1-.217.527l-2.494 2.494a.867.867 0 0 1-.633.27.867.867 0 0 1-.633-.27l-2.494-2.495a.724.724 0 0 1-.212-.522.707.707 0 0 1 .212-.531.717.717 0 0 1 .527-.218c.206 0 .382.073.527.218l1.323 1.323V12c0-1.737-.611-3.213-1.835-4.428-1.223-1.215-2.711-1.822-4.465-1.822Z"
+  }))));
+};
+
+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$i({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "close_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$i || (_path$i = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$i || (_g$i = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#close_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#2C3336",
+    d: "m12 13.054-5.073 5.073a.724.724 0 0 1-.522.212.707.707 0 0 1-.532-.212.717.717 0 0 1-.217-.527c0-.206.072-.382.217-.527L10.946 12 5.873 6.927a.725.725 0 0 1-.212-.522.707.707 0 0 1 .212-.532.717.717 0 0 1 .527-.217c.206 0 .382.072.527.217L12 10.946l5.073-5.073a.724.724 0 0 1 .522-.212.707.707 0 0 1 .532.212c.145.145.217.32.217.527a.717.717 0 0 1-.217.527L13.054 12l5.073 5.073c.138.139.21.313.212.522a.707.707 0 0 1-.212.532.717.717 0 0 1-.527.217.717.717 0 0 1-.527-.217L12 13.054Z"
+  }))));
+};
+
+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$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,
+    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"
+  }))));
 };
-declare function Label({ htmlFor, children }: Props): React.JSX.Element;
 
-export { Button, Label, Modal, Select, SelectItem, Switch, Tab, TabsContent, TabsList, TabsRoot, Tooltip };
+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",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    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.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"
+  }))));
+};
+
+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,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _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)"
+  }, /*#__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$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 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: "mic-1_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _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)"
+  }, /*#__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"
+  }))));
+};
+
+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 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: "mic_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$c || (_path$c = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$c || (_g$c = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#mic_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"
+  }))));
+};
+
+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 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_off-1_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$b || (_g$b = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#mic_off-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"
+  }))));
+};
+
+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 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_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"
+  }))));
+};
+
+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) {
+  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",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$9 || (_g$9 = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#videocam-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"
+  }))));
+};
+
+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) {
+  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",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$8 || (_g$8 = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#videocam_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"
+  }))));
+};
+
+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) {
+  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",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$7 || (_g$7 = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#videocam_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"
+  }))));
+};
+
+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) {
+  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",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$6 || (_g$6 = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#videocam_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"
+  }))));
+};
+
+var _path$5, _g$5;
+function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+var SvgVolumeOff1 = function SvgVolumeOff1(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$5({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "volume_off-1_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$5 || (_g$5 = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#volume_off-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"
+  }))));
+};
+
+var _path$4, _g$4;
+function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+var SvgVolumeOff = function SvgVolumeOff(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$4({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "volume_off_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$4 || (_g$4 = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#volume_off_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"
+  }))));
+};
+
+var _path$3, _g$3;
+function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+var SvgVolumeUp1 = function SvgVolumeUp1(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$3({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "volume_up-1_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$3 || (_g$3 = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#volume_up-1_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"
+  }))));
+};
+
+var _path$2, _g$2;
+function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
+var SvgVolumeUp = function SvgVolumeUp(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$2({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "volume_up_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$2 || (_g$2 = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#volume_up_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"
+  }))));
+};
+
+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) {
+  return /*#__PURE__*/React.createElement("svg", _extends$1({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, props), /*#__PURE__*/React.createElement("mask", {
+    id: "warning_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g$1 || (_g$1 = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#warning_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"
+  }))));
+};
+
+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) {
+  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: "warning-1_svg__a",
+    width: 24,
+    height: 24,
+    x: 0,
+    y: 0,
+    maskUnits: "userSpaceOnUse",
+    style: {
+      maskType: "alpha"
+    }
+  }, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#D9D9D9",
+    d: "M0 0h24v24H0z"
+  }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#warning-1_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"
+  }))));
+};
+
+declare namespace index {
+  export {
+    SvgAdd as AddIcon,
+    SvgKeyboardArrowDown as ArrowDownIcon,
+    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,
+    SvgMic as MicOnfIcon,
+    SvgVideocamOff as VideoCamOffIcon,
+    SvgVideocamOff1 as VideoCamOffSolidIcon,
+    SvgVideocam as VideoCamOnIcon,
+    SvgVideocam1 as VideoCamOnSolidIcon,
+    SvgVolumeOff1 as VolumeOffIcon,
+    SvgVolumeOff as VolumeOffSolidIcon,
+    SvgVolumeUp1 as VolumeUpIcon,
+    SvgVolumeUp as VolumeUpSolidIcon,
+    SvgWarning1 as WarningIcon,
+    SvgWarning as WarningSolidIcon,
+  };
+}
+
+export { Alert, Button, FormGroup, Label, Modal, Progress, Select, SelectItem, SelectItemText, Switch, Tab, TabsContent, TabsList, TabsRoot, Tooltip, index as icons };