import type { Image, Layout } from './PhotoPack.svelte';
export declare const DESKTOP_BREAKPOINT = 1024;
export declare const TABLET_BREAKPOINT = 768;
/**
 * Generates a smart layout for a given number of images with bottom-heavy distribution.
 * Avoids single-image rows by redistributing when necessary.
 *
 * @param imageCount - Total number of images
 * @param maxPerRow - Maximum images per row
 * @param breakpoint - Breakpoint threshold for this layout
 * @returns Layout object with rows array
 */
export declare const generateSmartLayout: (imageCount: number, maxPerRow: number, breakpoint: number) => Layout;
type ContainerWidth = 'normal' | 'wide' | 'wider' | 'widest' | 'fluid';
/**
 * Generates smart default layouts for desktop and tablet breakpoints.
 * Mobile (below TABLET_BREAKPOINT) automatically shows 1 image per row.
 *
 * Max images per row by container width:
 * - normal: 2
 * - wide/wider: 3
 * - widest/fluid: 4
 *
 * @param imageCount - Total number of images
 * @param width - Container width setting
 * @returns Array of 2 layouts [desktop, tablet]
 */
export declare const generateDefaultLayouts: (imageCount: number, width: ContainerWidth) => Layout[];
export declare const groupRows: (images: Image[], layout?: Layout) => Image[][];
export {};