@geotab/zenith 3.7.0 → 3.8.0-beta.0

package/esm/icons/iconGrids.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconGrids = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconGrids", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 6.87a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1zm0 6a1 1 0 011-1h7a1 1 0 110 2H4a1 1 0 01-1-1zm15-1a1 1 0 011 1c0 1.266.282 1.95.665 2.334.384.384 1.068.666 2.335.666a1 1 0 110 2c-1.267 0-1.95.281-2.335.665-.383.384-.665 1.068-.665 2.335a1 1 0 11-2 0c0-1.267-.282-1.951-.665-2.335-.384-.384-1.068-.665-2.335-.665a1 1 0 110-2c1.267 0 1.95-.282 2.335-.666.383-.384.665-1.068.665-2.334a1 1 0 011-1zm0 4.47a3.653 3.653 0 01-.53.53 3.617 3.617 0 01.53.53 3.653 3.653 0 01.53-.53 3.615 3.615 0 01-.53-.53zM3 18.87a1 1 0 011-1h5a1 1 0 110 2H4a1 1 0 01-1-1z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconGrids", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 6.87a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1zm0 6a1 1 0 011-1h7a1 1 0 110 2H4a1 1 0 01-1-1zm15-1a1 1 0 011 1c0 1.266.282 1.95.665 2.334.384.384 1.068.666 2.335.666a1 1 0 110 2c-1.267 0-1.95.281-2.335.665-.383.384-.665 1.068-.665 2.335a1 1 0 11-2 0c0-1.267-.282-1.951-.665-2.335-.384-.384-1.068-.665-2.335-.665a1 1 0 110-2c1.267 0 1.95-.282 2.335-.666.383-.384.665-1.068.665-2.334a1 1 0 011-1zm0 4.47a3.653 3.653 0 01-.53.53 3.617 3.617 0 01.53.53 3.653 3.653 0 01.53-.53 3.615 3.615 0 01-.53-.53zM3 18.87a1 1 0 011-1h5a1 1 0 110 2H4a1 1 0 01-1-1z" })] }));
 };

package/esm/icons/iconGrids2.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconGrids2 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconGrids2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 5.87a1 1 0 011-1h20a1 1 0 011 1v14a1 1 0 01-1 1H2a1 1 0 01-1-1v-14zm2 1v12h18v-12H3zm6.207 5.292A1 1 0 108.5 13.87m2.83 0a3 3 0 10-5.659-2 3 3 0 005.658 2zm1.34 0a3 3 0 115.659-1.999 3 3 0 01-5.658 1.999zm2.827 0a1 1 0 11.005 0m-2.831 0h2.826-2.826zm0 0h-1.342 1.342zm-4.166 2h6.99-6.99z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconGrids2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 5.87a1 1 0 011-1h20a1 1 0 011 1v14a1 1 0 01-1 1H2a1 1 0 01-1-1v-14zm2 1v12h18v-12H3zm6.207 5.292A1 1 0 108.5 13.87m2.83 0a3 3 0 10-5.659-2 3 3 0 005.658 2zm1.34 0a3 3 0 115.659-1.999 3 3 0 01-5.658 1.999zm2.827 0a1 1 0 11.005 0m-2.831 0h2.826-2.826zm0 0h-1.342 1.342zm-4.166 2h6.99-6.99z" })] }));
 };

package/esm/icons/iconHarness.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconHarness = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHarness", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 6a2 2 0 002 2h4a2 2 0 002-2h6a2 2 0 110 4H7.5a4.5 4.5 0 100 9h5.626A4.002 4.002 0 0021 18a4 4 0 00-7.874-1H7.5a2.5 2.5 0 010-5H17a4 4 0 000-8h-6a2 2 0 00-2-2H5a2 2 0 00-2 2v2zm3 0a1 1 0 010-2h2a1 1 0 010 2H6zm11 14a2 2 0 110-4 2 2 0 010 4z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHarness", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 6a2 2 0 002 2h4a2 2 0 002-2h6a2 2 0 110 4H7.5a4.5 4.5 0 100 9h5.626A4.002 4.002 0 0021 18a4 4 0 00-7.874-1H7.5a2.5 2.5 0 010-5H17a4 4 0 000-8h-6a2 2 0 00-2-2H5a2 2 0 00-2 2v2zm3 0a1 1 0 010-2h2a1 1 0 010 2H6zm11 14a2 2 0 110-4 2 2 0 010 4z" })] }));
 };

package/esm/icons/iconHeadphones.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconHeadphones = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHeadphones", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 5.87a7 7 0 00-7 7v1h3a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-8a9 9 0 0118 0v8a1 1 0 01-1 1h-4a1 1 0 01-1-1v-6a1 1 0 011-1h3v-1a7 7 0 00-7-7zm7 10h-2v4h2v-4zm-14 0v4h2v-4H5z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHeadphones", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 5.87a7 7 0 00-7 7v1h3a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-8a9 9 0 0118 0v8a1 1 0 01-1 1h-4a1 1 0 01-1-1v-6a1 1 0 011-1h3v-1a7 7 0 00-7-7zm7 10h-2v4h2v-4zm-14 0v4h2v-4H5z" })] }));
 };

