/**
 * Layout Types
 * Type definitions for layout and responsive design
 */
export type LayoutArea = 'header' | 'sidebar' | 'main' | 'footer' | 'overlay';
export interface LayoutSlot {
    /** Slot identifier */
    id: string;
    /** Slot position/area */
    area: LayoutArea;
    /** Slot priority for ordering */
    priority?: number;
    /** Optional metadata */
    meta?: Record<string, any>;
}
export interface ViewportInfo {
    width: number;
    height: number;
    isMobile: boolean;
    isTablet: boolean;
    isDesktop: boolean;
}
export type BreakpointName = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
export interface Breakpoint {
    name: BreakpointName;
    minWidth: number;
    maxWidth?: number;
}
//# sourceMappingURL=layout-types.d.ts.map