@ozen-ui/kit 0.65.0 → 0.67.0

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

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

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

@@ -0,0 +1,2 @@
+export declare const drawerVariant: readonly ["little", "medium", "large"];
+export type DrawerVariant = (typeof drawerVariant)[number];

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

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

package/__inner__/cjs/components/DrawerNext/hooks/index.d.ts

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

package/__inner__/cjs/components/DrawerNext/hooks/index.js

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

package/__inner__/cjs/components/DrawerNext/hooks/useDrawerWidth.d.ts

@@ -0,0 +1,7 @@
+import type { DrawerVariant } from '../entities';
+export declare const useDrawerWidth: ({ variant }: {
+    variant: DrawerVariant;
+}) => {
+    isFullWidth: boolean;
+    maxWidth: number;
+};

package/__inner__/cjs/components/DrawerNext/hooks/useDrawerWidth.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawerWidth = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var environment_1 = require("../../../constants/environment");
+var useEventListener_1 = require("../../../hooks/useEventListener");
+var utils_1 = require("../utils");
+var useDrawerWidth = function (_a) {
+    var variant = _a.variant;
+    var currentMaxWidth = utils_1.maxWidthByVariant[variant];
+    var checkIsFullWidth = function () {
+        if (environment_1.isServer) {
+            return false;
+        }
+        return currentMaxWidth >= window.innerWidth;
+    };
+    var _b = tslib_1.__read((0, react_1.useState)(function () { return checkIsFullWidth(); }), 2), isFullWidth = _b[0], setIsFullWidth = _b[1];
+    var recalculateIsFullWidth = function () {
+        setIsFullWidth(checkIsFullWidth());
+    };
+    (0, useEventListener_1.useEventListener)({
+        eventName: 'resize',
+        handler: function () {
+            recalculateIsFullWidth();
+        },
+    });
+    (0, react_1.useEffect)(function () {
+        recalculateIsFullWidth();
+    }, []);
+    return {
+        isFullWidth: isFullWidth,
+        maxWidth: currentMaxWidth,
+    };
+};
+exports.useDrawerWidth = useDrawerWidth;

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

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

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

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerBody/DrawerBody.css

@@ -0,0 +1,20 @@
+.DrawerNextBody {
+  --drawer-body-first-child-margin-top: var(--spacing-3xl);
+  padding-inline: var(--drawer-inline-padding);
+  flex-grow: 1;
+  overflow: auto;
+}
+
+  .DrawerNextBody:first-child {
+    margin-block-start: var(--drawer-body-first-child-margin-top);
+  }
+
+  .DrawerNextBody:last-child {
+    margin-block-end: var(--drawer-block-padding);
+  }
+
+  /* ---- DEVICE TYPE ---- */
+
+  .DrawerNextBody_deviceType_desktop.DrawerNextBody_size_s {
+    --drawer-body-first-child-margin-top: var(--spacing-xl);
+  }

package/__inner__/cjs/components/DrawerNext/modules/DrawerBody/DrawerBody.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerBody/DrawerBody.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerBody/index.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerBody/index.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerBody/types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type DrawerBodyRef = ComponentRef<'div'>;
+export type DrawerBodyProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'div'>;

package/__inner__/cjs/components/DrawerNext/modules/DrawerBody/types.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerCloseButton/DrawerCloseButton.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerCloseButton/DrawerCloseButton.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerCloseButton = exports.cnDrawerCloseButton = 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 DrawerContext_1 = require("../../DrawerContext");
+var constants_1 = require("./constants");
+exports.cnDrawerCloseButton = (0, classname_1.cn)('DrawerNextCloseButton');
+exports.DrawerCloseButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var _b = _a.as, as = _b === void 0 ? constants_1.DRAWER_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 ? 'ghost' : _d, _e = _a.name, name = _e === void 0 ? 'close' : _e, other = tslib_1.__rest(_a, ["as", "className", "onClick", "icon", "variant", "name"]);
+    var _f = (0, DrawerContext_1.useDrawerContext)(), size = _f.size, onClose = _f.onClose;
+    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.cnDrawerCloseButton)('', [className]), onClick: onClick, icon: icon, compressed: true }, other)));
+});

