/**
 * @file layerAnimations.stylex.ts
 * @input Uses StyleX, theme duration/easing tokens
 * @output Exports shared entry animation styles for layer-based components
 * @position Shared animation primitives; consumed by DropdownMenu, Popover,
 *   HoverCard, Tooltip, Selector, and any component using useLayer
 *
 * Provides opt-in entry animations for popover/layer components.
 * Components apply these via the `xstyle` prop on `layer.render()`.
 *
 * @example
 * ```
 * import {layerAnimations} from '../Layer/layerAnimations.stylex';
 *
 * // Direction-aware (for components that know placement):
 * layer.render(<Content />, {
 *   xstyle: layerAnimations[placement],
 * });
 *
 * // Fixed direction:
 * layer.render(<Content />, {
 *   xstyle: layerAnimations.below,
 * });
 * ```
 */
import * as stylex from '@stylexjs/stylex';
/**
 * Shared entry animation styles for layer-based components.
 *
 * Keyed by LayerPlacement ('above' | 'below' | 'start' | 'end')
 * for easy lookup: `layerAnimations[placement]`.
 *
 * Each entry disables its keyframe animation under
 * `prefers-reduced-motion: reduce` so the layer appears instantly instead of
 * translating/scaling in (infra-6).
 */
export declare const layerAnimations: Readonly<{
    readonly below: Readonly<{
        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "230ms">;
        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
        readonly animationFillMode: stylex.StyleXClassNameFor<"animationFillMode", "backwards">;
        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
    }>;
    readonly above: Readonly<{
        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "230ms">;
        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
        readonly animationFillMode: stylex.StyleXClassNameFor<"animationFillMode", "backwards">;
        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
    }>;
    readonly end: Readonly<{
        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "230ms">;
        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
        readonly animationFillMode: stylex.StyleXClassNameFor<"animationFillMode", "backwards">;
        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
    }>;
    readonly start: Readonly<{
        readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "230ms">;
        readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
        readonly animationFillMode: stylex.StyleXClassNameFor<"animationFillMode", "backwards">;
        readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
    }>;
}>;
//# sourceMappingURL=layerAnimations.stylex.d.ts.map