@ozen-ui/kit 0.68.0 → 0.70.0

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/typography/entity.d.ts

@@ -0,0 +1,36 @@
+import type { ThemeToken } from '../../entities';
+export type ThemeTypographyTokenProperties = {
+    'text-xl_1-font': string;
+    'text-m-font': string;
+    'text-l-font': string;
+    'text-4xl-font': string;
+    'text-4xl_1-font': string;
+    'text-3xl-font': string;
+    'text-3xl_1-font': string;
+    'text-2xl-font': string;
+    'text-2xl_1-font': string;
+    'text-xl-font': string;
+    'text-l_1-font': string;
+    'text-m_1-font': string;
+    'text-s-font': string;
+    'text-s_1-font': string;
+    'text-xs-font': string;
+    'text-xs_1-font': string;
+    'text-2xs-font': string;
+    'text-2xs_1-font': string;
+    'text-3xs-font': string;
+    'text-3xs_1-font': string;
+    'heading-4xl-font': string;
+    'heading-3xl-font': string;
+    'heading-2xl-font': string;
+    'heading-xl-font': string;
+    'heading-l-font': string;
+    'caption-3xs-font': string;
+    'caption-3xs-text_transform': string;
+    'caption-3xs-letter_spacing': number;
+    'caption-3xs_1-font': string;
+    'caption-3xs_1-text_transform': string;
+    'caption-3xs_1-letter_spacing': number;
+};
+export type ThemeTypographyTokenVariable = keyof ThemeTypographyTokenProperties;
+export type ThemeTypographyToken = ThemeToken<ThemeTypographyTokenProperties>;

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/typography/entity.js

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

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/typography/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ozen-default';
+export * from './entity';
+export * from './utility';

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/typography/index.js

@@ -0,0 +1,3 @@
+export * from './ozen-default';
+export * from './entity';
+export * from './utility';

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/typography/ozen-default/index.d.ts

@@ -0,0 +1 @@
+export * from './typography-ozen-default';

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/typography/ozen-default/index.js

@@ -0,0 +1 @@
+export * from './typography-ozen-default';

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/typography/ozen-default/typography-ozen-default.css

@@ -0,0 +1,33 @@
+.OzenProvider_typography_ozenDefault {
+  --typography-text-xl_1-font: 500 24px/32px 'Roboto', sans-serif;
+  --typography-text-m-font: 400 16px/24px 'Roboto', sans-serif;
+  --typography-text-l-font: 400 18px/28px 'Roboto', sans-serif;
+  --typography-text-4xl-font: 400 40px/56px 'Roboto', sans-serif;
+  --typography-text-4xl_1-font: 500 40px/56px 'Roboto', sans-serif;
+  --typography-text-3xl-font: 400 32px/40px 'Roboto', sans-serif;
+  --typography-text-3xl_1-font: 500 32px/40px 'Roboto', sans-serif;
+  --typography-text-2xl-font: 400 28px/36px 'Roboto', sans-serif;
+  --typography-text-2xl_1-font: 500 28px/36px 'Roboto', sans-serif;
+  --typography-text-xl-font: 400 24px/32px 'Roboto', sans-serif;
+  --typography-text-l_1-font: 500 18px/28px 'Roboto', sans-serif;
+  --typography-text-m_1-font: 500 16px/24px 'Roboto', sans-serif;
+  --typography-text-s-font: 400 14px/20px 'Roboto', sans-serif;
+  --typography-text-s_1-font: 500 14px/20px 'Roboto', sans-serif;
+  --typography-text-xs-font: 400 13px/16px 'Roboto', sans-serif;
+  --typography-text-xs_1-font: 500 13px/16px 'Roboto', sans-serif;
+  --typography-text-2xs-font: 400 12px/16px 'Roboto', sans-serif;
+  --typography-text-2xs_1-font: 500 12px/16px 'Roboto', sans-serif;
+  --typography-text-3xs-font: 400 10px/16px 'Roboto', sans-serif;
+  --typography-text-3xs_1-font: 500 10px/16px 'Roboto', sans-serif;
+  --typography-heading-4xl-font: 500 48px/64px 'Roboto', sans-serif;
+  --typography-heading-3xl-font: 700 40px/56px 'Roboto', sans-serif;
+  --typography-heading-2xl-font: 700 32px/40px 'Roboto', sans-serif;
+  --typography-heading-xl-font: 700 24px/32px 'Roboto', sans-serif;
+  --typography-heading-l-font: 700 20px/28px 'Roboto', sans-serif;
+  --typography-caption-3xs-font: 400 10px/16px 'Roboto', sans-serif;
+  --typography-caption-3xs-text_transform: uppercase;
+  --typography-caption-3xs-letter_spacing: 0.30000001192092896;
+  --typography-caption-3xs_1-font: 500 10px/16px 'Roboto', sans-serif;
+  --typography-caption-3xs_1-text_transform: uppercase;
+  --typography-caption-3xs_1-letter_spacing: 0.30000001192092896;
+}

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/typography/ozen-default/typography-ozen-default.d.ts

