@alfalab/core-components-custom-picker-button 2.0.13 → 2.0.14

package/cssm/types-67a2d8af.d.ts

@@ -0,0 +1,276 @@
+/// <reference types="react-transition-group" />
+import { HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
+import { HandledEvents } from 'react-swipeable/es/types';
+import { TransitionProps } from 'react-transition-group/Transition';
+import { BaseModalProps } from "./index-bdb4c6b9";
+import { NavigationBarProps } from "./index-c76d6398";
+import { BackgroundColorType } from "./index-72dda473";
+type BottomSheetTitleAlign = 'center' | 'left';
+type BottomSheetProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Управление видимостью
+     */
+    open: boolean;
+    /**
+     * Заголовок
+     */
+    title?: ReactNode;
+    /**
+     * Размер заголовка
+     */
+    titleSize?: NavigationBarProps['titleSize'];
+    /**
+     * Подзаголовок.
+     */
+    subtitle?: NavigationBarProps['subtitle'];
+    /**
+     * Кнопка действия (обычно, это кнопка закрытия)
+     */
+    actionButton?: ReactNode;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: BaseModalProps['container'];
+    /**
+     * Рендерить ли в контейнер через портал.
+     */
+    usePortal?: BaseModalProps['usePortal'];
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительные пропсы на контейнер.
+     */
+    containerProps?: HTMLAttributes<HTMLDivElement>;
+    /**
+     * Дополнительный класс
+     */
+    containerClassName?: string;
+    /**
+     * Цвет фона
+     */
+    backgroundColor?: Extract<BackgroundColorType, 'primary' | 'secondary'>;
+    /**
+     * Дополнительный класс шапки
+     */
+    headerClassName?: string;
+    /**
+     * Дополнительный класс футера
+     */
+    footerClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonClassName?: string;
+    /**
+     * Дополнительный класс для компонента крестика
+     */
+    closerClassName?: string;
+    /**
+     * Дополнительный класс для компонента стрелки назад
+     */
+    backerClassName?: string;
+    /**
+     * Дополнительный класс для компонента модального окна
+     */
+    modalClassName?: string;
+    /**
+     * Дополнительный класс для обертки модального окна
+     */
+    modalWrapperClassName?: string;
+    /**
+     * Дополнительный класс для маркера
+     */
+    swipeableMarkerClassName?: string;
+    /**
+     * Кастомный маркер
+     */
+    swipeableMarker?: ReactElement;
+    /**
+     * TransitionProps, прокидываются в компонент CSSTransitionProps.
+     */
+    transitionProps?: Partial<TransitionProps>;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Будет ли свайпаться шторка
+     * @default true
+     */
+    swipeable?: boolean;
+    /**
+     * Будет ли свайпаться контент
+     */
+    swipeableContent?: boolean;
+    /**
+     * Порог свайпа
+     */
+    swipeThreshold?: number;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот снизу
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Наличие компонента крестика
+     */
+    hasCloser?: boolean;
+    /**
+     * Наличие компонента стрелки назад
+     */
+    hasBacker?: boolean;
+    /**
+     * Выравнивание заголовка
+     */
+    titleAlign?: BottomSheetTitleAlign;
+    /**
+     * Фиксирует шапку
+     */
+    stickyHeader?: boolean;
+    /**
+     * Фиксирует футер
+     */
+    stickyFooter?: boolean;
+    /**
+     * Высота шторки
+     */
+    initialHeight?: 'default' | 'full';
+    /**
+     * Будет ли виден оверлэй
+     */
+    hideOverlay?: boolean;
+    /**
+     * Будет ли видна шапка
+     */
+    hideHeader?: boolean;
+    /**
+     * Будет ли обрезан заголовок
+     */
+    trimTitle?: boolean;
+    /**
+     * Запретить закрытие шторки кликом на оверлэй
+     */
+    disableOverlayClick?: boolean;
+    /**
+     * Отключает блокировку скролла при открытии модального окна
+     */
+    disableBlockingScroll?: boolean;
+    /**
+     * Отключает ловушку фокуса
+     */
+    disableFocusLock?: boolean;
+    /**
+     * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
+     * Не анимировать шторку при изменении размера вьюпорта
+     */
+    ignoreScreenChange?: boolean;
+    /**
+     * Свойства для Бэкдропа
+     */
+    backdropProps?: BaseModalProps['backdropProps'];
+    /**
+     * Реф на контейнер, в котором происходит скролл
+     */
+    scrollableContainerRef?: RefObject<HTMLElement>;
+    /**
+     * Реф для управления компонентом.
+     */
+    bottomSheetInstanceRef?: RefObject<{
+        scrollToArea: (idx: number) => void;
+    }>;
+    /**
+     * Реф на контейнер, в котором находится шторка
+     */
+    sheetContainerRef?: RefObject<HTMLElement>;
+    /**
+     * Магнитные области видимой высоты шторки.
+     * Можно использовать значения в пикселях - 10(число), либо в процентах - 10%(строка).
+     * По-умолчанию -[0, window.innerHeight - '24px']
+     * массив должен состоять минимум из 2 элементов
+     */
+    magneticAreas?: Array<number | string>;
+    /**
+     * Индекс точки из magneticAreas, к которому нужно примагнититься при первом открытии шторки.
+     */
+    initialActiveAreaIndex?: number;
+    /**
+     * Отключает скролл контентной области.
+     */
+    scrollLocked?: boolean;
+    /**
+     * Скрыть скроллбар внутри шторки
+     */
+    hideScrollbar?: boolean;
+    /**
+     * Верхний отступ шторки, если она открыта на максимальную высоту
+     */
+    headerOffset?: number;
+    /**
+     * Содержимое bottom-sheet всегда в DOM
+     */
+    keepMounted?: boolean;
+    /**
+     * Отключает автоматический перевод фокуса на bottom-sheet при открытии
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
+     */
+    disableRestoreFocus?: boolean;
+    /**
+     * Отключает вызов `onClose` при нажатии Escape
+     */
+    disableEscapeKeyDown?: boolean;
+    /**
+     * Обработчик закрытия
+     */
+    onClose: () => void;
+    /**
+     * Обработчик нажатия на стрелку назад
+     */
+    onBack?: () => void;
+    /**
+     * Вызывается в начале анимации притягивания к одной из `magneticAreas`
+     */
+    onMagnetize?: (index: number) => void;
+    /**
+     * Вызывается после окончания анимации притягивания
+     */
+    onMagnetizeEnd?: (index: number) => void;
+    /**
+     * Вызывается при изменении положения шторки
+     */
+    onOffsetChange?: (offset: number, percent: number) => void;
+    /**
+     * Вызывается в начале свайпа
+     */
+    onSwipeStart?: (event: HandledEvents) => void;
+    /**
+     * Вызывается после окончания свайпа
+     */
+    onSwipeEnd?: (event: HandledEvents | null) => void;
+};
+export { BottomSheetTitleAlign, BottomSheetProps };

