@geotab/zenith 1.26.6 → 2.0.0-beta.1

package/esm/icons/iconLink2.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconLink2 = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLink2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.793 2.663a1 1 0 011.414 0l7 7a1 1 0 010 1.414l-3.5 3.5a1 1 0 11-1.414-1.415l2.793-2.792L14.5 4.784l-2.793 2.793a1 1 0 11-1.414-1.414l3.5-3.5zm1.914 6.5a1 1 0 010 1.414l-6 6a1 1 0 11-1.414-1.415l6-6a1 1 0 011.414 0zm-9 2a1 1 0 010 1.414L3.914 15.37 9.5 20.955l2.793-2.792a1 1 0 011.414 1.414l-3.5 3.5a1 1 0 01-1.414 0l-7-7a1 1 0 010-1.415l3.5-3.5a1 1 0 011.414 0z" })] });
+};

package/esm/icons/iconLink3.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconLink3: React.FC<IIcon>;

package/esm/icons/iconLink3.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconLink3 = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLink3", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 7.87a1 1 0 011-1h6a1 1 0 110 2H3v8h5a1 1 0 110 2H2a1 1 0 01-1-1v-10zm14 0a1 1 0 011-1h6a1 1 0 011 1v10a1 1 0 01-1 1h-6a1 1 0 110-2h5v-8h-5a1 1 0 01-1-1zm-9 5a1 1 0 011-1h10a1 1 0 110 2H7a1 1 0 01-1-1z" })] });
+};

package/esm/icons/iconLinkLines.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconLinkLines: React.FC<IIcon>;

package/esm/icons/iconLinkLines.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconLinkLines = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLinkLines", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 3.87a1 1 0 011-1h14a1 1 0 011 1v5a1 1 0 11-2 0v-4H6v16h5.5a1 1 0 110 2H5a1 1 0 01-1-1v-18zm4 4a1 1 0 011-1h6a1 1 0 110 2H9a1 1 0 01-1-1zm0 4a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1zm10 2a2 2 0 00-2 2 1 1 0 11-2 0 4 4 0 018 0 1 1 0 11-2 0 2 2 0 00-2-2zm0 2a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zm-3 2a1 1 0 011 1 2 2 0 104 0 1 1 0 112 0 4 4 0 11-8 0 1 1 0 011-1z" })] });
+};

package/esm/icons/iconList.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconList: React.FC<IIcon>;

package/esm/icons/iconList.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconList = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconList", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h13a1 1 0 110 2H4a1 1 0 01-1-1zm0 5a1 1 0 011-1h5a1 1 0 110 2H4a1 1 0 01-1-1zm13 1a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 117.446 2.031l.99.99a1 1 0 11-1.415 1.414l-.99-.99A4 4 0 0112 12.87zm-9 3a1 1 0 011-1h5a1 1 0 110 2H4a1 1 0 01-1-1zm0 5a1 1 0 011-1h13a1 1 0 110 2H4a1 1 0 01-1-1z" })] });
+};

package/esm/icons/iconLoader.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconLoader: React.FC<IIcon>;

package/esm/icons/iconLoader.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconLoader = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLoader", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2.87a1 1 0 011 1v3a1 1 0 11-2 0v-3a1 1 0 011-1zm7.071 2.929a1 1 0 010 1.414L16.95 9.334a1 1 0 11-1.414-1.414l2.121-2.121a1 1 0 011.414 0zm-14.142 0a1 1 0 011.414 0l2.122 2.12A1 1 0 117.05 9.335L4.929 7.213a1 1 0 010-1.414zM2 12.87a1 1 0 011-1h3a1 1 0 110 2H3a1 1 0 01-1-1zm15 0a1 1 0 011-1h3a1 1 0 110 2h-3a1 1 0 01-1-1zm-8.535 3.535a1 1 0 010 1.414l-2.122 2.122a1 1 0 01-1.414-1.415l2.122-2.12a1 1 0 011.414 0zm7.07 0a1 1 0 011.415 0l2.121 2.121a1 1 0 01-1.414 1.415l-2.121-2.122a1 1 0 010-1.414zM12 17.87a1 1 0 011 1v3a1 1 0 11-2 0v-3a1 1 0 011-1z" })] });
+};

package/esm/icons/iconLocationCompass.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconLocationCompass: React.FC<IIcon>;

package/esm/icons/iconLocationCompass.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconLocationCompass = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLocationCompass", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.457 2.414L17.81 18.679 1.545 23.325 6.192 7.06l16.265-4.647zM7.81 8.679L4.457 20.414l11.735-3.353 3.353-11.735L7.81 8.679zm4.19 3.19a1 1 0 10.001 2 1 1 0 000-2zm-3 1a3 3 0 116.001 0 3 3 0 01-6 0z" })] });
+};

