@geotab/zenith 1.26.6-beta.3 → 2.0.0-beta.0

package/esm/icons/deprecated/iconZoneGeofence.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { classNames } from "../../commonHelpers/classNames/classNames";
+/**
+    @deprecated - will be removed in future releases
+*/
+export const IconZoneGeofence = ({ className, size }) => {
+    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: "false", "aria-hidden": "true", className: classes, children: [_jsx("path", { fillRule: "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", clipRule: "evenodd" }), _jsx("path", { fillRule: "evenodd", d: "M8.124 17.505 5.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.158 4.524-1.508.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", clipRule: "evenodd" }), _jsx("path", { fillRule: "evenodd", d: "M8.975 7.332 6.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", clipRule: "evenodd" })] });
+};

package/esm/icons/icon.d.ts

@@ -0,0 +1,8 @@
+import { IZenComponentProps } from "../commonHelpers/zenComponent";
+import { TIconSize } from "./iconSize";
+export interface IIcon extends IZenComponentProps {
+    size?: TIconSize;
+    focusable?: boolean;
+    title?: string;
+    description?: string;
+}

package/esm/icons/icon.js

@@ -0,0 +1 @@
+export {};

package/esm/icons/iconActivity.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconActivity: React.FC<IIcon>;

package/esm/icons/iconActivity.js

@@ -0,0 +1,13 @@
+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 IconActivity = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconActivity", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 2.87a1 1 0 01.949.683L15 18.707l2.051-6.154A1 1 0 0118 11.87h4a1 1 0 110 2h-3.28l-2.771 8.316a1 1 0 01-1.898 0L9 7.032l-2.051 6.154A1 1 0 016 13.87H2a1 1 0 110-2h3.28L8.05 3.553A1 1 0 019 2.87z" })] });
+};

package/esm/icons/iconAddPeople.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconAddPeople: React.FC<IIcon>;

package/esm/icons/iconAddPeople.js

@@ -0,0 +1,13 @@
+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 IconAddPeople = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAddPeople", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm-4.5 2.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zm-1.822 12.5c.71-2.91 3.092-5 6.322-5 .621 0 1.206.076 1.748.217a1 1 0 10.504-1.935A8.931 8.931 0 0012 12.87c-4.758 0-8.083 3.52-8.496 7.906A1 1 0 004.5 21.87H11a1 1 0 100-2H5.678zm12.322-5a1 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/iconAddPeople2.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+/**
+    @deprecated - will be removed in future releases
+    duplicate of **IconRemovePeople**, please use that instead
+*/
+export declare const IconAddPeople2: React.FC<IIcon>;

package/esm/icons/iconAddPeople2.js

@@ -0,0 +1,17 @@
+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";
+/**
+    @deprecated - will be removed in future releases
+    duplicate of **IconRemovePeople**, please use that instead
+*/
+export const IconAddPeople2 = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAddPeople2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a2.5 2.5 0 100 5 2.5 2.5 0 000-5zm-4.5 2.5a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zm-1.822 12.5c.71-2.91 3.092-5 6.322-5 .302 0 .595.018.879.052a1 1 0 10.242-1.985A9.214 9.214 0 0012 12.87c-4.758 0-8.083 3.52-8.496 7.906A1 1 0 004.5 21.87H12a1 1 0 100-2H5.678zm9.615-3.707a1 1 0 011.414 0L18 17.455l1.293-1.292a1 1 0 011.414 1.414l-1.293 1.293 1.293 1.293a1 1 0 01-1.414 1.414L18 20.284l-1.293 1.293a1 1 0 11-1.414-1.415l1.293-1.292-1.293-1.293a1 1 0 010-1.415z" })] });
+};

package/esm/icons/iconAiImages.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconAiImages: React.FC<IIcon>;

package/esm/icons/iconAiImages.js

@@ -0,0 +1,13 @@
+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 IconAiImages = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAiImages", 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 1v8.585l2.293-2.293a1 1 0 011.414 0l7.707 7.708H19v-14H5zm8.586 14L8 14.284l-3 3v2.586h8.586z" }), _jsx("path", { d: "M13.575 9.22l.478-.956a.5.5 0 01.894 0l.479.957a.5.5 0 00.223.223l.957.478a.5.5 0 010 .895l-.957.478a.5.5 0 00-.223.224l-.479.956a.5.5 0 01-.894 0l-.479-.956a.5.5 0 00-.223-.224l-.957-.478a.5.5 0 010-.895l.957-.478a.5.5 0 00.223-.223z" })] });
+};

package/esm/icons/iconAiSparkles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconAiSparkles: React.FC<IIcon>;

package/esm/icons/iconAiSparkles.js

