@ozen-ui/kit 0.66.0 → 0.68.0

package/__inner__/cjs/components/Dialog/components/DialogBody/index.js

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

package/__inner__/{esm/components/Dialog/components → cjs/components/Dialog/components/DialogFooter}/DialogFooter.d.ts

@@ -1,7 +1,7 @@
-import '../Dialog.css';
+import '../../Dialog.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DialogFooterRef = ComponentRef<'div'>;
 export type DialogFooterProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/cjs/components/Dialog/components/{DialogFooter.js → DialogFooter/DialogFooter.js}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogFooter = void 0;
 var tslib_1 = require("tslib");
-require("../Dialog.css");
+require("../../Dialog.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var Dialog_1 = require("../Dialog");
+var Dialog_1 = require("../../Dialog");
 exports.DialogFooter = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
     return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, Dialog_1.cnDialog)('Footer', [className]) }, restProps), children));

package/__inner__/cjs/components/Dialog/components/DialogFooter/index.d.ts

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

package/__inner__/cjs/components/Dialog/components/DialogFooter/index.js

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

package/__inner__/cjs/components/Dialog/components/{DialogHeader.d.ts → DialogHeader/DialogHeader.d.ts}

@@ -1,7 +1,7 @@
-import '../Dialog.css';
+import '../../Dialog.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DialogHeaderRef = ComponentRef<'div'>;
 export type DialogHeaderProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/cjs/components/Dialog/components/{DialogHeader.js → DialogHeader/DialogHeader.js}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogHeader = void 0;
 var tslib_1 = require("tslib");
-require("../Dialog.css");
+require("../../Dialog.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var Dialog_1 = require("../Dialog");
+var Dialog_1 = require("../../Dialog");
 exports.DialogHeader = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
     return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, Dialog_1.cnDialog)('Header', [className]) }, restProps), children));

package/__inner__/cjs/components/Dialog/components/DialogHeader/index.d.ts

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

package/__inner__/cjs/components/Dialog/components/DialogHeader/index.js

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

package/__inner__/{esm/components/Dialog/components → cjs/components/Dialog/components/DialogSubtitle}/DialogSubtitle.d.ts

@@ -1,7 +1,7 @@
-import '../Dialog.css';
+import '../../Dialog.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DialogSubtitleRef = ComponentRef<'div'>;
 export type DialogSubtitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/cjs/components/Dialog/components/{DialogSubtitle.js → DialogSubtitle/DialogSubtitle.js}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogSubtitle = void 0;
 var tslib_1 = require("tslib");
-require("../Dialog.css");
+require("../../Dialog.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var Dialog_1 = require("../Dialog");
+var Dialog_1 = require("../../Dialog");
 exports.DialogSubtitle = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
     return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, Dialog_1.cnDialog)('Subtitle', [className]) }, restProps), children));

package/__inner__/cjs/components/Dialog/components/DialogSubtitle/index.d.ts

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

package/__inner__/cjs/components/Dialog/components/DialogSubtitle/index.js

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

package/__inner__/{esm/components/Dialog/components → cjs/components/Dialog/components/DialogTitle}/DialogTitle.d.ts

@@ -1,7 +1,7 @@
-import '../Dialog.css';
+import '../../Dialog.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DialogTitleRef = ComponentRef<'h2'>;
 export type DialogTitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/cjs/components/Dialog/components/{DialogTitle.js → DialogTitle/DialogTitle.js}

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogTitle = void 0;
 var tslib_1 = require("tslib");
