@geotab/zenith 3.7.0 → 3.8.0-beta.1

package/esm/header/components/basicToolbar/basicToolbar.js

@@ -1,4 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { classNames } from "../../../commonHelpers/classNames/classNames";
-export const BasicToolbar = ({ className = "", leftElements, middleElements, rightElements, isMobile, leftElementsRef, rightElementsRef }) => _jsxs("div", { className: classNames(["zen-header", className ? className : "", isMobile ? "zen-header--mobile" : ""]), children: [_jsx("div", { ref: leftElementsRef, className: classNames(["zen-header__section zen-header__section--left", leftElements ? "" : "zen-header__section--hidden", !isMobile && !rightElements ? "zen-header__section--single" : ""]), children: leftElements }), isMobile ? _jsxs("div", { className: "zen-header__right-sections", children: [_jsx("div", { className: classNames(["zen-header__section zen-header__section--middle", middleElements ? "" : "zen-header__section--hidden"]), children: middleElements }), _jsx("div", { ref: rightElementsRef, className: classNames(["zen-header__section zen-header__section--right", rightElements ? "" : "zen-header__section--hidden"]), children: rightElements })] }) :
-            _jsxs(_Fragment, { children: [_jsx("div", { className: classNames(["zen-header__section zen-header__section--middle", middleElements ? "" : "zen-header__section--hidden"]), children: middleElements }), _jsx("div", { ref: rightElementsRef, className: classNames(["zen-header__section zen-header__section--right", rightElements ? "" : "zen-header__section--hidden"]), children: rightElements })] })] });
+export const BasicToolbar = ({ className = "", leftElements, middleElements, rightElements, isMobile, leftElementsRef, rightElementsRef }) => (_jsxs("div", { className: classNames(["zen-header", className ? className : "", isMobile ? "zen-header--mobile" : ""]), children: [_jsx("div", { ref: leftElementsRef, className: classNames([
+                "zen-header__section zen-header__section--left",
+                leftElements ? "" : "zen-header__section--hidden",
+                !isMobile && !rightElements ? "zen-header__section--single" : ""
+            ]), children: leftElements }), isMobile ? (_jsxs("div", { className: "zen-header__right-sections", children: [_jsx("div", { className: classNames(["zen-header__section zen-header__section--middle", middleElements ? "" : "zen-header__section--hidden"]), children: middleElements }), _jsx("div", { ref: rightElementsRef, className: classNames(["zen-header__section zen-header__section--right", rightElements ? "" : "zen-header__section--hidden"]), children: rightElements })] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: classNames(["zen-header__section zen-header__section--middle", middleElements ? "" : "zen-header__section--hidden"]), children: middleElements }), _jsx("div", { ref: rightElementsRef, className: classNames(["zen-header__section zen-header__section--right", rightElements ? "" : "zen-header__section--hidden"]), children: rightElements })] }))] }));

package/esm/header/components/collapsedItemsControl/collapsedItemsControl.js

@@ -42,6 +42,7 @@ injectString("tr", "More", "Di\u011Fer");
 injectString("zh-Hans", "More", "\u66F4\u591A");
 injectString("zh-TW", "More", "\u66F4\u591A");
 injectString("ro-RO", "More", "Mai multe");
