@alfalab/core-components 42.0.0-beta.1 → 42.0.0

package/date-range-input/esm/Component.desktop.js

@@ -1,6 +1,7 @@
 import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { CalendarDesktop } from '../../calendar/esm/desktop';
+import { InputDesktop } from '../../input/esm/desktop';
 import { DateRangeInput } from './components/date-range-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
@@ -8,13 +9,12 @@ import 'date-fns';
 import 'date-fns/isValid';
 import '../../calendar/esm/shared';
 import '../../icon-button/esm';
-import '../../input/esm';
 import '../../popover/esm';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';
 import 'date-fns/parse';
 import './utils/format.js';
 
-var DateRangeInputDesktop = forwardRef(function (props, ref) { return React.createElement(DateRangeInput, __assign({ Calendar: CalendarDesktop }, props, { ref: ref })); });
+var DateRangeInputDesktop = forwardRef(function (props, ref) { return (React.createElement(DateRangeInput, __assign({ InputComponent: InputDesktop, Calendar: CalendarDesktop }, props, { ref: ref }))); });
 
 export { DateRangeInputDesktop };

package/date-range-input/esm/Component.mobile-755fbaa3.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
+type ButtonMobileProps = Partial<AnchorButtonProps | NativeButtonProps>;
+declare const ButtonMobile: React.ForwardRefExoticComponent<ButtonMobileProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export { ButtonMobileProps, ButtonMobile };

package/date-range-input/esm/Component.mobile-ebda875c.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/date-range-input/esm/Component.mobile.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
 import { ConditionalProps, DateRangeInputProps } from "./components/date-range-input/index";
-type DateRangeInputMobileProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose'> & ConditionalProps;
+type DateRangeInputMobileProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose' | 'InputComponent'> & ConditionalProps;
 declare const DateRangeInputMobile: React.ForwardRefExoticComponent<DateRangeInputMobileProps & React.RefAttributes<HTMLInputElement>>;
 export { DateRangeInputMobileProps, DateRangeInputMobile };

package/date-range-input/esm/Component.mobile.js

@@ -1,6 +1,7 @@
 import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { CalendarMobile } from '../../calendar/esm/mobile';
+import { InputMobile } from '../../input/esm/mobile';
 import { DateRangeInput } from './components/date-range-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
@@ -8,13 +9,12 @@ import 'date-fns';
 import 'date-fns/isValid';
 import '../../calendar/esm/shared';
 import '../../icon-button/esm';
-import '../../input/esm';
 import '../../popover/esm';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';
 import 'date-fns/parse';
 import './utils/format.js';
 
-var DateRangeInputMobile = forwardRef(function (props, ref) { return React.createElement(DateRangeInput, __assign({ Calendar: CalendarMobile, view: 'mobile' }, props, { ref: ref })); });
+var DateRangeInputMobile = forwardRef(function (props, ref) { return (React.createElement(DateRangeInput, __assign({ InputComponent: InputMobile, Calendar: CalendarMobile, view: 'mobile' }, props, { ref: ref }))); });
 
 export { DateRangeInputMobile };

package/date-range-input/esm/Component.responsive-2e2b2125.d.ts

