@antscorp/antsomi-ui 1.3.3 → 1.3.5-alpha.1

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

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

package/es/components/icons/LocalMallIcon.js

@@ -1,3 +1,7 @@
 import React, { forwardRef } from 'react';
-export const LocalMallIcon = forwardRef((props, ref) => (React.createElement("svg", Object.assign({ focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" }, props, { ref: ref }),
-    React.createElement("path", { d: "M19 6h-2c0-2.76-2.24-5-5-5S7 3.24 7 6H5c-1.1 0-1.99.9-1.99 2L3 20c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-7-3c1.66 0 3 1.34 3 3H9c0-1.66 1.34-3 3-3zm0 10c-2.76 0-5-2.24-5-5h2c0 1.66 1.34 3 3 3s3-1.34 3-3h2c0 2.76-2.24 5-5 5z" }))));
+import { useIcon } from './hooks/useIcon';
+export const LocalMallIcon = 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: "M19 6h-2c0-2.76-2.24-5-5-5S7 3.24 7 6H5c-1.1 0-1.99.9-1.99 2L3 20c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-7-3c1.66 0 3 1.34 3 3H9c0-1.66 1.34-3 3-3zm0 10c-2.76 0-5-2.24-5-5h2c0 1.66 1.34 3 3 3s3-1.34 3-3h2c0 2.76-2.24 5-5 5z" })));
+});

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

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

package/es/components/icons/MapIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const MapIcon = 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.4844 3C20.7656 3 21 3.23438 21 3.51562V18.6094C21 18.8438 20.8594 19.0312 20.625 19.0781L15 21L9 18.8906L3.65625 20.9531L3.51562 21C3.23438 21 3 20.7656 3 20.4844V5.39062C3 5.15625 3.14062 4.96875 3.375 4.92188L9 3L15 5.10938L20.3438 3.04688L20.4844 3ZM9.98438 5.48438V17.1094L14.0156 18.5156V6.89062L9.98438 5.48438ZM5.01562 6.46875V18.3281L8.01562 17.1562V5.4375L5.01562 6.46875ZM18.9844 17.5312V5.71875L15.9844 6.84375V18.5625L18.9844 17.5312Z" })));
+});

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

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

package/es/components/icons/MarkAsReadIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const MarkAsReadIcon = 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 16.2188L19.5938 5.57812L21 6.98438L9 18.9844L3.42188 13.4062L4.78125 12L9 16.2188Z" })));
+});

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

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

package/es/components/icons/MediaGalleryIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const MediaGalleryIcon = 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.01562 6V20.0156H20.0156V21.9844H2.01562C0.890625 21.9844 0 21.0938 0 20.0156V11.0156V6H2.01562ZM6.98438 15L11.4844 9L15 13.5L17.4844 10.5L21 15H6.98438ZM21.9844 3.98438C23.1094 3.98438 24 4.92188 24 6V15.9844C24 17.1094 23.1094 18 21.9844 18H6C4.92188 18 3.98438 17.1094 3.98438 15.9844L4.03125 3.98438C4.03125 2.90625 4.92188 2.01562 6 2.01562H12L14.0156 3.98438H21.9844ZM21.9844 15.9844V6H13.1719L12.5625 5.39062L11.1562 3.98438H6V15.9844H21.9844Z" })));
+});

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

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

