@sberbusiness/triplex-next 1.4.0 → 1.5.0

package/consts/DateConst.js

@@ -0,0 +1,14 @@
+import { h as t } from "../chunks/vendor-9KVE23Ri.js";
+const Y = [0, 1, 2, 3, 4, 5, 6], a = [0, 1, 2, 3, 4, 5], e = [-5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5, 6], n = "MMMM YYYY", M = "YYYYMMDD", s = {
+  dateFrom: t(/* @__PURE__ */ new Date("1900-01-01")),
+  dateTo: t(/* @__PURE__ */ new Date("2199-12-31"))
+};
+export {
+  e as MONTHS_SET,
+  Y as WEEKDAYS_SET,
+  a as WEEKS_SET,
+  M as dateFormatYYYYMMDD,
+  s as globalLimitRange,
+  n as headerDateFormat
+};
+//# sourceMappingURL=DateConst.js.map

package/index.d.ts

@@ -1,9 +1,11 @@
 import { Context } from 'react';
 import { default as default_2 } from 'react';
+import { default as default_3 } from 'moment';
 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 { Moment } from 'moment';
 import { MouseSensor } from '@dnd-kit/core';
 import { MouseSensorOptions } from '@dnd-kit/core';
 import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
@@ -54,6 +56,8 @@ export declare const AmountField: default_2.ForwardRefExoticComponent<IAmountFie
 declare const Body_2: default_2.ForwardRefExoticComponent<IBodyProps & default_2.RefAttributes<HTMLDivElement>>;
 export { Body_2 as Body }
 
+declare type BuiltIn = Function | Date | RegExp | Map<any, any> | Set<any> | Promise<any> | Symbol;
+
 /** Кнопка. */
 export declare const Button: default_2.ForwardRefExoticComponent<TButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
 
@@ -70,6 +74,35 @@ export declare const ButtonIcon: default_2.ForwardRefExoticComponent<IButtonIcon
 /** Вычисление позиции шага, относительно других. */
 export declare const calcPosition: (stepCount: number, i: number) => EStepPosition;
 
