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

package/es/components/icons/UnblockIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const UnblockIcon = 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 20.0156V9.98438H6V20.0156H18ZM18 8.01562C18.5312 8.01562 19 8.21875 19.4062 8.625C19.8125 9 20.0156 9.45312 20.0156 9.98438V20.0156C20.0156 20.5469 19.8125 21.0156 19.4062 21.4219C19 21.7969 18.5312 21.9844 18 21.9844H6C5.46875 21.9844 5 21.7969 4.59375 21.4219C4.1875 21.0156 3.98438 20.5469 3.98438 20.0156V9.98438C3.98438 9.45312 4.1875 9 4.59375 8.625C5 8.21875 5.46875 8.01562 6 8.01562H15.0938V6C15.0938 5.15625 14.7812 4.4375 14.1562 3.84375C13.5625 3.21875 12.8438 2.90625 12 2.90625C11.1562 2.90625 10.4219 3.21875 9.79688 3.84375C9.20312 4.4375 8.90625 5.15625 8.90625 6H6.98438C6.98438 4.625 7.46875 3.45313 8.4375 2.48438C9.4375 1.48438 10.625 0.984375 12 0.984375C13.375 0.984375 14.5469 1.48438 15.5156 2.48438C16.5156 3.45313 17.0156 4.625 17.0156 6V8.01562H18ZM13.4062 16.4062C13 16.8125 12.5312 17.0156 12 17.0156C11.4688 17.0156 11 16.8125 10.5938 16.4062C10.1875 16 9.98438 15.5312 9.98438 15C9.98438 14.4688 10.1875 14 10.5938 13.5938C11 13.1875 11.4688 12.9844 12 12.9844C12.5312 12.9844 13 13.1875 13.4062 13.5938C13.8125 14 14.0156 14.4688 14.0156 15C14.0156 15.5312 13.8125 16 13.4062 16.4062Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/UndoIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const UndoIcon = 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.5156 8.01562C17.1562 8.01562 21.0938 11.0156 22.4531 15.2344L20.1094 15.9844C19.0312 12.7969 16.0312 10.5 12.5156 10.5C10.5469 10.5 8.76562 11.2031 7.35938 12.375L11.0156 15.9844H2.01562V6.98438L5.57812 10.5938C7.45312 9 9.84375 8.01562 12.5156 8.01562Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/UploadIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const UploadIcon = 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.01562 18H18.9844V20.0156H5.01562V18ZM9 15.9844V9.98438H5.01562L12 3L18.9844 9.98438H15V15.9844H9Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/UserAttributesIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const UserAttributesIcon = 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: "M14 6V4H22V6H14ZM14 10V8H22V10H14ZM14 14V12H22V14H14ZM8 13C7.16667 13 6.45833 12.7083 5.875 12.125C5.29167 11.5417 5 10.8333 5 10C5 9.16667 5.29167 8.45833 5.875 7.875C6.45833 7.29167 7.16667 7 8 7C8.83333 7 9.54167 7.29167 10.125 7.875C10.7083 8.45833 11 9.16667 11 10C11 10.8333 10.7083 11.5417 10.125 12.125C9.54167 12.7083 8.83333 13 8 13ZM2 19V17.1C2 16.75 2.08333 16.4167 2.25 16.1C2.41667 15.7833 2.65 15.5333 2.95 15.35C3.7 14.9 4.49583 14.5625 5.3375 14.3375C6.17917 14.1125 7.06667 14 8 14C8.93333 14 9.82083 14.1125 10.6625 14.3375C11.5042 14.5625 12.3 14.9 13.05 15.35C13.35 15.5333 13.5833 15.7833 13.75 16.1C13.9167 16.4167 14 16.75 14 17.1V19H2ZM4.15 17H11.85C11.2667 16.6667 10.65 16.4167 10 16.25C9.35 16.0833 8.68333 16 8 16C7.31667 16 6.65 16.0833 6 16.25C5.35 16.4167 4.73333 16.6667 4.15 17ZM8 11C8.28333 11 8.52083 10.9042 8.7125 10.7125C8.90417 10.5208 9 10.2833 9 10C9 9.71667 8.90417 9.47917 8.7125 9.2875C8.52083 9.09583 8.28333 9 8 9C7.71667 9 7.47917 9.09583 7.2875 9.2875C7.09583 9.47917 7 9.71667 7 10C7 10.2833 7.09583 10.5208 7.2875 10.7125C7.47917 10.9042 7.71667 11 8 11Z" })));
+});

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

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