+injectString("ar-SA", "More", "\u0627\u0644\u0645\u0632\u064A\u062F");
 export const HeaderCustomContent = createContext({
   content: null,
   setContent: _1 => {}

package/esm/header/components/collapsedItemsControl/utils/handleCustomMenuWrapper.d.ts

@@ -1,3 +1,3 @@
 import { IMenuItem } from "../../../../menu/components/menuItem";
 import { ICustomContent } from "../collapsedItemsControl";
-export declare const handleCustomMenuWrapper: (reactNode: React.ReactNode, content: ICustomContent | null, menuItems: (React.FunctionComponentElement<Omit<IMenuItem, "setIsOpen" | "onOpenBranch">>)[]) => void;
+export declare const handleCustomMenuWrapper: (reactNode: React.ReactNode, content: ICustomContent | null, menuItems: React.FunctionComponentElement<Omit<IMenuItem, "setIsOpen" | "onOpenBranch">>[]) => void;

package/esm/header/components/mobileFilterControl/mobileFilterControl.js

@@ -34,6 +34,7 @@ injectString("tr", "Show all filters", "T\xFCm filtreleri g\xF6ster");
 injectString("zh-Hans", "Show all filters", "\u663E\u793A\u5168\u90E8\u7B5B\u9009\u6761\u4EF6");
 injectString("zh-TW", "Show all filters", "\u986F\u793A\u6240\u6709\u7BE9\u9078\u689D\u4EF6");
 injectString("ro-RO", "Show all filters", "Afi\u0219a\u021Bi toate filtrele");
+injectString("ar-SA", "Show all filters", "\u0639\u0631\u0636 \u062C\u0645\u064A\u0639 \u0627\u0644\u062A\u0635\u0641\u064A\u0627\u062A");
 export const MobileFilterControl = ({
   className,
   onClick,

package/esm/header/components/mobileSearchControl/mobileSearchControl.js

@@ -36,6 +36,7 @@ injectString("tr", "Cancel search", "Aramay\u0131 iptal et");
 injectString("zh-Hans", "Cancel search", "\u53D6\u6D88\u641C\u7D22");
 injectString("zh-TW", "Cancel search", "\u53D6\u6D88\u641C\u5C0B");
 injectString("ro-RO", "Cancel search", "Anula\u021Bi c\u0103utarea");
+injectString("ar-SA", "Cancel search", "\u0625\u0644\u063A\u0627\u0621 \u0627\u0644\u0628\u062D\u062B");
 injectString("cs", "Cancel", "Zru\u0161it");
 injectString("da-DK", "Cancel", "Annuller");
 injectString("de", "Cancel", "Abbrechen");
@@ -62,6 +63,7 @@ injectString("tr", "Cancel", "\u0130ptal");
 injectString("zh-Hans", "Cancel", "\u53D6\u6D88");
 injectString("zh-TW", "Cancel", "\u53D6\u6D88");
 injectString("ro-RO", "Cancel", "Anula\u021Bi");
+injectString("ar-SA", "Cancel", "\u0625\u0644\u063A\u0627\u0621");
 injectString("cs", "Show page search", "Zobrazit vyhled\xE1v\xE1n\xED str\xE1nek");
 injectString("da-DK", "Show page search", "Vis sides\xF8gning");
 injectString("de", "Show page search", "Seite \u201ESuche\u201C anzeigen");
@@ -88,6 +90,7 @@ injectString("tr", "Show page search", "Sayfa aramay\u0131 g\xF6ster");
 injectString("zh-Hans", "Show page search", "\u663E\u793A\u9875\u9762\u641C\u7D22");
 injectString("zh-TW", "Show page search", "\u986F\u793A\u9801\u9762\u641C\u5C0B");
 injectString("ro-RO", "Show page search", "Afi\u0219a\u021Bi c\u0103utarea paginilor");
+injectString("ar-SA", "Show page search", "\u0639\u0631\u0636 \u0628\u062D\u062B \u0627\u0644\u0635\u0641\u062D\u0629");
 export const MobileSearchControl = ({
   searchInput,
   onClick,

package/esm/header/header.js

@@ -171,14 +171,17 @@ export const Header = ({ children, className, onFiltersBarOpen
     }, [calculateMiddleWidth, isClientReady]);
     const moreButton = useMemo(() => _jsx(PageToolbarCollapsedItemsControl, { children: nonFittingElements }, "pageCollapsedToolbar"), [nonFittingElements]);
     const mobileSearch = useMemo(() => searchComponent && memoizedFiltersBar ? (_jsx(MobileSearchControl, { state: searchExpandedState, searchInput: searchComponent, onClick: (state) => setSearchExpandedState(state) })) : null, [memoizedFiltersBar, searchComponent, searchExpandedState]);
-    const mobileFilterButton = useMemo(() => (isMobile && memoizedFiltersBar ? _jsx(MobileFilterControl, { count: numberOfChangedFilters, onClick: filtersBarToggler, ref: mobileFilterControlRef }) : null), [filtersBarToggler, isMobile, memoizedFiltersBar, numberOfChangedFilters]);
-    const mobileFilterNewlineButton = useMemo(() => (isMobile && memoizedFiltersBar ? _jsx(MobileFilterControl, { count: numberOfChangedFilters, onClick: filtersBarToggler, ref: mobileFilterNewLineControlRef }) : null), [filtersBarToggler, isMobile, memoizedFiltersBar, numberOfChangedFilters]);
+    const mobileFilterButton = useMemo(() => isMobile && memoizedFiltersBar ? (_jsx(MobileFilterControl, { count: numberOfChangedFilters, onClick: filtersBarToggler, ref: mobileFilterControlRef })) : null, [filtersBarToggler, isMobile, memoizedFiltersBar, numberOfChangedFilters]);
+    const mobileFilterNewlineButton = useMemo(() => isMobile && memoizedFiltersBar ? (_jsx(MobileFilterControl, { count: numberOfChangedFilters, onClick: filtersBarToggler, ref: mobileFilterNewLineControlRef })) : null, [filtersBarToggler, isMobile, memoizedFiltersBar, numberOfChangedFilters]);
     const mobileNewLineContainer = useMemo(() => {
         if (!searchComponent || isFilterHidden || !memoizedFiltersBar) {
             return null;
         }
         const searchProps = searchComponent.props;
-        return (_jsxs("div", { className: "zen-main-header__mobile-container-new-line", children: [cloneElement(searchComponent, { key: "searchComponentKey", className: `${searchProps.className || ""} zen-main-header__mobile-search-input` }), !isOnlySearch ? mobileFilterNewlineButton : null] }));
+        return (_jsxs("div", { className: "zen-main-header__mobile-container-new-line", children: [cloneElement(searchComponent, {
+                    key: "searchComponentKey",
+                    className: `${searchProps.className || ""} zen-main-header__mobile-search-input`
+                }), !isOnlySearch ? mobileFilterNewlineButton : null] }));
     }, [searchComponent, isFilterHidden, memoizedFiltersBar, isOnlySearch, mobileFilterNewlineButton]);
     const isFilterInNewLine = useMemo(() => !!searchComponent && !isOnlySearch && resizableElements.length > 0 && !searchExpandedState, [searchComponent, isOnlySearch, resizableElements.length, searchExpandedState]);
     const collapsedElements = useMemo(() => (nonFittingElements.length ? [moreButton] : []), [moreButton, nonFittingElements.length]);
@@ -256,7 +259,12 @@ export const Header = ({ children, className, onFiltersBarOpen
     if (!isClientReady) {
         return null;
     }
-    return (_jsx(HeaderMenuProvider, { alignment: "left-top", children: _jsx(HeaderCustomContent.Provider, { value: { content, setContent }, children: _jsx(FiltersBarContextProvider, { value: { setFiltersBarToggleAllFiltersFn, onUpdateNumberOfChangedFiltersFn: setNumberOfChangedFilters }, children: _jsx(SearchContextProvider, { value: { setSearchComponent: handleSearchChange }, children: _jsx(TriggerContextProvider, { value: { triggerComponent: mobileFilterTrigger }, children: _jsxs("div", { className: fullClassName, ref: headerRef, children: [mainLineContainer, newLineContainer, tabs ? (_jsxs("div", { className: classNames(["zen-main-header__tabs", "zen-main-header--border", isMobile ? "zen-main-header__tabs--mobile" : "", driveClassnameTab || ""]), children: [" ", tabs, " "] })) : null, memoizedFiltersBar ? _jsx("div", { className: "zen-main-header__filtersBar", children: memoizedFiltersBar }) : null, _jsx("div", { className: "zen-main-header__section zen-main-header__section--hidden", ref: hiddenContainerRef, children: hiddenItemForRender }), _jsx("div", { className: "zen-main-header__section zen-main-header__section--hidden", children: _jsx("div", { className: "zen-main-header__section--inline", ref: moreButtonRef, children: moreButton }) })] }) }) }) }) }) }));
+    return (_jsx(HeaderMenuProvider, { alignment: "left-top", children: _jsx(HeaderCustomContent.Provider, { value: { content, setContent }, children: _jsx(FiltersBarContextProvider, { value: { setFiltersBarToggleAllFiltersFn, onUpdateNumberOfChangedFiltersFn: setNumberOfChangedFilters }, children: _jsx(SearchContextProvider, { value: { setSearchComponent: handleSearchChange }, children: _jsx(TriggerContextProvider, { value: { triggerComponent: mobileFilterTrigger }, children: _jsxs("div", { className: fullClassName, ref: headerRef, children: [mainLineContainer, newLineContainer, tabs ? (_jsxs("div", { className: classNames([
+                                        "zen-main-header__tabs",
+                                        "zen-main-header--border",
+                                        isMobile ? "zen-main-header__tabs--mobile" : "",
+                                        driveClassnameTab || ""
+                                    ]), children: [" ", tabs, " "] })) : null, memoizedFiltersBar ? _jsx("div", { className: "zen-main-header__filtersBar", children: memoizedFiltersBar }) : null, _jsx("div", { className: "zen-main-header__section zen-main-header__section--hidden", ref: hiddenContainerRef, children: hiddenItemForRender }), _jsx("div", { className: "zen-main-header__section zen-main-header__section--hidden", children: _jsx("div", { className: "zen-main-header__section--inline", ref: moreButtonRef, children: moreButton }) })] }) }) }) }) }) }));
 };
 export const HeaderDisplayName = "Header";
 Header.displayName = HeaderDisplayName;

package/esm/header/headerBack.js

@@ -38,6 +38,7 @@ injectString("tr", "Back", "Geri");
 injectString("zh-Hans", "Back", "\u8FD4\u56DE");
 injectString("zh-TW", "Back", "\u8FD4\u56DE");
 injectString("ro-RO", "Back", "\xCEnapoi");
+injectString("ar-SA", "Back", "\u0631\u062C\u0648\u0639");
 export const HeaderBackDisplayName = "HeaderBack";
 export const HeaderBack = _a => {
   var {

package/esm/header/headerButton.js

@@ -18,8 +18,6 @@ export const HeaderButton = (_a) => {
     var { id, children, icon, iconPosition = ButtonIconPosition.Start, className = "", important, onClick, inContextMenu } = _a, restProps = __rest(_a, ["id", "children", "icon", "iconPosition", "className", "important", "onClick", "inContextMenu"]);
     const fullClassName = classNames(["zen-header-button", className]);
     const props = Object.assign(Object.assign({}, restProps), { "data-important": important ? "1" : "0" });
-    return icon
-        ? _jsx(TextIconButton, Object.assign({ id: id, icon: icon, iconPosition: iconPosition, className: fullClassName, onClick: onClick ? (e) => onClick(id, e) : undefined }, props, { children: children }))
-        : _jsx(Button, Object.assign({ id: id, className: fullClassName, onClick: onClick ? (e) => onClick(id, e) : undefined }, props, { children: children }));
+    return icon ? (_jsx(TextIconButton, Object.assign({ id: id, icon: icon, iconPosition: iconPosition, className: fullClassName, onClick: onClick ? e => onClick(id, e) : undefined }, props, { children: children }))) : (_jsx(Button, Object.assign({ id: id, className: fullClassName, onClick: onClick ? e => onClick(id, e) : undefined }, props, { children: children })));
 };
 HeaderButton.displayName = HeaderButtonDisplayName;

package/esm/header/headerHelpers.js

@@ -10,7 +10,7 @@ export const getArrayOfChildren = (children) => {
     if (!children) {
         return [];
     }
-    const singleChildren = (childs) => Array.isArray(childs) ? childs : [childs];
+    const singleChildren = (childs) => (Array.isArray(childs) ? childs : [childs]);
     return (React.Children.count(children) === 1 ? singleChildren(children) : children);
 };
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -27,7 +27,7 @@ export const isNamedChildComponent = (item, componentName) => {
 const getFiltersBar = (item) => {
     const itemProps = item.props;
     const children = getArrayOfChildren(itemProps.children);
-    return children.find(child => child.type ? isNamedChildComponent(child, FiltersBarDisplayName) : false);
+    return children.find(child => (child.type ? isNamedChildComponent(child, FiltersBarDisplayName) : false));
 };
 export const getItemsForRender = (items, isMobile) => {
     if (!isMobile) {
@@ -41,19 +41,19 @@ export const getItemsForRender = (items, isMobile) => {
         const clone = cloneElement(el, {
             children: elProps.icon ? null : elProps.children,
             key: `hidden-key-${ind}-${items.length}`,
-            title: elProps.title ? elProps.title : (typeof elProps.children === "string" ? elProps.children : "")
+            title: elProps.title ? elProps.title : typeof elProps.children === "string" ? elProps.children : ""
         });
         return clone;
     });
 };
 export const filterItems = (items, isMobile) => {
     const itemsArr = [];
-    React.Children.forEach(items, (child) => {
+    React.Children.forEach(items, child => {
         if (React.isValidElement(child) && child.type === React.Fragment) {
             const fragmentProps = child.props;
             if (fragmentProps.children) {
                 const fragmentArr = getArrayOfChildren(fragmentProps.children);
-                itemsArr.push(...fragmentArr.filter((el) => React.isValidElement(el)));
+                itemsArr.push(...fragmentArr.filter(el => React.isValidElement(el)));
             }
         }
         else if (React.isValidElement(child)) {
@@ -79,21 +79,23 @@ export const filterItems = (items, isMobile) => {
                 const clone = cloneElement(item, {
                     children: itemProps.icon ? null : itemProps.children,
                     key: item.key || `key-${itemProps.id}`,
-                    title: itemProps.title ? itemProps.title : (typeof itemProps.children === "string" ? itemProps.children : "")
+                    title: itemProps.title ? itemProps.title : typeof itemProps.children === "string" ? itemProps.children : ""
                 });
                 targetElements.push(clone);
             }
             else {
-                const element = item.key || itemProps.id ? cloneElement(item, {
-                    key: item.key || `key-${itemProps.id}`
-                }) : item;
+                const element = item.key || itemProps.id
+                    ? cloneElement(item, {
+                        key: item.key || `key-${itemProps.id}`
+                    })
+                    : item;
                 targetElements.push(element);
             }
         }
         return acc;
     }, { leftElements: [], resizableElements: [], rightElements: [], tabs: null, filtersBar: null });
     let isHasPrimary = result.rightElements.length > 0;
-    const preparedResizableElements = result.resizableElements.map((el) => {
+    const preparedResizableElements = result.resizableElements.map(el => {
         const elProps = el.props;
         if (elProps.important || elProps.type === "primary") {
             const elClone = cloneElement(el, {

package/esm/header/headerMenu.js

@@ -39,7 +39,9 @@ export const HeaderMenu = (_a) => {
     const onTriggerClick = useCallback(() => {
         setIsOpen(!isOpen);
     }, [isOpen]);
-    const trigger = _jsxs(Button, Object.assign({ onClick: onTriggerClick, ref: ref, className: fullClassName }, props, { children: [icon ? icon({ className: "zen-caption__pre-content", size: isDrive || isMobile ? driveIconSize(iconSize) : iconSize }) : null, isMobile || onlyIcon ? null : _jsx("span", { className: "zen-caption__content", children: name }), onlyIcon ? null : _jsx(IconChevronDownSmall, { size: isDrive || isMobile ? driveIconSize("large") : "large", className: "zen-caption__post-content" })] }));
-    return _jsxs(_Fragment, { children: [trigger, _jsx(ControlledMenu, { title: name, triggerRef: ref, isOpen: isOpen, setIsOpen: setIsOpen, alignment: alignment, children: children })] });
+    const trigger = (_jsxs(Button, Object.assign({ onClick: onTriggerClick, ref: ref, className: fullClassName }, props, { children: [icon
+                ? icon({ className: "zen-caption__pre-content", size: isDrive || isMobile ? driveIconSize(iconSize) : iconSize })
+                : null, isMobile || onlyIcon ? null : _jsx("span", { className: "zen-caption__content", children: name }), onlyIcon ? null : (_jsx(IconChevronDownSmall, { size: isDrive || isMobile ? driveIconSize("large") : "large", className: "zen-caption__post-content" }))] })));
+    return (_jsxs(_Fragment, { children: [trigger, _jsx(ControlledMenu, { title: name, triggerRef: ref, isOpen: isOpen, setIsOpen: setIsOpen, alignment: alignment, children: children })] }));
 };
 HeaderMenu.displayName = HeaderMenuDisplayName;

package/esm/header/hooks/useNonFittingElements.js

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from "react";
-const setEmptyValue = (prevValue) => prevValue.length ? [] : prevValue;
+const setEmptyValue = prevValue => (prevValue.length ? [] : prevValue);
 export const useNonFittingElements = ({ maxWidth, data, hiddenElementsCountToRender, widthDelta = 0, reverseOrderOfVisible }) => {
     const elementOffset = 8;
     const hiddenContainerRef = useRef(null);
@@ -44,13 +44,13 @@ export const useNonFittingElements = ({ maxWidth, data, hiddenElementsCountToRen
             visibleChildrenCount = hiddenElementsCountToRender;
         }
         let dataForRender = data;
-        if (data.length !== hiddenContainerRef.current.children.length && data.every((item) => { var _a; return ((_a = item.props) === null || _a === void 0 ? void 0 : _a.id) !== undefined; })) {
+        if (data.length !== hiddenContainerRef.current.children.length && data.every(item => { var _a; return ((_a = item.props) === null || _a === void 0 ? void 0 : _a.id) !== undefined; })) {
             let canBeFiltered = hiddenContainerRef.current.children.length > 0;
             const filteredData = [];
-            Array.from(hiddenContainerRef.current.children).forEach((child) => {
+            Array.from(hiddenContainerRef.current.children).forEach(child => {
                 const childrenId = child.getAttribute("id");
                 if (childrenId) {
-                    const elem = dataForRender.find((item) => { var _a; return ((_a = item.props) === null || _a === void 0 ? void 0 : _a.id) === childrenId; });
+                    const elem = dataForRender.find(item => { var _a; return ((_a = item.props) === null || _a === void 0 ? void 0 : _a.id) === childrenId; });
                     if (elem) {
                         filteredData.push(elem);
                     }

package/esm/headerTitle/headerTitle.d.ts

@@ -9,7 +9,7 @@ export interface IHeaderTitle extends IZenComponentProps {
     /**
      * @deprecated
      * @param subline - will be removed in the next major release
-    */
+     */
     subline?: React.ReactNode;
     isBeta?: boolean;
     isMobile?: boolean;

package/esm/headerTitle/headerTitle.js

@@ -14,7 +14,7 @@ export const HeaderTitle = ({ id, children, className, pageName, subline, isBeta
     const clsNames = classNames([
         "zen-page-header",
         "zen-page-header--new",
-        isMobileProp || isMobileProp === undefined && isMobile ? "zen-page-header--mobile" : "",
+        isMobileProp || (isMobileProp === undefined && isMobile) ? "zen-page-header--mobile" : "",
         className || ""
     ]);
     const [back, other] = useMemo(() => {
@@ -30,9 +30,7 @@ export const HeaderTitle = ({ id, children, className, pageName, subline, isBeta
         });
         return [b, b.length && !allowBookmarkWithBack ? o.filter(el => el.type !== Bookmark) : o];
     }, [children, allowBookmarkWithBack]);
-    return _jsxs("header", { id: id, className: clsNames, children: [_jsxs("div", { className: classNames(["zen-page-header__main-line", driveMainLineClassName || ""]), children: [back.length ? back : null, pageName ? _jsx("h1", { className: classNames(["zen-page-header__page-name", drivePageNameClassName || ""]), children: pageName }) : null, isBeta ? _jsx(BetaPill, { feedbackAction: feedBackAction, betaOptionAction: betaOptionAction, className: "zen-page-header__beta" }) : null, other.length ? other : null] }), subline || ""] });
+    return (_jsxs("header", { id: id, className: clsNames, children: [_jsxs("div", { className: classNames(["zen-page-header__main-line", driveMainLineClassName || ""]), children: [back.length ? back : null, pageName ? _jsx("h1", { className: classNames(["zen-page-header__page-name", drivePageNameClassName || ""]), children: pageName }) : null, isBeta ? _jsx(BetaPill, { feedbackAction: feedBackAction, betaOptionAction: betaOptionAction, className: "zen-page-header__beta" }) : null, other.length ? other : null] }), subline || ""] }));
 };
 HeaderTitle.displayName = HeaderTitleDisplayName;
-export const TRANSLATIONS = [
-    ...BetaPillTranslations
-];
+export const TRANSLATIONS = [...BetaPillTranslations];

package/esm/headerTitle/headerTitleSubline/headerTitleSubline.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames } from "../../commonHelpers/classNames/classNames";
-export const HeaderTitleSubline = ({ id, className, children }) => _jsx("div", { id: id, className: classNames(["zen-page-header__sub-line", className || ""]), children: children });
+export const HeaderTitleSubline = ({ id, className, children }) => (_jsx("div", { id: id, className: classNames(["zen-page-header__sub-line", className || ""]), children: children }));

package/esm/headerTitle/headerTitleTools/headerTitleTools.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { classNames } from "../../commonHelpers/classNames/classNames";
-export const PageHeaderTools = ({ id, className, children }) => _jsx("div", { id: id, className: classNames(["zen-page-header__page-tools", className || ""]), children: children });
+export const PageHeaderTools = ({ id, className, children }) => (_jsx("div", { id: id, className: classNames(["zen-page-header__page-tools", className || ""]), children: children }));

package/esm/icons/deprecated/iconBackArrow.js

@@ -6,10 +6,6 @@ import { classNames } from "../../commonHelpers/classNames/classNames";
 */
 export const IconBackArrow = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 18", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconBackArrow", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M0 8.992c0-.46.197-.898.542-1.202L8.298.967a1.284 1.284 0 011.696 1.929L3.212 8.862a.174.174 0 000 .261l6.782 5.966a1.285 1.285 0 11-1.696 1.928l-7.753-6.82A1.607 1.607 0 010 8.992z" }), _jsx("path", { d: "M1.25 9c0-.69.56-1.25 1.25-1.25h16.25a1.25 1.25 0 110 2.5H2.5c-.69 0-1.25-.56-1.25-1.25z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 18", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconBackArrow", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M0 8.992c0-.46.197-.898.542-1.202L8.298.967a1.284 1.284 0 011.696 1.929L3.212 8.862a.174.174 0 000 .261l6.782 5.966a1.285 1.285 0 11-1.696 1.928l-7.753-6.82A1.607 1.607 0 010 8.992z" }), _jsx("path", { d: "M1.25 9c0-.69.56-1.25 1.25-1.25h16.25a1.25 1.25 0 110 2.5H2.5c-.69 0-1.25-.56-1.25-1.25z" })] }));
 };

package/esm/icons/deprecated/iconCheckmark.js

@@ -6,10 +6,6 @@ import { classNames } from "../../commonHelpers/classNames/classNames";
 */
 export const IconCheckmark = ({ 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 16 14", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconCheckmark", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M15.467.6c.589.442.708 1.278.266 1.867l-8 10.666a1.333 1.333 0 01-1.964.186L.436 8.462A1.333 1.333 0 012.23 6.49l4.249 3.87L13.6.867A1.333 1.333 0 0115.467.6z" })] });
+    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 16 14", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconCheckmark", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M15.467.6c.589.442.708 1.278.266 1.867l-8 10.666a1.333 1.333 0 01-1.964.186L.436 8.462A1.333 1.333 0 012.23 6.49l4.249 3.87L13.6.867A1.333 1.333 0 0115.467.6z" })] }));
 };

package/esm/icons/deprecated/iconCrossThin.js

@@ -6,10 +6,6 @@ import { classNames } from "../../commonHelpers/classNames/classNames";
 */
 export const IconCrossThin = ({ 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 32 32", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconCrossThin", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsxs("g", { children: [_jsx("path", { d: "M.902.894a3.05 3.05 0 014.315 0l25.89 25.896a3.052 3.052 0 01-4.316 4.316L.901 5.21a3.052 3.052 0 010-4.316z" }), _jsx("path", { d: "M31.098.894a3.052 3.052 0 010 4.316L5.208 31.106A3.05 3.05 0 11.895 26.79L26.784.894a3.05 3.05 0 014.314 0z" })] })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconCrossThin", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsxs("g", { children: [_jsx("path", { d: "M.902.894a3.05 3.05 0 014.315 0l25.89 25.896a3.052 3.052 0 01-4.316 4.316L.901 5.21a3.052 3.052 0 010-4.316z" }), _jsx("path", { d: "M31.098.894a3.052 3.052 0 010 4.316L5.208 31.106A3.05 3.05 0 11.895 26.79L26.784.894a3.05 3.05 0 014.314 0z" })] })] }));
 };

package/esm/icons/deprecated/iconFlatFilledArrowDown.js

@@ -6,10 +6,6 @@ import { classNames } from "../../commonHelpers/classNames/classNames";
 */
 export const IconFlatFilledArrowDown = ({ 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 32 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": "IconFlatFilledArrowDown", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M31.649 1.217C31.166.465 30.257 0 29.272 0H2.728C1.22.001-.002 1.072 0 2.393c0 .435.136.862.393 1.235l13.272 19.219c.78 1.13 2.459 1.49 3.748.807.377-.2.694-.477.922-.807L31.607 3.628a2.14 2.14 0 00.042-2.41z" })] });
+    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 32 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": "IconFlatFilledArrowDown", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M31.649 1.217C31.166.465 30.257 0 29.272 0H2.728C1.22.001-.002 1.072 0 2.393c0 .435.136.862.393 1.235l13.272 19.219c.78 1.13 2.459 1.49 3.748.807.377-.2.694-.477.922-.807L31.607 3.628a2.14 2.14 0 00.042-2.41z" })] }));
 };

package/esm/icons/deprecated/iconGlobe.js

@@ -6,10 +6,6 @@ import { classNames } from "../../commonHelpers/classNames/classNames";
 */
 export const IconGlobe = ({ 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 16 16", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconGlobe", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M.199 7.832C.165 12.168 3.592 15.8 7.979 15.8c4.378 0 7.823-3.256 7.823-7.83 0-2.277-.763-4.222-2.128-5.6C12.31.995 10.356.2 8.004.2 3.275.2.201 3.685.198 7.832zm13.654 3.201H11.07c.302-.924.482-1.85.538-2.766h2.987a6.625 6.625 0 01-.742 2.766zm-.802 1.2a6.64 6.64 0 01-3.66 2.214 15.07 15.07 0 001.218-2.214h2.442zm-3.25-1.2c.342-.935.542-1.861.604-2.766H5.601c.062.905.262 1.83.605 2.766H9.8zm-1.798 3.313a14.748 14.748 0 01-1.282-2.113h2.564a14.75 14.75 0 01-1.282 2.113zM1.409 8.267h2.99c.055.917.235 1.842.537 2.766H2.178a6.668 6.668 0 01-.77-2.766zm5.195 6.165a6.703 6.703 0 01-3.612-2.199h2.405a15.06 15.06 0 001.207 2.199zm4.424-10.13a9.62 9.62 0 01.58 2.765h2.933a6.559 6.559 0 00-1.053-2.766h-2.46zm-.622 2.765a8.484 8.484 0 00-.67-2.766H6.27a8.488 8.488 0 00-.669 2.766h4.805zm-6.008 0a9.656 9.656 0 01.581-2.766H2.458a6.397 6.397 0 00-1.014 2.766H4.4zm6.096-3.966h1.957a6.557 6.557 0 00-2.934-1.534c.375.496.7 1.008.977 1.534zm-3.601 0a10.63 10.63 0 011.11-1.486c.426.479.798.978 1.11 1.486h-2.22zm-1.38 0c.281-.535.613-1.056.997-1.56a6.414 6.414 0 00-3.03 1.56h2.033z" })] });
+    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 16 16", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconGlobe", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M.199 7.832C.165 12.168 3.592 15.8 7.979 15.8c4.378 0 7.823-3.256 7.823-7.83 0-2.277-.763-4.222-2.128-5.6C12.31.995 10.356.2 8.004.2 3.275.2.201 3.685.198 7.832zm13.654 3.201H11.07c.302-.924.482-1.85.538-2.766h2.987a6.625 6.625 0 01-.742 2.766zm-.802 1.2a6.64 6.64 0 01-3.66 2.214 15.07 15.07 0 001.218-2.214h2.442zm-3.25-1.2c.342-.935.542-1.861.604-2.766H5.601c.062.905.262 1.83.605 2.766H9.8zm-1.798 3.313a14.748 14.748 0 01-1.282-2.113h2.564a14.75 14.75 0 01-1.282 2.113zM1.409 8.267h2.99c.055.917.235 1.842.537 2.766H2.178a6.668 6.668 0 01-.77-2.766zm5.195 6.165a6.703 6.703 0 01-3.612-2.199h2.405a15.06 15.06 0 001.207 2.199zm4.424-10.13a9.62 9.62 0 01.58 2.765h2.933a6.559 6.559 0 00-1.053-2.766h-2.46zm-.622 2.765a8.484 8.484 0 00-.67-2.766H6.27a8.488 8.488 0 00-.669 2.766h4.805zm-6.008 0a9.656 9.656 0 01.581-2.766H2.458a6.397 6.397 0 00-1.014 2.766H4.4zm6.096-3.966h1.957a6.557 6.557 0 00-2.934-1.534c.375.496.7 1.008.977 1.534zm-3.601 0a10.63 10.63 0 011.11-1.486c.426.479.798.978 1.11 1.486h-2.22zm-1.38 0c.281-.535.613-1.056.997-1.56a6.414 6.414 0 00-3.03 1.56h2.033z" })] }));
 };

package/esm/icons/deprecated/iconHouse.js

@@ -6,10 +6,6 @@ import { classNames } from "../../commonHelpers/classNames/classNames";
 */
 export const IconHouse = ({ 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 32 32", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHouse", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M30.888 14.196q1.058.835 1.058 2.226 0 1.17-.835 2.032-.835.863-2.088.863h-1.42v8.684q0 1.225-.862 2.088-.863.863-2.06.835H7.285q-1.169 0-2.032-.835-.862-.835-.862-2.088v-8.684H2.943q-1.225 0-2.06-.863t-.835-2.032q0-1.28 1.002-2.199 2.2-1.837 5.679-4.843 3.479-3.006 5.872-5.037 2.394-2.032 2.45-2.088l.946-.807.974.807q.028.028 2.394 2.088t5.873 5.037q3.507 2.979 5.65 4.816zM18.92 28v-7.237h-5.818V28h5.818zm5.761-11.579h4.342q-6.43-5.4-13.026-11.133-6.624 5.734-13.054 11.133h4.342v11.58h4.342v-8.685h8.712V28h4.342V16.422z" })] });
+    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 32 32", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconHouse", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M30.888 14.196q1.058.835 1.058 2.226 0 1.17-.835 2.032-.835.863-2.088.863h-1.42v8.684q0 1.225-.862 2.088-.863.863-2.06.835H7.285q-1.169 0-2.032-.835-.862-.835-.862-2.088v-8.684H2.943q-1.225 0-2.06-.863t-.835-2.032q0-1.28 1.002-2.199 2.2-1.837 5.679-4.843 3.479-3.006 5.872-5.037 2.394-2.032 2.45-2.088l.946-.807.974.807q.028.028 2.394 2.088t5.873 5.037q3.507 2.979 5.65 4.816zM18.92 28v-7.237h-5.818V28h5.818zm5.761-11.579h4.342q-6.43-5.4-13.026-11.133-6.624 5.734-13.054 11.133h4.342v11.58h4.342v-8.685h8.712V28h4.342V16.422z" })] }));
 };

package/esm/icons/deprecated/iconInfoCircleTooltip.js

@@ -6,10 +6,6 @@ import { classNames } from "../../commonHelpers/classNames/classNames";
 */
 export const IconInfoCircleTooltip = ({ 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 16 16", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconInfoCircleTooltip", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M8 2.667a5.333 5.333 0 100 10.666A5.333 5.333 0 008 2.667zM1.333 8a6.667 6.667 0 1113.334 0A6.667 6.667 0 011.334 8zm5.334-.667c0-.368.298-.666.667-.666H8c.368 0 .667.298.667.666v3.334a.667.667 0 11-1.333 0V8a.667.667 0 01-.667-.667z" }), _jsx("path", { d: "M7.667 5.333a.333.333 0 11.666 0 .333.333 0 01-.667 0z" }), _jsx("path", { d: "M8 6a.667.667 0 110-1.333A.667.667 0 018 6zm0-1a.333.333 0 100 .667A.333.333 0 008 5z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconInfoCircleTooltip", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M8 2.667a5.333 5.333 0 100 10.666A5.333 5.333 0 008 2.667zM1.333 8a6.667 6.667 0 1113.334 0A6.667 6.667 0 011.334 8zm5.334-.667c0-.368.298-.666.667-.666H8c.368 0 .667.298.667.666v3.334a.667.667 0 11-1.333 0V8a.667.667 0 01-.667-.667z" }), _jsx("path", { d: "M7.667 5.333a.333.333 0 11.666 0 .333.333 0 01-.667 0z" }), _jsx("path", { d: "M8 6a.667.667 0 110-1.333A.667.667 0 018 6zm0-1a.333.333 0 100 .667A.333.333 0 008 5z" })] }));
 };

package/esm/icons/deprecated/iconLoupe.js

@@ -6,10 +6,6 @@ import { classNames } from "../../commonHelpers/classNames/classNames";
 */
 export const IconLoupe = ({ 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 32 32", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLoupe", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M31.538 29.11l-8.874-8.867c4.219-5.542 3.143-13.453-2.404-17.669C14.713-1.64 6.795-.567 2.576 4.975-1.643 10.518-.568 18.43 4.98 22.645a12.627 12.627 0 0015.28 0l8.875 8.866a1.721 1.721 0 002.403 0c.63-.657.602-1.718 0-2.401zM3.491 12.651c0-5.063 4.108-9.167 9.175-9.167 5.067 0 9.175 4.104 9.175 9.167s-4.108 9.167-9.175 9.167c-5.064-.005-9.17-4.107-9.175-9.167z" })] });
+    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 32 32", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconLoupe", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M31.538 29.11l-8.874-8.867c4.219-5.542 3.143-13.453-2.404-17.669C14.713-1.64 6.795-.567 2.576 4.975-1.643 10.518-.568 18.43 4.98 22.645a12.627 12.627 0 0015.28 0l8.875 8.866a1.721 1.721 0 002.403 0c.63-.657.602-1.718 0-2.401zM3.491 12.651c0-5.063 4.108-9.167 9.175-9.167 5.067 0 9.175 4.104 9.175 9.167s-4.108 9.167-9.175 9.167c-5.064-.005-9.17-4.107-9.175-9.167z" })] }));
 };

package/esm/icons/deprecated/iconMinusIcon.js

@@ -6,10 +6,6 @@ import { classNames } from "../../commonHelpers/classNames/classNames";
 */
 export const IconMinusIcon = ({ 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 16 16", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconMinusIcon", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("rect", { width: "16", height: "3", y: "6.5", rx: "1" })] });
+    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 16 16", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconMinusIcon", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("rect", { width: "16", height: "3", y: "6.5", rx: "1" })] }));
 };

package/esm/icons/deprecated/iconOrgFilter.js

@@ -6,10 +6,6 @@ import { classNames } from "../../commonHelpers/classNames/classNames";
 */
 export const IconOrgFilter = ({ className, size, title, description, focusable = false }) => {
     const uniqueId = useId();
-    const classes = useMemo(() => classNames([
-        "zen-icon",
-        (size ? `zen-icon--${size}` : ""),
-        className !== null && className !== void 0 ? className : ""
-    ]), [size, className]);
-    return _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconOrgFilter", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M0 14.167c0-1.15.933-2.084 2.083-2.084h3.75c1.15 0 2.084.933 2.084 2.084v3.75c0 1.15-.933 2.083-2.084 2.083h-3.75A2.084 2.084 0 010 17.917v-3.75zM6.042 2.083C6.042.933 6.975 0 8.125 0h3.75c1.15 0 2.083.933 2.083 2.083v3.75c0 1.15-.933 2.084-2.083 2.084h-3.75a2.084 2.084 0 01-2.083-2.084v-3.75zm6.041 12.084c0-1.15.933-2.084 2.084-2.084h3.75c1.15 0 2.083.933 2.083 2.084v3.75c0 1.15-.933 2.083-2.083 2.083h-3.75a2.084 2.084 0 01-2.084-2.083v-3.75z" }), _jsx("path", { d: "M5 11.457c-.3 0-.417.207-.417.312v1.146a.833.833 0 01-1.666 0v-1.146C2.917 10.61 3.92 9.79 5 9.79h10c1.08 0 2.083.82 2.083 1.98v1.145a.833.833 0 01-1.666 0v-1.146c0-.105-.117-.312-.417-.312H5z" }), _jsx("path", { d: "M10 6.25c.46 0 .833.373.833.833v3.542a.833.833 0 11-1.666 0V7.083c0-.46.373-.833.833-.833z" })] });
+    const classes = useMemo(() => classNames(["zen-icon", size ? `zen-icon--${size}` : "", className !== null && className !== void 0 ? className : ""]), [size, className]);
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", focusable: focusable ? "true" : undefined, tabIndex: focusable ? 0 : undefined, role: focusable || title || description ? undefined : "presentation", className: classes, "aria-labelledby": title && focusable ? uniqueId : undefined, "data-name": "IconOrgFilter", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M0 14.167c0-1.15.933-2.084 2.083-2.084h3.75c1.15 0 2.084.933 2.084 2.084v3.75c0 1.15-.933 2.083-2.084 2.083h-3.75A2.084 2.084 0 010 17.917v-3.75zM6.042 2.083C6.042.933 6.975 0 8.125 0h3.75c1.15 0 2.083.933 2.083 2.083v3.75c0 1.15-.933 2.084-2.083 2.084h-3.75a2.084 2.084 0 01-2.083-2.084v-3.75zm6.041 12.084c0-1.15.933-2.084 2.084-2.084h3.75c1.15 0 2.083.933 2.083 2.084v3.75c0 1.15-.933 2.083-2.083 2.083h-3.75a2.084 2.084 0 01-2.084-2.083v-3.75z" }), _jsx("path", { d: "M5 11.457c-.3 0-.417.207-.417.312v1.146a.833.833 0 01-1.666 0v-1.146C2.917 10.61 3.92 9.79 5 9.79h10c1.08 0 2.083.82 2.083 1.98v1.145a.833.833 0 01-1.666 0v-1.146c0-.105-.117-.312-.417-.312H5z" }), _jsx("path", { d: "M10 6.25c.46 0 .833.373.833.833v3.542a.833.833 0 11-1.666 0V7.083c0-.46.373-.833.833-.833z" })] }));
 };

package/esm/icons/deprecated/iconRefresh.js

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

package/esm/icons/iconActivity.js

@@ -3,10 +3,6 @@ import { useMemo, useId } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconActivity = ({ 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": "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" })] });
+    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.js

@@ -3,10 +3,6 @@ import { useMemo, useId } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconAddPeople = ({ 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": "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" })] });
+    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/iconAiImages.js

@@ -3,10 +3,6 @@ import { useMemo, useId } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconAiImages = ({ 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": "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" })] });
+    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.js

@@ -3,10 +3,6 @@ import { useMemo, useId } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconAiSparkles = ({ 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": "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" })] });
+    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.js

@@ -3,10 +3,6 @@ import { useMemo, useId } from "react";
 import { classNames } from "../commonHelpers/classNames/classNames";
 export const IconAiSparkles2 = ({ 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": "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" })] });
+    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" })] }));
 };