@ozen-ui/kit 0.67.0 → 0.69.0

package/__inner__/cjs/components/CheckboxNext/entities/size.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkboxSizeVariant = void 0;
+var FormControlCarcass_1 = require("../../FormControlCarcass");
+exports.checkboxSizeVariant = FormControlCarcass_1.formControlCarcassSizeVariant;

package/__inner__/cjs/components/CheckboxNext/entities/variant.d.ts

@@ -0,0 +1,2 @@
+export declare const checkboxVariant: readonly ["default", "error"];
+export type CheckboxVariant = (typeof checkboxVariant)[number];

package/__inner__/cjs/components/CheckboxNext/entities/variant.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkboxVariant = void 0;
+var FormControlCarcass_1 = require("../../FormControlCarcass");
+exports.checkboxVariant = FormControlCarcass_1.formControlCarcassVariant;

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

@@ -0,0 +1,4 @@
+export * from './entities';
+export * from './modules';
+export * from './Checkbox';
+export * from './types';

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

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

package/__inner__/cjs/components/CheckboxNext/modules/CheckboxIcon/CheckboxIcon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const cnCheckboxIcon: import("@bem-react/classname").ClassNameFormatter;
+export declare const CheckboxIcon: React.ForwardRefExoticComponent<Omit<import("../../../FormControlCarcass").FormControlCarcassIconProps, "ref"> & React.RefAttributes<SVGSVGElement>>;

package/__inner__/cjs/components/CheckboxNext/modules/CheckboxIcon/CheckboxIcon.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxIcon = exports.cnCheckboxIcon = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var FormControlCarcass_1 = require("../../../FormControlCarcass");
+exports.cnCheckboxIcon = (0, classname_1.cn)('CheckboxNextIcon');
+exports.CheckboxIcon = (0, react_1.forwardRef)(function (_a, ref) {
+    var icon = _a.icon, className = _a.className, other = tslib_1.__rest(_a, ["icon", "className"]);
+    return (react_1.default.createElement(FormControlCarcass_1.FormControlCarcassIcon, tslib_1.__assign({}, other, { ref: ref, icon: icon, className: (0, exports.cnCheckboxIcon)('', [className]) })));
+});
+exports.CheckboxIcon.displayName = 'CheckboxIcon';

package/__inner__/cjs/components/CheckboxNext/modules/CheckboxIcon/index.d.ts

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

package/__inner__/cjs/components/CheckboxNext/modules/CheckboxIcon/index.js

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

package/__inner__/cjs/components/CheckboxNext/modules/CheckboxIcon/types.d.ts

@@ -0,0 +1,4 @@
+import type { FormControlCarcassIconIcon, FormControlCarcassIconProps, FormControlCarcassIconRef } from '../../../FormControlCarcass';
+export type CheckboxIconIcon = FormControlCarcassIconIcon;
+export type CheckboxIconRef = FormControlCarcassIconRef;
+export type CheckboxIconProps = FormControlCarcassIconProps;

package/__inner__/cjs/components/CheckboxNext/modules/CheckboxIcon/types.js

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

package/__inner__/cjs/components/CheckboxNext/modules/index.d.ts

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

package/__inner__/cjs/components/CheckboxNext/modules/index.js

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

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