package/__inner__/cjs/components/DrawerNext/modules/DrawerCloseButton/constants.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerCloseButton/constants.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerCloseButton/index.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerCloseButton/index.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerCloseButton/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 { DRAWER_CLOSE_BUTTON_DEFAULT_TAG } from './constants';
+export type DrawerCloseButtonBaseProps = WithPartial<Omit<IconButtonBaseProps, 'size'>, 'icon'>;
+export type DrawerCloseButtonProps<As extends ElementType = typeof DRAWER_CLOSE_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<DrawerCloseButtonBaseProps, As>;

package/__inner__/cjs/components/DrawerNext/modules/DrawerCloseButton/types.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooter/DrawerFooter.css

@@ -0,0 +1,21 @@
+.DrawerNextFooter {
+  display: flex;
+  padding-inline: var(--drawer-inline-padding);
+  padding-block: var(--drawer-blocks-gap) var(--drawer-block-padding);
+  margin-block-start: auto;
+}
+
+  /* ---- MODE ---- */
+  .DrawerNextFooter_mode_start {
+    justify-content: flex-start;
+  }
+  .DrawerNextFooter_mode_end {
+    justify-content: flex-end;
+  }
+  .DrawerNextFooter_mode_space-between {
+    justify-content: space-between;
+  }
+  /* ---- DEVICE TYPE ---- */
+  .DrawerNextFooter_deviceType_mobile {
+    flex-direction: column;
+  }

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooter/DrawerFooter.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooter/DrawerFooter.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerFooter = exports.cnDrawerFooter = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var DrawerContext_1 = require("../../DrawerContext");
+var constants_1 = require("./constants");
+exports.cnDrawerFooter = (0, classname_1.cn)('DrawerNextFooter');
+exports.DrawerFooter = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.mode, mode = _b === void 0 ? constants_1.DRAWER_FOOTER_DEFAULT_MODE : _b, other = tslib_1.__rest(_a, ["children", "className", "mode"]);
+    var deviceType = (0, DrawerContext_1.useDrawerContext)().deviceType;
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, exports.cnDrawerFooter)({
+            mode: mode,
+            deviceType: deviceType,
+        }, [className]) }, other), children));
+});
+exports.DrawerFooter.displayName = 'DrawerFooter';

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooter/constants.d.ts

@@ -0,0 +1 @@
+export declare const DRAWER_FOOTER_DEFAULT_MODE = "end";

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooter/constants.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooter/entities/index.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooter/entities/index.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooter/entities/mode.d.ts

@@ -0,0 +1,2 @@
+export declare const drawerFooterMode: readonly ["start", "end", "space-between"];
+export type DrawerFooterMode = (typeof drawerFooterMode)[number];

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooter/entities/mode.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.drawerFooterMode = void 0;
+exports.drawerFooterMode = ['start', 'end', 'space-between'];

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooter/index.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooter/index.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooter/types.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { DrawerFooterMode } from './entities';
+export type DrawerFooterRef = ComponentRef<'div'>;
+export type DrawerFooterProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Режим отображения */
+    mode?: DrawerFooterMode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'div'>;

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooter/types.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooterButton/DrawerFooterButton.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooterButton/DrawerFooterButton.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerFooterButton = exports.cnDrawerFooterButton = 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 DrawerContext_1 = require("../../DrawerContext");
+exports.cnDrawerFooterButton = (0, classname_1.cn)('DrawerNextFooterButton');
+exports.DrawerFooterButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var as = _a.as, children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["as", "children", "className"]);
+    var size = (0, DrawerContext_1.useDrawerContext)().size;
+    return (react_1.default.createElement(ButtonNext_1.Button, tslib_1.__assign({}, other, { as: as, ref: ref, size: size, className: (0, exports.cnDrawerFooterButton)('', [className]) }), children));
+});

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooterButton/constants.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooterButton/constants.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooterButton/index.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooterButton/index.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooterButton/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 { DRAWER_FOOTER_BUTTON_DEFAULT_TAG } from './constants';
+export type DrawerFooterButtonBaseProps = Omit<ButtonBaseProps, 'size'>;
+export type DrawerFooterButtonProps<As extends ElementType = typeof DRAWER_FOOTER_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<DrawerFooterButtonBaseProps, As>;

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooterButton/types.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooterButtonsGroup/DrawerFooterButtonsGroup.css

