@ozen-ui/kit 0.54.0 → 0.56.0

package/__inner__/esm/components/Menu/components/MenuContextConsumer/MenuContextConsumer.d.ts

@@ -0,0 +1,10 @@
+import type { FC, ReactNode, RefObject } from 'react';
+import type { MenuListProps } from '../index';
+type MenuContextConsumerProps = {
+    children?: ReactNode;
+    onClose?: () => void;
+    menuListRef?: RefObject<HTMLDivElement>;
+    menuListProps?: Omit<MenuListProps, 'children'>;
+};
+export declare const MenuContextConsumer: FC<MenuContextConsumerProps>;
+export {};

package/__inner__/esm/components/Menu/components/MenuContextConsumer/MenuContextConsumer.js

@@ -0,0 +1,23 @@
+import { __assign } from "tslib";
+import React, { useRef } from 'react';
+import { useEventListener } from '../../../../hooks/useEventListener';
+import { isKey } from '../../../../utils/isKey';
+import { usePopover } from '../../../Popover';
+import { MenuList } from '../index';
+export var MenuContextConsumer = function (_a) {
+    var children = _a.children, onClose = _a.onClose, menuListProps = _a.menuListProps;
+    var isTop = usePopover().isTop;
+    var docRef = useRef(document);
+    useEventListener({
+        eventName: 'keydown',
+        handler: function (event) {
+            if (isKey(event, 'Tab')) {
+                event.preventDefault();
+                onClose === null || onClose === void 0 ? void 0 : onClose();
+            }
+        },
+        element: docRef,
+        active: isTop,
+    });
+    return (React.createElement(MenuList, __assign({}, menuListProps, { autoFocus: true }), children));
+};

package/__inner__/esm/components/Menu/components/MenuContextConsumer/index.d.ts

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

package/__inner__/esm/components/Menu/components/MenuContextConsumer/index.js

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

package/__inner__/esm/components/Menu/components/MenuList/MenuList.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
+import type { ComponentRef } from 'react';
 import type { ListProps } from '../../../List';