package/cssm/utils-1574ad8b.d.ts

@@ -0,0 +1,29 @@
+type SavedStyle = {
+    value: string;
+    key: string;
+    el: HTMLElement;
+};
+type RestoreStyle = {
+    container: HTMLElement;
+    modals: number;
+    styles: SavedStyle[];
+};
+declare class ModalStore {
+    private readonly restoreStyles;
+    constructor();
+    getRestoreStyles: () => RestoreStyle[];
+}
+declare const getModalStore: () => ModalStore;
+declare class GlobalStore {
+    private readonly modalStore;
+    constructor();
+    getModalStore: () => ModalStore;
+}
+declare function isScrolledToTop(target: HTMLElement): boolean;
+declare function isScrolledToBottom(target: HTMLElement): boolean;
+declare function hasScrollbar(target: HTMLElement): boolean;
+declare const getScrollbarSize: () => number;
+declare const restoreContainerStyles: (container: HTMLElement) => void;
+declare const handleContainer: (container?: HTMLElement) => void;
+export type { SavedStyle };
+export { getModalStore, GlobalStore, isScrolledToTop, isScrolledToBottom, hasScrollbar, getScrollbarSize, restoreContainerStyles, handleContainer };

package/cssm/utils-49cc3c24.d.ts

@@ -0,0 +1,8 @@
+declare const TIMEOUT = 500;
+declare const SWIPE_VELOCITY = 0.4;
+declare const MARKER_HEIGHT = 24;
+declare const CLOSE_OFFSET = 0.2;
+declare const SCROLL_OFFSET = 1;
+declare const HEADER_OFFSET = 24;
+declare const convertPercentToNumber: (value: string | number, fullHeight: number, headerOffset?: number) => number;
+export { TIMEOUT, SWIPE_VELOCITY, MARKER_HEIGHT, CLOSE_OFFSET, SCROLL_OFFSET, HEADER_OFFSET, convertPercentToNumber };

