@geotab/zenith 3.7.0 → 3.8.0-beta.1

package/dist/icons/iconTrailer.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconTrailer = ({ 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": "IconTrailer", 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 4a1 1 0 00-1 1v11a1 1 0 001 1h1.126a4.002 4.002 0 007.748 0H13a1 1 0 00.832-.445L15.535 14H17.5v4H17v2h3v-2h-.5v-4h2a1 1 0 001-1V5a1 1 0 00-1-1H3zm17.5 8V6H4v9h.126a4.002 4.002 0 017.748 0h.59l1.704-2.555A1 1 0 0115 12h5.5zM8 18a2 2 0 100-4 2 2 0 000 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 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": "IconTrailer", 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 4a1 1 0 00-1 1v11a1 1 0 001 1h1.126a4.002 4.002 0 007.748 0H13a1 1 0 00.832-.445L15.535 14H17.5v4H17v2h3v-2h-.5v-4h2a1 1 0 001-1V5a1 1 0 00-1-1H3zm17.5 8V6H4v9h.126a4.002 4.002 0 017.748 0h.59l1.704-2.555A1 1 0 0115 12h5.5zM8 18a2 2 0 100-4 2 2 0 000 4z" })] }));
 };
 exports.IconTrailer = IconTrailer;

package/dist/icons/iconUmbrella.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconUmbrella = ({ 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": "IconUmbrella", 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 1v1.049c4.31.428 7.813 3.592 8.752 7.73a1 1 0 01-.975 1.22H3.223a1 1 0 01-.976-1.22C3.187 8.51 6.69 5.346 11 4.918v-1.05a1 1 0 011-1zm-7.42 9H19.42a8.004 8.004 0 00-14.838 0zm7.42 4a1 1 0 011 1v3.076a2.923 2.923 0 01-5.79.574l-.19-.954a1 1 0 011.96-.392l.191.953a.923.923 0 001.829-.18V16.87a1 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": "IconUmbrella", 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 1v1.049c4.31.428 7.813 3.592 8.752 7.73a1 1 0 01-.975 1.22H3.223a1 1 0 01-.976-1.22C3.187 8.51 6.69 5.346 11 4.918v-1.05a1 1 0 011-1zm-7.42 9H19.42a8.004 8.004 0 00-14.838 0zm7.42 4a1 1 0 011 1v3.076a2.923 2.923 0 01-5.79.574l-.19-.954a1 1 0 011.96-.392l.191.953a.923.923 0 001.829-.18V16.87a1 1 0 011-1z" })] }));
 };
 exports.IconUmbrella = IconUmbrella;

package/dist/icons/iconUnderline.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconUnderline = ({ 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": "IconUnderline", 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: "M6 3.87a1 1 0 011 1v8a5 5 0 1010 0v-8a1 1 0 112 0v8a7 7 0 11-14 0v-8a1 1 0 011-1zm-1 18a1 1 0 011-1h12a1 1 0 110 2H6a1 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": "IconUnderline", 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: "M6 3.87a1 1 0 011 1v8a5 5 0 1010 0v-8a1 1 0 112 0v8a7 7 0 11-14 0v-8a1 1 0 011-1zm-1 18a1 1 0 011-1h12a1 1 0 110 2H6a1 1 0 01-1-1z" })] }));
 };
 exports.IconUnderline = IconUnderline;

package/dist/icons/iconUndo.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconUndo = ({ 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": "IconUndo", 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: "M11 6.87a1 1 0 011-1h9a1 1 0 011 1v9a1 1 0 01-1 1H5.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.415l4-4a1 1 0 011.414 1.415L5.414 14.87H20v-7h-8a1 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": "IconUndo", 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: "M11 6.87a1 1 0 011-1h9a1 1 0 011 1v9a1 1 0 01-1 1H5.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.415l4-4a1 1 0 011.414 1.415L5.414 14.87H20v-7h-8a1 1 0 01-1-1z" })] }));
 };
 exports.IconUndo = IconUndo;

package/dist/icons/iconUndo2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconUndo2 = ({ 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": "IconUndo2", 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.707 5.163a1 1 0 010 1.414L5.414 8.87H21a1 1 0 011 1v9a1 1 0 01-1 1h-9a1 1 0 110-2h8v-7H5.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 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": "IconUndo2", 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.707 5.163a1 1 0 010 1.414L5.414 8.87H21a1 1 0 011 1v9a1 1 0 01-1 1h-9a1 1 0 110-2h8v-7H5.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" })] }));
 };
 exports.IconUndo2 = IconUndo2;

package/dist/icons/iconUndock.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconUndock = ({ 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": "IconUndock", 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.87h6a1 1 0 110 2H6.414l4.543 4.542a1 1 0 01-1.414 1.415L5 7.284v3.586a1 1 0 11-2 0v-6a1 1 0 01.293-.707zM13 7.87a1 1 0 011-1h7a1 1 0 011 1v14a1 1 0 01-1 1H7a1 1 0 01-1-1v-7a1 1 0 112 0v6h12v-12h-6a1 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": "IconUndock", 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.87h6a1 1 0 110 2H6.414l4.543 4.542a1 1 0 01-1.414 1.415L5 7.284v3.586a1 1 0 11-2 0v-6a1 1 0 01.293-.707zM13 7.87a1 1 0 011-1h7a1 1 0 011 1v14a1 1 0 01-1 1H7a1 1 0 01-1-1v-7a1 1 0 112 0v6h12v-12h-6a1 1 0 01-1-1z" })] }));
 };
 exports.IconUndock = IconUndock;

package/dist/icons/iconUnlocked.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconUnlocked = ({ 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": "IconUnlocked", 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 019.842-1.25 1 1 0 11-1.936.499A3.002 3.002 0 009 7.869v2h10a1 1 0 011 1v11a1 1 0 01-1 1H5a1 1 0 01-1-1v-11a1 1 0 011-1h2v-2zm-1 4v9h12v-9H6zm6 2a1 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": "IconUnlocked", 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 019.842-1.25 1 1 0 11-1.936.499A3.002 3.002 0 009 7.869v2h10a1 1 0 011 1v11a1 1 0 01-1 1H5a1 1 0 01-1-1v-11a1 1 0 011-1h2v-2zm-1 4v9h12v-9H6zm6 2a1 1 0 011 1v3a1 1 0 11-2 0v-3a1 1 0 011-1z" })] }));
 };
 exports.IconUnlocked = IconUnlocked;

package/dist/icons/iconUpload.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconUpload = ({ 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": "IconUpload", 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.87a1 1 0 01.707.293l4.5 4.5a1 1 0 01-1.414 1.414L13 7.284v8.836a1 1 0 11-2 0V7.284l-2.793 2.793a1 1 0 11-1.414-1.414l4.5-4.5A1 1 0 0112 3.87zm-8 8.75a1 1 0 011 1v6.25h14v-6.25a1 1 0 112 0v7.25a1 1 0 01-1 1H4a1 1 0 01-1-1v-7.25a1 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": "IconUpload", 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.87a1 1 0 01.707.293l4.5 4.5a1 1 0 01-1.414 1.414L13 7.284v8.836a1 1 0 11-2 0V7.284l-2.793 2.793a1 1 0 11-1.414-1.414l4.5-4.5A1 1 0 0112 3.87zm-8 8.75a1 1 0 011 1v6.25h14v-6.25a1 1 0 112 0v7.25a1 1 0 01-1 1H4a1 1 0 01-1-1v-7.25a1 1 0 011-1z" })] }));
 };
 exports.IconUpload = IconUpload;

package/dist/icons/iconUsb.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconUsb = ({ 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": "IconUsb", 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 3.87a1 1 0 011-1h12a1 1 0 011 1v6h1a1 1 0 011 1v11a1 1 0 01-1 1H4a1 1 0 01-1-1v-11a1 1 0 011-1h1v-6zm2 6h10v-5H7v5zm-2 2v9h14v-9H5zm5-6a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zm4 0a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 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": "IconUsb", 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 3.87a1 1 0 011-1h12a1 1 0 011 1v6h1a1 1 0 011 1v11a1 1 0 01-1 1H4a1 1 0 01-1-1v-11a1 1 0 011-1h1v-6zm2 6h10v-5H7v5zm-2 2v9h14v-9H5zm5-6a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zm4 0a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1z" })] }));
 };
 exports.IconUsb = IconUsb;

package/dist/icons/iconUsbHub.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconUsbHub = ({ 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": "IconUsbHub", 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: "M12 21.558c-.486 0-.9-.17-1.24-.51-.34-.341-.51-.754-.51-1.24 0-.331.092-.635.275-.913.183-.277.425-.489.725-.633V15.75h-3c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 01-.525-1.283v-2.204a1.635 1.635 0 01-1-1.546c0-.486.17-.899.51-1.24.341-.34.754-.51 1.24-.51s.9.17 1.24.51c.34.341.51.754.51 1.24 0 .364-.093.677-.28.938a1.91 1.91 0 01-.72.608v2.204c0 .077.032.148.096.212a.294.294 0 00.212.096h3V6.135H9.5L12 2.808l2.5 3.327h-1.75v8.115h3a.294.294 0 00.211-.096.294.294 0 00.097-.212v-2h-1v-3.5h3.5v3.5h-1v2c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525h-3v2.512c.31.134.554.34.733.618.178.277.267.587.267.928 0 .486-.17.899-.51 1.24-.341.34-.754.51-1.24.51z" })] });
+    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": "IconUsbHub", 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: "M12 21.558c-.486 0-.9-.17-1.24-.51-.34-.341-.51-.754-.51-1.24 0-.331.092-.635.275-.913.183-.277.425-.489.725-.633V15.75h-3c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 01-.525-1.283v-2.204a1.635 1.635 0 01-1-1.546c0-.486.17-.899.51-1.24.341-.34.754-.51 1.24-.51s.9.17 1.24.51c.34.341.51.754.51 1.24 0 .364-.093.677-.28.938a1.91 1.91 0 01-.72.608v2.204c0 .077.032.148.096.212a.294.294 0 00.212.096h3V6.135H9.5L12 2.808l2.5 3.327h-1.75v8.115h3a.294.294 0 00.211-.096.294.294 0 00.097-.212v-2h-1v-3.5h3.5v3.5h-1v2c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525h-3v2.512c.31.134.554.34.733.618.178.277.267.587.267.928 0 .486-.17.899-.51 1.24-.341.34-.754.51-1.24.51z" })] }));
 };
 exports.IconUsbHub = IconUsbHub;

package/dist/icons/iconVideo.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconVideo = ({ 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": "IconVideo", 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 5.87a1 1 0 011-1h12a1 1 0 011 1v3.382l4.553-2.277A1 1 0 0122 7.87v10a1 1 0 01-1.447.894L16 16.488v3.382a1 1 0 01-1 1H3a1 1 0 01-1-1v-14zm14 8.382l4 2V9.488l-4 2v2.764zM14 6.87H4v12h10v-12z" })] });
+    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": "IconVideo", 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 5.87a1 1 0 011-1h12a1 1 0 011 1v3.382l4.553-2.277A1 1 0 0122 7.87v10a1 1 0 01-1.447.894L16 16.488v3.382a1 1 0 01-1 1H3a1 1 0 01-1-1v-14zm14 8.382l4 2V9.488l-4 2v2.764zM14 6.87H4v12h10v-12z" })] }));
 };
 exports.IconVideo = IconVideo;

