@ozen-ui/kit 0.65.0 → 0.67.0

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

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

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

@@ -0,0 +1,6 @@
+import type { DialogVariant } from './entities';
+export declare const DIALOG_DEFAULT_DEVICE_TYPE = "desktop";
+export declare const DIALOG_DEFAULT_SIZE = "m";
+export declare const DIALOG_DEFAULT_VARIANT = "medium";
+export declare const DIALOG_DEFAULT_HIDE_CLOSE_BUTTON = false;
+export declare const DIALOG_MOBILE_BOTTOM_SHEET_VIEW_VARIANTS: Readonly<DialogVariant[]>;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DIALOG_MOBILE_BOTTOM_SHEET_VIEW_VARIANTS = exports.DIALOG_DEFAULT_HIDE_CLOSE_BUTTON = exports.DIALOG_DEFAULT_VARIANT = exports.DIALOG_DEFAULT_SIZE = exports.DIALOG_DEFAULT_DEVICE_TYPE = void 0;
+exports.DIALOG_DEFAULT_DEVICE_TYPE = 'desktop';
+exports.DIALOG_DEFAULT_SIZE = 'm';
+exports.DIALOG_DEFAULT_VARIANT = 'medium';
+exports.DIALOG_DEFAULT_HIDE_CLOSE_BUTTON = false;
+exports.DIALOG_MOBILE_BOTTOM_SHEET_VIEW_VARIANTS = ['medium', 'large'];

package/__inner__/cjs/components/DialogNext/entities/device.d.ts

@@ -0,0 +1,2 @@
+export declare const dialogDeviceType: readonly ["mobile", "desktop"];
+export type DialogDeviceType = (typeof dialogDeviceType)[number];

package/__inner__/cjs/components/DialogNext/entities/device.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogDeviceType = void 0;
+exports.dialogDeviceType = ['mobile', 'desktop'];

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

@@ -0,0 +1,4 @@
+export * from './device';
+export * from './size';
+export * from './variant';
+export * from './viewType';

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

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

package/__inner__/cjs/components/DialogNext/entities/size.d.ts

@@ -0,0 +1,12 @@
+import type { DialogDeviceType } from './device';
+export declare const dialogSizeVariantByDeviceType: {
+    readonly desktop: readonly ["s", "m"];
+    readonly mobile: readonly ["m"];
+};
+export type DialogSizeVariantByDeviceType = {
+    [key in DialogDeviceType]: (typeof dialogSizeVariantByDeviceType)[key][number];
+};
+export type DialogSizeAllVariants = DialogSizeVariantByDeviceType[DialogDeviceType];
+export type DialogValueBySize<DeviceType extends DialogDeviceType, Value> = {
+    [key in DialogSizeVariantByDeviceType[DeviceType]]: Value;
+};

package/__inner__/cjs/components/DialogNext/entities/size.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogSizeVariantByDeviceType = void 0;
+exports.dialogSizeVariantByDeviceType = {
+    desktop: ['s', 'm'],
+    mobile: ['m'],
+};

package/__inner__/cjs/components/DialogNext/entities/variant.d.ts

@@ -0,0 +1,2 @@
+export declare const dialogVariant: readonly ["small", "medium", "large", "fullscreen"];
+export type DialogVariant = (typeof dialogVariant)[number];

package/__inner__/cjs/components/DialogNext/entities/variant.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogVariant = void 0;
+exports.dialogVariant = [
+    'small',
+    'medium',
+    'large',
+    'fullscreen',
+];

package/__inner__/cjs/components/DialogNext/entities/viewType.d.ts

@@ -0,0 +1,2 @@
+export declare const dialogViewType: readonly ["bottomSheet", "modal"];
+export type DialogViewType = (typeof dialogViewType)[number];

package/__inner__/cjs/components/DialogNext/entities/viewType.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dialogViewType = void 0;
+exports.dialogViewType = ['bottomSheet', 'modal'];

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

@@ -0,0 +1,5 @@
+export * from './DialogContext';
+export * from './Dialog';
+export * from './modules';
+export * from './entities';
+export * from './types';

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

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

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

