@ozen-ui/kit 0.56.0 → 0.57.0

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

@@ -1,4 +1,4 @@
-export declare const DATA_LIST_DEFAULT_TAG: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<import("../Paper").PaperBaseProps, "div">;
+export declare const DATA_LIST_DEFAULT_TAG = "div";
 export declare const DATA_LIST_DEFAULT_SIZE = "m";
 export declare const DATA_LIST_DEFAULT_OPEN = false;
 export declare const DATA_LIST_OPTION_DEFAULT_DISABLED = false;

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

@@ -2,8 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DATA_LIST_OPTION_DEFAULT_TAG = exports.DATA_LIST_OPTION_DEFAULT_DISABLED = exports.DATA_LIST_DEFAULT_OPEN = exports.DATA_LIST_DEFAULT_SIZE = exports.DATA_LIST_DEFAULT_TAG = void 0;
 var constants_1 = require("../List/constants");
-var Paper_1 = require("../Paper");
-exports.DATA_LIST_DEFAULT_TAG = Paper_1.Paper;
+exports.DATA_LIST_DEFAULT_TAG = 'div';
 exports.DATA_LIST_DEFAULT_SIZE = 'm';
 exports.DATA_LIST_DEFAULT_OPEN = false;
 exports.DATA_LIST_OPTION_DEFAULT_DISABLED = false;

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

@@ -41,7 +41,6 @@ export declare const Dialog: React.ForwardRefExoticComponent<{
     className?: string | undefined;
     'data-testid'?: string | undefined;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
-    disablePortal?: boolean | undefined;
 } & import("../Portal").PortalBaseProps & {
     as?: "div" | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;

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

@@ -42,7 +42,6 @@ export declare const Drawer: React.ForwardRefExoticComponent<{
     className?: string | undefined;
     'data-testid'?: string | undefined;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
-    disablePortal?: boolean | undefined;
 } & import("../Portal").PortalBaseProps & {
     as?: "div" | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;

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

@@ -8,6 +8,7 @@ var logger_1 = require("@ozen-ui/logger");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var getPaperSizeToFormElement_1 = require("../../utils/getPaperSizeToFormElement");
+var Paper_1 = require("../Paper");
 var Popover_1 = require("../Popover");
 var components_1 = require("./components");
 var constants_1 = require("./constants");
@@ -19,7 +20,7 @@ exports.Menu = (0, react_1.forwardRef)(function (inProps, ref) {
     if (process.env.NODE_ENV !== 'production' && menuListRef) {
         (0, logger_1.deprecate)('Свойство «menuListRef» устарело. Для замены используйте «menuListProps.ref».');
     }
-    return (react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ offset: [0, 4], radius: radius }, other, { open: open, onClose: onClose, className: (0, exports.cnMenu)('', [className]), disableEnforceFocus: true, ref: ref }),
+    return (react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ as: Paper_1.Paper, offset: [0, 4], radius: radius }, other, { open: open, onClose: onClose, className: (0, exports.cnMenu)('', [className]), disableEnforceFocus: true, ref: ref }),
         react_1.default.createElement(components_1.MenuContextConsumer, { onClose: onClose, menuListRef: menuListRef, menuListProps: tslib_1.__assign(tslib_1.__assign({ size: size }, menuListProps), { ref: menuListRef || (menuListProps === null || menuListProps === void 0 ? void 0 : menuListProps.ref) }) }, children)));
 });
 exports.Menu.displayName = 'Menu';

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

@@ -34,7 +34,6 @@ export declare const Modal: React.ForwardRefExoticComponent<{
     className?: string | undefined;
     'data-testid'?: string | undefined;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
-    disablePortal?: boolean | undefined;
 } & import("../Portal").PortalBaseProps & {
     as?: "div" | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;

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

@@ -19,15 +19,14 @@ 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 ? 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 _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, 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", "children", "onEnter", "onEntered", "onExit", "onExited", "onClose", "backdropProps", "windowProps", "transitionProps", "className", "ignoreClickOutsideRefs"]);
     var hasBackdrop = !hideBackdrop;
     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)(windowInnerRef, 1000, openState), isTop = _l.isTop, refsClickOutside = _l.refsClickOutside;
-    var RootComponent = disablePortal ? 'div' : Portal_1.Portal;
+    var _h = tslib_1.__read((0, react_1.useState)(false), 2), openState = _h[0], setOpenState = _h[1];
+    var _j = tslib_1.__read((0, react_1.useState)(false), 2), opened = _j[0], setOpened = _j[1];
+    var _k = (0, index_1.useModalManager)(windowInnerRef, 1000, openState), isTop = _k.isTop, refsClickOutside = _k.refsClickOutside;
     (0, useClickOutside_1.useClickOutside)({
         refs: tslib_1.__spreadArray(tslib_1.__spreadArray([
             windowInnerRef
@@ -73,7 +72,7 @@ exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
         active: isTop && !disableEscapeKeyDown,
     });
     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]) }),
+        react_1.default.createElement(Portal_1.Portal, 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))));
 });

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

@@ -4,4 +4,3 @@ 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

@@ -1,10 +1,9 @@
 "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_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/types.d.ts