package/es/components/icons/UserIcon.js

@@ -1,8 +1,9 @@
-import React from 'react';
-export const UserIcon = props => (React.createElement("svg", Object.assign({ width: "24", height: "25", viewBox: "0 0 24 25", version: "1.1", fill: "currentColor" }, props),
-    React.createElement("defs", { id: "defs9" }),
-    React.createElement("g", { "aria-label": "person", id: "show_chart", style: {
-            fontSize: 24,
-            fill: '#666666',
-        } },
-        React.createElement("path", { d: "m 6.703125,15.140625 q 2.765625,-1.125 5.296875,-1.125 2.53125,0 5.25,1.125 Q 20.015625,16.21875 20.015625,18 v 2.015625 H 3.984375 V 18 q 0,-1.78125 2.71875,-2.859375 z m 8.109375,-4.3125 Q 13.640625,12 12,12 10.359375,12 9.1875,10.828125 8.015625,9.65625 8.015625,8.015625 8.015625,6.375 9.1875,5.203125 10.359375,3.984375 12,3.984375 q 1.640625,0 2.8125,1.21875 1.171875,1.171875 1.171875,2.8125 0,1.640625 -1.171875,2.8125 z", id: "path826" }))));
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const UserIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 25", version: "1.1", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("defs", { id: "defs9" }),
+        React.createElement("g", { "aria-label": "person", id: "show_chart", style: { fontSize: 24 } },
+            React.createElement("path", { d: "m 6.703125,15.140625 q 2.765625,-1.125 5.296875,-1.125 2.53125,0 5.25,1.125 Q 20.015625,16.21875 20.015625,18 v 2.015625 H 3.984375 V 18 q 0,-1.78125 2.71875,-2.859375 z m 8.109375,-4.3125 Q 13.640625,12 12,12 10.359375,12 9.1875,10.828125 8.015625,9.65625 8.015625,8.015625 8.015625,6.375 9.1875,5.203125 10.359375,3.984375 12,3.984375 q 1.640625,0 2.8125,1.21875 1.171875,1.171875 1.171875,2.8125 0,1.640625 -1.171875,2.8125 z", id: "path826" }))));
+});

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

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

package/es/components/icons/ValidateFormatIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ValidateFormatIcon = 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 9.98438H14.0156V12H3V9.98438ZM3 6H14.0156V8.01562H3V6ZM3 14.0156H9.98438V15.9844H3V14.0156ZM20.5781 11.9531L16.3594 16.1719L14.2031 14.0625L12.7969 15.4688L16.3594 18.9844L21.9844 13.3594L20.5781 11.9531Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/VariantPriorityIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const VariantPriorityIcon = 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.89062 16.0781C2.64062 14.7969 2.01562 13.2656 2.01562 11.4844C2.01562 9.70312 2.64062 8.1875 3.89062 6.9375C5.17188 5.65625 6.70312 5.01562 8.48438 5.01562H12V6.98438H8.48438C7.23438 6.98438 6.17188 7.42187 5.29688 8.29688C4.42188 9.17188 3.98438 10.2344 3.98438 11.4844C3.98438 12.7344 4.42188 13.7969 5.29688 14.6719C6.17188 15.5469 7.23438 15.9844 8.48438 15.9844H9V14.0156L12 17.0156L9 20.0156V18H8.48438C6.70312 18 5.17188 17.3594 3.89062 16.0781ZM14.0156 15.9844H21.9844V18H14.0156V15.9844ZM14.0156 10.5H21.9844V12.5156H14.0156V10.5ZM14.0156 5.01562H21.9844V6.98438H14.0156V5.01562Z" })));
+});

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

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

package/es/components/icons/VerticalDotsIcon.js