+/** Календарь. */
+export declare class Calendar extends default_2.PureComponent<TCalendarProps, ICalendarState> {
+    static Range: default_2.FC<ICalendarRangeProps_2>;
+    static defaultProps: {
+        format: string;
+        limitRange: IDateLimitRange;
+        pickType: ECalendarPickType;
+    };
+    static contextType: default_2.Context<ICalendarContext>;
+    context: default_2.ContextType<typeof CalendarContext>;
+    private periodId;
+    constructor(props: Readonly<TCalendarProps>);
+    /** Получить изначальную дату для навигации. */
+    private getInitialViewDate;
+    componentDidUpdate(prevProps: TCalendarProps, prevState: ICalendarState): void;
+    render(): JSX_2.Element;
+    /** Обработчик выбора даты. */
+    private handleDateSelect;
+    /** Обработчик смены страницы. */
+    private handlePageChange;
+    /** Обработчик изменения вида отображения. */
+    private handleViewChange;
+    /** Рендер футера. */
+    private renderFooter;
+}
+
+/** Контекст компонента Calendar. */
+declare const CalendarContext: default_2.Context<ICalendarContext>;
+
 /** Подпись (типографика). */
 export declare const Caption: default_2.ForwardRefExoticComponent<(Omit<{
     /** Размер текста. */
@@ -759,6 +792,11 @@ export declare const ChipOptions: default_2.ForwardRefExoticComponent<IChipOptio
  */
 export declare const ChipSelect: default_2.ForwardRefExoticComponent<IChipSelectProps & default_2.RefAttributes<HTMLDivElement>>;
 
+/**
+ * ChipSelect с иконкой выбора сортировки.
+ */
+export declare const ChipSort: default_2.ForwardRefExoticComponent<IChipSortProps & default_2.RefAttributes<HTMLDivElement>>;
+
 /**
  * Компонент выбора одного значения из списка с возможностью фильтрации.
  * Выбранное значение отображается компонентом Chip.
@@ -785,12 +823,22 @@ export declare const ComposedKeyDownListener: default_2.FC<IKeyDownListenerManag
 /** Data-аттрибуты. */
 declare type DataAttributes = Record<`data-${string}`, string>;
 
+/** Компонент ввода и выбора даты. */
+export declare const DateField: default_2.ForwardRefExoticComponent<IDateFieldProps & default_2.RefAttributes<HTMLDivElement>>;
+
+/** Утилита типов, которая делает все свойства объекта (и его вложенные свойства) необязательными. */
+declare type DeepPartial<T> = T extends BuiltIn ? T : T extends object ? {
+    [P in keyof T]?: T[P] extends Array<infer U> ? Array<DeepPartial<U>> : T[P] extends object ? DeepPartial<T[P]> : T[P];
+} : T;
+
 declare const designTokensComponentsAlertContextKeys: readonly ["Error_Color", "Info_Color", "System_Color", "Warning_Color"];
 
 declare const designTokensComponentsAlertProcessKeys: readonly ["Info_Background", "Warning_Background", "Error_Background", "System_Background", "Feature_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 designTokensComponentsCalendarKeys: readonly ["Background_Shadow", "View_Header_Color", "View_Item_Background_Default", "View_Item_Background_Hover", "View_Item_Background_Selected_Default", "View_Item_Background_Selected_Hover", "View_Item_Background_Selected_Muted_Default", "View_Item_Background_Selected_Muted_Hover", "View_Item_Color_Default", "View_Item_Color_Hover", "View_Item_Color_Disabled", "View_Item_Color_Muted", "View_Item_Color_Selected", "View_Item_Color_Selected_Muted_Default", "View_Item_Color_Selected_Muted_Hover", "View_Item_Mark_Basic_Background_Default", "View_Item_Mark_Basic_Background_Selected_Default", "View_Item_Mark_Basic_Background_Selected_Hover", "View_Item_Mark_Standard_Background_Default", "View_Item_Mark_Standard_Background_Selected_Default", "View_Item_Mark_Standard_Background_Selected_Hover", "View_Item_Mark_Attention_Background_Default", "View_Item_Mark_Attention_Background_Selected_Default", "View_Item_Mark_Attention_Background_Selected_Hover", "View_Item_Mark_Critical_Background_Default", "View_Item_Mark_Critical_Background_Selected_Default", "View_Item_Mark_Critical_Background_Selected_Hover"];
+
 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"];
@@ -835,6 +883,8 @@ declare const designTokensComponentsMarkerKeys: readonly ["Background_Error", "B
 
 declare const designTokensComponentsMarkerStatusKeys: readonly ["Description_Color"];
 
+declare const designTokensComponentsModalWindowKeys: readonly ["Background", "Backdrop_Background"];
+
 declare const designTokensComponentsNotificationKeys: readonly ["Background", "Color", "Shadow", "TimeColor"];
 
 declare const designTokensComponentsOverlayKeys: readonly ["Background", "Panel_Background"];
@@ -952,7 +1002,7 @@ export declare enum EAlertType {
 
 /** Форма границы кнопки. */
 declare enum EBodyVerticalMargin {
-    LARGE = "large",
+    LARGE = "large",// 24px
     SMALL = "small"
 }
 
@@ -977,6 +1027,27 @@ export declare enum EButtonTheme {
     LINK = "link"
 }
 
+/** Тип отметки даты календаря. */
+export declare enum ECalendarDateMarkType {
+    BASIC = 0,
+    STANDARD = 1,
+    ATTENTION = 2,
+    CRITICAL = 3
+}
+
+/** Вариант выбора даты в календаре. */
+export declare enum ECalendarPickType {
+    datePick = 0,
+    monthYearPick = 1
+}
+
+/** Режим отображения календаря. */
+export declare enum ECalendarViewMode {
+    DAYS = "days",
+    MONTHS = "months",
+    YEARS = "years"
+}
+
 /** Возможные размеры Caption. */
 export declare enum ECaptionSize {
     C1 = "C1",// В дизайне C1
@@ -1734,6 +1805,116 @@ export declare interface IButtonSecondaryProps extends IButtonBaseProps {
     children?: default_2.ReactNode;
 }
 
+/** Общие свойства компонента календаря. */
+export declare interface ICalendarCommonProps extends ICalendarNestedProps {
+    /** Отображаемая по умолчанию дата. */
+    defaultViewDate?: string | Moment;
+    /** Формат для значения. */
+    format?: string;
+    /** Вариант выбора даты. */
+    pickType?: ECalendarPickType;
+    /** Ограничение выбираемого периода. */
+    limitRange?: IDateLimitRange;
+    /** Отмеченные дни. */
+    markedDays?: TCalendarMarkedDays;
+    /** Дни недоступные для выбора. */
+    disabledDays?: string[];
+    /** Обратный порядок выбора даты. */
+    reversedPick?: boolean;
+    /** Обработчик изменения страницы. */
+    onPageChange?: (viewDate: Moment, viewMode: ECalendarViewMode) => void;
+    /** Обработчик изменения вида. */
+    onViewChange?: (viewDate: Moment, viewMode: ECalendarViewMode) => void;
+}
+
+/** Свойства контекста CalendarView. */
+declare interface ICalendarContext extends Pick<ICalendarCommonProps, "format" | "markedDays" | "disabledDays">, Required<Pick<ICalendarCommonProps, "pickType" | "limitRange" | "onPageChange" | "onViewChange">> {
+    /** Дата, являющая курсором для навигации по интерфейсу. */
+    viewDate: default_3.Moment;
+    /** Вид отображения. */
+    viewMode: ECalendarViewMode;
+    /** Уникальный идентификатор для связи периода с таблицей. */
+    periodId: string;
+    /** Функция, вызывающаяся при выборе даты. */
+    onDateSelect: (date: default_3.Moment) => void;
+}
+
+export declare interface ICalendarNestedProps {
+    /** HTML атрибуты компонента дня. */
+    dayHtmlAttributes?: TDayHtmlAttributes;
+    /** HTML атрибуты компонента месяца. */
+    monthHtmlAttributes?: default_2.TdHTMLAttributes<HTMLTableCellElement>;
+    /** HTML атрибуты компонента года. */
+    yearHtmlAttributes?: default_2.TdHTMLAttributes<HTMLTableCellElement>;
+    /** Свойства кнопки переключения на предыдущую страницу календаря. */
+    prevButtonProps?: default_2.ButtonHTMLAttributes<HTMLButtonElement> | ((viewMode: ECalendarViewMode) => default_2.ButtonHTMLAttributes<HTMLButtonElement>);
+    /** Свойства кнопки переключения на следующую страницу календаря. */
+    nextButtonProps?: default_2.ButtonHTMLAttributes<HTMLButtonElement> | ((viewMode: ECalendarViewMode) => default_2.ButtonHTMLAttributes<HTMLButtonElement>);
+    /** Свойства кнопки для смены вида календаря. */
+    viewButtonProps?: default_2.ButtonHTMLAttributes<HTMLButtonElement> | ((viewMode: ECalendarViewMode) => default_2.ButtonHTMLAttributes<HTMLButtonElement>);
+    /** Свойства кнопки "Сегодня". */
+    todayButtonProps?: default_2.ButtonHTMLAttributes<HTMLButtonElement> | (({ viewMode, currentPeriodSelected, }: {
+        viewMode: ECalendarViewMode;
+        currentPeriodSelected: boolean;
+    }) => default_2.ButtonHTMLAttributes<HTMLButtonElement>);
+}
+
+/** Свойства Calendar, передаваемые в рендер-функцию CalendarRange. */
+export declare interface ICalendarProvideProps extends ICalendarRangeProps {
+}
+
+/** Свойства календаря для выбора периода. */
+export declare interface ICalendarRangeProps extends ICalendarCommonProps {
+    isRange: true;
+    /** Выбранный период. */
+    pickedDate: TPickedRangeProp;
+    /** Дата календаря по умолчанию. */
+    defaultDate?: TPickedDateProp;
+    /** Обработчик изменения периода. */
+    onDateChange: (date: TPickedRange) => void;
+}
+
+declare interface ICalendarRangeProps_2 extends ICalendarCommonProps {
+    children: [(props: ICalendarProvideProps) => default_2.ReactNode, (props: ICalendarProvideProps) => default_2.ReactNode];
+    /** Дата календаря по умолчанию. */
+    defaultDate?: default_3.Moment;
+    /** Обработчик изменения периода. */
+    onRangeChange: (date: TPickedRange) => void;
+    /** Выбранный период. */
+    pickedRange: TPickedRangeProp;
+}
+
+/** Свойства обычного календаря. */
+export declare interface ICalendarSingleProps extends ICalendarCommonProps {
+    isRange?: false;
+    /** Выбранная дата. */
+    pickedDate: TPickedDateProp;
+    /** Адаптированный режим. */
+    adaptiveMode?: boolean;
+    /** Обработчик изменения даты. */
+    onDateChange: (date: Moment) => void;
+}
+
+/** Состояния компонента Calendar. */
+declare interface ICalendarState {
+    /** Вид отображения. */
+    viewMode: ECalendarViewMode;
+    /** Дата, являющая курсором для навигации по интерфейсу. */
+    viewDate: default_3.Moment;
+    /** Выбранная дата в формате Moment. */
+    pickedDate: TPickedDate;
+    /** Заголовок календаря. */
+    header: string;
+}
+
+/** Свойства компонента CalendarView. */
+export declare interface ICalendarViewProps extends Pick<ICalendarCommonProps, "dayHtmlAttributes" | "monthHtmlAttributes" | "yearHtmlAttributes"> {
+    /** Выбранная дата. */
+    pickedDate?: TPickedDate;
+    /** Выбранный период. */
+    pickedRange?: TPickedRange;
+}
+
 /** Свойства интерактивной карточки. */
 export declare interface ICardActionProps extends ICardProps {
     /** Обработчик переключения выбора карточки. */
@@ -1859,6 +2040,11 @@ export declare interface IChipSelectProps extends Pick<IChipProps, "disabled" |
     displayedValue?: default_2.ReactNode;
 }
 
+export declare interface IChipSortProps extends Omit<IChipSelectProps, "targetProps" | "clearSelected" | "defaultValue"> {
+    /** Дефолтное значение, если текущее значение равно дефолтному, элемент не будет подсвечен как измененный. */
+    defaultValue?: ISelectExtendedFieldDefaultOption;
+}
+
 /** Свойства компонента ChipSuggestDropdown. */
 export declare interface IChipSuggestDropdownProps<T extends ISuggestOption> extends Omit<IDropdownProps, "opened" | "setOpened"> {
 }
@@ -1936,6 +2122,53 @@ export declare interface IColumnSettingsStaticListProps extends IListProps {
     depth?: number;
 }
 
+/** Свойства компонента DateField. */
+export declare interface IDateFieldProps extends Omit<IDatePickerExtendedProps, "pickedDate" | "onDateChange" | "renderTarget" | "renderDropdownHeaderTarget">, Pick<IMaskedFieldProps, "size" | "status" | "label"> {
+    /** Значение даты. */
+    value: string;
+    /** Символы для заполнения пустых редактируемых позиций в маске (например, строка вида "дд.мм.гггг"). */
+    placeholderMask?: string;
+    /** Текст подсказки в тултипе. */
+    invalidDateHint: React.ReactNode;
+    /** Функция, вызывающаяся при изменении значения. */
+    onChange: (value: string) => void;
+    /** Свойства MaskedField. */
+    targetProps?: DeepPartial<IMaskedFieldProps>;
+}
+
+/**
+ * Интерфейс на диапазон выбираемых дат.
+ * @prop {Moment} [dateFrom] Дата начала периода.
+ * @prop {Moment} [dateTo] Дата конца периода.
+ */
+declare interface IDateLimitRange {
+    dateFrom: Moment;
+    dateTo: Moment;
+}
+
+/** Свойства компонента DatePickerExtended. */
+declare interface IDatePickerExtendedProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "onChange">, Pick<IDropdownProps, "alignment">, ICalendarSingleProps {
+    /** Рендер-функция целевого элемента. */
+    renderTarget: () => default_2.ReactNode;
+    /** Рендер-функция целевого элемента в заголовке DropdownMobile. */
+    renderDropdownHeaderTarget: () => default_2.ReactNode;
+    /** Callback на открытие Dropdown. */
+    onDropdownOpen?: () => void;
+    /** Callback на закрытие Dropdown. */
+    onDropdownClose?: () => void;
+    /** Свойства FocusTrap. Используется npm-пакет focus-trap-react. */
+    focusTrapProps?: FocusTrapProps;
+}
+
+/**
+ * Интерфейс параметров, которые можно передать в функцию для получения HTML атрибутов компонента дня,
+ * если они участвуют в формировании значений атрибутов.
+ */
+export declare interface IDayHtmlAttributesFunctionParams {
+    /** День является отмеченным. */
+    marked: boolean;
+}
+
 declare interface IDesignTokenValueRef {
     value?: undefined;
     ref: (typeof designTokensRefs)[number];
@@ -2146,7 +2379,7 @@ export declare interface IFormFieldIMaskedInputFC extends default_2.FC<IFormFiel
 }
 
 /** Свойства компонента FormFieldInput. */
-export declare interface IFormFieldInputProps extends default_2.InputHTMLAttributes<HTMLInputElement> {
+export declare interface IFormFieldInputProps extends default_2.InputHTMLAttributes<HTMLInputElement>, DataAttributes {
     /** Рендер-функция, в которую можно передать любой инпут с нужным функционалом (валидация ввода, маска).
      *  Через аргументы props инпуту передастся нужная стилизация.
      * */
@@ -2165,7 +2398,7 @@ export declare interface IFormFieldLabelProps extends default_2.LabelHTMLAttribu
 }
 
 /** Свойства компонента FormFieldInput. */
-export declare interface IFormFieldMaskedInputProps extends Omit<MaskedInputProps, "guide" | "mask" | "render"> {
+export declare interface IFormFieldMaskedInputProps extends Omit<MaskedInputProps, "guide" | "mask" | "render">, DataAttributes {
     value: string;
     /** Состояние ошибки. */
     error?: boolean;
@@ -4274,21 +4507,36 @@ declare type TAriaHTMLAttributes = Record<string, string>;
 /** Свойства компонента Button. */
 export declare type TButtonProps = IButtonGeneralProps | IButtonSecondaryProps | IButtonSecondaryLightProps | IButtonDangerProps | IButtonLinkProps;
 
+/** Тип отмеченных дней календаря. */
+export declare type TCalendarMarkedDays = string[] | Record<string, ECalendarDateMarkType>;
+
+/** Свойства компонента Calendar. */
+export declare type TCalendarProps = ICalendarSingleProps | ICalendarRangeProps;
+
 export declare type TColumnSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 
 declare type TCreatePartialTokens<Type> = {
     [Property in keyof Type]?: TCreatePartialTokens<Type[Property]>;
 };
 
+/** Alias для data атрибутов. */
+declare type TDataAttributeAlias = `data-${string}`;
+
 /**
  * Тип, для передачи data-атрибутов через props.
  * Например {'test-id': 'value'} добавит элементу атрибут data-test-id="value".
  */
 declare type TDataHTMLAttributes = Record<string, string>;
 
+/** Тип HTML атрибутов компонента дня. */
+export declare type TDayHtmlAttributes = THTMLAttributesWithData | TDayHtmlAttributesFunction;
+
+/** Функция для получения HTML атрибутов компонента дня. */
+export declare type TDayHtmlAttributesFunction = (params: IDayHtmlAttributesFunctionParams) => default_2.TdHTMLAttributes<HTMLTableCellElement>;
+
 declare type TDesignTokens = TDesignTokensCore & TDesignTokensComponents;
 
-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 TDesignTokensComponents = TDesignTokensComponentsAlertContext | TDesignTokensComponentsAlertProcess | TDesignTokensComponentsButton | TDesignTokensComponentsCalendar | 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 | TDesignTokensComponentsModalWindow | TDesignTokensComponentsNotification | TDesignTokensComponentsStatusTracker;
 
 declare type TDesignTokensComponentsAlertContext = {
     AlertContext: TDesignTokensComponentsAlertContextValue;
@@ -4314,6 +4562,14 @@ declare type TDesignTokensComponentsButtonKeys = (typeof designTokensComponentsB
 
 declare type TDesignTokensComponentsButtonValue = Record<TDesignTokensComponentsButtonKeys, TDesignTokenValue>;
 
+declare type TDesignTokensComponentsCalendar = {
+    Calendar: TDesignTokensComponentsCalendarValue;
+};
+
+declare type TDesignTokensComponentsCalendarKeys = (typeof designTokensComponentsCalendarKeys)[number];
+
+declare type TDesignTokensComponentsCalendarValue = Record<TDesignTokensComponentsCalendarKeys, TDesignTokenValue>;
+
 declare type TDesignTokensComponentsCard = {
     Card: TDesignTokensComponentsCardValue;
 };
@@ -4490,6 +4746,14 @@ declare type TDesignTokensComponentsMarkerStatusValue = Record<TDesignTokensComp
 
 declare type TDesignTokensComponentsMarkerValue = Record<TDesignTokensComponentsMarkerKeys, TDesignTokenValue>;
 
+declare type TDesignTokensComponentsModalWindow = {
+    ModalWindow: TDesignTokensComponentsModalWindowValue;
+};
+
+declare type TDesignTokensComponentsModalWindowKeys = (typeof designTokensComponentsModalWindowKeys)[number];
+
+declare type TDesignTokensComponentsModalWindowValue = Record<TDesignTokensComponentsModalWindowKeys, TDesignTokenValue>;
+
 declare type TDesignTokensComponentsNotification = {
     Notification: TDesignTokensComponentsNotificationValue;
 };
@@ -5652,6 +5916,10 @@ export declare const ThemeProvider: default_2.FC<IThemeProviderProps>;
 
 export declare const ThemeProviderContext: default_2.Context<IThemeProviderContext>;
 
+export declare type THTMLAttributesWithData = {
+    [dataAttribute in TDataAttributeAlias]: string;
+} & default_2.TdHTMLAttributes<HTMLTableCellElement>;
+
 /**
  * Возможные размеры отступа в пределах от 12 до 32 и кратные 4.
  * Используется в RadioXGroup и CheckboxXGroup.
@@ -6298,6 +6566,18 @@ declare type TPaginationPageButtonProps = {
     onClick: () => void;
 };
 
+/** Приведенный к Moment тип даты, используемый для внутренних вычислений. */
+export declare type TPickedDate = Moment | null;
+
+/** Внешний тип даты, который можно передать в компонент через свойства компонента. */
+export declare type TPickedDateProp = string | Moment | null;
+
+/** Приведенный к Moment тип периода для внутренних вычислений. */
+export declare type TPickedRange = [TPickedDate, TPickedDate];
+
+/** Внешний тип периода, который можно передать в компонент через свойства компонента. */
+export declare type TPickedRangeProp = [TPickedDateProp, TPickedDateProp];
+
 /** Обработчик выбора SegmentedControl с множественным выбором. */
 export declare type TSegmentedControlMultipleOnSelect = (value: TSegmentedControlMultipleValue) => void;