@ozen-ui/kit 0.55.0 → 0.57.0

package/__inner__/esm/components/ButtonBase/ButtonBase.js

@@ -11,17 +11,22 @@ export var ButtonBase = polymorphicComponentWithRef(function (inProps, ref) {
         props: inProps,
         name: 'Button',
     });
-    var _a = props.as, Tag = _a === void 0 ? BUTTON_BASE_DEFAULT_TAG : _a, loading = props.loading, children = props.children, disabled = props.disabled, className = props.className, onClick = props.onClick, unstyled = props.unstyled, other = __rest(props, ["as", "loading", "children", "disabled", "className", "onClick", "unstyled"]);
-    var handleClick = function (event) {
-        if (onClick && !disabled && !loading) {
-            onClick(event);
-        }
+    var _a = props.as, Tag = _a === void 0 ? BUTTON_BASE_DEFAULT_TAG : _a, loadingProp = props.loading, disabledProp = props.disabled, children = props.children, className = props.className, onClick = props.onClick, unstyled = props.unstyled, other = __rest(props, ["as", "loading", "disabled", "children", "className", "onClick", "unstyled"]);
+    var loading = Boolean(loadingProp);
+    var disabled = Boolean(disabledProp || loadingProp);
+    // TODO: подумать на тем, чтобы не блокировать кнопку в «заблокированном состоянии»,
+    //  чтобы не терять установленный на неё фокус
+    var onDisabledClick = function (event) {
+        event.preventDefault();
+        event.stopPropagation();
+        event.nativeEvent.stopImmediatePropagation();
     };
-    var isInteractionPrevented = disabled || loading;
-    return (React.createElement(Tag, __assign({ disabled: isInteractionPrevented, onClick: handleClick, type: "button", className: cnButtonBase({
+    return (React.createElement(Tag, __assign({ disabled: disabled, onClick: disabled ? onDisabledClick : onClick }, (disabled && {
+        'aria-disabled': true,
+    }), { type: "button", className: cnButtonBase({
             disabled: disabled,
             loading: loading,
             unstyled: unstyled,
-        }, [className]) }, (isInteractionPrevented && { tabIndex: -1 }), other, { ref: ref }), children));
+        }, [className]) }, (disabled && { tabIndex: -1 }), other, { ref: ref }), children));
 });
 ButtonBase.displayName = 'ButtonBase';

package/__inner__/esm/components/Calendar/components/CalendarGridItem/types.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentRef } from 'react';
-import type { DPDayRange } from '@rehookify/datepicker/dist/types/day';
+import type { DPDayRange } from '@rehookify/datepicker';
 import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 import type { CalendarSizeVariant } from '../../index';
 export type CalendarGridItemRef = ComponentRef<'button'>;

package/__inner__/esm/components/DataList/components/DataListOption/DataListOption.css

@@ -19,7 +19,6 @@
   .DataListOption_disabled:hover,
   .DataListOption_disabled:active {
     cursor: not-allowed;
-
     background-color: unset;
   }
 

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/FieldInput/FieldInput.js

@@ -17,7 +17,7 @@ export var FieldInput = polymorphicComponentWithRef(function (_a, ref) {
         name: 'FieldInput',
         state: 'value',
         defaultValue: defaultValue,
-    }), 2), valueState = _e[0], setValueState = _e[1];
+    }), 3), valueState = _e[0], setValueState = _e[1], isControlled = _e[2];
     var filled = !!valueState || valueState === 0;
     var required = requiredProp;
     var disabled = disabledProp;
@@ -47,6 +47,6 @@ export var FieldInput = polymorphicComponentWithRef(function (_a, ref) {
         setFocused(false);
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
     }, [onBlur]);
-    return (React.createElement(Tag, __assign({ className: cnFieldInput({}, [className]), required: required, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, value: valueState }, other, { ref: ref }), children));
+    return (React.createElement(Tag, __assign({ className: cnFieldInput({}, [className]), required: required, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange }, (isControlled ? { value: valueState } : { defaultValue: defaultValue }), other, { ref: ref }), children));
 });
 FieldInput.displayName = 'FieldInput';

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/Select/types.d.ts

@@ -2,7 +2,7 @@ import type { ReactElement, ReactNode, SyntheticEvent } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { DataListBaseProps, DataListSelected } from '../DataList';
-import type { SelectInputProps } from './components';
+import type { SelectInputProps, SelectInputRef } from './components';
 export type SelectSizeVariant = FormElementSizeVariant;
 export type SelectLabel = string | number | undefined;
 export type SelectPropLabel<MULTIPLE extends boolean> = (MULTIPLE extends true ? SelectLabel[] : SelectLabel) | undefined;
@@ -47,6 +47,7 @@ type SelectPropsDeprecated<MULTIPLE extends boolean = false> = {
      * */
     menuProps?: Partial<Omit<DataListBaseProps<MULTIPLE>, 'onClose' | 'open' | 'anchorRef' | 'multiple' | 'selected' | 'onSelect'>>;
 };
+export type SelectRef = SelectInputRef;
 export type SelectProps<MULTIPLE extends boolean = false> = ExtendableComponentPropsWithRef<{
     /** Если {true} устанавливает автофокус */
     autoFocus?: boolean;

package/__inner__/esm/components/Snackbar/SnackbarContext.js

@@ -1,8 +1,5 @@
 import React, { useContext } from 'react';
-export var SnackbarContext = React.createContext({
-    pushMessage: function () { return ''; },
-    closeMessage: function () { return undefined; },
-});
+export var SnackbarContext = React.createContext({});
 export var useSnackbar = function () { return useContext(SnackbarContext); };
 // Именованный провайдер
 if (process.env.NODE_ENV !== 'production') {

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/__inner__/esm/hooks/useControlled/useControlled.js

@@ -35,5 +35,5 @@ export var useControlled = function (_a) {
             setValue(newValue);
         }
     }, []);
-    return [value, setValueIfUncontrolled, valueProp !== undefined];
+    return [value, setValueIfUncontrolled, isControlled];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.55.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.55.0",
-    "@ozen-ui/icons": "0.55.0",
-    "@ozen-ui/logger": "0.55.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",