import Tailwind from '../base/tailwind-base';
/**
 * A versatile tag component for displaying status, labels, and categories
 *
 * @tag plus-tag
 *
 * @csspart tag - The container element for the tag
 *
 * @cssproperty [--tag-bg-color] - Background color for default state (inherits from --plus-color-background-neutral-default)
 * @cssproperty [--tag-text-color] - Text color for default state (inherits from --plus-color-text-default)
 *
 * @property {('success'|'warning'|'error'|'info'|'default')} status - Defines the tag's visual state and color scheme
 * @property {('sm'|'md'|'lg')} size - Controls the tag's size variant
 * @property {boolean} invert - Toggles between light/dark color themes
 * @property {('full'|'medium'|'none')} radius - Sets the border radius style
 *
 * @attribute {string} aria-label - Accessible label for the tag (falls back to text content)
 * @attribute {string} role - ARIA role (defaults to "status")
 *
 * @example
 * ```html
 * <!-- Basic usage -->
 * <plus-tag>Default Tag</plus-tag>
 *
 * <!-- With status -->
 * <plus-tag status="success">Success</plus-tag>
 * <plus-tag status="warning">Warning</plus-tag>
 * <plus-tag status="error">Error</plus-tag>
 *
 * <!-- Size variants -->
 * <plus-tag size="sm">Small</plus-tag>
 * <plus-tag size="md">Medium</plus-tag>
 * <plus-tag size="lg">Large</plus-tag>
 *
 * <!-- Border radius options -->
 * <plus-tag radius="full">Pill Shape</plus-tag>
 * <plus-tag radius="medium">Rounded</plus-tag>
 * <plus-tag radius="none">Square</plus-tag>
 *
 * <!-- Inverted theme -->
 * <plus-tag invert>Dark Theme</plus-tag>
 * ```
 *
 * @cssExample
 * ```css
 * plus-tag {
 *   --tag-bg-color: #f0f0f0;
 *   --tag-text-color: #333333;
 * }
 * ```
 */
export default class PlusTag extends Tailwind {
    static styles: import("lit").CSSResult[];
    /**
     * Sets the status/color variant of the tag
     * - default: Neutral color scheme
     * - primary: Brand color scheme
     * - success: Green color scheme
     * - warning: Yellow color scheme
     * - danger: Red color scheme
     * - info: Blue color scheme
     * @default 'default'
     */
    status: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
    /**
     * Sets the size of the tag
     * - sm: Small size
     * - md: Medium size
     * - lg: Large size
     * @default 'md'
     */
    size: 'sm' | 'md' | 'lg';
    /** Inverts the color scheme of the tag. */
    invert: boolean;
    /**
     * Sets the border radius style
     * - full: Pill shape
     * - medium: Rounded corners
     * - none: Square corners
     * @default 'full'
     */
    radius: 'full' | 'medium' | 'none';
    constructor();
    get ariaLabel(): string;
    render(): import("lit-html").TemplateResult<1>;
}
export { PlusTag };
//# sourceMappingURL=tag.d.ts.map