@ozen-ui/kit 0.68.0 → 0.69.0

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInput/types.d.ts

@@ -0,0 +1,31 @@
+import type { ReactElement, Ref } from 'react';
+import type { InputProps, InputRef } from '../../../Input';
+import type { AutocompleteBaseDefaultOption } from '../../entities';
+import type { AutocompleteBaseSuffixPosition, AutocompleteBaseRenderSuffix, AutocompleteBaseRenderBefore, AutocompleteBaseRenderMoreTag, AutocompleteBaseRenderTag } from './entities';
+export type AutocompleteInputRef = InputRef;
+export type AutocompleteBaseInputProps<Option = AutocompleteBaseDefaultOption> = Omit<InputProps, 'value' | 'onChange' | 'size' | 'disabled' | 'renderRight' | 'renderLeft' | 'error'> & {
+    /** Текст для кнопки открытия выпадающего списка */
+    openText?: string;
+    /** Текст для кнопки закрытия выпадающего списка */
+    closeText?: string;
+    /** Текст для кнопки очистки поля */
+    clearText?: string;
+    /** Если `true` показывает кнопку раскрытия/скрытия списка */
+    showChevron?: boolean;
+    /** Если `true`, то отображает кнопку закрытия */
+    showClearButton?: boolean;
+    ref?: Ref<AutocompleteInputRef>;
+    /** Задает максимальное количество отображаемых тегов в компоненте с множественным выбором */
+    limitTags?: 'responsive' | number;
+    /** Функция для кастомизации тега выбранного значения в компоненте с множественным выбором */
+    renderTag?: AutocompleteBaseRenderTag<Option>;
+    /** Функция для кастомизации тега «more», который отображается в случае скрытия элементов в компоненте с множественным выбором */
+    renderMoreTag?: AutocompleteBaseRenderMoreTag<Option>;
+    /** Компонент справа */
+    renderSuffix?: AutocompleteBaseRenderSuffix;
+    /** Компонент слева */
+    renderBefore?: AutocompleteBaseRenderBefore;
+    /** Положение компонента справа */
+    suffixPosition?: AutocompleteBaseSuffixPosition;
+};
+export type AutocompleteInputComponent = <Option = AutocompleteBaseDefaultOption>(props: AutocompleteBaseInputProps<Option>) => ReactElement | null;

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInput/types.js

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

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInputIcon/AutocompleteBaseInputIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AutocompleteBaseInputIconProps } from './types';
+export declare const cnAutocompleteBaseInputIcon: import("@bem-react/classname").ClassNameFormatter;
+export declare const AutocompleteBaseInputIcon: React.ForwardRefExoticComponent<Omit<AutocompleteBaseInputIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInputIcon/AutocompleteBaseInputIcon.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteBaseInputIcon = exports.cnAutocompleteBaseInputIcon = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var FieldIcon_1 = require("../../../FieldIcon");
+exports.cnAutocompleteBaseInputIcon = (0, classname_1.cn)('AutocompleteBaseInputIcon');
+exports.AutocompleteBaseInputIcon = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'AutocompleteBaseInputIcon',
+    });
+    var className = props.className, icon = props.icon, other = tslib_1.__rest(props, ["className", "icon"]);
+    return (react_1.default.createElement(FieldIcon_1.FieldIcon, tslib_1.__assign({}, other, { icon: icon, className: (0, exports.cnAutocompleteBaseInputIcon)('', [className]), ref: ref })));
+});
+exports.AutocompleteBaseInputIcon.displayName = 'AutocompleteBaseInputIcon';

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInputIcon/index.d.ts

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

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInputIcon/index.js

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

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInputIcon/types.d.ts

@@ -0,0 +1,4 @@
+import type { FieldIconProps } from '../../../FieldIcon';
+import type { TagRef } from '../../../TagNext';
+export type AutocompleteBaseInputIconProps = Omit<FieldIconProps, 'size'>;
+export type AutocompleteBaseInputIconRef = TagRef;

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInputIcon/types.js

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

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInputTag/AutocompleteBaseInputTag.css

