@alfalab/core-components 42.6.0 → 42.8.0

package/custom-button/index.css

@@ -1,4 +1,4 @@
-/* hash: 1yjxc */
+/* hash: k9yhz */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0e0e0e;
@@ -24,23 +24,23 @@
 } :root {
 } :root {
 } :root {
-} .custom-button__customButton_bae2q {
+} .custom-button__customButton_qgwai {
     overflow: hidden;
     position: relative
-} .custom-button__customButton_bae2q.custom-button__border_bae2q {
+} .custom-button__customButton_qgwai.custom-button__border_qgwai {
         border: 0;
-    } .custom-button__customButton_bae2q.custom-button__white_bae2q * {
+    } .custom-button__customButton_qgwai.custom-button__white_qgwai * {
         color: var(--color-light-graphic-primary-inverted);
-    } .custom-button__customButton_bae2q.custom-button__black_bae2q * {
+    } .custom-button__customButton_qgwai.custom-button__black_qgwai * {
         color: var(--color-light-graphic-primary);
-    } .custom-button__customButton_bae2q.custom-button__static-white_bae2q * {
+    } .custom-button__customButton_qgwai.custom-button__static-white_qgwai * {
         color: var(--color-static-graphic-light);
-    } .custom-button__customButton_bae2q.custom-button__static-black_bae2q * {
+    } .custom-button__customButton_qgwai.custom-button__static-black_qgwai * {
         color: var(--color-static-graphic-dark);
-    } .custom-button__customButton_bae2q span {
+    } .custom-button__customButton_qgwai span {
         position: relative;
         z-index: 3;
-    } .custom-button__customButton_bae2q:before {
+    } .custom-button__customButton_qgwai:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -51,28 +51,28 @@
         transition: 0.2s;
         opacity: 1;
         pointer-events: none;
-    } .custom-button__customButton_bae2q.custom-button__darkening_bae2q:hover:before {
+    } .custom-button__customButton_qgwai.custom-button__darkening_qgwai:hover:before {
             background-color: var(--color-light-border-key-alpha-7);
-        } .custom-button__customButton_bae2q.custom-button__darkening_bae2q:active:before {
+        } .custom-button__customButton_qgwai.custom-button__darkening_qgwai:active:before {
             background-color: var(--color-light-border-key-alpha-15);
-        } .custom-button__customButton_bae2q.custom-button__lightening_bae2q:hover:before {
+        } .custom-button__customButton_qgwai.custom-button__lightening_qgwai:hover:before {
             background-color: var(--color-light-border-key-inverted-alpha-7);
-        } .custom-button__customButton_bae2q.custom-button__lightening_bae2q:active:before {
+        } .custom-button__customButton_qgwai.custom-button__lightening_qgwai:active:before {
             background-color: var(--color-light-border-key-inverted-alpha-15);
-        } .custom-button__customButton_bae2q.custom-button__static-darkening_bae2q:hover:before {
+        } .custom-button__customButton_qgwai.custom-button__static-darkening_qgwai:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
-        } .custom-button__customButton_bae2q.custom-button__static-darkening_bae2q:active:before {
+        } .custom-button__customButton_qgwai.custom-button__static-darkening_qgwai:active:before {
             background-color: rgba(0, 0, 0, 0.15);
-        } .custom-button__customButton_bae2q.custom-button__static-lightening_bae2q:hover:before {
+        } .custom-button__customButton_qgwai.custom-button__static-lightening_qgwai:hover:before {
             background-color: rgba(255, 255, 255, 0.07);
-        } .custom-button__customButton_bae2q.custom-button__static-lightening_bae2q:active:before {
+        } .custom-button__customButton_qgwai.custom-button__static-lightening_qgwai:active:before {
             background-color: rgba(255, 255, 255, 0.15);
-        } /* Disabled */ .custom-button__customButton_bae2q:disabled {
+        } /* Disabled */ .custom-button__customButton_qgwai:disabled {
     opacity: 0.3
-} .custom-button__customButton_bae2q:disabled.custom-button__customLoading_bae2q {
+} .custom-button__customButton_qgwai:disabled.custom-button__customLoading_qgwai {
         opacity: 1;
-    } .custom-button__customButton_bae2q:disabled.custom-button__white_bae2q * {
+    } .custom-button__customButton_qgwai:disabled.custom-button__white_qgwai * {
         color: var(--color-static-text-primary-light);
-    } .custom-button__customButton_bae2q:disabled.custom-button__black_bae2q * {
+    } .custom-button__customButton_qgwai:disabled.custom-button__black_qgwai * {
         color: var(--color-static-text-primary-dark);
     }

