@consta/uikit 5.20.0 → 5.20.2

package/__internal__/src/components/ListCanary/helper.d.ts

@@ -0,0 +1,56 @@
+import { DefaultListGroup, DefaultListItem, ListPropGetGroupKey, ListPropGetGroupLabel, ListPropGetGroupRightSide, ListPropGetItemActive, ListPropGetItemChecked, ListPropGetItemDisabled, ListPropGetItemGroupId, ListPropGetItemLabel, ListPropGetItemLeftIcon, ListPropGetItemLeftSide, ListPropGetItemOnClick, ListPropGetItemRightIcon, ListPropGetItemRightSide, ListPropGetItemStatus, ListProps } from './types';
+export declare function withDefaultGetters<ITEM = DefaultListItem, GROUP = DefaultListGroup>(props: ListProps<ITEM, GROUP>): {
+    size?: import("./types").ListPropSize;
+    items: ITEM[];
+    innerOffset?: import("./types").ListPropInnerOffset;
+    itemSpace?: import("../../mixs/MixSpace").MixSpaceProps;
+    groupLabelSpace?: import("../../mixs/MixSpace").MixSpaceProps;
+    dividerSpace?: import("../../mixs/MixSpace").MixSpaceProps;
+    onItemClick?: import("./types").ListPropOnItemClick<ITEM> | undefined;
+    getItemLabel?: ListPropGetItemLabel<ITEM> | undefined;
+    getItemDisabled?: ListPropGetItemDisabled<ITEM> | undefined;
+    getItemActive?: ListPropGetItemActive<ITEM> | undefined;
+    getItemChecked?: ListPropGetItemActive<ITEM> | undefined;
+    getItemLeftSide?: ListPropGetItemLeftSide<ITEM> | undefined;
+    getItemLeftIcon?: ListPropGetItemLeftIcon<ITEM> | undefined;
+    getItemRightSide?: ListPropGetItemRightSide<ITEM> | undefined;
+    getItemRightIcon?: ListPropGetItemRightIcon<ITEM> | undefined;
+    getItemGroupKey?: ListPropGetItemGroupId<ITEM> | undefined;
+    getItemOnClick?: ListPropGetItemOnClick<ITEM> | undefined;
+    getItemStatus?: ListPropGetItemStatus<ITEM> | undefined;
+    getItemAs?: import("./types").ListPropGetItemAs<ITEM> | undefined;
+    getItemAttributes?: import("./types").ListPropGetItemAttributes<ITEM> | undefined;
+    getItemRef?: import("./types").ListPropGetItemRef<ITEM> | undefined;
+    getItemAdditionalClassName?: import("./types").ListPropGetItemAdditionalClassName<ITEM> | undefined;
+    renderItem?: import("./types").ListPropRenderItem<ITEM> | undefined;
+    groups?: GROUP[] | undefined;
+    getGroupKey?: ListPropGetGroupKey<GROUP> | undefined;
+    getGroupLabel?: ListPropGetGroupLabel<GROUP> | undefined;
+    getGroupRightSide?: ListPropGetGroupRightSide<GROUP> | undefined;
+    sortGroup?: import("./types").ListPropSortGroup<ITEM, GROUP> | undefined;
+    getGroupAdditionalClassName?: import("./types").ListPropGetGroupAdditionalClassName<GROUP> | undefined;
+    disabled?: boolean;
+} & (ITEM extends {
+    label: DefaultListItem["label"];
+} ? {} : {
+    getItemLabel: ListPropGetItemLabel<ITEM>;
+}) & (GROUP extends {
+    id: DefaultListGroup["id"];
+} ? {} : {
+    getGroupKey: ListPropGetGroupKey<GROUP>;
+}) & {
+    getItemLabel: ListPropGetItemLabel<DefaultListItem> | ListPropGetItemLabel<ITEM>;
+    getItemGroupKey: ListPropGetItemGroupId<DefaultListItem> | ListPropGetItemGroupId<ITEM>;
+    getItemActive: ListPropGetItemActive<DefaultListItem> | ListPropGetItemActive<ITEM>;
+    getItemChecked: ListPropGetItemChecked<DefaultListItem> | ListPropGetItemActive<ITEM>;
+    getItemDisabled: ListPropGetItemDisabled<DefaultListItem> | ListPropGetItemDisabled<ITEM>;
+    getItemLeftSide: ListPropGetItemLeftSide<DefaultListItem> | ListPropGetItemLeftSide<ITEM>;
+    getItemLeftIcon: ListPropGetItemLeftIcon<DefaultListItem> | ListPropGetItemLeftIcon<ITEM>;
+    getItemRightSide: ListPropGetItemRightSide<DefaultListItem> | ListPropGetItemRightSide<ITEM>;
+    getItemRightIcon: ListPropGetItemRightIcon<DefaultListItem> | ListPropGetItemRightIcon<ITEM>;
+    getItemStatus: ListPropGetItemStatus<DefaultListItem> | ListPropGetItemStatus<ITEM>;
+    getItemOnClick: ListPropGetItemOnClick<DefaultListItem> | ListPropGetItemOnClick<ITEM>;
+    getGroupLabel: ListPropGetGroupLabel<DefaultListGroup> | ListPropGetGroupLabel<GROUP>;
+    getGroupKey: ListPropGetGroupKey<DefaultListGroup> | ListPropGetGroupKey<GROUP>;
+    getGroupRightSide: ListPropGetGroupRightSide<DefaultListGroup> | ListPropGetGroupRightSide<GROUP>;
+};

