@geotab/zenith 3.7.0 → 3.8.0-beta.1

package/dist/icons/iconArrowTopRight.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconArrowTopRight = ({ 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": "IconArrowTopRight", 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 6.87a1 1 0 011-1h9a1 1 0 011 1v9a1 1 0 11-2 0V9.284l-9.793 9.793a1 1 0 11-1.414-1.415l9.793-9.792H9a1 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": "IconArrowTopRight", 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 6.87a1 1 0 011-1h9a1 1 0 011 1v9a1 1 0 11-2 0V9.284l-9.793 9.793a1 1 0 11-1.414-1.415l9.793-9.792H9a1 1 0 01-1-1z" })] }));
 };
 exports.IconArrowTopRight = IconArrowTopRight;

package/dist/icons/iconArrowUpPath.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconArrowUpPath = ({ 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": "IconArrowUpPath", 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 1.87a1 1 0 01.753.341l7 8A1 1 0 0119 11.87h-3v10a1 1 0 01-1 1H9a1 1 0 01-1-1v-10H5a1 1 0 01-.753-1.659l7-8A1 1 0 0112 1.87zm-4.796 8H9a1 1 0 011 1v10h4v-10a1 1 0 011-1h1.796L12 4.388 7.204 9.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": "IconArrowUpPath", 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 1.87a1 1 0 01.753.341l7 8A1 1 0 0119 11.87h-3v10a1 1 0 01-1 1H9a1 1 0 01-1-1v-10H5a1 1 0 01-.753-1.659l7-8A1 1 0 0112 1.87zm-4.796 8H9a1 1 0 011 1v10h4v-10a1 1 0 011-1h1.796L12 4.388 7.204 9.87z" })] }));
 };
 exports.IconArrowUpPath = IconArrowUpPath;

package/dist/icons/iconAt.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconAt = ({ 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": "IconAt", 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.87a8 8 0 104.21 14.804 1 1 0 111.054 1.7A9.958 9.958 0 0112 22.87c-5.523 0-10-4.478-10-10 0-5.523 4.477-10 10-10s10 4.477 10 10c0 1.104-.27 2.31-.949 3.243-.716.984-1.849 1.6-3.331 1.465a4.207 4.207 0 01-2.93-1.586c-.94 1.21-2.388 1.94-3.985 1.715-2.53-.355-4.04-2.91-3.682-5.457.358-2.547 2.514-4.587 5.044-4.231.905.127 1.68.536 2.286 1.126a1 1 0 011.964.368l-.515 3.546v.001a2.222 2.222 0 001.999 2.526c.75.068 1.212-.21 1.533-.65.358-.493.566-1.245.566-2.066a8 8 0 00-8-8zM11.888 10c-1.195-.169-2.544.819-2.784 2.528-.24 1.71.784 3.03 1.98 3.199 1.195.168 2.543-.82 2.784-2.53.24-1.709-.784-3.03-1.98-3.198z" })] });
+    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": "IconAt", 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.87a8 8 0 104.21 14.804 1 1 0 111.054 1.7A9.958 9.958 0 0112 22.87c-5.523 0-10-4.478-10-10 0-5.523 4.477-10 10-10s10 4.477 10 10c0 1.104-.27 2.31-.949 3.243-.716.984-1.849 1.6-3.331 1.465a4.207 4.207 0 01-2.93-1.586c-.94 1.21-2.388 1.94-3.985 1.715-2.53-.355-4.04-2.91-3.682-5.457.358-2.547 2.514-4.587 5.044-4.231.905.127 1.68.536 2.286 1.126a1 1 0 011.964.368l-.515 3.546v.001a2.222 2.222 0 001.999 2.526c.75.068 1.212-.21 1.533-.65.358-.493.566-1.245.566-2.066a8 8 0 00-8-8zM11.888 10c-1.195-.169-2.544.819-2.784 2.528-.24 1.71.784 3.03 1.98 3.199 1.195.168 2.543-.82 2.784-2.53.24-1.709-.784-3.03-1.98-3.198z" })] }));
 };
 exports.IconAt = IconAt;