@@ -51,8 +51,5 @@ export type ModalProps = {
     '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/Popover/Popover.d.ts

@@ -1,4 +1,4 @@
 import './Popover.css';
 import type { PopoverBaseProps } from './types';
 export declare const cnPopover: import("@bem-react/classname").ClassNameFormatter;
-export declare const Popover: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PopoverBaseProps, import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<import("../Paper").PaperBaseProps, "div">>;
+export declare const Popover: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PopoverBaseProps, "div">;

package/__inner__/cjs/components/Popover/Popover.js

@@ -14,6 +14,7 @@ var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var isKey_1 = require("../../utils/isKey");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
+var Paper_1 = require("../Paper");
 var Portal_1 = require("../Portal");
 var components_1 = require("./components");
 var constants_1 = require("./constants");
@@ -22,7 +23,11 @@ var PopoverContext_1 = require("./PopoverContext");
 exports.cnPopover = (0, classname_1.cn)('Popover');
 exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Popover' });
-    var _a = props.arrow, arrow = _a === void 0 ? constants_1.POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? constants_1.POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? constants_1.POPOVER_DEFAULT_PLACEMENT : _g, _h = props.strategy, strategy = _h === void 0 ? constants_1.POPOVER_DEFAULT_STRATEGY : _h, _j = props.disablePreventOverflow, disablePreventOverflow = _j === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW : _j, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, modifiersProps = props.modifiers, _k = props.as, as = _k === void 0 ? constants_1.POPOVER_DEFAULT_TAG : _k, other = tslib_1.__rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "strategy", "disablePreventOverflow", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate", "modifiers", "as"]);
+    var _a = props.arrow, arrow = _a === void 0 ? constants_1.POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? constants_1.POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? constants_1.POPOVER_DEFAULT_PLACEMENT : _g, _h = props.strategy, strategy = _h === void 0 ? constants_1.POPOVER_DEFAULT_STRATEGY : _h, _j = props.disablePreventOverflow, disablePreventOverflow = _j === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW : _j, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, modifiersProp = props.modifiers, _k = props.as, as = _k === void 0 ? constants_1.POPOVER_DEFAULT_TAG : _k, other = tslib_1.__rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "strategy", "disablePreventOverflow", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate", "modifiers", "as"]);
+    var Tag = (0, react_1.useMemo)(function () {
+        // eslint-disable-next-line react/display-name
+        return (0, react_1.forwardRef)(function (props, ref) { return (react_1.default.createElement(Paper_1.Paper, tslib_1.__assign({ radius: "l", shadow: "m", background: "main" }, props, { as: as, ref: ref }))); });
+    }, [as]);
     var _l = tslib_1.__read((0, react_1.useState)(false), 2), openState = _l[0], setOpenState = _l[1];
     var focusedElement = (0, react_1.useRef)(null);
     var popoverRef = (0, react_1.useRef)(null);
@@ -105,7 +110,7 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
                 offset: offset,
             },
         }
-    ], tslib_1.__read((modifiersProps || [])), false); }, [offset, equalAnchorWidth, modifiersProps]);
+    ], tslib_1.__read((modifiersProp || [])), false); }, [offset, equalAnchorWidth, modifiersProp]);
     // Якорный элемент или координаты
     var resolveReferenceElement = (0, react_1.useMemo)(function () {
         if (anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current)
@@ -146,7 +151,7 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
     }, [open]);
     return (react_1.default.createElement(PopoverContext_1.PopoverContext.Provider, { value: { isTop: isTop } },
         react_1.default.createElement(react_transition_group_1.CSSTransition, tslib_1.__assign({ nodeRef: popoverRef, classNames: (0, exports.cnPopover)({ animation: true }), timeout: 120 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: true }),
-            react_1.default.createElement(Portal_1.Portal, tslib_1.__assign({ as: as, radius: "l", shadow: "l", background: "main" }, other, { style: tslib_1.__assign(tslib_1.__assign({}, style), styles.popper), ref: portalRef, className: (0, exports.cnPopover)({ disableInteractive: disableInteractive }, [className]) }, attributes.popper),
+            react_1.default.createElement(Portal_1.Portal, tslib_1.__assign({ as: Tag }, other, { style: tslib_1.__assign(tslib_1.__assign({}, style), styles.popper), ref: portalRef, className: (0, exports.cnPopover)({ disableInteractive: disableInteractive }, [className]) }, attributes.popper),
                 children,
                 arrow && (react_1.default.createElement(components_1.PopoverArrow, tslib_1.__assign({}, arrowProps, { style: tslib_1.__assign(tslib_1.__assign({}, arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style), styles.arrow), "data-popper-arrow": true })))))));
 });

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

@@ -1,4 +1,4 @@
-export declare const POPOVER_DEFAULT_TAG: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<import("../Paper").PaperBaseProps, "div">;
+export declare const POPOVER_DEFAULT_TAG = "div";
 export declare const POPOVER_DEFAULT_ARROW = false;
 export declare const POPOVER_DEFAULT_OPEN = false;
 export declare const POPOVER_DEFAULT_DISABLE_INTERACTIVE = false;

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

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW = exports.POPOVER_DEFAULT_STRATEGY = exports.POPOVER_DEFAULT_PLACEMENT = exports.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = exports.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = exports.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = exports.POPOVER_DEFAULT_DISABLE_INTERACTIVE = exports.POPOVER_DEFAULT_OPEN = exports.POPOVER_DEFAULT_ARROW = exports.POPOVER_DEFAULT_TAG = void 0;
-var Paper_1 = require("../Paper");
-exports.POPOVER_DEFAULT_TAG = Paper_1.Paper;
+exports.POPOVER_DEFAULT_TAG = 'div';
 exports.POPOVER_DEFAULT_ARROW = false;
 exports.POPOVER_DEFAULT_OPEN = false;
 exports.POPOVER_DEFAULT_DISABLE_INTERACTIVE = false;

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

@@ -3,7 +3,7 @@ import type PopperJS from '@popperjs/core';
 import type { PopperProps } from 'react-popper';
 import type { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
-import type { PortalProps } from '../Portal';
+import type { PortalBaseProps } from '../Portal';
 import type { PopoverArrowProps } from './components';
 import type { POPOVER_DEFAULT_TAG } from './constants';
 export type VirtualElement = {
@@ -71,8 +71,6 @@ export type PopoverBaseProps = {
     'data-testid'?: string;
     /** Функция обратного вызова для получения метода по перерасчету расположения компонента Popover */
     setUpdate?(update: PopperJS.Instance['update'] | null): void;
-    /** Контейнер для монтирования всплывающего окна */
-    container?: PortalProps['container'];
     /** Стратегия позиционирования */
     strategy?: PopoverStrategyVariant;
     /** Если {true} позволяет смещаться по границе якорного элемента компонента  */
@@ -82,6 +80,6 @@ export type PopoverBaseProps = {
      * https://popper.js.org/docs/v2/modifiers/#custom-modifiers
      * */
     modifiers?: PopperProps<unknown>['modifiers'];
-};
+} & PortalBaseProps;
 export type PopoverRef = ComponentRef<typeof POPOVER_DEFAULT_TAG>;
 export type PopoverProps<As extends ElementType = typeof POPOVER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<PopoverBaseProps, As>;

package/__inner__/cjs/components/Portal/Portal.js

@@ -12,9 +12,9 @@ exports.Portal = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(
     var _a = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
         name: 'Portal',
-    }), children = _a.children, container = _a.container, className = _a.className, _b = _a.as, Tag = _b === void 0 ? constants_1.PORTAL_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["children", "container", "className", "as"]);
+    }), _b = _a.disablePortal, disablePortal = _b === void 0 ? constants_1.PORTAL_DEFAULT_DISABLE_PORTAL : _b, _c = _a.as, Tag = _c === void 0 ? constants_1.PORTAL_DEFAULT_TAG : _c, containerProp = _a.container, children = _a.children, other = tslib_1.__rest(_a, ["disablePortal", "as", "container", "children"]);
+    var container = containerProp || constants_1.PORTAL_DEFAULT_CONTAINER;
     var theme = (0, ThemeProvider_1.useTheme)();
