@geotab/zenith 3.6.1 → 3.6.2

package/esm/icons/iconVolumeHalf.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconVolumeHalf: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconVolumeHalf.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconVolumeHalf = ({ 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": "IconVolumeHalf", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.472 3.988A1 1 0 0113 4.87v16a1 1 0 01-1.555.832L5.697 17.87H2a1 1 0 01-1-1v-8a1 1 0 011-1h3.697l5.748-3.832a1 1 0 011.027-.05zM11 6.738L6.555 9.702A1 1 0 016 9.87H3v6h3a1 1 0 01.555.168L11 19V6.738zm4.182 1.536a1 1 0 011.414 0A6.483 6.483 0 0118.5 12.87a6.482 6.482 0 01-1.904 4.596 1 1 0 11-1.414-1.414A4.483 4.483 0 0016.5 12.87a4.483 4.483 0 00-1.318-3.182 1 1 0 010-1.414z" })] });
+};

package/esm/icons/iconVolumeMinimum.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconVolumeMinimum: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconVolumeMinimum.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconVolumeMinimum = ({ 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": "IconVolumeMinimum", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.472 3.988A1 1 0 0113 4.87v16a1 1 0 01-1.555.832L5.697 17.87H2a1 1 0 01-1-1v-8a1 1 0 011-1h3.697l5.748-3.832a1 1 0 011.027-.05zM11 6.738L6.555 9.702A1 1 0 016 9.87H3v6h3a1 1 0 01.555.168L11 19V6.738zm3.964 3.266a1 1 0 011.366.365c.426.736.67 1.592.67 2.5 0 .91-.244 1.765-.67 2.502a1 1 0 01-1.73-1.002c.254-.44.4-.951.4-1.5 0-.547-.146-1.058-.4-1.499a1 1 0 01.364-1.366z" })] });
+};

package/esm/icons/iconVolumeOff.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconVolumeOff: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconVolumeOff.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconVolumeOff = ({ 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": "IconVolumeOff", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.472 3.988A1 1 0 0113 4.87v16a1 1 0 01-1.555.832L5.697 17.87H2a1 1 0 01-1-1v-8a1 1 0 011-1h3.697l5.748-3.832a1 1 0 011.027-.05zM11 6.738L6.555 9.702A1 1 0 016 9.87H3v6h3a1 1 0 01.555.168L11 19V6.738zm5.55 3.424a1 1 0 011.415 0l1.414 1.415 1.414-1.415a1 1 0 011.414 1.415l-1.414 1.414 1.414 1.414a1 1 0 01-1.414 1.414l-1.414-1.414-1.415 1.414a1 1 0 01-1.414-1.414l1.415-1.414-1.415-1.414a1 1 0 010-1.415z" })] });
+};

package/esm/icons/iconVolumeOn.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconVolumeOn: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconVolumeOn.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconVolumeOn = ({ 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": "IconVolumeOn", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", d: "M12.472 3.118A1 1 0 0 1 13 4v16a1 1 0 0 1-1.555.832L5.697 17H2a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h3.697l5.748-3.832a1 1 0 0 1 1.027-.05M11 5.868 6.555 8.833A1 1 0 0 1 6 9H3v6h3a1 1 0 0 1 .555.168L11 18.132zM19 8a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2h-2a1 1 0 1 1 0-2h2V9a1 1 0 0 1 1-1", clipRule: "evenodd" })] });
+};

package/esm/icons/iconWallet.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconWallet: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconWallet.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconWallet = ({ 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": "IconWallet", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 7.37a3.5 3.5 0 013.5-3.5H16a1 1 0 011 1v4h3a1 1 0 011 1v11a1 1 0 01-1 1h-7a1 1 0 110-2h6v-9H6.5c-.537 0-1.045-.121-1.5-.337v.837a1 1 0 11-2 0v-4zm2 0a1.5 1.5 0 001.5 1.5H15v-3H6.5A1.5 1.5 0 005 7.37zm.496 6.386a1 1 0 011.008 0l3 1.75a1 1 0 01.496.864v3.5a1 1 0 01-.496.863l-3 1.75a1 1 0 01-1.008 0l-3-1.75A1 1 0 012 19.87v-3.5a1 1 0 01.496-.864l3-1.75zM4 16.944v2.351l2 1.167 2-1.167v-2.351l-2-1.167-2 1.167z" }), _jsx("path", { d: "M17 15.37a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" })] });
+};

package/esm/icons/iconWallet1.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconWallet1: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconWallet1.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconWallet1 = ({ 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": "IconWallet1", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 7.37a3.5 3.5 0 013.5-3.5H16a1 1 0 011 1v4h3a1 1 0 011 1v11a1 1 0 01-1 1H7a4 4 0 01-4-4V7.37zm2 3.163v7.337a2 2 0 002 2h12v-9H6.5c-.537 0-1.045-.121-1.5-.337zM5 7.37a1.5 1.5 0 001.5 1.5H15v-3H6.5A1.5 1.5 0 005 7.37z" }), _jsx("path", { d: "M16 15.37a.5.5 0 11-1 0 .5.5 0 011 0z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.75 15.37a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm-1.25.5a.5.5 0 100-1 .5.5 0 000 1z" })] });
+};

package/esm/icons/iconWarning.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconWarning: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconWarning.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconWarning = ({ 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": "IconWarning", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M13.383 7.503a1.404 1.404 0 10-2.802-.023l.312 5.353a1.05 1.05 0 002.095.016l.395-5.346zM10.93 17.59c.289.27.648.405 1.075.405.414 0 .766-.135 1.055-.404.29-.27.435-.603.435-1 0-.398-.145-.73-.435-1a1.494 1.494 0 00-1.055-.404c-.427 0-.786.135-1.076.404a1.31 1.31 0 00-.434 1c0 .397.145.73.434 1z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.995 1.995c-5.523 0-10 4.477-10 10s4.477 10 10 10 10-4.477 10-10-4.477-10-10-10zm-8 10a8 8 0 1116 0 8 8 0 01-16 0z" })] });
+};

package/esm/icons/iconWatch.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconWatch: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconWatch.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconWatch = ({ 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": "IconWatch", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.051 2.553A1 1 0 018 1.87h8a1 1 0 01.949.683l.772 2.317H19a1 1 0 011 1v14a1 1 0 01-1 1h-1.28l-.771 2.316a1 1 0 01-.949.684H8a1 1 0 01-.949-.684L6.28 20.87H5a1 1 0 01-1-1v-14a1 1 0 011-1h1.28l.771-2.317zM8.387 4.87h7.226l-.334-1H8.721l-.334 1zM6 6.87v12h12v-12H6zm2.387 14l.334 1h6.558l.334-1H8.387zM12 8.87a1 1 0 011 1v2.585l1.207 1.207a1 1 0 01-1.414 1.415l-1.5-1.5A1 1 0 0111 12.87v-3a1 1 0 011-1z" })] });
+};

package/esm/icons/iconWatch2.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconWatch2: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconWatch2.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconWatch2 = ({ 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": "IconWatch2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.006 2.76A1 1 0 018 1.87h8a1 1 0 01.994.89l.474 4.27A7.978 7.978 0 0120 12.87c0 2.303-.974 4.38-2.532 5.839l-.474 4.271a1 1 0 01-.994.89H8a1 1 0 01-.994-.89l-.474-4.271A7.978 7.978 0 014 12.869c0-2.304.974-4.38 2.532-5.838l.474-4.272zm1.7 2.818A7.974 7.974 0 0112 4.87c1.173 0 2.29.253 3.295.708l-.19-1.708h-6.21l-.19 1.708zm0 14.584l.189 1.708h6.21l.19-1.708A7.97 7.97 0 0112 20.87a7.97 7.97 0 01-3.295-.708zM12 6.87a5.998 5.998 0 00-6 6 6 6 0 106-6zm0 2a1 1 0 011 1v2.585l1.207 1.207a1 1 0 01-1.414 1.415l-1.5-1.5A1 1 0 0111 12.87v-3a1 1 0 011-1z" })] });
+};

package/esm/icons/iconWebcam.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconWebcam: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconWebcam.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconWebcam = ({ 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": "IconWebcam", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 119 7.938v2.062h4a1 1 0 110 2H7a1 1 0 110-2h4v-2.062a8.001 8.001 0 01-7-7.938zm8-2a2 2 0 100 4 2 2 0 000-4zm-4 2a4 4 0 118 0 4 4 0 01-8 0z" })] });
+};

