@geotab/zenith 3.7.0 → 3.8.0-beta.0

package/esm/icons/iconPinLocation2.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconPinLocation2 = ({ 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": "IconPinLocation2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.502 3.002a1 1 0 011.002.004l6 3.5a1 1 0 010 1.727L13 11.444v6.426a1 1 0 11-2 0v-6.981V3.87a1 1 0 01.502-.868zM13 9.13l3.015-1.76L13 5.612v3.518zm-4.018 5.915a1 1 0 01-.792 1.171c-1.412.273-2.535.682-3.278 1.138-.784.482-.912.86-.912 1.017 0 .108.053.321.384.626.332.305.868.626 1.614.917 1.487.578 3.608.957 6.002.957 2.393 0 4.515-.38 6.002-.957.746-.29 1.282-.612 1.614-.917.331-.305.384-.517.384-.626 0-.156-.128-.535-.912-1.017-.743-.456-1.866-.865-3.278-1.138a1 1 0 01.38-1.963c1.552.3 2.928.772 3.945 1.397.975.6 1.865 1.502 1.865 2.72 0 .858-.45 1.566-1.03 2.1-.58.531-1.361.964-2.244 1.307-1.77.69-4.149 1.094-6.726 1.094s-4.956-.405-6.726-1.094C4.39 21.433 3.609 21 3.03 20.468 2.45 19.935 2 19.228 2 18.37c0-1.219.89-2.122 1.865-2.72 1.017-.626 2.393-1.098 3.945-1.398a1 1 0 011.172.792z" })] });
+    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": "IconPinLocation2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.502 3.002a1 1 0 011.002.004l6 3.5a1 1 0 010 1.727L13 11.444v6.426a1 1 0 11-2 0v-6.981V3.87a1 1 0 01.502-.868zM13 9.13l3.015-1.76L13 5.612v3.518zm-4.018 5.915a1 1 0 01-.792 1.171c-1.412.273-2.535.682-3.278 1.138-.784.482-.912.86-.912 1.017 0 .108.053.321.384.626.332.305.868.626 1.614.917 1.487.578 3.608.957 6.002.957 2.393 0 4.515-.38 6.002-.957.746-.29 1.282-.612 1.614-.917.331-.305.384-.517.384-.626 0-.156-.128-.535-.912-1.017-.743-.456-1.866-.865-3.278-1.138a1 1 0 01.38-1.963c1.552.3 2.928.772 3.945 1.397.975.6 1.865 1.502 1.865 2.72 0 .858-.45 1.566-1.03 2.1-.58.531-1.361.964-2.244 1.307-1.77.69-4.149 1.094-6.726 1.094s-4.956-.405-6.726-1.094C4.39 21.433 3.609 21 3.03 20.468 2.45 19.935 2 19.228 2 18.37c0-1.219.89-2.122 1.865-2.72 1.017-.626 2.393-1.098 3.945-1.398a1 1 0 011.172.792z" })] }));
 };

package/esm/icons/iconPinLocation3.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconPinLocation3 = ({ 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": "IconPinLocation3", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.414 5.455a2 2 0 10-1.416 3.415H12m0 0a2 2 0 001.414-3.414M13 10.742a4 4 0 10-2 0v7.127a1 1 0 102 0v-7.127zm-4.018 4.3a1 1 0 01-.792 1.172c-1.412.273-2.535.682-3.278 1.138-.784.482-.912.86-.912 1.017 0 .108.053.321.384.626.332.305.868.626 1.614.917 1.487.578 3.608.957 6.002.957 2.393 0 4.515-.38 6.002-.957.746-.29 1.282-.612 1.614-.917.331-.305.384-.517.384-.626 0-.156-.128-.535-.912-1.017-.743-.456-1.866-.865-3.278-1.138a1 1 0 01.38-1.963c1.552.3 2.928.772 3.945 1.397.975.6 1.865 1.502 1.865 2.72 0 .858-.45 1.566-1.03 2.1-.58.531-1.361.964-2.244 1.307-1.77.69-4.149 1.094-6.726 1.094s-4.956-.405-6.726-1.094C4.39 21.433 3.609 21 3.03 20.468 2.45 19.935 2 19.228 2 18.37c0-1.219.89-2.122 1.865-2.72 1.017-.626 2.393-1.098 3.945-1.398a1 1 0 011.172.792z" })] });
+    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": "IconPinLocation3", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.414 5.455a2 2 0 10-1.416 3.415H12m0 0a2 2 0 001.414-3.414M13 10.742a4 4 0 10-2 0v7.127a1 1 0 102 0v-7.127zm-4.018 4.3a1 1 0 01-.792 1.172c-1.412.273-2.535.682-3.278 1.138-.784.482-.912.86-.912 1.017 0 .108.053.321.384.626.332.305.868.626 1.614.917 1.487.578 3.608.957 6.002.957 2.393 0 4.515-.38 6.002-.957.746-.29 1.282-.612 1.614-.917.331-.305.384-.517.384-.626 0-.156-.128-.535-.912-1.017-.743-.456-1.866-.865-3.278-1.138a1 1 0 01.38-1.963c1.552.3 2.928.772 3.945 1.397.975.6 1.865 1.502 1.865 2.72 0 .858-.45 1.566-1.03 2.1-.58.531-1.361.964-2.244 1.307-1.77.69-4.149 1.094-6.726 1.094s-4.956-.405-6.726-1.094C4.39 21.433 3.609 21 3.03 20.468 2.45 19.935 2 19.228 2 18.37c0-1.219.89-2.122 1.865-2.72 1.017-.626 2.393-1.098 3.945-1.398a1 1 0 011.172.792z" })] }));
 };

