@ozen-ui/kit 0.68.0 → 0.70.0

package/__inner__/cjs/components/Checkbox/Checkbox.js

@@ -4,6 +4,7 @@ exports.Checkbox = exports.cnCheckbox = void 0;
 var tslib_1 = require("tslib");
 require("./Checkbox.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 CheckboxGroupContext_1 = require("../CheckboxGroup/CheckboxGroupContext");
@@ -15,6 +16,7 @@ exports.cnCheckbox = (0, classname_1.cn)('Checkbox');
  * @deprecated Компонент устарел. Для замены используйте компонент CheckboxNext
  */
 exports.Checkbox = (0, react_1.forwardRef)(function (inProps, ref) {
+    (0, useDeprecated_1.useDeprecatedComponent)('Checkbox');
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
         name: 'Checkbox',

package/__inner__/cjs/components/CheckboxGroup/CheckboxGroup.js

@@ -5,6 +5,7 @@ var tslib_1 = require("tslib");
 require("./CheckboxGroup.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var useControlled_1 = require("../../hooks/useControlled");
+var useDeprecated_1 = require("../../hooks/useDeprecated");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
@@ -17,6 +18,7 @@ exports.cnCheckboxGroup = (0, classname_1.cn)('CheckboxGroup');
  * @deprecated Компонент устарел. Для замены используйте компонент CheckboxGroupNext
  */
 exports.CheckboxGroup = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    (0, useDeprecated_1.useDeprecatedComponent)('CheckboxGroup');
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
         name: 'CheckboxGroup',

package/__inner__/cjs/components/CheckboxGroupNext/CheckboxGroupContext.js

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

package/__inner__/cjs/components/CheckboxNext/Checkbox.css

@@ -86,8 +86,8 @@
 
   .CheckboxNext-Box {
     position: relative;
-    inline-size: var(--checkbox-size, 20px);
-    block-size: var(--checkbox-size, 20px);
+    inline-size: var(--checkbox-size);
+    block-size: var(--checkbox-size);
     border-radius: var(--border-radius-xs);
     flex-shrink: 0;
   }

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/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/DialogBottomSheet/DialogBottomSheet.d.ts

@@ -9,4 +9,4 @@ export declare const DialogBottomSheet: React.ForwardRefExoticComponent<{
     hideCloseButton: boolean | undefined;
     className: string | undefined;
     onClose: (() => void) | undefined;
-} & Omit<Omit<import("../../../BottomSheetBase").BottomSheetBaseProps, "snaps">, "className" | "open" | "onClose" | "size" | "variant" | "hideCloseButton" | "closeButton"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<import("../../../BottomSheetBase").BottomSheetBaseProps, "snaps">, "className" | "size" | "open" | "variant" | "onClose" | "hideCloseButton" | "closeButton"> & React.RefAttributes<HTMLDivElement>>;

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/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__/cjs/components/DrawerNext/DrawerContext.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerCloseButton/DrawerCloseButton.js

@@ -19,3 +19,4 @@ exports.DrawerCloseButton = (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.cnDrawerCloseButton)('', [className]), onClick: onClick, icon: icon, compressed: true }, other)));
 });
+exports.DrawerCloseButton.displayName = 'DrawerCloseButton';

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooterButton/DrawerFooterButton.js

@@ -13,3 +13,4 @@ exports.DrawerFooterButton = (0, polymorphicComponentWithRef_1.polymorphicCompon
     var size = (0, DrawerContext_1.useDrawerContext)().size;
     return (react_1.default.createElement(ButtonNext_1.Button, tslib_1.__assign({}, other, { as: as, ref: ref, size: size, className: (0, exports.cnDrawerFooterButton)('', [className]) }), children));
 });
+exports.DrawerFooterButton.displayName = 'DrawerFooterButton';

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

@@ -10,6 +10,7 @@ export type FieldHintProps = ExtendableComponentPropsWithRef<{
     error?: boolean;
     disabled?: boolean;
     size?: FormElementSizeVariant;
+    'data-testid'?: string;
 }, typeof FIELD_HINT_DEFAULT_TAG>;
 export declare const cnFieldHint: import("@bem-react/classname").ClassNameFormatter;
 export declare const FieldHint: React.ForwardRefExoticComponent<Omit<FieldHintProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -11,6 +11,7 @@ export type FieldIconProps = ExtendableComponentPropsWithRef<{
     icon?: RenderContentType<IconProps>['content'];
     size?: FormElementSizeVariant;
     children?: never;
+    'data-testid'?: string;
 }, typeof FIELD_ICON_DEFAULT_TAG>;
 export declare const cnFieldIcon: import("@bem-react/classname").ClassNameFormatter;
 export declare const FieldIcon: React.ForwardRefExoticComponent<Omit<FieldIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/FilePicker/FilePicker.js

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

