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

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

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

package/es/components/icons/IncreaseDecreaseIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const IncreaseDecreaseIcon = 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: "M12 5L7.82031 9.17969H16.1797L12 5ZM12 19L16.1797 14.8203H7.82031L12 19Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/InteractiveIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const InteractiveIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", focusable: "false", "aria-hidden": "true", viewBox: "0 0 13 17" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("path", { xmlns: "http://www.w3.org/2000/svg", d: "M11.3376 9.31641C12.2166 9.77344 12.7087 10.7227 12.5681 11.707L11.9705 15.2578C11.8298 15.9609 11.197 16.4883 10.4939 16.4883H5.7478C5.29077 16.4883 4.83374 16.3125 4.51733 15.9961L0.685303 12.1641L1.73999 11.1094C2.02124 10.8281 2.40796 10.6523 2.79468 10.6523C2.97046 10.6523 2.90015 10.6523 4.48218 11.0039V8.54297C3.1814 7.875 2.23218 6.46875 2.23218 4.88672C2.23218 2.60156 4.09546 0.738281 6.38062 0.738281C8.63062 0.738281 10.4939 2.60156 10.4939 4.88672C10.4939 6.1875 9.86108 7.34766 8.91187 8.12109L11.3376 9.31641ZM11.0916 11.4609C11.1267 11.1445 10.9509 10.8281 10.6697 10.6875L8.06812 9.38672H6.73218V4.88672C6.73218 4.67578 6.59155 4.5 6.38062 4.5C6.16968 4.5 5.9939 4.67578 5.9939 4.88672V12.832L2.79468 12.1641L5.57202 14.9414C5.60718 14.9766 5.67749 15.0117 5.7478 15.0117H10.4939L11.0916 11.4609ZM3.7439 4.88672C3.7439 5.58984 4.02515 6.22266 4.48218 6.71484V4.88672C4.48218 3.83203 5.32593 2.98828 6.38062 2.98828C7.40015 2.98828 8.2439 3.83203 8.2439 4.88672V6.71484C8.70093 6.22266 8.98218 5.58984 8.98218 4.88672C8.98218 3.41016 7.82202 2.25 6.38062 2.25C4.93921 2.25 3.7439 3.41016 3.7439 4.88672Z" })));
+});

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

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

package/es/components/icons/InvisibleIcon.js