package/esm/icons/iconPlay.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconPlay = ({ 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": "IconPlay", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", d: "M5.543 3.128a1.02 1.02 0 0 1 1.06.044l11.927 7.941c.293.196.47.53.47.887 0 .358-.177.691-.47.887L6.603 20.828c-.32.212-.726.23-1.06.044a1.06 1.06 0 0 1-.544-.93V4.058c0-.389.208-.746.543-.931m1.531 2.885v11.973L16.064 12z", clipRule: "evenodd" })] });
+    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": "IconPlay", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", d: "M5.543 3.128a1.02 1.02 0 0 1 1.06.044l11.927 7.941c.293.196.47.53.47.887 0 .358-.177.691-.47.887L6.603 20.828c-.32.212-.726.23-1.06.044a1.06 1.06 0 0 1-.544-.93V4.058c0-.389.208-.746.543-.931m1.531 2.885v11.973L16.064 12z", clipRule: "evenodd" })] }));
 };

package/esm/icons/iconPlus.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconPlus = ({ 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": "IconPlus", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 3a1 1 0 011 1v7h7a1 1 0 110 2h-7v7a1 1 0 11-2 0v-7H4a1 1 0 110-2h7V4a1 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 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": "IconPlus", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 3a1 1 0 011 1v7h7a1 1 0 110 2h-7v7a1 1 0 11-2 0v-7H4a1 1 0 110-2h7V4a1 1 0 011-1z" })] }));
 };

package/esm/icons/iconPlusCircle.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconPlusCircle = ({ 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": "IconPlusCircle", 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-10zm10-5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H8a1 1 0 010-2h3v-3a1 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": "IconPlusCircle", 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-10zm10-5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H8a1 1 0 010-2h3v-3a1 1 0 011-1z" })] }));
 };

package/esm/icons/iconPlusFile.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconPlusFile = ({ 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": "IconPlusFile", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 3.87a1 1 0 011-1h14a1 1 0 011 1v8a1 1 0 11-2 0v-7H6v16h5a1 1 0 110 2H5a1 1 0 01-1-1v-18zm14 11a1 1 0 011 1v2h2a1 1 0 110 2h-2v2a1 1 0 11-2 0v-2h-2a1 1 0 110-2h2v-2a1 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": "IconPlusFile", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 3.87a1 1 0 011-1h14a1 1 0 011 1v8a1 1 0 11-2 0v-7H6v16h5a1 1 0 110 2H5a1 1 0 01-1-1v-18zm14 11a1 1 0 011 1v2h2a1 1 0 110 2h-2v2a1 1 0 11-2 0v-2h-2a1 1 0 110-2h2v-2a1 1 0 011-1z" })] }));
 };

package/esm/icons/iconPlusLines.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconPlusLines = ({ 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": "IconPlusLines", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 3.87a1 1 0 011-1h14a1 1 0 011 1v8a1 1 0 11-2 0v-7H6v16h5a1 1 0 110 2H5a1 1 0 01-1-1v-18zm4 4a1 1 0 011-1h6a1 1 0 110 2H9a1 1 0 01-1-1zm0 4a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1zm10 3a1 1 0 011 1v2h2a1 1 0 110 2h-2v2a1 1 0 11-2 0v-2h-2a1 1 0 110-2h2v-2a1 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": "IconPlusLines", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 3.87a1 1 0 011-1h14a1 1 0 011 1v8a1 1 0 11-2 0v-7H6v16h5a1 1 0 110 2H5a1 1 0 01-1-1v-18zm4 4a1 1 0 011-1h6a1 1 0 110 2H9a1 1 0 01-1-1zm0 4a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1zm10 3a1 1 0 011 1v2h2a1 1 0 110 2h-2v2a1 1 0 11-2 0v-2h-2a1 1 0 110-2h2v-2a1 1 0 011-1z" })] }));
 };

package/esm/icons/iconPlusSquare.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconPlusSquare = ({ 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": "IconPlusSquare", 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-14H5zm7 3a1 1 0 011 1v2h2a1 1 0 010 2h-2v2a1 1 0 11-2 0v-2H9a1 1 0 110-2h2v-2a1 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": "IconPlusSquare", 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-14H5zm7 3a1 1 0 011 1v2h2a1 1 0 010 2h-2v2a1 1 0 11-2 0v-2H9a1 1 0 110-2h2v-2a1 1 0 011-1z" })] }));
 };

package/esm/icons/iconPound.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconPound = ({ 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": "IconPound", 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-10zm10.5-4a1.5 1.5 0 00-1.5 1.5c0 .345.097.661.251.998.075.163.156.316.248.49l.006.012H14a1 1 0 110 2h-2.134l-1.143 2H14a1 1 0 110 2H9a1 1 0 01-.868-1.497l1.43-2.503H9a1 1 0 110-2h.293A4.125 4.125 0 019 10.37a3.5 3.5 0 015.946-2.504 1 1 0 11-1.398 1.43A1.492 1.492 0 0012.5 8.87z" })] });
+    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": "IconPound", 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-10zm10.5-4a1.5 1.5 0 00-1.5 1.5c0 .345.097.661.251.998.075.163.156.316.248.49l.006.012H14a1 1 0 110 2h-2.134l-1.143 2H14a1 1 0 110 2H9a1 1 0 01-.868-1.497l1.43-2.503H9a1 1 0 110-2h.293A4.125 4.125 0 019 10.37a3.5 3.5 0 015.946-2.504 1 1 0 11-1.398 1.43A1.492 1.492 0 0012.5 8.87z" })] }));
 };