package/esm/icons/iconLocationMap.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconLocationMap: React.FC<IIcon>;

package/esm/icons/iconLocationMap.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconLocationMap = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLocationMap", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 7.37a3.5 3.5 0 013.5-3.5H7a1 1 0 011 1v2h2a1 1 0 110 2H8v7a1 1 0 01-1 1H5.5a1.5 1.5 0 000 3H19v-5a1 1 0 112 0v6a1 1 0 01-1 1H5.5a3.5 3.5 0 01-3.5-3.5v-11zm2 7.836a3.487 3.487 0 011.5-.336H6v-9h-.5A1.5 1.5 0 004 7.37v7.836zM17 5.87a2 2 0 00-2 2c0 .835.507 1.587 1.176 2.2.292.268.587.483.824.638.237-.155.532-.37.824-.638.67-.613 1.176-1.365 1.176-2.2a2 2 0 00-2-2zm0 6l.447.894a1 1 0 01-.894 0L17 11.87zm-4-4a4 4 0 018 0c0 1.664-.993 2.913-1.824 3.674a8.599 8.599 0 01-1.675 1.193l-.036.018-.01.006-.005.002h-.002L17 11.87l-.447.894h-.002l-.001-.001-.004-.002-.011-.006-.035-.018a7.932 7.932 0 01-.507-.298 8.599 8.599 0 01-1.169-.895C13.994 10.783 13 9.534 13 7.87z" })] });
+};

package/esm/icons/iconLocationOff.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconLocationOff: React.FC<IIcon>;

package/esm/icons/iconLocationOff.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconLocationOff = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLocationOff", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M14 10c0-.55-.196-1.02-.588-1.412A1.926 1.926 0 0012 8c-.167 0-.325.017-.475.05-.15.033-.292.092-.425.175l2.675 2.675c.083-.133.142-.275.175-.425.033-.15.05-.308.05-.475zm4.841 4.24c-.306.571-1.074.652-1.532.194a1.069 1.069 0 01-.174-1.25c.23-.443.414-.868.552-1.271.209-.609.313-1.18.313-1.713 0-1.817-.58-3.304-1.738-4.462C15.104 4.579 13.683 4 12 4a6.19 6.19 0 00-2.063.338 5.586 5.586 0 00-.982.453c-.451.266-1.04.25-1.41-.12-.415-.416-.392-1.104.103-1.421.483-.31 1-.563 1.552-.763A8.182 8.182 0 0112 2c2.117 0 3.98.742 5.587 2.225C19.197 5.708 20 7.7 20 10.2c0 .8-.15 1.62-.45 2.463-.181.509-.418 1.034-.709 1.577zm-4.566 2.86L6.1 8.925c-.033.2-.058.408-.075.625A8.47 8.47 0 006 10.2c0 1.183.492 2.538 1.475 4.063.983 1.524 2.492 3.22 4.525 5.087.433-.383.838-.763 1.213-1.138.375-.375.729-.745 1.062-1.112zm6.912 5.487a1.008 1.008 0 01-1.425 0L15.675 18.5a54.52 54.52 0 01-1.7 1.725c-.416.405-.86.814-1.333 1.226a.972.972 0 01-1.281-.003c-2.365-2.074-4.156-4.01-5.374-5.81C4.662 13.678 4 11.866 4 10.2a8.733 8.733 0 01.475-2.9L1.387 4.212a1.008 1.008 0 111.425-1.424l18.375 18.375a1.008 1.008 0 010 1.424z" })] });
+};

package/esm/icons/iconLock.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconLock: React.FC<IIcon>;

package/esm/icons/iconLock.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconLock = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLock", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 7.87a5 5 0 0110 0v2h2a1 1 0 011 1v11a1 1 0 01-1 1H5a1 1 0 01-1-1v-11a1 1 0 011-1h2v-2zm-1 4v9h12v-9H6zm9-2H9v-2a3 3 0 116 0v2zm-3 4a1 1 0 011 1v3a1 1 0 11-2 0v-3a1 1 0 011-1z" })] });
+};

package/esm/icons/iconLogin.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconLogin: React.FC<IIcon>;

package/esm/icons/iconLogin.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconLogin = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLogin", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19 5.87h-4a1 1 0 110-2h5a1 1 0 011 1v16a1 1 0 01-1 1h-5a1 1 0 110-2h4v-14zm-8.707 2.793a1 1 0 011.414 0l3.5 3.5a1 1 0 010 1.414l-3.5 3.5a1 1 0 11-1.414-1.415l1.793-1.792H4a1 1 0 110-2h8.086l-1.793-1.793a1 1 0 010-1.414z" })] });
+};