-    var portalContainer = container || window.document.body;
-    return (0, react_dom_1.createPortal)(react_1.default.createElement(ThemeProvider_1.ThemeProvider, tslib_1.__assign({ theme: theme, className: className, as: Tag }, other, { ref: ref }), children), portalContainer);
+    return disablePortal ? (react_1.default.createElement(Tag, tslib_1.__assign({}, other, { ref: ref }), children)) : ((0, react_dom_1.createPortal)(react_1.default.createElement(ThemeProvider_1.ThemeProvider, tslib_1.__assign({ theme: theme, as: Tag }, other, { ref: ref }), children), container));
 });
 exports.Portal.displayName = 'Portal';

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

@@ -1 +1,3 @@
 export declare const PORTAL_DEFAULT_TAG = "div";
+export declare const PORTAL_DEFAULT_CONTAINER: HTMLElement;
+export declare const PORTAL_DEFAULT_DISABLE_PORTAL = false;

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

@@ -1,4 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PORTAL_DEFAULT_TAG = void 0;
+exports.PORTAL_DEFAULT_DISABLE_PORTAL = exports.PORTAL_DEFAULT_CONTAINER = exports.PORTAL_DEFAULT_TAG = void 0;
 exports.PORTAL_DEFAULT_TAG = 'div';
+exports.PORTAL_DEFAULT_CONTAINER = window.document.body;
+exports.PORTAL_DEFAULT_DISABLE_PORTAL = false;

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

@@ -5,5 +5,8 @@ export type PortalRef = ComponentRef<typeof PORTAL_DEFAULT_TAG>;
 export type PortalBaseProps = {
     /** Контейнер для монтирования портала */
     container?: Element | DocumentFragment | null;
+    /** Если {true} отключает портал для компонента.
+     * Подробнее — https://react.dev/reference/react-dom/createPortal. */
+    disablePortal?: boolean;
 };
 export type PortalProps<As extends ElementType = typeof PORTAL_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<PortalBaseProps, As>;

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