package/esm/icons/iconHeart.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconHeart = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHeart", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.292 7.054C4.554 7.84 4 9.084 4 10.87c0 2.405 1.752 4.647 3.856 6.385a19.719 19.719 0 002.907 1.987c.417.231.77.403 1.029.515.083.035.153.063.208.083.055-.02.125-.048.208-.083.26-.112.612-.284 1.029-.515a19.721 19.721 0 002.907-1.987C18.248 15.517 20 13.275 20 10.87c0-1.786-.554-3.029-1.292-3.816A3.695 3.695 0 0016 5.87a5.117 5.117 0 00-3.11 1.053 3.1 3.1 0 00-.185.156l.001-.001-.003.003.002-.002-.002.001v.001a1 1 0 01-1.409-.003 3.1 3.1 0 00-.184-.155A5.117 5.117 0 008 5.87c-.982 0-1.965.391-2.708 1.184zm6.002.024l.002.002.001.001a.089.089 0 01-.003-.003zM12 5.098a7.118 7.118 0 014-1.228c1.518 0 3.035.608 4.167 1.816C21.304 6.898 22 8.656 22 10.87c0 3.344-2.373 6.102-4.582 7.927a21.716 21.716 0 01-3.21 2.193c-.462.257-.877.461-1.212.605a5.34 5.34 0 01-.466.178 1.786 1.786 0 01-.53.097c-.216 0-.422-.063-.53-.097a5.34 5.34 0 01-.466-.178c-.335-.144-.75-.348-1.212-.605a21.714 21.714 0 01-3.21-2.193C4.372 16.972 2 14.214 2 10.87c0-2.214.696-3.972 1.833-5.184A5.695 5.695 0 018 3.87a7.118 7.118 0 014 1.228z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHeart", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.292 7.054C4.554 7.84 4 9.084 4 10.87c0 2.405 1.752 4.647 3.856 6.385a19.719 19.719 0 002.907 1.987c.417.231.77.403 1.029.515.083.035.153.063.208.083.055-.02.125-.048.208-.083.26-.112.612-.284 1.029-.515a19.721 19.721 0 002.907-1.987C18.248 15.517 20 13.275 20 10.87c0-1.786-.554-3.029-1.292-3.816A3.695 3.695 0 0016 5.87a5.117 5.117 0 00-3.11 1.053 3.1 3.1 0 00-.185.156l.001-.001-.003.003.002-.002-.002.001v.001a1 1 0 01-1.409-.003 3.1 3.1 0 00-.184-.155A5.117 5.117 0 008 5.87c-.982 0-1.965.391-2.708 1.184zm6.002.024l.002.002.001.001a.089.089 0 01-.003-.003zM12 5.098a7.118 7.118 0 014-1.228c1.518 0 3.035.608 4.167 1.816C21.304 6.898 22 8.656 22 10.87c0 3.344-2.373 6.102-4.582 7.927a21.716 21.716 0 01-3.21 2.193c-.462.257-.877.461-1.212.605a5.34 5.34 0 01-.466.178 1.786 1.786 0 01-.53.097c-.216 0-.422-.063-.53-.097a5.34 5.34 0 01-.466-.178c-.335-.144-.75-.348-1.212-.605a21.714 21.714 0 01-3.21-2.193C4.372 16.972 2 14.214 2 10.87c0-2.214.696-3.972 1.833-5.184A5.695 5.695 0 018 3.87a7.118 7.118 0 014 1.228z" })] }));
 };

package/esm/icons/iconHexonalWarning.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconHexonalWarning = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconInfoCircle", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { xmlns: "http://www.w3.org/2000/svg", d: "M8 12.4444C8.25185 12.4444 8.46296 12.3593 8.63333 12.1889C8.8037 12.0185 8.88889 11.8074 8.88889 11.5556C8.88889 11.3037 8.8037 11.0926 8.63333 10.9222C8.46296 10.7519 8.25185 10.6667 8 10.6667C7.74815 10.6667 7.53704 10.7519 7.36667 10.9222C7.1963 11.0926 7.11111 11.3037 7.11111 11.5556C7.11111 11.8074 7.1963 12.0185 7.36667 12.1889C7.53704 12.3593 7.74815 12.4444 8 12.4444ZM7.11111 8.88889H8.88889V3.55556H7.11111V8.88889ZM4.66667 16L0 11.3333V4.66667L4.66667 0H11.3333L16 4.66667V11.3333L11.3333 16H4.66667ZM5.42222 14.2222H10.5778L14.2222 10.5778V5.42222L10.5778 1.77778H5.42222L1.77778 5.42222V10.5778L5.42222 14.2222Z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 18", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconInfoCircle", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { xmlns: "http://www.w3.org/2000/svg", d: "M8 12.4444C8.25185 12.4444 8.46296 12.3593 8.63333 12.1889C8.8037 12.0185 8.88889 11.8074 8.88889 11.5556C8.88889 11.3037 8.8037 11.0926 8.63333 10.9222C8.46296 10.7519 8.25185 10.6667 8 10.6667C7.74815 10.6667 7.53704 10.7519 7.36667 10.9222C7.1963 11.0926 7.11111 11.3037 7.11111 11.5556C7.11111 11.8074 7.1963 12.0185 7.36667 12.1889C7.53704 12.3593 7.74815 12.4444 8 12.4444ZM7.11111 8.88889H8.88889V3.55556H7.11111V8.88889ZM4.66667 16L0 11.3333V4.66667L4.66667 0H11.3333L16 4.66667V11.3333L11.3333 16H4.66667ZM5.42222 14.2222H10.5778L14.2222 10.5778V5.42222L10.5778 1.77778H5.42222L1.77778 5.42222V10.5778L5.42222 14.2222Z" })] }));
 };