@@ -0,0 +1,42 @@
+import type { ComponentRef, ReactNode, Ref } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { FormControlCarcassProps } from '../FormControlCarcass';
+import type { CheckboxHintProps, CheckboxRenderAfter, CheckboxAlignVariant, CheckboxSizeVariant, CheckboxVariant, CheckboxRenderAfterProps } from './entities';
+export type CheckboxRef = ComponentRef<'label'>;
+export type CheckboxProps = ExtendableComponentPropsWithRef<{
+    /** Размер */
+    size?: CheckboxSizeVariant;
+    /** Если `true` делает элемент неактивным */
+    disabled?: boolean;
+    /** Если `true` делает элемент выбранным */
+    checked?: boolean;
+    /** Если `true` отображает компонент как частично выбранный */
+    indeterminate?: boolean;
+    /** Выравнивание */
+    align?: CheckboxAlignVariant;
+    /** Лейбл */
+    label?: ReactNode;
+    /** Если `true` делает чекбокс отзеркаленным */
+    mirrored?: boolean;
+    /** Вариант отображения */
+    variant?: CheckboxVariant;
+    /** Свойства каркаса */
+    carcassProps?: Omit<FormControlCarcassProps, 'size' | 'variant' | 'align' | 'mirrored' | 'hint' | 'label' | 'hintProps' | 'disabled' | 'className' | 'controlProps' | 'renderAfter' | 'renderAfterProps' | 'data-testid'>;
+    /** Дополнительное описание к полю */
+    hint?: string | null;
+    /** Props для дополнительного описания к полю */
+    hintProps?: Omit<CheckboxHintProps, 'children'>;
+    /** Компонент, который отображается после чекбокса */
+    renderAfter?: CheckboxRenderAfter;
+    /** Props для компонента, который отображается после чекбокса */
+    renderAfterProps?: CheckboxRenderAfterProps;
+    /** Ссылка на корневой DOM-элемент компонента */
+    ref?: Ref<HTMLLabelElement>;
+    /** Ссылка на input-элемент в компоненте */
+    inputRef?: Ref<HTMLInputElement>;
+    /** Кастомный класс */
+    className?: string;
+    children?: never;
+    /** Идентификатор компонента для тестов */
+    dataTestid?: string;
+}, 'input'>;

package/__inner__/cjs/components/CheckboxNext/types.js

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

package/__inner__/cjs/components/Chip/Chip.js

