import type React from "react";
export interface MorphProps {
    /**
     * A unique name for this morphable element. Elements with the same `name`
     * on different slides will morph (animate position, size, shape) during
     * view transitions.
     *
     * Uses React's <ViewTransition> component which coordinates with the
     * browser's View Transitions API automatically via startTransition.
     * Names must be unique within a single slide.
     */
    name: string;
    /** HTML tag to render. Defaults to "div". */
    as?: keyof React.JSX.IntrinsicElements;
    /** Additional inline styles */
    style?: React.CSSProperties;
    /** Additional CSS class */
    className?: string;
    children?: React.ReactNode;
}
/**
 * Morph — marks an element for cross-slide morphing via React ViewTransition.
 *
 * Usage in MDX:
 * ```mdx
 * <Morph name="title">
 *   # My Title
 * </Morph>
 * ```
 *
 * On the next slide, use the same name:
 * ```mdx
 * <Morph name="title" style={{ fontSize: "0.5em" }}>
 *   # My Title
 * </Morph>
 * ```
 *
 * The browser will automatically animate the element's position, size,
 * and visual properties between the two slides.
 */
export declare function Morph({ name, as: Tag, style, className, children, }: MorphProps): import("react/jsx-runtime").JSX.Element;
/**
 * MorphImage — a convenience wrapper for images that should morph between slides.
 */
export declare function MorphImage({ name, src, alt, style, className, }: {
    name: string;
    src: string;
    alt?: string;
    style?: React.CSSProperties;
    className?: string;
}): import("react/jsx-runtime").JSX.Element;