@@ -10,7 +10,7 @@ export type SnackbarProps = PortalProps & {
 };
 export declare const Snackbar: React.ForwardRefExoticComponent<import("../../../Portal").PortalBaseProps & {
     as?: "div" | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & {
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../../../Portal").PortalBaseProps> & {
     /** Расположение сообщения относительно контейнера */
     anchorOrigin?: SnackbarAnchorOrigin | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Tooltip/Tooltip.js

@@ -17,7 +17,7 @@ var constants_1 = require("./constants");
 exports.cnTooltip = (0, classname_1.cn)('Tooltip');
 exports.Tooltip = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Tooltip' });
-    var _a = props.trigger, trigger = _a === void 0 ? constants_1.TOOLTIP_DEFAULT_TRIGGER : _a, _b = props.size, size = _b === void 0 ? constants_1.TOOLTIP_DEFAULT_SIZE : _b, _c = props.offset, offset = _c === void 0 ? constants_1.TOOLTIP_DEFAULT_OFFSET : _c, _d = props.delayEnter, delayEnter = _d === void 0 ? constants_1.TOOLTIP_DEFAULT_DELAY_ENTER : _d, _e = props.delayLeave, delayLeave = _e === void 0 ? constants_1.TOOLTIP_DEFAULT_DELAY_LEAVE : _e, _f = props.arrow, arrow = _f === void 0 ? constants_1.TOOLTIP_DEFAULT_ARROW : _f, _g = props.shouldWrapChildren, shouldWrapChildren = _g === void 0 ? constants_1.TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN : _g, _h = props.disabled, disabled = _h === void 0 ? constants_1.TOOLTIP_DEFAULT_DISABLED : _h, _j = props.inverse, inverse = _j === void 0 ? constants_1.TOOLTIP_DEFAULT_INVERSE : _j, _k = props.as, as = _k === void 0 ? constants_1.TOOLTIP_DEFAULT_TAG : _k, variant = props.variant, children = props.children, label = props.label, openProp = props.open, placement = props.placement, disableInteractive = props.disableInteractive, className = props.className, onOpen = props.onOpen, onClose = props.onClose, other = tslib_1.__rest(props, ["trigger", "size", "offset", "delayEnter", "delayLeave", "arrow", "shouldWrapChildren", "disabled", "inverse", "as", "variant", "children", "label", "open", "placement", "disableInteractive", "className", "onOpen", "onClose"]);
+    var _a = props.trigger, trigger = _a === void 0 ? constants_1.TOOLTIP_DEFAULT_TRIGGER : _a, _b = props.size, size = _b === void 0 ? constants_1.TOOLTIP_DEFAULT_SIZE : _b, _c = props.offset, offset = _c === void 0 ? constants_1.TOOLTIP_DEFAULT_OFFSET : _c, _d = props.delayEnter, delayEnter = _d === void 0 ? constants_1.TOOLTIP_DEFAULT_DELAY_ENTER : _d, _e = props.delayLeave, delayLeave = _e === void 0 ? constants_1.TOOLTIP_DEFAULT_DELAY_LEAVE : _e, _f = props.arrow, arrow = _f === void 0 ? constants_1.TOOLTIP_DEFAULT_ARROW : _f, _g = props.shouldWrapChildren, shouldWrapChildren = _g === void 0 ? constants_1.TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN : _g, _h = props.disabled, disabled = _h === void 0 ? constants_1.TOOLTIP_DEFAULT_DISABLED : _h, _j = props.inverse, inverse = _j === void 0 ? constants_1.TOOLTIP_DEFAULT_INVERSE : _j, _k = props.as, as = _k === void 0 ? constants_1.TOOLTIP_DEFAULT_TAG : _k, modifiersProp = props.modifiers, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, variant = props.variant, children = props.children, label = props.label, openProp = props.open, className = props.className, onOpen = props.onOpen, onClose = props.onClose, other = tslib_1.__rest(props, ["trigger", "size", "offset", "delayEnter", "delayLeave", "arrow", "shouldWrapChildren", "disabled", "inverse", "as", "modifiers", "onMouseEnter", "onMouseLeave", "variant", "children", "label", "open", "className", "onOpen", "onClose"]);
     if (process.env.NODE_ENV !== 'production' && variant) {
         (0, logger_1.deprecate)('Свойство «variant» устарело. Для замены используйте «inverse».');
     }
@@ -25,14 +25,14 @@ exports.Tooltip = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
     var _l = tslib_1.__read((0, react_1.useState)(), 2), delay = _l[0], setDelay = _l[1];
     var _m = tslib_1.__read((0, useBoolean_1.useBoolean)(), 2), focused = _m[0], setFocused = _m[1];
     var _o = tslib_1.__read((0, useBoolean_1.useBoolean)(), 2), hovered = _o[0], setHovered = _o[1];
-    var modifiers = [
+    var modifiers = tslib_1.__spreadArray([
         {
             name: 'arrow',
             options: {
                 padding: size === 'xs' ? 8 : 12,
             },
-        },
-    ];
+        }
+    ], tslib_1.__read((modifiersProp || [])), false);
     var _p = tslib_1.__read((0, useControlled_1.useControlled)({
         value: openProp,
         defaultValue: false,
@@ -65,18 +65,20 @@ exports.Tooltip = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
     }, [children, shouldWrapChildren]);
     var childrenProps = resolveChildren.props, childrenRef = resolveChildren.ref;
     var childrenMultiRef = (0, useMultiRef_1.useMultiRef)([anchorRef, childrenRef]);
-    var handleMouseEnter = function () {
+    var handleMouseEnter = function (e) {
         if (trigger === 'hover' || trigger === 'hover&focus') {
             setHovered.on();
             setOpenWithDelay(true);
         }
+        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
     };
-    var handleMouseLeave = function () {
+    var handleMouseLeave = function (e) {
         if (trigger === 'hover' || trigger === 'hover&focus') {
             setHovered.off();
             if (!focused)
                 setOpenWithDelay(false);
         }
+        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
     };
     var handleClick = function () {
         if (trigger === 'click')
@@ -112,11 +114,11 @@ exports.Tooltip = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
                 onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
             },
             onMouseEnter: function (e) {
-                handleMouseEnter();
+                handleMouseEnter(e);
                 onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
             },
             onMouseLeave: function (e) {
-                handleMouseLeave();
+                handleMouseLeave(e);
                 onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
             },
         };
@@ -132,9 +134,7 @@ exports.Tooltip = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
     ]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.cloneElement(resolveChildren, composeChildrenProps),
-        react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ anchorRef: anchorRef, strategy: "absolute", as: as, background: "main" }, (variant === 'dark' && { background: 'main-inverse' }), (inverse && { background: 'main-inverse' }), { radius: size === 'xs' ? 's' : 'l' }, other, { ref: ref, offset: offset, placement: placement, open: openState, onClose: closeWithDelay, className: (0, exports.cnTooltip)({ size: size, variant: variant, inverse: inverse }, [className]), disableInteractive: disableInteractive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, arrow: arrow, arrowProps: {
-                size: size,
-            }, modifiers: modifiers, disableEnforceFocus: true, disableReturnFocus: true }),
+        react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ arrow: arrow, offset: offset, background: "main", strategy: "absolute", arrowProps: { size: size }, anchorRef: anchorRef, modifiers: modifiers, as: as, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, radius: size === 'xs' ? 's' : 'l' }, (inverse && { background: 'main-inverse' }), (variant === 'dark' && { background: 'main-inverse' }), { className: (0, exports.cnTooltip)({ size: size, variant: variant, inverse: inverse }, [className]), disableEnforceFocus: true, disableReturnFocus: true }, other, { open: openState, onClose: closeWithDelay, ref: ref }),
             react_1.default.createElement("div", { className: (0, exports.cnTooltip)('Content', { size: size, variant: variant, inverse: inverse }) }, label))));
 });
 exports.Tooltip.displayName = 'Tooltip';

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

@@ -1,4 +1,4 @@
-export declare const TOOLTIP_DEFAULT_TAG: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<import("../Paper").PaperBaseProps, "div">;
+export declare const TOOLTIP_DEFAULT_TAG = "div";
 export declare const TOOLTIP_DEFAULT_TRIGGER = "hover";
 export declare const TOOLTIP_DEFAULT_SIZE = "s";
 export declare const TOOLTIP_DEFAULT_INVERSE = true;

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

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TOOLTIP_DEFAULT_DISABLED = exports.TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN = exports.TOOLTIP_DEFAULT_ARROW = exports.TOOLTIP_DEFAULT_DELAY_LEAVE = exports.TOOLTIP_DEFAULT_DELAY_ENTER = exports.TOOLTIP_DEFAULT_OFFSET = exports.TOOLTIP_DEFAULT_INVERSE = exports.TOOLTIP_DEFAULT_SIZE = exports.TOOLTIP_DEFAULT_TRIGGER = exports.TOOLTIP_DEFAULT_TAG = void 0;
-var Paper_1 = require("../Paper");
-exports.TOOLTIP_DEFAULT_TAG = Paper_1.Paper;
+exports.TOOLTIP_DEFAULT_TAG = 'div';
 exports.TOOLTIP_DEFAULT_TRIGGER = 'hover';
 exports.TOOLTIP_DEFAULT_SIZE = 's';
 exports.TOOLTIP_DEFAULT_INVERSE = true;

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

@@ -48,7 +48,7 @@ export type TooltipBaseProps = {
     'data-testid'?: string;
     /** Дополнительные CSS-классы */
     className?: string;
-} & TooltipPropsDeprecated & Pick<PopoverBaseProps, 'offset' | 'placement' | 'arrow' | 'anchorRef' | 'ignoreClickOutsideRefs' | 'disableInteractive' | 'onEnter' | 'onEntered' | 'onExit' | 'onExited' | 'setUpdate'>;
+} & TooltipPropsDeprecated & Omit<Partial<PopoverBaseProps>, 'onClose' | 'open'>;
 export type TooltipRef = ComponentRef<typeof TOOLTIP_DEFAULT_TAG>;
 export type TooltipProps<As extends ElementType = typeof TOOLTIP_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<TooltipBaseProps, As>;
 export {};

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

