export type TQ2GridColumnsOptions = number;
export type TQ2GridRowsOptions = 'auto' | number;
export type TQ2GridGapOptions = 'none' | 'compact' | 'normal' | 'comfortable';
export type TQ2GridJustifyOptions = 'stretch' | 'start' | 'center' | 'end';
export type TQ2GridAlignOptions = 'stretch' | 'start' | 'center' | 'end';
/**
 * @name Grid
 * @category Display
 * @summary Use for responsive grid layouts with flexible rows and columns.
 */
export declare class Q2Grid {
    /**
     * Tracks whether the `gap` attribute was explicitly set on this element at mount.
     * When false (and the grid is inside a q2-form), the grid's gap defers to the
     * form's --comp-spacing so form+grid matches form-only spacing without the
     * consumer having to mirror tokens.
     */
    private hasExplicitGap;
    element: HTMLElement;
    /**
     * Sets the vertical alignment behavior of q2-grid-area components within a grid track at
     * the baseline viewport size.
     */
    align: TQ2GridAlignOptions;
    /** Sets the amount of columns to render within the grid at the baseline viewport size.*/
    columns: TQ2GridColumnsOptions;
    /**
     * Sets the gap size between rows and columns within the grid at the baseline viewport size.
     * Gap values utilize CSS variables to allow for easy theming and customization.
     * Visit the Style section to learn more.
     */
    gap: TQ2GridGapOptions;
    /**
     * Sets the horizontal alignment behavior of q2-grid-area components within a grid track
     * at the baseline viewport size.
     */
    justify: TQ2GridJustifyOptions;
    /**
     * Sets the vertical alignment behavior of q2-grid-area components within a grid track at the
     * 'LG' viewport size.
     */
    lgAlign: TQ2GridAlignOptions;
    /** Sets the amount of columns to render within the grid at the 'LG' viewport size.*/
    lgColumns: TQ2GridColumnsOptions;
    /**
     * Sets the gap size between rows and columns within the grid at the 'LG' viewport size.
     * Gap values utilize CSS variables to allow for easy theming and customization.
     * Visit the Style section to learn more.
     */
    lgGap: TQ2GridGapOptions;
    /**
     * Sets the horizontal alignment behavior of q2-grid-area components within a grid track at
     * the 'LG' viewport size.
     */
    lgJustify: TQ2GridJustifyOptions;
    /**
     * Sets the amount of rows to render within the grid at the 'LG' viewport size.
     * When set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area
     * components placed within the grid and the number of columns allowed per row.
     */
    lgRows: TQ2GridRowsOptions;
    /**
     * Sets the vertical alignment behavior of q2-grid-area components within a grid track at
     * the 'MD' viewport size.
     */
    mdAlign: TQ2GridAlignOptions;
    /** Sets the amount of columns to render within the grid at the 'MD' viewport size.*/
    mdColumns: TQ2GridColumnsOptions;
    /**
     * Sets the gap size between rows and columns within the grid at the 'MD' viewport size.
     * Gap values utilize CSS variables to allow for easy theming and customization.
     * Visit the Style section to learn more.
     */
    mdGap: TQ2GridGapOptions;
    /**
     * Sets the horizontal alignment behavior of q2-grid-area components within a grid track at
     * the 'MD' viewport size.
     */
    mdJustify: TQ2GridJustifyOptions;
    /**
     * Sets the amount of rows to render within the grid at the 'MD' viewport size.
     * When set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area
     * components placed within the grid and the number of columns allowed per row.
     */
    mdRows: TQ2GridRowsOptions;
    /**
     * Sets the amount of rows to render within the grid at the baseline viewport size.
     * When set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area
     * components placed within the grid and the number of columns allowed per row.
     */
    rows: TQ2GridRowsOptions;
    /**
     * Sets the vertical alignment behavior of q2-grid-area components within a grid track at
     * the 'SM' viewport size.
     */
    smAlign: TQ2GridAlignOptions;
    /** Sets the amount of columns to render within the grid at the 'SM' viewport size.*/
    smColumns: TQ2GridColumnsOptions;
    /**
     * Sets the gap size between rows and columns within the grid at the 'SM' viewport size.
     * Gap values utilize CSS variables to allow for easy theming and customization.
     * Visit the Style section to learn more.
     */
    smGap: TQ2GridGapOptions;
    /**
     * Sets the horizontal alignment behavior of q2-grid-area components within a grid track at
     * the 'SM' viewport size.
     */
    smJustify: TQ2GridJustifyOptions;
    /**
     * Sets the amount of rows to render within the grid at the 'SM' viewport size.
     * When set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area
     * components placed within the grid and the number of columns allowed per row.
     */
    smRows: TQ2GridRowsOptions;
    /**
     * Sets the vertical alignment behavior of q2-grid-area components within a grid track at the
     * 'XL' viewport size.
     */
    xlAlign: TQ2GridAlignOptions;
    /** Sets the amount of columns to render within the grid at the 'XL' viewport size.*/
    xlColumns: TQ2GridColumnsOptions;
    /**
     * Sets the gap size between rows and columns within the grid at the 'XL' viewport size.
     * Gap values utilize CSS variables to allow for easy theming and customization.
     * Visit the Style section to learn more.
     */
    xlGap: TQ2GridGapOptions;
    /**
     * Sets the horizontal alignment behavior of q2-grid-area components within a grid track at
     * the 'XL' viewport size.
     */
    xlJustify: TQ2GridJustifyOptions;
    /**
     * Sets the amount of rows to render within the grid at the 'XL' viewport size.
     * When set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area
     * components placed within the grid and the number of columns allowed per row.
     */
    xlRows: TQ2GridRowsOptions;
    /**
     * Sets the vertical alignment behavior of q2-grid-area components within a grid track at
     * the 'XS' viewport size.
     */
    xsAlign: TQ2GridAlignOptions;
    /** Sets the amount of columns to render within the grid at the 'XS' viewport size.*/
    xsColumns: TQ2GridColumnsOptions;
    /**
     * Sets the gap size between rows and columns within the grid at the 'XS' viewport size.
     * Gap values utilize CSS variables to allow for easy theming and customization.
     * Visit the Style section to learn more.
     */
    xsGap: TQ2GridGapOptions;
    /**
     * Sets the horizontal alignment behavior of q2-grid-area components within a grid track
     * at the 'XS' viewport size.
     */
    xsJustify: TQ2GridJustifyOptions;
    /**
     * Sets the amount of rows to render within the grid at the 'XS' viewport size.
     * When set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area
     * components placed within the grid and the number of columns allowed per row.
     */
    xsRows: TQ2GridRowsOptions;
    componentWillLoad(): void;
    get computedLgRows(): TQ2GridRowsOptions;
    get computedMdRows(): TQ2GridRowsOptions;
    get computedSmRows(): TQ2GridRowsOptions;
    get computedXlRows(): TQ2GridRowsOptions;
    get computedXsRows(): TQ2GridRowsOptions;
    private gapValue;
    render(): any;
}