@vkontakte/vkui 4.20.0 → 4.22.1

package/.cache/ts/src/components/Avatar/Avatar.d.ts

@@ -10,4 +10,6 @@ export interface AvatarProps extends React.ImgHTMLAttributes<HTMLElement>, HasRo
     shadow?: boolean;
 }
 declare const Avatar: React.FC<AvatarProps>;
+export declare const AVATAR_DEFAULT_SIZE = 48;
+export declare const AVATAR_DEFAULT_SHADOW = true;
 export default Avatar;

package/.cache/ts/src/components/Cell/Cell.d.ts

@@ -4,15 +4,22 @@ import { HasPlatform } from '../../types';
 import { RemovableProps } from '../Removable/Removable';
 import './Cell.css';
 export interface CellProps extends SimpleCellProps, HasPlatform, RemovableProps {
+    mode?: 'removable' | 'selectable';
     /**
      * В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет
      */
     draggable?: boolean;
+    /**
+     * @deprecated Будет удалено в 5.0.0. Используйте mode="removable"
+     */
     removable?: boolean;
     /**
      * Имя для input в режиме selectable
      */
     name?: string;
+    /**
+     * @deprecated Будет удалено в 5.0.0. Используйте mode="selectable"
+     */
     selectable?: boolean;
     /**
      * В режиме selectable реагирует на входящие значения пропса cheсked, как зависящий напрямую от входящего значения
@@ -32,5 +39,9 @@ export interface CellProps extends SimpleCellProps, HasPlatform, RemovableProps
         from: number;
         to: number;
     }) => void;
+    /**
+     * aria-label для кнопки перетаскивания ячейки
+     */
+    draggerLabel?: string;
 }
 export declare const Cell: React.FC<CellProps>;

package/.cache/ts/src/components/Cell/CellCheckbox/CellCheckbox.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { CellProps } from '../Cell';
+import './CellCheckbox.css';
+export declare type CellCheckboxProps = Pick<CellProps, 'defaultChecked' | 'checked'> & React.InputHTMLAttributes<HTMLInputElement>;
+export declare const CellCheckbox: React.FC<CellCheckboxProps>;

package/.cache/ts/src/components/Cell/CellDragger/CellDragger.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { DraggableProps } from '../useDraggable';
+import './CellDragger.css';
+declare type CellDraggerProps = DraggableProps & React.HTMLAttributes<HTMLElement>;
+export declare const CellDragger: React.FC<CellDraggerProps>;
+export {};

package/.cache/ts/src/components/Cell/useDraggable.d.ts

@@ -0,0 +1,13 @@
+import { TouchEvent } from '../Touch/Touch';
+import { CellProps } from './Cell';
+export interface DraggableProps {
+    onDragStart: () => void;
+    onDragEnd: () => void;
+    onDragMove: (e: TouchEvent) => void;
+}
+interface UseDraggableProps extends DraggableProps {
+    dragging: boolean;
+    rootElRef: any;
+}
+export declare const useDraggable: ({ onDragFinish }: Pick<CellProps, "onDragFinish">) => UseDraggableProps;
+export {};

package/.cache/ts/src/components/CustomSelect/CustomSelect.d.ts

