/**
 * A context-aware CSS grid implementation.
 *
 * @version 1.0.0
 * @status deprecated
 *
 * @part grid - the main grid element.
 * Use this to set css such as `justify-items|content` / `align-items|content` / `place-content`
 * @part helper - a replica grid showed when `show-helper` is true
 *
 * @slot - default slot. Use this to place grid items. Use `grid-states="..."` attribute to opt-out of auto / sequential placement.
 */
export declare class Grid {
    private grids;
    cacheKey: string;
    /** the component's small breakpoint. Note - all breakpoints are based on component width, not screen width.
     * Will default to `px` if no unit supplied e.g. `20rem` */
    sSize: number | string;
    /** the component's medium breakpoint. Note - all breakpoints are based on component width, not screen width.
     * Will default to `px` if no unit supplied e.g. `20rem` */
    mSize: number | string;
    /** the component's large breakpoint. Note - all breakpoints are based on component width, not screen width.
     * Will default to `px` if no unit supplied e.g. `20rem` */
    lSize: number | string;
    /** the component's xl breakpoint. Note - all breakpoints are based on component width, not screen width.
     * Will default to `px` if no unit supplied e.g. `20rem` */
    xlSize: number | string;
    /** the number of columns the grid has at the small breakpoint. */
    sCols: number;
    /** the number of columns the grid has at the medium breakpoint. */
    mCols: number;
    /** the number of columns the grid has at the large breakpoint. */
    lCols: number;
    /** the number of columns the grid has at the xl breakpoint. */
    xlCols: number;
    /** the number of columns the grid has at the xxl breakpoint (anything greater than the xl breakpoint) */
    xxlCols: number;
    /** Optional small `grid-template`. *Note* - you must set `sCols` for this to take affect */
    sTpl?: string;
    /** Optional medium `grid-template`. *Note* - you must set `mCols` for this to take affect */
    mTpl?: string;
    /** Optional large `grid-template`. *Note* - you must set `lCols` for this to take affect */
    lTpl?: string;
    /** Optional xl `grid-template`. *Note* - you must set `xlCols` for this to take affect */
    xlTpl?: string;
    /** Optional xxl `grid-template`. *Note* - you must set `xxlCols` for this to take affect */
    xxlTpl?: string;
    /** shows a grid helper to visualise where columns are */
    showHelper: boolean;
    constructSizeArray(): void;
    protected styles: () => string;
    componentWillLoad(): void;
    render(): any;
}
