@ozen-ui/kit 0.64.0 → 0.66.0

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

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

@@ -0,0 +1,14 @@
+/* stylelint-disable */
+.DrawerNextTitle {
+  font: var(--typography-heading-2xl-font);
+  letter-spacing: var(--typography-heading-2xl-letter_spacing, 0);
+  text-transform: var(--typography-heading-2xl-text_transform, none);
+  color: var(--color-content-primary);
+  padding-inline-end: var(--drawer-header-item-padding-right);
+  margin: 0;
+}
+.DrawerNextTitle_deviceType_desktop.DrawerNextTitle_size_s {
+    font: var(--typography-heading-xl-font);
+    letter-spacing: var(--typography-heading-xl-letter_spacing, 0);
+    text-transform: var(--typography-heading-xl-text_transform, none);
+  }

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerTitle = exports.cnDrawerTitle = 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.cnDrawerTitle = (0, classname_1.cn)('DrawerNextTitle');
+exports.DrawerTitle = (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("h2", tslib_1.__assign({ ref: ref, className: (0, exports.cnDrawerTitle)({
+            size: size,
+            deviceType: deviceType,
+        }, className) }, other), children));
+});
+exports.DrawerTitle.displayName = 'DrawerTitle';

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+export * from './DrawerBody';
+export * from './DrawerCloseButton';
+export * from './DrawerFooter';
+export * from './DrawerFooterButton';
+export * from './DrawerFooterButtonsGroup';
+export * from './DrawerHeader';
+export * from './DrawerSubtitle';
+export * from './DrawerTitle';

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DrawerBody"), exports);
+tslib_1.__exportStar(require("./DrawerCloseButton"), exports);
+tslib_1.__exportStar(require("./DrawerFooter"), exports);
+tslib_1.__exportStar(require("./DrawerFooterButton"), exports);
+tslib_1.__exportStar(require("./DrawerFooterButtonsGroup"), exports);
+tslib_1.__exportStar(require("./DrawerHeader"), exports);
+tslib_1.__exportStar(require("./DrawerSubtitle"), exports);
+tslib_1.__exportStar(require("./DrawerTitle"), exports);

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

@@ -0,0 +1,30 @@
+import type { RenderContentType } from '../../utils/renderContent';
+import type { ModalProps, ModalRef } from '../Modal';
+import type { DRAWER_DEFAULT_DEVICE_TYPE } from './constants';
+import type { DrawerDeviceType, DrawerPlacementVariant, DrawerSizeVariantByDeviceType, DrawerVariant } from './entities';
+export type DrawerRef = ModalRef;
+export type DrawerRenderCloseButton = RenderContentType<{}>['content'];
+export type DrawerBaseProps = {
+    /** Вариант представления шторки */
+    variant?: DrawerVariant;
+    /** Расположение шторки */
+    placement?: DrawerPlacementVariant;
+    /** Признак по которому кнопка закрытия шторки будет скрыта */
+    hideCloseButton?: boolean;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+    /** Кнопка закрытия */
+    renderCloseButton?: DrawerRenderCloseButton;
+} & ModalProps;
+export type DrawerDeviceTypeProps<DeviceType extends DrawerDeviceType | undefined> = DrawerBaseProps & (DeviceType extends DrawerDeviceType ? {
+    /** Размер */
+    size?: DrawerSizeVariantByDeviceType[DeviceType];
+    /** Тип устройства */
+    deviceType: DeviceType;
+} : {
+    /** Размер */
+    size?: DrawerSizeVariantByDeviceType[typeof DRAWER_DEFAULT_DEVICE_TYPE];
+    /** Тип устройства */
+    deviceType?: undefined;
+});
+export type DrawerProps = DrawerDeviceTypeProps<'mobile'> | DrawerDeviceTypeProps<'desktop'> | DrawerDeviceTypeProps<undefined>;

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

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

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

@@ -0,0 +1,8 @@
+import type { PaperRadiusVariant } from '../Paper';
+import type { DrawerDeviceType, DrawerValueBySize, DrawerVariant } from './entities';
+export declare const maxWidthByVariant: Readonly<{
+    [key in DrawerVariant]: number;
+}>;
+export declare const paperRadiusBySize: Readonly<{
+    [key in DrawerDeviceType]: DrawerValueBySize<key, PaperRadiusVariant>;
+}>;

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paperRadiusBySize = exports.maxWidthByVariant = void 0;
+exports.maxWidthByVariant = {
+    little: 320,
+    medium: 480,
+    large: 640,
+};
+exports.paperRadiusBySize = {
+    mobile: {
+        m: 'xl',
+    },
+    desktop: {
+        s: 'l',
+        m: 'xl',
+    },
+};

package/__inner__/cjs/components/FormGroup/types.d.ts