@@ -4,7 +4,7 @@ exports.Chip = exports.chipColorVariant = exports.chipSizeVariant = exports.cnCh
 var tslib_1 = require("tslib");
 require("./Chip.css");
 var react_1 = tslib_1.__importStar(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 getIconSizeToFormElement_1 = require("../../utils/getIconSizeToFormElement");
@@ -18,9 +18,7 @@ exports.chipColorVariant = ['primary', 'secondary'];
 exports.Chip = (0, react_1.forwardRef)(function (inProps, ref) {
     var _a = (0, useThemeProps_1.useThemeProps)({ name: 'Chip', props: inProps }), _b = _a.size, size = _b === void 0 ? constants_1.CHIP_DEFAULT_SIZE : _b, _c = _a.color, color = _c === void 0 ? constants_1.CHIP_DEFAULT_VARIANT : _c, _d = _a.disabled, disabled = _d === void 0 ? constants_1.CHIP_DEFAULT_DISABLED : _d, IconLeft = _a.iconLeft, IconRight = _a.iconRight, labelProps = _a.labelProps, inputRef = _a.inputRef, className = _a.className, children = _a.children, dataTestId = _a["data-testid"], other = tslib_1.__rest(_a, ["size", "color", "disabled", "iconLeft", "iconRight", "labelProps", "inputRef", "className", "children", 'data-testid']);
     var iconSize = (0, react_1.useMemo)(function () { return (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size); }, [size]);
-    if (process.env.NODE_ENV !== 'production') {
-        (0, logger_1.deprecate)("\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u00ABChip\u00BB \u0443\u0441\u0442\u0430\u0440\u0435\u043B. \u0414\u043B\u044F \u0437\u0430\u043C\u0435\u043D\u044B \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u00ABChipNext\u00BB.");
-    }
+    (0, useDeprecated_1.useDeprecatedComponent)('Chip');
     return (react_1.default.createElement("label", tslib_1.__assign({ ref: ref, className: (0, exports.cnChip)('', { size: size, disabled: disabled, color: color }, [className]), "data-testid": dataTestId }, labelProps),
         react_1.default.createElement("input", tslib_1.__assign({ ref: inputRef, className: (0, exports.cnChip)('Input'), disabled: disabled, type: "checkbox" }, other)),
         react_1.default.createElement("span", { className: (0, exports.cnChip)('Content') },

package/__inner__/cjs/components/ChipNext/Chip.js

@@ -23,7 +23,7 @@ exports.Chip = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(fu
     var color = colorProp;
     var chipGroup = (0, react_1.useContext)(ChipGroupContext_1.ChipGroupContext);
     if (chipGroup) {
-        if (environment_1.IS_DEV && value === undefined) {
+        if (environment_1.isDev && value === undefined) {
             logger_1.logger.error('Отсутствует параметр "value" для Chip, находящегося в ChipGroup.');
         }
         if (checked === undefined && chipGroup.value) {

package/__inner__/cjs/components/DataList/DataList.js

@@ -147,3 +147,4 @@ var DataListRender = function (inProps, ref) {
         react_1.default.createElement(List_1.List, tslib_1.__assign({ as: "ul", size: size }, listProps, { onMouseDown: handleOnMouseDownList, ref: (0, useMultiRef_1.useMultiRef)([listRef, listProps === null || listProps === void 0 ? void 0 : listProps.ref]) }), renderChildren)));
 };
 exports.DataList = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(DataListRender);
+exports.DataList.displayName = 'DataList';

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

@@ -1,6 +1,7 @@
 import type { ReactNode, ElementType, SyntheticEvent } from 'react';
 import type React from 'react';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { WithDisplayName } from '../../types/react';
 import type { PolymorphicComponentPropsWithRef, PolymorphicComponentRef } from '../../utils/polymorphicComponentWithRef';
 import type { ListProps } from '../List';
 import type { PopoverBaseProps } from '../Popover';
@@ -36,4 +37,4 @@ export type DataListBaseProps<MULTIPLE extends boolean = false> = {
 } & Omit<PopoverBaseProps, 'onSelect'>;
 export type DataListRef = PolymorphicComponentRef<typeof DATA_LIST_DEFAULT_TAG>;
 export type DataListProps<As extends ElementType = typeof DATA_LIST_DEFAULT_TAG, MULTIPLE extends boolean = false> = PolymorphicComponentPropsWithRef<DataListBaseProps<MULTIPLE>, As>;
-export type DataListComponent = <As extends ElementType = typeof DATA_LIST_DEFAULT_TAG, MULTIPLE extends boolean = false>(props: PolymorphicComponentPropsWithRef<DataListBaseProps<MULTIPLE>, As>) => React.ReactElement | null;
+export type DataListComponent = WithDisplayName<(<As extends ElementType = typeof DATA_LIST_DEFAULT_TAG, MULTIPLE extends boolean = false>(props: PolymorphicComponentPropsWithRef<DataListBaseProps<MULTIPLE>, As>) => React.ReactElement | null)>;

package/__inner__/cjs/components/DatePicker/DatePicker.js

@@ -14,7 +14,6 @@ var typeMap = {
     'date-range': components_1.DatePickerModeDateRange,
 };
 exports.cnDatePicker = (0, classname_1.cn)('DatePicker');
-// eslint-disable-next-line react/display-name
 exports.DatePicker = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
@@ -24,3 +23,4 @@ exports.DatePicker = (0, react_1.forwardRef)(function (inProps, ref) {
     var Component = (0, getByMap_1.getByMap)(typeMap, mode);
     return react_1.default.createElement(Component, tslib_1.__assign({ size: size }, other, { ref: ref }));
 });
+exports.DatePicker.displayName = 'DatePicker';

package/__inner__/cjs/components/DatePicker/components/DatePickerModeDate/DatePickerModeDate.js

@@ -11,7 +11,6 @@ var Popover_1 = require("../../../Popover");
 var index_1 = require("../../index");
 var utils_1 = require("../../utils");
 var index_2 = require("../index");
-// eslint-disable-next-line react/display-name
 exports.DatePickerModeDate = (0, react_1.forwardRef)(function (props, ref) {
     var size = props.size, valueProp = props.value, label = props.label, defaultValue = props.defaultValue, openProp = props.open, onCloseProp = props.onClose, onOpenProp = props.onOpen, onInputChange = props.onInputChange, clearText = props.clearText, defaultOpen = props.defaultOpen, disabled = props.disabled, minDate = props.minDate, maxDate = props.maxDate, exclude = props.exclude, inputProps = props.inputProps, renderRight = props.renderRight, className = props.className, _a = props.calendars, calendars = _a === void 0 ? 1 : _a, disableClearButton = props.disableClearButton, onChange = props.onChange, onKeyDown = props.onKeyDown, autoFocus = props.autoFocus, disableCloseOnSelect = props.disableCloseOnSelect, popoverPropsProp = props.popoverProps, calendarPropsProp = props.calendarProps, onError = props.onError, other = tslib_1.__rest(props, ["size", "value", "label", "defaultValue", "open", "onClose", "onOpen", "onInputChange", "clearText", "defaultOpen", "disabled", "minDate", "maxDate", "exclude", "inputProps", "renderRight", "className", "calendars", "disableClearButton", "onChange", "onKeyDown", "autoFocus", "disableCloseOnSelect", "popoverProps", "calendarProps", "onError"]);
     var anchorRef = (0, react_1.useRef)(null);
@@ -157,3 +156,4 @@ exports.DatePickerModeDate = (0, react_1.forwardRef)(function (props, ref) {
         react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ open: open, anchorRef: anchorRef, onClose: handleClose }, popoverProps, { disableEnforceFocus: !enableEnforceFocus, onExited: handleExited }),
             react_1.default.createElement(Calendar_1.Calendar, tslib_1.__assign({ calendars: calendars }, calendarProps, { mode: "single", value: value || null, offsetDate: offsetDate, onOffsetDateChange: onOffsetDateChange, onChange: handleChangeCalendar })))));
 });
+exports.DatePickerModeDate.displayName = 'DatePickerModeDate';

package/__inner__/cjs/components/DatePicker/components/DatePickerModeDateRange/DatePickerModeDateRange.js

@@ -17,9 +17,7 @@ var index_1 = require("../../index");
 var utils_1 = require("../../utils");
 var index_2 = require("../index");
 var utils_2 = require("./utils");
-exports.DatePickerModeDateRange = 
-// eslint-disable-next-line react/display-name
-(0, react_1.forwardRef)(function (props, ref) {
+exports.DatePickerModeDateRange = (0, react_1.forwardRef)(function (props, ref) {
     var size = props.size, error = props.error, openProp = props.open, label = props.label, onKeyDown = props.onKeyDown, onInputChange = props.onInputChange, renderLeft = props.renderLeft, renderRight = props.renderRight, required = props.required, fullWidth = props.fullWidth, placeholder = props.placeholder, hint = props.hint, disableStroke = props.disableStroke, hintProps = props.hintProps, onChange = props.onChange, labelProps = props.labelProps, popoverPropsProp = props.popoverProps, calendarPropsProp = props.calendarProps, defaultOpen = props.defaultOpen, onCloseProp = props.onClose, defaultValue = props.defaultValue, valueProp = props.value, inputProps = props.inputProps, disabled = props.disabled, className = props.className, _a = props.calendars, calendars = _a === void 0 ? 2 : _a, onError = props.onError, clearText = props.clearText, disableCloseOnSelect = props.disableCloseOnSelect, disableClearButton = props.disableClearButton, onOpenProp = props.onOpen, fieldsProps = props.fieldsProps, other = tslib_1.__rest(props, ["size", "error", "open", "label", "onKeyDown", "onInputChange", "renderLeft", "renderRight", "required", "fullWidth", "placeholder", "hint", "disableStroke", "hintProps", "onChange", "labelProps", "popoverProps", "calendarProps", "defaultOpen", "onClose", "defaultValue", "value", "inputProps", "disabled", "className", "calendars", "onError", "clearText", "disableCloseOnSelect", "disableClearButton", "onOpen", "fieldsProps"]);
     var _b = tslib_1.__read((0, utils_2.getValueForDoubleProp)(label), 2), labelFrom = _b[0], labelTo = _b[1];
     var _c = tslib_1.__read((0, utils_2.getValueForDoubleProp)(renderLeft), 2), renderLeftFrom = _c[0], renderLeftTo = _c[1];
@@ -245,3 +243,4 @@ exports.DatePickerModeDateRange =
         react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ open: open, anchorRef: anchorRef, onClose: handleClose }, popoverProps, { onExited: handleExited, ignoreClickOutsideRefs: [containerRef], disableEnforceFocus: disableEnforceFocus }),
             react_1.default.createElement(Calendar_1.Calendar, tslib_1.__assign({ calendars: calendars }, calendarProps, { mode: "range", offsetDate: offsetDate, onChange: handleChangeCalendar, value: (0, utils_2.formatDateForCalendar)(value), onCalendarsChange: onCalendarsChange, onOffsetDateChange: onOffsetDateChange })))));
 });
+exports.DatePickerModeDateRange.displayName = 'DatePickerModeDateRange';

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

@@ -1,5 +1,6 @@
 import type { ChangeEvent, ComponentRef, ReactNode } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { WithDisplayName } from '../../types/react';
 import type { CalendarProps } from '../Calendar';
 import type { FieldHintProps } from '../FieldHint';
 import type { FieldInputProps } from '../FieldInput';
@@ -109,6 +110,6 @@ export type DatePickerProps<MODE extends DatePickerModeVariant = typeof DATE_PIC
     /** Количество отображаемых календарей в компоненте: один или два */
     calendars?: 1 | 2;
 } & Pick<CalendarProps, 'minDate' | 'maxDate' | 'exclude'> & Pick<InputProps, 'onKeyDown'>, 'div'>;
-export type DatePickerComponent = <MODE extends DatePickerModeVariant = typeof DATE_PICKER_DEFAULT_MODE>(props: DatePickerProps<MODE>) => ReactNode;
-export type DatePickerModeComponent<MODE extends DatePickerModeVariant> = (props: Omit<DatePickerProps<MODE>, 'mode'>) => ReactNode;
+export type DatePickerComponent = WithDisplayName<(<MODE extends DatePickerModeVariant = typeof DATE_PICKER_DEFAULT_MODE>(props: DatePickerProps<MODE>) => ReactNode)>;
+export type DatePickerModeComponent<MODE extends DatePickerModeVariant> = WithDisplayName<(props: Omit<DatePickerProps<MODE>, 'mode'>) => ReactNode>;
 export {};

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

@@ -34,6 +34,8 @@ export declare const Dialog: 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__/cjs/components/Dialog/Dialog.js

@@ -5,6 +5,7 @@ var tslib_1 = require("tslib");
 require("./Dialog.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var icons_1 = require("@ozen-ui/icons");
+var useDeprecated_1 = require("../../hooks/useDeprecated");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var IconButtonNext_1 = require("../IconButtonNext");
@@ -16,6 +17,7 @@ exports.cnDialog = (0, classname_1.cn)('Dialog');
  * @deprecated Компонент устарел. Для замены используйте компонент DialogNext
  */
 exports.Dialog = (0, react_1.forwardRef)(function (inProps, ref) {
+    (0, useDeprecated_1.useDeprecatedComponent)('Dialog');
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
         name: 'Dialog',

package/__inner__/cjs/components/Dialog/components/{DialogBody.d.ts → DialogBody/DialogBody.d.ts}

@@ -1,7 +1,7 @@
-import '../Dialog.css';
+import '../../Dialog.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DialogBodyRef = ComponentRef<'div'>;
 export type DialogBodyProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/cjs/components/Dialog/components/{DialogBody.js → DialogBody/DialogBody.js}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogBody = void 0;
 var tslib_1 = require("tslib");
-require("../Dialog.css");
+require("../../Dialog.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var Dialog_1 = require("../Dialog");
+var Dialog_1 = require("../../Dialog");
 exports.DialogBody = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
     return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, Dialog_1.cnDialog)('Body', [className]) }, restProps, { ref: ref }), children));