-require("../Dialog.css");
+require("../../Dialog.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var Dialog_1 = require("../Dialog");
+var Dialog_1 = require("../../Dialog");
 exports.DialogTitle = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = tslib_1.__rest(_a, ["children", "className"]);
     return (react_1.default.createElement("h2", tslib_1.__assign({ ref: ref, className: (0, Dialog_1.cnDialog)('Title', [className]) }, restProps), children));

package/__inner__/cjs/components/Dialog/components/DialogTitle/index.d.ts

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

package/__inner__/cjs/components/Dialog/components/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/Dialog.css

@@ -0,0 +1,21 @@
+.DialogNext {
+  --dialog-inline-padding: var(--spacing-s);
+  --dialog-block-padding: var(--spacing-l);
+  --dialog-header-size: 0px;
+}
+
+  /* ---- DEVICE TYPE ----  */
+
+  /* --- DESKTOP ---  */
+  .DialogNext_deviceType_desktop.DialogNext_size_s {
+    --dialog-inline-padding: var(--spacing-m);
+    --dialog-block-padding: var(--spacing-m);
+  }
+  .DialogNext_deviceType_desktop.DialogNext_size_m {
+    --dialog-inline-padding: var(--spacing-l);
+    --dialog-block-padding: var(--spacing-l);
+  }
+  /** ---- VIEW TYPE ---- */
+  .DialogNext_viewType_bottomSheet {
+    --dialog-header-size: 32px;
+  }

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

@@ -0,0 +1,13 @@
+import './Dialog.css';
+import './components/DialogModal/DialogModal.css';
+import './components/DialogBottomSheet/DialogBottomSheet.css';
+import './modules/DialogBody/DialogBody.css';
+import './modules/DialogFooter/DialogFooter.css';
+import './modules/DialogFooterButtonsGroup/DialogFooterButtonsGroup.css';
+import './modules/DialogHeader/DialogHeader.css';
+import './modules/DialogSubtitle/DialogSubtitle.css';
+import './modules/DialogTitle/DialogTitle.css';
+import React from 'react';
+import type { DialogProps } from './types';
+export declare const cnDialog: import("@bem-react/classname").ClassNameFormatter;
+export declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = exports.cnDialog = void 0;
+var tslib_1 = require("tslib");
+require("./Dialog.css");
+require("./components/DialogModal/DialogModal.css");
+require("./components/DialogBottomSheet/DialogBottomSheet.css");
+require("./modules/DialogBody/DialogBody.css");
+require("./modules/DialogFooter/DialogFooter.css");
+require("./modules/DialogFooterButtonsGroup/DialogFooterButtonsGroup.css");
+require("./modules/DialogHeader/DialogHeader.css");
+require("./modules/DialogSubtitle/DialogSubtitle.css");
+require("./modules/DialogTitle/DialogTitle.css");
+var react_1 = tslib_1.__importStar(require("react"));
+var useThemeProps_1 = require("../../hooks/useThemeProps");
+var classname_1 = require("../../utils/classname");
+var renderContent_1 = require("../../utils/renderContent");
+var BottomSheetBase_1 = require("../BottomSheetBase");
+var components_1 = require("./components");
+var constants_1 = require("./constants");
+var DialogContext_1 = require("./DialogContext");
+var modules_1 = require("./modules");
+exports.cnDialog = (0, classname_1.cn)('DialogNext');
+exports.Dialog = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'DialogNext',
+    });
+    var children = props.children, _a = props.variant, variant = _a === void 0 ? constants_1.DIALOG_DEFAULT_VARIANT : _a, _b = props.size, size = _b === void 0 ? constants_1.DIALOG_DEFAULT_SIZE : _b, _c = props.deviceType, deviceType = _c === void 0 ? constants_1.DIALOG_DEFAULT_DEVICE_TYPE : _c, _d = props.renderCloseButton, renderCloseButton = _d === void 0 ? react_1.default.createElement(modules_1.DialogCloseButton, null) : _d, open = props.open, _e = props.onClose, onClose = _e === void 0 ? function () { } : _e, classNameProp = props.className, _f = props.hideCloseButton, hideCloseButton = _f === void 0 ? constants_1.DIALOG_DEFAULT_HIDE_CLOSE_BUTTON : _f, modalProps = props.modalProps, bottomSheetProps = props.bottomSheetProps, backdropProps = props.backdropProps, other = tslib_1.__rest(props, ["children", "variant", "size", "deviceType", "renderCloseButton", "open", "onClose", "className", "hideCloseButton", "modalProps", "bottomSheetProps", "backdropProps"]);
+    var viewType = deviceType === 'mobile' &&
+        constants_1.DIALOG_MOBILE_BOTTOM_SHEET_VIEW_VARIANTS.includes(variant)
+        ? 'bottomSheet'
+        : 'modal';
+    var isBottomSheet = viewType === 'bottomSheet';
+    var closeButton = (0, renderContent_1.renderContent)({
+        content: renderCloseButton,
+        props: {},
+    });
+    var className = (0, exports.cnDialog)({
+        deviceType: deviceType,
+        size: size,
+        viewType: viewType,
+    }, [classNameProp]);
+    return (react_1.default.createElement(DialogContext_1.DialogContext.Provider, { value: {
+            onClose: onClose,
+            variant: variant,
+            size: size,
+            deviceType: deviceType,
+            viewType: viewType,
+            isBottomSheet: isBottomSheet,
+        } }, isBottomSheet ? (react_1.default.createElement(components_1.DialogBottomSheet, tslib_1.__assign({ ref: ref, open: open, size: size, variant: variant, closeButton: closeButton, onClose: onClose, hideCloseButton: hideCloseButton, className: className, backdrop: react_1.default.createElement(BottomSheetBase_1.BottomSheetBaseBackdrop, tslib_1.__assign({}, backdropProps)) }, bottomSheetProps, other), children)) : (react_1.default.createElement(components_1.DialogModal, tslib_1.__assign({ ref: ref, open: open, onClose: onClose, hideCloseButton: hideCloseButton, className: className, closeButton: closeButton, size: size, variant: variant, backdropProps: backdropProps }, modalProps, other), children))));
+});
+exports.Dialog.displayName = 'Dialog';

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