package/esm/icons/iconWhisper.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconWhisper: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconWhisper.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconWhisper = ({ 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": "IconWhisper", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 5.87a1 1 0 011-1h18a1 1 0 011 1v3a1 1 0 11-2 0v-2H4v12h6a1 1 0 110 2H3a1 1 0 01-1-1v-14zm16 6a1 1 0 011 1c0 1.266.282 1.95.665 2.334.384.384 1.068.666 2.335.666a1 1 0 110 2c-1.267 0-1.95.281-2.335.665-.383.384-.665 1.068-.665 2.335a1 1 0 11-2 0c0-1.267-.282-1.951-.665-2.335-.384-.384-1.068-.665-2.335-.665a1 1 0 110-2c1.267 0 1.95-.282 2.335-.666.383-.384.665-1.068.665-2.334a1 1 0 011-1zm0 4.47a3.653 3.653 0 01-.53.53 3.617 3.617 0 01.53.53 3.653 3.653 0 01.53-.53 3.615 3.615 0 01-.53-.53z" }), _jsx("path", { d: "M7 8.87a1 1 0 11-2 0 1 1 0 012 0zM10 8.87a1 1 0 11-2 0 1 1 0 012 0zM12 9.87a1 1 0 100-2 1 1 0 000 2z" })] });
+};

package/esm/icons/iconWifi.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconWifi: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconWifi.js

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

package/esm/icons/iconWifi2.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconWifi2: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconWifi2.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconWifi2 = ({ 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": "IconWifi2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.385 8.154c5.61-4.38 13.62-4.38 19.23 0a1 1 0 11-1.23 1.577c-4.888-3.815-11.882-3.815-16.77 0a1 1 0 01-1.23-1.577zm14.25 6.819c-2.7-2.106-6.569-2.106-9.269 0a1 1 0 11-1.23-1.578c3.424-2.67 8.306-2.67 11.729 0a1 1 0 11-1.23 1.578z" }), _jsx("path", { d: "M12 20.12a.5.5 0 110-1 .5.5 0 010 1z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 20.87a1.25 1.25 0 110-2.5 1.25 1.25 0 010 2.5zm-.5-1.25a.5.5 0 101 0 .5.5 0 00-1 0z" })] });
+};

package/esm/icons/iconWorkday.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconWorkday: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconWorkday.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconWorkday = ({ 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": "IconWorkday", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M8.369 12.45a.75.75 0 10-1.06 1.06l.264.265a.375.375 0 010 .53L3.44 18.44a1.5 1.5 0 002.12 2.12l4.133-4.133a.375.375 0 01.53 0l.265.265a.749.749 0 101.062-1.06L8.369 12.45zM18.325 7.642h.094a1.29 1.29 0 00.94-.518l1.476-1.974a.836.836 0 00-.075-1.087l-.824-.82a.832.832 0 00-1.063-.094l-2.025 1.407a1.284 1.284 0 00-.548.944c-.015.174.007.349.064.514a.375.375 0 01-.09.386l-5.707 5.7a.563.563 0 000 .795l.531.531a.564.564 0 00.796 0l5.737-5.732A.374.374 0 0118 7.597c.106.03.215.044.325.045zM16.657 14.364a.374.374 0 01-.363-.097l-1.68-1.68a.387.387 0 00-.53 0l-1.59 1.588a.375.375 0 000 .53l1.68 1.68a.373.373 0 01.096.364 3.38 3.38 0 004.134 4.134.374.374 0 00.169-.628l-1.125-1.12a.38.38 0 01-.108-.225l-.132-1.194a.376.376 0 01.414-.414l1.193.133a.375.375 0 01.225.107l1.125 1.125a.375.375 0 00.627-.168 3.376 3.376 0 00-4.134-4.135zM7.25 9.73a.375.375 0 01.362.097l1.68 1.68a.375.375 0 00.53 0l1.591-1.59a.375.375 0 000-.53l-1.68-1.681a.375.375 0 01-.097-.363 3.375 3.375 0 00-4.134-4.135.375.375 0 00-.17.627l1.122 1.126c.06.06.099.14.108.225l.132 1.188a.375.375 0 01-.414.414l-1.193-.132a.375.375 0 01-.225-.108l-1.12-1.121a.375.375 0 00-.627.169A3.375 3.375 0 007.25 9.73z" })] });
+};

package/esm/icons/iconWorld.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconWorld: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconWorld.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconWorld = ({ 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": "IconWorld", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.74 9.505A7.97 7.97 0 004 12.87c0 1.848.627 3.55 1.68 4.905l2.797-2.797c-1.482-1.591-2.652-3.224-3.371-4.661-.136-.273-.26-.544-.366-.812zm3.896-3.896c.268.107.539.23.812.366 1.437.719 3.07 1.89 4.661 3.371l2.797-2.796A7.965 7.965 0 0012 4.87a7.97 7.97 0 00-3.364.74zm9.693-.482A9.959 9.959 0 0012 2.87c-5.523 0-10 4.477-10 10 0 2.4.846 4.605 2.257 6.328l-.742.743a1 1 0 101.414 1.414l.742-.742A9.958 9.958 0 0012 22.87a9.968 9.968 0 007.1-2.959A9.968 9.968 0 0022 12.87a9.958 9.958 0 00-2.257-6.329l.742-.742a1 1 0 10-1.414-1.415l-.742.743zm-.01 2.837l-2.796 2.797c1.483 1.591 2.653 3.224 3.372 4.661.136.273.259.544.366.811A7.971 7.971 0 0020 12.87c0-1.849-.627-3.551-1.68-4.906zm-.66 10.56a.3.3 0 00.03-.08c.02-.079.032-.213.008-.419-.05-.417-.235-.995-.591-1.708-.608-1.217-1.64-2.675-2.998-4.141l-2.801 2.801c1.466 1.359 2.924 2.39 4.14 2.998.713.357 1.292.542 1.71.591.204.024.339.012.418-.007a.295.295 0 00.08-.03l.005-.006zm-2.294 1.606c-.268-.107-.54-.23-.812-.366-1.437-.719-3.07-1.889-4.662-3.372L7.094 19.19A7.965 7.965 0 0012 20.87a7.971 7.971 0 003.364-.74zm-5.473-6.567l2.802-2.801c-1.466-1.359-2.924-2.39-4.14-2.998-.714-.356-1.292-.541-1.71-.59a1.236 1.236 0 00-.418.006.295.295 0 00-.07.024c-.009.005-.012.008-.012.009-.001 0-.004.003-.01.013a.295.295 0 00-.023.07 1.236 1.236 0 00-.007.418c.05.417.234.996.59 1.708.61 1.217 1.64 2.675 2.998 4.141z" })] });
+};