package/__internal__/src/components/ListCanary/index.d.ts

@@ -0,0 +1,11 @@
+export * from './ListCanary';
+export * from './types';
+export * from './ListAddItem';
+export * from './ListItem';
+export * from './ListLoader';
+export * from './ListGroupLabel';
+export * from './ListItemGrid';
+export * from './ListBox';
+export * from './ListDivider';
+export * from './maps';
+export * from './renderHeader';

package/__internal__/src/components/ListCanary/maps.d.ts

@@ -0,0 +1,10 @@
+import { IconPropSize } from '@consta/icons/Icon';
+import { Space } from '../../mixs/MixSpace';
+import { ListPropSize } from './types';
+export declare const mapHorizontalSpace: Record<ListPropSize, Space>;
+export declare const mapHorizontalSpaceIncreased: Record<ListPropSize, Space>;
+export declare const mapGroupVerticalSpaceTop: Record<ListPropSize, Space>;
+export declare const mapGroupVerticalSpaceBottom: Record<ListPropSize, Space>;
+export declare const mapItemVerticalPadding: Record<ListPropSize, Space>;
+export declare const mapIconSize: Record<ListPropSize, IconPropSize>;
+export declare const mapDividerVerticalSpace: Record<ListPropSize, Space>;

package/__internal__/src/components/ListCanary/renderHeader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { MixSpaceProps } from '../../mixs/MixSpace';
+import { ListPropSize } from './types';
+export declare const renderHeader: (label: string | undefined, first: boolean, size: ListPropSize, rightSide: React.ReactNode, labelSpace: MixSpaceProps | undefined, dividerSpace: MixSpaceProps | undefined, className: string | undefined) => React.ReactNode | null;

package/__internal__/src/components/ListCanary/types.d.ts

