@antscorp/antsomi-ui 1.3.5-beta.62 → 1.3.5-beta.621

package/es/components/icons/ByDayIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ByDayIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ByDayIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ByDayIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M3 17.0156V18.9844H21V17.0156H3ZM18.9844 12H5.01562V12.9844H18.9844V12ZM21 9.98438V15H3V9.98438H21ZM3 6V8.01562H21V6H3Z" })));
+});

package/es/components/icons/ByMonthIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ByMonthIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ByMonthIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ByMonthIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M18.9844 3.98438C20.1094 3.98438 21 4.92188 21 6V20.0156C21 21.0938 20.1094 21.9844 18.9844 21.9844H5.01562C3.89062 21.9844 3 21.0938 3 20.0156V6C3 4.92188 3.89062 3.98438 5.01562 3.98438H6V2.01562H8.01562V3.98438H15.9844V2.01562H18V3.98438H18.9844ZM18.9844 20.0156V9.98438H5.01562V20.0156H18.9844ZM18.9844 8.01562V6H5.01562V8.01562H18.9844ZM9 14.0156V12H6.98438V14.0156H9ZM12.9844 14.0156V12H11.0156V14.0156H12.9844ZM17.0156 14.0156V12H15V14.0156H17.0156ZM9 18V15.9844H6.98438V18H9ZM12.9844 18V15.9844H11.0156V18H12.9844ZM17.0156 18V15.9844H15V18H17.0156Z" })));
+});

package/es/components/icons/ByScheduleIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ByScheduleIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ByScheduleIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ByScheduleIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M18.9844 12.9844C20.1094 12.9844 21 13.9219 21 15V18.9844C21 20.1094 20.1094 21 18.9844 21H5.01562C3.89062 21 3 20.1094 3 18.9844V15C3 13.9219 3.89062 12.9844 5.01562 12.9844H18.9844ZM18.9844 18.9844V15H5.01562V18.9844H18.9844ZM18.9844 3C20.1094 3 21 3.89062 21 5.01562V9C21 10.0781 20.1094 11.0156 18.9844 11.0156H5.01562C3.89062 11.0156 3 10.0781 3 9V5.01562C3 3.89062 3.89062 3 5.01562 3H18.9844ZM18.9844 9V5.01562H5.01562V9H18.9844Z" })));
+});

package/es/components/icons/ByThreeDayIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ByThreeDayIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ByThreeDayIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ByThreeDayIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M20.0156 3.98438C21.0938 3.98438 21.9844 4.92188 21.9844 6V18C21.9844 19.0781 21.0938 20.0156 20.0156 20.0156H3.98438C2.90625 20.0156 2.01562 19.0781 2.01562 18V6C2.01562 4.92188 2.90625 3.98438 3.98438 3.98438H20.0156ZM8.01562 18V6H3.98438V18H8.01562ZM14.0156 18V6H9.98438V18H14.0156ZM20.0156 18V6H15.9844V18H20.0156Z" })));
+});

package/es/components/icons/ByWeekIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ByWeekIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ByWeekIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ByWeekIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M20.0156 3.98438C20.5469 3.98438 21 4.1875 21.375 4.59375C21.7812 4.96875 21.9844 5.4375 21.9844 6V18C21.9844 18.5625 21.7812 19.0469 21.375 19.4531C21 19.8281 20.5469 20.0156 20.0156 20.0156H3.98438C3.45312 20.0156 2.98438 19.8281 2.57812 19.4531C2.20312 19.0469 2.01562 18.5625 2.01562 18V6C2.01562 5.4375 2.20312 4.96875 2.57812 4.59375C2.98438 4.1875 3.45312 3.98438 3.98438 3.98438H20.0156ZM12.9844 6V18H15.5156V6H12.9844ZM11.0156 18V6H8.48438V18H11.0156ZM3.98438 6V18H6.51562V6H3.98438ZM20.0156 18V6H17.4844V18H20.0156Z" })));
+});

