@skbkontur/react-ui 5.2.0 → 5.3.0

package/cjs/components/Modal/locale/types.d.ts

@@ -1,3 +1,3 @@
-export interface ModalLocale {
-    closeButtonAriaLabel?: string;
-}
+export interface ModalLocale {
+    closeButtonAriaLabel?: string;
+}

package/cjs/components/Paging/DotsIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const DotsIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/components/Paging/DotsIcon.js

@@ -0,0 +1,13 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.DotsIcon = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _UiMenuDots3HIcon16Regular = require("../../internal/icons2022/UiMenuDots3HIcon/UiMenuDots3HIcon16Regular");
+var _iconSizer = require("../../internal/icons2022/iconSizer");
+
+var DotsIcon = exports.DotsIcon = (0, _iconSizer.iconSizer)(
+  {
+    small: function small() {return /*#__PURE__*/_react.default.createElement(_UiMenuDots3HIcon16Regular.UiMenuDots3HIcon16Regular, null);},
+    medium: function medium() {return /*#__PURE__*/_react.default.createElement(_UiMenuDots3HIcon16Regular.UiMenuDots3HIcon16Regular, null);},
+    large: function large() {return /*#__PURE__*/_react.default.createElement(_UiMenuDots3HIcon16Regular.UiMenuDots3HIcon16Regular, null);}
+  },
+  'DotsIcon'
+);

package/cjs/components/Paging/DotsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_UiMenuDots3HIcon16Regular","_iconSizer","DotsIcon","exports","iconSizer","small","default","createElement","UiMenuDots3HIcon16Regular","medium","large"],"sources":["DotsIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { UiMenuDots3HIcon16Regular } from '../../internal/icons2022/UiMenuDots3HIcon/UiMenuDots3HIcon16Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const DotsIcon = iconSizer(\n  {\n    small: () => <UiMenuDots3HIcon16Regular />,\n    medium: () => <UiMenuDots3HIcon16Regular />,\n    large: () => <UiMenuDots3HIcon16Regular />,\n  },\n  'DotsIcon',\n);\n"],"mappings":"8JAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,0BAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;;AAEO,IAAMG,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,oBAAS;EAC/B;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,0BAAA,CAAAQ,yBAAyB,MAAE,CAAC;IAC1CC,MAAM,EAAE,SAAAA,OAAA,uBAAMZ,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,0BAAA,CAAAQ,yBAAyB,MAAE,CAAC;IAC3CE,KAAK,EAAE,SAAAA,MAAA,uBAAMb,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,0BAAA,CAAAQ,yBAAyB,MAAE,CAAC;EAC5C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/cjs/components/Paging/ForwardIcon.d.ts

@@ -1,3 +1,6 @@
-export declare const ForwardIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
-    size?: number | "small" | "medium" | "large" | undefined;
-}>;
+export declare const ForwardIcon: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;
+export declare const ForwardIconMobile: import("../../lib/forwardRefAndName").ReactUIIconWithRef<SVGSVGElement, Omit<import("../../internal/icons2022/BaseIcon").IconProps, "size"> & {
+    size?: number | "small" | "medium" | "large" | undefined;
+}>;

package/cjs/components/Paging/ForwardIcon.js

@@ -1,5 +1,8 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ForwardIcon = void 0;var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.ForwardIconMobile = exports.ForwardIcon = void 0;var _react = _interopRequireDefault(require("react"));
 
+var _ArrowARightIcon16Light = require("../../internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light");
+var _ArrowARightIcon20Light = require("../../internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light");
+var _ArrowARightIcon24Regular = require("../../internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular");
 var _ArrowCRightIcon16Light = require("../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light");
 var _ArrowCRightIcon20Light = require("../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon20Light");
 var _ArrowCRightIcon24Regular = require("../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon24Regular");
@@ -12,4 +15,13 @@ var ForwardIcon = exports.ForwardIcon = (0, _iconSizer.iconSizer)(
     large: function large() {return /*#__PURE__*/_react.default.createElement(_ArrowCRightIcon24Regular.ArrowCRightIcon24Regular, null);}
   },
   'ForwardIcon'
