@ozen-ui/kit 0.69.0 → 0.71.0

package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/transition/ozen-default/transition-ozen-default.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themeTransitionTokenOzenDefault = void 0;
+require("./transition-ozen-default.css");
+var utility_1 = require("../utility");
+exports.themeTransitionTokenOzenDefault = (0, utility_1.createTransitionToken)('ozenDefault', { default: "120ms ease-in-out", slow: "300ms ease-in-out" });

package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/transition/utility.d.ts

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

package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/transition/utility.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTransitionToken = void 0;
+var utils_1 = require("../../utils");
+exports.createTransitionToken = (0, utils_1.createGenerateTokenPreset)('transition');

package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/types.d.ts

@@ -0,0 +1,24 @@
+import type { ThemeBorderRadiusToken } from './border-radius';
+import type { ThemeBorderWidthToken } from './border-width';
+import type { ThemeBreakpointToken } from './breakpoint';
+import type { ThemeColorToken } from './color';
+import type { ThemeControlToken } from './control';
+import type { ThemeShadowToken } from './shadow';
+import type { ThemeSpaceToken } from './space';
+import type { ThemeSpacingToken } from './spacing';
+import type { ThemeTransitionToken } from './transition';
+import type { ThemeTypographyToken } from './typography';
+import type { ThemeZIndexToken } from './z-index';
+export type ThemeTokens = {
+    borderRadius: ThemeBorderRadiusToken;
+    borderWidth: ThemeBorderWidthToken;
+    breakpoint: ThemeBreakpointToken;
+    color: ThemeColorToken;
+    control: ThemeControlToken;
+    shadow: ThemeShadowToken;
+    space: ThemeSpaceToken;
+    spacing: ThemeSpacingToken;
+    transition: ThemeTransitionToken;
+    typography: ThemeTypographyToken;
+    zIndex: ThemeZIndexToken;
+};

package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/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__/cjs/components/OzenProvider/providers/theme/tokens/typography/entity.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/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__/cjs/components/OzenProvider/providers/theme/tokens/typography/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ozen-default"), exports);
+tslib_1.__exportStar(require("./entity"), exports);
+tslib_1.__exportStar(require("./utility"), exports);

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./typography-ozen-default"), exports);

