@geotab/zenith 3.14.1 → 3.15.0-beta.1

package/esm/filtersBar/filtersBarSidePanel/components/filtersBarSidePanelDropdownWithCheckbox/filtersBarSidePanelDropdownWithCheckbox.d.ts

@@ -1,5 +1,5 @@
 import { IDropdownItem } from "../../../../dropdown/dropdown";
-import { IFiltersBarDropdownFullSelectionWithCheckboxProps, IFiltersBarDropdownWithCheckboxFullSelectionState, IFiltersBarDropdownWithCheckboxProps, IFiltersBarDropdownWithCheckboxState } from "../../../components/filtersBarDropdownWithCheckbox/filtersBarDropdownWithCheckbox";
+import { IFiltersBarDropdownFullSelectionWithCheckboxProps, IFiltersBarDropdownWithCheckboxFullSelectionOnChange, IFiltersBarDropdownWithCheckboxFullSelectionState, IFiltersBarDropdownWithCheckboxOnChange, IFiltersBarDropdownWithCheckboxProps, IFiltersBarDropdownWithCheckboxState } from "../../../components/filtersBarDropdownWithCheckbox/filtersBarDropdownWithCheckbox";
 interface IFiltersBarDropdownWithCheckboxSidePanelProps extends Omit<IFiltersBarDropdownWithCheckboxProps, "getData"> {
 }
 interface IFiltersBarDropdownFullSelectionWithCheckboxSidePanelProps extends Omit<IFiltersBarDropdownFullSelectionWithCheckboxProps, "getData"> {
@@ -7,14 +7,8 @@ interface IFiltersBarDropdownFullSelectionWithCheckboxSidePanelProps extends Omi
 interface IFiltersBarSidePanelDropdownWithCheckboxProps {
     props: IFiltersBarDropdownFullSelectionWithCheckboxSidePanelProps | IFiltersBarDropdownWithCheckboxSidePanelProps;
     getData: (signal?: AbortSignal, searchValue?: string, checkboxValue?: boolean) => Promise<IDropdownItem[]>;
-    state: IFiltersBarDropdownWithCheckboxState;
-    onChange: (value: IFiltersBarDropdownWithCheckboxState) => void;
+    state: IFiltersBarDropdownWithCheckboxState | IFiltersBarDropdownWithCheckboxFullSelectionState;
+    onChange: IFiltersBarDropdownWithCheckboxOnChange | IFiltersBarDropdownWithCheckboxFullSelectionOnChange;
 }
-interface IFiltersBarSidePanelDropdownWithCheckboxFullSelectionProps {
-    props: IFiltersBarDropdownFullSelectionWithCheckboxSidePanelProps | IFiltersBarDropdownWithCheckboxSidePanelProps;
-    getData: (signal?: AbortSignal, searchValue?: string, checkboxValue?: boolean) => Promise<IDropdownItem[]>;
-    state: IFiltersBarDropdownWithCheckboxFullSelectionState;
-    onChange: (value: IFiltersBarDropdownWithCheckboxFullSelectionState) => void;
-}
-export declare const FiltersBarSidePanelDropdownWithCheckbox: ({ props, state, onChange, getData }: IFiltersBarSidePanelDropdownWithCheckboxProps | IFiltersBarSidePanelDropdownWithCheckboxFullSelectionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FiltersBarSidePanelDropdownWithCheckbox: ({ props, state, onChange, getData }: IFiltersBarSidePanelDropdownWithCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/esm/formField/components/formFieldAdditionalInfo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IFormFieldAdditionalInfoProps {
     assistiveId?: string;
     errorId: string;

package/esm/formField/components/formFieldCounter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IFormFieldCounterProps {
     value?: string | number | React.ReactElement;
     id?: string;

package/esm/formField/components/formFieldLoading.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Skeleton } from "../../skeleton/skeleton";
 import { TFormFieldComponentProps } from "../formField";
 export declare const DEFAULT_HEIGHT = 32;

package/esm/formField/components/formFieldSkeleton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ISkeleton } from "../../skeleton/skeleton";
 interface IFormFieldSkeletonProps extends ISkeleton {
 }

package/esm/formField/components/formFieldWithLabel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TFormFieldComponentProps } from "../formField";
 interface IFormFieldWithLabelProps<T> {
     props: TFormFieldComponentProps<T>;

package/esm/formField/components/formFieldWithoutLabel.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TFormFieldComponentProps } from "../formField";
 interface IFormFieldWithoutLabelProps<T> {
     props: TFormFieldComponentProps<T>;

package/esm/formField/formField.d.ts

@@ -23,5 +23,5 @@ export declare const FormField: {
         (props: TFormFieldComponentProps<T>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    Banner: (props: import("./components/formFieldBanner").IFormFieldBannerProps) => import("react/jsx-runtime").JSX.Element;
+    Banner: (props: import("..").IFormFieldBannerProps) => import("react/jsx-runtime").JSX.Element;
 };

package/esm/formField/hooks/useBanner.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const useBanner: (props: any) => {
     id: string;
     banner: null;

package/esm/formField/hooks/useDisabled.d.ts

@@ -6,7 +6,7 @@ export declare const useDisabled: (props: {
     disabled?: boolean;
 } & Partial<ILoadingBase>) => {
     controller: {
-        disabled?: boolean | undefined;
+        disabled?: boolean;
     } | undefined;
     disabled: boolean | undefined;
 } | {

package/esm/formGroup/components/customRow/customRow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./customRow.less";
 export interface ICustomRowProps {
     children: React.ReactNode;

package/esm/formGroup/hooks/listHooks/useStateToElements.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ITotalState } from "../../types";
 export declare const useStateToElements: (state: ITotalState[]) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>[];

package/esm/formGroup/hooks/listHooks/useStateToElements.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMobile } from "../../../commonHelpers/hooks/useMobile";
 import { useColumns } from "../../../formLayout/hooks/useColumns";
-import { useTablet } from "../../../gridLayout/hooks/useTablet";
+import { useTablet } from "../../../commonHelpers/hooks/useTablet";
 import { OneRow } from "../../components/oneRow";
 import { TwoRows } from "../../components/twoRows";
 import { isTwoRowsStructure } from "../../utils/isTwoRowsStructure";

package/esm/formGroup/utils/formGroupProvider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IFormGroupProps } from "../formGroup";
 import { IReactFormItemController } from "../../commonHelpers/zenComponent";
 export interface IFormGroupProviderProps extends IFormGroupProps, IReactFormItemController {

package/esm/formGroup/utils/isFormLabel.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from "react";
 import { ILabelState } from "../types";
-export declare const isFormLabel: (element: any) => element is ReactElement<ILabelState, string | import("react").JSXElementConstructor<any>>;
+export declare const isFormLabel: (element: any) => element is ReactElement<ILabelState>;

package/esm/formGroupItem/formGroupItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IZenIdComponentProps } from "../commonHelpers/zenComponent";
 import "./formGroupItem.less";
 export interface IFormGroupItem extends Partial<IZenIdComponentProps> {

package/esm/formLayout/components/layoutColumn/layoutColum.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ILayoutColumnProps {
     children?: React.ReactNode;
     title?: string;

package/esm/formLayout/hooks/useFormButtons.d.ts

@@ -7,5 +7,5 @@ export interface IUseFormButtonsProps {
 }
 export declare const useFormButtons: (props?: IUseFormButtonsProps) => {
     mode: TFormLayoutMode;
-    buttons: (import("react/jsx-runtime").JSX.Element | null)[];
+    buttons: import("react/jsx-runtime").JSX.Element[];
 };

package/esm/formLayout/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ILoadingBase } from "../commonHelpers/loading";
 import { Exclusive } from "../commonHelpers/types/exclusive";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";

package/esm/formLayout/utils/attachHeadings.d.ts

@@ -1 +1 @@
-export declare const attachHeadings: (elements: React.ReactElement[], title?: string, secondary?: string) => (import("react/jsx-runtime").JSX.Element | null)[];
+export declare const attachHeadings: (elements: React.ReactElement[], title?: string, secondary?: string) => import("react/jsx-runtime").JSX.Element[];

package/esm/formLayout/utils/attachSeparators.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TFormSectionType } from "../../formSection/types";
 import { TFormLayoutColumns } from "../types";
 export declare const attachSeparators: (components: React.ReactElement[], type: TFormSectionType, columns: TFormLayoutColumns) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>[];

package/esm/formLayout/utils/getChildrenWithCustomColumns.d.ts

@@ -1,2 +1 @@
-import { ReactNode } from "react";
-export declare const getChildrenWithCustomColumns: (children: React.ReactElement) => ReactNode[];
+export declare const getChildrenWithCustomColumns: (children: React.ReactElement) => import("react").ReactNode[];

package/esm/formLayout/utils/getChildrenWithCustomColumns.js

@@ -48,7 +48,7 @@ export const getChildrenWithCustomColumns = (children) => {
         });
         const title = ((_k = (_j = filtered[indexOfFirstColumn]) === null || _j === void 0 ? void 0 : _j.props) === null || _k === void 0 ? void 0 : _k.title) || "";
         if ((firstColumnTittle || secondColumnTittle) && Array.isArray(childrenOfFirstColumn)) {
-            childrenOfFirstColumn.unshift((_jsx(FormLayoutColumnTitle, { column: 1, value: title }, "column-1-title")));
+            childrenOfFirstColumn.unshift(_jsx(FormLayoutColumnTitle, { column: 1, value: title }, "column-1-title"));
         }
     }
     if (childrenOfSecondColumn) {
@@ -63,7 +63,7 @@ export const getChildrenWithCustomColumns = (children) => {
         });
         const title = ((_m = (_l = filtered[indexOfSecondColumn]) === null || _l === void 0 ? void 0 : _l.props) === null || _m === void 0 ? void 0 : _m.title) || "";
         if ((firstColumnTittle || secondColumnTittle) && Array.isArray(childrenOfSecondColumn)) {
-            childrenOfSecondColumn.unshift((_jsx(FormLayoutColumnTitle, { column: 2, value: title }, "column-2-title")));
+            childrenOfSecondColumn.unshift(_jsx(FormLayoutColumnTitle, { column: 2, value: title }, "column-2-title"));
         }
     }
     indexOfFirstColumn !== -1 && filtered.splice(indexOfFirstColumn, 1, ...childrenOfFirstColumn);

package/esm/formLayout/utils/getFieldLabel.js

@@ -1,21 +1,21 @@
 import { zen } from "../../utils/zen";
 export const getFieldLabel = (id) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b;
     if (typeof zen.document === "undefined" || typeof zen.document.querySelector !== "function")
         return null;
-    const direct = (_b = (_a = zen.document.querySelector(`label[for="${id}"]`)) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim();
+    const direct = (_a = zen.document.querySelector(`label[for="${id}"]`)) === null || _a === void 0 ? void 0 : _a.textContent.trim();
     if (direct !== undefined)
         return direct || null;
-    const row = (_c = zen.document.getElementById(id)) === null || _c === void 0 ? void 0 : _c.closest(".zen-custom-form-row");
+    const row = (_b = zen.document.getElementById(id)) === null || _b === void 0 ? void 0 : _b.closest(".zen-custom-form-row");
     if (!row)
         return null;
     let sibling = row.previousElementSibling;
     while (sibling) {
         if (sibling.tagName === "LABEL")
-            return (_e = (_d = sibling.textContent) === null || _d === void 0 ? void 0 : _d.trim()) !== null && _e !== void 0 ? _e : null;
+            return sibling.textContent.trim() || null;
         const inner = sibling.querySelector("label");
         if (inner)
-            return (_g = (_f = inner.textContent) === null || _f === void 0 ? void 0 : _f.trim()) !== null && _g !== void 0 ? _g : null;
+            return inner.textContent.trim() || null;
         sibling = sibling.previousElementSibling;
     }
     return null;

package/esm/formSection/components/actions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IActions } from "../../card/components/actions";
 export interface IFormSectionActions extends IActions {
 }

package/esm/formSection/components/additional.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IAdditionalSectionProps } from "./additionalSection";
 export interface IFormSectionAdditional extends IAdditionalSectionProps {
 }

