@antscorp/antsomi-ui 1.3.5-beta.92 → 1.3.5-beta.921

package/es/components/icons/ViewDetailsInformationIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ViewDetailsInformationIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("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 { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const VisibilityOffEyeIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("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/Visitor30Icon.d.ts

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

package/es/components/icons/Visitor30Icon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const Visitor30Icon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 4C14 3.44772 14.4477 3 15 3C15.5523 3 16 3.44772 16 4V8H14V4ZM10 22V20.75C10 20.75 11.188 18.25 15 18.25C18.812 18.25 20 20.75 20 20.75V22H10ZM12.5 14.5C12.5 14.0055 12.6466 13.5222 12.9213 13.1111C13.196 12.7 13.5865 12.3795 14.0433 12.1903C14.5001 12.0011 15.0028 11.9516 15.4877 12.048C15.9727 12.1445 16.4181 12.3826 16.7678 12.7322C17.1174 13.0819 17.3555 13.5273 17.452 14.0123C17.5484 14.4972 17.4989 14.9999 17.3097 15.4567C17.1205 15.9135 16.8 16.304 16.3889 16.5787C15.9778 16.8534 15.4945 17 15 17C14.337 17 13.7011 16.7366 13.2322 16.2678C12.7634 15.7989 12.5 15.163 12.5 14.5ZM8 6H11V8H8C7.44772 8 7 8.44772 7 9V24C7 24.5523 7.44772 25 8 25H22C22.5523 25 23 24.5523 23 24V9C23 8.44772 22.5523 8 22 8H19V6H22C23.6569 6 25 7.34315 25 9V24C25 25.6569 23.6569 27 22 27H8C6.34315 27 5 25.6569 5 24V9C5 7.34315 6.34315 6 8 6Z", fill: "currentColor" }) }));
+});

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

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

package/es/components/icons/VisitorIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const VisitorIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 30 30", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14 4C14 3.44772 14.4477 3 15 3C15.5523 3 16 3.44772 16 4V8H14V4ZM10 22V20.75C10 20.75 11.188 18.25 15 18.25C18.812 18.25 20 20.75 20 20.75V22H10ZM12.5 14.5C12.5 14.0055 12.6466 13.5222 12.9213 13.1111C13.196 12.7 13.5865 12.3795 14.0433 12.1903C14.5001 12.0011 15.0028 11.9516 15.4877 12.048C15.9727 12.1445 16.4181 12.3826 16.7678 12.7322C17.1174 13.0819 17.3555 13.5273 17.452 14.0123C17.5484 14.4972 17.4989 14.9999 17.3097 15.4567C17.1205 15.9135 16.8 16.304 16.3889 16.5787C15.9778 16.8534 15.4945 17 15 17C14.337 17 13.7011 16.7366 13.2322 16.2678C12.7634 15.7989 12.5 15.163 12.5 14.5ZM8 6H11V8H8C7.44772 8 7 8.44772 7 9V24C7 24.5523 7.44772 25 8 25H22C22.5523 25 23 24.5523 23 24V9C23 8.44772 22.5523 8 22 8H19V6H22C23.6569 6 25 7.34315 25 9V24C25 25.6569 23.6569 27 22 27H8C6.34315 27 5 25.6569 5 24V9C5 7.34315 6.34315 6 8 6Z", fill: "currentColor" }) }));
+});

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

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

