@cloud-ru/ds-drawer 1.1.2-preview-86f06def.0 → 1.2.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 1.2.0 (2026-09-10)
+
+### Features
+
+- **FF-8978:** expose truncate prop on Drawer header ([f2de71d](https://github.com/cloud-ru-tech/snack-v2/commit/f2de71d976205a9b78d7a93f60a16592801ff26e))
+
 ## 1.1.1 (2026-09-01)
 
 **Note:** Version bump only for package @ds/drawer

package/README.md

@@ -252,7 +252,7 @@ export function NestedDrawer() {
 | `data-test-id` | `string` | — |  |
 | `disableMotions` | `boolean` | `false` | Отключить анимации |
 | `footer` | `(ReactElement<any, string \| JSXElementConstructor<any>> & (string \| number \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<...> \| ReactPortal \| null))` | — | Футер <br/> Произвольный футер. Приоритетнее `approveButton` / `cancelButton` / `additionalButton`. |
-| `footerActionsOrientation` | `"horizontal"` \| `"vertical"` | `'horizontal'` | Ориентация кнопок футера. Игнорируется при заданном `footer`. Без значения раскладку <br/> выбирает поверхность: два действия — в строку, три — стопкой. |
+| `footerActionsOrientation` | `"horizontal"` \| `"vertical"` | `'horizontal'` | Ориентация кнопок футера. Применяется только при двух кнопках; игнорируется при заданном `footer`. |
 | `heightAuto` | `boolean` | `false` | Высота панели по контенту (только при `position: "top" \| "bottom"`). |
 | `media` | `ReactNode` | — | Медиа-контент |
 | `nestedDrawer` | `DrawerProps` | — | Вложенный Drawer |
@@ -272,8 +272,9 @@ export function NestedDrawer() {
 | `subtitle` | `ReactNode` | — | Текстовая строка-подзаголовок под title. |
 | `swipeEnabled` | `boolean` | `true` | Включает swipe-down для закрытия / swipe-up для раскрытия на следующий snap-point. <br/> При `swipeEnabled=false` snap-point по-прежнему можно переключить через controlled `snapIndex` prop'ом. |
 | `title` | `ReactNode` | — | Заголовок. Типографика зависит от поверхности: `title-l` на sheet, `headline-s` на window (modal/drawer). |
+| `truncate` | `{ title?: number; subtitle?: number; } \| undefined` | — | Усечение строковых `title`/`subtitle` через `TruncateString` (число строк). Применяется только <br/> когда задано — по умолчанию текст не усекается. Актуально для window-поверхности (modal/drawer), <br/> где длинный заголовок иначе переносится на несколько строк. |
 | `width` | `Width` | `'s'` | Ширина (только при position: "left" \| "right") |
-| `withDividers` | `boolean` | `true` | Только mobile: разделители между шапкой/контентом/футером sheet'а. |
+| `withDividers` | `boolean` | `false` | Только mobile: разделители между шапкой/контентом/футером sheet'а. |
 
 ##### Related types
 
@@ -293,7 +294,7 @@ export function NestedDrawer() {
 | `data-test-id` | `string \| undefined` | — |  |
 | `disableMotions` | `boolean \| undefined` | — | Отключить анимации |
 | `footer` | `(ReactElement<any, string \| JSXElementConstructor<any>> & (string \| number \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| null)) \| undefined` | — | Футер <br/> Произвольный футер. Приоритетнее `approveButton` / `cancelButton` / `additionalButton`. |
-| `footerActionsOrientation` | `"horizontal"` \| `"vertical"` | — | Ориентация кнопок футера. Игнорируется при заданном `footer`. Без значения раскладку <br/> выбирает поверхность: два действия — в строку, три — стопкой. |
+| `footerActionsOrientation` | `"horizontal"` \| `"vertical"` | — | Ориентация кнопок футера. Применяется только при двух кнопках; игнорируется при заданном `footer`. |
 | `heightAuto` | `boolean \| undefined` | — | Высота панели по контенту (только при `position: "top" \| "bottom"`). |
 | `media` | `string \| number \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| null \| undefined` | — | Медиа-контент |
 | `nestedDrawer` | `DrawerProps` | — | Вложенный Drawer |
@@ -313,6 +314,7 @@ export function NestedDrawer() {
 | `subtitle` | `string \| number \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| null \| undefined` | — | Текстовая строка-подзаголовок под title. |
 | `swipeEnabled` | `boolean \| undefined` | — | Включает swipe-down для закрытия / swipe-up для раскрытия на следующий snap-point. <br/> При `swipeEnabled=false` snap-point по-прежнему можно переключить через controlled `snapIndex` prop'ом. |
 | `title` | `string \| number \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| null \| undefined` | — | Заголовок. Типографика зависит от поверхности: `title-l` на sheet, `headline-s` на window (modal/drawer). |
+| `truncate` | `{ title?: number; subtitle?: number; } \| undefined` | — | Усечение строковых `title`/`subtitle` через `TruncateString` (число строк). Применяется только <br/> когда задано — по умолчанию текст не усекается. Актуально для window-поверхности (modal/drawer), <br/> где длинный заголовок иначе переносится на несколько строк. |
 | `width` | `Width` | — | Ширина (только при position: "left" \| "right") |
 | `withDividers` | `boolean \| undefined` | — | Только mobile: разделители между шапкой/контентом/футером sheet'а. |
 
@@ -325,7 +327,7 @@ export function NestedDrawer() {
 `Drawer` — адаптивный компонент с переключением поверхности (surface-swap). Раскладку он берёт из `AdaptiveProvider` (контекст `@cloud-ru/ds-adaptive`); публичный API единый для обеих платформ:
 
 - **desktop** (по умолчанию) — панель, выезжающая со стороны экрана (`left`/`right`/`top`/`bottom`).
-- **mobile** — контент рендерится в `BottomSheet` из `@cloud-ru/ds-bottom-sheet` (панель снизу со свайпом для закрытия). По умолчанию sheet раскрыт на весь вьюпорт (`snapPoints={[1]}`, константа `MOBILE_SNAP_POINTS_DEFAULT`); другую высоту задаёт свой `snapPoints` — например `['fit-content']` по высоте контента или `[0.5, 1]` с раскрытием свайпом.
+- **mobile** — контент рендерится в `BottomSheet` из `@cloud-ru/ds-bottom-sheet` (панель снизу со свайпом для закрытия).
 
 Верстайте под desktop и поставьте один `<AdaptiveProvider>` в корне приложения — mobile-поверхность включается автоматически (desktop-first). Пропа `layoutType` у компонента нет: источник раскладки — только контекст.
 
@@ -358,7 +360,6 @@ export function NestedDrawer() {
 | `position`, `width`, `heightAuto`, `nestedDrawer` | используется | игнорируется |
 | `title`, `subtitle`, `slotAfterTitle`, `onBackButtonClick`, `media`, `content`, `footer` | используется | используется |
 | `open`, `onClose`, `showBlackout`, `container`, `closeOnPopstate`, `className`, `rootClassName` | используется | используется |
-| `swipeEnabled`, `snapPoints`, `snapIndex`, `onSnapIndexChange`, `safeArea`, `withDividers` | игнорируется | используется |
 
 Подробнее о модели адаптивности — **Adaptive**.
 

package/dist/cjs/components/Drawer/types.d.ts

@@ -6,15 +6,14 @@ import { DrawerCustomProps } from '../DrawerCustom';
 /**
  * Адаптивный Drawer: desktop — боковая/верхняя/нижняя панель, `mobile` — `BottomSheet`.
  *
- * Только desktop: `position`, `width`, `heightAuto`, `nestedDrawer` (на mobile игнорируются).
+ * Только desktop: `position`, `width`, `heightAuto`, `nestedDrawer`, `truncate` (на mobile игнорируются).
  * Только mobile: `swipeEnabled`, `snapPoints`, `snapIndex`, `onSnapIndexChange`, `safeArea`, `withDividers`
- * (на desktop-панели игнорируются — это анатомия `BottomSheet`). `snapPoints` по умолчанию —
- * `MOBILE_SNAP_POINTS_DEFAULT` (`[1]`): sheet открывается на весь вьюпорт.
+ * (на desktop-панели игнорируются — это анатомия `BottomSheet`).
  */
-export type DrawerProps = WithSupportProps<Omit<DrawerCustomProps, 'nestedDrawer' | 'push' | 'resizable'> & Pick<BottomSheetProps, 'swipeEnabled' | 'snapPoints' | 'snapIndex' | 'onSnapIndexChange' | 'safeArea'> & Pick<DialogHeaderProps, 'title' | 'slotAfterTitle' | 'slotSecondTitle' | 'onBackButtonClick'> & Pick<DialogBodyProps, 'content'> & {
+export type DrawerProps = WithSupportProps<Omit<DrawerCustomProps, 'nestedDrawer' | 'push' | 'resizable'> & Pick<BottomSheetProps, 'swipeEnabled' | 'snapPoints' | 'snapIndex' | 'onSnapIndexChange' | 'safeArea'> & Pick<DialogHeaderProps, 'title' | 'slotAfterTitle' | 'slotSecondTitle' | 'onBackButtonClick' | 'truncate'> & Pick<DialogBodyProps, 'content'> & {
     /** Ссылка на скроллируемый контейнер контента (например, для дозагрузки по скроллу). */
     contentRef?: Ref<HTMLElement>;
-    /** Только mobile: разделители между шапкой/контентом/футером sheet'а. @default true */
+    /** Только mobile: разделители между шапкой/контентом/футером sheet'а. @default false */
     withDividers?: boolean;
     /** Текстовая строка-подзаголовок под title. */
     subtitle?: ReactNode;
@@ -29,8 +28,7 @@ export type DrawerProps = WithSupportProps<Omit<DrawerCustomProps, 'nestedDrawer
     /** Дополнительная (третья) кнопка — пропсы `Button` (дефолт `view='simple'`, `appearance='neutral'`). */
     additionalButton?: BottomSheetActionButton;
     /**
-     * Ориентация кнопок футера. Игнорируется при заданном `footer`. Без значения раскладку
-     * выбирает поверхность: два действия — в строку, три — стопкой.
+     * Ориентация кнопок футера. Применяется только при двух кнопках; игнорируется при заданном `footer`.
      * @default 'horizontal'
      */
     footerActionsOrientation?: FooterActionsOrientation;

package/dist/cjs/components/DrawerCustom/DrawerCustom.d.ts

@@ -1,9 +1,8 @@
 import { DialogBody, DialogBodyProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps } from '../../helperComponents';
 import { DrawerCustomProps } from './types';
 /**
- * Адаптивный low-level `DrawerCustom`: на `mobile` — `BottomSheetCustom` (по умолчанию —
- * full-screen, см. `MOBILE_SNAP_POINTS_DEFAULT`), иначе — `DrawerFrame`. Композиция одна
- * (surface-aware слоты `.Header/.Body/.Footer`). Форс — `withLayoutType`.
+ * Адаптивный low-level `DrawerCustom`: на `mobile` — `BottomSheetCustom`, иначе — `DrawerFrame`.
+ * Композиция одна (surface-aware слоты `.Header/.Body/.Footer`). Форс — `withLayoutType`.
  */
 export declare function DrawerCustom(props: DrawerCustomProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace DrawerCustom {

package/dist/cjs/components/DrawerCustom/DrawerCustom.js

@@ -62,14 +62,13 @@ function DrawerFrame(props) {
         }, size: isPredefinedWidth ? 'null' : width, ...(0, utils_1.extractSupportProps)(rest), "data-content-wrapper": true, "data-position": position, "data-width": isPredefinedWidth ? width : undefined, "data-height-auto": heightAutoVertical ? true : undefined, "data-acrylic-appearance": 'neutral', "data-acrylic-level": '1Level', prefixCls: styles_module_scss_1.default.prefixCls, ...(disableMotions ? {} : constants_2.motionProps), children: (0, jsx_runtime_1.jsxs)(react_remove_scroll_1.RemoveScroll, { enabled: showBlackout || outerScrollLock, removeScrollBar: false, ref: focusTrapRef, className: styles_module_scss_1.default.scrollLock, children: [showButtonClosed && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.showButtonClosedWrapper, children: (0, jsx_runtime_1.jsx)(popup_private_1.PopupCloseButton, { className: styles_module_scss_1.default.showButtonClosed, "aria-label": 'close drawer', "data-test-id": constants_1.TEST_IDS.closeButton, onClick: onClose }) })), (0, jsx_runtime_1.jsx)(bottom_sheet_1.OverlaySurfaceProvider, { surface: bottom_sheet_1.OVERLAY_SURFACE.Drawer, bodyHeightAuto: heightAutoVertical, children: children }), tooltip, nestedDrawer] }) }));
 }
 /**
- * Адаптивный low-level `DrawerCustom`: на `mobile` — `BottomSheetCustom` (по умолчанию —
- * full-screen, см. `MOBILE_SNAP_POINTS_DEFAULT`), иначе — `DrawerFrame`. Композиция одна
- * (surface-aware слоты `.Header/.Body/.Footer`). Форс — `withLayoutType`.
+ * Адаптивный low-level `DrawerCustom`: на `mobile` — `BottomSheetCustom`, иначе — `DrawerFrame`.
+ * Композиция одна (surface-aware слоты `.Header/.Body/.Footer`). Форс — `withLayoutType`.
  */
 function DrawerCustom(props) {
     const { layoutType } = (0, adaptive_1.useAdaptiveLayout)();
     if ((0, adaptive_1.isMobileLayout)(layoutType)) {
-        const { open, onClose, children, className, rootClassName, container, closeOnPopstate, showBlackout, snapPoints = constants_1.MOBILE_SNAP_POINTS_DEFAULT, swipeEnabled, safeArea, disableMotions, ...rest } = props;
+        const { open, onClose, children, className, rootClassName, container, closeOnPopstate, showBlackout, snapPoints, swipeEnabled, safeArea, disableMotions, ...rest } = props;
         return ((0, jsx_runtime_1.jsx)(bottom_sheet_1.BottomSheetCustom, { open: open, onClose: onClose, container: container, className: className, rootClassName: rootClassName, closeOnPopstate: closeOnPopstate, showBackdrop: showBlackout, snapPoints: snapPoints, swipeEnabled: swipeEnabled, safeArea: safeArea, disableMotions: disableMotions, ...(0, utils_1.extractSupportProps)(rest), children: children }));
     }
     return (0, jsx_runtime_1.jsx)(DrawerFrame, { ...props });

package/dist/cjs/constants.d.ts

@@ -1,4 +1,3 @@
-import { SnapPoint } from '@cloud-ru/ds-bottom-sheet';
 export declare const TEST_IDS: {
     readonly closeButton: "drawer__close-button";
     readonly header: "drawer__header";
@@ -27,8 +26,3 @@ export declare const POSITION: {
     readonly Top: "top";
     readonly Bottom: "bottom";
 };
-/**
- * Snap-точки мобильной поверхности дровера по умолчанию: одна позиция на весь вьюпорт.
- * Дровер на mobile открывается сразу full-screen; swipe-down закрывает его.
- */
-export declare const MOBILE_SNAP_POINTS_DEFAULT: SnapPoint[];

package/dist/cjs/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MOBILE_SNAP_POINTS_DEFAULT = exports.POSITION = exports.WIDTH_AS_VALUES = exports.WIDTH = exports.TEST_IDS = void 0;
+exports.POSITION = exports.WIDTH_AS_VALUES = exports.WIDTH = exports.TEST_IDS = void 0;
 exports.TEST_IDS = {
     closeButton: 'drawer__close-button',
     header: 'drawer__header',
@@ -29,8 +29,3 @@ exports.POSITION = {
     Top: 'top',
     Bottom: 'bottom',
 };
-/**
- * Snap-точки мобильной поверхности дровера по умолчанию: одна позиция на весь вьюпорт.
- * Дровер на mobile открывается сразу full-screen; swipe-down закрывает его.
- */
-exports.MOBILE_SNAP_POINTS_DEFAULT = [1];

package/dist/cjs/helperComponents/DesktopDrawer/DesktopDrawer.d.ts

@@ -1,3 +1,3 @@
 import { DrawerProps } from '../../components/Drawer/types';
 /** Desktop-поверхность Drawer'а: панель (`DrawerCustom`) с пресетной разметкой. Internal. */
-export declare function DesktopDrawer({ content, media, title, slotAfterTitle, slotSecondTitle, subtitle, onBackButtonClick, approveButton, cancelButton, additionalButton, footerActionsOrientation, footer, nestedDrawer, contentRef, className, ...rest }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DesktopDrawer({ content, media, title, truncate, slotAfterTitle, slotSecondTitle, subtitle, onBackButtonClick, approveButton, cancelButton, additionalButton, footerActionsOrientation, footer, nestedDrawer, contentRef, className, ...rest }: DrawerProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/DesktopDrawer/DesktopDrawer.js

@@ -11,13 +11,13 @@ const styles_module_scss_1 = __importDefault(require('../../components/Drawer/st
 const DrawerCustom_1 = require("../../components/DrawerCustom");
 const constants_2 = require("../../constants");
 /** Desktop-поверхность Drawer'а: панель (`DrawerCustom`) с пресетной разметкой. Internal. */
-function DesktopDrawer({ content, media, title, slotAfterTitle, slotSecondTitle, subtitle, onBackButtonClick, approveButton, cancelButton, additionalButton, footerActionsOrientation, footer, nestedDrawer, contentRef, 
+function DesktopDrawer({ content, media, title, truncate, slotAfterTitle, slotSecondTitle, subtitle, onBackButtonClick, approveButton, cancelButton, additionalButton, footerActionsOrientation, footer, nestedDrawer, contentRef, 
 // `withDividers` — mobile-only (мастер bottomSheet): молча уходит в `rest` и отбрасывается фреймом.
 className, ...rest }) {
     const showHeader = Boolean(title || subtitle || slotAfterTitle || slotSecondTitle);
     // Произвольный `footer` приоритетнее кнопок-слотов; раскладку слотов делает сам `DrawerCustom.Footer`.
     const hasFooter = Boolean(footer || approveButton || cancelButton || additionalButton);
-    return ((0, jsx_runtime_1.jsxs)(DrawerCustom_1.DrawerCustom, { ...rest, resizable: undefined, className: (0, classnames_1.default)(styles_module_scss_1.default.drawer, className), push: Boolean(nestedDrawer) && { distance: constants_1.NESTED_DRAWER_PUSH_DISTANCE }, children: [media, showHeader && ((0, jsx_runtime_1.jsx)(DrawerCustom_1.DrawerCustom.Header, { title: title, slotAfterTitle: slotAfterTitle, slotSecondTitle: slotSecondTitle, subtitle: subtitle, onBackButtonClick: onBackButtonClick, 
+    return ((0, jsx_runtime_1.jsxs)(DrawerCustom_1.DrawerCustom, { ...rest, resizable: undefined, className: (0, classnames_1.default)(styles_module_scss_1.default.drawer, className), push: Boolean(nestedDrawer) && { distance: constants_1.NESTED_DRAWER_PUSH_DISTANCE }, children: [media, showHeader && ((0, jsx_runtime_1.jsx)(DrawerCustom_1.DrawerCustom.Header, { title: title, truncate: truncate, slotAfterTitle: slotAfterTitle, slotSecondTitle: slotSecondTitle, subtitle: subtitle, onBackButtonClick: onBackButtonClick, 
                 // Сохраняем публичный контракт test-id'ов drawer'а поверх общего `PopupHeader`.
                 // slotAfterTitle НЕ переопределяем: id тултипа ставит сам потребитель на своём span.
                 testIds: {

package/dist/cjs/helperComponents/DialogSlots.d.ts

@@ -9,7 +9,7 @@ export type DialogFooterProps = SheetFooterProps & {
     cancelButton?: BottomSheetActionButton;
     /** Дополнительная (третья) кнопка. */
     additionalButton?: BottomSheetActionButton;
-    /** Ориентация кнопок; без значения — по числу действий (два в строку, три стопкой). */
+    /** Ориентация кнопок при ровно двух действиях. */
     footerActionsOrientation?: FooterActionsOrientation;
 };
 /**

package/dist/cjs/helperComponents/MobileDrawer/MobileDrawer.js

@@ -10,9 +10,13 @@ const constants_1 = require("../../constants");
  * (`subtitle` 1:1, `showBlackout→showBackdrop`, остальное 1:1). Internal. Desktop-only пропы
  * уходят в `...rest`.
  */
-function MobileDrawer({ content, media, title, slotAfterTitle, slotSecondTitle, subtitle, onBackButtonClick, approveButton, cancelButton, additionalButton, footerActionsOrientation, footer, className, rootClassName, open, onClose, showBlackout, container, closeOnPopstate, swipeEnabled, snapPoints = constants_1.MOBILE_SNAP_POINTS_DEFAULT, snapIndex, onSnapIndexChange, safeArea, withDividers, ...rest }) {
+function MobileDrawer({ content, media, title, slotAfterTitle, slotSecondTitle, subtitle, onBackButtonClick, approveButton, cancelButton, additionalButton, footerActionsOrientation, footer, className, rootClassName, open, onClose, showBlackout, container, closeOnPopstate, swipeEnabled, snapPoints, snapIndex, onSnapIndexChange, safeArea, withDividers = false, ...rest }) {
     // Футер собирает сам `BottomSheet`.
-    return ((0, jsx_runtime_1.jsx)(bottom_sheet_1.BottomSheet, { withDividers: withDividers, open: open, onClose: onClose, showBackdrop: showBlackout, title: title, subtitle: subtitle, slotAfterTitle: slotAfterTitle, slotSecondTitle: slotSecondTitle, onBackButtonClick: onBackButtonClick, media: media, content: content, approveButton: approveButton, cancelButton: cancelButton, additionalButton: additionalButton, footerActionsOrientation: footerActionsOrientation, footer: footer, 
+    return ((0, jsx_runtime_1.jsx)(bottom_sheet_1.BottomSheet
+    // Дефолт `withDividers` в sheet'е — `true`; у Drawer'а вид исторически без разделителей.
+    , { 
+        // Дефолт `withDividers` в sheet'е — `true`; у Drawer'а вид исторически без разделителей.
+        withDividers: withDividers, open: open, onClose: onClose, showBackdrop: showBlackout, title: title, subtitle: subtitle, slotAfterTitle: slotAfterTitle, slotSecondTitle: slotSecondTitle, onBackButtonClick: onBackButtonClick, media: media, content: content, approveButton: approveButton, cancelButton: cancelButton, additionalButton: additionalButton, footerActionsOrientation: footerActionsOrientation, footer: footer, 
         // Те же id футера, что у desktop-поверхности — стабильный селектор при свапе surface.
         footerTestIds: {
             approve: constants_1.TEST_IDS.footerApprove,

package/dist/esm/components/Drawer/types.d.ts

@@ -6,15 +6,14 @@ import { DrawerCustomProps } from '../DrawerCustom/index.js';
 /**
  * Адаптивный Drawer: desktop — боковая/верхняя/нижняя панель, `mobile` — `BottomSheet`.
  *
- * Только desktop: `position`, `width`, `heightAuto`, `nestedDrawer` (на mobile игнорируются).
+ * Только desktop: `position`, `width`, `heightAuto`, `nestedDrawer`, `truncate` (на mobile игнорируются).
  * Только mobile: `swipeEnabled`, `snapPoints`, `snapIndex`, `onSnapIndexChange`, `safeArea`, `withDividers`
- * (на desktop-панели игнорируются — это анатомия `BottomSheet`). `snapPoints` по умолчанию —
- * `MOBILE_SNAP_POINTS_DEFAULT` (`[1]`): sheet открывается на весь вьюпорт.
+ * (на desktop-панели игнорируются — это анатомия `BottomSheet`).
  */
-export type DrawerProps = WithSupportProps<Omit<DrawerCustomProps, 'nestedDrawer' | 'push' | 'resizable'> & Pick<BottomSheetProps, 'swipeEnabled' | 'snapPoints' | 'snapIndex' | 'onSnapIndexChange' | 'safeArea'> & Pick<DialogHeaderProps, 'title' | 'slotAfterTitle' | 'slotSecondTitle' | 'onBackButtonClick'> & Pick<DialogBodyProps, 'content'> & {
+export type DrawerProps = WithSupportProps<Omit<DrawerCustomProps, 'nestedDrawer' | 'push' | 'resizable'> & Pick<BottomSheetProps, 'swipeEnabled' | 'snapPoints' | 'snapIndex' | 'onSnapIndexChange' | 'safeArea'> & Pick<DialogHeaderProps, 'title' | 'slotAfterTitle' | 'slotSecondTitle' | 'onBackButtonClick' | 'truncate'> & Pick<DialogBodyProps, 'content'> & {
     /** Ссылка на скроллируемый контейнер контента (например, для дозагрузки по скроллу). */
     contentRef?: Ref<HTMLElement>;
-    /** Только mobile: разделители между шапкой/контентом/футером sheet'а. @default true */
+    /** Только mobile: разделители между шапкой/контентом/футером sheet'а. @default false */
     withDividers?: boolean;
     /** Текстовая строка-подзаголовок под title. */
     subtitle?: ReactNode;
@@ -29,8 +28,7 @@ export type DrawerProps = WithSupportProps<Omit<DrawerCustomProps, 'nestedDrawer
     /** Дополнительная (третья) кнопка — пропсы `Button` (дефолт `view='simple'`, `appearance='neutral'`). */
     additionalButton?: BottomSheetActionButton;
     /**
-     * Ориентация кнопок футера. Игнорируется при заданном `footer`. Без значения раскладку
-     * выбирает поверхность: два действия — в строку, три — стопкой.
+     * Ориентация кнопок футера. Применяется только при двух кнопках; игнорируется при заданном `footer`.
      * @default 'horizontal'
      */
     footerActionsOrientation?: FooterActionsOrientation;

package/dist/esm/components/DrawerCustom/DrawerCustom.d.ts

@@ -1,9 +1,8 @@
 import { DialogBody, DialogBodyProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps } from '../../helperComponents/index.js';
 import { DrawerCustomProps } from './types.js';
 /**
- * Адаптивный low-level `DrawerCustom`: на `mobile` — `BottomSheetCustom` (по умолчанию —
- * full-screen, см. `MOBILE_SNAP_POINTS_DEFAULT`), иначе — `DrawerFrame`. Композиция одна
- * (surface-aware слоты `.Header/.Body/.Footer`). Форс — `withLayoutType`.
+ * Адаптивный low-level `DrawerCustom`: на `mobile` — `BottomSheetCustom`, иначе — `DrawerFrame`.
+ * Композиция одна (surface-aware слоты `.Header/.Body/.Footer`). Форс — `withLayoutType`.
  */
 export declare function DrawerCustom(props: DrawerCustomProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace DrawerCustom {

package/dist/esm/components/DrawerCustom/DrawerCustom.js

@@ -8,7 +8,7 @@ import RcDrawerImport from '@rc-component/drawer';
 import cn from 'classnames';
 import { useMemo } from 'react';
 import { RemoveScroll } from 'react-remove-scroll';
-import { MOBILE_SNAP_POINTS_DEFAULT, TEST_IDS, WIDTH_AS_VALUES } from '../../constants.js';
+import { TEST_IDS, WIDTH_AS_VALUES } from '../../constants.js';
 import { DialogBody, DialogFooter, DialogHeader, } from '../../helperComponents/index.js';
 import { interopDefault } from '../../utils/interopDefault.js';
 import { motionProps } from './constants.js';
@@ -56,14 +56,13 @@ function DrawerFrame(props) {
         }, size: isPredefinedWidth ? 'null' : width, ...extractSupportProps(rest), "data-content-wrapper": true, "data-position": position, "data-width": isPredefinedWidth ? width : undefined, "data-height-auto": heightAutoVertical ? true : undefined, "data-acrylic-appearance": 'neutral', "data-acrylic-level": '1Level', prefixCls: styles.prefixCls, ...(disableMotions ? {} : motionProps), children: _jsxs(RemoveScroll, { enabled: showBlackout || outerScrollLock, removeScrollBar: false, ref: focusTrapRef, className: styles.scrollLock, children: [showButtonClosed && (_jsx("div", { className: styles.showButtonClosedWrapper, children: _jsx(PopupCloseButton, { className: styles.showButtonClosed, "aria-label": 'close drawer', "data-test-id": TEST_IDS.closeButton, onClick: onClose }) })), _jsx(OverlaySurfaceProvider, { surface: OVERLAY_SURFACE.Drawer, bodyHeightAuto: heightAutoVertical, children: children }), tooltip, nestedDrawer] }) }));
 }
 /**
- * Адаптивный low-level `DrawerCustom`: на `mobile` — `BottomSheetCustom` (по умолчанию —
- * full-screen, см. `MOBILE_SNAP_POINTS_DEFAULT`), иначе — `DrawerFrame`. Композиция одна
- * (surface-aware слоты `.Header/.Body/.Footer`). Форс — `withLayoutType`.
+ * Адаптивный low-level `DrawerCustom`: на `mobile` — `BottomSheetCustom`, иначе — `DrawerFrame`.
+ * Композиция одна (surface-aware слоты `.Header/.Body/.Footer`). Форс — `withLayoutType`.
  */
 export function DrawerCustom(props) {
     const { layoutType } = useAdaptiveLayout();
     if (isMobileLayout(layoutType)) {
-        const { open, onClose, children, className, rootClassName, container, closeOnPopstate, showBlackout, snapPoints = MOBILE_SNAP_POINTS_DEFAULT, swipeEnabled, safeArea, disableMotions, ...rest } = props;
+        const { open, onClose, children, className, rootClassName, container, closeOnPopstate, showBlackout, snapPoints, swipeEnabled, safeArea, disableMotions, ...rest } = props;
         return (_jsx(BottomSheetCustom, { open: open, onClose: onClose, container: container, className: className, rootClassName: rootClassName, closeOnPopstate: closeOnPopstate, showBackdrop: showBlackout, snapPoints: snapPoints, swipeEnabled: swipeEnabled, safeArea: safeArea, disableMotions: disableMotions, ...extractSupportProps(rest), children: children }));
     }
     return _jsx(DrawerFrame, { ...props });

package/dist/esm/constants.d.ts

@@ -1,4 +1,3 @@
-import { SnapPoint } from '@cloud-ru/ds-bottom-sheet';
 export declare const TEST_IDS: {
     readonly closeButton: "drawer__close-button";
     readonly header: "drawer__header";
@@ -27,8 +26,3 @@ export declare const POSITION: {
     readonly Top: "top";
     readonly Bottom: "bottom";
 };
-/**
- * Snap-точки мобильной поверхности дровера по умолчанию: одна позиция на весь вьюпорт.
- * Дровер на mobile открывается сразу full-screen; swipe-down закрывает его.
- */
-export declare const MOBILE_SNAP_POINTS_DEFAULT: SnapPoint[];

package/dist/esm/constants.js

@@ -26,8 +26,3 @@ export const POSITION = {
     Top: 'top',
     Bottom: 'bottom',
 };
-/**
- * Snap-точки мобильной поверхности дровера по умолчанию: одна позиция на весь вьюпорт.
- * Дровер на mobile открывается сразу full-screen; swipe-down закрывает его.
- */
-export const MOBILE_SNAP_POINTS_DEFAULT = [1];

package/dist/esm/helperComponents/DesktopDrawer/DesktopDrawer.d.ts

@@ -1,3 +1,3 @@
 import { DrawerProps } from '../../components/Drawer/types.js';
 /** Desktop-поверхность Drawer'а: панель (`DrawerCustom`) с пресетной разметкой. Internal. */
-export declare function DesktopDrawer({ content, media, title, slotAfterTitle, slotSecondTitle, subtitle, onBackButtonClick, approveButton, cancelButton, additionalButton, footerActionsOrientation, footer, nestedDrawer, contentRef, className, ...rest }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DesktopDrawer({ content, media, title, truncate, slotAfterTitle, slotSecondTitle, subtitle, onBackButtonClick, approveButton, cancelButton, additionalButton, footerActionsOrientation, footer, nestedDrawer, contentRef, className, ...rest }: DrawerProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/helperComponents/DesktopDrawer/DesktopDrawer.js

@@ -5,13 +5,13 @@ import styles from '../../components/Drawer/styles.module.css';
 import { DrawerCustom } from '../../components/DrawerCustom/index.js';
 import { TEST_IDS } from '../../constants.js';
 /** Desktop-поверхность Drawer'а: панель (`DrawerCustom`) с пресетной разметкой. Internal. */
-export function DesktopDrawer({ content, media, title, slotAfterTitle, slotSecondTitle, subtitle, onBackButtonClick, approveButton, cancelButton, additionalButton, footerActionsOrientation, footer, nestedDrawer, contentRef, 
+export function DesktopDrawer({ content, media, title, truncate, slotAfterTitle, slotSecondTitle, subtitle, onBackButtonClick, approveButton, cancelButton, additionalButton, footerActionsOrientation, footer, nestedDrawer, contentRef, 
 // `withDividers` — mobile-only (мастер bottomSheet): молча уходит в `rest` и отбрасывается фреймом.
 className, ...rest }) {
     const showHeader = Boolean(title || subtitle || slotAfterTitle || slotSecondTitle);
     // Произвольный `footer` приоритетнее кнопок-слотов; раскладку слотов делает сам `DrawerCustom.Footer`.
     const hasFooter = Boolean(footer || approveButton || cancelButton || additionalButton);
-    return (_jsxs(DrawerCustom, { ...rest, resizable: undefined, className: cn(styles.drawer, className), push: Boolean(nestedDrawer) && { distance: NESTED_DRAWER_PUSH_DISTANCE }, children: [media, showHeader && (_jsx(DrawerCustom.Header, { title: title, slotAfterTitle: slotAfterTitle, slotSecondTitle: slotSecondTitle, subtitle: subtitle, onBackButtonClick: onBackButtonClick, 
+    return (_jsxs(DrawerCustom, { ...rest, resizable: undefined, className: cn(styles.drawer, className), push: Boolean(nestedDrawer) && { distance: NESTED_DRAWER_PUSH_DISTANCE }, children: [media, showHeader && (_jsx(DrawerCustom.Header, { title: title, truncate: truncate, slotAfterTitle: slotAfterTitle, slotSecondTitle: slotSecondTitle, subtitle: subtitle, onBackButtonClick: onBackButtonClick, 
                 // Сохраняем публичный контракт test-id'ов drawer'а поверх общего `PopupHeader`.
                 // slotAfterTitle НЕ переопределяем: id тултипа ставит сам потребитель на своём span.
                 testIds: {

package/dist/esm/helperComponents/DialogSlots.d.ts

@@ -9,7 +9,7 @@ export type DialogFooterProps = SheetFooterProps & {
     cancelButton?: BottomSheetActionButton;
     /** Дополнительная (третья) кнопка. */
     additionalButton?: BottomSheetActionButton;
-    /** Ориентация кнопок; без значения — по числу действий (два в строку, три стопкой). */
+    /** Ориентация кнопок при ровно двух действиях. */
     footerActionsOrientation?: FooterActionsOrientation;
 };
 /**

package/dist/esm/helperComponents/MobileDrawer/MobileDrawer.js

@@ -1,15 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BottomSheet } from '@cloud-ru/ds-bottom-sheet';
 import { extractSupportProps } from '@cloud-ru/ds-utils';
-import { MOBILE_SNAP_POINTS_DEFAULT, TEST_IDS } from '../../constants.js';
+import { TEST_IDS } from '../../constants.js';
 /**
  * Mobile-поверхность Drawer'а: контент в `BottomSheet`, слоты маппятся на API sheet'а
  * (`subtitle` 1:1, `showBlackout→showBackdrop`, остальное 1:1). Internal. Desktop-only пропы
  * уходят в `...rest`.
  */
-export function MobileDrawer({ content, media, title, slotAfterTitle, slotSecondTitle, subtitle, onBackButtonClick, approveButton, cancelButton, additionalButton, footerActionsOrientation, footer, className, rootClassName, open, onClose, showBlackout, container, closeOnPopstate, swipeEnabled, snapPoints = MOBILE_SNAP_POINTS_DEFAULT, snapIndex, onSnapIndexChange, safeArea, withDividers, ...rest }) {
+export function MobileDrawer({ content, media, title, slotAfterTitle, slotSecondTitle, subtitle, onBackButtonClick, approveButton, cancelButton, additionalButton, footerActionsOrientation, footer, className, rootClassName, open, onClose, showBlackout, container, closeOnPopstate, swipeEnabled, snapPoints, snapIndex, onSnapIndexChange, safeArea, withDividers = false, ...rest }) {
     // Футер собирает сам `BottomSheet`.
-    return (_jsx(BottomSheet, { withDividers: withDividers, open: open, onClose: onClose, showBackdrop: showBlackout, title: title, subtitle: subtitle, slotAfterTitle: slotAfterTitle, slotSecondTitle: slotSecondTitle, onBackButtonClick: onBackButtonClick, media: media, content: content, approveButton: approveButton, cancelButton: cancelButton, additionalButton: additionalButton, footerActionsOrientation: footerActionsOrientation, footer: footer, 
+    return (_jsx(BottomSheet
+    // Дефолт `withDividers` в sheet'е — `true`; у Drawer'а вид исторически без разделителей.
+    , { 
+        // Дефолт `withDividers` в sheet'е — `true`; у Drawer'а вид исторически без разделителей.
+        withDividers: withDividers, open: open, onClose: onClose, showBackdrop: showBlackout, title: title, subtitle: subtitle, slotAfterTitle: slotAfterTitle, slotSecondTitle: slotSecondTitle, onBackButtonClick: onBackButtonClick, media: media, content: content, approveButton: approveButton, cancelButton: cancelButton, additionalButton: additionalButton, footerActionsOrientation: footerActionsOrientation, footer: footer, 
         // Те же id футера, что у desktop-поверхности — стабильный селектор при свапе surface.
         footerTestIds: {
             approve: TEST_IDS.footerApprove,