import { ComponentPropsWithoutRef } from 'react';
import { LayoutUtilProps } from '../../types';
/**
 * Props for the SkeletonCircle component
 * @extends Omit<ComponentPropsWithoutRef<"div">, "children">
 * @extends Omit<LayoutUtilProps, "flex" | "flexBasis" | "flexGrow" | "flexShrink">
 */
export type SkeletonCircleProps = Omit<ComponentPropsWithoutRef<"div">, "children"> & Omit<LayoutUtilProps, "flex" | "flexBasis" | "flexGrow" | "flexShrink"> & {
    /**
     * The diameter of the circular skeleton in CSS units.
     * @default 32px
     */
    diameter?: string;
    /**
     * Enables the AI visual style with blue gradient colors.
     */
    ai?: boolean;
};
/**
 * SkeletonCircle component for displaying circular loading placeholders.
 *
 * Features:
 * - Circular skeleton placeholder with customizable diameter
 * - Animated pulsing effect for loading indication
 * - Accessible with proper ARIA attributes
 * - Layout utility props for positioning and spacing
 * - Customizable styling through className and style props
 * - Progress bar role for screen readers
 *
 * @example
 * <Skeleton.Circle diameter="40px" />
 *
 * <Skeleton.Circle
 *   diameter="60px"
 *   className="custom-skeleton"
 *   aria-label="Loading avatar"
 * />
 */
export declare const SkeletonCircle: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & Omit<LayoutUtilProps, "flex" | "flexGrow" | "flexShrink" | "flexBasis"> & {
    /**
     * The diameter of the circular skeleton in CSS units.
     * @default 32px
     */
    diameter?: string;
    /**
     * Enables the AI visual style with blue gradient colors.
     */
    ai?: boolean;
} & import('react').RefAttributes<HTMLDivElement>>;