package/esm/icons/iconHistory.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconHistory = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHistory", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M18.263 7.05a7 7 0 0 0-9.9 0c-.968.969-1.497 1.96-1.758 3.053a8.3 8.3 0 0 0-.211 1.745l1.242-1.242a1 1 0 0 1 1.415 1.414l-2.829 2.829a1 1 0 0 1-1.414 0L1.98 12.02a1 1 0 1 1 1.414-1.414L4.4 11.612c.026-.677.107-1.335.26-1.975.35-1.464 1.069-2.78 2.29-4.001a9 9 0 1 1 2.483 14.487 1 1 0 1 1 .862-1.805A7 7 0 0 0 18.263 7.05" }), _jsx("path", { d: "M13.702 8.84a1 1 0 1 0-2 0v4a1 1 0 0 0 .293.706l2.5 2.5a1 1 0 1 0 1.414-1.414l-2.207-2.207z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHistory", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M18.263 7.05a7 7 0 0 0-9.9 0c-.968.969-1.497 1.96-1.758 3.053a8.3 8.3 0 0 0-.211 1.745l1.242-1.242a1 1 0 0 1 1.415 1.414l-2.829 2.829a1 1 0 0 1-1.414 0L1.98 12.02a1 1 0 1 1 1.414-1.414L4.4 11.612c.026-.677.107-1.335.26-1.975.35-1.464 1.069-2.78 2.29-4.001a9 9 0 1 1 2.483 14.487 1 1 0 1 1 .862-1.805A7 7 0 0 0 18.263 7.05" }), _jsx("path", { d: "M13.702 8.84a1 1 0 1 0-2 0v4a1 1 0 0 0 .293.706l2.5 2.5a1 1 0 1 0 1.414-1.414l-2.207-2.207z" })] }));
 };

package/esm/icons/iconHomeDoor.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconHomeDoor = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHomeDoor", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.51 2.498a1 1 0 01.98 0l8 4.5a1 1 0 01.51.872v13a1 1 0 01-1 1H4a1 1 0 01-1-1v-13a1 1 0 01.51-.872l8-4.5zM5 8.454V19.87h14V8.454l-7-3.937-7 3.937zm7 2.416a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 0z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHomeDoor", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.51 2.498a1 1 0 01.98 0l8 4.5a1 1 0 01.51.872v13a1 1 0 01-1 1H4a1 1 0 01-1-1v-13a1 1 0 01.51-.872l8-4.5zM5 8.454V19.87h14V8.454l-7-3.937-7 3.937zm7 2.416a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 0z" })] }));
 };

package/esm/icons/iconHomeDoor2.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconHomeDoor2 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHomeDoor2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.37 2.344a1 1 0 011.26 0l8 6.5a1 1 0 01.37.776v11.25a1 1 0 01-1 1H4a1 1 0 01-1-1V9.62a1 1 0 01.37-.776l8-6.5zM10 19.87h4v-5h-4v5zm6 0v-6a1 1 0 00-1-1H9a1 1 0 00-1 1v6H5v-9.774l7-5.688 7 5.688v9.774h-3z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHomeDoor2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.37 2.344a1 1 0 011.26 0l8 6.5a1 1 0 01.37.776v11.25a1 1 0 01-1 1H4a1 1 0 01-1-1V9.62a1 1 0 01.37-.776l8-6.5zM10 19.87h4v-5h-4v5zm6 0v-6a1 1 0 00-1-1H9a1 1 0 00-1 1v6H5v-9.774l7-5.688 7 5.688v9.774h-3z" })] }));
 };

package/esm/icons/iconHomeRoof.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconHomeRoof = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHomeRoof", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.418 2.807a1 1 0 011.164 0l9.5 6.8a1 1 0 11-1.164 1.627L20 10.577V20.87a1 1 0 01-1 1H5a1 1 0 01-1-1V10.577l-.918.657a1 1 0 11-1.164-1.626l9.5-6.801zM6 9.145V19.87h12V9.145l-6-4.296-6 4.296z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHomeRoof", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.418 2.807a1 1 0 011.164 0l9.5 6.8a1 1 0 11-1.164 1.627L20 10.577V20.87a1 1 0 01-1 1H5a1 1 0 01-1-1V10.577l-.918.657a1 1 0 11-1.164-1.626l9.5-6.801zM6 9.145V19.87h12V9.145l-6-4.296-6 4.296z" })] }));
 };

package/esm/icons/iconHomeSimple.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconHomeSimple = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHomeSimple", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.37 2.344a1 1 0 011.26 0l8 6.5a1 1 0 01.37.776v11.25a1 1 0 01-1 1H4a1 1 0 01-1-1V9.62a1 1 0 01.37-.776l8-6.5zM5 10.096v9.774h14v-9.774l-7-5.688-7 5.688z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHomeSimple", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.37 2.344a1 1 0 011.26 0l8 6.5a1 1 0 01.37.776v11.25a1 1 0 01-1 1H4a1 1 0 01-1-1V9.62a1 1 0 01.37-.776l8-6.5zM5 10.096v9.774h14v-9.774l-7-5.688-7 5.688z" })] }));
 };

package/esm/icons/iconHourglass.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconHourglass = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHourglass", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 3.87a1 1 0 011-1h16a1 1 0 110 2h-1v4a1 1 0 01-.445.832l-4.752 3.168 4.752 3.168a1 1 0 01.445.832v4h1a1 1 0 110 2H4a1 1 0 110-2h1v-4a1 1 0 01.445-.832l4.752-3.168-4.752-3.168A1 1 0 015 8.87v-4H4a1 1 0 01-1-1zm4 1v3.464l5 3.334 5-3.334V4.87H7zm5 9.201l-5 3.334v3.465h10v-3.465l-5-3.334z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHourglass", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 3.87a1 1 0 011-1h16a1 1 0 110 2h-1v4a1 1 0 01-.445.832l-4.752 3.168 4.752 3.168a1 1 0 01.445.832v4h1a1 1 0 110 2H4a1 1 0 110-2h1v-4a1 1 0 01.445-.832l4.752-3.168-4.752-3.168A1 1 0 015 8.87v-4H4a1 1 0 01-1-1zm4 1v3.464l5 3.334 5-3.334V4.87H7zm5 9.201l-5 3.334v3.465h10v-3.465l-5-3.334z" })] }));
 };