package/esm/formSection/utils/isFormSection.d.ts

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-export declare const isFormSection: (element: unknown) => element is import("react").FC<import("../types").IFormContentProps> & {
-    Additional: import("react").FC<import("../components/additionalSection").IAdditionalSectionProps>;
-};
+import { FormSectionInner } from "../components/formSectionInner";
+export declare const isFormSection: (element: unknown) => element is typeof FormSectionInner;

package/esm/formStepper/components/formStepRaw.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type TStepType = "complete" | "incomplete" | "error" | "current";
 export interface IFormStepRaw {
     id: string;

package/esm/formStepper/formStepper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IStepItem } from "./components/formStep";
 import "./formStepper.less";
 export declare const STEPPER_LAST_STEP = "lastStep";

package/esm/formStepper/formStepper.js

@@ -2,8 +2,8 @@ import { injectString } from "../utils/localization/translationsDictionary";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
 import { FormStep } from "./components/formStep";
-import { useMobile } from "../commonHelpers/hooks/useMobile";
 import { useLanguage } from "../utils/localization/useLanguage";
+import { useMobileOrTablet } from "../commonHelpers/hooks/useMobileOrTablet";
 injectString("cs", "Step {0} of {1}", "Krok {0} z {1}");
 injectString("da-DK", "Step {0} of {1}", "Trin {0} af {1}");
 injectString("de", "Step {0} of {1}", "Schritt {0} von {1}");
