@ozen-ui/kit 0.54.0 → 0.56.0

package/__inner__/esm/components/DatePicker/components/DateInput/DateInput.d.ts

@@ -1,6 +1,3 @@
 import React from 'react';
-import type { InputProps } from '../../../Input';
-export declare const DateInput: React.ForwardRefExoticComponent<Omit<Omit<InputProps, "value" | "defaultValue"> & {
-    value?: string | undefined;
-    defaultValue?: string | undefined;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import type { DateInputProps } from './index';
+export declare const DateInput: React.ForwardRefExoticComponent<Omit<DateInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/DatePicker/components/DateInput/index.d.ts

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

package/__inner__/esm/components/DatePicker/components/DateInput/index.js

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

package/__inner__/esm/components/DatePicker/components/DateInput/types.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { FIELD_CONTROL_DEFAULT_TAG } from '../../../FieldControl';
+import type { InputProps } from '../../../Input';
+export type DateInputRef = ComponentRef<typeof FIELD_CONTROL_DEFAULT_TAG>;
+export type DateInputProps = ExtendableComponentPropsWithRef<{
+    value?: string;
+    defaultValue?: string;
+} & Omit<InputProps, 'value' | 'defaultValue'>, typeof FIELD_CONTROL_DEFAULT_TAG>;

package/__inner__/esm/components/DatePicker/components/DateInput/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/components/DatePickerRenderRight/DatePickerRenderRight.d.ts

@@ -1,8 +1,8 @@
 import type { FC, MouseEvent } from 'react';
 import type { DatePickerProps } from '../../index';
-type AutocompleteRenderRightProps = {
+type DatePickerRenderRightProps = {
     onClear: (e: MouseEvent<HTMLElement>) => void;
     hasValue: boolean;
 } & Pick<DatePickerProps, 'clearText' | 'renderRight' | 'size' | 'open' | 'disableClearButton'>;
-export declare const DatePickerRenderRight: FC<AutocompleteRenderRightProps>;
+export declare const DatePickerRenderRight: FC<DatePickerRenderRightProps>;
 export {};

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

@@ -1,5 +1,7 @@
-import type { ComponentPropsWithRef, ChangeEvent } from 'react';
+import type { ChangeEvent, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { CalendarProps, CalendarOnChange } from '../Calendar';
+import type { FIELD_CONTROL_DEFAULT_TAG } from '../FieldControl';
 import type { InputProps } from '../Input';
 import type { PopoverBaseProps } from '../Popover';
 export type DatePickerOnChange = CalendarOnChange<'single'>;
@@ -25,7 +27,8 @@ type DatePickerOpenUncontrolledProps = {
     /** Состояние открытие по умолчанию (неконтролируемый компонент) */
     defaultOpen?: boolean;
 };
-export type DatePickerProps = {
+export type DatePickerRef = ComponentRef<typeof FIELD_CONTROL_DEFAULT_TAG>;
+export type DatePickerProps = ExtendableComponentPropsWithRef<{
     /** Выбранная дата */
     value?: Date | null;
     /** Выбранная дата по умолчанию (неконтролируемое состояние) */
@@ -48,5 +51,5 @@ export type DatePickerProps = {
     disableClearButton?: boolean;
     /** Функция обратно вызова, которая сработает если пользователь ввёл дату с ошибкой */
     onError?: DatePickerPropOnError;
-} & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'defaultValue' | 'onError'> & Pick<CalendarProps, 'minDate' | 'maxDate' | 'exclude' | 'offsetDate'> & Pick<InputProps, 'label' | 'hint' | 'onKeyDown' | 'size' | 'error' | 'required' | 'fullWidth' | 'disableStroke' | 'disabled' | 'renderLeft' | 'renderRight' | 'placeholder' | 'inputProps' | 'hintProps'> & (DatePickerOpenControlledProps | DatePickerOpenUncontrolledProps);
+} & Pick<CalendarProps, 'minDate' | 'maxDate' | 'exclude' | 'offsetDate'> & Pick<InputProps, 'label' | 'hint' | 'onKeyDown' | 'size' | 'error' | 'required' | 'fullWidth' | 'disableStroke' | 'disabled' | 'renderLeft' | 'renderRight' | 'placeholder' | 'inputProps' | 'hintProps'> & (DatePickerOpenControlledProps | DatePickerOpenUncontrolledProps), typeof FIELD_CONTROL_DEFAULT_TAG>;
 export {};

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

@@ -1,51 +1,47 @@
 import './Dialog.css';
 import React from 'react';
-import { type IconButtonProps } from '../IconButtonNext';
-import { type ModalProps } from '../Modal';
 export declare const cnDialog: import("@bem-react/classname").ClassNameFormatter;
-export declare const dialogSizeVariant: readonly ["s", "l"];
-export declare const dialogVariant: readonly ["small", "medium", "large", "fullsize"];
-export type DialogSizeVariant = (typeof dialogSizeVariant)[number];
-export type DialogVariant = (typeof dialogVariant)[number];
-export type DialogProps = {
-    /** Признак по которому компонент будет представлен */
-    open: boolean;
-    /** Содержимое диалогового окна */
-    children: React.ReactNode;
-    /** Устанавливает размер типографики и отступов в диалоговом окне */
-    size?: DialogSizeVariant;
-    /** Вариант диалогового окна */
-    variant?: DialogVariant;
-    /** Функция обратного вызова которая будет вызвана когда компонент запрашивает
-     *  закрытие (нажатие на клавишу {ESC}, клик по подложке Backdrop) */
-    onClose?: () => void;
-    /** Свойства кнопки закрытия диалогового окна */
-    closeButtonProps?: Omit<IconButtonProps, 'icon'> & {
-        'data-testid'?: string;
-    };
-    /** Признак по которому кнопка закрытия диалогового окна будет скрыта */
-    hideCloseButton?: boolean;
-    /** Кастомный класс контейнера диалогового окна */
-    className?: string;
-} & Omit<ModalProps, 'open' | 'onClose' | 'children' | 'className'>;
 export declare const Dialog: React.ForwardRefExoticComponent<{
-    /** Признак по которому компонент будет представлен */
-    open: boolean;
-    /** Содержимое диалогового окна */
-    children: React.ReactNode;
-    /** Устанавливает размер типографики и отступов в диалоговом окне */
     size?: "s" | "l" | undefined;
-    /** Вариант диалогового окна */
     variant?: "small" | "medium" | "large" | "fullsize" | undefined;
-    /** Функция обратного вызова которая будет вызвана когда компонент запрашивает
-     *  закрытие (нажатие на клавишу {ESC}, клик по подложке Backdrop) */
-    onClose?: (() => void) | undefined;
-    /** Свойства кнопки закрытия диалогового окна */
-    closeButtonProps?: (Omit<IconButtonProps, "icon"> & {
+    closeButtonProps?: (Omit<import("../IconButtonNext").IconButtonProps, "icon"> & {
         'data-testid'?: string | undefined;
     }) | undefined;
-    /** Признак по которому кнопка закрытия диалогового окна будет скрыта */
     hideCloseButton?: boolean | undefined;
-    /** Кастомный класс контейнера диалогового окна */
+} & {
+    open?: boolean | undefined;
+    children: React.ReactNode;
+    onEnter?(): void;
+    onEntered?(): void;
+    onExit?(): void;
+    onExited?(): void;
+    onClose?(): void;
+    hideBackdrop?: boolean | undefined;
+    keepMounted?: boolean | undefined;
+    disableScrollLock?: boolean | undefined;
+    disableClickOutside?: boolean | undefined;
+    disableEscapeKeyDown?: boolean | undefined;
+    backdropProps?: (import("../Backdrop").BackdropBaseProps & {
+        as?: "div" | undefined;
+    } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, keyof import("../Backdrop").BackdropBaseProps> & {
+        'data-testid'?: string | undefined;
+    }) | undefined;
+    transitionProps?: (Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
+        'data-testid'?: string | undefined;
+    }) | undefined;
+    windowProps?: (import("../Paper").PaperBaseProps & {
+        as?: "div" | undefined;
+    } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, keyof import("../Paper").PaperBaseProps> & {
+        'data-testid'?: string | undefined;
+    }) | undefined;
     className?: string | undefined;
-} & Omit<ModalProps, "className" | "children" | "open" | "onClose"> & React.RefAttributes<HTMLDivElement>>;
+    'data-testid'?: string | undefined;
+    ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
+    disablePortal?: boolean | undefined;
+} & import("../Portal").PortalBaseProps & {
+    as?: "div" | undefined;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/Dialog/Dialog.js

@@ -7,13 +7,8 @@ import { cn } from '../../utils/classname';
 import { IconButton } from '../IconButtonNext';
 import { Modal } from '../Modal';
 import { DIALOG_DEFAULT_HIDE_CLOSE_BUTTON, DIALOG_DEFAULT_SIZE, DIALOG_DEFAULT_VARIANT, } from './constants';
+import { iconButtonSizeMapper } from './utils';
 export var cnDialog = cn('Dialog');
-export var dialogSizeVariant = ['s', 'l'];
-export var dialogVariant = ['small', 'medium', 'large', 'fullsize'];
-var iconButtonSizeMapper = {
-    l: 'm',
-    s: 's',
-};
 export var Dialog = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
@@ -21,7 +16,9 @@ export var Dialog = forwardRef(function (inProps, ref) {
     });
     var _a = props.variant, variant = _a === void 0 ? DIALOG_DEFAULT_VARIANT : _a, _b = props.size, size = _b === void 0 ? DIALOG_DEFAULT_SIZE : _b, _c = props.hideCloseButton, hideCloseButton = _c === void 0 ? DIALOG_DEFAULT_HIDE_CLOSE_BUTTON : _c, open = props.open, onClose = props.onClose, children = props.children, className = props.className, windowProps = props.windowProps, closeButtonProps = props.closeButtonProps, transitionProps = props.transitionProps, other = __rest(props, ["variant", "size", "hideCloseButton", "open", "onClose", "children", "className", "windowProps", "closeButtonProps", "transitionProps"]);
     var _d = closeButtonProps || {}, closeButtonClassName = _d.className, closeButtonRestProps = __rest(_d, ["className"]);
-    return (React.createElement(Modal, __assign({}, other, { open: open, onClose: onClose, windowProps: __assign({ role: 'dialog', radius: size === 's' ? 'l' : 'xl', shadow: 'l' }, windowProps), className: cnDialog({ variant: variant, size: size, hasCloseButton: !hideCloseButton }, [className]), transitionProps: __assign(__assign({}, (variant === 'fullsize' && {
+    return (React.createElement(Modal, __assign({}, other, { open: open, onClose: onClose, windowProps: __assign({ role: 'dialog', radius: size === 's' ? 'l' : 'xl', shadow: 'l' }, windowProps), className: cnDialog({ variant: variant, size: size, hasCloseButton: !hideCloseButton }, [
+            className,
+        ]), transitionProps: __assign(__assign({}, (variant === 'fullsize' && {
             classNames: cnDialog({ animation: 'fullsize' }),
         })), transitionProps), ref: ref }),
         !hideCloseButton && (React.createElement(IconButton, __assign({ size: iconButtonSizeMapper[size], variant: "ghost", name: "close" }, closeButtonRestProps, { className: cnDialog('CloseButton', [closeButtonClassName]), onClick: onClose, icon: CrossIcon, compressed: true }))),

package/__inner__/esm/components/Dialog/components/DialogBody.d.ts

@@ -1,9 +1,11 @@
-import type { FC, ReactNode, Ref, HTMLAttributes } from 'react';
 import '../Dialog.css';
-export type DialogBodyProps = {
+import React from 'react';
+import type { ReactNode, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+export type DialogBodyRef = ComponentRef<'div'>;
+export type DialogBodyProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;
     className?: string;
-    ref?: Ref<HTMLDivElement>;
     'data-testid'?: string;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const DialogBody: FC<DialogBodyProps>;
+}, 'div'>;
+export declare const DialogBody: React.ForwardRefExoticComponent<Omit<DialogBodyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,9 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { cnDialog } from '../Dialog';
 import '../Dialog.css';
-export var DialogBody = React.forwardRef(function (_a, ref) {
+import React, { forwardRef } from 'react';
+import { cnDialog } from '../Dialog';
+export var DialogBody = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
-    return (React.createElement("div", __assign({ ref: ref, className: cnDialog('Body', [className]) }, restProps), children));
+    return (React.createElement("div", __assign({ className: cnDialog('Body', [className]) }, restProps, { ref: ref }), children));
 });
 DialogBody.displayName = 'DialogBody';

package/__inner__/esm/components/Dialog/components/DialogFooter.d.ts

@@ -1,9 +1,11 @@
-import type { FC, ReactNode, Ref, HTMLAttributes } from 'react';
 import '../Dialog.css';
-export type DialogFooterProps = {
+import React from 'react';
+import type { ReactNode, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+export type DialogFooterRef = ComponentRef<'div'>;
+export type DialogFooterProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;
     className?: string;
-    ref?: Ref<HTMLDivElement>;
     'data-testid'?: string;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const DialogFooter: FC<DialogFooterProps>;
+}, 'div'>;
+export declare const DialogFooter: React.ForwardRefExoticComponent<Omit<DialogFooterProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { cnDialog } from '../Dialog';
 import '../Dialog.css';
-export var DialogFooter = React.forwardRef(function (_a, ref) {
+import React, { forwardRef } from 'react';
+import { cnDialog } from '../Dialog';
+export var DialogFooter = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDialog('Footer', [className]) }, restProps), children));
 });

package/__inner__/esm/components/Dialog/components/DialogHeader.d.ts

@@ -1,9 +1,11 @@
-import type { FC, ReactNode, Ref, HTMLAttributes } from 'react';
 import '../Dialog.css';
-export type DialogHeaderProps = {
+import React from 'react';
+import type { ReactNode, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+export type DialogHeaderRef = ComponentRef<'div'>;
+export type DialogHeaderProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;
     className?: string;
-    ref?: Ref<HTMLDivElement>;
     'data-testid'?: string;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const DialogHeader: FC<DialogHeaderProps>;
+}, 'div'>;
+export declare const DialogHeader: React.ForwardRefExoticComponent<Omit<DialogHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { cnDialog } from '../Dialog';
 import '../Dialog.css';
-export var DialogHeader = React.forwardRef(function (_a, ref) {
+import React, { forwardRef } from 'react';
+import { cnDialog } from '../Dialog';
+export var DialogHeader = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDialog('Header', [className]) }, restProps), children));
 });

package/__inner__/esm/components/Dialog/components/DialogSubtitle.d.ts

@@ -1,9 +1,11 @@
-import type { FC, ReactNode, Ref, HTMLAttributes } from 'react';
 import '../Dialog.css';
-export type DialogSubtitleProps = {
+import React from 'react';
+import type { ReactNode, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+export type DialogSubtitleRef = ComponentRef<'div'>;
+export type DialogSubtitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;
     className?: string;
-    ref?: Ref<HTMLDivElement>;
     'data-testid'?: string;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const DialogSubtitle: FC<DialogSubtitleProps>;
+}, 'div'>;
+export declare const DialogSubtitle: React.ForwardRefExoticComponent<Omit<DialogSubtitleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { cnDialog } from '../Dialog';
 import '../Dialog.css';
-export var DialogSubtitle = React.forwardRef(function (_a, ref) {
+import React, { forwardRef } from 'react';
+import { cnDialog } from '../Dialog';
+export var DialogSubtitle = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDialog('Subtitle', [className]) }, restProps), children));
 });

package/__inner__/esm/components/Dialog/components/DialogTitle.d.ts

@@ -1,9 +1,11 @@
-import type { FC, ReactNode, Ref, HTMLAttributes } from 'react';
 import '../Dialog.css';
-export type DialogTitleProps = {
+import React from 'react';
+import type { ReactNode, ComponentRef } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+export type DialogTitleRef = ComponentRef<'h2'>;
+export type DialogTitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;
     className?: string;
-    ref?: Ref<HTMLHeadingElement>;
     'data-testid'?: string;
-} & HTMLAttributes<HTMLHeadingElement>;
-export declare const DialogTitle: FC<DialogTitleProps>;
+}, 'h2'>;
+export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

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

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { cnDialog } from '../Dialog';
 import '../Dialog.css';
-export var DialogTitle = React.forwardRef(function (_a, ref) {
+import React, { forwardRef } from 'react';
+import { cnDialog } from '../Dialog';
+export var DialogTitle = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("h2", __assign({ ref: ref, className: cnDialog('Title', [className]) }, restProps), children));
 });

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

@@ -1,2 +1,3 @@
 export * from './Dialog';
 export * from './components';
+export * from './types';

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

@@ -1,2 +1,3 @@
 export * from './Dialog';
 export * from './components';
+export * from './types';

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

@@ -0,0 +1,19 @@
+import type { IconButtonProps } from '../IconButtonNext';
+import type { ModalProps, ModalRef } from '../Modal';
+export declare const dialogSizeVariant: readonly ["s", "l"];
+export declare const dialogVariant: readonly ["small", "medium", "large", "fullsize"];
+export type DialogSizeVariant = (typeof dialogSizeVariant)[number];
+export type DialogVariant = (typeof dialogVariant)[number];
+export type DialogRef = ModalRef;
+export type DialogProps = {
+    /** Устанавливает размер типографики и отступов в диалоговом окне */
+    size?: DialogSizeVariant;
+    /** Вариант диалогового окна */
+    variant?: DialogVariant;
+    /** Свойства кнопки закрытия диалогового окна */
+    closeButtonProps?: Omit<IconButtonProps, 'icon'> & {
+        'data-testid'?: string;
+    };
+    /** Признак по которому кнопка закрытия диалогового окна будет скрыта */
+    hideCloseButton?: boolean;
+} & ModalProps;

package/__inner__/esm/components/Dialog/types.js

@@ -0,0 +1,2 @@
+export var dialogSizeVariant = ['s', 'l'];
+export var dialogVariant = ['small', 'medium', 'large', 'fullsize'];

package/__inner__/esm/components/Dialog/utils.d.ts

@@ -0,0 +1,5 @@
+import type { IconButtonProps } from '../IconButtonNext';
+import type { DialogSizeVariant } from './index';
+export declare const iconButtonSizeMapper: {
+    [key in DialogSizeVariant]: IconButtonProps['size'];
+};

package/__inner__/esm/components/Dialog/utils.js

@@ -0,0 +1,4 @@
+export var iconButtonSizeMapper = {
+    l: 'm',
+    s: 's',
+};

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

@@ -1,37 +1,4 @@
 import './Divider.css';
-import React from 'react';
-import type { Ref, HTMLAttributes } from 'react';
-export declare const dividerDisplayVariant: readonly ["block", "inlineBlock", "inline"];
-export declare const dividerColorVariant: readonly ["primary", "secondary"];
-export declare const dividerSizeVariant: readonly ["m", "s"];
-export declare const dividerOrientationVariant: readonly ["vertical", "horizontal"];
-export declare const dividerAsVariant: readonly ["hr", "li", "span"];
-export type DividerColorVariant = (typeof dividerColorVariant)[number];
-export type DividerDisplayVariant = (typeof dividerDisplayVariant)[number];
-export type DividerSizeVariant = (typeof dividerSizeVariant)[number];
-export type DividerAsVariant = (typeof dividerAsVariant)[number];
-export type DividerOrientationVariant = (typeof dividerOrientationVariant)[number];
-type DividerBaseProps = {
-    /** Тип элемента */
-    display?: DividerDisplayVariant;
-    /** Размер */
-    size?: DividerSizeVariant;
-    /**
-     * Является ли разделитель дочерним элементом flex контейнера.
-     * В основном используется для вертикальной ориентации.
-     * Когда у блока нет фиксированной высоты.
-     * */
-    flexItem?: boolean;
-    /** Ориентация */
-    orientation?: DividerOrientationVariant;
-    /** Цвет */
-    color?: DividerColorVariant;
-    /** HTML-тег для компонента */
-    as?: DividerAsVariant;
-    /** Ссылка на корневой DOM-элемент компонента */
-    ref?: Ref<HTMLHRElement & HTMLLIElement & HTMLSpanElement>;
-};
-export type DividerProps = DividerBaseProps & HTMLAttributes<HTMLHRElement> & HTMLAttributes<HTMLSpanElement> & HTMLAttributes<HTMLLIElement>;
+import type { DividerBaseProps } from './index';
 export declare const cnDivider: import("@bem-react/classname").ClassNameFormatter;
-export declare const Divider: React.ForwardRefExoticComponent<Omit<DividerProps, "ref"> & React.RefAttributes<HTMLHRElement & HTMLLIElement & HTMLSpanElement>>;
-export {};
+export declare const Divider: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<DividerBaseProps, "hr">;

package/__inner__/esm/components/Divider/Divider.js

@@ -1,24 +1,17 @@
 import { __assign, __rest } from "tslib";
 import './Divider.css';
-import React, { forwardRef } from 'react';
+import React from 'react';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
-export var dividerDisplayVariant = [
-    'block',
-    'inlineBlock',
-    'inline',
-];
-export var dividerColorVariant = ['primary', 'secondary'];
-export var dividerSizeVariant = ['m', 's'];
-export var dividerOrientationVariant = ['vertical', 'horizontal'];
-export var dividerAsVariant = ['hr', 'li', 'span'];
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { DIVIDER_DEFAULT_TAG } from './constants';
 export var cnDivider = cn('Divider');
-export var Divider = forwardRef(function (inProps, ref) {
+export var Divider = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
         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 = __rest(props, ["color", "as", "size", "orientation", "display", "className", "flexItem"]);
+    var _a = props.as, Tag = _a === void 0 ? DIVIDER_DEFAULT_TAG : _a, _b = props.color, color = _b === void 0 ? 'primary' : _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 = __rest(props, ["as", "color", "size", "orientation", "display", "className", "flexItem"]);
     return (React.createElement(Tag, __assign({ className: cnDivider({ display: display, size: size, orientation: orientation, flexItem: flexItem, color: color }, [
             className,
         ]), role: "separator" }, other, { ref: ref })));

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

@@ -0,0 +1 @@
+export declare const DIVIDER_DEFAULT_TAG = "hr";

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

@@ -0,0 +1 @@
+export var DIVIDER_DEFAULT_TAG = 'hr';

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

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

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

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

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

@@ -0,0 +1,28 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
+import type { DIVIDER_DEFAULT_TAG } from './constants';
+export declare const dividerDisplayVariant: readonly ["block", "inlineBlock", "inline"];
+export declare const dividerColorVariant: readonly ["primary", "secondary"];
+export declare const dividerSizeVariant: readonly ["m", "s"];
+export declare const dividerOrientationVariant: readonly ["vertical", "horizontal"];
+export type DividerColorVariant = (typeof dividerColorVariant)[number];
+export type DividerDisplayVariant = (typeof dividerDisplayVariant)[number];
+export type DividerSizeVariant = (typeof dividerSizeVariant)[number];
+export type DividerOrientationVariant = (typeof dividerOrientationVariant)[number];
+export type DividerBaseProps = {
+    /** Тип элемента */
+    display?: DividerDisplayVariant;
+    /** Размер */
+    size?: DividerSizeVariant;
+    /**
+     * Является ли разделитель дочерним элементом flex контейнера.
+     * В основном используется для вертикальной ориентации.
+     * Когда у блока нет фиксированной высоты.
+     * */
+    flexItem?: boolean;
+    /** Ориентация */
+    orientation?: DividerOrientationVariant;
+    /** Цвет */
+    color?: DividerColorVariant;
+};
+export type DividerProps<As extends ElementType = typeof DIVIDER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<DividerBaseProps, As>;

package/__inner__/esm/components/Divider/types.js

@@ -0,0 +1,8 @@
+export var dividerDisplayVariant = [
+    'block',
+    'inlineBlock',
+    'inline',
+];
+export var dividerColorVariant = ['primary', 'secondary'];
+export var dividerSizeVariant = ['m', 's'];
+export var dividerOrientationVariant = ['vertical', 'horizontal'];

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

@@ -1,57 +1,48 @@
 import './Drawer.css';
 import React from 'react';
-import { type IconButtonProps } from '../IconButtonNext';
-import { type ModalProps } from '../Modal';
 export declare const cnDrawer: import("@bem-react/classname").ClassNameFormatter;
-export declare const drawerVariant: readonly ["little", "medium", "large"];
-export declare const drawerSizeVariant: readonly ["s", "l"];
-export declare const drawerPlacementVariant: readonly ["left", "right"];
-export type DrawerVariant = (typeof drawerVariant)[number];
-export type DrawerSizeVariant = (typeof drawerSizeVariant)[number];
-export type DrawerPlacementVariant = (typeof drawerPlacementVariant)[number];
-export type DrawerProps = {
-    /** Признак по которому компонент будет представлен */
-    open?: boolean;
-    /** Вариант представления шторки */
-    variant?: DrawerVariant;
-    /** Устанавливает размер типографики и отступов в шторке */
-    size?: DrawerSizeVariant;
-    /** Функция обратного вызова которая будет вызвана когда компонент запрашивает
-     *  закрытие (нажатие на клавишу {ESC}, клик по подложке Backdrop) */
-    onClose?: () => void;
-    /** Содержимое шторки */
-    children?: React.ReactNode;
-    /** Расположение шторки */
-    placement?: DrawerPlacementVariant;
-    /** Признак по которому кнопка закрытия шторки будет скрыта */
-    hideCloseButton?: boolean;
-    /** Свойства кнопки закрытия шторки */
-    closeButtonProps?: Omit<IconButtonProps, 'icon'> & {
-        'data-testid'?: string;
-    };
-    /** Кастомный класс контейнера шторки */
-    className?: string;
-} & Omit<ModalProps, 'open' | 'onClose' | 'children' | 'className'>;
 export declare const Drawer: React.ForwardRefExoticComponent<{
-    /** Признак по которому компонент будет представлен */
-    open?: boolean | undefined;
-    /** Вариант представления шторки */
     variant?: "medium" | "large" | "little" | undefined;
-    /** Устанавливает размер типографики и отступов в шторке */
     size?: "s" | "l" | undefined;
-    /** Функция обратного вызова которая будет вызвана когда компонент запрашивает
-     *  закрытие (нажатие на клавишу {ESC}, клик по подложке Backdrop) */
-    onClose?: (() => void) | undefined;
-    /** Содержимое шторки */
-    children?: React.ReactNode;
-    /** Расположение шторки */
     placement?: "left" | "right" | undefined;
-    /** Признак по которому кнопка закрытия шторки будет скрыта */
     hideCloseButton?: boolean | undefined;
-    /** Свойства кнопки закрытия шторки */
-    closeButtonProps?: (Omit<IconButtonProps, "icon"> & {
+    closeButtonProps?: (Omit<import("../IconButtonNext").IconButtonProps, "icon"> & {
+        'data-testid'?: string | undefined;
+    }) | undefined;
+} & {
+    open?: boolean | undefined;
+    children: React.ReactNode;
+    onEnter?(): void;
+    onEntered?(): void;
+    onExit?(): void;
+    onExited?(): void;
+    onClose?(): void;
+    hideBackdrop?: boolean | undefined;
+    keepMounted?: boolean | undefined;
+    disableScrollLock?: boolean | undefined;
+    disableClickOutside?: boolean | undefined;
+    disableEscapeKeyDown?: boolean | undefined;
+    backdropProps?: (import("../Backdrop").BackdropBaseProps & {
+        as?: "div" | undefined;
+    } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, keyof import("../Backdrop").BackdropBaseProps> & {
+        'data-testid'?: string | undefined;
+    }) | undefined;
+    transitionProps?: (Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
+        'data-testid'?: string | undefined;
+    }) | undefined;
+    windowProps?: (import("../Paper").PaperBaseProps & {
+        as?: "div" | undefined;
+    } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, keyof import("../Paper").PaperBaseProps> & {
         'data-testid'?: string | undefined;
     }) | undefined;
-    /** Кастомный класс контейнера шторки */
     className?: string | undefined;
-} & Omit<ModalProps, "className" | "children" | "open" | "onClose"> & React.RefAttributes<HTMLDivElement>>;
+    'data-testid'?: string | undefined;
+    ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[] | undefined;
+    disablePortal?: boolean | undefined;
+} & import("../Portal").PortalBaseProps & {
+    as?: "div" | undefined;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "container"> & React.RefAttributes<HTMLDivElement>>;