package/es/components/icons/MenuCollapseIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const MenuCollapseIcon = 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: "M20 3H9V21H20C20.5523 21 21 20.5523 21 20V4C21 3.44772 20.5523 3 20 3ZM9 1H7H4C2.34315 1 1 2.34315 1 4V20C1 21.6569 2.34315 23 4 23H7H9H20C21.6569 23 23 21.6569 23 20V4C23 2.34315 21.6569 1 20 1H9ZM4 21H7V3H4C3.44772 3 3 3.44772 3 4V20C3 20.5523 3.44772 21 4 21ZM17.2071 9.70711C17.5976 9.31658 17.5976 8.68342 17.2071 8.29289C16.8166 7.90237 16.1834 7.90237 15.7929 8.29289L12.2929 11.7929C11.9024 12.1834 11.9024 12.8166 12.2929 13.2071L15.7929 16.7071C16.1834 17.0976 16.8166 17.0976 17.2071 16.7071C17.5976 16.3166 17.5976 15.6834 17.2071 15.2929L14.4142 12.5L17.2071 9.70711Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/MenuExpandIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const MenuExpandIcon = 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: "M20 3H9V21H20C20.5523 21 21 20.5523 21 20V4C21 3.44772 20.5523 3 20 3ZM9 1H7H4C2.34315 1 1 2.34315 1 4V20C1 21.6569 2.34315 23 4 23H7H9H20C21.6569 23 23 21.6569 23 20V4C23 2.34315 21.6569 1 20 1H9ZM4 21H7V3H4C3.44772 3 3 3.44772 3 4V20C3 20.5523 3.44772 21 4 21ZM12.2929 9.70711C11.9024 9.31658 11.9024 8.68342 12.2929 8.29289C12.6834 7.90237 13.3166 7.90237 13.7071 8.29289L17.2071 11.7929C17.5976 12.1834 17.5976 12.8166 17.2071 13.2071L13.7071 16.7071C13.3166 17.0976 12.6834 17.0976 12.2929 16.7071C11.9024 16.3166 11.9024 15.6834 12.2929 15.2929L15.0858 12.5L12.2929 9.70711Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/MenuImageMultiIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const MenuImageMultiIcon = 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: "M3 2.5C2.44772 2.5 2 2.94772 2 3.5V5.5C2 6.05228 2.44772 6.5 3 6.5H7C7.55228 6.5 8 6.05228 8 5.5V3.5C8 2.94772 7.55228 2.5 7 2.5H3ZM20 9.5H16V13.5H20V9.5ZM10 9.5H14V13.5H10V9.5ZM4 9.5H8V13.5H4V9.5ZM4 19.5V15.5H8V19.5H4ZM14 19.5H10V15.5H14V19.5ZM20 19.5H16V15.5H20V19.5ZM4 7.5C2.89543 7.5 2 8.39543 2 9.5V19.5C2 20.6046 2.89543 21.5 4 21.5H20C21.1046 21.5 22 20.6046 22 19.5V9.5C22 8.39543 21.1046 7.5 20 7.5H4ZM9 3.5C9 2.94772 9.44772 2.5 10 2.5H14C14.5523 2.5 15 2.94772 15 3.5V5.5C15 6.05228 14.5523 6.5 14 6.5H10C9.44772 6.5 9 6.05228 9 5.5V3.5ZM17 2.5C16.4477 2.5 16 2.94772 16 3.5V5.5C16 6.05228 16.4477 6.5 17 6.5H21C21.5523 6.5 22 6.05228 22 5.5V3.5C22 2.94772 21.5523 2.5 21 2.5H17Z" })));
+});

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

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

package/es/components/icons/MenuImageSingleIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const MenuImageSingleIcon = 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: "M5 3C4.44772 3 4 3.44772 4 4V5C4 5.55228 4.44772 6 5 6H19C19.5523 6 20 5.55228 20 5V4C20 3.44772 19.5523 3 19 3H5ZM20 9H16V13H20V9ZM10 9H14V13H10V9ZM4 9H8V13H4V9ZM4 19V15H8V19H4ZM14 19H10V15H14V19ZM20 19H16V15H20V19ZM4 7C2.89543 7 2 7.89543 2 9V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V9C22 7.89543 21.1046 7 20 7H4Z" })));
+});

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

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

package/es/components/icons/MergeIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const MergeIcon = 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.60938 17.0156L6.98438 13.5938L8.39063 15L5.01562 18.4219L3.60938 17.0156ZM15.9844 7.5L20.4844 12L15.9844 16.5L15.9844 12.9844H9.60938L3.60938 6.98438L5.01562 5.57813L10.4062 11.0156H15.9844V7.5Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/MobileFriendlyIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const MobileFriendlyIcon = 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: "M19 1H9c-1.1 0-2 .9-2 2v3h2V4h10v16H9v-2H7v3c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zM7.01 13.47l-2.55-2.55-1.27 1.27L7 16l7.19-7.19-1.27-1.27z" })));
+});

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

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

package/es/components/icons/MobilePhoneIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const MobilePhoneIcon = 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 1.03125C18.0938 1.03125 18.9844 1.92188 18.9844 3V21C18.9844 22.0781 18.0938 23.0156 17.0156 23.0156H6.98438C5.90625 23.0156 5.01562 22.0781 5.01562 21V3C5.01562 1.92188 5.90625 0.984375 6.98438 0.984375L17.0156 1.03125ZM17.0156 18.9844V5.01562H6.98438V18.9844H17.0156Z" })));
+});

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

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