@@ -0,0 +1,12 @@
+import type { DialogVariant, DialogDeviceType, DialogSizeVariantByDeviceType, DialogViewType } from './entities';
+export type DialogContextValue<DeviceType extends DialogDeviceType> = {
+    size: DialogSizeVariantByDeviceType[DeviceType];
+    variant: DialogVariant;
+    onClose: () => void;
+    deviceType: DeviceType;
+    viewType: DialogViewType;
+    isBottomSheet: boolean;
+};
+export declare const DialogContextDefaultValue: DialogContextValue<DialogDeviceType>;
+export declare const DialogContext: import("react").Context<DialogContextValue<"mobile" | "desktop">>;
+export declare const useDialogContext: <DeviceType extends DialogDeviceType>() => DialogContextValue<DeviceType>;

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDialogContext = exports.DialogContext = exports.DialogContextDefaultValue = void 0;
+var react_1 = require("react");
+var environment_1 = require("../../constants/environment");
+var constants_1 = require("./constants");
+exports.DialogContextDefaultValue = {
+    size: constants_1.DIALOG_DEFAULT_SIZE,
+    variant: constants_1.DIALOG_DEFAULT_VARIANT,
+    onClose: function () { },
+    deviceType: constants_1.DIALOG_DEFAULT_DEVICE_TYPE,
+    viewType: 'modal',
+    isBottomSheet: false,
+};
+exports.DialogContext = (0, react_1.createContext)(exports.DialogContextDefaultValue);
+var useDialogContext = function () {
+    return (0, react_1.useContext)(exports.DialogContext);
+};
+exports.useDialogContext = useDialogContext;
+// Именованный провайдер
+if (environment_1.IS_DEV) {
+    exports.DialogContext.displayName = 'DialogContext';
+}

package/__inner__/cjs/components/DialogNext/components/DialogBottomSheet/DialogBottomSheet.css

