/**
 * html/badge — variant-styled badge primitives, all rendered as <span>.
 *
 * Three exports:
 *   BadgeEl      — inline text pill (status labels, tags)
 *   IconBadgeEl  — circular icon container with tone variants
 *   StepBubbleEl — circular step indicator with state variants
 */
import { type HTMLAttributes } from "react";
import { type VariantProps } from "class-variance-authority";
export declare const badgeVariants: (props?: ({
    variant?: "default" | "muted" | "destructive" | "outline" | "secondary" | "warning" | "success" | "info" | null | undefined;
    size?: "default" | "sm" | "count" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>["variant"]>;
export type BadgeSize = NonNullable<VariantProps<typeof badgeVariants>["size"]>;
export type BadgeElProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof badgeVariants>;
export declare const BadgeEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
    variant?: "default" | "muted" | "destructive" | "outline" | "secondary" | "warning" | "success" | "info" | null | undefined;
    size?: "default" | "sm" | "count" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLSpanElement>>;
/**
 * The single icon-tile primitive of the kit. Every icon that sits on a card
 * surface renders inside this tile so glyph weight and tint stay identical
 * from one card to the next. The size ramp keeps a 2:1 tile-to-glyph ratio.
 *
 * Shape grammar: `square` for object/feature/navigation icons (the default),
 * `circle` for people, status, and progress indicators.
 */
export declare const iconBadgeVariants: (props?: ({
    size?: "sm" | "lg" | "md" | "xl" | null | undefined;
    shape?: "circle" | "square" | null | undefined;
    tone?: "primary" | "muted" | "destructive" | "warning" | "success" | "info" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type IconBadgeSize = NonNullable<VariantProps<typeof iconBadgeVariants>["size"]>;
export type IconBadgeShape = NonNullable<VariantProps<typeof iconBadgeVariants>["shape"]>;
export type IconBadgeTone = NonNullable<VariantProps<typeof iconBadgeVariants>["tone"]>;
export type IconBadgeElProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof iconBadgeVariants>;
export declare const IconBadgeEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
    size?: "sm" | "lg" | "md" | "xl" | null | undefined;
    shape?: "circle" | "square" | null | undefined;
    tone?: "primary" | "muted" | "destructive" | "warning" | "success" | "info" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLSpanElement>>;
export declare const stepBubbleVariants: (props?: ({
    size?: "default" | "lg" | "xl" | "hero" | null | undefined;
    state?: "active" | "done" | "warning" | "success" | "info" | "upcoming" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type StepBubbleState = NonNullable<VariantProps<typeof stepBubbleVariants>["state"]>;
export type StepBubbleElProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof stepBubbleVariants>;
export declare const StepBubbleEl: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
    size?: "default" | "lg" | "xl" | "hero" | null | undefined;
    state?: "active" | "done" | "warning" | "success" | "info" | "upcoming" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & import("react").RefAttributes<HTMLSpanElement>>;
//# sourceMappingURL=badge.d.ts.map