@ozen-ui/kit 0.66.0 → 0.67.0

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

@@ -0,0 +1,5 @@
+export var DIALOG_DEFAULT_DEVICE_TYPE = 'desktop';
+export var DIALOG_DEFAULT_SIZE = 'm';
+export var DIALOG_DEFAULT_VARIANT = 'medium';
+export var DIALOG_DEFAULT_HIDE_CLOSE_BUTTON = false;
+export var DIALOG_MOBILE_BOTTOM_SHEET_VIEW_VARIANTS = ['medium', 'large'];

package/__inner__/esm/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__/esm/components/DialogNext/entities/device.js

@@ -0,0 +1 @@
+export var dialogDeviceType = ['mobile', 'desktop'];

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

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

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

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

package/__inner__/esm/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__/esm/components/DialogNext/entities/size.js

@@ -0,0 +1,4 @@
+export var dialogSizeVariantByDeviceType = {
+    desktop: ['s', 'm'],
+    mobile: ['m'],
+};

package/__inner__/esm/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__/esm/components/DialogNext/entities/variant.js

@@ -0,0 +1,6 @@
+export var dialogVariant = [
+    'small',
+    'medium',
+    'large',
+    'fullscreen',
+];

package/__inner__/esm/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__/esm/components/DialogNext/entities/viewType.js

@@ -0,0 +1 @@
+export var dialogViewType = ['bottomSheet', 'modal'];

package/__inner__/esm/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__/esm/components/DialogNext/index.js

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

package/__inner__/esm/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__/esm/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__/esm/components/DialogNext/modules/DialogBody/DialogBody.js

@@ -0,0 +1,17 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { BottomSheetBaseContent } from '../../../BottomSheetBase';
+import { useDialogContext } from '../../DialogContext';
+export var cnDialogBody = cn('DialogNextBody');
+export var DialogBody = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    var _b = useDialogContext(), size = _b.size, deviceType = _b.deviceType, isBottomSheet = _b.isBottomSheet, viewType = _b.viewType;
+    var Component = (isBottomSheet ? BottomSheetBaseContent : 'div');
+    return (React.createElement(Component, __assign({}, other, { ref: ref, className: cnDialogBody({
+            size: size,
+            deviceType: deviceType,
+            viewType: viewType,
+        }, [className]) }), children));
+});
+DialogBody.displayName = 'DialogBody';

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

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

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

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

package/__inner__/esm/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__/esm/components/DialogNext/modules/DialogBody/types.js

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

package/__inner__/esm/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__/esm/components/DialogNext/modules/DialogCloseButton/DialogCloseButton.js

@@ -0,0 +1,18 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { CrossIcon } from '@ozen-ui/icons';
+import { cn } from '../../../../utils/classname';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { IconButton } from '../../../IconButtonNext';
+import { useDialogContext } from '../../DialogContext';
+import { DIALOG_CLOSE_BUTTON_DEFAULT_TAG, DIALOG_CLOSE_BUTTON_DEFAULT_VARIANT, DIALOG_CLOSE_BUTTON_DEFAULT_NAME, } from './constants';
+export var cnDialogCloseButton = cn('DialogNextCloseButton');
+export var DialogCloseButton = polymorphicComponentWithRef(function (_a, ref) {
+    var _b = _a.as, as = _b === void 0 ? DIALOG_CLOSE_BUTTON_DEFAULT_TAG : _b, className = _a.className, onClickProp = _a.onClick, _c = _a.icon, icon = _c === void 0 ? CrossIcon : _c, _d = _a.variant, variant = _d === void 0 ? DIALOG_CLOSE_BUTTON_DEFAULT_VARIANT : _d, _e = _a.name, name = _e === void 0 ? DIALOG_CLOSE_BUTTON_DEFAULT_NAME : _e, other = __rest(_a, ["as", "className", "onClick", "icon", "variant", "name"]);
+    var _f = useDialogContext(), onClose = _f.onClose, size = _f.size;
+    var onClick = function (event) {
+        onClickProp === null || onClickProp === void 0 ? void 0 : onClickProp(event);
+        onClose();
+    };
+    return (React.createElement(IconButton, __assign({ variant: variant, name: name, as: as, size: size, ref: ref, className: cnDialogCloseButton('', [className]), onClick: onClick, icon: icon, compressed: true }, other)));
+});

