@ozen-ui/kit 0.68.0 → 0.70.0

package/__inner__/cjs/components/Tag/Tag.js

@@ -4,7 +4,7 @@ exports.Tag = exports.cnTag = exports.tagSizeVariant = exports.tagVariant = void
 var tslib_1 = require("tslib");
 require("./Tag.css");
 var react_1 = tslib_1.__importDefault(require("react"));
-var logger_1 = require("@ozen-ui/logger");
+var useDeprecated_1 = require("../../hooks/useDeprecated");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
@@ -23,9 +23,7 @@ exports.cnTag = (0, classname_1.cn)('Tag');
 exports.Tag = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Tag' });
     var _a = props.size, size = _a === void 0 ? constants_1.TAG_DEFAULT_SIZE : _a, _b = props.as, Tag = _b === void 0 ? constants_1.TAG_DEFAULT_AS : _b, _c = props.variant, variant = _c === void 0 ? constants_1.TAG_DEFAULT_VARIANT : _c, IconLeft = props.iconLeft, IconRight = props.iconRight, label = props.label, className = props.className, onRemove = props.onRemove, other = tslib_1.__rest(props, ["size", "as", "variant", "iconLeft", "iconRight", "label", "className", "onRemove"]);
-    if (process.env.NODE_ENV !== 'production') {
-        (0, logger_1.deprecate)('Компонент «Tag» устарел. Для замены используйте компонент «TagNext».');
-    }
+    (0, useDeprecated_1.useDeprecatedComponent)('Tag');
     return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnTag)({ variant: variant, size: size }, [className]) }, other, { ref: ref }),
         IconLeft && react_1.default.createElement(IconLeft, { size: "s" }),
         react_1.default.createElement("span", { className: (0, exports.cnTag)('Label') }, label),

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;
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент <OzenProvider>
+ */
 export declare const ThemeProvider: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ThemeProviderBaseProps, "div">;

package/__inner__/cjs/components/ThemeProvider/ThemeProvider.js

@@ -4,13 +4,18 @@ exports.ThemeProvider = exports.cnThemeProvider = void 0;
 var tslib_1 = require("tslib");
 require("./ThemeProvider.css");
 var react_1 = tslib_1.__importDefault(require("react"));
+var useDeprecated_1 = require("../../hooks/useDeprecated");
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
 var constants_1 = require("./constants");
 var ThemeProviderContext_1 = require("./ThemeProviderContext");
 exports.cnThemeProvider = (0, classname_1.cn)('Theme');
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент <OzenProvider>
+ */
 exports.ThemeProvider = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
     var children = _a.children, theme = _a.theme, className = _a.className, _b = _a.as, Tag = _b === void 0 ? constants_1.THEME_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["children", "theme", "className", "as"]);
+    (0, useDeprecated_1.useDeprecatedTheme)();
     return (react_1.default.createElement(ThemeProviderContext_1.ThemeProviderContext.Provider, { value: theme },
         react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnThemeProvider)(theme === null || theme === void 0 ? void 0 : theme.tokens, [className]) }, other, { ref: ref }), children)));
 });

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

@@ -1,3 +1,9 @@
 import type { Theme } from './types';
+/**
+ * @deprecated Хук устарел. Используйте {@link OzenProvider}
+ */
 export declare const ThemeProviderContext: import("react").Context<Theme | undefined>;
+/**
+ * @deprecated Хук устарел. Используйте hooks/useTheme
+ */
 export declare function useTheme(): Theme | undefined;

package/__inner__/cjs/components/ThemeProvider/ThemeProviderContext.js

@@ -3,7 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ThemeProviderContext = void 0;
 exports.useTheme = useTheme;
 var react_1 = require("react");
+/**
+ * @deprecated Хук устарел. Используйте {@link OzenProvider}
+ */
 exports.ThemeProviderContext = (0, react_1.createContext)(undefined);
+/**
+ * @deprecated Хук устарел. Используйте hooks/useTheme
+ */
 function useTheme() {
     return (0, react_1.useContext)(exports.ThemeProviderContext);
 }

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

