@ozen-ui/kit 0.66.0 → 0.68.0

package/__inner__/esm/components/DialogNext/components/DialogModal/DialogModal.d.ts

@@ -0,0 +1,35 @@
+import './DialogModal.css';
+import React from 'react';
+export declare const cnDialogModal: import("@bem-react/classname").ClassNameFormatter;
+export declare const DialogModal: React.ForwardRefExoticComponent<{
+    closeButton: React.ReactNode;
+    size: import("../..").DialogSizeAllVariants;
+    variant: import("../..").DialogVariant;
+    hideCloseButton: boolean | undefined;
+    onClose: (() => void) | undefined;
+} & {
+    open?: boolean;
+    children: React.ReactNode;
+    onEnter?(): void;
+    onEntered?(): void;
+    onExit?(): void;
+    onExited?(): void;
+    onClose?(): void;
+    hideBackdrop?: boolean;
+    keepMounted?: boolean;
+    disableScrollLock?: boolean;
+    disableClickOutside?: boolean;
+    disableEscapeKeyDown?: boolean;
+    backdropProps?: import("../../../Backdrop").BackdropProps & {
+        "data-testid"?: string;
+    };
+    transitionProps?: Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
+        "data-testid"?: string;
+    };
+    windowProps?: import("../../../Paper").PaperProps;
+    className?: string;
+    'data-testid'?: string;
+    ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
+} & import("../../../Portal").PortalBaseProps & {
+    as?: "div" | undefined;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../../../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,15 @@
+import { __assign, __rest } from "tslib";
+import './DialogModal.css';
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { Modal } from '../../../Modal';
+export var cnDialogModal = cn('DialogNextModal');
+export var DialogModal = forwardRef(function (_a, ref) {
+    var children = _a.children, open = _a.open, closeButton = _a.closeButton, onClose = _a.onClose, size = _a.size, variant = _a.variant, className = _a.className, hideCloseButton = _a.hideCloseButton, windowProps = _a.windowProps, transitionProps = _a.transitionProps, other = __rest(_a, ["children", "open", "closeButton", "onClose", "size", "variant", "className", "hideCloseButton", "windowProps", "transitionProps"]);
+    return (React.createElement(Modal, __assign({}, other, { open: open, onClose: onClose, windowProps: __assign({ role: 'dialog', radius: size === 's' ? 'l' : 'xl', shadow: 'l' }, windowProps), className: cnDialogModal({ variant: variant, size: size, hasCloseButton: !hideCloseButton }, [className]), transitionProps: __assign(__assign({}, (variant === 'fullscreen' && {
+            classNames: cnDialogModal({ animation: 'fullscreen' }),
+        })), transitionProps), ref: ref }),
+        React.createElement("div", { className: cnDialogModal('InnerContainer') }, children),
+        !hideCloseButton && (React.createElement("div", { className: cnDialogModal('CloseButton') }, closeButton))));
+});
+DialogModal.displayName = 'DialogModal';

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

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

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

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

package/__inner__/esm/components/DialogNext/components/DialogModal/types.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import type { ModalProps, ModalRef } from '../../../Modal';
+import type { DialogSizeAllVariants, DialogVariant } from '../../entities';
+export type DialogModalRef = ModalRef;
+export type DialogModalProps = {
+    closeButton: ReactNode;
+    size: DialogSizeAllVariants;
+    variant: DialogVariant;
+    hideCloseButton: boolean | undefined;
+    onClose: (() => void) | undefined;
+} & ModalProps;

package/__inner__/esm/components/DialogNext/components/DialogModal/types.js

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

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

@@ -0,0 +1,2 @@
+export * from './DialogBottomSheet';
+export * from './DialogModal';

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

@@ -0,0 +1,2 @@
+export * from './DialogBottomSheet';
+export * from './DialogModal';

package/__inner__/esm/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__/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 {};