@ozen-ui/kit 0.66.0 → 0.67.0

package/__inner__/cjs/components/DialogNext/modules/DialogFooter/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const DIALOG_FOOTER_DEFAULT_ALIGN: {
+    mobile: "vertical";
+    desktop: "right";
+};
+export declare const DIALOG_FOOTER_DEFAULT_EXPAND_ON_DRAG = false;
+export declare const DIALOG_FOOTER_DEFAULT_MARGIN_TOP = true;
+export declare const DIALOG_FOOTER_DEFAULT_WITH_DIVIDER = false;

package/__inner__/cjs/components/DialogNext/modules/DialogFooter/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DIALOG_FOOTER_DEFAULT_WITH_DIVIDER = exports.DIALOG_FOOTER_DEFAULT_MARGIN_TOP = exports.DIALOG_FOOTER_DEFAULT_EXPAND_ON_DRAG = exports.DIALOG_FOOTER_DEFAULT_ALIGN = void 0;
+exports.DIALOG_FOOTER_DEFAULT_ALIGN = {
+    mobile: 'vertical',
+    desktop: 'right',
+};
+exports.DIALOG_FOOTER_DEFAULT_EXPAND_ON_DRAG = false;
+exports.DIALOG_FOOTER_DEFAULT_MARGIN_TOP = true;
+exports.DIALOG_FOOTER_DEFAULT_WITH_DIVIDER = false;

package/__inner__/cjs/components/DialogNext/modules/DialogFooter/entities/align.d.ts

@@ -0,0 +1,10 @@
+import type { DialogDeviceType } from '../../../entities';
+export declare const dialogFooterAlignByDeviceType: {
+    readonly desktop: readonly ["left", "right"];
+    readonly mobile: readonly ["horizontal", "vertical"];
+};
+export type DialogFooterAlignByDeviceType = {
+    [key in DialogDeviceType]: (typeof dialogFooterAlignByDeviceType)[key][number];
+};
+export type DialogFooterAlignAllVariants = DialogFooterAlignByDeviceType[DialogDeviceType];
+export type DialogFooterAlign = DialogFooterAlignByDeviceType | DialogFooterAlignAllVariants;

package/__inner__/cjs/components/DialogNext/modules/DialogFooter/entities/align.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogFooterAlignByDeviceType = void 0;
+exports.dialogFooterAlignByDeviceType = {
+    desktop: ['left', 'right'],
+    mobile: ['horizontal', 'vertical'],
+};

package/__inner__/cjs/components/DialogNext/modules/DialogFooter/entities/index.d.ts

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

package/__inner__/cjs/components/DialogNext/modules/DialogFooter/entities/index.js

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

package/__inner__/cjs/components/DialogNext/modules/DialogFooter/index.d.ts

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

package/__inner__/cjs/components/DialogNext/modules/DialogFooter/index.js

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

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

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { DialogFooterAlign } from './entities';
+export type DialogFooterRef = HTMLDivElement;
+export type DialogFooterProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Выравнивание */
+    align?: DialogFooterAlign;
+    /** Если `true`, то при drag будет меняться положение шторки */
+    expandOnDrag?: boolean;
+    /** Если `true`, то будет добавлен отступ сверху */
+    marginTop?: boolean;
+    /** Если `true`, то будет отображаться разделитель */
+    withDivider?: boolean;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'div'>;

package/__inner__/cjs/components/DialogNext/modules/DialogFooter/types.js

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

package/__inner__/cjs/components/DialogNext/modules/DialogFooterButton/DialogFooterButton.d.ts

@@ -0,0 +1,3 @@
+import type { DialogFooterButtonBaseProps } from './types';
+export declare const cnDialogFooterButton: import("@bem-react/classname").ClassNameFormatter;
+export declare const DialogFooterButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<DialogFooterButtonBaseProps, "div">;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogFooterButton = exports.cnDialogFooterButton = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var ButtonNext_1 = require("../../../ButtonNext");
+var DialogContext_1 = require("../../DialogContext");
+var constants_1 = require("./constants");
+exports.cnDialogFooterButton = (0, classname_1.cn)('DialogNextFooterButton');
+exports.DialogFooterButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.as, as = _b === void 0 ? constants_1.DIALOG_FOOTER_BUTTON_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["children", "className", "as"]);
+    var size = (0, DialogContext_1.useDialogContext)().size;
+    return (react_1.default.createElement(ButtonNext_1.Button, tslib_1.__assign({}, other, { as: as, ref: ref, className: (0, exports.cnDialogFooterButton)('', [className]), size: size }), children));
+});

