@vkontakte/vkui 4.27.0 → 4.27.1

package/dist/cssm/components/Tappable/Tappable.d.ts

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { TouchProps } from "../Touch/Touch";
+import { HasComponent, HasRootRef } from "../../types";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import { FocusVisibleMode } from "../FocusVisible/FocusVisible";
+import "./Tappable.css";
+export interface TappableProps extends Omit<React.AllHTMLAttributes<HTMLElement>, "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onMouseDown" | "onMouseMove" | "onMouseUp" | "onMouseLeave">, HasRootRef<HTMLElement>, AdaptivityProps, HasComponent, Pick<TouchProps, "onStart" | "onEnd" | "onMove"> {
+    /**
+     * Длительность показа active-состояния
+     */
+    activeEffectDelay?: number;
+    stopPropagation?: boolean;
+    /**
+     * Указывает, должен ли компонент реагировать на hover-состояние
+     */
+    hasHover?: boolean;
+    /**
+     * Указывает, должен ли компонент реагировать на active-состояние
+     */
+    hasActive?: boolean;
+    /**
+     * Стиль подсветки active-состояния. Если передать произвольную строку, она добавится как css-класс во время active
+     */
+    activeMode?: "opacity" | "background" | string;
+    /**
+     * Стиль подсветки hover-состояния. Если передать произвольную строку, она добавится как css-класс во время hover
+     */
+    hoverMode?: "opacity" | "background" | string;
+    /**
+     * Стиль аутлайна focus visible. Если передать произвольную строку, она добавится как css-класс во время focus-visible
+     */
+    focusVisibleMode?: FocusVisibleMode | string;
+}
+export interface RootComponentProps extends TouchProps {
+    ref?: React.Ref<HTMLElement>;
+}
+export declare const ACTIVE_DELAY = 70;
+export declare const ACTIVE_EFFECT_DELAY = 600;
+declare const _default: React.FC<Pick<TappableProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "media" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "srcLang" | "value" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onMove" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export default _default;

package/dist/cssm/components/TextTooltip/TextTooltip.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { HoverPopperProps } from "../HoverPopper/HoverPopper";
+import "./TextTooltip.css";
+export interface TextTooltipProps extends Omit<HoverPopperProps, "arrow" | "arrowClassName" | "content"> {
+    /**
+     * Текст тултипа
+     */
+    text?: React.ReactNode;
+    /**
+     * Заголовок тултипа
+     */
+    header?: React.ReactNode;
+}
+export declare const TextTooltip: React.FC<TextTooltipProps>;

package/dist/cssm/components/Textarea/Textarea.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./Textarea.css";
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, HasRef<HTMLTextAreaElement>, HasRootRef<HTMLElement>, AdaptivityProps {
+    grow?: boolean;
+    onResize?(el: HTMLTextAreaElement): void;
+    defaultValue?: string;
+}
+declare const _default: React.FC<Pick<TextareaProps, "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "color" | "wrap" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "name" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "autoFocus" | "autoComplete" | "maxLength" | "minLength" | "readOnly" | "cols" | "dirName" | "rows" | "getRootRef" | "getRef" | "grow" | "onResize"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export default _default;