package/__inner__/cjs/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__/cjs/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__/cjs/components/OzenProvider/providers/theme/tokens/typography/ozen-default/typography-ozen-default.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themeTypographyTokenOzenDefault = void 0;
+require("./typography-ozen-default.css");
+var utility_1 = require("../utility");
+exports.themeTypographyTokenOzenDefault = (0, utility_1.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__/cjs/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__/cjs/components/OzenProvider/providers/theme/tokens/typography/utility.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTypographyToken = void 0;
+var utils_1 = require("../../utils");
+exports.createTypographyToken = (0, utils_1.createGenerateTokenPreset)('typography');

package/__inner__/cjs/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__/cjs/components/OzenProvider/providers/theme/tokens/z-index/entity.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/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__/cjs/components/OzenProvider/providers/theme/tokens/z-index/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ozen-default"), exports);
+tslib_1.__exportStar(require("./entity"), exports);
+tslib_1.__exportStar(require("./utility"), exports);

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./z-index-ozen-default"), exports);

package/__inner__/cjs/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__/cjs/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__/cjs/components/OzenProvider/providers/theme/tokens/z-index/ozen-default/z-index-ozen-default.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themeZIndexTokenOzenDefault = void 0;
+require("./z-index-ozen-default.css");
+var utility_1 = require("../utility");
+exports.themeZIndexTokenOzenDefault = (0, utility_1.createZIndexToken)('ozenDefault', {
+    default: 0,
+    absolute: 1,
+    select: 10,
+    header: 600,
+    sidebar: 800,
+    modal: 1000,
+    popover: 1000,
+    snackbar: 1100,
+    tooltip: 1500,
+    chat: 9999,
+});

package/__inner__/cjs/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__/cjs/components/OzenProvider/providers/theme/tokens/z-index/utility.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createZIndexToken = void 0;
+var utils_1 = require("../../utils");
+exports.createZIndexToken = (0, utils_1.createGenerateTokenPreset)('z-index');

package/__inner__/cjs/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__/cjs/components/OzenProvider/providers/theme/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/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__/cjs/components/OzenProvider/providers/theme/utils.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extendTheme = exports.createGenerateTokenPreset = exports.generateToken = exports.generateTokenClassName = void 0;
+var object_1 = require("../../../../utils/object");
+var string_1 = require("../../../../utils/string");
+var classNames_1 = require("../../classNames");
+var generateTokenClassName = function (_a) {
+    var variant = _a.variant, token = _a.token;
+    return "".concat((0, classNames_1.cnOzenProvider)(), "_").concat((0, string_1.toKebabCase)(token), "_").concat(variant);
+};
+exports.generateTokenClassName = generateTokenClassName;
+var generateToken = function (_a) {
+    var variant = _a.variant, token = _a.token, properties = _a.properties;
+    return ({
+        properties: properties,
+        variant: variant,
+        token: token,
+        className: (0, exports.generateTokenClassName)({ variant: variant, token: token }),
+        toCSSProperty: function (key) { return "--".concat(token, "-").concat(String(key)); },
+    });
+};
+exports.generateToken = generateToken;
+var createGenerateTokenPreset = function (token) {
+    return function (variant, properties) {
+        return (0, exports.generateToken)({
+            variant: variant,
+            token: token,
+            properties: properties,
+        });
+    };
+};
+exports.createGenerateTokenPreset = createGenerateTokenPreset;
+var extendTheme = function (target, source) { return (0, object_1.mergeDeep)(target, source); };
+exports.extendTheme = extendTheme;

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

@@ -1,11 +1,14 @@
 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';
+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__/cjs/components/Pagination/Pagination.d.ts

@@ -1,4 +1,4 @@
 import './Pagination.css';
 import type { PaginationBaseProps } from './types';
 export declare const cnPagination: import("@bem-react/classname").ClassNameFormatter;
-export declare const Pagination: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PaginationBaseProps, "nav">;
+export declare const Pagination: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PaginationBaseProps, "nav", "as">;

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

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

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

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

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

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

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

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

package/__inner__/cjs/components/PortalBase/PortalBase.js

@@ -4,18 +4,27 @@ exports.PortalBase = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var react_dom_1 = require("react-dom");
+var useTheme_1 = require("../../hooks/useTheme");
+var useThemeSettings_1 = require("../../hooks/useThemeSettings");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
+var OzenProvider_1 = require("../OzenProvider");
 var ThemeProvider_1 = require("../ThemeProvider");
 var constants_1 = require("./constants");
 exports.PortalBase = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
     var _b = _a.disablePortal, disablePortal = _b === void 0 ? constants_1.PORTAL_BASE_DEFAULT_DISABLE_PORTAL : _b, _c = _a.as, Tag = _c === void 0 ? constants_1.PORTAL_BASE_DEFAULT_TAG : _c, container = _a.container, children = _a.children, other = tslib_1.__rest(_a, ["disablePortal", "as", "container", "children"]);
-    var theme = (0, ThemeProvider_1.useTheme)();
+    var oldTheme = (0, ThemeProvider_1.useTheme)();
+    var theme = (0, useTheme_1.useTheme)();
+    var isUseNewProvider = (0, useThemeSettings_1.useThemeSettings)().isUseNewProvider;
+    var ssr = (0, OzenProvider_1.useOzenSSR)();
     if (disablePortal) {
         return (react_1.default.createElement(Tag, tslib_1.__assign({}, other, { ref: ref }), children));
     }
     if (!container) {
         return null;
     }
-    return (0, react_dom_1.createPortal)(react_1.default.createElement(ThemeProvider_1.ThemeProvider, tslib_1.__assign({ theme: theme, as: Tag }, other, { ref: ref }), children), container);
+    if (!isUseNewProvider) {
+        return (react_1.default.createElement(ThemeProvider_1.ThemeProvider, tslib_1.__assign({ theme: oldTheme, as: Tag }, other, { ref: ref }), children));
+    }
+    return (0, react_dom_1.createPortal)(react_1.default.createElement(OzenProvider_1.OzenProvider, tslib_1.__assign({ theme: theme, as: Tag, ssr: ssr.config }, other, { ref: ref }), children), container);
 });
 exports.PortalBase.displayName = 'PortalBase';

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

