@alfalab/core-components 47.26.0-beta.1 → 48.0.0-beta.0

package/universal-date-input/modern/use-skeleton-1328ead9.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import React from "react";
+import { ReactNode } from "react";
+import { TextSkeletonProps } from "./types-1328ead9";
+type SkeletonProps = {
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
+    visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
+    animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительные инлайн стили
+     */
+    style?: React.CSSProperties;
+    /**
+     * Включает размытие фона
+     */
+    allowBackdropBlur?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+    /**
+     * Набор цветов для компонента
+     * @default default
+     */
+    colors?: "default" | "inverted";
+};
+declare const Skeleton: React.FC<SkeletonProps>;
+type SkeletonProps$0 = {
+    wrapperClassName?: string;
+    dataTestId?: string;
+};
+declare function useSkeleton(showSkeleton?: boolean, skeletonProps?: TextSkeletonProps): {
+    renderSkeleton: (props: SkeletonProps$0) => React.JSX.Element | null;
+    textRef: React.RefObject<HTMLElement>;
+};
+export { SkeletonProps, Skeleton, useSkeleton };

package/universal-date-input/modern/utils/index.d.ts

@@ -1,22 +1,22 @@
 import { SyntheticEvent } from 'react';
-export declare function parseDateString(value: string, format?: string): Date;
-export declare const formatDate: (date: Date | number, dateFormat?: string) => string;
-export declare function formatDateRange(range: {
+declare function parseDateString(value: string, format?: string): Date;
+declare const formatDate: (date: Date | number, dateFormat?: string) => string;
+declare function formatDateRange(range: {
     dateFrom: Date | number;
     dateTo: Date | number;
 }): string;
-export declare function isCompleteDate(value?: string): boolean;
-export declare function isCompleteTime(value?: string, withTime?: boolean): boolean;
-export declare function isCompleteMonth(value?: string): boolean;
-export declare function isCompleteDateRange(value?: string): boolean;
-export declare function isValidDate({ value, minDate, maxDate, offDays, }: {
+declare function isCompleteDate(value?: string): boolean;
+declare function isCompleteTime(value?: string, withTime?: boolean): boolean;
+declare function isCompleteMonth(value?: string): boolean;
+declare function isCompleteDateRange(value?: string): boolean;
+declare function isValidDate({ value, minDate, maxDate, offDays, }: {
     value?: string;
     minDate: number;
     maxDate: number;
     offDays?: Array<Date | number>;
 }): boolean;
-export declare function preventDefault(e: SyntheticEvent): void;
-export declare function getValidRange({ from, to, offDays, minDate, maxDate, }: {
+declare function preventDefault(e: SyntheticEvent): void;
+declare function getValidRange({ from, to, offDays, minDate, maxDate, }: {
     from: string;
     to: string;
     offDays?: Array<Date | number>;
@@ -29,21 +29,22 @@ export declare function getValidRange({ from, to, offDays, minDate, maxDate, }:
 /**
  * Частично копипаста updatePeriod хука в календаре
  */
-export declare function updateRange({ date, validFrom, validTo, rangeBehavior, }: {
+declare function updateRange({ date, validFrom, validTo, rangeBehavior, }: {
     date?: number;
     validFrom?: Date;
     validTo?: Date;
     rangeBehavior: 'clarification' | 'reset';
 }): string;
-export declare function getUniversalDateInputTestIds(dataTestId: string): {
+declare function getUniversalDateInputTestIds(dataTestId: string): {
     input: string;
-    componentWrapper: any;
-    popover: any;
-    calendar: any;
-    inputWrapper: any;
-    inputWrapperInner: any;
-    leftAddons: any;
-    rightAddons: any;
-    error: any;
-    hint: any;
+    componentWrapper: string;
+    popover: string;
+    calendar: string;
+    inputWrapper: string;
+    inputWrapperInner: string;
+    leftAddons: string;
+    rightAddons: string;
+    error: string;
+    hint: string;
 };
+export { parseDateString, formatDate, formatDateRange, isCompleteDate, isCompleteTime, isCompleteMonth, isCompleteDateRange, isValidDate, preventDefault, getValidRange, updateRange, getUniversalDateInputTestIds };

package/universal-date-input/modern/utils-5712fce2.d.ts

@@ -0,0 +1,104 @@
+import { ReactNode } from 'react';
+import { DateShift, Day, DayAddons, Month, SpecialDays, SpecialDaysAddon } from "./typings-5684a67d";
+import { CalendarProps } from "./index-5712fce2";
+declare const DAYS_IN_WEEK = 7;
+declare const MONTHS_IN_YEAR = 12;
+declare const SUNDAY_INDEX = 6;
+declare const DATE_FORMAT = "dd.MM.yyyy";
+declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
+declare const WEEKDAYS: string[];
+declare const MONTHS: string[];
+/**
+ * Возвращает «правильный» индекс дня недели, 0 - пн, 1 - вт и так далее.
+ */
+declare function russianWeekDay(date: Date): number;
+/**
+ * Возвращает таблицу-календарь с заполненными датами для переданного месяца
+ */
+declare function generateWeeks(month: Date, options: {
+    minDate?: Date;
+    maxDate?: Date;
+    selected?: Date;
+    eventsMap?: SpecialDays;
+    offDaysMap?: SpecialDays;
+    holidaysMap?: SpecialDays;
+    dayAddonsMap?: SpecialDaysAddon;
+}): Day[][];
+/**
+ * Возвращает массив с месяцами для переданного года
+ */
+declare function generateMonths(year: Date, options: {
+    minMonth?: Date;
+    maxMonth?: Date;
+}): Month[];
+/**
+ * Возвращает массив лет от minYear до maxYear
+ */
+declare function generateYears(minYear: Date, maxYear: Date): Date[];
+/**
+ * Добавляет метаданные для переданного дня
+ */
+declare function buildDay(day: Date, options: {
+    minDate?: Date;
+    maxDate?: Date;
+    selected?: Date;
+    eventsMap?: SpecialDays;
+    offDaysMap?: SpecialDays;
+    holidaysMap?: SpecialDays;
+    dayAddonsMap?: SpecialDaysAddon;
+}): Day;
+/**
+ * Добавляет метаданные для переданного месяца
+ */
+declare function buildMonth(month: Date, options: {
+    minMonth?: Date;
+    maxMonth?: Date;
+}): Month;
+/**
+ * Ограничивает дату на отрезке [minDate, maxDate]
+ */
+declare function limitDate(date: Date | number, minDate?: Date | number, maxDate?: Date | number): Date;
+/**
+ * Проверяет, находится ли переданная дата в указанных границах
+ */
+declare function dateInLimits(date?: Date | number | null, minDate?: Date | number, maxDate?: Date | number): boolean | 0 | null | undefined;
+/**
+ * Возвращает русское название месяца с большой буквы
+ */
+declare function monthName(month: Date): string;
+/**
+ * Превращает массив в объект, у которого ключи составляются из элементов массива
+ */
+declare function dateArrayToHashTable(arr: Array<Date | number>): Record<number, boolean>;
+declare function addonArrayToHashTable(arr: DayAddons[]): Record<number, ReactNode>;
+/**
+ * Возвращает корректный отрезок дат для выделения
+ */
+declare function getSelectionRange(from?: Date | number, to?: Date | number, highlighted?: Date | number): {
+    start: Date;
+    end: Date;
+} | null;
+declare function modifyDateByShift(shift: DateShift, date: Date, minDate?: Date, maxDate?: Date, offDaysMap?: Record<number, boolean>): Date;
+/**
+ * Если дата была выбрана мышкой — фокусную обводку не видно
+ * TODO: добавить в useFocus возможность переключать метод ввода программно
+ */
+declare function simulateTab(node: HTMLElement): void;
+declare const formatDate: (date: Date | number, dateFormat?: string) => string;
+declare const parseDateString: (value: string, dateFormat?: string) => Date;
+declare function getCalendarMobileTestIds(dataTestId: string): {
+    calendar: string;
+    content: string;
+    footer: string;
+    header: string;
+    closer: string;
+    btnApply: string;
+    btnReset: string;
+    btnNextDate: string;
+    btnPreviousDate: string;
+};
+declare function isRangeValue(value: CalendarProps['value']): value is {
+    dateFrom?: number | undefined;
+    dateTo?: number | undefined;
+};
+export { DAYS_IN_WEEK, MONTHS_IN_YEAR, SUNDAY_INDEX, DATE_FORMAT, NATIVE_DATE_FORMAT, WEEKDAYS, MONTHS, russianWeekDay, generateWeeks, generateMonths, generateYears, buildDay, buildMonth, limitDate, dateInLimits, monthName, dateArrayToHashTable, addonArrayToHashTable, getSelectionRange, modifyDateByShift, simulateTab, formatDate, parseDateString, getCalendarMobileTestIds, isRangeValue };

package/universal-date-input/modern/utils-b1bfe0d1.d.ts

@@ -0,0 +1,8 @@
+import { PeriodType } from "./index-f034f741";
+declare const formatPeriod: (valueFrom: Date, valueTo: Date, periodType: PeriodType, showCurrentYear?: boolean) => string;
+declare const getYearSelectorValue: (valueFrom: Date | undefined, showCurrentYear: boolean) => number | "";
+declare const shiftValues: (valueFrom: Date, valueTo: Date, periodType: PeriodType, direction: 'prev' | 'next') => {
+    valueFrom: Date;
+    valueTo: Date;
+};
+export { formatPeriod, getYearSelectorValue, shiftValues };

package/universal-date-input/moderncssm/Component-5684a67d.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { FC } from 'react';
+import { Month } from "./typings-5684a67d";
+type MonthsTableProps = {
+    /**
+     * Массив месяцев
+     */
+    months?: Month[];
+    /**
+     * Выбранный месяц
+     */
+    selectedMonth?: Date;
+    /**
+     * Доп пропсы для переданного месяца
+     */
+    getMonthProps: (day: Month) => Record<string, unknown>;
+    /**
+     * Должен ли календарь подстраиваться под ширину родителя.
+     */
+    responsive?: boolean;
+};
+declare const MonthsTable: FC<MonthsTableProps>;
+export { MonthsTableProps, MonthsTable };

package/universal-date-input/moderncssm/Component-68850940.d.ts

@@ -0,0 +1,81 @@
+import { FC, MouseEvent } from 'react';
+type PeriodType = 'range' | 'day' | 'week' | 'month' | 'quarter' | 'year';
+type PeriodSliderProps = {
+    /**
+     * Активная дата или период
+     */
+    value?: Date | [Date, Date];
+    /**
+     * Тип периода
+     */
+    periodType?: PeriodType;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Отключает кнопку назад
+     */
+    prevArrowDisabled?: boolean;
+    /**
+     * Отключает кнопку вперед
+     */
+    nextArrowDisabled?: boolean;
+    /**
+     * Скрывает заблокированные кнопки
+     */
+    hideDisabledArrows?: boolean;
+    /**
+     * Возможность выбора месяца и года, если periodType 'month'
+     */
+    isMonthAndYearSelectable?: boolean;
+    /**
+     * Отображать ли текущий год, если isMonthAndYearSelectable true
+     */
+    showCurrentYearSelector?: boolean;
+    /**
+     * Функция для форматирование выбранного периода
+     */
+    periodFormatter?: (valueFrom: Date, valueTo: Date, periodType: PeriodType) => string;
+    /**
+     * Обработчик нажатия кнопки переключения на назад
+     */
+    onPrevArrowClick?: (event: MouseEvent<HTMLButtonElement>, payload: {
+        value: Date;
+        valueFrom: Date;
+        valueTo: Date;
+        periodType: PeriodType;
+    }) => void;
+    /**
+     * Обработчик нажатия кнопки переключения на вперед
+     */
+    onNextArrowClick?: (event: MouseEvent<HTMLButtonElement>, payload: {
+        value: Date;
+        valueFrom: Date;
+        valueTo: Date;
+        periodType: PeriodType;
+    }) => void;
+    /**
+     * Обработчик нажатия на селектор месяца
+     */
+    onMonthClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Обработчик нажатия на селектор года
+     */
+    onYearClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Обработчик нажатия на период
+     */
+    onPeriodClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Отображаемый текст, когда слайдеру не переданы значения c датами value={...}
+     * @default 'Укажите период'
+     */
+    emptyValueText?: string;
+};
+declare const PeriodSlider: FC<PeriodSliderProps>;
+export { PeriodType, PeriodSliderProps, PeriodSlider };

package/universal-date-input/moderncssm/Component-8566963f.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import React from 'react';
+import { ButtonHTMLAttributes } from "react";
+type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Вид кнопки
+     */
+    view?: 'default' | 'filled' | 'current' | 'selected';
+};
+declare const SelectButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Вид кнопки
+     */
+    view?: "default" | "filled" | "selected" | "current" | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { SelectButtonProps, SelectButton };

package/universal-date-input/moderncssm/Component-e557cdd2.d.ts

@@ -0,0 +1,55 @@
+/// <reference types="react" />
+import React from "react";
+import { FC } from "react";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-e557cdd2";
+interface SpinnerProps {
+    /**
+     * Палитра, в контексте которой используется спиннер
+     * @default default
+     */
+    colors?: "default" | "inverted";
+    /**
+     * Управление видимостью компонента
+     * @default false
+     */
+    visible?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор компонента в DOM
+     */
+    id?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Размер спиннера (кольца)
+     */
+    size: number;
+    /**
+     * Толщина линии спинера (кольца)
+     */
+    lineWidth: number;
+    /**
+     * Дополнительные инлайн стили для cпиннера
+     */
+    style?: React.CSSProperties;
+}
+type SpinnerPresetProps = Omit<SpinnerProps, "size" | "lineWidth"> & {
+    /**
+     * Преднастроенный вариант
+     * @default 24
+     */
+    preset?: 16 | 24 | 48;
+};
+declare const SpinnerPreset: FC<SpinnerPresetProps>;
+/**
+ * Минимальное время отображения лоадера - 500мс,
+ * чтобы при быстрых ответах от сервера кнопка не «моргала».
+ */
+declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
+declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { SpinnerPresetProps, SpinnerPreset, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/universal-date-input/moderncssm/Component-ee245301.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import React from 'react';
+interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Текст после иконки
+     */
+    text?: string | null;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Вид компонента
+     */
+    view: 'mobile' | 'desktop';
+    /**
+     * Прозрачность текста
+     */
+    textOpacity?: number;
+    /**
+     * Обработчик клика
+     */
+    onClick?: () => void;
+}
+declare const BackArrowAddon: React.FC<BackArrowAddonProps>;
+export { BackArrowAddonProps, BackArrowAddon };

package/universal-date-input/moderncssm/Component.responsive-71043c62.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { ButtonProps } from "./typings-e557cdd2";
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { Button };

package/universal-date-input/moderncssm/Component.responsive.d.ts

@@ -1,65 +1,5 @@
+/// <reference types="react" />
 import React from 'react';
-export declare const UniversalDateInput: React.ForwardRefExoticComponent<(Omit<Omit<import("./types").BaseUniversalDateInputProps, "Calendar" | "calendarProps" | "popoverProps" | "onCalendarOpen" | "onCalendarClose" | ("platform" | "open" | "inputWrapperRef" | "onPickerClick" | "withTime" | "calendarRef" | "wrapperHandlers")> & {
-    view: "date";
-    picker: true;
-} & Required<Pick<import("./types").BaseUniversalDateInputProps, "Calendar">> & {
-    calendarProps?: Omit<CalendarProps, "minDate" | "maxDate" | "open" | "onClose"> | undefined;
-    popoverProps?: any;
-    onCalendarOpen?: (() => void) | undefined;
-    onCalendarClose?: (() => void) | undefined;
-} & Pick<import("./types").InnerDateInputProps, "onChange" | "value" | "defaultValue" | "wrapperClassName">, "ref"> | Omit<Omit<import("./types").BaseUniversalDateInputProps, "Calendar" | "calendarProps" | "popoverProps" | "onCalendarOpen" | "onCalendarClose" | ("platform" | "open" | "inputWrapperRef" | "onPickerClick" | "withTime" | "calendarRef" | "wrapperHandlers")> & {
-    view: "date";
-    picker?: false | undefined;
-} & {
-    Calendar?: undefined;
-} & {
-    Calendar?: undefined;
-    calendarProps?: undefined;
-    popoverProps?: undefined;
-    onCalendarOpen?: undefined;
-    onCalendarClose?: undefined;
-} & Pick<import("./types").InnerDateInputProps, "onChange" | "value" | "defaultValue" | "wrapperClassName">, "ref"> | Omit<Omit<import("./types").BaseUniversalDateInputProps, "Calendar" | "calendarProps" | "popoverProps" | "onCalendarOpen" | "onCalendarClose" | ("platform" | "open" | "inputWrapperRef" | "onPickerClick" | "withTime" | "calendarRef" | "wrapperHandlers")> & {
-    view: "date-time";
-    picker: true;
-} & Required<Pick<import("./types").BaseUniversalDateInputProps, "Calendar">> & {
-    calendarProps?: Omit<CalendarProps, "minDate" | "maxDate" | "open" | "onClose"> | undefined;
-    popoverProps?: any;
-    onCalendarOpen?: (() => void) | undefined;
-    onCalendarClose?: (() => void) | undefined;
-} & Pick<import("./types").InnerDateInputProps, "onChange" | "value" | "defaultValue" | "wrapperClassName">, "ref"> | Omit<Omit<import("./types").BaseUniversalDateInputProps, "Calendar" | "calendarProps" | "popoverProps" | "onCalendarOpen" | "onCalendarClose" | ("platform" | "open" | "inputWrapperRef" | "onPickerClick" | "withTime" | "calendarRef" | "wrapperHandlers")> & {
-    view: "date-time";
-    picker?: false | undefined;
-} & {
-    Calendar?: undefined;
-} & {
-    Calendar?: undefined;
-    calendarProps?: undefined;
-    popoverProps?: undefined;
-    onCalendarOpen?: undefined;
-    onCalendarClose?: undefined;
-} & Pick<import("./types").InnerDateInputProps, "onChange" | "value" | "defaultValue" | "wrapperClassName">, "ref"> | Omit<Omit<import("./types").BaseUniversalDateInputProps, "Calendar" | "calendarProps" | "popoverProps" | "onCalendarOpen" | "onCalendarClose" | ("platform" | "open" | "inputWrapperRef" | "onPickerClick" | "withTime" | "calendarRef" | "wrapperHandlers")> & {
-    view: "date-range";
-    picker: true;
-} & Required<Pick<import("./types").BaseUniversalDateInputProps, "Calendar">> & {
-    calendarProps?: Omit<CalendarProps, "minDate" | "maxDate" | "open" | "onClose"> | undefined;
-    popoverProps?: any;
-    onCalendarOpen?: (() => void) | undefined;
-    onCalendarClose?: (() => void) | undefined;
-} & Pick<import("./types").InnerDateRangeInputProps, "onChange" | "value" | "defaultValue" | "wrapperClassName" | "rangeBehavior">, "ref"> | Omit<Omit<import("./types").BaseUniversalDateInputProps, "Calendar" | "calendarProps" | "popoverProps" | "onCalendarOpen" | "onCalendarClose" | ("platform" | "open" | "inputWrapperRef" | "onPickerClick" | "withTime" | "calendarRef" | "wrapperHandlers")> & {
-    view: "date-range";
-    picker?: false | undefined;
-} & {
-    Calendar?: undefined;
-} & {
-    Calendar?: undefined;
-    calendarProps?: undefined;
-    popoverProps?: undefined;
-    onCalendarOpen?: undefined;
-    onCalendarClose?: undefined;
-} & Pick<import("./types").InnerDateRangeInputProps, "onChange" | "value" | "defaultValue" | "wrapperClassName">, "ref"> | Omit<Omit<import("./types").BaseUniversalDateInputProps, "Calendar" | "calendarProps" | "popoverProps" | "onCalendarOpen" | "onCalendarClose" | ("platform" | "open" | "inputWrapperRef" | "onPickerClick" | "withTime" | "calendarRef" | "wrapperHandlers")> & {
-    view: "time";
-    picker?: undefined;
-    minDate?: undefined;
-    maxDate?: undefined;
-    Calendar?: undefined;
-} & Pick<import("./types").InnerTimeInputProps, "onChange" | "value" | "defaultValue">, "ref">) & React.RefAttributes<HTMLInputElement>>;
+import { UniversalDateInputProps } from "./types";
+declare const UniversalDateInput: React.ForwardRefExoticComponent<UniversalDateInputProps & React.RefAttributes<HTMLInputElement>>;
+export { UniversalDateInput };

package/universal-date-input/moderncssm/Component.responsive.js

@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react';
-import { useMatchMedia } from '../../mq/moderncssm';
-import { getComponentBreakpoint } from '../../shared/moderncssm';
+import { useIsDesktop } from '../../mq/moderncssm';
 import { BaseUniversalDateInput } from './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -21,6 +20,7 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
+import '../../shared/moderncssm';
 import './components/date-input/Component.js';
 import '../../input/moderncssm';
 import '../../popover/moderncssm';
@@ -33,8 +33,8 @@ import 'date-fns/startOfMonth';
 import './components/month-input/Component.js';
 import './components/time-input/Component.js';
 
-const UniversalDateInput = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, view, ...restProps }, ref) => {
-    const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
+const UniversalDateInput = forwardRef(({ breakpoint, client, defaultMatchMediaValue = client === undefined ? undefined : client === 'desktop', view, ...restProps }, ref) => {
+    const isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);
     return (React.createElement(BaseUniversalDateInput, { ...restProps, ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' }));
 });
 UniversalDateInput.displayName = 'UniversalDateInput';

package/universal-date-input/moderncssm/colors-facf1d2a.d.ts

@@ -0,0 +1,3 @@
+declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative", "static-primary-light", "static-secondary-light", "static-tertiary-light", "static-primary-dark", "static-secondary-dark", "static-tertiary-dark", "static-accent"];
+type Color = typeof colors[number];
+export { colors, Color };

package/universal-date-input/moderncssm/component-03d088c4.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import React from 'react';
+import { TitleProps } from "./index-03d088c4";
+type TitleResponsiveProps = TitleProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: 'desktop' | 'mobile';
+};
+declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
+    tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
+    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
+    font?: "styrene" | "system" | undefined;
+    defaultMargins?: boolean | undefined;
+    className?: string | undefined;
+    dataTestId?: string | undefined;
+    children?: React.ReactNode;
+    rowLimit?: 1 | 2 | 3 | undefined;
+    showSkeleton?: boolean | undefined;
+    skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+    /**
+     * Версия, которая будет использоваться при серверном рендеринге
+     */
+    client?: "desktop" | "mobile" | undefined;
+} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
+export { TitleResponsiveProps, TitleResponsive };