package/dist/icons/iconAttachment.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconAttachment = ({ 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": "IconAttachment", 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: "M14.486 3.988a3.806 3.806 0 012.698-1.118c.975 0 1.954.373 2.698 1.118A3.81 3.81 0 0121 6.688a3.81 3.81 0 01-1.117 2.698l-9.956 9.96c-.94.942-2.466.942-3.406 0l.707-.706-.707.707a2.41 2.41 0 010-3.406l4.978-4.98a1 1 0 011.415 1.413l-4.978 4.98-.708-.706.708.707a.41.41 0 00.576.578l9.956-9.96c.355-.356.532-.82.532-1.286 0-.467-.177-.93-.532-1.285a1.807 1.807 0 00-1.284-.532c-.466 0-.929.177-1.284.532l-9.956 9.96A3.214 3.214 0 005 17.644c0 .827.315 1.65.944 2.28a3.21 3.21 0 002.28.946 3.21 3.21 0 002.28-.945l4.977-4.98a1 1 0 111.415 1.413l-4.978 4.98a5.21 5.21 0 01-3.694 1.532 5.21 5.21 0 01-3.694-1.531A5.214 5.214 0 013 17.644c0-1.336.51-2.675 1.53-3.695l9.956-9.961z" })] });
+    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": "IconAttachment", 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: "M14.486 3.988a3.806 3.806 0 012.698-1.118c.975 0 1.954.373 2.698 1.118A3.81 3.81 0 0121 6.688a3.81 3.81 0 01-1.117 2.698l-9.956 9.96c-.94.942-2.466.942-3.406 0l.707-.706-.707.707a2.41 2.41 0 010-3.406l4.978-4.98a1 1 0 011.415 1.413l-4.978 4.98-.708-.706.708.707a.41.41 0 00.576.578l9.956-9.96c.355-.356.532-.82.532-1.286 0-.467-.177-.93-.532-1.285a1.807 1.807 0 00-1.284-.532c-.466 0-.929.177-1.284.532l-9.956 9.96A3.214 3.214 0 005 17.644c0 .827.315 1.65.944 2.28a3.21 3.21 0 002.28.946 3.21 3.21 0 002.28-.945l4.977-4.98a1 1 0 111.415 1.413l-4.978 4.98a5.21 5.21 0 01-3.694 1.532 5.21 5.21 0 01-3.694-1.531A5.214 5.214 0 013 17.644c0-1.336.51-2.675 1.53-3.695l9.956-9.961z" })] }));
 };
 exports.IconAttachment = IconAttachment;

package/dist/icons/iconAttachment2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconAttachment2 = ({ 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": "IconAttachment2", 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 7.87a5 5 0 0110 0v8a7 7 0 11-14 0v-4a1 1 0 112 0v4a5 5 0 1010 0v-8a3 3 0 10-6 0v8a1 1 0 102 0v-8a1 1 0 112 0v8a3 3 0 11-6 0v-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": "IconAttachment2", 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 7.87a5 5 0 0110 0v8a7 7 0 11-14 0v-4a1 1 0 112 0v4a5 5 0 1010 0v-8a3 3 0 10-6 0v8a1 1 0 102 0v-8a1 1 0 112 0v8a3 3 0 11-6 0v-8z" })] }));
 };
 exports.IconAttachment2 = IconAttachment2;

package/dist/icons/iconAttachmentFile.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconAttachmentFile = ({ 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": "IconAttachmentFile", 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.5 4.87a.5.5 0 00-.5.5v4.5a1 1 0 01-2 0v-4.5a2.5 2.5 0 015 0v4.5a4 4 0 11-8 0v-4a1 1 0 112 0v4a2 2 0 004 0v-4.5a.5.5 0 00-.5-.5zm4.5-1a1 1 0 011-1h6a1 1 0 011 1v18a1 1 0 01-1 1H5a1 1 0 01-1-1v-5a1 1 0 112 0v4h12v-16h-5a1 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": "IconAttachmentFile", 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.5 4.87a.5.5 0 00-.5.5v4.5a1 1 0 01-2 0v-4.5a2.5 2.5 0 015 0v4.5a4 4 0 11-8 0v-4a1 1 0 112 0v4a2 2 0 004 0v-4.5a.5.5 0 00-.5-.5zm4.5-1a1 1 0 011-1h6a1 1 0 011 1v18a1 1 0 01-1 1H5a1 1 0 01-1-1v-5a1 1 0 112 0v4h12v-16h-5a1 1 0 01-1-1z" })] }));
 };
 exports.IconAttachmentFile = IconAttachmentFile;

package/dist/icons/iconAudio.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconAudio = ({ 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": "IconAudio", 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: "M20.595 3.067a1 1 0 01.403.803v12.5c0 2.096-1.97 3.5-4 3.5-2.03 0-4-1.404-4-3.5s1.97-3.5 4-3.5c.7 0 1.393.167 2 .471V5.214l-8 2.4V19.37c0 2.096-1.97 3.5-4 3.5-2.03 0-4-1.404-4-3.5s1.97-3.5 4-3.5c.7 0 1.393.167 2 .471V6.87a1 1 0 01.713-.958l10-3a1 1 0 01.884.155zM8.998 19.37c0-.666-.717-1.5-2-1.5s-2 .834-2 1.5c0 .665.717 1.5 2 1.5s2-.835 2-1.5zm10-3c0-.666-.717-1.5-2-1.5s-2 .834-2 1.5c0 .665.717 1.5 2 1.5s2-.835 2-1.5z" })] });
+    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": "IconAudio", 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: "M20.595 3.067a1 1 0 01.403.803v12.5c0 2.096-1.97 3.5-4 3.5-2.03 0-4-1.404-4-3.5s1.97-3.5 4-3.5c.7 0 1.393.167 2 .471V5.214l-8 2.4V19.37c0 2.096-1.97 3.5-4 3.5-2.03 0-4-1.404-4-3.5s1.97-3.5 4-3.5c.7 0 1.393.167 2 .471V6.87a1 1 0 01.713-.958l10-3a1 1 0 01.884.155zM8.998 19.37c0-.666-.717-1.5-2-1.5s-2 .834-2 1.5c0 .665.717 1.5 2 1.5s2-.835 2-1.5zm10-3c0-.666-.717-1.5-2-1.5s-2 .834-2 1.5c0 .665.717 1.5 2 1.5s2-.835 2-1.5z" })] }));
 };
 exports.IconAudio = IconAudio;

package/dist/icons/iconAutoSize.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconAutoSize = ({ 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": "IconAutoSize", 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 1v18a1 1 0 01-1 1H5a1 1 0 01-1-1v-18zm2 1v7h6a1 1 0 011 1v8h5v-16H6zm5 16v-7H6v7h5z" })] });
+    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": "IconAutoSize", 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 1v18a1 1 0 01-1 1H5a1 1 0 01-1-1v-18zm2 1v7h6a1 1 0 011 1v8h5v-16H6zm5 16v-7H6v7h5z" })] }));
 };
 exports.IconAutoSize = IconAutoSize;