package/esm/icons/iconITS.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconITS = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 25 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconITS", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fill: "red", d: "M4.664 7.692h3.369a.164.164 0 0 1 .164.164v8.284a.16.16 0 0 0 .164.164h8.282a.164.164 0 0 1 .164.164v3.368a.16.16 0 0 1-.1.153.2.2 0 0 1-.064.01H8.93L4.5 15.568V7.856a.16.16 0 0 1 .164-.164M20.336 16.304h-3.369a.164.164 0 0 1-.164-.164V7.856a.16.16 0 0 0-.164-.164H8.357a.164.164 0 0 1-.164-.164V4.16A.16.16 0 0 1 8.357 4h7.714L20.5 8.428v7.712a.16.16 0 0 1-.1.153.2.2 0 0 1-.064.011" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 25 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconITS", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fill: "red", d: "M4.664 7.692h3.369a.164.164 0 0 1 .164.164v8.284a.16.16 0 0 0 .164.164h8.282a.164.164 0 0 1 .164.164v3.368a.16.16 0 0 1-.1.153.2.2 0 0 1-.064.01H8.93L4.5 15.568V7.856a.16.16 0 0 1 .164-.164M20.336 16.304h-3.369a.164.164 0 0 1-.164-.164V7.856a.16.16 0 0 0-.164-.164H8.357a.164.164 0 0 1-.164-.164V4.16A.16.16 0 0 1 8.357 4h7.714L20.5 8.428v7.712a.16.16 0 0 1-.1.153.2.2 0 0 1-.064.011" })] }));
 };

package/esm/icons/iconIcon.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconIcon = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconIcon", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 3.87a1 1 0 011 1v2h2a1 1 0 110 2H8v2a1 1 0 11-2 0v-2H4a1 1 0 010-2h2v-2a1 1 0 011-1zm6 4a4 4 0 118 0 4 4 0 01-8 0zm4-2a2 2 0 100 4 2 2 0 000-4zm-14 9a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zm2 1v4h4v-4H5zm9.171-.83a1 1 0 011.415 0L17 16.456l1.414-1.414a1 1 0 011.414 1.414l-1.414 1.414 1.414 1.414a1 1 0 01-1.414 1.415L17 19.283l-1.415 1.415a1 1 0 11-1.414-1.415l1.415-1.414-1.415-1.414a1 1 0 010-1.414z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconIcon", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 3.87a1 1 0 011 1v2h2a1 1 0 110 2H8v2a1 1 0 11-2 0v-2H4a1 1 0 010-2h2v-2a1 1 0 011-1zm6 4a4 4 0 118 0 4 4 0 01-8 0zm4-2a2 2 0 100 4 2 2 0 000-4zm-14 9a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zm2 1v4h4v-4H5zm9.171-.83a1 1 0 011.415 0L17 16.456l1.414-1.414a1 1 0 011.414 1.414l-1.414 1.414 1.414 1.414a1 1 0 01-1.414 1.415L17 19.283l-1.415 1.415a1 1 0 11-1.414-1.415l1.415-1.414-1.415-1.414a1 1 0 010-1.414z" })] }));
 };

package/esm/icons/iconImac.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconImac = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconImac", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 4.87a1 1 0 011-1h18a1 1 0 011 1v13a1 1 0 01-1 1h-6v3a1 1 0 01-1 1h-4a1 1 0 01-1-1v-3H3a1 1 0 01-1-1v-13zm2 10v2h16v-2H4zm16-2H4v-7h16v7zm-9 6v2h2v-2h-2z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconImac", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 4.87a1 1 0 011-1h18a1 1 0 011 1v13a1 1 0 01-1 1h-6v3a1 1 0 01-1 1h-4a1 1 0 01-1-1v-3H3a1 1 0 01-1-1v-13zm2 10v2h16v-2H4zm16-2H4v-7h16v7zm-9 6v2h2v-2h-2z" })] }));
 };

package/esm/icons/iconImage.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconImage = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconImage", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 5.87a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm-3.5 1.5a3.5 3.5 0 117 0 3.5 3.5 0 01-7 0zm9.538 1.25a1 1 0 01.816.479l6.25 10.25a1 1 0 01-.854 1.52H2.75a1 1 0 01-.837-1.547l4.25-6.5a1 1 0 011.418-.266l2.69 1.92 3.917-5.44a1 1 0 01.85-.416zm-.107 2.807l-3.62 5.027a1 1 0 01-1.392.23l-2.652-1.895-2.668 4.08h14.87l-4.538-7.442z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconImage", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 5.87a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm-3.5 1.5a3.5 3.5 0 117 0 3.5 3.5 0 01-7 0zm9.538 1.25a1 1 0 01.816.479l6.25 10.25a1 1 0 01-.854 1.52H2.75a1 1 0 01-.837-1.547l4.25-6.5a1 1 0 011.418-.266l2.69 1.92 3.917-5.44a1 1 0 01.85-.416zm-.107 2.807l-3.62 5.027a1 1 0 01-1.392.23l-2.652-1.895-2.668 4.08h14.87l-4.538-7.442z" })] }));
 };

package/esm/icons/iconImages.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconImages = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconImages", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 1v7.213l1.246-.932.044-.031a3 3 0 013.863.455c1.468 1.58 2.941 2.748 4.847 2.748 1.703 0 2.855-.555 4-1.617V5.87H5zm14 10.357c-1.112.696-2.386 1.096-4 1.096-2.81 0-4.796-1.754-6.313-3.388a1 1 0 00-1.269-.164L5 15.582v4.289h14v-3.643zM15 8.87a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconImages", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 1v7.213l1.246-.932.044-.031a3 3 0 013.863.455c1.468 1.58 2.941 2.748 4.847 2.748 1.703 0 2.855-.555 4-1.617V5.87H5zm14 10.357c-1.112.696-2.386 1.096-4 1.096-2.81 0-4.796-1.754-6.313-3.388a1 1 0 00-1.269-.164L5 15.582v4.289h14v-3.643zM15 8.87a1 1 0 100 2 1 1 0 000-2zm-3 1a3 3 0 116 0 3 3 0 01-6 0z" })] }));
 };

