@geotab/zenith 3.7.0 → 3.8.0-beta.1

package/dist/icons/iconLayoutTopbar.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLayoutTopbar = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconLayoutTopbar", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 7v8h6v-8H5zm8 0v8h6v-8h-6zm6-2H5v-4h14v4z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconLayoutTopbar", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 7v8h6v-8H5zm8 0v8h6v-8h-6zm6-2H5v-4h14v4z" })] }));
 };
 exports.IconLayoutTopbar = IconLayoutTopbar;

package/dist/icons/iconLayoutWindow.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLayoutWindow = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconLayoutWindow", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 7v8h6v-8H5zm6-2H5v-4h6v4zm2-4v8h6v-8h-6zm6 10h-6v4h6v-4z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconLayoutWindow", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 7v8h6v-8H5zm6-2H5v-4h6v4zm2-4v8h6v-8h-6zm6 10h-6v4h6v-4z" })] }));
 };
 exports.IconLayoutWindow = IconLayoutWindow;

package/dist/icons/iconLayoutWindow2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLayoutWindow2 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconLayoutWindow2", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 9v6h6v-6H5zm6-2H5v-6h6v6zm2 2v6h6v-6h-6zm6-2h-6v-6h6v6z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconLayoutWindow2", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 9v6h6v-6H5zm6-2H5v-6h6v6zm2 2v6h6v-6h-6zm6-2h-6v-6h6v6z" })] }));
 };
 exports.IconLayoutWindow2 = IconLayoutWindow2;

package/dist/icons/iconLayoutWindow3.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLayoutWindow3 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconLayoutWindow3", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 9v6h14v-6H5zm14-2H5v-6h14v6z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconLayoutWindow3", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 9v6h14v-6H5zm14-2H5v-6h14v6z" })] }));
 };
 exports.IconLayoutWindow3 = IconLayoutWindow3;

package/dist/icons/iconLayoutWindow4.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLayoutWindow4 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconLayoutWindow4", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 6.33v3.34h14V11.2H5zm14-2H5V5.87h14V9.2zm0 7.34H5v3.33h14v-3.33z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconLayoutWindow4", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 6.33v3.34h14V11.2H5zm14-2H5V5.87h14V9.2zm0 7.34H5v3.33h14v-3.33z" })] }));
 };
 exports.IconLayoutWindow4 = IconLayoutWindow4;

package/dist/icons/iconLayoutWindow5.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLayoutWindow5 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconLayoutWindow5", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h6a1 1 0 011 1v4a1 1 0 01-1 1H4a1 1 0 01-1-1v-4zm2 1v2h4v-2H5zm8-1a1 1 0 011-1h6a1 1 0 011 1v8a1 1 0 01-1 1h-6a1 1 0 01-1-1v-8zm2 1v6h4v-6h-4zm-12 7a1 1 0 011-1h6a1 1 0 011 1v8a1 1 0 01-1 1H4a1 1 0 01-1-1v-8zm2 1v6h4v-6H5zm8 3a1 1 0 011-1h6a1 1 0 011 1v4a1 1 0 01-1 1h-6a1 1 0 01-1-1v-4zm2 1v2h4v-2h-4z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconLayoutWindow5", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h6a1 1 0 011 1v4a1 1 0 01-1 1H4a1 1 0 01-1-1v-4zm2 1v2h4v-2H5zm8-1a1 1 0 011-1h6a1 1 0 011 1v8a1 1 0 01-1 1h-6a1 1 0 01-1-1v-8zm2 1v6h4v-6h-4zm-12 7a1 1 0 011-1h6a1 1 0 011 1v8a1 1 0 01-1 1H4a1 1 0 01-1-1v-8zm2 1v6h4v-6H5zm8 3a1 1 0 011-1h6a1 1 0 011 1v4a1 1 0 01-1 1h-6a1 1 0 01-1-1v-4zm2 1v2h4v-2h-4z" })] }));
 };
 exports.IconLayoutWindow5 = IconLayoutWindow5;