@@ -8,4 +8,4 @@ export type ProgressBarBaseProps = {
     value?: number;
 };
 export type ProgressBarProps<As extends ElementType = typeof PROGRESSBAR_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ProgressBarBaseProps, As>;
-export declare const ProgressBar: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ProgressBarBaseProps, "span">;
+export declare const ProgressBar: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ProgressBarBaseProps, "span", "as">;

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

@@ -4,4 +4,4 @@ export declare const cnRadioGroup: import("@bem-react/classname").ClassNameForma
 /**
  * @deprecated Компонент устарел. Для замены используйте компонент RadioGroupNext
  */
-export declare const RadioGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<RadioGroupBaseProps, "div">;
+export declare const RadioGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<RadioGroupBaseProps, "div", "as">;

package/__inner__/cjs/components/RadioGroupNext/RadioGroup.d.ts

@@ -1,4 +1,4 @@
 import './RadioGroup.css';
 import type { RadioGroupBaseProps } from './types';
 export declare const cnRadioGroup: import("@bem-react/classname").ClassNameFormatter;
-export declare const RadioGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<RadioGroupBaseProps, "div">;
+export declare const RadioGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<RadioGroupBaseProps, "div", "as">;

package/__inner__/cjs/components/SectionMessage/index.d.ts

@@ -1,2 +1,3 @@
+export * from './modules';
 export * from './SectionMessage';
 export * from './types';

package/__inner__/cjs/components/SectionMessage/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./modules"), exports);
 tslib_1.__exportStar(require("./SectionMessage"), exports);
 tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/SectionMessage/modules/SectionMessageButton/SectionMessageButton.d.ts

@@ -1,3 +1,3 @@
 import type { SectionMessageButtonBaseProps } from './types';
 export declare const cnSectionMessageButton: import("@bem-react/classname").ClassNameFormatter;
-export declare const SectionMessageButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<SectionMessageButtonBaseProps, "button">;
+export declare const SectionMessageButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<SectionMessageButtonBaseProps, "button", "as">;

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

@@ -1,4 +1,4 @@
 import './Slider.css';
 import type { SliderBaseProps } from './types';
 export declare const cnSlider: import("@bem-react/classname").ClassNameFormatter;
-export declare const Slider: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<SliderBaseProps, "div">;
+export declare const Slider: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<SliderBaseProps, "div", "as">;

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

@@ -1,4 +1,4 @@
 import './Stack.css';
 import type { StackBaseProps } from './types';
 export declare const cnStack: import("@bem-react/classname").ClassNameFormatter;
-export declare const Stack: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<StackBaseProps, "div">;
+export declare const Stack: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<StackBaseProps, "div", "as">;

package/__inner__/cjs/components/Stack/Stack.js

@@ -8,6 +8,7 @@ var classnames_1 = require("@bem-react/classnames");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
+var constants_1 = require("./constants");
 var utils_1 = require("./utils");
 exports.cnStack = (0, classname_1.cn)('Stack');
 exports.Stack = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
@@ -15,7 +16,7 @@ exports.Stack = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(f
         props: inProps,
         name: 'Stack',
     });
