@zeytal/grid/dist/index.d.ts

Small layout grid utility. Align everything perfectly. Simplify your responsive design coding process without sacrificing effectiveness. Hit G on your keyboard to toggle your grid on and off.

import * as react_jsx_runtime from 'react/jsx-runtime';

type BuildPositiveRange<N extends number, T extends any[] = [1], R = T["length"]> = T["length"] extends N ? R : BuildPositiveRange<N, [...T, 1], R | T["length"]>;
type PositiveColumnNumber = BuildPositiveRange<41>;
type BreakpointEntry = {
    columns: PositiveColumnNumber;
    gutter?: number;
};
type BreakpointName<T extends number> = `${T}x`;
type Breakpoint<T extends number> = {
    [K in BreakpointName<T>]: BreakpointEntry;
};
type Breakpoints = Breakpoint<0> & Breakpoint<number>;
interface GridOverlayProps {
    breakpoints?: Breakpoints;
    active?: boolean;
    maxWidth?: "last-breakpoint" | "none";
}
declare function GridOverlay({ breakpoints, active, maxWidth, }: GridOverlayProps): react_jsx_runtime.JSX.Element;
declare namespace GridOverlay {
    var displayName: string;
}

export { type Breakpoints, GridOverlay, type GridOverlayProps };