@geotab/zenith 3.7.0 → 3.8.0-beta.0

package/dist/icons/iconSmiley.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconSmiley = ({ 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": "IconSmiley", 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-10zm4.41.016a1 1 0 011.164.803 4.502 4.502 0 008.852 0 1 1 0 111.967.361 6.502 6.502 0 01-12.786 0 1 1 0 01.803-1.164z" }), (0, jsx_runtime_1.jsx)("path", { d: "M11 9.87a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM16 9.87a1.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": "IconSmiley", 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-10zm4.41.016a1 1 0 011.164.803 4.502 4.502 0 008.852 0 1 1 0 111.967.361 6.502 6.502 0 01-12.786 0 1 1 0 01.803-1.164z" }), (0, jsx_runtime_1.jsx)("path", { d: "M11 9.87a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM16 9.87a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" })] }));
 };
 exports.IconSmiley = IconSmiley;

package/dist/icons/iconSort2Horizontal.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconSort2Horizontal = ({ 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": "IconSort2Horizontal", 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: "M15.293 22.577a1 1 0 001.414 0l4-4a1 1 0 000-1.415l-4-4a1 1 0 00-1.414 1.415l2.293 2.293H4a1 1 0 100 2h13.586l-2.293 2.293a1 1 0 000 1.414zm-6.586-10a1 1 0 000-1.415L6.414 8.87H20a1 1 0 100-2H6.414l2.293-2.293a1 1 0 00-1.414-1.414l-4 4a1 1 0 000 1.414l4 4a1 1 0 001.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": "IconSort2Horizontal", 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: "M15.293 22.577a1 1 0 001.414 0l4-4a1 1 0 000-1.415l-4-4a1 1 0 00-1.414 1.415l2.293 2.293H4a1 1 0 100 2h13.586l-2.293 2.293a1 1 0 000 1.414zm-6.586-10a1 1 0 000-1.415L6.414 8.87H20a1 1 0 100-2H6.414l2.293-2.293a1 1 0 00-1.414-1.414l-4 4a1 1 0 000 1.414l4 4a1 1 0 001.414 0z" })] }));
 };
 exports.IconSort2Horizontal = IconSort2Horizontal;

package/dist/icons/iconSort2Vertical.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconSort2Vertical = ({ 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": "IconSort2Vertical", 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 3.87a1 1 0 011 1v13.585l2.293-2.292a1 1 0 011.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.415L6 18.456V4.87a1 1 0 011-1zm9.293.293a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L18 7.284V20.87a1 1 0 11-2 0V7.284l-2.293 2.293a1 1 0 11-1.414-1.414l4-4z" })] });
+    const classes = (0, react_1.useMemo)(() => (0, classNames_1.classNames)(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconSort2Vertical", 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 3.87a1 1 0 011 1v13.585l2.293-2.292a1 1 0 011.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.415L6 18.456V4.87a1 1 0 011-1zm9.293.293a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L18 7.284V20.87a1 1 0 11-2 0V7.284l-2.293 2.293a1 1 0 11-1.414-1.414l4-4z" })] }));
 };
 exports.IconSort2Vertical = IconSort2Vertical;

package/dist/icons/iconSortHorizontal.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconSortHorizontal = ({ 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": "IconSortHorizontal", 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: "M15.293 3.163a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 11-1.414-1.415l2.293-2.292H4a1 1 0 010-2h13.586l-2.293-2.293a1 1 0 010-1.414zm-6.586 10a1 1 0 010 1.414L6.414 16.87H20a1 1 0 110 2H6.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.415l4-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": "IconSortHorizontal", 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: "M15.293 3.163a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 11-1.414-1.415l2.293-2.292H4a1 1 0 010-2h13.586l-2.293-2.293a1 1 0 010-1.414zm-6.586 10a1 1 0 010 1.414L6.414 16.87H20a1 1 0 110 2H6.414l2.293 2.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.415l4-4a1 1 0 011.414 0z" })] }));
 };
 exports.IconSortHorizontal = IconSortHorizontal;

package/dist/icons/iconSortVertical.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconSortVertical = ({ 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": "IconSortVertical", 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.293 4.163a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L8 7.284V20.87a1 1 0 11-2 0V7.284L3.707 9.577a1 1 0 01-1.414-1.414l4-4zM16 18.455V4.87a1 1 0 112 0v13.585l2.293-2.292a1 1 0 011.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.415L16 18.456z" })] });
+    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": "IconSortVertical", 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.293 4.163a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L8 7.284V20.87a1 1 0 11-2 0V7.284L3.707 9.577a1 1 0 01-1.414-1.414l4-4zM16 18.455V4.87a1 1 0 112 0v13.585l2.293-2.292a1 1 0 011.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.415L16 18.456z" })] }));
 };
 exports.IconSortVertical = IconSortVertical;

