@vkontakte/vkui 4.37.0 → 4.37.1

package/dist/cjs/hooks/useChipsSelect.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+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;
+    setOpened: React.Dispatch<React.SetStateAction<boolean>>;
+    filteredOptions: Option[];
+    focusedOptionIndex: number | null;
+    setFocusedOptionIndex: React.Dispatch<React.SetStateAction<number | null>>;
+    focusedOption: Option | null;
+    setFocusedOption: React.Dispatch<React.SetStateAction<Option | null>>;
+    selectedOptions: Option[];
+    setFieldValue: React.Dispatch<React.SetStateAction<string | undefined>>;
+    setSelectedOptions: React.Dispatch<React.SetStateAction<Option[]>>;
+    clearInput: () => void;
+    toggleOption: (newOption: Option, value?: boolean | undefined) => void;
+    addOption: (newOption: Option) => void;
+    addOptionFromInput: () => void;
+    removeOption: (value: any) => void;
+};

package/dist/cjs/hooks/useDateInput.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+export interface UseDateInputDependencies<T, D> {
+    maxElement: number;
+    refs: Array<React.RefObject<T>>;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    value?: D;
+    elementsConfig(index: number): {
+        length: number;
+        min: number;
+        max: number;
+    };
+    onInternalValueChange(value: string[]): void;
+    getInternalValue(value?: D | undefined): string[];
+    onChange?(value?: D | undefined): void;
+}
+export declare function useDateInput<T extends HTMLElement, D>({ maxElement, refs, autoFocus, disabled, elementsConfig, onChange, onInternalValueChange, getInternalValue, value, }: UseDateInputDependencies<T, D>): {
+    rootRef: React.RefObject<HTMLDivElement>;
+    calendarRef: React.RefObject<HTMLDivElement>;
+    open: boolean;
+    openCalendar: () => void;
+    closeCalendar: () => void;
+    internalValue: string[];
+    focusedElement: number | null;
+    setFocusedElement: React.Dispatch<React.SetStateAction<number | null>>;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLSpanElement>) => void;
+    clear: () => void;
+    handleFieldEnter: () => void;
+    removeFocusFromField: () => void;
+};

package/dist/cjs/hooks/useEffectDev.d.ts

@@ -0,0 +1,2 @@
+import { useEffect } from "react";
+export declare const useEffectDev: typeof useEffect;

package/dist/cjs/hooks/useEnsuredControl.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export declare function useEnsuredControl<V, E extends React.ChangeEvent<any>>(props: {
+    value?: V;
+    onChange?: (e: E) => any;
+}, options: {
+    defaultValue: V;
+}): [V | undefined, (e: E) => any];

package/dist/cjs/hooks/useEventListener.d.ts

@@ -0,0 +1,7 @@
+interface EventListenerHandle {
+    add: (el: HTMLElement | Document | Window) => void;
+    remove: () => void;
+}
+export declare function useEventListener<K extends keyof GlobalEventHandlersEventMap>(event: K, _cb: false | null | undefined | ((ev: GlobalEventHandlersEventMap[K]) => void), _options?: AddEventListenerOptions): EventListenerHandle;
+export declare function useEventListener<E extends Event>(event: string, _cb: false | null | undefined | ((ev: E) => void), _options?: AddEventListenerOptions): EventListenerHandle;
+export {};

package/dist/cjs/hooks/useExternRef.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare function useExternRef<T>(...externRefs: Array<React.Ref<T> | undefined | false>): React.MutableRefObject<T | null>;

package/dist/cjs/hooks/useFocusVisible.d.ts

@@ -0,0 +1,6 @@
+import { FocusEvent } from "react";
+export declare function useFocusVisible(): {
+    focusVisible: boolean | undefined;
+    onFocus: (event: FocusEvent<HTMLElement, Element>) => void;
+    onBlur: (event: FocusEvent<HTMLElement, Element>) => void;
+};

package/dist/cjs/hooks/useGlobalEventListener.d.ts

