import { type TAnimationPreset } from './types'; export declare function popupMotion(): TAnimationPreset; type TSlideAndFadeOptions = { /** * Slide distance in pixels. Defaults to `4`. */ distance?: number; }; /** * Directional slide + opacity animation. * * The popover slides in from the direction opposite its placement edge * (e.g. a `block-end` popover slides down from above). * * @param options.distance - Slide distance in pixels. Defaults to `4`. * * @example * ```tsx * import { slideAndFade } from '@atlaskit/top-layer/animations'; * * // Default 4px slide (tooltip) * * * // Custom 8px slide (popup / dropdown) * * ``` */ export declare function slideAndFade(options?: TSlideAndFadeOptions): TAnimationPreset; /** * Simple opacity transition, no transform. * * Suitable for popup dialogs or content that does not need directional motion. * * @example * ```tsx * import { fade } from '@atlaskit/top-layer/animations'; * * * ``` */ export declare function fade(): TAnimationPreset; /** * Scale from 0.95 + opacity transition. * * Suitable for menus, dropdowns, and select options. * * @example * ```tsx * import { scaleAndFade } from '@atlaskit/top-layer/animations'; * * * ``` */ export declare function scaleAndFade(): TAnimationPreset; /** * Dialog motion animation. * * Includes backdrop fade animation. * * @example * ```tsx * import { dialogMotion } from '@atlaskit/top-layer/animations'; * * * ... * * ``` */ export declare function dialogMotion(): TAnimationPreset; type TDialogSlideUpAndFadeOptions = { /** * Slide distance in pixels. Defaults to `12`. */ distance?: number; }; /** * Slide up + opacity animation for dialogs. * * Entry slides up from below; exit slides up and out (asymmetric). * Includes backdrop fade animation. * * @param options.distance - Slide distance in pixels. Defaults to `12`. * * @example * ```tsx * import { dialogSlideUpAndFade } from '@atlaskit/top-layer/animations'; * * const animation = dialogSlideUpAndFade(); * * ... * * ``` */ export declare function dialogSlideUpAndFade(options?: TDialogSlideUpAndFadeOptions): TAnimationPreset; /** * Simple opacity transition for dialogs, no transform. * * Includes backdrop fade animation. * * @example * ```tsx * import { dialogFade } from '@atlaskit/top-layer/animations'; * * * ... * * ``` */ export declare function dialogFade(): TAnimationPreset; export {};