package/dist/icons/iconSpeaker.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconSpeaker = ({ 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": "IconSpeaker", 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 1v16h12v-16H6zm3 3a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1zm3 5a2 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": "IconSpeaker", 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 1v16h12v-16H6zm3 3a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1zm3 5a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 0z" })] }));
 };
 exports.IconSpeaker = IconSpeaker;

package/dist/icons/iconSquare.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconSquare = ({ 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": "IconSquare", 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-14H5z" })] });
+    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": "IconSquare", 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-14H5z" })] }));
 };
 exports.IconSquare = IconSquare;

package/dist/icons/iconStar.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconStar = ({ 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": "IconStar", 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.902.568l2.643 5.516 6.085.8a1 1 0 01.557 1.718l-4.45 4.207 1.118 6.008a1 1 0 01-1.46 1.062L12 18.832 6.604 21.75a1 1 0 01-1.458-1.062l1.116-6.008-4.449-4.207a1 1 0 01.557-1.718l6.085-.8 2.643-5.516A1 1 0 0112 1.87zm0 3.314l-1.975 4.123a1 1 0 01-.772.56l-4.538.596L8.032 13.6a1 1 0 01.296.91l-.834 4.484 4.03-2.178a1 1 0 01.952 0l4.03 2.178-.834-4.485a1 1 0 01.296-.91l3.317-3.136-4.538-.596a1 1 0 01-.772-.56L12 5.184z" })] });
+    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": "IconStar", 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.902.568l2.643 5.516 6.085.8a1 1 0 01.557 1.718l-4.45 4.207 1.118 6.008a1 1 0 01-1.46 1.062L12 18.832 6.604 21.75a1 1 0 01-1.458-1.062l1.116-6.008-4.449-4.207a1 1 0 01.557-1.718l6.085-.8 2.643-5.516A1 1 0 0112 1.87zm0 3.314l-1.975 4.123a1 1 0 01-.772.56l-4.538.596L8.032 13.6a1 1 0 01.296.91l-.834 4.484 4.03-2.178a1 1 0 01.952 0l4.03 2.178-.834-4.485a1 1 0 01.296-.91l3.317-3.136-4.538-.596a1 1 0 01-.772-.56L12 5.184z" })] }));
 };
 exports.IconStar = IconStar;

package/dist/icons/iconStarAi.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconStarAi = ({ 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": "IconStarAi", 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 1c0 3.188.669 5.255 1.882 6.536C16.084 11.674 18.01 12.37 21 12.37a1 1 0 110 2c-2.99 0-4.916.695-6.118 1.963C13.67 17.614 13 19.681 13 22.87a1 1 0 11-2 0c0-3.189-.669-5.256-1.882-6.537C7.916 15.065 5.99 14.37 3 14.37a1 1 0 110-2c2.99 0 4.916-.696 6.118-1.964C10.33 9.126 11 7.058 11 3.87a1 1 0 011-1zm0 6.733a7.608 7.608 0 01-1.43 2.178 7.281 7.281 0 01-2.221 1.589c.846.397 1.589.921 2.22 1.588A7.607 7.607 0 0112 17.136a7.607 7.607 0 011.43-2.178 7.284 7.284 0 012.221-1.588 7.281 7.281 0 01-2.22-1.589A7.608 7.608 0 0112 9.603z" })] });
+    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": "IconStarAi", 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 1c0 3.188.669 5.255 1.882 6.536C16.084 11.674 18.01 12.37 21 12.37a1 1 0 110 2c-2.99 0-4.916.695-6.118 1.963C13.67 17.614 13 19.681 13 22.87a1 1 0 11-2 0c0-3.189-.669-5.256-1.882-6.537C7.916 15.065 5.99 14.37 3 14.37a1 1 0 110-2c2.99 0 4.916-.696 6.118-1.964C10.33 9.126 11 7.058 11 3.87a1 1 0 011-1zm0 6.733a7.608 7.608 0 01-1.43 2.178 7.281 7.281 0 01-2.221 1.589c.846.397 1.589.921 2.22 1.588A7.607 7.607 0 0112 17.136a7.607 7.607 0 011.43-2.178 7.284 7.284 0 012.221-1.588 7.281 7.281 0 01-2.22-1.589A7.608 7.608 0 0112 9.603z" })] }));
 };
 exports.IconStarAi = IconStarAi;

package/dist/icons/iconStarFilled.js

@@ -7,11 +7,7 @@ const classNames_1 = require("../commonHelpers/classNames/classNames");
 const useUniqueId_1 = require("../commonHelpers/useUniqueId");
 const IconStarFilled = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = (0, useUniqueId_1.useUniqueId)();