@@ -0,0 +1,4 @@
+.AutocompleteBaseInputTag_disabled {
+    pointer-events: none;
+    opacity: 0.6;
+  }

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInputTag/AutocompleteBaseInputTag.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const cnAutocompleteBaseInputTag: import("@bem-react/classname").ClassNameFormatter;
+export declare const AutocompleteBaseInputTag: React.ForwardRefExoticComponent<Omit<import("../../../TagNext").TagProps, "size"> & {
+    disabled?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInputTag/AutocompleteBaseInputTag.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutocompleteBaseInputTag = exports.cnAutocompleteBaseInputTag = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var classname_1 = require("../../../../utils/classname");
+var TagNext_1 = require("../../../TagNext");
+var AutocompleteBaseContext_1 = require("../../AutocompleteBaseContext");
+var constants_1 = require("./constants");
+exports.cnAutocompleteBaseInputTag = (0, classname_1.cn)('AutocompleteBaseInputTag');
+exports.AutocompleteBaseInputTag = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'AutocompleteBaseInputTag',
+    });
+    var className = props.className, _a = props.as, as = _a === void 0 ? constants_1.AUTOCOMPLETE_BASE_INPUT_TAG_DEFAULT_TAG : _a, _b = props.color, color = _b === void 0 ? constants_1.AUTOCOMPLETE_BASE_INPUT_TAG_DEFAULT_COLOR : _b, disabled = props.disabled, other = tslib_1.__rest(props, ["className", "as", "color", "disabled"]);
+    var autocompleteSize = (0, AutocompleteBaseContext_1.useAutocompleteBaseContext)().size;
+    var size = constants_1.AUTOCOMPLETE_BASE_SIZE_TO_TAG_SIZE[autocompleteSize];
+    return (react_1.default.createElement(TagNext_1.Tag, tslib_1.__assign({ as: as, size: size, className: (0, exports.cnAutocompleteBaseInputTag)({
+            disabled: disabled,
+        }, [className]), color: color }, other, { ref: ref })));
+});
+exports.AutocompleteBaseInputTag.displayName = 'AutocompleteBaseInputTag';

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInputTag/constants.d.ts

@@ -0,0 +1,5 @@
+import type { TagSizeVariant } from '../../../TagNext';
+import type { AutocompleteBaseSize } from '../../entities';
+export declare const AUTOCOMPLETE_BASE_SIZE_TO_TAG_SIZE: Readonly<Record<AutocompleteBaseSize, TagSizeVariant>>;
+export declare const AUTOCOMPLETE_BASE_INPUT_TAG_DEFAULT_COLOR = "neutral";
+export declare const AUTOCOMPLETE_BASE_INPUT_TAG_DEFAULT_TAG = "div";

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInputTag/constants.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AUTOCOMPLETE_BASE_INPUT_TAG_DEFAULT_TAG = exports.AUTOCOMPLETE_BASE_INPUT_TAG_DEFAULT_COLOR = exports.AUTOCOMPLETE_BASE_SIZE_TO_TAG_SIZE = void 0;
+exports.AUTOCOMPLETE_BASE_SIZE_TO_TAG_SIZE = {
+    '2xs': '2xs',
+    xs: '2xs',
+    s: '2xs',
+    m: 'xs',
+    l: 'xs',
+};
+exports.AUTOCOMPLETE_BASE_INPUT_TAG_DEFAULT_COLOR = 'neutral';
+exports.AUTOCOMPLETE_BASE_INPUT_TAG_DEFAULT_TAG = 'div';

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInputTag/index.d.ts

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

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInputTag/index.js

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

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInputTag/types.d.ts

@@ -0,0 +1,5 @@
+import type { TagProps, TagRef } from '../../../TagNext';
+export type AutocompleteBaseInputTagRef = TagRef;
+export type AutocompleteBaseInputTagProps = Omit<TagProps, 'size'> & {
+    disabled?: boolean;
+};

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInputTag/types.js

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

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

@@ -0,0 +1,4 @@
+export * from './AutocompleteBaseDropdown';
+export * from './AutocompleteBaseInput';
+export * from './AutocompleteBaseInputIcon';
+export * from './AutocompleteBaseInputTag';

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

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

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

