@ozen-ui/kit 0.68.0 → 0.70.0

package/__inner__/esm/components/FilePicker/FilePicker.js

@@ -2,7 +2,7 @@ import { __assign, __read, __rest } from "tslib";
 import './FilePicker.css';
 import React, { forwardRef, useRef, useState } from 'react';
 import { AttachmentIcon, CrossIcon } from '@ozen-ui/icons';
-import { deprecate } from '@ozen-ui/logger';
+import { useDeprecatedProperty } from '../../hooks/useDeprecated';
 import { useMultiRef } from '../../hooks/useMultiRef';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
@@ -20,12 +20,8 @@ export var FilePicker = forwardRef(function (inProps, ref) {
         props: inProps,
         name: 'FilePicker',
     }), _b = _a.size, size = _b === void 0 ? FILE_PICKER_DEFAULT_SIZE : _b, _c = _a.disabled, disabled = _c === void 0 ? FILE_PICKER_DEFAULT_DISABLED : _c, _d = _a.required, required = _d === void 0 ? FILE_PICKER_DEFAULT_REQUIRED : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? FILE_PICKER_DEFAULT_FULL_WIDTH : _e, _f = _a.disableTruncate, disableTruncate = _f === void 0 ? FILE_PICKER_DEFAULT_DISABLE_TRUNCATE : _f, _g = _a.multiple, multiple = _g === void 0 ? FILE_PICKER_DEFAULT_MULTIPLE : _g, placeholder = _a.placeholder, clearText = _a.clearText, _h = _a.renderRight, renderRight = _h === void 0 ? AttachmentIcon : _h, renderValueProp = _a.renderValue, onChangeProp = _a.onChange, onClearProp = _a.onClear, inputRef = _a.inputRef, fileList = _a.fileList, accept = _a.accept, id = _a.id, name = _a.name, label = _a.label, autoFocus = _a.autoFocus, error = _a.error, hint = _a.hint, renderLeft = _a.renderLeft, labelProps = _a.labelProps, inputProps = _a.inputProps, hintProps = _a.hintProps, labelRef = _a.labelRef, className = _a.className, other = __rest(_a, ["size", "disabled", "required", "fullWidth", "disableTruncate", "multiple", "placeholder", "clearText", "renderRight", "renderValue", "onChange", "onClear", "inputRef", "fileList", "accept", "id", "name", "label", "autoFocus", "error", "hint", "renderLeft", "labelProps", "inputProps", "hintProps", "labelRef", "className"]);
-    if (process.env.NODE_ENV !== 'production' && labelRef) {
-        deprecate('Свойство «labelRef» устарело. Для замены используйте «labelProps.ref».');
-    }
-    if (process.env.NODE_ENV !== 'production' && inputRef) {
-        deprecate('Свойство «inputRef» устарело. Для замены используйте «inputProps.ref».');
-    }
+    useDeprecatedProperty(!!labelRef, 'labelRef', 'labelProps.ref');
+    useDeprecatedProperty(!!inputRef, 'inputRef', 'inputProps.ref');
     var inputInnerRef = useRef(null);
     var _j = __read(useState(false), 2), focused = _j[0], setFocused = _j[1];
     var hasFiles = !!(fileList === null || fileList === void 0 ? void 0 : fileList.length);

package/__inner__/esm/components/FormControlCarcass/FormControlCarcass.css

