@ozen-ui/kit 0.53.0 → 0.55.0

package/__inner__/cjs/components/Menu/types.d.ts

@@ -0,0 +1,17 @@
+import type { ComponentRef, RefObject } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { PopoverBaseProps } from '../Popover';
+import type { MenuListProps } from './components';
+export type MenuRef = ComponentRef<'div'>;
+export type MenuProps = ExtendableComponentPropsWithRef<{
+    /** Свойства компонента MenuList */
+    menuListProps?: Omit<MenuListProps, 'children'>;
+    /**
+     * Ссылка на компонент MenuList
+     * @deprecated Используйте menuListProps.ref
+     * */
+    menuListRef?: RefObject<HTMLDivElement>;
+    /** Размер компонента */
+    size?: FormElementSizeVariant;
+} & Omit<PopoverBaseProps, 'disableEnforceFocus'>, 'div'>;

package/__inner__/cjs/components/Menu/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/Modal/Modal.css

@@ -1,7 +1,7 @@
 .Modal {
+  inset: 0;
   position: fixed;
   z-index: var(--z-index-modal);
-  inset: 0;
 }
 
   .Modal:not(.Modal_hasBackdrop) {

package/__inner__/cjs/components/Modal/Modal.d.ts

@@ -1,97 +1,19 @@
 import './Modal.css';
 import React from 'react';
-import type { ReactNode, RefObject } from 'react';
-import type { CSSTransitionProps } from 'react-transition-group/CSSTransition';
-import { type BackdropProps } from '../Backdrop';
-import { type PaperProps } from '../Paper';
-import { type PortalProps, type PortalRef } from '../Portal';
 export declare const cnModal: import("@bem-react/classname").ClassNameFormatter;
-export type ModalProps = {
-    /** Признак по которому компонент будет представлен */
-    open?: boolean;
-    /** Содержимое модального окна */
-    children: ReactNode;
-    /** Функция обратного вызова которая будет вызвана до начала
-     * перехода компонента в состояние представлен */
-    onEnter?: () => void;
-    /** Функция обратного вызова которая будет вызвана после завершения
-     * перехода компонента в состояние представлен */
-    onEntered?: () => void;
-    /** Функция обратного вызова которая будет вызвана до начала
-     * перехода компонента в состояние не представлен */
-    onExit?: () => void;
-    /** Функция обратного вызова которая будет вызвана после
-     * завершения перехода в состояние не представлен */
-    onExited?: () => void;
-    /** Функция обратного вызова которая будет вызвана когда компонент запрашивает
-     *  закрытие (нажатие на клавишу {ESC}, клик по подложке Backdrop) */
-    onClose?: () => void;
-    /** Если {true} скрывает подложку */
-    hideBackdrop?: boolean;
-    /** Если {true} предотвращает размонтирование компонента при событии закрыть */
-    keepMounted?: boolean;
-    /** Если {true} отключает блокировку прокрутки основного экрана приложения */
-    disableScrollLock?: boolean;
-    /** Если {true} отключает закрытие окна при клике за его пределами */
-    disableClickOutside?: boolean;
-    /** Если {true} отключает закрытие окна при нажатии на клавишу ESC */
-    disableEscapeKeyDown?: boolean;
-    /** Свойства компонента Backdrop (подложка) */
-    backdropProps?: BackdropProps & {
-        'data-testid'?: string;
-    };
-    /** Свойства по управлению анимацией перехода */
-    transitionProps?: Partial<CSSTransitionProps> & {
-        'data-testid'?: string;
-    };
-    /** Свойства окна с контентом */
-    windowProps?: PaperProps & {
-        'data-testid'?: string;
-    };
-    /** Кастомный класс контейнера модального окна */
-    className?: string;
-    /** Идентификатор компонента для тестов */
-    'data-testid'?: string;
-    /** Контейнер для монтирования всплывающего окна */
-    container?: PortalProps['container'];
-    /** Список ссылок на элементы при клике на которые Modal не будет закрываться (см. хук useClickOutside) */
-    ignoreClickOutsideRefs?: Array<RefObject<HTMLElement>>;
-    /** Если {true} отключает портал для компонента.
-     * Подробнее – https://react.dev/reference/react-dom/createPortal. */
-    disablePortal?: boolean;
-} & PortalProps;
-export type ModalRef = PortalRef;
 export declare const Modal: React.ForwardRefExoticComponent<{
-    /** Признак по которому компонент будет представлен */
     open?: boolean | undefined;
-    /** Содержимое модального окна */
-    children: ReactNode;
-    /** Функция обратного вызова которая будет вызвана до начала
-     * перехода компонента в состояние представлен */
-    onEnter?: (() => void) | undefined;
-    /** Функция обратного вызова которая будет вызвана после завершения
-     * перехода компонента в состояние представлен */
-    onEntered?: (() => void) | undefined;
-    /** Функция обратного вызова которая будет вызвана до начала
-     * перехода компонента в состояние не представлен */
-    onExit?: (() => void) | undefined;
-    /** Функция обратного вызова которая будет вызвана после
-     * завершения перехода в состояние не представлен */
-    onExited?: (() => void) | undefined;
-    /** Функция обратного вызова которая будет вызвана когда компонент запрашивает
-     *  закрытие (нажатие на клавишу {ESC}, клик по подложке Backdrop) */
-    onClose?: (() => void) | undefined;
-    /** Если {true} скрывает подложку */
+    children: React.ReactNode;
+    onEnter?(): void;
+    onEntered?(): void;
+    onExit?(): void;
+    onExited?(): void;
+    onClose?(): void;
     hideBackdrop?: boolean | undefined;
-    /** Если {true} предотвращает размонтирование компонента при событии закрыть */
     keepMounted?: boolean | undefined;
-    /** Если {true} отключает блокировку прокрутки основного экрана приложения */
     disableScrollLock?: boolean | undefined;
-    /** Если {true} отключает закрытие окна при клике за его пределами */
     disableClickOutside?: boolean | undefined;
-    /** Если {true} отключает закрытие окна при нажатии на клавишу ESC */
     disableEscapeKeyDown?: boolean | undefined;
-    /** Свойства компонента Backdrop (подложка) */
     backdropProps?: (import("../Backdrop").BackdropBaseProps & {
         as?: "div" | undefined;
     } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -99,11 +21,9 @@ export declare const Modal: React.ForwardRefExoticComponent<{
     }, keyof import("../Backdrop").BackdropBaseProps> & {
         'data-testid'?: string | undefined;
     }) | undefined;
-    /** Свойства по управлению анимацией перехода */
-    transitionProps?: (Partial<CSSTransitionProps> & {
+    transitionProps?: (Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
         'data-testid'?: string | undefined;
     }) | undefined;
-    /** Свойства окна с контентом */
     windowProps?: (import("../Paper").PaperBaseProps & {
         as?: "div" | undefined;
     } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -111,16 +31,9 @@ export declare const Modal: React.ForwardRefExoticComponent<{
     }, keyof import("../Paper").PaperBaseProps> & {
         'data-testid'?: string | undefined;
     }) | undefined;
-    /** Кастомный класс контейнера модального окна */
     className?: string | undefined;
-    /** Идентификатор компонента для тестов */
     'data-testid'?: string | undefined;
-    /** Контейнер для монтирования всплывающего окна */
-    container?: PortalProps['container'];
-    /** Список ссылок на элементы при клике на которые Modal не будет закрываться (см. хук useClickOutside) */
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
-    /** Если {true} отключает портал для компонента.
-     * Подробнее – https://react.dev/reference/react-dom/createPortal. */
     disablePortal?: boolean | undefined;
 } & import("../Portal").PortalBaseProps & {
     as?: "div" | undefined;

package/__inner__/cjs/components/Modal/Modal.js

@@ -15,20 +15,22 @@ var isKey_1 = require("../../utils/isKey");
 var Backdrop_1 = require("../Backdrop");
 var Portal_1 = require("../Portal");
 var components_1 = require("./components");
+var constants_1 = require("./constants");
 var index_1 = require("./index");
 exports.cnModal = (0, classname_1.cn)('Modal');
 exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, _d = _a.hideBackdrop, hideBackdrop = _d === void 0 ? false : _d, _e = _a.disableScrollLock, disableScrollLock = _e === void 0 ? false : _e, _f = _a.disableClickOutside, disableClickOutside = _f === void 0 ? false : _f, _g = _a.disableEscapeKeyDown, disableEscapeKeyDown = _g === void 0 ? false : _g, _h = _a.disablePortal, disablePortal = _h === void 0 ? false : _h, children = _a.children, onEnter = _a.onEnter, onEntered = _a.onEntered, onExit = _a.onExit, onExitedProp = _a.onExited, onClose = _a.onClose, backdropProps = _a.backdropProps, windowProps = _a.windowProps, transitionProps = _a.transitionProps, className = _a.className, ignoreClickOutsideRefs = _a.ignoreClickOutsideRefs, other = tslib_1.__rest(_a, ["open", "keepMounted", "hideBackdrop", "disableScrollLock", "disableClickOutside", "disableEscapeKeyDown", "disablePortal", "children", "onEnter", "onEntered", "onExit", "onExited", "onClose", "backdropProps", "windowProps", "transitionProps", "className", "ignoreClickOutsideRefs"]);
+    var _b = _a.open, open = _b === void 0 ? constants_1.MODAL_DEFAULT_OPEN : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? constants_1.MODAL_DEFAULT_KEEP_MOUNTED : _c, _d = _a.hideBackdrop, hideBackdrop = _d === void 0 ? constants_1.MODAL_DEFAULT_HIDE_BACKDROP : _d, _e = _a.disableScrollLock, disableScrollLock = _e === void 0 ? constants_1.MODAL_DEFAULT_DISABLE_SCROLL_LOCK : _e, _f = _a.disableClickOutside, disableClickOutside = _f === void 0 ? constants_1.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = _a.disableEscapeKeyDown, disableEscapeKeyDown = _g === void 0 ? constants_1.MODAL_DEFAULT_ESCAPE_KEY_DOWN : _g, _h = _a.disablePortal, disablePortal = _h === void 0 ? constants_1.MODAL_DEFAULT_DISABLE_PORTAL : _h, children = _a.children, onEnter = _a.onEnter, onEntered = _a.onEntered, onExit = _a.onExit, onExitedProp = _a.onExited, onClose = _a.onClose, backdropProps = _a.backdropProps, windowProps = _a.windowProps, transitionProps = _a.transitionProps, className = _a.className, ignoreClickOutsideRefs = _a.ignoreClickOutsideRefs, other = tslib_1.__rest(_a, ["open", "keepMounted", "hideBackdrop", "disableScrollLock", "disableClickOutside", "disableEscapeKeyDown", "disablePortal", "children", "onEnter", "onEntered", "onExit", "onExited", "onClose", "backdropProps", "windowProps", "transitionProps", "className", "ignoreClickOutsideRefs"]);
     var hasBackdrop = !hideBackdrop;
-    var modalInnerRef = (0, react_1.useRef)(null);
+    var rootRef = (0, react_1.useRef)(null);
+    var windowInnerRef = (0, react_1.useRef)(null);
     var focusedElement = (0, react_1.useRef)(null);
     var _j = tslib_1.__read((0, react_1.useState)(false), 2), openState = _j[0], setOpenState = _j[1];
     var _k = tslib_1.__read((0, react_1.useState)(false), 2), opened = _k[0], setOpened = _k[1];
-    var _l = (0, index_1.useModalManager)(modalInnerRef, 1000, openState), isTop = _l.isTop, refsClickOutside = _l.refsClickOutside;
+    var _l = (0, index_1.useModalManager)(windowInnerRef, 1000, openState), isTop = _l.isTop, refsClickOutside = _l.refsClickOutside;
     var RootComponent = disablePortal ? 'div' : Portal_1.Portal;
     (0, useClickOutside_1.useClickOutside)({
         refs: tslib_1.__spreadArray(tslib_1.__spreadArray([
-            modalInnerRef
+            windowInnerRef
         ], tslib_1.__read(refsClickOutside), false), tslib_1.__read((ignoreClickOutsideRefs || [])), false),
         handler: onClose,
         active: open && !disableClickOutside,
@@ -53,7 +55,7 @@ exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
     var onExited = (0, react_1.useCallback)(function () {
         var _a, _b;
         // Возвращаем фокус активного элемента
-        if (((_a = modalInnerRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) ||
+        if (((_a = windowInnerRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) ||
             document.activeElement === document.body) {
             (_b = focusedElement.current) === null || _b === void 0 ? void 0 : _b.focus({ preventScroll: true });
         }
@@ -64,16 +66,15 @@ exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
     (0, useEventListener_1.useEventListener)({
         eventName: 'keydown',
         handler: function (event) {
-            if (!(0, isKey_1.isKey)(event, 'Escape')) {
+            if (!(0, isKey_1.isKey)(event, 'Escape'))
                 return;
-            }
             onClose === null || onClose === void 0 ? void 0 : onClose();
         },
         active: isTop && !disableEscapeKeyDown,
     });
-    return (react_1.default.createElement(react_transition_group_1.CSSTransition, tslib_1.__assign({ classNames: (0, exports.cnModal)({ animation: true }), timeout: 300 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: !keepMounted, appear: true }),
-        react_1.default.createElement(RootComponent, tslib_1.__assign({}, other, { className: (0, exports.cnModal)({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: ref }),
-            !hideBackdrop && (react_1.default.createElement(Backdrop_1.Backdrop, tslib_1.__assign({ zIndex: -1 }, backdropProps, { open: openState, className: backdropProps === null || backdropProps === void 0 ? void 0 : backdropProps.className }))),
-            react_1.default.createElement(components_1.ModalConsumer, tslib_1.__assign({}, windowProps, { ref: (0, useMultiRef_1.useMultiRef)([modalInnerRef, trapRef, windowProps === null || windowProps === void 0 ? void 0 : windowProps.ref]) }), children))));
+    return (react_1.default.createElement(react_transition_group_1.CSSTransition, tslib_1.__assign({ classNames: (0, exports.cnModal)({ animation: true }), nodeRef: rootRef, timeout: 300 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: !keepMounted, appear: true }),
+        react_1.default.createElement(RootComponent, tslib_1.__assign({}, other, { className: (0, exports.cnModal)({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: (0, useMultiRef_1.useMultiRef)([rootRef, ref]) }),
+            !hideBackdrop && (react_1.default.createElement(Backdrop_1.Backdrop, tslib_1.__assign({ zIndex: -1, open: openState }, backdropProps, { className: backdropProps === null || backdropProps === void 0 ? void 0 : backdropProps.className }))),
+            react_1.default.createElement(components_1.ModalConsumer, tslib_1.__assign({}, windowProps, { ref: (0, useMultiRef_1.useMultiRef)([windowInnerRef, trapRef, windowProps === null || windowProps === void 0 ? void 0 : windowProps.ref]) }), children))));
 });
 exports.Modal.displayName = 'Modal';

package/__inner__/cjs/components/Modal/components/ModalConsumer.d.ts

@@ -1,3 +1,3 @@
-import type { FC } from 'react';
+import React from 'react';
 import type { PaperProps } from '../../Paper';
-export declare const ModalConsumer: FC<PaperProps>;
+export declare const ModalConsumer: React.ForwardRefExoticComponent<Omit<PaperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Modal/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const MODAL_DEFAULT_OPEN = false;
+export declare const MODAL_DEFAULT_KEEP_MOUNTED = false;
+export declare const MODAL_DEFAULT_HIDE_BACKDROP = false;
+export declare const MODAL_DEFAULT_DISABLE_SCROLL_LOCK = false;
+export declare const MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
+export declare const MODAL_DEFAULT_ESCAPE_KEY_DOWN = false;
+export declare const MODAL_DEFAULT_DISABLE_PORTAL = false;

package/__inner__/cjs/components/Modal/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MODAL_DEFAULT_DISABLE_PORTAL = exports.MODAL_DEFAULT_ESCAPE_KEY_DOWN = exports.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE = exports.MODAL_DEFAULT_DISABLE_SCROLL_LOCK = exports.MODAL_DEFAULT_HIDE_BACKDROP = exports.MODAL_DEFAULT_KEEP_MOUNTED = exports.MODAL_DEFAULT_OPEN = void 0;
+exports.MODAL_DEFAULT_OPEN = false;
+exports.MODAL_DEFAULT_KEEP_MOUNTED = false;
+exports.MODAL_DEFAULT_HIDE_BACKDROP = false;
+exports.MODAL_DEFAULT_DISABLE_SCROLL_LOCK = false;
+exports.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
+exports.MODAL_DEFAULT_ESCAPE_KEY_DOWN = false;
+exports.MODAL_DEFAULT_DISABLE_PORTAL = false;

package/__inner__/cjs/components/Modal/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Modal';
 export * from './ModalManager';
+export * from './types';

package/__inner__/cjs/components/Modal/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Modal"), exports);
 tslib_1.__exportStar(require("./ModalManager"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

@@ -0,0 +1,58 @@
+import type { ReactNode, RefObject } from 'react';
+import type { CSSTransitionProps } from 'react-transition-group/CSSTransition';
+import type { BackdropProps } from '../Backdrop';
+import type { PaperProps } from '../Paper';
+import type { PortalProps, PortalRef } from '../Portal';
+export type ModalProps = {
+    /** Признак по которому компонент будет представлен */
+    open?: boolean;
+    /** Содержимое модального окна */
+    children: ReactNode;
+    /** Функция обратного вызова которая будет вызвана до начала
+     * перехода компонента в состояние представлен */
+    onEnter?(): void;
+    /** Функция обратного вызова которая будет вызвана после завершения
+     * перехода компонента в состояние представлен */
+    onEntered?(): void;
+    /** Функция обратного вызова которая будет вызвана до начала
+     * перехода компонента в состояние не представлен */
+    onExit?(): void;
+    /** Функция обратного вызова которая будет вызвана после
+     * завершения перехода в состояние не представлен */
+    onExited?(): void;
+    /** Функция обратного вызова которая будет вызвана когда компонент запрашивает
+     *  закрытие (нажатие на клавишу {ESC}, клик по подложке Backdrop) */
+    onClose?(): void;
+    /** Если {true} скрывает подложку */
+    hideBackdrop?: boolean;
+    /** Если {true} предотвращает размонтирование компонента при событии закрыть */
+    keepMounted?: boolean;
+    /** Если {true} отключает блокировку прокрутки основного экрана приложения */
+    disableScrollLock?: boolean;
+    /** Если {true} отключает закрытие окна при клике за его пределами */
+    disableClickOutside?: boolean;
+    /** Если {true} отключает закрытие окна при нажатии на клавишу ESC */
+    disableEscapeKeyDown?: boolean;
+    /** Свойства компонента Backdrop (подложка) */
+    backdropProps?: BackdropProps & {
+        'data-testid'?: string;
+    };
+    /** Свойства по управлению анимацией перехода */
+    transitionProps?: Partial<CSSTransitionProps> & {
+        'data-testid'?: string;
+    };
+    /** Свойства окна с контентом */
+    windowProps?: PaperProps & {
+        'data-testid'?: string;
+    };
+    /** Кастомный класс контейнера модального окна */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+    /** Список ссылок на элементы при клике на которые Modal не будет закрываться (см. хук useClickOutside) */
+    ignoreClickOutsideRefs?: RefObject<HTMLElement>[];
+    /** Если {true} отключает портал для компонента.
+     * Подробнее — https://react.dev/reference/react-dom/createPortal. */
+    disablePortal?: boolean;
+} & PortalProps;
+export type ModalRef = PortalRef;

package/__inner__/cjs/components/Modal/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/Pagination/components/PaginationItem/PaginationItem.d.ts

@@ -1,21 +1,5 @@
 import React from 'react';
-import type { ButtonHTMLAttributes } from 'react';
-import type { ExtendableProps } from '../../../../types/ExtendableProps';
-import type { PaginationSizeVariant } from '../../types';
 import './PaginationItem.css';
-export declare const paginationVariant: readonly ["Previous", "First", "Page", "last", "Next", "Ellipsis"];
-export type PaginationVariant = (typeof paginationVariant)[number];
+import type { PaginationItemProps } from './index';
 export declare const cnPaginationItem: import("@bem-react/classname").ClassNameFormatter;
-interface BaseProps {
-    type: PaginationVariant;
-    page: number | null;
-    selected?: boolean;
-    disabled?: boolean;
-    size?: PaginationSizeVariant;
-    children?: never;
-    onClick?(page: number): void;
-}
-type ButtonElProps = ButtonHTMLAttributes<HTMLButtonElement>;
-export type PaginationItemProps = ExtendableProps<ButtonElProps, BaseProps>;
-export declare const PaginationItem: React.ForwardRefExoticComponent<BaseProps & Omit<ButtonElProps, keyof BaseProps> & React.RefAttributes<HTMLButtonElement>>;
-export {};
+export declare const PaginationItem: React.ForwardRefExoticComponent<Omit<PaginationItemProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/__inner__/cjs/components/Pagination/components/PaginationItem/PaginationItem.js

@@ -1,50 +1,26 @@
 "use strict";
-var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PaginationItem = exports.cnPaginationItem = exports.paginationVariant = void 0;
+exports.PaginationItem = exports.cnPaginationItem = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
-var icons_1 = require("@ozen-ui/icons");
 var classname_1 = require("../../../../utils/classname");
 var isNumber_1 = require("../../../../utils/isNumber");
 var ButtonBase_1 = require("../../../ButtonBase");
 var IconButtonNext_1 = require("../../../IconButtonNext");
 var constants_1 = require("../../constants");
 require("./PaginationItem.css");
-exports.paginationVariant = [
-    constants_1.PREVIOUS,
-    constants_1.FIRST,
-    constants_1.PAGE,
-    constants_1.LAST,
-    constants_1.NEXT,
-    constants_1.ELLIPSIS,
-];
+var utils_1 = require("./utils");
 exports.cnPaginationItem = (0, classname_1.cn)('PaginationItem');
-var sizeMapper = {
-    l: {
-        size: 'm',
-        textSize: 'text-l',
-    },
-    s: {
-        size: '2xs',
-        textSize: 'text-s',
-    },
-};
-var iconsMapper = (_a = {},
-    _a[constants_1.PREVIOUS] = icons_1.ChevronLeftIcon,
-    _a[constants_1.NEXT] = icons_1.ChevronRightIcon,
-    _a[constants_1.ELLIPSIS] = icons_1.MenuHorizontalIcon,
-    _a);
 exports.PaginationItem = (0, react_1.forwardRef)(function (_a, ref) {
     var _b = _a.selected, selected = _b === void 0 ? constants_1.PAGINATION_ITEM_DEFAULT_SELECTED : _b, _c = _a.disabled, disabled = _c === void 0 ? constants_1.PAGINATION_ITEM_DEFAULT_DISABLED : _c, _d = _a.size, size = _d === void 0 ? constants_1.PAGINATION_ITEM_DEFAULT_SIZE : _d, type = _a.type, page = _a.page, onClick = _a.onClick, className = _a.className, otherProps = tslib_1.__rest(_a, ["selected", "disabled", "size", "type", "page", "onClick", "className"]);
-    var sizeConfig = sizeMapper[size];
+    var sizeConfig = utils_1.sizeMapper[size];
     var handleClick = function () {
         if (!selected && (0, isNumber_1.isNumber)(page)) {
             onClick === null || onClick === void 0 ? void 0 : onClick(page - 1);
         }
     };
     if (type === constants_1.PREVIOUS || type === constants_1.NEXT || type === constants_1.ELLIPSIS) {
-        return (react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({ disabled: disabled, icon: iconsMapper[type], size: sizeConfig.size, onClick: handleClick, ref: ref }, otherProps, { color: "secondary" })));
+        return (react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({ disabled: disabled, icon: utils_1.iconsMapper[type], size: sizeConfig.size, onClick: handleClick, ref: ref }, otherProps, { color: "secondary" })));
     }
     return (react_1.default.createElement(ButtonBase_1.ButtonBase, tslib_1.__assign({ disabled: disabled, className: (0, exports.cnPaginationItem)({ size: size, selected: selected, disabled: disabled }, [className]), tabIndex: selected ? -1 : 0, onClick: handleClick, "aria-current": selected, ref: ref }, otherProps), page));
 });

package/__inner__/cjs/components/Pagination/components/PaginationItem/index.d.ts

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

package/__inner__/cjs/components/Pagination/components/PaginationItem/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./PaginationItem"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Pagination/components/PaginationItem/types.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { PaginationSizeVariant } from '../../index';
+export declare const paginationVariant: readonly ["Previous", "First", "Page", "last", "Next", "Ellipsis"];
+export type PaginationVariant = (typeof paginationVariant)[number];
+export type PaginationItemRef = ComponentRef<'button'>;
+export type PaginationItemProps = ExtendableComponentPropsWithRef<{
+    type: PaginationVariant;
+    page: number | null;
+    selected?: boolean;
+    disabled?: boolean;
+    size?: PaginationSizeVariant;
+    children?: never;
+    onClick?(page: number): void;
+}, 'button'>;

package/__inner__/cjs/components/Pagination/components/PaginationItem/types.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paginationVariant = void 0;
+var constants_1 = require("../../constants");
+exports.paginationVariant = [
+    constants_1.PREVIOUS,
+    constants_1.FIRST,
+    constants_1.PAGE,
+    constants_1.LAST,
+    constants_1.NEXT,
+    constants_1.ELLIPSIS,
+];

package/__inner__/cjs/components/Pagination/components/PaginationItem/utils.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const sizeMapper: {
+    readonly l: {
+        readonly size: "m";
+        readonly textSize: "text-l";
+    };
+    readonly s: {
+        readonly size: "2xs";
+        readonly textSize: "text-s";
+    };
+};
+export declare const iconsMapper: {
+    readonly Previous: import("react").ForwardRefExoticComponent<Omit<import("@ozen-ui/icons").IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Next: import("react").ForwardRefExoticComponent<Omit<import("@ozen-ui/icons").IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    readonly Ellipsis: import("react").ForwardRefExoticComponent<Omit<import("@ozen-ui/icons").IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+};

package/__inner__/cjs/components/Pagination/components/PaginationItem/utils.js

@@ -0,0 +1,21 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.iconsMapper = exports.sizeMapper = void 0;
+var icons_1 = require("@ozen-ui/icons");
+var constants_1 = require("../../constants");
+exports.sizeMapper = {
+    l: {
+        size: 'm',
+        textSize: 'text-l',
+    },
+    s: {
+        size: '2xs',
+        textSize: 'text-s',
+    },
+};
+exports.iconsMapper = (_a = {},
+    _a[constants_1.PREVIOUS] = icons_1.ChevronLeftIcon,
+    _a[constants_1.NEXT] = icons_1.ChevronRightIcon,
+    _a[constants_1.ELLIPSIS] = icons_1.MenuHorizontalIcon,
+    _a);

package/__inner__/cjs/components/Paper/Paper.d.ts

@@ -1,22 +1,4 @@
 import './Paper.css';
-import { type ComponentRef, type ElementType } from 'react';
-import { type PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
-export declare const PAPER_DEFAULT_TAG = "div";
-export declare const paperRadiusVariant: readonly ["xs", "s", "l", "xl", "2xl"];
-export type PaperRadiusVariant = (typeof paperRadiusVariant)[number];
-export declare const paperBackgroundVariant: readonly ["main", "main-inverse", "action-light", "accent"];
-export type PaperBackgroundVariant = (typeof paperBackgroundVariant)[number];
-export declare const paperShadowVariant: readonly ["m", "l"];
-export type PaperShadowVariant = (typeof paperShadowVariant)[number];
-export type PaperBaseProps = {
-    /** Радиус скругления границы */
-    radius?: PaperRadiusVariant;
-    /** Фон */
-    background?: PaperBackgroundVariant;
-    /** Тень */
-    shadow?: PaperShadowVariant;
-};
-export type PaperProps<As extends ElementType = typeof PAPER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<PaperBaseProps, As>;
-export type PaperRef = ComponentRef<typeof PAPER_DEFAULT_TAG>;
+import type { PaperBaseProps } from './index';
 export declare const cnPaper: import("@bem-react/classname").ClassNameFormatter;
 export declare const Paper: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PaperBaseProps, "div">;

package/__inner__/cjs/components/Paper/Paper.js

@@ -1,25 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Paper = exports.cnPaper = exports.paperShadowVariant = exports.paperBackgroundVariant = exports.paperRadiusVariant = exports.PAPER_DEFAULT_TAG = void 0;
+exports.Paper = exports.cnPaper = void 0;
 var tslib_1 = require("tslib");
 require("./Paper.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
-exports.PAPER_DEFAULT_TAG = 'div';
-exports.paperRadiusVariant = ['xs', 's', 'l', 'xl', '2xl'];
-exports.paperBackgroundVariant = [
-    'main',
-    'main-inverse',
-    'action-light',
-    'accent',
-];
-exports.paperShadowVariant = ['m', 'l'];
+var constants_1 = require("./constants");
 exports.cnPaper = (0, classname_1.cn)('Paper');
 exports.Paper = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Paper' });
-    var _a = props.as, Tag = _a === void 0 ? exports.PAPER_DEFAULT_TAG : _a, children = props.children, radius = props.radius, background = props.background, shadow = props.shadow, className = props.className, other = tslib_1.__rest(props, ["as", "children", "radius", "background", "shadow", "className"]);
+    var _a = props.as, Tag = _a === void 0 ? constants_1.PAPER_DEFAULT_TAG : _a, children = props.children, radius = props.radius, background = props.background, shadow = props.shadow, className = props.className, other = tslib_1.__rest(props, ["as", "children", "radius", "background", "shadow", "className"]);
     return (react_1.default.createElement(Tag, tslib_1.__assign({}, other, { className: (0, exports.cnPaper)({ radius: radius, background: background, shadow: shadow }, [className]), ref: ref }), children));
 });
 exports.Paper.displayName = 'Paper';

package/__inner__/cjs/components/Paper/constants.d.ts

@@ -0,0 +1 @@
+export declare const PAPER_DEFAULT_TAG = "div";

package/__inner__/cjs/components/Paper/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PAPER_DEFAULT_TAG = void 0;
+exports.PAPER_DEFAULT_TAG = 'div';

package/__inner__/cjs/components/Paper/index.d.ts

@@ -1 +1,2 @@
 export * from './Paper';
+export * from './types';

package/__inner__/cjs/components/Paper/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Paper"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Paper/types.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
+import type { PAPER_DEFAULT_TAG } from './constants';
+export declare const paperRadiusVariant: readonly ["xs", "s", "l", "xl", "2xl"];
+export type PaperRadiusVariant = (typeof paperRadiusVariant)[number];
+export declare const paperBackgroundVariant: readonly ["main", "main-inverse", "action-light", "accent"];
+export type PaperBackgroundVariant = (typeof paperBackgroundVariant)[number];
+export declare const paperShadowVariant: readonly ["m", "l"];
+export type PaperShadowVariant = (typeof paperShadowVariant)[number];
+export type PaperBaseProps = {
+    /** Радиус скругления границы */
+    radius?: PaperRadiusVariant;
+    /** Фон */
+    background?: PaperBackgroundVariant;
+    /** Тень */
+    shadow?: PaperShadowVariant;
+};
+export type PaperProps<As extends ElementType = typeof PAPER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<PaperBaseProps, As>;
+export type PaperRef = ComponentRef<typeof PAPER_DEFAULT_TAG>;

package/__inner__/cjs/components/Paper/types.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paperShadowVariant = exports.paperBackgroundVariant = exports.paperRadiusVariant = void 0;
+exports.paperRadiusVariant = ['xs', 's', 'l', 'xl', '2xl'];
+exports.paperBackgroundVariant = [
+    'main',
+    'main-inverse',
+    'action-light',
+    'accent',
+];
+exports.paperShadowVariant = ['m', 'l'];