@ozen-ui/kit 0.68.0 → 0.70.0

package/__inner__/esm/components/SectionMessage/SectionMessageContext.js

@@ -1,5 +1,5 @@
 import { createContext, useContext } from 'react';
-import { IS_DEV } from '../../constants/environment';
+import { isDev } from '../../constants/environment';
 import { SECTION_MESSAGE_DEFAULT_SIZE } from './constants';
 export var SectionMessageContextDefaultValue = {
     size: SECTION_MESSAGE_DEFAULT_SIZE,
@@ -7,6 +7,6 @@ export var SectionMessageContextDefaultValue = {
 export var SectionMessageContext = createContext(SectionMessageContextDefaultValue);
 export var useSectionMessageContext = function () { return useContext(SectionMessageContext); };
 // Именованный провайдер
-if (IS_DEV) {
+if (isDev) {
     SectionMessageContext.displayName = 'SectionMessageContext';
 }

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

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

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

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

package/__inner__/esm/components/Select/Select.js

@@ -148,3 +148,4 @@ var SelectRender = function (inProps, ref) {
             selected: (valueState || null) }), children)));
 };
 export var Select = forwardRef(SelectRender);
+Select.displayName = 'Select';

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

@@ -1,6 +1,7 @@
 import type { ReactElement, ReactNode, SyntheticEvent } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { WithDisplayName } from '../../types/react';
 import type { DataListBaseProps, DataListOptionProps, DataListSelected } from '../DataList';
 import type { SelectInputProps, SelectInputRef } from './components';
 export type SelectPropSize = FormElementSizeVariant;
@@ -70,5 +71,5 @@ export type SelectProps<MULTIPLE extends boolean = false> = ExtendableComponentP
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
 } & Pick<SelectInputProps, 'id' | 'name' | 'label' | 'placeholder' | 'disabled' | 'required' | 'disableStroke' | 'error' | 'hint' | 'fullWidth' | 'renderLeft' | 'renderRight' | 'multiline' | 'inputProps' | 'labelProps' | 'hintProps' | 'bodyProps' | 'inputRef' | 'labelRef' | 'bodyRef'> & SelectPropsDeprecated<MULTIPLE>, 'div'>;
-export type SelectComponent = <MULTIPLE extends boolean = false>(props: SelectProps<MULTIPLE>) => ReactElement | null;
+export type SelectComponent = WithDisplayName<(<MULTIPLE extends boolean = false>(props: SelectProps<MULTIPLE>) => ReactElement | null)>;
 export {};

package/__inner__/esm/components/Skeleton/Skeleton.js

@@ -2,7 +2,6 @@ import { __assign, __rest } from "tslib";
 import React, { forwardRef } from 'react';
 import './Skeleton.css';
 import { SkeletonCircular, SkeletonRectangular, SkeletonTypography, } from './components';