@@ -0,0 +1,2 @@
+export declare function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(element: Document | HTMLElement | Window | null | undefined, event: K, cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined, options?: AddEventListenerOptions): void;
+export declare function useGlobalEventListener<E extends Event>(element: Document | HTMLElement | Window | null | undefined, event: string, cb: ((ev: E) => void) | null | false | undefined, options?: AddEventListenerOptions): void;

package/dist/cjs/hooks/useInsets.d.ts

@@ -0,0 +1,8 @@
+import { Insets as BridgeInsets } from "@vkontakte/vk-bridge";
+export interface Insets {
+    bottom: BridgeInsets["bottom"] | null;
+    top: BridgeInsets["top"] | null;
+    left: BridgeInsets["left"] | null;
+    right: BridgeInsets["right"] | null;
+}
+export declare function useInsets(): Insets;

package/dist/cjs/hooks/useKeyboard.d.ts

@@ -0,0 +1,10 @@
+interface SoftwareKeyboardState {
+    isOpened: boolean;
+}
+/**
+ Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств
+ Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах
+ */
+export declare function getPreciseKeyboardState(window: any): boolean;
+export declare function useKeyboard(): SoftwareKeyboardState;
+export {};

package/dist/cjs/hooks/useKeyboardInputTracker.d.ts

@@ -0,0 +1,3 @@
+export declare const ENABLE_KEYBOARD_INPUT_EVENT_NAME = "enableKeyboardInput";
+export declare const DISABLE_KEYBOARD_INPUT_EVENT_NAME = "disableKeyboardInput";
+export declare function useKeyboardInputTracker(): boolean;

package/dist/cjs/hooks/useObjectMemo.d.ts

@@ -0,0 +1,2 @@
+export declare function objectEquals(o1: any, o2: any): boolean;
+export declare function useObjectMemo<T>(object: T): T;

package/dist/cjs/hooks/useOrientationChange.d.ts

@@ -0,0 +1,7 @@
+declare type Orientation = "portrait" | "landscape";
+/**
+ * Возвращает текущую ориентация экрана на человеческом языке.
+ * Обновляется при изменении ориентации.
+ */
+export declare function useOrientationChange(): Orientation;
+export {};

package/dist/cjs/hooks/usePagination.d.ts

@@ -0,0 +1,34 @@
+interface UsePaginationProps {
+    /**
+     * Текущая страница.
+     */
+    currentPage?: number;
+    /**
+     * Кол-во всегда видимых страниц по краям текущей страницы.
+     */
+    siblingCount?: number;
+    /**
+     * Кол-во всегда видимых страниц в начале и в конце.
+     */
+    boundaryCount?: number;
+    /**
+     * Общее кол-во страниц.
+     */
+    totalPages?: number;
+}
+export declare type PaginationPageType = "start-ellipsis" | "end-ellipsis" | number;
+export declare type UsePaginationResult = PaginationPageType[];
+/**
+ * Хук позаимствован у @mui с некоторыми изменениями.
+ *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).
+ *
+ * Примеры вывода:
+ *           v
+ * [1, 2, 3, 4, 5, 'end-ellipsis', 10]
+ *                          v
+ * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]
+ *                          v
+ * [1, 'start-ellipsis', 6, 7, 8, 9, 10]
+ */
+export declare const usePagination: ({ currentPage, siblingCount, boundaryCount, totalPages: endPage, }?: UsePaginationProps) => UsePaginationResult;
+export {};

package/dist/cjs/hooks/usePatchChildrenRef.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type ChildrenElement<T> = React.ReactElement<{
+    getRootRef?: React.Ref<T>;
+}>;
+export declare const usePatchChildrenRef: <T = HTMLElement>(children?: ChildrenElement<T> | undefined) => [React.MutableRefObject<T | null>, ChildrenElement<T> | undefined];
+export {};

package/dist/cjs/hooks/usePlatform.d.ts

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

package/dist/cjs/hooks/usePrevious.d.ts

@@ -0,0 +1 @@
+export declare function usePrevious<T>(value: T): T | undefined;

package/dist/cjs/hooks/useTimeout.d.ts

@@ -0,0 +1,4 @@
+export declare function useTimeout(cb: () => any, duration: number): {
+    set: (duration?: any) => void;
+    clear: () => void;
+};

