import * as react from 'react';
import { ReactNode, ComponentProps } from 'react';
import * as react_jsx_runtime from 'react/jsx-runtime';
import { SpacingValue, AlignContentProp, AlignItemsProp, GridAutoColumnsProp, GridAutoFlowProp, GridAutoRowsProp, ColumnGapProp, GapProp, JustifyContentProp, JustifyItemsProp, RowGapProp, GridTemplateColumnsValue, GridTemplateRowsValue } from '../../styling/src/styled-system/props-handler.js';
import { SlotProps, InternalProps, StyledComponentProps, OmitInternalProps } from '../../shared/src/types.js';
import { ResponsiveProp } from '../../styling/src/useResponsiveValue.js';
import 'csstype';
import '../../shared/src/type-fest.js';
import '../../styling/src/styled-system/StylingContext.js';
import '../../styling/src/BreakpointProvider.js';

declare function repeat(count: number | "auto-fill" | "auto-fit", repetition: SpacingValue | SpacingValue[]): string;
declare function minmax(min: SpacingValue, max: SpacingValue): string;
declare function fitContent(dimension: SpacingValue): string;
declare const DefaultElement = "div";
interface InnerGridProps extends SlotProps, InternalProps, Omit<StyledComponentProps<typeof DefaultElement>, "alignContent" | "alignItems" | "columnGap" | "display" | "gap" | "gridAutoColumns" | "gridAutoRows" | "gridAutoFlow" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "rowGap" | "ref"> {
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-content).
     */
    alignContent?: AlignContentProp;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items).
     */
    alignItems?: AlignItemsProp;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas).
     */
    areas?: ResponsiveProp<string[]>;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns).
     */
    autoColumns?: GridAutoColumnsProp;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow).
     */
    autoFlow?: GridAutoFlowProp;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows).
     */
    autoRows?: GridAutoRowsProp;
    /**
     * React children.
     */
    children: ReactNode;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap).
     */
    columnGap?: ColumnGapProp;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap).
     */
    gap?: GapProp;
    /**
     * Whether or not the element generate line breaks before or after himself.
     */
    inline?: boolean;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content).
     */
    justifyContent?: JustifyContentProp;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-items).
     */
    justifyItems?: JustifyItemsProp;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/row-gap).
     */
    rowGap?: RowGapProp;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns).
     */
    templateColumns?: ResponsiveProp<GridTemplateColumnsValue | GridTemplateColumnsValue[]>;
    /**
     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows).
     */
    templateRows?: ResponsiveProp<GridTemplateRowsValue | GridTemplateRowsValue[]>;
}
declare function InnerGrid({ areas, as, autoColumns, autoFlow, autoRows, children, forwardedRef, inline, templateColumns, templateRows, ...rest }: InnerGridProps): react_jsx_runtime.JSX.Element;
declare namespace InnerGrid {
    var defaultElement: string;
}
/**
 * A layout container using grid.
 *
 * [Documentation](https://wl-orbiter-website.netlify.app/?path=/docs/grid--areas)
*/
declare const Grid: react.ForwardRefExoticComponent<OmitInternalProps<InnerGridProps> & react.RefAttributes<any>>;
type GridProps = ComponentProps<typeof Grid>;

export { Grid, type GridProps, InnerGrid, type InnerGridProps, fitContent, minmax, repeat };