@@ -0,0 +1,66 @@
+/// <reference types="react" />
+import React from "react";
+import { FC, ReactNode } from "react";
+import { ButtonProps } from "./typings-9211a437";
+type MqProps = {
+    /**
+     * Media выражение или кастомный запрос из `mq.json`, например `--mobile`.
+     */
+    query?: string;
+    /**
+     * Запрос на поддержку тач-событий
+     */
+    touch?: boolean;
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+    /**
+     * Обработчик изменений в совпадении запросов
+     */
+    onMatchChange?: (isMatched: boolean) => void;
+};
+declare const Mq: FC<MqProps>;
+/**
+ * Хук для медиа запросов.
+ * @param query media выражение или кастомный запрос из `mq.json`, например `--mobile`.
+ * @param defaultValue Значение по-умолчанию.
+ */
+declare const useMatchMedia: (query: string, defaultValue?: boolean | (() => boolean)) => boolean[];
+/**
+ * Возвращает MediaQueryList для заданного media-выражения.
+ *
+ * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
+ */
+declare function getMatchMedia(queryProp: string): MediaQueryList;
+/**
+ * Удаляет MediaQueryList.
+ *
+ * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
+ */
+declare function releaseMatchMedia(queryProp: string): void;
+/**
+ * Возвращает `true`, если есть поддержка `Pointer Events`
+ */
+declare function isPointerEventsSupported(): boolean;
+/**
+ * Возвращает `true`, если есть поддержка `Touch Events`
+ */
+declare function isTouchSupported(): boolean;
+declare const _exports: {
+    "--mobile-xs": string;
+    "--mobile-s": string;
+    "--mobile-m": string;
+    "--mobile-l": string;
+    "--mobile": string;
+    "--tablet-s": string;
+    "--tablet-m": string;
+    "--tablet": string;
+    "--desktop-s": string;
+    "--desktop-m": string;
+    "--desktop-l": string;
+    "--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 };

package/date-range-input/esm/Component.responsive.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ConditionalProps, DateRangeInputProps } from "./components/date-range-input/index";
-type DateRangeInputResponsiveProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose'> & ConditionalProps & {
+type DateRangeInputResponsiveProps = Omit<DateRangeInputProps, 'view' | 'picker' | 'onClose' | 'InputComponent'> & ConditionalProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия
      * @default 1024

package/date-range-input/esm/Component.responsive.js

@@ -4,6 +4,7 @@ import { useMedia } from '@alfalab/hooks';
 import { DateRangeInputDesktop } from './Component.desktop.js';
 import { DateRangeInputMobile } from './Component.mobile.js';
 import '../../calendar/esm/desktop';
+import '../../input/esm/desktop';
 import './components/date-range-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
@@ -11,11 +12,11 @@ import 'date-fns';
 import 'date-fns/isValid';
 import '../../calendar/esm/shared';
 import '../../icon-button/esm';
-import '../../input/esm';
 import '../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
 import 'date-fns/parse';
 import '../../calendar/esm/mobile';