package/dist/cjs/hooks/useWaitTransitionFinish.d.ts

@@ -0,0 +1,3 @@
+export declare const useWaitTransitionFinish: () => {
+    waitTransitionFinish: (element: HTMLElement | null, eventHandler: VoidFunction, durationFallback: number) => void;
+};

package/dist/cjs/index.d.ts

@@ -0,0 +1,310 @@
+import "./lib/polyfills";
+import "./styles/constants.css";
+import "./styles/animations.css";
+import "./styles/common.css";
+/**
+ * Layout
+ */
+export { Root } from "./components/Root/Root";
+export type { RootProps } from "./components/Root/Root";
+export { View } from "./components/View/View";
+export type { ViewProps } from "./components/View/View";
+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 { SplitLayout } from "./components/SplitLayout/SplitLayout";
+export type { SplitLayoutProps } from "./components/SplitLayout/SplitLayout";
+export { SplitCol } from "./components/SplitCol/SplitCol";
+export type { SplitColProps } from "./components/SplitCol/SplitCol";
+export { Epic } from "./components/Epic/Epic";
+export type { EpicProps } from "./components/Epic/Epic";
+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 { HorizontalScroll } from "./components/HorizontalScroll/HorizontalScroll";
+export type { HorizontalScrollProps } from "./components/HorizontalScroll/HorizontalScroll";
+export { FixedLayout } from "./components/FixedLayout/FixedLayout";
+export type { FixedLayoutProps } from "./components/FixedLayout/FixedLayout";
+/**
+ * Popouts
+ */
+export { PopoutWrapper } from "./components/PopoutWrapper/PopoutWrapper";
+export type { PopoutWrapperProps } from "./components/PopoutWrapper/PopoutWrapper";
+export { Alert } from "./components/Alert/Alert";
+export type { AlertProps, AlertActionInterface, } from "./components/Alert/Alert";
+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";
+export type { SnackbarProps } from "./components/Snackbar/Snackbar";
+/**
+ * Modals
+ */
+export { ModalRoot } from "./components/ModalRoot/ModalRootAdaptive";
+export type { ModalRootProps } from "./components/ModalRoot/ModalRootAdaptive";
+export { withModalRootContext } from "./components/ModalRoot/withModalRootContext";
+export { ModalRootContext } from "./components/ModalRoot/ModalRootContext";
+export { ModalPage } from "./components/ModalPage/ModalPage";
+export type { ModalPageProps } from "./components/ModalPage/ModalPage";
+export { ModalPageHeader } from "./components/ModalPageHeader/ModalPageHeader";
+export type { ModalPageHeaderProps } from "./components/ModalPageHeader/ModalPageHeader";
+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";
+/**
+ * Blocks
+ */
+export { Badge } from "./components/Badge/Badge";
+export type { BadgeProps } from "./components/Badge/Badge";
+export { ButtonGroup } from "./components/ButtonGroup/ButtonGroup";
+export type { ButtonGroupProps } from "./components/ButtonGroup/ButtonGroup";
+export { Button } from "./components/Button/Button";
+export type { ButtonProps } from "./components/Button/Button";
+export { IconButton } from "./components/IconButton/IconButton";
+export type { IconButtonProps } from "./components/IconButton/IconButton";
+export { Card } from "./components/Card/Card";
+export type { CardProps } from "./components/Card/Card";
+export { CardGrid } from "./components/CardGrid/CardGrid";
+export type { CardGridProps } from "./components/CardGrid/CardGrid";
+export { CardScroll } from "./components/CardScroll/CardScroll";
+export type { CardScrollProps } from "./components/CardScroll/CardScroll";
+export { ContentCard } from "./components/ContentCard/ContentCard";
+export type { ContentCardProps } from "./components/ContentCard/ContentCard";
+export { CellButton } from "./components/CellButton/CellButton";
+export type { CellButtonProps } from "./components/CellButton/CellButton";
+export { Header } from "./components/Header/Header";
+export type { HeaderProps } from "./components/Header/Header";
+export { Group } from "./components/Group/Group";
+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";
+export type { RichCellProps } from "./components/RichCell/RichCell";
+export { SimpleCell } from "./components/SimpleCell/SimpleCell";
+export type { SimpleCellProps } from "./components/SimpleCell/SimpleCell";
+export { HorizontalCell } from "./components/HorizontalCell/HorizontalCell";
+export type { HorizontalCellProps } from "./components/HorizontalCell/HorizontalCell";
+export { Footer } from "./components/Footer/Footer";
+export type { FooterProps } from "./components/Footer/Footer";
+export { InfoRow } from "./components/InfoRow/InfoRow";
+export type { InfoRowProps } from "./components/InfoRow/InfoRow";
+export { Gallery } from "./components/Gallery/Gallery";
+export type { GalleryProps } from "./components/Gallery/Gallery";
+export { Avatar } from "./components/Avatar/Avatar";
+export type { AvatarProps } from "./components/Avatar/Avatar";
+export { GridAvatar } from "./components/GridAvatar/GridAvatar";
+export type { GridAvatarProps } from "./components/GridAvatar/GridAvatar";
+export { InitialsAvatar } from "./components/InitialsAvatar/InitialsAvatar";
+export type { InitialsAvatarProps } from "./components/InitialsAvatar/InitialsAvatar";
+export { Progress } from "./components/Progress/Progress";
+export type { ProgressProps } from "./components/Progress/Progress";
+export { Search } from "./components/Search/Search";
+export type { SearchProps } from "./components/Search/Search";
+export { Tabs } from "./components/Tabs/Tabs";
+export type { TabsProps } from "./components/Tabs/Tabs";
+export { TabsItem } from "./components/TabsItem/TabsItem";
+export type { TabsItemProps } from "./components/TabsItem/TabsItem";
+export { Spinner } from "./components/Spinner/Spinner";
+export type { SpinnerProps } from "./components/Spinner/Spinner";
+export { PullToRefresh } from "./components/PullToRefresh/PullToRefresh";
+export type { PullToRefreshProps } from "./components/PullToRefresh/PullToRefresh";
+export { Link } from "./components/Link/Link";
+export type { LinkProps } from "./components/Link/Link";
+export { Tooltip } from "./components/Tooltip/Tooltip";
+export type { TooltipProps } from "./components/Tooltip/Tooltip";
+export { TooltipContainer } from "./components/Tooltip/TooltipContainer";
+export { Counter } from "./components/Counter/Counter";
+export type { CounterProps } from "./components/Counter/Counter";
+export { UsersStack } from "./components/UsersStack/UsersStack";
+export type { UsersStackProps } from "./components/UsersStack/UsersStack";
+export { Separator } from "./components/Separator/Separator";
+export type { SeparatorProps } from "./components/Separator/Separator";
+export { Spacing } from "./components/Spacing/Spacing";
+export type { SpacingProps } from "./components/Spacing/Spacing";
+export { Placeholder } from "./components/Placeholder/Placeholder";
+export type { PlaceholderProps } from "./components/Placeholder/Placeholder";
+export { Banner } from "./components/Banner/Banner";
+export type { BannerProps } from "./components/Banner/Banner";
+export { MiniInfoCell } from "./components/MiniInfoCell/MiniInfoCell";
+export type { MiniInfoCellProps } from "./components/MiniInfoCell/MiniInfoCell";
+export { WriteBar } from "./components/WriteBar/WriteBar";
+export type { WriteBarProps } from "./components/WriteBar/WriteBar";
+export { WriteBarIcon } from "./components/WriteBarIcon/WriteBarIcon";
+export type { WriteBarIconProps } from "./components/WriteBarIcon/WriteBarIcon";
+export { SubnavigationBar } from "./components/SubnavigationBar/SubnavigationBar";
+export type { SubnavigationBarProps } from "./components/SubnavigationBar/SubnavigationBar";
+export { SubnavigationButton } from "./components/SubnavigationButton/SubnavigationButton";
+export type { SubnavigationButtonProps } from "./components/SubnavigationButton/SubnavigationButton";
+export { Pagination } from "./components/Pagination/Pagination";
+export type { PaginationProps } from "./components/Pagination/Pagination";
+/**
+ * Forms
+ */
+export { FormLayout } from "./components/FormLayout/FormLayout";
+export type { FormLayoutProps } from "./components/FormLayout/FormLayout";
+export { FormItem } from "./components/FormItem/FormItem";
+export type { FormItemProps } from "./components/FormItem/FormItem";
+export { FormField } from "./components/FormField/FormField";
+export type { FormFieldProps } from "./components/FormField/FormField";
+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 { Switch } from "./components/Switch/Switch";
+export type { SwitchProps } from "./components/Switch/Switch";
+export { File } from "./components/File/File";
+export type { FileProps } from "./components/File/File";
+export { Input } from "./components/Input/Input";
+export type { InputProps } from "./components/Input/Input";
+export { Chip } from "./components/Chip/Chip";
+export type { ChipProps } from "./components/Chip/Chip";
+export { ChipsInput } from "./components/ChipsInput/ChipsInput";
+export type { ChipsInputProps } from "./components/ChipsInput/ChipsInput";
+export { Slider } from "./components/Slider/Slider";
+export type { SliderProps } from "./components/Slider/Slider";
+export { RangeSlider } from "./components/RangeSlider/RangeSlider";
+export type { RangeSliderProps } from "./components/RangeSlider/RangeSlider";
+export { Textarea } from "./components/Textarea/Textarea";
+export type { TextareaProps } from "./components/Textarea/Textarea";
+export { Radio } from "./components/Radio/Radio";
+export type { RadioProps } from "./components/Radio/Radio";
+export { RadioGroup } from "./components/RadioGroup/RadioGroup";
+export type { RadioGroupProps } from "./components/RadioGroup/RadioGroup";
+export { Checkbox } from "./components/Checkbox/Checkbox";
+export type { CheckboxProps } from "./components/Checkbox/Checkbox";
+export { Select } from "./components/Select/Select";
+export type { SelectProps } from "./components/Select/Select";
+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 { CustomSelect } from "./components/CustomSelect/CustomSelect";
+export type { CustomSelectProps, CustomSelectOptionInterface, } from "./components/CustomSelect/CustomSelect";
+export { CustomSelectOption } from "./components/CustomSelectOption/CustomSelectOption";
+export type { CustomSelectOptionProps } from "./components/CustomSelectOption/CustomSelectOption";
+export { DatePicker } from "./components/DatePicker/DatePicker";
+export type { DatePickerProps, DatePickerDateFormat, } from "./components/DatePicker/DatePicker";
+export { SliderSwitch } from "./components/SliderSwitch/SliderSwitch";
+export type { SliderSwitchProps, SliderSwitchOptionInterface, } from "./components/SliderSwitch/SliderSwitch";
+export { SegmentedControl } from "./components/SegmentedControl/SegmentedControl";
+export type { SegmentedControlProps, SegmentedControlOptionInterface, SegmentedControlValue, } from "./components/SegmentedControl/SegmentedControl";
+export { Calendar } from "./components/Calendar/Calendar";
+export type { CalendarProps } from "./components/Calendar/Calendar";
+export { CalendarRange } from "./components/CalendarRange/CalendarRange";
+export type { CalendarRangeProps } from "./components/CalendarRange/CalendarRange";
+export { DateInput } from "./components/DateInput/DateInput";
+export type { DateInputProps } from "./components/DateInput/DateInput";
+export { DateRangeInput } from "./components/DateRangeInput/DateRangeInput";
+export type { DateRangeInputProps } from "./components/DateRangeInput/DateRangeInput";
+/**
+ * Helpers
+ */
+export { Div } from "./components/Div/Div";
+export type { DivProps } from "./components/Div/Div";
+export { Tappable } from "./components/Tappable/Tappable";
+export type { TappableProps } from "./components/Tappable/Tappable";
+export { Touch } from "./components/Touch/Touch";
+export type { TouchProps } from "./components/Touch/Touch";
+export { PanelSpinner } from "./components/PanelSpinner/PanelSpinner";
+export type { PanelSpinnerProps } from "./components/PanelSpinner/PanelSpinner";
+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 { ModalCardBase } from "./components/ModalCardBase/ModalCardBase";
+export type { ModalCardBaseProps } from "./components/ModalCardBase/ModalCardBase";
+export { VisuallyHiddenInput } from "./components/VisuallyHiddenInput/VisuallyHiddenInput";
+export type { VisuallyHiddenInputProps } from "./components/VisuallyHiddenInput/VisuallyHiddenInput";
+/**
+ * Wrappers
+ */
+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";
+export { AppearanceProvider } from "./components/AppearanceProvider/AppearanceProvider";
+export type { AppearanceProviderProps } from "./components/AppearanceProvider/AppearanceProvider";
+export { Scheme, Appearance } from "./helpers/scheme";
+export { LocaleProviderContext } from "./components/LocaleProviderContext/LocaleProviderContext";
+/**
+ * Advertisement
+ */
+export { PromoBanner } from "./components/PromoBanner/PromoBanner";
+export type { PromoBannerProps } from "./components/PromoBanner/PromoBanner";
+/**
+ * Typography
+ */
+export { Title } from "./components/Typography/Title/Title";
+export type { TitleProps } from "./components/Typography/Title/Title";
+export { Headline } from "./components/Typography/Headline/Headline";
+export type { HeadlineProps } from "./components/Typography/Headline/Headline";
+export { Text } from "./components/Typography/Text/Text";
+export type { TextProps } from "./components/Typography/Text/Text";
+export { Paragraph } from "./components/Typography/Paragraph/Paragraph";
+export type { ParagraphProps } from "./components/Typography/Paragraph/Paragraph";
+export { Subhead } from "./components/Typography/Subhead/Subhead";
+export type { SubheadProps } from "./components/Typography/Subhead/Subhead";
+export { Footnote } from "./components/Typography/Footnote/Footnote";
+export type { FootnoteProps } from "./components/Typography/Footnote/Footnote";
+export { Caption } from "./components/Typography/Caption/Caption";
+export type { CaptionProps } from "./components/Typography/Caption/Caption";
+/**
+ * HOCs
+ */
+export { withInsets } from "./hoc/withInsets";
+export { withPlatform } from "./hoc/withPlatform";
+export { withAdaptivity } from "./hoc/withAdaptivity";
+/**
+ * Hooks
+ */
+export { useInsets } from "./hooks/useInsets";
+export { usePlatform } from "./hooks/usePlatform";
+export { useAdaptivity } from "./hooks/useAdaptivity";
+export { useAppearance } from "./hooks/useAppearance";
+export { usePagination } from "./hooks/usePagination";
+export { useScrollLock } from "./components/AppRoot/ScrollContext";
+export { useNavTransition } from "./components/NavTransitionContext/NavTransitionContext";
+/**
+ * Utils
+ */
+export { classNamesString as classNames } from "./lib/classNames";
+export { animate } from "./lib/animate";
+export { removeObjectKeys } from "./lib/removeObjectKeys";
+export { SSRWrapper } from "./lib/SSR";
+export type { SSRWrapperProps } from "./lib/SSR";
+export { platform, ANDROID, IOS, VKCOM, Platform, IS_PLATFORM_ANDROID, IS_PLATFORM_IOS, } from "./lib/platform";
+export { getClassName } from "./helpers/getClassName";
+export { ViewWidth, ViewHeight, SizeType, } from "./components/AdaptivityProvider/AdaptivityContext";
+export { calcInitialsAvatarColor } from "./helpers/avatar";
+export { Popper } from "./components/Popper/Popper";
+export type { PopperProps } from "./components/Popper/Popper";
+/**
+ * Types
+ */
+export type { AlignType, HasPlatform, HasInsets } from "./types";
+export type { NavIdProps } from "./lib/getNavId";
+export type { PlatformType } from "./lib/platform";
+export type { AdaptivityProps } from "./hoc/withAdaptivity";
+export type { TransitionContextProps } from "./components/NavTransitionContext/NavTransitionContext";