package/esm/icons/iconLogout.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconLogout: React.FC<IIcon>;

package/esm/icons/iconLogout.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconLogout = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLogout", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.293 4.163A1 1 0 014 3.87h7.25a1 1 0 110 2H5v14h6.25a1 1 0 110 2H4a1 1 0 01-1-1v-16a1 1 0 01.293-.707zm11.5 3.5a1 1 0 011.414 0l4.5 4.5a1 1 0 010 1.414l-4.5 4.5a1 1 0 11-1.414-1.415l2.793-2.792H8.75a1 1 0 110-2h8.836l-2.793-2.793a1 1 0 010-1.414z" })] });
+};

package/esm/icons/iconLowDataQuality.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconLowDataQuality: React.FC<IIcon>;

package/esm/icons/iconLowDataQuality.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconLowDataQuality = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLowDataQuality", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M11.68 7.456c.205.205.32.482.32.772l-.364 4a.728.728 0 01-1.454 0l-.364-4a1.09 1.09 0 011.863-.772zM11.636 14.41a.727.727 0 11-1.454 0 .727.727 0 011.454 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 3a8 8 0 104.906 14.32l3.387 3.387a1 1 0 001.414-1.414l-3.387-3.387A8 8 0 0011 3zm-6 8a6 6 0 1112 0 6 6 0 01-12 0z" })] });
+};

package/esm/icons/iconMacbook.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconMacbook: React.FC<IIcon>;

package/esm/icons/iconMacbook.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconMacbook = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconMacbook", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v11h1a1 1 0 011 1v4a1 1 0 01-1 1H2a1 1 0 01-1-1v-4a1 1 0 011-1h1v-11zm2 11h14v-10H5v10zm-2 2v2h18v-2H3z" })] });
+};

package/esm/icons/iconMagic.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconMagic: React.FC<IIcon>;

package/esm/icons/iconMagic.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconMagic = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconMagic", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.368 3.741a1 1 0 011.102.13l3.206 2.73 3.892-1.606a1 1 0 011.306 1.306l-1.605 3.892 2.73 3.206a1 1 0 01-.839 1.645l-4.198-.324-2.205 3.587a1 1 0 01-1.824-.289l-.714-2.954-6.512 6.512a1 1 0 01-1.414-1.414l6.512-6.512-2.954-.713a1 1 0 01-.289-1.824l3.587-2.206-.324-4.198a1 1 0 01.543-.968zm1.636 3.211l.186 2.41a1 1 0 01-.473.93l-2.059 1.265 2.35.568a1 1 0 01.737.737l.567 2.35 1.266-2.06a1 1 0 01.93-.473l2.409.186-1.567-1.84a1 1 0 01-.163-1.03l.921-2.234-2.234.922a1 1 0 01-1.03-.163l-1.84-1.568z" })] });
+};

package/esm/icons/iconMagic2.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconMagic2: React.FC<IIcon>;

package/esm/icons/iconMagic2.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconMagic2 = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconMagic2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.793 3.163a1 1 0 011.414 0l2.5 2.5a1 1 0 010 1.414l-15.5 15.5a1 1 0 01-1.414 0l-2.5-2.5a1 1 0 010-1.415l15.5-15.5zM16.164 7.62l1.086 1.085 2.336-2.335L18.5 5.284 16.164 7.62zm-.328 2.5L14.75 9.034 4.414 19.37 5.5 20.455 15.836 10.12z" }), _jsx("path", { d: "M9.925 2.907a.25.25 0 00.112-.112l.739-1.478a.25.25 0 01.447 0l.74 1.478a.25.25 0 00.111.112l1.478.739a.25.25 0 010 .447l-1.478.74a.25.25 0 00-.112.111l-.739 1.478a.25.25 0 01-.447 0l-.74-1.478a.25.25 0 00-.111-.112l-1.478-.739a.25.25 0 010-.447l1.478-.74zM18.925 13.907a.25.25 0 00.112-.112l.739-1.478a.25.25 0 01.447 0l.74 1.478a.25.25 0 00.111.112l1.478.739a.25.25 0 010 .447l-1.478.74a.25.25 0 00-.112.111l-.739 1.478a.25.25 0 01-.447 0l-.74-1.478a.25.25 0 00-.111-.112l-1.478-.739a.25.25 0 010-.447l1.478-.74zM4.925 7.907a.25.25 0 00.112-.112l.739-1.478a.25.25 0 01.447 0l.74 1.478a.25.25 0 00.111.112l1.478.739a.25.25 0 010 .447l-1.478.74a.25.25 0 00-.112.111l-.739 1.478a.25.25 0 01-.447 0l-.74-1.478a.25.25 0 00-.111-.112l-1.478-.739a.25.25 0 010-.447l1.478-.74z" })] });
+};