package/__inner__/cjs/components/Dialog/components/DialogBody/index.d.ts

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

package/__inner__/cjs/components/Dialog/components/DialogBody/index.js

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

package/__inner__/{esm/components/Dialog/components → cjs/components/Dialog/components/DialogFooter}/DialogFooter.d.ts

@@ -1,7 +1,7 @@
-import '../Dialog.css';
+import '../../Dialog.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DialogFooterRef = ComponentRef<'div'>;
 export type DialogFooterProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/cjs/components/Dialog/components/{DialogFooter.js → DialogFooter/DialogFooter.js}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogFooter = void 0;
 var tslib_1 = require("tslib");
-require("../Dialog.css");
+require("../../Dialog.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var Dialog_1 = require("../Dialog");
+var Dialog_1 = require("../../Dialog");
 exports.DialogFooter = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
     return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, Dialog_1.cnDialog)('Footer', [className]) }, restProps), children));

package/__inner__/cjs/components/Dialog/components/DialogFooter/index.d.ts

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

package/__inner__/cjs/components/Dialog/components/DialogFooter/index.js

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

package/__inner__/{esm/components/Dialog/components → cjs/components/Dialog/components/DialogHeader}/DialogHeader.d.ts

@@ -1,7 +1,7 @@
-import '../Dialog.css';
+import '../../Dialog.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DialogHeaderRef = ComponentRef<'div'>;
 export type DialogHeaderProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/cjs/components/Dialog/components/{DialogHeader.js → DialogHeader/DialogHeader.js}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogHeader = void 0;
 var tslib_1 = require("tslib");
