import type { IElementRef } from '@melodicdev/core';
import type { Size } from '../../../types/index.js';
import type { TagDotColor } from './tag.types.js';
/**
 * ml-tag - Compact element for labeling, categorizing, and organizing items
 *
 * @example
 * ```html
 * <ml-tag>Label</ml-tag>
 * <ml-tag avatar-src="photo.jpg">Label</ml-tag>
 * <ml-tag dot closable>Label</ml-tag>
 * <ml-tag count="5">Label</ml-tag>
 * <ml-tag checkable>Label</ml-tag>
 * ```
 *
 * @slot default - Tag label content
 * @fires ml:close - Fired when the close button is clicked
 * @fires ml:change - Fired when checkbox state changes (when checkable)
 */
export declare class TagComponent implements IElementRef {
    elementRef: HTMLElement;
    /** Tag size */
    size: Size;
    /** Show dot indicator */
    dot: boolean;
    /** Dot color */
    'dot-color': TagDotColor;
    /** Show close button */
    closable: boolean;
    /** Avatar image source */
    'avatar-src': string;
    /** Icon name (Phosphor icon) */
    icon: string;
    /** Count value displayed on the right */
    count: string;
    /** Show checkbox */
    checkable: boolean;
    /** Checkbox checked state */
    checked: boolean;
    /** Disabled state */
    disabled: boolean;
    /** Handle close button click */
    handleClose: (event: Event) => void;
    /** Handle checkbox change */
    handleCheck: (event: Event) => void;
}
//# sourceMappingURL=tag.component.d.ts.map