@@ -1,4 +1,8 @@
-import React from 'react';
-export const VerticalDotsIcon = 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: "M-0.033 16.516v66.065h66.065v-66.065zM-0.033 148.645v66.065h66.065v-66.065zM-0.033 280.774v66.065h66.065v-66.065zM-0.033 412.903v66.065h66.065v-66.065zM-0.033 545.032v66.065h66.065v-66.065zM-0.033 677.161v66.065h66.065v-66.065zM-0.033 809.29v66.065h66.065v-66.065zM-0.033 941.419v66.065h66.065v-66.065z" }))));
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const VerticalDotsIcon = 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: "M-0.033 16.516v66.065h66.065v-66.065zM-0.033 148.645v66.065h66.065v-66.065zM-0.033 280.774v66.065h66.065v-66.065zM-0.033 412.903v66.065h66.065v-66.065zM-0.033 545.032v66.065h66.065v-66.065zM-0.033 677.161v66.065h66.065v-66.065zM-0.033 809.29v66.065h66.065v-66.065zM-0.033 941.419v66.065h66.065v-66.065z" }))));
+});

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

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

package/es/components/icons/ViewColumnIcon.js

@@ -0,0 +1,10 @@
+// Libraries
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ViewColumnIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24" }, props, { viewBox: "0 0 24 24", ref: ref, height: height, width: width, fill: "currentColor" }),
+        React.createElement("rect", { fill: "none", height: "24", width: "24" }),
+        React.createElement("g", null,
+            React.createElement("path", { d: "M14.67,5v14H9.33V5H14.67z M15.67,19H21V5h-5.33V19z M8.33,19V5H3v14H8.33z" }))));
+});

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

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

package/es/components/icons/ViewDetailsInformationIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ViewDetailsInformationIcon = 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: "M11.0156 6.98438V9H12.9844V6.98438H11.0156ZM11.0156 11.0156V17.0156H12.9844V11.0156H11.0156ZM12 2.01562C17.5312 2.01562 21.9844 6.46875 21.9844 12C21.9844 17.5312 17.5312 21.9844 12 21.9844C6.46875 21.9844 2.01562 17.5312 2.01562 12C2.01562 6.46875 6.46875 2.01562 12 2.01562ZM12 20.0156C16.4062 20.0156 20.0156 16.4062 20.0156 12C20.0156 7.59375 16.4062 3.98438 12 3.98438C7.59375 3.98438 3.98438 7.59375 3.98438 12C3.98438 16.4062 7.59375 20.0156 12 20.0156Z" })));
+});

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

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

package/es/components/icons/VisibilityOffEyeIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const VisibilityOffEyeIcon = 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: "M11.8828 9.5H12C12.6771 9.5 13.263 9.7474 13.7578 10.2422C14.2526 10.737 14.5 11.3229 14.5 12V12.1562L11.8828 9.5ZM8.28906 10.1641C7.97656 10.7891 7.82031 11.401 7.82031 12C7.82031 13.1458 8.22396 14.1354 9.03125 14.9688C9.86458 15.776 10.8542 16.1797 12 16.1797C12.599 16.1797 13.2109 16.0234 13.8359 15.7109L12.5469 14.4219C12.3385 14.474 12.1562 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.8438 9.52604 11.6615 9.57812 11.4531L8.28906 10.1641ZM3.67969 5.55469L4.73438 4.5L19.5 19.2656L18.4453 20.3203C18.3151 20.1901 17.8984 19.7865 17.1953 19.1094C16.5182 18.4323 15.9974 17.9115 15.6328 17.5469C14.513 18.0156 13.3021 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.10677 11.3229 3.54948 10.5807 4.14844 9.77344C4.77344 8.9401 5.3724 8.30208 5.94531 7.85938C5.63281 7.54688 5.1901 7.10417 4.61719 6.53125C4.07031 5.95833 3.75781 5.63281 3.67969 5.55469ZM12 7.82031C11.4792 7.82031 10.9714 7.92448 10.4766 8.13281L8.67969 6.33594C9.69531 5.94531 10.8021 5.75 12 5.75C14.0573 5.75 15.9062 6.32292 17.5469 7.46875C19.2135 8.61458 20.4115 10.125 21.1406 12C20.5156 13.5365 19.5651 14.8516 18.2891 15.9453L15.8672 13.5234C16.0755 13.0286 16.1797 12.5208 16.1797 12C16.1797 10.8542 15.763 9.8776 14.9297 9.07031C14.1224 8.23698 13.1458 7.82031 12 7.82031Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/WarningIcon.js