package/esm/icons/iconPrinter.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconPrinter = ({ 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": "IconPrinter", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.87a1 1 0 011-1h10a1 1 0 011 1v3h3a1 1 0 011 1v10a1 1 0 01-1 1h-3v3a1 1 0 01-1 1H7a1 1 0 01-1-1v-3H3a1 1 0 01-1-1v-10a1 1 0 011-1h3v-3zm2 3h8v-2H8v2zm-4 2v8h2v-2a1 1 0 011-1h10a1 1 0 011 1v2h2v-8H4zm4 7v5h8v-5H8zm-2-4a1 1 0 011-1h2a1 1 0 110 2H7a1 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": "IconPrinter", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 3.87a1 1 0 011-1h10a1 1 0 011 1v3h3a1 1 0 011 1v10a1 1 0 01-1 1h-3v3a1 1 0 01-1 1H7a1 1 0 01-1-1v-3H3a1 1 0 01-1-1v-10a1 1 0 011-1h3v-3zm2 3h8v-2H8v2zm-4 2v8h2v-2a1 1 0 011-1h10a1 1 0 011 1v2h2v-8H4zm4 7v5h8v-5H8zm-2-4a1 1 0 011-1h2a1 1 0 110 2H7a1 1 0 01-1-1z" })] }));
 };

package/esm/icons/iconProcessor.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconProcessor = ({ 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": "IconProcessor", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 2.866a1 1 0 011 1V4.87h2V3.866a1 1 0 112 0V4.87h2v-1a1 1 0 112 0v1h2a1 1 0 011 1v2h1a1 1 0 110 2h-1v2h1a1 1 0 110 2h-1v2h1a1 1 0 110 2h-1v2a1 1 0 01-1 1h-2v1a1 1 0 11-2 0v-1h-2v1a1 1 0 11-2 0v-1H9v1a1 1 0 11-2 0v-1H5a1 1 0 01-1-1v-2H3a1 1 0 110-2h1v-2H3a1 1 0 110-2h1v-2H3a1 1 0 010-2h1v-2a1 1 0 011-1h2V3.866a1 1 0 011-1zM6 6.87v12h12v-12H6zm6 3.999a2.001 2.001 0 100 4.002 2.001 2.001 0 000-4.002zm-4.001 2a4.001 4.001 0 118.002 0 4.001 4.001 0 01-8.002 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": "IconProcessor", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 2.866a1 1 0 011 1V4.87h2V3.866a1 1 0 112 0V4.87h2v-1a1 1 0 112 0v1h2a1 1 0 011 1v2h1a1 1 0 110 2h-1v2h1a1 1 0 110 2h-1v2h1a1 1 0 110 2h-1v2a1 1 0 01-1 1h-2v1a1 1 0 11-2 0v-1h-2v1a1 1 0 11-2 0v-1H9v1a1 1 0 11-2 0v-1H5a1 1 0 01-1-1v-2H3a1 1 0 110-2h1v-2H3a1 1 0 110-2h1v-2H3a1 1 0 010-2h1v-2a1 1 0 011-1h2V3.866a1 1 0 011-1zM6 6.87v12h12v-12H6zm6 3.999a2.001 2.001 0 100 4.002 2.001 2.001 0 000-4.002zm-4.001 2a4.001 4.001 0 118.002 0 4.001 4.001 0 01-8.002 0z" })] }));
 };

package/esm/icons/iconPullRequest.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconPullRequest = ({ 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": "IconPullRequest", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.5 4.87a1.5 1.5 0 100 3 1.5 1.5 0 000-3zM3 6.37a3.5 3.5 0 114.5 3.355v6.29a3.501 3.501 0 01-1 6.855 3.5 3.5 0 01-1-6.855v-6.29A3.502 3.502 0 013 6.37zm12.207-3.207a1 1 0 010 1.414l-.793.793H17.5a1 1 0 011 1v9.645a3.501 3.501 0 01-1 6.855 3.5 3.5 0 01-1-6.855V7.37h-2.086l.793.793a1 1 0 01-1.414 1.414l-2.5-2.5a1 1 0 010-1.414l2.5-2.5a1 1 0 011.414 0zM6.5 17.87a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm11 0a1.5 1.5 0 100 3 1.5 1.5 0 000-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": "IconPullRequest", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.5 4.87a1.5 1.5 0 100 3 1.5 1.5 0 000-3zM3 6.37a3.5 3.5 0 114.5 3.355v6.29a3.501 3.501 0 01-1 6.855 3.5 3.5 0 01-1-6.855v-6.29A3.502 3.502 0 013 6.37zm12.207-3.207a1 1 0 010 1.414l-.793.793H17.5a1 1 0 011 1v9.645a3.501 3.501 0 01-1 6.855 3.5 3.5 0 01-1-6.855V7.37h-2.086l.793.793a1 1 0 01-1.414 1.414l-2.5-2.5a1 1 0 010-1.414l2.5-2.5a1 1 0 011.414 0zM6.5 17.87a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm11 0a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" })] }));
 };

package/esm/icons/iconPuzzle.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconPuzzle = ({ 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": "IconPuzzle", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 3a2 2 0 00-2 2v2H5v2.031a4 4 0 010 7.938V19h2.031a4 4 0 017.938 0H17v-4h2a2 2 0 100-4h-2V7h-4V5a2 2 0 00-2-2zM7 5a4 4 0 118 0h3a1 1 0 011 1v3a4 4 0 010 8v3a1 1 0 01-1 1h-4a1 1 0 01-1-1v-.5a2 2 0 10-4 0v.5a1 1 0 01-1 1H4a1 1 0 01-1-1v-4a1 1 0 011-1h.5a2 2 0 100-4H4a1 1 0 01-1-1V6a1 1 0 011-1h3z" })] });
+    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": "IconPuzzle", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 3a2 2 0 00-2 2v2H5v2.031a4 4 0 010 7.938V19h2.031a4 4 0 017.938 0H17v-4h2a2 2 0 100-4h-2V7h-4V5a2 2 0 00-2-2zM7 5a4 4 0 118 0h3a1 1 0 011 1v3a4 4 0 010 8v3a1 1 0 01-1 1h-4a1 1 0 01-1-1v-.5a2 2 0 10-4 0v.5a1 1 0 01-1 1H4a1 1 0 01-1-1v-4a1 1 0 011-1h.5a2 2 0 100-4H4a1 1 0 01-1-1V6a1 1 0 011-1h3z" })] }));
 };