@@ -1,9 +1,10 @@
 /* stylelint-disable */
 .FormControlCarcass {
-  --form-control-carcass-control-block-padding: 0;
-  --form-control-carcass-after-block-padding: 0;
-  --form-control-content-gap: 0;
+  --form-control-carcass-control-block-margin: 0px;
+  --form-control-carcass-after-block-margin: 0px;
+  --form-control-content-gap: 0px;
   --form-control-label-color: var(--color-content-primary);
+  box-sizing: border-box;
   display: inline-flex;
   cursor: pointer;
   vertical-align: top;
@@ -29,8 +30,8 @@
       text-transform: var(--typography-text-s-text_transform, none);
 
       --form-control-content-gap: var(--spacing-xs);
-      --form-control-carcass-control-block-padding: var(--spacing-4xs);
-      --form-control-carcass-after-block-padding: var(--spacing-4xs);
+      --form-control-carcass-control-block-margin: var(--spacing-4xs);
+      --form-control-carcass-after-block-margin: var(--spacing-4xs);
     }
 .FormControlCarcass_size_m {
       font: var(--typography-text-m-font);
@@ -38,7 +39,7 @@
       text-transform: var(--typography-text-m-text_transform, none);
 
       --form-control-content-gap: var(--spacing-xs);
-      --form-control-carcass-control-block-padding: var(--spacing-4xs);
+      --form-control-carcass-control-block-margin: var(--spacing-4xs);
     }
 .FormControlCarcass_size_l {
       font: var(--typography-text-l-font);
@@ -46,8 +47,8 @@
       text-transform: var(--typography-text-l-text_transform, none);
 
       --form-control-content-gap: var(--spacing-s);
-      --form-control-carcass-control-block-padding: var(--spacing-3xs);
-      --form-control-carcass-after-block-padding: var(--spacing-4xs);
+      --form-control-carcass-control-block-margin: var(--spacing-3xs);
+      --form-control-carcass-after-block-margin: var(--spacing-4xs);
     }
 .FormControlCarcass_align_top {
       align-items: flex-start;
@@ -71,8 +72,9 @@
     content: '\a0';
   }
 .FormControlCarcass-Control {
+    box-sizing: border-box;
     flex-shrink: 0;
-    padding-block: var(--form-control-carcass-control-block-padding);
+    margin-block: var(--form-control-carcass-control-block-margin);
   }
 .FormControlCarcass-Content {
     margin-inline-start: var(--form-control-content-gap);
@@ -80,10 +82,11 @@
     transition: color var(--transition-default);
   }
 .FormControlCarcass-After {
+    box-sizing: border-box;
     display: inline-flex;
     align-items: center;
     margin-inline-start: var(--form-control-content-gap);
-    padding-block: var(--form-control-carcass-after-block-padding);
+    margin-block: var(--form-control-carcass-after-block-margin);
   }
 .FormControlCarcass_disabled {
     --form-control-label-color: var(--color-content-disabled);

package/__inner__/esm/components/FormControlCarcass/FormControlCarcassContext.js

@@ -1,5 +1,5 @@
 import { useContext, createContext } from 'react';
-import { IS_DEV } from '../../constants/environment';
+import { isDev } from '../../constants/environment';
 import { FORM_CONTROL_CARCASS_DEFAULT_DISABLED, FORM_CONTROL_CARCASS_DEFAULT_SIZE, FORM_CONTROL_CARCASS_DEFAULT_VARIANT, } from './constants';
 export var FormControlCarcassContextDefaultValue = {
     size: FORM_CONTROL_CARCASS_DEFAULT_SIZE,
@@ -11,6 +11,6 @@ export var useFormControlCarcassContext = function () {
     return useContext(FormControlCarcassContext);
 };
 // Именованный провайдер
-if (IS_DEV) {
+if (isDev) {
     FormControlCarcassContext.displayName = 'FormControlCarcassContext';
 }

package/__inner__/esm/components/IconButton/IconButton.js

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 import './IconButton.css';
 import React, { useMemo } from 'react';
-import { deprecate } from '@ozen-ui/logger';
+import { useDeprecatedComponent } from '../../hooks/useDeprecated';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { getIconSizeToFormElement } from '../../utils/getIconSizeToFormElement';
@@ -33,9 +33,7 @@ export var IconButton = polymorphicComponentWithRef(function (inProps, ref) {
         props: inProps,
         name: 'IconButton',
     });
-    if (process.env.NODE_ENV !== 'production') {
-        deprecate('Компонент «IconButton» устарел. Для замены используйте компонент «IconButtonNext».');
-    }
+    useDeprecatedComponent('IconButton');
     var _a = props.size, size = _a === void 0 ? ICON_BUTTON_DEFAULT_SIZE : _a, _b = props.variant, variant = _b === void 0 ? ICON_BUTTON_DEFAULT_VARIANT : _b, _c = props.color, color = _c === void 0 ? ICON_BUTTON_DEFAULT_COLOR : _c, _d = props.as, Tag = _d === void 0 ? ICON_BUTTON_DEFAULT_TAG : _d, iconColor = props.iconColor, compressed = props.compressed, loading = props.loading, disabled = props.disabled, className = props.className, icon = props.icon, onClick = props.onClick, rounded = props.rounded, other = __rest(props, ["size", "variant", "color", "as", "iconColor", "compressed", "loading", "disabled", "className", "icon", "onClick", "rounded"]);
     var isInteractionPrevented = disabled || loading;
     var handleClick = function (event) {

package/__inner__/esm/components/InputOTP/InputOTP.js

@@ -174,3 +174,4 @@ export var InputOTP = polymorphicComponentWithRef(function (inProps, ref) {
                 React.createElement(Fieldset, null))));
     })));
 });