package/__inner__/cjs/components/FormControlCarcass/FormControlCarcass.css

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

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

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

package/__inner__/cjs/components/IconButton/IconButton.js

@@ -4,7 +4,7 @@ exports.IconButton = exports.cnIconButton = exports.iconButtonVariant = exports.
 var tslib_1 = require("tslib");
 require("./IconButton.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");
@@ -36,9 +36,7 @@ exports.IconButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithR
         props: inProps,
         name: 'IconButton',
     });
-    if (process.env.NODE_ENV !== 'production') {
-        (0, logger_1.deprecate)('Компонент «IconButton» устарел. Для замены используйте компонент «IconButtonNext».');
-    }
+    (0, useDeprecated_1.useDeprecatedComponent)('IconButton');
     var _a = props.size, size = _a === void 0 ? constants_1.ICON_BUTTON_DEFAULT_SIZE : _a, _b = props.variant, variant = _b === void 0 ? constants_1.ICON_BUTTON_DEFAULT_VARIANT : _b, _c = props.color, color = _c === void 0 ? constants_1.ICON_BUTTON_DEFAULT_COLOR : _c, _d = props.as, Tag = _d === void 0 ? constants_1.ICON_BUTTON_DEFAULT_TAG : _d, iconColor = props.iconColor, compressed = props.compressed, loading = props.loading, disabled = props.disabled, className = props.className, icon = props.icon, onClick = props.onClick, rounded = props.rounded, other = tslib_1.__rest(props, ["size", "variant", "color", "as", "iconColor", "compressed", "loading", "disabled", "className", "icon", "onClick", "rounded"]);
     var isInteractionPrevented = disabled || loading;
     var handleClick = function (event) {

package/__inner__/cjs/components/InputOTP/InputOTP.js

@@ -177,3 +177,4 @@ exports.InputOTP = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef
                 react_1.default.createElement(Fieldset_1.Fieldset, null))));
     })));
 });
+exports.InputOTP.displayName = 'InputOTP';

package/__inner__/cjs/components/Menu/Menu.js

@@ -4,7 +4,7 @@ exports.Menu = exports.cnMenu = void 0;
 var tslib_1 = require("tslib");
 require("./Menu.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 getPaperSizeToFormElement_1 = require("../../utils/getPaperSizeToFormElement");
@@ -17,9 +17,7 @@ exports.Menu = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Menu' });
     var _a = props.size, size = _a === void 0 ? constants_1.MENU_DEFAULT_SIZE : _a, open = props.open, menuListProps = props.menuListProps, menuListRef = props.menuListRef, onClose = props.onClose, children = props.children, className = props.className, other = tslib_1.__rest(props, ["size", "open", "menuListProps", "menuListRef", "onClose", "children", "className"]);
     var radius = (0, getPaperSizeToFormElement_1.getPaperSizeToFormElement)(size);
-    if (process.env.NODE_ENV !== 'production' && menuListRef) {
-        (0, logger_1.deprecate)('Свойство «menuListRef» устарело. Для замены используйте «menuListProps.ref».');
-    }
+    (0, useDeprecated_1.useDeprecatedProperty)(!!menuListRef, 'menuListRef', 'menuListProps.ref');
     return (react_1.default.createElement(Popover_1.Popover, tslib_1.__assign({ as: Paper_1.Paper, offset: [0, 4], radius: radius }, other, { open: open, onClose: onClose, className: (0, exports.cnMenu)('', [className]), disableEnforceFocus: true, ref: ref }),
         react_1.default.createElement(components_1.MenuContextConsumer, { onClose: onClose, menuListRef: menuListRef, menuListProps: tslib_1.__assign(tslib_1.__assign({ size: size }, menuListProps), { ref: menuListRef || (menuListProps === null || menuListProps === void 0 ? void 0 : menuListProps.ref) }) }, children)));
 });

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