-    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": "IconStarFilled", 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 1a1 1 0 0 1 .902.568l2.643 5.517 6.085.799a1 1 0 0 1 .557 1.718l-4.45 4.207 1.118 6.008a1 1 0 0 1-1.46 1.063L12 17.962 6.604 20.88a1 1 0 0 1-1.458-1.063l1.116-6.008-4.449-4.207a1 1 0 0 1 .557-1.718l6.085-.8 2.643-5.516A1 1 0 0 1 12 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": "IconStarFilled", 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 1a1 1 0 0 1 .902.568l2.643 5.517 6.085.799a1 1 0 0 1 .557 1.718l-4.45 4.207 1.118 6.008a1 1 0 0 1-1.46 1.063L12 17.962 6.604 20.88a1 1 0 0 1-1.458-1.063l1.116-6.008-4.449-4.207a1 1 0 0 1 .557-1.718l6.085-.8 2.643-5.516A1 1 0 0 1 12 1", clipRule: "evenodd" })] }));
 };
 exports.IconStarFilled = IconStarFilled;

package/dist/icons/iconStopwatch.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconStopwatch = ({ 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": "IconStopwatch", 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 2.87a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1zm3 4a7 7 0 100 14 7 7 0 000-14zm-9 7a9 9 0 1118 0 9 9 0 01-18 0zm5.293-2.293a1 1 0 111.414-1.415l3 3a1 1 0 01-1.414 1.415l-3-3z" })] });
+    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": "IconStopwatch", 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 2.87a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1zm3 4a7 7 0 100 14 7 7 0 000-14zm-9 7a9 9 0 1118 0 9 9 0 01-18 0zm5.293-2.293a1 1 0 111.414-1.415l3 3a1 1 0 01-1.414 1.415l-3-3z" })] }));
 };
 exports.IconStopwatch = IconStopwatch;

package/dist/icons/iconStorage.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconStorage = ({ 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": "IconStorage", 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 13v4h12v-4H6zm12-2H6v-10h12v10z" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.25 18.87a.75.75 0 101.5 0 .75.75 0 00-1.5 0zm-3 0a.75.75 0 101.5 0 .75.75 0 00-1.5 0z", strokeWidth: ".5", strokeLinecap: "square" })] });
+    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": "IconStorage", 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 13v4h12v-4H6zm12-2H6v-10h12v10z" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.25 18.87a.75.75 0 101.5 0 .75.75 0 00-1.5 0zm-3 0a.75.75 0 101.5 0 .75.75 0 00-1.5 0z", strokeWidth: ".5", strokeLinecap: "square" })] }));
 };
 exports.IconStorage = IconStorage;

package/dist/icons/iconStore.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconStore = ({ 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": "IconStore", 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.2 4.27a1 1 0 01.8-.4h12a1 1 0 01.8.4l3 4a1 1 0 01.2.6v1a3.988 3.988 0 01-1 2.645v8.355a1 1 0 01-1 1H4a1 1 0 01-1-1v-8.355A3.988 3.988 0 012 9.87v-1a1 1 0 01.2-.6l3-4zM5 13.743v6.127h4v-2a3 3 0 016 0v2h4v-6.127a4.003 4.003 0 01-4-1.228 3.99 3.99 0 01-3 1.355 3.99 3.99 0 01-3-1.354 3.99 3.99 0 01-4 1.227zm5-3.873a2 2 0 104 0h-4zm-5-2l1.5-2h11l1.5 2H5zm11 2a2 2 0 104 0h-4zm-12 0h4a2 2 0 01-4 0zm9 10v-2a1 1 0 10-2 0v2h2z" })] });
+    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": "IconStore", 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.2 4.27a1 1 0 01.8-.4h12a1 1 0 01.8.4l3 4a1 1 0 01.2.6v1a3.988 3.988 0 01-1 2.645v8.355a1 1 0 01-1 1H4a1 1 0 01-1-1v-8.355A3.988 3.988 0 012 9.87v-1a1 1 0 01.2-.6l3-4zM5 13.743v6.127h4v-2a3 3 0 016 0v2h4v-6.127a4.003 4.003 0 01-4-1.228 3.99 3.99 0 01-3 1.355 3.99 3.99 0 01-3-1.354 3.99 3.99 0 01-4 1.227zm5-3.873a2 2 0 104 0h-4zm-5-2l1.5-2h11l1.5 2H5zm11 2a2 2 0 104 0h-4zm-12 0h4a2 2 0 01-4 0zm9 10v-2a1 1 0 10-2 0v2h2z" })] }));
 };
 exports.IconStore = IconStore;

