@vkontakte/vkui 4.37.0 → 4.37.1

package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { AppearanceType } from "@vkontakte/vk-bridge";
+export declare const AppearanceProviderContext: React.Context<AppearanceType>;

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

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+import "./Avatar.css";
+export interface AvatarProps extends React.ImgHTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLImageElement> {
+    /**
+     * Рекомендуемый сет значений: 96 | 88 | 80 | 72 | 64 | 56 | 48 | 44 | 40 | 36 | 32 | 28 | 24
+     */
+    size?: number;
+    mode?: "default" | "image" | "app";
+    shadow?: boolean;
+    badge?: "online" | "online-mobile" | JSX.Element;
+    overlayIcon?: JSX.Element;
+    overlayMode?: "dark" | "light";
+    /**
+     * Поведение показа overlay: "hover" - при наведении, "always" - всегда
+     */
+    overlayAction?: "hover" | "always";
+}
+export declare const AVATAR_DEFAULT_SIZE = 48;
+export declare const AVATAR_DEFAULT_SHADOW = true;
+/**
+ * @see https://vkcom.github.io/VKUI/#/Avatar
+ */
+export declare const Avatar: ({ alt, crossOrigin, decoding, height, loading, referrerPolicy, sizes, src, srcSet, useMap, width, getRef, size, shadow, mode, className, children, getRootRef, style, "aria-label": ariaLabel, badge, overlayIcon, overlayMode, overlayAction: passedOverlayAction, onClick, ...restProps }: AvatarProps) => JSX.Element;

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

@@ -0,0 +1,9 @@
+import * as React from "react";
+import "./Badge.css";
+export interface BadgeProps extends React.HTMLAttributes<HTMLElement> {
+    mode: "new" | "prominent";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Badge
+ */
+export declare const Badge: ({ mode, ...restProps }: BadgeProps) => JSX.Element;

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

@@ -0,0 +1,67 @@
+import * as React from "react";
+import "./Banner.css";
+export interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Тип баннера.
+     */
+    mode?: "tint" | "image";
+    size?: "s" | "m";
+    /**
+     * Тип действия в правой части баннера.
+     *
+     * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.
+     * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.
+     */
+    asideMode?: "dismiss" | "expand";
+    /**
+     * Срабатывает при клике на иконку крестика при `asideMode="dismiss"`.
+     */
+    onDismiss?: React.MouseEventHandler<HTMLButtonElement>;
+    /**
+     * `aria-label` для кнопки при `asideMode="dismiss". Необходим, чтобы кнопка была доступной.
+     */
+    dismissLabel?: string;
+    /**
+     * Содержимое, отображаемое в левой части баннера.
+     */
+    before?: React.ReactNode;
+    /**
+     * Заголовок. <br />
+     * При использовании этого свойства рекомендуется не указывать `text`.
+     */
+    header?: React.ReactNode;
+    /**
+     * Подзаголовок. <br />
+     * При использовании этого свойства рекомендуется не указывать `text`.
+     */
+    subheader?: React.ReactNode;
+    /**
+     * Текст баннера. <br />
+     * Это свойство следует использовать без указания `header` и `subheader`.
+     */
+    text?: React.ReactNode;
+    /**
+     * При использовании `mode="image"`.
+     *
+     * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.
+     * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.
+     */
+    imageTheme?: "light" | "dark";
+    /**
+     * При использовании `mode="image"`.
+     *
+     * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.
+     */
+    background?: React.ReactNode;
+    /**
+     * Кнопки, отображаемые в баннере.
+     *
+     * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode="primary" />` или `<Button mode="tertiary" hasHover={false} />`.
+     * - В режиме `image` с тёмным фоном – `<Button mode="overlay_primary" />`.
+     */
+    actions?: React.ReactNode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Banner
+ */
+export declare const Banner: ({ mode, imageTheme, size, before, asideMode, header, subheader, text, children, background, actions, onDismiss, dismissLabel, ...restProps }: BannerProps) => JSX.Element;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BaseGalleryProps } from "./types";
+import "./BaseGallery.css";
+export declare const BaseGallery: ({ bullets, getRootRef, children, slideWidth, slideIndex, isDraggable, onDragStart, onDragEnd, onChange, onPrevClick, onNextClick, onEnd: onEndProp, align, showArrows, getRef, ...restProps }: BaseGalleryProps) => JSX.Element;

package/dist/cjs/components/BaseGallery/helpers.d.ts