@@ -0,0 +1,28 @@
+.DialogNextBody {
+  --dialog-body-first-child-margin-top: var(--spacing-3xl);
+  padding-inline: var(--dialog-inline-padding);
+}
+
+  .BottomSheetBaseHeader + .DialogNextBody, .DialogNextBody_viewType_modal.DialogNextBody:first-child {
+    margin-block-start: calc(var(--dialog-body-first-child-margin-top) - var(--dialog-header-size));
+  }
+
+  .DialogNextBody:last-child {
+    margin-block-end: var(--dialog-block-padding);
+  }
+
+  /* ---- DEVICE TYPE ---- */
+
+  .DialogNextBody_deviceType_desktop.DialogNextBody_size_s {
+    --dialog-body-first-child-margin-top: var(--spacing-xl);
+  }
+
+  /* ---- VIEW TYPE ---- */
+
+  .DialogNextBody_viewType_modal {
+    flex-grow: 1;
+    max-block-size: 100%;
+    overflow: auto;
+  }
+
+

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

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

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogBody = exports.cnDialogBody = 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 DialogContext_1 = require("../../DialogContext");
+exports.cnDialogBody = (0, classname_1.cn)('DialogNextBody');
+exports.DialogBody = (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, isBottomSheet = _b.isBottomSheet, viewType = _b.viewType;
+    var Component = (isBottomSheet ? BottomSheetBase_1.BottomSheetBaseContent : 'div');
+    return (react_1.default.createElement(Component, tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnDialogBody)({
+            size: size,
+            deviceType: deviceType,
+            viewType: viewType,
+        }, [className]) }), children));
+});
+exports.DialogBody.displayName = 'DialogBody';

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogCloseButton = exports.cnDialogCloseButton = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var icons_1 = require("@ozen-ui/icons");
+var classname_1 = require("../../../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var IconButtonNext_1 = require("../../../IconButtonNext");
+var DialogContext_1 = require("../../DialogContext");
+var constants_1 = require("./constants");
+exports.cnDialogCloseButton = (0, classname_1.cn)('DialogNextCloseButton');
+exports.DialogCloseButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var _b = _a.as, as = _b === void 0 ? constants_1.DIALOG_CLOSE_BUTTON_DEFAULT_TAG : _b, className = _a.className, onClickProp = _a.onClick, _c = _a.icon, icon = _c === void 0 ? icons_1.CrossIcon : _c, _d = _a.variant, variant = _d === void 0 ? constants_1.DIALOG_CLOSE_BUTTON_DEFAULT_VARIANT : _d, _e = _a.name, name = _e === void 0 ? constants_1.DIALOG_CLOSE_BUTTON_DEFAULT_NAME : _e, other = tslib_1.__rest(_a, ["as", "className", "onClick", "icon", "variant", "name"]);
+    var _f = (0, DialogContext_1.useDialogContext)(), onClose = _f.onClose, size = _f.size;
+    var onClick = function (event) {
+        onClickProp === null || onClickProp === void 0 ? void 0 : onClickProp(event);
+        onClose();
+    };
+    return (react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({ variant: variant, name: name, as: as, size: size, ref: ref, className: (0, exports.cnDialogCloseButton)('', [className]), onClick: onClick, icon: icon, compressed: true }, other)));
+});

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

@@ -0,0 +1,3 @@
+export declare const DIALOG_CLOSE_BUTTON_DEFAULT_TAG = "button";
+export declare const DIALOG_CLOSE_BUTTON_DEFAULT_VARIANT = "ghost";
+export declare const DIALOG_CLOSE_BUTTON_DEFAULT_NAME = "close";

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DIALOG_CLOSE_BUTTON_DEFAULT_NAME = exports.DIALOG_CLOSE_BUTTON_DEFAULT_VARIANT = exports.DIALOG_CLOSE_BUTTON_DEFAULT_TAG = void 0;
+exports.DIALOG_CLOSE_BUTTON_DEFAULT_TAG = 'button';
+exports.DIALOG_CLOSE_BUTTON_DEFAULT_VARIANT = 'ghost';
+exports.DIALOG_CLOSE_BUTTON_DEFAULT_NAME = 'close';

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

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

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

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

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

@@ -0,0 +1,7 @@
+import type { ElementType } from 'react';
+import type { WithPartial } from '../../../../types/object';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { IconButtonBaseProps } from '../../../IconButtonNext';
+import type { DIALOG_CLOSE_BUTTON_DEFAULT_TAG } from './constants';
+export type DialogCloseButtonBaseProps = WithPartial<Omit<IconButtonBaseProps, 'size'>, 'icon'>;
+export type DialogCloseButtonProps<As extends ElementType = typeof DIALOG_CLOSE_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<DialogCloseButtonBaseProps, As>;

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

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

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