package/es/components/icons/MoreIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const MoreIcon = 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.5938 16.5938C11 16.1875 11.4688 15.9844 12 15.9844C12.5312 15.9844 13 16.1875 13.4062 16.5938C13.8125 17 14.0156 17.4688 14.0156 18C14.0156 18.5312 13.8125 19 13.4062 19.4062C13 19.8125 12.5312 20.0156 12 20.0156C11.4688 20.0156 11 19.8125 10.5938 19.4062C10.1875 19 9.98438 18.5312 9.98438 18C9.98438 17.4688 10.1875 17 10.5938 16.5938ZM10.5938 10.5938C11 10.1875 11.4688 9.98438 12 9.98438C12.5312 9.98438 13 10.1875 13.4062 10.5938C13.8125 11 14.0156 11.4688 14.0156 12C14.0156 12.5312 13.8125 13 13.4062 13.4062C13 13.8125 12.5312 14.0156 12 14.0156C11.4688 14.0156 11 13.8125 10.5938 13.4062C10.1875 13 9.98438 12.5312 9.98438 12C9.98438 11.4688 10.1875 11 10.5938 10.5938ZM13.4062 7.40625C13 7.8125 12.5312 8.01562 12 8.01562C11.4688 8.01562 11 7.8125 10.5938 7.40625C10.1875 7 9.98438 6.53125 9.98438 6C9.98438 5.46875 10.1875 5 10.5938 4.59375C11 4.1875 11.4688 3.98438 12 3.98438C12.5312 3.98438 13 4.1875 13.4062 4.59375C13.8125 5 14.0156 5.46875 14.0156 6C14.0156 6.53125 13.8125 7 13.4062 7.40625Z" })));
+});

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

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

package/es/components/icons/MoreInfoIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const MoreInfoIcon = 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 19C9.46957 19 8.96086 18.7893 8.58579 18.4142C8.21071 18.0391 8 17.5304 8 17V5H19C19.5304 5 20.0391 5.21071 20.4142 5.58579C20.7893 5.96086 21 6.46957 21 7V17C21 17.5304 20.7893 18.0391 20.4142 18.4142C20.0391 18.7893 19.5304 19 19 19H10ZM10 17H19V7H10V17ZM7 16H5C4.73478 16 4.48043 15.8946 4.29289 15.7071C4.10536 15.5196 4 15.2652 4 15V13H7V16ZM13 15V14H13.985V10H15.985V14H17V15H13ZM7 12H4V9H7V12ZM13 10V9H16V10H13ZM7 8H4C3.73478 8 3.48043 7.89464 3.29289 7.70711C3.10536 7.51957 3 7.26522 3 7V5H7V8Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/MoveToIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const MoveToIcon = 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 6C21.0938 6 21.9844 6.89062 21.9844 8.01562V18C21.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.98438H9.98438L12 6H20.0156ZM20.0156 18V8.01562H11.1562L10.5938 7.40625L9.1875 6H3.98438V18H20.0156ZM12.1406 12L10.5938 10.4062L12 9L15.9844 13.0312L12 17.0156L10.5469 15.6094L12.1406 14.0156H8.01562V12H12.1406Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/MuteIcon.js

