import * as react_jsx_runtime from 'react/jsx-runtime';
import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import { ElementType, Ref, ReactNode, ComponentPropsWithRef } from 'react';

declare const gridCol: tailwind_variants.TVReturnType<{
    colStart: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        '13': string;
        auto: string;
    };
    colEnd: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        '13': string;
        auto: string;
    };
    colSpan: {
        auto: string;
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        full: string;
    };
    rowSpan: {
        auto: string;
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        full: string;
    };
    rowStart: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        '13': string;
        auto: string;
    };
    rowEnd: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        '13': string;
        auto: string;
    };
    order: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        first: string;
        last: string;
        none: string;
    };
    placeSelf: {
        auto: string;
        start: string;
        end: string;
        center: string;
        stretch: string;
    };
}, undefined, undefined, {
    colStart: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        '13': string;
        auto: string;
    };
    colEnd: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        '13': string;
        auto: string;
    };
    colSpan: {
        auto: string;
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        full: string;
    };
    rowSpan: {
        auto: string;
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        full: string;
    };
    rowStart: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        '13': string;
        auto: string;
    };
    rowEnd: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        '13': string;
        auto: string;
    };
    order: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        first: string;
        last: string;
        none: string;
    };
    placeSelf: {
        auto: string;
        start: string;
        end: string;
        center: string;
        stretch: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    colStart: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        '13': string;
        auto: string;
    };
    colEnd: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        '13': string;
        auto: string;
    };
    colSpan: {
        auto: string;
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        full: string;
    };
    rowSpan: {
        auto: string;
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        full: string;
    };
    rowStart: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        '13': string;
        auto: string;
    };
    rowEnd: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        '13': string;
        auto: string;
    };
    order: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        first: string;
        last: string;
        none: string;
    };
    placeSelf: {
        auto: string;
        start: string;
        end: string;
        center: string;
        stretch: string;
    };
}, undefined, undefined, unknown, unknown, undefined>>;
type GridColumnProps<T extends ElementType = 'div'> = {
    as?: T;
    ref?: Ref<any>;
    colStart?: VariantProps<typeof gridCol>['colStart'];
    colEnd?: VariantProps<typeof gridCol>['colEnd'];
    colSpan?: VariantProps<typeof gridCol>['colSpan'];
    order?: VariantProps<typeof gridCol>['order'];
    rowSpan?: VariantProps<typeof gridCol>['rowSpan'];
    rowStart?: VariantProps<typeof gridCol>['rowStart'];
    rowEnd?: VariantProps<typeof gridCol>['rowEnd'];
    placeSelf?: VariantProps<typeof gridCol>['placeSelf'];
    children?: ReactNode;
    className?: string;
} & Omit<ComponentPropsWithRef<T>, 'as' | 'ref' | 'className' | 'colStart' | 'colEnd' | 'colSpan' | 'order' | 'rowSpan' | 'rowStart' | 'rowEnd' | 'placeSelf'>;
declare function GridCol<T extends ElementType = 'div'>({ as, ref, order, rowEnd, colEnd, rowSpan, colSpan, colStart, rowStart, children, className, placeSelf, ...rest }: GridColumnProps<T>): react_jsx_runtime.JSX.Element;

declare const gridVariants: tailwind_variants.TVReturnType<{
    columns: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        none: string;
        subgrid: string;
    };
    rows: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        none: string;
        subgrid: string;
    };
    gap: {
        '0': string;
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
    };
    align: {
        end: string;
        start: string;
        center: string;
        stretch: string;
        baseline: string;
    };
    justify: {
        end: string;
        start: string;
        around: string;
        normal: string;
        center: string;
        evenly: string;
        between: string;
        stretch: string;
    };
    placeContent: {
        center: string;
        start: string;
        end: string;
        between: string;
        around: string;
        evenly: string;
        baseline: string;
        stretch: string;
    };
    placeItems: {
        center: string;
        start: string;
        end: string;
        baseline: string;
        stretch: string;
    };
}, undefined, "grid", {
    columns: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        none: string;
        subgrid: string;
    };
    rows: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        none: string;
        subgrid: string;
    };
    gap: {
        '0': string;
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
    };
    align: {
        end: string;
        start: string;
        center: string;
        stretch: string;
        baseline: string;
    };
    justify: {
        end: string;
        start: string;
        around: string;
        normal: string;
        center: string;
        evenly: string;
        between: string;
        stretch: string;
    };
    placeContent: {
        center: string;
        start: string;
        end: string;
        between: string;
        around: string;
        evenly: string;
        baseline: string;
        stretch: string;
    };
    placeItems: {
        center: string;
        start: string;
        end: string;
        baseline: string;
        stretch: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    columns: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        none: string;
        subgrid: string;
    };
    rows: {
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
        none: string;
        subgrid: string;
    };
    gap: {
        '0': string;
        '1': string;
        '2': string;
        '3': string;
        '4': string;
        '5': string;
        '6': string;
        '7': string;
        '8': string;
        '9': string;
        '10': string;
        '11': string;
        '12': string;
    };
    align: {
        end: string;
        start: string;
        center: string;
        stretch: string;
        baseline: string;
    };
    justify: {
        end: string;
        start: string;
        around: string;
        normal: string;
        center: string;
        evenly: string;
        between: string;
        stretch: string;
    };
    placeContent: {
        center: string;
        start: string;
        end: string;
        between: string;
        around: string;
        evenly: string;
        baseline: string;
        stretch: string;
    };
    placeItems: {
        center: string;
        start: string;
        end: string;
        baseline: string;
        stretch: string;
    };
}, undefined, "grid", unknown, unknown, undefined>>;
type ColumnsType = VariantProps<typeof gridVariants>['columns'];
type GridProps<T extends ElementType = 'div'> = {
    as?: T;
    ref?: Ref<any>;
    children?: ReactNode;
    gap?: VariantProps<typeof gridVariants>['gap'];
    rows?: VariantProps<typeof gridVariants>['rows'];
    align?: VariantProps<typeof gridVariants>['align'];
    justify?: VariantProps<typeof gridVariants>['justify'];
    columns?: ColumnsType;
    cols?: ColumnsType;
    colsSm?: ColumnsType;
    colsMd?: ColumnsType;
    colsLg?: ColumnsType;
    colsXl?: ColumnsType;
    cols2xl?: ColumnsType;
    placeItems?: VariantProps<typeof gridVariants>['placeItems'];
    placeContent?: VariantProps<typeof gridVariants>['placeContent'];
    className?: string;
} & Omit<ComponentPropsWithRef<T>, 'as' | 'ref' | 'className' | 'gap' | 'rows' | 'align' | 'justify' | 'columns' | 'cols' | 'colsSm' | 'colsMd' | 'colsLg' | 'colsXl' | 'cols2xl' | 'placeItems' | 'placeContent'>;
declare function GridBase<T extends ElementType = 'div'>({ as, ref, gap, rows, align, justify, columns, cols, colsSm, colsMd, colsLg, colsXl, cols2xl, children, className, placeItems, placeContent, ...rest }: GridProps<T>): react_jsx_runtime.JSX.Element;
declare const Grid: typeof GridBase & {
    Col: typeof GridCol;
};

export { Grid, type GridProps };