@@ -0,0 +1,33 @@
+.DialogNextBottomSheet {
+  --dialog-bottom-sheet-border-radius: var(--border-radius-xl);
+  --dialog-bottom-sheet-header-padding: 8px;
+}
+
+  .DialogNextBottomSheet-BottomSheet {
+    border-start-start-radius: var(--dialog-bottom-sheet-border-radius);
+    border-start-end-radius: var(--dialog-bottom-sheet-border-radius);
+  }
+
+  .DialogNextBottomSheet-CloseButton {
+    position: absolute;
+    inset-block-start: var(--dialog-bottom-sheet-header-padding);
+    inset-inline-end: var(--dialog-bottom-sheet-header-padding);
+  }
+
+  .DialogNextBottomSheet-Header {
+    position: relative;
+    block-size: var(--dialog-header-size);
+  }
+
+  .DialogNextBottomSheet-Header::before {
+    position: absolute;
+    content: '';
+    display: block;
+    inline-size: 36px;
+    block-size: 4px;
+    inset-block-start: var(--dialog-bottom-sheet-header-padding);
+    inset-inline-start: 50%;
+    transform: translateX(-50%);
+    border-radius: var(--border-radius-2xs);
+    background-color: var(--color-background-tertiary);
+  }

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

@@ -0,0 +1,12 @@
+import './DialogBottomSheet.css';
+import React from 'react';
+export declare const cnDialogBottomSheet: import("@bem-react/classname").ClassNameFormatter;
+export declare const DialogBottomSheet: React.ForwardRefExoticComponent<{
+    open: boolean;
+    size: import("../..").DialogSizeAllVariants;
+    variant: import("../..").DialogVariant;
+    closeButton: React.ReactNode;
+    hideCloseButton: boolean | undefined;
+    className: string | undefined;
+    onClose: (() => void) | undefined;
+} & Omit<Omit<import("../../../BottomSheetBase").BottomSheetBaseProps, "snaps">, "className" | "open" | "onClose" | "size" | "variant" | "hideCloseButton" | "closeButton"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogBottomSheet = exports.cnDialogBottomSheet = void 0;
+var tslib_1 = require("tslib");
+require("./DialogBottomSheet.css");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var BottomSheetBase_1 = require("../../../BottomSheetBase");
+var constants_1 = require("./constants");
+exports.cnDialogBottomSheet = (0, classname_1.cn)('DialogNextBottomSheet');
+exports.DialogBottomSheet = (0, react_1.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, other = tslib_1.__rest(_a, ["children", "open", "closeButton", "onClose", "size", "variant", "className", "hideCloseButton"]);
+    return (react_1.default.createElement(BottomSheetBase_1.BottomSheetBase, tslib_1.__assign({ ref: ref, className: (0, exports.cnDialogBottomSheet)({
+            size: size,
+        }, [className]), bottomSheetClassName: (0, exports.cnDialogBottomSheet)('BottomSheet'), snaps: constants_1.DIALOG_BOTTOM_SHEET_SNAPS_BY_VARIANT[variant], maxHeight: constants_1.DIALOG_BOTTOM_SHEET_MAX_HEIGHT_BY_VARIANT[variant], open: open, onClose: onClose, role: "dialog" }, other),
+        react_1.default.createElement(BottomSheetBase_1.BottomSheetBaseHeader, { className: (0, exports.cnDialogBottomSheet)('Header') }, !hideCloseButton && (react_1.default.createElement("div", { className: (0, exports.cnDialogBottomSheet)('CloseButton') }, closeButton))),
+        children));
+});
+exports.DialogBottomSheet.displayName = 'DialogBottomSheet';

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

