@sberbusiness/triplex-next 1.3.0 → 1.4.0

package/index.d.ts

@@ -1,6 +1,7 @@
 import { Context } from 'react';
 import { default as default_2 } from 'react';
 import { FC } from 'react';
+import { FocusTrapProps } from 'focus-trap-react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { MaskedInputProps } from 'react-text-mask';
 import { MouseSensor } from '@dnd-kit/core';
@@ -8,6 +9,7 @@ import { MouseSensorOptions } from '@dnd-kit/core';
 import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
 import { TouchSensor } from '@dnd-kit/core';
 import { TouchSensorOptions } from '@dnd-kit/core';
+import { Transition } from 'react-transition-group';
 
 export declare class AdvancedMouseSensor extends MouseSensor {
     static activators: {
@@ -65,6 +67,9 @@ export declare const ButtonDropdownExtended: IButtonDropdownExtendedComponent;
 /** Кнопка-иконка. */
 export declare const ButtonIcon: default_2.ForwardRefExoticComponent<IButtonIconProps & default_2.RefAttributes<HTMLButtonElement>>;
 
+/** Вычисление позиции шага, относительно других. */
+export declare const calcPosition: (stepCount: number, i: number) => EStepPosition;
+
 /** Подпись (типографика). */
 export declare const Caption: default_2.ForwardRefExoticComponent<(Omit<{
     /** Размер текста. */
@@ -726,6 +731,42 @@ export declare const CheckboxXGroup: default_2.FC<ICheckboxXGroupProps>;
 /** Группа чекбоксов с направлением по оси Y. */
 export declare const CheckboxYGroup: default_2.FC<ICheckboxYGroupProps>;
 
+/**
+ * Предоставляет возможность произвести действие по нажатию, также отображает выбранное состояние.
+ * Рекомендуется всегда располагать Chip внутри компонента ChipGroup.
+ */
+export declare const Chip: default_2.ForwardRefExoticComponent<IChipProps & default_2.RefAttributes<HTMLSpanElement>>;
+
+/** Кнопка отмены выбора для Chip. */
+export declare const ChipClearButton: default_2.ForwardRefExoticComponent<IChipClearButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+/** Стрелка выпадающего меню Chip. */
+export declare const ChipDropdownArrow: default_2.FC<IChipDropdownArrowProps>;
+
+/**
+ * Chip с иконкой.
+ */
+export declare const ChipIcon: default_2.ForwardRefExoticComponent<IChipIconProps & default_2.RefAttributes<HTMLSpanElement>>;
+
+/**
+ * Chip с иконкой выбора опций.
+ */
+export declare const ChipOptions: default_2.ForwardRefExoticComponent<IChipOptionsProps & default_2.RefAttributes<HTMLSpanElement>>;
+
+/**
+ * Компонент выбора одного значения из списка.
+ * Выбранное значение отображается компонентом Chip.
+ */
+export declare const ChipSelect: default_2.ForwardRefExoticComponent<IChipSelectProps & default_2.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Компонент выбора одного значения из списка с возможностью фильтрации.
+ * Выбранное значение отображается компонентом Chip.
+ */
+export declare const ChipSuggest: <T extends ISuggestOption = ISuggestOption>(props: IChipSuggestProps<T> & default_2.RefAttributes<HTMLDivElement>) => JSX.Element;
+
+export declare const ChipSuggestTarget: <T extends ISuggestOption>(props: IChipSuggestTargetProps<T> & default_2.RefAttributes<HTMLSpanElement>) => JSX.Element;
+
 export declare const Col: default_2.FC<IColProps>;
 
 /** Компонент, для настройки видимости колонок. */
@@ -750,7 +791,7 @@ declare const designTokensComponentsAlertProcessKeys: readonly ["Info_Background
 
 declare const designTokensComponentsButtonKeys: readonly ["General_Background_Active", "General_Background_Default", "General_Background_Disabled", "General_Background_Hover", "General_Color_Active", "General_Color_Default", "General_Color_Disabled", "General_Color_Hover", "General_Shadow_Focus", "Secondary_Background_Active", "Secondary_Background_Default", "Secondary_Background_Disabled", "Secondary_Background_Hover", "Secondary_Color_Active", "Secondary_Color_Default", "Secondary_Color_Disabled", "Secondary_Color_Hover", "Secondary_Shadow_Focus", "SecondaryLight_Background_Active", "SecondaryLight_Background_Default", "SecondaryLight_Background_Disabled", "SecondaryLight_Background_Hover", "SecondaryLight_Color_Active", "SecondaryLight_Color_Default", "SecondaryLight_Color_Disabled", "SecondaryLight_Color_Hover", "SecondaryLight_Shadow_Focus", "Danger_Background_Active", "Danger_Background_Default", "Danger_Background_Disabled", "Danger_Background_Hover", "Danger_Color_Active", "Danger_Color_Default", "Danger_Color_Disabled", "Danger_Color_Hover", "Danger_Shadow_Focus", "Icon_Shadow_Focus", "Link_Color_Active", "Link_Color_Default", "Link_Color_Disabled", "Link_Color_Hover", "Link_Shadow_Focus"];
 
-declare const designTokensComponentsCardKeys: readonly ["Static_General_Background", "Static_Secondary_Background", "Action_General_Background", "Action_General_Background_Hover", "Action_General_Background_Selected", "Action_General_Background_Selected_Hover", "Action_Secondary_Background", "Action_Secondary_Background_Hover", "Action_Secondary_Background_Selected", "Action_Secondary_Background_Selected_Hover", "Shadow_Default", "Shadow_Focus", "Shadow_Hover", "Shadow_Selected"];
+declare const designTokensComponentsCardKeys: readonly ["Static_General_Background", "Static_Secondary_Background", "Action_General_Background", "Action_General_Background_Hover", "Action_General_Background_Selected", "Action_General_Background_Selected_Hover", "Action_Secondary_Background", "Action_Secondary_Background_Hover", "Action_Secondary_Background_Selected", "Action_Secondary_Background_Selected_Hover", "Shadow_Default", "Shadow_Focus", "Shadow_Hover", "Shadow_Selected", "Shadow_Selected_Hover"];
 
 declare const designTokensComponentsCheckboxKeys: readonly ["Background_Default", "Background_Checked_Default", "Background_Checked_Disabled", "Background_Checked_Hover", "Background_Disabled", "Background_Hover", "BorderColor_Default", "BorderColor_Disabled", "BorderColor_Focus", "BorderColor_Hover", "BorderColor_Checked_Default", "BorderColor_Checked_Disabled", "Checkmark_Fill_Default", "Checkmark_Fill_Disabled"];
 
@@ -772,8 +813,12 @@ declare const designTokensComponentsFormFieldKeys: readonly ["Background_Active"
 
 declare const designTokensComponentsHeaderPageKeys: readonly ["StickyShadow"];
 
+declare const designTokensComponentsIslandAccordionKeys: readonly ["Shadow_Focus"];
+
 declare const designTokensComponentsIslandKeys: readonly ["Type1_Background", "Type2_Background", "Type3_Background", "Type1_Shadow", "Type2_Shadow", "Type3_Shadow"];
 
+declare const designTokensComponentsLightBoxKeys: readonly ["Backdrop_Background", "Content_Background"];
+
 declare const designTokensComponentsLinkKeys: readonly ["BorderColor_Focus", "Text_Color_Active", "Text_Color_Default", "Text_Color_Hover"];
 
 declare const designTokensComponentsListItemControlsButtonKeys: readonly ["Background_Active", "Background_Default", "Background_Hover", "Color_Active", "Color_Default", "Color_Hover"];
@@ -782,7 +827,7 @@ declare const designTokensComponentsListItemKeys: readonly ["Background", "Backg
 
 declare const designTokensComponentsListMasterKeys: readonly ["Background", "Footer_Color", "Footer_Background", "Header_Background", "Header_Color"];
 
-declare const designTokensComponentsLoaderKeys: readonly ["Neutral_Background_Default", "Brand_Background_Default"];
+declare const designTokensComponentsLoaderKeys: readonly ["Element_Background_Neutral", "Element_Background_Brand", "Middle_Background_Default"];
 
 declare const designTokensComponentsLoaderScreenKeys: readonly ["Small_Backdrop_Default", "Middle_Backdrop_Default", "Middle_Background_Default"];
 
@@ -794,8 +839,6 @@ declare const designTokensComponentsNotificationKeys: readonly ["Background", "C
 
 declare const designTokensComponentsOverlayKeys: readonly ["Background", "Panel_Background"];
 
-declare const designTokensComponentsPageKeys: readonly ["Background"];
-
 declare const designTokensComponentsPaginationKeys: readonly ["PageButton_Background_Active", "PageButton_Background_Hover", "PageButton_Background_Selected", "PageButton_BorderColor_Focus", "PageButton_Color"];
 
 declare const designTokensComponentsRadioKeys: readonly ["Background_Checked_Default", "Background_Checked_Disabled", "Background_Checked_Hover", "Background_Default", "Background_Disabled", "Background_Hover", "BorderColor_Default", "BorderColor_Disabled", "BorderColor_Focused", "BorderColor_Checked_Default", "BorderColor_Checked_Disabled", "Dot_Default", "Dot_Disabled"];
@@ -806,6 +849,12 @@ declare const designTokensComponentsSegmentedControlSegmentKeys: readonly ["Gene
 
 declare const designTokensComponentsSkeletonKeys: readonly ["BackgroundColor_Light_Start", "BackgroundColor_Light_End", "BackgroundColor_Dark_Start", "BackgroundColor_Dark_End"];
 
+declare const designTokensComponentsSMSInputKeys: readonly ["Refresh_Fill_Empty", "Refresh_Fill_Full", "Refresh_Disabled", "Submit_Background_Default", "Submit_Background_Hover", "Submit_Background_Active"];
+
+declare const designTokensComponentsStatusTrackerKeys: readonly ["Draft_Background", "Warning_Background", "Waiting_Background", "Rejected_Background", "Approved_Background", "Waiting_Color", "Rejected_Color", "Approved_Color", "Border_Color"];
+
+declare const designTokensComponentsStepKeys: readonly ["Color_Active", "Color_Default", "Color_Disabled", "Color_Done", "Color_Error", "Color_Warning", "Background_Active", "Background_Default", "Background_Disabled", "Background_Done", "Background_Error", "Background_Warning"];
+
 declare const designTokensComponentsStepperKeys: readonly ["Step_Background_Default", "Step_Background_Disabled", "Step_Background_Hover", "Step_Background_Error", "Step_Background_Error_Hover", "Step_Background_Warning", "Step_Background_Warning_Hover", "Step_BorderColor_Focus", "Step_BorderColor_Error", "Step_BorderColor_Warning", "Step_BorderColor_Success", "Step_Color_Default", "Step_Color_Hover", "Step_Color_Disabled", "Background", "ButtonNext_Background", "ButtonPrev_Background", "Wrapper_Background", "Wrapper_BoxShadow"];
 
 declare const designTokensComponentsTableBasicKeys: readonly ["Background_Hover", "Background_Selected", "Color", "Header_Background", "TableFooter_Background", "TableFooter_Highlight", "TableBasicSettings_Footer_BorderColor", "TableBasicSettings_ListItem_Background_Default", "TableBasicSettings_ListItem_Background_Hover", "TableBasicSettings_ListItem_Background_Dragging"];
@@ -901,6 +950,12 @@ export declare enum EAlertType {
     FEATURE = "feature"
 }
 
+/** Форма границы кнопки. */
+declare enum EBodyVerticalMargin {
+    LARGE = "large",
+    SMALL = "small"
+}
+
 /** Темы кнопки dots. */
 export declare enum EButtonDotsTheme {
     DOTS_SECONDARY = "dots_secondary",
@@ -1061,6 +1116,12 @@ export declare enum EIslandType {
     TYPE_3 = "type_3"
 }
 
+declare enum ELightBoxSideOverlaySize {
+    SM = 0,
+    MD = 1,
+    LG = 2
+}
+
 /** Возможные типы интерлиньяжа. */
 export declare enum ELineType {
     NORMAL = "normal",
@@ -1143,6 +1204,15 @@ export declare enum ESkeletonType {
     LIGHT = "light"
 }
 
+/** Тип компонента статус-трекера. */
+declare enum EStatusTrackerType {
+    DRAFT = "draft",
+    WAITING = "waiting",
+    WARNING = "warning",
+    REJECTED = "rejected",
+    APPROVED = "approved"
+}
+
 /** Возможные размеры шагов Step. */
 export declare enum EStepperSize {
     SM = "sm",
@@ -1166,6 +1236,26 @@ export declare enum EStepperStepType {
     WARNING = "warning"
 }
 
+/** Позиция шага относительно других. */
+export declare enum EStepPosition {
+    /** Обычная позиция. */
+    Default = "Default",
+    /** Первый по оси X. */
+    XFirst = "XFirst",
+    /** Последний по оси X. */
+    XLast = "XLast"
+}
+
+/** Статус шага. */
+export declare enum EStepStatus {
+    DEFAULT = "default",
+    DONE = "done",
+    ACTIVE = "active",
+    ERROR = "error",
+    WARNING = "warning",
+    DISABLED = "disabled"
+}
+
 export declare enum ETabsExtendedType {
     TYPE_1 = "type1",
     TYPE_2 = "type2"
@@ -1259,6 +1349,13 @@ export declare enum EVerticalAlign {
     BOTTOM = "bottom"
 }
 
+/** Вертикальное выравнивание блоков статус-трекера. */
+declare enum EVerticalAlign_2 {
+    TOP = "top",
+    MIDDLE = "middle",
+    BOTTOM = "bottom"
+}
+
 /** Компонент панели под элементы фильтрации данных для таблицы. */
 export declare const FilterPanel: default_2.FC<IFilterPanelProps>;
 
@@ -1451,10 +1548,16 @@ export declare interface IAmountProps extends default_2.HTMLAttributes<HTMLSpanE
 
 /** Свойства компонента BodyPage. */
 declare interface IBodyPageProps extends IBodyProps {
+    children: default_2.ReactNode;
 }
 
 /** Свойства компонента Body. */
 export declare interface IBodyProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Отступы сверху и снизу.
+     * По-умолчанию 24px, в LightBox следует использовать 16px.
+     */
+    verticalMargin?: EBodyVerticalMargin;
 }
 
 export declare interface IButtonBaseProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -1718,6 +1821,66 @@ export declare interface ICheckboxXGroupProps extends default_2.HTMLAttributes<H
 export declare interface ICheckboxYGroupProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
 
+/** Свойства компонента ChipClearButton. */
+export declare interface IChipClearButtonProps extends Omit<IButtonIconProps, "children"> {
+    size?: EComponentSize;
+}
+
+/** Свойства компонента ChipDropdownArrow. */
+export declare interface IChipDropdownArrowProps {
+    rotated: boolean;
+}
+
+export declare interface IChipIconProps extends Omit<IChipProps, "prefix" | "postfix"> {
+}
+
+export declare interface IChipOptionsProps extends Omit<IChipProps, "prefix" | "postfix"> {
+    /** Функция отмены выбора. */
+    clearSelected: () => void;
+}
+
+/** Свойства компонента Chip. */
+export declare interface IChipProps extends Omit<default_2.HTMLAttributes<HTMLSpanElement>, "prefix">, DataAttributes {
+    /** Состояние disabled. */
+    disabled?: boolean;
+    /** Выбранное состояние. */
+    selected?: boolean;
+    /** Контент, предшествующий основному контенту, например иконка слева. */
+    prefix?: default_2.ReactNode;
+    /** Контент, следующий за основным контентом, например иконка справа. */
+    postfix?: default_2.ReactNode;
+    /** Размер Chip. */
+    size?: EComponentSize;
+}
+
+export declare interface IChipSelectProps extends Pick<IChipProps, "disabled" | "className">, Omit<ISelectFieldProps, "children" | "targetProps" | "dropdownListItemClassName" | "mobileTitle" | "loading" | "status" | "placeholder"> {
+    clearSelected: () => void;
+    label?: default_2.ReactNode;
+    displayedValue?: default_2.ReactNode;
+}
+
+/** Свойства компонента ChipSuggestDropdown. */
+export declare interface IChipSuggestDropdownProps<T extends ISuggestOption> extends Omit<IDropdownProps, "opened" | "setOpened"> {
+}
+
+/** Свойства компонента ChipSuggest. */
+export declare interface IChipSuggestProps<T extends ISuggestOption = ISuggestOption> extends Omit<ISuggestProps<T>, "renderTarget"> {
+    /** Название поля, когда не выбрано значение. */
+    label: React.ReactNode;
+    /** Лейбл, отображаемый вместо выбранного значения. */
+    displayedValue?: React.ReactNode;
+    /** Свойства компонента Chip. */
+    targetProps?: IChipSuggestTargetProps<T>;
+    /** Свойства компонента Dropdown. */
+    dropdownProps?: IChipSuggestDropdownProps<T>;
+}
+
+/** Свойства компонента ChipSuggestTarget. */
+export declare interface IChipSuggestTargetProps<T extends ISuggestOption> extends Omit<IChipProps, "prefix" | "postfix"> {
+    /** Функция отмены выбора. */
+    clearSelected?: () => void;
+}
+
 /** Свойства Col. */
 export declare interface IColProps extends default_2.HTMLAttributes<HTMLDivElement> {
     children?: default_2.ReactNode;
@@ -1801,6 +1964,7 @@ export declare interface IDropdownDesktopProps extends default_2.HTMLAttributes<
     size?: EComponentSize;
 }
 
+/** Композиция компонента DropdownList. */
 export declare interface IDropdownListComponent extends default_2.FC<IDropdownListProps> {
     Item: typeof DropdownListItem;
 }
@@ -1906,6 +2070,20 @@ export declare interface IEllipsisProps extends default_2.HTMLAttributes<HTMLDiv
     maxLines: number;
 }
 
+/** Свойства компонента ExpandAnimation. */
+declare interface IExpandAnimationProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** Время анимации (мс). */
+    animationTime?: number;
+    /** Развёрнут ли компонент. */
+    expanded: boolean;
+    /** Коллбэк на начало анимации. */
+    onStart?: () => void;
+    /** Коллбэк на окончание анимации. */
+    onEnd?: () => void;
+    /** Свойства компонента Transition (react-transition-group). */
+    transitionProps?: default_2.ComponentProps<typeof Transition<HTMLDivElement>>;
+}
+
 /** Свойства компонента FilterPanel. */
 export declare interface IFilterPanelProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
@@ -1922,17 +2100,32 @@ export declare interface IFooterDescriptionControlsProps extends default_2.HTMLA
 export declare interface IFooterDescriptionProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
 
-declare interface IFooterPageProps extends IFooterProps {
+declare interface IFooterPageTypeFirstProps extends IFooterProps {
+    children: default_2.ReactNode;
     /** Тип компонента FooterPage. */
-    type?: EFooterPageType;
+    type: EFooterPageType.FIRST;
+    /**
+     * Footer прилипает к нижней границе экрана при скролле. Только для первого типа FooterPage внутри LightBox.
+     * */
+    sticky?: boolean;
+    /** Размер острова. */
+    size?: EComponentSize;
 }
 
-/** Свойства компонента Footer. */
-export declare interface IFooterProps extends default_2.HTMLAttributes<HTMLDivElement> {
+declare interface IFooterPageTypeSecondProps extends IFooterProps {
+    children: default_2.ReactNode;
+    /** Тип компонента FooterPage. */
+    type: EFooterPageType.SECOND;
     /**
-     * Footer прилипает к нижней границе экрана при скролле.
+     * Footer прилипает к нижней границе экрана при скролле. Не используется.
      * */
-    sticky?: boolean;
+    sticky?: never;
+    /** Размер острова. */
+    size?: never;
+}
+
+/** Свойства компонента Footer. */
+export declare interface IFooterProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
 
 /** Свойства компонета FormFieldClear. */
@@ -2030,17 +2223,32 @@ export declare interface IHeaderLayoutSidebarProps extends default_2.HTMLAttribu
 export declare interface IHeaderLayoutSidebarSidebarProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
 
-declare interface IHeaderPage extends IHeaderProps {
+declare interface IHeaderPageTypeFirstProps extends IHeaderProps {
+    children: default_2.ReactNode;
     /** Тип компонента HeaderPage. */
-    type?: EHeaderPageType;
+    type: EHeaderPageType.FIRST;
+    /**
+     * Header прилипает к верхней границе экрана при скролле. Только для второго типа HeaderPage и только внутри LightBox.
+     * */
+    sticky?: boolean;
+    /** Размер острова. */
+    size?: EComponentSize;
 }
 
-/** Свойства компонента Header. */
-export declare interface IHeaderProps extends default_2.HTMLAttributes<HTMLDivElement> {
+declare interface IHeaderPageTypeSecondProps extends IHeaderProps {
+    children: default_2.ReactNode;
+    /** Тип компонента HeaderPage. */
+    type: EHeaderPageType.SECOND;
     /**
-     * Header прилипает к верхней границе экрана при скролле.
+     * Header прилипает к верхней границе экрана при скролле. Только для второго типа HeaderPage и только внутри LightBox.
      * */
-    sticky?: boolean;
+    sticky?: never;
+    /** Размер острова. */
+    size?: never;
+}
+
+/** Свойства компонента Header. */
+export declare interface IHeaderProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
 
 /** Свойства компонента HeaderSubheader. */
@@ -2073,22 +2281,60 @@ export declare interface IHeaderTitleControlsProps extends default_2.HTMLAttribu
 export declare interface IHeaderTitleProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
 
-declare interface IIslandBodyProps extends default_2.HTMLProps<HTMLDivElement> {
+/** Свойства компонента IslandAccordionContent. */
+export declare interface IIslandAccordionContentProps {
+    children?: default_2.ReactNode;
+}
+
+/** Свойства компонента IslandAccordionFooter. */
+export declare interface IIslandAccordionFooterProps extends IIslandFooterProps {
+}
+
+export declare interface IIslandAccordionItemProps extends Omit<default_2.HTMLAttributes<HTMLLIElement>, "title"> {
+    /** Нода с названием заголовка. */
+    title: default_2.ReactNode;
+    /** Идентификатор вкладки (если не передать извне, то используется индекс. Также используется как ключ при рендере списка вкладок). */
+    id: string;
+    /** Цифра в кружке. */
+    num?: number;
+    /** Раскрыт ли элемент. */
+    opened?: boolean;
+    /** Статус шага. */
+    status?: EStepStatus;
+    /** Подсказка к шагу. */
+    stepHint?: string;
+    /** Заблокирован ли элемент. */
+    disabled?: boolean;
+    /** Вызывается при клике по вкладке. */
+    onToggle?: (newOpened: boolean, id: string) => void;
+    /** Вызывается при удалении вкладки. */
+    onRemove?: (id: string) => void;
+    /** Свойства компонента Transition (react-transition-group). */
+    transitionProps?: IExpandAnimationProps["transitionProps"];
+}
+
+export declare interface IIslandAccordionProps extends default_2.HTMLAttributes<HTMLUListElement>, Pick<IIslandProps, "type"> {
+    size?: EComponentSize;
 }
 
-declare interface IIslandFooterProps extends default_2.HTMLProps<HTMLDivElement> {
+export declare type IIslandAccordionTitleProps = Omit<TTitleProps<keyof JSX.IntrinsicElements>, "size"> & {
+    children?: default_2.ReactNode;
+};
+
+export declare interface IIslandBodyProps extends default_2.HTMLProps<HTMLDivElement> {
 }
 
-declare interface IIslandHeaderProps extends default_2.HTMLProps<HTMLDivElement> {
+export declare interface IIslandFooterProps extends default_2.HTMLProps<HTMLDivElement> {
 }
 
-export declare interface IIslandProps extends default_2.HTMLProps<HTMLDivElement> {
-    /** Возможные размеры скругления. */
-    borderRadius?: TIslandBorderRadiusSize;
+export declare interface IIslandHeaderProps extends default_2.HTMLProps<HTMLDivElement> {
+}
+
+export declare interface IIslandProps extends default_2.HTMLAttributes<HTMLDivElement> {
     /** Тип компонента Island. Отличаются цвет и тень. */
     type?: EIslandType;
-    /** Возможные размеры внутреннего отступа. */
-    paddingSize?: TIslandPaddingSize;
+    /** Возможные размеры острова. */
+    size?: EComponentSize;
 }
 
 /** Свойства компонента ComposedKeyDownListener. */
@@ -2105,6 +2351,110 @@ export declare interface IKeyDownListenerProps {
     onMatch: (event: KeyboardEvent) => void;
 }
 
+/** Свойства LightBoxClose. */
+declare interface ILightBoxCloseProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** Обработчик закрытия лайтбокса. */
+    onClick: () => void;
+}
+
+declare interface ILightBoxContentProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children: default_2.ReactNode;
+    isLoading?: boolean;
+    loadingTitle?: default_2.ReactNode;
+}
+
+declare interface ILightBoxControlsFC extends default_2.FC<ILightBoxControlsProps> {
+    Close: typeof LightBoxClose;
+    Next: typeof LightBoxNext;
+    Prev: typeof LightBoxPrev;
+}
+
+/** Свойства компонента LightBoxControls. */
+declare interface ILightBoxControlsProps extends default_2.HTMLAttributes<HTMLDivElement> {
+}
+
+declare interface ILightBoxFC extends default_2.FC<ILightBoxProps> {
+    Content: typeof LightBoxContent;
+    SideOverlay: typeof LightBoxSideOverlay;
+    TopOverlay: typeof LightBoxTopOverlay;
+    Controls: typeof LightBoxControls;
+}
+
+/** Свойства LightBoxNext. */
+declare interface ILightBoxNextProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** Кликнуть по кнопке при нажатии стрелки вправо на клавиатуре. */
+    clickByArrowRight?: boolean;
+    /** Обработчик клика по кнопке. */
+    onClick: () => void;
+    /** Идентификатор для обучающего тура. */
+    dataTutorialId?: string;
+}
+
+/** Свойства LightBoxPrev. */
+declare interface ILightBoxPrevProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** Кликнуть по кнопке при нажатии стрелки влево на клавиатуре. */
+    clickByArrowLeft?: boolean;
+    /** Обработчик клика по кнопке. */
+    onClick: () => void;
+    /** Идентификатор для обучающего тура. */
+    dataTutorialId?: string;
+}
+
+/** Свойства компонента LightBox. */
+export declare interface ILightBoxProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    children: default_2.ReactElement[];
+    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */
+    focusTrapProps?: FocusTrapProps;
+    /** Ref на контейнер LightBox. */
+    forwardRef?: default_2.MutableRefObject<HTMLElement | null>;
+    /** DOM-нода в которую будет рендерится лайтбокс. */
+    mountNode?: HTMLDivElement;
+    /** Идентификатор DOM-элемента, в визуальных границах (левая и правая координата) которого рендерится лайтбокс. */
+    lightBoxViewManagerNodeId?: string;
+    /** Флаг состояния загрузки. */
+    isLoading?: boolean;
+    /** Флаг открытия боковой панели. */
+    isSideOverlayOpened?: boolean;
+    /** Флаг открытия верхней панели. */
+    isTopOverlayOpened?: boolean;
+}
+
+declare interface ILightBoxSideOverlayCloseDesktopProps extends default_2.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Триггер click по нажатию Esc.
+     */
+    clickByEsc: boolean;
+}
+
+declare interface ILightBoxSideOverlayCloseMobileProps extends default_2.HTMLAttributes<HTMLButtonElement> {
+}
+
+declare interface ILightBoxSideOverlayFC extends default_2.FC<ILightBoxSideOverlayProps> {
+    CloseDesktop: typeof LightBoxSideOverlayCloseDesktop;
+    CloseMobile: typeof LightBoxSideOverlayCloseMobile;
+}
+
+/** Свойства компонента LightBoxSideOverlay. */
+declare interface ILightBoxSideOverlayProps extends default_2.HTMLAttributes<HTMLDivElement>, Pick<IOverlayBaseProps, "opened" | "onClose" | "onOpen"> {
+    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */
+    focusTrapProps?: FocusTrapProps;
+    isLoading?: boolean;
+    /** Текст под спиннером. */
+    loadingTitle?: default_2.ReactNode;
+    /** Открыт другой SideOverlay поверх текущего. */
+    isTopLevelSideOverlayOpened?: boolean;
+    /** Открыт TopOverlay в текущей SideOverlay. */
+    isTopOverlayOpened?: boolean;
+    size?: ELightBoxSideOverlaySize;
+}
+
+/** Свойства компонента LightBoxTopOverlay. */
+declare interface ILightBoxTopOverlayProps extends Pick<IOverlayProps, "opened" | "onOpen" | "onClose"> {
+    children?: default_2.ReactNode;
+    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */
+    focusTrapProps?: FocusTrapProps;
+}
+
 /** Общие свойства компонента Link. */
 export declare interface ILinkCommonProps extends default_2.AnchorHTMLAttributes<HTMLAnchorElement> {
     /** Тело гиперссылки. */
@@ -2404,6 +2754,13 @@ declare interface IOverlayChildrenProvideProps extends Pick<IOverlayBaseProps, '
     setOpening: (opening: boolean) => void;
 }
 
+declare interface IOverlayProps extends IOverlayBaseProps, Omit<default_2.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /**
+     * Оврелей с фиксированным позиционированием на всю страницу, иначе с абсолютным поверх родителя.
+     */
+    fixed?: boolean;
+}
+
 /** Свойства компонента Page. */
 export declare interface IPageProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
@@ -2572,12 +2929,93 @@ export declare interface ISkeletonProps extends default_2.HTMLAttributes<HTMLDiv
     type?: ESkeletonType;
 }
 
-export declare const Island: default_2.ForwardRefExoticComponent<Omit<IIslandProps, "ref"> & default_2.RefAttributes<HTMLDivElement>> & {
+export declare const Island: default_2.ForwardRefExoticComponent<IIslandProps & default_2.RefAttributes<HTMLDivElement>> & {
     Body: default_2.ForwardRefExoticComponent<Omit<IIslandBodyProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
     Header: default_2.ForwardRefExoticComponent<Omit<IIslandHeaderProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
     Footer: default_2.ForwardRefExoticComponent<Omit<IIslandFooterProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
 };
 
+export declare const IslandAccordion: default_2.ForwardRefExoticComponent<IIslandAccordionProps & default_2.RefAttributes<HTMLUListElement>> & {
+    Item: default_2.ForwardRefExoticComponent<IIslandAccordionItemProps & default_2.RefAttributes<HTMLLIElement>> & {
+        Title: default_2.FC<IIslandAccordionTitleProps>;
+        Content: default_2.FC<IIslandAccordionContentProps>;
+        Footer: default_2.FC<IIslandAccordionFooterProps>;
+    };
+};
+
+/** Компонент содержимого элемента аккордеона. */
+export declare const IslandAccordionContent: default_2.FC<IIslandAccordionContentProps>;
+
+/** Компонент подвала элемента акоордеона. */
+export declare const IslandAccordionFooter: default_2.FC<IIslandAccordionFooterProps>;
+
+export declare const IslandAccordionItem: default_2.ForwardRefExoticComponent<IIslandAccordionItemProps & default_2.RefAttributes<HTMLLIElement>> & {
+    Title: default_2.FC<IIslandAccordionTitleProps>;
+    Content: default_2.FC<IIslandAccordionContentProps>;
+    Footer: default_2.FC<IIslandAccordionFooterProps>;
+};
+
+export declare const IslandAccordionTitle: default_2.FC<IIslandAccordionTitleProps>;
+
+export declare const IslandBody: default_2.ForwardRefExoticComponent<Omit<IIslandBodyProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare const IslandFooter: default_2.ForwardRefExoticComponent<Omit<IIslandFooterProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare const IslandHeader: default_2.ForwardRefExoticComponent<Omit<IIslandHeaderProps, "ref"> & default_2.RefAttributes<HTMLDivElement>>;
+
+/** Внутренние составляющие SMSInput. */
+declare interface ISMSInputComposition {
+    Tooltip: typeof SMSInputTooltip;
+    Refresh: typeof SMSInputRefresh;
+    Input: typeof SMSInputInput;
+    Submit: typeof SMSInputSubmit;
+}
+
+/** Свойства SMSInput.Input. */
+declare interface ISMSInputInputProps extends default_2.InputHTMLAttributes<HTMLInputElement> {
+    /** Счётчик символов */
+    counter: default_2.ReactNode;
+    /** Описание поля ввода */
+    description?: default_2.ReactNode;
+}
+
+/** Свойства компонента SMSInput. */
+export declare interface ISMSInputProps extends default_2.HTMLAttributes<HTMLDivElement>, TestProps {
+    /** Значение кода. */
+    code: string;
+    /** Признак блокировки компонента. */
+    disabled?: boolean;
+    /** Признак наличия ошибки. */
+    error?: boolean;
+    /** Обработчик изменения кода. */
+    onChangeCode: (code: string) => void;
+    /** Обработчик отправки кода. */
+    onSubmitCode: (code: string) => void;
+    /** Размер поля. */
+    size: EComponentSize;
+}
+
+/** Свойства SMSInput.Refresh. */
+declare interface ISMSInputRefreshProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Число секунд обратного отсчета. */
+    countdownTime: number;
+    /** Число оставшихся секунд обратного отсчета. */
+    countdownTimeLeft: number;
+    /** Обработчик запроса кода. */
+    onRefresh: () => void;
+}
+
+/** Свойства SMSInput.Submit. */
+declare interface ISMSInputSubmitProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+
+/** Свойства SMSInput.Tooltip. */
+declare interface ISMSInputTooltipProps extends Partial<Omit<ITooltipProps, "children" | "targetRef">>, Pick<ITooltipProps, "targetRef">, TestProps {
+    children: default_2.ReactElement;
+    /** Текст подсказки. */
+    message: string;
+}
+
 /** Порядок сортировки. */
 export declare interface ISortOrder {
     /** По какому столбцу производить сортировку. */
@@ -2586,6 +3024,67 @@ export declare interface ISortOrder {
     direction: EOrderDirection;
 }
 
+/** Базовые свойства компонента Spoiler. */
+declare interface ISpoilerBaseProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** Текст раскрытия содержимого. */
+    labelExpand: string;
+    /** Текст скрытия содержимого. */
+    labelCollapse?: string;
+    /** Обработчик скрытия/раскрытия. */
+    onToggle?: (expanded: boolean) => void;
+    /** Элемент правого блока. */
+    rightBlock?: default_2.ReactNode;
+    /** Размер компонента. */
+    size?: EComponentSize;
+}
+
+/** Свойства контролируемого Spoiler. */
+declare interface ISpoilerControlledProps extends ISpoilerBaseProps {
+    /** Контролируемое состояние скрыт/раскрыт. */
+    expanded: boolean;
+    /** Контролирующая функция скрытия/раскрытия. */
+    toggle: (nextExpanded: boolean) => void;
+}
+
+/** Свойства неконтролируемого Spoiler. */
+declare interface ISpoilerUncontrolledProps extends ISpoilerBaseProps {
+    /** Контролируемое состояние скрыт/раскрыт. */
+    expanded?: never;
+    /** Контролирующая функция скрытия/раскрытия. */
+    toggle?: never;
+}
+
+/** Свойства компонента StatusTrackerBody. */
+declare interface IStatusTrackerBodyProps extends default_2.HTMLAttributes<HTMLDivElement> {
+}
+
+/** Свойства компонента StatusTrackerDescription. */
+declare interface IStatusTrackerDescriptionProps extends default_2.HTMLAttributes<HTMLDivElement> {
+}
+
+/** Свойства компонента StatusTrackerFooter. */
+declare interface IStatusTrackerFooterProps extends default_2.HTMLAttributes<HTMLDivElement> {
+}
+
+/** Свойства компонента StatusTrackerHeader. */
+declare interface IStatusTrackerHeaderProps extends default_2.HTMLAttributes<HTMLDivElement> {
+}
+
+/** Свойства компонента StatusTracker. */
+export declare interface IStatusTrackerProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    type: EStatusTrackerType;
+    verticalAlign?: EVerticalAlign_2;
+}
+
+/** Свойства компонента StatusTrackerSum. */
+declare interface IStatusTrackerSumProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    amountProps: IAmountProps;
+}
+
+/** Свойства компонента StatusTrackerTitle. */
+declare interface IStatusTrackerTitleProps extends default_2.HTMLAttributes<HTMLDivElement> {
+}
+
 /** Внутренние составляющие Stepper. */
 declare interface IStepperComposition {
     Step: typeof StepperStep;
@@ -2644,6 +3143,16 @@ declare interface IStepperStepProps extends default_2.LiHTMLAttributes<HTMLLIEle
     type: EStepperStepType;
 }
 
+/** Свойства компонента Step. */
+export declare interface IStepProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** Номер шага для отображения в кружке. */
+    step: number;
+    /** Статус текущего шага. */
+    status: EStepStatus;
+    /** Позиция шага, относительно других. */
+    position?: EStepPosition;
+}
+
 /** Свойства, передаваемые в рендер-функцию DropdownListItem. */
 export declare interface ISuggestFieldDesktopDropdownListItemProvideProps extends Pick<IDropdownListItemProps, "children" | "id" | "keyCodesForSelection" | "selected" | "onMouseDown" | "onSelect"> {
 }
@@ -2714,7 +3223,7 @@ export declare interface ISuggestFieldOption {
 }
 
 /** Свойства компонента SuggestField. */
-export declare interface ISuggestFieldProps<T extends ISuggestFieldOption = ISuggestFieldOption> extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "onSelect">, Required<Pick<IFormFieldProps, "size" | "status">>, TestProps {
+export declare interface ISuggestFieldProps<T extends ISuggestFieldOption = ISuggestFieldOption> extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "onSelect">, Required<Pick<IFormFieldProps, "size" | "status">>, DataAttributes {
     /** Выбранное значение. */
     value: T | undefined;
     /** Список значений. */
@@ -2766,17 +3275,13 @@ export declare interface ISuggestFieldTargetPostfixProvideProps extends Pick<ISu
 }
 
 /** Свойство компонента SuggestFieldTarget. */
-export declare interface ISuggestFieldTargetProps extends Omit<IFormFieldProps, "size">, Pick<ISuggestFieldProps, "size" | "label" | "placeholder" | "loading">, Pick<ISuggestFieldTargetPostfixProps, "onClear"> {
+export declare interface ISuggestFieldTargetProps extends default_2.HTMLAttributes<HTMLElement>, Pick<ISuggestFieldProps, "size" | "status" | "label" | "placeholder" | "loading">, Pick<ISuggestFieldTargetPostfixProps, "onClear"> {
     /** Значение поля ввода. */
     inputValue: string;
     /** Идентификатор для тестирования. */
     dataTestId?: string;
-    /** Обработчик получения фокуса Input. */
-    onInputFocus?: (event: default_2.FocusEvent<HTMLInputElement>) => void;
-    /** Обработчик потери фокуса Input. */
-    onInputBlur?: (event: default_2.FocusEvent<HTMLInputElement>) => void;
-    /** Обработчик изменения значения Input. */
-    onInputChange?: (event: default_2.FocusEvent<HTMLInputElement>) => void;
+    /** Dropdown открыт. */
+    dropdownOpen: boolean;
     /** Рендер поля ввода. */
     renderInput?: (props: ISuggestFieldInputProvideProps) => JSX.Element;
     /** Рендер лейбла. */
@@ -2787,6 +3292,44 @@ export declare interface ISuggestFieldTargetProps extends Omit<IFormFieldProps,
     renderPostfix?: (props: ISuggestFieldTargetPostfixProvideProps) => JSX.Element;
 }
 
+/** Опция выпадающего списка Suggest. */
+declare interface ISuggestOption {
+    /** Уникальный идентификатор. */
+    id: string;
+    /** Текст для отображения опции в списке и поле ввода. */
+    label: string;
+    /** Кастомное содержимое опции в списке. */
+    content?: default_2.ReactNode;
+}
+
+/** Свойства компонента Suggest. */
+declare interface ISuggestProps<T extends ISuggestOption = ISuggestOption> extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    /** Выбранное значение. */
+    value: T | undefined;
+    /** Список значений. */
+    options: T[];
+    /** Размер. */
+    size: EComponentSize;
+    /** Текст подсказки. */
+    placeholder?: string;
+    /** Текст, отображаемый при отсутствии опций. */
+    noOptionsText?: string;
+    /** Флаг управления видимостью Tooltip. */
+    tooltipOpen?: boolean;
+    /** Флаг состояния загрузки. */
+    loading?: boolean;
+    /** Флаг состояния загрукзи DropdownList. */
+    dropdownListLoading?: boolean;
+    /** Определяет, нужно ли очищать поле ввода при получении фокуса. */
+    clearInputOnFocus?: boolean;
+    /** Обработчик выбора элемента из списка. */
+    onSelect: (value: T | undefined) => void;
+    /** Обработчик фильтрации значений. */
+    onFilter: (value: string) => void;
+    /** Обработчик окончания скролла списка (доступные в данный момент элементы закончились). */
+    onScrollEnd?: () => void;
+}
+
 declare interface ISwipeableAreaRef {
     /** Закрывает leftSwipeableAreaRef или rightSwipeableArea. */
     closeSwipe: () => void;
@@ -3108,6 +3651,12 @@ export declare interface ITagProps extends React.HTMLAttributes<HTMLSpanElement>
     removeButtonProps?: IButtonIconProps;
 }
 
+/** Свойства компонента TextareaField. */
+export declare interface ITextareaFieldProps extends Omit<ITextFieldBaseProps, "children"> {
+    /** Свойства компонента FormFieldTextarea. */
+    textareaProps: IFormFieldTextareaProps & React.RefAttributes<HTMLTextAreaElement>;
+}
+
 /** Свойства компонента TextFieldBase. */
 declare interface ITextFieldBaseProps extends Omit<IFormFieldProps, "prefix" | "postfix"> {
     /** Дочерние элементы. */
@@ -3246,6 +3795,49 @@ export declare class KeyDownListener extends default_2.Component<IKeyDownListene
     render(): default_2.ReactNode;
 }
 
+export declare const LightBox: ILightBoxFC;
+
+/** Кнопка закрытия лайтбокса. */
+declare const LightBoxClose: default_2.FC<ILightBoxCloseProps>;
+
+/**
+ * Компонента контента лайтбокса.
+ */
+declare const LightBoxContent: default_2.FC<ILightBoxContentProps>;
+
+/** Контейнер кнопок-действий (закрыть/вперед/назад). */
+declare const LightBoxControls: ILightBoxControlsFC;
+
+export declare const lightBoxMountNodeIdDefault = "LightBox-next-mount-node";
+
+/** Стрелка лайтбокса "Вперёд". */
+declare const LightBoxNext: default_2.FC<ILightBoxNextProps>;
+
+/** Стрелка лайтбокса "Назад". */
+declare const LightBoxPrev: default_2.FC<ILightBoxPrevProps>;
+
+/**
+ * Боковая панель LightBox.
+ * Выезжает из правой границы LightBox.
+ */
+declare const LightBoxSideOverlay: ILightBoxSideOverlayFC;
+
+/**
+ * Компонент закрытия SideOverlay для десктопа.
+ * Отображается только на десктопе, справа от заголовка SideOverlay.
+ */
+declare const LightBoxSideOverlayCloseDesktop: default_2.FC<ILightBoxSideOverlayCloseDesktopProps>;
+
+/**
+ * Компонент закрытия SideOverlay для мобильного устройства.
+ * Отображается только на мобильном устройстве, внутри заголовка SideOverlay.
+ */
+declare const LightBoxSideOverlayCloseMobile: default_2.FC<ILightBoxSideOverlayCloseMobileProps>;
+
+declare const LightBoxTopOverlay: default_2.FC<ILightBoxTopOverlayProps>;
+
+export declare const lightBoxViewManagerNodeIdDefault = "LightBox-next-view-manager-node";
+
 /** Гиперссылка. */
 export declare const Link: default_2.ForwardRefExoticComponent<ILinkCommonProps & default_2.RefAttributes<HTMLAnchorElement>>;
 
@@ -3319,6 +3911,21 @@ export declare const LoaderScreen: default_2.FC<ILoaderScreenProps>;
 
 export declare const LoaderSmall: default_2.FC<ILoaderSmallProps>;
 
+/** Соответствие цвета шрифта стилевому классу. */
+export declare const mapFontWeightTitleToCssClass: {
+    medium: string;
+    regular: string;
+    semibold: string;
+    bold: string;
+};
+
+/** Соответствие размера заголовка стилевому классу. */
+export declare const mapTitleSizeToCssClass: {
+    h1: string;
+    h2: string;
+    h3: string;
+};
+
 export declare const Marker: default_2.FC<IMarkerProps>;
 
 export declare const MarkerStatus: default_2.FC<IMarkerStatusProps>;
@@ -3360,7 +3967,7 @@ export declare const MobileView: default_2.FC<IMobileViewProps>;
 /** Компонент отображающий информацию, когда скрыты все колонки таблицы. */
 export declare const NoColumns: default_2.FC<INoColumnsProps>;
 
-/** Компонент для ввода числовых значений. */
+/** Текстовое поле для ввода числовых значений. */
 export declare const NumberField: default_2.FC<INumberFieldProps>;
 
 /** Нумерованный список. */
@@ -3374,7 +3981,7 @@ export declare const OrderedListItem: default_2.ForwardRefExoticComponent<IOrder
 /** Страница. Может содержать только Body, Header и Footer. */
 export declare const Page: default_2.ForwardRefExoticComponent<IPageProps & default_2.RefAttributes<HTMLDivElement>> & {
     Body: default_2.ForwardRefExoticComponent<IBodyPageProps & default_2.RefAttributes<HTMLDivElement>>;
-    Header: default_2.ForwardRefExoticComponent<IHeaderPage & default_2.RefAttributes<HTMLDivElement>> & {
+    Header: default_2.ForwardRefExoticComponent<(IHeaderPageTypeSecondProps | IHeaderPageTypeFirstProps) & default_2.RefAttributes<HTMLDivElement>> & {
         LayoutSidebar: default_2.ForwardRefExoticComponent<IHeaderLayoutSidebarProps & default_2.RefAttributes<HTMLDivElement>> & {
             Content: default_2.ForwardRefExoticComponent<IHeaderLayoutSidebarContentProps & default_2.RefAttributes<HTMLDivElement>>;
             Sidebar: default_2.ForwardRefExoticComponent<IHeaderLayoutSidebarSidebarProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -3389,7 +3996,7 @@ export declare const Page: default_2.ForwardRefExoticComponent<IPageProps & defa
             Controls: default_2.ForwardRefExoticComponent<IHeaderTitleControlsProps & default_2.RefAttributes<HTMLDivElement>>;
         };
     };
-    Footer: default_2.ForwardRefExoticComponent<IFooterPageProps & default_2.RefAttributes<HTMLDivElement>> & {
+    Footer: default_2.ForwardRefExoticComponent<(IFooterPageTypeSecondProps | IFooterPageTypeFirstProps) & default_2.RefAttributes<HTMLDivElement>> & {
         Description: default_2.ForwardRefExoticComponent<IFooterDescriptionProps & default_2.RefAttributes<HTMLDivElement>> & {
             Content: default_2.ForwardRefExoticComponent<IFooterDescriptionContentProps & default_2.RefAttributes<HTMLDivElement>>;
             Controls: default_2.ForwardRefExoticComponent<IFooterDescriptionControlsProps & default_2.RefAttributes<HTMLDivElement>>;
@@ -3460,6 +4067,46 @@ export declare const SelectField: default_2.ForwardRefExoticComponent<ISelectFie
  */
 export declare const Skeleton: default_2.FC<ISkeletonProps>;
 
+/** Компонент для ввода СМС. */
+export declare const SMSInput: default_2.FC<ISMSInputProps> & ISMSInputComposition;
+
+declare const SMSInputInput: default_2.ForwardRefExoticComponent<ISMSInputInputProps & default_2.RefAttributes<HTMLInputElement>>;
+
+declare const SMSInputRefresh: default_2.ForwardRefExoticComponent<ISMSInputRefreshProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare const SMSInputSubmit: default_2.FC<ISMSInputSubmitProps>;
+
+declare const SMSInputTooltip: default_2.FC<ISMSInputTooltipProps>;
+
+/** Компонент "Спойлер", используется для раскрытия внутреннего содержимого. */
+export declare const Spoiler: default_2.ForwardRefExoticComponent<TSpoilerProps & default_2.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Компонент предназначен для визуального отображения статуса документа.
+ */
+export declare const StatusTracker: default_2.ForwardRefExoticComponent<IStatusTrackerProps & default_2.RefAttributes<HTMLDivElement>> & {
+    Media: default_2.FC<StatusTrackerMediaProps>;
+    Header: default_2.ForwardRefExoticComponent<IStatusTrackerHeaderProps & default_2.RefAttributes<HTMLDivElement>> & {
+        Title: default_2.FC<IStatusTrackerTitleProps>;
+        Sum: default_2.FC<IStatusTrackerSumProps>;
+        Description: default_2.FC<IStatusTrackerDescriptionProps>;
+    };
+    Body: default_2.ForwardRefExoticComponent<IStatusTrackerBodyProps & default_2.RefAttributes<HTMLDivElement>> & {
+        Alert: default_2.FC<IAlertProcessProps>;
+        Status: default_2.FC<IMarkerStatusProps>;
+    };
+    Footer: default_2.ForwardRefExoticComponent<IStatusTrackerFooterProps & default_2.RefAttributes<HTMLDivElement>> & {
+        Button: default_2.FC<TButtonProps>;
+        Description: default_2.FC<IStatusTrackerDescriptionProps>;
+    };
+};
+
+/** Свойства компонента StatusTrackerMedia. */
+declare interface StatusTrackerMediaProps extends default_2.HTMLAttributes<HTMLDivElement> {
+}
+
+export declare const Step: default_2.FC<IStepProps>;
+
 /** Компонент Stepper, список шагов */
 export declare const Stepper: default_2.FC<IStepperProps> & IStepperComposition;
 
@@ -3475,7 +4122,8 @@ declare const StepperStepIcon: default_2.FC<TStepperStepIconProps>;
 /** Компонент StepperWrapper, обёртка для Stepper. */
 declare const StepperWrapper: default_2.FC<default_2.HTMLAttributes<HTMLDivElement>>;
 
-export declare const SuggestField: typeof SuggestFieldBase & {
+/** Выпадающий список с возможностью поиска по введённому значению. */
+export declare const SuggestField: (<T extends ISuggestFieldOption = ISuggestFieldOption>(props: ISuggestFieldProps<T>) => JSX.Element) & {
     Target: default_2.FC<ISuggestFieldTargetProps> & {
         Input: default_2.ForwardRefExoticComponent<IFormFieldInputProps & default_2.RefAttributes<HTMLInputElement>>;
         Label: default_2.ForwardRefExoticComponent<IFormFieldLabelProps & default_2.RefAttributes<HTMLLabelElement>>;
@@ -3484,14 +4132,6 @@ export declare const SuggestField: typeof SuggestFieldBase & {
     };
 };
 
-/**
- * Выпадающий список с возможностью поиска по введённому значению.
- * @example
- *   <SuggestField value={...} /> - опция имеет тип по умолчанию ISuggestFieldOption
- *   <SuggestField<MyOption> value={...} /> - опция имеет тип MyOption
- */
-declare function SuggestFieldBase<T extends ISuggestFieldOption = ISuggestFieldOption>(props: ISuggestFieldProps<T>): JSX.Element;
-
 /**
  * Выпадающий список с возможностью поиска по введённому значению, позволяет задать кастомные компоненты для отображения всех
  * элементов управления.
@@ -3648,7 +4288,7 @@ declare type TDataHTMLAttributes = Record<string, string>;
 
 declare type TDesignTokens = TDesignTokensCore & TDesignTokensComponents;
 
-declare type TDesignTokensComponents = TDesignTokensComponentsAlertContext | TDesignTokensComponentsAlertProcess | TDesignTokensComponentsButton | TDesignTokensComponentsCard | TDesignTokensComponentsCheckbox | TDesignTokensComponentsChip | TDesignTokensComponentsDivider | TDesignTokensComponentsDropdown | TDesignTokensComponentsDropdownList | TDesignTokensComponentsDropdownMobile | TDesignTokensComponentsDropdownMobileList | TDesignTokensComponentsFooterPage | TDesignTokensComponentsFormField | TDesignTokensComponentsHeaderPage | TDesignTokensComponentsIsland | TDesignTokensComponentsLink | TDesignTokensComponentsListItem | TDesignTokensComponentsListItemControlsButton | TDesignTokensComponentsListMaster | TDesignTokensComponentsLoader | TDesignTokensComponentsLoaderScreen | TDesignTokensComponentsMarker | TDesignTokensComponentsMarkerStatus | TDesignTokensComponentsOverlay | TDesignTokensComponentsPage | TDesignTokensComponentsPagination | TDesignTokensComponentsRadio | TDesignTokensComponentsSegmentedControl | TDesignTokensComponentsSegmentedControlSegment | TDesignTokensComponentsSkeleton | TDesignTokensComponentsStepper | TDesignTokensComponentsTableBasic | TDesignTokensComponentsTabs | TDesignTokensComponentsTag | TDesignTokensComponentsTabsLine | TDesignTokensComponentsTooltip | TDesignTokensComponentsTypography | TDesignTokensComponentsUploadZone | TDesignTokensComponentsNotification;
+declare type TDesignTokensComponents = TDesignTokensComponentsAlertContext | TDesignTokensComponentsAlertProcess | TDesignTokensComponentsButton | TDesignTokensComponentsCard | TDesignTokensComponentsCheckbox | TDesignTokensComponentsChip | TDesignTokensComponentsDivider | TDesignTokensComponentsDropdown | TDesignTokensComponentsDropdownList | TDesignTokensComponentsDropdownMobile | TDesignTokensComponentsDropdownMobileList | TDesignTokensComponentsFooterPage | TDesignTokensComponentsFormField | TDesignTokensComponentsHeaderPage | TDesignTokensComponentsIsland | TDesignTokensComponentsIslandAccordion | TDesignTokensComponentsLink | TDesignTokensComponentsListItem | TDesignTokensComponentsListItemControlsButton | TDesignTokensComponentsListMaster | TDesignTokensComponentsLoader | TDesignTokensComponentsLoaderScreen | TDesignTokensComponentsMarker | TDesignTokensComponentsMarkerStatus | TDesignTokensComponentsOverlay | TDesignTokensComponentsPagination | TDesignTokensComponentsRadio | TDesignTokensComponentsSegmentedControl | TDesignTokensComponentsSegmentedControlSegment | TDesignTokensComponentsSkeleton | TDesignTokensComponentsSMSInput | TDesignTokensComponentsStep | TDesignTokensComponentsStepper | TDesignTokensComponentsTableBasic | TDesignTokensComponentsTabs | TDesignTokensComponentsTag | TDesignTokensComponentsTabsLine | TDesignTokensComponentsTooltip | TDesignTokensComponentsTypography | TDesignTokensComponentsUploadZone | TDesignTokensComponentsLightBox | TDesignTokensComponentsUploadZone | TDesignTokensComponentsNotification | TDesignTokensComponentsStatusTracker;
 
 declare type TDesignTokensComponentsAlertContext = {
     AlertContext: TDesignTokensComponentsAlertContextValue;
@@ -3766,10 +4406,26 @@ declare type TDesignTokensComponentsIsland = {
     Island: TDesignTokensComponentsIslandValue;
 };
 
+declare type TDesignTokensComponentsIslandAccordion = {
+    IslandAccordion: TDesignTokensComponentsIslandAccordionValue;
+};
+
+declare type TDesignTokensComponentsIslandAccordionKeys = (typeof designTokensComponentsIslandAccordionKeys)[number];
+
+declare type TDesignTokensComponentsIslandAccordionValue = Record<TDesignTokensComponentsIslandAccordionKeys, TDesignTokenValue>;
+
 declare type TDesignTokensComponentsIslandKeys = (typeof designTokensComponentsIslandKeys)[number];
 
 declare type TDesignTokensComponentsIslandValue = Record<TDesignTokensComponentsIslandKeys, TDesignTokenValue>;
 
+declare type TDesignTokensComponentsLightBox = {
+    LightBox: TDesignTokensComponentsLightBoxValue;
+};
+
+declare type TDesignTokensComponentsLightBoxKeys = (typeof designTokensComponentsLightBoxKeys)[number];
+
+declare type TDesignTokensComponentsLightBoxValue = Record<TDesignTokensComponentsLightBoxKeys, TDesignTokenValue>;
+
 declare type TDesignTokensComponentsLink = {
     Link: TDesignTokensComponentsLinkValue;
 };
@@ -3850,14 +4506,6 @@ declare type TDesignTokensComponentsOverlayKeys = (typeof designTokensComponents
 
 declare type TDesignTokensComponentsOverlayValue = Record<TDesignTokensComponentsOverlayKeys, TDesignTokenValue>;
 
-declare type TDesignTokensComponentsPage = {
-    Page: TDesignTokensComponentsPageValue;
-};
-
-declare type TDesignTokensComponentsPageKeys = (typeof designTokensComponentsPageKeys)[number];
-
-declare type TDesignTokensComponentsPageValue = Record<TDesignTokensComponentsPageKeys, TDesignTokenValue>;
-
 declare type TDesignTokensComponentsPagination = {
     Pagination: TDesignTokensComponentsPaginationValue;
 };
@@ -3898,6 +4546,28 @@ declare type TDesignTokensComponentsSkeletonKeys = (typeof designTokensComponent
 
 declare type TDesignTokensComponentsSkeletonValue = Record<TDesignTokensComponentsSkeletonKeys, TDesignTokenValue>;
 
+declare type TDesignTokensComponentsSMSInput = {
+    SMSInput: TDesignTokensComponentsSMSInputValue;
+};
+
+declare type TDesignTokensComponentsSMSInputKeys = (typeof designTokensComponentsSMSInputKeys)[number];
+
+declare type TDesignTokensComponentsSMSInputValue = Record<TDesignTokensComponentsSMSInputKeys, TDesignTokenValue>;
+
+declare type TDesignTokensComponentsStatusTracker = {
+    StatusTracker: TDesignTokensComponentsStatusTrackerValue;
+};
+
+declare type TDesignTokensComponentsStatusTrackerKeys = (typeof designTokensComponentsStatusTrackerKeys)[number];
+
+declare type TDesignTokensComponentsStatusTrackerValue = Record<TDesignTokensComponentsStatusTrackerKeys, TDesignTokenValue>;
+
+declare type TDesignTokensComponentsStep = {
+    Step: TDesignTokensComponentsStepValue;
+};
+
+declare type TDesignTokensComponentsStepKeys = (typeof designTokensComponentsStepKeys)[number];
+
 declare type TDesignTokensComponentsStepper = {
     Stepper: TDesignTokensComponentsStepperValue;
 };
@@ -3906,6 +4576,8 @@ declare type TDesignTokensComponentsStepperKeys = (typeof designTokensComponents
 
 declare type TDesignTokensComponentsStepperValue = Record<TDesignTokensComponentsStepperKeys, TDesignTokenValue>;
 
+declare type TDesignTokensComponentsStepValue = Record<TDesignTokensComponentsStepKeys, TDesignTokenValue>;
+
 declare type TDesignTokensComponentsTableBasic = {
     TableBasic: TDesignTokensComponentsTableBasicValue;
 };
@@ -4915,6 +5587,9 @@ declare const Text_2: default_2.ForwardRefExoticComponent<(Omit<{
 } & ITypographyProps & default_2.SVGProps<SVGViewElement>, "ref">) & default_2.RefAttributes<HTMLElement>>;
 export { Text_2 as Text }
 
+/** Многострочное текстовое поле для ввода большого объема текста. */
+export declare const TextareaField: default_2.FC<ITextareaFieldProps>;
+
 /** Компонент текстового ввода.
  *  Является более компактным вариантом отображения инпутов, чем FormGroup.
  * */
@@ -4983,10 +5658,6 @@ export declare const ThemeProviderContext: default_2.Context<IThemeProviderConte
  */
 declare type TIndentSize = 12 | 16 | 20 | 24 | 28 | 32;
 
-declare type TIslandBorderRadiusSize = 16 | 24 | 32;
-
-declare type TIslandPaddingSize = 16 | 24 | 32;
-
 /** Заголовок (типографика). */
 export declare const Title: default_2.ForwardRefExoticComponent<(Omit<{
     /** Размер текста. */
@@ -5639,6 +6310,9 @@ export declare type TSegmentedControlSingleOnSelect = (value: TSegmentedControlS
 /** Значение SegmentedControl с одиночным выбором. */
 export declare type TSegmentedControlSingleValue = string;
 
+/** Комбинированные свойства компонента Spoiler. */
+declare type TSpoilerProps = ISpoilerControlledProps | ISpoilerUncontrolledProps;
+
 /** Свойства иконки в шаге. */
 declare type TStepperStepIconProps = {
     /** Тип иконки. */
@@ -5647,6 +6321,14 @@ declare type TStepperStepIconProps = {
 
 declare type TTabsExtendedOnSelectTab = (id: string) => void;
 
+/** Свойства компонента Title. */
+export declare type TTitleProps<T extends keyof JSX.IntrinsicElements> = {
+    /** Размер текста. */
+    size: ETitleSize;
+    /** Толщина шрифта. */
+    weight?: EFontWeightTitle;
+} & ITypographyProps & JSX.IntrinsicElements[T];
+
 /** Тип взаимодействия с тултипом. */
 declare type TTooltipToggleType = "click" | "hover";