@@ -1,5 +1,9 @@
-import React from 'react';
-export const InvisibleIcon = props => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 983 1024", fill: "currentColor" }, props),
-    React.createElement("title", null),
-    React.createElement("g", { id: "icomoon-ignore" }),
-    React.createElement("path", { d: "M491.5 265.28c155.52 0 293.76 86.4 360.96 224.64-23.040 49.92-57.6 94.080-97.92 128.64l57.6 57.6c55.68-49.92 101.76-113.28 130.56-186.24-71.040-178.56-245.76-307.2-451.2-307.2-51.84 0-101.76 9.6-149.76 23.040l69.12 69.12c24.96-5.76 51.84-9.6 80.64-9.6zM447.34 311.36l84.48 84.48c23.040 11.52 42.24 30.72 53.76 53.76l84.48 84.48c3.84-13.44 5.76-28.8 5.76-44.16 0-101.76-82.56-184.32-184.32-184.32-15.36 0-28.8 1.92-44.16 5.76zM82.54 178.88l109.44 109.44c-67.2 51.84-119.040 120.96-151.68 201.6 71.040 180.48 245.76 307.2 451.2 307.2 61.44 0 122.88-11.52 176.64-32.64l140.16 140.16 57.6-57.6-725.76-727.68zM389.74 486.080l107.52 105.6c-1.92 0-3.84 1.92-5.76 1.92-55.68 0-101.76-46.080-101.76-103.68 0-1.92 0-1.92 0-3.84zM249.58 345.92l72.96 71.040c-9.6 23.040-15.36 48-15.36 72.96 0 101.76 82.56 184.32 184.32 184.32 24.96 0 49.92-3.84 72.96-13.44l40.32 40.32c-36.48 9.6-74.88 15.36-113.28 15.36-155.52 0-293.76-88.32-360.96-226.56 28.8-57.6 71.040-105.6 119.040-144z" })));
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const InvisibleIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 983 1024", fill: "currentColor" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("title", null),
+        React.createElement("g", { id: "icomoon-ignore" }),
+        React.createElement("path", { d: "M491.5 265.28c155.52 0 293.76 86.4 360.96 224.64-23.040 49.92-57.6 94.080-97.92 128.64l57.6 57.6c55.68-49.92 101.76-113.28 130.56-186.24-71.040-178.56-245.76-307.2-451.2-307.2-51.84 0-101.76 9.6-149.76 23.040l69.12 69.12c24.96-5.76 51.84-9.6 80.64-9.6zM447.34 311.36l84.48 84.48c23.040 11.52 42.24 30.72 53.76 53.76l84.48 84.48c3.84-13.44 5.76-28.8 5.76-44.16 0-101.76-82.56-184.32-184.32-184.32-15.36 0-28.8 1.92-44.16 5.76zM82.54 178.88l109.44 109.44c-67.2 51.84-119.040 120.96-151.68 201.6 71.040 180.48 245.76 307.2 451.2 307.2 61.44 0 122.88-11.52 176.64-32.64l140.16 140.16 57.6-57.6-725.76-727.68zM389.74 486.080l107.52 105.6c-1.92 0-3.84 1.92-5.76 1.92-55.68 0-101.76-46.080-101.76-103.68 0-1.92 0-1.92 0-3.84zM249.58 345.92l72.96 71.040c-9.6 23.040-15.36 48-15.36 72.96 0 101.76 82.56 184.32 184.32 184.32 24.96 0 49.92-3.84 72.96-13.44l40.32 40.32c-36.48 9.6-74.88 15.36-113.28 15.36-155.52 0-293.76-88.32-360.96-226.56 28.8-57.6 71.040-105.6 119.040-144z" })));
+});

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

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

package/es/components/icons/InvitePeopleIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const InvitePeopleIcon = 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.9844 8.01562C12.9844 10.2188 11.2031 12 9 12C6.79688 12 5.01562 10.2188 5.01562 8.01562C5.01562 5.8125 6.79688 3.98438 9 3.98438C11.2031 3.98438 12.9844 5.8125 12.9844 8.01562ZM11.0156 8.01562C11.0156 6.89062 10.0781 6 9 6C7.92188 6 6.98438 6.89062 6.98438 8.01562C6.98438 9.09375 7.92188 9.98438 9 9.98438C10.0781 9.98438 11.0156 9.09375 11.0156 8.01562ZM0.984375 18C0.984375 15.3281 6.32812 14.0156 9 14.0156C11.6719 14.0156 17.0156 15.3281 17.0156 18V20.0156H0.984375V18ZM3 18H15C14.7656 17.2969 11.6719 15.9844 9 15.9844C6.28125 15.9844 3.1875 17.2969 3 18ZM20.0156 15H18V12H15V9.98438H18V6.98438H20.0156V9.98438H23.0156V12H20.0156V15Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/IssueBugIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const IssueBugIcon = 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 8.01562V9.98438H17.9062C17.9531 10.3125 18 10.6406 18 11.0156V12H20.0156V14.0156H18V15C18 15.3281 17.9531 15.6562 17.9062 15.9844H20.0156V18H17.2031C16.1719 19.7812 14.2031 21 12 21C9.79688 21 7.82812 19.7812 6.79688 18H3.98438V15.9844H6.09375C6.04688 15.6562 6 15.3281 6 15V14.0156H3.98438V12H6V11.0156C6 10.6406 6.04688 10.3125 6.09375 9.98438H3.98438V8.01562H6.79688C7.26562 7.21875 7.875 6.5625 8.625 6.04688L6.98438 4.40625L8.39062 3L10.5938 5.15625C11.0625 5.0625 11.5312 5.01562 12 5.01562C12.4688 5.01562 12.9375 5.0625 13.4062 5.15625L15.6094 3L17.0156 4.40625L15.375 6.04688C16.125 6.5625 16.7344 7.21875 17.2031 8.01562H20.0156ZM15.9844 12V11.0156C15.9844 10.7812 15.9844 10.5469 15.9375 10.3125L15.8438 9.65625L15.4688 9C15.1406 8.48438 14.7188 8.0625 14.25 7.6875L13.6406 7.26562L12.9375 7.125C12.6094 7.03125 12.3281 6.98438 12 6.98438C11.6719 6.98438 11.3906 7.03125 11.0625 7.125L10.3125 7.3125L9.75 7.6875C9.28125 8.01562 8.85938 8.48438 8.53125 9L8.15625 9.65625L8.0625 10.3125C8.01562 10.5 8.01562 10.7812 8.01562 11.0156V15C8.01562 15.2344 8.01562 15.4688 8.0625 15.7031L8.15625 16.3594L8.53125 17.0156C9.28125 18.2344 10.5938 18.9844 12 18.9844C13.4062 18.9844 14.7188 18.2344 15.4688 17.0156L15.8438 16.3594L15.9375 15.7031C15.9844 15.4688 15.9844 15.2344 15.9844 15V12ZM9.98438 14.0156V15.9844H14.0156V14.0156H9.98438ZM9.98438 9.98438V12H14.0156V9.98438H9.98438Z", fill: "#666666" })));
+});

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

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

