@vkontakte/vkui 4.37.0 → 4.37.2

package/dist/cjs/components/FixedLayout/FixedLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"FixedLayout.js","names":["FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","usePlatform","React","useState","undefined","width","setWidth","useDOM","window","useContext","SplitColContext","colRef","doResize","current","offsetWidth","useEffect","useGlobalEventListener","classNames","IOS"],"sources":["../../../../src/components/FixedLayout/FixedLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { IOS } from \"../../lib/platform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./FixedLayout.css\";\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: \"top\" | \"bottom\";\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: \"absolute\" | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () =>\n    setWidth(colRef?.current ? `${colRef.current.offsetWidth}px` : undefined);\n  React.useEffect(doResize, [colRef]);\n  useGlobalEventListener(window, \"resize\", doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"FixedLayout\",\n        platform === IOS && \"FixedLayout--ios\",\n        filled && \"FixedLayout--filled\",\n        `FixedLayout--${vertical}`\n      )}\n      style={{ ...style, width }}\n    >\n      <div vkuiClass=\"FixedLayout__in\" ref={getRef}>\n        {children}\n      </div>\n    </TooltipContainer>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAsBA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAQH;EAAA,IAPtBC,QAOsB,QAPtBA,QAOsB;EAAA,IANtBC,KAMsB,QANtBA,KAMsB;EAAA,IALtBC,QAKsB,QALtBA,QAKsB;EAAA,IAJtBC,UAIsB,QAJtBA,UAIsB;EAAA,IAHtBC,MAGsB,QAHtBA,MAGsB;EAAA,IAFtBC,MAEsB,QAFtBA,MAEsB;EAAA,IADnBC,SACmB;EACtB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,sBAA0BC,KAAK,CAACC,QAAN,CAAmCC,SAAnC,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EACA,cAAmB,IAAAC,WAAA,GAAnB;EAAA,IAAQC,MAAR,WAAQA,MAAR;;EACA,wBAAmBN,KAAK,CAACO,UAAN,CAAiBC,yBAAjB,CAAnB;EAAA,IAAQC,MAAR,qBAAQA,MAAR;;EACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW;IAAA,OACfN,QAAQ,CAACK,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,UAAsDV,SAAvD,CADO;EAAA,CAAjB;;EAEAF,KAAK,CAACa,SAAN,CAAgBH,QAAhB,EAA0B,CAACD,MAAD,CAA1B;EACA,IAAAK,8CAAA,EAAuBR,MAAvB,EAA+B,QAA/B,EAAyCI,QAAzC;EAEA,OACE,qCAAC,kCAAD,6BACMb,SADN;IAEE,KAAK,MAFP;IAGE,GAAG,EAAEH,UAHP;IAIE,SAAS,EAAE,IAAAqB,sBAAA,EACT,aADS,EAETjB,QAAQ,KAAKkB,aAAb,IAAoB,kBAFX,EAGTpB,MAAM,IAAI,qBAHD,yBAIOH,QAJP,EAJb;IAUE,KAAK,8DAAOD,KAAP;MAAcW,KAAK,EAALA;IAAd;EAVP,IAYE;IAAK,SAAS,EAAC,iBAAf;IAAiC,GAAG,EAAER;EAAtC,GACGJ,QADH,CAZF,CADF;AAkBD,CApCM"}
+{"version":3,"file":"FixedLayout.js","names":["FixedLayout","children","style","vertical","getRootRef","getRef","filled","restProps","platform","usePlatform","React","useState","undefined","width","setWidth","useDOM","window","useContext","SplitColContext","colRef","doResize","current","offsetWidth","useEffect","useGlobalEventListener","classNames","IOS"],"sources":["../../../../src/components/FixedLayout/FixedLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { IOS } from \"../../lib/platform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport { SplitColContext } from \"../SplitCol/SplitCol\";\nimport { TooltipContainer } from \"../Tooltip/TooltipContainer\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport \"./FixedLayout.css\";\n\nexport interface FixedLayoutProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLDivElement> {\n  vertical?: \"top\" | \"bottom\";\n  /**\n   * Это свойство определяет, будет ли фон компонента окрашен в цвет фона контента.\n   * Это часто необходимо для фиксированных кнопок в нижней части экрана.\n   */\n  filled?: boolean;\n}\n\nexport interface FixedLayoutState {\n  position: \"absolute\" | null;\n  top: number;\n  bottom: number;\n  width: string;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/FixedLayout\n */\nexport const FixedLayout = ({\n  children,\n  style,\n  vertical,\n  getRootRef,\n  getRef,\n  filled,\n  ...restProps\n}: FixedLayoutProps) => {\n  const platform = usePlatform();\n  const [width, setWidth] = React.useState<string | undefined>(undefined);\n  const { window } = useDOM();\n  const { colRef } = React.useContext(SplitColContext);\n  const doResize = () =>\n    setWidth(colRef?.current ? `${colRef.current.offsetWidth}px` : undefined);\n  React.useEffect(doResize, [colRef, platform]);\n  useGlobalEventListener(window, \"resize\", doResize);\n\n  return (\n    <TooltipContainer\n      {...restProps}\n      fixed\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"FixedLayout\",\n        platform === IOS && \"FixedLayout--ios\",\n        filled && \"FixedLayout--filled\",\n        `FixedLayout--${vertical}`\n      )}\n      style={{ ...style, width }}\n    >\n      <div vkuiClass=\"FixedLayout__in\" ref={getRef}>\n        {children}\n      </div>\n    </TooltipContainer>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAsBA;AACA;AACA;AACO,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAQH;EAAA,IAPtBC,QAOsB,QAPtBA,QAOsB;EAAA,IANtBC,KAMsB,QANtBA,KAMsB;EAAA,IALtBC,QAKsB,QALtBA,QAKsB;EAAA,IAJtBC,UAIsB,QAJtBA,UAIsB;EAAA,IAHtBC,MAGsB,QAHtBA,MAGsB;EAAA,IAFtBC,MAEsB,QAFtBA,MAEsB;EAAA,IADnBC,SACmB;EACtB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,sBAA0BC,KAAK,CAACC,QAAN,CAAmCC,SAAnC,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EACA,cAAmB,IAAAC,WAAA,GAAnB;EAAA,IAAQC,MAAR,WAAQA,MAAR;;EACA,wBAAmBN,KAAK,CAACO,UAAN,CAAiBC,yBAAjB,CAAnB;EAAA,IAAQC,MAAR,qBAAQA,MAAR;;EACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW;IAAA,OACfN,QAAQ,CAACK,MAAM,SAAN,IAAAA,MAAM,WAAN,IAAAA,MAAM,CAAEE,OAAR,aAAqBF,MAAM,CAACE,OAAP,CAAeC,WAApC,UAAsDV,SAAvD,CADO;EAAA,CAAjB;;EAEAF,KAAK,CAACa,SAAN,CAAgBH,QAAhB,EAA0B,CAACD,MAAD,EAASX,QAAT,CAA1B;EACA,IAAAgB,8CAAA,EAAuBR,MAAvB,EAA+B,QAA/B,EAAyCI,QAAzC;EAEA,OACE,qCAAC,kCAAD,6BACMb,SADN;IAEE,KAAK,MAFP;IAGE,GAAG,EAAEH,UAHP;IAIE,SAAS,EAAE,IAAAqB,sBAAA,EACT,aADS,EAETjB,QAAQ,KAAKkB,aAAb,IAAoB,kBAFX,EAGTpB,MAAM,IAAI,qBAHD,yBAIOH,QAJP,EAJb;IAUE,KAAK,8DAAOD,KAAP;MAAcW,KAAK,EAALA;IAAd;EAVP,IAYE;IAAK,SAAS,EAAC,iBAAf;IAAiC,GAAG,EAAER;EAAtC,GACGJ,QADH,CAZF,CADF;AAkBD,CApCM"}

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../types";
+export interface FocusTrapProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
+    restoreFocus?: boolean;
+    timeout?: number;
+    onClose?(): void;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/FocusTrap
+ */
+export declare const FocusTrap: ({ Component, onClose, restoreFocus, timeout, getRootRef, children, ...restProps }: FocusTrapProps) => JSX.Element;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import "./FocusVisible.css";
+export declare type FocusVisibleMode = "inside" | "outside";
+export interface FocusVisibleProps {
+    mode: FocusVisibleMode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/FocusVisible
+ */
+export declare const FocusVisible: ({ mode }: FocusVisibleProps) => JSX.Element;

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { HasComponent } from "../../types";
+import "./Footer.css";
+export declare type FooterProps = React.AllHTMLAttributes<HTMLElement> & HasComponent;
+/**
+ * @see https://vkcom.github.io/VKUI/#/Footer
+ */
+export declare const Footer: ({ children, ...restProps }: FooterProps) => JSX.Element;

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

@@ -0,0 +1,37 @@
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../types";
+import "./FormField.css";
+export declare const FormFieldMode: {
+    readonly default: "default";
+    readonly plain: "plain";
+};
+export interface FormFieldProps {
+    status?: "default" | "error" | "valid";
+    /**
+     * Добавляет иконку слева.
+     *
+     * Рекомендации:
+     *
+     * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.
+     * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.
+     */
+    before?: React.ReactNode;
+    /**
+     * Добавляет иконку справа.
+     *
+     * Рекомендации:
+     *
+     * - Используйте следующие размеры иконок `12` | `16` | `20` | `24` | `28`.
+     * - Используйте [IconButton](https://vkcom.github.io/VKUI/#/IconButton), если вам нужна кликабельная иконка.
+     */
+    after?: React.ReactNode;
+    mode?: keyof typeof FormFieldMode;
+}
+interface FormFieldOwnProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent, FormFieldProps {
+    disabled?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/FormField
+ */
+export declare const FormField: ({ Component, status, children, getRootRef, before, after, disabled, mode, ...restProps }: FormFieldOwnProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { HasComponent, HasRootRef } from "../../types";
+import { RemovableProps } from "../Removable/Removable";
+import "./FormItem.css";
+export interface FormItemProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent, RemovableProps {
+    top?: React.ReactNode;
+    bottom?: React.ReactNode;
+    status?: "default" | "error" | "valid";
+    /**
+     * Дает возможность удалить `FormItem`. Рекомендуется использовать только для `Input` или `Select`.
+     */
+    removable?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/FormItem
+ */
+export declare const FormItem: ({ children, top, bottom, status, Component, removable, onRemove, removePlaceholder, getRootRef, ...restProps }: FormItemProps) => JSX.Element;

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { HasComponent, HasRef } from "../../types";
+import "./FormLayout.css";
+export declare type FormLayoutProps = React.AllHTMLAttributes<HTMLElement> & HasRef<HTMLElement> & HasComponent;
+/**
+ * @see https://vkcom.github.io/VKUI/#/FormLayout
+ */
+export declare const FormLayout: ({ children, Component, getRef, onSubmit, ...restProps }: FormLayoutProps) => JSX.Element;

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

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import { RemovableProps } from "../Removable/Removable";
+import "./FormLayoutGroup.css";
+export interface FormLayoutGroupProps extends React.HTMLAttributes<HTMLDivElement>, RemovableProps, HasRootRef<HTMLDivElement> {
+    mode?: "vertical" | "horizontal";
+    /**
+     * Только для режима horizontal. Дает возможность удалить всю группу `FormItem`.
+     */
+    removable?: boolean;
+    /**
+     * Только для режима horizontal. Дает возможность склеить несколько `FormItem`.
+     */
+    segmented?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/FormLayoutGroup
+ */
+export declare const FormLayoutGroup: ({ children, mode, removable, segmented, removePlaceholder, onRemove, getRootRef, ...restProps }: FormLayoutGroupProps) => JSX.Element;

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import "./FormStatus.css";
+export interface FormStatusProps extends React.HTMLAttributes<HTMLDivElement> {
+    mode?: "default" | "error";
+    header?: React.ReactNode;
+}
+/**
+ * @deprecated Этот компонент устарел и будет удален в v5.0.0. Используйте [`Banner`](#/Banner).
+ * @see https://vkcom.github.io/VKUI/#/FormStatus
+ */
+export declare const FormStatus: ({ mode, header, children, dangerouslySetInnerHTML, ...restProps }: FormStatusProps) => JSX.Element;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { BaseGalleryProps } from "../BaseGallery/types";
+export interface GalleryProps extends BaseGalleryProps {
+    initialSlideIndex?: number;
+    timeout?: number;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Gallery
+ */
+export declare const Gallery: ({ initialSlideIndex, children, timeout, onChange, bullets, ...props }: GalleryProps) => JSX.Element;

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+import "./Gradient.css";
+export interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Тип градиента
+     */
+    mode?: "tint" | "white" | "black";
+    /**
+     * Направление градиента
+     */
+    to?: "top" | "bottom";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Gradient
+ */
+export declare const Gradient: ({ mode, children, to, ...restProps }: GradientProps) => JSX.Element;

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { AvatarProps } from "../Avatar/Avatar";
+import { HasRootRef } from "../../types";
+import "./GridAvatar.css";
+export interface GridAvatarProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, Pick<AvatarProps, "size" | "shadow" | "badge"> {
+    /**
+     * Массив со ссылками. От 1 до 4 элементов.
+     */
+    src?: string[];
+}
+export declare const MAX_GRID_LENGTH = 4;
+/**
+ * @see https://vkcom.github.io/VKUI/#/GridAvatar
+ */
+export declare const GridAvatar: ({ src, ...restProps }: GridAvatarProps) => JSX.Element;

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

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./Group.css";
+export interface GroupProps extends HasRootRef<HTMLElement>, React.HTMLAttributes<HTMLElement>, AdaptivityProps {
+    header?: React.ReactNode;
+    description?: React.ReactNode;
+    /**
+      show - разделитель всегда показывается,
+      hide – разделитель всегда спрятан,
+      auto – разделитель рисуется автоматически между соседними группами.
+     */
+    separator?: "show" | "hide" | "auto";
+    /**
+     * Режим отображения. Если установлен 'card', выглядит как карточка c
+     * обводкой и внешними отступами. Если 'plain' — без отступов и обводки.
+     * По умолчанию режим отображения зависит от `sizeX`. В модальных окнах
+     * по умолчанию 'plain'.
+     */
+    mode?: "plain" | "card";
+    /**
+     * Отвечает за отступы вокруг контента в режиме 'card'.
+     */
+    padding?: "s" | "m";
+    children?: React.ReactNode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Group
+ */
+export declare const Group: React.FC<Pick<GroupProps, "hidden" | "dir" | "header" | "slot" | "style" | "title" | "color" | "separator" | "padding" | "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" | "description"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import "./Header.css";
+export interface HeaderProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {
+    mode?: "primary" | "secondary" | "tertiary";
+    subtitle?: React.ReactNode;
+    /**
+     * Допускаются иконки, текст, Link
+     */
+    aside?: React.ReactNode;
+    /**
+     * Допускаются текст, Indicator
+     */
+    indicator?: React.ReactNode;
+    multiline?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Header
+ */
+export declare const Header: ({ mode, children, subtitle, indicator, aside, getRootRef, multiline, ...restProps }: HeaderProps) => JSX.Element;

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { HasComponent, HasRef, HasRootRef } from "../../types";
+import "./HorizontalCell.css";
+export interface HorizontalCellProps extends React.AnchorHTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLDivElement>, HasComponent {
+    size?: "s" | "m" | "l";
+    header?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    disabled?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/HorizontalCell
+ */
+export declare const HorizontalCell: ({ className, header, style, subtitle, size, children, getRootRef, getRef, ...restProps }: HorizontalCellProps) => JSX.Element;

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import { HasRef } from "../../types";
+import "./HorizontalScroll.css";
+export declare type ScrollPositionHandler = (currentPosition: number) => number;
+export interface HorizontalScrollProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps, HasRef<HTMLDivElement> {
+    /**
+     * Функция для расчета величины прокрутки при клике на левую стрелку.
+     */
+    getScrollToLeft?: ScrollPositionHandler;
+    /**
+     * Функция для расчета величины прокрутки при клике на правую стрелку.
+     */
+    getScrollToRight?: ScrollPositionHandler;
+    arrowSize?: "m" | "l";
+    showArrows?: boolean | "always";
+    scrollAnimationDuration?: number;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/HorizontalScroll
+ */
+export declare const HorizontalScroll: React.FC<Pick<HorizontalScrollProps, "hidden" | "dir" | "slot" | "style" | "title" | "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" | "getRef" | "scrollAnimationDuration" | "getScrollToLeft" | "getScrollToRight" | "showArrows" | "arrowSize"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import "./HorizontalScrollArrow.css";
+export interface HorizontalScrollArrowProps {
+    direction: "left" | "right";
+    size?: "m" | "l";
+    onClick(): void;
+}
+export declare const HorizontalScrollArrow: ({ size, direction, onClick, ...restProps }: HorizontalScrollArrowProps) => JSX.Element;

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

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { PopperCommonProps } from "../Popper/Popper";
+export interface HoverPopperProps extends PopperCommonProps {
+    /**
+     * Содержимое тултипа
+     */
+    content?: React.ReactNode;
+    /**
+     * Если передан, то тултип будет показан/скрыт в зависимости от значения свойства
+     */
+    shown?: boolean;
+    /**
+     * Вызывается при каждом изменении видимости тултипа
+     */
+    onShownChange?: (shown: boolean) => void;
+    /**
+     * Количество миллисекунд, после которых произойдет показ дропдауна
+     */
+    showDelay?: number;
+    /**
+     * Количество миллисекунд, после которых произойдет скрытие дропдауна
+     */
+    hideDelay?: number;
+    /**
+     * Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элементу компонента
+     */
+    children?: React.ReactElement;
+}
+export declare const HoverPopper: ({ getRef, content, children, onShownChange, shown: _shown, showDelay, hideDelay, ...restProps }: HoverPopperProps) => JSX.Element;

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { TappableProps } from "../Tappable/Tappable";
+import "./IconButton.css";
+export interface IconButtonProps extends TappableProps {
+    children?: React.ReactNode;
+    /**
+     * @deprecated будет удалено в 5.0.0. Используйте `children`
+     */
+    icon?: React.ReactNode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/IconButton
+ */
+export declare const IconButton: React.FC<Pick<IconButtonProps, "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" | "icon" | "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/InfoRow/InfoRow.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import "./InfoRow.css";
+export interface InfoRowProps extends React.HTMLAttributes<HTMLDivElement> {
+    header: React.ReactNode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/InfoRow
+ */
+export declare const InfoRow: ({ header, children, ...restProps }: InfoRowProps) => JSX.Element;

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

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

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

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { FormFieldProps } from "../FormField/FormField";
+import { HasAlign, HasRef, HasRootRef } from "../../types";
+import { AdaptivityProps } from "../../hoc/withAdaptivity";
+import "./Input.css";
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRef<HTMLInputElement>, HasRootRef<HTMLDivElement>, HasAlign, AdaptivityProps, FormFieldProps {
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Input
+ */
+export declare const Input: React.FC<Pick<InputProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "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" | "list" | "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" | "alt" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "align" | "getRootRef" | "getRef" | "before"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { HasRootRef } from "../../types";
+import "./InputLike.css";
+export interface InputLikeProps extends React.HTMLAttributes<HTMLSpanElement>, HasRootRef<HTMLSpanElement> {
+    length: number;
+    index: number;
+    value?: string;
+    onElementSelect?(index: number): void;
+}
+export declare const InputLike: {
+    ({ value, length, index, onElementSelect, onClick, onFocus, getRootRef, ...props }: InputLikeProps): JSX.Element;
+    displayName: string;
+};

package/dist/cjs/components/InputLike/InputLikeDivider.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import "./InputLikeDivider.css";
+export declare const InputLikeDivider: ({ children, ...props }: React.InputHTMLAttributes<HTMLSpanElement>) => JSX.Element;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TappableProps } from "../Tappable/Tappable";
+import "./Link.css";
+export interface LinkProps extends TappableProps {
+    /**
+     * Включает состояние `visited`, которое позволяет пользователю понять посещал ли он ссылку или нет
+     */
+    hasVisited?: boolean;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/Link
+ */
+export declare const Link: ({ hasVisited, children, ...restProps }: LinkProps) => JSX.Element;

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import "./List.css";
+export declare type ListProps = React.HTMLAttributes<HTMLDivElement>;
+/**
+ * @see https://vkcom.github.io/VKUI/#/List
+ */
+export declare const List: ({ children, ...restProps }: ListProps) => JSX.Element;

package/dist/cjs/components/List/ListContext.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export declare const ListContext: React.Context<{
+    toggleDrag: (value: boolean) => void;
+}>;

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

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare const LocaleProviderContext: React.Context<string | undefined>;

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

@@ -0,0 +1,42 @@
+import * as React from "react";
+import "./MiniInfoCell.css";
+export interface MiniInfoCellProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Иконка слева.<br />
+     * Рекомендуется использовать иконки размера 20.
+     */
+    before: React.ReactNode;
+    /**
+     * Содержимое справа.<br />
+     * `<UsersStack size="s" />` или `<Avatar size={24} />`
+     */
+    after?: React.ReactNode;
+    /**
+     * Тип ячейки:
+     *
+     * - `base` – базовая ячейка с серой иконкой и серым текстом.<br />
+     * В компонент можно передать `Link`, чтобы визуально сделать часть текста ссылкой.
+     * - `add` – тип ячейки, который показывает, что взаимодействие с ней должно вызывать действие добавления чего-то.
+     * - `more` – взаимодействие с такой ячейкой должно открывать какую-то подробную информацию.
+     */
+    mode?: "base" | "add" | "more";
+    /**
+     * Тип отображения текста:
+     *
+     * - `nowrap` – в одну строку, текст не переносится и обрезается.
+     * - `short` – максимально отображается 3 строки, остальное обрезается.
+     * - `full` – текст отображается полностью.
+     */
+    textWrap?: "nowrap" | "short" | "full";
+    /**
+     * Стиль текста:
+     *
+     * - `primary` – используйте этот стиль, если хотите выделить информацию в общем списке.<br />Пример использования: подробная информация на странице сообщества
+     * - `secondary` – стиль по-умолчанию.
+     */
+    textLevel?: "primary" | "secondary";
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/MiniInfoCell
+ */
+export declare const MiniInfoCell: ({ before, after, mode, textWrap, textLevel, children, ...restProps }: MiniInfoCellProps) => JSX.Element;