@alfalab/core-components-date-range-input 3.0.10 → 3.0.12

package/cssm/desktop.js

@@ -10,8 +10,8 @@ require('@alfalab/core-components-input/cssm/desktop');
 require('./components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('date-fns');
 require('date-fns/isValid');
+require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar/cssm/shared');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-popover/cssm');

package/{esm/index-72308007.d.ts → cssm/index-10db897e.d.ts}

@@ -10,10 +10,6 @@ declare function easeInOutQuad(x: number): number;
 declare const easingFns: {
     easeInOutQuad: typeof easeInOutQuad;
 };
-declare function disableUserInput<T>(disabled: boolean | undefined, event: React.KeyboardEvent<T>): void;
-declare const inputUtils: {
-    disableUserInput: typeof disableUserInput;
-};
 /**
  * Возвращает true, если значение равно null или undefined
  */
@@ -51,4 +47,4 @@ declare const maskUtils: {
     prefixPostprocessor: typeof prefixPostprocessor;
     caretGuard: typeof caretGuard;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils, maskUtils };
+export { isClient, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils };

package/{Component.responsive-2e2b2125.d.ts → cssm/index-3109f463.d.ts}

@@ -1,7 +1,4 @@
-/// <reference types="react" />
-import React from "react";
 import { FC, ReactNode } from "react";
-import { ButtonProps } from "./typings-9211a437";
 type MqProps = {
     /**
      * Media выражение или кастомный запрос из `mq.json`, например `--mobile`.
@@ -62,5 +59,4 @@ declare const _exports: {
     "--desktop-xl": string;
     "--desktop": string;
 };
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { _exports as default, MqProps, Mq, useMatchMedia, getMatchMedia, releaseMatchMedia, isPointerEventsSupported, isTouchSupported, Button };
+export { _exports as default, MqProps, Mq, useMatchMedia, getMatchMedia, releaseMatchMedia, isPointerEventsSupported, isTouchSupported };

package/cssm/index-89f0cb07.d.ts

@@ -0,0 +1,2 @@
+export { Button } from "./Component.responsive-0aa4e915";
+export type { ButtonProps } from "./typings-89f0cb07";

package/cssm/index-f034f741.d.ts

@@ -77,4 +77,4 @@ type PeriodSliderProps = {
 };
 declare const PeriodSlider: FC<PeriodSliderProps>;
 export { PeriodType, PeriodSliderProps, PeriodSlider };
-export { shiftValues } from "./Component.desktop-8b5756fe";
+export { shiftValues } from "./Component.desktop-b5b4c59f";

package/cssm/index.js

@@ -12,8 +12,8 @@ require('@alfalab/core-components-input/cssm/desktop');
 require('./components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('date-fns');
 require('date-fns/isValid');
+require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar/cssm/shared');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-popover/cssm');

package/cssm/mobile-c219f8ca.d.ts

@@ -1 +1 @@
-export * from "./Component-8b5756fe";
+export * from "./Component-b5b4c59f";

package/cssm/mobile.js

@@ -10,8 +10,8 @@ require('@alfalab/core-components-input/cssm/mobile');
 require('./components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('date-fns');
 require('date-fns/isValid');
+require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar/cssm/shared');
 require('@alfalab/core-components-icon-button/cssm');
 require('@alfalab/core-components-popover/cssm');

package/{esm/types-83e2bd9e.d.ts → cssm/types-1c79e231.d.ts}

@@ -14,7 +14,7 @@ type NavigationBarProps = {
     /**
      * Подзаголовок (доступен только в мобильной версии)
      */
-    subtitle?: string;
+    subtitle?: ReactNode;
     /**
      * Размер заголовка (compact доступен только в мобильной версии)
      */

package/{modern/typings-9211a437.d.ts → cssm/typings-89f0cb07.d.ts}

@@ -69,6 +69,8 @@ type ComponentProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+};
+type PrivateButtonProps = {
     /**
      * Основные стили компонента.
      */
@@ -80,16 +82,12 @@ type ComponentProps = {
      */
     colorStylesMap: StyleColors;
 };
-type AnchorBaseButtonProps = ComponentProps & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeBaseButtonProps = ComponentProps & ButtonHTMLAttributes<HTMLButtonElement>;
-type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
-type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
-type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
-type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
+type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
+type ButtonProps = CommonButtonProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024
      */
     breakpoint?: number;
 };