package/esm/icons/iconQuestion.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconQuestion = ({ 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": "IconQuestion", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm11.06-3.56A1.5 1.5 0 0010.5 9.5a1 1 0 11-2 0 3.5 3.5 0 115.974 2.475c-.432.432-.922.743-1.474.903V14.5a1 1 0 11-2 0V12a1 1 0 011.045-.999c.36.016.67-.095 1.016-.44a1.5 1.5 0 000-2.122zM12 15.99a1 1 0 011 1V17a1 1 0 11-2 0v-.01a1 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 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": "IconQuestion", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4a8 8 0 100 16 8 8 0 000-16zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm11.06-3.56A1.5 1.5 0 0010.5 9.5a1 1 0 11-2 0 3.5 3.5 0 115.974 2.475c-.432.432-.922.743-1.474.903V14.5a1 1 0 11-2 0V12a1 1 0 011.045-.999c.36.016.67-.095 1.016-.44a1.5 1.5 0 000-2.122zM12 15.99a1 1 0 011 1V17a1 1 0 11-2 0v-.01a1 1 0 011-1z" })] }));
 };

package/esm/icons/iconRadar.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconRadar = ({ 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": "IconRadar", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.059 6.578a8 8 0 109.883 0l-1.04 1.733a6 6 0 11-7.803 0l-1.04-1.733zm1.714-1.03l3.193 5.322a1.873 1.873 0 01.068 0l3.193-5.323A7.972 7.972 0 0012 4.87c-1.148 0-2.24.242-3.227.677zm1.478 6.35a2 2 0 103.498 0l1.101-1.835a4 4 0 11-5.7 0l1.101 1.836zM2 12.87c0-5.523 4.477-10 10-10s10 4.477 10 10c0 5.522-4.477 10-10 10s-10-4.478-10-10z" })] });
+    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": "IconRadar", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.059 6.578a8 8 0 109.883 0l-1.04 1.733a6 6 0 11-7.803 0l-1.04-1.733zm1.714-1.03l3.193 5.322a1.873 1.873 0 01.068 0l3.193-5.323A7.972 7.972 0 0012 4.87c-1.148 0-2.24.242-3.227.677zm1.478 6.35a2 2 0 103.498 0l1.101-1.835a4 4 0 11-5.7 0l1.101 1.836zM2 12.87c0-5.523 4.477-10 10-10s10 4.477 10 10c0 5.522-4.477 10-10 10s-10-4.478-10-10z" })] }));
 };