@@ -1,4 +1,4 @@
-export declare const DATA_LIST_DEFAULT_TAG: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<import("../Paper").PaperBaseProps, "div">;
+export declare const DATA_LIST_DEFAULT_TAG = "div";
 export declare const DATA_LIST_DEFAULT_SIZE = "m";
 export declare const DATA_LIST_DEFAULT_OPEN = false;
 export declare const DATA_LIST_OPTION_DEFAULT_DISABLED = false;

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

@@ -1,6 +1,5 @@
 import { LIST_ITEM_DEFAULT_TAG } from '../List/constants';
-import { Paper } from '../Paper';
-export var DATA_LIST_DEFAULT_TAG = Paper;
+export var DATA_LIST_DEFAULT_TAG = 'div';
 export var DATA_LIST_DEFAULT_SIZE = 'm';
 export var DATA_LIST_DEFAULT_OPEN = false;
 export var DATA_LIST_OPTION_DEFAULT_DISABLED = false;

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

@@ -41,7 +41,6 @@ export declare const Dialog: React.ForwardRefExoticComponent<{
     className?: string | undefined;
     'data-testid'?: string | undefined;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
-    disablePortal?: boolean | undefined;
 } & import("../Portal").PortalBaseProps & {
     as?: "div" | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;

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

@@ -42,7 +42,6 @@ export declare const Drawer: React.ForwardRefExoticComponent<{
     className?: string | undefined;
     'data-testid'?: string | undefined;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
-    disablePortal?: boolean | undefined;
 } & import("../Portal").PortalBaseProps & {
     as?: "div" | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;

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

@@ -5,6 +5,7 @@ import { deprecate } from '@ozen-ui/logger';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { getPaperSizeToFormElement } from '../../utils/getPaperSizeToFormElement';
+import { Paper } from '../Paper';
 import { Popover } from '../Popover';
 import { MenuContextConsumer } from './components';
 import { MENU_DEFAULT_SIZE } from './constants';
@@ -16,7 +17,7 @@ export var Menu = forwardRef(function (inProps, ref) {
     if (process.env.NODE_ENV !== 'production' && menuListRef) {
         deprecate('Свойство «menuListRef» устарело. Для замены используйте «menuListProps.ref».');
     }
-    return (React.createElement(Popover, __assign({ offset: [0, 4], radius: radius }, other, { open: open, onClose: onClose, className: cnMenu('', [className]), disableEnforceFocus: true, ref: ref }),
+    return (React.createElement(Popover, __assign({ as: Paper, offset: [0, 4], radius: radius }, other, { open: open, onClose: onClose, className: cnMenu('', [className]), disableEnforceFocus: true, ref: ref }),
         React.createElement(MenuContextConsumer, { onClose: onClose, menuListRef: menuListRef, menuListProps: __assign(__assign({ size: size }, menuListProps), { ref: menuListRef || (menuListProps === null || menuListProps === void 0 ? void 0 : menuListProps.ref) }) }, children)));
 });
 Menu.displayName = 'Menu';

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

@@ -34,7 +34,6 @@ export declare const Modal: React.ForwardRefExoticComponent<{
     className?: string | undefined;
     'data-testid'?: string | undefined;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
-    disablePortal?: boolean | undefined;
 } & import("../Portal").PortalBaseProps & {
     as?: "div" | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;

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

@@ -12,19 +12,18 @@ 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 { MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE, 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 ? 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 _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, 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", "children", "onEnter", "onEntered", "onExit", "onExited", "onClose", "backdropProps", "windowProps", "transitionProps", "className", "ignoreClickOutsideRefs"]);
     var hasBackdrop = !hideBackdrop;
     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(windowInnerRef, 1000, openState), isTop = _l.isTop, refsClickOutside = _l.refsClickOutside;
-    var RootComponent = disablePortal ? 'div' : Portal;
+    var _h = __read(useState(false), 2), openState = _h[0], setOpenState = _h[1];
+    var _j = __read(useState(false), 2), opened = _j[0], setOpened = _j[1];
+    var _k = useModalManager(windowInnerRef, 1000, openState), isTop = _k.isTop, refsClickOutside = _k.refsClickOutside;
     useClickOutside({
         refs: __spreadArray(__spreadArray([
             windowInnerRef
@@ -70,7 +69,7 @@ export var Modal = forwardRef(function (_a, ref) {
         active: isTop && !disableEscapeKeyDown,
     });
     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]) }),
+        React.createElement(Portal, __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))));
 });

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

@@ -4,4 +4,3 @@ 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

@@ -4,4 +4,3 @@ 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/types.d.ts

@@ -51,8 +51,5 @@ export type ModalProps = {
     '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/Popover/Popover.d.ts

@@ -1,4 +1,4 @@
 import './Popover.css';
 import type { PopoverBaseProps } from './types';
 export declare const cnPopover: import("@bem-react/classname").ClassNameFormatter;
-export declare const Popover: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PopoverBaseProps, import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<import("../Paper").PaperBaseProps, "div">>;
+export declare const Popover: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PopoverBaseProps, "div">;

package/__inner__/esm/components/Popover/Popover.js

@@ -1,5 +1,5 @@
 import { __assign, __read, __rest, __spreadArray } from "tslib";
-import React, { useCallback, useMemo, useEffect, useRef, useState, } from 'react';
+import React, { useCallback, useMemo, useEffect, useRef, useState, forwardRef, } from 'react';
 import { usePopper } from 'react-popper';
 import { CSSTransition } from 'react-transition-group';
 import './Popover.css';
@@ -11,6 +11,7 @@ import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { isKey } from '../../utils/isKey';
 import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { Paper } from '../Paper';
 import { Portal } from '../Portal';
 import { PopoverArrow } from './components';
 import { POPOVER_DEFAULT_TAG, POPOVER_DEFAULT_ARROW, POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE, POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS, POPOVER_DEFAULT_DISABLE_INTERACTIVE, POPOVER_DEFAULT_DISABLE_RETURN_FOCUS, POPOVER_DEFAULT_OPEN, POPOVER_DEFAULT_PLACEMENT, POPOVER_DEFAULT_STRATEGY, POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW, } from './constants';
@@ -19,7 +20,11 @@ import { PopoverContext } from './PopoverContext';
 export var cnPopover = cn('Popover');
 export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Popover' });
-    var _a = props.arrow, arrow = _a === void 0 ? POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? POPOVER_DEFAULT_PLACEMENT : _g, _h = props.strategy, strategy = _h === void 0 ? POPOVER_DEFAULT_STRATEGY : _h, _j = props.disablePreventOverflow, disablePreventOverflow = _j === void 0 ? POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW : _j, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, modifiersProps = props.modifiers, _k = props.as, as = _k === void 0 ? POPOVER_DEFAULT_TAG : _k, other = __rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "strategy", "disablePreventOverflow", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate", "modifiers", "as"]);
+    var _a = props.arrow, arrow = _a === void 0 ? POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? POPOVER_DEFAULT_PLACEMENT : _g, _h = props.strategy, strategy = _h === void 0 ? POPOVER_DEFAULT_STRATEGY : _h, _j = props.disablePreventOverflow, disablePreventOverflow = _j === void 0 ? POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW : _j, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, modifiersProp = props.modifiers, _k = props.as, as = _k === void 0 ? POPOVER_DEFAULT_TAG : _k, other = __rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "strategy", "disablePreventOverflow", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate", "modifiers", "as"]);
+    var Tag = useMemo(function () {
+        // eslint-disable-next-line react/display-name
+        return forwardRef(function (props, ref) { return (React.createElement(Paper, __assign({ radius: "l", shadow: "m", background: "main" }, props, { as: as, ref: ref }))); });
+    }, [as]);
     var _l = __read(useState(false), 2), openState = _l[0], setOpenState = _l[1];
     var focusedElement = useRef(null);
     var popoverRef = useRef(null);
@@ -102,7 +107,7 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
                 offset: offset,
             },
         }
-    ], __read((modifiersProps || [])), false); }, [offset, equalAnchorWidth, modifiersProps]);
+    ], __read((modifiersProp || [])), false); }, [offset, equalAnchorWidth, modifiersProp]);
     // Якорный элемент или координаты
     var resolveReferenceElement = useMemo(function () {
         if (anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current)
@@ -143,7 +148,7 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
     }, [open]);
     return (React.createElement(PopoverContext.Provider, { value: { isTop: isTop } },
         React.createElement(CSSTransition, __assign({ nodeRef: popoverRef, classNames: cnPopover({ animation: true }), timeout: 120 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: true }),
-            React.createElement(Portal, __assign({ as: as, radius: "l", shadow: "l", background: "main" }, other, { style: __assign(__assign({}, style), styles.popper), ref: portalRef, className: cnPopover({ disableInteractive: disableInteractive }, [className]) }, attributes.popper),
+            React.createElement(Portal, __assign({ as: Tag }, other, { style: __assign(__assign({}, style), styles.popper), ref: portalRef, className: cnPopover({ disableInteractive: disableInteractive }, [className]) }, attributes.popper),
                 children,
                 arrow && (React.createElement(PopoverArrow, __assign({}, arrowProps, { style: __assign(__assign({}, arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style), styles.arrow), "data-popper-arrow": true })))))));
 });

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

