import { CLTextHtmlTags, CLColors } from '../../../index.ts';
import { CLMaskFormat } from './utils';
export interface CLMaskedTextProps {
    /** Set the HTML tag of the text element */
    as?: CLTextHtmlTags;
    /** Set the text color */
    color?: CLColors;
    /** Character used for masking */
    maskChar?: string;
    /** Semantic masking pattern to apply */
    maskFormat?: CLMaskFormat;
    /** Whether to render the text with a monospace font family */
    monospace?: boolean;
    /** Whether the user can toggle between masked and revealed states */
    revealable?: boolean;
    /** Controlled revealed state */
    revealed?: boolean;
    /** Explicit screen reader text override when masked */
    screenReaderText?: string;
    /** Test ID for testing purposes */
    testId?: string;
    /** The sensitive text value to mask or display */
    value: string;
}
declare const _default: import('vue').DefineComponent<CLMaskedTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    toggle: (revealed: boolean) => any;
    "update:revealed": (revealed: boolean) => any;
}, string, import('vue').PublicProps, Readonly<CLMaskedTextProps> & Readonly<{
    onToggle?: ((revealed: boolean) => any) | undefined;
    "onUpdate:revealed"?: ((revealed: boolean) => any) | undefined;
}>, {
    maskChar: string;
    color: CLColors;
    testId: string;
    as: CLTextHtmlTags;
    maskFormat: CLMaskFormat;
    monospace: boolean;
    revealable: boolean;
    revealed: boolean;
    screenReaderText: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
export default _default;