package/dist/cssm/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,55 @@
+import * as React from "react";
+import "./Tooltip.css";
+export interface TooltipProps {
+    /**
+     * **Важно**: если в `children` передан React-компонент, то необходимо убедиться в том, что он поддерживает
+     * свойство `getRootRef`, которое должно возвращаться ссылку на корневой DOM-элемент компонента,
+     * иначе тултип показан не будет. Если передан React-element, то такой проблемы нет.
+     */
+    children: React.ReactElement;
+    mode?: "accent" | "light";
+    /**
+     * Если передан `false`, то рисуется просто `children`.
+     */
+    isShown?: boolean;
+    /**
+     * Текст тултипа.
+     */
+    text?: React.ReactNode;
+    /**
+     * Заголовок тултипа.
+     */
+    header?: React.ReactNode;
+    /**
+     * Положение по горизонтали (прижатие к левому или правому краю `children`).
+     * Если не задано, позиция по горизонтали определятся автоматически
+     */
+    alignX?: "center" | "left" | "right";
+    /**
+     * Положение по вертикали (расположение над или под `children`).
+     * Если не задано, позиция по вертикали определятся автоматически
+     */
+    alignY?: "top" | "bottom";
+    /**
+     * Сдвиг по горизонтали (относительно портала, в котором рисуется тултип).
+     */
+    offsetX?: number;
+    /**
+     * Сдвиг по вертикали (относительно портала, в котором рисуется тултип).
+     */
+    offsetY?: number;
+    /**
+     * Сдвиг стрелочки относительно центра дочернего элемента.
+     */
+    cornerOffset?: number;
+    /**
+     * Сдвиг стрелочки относительно ширины тултипа
+     */
+    cornerAbsoluteOffset?: number;
+    /**
+     * Callback, который вызывается при клике по любому месту в пределах экрана.
+     */
+    onClose?: () => void;
+}
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/dist/cssm/components/Tooltip/TooltipContainer.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const tooltipContainerAttr = "data-tooltip-container";
+export declare const TooltipContainer: React.ForwardRefExoticComponent<React.HtmlHTMLAttributes<HTMLDivElement> & {
+    fixed?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/cssm/components/Touch/Touch.d.ts

@@ -0,0 +1,49 @@
+import * as React from "react";
+import { VKUITouchEvent } from "../../lib/touch";
+import { HasComponent, HasRootRef } from "../../types";
+export interface TouchProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
+    /**
+     * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах
+     */
+    usePointerHover?: boolean;
+    useCapture?: boolean;
+    slideThreshold?: number;
+    noSlideClick?: boolean;
+    onEnter?: HoverHandler;
+    onLeave?: HoverHandler;
+    onStart?: TouchEventHandler;
+    onStartX?: TouchEventHandler;
+    onStartY?: TouchEventHandler;
+    onMove?: TouchEventHandler;
+    onMoveX?: TouchEventHandler;
+    onMoveY?: TouchEventHandler;
+    onEnd?: TouchEventHandler;
+    onEndX?: TouchEventHandler;
+    onEndY?: TouchEventHandler;
+    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;
+}
+export interface TouchEvent extends Gesture {
+    originalEvent: VKUITouchEvent;
+}
+declare type HoverHandler = (outputEvent: MouseEvent) => void;
+export declare type TouchEventHandler = (e: TouchEvent) => void;
+export declare type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;
+export declare type DragHandler = (e: React.DragEvent<HTMLElement>) => void;
+export declare const Touch: React.FC<TouchProps>;
+export {};

package/dist/cssm/components/Touch/TouchContext.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+/**
+ * Контекст для компонентов, использующих Touch в качестве корневой обёртки,
+ * и для которых важно не предотвращать вспылие тач-событий от дочерних компонентов
+ */
+declare const TouchRootContext: React.Context<boolean>;
+export default TouchRootContext;

package/dist/cssm/components/Typography/Caption/Caption.d.ts

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

package/dist/cssm/components/Typography/Headline/Headline.d.ts

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

package/dist/cssm/components/Typography/Subhead/Subhead.d.ts

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

package/dist/cssm/components/Typography/Text/Text.d.ts

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

package/dist/cssm/components/Typography/Title/Title.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { HasComponent } from "../../../types";
+import "./Title.css";
+export interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
+    /**
+     * Начертания "heavy", "bold", "semibold", "medium" и "regular" устарели и будут удалены в 5.0.0.
+     */
+    weight?: "heavy" | "bold" | "semibold" | "medium" | "regular" | "1" | "2" | "3";
+    level: "1" | "2" | "3";
+}
+declare const Title: React.FC<TitleProps>;
+export default Title;