-export { StyleColors, ComponentProps, AnchorBaseButtonProps, NativeBaseButtonProps, BaseButtonProps, AnchorButtonProps, NativeButtonProps, ButtonProps };
+export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };

package/desktop-63dec22f.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.desktop-2e2b2125";
+export * from "./Component.desktop-b5b4c59f";
 export {};

package/desktop-69921c40.d.ts

@@ -0,0 +1,2 @@
+export { ButtonDesktop } from "./Component.desktop-0aa4e915";
+export type { CommonButtonProps as ButtonDesktopProps } from "./typings-89f0cb07";

package/desktop.js

@@ -10,8 +10,8 @@ require('@alfalab/core-components-input/desktop');
 require('./components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
-require('date-fns');
 require('date-fns/isValid');
+require('date-fns/startOfMonth');
 require('@alfalab/core-components-calendar/shared');
 require('@alfalab/core-components-icon-button');
 require('@alfalab/core-components-popover');

package/esm/Component-10db897e.d.ts

@@ -0,0 +1,297 @@
+/// <reference types="react" />
+import React from 'react';
+import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
+    /**
+     * Значение поля ввода
+     */
+    value?: string;
+    /**
+     * Начальное значение поля
+     */
+    defaultValue?: string;
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Крестик для очистки поля
+     */
+    clear?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Отображение иконки успеха
+     */
+    success?: boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: React.ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: 'inner' | 'outer';
+    /**
+     * Атрибут type
+     */
+    type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
+    /**
+     * Ref для обертки input
+     */
+    wrapperRef?: React.Ref<HTMLDivElement> | null;
+    /**
+     * Слот слева
+     */
+    leftAddons?: React.ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: React.ReactNode;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Слот под инпутом
+     */
+    bottomAddons?: React.ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс инпута
+     */
+    inputClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Класс, который будет установлен при фокусе
+     */
+    focusedClassName?: string;
+    /**
+     * Класс, который будет установлен, если в поле есть значение
+     */
+    filledClassName?: string;
+    /**
+     * Обработчик поля ввода
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, payload: {
+        value: string;
+    }) => void;
+    /**
+     * Обработчик нажатия на кнопку очистки
+     */
+    onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Обработчик клика по полю
+     */
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Обработчик MouseDown по полю
+     */
+    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Обработчик MouseUp по полю
+     */
+    onMouseUp?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Компонент FormControl
+     */
+    FormControlComponent?: ElementType<FormControlProps & RefAttributes<HTMLDivElement>>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors;
+    /**
+     * Запрещает ввод с клавиатуры
+     */
+    disableUserInput?: boolean;
+};
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
+    /**
+     * Значение поля ввода
+     */
+    value?: string | undefined;
+    /**
+     * Начальное значение поля
+     */
+    defaultValue?: string | undefined;
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean | undefined;
+    /**
+     * Крестик для очистки поля
+     */
+    clear?: boolean | undefined;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted" | undefined;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Отображение иконки успеха
+     */
+    success?: boolean | undefined;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: React.ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: "inner" | "outer" | undefined;
+    /**
+     * Атрибут type
+     */
+    type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
+    /**
+     * Ref для обертки input
+     */
+    wrapperRef?: React.Ref<HTMLDivElement> | undefined;
+    /**
+     * Слот слева
+     */
+    leftAddons?: React.ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: React.ReactNode;
+    /**
+     * Свойства для обертки левых аддонов
+     */
+    leftAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Свойства для обертки правых аддонов
+     */
+    rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
+    /**
+     * Слот под инпутом
+     */
+    bottomAddons?: React.ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string | undefined;
+    /**
+     * Дополнительный класс инпута
+     */
+    inputClassName?: string | undefined;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string | undefined;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string | undefined;
+    /**
+     * Класс, который будет установлен при фокусе
+     */
+    focusedClassName?: string | undefined;
+    /**
+     * Класс, который будет установлен, если в поле есть значение
+     */
+    filledClassName?: string | undefined;
+    /**
+     * Обработчик поля ввода
+     */
+    onChange?: ((event: ChangeEvent<HTMLInputElement>, payload: {
+        value: string;
+    }) => void) | undefined;
+    /**
+     * Обработчик нажатия на кнопку очистки
+     */
+    onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
+    /**
+     * Обработчик клика по полю
+     */
+    onClick?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
+    /**
+     * Обработчик MouseDown по полю
+     */
+    onMouseDown?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
+    /**
+     * Обработчик MouseUp по полю
+     */
+    onMouseUp?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
+    /**
+     * Компонент FormControl
+     */
+    FormControlComponent?: React.ElementType<Omit<import("./index-ebda875c").BaseFormControlProps, "styles" | "colorStyles"> & {
+        breakpoint?: number | undefined;
+        defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+    } & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    colorStyles?: StyleColors | undefined;
+    /**
+     * Запрещает ввод с клавиатуры
+     */
+    disableUserInput?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export * from "./Component-72dda473";
+export * from "./Component.responsive-785df74d";
+export { StyleColors, BaseInputProps, BaseInput };