-    var _a = props.as, Tag = _a === void 0 ? 'div' : _a, _b = props.direction, direction = _b === void 0 ? 'row' : _b, divider = props.divider, _c = props.shouldWrapChildren, shouldWrapChildren = _c === void 0 ? false : _c, fullWidth = props.fullWidth, children = props.children, align = props.align, justify = props.justify, gap = props.gap, wrap = props.wrap, className = props.className, other = tslib_1.__rest(props, ["as", "direction", "divider", "shouldWrapChildren", "fullWidth", "children", "align", "justify", "gap", "wrap", "className"]);
+    var _a = props.as, Tag = _a === void 0 ? constants_1.STACK_DEFAULT_TAG : _a, _b = props.direction, direction = _b === void 0 ? 'row' : _b, divider = props.divider, _c = props.shouldWrapChildren, shouldWrapChildren = _c === void 0 ? false : _c, fullWidth = props.fullWidth, children = props.children, align = props.align, justify = props.justify, gap = props.gap, wrap = props.wrap, className = props.className, other = tslib_1.__rest(props, ["as", "direction", "divider", "shouldWrapChildren", "fullWidth", "children", "align", "justify", "gap", "wrap", "className"]);
     var childNodes = react_1.Children.toArray(children);
     if (!childNodes.length) {
         return null;

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.STACK_DEFAULT_TAG = void 0;
+exports.STACK_DEFAULT_TAG = 'div';

package/__inner__/cjs/components/Stack/index.d.ts

@@ -1,2 +1,3 @@
+export * from './constants';
 export * from './Stack';
 export * from './types';

package/__inner__/cjs/components/Stack/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./constants"), exports);
 tslib_1.__exportStar(require("./Stack"), exports);
 tslib_1.__exportStar(require("./types"), exports);

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

@@ -1,6 +1,7 @@
-import type { ElementType, ReactElement } from 'react';
+import type { ComponentRef, ElementType, ReactElement } from 'react';
 import type { ResponsiveValue } from '../../types/ResponsiveValue';
 import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
+import type { STACK_DEFAULT_TAG } from './constants';
 export declare const stackGapVariant: readonly ["0", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl"];
 export declare const stackDirectionVariant: readonly ["row", "column", "rowReverse", "columnReverse"];
 export declare const stackAlignVariant: readonly ["center", "start", "end", "baseline"];
@@ -26,5 +27,8 @@ export type StackBaseProps = {
     shouldWrapChildren?: boolean;
     /** React-элемент для разделителя между дочерними компонентами стека */
     divider?: ReactElement;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
 };
-export type StackProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<StackBaseProps, As>;
+export type StackRef<As extends ElementType = typeof STACK_DEFAULT_TAG> = ComponentRef<As>;
+export type StackProps<As extends ElementType = typeof STACK_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StackBaseProps, As>;

package/__inner__/cjs/components/Table/components/TableCell/TableCell.css

@@ -29,4 +29,4 @@
       padding: var(--table-header-cell-padding);
       text-transform: uppercase;
       white-space: nowrap;
-    }
+    }

package/__inner__/cjs/components/Table/components/TableContainer/TableContainer.d.ts

@@ -1,4 +1,4 @@
 import './TableContainer.css';
 import type { TableContainerBaseProps } from './index';
 export declare const cnTableContainer: import("@bem-react/classname").ClassNameFormatter;
-export declare const TableContainer: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TableContainerBaseProps, "div">;
+export declare const TableContainer: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TableContainerBaseProps, "div", "as">;

package/__inner__/cjs/components/Tabs/components/Tab/Tab.d.ts

@@ -2,5 +2,5 @@ import './Tab.css';
 import React from 'react';
 import type { TabBaseProps } from './index';
 export declare const cnTab: import("@bem-react/classname").ClassNameFormatter;
-export declare const TabComponent: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TabBaseProps, "div">;
-export declare const Tab: React.MemoExoticComponent<import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TabBaseProps, "div">>;
+export declare const TabComponent: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TabBaseProps, "div", "as">;
+export declare const Tab: React.MemoExoticComponent<import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TabBaseProps, "div", "as">>;

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

@@ -24,5 +24,5 @@ type TagBaseProps = {
     iconRight?: TagIcon;
 };
 export type TagProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<TagBaseProps, As>;
-export declare const Tag: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TagBaseProps, "div">;
+export declare const Tag: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TagBaseProps, "div", "as">;
 export {};

package/__inner__/cjs/components/TagNext/Tag.d.ts

@@ -1,4 +1,4 @@
 import './Tag.css';
 import type { TagBaseProps } from './index';
 export declare const cnTag: import("@bem-react/classname").ClassNameFormatter;
-export declare const Tag: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TagBaseProps, "div">;
+export declare const Tag: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TagBaseProps, "div", "as">;

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

@@ -1,4 +1,7 @@
 import './ThemeProvider.css';
 import type { ThemeProviderBaseProps } from './index';
 export declare const cnThemeProvider: import("@bem-react/classname").ClassNameFormatter;
-export declare const ThemeProvider: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ThemeProviderBaseProps, "div">;
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент <OzenProvider>
+ */
+export declare const ThemeProvider: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ThemeProviderBaseProps, "div", "as">;