@@ -0,0 +1,13 @@
+export declare const DIALOG_BOTTOM_SHEET_DEFAULT_PADDING_TOP = 44;
+export declare const DIALOG_BOTTOM_SHEET_SNAPS_BY_VARIANT: {
+    small: ({ minHeight }: import("../../../BottomSheetBase").BottomSheetBaseGetSnapParams) => number[];
+    medium: ({ minHeight }: import("../../../BottomSheetBase").BottomSheetBaseGetSnapParams) => number[];
+    large: ({ maxHeight }: import("../../../BottomSheetBase").BottomSheetBaseGetSnapParams) => number[];
+    fullscreen: ({ maxHeight }: import("../../../BottomSheetBase").BottomSheetBaseGetSnapParams) => number[];
+};
+export declare const DIALOG_BOTTOM_SHEET_MAX_HEIGHT_BY_VARIANT: {
+    small: ({ maxHeight }: import("../../../BottomSheetBase").BottomSheetBaseGetMaxHeightParams) => number;
+    medium: ({ maxHeight }: import("../../../BottomSheetBase").BottomSheetBaseGetMaxHeightParams) => number;
+    large: ({ maxHeight }: import("../../../BottomSheetBase").BottomSheetBaseGetMaxHeightParams) => number;
+    fullscreen: ({ maxHeight }: import("../../../BottomSheetBase").BottomSheetBaseGetMaxHeightParams) => number;
+};

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

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DIALOG_BOTTOM_SHEET_MAX_HEIGHT_BY_VARIANT = exports.DIALOG_BOTTOM_SHEET_SNAPS_BY_VARIANT = exports.DIALOG_BOTTOM_SHEET_DEFAULT_PADDING_TOP = void 0;
+exports.DIALOG_BOTTOM_SHEET_DEFAULT_PADDING_TOP = 44;
+exports.DIALOG_BOTTOM_SHEET_SNAPS_BY_VARIANT = {
+    small: function (_a) {
+        var minHeight = _a.minHeight;
+        return [minHeight];
+    },
+    medium: function (_a) {
+        var minHeight = _a.minHeight;
+        return [minHeight];
+    },
+    large: function (_a) {
+        var maxHeight = _a.maxHeight;
+        return [
+            maxHeight - exports.DIALOG_BOTTOM_SHEET_DEFAULT_PADDING_TOP,
+        ];
+    },
+    fullscreen: function (_a) {
+        var maxHeight = _a.maxHeight;
+        return [maxHeight];
+    },
+};
+exports.DIALOG_BOTTOM_SHEET_MAX_HEIGHT_BY_VARIANT = {
+    small: function (_a) {
+        var maxHeight = _a.maxHeight;
+        return maxHeight - exports.DIALOG_BOTTOM_SHEET_DEFAULT_PADDING_TOP;
+    },
+    medium: function (_a) {
+        var maxHeight = _a.maxHeight;
+        return maxHeight - exports.DIALOG_BOTTOM_SHEET_DEFAULT_PADDING_TOP;
+    },
+    large: function (_a) {
+        var maxHeight = _a.maxHeight;
+        return maxHeight;
+    },
+    fullscreen: function (_a) {
+        var maxHeight = _a.maxHeight;
+        return maxHeight;
+    },
+};

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

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

package/__inner__/cjs/components/DialogNext/components/DialogBottomSheet/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("./types"), exports);

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

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import type { ExtendableProps } from '../../../../types/ExtendableProps';
+import type { BottomSheetBaseProps } from '../../../BottomSheetBase';
+import type { DialogVariant, DialogSizeAllVariants } from '../../entities';
+import type { DialogRef } from '../../types';
+export type DialogBottomSheetRef = DialogRef;
+export type DialogBottomSheetProps = ExtendableProps<{
+    open: boolean;
+    size: DialogSizeAllVariants;
+    variant: DialogVariant;
+    closeButton: ReactNode;
+    hideCloseButton: boolean | undefined;
+    className: string | undefined;
+    onClose: (() => void) | undefined;
+}, Omit<BottomSheetBaseProps, 'snaps'>>;

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

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

package/__inner__/cjs/components/DialogNext/components/DialogModal/DialogModal.css