package/dist/icons/iconBackward.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBackward = ({ 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": "IconBackward", 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.132 5.373A1 1 0 016 4.87h15a1 1 0 011 1v14a1 1 0 01-1 1H6a1 1 0 01-.868-.504l-4-7a1 1 0 010-.992l4-7zM6.58 6.87l-3.428 6 3.428 6H20v-12H6.58zm3.713 3.292a1 1 0 011.414 0L13 11.455l1.293-1.293a1 1 0 011.414 1.415l-1.293 1.293 1.293 1.293a1 1 0 01-1.414 1.414L13 14.284l-1.293 1.293a1 1 0 11-1.414-1.415l1.293-1.292-1.293-1.293a1 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": "IconBackward", 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.132 5.373A1 1 0 016 4.87h15a1 1 0 011 1v14a1 1 0 01-1 1H6a1 1 0 01-.868-.504l-4-7a1 1 0 010-.992l4-7zM6.58 6.87l-3.428 6 3.428 6H20v-12H6.58zm3.713 3.292a1 1 0 011.414 0L13 11.455l1.293-1.293a1 1 0 011.414 1.415l-1.293 1.293 1.293 1.293a1 1 0 01-1.414 1.414L13 14.284l-1.293 1.293a1 1 0 11-1.414-1.415l1.293-1.292-1.293-1.293a1 1 0 010-1.415z" })] }));
 };
 exports.IconBackward = IconBackward;

package/dist/icons/iconBadge.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBadge = ({ 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": "IconBadge", 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 01.755.344l2.017 2.32 3.036-.481a1 1 0 011.157.97l.053 3.075 2.636 1.583a1 1 0 01.262 1.487l-1.936 2.389 1.002 2.907a1 1 0 01-.755 1.307l-3.018.586-1.101 2.87a1 1 0 01-1.419.517L12 21.253l-2.689 1.491a1 1 0 01-1.418-.516L6.79 19.357l-3.018-.586a1 1 0 01-.755-1.307l1.002-2.907-1.936-2.39a1 1 0 01.262-1.486l2.636-1.583.053-3.075a1 1 0 011.157-.97l3.037.482 2.016-2.321A1 1 0 0112 2.87zm0 2.524l-1.625 1.871a1 1 0 01-.912.332l-2.448-.388-.042 2.478a1 1 0 01-.485.84l-2.125 1.276 1.56 1.925a1 1 0 01.168.956l-.807 2.343 2.433.472a1 1 0 01.743.624l.888 2.314 2.167-1.202a1 1 0 01.97 0l2.168 1.202.887-2.314a1 1 0 01.743-.624l2.433-.472-.807-2.343a1 1 0 01.168-.955l1.56-1.926-2.124-1.276a1 1 0 01-.485-.84l-.043-2.478-2.448.388a1 1 0 01-.911-.332L12 5.395zm3.207 5.268a1 1 0 010 1.415l-3.5 3.5a1 1 0 01-1.414 0l-1.5-1.5a1 1 0 111.414-1.415l.793.793 2.793-2.793a1 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": "IconBadge", 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 01.755.344l2.017 2.32 3.036-.481a1 1 0 011.157.97l.053 3.075 2.636 1.583a1 1 0 01.262 1.487l-1.936 2.389 1.002 2.907a1 1 0 01-.755 1.307l-3.018.586-1.101 2.87a1 1 0 01-1.419.517L12 21.253l-2.689 1.491a1 1 0 01-1.418-.516L6.79 19.357l-3.018-.586a1 1 0 01-.755-1.307l1.002-2.907-1.936-2.39a1 1 0 01.262-1.486l2.636-1.583.053-3.075a1 1 0 011.157-.97l3.037.482 2.016-2.321A1 1 0 0112 2.87zm0 2.524l-1.625 1.871a1 1 0 01-.912.332l-2.448-.388-.042 2.478a1 1 0 01-.485.84l-2.125 1.276 1.56 1.925a1 1 0 01.168.956l-.807 2.343 2.433.472a1 1 0 01.743.624l.888 2.314 2.167-1.202a1 1 0 01.97 0l2.168 1.202.887-2.314a1 1 0 01.743-.624l2.433-.472-.807-2.343a1 1 0 01.168-.955l1.56-1.926-2.124-1.276a1 1 0 01-.485-.84l-.043-2.478-2.448.388a1 1 0 01-.911-.332L12 5.395zm3.207 5.268a1 1 0 010 1.415l-3.5 3.5a1 1 0 01-1.414 0l-1.5-1.5a1 1 0 111.414-1.415l.793.793 2.793-2.793a1 1 0 011.414 0z" })] }));
 };
 exports.IconBadge = IconBadge;

package/dist/icons/iconBag.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBag = ({ 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": "IconBag", 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.002 4.807A1 1 0 015 3.87h14a1 1 0 01.998.937l1.066 17.063H2.936L4.002 4.807zM5.939 5.87l-.875 14h13.872l-.875-14H5.939zM9 7.87a1 1 0 011 1 2 2 0 104 0 1 1 0 112 0 4 4 0 01-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": "IconBag", 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.002 4.807A1 1 0 015 3.87h14a1 1 0 01.998.937l1.066 17.063H2.936L4.002 4.807zM5.939 5.87l-.875 14h13.872l-.875-14H5.939zM9 7.87a1 1 0 011 1 2 2 0 104 0 1 1 0 112 0 4 4 0 01-8 0 1 1 0 011-1z" })] }));
 };
 exports.IconBag = IconBag;

package/dist/icons/iconBag2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBag2 = ({ 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": "IconBag2", 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 4.87a1 1 0 011-1h8a1 1 0 011 1v3h3a1 1 0 011 1v12a1 1 0 01-1 1H4a1 1 0 01-1-1v-12a1 1 0 011-1h3v-3zm0 5v2a1 1 0 102 0v-2h6v2a1 1 0 102 0v-2h2v10H5v-10h2zm8-2H9v-2h6v2z" })] });
+    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": "IconBag2", 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 4.87a1 1 0 011-1h8a1 1 0 011 1v3h3a1 1 0 011 1v12a1 1 0 01-1 1H4a1 1 0 01-1-1v-12a1 1 0 011-1h3v-3zm0 5v2a1 1 0 102 0v-2h6v2a1 1 0 102 0v-2h2v10H5v-10h2zm8-2H9v-2h6v2z" })] }));
 };
 exports.IconBag2 = IconBag2;