package/esm/Component-89f0cb07.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import React from "react";
+import { FC } from "react";
+import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
+type SpinnerProps = {
+    /**
+     * Управление видимостью компонента
+     */
+    visible?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "xs" | "s" | "m";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Идентификатор компонента в DOM
+     */
+    id?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Палитра, в контексте которой используется спиннер
+     */
+    colors?: "default" | "inverted";
+};
+declare const Spinner: FC<SpinnerProps>;
+/**
+ * Минимальное время отображения лоадера - 500мс,
+ * чтобы при быстрых ответах от сервера кнопка не «моргала».
+ */
+declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
+declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/{Component-8b5756fe.d.ts → esm/Component-b5b4c59f.d.ts}

@@ -4,8 +4,8 @@ import React from "react";
 import { ReactNode, FC, KeyboardEvent, MouseEvent, MutableRefObject, Ref, RefObject } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { NavigationBarProps } from "./types-83e2bd9e";
-import { CalendarDesktopProps } from "./Component.desktop-8b5756fe";
+import { NavigationBarProps } from "./types-1c79e231";
+import { CalendarDesktopProps } from "./Component.desktop-b5b4c59f";
 type BackdropProps = Partial<TransitionProps> & {
     /**
      * Прозрачный бэкдроп
@@ -383,6 +383,7 @@ declare const CalendarMobile: React.ForwardRefExoticComponent<CalendarDesktopPro
      */
     allowSelectionFromEmptyRange?: boolean | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component.mobile-755fbaa3";
+export { ButtonMobile } from "./Component.mobile-89f0cb07";
+export type { CommonButtonProps as ButtonMobileProps } from "./typings-89f0cb07";
 export { ModalMobile, ModalMobileProps, Content, ResponsiveContext, Modal, ModalContext, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, CalendarMobileProps, CalendarMobile };
 export type { SavedStyle };

package/esm/Component.desktop-0aa4e915.d.ts

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

package/esm/Component.desktop-785df74d.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlDesktopProps, FormControlDesktop };

package/{cssm/Component.desktop-8b5756fe.d.ts → esm/Component.desktop-b5b4c59f.d.ts}

