import type { CSSProperties } from "react";
import type { DrawerMode, DrawerPosition } from "../../types";
/**
 * Side drawers travel farther than sheets (often 400px+). Use a standard
 * decelerate curve with no overshoot (y-values stay in 0–1) so the panel does
 * not slide past flush and bounce back — that looked like a gap on the right.
 */
export declare const DRAWER_TRANSITION_DURATION_MS: 400;
export declare const DRAWER_TRANSITION_EASING: "cubic-bezier(0.4, 0, 0.2, 1)";
/**
 * Inline transform/transition for the drawer panel.
 *
 * Kept as inline styles (same approach as Sheet) so enter/exit motion does not
 * depend on Tailwind emitting arbitrary `transition-[…]` utilities into the
 * host app's CSS bundle — missing those utilities makes the panel appear/disappear
 * with no slide.
 *
 * Only `transform` is transitioned — animating `box-shadow` alongside a wide
 * slide makes the stop feel abrupt when the shadow pops in.
 */
export declare const getDrawerMotionStyle: ({ mode, position, }: {
    readonly mode: DrawerMode;
    readonly position: DrawerPosition;
}) => CSSProperties;