package/__inner__/esm/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__/esm/components/DialogNext/modules/DialogCloseButton/constants.js

@@ -0,0 +1,3 @@
+export var DIALOG_CLOSE_BUTTON_DEFAULT_TAG = 'button';
+export var DIALOG_CLOSE_BUTTON_DEFAULT_VARIANT = 'ghost';
+export var DIALOG_CLOSE_BUTTON_DEFAULT_NAME = 'close';

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

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

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

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

package/__inner__/esm/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__/esm/components/DialogNext/modules/DialogCloseButton/types.js

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

package/__inner__/esm/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__/esm/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__/esm/components/DialogNext/modules/DialogFooter/DialogFooter.js

@@ -0,0 +1,36 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { isPlainObject } from '../../../../utils/object';
+import { BottomSheetBaseFooter } from '../../../BottomSheetBase';
+import { Divider } from '../../../Divider';
+import { useDialogContext } from '../../DialogContext';
+import { DIALOG_FOOTER_DEFAULT_ALIGN, DIALOG_FOOTER_DEFAULT_EXPAND_ON_DRAG, DIALOG_FOOTER_DEFAULT_MARGIN_TOP, DIALOG_FOOTER_DEFAULT_WITH_DIVIDER, } from './constants';
+export var cnDialogFooter = cn('DialogNextFooter');
+export var DialogFooter = forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.align, alignProp = _b === void 0 ? DIALOG_FOOTER_DEFAULT_ALIGN : _b, className = _a.className, _c = _a.expandOnDrag, expandOnDrag = _c === void 0 ? DIALOG_FOOTER_DEFAULT_EXPAND_ON_DRAG : _c, _d = _a.marginTop, marginTop = _d === void 0 ? DIALOG_FOOTER_DEFAULT_MARGIN_TOP : _d, _e = _a.withDivider, withDivider = _e === void 0 ? DIALOG_FOOTER_DEFAULT_WITH_DIVIDER : _e, other = __rest(_a, ["children", "align", "className", "expandOnDrag", "marginTop", "withDivider"]);
+    var _f = useDialogContext(), size = _f.size, deviceType = _f.deviceType, isBottomSheet = _f.isBottomSheet;
+    var Component = isBottomSheet
+        ? BottomSheetBaseFooter
+        : 'div';
+    var bottomSheetProps = isBottomSheet
+        ? {
+            expandOnDrag: expandOnDrag,
+        }
+        : undefined;
+    var align = (function () {
+        if (isPlainObject(alignProp)) {
+            return alignProp[deviceType];
+        }
+        return alignProp;
+    })();
+    return (React.createElement(Component, __assign({}, other, bottomSheetProps, { ref: ref, className: cnDialogFooter('Container', [className]) }),
+        withDivider && React.createElement(Divider, { className: cnDialogFooter('Divider') }),
+        React.createElement("div", { className: cnDialogFooter({
+                size: size,
+                align: align,
+                deviceType: deviceType,
+                marginTop: marginTop,
+            }) }, children)));
+});
+DialogFooter.displayName = 'DialogFooter';

package/__inner__/esm/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__/esm/components/DialogNext/modules/DialogFooter/constants.js

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

package/__inner__/esm/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__/esm/components/DialogNext/modules/DialogFooter/entities/align.js

@@ -0,0 +1,4 @@
+export var dialogFooterAlignByDeviceType = {
+    desktop: ['left', 'right'],
+    mobile: ['horizontal', 'vertical'],
+};

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

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

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

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

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

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

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

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