package/__inner__/cjs/components/DialogNext/modules/DialogFooterButton/constants.d.ts

@@ -0,0 +1 @@
+export declare const DIALOG_FOOTER_BUTTON_DEFAULT_TAG = "button";

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DIALOG_FOOTER_BUTTON_DEFAULT_TAG = void 0;
+exports.DIALOG_FOOTER_BUTTON_DEFAULT_TAG = 'button';

package/__inner__/cjs/components/DialogNext/modules/DialogFooterButton/index.d.ts

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

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

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

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

@@ -0,0 +1,6 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { ButtonBaseProps } from '../../../ButtonNext';
+import type { DIALOG_FOOTER_BUTTON_DEFAULT_TAG } from './constants';
+export type DialogFooterButtonBaseProps = Omit<ButtonBaseProps, 'size'>;
+export type DialogFooterButtonProps<As extends ElementType = typeof DIALOG_FOOTER_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<DialogFooterButtonBaseProps, As>;

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

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

package/__inner__/cjs/components/DialogNext/modules/DialogFooterButtonsGroup/DialogFooterButtonsGroup.css

@@ -0,0 +1,10 @@
+.DialogNextFooterButtonsGroup {
+  --dialog-footer-button-gap: var(--spacing-s);
+  display: flex;
+  gap: var(--dialog-footer-button-gap);
+}
+
+  /* ---- DEVICE TYPE ---- */
+  .DialogNextFooterButtonsGroup_deviceType_desktop.DialogNextFooterButtonsGroup_size_s {
+    --dialog-footer-button-gap: var(--spacing-xs);
+  }

package/__inner__/cjs/components/DialogNext/modules/DialogFooterButtonsGroup/DialogFooterButtonsGroup.d.ts

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

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogFooterButtonsGroup = exports.cnDialogFooterButtonsGroup = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var DialogContext_1 = require("../../DialogContext");
+exports.cnDialogFooterButtonsGroup = (0, classname_1.cn)('DialogNextFooterButtonsGroup');
+exports.DialogFooterButtonsGroup = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["children", "className"]);
+    var _b = (0, DialogContext_1.useDialogContext)(), size = _b.size, deviceType = _b.deviceType;
+    return (react_1.default.createElement("div", tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnDialogFooterButtonsGroup)({ size: size, deviceType: deviceType }, [className]) }), children));
+});
+exports.DialogFooterButtonsGroup.displayName = 'DialogFooterButtonsGroup';

package/__inner__/cjs/components/DialogNext/modules/DialogFooterButtonsGroup/index.d.ts

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

package/__inner__/cjs/components/DialogNext/modules/DialogFooterButtonsGroup/index.js

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

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type DialogFooterButtonsGroupRef = HTMLDivElement;
+export type DialogFooterButtonsGroupProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'div'>;

package/__inner__/cjs/components/DialogNext/modules/DialogFooterButtonsGroup/types.js

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

package/__inner__/cjs/components/DialogNext/modules/DialogHeader/DialogHeader.css

@@ -0,0 +1,26 @@
+.DialogNextHeader {
+  --dialog-header-item-padding-right: var(--spacing-m);
+  --dialog-header-padding-bottom: var(--spacing-s);
+  padding-inline: var(--dialog-inline-padding);
+  padding-block: calc(var(--dialog-block-padding) - var(--dialog-header-size)) var(--dialog-header-padding-bottom);
+}
+
+  .DialogNextHeader-Container {
+    position: relative;
+  }
+
+  .DialogNextHeader-Divider {
+    position: absolute;
+  }
+
+  /* ---- DEVICE TYPE ---- */
+
+  .DialogNextHeader_deviceType_desktop.DialogNextHeader_size_m {
+    --dialog-header-padding-bottom: var(--spacing-m);
+  }
+
+  /* ---- VIEW TYPE ---- */
+
+  .DialogNextHeader_viewType_modal {
+    flex-shrink: 0;
+  }

