import { type ComponentProps } from 'react';
export type BadgeVariant = 'default' | 'primary' | 'error' | 'neutral' | 'counter' | 'inverse';
export type BadgeSize = 'xs' | 'sm' | 'md' | 'lg' | null;
export type BadgeProps = ComponentProps<'div'> & {
    /** Visual variant mapping to design tokens */
    variant?: BadgeVariant;
    /** Size preset (typography and padding) */
    size?: BadgeSize;
};
/**
 * Compact pill/circle badge for counts and labels.
 * Uses design tokens: --badge-bg-*, --badge-text-*, --badge-border.
 */
export declare const Badge: ({ children, className, size, variant, ...spanProps }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
export declare const ErrorBadge: ({ className, size, ...rest }: Omit<BadgeProps, "variant">) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Badge.d.ts.map