@@ -1,4 +1,8 @@
-import React from 'react';
-export const WarningIcon = props => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", id: "Group_6772", "data-name": "Group 6772", width: "17.988", height: "14.025", viewBox: "0 0 17.988 14.025", fill: "currentColor" }, props),
-    React.createElement("path", { id: "Shape_19", "data-name": "Shape 19", d: "M362.9,578.662a1.233,1.233,0,0,1,2.2,0l7.53,11.171c.811,1.2.22,2.179-1.319,2.179H356.687c-1.539,0-2.132-.971-1.319-2.179l7.53-11.171Z", transform: "translate(-355.004 -577.987)", fill: "#f5f500" }),
-    React.createElement("path", { id: "Rounded_Rectangle_12", "data-name": "Rounded Rectangle 12", d: "M0,8A1,1,0,1,1,1,9,1,1,0,0,1,0,8ZM0,5V1A1,1,0,0,1,2,1V5A1,1,0,0,1,0,5Z", transform: "translate(7.996 4.013)", fill: "#666" })));
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const WarningIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", id: "Group_6772", "data-name": "Group 6772", viewBox: "0 0 17.988 14.025", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { id: "Shape_19", "data-name": "Shape 19", d: "M362.9,578.662a1.233,1.233,0,0,1,2.2,0l7.53,11.171c.811,1.2.22,2.179-1.319,2.179H356.687c-1.539,0-2.132-.971-1.319-2.179l7.53-11.171Z", transform: "translate(-355.004 -577.987)", fill: "#f5f500" }),
+        React.createElement("path", { id: "Rounded_Rectangle_12", "data-name": "Rounded Rectangle 12", d: "M0,8A1,1,0,1,1,1,9,1,1,0,0,1,0,8ZM0,5V1A1,1,0,0,1,2,1V5A1,1,0,0,1,0,5Z", transform: "translate(7.996 4.013)", fill: "#666" })));
+});

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

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

package/es/components/icons/WebAssetIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const WebAssetIcon = 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 4H5c-1.11 0-2 .9-2 2v12c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.89-2-2-2zm0 14H5V8h14v10z" })));
+});

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

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

package/es/components/icons/WebIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const WebIcon = 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.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 14H4v-4h11v4zm0-5H4V9h11v4zm5 5h-4V9h4v9z" })));
+});

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

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