@@ -70,7 +70,7 @@ injectString("ka-GE", "Optional", "\u10E1\u10E3\u10E0\u10D5\u10D8\u10DA\u10D8\u1
 injectString("el-GR", "Optional", "\u03A0\u03C1\u03BF\u03B1\u03B9\u03C1\u03B5\u03C4\u03B9\u03BA\u03CC");
 injectString("et-EE", "Optional", "Valikuline");
 injectString("bg-BG", "Optional", "\u041F\u043E \u0438\u0437\u0431\u043E\u0440");
-const MAX_STEPS = 7;
+const MAX_STEPS = 8;
 export const STEPPER_LAST_STEP = "lastStep";
 export const FormStepper = ({
   steps,
@@ -88,7 +88,7 @@ export const FormStepper = ({
     }
     return steps.findIndex(step => step.id === current) || 0;
   }, [steps, current]);
-  const isMobile = useMobile();
+  const isMobileOrTablet = useMobileOrTablet();
   const {
     translate
   } = useLanguage();
@@ -108,12 +108,12 @@ export const FormStepper = ({
     }
     setCurrent(id);
   }, [setCurrent, isStepperNonClickable, onStepClicked]);
-  const isCompactMode = mode === "compact" || isMobile;
+  const isCompactMode = mode === "compact" || isMobileOrTablet;
   const isOptionalStep = isCompactMode && ((_a = adjustedSteps[activeStepIndex]) === null || _a === void 0 ? void 0 : _a.optional);
   const stepNumber = current === STEPPER_LAST_STEP ? adjustedSteps.length : activeStepIndex + 1;
   const stepLabel = current === STEPPER_LAST_STEP ? (_b = adjustedSteps[activeStepIndex - 1]) === null || _b === void 0 ? void 0 : _b.label : (_c = adjustedSteps[activeStepIndex]) === null || _c === void 0 ? void 0 : _c.label;
   return _jsxs("div", {
-    className: `zen-form-stepper ${isMobile ? "zen-form-stepper--mobile" : ""} ${className}`,
+    className: `zen-form-stepper ${isMobileOrTablet ? "zen-form-stepper--mobile" : ""} ${className}`,
     role: "tablist",
     children: [_jsx("div", {
       className: "zen-form-stepper__steps",

package/esm/formStepperButtons/formStepperButtons.js

@@ -9,7 +9,7 @@ import { TextIconButton } from "../textIconButton/textIconButton";
 import { useLanguage } from "../utils/localization/useLanguage";
 import { STEPPER_LAST_STEP } from "../formStepper/formStepper";
 import { getCurrentIndex } from "./utils/getCurrentIndex";
-import { useMobile } from "../commonHelpers/hooks/useMobile";
+import { useMobileOrTablet } from "../commonHelpers/hooks/useMobileOrTablet";
 injectString("cs", "Previous step", "P\u0159edchoz\xED krok");
 injectString("da-DK", "Previous step", "Forrige trin");
 injectString("de", "Previous step", "Vorheriger Schritt");
@@ -156,7 +156,7 @@ export const FormStepperButtons = ({
   const {
     translate
   } = useLanguage();
-  const isMobile = useMobile();
+  const isMobileOrTablet = useMobileOrTablet();
   const BackChevronIcon = useDirectionalIcon(IconChevronLeft, IconChevronRight);
   const onPreviousHandler = useCallback(() => {
     const currIndex = getCurrentIndex(steps, current);
@@ -191,7 +191,7 @@ export const FormStepperButtons = ({
   const isFirstStep = steps[0].id === current;
   const isLastStep = steps[steps.length - 1].id === current || current === STEPPER_LAST_STEP;
   return _jsxs("div", {
-    className: `zen-form-step-buttons ${isMobile ? "zen-form-step-buttons--mobile" : ""} ${className}`,
+    className: `zen-form-step-buttons ${isMobileOrTablet ? "zen-form-step-buttons--mobile" : ""} ${className}`,
     children: [_jsx("div", {
       className: "zen-form-step-buttons__left",
       children: !isFirstStep && _jsx(TextIconButton, {

package/esm/gridLayout/hooks/useStretch.js

@@ -1,7 +1,7 @@
 import { cloneElement, useCallback, useEffect, useLayoutEffect, useState } from "react";
 import { classNames } from "../../commonHelpers/classNames/classNames";
 import { getGridRows } from "../utils/getGridRows";
-import { useTablet } from "./useTablet";
+import { useTablet } from "../../commonHelpers/hooks/useTablet";
 import { useMobile } from "../../commonHelpers/hooks/useMobile";
 export const useStretch = (stretch, childrenArr, ref, setChildrenArrState) => {
     const [elHeight, setElHeight] = useState([]);

package/esm/gridLayout/utils/gridLayoutProvider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type TGridScreen = "mobile" | "tablet" | "desktop";
 export interface IGridLayoutContext extends React.PropsWithChildren {
     screen: TGridScreen;

package/esm/gridLayout/utils/gridLayoutProvider.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext } from "react";
 import { useMobile } from "../../commonHelpers/hooks/useMobile";
-import { useTablet } from "../hooks/useTablet";
+import { useTablet } from "../../commonHelpers/hooks/useTablet";
 export const GridLayoutContext = createContext({
     screen: "desktop"
 });

package/esm/gridLayout/utils/isGridItem.d.ts

@@ -1,3 +1,3 @@
 import { ReactElement } from "react";
 import { IZenGridItem } from "../../commonHelpers/zenComponent";
-export declare const isGridItem: (element?: ReactElement) => element is ReactElement<IZenGridItem, string | import("react").JSXElementConstructor<any>>;
+export declare const isGridItem: (element?: ReactElement) => element is ReactElement<IZenGridItem>;

package/esm/groupsFilter/groupsHelper.d.ts

@@ -15,10 +15,10 @@ export declare const getGroupDescription: (group: import("..").IEntityWithId & P
 export declare const createLinkedTree: typeof createLinkedTreeRaw;
 export declare const isIdEntity: (entity: any) => entity is import("..").IEntityWithId;
 export declare const isEntireOrganization: typeof isEntireOrganizationRaw;
-export declare const isFilterState: <T, U>(item: U | import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<T>) => item is import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<T>;
+export declare const isFilterState: <T, U>(item: import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<T> | U) => item is import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<T>;
 export declare const mapFilterState: <TSource, TResult>(state: import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<TSource>, mapFunc: (item: TSource) => TResult) => import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<TResult>;
-export declare const getId: (entity: string | import("..").IEntityWithId) => string;
-export declare const mergeItems: <TSource extends string | import("..").IEntityWithId>(items: (TSource | import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<TSource>)[][]) => (TSource | import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<TSource>)[];
+export declare const getId: (entity: import("..").IEntityWithId | string) => string;
+export declare const mergeItems: <TSource extends string | import("..").IEntityWithId>(items: (import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<TSource> | TSource)[][]) => (TSource | import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<TSource>)[];
 export declare const simplifyFilterState: <TSource extends string | import("..").IEntityWithId>(state: import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<TSource>) => import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<TSource>;
-export declare const toFilterState: (state: unknown[] | import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<string | import("..").IEntityWithId>) => import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<import("..").IEntityWithId>;
-export declare const compareFilters: <T extends string | import("..").IEntityWithId, U extends string | import("..").IEntityWithId>(filter1: import("../groupsFilterRaw/groupsFilterInterfaces").TFilterVal<T>, filter2: import("../groupsFilterRaw/groupsFilterInterfaces").TFilterVal<U>) => boolean;
+export declare const toFilterState: (state: import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState<import("..").IEntityWithId | string> | unknown[]) => import("../groupsFilterRaw/groupsFilterInterfaces").IFilterState;
+export declare const compareFilters: <T extends import("..").IEntityWithId | string, U extends import("..").IEntityWithId | string>(filter1: import("../groupsFilterRaw/groupsFilterInterfaces").TFilterVal<T>, filter2: import("../groupsFilterRaw/groupsFilterInterfaces").TFilterVal<U>) => boolean;

package/esm/groupsFilterRaw/groupsHelper.d.ts

@@ -24,5 +24,5 @@ type TEntity = IEntityWithId | string;
 export declare const mergeItems: <TSource extends TEntity>(items: (IFilterState<TSource> | TSource)[][]) => (TSource | IFilterState<TSource>)[];
 export declare const simplifyFilterState: <TSource extends string | IEntityWithId>(state: IFilterState<TSource>) => IFilterState<TSource>;
 export declare const toFilterState: (state: IFilterState<IEntityWithId | string> | unknown[]) => IFilterState;
-export declare const compareFilters: <T extends string | IEntityWithId, U extends string | IEntityWithId>(filter1: TFilterVal<T>, filter2: TFilterVal<U>) => boolean;
+export declare const compareFilters: <T extends IEntityWithId | string, U extends IEntityWithId | string>(filter1: TFilterVal<T>, filter2: TFilterVal<U>) => boolean;
 export {};

package/esm/groupsFilterRaw/stateReducer/stateReducer.d.ts

@@ -43,6 +43,6 @@ export declare function stateReducer(state: IGroupsFilterState, action: TStateAc
     sideWideState: boolean;
     relation: RelationOperator;
     selectedIds: string[];
-    advancedFilterState: IFilterState<import("../..").IEntityWithId> | ILeafStateItem<import("../..").IEntityWithId>;
+    advancedFilterState: ILeafStateItem | IFilterState;
     globalChanges: boolean;
 };

package/esm/groupsFilterRaw/testData.js

@@ -32927,7 +32927,6 @@ function generateName(prefix, index) {
     return `${prefix}-${index}`;
 }
 export function createData(count, hasChildren) {
-    var _a;
     const data = [];
     const allIds = [];
     const childItems = [];
@@ -32961,7 +32960,7 @@ export function createData(count, hasChildren) {
             if (!data[parentIndex].children) {
                 data[parentIndex].children = [];
             }
-            (_a = data[parentIndex].children) === null || _a === void 0 ? void 0 : _a.push(...children);
+            data[parentIndex].children.push(...children);
         }
         return [...data, ...childItems];
     }

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

@@ -3,6 +3,7 @@ import { ControlledMenu } from "../../../../menu/controlledMenu";
 import { Menu } from "../../../../menu/menu";
 import { Children, createElement, isValidElement } from "react";
 import { HeaderButton } from "../../../headerButton";
+import { ToggleButton } from "../../../../toggleButton/toggleButton";
 export const handleCustomMenuWrapper = (reactNode, content, menuItems) => {
     if (isNamedChildComponent(reactNode, HeaderCustomMenuWrapper)) {
         const customContent = content === null || content === void 0 ? void 0 : content[reactNode.props.id];
@@ -11,6 +12,10 @@ export const handleCustomMenuWrapper = (reactNode, content, menuItems) => {
         }
         let menu;
         let isOnlyButton = false;
+        if (customContent.type === ToggleButton) {
+            menuItems.push(customContent);
+            return;
+        }
         if (customContent.type === Menu || customContent.type === ControlledMenu || customContent.type === HeaderButton) {
             menu = customContent;
             isOnlyButton = customContent.type === HeaderButton;

package/esm/header/components/mobileFilterControl/mobileFilterControl.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./mobileFilterControl.less";
 export interface IMobileFilterControl {
     className?: string;

package/esm/header/components/mobileSearchControl/mobileSearchControl.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./mobileSearchControl.less";
 export interface IMobileSearchControl {
     searchInput: React.ReactElement;

package/esm/header/headerButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IButton } from "../button/button";
 import { TButtonIconPosition } from "../textIconButton/textIconButton";
 import { TSvgIconSize } from "../svgIcon/svgIconSize";

package/esm/header/headerContext.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { TAlignment } from "../absolute/absolute";
 export declare const MenuAlignmentContext: import("react").Context<{
-    alignment?: TAlignment | undefined;
+    alignment?: TAlignment;
 }>;
 export declare const HeaderMenuProvider: ({ alignment, children }: {
     alignment: TAlignment;

package/esm/header/headerHelpers.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
+import React, { ReactElement } from "react";
 export declare const HeaderCustomMenuWrapper = "HeaderCustomMenuWrapper";
 export declare const getArrayOfChildren: <T>(children: T | T[] | undefined) => T[];
-export declare const isNamedChildComponent: <T>(item: any, componentName: string) => item is React.ReactElement<T, string | React.JSXElementConstructor<any>>;
-export declare const getItemsForRender: <T extends React.ReactElement<unknown, string | React.JSXElementConstructor<any>>>(items: T[], isMobile: boolean) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];
-export declare const getItemsForMeasure: <T extends React.ReactElement<unknown, string | React.JSXElementConstructor<any>>>(items: T[], isMobile: boolean) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];
-export declare const filterItems: <T extends React.ReactElement<unknown, string | React.JSXElementConstructor<any>>>(items: T[], isMobile: boolean) => {
+export declare const isNamedChildComponent: <T>(item: any, componentName: string) => item is React.ReactElement<T>;
+export declare const getItemsForRender: <T extends ReactElement>(items: T[], isMobile: boolean) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];
+export declare const getItemsForMeasure: <T extends ReactElement>(items: T[], isMobile: boolean) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];
+export declare const filterItems: <T extends ReactElement>(items: T[], isMobile: boolean) => {
     resizableElements: React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];
     leftElements: T[];
     rightElements: T[];

package/esm/header/hooks/useNonFittingElements.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface INonFittingElementProps<T extends {
     props?: {
         id?: string;
@@ -12,9 +11,9 @@ interface INonFittingElementProps<T extends {
 }
 export declare const useNonFittingElements: <T extends {
     props?: {
-        id?: string | undefined;
-        inContextMenu?: boolean | undefined;
-    } | undefined;
+        id?: string;
+        inContextMenu?: boolean;
+    };
 }>({ maxWidth, data, hiddenElementsCountToRender, widthDelta, reverseOrderOfVisible }: INonFittingElementProps<T>) => {
     visibleElements: T[];
     nonFittingElements: T[];

package/esm/headerTitle/headerTitle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./headerTitle.less";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";
 import { IBetaPillActions } from "../betaPill/betaPill";

package/esm/icons/iconAce.d.ts

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

package/esm/icons/iconAce.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useId } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconAce = ({ 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": "IconAce", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M13.6611 4.30664L13.8945 4.33789L13.915 4.3418L14 4.36133C14.0207 4.36593 14.0414 4.37148 14.0615 4.37793L14.1377 4.40234C14.1501 4.40633 14.1626 4.41036 14.1748 4.41504C14.4779 4.53142 14.735 4.7523 14.8916 5.04297L14.9531 5.17188L15.752 7.1543C17.618 11.8336 19.4882 16.8472 21.4102 21.3096C21.4207 21.334 21.4305 21.3609 21.4404 21.3887L21.6221 21.8945C21.7731 22.3166 21.7019 22.7824 21.4375 23.1406C21.2074 23.4523 20.8582 23.6467 20.4834 23.6904C20.4702 23.692 20.4566 23.6936 20.4434 23.6943L20.3623 23.6992C20.3487 23.7 20.3349 23.7002 20.3213 23.7002H16.9971C16.4866 23.7001 16.0077 23.4208 15.7695 22.9629L15.7256 22.8682C15.4522 22.2265 15.2162 21.5119 15.002 20.8652C14.8897 20.5266 14.7802 20.2053 14.6729 19.9014H10.0869C9.74066 20.7858 9.47222 21.7369 9.11426 22.7783C8.92074 23.3411 8.38582 23.7001 7.80762 23.7002H4.67871C4.23995 23.7001 3.81999 23.4933 3.55762 23.1328C3.29372 22.7701 3.22679 22.3 3.38477 21.877C5.37214 16.5555 7.10753 12.4177 9.2998 7.36914C9.47546 6.96466 9.76874 6.57892 10.0479 6.26758C10.3434 5.93792 10.6984 5.60875 11.0713 5.32031C11.4387 5.03614 11.8645 4.75987 12.3076 4.56836C12.6361 4.42648 13.1238 4.26462 13.6611 4.30664ZM13.1406 6.45117C12.9064 6.55234 12.6311 6.72223 12.3516 6.93848C12.0746 7.15269 11.8129 7.39729 11.6035 7.63086C11.3857 7.87384 11.2585 8.06803 11.21 8.17969C9.15711 12.9072 7.5172 16.8149 5.69238 21.6445H7.30371C7.65518 20.5726 8.02548 19.3151 8.5459 18.2412L8.5957 18.1543C8.72453 17.9634 8.94124 17.8458 9.17578 17.8457H15.6289L15.7324 17.8535C15.9703 17.8891 16.1762 18.0458 16.2725 18.2715C16.5176 18.8469 16.7329 19.4874 16.9365 20.1016C17.1163 20.6438 17.2887 21.1651 17.4717 21.6445H19.2979C17.3053 16.9703 15.3168 11.6199 13.418 6.91016L13.2197 6.4209C13.1953 6.43014 13.1686 6.43911 13.1406 6.45117ZM12.4688 9.24707C12.7482 9.2402 13.0052 9.40029 13.1221 9.6543C14.1073 11.796 14.8137 13.8473 15.502 16.0986C15.5667 16.3108 15.5275 16.5414 15.3955 16.7197C15.2635 16.8981 15.054 17.0029 14.832 17.0029H10.1533C9.92392 17.0028 9.70884 16.8897 9.57812 16.7012C9.44765 16.5127 9.41777 16.2723 9.49805 16.0576C10.2824 13.9622 10.9869 11.8059 11.8359 9.68652L11.8818 9.59277C12.003 9.38584 12.2242 9.2532 12.4688 9.24707ZM12.54 13.7402C12.398 14.1394 12.2547 14.54 12.1094 14.9473H12.957C12.8218 14.5392 12.6825 14.138 12.54 13.7402Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 1C8.30125 1 8.54545 1.24421 8.54545 1.54545C8.54545 2.33114 8.71991 2.77239 8.97376 3.02624C9.22761 3.28009 9.66886 3.45455 10.4545 3.45455C10.7558 3.45455 11 3.69875 11 4C11 4.30125 10.7558 4.54545 10.4545 4.54545C9.66886 4.54545 9.22761 4.71991 8.97376 4.97376C8.71991 5.22761 8.54545 5.66886 8.54545 6.45455C8.54545 6.75579 8.30125 7 8 7C7.69875 7 7.45455 6.75579 7.45455 6.45455C7.45455 5.66886 7.28009 5.22761 7.02624 4.97376C6.77239 4.71991 6.33114 4.54545 5.54545 4.54545C5.24421 4.54545 5 4.30125 5 4C5 3.69875 5.24421 3.45455 5.54545 3.45455C6.33114 3.45455 6.77239 3.28009 7.02624 3.02624C7.28009 2.77239 7.45455 2.33114 7.45455 1.54545C7.45455 1.24421 7.69875 1 8 1ZM8 3C7.8591 3.1881 7.70462 3.36688 7.53575 3.53575C7.36688 3.70462 7.1881 3.8591 7 4C7.1881 4.14091 7.36688 4.29538 7.53575 4.46425C7.70462 4.63313 7.8591 4.8119 8 5C8.14091 4.8119 8.29538 4.63313 8.46425 4.46425C8.63313 4.29538 8.8119 4.14091 9 4C8.8119 3.8591 8.63313 3.70462 8.46425 3.53575C8.29538 3.36688 8.14091 3.1881 8 3Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 6C5.75104 6 5.95455 6.20351 5.95455 6.45455C5.95455 7.10929 6.09993 7.47699 6.31147 7.68853C6.52301 7.90007 6.89071 8.04545 7.54545 8.04545C7.79649 8.04545 8 8.24896 8 8.5C8 8.75104 7.79649 8.95455 7.54545 8.95455C6.89071 8.95455 6.52301 9.09993 6.31147 9.31147C6.09993 9.52301 5.95455 9.89071 5.95455 10.5455C5.95455 10.7965 5.75104 11 5.5 11C5.24896 11 5.04545 10.7965 5.04545 10.5455C5.04545 9.89071 4.90007 9.52301 4.68853 9.31147C4.47699 9.09993 4.10929 8.95455 3.45455 8.95455C3.20351 8.95455 3 8.75104 3 8.5C3 8.24896 3.20351 8.04545 3.45455 8.04545C4.10929 8.04545 4.47699 7.90007 4.68853 7.68853C4.90007 7.47699 5.04545 7.10929 5.04545 6.45455C5.04545 6.20351 5.24896 6 5.5 6ZM5.5 8C5.42955 8.09405 5.35231 8.18344 5.26787 8.26787C5.18344 8.35231 5.09405 8.42955 5 8.5C5.09405 8.57045 5.18344 8.64769 5.26787 8.73213C5.35231 8.81656 5.42955 8.90595 5.5 9C5.57045 8.90595 5.64769 8.81656 5.73213 8.73213C5.81656 8.64769 5.90595 8.57045 6 8.5C5.90595 8.42955 5.81656 8.35231 5.73213 8.26787C5.64769 8.18344 5.57045 8.09405 5.5 8Z" })] }));
+};

package/esm/icons/iconBreak.d.ts

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

package/esm/icons/iconBreak.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useId } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconBreak = ({ 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": "IconBreak", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M5 21C4.71667 21 4.47917 20.9042 4.2875 20.7125C4.09583 20.5208 4 20.2833 4 20C4 19.7167 4.09583 19.4792 4.2875 19.2875C4.47917 19.0958 4.71667 19 5 19H19C19.2833 19 19.5208 19.0958 19.7125 19.2875C19.9042 19.4792 20 19.7167 20 20C20 20.2833 19.9042 20.5208 19.7125 20.7125C19.5208 20.9042 19.2833 21 19 21H5ZM8 17C6.9 17 5.95833 16.6083 5.175 15.825C4.39167 15.0417 4 14.1 4 13V5C4 4.45 4.19583 3.97917 4.5875 3.5875C4.97917 3.19583 5.45 3 6 3H20C20.55 3 21.0208 3.19583 21.4125 3.5875C21.8042 3.97917 22 4.45 22 5V8C22 8.55 21.8042 9.02083 21.4125 9.4125C21.0208 9.80417 20.55 10 20 10H18V13C18 14.1 17.6083 15.0417 16.825 15.825C16.0417 16.6083 15.1 17 14 17H8ZM8 15H14C14.55 15 15.0208 14.8042 15.4125 14.4125C15.8042 14.0208 16 13.55 16 13V5H6V13C6 13.55 6.19583 14.0208 6.5875 14.4125C6.97917 14.8042 7.45 15 8 15ZM18 8H20V5H18V8ZM8 15H6H16H8Z" })] }));
+};

package/esm/icons/iconChevronStepper.d.ts

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

package/esm/icons/iconChevronStepper.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useId } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconChevronStepper = ({ 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": "IconChevronStepper", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.7071 23.7071C12.3166 24.0976 11.6834 24.0976 11.2929 23.7071L7.29289 19.7071C6.90237 19.3166 6.90237 18.6834 7.29289 18.2929C7.68342 17.9024 8.31658 17.9024 8.70711 18.2929L12 21.5858L15.2929 18.2929C15.6834 17.9024 16.3166 17.9024 16.7071 18.2929C17.0976 18.6834 17.0976 19.3166 16.7071 19.7071L12.7071 23.7071Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.2929 0.292893C11.6834 -0.0976311 12.3166 -0.0976311 12.7071 0.292893L16.7071 4.29289C17.0976 4.68342 17.0976 5.31658 16.7071 5.70711C16.3166 6.09763 15.6834 6.09763 15.2929 5.70711L12 2.41421L8.70711 5.70711C8.31658 6.09763 7.68342 6.09763 7.29289 5.70711C6.90237 5.31658 6.90237 4.68342 7.29289 4.29289L11.2929 0.292893Z" })] }));
+};

package/esm/icons/iconPotato.d.ts

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

package/esm/icons/iconPotato.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useId } from "react";
+import { classNames } from "../commonHelpers/classNames/classNames";
+export const IconPotato = ({ 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": "IconPotato", children: [title ? _jsx("title", { id: uniqueId, children: title }) : null, description ? _jsx("desc", { children: description }) : null, _jsx("path", { d: "M10.3899 11.289C9.89584 11.289 9.49536 10.8885 9.49536 10.3945C9.49536 9.90049 9.89584 9.5 10.3899 9.5C10.8839 9.5 11.2844 9.90048 11.2844 10.3945C11.2844 10.8885 10.8839 11.289 10.3899 11.289Z" }), _jsx("path", { d: "M13.6101 11.289C13.1161 11.289 12.7156 10.8885 12.7156 10.3945C12.7156 9.90049 13.1161 9.5 13.6101 9.5C14.1041 9.5 14.5046 9.90048 14.5046 10.3945C14.5046 10.8885 14.1041 11.289 13.6101 11.289Z" }), _jsx("path", { d: "M11.0684 12.6198C11.245 12.9704 11.6083 13.211 12.0277 13.211C12.4471 13.211 12.8103 12.9705 12.9869 12.6199C13.1111 12.3734 13.3247 12.1381 13.6006 12.138L14.0044 12.1378C14.2806 12.1377 14.5098 12.3638 14.4553 12.6346C14.2259 13.7742 13.223 14.6337 12.0179 14.6422C10.8091 14.6376 9.8022 13.7766 9.57234 12.6344C9.51786 12.3637 9.74693 12.1376 10.0231 12.1376H10.4543C10.7304 12.1376 10.9442 12.3731 11.0684 12.6198Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.9873 22.4883L13.5 22.5C16.4407 22.5 18.8869 20.3841 19.4004 17.5918C19.5323 16.8744 19.42 16.1408 19.2617 15.4287L18.9766 14.1436C18.6996 12.8971 18.5427 11.6271 18.5078 10.3516L18.5 9.80469V6.5C18.5 3.73858 16.2614 1.5 13.5 1.5C10.7335 1.5 8.43995 2.53321 6.85645 4.43262L6.57227 4.79297C5.19547 6.63968 4.5 9.1268 4.5 12C4.5 15.0646 5.29128 17.6898 6.85645 19.5674C8.34107 21.3482 10.4498 22.3679 12.9873 22.4883ZM16.5 9.80469V6.5C16.5 4.84314 15.1569 3.5 13.5 3.5C11.2662 3.5 9.55971 4.31436 8.39355 5.71289C7.2091 7.13364 6.5 9.25864 6.5 12C6.5 14.7414 7.2091 16.8664 8.39355 18.2871C9.55971 19.6856 11.2662 20.5 13.5 20.5C15.4583 20.5 17.0914 19.0907 17.4336 17.2305C17.4892 16.9282 17.4567 16.5245 17.3096 15.8623L17.0234 14.5771C16.6752 13.0102 16.5 11.4098 16.5 9.80469Z" })] }));
+};

package/esm/icons/iconToggleLarge.d.ts

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