import { type HTMLAttributes, type ReactNode } from 'react';
import { type VariantProps } from 'class-variance-authority';
declare const counterVariants: (props?: ({
    variant?: "outline" | "solid" | "neutral" | "notification" | null | undefined;
    background?: "transparent" | "surface" | null | undefined;
    size?: "sm" | "md" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface CounterProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'>, VariantProps<typeof counterVariants> {
    /** Numeric count. Rendered with thousands left as-is; capped by `max`. */
    count?: number;
    /** Above this, the count collapses to `"{max}+"`. Default `99`. */
    max?: number;
    /** Pre-formatted content when `count` isn't a plain number. */
    children?: ReactNode;
}
/**
 * Compact numeric count indicator. Pass either a `count` (formatted +
 * overflow-capped) or `children` (verbatim). Supply an accessible name on
 * the element when the bare digit doesn't carry its own meaning.
 *
 * `background="surface"` paints `--background` behind the `outline` variant,
 * for the case it is built for: an outlined count OVERLAPPING something else
 * — the corner of an icon button, a chip — where a see-through ring collides
 * with whatever it sits on and the two borders read as one smudge.
 */
export declare const Counter: import("react").ForwardRefExoticComponent<CounterProps & import("react").RefAttributes<HTMLSpanElement>>;
export {};
//# sourceMappingURL=counter.d.ts.map