@ozen-ui/kit 0.11.0 → 0.13.0

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import type { KeyboardEventHandler, MouseEventHandler, HTMLAttributes } from 'react';
+import type { KeyboardEventHandler, MouseEventHandler, ReactNode, ComponentPropsWithRef } from 'react';
 export type DataListOptionProps = {
     /** Если {true} отображает опцию заблокированной */
     disabled?: boolean;
     /** Значение, если оно отличается от содержимого опции */
-    value?: string;
+    value: string;
     /** Функция обратного вызова обработчик нажатий на клавиатуре */
     onKeyDown?: KeyboardEventHandler<HTMLLIElement>;
     /** Функция обратного вызова обработчик нажатий на клавиатуре */
@@ -12,19 +12,6 @@ export type DataListOptionProps = {
     /** Функция обратного вызова обработчик нажатий на клавиатуре */
     onMouseLeave?: MouseEventHandler<HTMLLIElement>;
     /** Содержимое компонента */
-    children: string;
-} & HTMLAttributes<HTMLLIElement>;
-export declare const DataListOption: React.ForwardRefExoticComponent<{
-    /** Если {true} отображает опцию заблокированной */
-    disabled?: boolean | undefined;
-    /** Значение, если оно отличается от содержимого опции */
-    value?: string | undefined;
-    /** Функция обратного вызова обработчик нажатий на клавиатуре */
-    onKeyDown?: React.KeyboardEventHandler<HTMLLIElement> | undefined;
-    /** Функция обратного вызова обработчик нажатий на клавиатуре */
-    onMouseMove?: React.MouseEventHandler<HTMLLIElement> | undefined;
-    /** Функция обратного вызова обработчик нажатий на клавиатуре */
-    onMouseLeave?: React.MouseEventHandler<HTMLLIElement> | undefined;
-    /** Содержимое компонента */
-    children: string;
-} & React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+    children: ReactNode;
+} & ComponentPropsWithRef<'li'>;
+export declare const DataListOption: React.ForwardRefExoticComponent<Omit<DataListOptionProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

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

