@ozen-ui/kit 0.54.0 → 0.55.0

package/__inner__/esm/components/IconButtonNext/utils.js

@@ -0,0 +1,7 @@
+export var loaderSizeMapper = {
+    '2xs': 's',
+    xs: 's',
+    s: 's',
+    m: 'm',
+    l: 'l',
+};

package/__inner__/esm/components/Indicator/Indicator.d.ts

@@ -1,35 +1,5 @@
 import './Indicator.css';
-import React, { type HTMLAttributes } from 'react';
+import React from 'react';
+import type { IndicatorProps } from './index';
 export declare const cnIndicator: import("@bem-react/classname").ClassNameFormatter;
-export declare const indicatorVariant: readonly ["success", "info", "warning", "error", "neutral"];
-export type IndicatorVariant = (typeof indicatorVariant)[number];
-export declare const indicatorSizeVariant: readonly ["xs", "s", "m"];
-export type IndicatorSizeVariant = (typeof indicatorSizeVariant)[number];
-export type IndicatorProps = {
-    /** Цветовой вариант индикатор
-     * @default success
-     * */
-    variant?: IndicatorVariant;
-    /** Размер
-     * @default m
-     * */
-    size?: IndicatorSizeVariant;
-    /** Если {true} устанавливает вокруг индикатора рамку
-     * @default false
-     * */
-    border?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const Indicator: React.ForwardRefExoticComponent<{
-    /** Цветовой вариант индикатор
-     * @default success
-     * */
-    variant?: "error" | "info" | "success" | "warning" | "neutral" | undefined;
-    /** Размер
-     * @default m
-     * */
-    size?: "s" | "m" | "xs" | undefined;
-    /** Если {true} устанавливает вокруг индикатора рамку
-     * @default false
-     * */
-    border?: boolean | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const Indicator: React.ForwardRefExoticComponent<Omit<IndicatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Indicator/Indicator.js

@@ -4,14 +4,6 @@ import React, { forwardRef } from 'react';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 export var cnIndicator = cn('Indicator');
-export var indicatorVariant = [
-    'success',
-    'info',
-    'warning',
-    'error',
-    'neutral',
-];
-export var indicatorSizeVariant = ['xs', 's', 'm'];
 export var Indicator = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Indicator' });
     var _a = props.variant, variant = _a === void 0 ? 'success' : _a, _b = props.border, border = _b === void 0 ? false : _b, _c = props.size, size = _c === void 0 ? 'm' : _c, className = props.className, other = __rest(props, ["variant", "border", "size", "className"]);

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

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

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

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

package/__inner__/esm/components/Indicator/types.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+export declare const indicatorVariant: readonly ["success", "info", "warning", "error", "neutral"];
+export type IndicatorVariant = (typeof indicatorVariant)[number];
+export declare const indicatorSizeVariant: readonly ["xs", "s", "m"];
+export type IndicatorSizeVariant = (typeof indicatorSizeVariant)[number];
+export type IndicatorRef = ComponentRef<'div'>;
+export type IndicatorProps = ExtendableComponentPropsWithRef<{
+    /** Цветовой вариант индикатор
+     * @default success
+     * */
+    variant?: IndicatorVariant;
+    /** Размер
+     * @default m
+     * */
+    size?: IndicatorSizeVariant;
+    /** Если {true} устанавливает вокруг индикатора рамку
+     * @default false
+     * */
+    border?: boolean;
+}, 'div'>;

package/__inner__/esm/components/Indicator/types.js

@@ -0,0 +1,8 @@
+export var indicatorVariant = [
+    'success',
+    'info',
+    'warning',
+    'error',
+    'neutral',
+];
+export var indicatorSizeVariant = ['xs', 's', 'm'];

package/__inner__/esm/components/Input/Input.js

@@ -22,7 +22,7 @@ export var Input = forwardRef(function (inProps, ref) {
     var bodyInnerRef = useRef(null);
     var fieldInnerRef = useRef(null);
     /* Хук useEventListener необходим для того, чтобы при нажатии на кнопку мыши
-     * внутри HTML-элемента label – фокус не переходил на body или на цель нажатия кнопки мыши.
+     * внутри HTML-элемента label — фокус не переходил на body или на цель нажатия кнопки мыши.
      * Если же нажатие кнопки происходит на самом HTML-элементе input, то мы ничего не делаем,
      * так как в противном случае мы сломаем возможность выделять текст для копирования.
      */

package/__inner__/esm/components/Input/types.d.ts

@@ -1,4 +1,5 @@
-import type { ComponentPropsWithRef, Ref } from 'react';
+import type { ComponentPropsWithRef, ComponentRef, Ref } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { FIELD_CONTROL_DEFAULT_TAG } from '../FieldControl';
 import type { FieldHintProps } from '../FieldHint';
@@ -21,7 +22,8 @@ type InputPropsDeprecated = {
 };
 type InputElement = ComponentPropsWithRef<'input'>;
 export type InputOnChange = InputElement['onChange'];
-export type InputProps = Omit<ComponentPropsWithRef<typeof FIELD_CONTROL_DEFAULT_TAG>, 'size' | 'onChange'> & {
+export type InputRef = ComponentRef<typeof FIELD_CONTROL_DEFAULT_TAG>;
+export type InputProps = ExtendableComponentPropsWithRef<{
     /** Атрибут id для элемента input */
     id?: string;
     /** Атрибут name для элемента input */
@@ -74,5 +76,5 @@ export type InputProps = Omit<ComponentPropsWithRef<typeof FIELD_CONTROL_DEFAULT
     hintProps?: Omit<FieldHintProps, 'children'>;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
-} & InputPropsDeprecated;
+} & InputPropsDeprecated, typeof FIELD_CONTROL_DEFAULT_TAG>;
 export {};

package/__inner__/esm/components/InputNumber/InputNumber.d.ts

@@ -1,5 +1,5 @@
 import './InputNumber.css';
 import React from 'react';
-import type { InputNumberProps } from './types';
+import type { InputNumberProps } from './index';
 export declare const cnInputNumber: import("@bem-react/classname").ClassNameFormatter;
 export declare const InputNumber: React.ForwardRefExoticComponent<Omit<InputNumberProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/InputNumber/InputNumber.js

@@ -93,7 +93,7 @@ export var InputNumber = forwardRef(function (inProps, ref) {
         (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(inputProps, event);
     };
     /* Хук useEventListener необходим для того, чтобы при нажатии на кнопку мыши
-     * внутри HTML-элемента label – фокус не переходил на body или на цель нажатия кнопки мыши.
+     * внутри HTML-элемента label — фокус не переходил на body или на цель нажатия кнопки мыши.
      * Если же нажатие кнопки происходит на самом HTML-элементе input, то мы ничего не делаем,
      * так как в противном случае мы сломаем возможность выделять текст для копирования.
      */

package/__inner__/esm/components/InputNumber/types.d.ts

@@ -1,4 +1,5 @@
-import type { ChangeEvent, ComponentPropsWithRef, HTMLAttributes, MouseEvent, Ref } from 'react';
+import type { ChangeEvent, ComponentPropsWithRef, ComponentRef, MouseEvent } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { FieldHintProps } from '../FieldHint';
 import type { FieldIconProps } from '../FieldIcon';
@@ -15,7 +16,8 @@ export type InputElement = ComponentPropsWithRef<'input'>;
 export type InputNumberEmptyValue = '';
 export type InputNumberValue = number | InputNumberEmptyValue;
 export type InputNumberCountDirection = 'increment' | 'decrement';
-export type InputNumberProps = {
+export type InputNumberRef = ComponentRef<'div'>;
+export type InputNumberProps = ExtendableComponentPropsWithRef<{
     /** Атрибут id для элемента input */
     id?: string;
     /** Атрибут name для элемента input */
@@ -70,13 +72,11 @@ export type InputNumberProps = {
     min?: number;
     /** Максимально допустимое значение */
     max?: number;
-    /** Ссылка на корневой DOM-элемент компонента */
-    ref?: Ref<HTMLDivElement>;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
     /** Текст для кнопки увеличения числового значения */
     incrementButtonText?: string;
     /** Текст для кнопки уменьшения числового значения */
     decrementButtonText?: string;
-} & InputNumberPropsDeprecated & Omit<HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'>;
+} & InputNumberPropsDeprecated, 'div'>;
 export {};

package/__inner__/esm/components/List/components/ListItemIcon/ListItemIcon.d.ts

@@ -1,16 +1,13 @@
 import './ListItemIcon.css';
 import React from 'react';
-import type { HTMLAttributes } from 'react';
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export declare const cnListItemIcon: import("@bem-react/classname").ClassNameFormatter;
-export type ListItemIconProps = {
+export type ListItemIconRef = ComponentRef<'div'>;
+export type ListItemIconProps = ExtendableComponentPropsWithRef<{
     /** Содержимое компонента */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /** Если {true} убирает внешние отступы вокруг корневого элемента */
     disableMargin?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const ListItemIcon: React.ForwardRefExoticComponent<{
-    /** Содержимое компонента */
-    children?: React.ReactNode;
-    /** Если {true} убирает внешние отступы вокруг корневого элемента */
-    disableMargin?: boolean | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+}, 'div'>;
+export declare const ListItemIcon: React.ForwardRefExoticComponent<Omit<ListItemIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/List/components/ListItemText/ListItemText.d.ts

@@ -1,8 +1,10 @@
 import './ListItemText.css';
+import type { ComponentRef } from 'react';
 import React from 'react';
-import type { HTMLAttributes } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 import type { TypographyProps, TypographyBaseProps } from '../../../Typography';
-export type ListItemTextProps = {
+export type ListItemTextRef = ComponentRef<'div'>;
+export type ListItemTextProps = ExtendableComponentPropsWithRef<{
     children?: never;
     /** Основной текст */
     primary: TypographyBaseProps['children'];
@@ -12,15 +14,5 @@ export type ListItemTextProps = {
     secondary?: TypographyBaseProps['children'];
     /** Свойства компонента Typography для текста secondary */
     secondaryTypographyProps?: TypographyProps<'span'>;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const ListItemText: React.ForwardRefExoticComponent<{
-    children?: undefined;
-    /** Основной текст */
-    primary: TypographyBaseProps['children'];
-    /** Свойства компонента Typography для текста primary */
-    primaryTypographyProps?: TypographyProps<"span"> | undefined;
-    /** Второстепенный текст */
-    secondary?: TypographyBaseProps['children'];
-    /** Свойства компонента Typography для текста secondary */
-    secondaryTypographyProps?: TypographyProps<"span"> | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+}, 'div'>;
+export declare const ListItemText: React.ForwardRefExoticComponent<Omit<ListItemTextProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/List/components/ListItemText/ListItemText.js

@@ -4,14 +4,8 @@ import React, { forwardRef } from 'react';
 import { cn } from '../../../../utils/classname';
 import { Typography } from '../../../Typography';
 import { useListContext } from '../../ListContext';
+import { secondaryTextSizeMapper } from './utils';
 var cnListItemText = cn('ListItemText');
-var secondaryTextSizeMapper = {
-    l: 'text-xs',
-    m: 'text-2xs',
-    s: 'text-3xs',
-    xs: 'text-3xs',
-    '2xs': 'text-3xs',
-};
 export var ListItemText = forwardRef(function (_a, ref) {
     var className = _a.className, primary = _a.primary, secondary = _a.secondary, primaryTypographyProps = _a.primaryTypographyProps, secondaryTypographyProps = _a.secondaryTypographyProps, other = __rest(_a, ["className", "primary", "secondary", "primaryTypographyProps", "secondaryTypographyProps"]);
     var size = useListContext().size;

package/__inner__/esm/components/List/components/ListItemText/utils.d.ts

@@ -0,0 +1,5 @@
+import type { TypographyVariant } from '../../../Typography';
+import type { ListSizeVariant } from '../../index';
+export declare const secondaryTextSizeMapper: {
+    [key in ListSizeVariant]: TypographyVariant;
+};

package/__inner__/esm/components/List/components/ListItemText/utils.js

@@ -0,0 +1,7 @@
+export var secondaryTextSizeMapper = {
+    l: 'text-xs',
+    m: 'text-2xs',
+    s: 'text-3xs',
+    xs: 'text-3xs',
+    '2xs': 'text-3xs',
+};

package/__inner__/esm/components/Loader/Loader.d.ts

@@ -1,21 +1,16 @@
 import './Loader.css';
 import React from 'react';
-import type { CSSProperties, HTMLAttributes } from 'react';
+import type { CSSProperties, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 export declare const loaderSizeVariant: readonly ["s", "m", "l", "xl"];
 export type LoaderSizeVariant = (typeof loaderSizeVariant)[number];
-export type LoaderProps = {
+export type LoaderPropsRef = ComponentRef<'div'>;
+export type LoaderProps = ExtendableComponentPropsWithRef<{
     /** Цвет */
     color?: CSSProperties['color'];
     /** Размер */
     size?: LoaderSizeVariant;
     /** Дополнительные СSS-классы */
     className?: string;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const Loader: React.ForwardRefExoticComponent<{
-    /** Цвет */
-    color?: CSSProperties['color'];
-    /** Размер */
-    size?: "s" | "m" | "l" | "xl" | undefined;
-    /** Дополнительные СSS-классы */
-    className?: string | undefined;
-} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+}, 'div'>;
+export declare const Loader: React.ForwardRefExoticComponent<Omit<LoaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,20 +1,5 @@
 import './Menu.css';
 import React from 'react';
-import type { RefObject, ComponentPropsWithRef } from 'react';
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
-import { type PopoverBaseProps } from '../Popover';
-import type { PORTAL_DEFAULT_TAG } from '../Portal';
-import { type MenuListProps } from './components';
+import type { MenuProps } from './index';
 export declare const cnMenu: import("@bem-react/classname").ClassNameFormatter;
-export type MenuProps = {
-    /** Свойства компонента MenuList */
-    menuListProps?: Omit<MenuListProps, 'children'>;
-    /**
-     * Ссылка на компонент MenuList
-     * @deprecated Используйте menuListProps.ref
-     * */
-    menuListRef?: RefObject<HTMLDivElement>;
-    /** Размер компонента */
-    size?: FormElementSizeVariant;
-} & Omit<PopoverBaseProps, 'disableEnforceFocus'> & ComponentPropsWithRef<typeof PORTAL_DEFAULT_TAG>;
 export declare const Menu: React.ForwardRefExoticComponent<Omit<MenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,33 +1,14 @@
 import { __assign, __rest } from "tslib";
 import './Menu.css';
-import React, { forwardRef, useRef } from 'react';
+import React, { forwardRef } from 'react';
 import { deprecate } from '@ozen-ui/logger';
-import { useEventListener } from '../../hooks/useEventListener';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { getPaperSizeToFormElement } from '../../utils/getPaperSizeToFormElement';
-import { isKey } from '../../utils/isKey';
-import { Popover, usePopover } from '../Popover';
-import { MenuList } from './components';
+import { Popover } from '../Popover';
+import { MenuContextConsumer } from './components';
 import { MENU_DEFAULT_SIZE } from './constants';
 export var cnMenu = cn('Menu');
-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));
-};
 export var Menu = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Menu' });
     var _a = props.size, size = _a === void 0 ? MENU_DEFAULT_SIZE : _a, open = props.open, menuListProps = props.menuListProps, menuListRef = props.menuListRef, onClose = props.onClose, children = props.children, className = props.className, other = __rest(props, ["size", "open", "menuListProps", "menuListRef", "onClose", "children", "className"]);

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;