package/esm/icons/iconImages2.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconImages2 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconImages2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5 6.37a1.5 1.5 0 100 3 1.5 1.5 0 000-3zM6 7.87a3.5 3.5 0 117 0 3.5 3.5 0 01-7 0zm12.399 5.634c-.901-1.445-1.535-1.653-1.816-1.63-.99.082-1.813.916-2.76 2.159-.096.125-.195.257-.295.39-.34.454-.702.937-1.053 1.314-.431.464-1.092 1.052-1.975 1.052-.583 0-1.099-.198-1.52-.416-.365-.188-.729-.43-1.046-.64a48.596 48.596 0 00-.125-.084c-.766-.506-1.311-.808-1.87-.808-.169 0-.464.11-.875.591-.394.462-.765 1.119-1.09 1.836a17.837 17.837 0 00-.627 1.602h17.308c-.763-2.424-1.525-4.193-2.256-5.366zM2 19.87l-.97-.245A1 1 0 002 20.87h20a1 1 0 00.96-1.277c-.909-3.157-1.866-5.545-2.864-7.147-.951-1.525-2.168-2.69-3.679-2.565-1.988.165-3.306 1.787-4.185 2.938l-.357.474c-.323.43-.592.79-.864 1.082-.362.39-.514.412-.514.414h.003c-.13 0-.316-.045-.602-.193-.26-.134-.527-.31-.858-.53a58.355 58.355 0 00-.128-.085c-.708-.468-1.73-1.14-2.974-1.14-1.04 0-1.841.644-2.395 1.293-.57.668-1.033 1.519-1.39 2.309a21.62 21.62 0 00-1.1 3.102l-.017.057-.004.016v.005l-.001.001.969.246z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconImages2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5 6.37a1.5 1.5 0 100 3 1.5 1.5 0 000-3zM6 7.87a3.5 3.5 0 117 0 3.5 3.5 0 01-7 0zm12.399 5.634c-.901-1.445-1.535-1.653-1.816-1.63-.99.082-1.813.916-2.76 2.159-.096.125-.195.257-.295.39-.34.454-.702.937-1.053 1.314-.431.464-1.092 1.052-1.975 1.052-.583 0-1.099-.198-1.52-.416-.365-.188-.729-.43-1.046-.64a48.596 48.596 0 00-.125-.084c-.766-.506-1.311-.808-1.87-.808-.169 0-.464.11-.875.591-.394.462-.765 1.119-1.09 1.836a17.837 17.837 0 00-.627 1.602h17.308c-.763-2.424-1.525-4.193-2.256-5.366zM2 19.87l-.97-.245A1 1 0 002 20.87h20a1 1 0 00.96-1.277c-.909-3.157-1.866-5.545-2.864-7.147-.951-1.525-2.168-2.69-3.679-2.565-1.988.165-3.306 1.787-4.185 2.938l-.357.474c-.323.43-.592.79-.864 1.082-.362.39-.514.412-.514.414h.003c-.13 0-.316-.045-.602-.193-.26-.134-.527-.31-.858-.53a58.355 58.355 0 00-.128-.085c-.708-.468-1.73-1.14-2.974-1.14-1.04 0-1.841.644-2.395 1.293-.57.668-1.033 1.519-1.39 2.309a21.62 21.62 0 00-1.1 3.102l-.017.057-.004.016v.005l-.001.001.969.246z" })] }));
 };

package/esm/icons/iconInbox.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconInbox = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconInbox", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 5.87v7h3.126a1 1 0 01.968.75 3.002 3.002 0 005.812 0 1 1 0 01.968-.75H19v-7H5zm14 9h-2.416a5 5 0 01-9.168 0H5v5h14v-5zm-15-11h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16a1 1 0 011-1z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconInbox", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 5.87v7h3.126a1 1 0 01.968.75 3.002 3.002 0 005.812 0 1 1 0 01.968-.75H19v-7H5zm14 9h-2.416a5 5 0 01-9.168 0H5v5h14v-5zm-15-11h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16a1 1 0 011-1z" })] }));
 };