@@ -0,0 +1,12 @@
+import { LayoutState } from "./types";
+import { HasAlign } from "../../types";
+interface CalcMin extends Partial<LayoutState> {
+    isCenterWithCustomWidth: boolean;
+    align: HasAlign["align"];
+}
+export declare const calcMin: ({ containerWidth, layerWidth, slides, viewportOffsetWidth, align, isCenterWithCustomWidth, }: CalcMin) => number | undefined;
+interface CalcMax extends Partial<LayoutState> {
+    isCenterWithCustomWidth: boolean;
+}
+export declare const calcMax: ({ slides, viewportOffsetWidth, isCenterWithCustomWidth, }: CalcMax) => number;
+export {};

package/dist/cjs/components/BaseGallery/types.d.ts

@@ -0,0 +1,43 @@
+import * as React from "react";
+import { HasAlign, HasRef, HasRootRef } from "../../types";
+import { TouchEventHandler } from "../Touch/Touch";
+export interface GallerySlidesState {
+    coordX: number;
+    width: number;
+}
+export interface ShiftingState {
+    deltaX: number;
+    shiftX: number;
+    animation?: boolean;
+    dragging: boolean;
+}
+export interface LayoutState {
+    containerWidth: number;
+    viewportOffsetWidth: number;
+    layerWidth: number;
+    min?: number;
+    max: number;
+    slides: GallerySlidesState[];
+    isFullyVisible: boolean;
+}
+export interface BaseGalleryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "onDragStart" | "onDragEnd">, HasAlign, HasRootRef<HTMLDivElement>, HasRef<HTMLElement> {
+    slideWidth?: string | number;
+    slideIndex?: number;
+    onDragStart?: TouchEventHandler;
+    onDragEnd?: TouchEventHandler;
+    onChange?(current: number): void;
+    onEnd?({ targetIndex }: {
+        targetIndex: number;
+    }): void;
+    /**
+     * Будет вызвано при клике на кнопку-стрелку влево
+     */
+    onPrevClick?(): void;
+    /**
+     * Будет вызвано при клике на кнопку-стрелку вправо
+     */
+    onNextClick?(): void;
+    bullets?: "dark" | "light" | false;
+    isDraggable?: boolean;
+    showArrows?: boolean;
+}

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { TappableProps } from "../Tappable/Tappable";
+import { HasAlign } from "../../types";
+import "./Button.css";
+export interface VKUIButtonProps extends HasAlign {
+    /**
+     Значения `commerce`, `destructive`, `overlay_...` будут упразднены в 5.0.0
+     */
+    mode?: "primary" | "secondary" | "tertiary" | "outline" | "commerce" | "destructive" | "overlay_primary" | "overlay_secondary" | "overlay_outline";
+    appearance?: "accent" | "positive" | "negative" | "neutral" | "overlay";
+    size?: "s" | "m" | "l";
+    stretched?: boolean;
+    before?: React.ReactNode;
+    after?: React.ReactNode;
+    loading?: boolean;
+}
+export interface ButtonProps extends Omit<TappableProps, "size">, VKUIButtonProps {
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Button
+ */
+export declare const Button: React.FC<Pick<ButtonProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "media" | "loading" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "after" | "multiple" | "appearance" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "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" | "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" | "align" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onMove" | "onLeave" | "onEnter" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "before" | "stretched"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

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

@@ -0,0 +1,27 @@
+import * as React from "react";
+import type { HasRootRef, AlignType } from "../../types";
+import "./ButtonGroup.css";
+export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
+    /**
+     * Задает расположение элементов внутри группы, вертикальное или горизонтальное.
+     */
+    mode?: "vertical" | "horizontal";
+    /**
+     * Выставляет в зависимости от `mode` отступ по вертикали или горизонтали.
+     */
+    gap?: "none" | "space" | "s" | "m";
+    /**
+     * Растягивает компонент на всю ширину контейнера.
+     *
+     * Note: Для потомков соответствующее поведение нужно определять самостоятельно, где это необходимо.
+     */
+    stretched?: boolean;
+    /**
+     * Горизонтальное выравнивание элементов внутри группы. Работает только с mode="vertical".
+     */
+    align?: AlignType;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/ButtonGroup
+ */
+export declare const ButtonGroup: ({ mode, gap, stretched, align, getRootRef, children, ...restProps }: ButtonGroupProps) => JSX.Element;

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

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { CalendarHeaderProps } from "../CalendarHeader/CalendarHeader";
+import { CalendarDaysProps } from "../CalendarDays/CalendarDays";
+import { CalendarTimeProps } from "../CalendarTime/CalendarTime";
+import { HasRootRef } from "../../types";
+import "./Calendar.css";
+export interface CalendarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, Pick<CalendarTimeProps, "changeHoursAriaLabel" | "changeMinutesAriaLabel">, Pick<CalendarHeaderProps, "prevMonthAriaLabel" | "nextMonthAriaLabel" | "changeMonthAriaLabel" | "changeYearAriaLabel" | "onNextMonth" | "onPrevMonth" | "prevMonthIcon" | "nextMonthIcon" | "prevMonthProps" | "nextMonthProps">, Pick<CalendarDaysProps, "dayProps">, HasRootRef<HTMLDivElement> {
+    value?: Date;
+    disablePast?: boolean;
+    disableFuture?: boolean;
+    enableTime?: boolean;
+    disablePickers?: boolean;
+    doneButtonText?: string;
+    changeDayAriaLabel?: string;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    showNeighboringMonth?: boolean;
+    size?: "s" | "m";
+    onChange?(value?: Date): void;
+    shouldDisableDate?(value: Date): boolean;
+    onClose?(): void;
+    /**
+     * Дата отображаемого месяца.
+     * При использовании обновление даты должно происходить вне компонента.
+     */
+    viewDate?: Date;
+    /**
+     * Изменение даты в шапке календаря.
+     */
+    onHeaderChange?(value: Date): void;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Calendar
+ */
+export declare const Calendar: ({ value, onChange, disablePast, disableFuture, shouldDisableDate, onClose, enableTime, doneButtonText, weekStartsOn, getRootRef, disablePickers, changeHoursAriaLabel, changeMinutesAriaLabel, prevMonthAriaLabel, nextMonthAriaLabel, changeMonthAriaLabel, changeYearAriaLabel, showNeighboringMonth, changeDayAriaLabel, size, viewDate: externalViewDate, onHeaderChange, onNextMonth, onPrevMonth, prevMonthIcon, nextMonthIcon, prevMonthProps, nextMonthProps, dayProps, ...props }: CalendarProps) => JSX.Element;

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

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { TappableElementProps } from "../Tappable/Tappable";
+import "./CalendarDay.css";
+export declare type CalendarDayElementProps = Omit<TappableElementProps, "onChange" | "size" | "disabled" | "selected">;
+export interface CalendarDayProps extends CalendarDayElementProps {
+    day: Date;
+    today?: boolean;
+    selected?: boolean;
+    selectionStart?: boolean;
+    selectionEnd?: boolean;
+    hintedSelectionStart?: boolean;
+    hintedSelectionEnd?: boolean;
+    active?: boolean;
+    hidden?: boolean;
+    disabled?: boolean;
+    focused?: boolean;
+    hinted?: boolean;
+    sameMonth?: boolean;
+    size?: "s" | "m";
+    onChange(value: Date): void;
+    onEnter?(value: Date): void;
+    onLeave?(value: Date): void;
+}
+export declare const CalendarDay: React.MemoExoticComponent<({ day, today, selected, onChange, hidden, disabled, active, selectionStart, selectionEnd, focused, onEnter, onLeave, hinted, hintedSelectionStart, hintedSelectionEnd, sameMonth, size, ...props }: CalendarDayProps) => JSX.Element>;

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

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { CalendarDayElementProps } from "../CalendarDay/CalendarDay";
+import "./CalendarDays.css";
+export interface CalendarDaysProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    value?: Date | Array<Date | null>;
+    viewDate: Date;
+    weekStartsOn: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    showNeighboringMonth?: boolean;
+    size?: "s" | "m";
+    dayProps?: CalendarDayElementProps;
+    onDayChange(value: Date): void;
+    isDayDisabled(value: Date): boolean;
+    isDaySelectionStart(value: Date, dayOfWeek: number): boolean;
+    isDaySelectionEnd(value: Date, dayOfWeek: number): boolean;
+    isHintedDaySelectionStart?(value: Date, dayOfWeek: number): boolean;
+    isHintedDaySelectionEnd?(value: Date, dayOfWeek: number): boolean;
+    isDayActive(value: Date): boolean;
+    isDayHinted?(value: Date): boolean;
+    isDaySelected?(value: Date): boolean;
+    isDayFocused(value: Date): boolean;
+    onDayEnter?(value: Date): void;
+    onDayLeave?(value: Date): void;
+}
+export declare const CalendarDays: ({ viewDate, value, weekStartsOn, onDayChange, isDaySelected, isDayActive, isDaySelectionEnd, isDaySelectionStart, onDayEnter, onDayLeave, isDayHinted, isHintedDaySelectionStart, isHintedDaySelectionEnd, isDayFocused, isDayDisabled, size, showNeighboringMonth, dayProps, ...props }: CalendarDaysProps) => JSX.Element;

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

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { TappableElementProps } from "../Tappable/Tappable";
+import "./CalendarHeader.css";
+declare type ArrowMonthProps = Omit<TappableElementProps, "onClick" | "aria-label">;
+export interface CalendarHeaderProps extends Pick<React.HTMLAttributes<HTMLDivElement>, "className"> {
+    viewDate: Date;
+    prevMonth?: boolean;
+    nextMonth?: boolean;
+    disablePickers?: boolean;
+    prevMonthAriaLabel?: string;
+    nextMonthAriaLabel?: string;
+    changeMonthAriaLabel?: string;
+    changeYearAriaLabel?: string;
+    prevMonthIcon?: React.ReactNode;
+    nextMonthIcon?: React.ReactNode;
+    prevMonthProps?: ArrowMonthProps;
+    nextMonthProps?: ArrowMonthProps;
+    onChange(viewDate: Date): void;
+    /**
+     * Нажатие на кнопку переключения на следующий месяц.
+     */
+    onNextMonth?(): void;
+    /**
+     * Нажатие на кнопку переключения на предыдущий месяц.
+     */
+    onPrevMonth?(): void;
+}
+export declare const CalendarHeader: ({ viewDate, onChange, prevMonth, nextMonth, disablePickers, onNextMonth, onPrevMonth, className, prevMonthProps, nextMonthProps, prevMonthAriaLabel, nextMonthAriaLabel, changeMonthAriaLabel, changeYearAriaLabel, prevMonthIcon, nextMonthIcon, }: CalendarHeaderProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { CalendarHeaderProps } from "../CalendarHeader/CalendarHeader";
+import { HasRootRef } from "../../types";
+import "./CalendarRange.css";
+export interface CalendarRangeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, Pick<CalendarHeaderProps, "prevMonthAriaLabel" | "nextMonthAriaLabel" | "changeMonthAriaLabel" | "changeYearAriaLabel" | "prevMonthIcon" | "nextMonthIcon">, HasRootRef<HTMLDivElement> {
+    value?: Array<Date | null>;
+    disablePast?: boolean;
+    disableFuture?: boolean;
+    disablePickers?: boolean;
+    changeDayAriaLabel?: string;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    onChange?(value?: Array<Date | null>): void;
+    shouldDisableDate?(value: Date): boolean;
+    onClose?(): void;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/CalendarRange
+ */
+export declare const CalendarRange: ({ value, onChange, disablePast, disableFuture, shouldDisableDate, onClose, weekStartsOn, getRootRef, disablePickers, prevMonthAriaLabel, nextMonthAriaLabel, changeMonthAriaLabel, changeYearAriaLabel, changeDayAriaLabel, prevMonthIcon, nextMonthIcon, ...props }: CalendarRangeProps) => JSX.Element;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import "./CalendarTime.css";
+export interface CalendarTimeProps {
+    value: Date;
+    doneButtonText?: string;
+    changeHoursAriaLabel?: string;
+    changeMinutesAriaLabel?: string;
+    onChange?(value: Date): void;
+    onClose?(): void;
+}
+export declare const CalendarTime: ({ value, doneButtonText, onChange, onClose, changeHoursAriaLabel, changeMinutesAriaLabel, }: CalendarTimeProps) => JSX.Element;

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import "./Card.css";
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
+    mode?: "tint" | "shadow" | "outline";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Card
+ */
+export declare const Card: ({ mode, children, getRootRef, ...restProps }: CardProps) => JSX.Element;

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./CardGrid.css";
+export interface CardGridProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps {
+    size: "s" | "m" | "l";
+    /**
+     * Если true, то вокруг компонента присутствуют стандартные отсупы сверху/снизу и слева/справа
+     */
+    spaced?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/CardGrid
+ */
+export declare const CardGrid: React.FC<Pick<CardGridProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "size" | "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" | "spaced"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { HorizontalScrollProps } from "../HorizontalScroll/HorizontalScroll";
+import "./CardScroll.css";
+export interface CardScrollProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * При `size=false` ширина `Card` будет регулироваться контентом внутри. В остальных случаях — будет явно задана в процентах.
+     */
+    size?: "s" | "m" | "l" | false;
+    showArrows?: HorizontalScrollProps["showArrows"];
+    withSpaces?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/CardScroll
+ */
+export declare const CardScroll: ({ children, size, showArrows, withSpaces, ...restProps }: CardScrollProps) => JSX.Element;

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

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+import { SimpleCellProps } from "../SimpleCell/SimpleCell";
+import { HasPlatform, HasRootRef } from "../../types";
+import { RemovableProps } from "../Removable/Removable";
+import "./Cell.css";
+export interface CellProps extends Omit<SimpleCellProps, "getRootRef">, HasPlatform, RemovableProps, HasRootRef<HTMLDivElement> {
+    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 реагирует на входящие значения пропса checked, как зависящий напрямую от входящего значения
+     */
+    checked?: boolean;
+    /**
+     * В режиме selectable реагирует на входящие значения пропса defaultChecked как неконтролируемый компонент
+     */
+    defaultChecked?: boolean;
+    /**
+     * Коллбэк срабатывает при завершении перетаскивания.
+     * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В коллбэке есть объект с полями `from` и `to`.
+     * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице
+     * есть рабочий пример с обработкой этих чисел и перерисовкой списка.
+     */
+    onDragFinish?: ({ from, to }: {
+        from: number;
+        to: number;
+    }) => void;
+    /**
+     * aria-label для кнопки перетаскивания ячейки
+     */
+    draggerLabel?: string;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Cell
+ */
+export declare const Cell: ({ mode: propsMode, onRemove, removePlaceholder, onDragFinish, before, after, disabled, removable: deprecatedRemovable, draggable, selectable: deprecatedSelectable, Component, onChange, name, value, checked, defaultChecked, getRootRef, draggerLabel, className, style, ...restProps }: CellProps) => JSX.Element;

package/dist/cjs/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: ({ className, style, ...restProps }: CellCheckboxProps) => JSX.Element;

package/dist/cjs/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: ({ onDragStart, onDragMove, onDragEnd, ...restProps }: CellDraggerProps) => JSX.Element;
+export {};

package/dist/cjs/components/Cell/useDraggable.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+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;
+}
+export declare const useDraggable: <T extends HTMLElement>({ rootElRef, onDragFinish, }: Pick<CellProps, "onDragFinish"> & {
+    rootElRef: React.MutableRefObject<T | null>;
+}) => UseDraggableProps;
+export {};

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { SimpleCellProps } from "../SimpleCell/SimpleCell";
+import "./CellButton.css";
+export interface CellButtonProps extends SimpleCellProps {
+    mode?: "primary" | "danger";
+    centered?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/CellButton
+ */
+export declare const CellButton: ({ centered, mode, ...restProps }: CellButtonProps) => JSX.Element;

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { HasRef, HasRootRef } from "../../types";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./Checkbox.css";
+export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRootRef<HTMLLabelElement>, HasRef<HTMLInputElement>, AdaptivityProps {
+    description?: React.ReactNode;
+    indeterminate?: boolean;
+    defaultIndeterminate?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Checkbox
+ */
+export declare const Checkbox: ({ children, className, style, getRootRef, getRef, description, indeterminate, defaultIndeterminate, sizeY, onChange, ...restProps }: CheckboxProps) => JSX.Element;
+declare const _default: React.FC<Pick<CheckboxProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "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" | "list" | "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" | "alt" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "getRootRef" | "getRef" | "description" | "indeterminate" | "defaultIndeterminate"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export default _default;

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

@@ -0,0 +1,26 @@
+import * as React from "react";
+import "./Chip.css";
+export declare type ChipValue = string | number;
+export interface ChipOption {
+    value?: ChipValue;
+    label?: string;
+    [otherProp: string]: any;
+}
+export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: ChipValue;
+    option?: ChipOption;
+    onRemove?: (event?: React.MouseEvent, value?: ChipValue) => void;
+    removable?: boolean;
+    removeAriaLabel?: string;
+    before?: React.ReactNode;
+    after?: React.ReactNode;
+}
+export interface RenderChip<T> extends ChipProps {
+    label: string;
+    option: T;
+    disabled: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Chip
+ */
+export declare const Chip: ({ value, option, removable, onRemove, removeAriaLabel, before, after, children, ...restProps }: ChipProps) => JSX.Element;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FormFieldProps } from "../FormField/FormField";
+import { ChipOption } from "../Chip/Chip";
+import { ChipsInputBaseProps } from "../ChipsInputBase/ChipsInputBase";
+import "./ChipsInput.css";
+export interface ChipsInputProps<Option extends ChipOption> extends ChipsInputBaseProps<Option>, FormFieldProps {
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/ChipsInput
+ */
+export declare const ChipsInput: <Option extends ChipOption>({ style, className, getRootRef, before, after, status, ...restProps }: ChipsInputProps<Option>) => JSX.Element;