package/es/components/icons/CalendarIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const CalendarIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CalendarIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CalendarIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M18.9844 18.9844V8.01562H5.01562V18.9844H18.9844ZM15.9844 0.984375H18V3H18.9844C19.5156 3 19.9844 3.20312 20.3906 3.60938C20.7969 4.01563 21 4.48438 21 5.01562V18.9844C21 19.5156 20.7969 19.9844 20.3906 20.3906C19.9844 20.7969 19.5156 21 18.9844 21H5.01562C4.45312 21 3.96875 20.8125 3.5625 20.4375C3.1875 20.0312 3 19.5469 3 18.9844V5.01562C3 4.48438 3.1875 4.01563 3.5625 3.60938C3.96875 3.20312 4.45312 3 5.01562 3H6V0.984375H8.01562V3H15.9844V0.984375ZM17.0156 12V17.0156H12V12H17.0156Z" })));
+});

package/es/components/icons/CallIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const CallIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CallIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CallIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z" })));
+});

package/es/components/icons/CameraIcon.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
-export declare const CameraIcon: (props: any) => React.JSX.Element;
+import { IconProps } from './types';
+export declare const CameraIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CameraIcon.js

@@ -1,4 +1,8 @@
-import React from 'react';
-export const CameraIcon = props => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 32 32", fill: "currentColor" }, props),
-    React.createElement("g", { transform: "scale(0.03125 0.03125)" },
-        React.createElement("path", { d: "M614.38 348.8v326.4h-408.96v-326.4zM654.7 266.24h-491.52c-21.12 0-40.32 19.2-40.32 40.32v410.88c0 21.12 19.2 40.32 40.32 40.32h491.52c23.040 0 42.24-19.2 42.24-40.32v-144l163.2 163.2v-449.28l-163.2 163.2v-144c0-21.12-19.2-40.32-42.24-40.32z" }))));
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CameraIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 32 32", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("g", { transform: "scale(0.03125 0.03125)" },
+            React.createElement("path", { d: "M614.38 348.8v326.4h-408.96v-326.4zM654.7 266.24h-491.52c-21.12 0-40.32 19.2-40.32 40.32v410.88c0 21.12 19.2 40.32 40.32 40.32h491.52c23.040 0 42.24-19.2 42.24-40.32v-144l163.2 163.2v-449.28l-163.2 163.2v-144c0-21.12-19.2-40.32-42.24-40.32z" }))));
+});

package/es/components/icons/CaptureIcon.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
-export declare const CaptureIcon: (props: any) => React.JSX.Element;
+import { IconProps } from './types';
+export declare const CaptureIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CaptureIcon.js

@@ -1,4 +1,8 @@
-import React from 'react';
-export const CaptureIcon = props => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 32 32", fill: "currentColor" }, props),
-    React.createElement("g", { transform: "scale(0.03125 0.03125)" },
-        React.createElement("path", { d: "M577.9 224l74.88 82.56h167.040v491.52h-656.64v-491.52h167.040l74.88-82.56zM614.38 143.36h-245.76l-74.88 80.64h-130.56c-44.16 0-80.64 38.4-80.64 82.56v491.52c0 44.16 36.48 82.56 80.64 82.56h656.64c44.16 0 80.64-38.4 80.64-82.56v-491.52c0-44.16-36.48-82.56-80.64-82.56h-130.56zM491.5 429.44c67.2 0 122.88 55.68 122.88 122.88s-55.68 122.88-122.88 122.88c-67.2 0-122.88-55.68-122.88-122.88s55.68-122.88 122.88-122.88zM491.5 346.88c-113.28 0-205.44 92.16-205.44 205.44s92.16 205.44 205.44 205.44c113.28 0 205.44-92.16 205.44-205.44s-92.16-205.44-205.44-205.44z" }))));
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CaptureIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 32 32", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("g", { transform: "scale(0.03125 0.03125)" },
+            React.createElement("path", { d: "M577.9 224l74.88 82.56h167.040v491.52h-656.64v-491.52h167.040l74.88-82.56zM614.38 143.36h-245.76l-74.88 80.64h-130.56c-44.16 0-80.64 38.4-80.64 82.56v491.52c0 44.16 36.48 82.56 80.64 82.56h656.64c44.16 0 80.64-38.4 80.64-82.56v-491.52c0-44.16-36.48-82.56-80.64-82.56h-130.56zM491.5 429.44c67.2 0 122.88 55.68 122.88 122.88s-55.68 122.88-122.88 122.88c-67.2 0-122.88-55.68-122.88-122.88s55.68-122.88 122.88-122.88zM491.5 346.88c-113.28 0-205.44 92.16-205.44 205.44s92.16 205.44 205.44 205.44c113.28 0 205.44-92.16 205.44-205.44s-92.16-205.44-205.44-205.44z" }))));
+});