package/dist/icons/iconStrikeThrough.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconStrikeThrough = ({ 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": "IconStrikeThrough", 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: "M7.038 4.706C8.125 3.602 9.77 2.87 12 2.87c2.334 0 3.9.805 4.909 1.874.98 1.038 1.353 2.237 1.495 2.922a1 1 0 11-1.958.407c-.101-.487-.36-1.288-.992-1.957C14.852 5.478 13.827 4.87 12 4.87c-1.77 0-2.876.568-3.538 1.24-.68.69-.962 1.557-.962 2.26 0 .585.134 1.01.337 1.342.206.338.517.634.949.902.876.545 2.075.883 3.47 1.256H21a1 1 0 110 2H3a1 1 0 110-2h4.11a4.453 4.453 0 01-.98-1.116c-.413-.676-.63-1.47-.63-2.384 0-1.197.468-2.579 1.538-3.664zM16.307 15.87h2.218c.149.458.225.957.225 1.5 0 2.502-2.25 5.5-6.75 5.5-2.333 0-3.955-.803-5.043-1.835-1.066-1.01-1.563-2.181-1.78-2.861a1 1 0 111.906-.608c.157.492.514 1.32 1.25 2.018.712.674 1.838 1.286 3.667 1.286 3.5 0 4.75-2.205 4.75-3.5 0-.586-.135-1.011-.337-1.343a2.156 2.156 0 00-.106-.157z" })] });
+    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": "IconStrikeThrough", 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: "M7.038 4.706C8.125 3.602 9.77 2.87 12 2.87c2.334 0 3.9.805 4.909 1.874.98 1.038 1.353 2.237 1.495 2.922a1 1 0 11-1.958.407c-.101-.487-.36-1.288-.992-1.957C14.852 5.478 13.827 4.87 12 4.87c-1.77 0-2.876.568-3.538 1.24-.68.69-.962 1.557-.962 2.26 0 .585.134 1.01.337 1.342.206.338.517.634.949.902.876.545 2.075.883 3.47 1.256H21a1 1 0 110 2H3a1 1 0 110-2h4.11a4.453 4.453 0 01-.98-1.116c-.413-.676-.63-1.47-.63-2.384 0-1.197.468-2.579 1.538-3.664zM16.307 15.87h2.218c.149.458.225.957.225 1.5 0 2.502-2.25 5.5-6.75 5.5-2.333 0-3.955-.803-5.043-1.835-1.066-1.01-1.563-2.181-1.78-2.861a1 1 0 111.906-.608c.157.492.514 1.32 1.25 2.018.712.674 1.838 1.286 3.667 1.286 3.5 0 4.75-2.205 4.75-3.5 0-.586-.135-1.011-.337-1.343a2.156 2.156 0 00-.106-.157z" })] }));
 };
 exports.IconStrikeThrough = IconStrikeThrough;

package/dist/icons/iconSun.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconSun = ({ 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": "IconSun", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 1.87v3h-2v-3h2zM4.93 4.385L7.054 6.51 5.64 7.924 3.516 5.8 4.93 4.385zM20.484 5.8L18.36 7.924 16.946 6.51l2.124-2.125L20.484 5.8zm-5.656 4.241a4 4 0 10-5.656 5.657 4 4 0 005.656-5.657zm-7.07-1.414a6 6 0 118.485 8.485 6 6 0 01-8.486-8.485zM1 11.87h3v2H1v-2zm19 0h3v2h-3v-2zM7.054 19.23L4.93 21.354 3.516 19.94l2.124-2.125 1.414 1.415zm11.306-1.415l2.124 2.125-1.414 1.414-2.124-2.124 1.414-1.415zM13 20.87v3h-2v-3h2z" })] });
+    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": "IconSun", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 1.87v3h-2v-3h2zM4.93 4.385L7.054 6.51 5.64 7.924 3.516 5.8 4.93 4.385zM20.484 5.8L18.36 7.924 16.946 6.51l2.124-2.125L20.484 5.8zm-5.656 4.241a4 4 0 10-5.656 5.657 4 4 0 005.656-5.657zm-7.07-1.414a6 6 0 118.485 8.485 6 6 0 01-8.486-8.485zM1 11.87h3v2H1v-2zm19 0h3v2h-3v-2zM7.054 19.23L4.93 21.354 3.516 19.94l2.124-2.125 1.414 1.415zm11.306-1.415l2.124 2.125-1.414 1.414-2.124-2.124 1.414-1.415zM13 20.87v3h-2v-3h2z" })] }));
 };
 exports.IconSun = IconSun;

