import { HTMLMotionProps } from 'framer-motion';
import { default as React } from 'react';
declare const BREAKPOINTS: readonly ["sm", "md", "lg", "xl", "2xl"];
type BreakpointKey = (typeof BREAKPOINTS)[number];
type ResponsiveCols = number | (Partial<Record<BreakpointKey, number>> & {
    default?: number;
});
type GapSize = "none" | "xs" | "sm" | "md" | "lg" | "xl";
export interface GridItemProps extends HTMLMotionProps<"div"> {
    colSpan?: number | Partial<Record<BreakpointKey | "default", number>>;
    rowSpan?: number;
}
export declare const GridItem: React.ForwardRefExoticComponent<Omit<GridItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
export interface GridProps extends HTMLMotionProps<"div"> {
    columns?: ResponsiveCols;
    gap?: GapSize;
    children: React.ReactNode;
    /**
     * If true, children are not auto-wrapped in AnimatePresence.
     * Use this if you want to control the AnimatePresence manually or for static grids.
     */
    disableAnimatePresence?: boolean;
}
export declare const Grid: React.ForwardRefExoticComponent<Omit<GridProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
export {};