package/custom-button/modern/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Button } from '../../button/modern';
 
-const styles = {"customButton":"custom-button__customButton_bae2q","border":"custom-button__border_bae2q","white":"custom-button__white_bae2q","black":"custom-button__black_bae2q","static-white":"custom-button__static-white_bae2q","static-black":"custom-button__static-black_bae2q","darkening":"custom-button__darkening_bae2q","lightening":"custom-button__lightening_bae2q","static-darkening":"custom-button__static-darkening_bae2q","static-lightening":"custom-button__static-lightening_bae2q","customLoading":"custom-button__customLoading_bae2q"};
+const styles = {"customButton":"custom-button__customButton_qgwai","border":"custom-button__border_qgwai","white":"custom-button__white_qgwai","black":"custom-button__black_qgwai","static-white":"custom-button__static-white_qgwai","static-black":"custom-button__static-black_qgwai","darkening":"custom-button__darkening_qgwai","lightening":"custom-button__lightening_qgwai","static-darkening":"custom-button__static-darkening_qgwai","static-lightening":"custom-button__static-lightening_qgwai","customLoading":"custom-button__customLoading_qgwai"};
 require('./index.css');
 
 const DEFAULT_BUTTON_COLOR = '#FF45C3';

package/custom-button/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1yjxc */
+/* hash: k9yhz */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0e0e0e;
@@ -24,23 +24,23 @@
 } :root {
 } :root {
 } :root {
-} .custom-button__customButton_bae2q {
+} .custom-button__customButton_qgwai {
     overflow: hidden;
     position: relative
-} .custom-button__customButton_bae2q.custom-button__border_bae2q {
+} .custom-button__customButton_qgwai.custom-button__border_qgwai {
         border: 0;
-    } .custom-button__customButton_bae2q.custom-button__white_bae2q * {
+    } .custom-button__customButton_qgwai.custom-button__white_qgwai * {
         color: var(--color-light-graphic-primary-inverted);
-    } .custom-button__customButton_bae2q.custom-button__black_bae2q * {
+    } .custom-button__customButton_qgwai.custom-button__black_qgwai * {
         color: var(--color-light-graphic-primary);
-    } .custom-button__customButton_bae2q.custom-button__static-white_bae2q * {
+    } .custom-button__customButton_qgwai.custom-button__static-white_qgwai * {
         color: var(--color-static-graphic-light);
-    } .custom-button__customButton_bae2q.custom-button__static-black_bae2q * {
+    } .custom-button__customButton_qgwai.custom-button__static-black_qgwai * {
         color: var(--color-static-graphic-dark);
-    } .custom-button__customButton_bae2q span {
+    } .custom-button__customButton_qgwai span {
         position: relative;
         z-index: 3;
-    } .custom-button__customButton_bae2q:before {
+    } .custom-button__customButton_qgwai:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -51,28 +51,28 @@
         transition: 0.2s;
         opacity: 1;
         pointer-events: none;