-// eslint-disable-next-line react/display-name
 export var Skeleton = forwardRef(function (props, ref) {
     var variant = props.variant, children = props.children, waveColor = props.waveColor, bgColor = props.bgColor, styleProp = props.style, other = __rest(props, ["variant", "children", "waveColor", "bgColor", "style"]);
     var style = __assign({ '--skeleton-wave-color': waveColor, '--skeleton-bg-color': bgColor }, styleProp);
@@ -15,3 +14,4 @@ export var Skeleton = forwardRef(function (props, ref) {
     }
     return React.createElement(SkeletonRectangular, __assign({}, commonProps), children);
 });
+Skeleton.displayName = 'Skeleton';

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

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import type { WithDisplayName } from '../../types/react';
 import type { SkeletonCircularProps, SkeletonRectangularProps, SkeletonTypographyProps } from './index';
 export type SkeletonProps = (({
     variant: 'rectangular';
@@ -12,4 +13,4 @@ export type SkeletonProps = (({
     /** Цвет фона */
     bgColor?: string;
 };
-export type SkeletonComponent = (props: SkeletonProps) => ReactNode;
+export type SkeletonComponent = WithDisplayName<(props: SkeletonProps) => ReactNode>;

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

@@ -8,9 +8,11 @@ export type SnackbarProps = PortalProps & {
     /** Расположение сообщения относительно контейнера */
     anchorOrigin?: SnackbarAnchorOrigin;
 };
-export declare const Snackbar: React.ForwardRefExoticComponent<import("../../../Portal").PortalBaseProps & {
+export declare const Snackbar: React.ForwardRefExoticComponent<{
+    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> & {
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "data-testid" | "container" | "disablePortal"> & {
     /** Расположение сообщения относительно контейнера */
     anchorOrigin?: SnackbarAnchorOrigin;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -2,7 +2,7 @@ import type { SnackbarAnchorOrigin } from './types';
 export declare const SNACKBAR_DEFAULT_ANCHOR_ORIGIN: SnackbarAnchorOrigin;
 export declare const SNACKBAR_DEFAULT_MAX_MESSAGES = 3;
 export declare const SNACKBAR_DEFAULT_DISABLE_WINDOW_BLUR_LISTENER = false;
-export declare const SNACKBAR_DEFAULT_CONTAINER: HTMLElement;
+export declare const SNACKBAR_DEFAULT_CONTAINER: () => HTMLElement;
 export declare const SNACKBAR_DEFAULT_LIFETIME = 5000;
 export declare const SNACKBAR_ITEM_DEFAULT_STATUS = "info";
 export declare const SNACKBAR_ITEM_COLLAPSE_TRANSITION_TIMEOUT = 300;

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

@@ -4,7 +4,9 @@ export var SNACKBAR_DEFAULT_ANCHOR_ORIGIN = {
 };
 export var SNACKBAR_DEFAULT_MAX_MESSAGES = 3;
 export var SNACKBAR_DEFAULT_DISABLE_WINDOW_BLUR_LISTENER = false;
-export var SNACKBAR_DEFAULT_CONTAINER = document.body;
+export var SNACKBAR_DEFAULT_CONTAINER = (function () {
+    return document.body;
+});
 export var SNACKBAR_DEFAULT_LIFETIME = 5000;
 export var SNACKBAR_ITEM_DEFAULT_STATUS = 'info';
 export var SNACKBAR_ITEM_COLLAPSE_TRANSITION_TIMEOUT = 300;

package/__inner__/esm/components/Stack/Stack.js

@@ -36,3 +36,4 @@ export var Stack = polymorphicComponentWithRef(function (inProps, ref) {
             wrap: wrap,
         }), generateDirectionCn(cnStack, direction), generateGapCn(cnStack, gap), className), ref: ref }), resolveChildren()));
 });
+Stack.displayName = 'Stack';

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

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

package/__inner__/esm/components/Tabs/Tabs.js

@@ -2,6 +2,7 @@ import { __assign, __read, __rest } from "tslib";
 import './Tabs.css';
 import React, { useState, useCallback, useMemo, useEffect, forwardRef, useRef, } from 'react';
 import { isFragment } from 'react-is';
+import { isServer } from '../../constants/environment';
 import { useDebounceCallback } from '../../hooks/useDebounceCallback';
 import { useEventListener } from '../../hooks/useEventListener';
 import { animateProperty } from '../../utils/animateProperty';
@@ -118,6 +119,9 @@ export var Tabs = forwardRef(function (_a, ref) {
     };
     var handleKeyDown = useCallback(function (e) {
         var _a, _b;
+        if (isServer) {
+            return;
+        }
         var event = e;
         var key = event.key;
         if (!Object.keys(ControlKeys).includes(key))

package/__inner__/esm/components/Tabs/components/Tab/Tab.js

@@ -40,3 +40,4 @@ export var TabComponent = polymorphicComponentWithRef(function (_a, ref) {
 });
 TabComponent.displayName = 'Tab';
 export var Tab = React.memo(TabComponent);
+Tab.displayName = 'Tab';

package/__inner__/esm/components/Tag/Tag.js

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

package/__inner__/esm/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__/esm/components/ThemeProvider/ThemeProvider.js

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

package/__inner__/esm/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__/esm/components/ThemeProvider/ThemeProviderContext.js

@@ -1,5 +1,11 @@
 import { createContext, useContext } from 'react';
+/**
+ * @deprecated Хук устарел. Используйте {@link OzenProvider}
+ */
 export var ThemeProviderContext = createContext(undefined);
+/**
+ * @deprecated Хук устарел. Используйте hooks/useTheme
+ */
 export function useTheme() {
     return useContext(ThemeProviderContext);
 }

package/__inner__/esm/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__/esm/components/ThemeProvider/themes/themeBBusinessDark.js

@@ -12,6 +12,9 @@ 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 var themeBBusinessDark = __assign({ tokens: {
         color: 'bBusinessDark',
         space: 'ozenDefault',

package/__inner__/esm/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__/esm/components/ThemeProvider/themes/themeBBusinessDefault.js

@@ -12,6 +12,9 @@ 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 var themeBBusinessDefault = __assign({ tokens: {
         color: 'bBusinessDefault',
         space: 'ozenDefault',

package/__inner__/esm/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__/esm/components/ThemeProvider/themes/themeOzenDark.js

@@ -12,6 +12,9 @@ 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 var themeOzenDark = __assign({ tokens: {
         color: 'ozenDark',
         space: 'ozenDefault',

package/__inner__/esm/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__/esm/components/ThemeProvider/themes/themeOzenDefault.js

@@ -12,6 +12,9 @@ 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 var themeOzenDefault = __assign({ tokens: {
         color: 'ozenDefault',
         space: 'ozenDefault',

package/__inner__/esm/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__/esm/components/ThemeProvider/themes/themeVipDark.js

@@ -12,6 +12,9 @@ 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 var themeVipDark = __assign({ tokens: {
         color: 'vipDark',
         space: 'ozenDefault',

package/__inner__/esm/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__/esm/components/ThemeProvider/themes/themeVipDefault.js

@@ -12,6 +12,9 @@ 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 var themeVipDefault = __assign({ tokens: {
         color: 'vipDefault',
         space: 'ozenDefault',

package/__inner__/esm/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__/esm/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__/esm/components/ThemeProvider/utils.js

@@ -1,4 +1,7 @@
 import { mergeDeep } from '../../utils/object';
+/**
+ * @deprecated Функция устарела. Используйте версию из {@link OzenProvider}
+ */
 export var extendTheme = function (target, source) {
     return mergeDeep(target, source);
 };

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

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { IS_DEV } from '../../constants/environment';
+import { isDev } from '../../constants/environment';
 import { TITLE_DEFAULT_SIZE, TITLE_DEFAULT_VARIANT } from './constants';
 export var TitleContextDefaultValue = {
     variant: TITLE_DEFAULT_VARIANT,
@@ -8,6 +8,6 @@ export var TitleContextDefaultValue = {
 export var TitleContext = React.createContext(TitleContextDefaultValue);
 export var useTitleContext = function () { return useContext(TitleContext); };
 // Именованный провайдер
-if (IS_DEV) {
+if (isDev) {
     TitleContext.displayName = 'TitleContext';
 }

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

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 import React from 'react';
 import { logger } from '@ozen-ui/logger';
-import { IS_DEV } from '../../../../constants/environment';
+import { isDev } from '../../../../constants/environment';
 import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
 import { titleVariant } from '../../entities';
 import { TitleMain } from './main';
@@ -14,8 +14,9 @@ export var TitleVariant = polymorphicComponentWithRef(function (_a, ref) {
     if (variant === 'secondary') {
         return React.createElement(TitleSecondary, __assign({}, other, { as: as, ref: ref }));
     }
-    if (IS_DEV) {
+    if (isDev) {
         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(titleVariant.join(', '), "]'"));
     }
     return null;
 });
+TitleVariant.displayName = 'TitleVariant';

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

@@ -6,3 +6,4 @@ import { Tag } from '../../../TagNext';
 import { TITLE_TAG_DEFAULT_TAG } from './constants';
 export var cnTitleTag = cn('TitleTag');
 export var TitleTag = polymorphicComponentWithRef(function (props, ref) { return (React.createElement(Tag, __assign({ as: TITLE_TAG_DEFAULT_TAG }, props, { ref: ref, size: "xs", variant: "primary", color: "uncolored", className: cnTitleTag('', [props.className]) }))); });
+TitleTag.displayName = 'TitleTag';

package/__inner__/esm/components/Toggle/Toggle.js

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

package/__inner__/esm/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);