@@ -1,4 +1,4 @@
-export declare const POPOVER_DEFAULT_TAG: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<import("../Paper").PaperBaseProps, "div">;
+export declare const POPOVER_DEFAULT_TAG = "div";
 export declare const POPOVER_DEFAULT_ARROW = false;
 export declare const POPOVER_DEFAULT_OPEN = false;
 export declare const POPOVER_DEFAULT_DISABLE_INTERACTIVE = false;

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

@@ -1,5 +1,4 @@
-import { Paper } from '../Paper';
-export var POPOVER_DEFAULT_TAG = Paper;
+export var POPOVER_DEFAULT_TAG = 'div';
 export var POPOVER_DEFAULT_ARROW = false;
 export var POPOVER_DEFAULT_OPEN = false;
 export var POPOVER_DEFAULT_DISABLE_INTERACTIVE = false;

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

@@ -3,7 +3,7 @@ import type PopperJS from '@popperjs/core';
 import type { PopperProps } from 'react-popper';
 import type { CSSTransitionProps } from 'react-transition-group/CSSTransition';
 import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
-import type { PortalProps } from '../Portal';
+import type { PortalBaseProps } from '../Portal';
 import type { PopoverArrowProps } from './components';
 import type { POPOVER_DEFAULT_TAG } from './constants';
 export type VirtualElement = {
@@ -71,8 +71,6 @@ export type PopoverBaseProps = {
     'data-testid'?: string;
     /** Функция обратного вызова для получения метода по перерасчету расположения компонента Popover */
     setUpdate?(update: PopperJS.Instance['update'] | null): void;
-    /** Контейнер для монтирования всплывающего окна */
-    container?: PortalProps['container'];
     /** Стратегия позиционирования */
     strategy?: PopoverStrategyVariant;
     /** Если {true} позволяет смещаться по границе якорного элемента компонента  */
@@ -82,6 +80,6 @@ export type PopoverBaseProps = {
      * https://popper.js.org/docs/v2/modifiers/#custom-modifiers
      * */
     modifiers?: PopperProps<unknown>['modifiers'];
-};
+} & PortalBaseProps;
 export type PopoverRef = ComponentRef<typeof POPOVER_DEFAULT_TAG>;
 export type PopoverProps<As extends ElementType = typeof POPOVER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<PopoverBaseProps, As>;

package/__inner__/esm/components/Portal/Portal.js

@@ -4,14 +4,14 @@ import { createPortal } from 'react-dom';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
 import { useTheme, ThemeProvider } from '../ThemeProvider';
-import { PORTAL_DEFAULT_TAG } from './constants';
+import { PORTAL_DEFAULT_CONTAINER, PORTAL_DEFAULT_DISABLE_PORTAL, PORTAL_DEFAULT_TAG, } from './constants';
 export var Portal = polymorphicComponentWithRef(function (inProps, ref) {
     var _a = useThemeProps({
         props: inProps,
         name: 'Portal',
-    }), children = _a.children, container = _a.container, className = _a.className, _b = _a.as, Tag = _b === void 0 ? PORTAL_DEFAULT_TAG : _b, other = __rest(_a, ["children", "container", "className", "as"]);
+    }), _b = _a.disablePortal, disablePortal = _b === void 0 ? PORTAL_DEFAULT_DISABLE_PORTAL : _b, _c = _a.as, Tag = _c === void 0 ? PORTAL_DEFAULT_TAG : _c, containerProp = _a.container, children = _a.children, other = __rest(_a, ["disablePortal", "as", "container", "children"]);
+    var container = containerProp || PORTAL_DEFAULT_CONTAINER;
     var theme = useTheme();
-    var portalContainer = container || window.document.body;
-    return createPortal(React.createElement(ThemeProvider, __assign({ theme: theme, className: className, as: Tag }, other, { ref: ref }), children), portalContainer);
+    return disablePortal ? (React.createElement(Tag, __assign({}, other, { ref: ref }), children)) : (createPortal(React.createElement(ThemeProvider, __assign({ theme: theme, as: Tag }, other, { ref: ref }), children), container));
 });
 Portal.displayName = 'Portal';

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