@@ -0,0 +1,134 @@
+import { IconComponent, IconPropSize } from '@consta/icons/Icon';
+import React from 'react';
+import { MixSpaceProps } from '../../mixs/MixSpace';
+import { Group } from '../../utils/getGroups';
+import { AsAttributes, AsTags } from '../../utils/types/AsTags';
+import { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+export declare const listPropSize: readonly ["m", "xs", "s", "l"];
+export type ListPropSize = typeof listPropSize[number];
+export declare const defaultListPropSize: "m";
+export declare const listPropInnerOffset: readonly ["normal", "increased"];
+export type ListPropInnerOffset = typeof listPropInnerOffset[number];
+export declare const defaultListPropInnerOffset: "normal";
+export declare const listPropStatus: readonly ["alert", "success", "warning"];
+export type ListPropStatus = typeof listPropStatus[number];
+export declare const listPropForm: readonly ["default", "brick", "round"];
+export type ListPropForm = typeof listPropForm[number];
+export declare const defaultListPropForm: "default";
+export type DefaultListGroup = {
+    id: string | number;
+    label?: string;
+    rightSide?: React.ReactNode;
+};
+export type DefaultListItem = {
+    label: React.ReactNode;
+    disabled?: boolean;
+    active?: boolean;
+    checked?: boolean;
+    status?: ListPropStatus;
+    groupId?: string | number;
+    leftSide?: React.ReactNode;
+    leftIcon?: IconComponent;
+    rightSide?: React.ReactNode;
+    rightIcon?: IconComponent;
+    onClick?: React.MouseEventHandler;
+};
+export type ListPropOnItemClick<ITEM> = (item: ITEM, params: {
+    e: React.MouseEvent;
+    item: ITEM;
+}) => void;
+export type ListPropRenderItem<ITEM> = (item: ITEM) => React.ReactElement | null;
+export type ListPropGetItemLabel<ITEM> = (item: ITEM) => React.ReactNode;
+export type ListPropGetItemAdditionalClassName<ITEM> = (item: ITEM) => string;
+export type ListPropGetItemDisabled<ITEM> = (item: ITEM) => boolean | undefined;
+export type ListPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;
+export type ListPropGetItemChecked<ITEM> = (item: ITEM) => boolean | undefined;
+export type ListPropGetItemStatus<ITEM> = (item: ITEM) => ListPropStatus | undefined;
+export type ListPropGetItemGroupId<ITEM> = (item: ITEM) => string | number | undefined;
+export type ListPropGetItemLeftSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
+export type ListPropGetItemLeftIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export type ListPropGetItemRightSide<ITEM> = (item: ITEM) => React.ReactNode | undefined;
+export type ListPropGetItemRightIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export type ListPropGetItemAs<ITEM> = (item: ITEM) => AsTags | undefined;
+export type ListPropGetItemAttributes<ITEM> = (item: ITEM) => AsAttributes | undefined;
+export type ListPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler | undefined;
+export type ListPropSortGroup<ITEM, GROUP> = (a: Group<ITEM, GROUP>, b: Group<ITEM, GROUP>) => number;
+export type ListPropGetGroupKey<GROUP> = (item: GROUP) => string | number;
+export type ListPropGetGroupAdditionalClassName<GROUP> = (item: GROUP) => string;
+export type ListPropGetGroupLabel<GROUP> = (item: GROUP) => string | undefined;
+export type ListPropGetGroupRightSide<GROUP> = (item: GROUP) => React.ReactNode | undefined;
+export type ListPropGetItemRef<ITEM> = (item: ITEM) => React.RefObject<HTMLElement> | undefined;
+export type ListProps<ITEM = DefaultListItem, GROUP = DefaultListGroup> = {
+    size?: ListPropSize;
+    items: ITEM[];
+    innerOffset?: ListPropInnerOffset;
+    itemSpace?: MixSpaceProps;
+    groupLabelSpace?: MixSpaceProps;
+    dividerSpace?: MixSpaceProps;
+    onItemClick?: ListPropOnItemClick<ITEM>;
+    getItemLabel?: ListPropGetItemLabel<ITEM>;
+    getItemDisabled?: ListPropGetItemDisabled<ITEM>;
+    getItemActive?: ListPropGetItemActive<ITEM>;
+    getItemChecked?: ListPropGetItemActive<ITEM>;
+    getItemLeftSide?: ListPropGetItemLeftSide<ITEM>;
+    getItemLeftIcon?: ListPropGetItemLeftIcon<ITEM>;
+    getItemRightSide?: ListPropGetItemRightSide<ITEM>;
+    getItemRightIcon?: ListPropGetItemRightIcon<ITEM>;
+    getItemGroupKey?: ListPropGetItemGroupId<ITEM>;
+    getItemOnClick?: ListPropGetItemOnClick<ITEM>;
+    getItemStatus?: ListPropGetItemStatus<ITEM>;
+    getItemAs?: ListPropGetItemAs<ITEM>;
+    getItemAttributes?: ListPropGetItemAttributes<ITEM>;
+    getItemRef?: ListPropGetItemRef<ITEM>;
+    getItemAdditionalClassName?: ListPropGetItemAdditionalClassName<ITEM>;
+    renderItem?: ListPropRenderItem<ITEM>;
+    groups?: GROUP[];
+    getGroupKey?: ListPropGetGroupKey<GROUP>;
+    getGroupLabel?: ListPropGetGroupLabel<GROUP>;
+    getGroupRightSide?: ListPropGetGroupRightSide<GROUP>;
+    sortGroup?: ListPropSortGroup<ITEM, GROUP>;
+    getGroupAdditionalClassName?: ListPropGetGroupAdditionalClassName<GROUP>;
+    disabled?: boolean;
+} & (ITEM extends {
+    label: DefaultListItem['label'];
+} ? {} : {
+    getItemLabel: ListPropGetItemLabel<ITEM>;
+}) & (GROUP extends {
+    id: DefaultListGroup['id'];
+} ? {} : {
+    getGroupKey: ListPropGetGroupKey<GROUP>;
+});
+export type ListComponent = <ITEM = DefaultListItem, GROUP = DefaultListGroup>(props: ListProps<ITEM, GROUP>) => React.ReactElement | null;
+export type ListItemProps<AS extends AsTags = 'div'> = PropsWithAsAttributes<Omit<DefaultListItem, 'id' | 'groupId' | 'attributes' | 'onClick'> & {
+    size?: ListPropSize;
+    innerOffset?: 'normal' | 'increased';
+    space?: MixSpaceProps;
+    iconSize?: IconPropSize;
+}, AS>;
+export type ListItemComponent = <AS extends AsTags = 'div'>(props: ListItemProps<AS>) => React.ReactElement | null;
+export type ListGroupLabelProps = PropsWithHTMLAttributesAndRef<{
+    size?: ListPropSize;
+    label: string;
+    innerOffset?: ListPropInnerOffset;
+    rightSide?: React.ReactNode;
+    space?: MixSpaceProps;
+}, HTMLDivElement>;
+export type ListDividerProps = PropsWithHTMLAttributesAndRef<{
+    size?: ListPropSize;
+    innerOffset?: ListPropInnerOffset;
+    space?: MixSpaceProps;
+}, HTMLDivElement>;
+export type ListBoxProps = PropsWithHTMLAttributesAndRef<{
+    size?: ListPropSize;
+    form?: ListPropForm;
+    border?: boolean;
+    shadow?: boolean;
+}, HTMLDivElement>;
+export type ListAddItemProps = PropsWithHTMLAttributesAndRef<{
+    size?: ListPropSize;
+    label: React.ReactNode;
+    innerOffset?: ListPropInnerOffset;
+    active?: boolean;
+    underLine?: boolean;
+}, HTMLDivElement>;

package/__internal__/src/components/Loader/Loader.d.ts

@@ -0,0 +1,14 @@
+import './Loader.css';
+import React from 'react';
+export declare const cnLoader: import("@bem-react/classname").ClassNameFormatter;
+export declare const Loader: React.ForwardRefExoticComponent<{
+    size?: "xs" | "s" | "m";
+    children?: never;
+    type?: import("./types").LoaderPropType;
+    view?: import("./types").LoaderPropView;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof {
+    size?: "xs" | "s" | "m";
+    children?: never;
+    type?: import("./types").LoaderPropType;
+    view?: import("./types").LoaderPropView;
+}> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/Loader/index.d.ts

@@ -0,0 +1 @@
+export * from './Loader';

package/__internal__/src/components/Loader/types.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+export type LoaderPropSize = 'xs' | 's' | 'm';
+export type LoaderPropType = 'dots' | 'circle';
+export type LoaderPropView = 'primary' | 'clear';
+type Props = {
+    size?: 'xs' | 's' | 'm';
+    children?: never;
+    type?: LoaderPropType;
+    view?: LoaderPropView;
+};
+export type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
+export {};

package/__internal__/src/components/LoaderDeprecated/LoaderDeprecated.d.ts

@@ -0,0 +1,14 @@
+import './Loader.css';
+import React from 'react';
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+export declare const loaderPropSize: readonly ["m", "s", "xs"];
+export type LoaderPropSize = typeof loaderPropSize[number];
+export declare const loaderPropSizeDefault: LoaderPropSize;
+type Props = {
+    size?: LoaderPropSize;
+    children?: never;
+};
+export type LoaderProps = PropsWithHTMLAttributes<Props, HTMLDivElement>;
+export declare const cnLoader: import("@bem-react/classname").ClassNameFormatter;
+export declare const Loader: React.ForwardRefExoticComponent<Props & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/__internal__/src/components/LoaderDeprecated/index.d.ts

@@ -0,0 +1 @@
+export * from './LoaderDeprecated';

package/__internal__/src/components/Modal/Modal.d.ts

@@ -0,0 +1,26 @@
+import './Modal.css';
+import React from 'react';
+import { PropsWithHTMLAttributes } from '../../utils/types/PropsWithHTMLAttributes';
+declare const modalPropWidth: readonly ["auto"];
+type ModalPropWidth = typeof modalPropWidth[number];
+declare const modalPropPosition: readonly ["center", "top"];
+type ModalPropPosition = typeof modalPropPosition[number];
+type ModalProps = PropsWithHTMLAttributes<{
+    isOpen?: boolean;
+    onClose?: () => void;
+    onOpen?: () => void;
+    hasOverlay?: boolean;
+    /** @deprecated use onClickOutside */
+    onOverlayClick?: (event: MouseEvent) => void;
+    onClickOutside?: (event: MouseEvent) => void;
+    onEsc?: (event: KeyboardEvent) => void;
+    rootClassName?: string;
+    width?: ModalPropWidth;
+    position?: ModalPropPosition;
+    children?: React.ReactNode;
+    container?: HTMLDivElement | undefined;
+    afterClose?: () => void;
+    refsForExcludeClickOutside?: React.RefObject<HTMLElement>[];
+}, HTMLDivElement>;
+export declare const Modal: React.FC<ModalProps>;
+export {};

package/__internal__/src/components/Modal/index.d.ts

@@ -0,0 +1 @@
+export * from './Modal';

package/__internal__/src/components/Pagination/Pagination.d.ts

@@ -0,0 +1,3 @@
+import './Pagination.css';
+import { PaginationComponent } from './types';
+export declare const Pagination: PaginationComponent;

package/__internal__/src/components/Pagination/PaginationArrow/PaginationArrow.d.ts

@@ -0,0 +1,11 @@
+import './PaginationArrow.css';
+import React from 'react';
+export declare const PaginationArrow: React.ForwardRefExoticComponent<{
+    icon?: import("@consta/icons/Icon").IconComponent;
+    form?: import("../types").PaginationPropForm;
+    size?: import("../types").PaginationPropSize;
+    disabled?: boolean;
+    orientation?: "start" | "end";
+    label?: string;
+    caption?: string;
+} & Omit<React.HTMLAttributes<HTMLButtonElement>, "css" | "size" | "caption" | "form" | "label" | "disabled" | "icon" | "orientation"> & React.RefAttributes<HTMLButtonElement>>;

package/__internal__/src/components/Pagination/PaginationArrow/index.d.ts

@@ -0,0 +1 @@
+export * from './PaginationArrow';

package/__internal__/src/components/Pagination/PaginationItem/PaginationItem.d.ts

@@ -0,0 +1,4 @@
+import './PaginationItem.css';
+import { PaginationItemComponent } from '../types';
+export declare const cnPaginationItem: import("@bem-react/classname").ClassNameFormatter;
+export declare const PaginationItem: PaginationItemComponent;

package/__internal__/src/components/Pagination/PaginationItem/index.d.ts

@@ -0,0 +1 @@
+export * from './PaginationItem';

package/__internal__/src/components/Pagination/PaginationList/PaginationList.d.ts

@@ -0,0 +1,3 @@
+import './PaginationList.css';
+import { PaginationListComponent } from '../types';
+export declare const PaginationList: PaginationListComponent;

package/__internal__/src/components/Pagination/PaginationList/index.d.ts

@@ -0,0 +1 @@
+export * from './PaginationList';

package/__internal__/src/components/Pagination/PaginationNumberInput/PaginationNumberInput.d.ts

@@ -0,0 +1,10 @@
+import './PaginationNumberInput.css';
+import React from 'react';
+export declare const PaginationNumberInput: React.ForwardRefExoticComponent<{
+    value?: number;
+    onChange?: import("../types").PaginationPropOnChange<number>;
+    form?: import("../types").PaginationPropForm;
+    size?: import("../types").PaginationPropSize;
+    total: number;
+    getTotalLabel?: (pages: number) => string | number;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "onChange" | "size" | "form" | "value" | "total" | "getTotalLabel"> & React.RefAttributes<HTMLDivElement>>;

package/__internal__/src/components/Pagination/PaginationNumberInput/index.d.ts

@@ -0,0 +1 @@
+export * from './PaginationNumberInput';

package/__internal__/src/components/Pagination/PaginationSizeCalculateHelper/PaginationSizeCalculateHelper.d.ts

@@ -0,0 +1,7 @@
+import './PaginationSizeCalculateHelper.css';
+import React from 'react';
+import { PaginationPropSize } from '../types';
+export declare const PaginationSizeCalculateHelper: React.FC<{
+    refs: React.RefObject<HTMLDivElement>[];
+    size: PaginationPropSize;
+}>;

package/__internal__/src/components/Pagination/PaginationSizeCalculateHelper/index.d.ts

@@ -0,0 +1 @@
+export * from './PaginationSizeCalculateHelper';

package/__internal__/src/components/Pagination/helpers.d.ts

@@ -0,0 +1,16 @@
+import { IconComponent } from '@consta/icons/Icon';
+import { PaginationArrowTypes, PaginationBaseItemDefault, PaginationItem, PaginationPropGetItemClickable, PaginationPropGetItemKey, PaginationPropGetItemLabel } from './types';
+export declare const defaultGetItemLabel: PaginationPropGetItemLabel<PaginationBaseItemDefault>;
+export declare const defaultGetItemKey: PaginationPropGetItemKey<PaginationBaseItemDefault>;
+export declare const defaultGetItemClickable: PaginationPropGetItemClickable<PaginationBaseItemDefault>;
+export declare const firstPageSeparator = "<_";
+export declare const lastPageSeparator = "_>";
+export declare const pageSeparatorLabel = "...";
+export declare const guardCurrentPage: (currentPage: number | undefined, totalPages: number) => number;
+export declare const getPagesArrayByVisibleCount: (currentPage: number, totalPages: number, visibleCountProp: number, showFirstPage?: boolean, showLastPage?: boolean) => PaginationItem[];
+type GetPagesArray = (currentPage: number, totalPages: number, visibleCount: number, showFirstPage: boolean, showLastPage: boolean, gap: number, buttonPadding: number, buttonMinWidth: number, maxSymbolSize: number, totalWidth: number) => PaginationItem[];
+type GetPagesArrayByWidth = (currentPage: number, totalPages: number, showFirstPage: boolean, showLastPage: boolean, gap: number, buttonPadding: number, buttonMinWidth: number, maxSymbolSize: number, totalWidth: number) => PaginationItem[];
+export declare const getPagesArrayByWidth: GetPagesArrayByWidth;
+export declare const getPagesArray: GetPagesArray;
+export declare const paginationArrowIconsMap: Record<PaginationArrowTypes, IconComponent>;
+export {};

package/__internal__/src/components/Pagination/index.d.ts

@@ -0,0 +1 @@
+export * from './Pagination';

package/__internal__/src/components/Pagination/types.d.ts

@@ -0,0 +1,128 @@
+import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
+import { AsAttributes, AsTags } from '../../utils/types/AsTags';
+import { PropsWithAsAttributes } from '../../utils/types/PropsWithAsAttributes';
+import { PropsWithHTMLAttributes, PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+export declare const paginationPropForm: readonly ["default", "brick", "round"];
+export type PaginationPropForm = typeof paginationPropForm[number];
+export declare const paginationPropFormDefault: PaginationPropForm;
+export declare const paginationPropSize: readonly ["m", "xs", "s", "l"];
+export type PaginationPropSize = typeof paginationPropSize[number];
+export declare const paginationPropSizeDefault: PaginationPropSize;
+export declare const paginationPropType: readonly ["default", "input"];
+export type PaginationPropType = typeof paginationPropType[number];
+export declare const paginationPropTypeDefault: PaginationPropType;
+export type PaginationArrowTypes = 'first' | 'previous' | 'next' | 'last';
+export type PaginationPropHotKey = {
+    label: string;
+    keys: string[];
+};
+export type PaginationPropOnItemClick<ITEM> = (item: ITEM, params: {
+    e: React.MouseEvent;
+}) => void;
+export type PaginationPropOnChange<ITEM> = (value: ITEM, params: {
+    e: React.MouseEvent | KeyboardEvent;
+}) => void;
+export type PaginationPropArrow = boolean | IconComponent | {
+    label?: string;
+    icon?: IconComponent;
+};
+export type PaginationBasePropArrow = false | {
+    label?: string;
+    disabled?: boolean;
+    icon?: IconComponent;
+    onClick?: React.MouseEventHandler;
+};
+type PaginationArrowsProps = {
+    outerMostArrows?: [PaginationPropArrow?, PaginationPropArrow?];
+} & ({
+    arrows: [PaginationPropArrow?, PaginationPropArrow?];
+    hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];
+} | {
+    arrows?: never;
+    hotKeys?: never;
+});
+export type PaginationItem = {
+    key: string | number;
+    label: string;
+    clickable: boolean;
+};
+export type PaginationProps<TYPE extends PaginationPropType> = PropsWithHTMLAttributes<{
+    type?: TYPE;
+    showFirstPage?: boolean;
+    showLastPage?: boolean;
+    visibleCount?: number;
+    form?: PaginationPropForm;
+    size?: PaginationPropSize;
+    containerEventListener?: HTMLElement | Window;
+    value?: number;
+    items?: number;
+    onChange?: PaginationPropOnChange<number>;
+    getItemAs?: PaginationPropGetItemAs<PaginationItem>;
+    getItemAttributes?: PaginationPropGetItemAttributes<PaginationItem>;
+    getItemRef?: PaginationPropGetItemRef<PaginationItem>;
+}, HTMLDivElement> & PaginationArrowsProps & (TYPE extends 'input' ? {
+    getTotalLabel?: (pages: number) => string | number;
+} : {
+    getTotalLabel?: never;
+});
+export type PaginationComponent = <TYPE extends PaginationPropType>(props: PaginationProps<TYPE>) => React.ReactElement | null;
+export type PaginationBaseItemDefault = {
+    key: string | number;
+    label?: string;
+    as?: AsTags;
+    ref?: React.RefObject<HTMLElement>;
+    clickable?: boolean;
+    attributes?: AsAttributes;
+    onClick?: React.MouseEventHandler;
+};
+export type PaginationPropGetItemKey<ITEM> = (item: ITEM) => PaginationBaseItemDefault['key'];
+export type PaginationPropGetItemLabel<ITEM> = (item: ITEM) => PaginationBaseItemDefault['label'];
+export type PaginationPropGetItemClickable<ITEM> = (item: ITEM) => PaginationBaseItemDefault['clickable'];
+export type PaginationPropGetItemAs<ITEM> = (item: ITEM) => PaginationBaseItemDefault['as'];
+export type PaginationPropGetItemAttributes<ITEM> = (item: ITEM) => PaginationBaseItemDefault['attributes'];
+export type PaginationPropGetItemRef<ITEM> = (item: ITEM) => PaginationBaseItemDefault['ref'];
+export type PaginationPropGetItemOnClick<ITEM> = (item: ITEM) => PaginationBaseItemDefault['onClick'];
+type Mappers<ITEM = PaginationBaseItemDefault> = {
+    getItemLabel?: PaginationPropGetItemLabel<ITEM>;
+    getItemKey: PaginationPropGetItemKey<ITEM>;
+    getItemAs?: PaginationPropGetItemAs<ITEM>;
+    getItemAttributes?: PaginationPropGetItemAttributes<ITEM>;
+    getItemRef?: PaginationPropGetItemRef<ITEM>;
+    getItemClickable?: PaginationPropGetItemClickable<ITEM>;
+    getItemOnClick?: PaginationPropGetItemOnClick<ITEM>;
+};
+export type PaginationArrowProps = PropsWithHTMLAttributes<{
+    icon?: IconComponent;
+    form?: PaginationPropForm;
+    size?: PaginationPropSize;
+    disabled?: boolean;
+    orientation?: 'start' | 'end';
+    label?: string;
+    caption?: string;
+}, HTMLButtonElement>;
+export type PaginationItemProps<AS extends AsTags = 'button'> = PropsWithAsAttributes<{
+    form?: PaginationPropForm;
+    size?: PaginationPropSize;
+    label?: string;
+    active?: boolean;
+    clickable?: boolean;
+}, AS>;
+export type PaginationItemComponent = <AS extends AsTags = 'button'>(props: PaginationItemProps<AS>) => React.ReactElement | null;
+export type PaginationNumberInputProps = PropsWithHTMLAttributes<{
+    value?: number;
+    onChange?: PaginationPropOnChange<number>;
+    form?: PaginationPropForm;
+    size?: PaginationPropSize;
+    total: number;
+    getTotalLabel?: (pages: number) => string | number;
+}, HTMLDivElement>;
+export type PaginationListProps<ITEM> = PropsWithHTMLAttributesAndRef<{
+    form?: PaginationPropForm;
+    size?: PaginationPropSize;
+    items: ITEM[];
+    value?: ITEM;
+    onItemClick?: PaginationPropOnItemClick<ITEM>;
+}, HTMLDivElement> & Mappers<ITEM>;
+export type PaginationListComponent = <ITEM extends PaginationBaseItemDefault>(props: PaginationListProps<ITEM>) => React.ReactElement | null;
+export {};

package/__internal__/src/components/Pagination/usePaginationItems.d.ts

@@ -0,0 +1,19 @@
+import { PaginationPropArrow, PaginationPropHotKey, PaginationPropSize, PaginationPropType } from './types';
+type UsePaginationItemsProps = {
+    visibleCount?: number;
+    value: number;
+    items: number;
+    showFirstPage?: boolean;
+    showLastPage?: boolean;
+    containerEventListener?: HTMLElement | Window;
+    size: PaginationPropSize;
+    hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];
+    arrows?: [PaginationPropArrow?, PaginationPropArrow?];
+    outerMostArrows?: [PaginationPropArrow?, PaginationPropArrow?];
+    type?: PaginationPropType;
+    handleNext: (e: React.MouseEvent | KeyboardEvent) => void;
+    handlePrevious: (e: React.MouseEvent | KeyboardEvent) => void;
+};
+export declare const itemSizeMap: Record<PaginationPropSize, number>;
+export declare const usePaginationItems: (props: UsePaginationItemsProps) => readonly [import("./types").PaginationItem[], import("react").RefObject<HTMLDivElement>[], number];
+export {};

package/__internal__/src/components/Pagination/usePaginationKeys.d.ts

@@ -0,0 +1,9 @@
+import { PaginationPropHotKey } from './types';
+type UsePaginationKeysParams = {
+    containerEventListener?: HTMLElement | Window;
+    hotKeys?: [PaginationPropHotKey?, PaginationPropHotKey?];
+    handleNext: (e: React.MouseEvent | KeyboardEvent) => void;
+    handlePrevious: (e: React.MouseEvent | KeyboardEvent) => void;
+};
+export declare const usePaginationKeys: (params: UsePaginationKeysParams) => void;
+export {};

package/__internal__/src/components/PaginationDeprecated/PaginationDeprecated.d.ts

@@ -0,0 +1,45 @@
+import './Pagination.css';
+import React from 'react';
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+export declare const paginationForms: readonly ["default", "round", "brick"];
+export type PaginationPropForm = typeof paginationForms[number];
+export declare const paginationDefaultForm: PaginationPropForm;
+export declare const paginationSizes: readonly ["xs", "s", "m", "l"];
+export type PaginationPropSize = typeof paginationSizes[number];
+export declare const paginationDefaultSize: PaginationPropSize;
+export declare const paginationTypes: readonly ["default", "input"];
+export type PaginationPropType = typeof paginationTypes[number];
+export declare const paginationDefaultType: PaginationPropType;
+export declare const paginationPositions: readonly ["left", "center", "right"];
+export type PaginationPropPosition = typeof paginationPositions[number];
+export declare const paginationDefaultPosition: PaginationPropPosition;
+export declare const cnPagination: import("@bem-react/classname").ClassNameFormatter;
+type HotKey = {
+    label: string;
+    values: string[];
+};
+export type HotKeys = {
+    nextPage: HotKey;
+    prevPage: HotKey;
+};
+type Props = {
+    currentPage: number;
+    totalPages: number;
+    onChange: (pageNumber: number) => void;
+    getLabel?: (totalPages: number) => string;
+    form?: PaginationPropForm;
+    size?: PaginationPropSize;
+    type?: PaginationPropType;
+    hotkeys?: HotKeys;
+    containerEventListener?: HTMLElement | Window;
+    className?: string;
+} & ({
+    minified?: true;
+    position?: never;
+} | {
+    minified?: false;
+    position?: PaginationPropPosition;
+});
+type Pagination = (props: PropsWithHTMLAttributesAndRef<Props, HTMLDivElement>) => React.ReactElement | null;
+export declare const Pagination: Pagination;
+export {};

package/__internal__/src/components/PaginationDeprecated/helpers.d.ts

@@ -0,0 +1,10 @@
+type PaginationInfo = {
+    isEmpty: boolean;
+    prevPage: number | null;
+    nextPage: number | null;
+    isStartDots: boolean | 0 | null;
+    isEndDots: boolean | 0 | null;
+    pages: number[];
+};
+export declare const getPaginationInfo: (currentPage: number, totalPages: number) => PaginationInfo;
+export {};

package/__internal__/src/components/PaginationDeprecated/index.d.ts

@@ -0,0 +1 @@
+export * from './PaginationDeprecated';

package/__internal__/src/components/Picture/Picture.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { PictureProps } from './types';
+export declare const Picture: React.ForwardRefExoticComponent<Pick<PictureProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "children" | "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" | "key" | "alt" | "src" | "getImageSettings" | "subscribeToRef"> & React.RefAttributes<HTMLImageElement>>;