package/dist/cssm/components/UsersStack/UsersStack.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import "./UsersStack.css";
+export interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Массив ссылок на фотографии
+     */
+    photos?: string[];
+    /**
+     * Размер аватарок
+     */
+    size?: "xs" | "s" | "m";
+    /**
+     * Вертикальный режим рекомендуется использовать с размером `m`
+     */
+    layout?: "vertical" | "horizontal";
+    /**
+     * Количество аватарок, которые будут показаны.
+     * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов
+     */
+    visibleCount?: number;
+}
+declare const _default: React.NamedExoticComponent<UsersStackProps>;
+export default _default;

package/dist/cssm/components/UsersStack/masks.d.ts

@@ -0,0 +1 @@
+export declare function createMasks(document?: Document): void;

package/dist/cssm/components/View/View.d.ts

@@ -0,0 +1,80 @@
+import * as React from "react";
+import { HasPlatform } from "../../types";
+import { ConfigProviderContextInterface } from "../ConfigProvider/ConfigProviderContext";
+import { SplitColContextProps } from "../SplitCol/SplitCol";
+import { ScrollContextInterface } from "../AppRoot/ScrollContext";
+import { NavIdProps } from "../../lib/getNavId";
+import "./View.css";
+declare enum SwipeBackResults {
+    fail = 1,
+    success = 2
+}
+interface Scrolls {
+    [index: string]: number | undefined;
+}
+interface ViewsScrolls {
+    [index: string]: Scrolls;
+}
+export declare let scrollsCache: ViewsScrolls;
+export interface ViewProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, NavIdProps {
+    activePanel: string;
+    /**
+     * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.
+     *
+     * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.
+     */
+    popout?: React.ReactNode;
+    /**
+     * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.
+     *
+     * Свойство для отрисовки `ModalRoot`.
+     */
+    modal?: React.ReactNode;
+    onTransition?(params: {
+        isBack: boolean;
+        from: string;
+        to: string;
+    }): void;
+    /**
+     * callback свайпа назад
+     */
+    onSwipeBack?(): void;
+    /**
+     * callback начала анимации свайпа назад.
+     */
+    onSwipeBackStart?(): void;
+    /**
+     * callback завершения анимации отмененного пользователем свайпа
+     */
+    onSwipeBackCancel?(): void;
+    history?: string[];
+    /**
+     * @ignore
+     */
+    splitCol?: SplitColContextProps;
+    /**
+     * @ignore
+     */
+    configProvider?: ConfigProviderContextInterface;
+    /**
+     * @ignore
+     */
+    scroll?: ScrollContextInterface;
+}
+export interface ViewState {
+    animated: boolean;
+    visiblePanels: string[];
+    activePanel: string | null;
+    isBack: boolean | undefined;
+    prevPanel: string | null;
+    nextPanel: string | null;
+    swipingBack: boolean;
+    swipebackStartX: number;
+    swipeBackShift: number;
+    swipeBackNextPanel: string | null;
+    swipeBackPrevPanel: string | null;
+    swipeBackResult: SwipeBackResults | null;
+    browserSwipe: boolean;
+}
+declare const _default: React.FC<Pick<ViewProps, "hidden" | "dir" | "nav" | "slot" | "style" | "title" | "scroll" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "popout" | "modal" | "onTransition" | "activePanel" | "onSwipeBack" | "onSwipeBackStart" | "onSwipeBackCancel" | "history" | "splitCol" | "configProvider">>;
+export default _default;

package/dist/cssm/components/View/ViewInfinite.d.ts

