import { type VariantProps } from "class-variance-authority";
import type { HTMLAttributes } from "react";
/**
 * Badge — small status / tag indicator.
 *
 * Variants:
 *   - default     muted surface, hairline border
 *   - primary     violet outline + soft violet bg
 *   - accent      burnt sienna (celebration / pro / beta)
 *   - success     deploy succeeded
 *   - warning     attention needed
 *   - destructive failed
 *   - outline     transparent, just border
 *
 * Status dots are inlined via `<Badge.Dot />` for things like "Building…",
 * "Running", "Failed" rows in deployment lists.
 */
declare const badgeVariants: (props?: ({
    variant?: "accent" | "primary" | "destructive" | "default" | "success" | "warning" | "outline" | null | undefined;
    size?: "sm" | "md" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface BadgeProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
}
declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
interface BadgeDotProps extends HTMLAttributes<HTMLSpanElement> {
    pulse?: boolean;
    tone?: "primary" | "accent" | "success" | "warning" | "destructive" | "muted";
}
declare const Dot: import("react").ForwardRefExoticComponent<BadgeDotProps & import("react").RefAttributes<HTMLSpanElement>>;
declare const BadgeWithDot: typeof Badge & {
    Dot: typeof Dot;
};
export { BadgeWithDot as Badge, badgeVariants };