@@ -11,4 +11,7 @@ import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
 import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
 import '../_zIndex/Theme_zIndex_ozenDefault.css';
 import '../_transition/Theme_transition_ozenDefault.css';
+/**
+ * @deprecated Тема устарела. Используйте тему из {@link OzenProvider}
+ */
 export declare const themeBBusinessDark: Theme;

package/__inner__/cjs/components/ThemeProvider/themes/themeBBusinessDark.js

@@ -15,6 +15,9 @@ require("../_breakpoint/Theme_breakpoint_ozenDefault.css");
 require("../_borderWidth/Theme_borderWidth_ozenDefault.css");
 require("../_zIndex/Theme_zIndex_ozenDefault.css");
 require("../_transition/Theme_transition_ozenDefault.css");
+/**
+ * @deprecated Тема устарела. Используйте тему из {@link OzenProvider}
+ */
 exports.themeBBusinessDark = tslib_1.__assign({ tokens: {
         color: 'bBusinessDark',
         space: 'ozenDefault',

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

@@ -11,4 +11,7 @@ import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
 import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
 import '../_zIndex/Theme_zIndex_ozenDefault.css';
 import '../_transition/Theme_transition_ozenDefault.css';
+/**
+ * @deprecated Тема устарела. Используйте тему из {@link OzenProvider}
+ */
 export declare const themeBBusinessDefault: Theme;

package/__inner__/cjs/components/ThemeProvider/themes/themeBBusinessDefault.js

@@ -15,6 +15,9 @@ require("../_breakpoint/Theme_breakpoint_ozenDefault.css");
 require("../_borderWidth/Theme_borderWidth_ozenDefault.css");
 require("../_zIndex/Theme_zIndex_ozenDefault.css");
 require("../_transition/Theme_transition_ozenDefault.css");
+/**
+ * @deprecated Тема устарела. Используйте тему из {@link OzenProvider}
+ */
 exports.themeBBusinessDefault = tslib_1.__assign({ tokens: {
         color: 'bBusinessDefault',
         space: 'ozenDefault',

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

@@ -11,4 +11,7 @@ import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
 import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
 import '../_zIndex/Theme_zIndex_ozenDefault.css';
 import '../_transition/Theme_transition_ozenDefault.css';
+/**
+ * @deprecated Тема устарела. Используйте тему из {@link OzenProvider}
+ */
 export declare const themeOzenDark: Theme;

package/__inner__/cjs/components/ThemeProvider/themes/themeOzenDark.js

@@ -15,6 +15,9 @@ require("../_breakpoint/Theme_breakpoint_ozenDefault.css");
 require("../_borderWidth/Theme_borderWidth_ozenDefault.css");
 require("../_zIndex/Theme_zIndex_ozenDefault.css");
 require("../_transition/Theme_transition_ozenDefault.css");
+/**
+ * @deprecated Тема устарела. Используйте тему из {@link OzenProvider}
+ */
 exports.themeOzenDark = tslib_1.__assign({ tokens: {
         color: 'ozenDark',
         space: 'ozenDefault',

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

@@ -11,4 +11,7 @@ import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
 import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
 import '../_zIndex/Theme_zIndex_ozenDefault.css';
 import '../_transition/Theme_transition_ozenDefault.css';
+/**
+ * @deprecated Тема устарела. Используйте тему из {@link OzenProvider}
+ */
 export declare const themeOzenDefault: Theme;

package/__inner__/cjs/components/ThemeProvider/themes/themeOzenDefault.js

@@ -15,6 +15,9 @@ require("../_breakpoint/Theme_breakpoint_ozenDefault.css");
 require("../_borderWidth/Theme_borderWidth_ozenDefault.css");
 require("../_zIndex/Theme_zIndex_ozenDefault.css");
 require("../_transition/Theme_transition_ozenDefault.css");
+/**
+ * @deprecated Тема устарела. Используйте тему из {@link OzenProvider}
+ */
 exports.themeOzenDefault = tslib_1.__assign({ tokens: {
         color: 'ozenDefault',
         space: 'ozenDefault',

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

@@ -11,4 +11,7 @@ import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
 import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
 import '../_zIndex/Theme_zIndex_ozenDefault.css';
 import '../_transition/Theme_transition_ozenDefault.css';
+/**
+ * @deprecated Тема устарела. Используйте тему из {@link OzenProvider}
+ */
 export declare const themeVipDark: Theme;

package/__inner__/cjs/components/ThemeProvider/themes/themeVipDark.js

@@ -15,6 +15,9 @@ require("../_breakpoint/Theme_breakpoint_ozenDefault.css");
 require("../_borderWidth/Theme_borderWidth_ozenDefault.css");
 require("../_zIndex/Theme_zIndex_ozenDefault.css");
 require("../_transition/Theme_transition_ozenDefault.css");
+/**
+ * @deprecated Тема устарела. Используйте тему из {@link OzenProvider}
+ */
 exports.themeVipDark = tslib_1.__assign({ tokens: {
         color: 'vipDark',
         space: 'ozenDefault',

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

@@ -11,4 +11,7 @@ import '../_breakpoint/Theme_breakpoint_ozenDefault.css';
 import '../_borderWidth/Theme_borderWidth_ozenDefault.css';
 import '../_zIndex/Theme_zIndex_ozenDefault.css';
 import '../_transition/Theme_transition_ozenDefault.css';
+/**
+ * @deprecated Тема устарела. Используйте тему из {@link OzenProvider}
+ */
 export declare const themeVipDefault: Theme;

package/__inner__/cjs/components/ThemeProvider/themes/themeVipDefault.js

@@ -15,6 +15,9 @@ require("../_breakpoint/Theme_breakpoint_ozenDefault.css");
 require("../_borderWidth/Theme_borderWidth_ozenDefault.css");
 require("../_zIndex/Theme_zIndex_ozenDefault.css");
 require("../_transition/Theme_transition_ozenDefault.css");
+/**
+ * @deprecated Тема устарела. Используйте тему из {@link OzenProvider}
+ */
 exports.themeVipDefault = tslib_1.__assign({ tokens: {
         color: 'vipDefault',
         space: 'ozenDefault',

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

@@ -1,74 +1,11 @@
 import type { ComponentRef, ElementType } from 'react';
 import type React from 'react';
 import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
-import type { AccordionProps, AccordionSummaryProps } from '../Accordion';
-import type { AlertProps } from '../Alert';
-import type { AutocompleteProps } from '../Autocomplete';
-import type { AutocompleteProps as AutocompletePropsNext } from '../AutocompleteNext';
-import type { AvatarProps } from '../Avatar';
-import type { BackdropProps } from '../Backdrop';
-import type { BadgeProps } from '../Badge';
-import type { BreadcrumbsProps } from '../Breadcrumbs';
-import type { ButtonProps } from '../Button';
-import type { ButtonProps as ButtonPropsNext } from '../ButtonNext';
-import type { CalendarProps } from '../Calendar';
-import type { CardProps } from '../Card';
-import type { CheckboxProps } from '../Checkbox';
-import type { CheckboxGroupProps } from '../CheckboxGroup';
-import type { CheckboxGroupProps as CheckboxGroupNextProps } from '../CheckboxGroupNext';
-import type { CheckboxProps as CheckboxNextProps } from '../CheckboxNext';
-import type { ChipProps } from '../Chip';
-import type { ChipGroupProps } from '../ChipGroup';
-import type { ChipProps as ChipNextProps } from '../ChipNext';
-import type { CollapseProps } from '../Collapse';
-import type { ContainerProps } from '../Container';
-import type { DataListProps } from '../DataList';
-import type { DatePickerProps } from '../DatePicker';
-import type { DialogProps } from '../Dialog';
-import type { DialogProps as DialogNextProps } from '../DialogNext';
-import type { DividerProps } from '../Divider';
-import type { DrawerProps } from '../Drawer';
-import type { DrawerProps as DrawerNextProps } from '../DrawerNext';
-import type { FieldControlProps } from '../FieldControl';
-import type { FileProps } from '../File';
-import type { FilePickerProps } from '../FilePicker';
-import type { FormGroupProps } from '../FormGroup';
-import type { FormTitleProps } from '../FormTitle';
-import type { GridProps, GridItemProps } from '../Grid';
-import type { IconButtonProps } from '../IconButton';
-import type { IconButtonProps as IconButtonPropsNext } from '../IconButtonNext';
-import type { IndicatorProps } from '../Indicator';
-import type { InputProps } from '../Input';
-import type { InputNumberProps } from '../InputNumber';
-import type { LinkProps } from '../Link';
-import type { ListProps, ListItemProps, ListItemButtonProps } from '../List';
-import type { LoaderProps } from '../Loader';
-import type { MenuProps, MenuItemProps, MenuListProps } from '../Menu';
-import type { ModalProps } from '../Modal';
-import type { PaginationProps } from '../Pagination';
-import type { PaperProps } from '../Paper';
-import type { PopoverProps } from '../Popover';
-import type { PortalProps } from '../Portal';
-import type { RadioProps } from '../Radio';
-import type { RadioGroupProps } from '../RadioGroup';
-import type { RadioGroupProps as RadioGroupNextProps } from '../RadioGroupNext';
-import type { RadioProps as RadioNextProps } from '../RadioNext';
-import type { SectionMessageProps } from '../SectionMessage';
-import type { SegmentProps } from '../Segment';
-import type { SelectProps } from '../Select';
-import type { SliderProps } from '../Slider';
-import type { SnackbarProviderProps } from '../Snackbar';
-import type { StackProps } from '../Stack';
-import type { TableContainerProps, TableProps, TableCaptionProps, TableCellProps } from '../Table';
-import type { TagProps } from '../Tag';
-import type { TagProps as TagPropsNext } from '../TagNext';
-import type { TextareaProps } from '../Textarea';
-import type { TitleProps } from '../Title';
-import type { ToggleProps } from '../Toggle';
-import type { ToggleProps as ToggleNextProps } from '../ToggleNext';
-import type { TooltipProps } from '../Tooltip';
-import type { TypographyProps } from '../Typography';
+import type { ThemeDefaultProps } from '../OzenProvider';
 import type { THEME_DEFAULT_TAG } from './constants';
+/**
+ * @deprecated Тема устарела. Используйте тему из {@link OzenProvider}
+ */
 export type Theme = {
     tokens: {
         color: string;
@@ -83,85 +20,7 @@ export type Theme = {
         zIndex: string;
         transition: string;
     };
-    defaultProps: {
-        Accordion?: Partial<AccordionProps>;
-        AccordionSummary?: Partial<AccordionSummaryProps>;
-        Alert?: Partial<AlertProps>;
-        Autocomplete?: Partial<AutocompleteProps>;
-        AutocompleteNext?: Partial<AutocompletePropsNext>;
-        Avatar?: Partial<AvatarProps>;
-        Backdrop?: Partial<BackdropProps>;
-        Badge?: Partial<BadgeProps>;
-        Breadcrumbs?: Partial<BreadcrumbsProps>;
-        Button?: Partial<ButtonProps>;
-        ButtonNext?: Partial<ButtonPropsNext>;
-        Calendar?: Partial<CalendarProps>;
-        Card?: Partial<CardProps>;
-        Checkbox?: Partial<CheckboxProps>;
-        CheckboxNext?: Partial<CheckboxNextProps>;
-        CheckboxGroupNext?: Partial<CheckboxGroupNextProps>;
-        CheckboxGroup?: Partial<CheckboxGroupProps>;
-        Chip?: Partial<ChipProps>;
-        ChipNext?: Partial<ChipNextProps>;
-        ChipGroup?: Partial<ChipGroupProps>;
-        Collapse?: Partial<CollapseProps>;
-        Container?: Partial<ContainerProps>;
-        DataList?: Partial<DataListProps>;
-        Dialog?: Partial<DialogProps>;
-        DialogNext?: Partial<DialogNextProps>;
-        DatePicker?: Partial<DatePickerProps>;
-        Divider?: Partial<DividerProps>;
-        Drawer?: Partial<DrawerProps>;
-        DrawerNext?: Partial<DrawerNextProps>;
-        FieldControl?: Partial<FieldControlProps>;
-        File?: Partial<FileProps>;
-        FilePicker?: Partial<FilePickerProps>;
-        FormGroup?: Partial<FormGroupProps>;
-        FormTitle?: Partial<FormTitleProps>;
-        Grid?: Partial<GridProps>;
-        GridItem?: Partial<GridItemProps>;
-        IconButton?: Partial<IconButtonProps>;
-        IconButtonNext?: Partial<IconButtonPropsNext>;
-        Indicator?: Partial<IndicatorProps>;
-        Input?: Partial<InputProps>;
-        InputNumber?: Partial<InputNumberProps>;
-        InputOTP?: Partial<InputProps>;
-        Link?: Partial<LinkProps>;
-        List?: Partial<ListProps>;
-        ListItem?: Partial<ListItemProps>;
-        ListItemButton?: Partial<ListItemButtonProps>;
-        Loader?: Partial<LoaderProps>;
-        Menu?: Partial<MenuProps>;
-        MenuItem?: Partial<MenuItemProps>;
-        MenuList?: Partial<MenuListProps>;
-        Modal?: Partial<ModalProps>;
-        Pagination?: Partial<PaginationProps>;
-        Paper?: Partial<PaperProps>;
-        Popover?: Partial<PopoverProps>;
-        Portal?: Partial<PortalProps>;
-        Radio?: Partial<RadioProps>;
-        RadioNext?: Partial<RadioNextProps>;
-        RadioGroup?: Partial<RadioGroupProps>;
-        RadioGroupNext?: Partial<RadioGroupNextProps>;
-        SectionMessage?: Partial<SectionMessageProps>;
-        Segment?: Partial<SegmentProps>;
-        Select?: Partial<SelectProps>;
-        Slider?: Partial<SliderProps>;
-        SnackbarProvider?: Partial<SnackbarProviderProps>;
-        Stack?: Partial<StackProps>;
-        Table?: Partial<TableProps>;
-        TableCaption?: Partial<TableCaptionProps>;
-        TableCell?: Partial<TableCellProps>;
-        TableContainer?: Partial<TableContainerProps>;
-        Tag?: Partial<TagProps>;
-        TagNext?: Partial<TagPropsNext>;
-        Textarea?: Partial<TextareaProps>;
-        Title?: Partial<TitleProps>;
-        Toggle?: Partial<ToggleProps>;
-        ToggleNext?: Partial<ToggleNextProps>;
-        Tooltip?: Partial<TooltipProps>;
-        Typography?: Partial<TypographyProps>;
-    };
+    defaultProps: ThemeDefaultProps;
 };
 export type ThemeProviderBaseProps = {
     /** Содержимое компонента */

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

@@ -1,2 +1,5 @@
 import type { Theme } from './types';
+/**
+ * @deprecated Функция устарела. Используйте версию из {@link OzenProvider}
+ */
 export declare const extendTheme: (target: Theme, source: Partial<Theme>) => Theme;

package/__inner__/cjs/components/ThemeProvider/utils.js

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.extendTheme = void 0;
 var object_1 = require("../../utils/object");
+/**
+ * @deprecated Функция устарела. Используйте версию из {@link OzenProvider}
+ */
 var extendTheme = function (target, source) {
     return (0, object_1.mergeDeep)(target, source);
 };

package/__inner__/cjs/components/Title/TitleContext.js

@@ -13,6 +13,6 @@ exports.TitleContext = react_1.default.createContext(exports.TitleContextDefault
 var useTitleContext = function () { return (0, react_1.useContext)(exports.TitleContext); };
 exports.useTitleContext = useTitleContext;
 // Именованный провайдер
-if (environment_1.IS_DEV) {
+if (environment_1.isDev) {
     exports.TitleContext.displayName = 'TitleContext';
 }

package/__inner__/cjs/components/Title/components/variant/TitleVariant.js

@@ -17,8 +17,9 @@ exports.TitleVariant = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
     if (variant === 'secondary') {
         return react_1.default.createElement(secondary_1.TitleSecondary, tslib_1.__assign({}, other, { as: as, ref: ref }));
     }
-    if (environment_1.IS_DEV) {
+    if (environment_1.isDev) {
         logger_1.logger.error("\u0423 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430 'Title' \u043D\u0435\u0442 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u0430 '".concat(variant, "'. \u0414\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u044B: [").concat(entities_1.titleVariant.join(', '), "]'"));
     }
     return null;
 });
+exports.TitleVariant.displayName = 'TitleVariant';

package/__inner__/cjs/components/Title/modules/TitleTag/TitleTag.js

@@ -9,3 +9,4 @@ var TagNext_1 = require("../../../TagNext");
 var constants_1 = require("./constants");
 exports.cnTitleTag = (0, classname_1.cn)('TitleTag');
 exports.TitleTag = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (props, ref) { return (react_1.default.createElement(TagNext_1.Tag, tslib_1.__assign({ as: constants_1.TITLE_TAG_DEFAULT_TAG }, props, { ref: ref, size: "xs", variant: "primary", color: "uncolored", className: (0, exports.cnTitleTag)('', [props.className]) }))); });
+exports.TitleTag.displayName = 'TitleTag';

package/__inner__/cjs/components/Toggle/Toggle.js

@@ -4,6 +4,7 @@ exports.Toggle = exports.cnToggle = void 0;
 var tslib_1 = require("tslib");
 require("./Toggle.css");
 var react_1 = tslib_1.__importStar(require("react"));
+var useDeprecated_1 = require("../../hooks/useDeprecated");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var FormControlLabel_1 = require("../FormControlLabel");
@@ -12,6 +13,7 @@ exports.cnToggle = (0, classname_1.cn)('Toggle');
  * @deprecated Компонент устарел. Для замены используйте компонент ToggleNext
  */
 exports.Toggle = (0, react_1.forwardRef)(function (inProps, ref) {
+    (0, useDeprecated_1.useDeprecatedComponent)('Toggle');
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
         name: 'Toggle',

package/__inner__/cjs/components/ToggleNext/Toggle.css

@@ -22,11 +22,11 @@
   }
 
   .ToggleNext_size_m {
-    --form-control-carcass-control-block-padding: 0;
+    --form-control-carcass-control-block-margin: 0;
   }
 
   .ToggleNext_size_l {
-    --form-control-carcass-control-block-padding: var(--spacing-4xs);
+    --form-control-carcass-control-block-margin: var(--spacing-4xs);
   }
 
   .ToggleNext_variant_default {
@@ -107,6 +107,7 @@
 
   .ToggleNext-Switch {
     position: relative;
+    box-sizing: border-box;
     cursor: pointer;
     flex-shrink: 0;
     inline-size: var(--toggle-switch-inline-size);

package/__inner__/cjs/components/Tooltip/Tooltip.js

@@ -4,10 +4,10 @@ exports.Tooltip = exports.cnTooltip = void 0;
 var tslib_1 = require("tslib");
 require("./Tooltip.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var logger_1 = require("@ozen-ui/logger");
 var useBoolean_1 = require("../../hooks/useBoolean");
 var useControlled_1 = require("../../hooks/useControlled");
 var useDebounceCallback_1 = require("../../hooks/useDebounceCallback");
+var useDeprecated_1 = require("../../hooks/useDeprecated");
 var useMultiRef_1 = require("../../hooks/useMultiRef");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
@@ -18,9 +18,7 @@ exports.cnTooltip = (0, classname_1.cn)('Tooltip');
 exports.Tooltip = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Tooltip' });
     var _a = props.trigger, trigger = _a === void 0 ? constants_1.TOOLTIP_DEFAULT_TRIGGER : _a, _b = props.size, size = _b === void 0 ? constants_1.TOOLTIP_DEFAULT_SIZE : _b, _c = props.offset, offset = _c === void 0 ? constants_1.TOOLTIP_DEFAULT_OFFSET : _c, _d = props.delayEnter, delayEnter = _d === void 0 ? constants_1.TOOLTIP_DEFAULT_DELAY_ENTER : _d, _e = props.delayLeave, delayLeave = _e === void 0 ? constants_1.TOOLTIP_DEFAULT_DELAY_LEAVE : _e, _f = props.arrow, arrow = _f === void 0 ? constants_1.TOOLTIP_DEFAULT_ARROW : _f, _g = props.shouldWrapChildren, shouldWrapChildren = _g === void 0 ? constants_1.TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN : _g, _h = props.disabled, disabled = _h === void 0 ? constants_1.TOOLTIP_DEFAULT_DISABLED : _h, _j = props.inverse, inverse = _j === void 0 ? constants_1.TOOLTIP_DEFAULT_INVERSE : _j, _k = props.as, as = _k === void 0 ? constants_1.TOOLTIP_DEFAULT_TAG : _k, modifiersProp = props.modifiers, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, variant = props.variant, children = props.children, label = props.label, openProp = props.open, className = props.className, onOpen = props.onOpen, onClose = props.onClose, other = tslib_1.__rest(props, ["trigger", "size", "offset", "delayEnter", "delayLeave", "arrow", "shouldWrapChildren", "disabled", "inverse", "as", "modifiers", "onMouseEnter", "onMouseLeave", "variant", "children", "label", "open", "className", "onOpen", "onClose"]);
-    if (process.env.NODE_ENV !== 'production' && variant) {
-        (0, logger_1.deprecate)('Свойство «variant» устарело. Для замены используйте «inverse».');
-    }
+    (0, useDeprecated_1.useDeprecatedProperty)(!!variant, 'variant', 'inverse');
     var anchorRef = (0, react_1.useRef)(null);
     var _l = tslib_1.__read((0, react_1.useState)(), 2), delay = _l[0], setDelay = _l[1];
     var _m = tslib_1.__read((0, useBoolean_1.useBoolean)(), 2), focused = _m[0], setFocused = _m[1];

package/__inner__/cjs/constants/environment/isDev.d.ts

@@ -1 +1 @@
-export declare const IS_DEV: boolean;
+export declare const isDev: boolean;

package/__inner__/cjs/constants/environment/isDev.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IS_DEV = void 0;
+exports.isDev = void 0;
 var isProduction_1 = require("./isProduction");
-exports.IS_DEV = !isProduction_1.IS_PRODUCTION;
+exports.isDev = !isProduction_1.isProduction;

package/__inner__/cjs/constants/environment/isProduction.d.ts

@@ -1 +1 @@
-export declare const IS_PRODUCTION: boolean;
+export declare const isProduction: boolean;

package/__inner__/cjs/constants/environment/isProduction.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IS_PRODUCTION = void 0;
-exports.IS_PRODUCTION = process.env.NODE_ENV === 'production';
+exports.isProduction = void 0;
+exports.isProduction = process.env.NODE_ENV === 'production';

package/__inner__/cjs/hooks/useBreakpoints/useBreakpoints.d.ts

@@ -1,4 +1,7 @@
 import { type BreakpointVariant } from '../../types/Breakpoints';
 type BreakpointMatches = Record<BreakpointVariant, boolean>;
+/**
+ * @deprecated Хук устарел. Для замены используйте useBreakpointsNext
+ */
 export declare function useBreakpoints(): BreakpointMatches;
 export {};

package/__inner__/cjs/hooks/useBreakpoints/useBreakpoints.js

@@ -4,6 +4,7 @@ exports.useBreakpoints = useBreakpoints;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 var Breakpoints_1 = require("../../types/Breakpoints");
+var useDeprecated_1 = require("../useDeprecated");
 var useIsomorphicEffect_1 = require("../useIsomorphicEffect");
 var breakpoint = {
     xs: '(min-width: 0px)',
@@ -11,7 +12,11 @@ var breakpoint = {
     m: '(min-width: 1024px)',
     l: '(min-width: 1280px)',
 };
+/**
+ * @deprecated Хук устарел. Для замены используйте useBreakpointsNext
+ */
 function useBreakpoints() {
+    (0, useDeprecated_1.useDeprecatedHook)('useBreakpoints');
     var _a = tslib_1.__read((0, react_1.useState)(Breakpoints_1.breakpointVariant.reduce(function (acc, key) {
         var _a;
         return (tslib_1.__assign(tslib_1.__assign({}, acc), (_a = {}, _a[key] = window.matchMedia(breakpoint[key]).matches, _a)));

package/__inner__/cjs/hooks/useBreakpointsNext/index.d.ts

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

package/__inner__/cjs/hooks/useBreakpointsNext/index.js

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

package/__inner__/cjs/hooks/useBreakpointsNext/useBreakpoints.d.ts

@@ -0,0 +1 @@
+export declare function useBreakpoints(): import("../../types/Breakpoints").BreakpointMatches;

package/__inner__/cjs/hooks/useBreakpointsNext/useBreakpoints.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBreakpoints = useBreakpoints;
+var useBreakpointsObserver_1 = require("../useBreakpointsObserver");
+var useRerender_1 = require("../useRerender");
+function useBreakpoints() {
+    var rerender = (0, useRerender_1.useRerender)();
+    var matches = (0, useBreakpointsObserver_1.useBreakpointsObserver)(rerender);
+    return matches.current;
+}

package/__inner__/cjs/hooks/useBreakpointsObserver/index.d.ts

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

package/__inner__/cjs/hooks/useBreakpointsObserver/index.js

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

package/__inner__/cjs/hooks/useBreakpointsObserver/types.d.ts

@@ -0,0 +1,2 @@
+import type { BreakpointMatches } from '../../types/Breakpoints';
+export type UseBreakpointsObserverOnChange = (matches: BreakpointMatches, width: number) => void;

package/__inner__/cjs/hooks/useBreakpointsObserver/types.js

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

package/__inner__/cjs/hooks/useBreakpointsObserver/useBreakpointsObserver.d.ts

@@ -0,0 +1,3 @@
+import type { BreakpointMatches } from '../../types/Breakpoints';
+import type { UseBreakpointsObserverOnChange } from './types';
+export declare function useBreakpointsObserver(onChange?: UseBreakpointsObserverOnChange): import("../useStoredValue").StoredValue<BreakpointMatches>;

package/__inner__/cjs/hooks/useBreakpointsObserver/useBreakpointsObserver.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBreakpointsObserver = useBreakpointsObserver;
+var react_1 = require("react");
+var OzenProvider_1 = require("../../components/OzenProvider");
+var breakpoint_1 = require("../../utils/breakpoint");
+var useEventListener_1 = require("../useEventListener");
+var useIsomorphicEffect_1 = require("../useIsomorphicEffect");
+var useStoredValue_1 = require("../useStoredValue");
+var useTheme_1 = require("../useTheme");
+function useBreakpointsObserver(onChange) {
+    var ssr = (0, OzenProvider_1.useOzenSSR)();
+    var theme = (0, useTheme_1.useTheme)();
+    var breakpointToken = theme.tokens.breakpoint;
+    var matches = (0, useStoredValue_1.useStoredValue)(function () {
+        if (ssr.config.isEnabled) {
+            return (0, breakpoint_1.calculateBreakpoints)(breakpointToken, ssr.config.serverWidth);
+        }
+        return (0, breakpoint_1.calculateBreakpoints)(breakpointToken, window.innerWidth);
+    });
+    var recalculateMatches = function (width) {
+        var newMatches = (0, breakpoint_1.calculateBreakpoints)(breakpointToken, width);
+        var hasChanges = newMatches.currentBreakpoint !== matches.current.currentBreakpoint;
+        if (hasChanges) {
+            matches.current = newMatches;
+            onChange === null || onChange === void 0 ? void 0 : onChange(newMatches, width);
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        recalculateMatches(window.innerWidth);
+    }, [theme]);
+    (0, useEventListener_1.useEventListener)({
+        eventName: 'resize',
+        handler: function () {
+            recalculateMatches(window.innerWidth);
+        },
+    });
+    (0, useIsomorphicEffect_1.useIsomorphicEffect)(function () {
+        recalculateMatches(window.innerWidth);
+    }, []);
+    return matches;
+}