import type { CSSProperties } from "react";
import type { ResolvedConfig, Side, StackingConfig } from "./types";
/**
 * Resting height of a bottom sheet. `dvh` tracks the dynamic viewport on iOS
 * Safari (accounts for browser chrome). Shared so the keyboard-inset `calc()`
 * in `buildPanelStyle` can't drift from the panel's base height.
 */
export declare const BOTTOM_SHEET_HEIGHT = "85dvh";
export interface StackTransform {
    borderRadius: number;
    offset: number;
    opacity: number;
    scale: number;
}
/**
 * Compute visual transforms for a panel at a given depth.
 * depth=0 is the top (foreground) panel.
 * Panels beyond renderThreshold are clamped to the edge position and faded out.
 */
export declare const getStackTransform: (depth: number, stacking: StackingConfig) => StackTransform;
/**
 * Border radius values for the animate target.
 * Must be animated (not static CSS) so Motion applies scale correction
 * when panels are scaled. See: https://motion.dev/docs/react-layout-animations#scale-correction
 */
export declare const getAnimatedBorderRadius: (side: Side, depth: number, stacking: StackingConfig) => Record<string, number>;
export interface SlideValues {
    x?: string | number;
    y?: string | number;
}
/** Motion initial/exit values for sliding from the given side. */
export declare const getSlideFrom: (side: string) => SlideValues;
/** Motion animate target — the resting position. */
export declare const getSlideTarget: () => SlideValues;
/** Translate offset that pushes stacked panels away from the stack edge. */
export declare const getStackOffset: (side: string, offset: number) => {
    x?: number;
    y?: number;
};
/**
 * Fixed-position styles for a panel, accounting for side, width, and depth.
 */
export declare const getPanelStyles: (side: Side, config: ResolvedConfig, index: number) => CSSProperties;
//# sourceMappingURL=stacking.d.ts.map