@@ -0,0 +1,45 @@
+import type { AutocompleteBaseOnInputChange, AutocompleteBaseOnChange, AutocompleteBaseRenderInput, AutocompleteBaseOnClose, AutocompleteBaseOnOpen, AutocompleteBaseDefaultOption, AutocompleteBasePropPrepareOption, AutocompleteBaseSearchFunction, AutocompleteBaseSize, AutocompleteBaseValue, AutocompleteBaseRenderDropdown } from './entities';
+export type AutocompleteBaseProps<Option = AutocompleteBaseDefaultOption, Multiple extends boolean = false> = {
+    /** Если `true` из списка можно выбрать несколько вариантов */
+    multiple?: Multiple;
+    /** Список вариантов выбора (опции) */
+    options: Option[];
+    /** Размер */
+    size?: AutocompleteBaseSize;
+    /** Если `true` переводит поле в состояние ошибки */
+    error?: boolean;
+    /** Выбранное значение опции */
+    value?: AutocompleteBaseValue<Option, Multiple>;
+    /** Выбранное значение опции по умолчанию */
+    defaultValue?: AutocompleteBaseValue<Option, Multiple>;
+    /** Текущее состояние списка. Если `true`, список отображается. */
+    open?: boolean;
+    /** Состояние открытие по умолчанию (неконтролируемый компонент) */
+    defaultOpen?: boolean;
+    /** Функция обратного вызова, которая будет вызвана когда компонент запрашивает открытие */
+    onOpen?: AutocompleteBaseOnOpen;
+    /** Функция обратного вызова, которая будет вызвана когда компонент запрашивает закрытие */
+    onClose?: AutocompleteBaseOnClose;
+    /** Функция обратного вызова, которая будет вызвана при выборе значения */
+    onChange?: AutocompleteBaseOnChange<Option, Multiple>;
+    /** Функция обратного вызова, которая будет вызвана при вводе значения с клавиатуры */
+    onInputChange?: AutocompleteBaseOnInputChange;
+    /** Введённое значение в текстовом поле */
+    inputValue?: string;
+    /** Если `true` отображает статус загрузки (при условии отсутствующих опций) */
+    loading?: boolean;
+    /** Функция поиска */
+    searchFunction?: AutocompleteBaseSearchFunction<Option>;
+    /** Функция для кастомизации текстового поля */
+    renderInput: AutocompleteBaseRenderInput;
+    /** Функция для кастомизации выпадающего элемента для выбора значения */
+    renderDropdown: AutocompleteBaseRenderDropdown;
+    /** Функция для приведения опцию к внутреннему формату */
+    prepareOption?: AutocompleteBasePropPrepareOption<Option>;
+    /** Если `true` делает элемент неактивным */
+    disabled?: boolean;
+    /** Если `true` позволяет вводить кастомное значение в текстовом поле */
+    allowCustomValue?: boolean;
+    /** Если `true` закрывает выпадающий список при выборе опции */
+    closeOnSelect?: boolean;
+};

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

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

package/__inner__/cjs/components/AutocompleteBase/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './isMultiple';
+export * from './isSingle';
+export * from './prepareOption';

package/__inner__/cjs/components/AutocompleteBase/utils/index.js

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

package/__inner__/cjs/components/AutocompleteBase/utils/isMultiple.d.ts

@@ -0,0 +1,4 @@
+import type { AutocompleteBaseInternalMultipleValue, AutocompleteBaseInternalValue } from '../entities';
+import type { AutocompleteBaseProps } from '../types';
+export declare const isMultipleProps: <Option>(props: AutocompleteBaseProps<Option, boolean>) => props is AutocompleteBaseProps<Option, true>;
+export declare const isMultipleInternalValue: <Option>(_: AutocompleteBaseInternalValue<Option, boolean> | undefined, multiple: boolean) => _ is AutocompleteBaseInternalMultipleValue<Option> | undefined;

package/__inner__/cjs/components/AutocompleteBase/utils/isMultiple.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isMultipleInternalValue = exports.isMultipleProps = void 0;
+var isMultipleProps = function (props) { return !!props.multiple; };
+exports.isMultipleProps = isMultipleProps;
+var isMultipleInternalValue = function (_, multiple) { return multiple; };
+exports.isMultipleInternalValue = isMultipleInternalValue;

package/__inner__/cjs/components/AutocompleteBase/utils/isSingle.d.ts