-    } .custom-button__customButton_bae2q.custom-button__darkening_bae2q:hover:before {
+    } .custom-button__customButton_qgwai.custom-button__darkening_qgwai:hover:before {
             background-color: var(--color-light-border-key-alpha-7);
-        } .custom-button__customButton_bae2q.custom-button__darkening_bae2q:active:before {
+        } .custom-button__customButton_qgwai.custom-button__darkening_qgwai:active:before {
             background-color: var(--color-light-border-key-alpha-15);
-        } .custom-button__customButton_bae2q.custom-button__lightening_bae2q:hover:before {
+        } .custom-button__customButton_qgwai.custom-button__lightening_qgwai:hover:before {
             background-color: var(--color-light-border-key-inverted-alpha-7);
-        } .custom-button__customButton_bae2q.custom-button__lightening_bae2q:active:before {
+        } .custom-button__customButton_qgwai.custom-button__lightening_qgwai:active:before {
             background-color: var(--color-light-border-key-inverted-alpha-15);
-        } .custom-button__customButton_bae2q.custom-button__static-darkening_bae2q:hover:before {
+        } .custom-button__customButton_qgwai.custom-button__static-darkening_qgwai:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
-        } .custom-button__customButton_bae2q.custom-button__static-darkening_bae2q:active:before {
+        } .custom-button__customButton_qgwai.custom-button__static-darkening_qgwai:active:before {
             background-color: rgba(0, 0, 0, 0.15);
-        } .custom-button__customButton_bae2q.custom-button__static-lightening_bae2q:hover:before {
+        } .custom-button__customButton_qgwai.custom-button__static-lightening_qgwai:hover:before {
             background-color: rgba(255, 255, 255, 0.07);
-        } .custom-button__customButton_bae2q.custom-button__static-lightening_bae2q:active:before {
+        } .custom-button__customButton_qgwai.custom-button__static-lightening_qgwai:active:before {
             background-color: rgba(255, 255, 255, 0.15);
-        } /* Disabled */ .custom-button__customButton_bae2q:disabled {
+        } /* Disabled */ .custom-button__customButton_qgwai:disabled {
     opacity: 0.3
-} .custom-button__customButton_bae2q:disabled.custom-button__customLoading_bae2q {
+} .custom-button__customButton_qgwai:disabled.custom-button__customLoading_qgwai {
         opacity: 1;
-    } .custom-button__customButton_bae2q:disabled.custom-button__white_bae2q * {
+    } .custom-button__customButton_qgwai:disabled.custom-button__white_qgwai * {
         color: var(--color-static-text-primary-light);
-    } .custom-button__customButton_bae2q:disabled.custom-button__black_bae2q * {
+    } .custom-button__customButton_qgwai:disabled.custom-button__black_qgwai * {
         color: var(--color-static-text-primary-dark);
     }

package/custom-picker-button/Component-8b2c2707.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import React from 'react';
+import { ButtonProps } from "./index-8b2c2707";
+import { FieldProps as BaseFieldProps } from "./typings-dd8ca091";
+import { PickerButtonSize, PickerButtonVariant } from "./types-4480ac4f";
+type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
+    buttonSize?: PickerButtonSize;
+    buttonVariant?: PickerButtonVariant;
+    showArrow?: boolean;
+};
+declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, ...restProps }: FieldProps) => React.JSX.Element;
+export { Field };

package/custom-picker-button/Component-dd8ca091.d.ts

@@ -1,5 +1,22 @@
 /// <reference types="react" />