@@ -1,4 +1,8 @@
-import React from 'react';
-export const MuteIcon = 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: "M438.7 242.24c0-28.8 23.040-49.92 49.92-49.92s49.92 21.12 49.92 49.92l-1.92 159.36 74.88 72.96v-228.48c0-69.12-55.68-122.88-122.88-122.88-63.36 0-115.2 46.080-120.96 107.52l71.040 72.96zM774.7 491.84h-69.12c0 23.040-3.84 46.080-11.52 67.2l51.84 51.84c19.2-36.48 28.8-76.8 28.8-119.040zM177.58 157.76l-57.6 57.6 245.76 245.76v30.72c0 67.2 55.68 122.88 122.88 122.88 9.6 0 17.28-1.92 26.88-3.84l67.2 67.2c-28.8 13.44-61.44 21.12-94.080 21.12-113.28 0-216.96-84.48-216.96-207.36h-69.12c0 138.24 111.36 255.36 245.76 274.56v134.4h80.64v-134.4c38.4-5.76 72.96-19.2 105.6-36.48l170.88 170.88 57.6-57.6z" }))));
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const MuteIcon = 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: "M438.7 242.24c0-28.8 23.040-49.92 49.92-49.92s49.92 21.12 49.92 49.92l-1.92 159.36 74.88 72.96v-228.48c0-69.12-55.68-122.88-122.88-122.88-63.36 0-115.2 46.080-120.96 107.52l71.040 72.96zM774.7 491.84h-69.12c0 23.040-3.84 46.080-11.52 67.2l51.84 51.84c19.2-36.48 28.8-76.8 28.8-119.040zM177.58 157.76l-57.6 57.6 245.76 245.76v30.72c0 67.2 55.68 122.88 122.88 122.88 9.6 0 17.28-1.92 26.88-3.84l67.2 67.2c-28.8 13.44-61.44 21.12-94.080 21.12-113.28 0-216.96-84.48-216.96-207.36h-69.12c0 138.24 111.36 255.36 245.76 274.56v134.4h80.64v-134.4c38.4-5.76 72.96-19.2 105.6-36.48l170.88 170.88 57.6-57.6z" }))));
+});

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

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

package/es/components/icons/NodeViewIcon.js

@@ -0,0 +1,13 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const NodeViewIcon = 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: "M5 3H8V8H3V5C3 4.46957 3.21074 3.96086 3.58582 3.58578C3.96089 3.21071 4.46957 3 5 3Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M13 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58578C20.7893 3.96086 21 4.46957 21 5V8H13V3Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M8 9H3V14H8V9Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M21 9H13V14H21V9Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M3 15H8V20H5C4.46957 20 3.96089 19.7893 3.58582 19.4142C3.21074 19.0391 3 18.5304 3 18V15Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M11 5H10V18H11V5Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M13 15H21V18C21 18.5304 20.7893 19.0391 20.4142 19.4142C20.0391 19.7893 19.5304 20 19 20H13V15Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/NotificationIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const NotificationIcon = 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.75C10.9219 21.75 9.98438 20.8594 9.98438 19.7812H14.0156C14.0156 20.8594 13.0781 21.75 12 21.75ZM18 15.75L20.0156 17.7656V18.75H3.98438V17.7656L6 15.75V10.7812C6 7.6875 7.64062 5.10938 10.5 4.45312V3.75C10.5 2.95312 11.1562 2.25 12 2.25C12.8438 2.25 13.5 2.95312 13.5 3.75V4.45312C16.3594 5.10938 18 7.6875 18 10.7812V15.75ZM15.9844 16.7813V10.7812C15.9844 8.29688 14.4844 6.28125 12 6.28125C9.51562 6.28125 8.01562 8.29688 8.01562 10.7812V16.7813H15.9844Z" })));
+});

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

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

package/es/components/icons/NotificationSettingIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const NotificationSettingIcon = 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 15.9844V15L15.9844 14.0156V11.3906C15.9844 10.2969 15.7188 9.34375 15.1875 8.53125C14.6875 7.71875 13.9531 7.20313 12.9844 6.98438V6.51562C12.9844 6.23438 12.8906 6 12.7031 5.8125C12.5156 5.59375 12.2812 5.48438 12 5.48438C11.7188 5.48438 11.4844 5.59375 11.2969 5.8125C11.1094 6 11.0156 6.23438 11.0156 6.51562V6.98438C10.0469 7.20313 9.29688 7.71875 8.76562 8.53125C8.26562 9.34375 8.01562 10.2969 8.01562 11.3906V14.0156L6.98438 15V15.9844H17.0156ZM10.9219 18.0938C11.2031 18.375 11.5625 18.5156 12 18.5156C12.4375 18.5156 12.7969 18.375 13.0781 18.0938C13.3594 17.7812 13.5 17.4219 13.5 17.0156H10.5C10.5 17.4219 10.6406 17.7812 10.9219 18.0938ZM4.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.96875Z" })));
+});

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

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

package/es/components/icons/NotificationsActiveIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const NotificationsActiveIcon = 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: "M7.58 4.08 6.15 2.65C3.75 4.48 2.17 7.3 2.03 10.5h2c.15-2.65 1.51-4.97 3.55-6.42zm12.39 6.42h2c-.15-3.2-1.73-6.02-4.12-7.85l-1.42 1.43c2.02 1.45 3.39 3.77 3.54 6.42zM18 11c0-3.07-1.64-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.63 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2v-5zm-6 11c.14 0 .27-.01.4-.04.65-.14 1.18-.58 1.44-1.18.1-.24.15-.5.15-.78h-4c.01 1.1.9 2 2.01 2z" })));
+});

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

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