@@ -13,5 +13,7 @@ export type FormGroupBaseProps = {
     children?: ReactNode;
     /** Направление */
     direction?: FormGroupDirectionVariant;
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
 };
 export type FormGroupProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<FormGroupBaseProps, As>;

package/__inner__/cjs/components/FormTitle/FormTitle.d.ts

@@ -5,6 +5,7 @@ import { type PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphi
 export type FormTitleBaseProps = {
     /** Размер — влияет на размер шрифта и отступы заголовка */
     size?: FormElementSizeVariant;
+    'data-testid'?: string;
 };
 export type FormTitleProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<FormTitleBaseProps, As>;
 export declare const cnFormTitle: import("@bem-react/classname").ClassNameFormatter;

package/__inner__/cjs/components/IconButtonNext/types.d.ts

@@ -8,6 +8,7 @@ export declare const iconButtonColorVariant: readonly ["primary", "secondary", "
 export declare const iconButtonVariant: readonly ["contained", "contained-additional", "ghost", "function", "floating"];
 export type IconButtonVariant = (typeof iconButtonVariant)[number];
 export type IconButtonColorVariant = (typeof iconButtonColorVariant)[number];
+export type IconButtonSize = FormElementSizeVariant;
 export type IconButtonIcon = RenderContentType<IconProps>['content'];
 export type IconButtonBaseProps = {
     /** Иконка */
@@ -15,7 +16,7 @@ export type IconButtonBaseProps = {
     /** Вариант представления компонента */
     variant?: IconButtonVariant;
     /** Размер */
-    size?: FormElementSizeVariant;
+    size?: IconButtonSize;
     /** Основной цвет компонента */
     color?: IconButtonColorVariant;
     /** Цвет иконки кнопки */
@@ -30,6 +31,8 @@ export type IconButtonBaseProps = {
     className?: string;
     /** Если `true` делает компонент круглым  */
     rounded?: boolean;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
     children?: never;
 };
 export type IconButtonProps<As extends ElementType = typeof ICON_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<IconButtonBaseProps, As>;

package/__inner__/cjs/components/IconButtonNext/utils.d.ts

@@ -1,5 +1,5 @@
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { LoaderSizeVariant } from '../Loader';
+import type { IconButtonSize } from './types';
 export declare const loaderSizeMapper: {
-    [key in FormElementSizeVariant]: LoaderSizeVariant;
+    [key in IconButtonSize]: LoaderSizeVariant;
 };

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

@@ -2,7 +2,7 @@ import type { StackGapVariant } from '../Stack';
 import type { InputOTPAutoCompleteMode, InputOTPSizeVariant } from './types';
 export declare const INPUT_OTP_DEFAULT_TAG = "div";
 export declare const INPUT_OTP_DEFAULT_AUTO_COMPLETE_MODE: InputOTPAutoCompleteMode;
-export declare const INPUT_OTP_DEFAULT_DISABLE_STROKE = false;
+export declare const INPUT_OTP_DEFAULT_DISABLE_STROKE: boolean;
 export declare const INPUT_OTP_DEFAULT_SIZE: InputOTPSizeVariant;
 export declare const INPUT_OTP_SPACING_BY_SIZE: Readonly<Record<InputOTPSizeVariant, StackGapVariant>>;
 export declare const INPUT_OTP_DEFAULT_FINISH_BEHAVIOR: ({ isFullFilled }: import("./types").InputOTPFinishBehaviorContext) => boolean;

package/__inner__/cjs/components/Modal/Modal.d.ts

@@ -20,9 +20,7 @@ export declare const Modal: React.ForwardRefExoticComponent<{
     transitionProps?: Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
         "data-testid"?: string;
     };
-    windowProps?: import("../Paper").PaperProps & {
-        "data-testid"?: string;
-    };
+    windowProps?: import("../Paper").PaperProps;
     className?: string;
     'data-testid'?: string;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];

package/__inner__/cjs/components/Modal/types.d.ts

@@ -42,9 +42,7 @@ export type ModalProps = {
         'data-testid'?: string;
     };
     /** Свойства окна с контентом */
-    windowProps?: PaperProps & {
-        'data-testid'?: string;
-    };
+    windowProps?: PaperProps;
     /** Кастомный класс контейнера модального окна */
     className?: string;
     /** Идентификатор компонента для тестов */

package/__inner__/cjs/components/Paper/types.d.ts

@@ -14,6 +14,8 @@ export type PaperBaseProps = {
     background?: PaperBackgroundVariant;
     /** Тень */
     shadow?: PaperShadowVariant;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
 };
 export type PaperProps<As extends ElementType = typeof PAPER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<PaperBaseProps, As>;
 export type PaperRef = ComponentRef<typeof PAPER_DEFAULT_TAG>;