@@ -1,48 +1,40 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataListOption = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var icons_1 = require("@ozen-ui/icons");
-var useMultiRef_1 = require("../../../hooks/useMultiRef");
 var getIconSizeToFormElement_1 = require("../../../utils/getIconSizeToFormElement");
 var List_1 = require("../../List");
 var constants_1 = require("../constants");
 var DataList_1 = require("../DataList");
 var DataListProvider_1 = require("../DataListProvider");
 exports.DataListOption = (0, react_1.forwardRef)(function (_a, ref) {
-    var value = _a.value, onMouseDown = _a.onMouseDown, onMouseMoveProp = _a.onMouseMove, onMouseLeaveProp = _a.onMouseLeave, _b = _a.disabled, disabled = _b === void 0 ? constants_1.DATA_LIST_OPTION_DEFAULT_DISABLED : _b, label = _a.children;
-    var optionRef = (0, react_1.useRef)(null);
-    var _c = (0, DataListProvider_1.useDataListContext)(), size = _c.size, currentItem = _c.currentItem, _d = _c.selected, selected = _d === void 0 ? '' : _d, keyboardHighlight = _c.keyboardHighlight, onSelect = _c.onSelect, onMouseMove = _c.onMouseMove, onMouseLeave = _c.onMouseLeave, dataListName = _c["data-list"];
+    var value = _a.value, onMouseMoveProp = _a.onMouseMove, onMouseLeaveProp = _a.onMouseLeave, onClickProp = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? constants_1.DATA_LIST_OPTION_DEFAULT_DISABLED : _b, label = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["value", "onMouseMove", "onMouseLeave", "onClick", "disabled", "children", "className"]);
+    var _c = (0, DataListProvider_1.useDataListContext)(), size = _c.size, _d = _c.selected, selected = _d === void 0 ? [] : _d, focused = _c.focused, highlighted = _c.highlighted, onClick = _c.onClick, onMouseMove = _c.onMouseMove, onMouseLeave = _c.onMouseLeave, dataListName = _c["data-list"];
     var iconSize = (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(size);
-    var isSelected = (value || label) === selected;
-    var isHighlighted = !!currentItem && currentItem === optionRef.current;
+    var isSelected = Array.isArray(selected)
+        ? selected.includes(value)
+        : selected === value;
     var handleClick = function (event) {
-        var _a;
-        if (disabled) {
-            return;
-        }
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(event, ((_a = event.currentTarget.dataset) === null || _a === void 0 ? void 0 : _a.value) || '');
+        onClickProp === null || onClickProp === void 0 ? void 0 : onClickProp(event);
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
     };
     var handleMouseMove = function (event) {
-        onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(event);
         onMouseMoveProp === null || onMouseMoveProp === void 0 ? void 0 : onMouseMoveProp(event);
+        onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(event);
     };
     var handleMouseLeave = function (event) {
         onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(event);
         onMouseLeaveProp === null || onMouseLeaveProp === void 0 ? void 0 : onMouseLeaveProp(event);
     };
-    var handleMouseDown = function (event) {
-        event.preventDefault();
-        onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
-    };
-    return (react_1["default"].createElement(List_1.ListItem, { role: "option", ref: (0, useMultiRef_1.useMultiRef)([optionRef, ref]), "data-list": dataListName, "data-value": value || label, "aria-selected": isSelected, "aria-disabled": disabled, onClick: handleClick, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, className: (0, DataList_1.cnDataList)('Option', {
+    return (react_1.default.createElement(List_1.ListItem, tslib_1.__assign({ role: "option", "data-list": dataListName, "data-list-value": value, "data-list-disabled": disabled, "aria-selected": isSelected, "aria-disabled": disabled, onClick: handleClick, onMouseMove: handleMouseMove, onMouseLeave: handleMouseLeave, className: (0, DataList_1.cnDataList)('Option', {
             disabled: disabled,
-            highlighted: !disabled && isHighlighted && !keyboardHighlight,
-            outlined: !disabled && isHighlighted && keyboardHighlight
-        }) },
-        react_1["default"].createElement(List_1.ListItemText, { className: (0, DataList_1.cnDataList)('Text', { disabled: disabled }), primary: label }),
-        react_1["default"].createElement("div", { className: (0, DataList_1.cnDataList)('IconWrapper', { size: iconSize }) }, isSelected && (react_1["default"].createElement(List_1.ListItemIcon, null,
-            react_1["default"].createElement(icons_1.TickIcon, { size: iconSize }))))));
+            highlighted: !disabled && highlighted === value,
+            focused: !disabled && focused === value,
+        }, [className]) }, other, { ref: ref }), typeof label === 'string' ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(List_1.ListItemText, { className: (0, DataList_1.cnDataList)('Text'), primary: label }),
+        react_1.default.createElement("div", { className: (0, DataList_1.cnDataList)('IconWrapper', { size: iconSize }) }, isSelected && (react_1.default.createElement(List_1.ListItemIcon, null,
+            react_1.default.createElement(icons_1.TickIcon, { size: iconSize })))))) : (label)));
 });
 exports.DataListOption.displayName = 'DataListOption';

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

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

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DATA_LIST_OPTION_DEFAULT_DISABLED = exports.DATA_LIST_DEFAULT_OPEN = exports.DATA_LIST_DEFAULT_SIZE = exports.DATA_LIST_DEFAULT_TAG = void 0;
 var Paper_1 = require("../Paper");
 exports.DATA_LIST_DEFAULT_TAG = Paper_1.Paper;

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

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

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

@@ -1,33 +1,40 @@
-import type { ReactNode, ComponentRef, ElementType } from 'react';
+import type { ReactNode, ElementType } from 'react';
 import type React from 'react';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
-import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
+import type { PolymorphicComponentPropsWithRef, PolymorphicComponentRef } from '../../utils/polymorphicComponentWithRef';
 import type { ListProps } from '../List';
 import type { PopoverBaseProps } from '../Popover';
 import type { DATA_LIST_DEFAULT_TAG } from './constants';