package/dist/icons/iconLeaf.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLeaf = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconLeaf", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.729 18.15c5.42 5.176 14.493 1.992 15.43-5.51l.814-6.502a3.392 3.392 0 00-3.366-3.812h-6.553c-7.434 0-11.493 8.172-7.822 14.001-.888 1.498-1.516 2.875-1.88 3.896a1.102 1.102 0 002.075.741c.263-.735.697-1.717 1.302-2.814zm1.182-1.94c.07.075.14.15.213.222 4.103 4.103 11.13 1.692 11.849-4.065l.813-6.502a1.188 1.188 0 00-1.18-1.336h-6.552c-5.255 0-8.29 5.376-6.442 9.69.18-.248.366-.498.56-.746 1.95-2.517 4.626-5.038 8.033-6.458a1.102 1.102 0 11.847 2.034c-2.94 1.225-5.332 3.442-7.139 5.774-.36.463-.693.928-1.002 1.388z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconLeaf", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.729 18.15c5.42 5.176 14.493 1.992 15.43-5.51l.814-6.502a3.392 3.392 0 00-3.366-3.812h-6.553c-7.434 0-11.493 8.172-7.822 14.001-.888 1.498-1.516 2.875-1.88 3.896a1.102 1.102 0 002.075.741c.263-.735.697-1.717 1.302-2.814zm1.182-1.94c.07.075.14.15.213.222 4.103 4.103 11.13 1.692 11.849-4.065l.813-6.502a1.188 1.188 0 00-1.18-1.336h-6.552c-5.255 0-8.29 5.376-6.442 9.69.18-.248.366-.498.56-.746 1.95-2.517 4.626-5.038 8.033-6.458a1.102 1.102 0 11.847 2.034c-2.94 1.225-5.332 3.442-7.139 5.774-.36.463-.693.928-1.002 1.388z" })] }));
 };
 exports.IconLeaf = IconLeaf;

package/dist/icons/iconLifeBuoy.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLifeBuoy = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconLifeBuoy", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.68 7.964A7.965 7.965 0 004 12.87c0 1.848.627 3.55 1.68 4.905l2.148-2.148A4.977 4.977 0 017 12.87c0-1.02.305-1.967.828-2.758L5.68 7.964zM7.094 6.55l2.149 2.148A4.977 4.977 0 0112 7.87c1.02 0 1.967.305 2.757.828l2.149-2.148A7.965 7.965 0 0012 4.87a7.965 7.965 0 00-4.906 1.68zM18.32 7.964l-2.148 2.148c.523.79.828 1.739.828 2.758s-.305 1.967-.828 2.757l2.148 2.148A7.966 7.966 0 0020 12.87c0-1.85-.627-3.551-1.68-4.906zM16.906 19.19l-2.149-2.149A4.976 4.976 0 0112 17.87a4.976 4.976 0 01-2.757-.829L7.094 19.19A7.966 7.966 0 0012 20.87a7.965 7.965 0 004.906-1.68zM2 12.87c0-5.523 4.477-10 10-10s10 4.477 10 10c0 5.522-4.477 10-10 10s-10-4.478-10-10zm10-3a3 3 0 100 6 3 3 0 000-6z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconLifeBuoy", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.68 7.964A7.965 7.965 0 004 12.87c0 1.848.627 3.55 1.68 4.905l2.148-2.148A4.977 4.977 0 017 12.87c0-1.02.305-1.967.828-2.758L5.68 7.964zM7.094 6.55l2.149 2.148A4.977 4.977 0 0112 7.87c1.02 0 1.967.305 2.757.828l2.149-2.148A7.965 7.965 0 0012 4.87a7.965 7.965 0 00-4.906 1.68zM18.32 7.964l-2.148 2.148c.523.79.828 1.739.828 2.758s-.305 1.967-.828 2.757l2.148 2.148A7.966 7.966 0 0020 12.87c0-1.85-.627-3.551-1.68-4.906zM16.906 19.19l-2.149-2.149A4.976 4.976 0 0112 17.87a4.976 4.976 0 01-2.757-.829L7.094 19.19A7.966 7.966 0 0012 20.87a7.965 7.965 0 004.906-1.68zM2 12.87c0-5.523 4.477-10 10-10s10 4.477 10 10c0 5.522-4.477 10-10 10s-10-4.478-10-10zm10-3a3 3 0 100 6 3 3 0 000-6z" })] }));
 };
 exports.IconLifeBuoy = IconLifeBuoy;