@@ -2,7 +2,6 @@
 import React from "react";
 import { FC, ReactNode, MouseEvent } from "react";
 import { SelectorView, Month, DayAddons, View } from "./typings-5684a67d";
-import { PeriodType } from "./index-f034f741";
 type HeaderProps = {
     /**
      * Вид шапки — месяц и год или только месяц
@@ -16,6 +15,10 @@ type HeaderProps = {
      * Дочерние элементы.
      */
     children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
 };
 declare const Header: FC<HeaderProps>;
 type MonthYearHeaderProps = {
@@ -60,12 +63,6 @@ type MonthsTableProps = {
     responsive?: boolean;
 };
 declare const MonthsTable: FC<MonthsTableProps>;
-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;
-};
 type YearsTableProps = {
     /**
      * Массив лет
@@ -79,10 +76,6 @@ type YearsTableProps = {
      * Доп. пропсы для переданного года
      */
     getYearProps: (year: Date) => Record<string, unknown>;
-    /**
-     * Обработчик скролла
-     */
-    onScroll: (scrollTop: number) => void;
     /**
      * Должен ли календарь подстраиваться под ширину родителя.
      */
@@ -94,6 +87,14 @@ type CalendarDesktopProps = {
      * Дополнительный класс
      */
     className?: string;
+    /**
+     * Дополнительный класс шапки десктопного календаря
+     */
+    headerClassName?: string;
+    /**
+     * Дополнительный класс контента десктопного календаря
+     */
+    contentClassName?: string;
     /**
      * Вид по умолчанию (выбор дней, месяцев, лет)
      */
@@ -193,5 +194,5 @@ type CalendarDesktopProps = {
     showCurrentYearSelector?: boolean;
 };
 declare const CalendarDesktop: React.ForwardRefExoticComponent<CalendarDesktopProps & React.RefAttributes<HTMLDivElement>>;
-export { HeaderProps, Header, MonthYearHeaderProps, MonthYearHeader, MonthsTableProps, MonthsTable, formatPeriod, getYearSelectorValue, shiftValues, YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
-export * from "./Component-63dec22f";
+export { HeaderProps, Header, MonthYearHeaderProps, MonthYearHeader, MonthsTableProps, MonthsTable, YearsTableProps, YearsTable, CalendarDesktopProps, CalendarDesktop };
+export * from "./Component-69921c40";

package/esm/Component.desktop.js

@@ -5,8 +5,8 @@ import { InputDesktop } from '@alfalab/core-components-input/esm/desktop';
 import { DateRangeInput } from './components/date-range-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import 'date-fns';
 import 'date-fns/isValid';
+import 'date-fns/startOfMonth';
 import '@alfalab/core-components-calendar/esm/shared';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/core-components-popover/esm';

package/esm/Component.mobile-89f0cb07.d.ts

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

package/esm/Component.mobile-d7e9f69d.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
+declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControlMobileProps, FormControlMobile };

package/esm/Component.mobile-ebda875c.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
-declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
-export { FormControlMobileProps, FormControlMobile };
+import { BaseInputProps } from "./index-ebda875c";
+type InputMobileProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
+declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
+export * from "./Component.mobile-d7e9f69d";
+export { InputMobileProps, InputMobile };

package/esm/Component.mobile.js

@@ -5,8 +5,8 @@ import { InputMobile } from '@alfalab/core-components-input/esm/mobile';
 import { DateRangeInput } from './components/date-range-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
-import 'date-fns';
 import 'date-fns/isValid';
+import 'date-fns/startOfMonth';
 import '@alfalab/core-components-calendar/esm/shared';
 import '@alfalab/core-components-icon-button/esm';
 import '@alfalab/core-components-popover/esm';

package/esm/Component.responsive-0aa4e915.d.ts

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

package/esm/Component.responsive-785df74d.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseFormControlProps } from "./index-ebda875c";
+type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { FormControlProps, FormControl };