package/dist/icons/iconBagLuggage.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBagLuggage = ({ 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": "IconBagLuggage", 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.002 4.87a1 1 0 011-1h8a1 1 0 011 1v3H21a1 1 0 011 1v3.933a.987.987 0 01.002.067v8a1 1 0 01-1 1h-18a1 1 0 01-1-1v-6.934A1.015 1.015 0 012 13.87v-5a1 1 0 011-1h4.002v-3zM4 9.87v2.933l.002.067H20v-3H4zm11.002-2h-6v-2h6v2zm5 7h-7.001l.001 1.999a1 1 0 01-2 .001l-.001-2H4.002v5h16v-5z" })] });
+    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": "IconBagLuggage", 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.002 4.87a1 1 0 011-1h8a1 1 0 011 1v3H21a1 1 0 011 1v3.933a.987.987 0 01.002.067v8a1 1 0 01-1 1h-18a1 1 0 01-1-1v-6.934A1.015 1.015 0 012 13.87v-5a1 1 0 011-1h4.002v-3zM4 9.87v2.933l.002.067H20v-3H4zm11.002-2h-6v-2h6v2zm5 7h-7.001l.001 1.999a1 1 0 01-2 .001l-.001-2H4.002v5h16v-5z" })] }));
 };
 exports.IconBagLuggage = IconBagLuggage;

package/dist/icons/iconBagLuggage2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBagLuggage2 = ({ 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": "IconBagLuggage2", 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.002 4.87a1 1 0 011-1h8a1 1 0 011 1v3h4a1 1 0 011 1v12a1 1 0 01-1 1h-18a1 1 0 01-1-1v-12a1 1 0 011-1h4v-3zM7 9.87H4.002v10H7v-10zm2 10h6v-10H9v10zm6-12H9.002v-2h6v1.933A.986.986 0 0015 7.87zm2 2v10h3.002v-10H17z" })] });
+    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": "IconBagLuggage2", 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.002 4.87a1 1 0 011-1h8a1 1 0 011 1v3h4a1 1 0 011 1v12a1 1 0 01-1 1h-18a1 1 0 01-1-1v-12a1 1 0 011-1h4v-3zM7 9.87H4.002v10H7v-10zm2 10h6v-10H9v10zm6-12H9.002v-2h6v1.933A.986.986 0 0015 7.87zm2 2v10h3.002v-10H17z" })] }));
 };
 exports.IconBagLuggage2 = IconBagLuggage2;