package/dist/icons/iconLightBulb.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLightBulb = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconLightBulb", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 3.87a6 6 0 00-3.318 11h6.636A6 6 0 0012 3.87zm2 13h-4v1h4v-1zm-6-.07a7.996 7.996 0 01-4-6.93 8 8 0 1112 6.93v2.07a1 1 0 01-1 1H9a1 1 0 01-1-1V16.8zm0 5.07a1 1 0 011-1h6a1 1 0 110 2H9a1 1 0 01-1-1z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconLightBulb", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 3.87a6 6 0 00-3.318 11h6.636A6 6 0 0012 3.87zm2 13h-4v1h4v-1zm-6-.07a7.996 7.996 0 01-4-6.93 8 8 0 1112 6.93v2.07a1 1 0 01-1 1H9a1 1 0 01-1-1V16.8zm0 5.07a1 1 0 011-1h6a1 1 0 110 2H9a1 1 0 01-1-1z" })] }));
 };
 exports.IconLightBulb = IconLightBulb;

package/dist/icons/iconLightning.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLightning = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconLightning", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.316 2.921A1 1 0 0114 3.87v5h6a1 1 0 01.8 1.6l-9 12a1 1 0 01-1.8-.6v-5H4a1 1 0 01-.8-1.6l9-12a1 1 0 011.116-.35zM6 14.87h5a1 1 0 011 1v3l6-8h-5a1 1 0 01-1-1v-3l-6 8z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconLightning", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.316 2.921A1 1 0 0114 3.87v5h6a1 1 0 01.8 1.6l-9 12a1 1 0 01-1.8-.6v-5H4a1 1 0 01-.8-1.6l9-12a1 1 0 011.116-.35zM6 14.87h5a1 1 0 011 1v3l6-8h-5a1 1 0 01-1-1v-3l-6 8z" })] }));
 };
 exports.IconLightning = IconLightning;

package/dist/icons/iconLink.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLink = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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": "IconLink", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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-18zm14 10a2 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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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": "IconLink", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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-18zm14 10a2 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" })] }));
 };
 exports.IconLink = IconLink;

package/dist/icons/iconLink2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLink2 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] }));
 };
 exports.IconLink2 = IconLink2;

package/dist/icons/iconLink3.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLink3 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] }));
 };
 exports.IconLink3 = IconLink3;

package/dist/icons/iconLinkLines.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLinkLines = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] }));
 };
 exports.IconLinkLines = IconLinkLines;

package/dist/icons/iconList.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconList = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] }));
 };
 exports.IconList = IconList;

package/dist/icons/iconLoader.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLoader = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] }));
 };
 exports.IconLoader = IconLoader;

package/dist/icons/iconLocationCompass.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLocationCompass = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] }));
 };
 exports.IconLocationCompass = IconLocationCompass;

package/dist/icons/iconLocationMap.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLocationMap = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] }));
 };
 exports.IconLocationMap = IconLocationMap;

package/dist/icons/iconLocationOff.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLocationOff = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] }));
 };
 exports.IconLocationOff = IconLocationOff;

package/dist/icons/iconLock.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLock = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] }));
 };
 exports.IconLock = IconLock;

package/dist/icons/iconLogin.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLogin = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] }));
 };
 exports.IconLogin = IconLogin;

package/dist/icons/iconLogout.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLogout = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] }));
 };
 exports.IconLogout = IconLogout;

package/dist/icons/iconLowDataQuality.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconLowDataQuality = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] }));
 };
 exports.IconLowDataQuality = IconLowDataQuality;

package/dist/icons/iconMacbook.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconMacbook = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] }));
 };
 exports.IconMacbook = IconMacbook;

package/dist/icons/iconMagic.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconMagic = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] }));
 };
 exports.IconMagic = IconMagic;

package/dist/icons/iconMagic2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconMagic2 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] }));
 };
 exports.IconMagic2 = IconMagic2;

package/dist/icons/iconMagicEyes.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconMagicEyes = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] }));
 };
 exports.IconMagicEyes = IconMagicEyes;

package/dist/icons/iconMap.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconMap = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.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" })] }));
 };
 exports.IconMap = IconMap;

package/dist/icons/iconMarketplace.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconMarketplace = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, react_1.useId)();
-    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return (0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fill: "#0078D3", d: "M9.406 4.01.5 17.375l4.033 2.485 8.906-13.365z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#00AEFF", d: "M18.643 4.015 9.735 17.38l4.033 2.484 8.906-13.365z" }), (0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.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 ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fill: "#0078D3", d: "M9.406 4.01.5 17.375l4.033 2.485 8.906-13.365z" }), (0, jsx_runtime_1.jsx)("path", { fill: "#00AEFF", d: "M18.643 4.015 9.735 17.38l4.033 2.484 8.906-13.365z" }), (0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] }));
 };
 exports.IconMarketplace = IconMarketplace;