-require("../Dialog.css");
+require("../../Dialog.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var Dialog_1 = require("../Dialog");
+var Dialog_1 = require("../../Dialog");
 exports.DialogHeader = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
     return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, Dialog_1.cnDialog)('Header', [className]) }, restProps), children));

package/__inner__/cjs/components/Dialog/components/DialogHeader/index.d.ts

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

package/__inner__/cjs/components/Dialog/components/DialogHeader/index.js

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

package/__inner__/{esm/components/Dialog/components → cjs/components/Dialog/components/DialogSubtitle}/DialogSubtitle.d.ts

@@ -1,7 +1,7 @@
-import '../Dialog.css';
+import '../../Dialog.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DialogSubtitleRef = ComponentRef<'div'>;
 export type DialogSubtitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/cjs/components/Dialog/components/{DialogSubtitle.js → DialogSubtitle/DialogSubtitle.js}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogSubtitle = void 0;
 var tslib_1 = require("tslib");
-require("../Dialog.css");
+require("../../Dialog.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var Dialog_1 = require("../Dialog");
+var Dialog_1 = require("../../Dialog");
 exports.DialogSubtitle = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
     return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, Dialog_1.cnDialog)('Subtitle', [className]) }, restProps), children));

package/__inner__/cjs/components/Dialog/components/DialogSubtitle/index.d.ts

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