package/es/components/icons/LayerIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const LayerIcon = 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 18.5625L19.3594 12.7969L21 14.0625L12 21.0469L3 14.0625L4.64062 12.7969L12 18.5625ZM12 15.9844L4.64062 10.2656L3 9L12 2.01562L21 9L19.3594 10.2656L12 15.9844ZM12 4.54688L6.28125 9L12 13.4531L17.7188 9L12 4.54688Z" })));
+});

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

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

package/es/components/icons/LeftExpandIcon.js

@@ -0,0 +1,8 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const LeftExpandIcon = forwardRef((props, ref) => {
+    const { width, height } = useIcon(props);
+    return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props, { ref: ref, width: width, height: height }),
+        React.createElement("g", { clipPath: "url(#clip0_1_2800)" },
+            React.createElement("path", { d: "M14.0156 6.98438V17.0156L9 12L14.0156 6.98438Z", fill: "currentColor" }))));
+});

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

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

package/es/components/icons/LibraryIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const LibraryIcon = 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: "M22.4531 6.9375C22.7812 7.07812 23.0156 7.45312 23.0156 7.82812V19.9219C23.0156 20.4844 22.5 20.9062 21.9844 20.9062C21.8438 20.9062 21.7031 20.8594 21.5156 20.7656C20.2969 20.1562 18.9375 19.7344 17.4844 19.7344C15.4219 19.7344 13.5 20.5312 12 21.75C10.5 20.5312 8.57812 19.7344 6.51562 19.7344C5.0625 19.7344 3.70312 20.1562 2.48438 20.7656C2.29688 20.8594 2.15625 20.9062 2.01562 20.9062C1.45312 20.9062 0.984375 20.4844 0.984375 19.875V7.82812C0.984375 7.45312 1.21875 7.07812 1.54688 6.9375C3 6.1875 4.6875 5.71875 6.51562 5.71875C8.53125 5.71875 10.3594 6.28125 12 7.21875V19.3125C13.7344 18.2812 15.6094 17.7188 17.4844 17.7188C18.7031 17.7188 19.875 17.9531 21 18.375V6.32812C21.5156 6.51562 21.9844 6.70312 22.4531 6.9375ZM9.98438 18.375V8.4375C8.90625 7.96875 7.6875 7.73438 6.51562 7.73438C5.29688 7.73438 4.125 7.96875 3 8.4375V18.375C4.125 17.9531 5.29688 17.7188 6.51562 17.7188C7.6875 17.7188 8.85938 17.9531 9.98438 18.375ZM18.9844 2.25V12.2344L14.0156 16.7344V7.21875L18.9844 2.25Z" })));
+});

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

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

