import type { HTMLAttributes } from 'react';
export type DotmSquare3Pattern = 'full' | 'diamond' | 'outline' | 'cross';
export type DotmSquare3DotShape = 'circle' | 'square' | 'diamond';
export type DotmSquare3Phase = 'idle' | 'collapse' | 'hoverRipple' | 'loadingRipple';
export interface DotmSquare3Props extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
    size?: number;
    dotSize?: number;
    color?: string;
    speed?: number;
    ariaLabel?: string;
    pattern?: DotmSquare3Pattern;
    muted?: boolean;
    bloom?: boolean;
    halo?: number;
    animated?: boolean;
    hoverAnimated?: boolean;
    dotClassName?: string;
    dotShape?: DotmSquare3DotShape;
    opacityBase?: number;
    opacityMid?: number;
    opacityPeak?: number;
    cellPadding?: number;
    minSize?: number;
}
export declare function spiralInwardOrderValue(index: number): number;
export declare function spiralInwardNormFromIndex(index: number): number;
export declare function DotmSquare3({ size, dotSize, color, speed, ariaLabel, pattern, muted, bloom, halo, animated, hoverAnimated, dotClassName, dotShape, opacityBase, opacityMid, opacityPeak, cellPadding, minSize, className, style, onMouseEnter, onMouseLeave, ...props }: DotmSquare3Props): import("react/jsx-runtime").JSX.Element;
export declare namespace DotmSquare3 {
    var displayName: string;
}