package/dist/icons/iconBasket.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBasket = ({ 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": "IconBasket", 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 4.87a1 1 0 011-1h3a1 1 0 01.986.835l.361 2.165H20a1 1 0 01.986 1.164l-1.5 9a1 1 0 01-.986.836H7a1 1 0 01-.986-.836L4.153 5.87H2a1 1 0 01-1-1zm5.68 4l1.167 7h9.806l1.167-7H6.68z" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.25 20.87a1 1 0 11-2 0 1 1 0 012 0zM18.25 20.87a1 1 0 11-2 0 1 1 0 012 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.75 20.87a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm9 0a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm-10.5 1a1 1 0 100-2 1 1 0 000 2zm9 0a1 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": "IconBasket", 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 4.87a1 1 0 011-1h3a1 1 0 01.986.835l.361 2.165H20a1 1 0 01.986 1.164l-1.5 9a1 1 0 01-.986.836H7a1 1 0 01-.986-.836L4.153 5.87H2a1 1 0 01-1-1zm5.68 4l1.167 7h9.806l1.167-7H6.68z" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.25 20.87a1 1 0 11-2 0 1 1 0 012 0zM18.25 20.87a1 1 0 11-2 0 1 1 0 012 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.75 20.87a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm9 0a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm-10.5 1a1 1 0 100-2 1 1 0 000 2zm9 0a1 1 0 100-2 1 1 0 000 2z" })] }));
 };
 exports.IconBasket = IconBasket;

package/dist/icons/iconBasket2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBasket2 = ({ 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": "IconBasket2", 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.871 3.941a1 1 0 01.557 1.3L7.977 8.87h8.046L14.572 5.24a1 1 0 011.857-.743l1.748 4.372H21a1 1 0 01.984 1.179l-2 11a1 1 0 01-.984.82H5a1 1 0 01-.984-.82l-2-11A1 1 0 013 8.869h2.823L7.572 4.5a1 1 0 011.3-.558zm10.93 6.929H4.199l1.637 9h12.33l1.637-9z" })] });
+    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": "IconBasket2", 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.871 3.941a1 1 0 01.557 1.3L7.977 8.87h8.046L14.572 5.24a1 1 0 011.857-.743l1.748 4.372H21a1 1 0 01.984 1.179l-2 11a1 1 0 01-.984.82H5a1 1 0 01-.984-.82l-2-11A1 1 0 013 8.869h2.823L7.572 4.5a1 1 0 011.3-.558zm10.93 6.929H4.199l1.637 9h12.33l1.637-9z" })] }));
 };
 exports.IconBasket2 = IconBasket2;

