@alfalab/core-components 41.9.0 → 41.11.0

package/custom-picker-button/esm/Component-2aef4eba.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+import React from 'react';
+import { FC, SVGProps } from "react";
+import { ButtonProps } from "./index-ebda875c";
+import { BaseSelectProps } from "./index-3e68f8db";
+type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+type PickerButtonVariant = 'default' | 'compact';
+type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
+    options: Array<BaseSelectProps['options'][0] & {
+        /**
+         * Иконка, отображающаяся слева от текстового представления пункта
+         */
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    }>;
+    /**
+     * Размер кнопки
+     */
+    size?: PickerButtonSize;
+    /**
+     * Тип кнопки
+     */
+    variant?: PickerButtonVariant;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean;
+};
+declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+    options: Array<BaseSelectProps['options'][0] & {
+        /**
+         * Иконка, отображающаяся слева от текстового представления пункта
+         */
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    }>;
+    /**
+     * Размер кнопки
+     */
+    size?: PickerButtonSize | undefined;
+    /**
+     * Тип кнопки
+     */
+    variant?: PickerButtonVariant | undefined;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { PickerButtonSize, PickerButtonVariant, PickerButtonDesktopProps, PickerButtonDesktop };

package/custom-picker-button/esm/Component-3885b0d7.d.ts

@@ -0,0 +1,71 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+import { BottomSheetProps } from "./index-f12ee135";
+import { BaseSelectProps } from "./typings-5e1b8383";
+type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps>;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+};
+declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean | undefined;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean | undefined;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<import("./Component-5e1b8383").HeaderProps> | undefined;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<import("./Component.mobile-b2c0420d").FooterProps> | undefined;
+} & React.RefAttributes<unknown>>;
+export * from "./Component.mobile-b2c0420d";
+export { SelectMobileProps, BaseSelectMobile };

package/custom-picker-button/esm/Component-3e68f8db.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FC, SVGProps } from 'react';
+import { OptionShape } from "./typings-5e1b8383";
+import { OptionProps as BaseOptionProps } from "./typings-5e1b8383";
+type OptionProps = Omit<BaseOptionProps, 'option'> & {
+    option: OptionShape & {
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    };
+};
+declare const Option: ({ option, children, ...restProps }: OptionProps) => JSX.Element;
+export { Option };

package/custom-picker-button/esm/Component-3ebe4754.d.ts

@@ -0,0 +1,176 @@
+/// <reference types="react" />
+import React from 'react';
+import { HTMLAttributes, ReactNode } from "react";
+type FormControlProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: 'inner' | 'outer';
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
+    children?: ReactNode;
+};
+declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean | undefined;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted" | undefined;
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean | undefined;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean | undefined;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Вид лейбла внутри / снаружи
+     */
+    labelView?: "inner" | "outer" | undefined;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string | undefined;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string | undefined;
+    /**
+     * Дополнительный класс для поля
+     */
+    inputWrapperClassName?: string | undefined;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string | undefined;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string | undefined;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
+    children?: ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export { FormControlProps, FormControl };

package/custom-picker-button/esm/Component-5e1b8383.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CheckmarkProps } from "./typings-5e1b8383";
+declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => JSX.Element;
+export { BaseCheckmark };

package/custom-picker-button/esm/Component-bdb4c6b9.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import React from 'react';
+import { View } from "./typings-bdb4c6b9";
+declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
+    fullscreen?: boolean | undefined;
+    fixedPosition?: boolean | undefined;
+    hasCloser?: boolean | undefined;
+} & {
+    view: View;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Modal };

package/custom-picker-button/esm/Component-ebda875c.d.ts