package/es/components/icons/OpenNewTabIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const OpenNewTabIcon = 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.9844V12H21V18.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 3H12V5.01562H5.01562V18.9844H18.9844ZM14.0156 3H21V9.98438H18.9844V6.42188L9.1875 16.2188L7.78125 14.8125L17.5781 5.01562H14.0156V3Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/OpenUrlIcon.js

@@ -1,4 +1,8 @@
-import React from 'react';
-export const OpenUrlIcon = 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: "M777.58 798.080h-572.16v-572.16h286.080v-82.56h-286.080c-46.080 0-82.56 36.48-82.56 82.56v572.16c0 46.080 36.48 82.56 82.56 82.56h572.16c46.080 0 82.56-36.48 82.56-82.56v-286.080h-82.56zM574.060 143.36v82.56h145.92l-401.28 401.28 57.6 57.6 401.28-401.28v145.92h82.56v-286.080z" }))));
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const OpenUrlIcon = 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: "M777.58 798.080h-572.16v-572.16h286.080v-82.56h-286.080c-46.080 0-82.56 36.48-82.56 82.56v572.16c0 46.080 36.48 82.56 82.56 82.56h572.16c46.080 0 82.56-36.48 82.56-82.56v-286.080h-82.56zM574.060 143.36v82.56h145.92l-401.28 401.28 57.6 57.6 401.28-401.28v145.92h82.56v-286.080z" }))));
+});

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

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

package/es/components/icons/PageArticleIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const PageArticleIcon = 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.9844ZM14.0156 17.0156V15H6.98438V17.0156H14.0156ZM17.0156 12.9844V11.0156H6.98438V12.9844H17.0156ZM17.0156 9V6.98438H6.98438V9H17.0156Z" })));
+});

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

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

package/es/components/icons/PauseIcon.js

@@ -1,4 +1,8 @@
-import React from 'react';
-export const PauseIcon = 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: "M368.62 675.2h82.56v-326.4h-82.56zM491.5 103.040c-226.56 0-408.96 182.4-408.96 408.96s182.4 408.96 408.96 408.96c226.56 0 408.96-182.4 408.96-408.96s-182.4-408.96-408.96-408.96zM491.5 840.32c-180.48 0-328.32-147.84-328.32-328.32s147.84-328.32 328.32-328.32c180.48 0 328.32 147.84 328.32 328.32s-147.84 328.32-328.32 328.32zM531.82 675.2h82.56v-326.4h-82.56z" }))));
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const PauseIcon = 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: "M368.62 675.2h82.56v-326.4h-82.56zM491.5 103.040c-226.56 0-408.96 182.4-408.96 408.96s182.4 408.96 408.96 408.96c226.56 0 408.96-182.4 408.96-408.96s-182.4-408.96-408.96-408.96zM491.5 840.32c-180.48 0-328.32-147.84-328.32-328.32s147.84-328.32 328.32-328.32c180.48 0 328.32 147.84 328.32 328.32s-147.84 328.32-328.32 328.32zM531.82 675.2h82.56v-326.4h-82.56z" }))));
+});

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

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

package/es/components/icons/PaymentIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const PaymentIcon = 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 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4v-6h16v6zm0-10H4V6h16v2z" })));
+});

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

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