@@ -0,0 +1,4 @@
+import type { AutocompleteBaseInternalSingleValue, AutocompleteBaseInternalValue } from '../entities';
+import type { AutocompleteBaseProps } from '../types';
+export declare const isSingleProps: <Option>(props: AutocompleteBaseProps<Option, boolean>) => props is AutocompleteBaseProps<Option, false>;
+export declare const isSingleInternalValue: <Option>(_: AutocompleteBaseInternalValue<Option, boolean> | undefined, multiple: boolean) => _ is AutocompleteBaseInternalSingleValue<Option> | undefined;

package/__inner__/cjs/components/AutocompleteBase/utils/isSingle.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isSingleInternalValue = exports.isSingleProps = void 0;
+var isSingleProps = function (props) { return !props.multiple; };
+exports.isSingleProps = isSingleProps;
+var isSingleInternalValue = function (_, multiple) { return !multiple; };
+exports.isSingleInternalValue = isSingleInternalValue;

package/__inner__/cjs/components/AutocompleteBase/utils/prepareOption.d.ts

@@ -0,0 +1,2 @@
+import type { AutocompleteBaseDefaultOption, AutocompleteBasePropPrepareOption } from '../entities';
+export declare const autocompleteBaseDefaultPrepareOption: AutocompleteBasePropPrepareOption<AutocompleteBaseDefaultOption>;

package/__inner__/cjs/components/AutocompleteBase/utils/prepareOption.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.autocompleteBaseDefaultPrepareOption = void 0;
+var isString_1 = require("../../../utils/isString");
+var autocompleteBaseDefaultPrepareOption = function (option) {
+    var _a;
+    if ((0, isString_1.isString)(option)) {
+        return {
+            id: option,
+            label: option,
+            disabled: false,
+        };
+    }
+    return {
+        id: option.id,
+        label: option.label,
+        disabled: (_a = option.disabled) !== null && _a !== void 0 ? _a : false,
+    };
+};
+exports.autocompleteBaseDefaultPrepareOption = autocompleteBaseDefaultPrepareOption;

package/__inner__/cjs/components/AutocompleteNext/Autocomplete.js

@@ -214,3 +214,4 @@ function AutocompleteRender(inProps, ref) {
         react_1.default.createElement(components_1.AutocompleteDropdown, { open: open, size: size, loading: loading, setUpdate: setUpdate, value: valueState, multiple: multiple, onClose: handleClose, listProps: listProps, anchorRef: anchorRef, hasOptions: hasOptions, options: filteredOptions, loadingText: loadingText, renderOption: renderOption, getOptionKey: getOptionKey, noOptionsText: noOptionsText, onChange: handleChangeDropdown, getOptionLabel: getOptionLabel, getOptionDisabled: getOptionDisabled, disableShowEmptyOptionsList: disableShowEmptyOptionsList, popoverProps: tslib_1.__assign(tslib_1.__assign({}, popoverProps), { onExited: handleExited }) })));
 }
 exports.Autocomplete = (0, react_1.forwardRef)(AutocompleteRender);
+exports.Autocomplete.displayName = 'Autocomplete';

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/AutocompleteDropdown.js

@@ -92,7 +92,7 @@ var AutocompleteDropdownRender = function (inProps, ref) {
     /** Отображение опций */
     var renderOptionDefault = function (_a) {
         var props = _a.props, option = _a.option, selected = _a.state.selected;
-        return (react_1.default.createElement(List_1.ListItem, tslib_1.__assign({}, props),
+        return (react_1.default.createElement(List_1.ListItem, tslib_1.__assign({}, props, { key: props.key }),
             react_1.default.createElement(List_1.ListItemText, { primary: getOptionLabel(option) }),
             react_1.default.createElement(components_1.AutocompleteDropdownCheckIcon, { selected: selected })));
     };

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

@@ -1,6 +1,7 @@
 import type { ChangeEvent, HTMLAttributes, ReactElement, ReactNode, Ref, SyntheticEvent } from 'react';
 import type { TagProps, TagRef } from '../../components/TagNext';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { WithDisplayName } from '../../types/react';
 import type { InputProps, InputRef } from '../Input';
 import type { AutocompleteDropdownProps } from './components';
 export declare const autocompleteRenderRightPosition: readonly ["before", "between", "after"];
@@ -126,5 +127,5 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
 } ? object : {
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
 });
-export type AutocompleteComponent = <OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>) => ReactElement | null;
+export type AutocompleteComponent = WithDisplayName<(<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>) => ReactElement | null)>;
 export {};

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