+import '../../input/esm/mobile';
 import './utils/format.js';
 
 var DateRangeInputResponsive = forwardRef(function (_a, ref) {

package/date-range-input/esm/components/date-range-input/Component.d.ts

@@ -104,6 +104,14 @@ type DateRangeInputProps = Omit<InputProps, 'onChange'> & ConditionalProps & {
      * Отображение компонента в мобильном или десктопном виде
      */
     view?: 'desktop' | 'mobile';
+    /**
+     * Компонент инпута
+     */
+    InputComponent?: ElementType;
+    /**
+     * Запретить ввод с клавиатуры
+     */
+    disableUserInput?: boolean;
 };
 declare const DateRangeInput: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLInputElement>>;
 export { ConditionalProps, DateRangeInputProps, DateRangeInput };

package/date-range-input/esm/components/date-range-input/Component.js

@@ -6,29 +6,27 @@ import { startOfMonth } from 'date-fns';
 import dateFnsIsValid from 'date-fns/isValid';
 import { usePeriod } from '../../../../calendar/esm/shared';
 import { IconButton } from '../../../../icon-button/esm';
-import { Input } from '../../../../input/esm';
 import { Popover } from '../../../../popover/esm';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { parseTimestampToDate, DATE_FORMAT, format, parseDateString, DATE_MASK, isCompleteDateInput, isValid } from '../../utils/format.js';
 import 'date-fns/parse';
 
-var styles = {"component":"date-range-input__component_1qgri","calendarContainer":"date-range-input__calendarContainer_1qgri","calendarResponsive":"date-range-input__calendarResponsive_1qgri","block":"date-range-input__block_1qgri","calendarIcon":"date-range-input__calendarIcon_1qgri"};
+var styles = {"component":"date-range-input__component_1cfrs","calendarContainer":"date-range-input__calendarContainer_1cfrs","calendarResponsive":"date-range-input__calendarResponsive_1cfrs","block":"date-range-input__block_1cfrs","calendarIcon":"date-range-input__calendarIcon_1cfrs"};
 require('./index.css');
 
-/* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
 var DateRangeInput = React.forwardRef(function (_a, ref) {
     var _b, _c;
     var _d;
-    var className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, disabled = _a.disabled, readOnly = _a.readOnly, picker = _a.picker, _e = _a.defaultValue, defaultValue = _e === void 0 ? '' : _e, propValue = _a.value, onChange = _a.onChange, onComplete = _a.onComplete, onClose = _a.onClose, rightAddons = _a.rightAddons, useAnchorWidth = _a.useAnchorWidth, block = _a.block, _f = _a.popoverPosition, popoverPosition = _f === void 0 ? 'bottom-start' : _f, zIndexPopover = _a.zIndexPopover, preventFlip = _a.preventFlip, Calendar = _a.Calendar, _g = _a.calendarProps, calendarProps = _g === void 0 ? {} : _g, defaultMonth = _a.defaultMonth, _h = _a.minDate, minDate = _h === void 0 ? calendarProps.minDate : _h, _j = _a.maxDate, maxDate = _j === void 0 ? calendarProps.maxDate : _j, _k = _a.offDays, offDays = _k === void 0 ? calendarProps.offDays || [] : _k, _l = _a.events, events = _l === void 0 ? calendarProps.events || [] : _l, _m = _a.defaultOpen, defaultOpen = _m === void 0 ? false : _m, _o = _a.view, view = _o === void 0 ? 'desktop' : _o, restProps = __rest(_a, ["className", "inputClassName", "popoverClassName", "disabled", "readOnly", "picker", "defaultValue", "value", "onChange", "onComplete", "onClose", "rightAddons", "useAnchorWidth", "block", "popoverPosition", "zIndexPopover", "preventFlip", "Calendar", "calendarProps", "defaultMonth", "minDate", "maxDate", "offDays", "events", "defaultOpen", "view"]);
+    var className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, disabled = _a.disabled, readOnly = _a.readOnly, _e = _a.disableUserInput, disableUserInput = _e === void 0 ? false : _e, picker = _a.picker, _f = _a.defaultValue, defaultValue = _f === void 0 ? '' : _f, propValue = _a.value, onChange = _a.onChange, onComplete = _a.onComplete, onClose = _a.onClose, rightAddons = _a.rightAddons, useAnchorWidth = _a.useAnchorWidth, block = _a.block, _g = _a.popoverPosition, popoverPosition = _g === void 0 ? 'bottom-start' : _g, zIndexPopover = _a.zIndexPopover, preventFlip = _a.preventFlip, InputComponent = _a.InputComponent, Calendar = _a.Calendar, _h = _a.calendarProps, calendarProps = _h === void 0 ? {} : _h, defaultMonth = _a.defaultMonth, _j = _a.minDate, minDate = _j === void 0 ? calendarProps.minDate : _j, _k = _a.maxDate, maxDate = _k === void 0 ? calendarProps.maxDate : _k, _l = _a.offDays, offDays = _l === void 0 ? calendarProps.offDays || [] : _l, _m = _a.events, events = _m === void 0 ? calendarProps.events || [] : _m, _o = _a.defaultOpen, defaultOpen = _o === void 0 ? false : _o, _p = _a.view, view = _p === void 0 ? 'desktop' : _p, restProps = __rest(_a, ["className", "inputClassName", "popoverClassName", "disabled", "readOnly", "disableUserInput", "picker", "defaultValue", "value", "onChange", "onComplete", "onClose", "rightAddons", "useAnchorWidth", "block", "popoverPosition", "zIndexPopover", "preventFlip", "InputComponent", "Calendar", "calendarProps", "defaultMonth", "minDate", "maxDate", "offDays", "events", "defaultOpen", "view"]);
     var inputRef = useRef(null);
     var iconRef = useRef(null);
     var calendarRef = useRef(null);
-    var _p = useState(propValue || defaultValue), value = _p[0], setValue = _p[1];
-    var _q = useState(defaultOpen), open = _q[0], setOpen = _q[1];
+    var _q = useState(propValue || defaultValue), value = _q[0], setValue = _q[1];
+    var _r = useState(defaultOpen), open = _r[0], setOpen = _r[1];
     var inputDisabled = disabled || readOnly;
     var calendarResponsive = (_d = calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.responsive) !== null && _d !== void 0 ? _d : true;
-    var _r = usePeriod({ onPeriodChange: handlePeriodChange }), selectedFrom = _r.selectedFrom, selectedTo = _r.selectedTo, updatePeriod = _r.updatePeriod, resetPeriod = _r.resetPeriod, setStart = _r.setStart, setEnd = _r.setEnd;
+    var _s = usePeriod({ onPeriodChange: handlePeriodChange }), selectedFrom = _s.selectedFrom, selectedTo = _s.selectedTo, updatePeriod = _s.updatePeriod, resetPeriod = _s.resetPeriod, setStart = _s.setStart, setEnd = _s.setEnd;
     useEffect(function () {
         if (value) {
             setCalendarPeriod(getDates(value));
@@ -107,6 +105,12 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
             }
         }
     };
+    var handleInputKeyDown = function (event) {
+        var isCopy = (event.metaKey || event.ctrlKey) && event.key === 'c';
+        if (disableUserInput && !isCopy) {
+            event.preventDefault();
+        }
+    };
     var handleBlur = function (event) {
         var _a, _b, _c;
         if (view === 'desktop') {
@@ -207,9 +211,9 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
     return (React.createElement("div", { className: cn(styles.component, className, (_b = {},
             _b[styles.block] = block,
             _b)), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
-        React.createElement(Input, __assign({}, restProps, { block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, rightAddons: React.createElement(React.Fragment, null,
+        InputComponent ? (React.createElement(InputComponent, __assign({}, restProps, { block: block, ref: mergeRefs([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, onKeyDown: handleInputKeyDown, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
-                picker && (React.createElement(IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) })),
+                picker && (React.createElement(IconButton, { className: styles.calendarIcon, ref: iconRef, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon, size: 's' }))) }))) : null,
         picker && (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn(styles.calendarContainer, (_c = {},
                 _c[styles.calendarResponsive] = calendarResponsive,
                 _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));

package/date-range-input/esm/components/date-range-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 1s3hb */
+/* hash: 5wzse */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-range-input__component_1qgri {
+} .date-range-input__component_1cfrs {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_1qgri {
+} .date-range-input__calendarContainer_1cfrs {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_1qgri {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_1cfrs {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_1qgri {
+    } .date-range-input__calendarResponsive_1cfrs {
     width: var(--calendar-width);
-} .date-range-input__block_1qgri {
+} .date-range-input__block_1cfrs {
     width: 100%;
-} .date-range-input__calendarIcon_1qgri {
+} .date-range-input__calendarIcon_1cfrs {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/date-range-input/esm/components/date-range-input/index.js

@@ -7,7 +7,6 @@ import 'date-fns';
 import 'date-fns/isValid';
 import '../../../../calendar/esm/shared';
 import '../../../../icon-button/esm';
-import '../../../../input/esm';
 import '../../../../popover/esm';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';

package/date-range-input/esm/desktop-63dec22f.d.ts

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

package/date-range-input/esm/desktop.js

@@ -2,6 +2,7 @@ export { DateRangeInputDesktop } from './Component.desktop.js';
 import 'tslib';
 import 'react';
 import '../../calendar/esm/desktop';
+import '../../input/esm/desktop';
 import './components/date-range-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
@@ -9,7 +10,6 @@ import 'date-fns';
 import 'date-fns/isValid';
 import '../../calendar/esm/shared';
 import '../../icon-button/esm';
-import '../../input/esm';
 import '../../popover/esm';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';

package/date-range-input/esm/index-9211a437.d.ts

@@ -0,0 +1,2 @@
+export { Button } from "./Component.responsive-2e2b2125";
+export type { ButtonProps } from "./typings-9211a437";

package/date-range-input/esm/index.js

@@ -4,6 +4,7 @@ import 'react';
 import '@alfalab/hooks';
 import './Component.desktop.js';
 import '../../calendar/esm/desktop';
+import '../../input/esm/desktop';
 import './components/date-range-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
@@ -11,10 +12,10 @@ import 'date-fns';
 import 'date-fns/isValid';
 import '../../calendar/esm/shared';
 import '../../icon-button/esm';
-import '../../input/esm';
 import '../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
 import 'date-fns/parse';
 import './Component.mobile.js';
 import '../../calendar/esm/mobile';
+import '../../input/esm/mobile';
 import './utils/format.js';

package/date-range-input/esm/mobile.js

@@ -2,6 +2,7 @@ export { DateRangeInputMobile } from './Component.mobile.js';
 import 'tslib';
 import 'react';
 import '../../calendar/esm/mobile';
+import '../../input/esm/mobile';
 import './components/date-range-input/Component.js';
 import 'react-merge-refs';
 import 'classnames';
@@ -9,7 +10,6 @@ import 'date-fns';
 import 'date-fns/isValid';
 import '../../calendar/esm/shared';
 import '../../icon-button/esm';
-import '../../input/esm';
 import '../../popover/esm';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CalendarMIcon';

package/date-range-input/esm/typings-9211a437.d.ts

@@ -0,0 +1,95 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
+type StyleColors = {
+    default: {
+        [key: string]: string;
+    };
+    inverted: {
+        [key: string]: string;
+    };
+};
+type ComponentProps = {
+    /**
+     * Тип кнопки
+     * @default secondary
+     */
+    view?: 'accent' | 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'filled' | 'transparent' | 'link' | 'ghost';
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Размер компонента
+     * @default m
+     */
+    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+    /**
+     * Растягивает компонент на ширину контейнера
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для спиннера
+     */
+    spinnerClassName?: string;
+    /**
+     * Выводит ссылку в виде кнопки
+     */
+    href?: string;
+    /**
+     * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)
+     */
+    Component?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Показать лоадер
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Не переносить текст кнопки на новую строку
+     * @default false
+     */
+    nowrap?: boolean;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Дочерние элементы.
+     */
+    children?: ReactNode;
+    /**
+     * Основные стили компонента.
+     */
+    styles: {
+        [key: string]: string;
+    };
+    /**
+     * Стили компонента для default и inverted режима.
+     */
+    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> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+export { StyleColors, ComponentProps, AnchorBaseButtonProps, NativeBaseButtonProps, BaseButtonProps, AnchorButtonProps, NativeButtonProps, ButtonProps };

package/date-range-input/index-9211a437.d.ts

@@ -0,0 +1,2 @@
+export { Button } from "./Component.responsive-2e2b2125";
+export type { ButtonProps } from "./typings-9211a437";

package/date-range-input/index.js

@@ -6,6 +6,7 @@ require('react');
 require('@alfalab/hooks');
 require('./Component.desktop.js');
 require('../calendar/desktop');
+require('../input/desktop');
 require('./components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
@@ -13,13 +14,13 @@ require('date-fns');
 require('date-fns/isValid');
 require('../calendar/shared');
 require('../icon-button');
-require('../input');
 require('../popover');
 require('@alfalab/icons-glyph/CalendarMIcon');
 require('./utils/format.js');
 require('date-fns/parse');
 require('./Component.mobile.js');
 require('../calendar/mobile');
+require('../input/mobile');
 
 
 

package/date-range-input/mobile.js

@@ -4,6 +4,7 @@ var Component_mobile = require('./Component.mobile.js');
 require('tslib');
 require('react');
 require('../calendar/mobile');
+require('../input/mobile');
 require('./components/date-range-input/Component.js');
 require('react-merge-refs');
 require('classnames');
@@ -11,7 +12,6 @@ require('date-fns');
 require('date-fns/isValid');
 require('../calendar/shared');
 require('../icon-button');
-require('../input');
 require('../popover');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CalendarMIcon');