import type { RoundedSize, ThemeColor, VisualVariant } from '../../types';
type BadgeVariant = Extract<VisualVariant, 'solid' | 'flat' | 'bordered' | 'outline' | 'frost'>;
type BadgeSize = 'xs' | 'sm' | 'md' | 'lg';
/** Badge component properties */
export type OreBadgeProps = {
    /**
     * When set, switches to overlay mode: the host becomes `position:relative`
     * and the badge pins to a corner over the slotted content.
     * Value controls which corner: 'top-end' (default) | 'top-start' | 'bottom-end' | 'bottom-start'
     */
    anchor?: 'top-end' | 'top-start' | 'bottom-end' | 'bottom-start';
    /** Theme color */
    color?: ThemeColor;
    /** Numeric count to display */
    count?: number;
    /** Render as a small dot with no label */
    dot?: boolean;
    /** Accessible label for assistive technology. Recommended for count-only and dot mode. */
    label?: string;
    /** Max count — displays "<max>+" when count exceeds this value */
    max?: number;
    /** Border radius override */
    rounded?: RoundedSize;
    /** Badge size */
    size?: BadgeSize;
    /** Visual style variant */
    variant?: BadgeVariant;
};
/**
 * A compact badge/chip for counts, statuses, and labels.
 * Supports numeric counts with overflow, dot mode, and icon slots.
 *
 * @element ore-badge
 *
 * @attr {string} color - Theme color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
 * @attr {string} variant - Visual variant: 'solid' | 'flat' | 'bordered' | 'outline' | 'frost'
 * @attr {string} size - Component size: 'xs' | 'sm' | 'md' | 'lg'
 * @attr {number} count - Numeric count to display
 * @attr {number} max - Max count before showing "<max>+"
 * @attr {boolean} dot - Render as a dot indicator (no text)
 * @attr {string} rounded - Border radius: 'none' | 'sm' | 'md' | 'lg' | 'full' etc.
 *
 * @slot - Badge label text
 * @slot icon - Icon displayed before the label
 * @slot target - Element the badge is anchored to (used with the anchor attribute)
 *
 * @cssprop --badge-bg - Badge background color
 * @cssprop --badge-color - Badge text color
 * @cssprop --badge-border-color - Badge border color
 * @cssprop --badge-radius - Border radius
 * @cssprop --badge-font-size - Font size
 * @cssprop --badge-font-weight - Font weight
 * @cssprop --badge-padding-x - Horizontal padding
 * @cssprop --badge-padding-y - Vertical padding
 * @cssprop --badge-gap - Gap between icon and label
 *
 * @part badge - Shadow part for the `badge` element.
 * @example
 * ```html
 * <ore-badge color="primary">New</ore-badge>
 * <ore-badge color="error" count="5"></ore-badge>
 * <ore-badge color="error" count="120" max="99"></ore-badge>
 * <ore-badge color="success" dot></ore-badge>
 * <ore-badge color="warning" variant="flat">Beta</ore-badge>
 * ```
 */
export declare const BADGE_TAG: "ore-badge";
export {};
//# sourceMappingURL=badge.d.ts.map