package/es/components/icons/WebhookIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const WebhookIcon = 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.1359 20.7374C9.2867 21.9535 7.99068 22.784 6.53101 23.0474C5.07135 23.3109 3.56673 22.9859 2.34596 22.1434C1.39385 21.456 0.678969 20.4897 0.300301 19.3781C-0.0783679 18.2665 -0.102102 17.0647 0.232369 15.939C0.56684 14.8134 1.24297 13.8195 2.16718 13.0951C3.09139 12.3706 4.21796 11.9514 5.39094 11.8954L5.45197 13.6444C4.87758 13.6897 4.32046 13.8625 3.82124 14.1502C3.32201 14.4379 2.89317 14.8332 2.56593 15.3074C1.97558 16.1249 1.73184 17.1423 1.88764 18.1386C2.04344 19.1348 2.58622 20.0292 3.39796 20.6274C4.23335 21.1895 5.25763 21.397 6.24592 21.2045C7.2342 21.0119 8.10568 20.435 8.66895 19.6004C9.03197 19.0751 9.2666 18.472 9.35395 17.8394V16.6044L16.1779 16.5554L16.2639 16.4204C16.4966 16.0309 16.8393 15.7189 17.2488 15.5236C17.6584 15.3284 18.1166 15.2587 18.5657 15.3232C19.0148 15.3877 19.4348 15.5837 19.7728 15.8863C20.1108 16.189 20.3518 16.5849 20.4653 17.0241C20.5789 17.4634 20.56 17.9265 20.411 18.355C20.262 18.7836 19.9896 19.1585 19.6281 19.4326C19.2665 19.7067 18.832 19.8678 18.3791 19.8955C17.9262 19.9232 17.4752 19.8164 17.083 19.5884C16.5973 19.3182 16.2339 18.8718 16.0679 18.3414L11.09 18.3654C10.9442 19.2152 10.619 20.0232 10.1359 20.7374ZM19.036 12.0064C19.7698 12.0859 20.4804 12.3105 21.1266 12.6672C21.7728 13.024 22.3415 13.5057 22.7998 14.0843C23.258 14.663 23.5965 15.327 23.7956 16.0377C23.9947 16.7484 24.0505 17.4917 23.9597 18.2242C23.8688 18.9567 23.6331 19.6638 23.2664 20.3043C22.8996 20.9448 22.4091 21.506 21.8234 21.9551C21.2377 22.4043 20.5684 22.7324 19.8547 22.9205C19.1409 23.1085 18.3969 23.1527 17.666 23.0504C16.8069 22.9507 15.9822 22.6555 15.255 22.1874C14.5278 21.7194 13.9175 21.091 13.471 20.3504L14.9869 19.4694C15.3014 19.9551 15.7189 20.3655 16.21 20.6714C16.701 20.9773 17.2534 21.1713 17.8279 21.2394C18.3232 21.3182 18.8293 21.2965 19.316 21.1755C19.8027 21.0545 20.2601 20.8368 20.6608 20.5353C21.0616 20.2338 21.3976 19.8547 21.6487 19.4206C21.8998 18.9865 22.061 18.5063 22.1226 18.0086C22.1842 17.5109 22.1449 17.0059 22.0071 16.5236C21.8694 16.0414 21.636 15.5919 21.3208 15.2018C21.0056 14.8117 20.6151 14.4891 20.1726 14.2531C19.73 14.0172 19.2445 13.8727 18.7449 13.8284C18.1127 13.7571 17.4725 13.8324 16.874 14.0484L15.8339 14.5864L12.679 8.75242H12.4099C12.1079 8.74198 11.8109 8.67215 11.5358 8.54691C11.2608 8.42168 11.0131 8.2435 10.8069 8.02255C10.6007 7.80159 10.4401 7.54219 10.3341 7.25915C10.2282 6.97611 10.179 6.67496 10.1895 6.37292C10.1999 6.07088 10.2697 5.77386 10.395 5.4988C10.5202 5.22375 10.6984 4.97605 10.9193 4.76986C11.1403 4.56367 11.3997 4.40302 11.6827 4.29708C11.9658 4.19114 12.2669 4.14197 12.569 4.15241C13.1824 4.17712 13.762 4.44053 14.184 4.88645C14.606 5.33238 14.8371 5.92553 14.8279 6.53942C14.8049 7.05831 14.6064 7.55401 14.265 7.94543L16.5889 12.2384C17.3784 11.9876 18.2134 11.9085 19.036 12.0064ZM7.43397 8.67942C7.13398 8.00472 6.97142 7.27699 6.95582 6.53877C6.94022 5.80054 7.07187 5.06661 7.34309 4.37983C7.61431 3.69305 8.01967 3.0672 8.53547 2.53883C9.05127 2.01046 9.66719 1.59016 10.3472 1.30248C11.0273 1.01481 11.7578 0.86554 12.4962 0.863366C13.2346 0.861192 13.966 1.00617 14.6478 1.28983C15.3295 1.5735 15.9478 1.99016 16.4667 2.51548C16.9856 3.0408 17.3947 3.66425 17.6699 4.34942C18.0142 5.14212 18.1715 6.00342 18.1295 6.86665C18.0876 7.72987 17.8475 8.57185 17.4279 9.32742L15.9119 8.44642C16.1778 7.9332 16.3257 7.36705 16.3447 6.78936C16.3638 6.21167 16.2534 5.63702 16.0219 5.10742C15.8377 4.64601 15.5634 4.226 15.2148 3.87199C14.8662 3.51797 14.4505 3.23708 13.992 3.04575C13.5335 2.85443 13.0414 2.75652 12.5446 2.75778C12.0478 2.75903 11.5563 2.8594 11.0988 3.05303C10.6412 3.24666 10.2269 3.52965 9.88013 3.88542C9.53336 4.24118 9.26109 4.66257 9.07923 5.1249C8.89737 5.58723 8.80959 6.08121 8.82105 6.57789C8.83251 7.07457 8.94295 7.56397 9.14594 8.01742C9.47251 8.78989 10.0382 9.43726 10.76 9.86442L11.2369 10.1214L7.48194 16.2214C7.53011 16.2946 7.57098 16.3723 7.60395 16.4534C7.80483 16.8589 7.88164 17.3147 7.82471 17.7637C7.76779 18.2126 7.57968 18.6348 7.28394 18.9774C6.98821 19.3199 6.59796 19.5676 6.16212 19.6895C5.72627 19.8113 5.26418 19.8018 4.83369 19.6623C4.40319 19.5227 4.02342 19.2593 3.74195 18.9049C3.46048 18.5505 3.2898 18.121 3.25129 17.6701C3.21278 17.2192 3.30816 16.7669 3.52546 16.37C3.74276 15.973 4.07237 15.649 4.47297 15.4384C4.9316 15.1907 5.46424 15.1168 5.97297 15.2304L8.79792 10.6194C8.20512 10.0818 7.73926 9.41917 7.43397 8.67942Z" })));
+});

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

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