package/__inner__/cjs/components/DialogNext/modules/DialogHeader/DialogHeader.d.ts

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

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogHeader = exports.cnDialogHeader = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var BottomSheetBase_1 = require("../../../BottomSheetBase");
+var Divider_1 = require("../../../Divider");
+var DialogContext_1 = require("../../DialogContext");
+var constants_1 = require("./constants");
+exports.cnDialogHeader = (0, classname_1.cn)('DialogNextHeader');
+exports.DialogHeader = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.withDivider, withDivider = _b === void 0 ? constants_1.DIALOG_HEADER_DEFAULT_WITH_DIVIDER : _b, other = tslib_1.__rest(_a, ["children", "className", "withDivider"]);
+    var _c = (0, DialogContext_1.useDialogContext)(), size = _c.size, deviceType = _c.deviceType, isBottomSheet = _c.isBottomSheet;
+    var Component = (isBottomSheet ? BottomSheetBase_1.BottomSheetBaseBlock : 'div');
+    var bottomSheetProps = isBottomSheet
+        ? {
+            expandOnDrag: true,
+        }
+        : null;
+    return (react_1.default.createElement(Component, tslib_1.__assign({}, other, bottomSheetProps, { ref: ref, className: (0, exports.cnDialogHeader)('Container', [className]) }),
+        react_1.default.createElement("div", { className: (0, exports.cnDialogHeader)({
+                size: size,
+                deviceType: deviceType,
+            }) }, children),
+        withDivider && react_1.default.createElement(Divider_1.Divider, { className: (0, exports.cnDialogHeader)('Divider') })));
+});
+exports.DialogHeader.displayName = 'DialogHeader';

package/__inner__/cjs/components/DialogNext/modules/DialogHeader/constants.d.ts

@@ -0,0 +1 @@
+export declare const DIALOG_HEADER_DEFAULT_WITH_DIVIDER = false;

package/__inner__/cjs/components/DialogNext/modules/DialogHeader/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DIALOG_HEADER_DEFAULT_WITH_DIVIDER = void 0;
+exports.DIALOG_HEADER_DEFAULT_WITH_DIVIDER = false;

package/__inner__/cjs/components/DialogNext/modules/DialogHeader/index.d.ts

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

package/__inner__/cjs/components/DialogNext/modules/DialogHeader/index.js

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

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

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type DialogHeaderRef = HTMLDivElement;
+export type DialogHeaderProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Если `true`, то будет отображаться разделитель */
+    withDivider?: boolean;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'div'>;

package/__inner__/cjs/components/DialogNext/modules/DialogHeader/types.js

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

package/__inner__/cjs/components/DialogNext/modules/DialogSubtitle/DialogSubtitle.css

@@ -0,0 +1,21 @@
+/* stylelint-disable */
+.DialogNextSubtitle {
+  --dialog-subtitle-margin-top: var(--spacing-3xs);
+
+  font: var(--typography-text-m-font);
+
+  letter-spacing: var(--typography-text-m-letter_spacing, 0);
+
+  text-transform: var(--typography-text-m-text_transform, none);
+  padding-inline-end: var(--dialog-header-item-padding-right);
+  color: var(--color-content-secondary);
+  margin-block-start: var(--dialog-subtitle-margin-top);
+}
+.DialogNextSubtitle_deviceType_desktop.DialogNextSubtitle_size_s {
+    font: var(--typography-text-s-font);
+    letter-spacing: var(--typography-text-s-letter_spacing, 0);
+    text-transform: var(--typography-text-s-text_transform, none);
+  }
+.DialogNextSubtitle_deviceType_desktop.DialogNextSubtitle_size_m {
+    --dialog-subtitle-margin-top: var(--spacing-2xs);
+  }

package/__inner__/cjs/components/DialogNext/modules/DialogSubtitle/DialogSubtitle.d.ts

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

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogSubtitle = exports.cnDialogSubtitle = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var DialogContext_1 = require("../../DialogContext");
+exports.cnDialogSubtitle = (0, classname_1.cn)('DialogNextSubtitle');
+exports.DialogSubtitle = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["children", "className"]);
+    var _b = (0, DialogContext_1.useDialogContext)(), deviceType = _b.deviceType, size = _b.size;
+    return (react_1.default.createElement("div", tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnDialogSubtitle)({
+            deviceType: deviceType,
+            size: size,
+        }, [className]) }), children));
+});
+exports.DialogSubtitle.displayName = 'DialogSubtitle';

package/__inner__/cjs/components/DialogNext/modules/DialogSubtitle/index.d.ts

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

package/__inner__/cjs/components/DialogNext/modules/DialogSubtitle/index.js

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

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

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type DialogSubtitleRef = HTMLDivElement;
+export type DialogSubtitleProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'div'>;

package/__inner__/cjs/components/DialogNext/modules/DialogSubtitle/types.js

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

package/__inner__/cjs/components/DialogNext/modules/DialogTitle/DialogTitle.css