@@ -24,6 +24,8 @@ export declare const Modal: React.ForwardRefExoticComponent<{
     className?: string;
     'data-testid'?: string;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
-} & import("../Portal").PortalBaseProps & {
+} & {
+    container?: import("../../hooks/usePortalContainer").PortalContainer;
+} & Omit<import("../PortalBase").PortalBaseBaseProps, "container"> & {
     as?: "div" | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "data-testid" | "container" | "disablePortal"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Modal/Modal.js

@@ -5,28 +5,41 @@ var tslib_1 = require("tslib");
 require("./Modal.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var react_transition_group_1 = require("react-transition-group");
+var environment_1 = require("../../constants/environment");
 var useClickOutside_1 = require("../../hooks/useClickOutside");
 var useEventListener_1 = require("../../hooks/useEventListener");
 var useFocusTrap_1 = require("../../hooks/useFocusTrap");
 var useLockBodyScroll_1 = require("../../hooks/useLockBodyScroll");
 var useMultiRef_1 = require("../../hooks/useMultiRef");
+var usePortalContainer_1 = require("../../hooks/usePortalContainer");
 var classname_1 = require("../../utils/classname");
 var isKey_1 = require("../../utils/isKey");
 var Backdrop_1 = require("../Backdrop");
-var Portal_1 = require("../Portal");
+var PortalBase_1 = require("../PortalBase");
 var components_1 = require("./components");
 var constants_1 = require("./constants");
 var index_1 = require("./index");
 exports.cnModal = (0, classname_1.cn)('Modal');
 exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b = _a.open, open = _b === void 0 ? constants_1.MODAL_DEFAULT_OPEN : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? constants_1.MODAL_DEFAULT_KEEP_MOUNTED : _c, _d = _a.hideBackdrop, hideBackdrop = _d === void 0 ? constants_1.MODAL_DEFAULT_HIDE_BACKDROP : _d, _e = _a.disableScrollLock, disableScrollLock = _e === void 0 ? constants_1.MODAL_DEFAULT_DISABLE_SCROLL_LOCK : _e, _f = _a.disableClickOutside, disableClickOutside = _f === void 0 ? constants_1.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = _a.disableEscapeKeyDown, disableEscapeKeyDown = _g === void 0 ? constants_1.MODAL_DEFAULT_ESCAPE_KEY_DOWN : _g, children = _a.children, onEnter = _a.onEnter, onEntered = _a.onEntered, onExit = _a.onExit, onExitedProp = _a.onExited, onClose = _a.onClose, backdropProps = _a.backdropProps, windowProps = _a.windowProps, transitionProps = _a.transitionProps, className = _a.className, ignoreClickOutsideRefs = _a.ignoreClickOutsideRefs, other = tslib_1.__rest(_a, ["open", "keepMounted", "hideBackdrop", "disableScrollLock", "disableClickOutside", "disableEscapeKeyDown", "children", "onEnter", "onEntered", "onExit", "onExited", "onClose", "backdropProps", "windowProps", "transitionProps", "className", "ignoreClickOutsideRefs"]);
+    var _b = _a.open, open = _b === void 0 ? constants_1.MODAL_DEFAULT_OPEN : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? constants_1.MODAL_DEFAULT_KEEP_MOUNTED : _c, _d = _a.hideBackdrop, hideBackdrop = _d === void 0 ? constants_1.MODAL_DEFAULT_HIDE_BACKDROP : _d, _e = _a.disableScrollLock, disableScrollLock = _e === void 0 ? constants_1.MODAL_DEFAULT_DISABLE_SCROLL_LOCK : _e, _f = _a.disableClickOutside, disableClickOutside = _f === void 0 ? constants_1.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = _a.disableEscapeKeyDown, disableEscapeKeyDown = _g === void 0 ? constants_1.MODAL_DEFAULT_ESCAPE_KEY_DOWN : _g, children = _a.children, onEnter = _a.onEnter, onEntered = _a.onEntered, onExit = _a.onExit, onExitedProp = _a.onExited, onClose = _a.onClose, backdropProps = _a.backdropProps, windowProps = _a.windowProps, transitionProps = _a.transitionProps, className = _a.className, ignoreClickOutsideRefs = _a.ignoreClickOutsideRefs, _h = _a.container, containerProp = _h === void 0 ? constants_1.MODAL_DEFAULT_PORTAL_CONTAINER : _h, other = tslib_1.__rest(_a, ["open", "keepMounted", "hideBackdrop", "disableScrollLock", "disableClickOutside", "disableEscapeKeyDown", "children", "onEnter", "onEntered", "onExit", "onExited", "onClose", "backdropProps", "windowProps", "transitionProps", "className", "ignoreClickOutsideRefs", "container"]);
     var hasBackdrop = !hideBackdrop;
     var rootRef = (0, react_1.useRef)(null);
     var windowInnerRef = (0, react_1.useRef)(null);
     var focusedElement = (0, react_1.useRef)(null);
-    var _h = tslib_1.__read((0, react_1.useState)(false), 2), openState = _h[0], setOpenState = _h[1];
-    var _j = tslib_1.__read((0, react_1.useState)(false), 2), opened = _j[0], setOpened = _j[1];
-    var _k = (0, index_1.useModalManager)(windowInnerRef, 1000, openState), isTop = _k.isTop, refsClickOutside = _k.refsClickOutside;
+    var _j = tslib_1.__read((0, react_1.useState)(false), 2), openState = _j[0], setOpenState = _j[1];
+    var _k = tslib_1.__read((0, react_1.useState)(false), 2), opened = _k[0], setOpened = _k[1];
+    var container = (0, usePortalContainer_1.usePortalContainer)(containerProp);
+    var _l = (0, index_1.useModalManager)(windowInnerRef, 1000, openState), isTop = _l.isTop, refsClickOutside = _l.refsClickOutside;
+    var portalMultiRef = (0, useMultiRef_1.useMultiRef)([rootRef, ref]);
+    var trapRef = (0, useFocusTrap_1.useFocusTrap)({
+        active: isTop,
+        focusinTrap: false,
+    });
+    var modalConsumerMultiRef = (0, useMultiRef_1.useMultiRef)([
+        windowInnerRef,
+        trapRef,
+        windowProps === null || windowProps === void 0 ? void 0 : windowProps.ref,
+    ]);
     (0, useClickOutside_1.useClickOutside)({
         refs: tslib_1.__spreadArray(tslib_1.__spreadArray([
             windowInnerRef
@@ -47,12 +60,11 @@ exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
         }
         setOpenState(open);
     }, [open]);
-    var trapRef = (0, useFocusTrap_1.useFocusTrap)({
-        active: isTop,
-        focusinTrap: false,
-    });
     var onExited = (0, react_1.useCallback)(function () {
         var _a, _b;
+        if (environment_1.isServer) {
+            return;
+        }
         // Возвращаем фокус активного элемента
         if (((_a = windowInnerRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) ||
             document.activeElement === document.body) {
@@ -71,9 +83,12 @@ exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
         },
         active: isTop && !disableEscapeKeyDown,
     });
+    if (!container) {
+        return null;
+    }
     return (react_1.default.createElement(react_transition_group_1.CSSTransition, tslib_1.__assign({ classNames: (0, exports.cnModal)({ animation: true }), nodeRef: rootRef, timeout: 300 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: !keepMounted, appear: true }),
-        react_1.default.createElement(Portal_1.Portal, tslib_1.__assign({}, other, { className: (0, exports.cnModal)({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: (0, useMultiRef_1.useMultiRef)([rootRef, ref]) }),
+        react_1.default.createElement(PortalBase_1.PortalBase, tslib_1.__assign({}, other, { container: container, className: (0, exports.cnModal)({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: portalMultiRef }),
             !hideBackdrop && (react_1.default.createElement(Backdrop_1.Backdrop, tslib_1.__assign({ zIndex: -1, open: openState }, backdropProps, { className: backdropProps === null || backdropProps === void 0 ? void 0 : backdropProps.className }))),
-            react_1.default.createElement(components_1.ModalConsumer, tslib_1.__assign({}, windowProps, { ref: (0, useMultiRef_1.useMultiRef)([windowInnerRef, trapRef, windowProps === null || windowProps === void 0 ? void 0 : windowProps.ref]) }), children))));
+            react_1.default.createElement(components_1.ModalConsumer, tslib_1.__assign({}, windowProps, { ref: modalConsumerMultiRef }), children))));
 });
 exports.Modal.displayName = 'Modal';

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

@@ -4,3 +4,4 @@ export declare const MODAL_DEFAULT_HIDE_BACKDROP = false;
 export declare const MODAL_DEFAULT_DISABLE_SCROLL_LOCK = false;
 export declare const MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 export declare const MODAL_DEFAULT_ESCAPE_KEY_DOWN = false;
+export declare const MODAL_DEFAULT_PORTAL_CONTAINER: () => HTMLElement;

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

@@ -1,9 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MODAL_DEFAULT_ESCAPE_KEY_DOWN = exports.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE = exports.MODAL_DEFAULT_DISABLE_SCROLL_LOCK = exports.MODAL_DEFAULT_HIDE_BACKDROP = exports.MODAL_DEFAULT_KEEP_MOUNTED = exports.MODAL_DEFAULT_OPEN = void 0;
+exports.MODAL_DEFAULT_PORTAL_CONTAINER = exports.MODAL_DEFAULT_ESCAPE_KEY_DOWN = exports.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE = exports.MODAL_DEFAULT_DISABLE_SCROLL_LOCK = exports.MODAL_DEFAULT_HIDE_BACKDROP = exports.MODAL_DEFAULT_KEEP_MOUNTED = exports.MODAL_DEFAULT_OPEN = void 0;
 exports.MODAL_DEFAULT_OPEN = false;
 exports.MODAL_DEFAULT_KEEP_MOUNTED = false;
 exports.MODAL_DEFAULT_HIDE_BACKDROP = false;
 exports.MODAL_DEFAULT_DISABLE_SCROLL_LOCK = false;
 exports.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 exports.MODAL_DEFAULT_ESCAPE_KEY_DOWN = false;
+exports.MODAL_DEFAULT_PORTAL_CONTAINER = (function () {
+    return window.document.body;
+});