/**
 * Responsive `sizes` helpers.
 *
 * The `sizes` attribute tells the browser how wide an image will render at each
 * breakpoint so it can pick the smallest sufficient `srcset` candidate. Getting
 * it wrong (or omitting it) makes mobile silently over-download the desktop-
 * sized image — one of the most common, invisible LCP regressions.
 *
 * These constants/helpers encode the layout each built-in section renders at, so
 * the right `sizes` ships by default without each renderer hand-rolling it.
 */
/** Full-bleed image (hero, overlay header): one column at every width. */
export declare const FULL_WIDTH_SIZES = "100vw";
/**
 * Centered content image capped at a max width (e.g. the standard post header
 * featured image, rendered inside `max-w-4xl` = 896px).
 */
export declare const CONTENT_WIDTH_SIZES = "(max-width: 896px) 100vw, 896px";
/**
 * Feature section image: stacks full-width on mobile, ~half the row on `md+`
 * (two-column grid).
 */
export declare const FEATURE_SIZES = "(max-width: 768px) 100vw, 50vw";
/**
 * Gallery cell `sizes` for a given column count: full-width on small screens,
 * an even fraction of the viewport at the grid breakpoint. Clamps the column
 * count to a sane range so a bad value can't produce a nonsense hint.
 */
export declare function gallerySizes(columns: number): string;
//# sourceMappingURL=sizes.d.ts.map