@@ -12,6 +12,8 @@ export declare const BottomSheetBase: React.ForwardRefExoticComponent<{
     disableScrollLock?: boolean;
     bottomSheetClassName?: string;
     'data-testid'?: string;
-} & 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/BottomSheetBase/BottomSheetBase.js

@@ -5,23 +5,25 @@ var tslib_1 = require("tslib");
 require("./BottomSheetBase.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var useLockBodyScroll_1 = require("../../hooks/useLockBodyScroll");
+var usePortalContainer_1 = require("../../hooks/usePortalContainer");
 var components_1 = require("./components");
 var constants_1 = require("./constants");
 var BottomSheetBaseContextProvider_1 = require("./context/BottomSheetBaseContextProvider");
 var hooks_1 = require("./hooks");
 var modules_1 = require("./modules");
 exports.BottomSheetBase = (0, react_1.forwardRef)(function (_a, ref) {
-    var children = _a.children, snaps = _a.snaps, open = _a.open, maxHeight = _a.maxHeight, defaultSnap = _a.defaultSnap, _b = _a.onClose, onClose = _b === void 0 ? function () { } : _b, _c = _a.closable, closable = _c === void 0 ? constants_1.BOTTOM_SHEET_BASE_CLOSABLE : _c, _d = _a.backdrop, backdrop = _d === void 0 ? react_1.default.createElement(modules_1.BottomSheetBaseBackdrop, null) : _d, _e = _a.hideBackdrop, hideBackdrop = _e === void 0 ? constants_1.BOTTOM_SHEET_BASE_HIDE_BACKDROP : _e, _f = _a.disableScrollLock, disableScrollLock = _f === void 0 ? constants_1.BOTTOM_SHEET_BASE_DISABLE_SCROLL_LOCK : _f, bottomSheetClassName = _a.bottomSheetClassName, other = tslib_1.__rest(_a, ["children", "snaps", "open", "maxHeight", "defaultSnap", "onClose", "closable", "backdrop", "hideBackdrop", "disableScrollLock", "bottomSheetClassName"]);
-    var _g = tslib_1.__read((0, react_1.useState)(false), 2), isAnimating = _g[0], setIsAnimating = _g[1];
+    var children = _a.children, snaps = _a.snaps, open = _a.open, maxHeight = _a.maxHeight, defaultSnap = _a.defaultSnap, _b = _a.onClose, onClose = _b === void 0 ? function () { } : _b, _c = _a.closable, closable = _c === void 0 ? constants_1.BOTTOM_SHEET_BASE_CLOSABLE : _c, _d = _a.backdrop, backdrop = _d === void 0 ? react_1.default.createElement(modules_1.BottomSheetBaseBackdrop, null) : _d, _e = _a.hideBackdrop, hideBackdrop = _e === void 0 ? constants_1.BOTTOM_SHEET_BASE_HIDE_BACKDROP : _e, _f = _a.disableScrollLock, disableScrollLock = _f === void 0 ? constants_1.BOTTOM_SHEET_BASE_DISABLE_SCROLL_LOCK : _f, bottomSheetClassName = _a.bottomSheetClassName, _g = _a.container, containerProp = _g === void 0 ? constants_1.BOTTOM_SHEET_BASE_PORTAL_CONTAINER : _g, other = tslib_1.__rest(_a, ["children", "snaps", "open", "maxHeight", "defaultSnap", "onClose", "closable", "backdrop", "hideBackdrop", "disableScrollLock", "bottomSheetClassName", "container"]);
+    var _h = tslib_1.__read((0, react_1.useState)(false), 2), isAnimating = _h[0], setIsAnimating = _h[1];
     var isVisible = (0, hooks_1.useBottomSheetBaseVisibility)({
         isAnimating: isAnimating,
         isOpen: open,
     });
     (0, useLockBodyScroll_1.useLockBodyScroll)(open && !disableScrollLock);
-    if (!isVisible) {
+    var container = (0, usePortalContainer_1.usePortalContainer)(containerProp);
+    if (!isVisible || !container) {
         return null;
     }
     return (react_1.default.createElement(BottomSheetBaseContextProvider_1.BottomSheetBaseContextProvider, { snaps: snaps, onClose: onClose, defaultSnap: defaultSnap, maxHeight: maxHeight, isClosable: closable, isOpen: open, setIsAnimating: setIsAnimating },
-        react_1.default.createElement(components_1.BottomSheetBaseLayout, tslib_1.__assign({}, other, { ref: ref, backdrop: backdrop, hideBackdrop: hideBackdrop, bottomSheetClassName: bottomSheetClassName }), children)));
+        react_1.default.createElement(components_1.BottomSheetBaseLayout, tslib_1.__assign({}, other, { ref: ref, backdrop: backdrop, container: container, hideBackdrop: hideBackdrop, bottomSheetClassName: bottomSheetClassName }), children)));
 });
 exports.BottomSheetBase.displayName = 'BottomSheetBase';

