@movmo_app/react-common 0.18.0 → 0.20.0

package/dist/index.d.ts

@@ -330,7 +330,9 @@ export declare interface ModalProps {
     title: default_2.ReactNode;
     children: default_2.ReactNode;
     footer?: default_2.ReactNode;
+    /** Ignored when `placement="sheet"`. */
     maxWidth?: string;
+    /** Ignored when `placement="sheet"`. */
     maxWidthPx?: number;
     footerHasBorder?: boolean;
     /** Hides the X and disables backdrop click and Escape: the dialog can't be dismissed. */
@@ -342,6 +344,19 @@ export declare interface ModalProps {
      * and the content supplies its own heading (the MOVMO-685 sign-in dialogs).
      */
     header?: 'bar' | 'none';
+    /**
+     * `'center'` (default): a centered dialog. `'sheet'`: a right-hand side sheet
+     * from `md` up and a bottom sheet below it; the body scrolls and the footer
+     * stays pinned. It shares the open-stack, focus trap and Escape handling, and
+     * ignores `maxWidth`/`maxWidthPx`.
+     */
+    placement?: 'center' | 'sheet';
+    /** `id` of the `role="dialog"` element, for an opener's `aria-controls`. */
+    id?: string;
+    /** Replaces the body wrapper's default `p-6` (scroll and sheet flex classes are kept). */
+    bodyClassName?: string;
+    /** Replaces the footer wrapper's default `p-6`. */
+    footerClassName?: string;
 }
 
 /** Typed client for every Movmo sign-in and passkey-management call. */