package/es/components/icons/LineIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const LineIcon = 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 15.5C17.3268 15.5024 17.1546 15.5275 16.988 15.5749L8.425 7.01195C8.47243 6.84533 8.49765 6.67321 8.49999 6.49999C8.49999 6.10443 8.3827 5.71768 8.16294 5.38878C7.94318 5.05988 7.63083 4.80359 7.26537 4.65221C6.89992 4.50084 6.49779 4.46127 6.10983 4.53844C5.72186 4.61561 5.3655 4.8061 5.08579 5.0858C4.80609 5.36551 4.6156 5.72177 4.53843 6.10973C4.46126 6.49769 4.50087 6.89992 4.65224 7.26537C4.80362 7.63082 5.05996 7.94319 5.38886 8.16295C5.71776 8.38272 6.10443 8.49999 6.49999 8.49999C6.67285 8.49801 6.84468 8.47315 7.01099 8.42601L15.574 16.989C15.5269 17.1553 15.502 17.3271 15.5 17.5C15.5 17.8956 15.6173 18.2822 15.8371 18.6111C16.0568 18.94 16.3692 19.1964 16.7346 19.3478C17.1001 19.4991 17.5022 19.5387 17.8902 19.4615C18.2781 19.3844 18.6345 19.1939 18.9142 18.9142C19.1939 18.6345 19.3844 18.2781 19.4616 17.8901C19.5387 17.5022 19.4991 17.1001 19.3478 16.7346C19.1964 16.3692 18.94 16.0568 18.6111 15.837C18.2822 15.6173 17.8956 15.5 17.5 15.5Z", fill: "currentColor" })));
+});

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

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

package/es/components/icons/ListIcon.js

@@ -0,0 +1,7 @@
+import React, { forwardRef } from 'react';
+import { useIcon } from './hooks/useIcon';
+export const ListIcon = 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: "M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z" })));
+});

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IconProps } from './types';
+export declare const LoadingIcon: React.ForwardRefExoticComponent<IconProps & {
+    backgroundColor?: string | undefined;
+} & React.RefAttributes<SVGSVGElement>>;

package/es/components/icons/LoadingIcon.js

@@ -0,0 +1,55 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import styled from 'styled-components';
+import { useIcon } from './hooks/useIcon';
+const StyleSvg = styled.svg `
+  animation: 1.5s linear 0s infinite normal none running spin;
+
+  circle.circle {
+    stroke: currentcolor;
+    stroke-dasharray: 80px, 200px;
+    stroke-dashoffset: 0;
+    animation: 1.5s ease-in-out 0s infinite normal none running animation-loading;
+  }
+
+  @keyframes animation-loading {
+    0% {
+      stroke-dasharray: 1px, 200px;
+      stroke-dashoffset: 0;
+    }
+    50% {
+      stroke-dasharray: 100px, 200px;
+      stroke-dashoffset: -15px;
+    }
+    100% {
+      stroke-dasharray: 100px, 200px;
+      stroke-dashoffset: -118px;
+    }
+  }
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`;
+export const LoadingIcon = forwardRef((_a, ref) => {
+    var { backgroundColor } = _a, restOfProps = __rest(_a, ["backgroundColor"]);
+    const { width, height } = useIcon(restOfProps);
+    return (React.createElement(StyleSvg, Object.assign({ viewBox: "0 0 41 41", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, restOfProps, { ref: ref, width: width, height: height }),
+        React.createElement("path", { d: "M40.5 20.5C40.5 31.5457 31.5457 40.5 20.5 40.5C9.4543 40.5 0.5 31.5457 0.5 20.5C0.5 9.4543 9.4543 0.5 20.5 0.5C31.5457 0.5 40.5 9.4543 40.5 20.5ZM2.5 20.5C2.5 30.4411 10.5589 38.5 20.5 38.5C30.4411 38.5 38.5 30.4411 38.5 20.5C38.5 10.5589 30.4411 2.5 20.5 2.5C10.5589 2.5 2.5 10.5589 2.5 20.5Z", fill: backgroundColor || 'transparent' }),
+        React.createElement("circle", { className: "circle", cx: "20.5", cy: "20.5", r: "19", fill: "none", strokeWidth: "2" })));
+});

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,2 +1,3 @@
 import React from 'react';
-export declare const MuteIcon: (props: any) => React.JSX.Element;
+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,2 +1,3 @@
 import React from 'react';
-export declare const OpenUrlIcon: (props: any) => React.JSX.Element;
+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>>;