package/dist/icons/iconBatteryError.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBatteryError = ({ 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": "IconBatteryError", 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 6.87a1 1 0 011-1h17a1 1 0 011 1v2h2a1 1 0 011 1v6a1 1 0 01-1 1h-2v2a1 1 0 01-1 1H2a1 1 0 01-1-1v-12zm19 8h1v-4h-1v4zm-2-7H3v10h15v-10zM7.793 10.162a1 1 0 011.414 0l1.293 1.293 1.293-1.293a1 1 0 011.414 1.415l-1.293 1.293 1.293 1.293a1 1 0 01-1.414 1.414L10.5 14.284l-1.293 1.293a1 1 0 11-1.414-1.415l1.293-1.292-1.293-1.293a1 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": "IconBatteryError", 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 6.87a1 1 0 011-1h17a1 1 0 011 1v2h2a1 1 0 011 1v6a1 1 0 01-1 1h-2v2a1 1 0 01-1 1H2a1 1 0 01-1-1v-12zm19 8h1v-4h-1v4zm-2-7H3v10h15v-10zM7.793 10.162a1 1 0 011.414 0l1.293 1.293 1.293-1.293a1 1 0 011.414 1.415l-1.293 1.293 1.293 1.293a1 1 0 01-1.414 1.414L10.5 14.284l-1.293 1.293a1 1 0 11-1.414-1.415l1.293-1.292-1.293-1.293a1 1 0 010-1.415z" })] }));
 };
 exports.IconBatteryError = IconBatteryError;

package/dist/icons/iconBatteryFull.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBatteryFull = ({ 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": "IconBatteryFull", 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 5.87h19v3h3v8h-3v3H1v-14zm17 2H3v10h15v-10zm2 7h1v-4h-1v4zm-14-5a1 1 0 011 1v4a1 1 0 11-2 0v-4a1 1 0 011-1zm4.5 0a1 1 0 011 1v4a1 1 0 11-2 0v-4a1 1 0 011-1zm4.5 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": "IconBatteryFull", 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 5.87h19v3h3v8h-3v3H1v-14zm17 2H3v10h15v-10zm2 7h1v-4h-1v4zm-14-5a1 1 0 011 1v4a1 1 0 11-2 0v-4a1 1 0 011-1zm4.5 0a1 1 0 011 1v4a1 1 0 11-2 0v-4a1 1 0 011-1zm4.5 0a1 1 0 011 1v4a1 1 0 11-2 0v-4a1 1 0 011-1z" })] }));
 };
 exports.IconBatteryFull = IconBatteryFull;

package/dist/icons/iconBatteryLoading.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBatteryLoading = ({ 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": "IconBatteryLoading", 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.6 6.07a1 1 0 01.2 1.4l-3.3 4.4h4a1 1 0 01.8 1.6l-4.5 6a1 1 0 11-1.6-1.2l3.3-4.4h-4a1 1 0 01-.8-1.6l4.5-6a1 1 0 011.4-.2zM1 6.87a1 1 0 011-1h5a1 1 0 110 2H3v10h1.5a1 1 0 110 2H2a1 1 0 01-1-1v-12zm14.5 0a1 1 0 011-1H19a1 1 0 011 1v2h2a1 1 0 011 1v6a1 1 0 01-1 1h-2v2a1 1 0 01-1 1h-5a1 1 0 110-2h4v-10h-1.5a1 1 0 01-1-1zm4.5 8h1v-4h-1v4z" })] });
+    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": "IconBatteryLoading", 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.6 6.07a1 1 0 01.2 1.4l-3.3 4.4h4a1 1 0 01.8 1.6l-4.5 6a1 1 0 11-1.6-1.2l3.3-4.4h-4a1 1 0 01-.8-1.6l4.5-6a1 1 0 011.4-.2zM1 6.87a1 1 0 011-1h5a1 1 0 110 2H3v10h1.5a1 1 0 110 2H2a1 1 0 01-1-1v-12zm14.5 0a1 1 0 011-1H19a1 1 0 011 1v2h2a1 1 0 011 1v6a1 1 0 01-1 1h-2v2a1 1 0 01-1 1h-5a1 1 0 110-2h4v-10h-1.5a1 1 0 01-1-1zm4.5 8h1v-4h-1v4z" })] }));
 };
 exports.IconBatteryLoading = IconBatteryLoading;

package/dist/icons/iconBatteryLow.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBatteryLow = ({ 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": "IconBatteryLow", 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 5.87h19v3h3v8h-3v3H1v-14zm17 2H3v10h15v-10zm2 7h1v-4h-1v4zm-14-5a1 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": "IconBatteryLow", 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 5.87h19v3h3v8h-3v3H1v-14zm17 2H3v10h15v-10zm2 7h1v-4h-1v4zm-14-5a1 1 0 011 1v4a1 1 0 11-2 0v-4a1 1 0 011-1z" })] }));
 };
 exports.IconBatteryLow = IconBatteryLow;

package/dist/icons/iconBatteryLow2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBatteryLow2 = ({ 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": "IconBatteryLow2", 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 6.87a1 1 0 011-1h17a1 1 0 011 1v2h2a1 1 0 011 1v6a1 1 0 01-1 1h-2v2a1 1 0 01-1 1H2a1 1 0 01-1-1v-12zm19 8h1v-4h-1v4zm-2-7H3v10h15v-10z" })] });
+    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": "IconBatteryLow2", 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 6.87a1 1 0 011-1h17a1 1 0 011 1v2h2a1 1 0 011 1v6a1 1 0 01-1 1h-2v2a1 1 0 01-1 1H2a1 1 0 01-1-1v-12zm19 8h1v-4h-1v4zm-2-7H3v10h15v-10z" })] }));
 };
 exports.IconBatteryLow2 = IconBatteryLow2;

package/dist/icons/iconBatteryMedium.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBatteryMedium = ({ 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": "IconBatteryMedium", 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 5.87h19v3h3v8h-3v3H1v-14zm17 2H3v10h15v-10zm2 7h1v-4h-1v4zm-14-5a1 1 0 011 1v4a1 1 0 11-2 0v-4a1 1 0 011-1zm4.5 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": "IconBatteryMedium", 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 5.87h19v3h3v8h-3v3H1v-14zm17 2H3v10h15v-10zm2 7h1v-4h-1v4zm-14-5a1 1 0 011 1v4a1 1 0 11-2 0v-4a1 1 0 011-1zm4.5 0a1 1 0 011 1v4a1 1 0 11-2 0v-4a1 1 0 011-1z" })] }));
 };
 exports.IconBatteryMedium = IconBatteryMedium;

package/dist/icons/iconBell.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBell = ({ 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": "IconBell", 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 4.87a1 1 0 011-1h4a1 1 0 110 2h-1v1.054c4.554.496 7.998 4.369 7.998 9.946v1a1 1 0 01-1 1H13v1h6.998a1 1 0 110 2h-16a1 1 0 110-2H11v-1H3.998a1 1 0 01-1-1v-1c0-5.579 3.446-9.453 8.002-9.947V5.87h-1a1 1 0 01-1-1zm9.998 12c0-5.021-3.204-8-7-8-3.795 0-7 2.979-7 8h14z" })] });
+    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": "IconBell", 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 4.87a1 1 0 011-1h4a1 1 0 110 2h-1v1.054c4.554.496 7.998 4.369 7.998 9.946v1a1 1 0 01-1 1H13v1h6.998a1 1 0 110 2h-16a1 1 0 110-2H11v-1H3.998a1 1 0 01-1-1v-1c0-5.579 3.446-9.453 8.002-9.947V5.87h-1a1 1 0 01-1-1zm9.998 12c0-5.021-3.204-8-7-8-3.795 0-7 2.979-7 8h14z" })] }));
 };
 exports.IconBell = IconBell;