package/es/components/icons/CatalogIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const CatalogIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CatalogIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CatalogIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M2.79224 19.3828C1.76099 18.9609 1.29224 17.7891 1.71412 16.8047L4.15162 10.9453V19.9453L2.79224 19.3828ZM22.2922 15.6797C22.7141 16.7109 22.1985 17.8828 21.2141 18.3047L13.8547 21.3516C13.5735 21.4453 13.3391 21.4922 13.0579 21.4922C12.3079 21.4922 11.5579 21.0234 11.2297 20.2734L6.26099 8.27344C6.16724 8.03906 6.12037 7.75781 6.12037 7.47656C6.16724 6.72656 6.58912 6.02344 7.33912 5.69531L14.7454 2.64844C14.9797 2.55469 15.261 2.50781 15.5422 2.50781C16.2922 2.50781 17.0422 2.97656 17.3235 3.72656L22.2922 15.6797ZM13.1047 19.4766L20.4641 16.4297L15.4954 4.47656L8.13599 7.52344L13.1047 19.4766ZM10.2454 8.74219C10.2454 9.30469 10.7141 9.72656 11.2766 9.72656C11.7922 9.72656 12.261 9.30469 12.261 8.74219C12.261 8.17969 11.7922 7.75781 11.2766 7.75781C10.7141 7.75781 10.2454 8.17969 10.2454 8.74219ZM6.12037 19.4766V13.1484L9.5891 21.4922H8.13599C7.05787 21.4922 6.12037 20.6016 6.12037 19.4766Z" })));
+});

package/es/components/icons/CategoryIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const CategoryIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CategoryIcon.js

@@ -0,0 +1,9 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CategoryIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "m12 2-5.5 9h11z" }),
+        React.createElement("circle", { cx: "17.5", cy: "17.5", r: "4.5" }),
+        React.createElement("path", { d: "M3 13.5h8v8H3z" })));
+});

package/es/components/icons/ChartRealTimeIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ChartRealTimeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ChartRealTimeIcon.js

@@ -0,0 +1,9 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ChartRealTimeIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M17.5 11C21.1009 11 24 13.8991 24 17.5C24 21.1009 21.1009 24 17.5 24C13.8991 24 11 21.1009 11 17.5C11 13.8991 13.8991 11 17.5 11ZM17.5 22.7183C20.3685 22.7183 22.7183 20.3685 22.7183 17.5C22.7183 14.6315 20.3685 12.2817 17.5 12.2817C14.6315 12.2817 12.2817 14.6315 12.2817 17.5C12.2817 20.3685 14.6315 22.7183 17.5 22.7183ZM17.8357 14.2347V17.6526L20.7653 19.392L20.277 20.216L16.8592 18.1408V14.2347H17.8357Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M0 11.06V8.84058L6.00939 3.04348L9.20188 6.15942L14.8732 0L16 1.08696L9.20188 8.47826L6.00939 5.36232L0 11.06Z", fill: "currentColor" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 12.4009V8.39033L16.0312 4.00732V10.1438C14.4529 10.4571 13.0529 11.2658 12 12.4009ZM10.0312 16.8107V12.07L6.00119 8.14909L6 8.15024V18.4844H10.0312V18.1893C10.0106 17.9623 10 17.7324 10 17.5C10 17.2676 10.0106 17.0377 10.0312 16.8107ZM0 14L4.03125 10.0494V18.4844H0V14Z", fill: "currentColor" })));
+});