package/dist/icons/iconSupport.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconSupport = ({ 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": "IconSupport", 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.033 9.913A2.5 2.5 0 002 12.37v3.5a2.5 2.5 0 002.5 2.5H6a1 1 0 001-1v-6.5a1 1 0 00-.947-.999C6.45 7.098 9.016 4.87 12.25 4.87s5.8 2.228 6.197 5.001a1 1 0 00-.947.999v6.5a1 1 0 001 1h.105a3.502 3.502 0 01-3.355 2.5H13v-1a1 1 0 10-2 0v2a1 1 0 001 1h3.25a5.501 5.501 0 005.425-4.593A2.501 2.501 0 0022.5 15.87v-3.5a2.5 2.5 0 00-2.034-2.457C20.085 5.91 16.492 2.87 12.25 2.87c-4.242 0-7.835 3.04-8.217 7.043zM19.5 11.87v4.5h.5a.5.5 0 00.5-.5v-3.5a.5.5 0 00-.5-.5h-.5zm-14.5 0h-.5a.5.5 0 00-.5.5v3.5a.5.5 0 00.5.5H5v-4.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": "IconSupport", 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.033 9.913A2.5 2.5 0 002 12.37v3.5a2.5 2.5 0 002.5 2.5H6a1 1 0 001-1v-6.5a1 1 0 00-.947-.999C6.45 7.098 9.016 4.87 12.25 4.87s5.8 2.228 6.197 5.001a1 1 0 00-.947.999v6.5a1 1 0 001 1h.105a3.502 3.502 0 01-3.355 2.5H13v-1a1 1 0 10-2 0v2a1 1 0 001 1h3.25a5.501 5.501 0 005.425-4.593A2.501 2.501 0 0022.5 15.87v-3.5a2.5 2.5 0 00-2.034-2.457C20.085 5.91 16.492 2.87 12.25 2.87c-4.242 0-7.835 3.04-8.217 7.043zM19.5 11.87v4.5h.5a.5.5 0 00.5-.5v-3.5a.5.5 0 00-.5-.5h-.5zm-14.5 0h-.5a.5.5 0 00-.5.5v3.5a.5.5 0 00.5.5H5v-4.5z" })] }));
 };
 exports.IconSupport = IconSupport;

package/dist/icons/iconTable.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconTable = ({ 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": "IconTable", 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 7v8h4v-8H5zm4-2H5v-4h4v4zm2 2v8h8v-8h-8zm8-2h-8v-4h8v4z" })] });
+    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": "IconTable", 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 7v8h4v-8H5zm4-2H5v-4h4v4zm2 2v8h8v-8h-8zm8-2h-8v-4h8v4z" })] }));
 };
 exports.IconTable = IconTable;

package/dist/icons/iconTachograph.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconTachograph = ({ 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": "IconTachograph", 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 8a3 3 0 013-3h16a3 3 0 013 3v8a3 3 0 01-3 3H4a3 3 0 01-3-3V8zm3-1a1 1 0 00-1 1v8a1 1 0 001 1h16a1 1 0 001-1V8a1 1 0 00-1-1H4z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.5 10a1 1 0 011-1H10a1 1 0 110 2H5.5a1 1 0 01-1-1zM13 14a1 1 0 011-1h4.5a1 1 0 110 2H14a1 1 0 01-1-1z" }), (0, jsx_runtime_1.jsx)("path", { d: "M6.5 14a1 1 0 11-2 0 1 1 0 012 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 14a1 1 0 011-1h1a1 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 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": "IconTachograph", 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 8a3 3 0 013-3h16a3 3 0 013 3v8a3 3 0 01-3 3H4a3 3 0 01-3-3V8zm3-1a1 1 0 00-1 1v8a1 1 0 001 1h16a1 1 0 001-1V8a1 1 0 00-1-1H4z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.5 10a1 1 0 011-1H10a1 1 0 110 2H5.5a1 1 0 01-1-1zM13 14a1 1 0 011-1h4.5a1 1 0 110 2H14a1 1 0 01-1-1z" }), (0, jsx_runtime_1.jsx)("path", { d: "M6.5 14a1 1 0 11-2 0 1 1 0 012 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 14a1 1 0 011-1h1a1 1 0 110 2H9a1 1 0 01-1-1z" })] }));
 };
 exports.IconTachograph = IconTachograph;

package/dist/icons/iconTachographTimeCard.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconTachographTimeCard = ({ 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": "IconTachographTimeCard", 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: "M4 3a3 3 0 00-3 3v8a3 3 0 003 3h4.375a1 1 0 100-2H4a1 1 0 01-1-1V6a1 1 0 011-1h16a1 1 0 011 1v2.5a1 1 0 102 0V6a3 3 0 00-3-3H4z" }), (0, jsx_runtime_1.jsx)("path", { d: "M5.5 7a1 1 0 000 2H10a1 1 0 100-2H5.5zM8 12a1 1 0 011-1h1a1 1 0 110 2H9a1 1 0 01-1-1zM5.5 13a1 1 0 100-2 1 1 0 000 2z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 16a6 6 0 10-12 0 6 6 0 0012 0zm-9.874-1a4.002 4.002 0 017.748 0h-2.142a2 2 0 00-3.464 0h-2.142zm0 2h2.142c.175.304.428.557.732.732v2.142A4.007 4.007 0 0113.126 17zM18 19.874v-2.142a2.01 2.01 0 00.732-.732h2.142A4.007 4.007 0 0118 19.874z" })] });
+    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": "IconTachographTimeCard", 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: "M4 3a3 3 0 00-3 3v8a3 3 0 003 3h4.375a1 1 0 100-2H4a1 1 0 01-1-1V6a1 1 0 011-1h16a1 1 0 011 1v2.5a1 1 0 102 0V6a3 3 0 00-3-3H4z" }), (0, jsx_runtime_1.jsx)("path", { d: "M5.5 7a1 1 0 000 2H10a1 1 0 100-2H5.5zM8 12a1 1 0 011-1h1a1 1 0 110 2H9a1 1 0 01-1-1zM5.5 13a1 1 0 100-2 1 1 0 000 2z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23 16a6 6 0 10-12 0 6 6 0 0012 0zm-9.874-1a4.002 4.002 0 017.748 0h-2.142a2 2 0 00-3.464 0h-2.142zm0 2h2.142c.175.304.428.557.732.732v2.142A4.007 4.007 0 0113.126 17zM18 19.874v-2.142a2.01 2.01 0 00.732-.732h2.142A4.007 4.007 0 0118 19.874z" })] }));
 };
 exports.IconTachographTimeCard = IconTachographTimeCard;

package/dist/icons/iconTarget.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconTarget = ({ 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": "IconTarget", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.73 2.396a1 1 0 01.719.657l.842 2.526 2.525.842a1 1 0 01.391 1.656l-3.5 3.5a1 1 0 01-.707.293h-3.586l-1.707 1.707a1 1 0 01-1.414-1.415L13 10.455V6.87a1 1 0 01.293-.707l3.5-3.5a1 1 0 01.937-.267zM15 9.87h2.586l2.063-2.063-1.465-.489a1 1 0 01-.633-.632l-.488-1.465L15 7.284V9.87zm-3-5a8 8 0 108 8 1 1 0 012 0c0 5.522-4.477 10-10 10s-10-4.478-10-10c0-5.523 4.477-10 10-10a1 1 0 110 2zm-.546 2.7a1 1 0 01-.654 1.254A4.002 4.002 0 0012 16.64a4.002 4.002 0 003.817-2.8 1 1 0 011.908.6A6.002 6.002 0 016 12.64a6.002 6.002 0 014.2-5.725 1 1 0 011.254.654z" })] });
+    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": "IconTarget", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.73 2.396a1 1 0 01.719.657l.842 2.526 2.525.842a1 1 0 01.391 1.656l-3.5 3.5a1 1 0 01-.707.293h-3.586l-1.707 1.707a1 1 0 01-1.414-1.415L13 10.455V6.87a1 1 0 01.293-.707l3.5-3.5a1 1 0 01.937-.267zM15 9.87h2.586l2.063-2.063-1.465-.489a1 1 0 01-.633-.632l-.488-1.465L15 7.284V9.87zm-3-5a8 8 0 108 8 1 1 0 012 0c0 5.522-4.477 10-10 10s-10-4.478-10-10c0-5.523 4.477-10 10-10a1 1 0 110 2zm-.546 2.7a1 1 0 01-.654 1.254A4.002 4.002 0 0012 16.64a4.002 4.002 0 003.817-2.8 1 1 0 011.908.6A6.002 6.002 0 016 12.64a6.002 6.002 0 014.2-5.725 1 1 0 011.254.654z" })] }));
 };
 exports.IconTarget = IconTarget;

