type BadgeVariant = 'accent' | 'success' | 'danger' | 'warning' | 'info' | 'default' | 'neutral';
type BadgeSize = 'sm' | 'md' | 'lg';
/**
 * `<dt-badge>` — framework-agnostic status badge web component.
 *
 * Inline status pill/badge for labels and indicators.
 *
 * ## Attributes
 * - `variant` — status color: `accent` (default), `success`, `danger`, `warning`, `info`, `neutral`
 * - `size` — size: `sm`, `md` (default), `lg`
 * - `text` — the badge text (alternative to slot)
 *
 * ## Usage
 * ```html
 * <dt-badge>New</dt-badge>
 *
 * <dt-badge variant="success">Active</dt-badge>
 *
 * <dt-badge variant="danger" size="lg">Error</dt-badge>
 *
 * <dt-badge variant="info" size="sm">Beta</dt-badge>
 * ```
 */
export declare class DtBadge extends HTMLElement {
    static get observedAttributes(): string[];
    private _container;
    private _slot;
    get variant(): BadgeVariant;
    set variant(val: BadgeVariant);
    get size(): BadgeSize;
    set size(val: BadgeSize);
    get text(): string | null;
    set text(val: string | null);
    constructor();
    attributeChangedCallback(name: string, _oldVal: string | null, _newVal: string | null): void;
    private _render;
}
export {};
//# sourceMappingURL=dt-badge.d.ts.map