package/es/components/icons/ChartReviewIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ChartReviewIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ChartReviewIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ChartReviewIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M16.2188 12.9844H18.9844V18.9844H16.2188V12.9844ZM10.5938 5.01562H13.4062V18.9844H10.5938V5.01562ZM5.01562 9.1875H8.01562V18.9844H5.01562V9.1875Z" })));
+});

package/es/components/icons/ChartTypeIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ChartTypeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ChartTypeIcon.js

@@ -0,0 +1,8 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ChartTypeIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("g", { clipPath: "url(#clip0_1_2236)" },
+            React.createElement("path", { d: "M3.51562 18.4688L2.01562 16.9688L9.51562 9.46875L13.5 13.5L20.5781 5.53125L21.9844 6.9375L13.5 16.5L9.51562 12.4688L3.51562 18.4688Z" }))));
+});

package/es/components/icons/ChatBubbleOutlineIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ChatBubbleOutlineIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ChatBubbleOutlineIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ChatBubbleOutlineIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z" })));
+});

package/es/components/icons/ChatConversationCommentAddCommentIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ChatConversationCommentAddCommentIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ChatConversationCommentAddCommentIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ChatConversationCommentAddCommentIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M3.98438 3.98438V17.1562L5.15625 15.9844H20.0156V3.98438H3.98438ZM3.98438 2.01562H20.0156C21.0938 2.01562 21.9844 2.90625 21.9844 3.98438V15.9844C21.9844 17.1094 21.0938 18 20.0156 18H6L2.01562 21.9844V3.98438C2.01562 2.90625 2.90625 2.01562 3.98438 2.01562ZM6 12V14.0156H14.0156V12H6ZM6 9V11.0156H18V9H6ZM6 6V8.01562H18V6H6Z" })));
+});

package/es/components/icons/ChatMentionIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ChatMentionIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ChatMentionIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ChatMentionIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M12 1.96875C17.5312 1.96875 21.9844 6.42188 21.9844 11.9531V13.3594C21.9844 15.3281 20.4844 16.9688 18.5156 16.9688C17.2969 16.9688 16.1719 16.3594 15.5625 15.4688C14.625 16.4062 13.3594 16.9688 12 16.9688C9.23438 16.9688 6.98438 14.7188 6.98438 11.9531C6.98438 9.1875 9.23438 6.9375 12 6.9375C14.7656 6.9375 17.0156 9.1875 17.0156 11.9531V13.3594C17.0156 14.1562 17.7188 14.9531 18.5156 14.9531C19.3125 14.9531 20.0156 14.1562 20.0156 13.3594V11.9531C20.0156 7.59375 16.3594 3.9375 12 3.9375C7.64062 3.9375 3.98438 7.59375 3.98438 11.9531C3.98438 16.3125 7.64062 19.9688 12 19.9688H17.0156V21.9375H12C6.46875 21.9375 2.01562 17.4844 2.01562 11.9531C2.01562 6.42188 6.46875 1.96875 12 1.96875ZM12 14.9531C13.6406 14.9531 15 13.5938 15 11.9531C15 10.3125 13.6406 8.95312 12 8.95312C10.3594 8.95312 9 10.3125 9 11.9531C9 13.5938 10.3594 14.9531 12 14.9531Z" })));
+});