package/esm/icons/iconInfoCircle.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconInfoCircle = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconInfoCircle", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a8 8 0 100 16 8 8 0 000-16zm-10 8c0-5.523 4.477-10 10-10s10 4.477 10 10c0 5.522-4.477 10-10 10s-10-4.478-10-10zm8-1a1 1 0 011-1h1a1 1 0 011 1v5a1 1 0 11-2 0v-4a1 1 0 01-1-1z" }), _jsx("path", { d: "M11.5 8.87a.5.5 0 111 0 .5.5 0 01-1 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 9.87a1 1 0 110-2 1 1 0 010 2zm0-1.5a.5.5 0 100 1 .5.5 0 000-1z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconInfoCircle", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a8 8 0 100 16 8 8 0 000-16zm-10 8c0-5.523 4.477-10 10-10s10 4.477 10 10c0 5.522-4.477 10-10 10s-10-4.478-10-10zm8-1a1 1 0 011-1h1a1 1 0 011 1v5a1 1 0 11-2 0v-4a1 1 0 01-1-1z" }), _jsx("path", { d: "M11.5 8.87a.5.5 0 111 0 .5.5 0 01-1 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 9.87a1 1 0 110-2 1 1 0 010 2zm0-1.5a.5.5 0 100 1 .5.5 0 000-1z" })] }));
 };

package/esm/icons/iconInfoSquare.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconInfoSquare = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconInfoSquare", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 1v14h14v-14H5zm5 6a1 1 0 011-1h1a1 1 0 011 1v5a1 1 0 11-2 0v-4a1 1 0 01-1-1z" }), _jsx("path", { d: "M11.5 8.87a.5.5 0 111 0 .5.5 0 01-1 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 9.87a1 1 0 110-2 1 1 0 010 2zm0-1.5a.5.5 0 100 1 .5.5 0 000-1z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconInfoSquare", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1H4a1 1 0 01-1-1v-16zm2 1v14h14v-14H5zm5 6a1 1 0 011-1h1a1 1 0 011 1v5a1 1 0 11-2 0v-4a1 1 0 01-1-1z" }), _jsx("path", { d: "M11.5 8.87a.5.5 0 111 0 .5.5 0 01-1 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 9.87a1 1 0 110-2 1 1 0 010 2zm0-1.5a.5.5 0 100 1 .5.5 0 000-1z" })] }));
 };

package/esm/icons/iconInspect.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconInspect = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconInspect", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.384 17.84c.046.01.095.018.146.026a.93.93 0 01-.146-.026zm-1.159 1.78c1.465.34 1.775-1.695.529-1.93C7.276 17 4.886 15.142 3.134 12 5.415 7.912 8.773 6 12 6c3.229 0 6.587 1.912 8.865 6a1.335 1.335 0 01-.06.094c-.171.249-.492.719.195 1.406 1 .5 1.631-.544 1.888-1.04a1 1 0 000-.92C20.338 6.611 16.24 4 12 4 7.76 4 3.661 6.611 1.112 11.54a1 1 0 000 .92c1.986 3.84 4.913 6.273 8.113 7.16z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 12a4 4 0 017.71-1.5c.375 1.303-1.215 1.843-1.839.792a2 2 0 10-3.048 2.325c.766 1.083-.38 2.143-1.323 1.506A3.993 3.993 0 018 12zM16.5 13a4.5 4.5 0 102.414 8.298l.867.897a1 1 0 001.438-1.39l-.898-.928A4.5 4.5 0 0016.5 13zm0 2a2.5 2.5 0 100 5 2.5 2.5 0 000-5z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconInspect", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.384 17.84c.046.01.095.018.146.026a.93.93 0 01-.146-.026zm-1.159 1.78c1.465.34 1.775-1.695.529-1.93C7.276 17 4.886 15.142 3.134 12 5.415 7.912 8.773 6 12 6c3.229 0 6.587 1.912 8.865 6a1.335 1.335 0 01-.06.094c-.171.249-.492.719.195 1.406 1 .5 1.631-.544 1.888-1.04a1 1 0 000-.92C20.338 6.611 16.24 4 12 4 7.76 4 3.661 6.611 1.112 11.54a1 1 0 000 .92c1.986 3.84 4.913 6.273 8.113 7.16z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 12a4 4 0 017.71-1.5c.375 1.303-1.215 1.843-1.839.792a2 2 0 10-3.048 2.325c.766 1.083-.38 2.143-1.323 1.506A3.993 3.993 0 018 12zM16.5 13a4.5 4.5 0 102.414 8.298l.867.897a1 1 0 001.438-1.39l-.898-.928A4.5 4.5 0 0016.5 13zm0 2a2.5 2.5 0 100 5 2.5 2.5 0 000-5z" })] }));
 };

package/esm/icons/iconItalic.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconItalic = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconItalic", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 4.87a1 1 0 011-1h9a1 1 0 110 2h-3.765l-4.375 14H14a1 1 0 110 2H5a1 1 0 110-2h3.765l4.375-14H10a1 1 0 01-1-1z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconItalic", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 4.87a1 1 0 011-1h9a1 1 0 110 2h-3.765l-4.375 14H14a1 1 0 110 2H5a1 1 0 110-2h3.765l4.375-14H10a1 1 0 01-1-1z" })] }));
 };

package/esm/icons/iconKeyboard.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconKeyboard = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconKeyboard", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v17a1 1 0 01-1 1H4a1 1 0 01-1-1v-17zm7 16h4v-6h-.5a1 1 0 01-1-1v-8h-1v8a1 1 0 01-1 1H10v6zm-2-6v6H5v-15h1.5v8a1 1 0 001 1H8zm.5-2v-7h1v7h-1zm6-7v7h1v-7h-1zm3 0v8a1 1 0 01-1 1H16v6h3v-15h-1.5z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconKeyboard", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h16a1 1 0 011 1v17a1 1 0 01-1 1H4a1 1 0 01-1-1v-17zm7 16h4v-6h-.5a1 1 0 01-1-1v-8h-1v8a1 1 0 01-1 1H10v6zm-2-6v6H5v-15h1.5v8a1 1 0 001 1H8zm.5-2v-7h1v7h-1zm6-7v7h1v-7h-1zm3 0v8a1 1 0 01-1 1H16v6h3v-15h-1.5z" })] }));
 };