package/es/components/icons/WidgetIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const WidgetIcon = 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.6406 4.5L13.8281 7.35938L16.6406 10.1719L19.5 7.35938L16.6406 4.5ZM9 5.01562H5.01562V9H9V5.01562ZM18.9844 15H15V18.9844H18.9844V15ZM9 15H5.01562V18.9844H9V15ZM16.6406 1.6875L22.3125 7.35938L16.6406 12.9844L11.0156 7.35938L16.6406 1.6875ZM11.0156 3V11.0156H3V3H11.0156ZM21 12.9844V21H12.9844V12.9844H21ZM11.0156 12.9844V21H3V12.9844H11.0156Z" })));
+});

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

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

package/es/components/icons/WritingAIAssitantIcon.js

@@ -0,0 +1,9 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const WritingAIAssitantIcon = 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: "M8.96875 6.5L8.03125 4.4375L5.96875 3.5L8.03125 2.5625L8.96875 0.5L9.90625 2.5625L11.9688 3.5L9.90625 4.4375L8.96875 6.5ZM20.5 12.0312L21.4375 14.0938L23.5 15.0312L21.4375 15.9688L20.5 18.0312L19.5625 15.9688L17.5 15.0312L19.5625 14.0938L20.5 12.0312Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M13.0625 10L4.01562 19.0938V19.9844H4.90625L14 10.9375L13.0625 10ZM16.6719 4C16.9062 4 17.1875 4.09375 17.375 4.28125L19.7188 6.625C20.0938 7 20.0938 7.65625 19.7188 8.03125L17.8906 9.85938L14.1406 6.10938L15.9688 4.28125C16.1562 4.09375 16.3906 4 16.6719 4ZM13.0625 7.1875L16.8125 10.9375L5.75 22H2V18.25L13.0625 7.1875Z", fill: "currentColor" }),
+        React.createElement("path", { d: "M3 9L3.51562 11.0156L3.98438 9L6 8.48438L3.98438 8.01562L3.51562 6L3 8.01562L0.984375 8.48438L3 9Z", fill: "currentColor" })));
+});

package/es/components/icons/document/IconGallery.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare global {
+    interface NodeRequire {
+        context: (directory: string, useSubdirectories: boolean, regExp: RegExp) => {
+            keys: () => string[];
+            (id: string): {
+                default: React.ComponentType;
+            };
+        };
+    }
+}
+export declare const IconGallery: () => React.JSX.Element;

package/es/components/icons/document/IconGallery.js