package/es/components/icons/ChatUnreadIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ChatUnreadIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ChatUnreadIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ChatUnreadIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M21.9844 6.98438V15.9844C21.9844 17.1094 21.0938 18 20.0156 18H6L2.01562 21.9844V3.98438C2.01562 2.90625 2.90625 2.01562 3.98438 2.01562H14.1094C14.0625 2.29688 14.0156 2.67188 14.0156 3C14.0156 3.32812 14.0625 3.70312 14.1094 3.98438H3.98438V15.9844H20.0156V7.92188C20.7188 7.73438 21.4219 7.40625 21.9844 6.98438ZM15.9844 3C15.9844 4.64062 17.3438 6 18.9844 6C20.6719 6 21.9844 4.64062 21.9844 3C21.9844 1.35938 20.6719 0 18.9844 0C17.3438 0 15.9844 1.35938 15.9844 3Z" })));
+});

package/es/components/icons/CheckSlimIcon.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
-export declare const CheckSlimIcon: (props: any) => React.JSX.Element;
+import { IconProps } from './types';
+export declare const CheckSlimIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CheckSlimIcon.js

@@ -1,4 +1,8 @@
-import React from 'react';
-export const CheckSlimIcon = props => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 32 32", fill: "currentColor" }, props),
-    React.createElement("g", { transform: "scale(0.03125 0.03125)" },
-        React.createElement("path", { d: "M384 691.2l-179.2-179.2-59.733 59.733 238.933 238.933 512-512-59.733-59.733-452.267 452.267z" }))));
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CheckSlimIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 32 32", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("g", { transform: "scale(0.03125 0.03125)" },
+            React.createElement("path", { d: "M384 691.2l-179.2-179.2-59.733 59.733 238.933 238.933 512-512-59.733-59.733-452.267 452.267z" }))));
+});

package/es/components/icons/CheckboxChecked5RadiusIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const CheckboxChecked5RadiusIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CheckboxChecked5RadiusIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CheckboxChecked5RadiusIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 3C5.23858 3 3 5.23858 3 8V16C3 18.7614 5.23858 21 8 21H16C18.7614 21 21 18.7614 21 16V8C21 5.23858 18.7614 3 16 3H8ZM18.9688 8.01562L9.96875 17.0156L5 12L6.40625 10.5938L9.96875 14.1562L17.5625 6.5625L18.9688 8.01562Z", fill: "currentColor" })));
+});

package/es/components/icons/CheckboxCheckedIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const CheckboxCheckedIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CheckboxCheckedIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CheckboxCheckedIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M9.98438 17.0156L18.9844 8.01562L17.5781 6.5625L9.98438 14.1562L6.42188 10.5938L5.01562 12L9.98438 17.0156ZM18.9844 3C19.5469 3 20.0156 3.20312 20.3906 3.60938C20.7969 3.98438 21 4.45312 21 5.01562V18.9844C21 19.5469 20.7969 20.0312 20.3906 20.4375C20.0156 20.8125 19.5469 21 18.9844 21H5.01562C4.45312 21 3.96875 20.8125 3.5625 20.4375C3.1875 20.0312 3 19.5469 3 18.9844V5.01562C3 4.45312 3.1875 3.98438 3.5625 3.60938C3.96875 3.20312 4.45312 3 5.01562 3H18.9844Z", fill: "currentColor" })));
+});

package/es/components/icons/CheckboxIndeterminate5RadiusIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const CheckboxIndeterminate5RadiusIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CheckboxIndeterminate5RadiusIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CheckboxIndeterminate5RadiusIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 3C5.23858 3 3 5.23858 3 8V16C3 18.7614 5.23858 21 8 21H16C18.7614 21 21 18.7614 21 16V8C21 5.23858 18.7614 3 16 3H8ZM17 11H7V13H17V11Z", fill: "currentColor" })));
+});

package/es/components/icons/CheckboxIndeterminateIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const CheckboxIndeterminateIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CheckboxIndeterminateIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CheckboxIndeterminateIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M17.0156 12.9844V11.0156H6.98438V12.9844H17.0156ZM18.9844 3C19.5156 3 19.9844 3.20312 20.3906 3.60938C20.7969 4.01562 21 4.48438 21 5.01562V18.9844C21 19.5156 20.7969 19.9844 20.3906 20.3906C19.9844 20.7969 19.5156 21 18.9844 21H5.01562C4.48438 21 4.01562 20.7969 3.60938 20.3906C3.20312 19.9844 3 19.5156 3 18.9844V5.01562C3 4.48438 3.20312 4.01562 3.60938 3.60938C4.01562 3.20312 4.48438 3 5.01562 3H18.9844Z", fill: "currentColor" })));
+});