package/esm/icons/iconReceipt.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconReceipt = ({ 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": "IconReceipt", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 3.87a1 1 0 011-1h14a1 1 0 011 1v17.25a1 1 0 01-1.496.868L15.5 20.27l-3.004 1.717a1 1 0 01-.992 0L8.5 20.27l-3.004 1.717A1 1 0 014 21.12V3.87zm2 1v14.526l2.004-1.145a1 1 0 01.992 0L12 19.968l3.004-1.717a1 1 0 01.992 0L18 19.396V4.87H6zm8.457 2.843a1 1 0 010 1.414l-2.45 2.45a1 1 0 01-1.414 0l-1.05-1.05a1 1 0 111.414-1.414l.343.342 1.743-1.742a1 1 0 011.414 0zM9 14.87a1 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": "IconReceipt", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 3.87a1 1 0 011-1h14a1 1 0 011 1v17.25a1 1 0 01-1.496.868L15.5 20.27l-3.004 1.717a1 1 0 01-.992 0L8.5 20.27l-3.004 1.717A1 1 0 014 21.12V3.87zm2 1v14.526l2.004-1.145a1 1 0 01.992 0L12 19.968l3.004-1.717a1 1 0 01.992 0L18 19.396V4.87H6zm8.457 2.843a1 1 0 010 1.414l-2.45 2.45a1 1 0 01-1.414 0l-1.05-1.05a1 1 0 111.414-1.414l.343.342 1.743-1.742a1 1 0 011.414 0zM9 14.87a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1z" })] }));
 };

package/esm/icons/iconRecord.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconRecord = ({ 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": "IconRecord", 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-10zm7.207-.707A1 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": "IconRecord", 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-10zm7.207-.707A1 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/iconRedo.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconRedo = ({ 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": "IconRedo", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.707 20.577a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.415l4-4a1 1 0 011.414 1.415L5.414 14.87H20v-7h-8a1 1 0 110-2h9a1 1 0 011 1v9a1 1 0 01-1 1H5.414l2.293 2.293a1 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": "IconRedo", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.707 20.577a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.415l4-4a1 1 0 011.414 1.415L5.414 14.87H20v-7h-8a1 1 0 110-2h9a1 1 0 011 1v9a1 1 0 01-1 1H5.414l2.293 2.293a1 1 0 010 1.414z" })] }));
 };

package/esm/icons/iconRedo2.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconRedo2 = ({ 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": "IconRedo2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 6.87a1 1 0 011-1h9a1 1 0 110 2H4v7h14.586l-2.293-2.293a1 1 0 011.414-1.415l4 4a1 1 0 010 1.415l-4 4a1 1 0 11-1.414-1.415l2.293-2.292H3a1 1 0 01-1-1v-9z" })] });
+    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": "IconRedo2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 6.87a1 1 0 011-1h9a1 1 0 110 2H4v7h14.586l-2.293-2.293a1 1 0 011.414-1.415l4 4a1 1 0 010 1.415l-4 4a1 1 0 11-1.414-1.415l2.293-2.292H3a1 1 0 01-1-1v-9z" })] }));
 };

package/esm/icons/iconRefrigeration.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconRefrigeration = ({ 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": "IconRefrigeration", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M13 3a1 1 0 10-2 0v1.586L9.707 3.293a1 1 0 00-1.414 1.414L11 7.414v2.854L8.529 8.84l-.991-3.698a1 1 0 00-1.932.518l.473 1.766-1.373-.793a1 1 0 10-1 1.732l1.373.793-1.766.473a1 1 0 10.518 1.932l3.698-.99L10 12l-2.471 1.427-3.698-.991a1 1 0 10-.518 1.932l1.766.473-1.373.793a1 1 0 101 1.732l1.373-.793-.473 1.766a1 1 0 001.932.518l.99-3.698L11 13.732v2.854l-2.707 2.707a1 1 0 101.414 1.414L11 19.414V21a1 1 0 102 0v-1.586l1.293 1.293a1 1 0 001.414-1.414L13 16.586v-2.854l2.471 1.427.991 3.698a1 1 0 001.932-.518l-.473-1.766 1.373.793a1 1 0 101-1.732l-1.373-.793 1.766-.473a1 1 0 00-.518-1.932l-3.698.99L14 12l2.471-1.427 3.698.991a1 1 0 10.518-1.932l-1.766-.473 1.373-.793a1 1 0 10-1-1.732l-1.373.793.473-1.766a1 1 0 10-1.932-.518l-.99 3.698L13 10.268V7.414l2.707-2.707a1 1 0 00-1.414-1.414L13 4.586V3z" })] });
+    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": "IconRefrigeration", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M13 3a1 1 0 10-2 0v1.586L9.707 3.293a1 1 0 00-1.414 1.414L11 7.414v2.854L8.529 8.84l-.991-3.698a1 1 0 00-1.932.518l.473 1.766-1.373-.793a1 1 0 10-1 1.732l1.373.793-1.766.473a1 1 0 10.518 1.932l3.698-.99L10 12l-2.471 1.427-3.698-.991a1 1 0 10-.518 1.932l1.766.473-1.373.793a1 1 0 101 1.732l1.373-.793-.473 1.766a1 1 0 001.932.518l.99-3.698L11 13.732v2.854l-2.707 2.707a1 1 0 101.414 1.414L11 19.414V21a1 1 0 102 0v-1.586l1.293 1.293a1 1 0 001.414-1.414L13 16.586v-2.854l2.471 1.427.991 3.698a1 1 0 001.932-.518l-.473-1.766 1.373.793a1 1 0 101-1.732l-1.373-.793 1.766-.473a1 1 0 00-.518-1.932l-3.698.99L14 12l2.471-1.427 3.698.991a1 1 0 10.518-1.932l-1.766-.473 1.373-.793a1 1 0 10-1-1.732l-1.373.793.473-1.766a1 1 0 10-1.932-.518l-.99 3.698L13 10.268V7.414l2.707-2.707a1 1 0 00-1.414-1.414L13 4.586V3z" })] }));
 };

package/esm/icons/iconRemovePeople.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconRemovePeople = ({ 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": "IconRemovePeople", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", d: "M12 4a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M7.5 6.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0M5.678 19c.71-2.909 3.092-5 6.322-5q.453 0 .879.053a1 1 0 0 0 .242-1.985A9 9 0 0 0 12 12c-4.758 0-8.083 3.521-8.496 7.906A1 1 0 0 0 4.5 21H12a1 1 0 1 0 0-2zm9.615-3.707a1 1 0 0 1 1.414 0L18 16.586l1.293-1.293a1 1 0 0 1 1.414 1.414L19.414 18l1.293 1.293a1 1 0 0 1-1.414 1.414L18 19.414l-1.293 1.293a1 1 0 0 1-1.414-1.414L16.586 18l-1.293-1.293a1 1 0 0 1 0-1.414", clipRule: "evenodd" })] });
+    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": "IconRemovePeople", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", d: "M12 4a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M7.5 6.5a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0M5.678 19c.71-2.909 3.092-5 6.322-5q.453 0 .879.053a1 1 0 0 0 .242-1.985A9 9 0 0 0 12 12c-4.758 0-8.083 3.521-8.496 7.906A1 1 0 0 0 4.5 21H12a1 1 0 1 0 0-2zm9.615-3.707a1 1 0 0 1 1.414 0L18 16.586l1.293-1.293a1 1 0 0 1 1.414 1.414L19.414 18l1.293 1.293a1 1 0 0 1-1.414 1.414L18 19.414l-1.293 1.293a1 1 0 0 1-1.414-1.414L16.586 18l-1.293-1.293a1 1 0 0 1 0-1.414", clipRule: "evenodd" })] }));
 };