package/esm/icons/iconKeyboardDown.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconKeyboardDown = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconKeyboardDown", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 3.87a1 1 0 011-1h20a1 1 0 011 1v12a1 1 0 01-1 1H2a1 1 0 01-1-1v-12zm2 1v10h18v-10H3zm6 7a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1zm.293 8.707a1 1 0 111.414-1.415L12 20.456l1.293-1.292a1 1 0 011.414 1.414l-2 2a1 1 0 01-1.414 0l-2-2z" }), _jsx("path", { d: "M6 8.37a.5.5 0 110-1 .5.5 0 010 1zM18 8.37a.5.5 0 110-1 .5.5 0 010 1zM14 8.37a.5.5 0 110-1 .5.5 0 010 1zM10 8.37a.5.5 0 110-1 .5.5 0 010 1zM6 12.37a.5.5 0 110-1 .5.5 0 010 1zM18 12.37a.5.5 0 110-1 .5.5 0 010 1z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 9.12a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm12 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 4a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm12 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zM5.5 7.87a.5.5 0 101 0 .5.5 0 00-1 0zm12 0a.5.5 0 101 0 .5.5 0 00-1 0zm-3.5.5a.5.5 0 110-1 .5.5 0 010 1zm-4.5-.5a.5.5 0 101 0 .5.5 0 00-1 0zM6 12.37a.5.5 0 110-1 .5.5 0 010 1zm11.5-.5a.5.5 0 101 0 .5.5 0 00-1 0z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconKeyboardDown", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 3.87a1 1 0 011-1h20a1 1 0 011 1v12a1 1 0 01-1 1H2a1 1 0 01-1-1v-12zm2 1v10h18v-10H3zm6 7a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1zm.293 8.707a1 1 0 111.414-1.415L12 20.456l1.293-1.292a1 1 0 011.414 1.414l-2 2a1 1 0 01-1.414 0l-2-2z" }), _jsx("path", { d: "M6 8.37a.5.5 0 110-1 .5.5 0 010 1zM18 8.37a.5.5 0 110-1 .5.5 0 010 1zM14 8.37a.5.5 0 110-1 .5.5 0 010 1zM10 8.37a.5.5 0 110-1 .5.5 0 010 1zM6 12.37a.5.5 0 110-1 .5.5 0 010 1zM18 12.37a.5.5 0 110-1 .5.5 0 010 1z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 9.12a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm12 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 4a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm12 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zM5.5 7.87a.5.5 0 101 0 .5.5 0 00-1 0zm12 0a.5.5 0 101 0 .5.5 0 00-1 0zm-3.5.5a.5.5 0 110-1 .5.5 0 010 1zm-4.5-.5a.5.5 0 101 0 .5.5 0 00-1 0zM6 12.37a.5.5 0 110-1 .5.5 0 010 1zm11.5-.5a.5.5 0 101 0 .5.5 0 00-1 0z" })] }));
 };

package/esm/icons/iconKeyboardUp.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconKeyboardUp = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconKeyboardUp", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M6 14.37a.5.5 0 110-1 .5.5 0 010 1zM18 14.37a.5.5 0 110-1 .5.5 0 010 1zM14 14.37a.5.5 0 110-1 .5.5 0 010 1zM10 14.37a.5.5 0 110-1 .5.5 0 010 1zM6 18.37a.5.5 0 110-1 .5.5 0 010 1zM18 18.37a.5.5 0 110-1 .5.5 0 010 1z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 15.12a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm12 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 4a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm12 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zM5.5 13.87a.5.5 0 101 0 .5.5 0 00-1 0zm12 0a.5.5 0 101 0 .5.5 0 00-1 0zm-3.5.5a.5.5 0 110-1 .5.5 0 010 1zm-4.5-.5a.5.5 0 101 0 .5.5 0 00-1 0zM6 18.37a.5.5 0 110-1 .5.5 0 010 1zm11.5-.5a.5.5 0 101 0 .5.5 0 00-1 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.293 3.163a1 1 0 011.414 0l2 2a1 1 0 01-1.414 1.414L12 5.284l-1.293 1.293a1 1 0 01-1.414-1.414l2-2zM1 9.87a1 1 0 011-1h20a1 1 0 011 1v12a1 1 0 01-1 1H2a1 1 0 01-1-1v-12zm2 1v10h18v-10H3zm6 7a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconKeyboardUp", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M6 14.37a.5.5 0 110-1 .5.5 0 010 1zM18 14.37a.5.5 0 110-1 .5.5 0 010 1zM14 14.37a.5.5 0 110-1 .5.5 0 010 1zM10 14.37a.5.5 0 110-1 .5.5 0 010 1zM6 18.37a.5.5 0 110-1 .5.5 0 010 1zM18 18.37a.5.5 0 110-1 .5.5 0 010 1z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 15.12a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm12 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 4a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm12 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zM5.5 13.87a.5.5 0 101 0 .5.5 0 00-1 0zm12 0a.5.5 0 101 0 .5.5 0 00-1 0zm-3.5.5a.5.5 0 110-1 .5.5 0 010 1zm-4.5-.5a.5.5 0 101 0 .5.5 0 00-1 0zM6 18.37a.5.5 0 110-1 .5.5 0 010 1zm11.5-.5a.5.5 0 101 0 .5.5 0 00-1 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.293 3.163a1 1 0 011.414 0l2 2a1 1 0 01-1.414 1.414L12 5.284l-1.293 1.293a1 1 0 01-1.414-1.414l2-2zM1 9.87a1 1 0 011-1h20a1 1 0 011 1v12a1 1 0 01-1 1H2a1 1 0 01-1-1v-12zm2 1v10h18v-10H3zm6 7a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1z" })] }));
 };

package/esm/icons/iconKeyboardUp2.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconKeyboardUp2 = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconKeyboardUp2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M6 14.37a.5.5 0 110-1 .5.5 0 010 1zM18 14.37a.5.5 0 110-1 .5.5 0 010 1zM14 14.37a.5.5 0 110-1 .5.5 0 010 1zM10 14.37a.5.5 0 110-1 .5.5 0 010 1zM6 18.37a.5.5 0 110-1 .5.5 0 010 1zM18 18.37a.5.5 0 110-1 .5.5 0 010 1z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 15.12a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm12 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 4a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm12 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zM5.5 13.87a.5.5 0 101 0 .5.5 0 00-1 0zm12 0a.5.5 0 101 0 .5.5 0 00-1 0zm-3.5.5a.5.5 0 110-1 .5.5 0 010 1zm-4.5-.5a.5.5 0 101 0 .5.5 0 00-1 0zM6 18.37a.5.5 0 110-1 .5.5 0 010 1zm11.5-.5a.5.5 0 101 0 .5.5 0 00-1 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 2.87a1 1 0 011 1v2a1 1 0 01-1 1H7v2h15a1 1 0 011 1v12a1 1 0 01-1 1H2a1 1 0 01-1-1v-12a1 1 0 011-1h3v-3a1 1 0 011-1h11v-1a1 1 0 011-1zm-15 8v10h18v-10H3zm6 7a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconKeyboardUp2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M6 14.37a.5.5 0 110-1 .5.5 0 010 1zM18 14.37a.5.5 0 110-1 .5.5 0 010 1zM14 14.37a.5.5 0 110-1 .5.5 0 010 1zM10 14.37a.5.5 0 110-1 .5.5 0 010 1zM6 18.37a.5.5 0 110-1 .5.5 0 010 1zM18 18.37a.5.5 0 110-1 .5.5 0 010 1z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 15.12a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm12 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-4 4a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm12 0a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zM5.5 13.87a.5.5 0 101 0 .5.5 0 00-1 0zm12 0a.5.5 0 101 0 .5.5 0 00-1 0zm-3.5.5a.5.5 0 110-1 .5.5 0 010 1zm-4.5-.5a.5.5 0 101 0 .5.5 0 00-1 0zM6 18.37a.5.5 0 110-1 .5.5 0 010 1zm11.5-.5a.5.5 0 101 0 .5.5 0 00-1 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 2.87a1 1 0 011 1v2a1 1 0 01-1 1H7v2h15a1 1 0 011 1v12a1 1 0 01-1 1H2a1 1 0 01-1-1v-12a1 1 0 011-1h3v-3a1 1 0 011-1h11v-1a1 1 0 011-1zm-15 8v10h18v-10H3zm6 7a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1z" })] }));
 };