package/dist/icons/iconTarget2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconTarget2 = ({ 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": "IconTarget2", 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 1v2.5a1 1 0 11-2 0v-2.5a1 1 0 011-1zm-6 6a1 1 0 011-1v2a1 1 0 01-1-1zm1 0v1h2.5a1 1 0 100-2H7v1zm6.5 0a1 1 0 011-1H17a1 1 0 110 2h-2.5a1 1 0 01-1-1zm-1.5 1.5a1 1 0 011 1v2.5a1 1 0 11-2 0v-2.5a1 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": "IconTarget2", 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 1v2.5a1 1 0 11-2 0v-2.5a1 1 0 011-1zm-6 6a1 1 0 011-1v2a1 1 0 01-1-1zm1 0v1h2.5a1 1 0 100-2H7v1zm6.5 0a1 1 0 011-1H17a1 1 0 110 2h-2.5a1 1 0 01-1-1zm-1.5 1.5a1 1 0 011 1v2.5a1 1 0 11-2 0v-2.5a1 1 0 011-1z" })] }));
 };
 exports.IconTarget2 = IconTarget2;

package/dist/icons/iconTarget3.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconTarget3 = ({ 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": "IconTarget3", 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 011 1v2.062a8.004 8.004 0 016.938 6.938H22a1 1 0 110 2h-2.062A8.004 8.004 0 0113 20.808v2.062a1 1 0 11-2 0v-2.062a8.004 8.004 0 01-6.938-6.938H2a1 1 0 110-2h2.062A8.004 8.004 0 0111 4.932V2.87a1 1 0 011-1zm-1 5.083a6.005 6.005 0 00-4.917 4.917H8a1 1 0 110 2H6.083A6.005 6.005 0 0011 18.787V16.87a1 1 0 112 0v1.917a6.005 6.005 0 004.917-4.917H16a1 1 0 110-2h1.917A6.005 6.005 0 0013 6.953V8.87a1 1 0 11-2 0V6.953z" })] });
+    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": "IconTarget3", 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 011 1v2.062a8.004 8.004 0 016.938 6.938H22a1 1 0 110 2h-2.062A8.004 8.004 0 0113 20.808v2.062a1 1 0 11-2 0v-2.062a8.004 8.004 0 01-6.938-6.938H2a1 1 0 110-2h2.062A8.004 8.004 0 0111 4.932V2.87a1 1 0 011-1zm-1 5.083a6.005 6.005 0 00-4.917 4.917H8a1 1 0 110 2H6.083A6.005 6.005 0 0011 18.787V16.87a1 1 0 112 0v1.917a6.005 6.005 0 004.917-4.917H16a1 1 0 110-2h1.917A6.005 6.005 0 0013 6.953V8.87a1 1 0 11-2 0V6.953z" })] }));
 };
 exports.IconTarget3 = IconTarget3;