@@ -0,0 +1,13 @@
+.DrawerNextFooterButtonsGroup {
+  --drawer-footer-button-gap: var(--spacing-s);
+  display: flex;
+  gap: var(--drawer-footer-button-gap);
+}
+
+  /* ---- DEVICE TYPE ---- */
+  .DrawerNextFooterButtonsGroup_deviceType_desktop.DrawerNextFooterButtonsGroup_size_s {
+    --drawer-footer-button-gap: var(--spacing-xs);
+  }
+  .DrawerNextFooterButtonsGroup_deviceType_mobile {
+    flex-direction: column;
+  }

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooterButtonsGroup/DrawerFooterButtonsGroup.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooterButtonsGroup/DrawerFooterButtonsGroup.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooterButtonsGroup/index.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooterButtonsGroup/index.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooterButtonsGroup/types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type DrawerFooterButtonsGroupRef = ComponentRef<'div'>;
+export type DrawerFooterButtonsGroupProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'div'>;

package/__inner__/cjs/components/DrawerNext/modules/DrawerFooterButtonsGroup/types.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerHeader/DrawerHeader.css

@@ -0,0 +1,14 @@
+.DrawerNextHeader {
+  --drawer-header-padding-bottom: var(--drawer-blocks-gap);
+  padding-inline: var(--drawer-inline-padding);
+  padding-block: var(--drawer-block-padding) var(--drawer-header-padding-bottom);
+}
+
+
+  /* ---- DEVICE TYPE ---- */
+  .DrawerNextHeader_deviceType_desktop.DrawerNextHeader_size_s {
+    --drawer-header-padding-bottom: var(--spacing-s);
+  }
+  .DrawerNextHeader_deviceType_desktop.DrawerNextHeader_size_m {
+    --drawer-header-padding-bottom: var(--spacing-m);
+  }

package/__inner__/cjs/components/DrawerNext/modules/DrawerHeader/DrawerHeader.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerHeader/DrawerHeader.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerHeader/index.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerHeader/index.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerHeader/types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type DrawerHeaderRef = ComponentRef<'div'>;
+export type DrawerHeaderProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'div'>;

package/__inner__/cjs/components/DrawerNext/modules/DrawerHeader/types.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerSubtitle/DrawerSubtitle.css

@@ -0,0 +1,22 @@
+/* stylelint-disable */
+.DrawerNextSubtitle {
+  --drawer-subtitle-gap: var(--spacing-2xs);
+
+  font: var(--typography-text-l-font);
+
+  letter-spacing: var(--typography-text-l-letter_spacing, 0);
+
+  text-transform: var(--typography-text-l-text_transform, none);
+  color: var(--color-content-secondary);
+  margin-block-start: var(--drawer-subtitle-gap);
+  padding-inline-end: var(--drawer-header-item-padding-right);
+}
+.DrawerNextSubtitle_deviceType_desktop.DrawerNextSubtitle_size_s {
+    --drawer-subtitle-gap: var(--spacing-3xs);
+
+    font: var(--typography-text-s-font);
+
+    letter-spacing: var(--typography-text-s-letter_spacing, 0);
+
+    text-transform: var(--typography-text-s-text_transform, none);
+  }

package/__inner__/cjs/components/DrawerNext/modules/DrawerSubtitle/DrawerSubtitle.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerSubtitle/DrawerSubtitle.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerSubtitle/index.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerSubtitle/index.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerSubtitle/types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type DrawerSubtitleRef = ComponentRef<'div'>;
+export type DrawerSubtitleProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'div'>;

package/__inner__/cjs/components/DrawerNext/modules/DrawerSubtitle/types.js

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