@@ -0,0 +1,66 @@
+import * as React from "react";
+import { HasPlatform } from "../../types";
+import { ConfigProviderContextInterface } from "../ConfigProvider/ConfigProviderContext";
+import { SplitColContextProps } from "../SplitCol/SplitCol";
+import { ScrollContextInterface } from "../AppRoot/ScrollContext";
+import { NavIdProps } from "../../lib/getNavId";
+import "./View.css";
+declare enum SwipeBackResults {
+    fail = 1,
+    success = 2
+}
+export declare type TransitionParams = {
+    from: string | null;
+    to: string | null;
+};
+export interface ViewInfiniteProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, NavIdProps {
+    activePanel: string;
+    popout?: React.ReactNode;
+    modal?: React.ReactNode;
+    onTransition?(params: TransitionParams & {
+        isBack: boolean;
+    }): void;
+    /**
+     * callback свайпа назад
+     */
+    onSwipeBack?(): void;
+    /**
+     * callback начала анимации свайпа назад.
+     */
+    onSwipeBackStart?(): void;
+    /**
+     * callback завершения анимации отмененного пользователем свайпа
+     */
+    onSwipeBackCancel?(): void;
+    history?: string[];
+    isBackCheck?(params: TransitionParams): boolean;
+    /**
+     * @ignore
+     */
+    splitCol?: SplitColContextProps;
+    /**
+     * @ignore
+     */
+    configProvider?: ConfigProviderContextInterface;
+    /**
+     * @ignore
+     */
+    scroll?: ScrollContextInterface;
+}
+export interface ViewInfiniteState {
+    animated: boolean;
+    visiblePanels: Array<string | null>;
+    activePanel: string | null;
+    isBack?: boolean;
+    prevPanel: string | null;
+    nextPanel: string | null;
+    swipingBack: boolean;
+    swipebackStartX: number;
+    swipeBackShift: number;
+    swipeBackNextPanel: string | null;
+    swipeBackPrevPanel: string | null;
+    swipeBackResult: SwipeBackResults | null;
+    browserSwipe: boolean;
+}
+declare const _default: React.FC<Pick<ViewInfiniteProps, "hidden" | "dir" | "nav" | "slot" | "style" | "title" | "scroll" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "popout" | "modal" | "onTransition" | "activePanel" | "onSwipeBack" | "onSwipeBackStart" | "onSwipeBackCancel" | "history" | "splitCol" | "configProvider" | "isBackCheck">>;
+export default _default;

package/dist/cssm/components/View/utils.d.ts

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

package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { HasRef } from "../../types";
+import "./VisuallyHiddenInput.css";
+export interface VisuallyHiddenInputProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRef<HTMLInputElement> {
+}
+/**
+ * @description
+ * Обертка над обычным `<input/>`; дает
+ * скрыть его визуально и оставить
+ * доступным для ассистивных технологий.
+ */
+export declare const VisuallyHiddenInput: React.FC<VisuallyHiddenInputProps>;

package/dist/cssm/components/WriteBar/WriteBar.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+import "./WriteBar.css";
+export interface WriteBarProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLTextAreaElement> {
+    /**
+     * Содержимое, отображаемое слева от поля ввода.
+     */
+    before?: React.ReactNode;
+    /**
+     * Содержимое, отображаемое поверх поля ввода (актуально для iOS)
+     */
+    inlineAfter?: React.ReactNode;
+    /**
+     * Содержимое, отображаемое справа от поля ввода
+     */
+    after?: React.ReactNode;
+    /**
+     * Вызывается при смене высоты поля ввода
+     */
+    onHeightChange?: VoidFunction;
+    children?: never;
+}
+export declare const WriteBar: React.FC<WriteBarProps>;

package/dist/cssm/components/WriteBarIcon/WriteBarIcon.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import "./WriteBarIcon.css";
+export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.
+     * Если передать валидное значение для этого свойства, `children` игнорируется.
+     *
+     * - `attach` – иконка прикрепления.
+     * - `send` – иконка отправки.
+     * - `done` – иконка отправки в режиме редактирования.
+     */
+    mode?: "attach" | "send" | "done";
+    /**
+     * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.
+     */
+    count?: number;
+}
+export declare const WriteBarIcon: React.FC<WriteBarIconProps>;

package/dist/cssm/helpers/avatar.d.ts

@@ -0,0 +1,5 @@
+import { InitialsAvatarNumberGradients } from "../components/InitialsAvatar/InitialsAvatar";
+/**
+ * Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта
+ */
+export declare function calcInitialsAvatarColor(objectId: number): InitialsAvatarNumberGradients;

package/dist/cssm/helpers/getClassName.d.ts