+);
+
+var ForwardIconMobile = exports.ForwardIconMobile = (0, _iconSizer.iconSizer)(
+  {
+    small: function small() {return /*#__PURE__*/_react.default.createElement(_ArrowARightIcon16Light.ArrowARightIcon16Light, null);},
+    medium: function medium() {return /*#__PURE__*/_react.default.createElement(_ArrowARightIcon20Light.ArrowARightIcon20Light, null);},
+    large: function large() {return /*#__PURE__*/_react.default.createElement(_ArrowARightIcon24Regular.ArrowARightIcon24Regular, null);}
+  },
+  'ForwardIconMobile'
 );

package/cjs/components/Paging/ForwardIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ArrowCRightIcon16Light","_ArrowCRightIcon20Light","_ArrowCRightIcon24Regular","_iconSizer","ForwardIcon","exports","iconSizer","small","default","createElement","ArrowCRightIcon16Light","medium","ArrowCRightIcon20Light","large","ArrowCRightIcon24Regular"],"sources":["ForwardIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowCRightIcon16Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light';\nimport { ArrowCRightIcon20Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon20Light';\nimport { ArrowCRightIcon24Regular } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon24Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const ForwardIcon = iconSizer(\n  {\n    small: () => <ArrowCRightIcon16Light />,\n    medium: () => <ArrowCRightIcon20Light />,\n    large: () => <ArrowCRightIcon24Regular />,\n  },\n  'ForwardIcon',\n);\n"],"mappings":"iKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;;AAEO,IAAMK,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oBAAS;EAClC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,uBAAA,CAAAU,sBAAsB,MAAE,CAAC;IACvCC,MAAM,EAAE,SAAAA,OAAA,uBAAMd,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,uBAAA,CAAAW,sBAAsB,MAAE,CAAC;IACxCC,KAAK,EAAE,SAAAA,MAAA,uBAAMhB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,yBAAA,CAAAY,wBAAwB,MAAE,CAAC;EAC3C,CAAC;EACD;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ArrowARightIcon16Light","_ArrowARightIcon20Light","_ArrowARightIcon24Regular","_ArrowCRightIcon16Light","_ArrowCRightIcon20Light","_ArrowCRightIcon24Regular","_iconSizer","ForwardIcon","exports","iconSizer","small","default","createElement","ArrowCRightIcon16Light","medium","ArrowCRightIcon20Light","large","ArrowCRightIcon24Regular","ForwardIconMobile","ArrowARightIcon16Light","ArrowARightIcon20Light","ArrowARightIcon24Regular"],"sources":["ForwardIcon.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowARightIcon16Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon16Light';\nimport { ArrowARightIcon20Light } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon20Light';\nimport { ArrowARightIcon24Regular } from '../../internal/icons2022/ArrowARightIcon/ArrowARightIcon24Regular';\nimport { ArrowCRightIcon16Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon16Light';\nimport { ArrowCRightIcon20Light } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon20Light';\nimport { ArrowCRightIcon24Regular } from '../../internal/icons2022/ArrowCRightIcon/ArrowCRightIcon24Regular';\nimport { iconSizer } from '../../internal/icons2022/iconSizer';\n\nexport const ForwardIcon = iconSizer(\n  {\n    small: () => <ArrowCRightIcon16Light />,\n    medium: () => <ArrowCRightIcon20Light />,\n    large: () => <ArrowCRightIcon24Regular />,\n  },\n  'ForwardIcon',\n);\n\nexport const ForwardIconMobile = iconSizer(\n  {\n    small: () => <ArrowARightIcon16Light />,\n    medium: () => <ArrowARightIcon20Light />,\n    large: () => <ArrowARightIcon24Regular />,\n  },\n  'ForwardIconMobile',\n);\n"],"mappings":"6LAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;AAEA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;;AAEO,IAAMQ,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oBAAS;EAClC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,uBAAA,CAAAU,sBAAsB,MAAE,CAAC;IACvCC,MAAM,EAAE,SAAAA,OAAA,uBAAMjB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACR,uBAAA,CAAAW,sBAAsB,MAAE,CAAC;IACxCC,KAAK,EAAE,SAAAA,MAAA,uBAAMnB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACP,yBAAA,CAAAY,wBAAwB,MAAE,CAAC;EAC3C,CAAC;EACD;AACF,CAAC;;AAEM,IAAMC,iBAAiB,GAAAV,OAAA,CAAAU,iBAAA,GAAG,IAAAT,oBAAS;EACxC;IACEC,KAAK,EAAE,SAAAA,MAAA,uBAAMb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,uBAAA,CAAAmB,sBAAsB,MAAE,CAAC;IACvCL,MAAM,EAAE,SAAAA,OAAA,uBAAMjB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,uBAAA,CAAAmB,sBAAsB,MAAE,CAAC;IACxCJ,KAAK,EAAE,SAAAA,MAAA,uBAAMnB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,yBAAA,CAAAmB,wBAAwB,MAAE,CAAC;EAC3C,CAAC;EACD;AACF,CAAC","ignoreList":[]}

package/cjs/components/Paging/NavigationHelper.d.ts

@@ -1,7 +1,8 @@
-import type React from 'react';
-export interface KeyDescriptionType {
-    name: string;
-    checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;
-}
-export declare const getKeyName: () => string;
-export declare const checkKeyPressed: (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) => boolean;
+import type React from 'react';
+import type { Theme } from '../../lib/theming/Theme';
+export interface KeyDescriptionType {
+    name: string;
+    checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;
+}
+export declare const getKeyName: (t: Theme) => string;
+export declare const checkKeyPressed: (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>, theme: Theme) => boolean;

package/cjs/components/Paging/NavigationHelper.js

@@ -3,6 +3,8 @@
 var _client = require("../../lib/client");
 
 
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+
 
 
 
@@ -10,12 +12,12 @@ var _client = require("../../lib/client");
 
 var keyDescription = null;
 
-var getKeyDescription = function getKeyDescription() {return keyDescription || (keyDescription = createKeyDescription());};
+var getKeyDescription = function getKeyDescription(theme) {return keyDescription || (keyDescription = createKeyDescription(theme));};
 
-var createKeyDescription = function createKeyDescription() {return (
+var createKeyDescription = function createKeyDescription(theme) {return (
     _client.isMac ?
     {
-      name: 'Alt',
+      name: (0, _ThemeHelpers.isThemeGTE)(theme, '5.3') ? '⌥' : 'Alt',
       checkPressed: function checkPressed(event) {return event.altKey;}
     } :
     {
@@ -23,6 +25,6 @@ var createKeyDescription = function createKeyDescription() {return (
       checkPressed: function checkPressed(event) {return event.ctrlKey;}
     });};
 
-var getKeyName = exports.getKeyName = function getKeyName() {return getKeyDescription().name;};
-var checkKeyPressed = exports.checkKeyPressed = function checkKeyPressed(event) {return (
-    getKeyDescription().checkPressed(event));};
+var getKeyName = exports.getKeyName = function getKeyName(t) {return getKeyDescription(t).name;};
+var checkKeyPressed = exports.checkKeyPressed = function checkKeyPressed(event, theme) {return (
+    getKeyDescription(theme).checkPressed(event));};

package/cjs/components/Paging/NavigationHelper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_client","require","keyDescription","getKeyDescription","createKeyDescription","isMac","name","checkPressed","event","altKey","ctrlKey","getKeyName","exports","checkKeyPressed"],"sources":["NavigationHelper.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { isMac } from '../../lib/client';\nimport type { Nullable } from '../../typings/utility-types';\n\nexport interface KeyDescriptionType {\n  name: string;\n  checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;\n}\n\nlet keyDescription: Nullable<KeyDescriptionType> = null;\n\nconst getKeyDescription = () => keyDescription || (keyDescription = createKeyDescription());\n\nconst createKeyDescription = () =>\n  isMac\n    ? {\n        name: 'Alt',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.altKey,\n      }\n    : {\n        name: 'Ctrl',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.ctrlKey,\n      };\n\nexport const getKeyName = () => getKeyDescription().name;\nexport const checkKeyPressed = (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>) =>\n  getKeyDescription().checkPressed(event);\n"],"mappings":";;AAEA,IAAAA,OAAA,GAAAC,OAAA;;;;;;;;AAQA,IAAIC,cAA4C,GAAG,IAAI;;AAEvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAA,UAASD,cAAc,KAAKA,cAAc,GAAGE,oBAAoB,CAAC,CAAC,CAAC;;AAE3F,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA;IACxBC,aAAK;IACD;MACEC,IAAI,EAAE,KAAK;MACXC,YAAY,EAAE,SAAAA,aAACC,KAAuD,UAAKA,KAAK,CAACC,MAAM;IACzF,CAAC;IACD;MACEH,IAAI,EAAE,MAAM;MACZC,YAAY,EAAE,SAAAA,aAACC,KAAuD,UAAKA,KAAK,CAACE,OAAO;IAC1F,CAAC;;AAEA,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAA,UAASR,iBAAiB,CAAC,CAAC,CAACG,IAAI;AACjD,IAAMO,eAAe,GAAAD,OAAA,CAAAC,eAAA,GAAG,SAAlBA,eAAeA,CAAIL,KAAuD;IACrFL,iBAAiB,CAAC,CAAC,CAACI,YAAY,CAACC,KAAK,CAAC","ignoreList":[]}
+{"version":3,"names":["_client","require","_ThemeHelpers","keyDescription","getKeyDescription","theme","createKeyDescription","isMac","name","isThemeGTE","checkPressed","event","altKey","ctrlKey","getKeyName","exports","t","checkKeyPressed"],"sources":["NavigationHelper.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { isMac } from '../../lib/client';\nimport type { Nullable } from '../../typings/utility-types';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { isThemeGTE } from '../../lib/theming/ThemeHelpers';\n\nexport interface KeyDescriptionType {\n  name: string;\n  checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => boolean;\n}\n\nlet keyDescription: Nullable<KeyDescriptionType> = null;\n\nconst getKeyDescription = (theme: Theme) => keyDescription || (keyDescription = createKeyDescription(theme));\n\nconst createKeyDescription = (theme: Theme) =>\n  isMac\n    ? {\n        name: isThemeGTE(theme, '5.3') ? '⌥' : 'Alt',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.altKey,\n      }\n    : {\n        name: 'Ctrl',\n        checkPressed: (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => event.ctrlKey,\n      };\n\nexport const getKeyName = (t: Theme) => getKeyDescription(t).name;\nexport const checkKeyPressed = (event: KeyboardEvent | React.KeyboardEvent<HTMLElement>, theme: Theme) =>\n  getKeyDescription(theme).checkPressed(event);\n"],"mappings":";;AAEA,IAAAA,OAAA,GAAAC,OAAA;;;AAGA,IAAAC,aAAA,GAAAD,OAAA;;;;;;;AAOA,IAAIE,cAA4C,GAAG,IAAI;;AAEvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAY,UAAKF,cAAc,KAAKA,cAAc,GAAGG,oBAAoB,CAACD,KAAK,CAAC,CAAC;;AAE5G,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAID,KAAY;IACxCE,aAAK;IACD;MACEC,IAAI,EAAE,IAAAC,wBAAU,EAACJ,KAAK,EAAE,KAAK,CAAC,GAAG,GAAG,GAAG,KAAK;MAC5CK,YAAY,EAAE,SAAAA,aAACC,KAAuD,UAAKA,KAAK,CAACC,MAAM;IACzF,CAAC;IACD;MACEJ,IAAI,EAAE,MAAM;MACZE,YAAY,EAAE,SAAAA,aAACC,KAAuD,UAAKA,KAAK,CAACE,OAAO;IAC1F,CAAC;;AAEA,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAIE,CAAQ,UAAKZ,iBAAiB,CAACY,CAAC,CAAC,CAACR,IAAI;AAC1D,IAAMS,eAAe,GAAAF,OAAA,CAAAE,eAAA,GAAG,SAAlBA,eAAeA,CAAIN,KAAuD,EAAEN,KAAY;IACnGD,iBAAiB,CAACC,KAAK,CAAC,CAACK,YAAY,CAACC,KAAK,CAAC","ignoreList":[]}

package/cjs/components/Paging/Paging.d.ts

@@ -1,101 +1,112 @@
-import React from 'react';
-import type { Nullable } from '../../typings/utility-types';
-import type { CommonProps } from '../../internal/CommonWrapper';
-export interface ItemComponentProps {
-    /** Определяет, является ли страница текущей. */
-    active: boolean;
-    /** @ignore */
-    children?: React.ReactNode;
-    /** Задает HTML-атрибут class. */
-    className: string;
-    /** Задает функцию, которая вызывается при клике на элемент. */
-    onClick: () => void;
-    /** Задает номер текущей страницы. */
-    pageNumber: number | 'forward';
-    /** Задает HTML-атрибут `tabindex`. */
-    tabIndex: number;
-}
-export interface PagingProps extends CommonProps {
-    activePage: number;
-    /** Компонент обертки по умолчанию.
-     * @default <span /> */
-    component?: React.ComponentType<ItemComponentProps>;
-    /** Задает функцию, которая вызывается при переключении страницы. */
-    onPageChange: (pageNumber: number) => void;
-    /** Задает общее количество страниц. */
-    pagesCount: number;
-    /** Делает компонент недоступным. */
-    disabled?: boolean;
-    /** Отключает навигационные подсказки.
-     * По-умолчанию подсказки появляются, когда доступно управление с клавиатуры (либо элемент в фокусе, либо globalListeners === true). */
-    withoutNavigationHint?: boolean;
-    /** Задает подпить у пейджинга. */
-    caption?: string;
-    /** Глобальный слушатель **keyDown**, для навигации клавишами без фокуса на компоненте.
-     * Если на странице используется несколько элементов **Paging** с useGlobalListener === true,
-     * то обработчик keyDown будет вызываться на каждом из них. Такие случаи лучше обрабатывать отдельно. */
-    useGlobalListener?: boolean;
-}
-export interface PagingState {
-    focusedByTab: boolean;
-    focusedItem: Nullable<ItemType>;
-    keyboardControl: boolean;
-}
-export type ItemType = number | '.' | 'forward';
-export declare const PagingDataTids: {
-    readonly root: "Paging__root";
-    readonly dots: "Paging__dots";
-    readonly forwardLink: "Paging__forwardLink";
-    readonly pageLinkWrapper: "Paging__pageLinkWrapper";
-    readonly pageLink: "Paging__pageLink";
-};
-type DefaultProps = Required<Pick<PagingProps, 'component' | 'useGlobalListener'>>;
-/**
- * Постраничная навигация `Paging` (пейджинг или пагинация) — способ представления большого количества однородной информации, когда контент разбивается на страницы.
- */
-export declare class Paging extends React.PureComponent<PagingProps, PagingState> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    static defaultProps: DefaultProps;
-    private getProps;
-    static propTypes: {};
-    private setRootNode;
-    static isForward(pageNumber: number | 'forward'): boolean;
-    state: PagingState;
-    private theme;
-    private readonly locale;
-    private addedGlobalListener;
-    private container;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: PagingProps): void;
-    componentWillUnmount(): void;
-    render(): React.JSX.Element | null;
-    private renderMain;
-    private renderItem;
-    private renderDots;
-    private renderForwardLink;
-    private renderPageLink;
-    private renderNavigationHint;
-    private handleMouseDown;
-    private handleMouseDownPageLink;
-    private handleKeyDown;
-    private handleFocus;
-    private handleBlur;
-    private getItems;
-    private getFocusedItem;
-    private isItemFocusable;
-    private isItemDisabled;
-    private executeItemAction;
-    private moveFocusLeft;
-    private moveFocusRight;
-    private moveFocus;
-    private canGoBackward;
-    private canGoForward;
-    private goBackward;
-    private goForward;
-    private goToPage;
-    private addGlobalListener;
-    private removeGlobalListener;
-    private refContainer;
-}
-export {};
+import React from 'react';
+import type { Nullable } from '../../typings/utility-types';
+import type { CommonProps } from '../../internal/CommonWrapper';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { SizeProp } from '../../lib/types/props';
+export interface ItemComponentProps {
+    /** Определяет, является ли страница текущей. */
+    active: boolean;
+    /** @ignore */
+    children?: React.ReactNode;
+    /** Задает HTML-атрибут class. */
+    className: string;
+    /** Задает функцию, которая вызывается при клике на элемент. */
+    onClick: () => void;
+    /** Задает номер текущей страницы. */
+    pageNumber: number | 'forward';
+    /** Задает HTML-атрибут `tabindex`. */
+    tabIndex: number;
+}
+export interface PagingProps extends CommonProps {
+    activePage: number;
+    /** Компонент обертки по умолчанию.
+     * @default <span/> */
+    component?: React.ComponentType<ItemComponentProps>;
+    /** Задает функцию, которая вызывается при переключении страницы. */
+    onPageChange: (pageNumber: number) => void;
+    /** Задает общее количество страниц. */
+    pagesCount: number;
+    /** Задает размер контрола.
+     * @default 'small', начиная с версии темы 5.3. До этого по умолчанию стоит старый размер 'legacy'. */
+    size?: SizeProp;
+    /** Делает компонент недоступным. */
+    disabled?: boolean;
+    /** Отключает навигационные подсказки.
+     * По-умолчанию подсказки появляются, когда доступно управление с клавиатуры (либо элемент в фокусе, либо globalListeners === true). */
+    withoutNavigationHint?: boolean;
+    /** Задает подпить у пейджинга. */
+    caption?: string;
+    /** Глобальный слушатель **keyDown**, для навигации клавишами без фокуса на компоненте.
+     * Если на странице используется несколько элементов **Paging** с useGlobalListener === true,
+     * то обработчик keyDown будет вызываться на каждом из них. Такие случаи лучше обрабатывать отдельно. */
+    useGlobalListener?: boolean;
+}
+export interface PagingState {
+    focusedByTab: boolean;
+    focusedItem: Nullable<ItemType>;
+    keyboardControl: boolean;
+}
+export type ItemType = number | '.' | 'forward';
+export declare const PagingDataTids: {
+    readonly root: "Paging__root";
+    readonly dots: "Paging__dots";
+    readonly forwardLink: "Paging__forwardLink";
+    readonly pageLinkWrapper: "Paging__pageLinkWrapper";
+    readonly pageLink: "Paging__pageLink";
+};
+type DefaultProps = Required<Pick<PagingProps, 'component' | 'useGlobalListener'>>;
+/**
+ * Постраничная навигация `Paging` (пейджинг или пагинация) — способ представления большого количества однородной информации, когда контент разбивается на страницы.
+ */
+export declare class Paging extends React.PureComponent<PagingProps, PagingState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    static defaultProps: DefaultProps;
+    private getProps;
+    getRootNode: TGetRootNode;
+    private setRootNode;
+    static isForward(pageNumber: number | 'forward'): boolean;
+    state: PagingState;
+    private theme;
+    private readonly locale;
+    private isMobile;
+    private sizeClassNames;
+    private addedGlobalListener;
+    private container;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: PagingProps): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element | null;
+    private renderMain;
+    private renderItem;
+    private renderDots;
+    private renderForwardLink;
+    private renderPageLink;
+    private renderNavigationHint;
+    private handleMouseDown;
+    private handleMouseDownPageLink;
+    private handleKeyDown;
+    private handleFocus;
+    private handleBlur;
+    private getItems;
+    private getFocusedItem;
+    private isItemFocusable;
+    private isItemDisabled;
+    private executeItemAction;
+    private moveFocusLeft;
+    private moveFocusRight;
+    private moveFocus;
+    private canGoBackward;
+    private canGoForward;
+    private goBackward;
+    private goForward;
+    private goToPage;
+    private addGlobalListener;
+    private removeGlobalListener;
+    private refContainer;
+    private getPagingSizeClassNames;
+    private getDotsIcon;
+    private getForwardIcon;
+    private getSize;
+}
+export {};