@@ -0,0 +1,142 @@
+/// <reference types="react-transition-group" />
+/// <reference types="react" />
+import React from 'react';
+import { FC, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { TransitionProps } from 'react-transition-group/Transition';
+import { BackdropProps, PortalProps } from "./index-ebda875c";
+type BaseModalProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Компонент бэкдропа
+     */
+    Backdrop?: FC<BackdropProps>;
+    /**
+     * Свойства для Бэкдропа
+     */
+    backdropProps?: Partial<BackdropProps> & Record<string, unknown>;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: PortalProps['getPortalContainer'];
+    /**
+     * Отключает автоматический перевод фокуса на модалку при открытии
+     * @default false
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     * @default false
+     */
+    disableFocusLock?: boolean;
+    /**
+     * Отключает восстановление фокуса на предыдущем элементе после закрытия модалки
+     * @default false
+     */
+    disableRestoreFocus?: boolean;
+    /**
+     * Отключает вызов `callback` при нажатии Escape
+     * @default false
+     */
+    disableEscapeKeyDown?: boolean;
+    /**
+     * Отключает вызов `callback` при клике на бэкдроп
+     * @default false
+     */
+    disableBackdropClick?: boolean;
+    /**
+     * Отключает блокировку скролла при открытии модального окна
+     * @default false
+     */
+    disableBlockingScroll?: boolean;
+    /**
+     * Содержимое модалки всегда в DOM
+     * @default false
+     */
+    keepMounted?: boolean;
+    /**
+     * Управление видимостью модалки
+     */
+    open: boolean;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительный класс для обертки (Modal)
+     */
+    wrapperClassName?: string;
+    /**
+     * Обработчик скролла контента
+     */
+    scrollHandler?: 'wrapper' | 'content' | MutableRefObject<HTMLDivElement | null>;
+    /**
+     * Пропсы для анимации (CSSTransition)
+     */
+    transitionProps?: Partial<TransitionProps>;
+    /**
+     * Рендерить ли в контейнер через портал.
+     * @default true
+     */
+    usePortal?: boolean;
+    /**
+     * Обработчик события нажатия на бэкдроп
+     */
+    onBackdropClick?: (event: MouseEvent) => void;
+    /**
+     * Обработчик события нажатия на Escape
+     *
+     * Если `disableEscapeKeyDown` - false и модальное окно в фокусе
+     */
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    /**
+     * Обработчик закрытия
+     */
+    onClose?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>, reason?: 'backdropClick' | 'escapeKeyDown' | 'closerClick') => void;
+    /**
+     * Обработчик события onEntered компонента Transition
+     */
+    onMount?: () => void;
+    /**
+     * Обработчик события onExited компонента Transition
+     */
+    onUnmount?: () => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Реф, который должен быть установлен компонентной области
+     */
+    componentRef?: MutableRefObject<HTMLDivElement | null>;
+};
+type BaseModalContext = {
+    parentRef: React.RefObject<HTMLDivElement>;
+    componentRef: React.RefObject<HTMLDivElement>;
+    hasFooter?: boolean;
+    hasHeader?: boolean;
+    hasScroll?: boolean;
+    headerHighlighted?: boolean;
+    footerHighlighted?: boolean;
+    headerOffset?: number;
+    setHeaderOffset: (offset: number) => void;
+    contentRef: Ref<HTMLElement>;
+    setHasHeader: (exists: boolean) => void;
+    setHasFooter: (exists: boolean) => void;
+    onClose: Required<BaseModalProps>['onClose'];
+};
+declare const BaseModalContext: React.Context<BaseModalContext>;
+declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.RefAttributes<HTMLDivElement>>;
+export { BaseModalProps, BaseModalContext, BaseModal };

package/custom-picker-button/esm/Component.desktop.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { CustomButtonProps } from "../../custom-button";
+type CustomPickerButtonDesktopProps = Omit<PickerButtonDesktopProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
+declare const CustomPickerButtonDesktop: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "colors" | "view"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
+export { CustomPickerButtonDesktopProps, CustomPickerButtonDesktop };

package/custom-picker-button/esm/Component.desktop.js

@@ -0,0 +1,20 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { PickerButtonDesktop } from '../../picker-button/esm/desktop';
+import { Field } from './field/Component.js';
+import 'classnames';
+import '../../custom-button/esm';
+import '../../picker-button/esm';
+
+var DEFAULT_BUTTON_COLOR = '#FF45C3';
+var DEFAULT_CONTENT_COLOR = 'white';
+var CustomPickerButtonDesktop = forwardRef(function (_a, ref) {
+    var _b = _a.backgroundColor, backgroundColor = _b === void 0 ? DEFAULT_BUTTON_COLOR : _b, _c = _a.contentColor, contentColor = _c === void 0 ? DEFAULT_CONTENT_COLOR : _c, _d = _a.stateType, stateType = _d === void 0 ? 'darkening' : _d, restProps = __rest(_a, ["backgroundColor", "contentColor", "stateType"]);
+    return (React.createElement(PickerButtonDesktop, __assign({}, restProps, { fieldProps: {
+            backgroundColor: backgroundColor,
+            contentColor: contentColor,
+            stateType: stateType,
+        }, Field: Field, ref: ref })));
+});
+
+export { CustomPickerButtonDesktop };

package/custom-picker-button/esm/Component.mobile-ae13210f.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import React from 'react';
+import { AdditionalMobileProps } from "./index-3e68f8db";
+import { PickerButtonDesktopProps } from "./Component-2aef4eba";
+type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps;
+declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
+export { PickerButtonMobileProps, PickerButtonMobile };

package/custom-picker-button/esm/Component.mobile-b2c0420d.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import React from "react";
+import { FC, ReactNode } from "react";
+import { ContentProps, ModalMobileProps } from "./typings-bdb4c6b9";
+declare const Content: FC<ContentProps>;
+type FooterProps = {
+    /**
+     * Контент футера
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Фиксирует футер
+     */
+    sticky?: boolean;
+    /**
+     * Выравнивание элементов футера
+     */
+    layout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Отступы между элементами футера
+     */
+    gap?: 16 | 24 | 32;
+};
+declare const Footer: FC<FooterProps>;
+declare const ModalMobile: React.ForwardRefExoticComponent<ModalMobileProps & React.RefAttributes<HTMLDivElement>> & {
+    Content: React.FC<import("./typings-bdb4c6b9").ContentProps>;
+    Header: React.FC<import("./Component-5e1b8383").HeaderProps>;
+    Footer: React.FC<FooterProps>;
+    Closer: React.FC<import("./index-e81c389f").CloserProps>;
+};
+export { Content, FooterProps, Footer, ModalMobile };