@@ -64,7 +64,6 @@ declare type MouseEventHandler = (event: React.MouseEvent<HTMLElement>) => void;
 declare class CustomSelect extends React.Component<CustomSelectProps, CustomSelectState> {
     static defaultProps: CustomSelectProps;
     constructor(props: CustomSelectProps);
-    state: CustomSelectState;
     private keyboardInput;
     private isControlledOutside;
     private selectEl;

package/.cache/ts/src/components/DropdownIcon/DropdownIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import './DropdownIcon.css';
+export declare const DropdownIcon: React.FC<React.HTMLAttributes<HTMLElement>>;

package/.cache/ts/src/components/FocusTrap/FocusTrap.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
-import { HasRootRef } from '../../types';
-export interface FocusTrapProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {
-    Component?: React.ElementType;
+import { HasComponent, HasRootRef } from '../../types';
+export interface FocusTrapProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
     onClose?: (props?: any) => void;
     restoreFocus?: boolean;
     timeout?: number;

package/.cache/ts/src/components/FormField/FormField.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HasRootRef } from '../../types';
+import { HasComponent, HasRootRef } from '../../types';
 import './FormField.css';
 export interface FormFieldProps {
     /**
@@ -7,8 +7,7 @@ export interface FormFieldProps {
      */
     after?: React.ReactNode;
 }
-interface FormFieldOwnProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, FormFieldProps {
-    Component?: React.ElementType;
+interface FormFieldOwnProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent, FormFieldProps {
     disabled?: boolean;
 }
 export declare const FormField: React.FC<FormFieldOwnProps>;

package/.cache/ts/src/components/FormItem/FormItem.d.ts

@@ -1,12 +1,11 @@
 import * as React from 'react';
-import { HasRootRef } from '../../types';
+import { HasComponent, HasRootRef } from '../../types';
 import { RemovableProps } from '../Removable/Removable';
 import './FormItem.css';
-export interface FormItemProps extends React.AllHTMLAttributes<HTMLElement>, RemovableProps, HasRootRef<HTMLElement> {
+export interface FormItemProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent, RemovableProps {
     top?: React.ReactNode;
     bottom?: React.ReactNode;
     status?: 'default' | 'error' | 'valid';
-    Component?: React.ElementType;
     /**
      * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.
      */

package/.cache/ts/src/components/FormLayout/FormLayout.d.ts

@@ -1,8 +1,6 @@
 import * as React from 'react';
-import { HasRef } from '../../types';
+import { HasComponent, HasRef } from '../../types';
 import './FormLayout.css';
-export interface FormLayoutProps extends React.AllHTMLAttributes<HTMLElement>, HasRef<HTMLElement> {
-    Component?: React.ElementType;
-}
+export declare type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> & HasRef<HTMLElement> & HasComponent;
 declare const FormLayout: React.FunctionComponent<FormLayoutProps>;
 export default FormLayout;

package/.cache/ts/src/components/GridAvatar/GridAvatar.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { HasRootRef } from '../../types';
+import './GridAvatar.css';
+export interface GridAvatarProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
+    src?: string[];
+    size?: number;
+    shadow?: boolean;
+}
+export declare const GridAvatar: React.FC<GridAvatarProps>;

package/.cache/ts/src/components/HorizontalCell/HorizontalCell.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
-import { HasRef, HasRootRef } from '../../types';
+import { HasComponent, HasRef, HasRootRef } from '../../types';
 import './HorizontalCell.css';
-export interface HorizontalCellProps extends React.AnchorHTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLDivElement> {
-    Component?: React.ElementType;
+export interface HorizontalCellProps extends React.AnchorHTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLDivElement>, HasComponent {
     size?: 's' | 'm' | 'l';
     header?: React.ReactNode;
     subtitle?: React.ReactNode;

package/.cache/ts/src/components/HorizontalScroll/HorizontalScroll.d.ts

@@ -2,15 +2,16 @@ import * as React from 'react';
 import { AdaptivityProps } from '../../hoc/withAdaptivity';
 import { HasRef } from '../../types';
 import './HorizontalScroll.css';
+export declare type ScrollPositionHandler = (currentPosition: number) => number;
 export interface HorizontalScrollProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps, HasRef<HTMLDivElement> {
     /**
      * Функция для расчета величины прокрутки при клике на левую стрелку.
      */
-    getScrollToLeft?: (currentPosition: number) => number;
+    getScrollToLeft?: ScrollPositionHandler;
     /**
      * Функция для расчета величины прокрутки при клике на правую стрелку.
      */
-    getScrollToRight?: (currentPosition: number) => number;
+    getScrollToRight?: ScrollPositionHandler;
     showArrows?: boolean;
     scrollAnimationDuration?: number;
 }

package/.cache/ts/src/components/InitialsAvatar/InitialsAvatar.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { HasRootRef } from '../../types';
+import './InitialsAvatar.css';
+/**
+ * Градиенты, которые можно использовать в алгоритме поиска градиентов по числовому идентификатору пользователя.
+ * @example user.id % 6 + 1
+ */
+export declare type InitialsAvatarNumberGradients = 1 | 2 | 3 | 4 | 5 | 6;
+export declare type InitialsAvatarTextGradients = 'red' | 'pink' | 'orange' | 'yellow' | 'green' | 'l-blue' | 'blue' | 'violet';
+export interface InitialsAvatarProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
+    children?: React.ReactNode;
+    /**
+     * `'red' | 'pink' | 'orange' | 'yellow' | 'green' | 'l-blue' | 'blue' | 'violet'`
+     *
+     * Если передано число, то оно будет сконвертировано в строчное представление цвета по следующей схеме:
+     *
+     * 1: 'red'
+     *
+     * 2: 'orange'
+     *
+     * 3: 'yellow'
+     *
+     * 4: 'green'
+     *
+     * 5: 'l-blue'
+     *
+     * 6: 'violet'
+     */
+    gradientColor?: InitialsAvatarNumberGradients | InitialsAvatarTextGradients;
+    size?: number;
+    shadow?: boolean;
+}
+export declare const InitialsAvatar: React.FC<InitialsAvatarProps>;

package/.cache/ts/src/components/Link/Link.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { TappableProps } from '../Tappable/Tappable';
 import './Link.css';
-export interface LinkProps extends React.AnchorHTMLAttributes<HTMLElement>, TappableProps {
-}
+export declare type LinkProps = TappableProps;
 declare const Link: React.FC<LinkProps>;
 export default Link;

package/.cache/ts/src/components/ModalRoot/types.d.ts

@@ -11,7 +11,6 @@ export interface ModalElements {
     innerElement?: HTMLElement | null;
     headerElement?: HTMLElement | null;
     contentElement?: HTMLElement | null;
-    footerElement?: HTMLElement | null;
 }
 export interface ModalsStateEntry extends ModalElements {
     id: string;

package/.cache/ts/src/components/ModalRoot/useModalManager.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { ModalsStateEntry } from './types';
+interface ModalTransitionState {
+    activeModal?: string;
+    enteringModal?: string;
+    exitingModal?: string;
+    history?: string[];
+    isBack?: boolean;
+}
+export interface ModalTransitionProps extends ModalTransitionState {
+    onEnter: (id: string) => void;
+    onExit: (id: string) => void;
+    getModalState: (id: string) => ModalsStateEntry;
+    closeActiveModal: VoidFunction;
+    delayEnter: boolean;
+}
+export declare function modalTransitionReducer(state: ModalTransitionState, action: {
+    type: 'setActive' | 'entered' | 'exited' | 'inited';
+    id: string;
+}): ModalTransitionState;
+/**
+ * Реализует переход модалок. При смене activeModal m1 -> m2:
+ * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода
+ * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода
+ * одновременный переход между ModalPage:
+ *   3a. activeModal: m2, exitingModal: m1, enteringModal: m2
+ *   4a. exitingModal и enteringModal переходят в null в порядке завершения анимации
+ * ИЛИ дожидаемся скрытия ModalCard
+ *   3b. activeModal: m2, exitingModal: null, enteringModal: m2
+ *   4b. enteringModal переходит в null после завершения анимации
+ * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен
+ */
+export declare function useModalManager(activeModal: string, children: React.ReactNode | React.ReactNode[], onClose: (id: string) => void, initModal?: (state: ModalsStateEntry) => void): ModalTransitionProps;
+export declare function withModalManager(initModal?: (a: ModalsStateEntry) => void): <Props extends ModalTransitionProps>(Wrapped: React.ComponentType<Props>) => React.FC<Pick<Props, Exclude<keyof Props, "isBack" | "onEnter" | "history" | "onExit" | "getModalState" | "closeActiveModal" | "delayEnter" | "activeModal" | "enteringModal" | "exitingModal">> & {
+    activeModal: string;
+}>;
+export {};

package/.cache/ts/src/components/Removable/Removable.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { HasRootRef } from '../../types';
 import './Removable.css';
 export interface RemovableProps {
     /**
@@ -10,7 +11,7 @@ export interface RemovableProps {
      */
     onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement) => void;
 }
-interface RemovableOwnProps extends React.AllHTMLAttributes<HTMLElement>, RemovableProps {
+interface RemovableOwnProps extends React.AllHTMLAttributes<HTMLElement>, RemovableProps, HasRootRef<HTMLDivElement> {
     /**
      * Расположение кнопки удаления.
      */

package/.cache/ts/src/components/SimpleCell/SimpleCell.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
+import { HasComponent } from '../../types';
 import { TappableProps } from '../Tappable/Tappable';
 import './SimpleCell.css';
-export interface SimpleCellOwnProps {
+export interface SimpleCellOwnProps extends HasComponent {
     /**
      * Иконка 28 или `<Avatar size={28|32|40|48|72} />`
      */
@@ -31,7 +32,6 @@ export interface SimpleCellOwnProps {
      */
     expandable?: boolean;
     multiline?: boolean;
-    Component?: React.ElementType;
 }
 export interface SimpleCellProps extends SimpleCellOwnProps, TappableProps {
 }

package/.cache/ts/src/components/SplitCol/SplitCol.d.ts

@@ -6,9 +6,9 @@ export interface SplitColContextProps {
 }
 export declare const SplitColContext: React.Context<SplitColContextProps>;
 export interface SplitColProps extends React.HTMLAttributes<HTMLDivElement> {
-    width?: string;
-    maxWidth?: string;
-    minWidth?: string;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
     /**
      * Если false, то переходы между Panel происходят без анимации
      */

package/.cache/ts/src/components/SubnavigationBar/SubnavigationBar.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
+import { HorizontalScrollProps } from '../HorizontalScroll/HorizontalScroll';
 import './SubnavigationBar.css';
-export interface SubnavigationBarProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface SubnavigationBarProps extends React.HTMLAttributes<HTMLDivElement>, Pick<HorizontalScrollProps, 'showArrows' | 'getScrollToLeft' | 'getScrollToRight' | 'scrollAnimationDuration'> {
     mode?: 'fixed' | 'overflow';
 }
 export declare const SubnavigationBar: React.FC<SubnavigationBarProps>;

package/.cache/ts/src/components/Switch/Switch.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { HasRef, HasRootRef } from '../../types';
-import { AdaptivityProps } from '../../hoc/withAdaptivity';
 import './Switch.css';
-export interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRootRef<HTMLLabelElement>, HasRef<HTMLInputElement>, AdaptivityProps {
+export interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRootRef<HTMLLabelElement>, HasRef<HTMLInputElement> {
 }
-export declare const Switch: React.FunctionComponent<SwitchProps>;
+export declare const Switch: React.FC<SwitchProps>;

package/.cache/ts/src/components/TabbarItem/TabbarItem.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
+import { HasComponent, HasRootRef } from '../../types';
 import './TabbarItem.css';
-export interface TabbarItemProps extends React.HTMLAttributes<HTMLElement>, React.AnchorHTMLAttributes<HTMLElement> {
+export interface TabbarItemProps extends Omit<React.AllHTMLAttributes<HTMLElement>, 'label'>, // TODO убрать Omit после удаления свойства label
+HasRootRef<HTMLElement>, HasComponent {
     selected?: boolean;
     /**
      * Тест рядом с иконкой

package/.cache/ts/src/components/Tappable/Tappable.d.ts

@@ -1,11 +1,10 @@
 import * as React from 'react';
 import { TouchProps } from '../Touch/Touch';
-import { HasRootRef } from '../../types';
+import { HasComponent, HasRootRef } from '../../types';
 import { AdaptivityProps } from '../../hoc/withAdaptivity';
 import { FocusVisibleMode } from '../FocusVisible/FocusVisible';
 import './Tappable.css';
-export interface TappableProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, AdaptivityProps {
-    Component?: React.ElementType;
+export interface TappableProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, AdaptivityProps, HasComponent {
     /**
      * Длительность показа active-состояния
      */

package/.cache/ts/src/components/Touch/Touch.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { VKUITouchEvent } from '../../lib/touch';
-import { HasRootRef } from '../../types';
-export interface TouchProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {
+import { HasComponent, HasRootRef } from '../../types';
+export interface TouchProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
     /**
      * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах
      */
@@ -9,7 +9,6 @@ export interface TouchProps extends React.AllHTMLAttributes<HTMLElement>, HasRoo
     useCapture?: boolean;
     slideThreshold?: number;
     noSlideClick?: boolean;
-    Component?: React.ElementType;
     onEnter?: HoverHandler;
     onLeave?: HoverHandler;
     onStart?: TouchEventHandler;
@@ -24,20 +23,20 @@ export interface TouchProps extends React.AllHTMLAttributes<HTMLElement>, HasRoo
     stopPropagation?: boolean;
 }
 export interface Gesture {
-    startX?: number;
-    startY?: number;
-    startT?: Date;
-    duration?: number;
-    isPressed?: boolean;
-    isY?: boolean;
-    isX?: boolean;
-    isSlideX?: boolean;
-    isSlideY?: boolean;
-    isSlide?: boolean;
-    shiftX?: number;
-    shiftY?: number;
-    shiftXAbs?: number;
-    shiftYAbs?: number;
+    startX: number;
+    startY: number;
+    startT: Date;
+    duration: number;
+    isPressed: boolean;
+    isY: boolean;
+    isX: boolean;
+    isSlideX: boolean;
+    isSlideY: boolean;
+    isSlide: boolean;
+    shiftX: number;
+    shiftY: number;
+    shiftXAbs: number;
+    shiftYAbs: number;
 }
 export interface TouchEvent extends Gesture {
     originalEvent: VKUITouchEvent;

package/.cache/ts/src/components/Typography/Caption/Caption.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
+import { HasComponent } from '../../../types';
 import './Caption.css';
-export interface CaptionProps extends React.AllHTMLAttributes<HTMLElement> {
+export interface CaptionProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     weight: 'regular' | 'medium' | 'semibold' | 'bold';
     level: '1' | '2' | '3' | '4';
     caps?: boolean;
-    Component?: React.ElementType;
 }
 declare const Caption: React.FC<CaptionProps>;
 export default Caption;

package/.cache/ts/src/components/Typography/Headline/Headline.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
+import { HasComponent } from '../../../types';
 import './Headline.css';
-export interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement> {
+export interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     weight: 'regular' | 'medium' | 'semibold';
-    Component?: React.ElementType;
 }
 declare const Headline: React.FC<HeadlineProps>;
 export default Headline;

package/.cache/ts/src/components/Typography/Subhead/Subhead.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
+import { HasComponent } from '../../../types';
 import './Subhead.css';
-export interface SubheadProps extends React.AllHTMLAttributes<HTMLElement> {
+export interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     weight: 'regular' | 'medium' | 'semibold' | 'bold';
-    Component?: React.ElementType;
 }
 declare const Subhead: React.FC<SubheadProps>;
 export default Subhead;

package/.cache/ts/src/components/Typography/Text/Text.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import { HasRootRef } from '../../../types';
+import { HasComponent, HasRootRef } from '../../../types';
 import './Text.css';
-export interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement> {
+export interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
     weight: 'regular' | 'medium' | 'semibold';
-    Component?: React.ElementType;
 }
 declare const Text: React.FC<TextProps>;
 export default Text;

package/.cache/ts/src/components/Typography/Title/Title.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
+import { HasComponent } from '../../../types';
 import './Title.css';
-export interface TitleProps extends React.AllHTMLAttributes<HTMLElement> {
+export interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     weight: 'heavy' | 'bold' | 'semibold' | 'medium' | 'regular';
     level: '1' | '2' | '3';
-    Component?: React.ElementType;
 }
 declare const Title: React.FC<TitleProps>;
 export default Title;

package/.cache/ts/src/components/View/utils.d.ts

@@ -0,0 +1,2 @@
+import { TouchEvent } from '../Touch/Touch';
+export declare function swipeBackExcluded(e: TouchEvent): boolean;

package/.cache/ts/src/index.d.ts

@@ -104,6 +104,10 @@ export { default as Gallery } from './components/Gallery/Gallery';
 export type { GalleryProps } from './components/Gallery/Gallery';
 export { default as Avatar } from './components/Avatar/Avatar';
 export type { AvatarProps } from './components/Avatar/Avatar';
+export { GridAvatar } from './components/GridAvatar/GridAvatar';
+export type { GridAvatarProps } from './components/GridAvatar/GridAvatar';
+export { InitialsAvatar } from './components/InitialsAvatar/InitialsAvatar';
+export type { InitialsAvatarProps } from './components/InitialsAvatar/InitialsAvatar';
 export { default as Progress } from './components/Progress/Progress';
 export type { ProgressProps } from './components/Progress/Progress';
 export { default as Search } from './components/Search/Search';

package/.cache/ts/src/lib/accessibility.d.ts

@@ -6,5 +6,5 @@ export declare enum Keys {
     TAB = "Tab",
     ESCAPE = "Escape"
 }
-export declare function pressedKey(e: KeyboardEvent): Keys;
+export declare function pressedKey(e: KeyboardEvent | React.KeyboardEvent<HTMLElement>): Keys;
 export declare function shouldTriggerClickOnEnterOrSpace(e: KeyboardEvent | React.KeyboardEvent<HTMLElement>): boolean;

package/.cache/ts/src/lib/supportEvents.d.ts

@@ -2,6 +2,8 @@ export declare type VKUISupportEvents = {
     supported: boolean;
     name?: string;
 };
-declare const animationEvent: VKUISupportEvents;
+declare const animationEvent: {
+    supported: boolean;
+};
 declare const transitionEvent: VKUISupportEvents;
 export { animationEvent, transitionEvent };

package/.cache/ts/src/types.d.ts

@@ -9,6 +9,9 @@ export interface HasRootRef<T> {
 export interface HasRef<T> {
     getRef?: React.Ref<T>;
 }
+export interface HasComponent {
+    Component?: React.ElementType;
+}
 export interface HasAlign {
     align?: AlignType;
 }

package/dist/cjs/components/ActionSheet/ActionSheet.js

@@ -45,6 +45,8 @@ var _useObjectMemo = require("../../hooks/useObjectMemo");
 
 var _warnOnce = require("../../lib/warnOnce");
 
+var _vkjs = require("@vkontakte/vkjs");
+
 var _excluded = ["children", "className", "header", "text", "style", "iosCloseItem"];
 var warn = (0, _warnOnce.warnOnce)('ActionSheet');
 
@@ -67,15 +69,11 @@ var ActionSheet = function ActionSheet(_ref) {
     return setClosing(true);
   };
 
-  var _React$useState3 = React.useState(),
-      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-      _closeAction = _React$useState4[0],
-      setCloseAction = _React$useState4[1];
+  var closeAction = React.useRef(_vkjs.noop);
 
   var afterClose = function afterClose() {
     restProps.onClose();
-    _closeAction && _closeAction();
-    setCloseAction(undefined);
+    closeAction.current();
   };
 
   if (process.env.NODE_ENV === 'development' && !restProps.onClose) {
@@ -106,9 +104,10 @@ var ActionSheet = function ActionSheet(_ref) {
       event.persist();
 
       if (autoclose) {
-        setCloseAction(function () {
+        closeAction.current = function () {
           return action && action(event);
-        });
+        };
+
         setClosing(true);
       } else {
         action && action(event);
@@ -132,7 +131,6 @@ var ActionSheet = function ActionSheet(_ref) {
     value: contextValue
   }, (0, _jsxRuntime.createScopedElement)(DropdownComponent, (0, _extends2.default)({
     closing: closing,
-    onTransitionEnd: closing && !isDesktop ? afterClose : null,
     timeout: timeout
   }, restProps, {
     onClose: onClose