package/dist/icons/iconBeta.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBeta = ({ 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": "IconBeta", 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: "M20.255 18.12l-4.469-6.152a.833.833 0 01-.115-.424v-7.46a.416.416 0 01.417-.417h1.25a.834.834 0 100-1.667H7.337a.834.834 0 100 1.667h1.25a.417.417 0 01.417.416v7.462c0 .149-.04.295-.116.423l-4.437 6.1A2.5 2.5 0 006.495 22h11.681a2.5 2.5 0 002.08-3.88zM9.15 15.334a.432.432 0 01-.367-.21.413.413 0 01-.05-.21c0-.073.021-.145.059-.208l1.763-2.28A.844.844 0 0010.67 12V4.083a.416.416 0 01.417-.416h2.5a.417.417 0 01.417.416V12c0 .15.04.296.116.424l1.763 2.281a.417.417 0 01.059.209.412.412 0 01-.05.21.432.432 0 01-.367.21H9.149z" })] });
+    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": "IconBeta", 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: "M20.255 18.12l-4.469-6.152a.833.833 0 01-.115-.424v-7.46a.416.416 0 01.417-.417h1.25a.834.834 0 100-1.667H7.337a.834.834 0 100 1.667h1.25a.417.417 0 01.417.416v7.462c0 .149-.04.295-.116.423l-4.437 6.1A2.5 2.5 0 006.495 22h11.681a2.5 2.5 0 002.08-3.88zM9.15 15.334a.432.432 0 01-.367-.21.413.413 0 01-.05-.21c0-.073.021-.145.059-.208l1.763-2.28A.844.844 0 0010.67 12V4.083a.416.416 0 01.417-.416h2.5a.417.417 0 01.417.416V12c0 .15.04.296.116.424l1.763 2.281a.417.417 0 01.059.209.412.412 0 01-.05.21.432.432 0 01-.367.21H9.149z" })] }));
 };
 exports.IconBeta = IconBeta;

package/dist/icons/iconBitcoin.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBitcoin = ({ 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": "IconBitcoin", 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.87a8 8 0 100 16 8 8 0 000-16zm-10 8c0-5.523 4.477-10 10-10s10 4.477 10 10c0 5.522-4.477 10-10 10s-10-4.478-10-10zm10-6a1 1 0 011 1v.5h.25a2.75 2.75 0 012.121 4.5 2.75 2.75 0 01-2.121 4.5H13v.5a1 1 0 11-2 0v-.5H8.5a1 1 0 110-2H9v-5h-.5a1 1 0 110-2H11v-.5a1 1 0 011-1zm-1 3.5v1.5h2.25a.75.75 0 000-1.5H11zm2.25 3.5H11v1.5h2.25a.75.75 0 000-1.5z" })] });
+    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": "IconBitcoin", 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.87a8 8 0 100 16 8 8 0 000-16zm-10 8c0-5.523 4.477-10 10-10s10 4.477 10 10c0 5.522-4.477 10-10 10s-10-4.478-10-10zm10-6a1 1 0 011 1v.5h.25a2.75 2.75 0 012.121 4.5 2.75 2.75 0 01-2.121 4.5H13v.5a1 1 0 11-2 0v-.5H8.5a1 1 0 110-2H9v-5h-.5a1 1 0 110-2H11v-.5a1 1 0 011-1zm-1 3.5v1.5h2.25a.75.75 0 000-1.5H11zm2.25 3.5H11v1.5h2.25a.75.75 0 000-1.5z" })] }));
 };
 exports.IconBitcoin = IconBitcoin;

