import { type OutputHTMLAttributes, type Ref } from 'react';
type GridCellValue = 0 | 1;
type GridRow = readonly [GridCellValue, GridCellValue, GridCellValue];
export type GridMatrix = readonly [GridRow, GridRow, GridRow];
export type PresetPattern = 'solo-center' | 'solo-tl' | 'solo-tr' | 'solo-bl' | 'solo-br' | 'line-h-top' | 'line-h-mid' | 'line-h-bot' | 'line-v-left' | 'line-v-mid' | 'line-v-right' | 'line-diag-1' | 'line-diag-2' | 'corners-only' | 'corners-sync' | 'corners' | 'plus-hollow' | 'plus-full' | 'L-tl' | 'L-tr' | 'L-bl' | 'L-br' | 'T-top' | 'T-bot' | 'T-left' | 'T-right' | 'duo-h' | 'duo-v' | 'duo-diag' | 'frame' | 'frame-sync' | 'sparse-1' | 'sparse-2' | 'sparse-3' | 'wave-lr' | 'wave-rl' | 'wave-tb' | 'wave-bt' | 'diagonal-tl' | 'diagonal-tr' | 'diagonal-bl' | 'diagonal-br' | 'ripple-out' | 'ripple-in' | 'cross' | 'x-shape' | 'diamond' | 'stripes-h' | 'stripes-v' | 'checkerboard' | 'rows-alt' | 'spiral-cw' | 'spiral-ccw' | 'snake' | 'snake-rev' | 'rain' | 'rain-rev' | 'waterfall' | 'breathing' | 'heartbeat' | 'twinkle' | 'sparkle' | 'chaos' | 'edge-cw' | 'border';
type ColorPreset = 'white' | 'red' | 'blue' | 'green' | 'amber';
type GridLoaderColor = ColorPreset | (string & Record<never, never>);
type GridLoaderMode = 'pulse' | 'sequence' | 'stagger';
type GridLoaderSize = 'sm' | 'md' | 'lg' | 'xl' | number;
type GridLoaderSpeed = 'slow' | 'normal' | 'fast';
export type GridLoaderProps = Omit<OutputHTMLAttributes<HTMLOutputElement>, 'children' | 'color' | 'size'> & {
    blur?: number;
    color?: GridLoaderColor;
    gap?: number;
    label?: string;
    mode?: GridLoaderMode;
    pattern?: PresetPattern | GridMatrix;
    rounded?: boolean;
    sequence?: Array<PresetPattern | GridMatrix>;
    size?: GridLoaderSize;
    speed?: GridLoaderSpeed;
    static?: boolean;
    ref?: Ref<HTMLOutputElement>;
};
declare const COLORS: Record<ColorPreset, string>;
declare const SIZES: Record<Exclude<GridLoaderSize, number>, number>;
declare const PATTERNS: Record<PresetPattern, GridMatrix>;
declare const GridLoader: ({ "aria-label": ariaLabel, blur, className, color, gap, label, mode, pattern, ref, rounded, sequence, size, speed, static: isStatic, style, ...props }: GridLoaderProps) => import("react/jsx-runtime").JSX.Element;
export { COLORS, GridLoader, PATTERNS, SIZES };