package/dist/cjs/lib/SSR.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { PlatformType } from "./platform";
+import { BrowserInfo } from "./browser";
+export interface SSRContextInterface {
+    platform: PlatformType | null;
+    userAgent?: string;
+    browserInfo?: BrowserInfo;
+}
+export declare const SSRContext: React.Context<SSRContextInterface>;
+export interface SSRWrapperProps {
+    userAgent?: string;
+    browserInfo?: BrowserInfo;
+    children?: React.ReactNode;
+}
+/**
+ * @see https://vkcom.github.io/VKUI/#/SSR
+ */
+export declare const SSRWrapper: ({ userAgent, browserInfo, children, }: SSRWrapperProps) => JSX.Element;

package/dist/cjs/lib/accessibility.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export declare const FOCUSABLE_ELEMENTS_LIST: string[];
+export declare enum Keys {
+    ENTER = "Enter",
+    SPACE = "Space",
+    TAB = "Tab",
+    ESCAPE = "Escape"
+}
+export declare function pressedKey(e: KeyboardEvent | React.KeyboardEvent<HTMLElement>): Keys | null;
+export declare function shouldTriggerClickOnEnterOrSpace(e: KeyboardEvent | React.KeyboardEvent<HTMLElement>): boolean;

package/dist/cjs/lib/animate.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Функция для js анимации
+ * @param {number} duration
+ * @param {function} timing тайминг функция анимации
+ * @param {function} draw коллбэк, в который прокидывается прогресс [0, 1]
+ * @returns {void}
+ */
+export declare type TimingInterface = (timeFraction: number) => number;
+export declare type DrawInterface = (progress: number) => void;
+export interface AnimateArgumentsInterface {
+    duration: number;
+    timing: TimingInterface;
+    draw: DrawInterface;
+}
+export declare function animate({ duration, timing, draw, }: AnimateArgumentsInterface): void;