-import React from 'react';
-import { CheckmarkProps } from "./typings-dd8ca091";
-declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
-export { BaseCheckmark };
+import React from "react";
+import { OptionShape, OptionsListProps } from "./typings-dd8ca091";
+import { HeaderProps } from "./Component-ebda875c";
+type FooterProps = {
+    handleClear?: () => void;
+    handleApply?: () => void;
+    showClear?: boolean;
+    selectedDraft?: OptionShape[];
+};
+declare const Footer: ({ handleApply, handleClear, showClear, selectedDraft }: FooterProps) => React.JSX.Element;
+declare const OptionsListWithApply: React.ForwardRefExoticComponent<OptionsListProps & {
+    showClear?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    selectedDraft?: OptionShape[] | undefined;
+    OptionsList?: React.FC<OptionsListProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    Footer?: React.FC<FooterProps> | undefined;
+    Header?: React.FC<HeaderProps> | undefined;
+    headerProps?: HeaderProps | undefined;
+    showHeaderWithSelectAll?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+export { FooterProps, Footer, OptionsListWithApply };

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

@@ -1,101 +1,12 @@
-/// <reference types="react-transition-group" />
 /// <reference types="react" />
+/// <reference types="react-transition-group" />
 import React from 'react';
-import { CSSProperties, MutableRefObject, ReactNode } from "react";
-import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
-import { BasePlacement, VariationPlacement } from '@popperjs/core';
-type RefElement = HTMLElement | null;
-type Position = BasePlacement | VariationPlacement;
-type PopoverProps = {
-    /**
-     * Управление состоянием поповера (открыт/закрыт)
-     */
-    open: boolean;
-    /**
-     * Элемент, относительного которого появляется поповер
-     */
-    anchorElement: RefElement;
-    /**
-     * Использовать ширину родительского элемента
-     */
-    useAnchorWidth?: boolean;
-    /**
-     * Позиционирование поповера
-     */
-    position?: Position;
-    /**
-     * Запрещает поповеру менять свою позицию.
-     * Например, если места снизу недостаточно,то он все равно будет показан снизу
-     */
-    preventFlip?: boolean;
-    /**
-     * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
-     */
-    preventOverflow?: boolean;
-    /**
-     *  Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
-     */
-    availableHeight?: boolean;
-    /**
-     * Если `true`, будет отрисована стрелочка
-     */
-    withArrow?: boolean;
-    /**
-     * Смещение поповера.
-     * Если позиционирование top, bottom, то [x, y].
-     * Если позиционирование left, right то [y, x].
-     */
-    offset?: [number, number];
-    /**
-     * Дополнительный класс для поповера
-     */
-    popperClassName?: string;
-    /**
-     * Дополнительный класс для стрелочки
-     */
-    arrowClassName?: string;
-    /**
-     * Функция, возвращающая контейнер, в который будет рендериться поповер
-     */
-    getPortalContainer?: () => HTMLElement;
-    /**
-     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.
-     */
-    transition?: CSSTransitionProps;
-    /**
-     * Выставляет кастомное свойство transition-duration
-     */
-    transitionDuration?: CSSProperties['transitionDuration'];
-    /**
-     * Рендерит компонент, обернутый в Transition
-     */
-    withTransition?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Хранит функцию, с помощью которой можно обновить положение компонента
-     */
-    update?: MutableRefObject<() => void>;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * z-index компонента
-     */
-    zIndex?: number;
-    /**
-     * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,
-     * по очереди для каждой позиции из этого списка.
-     * Если не передавать, то поповер открывается в противоположном направлении от переданного position.
-     */
-    fallbackPlacements?: Position[];
-    /**
-     * Контент
-     */
-    children?: ReactNode;
+import { CheckboxProps } from "./index-ebda875c";
+type HeaderProps = {
+    checked?: boolean;
+    indeterminate?: boolean;
+    onChange?: CheckboxProps['onChange'];
+    mobile?: boolean;
 };
-declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
-export { Position, PopoverProps, Popover };
+declare const Header: React.FC<HeaderProps>;
+export { HeaderProps, Header };

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import React from 'react';
+import { AdditionalMobileProps } from "./shared-4cd3936b";
+import { PickerButtonDesktopProps } from "./desktop-d446ae02";
+type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps & {
+    /**
+     * Контрольная точка для кнопки, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & {
+    /**
+     * Контрольная точка для кнопки, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { SelectMobile } from "./Component.mobile-ade26e99";
+export { SelectModalMobile } from "./Component.modal.mobile-dd8ca091";
+export type { SelectMobileProps } from "./Component.mobile-ade26e99";
+export type { SelectModalMobileProps } from "./Component.modal.mobile-dd8ca091";
+export { PickerButtonMobileProps, PickerButtonMobile };

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

@@ -1,15 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { CustomButtonProps } from "../custom-button";
-import { AdditionalMobileProps } from "./shared-4cd3936b";
-import { PickerButtonDesktopProps } from "./desktop-d446ae02";
-type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, "OptionsList" | "Checkmark" | "onScroll"> & AdditionalMobileProps & {
-    /**
-     * Контрольная точка для кнопки, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
+import { PickerButtonMobileProps } from "./Component.mobile-d446ae02";
 type CustomPickerButtonMobileProps = Omit<PickerButtonMobileProps, 'view' | 'colors'> & Pick<CustomButtonProps, 'backgroundColor' | 'contentColor' | 'stateType'>;
 declare const CustomPickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonMobileProps, "view" | "colors"> & Pick<CustomButtonProps, "backgroundColor" | "contentColor" | "stateType"> & React.RefAttributes<HTMLInputElement>>;
 export { CustomPickerButtonMobileProps, CustomPickerButtonMobile };

package/custom-picker-button/{cssm/component-2abb571d.d.ts → component-1a4fbd11.d.ts}

@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-c76d6398";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-92653002";
+import { BottomSheetProps } from "./types-e40becc7";
 type FooterProps = {
     /**
      * Контент футера

package/custom-picker-button/{modern/component-2abb571d.d.ts → cssm/component-1a4fbd11.d.ts}

@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-c76d6398";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-92653002";
+import { BottomSheetProps } from "./types-e40becc7";
 type FooterProps = {
     /**
      * Контент футера

package/custom-picker-button/cssm/{index-2abb571d.d.ts → index-1a4fbd11.d.ts}

@@ -12,4 +12,11 @@ declare function disableUserInput<T>(disabled: boolean | undefined, event: React
 declare const inputUtils: {
     disableUserInput: typeof disableUserInput;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils };
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+declare const fnUtils: {
+    isNil: typeof isNil;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

package/custom-picker-button/cssm/index-c76d6398.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-2abb571d";
+export * from "./Component-1a4fbd11";
 export type { NavigationBarProps } from "./types-83e2bd9e";

package/custom-picker-button/cssm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
-export * from "./component-2abb571d";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-92653002";
+export * from "./component-1a4fbd11";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/custom-picker-button/cssm/shared-4cd3936b.d.ts

@@ -57,7 +57,7 @@ declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton
     reset: () => void;
 };
 export * from "./index-ebda875c";
-export * from "./Component-2abb571d";
+export * from "./Component-1a4fbd11";
 export * from "./Component-dd8ca091";
 export { useSelectWithLoading, useLazyLoading };
 export * from "./hook-8abfea97";

package/{input-autocomplete/cssm/types-92653002.d.ts → custom-picker-button/cssm/types-e40becc7.d.ts}

@@ -1,5 +1,6 @@
 /// <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";
@@ -263,5 +264,13 @@ type BottomSheetProps = {
      * Вызывается при изменении положения шторки
      */
     onOffsetChange?: (offset: number, percent: number) => void;
+    /**
+     * Вызывается в начале свайпа
+     */
+    onSwipeStart?: (event: HandledEvents) => void;
+    /**
+     * Вызывается после окончания свайпа
+     */
+    onSwipeEnd?: (event: HandledEvents | null) => void;
 };
 export { BottomSheetTitleAlign, BottomSheetProps };

package/custom-picker-button/desktop-d446ae02.d.ts

@@ -1,2 +1,39 @@
-export { PickerButtonDesktop, PickerButtonDesktopProps } from "./Component.desktop-4cd3936b";
-export {};
+/// <reference types="react" />
+import React from "react";
+import { FC, SVGProps } from "react";
+import { ButtonProps } from "./index-8b2c2707";
+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"> & 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;
+    showArrow?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { PickerButtonDesktopProps, PickerButtonDesktop };

package/{input-autocomplete/component-2abb571d.d.ts → custom-picker-button/esm/component-1a4fbd11.d.ts}

@@ -4,7 +4,7 @@ import { FC, ReactNode, RefObject } from "react";
 import { NavigationBarProps } from "./index-c76d6398";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-92653002";
+import { BottomSheetProps } from "./types-e40becc7";
 type FooterProps = {
     /**
      * Контент футера

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

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { CustomButton } from '../../../custom-button/esm';
 import { getIcon } from '../../../picker-button/esm/shared';
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_234mj","addonsContainer":"custom-picker-button__addonsContainer_234mj","showControlIcon":"custom-picker-button__showControlIcon_234mj","open":"custom-picker-button__open_234mj"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_1b77l","addonsContainer":"custom-picker-button__addonsContainer_1b77l","showControlIcon":"custom-picker-button__showControlIcon_1b77l","open":"custom-picker-button__open_1b77l"};
 require('./index.css');
 
 var Field = function (_a) {

package/custom-picker-button/esm/field/index.css

@@ -1,4 +1,4 @@
-/* hash: nuytq */
+/* hash: uihgp */
 :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_234mj {
+} .custom-picker-button__iconContainer_1b77l {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_234mj {
+} .custom-picker-button__addonsContainer_1b77l {
     display: flex
-} .custom-picker-button__addonsContainer_234mj.custom-picker-button__showControlIcon_234mj {
+} .custom-picker-button__addonsContainer_1b77l.custom-picker-button__showControlIcon_1b77l {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_234mj {
+    } .custom-picker-button__open_1b77l {
     transform: var(--arrow-transform);
 }

package/custom-picker-button/esm/{index-2abb571d.d.ts → index-1a4fbd11.d.ts}

@@ -12,4 +12,11 @@ declare function disableUserInput<T>(disabled: boolean | undefined, event: React
 declare const inputUtils: {
     disableUserInput: typeof disableUserInput;
 };
-export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils };
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+declare const fnUtils: {
+    isNil: typeof isNil;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns, inputUtils, fnUtils };

package/custom-picker-button/esm/index-c76d6398.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component-2abb571d";
+export * from "./Component-1a4fbd11";
 export type { NavigationBarProps } from "./types-83e2bd9e";

package/custom-picker-button/esm/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
-export * from "./component-2abb571d";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-92653002";
+export * from "./component-1a4fbd11";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-e40becc7";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-49cc3c24";

package/custom-picker-button/esm/shared-4cd3936b.d.ts

@@ -57,7 +57,7 @@ declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton
     reset: () => void;
 };
 export * from "./index-ebda875c";
-export * from "./Component-2abb571d";
+export * from "./Component-1a4fbd11";
 export * from "./Component-dd8ca091";
 export { useSelectWithLoading, useLazyLoading };
 export * from "./hook-8abfea97";

package/custom-picker-button/{cssm/types-92653002.d.ts → esm/types-e40becc7.d.ts}

@@ -1,5 +1,6 @@
 /// <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";
@@ -263,5 +264,13 @@ type BottomSheetProps = {
      * Вызывается при изменении положения шторки
      */
     onOffsetChange?: (offset: number, percent: number) => void;
+    /**
+     * Вызывается в начале свайпа
+     */
+    onSwipeStart?: (event: HandledEvents) => void;
+    /**
+     * Вызывается после окончания свайпа
+     */
+    onSwipeEnd?: (event: HandledEvents | null) => void;
 };
 export { BottomSheetTitleAlign, BottomSheetProps };

package/custom-picker-button/field/Component.js

@@ -11,7 +11,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_234mj","addonsContainer":"custom-picker-button__addonsContainer_234mj","showControlIcon":"custom-picker-button__showControlIcon_234mj","open":"custom-picker-button__open_234mj"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_1b77l","addonsContainer":"custom-picker-button__addonsContainer_1b77l","showControlIcon":"custom-picker-button__showControlIcon_1b77l","open":"custom-picker-button__open_1b77l"};
 require('./index.css');
 
 var Field = function (_a) {