@@ -0,0 +1,23 @@
+/* stylelint-disable */
+.DialogNextTitle {
+  --dialog-title-gap: var(--spacing-xs);
+
+  font: var(--typography-heading-xl-font);
+
+  letter-spacing: var(--typography-heading-xl-letter_spacing, 0);
+
+  text-transform: var(--typography-heading-xl-text_transform, none);
+  display: flex;
+  align-items: center;
+  gap: var(--dialog-title-gap);
+  padding-inline-end: var(--dialog-header-item-padding-right);
+  color: var(--color-content-primary);
+}
+.DialogNextTitle_deviceType_desktop.DialogNextTitle_size_m {
+    font: var(--typography-heading-2xl-font);
+    letter-spacing: var(--typography-heading-2xl-letter_spacing, 0);
+    text-transform: var(--typography-heading-2xl-text_transform, none);
+  }
+.DialogNextTitle_size_m {
+    --dialog-title-gap: var(--spacing-s);
+  }

package/__inner__/cjs/components/DialogNext/modules/DialogTitle/DialogTitle.d.ts

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

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogTitle = exports.cnDialogTitle = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var renderContent_1 = require("../../../../utils/renderContent");
+var DialogContext_1 = require("../../DialogContext");
+exports.cnDialogTitle = (0, classname_1.cn)('DialogNextTitle');
+exports.DialogTitle = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, iconLeft = _a.iconLeft, other = tslib_1.__rest(_a, ["children", "className", "iconLeft"]);
+    var _b = (0, DialogContext_1.useDialogContext)(), deviceType = _b.deviceType, size = _b.size;
+    var renderIcon = function (content) {
+        return (0, renderContent_1.renderContent)({
+            content: content,
+            props: {
+                size: 'm',
+            },
+        });
+    };
+    return (react_1.default.createElement("div", tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnDialogTitle)({ size: size, deviceType: deviceType }, [className]) }),
+        renderIcon(iconLeft),
+        children));
+});
+exports.DialogTitle.displayName = 'DialogTitle';

package/__inner__/cjs/components/DialogNext/modules/DialogTitle/index.d.ts

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

package/__inner__/cjs/components/DialogNext/modules/DialogTitle/index.js

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

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

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import type { IconProps } from '@ozen-ui/icons';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { RenderContentType } from '../../../../utils/renderContent';
+export type DialogTitleRef = HTMLHeadingElement;
+export type DialogTitleIcon = RenderContentType<IconProps>['content'];
+export type DialogTitleProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Иконка слева */
+    iconLeft?: DialogTitleIcon;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'h2'>;

package/__inner__/cjs/components/DialogNext/modules/DialogTitle/types.js

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

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

@@ -0,0 +1,8 @@
+export * from './DialogBody';
+export * from './DialogCloseButton';
+export * from './DialogFooter';
+export * from './DialogFooterButton';
+export * from './DialogFooterButtonsGroup';
+export * from './DialogHeader';
+export * from './DialogSubtitle';
+export * from './DialogTitle';

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DialogBody"), exports);
+tslib_1.__exportStar(require("./DialogCloseButton"), exports);
+tslib_1.__exportStar(require("./DialogFooter"), exports);
+tslib_1.__exportStar(require("./DialogFooterButton"), exports);
+tslib_1.__exportStar(require("./DialogFooterButtonsGroup"), exports);
+tslib_1.__exportStar(require("./DialogHeader"), exports);
+tslib_1.__exportStar(require("./DialogSubtitle"), exports);
+tslib_1.__exportStar(require("./DialogTitle"), exports);

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

@@ -0,0 +1,44 @@
+import type { RenderContentType } from '../../utils/renderContent';
+import type { BackdropProps } from '../Backdrop';
+import type { PortalProps } from '../Portal';
+import type { DialogBottomSheetProps, DialogModalProps } from './components';
+import type { DIALOG_DEFAULT_DEVICE_TYPE } from './constants';
+import type { DialogDeviceType, DialogSizeVariantByDeviceType, DialogVariant } from './entities';
+export type DialogRef = HTMLDivElement;
+export type DialogRenderCloseButton = RenderContentType<{}>['content'];
+export type DialogContentBottomSheetProps = Omit<DialogBottomSheetProps, 'hideCloseButton' | 'backdrop' | 'open' | 'size' | 'variant' | 'closeButton' | 'onClose' | 'className'>;
+export type DialogContentModalProps = Omit<DialogModalProps, 'open' | 'onClose' | 'hideCloseButton' | 'className' | 'closeButton' | 'size' | 'variant'>;
+export type DialogBaseProps = {
+    /** Если `true`, будет отображаться окно диалога */
+    open: boolean;
+    /** Вариант представления шторки */
+    variant?: DialogVariant;
+    /** Свойства компонента шторки */
+    bottomSheetProps?: DialogContentBottomSheetProps;
+    /** Свойства компонента модального окна */
+    modalProps?: DialogContentModalProps;
+    /** Кнопка закрытия */
+    renderCloseButton?: DialogRenderCloseButton;
+    /** Если `true`, скрывается кнопка закрытия */
+    hideCloseButton?: boolean;
+    /** Вызывается при закрытии Dialog */
+    onClose?: () => void;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Свойства компонента backdrop */
+    backdropProps?: BackdropProps;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+} & PortalProps;
+export type DialogDeviceTypeProps<DeviceType extends DialogDeviceType | undefined> = DialogBaseProps & (DeviceType extends DialogDeviceType ? {
+    /** Размер */
+    size?: DialogSizeVariantByDeviceType[DeviceType];
+    /** Тип устройства */
+    deviceType: DeviceType;
+} : {
+    /** Размер */
+    size?: DialogSizeVariantByDeviceType[typeof DIALOG_DEFAULT_DEVICE_TYPE];
+    /** Тип устройства */
+    deviceType?: undefined;
+});
+export type DialogProps = DialogDeviceTypeProps<DialogDeviceType> | DialogDeviceTypeProps<undefined>;

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

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

