@ozen-ui/kit 0.68.0 → 0.69.0

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

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 import './Menu.css';
 import React, { forwardRef } from 'react';
-import { deprecate } from '@ozen-ui/logger';
+import { useDeprecatedProperty } from '../../hooks/useDeprecated';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { getPaperSizeToFormElement } from '../../utils/getPaperSizeToFormElement';
@@ -14,9 +14,7 @@ export var Menu = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Menu' });
     var _a = props.size, size = _a === void 0 ? MENU_DEFAULT_SIZE : _a, open = props.open, menuListProps = props.menuListProps, menuListRef = props.menuListRef, onClose = props.onClose, children = props.children, className = props.className, other = __rest(props, ["size", "open", "menuListProps", "menuListRef", "onClose", "children", "className"]);
     var radius = getPaperSizeToFormElement(size);
-    if (process.env.NODE_ENV !== 'production' && menuListRef) {
-        deprecate('Свойство «menuListRef» устарело. Для замены используйте «menuListProps.ref».');
-    }
+    useDeprecatedProperty(!!menuListRef, 'menuListRef', 'menuListProps.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)));
 });

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

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

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

@@ -2,28 +2,41 @@ import { __assign, __read, __rest, __spreadArray } from "tslib";
 import './Modal.css';
 import React, { useRef, useEffect, useState, useCallback, forwardRef, } from 'react';
 import { CSSTransition } from 'react-transition-group';
+import { isServer } from '../../constants/environment';
 import { useClickOutside } from '../../hooks/useClickOutside';
 import { useEventListener } from '../../hooks/useEventListener';
 import { useFocusTrap } from '../../hooks/useFocusTrap';
 import { useLockBodyScroll } from '../../hooks/useLockBodyScroll';
 import { useMultiRef } from '../../hooks/useMultiRef';
+import { usePortalContainer } from '../../hooks/usePortalContainer';
 import { cn } from '../../utils/classname';
 import { isKey } from '../../utils/isKey';
 import { Backdrop } from '../Backdrop';
-import { Portal } from '../Portal';
+import { PortalBase } from '../PortalBase';
 import { ModalConsumer } from './components';
-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 { 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, MODAL_DEFAULT_PORTAL_CONTAINER, } 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, 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 _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, _h = _a.container, containerProp = _h === void 0 ? MODAL_DEFAULT_PORTAL_CONTAINER : _h, other = __rest(_a, ["open", "keepMounted", "hideBackdrop", "disableScrollLock", "disableClickOutside", "disableEscapeKeyDown", "children", "onEnter", "onEntered", "onExit", "onExited", "onClose", "backdropProps", "windowProps", "transitionProps", "className", "ignoreClickOutsideRefs", "container"]);
     var hasBackdrop = !hideBackdrop;
     var rootRef = useRef(null);
     var windowInnerRef = useRef(null);
     var focusedElement = useRef(null);
