@ozen-ui/kit 0.64.0 → 0.66.0

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

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

package/__inner__/esm/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__/esm/components/DrawerNext/modules/DrawerCloseButton/DrawerCloseButton.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 { useDrawerContext } from '../../DrawerContext';
+import { DRAWER_CLOSE_BUTTON_DEFAULT_TAG } from './constants';
+export var cnDrawerCloseButton = cn('DrawerNextCloseButton');
+export var DrawerCloseButton = polymorphicComponentWithRef(function (_a, ref) {
+    var _b = _a.as, as = _b === void 0 ? DRAWER_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 ? 'ghost' : _d, _e = _a.name, name = _e === void 0 ? 'close' : _e, other = __rest(_a, ["as", "className", "onClick", "icon", "variant", "name"]);
+    var _f = useDrawerContext(), size = _f.size, onClose = _f.onClose;
+    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: cnDrawerCloseButton('', [className]), onClick: onClick, icon: icon, compressed: true }, other)));
+});

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { useDrawerContext } from '../../DrawerContext';
+import { DRAWER_FOOTER_DEFAULT_MODE } from './constants';
+export var cnDrawerFooter = cn('DrawerNextFooter');
+export var DrawerFooter = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.mode, mode = _b === void 0 ? DRAWER_FOOTER_DEFAULT_MODE : _b, other = __rest(_a, ["children", "className", "mode"]);
+    var deviceType = useDrawerContext().deviceType;
+    return (React.createElement("div", __assign({ ref: ref, className: cnDrawerFooter({
+            mode: mode,
+            deviceType: deviceType,
+        }, [className]) }, other), children));
+});
+DrawerFooter.displayName = 'DrawerFooter';

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

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

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

@@ -0,0 +1 @@
+export var DRAWER_FOOTER_DEFAULT_MODE = 'end';

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

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

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

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

package/__inner__/esm/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__/esm/components/DrawerNext/modules/DrawerFooter/entities/mode.js

@@ -0,0 +1 @@
+export var drawerFooterMode = ['start', 'end', 'space-between'];

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { cn } from '../../../../utils/classname';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { Button } from '../../../ButtonNext';
+import { useDrawerContext } from '../../DrawerContext';
+export var cnDrawerFooterButton = cn('DrawerNextFooterButton');
+export var DrawerFooterButton = polymorphicComponentWithRef(function (_a, ref) {
+    var as = _a.as, children = _a.children, className = _a.className, other = __rest(_a, ["as", "children", "className"]);
+    var size = useDrawerContext().size;
+    return (React.createElement(Button, __assign({}, other, { as: as, ref: ref, size: size, className: cnDrawerFooterButton('', [className]) }), children));
+});

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { useDrawerContext } from '../../DrawerContext';
+export var cnDrawerFooterButtonGroup = cn('DrawerNextFooterButtonsGroup');
+export var DrawerFooterButtonsGroup = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    var _b = useDrawerContext(), size = _b.size, deviceType = _b.deviceType;
+    return (React.createElement("div", __assign({ ref: ref, className: cnDrawerFooterButtonGroup({
+            size: size,
+            deviceType: deviceType,
+        }, [className]) }, other), children));
+});
+DrawerFooterButtonsGroup.displayName = 'DrawerFooterButtonsGroup';

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { useDrawerContext } from '../../DrawerContext';
+export var cnDrawerHeader = cn('DrawerNextHeader');
+export var DrawerHeader = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    var _b = useDrawerContext(), size = _b.size, deviceType = _b.deviceType;
+    return (React.createElement("div", __assign({ ref: ref, className: cnDrawerHeader({
+            size: size,
+            deviceType: deviceType,
+        }, [className]) }, other), children));
+});
+DrawerHeader.displayName = 'DrawerHeader';

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { useDrawerContext } from '../../DrawerContext';
+export var cnDrawerSubtitle = cn('DrawerNextSubtitle');
+export var DrawerSubtitle = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    var _b = useDrawerContext(), size = _b.size, deviceType = _b.deviceType;
+    return (React.createElement("div", __assign({ ref: ref, className: cnDrawerSubtitle({
+            size: size,
+            deviceType: deviceType,
+        }, [className]) }, other), children));
+});
+DrawerSubtitle.displayName = 'DrawerSubtitle';

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { useDrawerContext } from '../../DrawerContext';
+export var cnDrawerTitle = cn('DrawerNextTitle');
+export var DrawerTitle = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    var _b = useDrawerContext(), size = _b.size, deviceType = _b.deviceType;
+    return (React.createElement("h2", __assign({ ref: ref, className: cnDrawerTitle({
+            size: size,
+            deviceType: deviceType,
+        }, className) }, other), children));
+});
+DrawerTitle.displayName = 'DrawerTitle';

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

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

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

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

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

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

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

@@ -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__/esm/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__/esm/components/DrawerNext/types.js

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

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

@@ -0,0 +1,14 @@
+export var maxWidthByVariant = {
+    little: 320,
+    medium: 480,
+    large: 640,
+};
+export var paperRadiusBySize = {
+    mobile: {
+        m: 'xl',
+    },
+    desktop: {
+        s: 'l',
+        m: 'xl',
+    },
+};

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