package/es/components/icons/PenDrawingIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const PenDrawingIcon = 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.8438 10.4062L14.625 6.14062L15.6562 5.10938C16.4531 4.3125 17.7188 4.3125 18.5156 5.10938L19.9219 6.51562C20.6719 7.26562 20.6719 8.53125 19.9219 9.32812L18.8438 10.4062ZM14.625 11.8125L13.1719 10.4062L6 17.5781V18.9844H7.40625L14.625 11.8125ZM13.1719 7.54688L17.4375 11.8125L8.25 21H3.98438V16.7812L13.1719 7.54688ZM18.9844 17.4844C18.9844 16.3125 18.3281 15.4688 17.25 14.8125L15.75 16.3125C16.5 16.6406 17.0156 17.0156 17.0156 17.4844C17.0156 18.2812 15.5625 18.9844 14.0156 18.9844C13.4531 18.9844 12.9844 19.4531 12.9844 20.0156C12.9844 20.5312 13.4531 21 14.0156 21C16.4531 21 18.9844 19.6875 18.9844 17.4844ZM4.59375 13.3594L6.04688 11.8594C5.4375 11.5781 5.01562 11.2969 5.01562 11.0156C5.01562 10.5 6.42188 9.89062 7.35938 9.46875C9.04688 8.71875 11.0156 7.875 11.0156 6C11.0156 4.3125 9.23438 3 6.98438 3C4.78125 3 3.75 4.21875 3.60938 4.35938C3.28125 4.82812 3.375 5.4375 3.75 5.76562C4.17188 6.09375 4.82812 6.04688 5.15625 5.625C5.20312 5.625 5.71875 5.01562 6.98438 5.01562C8.20312 5.01562 9 5.57812 9 6C9 6.5625 7.59375 7.17188 6.5625 7.64062C4.875 8.39062 3 9.1875 3 11.0156C3 12.0469 3.60938 12.7969 4.59375 13.3594Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/PersonAddDisabledIcon.js

@@ -0,0 +1,8 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const PersonAddDisabledIcon = 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("circle", { cx: "15", cy: "8", r: "4" }),
+        React.createElement("path", { d: "M23 20v-2c0-2.3-4.1-3.7-6.9-3.9l6 5.9h.9zm-11.6-5.5C9.2 15.1 7 16.3 7 18v2h9.9l4 4 1.3-1.3-21-20.9L0 3.1l4 4V10H1v2h3v3h2v-3h2.9l2.5 2.5zM6 10v-.9l.9.9H6z" })));
+});

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

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

package/es/components/icons/PersonUserAccountIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const PersonUserAccountIcon = 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 6C10.9219 6 9.98438 6.89062 9.98438 8.01562C9.98438 9.09375 10.9219 9.98438 12 9.98438C13.0781 9.98438 14.0156 9.09375 14.0156 8.01562C14.0156 6.89062 13.0781 6 12 6ZM12 15.9844C9.32812 15.9844 6.23438 17.2969 6 18H18C17.8125 17.2969 14.7188 15.9844 12 15.9844ZM12 3.98438C14.2031 3.98438 15.9844 5.8125 15.9844 8.01562C15.9844 10.2188 14.2031 12 12 12C9.79688 12 8.01562 10.2188 8.01562 8.01562C8.01562 5.8125 9.79688 3.98438 12 3.98438ZM12 14.0156C14.6719 14.0156 20.0156 15.3281 20.0156 18V20.0156H3.98438V18C3.98438 15.3281 9.32812 14.0156 12 14.0156Z" })));
+});

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

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

package/es/components/icons/PhoneCallbackIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const PhoneCallbackIcon = 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: "M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2zm13.54-7.1-.71-.7L13 9.29V5h-1v6h6v-1h-4.15z" })));
+});

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

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

package/es/components/icons/PivotTableChartIcon.js

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const PivotTableChartIcon = forwardRef((props, ref) => {
+    // search tag: group by, pivot table
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24", viewBox: "0 0 24 24", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("g", null,
+            React.createElement("path", { d: "M0,0h24v24H0V0z", fill: "none" })),
+        React.createElement("g", null,
+            React.createElement("path", { d: "M21,5c0-1.1-0.9-2-2-2h-9v5h11V5z M3,19c0,1.1,0.9,2,2,2h3V10H3V19z M3,5v3h5V3H5C3.9,3,3,3.9,3,5z M18,8.99L14,13 l1.41,1.41l1.59-1.6V15c0,1.1-0.9,2-2,2h-2.17l1.59-1.59L13,14l-4,4l4,4l1.41-1.41L12.83,19H15c2.21,0,4-1.79,4-4v-2.18l1.59,1.6 L22,13L18,8.99z" }))));
+});

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

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

package/es/components/icons/PlaneIcon.js