package/esm/icons/iconWrench.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconWrench: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconWrench.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconWrench = ({ 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": "IconWrench", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.874 2.823c1.156-1.157 3.034-1.05 4.133.048 1.158 1.158 1.048 2.94-.049 4.037l-1.974 1.974a.72.72 0 00.007.265c.049.255.178.485.278.585.1.1.33.23.587.278a.72.72 0 00.251.01c.006 0 .01-.002.013-.003l1.974-1.974c1.097-1.097 2.879-1.206 4.037-.048 1.098 1.099 1.205 2.976.048 4.133l-2.821 2.821c-.514.514-1.184.744-1.763.856-.587.115-1.19.128-1.661.128h-.807a2.54 2.54 0 00-1.796.744l-4.51 4.51a3.54 3.54 0 01-5.007-5.006l4.51-4.51a2.54 2.54 0 00.744-1.796v-.807c0-.471.014-1.074.128-1.661.113-.58.343-1.25.856-1.763l2.822-2.821zm2.812 1.369c-.428-.428-1.122-.418-1.491-.048l-2.822 2.82c-.137.139-.263.39-.343.8-.078.4-.093.854-.093 1.304v.807c0 1.17-.465 2.29-1.292 3.117l-4.51 4.51A1.672 1.672 0 006.5 19.867l4.51-4.51a4.408 4.408 0 013.118-1.292h.807c.45 0 .903-.015 1.304-.093.41-.08.661-.206.799-.344l2.821-2.82c.37-.37.38-1.064-.048-1.492-.368-.368-.965-.381-1.395.048L16.42 11.36c-.574.575-1.37.587-1.907.486-.564-.105-1.155-.384-1.564-.793-.408-.408-.687-.999-.792-1.563-.101-.537-.089-1.333.485-1.907l1.996-1.996c.43-.43.417-1.027.049-1.395z" })] });
+};

package/esm/icons/iconWrite.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconWrite: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconWrite.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconWrite = ({ 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": "IconWrite", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.002 4.87a1 1 0 011-1h16a1 1 0 010 2h-16a1 1 0 01-1-1zm0 4a1 1 0 011-1h6.5a1 1 0 010 2h-6.5a1 1 0 01-1-1zm14.135-1a1 1 0 01.707.293l3.865 3.864a1 1 0 010 1.415l-9.135 9.135a1 1 0 01-.707.293H8.002a1 1 0 01-1-1v-3.865a1 1 0 01.293-.707l9.135-9.135a1 1 0 01.707-.293zM9.002 18.419v2.45h2.45l8.136-8.134-2.45-2.451-8.136 8.135zM3 12.869a1 1 0 011-1h3.002a1 1 0 110 2H4a1 1 0 01-1-1z" })] });
+};

package/esm/icons/iconYen.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconYen: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconYen.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconYen = ({ 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": "IconYen", 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-10zm5.841-4.753a1 1 0 011.412.094L12 11.351l2.747-3.14a1 1 0 011.506 1.317l-2.924 3.342H14a1 1 0 110 2h-1v3a1 1 0 11-2 0v-3h-1a1 1 0 110-2h.671L7.747 9.528a1 1 0 01.095-1.41z" })] });
+};

package/esm/icons/iconZone.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconZone: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconZone.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconZone = ({ 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": "IconZone", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.029 9.35c-1.418.516-2.094 1.966-1.578 3.384.516 1.418 1.966 2.094 3.384 1.578 1.418-.516 2.094-1.966 1.578-3.384C6.897 9.51 5.447 8.834 4.029 9.35zM8.994 16.373c-1.418.517-2.094 1.967-1.578 3.384.516 1.418 1.966 2.095 3.384 1.578 1.417-.515 2.094-1.966 1.578-3.384-.516-1.417-1.967-2.094-3.384-1.578zM16.791 13.536c-1.418.516-2.094 1.966-1.578 3.383.516 1.418 1.966 2.095 3.384 1.578 1.418-.516 2.094-1.966 1.578-3.384-.516-1.417-1.966-2.093-3.384-1.577zM16.08 4.964c-1.418.516-2.094 1.966-1.578 3.384.516 1.418 1.966 2.094 3.384 1.578 1.417-.516 2.094-1.966 1.578-3.384-.516-1.418-1.967-2.094-3.384-1.578z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.124 17.505L5.337 13.94l1.189-.93 2.786 3.567-1.188.93zM16.18 17.37l-4.253 1.548-.516-1.417 4.253-1.548.516 1.417zM17.924 9.357l.157 4.524-1.507.052-.158-4.523 1.508-.053zM8.506 2.904C7.09 3.42 6.412 4.87 6.928 6.288c.516 1.418 1.967 2.094 3.384 1.578C11.73 7.35 12.406 5.9 11.89 4.482c-.516-1.418-1.966-2.094-3.384-1.578z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.975 7.332L6.671 10.65l-1.24-.86L7.737 6.47l1.24.861zM11.002 6.594l3.897 1.06.396-1.455-3.897-1.06-.396 1.455z" })] });
+};

package/esm/icons/iconZoom.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconZoom: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconZoom.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconZoom = ({ 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": "IconZoom", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 5.87a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1114.32 4.905l3.387 3.388a1 1 0 01-1.414 1.414l-3.387-3.388A8 8 0 013 11.87zm8-4a1 1 0 011 1v2h2a1 1 0 110 2h-2v2a1 1 0 11-2 0v-2H8a1 1 0 110-2h2v-2a1 1 0 011-1z" })] });
+};

package/esm/icons/iconZoom2.d.ts

@@ -0,0 +1,3 @@
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconZoom2: ({ className, size, title, description, focusable }: IIcon) => import("react/jsx-runtime").JSX.Element;