-export type DataListPayload = {
+export type DataListPayload<MULTIPLE extends boolean> = {
     name?: string;
-    value: string;
+    value: MULTIPLE extends true ? string[] : string;
 };
-export type DataListBaseProps = Omit<PopoverBaseProps, 'onSelect'> & {
+export type DataListSelected<MULTIPLE extends boolean> = (MULTIPLE extends true ? string[] : string) | undefined;
+export type DataListOnSelect<MULTIPLE extends boolean> = (event: React.SyntheticEvent | KeyboardEvent, payload: DataListPayload<MULTIPLE>) => void;
+export type DataListBaseProps<MULTIPLE extends boolean = false> = {
     /** Имя списка */
     name?: string;
     /** Признак по которому компонент будет представлен */
     open?: boolean;
     /** Содержимое компонента */
     children: ReactNode;
+    /** Если {true} из списка можно выбрать несколько вариантов */
+    multiple?: MULTIPLE;
     /** Дополнительные CSS-классы */
     className?: string;
     /** Размер компонента */
     size?: FormElementSizeVariant;
-    /** Выбранная опция */
-    selected?: string;
+    /** Выбранная или выбранные опции */
+    selected?: DataListSelected<MULTIPLE>;
     /** Выбранная опция по умолчанию */
-    defaultSelected?: string;
+    defaultSelected?: DataListSelected<MULTIPLE>;
     /** Функция обратного вызова для выбора значения */
-    onSelect?: (event: React.SyntheticEvent | KeyboardEvent, payload: DataListPayload) => void;
+    onSelect?: DataListOnSelect<MULTIPLE>;
     /** Свойства компонента List */
     listProps?: ListProps;
-};
-export type DataListRef = ComponentRef<typeof DATA_LIST_DEFAULT_TAG>;
-export type DataListProps<As extends ElementType = typeof DATA_LIST_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<DataListBaseProps, As>;
+} & Omit<PopoverBaseProps, 'onSelect'>;
+export declare const isMultipleParams: (params: DataListBaseProps<boolean>) => params is DataListBaseProps<true>;
+export declare const isNotMultipleParams: (params: DataListBaseProps<boolean>) => params is DataListBaseProps<false>;
+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;

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

@@ -1,2 +1,7 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNotMultipleParams = exports.isMultipleParams = void 0;
+var isMultipleParams = function (params) { return !!params.multiple; };
+exports.isMultipleParams = isMultipleParams;
+var isNotMultipleParams = function (params) { return !params.multiple; };
+exports.isNotMultipleParams = isNotMultipleParams;

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

@@ -1,14 +1,23 @@
+import type React from 'react';
 import type { MouseEvent, RefObject } from 'react';
+type UserListItemValue = string | null;
 export type UseListNavigationProps = {
     name?: string;
-    listRef?: RefObject<HTMLUListElement>;
+    ref?: RefObject<HTMLElement>;
+    selected?: UserListItemValue;
+    active?: boolean;
+    onSelect?: (e: React.SyntheticEvent | KeyboardEvent, selectedItem: string) => void;
 };
 export type UseListNavigationValue = {
     'data-list': string;
-    currentItem: HTMLLIElement | null;
-    keyboardHighlight: boolean;
+    focused?: UserListItemValue;
+    highlighted?: UserListItemValue;
+    ref?: RefObject<HTMLElement>;
     onKeyDown: (event: KeyboardEvent) => void;
-    onMouseMove: (event: MouseEvent<HTMLLIElement>) => void;
-    onMouseLeave: (event: MouseEvent<HTMLLIElement>) => void;
+    onMouseMove: (event: MouseEvent<HTMLElement>) => void;
+    onMouseLeave: (event: MouseEvent<HTMLElement>) => void;
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
 };
-export declare function useDataListNavigation({ name: nameProp, listRef, }?: UseListNavigationProps): UseListNavigationValue;
+/** Навигация по элементам списка без перехвата фокуса с элемента контроля */
+export declare function useDataListNavigation({ name: nameProp, selected, active, onSelect, }?: UseListNavigationProps): UseListNavigationValue;
+export {};

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

@@ -1,60 +1,107 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDataListNavigation = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
-var useBoolean_1 = require("../../hooks/useBoolean");
 var useUniqueId_1 = require("../../hooks/useUniqueId");
 var getNextIndex_1 = require("../../utils/getNextIndex");
 var getPrevIndex_1 = require("../../utils/getPrevIndex");
 var isKey_1 = require("../../utils/isKey");
 var scrollContainerToElement_1 = require("../../utils/scrollContainerToElement");
+var getData = function (el, attr) {
+    if (!el) {
+        return null;
+    }
+    if ('currentTarget' in el)
+        return el.currentTarget.getAttribute("data-list-".concat(attr));
+    return el.getAttribute("data-list-".concat(attr));
+};
+/** Навигация по элементам списка без перехвата фокуса с элемента контроля */
 function useDataListNavigation(_a) {
-    var _b = _a === void 0 ? {} : _a, nameProp = _b.name, listRef = _b.listRef;
+    var _b = _a === void 0 ? {} : _a, nameProp = _b.name, selected = _b.selected, _c = _b.active, active = _c === void 0 ? false : _c, onSelect = _b.onSelect;
     var name = (0, useUniqueId_1.useUniqueId)(nameProp);
-    var _c = tslib_1.__read((0, react_1.useState)(null), 2), currentItem = _c[0], setCurrentItem = _c[1];
-    var _d = tslib_1.__read((0, useBoolean_1.useBoolean)(false), 2), keyboardHighlight = _d[0], _e = _d[1], showKeyboardHighlight = _e.on, hideKeyboardHighlight = _e.off;
-    var onKeyDown = function (event) {
+    var ref = (0, react_1.useRef)(null);
+    var _d = tslib_1.__read((0, react_1.useState)(null), 2), current = _d[0], setCurrent = _d[1];
+    var _e = tslib_1.__read((0, react_1.useState)(), 2), focused = _e[0], serFocused = _e[1];
+    var _f = tslib_1.__read((0, react_1.useState)(), 2), highlighted = _f[0], setHighlighted = _f[1];
+    var currentValue = current || selected;
+    var getItemsData = (0, react_1.useCallback)(function () {
         var _a;
+        var items = Array.from(((_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[data-list=\"".concat(name, "\"]"))) || []).filter(function (item) { return getData(item, 'disabled') !== 'true'; });
+        return [
+            items,
+            items.find(function (item) { return getData(item, 'value') === currentValue; }),
+        ];
+    }, [name, currentValue]);
+    (0, react_1.useEffect)(function () {
+        if (!active) {
+            return undefined;
+        }
+        var _a = tslib_1.__read(getItemsData(), 2), selectedItem = _a[1];
+        if (ref === null || ref === void 0 ? void 0 : ref.current) {
+            (0, scrollContainerToElement_1.scrollContainerToElement)({
+                container: ref.current,
+                element: selectedItem,
+            });
+            setCurrent(getData(selectedItem, 'value') || '');
+        }
+        return function () {
+            setCurrent(null);
+            serFocused(null);
+            setHighlighted(null);
+        };
+    }, [active]);
+    var onClick = function (event) {
+        if (getData(event, 'disabled') === 'true') {
+            return;
+        }
+        serFocused(null);
+        onSelect === null || onSelect === void 0 ? void 0 : onSelect(event, currentValue || '');
+    };
+    var onKeyDown = function (event) {
+        if ((0, isKey_1.isKey)(event, 'Enter')) {
+            event.preventDefault();
+            if (currentValue)
+                onSelect === null || onSelect === void 0 ? void 0 : onSelect(event, currentValue);
+        }
         if (!(0, isKey_1.isKey)(event, 'ArrowUp') && !(0, isKey_1.isKey)(event, 'ArrowDown')) {
             return;
         }
         event.preventDefault();
-        var items = Array.from(((_a = listRef === null || listRef === void 0 ? void 0 : listRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll("[data-list=\"".concat(name, "\"]"))) || []).filter(function (item) { return item.getAttribute('aria-disabled') !== 'true'; });
-        var currentIndex = currentItem !== null ? items.indexOf(currentItem) : null;
+        var _a = tslib_1.__read(getItemsData(), 2), items = _a[0], currentItem = _a[1];
+        var currentIndex = !currentItem ? null : items.indexOf(currentItem);
         var isArrowUp = (0, isKey_1.isKey)(event, 'ArrowUp');
         var newIndex = isArrowUp
             ? (0, getPrevIndex_1.getPrevIndex)(currentIndex !== null && currentIndex !== void 0 ? currentIndex : 0, items.length)
             : (0, getNextIndex_1.getNextIndex)(currentIndex !== null && currentIndex !== void 0 ? currentIndex : -1, items.length);
         var item = items[newIndex];
-        setCurrentItem(item);
-        showKeyboardHighlight();
-        if (listRef === null || listRef === void 0 ? void 0 : listRef.current) {
+        var newValue = getData(item, 'value');
+        setCurrent(newValue);
+        serFocused(newValue);
+        if (ref === null || ref === void 0 ? void 0 : ref.current) {
             (0, scrollContainerToElement_1.scrollContainerToElement)({
-                container: listRef.current,
-                element: item
+                container: ref.current,
+                element: item,
             });
         }
     };
     var onMouseMove = function (event) {
-        if (currentItem !== event.currentTarget) {
-            setCurrentItem(event.currentTarget || null);
-        }
-        hideKeyboardHighlight();
+        if (getData(event, 'disabled') !== 'true')
+            setCurrent(getData(event, 'value'));
+        setHighlighted(getData(event, 'value'));
     };
     var onMouseLeave = function () {
-        if (keyboardHighlight) {
-            return;
-        }
-        setCurrentItem(null);
+        setHighlighted(null);
     };
     return {
         'data-list': name,
-        currentItem: currentItem,
-        keyboardHighlight: keyboardHighlight,
+        ref: ref,
+        focused: focused,
+        highlighted: highlighted,
+        onClick: onClick,
         onKeyDown: onKeyDown,
         onMouseMove: onMouseMove,
-        onMouseLeave: onMouseLeave
+        onMouseLeave: onMouseLeave,
     };
 }
 exports.useDataListNavigation = useDataListNavigation;

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

@@ -41,7 +41,7 @@ export declare const Dialog: React.ForwardRefExoticComponent<{
      *  закрытие (нажатие на клавишу {ESC}, клик по подложке Backdrop) */
     onClose?: (() => void) | undefined;
     /** Свойства кнопки закрытия диалогового окна */
-    closeButtonProps?: (Omit<IconButtonProps<"button">, "icon"> & {
+    closeButtonProps?: (Omit<IconButtonProps, "icon"> & {
         'data-testid'?: string | undefined;
     }) | undefined;
     /** Признак по которому кнопка закрытия диалогового окна будет скрыта */

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dialog = exports.dialogVariant = exports.dialogSizeVariant = exports.cnDialog = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -13,15 +13,15 @@ exports.dialogSizeVariant = ['s', 'l'];
 exports.dialogVariant = ['small', 'medium', 'large', 'fullsize'];
 var iconButtonSizeMapper = {
     l: 'm',
-    s: 's'
+    s: 's',
 };
 exports.Dialog = (0, react_1.forwardRef)(function (_a, ref) {
     var open = _a.open, _b = _a.variant, variant = _b === void 0 ? 'medium' : _b, _c = _a.size, size = _c === void 0 ? 'l' : _c, onClose = _a.onClose, children = _a.children, className = _a.className, windowProps = _a.windowProps, closeButtonProps = _a.closeButtonProps, _d = _a.hideCloseButton, hideCloseButton = _d === void 0 ? false : _d, transitionProps = _a.transitionProps, other = tslib_1.__rest(_a, ["open", "variant", "size", "onClose", "children", "className", "windowProps", "closeButtonProps", "hideCloseButton", "transitionProps"]);
     var _e = closeButtonProps || {}, closeButtonClassName = _e.className, closeButtonRestProps = tslib_1.__rest(_e, ["className"]);
-    return (react_1["default"].createElement(Modal_1.Modal, tslib_1.__assign({}, other, { open: open, onClose: onClose, windowProps: tslib_1.__assign({ role: 'dialog' }, windowProps), className: (0, exports.cnDialog)({ variant: variant, size: size, hasCloseButton: !hideCloseButton }, [className]), transitionProps: tslib_1.__assign(tslib_1.__assign({}, (variant === 'fullsize' && {
-            classNames: (0, exports.cnDialog)({ animation: 'fullsize' })
+    return (react_1.default.createElement(Modal_1.Modal, tslib_1.__assign({}, other, { open: open, onClose: onClose, windowProps: tslib_1.__assign({ role: 'dialog' }, windowProps), className: (0, exports.cnDialog)({ variant: variant, size: size, hasCloseButton: !hideCloseButton }, [className]), transitionProps: tslib_1.__assign(tslib_1.__assign({}, (variant === 'fullsize' && {
+            classNames: (0, exports.cnDialog)({ animation: 'fullsize' }),
         })), transitionProps), ref: ref }),
-        !hideCloseButton && (react_1["default"].createElement(IconButton_1.IconButton, tslib_1.__assign({ size: iconButtonSizeMapper[size], variant: "ghost", name: "close", "aria-label": "\u0437\u0430\u043A\u0440\u044B\u0442\u044C" }, closeButtonRestProps, { className: (0, exports.cnDialog)('CloseButton', [closeButtonClassName]), onClick: onClose, icon: icons_1.CloseIcon, compressed: true }))),
-        react_1["default"].createElement("div", { className: (0, exports.cnDialog)('InnerContainer') }, children)));
+        !hideCloseButton && (react_1.default.createElement(IconButton_1.IconButton, tslib_1.__assign({ size: iconButtonSizeMapper[size], variant: "ghost", name: "close", "aria-label": "\u0437\u0430\u043A\u0440\u044B\u0442\u044C" }, closeButtonRestProps, { className: (0, exports.cnDialog)('CloseButton', [closeButtonClassName]), onClick: onClose, icon: icons_1.CloseIcon, compressed: true }))),
+        react_1.default.createElement("div", { className: (0, exports.cnDialog)('InnerContainer') }, children)));
 });
 exports.Dialog.displayName = 'Dialog';

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogBody = void 0;
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogFooter = void 0;
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogHeader = void 0;
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogSubtitle = void 0;
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogTitle = void 0;
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));

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

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

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

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

package/__inner__/cjs/components/Divider/Divider.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Divider = exports.cnDivider = exports.dividerAsVariant = exports.dividerOrientationVariant = exports.dividerSizeVariant = exports.dividerColorVariant = exports.dividerDisplayVariant = void 0;
 var tslib_1 = require("tslib");
 require("./Divider.css");
@@ -19,10 +19,10 @@ exports.cnDivider = (0, classname_1.cn)('Divider');
 exports.Divider = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
-        name: 'Divider'
+        name: 'Divider',
     });
     var _a = props.color, color = _a === void 0 ? 'primary' : _a, _b = props.as, Tag = _b === void 0 ? 'hr' : _b, _c = props.size, size = _c === void 0 ? 's' : _c, _d = props.orientation, orientation = _d === void 0 ? 'horizontal' : _d, display = props.display, className = props.className, flexItem = props.flexItem, other = tslib_1.__rest(props, ["color", "as", "size", "orientation", "display", "className", "flexItem"]);
-    return (react_1["default"].createElement(Tag, tslib_1.__assign({ className: (0, exports.cnDivider)({ display: display, size: size, orientation: orientation, flexItem: flexItem, color: color }, [
+    return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnDivider)({ display: display, size: size, orientation: orientation, flexItem: flexItem, color: color }, [
             className,
         ]), role: "separator" }, other, { ref: ref })));
 });

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

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

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

@@ -49,7 +49,7 @@ export declare const Drawer: React.ForwardRefExoticComponent<{
     /** Признак по которому кнопка закрытия шторки будет скрыта */
     hideCloseButton?: boolean | undefined;
     /** Свойства кнопки закрытия шторки */
-    closeButtonProps?: (Omit<IconButtonProps<"button">, "icon"> & {
+    closeButtonProps?: (Omit<IconButtonProps, "icon"> & {
         'data-testid'?: string | undefined;
     }) | undefined;
     /** Кастомный класс контейнера шторки */

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Drawer = exports.drawerPlacementVariant = exports.drawerSizeVariant = exports.drawerVariant = exports.cnDrawer = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -14,13 +14,13 @@ exports.drawerSizeVariant = ['s', 'l'];
 exports.drawerPlacementVariant = ['left', 'right'];
 var iconButtonSizeMapper = {
     l: 'm',
-    s: 's'
+    s: 's',
 };
 exports.Drawer = (0, react_1.forwardRef)(function (_a, ref) {
     var open = _a.open, _b = _a.variant, variant = _b === void 0 ? 'medium' : _b, _c = _a.size, size = _c === void 0 ? 'l' : _c, _d = _a.placement, placement = _d === void 0 ? 'right' : _d, _e = _a.hideCloseButton, hideCloseButton = _e === void 0 ? false : _e, onClose = _a.onClose, children = _a.children, className = _a.className, transitionProps = _a.transitionProps, closeButtonProps = _a.closeButtonProps, other = tslib_1.__rest(_a, ["open", "variant", "size", "placement", "hideCloseButton", "onClose", "children", "className", "transitionProps", "closeButtonProps"]);
     var _f = closeButtonProps || {}, closeButtonClassName = _f.className, closeButtonRestProps = tslib_1.__rest(_f, ["className"]);
-    return (react_1["default"].createElement(Modal_1.Modal, tslib_1.__assign({}, other, { open: open, onClose: onClose, className: (0, exports.cnDrawer)({ variant: variant, size: size, placement: placement, hasCloseButton: !hideCloseButton }, [className]), transitionProps: tslib_1.__assign({ classNames: (0, exports.cnDrawer)({ animation: true }) }, transitionProps), ref: ref }),
-        !hideCloseButton && (react_1["default"].createElement(IconButton_1.IconButton, tslib_1.__assign({ size: iconButtonSizeMapper[size], variant: "ghost", name: "close", "aria-label": "\u0437\u0430\u043A\u0440\u044B\u0442\u044C" }, closeButtonRestProps, { className: (0, exports.cnDrawer)('CloseButton', [closeButtonClassName]), onClick: onClose, icon: icons_1.CloseIcon, compressed: true }))),
-        react_1["default"].createElement("div", { className: (0, exports.cnDrawer)('InnerContainer') }, children)));
+    return (react_1.default.createElement(Modal_1.Modal, tslib_1.__assign({}, other, { open: open, onClose: onClose, className: (0, exports.cnDrawer)({ variant: variant, size: size, placement: placement, hasCloseButton: !hideCloseButton }, [className]), transitionProps: tslib_1.__assign({ classNames: (0, exports.cnDrawer)({ animation: true }) }, transitionProps), ref: ref }),
+        !hideCloseButton && (react_1.default.createElement(IconButton_1.IconButton, tslib_1.__assign({ size: iconButtonSizeMapper[size], variant: "ghost", name: "close", "aria-label": "\u0437\u0430\u043A\u0440\u044B\u0442\u044C" }, closeButtonRestProps, { className: (0, exports.cnDrawer)('CloseButton', [closeButtonClassName]), onClick: onClose, icon: icons_1.CloseIcon, compressed: true }))),
+        react_1.default.createElement("div", { className: (0, exports.cnDrawer)('InnerContainer') }, children)));
 });
 exports.Drawer.displayName = 'Drawer';

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

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrawerBody = void 0;
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));

package/__inner__/cjs/components/Drawer/components/DrawerFooter.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrawerFooter = void 0;
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));

package/__inner__/cjs/components/Drawer/components/DrawerHeader.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrawerHeader = void 0;
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));

package/__inner__/cjs/components/Drawer/components/DrawerSubtitle.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrawerSubtitle = void 0;
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));

package/__inner__/cjs/components/Drawer/components/DrawerTitle.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrawerTitle = void 0;
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));

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

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

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

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