import { default as Skeleton } from './Skeleton';
import { default as SkeletonAvatar } from './SkeletonAvatar';
import { default as SkeletonCard } from './SkeletonCard';
import { SkeletonProps } from './types';
declare const SkeletonRoot: import('react').ForwardRefExoticComponent<import('./types').BaseSkeletonProps & Omit<import('../Primitives/Block/Block').BlockProps, "children"> & {
    children?: import('react').ReactNode;
    animate?: boolean;
    width?: string | number;
    height?: string | number;
    maxHeight?: string | number;
    minHeight?: string | number;
    maxWidth?: string | number;
    minWidth?: string | number;
    shape?: import('./skeleton.tokens.types').SkeletonShape;
} & import('react').RefAttributes<HTMLDivElement>>;
declare const SkeletonCircle: import('react').ForwardRefExoticComponent<Omit<SkeletonProps, "shape"> & import('react').RefAttributes<HTMLDivElement>>;
declare const SkeletonRectangle: import('react').ForwardRefExoticComponent<Omit<SkeletonProps, "shape"> & import('react').RefAttributes<HTMLDivElement>>;
declare const SkeletonRounded: import('react').ForwardRefExoticComponent<Omit<SkeletonProps, "shape"> & import('react').RefAttributes<HTMLDivElement>>;
/**
 * Enhanced Skeleton with compound component pattern
 *
 * Usage:
 * <Skeleton loading={true}>
 *   <Skeleton.Avatar size="md" />
 *   <Skeleton.Text lines={2} />
 * </Skeleton>
 *
 * Or traditional:
 * <Skeleton.Text loading={isLoading} lines={3} />
 */
declare const SkeletonCompound: typeof SkeletonRoot & {
    /**
     * Avatar skeleton with circular or square shapes and multiple sizes
     */
    Avatar: typeof SkeletonAvatar;
    /**
     * Card skeleton with default layout or custom children
     */
    Card: typeof SkeletonCard;
    /**
     * Base skeleton component for custom shapes and layouts
     */
    Base: typeof Skeleton;
    Circle: typeof SkeletonCircle;
    Rectangle: typeof SkeletonRectangle;
    Rounded: typeof SkeletonRounded;
};
export default SkeletonCompound;