package/__inner__/cjs/components/BottomSheetBase/components/BottomSheetBaseLayout/BottomSheetBaseLayout.d.ts

@@ -4,6 +4,6 @@ export declare const BottomSheetBaseLayout: React.ForwardRefExoticComponent<{
     backdrop: React.ReactNode;
     bottomSheetClassName: string | undefined;
     'data-testid'?: string;
-} & import("../../../Portal").PortalBaseProps & {
+} & import("../../../PortalBase").PortalBaseBaseProps & {
     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">, keyof import("../../../PortalBase").PortalBaseBaseProps> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/BottomSheetBase/components/BottomSheetBaseLayout/BottomSheetBaseLayout.js

@@ -4,14 +4,14 @@ exports.BottomSheetBaseLayout = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var useMultiRef_1 = require("../../../../hooks/useMultiRef");
-var Portal_1 = require("../../../Portal");
+var PortalBase_1 = require("../../../PortalBase");
 var context_1 = require("../../context");
 var utils_1 = require("../../utils");
 exports.BottomSheetBaseLayout = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, backdrop = _a.backdrop, hideBackdrop = _a.hideBackdrop, className = _a.className, bottomSheetClassName = _a.bottomSheetClassName, portalProps = tslib_1.__rest(_a, ["children", "backdrop", "hideBackdrop", "className", "bottomSheetClassName"]);
     var rootRef = (0, context_1.useBottomSheetBaseContext)().rootRef;
     var multiRef = (0, useMultiRef_1.useMultiRef)([ref, rootRef]);
-    return (react_1.default.createElement(Portal_1.Portal, tslib_1.__assign({}, portalProps, { ref: multiRef, className: (0, utils_1.cnBottomSheetBase)('Wrapper', [className]) }),
+    return (react_1.default.createElement(PortalBase_1.PortalBase, tslib_1.__assign({}, portalProps, { ref: multiRef, className: (0, utils_1.cnBottomSheetBase)('Wrapper', [className]) }),
         !hideBackdrop && backdrop,
         react_1.default.createElement("div", { className: (0, utils_1.cnBottomSheetBase)('', [bottomSheetClassName]) }, children)));
 });

package/__inner__/cjs/components/BottomSheetBase/components/BottomSheetBaseLayout/types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { PortalProps } from '../../../Portal';
+import type { PortalBaseProps } from '../../../PortalBase';
 import type { BottomSheetBaseRef } from '../../entities';
 export type BottomSheetBaseLayoutRef = BottomSheetBaseRef;
 export type BottomSheetBaseLayoutProps = {
@@ -7,4 +7,4 @@ export type BottomSheetBaseLayoutProps = {
     backdrop: ReactNode;
     bottomSheetClassName: string | undefined;
     'data-testid'?: string;
-} & PortalProps;
+} & PortalBaseProps;

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

@@ -8,3 +8,4 @@ export type BottomSheetBaseCSSVariable = (typeof BOTTOM_SHEET_BASE_CSS_VARIABLE)
 export declare const BOTTOM_SHEET_BASE_CLOSABLE = true;
 export declare const BOTTOM_SHEET_BASE_HIDE_BACKDROP = false;
 export declare const BOTTOM_SHEET_BASE_DISABLE_SCROLL_LOCK = false;
+export declare const BOTTOM_SHEET_BASE_PORTAL_CONTAINER: () => HTMLElement;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BOTTOM_SHEET_BASE_DISABLE_SCROLL_LOCK = exports.BOTTOM_SHEET_BASE_HIDE_BACKDROP = exports.BOTTOM_SHEET_BASE_CLOSABLE = exports.BOTTOM_SHEET_BASE_CSS_VARIABLE = void 0;
+exports.BOTTOM_SHEET_BASE_PORTAL_CONTAINER = exports.BOTTOM_SHEET_BASE_DISABLE_SCROLL_LOCK = exports.BOTTOM_SHEET_BASE_HIDE_BACKDROP = exports.BOTTOM_SHEET_BASE_CLOSABLE = exports.BOTTOM_SHEET_BASE_CSS_VARIABLE = void 0;
 exports.BOTTOM_SHEET_BASE_CSS_VARIABLE = {
     HEIGHT: 'bottom-sheet-base-height',
     OPEN_PERCENT: 'bottom-sheet-base-open-percent',
@@ -10,3 +10,6 @@ exports.BOTTOM_SHEET_BASE_CSS_VARIABLE = {
 exports.BOTTOM_SHEET_BASE_CLOSABLE = true;
 exports.BOTTOM_SHEET_BASE_HIDE_BACKDROP = false;
 exports.BOTTOM_SHEET_BASE_DISABLE_SCROLL_LOCK = false;
+exports.BOTTOM_SHEET_BASE_PORTAL_CONTAINER = (function () {
+    return window.document.body;
+});

package/__inner__/cjs/components/BottomSheetBase/context/BottomSheetBaseContext.js

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

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/BottomSheetBaseBackdrop.js

@@ -24,3 +24,4 @@ exports.BottomSheetBaseBackdrop = (0, polymorphicComponentWithRef_1.polymorphicC
             draggable: expandOnDrag,
         }, [className]) })));
 });
