import * as _lucca_front_ng_grid from '@lucca-front/ng/grid';
import * as _angular_core from '@angular/core';
import { ResponsiveProperty } from '@lucca-front/ng/core';

declare class GridColumnComponent {
    readonly colspan: _angular_core.InputSignalWithTransform<number, unknown>;
    readonly rowspan: _angular_core.InputSignalWithTransform<number, unknown>;
    readonly column: _angular_core.InputSignalWithTransform<number, unknown>;
    readonly row: _angular_core.InputSignalWithTransform<number, unknown>;
    readonly align: _angular_core.InputSignal<"auto" | "start" | "center" | "end">;
    readonly justify: _angular_core.InputSignal<"auto" | "start" | "center" | "end">;
    readonly responsive: _angular_core.InputSignal<Partial<Record<"rowAtMediaMinXXXS" | "columnAtMediaMinXXXS" | "rowspanAtMediaMinXXXS" | "colspanAtMediaMinXXXS" | "rowAtMediaMinXXS" | "columnAtMediaMinXXS" | "rowspanAtMediaMinXXS" | "colspanAtMediaMinXXS" | "rowAtMediaMinXS" | "columnAtMediaMinXS" | "rowspanAtMediaMinXS" | "colspanAtMediaMinXS" | "rowAtMediaMinS" | "columnAtMediaMinS" | "rowspanAtMediaMinS" | "colspanAtMediaMinS" | "rowAtMediaMinM" | "columnAtMediaMinM" | "rowspanAtMediaMinM" | "colspanAtMediaMinM" | "rowAtMediaMinL" | "columnAtMediaMinL" | "rowspanAtMediaMinL" | "colspanAtMediaMinL" | "rowAtMediaMinXL" | "columnAtMediaMinXL" | "rowspanAtMediaMinXL" | "colspanAtMediaMinXL" | "rowAtMediaMinXXL" | "columnAtMediaMinXXL" | "rowspanAtMediaMinXXL" | "colspanAtMediaMinXXL" | "rowAtMediaMinXXXL" | "columnAtMediaMinXXXL" | "rowspanAtMediaMinXXXL" | "colspanAtMediaMinXXXL" | "rowAtContainerMinXXXS" | "columnAtContainerMinXXXS" | "rowspanAtContainerMinXXXS" | "colspanAtContainerMinXXXS" | "rowAtContainerMinXXS" | "columnAtContainerMinXXS" | "rowspanAtContainerMinXXS" | "colspanAtContainerMinXXS" | "rowAtContainerMinXS" | "columnAtContainerMinXS" | "rowspanAtContainerMinXS" | "colspanAtContainerMinXS" | "rowAtContainerMinS" | "columnAtContainerMinS" | "rowspanAtContainerMinS" | "colspanAtContainerMinS" | "rowAtContainerMinM" | "columnAtContainerMinM" | "rowspanAtContainerMinM" | "colspanAtContainerMinM" | "rowAtContainerMinL" | "columnAtContainerMinL" | "rowspanAtContainerMinL" | "colspanAtContainerMinL" | "rowAtContainerMinXL" | "columnAtContainerMinXL" | "rowspanAtContainerMinXL" | "colspanAtContainerMinXL" | "rowAtContainerMinXXL" | "columnAtContainerMinXXL" | "rowspanAtContainerMinXXL" | "colspanAtContainerMinXXL" | "rowAtContainerMinXXXL" | "columnAtContainerMinXXXL" | "rowspanAtContainerMinXXXL" | "colspanAtContainerMinXXXL", number>>>;
    protected gridRef: _lucca_front_ng_grid.GridComponent;
    readonly style: _angular_core.Signal<{
        '--grid-colspan': number;
        '--grid-rowspan': number;
        '--grid-column': number;
        '--grid-row': number;
        '--grid-align': "auto" | "start" | "center" | "end";
        '--grid-justify': "auto" | "start" | "center" | "end";
    }>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridColumnComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridColumnComponent, "lu-grid-column, [lu-grid-column]", never, { "colspan": { "alias": "colspan"; "required": false; "isSignal": true; }; "rowspan": { "alias": "rowspan"; "required": false; "isSignal": true; }; "column": { "alias": "column"; "required": false; "isSignal": true; }; "row": { "alias": "row"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

declare class GridComponent {
    #private;
    readonly container: _angular_core.InputSignalWithTransform<boolean, unknown>;
    readonly columns: _angular_core.InputSignalWithTransform<number, unknown>;
    readonly colspan: _angular_core.InputSignalWithTransform<number, unknown>;
    readonly rowspan: _angular_core.InputSignalWithTransform<number, unknown>;
    readonly mode: _angular_core.InputSignal<"auto" | ResponsiveProperty<"auto"> | "form">;
    readonly gap: _angular_core.InputSignal<`${number}${string}`>;
    readonly columnGap: _angular_core.InputSignal<`${number}${string}`>;
    readonly rowGap: _angular_core.InputSignal<`${number}${string}`>;
    protected readonly gridStyle: _angular_core.Signal<{
        '--grid-columns': number;
        '--grid-gap': string;
        '--grid-column-gap': string;
        '--grid-row-gap': string;
    }>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridComponent, "lu-grid, [lu-grid]", never, { "container": { "alias": "container"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "colspan": { "alias": "colspan"; "required": false; "isSignal": true; }; "rowspan": { "alias": "rowspan"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "columnGap": { "alias": "columnGap"; "required": false; "isSignal": true; }; "rowGap": { "alias": "rowGap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}
type Gap = '0' | '25' | '50' | '75' | '100' | '150' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | `${number}${string}`;

export { GridColumnComponent, GridComponent };
export type { Gap };