package/esm/field/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { CustomButton } from '@alfalab/core-components-custom-button/esm';
 import { getIcon } from '@alfalab/core-components-picker-button/esm/shared';
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_1ri89","addonsContainer":"custom-picker-button__addonsContainer_1ri89","showControlIcon":"custom-picker-button__showControlIcon_1ri89","open":"custom-picker-button__open_1ri89"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_1np8g","addonsContainer":"custom-picker-button__addonsContainer_1np8g","showControlIcon":"custom-picker-button__showControlIcon_1np8g","open":"custom-picker-button__open_1np8g"};
 require('./index.css')
 
 var Field = function (_a) {

package/esm/field/index.css

@@ -1,4 +1,4 @@
-/* hash: jp244 */
+/* hash: z6055 */
 :root {
 } /* deprecated */ :root { /* 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 */
 } :root { /* 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 */
@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_1ri89 {
+} .custom-picker-button__iconContainer_1np8g {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_1ri89 {
+} .custom-picker-button__addonsContainer_1np8g {
     display: flex
-} .custom-picker-button__addonsContainer_1ri89.custom-picker-button__showControlIcon_1ri89 {
+} .custom-picker-button__addonsContainer_1np8g.custom-picker-button__showControlIcon_1np8g {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_1ri89 {
+    } .custom-picker-button__open_1np8g {
     transform: var(--arrow-transform);
 }

package/field/Component.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_1ri89","addonsContainer":"custom-picker-button__addonsContainer_1ri89","showControlIcon":"custom-picker-button__showControlIcon_1ri89","open":"custom-picker-button__open_1ri89"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_1np8g","addonsContainer":"custom-picker-button__addonsContainer_1np8g","showControlIcon":"custom-picker-button__showControlIcon_1np8g","open":"custom-picker-button__open_1np8g"};
 require('./index.css')
 
 var Field = function (_a) {

package/field/index.css

@@ -1,4 +1,4 @@
-/* hash: jp244 */
+/* hash: z6055 */
 :root {
 } /* deprecated */ :root { /* 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 */
 } :root { /* 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 */
@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_1ri89 {
+} .custom-picker-button__iconContainer_1np8g {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_1ri89 {
+} .custom-picker-button__addonsContainer_1np8g {
     display: flex
-} .custom-picker-button__addonsContainer_1ri89.custom-picker-button__showControlIcon_1ri89 {
+} .custom-picker-button__addonsContainer_1np8g.custom-picker-button__showControlIcon_1np8g {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_1ri89 {
+    } .custom-picker-button__open_1np8g {
     transform: var(--arrow-transform);
 }

package/modern/field/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { CustomButton } from '@alfalab/core-components-custom-button/modern';
 import { getIcon } from '@alfalab/core-components-picker-button/modern/shared';
 
-const styles = {"iconContainer":"custom-picker-button__iconContainer_1ri89","addonsContainer":"custom-picker-button__addonsContainer_1ri89","showControlIcon":"custom-picker-button__showControlIcon_1ri89","open":"custom-picker-button__open_1ri89"};
+const styles = {"iconContainer":"custom-picker-button__iconContainer_1np8g","addonsContainer":"custom-picker-button__addonsContainer_1np8g","showControlIcon":"custom-picker-button__showControlIcon_1np8g","open":"custom-picker-button__open_1np8g"};
 require('./index.css')
 
 const Field = ({ buttonSize = 'm', buttonVariant = 'default', backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow = true, ...restProps }) => {

package/modern/field/index.css

@@ -1,4 +1,4 @@
-/* hash: jp244 */
+/* hash: z6055 */
 :root {
 } /* deprecated */ :root { /* 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 */
 } :root { /* 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 */
@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_1ri89 {
+} .custom-picker-button__iconContainer_1np8g {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_1ri89 {
+} .custom-picker-button__addonsContainer_1np8g {
     display: flex
-} .custom-picker-button__addonsContainer_1ri89.custom-picker-button__showControlIcon_1ri89 {
+} .custom-picker-button__addonsContainer_1np8g.custom-picker-button__showControlIcon_1np8g {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_1ri89 {
+    } .custom-picker-button__open_1np8g {
     transform: var(--arrow-transform);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-custom-picker-button",
-    "version": "2.0.13",
+    "version": "2.0.14",
     "description": "Custom picker button component",
     "keywords": [],
     "license": "MIT",
@@ -35,10 +35,10 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-picker-button": "^11.1.8",
+        "@alfalab/core-components-picker-button": "^11.1.9",
         "@alfalab/core-components-custom-button": "^3.3.6",
         "@alfalab/core-components-mq": "^4.2.0",
-        "@alfalab/core-components-select": "^15.2.1",
+        "@alfalab/core-components-select": "^15.2.2",
         "classnames": "^2.3.1",
         "tslib": "^2.4.0"
     }

package/cssm/Component-aed0af6e.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { CheckboxProps } from "./index-ebda875c";
-type HeaderProps = {
-    checked?: boolean;
-    indeterminate?: boolean;
-    onChange?: CheckboxProps['onChange'];
-    mobile?: boolean;
-};
-declare const Header: React.FC<HeaderProps>;
-export { HeaderProps, Header };

package/cssm/Component-f12ee135.d.ts

@@ -1,72 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-import { BottomSheetProps } from "./index-f12ee135";
-import { BaseSelectProps } from "./typings-0f4b9bed";
-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<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
-    /**
-     *  Дополнительные пропсы шапки модалки
-     */
-    modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
-    /**
-     *  Дополнительные пропсы футера модалки
-     */
-    modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
-} & React.RefAttributes<unknown>>;
-export * from "./Component.mobile-f1f15074";
-export { ModalMobileProps } from "./typings-bdb4c6b9";
-export { SelectMobileProps, BaseSelectMobile };

package/cssm/Component.desktop-4cd3936b.d.ts

@@ -1,49 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { FC, SVGProps } from "react";
-import { ButtonProps } from "./index-89f0cb07";
-import { BaseSelectProps } from "./shared-4cd3936b";
-import { PickerButtonSize, PickerButtonVariant } from "./types-4480ac4f";
-type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options' | 'searchProps' | 'showSearch' | 'Search'> & 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" | "Arrow" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "showSearch" | "Search" | "searchProps"> & 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 { PickerButtonDesktopProps, PickerButtonDesktop };

package/cssm/Component.mobile-96988a65.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseInputProps } from "./index-ebda875c";
-type InputMobileProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
-declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
-export { InputMobileProps, InputMobile };

package/cssm/Component.responsive-d7e9f69d.d.ts

@@ -1,26 +0,0 @@
-/// <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 };

package/cssm/hook-ebda875c.d.ts

@@ -1,48 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { OptionProps, OptionShape } from "./typings-0f4b9bed";
-type OptionsFetcherResponse = {
-    options: OptionShape[];
-    hasMore: boolean;
-};
-type useLazyLoadingProps = {
-    /** Количество элементов на "странице" */
-    limit?: number;
-    /** Начальный номер "страницы" */
-    initialOffset?: number;
-    /** Скелетон загружаемых элементов */
-    skeleton?: React.ReactNode;
-    /** Компонент пункта меню */
-    Option?: React.FC<OptionProps>;
-    /**
-     * Функция-загрузчик опций.
-     * @param offset - текущая страница
-     * @param limit - количество элементов на странице
-     * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
-     * @returns Promise<{
-     *  options - список опций следующей "страницы". Они аппендятся к предыдущим
-     *  hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
-     * }>
-     */
-    optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
-};
-declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option, }: useLazyLoadingProps): {
-    optionsProps: {
-        Option: (props: OptionProps) => React.JSX.Element;
-        options: OptionShape[];
-        optionsListProps: {
-            ref: React.RefObject<HTMLDivElement>;
-            inputProps: {
-                onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
-                    value: string;
-                }) => void;
-                value: string;
-            };
-        };
-        onOpen: (payload: {
-            open?: boolean;
-        }) => void;
-    };
-    reset: () => void;
-};
-export { useLazyLoading };