@vkontakte/vkui 4.35.1 → 4.36.0

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

@@ -4,7 +4,7 @@ import { HasAlign, HasRootRef } from "../../types";
 import { AdaptivityProps } from "../../hoc/withAdaptivity";
 import { SelectType } from "../Select/Select";
 import "../Select/Select.css";
-export interface SelectMimicryProps extends React.HTMLAttributes<HTMLElement>, HasAlign, HasRootRef<HTMLElement>, AdaptivityProps, Pick<FormFieldProps, "before" | "after"> {
+export interface SelectMimicryProps extends React.HTMLAttributes<HTMLElement>, HasAlign, HasRootRef<HTMLElement>, AdaptivityProps, Pick<FormFieldProps, "before" | "after" | "status"> {
     multiline?: boolean;
     disabled?: boolean;
     selectType?: keyof typeof SelectType;
@@ -12,4 +12,4 @@ export interface SelectMimicryProps extends React.HTMLAttributes<HTMLElement>, H
 /**
  * @see https://vkcom.github.io/VKUI/#/SelectMimicry
  */
-export declare const SelectMimicry: React.FC<Pick<SelectMimicryProps, "style" | "placeholder" | "title" | "disabled" | "hidden" | "multiline" | "role" | "before" | "after" | "security" | "dir" | "slot" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "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" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "align" | "getRootRef" | "selectType"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const SelectMimicry: React.FC<Pick<SelectMimicryProps, "style" | "placeholder" | "title" | "disabled" | "hidden" | "multiline" | "role" | "before" | "after" | "security" | "dir" | "slot" | "status" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "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" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "align" | "getRootRef" | "selectType"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

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

@@ -1,8 +1,9 @@
 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"> {
+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;
@@ -10,4 +11,4 @@ export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextArea
 /**
  * @see https://vkcom.github.io/VKUI/#/Textarea
  */
-export declare const Textarea: React.FC<Pick<TextareaProps, "style" | "placeholder" | "title" | "disabled" | "hidden" | "required" | "role" | "security" | "dir" | "form" | "slot" | "wrap" | "readOnly" | "name" | "color" | "maxHeight" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "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" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "autoFocus" | "value" | "autoComplete" | "maxLength" | "minLength" | "cols" | "dirName" | "rows" | "getRootRef" | "getRef" | "grow" | "onResize"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const Textarea: React.FC<Pick<TextareaProps, "style" | "placeholder" | "title" | "disabled" | "hidden" | "required" | "role" | "security" | "dir" | "form" | "slot" | "wrap" | "readOnly" | "name" | "status" | "color" | "maxHeight" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "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" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "autoFocus" | "value" | "autoComplete" | "maxLength" | "minLength" | "cols" | "dirName" | "rows" | "getRootRef" | "getRef" | "grow" | "onResize"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;

package/.cache/ts/src/{components/ChipsInput → hooks}/useChipsInput.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
-import { ChipsInputOption, ChipsInputProps } from "./ChipsInput";
-export declare const useChipsInput: <Option extends ChipsInputOption>(props: Partial<ChipsInputProps<Option>>) => {
+import { ChipOption } from "../components/Chip/Chip";
+import { ChipsInputBaseProps } from "../components/ChipsInputBase/ChipsInputBase";
+export declare const useChipsInput: <Option extends ChipOption>(props: Partial<ChipsInputBaseProps<Option>>) => {
     fieldValue: string | undefined;
     setFieldValue: React.Dispatch<React.SetStateAction<string | undefined>>;
     selectedOptions: Option[];
@@ -9,6 +10,6 @@ export declare const useChipsInput: <Option extends ChipsInputOption>(props: Par
     toggleOption: (newOption: Option, value?: boolean | undefined) => void;
     addOption: (newOption: Option) => void;
     addOptionFromInput: () => void;
-    removeOption: (value: string | number) => void;
+    removeOption: (value: any) => void;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };

package/{dist/cssm/components/ChipsSelect → .cache/ts/src/hooks}/useChipsSelect.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
-import { ChipsInputOption } from "../ChipsInput/ChipsInput";
-import { ChipsSelectProps } from "./ChipsSelect";
-export declare const useChipsSelect: <Option extends ChipsInputOption>(props: Partial<ChipsSelectProps<Option>>) => {
+import { ChipsSelectProps } from "../components/ChipsSelect/ChipsSelect";
+import { ChipOption } from "../components/Chip/Chip";
+export declare const useChipsSelect: <Option extends ChipOption>(props: Partial<ChipsSelectProps<Option>>) => {
     fieldValue: string | undefined;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement> | undefined) => void;
     opened: boolean;
@@ -18,5 +18,5 @@ export declare const useChipsSelect: <Option extends ChipsInputOption>(props: Pa
     toggleOption: (newOption: Option, value?: boolean | undefined) => void;
     addOption: (newOption: Option) => void;
     addOptionFromInput: () => void;
-    removeOption: (value: string | number) => void;
+    removeOption: (value: any) => void;
 };

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

@@ -44,6 +44,7 @@ export { ActionSheet } from "./components/ActionSheet/ActionSheet";
 export type { ActionSheetProps } from "./components/ActionSheet/ActionSheet";
 export { ActionSheetItem } from "./components/ActionSheetItem/ActionSheetItem";
 export type { ActionSheetItemProps } from "./components/ActionSheetItem/ActionSheetItem";
+export { ActionSheetDefaultIosCloseItem } from "./components/ActionSheet/ActionSheetDefaultIosCloseItem";
 export { ScreenSpinner } from "./components/ScreenSpinner/ScreenSpinner";
 export type { ScreenSpinnerProps } from "./components/ScreenSpinner/ScreenSpinner";
 export { Snackbar } from "./components/Snackbar/Snackbar";
@@ -91,6 +92,7 @@ export type { GroupProps } from "./components/Group/Group";
 export { Gradient } from "./components/Gradient/Gradient";
 export type { GradientProps } from "./components/Gradient/Gradient";
 export { List } from "./components/List/List";
+export type { ListProps } from "./components/List/List";
 export { Cell } from "./components/Cell/Cell";
 export type { CellProps } from "./components/Cell/Cell";
 export { RichCell } from "./components/RichCell/RichCell";
@@ -236,6 +238,7 @@ export type { ModalCardBaseProps } from "./components/ModalCardBase/ModalCardBas
 export { AppRoot } from "./components/AppRoot/AppRoot";
 export type { AppRootProps } from "./components/AppRoot/AppRoot";
 export { AdaptivityProvider } from "./components/AdaptivityProvider/AdaptivityProvider";
+export type { AdaptivityProviderProps } from "./components/AdaptivityProvider/AdaptivityProvider";
 export { ConfigProvider } from "./components/ConfigProvider/ConfigProvider";
 export type { ConfigProviderProps } from "./components/ConfigProvider/ConfigProvider";
 export { ConfigProviderContext, WebviewType, } from "./components/ConfigProvider/ConfigProviderContext";

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

@@ -1,9 +1,13 @@
+export { Alert } from "../components/Alert/Alert";
+export type { AlertProps } from "../components/Alert/Alert";
 export { Avatar } from "../components/Avatar/Avatar";
 export type { AvatarProps } from "../components/Avatar/Avatar";
 export { FormItem } from "../components/FormItem/FormItem";
 export type { FormItemProps } from "../components/FormItem/FormItem";
 export { FormLayoutGroup } from "../components/FormLayoutGroup/FormLayoutGroup";
 export type { FormLayoutGroupProps } from "../components/FormLayoutGroup/FormLayoutGroup";
+export { FormStatus } from "../components/FormStatus/FormStatus";
+export type { FormStatusProps } from "../components/FormStatus/FormStatus";
 export { Button } from "../components/Button/Button";
 export type { ButtonProps } from "../components/Button/Button";
 export { MiniInfoCell } from "../components/MiniInfoCell/MiniInfoCell";
@@ -36,6 +40,12 @@ export { ModalCardBase } from "../components/ModalCardBase/ModalCardBase";
 export type { ModalCardBaseProps } from "../components/ModalCardBase/ModalCardBase";
 export { ModalCard } from "../components/ModalCard/ModalCard";
 export type { ModalCardProps } from "../components/ModalCard/ModalCard";
+export { ModalDismissButton } from "../components/ModalDismissButton/ModalDismissButton";
+export type { ModalDismissButtonProps } from "../components/ModalDismissButton/ModalDismissButton";
+export { ModalPageHeader } from "../components/ModalPageHeader/ModalPageHeader";
+export type { ModalPageHeaderProps } from "../components/ModalPageHeader/ModalPageHeader";
+export { ModalPage } from "../components/ModalPage/ModalPage";
+export type { ModalPageProps } from "../components/ModalPage/ModalPage";
 export { Link } from "../components/Link/Link";
 export type { LinkProps } from "../components/Link/Link";
 export { SimpleCell } from "../components/SimpleCell/SimpleCell";
@@ -80,6 +90,8 @@ export { Dropdown } from "../components/Dropdown/Dropdown";
 export type { DropdownProps } from "../components/Dropdown/Dropdown";
 export { Pagination } from "../components/Pagination/Pagination";
 export type { PaginationProps } from "../components/Pagination/Pagination";
+export { PromoBanner } from "../components/PromoBanner/PromoBanner";
+export type { PromoBannerProps } from "../components/PromoBanner/PromoBanner";
 export { Calendar } from "../components/Calendar/Calendar";
 export type { CalendarProps } from "../components/Calendar/Calendar";
 export { CalendarRange } from "../components/CalendarRange/CalendarRange";
@@ -108,6 +120,10 @@ export { File } from "../components/File/File";
 export type { FileProps } from "../components/File/File";
 export { CardGrid } from "../components/CardGrid/CardGrid";
 export type { CardGridProps } from "../components/CardGrid/CardGrid";
+export { ActionSheet } from "../components/ActionSheet/ActionSheet";
+export type { ActionSheetProps } from "../components/ActionSheet/ActionSheet";
+export { ActionSheetItem } from "../components/ActionSheetItem/ActionSheetItem";
+export type { ActionSheetItemProps } from "../components/ActionSheetItem/ActionSheetItem";
 export { FocusVisible } from "../components/FocusVisible/FocusVisible";
 export type { FocusVisibleProps } from "../components/FocusVisible/FocusVisible";
 export { FormField } from "../components/FormField/FormField";
@@ -138,6 +154,8 @@ export { Separator } from "../components/Separator/Separator";
 export type { SeparatorProps } from "../components/Separator/Separator";
 export { ChipsSelect } from "../components/ChipsSelect/ChipsSelect";
 export type { ChipsSelectProps } from "../components/ChipsSelect/ChipsSelect";
+export { SubnavigationBar } from "../components/SubnavigationBar/SubnavigationBar";
+export type { SubnavigationBarProps } from "../components/SubnavigationBar/SubnavigationBar";
 export { Spacing } from "../components/Spacing/Spacing";
 export type { SpacingProps } from "../components/Spacing/Spacing";
 export { SplitLayout } from "../components/SplitLayout/SplitLayout";
@@ -178,3 +196,41 @@ export { Tabbar } from "../components/Tabbar/Tabbar";
 export type { TabbarProps } from "../components/Tabbar/Tabbar";
 export { TabbarItem } from "../components/TabbarItem/TabbarItem";
 export type { TabbarItemProps } from "../components/TabbarItem/TabbarItem";
+export { Search } from "../components/Search/Search";
+export type { SearchProps } from "../components/Search/Search";
+export { Header } from "../components/Header/Header";
+export type { HeaderProps } from "../components/Header/Header";
+export { Panel } from "../components/Panel/Panel";
+export type { PanelProps } from "../components/Panel/Panel";
+export { PanelHeaderButton } from "../components/PanelHeaderButton/PanelHeaderButton";
+export type { PanelHeaderButtonProps } from "../components/PanelHeaderButton/PanelHeaderButton";
+export { PanelHeader } from "../components/PanelHeader/PanelHeader";
+export type { PanelHeaderProps } from "../components/PanelHeader/PanelHeader";
+export { PanelHeaderContent } from "../components/PanelHeaderContent/PanelHeaderContent";
+export type { PanelHeaderContentProps } from "../components/PanelHeaderContent/PanelHeaderContent";
+export { PanelHeaderContext } from "../components/PanelHeaderContext/PanelHeaderContext";
+export type { PanelHeaderContextProps } from "../components/PanelHeaderContext/PanelHeaderContext";
+export { PanelHeaderClose } from "../components/PanelHeaderClose/PanelHeaderClose";
+export { PanelHeaderBack } from "../components/PanelHeaderBack/PanelHeaderBack";
+export type { PanelHeaderBackProps } from "../components/PanelHeaderBack/PanelHeaderBack";
+export { PanelHeaderSubmit } from "../components/PanelHeaderSubmit/PanelHeaderSubmit";
+export { PanelHeaderEdit } from "../components/PanelHeaderEdit/PanelHeaderEdit";
+export type { PanelHeaderEditProps } from "../components/PanelHeaderEdit/PanelHeaderEdit";
+export { List } from "../components/List/List";
+export type { ListProps } from "../components/List/List";
+export { AppRoot } from "../components/AppRoot/AppRoot";
+export type { AppRootProps } from "../components/AppRoot/AppRoot";
+export { ConfigProvider } from "../components/ConfigProvider/ConfigProvider";
+export type { ConfigProviderProps } from "../components/ConfigProvider/ConfigProvider";
+export { AdaptivityProvider } from "../components/AdaptivityProvider/AdaptivityProvider";
+export type { AdaptivityProviderProps } from "../components/AdaptivityProvider/AdaptivityProvider";
+export { Touch } from "../components/Touch/Touch";
+export type { TouchProps } from "../components/Touch/Touch";
+export { DatePicker } from "../components/DatePicker/DatePicker";
+export type { DatePickerProps } from "../components/DatePicker/DatePicker";
+export { SelectMimicry } from "../components/SelectMimicry/SelectMimicry";
+export type { SelectMimicryProps } from "../components/SelectMimicry/SelectMimicry";
+export { NativeSelect } from "../components/NativeSelect/NativeSelect";
+export type { NativeSelectProps } from "../components/NativeSelect/NativeSelect";
+export { FormLayout } from "../components/FormLayout/FormLayout";
+export type { FormLayoutProps } from "../components/FormLayout/FormLayout";

package/README.md

@@ -101,5 +101,6 @@ ReactDOM.render(
 
 Мы очень радуемся, когда пользователи библиотеки работают над её улучшением. Для того, чтобы оставить след в истории:
 
-- почитайте наши [чеклист компонента и общие требования к разработке](https://github.com/VKCOM/VKUI/blob/master/docs/CONTRIBUTING.md),
-- сделайте форк проекта, внесите изменения и отправьте нам [pull request](https://github.com/VKCOM/VKUI/pulls).
+1. Для начала ознакомьтесь с нашим [манифестом](https://github.com/VKCOM/VKUI/blob/master/docs/MANIFESTO.md) 📝
+2. Затем посмотрите [требования к разработке](https://github.com/VKCOM/VKUI/blob/master/docs/CONTRIBUTING.md) 🔧
+3. А теперь смело вносите изменения и создавайте [pull request](https://github.com/VKCOM/VKUI/pulls) ❤️

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

@@ -31,7 +31,7 @@ var _utils = require("../../lib/utils");
 
 var _ActionSheetContext = require("./ActionSheetContext");
 
-var _Caption = require("../Typography/Caption/Caption");
+var _Footnote = require("../Typography/Footnote/Footnote");
 
 var _usePlatform = require("../../hooks/usePlatform");
 
@@ -137,10 +137,10 @@ var ActionSheet = function ActionSheet(_ref) {
     style: isDesktop ? style : undefined
   }), ((0, _utils.hasReactNode)(header) || (0, _utils.hasReactNode)(text)) && (0, _jsxRuntime.createScopedElement)("header", {
     vkuiClass: "ActionSheet__header"
-  }, (0, _utils.hasReactNode)(header) && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {
-    weight: platform === _platform.IOS ? "1" : "2",
+  }, (0, _utils.hasReactNode)(header) && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
+    weight: "2",
     vkuiClass: "ActionSheet__title"
-  }, header), (0, _utils.hasReactNode)(text) && (0, _jsxRuntime.createScopedElement)(_Caption.Caption, {
+  }, header), (0, _utils.hasReactNode)(text) && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {
     vkuiClass: "ActionSheet__text"
   }, text)), children, platform === _platform.IOS && !isDesktop && iosCloseItem));
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"names":["warn","ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","restProps","platform","React","useState","closing","setClosing","onClose","_action","useRef","noop","afterClose","current","process","env","NODE_ENV","isDesktop","timeout","IOS","fallbackTransitionFinish","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoclose","event","persist","contextValue","DropdownComponent","ActionSheetDropdownDesktop","ActionSheetDropdown","actionSheet","undefined"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { IOS } from \"../../lib/platform\";\nimport { ActionSheetDropdownDesktop } from \"./ActionSheetDropdownDesktop\";\nimport { ActionSheetDropdown } from \"./ActionSheetDropdown\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport { ActionSheetContext, ItemClickHandler } from \"./ActionSheetContext\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { SharedDropdownProps, PopupDirection, ToggleRef } from \"./types\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport \"./ActionSheet.css\";\n\nexport interface ActionSheetProps extends React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи. В v5 будет обязательным.\n   */\n  onClose?: VoidFunction;\n  /**\n   * Элемент, рядом с которым вылезает попап на десктопе.\n   * Лучше передавать RefObject c current.\n   * В v5 будет обязательным.\n   */\n  toggleRef?: ToggleRef;\n  /**\n   * Направление на десктопе\n   */\n  popupDirection?: PopupDirection;\n  /**\n   * Только iOS. В v5 будет обязательным.\n   */\n  iosCloseItem?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"ActionSheet\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  popupDirection = \"bottom\",\n  ...restProps\n}: ActionSheetProps) => {\n  const platform = usePlatform();\n  const [closing, setClosing] = React.useState(false);\n  const onClose = () => setClosing(true);\n  const _action = React.useRef(noop);\n\n  const afterClose = () => {\n    restProps.onClose?.();\n    _action.current();\n    _action.current = noop;\n  };\n\n  if (process.env.NODE_ENV === \"development\" && !restProps.onClose) {\n    warn(\n      `Без свойства \"onClose\" нельзя закрыть ActionSheet по клику вне компонента`,\n      \"error\"\n    );\n  }\n\n  const isDesktop = useAdaptivityIsDesktop();\n\n  useScrollLock(!isDesktop);\n\n  let timeout = platform === IOS ? 300 : 200;\n\n  if (isDesktop) {\n    timeout = 0;\n  }\n\n  const fallbackTransitionFinish = useTimeout(afterClose, timeout);\n  React.useEffect(() => {\n    if (closing) {\n      fallbackTransitionFinish.set();\n    } else {\n      fallbackTransitionFinish.clear();\n    }\n  }, [closing, fallbackTransitionFinish]);\n\n  const onItemClick = React.useCallback<ItemClickHandler>(\n    (action, immediateAction, autoclose) => (event) => {\n      event.persist();\n      immediateAction && immediateAction(event);\n      if (autoclose) {\n        _action.current = () => action && action(event);\n        setClosing(true);\n      } else {\n        action && action(event);\n      }\n    },\n    []\n  );\n  const contextValue = useObjectMemo({ onItemClick, isDesktop });\n\n  const DropdownComponent = isDesktop\n    ? ActionSheetDropdownDesktop\n    : ActionSheetDropdown;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={closing}\n        timeout={timeout}\n        {...(restProps as Omit<SharedDropdownProps, \"closing\">)}\n        popupDirection={popupDirection}\n        onClose={onClose}\n        className={isDesktop ? className : undefined}\n        style={isDesktop ? style : undefined}\n      >\n        {(hasReactNode(header) || hasReactNode(text)) && (\n          <header vkuiClass=\"ActionSheet__header\">\n            {hasReactNode(header) && (\n              <Caption\n                weight={platform === IOS ? \"1\" : \"2\"}\n                vkuiClass=\"ActionSheet__title\"\n              >\n                {header}\n              </Caption>\n            )}\n            {hasReactNode(text) && (\n              <Caption vkuiClass=\"ActionSheet__text\">{text}</Caption>\n            )}\n          </header>\n        )}\n        {children}\n        {platform === IOS && !isDesktop && iosCloseItem}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (isDesktop) {\n    return actionSheet;\n  }\n\n  return (\n    <PopoutWrapper\n      closing={closing}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={onClose}\n      hasMask\n      fixed\n    >\n      {actionSheet}\n    </PopoutWrapper>\n  );\n};\n"],"file":"ActionSheet.js"}
+{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheet.tsx"],"names":["warn","ActionSheet","children","className","header","text","style","iosCloseItem","popupDirection","restProps","platform","React","useState","closing","setClosing","onClose","_action","useRef","noop","afterClose","current","process","env","NODE_ENV","isDesktop","timeout","IOS","fallbackTransitionFinish","useEffect","set","clear","onItemClick","useCallback","action","immediateAction","autoclose","event","persist","contextValue","DropdownComponent","ActionSheetDropdownDesktop","ActionSheetDropdown","actionSheet","undefined"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { PopoutWrapper } from \"../PopoutWrapper/PopoutWrapper\";\nimport { IOS } from \"../../lib/platform\";\nimport { ActionSheetDropdownDesktop } from \"./ActionSheetDropdownDesktop\";\nimport { ActionSheetDropdown } from \"./ActionSheetDropdown\";\nimport { hasReactNode, noop } from \"../../lib/utils\";\nimport { ActionSheetContext, ItemClickHandler } from \"./ActionSheetContext\";\nimport { Footnote } from \"../Typography/Footnote/Footnote\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport { useAdaptivityIsDesktop } from \"../../hooks/useAdaptivity\";\nimport { useObjectMemo } from \"../../hooks/useObjectMemo\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { SharedDropdownProps, PopupDirection, ToggleRef } from \"./types\";\nimport { useScrollLock } from \"../AppRoot/ScrollContext\";\nimport \"./ActionSheet.css\";\n\nexport interface ActionSheetProps extends React.HTMLAttributes<HTMLDivElement> {\n  header?: React.ReactNode;\n  text?: React.ReactNode;\n  /**\n   * Закрыть попап по клику снаружи. В v5 будет обязательным.\n   */\n  onClose?: VoidFunction;\n  /**\n   * Элемент, рядом с которым вылезает попап на десктопе.\n   * Лучше передавать RefObject c current.\n   * В v5 будет обязательным.\n   */\n  toggleRef?: ToggleRef;\n  /**\n   * Направление на десктопе\n   */\n  popupDirection?: PopupDirection;\n  /**\n   * Только iOS. В v5 будет обязательным.\n   */\n  iosCloseItem?: React.ReactNode;\n}\n\nconst warn = warnOnce(\"ActionSheet\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/ActionSheet\n */\nexport const ActionSheet = ({\n  children,\n  className,\n  header,\n  text,\n  style,\n  iosCloseItem,\n  popupDirection = \"bottom\",\n  ...restProps\n}: ActionSheetProps) => {\n  const platform = usePlatform();\n  const [closing, setClosing] = React.useState(false);\n  const onClose = () => setClosing(true);\n  const _action = React.useRef(noop);\n\n  const afterClose = () => {\n    restProps.onClose?.();\n    _action.current();\n    _action.current = noop;\n  };\n\n  if (process.env.NODE_ENV === \"development\" && !restProps.onClose) {\n    warn(\n      `Без свойства \"onClose\" нельзя закрыть ActionSheet по клику вне компонента`,\n      \"error\"\n    );\n  }\n\n  const isDesktop = useAdaptivityIsDesktop();\n\n  useScrollLock(!isDesktop);\n\n  let timeout = platform === IOS ? 300 : 200;\n\n  if (isDesktop) {\n    timeout = 0;\n  }\n\n  const fallbackTransitionFinish = useTimeout(afterClose, timeout);\n  React.useEffect(() => {\n    if (closing) {\n      fallbackTransitionFinish.set();\n    } else {\n      fallbackTransitionFinish.clear();\n    }\n  }, [closing, fallbackTransitionFinish]);\n\n  const onItemClick = React.useCallback<ItemClickHandler>(\n    (action, immediateAction, autoclose) => (event) => {\n      event.persist();\n      immediateAction && immediateAction(event);\n      if (autoclose) {\n        _action.current = () => action && action(event);\n        setClosing(true);\n      } else {\n        action && action(event);\n      }\n    },\n    []\n  );\n  const contextValue = useObjectMemo({ onItemClick, isDesktop });\n\n  const DropdownComponent = isDesktop\n    ? ActionSheetDropdownDesktop\n    : ActionSheetDropdown;\n\n  const actionSheet = (\n    <ActionSheetContext.Provider value={contextValue}>\n      <DropdownComponent\n        closing={closing}\n        timeout={timeout}\n        {...(restProps as Omit<SharedDropdownProps, \"closing\">)}\n        popupDirection={popupDirection}\n        onClose={onClose}\n        className={isDesktop ? className : undefined}\n        style={isDesktop ? style : undefined}\n      >\n        {(hasReactNode(header) || hasReactNode(text)) && (\n          <header vkuiClass=\"ActionSheet__header\">\n            {hasReactNode(header) && (\n              <Footnote weight=\"2\" vkuiClass=\"ActionSheet__title\">\n                {header}\n              </Footnote>\n            )}\n            {hasReactNode(text) && (\n              <Footnote vkuiClass=\"ActionSheet__text\">{text}</Footnote>\n            )}\n          </header>\n        )}\n        {children}\n        {platform === IOS && !isDesktop && iosCloseItem}\n      </DropdownComponent>\n    </ActionSheetContext.Provider>\n  );\n\n  if (isDesktop) {\n    return actionSheet;\n  }\n\n  return (\n    <PopoutWrapper\n      closing={closing}\n      alignY=\"bottom\"\n      className={className}\n      style={style}\n      onClick={onClose}\n      hasMask\n      fixed\n    >\n      {actionSheet}\n    </PopoutWrapper>\n  );\n};\n"],"file":"ActionSheet.js"}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionSheetDefaultIosCloseItem = void 0;
+
+var _jsxRuntime = require("../../lib/jsxRuntime");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _ActionSheetItem = require("../ActionSheetItem/ActionSheetItem");
+
+var ActionSheetDefaultIosCloseItem = function ActionSheetDefaultIosCloseItem(props) {
+  return (0, _jsxRuntime.createScopedElement)(_ActionSheetItem.ActionSheetItem, (0, _extends2.default)({
+    autoclose: true,
+    mode: "cancel"
+  }, props), "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C");
+};
+
+exports.ActionSheetDefaultIosCloseItem = ActionSheetDefaultIosCloseItem;
+//# sourceMappingURL=ActionSheetDefaultIosCloseItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDefaultIosCloseItem.tsx"],"names":["ActionSheetDefaultIosCloseItem","props"],"mappings":";;;;;;;;;;;;;AAAA;;AAKO,IAAMA,8BAA8B,GAAG,SAAjCA,8BAAiC,CAACC,KAAD,EAAiC;AAC7E,SACE,qCAAC,gCAAD;AAAiB,IAAA,SAAS,MAA1B;AAA2B,IAAA,IAAI,EAAC;AAAhC,KAA6CA,KAA7C,sDADF;AAKD,CANM","sourcesContent":["import {\n  ActionSheetItem,\n  ActionSheetItemProps,\n} from \"../ActionSheetItem/ActionSheetItem\";\n\nexport const ActionSheetDefaultIosCloseItem = (props: ActionSheetItemProps) => {\n  return (\n    <ActionSheetItem autoclose mode=\"cancel\" {...props}>\n      Отменить\n    </ActionSheetItem>\n  );\n};\n"],"file":"ActionSheetDefaultIosCloseItem.js"}

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

@@ -13,12 +13,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _getClassName = require("../../helpers/getClassName");
-
 var _classNames = require("../../lib/classNames");
 
+var _platform = require("../../lib/platform");
+
 var _usePlatform = require("../../hooks/usePlatform");
 
+var _useAdaptivity2 = require("../../hooks/useAdaptivity");
+
 var _FocusTrap = require("../FocusTrap/FocusTrap");
 
 var _excluded = ["children", "closing", "toggleRef", "popupDirection"];
@@ -33,14 +35,14 @@ var ActionSheetDropdown = function ActionSheetDropdown(_ref) {
       toggleRef = _ref.toggleRef,
       popupDirection = _ref.popupDirection,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
+      sizeY = _useAdaptivity.sizeY;
+
   var platform = (0, _usePlatform.usePlatform)();
-  var baseClaseName = (0, _getClassName.getClassName)("ActionSheet", platform);
   return (0, _jsxRuntime.createScopedElement)(_FocusTrap.FocusTrap, (0, _extends2.default)({}, restProps, {
-    onClick: stopPropagation // eslint-disable-next-line vkui/no-object-expression-in-arguments
-    ,
-    vkuiClass: (0, _classNames.classNames)(baseClaseName, {
-      "ActionSheet--closing": closing
-    })
+    onClick: stopPropagation,
+    vkuiClass: (0, _classNames.classNames)("ActionSheet", platform === _platform.Platform.IOS && "ActionSheet--ios", closing && "ActionSheet--closing", "ActionSheet--sizeY-".concat(sizeY))
   }), children);
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"names":["stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","popupDirection","restProps","platform","baseClaseName"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;;;AAGA,IAAMA,eAAwC,GAAG,SAA3CA,eAA2C,CAACC,CAAD;AAAA,SAAOA,CAAC,CAACD,eAAF,EAAP;AAAA,CAAjD;;AAEO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,OAOR;AAAA,MANzBC,QAMyB,QANzBA,QAMyB;AAAA,MALzBC,OAKyB,QALzBA,OAKyB;AAAA,MAHzBC,SAGyB,QAHzBA,SAGyB;AAAA,MAFzBC,cAEyB,QAFzBA,cAEyB;AAAA,MADtBC,SACsB;AACzB,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MAAMC,aAAa,GAAG,gCAAa,aAAb,EAA4BD,QAA5B,CAAtB;AAEA,SACE,qCAAC,oBAAD,6BACMD,SADN;AAEE,IAAA,OAAO,EAAEP,eAFX,CAGE;AAHF;AAIE,IAAA,SAAS,EAAE,4BAAWS,aAAX,EAA0B;AACnC,8BAAwBL;AADW,KAA1B;AAJb,MAQGD,QARH,CADF;AAYD,CAvBM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { SharedDropdownProps } from \"./types\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport \"./ActionSheet.css\";\n\nconst stopPropagation: React.MouseEventHandler = (e) => e.stopPropagation();\n\nexport const ActionSheetDropdown = ({\n  children,\n  closing,\n  // these 2 props are only omitted - ActionSheetDesktop compat\n  toggleRef,\n  popupDirection,\n  ...restProps\n}: SharedDropdownProps) => {\n  const platform = usePlatform();\n  const baseClaseName = getClassName(\"ActionSheet\", platform);\n\n  return (\n    <FocusTrap\n      {...restProps}\n      onClick={stopPropagation}\n      // eslint-disable-next-line vkui/no-object-expression-in-arguments\n      vkuiClass={classNames(baseClaseName, {\n        \"ActionSheet--closing\": closing,\n      })}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"file":"ActionSheetDropdown.js"}
+{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDropdown.tsx"],"names":["stopPropagation","e","ActionSheetDropdown","children","closing","toggleRef","popupDirection","restProps","sizeY","platform","Platform","IOS"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAGA,IAAMA,eAAwC,GAAG,SAA3CA,eAA2C,CAACC,CAAD;AAAA,SAAOA,CAAC,CAACD,eAAF,EAAP;AAAA,CAAjD;;AAEO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAsB,OAOR;AAAA,MANzBC,QAMyB,QANzBA,QAMyB;AAAA,MALzBC,OAKyB,QALzBA,OAKyB;AAAA,MAHzBC,SAGyB,QAHzBA,SAGyB;AAAA,MAFzBC,cAEyB,QAFzBA,cAEyB;AAAA,MADtBC,SACsB;;AACzB,uBAAkB,oCAAlB;AAAA,MAAQC,KAAR,kBAAQA,KAAR;;AACA,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,oBAAD,6BACMF,SADN;AAEE,IAAA,OAAO,EAAEP,eAFX;AAGE,IAAA,SAAS,EAAE,4BACT,aADS,EAETS,QAAQ,KAAKC,mBAASC,GAAtB,IAA6B,kBAFpB,EAGTP,OAAO,IAAI,sBAHF,+BAIaI,KAJb;AAHb,MAUGL,QAVH,CADF;AAcD,CAzBM","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { SharedDropdownProps } from \"./types\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport \"./ActionSheet.css\";\n\nconst stopPropagation: React.MouseEventHandler = (e) => e.stopPropagation();\n\nexport const ActionSheetDropdown = ({\n  children,\n  closing,\n  // these 2 props are only omitted - ActionSheetDesktop compat\n  toggleRef,\n  popupDirection,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { sizeY } = useAdaptivity();\n  const platform = usePlatform();\n\n  return (\n    <FocusTrap\n      {...restProps}\n      onClick={stopPropagation}\n      vkuiClass={classNames(\n        \"ActionSheet\",\n        platform === Platform.IOS && \"ActionSheet--ios\",\n        closing && \"ActionSheet--closing\",\n        `ActionSheet--sizeY-${sizeY}`\n      )}\n    >\n      {children}\n    </FocusTrap>\n  );\n};\n"],"file":"ActionSheetDropdown.js"}

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

@@ -17,8 +17,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var React = _interopRequireWildcard(require("react"));
 
-var _getClassName = require("../../helpers/getClassName");
-
 var _classNames = require("../../lib/classNames");
 
 var _dom = require("../../lib/dom");
@@ -33,6 +31,8 @@ var _isRefObject = require("../../lib/isRefObject");
 
 var _warnOnce = require("../../lib/warnOnce");
 
+var _platform = require("../../lib/platform");
+
 var _useEventListener = require("../../hooks/useEventListener");
 
 var _FocusTrap = require("../FocusTrap/FocusTrap");
@@ -95,16 +95,15 @@ var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref) {
       return toggleRef;
     }
 
-    var refObject = {
+    return {
       current: toggleRef
     };
-    return refObject;
   }, [toggleRef]);
   return (0, _jsxRuntime.createScopedElement)(_Popper.Popper, {
     targetRef: targetRef,
     offsetDistance: 0,
     placement: isPopupDirectionTop ? "top-end" : "bottom-end",
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ActionSheet", platform), "ActionSheet--desktop", "ActionSheet--sizeY-".concat(sizeY)),
+    vkuiClass: (0, _classNames.classNames)("ActionSheet", platform === _platform.Platform.IOS && "ActionSheet--ios", "ActionSheet--desktop", "ActionSheet--sizeY-".concat(sizeY)),
     className: className,
     style: style,
     getRef: elementRef,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"names":["warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","restProps","document","platform","sizeY","elementRef","React","useRef","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","refObject"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useDOM } from \"../../lib/dom\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useEffectDev } from \"../../hooks/useEffectDev\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { isRefObject } from \"../../lib/isRefObject\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { SharedDropdownProps } from \"./types\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { Popper } from \"../Popper/Popper\";\nimport \"./ActionSheet.css\";\n\nconst warn = warnOnce(\"ActionSheet\");\nfunction getEl(\n  ref: SharedDropdownProps[\"toggleRef\"]\n): Element | null | undefined {\n  return ref && \"current\" in ref ? ref.current : ref;\n}\n\nexport const ActionSheetDropdownDesktop = ({\n  children,\n  toggleRef,\n  closing,\n  popupDirection,\n  onClose,\n  className,\n  style,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const elementRef = React.useRef<HTMLDivElement | null>(null);\n\n  useEffectDev(() => {\n    const toggleEl = getEl(toggleRef);\n    if (!toggleEl) {\n      warn(`Свойство \"toggleRef\" не передано`, \"error\");\n    }\n  }, [toggleRef]);\n\n  const isPopupDirectionTop = React.useMemo(\n    () =>\n      popupDirection === \"top\" ||\n      (typeof popupDirection === \"function\" &&\n        popupDirection(elementRef) === \"top\"),\n    [popupDirection, elementRef]\n  );\n\n  const bodyClickListener = useEventListener(\"click\", (e: MouseEvent) => {\n    const dropdownElement = elementRef?.current;\n    if (dropdownElement && !dropdownElement.contains(e.target as Node)) {\n      onClose?.();\n    }\n  });\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      bodyClickListener.add(document!.body);\n    });\n  }, [bodyClickListener, document]);\n\n  const onClick = React.useCallback(\n    (e: React.MouseEvent<HTMLElement, MouseEvent>) => e.stopPropagation(),\n    []\n  );\n\n  const targetRef = React.useMemo(() => {\n    if (isRefObject<SharedDropdownProps[\"toggleRef\"], HTMLElement>(toggleRef)) {\n      return toggleRef;\n    }\n    const refObject = { current: toggleRef as HTMLElement };\n\n    return refObject;\n  }, [toggleRef]);\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetDistance={0}\n      placement={isPopupDirectionTop ? \"top-end\" : \"bottom-end\"}\n      vkuiClass={classNames(\n        getClassName(\"ActionSheet\", platform),\n        \"ActionSheet--desktop\",\n        `ActionSheet--sizeY-${sizeY}`\n      )}\n      className={className}\n      style={style}\n      getRef={elementRef}\n      forcePortal={false}\n    >\n      <FocusTrap onClose={onClose} {...restProps} onClick={onClick}>\n        {children}\n      </FocusTrap>\n    </Popper>\n  );\n};\n"],"file":"ActionSheetDropdownDesktop.js"}
+{"version":3,"sources":["../../../../src/components/ActionSheet/ActionSheetDropdownDesktop.tsx"],"names":["warn","getEl","ref","current","ActionSheetDropdownDesktop","children","toggleRef","closing","popupDirection","onClose","className","style","restProps","document","platform","sizeY","elementRef","React","useRef","toggleEl","isPopupDirectionTop","useMemo","bodyClickListener","e","dropdownElement","contains","target","useEffect","setTimeout","add","body","onClick","useCallback","stopPropagation","targetRef","Platform","IOS"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { useDOM } from \"../../lib/dom\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useEffectDev } from \"../../hooks/useEffectDev\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { isRefObject } from \"../../lib/isRefObject\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { Platform } from \"../../lib/platform\";\nimport { useEventListener } from \"../../hooks/useEventListener\";\nimport { SharedDropdownProps } from \"./types\";\nimport { FocusTrap } from \"../FocusTrap/FocusTrap\";\nimport { Popper } from \"../Popper/Popper\";\nimport \"./ActionSheet.css\";\n\nconst warn = warnOnce(\"ActionSheet\");\nfunction getEl(\n  ref: SharedDropdownProps[\"toggleRef\"]\n): Element | null | undefined {\n  return ref && \"current\" in ref ? ref.current : ref;\n}\n\nexport const ActionSheetDropdownDesktop = ({\n  children,\n  toggleRef,\n  closing,\n  popupDirection,\n  onClose,\n  className,\n  style,\n  ...restProps\n}: SharedDropdownProps) => {\n  const { document } = useDOM();\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n  const elementRef = React.useRef<HTMLDivElement | null>(null);\n\n  useEffectDev(() => {\n    const toggleEl = getEl(toggleRef);\n    if (!toggleEl) {\n      warn(`Свойство \"toggleRef\" не передано`, \"error\");\n    }\n  }, [toggleRef]);\n\n  const isPopupDirectionTop = React.useMemo(\n    () =>\n      popupDirection === \"top\" ||\n      (typeof popupDirection === \"function\" &&\n        popupDirection(elementRef) === \"top\"),\n    [popupDirection, elementRef]\n  );\n\n  const bodyClickListener = useEventListener(\"click\", (e: MouseEvent) => {\n    const dropdownElement = elementRef?.current;\n    if (dropdownElement && !dropdownElement.contains(e.target as Node)) {\n      onClose?.();\n    }\n  });\n\n  React.useEffect(() => {\n    setTimeout(() => {\n      bodyClickListener.add(document!.body);\n    });\n  }, [bodyClickListener, document]);\n\n  const onClick = React.useCallback(\n    (e: React.MouseEvent<HTMLElement, MouseEvent>) => e.stopPropagation(),\n    []\n  );\n\n  const targetRef = React.useMemo(() => {\n    if (isRefObject<SharedDropdownProps[\"toggleRef\"], HTMLElement>(toggleRef)) {\n      return toggleRef;\n    }\n\n    return { current: toggleRef as HTMLElement };\n  }, [toggleRef]);\n\n  return (\n    <Popper\n      targetRef={targetRef}\n      offsetDistance={0}\n      placement={isPopupDirectionTop ? \"top-end\" : \"bottom-end\"}\n      vkuiClass={classNames(\n        \"ActionSheet\",\n        platform === Platform.IOS && \"ActionSheet--ios\",\n        \"ActionSheet--desktop\",\n        `ActionSheet--sizeY-${sizeY}`\n      )}\n      className={className}\n      style={style}\n      getRef={elementRef}\n      forcePortal={false}\n    >\n      <FocusTrap onClose={onClose} {...restProps} onClick={onClick}>\n        {children}\n      </FocusTrap>\n    </Popper>\n  );\n};\n"],"file":"ActionSheetDropdownDesktop.js"}