package/dist/icons/iconTelevision.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconTelevision = ({ 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": "IconTelevision", 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 4.87a1 1 0 011-1h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1v-12zm2 1v10h16v-10H4zm8 15c-1.984 0-3.892.332-5.675.945a1 1 0 01-.65-1.891A19.41 19.41 0 0112 18.87c2.21 0 4.336.37 6.325 1.054a1 1 0 11-.65 1.891A17.405 17.405 0 0012 20.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": "IconTelevision", 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 4.87a1 1 0 011-1h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1v-12zm2 1v10h16v-10H4zm8 15c-1.984 0-3.892.332-5.675.945a1 1 0 01-.65-1.891A19.41 19.41 0 0112 18.87c2.21 0 4.336.37 6.325 1.054a1 1 0 11-.65 1.891A17.405 17.405 0 0012 20.87z" })] }));
 };
 exports.IconTelevision = IconTelevision;

package/dist/icons/iconTelevision2.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconTelevision2 = ({ 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": "IconTelevision2", 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.71 3.756a1 1 0 011.404-.176L12 6.603l3.886-3.023a1 1 0 111.228 1.579l-2.2 1.71H21a1 1 0 011 1v13a1 1 0 01-1 1H3a1 1 0 01-1-1v-13a1 1 0 011-1h6.085L6.886 5.16a1 1 0 01-.175-1.403zM4 8.87v11h16v-11H4z" })] });
+    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": "IconTelevision2", 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.71 3.756a1 1 0 011.404-.176L12 6.603l3.886-3.023a1 1 0 111.228 1.579l-2.2 1.71H21a1 1 0 011 1v13a1 1 0 01-1 1H3a1 1 0 01-1-1v-13a1 1 0 011-1h6.085L6.886 5.16a1 1 0 01-.175-1.403zM4 8.87v11h16v-11H4z" })] }));
 };
 exports.IconTelevision2 = IconTelevision2;

package/dist/icons/iconTextSize.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconTextSize = ({ 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": "IconTextSize", 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 5.87a1 1 0 011-1h12a1 1 0 110 2h-5v14a1 1 0 11-2 0v-14h-5a1 1 0 01-1-1zm-3.073 7v8a1 1 0 102 0v-8H12a1 1 0 100-2H6.971a1.1 1.1 0 00-.089 0H2a1 1 0 100 2h3.927z" })] });
+    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": "IconTextSize", 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 5.87a1 1 0 011-1h12a1 1 0 110 2h-5v14a1 1 0 11-2 0v-14h-5a1 1 0 01-1-1zm-3.073 7v8a1 1 0 102 0v-8H12a1 1 0 100-2H6.971a1.1 1.1 0 00-.089 0H2a1 1 0 100 2h3.927z" })] }));
 };
 exports.IconTextSize = IconTextSize;