package/dist/icons/iconVideo2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconVideo2 = ({ 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": "IconVideo2", 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 5.87a1 1 0 011-1h18a1 1 0 011 1v14a1 1 0 01-1 1H3a1 1 0 01-1-1v-14zm2 1v3h2.18l.6-3H4zm4.82 0l-.6 3h2.46l.6-3H8.82zm4.5 0l-.6 3h2.46l.6-3h-2.46zm4.5 0l-.6 3H20v-3h-2.18zm2.18 5H4v7h16v-7z" })] });
+    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": "IconVideo2", 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 5.87a1 1 0 011-1h18a1 1 0 011 1v14a1 1 0 01-1 1H3a1 1 0 01-1-1v-14zm2 1v3h2.18l.6-3H4zm4.82 0l-.6 3h2.46l.6-3H8.82zm4.5 0l-.6 3h2.46l.6-3h-2.46zm4.5 0l-.6 3H20v-3h-2.18zm2.18 5H4v7h16v-7z" })] }));
 };
 exports.IconVideo2 = IconVideo2;

package/dist/icons/iconVideoReplay.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconVideoReplay = ({ 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": "IconVideoReplay", 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: "M9.528 7.118a1 1 0 011.027.05l6 4a1 1 0 010 1.664l-6 4A1 1 0 019 16V8a1 1 0 01.528-.882zM11 9.868v4.264L14.197 12 11 9.869z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.028 3a1 1 0 00-1 1v1.423c-.497-.46-1.02-.869-1.58-1.213C15.165 3.423 13.726 3 12 3a9 9 0 108.488 12 1 1 0 00-1.886-.667A7 7 0 1112 5c1.37 0 2.445.327 3.402.915.474.29.93.652 1.384 1.085h-1.758a1 1 0 100 2h4a1 1 0 001-1V4a1 1 0 00-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 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": "IconVideoReplay", 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: "M9.528 7.118a1 1 0 011.027.05l6 4a1 1 0 010 1.664l-6 4A1 1 0 019 16V8a1 1 0 01.528-.882zM11 9.868v4.264L14.197 12 11 9.869z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M19.028 3a1 1 0 00-1 1v1.423c-.497-.46-1.02-.869-1.58-1.213C15.165 3.423 13.726 3 12 3a9 9 0 108.488 12 1 1 0 00-1.886-.667A7 7 0 1112 5c1.37 0 2.445.327 3.402.915.474.29.93.652 1.384 1.085h-1.758a1 1 0 100 2h4a1 1 0 001-1V4a1 1 0 00-1-1z" })] }));
 };
 exports.IconVideoReplay = IconVideoReplay;

package/dist/icons/iconVisitPage.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconVisitPage = ({ 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": "IconVisitPage", 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: "M6.75 10.12a.5.5 0 110-1 .5.5 0 010 1zM10.25 10.12a.5.5 0 110-1 .5.5 0 010 1zM13.75 10.12a.5.5 0 110-1 .5.5 0 010 1z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.75 10.87a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm3.5 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm3.5 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-7-.75a.5.5 0 110-1 .5.5 0 010 1zm3.5 0a.5.5 0 110-1 .5.5 0 010 1zm3-.5a.5.5 0 101 0 .5.5 0 00-1 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 5.87a1 1 0 011-1h18a1 1 0 011 1v7.25a1 1 0 11-2 0V6.87H4v13h8a1 1 0 110 2H3a1 1 0 01-1-1v-15zm11.793 8.793a1 1 0 011.001-.25l6.5 2a1 1 0 01.153 1.851l-2.702 1.351-1.35 2.702a1 1 0 01-1.85-.153l-2-6.5a1 1 0 01.248-1.002zm2.218 2.218l.71 2.309.385-.768a1 1 0 01.447-.447l.767-.384-2.309-.71z" })] });
+    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": "IconVisitPage", 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: "M6.75 10.12a.5.5 0 110-1 .5.5 0 010 1zM10.25 10.12a.5.5 0 110-1 .5.5 0 010 1zM13.75 10.12a.5.5 0 110-1 .5.5 0 010 1z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.75 10.87a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm3.5 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm3.5 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-7-.75a.5.5 0 110-1 .5.5 0 010 1zm3.5 0a.5.5 0 110-1 .5.5 0 010 1zm3-.5a.5.5 0 101 0 .5.5 0 00-1 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 5.87a1 1 0 011-1h18a1 1 0 011 1v7.25a1 1 0 11-2 0V6.87H4v13h8a1 1 0 110 2H3a1 1 0 01-1-1v-15zm11.793 8.793a1 1 0 011.001-.25l6.5 2a1 1 0 01.153 1.851l-2.702 1.351-1.35 2.702a1 1 0 01-1.85-.153l-2-6.5a1 1 0 01.248-1.002zm2.218 2.218l.71 2.309.385-.768a1 1 0 01.447-.447l.767-.384-2.309-.71z" })] }));
 };
 exports.IconVisitPage = IconVisitPage;

package/dist/icons/iconVoice.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconVoice = ({ 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": "IconVoice", 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: "M8 3.87a1 1 0 011 1v16a1 1 0 11-2 0v-16a1 1 0 011-1zm8 2a1 1 0 011 1v12a1 1 0 11-2 0v-12a1 1 0 011-1zm-4 2a1 1 0 011 1v8a1 1 0 11-2 0v-8a1 1 0 011-1zm-8 2a1 1 0 011 1v4a1 1 0 11-2 0v-4a1 1 0 011-1zm16 0a1 1 0 011 1v4a1 1 0 11-2 0v-4a1 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": "IconVoice", 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: "M8 3.87a1 1 0 011 1v16a1 1 0 11-2 0v-16a1 1 0 011-1zm8 2a1 1 0 011 1v12a1 1 0 11-2 0v-12a1 1 0 011-1zm-4 2a1 1 0 011 1v8a1 1 0 11-2 0v-8a1 1 0 011-1zm-8 2a1 1 0 011 1v4a1 1 0 11-2 0v-4a1 1 0 011-1zm16 0a1 1 0 011 1v4a1 1 0 11-2 0v-4a1 1 0 011-1z" })] }));
 };
 exports.IconVoice = IconVoice;

package/dist/icons/iconVolumeDown.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconVolumeDown = ({ 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": "IconVolumeDown", 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.472 3.988A1 1 0 0113 4.87v16a1 1 0 01-1.555.832L5.697 17.87H2a1 1 0 01-1-1v-8a1 1 0 011-1h3.697l5.748-3.832a1 1 0 011.027-.05zM11 6.738L6.555 9.702A1 1 0 016 9.87H3v6h3a1 1 0 01.555.168L11 19V6.738zm4 6.132a1 1 0 011-1h6a1 1 0 110 2h-6a1 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": "IconVolumeDown", 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.472 3.988A1 1 0 0113 4.87v16a1 1 0 01-1.555.832L5.697 17.87H2a1 1 0 01-1-1v-8a1 1 0 011-1h3.697l5.748-3.832a1 1 0 011.027-.05zM11 6.738L6.555 9.702A1 1 0 016 9.87H3v6h3a1 1 0 01.555.168L11 19V6.738zm4 6.132a1 1 0 011-1h6a1 1 0 110 2h-6a1 1 0 01-1-1z" })] }));
 };
 exports.IconVolumeDown = IconVolumeDown;

package/dist/icons/iconVolumeFull.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconVolumeFull = ({ 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": "IconVolumeFull", 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.472 3.988A1 1 0 0113 4.87v16a1 1 0 01-1.555.832L5.697 17.87H2a1 1 0 01-1-1v-8a1 1 0 011-1h3.697l5.748-3.832a1 1 0 011.027-.05zM11 6.738L6.555 9.702A1 1 0 016 9.87H3v6h3a1 1 0 01.555.168L11 19V6.738zm7.364-1.646a1 1 0 011.414 0A10.969 10.969 0 0123 12.87c0 3.038-1.232 5.789-3.222 7.779a1 1 0 01-1.414-1.415A8.968 8.968 0 0021 12.87a8.969 8.969 0 00-2.636-6.364 1 1 0 010-1.414zm-3.182 3.182a1 1 0 011.414 0A6.483 6.483 0 0118.5 12.87a6.482 6.482 0 01-1.904 4.596 1 1 0 11-1.414-1.414A4.483 4.483 0 0016.5 12.87a4.483 4.483 0 00-1.318-3.182 1 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": "IconVolumeFull", 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.472 3.988A1 1 0 0113 4.87v16a1 1 0 01-1.555.832L5.697 17.87H2a1 1 0 01-1-1v-8a1 1 0 011-1h3.697l5.748-3.832a1 1 0 011.027-.05zM11 6.738L6.555 9.702A1 1 0 016 9.87H3v6h3a1 1 0 01.555.168L11 19V6.738zm7.364-1.646a1 1 0 011.414 0A10.969 10.969 0 0123 12.87c0 3.038-1.232 5.789-3.222 7.779a1 1 0 01-1.414-1.415A8.968 8.968 0 0021 12.87a8.969 8.969 0 00-2.636-6.364 1 1 0 010-1.414zm-3.182 3.182a1 1 0 011.414 0A6.483 6.483 0 0118.5 12.87a6.482 6.482 0 01-1.904 4.596 1 1 0 11-1.414-1.414A4.483 4.483 0 0016.5 12.87a4.483 4.483 0 00-1.318-3.182 1 1 0 010-1.414z" })] }));
 };
 exports.IconVolumeFull = IconVolumeFull;

package/dist/icons/iconVolumeHalf.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconVolumeHalf = ({ 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": "IconVolumeHalf", 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.472 3.988A1 1 0 0113 4.87v16a1 1 0 01-1.555.832L5.697 17.87H2a1 1 0 01-1-1v-8a1 1 0 011-1h3.697l5.748-3.832a1 1 0 011.027-.05zM11 6.738L6.555 9.702A1 1 0 016 9.87H3v6h3a1 1 0 01.555.168L11 19V6.738zm4.182 1.536a1 1 0 011.414 0A6.483 6.483 0 0118.5 12.87a6.482 6.482 0 01-1.904 4.596 1 1 0 11-1.414-1.414A4.483 4.483 0 0016.5 12.87a4.483 4.483 0 00-1.318-3.182 1 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": "IconVolumeHalf", 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.472 3.988A1 1 0 0113 4.87v16a1 1 0 01-1.555.832L5.697 17.87H2a1 1 0 01-1-1v-8a1 1 0 011-1h3.697l5.748-3.832a1 1 0 011.027-.05zM11 6.738L6.555 9.702A1 1 0 016 9.87H3v6h3a1 1 0 01.555.168L11 19V6.738zm4.182 1.536a1 1 0 011.414 0A6.483 6.483 0 0118.5 12.87a6.482 6.482 0 01-1.904 4.596 1 1 0 11-1.414-1.414A4.483 4.483 0 0016.5 12.87a4.483 4.483 0 00-1.318-3.182 1 1 0 010-1.414z" })] }));
 };
 exports.IconVolumeHalf = IconVolumeHalf;

package/dist/icons/iconVolumeMinimum.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconVolumeMinimum = ({ 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": "IconVolumeMinimum", 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.472 3.988A1 1 0 0113 4.87v16a1 1 0 01-1.555.832L5.697 17.87H2a1 1 0 01-1-1v-8a1 1 0 011-1h3.697l5.748-3.832a1 1 0 011.027-.05zM11 6.738L6.555 9.702A1 1 0 016 9.87H3v6h3a1 1 0 01.555.168L11 19V6.738zm3.964 3.266a1 1 0 011.366.365c.426.736.67 1.592.67 2.5 0 .91-.244 1.765-.67 2.502a1 1 0 01-1.73-1.002c.254-.44.4-.951.4-1.5 0-.547-.146-1.058-.4-1.499a1 1 0 01.364-1.366z" })] });
+    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": "IconVolumeMinimum", 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.472 3.988A1 1 0 0113 4.87v16a1 1 0 01-1.555.832L5.697 17.87H2a1 1 0 01-1-1v-8a1 1 0 011-1h3.697l5.748-3.832a1 1 0 011.027-.05zM11 6.738L6.555 9.702A1 1 0 016 9.87H3v6h3a1 1 0 01.555.168L11 19V6.738zm3.964 3.266a1 1 0 011.366.365c.426.736.67 1.592.67 2.5 0 .91-.244 1.765-.67 2.502a1 1 0 01-1.73-1.002c.254-.44.4-.951.4-1.5 0-.547-.146-1.058-.4-1.499a1 1 0 01.364-1.366z" })] }));
 };
 exports.IconVolumeMinimum = IconVolumeMinimum;