@@ -0,0 +1,13 @@
+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 IconAiSparkles = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAiSparkles", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13 7.87a1 1 0 011 1c0 2.308.51 3.742 1.384 4.615.8744.874 2.308 1.385 4.616 1.385a1 1 0 110 2c-2.308 0-3.742.51-4.616 1.384C14.511 19.127 14 20.56 14 22.87a1 1 0 11-2 0c0-2.309-.51-3.743-1.384-4.616C9.742 17.38 8.308 16.87 6 16.87a1 1 0 110-2c2.308 0 3.742-.511 4.616-1.385C11.489 12.612 12 11.178 12 8.87a1 1 0 011-1zm0 5.733a5.743 5.743 0 01-.97 1.297 5.745 5.745 0 01-1.297.97c.479.264.912.585 1.297.97.385.384.706.818.97 1.296.264-.478.585-.912.97-1.296a5.745 5.745 0 011.297-.97 5.745 5.745 0 01-1.297-.97 5.743 5.743 0 01-.97-1.297z" }), _jsx("path", { d: "M6 6.37a.5.5 0 00-1 0c0 .98-.217 1.572-.572 1.927S3.48 8.87 2.5 8.87a.5.5 0 000 1c.98 0 1.573.217 1.928.572S5 11.389 5 12.37a.5.5 0 101 0c0-.981.217-1.573.572-1.928S7.52 9.87 8.5 9.87a.5.5 0 000-1c-.98 0-1.573-.218-1.928-.573S6 7.35 6 6.37zM11 2.37a.5.5 0 00-1 0c0 .633-.14.975-.333 1.167-.192.192-.534.333-1.167.333a.5.5 0 000 1c.633 0 .975.14 1.167.332.192.192.333.534.333 1.168a.5.5 0 001 0c0-.634.14-.976.333-1.168.192-.192.534-.332 1.167-.332a.5.5 0 000-1c-.633 0-.975-.141-1.167-.333C11.14 3.345 11 3.003 11 2.37z" })] });
+};

package/esm/icons/iconAiSparkles2.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconAiSparkles2: React.FC<IIcon>;

package/esm/icons/iconAiSparkles2.js

@@ -0,0 +1,13 @@
+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 IconAiSparkles2 = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAiSparkles2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.5 1.87a1 1 0 011 1c0 1.44.32 2.249.785 2.714.466.466 1.275.786 2.715.786a1 1 0 110 2c-1.44 0-2.25.32-2.715.785-.465.465-.785 1.274-.785 2.715a1 1 0 11-2 0c0-1.44-.32-2.25-.785-2.715C4.249 8.689 3.44 8.37 2 8.37a1 1 0 010-2c1.44 0 2.25-.32 2.715-.786C5.18 5.12 5.5 4.31 5.5 2.87a1 1 0 011-1zm0 4.7a3.974 3.974 0 01-.8.8 3.974 3.974 0 01.8.799 3.974 3.974 0 01.8-.8 3.974 3.974 0 01-.8-.799zm8.5 1.3a1 1 0 011 1c0 2.308.51 3.742 1.384 4.615.874.874 2.308 1.385 4.616 1.385a1 1 0 110 2c-2.308 0-3.742.51-4.616 1.384C16.511 19.127 16 20.56 16 22.87a1 1 0 11-2 0c0-2.309-.51-3.743-1.384-4.616-.874-.874-2.307-1.384-4.616-1.384a1 1 0 110-2c2.309 0 3.742-.511 4.616-1.385C13.489 12.612 14 11.178 14 8.87a1 1 0 011-1zm0 5.733a5.743 5.743 0 01-.97 1.297 5.745 5.745 0 01-1.297.97c.479.264.912.585 1.297.97.385.384.706.818.97 1.296.264-.478.585-.912.97-1.296a5.745 5.745 0 011.297-.97 5.745 5.745 0 01-1.297-.97 5.743 5.743 0 01-.97-1.297z" })] });
+};

package/esm/icons/iconAirplay.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconAirplay: React.FC<IIcon>;

package/esm/icons/iconAirplay.js

@@ -0,0 +1,13 @@
+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 IconAirplay = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAirplay", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 4.87a1 1 0 011-1h18a1 1 0 011 1v13a1 1 0 01-1 1h-2.5a1 1 0 110-2H20v-11H4v11h1.5a1 1 0 110 2H3a1 1 0 01-1-1v-13zm10 10a1 1 0 01.78.375l4 5A1 1 0 0116 21.87H8a1 1 0 01-.78-1.625l4-5a1 1 0 01.78-.375zm-1.92 5h3.84L12 17.47l-1.92 2.4z" })] });
+};

package/esm/icons/iconAirpods.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconAirpods: React.FC<IIcon>;

package/esm/icons/iconAirpods.js