package/custom-picker-button/esm/Component.mobile.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { CustomButtonProps } from "../../custom-button";
+type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
+declare const CustomPickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonMobileProps, "colors" | "view"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
+export { CustomPickerButtonMobileProps, CustomPickerButtonMobile };

package/custom-picker-button/esm/Component.mobile.js

@@ -0,0 +1,20 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { PickerButtonMobile } from '../../picker-button/esm/mobile';
+import { Field } from './field/Component.js';
+import 'classnames';
+import '../../custom-button/esm';
+import '../../picker-button/esm';
+
+var DEFAULT_BUTTON_COLOR = '#FF45C3';
+var DEFAULT_CONTENT_COLOR = 'white';
+var CustomPickerButtonMobile = forwardRef(function (_a, ref) {
+    var _b = _a.backgroundColor, backgroundColor = _b === void 0 ? DEFAULT_BUTTON_COLOR : _b, _c = _a.contentColor, contentColor = _c === void 0 ? DEFAULT_CONTENT_COLOR : _c, _d = _a.stateType, stateType = _d === void 0 ? 'darkening' : _d, restProps = __rest(_a, ["backgroundColor", "contentColor", "stateType"]);
+    return (React.createElement(PickerButtonMobile, __assign({}, restProps, { fieldProps: {
+            backgroundColor: backgroundColor,
+            contentColor: contentColor,
+            stateType: stateType,
+        }, Field: Field, ref: ref })));
+});
+
+export { CustomPickerButtonMobile };

package/custom-picker-button/esm/Component.responsive-2aef4eba.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import React from 'react';
+import { ButtonProps } from "./index-ebda875c";
+import { AdditionalMobileProps } from "./index-3e68f8db";
+import { PickerButtonDesktopProps } from "./Component-2aef4eba";
+type PickerButtonMatchMedia = 'desktop' | 'mobile';
+type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("./index-3e68f8db").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+    options: ((import("./index-3e68f8db").OptionShape | import("./index-3e68f8db").GroupShape) & {
+        icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
+    })[];
+    size?: import("./Component-2aef4eba").PickerButtonSize | undefined;
+    variant?: import("./Component-2aef4eba").PickerButtonVariant | undefined;
+    showArrow?: boolean | undefined;
+} & AdditionalMobileProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { PickerButtonMatchMedia, PickerButtonResponsiveProps, PickerButtonResponsive };

package/custom-picker-button/esm/Component.responsive.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import React from 'react';
+import { CustomButtonProps } from "../../custom-button";
+import { PickerButtonDesktopProps } from "./index-2aef4eba";
+import { AdditionalMobileProps } from "./index-3e68f8db";
+import { CustomPickerButtonDesktopProps } from "./Component.desktop";
+type PickerButtonMatchMedia = 'desktop' | 'mobile';
+type CustomPickerButtonResponsiveProps = CustomPickerButtonDesktopProps & AdditionalMobileProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+declare const CustomPickerButtonResponsive: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "colors" | "view"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & AdditionalMobileProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { PickerButtonMatchMedia, CustomPickerButtonResponsiveProps, CustomPickerButtonResponsive };

package/custom-picker-button/esm/Component.responsive.js

@@ -0,0 +1,20 @@
+import { __rest, __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { useMatchMedia } from '../../mq/esm';
+import { CustomPickerButtonDesktop } from './Component.desktop.js';
+import { CustomPickerButtonMobile } from './Component.mobile.js';
+import '../../picker-button/esm/desktop';
+import './field/Component.js';
+import 'classnames';
+import '../../custom-button/esm';
+import '../../picker-button/esm';
+import '../../picker-button/esm/mobile';
+
+var CustomPickerButtonResponsive = forwardRef(function (_a, ref) {
+    var OptionsList = _a.OptionsList, onScroll = _a.onScroll, footer = _a.footer, swipeable = _a.swipeable, bottomSheetProps = _a.bottomSheetProps, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = __rest(_a, ["OptionsList", "onScroll", "footer", "swipeable", "bottomSheetProps", "breakpoint"]);
+    var query = "(min-width: ".concat(breakpoint, "px)");
+    var isDesktop = useMatchMedia(query)[0];
+    return isDesktop ? (React.createElement(CustomPickerButtonDesktop, __assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React.createElement(CustomPickerButtonMobile, __assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
+});
+
+export { CustomPickerButtonResponsive };

package/custom-picker-button/esm/Context-bdb4c6b9.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BaseModalContext } from "./index-bdb4c6b9";
+declare const ModalContext: import("react").Context<BaseModalContext>;
+export { ModalContext };

package/custom-picker-button/esm/ResponsiveContext-baf4875b.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { TResponsiveModalContext } from "./typings-bdb4c6b9";
+declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
+export { ResponsiveContext };