package/dist/icons/iconVolumeOff.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconVolumeOff = ({ 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": "IconVolumeOff", 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.472 3.988A1 1 0 0113 4.87v16a1 1 0 01-1.555.832L5.697 17.87H2a1 1 0 01-1-1v-8a1 1 0 011-1h3.697l5.748-3.832a1 1 0 011.027-.05zM11 6.738L6.555 9.702A1 1 0 016 9.87H3v6h3a1 1 0 01.555.168L11 19V6.738zm5.55 3.424a1 1 0 011.415 0l1.414 1.415 1.414-1.415a1 1 0 011.414 1.415l-1.414 1.414 1.414 1.414a1 1 0 01-1.414 1.414l-1.414-1.414-1.415 1.414a1 1 0 01-1.414-1.414l1.415-1.414-1.415-1.414a1 1 0 010-1.415z" })] });
+    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": "IconVolumeOff", 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.472 3.988A1 1 0 0113 4.87v16a1 1 0 01-1.555.832L5.697 17.87H2a1 1 0 01-1-1v-8a1 1 0 011-1h3.697l5.748-3.832a1 1 0 011.027-.05zM11 6.738L6.555 9.702A1 1 0 016 9.87H3v6h3a1 1 0 01.555.168L11 19V6.738zm5.55 3.424a1 1 0 011.415 0l1.414 1.415 1.414-1.415a1 1 0 011.414 1.415l-1.414 1.414 1.414 1.414a1 1 0 01-1.414 1.414l-1.414-1.414-1.415 1.414a1 1 0 01-1.414-1.414l1.415-1.414-1.415-1.414a1 1 0 010-1.415z" })] }));
 };
 exports.IconVolumeOff = IconVolumeOff;

