import * as vue from 'vue';
import { PropType } from 'vue';
import { F as FocusedField, f as CardVariant, B as Brand, e as CardSlot, d as CardOptions, g as CopyField } from './card-BdHBF4_R.cjs';
export { h as brandFromStripe } from './card-BdHBF4_R.cjs';

/**
 * Controlled card preview. Wraps the vanilla `crd-ui` renderer: the core owns
 * the markup; this component only forwards props on each update. Emits
 * `brandChange` whenever the detected brand changes (null when unrecognized).
 */
declare const Card: vue.DefineComponent<vue.ExtractPropTypes<{
    number: {
        type: StringConstructor;
        default: string;
    };
    name: {
        type: StringConstructor;
        default: string;
    };
    expiry: {
        type: StringConstructor;
        default: string;
    };
    cvc: {
        type: StringConstructor;
        default: string;
    };
    focused: {
        type: PropType<FocusedField | null>;
        default: null;
    };
    /** Visual finish of the card. Default: 'sunset' (brand-tinted blooms). */
    variant: {
        type: PropType<CardVariant>;
        default: string;
    };
    /** Pointer-tracked 3D hover tilt with a light glare. Default: false. */
    tilt: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Force the displayed brand (e.g. from Stripe Elements' metadata) instead
     * of deriving it from `number`. `null` shows the unknown state; leave
     * unset for automatic detection.
     */
    brand: {
        type: PropType<Brand | null>;
        default: undefined;
    };
    /**
     * Show only the last digits ('•••• •••• •••• 4242') when the full number
     * is unknown — saved cards or post-tokenization summaries. Ignored while
     * `number` has digits.
     */
    last4: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 'form' (default) is the payment-form preview; 'display' presents an
     * existing card for dashboards (expiry/CVC on the front, no flip).
     */
    layout: {
        type: PropType<"form" | "display">;
        default: string;
    };
    /**
     * Make the revealed number, expiry and CVC click-to-copy (display layout
     * only). Default: false.
     */
    copyable: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Extra classes per part of the card (utility-first styling of internal
     * sections). Merged with the built-in classes. See CardSlot for the keys.
     */
    classNames: {
        type: PropType<Partial<Record<CardSlot, string>>>;
        default: undefined;
    };
    placeholders: {
        type: PropType<CardOptions["placeholders"]>;
        default: undefined;
    };
    locale: {
        type: PropType<CardOptions["locale"]>;
        default: undefined;
    };
    logos: {
        type: PropType<CardOptions["logos"]>;
        default: undefined;
    };
}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
    brandChange: (_brand: Brand | null) => true;
    copy: (_field: CopyField, _value: string) => true;
}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
    number: {
        type: StringConstructor;
        default: string;
    };
    name: {
        type: StringConstructor;
        default: string;
    };
    expiry: {
        type: StringConstructor;
        default: string;
    };
    cvc: {
        type: StringConstructor;
        default: string;
    };
    focused: {
        type: PropType<FocusedField | null>;
        default: null;
    };
    /** Visual finish of the card. Default: 'sunset' (brand-tinted blooms). */
    variant: {
        type: PropType<CardVariant>;
        default: string;
    };
    /** Pointer-tracked 3D hover tilt with a light glare. Default: false. */
    tilt: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Force the displayed brand (e.g. from Stripe Elements' metadata) instead
     * of deriving it from `number`. `null` shows the unknown state; leave
     * unset for automatic detection.
     */
    brand: {
        type: PropType<Brand | null>;
        default: undefined;
    };
    /**
     * Show only the last digits ('•••• •••• •••• 4242') when the full number
     * is unknown — saved cards or post-tokenization summaries. Ignored while
     * `number` has digits.
     */
    last4: {
        type: StringConstructor;
        default: string;
    };
    /**
     * 'form' (default) is the payment-form preview; 'display' presents an
     * existing card for dashboards (expiry/CVC on the front, no flip).
     */
    layout: {
        type: PropType<"form" | "display">;
        default: string;
    };
    /**
     * Make the revealed number, expiry and CVC click-to-copy (display layout
     * only). Default: false.
     */
    copyable: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Extra classes per part of the card (utility-first styling of internal
     * sections). Merged with the built-in classes. See CardSlot for the keys.
     */
    classNames: {
        type: PropType<Partial<Record<CardSlot, string>>>;
        default: undefined;
    };
    placeholders: {
        type: PropType<CardOptions["placeholders"]>;
        default: undefined;
    };
    locale: {
        type: PropType<CardOptions["locale"]>;
        default: undefined;
    };
    logos: {
        type: PropType<CardOptions["logos"]>;
        default: undefined;
    };
}>> & Readonly<{
    onCopy?: ((_field: CopyField, _value: string) => any) | undefined;
    onBrandChange?: ((_brand: Brand | null) => any) | undefined;
}>, {
    number: string;
    name: string;
    expiry: string;
    cvc: string;
    placeholders: {
        name?: string;
    } | undefined;
    focused: FocusedField | null;
    variant: CardVariant;
    tilt: boolean;
    brand: Brand | null;
    last4: string;
    layout: "form" | "display";
    copyable: boolean;
    classNames: Partial<Record<CardSlot, string>>;
    locale: {
        validThru?: string;
        exp?: string;
        cvc?: string;
        copy?: string;
        copied?: string;
    } | undefined;
    logos: Partial<Record<Brand, string>> | undefined;
}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

export { Brand, Card, CardSlot, CardVariant, CopyField, FocusedField };