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

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`. |
+| `footerActionsOrientation` | `"horizontal"` \| `"vertical"` | `'horizontal'` | Ориентация кнопок футера. Игнорируется при заданном `footer`. Без значения раскладку <br/> выбирает поверхность: два действия — в строку, три — стопкой. |
 | `heightAuto` | `boolean` | `false` | Высота панели по контенту (только при `position: "top" \| "bottom"`). |
 | `media` | `ReactNode` | — | Медиа-контент |
 | `nestedDrawer` | `DrawerProps` | — | Вложенный Drawer |
@@ -273,7 +273,7 @@ export function NestedDrawer() {
 | `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). |
 | `width` | `Width` | `'s'` | Ширина (только при position: "left" \| "right") |
-| `withDividers` | `boolean` | `false` | Только mobile: разделители между шапкой/контентом/футером sheet'а. |
+| `withDividers` | `boolean` | `true` | Только mobile: разделители между шапкой/контентом/футером sheet'а. |
 
 ##### Related types
 
@@ -293,7 +293,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`. |
+| `footerActionsOrientation` | `"horizontal"` \| `"vertical"` | — | Ориентация кнопок футера. Игнорируется при заданном `footer`. Без значения раскладку <br/> выбирает поверхность: два действия — в строку, три — стопкой. |
 | `heightAuto` | `boolean \| undefined` | — | Высота панели по контенту (только при `position: "top" \| "bottom"`). |
 | `media` | `string \| number \| boolean \| ReactElement<any, string \| JSXElementConstructor<any>> \| Iterable<ReactNode> \| ReactPortal \| null \| undefined` | — | Медиа-контент |
 | `nestedDrawer` | `DrawerProps` | — | Вложенный Drawer |
@@ -325,7 +325,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` (панель снизу со свайпом для закрытия).
+- **mobile** — контент рендерится в `BottomSheet` из `@cloud-ru/ds-bottom-sheet` (панель снизу со свайпом для закрытия). По умолчанию sheet раскрыт на весь вьюпорт (`snapPoints={[1]}`, константа `MOBILE_SNAP_POINTS_DEFAULT`); другую высоту задаёт свой `snapPoints` — например `['fit-content']` по высоте контента или `[0.5, 1]` с раскрытием свайпом.
 
 Верстайте под desktop и поставьте один `<AdaptiveProvider>` в корне приложения — mobile-поверхность включается автоматически (desktop-first). Пропа `layoutType` у компонента нет: источник раскладки — только контекст.
 
@@ -358,6 +358,7 @@ 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

@@ -8,12 +8,13 @@ import { DrawerCustomProps } from '../DrawerCustom';
  *
  * Только desktop: `position`, `width`, `heightAuto`, `nestedDrawer` (на mobile игнорируются).
  * Только mobile: `swipeEnabled`, `snapPoints`, `snapIndex`, `onSnapIndexChange`, `safeArea`, `withDividers`
- * (на desktop-панели игнорируются — это анатомия `BottomSheet`).
+ * (на desktop-панели игнорируются — это анатомия `BottomSheet`). `snapPoints` по умолчанию —
+ * `MOBILE_SNAP_POINTS_DEFAULT` (`[1]`): sheet открывается на весь вьюпорт.
  */
 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'> & {
     /** Ссылка на скроллируемый контейнер контента (например, для дозагрузки по скроллу). */
     contentRef?: Ref<HTMLElement>;
-    /** Только mobile: разделители между шапкой/контентом/футером sheet'а. @default false */
+    /** Только mobile: разделители между шапкой/контентом/футером sheet'а. @default true */
     withDividers?: boolean;
     /** Текстовая строка-подзаголовок под title. */
     subtitle?: ReactNode;
