@club-employes/utopia/dist/components/molecules/InputCode/InputCode.d.ts

🎨 Modern Vue 3 design system with multi-brand theming, design tokens, and 30+ components. Supports Club Employés & Gifteo brands with light/dark modes.

import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
interface Props {
    modelValue?: string;
    label?: string;
    length?: number;
    type?: 'text' | 'number';
    inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
    size?: 'small' | 'medium' | 'large';
    state?: 'default' | 'error' | 'valid';
    disabled?: boolean;
    message?: string;
    required?: boolean;
    autoFocus?: boolean;
}
declare const _default: DefineComponent<Props, {
    focus: () => void;
    clear: () => void;
    setValue: (value: string) => void;
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
    blur: (event: FocusEvent) => any;
    change: (value: string) => any;
    focus: (event: FocusEvent) => any;
    "update:modelValue": (value: string) => any;
    complete: (value: string) => any;
}, string, PublicProps, Readonly<Props> & Readonly<{
    onBlur?: ((event: FocusEvent) => any) | undefined;
    onChange?: ((value: string) => any) | undefined;
    onFocus?: ((event: FocusEvent) => any) | undefined;
    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
    onComplete?: ((value: string) => any) | undefined;
}>, {
    length: number;
    label: string;
    message: string;
    size: "small" | "medium" | "large";
    type: "text" | "number";
    required: boolean;
    disabled: boolean;
    modelValue: string;
    state: "default" | "error" | "valid";
    autoFocus: boolean;
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
export default _default;