@@ -0,0 +1,13 @@
+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 IconAirpods = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAirpods", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 8.37a4.5 4.5 0 014.5-4.5h9a4.5 4.5 0 014.5 4.5v9a4.5 4.5 0 01-4.5 4.5h-9a4.5 4.5 0 01-4.5-4.5v-9zm4.5-2.5A2.5 2.5 0 005 8.37v1.5h14v-1.5a2.5 2.5 0 00-2.5-2.5h-9zm11.5 6H5v5.5a2.5 2.5 0 002.5 2.5h9a2.5 2.5 0 002.5-2.5v-5.5z" }), _jsx("path", { d: "M12 15.62a.5.5 0 110-1 .5.5 0 010 1z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 16.37a1.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/iconAlignBottom.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconAlignBottom: React.FC<IIcon>;

package/esm/icons/iconAlignBottom.js

@@ -0,0 +1,13 @@
+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 IconAlignBottom = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAlignBottom", 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 11a1 1 0 011-1h8a1 1 0 110 2H8a1 1 0 01-1-1z" })] });
+};

package/esm/icons/iconAlignLeft.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconAlignLeft: React.FC<IIcon>;

package/esm/icons/iconAlignLeft.js

@@ -0,0 +1,13 @@
+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 IconAlignLeft = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAlignLeft", 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-14H5zm3 2a1 1 0 011 1v8a1 1 0 11-2 0v-8a1 1 0 011-1z" })] });
+};

package/esm/icons/iconAlignRightBox.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconAlignRightBox: React.FC<IIcon>;

package/esm/icons/iconAlignRightBox.js

@@ -0,0 +1,13 @@
+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 IconAlignRightBox = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAlignRightBox", 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-14H5zm11 2a1 1 0 011 1v8a1 1 0 11-2 0v-8a1 1 0 011-1z" })] });
+};

package/esm/icons/iconAlignTopBox.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconAlignTopBox: React.FC<IIcon>;

package/esm/icons/iconAlignTopBox.js

@@ -0,0 +1,13 @@
+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 IconAlignTopBox = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAlignTopBox", 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 3a1 1 0 011-1h8a1 1 0 110 2H8a1 1 0 01-1-1z" })] });
+};

package/esm/icons/iconAlignmentCenter.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconAlignmentCenter: React.FC<IIcon>;

package/esm/icons/iconAlignmentCenter.js

@@ -0,0 +1,13 @@
+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 IconAlignmentCenter = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAlignmentCenter", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 5.87a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1zm4 7a1 1 0 011-1h8a1 1 0 110 2H8a1 1 0 01-1-1zm-4 7a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1z" })] });
+};

package/esm/icons/iconAlignmentJustify.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconAlignmentJustify: React.FC<IIcon>;

package/esm/icons/iconAlignmentJustify.js

@@ -0,0 +1,13 @@
+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 IconAlignmentJustify = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAlignmentJustify", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 5.87a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1zm0 7a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1zm0 7a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1z" })] });
+};

package/esm/icons/iconAlignmentLeft.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconAlignmentLeft: React.FC<IIcon>;

package/esm/icons/iconAlignmentLeft.js

@@ -0,0 +1,13 @@
+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 IconAlignmentLeft = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAlignmentLeft", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 5.87a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1zm0 7a1 1 0 011-1h8a1 1 0 110 2H4a1 1 0 01-1-1zm0 7a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1z" })] });
+};

package/esm/icons/iconAlignmentRight.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconAlignmentRight: React.FC<IIcon>;

package/esm/icons/iconAlignmentRight.js

@@ -0,0 +1,13 @@
+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 IconAlignmentRight = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAlignmentRight", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 5.87a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1zm8 7a1 1 0 011-1h8a1 1 0 110 2h-8a1 1 0 01-1-1zm-8 7a1 1 0 011-1h16a1 1 0 110 2H4a1 1 0 01-1-1z" })] });
+};

package/esm/icons/iconAnchor.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconAnchor: React.FC<IIcon>;

package/esm/icons/iconAnchor.js

@@ -0,0 +1,13 @@
+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 IconAnchor = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAnchor", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm-3.5 1.5A3.5 3.5 0 1113 9.725V20.87h4.51l2.139-7H18a1 1 0 110-2h3a1 1 0 01.956 1.292l-2.75 9a1 1 0 01-.956.708H5.75a1 1 0 01-.956-.708l-2.75-9A1 1 0 013 11.87h3a1 1 0 110 2H4.351l2.14 7H11V9.725A3.502 3.502 0 018.5 6.37z" })] });
+};

package/esm/icons/iconAnchor2.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconAnchor2: React.FC<IIcon>;

package/esm/icons/iconAnchor2.js