@@ -1,8 +1,9 @@
-import React from 'react';
-export const PlaneIcon = props => (React.createElement("svg", Object.assign({ width: "24", height: "25", viewBox: "0 0 24 25", version: "1.1", id: "svg5", fill: "currentColor" }, props),
-    React.createElement("defs", { id: "defs9" }),
-    React.createElement("g", { "aria-label": "send", style: {
-            fontSize: 24,
-            fill: '#666666',
-        } },
-        React.createElement("path", { d: "m 2.015625,21 v -6.984375 l 15,-2.015625 -15,-2.015625 V 3 l 21,9 z", id: "path826" }))));
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const PlaneIcon = 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": "send", style: { fontSize: 24 } },
+            React.createElement("path", { d: "m 2.015625,21 v -6.984375 l 15,-2.015625 -15,-2.015625 V 3 l 21,9 z", id: "path826" }))));
+});

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

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

package/es/components/icons/PreviewIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const PreviewIcon = 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: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm0 16H5V7h14v12zm-5.5-6c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5.67-1.5 1.5-1.5 1.5.67 1.5 1.5zM12 9c-2.73 0-5.06 1.66-6 4 .94 2.34 3.27 4 6 4s5.06-1.66 6-4c-.94-2.34-3.27-4-6-4zm0 6.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" })));
+});

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

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

package/es/components/icons/PreviewVisibilityEyeIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const PreviewVisibilityEyeIcon = 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.2422 10.2422C10.737 9.7474 11.3229 9.5 12 9.5C12.6771 9.5 13.263 9.7474 13.7578 10.2422C14.2526 10.737 14.5 11.3229 14.5 12C14.5 12.6771 14.2526 13.263 13.7578 13.7578C13.263 14.2526 12.6771 14.5 12 14.5C11.3229 14.5 10.737 14.2526 10.2422 13.7578C9.7474 13.263 9.5 12.6771 9.5 12C9.5 11.3229 9.7474 10.737 10.2422 10.2422ZM9.03125 14.9688C9.86458 15.776 10.8542 16.1797 12 16.1797C13.1458 16.1797 14.1224 15.776 14.9297 14.9688C15.763 14.1354 16.1797 13.1458 16.1797 12C16.1797 10.8542 15.763 9.8776 14.9297 9.07031C14.1224 8.23698 13.1458 7.82031 12 7.82031C10.8542 7.82031 9.86458 8.23698 9.03125 9.07031C8.22396 9.8776 7.82031 10.8542 7.82031 12C7.82031 13.1458 8.22396 14.1354 9.03125 14.9688ZM6.41406 7.46875C8.08073 6.32292 9.94271 5.75 12 5.75C14.0573 5.75 15.9193 6.32292 17.5859 7.46875C19.2526 8.61458 20.4505 10.125 21.1797 12C20.4505 13.875 19.2526 15.3854 17.5859 16.5312C15.9193 17.6771 14.0573 18.25 12 18.25C9.94271 18.25 8.08073 17.6771 6.41406 16.5312C4.7474 15.3854 3.54948 13.875 2.82031 12C3.54948 10.125 4.7474 8.61458 6.41406 7.46875Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/ProcessHistoryIcon.js