package/dist/icons/iconVolumeOn.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconVolumeOn = ({ 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": "IconVolumeOn", 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", d: "M12.472 3.118A1 1 0 0 1 13 4v16a1 1 0 0 1-1.555.832L5.697 17H2a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h3.697l5.748-3.832a1 1 0 0 1 1.027-.05M11 5.868 6.555 8.833A1 1 0 0 1 6 9H3v6h3a1 1 0 0 1 .555.168L11 18.132zM19 8a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2h-2a1 1 0 1 1 0-2h2V9a1 1 0 0 1 1-1", clipRule: "evenodd" })] });
+    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": "IconVolumeOn", 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", d: "M12.472 3.118A1 1 0 0 1 13 4v16a1 1 0 0 1-1.555.832L5.697 17H2a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h3.697l5.748-3.832a1 1 0 0 1 1.027-.05M11 5.868 6.555 8.833A1 1 0 0 1 6 9H3v6h3a1 1 0 0 1 .555.168L11 18.132zM19 8a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2h-2a1 1 0 1 1 0-2h2V9a1 1 0 0 1 1-1", clipRule: "evenodd" })] }));
 };
 exports.IconVolumeOn = IconVolumeOn;

package/dist/icons/iconWallet.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconWallet = ({ 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": "IconWallet", 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 7.37a3.5 3.5 0 013.5-3.5H16a1 1 0 011 1v4h3a1 1 0 011 1v11a1 1 0 01-1 1h-7a1 1 0 110-2h6v-9H6.5c-.537 0-1.045-.121-1.5-.337v.837a1 1 0 11-2 0v-4zm2 0a1.5 1.5 0 001.5 1.5H15v-3H6.5A1.5 1.5 0 005 7.37zm.496 6.386a1 1 0 011.008 0l3 1.75a1 1 0 01.496.864v3.5a1 1 0 01-.496.863l-3 1.75a1 1 0 01-1.008 0l-3-1.75A1 1 0 012 19.87v-3.5a1 1 0 01.496-.864l3-1.75zM4 16.944v2.351l2 1.167 2-1.167v-2.351l-2-1.167-2 1.167z" }), (0, jsx_runtime_1.jsx)("path", { d: "M17 15.37a1.5 1.5 0 11-3 0 1.5 1.5 0 013 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": "IconWallet", 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 7.37a3.5 3.5 0 013.5-3.5H16a1 1 0 011 1v4h3a1 1 0 011 1v11a1 1 0 01-1 1h-7a1 1 0 110-2h6v-9H6.5c-.537 0-1.045-.121-1.5-.337v.837a1 1 0 11-2 0v-4zm2 0a1.5 1.5 0 001.5 1.5H15v-3H6.5A1.5 1.5 0 005 7.37zm.496 6.386a1 1 0 011.008 0l3 1.75a1 1 0 01.496.864v3.5a1 1 0 01-.496.863l-3 1.75a1 1 0 01-1.008 0l-3-1.75A1 1 0 012 19.87v-3.5a1 1 0 01.496-.864l3-1.75zM4 16.944v2.351l2 1.167 2-1.167v-2.351l-2-1.167-2 1.167z" }), (0, jsx_runtime_1.jsx)("path", { d: "M17 15.37a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" })] }));
 };
 exports.IconWallet = IconWallet;

package/dist/icons/iconWallet1.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconWallet1 = ({ 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": "IconWallet1", 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 7.37a3.5 3.5 0 013.5-3.5H16a1 1 0 011 1v4h3a1 1 0 011 1v11a1 1 0 01-1 1H7a4 4 0 01-4-4V7.37zm2 3.163v7.337a2 2 0 002 2h12v-9H6.5c-.537 0-1.045-.121-1.5-.337zM5 7.37a1.5 1.5 0 001.5 1.5H15v-3H6.5A1.5 1.5 0 005 7.37z" }), (0, jsx_runtime_1.jsx)("path", { d: "M16 15.37a.5.5 0 11-1 0 .5.5 0 011 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.75 15.37a1.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" })] });
+    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": "IconWallet1", 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 7.37a3.5 3.5 0 013.5-3.5H16a1 1 0 011 1v4h3a1 1 0 011 1v11a1 1 0 01-1 1H7a4 4 0 01-4-4V7.37zm2 3.163v7.337a2 2 0 002 2h12v-9H6.5c-.537 0-1.045-.121-1.5-.337zM5 7.37a1.5 1.5 0 001.5 1.5H15v-3H6.5A1.5 1.5 0 005 7.37z" }), (0, jsx_runtime_1.jsx)("path", { d: "M16 15.37a.5.5 0 11-1 0 .5.5 0 011 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.75 15.37a1.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" })] }));
 };
 exports.IconWallet1 = IconWallet1;