+InputOTP.displayName = 'InputOTP';

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.css

@@ -0,0 +1,47 @@
+/* stylelint-disable */
+body {
+  --removed-body-scroll-bar-size: 0;
+}
+.OzenProvider {
+  --shadow-outline-focused: var(--color-border-focused) 0 0 0
+    var(--border-width-m);
+  -webkit-font-smoothing: antialiased;
+  color: var(--color-content-primary);
+
+  font: var(--typography-text-m-font);
+
+  letter-spacing: var(--typography-text-m-letter_spacing, 0);
+
+  text-transform: var(--typography-text-m-text_transform, none);
+}
+.OzenProvider,
+.OzenProvider * {
+  --scroll-bar-size: 16px;
+}
+.OzenProvider::-webkit-scrollbar, .OzenProvider *::-webkit-scrollbar {
+    inline-size: var(--scroll-bar-size);
+  }
+.OzenProvider::-webkit-scrollbar-thumb, .OzenProvider *::-webkit-scrollbar-thumb {
+    background-color: var(--color-background-secondary);
+    border-radius: calc(var(--scroll-bar-size) / 2);
+    border: calc(var(--scroll-bar-size) / 4) solid transparent;
+    background-clip: padding-box;
+    border-image: initial;
+    min-block-size: 24px;
+  }
+.OzenProvider::-webkit-scrollbar-thumb:hover,
+    .OzenProvider::-webkit-scrollbar-thumb:active,
+    .OzenProvider *::-webkit-scrollbar-thumb:hover,
+    .OzenProvider *::-webkit-scrollbar-thumb:active {
+      border: calc(var(--scroll-bar-size) / 4) solid transparent;
+      background-clip: padding-box;
+    }
+.OzenProvider::-webkit-scrollbar-thumb:hover, .OzenProvider *::-webkit-scrollbar-thumb:hover {
+      background-color: var(--color-background-secondary-hover);
+    }
+.OzenProvider::-webkit-scrollbar-thumb:active, .OzenProvider *::-webkit-scrollbar-thumb:active {
+      background-color: var(--color-background-secondary-pressed);
+    }
+.OzenProvider::-webkit-scrollbar-corner, .OzenProvider *::-webkit-scrollbar-corner {
+    background: transparent;
+  }

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

