import { LitElement } from 'lit';
import '../Icon/Icon';
type CttIconName = import('../Icon/Icon').CttIconName;
declare global {
    interface HTMLElementTagNameMap {
        'ctt-tag': CttTag;
    }
}
export type TagType = 'success' | 'warning' | 'danger' | 'info' | 'highlight' | 'neutral';
export type TagSize = 's' | 'm' | 'l';
export type TagVariant = 'soft' | 'outline';
export type TagIconPosition = 'left' | 'right';
/**
 * CTT Tag Component
 *
 * A compact labeled pill with optional icon support for semantic status indicators.
 * Features light backgrounds with colored borders and text based on semantic type.
 *
 * @slot - Default slot for tag label text
 * @slot icon - Custom icon content (alternative to using the `icon` attribute)
 *
 * @cssprop --tag-bg - Background color
 * @cssprop --tag-border - Border color
 * @cssprop --tag-fg - Text color
 * @cssprop --tag-gap - Gap between elements (default: 8px)
 * @cssprop --tag-br - Border radius (default: 8px)
 * @cssprop --tag-bw - Border width (default: 1px)
 * @cssprop --tag-py - Vertical padding
 * @cssprop --tag-px - Horizontal padding
 * @cssprop --tag-icon-size - Icon size
 *
 * @example
 * ```html
 * <!-- Basic tags with different types -->
 * <ctt-tag type="success">Delivered</ctt-tag>
 * <ctt-tag type="warning">Pending</ctt-tag>
 * <ctt-tag type="danger">Failed</ctt-tag>
 *
 * <!-- With icons -->
 * <ctt-tag type="success" icon="check">Approved</ctt-tag>
 * <ctt-tag type="warning" icon="warning">Alert</ctt-tag>
 *
 * <!-- Different sizes -->
 * <ctt-tag size="s" type="info">Small</ctt-tag>
 * <ctt-tag size="m" type="info">Medium</ctt-tag>
 * <ctt-tag size="l" type="info">Large</ctt-tag>
 *
 * <!-- Outline variant -->
 * <ctt-tag variant="outline" type="highlight">New</ctt-tag>
 *
 * <!-- Custom icon slot -->
 * <ctt-tag type="success">
 *   <span slot="icon">✓</span>
 *   Custom Icon
 * </ctt-tag>
 * ```
 */
export declare class CttTag extends LitElement {
    static styles: import("lit").CSSResult[];
    /**
     * Semantic type of the tag
     */
    type: TagType;
    /**
     * Size variant
     */
    size: TagSize;
    /**
     * Icon name from CTT icon system
     */
    icon: CttIconName | '';
    /**
     * Icon position relative to label
     */
    iconPosition: TagIconPosition;
    /**
     * Whether the tag is disabled
     */
    disabled: boolean;
    /**
     * Accessible label (falls back to text content)
     */
    ariaLabel: string;
    /**
     * Visual variant: soft (light bg) or outline (transparent bg)
     */
    variant: TagVariant;
    /**
     * Whether the tag is dismissible
     */
    dismissible: boolean;
    constructor();
    private _getIconSize;
    private _handleDismiss;
    private _renderIcon;
    render(): import("lit-html").TemplateResult<1>;
}
export {};