package/es/components/icons/CheckboxUnchecked5RadiusIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const CheckboxUnchecked5RadiusIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CheckboxUnchecked5RadiusIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CheckboxUnchecked5RadiusIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 5H8C6.34315 5 5 6.34315 5 8V16C5 17.6569 6.34315 19 8 19H16C17.6569 19 19 17.6569 19 16V8C19 6.34315 17.6569 5 16 5ZM8 3C5.23858 3 3 5.23858 3 8V16C3 18.7614 5.23858 21 8 21H16C18.7614 21 21 18.7614 21 16V8C21 5.23858 18.7614 3 16 3H8Z", fill: "currentColor" })));
+});

package/es/components/icons/CheckboxUncheckedIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const CheckboxUncheckedIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CheckboxUncheckedIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CheckboxUncheckedIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M18.9844 5.01562H5.01562V18.9844H18.9844V5.01562ZM18.9844 3C20.1094 3 21 3.89062 21 5.01562V18.9844C21 20.1094 20.1094 21 18.9844 21H5.01562C3.89062 21 3 20.1094 3 18.9844V5.01562C3 3.89062 3.89062 3 5.01562 3H18.9844Z", fill: "currentColor" })));
+});

package/es/components/icons/CircleAddElementIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const CircleAddElementIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CircleAddElementIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CircleAddElementIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M6.32812 17.6719C7.92188 19.2344 9.8125 20.0156 12 20.0156C14.1875 20.0156 16.0625 19.2344 17.625 17.6719C19.2188 16.0781 20.0156 14.1875 20.0156 12C20.0156 9.8125 19.2188 7.9375 17.625 6.375C16.0625 4.78125 14.1875 3.98438 12 3.98438C9.8125 3.98438 7.92188 4.78125 6.32812 6.375C4.76562 7.9375 3.98438 9.8125 3.98438 12C3.98438 14.1875 4.76562 16.0781 6.32812 17.6719ZM4.92188 4.96875C6.89062 3 9.25 2.01562 12 2.01562C14.75 2.01562 17.0938 3 19.0312 4.96875C21 6.90625 21.9844 9.25 21.9844 12C21.9844 14.75 21 17.1094 19.0312 19.0781C17.0938 21.0156 14.75 21.9844 12 21.9844C9.25 21.9844 6.89062 21.0156 4.92188 19.0781C2.98438 17.1094 2.01562 14.75 2.01562 12C2.01562 9.25 2.98438 6.90625 4.92188 4.96875ZM12.9844 6.98438V11.0156H17.0156V12.9844H12.9844V17.0156H11.0156V12.9844H6.98438V11.0156H11.0156V6.98438H12.9844Z", fill: "currentColor" })));
+});

package/es/components/icons/CircleNotificationsIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const CircleNotificationsIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CircleNotificationsIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CircleNotificationsIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 16.5c-.83 0-1.5-.67-1.5-1.5h3c0 .83-.67 1.5-1.5 1.5zm5-2.5H7v-1l1-1v-2.61C8 9.27 9.03 7.47 11 7v-.5c0-.57.43-1 1-1s1 .43 1 1V7c1.97.47 3 2.28 3 4.39V14l1 1v1z" })));
+});

package/es/components/icons/CloseIcon.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-export declare const CloseIcon: ({ ...props }: {
-    [x: string]: any;
-}) => React.JSX.Element;
+import { IconProps } from './types';
+export declare const CloseIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CloseIcon.js