package/esm/icons/iconRepeat.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconRepeat = ({ 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": "IconRepeat", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.293 3.163a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414l1.293-1.293H5v4a1 1 0 11-2 0v-5a1 1 0 011-1h13.586l-1.293-1.293a1 1 0 010-1.414zM21 13.87v5a1 1 0 01-1 1H6.414l1.293 1.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.415l3-3a1 1 0 011.414 1.415L6.414 17.87H19v-4a1 1 0 112 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": "IconRepeat", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.293 3.163a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414l1.293-1.293H5v4a1 1 0 11-2 0v-5a1 1 0 011-1h13.586l-1.293-1.293a1 1 0 010-1.414zM21 13.87v5a1 1 0 01-1 1H6.414l1.293 1.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.415l3-3a1 1 0 011.414 1.415L6.414 17.87H19v-4a1 1 0 112 0z" })] }));
 };

package/esm/icons/iconRepeat2.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconRepeat2 = ({ 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": "IconRepeat2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.293 22.577a1 1 0 001.414 0l3-3a1 1 0 000-1.415l-3-3a1 1 0 00-1.414 1.415l1.293 1.293H5v-4a1 1 0 10-2 0v5a1 1 0 001 1h13.586l-1.293 1.293a1 1 0 000 1.414zM21 11.87v-5a1 1 0 00-1-1H6.414l1.293-1.293a1 1 0 00-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 101.414-1.414L6.414 7.87H19v4a1 1 0 102 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": "IconRepeat2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.293 22.577a1 1 0 001.414 0l3-3a1 1 0 000-1.415l-3-3a1 1 0 00-1.414 1.415l1.293 1.293H5v-4a1 1 0 10-2 0v5a1 1 0 001 1h13.586l-1.293 1.293a1 1 0 000 1.414zM21 11.87v-5a1 1 0 00-1-1H6.414l1.293-1.293a1 1 0 00-1.414-1.414l-3 3a1 1 0 000 1.414l3 3a1 1 0 101.414-1.414L6.414 7.87H19v4a1 1 0 102 0z" })] }));
 };

package/esm/icons/iconResizeBig.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconResizeBig = ({ 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": "IconResizeBig", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.293 4.163A1 1 0 014 3.87h16a1 1 0 011 1v9a1 1 0 11-2 0v-8H5v14h8a1 1 0 110 2H4a1 1 0 01-1-1v-16a1 1 0 01.293-.707zm6 6A1 1 0 0110 9.87h5a1 1 0 110 2h-2.586l6.293 6.293a1 1 0 01-1.414 1.414L11 13.284v2.586a1 1 0 11-2 0v-5a1 1 0 01.293-.707z" })] });
+    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": "IconResizeBig", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.293 4.163A1 1 0 014 3.87h16a1 1 0 011 1v9a1 1 0 11-2 0v-8H5v14h8a1 1 0 110 2H4a1 1 0 01-1-1v-16a1 1 0 01.293-.707zm6 6A1 1 0 0110 9.87h5a1 1 0 110 2h-2.586l6.293 6.293a1 1 0 01-1.414 1.414L11 13.284v2.586a1 1 0 11-2 0v-5a1 1 0 01.293-.707z" })] }));
 };

package/esm/icons/iconResizeSmall.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconResizeSmall = ({ 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": "IconResizeSmall", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 3.87a1 1 0 011 1v5a1 1 0 01-2 0v-4H5v14h4a1 1 0 110 2H4a1 1 0 01-1-1v-16a1 1 0 011-1h16zm-1 11a1 1 0 112 0v6a1 1 0 01-1 1h-6a1 1 0 110-2h3.586l-7.293-7.293a1 1 0 111.414-1.415L19 18.456V14.87z" })] });
+    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": "IconResizeSmall", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20 3.87a1 1 0 011 1v5a1 1 0 01-2 0v-4H5v14h4a1 1 0 110 2H4a1 1 0 01-1-1v-16a1 1 0 011-1h16zm-1 11a1 1 0 112 0v6a1 1 0 01-1 1h-6a1 1 0 110-2h3.586l-7.293-7.293a1 1 0 111.414-1.415L19 18.456V14.87z" })] }));
 };

package/esm/icons/iconRotateClockwise.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconRotateClockwise = ({ 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": "IconRotateClockwise", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.973 5.87a7 7 0 106.602 9.333 1 1 0 011.885.667 9 9 0 11-8.488-12c1.727 0 3.166.422 4.449 1.21.56.344 1.082.752 1.58 1.213V4.87a1 1 0 112 0v4a1 1 0 01-1 1h-4a1 1 0 110-2h1.757a8.316 8.316 0 00-1.383-1.086c-.958-.587-2.033-.914-3.402-.914z" })] });
+    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": "IconRotateClockwise", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.973 5.87a7 7 0 106.602 9.333 1 1 0 011.885.667 9 9 0 11-8.488-12c1.727 0 3.166.422 4.449 1.21.56.344 1.082.752 1.58 1.213V4.87a1 1 0 112 0v4a1 1 0 01-1 1h-4a1 1 0 110-2h1.757a8.316 8.316 0 00-1.383-1.086c-.958-.587-2.033-.914-3.402-.914z" })] }));
 };