package/esm/icons/iconLab.js

@@ -7,10 +7,6 @@ import { classNames } from "../commonHelpers/classNames/classNames";
 */
 export const IconLab = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 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": "IconLab", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M19.505 19.345l-5.362-7.383a1 1 0 01-.138-.509V2.5a.5.5 0 01.5-.5h1.5a1 1 0 100-2h-12a1 1 0 000 2h1.5a.5.5 0 01.5.5v8.954a1 1 0 01-.139.508L.543 19.281A3 3 0 002.995 24h14.016a3 3 0 002.494-4.655zM6.18 16a.52.52 0 01-.44-.252.495.495 0 01-.06-.252.5.5 0 01.07-.25l2.115-2.737c.091-.154.14-.33.14-.509V2.5a.5.5 0 01.5-.5h3a.5.5 0 01.5.5V12a1 1 0 00.14.509l2.115 2.737a.5.5 0 01.07.25.496.496 0 01-.06.252.519.519 0 01-.44.252H6.18z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 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": "IconLab", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M19.505 19.345l-5.362-7.383a1 1 0 01-.138-.509V2.5a.5.5 0 01.5-.5h1.5a1 1 0 100-2h-12a1 1 0 000 2h1.5a.5.5 0 01.5.5v8.954a1 1 0 01-.139.508L.543 19.281A3 3 0 002.995 24h14.016a3 3 0 002.494-4.655zM6.18 16a.52.52 0 01-.44-.252.495.495 0 01-.06-.252.5.5 0 01.07-.25l2.115-2.737c.091-.154.14-.33.14-.509V2.5a.5.5 0 01.5-.5h3a.5.5 0 01.5.5V12a1 1 0 00.14.509l2.115 2.737a.5.5 0 01.07.25.496.496 0 01-.06.252.519.519 0 01-.44.252H6.18z" })] }));
 };

package/esm/icons/iconLaptop.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconLaptop = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLaptop", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", d: "M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v11h1a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h1zm2 11h14V5H5zm-2 2v2h18v-2z", clipRule: "evenodd" }), _jsx("path", { d: "M17.25 13.063c0 .517-.403.937-.9.937s-.9-.42-.9-.937V7.437c0-.517.403-.937.9-.937s.9.42.9.938zM14.25 13.063c0 .517-.403.937-.9.937s-.9-.42-.9-.937v-4.22c0-.517.403-.937.9-.937s.9.42.9.938zM11.25 13.063c0 .517-.403.937-.9.937s-.9-.42-.9-.937V10.25c0-.518.403-.937.9-.937s.9.42.9.937z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLaptop", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", d: "M3 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v11h1a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h1zm2 11h14V5H5zm-2 2v2h18v-2z", clipRule: "evenodd" }), _jsx("path", { d: "M17.25 13.063c0 .517-.403.937-.9.937s-.9-.42-.9-.937V7.437c0-.517.403-.937.9-.937s.9.42.9.938zM14.25 13.063c0 .517-.403.937-.9.937s-.9-.42-.9-.937v-4.22c0-.517.403-.937.9-.937s.9.42.9.938zM11.25 13.063c0 .517-.403.937-.9.937s-.9-.42-.9-.937V10.25c0-.518.403-.937.9-.937s.9.42.9.937z" })] }));
 };

package/esm/icons/iconLayers.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconLayers = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLayers", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 4.87a1 1 0 011-1h12a1 1 0 011 1v12a1 1 0 01-1 1h-3v3a1 1 0 01-1 1H4a1 1 0 01-1-1v-12a1 1 0 011-1h3v-3zm-2 5v10h10v-10H5zm12 6v-7a1 1 0 00-1-1H9v-2h10v10h-2z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLayers", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 4.87a1 1 0 011-1h12a1 1 0 011 1v12a1 1 0 01-1 1h-3v3a1 1 0 01-1 1H4a1 1 0 01-1-1v-12a1 1 0 011-1h3v-3zm-2 5v10h10v-10H5zm12 6v-7a1 1 0 00-1-1H9v-2h10v10h-2z" })] }));
 };

package/esm/icons/iconLayout.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconLayout = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLayout", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zm2 1v4h4v-4H5zm8-1a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1h-6a1 1 0 01-1-1v-6zm2 1v4h4v-4h-4zm-12 9a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zm2 1v4h4v-4H5zm8-1a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1h-6a1 1 0 01-1-1v-6zm2 1v4h4v-4h-4z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 25", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLayout", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 4.87a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zm2 1v4h4v-4H5zm8-1a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1h-6a1 1 0 01-1-1v-6zm2 1v4h4v-4h-4zm-12 9a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zm2 1v4h4v-4H5zm8-1a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1h-6a1 1 0 01-1-1v-6zm2 1v4h4v-4h-4z" })] }));
 };