package/dist/cjs/lib/browser.d.ts

@@ -0,0 +1,11 @@
+import { Version } from "../types";
+export declare enum System {
+    IOS = "ios",
+    UNKNOWN = ""
+}
+export interface BrowserInfo {
+    userAgent: string;
+    system: System;
+    systemVersion: Version | null;
+}
+export declare function computeBrowserInfo(userAgent?: string): BrowserInfo;

package/dist/cjs/lib/calendar.d.ts

@@ -0,0 +1,14 @@
+export declare const getYears: (currentYear: number, range: number) => {
+    value: number;
+    label: string;
+}[];
+export declare const getMonths: (locale?: string | undefined) => {
+    value: number;
+    label: string;
+}[];
+export declare const getDaysNames: (now: Date, weekStartsOn: 0 | 2 | 1 | 6 | 5 | 4 | 3, locale?: string | undefined) => string[];
+export declare const navigateDate: (date?: Date | null | undefined, key?: string | undefined) => Date;
+export declare const getWeeks: (viewDate: Date, weekStartsOn: 0 | 2 | 1 | 6 | 5 | 4 | 3) => Date[][];
+export declare const setTimeEqual: (to: Date, from?: Date | null | undefined) => Date;
+export declare const isFirstDay: (day: Date, dayOfWeek: number) => boolean;
+export declare const isLastDay: (day: Date, dayOfWeek: number) => boolean;

package/dist/cjs/lib/callMultiple.d.ts

@@ -0,0 +1 @@
+export declare const callMultiple: (...fns: any[]) => (...args: any[]) => void;

package/dist/cjs/lib/classNames.d.ts

@@ -0,0 +1,6 @@
+export interface ObjectClassNames {
+    [index: string]: boolean | undefined | null;
+}
+export declare type ClassName = number | string | ObjectClassNames | false | null | undefined;
+export declare function classNames(...classnames: ClassName[]): string | string[];
+export declare function classNamesString(...args: ClassName[]): string;

package/dist/cjs/lib/classScopingMode.d.ts

@@ -0,0 +1,8 @@
+export declare const __controller: {
+    _noConflict: boolean;
+    _isSet: boolean;
+    noConflict: boolean;
+};
+export declare const classScopingMode: {
+    noConflict: boolean;
+};