package/esm/icons/iconMagicEyes.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconMagicEyes: React.FC<IIcon>;

package/esm/icons/iconMagicEyes.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconMagicEyes = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconMagicEyes", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.135 12.87c2.278 4.087 5.636 6 8.865 6s6.587-1.913 8.865-6c-2.278-4.088-5.636-6-8.865-6-3.228 0-6.587 1.912-8.865 6zm8.865-8c4.24 0 8.339 2.61 10.888 7.54a1 1 0 010 .919c-2.55 4.93-6.649 7.54-10.888 7.54-4.24 0-8.339-2.61-10.888-7.54a1 1 0 010-.919C3.662 7.48 7.76 4.87 12 4.87z" }), _jsx("path", { d: "M10.741 11.387l.812-1.623a.5.5 0 01.894 0l.812 1.623a.5.5 0 00.223.224l1.624.811a.5.5 0 010 .895l-1.624.811a.5.5 0 00-.223.224l-.812 1.623a.5.5 0 01-.894 0l-.812-1.623a.5.5 0 00-.223-.224l-1.624-.811a.5.5 0 010-.895l1.624-.811a.5.5 0 00.223-.224z" })] });
+};

package/esm/icons/iconMap.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconMap: React.FC<IIcon>;

package/esm/icons/iconMap.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconMap = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconMap", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.585 4.308A1 1 0 0122 5.12v13a1 1 0 01-.684.948l-6 2a1 1 0 01-.632 0L9 19.174l-5.684 1.894A1 1 0 012 20.12v-13a1 1 0 01.684-.949l6-2a1 1 0 01.632 0L15 6.066l5.684-1.895a1 1 0 01.9.137zM14 7.84l-4-1.333V17.4l4 1.333V7.84zm2 10.892l4-1.333V6.507L16 7.84v10.892zM8 17.4V6.507L4 7.84v10.892L8 17.4z" })] });
+};

package/esm/icons/iconMarketplace.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconMarketplace: React.FC<IIcon>;

package/esm/icons/iconMarketplace.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconMarketplace = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 25 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconMarketplace", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fill: "#0078D3", d: "M9.406 4.01.5 17.375l4.033 2.485 8.906-13.365z" }), _jsx("path", { fill: "#00AEFF", d: "M18.643 4.015 9.735 17.38l4.033 2.484 8.906-13.365z" }), _jsx("path", { fill: "#0A0", d: "M22.366 6.515a6.87 6.87 0 0 0-1.108 3.731c0 2.37 1.205 4.549 3.242 5.83L21.926 20c-3.39-2.146-5.426-5.798-5.426-9.754 0-2.226.635-4.388 1.857-6.246" }), _jsx("path", { fill: "#25477B", d: "M18.405 4a12.4 12.4 0 0 0-1.905 6.651c0 1.518.267 2.985.769 4.349L22.5 6.695z" })] });
+};

package/esm/icons/iconMedal.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconMedal: React.FC<IIcon>;

package/esm/icons/iconMedal.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconMedal = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconMedal", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 3.87a6 6 0 100 12 6 6 0 000-12zm5 12.245a8 8 0 10-10 0v6.754a1 1 0 001.447.895L12 21.988l3.553 1.776A1 1 0 0017 22.869v-6.754zm-4.793 1.752A7.97 7.97 0 0015 17.288v3.963l-2.553-1.276a1 1 0 00-.894 0L9 21.251v-3.963a7.97 7.97 0 003.207.579z" })] });
+};

package/esm/icons/iconMemory.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconMemory: React.FC<IIcon>;

package/esm/icons/iconMemory.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconMemory = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconMemory", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 3.87a1 1 0 011-1h9a1 1 0 01.707.293l5 5A1 1 0 0120 8.87v13a1 1 0 01-1 1H5a1 1 0 01-1-1v-18zm2 1v16h12V9.284L13.586 4.87H6zm2 8a1 1 0 011-1h6a1 1 0 011 1v5a1 1 0 01-1 1H9a1 1 0 01-1-1v-5zm2 1v3h4v-3h-4z" })] });
+};

package/esm/icons/iconMemory2.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconMemory2: React.FC<IIcon>;