package/esm/icons/iconRotateCounterclockwise.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconRotateCounterclockwise = ({ 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": "IconRotateCounterclockwise", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 3.87a1 1 0 011 1v1.423c.497-.46 1.019-.87 1.58-1.213 1.282-.788 2.721-1.21 4.447-1.21a9 9 0 11-8.487 12 1 1 0 111.886-.667 7 7 0 106.602-9.333c-1.37 0-2.445.327-3.403.914-.474.291-.93.653-1.383 1.086h1.757a1 1 0 110 2H5a1 1 0 01-1-1v-4a1 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": "IconRotateCounterclockwise", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5 3.87a1 1 0 011 1v1.423c.497-.46 1.019-.87 1.58-1.213 1.282-.788 2.721-1.21 4.447-1.21a9 9 0 11-8.487 12 1 1 0 111.886-.667 7 7 0 106.602-9.333c-1.37 0-2.445.327-3.403.914-.474.291-.93.653-1.383 1.086h1.757a1 1 0 110 2H5a1 1 0 01-1-1v-4a1 1 0 011-1z" })] }));
 };

package/esm/icons/iconRotateRepeat.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconRotateRepeat = ({ 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": "IconRotateRepeat", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("g", { fillRule: "evenodd", clipRule: "evenodd", children: _jsx("path", { d: "M16.08 17.861a1 1 0 0 1-1-1v-1.244a9.149 9.149 0 0 1-6 2.244 9 9 0 0 1-9-9 1 1 0 1 1 2 0 7 7 0 0 0 7 7 7.151 7.151 0 0 0 4.957-2H12.08a1 1 0 0 1 0-2h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1ZM2.08 0a1 1 0 0 1 1 1v1.244A9.15 9.15 0 0 1 9.08 0a9 9 0 0 1 9 9 1 1 0 1 1-2 0 7 7 0 0 0-7-7 7.151 7.151 0 0 0-4.957 2H6.08a1 1 0 0 1 0 2h-4a1 1 0 0 1-1-1V1a1 1 0 0 1 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": "IconRotateRepeat", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("g", { fillRule: "evenodd", clipRule: "evenodd", children: _jsx("path", { d: "M16.08 17.861a1 1 0 0 1-1-1v-1.244a9.149 9.149 0 0 1-6 2.244 9 9 0 0 1-9-9 1 1 0 1 1 2 0 7 7 0 0 0 7 7 7.151 7.151 0 0 0 4.957-2H12.08a1 1 0 0 1 0-2h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1ZM2.08 0a1 1 0 0 1 1 1v1.244A9.15 9.15 0 0 1 9.08 0a9 9 0 0 1 9 9 1 1 0 1 1-2 0 7 7 0 0 0-7-7 7.151 7.151 0 0 0-4.957 2H6.08a1 1 0 0 1 0 2h-4a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Z" }) })] }));
 };

package/esm/icons/iconRotateRepeat2.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconRotateRepeat2 = ({ 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": "IconRotateRepeat2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M19 12.87c0-.55.45-1 1-1h.01c.55 0 1 .45 1 1a9 9 0 01-9 9c-2.28 0-4.39-.86-6-2.27v1.27c0 .55-.45 1-1 1s-1-.45-1-1v-4c0-.02.005-.04.01-.06.005-.02.01-.04.01-.06.01-.07.02-.13.04-.2a.848.848 0 01.057-.126l.023-.044.03-.045c.026-.041.05-.078.08-.115.04-.06.09-.1.15-.14.013-.009.023-.021.035-.034.015-.017.032-.035.055-.046.02-.02.04-.02.06-.02a.657.657 0 01.135-.046l.055-.014c.06-.02.12-.04.19-.04.02 0 .06-.01.06-.01h4c.55 0 1 .45 1 1s-.45 1-1 1H7.05c1.28 1.23 3.04 2 4.95 2 3.87 0 7-3.13 7-7zM12 5.87c-3.87 0-7 3.13-7 7 0 .55-.45 1-1 1s-1-.45-1-1c0-4.97 4.03-9 8.99-9 2.29 0 4.4.87 6.01 2.28V4.87c0-.55.45-1 1-1s1 .45 1 1v4.01c0 .07-.02.14-.04.21-.01.02-.01.05-.01.07a.845.845 0 01-.155.305.177.177 0 01-.025.035c-.06.07-.14.13-.22.19l-.018.02a.1.1 0 01-.032.03c-.01.01-.02.01-.03.01-.07.04-.15.06-.23.08-.021.003-.041.008-.061.013-.036.008-.07.017-.109.017-.02 0-.06.01-.06.01h-4c-.55 0-1-.45-1-1s.45-1 1-1h1.94c-1.28-1.23-3.04-2-4.95-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": "IconRotateRepeat2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M19 12.87c0-.55.45-1 1-1h.01c.55 0 1 .45 1 1a9 9 0 01-9 9c-2.28 0-4.39-.86-6-2.27v1.27c0 .55-.45 1-1 1s-1-.45-1-1v-4c0-.02.005-.04.01-.06.005-.02.01-.04.01-.06.01-.07.02-.13.04-.2a.848.848 0 01.057-.126l.023-.044.03-.045c.026-.041.05-.078.08-.115.04-.06.09-.1.15-.14.013-.009.023-.021.035-.034.015-.017.032-.035.055-.046.02-.02.04-.02.06-.02a.657.657 0 01.135-.046l.055-.014c.06-.02.12-.04.19-.04.02 0 .06-.01.06-.01h4c.55 0 1 .45 1 1s-.45 1-1 1H7.05c1.28 1.23 3.04 2 4.95 2 3.87 0 7-3.13 7-7zM12 5.87c-3.87 0-7 3.13-7 7 0 .55-.45 1-1 1s-1-.45-1-1c0-4.97 4.03-9 8.99-9 2.29 0 4.4.87 6.01 2.28V4.87c0-.55.45-1 1-1s1 .45 1 1v4.01c0 .07-.02.14-.04.21-.01.02-.01.05-.01.07a.845.845 0 01-.155.305.177.177 0 01-.025.035c-.06.07-.14.13-.22.19l-.018.02a.1.1 0 01-.032.03c-.01.01-.02.01-.03.01-.07.04-.15.06-.23.08-.021.003-.041.008-.061.013-.036.008-.07.017-.109.017-.02 0-.06.01-.06.01h-4c-.55 0-1-.45-1-1s.45-1 1-1h1.94c-1.28-1.23-3.04-2-4.95-2z" })] }));
 };

package/esm/icons/iconRoute.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconRoute = ({ 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": "IconRoute", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.12 7.98a3.008 3.008 0 01-1.263.732v3.455c0 .46-.384.833-.857.833a.845.845 0 01-.857-.833V8.713a3.001 3.001 0 01-1.265-.734 2.86 2.86 0 010-4.125 3.061 3.061 0 014.243 0 2.86 2.86 0 010 4.125zm-3.03-2.947a1.312 1.312 0 011.819 0c.503.488.502 1.28 0 1.767a1.302 1.302 0 01-.91.367c-.33 0-.658-.123-.908-.366a1.226 1.226 0 010-1.768zM6.857 14.712a3.007 3.007 0 001.264-.733 2.86 2.86 0 000-4.125 3.061 3.061 0 00-4.242 0 2.86 2.86 0 000 4.125c.365.356.8.6 1.264.734v3.454c0 .46.384.833.857.833a.845.845 0 00.857-.833v-3.455zm.052-3.68a1.312 1.312 0 00-1.819.001 1.226 1.226 0 00.001 1.768c.25.243.578.365.907.366.33 0 .66-.122.911-.367a1.225 1.225 0 000-1.767z" }), _jsx("path", { d: "M11.571 14.778c0-.43.384-.778.858-.778h4.714c.473 0 .857.348.857.778 0 .43-.384.778-.857.778h-3.857v4.666c0 .43-.384.778-.857.778H6.857C6.384 21 6 20.652 6 20.222c0-.43.384-.778.857-.778h4.714v-4.666z" })] });
+    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": "IconRoute", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.12 7.98a3.008 3.008 0 01-1.263.732v3.455c0 .46-.384.833-.857.833a.845.845 0 01-.857-.833V8.713a3.001 3.001 0 01-1.265-.734 2.86 2.86 0 010-4.125 3.061 3.061 0 014.243 0 2.86 2.86 0 010 4.125zm-3.03-2.947a1.312 1.312 0 011.819 0c.503.488.502 1.28 0 1.767a1.302 1.302 0 01-.91.367c-.33 0-.658-.123-.908-.366a1.226 1.226 0 010-1.768zM6.857 14.712a3.007 3.007 0 001.264-.733 2.86 2.86 0 000-4.125 3.061 3.061 0 00-4.242 0 2.86 2.86 0 000 4.125c.365.356.8.6 1.264.734v3.454c0 .46.384.833.857.833a.845.845 0 00.857-.833v-3.455zm.052-3.68a1.312 1.312 0 00-1.819.001 1.226 1.226 0 00.001 1.768c.25.243.578.365.907.366.33 0 .66-.122.911-.367a1.225 1.225 0 000-1.767z" }), _jsx("path", { d: "M11.571 14.778c0-.43.384-.778.858-.778h4.714c.473 0 .857.348.857.778 0 .43-.384.778-.857.778h-3.857v4.666c0 .43-.384.778-.857.778H6.857C6.384 21 6 20.652 6 20.222c0-.43.384-.778.857-.778h4.714v-4.666z" })] }));
 };

package/esm/icons/iconRuler.js

@@ -3,10 +3,6 @@ import { useId, useMemo } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconRuler = ({ 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": "IconRuler", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.293 3.163a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-12 12a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.415l12-12zm-.879 3.707l.543.543a1 1 0 01-1.414 1.414L12 8.284 10.414 9.87l1.543 1.543a1 1 0 01-1.414 1.414L9 11.284 7.414 12.87l.543.543a1 1 0 11-1.414 1.414L6 14.284 4.414 15.87 9 20.455 19.586 9.87 15 5.284 13.414 6.87z" })] });
+    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": "IconRuler", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.293 3.163a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-12 12a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.415l12-12zm-.879 3.707l.543.543a1 1 0 01-1.414 1.414L12 8.284 10.414 9.87l1.543 1.543a1 1 0 01-1.414 1.414L9 11.284 7.414 12.87l.543.543a1 1 0 11-1.414 1.414L6 14.284 4.414 15.87 9 20.455 19.586 9.87 15 5.284 13.414 6.87z" })] }));
 };