@@ -0,0 +1,56 @@
+import { useDebounce } from '@antscorp/antsomi-ui/es/hooks/useDebounceV2';
+import { ConfigProvider } from '@antscorp/antsomi-ui/es/providers';
+import { searchMatchAny } from '@antscorp/antsomi-ui/es/utils';
+import { message } from 'antd';
+import React, { useMemo, useState } from 'react';
+import { Flex, Input, Typography } from '../../index';
+import { IconGalleryStyled } from './styled';
+const REGEX_DATA_SEARCH = /(?<=\/\/ search tag: ).*/g;
+const requireContext = require.context('../', false, /\.tsx$/);
+const icons = requireContext
+    .keys()
+    .filter(key => key.startsWith('./'))
+    .map(key => {
+    var _a, _b;
+    const componentName = key.replace('./', '').replace('.tsx', '');
+    const Component = requireContext(key)[componentName];
+    const compiledCode = ((_b = (_a = requireContext(key)[componentName]) === null || _a === void 0 ? void 0 : _a.render) === null || _b === void 0 ? void 0 : _b.toString()) || '';
+    // console.log('🚀 ~ compiledCode:', compiledCode);
+    const dataSearch = compiledCode.match(REGEX_DATA_SEARCH);
+    return {
+        name: componentName,
+        dataSearch: dataSearch ? dataSearch[0].split(', ') : [],
+        Component,
+    };
+});
+export const IconGallery = () => {
+    const [search, setSearch] = useState('');
+    const debounceSearchValue = useDebounce(search, 300);
+    const invalidIcons = [];
+    const validIcons = useMemo(() => icons.filter(iconObj => {
+        if (!iconObj.Component)
+            invalidIcons.push(iconObj);
+        return iconObj.Component;
+    }), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    return (React.createElement(ConfigProvider, null,
+        React.createElement(IconGalleryStyled, null,
+            invalidIcons.length > 0 ? (React.createElement("div", null,
+                React.createElement("h4", null, "These components below are invalid (check name and file name is correct?)"),
+                invalidIcons.map(item => (React.createElement("strong", { key: item.name, style: { color: 'red' } },
+                    React.createElement("pre", null, item.name)))))) : null,
+            React.createElement(Input, { placeholder: "Search Icon", value: search, onChange: e => setSearch(e.target.value), style: { fontSize: '16px' } }),
+            React.createElement(Flex, { className: "grid-container", gap: 16 }, validIcons
+                .filter(item => searchMatchAny([item.name, ...item.dataSearch], debounceSearchValue))
+                .map(item => {
+                const { Component, name } = item;
+                return (React.createElement("div", { key: name, className: "grid-item", onClick: () => {
+                        const copiedText = `<${name} />`;
+                        navigator.clipboard.writeText(copiedText);
+                        message.success(`${copiedText} copied to clipboard 🚀`);
+                    } },
+                    React.createElement(Component, null),
+                    React.createElement(Typography.Text, { ellipsis: { tooltip: true } }, name)));
+            })))));
+};

package/es/components/icons/document/styled.d.ts

@@ -0,0 +1 @@
+export declare const IconGalleryStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/icons/document/styled.js

@@ -0,0 +1,46 @@
+import { globalToken } from '@antscorp/antsomi-ui/es/constants';
+import styled from 'styled-components';
+export const IconGalleryStyled = styled.div `
+  .grid-container {
+    /* NOTE: I don't know why gutter of antd Row doesn't apply for row-gap */
+    /* row-gap: 16px; */
+    margin-top: 24px;
+    flex-wrap: wrap;
+  }
+
+  .grid-item {
+    width: calc((100% - 16px * 4) / 5);
+    flex-grow: 0;
+    flex-shrink: 0;
+
+    padding: 32px 16px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    border-radius: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.borderRadius}px;
+
+    cursor: pointer;
+    transition: all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
+
+    span {
+      font-size: 14px;
+    }
+
+    &:hover {
+      background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.colorPrimary};
+
+      svg {
+        transform: scale(1.2);
+      }
+      svg,
+      span {
+        transition: all 0.3s ease-in-out;
+        will-change: transform;
+        fill: white;
+        color: white;
+      }
+    }
+  }
+`;

package/es/components/icons/hooks/useIcon.d.ts

@@ -0,0 +1,5 @@
+import { IconProps } from '../types';
+export declare const useIcon: (props: IconProps) => {
+    width: string | number;
+    height: string | number;
+};

package/es/components/icons/hooks/useIcon.js

@@ -0,0 +1,9 @@
+import { useMemo } from 'react';
+export const useIcon = (props) => {
+    const { size = 24 } = props;
+    const [width, height] = useMemo(() => [(props === null || props === void 0 ? void 0 : props.width) || size, (props === null || props === void 0 ? void 0 : props.height) || size], [size, props.width, props.height]);
+    return {
+        width,
+        height,
+    };
+};