@cnamts/synapse 0.0.11-alpha → 0.0.13-alpha

package/dist/src/components/NirField/NirField.d.ts

@@ -0,0 +1,952 @@
+import { nextTick } from 'vue';
+import { CustomizableOptions } from '../../composables/useCustomizableOptions';
+import { ValidationRule } from '../../composables/validation/useValidation';
+type __VLS_Props = CustomizableOptions & {
+    modelValue?: string | undefined;
+    label?: string;
+    numberLabel?: string;
+    keyLabel?: string;
+    displayKey?: boolean;
+    outlined?: boolean;
+    nirTooltip?: string;
+    keyTooltip?: string;
+    nirTooltipPosition?: 'prepend' | 'append';
+    keyTooltipPosition?: 'prepend' | 'append';
+    required?: boolean;
+    displayAsterisk?: boolean;
+    customNumberRules?: ValidationRule[];
+    customKeyRules?: ValidationRule[];
+    customNumberWarningRules?: ValidationRule[];
+    customKeyWarningRules?: ValidationRule[];
+    showSuccessMessages?: boolean;
+    width?: string;
+    bgColor?: string;
+    isDisabled?: boolean;
+    density?: 'default' | 'comfortable' | 'compact';
+    hideDetails?: boolean | 'auto';
+    hideSpinButtons?: boolean;
+    placeholder?: string;
+    readonly?: boolean;
+    variant?: 'filled' | 'outlined' | 'plain' | 'underlined' | 'solo';
+    clearable?: boolean;
+    counter?: boolean | number | string;
+    hint?: string;
+    persistentHint?: boolean;
+    persistentPlaceholder?: boolean;
+    disableErrorHandling?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    validateOnSubmit: () => Promise<boolean>;
+    numberMask: {
+        mask: string;
+        preProcess: (value: string) => string;
+        tokens: {
+            '#': {
+                pattern: RegExp;
+            };
+            C: {
+                pattern: RegExp;
+                transform: (char: string) => string;
+            };
+        };
+    };
+    keyMask: {
+        mask: string;
+        tokens: {
+            '#': {
+                pattern: RegExp;
+            };
+        };
+    };
+    numberValidation: {
+        errors: import('vue').Ref<string[], string[]>;
+        warnings: import('vue').Ref<string[], string[]>;
+        successes: import('vue').Ref<string[], string[]>;
+        hasError: import('vue').ComputedRef<boolean>;
+        hasWarning: import('vue').ComputedRef<boolean>;
+        hasSuccess: import('vue').ComputedRef<boolean>;
+        validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+        validateOnSubmit: () => Promise<boolean>;
+        clearValidation: () => void;
+    };
+    keyValidation: {
+        errors: import('vue').Ref<string[], string[]>;
+        warnings: import('vue').Ref<string[], string[]>;
+        successes: import('vue').Ref<string[], string[]>;
+        hasError: import('vue').ComputedRef<boolean>;
+        hasWarning: import('vue').ComputedRef<boolean>;
+        hasSuccess: import('vue').ComputedRef<boolean>;
+        validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+        validateOnSubmit: () => Promise<boolean>;
+        clearValidation: () => void;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    required: boolean;
+    outlined: boolean;
+    modelValue: string;
+    label: string;
+    bgColor: string;
+    counter: string | number | boolean;
+    density: "default" | "comfortable" | "compact";
+    isDisabled: boolean;
+    hint: string;
+    placeholder: string;
+    width: string;
+    displayAsterisk: boolean;
+    showSuccessMessages: boolean;
+    disableErrorHandling: boolean;
+    readonly: boolean;
+    hideSpinButtons: boolean;
+    persistentHint: boolean;
+    hideDetails: boolean | "auto";
+    variant: "outlined" | "filled" | "solo" | "underlined" | "plain";
+    clearable: boolean;
+    persistentPlaceholder: boolean;
+    numberLabel: string;
+    keyLabel: string;
+    displayKey: boolean;
+    nirTooltip: string;
+    keyTooltip: string;
+    nirTooltipPosition: "append" | "prepend";
+    keyTooltipPosition: "append" | "prepend";
+    customNumberRules: ValidationRule[];
+    customKeyRules: ValidationRule[];
+    customNumberWarningRules: ValidationRule[];
+    customKeyWarningRules: ValidationRule[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    numberField: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue?: string | number | null | undefined;
+            readonly prependIcon?: import('../Customs/SyTextField/types').IconType;
+            readonly appendIcon?: import('../Customs/SyTextField/types').IconType;
+            readonly prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            readonly appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            readonly prependTooltip?: string | undefined;
+            readonly appendTooltip?: string | undefined;
+            readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+            readonly variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+            readonly color?: import('../Customs/SyTextField/types').ColorType | undefined;
+            readonly isClearable?: boolean | undefined;
+            readonly showDivider?: boolean | undefined;
+            readonly label?: string | undefined;
+            readonly required?: boolean | undefined;
+            readonly errorMessages?: string[] | null | undefined;
+            readonly warningMessages?: string[] | null | undefined;
+            readonly successMessages?: string[] | null | undefined;
+            readonly isReadOnly?: boolean | undefined;
+            readonly isActive?: boolean | undefined;
+            readonly baseColor?: string | undefined;
+            readonly bgColor?: string | undefined;
+            readonly centerAffix?: boolean | undefined;
+            readonly counter?: string | number | boolean | undefined;
+            readonly counterValue?: number | ((value: any) => number) | undefined;
+            readonly density?: "default" | "comfortable" | "compact" | undefined;
+            readonly direction?: "horizontal" | "vertical" | undefined;
+            readonly isDirty?: boolean | undefined;
+            readonly isDisabled?: boolean | undefined;
+            readonly isOnError?: boolean | undefined;
+            readonly isFlat?: boolean | undefined;
+            readonly isFocused?: boolean | undefined;
+            readonly areDetailsHidden?: boolean | "auto" | undefined;
+            readonly areSpinButtonsHidden?: boolean | undefined;
+            readonly hint?: string | undefined;
+            readonly id?: string | undefined;
+            readonly loading?: string | boolean | undefined;
+            readonly maxErrors?: string | number | undefined;
+            readonly maxWidth?: string | number | undefined;
+            readonly messages?: string | string[] | undefined;
+            readonly minWidth?: string | number | undefined;
+            readonly name?: string | undefined;
+            readonly displayPersistentClear?: boolean | undefined;
+            readonly displayPersistentCounter?: boolean | undefined;
+            readonly displayPersistentHint?: boolean | undefined;
+            readonly displayPersistentPlaceholder?: boolean | undefined;
+            readonly placeholder?: string | undefined;
+            readonly prefix?: string | undefined;
+            readonly isReversed?: boolean | undefined;
+            readonly role?: string | undefined;
+            readonly rounded?: string | number | boolean | undefined;
+            readonly isOnSingleLine?: boolean | undefined;
+            readonly suffix?: string | undefined;
+            readonly theme?: string | undefined;
+            readonly isTiled?: boolean | undefined;
+            readonly type?: string | undefined;
+            readonly width?: string | number | undefined;
+            readonly displayAsterisk?: boolean | undefined;
+            readonly noIcon?: boolean | undefined;
+            readonly customRules?: ValidationRule[] | undefined;
+            readonly customWarningRules?: ValidationRule[] | undefined;
+            readonly customSuccessRules?: ValidationRule[] | undefined;
+            readonly showSuccessMessages?: boolean | undefined;
+            readonly isValidateOnBlur?: boolean | undefined;
+            readonly disableErrorHandling?: boolean | undefined;
+            readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            readonly onClear?: ((...args: any[]) => any) | undefined;
+            readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+            readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $host: Element | null;
+        $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            modelValue?: string | number | null | undefined;
+            prependIcon?: import('../Customs/SyTextField/types').IconType;
+            appendIcon?: import('../Customs/SyTextField/types').IconType;
+            prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            prependTooltip?: string | undefined;
+            appendTooltip?: string | undefined;
+            tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+            variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+            color?: import('../Customs/SyTextField/types').ColorType | undefined;
+            isClearable?: boolean | undefined;
+            showDivider?: boolean | undefined;
+            label?: string | undefined;
+            required?: boolean | undefined;
+            errorMessages?: string[] | null | undefined;
+            warningMessages?: string[] | null | undefined;
+            successMessages?: string[] | null | undefined;
+            isReadOnly?: boolean | undefined;
+            isActive?: boolean | undefined;
+            baseColor?: string | undefined;
+            bgColor?: string | undefined;
+            centerAffix?: boolean | undefined;
+            counter?: string | number | boolean | undefined;
+            counterValue?: number | ((value: any) => number) | undefined;
+            density?: "default" | "comfortable" | "compact" | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
+            isDirty?: boolean | undefined;
+            isDisabled?: boolean | undefined;
+            isOnError?: boolean | undefined;
+            isFlat?: boolean | undefined;
+            isFocused?: boolean | undefined;
+            areDetailsHidden?: boolean | "auto" | undefined;
+            areSpinButtonsHidden?: boolean | undefined;
+            hint?: string | undefined;
+            id?: string | undefined;
+            loading?: string | boolean | undefined;
+            maxErrors?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            messages?: string | string[] | undefined;
+            minWidth?: string | number | undefined;
+            name?: string | undefined;
+            displayPersistentClear?: boolean | undefined;
+            displayPersistentCounter?: boolean | undefined;
+            displayPersistentHint?: boolean | undefined;
+            displayPersistentPlaceholder?: boolean | undefined;
+            placeholder?: string | undefined;
+            prefix?: string | undefined;
+            isReversed?: boolean | undefined;
+            role?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            isOnSingleLine?: boolean | undefined;
+            suffix?: string | undefined;
+            theme?: string | undefined;
+            isTiled?: boolean | undefined;
+            type?: string | undefined;
+            width?: string | number | undefined;
+            displayAsterisk?: boolean | undefined;
+            noIcon?: boolean | undefined;
+            customRules?: ValidationRule[] | undefined;
+            customWarningRules?: ValidationRule[] | undefined;
+            customSuccessRules?: ValidationRule[] | undefined;
+            showSuccessMessages?: boolean | undefined;
+            isValidateOnBlur?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onClear?: ((...args: any[]) => any) | undefined;
+            "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+            "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            validation: {
+                errors: import('vue').Ref<string[], string[]>;
+                warnings: import('vue').Ref<string[], string[]>;
+                successes: import('vue').Ref<string[], string[]>;
+                hasError: import('vue').ComputedRef<boolean>;
+                hasWarning: import('vue').ComputedRef<boolean>;
+                hasSuccess: import('vue').ComputedRef<boolean>;
+                validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                validateOnSubmit: () => Promise<boolean>;
+                clearValidation: () => void;
+            };
+            validateOnSubmit: () => boolean;
+            checkErrorOnBlur: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (...args: any[]) => void;
+            clear: (...args: any[]) => void;
+            "prepend-icon-click": (...args: any[]) => void;
+            "append-icon-click": (...args: any[]) => void;
+        }, string, {
+            modelValue: string | number | null;
+            prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            prependTooltip: string;
+            appendTooltip: string;
+            tooltipLocation: "top" | "bottom" | "start" | "end";
+            variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+            color: import('../Customs/SyTextField/types').ColorType;
+            isClearable: boolean;
+            label: string;
+            errorMessages: string[] | null;
+            warningMessages: string[] | null;
+            successMessages: string[] | null;
+            isReadOnly: boolean;
+            isActive: boolean;
+            baseColor: string;
+            bgColor: string;
+            centerAffix: boolean;
+            counter: string | number | boolean;
+            counterValue: number | ((value: any) => number);
+            density: "default" | "comfortable" | "compact";
+            direction: "horizontal" | "vertical";
+            isDirty: boolean;
+            isDisabled: boolean;
+            isOnError: boolean;
+            isFlat: boolean;
+            isFocused: boolean;
+            areDetailsHidden: boolean | "auto";
+            areSpinButtonsHidden: boolean;
+            hint: string;
+            id: string;
+            loading: string | boolean;
+            maxErrors: string | number;
+            maxWidth: string | number;
+            messages: string | string[];
+            minWidth: string | number;
+            name: string;
+            displayPersistentClear: boolean;
+            displayPersistentCounter: boolean;
+            displayPersistentHint: boolean;
+            displayPersistentPlaceholder: boolean;
+            placeholder: string;
+            prefix: string;
+            isReversed: boolean;
+            role: string;
+            rounded: string | number | boolean;
+            isOnSingleLine: boolean;
+            suffix: string;
+            theme: string;
+            isTiled: boolean;
+            type: string;
+            width: string | number;
+            displayAsterisk: boolean;
+            noIcon: boolean;
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            customSuccessRules: ValidationRule[];
+            showSuccessMessages: boolean;
+            isValidateOnBlur: boolean;
+            disableErrorHandling: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+    } & Readonly<{
+        modelValue: string | number | null;
+        prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+        appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+        prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+        appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+        prependTooltip: string;
+        appendTooltip: string;
+        tooltipLocation: "top" | "bottom" | "start" | "end";
+        variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+        color: import('../Customs/SyTextField/types').ColorType;
+        isClearable: boolean;
+        label: string;
+        errorMessages: string[] | null;
+        warningMessages: string[] | null;
+        successMessages: string[] | null;
+        isReadOnly: boolean;
+        isActive: boolean;
+        baseColor: string;
+        bgColor: string;
+        centerAffix: boolean;
+        counter: string | number | boolean;
+        counterValue: number | ((value: any) => number);
+        density: "default" | "comfortable" | "compact";
+        direction: "horizontal" | "vertical";
+        isDirty: boolean;
+        isDisabled: boolean;
+        isOnError: boolean;
+        isFlat: boolean;
+        isFocused: boolean;
+        areDetailsHidden: boolean | "auto";
+        areSpinButtonsHidden: boolean;
+        hint: string;
+        id: string;
+        loading: string | boolean;
+        maxErrors: string | number;
+        maxWidth: string | number;
+        messages: string | string[];
+        minWidth: string | number;
+        name: string;
+        displayPersistentClear: boolean;
+        displayPersistentCounter: boolean;
+        displayPersistentHint: boolean;
+        displayPersistentPlaceholder: boolean;
+        placeholder: string;
+        prefix: string;
+        isReversed: boolean;
+        role: string;
+        rounded: string | number | boolean;
+        isOnSingleLine: boolean;
+        suffix: string;
+        theme: string;
+        isTiled: boolean;
+        type: string;
+        width: string | number;
+        displayAsterisk: boolean;
+        noIcon: boolean;
+        customRules: ValidationRule[];
+        customWarningRules: ValidationRule[];
+        customSuccessRules: ValidationRule[];
+        showSuccessMessages: boolean;
+        isValidateOnBlur: boolean;
+        disableErrorHandling: boolean;
+    }> & Omit<Readonly<{
+        modelValue?: string | number | null | undefined;
+        prependIcon?: import('../Customs/SyTextField/types').IconType;
+        appendIcon?: import('../Customs/SyTextField/types').IconType;
+        prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+        appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+        prependTooltip?: string | undefined;
+        appendTooltip?: string | undefined;
+        tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+        variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+        color?: import('../Customs/SyTextField/types').ColorType | undefined;
+        isClearable?: boolean | undefined;
+        showDivider?: boolean | undefined;
+        label?: string | undefined;
+        required?: boolean | undefined;
+        errorMessages?: string[] | null | undefined;
+        warningMessages?: string[] | null | undefined;
+        successMessages?: string[] | null | undefined;
+        isReadOnly?: boolean | undefined;
+        isActive?: boolean | undefined;
+        baseColor?: string | undefined;
+        bgColor?: string | undefined;
+        centerAffix?: boolean | undefined;
+        counter?: string | number | boolean | undefined;
+        counterValue?: number | ((value: any) => number) | undefined;
+        density?: "default" | "comfortable" | "compact" | undefined;
+        direction?: "horizontal" | "vertical" | undefined;
+        isDirty?: boolean | undefined;
+        isDisabled?: boolean | undefined;
+        isOnError?: boolean | undefined;
+        isFlat?: boolean | undefined;
+        isFocused?: boolean | undefined;
+        areDetailsHidden?: boolean | "auto" | undefined;
+        areSpinButtonsHidden?: boolean | undefined;
+        hint?: string | undefined;
+        id?: string | undefined;
+        loading?: string | boolean | undefined;
+        maxErrors?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        messages?: string | string[] | undefined;
+        minWidth?: string | number | undefined;
+        name?: string | undefined;
+        displayPersistentClear?: boolean | undefined;
+        displayPersistentCounter?: boolean | undefined;
+        displayPersistentHint?: boolean | undefined;
+        displayPersistentPlaceholder?: boolean | undefined;
+        placeholder?: string | undefined;
+        prefix?: string | undefined;
+        isReversed?: boolean | undefined;
+        role?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+        isOnSingleLine?: boolean | undefined;
+        suffix?: string | undefined;
+        theme?: string | undefined;
+        isTiled?: boolean | undefined;
+        type?: string | undefined;
+        width?: string | number | undefined;
+        displayAsterisk?: boolean | undefined;
+        noIcon?: boolean | undefined;
+        customRules?: ValidationRule[] | undefined;
+        customWarningRules?: ValidationRule[] | undefined;
+        customSuccessRules?: ValidationRule[] | undefined;
+        showSuccessMessages?: boolean | undefined;
+        isValidateOnBlur?: boolean | undefined;
+        disableErrorHandling?: boolean | undefined;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+        "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+        "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+    }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "isReadOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "isDisabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
+        validation: {
+            errors: import('vue').Ref<string[], string[]>;
+            warnings: import('vue').Ref<string[], string[]>;
+            successes: import('vue').Ref<string[], string[]>;
+            hasError: import('vue').ComputedRef<boolean>;
+            hasWarning: import('vue').ComputedRef<boolean>;
+            hasSuccess: import('vue').ComputedRef<boolean>;
+            validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+            validateOnSubmit: () => Promise<boolean>;
+            clearValidation: () => void;
+        };
+        validateOnSubmit: () => boolean;
+        checkErrorOnBlur: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            prepend?(_: {}): any;
+            append?(_: {}): any;
+            'prepend-inner'?(_: {}): any;
+            'append-inner'?(_: {}): any;
+            details?(_: {}): any;
+        };
+    }) | null;
+    keyField: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue?: string | number | null | undefined;
+            readonly prependIcon?: import('../Customs/SyTextField/types').IconType;
+            readonly appendIcon?: import('../Customs/SyTextField/types').IconType;
+            readonly prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            readonly appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            readonly prependTooltip?: string | undefined;
+            readonly appendTooltip?: string | undefined;
+            readonly tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+            readonly variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+            readonly color?: import('../Customs/SyTextField/types').ColorType | undefined;
+            readonly isClearable?: boolean | undefined;
+            readonly showDivider?: boolean | undefined;
+            readonly label?: string | undefined;
+            readonly required?: boolean | undefined;
+            readonly errorMessages?: string[] | null | undefined;
+            readonly warningMessages?: string[] | null | undefined;
+            readonly successMessages?: string[] | null | undefined;
+            readonly isReadOnly?: boolean | undefined;
+            readonly isActive?: boolean | undefined;
+            readonly baseColor?: string | undefined;
+            readonly bgColor?: string | undefined;
+            readonly centerAffix?: boolean | undefined;
+            readonly counter?: string | number | boolean | undefined;
+            readonly counterValue?: number | ((value: any) => number) | undefined;
+            readonly density?: "default" | "comfortable" | "compact" | undefined;
+            readonly direction?: "horizontal" | "vertical" | undefined;
+            readonly isDirty?: boolean | undefined;
+            readonly isDisabled?: boolean | undefined;
+            readonly isOnError?: boolean | undefined;
+            readonly isFlat?: boolean | undefined;
+            readonly isFocused?: boolean | undefined;
+            readonly areDetailsHidden?: boolean | "auto" | undefined;
+            readonly areSpinButtonsHidden?: boolean | undefined;
+            readonly hint?: string | undefined;
+            readonly id?: string | undefined;
+            readonly loading?: string | boolean | undefined;
+            readonly maxErrors?: string | number | undefined;
+            readonly maxWidth?: string | number | undefined;
+            readonly messages?: string | string[] | undefined;
+            readonly minWidth?: string | number | undefined;
+            readonly name?: string | undefined;
+            readonly displayPersistentClear?: boolean | undefined;
+            readonly displayPersistentCounter?: boolean | undefined;
+            readonly displayPersistentHint?: boolean | undefined;
+            readonly displayPersistentPlaceholder?: boolean | undefined;
+            readonly placeholder?: string | undefined;
+            readonly prefix?: string | undefined;
+            readonly isReversed?: boolean | undefined;
+            readonly role?: string | undefined;
+            readonly rounded?: string | number | boolean | undefined;
+            readonly isOnSingleLine?: boolean | undefined;
+            readonly suffix?: string | undefined;
+            readonly theme?: string | undefined;
+            readonly isTiled?: boolean | undefined;
+            readonly type?: string | undefined;
+            readonly width?: string | number | undefined;
+            readonly displayAsterisk?: boolean | undefined;
+            readonly noIcon?: boolean | undefined;
+            readonly customRules?: ValidationRule[] | undefined;
+            readonly customWarningRules?: ValidationRule[] | undefined;
+            readonly customSuccessRules?: ValidationRule[] | undefined;
+            readonly showSuccessMessages?: boolean | undefined;
+            readonly isValidateOnBlur?: boolean | undefined;
+            readonly disableErrorHandling?: boolean | undefined;
+            readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            readonly onClear?: ((...args: any[]) => any) | undefined;
+            readonly "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+            readonly "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+        $host: Element | null;
+        $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "prepend-icon-click", ...args: any[]) => void) & ((event: "append-icon-click", ...args: any[]) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            modelValue?: string | number | null | undefined;
+            prependIcon?: import('../Customs/SyTextField/types').IconType;
+            appendIcon?: import('../Customs/SyTextField/types').IconType;
+            prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+            prependTooltip?: string | undefined;
+            appendTooltip?: string | undefined;
+            tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+            variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+            color?: import('../Customs/SyTextField/types').ColorType | undefined;
+            isClearable?: boolean | undefined;
+            showDivider?: boolean | undefined;
+            label?: string | undefined;
+            required?: boolean | undefined;
+            errorMessages?: string[] | null | undefined;
+            warningMessages?: string[] | null | undefined;
+            successMessages?: string[] | null | undefined;
+            isReadOnly?: boolean | undefined;
+            isActive?: boolean | undefined;
+            baseColor?: string | undefined;
+            bgColor?: string | undefined;
+            centerAffix?: boolean | undefined;
+            counter?: string | number | boolean | undefined;
+            counterValue?: number | ((value: any) => number) | undefined;
+            density?: "default" | "comfortable" | "compact" | undefined;
+            direction?: "horizontal" | "vertical" | undefined;
+            isDirty?: boolean | undefined;
+            isDisabled?: boolean | undefined;
+            isOnError?: boolean | undefined;
+            isFlat?: boolean | undefined;
+            isFocused?: boolean | undefined;
+            areDetailsHidden?: boolean | "auto" | undefined;
+            areSpinButtonsHidden?: boolean | undefined;
+            hint?: string | undefined;
+            id?: string | undefined;
+            loading?: string | boolean | undefined;
+            maxErrors?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            messages?: string | string[] | undefined;
+            minWidth?: string | number | undefined;
+            name?: string | undefined;
+            displayPersistentClear?: boolean | undefined;
+            displayPersistentCounter?: boolean | undefined;
+            displayPersistentHint?: boolean | undefined;
+            displayPersistentPlaceholder?: boolean | undefined;
+            placeholder?: string | undefined;
+            prefix?: string | undefined;
+            isReversed?: boolean | undefined;
+            role?: string | undefined;
+            rounded?: string | number | boolean | undefined;
+            isOnSingleLine?: boolean | undefined;
+            suffix?: string | undefined;
+            theme?: string | undefined;
+            isTiled?: boolean | undefined;
+            type?: string | undefined;
+            width?: string | number | undefined;
+            displayAsterisk?: boolean | undefined;
+            noIcon?: boolean | undefined;
+            customRules?: ValidationRule[] | undefined;
+            customWarningRules?: ValidationRule[] | undefined;
+            customSuccessRules?: ValidationRule[] | undefined;
+            showSuccessMessages?: boolean | undefined;
+            isValidateOnBlur?: boolean | undefined;
+            disableErrorHandling?: boolean | undefined;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onClear?: ((...args: any[]) => any) | undefined;
+            "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+            "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            validation: {
+                errors: import('vue').Ref<string[], string[]>;
+                warnings: import('vue').Ref<string[], string[]>;
+                successes: import('vue').Ref<string[], string[]>;
+                hasError: import('vue').ComputedRef<boolean>;
+                hasWarning: import('vue').ComputedRef<boolean>;
+                hasSuccess: import('vue').ComputedRef<boolean>;
+                validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+                validateOnSubmit: () => Promise<boolean>;
+                clearValidation: () => void;
+            };
+            validateOnSubmit: () => boolean;
+            checkErrorOnBlur: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (...args: any[]) => void;
+            clear: (...args: any[]) => void;
+            "prepend-icon-click": (...args: any[]) => void;
+            "append-icon-click": (...args: any[]) => void;
+        }, string, {
+            modelValue: string | number | null;
+            prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+            prependTooltip: string;
+            appendTooltip: string;
+            tooltipLocation: "top" | "bottom" | "start" | "end";
+            variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+            color: import('../Customs/SyTextField/types').ColorType;
+            isClearable: boolean;
+            label: string;
+            errorMessages: string[] | null;
+            warningMessages: string[] | null;
+            successMessages: string[] | null;
+            isReadOnly: boolean;
+            isActive: boolean;
+            baseColor: string;
+            bgColor: string;
+            centerAffix: boolean;
+            counter: string | number | boolean;
+            counterValue: number | ((value: any) => number);
+            density: "default" | "comfortable" | "compact";
+            direction: "horizontal" | "vertical";
+            isDirty: boolean;
+            isDisabled: boolean;
+            isOnError: boolean;
+            isFlat: boolean;
+            isFocused: boolean;
+            areDetailsHidden: boolean | "auto";
+            areSpinButtonsHidden: boolean;
+            hint: string;
+            id: string;
+            loading: string | boolean;
+            maxErrors: string | number;
+            maxWidth: string | number;
+            messages: string | string[];
+            minWidth: string | number;
+            name: string;
+            displayPersistentClear: boolean;
+            displayPersistentCounter: boolean;
+            displayPersistentHint: boolean;
+            displayPersistentPlaceholder: boolean;
+            placeholder: string;
+            prefix: string;
+            isReversed: boolean;
+            role: string;
+            rounded: string | number | boolean;
+            isOnSingleLine: boolean;
+            suffix: string;
+            theme: string;
+            isTiled: boolean;
+            type: string;
+            width: string | number;
+            displayAsterisk: boolean;
+            noIcon: boolean;
+            customRules: ValidationRule[];
+            customWarningRules: ValidationRule[];
+            customSuccessRules: ValidationRule[];
+            showSuccessMessages: boolean;
+            isValidateOnBlur: boolean;
+            disableErrorHandling: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+    } & Readonly<{
+        modelValue: string | number | null;
+        prependIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+        appendIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+        prependInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+        appendInnerIcon: "error" | "warning" | "info" | "success" | "close" | "calendar";
+        prependTooltip: string;
+        appendTooltip: string;
+        tooltipLocation: "top" | "bottom" | "start" | "end";
+        variantStyle: import('../Customs/SyTextField/types').VariantStyle;
+        color: import('../Customs/SyTextField/types').ColorType;
+        isClearable: boolean;
+        label: string;
+        errorMessages: string[] | null;
+        warningMessages: string[] | null;
+        successMessages: string[] | null;
+        isReadOnly: boolean;
+        isActive: boolean;
+        baseColor: string;
+        bgColor: string;
+        centerAffix: boolean;
+        counter: string | number | boolean;
+        counterValue: number | ((value: any) => number);
+        density: "default" | "comfortable" | "compact";
+        direction: "horizontal" | "vertical";
+        isDirty: boolean;
+        isDisabled: boolean;
+        isOnError: boolean;
+        isFlat: boolean;
+        isFocused: boolean;
+        areDetailsHidden: boolean | "auto";
+        areSpinButtonsHidden: boolean;
+        hint: string;
+        id: string;
+        loading: string | boolean;
+        maxErrors: string | number;
+        maxWidth: string | number;
+        messages: string | string[];
+        minWidth: string | number;
+        name: string;
+        displayPersistentClear: boolean;
+        displayPersistentCounter: boolean;
+        displayPersistentHint: boolean;
+        displayPersistentPlaceholder: boolean;
+        placeholder: string;
+        prefix: string;
+        isReversed: boolean;
+        role: string;
+        rounded: string | number | boolean;
+        isOnSingleLine: boolean;
+        suffix: string;
+        theme: string;
+        isTiled: boolean;
+        type: string;
+        width: string | number;
+        displayAsterisk: boolean;
+        noIcon: boolean;
+        customRules: ValidationRule[];
+        customWarningRules: ValidationRule[];
+        customSuccessRules: ValidationRule[];
+        showSuccessMessages: boolean;
+        isValidateOnBlur: boolean;
+        disableErrorHandling: boolean;
+    }> & Omit<Readonly<{
+        modelValue?: string | number | null | undefined;
+        prependIcon?: import('../Customs/SyTextField/types').IconType;
+        appendIcon?: import('../Customs/SyTextField/types').IconType;
+        prependInnerIcon?: import('../Customs/SyTextField/types').IconType;
+        appendInnerIcon?: import('../Customs/SyTextField/types').IconType;
+        prependTooltip?: string | undefined;
+        appendTooltip?: string | undefined;
+        tooltipLocation?: "top" | "bottom" | "start" | "end" | undefined;
+        variantStyle?: import('../Customs/SyTextField/types').VariantStyle | undefined;
+        color?: import('../Customs/SyTextField/types').ColorType | undefined;
+        isClearable?: boolean | undefined;
+        showDivider?: boolean | undefined;
+        label?: string | undefined;
+        required?: boolean | undefined;
+        errorMessages?: string[] | null | undefined;
+        warningMessages?: string[] | null | undefined;
+        successMessages?: string[] | null | undefined;
+        isReadOnly?: boolean | undefined;
+        isActive?: boolean | undefined;
+        baseColor?: string | undefined;
+        bgColor?: string | undefined;
+        centerAffix?: boolean | undefined;
+        counter?: string | number | boolean | undefined;
+        counterValue?: number | ((value: any) => number) | undefined;
+        density?: "default" | "comfortable" | "compact" | undefined;
+        direction?: "horizontal" | "vertical" | undefined;
+        isDirty?: boolean | undefined;
+        isDisabled?: boolean | undefined;
+        isOnError?: boolean | undefined;
+        isFlat?: boolean | undefined;
+        isFocused?: boolean | undefined;
+        areDetailsHidden?: boolean | "auto" | undefined;
+        areSpinButtonsHidden?: boolean | undefined;
+        hint?: string | undefined;
+        id?: string | undefined;
+        loading?: string | boolean | undefined;
+        maxErrors?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        messages?: string | string[] | undefined;
+        minWidth?: string | number | undefined;
+        name?: string | undefined;
+        displayPersistentClear?: boolean | undefined;
+        displayPersistentCounter?: boolean | undefined;
+        displayPersistentHint?: boolean | undefined;
+        displayPersistentPlaceholder?: boolean | undefined;
+        placeholder?: string | undefined;
+        prefix?: string | undefined;
+        isReversed?: boolean | undefined;
+        role?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+        isOnSingleLine?: boolean | undefined;
+        suffix?: string | undefined;
+        theme?: string | undefined;
+        isTiled?: boolean | undefined;
+        type?: string | undefined;
+        width?: string | number | undefined;
+        displayAsterisk?: boolean | undefined;
+        noIcon?: boolean | undefined;
+        customRules?: ValidationRule[] | undefined;
+        customWarningRules?: ValidationRule[] | undefined;
+        customSuccessRules?: ValidationRule[] | undefined;
+        showSuccessMessages?: boolean | undefined;
+        isValidateOnBlur?: boolean | undefined;
+        disableErrorHandling?: boolean | undefined;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+        "onPrepend-icon-click"?: ((...args: any[]) => any) | undefined;
+        "onAppend-icon-click"?: ((...args: any[]) => any) | undefined;
+    }>, "validation" | "validateOnSubmit" | "checkErrorOnBlur" | ("modelValue" | "prependIcon" | "appendIcon" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "color" | "isClearable" | "label" | "errorMessages" | "warningMessages" | "successMessages" | "isReadOnly" | "isActive" | "baseColor" | "bgColor" | "centerAffix" | "counter" | "counterValue" | "density" | "direction" | "isDirty" | "isDisabled" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "id" | "loading" | "maxErrors" | "maxWidth" | "messages" | "minWidth" | "name" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "placeholder" | "prefix" | "isReversed" | "role" | "rounded" | "isOnSingleLine" | "suffix" | "theme" | "isTiled" | "type" | "width" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling")> & import('vue').ShallowUnwrapRef<{
+        validation: {
+            errors: import('vue').Ref<string[], string[]>;
+            warnings: import('vue').Ref<string[], string[]>;
+            successes: import('vue').Ref<string[], string[]>;
+            hasError: import('vue').ComputedRef<boolean>;
+            hasWarning: import('vue').ComputedRef<boolean>;
+            hasSuccess: import('vue').ComputedRef<boolean>;
+            validateField: (value: unknown, rules?: ValidationRule[], warningRules?: ValidationRule[], successRules?: ValidationRule[]) => import('../../composables/validation/useValidation').ValidationResult;
+            validateOnSubmit: () => Promise<boolean>;
+            clearValidation: () => void;
+        };
+        validateOnSubmit: () => boolean;
+        checkErrorOnBlur: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            prepend?(_: {}): any;
+            append?(_: {}): any;
+            'prepend-inner'?(_: {}): any;
+            'append-inner'?(_: {}): any;
+            details?(_: {}): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
+export default _default;