import type { Snippet } from "svelte";
import type { HTMLAttributes } from "svelte/elements";
type BadgeProps = Omit<HTMLAttributes<HTMLSpanElement>, "class"> & {
    tone?: "neutral" | "success" | "warning" | "error" | "info";
    /**
     * Badge shape — `"pill"` (default) is the current render (radius 999px, width
     * grows with content). `"circle"` renders an equal-sided round bubble
     * (`min-width === min-height`, equal inline/block padding, tabular-nums) — best
     * for ≤2-digit counts. 3+ digit content degrades GRACEFULLY to a rounded-rect
     * (never clipped), so consumer counts reaching the 1000s stay legible.
     * Mirrors `Avatar`'s `shape`. Additive: with `shape` unset the badge renders
     * byte-identically to before.
     */
    shape?: "pill" | "circle";
    /**
     * Density — `"md"` (default) is the current render. `"sm"` shrinks the
     * font-size (the rail-bubble scale). Additive: with `size` unset the badge
     * renders byte-identically to before.
     */
    size?: "sm" | "md";
    class?: string;
    /**
     * The number / text. Stays content-driven (no `value` prop). For SR users a
     * bare count is ambiguous — pass an `aria-label` via `...rest` describing what
     * is counted (e.g. `aria-label="128 entities"`).
     */
    children?: Snippet;
};
declare const Badge: import("svelte").Component<BadgeProps, {}, "">;
type Badge = ReturnType<typeof Badge>;
export default Badge;
//# sourceMappingURL=Badge.svelte.d.ts.map