import { type HTMLAttributes } from "react";
import { space } from "@/tokens/tokens";
export type GridColumns = 1 | 2 | 3 | 4 | 5 | 6;
type SpaceToken = keyof typeof space;
export type GridGap = "xs" | "sm" | "md" | "lg" | "xl" | SpaceToken | number | (string & {});
export interface GridProps extends HTMLAttributes<HTMLDivElement> {
    /** Column count at desktop (default) */
    columns?: GridColumns;
    /** Column count at ≤1024px */
    columnsMd?: GridColumns;
    /** Column count at ≤640px */
    columnsSm?: GridColumns;
    /** Gap between items — semantic token ("sm", "md", etc.), space token (e.g. 4), or any CSS value */
    gap?: GridGap;
    /** Gap at ≤1024px — falls back to gap */
    gapMd?: GridGap;
    /** Gap at ≤640px — falls back to gapMd, then gap */
    gapSm?: GridGap;
}
export declare const Grid: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>;
export {};