@@ -0,0 +1,3 @@
+import './OzenProvider.css';
+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,16 @@
+import { __assign, __read, __rest, __spreadArray } from "tslib";
+import './OzenProvider.css';
+import React from 'react';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { cnOzenProvider } from './classNames';
+import { OZEN_PROVIDER_DEFAULT_TAG, OZEN_PROVIDER_DEFAULT_THEME, } from './constants';
+import { OzenSSRProvider, OzenThemeProvider } from './providers';
+export var OzenProvider = polymorphicComponentWithRef(function (_a, ref) {
+    var children = _a.children, ssr = _a.ssr, _b = _a.theme, theme = _b === void 0 ? OZEN_PROVIDER_DEFAULT_THEME : _b, _c = _a.as, Tag = _c === void 0 ? OZEN_PROVIDER_DEFAULT_TAG : _c, className = _a.className, other = __rest(_a, ["children", "ssr", "theme", "as", "className"]);
+    return (React.createElement(OzenSSRProvider, { config: ssr },
+        React.createElement(OzenThemeProvider, __assign({}, other, { theme: theme, ref: ref }),
+            React.createElement(Tag, __assign({}, other, { ref: ref, className: cnOzenProvider('', __spreadArray(__spreadArray([], __read(Object.values(theme.tokens).map(function (token) { return token.className; })), false), [
+                    className,
+                ], false)) }), children))));
+});
+OzenProvider.displayName = 'OzenProvider';

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

@@ -0,0 +1 @@
+export declare const cnOzenProvider: import("@bem-react/classname").ClassNameFormatter;

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

@@ -0,0 +1,2 @@
+import { cn } from '../../utils/classname';
+export var cnOzenProvider = cn('OzenProvider');

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

@@ -0,0 +1,2 @@
+export declare const OZEN_PROVIDER_DEFAULT_TAG = "div";
+export declare const OZEN_PROVIDER_DEFAULT_THEME: import("./providers").Theme;

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

@@ -0,0 +1,3 @@
+import { OZEN_THEME_PROVIDER_DEFAULT_THEME } from './providers/theme/constants';
+export var OZEN_PROVIDER_DEFAULT_TAG = 'div';
+export var OZEN_PROVIDER_DEFAULT_THEME = OZEN_THEME_PROVIDER_DEFAULT_THEME;

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

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

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

@@ -0,0 +1,4 @@
+export * from './classNames';
+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,2 @@
+export * from './SSR';
+export * from './theme';

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

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

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

@@ -0,0 +1,8 @@
+import type { Theme, ThemeSettings } from './entities';
+export type OzenThemeContextValue = {
+    theme: Theme;
+    settings: ThemeSettings;
+};
+export declare const OzenThemeContextDefaultValue: OzenThemeContextValue;
+export declare const OzenThemeContext: import("react").Context<OzenThemeContextValue>;
+export declare const useOzenThemeContext: () => OzenThemeContextValue;

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

@@ -0,0 +1,15 @@
+import { createContext, useContext } from 'react';
+import { isDev } from '../../../../constants/environment';
+import { OZEN_THEME_PROVIDER_DEFAULT_THEME } from './constants';
+export var OzenThemeContextDefaultValue = {
+    theme: OZEN_THEME_PROVIDER_DEFAULT_THEME,
+    settings: {
+        isUseNewProvider: false,
+    },
+};
+export var OzenThemeContext = createContext(OzenThemeContextDefaultValue);
+export var useOzenThemeContext = function () { return useContext(OzenThemeContext); };
+// Именованный провайдер
+if (isDev) {
+    OzenThemeContext.displayName = 'OzenThemeContext';
+}

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { OzenThemeContext } from './OzenThemeContext';
+export var OzenThemeProvider = function (_a) {
+    var children = _a.children, theme = _a.theme;
+    return (React.createElement(OzenThemeContext.Provider, { value: {
+            theme: theme,
+            settings: {
+                isUseNewProvider: true,
+            },
+        } }, children));
+};

package/__inner__/esm/components/{ThemeProvider/_mixin → OzenProvider/providers/theme/_mixins}/breakpoint.css

@@ -1,4 +1,4 @@
 /* xs >= 0px */
 /* s >= 640px */
 /* m >= 1024px */
-/* l >= 1280px */
+/* l >= 1280px */

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

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

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

@@ -0,0 +1,2 @@
+import { themeOzenDefault } from './themes';
+export var OZEN_THEME_PROVIDER_DEFAULT_THEME = themeOzenDefault;