package/dist/icons/iconBluetooth.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBluetooth = ({ 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 23 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": "IconBluetooth", 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.127 2.96a1 1 0 011.07.155l5.75 5a1 1 0 01-.006 1.515l-3.794 3.24 3.794 3.24a1 1 0 01.007 1.514l-5.75 5a1 1 0 01-1.656-.754v-5.923L6.399 18.63a1 1 0 01-1.298-1.52l4.44-3.792v-.896L5.102 8.63a1 1 0 011.298-1.52l3.143 2.682V3.87a1 1 0 01.585-.91zm1.48 8.595l-.065-.056V6.064l3.218 2.799-3.153 2.692zm0 2.63l-.065.055v5.435l3.218-2.798-3.153-2.692z" })] });
+    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 23 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": "IconBluetooth", 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.127 2.96a1 1 0 011.07.155l5.75 5a1 1 0 01-.006 1.515l-3.794 3.24 3.794 3.24a1 1 0 01.007 1.514l-5.75 5a1 1 0 01-1.656-.754v-5.923L6.399 18.63a1 1 0 01-1.298-1.52l4.44-3.792v-.896L5.102 8.63a1 1 0 011.298-1.52l3.143 2.682V3.87a1 1 0 01.585-.91zm1.48 8.595l-.065-.056V6.064l3.218 2.799-3.153 2.692zm0 2.63l-.065.055v5.435l3.218-2.798-3.153-2.692z" })] }));
 };
 exports.IconBluetooth = IconBluetooth;

package/dist/icons/iconBold.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBold = ({ 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": "IconBold", 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 4.87a1 1 0 011-1h7a5 5 0 013.436 8.632A5 5 0 0114 21.87H6a1 1 0 01-1-1v-16zm8 7a3 3 0 100-6H7v6h6zm-6 2h7a3 3 0 010 6H7v-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": "IconBold", 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 4.87a1 1 0 011-1h7a5 5 0 013.436 8.632A5 5 0 0114 21.87H6a1 1 0 01-1-1v-16zm8 7a3 3 0 100-6H7v6h6zm-6 2h7a3 3 0 010 6H7v-6z" })] }));
 };
 exports.IconBold = IconBold;

package/dist/icons/iconBook.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBook = ({ 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": "IconBook", 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 5.87a3 3 0 013-3h12a1 1 0 011 1v19H7a3 3 0 01-3-3v-14zm2 14a1 1 0 001 1h11v-2H7a1 1 0 00-1 1zm12-3v-12H7a1 1 0 00-1 1v11.17c.313-.11.65-.17 1-.17h11zm-10-9a1 1 0 011-1h6a1 1 0 110 2H9a1 1 0 01-1-1zm0 4a1 1 0 011-1h3a1 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": "IconBook", 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 5.87a3 3 0 013-3h12a1 1 0 011 1v19H7a3 3 0 01-3-3v-14zm2 14a1 1 0 001 1h11v-2H7a1 1 0 00-1 1zm12-3v-12H7a1 1 0 00-1 1v11.17c.313-.11.65-.17 1-.17h11zm-10-9a1 1 0 011-1h6a1 1 0 110 2H9a1 1 0 01-1-1zm0 4a1 1 0 011-1h3a1 1 0 110 2H9a1 1 0 01-1-1z" })] }));
 };
 exports.IconBook = IconBook;

package/dist/icons/iconBook2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBook2 = ({ 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": "IconBook2", 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 5.87a1 1 0 011-1h7a3.99 3.99 0 013 1.354 3.99 3.99 0 013-1.354h7a1 1 0 011 1v14a1 1 0 01-1 1h-6.723c-.52 0-1 .125-1.4.372-.421.26-.761.632-.983 1.075a1 1 0 01-1.788 0 2.664 2.664 0 00-.983-1.075c-.4-.247-.88-.372-1.4-.372H2a1 1 0 01-1-1v-14zm10 3a2 2 0 00-2-2H3v12h5.723c.776 0 1.564.173 2.277.568V8.87zm2 10.568V8.87a2 2 0 012-2h6v12h-5.723c-.776 0-1.564.173-2.277.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": "IconBook2", 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 5.87a1 1 0 011-1h7a3.99 3.99 0 013 1.354 3.99 3.99 0 013-1.354h7a1 1 0 011 1v14a1 1 0 01-1 1h-6.723c-.52 0-1 .125-1.4.372-.421.26-.761.632-.983 1.075a1 1 0 01-1.788 0 2.664 2.664 0 00-.983-1.075c-.4-.247-.88-.372-1.4-.372H2a1 1 0 01-1-1v-14zm10 3a2 2 0 00-2-2H3v12h5.723c.776 0 1.564.173 2.277.568V8.87zm2 10.568V8.87a2 2 0 012-2h6v12h-5.723c-.776 0-1.564.173-2.277.568z" })] }));
 };
 exports.IconBook2 = IconBook2;

package/dist/icons/iconBookmark.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconBookmark = ({ 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": "IconBookmark", 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: "M4 3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1.496.868L12 18.152l-6.504 3.716A1 1 0 0 1 4 21zm2 1v15.277l5.504-3.145a1 1 0 0 1 .992 0L18 19.277V4z", 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": "IconBookmark", 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: "M4 3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1.496.868L12 18.152l-6.504 3.716A1 1 0 0 1 4 21zm2 1v15.277l5.504-3.145a1 1 0 0 1 .992 0L18 19.277V4z", clipRule: "evenodd" })] }));
 };
 exports.IconBookmark = IconBookmark;