-    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;
+    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 container = usePortalContainer(containerProp);
+    var _l = useModalManager(windowInnerRef, 1000, openState), isTop = _l.isTop, refsClickOutside = _l.refsClickOutside;
+    var portalMultiRef = useMultiRef([rootRef, ref]);
+    var trapRef = useFocusTrap({
+        active: isTop,
+        focusinTrap: false,
+    });
+    var modalConsumerMultiRef = useMultiRef([
+        windowInnerRef,
+        trapRef,
+        windowProps === null || windowProps === void 0 ? void 0 : windowProps.ref,
+    ]);
     useClickOutside({
         refs: __spreadArray(__spreadArray([
             windowInnerRef
@@ -44,12 +57,11 @@ export var Modal = forwardRef(function (_a, ref) {
         }
         setOpenState(open);
     }, [open]);
-    var trapRef = useFocusTrap({
-        active: isTop,
-        focusinTrap: false,
-    });
     var onExited = useCallback(function () {
         var _a, _b;
+        if (isServer) {
+            return;
+        }
         // Возвращаем фокус активного элемента
         if (((_a = windowInnerRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) ||
             document.activeElement === document.body) {
@@ -68,9 +80,12 @@ export var Modal = forwardRef(function (_a, ref) {
         },
         active: isTop && !disableEscapeKeyDown,
     });
+    if (!container) {
+        return null;
+    }
     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(Portal, __assign({}, other, { className: cnModal({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: useMultiRef([rootRef, ref]) }),
+        React.createElement(PortalBase, __assign({}, other, { container: container, className: cnModal({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: portalMultiRef }),
             !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))));
+            React.createElement(ModalConsumer, __assign({}, windowProps, { ref: modalConsumerMultiRef }), children))));
 });
 Modal.displayName = 'Modal';

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

@@ -4,3 +4,4 @@ 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_PORTAL_CONTAINER: () => HTMLElement;

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

@@ -4,3 +4,6 @@ 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_PORTAL_CONTAINER = (function () {
+    return window.document.body;
+});

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

@@ -0,0 +1,2 @@
+import type { OzenProviderBaseProps } from './types';
+export declare const OzenProvider: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<OzenProviderBaseProps, "div">;

package/__inner__/esm/components/OzenProvider/OzenProvider.js

@@ -0,0 +1,12 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { ThemeProvider } from '../ThemeProvider';
+import { OZEN_PROVIDER_DEFAULT_TAG } from './constants';
+import { OzenSSRProvider } from './providers';
+export var OzenProvider = polymorphicComponentWithRef(function (_a, ref) {
+    var children = _a.children, ssr = _a.ssr, theme = _a.theme, _b = _a.as, as = _b === void 0 ? OZEN_PROVIDER_DEFAULT_TAG : _b, other = __rest(_a, ["children", "ssr", "theme", "as"]);
+    return (React.createElement(OzenSSRProvider, { config: ssr },
+        React.createElement(ThemeProvider, __assign({}, other, { theme: theme, as: as, ref: ref }), children)));
+});
+OzenProvider.displayName = 'OzenProvider';

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

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

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

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

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

@@ -0,0 +1,3 @@
+export * from './providers';
+export * from './OzenProvider';
+export * from './types';

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

@@ -0,0 +1,3 @@
+export * from './providers';
+export * from './OzenProvider';
+export * from './types';

package/__inner__/esm/components/OzenProvider/providers/SSR/OzenSSRContext.d.ts

@@ -0,0 +1,6 @@
+import type { OzenSSRConfig } from './entities';
+export type OzenSSRContextValue = {
+    config: OzenSSRConfig;
+};
+export declare const OzenSSRContextDefaultValue: OzenSSRContextValue;
+export declare const OzenSSRContext: import("react").Context<OzenSSRContextValue>;

package/__inner__/esm/components/OzenProvider/providers/SSR/OzenSSRContext.js

@@ -0,0 +1,11 @@
+import { createContext } from 'react';
+import { isDev } from '../../../../constants/environment';
+import { OZEN_DEFAULT_SSR_CONFIG } from './constants';
+export var OzenSSRContextDefaultValue = {
+    config: OZEN_DEFAULT_SSR_CONFIG,
+};
+export var OzenSSRContext = createContext(OzenSSRContextDefaultValue);
+// Именованный провайдер
+if (isDev) {
+    OzenSSRContext.displayName = 'OzenSSRContext';
+}

package/__inner__/esm/components/OzenProvider/providers/SSR/OzenSSRProvider.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { OzenSSRProviderProps } from './types';
+export declare const OzenSSRProvider: ({ children, config }: OzenSSRProviderProps) => React.JSX.Element;

package/__inner__/esm/components/OzenProvider/providers/SSR/OzenSSRProvider.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { logger } from '@ozen-ui/logger';
+import { isDev } from '../../../../constants/environment';
+import { useStoredValue } from '../../../../hooks/useStoredValue';
+import { shallowEqual } from '../../../../utils/shallowEqual';
+import { OzenSSRContext } from './OzenSSRContext';
+export var OzenSSRProvider = function (_a) {
+    var children = _a.children, config = _a.config;
+    if (isDev) {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        var originalConfig = useStoredValue(config);
+        var isEqualConfigs = shallowEqual(originalConfig.current, config);
+        if (!isEqualConfigs) {
+            logger.error('Конфиг SSR отличается от изначального, он не может меняться динамически!', {
+                original: originalConfig.current,
+                current: config,
+            });
+        }
+    }
+    return (React.createElement(OzenSSRContext.Provider, { value: {
+            config: config,
+        } }, children));
+};

package/__inner__/esm/components/OzenProvider/providers/SSR/constants.d.ts

@@ -0,0 +1,2 @@
+import type { OzenSSRConfig } from './entities';
+export declare const OZEN_DEFAULT_SSR_CONFIG: OzenSSRConfig;

package/__inner__/esm/components/OzenProvider/providers/SSR/constants.js

@@ -0,0 +1,3 @@
+export var OZEN_DEFAULT_SSR_CONFIG = {
+    isEnabled: false,
+};

package/__inner__/esm/components/OzenProvider/providers/SSR/entities/config.d.ts

@@ -0,0 +1,8 @@
+export type OzenSSRConfigDisabled = {
+    isEnabled: false;
+};
+export type OzenSSRConfigEnabled = {
+    isEnabled: true;
+    serverWidth: number;
+};
+export type OzenSSRConfig = OzenSSRConfigDisabled | OzenSSRConfigEnabled;

package/__inner__/esm/components/OzenProvider/providers/SSR/entities/config.js

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

package/__inner__/esm/components/OzenProvider/providers/SSR/entities/index.d.ts

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

package/__inner__/esm/components/OzenProvider/providers/SSR/entities/index.js

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

package/__inner__/esm/components/OzenProvider/providers/SSR/hooks/index.d.ts

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

package/__inner__/esm/components/OzenProvider/providers/SSR/hooks/index.js

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

package/__inner__/esm/components/OzenProvider/providers/SSR/hooks/useOzenSSR/index.d.ts

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

package/__inner__/esm/components/OzenProvider/providers/SSR/hooks/useOzenSSR/index.js

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

package/__inner__/esm/components/OzenProvider/providers/SSR/hooks/useOzenSSR/useOzenSSR.d.ts

@@ -0,0 +1 @@
+export declare const useOzenSSR: () => import("../../OzenSSRContext").OzenSSRContextValue;

package/__inner__/esm/components/OzenProvider/providers/SSR/hooks/useOzenSSR/useOzenSSR.js

@@ -0,0 +1,3 @@
+import { useContext } from 'react';
+import { OzenSSRContext } from '../../OzenSSRContext';
+export var useOzenSSR = function () { return useContext(OzenSSRContext); };

package/__inner__/esm/components/OzenProvider/providers/SSR/index.d.ts

@@ -0,0 +1,5 @@
+export * from './entities';
+export * from './hooks';
+export * from './OzenSSRProvider';
+export * from './constants';
+export * from './types';

package/__inner__/esm/components/OzenProvider/providers/SSR/index.js

@@ -0,0 +1,5 @@
+export * from './entities';
+export * from './hooks';
+export * from './OzenSSRProvider';
+export * from './constants';
+export * from './types';

package/__inner__/esm/components/OzenProvider/providers/SSR/types.d.ts

@@ -0,0 +1,5 @@
+import type { PropsWithChildren } from 'react';
+import type { OzenSSRConfig } from './entities';
+export type OzenSSRProviderProps = PropsWithChildren<{
+    config: OzenSSRConfig;
+}>;

package/__inner__/esm/components/OzenProvider/providers/SSR/types.js

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

package/__inner__/esm/components/OzenProvider/providers/index.d.ts

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

package/__inner__/esm/components/OzenProvider/providers/index.js

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

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

@@ -0,0 +1,11 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { Theme } from '../ThemeProvider';
+import type { OZEN_PROVIDER_DEFAULT_TAG } from './constants';
+import type { OzenSSRConfig } from './providers';
+export type OzenProviderBaseProps = {
+    ssr: OzenSSRConfig;
+    theme?: Theme;
+};
+export type OzenProviderProps<As extends ElementType = typeof OZEN_PROVIDER_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<OzenProviderBaseProps, As>;
+export type OzenProviderRef = ComponentRef<typeof OZEN_PROVIDER_DEFAULT_TAG>;

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

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

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

@@ -3,38 +3,40 @@ import React, { useCallback, useMemo, useEffect, useRef, useState, forwardRef, }
 import { usePopper } from 'react-popper';
 import { CSSTransition } from 'react-transition-group';
 import './Popover.css';
+import { isServer } from '../../constants/environment';
 import { useClickOutside } from '../../hooks/useClickOutside';
 import { useEventListener } from '../../hooks/useEventListener';
 import { useFocusTrap } from '../../hooks/useFocusTrap';
 import { useMultiRef } from '../../hooks/useMultiRef';
+import { usePortalContainer } from '../../hooks/usePortalContainer';
 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 { PortalBase } from '../PortalBase';
 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';
+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, POPOVER_DEFAULT_PORTAL_CONTAINER, } from './constants';
 import { usePopoverManager } from './index';
 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, disableEscapeKeyDown = props.disableEscapeKeyDown, 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", "disableEscapeKeyDown", "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, _k = props.container, containerProp = _k === void 0 ? POPOVER_DEFAULT_PORTAL_CONTAINER : _k, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, disableEscapeKeyDown = props.disableEscapeKeyDown, 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, _l = props.as, as = _l === void 0 ? POPOVER_DEFAULT_TAG : _l, other = __rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "strategy", "disablePreventOverflow", "container", "ignoreClickOutsideRefs", "disableEscapeKeyDown", "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 _m = __read(useState(false), 2), openState = _m[0], setOpenState = _m[1];
     var focusedElement = useRef(null);
     var popoverRef = useRef(null);
-    var _m = usePopoverManager(popoverRef, 1000, openState), refsClickOutside = _m.refsClickOutside, isTop = _m.isTop;
+    var _o = usePopoverManager(popoverRef, 1000, openState), refsClickOutside = _o.refsClickOutside, isTop = _o.isTop;
     // Ловушка фокуса
     var trapRef = useFocusTrap({
         active: !disableEnforceFocus && isTop,
         focusinTrap: false,
     });
-    var _o = __read(useState(null), 2), popperElement = _o[0], setPopperElement = _o[1];
+    var _p = __read(useState(null), 2), popperElement = _p[0], setPopperElement = _p[1];
     var portalRef = useMultiRef([ref, popoverRef, trapRef, setPopperElement]);
     // Нажатие клавиши {ESC}
     useEventListener({
@@ -55,6 +57,9 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
     });
     var onExited = useCallback(function () {
         var _a, _b;
+        if (isServer) {
+            return;
+        }
         // Возвращаем фокус активного элемента
         if (!disableReturnFocus &&
             (((_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) ||
@@ -127,11 +132,11 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
             };
         return undefined;
     }, [anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current, position]);
-    var _p = usePopper(resolveReferenceElement, popperElement, {
+    var _q = usePopper(resolveReferenceElement, popperElement, {
         placement: placement,
         strategy: strategy,
         modifiers: modifiers,
-    }), styles = _p.styles, attributes = _p.attributes, update = _p.update;
+    }), styles = _q.styles, attributes = _q.attributes, update = _q.update;
     // Передача метода по перерасчету расположения компонента Popover в родительский компонент
     useEffect(function () {
         setUpdate === null || setUpdate === void 0 ? void 0 : setUpdate(update);
@@ -146,9 +151,13 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
         }
         setOpenState(open);
     }, [open]);
+    var container = usePortalContainer(containerProp);
+    if (!container) {
+        return null;
+    }
     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: Tag }, other, { style: __assign(__assign({}, style), styles.popper), ref: portalRef, className: cnPopover({ disableInteractive: disableInteractive }, [className]) }, attributes.popper),
+            React.createElement(PortalBase, __assign({ as: Tag }, other, { style: __assign(__assign({}, style), styles.popper), ref: portalRef, container: container, 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

@@ -8,3 +8,4 @@ export declare const POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 export declare const POPOVER_DEFAULT_PLACEMENT = "auto";
 export declare const POPOVER_DEFAULT_STRATEGY = "fixed";
 export declare const POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW = false;
+export declare const POPOVER_DEFAULT_PORTAL_CONTAINER: () => HTMLElement;

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

@@ -8,3 +8,6 @@ export var POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 export var POPOVER_DEFAULT_PLACEMENT = 'auto';
 export var POPOVER_DEFAULT_STRATEGY = 'fixed';
 export var POPOVER_DEFAULT_DISABLE_PREVENT_OVERFLOW = false;
+export var POPOVER_DEFAULT_PORTAL_CONTAINER = (function () {
+    return window.document.body;
+});

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

@@ -14,6 +14,8 @@ export declare const popoverPlacementVariant: readonly ["top-start", "top-end",
 export type PopoverPlacementVariant = (typeof popoverPlacementVariant)[number];
 export declare const popoverStrategyVariant: readonly ["absolute", "fixed"];
 export type PopoverStrategyVariant = (typeof popoverStrategyVariant)[number];
+export type PopoverUpdate = PopperJS.Instance['update'];
+export type PopoverSetUpdate = (update: PopoverUpdate | null) => void;
 export type PopoverBaseProps = {
     /** Признак по которому компонент будет представлен */
     open?: boolean;
@@ -70,7 +72,7 @@ export type PopoverBaseProps = {
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
     /** Функция обратного вызова для получения метода по перерасчету расположения компонента Popover */
-    setUpdate?(update: PopperJS.Instance['update'] | null): void;
+    setUpdate?: PopoverSetUpdate;
     /** Стратегия позиционирования */
     strategy?: PopoverStrategyVariant;
     /** Если `true` позволяет смещаться по границе якорного элемента компонента  */

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

@@ -1,2 +1,2 @@
-import type { PortalBaseProps } from './index';
+import type { PortalBaseProps } from './types';
 export declare const Portal: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PortalBaseProps, "div">;

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

@@ -1,17 +1,16 @@
 import { __assign, __rest } from "tslib";
 import React from 'react';
-import { createPortal } from 'react-dom';
+import { usePortalContainer } from '../../hooks/usePortalContainer';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
-import { useTheme, ThemeProvider } from '../ThemeProvider';
+import { PortalBase } from '../PortalBase';
 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',
-    }), _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();
-    return disablePortal ? (React.createElement(Tag, __assign({}, other, { ref: ref }), children)) : (createPortal(React.createElement(ThemeProvider, __assign({ theme: theme, as: Tag }, other, { ref: ref }), children), container));
+    }), _b = _a.disablePortal, disablePortal = _b === void 0 ? PORTAL_DEFAULT_DISABLE_PORTAL : _b, _c = _a.as, as = _c === void 0 ? PORTAL_DEFAULT_TAG : _c, containerProp = _a.container, children = _a.children, other = __rest(_a, ["disablePortal", "as", "container", "children"]);
+    var container = usePortalContainer(containerProp || PORTAL_DEFAULT_CONTAINER);
+    return (React.createElement(PortalBase, __assign({}, other, { container: container, as: as, ref: ref, disablePortal: disablePortal }), children));
 });
 Portal.displayName = 'Portal';

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

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

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

@@ -1,3 +1,5 @@
 export var PORTAL_DEFAULT_TAG = 'div';
-export var PORTAL_DEFAULT_CONTAINER = window.document.body;
+export var PORTAL_DEFAULT_CONTAINER = (function () {
+    return window.document.body;
+});
 export var PORTAL_DEFAULT_DISABLE_PORTAL = false;

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

@@ -1,12 +1,11 @@
 import type { ComponentRef, ElementType } from 'react';
+import type { PortalContainer } from '../../hooks/usePortalContainer';
+import type { ExtendableProps } from '../../types/ExtendableProps';
 import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { PortalBaseBaseProps } from '../PortalBase';
 import type { PORTAL_DEFAULT_TAG } from './constants';
 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 PortalBaseProps = ExtendableProps<{
+    container?: PortalContainer;
+}, PortalBaseBaseProps>;
 export type PortalProps<As extends ElementType = typeof PORTAL_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<PortalBaseProps, As>;

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

@@ -0,0 +1,2 @@
+import type { PortalBaseBaseProps } from './types';
+export declare const PortalBase: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PortalBaseBaseProps, "div">;

package/__inner__/esm/components/PortalBase/PortalBase.js

@@ -0,0 +1,18 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { createPortal } from 'react-dom';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { useTheme, ThemeProvider } from '../ThemeProvider';
+import { PORTAL_BASE_DEFAULT_TAG, PORTAL_BASE_DEFAULT_DISABLE_PORTAL, } from './constants';
+export var PortalBase = polymorphicComponentWithRef(function (_a, ref) {
+    var _b = _a.disablePortal, disablePortal = _b === void 0 ? PORTAL_BASE_DEFAULT_DISABLE_PORTAL : _b, _c = _a.as, Tag = _c === void 0 ? PORTAL_BASE_DEFAULT_TAG : _c, container = _a.container, children = _a.children, other = __rest(_a, ["disablePortal", "as", "container", "children"]);
+    var theme = useTheme();
+    if (disablePortal) {
+        return (React.createElement(Tag, __assign({}, other, { ref: ref }), children));
+    }
+    if (!container) {
+        return null;
+    }
+    return createPortal(React.createElement(ThemeProvider, __assign({ theme: theme, as: Tag }, other, { ref: ref }), children), container);
+});
+PortalBase.displayName = 'PortalBase';

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

@@ -0,0 +1,2 @@
+export declare const PORTAL_BASE_DEFAULT_TAG = "div";
+export declare const PORTAL_BASE_DEFAULT_DISABLE_PORTAL = false;

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

@@ -0,0 +1,2 @@
+export var PORTAL_BASE_DEFAULT_TAG = 'div';
+export var PORTAL_BASE_DEFAULT_DISABLE_PORTAL = false;

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

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

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

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

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

@@ -0,0 +1,15 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PortalContainerElement } from '../../hooks/usePortalContainer';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { PORTAL_BASE_DEFAULT_TAG } from './constants';
+export type PortalBaseRef = ComponentRef<typeof PORTAL_BASE_DEFAULT_TAG>;
+export type PortalBaseBaseProps = {
+    /** Контейнер для монтирования портала */
+    container: PortalContainerElement;
+    /** Если `true` отключает портал для компонента.
+     * Подробнее — https://react.dev/reference/react-dom/createPortal. */
+    disablePortal?: boolean;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type PortalBaseProps<As extends ElementType = typeof PORTAL_BASE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<PortalBaseBaseProps, As>;

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

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

package/__inner__/esm/components/Radio/Radio.js

@@ -1,6 +1,7 @@
 import { __assign, __rest } from "tslib";
 import './Radio.css';
 import React, { useContext, forwardRef } from 'react';
+import { useDeprecatedComponent } from '../../hooks/useDeprecated';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { FormControlLabel } from '../FormControlLabel';
@@ -11,6 +12,7 @@ export var cnRadio = cn('Radio');
  * @deprecated Компонент устарел. Для замены используйте компонент RadioNext
  */
 export var Radio = forwardRef(function (inProps, ref) {
+    useDeprecatedComponent('Radio');
     var props = useThemeProps({
         props: inProps,
         name: 'Radio',

package/__inner__/esm/components/RadioGroup/RadioGroup.js

@@ -2,6 +2,7 @@ import { __assign, __read, __rest } from "tslib";
 import './RadioGroup.css';
 import React from 'react';
 import { useControlled } from '../../hooks/useControlled';
+import { useDeprecatedComponent } from '../../hooks/useDeprecated';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
@@ -14,6 +15,7 @@ export var cnRadioGroup = cn('RadioGroup');
  * @deprecated Компонент устарел. Для замены используйте компонент RadioGroupNext
  */
 export var RadioGroup = polymorphicComponentWithRef(function (inProps, ref) {
+    useDeprecatedComponent('RadioGroup');
     var props = useThemeProps({
         props: inProps,
         name: 'RadioGroup',