@@ -0,0 +1,13 @@
+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 IconAnchor2 = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconAnchor2", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 4.87a1.5 1.5 0 100 3 1.5 1.5 0 000-3zm-3.5 1.5A3.5 3.5 0 1113 9.725v11.128a7.501 7.501 0 006.984-6.983H18a1 1 0 110-2h3a1 1 0 011 1v.5a9.5 9.5 0 01-9.5 9.5h-1a9.5 9.5 0 01-9.5-9.5v-.5a1 1 0 011-1h3a1 1 0 110 2H4.016A7.501 7.501 0 0011 20.853V9.725A3.502 3.502 0 018.5 6.37z" })] });
+};

package/esm/icons/iconArchive.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconArchive: React.FC<IIcon>;

package/esm/icons/iconArchive.js

@@ -0,0 +1,13 @@
+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 IconArchive = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconArchive", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 4.87a1 1 0 011-1h18a1 1 0 011 1v4a1 1 0 01-1 1v11a1 1 0 01-1 1H4a1 1 0 01-1-1v-11a1 1 0 01-1-1v-4zm3 5v10h14v-10H5zm15-2v-2H4v2h16zm-11 5a1 1 0 011-1h4a1 1 0 110 2h-4a1 1 0 01-1-1z" })] });
+};

package/esm/icons/iconArchive2.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconArchive2: React.FC<IIcon>;

package/esm/icons/iconArchive2.js

@@ -0,0 +1,13 @@
+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 IconArchive2 = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconArchive2", 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-1h4.5a1 1 0 01.707.293l1.707 1.707H18a1 1 0 011 1v3h1a1 1 0 011 1v11a1 1 0 01-1 1H4a1 1 0 01-1-1v-11a1 1 0 011-1h1v-5zm2 5h10v-2h-4.5a1 1 0 01-.707-.293L10.086 4.87H7v4zm-2 2v9h14v-9H5zm2 3a1 1 0 011-1h4a1 1 0 110 2H8a1 1 0 01-1-1z" })] });
+};

package/esm/icons/iconArrowBottom.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconArrowBottom: React.FC<IIcon>;

package/esm/icons/iconArrowBottom.js

@@ -0,0 +1,13 @@
+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 IconArrowBottom = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconArrowBottom", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 21.87a1 1 0 01-.707-.293l-6-6a1 1 0 111.414-1.415L11 18.456V4.87a1 1 0 112 0v13.585l4.293-4.292a1 1 0 011.414 1.414l-6 6a1 1 0 01-.707.293z" })] });
+};

package/esm/icons/iconArrowBottomCircle.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconArrowBottomCircle: React.FC<IIcon>;

package/esm/icons/iconArrowBottomCircle.js

@@ -0,0 +1,13 @@
+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 IconArrowBottomCircle = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconArrowBottomCircle", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 20.87a8 8 0 100-16 8 8 0 000 16zm10-8c0 5.522-4.477 10-10 10s-10-4.478-10-10c0-5.523 4.477-10 10-10s10 4.477 10 10zm-6.293 1.707l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 111.414-1.415L11 14.455V8.87a1 1 0 112 0v5.585l1.293-1.293a1 1 0 011.414 1.415z" })] });
+};

package/esm/icons/iconArrowBottomLeft.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconArrowBottomLeft: React.FC<IIcon>;

package/esm/icons/iconArrowBottomLeft.js

@@ -0,0 +1,13 @@
+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 IconArrowBottomLeft = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconArrowBottomLeft", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 18.87a1 1 0 01-1 1H6a1 1 0 01-1-1v-9a1 1 0 112 0v6.585l9.793-9.792a1 1 0 111.414 1.414L8.414 17.87H15a1 1 0 011 1z" })] });
+};

package/esm/icons/iconArrowBottomRight.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconArrowBottomRight: React.FC<IIcon>;

package/esm/icons/iconArrowBottomRight.js

@@ -0,0 +1,13 @@
+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 IconArrowBottomRight = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconArrowBottomRight", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 8.87a1 1 0 011 1v9a1 1 0 01-1 1H9a1 1 0 110-2h6.586L5.793 8.077a1 1 0 011.414-1.414L17 16.455V9.87a1 1 0 011-1z" })] });
+};

package/esm/icons/iconArrowDownPath.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./icon.less";
+import { IIcon } from "./icon";
+export declare const IconArrowDownPath: React.FC<IIcon>;

package/esm/icons/iconArrowDownPath.js

@@ -0,0 +1,13 @@
+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 IconArrowDownPath = ({ className, size, title, description, focusable = false }) => {
+    const uniqueId = useUniqueId();
+    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": "IconArrowDownPath", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.09 14.456a1 1 0 00.157 1.072l7 8a1 1 0 001.506 0l7-8A1 1 0 0019 13.87h-3v-10a1 1 0 00-1-1H9a1 1 0 00-1 1v10H5a1 1 0 00-.91.586zm3.114 1.414H9a1 1 0 001-1v-10h4v10a1 1 0 001 1h1.796L12 21.35 7.204 15.87z" })] });
+};