@@ -0,0 +1,2 @@
+import { PlatformType } from "../lib/platform";
+export declare function getClassName(base: string, osname?: PlatformType): string;

package/dist/cssm/helpers/getScheme.d.ts

@@ -0,0 +1,8 @@
+import { AppearanceType } from "@vkontakte/vk-bridge";
+import { PlatformType } from "../lib/platform";
+import { Scheme } from "./scheme";
+export interface GetSchemeProps {
+    platform?: PlatformType;
+    appearance: AppearanceType;
+}
+export declare function getScheme({ platform, appearance }: GetSchemeProps): Scheme;

package/dist/cssm/helpers/math.d.ts

@@ -0,0 +1,5 @@
+export declare const clamp: (value: number, min: number, max: number) => number;
+export declare function precisionRound(number: number, precision?: number): number;
+export declare function rescale(value: number, from: [number, number], to: [number, number], options?: {
+    step?: number;
+}): number;

package/dist/cssm/helpers/scheme.d.ts

@@ -0,0 +1,34 @@
+import { AppearanceSchemeType, AppearanceType } from "@vkontakte/vk-bridge";
+import { PlatformType } from "../lib/platform";
+export declare enum Scheme {
+    /**
+     * @deprecated будет удалено в 5.0.0
+     * версия оставлена для совместимости со старыми версиями клиентов
+     */
+    DEPRECATED_CLIENT_LIGHT = "client_light",
+    /**
+     * @deprecated будет удалено в 5.0.0
+     * версия оставлена для совместимости со старыми версиями клиентов
+     */
+    DEPRECATED_CLIENT_DARK = "client_dark",
+    /**
+     * @deprecated будет удалено в 5.0.0
+     * версия оставлена для совместимости с vkcom, когда там была только одна схема
+     */
+    VKCOM = "vkcom",
+    BRIGHT_LIGHT = "bright_light",
+    SPACE_GRAY = "space_gray",
+    VKCOM_LIGHT = "vkcom_light",
+    VKCOM_DARK = "vkcom_dark"
+}
+export declare type AppearanceScheme = AppearanceSchemeType | Scheme.VKCOM | Scheme.VKCOM_DARK | Scheme.VKCOM_LIGHT | "inherit";
+export declare enum Appearance {
+    DARK = "dark",
+    LIGHT = "light"
+}
+export interface NormalizeSchemeProps {
+    platform: PlatformType;
+    scheme?: AppearanceScheme;
+    appearance?: AppearanceType;
+}
+export declare function normalizeScheme({ platform, scheme, appearance, }: NormalizeSchemeProps): Scheme | "inherit";

package/dist/cssm/hoc/withAdaptivity.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { SizeType, ViewHeight, ViewWidth, AdaptivityContextInterface, AdaptivityProps, SizeProps } from "../components/AdaptivityProvider/AdaptivityContext";
+export { SizeType, ViewWidth, ViewHeight };
+export type { AdaptivityProps };
+interface Config {
+    sizeX?: boolean;
+    sizeY?: boolean;
+    viewWidth?: boolean;
+    viewHeight?: boolean;
+    hasMouse?: boolean;
+    deviceHasHover?: boolean;
+}
+export declare function withAdaptivity<T extends AdaptivityProps>(TargetComponent: React.ComponentType<T>, config: Config): React.FC<Omit<T, keyof AdaptivityContextInterface> & SizeProps>;

package/dist/cssm/hoc/withContext.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare function withContext<T, X>(Component: React.ComponentType<T>, Ctx: React.Context<X>, prop: string): React.FC<T>;

package/dist/cssm/hoc/withInsets.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { HasInsets } from "../types";
+export declare function withInsets<T extends HasInsets>(Component: React.ComponentType<T>): React.FC<Omit<T, keyof HasInsets>>;

package/dist/cssm/hoc/withPlatform.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { HasPlatform } from "../types";
+export declare function withPlatform<T extends HasPlatform>(Component: React.ComponentType<T>): React.FC<Omit<T, keyof HasPlatform>>;