import { CSSProperties, ComponentPropsWithoutRef } from 'react';
import { LayoutUtilProps } from '../../types';
/**
 * Grid-specific props that extend layout utilities
 * @extends LayoutUtilProps
 */
export type GridSpecificProps = LayoutUtilProps & {
    /**
     * The grid template columns definition.
     */
    templateColumns?: CSSProperties["gridTemplateColumns"];
    /**
     * The grid template rows definition.
     */
    templateRows?: CSSProperties["gridTemplateRows"];
    /**
     * The grid template areas definition.
     */
    templateAreas?: CSSProperties["gridTemplateAreas"];
    /**
     * The grid auto columns definition.
     */
    autoColumns?: CSSProperties["gridAutoColumns"];
    /**
     * The grid auto rows definition.
     */
    autoRows?: CSSProperties["gridAutoRows"];
};
/**
 * Props for the Grid component
 * @extends ComponentPropsWithoutRef<"div">
 * @extends GridSpecificProps
 */
export type GridProps = ComponentPropsWithoutRef<"div"> & {
    /**
     * Applies `display: inline-grid` instead of `grid`
     */
    inline?: boolean;
} & GridSpecificProps & {
    /**
     * Responsive props for small screens (sm breakpoint).
     */
    sm?: GridSpecificProps;
    /**
     * Responsive props for medium screens (md breakpoint).
     */
    md?: GridSpecificProps;
    /**
     * Responsive props for large screens (lg breakpoint).
     */
    lg?: GridSpecificProps;
    /**
     * Responsive props for extra large screens (xl breakpoint).
     */
    xl?: GridSpecificProps;
    /**
     * Responsive props for extra extra large screens (xxl breakpoint).
     */
    xxl?: GridSpecificProps;
};
/**
 * Grid component for creating CSS Grid layouts with responsive design.
 *
 * Features:
 * - CSS Grid layout with full control over grid properties
 * - Support for both grid and inline-grid display modes
 * - Responsive design with breakpoint-specific props (sm, md, lg, xl, xxl)
 * - Comprehensive layout utilities for spacing, alignment, and positioning
 * - Template columns, rows, and areas configuration
 * - Auto columns and rows sizing
 * - Automatic style generation and class management
 * - Support for all standard div element props
 * - Flexible grid template and auto-sizing controls
 *
 * @example
 * <Grid templateColumns="repeat(3, 1fr)" gap="4">
 *   <Grid.Item>Grid Item 1</Grid.Item>
 *   <Grid.Item>Grid Item 2</Grid.Item>
 *   <Grid.Item>Grid Item 3</Grid.Item>
 * </Grid>
 *
 * @example
 * <Grid
 *   templateColumns="repeat(1, 1fr)"
 *   gap="2"
 *   md={{ templateColumns: "repeat(3, 1fr)", gap: "4" }}
 * >
 *   <Grid.Item>Grid Item 1</Grid.Item>
 *   <Grid.Item>Grid Item 2</Grid.Item>
 *   <Grid.Item>Grid Item 3</Grid.Item>
 * </Grid>
 */
export declare const Grid: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
    /**
     * Applies `display: inline-grid` instead of `grid`
     */
    inline?: boolean;
} & LayoutUtilProps & {
    /**
     * The grid template columns definition.
     */
    templateColumns?: CSSProperties["gridTemplateColumns"];
    /**
     * The grid template rows definition.
     */
    templateRows?: CSSProperties["gridTemplateRows"];
    /**
     * The grid template areas definition.
     */
    templateAreas?: CSSProperties["gridTemplateAreas"];
    /**
     * The grid auto columns definition.
     */
    autoColumns?: CSSProperties["gridAutoColumns"];
    /**
     * The grid auto rows definition.
     */
    autoRows?: CSSProperties["gridAutoRows"];
} & {
    /**
     * Responsive props for small screens (sm breakpoint).
     */
    sm?: GridSpecificProps;
    /**
     * Responsive props for medium screens (md breakpoint).
     */
    md?: GridSpecificProps;
    /**
     * Responsive props for large screens (lg breakpoint).
     */
    lg?: GridSpecificProps;
    /**
     * Responsive props for extra large screens (xl breakpoint).
     */
    xl?: GridSpecificProps;
    /**
     * Responsive props for extra extra large screens (xxl breakpoint).
     */
    xxl?: GridSpecificProps;
} & import('react').RefAttributes<HTMLDivElement>>;