package/es/components/icons/VisitorInformationIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const VisitorInformationIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsxs("svg", { viewBox: "0 0 30 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: [_jsx("path", { d: "M1.5 14.5V13.8782C1.53256 13.8236 1.58165 13.7466 1.64916 13.654C1.79858 13.4491 2.03697 13.1699 2.38474 12.8889C3.07347 12.3324 4.21363 11.75 6 11.75C7.78637 11.75 8.92653 12.3324 9.61526 12.8889C9.96303 13.1699 10.2014 13.4491 10.3508 13.654C10.4184 13.7466 10.4674 13.8236 10.5 13.8782V14.5H1.5ZM4 7.5C4 7.10444 4.1173 6.71777 4.33706 6.38887C4.55683 6.05996 4.86917 5.80362 5.23462 5.65225C5.60007 5.50087 6.00223 5.46126 6.39019 5.53843C6.77814 5.6156 7.1345 5.80608 7.41421 6.08579C7.69392 6.3655 7.8844 6.72186 7.96157 7.10981C8.03874 7.49777 7.99913 7.89993 7.84775 8.26539C7.69638 8.63083 7.44004 8.94317 7.11113 9.16294C6.78223 9.3827 6.39556 9.5 6 9.5C5.46957 9.5 4.96087 9.28928 4.58579 8.91421C4.21072 8.53913 4 8.03043 4 7.5Z", stroke: "#005EB8" }), _jsx("rect", { x: "14", y: "5", width: "5", height: "2", fill: "#595959" }), _jsx("rect", { x: "21", y: "5", width: "7", height: "2", fill: "#005EB8" }), _jsx("rect", { x: "14", y: "9", width: "5", height: "2", fill: "#595959" }), _jsx("rect", { x: "21", y: "9", width: "8", height: "2", fill: "#005EB8" }), _jsx("rect", { x: "14", y: "13", width: "5", height: "2", fill: "#595959" }), _jsx("rect", { x: "21", y: "13", width: "6", height: "2", fill: "#005EB8" })] }));
+});

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,7 @@
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const WarningIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsxs("svg", { 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, children: [_jsx("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" }), _jsx("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 { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const WebAssetIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", ...props, ref: ref, width: width, height: height, children: _jsx("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 { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const WebIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", ...props, ref: ref, width: width, height: height, children: _jsx("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/WebPersonalizationIcon.d.ts

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

package/es/components/icons/WebPersonalizationIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const WebPersonalizationIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 30 30", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("path", { d: "M7.58789 9.4043C7.58789 10.3027 7.80273 11.1426 8.23242 11.9238C8.70117 12.666 9.30664 13.2715 10.0488 13.7402C10.8301 14.1699 11.6699 14.3848 12.5684 14.3848C13.5059 14.3848 14.3457 14.1699 15.0879 13.7402C15.8691 13.2715 16.4746 12.666 16.9043 11.9238C17.373 11.1426 17.6074 10.3027 17.6074 9.4043C17.6074 8.4668 17.373 7.62695 16.9043 6.88477C16.4746 6.10352 15.8691 5.49805 15.0879 5.06836C14.3457 4.59961 13.5059 4.36523 12.5684 4.36523C11.6699 4.36523 10.8301 4.59961 10.0488 5.06836C9.30664 5.49805 8.70117 6.10352 8.23242 6.88477C7.80273 7.62695 7.58789 8.4668 7.58789 9.4043ZM13.4473 15.6738C13.1738 16.2207 12.959 16.8066 12.8027 17.4316C12.6465 18.0566 12.5684 18.7012 12.5684 19.3652C12.5684 20.3027 12.7051 21.2012 12.9785 22.0605C13.291 22.9199 13.6816 23.7012 14.1504 24.4043H2.60742V21.0645C2.60742 20.4395 2.74414 19.834 3.01758 19.248C3.33008 18.6621 3.75977 18.2129 4.30664 17.9004C5.51758 17.1973 6.82617 16.6504 8.23242 16.2598C9.63867 15.8301 11.084 15.6152 12.5684 15.6152C12.7246 15.6152 12.8613 15.6348 12.9785 15.6738C13.1348 15.6738 13.291 15.6738 13.4473 15.6738ZM26.0449 19.3652C26.0449 19.5215 26.0254 19.6582 25.9863 19.7754C25.9863 19.8926 25.9668 20.0293 25.9277 20.1855L27.3926 21.416L26.1035 23.584L24.2871 22.998C23.8965 23.3105 23.4473 23.5645 22.9395 23.7598L22.5879 25.6348H20.0684L19.7168 23.7598C19.209 23.5645 18.7598 23.3105 18.3691 22.998L16.5527 23.584L15.3223 21.416L16.7285 20.1855C16.6895 20.0293 16.6699 19.8926 16.6699 19.7754C16.6699 19.6582 16.6699 19.5215 16.6699 19.3652C16.6699 19.248 16.6699 19.1309 16.6699 19.0137C16.6699 18.8574 16.6895 18.7207 16.7285 18.6035L15.3223 17.3145L16.5527 15.1465L18.3691 15.791C18.7598 15.4395 19.209 15.166 19.7168 14.9707L20.0684 13.1543H22.5879L22.9395 14.9707C23.4473 15.166 23.8965 15.4395 24.2871 15.791L26.1035 15.1465L27.3926 17.3145L25.9277 18.6035C25.9668 18.7207 25.9863 18.8574 25.9863 19.0137C26.0254 19.1309 26.0449 19.248 26.0449 19.3652ZM21.3574 21.8848C22.0215 21.8848 22.5879 21.6504 23.0566 21.1816C23.5645 20.6738 23.8184 20.0684 23.8184 19.3652C23.8184 18.7012 23.5645 18.1348 23.0566 17.666C22.5879 17.1582 22.0215 16.9043 21.3574 16.9043C20.6543 16.9043 20.0488 17.1582 19.541 17.666C19.0723 18.1348 18.8379 18.7012 18.8379 19.3652C18.8379 20.0684 19.0723 20.6738 19.541 21.1816C20.0488 21.6504 20.6543 21.8848 21.3574 21.8848Z", fill: "currentColor" }) }));
+});

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 { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const WebhookIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("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 { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const WidgetIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: _jsx("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,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const WritingAIAssitantIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props, ref: ref, width: width, height: height, children: [_jsx("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" }), _jsx("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" }), _jsx("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: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 { useMemo, useState } from 'react';
+import { Flex, Input, Typography } from '../../index';
+import { IconGalleryStyled } from './styled';
+import { queryClientAntsomiUI, QueryClientProviderAntsomiUI, } from '@antscorp/antsomi-ui/es/queries';
+const REGEX_DATA_SEARCH = /(?<=\/\/ search tag: ).*/g;
+const requireContext = require.context('../', false, /\.tsx$/);
+const icons = requireContext
+    .keys()
+    .filter(key => key.startsWith('./'))
+    .map(key => {
+    const componentName = key.replace('./', '').replace('.tsx', '');
+    const Component = requireContext(key)[componentName];
+    const compiledCode = requireContext(key)[componentName]?.render?.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 (_jsx(QueryClientProviderAntsomiUI, { client: queryClientAntsomiUI, children: _jsx(ConfigProvider, { children: _jsxs(IconGalleryStyled, { children: [invalidIcons.length > 0 ? (_jsxs("div", { children: [_jsx("h4", { children: "These components below are invalid (check name and file name is correct?)" }), invalidIcons.map(item => (_jsx("strong", { style: { color: 'red' }, children: _jsx("pre", { children: item.name }) }, item.name)))] })) : null, _jsx(Input, { placeholder: "Search Icon", value: search, onChange: e => setSearch(e.target.value), style: { fontSize: '16px' } }), _jsx(Flex, { className: "grid-container", gap: 16, children: validIcons
+                            .filter(item => searchMatchAny([item.name, ...item.dataSearch], debounceSearchValue))
+                            .map(item => {
+                            const { Component, name } = item;
+                            return (_jsxs("div", { className: "grid-item", onClick: () => {
+                                    const copiedText = `<${name} />`;
+                                    navigator.clipboard.writeText(copiedText);
+                                    message.success(`${copiedText} copied to clipboard 🚀`);
+                                }, children: [_jsx(Component, {}), _jsx(Typography.Text, { ellipsis: { tooltip: true }, children: name })] }, 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?.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?.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?.width || size, props?.height || size], [size, props.width, props.height]);
+    return {
+        width,
+        height,
+    };
+};