@@ -28,7 +29,8 @@ 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,8 +1,9 @@
 import { DialogBody, DialogBodyProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps } from '../../helperComponents';
 import { DrawerCustomProps } from './types';
 /**
- * Адаптивный low-level `DrawerCustom`: на `mobile` — `BottomSheetCustom`, иначе — `DrawerFrame`.
- * Композиция одна (surface-aware слоты `.Header/.Body/.Footer`). Форс — `withLayoutType`.
+ * Адаптивный low-level `DrawerCustom`: на `mobile` — `BottomSheetCustom` (по умолчанию —
+ * full-screen, см. `MOBILE_SNAP_POINTS_DEFAULT`), иначе — `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,13 +62,14 @@ 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`, иначе — `DrawerFrame`.
- * Композиция одна (surface-aware слоты `.Header/.Body/.Footer`). Форс — `withLayoutType`.
+ * Адаптивный low-level `DrawerCustom`: на `mobile` — `BottomSheetCustom` (по умолчанию —
+ * full-screen, см. `MOBILE_SNAP_POINTS_DEFAULT`), иначе — `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, swipeEnabled, safeArea, disableMotions, ...rest } = props;
+        const { open, onClose, children, className, rootClassName, container, closeOnPopstate, showBlackout, snapPoints = constants_1.MOBILE_SNAP_POINTS_DEFAULT, 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,3 +1,4 @@
+import { SnapPoint } from '@cloud-ru/ds-bottom-sheet';
 export declare const TEST_IDS: {
     readonly closeButton: "drawer__close-button";
     readonly header: "drawer__header";
@@ -26,3 +27,8 @@ 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.POSITION = exports.WIDTH_AS_VALUES = exports.WIDTH = exports.TEST_IDS = void 0;
+exports.MOBILE_SNAP_POINTS_DEFAULT = exports.POSITION = exports.WIDTH_AS_VALUES = exports.WIDTH = exports.TEST_IDS = void 0;
 exports.TEST_IDS = {
     closeButton: 'drawer__close-button',
     header: 'drawer__header',
@@ -29,3 +29,8 @@ exports.POSITION = {
     Top: 'top',
     Bottom: 'bottom',
 };
+/**
+ * Snap-точки мобильной поверхности дровера по умолчанию: одна позиция на весь вьюпорт.
+ * Дровер на mobile открывается сразу full-screen; swipe-down закрывает его.
+ */
+exports.MOBILE_SNAP_POINTS_DEFAULT = [1];

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,13 +10,9 @@ 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, snapIndex, onSnapIndexChange, safeArea, withDividers = false, ...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 }) {
     // Футер собирает сам `BottomSheet`.
-    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, 
+    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, 
         // Те же id футера, что у desktop-поверхности — стабильный селектор при свапе surface.
         footerTestIds: {
             approve: constants_1.TEST_IDS.footerApprove,

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

@@ -8,12 +8,13 @@ import { DrawerCustomProps } from '../DrawerCustom/index.js';
  *
  * Только desktop: `position`, `width`, `heightAuto`, `nestedDrawer` (на mobile игнорируются).
  * Только mobile: `swipeEnabled`, `snapPoints`, `snapIndex`, `onSnapIndexChange`, `safeArea`, `withDividers`
- * (на desktop-панели игнорируются — это анатомия `BottomSheet`).
+ * (на desktop-панели игнорируются — это анатомия `BottomSheet`). `snapPoints` по умолчанию —
+ * `MOBILE_SNAP_POINTS_DEFAULT` (`[1]`): sheet открывается на весь вьюпорт.
  */
 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'> & {
     /** Ссылка на скроллируемый контейнер контента (например, для дозагрузки по скроллу). */
     contentRef?: Ref<HTMLElement>;
-    /** Только mobile: разделители между шапкой/контентом/футером sheet'а. @default false */
+    /** Только mobile: разделители между шапкой/контентом/футером sheet'а. @default true */
     withDividers?: boolean;
     /** Текстовая строка-подзаголовок под title. */
     subtitle?: ReactNode;
@@ -28,7 +29,8 @@ 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,8 +1,9 @@
 import { DialogBody, DialogBodyProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps } from '../../helperComponents/index.js';
 import { DrawerCustomProps } from './types.js';
 /**
- * Адаптивный low-level `DrawerCustom`: на `mobile` — `BottomSheetCustom`, иначе — `DrawerFrame`.
- * Композиция одна (surface-aware слоты `.Header/.Body/.Footer`). Форс — `withLayoutType`.
+ * Адаптивный low-level `DrawerCustom`: на `mobile` — `BottomSheetCustom` (по умолчанию —
+ * full-screen, см. `MOBILE_SNAP_POINTS_DEFAULT`), иначе — `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 { TEST_IDS, WIDTH_AS_VALUES } from '../../constants.js';
+import { MOBILE_SNAP_POINTS_DEFAULT, 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,13 +56,14 @@ 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`, иначе — `DrawerFrame`.
- * Композиция одна (surface-aware слоты `.Header/.Body/.Footer`). Форс — `withLayoutType`.
+ * Адаптивный low-level `DrawerCustom`: на `mobile` — `BottomSheetCustom` (по умолчанию —
+ * full-screen, см. `MOBILE_SNAP_POINTS_DEFAULT`), иначе — `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, swipeEnabled, safeArea, disableMotions, ...rest } = props;
+        const { open, onClose, children, className, rootClassName, container, closeOnPopstate, showBlackout, snapPoints = MOBILE_SNAP_POINTS_DEFAULT, 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,3 +1,4 @@
+import { SnapPoint } from '@cloud-ru/ds-bottom-sheet';
 export declare const TEST_IDS: {
     readonly closeButton: "drawer__close-button";
     readonly header: "drawer__header";
@@ -26,3 +27,8 @@ 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,3 +26,8 @@ export const POSITION = {
     Top: 'top',
     Bottom: 'bottom',
 };
+/**
+ * Snap-точки мобильной поверхности дровера по умолчанию: одна позиция на весь вьюпорт.
+ * Дровер на mobile открывается сразу full-screen; swipe-down закрывает его.
+ */
+export const MOBILE_SNAP_POINTS_DEFAULT = [1];

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,19 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BottomSheet } from '@cloud-ru/ds-bottom-sheet';
 import { extractSupportProps } from '@cloud-ru/ds-utils';
-import { TEST_IDS } from '../../constants.js';
+import { MOBILE_SNAP_POINTS_DEFAULT, 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, snapIndex, onSnapIndexChange, safeArea, withDividers = false, ...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 }) {
     // Футер собирает сам `BottomSheet`.
-    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, 
+    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, 
         // Те же id футера, что у desktop-поверхности — стабильный селектор при свапе surface.
         footerTestIds: {
             approve: TEST_IDS.footerApprove,