@@ -1,22 +1,9 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-export const CloseIcon = (_a) => {
-    var props = __rest(_a, []);
-    return (React.createElement("svg", Object.assign({ width: "24", height: "25", viewBox: "0 0 24 25", version: "1.1", id: "svg5", fill: "currentColor" }, props),
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CloseIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 25", version: "1.1", id: "svg5", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
         React.createElement("defs", { id: "defs9" }),
-        React.createElement("g", { "aria-label": "close", id: "show_chart", style: {
-                fontSize: 24,
-                fill: '#666666',
-            } },
+        React.createElement("g", { "aria-label": "close", id: "show_chart", style: { fontSize: 24 } },
             React.createElement("path", { d: "M 18.984375,6.421875 13.40625,12 l 5.578125,5.578125 -1.40625,1.40625 L 12,13.40625 6.421875,18.984375 5.015625,17.578125 10.59375,12 5.015625,6.421875 6.421875,5.015625 12,10.59375 17.578125,5.015625 Z", id: "path826" }))));
-};
+});

package/es/components/icons/CodeIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const CodeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CodeIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CodeIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M9.42188 16.5938L4.78125 12L9.42188 7.40625L8.01562 6L2.01562 12L8.01562 18L9.42188 16.5938ZM14.5781 16.5938L19.2188 12L14.5781 7.40625L15.9844 6L21.9844 12L15.9844 18L14.5781 16.5938Z", fill: "currentColor" })));
+});

package/es/components/icons/ColorProfileStyleThemeIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ColorProfileStyleThemeIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ColorProfileStyleThemeIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ColorProfileStyleThemeIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M12 21.9844C6.46875 21.9844 2.01562 17.5312 2.01562 12C2.01562 6.46875 6.46875 2.01562 12 2.01562C17.5312 2.01562 21.9844 6.04688 21.9844 11.0156C21.9844 14.2969 19.3125 17.0156 15.9844 17.0156H14.25C13.9688 17.0156 13.7344 17.2031 13.7344 17.4844C13.7344 17.625 13.7812 17.7188 13.875 17.8125C14.25 18.2812 14.4844 18.8906 14.4844 19.5C14.4844 20.8594 13.3594 21.9844 12 21.9844ZM12 3.98438C7.59375 3.98438 3.98438 7.59375 3.98438 12C3.98438 16.4062 7.59375 20.0156 12 20.0156C12.2812 20.0156 12.5156 19.7812 12.5156 19.5C12.5156 19.3594 12.4219 19.2188 12.375 19.1719C11.9531 18.7031 11.7188 18.0938 11.7188 17.4844C11.7188 16.125 12.8438 15 14.25 15H15.9844C18.1875 15 20.0156 13.2188 20.0156 11.0156C20.0156 7.125 16.4062 3.98438 12 3.98438ZM5.01562 11.4844C5.01562 10.6875 5.67188 9.98438 6.51562 9.98438C7.3125 9.98438 8.01562 10.6875 8.01562 11.4844C8.01562 12.3281 7.3125 12.9844 6.51562 12.9844C5.67188 12.9844 5.01562 12.3281 5.01562 11.4844ZM8.01562 7.5C8.01562 6.65625 8.67188 6 9.51562 6C10.3125 6 11.0156 6.65625 11.0156 7.5C11.0156 8.34375 10.3125 9 9.51562 9C8.67188 9 8.01562 8.34375 8.01562 7.5ZM12.9844 7.5C12.9844 6.65625 13.6875 6 14.4844 6C15.3281 6 15.9844 6.65625 15.9844 7.5C15.9844 8.34375 15.3281 9 14.4844 9C13.6875 9 12.9844 8.34375 12.9844 7.5ZM15.9844 11.4844C15.9844 10.6875 16.6875 9.98438 17.4844 9.98438C18.3281 9.98438 18.9844 10.6875 18.9844 11.4844C18.9844 12.3281 18.3281 12.9844 17.4844 12.9844C16.6875 12.9844 15.9844 12.3281 15.9844 11.4844Z" })));
+});

package/es/components/icons/ColumnIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ColumnIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ColumnIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ColumnIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M10 19H14V5H10V19ZM4 19H8V5H4V19ZM16 5V19H20V5H16Z" })));
+});