@@ -0,0 +1,2 @@
+import './typography-ozen-default.css';
+export declare const themeTypographyTokenOzenDefault: import("../../..").ThemeToken<import("..").ThemeTypographyTokenProperties>;

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/typography/ozen-default/typography-ozen-default.js

@@ -0,0 +1,35 @@
+import './typography-ozen-default.css';
+import { createTypographyToken } from '../utility';
+export var themeTypographyTokenOzenDefault = createTypographyToken('ozenDefault', {
+    'text-xl_1-font': "500 24px/32px 'Roboto', sans-serif",
+    'text-m-font': "400 16px/24px 'Roboto', sans-serif",
+    'text-l-font': "400 18px/28px 'Roboto', sans-serif",
+    'text-4xl-font': "400 40px/56px 'Roboto', sans-serif",
+    'text-4xl_1-font': "500 40px/56px 'Roboto', sans-serif",
+    'text-3xl-font': "400 32px/40px 'Roboto', sans-serif",
+    'text-3xl_1-font': "500 32px/40px 'Roboto', sans-serif",
+    'text-2xl-font': "400 28px/36px 'Roboto', sans-serif",
+    'text-2xl_1-font': "500 28px/36px 'Roboto', sans-serif",
+    'text-xl-font': "400 24px/32px 'Roboto', sans-serif",
+    'text-l_1-font': "500 18px/28px 'Roboto', sans-serif",
+    'text-m_1-font': "500 16px/24px 'Roboto', sans-serif",
+    'text-s-font': "400 14px/20px 'Roboto', sans-serif",
+    'text-s_1-font': "500 14px/20px 'Roboto', sans-serif",
+    'text-xs-font': "400 13px/16px 'Roboto', sans-serif",
+    'text-xs_1-font': "500 13px/16px 'Roboto', sans-serif",
+    'text-2xs-font': "400 12px/16px 'Roboto', sans-serif",
+    'text-2xs_1-font': "500 12px/16px 'Roboto', sans-serif",
+    'text-3xs-font': "400 10px/16px 'Roboto', sans-serif",
+    'text-3xs_1-font': "500 10px/16px 'Roboto', sans-serif",
+    'heading-4xl-font': "500 48px/64px 'Roboto', sans-serif",
+    'heading-3xl-font': "700 40px/56px 'Roboto', sans-serif",
+    'heading-2xl-font': "700 32px/40px 'Roboto', sans-serif",
+    'heading-xl-font': "700 24px/32px 'Roboto', sans-serif",
+    'heading-l-font': "700 20px/28px 'Roboto', sans-serif",
+    'caption-3xs-font': "400 10px/16px 'Roboto', sans-serif",
+    'caption-3xs-text_transform': "uppercase",
+    'caption-3xs-letter_spacing': 0.30000001192092896,
+    'caption-3xs_1-font': "500 10px/16px 'Roboto', sans-serif",
+    'caption-3xs_1-text_transform': "uppercase",
+    'caption-3xs_1-letter_spacing': 0.30000001192092896,
+});

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/typography/utility.d.ts