+exports.BottomSheetBaseBackdrop.displayName = 'BottomSheetBaseBackdrop';

package/__inner__/cjs/components/Button/Button.js

@@ -4,8 +4,8 @@ exports.Button = exports.cnButton = exports.buttonColorVariant = exports.buttonV
 var tslib_1 = require("tslib");
 require("./Button.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var logger_1 = require("@ozen-ui/logger");
 var react_transition_group_1 = require("react-transition-group");
+var useDeprecated_1 = require("../../hooks/useDeprecated");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var getIconSizeToFormElement_1 = require("../../utils/getIconSizeToFormElement");
@@ -35,9 +35,7 @@ exports.Button = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(
         name: 'Button',
     });
     var loaderRef = (0, react_1.useRef)(null);
-    if (process.env.NODE_ENV !== 'production') {
-        (0, logger_1.deprecate)('Компонент «Button» устарел. Для замены используйте компонент «ButtonNext».');
-    }
+    (0, useDeprecated_1.useDeprecatedComponent)('Button');
     var _a = props.as, Tag = _a === void 0 ? constants_1.BUTTON_DEFAULT_TAG : _a, _b = props.variant, variant = _b === void 0 ? constants_1.BUTTON_DEFAULT_VARIANT : _b, _c = props.color, color = _c === void 0 ? constants_1.BUTTON_DEFAULT_COLOR : _c, _d = props.size, size = _d === void 0 ? constants_1.BUTTON_DEFAULT_SIZE : _d, iconLeft = props.iconLeft, iconRight = props.iconRight, loading = props.loading, children = props.children, disabled = props.disabled, className = props.className, fullWidth = props.fullWidth, labelProps = props.labelProps, onClick = props.onClick, other = tslib_1.__rest(props, ["as", "variant", "color", "size", "iconLeft", "iconRight", "loading", "children", "disabled", "className", "fullWidth", "labelProps", "onClick"]);
     var iconSize = (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size);
     var handleClick = function (event) {

package/__inner__/cjs/components/Calendar/Calendar.js

@@ -13,7 +13,6 @@ var typeMap = {
     range: components_1.CalendarModeRange,
     single: components_1.CalendarModeSingle,
 };
-// eslint-disable-next-line react/display-name
 exports.Calendar = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
@@ -24,3 +23,4 @@ exports.Calendar = (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, startDay: startDay, calendars: calendars, getPeriodSwitchAriaLabel: getPeriodSwitchAriaLabel }, other, { ref: ref })));
 });
+exports.Calendar.displayName = 'Calendar';

package/__inner__/cjs/components/Calendar/components/CalendarModeRange/CalendarModeRange.js