package/dist/icons/iconThermograph.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconThermograph = ({ 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": "IconThermograph", 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: "M1 6a3 3 0 013-3h16a3 3 0 013 3v3a1 1 0 11-2 0V6a1 1 0 00-1-1H4a1 1 0 00-1 1v8a1 1 0 001 1h6.438a1 1 0 110 2H4a3 3 0 01-3-3V6z" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.5 8a1 1 0 011-1H10a1 1 0 110 2H5.5a1 1 0 01-1-1zM9 11a1 1 0 100 2h1a1 1 0 100-2H9zM6.5 12a1 1 0 11-2 0 1 1 0 012 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17 7a2 2 0 00-2 2v5.535a4 4 0 104 0V9a2 2 0 00-2-2zm-2 11a2 2 0 114 0 2 2 0 01-4 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": "IconThermograph", 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: "M1 6a3 3 0 013-3h16a3 3 0 013 3v3a1 1 0 11-2 0V6a1 1 0 00-1-1H4a1 1 0 00-1 1v8a1 1 0 001 1h6.438a1 1 0 110 2H4a3 3 0 01-3-3V6z" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.5 8a1 1 0 011-1H10a1 1 0 110 2H5.5a1 1 0 01-1-1zM9 11a1 1 0 100 2h1a1 1 0 100-2H9zM6.5 12a1 1 0 11-2 0 1 1 0 012 0z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17 7a2 2 0 00-2 2v5.535a4 4 0 104 0V9a2 2 0 00-2-2zm-2 11a2 2 0 114 0 2 2 0 01-4 0z" })] }));
 };
 exports.IconThermograph = IconThermograph;

package/dist/icons/iconThermometer.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconThermometer = ({ 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": "IconThermometer", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 11.645V8a1 1 0 10-2 0v3.645a3.502 3.502 0 001 6.855 3.5 3.5 0 001-6.855zM12 13.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.855 2.226A4.719 4.719 0 0112 1c1.242 0 2.35.508 3.145 1.226.78.705 1.355 1.704 1.355 2.764v4.648a7 7 0 11-9 0V4.99c0-1.06.575-2.059 1.355-2.764zm1.34 1.485c-.486.439-.695.935-.695 1.28v5.648l-.416.299a5 5 0 105.832 0l-.416-.3V4.99c0-.344-.209-.84-.695-1.28A2.72 2.72 0 0012 3a2.72 2.72 0 00-1.805.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 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": "IconThermometer", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 11.645V8a1 1 0 10-2 0v3.645a3.502 3.502 0 001 6.855 3.5 3.5 0 001-6.855zM12 13.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.855 2.226A4.719 4.719 0 0112 1c1.242 0 2.35.508 3.145 1.226.78.705 1.355 1.704 1.355 2.764v4.648a7 7 0 11-9 0V4.99c0-1.06.575-2.059 1.355-2.764zm1.34 1.485c-.486.439-.695.935-.695 1.28v5.648l-.416.299a5 5 0 105.832 0l-.416-.3V4.99c0-.344-.209-.84-.695-1.28A2.72 2.72 0 0012 3a2.72 2.72 0 00-1.805.71z" })] }));
 };
 exports.IconThermometer = IconThermometer;

package/dist/icons/iconThumbsDown.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconThumbsDown = ({ 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": "IconThumbsDown", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.924 22.314a1 1 0 01-.896.556h-.613a2.998 2.998 0 01-2.958-3.462l.395-2.538H5.99c-2.421 0-4.279-2.143-3.953-4.54l.68-5a3.993 3.993 0 013.952-3.46H21a1 1 0 011 1v9a1 1 0 01-1 1h-3.38l-3.696 7.444zM18 12.87h2v-7h-2v7zm-2-7H6.67c-.993 0-1.837.736-1.972 1.729l-.68 5a1.996 1.996 0 001.972 2.27h5.03a1 1 0 01.987 1.154l-.573 3.692a.998.998 0 00.974 1.155L16 13.635V5.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": "IconThumbsDown", children: [title ? (0, jsx_runtime_1.jsx)("title", { id: uniqueId, children: title }) : null, description ? (0, jsx_runtime_1.jsx)("desc", { children: description }) : null, (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.924 22.314a1 1 0 01-.896.556h-.613a2.998 2.998 0 01-2.958-3.462l.395-2.538H5.99c-2.421 0-4.279-2.143-3.953-4.54l.68-5a3.993 3.993 0 013.952-3.46H21a1 1 0 011 1v9a1 1 0 01-1 1h-3.38l-3.696 7.444zM18 12.87h2v-7h-2v7zm-2-7H6.67c-.993 0-1.837.736-1.972 1.729l-.68 5a1.996 1.996 0 001.972 2.27h5.03a1 1 0 01.987 1.154l-.573 3.692a.998.998 0 00.974 1.155L16 13.635V5.87z" })] }));
 };
 exports.IconThumbsDown = IconThumbsDown;

package/dist/icons/iconThumbsUp.js

@@ -6,11 +6,7 @@ const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const IconThumbsUp = ({ 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": "IconThumbsUp", 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.106 3.422A1 1 0 0111 2.87h.616a3 3 0 012.964 3.462l-.396 2.538h3.88a4 4 0 013.962 4.54l-.681 5a4 4 0 01-3.964 3.46H3a1 1 0 01-1-1v-9a1 1 0 011-1h3.382l3.724-7.448zM6 12.87H4v7h2v-7zm2 7h9.381a2 2 0 001.982-1.73l.682-5a2 2 0 00-1.982-2.27h-5.047a1 1 0 01-.988-1.154l.576-3.692a1 1 0 00-.986-1.154L8 12.106v7.764z" })] });
+    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": "IconThumbsUp", 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.106 3.422A1 1 0 0111 2.87h.616a3 3 0 012.964 3.462l-.396 2.538h3.88a4 4 0 013.962 4.54l-.681 5a4 4 0 01-3.964 3.46H3a1 1 0 01-1-1v-9a1 1 0 011-1h3.382l3.724-7.448zM6 12.87H4v7h2v-7zm2 7h9.381a2 2 0 001.982-1.73l.682-5a2 2 0 00-1.982-2.27h-5.047a1 1 0 01-.988-1.154l.576-3.692a1 1 0 00-.986-1.154L8 12.106v7.764z" })] }));
 };
 exports.IconThumbsUp = IconThumbsUp;