package/esm/icons/iconMemory2.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconMemory2 = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconMemory2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 3.455a2 2 0 011.414-.585H19a1 1 0 011 1v18a1 1 0 01-1 1H5a1 1 0 01-1-1V8.284a2 2 0 01.586-1.414L8 3.455zm6 1.415v3a1 1 0 102 0v-3h2v16H6V8.284L9.414 4.87H10v3a1 1 0 102 0v-3h2z" })] });
+};

package/esm/icons/iconMenu.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconMenu: React.FC<IIcon>;

package/esm/icons/iconMenu.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconMenu = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconMenu", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 6.87a1 1 0 011-1h18a1 1 0 110 2H3a1 1 0 01-1-1zm0 6a1 1 0 011-1h18a1 1 0 110 2H3a1 1 0 01-1-1zm0 6a1 1 0 011-1h18a1 1 0 110 2H3a1 1 0 01-1-1z" })] });
+};

package/esm/icons/iconMenu2.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconMenu2: React.FC<IIcon>;

package/esm/icons/iconMenu2.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconMenu2 = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconMenu2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 6.87a1 1 0 011-1h18a1 1 0 110 2H3a1 1 0 01-1-1zm0 6a1 1 0 011-1h18a1 1 0 110 2H3a1 1 0 01-1-1zm0 6a1 1 0 011-1h8a1 1 0 110 2H3a1 1 0 01-1-1z" })] });
+};

package/esm/icons/iconMenu3.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconMenu3: React.FC<IIcon>;

package/esm/icons/iconMenu3.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconMenu3 = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconMenu3", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 6.87a1 1 0 011-1h18a1 1 0 110 2H3a1 1 0 01-1-1zm0 6a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1zm0 6a1 1 0 011-1h18a1 1 0 110 2H3a1 1 0 01-1-1z" })] });
+};

package/esm/icons/iconMenuCircle.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconMenuCircle: React.FC<IIcon>;

package/esm/icons/iconMenuCircle.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const IconMenuCircle = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconMenuCircle", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a8 8 0 100 16 8 8 0 000-16zm-10 8c0-5.523 4.477-10 10-10s10 4.477 10 10c0 5.522-4.477 10-10 10s-10-4.478-10-10z" }), _jsx("path", { d: "M8.5 12.87a.5.5 0 11-1 0 .5.5 0 011 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.25 12.87a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm-1.25.5a.5.5 0 100-1 .5.5 0 000 1z" }), _jsx("path", { d: "M12.5 12.87a.5.5 0 11-1 0 .5.5 0 011 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.25 12.87a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm-1.25.5a.5.5 0 100-1 .5.5 0 000 1z" }), _jsx("path", { d: "M16.5 12.87a.5.5 0 11-1 0 .5.5 0 011 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.25 12.87a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm-1.25.5a.5.5 0 100-1 .5.5 0 000 1z" })] });
+};

package/esm/icons/iconMenuCircle2.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+/**
+    @deprecated - will be removed in future releases
+    duplicate of **IconMenuCircle**, please use that instead
+*/
+export declare const IconMenuCircle2: React.FC<IIcon>;

package/esm/icons/iconMenuCircle2.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+/**
+    @deprecated - will be removed in future releases
+    duplicate of **IconMenuCircle**, please use that instead
+*/
+export const IconMenuCircle2 = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-icon",
+        (size ? `zen-icon--${size}` : ""),
+        className !== null && className !== void 0 ? className : ""
+    ]), [size, className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconMenuCircle2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 12.87a8 8 0 10-16 0 8 8 0 0016 0zm-8-10c5.523 0 10 4.477 10 10 0 5.522-4.477 10-10 10s-10-4.478-10-10c0-5.523 4.477-10 10-10z" }), _jsx("path", { d: "M15.5 12.87a.5.5 0 111 0 .5.5 0 01-1 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.75 12.87a1.25 1.25 0 112.5 0 1.25 1.25 0 01-2.5 0zm1.25-.5a.5.5 0 100 1 .5.5 0 000-1z" }), _jsx("path", { d: "M11.5 12.87a.5.5 0 111 0 .5.5 0 01-1 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.75 12.87a1.25 1.25 0 112.5 0 1.25 1.25 0 01-2.5 0zm1.25-.5a.5.5 0 100 1 .5.5 0 000-1z" }), _jsx("path", { d: "M7.5 12.87a.5.5 0 111 0 .5.5 0 01-1 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.75 12.87a1.25 1.25 0 112.5 0 1.25 1.25 0 01-2.5 0zm1.25-.5a.5.5 0 100 1 .5.5 0 000-1z" })] });
+};

package/esm/icons/iconMicrophone.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconMicrophone: React.FC<IIcon>;