package/__inner__/cjs/components/Dialog/components/DialogSubtitle/index.js

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

package/__inner__/{esm/components/Dialog/components → cjs/components/Dialog/components/DialogTitle}/DialogTitle.d.ts

@@ -1,7 +1,7 @@
-import '../Dialog.css';
+import '../../Dialog.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DialogTitleRef = ComponentRef<'h2'>;
 export type DialogTitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/cjs/components/Dialog/components/{DialogTitle.js → DialogTitle/DialogTitle.js}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogTitle = void 0;
 var tslib_1 = require("tslib");
-require("../Dialog.css");
+require("../../Dialog.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var Dialog_1 = require("../Dialog");
+var Dialog_1 = require("../../Dialog");
 exports.DialogTitle = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
     return (react_1.default.createElement("h2", tslib_1.__assign({ ref: ref, className: (0, Dialog_1.cnDialog)('Title', [className]) }, restProps), children));

package/__inner__/cjs/components/Dialog/components/DialogTitle/index.d.ts

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

package/__inner__/cjs/components/Dialog/components/DialogTitle/index.js

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

package/__inner__/cjs/components/DialogNext/DialogContext.js

@@ -18,6 +18,6 @@ var useDialogContext = function () {
 };
 exports.useDialogContext = useDialogContext;
 // Именованный провайдер
-if (environment_1.IS_DEV) {
+if (environment_1.isDev) {
     exports.DialogContext.displayName = 'DialogContext';
 }

package/__inner__/cjs/components/DialogNext/components/DialogModal/DialogModal.d.ts

@@ -30,6 +30,8 @@ export declare const DialogModal: 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__/cjs/components/DialogNext/modules/DialogCloseButton/DialogCloseButton.js

@@ -19,3 +19,4 @@ exports.DialogCloseButton = (0, polymorphicComponentWithRef_1.polymorphicCompone
     };
     return (react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({ variant: variant, name: name, as: as, size: size, ref: ref, className: (0, exports.cnDialogCloseButton)('', [className]), onClick: onClick, icon: icon, compressed: true }, other)));
 });
+exports.DialogCloseButton.displayName = 'DialogCloseButton';

package/__inner__/cjs/components/DialogNext/modules/DialogFooterButton/DialogFooterButton.js