package/dist/icons/iconWarning.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconWarning = ({ 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": "IconWarning", 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: "M13.383 7.503a1.404 1.404 0 10-2.802-.023l.312 5.353a1.05 1.05 0 002.095.016l.395-5.346zM10.93 17.59c.289.27.648.405 1.075.405.414 0 .766-.135 1.055-.404.29-.27.435-.603.435-1 0-.398-.145-.73-.435-1a1.494 1.494 0 00-1.055-.404c-.427 0-.786.135-1.076.404a1.31 1.31 0 00-.434 1c0 .397.145.73.434 1z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.995 1.995c-5.523 0-10 4.477-10 10s4.477 10 10 10 10-4.477 10-10-4.477-10-10-10zm-8 10a8 8 0 1116 0 8 8 0 01-16 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": "IconWarning", 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: "M13.383 7.503a1.404 1.404 0 10-2.802-.023l.312 5.353a1.05 1.05 0 002.095.016l.395-5.346zM10.93 17.59c.289.27.648.405 1.075.405.414 0 .766-.135 1.055-.404.29-.27.435-.603.435-1 0-.398-.145-.73-.435-1a1.494 1.494 0 00-1.055-.404c-.427 0-.786.135-1.076.404a1.31 1.31 0 00-.434 1c0 .397.145.73.434 1z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.995 1.995c-5.523 0-10 4.477-10 10s4.477 10 10 10 10-4.477 10-10-4.477-10-10-10zm-8 10a8 8 0 1116 0 8 8 0 01-16 0z" })] }));
 };
 exports.IconWarning = IconWarning;

package/dist/icons/iconWatch.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconWatch = ({ 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": "IconWatch", 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.051 2.553A1 1 0 018 1.87h8a1 1 0 01.949.683l.772 2.317H19a1 1 0 011 1v14a1 1 0 01-1 1h-1.28l-.771 2.316a1 1 0 01-.949.684H8a1 1 0 01-.949-.684L6.28 20.87H5a1 1 0 01-1-1v-14a1 1 0 011-1h1.28l.771-2.317zM8.387 4.87h7.226l-.334-1H8.721l-.334 1zM6 6.87v12h12v-12H6zm2.387 14l.334 1h6.558l.334-1H8.387zM12 8.87a1 1 0 011 1v2.585l1.207 1.207a1 1 0 01-1.414 1.415l-1.5-1.5A1 1 0 0111 12.87v-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": "IconWatch", 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.051 2.553A1 1 0 018 1.87h8a1 1 0 01.949.683l.772 2.317H19a1 1 0 011 1v14a1 1 0 01-1 1h-1.28l-.771 2.316a1 1 0 01-.949.684H8a1 1 0 01-.949-.684L6.28 20.87H5a1 1 0 01-1-1v-14a1 1 0 011-1h1.28l.771-2.317zM8.387 4.87h7.226l-.334-1H8.721l-.334 1zM6 6.87v12h12v-12H6zm2.387 14l.334 1h6.558l.334-1H8.387zM12 8.87a1 1 0 011 1v2.585l1.207 1.207a1 1 0 01-1.414 1.415l-1.5-1.5A1 1 0 0111 12.87v-3a1 1 0 011-1z" })] }));
 };
 exports.IconWatch = IconWatch;

package/dist/icons/iconWatch2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconWatch2 = ({ 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": "IconWatch2", 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.006 2.76A1 1 0 018 1.87h8a1 1 0 01.994.89l.474 4.27A7.978 7.978 0 0120 12.87c0 2.303-.974 4.38-2.532 5.839l-.474 4.271a1 1 0 01-.994.89H8a1 1 0 01-.994-.89l-.474-4.271A7.978 7.978 0 014 12.869c0-2.304.974-4.38 2.532-5.838l.474-4.272zm1.7 2.818A7.974 7.974 0 0112 4.87c1.173 0 2.29.253 3.295.708l-.19-1.708h-6.21l-.19 1.708zm0 14.584l.189 1.708h6.21l.19-1.708A7.97 7.97 0 0112 20.87a7.97 7.97 0 01-3.295-.708zM12 6.87a5.998 5.998 0 00-6 6 6 6 0 106-6zm0 2a1 1 0 011 1v2.585l1.207 1.207a1 1 0 01-1.414 1.415l-1.5-1.5A1 1 0 0111 12.87v-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": "IconWatch2", 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.006 2.76A1 1 0 018 1.87h8a1 1 0 01.994.89l.474 4.27A7.978 7.978 0 0120 12.87c0 2.303-.974 4.38-2.532 5.839l-.474 4.271a1 1 0 01-.994.89H8a1 1 0 01-.994-.89l-.474-4.271A7.978 7.978 0 014 12.869c0-2.304.974-4.38 2.532-5.838l.474-4.272zm1.7 2.818A7.974 7.974 0 0112 4.87c1.173 0 2.29.253 3.295.708l-.19-1.708h-6.21l-.19 1.708zm0 14.584l.189 1.708h6.21l.19-1.708A7.97 7.97 0 0112 20.87a7.97 7.97 0 01-3.295-.708zM12 6.87a5.998 5.998 0 00-6 6 6 6 0 106-6zm0 2a1 1 0 011 1v2.585l1.207 1.207a1 1 0 01-1.414 1.415l-1.5-1.5A1 1 0 0111 12.87v-3a1 1 0 011-1z" })] }));
 };
 exports.IconWatch2 = IconWatch2;

package/dist/icons/iconWebcam.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconWebcam = ({ 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": "IconWebcam", 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 4.87a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 119 7.938v2.062h4a1 1 0 110 2H7a1 1 0 110-2h4v-2.062a8.001 8.001 0 01-7-7.938zm8-2a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 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": "IconWebcam", 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 4.87a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 119 7.938v2.062h4a1 1 0 110 2H7a1 1 0 110-2h4v-2.062a8.001 8.001 0 01-7-7.938zm8-2a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 0z" })] }));
 };
 exports.IconWebcam = IconWebcam;

package/dist/icons/iconWhisper.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconWhisper = ({ 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": "IconWhisper", 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 5.87a1 1 0 011-1h18a1 1 0 011 1v3a1 1 0 11-2 0v-2H4v12h6a1 1 0 110 2H3a1 1 0 01-1-1v-14zm16 6a1 1 0 011 1c0 1.266.282 1.95.665 2.334.384.384 1.068.666 2.335.666a1 1 0 110 2c-1.267 0-1.95.281-2.335.665-.383.384-.665 1.068-.665 2.335a1 1 0 11-2 0c0-1.267-.282-1.951-.665-2.335-.384-.384-1.068-.665-2.335-.665a1 1 0 110-2c1.267 0 1.95-.282 2.335-.666.383-.384.665-1.068.665-2.334a1 1 0 011-1zm0 4.47a3.653 3.653 0 01-.53.53 3.617 3.617 0 01.53.53 3.653 3.653 0 01.53-.53 3.615 3.615 0 01-.53-.53z" }), (0, jsx_runtime_1.jsx)("path", { d: "M7 8.87a1 1 0 11-2 0 1 1 0 012 0zM10 8.87a1 1 0 11-2 0 1 1 0 012 0zM12 9.87a1 1 0 100-2 1 1 0 000 2z" })] });
+    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": "IconWhisper", 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 5.87a1 1 0 011-1h18a1 1 0 011 1v3a1 1 0 11-2 0v-2H4v12h6a1 1 0 110 2H3a1 1 0 01-1-1v-14zm16 6a1 1 0 011 1c0 1.266.282 1.95.665 2.334.384.384 1.068.666 2.335.666a1 1 0 110 2c-1.267 0-1.95.281-2.335.665-.383.384-.665 1.068-.665 2.335a1 1 0 11-2 0c0-1.267-.282-1.951-.665-2.335-.384-.384-1.068-.665-2.335-.665a1 1 0 110-2c1.267 0 1.95-.282 2.335-.666.383-.384.665-1.068.665-2.334a1 1 0 011-1zm0 4.47a3.653 3.653 0 01-.53.53 3.617 3.617 0 01.53.53 3.653 3.653 0 01.53-.53 3.615 3.615 0 01-.53-.53z" }), (0, jsx_runtime_1.jsx)("path", { d: "M7 8.87a1 1 0 11-2 0 1 1 0 012 0zM10 8.87a1 1 0 11-2 0 1 1 0 012 0zM12 9.87a1 1 0 100-2 1 1 0 000 2z" })] }));
 };
 exports.IconWhisper = IconWhisper;