package/es/components/icons/CommentIcon.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
-export declare const CommentIcon: (props: any) => React.JSX.Element;
+import { IconProps } from './types';
+export declare const CommentIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CommentIcon.js

@@ -1,4 +1,8 @@
-import React from 'react';
-export const CommentIcon = props => (React.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 32 32", fill: "currentColor" }, props),
-    React.createElement("g", { transform: "scale(0.03125 0.03125)" },
-        React.createElement("path", { d: "M163.18 183.68h656.64v491.52h-608.64l-48 48zM163.18 103.040c-44.16 0-80.64 36.48-80.64 80.64v737.28l163.2-163.2h574.080c44.16 0 80.64-36.48 80.64-82.56v-491.52c0-44.16-36.48-80.64-80.64-80.64zM245.74 512h328.32v82.56h-328.32zM245.74 389.12h491.52v82.56h-491.52zM245.74 266.24h491.52v82.56h-491.52z" }))));
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CommentIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 32 32", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("g", { transform: "scale(0.03125 0.03125)" },
+            React.createElement("path", { d: "M163.18 183.68h656.64v491.52h-608.64l-48 48zM163.18 103.040c-44.16 0-80.64 36.48-80.64 80.64v737.28l163.2-163.2h574.080c44.16 0 80.64-36.48 80.64-82.56v-491.52c0-44.16-36.48-80.64-80.64-80.64zM245.74 512h328.32v82.56h-328.32zM245.74 389.12h491.52v82.56h-491.52zM245.74 266.24h491.52v82.56h-491.52z" }))));
+});

package/es/components/icons/CompareIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const CompareIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/CompareIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const CompareIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M15 12.9844L11.0156 9L15 5.01562V8.01562H21.9844V9.98438H15V12.9844ZM9 14.0156V11.0156L12.9844 15L9 18.9844V15.9844H2.01562V14.0156H9Z", fill: "currentColor" })));
+});

package/es/components/icons/ComputationHistoriesIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ComputationHistoriesIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/ComputationHistoriesIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ComputationHistoriesIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 7H1.97183V9.01562H0V10.9844H1.97183V13H0V15.0156H1.97183V16.9844C1.97183 18.1094 2.9108 19 3.99061 19H9.21557C9.00178 18.3591 8.86204 17.6839 8.80644 16.9844H3.99061V3.01562H18.0282V7.82919C18.7122 7.88849 19.3726 8.0283 20 8.23911V3.01562C20 1.89062 19.108 1 18.0282 1H3.99061C2.9108 1 1.97183 1.89062 1.97183 3.01562V4.98438H0V7ZM8.87452 15.0156C9.04407 13.8871 9.43426 12.8323 10 11.8963V9.01562H6.00939V15.0156H8.87452ZM11.5609 10C12.7738 8.89834 14.3081 8.1437 16.0094 7.89046V4.98438H10.9859V10H11.5609ZM10 4.98438V7.98438H6.00939V4.98438H10ZM23.7792 16.2969C23.7792 12.6959 20.8802 9.79688 17.2792 9.79688C13.6783 9.79688 10.7792 12.6959 10.7792 16.2969C10.7792 19.8978 13.6783 22.7969 17.2792 22.7969C20.8802 22.7969 23.7792 19.8978 23.7792 16.2969ZM22.4975 16.2969C22.4975 19.1654 20.1478 21.5152 17.2792 21.5152C14.4107 21.5152 12.0609 19.1654 12.0609 16.2969C12.0609 13.4283 14.4107 11.0786 17.2792 11.0786C20.1478 11.0786 22.4975 13.4283 22.4975 16.2969ZM17.6149 16.4495V13.0316H16.6384V16.9377L20.0562 19.0128L20.5445 18.1889L17.6149 16.4495Z" })));
+});

package/es/components/icons/ConfirmationNumberIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const ConfirmationNumberIcon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;