@vkontakte/vkui 4.37.0 → 4.37.2

package/dist/cjs/components/SplitCol/SplitCol.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import "./SplitCol.css";
+export interface SplitColContextProps {
+    colRef: React.RefObject<HTMLDivElement> | null;
+    animate: boolean;
+}
+export declare const SplitColContext: React.Context<SplitColContextProps>;
+export declare const useSplitCol: () => SplitColContextProps;
+export interface SplitColProps extends React.HTMLAttributes<HTMLDivElement> {
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
+    /**
+     * Если false, то переходы между Panel происходят без анимации
+     */
+    animate?: boolean;
+    /**
+     * Если true, то добавляются боковые отступы фиксированной величины
+     */
+    spaced?: boolean;
+    fixed?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/SplitCol
+ */
+export declare const SplitCol: ({ children, width, maxWidth, minWidth, spaced, animate, fixed, style, ...restProps }: SplitColProps) => JSX.Element;

package/dist/cjs/components/SplitLayout/SplitLayout.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+import "./SplitLayout.css";
+export interface SplitLayoutProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLDivElement> {
+    /**
+     * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.
+     */
+    popout?: React.ReactNode;
+    /**
+     * Свойство для отрисовки `ModalRoot`.
+     */
+    modal?: React.ReactNode;
+    header?: React.ReactNode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/SplitLayout
+ */
+export declare const SplitLayout: ({ popout, modal, header, children, getRootRef, getRef, ...restProps }: SplitLayoutProps) => JSX.Element;

package/dist/cjs/components/SubnavigationBar/SubnavigationBar.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { HorizontalScrollProps } from "../HorizontalScroll/HorizontalScroll";
+import "./SubnavigationBar.css";
+export interface SubnavigationBarProps extends React.HTMLAttributes<HTMLDivElement>, Pick<HorizontalScrollProps, "showArrows" | "getScrollToLeft" | "getScrollToRight" | "scrollAnimationDuration"> {
+    mode?: "fixed" | "overflow";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/SubnavigationBar
+ */
+export declare const SubnavigationBar: ({ mode, children, showArrows, getScrollToLeft, getScrollToRight, scrollAnimationDuration, ...restProps }: SubnavigationBarProps) => JSX.Element;

package/dist/cjs/components/SubnavigationButton/SubnavigationButton.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { TappableProps } from "../Tappable/Tappable";
+import "./SubnavigationButton.css";
+export interface SubnavigationButtonProps extends Omit<TappableProps, "size"> {
+    mode?: "primary" | "outline" | "tertiary";
+    size?: "s" | "m" | "l";
+    selected?: boolean;
+    /**
+     * Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar mode="fixed" />`
+     */
+    textLevel?: 1 | 2 | 3;
+    /**
+     * Рекомендуется использовать только иконки с размером 24
+     */
+    before?: React.ReactNode;
+    /**
+     * Рекомендуется использовать только `<Counter size="s" />` или `<Badge />`
+     */
+    after?: React.ReactNode;
+    expandable?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/SubnavigationButton
+ */
+export declare const SubnavigationButton: ({ mode, size, selected, textLevel, before, after, expandable, children, ...restProps }: SubnavigationButtonProps) => JSX.Element;

package/dist/cjs/components/Switch/Switch.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { HasRootRef } from "../../types";
+import { VisuallyHiddenInputProps } from "../VisuallyHiddenInput/VisuallyHiddenInput";
+import "./Switch.css";
+export interface SwitchProps extends VisuallyHiddenInputProps, HasRootRef<HTMLLabelElement> {
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Switch
+ */
+export declare const Switch: ({ style, className, getRootRef, ...restProps }: SwitchProps) => JSX.Element;

package/dist/cjs/components/Tabbar/Tabbar.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import "./Tabbar.css";
+export interface TabbarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Флаг для показа/скрытия верхней тени (Android) или границы (iOS)
+     */
+    shadow?: boolean;
+    /**
+     * @deprecated будет удалено в 5.0.0. Используйте `mode`
+     */
+    itemsLayout?: "vertical" | "horizontal" | "auto";
+    /**
+     * Задает расположение элементов (вертикальное/горизонтальное)
+     */
+    mode?: "vertical" | "horizontal" | "auto";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Tabbar
+ */
+export declare const Tabbar: ({ children, shadow, itemsLayout, mode, ...restProps }: TabbarProps) => JSX.Element;

package/dist/cjs/components/TabbarItem/TabbarItem.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../types";
+import "./TabbarItem.css";
+export interface TabbarItemProps extends Omit<React.AllHTMLAttributes<HTMLElement>, "label">, // TODO убрать Omit после удаления свойства label
+HasRootRef<HTMLElement>, HasComponent {
+    selected?: boolean;
+    /**
+     * Текст рядом с иконкой
+     */
+    text?: React.ReactNode;
+    /**
+     * Индикатор над иконкой. Принимает `<Badge mode="prominent" />` или `<Counter size="s" mode="prominent" />`
+     */
+    indicator?: React.ReactNode;
+    /**
+     * @deprecated будет удалено в 5.0.0. Используйте `indicator`
+     */
+    label?: React.ReactNode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/TabbarItem
+ */
+export declare const TabbarItem: ({ children, selected, label, indicator, text, href, Component, disabled, ...restProps }: TabbarItemProps) => JSX.Element;

package/dist/cjs/components/Tabs/Tabs.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./Tabs.css";
+export interface TabsProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, AdaptivityProps {
+    /**
+     * Задаёт вид кнопок.
+     *
+     * > ⚠️ Значения `"buttons"`, `"segmented"` устарели и будут удалены в 5.0.0. Вместо `"buttons"` используйте `"secondary"`.
+     * > Режим `"segmented"` переехал в отдельный компонент [`SegmentedControl`](https://vkcom.github.io/VKUI#/SegmentedControl),
+     * > поэтому используйте его вместо `Tabs`.
+     */
+    mode?: "buttons" | "segmented" | "default" | "accent" | "secondary";
+}
+export interface TabsContextProps {
+    mode: TabsProps["mode"];
+    withGaps: boolean;
+}
+export declare const TabsModeContext: React.Context<TabsContextProps>;
+/**
+ * @see https://vkcom.github.io/VKUI/#/Tabs
+ */
+export declare const Tabs: React.FC<Pick<TabsProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "mode" | "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" | "getRootRef"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/cjs/components/TabsItem/TabsItem.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+import "./TabsItem.css";
+export interface TabsItemProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Добавляет иконку слева.
+     *
+     * - Для `mode="default"` используйте иконки размером 24.
+     * - Для всех остальных `mode` используйте иконки размером 20.
+     */
+    before?: React.ReactNode;
+    /**
+     * Добавляет элемент слева от `after`.
+     *
+     * - `React.ReactElement` – либо [`Badge`](https://vkcom.github.io/VKUI/#/Badge) с параметром `mode="prominent"`.
+     *   либо [`Counter`](https://vkcom.github.io/VKUI/#/Counter) с параметрами `mode="prominent" size="s"`.
+     * - `number` – для показа текстового блока с переданным числом.
+     */
+    status?: React.ReactElement | number;
+    /**
+     * Добавляет иконку справа.
+     *
+     * Например, `<Icon16Dropdown />`
+     */
+    after?: React.ReactNode;
+    selected?: boolean;
+    disabled?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/TabsItem
+ */
+export declare const TabsItem: ({ before, children, status, after, selected, ...restProps }: TabsItemProps) => JSX.Element;

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

@@ -0,0 +1,46 @@
+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 declare type TappableElementProps = Omit<React.AllHTMLAttributes<HTMLElement>, "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onMouseDown" | "onMouseMove" | "onMouseUp" | "onMouseLeave">;
+export interface TappableProps extends TappableElementProps, 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;
+    children?: React.ReactNode;
+    onEnter?(outputEvent: MouseEvent): void;
+    onLeave?(outputEvent: MouseEvent): void;
+}
+export interface RootComponentProps extends TouchProps {
+    ref?: React.Ref<HTMLElement>;
+}
+export declare const ACTIVE_DELAY = 70;
+export declare const ACTIVE_EFFECT_DELAY = 600;
+/**
+ * @see https://vkcom.github.io/VKUI/#/Tappable
+ */
+export declare const Tappable: 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" | "onLeave" | "onEnter" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

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

@@ -0,0 +1,21 @@
+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;
+    /**
+     * Стиль отображения подсказки
+     */
+    appearance?: "accent" | "neutral" | "white" | "black" | "inversion";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/TextTooltip
+ */
+export declare const TextTooltip: ({ children, text, header, appearance, ...popperProps }: TextTooltipProps) => JSX.Element;

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { FormFieldProps } from "../FormField/FormField";
+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, Pick<React.CSSProperties, "maxHeight">, Pick<FormFieldProps, "status"> {
+    grow?: boolean;
+    onResize?(el: HTMLTextAreaElement): void;
+    defaultValue?: string;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Textarea
+ */
+export declare const Textarea: React.FC<Pick<TextareaProps, "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "color" | "wrap" | "maxHeight" | "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" | "status" | "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>;

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

@@ -0,0 +1,75 @@
+import * as React from "react";
+import { Placement } from "@popperjs/core";
+import { HasRootRef } from "../../types";
+import "./Tooltip.css";
+export interface TooltipProps {
+    /**
+     * **Важно**: если в `children` передан React-компонент, то необходимо убедиться в том, что он поддерживает
+     * свойство `getRootRef`, которое должно возвращаться ссылку на корневой DOM-элемент компонента,
+     * иначе тултип показан не будет. Если передан React-element, то такой проблемы нет.
+     */
+    children: React.ReactElement<HasRootRef<any>> | React.ReactElement<React.PropsWithRef<any>>;
+    /**
+     * @deprecated будет удалено в 5.0.0, устанавливать стиль следует через appearance
+     * Стиль отображения подсказки
+     */
+    mode?: "accent" | "light";
+    /**
+     * Стиль отображения подсказки
+     */
+    appearance?: "accent" | "neutral" | "white" | "black" | "inversion";
+    /**
+     * Если передан `false`, то рисуется просто `children`.
+     */
+    isShown?: boolean;
+    /**
+     * Текст тултипа.
+     */
+    text?: React.ReactNode;
+    /**
+     * Заголовок тултипа.
+     */
+    header?: React.ReactNode;
+    /**
+     * Положение по горизонтали (прижатие к левому или правому краю `children`).
+     * Если не задано, позиция по горизонтали определятся автоматически
+     */
+    alignX?: "center" | "left" | "right";
+    /**
+     * Положение по вертикали (расположение над или под `children`).
+     * Если не задано, позиция по вертикали определятся автоматически
+     */
+    alignY?: "top" | "bottom";
+    /**
+     * Сдвиг по горизонтали (относительно портала, в котором рисуется тултип).
+     */
+    offsetX?: number;
+    /**
+     * Сдвиг по вертикали (относительно портала, в котором рисуется тултип).
+     */
+    offsetY?: number;
+    /**
+     * Отображать ли стрелку, указывающую на якорный элемент
+     */
+    arrow?: boolean;
+    /**
+     * Сдвиг стрелочки относительно центра дочернего элемента.
+     */
+    cornerOffset?: number;
+    /**
+     * Сдвиг стрелочки относительно ширины тултипа
+     */
+    cornerAbsoluteOffset?: number;
+    /**
+     * Callback, который вызывается при клике по любому месту в пределах экрана.
+     */
+    onClose?: () => void;
+    /**
+     * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства
+     */
+    placement?: Placement;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Tooltip
+ */
+export declare const Tooltip: ({ children, isShown: _isShown, offsetX, offsetY, alignX, alignY, onClose, cornerOffset, cornerAbsoluteOffset, mode, appearance, arrow, placement, ...restProps }: TooltipProps) => JSX.Element;

package/dist/cjs/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/cjs/components/Touch/Touch.d.ts

@@ -0,0 +1,52 @@
+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;
+/**
+ * @see https://vkcom.github.io/VKUI/#/Touch
+ */
+export declare const Touch: ({ onStart, onStartX, onStartY, onMove: _onMove, onMoveX, onMoveY, onLeave, onEnter, onEnd: _onEnd, onEndX, onEndY, onClickCapture, usePointerHover, slideThreshold, useCapture, Component, getRootRef, noSlideClick, stopPropagation, ...restProps }: TouchProps) => JSX.Element;
+export {};

package/dist/cjs/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/cjs/components/Typography/Caption/Caption.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { HasComponent } from "../../../types";
+import "./Caption.css";
+export interface CaptionProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
+    /**
+     * Задаёт начертание шрифта отличное от стандартного.
+     *
+     * > ⚠️ Начертания `"bold"`, `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
+     */
+    weight?: "regular" | "medium" | "semibold" | "bold" | "1" | "2" | "3";
+    level?: "1" | "2" | "3" | "4";
+    caps?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Caption
+ */
+export declare const Caption: ({ children, weight, level, caps, Component, ...restProps }: CaptionProps) => JSX.Element;

package/dist/cjs/components/Typography/Footnote/Footnote.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { HasComponent } from "../../../types";
+import "./Footnote.css";
+export interface FootnoteProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
+    /**
+     * Задаёт начертание шрифта отличное от стандартного.
+     */
+    weight?: "1" | "2" | "3";
+    caps?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Footnote
+ */
+export declare const Footnote: ({ children, weight, caps, Component, ...restProps }: FootnoteProps) => JSX.Element;

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../../types";
+import "./Headline.css";
+export interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
+    /**
+     * Задаёт начертание шрифта отличное от стандартного.
+     *
+     * > ⚠️ Начертания `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
+     */
+    weight?: "regular" | "medium" | "semibold" | "1" | "2" | "3";
+    level?: "1" | "2";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Headline
+ */
+export declare const Headline: ({ children, weight, level, Component, getRootRef, ...restProps }: HeadlineProps) => JSX.Element;

package/dist/cjs/components/Typography/Paragraph/Paragraph.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../../types";
+import "./Paragraph.css";
+export interface ParagraphProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
+    /**
+     * Задаёт начертание шрифта, отличное от стандартного.
+     */
+    weight?: "1" | "2" | "3";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Paragraph
+ */
+export declare const Paragraph: ({ Component, getRootRef, weight, children, ...restProps }: ParagraphProps) => JSX.Element;

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { HasComponent } from "../../../types";
+import "./Subhead.css";
+export interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
+    /**
+     * Задаёт начертание шрифта отличное от стандартного.
+     *
+     * > ⚠️ Начертания `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
+     */
+    weight?: "regular" | "medium" | "semibold" | "bold" | "1" | "2" | "3";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Subhead
+ */
+export declare const Subhead: ({ children, weight, Component, ...restProps }: SubheadProps) => JSX.Element;

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../../types";
+import "./Text.css";
+export interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
+    /**
+     * Задаёт начертание шрифта, отличное от стандартного.
+     *
+     * > ⚠️ Начертания `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
+     */
+    weight?: "regular" | "medium" | "semibold" | "1" | "2" | "3";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Text
+ */
+export declare const Text: ({ children, weight, Component, getRootRef, ...restProps }: TextProps) => JSX.Element;

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

@@ -0,0 +1,16 @@
+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. Используйте значения `"1"`, `"2"` и `"3"`.
+     */
+    weight?: "heavy" | "bold" | "semibold" | "medium" | "regular" | "1" | "2" | "3";
+    level?: "1" | "2" | "3";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Title
+ */
+export declare const Title: ({ children, weight, level, Component, ...restProps }: TitleProps) => JSX.Element;

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

@@ -0,0 +1,31 @@
+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;
+    /**
+     * Число, которое будет указано в счетчике.
+     * По умолчанию высчитывается по формуле `photos.length - visibleCount`.
+     * Если число больше 99, то счетчик скроется.
+     */
+    count?: number;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/UsersStack
+ */
+export declare const UsersStack: ({ photos, visibleCount, count, size, layout, children, ...restProps }: UsersStackProps) => JSX.Element;