@@ -10,7 +10,6 @@ var CalendarContext_1 = require("../../CalendarContext");
 var utils_1 = require("../../utils");
 var index_1 = require("../index");
 var components_1 = require("./components");
-// eslint-disable-next-line react/display-name
 exports.CalendarModeRange = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
@@ -73,3 +72,4 @@ exports.CalendarModeRange = (0, react_1.forwardRef)(function (inProps, ref) {
                 react_1.default.createElement(index_1.Calendars, { onCalendarsChange: onCalendarsChange }),
                 react_1.default.createElement(components_1.CalendarAdditionalControls, { renderAdditionalControls: renderAdditionalControls })))));
 });
+exports.CalendarModeRange.displayName = 'CalendarModeRange';

package/__inner__/cjs/components/Calendar/components/CalendarModeSingle/CalendarModeSingle.js

@@ -9,7 +9,6 @@ var CalendarContext_1 = require("../../CalendarContext");
 var utils_1 = require("../../utils");
 var index_1 = require("../index");
 var components_1 = require("./components");
-// eslint-disable-next-line react/display-name
 exports.CalendarModeSingle = (0, react_1.forwardRef)(function (props, ref) {
     var size = props.size, startDay = props.startDay, renderAdditionalControls = props.renderAdditionalControls, locale = props.locale, onChangeProp = props.onChange, onOffsetDateChangeProp = props.onOffsetDateChange, onMonthClick = props.onMonthClick, onDayClick = props.onDayClick, onYearClick = props.onYearClick, valueProp = props.value, defaultValue = props.defaultValue, offsetDateProp = props.offsetDate, onCalendarsChange = props.onCalendarsChange, defaultOffsetDate = props.defaultOffsetDate, exclude = props.exclude, minDate = props.minDate, maxDate = props.maxDate, calendars = props.calendars, className = props.className, getPeriodSwitchAriaLabel = props.getPeriodSwitchAriaLabel, other = tslib_1.__rest(props, ["size", "startDay", "renderAdditionalControls", "locale", "onChange", "onOffsetDateChange", "onMonthClick", "onDayClick", "onYearClick", "value", "defaultValue", "offsetDate", "onCalendarsChange", "defaultOffsetDate", "exclude", "minDate", "maxDate", "calendars", "className", "getPeriodSwitchAriaLabel"]);
     var _a = tslib_1.__read((0, useControlled_1.useControlled)({
@@ -64,3 +63,4 @@ exports.CalendarModeSingle = (0, react_1.forwardRef)(function (props, ref) {
                 react_1.default.createElement(index_1.Calendars, { onCalendarsChange: onCalendarsChange }),
                 react_1.default.createElement(components_1.CalendarAdditionalControls, { renderAdditionalControls: renderAdditionalControls })))));
 });
+exports.CalendarModeSingle.displayName = 'CalendarModeSingle';

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

@@ -1,6 +1,7 @@
 import type { MouseEvent, ReactElement, ReactNode } from 'react';
 import type { DPExcludeConfig, DPDayInteger } from '@rehookify/datepicker';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
+import type { WithDisplayName } from '../../types/react';
 import type { CALENDAR_DEFAULT_MODE } from './constants';
 export declare const calendarStepVariant: readonly ["days", "months", "years"];
 export declare const calendarSizeVariant: readonly ["s", "m", "l"];
@@ -89,5 +90,5 @@ export type CalendarProps<MODE extends CalendarModeVariant = typeof CALENDAR_DEF
     calendars?: CalendarPropCalendars;
     children?: never;
 }, 'div'>;
-export type CalendarComponent = <MODE extends CalendarModeVariant = typeof CALENDAR_DEFAULT_MODE>(props: CalendarProps<MODE>) => ReactNode;
-export type CalendarModeComponent<MODE extends CalendarModeVariant> = (props: Omit<CalendarProps<MODE>, 'mode'>) => ReactNode;
+export type CalendarComponent = WithDisplayName<(<MODE extends CalendarModeVariant = typeof CALENDAR_DEFAULT_MODE>(props: CalendarProps<MODE>) => ReactNode)>;
+export type CalendarModeComponent<MODE extends CalendarModeVariant> = WithDisplayName<(props: Omit<CalendarProps<MODE>, 'mode'>) => ReactNode>;

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;
   }