@@ -0,0 +1,91 @@
+.DialogNextModal {
+  --dialog-modal-inline-size: 480px;
+  --dialog-modal-max-inline-size: calc(100% - 64px);
+  --dialog-modal-max-block-size: calc(100% - 64px);
+}
+
+  .DialogNextModal .Modal-Window {
+    position: relative;
+    outline: none;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    border: none;
+    padding: 0;
+    inline-size: var(--dialog-modal-max-inline-size);
+    max-inline-size: var(--dialog-modal-inline-size);
+    max-block-size: var(--dialog-modal-max-block-size);
+  }
+
+  .DialogNextModal-InnerContainer {
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    max-block-size: 100%;
+    overflow: auto;
+  }
+
+  .DialogNextModal-CloseButton {
+    position: absolute;
+    inset-block-start: 8px;
+    inset-inline-end: 8px;
+  }
+
+  /* ---- VARIANT ----  */
+
+  .DialogNextModal_variant_medium {
+    --dialog-modal-inline-size: 720px;
+  }
+
+  .DialogNextModal_variant_large {
+    --dialog-modal-inline-size: 960px;
+  }
+
+  .DialogNextModal_variant_fullscreen {
+    --dialog-modal-inline-size: 100%;
+    --dialog-modal-max-inline-size: 100%;
+    --dialog-modal-max-block-size: 100%;
+  }
+
+  .DialogNextModal_variant_fullscreen .Modal-Window {
+      block-size: 100%;
+      border-radius: 0;
+      inset: 0;
+      margin: 0;
+      transform: translate(0, 0);
+    }
+
+
+.DialogNextModal_animation_fullscreen-appear .Modal-Window, .DialogNextModal_animation_fullscreen-enter .Modal-Window {
+      transform: translate(0, 100%);
+    }
+
+
+.DialogNextModal_animation_fullscreen-appear-active .Modal-Window, .DialogNextModal_animation_fullscreen-enter-active .Modal-Window {
+      transition: transform var(--transition-slow);
+      transform: translate(0, 0);
+    }
+
+
+.DialogNextModal_animation_fullscreen-enter-done .Modal-Window {
+      transform: translate(0, 0);
+    }
+
+
+.DialogNextModal_animation_fullscreen-exit .Modal-Window {
+      visibility: visible;
+      transform: translate(0, 0);
+    }
+
+
+.DialogNextModal_animation_fullscreen-exit-active .Modal-Window {
+      visibility: visible;
+      transition: transform var(--transition-slow);
+      transform: translate(0, 100%);
+    }
+
+
+.DialogNextModal_animation_fullscreen-exit-done .Modal-Window {
+      visibility: hidden;
+      transform: translate(0, 100%);
+    }

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogModal = exports.cnDialogModal = void 0;
+var tslib_1 = require("tslib");
+require("./DialogModal.css");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var Modal_1 = require("../../../Modal");
+exports.cnDialogModal = (0, classname_1.cn)('DialogNextModal');
+exports.DialogModal = (0, react_1.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 = tslib_1.__rest(_a, ["children", "open", "closeButton", "onClose", "size", "variant", "className", "hideCloseButton", "windowProps", "transitionProps"]);
+    return (react_1.default.createElement(Modal_1.Modal, tslib_1.__assign({}, other, { open: open, onClose: onClose, windowProps: tslib_1.__assign({ role: 'dialog', radius: size === 's' ? 'l' : 'xl', shadow: 'l' }, windowProps), className: (0, exports.cnDialogModal)({ variant: variant, size: size, hasCloseButton: !hideCloseButton }, [className]), transitionProps: tslib_1.__assign(tslib_1.__assign({}, (variant === 'fullscreen' && {
+            classNames: (0, exports.cnDialogModal)({ animation: 'fullscreen' }),
+        })), transitionProps), ref: ref }),
+        react_1.default.createElement("div", { className: (0, exports.cnDialogModal)('InnerContainer') }, children),
+        !hideCloseButton && (react_1.default.createElement("div", { className: (0, exports.cnDialogModal)('CloseButton') }, closeButton))));
+});
+exports.DialogModal.displayName = 'DialogModal';

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

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

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

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

package/__inner__/cjs/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__/cjs/components/DialogNext/components/DialogModal/types.js

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

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

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

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[]>;