@@ -0,0 +1,71 @@
+.DialogNextFooter {
+  --dialog-footer-padding-block-start: var(--spacing-m);
+  display: flex;
+  padding-block-end: var(--dialog-block-padding);
+  padding-inline: var(--dialog-inline-padding);
+  margin-block-start: auto;
+}
+
+  .DialogNextFooter-Container {
+    position: relative;
+  }
+
+  .DialogNextFooter-Divider {
+    position: absolute;
+  }
+
+  .DialogNextFooter_marginTop {
+    padding-block-start: var(--dialog-footer-padding-block-start);
+  }
+
+  /* ---- MODE ---- */
+
+  .DialogNextFooter_mode_start {
+    justify-content: flex-start;
+  }
+
+  .DialogNextFooter_mode_end {
+    justify-content: flex-end;
+  }
+
+  .DialogNextFooter_mode_space-between {
+    justify-content: space-between;
+  }
+
+  /* ---- ALIGN ---- */
+
+  .DialogNextFooter_align_left {
+    justify-content: space-between;
+  }
+
+  .DialogNextFooter_align_right {
+    justify-content: flex-end;
+  }
+
+  .DialogNextFooter_align_vertical {
+    flex-direction: column;
+  }
+
+  .DialogNextFooter_align_vertical .DialogNextFooterButtonsGroup {
+      flex-direction: column;
+    }
+
+  .DialogNextFooter_align_horizontal {
+    flex-direction: row;
+  }
+
+  .DialogNextFooter_align_horizontal > *, .DialogNextFooter_align_horizontal .DialogNextFooterButtonsGroup > * {
+      flex-grow: 1;
+    }
+
+  /* ---- DEVICE TYPE ---- */
+
+  .DialogNextFooter_deviceType_desktop.DialogNextFooter_size_m {
+    --dialog-footer-padding-block-start: var(--spacing-l)
+  }
+
+  /* ---- VIEW TYPE ---- */
+
+  .DialogNextFooter_viewType_modal {
+    flex-shrink: 0;
+  }

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

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

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogFooter = exports.cnDialogFooter = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var object_1 = require("../../../../utils/object");
+var BottomSheetBase_1 = require("../../../BottomSheetBase");
+var Divider_1 = require("../../../Divider");
+var DialogContext_1 = require("../../DialogContext");
+var constants_1 = require("./constants");
+exports.cnDialogFooter = (0, classname_1.cn)('DialogNextFooter');
+exports.DialogFooter = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, _b = _a.align, alignProp = _b === void 0 ? constants_1.DIALOG_FOOTER_DEFAULT_ALIGN : _b, className = _a.className, _c = _a.expandOnDrag, expandOnDrag = _c === void 0 ? constants_1.DIALOG_FOOTER_DEFAULT_EXPAND_ON_DRAG : _c, _d = _a.marginTop, marginTop = _d === void 0 ? constants_1.DIALOG_FOOTER_DEFAULT_MARGIN_TOP : _d, _e = _a.withDivider, withDivider = _e === void 0 ? constants_1.DIALOG_FOOTER_DEFAULT_WITH_DIVIDER : _e, other = tslib_1.__rest(_a, ["children", "align", "className", "expandOnDrag", "marginTop", "withDivider"]);
+    var _f = (0, DialogContext_1.useDialogContext)(), size = _f.size, deviceType = _f.deviceType, isBottomSheet = _f.isBottomSheet;
+    var Component = isBottomSheet
+        ? BottomSheetBase_1.BottomSheetBaseFooter
+        : 'div';
+    var bottomSheetProps = isBottomSheet
+        ? {
+            expandOnDrag: expandOnDrag,
+        }
+        : undefined;
+    var align = (function () {
+        if ((0, object_1.isPlainObject)(alignProp)) {
+            return alignProp[deviceType];
+        }
+        return alignProp;
+    })();
+    return (react_1.default.createElement(Component, tslib_1.__assign({}, other, bottomSheetProps, { ref: ref, className: (0, exports.cnDialogFooter)('Container', [className]) }),
+        withDivider && react_1.default.createElement(Divider_1.Divider, { className: (0, exports.cnDialogFooter)('Divider') }),
+        react_1.default.createElement("div", { className: (0, exports.cnDialogFooter)({
+                size: size,
+                align: align,
+                deviceType: deviceType,
+                marginTop: marginTop,
+            }) }, children)));
+});
+exports.DialogFooter.displayName = 'DialogFooter';

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