@@ -0,0 +1,8 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ProcessHistoryIcon = 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 10C21.1009 10 24 12.8991 24 16.5C24 20.1009 21.1009 23 17.5 23C13.8991 23 11 20.1009 11 16.5C11 12.8991 13.8991 10 17.5 10ZM17.5 21.7183C20.3685 21.7183 22.7183 19.3685 22.7183 16.5C22.7183 13.6315 20.3685 11.2817 17.5 11.2817C14.6315 11.2817 12.2817 13.6315 12.2817 16.5C12.2817 19.3685 14.6315 21.7183 17.5 21.7183ZM17.8357 13.2347V16.6526L20.7653 18.392L20.277 19.216L16.8592 17.1408V13.2347H17.8357Z" }),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.8526 19.9844H7.98435C7.74998 19.9844 7.56248 19.7969 7.5156 19.5625L7.1406 16.9375C6.53123 16.7031 5.96873 16.3281 5.4531 15.9531L2.96873 16.9375C2.92185 16.9844 2.8281 16.9844 2.78123 16.9844C2.59373 16.9844 2.4531 16.8906 2.35935 16.75L0.343729 13.2812C0.203104 13.0469 0.249979 12.7656 0.437479 12.625L2.54685 10.9844C2.54685 10.8203 2.53513 10.6562 2.52342 10.4922C2.5117 10.3281 2.49998 10.1641 2.49998 10C2.49998 9.83594 2.5117 9.67188 2.52342 9.50781C2.53513 9.34375 2.54685 9.17969 2.54685 9.01562L0.437479 7.375C0.249979 7.23438 0.203104 6.95312 0.343729 6.71875L2.35935 3.25C2.4531 3.10938 2.59373 3.01562 2.78123 3.01562C2.8281 3.01562 2.87498 3.01562 2.96873 3.0625L5.4531 4.04688C5.96873 3.67188 6.53123 3.29688 7.1406 3.0625L7.5156 0.4375C7.56248 0.203125 7.74998 0.015625 7.98435 0.015625H12.0156C12.25 0.015625 12.4375 0.203125 12.4844 0.4375L12.8594 3.0625C13.4687 3.29688 14.0312 3.67188 14.5469 4.04688L17.0312 3.0625C17.0781 3.01562 17.1719 3.01562 17.2187 3.01562C17.4062 3.01562 17.5469 3.10938 17.6406 3.25L19.6562 6.71875C19.7969 6.95312 19.75 7.23438 19.5625 7.375L17.4731 9.00005C16.7687 9.0025 16.0876 9.10134 15.4422 9.2841C15.4407 9.27285 15.4391 9.26148 15.4375 9.25L15.2969 8.125L16.1875 7.42188L17.2656 6.57812L16.5625 5.35938L15.2969 5.875L14.2187 6.29688L13.3281 5.64062C12.9531 5.3125 12.5312 5.07812 12.1094 4.89062L11.0312 4.46875L10.8906 3.34375L10.7031 1.98438H9.29685L9.10935 3.34375L8.92185 4.46875L7.8906 4.89062C7.46873 5.07812 7.04685 5.3125 6.62498 5.64062L5.73435 6.29688L4.7031 5.92188L3.43748 5.40625L2.73435 6.57812L3.81248 7.42188L4.7031 8.125L4.56248 9.25C4.5156 9.57812 4.5156 9.8125 4.5156 10C4.5156 10.1875 4.5156 10.4219 4.56248 10.75L4.7031 11.875L3.81248 12.5781L2.73435 13.4219L3.43748 14.6406L4.7031 14.125L5.73435 13.7031L6.67185 14.3594C7.04685 14.6875 7.46873 14.9219 7.8906 15.1094L8.96873 15.5312L9.10935 16.6562L9.29685 18.0156H10.1522C10.2944 18.7123 10.5326 19.3733 10.8526 19.9844ZM13.9823 9.87022C12.3451 10.7382 11.0707 12.1947 10.4383 13.9606C10.2944 13.9763 10.1481 13.9844 9.99998 13.9844C7.79685 13.9844 6.0156 12.2031 6.0156 10C6.0156 7.79688 7.79685 6.01562 9.99998 6.01562C12.1597 6.01562 13.914 7.72734 13.9823 9.87022ZM12.0156 10C12.0156 11.0781 11.0781 12.0156 9.99998 12.0156C8.92185 12.0156 7.98435 11.0781 7.98435 10C7.98435 8.92188 8.92185 7.98438 9.99998 7.98438C11.0781 7.98438 12.0156 8.92188 12.0156 10Z" })));
+});

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

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

package/es/components/icons/ProjectIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ProjectIcon = 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: "M4.26562 6.02344V19.9922H10.2656V22.0078H4.26562C3.14062 22.0078 2.25 21.1172 2.25 19.9922V6.02344C2.25 4.89844 3.14062 4.00781 4.26562 4.00781H8.4375C8.85938 2.83594 9.9375 1.99219 11.25 1.99219C12.5625 1.99219 13.6406 2.83594 14.0625 4.00781H18.2344C19.3594 4.00781 20.25 4.89844 20.25 6.02344V10.9922H18.2344V6.02344H16.2656V9.02344H6.23438V6.02344H4.26562ZM11.25 4.00781C10.6875 4.00781 10.2656 4.47656 10.2656 4.99219C10.2656 5.55469 10.6875 6.02344 11.25 6.02344C11.8125 6.02344 12.2344 5.55469 12.2344 4.99219C12.2344 4.47656 11.8125 4.00781 11.25 4.00781ZM20.25 12.4922L21.75 13.9922L14.7656 21.0234L10.2656 16.5234L11.7656 15.0234L14.7656 18.0234L20.25 12.4922Z" })));
+});

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

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