+export type MenuListRef = ComponentRef<'div'>;
 export type MenuListProps = {
     /** Если {true} устанавливает автофокус на первый активный элемент в списке */
     autoFocus?: boolean;

package/__inner__/esm/components/Menu/components/index.d.ts

@@ -1,2 +1,3 @@
 export * from './MenuList';
 export * from './MenuItem';
+export * from './MenuContextConsumer';

package/__inner__/esm/components/Menu/components/index.js

@@ -1,2 +1,3 @@
 export * from './MenuList';
 export * from './MenuItem';
+export * from './MenuContextConsumer';

package/__inner__/esm/components/Menu/index.d.ts

@@ -1,3 +1,4 @@
 export { ListItemText as MenuItemText, ListItemIcon as MenuItemIcon, } from '../List';
 export * from './Menu';
 export * from './components';
+export * from './types';

package/__inner__/esm/components/Menu/index.js

@@ -1,3 +1,4 @@
 export { ListItemText as MenuItemText, ListItemIcon as MenuItemIcon, } from '../List';
 export * from './Menu';
 export * from './components';
+export * from './types';

package/__inner__/esm/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__/esm/components/Menu/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/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__/esm/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__/esm/components/Modal/Modal.js

@@ -12,20 +12,22 @@ import { isKey } from '../../utils/isKey';
 import { Backdrop } from '../Backdrop';
 import { Portal } from '../Portal';
 import { ModalConsumer } from './components';
+import { MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE, MODAL_DEFAULT_DISABLE_PORTAL, MODAL_DEFAULT_DISABLE_SCROLL_LOCK, MODAL_DEFAULT_ESCAPE_KEY_DOWN, MODAL_DEFAULT_HIDE_BACKDROP, MODAL_DEFAULT_KEEP_MOUNTED, MODAL_DEFAULT_OPEN, } from './constants';
 import { useModalManager } from './index';
 export var cnModal = cn('Modal');
 export var Modal = 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 = __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 ? MODAL_DEFAULT_OPEN : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? MODAL_DEFAULT_KEEP_MOUNTED : _c, _d = _a.hideBackdrop, hideBackdrop = _d === void 0 ? MODAL_DEFAULT_HIDE_BACKDROP : _d, _e = _a.disableScrollLock, disableScrollLock = _e === void 0 ? MODAL_DEFAULT_DISABLE_SCROLL_LOCK : _e, _f = _a.disableClickOutside, disableClickOutside = _f === void 0 ? MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = _a.disableEscapeKeyDown, disableEscapeKeyDown = _g === void 0 ? MODAL_DEFAULT_ESCAPE_KEY_DOWN : _g, _h = _a.disablePortal, disablePortal = _h === void 0 ? 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 = __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 = useRef(null);
+    var rootRef = useRef(null);
+    var windowInnerRef = useRef(null);
     var focusedElement = useRef(null);
     var _j = __read(useState(false), 2), openState = _j[0], setOpenState = _j[1];
     var _k = __read(useState(false), 2), opened = _k[0], setOpened = _k[1];
-    var _l = useModalManager(modalInnerRef, 1000, openState), isTop = _l.isTop, refsClickOutside = _l.refsClickOutside;
+    var _l = useModalManager(windowInnerRef, 1000, openState), isTop = _l.isTop, refsClickOutside = _l.refsClickOutside;
     var RootComponent = disablePortal ? 'div' : Portal;
     useClickOutside({
         refs: __spreadArray(__spreadArray([
-            modalInnerRef
+            windowInnerRef
         ], __read(refsClickOutside), false), __read((ignoreClickOutsideRefs || [])), false),
         handler: onClose,
         active: open && !disableClickOutside,
@@ -50,7 +52,7 @@ export var Modal = forwardRef(function (_a, ref) {
     var onExited = 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 });
         }
@@ -61,16 +63,15 @@ export var Modal = forwardRef(function (_a, ref) {
     useEventListener({
         eventName: 'keydown',
         handler: function (event) {
-            if (!isKey(event, 'Escape')) {
+            if (!isKey(event, 'Escape'))
                 return;
-            }
             onClose === null || onClose === void 0 ? void 0 : onClose();
         },
         active: isTop && !disableEscapeKeyDown,
     });
-    return (React.createElement(CSSTransition, __assign({ classNames: cnModal({ animation: true }), timeout: 300 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: !keepMounted, appear: true }),
-        React.createElement(RootComponent, __assign({}, other, { className: cnModal({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: ref }),
-            !hideBackdrop && (React.createElement(Backdrop, __assign({ zIndex: -1 }, backdropProps, { open: openState, className: backdropProps === null || backdropProps === void 0 ? void 0 : backdropProps.className }))),
-            React.createElement(ModalConsumer, __assign({}, windowProps, { ref: useMultiRef([modalInnerRef, trapRef, windowProps === null || windowProps === void 0 ? void 0 : windowProps.ref]) }), children))));
+    return (React.createElement(CSSTransition, __assign({ classNames: cnModal({ animation: true }), nodeRef: rootRef, timeout: 300 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: !keepMounted, appear: true }),
+        React.createElement(RootComponent, __assign({}, other, { className: cnModal({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: useMultiRef([rootRef, ref]) }),
+            !hideBackdrop && (React.createElement(Backdrop, __assign({ zIndex: -1, open: openState }, backdropProps, { className: backdropProps === null || backdropProps === void 0 ? void 0 : backdropProps.className }))),
+            React.createElement(ModalConsumer, __assign({}, windowProps, { ref: useMultiRef([windowInnerRef, trapRef, windowProps === null || windowProps === void 0 ? void 0 : windowProps.ref]) }), children))));
 });
 Modal.displayName = 'Modal';

package/__inner__/esm/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__/esm/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__/esm/components/Modal/constants.js

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

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

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

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

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

package/__inner__/esm/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__/esm/components/Modal/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/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__/esm/components/Pagination/components/PaginationItem/PaginationItem.js

@@ -1,37 +1,13 @@
-var _a;
 import { __assign, __rest } from "tslib";
 import React, { forwardRef } from 'react';
-import { ChevronLeftIcon, ChevronRightIcon, MenuHorizontalIcon, } from '@ozen-ui/icons';
 import { cn } from '../../../../utils/classname';
 import { isNumber } from '../../../../utils/isNumber';
 import { ButtonBase } from '../../../ButtonBase';
 import { IconButton } from '../../../IconButtonNext';
-import { NEXT, PAGE, LAST, FIRST, ELLIPSIS, PREVIOUS, PAGINATION_ITEM_DEFAULT_SELECTED, PAGINATION_ITEM_DEFAULT_DISABLED, PAGINATION_ITEM_DEFAULT_SIZE, } from '../../constants';
+import { NEXT, ELLIPSIS, PREVIOUS, PAGINATION_ITEM_DEFAULT_SELECTED, PAGINATION_ITEM_DEFAULT_DISABLED, PAGINATION_ITEM_DEFAULT_SIZE, } from '../../constants';
 import './PaginationItem.css';
-export var paginationVariant = [
-    PREVIOUS,
-    FIRST,
-    PAGE,
-    LAST,
-    NEXT,
-    ELLIPSIS,
-];
+import { sizeMapper, iconsMapper } from './utils';
 export var cnPaginationItem = cn('PaginationItem');
-var sizeMapper = {
-    l: {
-        size: 'm',
-        textSize: 'text-l',
-    },
-    s: {
-        size: '2xs',
-        textSize: 'text-s',
-    },
-};
-var iconsMapper = (_a = {},
-    _a[PREVIOUS] = ChevronLeftIcon,
-    _a[NEXT] = ChevronRightIcon,
-    _a[ELLIPSIS] = MenuHorizontalIcon,
-    _a);
 export var PaginationItem = forwardRef(function (_a, ref) {
     var _b = _a.selected, selected = _b === void 0 ? PAGINATION_ITEM_DEFAULT_SELECTED : _b, _c = _a.disabled, disabled = _c === void 0 ? PAGINATION_ITEM_DEFAULT_DISABLED : _c, _d = _a.size, size = _d === void 0 ? PAGINATION_ITEM_DEFAULT_SIZE : _d, type = _a.type, page = _a.page, onClick = _a.onClick, className = _a.className, otherProps = __rest(_a, ["selected", "disabled", "size", "type", "page", "onClick", "className"]);
     var sizeConfig = sizeMapper[size];

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

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

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

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

package/__inner__/esm/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__/esm/components/Pagination/components/PaginationItem/types.js

@@ -0,0 +1,9 @@
+import { ELLIPSIS, FIRST, LAST, NEXT, PAGE, PREVIOUS } from '../../constants';
+export var paginationVariant = [
+    PREVIOUS,
+    FIRST,
+    PAGE,
+    LAST,
+    NEXT,
+    ELLIPSIS,
+];

package/__inner__/esm/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__/esm/components/Pagination/components/PaginationItem/utils.js

@@ -0,0 +1,18 @@
+var _a;
+import { ChevronLeftIcon, ChevronRightIcon, MenuHorizontalIcon, } from '@ozen-ui/icons';
+import { ELLIPSIS, NEXT, PREVIOUS } from '../../constants';
+export var sizeMapper = {
+    l: {
+        size: 'm',
+        textSize: 'text-l',
+    },
+    s: {
+        size: '2xs',
+        textSize: 'text-s',
+    },
+};
+export var iconsMapper = (_a = {},
+    _a[PREVIOUS] = ChevronLeftIcon,
+    _a[NEXT] = ChevronRightIcon,
+    _a[ELLIPSIS] = MenuHorizontalIcon,
+    _a);

package/__inner__/esm/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__/esm/components/Paper/Paper.js

@@ -3,16 +3,8 @@ import './Paper.css';
 import React from 'react';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
-import { polymorphicComponentWithRef, } from '../../utils/polymorphicComponentWithRef';
-export var PAPER_DEFAULT_TAG = 'div';
-export var paperRadiusVariant = ['xs', 's', 'l', 'xl', '2xl'];
-export var paperBackgroundVariant = [
-    'main',
-    'main-inverse',
-    'action-light',
-    'accent',
-];
-export var paperShadowVariant = ['m', 'l'];
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { PAPER_DEFAULT_TAG } from './constants';
 export var cnPaper = cn('Paper');
 export var Paper = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Paper' });

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

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

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

@@ -0,0 +1 @@
+export var PAPER_DEFAULT_TAG = 'div';

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

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

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

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

package/__inner__/esm/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>;