@@ -1 +1,3 @@
 export declare const PORTAL_DEFAULT_TAG = "div";
+export declare const PORTAL_DEFAULT_CONTAINER: HTMLElement;
+export declare const PORTAL_DEFAULT_DISABLE_PORTAL = false;

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

@@ -1 +1,3 @@
 export var PORTAL_DEFAULT_TAG = 'div';
+export var PORTAL_DEFAULT_CONTAINER = window.document.body;
+export var PORTAL_DEFAULT_DISABLE_PORTAL = false;

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

@@ -5,5 +5,8 @@ export type PortalRef = ComponentRef<typeof PORTAL_DEFAULT_TAG>;
 export type PortalBaseProps = {
     /** Контейнер для монтирования портала */
     container?: Element | DocumentFragment | null;
+    /** Если {true} отключает портал для компонента.
+     * Подробнее — https://react.dev/reference/react-dom/createPortal. */
+    disablePortal?: boolean;
 };
 export type PortalProps<As extends ElementType = typeof PORTAL_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<PortalBaseProps, As>;

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

@@ -10,7 +10,7 @@ export type SnackbarProps = PortalProps & {
 };
 export declare const Snackbar: React.ForwardRefExoticComponent<import("../../../Portal").PortalBaseProps & {
     as?: "div" | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & {
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../../../Portal").PortalBaseProps> & {
     /** Расположение сообщения относительно контейнера */
     anchorOrigin?: SnackbarAnchorOrigin | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Tooltip/Tooltip.js

@@ -1,4 +1,4 @@
-import { __assign, __read, __rest } from "tslib";
+import { __assign, __read, __rest, __spreadArray } from "tslib";
 import './Tooltip.css';
 import React, { useRef, useMemo, useEffect, useState } from 'react';
 import { deprecate } from '@ozen-ui/logger';
@@ -14,7 +14,7 @@ import { TOOLTIP_DEFAULT_ARROW, TOOLTIP_DEFAULT_DELAY_ENTER, TOOLTIP_DEFAULT_DEL
 export var cnTooltip = cn('Tooltip');
 export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Tooltip' });
-    var _a = props.trigger, trigger = _a === void 0 ? TOOLTIP_DEFAULT_TRIGGER : _a, _b = props.size, size = _b === void 0 ? TOOLTIP_DEFAULT_SIZE : _b, _c = props.offset, offset = _c === void 0 ? TOOLTIP_DEFAULT_OFFSET : _c, _d = props.delayEnter, delayEnter = _d === void 0 ? TOOLTIP_DEFAULT_DELAY_ENTER : _d, _e = props.delayLeave, delayLeave = _e === void 0 ? TOOLTIP_DEFAULT_DELAY_LEAVE : _e, _f = props.arrow, arrow = _f === void 0 ? TOOLTIP_DEFAULT_ARROW : _f, _g = props.shouldWrapChildren, shouldWrapChildren = _g === void 0 ? TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN : _g, _h = props.disabled, disabled = _h === void 0 ? TOOLTIP_DEFAULT_DISABLED : _h, _j = props.inverse, inverse = _j === void 0 ? TOOLTIP_DEFAULT_INVERSE : _j, _k = props.as, as = _k === void 0 ? TOOLTIP_DEFAULT_TAG : _k, variant = props.variant, children = props.children, label = props.label, openProp = props.open, placement = props.placement, disableInteractive = props.disableInteractive, className = props.className, onOpen = props.onOpen, onClose = props.onClose, other = __rest(props, ["trigger", "size", "offset", "delayEnter", "delayLeave", "arrow", "shouldWrapChildren", "disabled", "inverse", "as", "variant", "children", "label", "open", "placement", "disableInteractive", "className", "onOpen", "onClose"]);
+    var _a = props.trigger, trigger = _a === void 0 ? TOOLTIP_DEFAULT_TRIGGER : _a, _b = props.size, size = _b === void 0 ? TOOLTIP_DEFAULT_SIZE : _b, _c = props.offset, offset = _c === void 0 ? TOOLTIP_DEFAULT_OFFSET : _c, _d = props.delayEnter, delayEnter = _d === void 0 ? TOOLTIP_DEFAULT_DELAY_ENTER : _d, _e = props.delayLeave, delayLeave = _e === void 0 ? TOOLTIP_DEFAULT_DELAY_LEAVE : _e, _f = props.arrow, arrow = _f === void 0 ? TOOLTIP_DEFAULT_ARROW : _f, _g = props.shouldWrapChildren, shouldWrapChildren = _g === void 0 ? TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN : _g, _h = props.disabled, disabled = _h === void 0 ? TOOLTIP_DEFAULT_DISABLED : _h, _j = props.inverse, inverse = _j === void 0 ? TOOLTIP_DEFAULT_INVERSE : _j, _k = props.as, as = _k === void 0 ? TOOLTIP_DEFAULT_TAG : _k, modifiersProp = props.modifiers, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, variant = props.variant, children = props.children, label = props.label, openProp = props.open, className = props.className, onOpen = props.onOpen, onClose = props.onClose, other = __rest(props, ["trigger", "size", "offset", "delayEnter", "delayLeave", "arrow", "shouldWrapChildren", "disabled", "inverse", "as", "modifiers", "onMouseEnter", "onMouseLeave", "variant", "children", "label", "open", "className", "onOpen", "onClose"]);
     if (process.env.NODE_ENV !== 'production' && variant) {
         deprecate('Свойство «variant» устарело. Для замены используйте «inverse».');
     }
@@ -22,14 +22,14 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     var _l = __read(useState(), 2), delay = _l[0], setDelay = _l[1];
     var _m = __read(useBoolean(), 2), focused = _m[0], setFocused = _m[1];
     var _o = __read(useBoolean(), 2), hovered = _o[0], setHovered = _o[1];
-    var modifiers = [
+    var modifiers = __spreadArray([
         {
             name: 'arrow',
             options: {
                 padding: size === 'xs' ? 8 : 12,
             },
-        },
-    ];
+        }
+    ], __read((modifiersProp || [])), false);
     var _p = __read(useControlled({
         value: openProp,
         defaultValue: false,
@@ -62,18 +62,20 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     }, [children, shouldWrapChildren]);
     var childrenProps = resolveChildren.props, childrenRef = resolveChildren.ref;
     var childrenMultiRef = useMultiRef([anchorRef, childrenRef]);
-    var handleMouseEnter = function () {
+    var handleMouseEnter = function (e) {
         if (trigger === 'hover' || trigger === 'hover&focus') {
             setHovered.on();
             setOpenWithDelay(true);
         }
+        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
     };
-    var handleMouseLeave = function () {
+    var handleMouseLeave = function (e) {
         if (trigger === 'hover' || trigger === 'hover&focus') {
             setHovered.off();
             if (!focused)
                 setOpenWithDelay(false);
         }
+        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
     };
     var handleClick = function () {
         if (trigger === 'click')
@@ -109,11 +111,11 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
                 onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
             },
             onMouseEnter: function (e) {
-                handleMouseEnter();
+                handleMouseEnter(e);
                 onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
             },
             onMouseLeave: function (e) {
-                handleMouseLeave();
+                handleMouseLeave(e);
                 onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
             },
         };
@@ -129,9 +131,7 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     ]);
     return (React.createElement(React.Fragment, null,
         React.cloneElement(resolveChildren, composeChildrenProps),
-        React.createElement(Popover, __assign({ anchorRef: anchorRef, strategy: "absolute", as: as, background: "main" }, (variant === 'dark' && { background: 'main-inverse' }), (inverse && { background: 'main-inverse' }), { radius: size === 'xs' ? 's' : 'l' }, other, { ref: ref, offset: offset, placement: placement, open: openState, onClose: closeWithDelay, className: cnTooltip({ size: size, variant: variant, inverse: inverse }, [className]), disableInteractive: disableInteractive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, arrow: arrow, arrowProps: {
-                size: size,
-            }, modifiers: modifiers, disableEnforceFocus: true, disableReturnFocus: true }),
+        React.createElement(Popover, __assign({ arrow: arrow, offset: offset, background: "main", strategy: "absolute", arrowProps: { size: size }, anchorRef: anchorRef, modifiers: modifiers, as: as, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, radius: size === 'xs' ? 's' : 'l' }, (inverse && { background: 'main-inverse' }), (variant === 'dark' && { background: 'main-inverse' }), { className: cnTooltip({ size: size, variant: variant, inverse: inverse }, [className]), disableEnforceFocus: true, disableReturnFocus: true }, other, { open: openState, onClose: closeWithDelay, ref: ref }),
             React.createElement("div", { className: cnTooltip('Content', { size: size, variant: variant, inverse: inverse }) }, label))));
 });
 Tooltip.displayName = 'Tooltip';

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

@@ -1,4 +1,4 @@
-export declare const TOOLTIP_DEFAULT_TAG: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<import("../Paper").PaperBaseProps, "div">;
+export declare const TOOLTIP_DEFAULT_TAG = "div";
 export declare const TOOLTIP_DEFAULT_TRIGGER = "hover";
 export declare const TOOLTIP_DEFAULT_SIZE = "s";
 export declare const TOOLTIP_DEFAULT_INVERSE = true;

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

@@ -1,5 +1,4 @@
-import { Paper } from '../Paper';
-export var TOOLTIP_DEFAULT_TAG = Paper;
+export var TOOLTIP_DEFAULT_TAG = 'div';
 export var TOOLTIP_DEFAULT_TRIGGER = 'hover';
 export var TOOLTIP_DEFAULT_SIZE = 's';
 export var TOOLTIP_DEFAULT_INVERSE = true;

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

@@ -48,7 +48,7 @@ export type TooltipBaseProps = {
     'data-testid'?: string;
     /** Дополнительные CSS-классы */
     className?: string;
-} & TooltipPropsDeprecated & Pick<PopoverBaseProps, 'offset' | 'placement' | 'arrow' | 'anchorRef' | 'ignoreClickOutsideRefs' | 'disableInteractive' | 'onEnter' | 'onEntered' | 'onExit' | 'onExited' | 'setUpdate'>;
+} & TooltipPropsDeprecated & Omit<Partial<PopoverBaseProps>, 'onClose' | 'open'>;
 export type TooltipRef = ComponentRef<typeof TOOLTIP_DEFAULT_TAG>;
 export type TooltipProps<As extends ElementType = typeof TOOLTIP_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<TooltipBaseProps, As>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.56.0",
+  "version": "0.57.0",
   "description": "React component library",
   "files": [
     "*"
@@ -23,13 +23,13 @@
     "@popperjs/core": "^2.11.8",
     "@rehookify/datepicker": "^6.6.1",
     "decimal.js": "^10.4.3",
-    "react-is": "^18.2.0",
+    "react-is": "^18.3.1",
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
-    "tslib": "^2.6.2",
-    "@ozen-ui/fonts": "0.56.0",
-    "@ozen-ui/logger": "0.56.0",
-    "@ozen-ui/icons": "0.56.0"
+    "tslib": "^2.6.3",
+    "@ozen-ui/fonts": "0.57.0",
+    "@ozen-ui/icons": "0.57.0",
+    "@ozen-ui/logger": "0.57.0"
   },
   "peerDependencies": {
     "react": ">=17.0.2 <19.0.0",