import { type EvokitProp, type EvokitMediaSufix } from '@prom-ui/core/evokit';
type GridMediaSufix = 'small' | 'medium' | 'large' | 'wide';
type GridItemDisplay = EvokitMediaSufix<'block' | 'none', GridMediaSufix>;
type GridItemOrder = EvokitMediaSufix<1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10, GridMediaSufix>;
type GridItemWidth = EvokitMediaSufix<'auto' | 'expand' | `1-${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10}` | `2-${2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10}` | `3-${3 | 4 | 5 | 6 | 7 | 8 | 9 | 10}` | `4-${4 | 5 | 6 | 7 | 8 | 9 | 10}` | `5-${5 | 6 | 7 | 8 | 9 | 10}` | `6-${6 | 7 | 8 | 9 | 10}` | `7-${7 | 8 | 9 | 10}` | `8-${8 | 9 | 10}` | `9-${9 | 10}` | `10-10`, GridMediaSufix>;
type GridAlign = EvokitMediaSufix<'left' | 'center' | 'right' | 'justify', GridMediaSufix>;
type GridColumn = EvokitMediaSufix<'auto' | 'expand' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10, GridMediaSufix>;
type GridDirection = EvokitMediaSufix<'row' | 'row-reverse' | 'column' | 'column-reverse', GridMediaSufix>;
type GridDisplay = EvokitMediaSufix<'flex' | 'none', GridMediaSufix>;
type GridDivider = EvokitMediaSufix<'black-300' | 'black-400', GridMediaSufix>;
type GridDividerColumn = EvokitMediaSufix<'auto' | 'expand' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10, GridMediaSufix>;
type GridHeight = EvokitMediaSufix<'auto' | 'inherit' | '1-1', GridMediaSufix>;
type GridValign = EvokitMediaSufix<'top' | 'middle' | 'bottom' | 'baseline' | 'justify', GridMediaSufix>;
type GridWrap = EvokitMediaSufix<'wrap' | 'nowrap' | 'wrap-reverse', GridMediaSufix>;
type GridIndent = EvokitMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl', GridMediaSufix>;
export type GridProps = {
    'grid-align'?: EvokitProp<GridAlign>;
    'grid-column'?: EvokitProp<GridColumn>;
    'grid-direction'?: EvokitProp<GridDirection>;
    'grid-display'?: EvokitProp<GridDisplay>;
    'grid-divider'?: EvokitProp<GridDivider>;
    'grid-divider-column'?: EvokitProp<GridDividerColumn>;
    'grid-height'?: EvokitProp<GridHeight>;
    'grid-valign'?: EvokitProp<GridValign>;
    'grid-wrap'?: EvokitProp<GridWrap>;
    'grid-blackhole'?: EvokitProp<'display-inline-flex'>;
    'grid-indent'?: EvokitProp<GridIndent | `${GridIndent} ${string}`>;
    /** @ignore */
    'grid-indent-x'?: EvokitProp<GridIndent>;
    /** @ignore */
    'grid-indent-y'?: EvokitProp<GridIndent>;
    'grid-divider-indent'?: EvokitProp<GridIndent | `${GridIndent} ${string}`>;
    /** @ignore */
    'grid-divider-indent-x'?: EvokitProp<GridIndent>;
    /** @ignore */
    'grid-divider-indent-y'?: EvokitProp<GridIndent>;
};
export type GridItemProps = {
    'grid-item-display'?: EvokitProp<GridItemDisplay>;
    'grid-item-order'?: EvokitProp<GridItemOrder>;
    'grid-item-width'?: EvokitProp<GridItemWidth>;
};
declare const GridItem: import("@prom-ui/core/evokit").CreateBlock<"div", "grid__item", GridItemProps>;
export declare const Grid: import("@prom-ui/core/evokit").CreateBlock<"div", "grid", GridProps> & {
    Item: typeof GridItem;
};
export {};