package/__inner__/cjs/components/InputNumber/utils.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getValue = exports.isInputInvalid = exports.isValidValue = void 0;
 var decimal_js_1 = require("decimal.js");
-var isNumber_1 = require("../../utils/isNumber");
+var number_1 = require("../../utils/number");
 var isValidValue = function (value) {
-    return value !== '' && !Number.isNaN(value) && (0, isNumber_1.isNumber)(value);
+    return value !== '' && !Number.isNaN(value) && (0, number_1.isNumber)(value);
 };
 exports.isValidValue = isValidValue;
 var isInputInvalid = function (event) {

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.valueToArray = exports.valueToString = exports.calculateInput = exports.maskValue = exports.maskSymbol = void 0;
 var isFunction_1 = require("../../utils/isFunction");
-var isNumber_1 = require("../../utils/isNumber");
 var isString_1 = require("../../utils/isString");
+var number_1 = require("../../utils/number");
 var maskSymbol = function (mask, value, index) {
     if (value === '') {
         return '';
@@ -31,7 +31,7 @@ var calculateInput = function (_a) {
     var isNext = index === lastFilledInputIndex + 2;
     var isCurrentInput = index === lastFilledInputIndex + 1;
     var isLast = index === length - 1;
-    var isPreviousByFocusedInput = (0, isNumber_1.isNumber)(focusedInputIndex) && index < focusedInputIndex;
+    var isPreviousByFocusedInput = (0, number_1.isNumber)(focusedInputIndex) && index < focusedInputIndex;
     var isFocusedInput = index === focusedInputIndex;
     var isDisabled = (function () {
         if (isDisabledGlobal) {

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

@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
 var isFunction_1 = require("../../../utils/isFunction");
 var isKey_1 = require("../../../utils/isKey");
 var isKeys_1 = require("../../../utils/isKeys");
-var isNumber_1 = require("../../../utils/isNumber");
+var number_1 = require("../../../utils/number");
 var helper_1 = require("../helper");
 var useInputOTPEvents = function (_a) {
     var inputs = _a.inputs, valueByIndex = _a.valueByIndex, setValueByIndex = _a.setValueByIndex, validateFromProps = _a.validate, length = _a.length, onPasteFromProps = _a.onPaste, onKeyDownFromProps = _a.onKeyDown, onFinish = _a.onFinish, mask = _a.mask, finishBehavior = _a.finishBehavior;
@@ -149,7 +149,7 @@ var useInputOTPEvents = function (_a) {
                 }
             }
         });
-        if ((0, isNumber_1.isNumber)(focusedInputIndex.current)) {
+        if ((0, number_1.isNumber)(focusedInputIndex.current)) {
             var input = currentInputs[focusedInputIndex.current];
             if (input) {
                 input.disabled = false;

package/__inner__/cjs/components/Pagination/Pagination.js

@@ -6,7 +6,7 @@ require("./Pagination.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
-var isNumber_1 = require("../../utils/isNumber");
+var number_1 = require("../../utils/number");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
 var components_1 = require("./components");
 var constants_1 = require("./constants");
@@ -44,7 +44,7 @@ exports.Pagination = (0, polymorphicComponentWithRef_1.polymorphicComponentWithR
         var paginationRange = (0, withNavigationButtons_1.withNavigationButton)(range);
         return paginationRange.map(function (pageButton) {
             var _a, _b;
-            var isPageNumber = (0, isNumber_1.isNumber)(pageButton);
+            var isPageNumber = (0, number_1.isNumber)(pageButton);
             var type = isPageNumber ? constants_1.PAGE : pageButton;
             var isSelected = pageButton === selected;
             var mapper = (_a = {},