@@ -0,0 +1 @@
+export declare const createTypographyToken: (variant: string, properties: import("./entity").ThemeTypographyTokenProperties) => import("../..").ThemeToken<import("./entity").ThemeTypographyTokenProperties>;

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/typography/utility.js

@@ -0,0 +1,2 @@
+import { createGenerateTokenPreset } from '../../utils';
+export var createTypographyToken = createGenerateTokenPreset('typography');

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/z-index/entity.d.ts

@@ -0,0 +1,15 @@
+import type { ThemeToken } from '../../entities';
+export type ThemeZIndexTokenProperties = {
+    default: number;
+    absolute: number;
+    select: number;
+    header: number;
+    sidebar: number;
+    modal: number;
+    popover: number;
+    snackbar: number;
+    tooltip: number;
+    chat: number;
+};
+export type ThemeZIndexTokenVariable = keyof ThemeZIndexTokenProperties;
+export type ThemeZIndexToken = ThemeToken<ThemeZIndexTokenProperties>;

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/z-index/entity.js

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

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/z-index/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ozen-default';
+export * from './entity';
+export * from './utility';

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/z-index/index.js

@@ -0,0 +1,3 @@
+export * from './ozen-default';
+export * from './entity';
+export * from './utility';

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/z-index/ozen-default/index.d.ts

@@ -0,0 +1 @@
+export * from './z-index-ozen-default';

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/z-index/ozen-default/index.js

@@ -0,0 +1 @@
+export * from './z-index-ozen-default';

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/z-index/ozen-default/z-index-ozen-default.css

@@ -0,0 +1,12 @@
+.OzenProvider_z-index_ozenDefault {
+  --z-index-default: 0;
+  --z-index-absolute: 1;
+  --z-index-select: 10;
+  --z-index-header: 600;
+  --z-index-sidebar: 800;
+  --z-index-modal: 1000;
+  --z-index-popover: 1000;
+  --z-index-snackbar: 1100;
+  --z-index-tooltip: 1500;
+  --z-index-chat: 9999;
+}

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/z-index/ozen-default/z-index-ozen-default.d.ts

@@ -0,0 +1,2 @@
+import './z-index-ozen-default.css';
+export declare const themeZIndexTokenOzenDefault: import("../../..").ThemeToken<import("..").ThemeZIndexTokenProperties>;

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/z-index/ozen-default/z-index-ozen-default.js

@@ -0,0 +1,14 @@
+import './z-index-ozen-default.css';
+import { createZIndexToken } from '../utility';
+export var themeZIndexTokenOzenDefault = createZIndexToken('ozenDefault', {
+    default: 0,
+    absolute: 1,
+    select: 10,
+    header: 600,
+    sidebar: 800,
+    modal: 1000,
+    popover: 1000,
+    snackbar: 1100,
+    tooltip: 1500,
+    chat: 9999,
+});

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/z-index/utility.d.ts

@@ -0,0 +1 @@
+export declare const createZIndexToken: (variant: string, properties: import("./entity").ThemeZIndexTokenProperties) => import("../..").ThemeToken<import("./entity").ThemeZIndexTokenProperties>;

package/__inner__/esm/components/OzenProvider/providers/theme/tokens/z-index/utility.js

@@ -0,0 +1,2 @@
+import { createGenerateTokenPreset } from '../../utils';
+export var createZIndexToken = createGenerateTokenPreset('z-index');

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

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

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

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

package/__inner__/esm/components/OzenProvider/providers/theme/utils.d.ts

