demio-ui 2.2.1 → 2.2.3

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

@@ -0,0 +1,48 @@
+import React, { DragEvent, FC, HTMLInputTypeAttribute, ReactNode } from 'react';
+import { RcFile, UploadProgressEvent } from 'rc-upload/es/interface';
+export interface SelectOptions {
+    file?: string;
+    setFile?: (file: string) => void;
+}
+export interface UploadMenuItem {
+    className?: string;
+    icon?: ReactNode;
+    onSelect?: (e: Event, options: SelectOptions) => void;
+    text: ReactNode;
+    isDisabled?: boolean;
+}
+export interface UploadProps {
+    acceptableFileTypes?: string;
+    children?: ReactNode;
+    className?: string;
+    customIcon?: ReactNode;
+    customHeader?: string;
+    customText?: ReactNode;
+    dropText?: ReactNode;
+    error?: string;
+    errorDimension?: string;
+    errorSize?: string;
+    errorType?: string;
+    fileSizeMbLimit?: number;
+    isDirectoryAllowed?: boolean;
+    isDimensionValidationEnabled?: boolean;
+    isSizeValidationEnabled?: boolean;
+    isTypeValidationEnabled?: boolean;
+    isValidationEnabled?: boolean;
+    menu?: UploadMenuItem[];
+    minHeightLimit?: number;
+    minWidthLimit?: number;
+    name?: string;
+    onBeforeUpload?: (file: RcFile, fileList: RcFile[]) => void;
+    onCrop?: (croppedUrl: string) => void;
+    onDragLeave?: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDragOver?: (event: React.DragEvent<HTMLDivElement>) => void;
+    onDrop?: (event: DragEvent<HTMLDivElement>, file: File | null) => void;
+    onError?: (err: Error, ret: Record<string, unknown>, file: RcFile) => void;
+    onProgress?: (event: UploadProgressEvent, file: RcFile) => void;
+    onStart?: (file: RcFile) => void;
+    onSuccess?: (ret: Record<string, unknown>) => void;
+    type?: HTMLInputTypeAttribute;
+}
+declare const Upload: FC<UploadProps>;
+export default Upload;

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

@@ -0,0 +1 @@
+export { default } from './Upload';

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

@@ -22,6 +22,7 @@ import CopyIcon from './copy.svg';
 import CustomizeIcon from './customize.svg';
 import DeleteIcon from './delete.svg';
 import DotsIcon from './dots.svg';
+import DownloadIcon from './download.svg';
 import EditIcon from './edit.svg';
 import ElectricBoltIcon from './electric_bolt.svg';
 import EventDetailsIcon from './event_details.svg';
@@ -87,4 +88,4 @@ import VolumeUpSolidIcon from './volume_up.svg';
 import VolumeUpIcon from './volume_up-1.svg';
 import WarningSolidIcon from './warning.svg';
 import WarningIcon from './warning-1.svg';
-export { AddIcon, ArrowDownIcon, ArrowFromLeftIcon, ArrowLeftDoubleIcon, ArrowLeftIcon, ArrowLeftSingleIcon, BarChartIcon, BlockIcon, BlurOnIcon, CachedIcon, CalendarIcon, CalendarStarIcon, CameraIcon, ChatIcon, CheckboxIcon, CheckboxUncheckIcon, CheckCircleIcon, CheckCircleSolidIcon, ClockIcon, CloseIcon, CompressIcon, CopyIcon, CustomizeIcon, DeleteIcon, DotsIcon, EditIcon, ElectricBoltIcon, EventDetailsIcon, EventRepeatIcon, ExclamationIcon, ExpandIcon, ExternalLinkIcon, FeatureActionIcon, FileIcon, FilterListIcon, GearIcon, HelpSolidIcon, InfoCircleIcon, InfoCircleSolidIcon, InfoIcon, InfoSolidIcon, ItemsIcon, ListIcon, ListThIcon, LocationIcon, LockIcon, MagicIcon, MailIcon, MaterialsIcon, MicBoldIcon, MicOffIcon, MicOffSolidIcon, MicOnfIcon, MicOnSolidIcon, MobileDeviceIcon, OutStageIcon, PasswordEyeCrossedIcon, PasswordEyeIcon, PeopleCommunityIcon, PeopleIcon, Person, PlayIcon, PollIcon, ProgressIcon, ReplayDisabledIcon, RestartIcon, RocketIcon, ScreenShareIcon, ScreenShareWindowIcon, SearchIcon, SideBarIcon, SmileIcon, SpotlightIcon, StackedEmailIcon, SyncIcon, TimesCircleIcon, TodayIcon, TrendingDownIcon, TrendingUpIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };
+export { AddIcon, ArrowDownIcon, ArrowFromLeftIcon, ArrowLeftDoubleIcon, ArrowLeftIcon, ArrowLeftSingleIcon, BarChartIcon, BlockIcon, BlurOnIcon, CachedIcon, CalendarIcon, CalendarStarIcon, CameraIcon, ChatIcon, CheckboxIcon, CheckboxUncheckIcon, CheckCircleIcon, CheckCircleSolidIcon, ClockIcon, CloseIcon, CompressIcon, CopyIcon, CustomizeIcon, DeleteIcon, DotsIcon, DownloadIcon, EditIcon, ElectricBoltIcon, EventDetailsIcon, EventRepeatIcon, ExclamationIcon, ExpandIcon, ExternalLinkIcon, FeatureActionIcon, FileIcon, FilterListIcon, GearIcon, HelpSolidIcon, InfoCircleIcon, InfoCircleSolidIcon, InfoIcon, InfoSolidIcon, ItemsIcon, ListIcon, ListThIcon, LocationIcon, LockIcon, MagicIcon, MailIcon, MaterialsIcon, MicBoldIcon, MicOffIcon, MicOffSolidIcon, MicOnfIcon, MicOnSolidIcon, MobileDeviceIcon, OutStageIcon, PasswordEyeCrossedIcon, PasswordEyeIcon, PeopleCommunityIcon, PeopleIcon, Person, PlayIcon, PollIcon, ProgressIcon, ReplayDisabledIcon, RestartIcon, RocketIcon, ScreenShareIcon, ScreenShareWindowIcon, SearchIcon, SideBarIcon, SmileIcon, SpotlightIcon, StackedEmailIcon, SyncIcon, TimesCircleIcon, TodayIcon, TrendingDownIcon, TrendingUpIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };

package/dist/esm/types/src/utils/file/index.d.ts

@@ -0,0 +1,7 @@
+export declare const mimeTypeMap: Record<string, string[]>;
+export declare const getFileExtension: (file?: unknown) => string;
+export declare const getFileMimeType: (file?: unknown) => string;
+export declare const isExtensionMatchingMimeType: (extension?: unknown, mimeType?: unknown) => boolean;
+export declare const isValidFileType: (file?: unknown, acceptableTypePattern?: unknown) => boolean;
+export declare const isValidFileSize: (file?: unknown, fileSizeMbLimit?: unknown) => boolean;
+export declare const isValidFileDimension: (file?: unknown, minWidth?: number, minHeight?: number) => Promise<boolean>;

package/dist/esm/types/src/utils/file/test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/src/utils/image/index.d.ts

@@ -0,0 +1,11 @@
+import { Area } from 'react-easy-crop';
+export declare const createImage: (url: string) => Promise<HTMLImageElement>;
+export declare const getRadianAngle: (degreeValue?: number) => number;
+export declare const rotateSize: (width: number, height: number, rotation: number) => {
+    width: number;
+    height: number;
+};
+export declare const getCroppedImageURL: (imageSrc: string, pixelCrop: Area, rotation?: number, flip?: {
+    horizontal: boolean;
+    vertical: boolean;
+}) => Promise<string | null>;

package/dist/esm/types/src/utils/image/test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export { getFileExtension, getFileMimeType, isExtensionMatchingMimeType, isValidFileDimension, isValidFileSize, isValidFileType, mimeTypeMap, } from './file';
+export { createImage, getCroppedImageURL, getRadianAngle, rotateSize } from './image';

package/dist/types.d.ts