package/dist/icons/iconWifi.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconWifi = ({ 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": "IconWifi", 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 1v14h14v-14H5zm2.497 3.207A8.954 8.954 0 0112 7.87c1.557 0 3.117.401 4.503 1.207a1 1 0 01-1.006 1.729A6.955 6.955 0 0012 9.87a6.955 6.955 0 00-3.497.936 1 1 0 11-1.006-1.729zM12 13.62c-.54 0-1.078.118-1.57.352a1 1 0 01-.859-1.806A5.657 5.657 0 0112 11.62c.83 0 1.663.18 2.43.546a1 1 0 11-.86 1.806A3.66 3.66 0 0012 13.62z" }), (0, jsx_runtime_1.jsx)("path", { d: "M12 17.12a.5.5 0 110-1 .5.5 0 010 1z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 17.87a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-.5-1.25a.5.5 0 101 0 .5.5 0 00-1 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": "IconWifi", 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 1v14h14v-14H5zm2.497 3.207A8.954 8.954 0 0112 7.87c1.557 0 3.117.401 4.503 1.207a1 1 0 01-1.006 1.729A6.955 6.955 0 0012 9.87a6.955 6.955 0 00-3.497.936 1 1 0 11-1.006-1.729zM12 13.62c-.54 0-1.078.118-1.57.352a1 1 0 01-.859-1.806A5.657 5.657 0 0112 11.62c.83 0 1.663.18 2.43.546a1 1 0 11-.86 1.806A3.66 3.66 0 0012 13.62z" }), (0, jsx_runtime_1.jsx)("path", { d: "M12 17.12a.5.5 0 110-1 .5.5 0 010 1z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 17.87a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-.5-1.25a.5.5 0 101 0 .5.5 0 00-1 0z" })] }));
 };
 exports.IconWifi = IconWifi;