package/esm/icons/iconZoom2.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconZoom2 = ({ 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": "IconZoom2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 5.87a6 6 0 100 12 6 6 0 000-12zm-8 6a8 8 0 1114.32 4.905l3.387 3.388a1 1 0 01-1.414 1.414l-3.387-3.388A8 8 0 013 11.87zm4 0a1 1 0 011-1h6a1 1 0 110 2H8a1 1 0 01-1-1z" })] });
+};

package/esm/images/imageAdjustFilter.d.ts

@@ -0,0 +1,3 @@
+import "./svgImage.less";
+import { ISvgImage } from "./svgImage";
+export declare const ImageAdjustFilter: ({ className, title, description, focusable }: ISvgImage) => import("react/jsx-runtime").JSX.Element;

package/esm/images/imageAdjustFilter.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const ImageAdjustFilter = ({ className, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-svg-image",
+        className !== null && className !== void 0 ? className : ""
+    ]), [className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 180 180", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "ImageAdjustFilter", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("circle", { cx: "90", cy: "91", r: "90", fill: "#EFF1F2" }), _jsx("mask", { id: "mask0_28535_79659", style: { maskType: "alpha" }, maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "180", height: "180", children: _jsx("circle", { cx: "90", cy: "90", r: "90", fill: "#D9D9D9" }) }), _jsxs("g", { mask: "url(#mask0_28535_79659)", children: [_jsx("rect", { x: "29.0156", y: "27.001", width: "214.137", height: "118.084", rx: "2.11987", fill: "#E6EBEF" }), _jsx("rect", { x: "28", y: "62.0273", width: "214.662", height: "46.5352", rx: "2.11987", fill: "white" }), _jsx("rect", { x: "28", y: "108.562", width: "214.662", height: "121.092", rx: "2.11987", fill: "#E6EBEF" }), _jsx("rect", { x: "40.0073", y: "74.5371", width: "66.0499", height: "21.0159", rx: "2.11987", fill: "#A6B8C9" }), _jsx("rect", { width: "21.5163", height: "21.0159", rx: "2.11987", transform: "matrix(-1 0 0 1 129.076 74.5371)", fill: "#A6B8C9" }), _jsx("rect", { x: "38.5049", y: "76.0381", width: "66.0499", height: "21.0159", rx: "2.11987", fill: "#E6EBEF" }), _jsx("rect", { x: "143.086", y: "74.5371", width: "99.5753", height: "21.0159", rx: "2.11987", fill: "#E6EBEF" }), _jsx("rect", { x: "106.06", y: "76.0381", width: "21.0159", height: "21.0159", rx: "2.11987", fill: "#E6EBEF" }), _jsx("path", { d: "M116.567 91.0498L111.8 84.67H121.334L116.567 91.0498Z", fill: "#4E677E" }), _jsx("rect", { x: "44.5117", y: "80.542", width: "2.00151", height: "13.0098", fill: "#4E677E" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M103.919 93.0928V146.847L118.339 133.077L119.116 132.409H143.574V130.545L103.919 93.0928Z", fill: "#A6B8C9" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M103.919 91.3301V145.085L118.339 131.314L119.116 130.647H143.574L103.919 91.3301Z", fill: "#43596D" })] })] });
+};

package/esm/images/imageLooking.d.ts

@@ -0,0 +1,3 @@
+import "./svgImage.less";
+import { ISvgImage } from "./svgImage";
+export declare const ImageLooking: ({ className, title, description, focusable }: ISvgImage) => import("react/jsx-runtime").JSX.Element;

package/esm/images/imageLooking.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const ImageLooking = ({ className, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-svg-image",
+        className !== null && className !== void 0 ? className : ""
+    ]), [className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 629 350", fill: "none", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "ImageLooking", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsxs("defs", { children: [_jsx("path", { id: "b", fill: "#FAFBFB", d: "M505.06 295.04c-67.58-27.57-85.23-53.95-135.16-54.22-19.17-.1-33.6 3.7-47.98 9.92 26.88-5.26 54.8-6.02 54.8 11.76.01 15.8-45.78 25.14-49.34 43.91-1.07 5.64 1.75 12.67 11.24 21.56a79.37 79.37 0 0 0 55.8 21.2 1381.31 1381.31 0 0 0 228.73-23.44c-51.28-6.64-90.47-19.42-118.1-30.7Z" }), _jsx("path", { id: "c", fill: "#EBEDF0", d: "M86.84 308.45h2.4v5.71a1.2 1.2 0 0 1-2.4 0v-5.7Z" }), _jsx("path", { id: "d", fill: "#EBEDF0", d: "M110.16 291.86c-.23-.2-.44-.42-.61-.67h.06c.06 0 .11-.02.16-.06a.28.28 0 0 0 0-.45 7.6 7.6 0 0 1-1.3-1.26h.59c.04 0 .09-.02.12-.04a.22.22 0 0 0 .08-.11.22.22 0 0 0-.08-.24 5.9 5.9 0 0 1-.97-.95l.25.01h.19c.03 0 .07-.02.1-.04a.18.18 0 0 0 .06-.2.18.18 0 0 0-.06-.08 4.72 4.72 0 0 1-1.54-2.07.2.2 0 0 0-.2-.14.2.2 0 0 0-.2.14 4.72 4.72 0 0 1-1.53 2.07.18.18 0 0 0-.06.2.18.18 0 0 0 .16.12 3 3 0 0 0 .43 0c-.28.34-.6.66-.97.93a.22.22 0 0 0 .13.4 4.63 4.63 0 0 0 .57 0c-.38.47-.81.9-1.3 1.26a.28.28 0 0 0 .17.51h.06c-.17.25-.38.48-.61.67a.27.27 0 0 0-.1.18.25.25 0 0 0 .06.2l.12.1a1 1 0 0 0 .84.23.28.28 0 0 1 .3.16 1.17 1.17 0 0 0 .68.6 1.02 1.02 0 0 0 1.06-.3.26.26 0 0 1 .2-.09.26.26 0 0 1 .19.09 1.03 1.03 0 0 0 1.46.06c.12-.1.22-.22.29-.36a.28.28 0 0 1 .3-.17 1.02 1.02 0 0 0 .95-.32.26.26 0 0 0-.04-.38Z" }), _jsx("path", { id: "o", fill: "#EBEDF0", d: "M340.32 31.3h-.42a.41.41 0 0 0-.41.42v2.75c0 .23.18.41.41.41h.42c.23 0 .42-.18.42-.41v-2.75a.41.41 0 0 0-.42-.41Zm33.8-3.5h-.86a.47.47 0 0 0-.47.47v9.65c0 .26.2.47.47.47h.86c.26 0 .47-.21.47-.47v-9.65a.47.47 0 0 0-.47-.47Z" })] }), _jsxs("g", { clipPath: "url(#a)", children: [_jsx("path", { fill: "#EBEDF0", d: "M409.65 170.36c-34.48-40.83-45.98-67.01-71.45-68.22-31.2-1.47-48.26 36.2-99.65 88.26a565.12 565.12 0 0 1-91.53 75 832.64 832.64 0 0 0 212.52 27.41 835 835 0 0 0 169.01-17.2c-57.04-38.15-94.74-76.63-118.9-105.25Z" }), _jsx("path", { fill: "#FAFBFB", d: "M315.36 137.06c12.32 2.67 13.68 21.46 23.49 21.38 9.07-.07 11.51-16.18 22.27-16.74 8.57-.45 12.05 9.52 20.47 9.02 3.3-.2 6.23-1.94 8.77-4.39-20.73-26.83-32.13-43.24-52.16-44.19-22-1.04-36.97 17.4-61.91 46.6a9.9 9.9 0 0 0 3.3 1.98c11.18 3.9 22.06-16.62 35.77-13.66Z" }), _jsx("path", { fill: "#EBEDF0", d: "M528.55 275.62c-57.04-38.16-94.74-76.63-118.9-105.26-34.48-40.83-45.98-67.01-71.45-68.22a34.9 34.9 0 0 0-13.94 2.15c6.93.52 12.36 2.42 16.67 4.94 32.27 18.85 33.57 90.12 8.05 183.5a835 835 0 0 0 179.58-17.12Z", opacity: ".5", style: { mixBlendMode: "multiply" } }), _jsx("path", { fill: "#EBEDF0", d: "M81.8 294.63c-.78-.07-1.56-.08-2.34-.04a10.64 10.64 0 0 0-11-14.32c-2.4.23-4.66 1.27-6.4 2.94a13.68 13.68 0 0 0-26.16 2.91 11.35 11.35 0 0 0-14.89 6.78 5.61 5.61 0 0 0-8.93 5.1h-.04A11.19 11.19 0 0 0 .87 309.59c.07 2.01.69 3.96 1.78 5.65 30.26 3.41 60.82 5.84 91.66 7.27a17.42 17.42 0 0 0-12.52-27.88Zm94.77 4a288 288 0 0 0 161.38-49.15c-12.9-.57-25.72-3.39-37.78-9.52-41.73-21.2-47.16-68.04-76.59-68.6-17.44-.34-26.14 15.9-63.72 54.52a844.44 844.44 0 0 1-65.74 60.83 289.43 289.43 0 0 0 82.45 11.92Z" }), _jsx("path", { fill: "#EBEDF0", d: "M300.17 239.96c-41.72-21.2-47.16-68.04-76.59-68.6-2.3-.07-4.62.21-6.85.83 4.19.97 8.14 2.78 11.6 5.31 21.6 16.02 22.01 62.1-.57 116.6a287.62 287.62 0 0 0 110.19-44.62c-12.9-.57-25.72-3.39-37.78-9.52Z", opacity: ".5", style: { mixBlendMode: "multiply" } }), _jsx("path", { fill: "#F4F6F7", d: "M439.35 201.27c-68.64-18.32-127.29 25.04-192.52 57.9a654.98 654.98 0 0 1-74.68 31.95A1380.57 1380.57 0 0 0 472.47 324c51.52 0 103-2.85 154.2-8.55-32.9-11.5-58.9-25.59-79.33-39.15-52.85-35.08-63.12-63.06-108-75.03Z" }), _jsx("path", { fill: "#EBEDF0", d: "M626.68 315.45c-32.9-11.5-58.9-25.59-79.34-39.15-52.85-35.08-63.12-63.06-108-75.03a127.84 127.84 0 0 0-23.24-3.97c24.4 8.63 29.27 15.46 29.27 20.16 0 16.92-53.09 26.39-107.42 37.57-53.28 10.97-57.8 43.6-114.51 46.48A1383.7 1383.7 0 0 0 472.47 324c51.52 0 103-2.85 154.2-8.55Z", style: { mixBlendMode: "multiply" } }), _jsx("path", { fill: "#F4F6F7", d: "M292.3 302.65c-53.86-18.83-66.8-58.85-114.46-57.56-33.2.9-41.99 23.35-107.61 47.73a953.58 953.58 0 0 1-67.91 22.37 1390.75 1390.75 0 0 0 156.52 8.8c63.71.02 127.34-4.35 190.45-13.07-23.15.78-41.92-3-57-8.27Z" }), _jsx("path", { fill: "#EBEDF0", d: "M349.3 310.92c-23.16.78-41.93-3-57-8.27-53.86-18.83-66.8-58.85-114.47-57.56a60.91 60.91 0 0 0-16.96 2.75c15.42 6.22 19.36 11.58 19.4 15.7.13 14.73-49.61 17.61-63.17 50.53a43.52 43.52 0 0 0-2.64 9.22 1388.06 1388.06 0 0 0 234.83-12.37Z", style: { mixBlendMode: "multiply" } }), _jsx("path", { fill: "#EBEDF0", d: "M621 307.5a14.32 14.32 0 0 0-10.55-13.3c-1.96-.53-4-.65-6-.34a9.45 9.45 0 0 0-14.61-4.51 11.28 11.28 0 0 0-18.7-1.06 11.27 11.27 0 0 0-2.27 7.67 10.2 10.2 0 0 0-11.68 8.02 12.3 12.3 0 0 0-16.06 11.1c-.12 2.51.55 5 1.9 7.14 28.61-1.45 56.98-3.76 85.11-6.94a8.95 8.95 0 0 0-7.15-7.78Z" }), _jsx("path", { fill: "#EBEDF0", d: "M560.99 303.6c-.63 0-1.25.05-1.87.14v-.14a10.29 10.29 0 0 0-9.27-10.26c-1.68-.17-3.38.08-4.95.72a7.86 7.86 0 0 0-12.55-5.22 10.31 10.31 0 0 0-18.5 6.28v.03c-.2-.01-.4-.03-.62-.03a7.48 7.48 0 0 0-7.47 7.47l.01.22a12.65 12.65 0 0 0-14.91 13.95 12.62 12.62 0 0 0 3.3 7.06c26.44-.4 52.7-1.55 78.76-3.44A12.61 12.61 0 0 0 561 303.6Z" }), _jsx("path", { fill: "#fff", d: "M369.9 240.83c-49.05-.26-67.02 25.02-132.94 50.89-33.37 13.1-80.08 26.75-141.03 30.88a1382.25 1382.25 0 0 0 271.7 26.83c85.72.03 171.26-7.9 255.51-23.7-51.27-6.64-90.46-19.42-118.08-30.7-67.58-27.56-85.23-53.94-135.16-54.2Z" }), _jsx("use", { xlinkHref: "#b" }), _jsx("use", { xlinkHref: "#b", opacity: ".33", style: { mixBlendMode: "multiply" } }), _jsxs("g", { fill: "#EBEDF0", style: { mixBlendMode: "multiply" }, children: [_jsx("path", { d: "M417.26 327.42a26.4 26.4 0 0 1-3.81-5.23h.38c.46 0 .9 0 1.35-.03a1.28 1.28 0 0 0 1.15-.9 1.29 1.29 0 0 0-.43-1.38c-1.62-1.25-3.12-3.12-4.49-4.73h.2c.36 0 .71 0 1.06-.02a1 1 0 0 0 .57-1.79 26.46 26.46 0 0 1-4.32-4.2 15.28 15.28 0 0 0 1.91.03.8.8 0 0 0 .45-1.43 21.07 21.07 0 0 1-6.86-9.24.94.94 0 0 0-1.74 0 21.06 21.06 0 0 1-6.86 9.24.8.8 0 0 0 .44 1.43 15.73 15.73 0 0 0 1.92-.02 26.43 26.43 0 0 1-4.32 4.2 1 1 0 0 0 .56 1.78c.35.02.7.03 1.06.03h.2c-1.36 1.6-2.86 3.47-4.48 4.72a1.28 1.28 0 0 0 .72 2.28c.44.02.9.04 1.34.04l.39-.01a26.36 26.36 0 0 1-3.82 5.23 1.1 1.1 0 0 0 .02 1.58c.32.28.69.5 1.08.65.7.25 1.45.27 2.15.08a.97.97 0 0 1 1.16.61 3.54 3.54 0 0 0 3.2 2.44c.73 0 1.45-.21 2.06-.63a.95.95 0 0 1 1.28.2 3.4 3.4 0 0 0 5.54 0 .95.95 0 0 1 1.28-.2c.6.42 1.33.63 2.06.63a3.55 3.55 0 0 0 3.2-2.44.97.97 0 0 1 1.15-.61 3.51 3.51 0 0 0 3.23-.73 1.13 1.13 0 0 0 .34-.78 1.1 1.1 0 0 0-.32-.8Z", style: { mixBlendMode: "multiply" } }), _jsx("path", { d: "M400.79 324.54h5.52v13.12a2.75 2.75 0 0 1-2.76 2.76 2.77 2.77 0 0 1-2.76-2.76v-13.12Z", style: { mixBlendMode: "multiply" } })] }), _jsxs("g", { fill: "#EBEDF0", style: { mixBlendMode: "multiply" }, children: [_jsx("path", { d: "M382.67 294.3h2.4v5.72a1.2 1.2 0 0 1-2.4 0v-5.71Z", style: { mixBlendMode: "multiply" } }), _jsx("path", { d: "M390.92 295.04a7.54 7.54 0 0 1-1.37-1.49h.13a.64.64 0 0 0 .36-1.14 16.92 16.92 0 0 1-2.88-2.83 10.24 10.24 0 0 0 1.27.01.5.5 0 0 0 .45-.34.5.5 0 0 0-.17-.55c-.8-.62-1.52-1.32-2.16-2.1a8 8 0 0 0 .96.01.4.4 0 0 0 .22-.71 10.53 10.53 0 0 1-3.43-4.63.47.47 0 0 0-.87 0 10.52 10.52 0 0 1-3.43 4.63.4.4 0 0 0-.13.43.4.4 0 0 0 .36.28 7.35 7.35 0 0 0 .96 0c-.64.77-1.37 1.47-2.16 2.09a.5.5 0 0 0-.17.54.5.5 0 0 0 .45.35 10.29 10.29 0 0 0 1.27-.01c-.84 1.05-1.81 2-2.88 2.83a.63.63 0 0 0 0 1c.1.08.22.13.35.14h.14a7.59 7.59 0 0 1-1.37 1.49.57.57 0 0 0-.22.4.58.58 0 0 0 .14.45 2.64 2.64 0 0 0 1.14.69c.32.08.66.1 1 .03a.62.62 0 0 1 .66.36 2.62 2.62 0 0 0 1.53 1.34 2.3 2.3 0 0 0 2.37-.66.59.59 0 0 1 .43-.2.6.6 0 0 1 .43.2 2.3 2.3 0 0 0 3.27.15c.26-.23.48-.51.63-.83a.62.62 0 0 1 .67-.36 2.28 2.28 0 0 0 2.13-.72.57.57 0 0 0 .14-.44.6.6 0 0 0-.22-.4Z", style: { mixBlendMode: "multiply" } })] }), _jsx("use", { xlinkHref: "#c" }), _jsx("path", { fill: "#EBEDF0", d: "M95.09 309.19a7.58 7.58 0 0 1-1.37-1.5h.13a.64.64 0 0 0 .58-.44.64.64 0 0 0-.22-.7 16.87 16.87 0 0 1-2.88-2.83 9.67 9.67 0 0 0 1.27.02.5.5 0 0 0 .45-.35.5.5 0 0 0-.17-.55c-.8-.61-1.52-1.31-2.16-2.1a7.95 7.95 0 0 0 .96.01.4.4 0 0 0 .22-.7 10.54 10.54 0 0 1-3.43-4.63.47.47 0 0 0-.7-.22.47.47 0 0 0-.17.22 10.53 10.53 0 0 1-3.43 4.62.4.4 0 0 0-.13.44.4.4 0 0 0 .36.27 7.34 7.34 0 0 0 .96 0 14.3 14.3 0 0 1-2.16 2.1.5.5 0 0 0 0 .78c.08.07.17.1.28.1a9.16 9.16 0 0 0 1.27 0c-.84 1.05-1.81 2-2.88 2.82a.64.64 0 0 0 .35 1.14h.14a7.58 7.58 0 0 1-1.37 1.5.59.59 0 0 0-.23.4.58.58 0 0 0 .15.45 2.6 2.6 0 0 0 1.14.68c.32.09.66.1 1 .04a.62.62 0 0 1 .66.36 2.61 2.61 0 0 0 1.53 1.34 2.32 2.32 0 0 0 2.37-.66.57.57 0 0 1 .43-.2.57.57 0 0 1 .43.2 2.3 2.3 0 0 0 3.27.14c.26-.23.48-.5.63-.82a.62.62 0 0 1 .67-.36 2.28 2.28 0 0 0 2.12-.72.58.58 0 0 0 .08-.67.58.58 0 0 0-.15-.18Zm11.38-17.66h1.07v2.56a.54.54 0 0 1-1.08 0v-2.56Z" }), _jsx("use", { xlinkHref: "#d" }), _jsxs("g", { fill: "#EBEDF0", style: { mixBlendMode: "multiply" }, children: [_jsx("path", { d: "M435.98 314.65h3.03v7.2a1.51 1.51 0 0 1-1.51 1.52 1.51 1.51 0 0 1-1.52-1.51v-7.2Z", style: { mixBlendMode: "multiply" } }), _jsx("path", { d: "M446.4 315.58a9.48 9.48 0 0 1-1.74-1.88h.18a.81.81 0 0 0 .72-.56.8.8 0 0 0-.27-.88 21.32 21.32 0 0 1-3.64-3.57 12.23 12.23 0 0 0 1.6.02.63.63 0 0 0 .36-1.13 16.7 16.7 0 0 1-2.73-2.65 10.14 10.14 0 0 0 1.21.01.5.5 0 0 0 .46-.35.5.5 0 0 0-.18-.55 13.27 13.27 0 0 1-4.32-5.83.59.59 0 0 0-1.1 0 13.27 13.27 0 0 1-4.33 5.83.5.5 0 0 0-.18.55.5.5 0 0 0 .46.35 9.37 9.37 0 0 0 1.2 0 16.7 16.7 0 0 1-2.72 2.64.64.64 0 0 0-.21.69.63.63 0 0 0 .57.44 12.3 12.3 0 0 0 1.6-.02 21.32 21.32 0 0 1-3.64 3.57.8.8 0 0 0 0 1.27c.13.1.3.16.45.17h.18a9.48 9.48 0 0 1-1.73 1.88.74.74 0 0 0-.29.52.72.72 0 0 0 .2.55 3.29 3.29 0 0 0 1.43.87c.4.1.83.12 1.25.05a.78.78 0 0 1 .84.45 3.3 3.3 0 0 0 1.93 1.69 2.91 2.91 0 0 0 2.99-.83.73.73 0 0 1 1.09 0 2.91 2.91 0 0 0 4.12.18c.34-.3.6-.64.8-1.04a.78.78 0 0 1 .84-.45 2.88 2.88 0 0 0 2.68-.92.73.73 0 0 0-.09-1.07Z", style: { mixBlendMode: "multiply" } })] }), _jsxs("g", { style: { mixBlendMode: "multiply" }, children: [_jsx("use", { xlinkHref: "#c", style: { mixBlendMode: "multiply" } }), _jsx("path", { fill: "#EBEDF0", d: "M95.09 309.19a7.58 7.58 0 0 1-1.37-1.5h.13a.64.64 0 0 0 .58-.44.64.64 0 0 0-.22-.7 16.87 16.87 0 0 1-2.88-2.83 9.67 9.67 0 0 0 1.27.02.5.5 0 0 0 .45-.35.5.5 0 0 0-.17-.55c-.8-.61-1.52-1.31-2.16-2.1a7.95 7.95 0 0 0 .96.01.4.4 0 0 0 .22-.7 10.54 10.54 0 0 1-3.43-4.63.47.47 0 0 0-.7-.22.47.47 0 0 0-.17.22 10.53 10.53 0 0 1-3.43 4.62.4.4 0 0 0-.13.44.4.4 0 0 0 .36.27 7.34 7.34 0 0 0 .96 0 14.3 14.3 0 0 1-2.16 2.1.5.5 0 0 0 0 .78c.08.07.17.1.28.1a9.16 9.16 0 0 0 1.27 0c-.84 1.05-1.81 2-2.88 2.82a.64.64 0 0 0 .35 1.14h.14a7.58 7.58 0 0 1-1.37 1.5.59.59 0 0 0-.23.4.58.58 0 0 0 .15.45 2.6 2.6 0 0 0 1.14.68c.32.09.66.1 1 .04a.62.62 0 0 1 .66.36 2.61 2.61 0 0 0 1.53 1.34 2.32 2.32 0 0 0 2.37-.66.57.57 0 0 1 .43-.2.57.57 0 0 1 .43.2 2.3 2.3 0 0 0 3.27.14c.26-.23.48-.5.63-.82a.62.62 0 0 1 .67-.36 2.28 2.28 0 0 0 2.12-.72.58.58 0 0 0 .08-.67.58.58 0 0 0-.15-.18Z", style: { mixBlendMode: "multiply" } })] }), _jsxs("g", { style: { mixBlendMode: "multiply" }, children: [_jsx("path", { fill: "#EBEDF0", d: "M106.47 291.53h1.07v2.56a.54.54 0 0 1-1.08 0v-2.56Z", style: { mixBlendMode: "multiply" } }), _jsx("use", { xlinkHref: "#d", style: { mixBlendMode: "multiply" } })] }), _jsx("path", { stroke: "#F4F6F7", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2.11", d: "M81.69 217.76v12.28m-6.07-6.07H87.9m473.34-30.59v14.4m-7.2-7.2h14.4M118.7 228.13a4.23 4.23 0 1 0 0-8.47 4.23 4.23 0 0 0 0 8.47Zm335.28-52.1a4.23 4.23 0 1 0 0-8.47 4.23 4.23 0 0 0 0 8.47Z" }), _jsx("path", { fill: "#F4F6F7", d: "M12.36 266.61a2.4 2.4 0 1 0 0-4.8 2.4 2.4 0 0 0 0 4.8Zm506.79-44.54a2.4 2.4 0 1 0 0-4.8 2.4 2.4 0 0 0 0 4.8Zm-383.51-62.73a2.4 2.4 0 1 0 0-4.8 2.4 2.4 0 0 0 0 4.8Z" }), _jsx("path", { fill: "#FAFBFB", d: "M166.14 52.35a2.4 2.4 0 1 0 0-4.8 2.4 2.4 0 0 0 0 4.8ZM437.3 76.48a2.4 2.4 0 1 0 0-4.8 2.4 2.4 0 0 0 0 4.8ZM51.75 86.85a2.4 2.4 0 1 0 0-4.8 2.4 2.4 0 0 0 0 4.8Z" }), _jsx("path", { fill: "#F4F6F7", d: "M617.96 266.61a2.4 2.4 0 1 0 0-4.8 2.4 2.4 0 0 0 0 4.8Z" }), _jsx("path", { stroke: "#FAFBFB", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2.78", d: "M503.68 122.84a7.73 7.73 0 1 0 .01-15.47 7.73 7.73 0 0 0-.01 15.47ZM276.29 17.2a7.73 7.73 0 1 0 0-15.47 7.73 7.73 0 0 0 0 15.46ZM75.62 104.52a5.47 5.47 0 1 0 0-10.93 5.47 5.47 0 0 0 0 10.93Zm157.75 1.79v15.76m-7.89-7.87h15.78m327.19-45.1v25.92m-12.99-12.96h25.97M426.4 108.98v10.42m-5.2-5.2h10.42M133.24 79.25v10.41m-5.21-5.2h10.43" }), _jsx("path", { fill: "#FAFBFB", d: "M276.29 99.88a3.01 3.01 0 1 0 0-6.03 3.01 3.01 0 0 0 0 6.03Z" }), _jsx("path", { fill: "#00AEEF", d: "m357.06 39.4-2.07-.93s-.94 9.57-12.2 8.07c-9.4-5.26-24.06-5.26-24.06-5.26s-17.1 6.57-16.72 16.7c.5 13.5 12.16 11.82 12.16 11.82l-.32-1.87c-12.92-7.61.44-15.22 3.79-16.91l-2.29 20.28a27.85 27.85 0 0 0 11.74 2.78 3.91 3.91 0 0 0 3.53-2.22l7.85-16.35c1.58.38 20.39 4.39 18.59-16.1Z" }), _jsx("path", { fill: "#0097E8", d: "m357.06 39.4-2.07-.93s-.94 9.57-12.2 8.07l-4.32 8.97c1.58.38 20.39 4.39 18.59-16.1Z" }), _jsx("path", { fill: "url(#e)", d: "M313.4 119.75c-.75-4.15-7.08-4.64-7.08-4.64l-1.13.09a.91.91 0 0 0-.8.66 9.9 9.9 0 0 0-.46 3.7 1.5 1.5 0 0 0 1.4 1.4c2.37.15 4.74.16 7.1.03a1.08 1.08 0 0 0 .75-.4 1.08 1.08 0 0 0 .22-.84Z" }), _jsx("path", { fill: "url(#f)", d: "m307.3 115.75 1.1-3.74h-2.88l-.63 3.14a1.25 1.25 0 0 0 1.11 1.49 1.24 1.24 0 0 0 1.3-.9Z" }), _jsx("path", { fill: "url(#g)", d: "M343.26 101.59c-1.09-1.84-3.74-3.13-7.33-3.99l-1.56-.05a.68.68 0 0 0-.65.42c-.42 1.28-.65 2.6-.7 3.95a.77.77 0 0 0 .6.79c.8.16 1.63.24 2.45.25 1.9.05 4.99-.1 6.6-.2a.77.77 0 0 0 .6-1.17Z" }), _jsx("path", { fill: "url(#h)", d: "m336.57 98.2.86-3.28-2.64-.23-.5 3.02a1.16 1.16 0 0 0 .96 1.33 1.16 1.16 0 0 0 1.32-.85Z" }), _jsx("path", { fill: "url(#i)", d: "M315.35 71.3a22.4 22.4 0 0 0-3 8.26c-.7 4.49-6.58 29.68-7.52 33.68a.56.56 0 0 0 .43.68c.74.18 1.5.27 2.26.27a1.05 1.05 0 0 0 .92-.64l14.05-32.5s9.34-1.79 12.78 2.26c2.05 2.43.7 6.7-1.13 12.76 0 0 2.25 1.12 3.75.37 0 0 7.01-10.93 4.14-17.63-1.33-3.1-7.07-6.17-12.78-6.76l-13.9-.75Z" }), _jsx("path", { fill: "url(#j)", d: "M313.85 67.93s1.5-2.63 3.76-2.26c2.25.38 3.38 2.63 3.38 2.63l-3.76 1.88c-1.5.75-4.13 0-3.38-2.25Z" }), _jsx("path", { fill: "url(#k)", d: "m330.68 36.78-2.76 5.9s3.07 2.25 6.2 1.37l.8-8.37-4.24 1.1Z" }), _jsx("path", { fill: "url(#l)", d: "M337.48 30.36c.06.11 1.22 7.99 1.22 7.99l-4.52.57-2.21-7.3s4.56-3.03 5.5-1.26Z" }), _jsx("path", { fill: "url(#m)", d: "M333.63 32.35a.66.66 0 0 0-.13.56l.85 3.88c0 .06.03.12.06.17.16.3.73 1.18 1.63.54.61-.52 1.32-.9 2.1-1.14a.65.65 0 0 1 .74.56c.17 1.19.26 2.39.26 3.59a.65.65 0 0 1-.61.63c-1.37.1-2.74.05-4.1-.16a.65.65 0 0 1-.5-.45 57.5 57.5 0 0 0-1.6-4.6c-.35-.71-1.4-.84-1.88-.86a.66.66 0 0 1-.48-.24 1.43 1.43 0 0 1 .19-2.25.65.65 0 0 0 .09-.9 1.44 1.44 0 0 1 .13-2.13 2.04 2.04 0 0 1 2.44-.32.68.68 0 0 0 .8-.14.43.43 0 0 1 .4-.15.63.63 0 0 0 .73-.54 1.67 1.67 0 0 1 1.5-1.52c1.99-.36 2.95 1.64 2.9 3.03-.06 1.4-2.23 1.66-3.46 1.41-.9-.18-1.7.6-2.06 1.03Z" }), _jsx("path", { fill: "url(#n)", d: "M332.84 37.23s-.2-2.31-1.18-2.55c-.98-.24-2.05.45-1.23 1.92 1.03 1.82 2.41.63 2.41.63Z" }), _jsx("path", { fill: "#EBEDF0", d: "M372.79 28.3v9.59l-32.05-3.36v-2.87l32.05-3.36Z" }), _jsx("use", { xlinkHref: "#o" }), _jsx("path", { fill: "url(#p)", d: "M355 38.47s.16-2.17.45-2.4c.3-.23 2.55-2.48 2.92-2.48.38 0 .76.76 0 1.13-.75.37-.9 1.56-.9 1.56l2.3.24s-1.77 2.7-2.52 3.07c-.75.38-2.26-1.12-2.26-1.12Z" }), _jsx("use", { xlinkHref: "#o", style: { mixBlendMode: "multiply" } })] }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: "e", x1: "303.9", x2: "313.41", y1: "118.1", y2: "118.1", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#0078D3" }), _jsx("stop", { offset: "1", stopColor: "#25477B" })] }), _jsxs("linearGradient", { id: "f", x1: "307.29", x2: "305.53", y1: "107.92", y2: "123.33", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#F8B676" }), _jsx("stop", { offset: "1", stopColor: "#F37960" })] }), _jsxs("linearGradient", { id: "g", x1: "6278.42", x2: "6463.32", y1: "1035.38", y2: "1035.38", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#0078D3" }), _jsx("stop", { offset: "1", stopColor: "#25477B" })] }), _jsxs("linearGradient", { id: "h", x1: "21195.2", x2: "21155.8", y1: "5052.18", y2: "5137.86", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#F8B676" }), _jsx("stop", { offset: "1", stopColor: "#F37960" })] }), _jsxs("linearGradient", { id: "i", x1: "20216.7", x2: "22693.1", y1: "6935.19", y2: "6935.19", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#0078D3" }), _jsx("stop", { offset: "1", stopColor: "#25477B" })] }), _jsxs("linearGradient", { id: "j", x1: "4333.49", x2: "4218.15", y1: "602.68", y2: "780.96", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#F8B676" }), _jsx("stop", { offset: "1", stopColor: "#F37960" })] }), _jsxs("linearGradient", { id: "k", x1: "4319.87", x2: "4374.59", y1: "692.77", y2: "588.76", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#F8B676" }), _jsx("stop", { offset: "1", stopColor: "#F37960" })] }), _jsxs("linearGradient", { id: "l", x1: "4247.57", x2: "4181.79", y1: "564.47", y2: "578.04", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#F8B676" }), _jsx("stop", { offset: "1", stopColor: "#F37960" })] }), _jsxs("linearGradient", { id: "m", x1: "5799.54", x2: "5959.55", y1: "869.21", y2: "869.21", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#0078D3" }), _jsx("stop", { offset: "1", stopColor: "#25477B" })] }), _jsxs("linearGradient", { id: "n", x1: "1884.5", x2: "1866.37", y1: "231.72", y2: "215.86", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#F8B676" }), _jsx("stop", { offset: "1", stopColor: "#F37960" })] }), _jsxs("linearGradient", { id: "p", x1: "3274.11", x2: "3313.35", y1: "416.62", y2: "416.62", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#F8B676" }), _jsx("stop", { offset: "1", stopColor: "#F37960" })] }), _jsx("clipPath", { id: "a", children: _jsx("path", { fill: "#fff", d: "M0 0h629v350H0z" }) })] })] });
+};

package/esm/images/imageNoMatchingAssets.d.ts

@@ -0,0 +1,3 @@
+import "./svgImage.less";
+import { ISvgImage } from "./svgImage";
+export declare const ImageNoMatchingAssets: ({ className, title, description, focusable }: ISvgImage) => import("react/jsx-runtime").JSX.Element;

package/esm/images/imageNoMatchingAssets.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+import { useUniqueId } from "../commonHelpers/useUniqueId";
+export const ImageNoMatchingAssets = ({ className, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    const classes = useMemo(() => classNames([
+        "zen-svg-image",
+        className !== null && className !== void 0 ? className : ""
+    ]), [className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 180 180", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "ImageNoMatchingAssets", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("circle", { cx: "90", cy: "90", r: "90", fill: "#F2F5F7" }), _jsx("path", { d: "M49.2449 51.725C49.3822 50.7362 50.2276 50 51.2259 50H74.186C74.5236 50 74.8558 50.0855 75.1514 50.2484L86.4138 56.4562C86.7095 56.6191 87.0417 56.7046 87.3793 56.7046H148.02C149.245 56.7046 150.183 57.7961 149.997 59.0072L140.609 120.349C140.46 121.325 139.62 122.046 138.632 122.046H41.7812C40.5673 122.046 39.6333 120.974 39.8001 119.771L49.2449 51.725Z", fill: "#A6B8C9" }), _jsx("path", { d: "M133.485 61.9948L72.6656 61.9948C72.2202 61.9948 71.7875 61.8461 71.4362 61.5723L60.3485 52.9308C59.9974 52.6571 59.5649 52.5085 59.1197 52.5083L36.4957 52.5007C35.3909 52.5003 34.4951 53.3958 34.495 54.5006L34.4949 56.4822L57.8171 56.49C58.2567 56.4902 58.6839 56.6352 59.0329 56.9025L68.4542 64.1218C68.8031 64.3892 69.2304 64.5342 69.67 64.5343L71.9774 64.5351L132.998 71.2804C134.095 71.4017 135.083 70.6107 135.205 69.5134L135.485 67L135.485 63.9948C135.485 62.8902 134.589 61.9948 133.485 61.9948Z", fill: "white" }), _jsx("path", { d: "M34.5737 56.0856C34.525 54.9485 35.4337 54 36.5719 54H59.0006C59.4538 54 59.8936 54.1539 60.2479 54.4366L71.3174 63.268C71.6716 63.5507 72.1114 63.7046 72.5647 63.7046H133.447C134.513 63.7046 135.391 64.5406 135.444 65.6053L138.245 121.947C138.302 123.089 137.391 124.046 136.248 124.046H39.4005C38.3293 124.046 37.4482 123.202 37.4024 122.132L34.5737 56.0856Z", fill: "#E6EBEF" }), _jsx("path", { d: "M39.5 129.759C39.5 130.425 41.0596 130.966 41.75 130.966H44.25C44.9404 130.966 45.5 130.425 45.5 129.759V118.897H56.75C57.4404 118.897 58 118.356 58 117.69V115.276C58 114.609 57.4404 113 56.75 113L45.5 114.069V103.207C45.5 102.54 44.1904 100.5 43.5 100.5L41.75 102C41.0596 102 40.5 102.54 40.5 103.207V114.069H29.25C28.5596 114.069 28 114.609 28 115.276L27.5 116.5C27.5 117.167 28.5596 118.897 29.25 118.897L39.5 119V129.759Z", fill: "#4E677E" }), _jsx("path", { d: "M43.5 100C44.0523 100 44.5 100.448 44.5 101V112.499H56C56.5522 112.499 56.9998 112.947 57 113.499V116.499C57 117.051 56.5523 117.499 56 117.499H44.5V129C44.5 129.552 44.0523 130 43.5 130H40.5C39.9479 130 39.5 129.552 39.5 129V117.499H28C27.4477 117.499 27 117.051 27 116.499V113.499C27.0002 112.947 27.4478 112.499 28 112.499H39.5V101C39.5 100.448 39.9479 100 40.5 100H43.5Z", fill: "#A6B8C9" }), _jsx("rect", { x: "59.0488", y: "97", width: "4", height: "8", rx: "1", transform: "rotate(34.7836 59.0488 97)", fill: "#4E677E" }), _jsx("rect", { x: "70.3809", y: "111", width: "4", height: "8", rx: "1", transform: "rotate(80.7533 70.3809 111)", fill: "#4E677E" }), _jsx("rect", { x: "69.9941", y: "127.125", width: "4", height: "8", rx: "1", transform: "rotate(105.407 69.9941 127.125)", fill: "#4E677E" })] });
+};

package/esm/images/imageNothingFound.d.ts

@@ -0,0 +1,3 @@
+import "./svgImage.less";
+import { ISvgImage } from "./svgImage";
+export declare const ImageNothingFound: ({ className, title, description, focusable }: ISvgImage) => import("react/jsx-runtime").JSX.Element;

package/esm/images/imageNothingFound.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const ImageNothingFound = ({ className, title, description, focusable = false }) => {
+    const uniqueId = useId();
+    const classes = useMemo(() => classNames([
+        "zen-svg-image",
+        className !== null && className !== void 0 ? className : ""
+    ]), [className]);
+    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 180 180", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "ImageNothingFound", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("circle", { cx: "90", cy: "90", r: "90", fill: "#F2F5F7" }), _jsx("path", { d: "M34 59h107v73a4 4 0 0 1-4 4H38a4 4 0 0 1-4-4V59Z", fill: "#E6EBEF" }), _jsx("rect", { x: "26", y: "47", width: "124", height: "12", rx: "2", fill: "#A6B8C9" }), _jsx("path", { fill: "#8DA4B9", d: "M34 59h107v4H34z" }), _jsx("rect", { x: "62", y: "70", width: "52", height: "10", rx: "2", fill: "#C0CCD8" }), _jsx("rect", { x: "64", y: "72", width: "50", height: "8", rx: "2", fill: "#F2F5F7" }), _jsx("ellipse", { cx: "120.909", cy: "111.875", rx: "19.582", ry: "19.785", fill: "#8DA4B9" }), _jsx("rect", { x: "133.535", y: "122.707", width: "8", height: "4", rx: "2", transform: "rotate(45 133.535 122.707)", fill: "#4E677E" }), _jsx("rect", { x: "137.778", y: "125.536", width: "24", height: "6", rx: "2", transform: "rotate(45 137.778 125.536)", fill: "#A6B8C9" }), _jsx("circle", { cx: "120", cy: "111", r: "20", fill: "#A6B8C9" }), _jsx("circle", { cx: "120", cy: "111", r: "15", fill: "#F9FAFB" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M114.319 124.887C109.935 122.268 107 117.477 107 112c0-8.284 6.716-15 15-15 2.011 0 3.929.396 5.681 1.113A14.93 14.93 0 0 0 120 96c-8.284 0-15 6.716-15 15 0 6.274 3.851 11.648 9.319 13.887Z", fill: "#E6EBEF" })] });
+};