package/__inner__/esm/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__/esm/components/DialogNext/modules/DialogFooter/types.js

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

package/__inner__/esm/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__/esm/components/DialogNext/modules/DialogFooterButton/DialogFooterButton.js

@@ -0,0 +1,13 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { cn } from '../../../../utils/classname';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { Button } from '../../../ButtonNext';
+import { useDialogContext } from '../../DialogContext';
+import { DIALOG_FOOTER_BUTTON_DEFAULT_TAG } from './constants';
+export var cnDialogFooterButton = cn('DialogNextFooterButton');
+export var DialogFooterButton = polymorphicComponentWithRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.as, as = _b === void 0 ? DIALOG_FOOTER_BUTTON_DEFAULT_TAG : _b, other = __rest(_a, ["children", "className", "as"]);
+    var size = useDialogContext().size;
+    return (React.createElement(Button, __assign({}, other, { as: as, ref: ref, className: cnDialogFooterButton('', [className]), size: size }), children));
+});

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

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

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

@@ -0,0 +1 @@
+export var DIALOG_FOOTER_BUTTON_DEFAULT_TAG = 'button';

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

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

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

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

package/__inner__/esm/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__/esm/components/DialogNext/modules/DialogFooterButton/types.js

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

package/__inner__/esm/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__/esm/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__/esm/components/DialogNext/modules/DialogFooterButtonsGroup/DialogFooterButtonsGroup.js

@@ -0,0 +1,11 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { useDialogContext } from '../../DialogContext';
+export var cnDialogFooterButtonsGroup = cn('DialogNextFooterButtonsGroup');
+export var DialogFooterButtonsGroup = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    var _b = useDialogContext(), size = _b.size, deviceType = _b.deviceType;
+    return (React.createElement("div", __assign({}, other, { ref: ref, className: cnDialogFooterButtonsGroup({ size: size, deviceType: deviceType }, [className]) }), children));
+});
+DialogFooterButtonsGroup.displayName = 'DialogFooterButtonsGroup';

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

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

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

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

package/__inner__/esm/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__/esm/components/DialogNext/modules/DialogFooterButtonsGroup/types.js

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

package/__inner__/esm/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__/esm/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__/esm/components/DialogNext/modules/DialogHeader/DialogHeader.js

@@ -0,0 +1,25 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { BottomSheetBaseBlock } from '../../../BottomSheetBase';
+import { Divider } from '../../../Divider';
+import { useDialogContext } from '../../DialogContext';
+import { DIALOG_HEADER_DEFAULT_WITH_DIVIDER } from './constants';
+export var cnDialogHeader = cn('DialogNextHeader');
+export var DialogHeader = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.withDivider, withDivider = _b === void 0 ? DIALOG_HEADER_DEFAULT_WITH_DIVIDER : _b, other = __rest(_a, ["children", "className", "withDivider"]);
+    var _c = useDialogContext(), size = _c.size, deviceType = _c.deviceType, isBottomSheet = _c.isBottomSheet;
+    var Component = (isBottomSheet ? BottomSheetBaseBlock : 'div');
+    var bottomSheetProps = isBottomSheet
+        ? {
+            expandOnDrag: true,
+        }
+        : null;
+    return (React.createElement(Component, __assign({}, other, bottomSheetProps, { ref: ref, className: cnDialogHeader('Container', [className]) }),
+        React.createElement("div", { className: cnDialogHeader({
+                size: size,
+                deviceType: deviceType,
+            }) }, children),
+        withDivider && React.createElement(Divider, { className: cnDialogHeader('Divider') })));
+});
+DialogHeader.displayName = 'DialogHeader';

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

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

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

@@ -0,0 +1 @@
+export var DIALOG_HEADER_DEFAULT_WITH_DIVIDER = false;

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

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

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

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

package/__inner__/esm/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__/esm/components/DialogNext/modules/DialogHeader/types.js

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

package/__inner__/esm/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);
+  }