@@ -14,3 +14,4 @@ exports.DialogFooterButton = (0, polymorphicComponentWithRef_1.polymorphicCompon
     var size = (0, DialogContext_1.useDialogContext)().size;
     return (react_1.default.createElement(ButtonNext_1.Button, tslib_1.__assign({}, other, { as: as, ref: ref, className: (0, exports.cnDialogFooterButton)('', [className]), size: size }), children));
 });
+exports.DialogFooterButton.displayName = 'DialogFooterButton';

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

@@ -1,11 +1,11 @@
-import type { RenderContentType } from '../../utils/renderContent';
+import type { RenderContentTypeEmptyProps } from '../../utils/renderContent';
 import type { BackdropProps } from '../Backdrop';
 import type { PortalProps } from '../Portal';
 import type { DialogBottomSheetProps, DialogModalProps } from './components';
 import type { DIALOG_DEFAULT_DEVICE_TYPE } from './constants';
 import type { DialogDeviceType, DialogSizeVariantByDeviceType, DialogVariant } from './entities';
 export type DialogRef = HTMLDivElement;
-export type DialogRenderCloseButton = RenderContentType<{}>['content'];
+export type DialogRenderCloseButton = RenderContentTypeEmptyProps['content'];
 export type DialogContentBottomSheetProps = Omit<DialogBottomSheetProps, 'hideCloseButton' | 'backdrop' | 'open' | 'size' | 'variant' | 'closeButton' | 'onClose' | 'className'>;
 export type DialogContentModalProps = Omit<DialogModalProps, 'open' | 'onClose' | 'hideCloseButton' | 'className' | 'closeButton' | 'size' | 'variant'>;
 export type DialogBaseProps = {

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

@@ -35,6 +35,8 @@ export declare const Drawer: 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__/cjs/components/Drawer/Drawer.js

@@ -5,6 +5,7 @@ var tslib_1 = require("tslib");
 require("./Drawer.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var icons_1 = require("@ozen-ui/icons");
+var useDeprecated_1 = require("../../hooks/useDeprecated");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var IconButtonNext_1 = require("../IconButtonNext");
@@ -16,6 +17,7 @@ exports.cnDrawer = (0, classname_1.cn)('Drawer');
  * @deprecated Компонент устарел. Для замены используйте компонент DrawerNext
  */
 exports.Drawer = (0, react_1.forwardRef)(function (inProps, ref) {
+    (0, useDeprecated_1.useDeprecatedComponent)('Drawer');
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
         name: 'Drawer',

package/__inner__/{esm/components/Drawer/components → cjs/components/Drawer/components/DrawerBody}/DrawerBody.d.ts

@@ -1,7 +1,7 @@
-import '../Drawer.css';
+import '../../Drawer.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DrawerBodyRef = ComponentRef<'div'>;
 export type DrawerBodyProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/cjs/components/Drawer/components/{DrawerBody.js → DrawerBody/DrawerBody.js}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrawerBody = void 0;
 var tslib_1 = require("tslib");
-require("../Drawer.css");
+require("../../Drawer.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var Drawer_1 = require("../Drawer");
+var Drawer_1 = require("../../Drawer");
 exports.DrawerBody = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
     return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, Drawer_1.cnDrawer)('Body', [className]) }, restProps), children));

package/__inner__/cjs/components/Drawer/components/DrawerBody/index.d.ts

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

package/__inner__/cjs/components/Drawer/components/DrawerBody/index.js

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

package/__inner__/cjs/components/Drawer/components/{DrawerFooter.d.ts → DrawerFooter/DrawerFooter.d.ts}

@@ -1,7 +1,7 @@
-import '../Drawer.css';
+import '../../Drawer.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DrawerFooterRef = ComponentRef<'div'>;
 export type DrawerFooterProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/cjs/components/Drawer/components/{DrawerFooter.js → DrawerFooter/DrawerFooter.js}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrawerFooter = void 0;
 var tslib_1 = require("tslib");
-require("../Drawer.css");
+require("../../Drawer.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var Drawer_1 = require("../Drawer");
+var Drawer_1 = require("../../Drawer");
 exports.DrawerFooter = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
     return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, Drawer_1.cnDrawer)('Footer', [className]) }, restProps), children));