import type { NodeDefinition } from "../node";
import type { SystemBlockDefinition } from "../registry";
import type { Media } from "../../lib/media";
import type { SectionStylesContent } from "../fields/boxStyles";
export declare const imageGalleryManifest: import("..").DefinedBlockManifest<{
    readonly id: "block.image-gallery";
    readonly title: "Image Gallery";
    readonly category: "content";
    readonly additionalFields: import("..").FieldDefinition[];
    readonly layout: NodeDefinition;
    readonly variants: {
        readonly grid: NodeDefinition;
        readonly carousel: NodeDefinition;
        readonly masonry: NodeDefinition;
        readonly marquee: NodeDefinition;
    };
    readonly defaultVariant: "grid";
    readonly variantOptions: {
        readonly grid: {
            readonly label: "Grid";
            readonly description: "Responsive grid of images";
            readonly icon: "Grid";
        };
        readonly carousel: {
            readonly label: "Carousel";
            readonly description: "Swipeable carousel with controls";
            readonly icon: "GalleryHorizontal";
        };
        readonly masonry: {
            readonly label: "Masonry";
            readonly description: "Pinterest-style columns";
            readonly icon: "Columns";
        };
        readonly marquee: {
            readonly label: "Marquee (infinite scroll)";
            readonly description: "Infinite horizontal scrolling gallery";
            readonly icon: "Repeat";
        };
    };
    readonly description: "Display a collection of images in grid, carousel, masonry, or marquee layout.";
    readonly tags: readonly ["gallery", "images", "photos", "carousel", "grid", "masonry", "marquee", "media"];
    readonly icon: "Images";
    readonly styleTokens: {
        readonly background: "surface";
        readonly spacing: "md";
    };
}>;
export type ImageGalleryContent = {
    variant?: "grid" | "carousel" | "masonry" | "marquee" | null;
    fullBleed?: boolean | null;
    aspectRatio?: "auto" | "1/1" | "4/3" | "16/9" | "3/2" | "3/4" | null;
    slidesToShow?: "1" | "2" | "3" | null;
    slidesToShowTablet?: "" | "1" | "2" | "3" | null;
    slidesToShowDesktop?: "" | "1" | "2" | "3" | null;
    transition?: "slide" | "fade" | null;
    showControls?: boolean | null;
    showDots?: boolean | null;
    autoplay?: boolean | null;
    autoplayDelay?: "3000" | "5000" | "7000" | "10000" | null;
    arrowVisibility?: "always" | "hover" | null;
    loop?: boolean | null;
    marqueeDirection?: "left" | "right" | null;
    marqueeSpeed?: "slow" | "medium" | "fast" | null;
    marqueePauseOnHover?: boolean | null;
    marqueeImageSize?: "sm" | "md" | "lg" | "xl" | null;
    imageFilter?: "none" | "grayscale" | "grayscale-hover-reveal" | "sepia" | null;
    imageBorder?: {
        enabled?: boolean | null;
        colorToken?: string | null;
        opacity?: number | null;
        width?: "1" | "2" | "3" | null;
    } | null;
    imageCorners?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | null;
    images?: Array<{
        image?: Media | null;
        caption?: string | null;
    }> | null;
    _sectionStyles?: SectionStylesContent;
};
export declare const imageGalleryBlockDefinition: SystemBlockDefinition<ImageGalleryContent>;