@@ -489,10 +489,10 @@ declare const useFileValidation: ({ acceptableFileTypes, file, fileSizeMbLimit,
     isFileTypeValid: boolean;
 };
 
-var _path$1n, _g$u;
-function _extends$1o() { return _extends$1o = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1o.apply(null, arguments); }
+var _path$1o, _g$u;
+function _extends$1p() { return _extends$1p = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1p.apply(null, arguments); }
 var SvgAdd = function SvgAdd(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1o({
+  return /*#__PURE__*/React.createElement("svg", _extends$1p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -507,7 +507,7 @@ var SvgAdd = function SvgAdd(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$1n || (_path$1n = /*#__PURE__*/React.createElement("path", {
+  }, _path$1o || (_path$1o = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$u || (_g$u = /*#__PURE__*/React.createElement("g", {
@@ -518,38 +518,38 @@ var SvgAdd = function SvgAdd(props) {
   }))));
 };
 
-var _path$1m;
-function _extends$1n() { return _extends$1n = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1n.apply(null, arguments); }
+var _path$1n;
+function _extends$1o() { return _extends$1o = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1o.apply(null, arguments); }
 var SvgArrowFromLeft = function SvgArrowFromLeft(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1n({
+  return /*#__PURE__*/React.createElement("svg", _extends$1o({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$1m || (_path$1m = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1n || (_path$1n = /*#__PURE__*/React.createElement("path", {
     d: "m15.38 4.664 6.956 6.938c.22.22.22.576 0 .796l-6.956 6.938a.563.563 0 0 1-.797 0l-.919-.919a.556.556 0 0 1 .01-.801l4.551-4.393H6.562A.564.564 0 0 1 6 12.661v-1.313c0-.309.253-.562.563-.562h11.662l-4.552-4.392a.565.565 0 0 1-.009-.802l.919-.919c.22-.23.576-.23.797-.009M3.937 20.438V3.563A.564.564 0 0 0 3.375 3H2.062a.564.564 0 0 0-.562.563v16.875c0 .309.253.562.563.562h1.312c.31 0 .563-.253.563-.563Z"
   })));
 };
 
-var _path$1l;
-function _extends$1m() { return _extends$1m = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1m.apply(null, arguments); }
+var _path$1m;
+function _extends$1n() { return _extends$1n = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1n.apply(null, arguments); }
 var SvgArrowLeft = function SvgArrowLeft(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1m({
+  return /*#__PURE__*/React.createElement("svg", _extends$1n({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
-  }, props), _path$1l || (_path$1l = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1m || (_path$1m = /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
     d: "m12.277 22.093.928-.928a.56.56 0 0 0 0-.796l-7.272-7.271h16.005c.31 0 .562-.252.562-.563v-1.312a.563.563 0 0 0-.562-.563H5.933l7.272-7.272a.56.56 0 0 0 0-.795l-.928-.928a.563.563 0 0 0-.796 0L1.665 11.48a.563.563 0 0 0 0 .796l9.816 9.816c.22.22.576.22.796 0"
   })));
 };
 
-var _path$1k, _path2$4;
-function _extends$1l() { return _extends$1l = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1l.apply(null, arguments); }
+var _path$1l, _path2$4;
+function _extends$1m() { return _extends$1m = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1m.apply(null, arguments); }
 var SvgArrowLeftDouble = function SvgArrowLeftDouble(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1l({
+  return /*#__PURE__*/React.createElement("svg", _extends$1m({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
-  }, props), _path$1k || (_path$1k = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1l || (_path$1l = /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
     d: "m3.166 11.602 6.93-6.938a.57.57 0 0 1 .803 0l.935.928a.56.56 0 0 1 0 .797L6.24 12l5.594 5.61a.56.56 0 0 1 0 .798l-.935.928a.57.57 0 0 1-.803 0l-6.93-6.938a.56.56 0 0 1 0-.796"
   })), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement("path", {
@@ -558,36 +558,36 @@ var SvgArrowLeftDouble = function SvgArrowLeftDouble(props) {
   })));
 };
 
-var _path$1j;
-function _extends$1k() { return _extends$1k = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1k.apply(null, arguments); }
+var _path$1k;
+function _extends$1l() { return _extends$1l = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1l.apply(null, arguments); }
 var SvgArrowLeftSingle = function SvgArrowLeftSingle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1k({
+  return /*#__PURE__*/React.createElement("svg", _extends$1l({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
-  }, props), _path$1j || (_path$1j = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1k || (_path$1k = /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
     d: "m7.697 11.602 6.881-6.938c.22-.22.577-.22.797 0l.928.928c.22.22.22.577 0 .797L10.748 12l5.555 5.61c.22.221.22.578 0 .798l-.928.928a.563.563 0 0 1-.797 0l-6.881-6.938a.563.563 0 0 1 0-.796"
   })));
 };
 
-var _path$1i;
-function _extends$1j() { return _extends$1j = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1j.apply(null, arguments); }
+var _path$1j;
+function _extends$1k() { return _extends$1k = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1k.apply(null, arguments); }
 var SvgBarChart = function SvgBarChart(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1j({
+  return /*#__PURE__*/React.createElement("svg", _extends$1k({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
-  }, props), _path$1i || (_path$1i = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1j || (_path$1j = /*#__PURE__*/React.createElement("path", {
     fill: "#000",
     d: "M3 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 2 20q0-.424.288-.712A.97.97 0 0 1 3 19h18q.424 0 .712.288.288.287.288.712 0 .424-.288.712A.97.97 0 0 1 21 21zm1.5-3q-.625 0-1.062-.437A1.45 1.45 0 0 1 3 16.5v-4q0-.625.438-1.062A1.45 1.45 0 0 1 4.5 11q.624 0 1.063.438Q6 11.875 6 12.5v4q0 .625-.437 1.063A1.45 1.45 0 0 1 4.5 18m5 0q-.625 0-1.062-.437A1.45 1.45 0 0 1 8 16.5v-9q0-.625.438-1.062A1.45 1.45 0 0 1 9.5 6q.624 0 1.063.438Q11 6.874 11 7.5v9q0 .625-.437 1.063A1.45 1.45 0 0 1 9.5 18m5 0q-.625 0-1.062-.437A1.45 1.45 0 0 1 13 16.5v-6q0-.625.438-1.062A1.45 1.45 0 0 1 14.5 9q.624 0 1.063.438Q16 9.874 16 10.5v6q0 .625-.437 1.063A1.45 1.45 0 0 1 14.5 18m5 0q-.625 0-1.062-.437A1.45 1.45 0 0 1 18 16.5v-12q0-.625.438-1.062A1.45 1.45 0 0 1 19.5 3q.625 0 1.063.438Q21 3.874 21 4.5v12q0 .625-.437 1.063A1.45 1.45 0 0 1 19.5 18"
   })));
 };
 
-var _path$1h, _g$t;
-function _extends$1i() { return _extends$1i = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1i.apply(null, arguments); }
+var _path$1i, _g$t;
+function _extends$1j() { return _extends$1j = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1j.apply(null, arguments); }
 var SvgBlock = function SvgBlock(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1i({
+  return /*#__PURE__*/React.createElement("svg", _extends$1j({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -597,7 +597,7 @@ var SvgBlock = function SvgBlock(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$1h || (_path$1h = /*#__PURE__*/React.createElement("path", {
+  }, _path$1i || (_path$1i = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$t || (_g$t = /*#__PURE__*/React.createElement("g", {
@@ -608,10 +608,10 @@ var SvgBlock = function SvgBlock(props) {
   }))));
 };
 
-var _path$1g, _g$s;
-function _extends$1h() { return _extends$1h = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1h.apply(null, arguments); }
+var _path$1h, _g$s;
+function _extends$1i() { return _extends$1i = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1i.apply(null, arguments); }
 var SvgBlurOn = function SvgBlurOn(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1h({
+  return /*#__PURE__*/React.createElement("svg", _extends$1i({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -626,7 +626,7 @@ var SvgBlurOn = function SvgBlurOn(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$1g || (_path$1g = /*#__PURE__*/React.createElement("path", {
+  }, _path$1h || (_path$1h = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$s || (_g$s = /*#__PURE__*/React.createElement("g", {
@@ -637,10 +637,10 @@ var SvgBlurOn = function SvgBlurOn(props) {
   }))));
 };
 
-var _path$1f, _g$r;
-function _extends$1g() { return _extends$1g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1g.apply(null, arguments); }
+var _path$1g, _g$r;
+function _extends$1h() { return _extends$1h = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1h.apply(null, arguments); }
 var SvgCached = function SvgCached(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1g({
+  return /*#__PURE__*/React.createElement("svg", _extends$1h({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -655,7 +655,7 @@ var SvgCached = function SvgCached(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$1f || (_path$1f = /*#__PURE__*/React.createElement("path", {
+  }, _path$1g || (_path$1g = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$r || (_g$r = /*#__PURE__*/React.createElement("g", {
@@ -666,10 +666,10 @@ var SvgCached = function SvgCached(props) {
   }))));
 };
 
-var _path$1e, _g$q;
-function _extends$1f() { return _extends$1f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1f.apply(null, arguments); }
+var _path$1f, _g$q;
+function _extends$1g() { return _extends$1g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1g.apply(null, arguments); }
 var SvgCalendar = function SvgCalendar(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1f({
+  return /*#__PURE__*/React.createElement("svg", _extends$1g({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -685,7 +685,7 @@ var SvgCalendar = function SvgCalendar(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$1e || (_path$1e = /*#__PURE__*/React.createElement("path", {
+  }, _path$1f || (_path$1f = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h32v32H0z"
   }))), _g$q || (_g$q = /*#__PURE__*/React.createElement("g", {
@@ -696,14 +696,14 @@ var SvgCalendar = function SvgCalendar(props) {
   }))));
 };
 
-var _path$1d, _path2$3;
-function _extends$1e() { return _extends$1e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1e.apply(null, arguments); }
+var _path$1e, _path2$3;
+function _extends$1f() { return _extends$1f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1f.apply(null, arguments); }
 var SvgCalendarStar = function SvgCalendarStar(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1e({
+  return /*#__PURE__*/React.createElement("svg", _extends$1f({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
-  }, props), _path$1d || (_path$1d = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1e || (_path$1e = /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
     d: "M1.2 9v12.75A2.25 2.25 0 0 0 3.45 24h16.5a2.25 2.25 0 0 0 2.25-2.25V9zm15.194 6.652a.56.56 0 0 1-.166.323l-1.856 1.81.44 2.559a.564.564 0 0 1-.815.59L11.7 19.725l-2.292 1.21a.563.563 0 0 1-.816-.591l.44-2.56-1.855-1.809a.562.562 0 0 1 .309-.96l2.564-.376 1.148-2.325a.562.562 0 0 1 1.008 0l1.149 2.325 2.564.375a.56.56 0 0 1 .474.638M15.45 6h1.5a.75.75 0 0 0 .75-.75V.75a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 0 0-.75.75v4.5a.75.75 0 0 0 .75.75m-9 0h1.5a.75.75 0 0 0 .75-.75V.75A.75.75 0 0 0 7.95 0h-1.5a.75.75 0 0 0-.75.75v4.5a.75.75 0 0 0 .75.75",
     opacity: 0.4
@@ -713,32 +713,32 @@ var SvgCalendarStar = function SvgCalendarStar(props) {
   })));
 };
 
-var _path$1c;
-function _extends$1d() { return _extends$1d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1d.apply(null, arguments); }
+var _path$1d;
+function _extends$1e() { return _extends$1e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1e.apply(null, arguments); }
 var SvgCamera = function SvgCamera(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1d({
+  return /*#__PURE__*/React.createElement("svg", _extends$1e({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20"
-  }, props), _path$1c || (_path$1c = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1d || (_path$1d = /*#__PURE__*/React.createElement("path", {
     d: "M11.674 3.223H1.66A1.67 1.67 0 0 0 0 4.903v10.14c0 .927.743 1.68 1.66 1.68h10.014a1.67 1.67 0 0 0 1.66-1.68V4.902a1.67 1.67 0 0 0-1.66-1.68Zm6.576 1.325-3.806 2.658v5.533l3.806 2.655c.736.513 1.75-.01 1.75-.907V5.455c0-.893-1.01-1.42-1.75-.907"
   })));
 };
 
-var _path$1b;
-function _extends$1c() { return _extends$1c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1c.apply(null, arguments); }
+var _path$1c;
+function _extends$1d() { return _extends$1d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1d.apply(null, arguments); }
 var SvgChatIcon = function SvgChatIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1c({
+  return /*#__PURE__*/React.createElement("svg", _extends$1d({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$1b || (_path$1b = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1c || (_path$1c = /*#__PURE__*/React.createElement("path", {
     d: "M17.333 10.333V3.667A2.67 2.67 0 0 0 14.667 1h-12A2.67 2.67 0 0 0 0 3.667v6.666A2.67 2.67 0 0 0 2.667 13v2.258c0 .334.379.525.646.325l3.45-2.587h7.904a2.663 2.663 0 0 0 2.666-2.663m4-2.666h-2.666v2.666c0 2.204-1.796 4-4 4H8V17a2.67 2.67 0 0 0 2.667 2.667h5.237l3.45 2.587c.267.2.646.008.646-.325v-2.262h1.333A2.67 2.67 0 0 0 24 17v-6.667a2.67 2.67 0 0 0-2.667-2.666"
   })));
 };
 
-var _path$1a, _g$p;
-function _extends$1b() { return _extends$1b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1b.apply(null, arguments); }
+var _path$1b, _g$p;
+function _extends$1c() { return _extends$1c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1c.apply(null, arguments); }
 var SvgCheckCircle = function SvgCheckCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1b({
+  return /*#__PURE__*/React.createElement("svg", _extends$1c({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -752,7 +752,7 @@ var SvgCheckCircle = function SvgCheckCircle(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$1a || (_path$1a = /*#__PURE__*/React.createElement("path", {
+  }, _path$1b || (_path$1b = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$p || (_g$p = /*#__PURE__*/React.createElement("g", {
@@ -763,99 +763,99 @@ var SvgCheckCircle = function SvgCheckCircle(props) {
   }))));
 };
 
-var _path$19;
-function _extends$1a() { return _extends$1a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1a.apply(null, arguments); }
+var _path$1a;
+function _extends$1b() { return _extends$1b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1b.apply(null, arguments); }
 var SvgCheckCircleSolid = function SvgCheckCircleSolid(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$1a({
+  return /*#__PURE__*/React.createElement("svg", _extends$1b({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
-  }, props), _path$19 || (_path$19 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$1a || (_path$1a = /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
     d: "M23.938 12c0 6.42-5.205 11.625-11.625 11.625S.688 18.42.688 12 5.892.375 12.313.375C18.733.375 23.938 5.58 23.938 12m-12.97 6.155 8.625-8.625a.75.75 0 0 0 0-1.06l-1.06-1.06a.75.75 0 0 0-1.062 0l-7.033 7.033-3.285-3.284a.75.75 0 0 0-1.06 0l-1.06 1.06a.75.75 0 0 0 0 1.061l4.874 4.875a.75.75 0 0 0 1.06 0"
   })));
 };
 
-var _path$18;
-function _extends$19() { return _extends$19 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$19.apply(null, arguments); }
+var _path$19;
+function _extends$1a() { return _extends$1a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1a.apply(null, arguments); }
 var SvgCheckbox = function SvgCheckbox(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$19({
+  return /*#__PURE__*/React.createElement("svg", _extends$1a({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
-  }, props), _path$18 || (_path$18 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$19 || (_path$19 = /*#__PURE__*/React.createElement("path", {
     fill: "#02BF6F",
     d: "m10.6 13.4-2.15-2.15a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.5q.3.3.7.3t.7-.3l5.65-5.65a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275zM5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21z"
   })));
 };
 
-var _path$17;
-function _extends$18() { return _extends$18 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$18.apply(null, arguments); }
+var _path$18;
+function _extends$19() { return _extends$19 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$19.apply(null, arguments); }
 var SvgCheckboxUncheck = function SvgCheckboxUncheck(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$18({
+  return /*#__PURE__*/React.createElement("svg", _extends$19({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
-  }, props), _path$17 || (_path$17 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$18 || (_path$18 = /*#__PURE__*/React.createElement("path", {
     fill: "#838B97",
     d: "M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm0-2h14V5H5z"
   })));
 };
 
-var _path$16;
-function _extends$17() { return _extends$17 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$17.apply(null, arguments); }
+var _path$17;
+function _extends$18() { return _extends$18 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$18.apply(null, arguments); }
 var SvgClock = function SvgClock(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$17({
+  return /*#__PURE__*/React.createElement("svg", _extends$18({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
-  }, props), _path$16 || (_path$16 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$17 || (_path$17 = /*#__PURE__*/React.createElement("path", {
     fill: "#02BF6F",
     d: "M13 11.6V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v3.975q0 .2.075.388.075.187.225.337l3.3 3.3a.95.95 0 0 0 .7.275A.95.95 0 0 0 16 16a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.325 0 5.663-2.337T20 12t-2.337-5.662T12 4 6.338 6.338 4 12t2.338 5.663T12 20"
   })));
 };
 
-var _path$15;
-function _extends$16() { return _extends$16 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$16.apply(null, arguments); }
+var _path$16;
+function _extends$17() { return _extends$17 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$17.apply(null, arguments); }
 var SvgClose = function SvgClose(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$16({
+  return /*#__PURE__*/React.createElement("svg", _extends$17({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
-  }, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$16 || (_path$16 = /*#__PURE__*/React.createElement("path", {
     fill: "#5D676B",
     d: "m12 13.4-4.9 4.9a.95.95 0 0 1-.7.276.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.426.275-.7l4.9-4.9-4.9-4.9a.95.95 0 0 1-.275-.7q0-.426.275-.7a.95.95 0 0 1 .7-.275q.424 0 .7.275l4.9 4.9 4.9-4.9a.95.95 0 0 1 .7-.275q.424 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L13.4 12l4.9 4.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275z"
   })));
 };
 
-var _path$14;
-function _extends$15() { return _extends$15 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$15.apply(null, arguments); }
+var _path$15;
+function _extends$16() { return _extends$16 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$16.apply(null, arguments); }
 var SvgCompress = function SvgCompress(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$15({
+  return /*#__PURE__*/React.createElement("svg", _extends$16({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$15 || (_path$15 = /*#__PURE__*/React.createElement("path", {
     d: "M12 10.875V6.422c0-1.003 1.212-1.505 1.92-.796l1.3 1.299 5.26-5.26a.56.56 0 0 1 .795 0l1.06 1.06c.22.22.22.576 0 .796l-5.26 5.26 1.299 1.298c.709.71.207 1.921-.796 1.921h-4.453A1.125 1.125 0 0 1 12 10.875m-8.48 11.46 5.26-5.26 1.3 1.299c.708.709 1.92.207 1.92-.796v-4.453c0-.621-.504-1.125-1.125-1.125H6.422c-1.003 0-1.505 1.212-.796 1.92l1.299 1.3-5.26 5.26a.563.563 0 0 0 0 .795l1.06 1.06c.22.22.576.22.796 0Z"
   })));
 };
 
-var _path$13;
-function _extends$14() { return _extends$14 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$14.apply(null, arguments); }
+var _path$14;
+function _extends$15() { return _extends$15 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$15.apply(null, arguments); }
 var SvgCopy = function SvgCopy(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$14({
+  return /*#__PURE__*/React.createElement("svg", _extends$15({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
-  }, props), _path$13 || (_path$13 = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$14 || (_path$14 = /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
     d: "M21.841 3.091 19.409.659A2.25 2.25 0 0 0 17.818 0H9.75A2.25 2.25 0 0 0 7.5 2.25V4.5H3.75A2.25 2.25 0 0 0 1.5 6.75v15A2.25 2.25 0 0 0 3.75 24h10.5a2.25 2.25 0 0 0 2.25-2.25V19.5h3.75a2.25 2.25 0 0 0 2.25-2.25V4.682a2.25 2.25 0 0 0-.659-1.591M18 1.523c.132.033.252.1.348.197l2.432 2.432a.74.74 0 0 1 .197.348H18zM15 21.75a.75.75 0 0 1-.75.75H3.75a.75.75 0 0 1-.75-.75v-15A.75.75 0 0 1 3.75 6H7.5v11.25a2.25 2.25 0 0 0 2.25 2.25H15zm6-4.5a.75.75 0 0 1-.75.75H9.75a.75.75 0 0 1-.75-.75v-15a.75.75 0 0 1 .75-.75h6.75v3.375c0 .619.506 1.125 1.125 1.125H21z"
   })));
 };
 
-var _path$12, _g$o;
-function _extends$13() { return _extends$13 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$13.apply(null, arguments); }
+var _path$13, _g$o;
+function _extends$14() { return _extends$14 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$14.apply(null, arguments); }
 var SvgCustomize = function SvgCustomize(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$13({
+  return /*#__PURE__*/React.createElement("svg", _extends$14({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -870,7 +870,7 @@ var SvgCustomize = function SvgCustomize(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$12 || (_path$12 = /*#__PURE__*/React.createElement("path", {
+  }, _path$13 || (_path$13 = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M.5 0h24v24H.5z"
   }))), _g$o || (_g$o = /*#__PURE__*/React.createElement("g", {
@@ -881,10 +881,10 @@ var SvgCustomize = function SvgCustomize(props) {
   }))));
 };
 
-var _path$11, _g$n;
-function _extends$12() { return _extends$12 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$12.apply(null, arguments); }
+var _path$12, _g$n;
+function _extends$13() { return _extends$13 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$13.apply(null, arguments); }
 var SvgDelete = function SvgDelete(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$12({
+  return /*#__PURE__*/React.createElement("svg", _extends$13({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -898,7 +898,7 @@ var SvgDelete = function SvgDelete(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$11 || (_path$11 = /*#__PURE__*/React.createElement("path", {
+  }, _path$12 || (_path$12 = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$n || (_g$n = /*#__PURE__*/React.createElement("g", {
@@ -909,16 +909,29 @@ var SvgDelete = function SvgDelete(props) {
   }))));
 };
 
+var _path$11;
+function _extends$12() { return _extends$12 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$12.apply(null, arguments); }
+var SvgDots = function SvgDots(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$12({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, props), _path$11 || (_path$11 = /*#__PURE__*/React.createElement("path", {
+    fill: "#838B97",
+    d: "M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+  })));
+};
+
 var _path$10;
 function _extends$11() { return _extends$11 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$11.apply(null, arguments); }
-var SvgDots = function SvgDots(props) {
+var SvgDownload = function SvgDownload(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$11({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
   }, props), _path$10 || (_path$10 = /*#__PURE__*/React.createElement("path", {
-    fill: "#838B97",
-    d: "M6 14q-.824 0-1.412-.588A1.93 1.93 0 0 1 4 12q0-.825.588-1.412A1.93 1.93 0 0 1 6 10q.824 0 1.412.588Q8 11.175 8 12t-.588 1.412A1.93 1.93 0 0 1 6 14m6 0q-.825 0-1.412-.588A1.93 1.93 0 0 1 10 12q0-.825.588-1.412A1.93 1.93 0 0 1 12 10q.825 0 1.412.588Q14 11.175 14 12t-.588 1.412A1.93 1.93 0 0 1 12 14m6 0q-.824 0-1.413-.588A1.93 1.93 0 0 1 16 12q0-.825.587-1.412A1.93 1.93 0 0 1 18 10q.824 0 1.413.588Q20 11.175 20 12t-.587 1.412A1.93 1.93 0 0 1 18 14"
+    fill: "#2C3336",
+    d: "M22 13.333h-3.837l1.92-1.92C21.338 10.157 20.45 8 18.671 8h-2.667V3.333a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2V8H5.338c-1.775 0-2.675 2.154-1.413 3.412l1.92 1.921H2a2 2 0 0 0-2 2v5.334a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-5.334a2 2 0 0 0-2-2M5.333 10H10V3.333h4V10h4.667L12 16.667zM22 20.667H2v-5.334h5.838l2.745 2.746a2 2 0 0 0 2.83 0l2.745-2.746H22zM18.333 18c0-.554.446-1 1-1 .555 0 1 .446 1 1s-.445 1-1 1-1-.446-1-1"
   })));
 };
 
@@ -2150,7 +2163,7 @@ var SvgWarning1 = function SvgWarning1(props) {
 };
 
 declare namespace index {
-  export { SvgAdd as AddIcon, SvgKeyboardArrowDown as ArrowDownIcon, SvgArrowFromLeft as ArrowFromLeftIcon, SvgArrowLeftDouble as ArrowLeftDoubleIcon, SvgArrowLeft as ArrowLeftIcon, SvgArrowLeftSingle as ArrowLeftSingleIcon, SvgBarChart as BarChartIcon, SvgBlock as BlockIcon, SvgBlurOn as BlurOnIcon, SvgCached as CachedIcon, SvgCalendar as CalendarIcon, SvgCalendarStar as CalendarStarIcon, SvgCamera as CameraIcon, SvgChatIcon as ChatIcon, SvgCheckCircle as CheckCircleIcon, SvgCheckCircleSolid as CheckCircleSolidIcon, SvgCheckbox as CheckboxIcon, SvgCheckboxUncheck as CheckboxUncheckIcon, SvgClock as ClockIcon, SvgClose as CloseIcon, SvgCompress as CompressIcon, SvgCopy as CopyIcon, SvgCustomize as CustomizeIcon, SvgDelete as DeleteIcon, SvgDots as DotsIcon, SvgEdit as EditIcon, SvgElectricBolt as ElectricBoltIcon, SvgEventDetails as EventDetailsIcon, SvgEventRepeat as EventRepeatIcon, SvgExclamation as ExclamationIcon, SvgExpand as ExpandIcon, SvgExternalLink as ExternalLinkIcon, SvgFeatureAction as FeatureActionIcon, SvgFile as FileIcon, SvgFilterList as FilterListIcon, SvgGear as GearIcon, SvgHelpSolid as HelpSolidIcon, SvgInfoCircle as InfoCircleIcon, SvgInfoCircleSolid as InfoCircleSolidIcon, SvgInfo as InfoIcon, SvgInfo1 as InfoSolidIcon, SvgItems as ItemsIcon, SvgList as ListIcon, SvgListTh as ListThIcon, SvgLocation as LocationIcon, SvgLock as LockIcon, SvgMagic as MagicIcon, SvgMail as MailIcon, SvgMaterials as MaterialsIcon, SvgMicBold as MicBoldIcon, SvgMicOff1 as MicOffIcon, SvgMicOff as MicOffSolidIcon, SvgMic1 as MicOnSolidIcon, SvgMic as MicOnfIcon, SvgMobileDevice as MobileDeviceIcon, SvgOutStage as OutStageIcon, SvgPasswordEyeCrossed as PasswordEyeCrossedIcon, SvgPasswordEye as PasswordEyeIcon, SvgPeopleCommunity as PeopleCommunityIcon, SvgPeople as PeopleIcon, SvgPerson as Person, SvgPlay as PlayIcon, SvgPoll as PollIcon, SvgProgress as ProgressIcon, SvgReplayDisabled as ReplayDisabledIcon, SvgRestart as RestartIcon, SvgRocket as RocketIcon, SvgScreenSharing as ScreenShareIcon, SvgScreenScareWindows as ScreenShareWindowIcon, SvgSearch as SearchIcon, SvgSidebar as SideBarIcon, SvgSmile as SmileIcon, SvgSpotlight as SpotlightIcon, SvgStackedEmail as StackedEmailIcon, SvgSync as SyncIcon, SvgTimesCircle as TimesCircleIcon, SvgToday as TodayIcon, SvgTrendingDown as TrendingDownIcon, SvgTrendingUp as TrendingUpIcon, 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 { SvgAdd as AddIcon, SvgKeyboardArrowDown as ArrowDownIcon, SvgArrowFromLeft as ArrowFromLeftIcon, SvgArrowLeftDouble as ArrowLeftDoubleIcon, SvgArrowLeft as ArrowLeftIcon, SvgArrowLeftSingle as ArrowLeftSingleIcon, SvgBarChart as BarChartIcon, SvgBlock as BlockIcon, SvgBlurOn as BlurOnIcon, SvgCached as CachedIcon, SvgCalendar as CalendarIcon, SvgCalendarStar as CalendarStarIcon, SvgCamera as CameraIcon, SvgChatIcon as ChatIcon, SvgCheckCircle as CheckCircleIcon, SvgCheckCircleSolid as CheckCircleSolidIcon, SvgCheckbox as CheckboxIcon, SvgCheckboxUncheck as CheckboxUncheckIcon, SvgClock as ClockIcon, SvgClose as CloseIcon, SvgCompress as CompressIcon, SvgCopy as CopyIcon, SvgCustomize as CustomizeIcon, SvgDelete as DeleteIcon, SvgDots as DotsIcon, SvgDownload as DownloadIcon, SvgEdit as EditIcon, SvgElectricBolt as ElectricBoltIcon, SvgEventDetails as EventDetailsIcon, SvgEventRepeat as EventRepeatIcon, SvgExclamation as ExclamationIcon, SvgExpand as ExpandIcon, SvgExternalLink as ExternalLinkIcon, SvgFeatureAction as FeatureActionIcon, SvgFile as FileIcon, SvgFilterList as FilterListIcon, SvgGear as GearIcon, SvgHelpSolid as HelpSolidIcon, SvgInfoCircle as InfoCircleIcon, SvgInfoCircleSolid as InfoCircleSolidIcon, SvgInfo as InfoIcon, SvgInfo1 as InfoSolidIcon, SvgItems as ItemsIcon, SvgList as ListIcon, SvgListTh as ListThIcon, SvgLocation as LocationIcon, SvgLock as LockIcon, SvgMagic as MagicIcon, SvgMail as MailIcon, SvgMaterials as MaterialsIcon, SvgMicBold as MicBoldIcon, SvgMicOff1 as MicOffIcon, SvgMicOff as MicOffSolidIcon, SvgMic1 as MicOnSolidIcon, SvgMic as MicOnfIcon, SvgMobileDevice as MobileDeviceIcon, SvgOutStage as OutStageIcon, SvgPasswordEyeCrossed as PasswordEyeCrossedIcon, SvgPasswordEye as PasswordEyeIcon, SvgPeopleCommunity as PeopleCommunityIcon, SvgPeople as PeopleIcon, SvgPerson as Person, SvgPlay as PlayIcon, SvgPoll as PollIcon, SvgProgress as ProgressIcon, SvgReplayDisabled as ReplayDisabledIcon, SvgRestart as RestartIcon, SvgRocket as RocketIcon, SvgScreenSharing as ScreenShareIcon, SvgScreenScareWindows as ScreenShareWindowIcon, SvgSearch as SearchIcon, SvgSidebar as SideBarIcon, SvgSmile as SmileIcon, SvgSpotlight as SpotlightIcon, SvgStackedEmail as StackedEmailIcon, SvgSync as SyncIcon, SvgTimesCircle as TimesCircleIcon, SvgToday as TodayIcon, SvgTrendingDown as TrendingDownIcon, SvgTrendingUp as TrendingUpIcon, 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, Avatar, Badge, Button$1 as Button, Button as ButtonNew, Card, Checkbox, Crop, DnDArea, Drawer, DropdownItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, MultiSelect, Pagination, Popover, Progress, RadioGroup, Select, SelectItem, SelectItemText, SliderDemo as Slider, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Tooltip, Typography, index as icons, useCroppedImage, useFileValidation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "demio-ui",
-  "version": "2.2.1",
+  "version": "2.2.3",
   "description": "",
   "repository": {
     "type": "git",
@@ -111,7 +111,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^15.2.0",
     "postcss-import": "^16.0.0",
-    "prettier": "^3.2.4",
+    "prettier": "^3.3.3",
     "pretty-quick": "^4.0.0",
     "react": "^18.2.0",
     "react-docgen-typescript": "^2.2.2",