import { ReactNode } from 'react';
import { MorphTransitionProps } from './types';
/**
 * MorphTransition enables FLIP-based morphing transitions for its child element.
 * It tracks the element's position across renders and animates between states.
 *
 * @example
 * ```tsx
 * // Basic usage with layout ID
 * <MorphTransition layoutId="card-1">
 *   <Card>{content}</Card>
 * </MorphTransition>
 *
 * // With enter/exit animations
 * <MorphTransition
 *   layoutId="modal"
 *   initial={{ opacity: 0, scaleX: 0.9, scaleY: 0.9 }}
 *   animate={{ opacity: 1, scaleX: 1, scaleY: 1 }}
 *   exit={{ opacity: 0, scaleX: 0.9, scaleY: 0.9 }}
 *   config={{ duration: 300, easing: 'ease-out' }}
 * >
 *   <Modal>{children}</Modal>
 * </MorphTransition>
 * ```
 */
export declare function MorphTransition({ children, layoutId, config, present, initial, animate, exit, className, style, }: MorphTransitionProps): ReactNode;
/**
 * Props for AnimatedPresence component.
 */
interface AnimatedPresenceProps {
    /** Children to animate */
    children: ReactNode;
    /** Whether to wait for exit animations before removing */
    exitBeforeEnter?: boolean;
    /** Callback when all exits are complete */
    onExitComplete?: () => void;
}
/**
 * AnimatedPresence enables exit animations for children when they're removed.
 *
 * @example
 * ```tsx
 * <AnimatedPresence>
 *   {isVisible && (
 *     <MorphTransition layoutId="item" exit={{ opacity: 0 }}>
 *       <Item />
 *     </MorphTransition>
 *   )}
 * </AnimatedPresence>
 * ```
 */
export declare function AnimatedPresence({ children, exitBeforeEnter, onExitComplete, }: AnimatedPresenceProps): ReactNode;
export type { MorphTransitionProps, AnimatedPresenceProps };