import { z } from "zod";
import type { WidgetGenerator } from "../../widgets/types";
export declare const RatioBoxDiagramPropsSchema: z.ZodObject<{
    type: z.ZodLiteral<"ratioBoxDiagram">;
    width: z.ZodNumber;
    height: z.ZodNumber;
    items: z.ZodArray<z.ZodObject<{
        count: z.ZodNumber;
        color: z.ZodString;
        style: z.ZodEnum<{
            filled: "filled";
            outline: "outline";
        }>;
    }, z.core.$strict>>;
    itemsPerRow: z.ZodNumber;
    boxes: z.ZodArray<z.ZodObject<{
        startRow: z.ZodNumber;
        endRow: z.ZodNumber;
        startCol: z.ZodNumber;
        endCol: z.ZodNumber;
        label: z.ZodPipe<z.ZodNullable<z.ZodString>, z.ZodTransform<string | null, string | null>>;
    }, z.core.$strict>>;
    partitions: z.ZodNumber;
    layout: z.ZodEnum<{
        sequential: "sequential";
        grouped: "grouped";
    }>;
}, z.core.$strict>;
export type RatioBoxDiagramProps = z.infer<typeof RatioBoxDiagramPropsSchema>;
/**
 * Generates an SVG diagram of items in a grid with box overlays to illustrate ratios.
 */
export declare const generateRatioBoxDiagram: WidgetGenerator<typeof RatioBoxDiagramPropsSchema>;
//# sourceMappingURL=ratio-box-diagram.d.ts.map