@@ -0,0 +1,12 @@
+import type { ThemeToken, ThemeTokenProperties, Theme } from './entities';
+export declare const generateTokenClassName: ({ variant, token, }: {
+    variant: string;
+    token: string;
+}) => string;
+export declare const generateToken: <Properties extends ThemeTokenProperties>({ variant, token, properties, }: {
+    variant: string;
+    token: string;
+    properties: Properties;
+}) => ThemeToken<Properties>;
+export declare const createGenerateTokenPreset: <Token extends ThemeToken<ThemeTokenProperties>>(token: string) => (variant: string, properties: Token["properties"]) => ThemeToken<Token["properties"]>;
+export declare const extendTheme: (target: Theme, source: { [key in keyof Theme]?: Partial<Theme[key]>; }) => Theme;

package/__inner__/esm/components/OzenProvider/providers/theme/utils.js

@@ -0,0 +1,27 @@
+import { mergeDeep } from '../../../../utils/object';
+import { toKebabCase } from '../../../../utils/string';
+import { cnOzenProvider } from '../../classNames';
+export var generateTokenClassName = function (_a) {
+    var variant = _a.variant, token = _a.token;
+    return "".concat(cnOzenProvider(), "_").concat(toKebabCase(token), "_").concat(variant);
+};
+export var generateToken = function (_a) {
+    var variant = _a.variant, token = _a.token, properties = _a.properties;
+    return ({
+        properties: properties,
+        variant: variant,
+        token: token,
+        className: generateTokenClassName({ variant: variant, token: token }),
+        toCSSProperty: function (key) { return "--".concat(token, "-").concat(String(key)); },
+    });
+};
+export var createGenerateTokenPreset = function (token) {
+    return function (variant, properties) {
+        return generateToken({
+            variant: variant,
+            token: token,
+            properties: properties,
+        });
+    };
+};
+export var extendTheme = function (target, source) { return mergeDeep(target, source); };

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

@@ -0,0 +1,14 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { OZEN_PROVIDER_DEFAULT_TAG } from './constants';
+import type { Theme, OzenSSRConfig } from './providers';
+export type OzenProviderBaseProps = {
+    /** Настройки SSR */
+    ssr: OzenSSRConfig;
+    /** Тема */
+    theme?: Theme;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+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,27 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { createPortal } from 'react-dom';
+import { useTheme } from '../../hooks/useTheme';
+import { useThemeSettings } from '../../hooks/useThemeSettings';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { OzenProvider, useOzenSSR } from '../OzenProvider';
+import { ThemeProvider, useTheme as useOldTheme } 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 oldTheme = useOldTheme();
+    var theme = useTheme();
+    var isUseNewProvider = useThemeSettings().isUseNewProvider;
+    var ssr = useOzenSSR();
+    if (disablePortal) {
+        return (React.createElement(Tag, __assign({}, other, { ref: ref }), children));
+    }
+    if (!container) {
+        return null;
+    }
+    if (!isUseNewProvider) {
+        return (React.createElement(ThemeProvider, __assign({ theme: oldTheme, as: Tag }, other, { ref: ref }), children));
+    }
+    return createPortal(React.createElement(OzenProvider, __assign({ theme: theme, as: Tag, ssr: ssr.config }, 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',

package/__inner__/esm/components/RadioGroupNext/RadioGroupContext.js

@@ -1,8 +1,8 @@
 import { useContext, createContext } from 'react';
-import { IS_DEV } from '../../constants/environment';
+import { isDev } from '../../constants/environment';
 export var RadioGroupContext = createContext(undefined);
 export var useRadioGroupContext = function () { return useContext(RadioGroupContext); };
 // Именованный провайдер
-if (IS_DEV) {
+if (isDev) {
     RadioGroupContext.displayName = 'RadioGroupContext';
 }

package/__inner__/esm/components/RadioNext/Radio.css

@@ -69,8 +69,8 @@
   }
 
   .RadioNext-Box {
-    inline-size: var(--radio-size, 20px);
-    block-size: var(--radio-size, 20px);
+    inline-size: var(--radio-size);
+    block-size: var(--radio-size);
     position: relative;
     border-radius: 50%;
     flex-shrink: 0;