npm - @cnamts/synapse - Versions diffs - 1.0.23 → 1.0.25 - Mend

@cnamts/synapse 1.0.23 → 1.0.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (574) hide show

package/dist/components/NirField/NirField.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { nextTick } from 'vue';
 import { locales } from './locales';
-import { ValidationRule } from '../../composables/validation/useValidation';
+import { NirValidationProps } from './useNirValidation';
 type __VLS_Props = {
     modelValue?: string | undefined | null;
     label?: string;
@@ -11,22 +11,13 @@ type __VLS_Props = {
     keyTooltip?: string;
     nirTooltipPosition?: 'prepend' | 'append';
     keyTooltipPosition?: 'prepend' | 'append';
-    required?: boolean;
     displayAsterisk?: boolean;
-    customNumberRules?: ValidationRule[];
-    customKeyRules?: ValidationRule[];
-    customNumberWarningRules?: ValidationRule[];
-    customKeyWarningRules?: ValidationRule[];
-    customRulesPrecedence?: boolean;
-    showSuccessMessages?: boolean;
     width?: string;
     bgColor?: string;
-    disabled?: 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;
@@ -37,8 +28,8 @@ type __VLS_Props = {
     disableErrorHandling?: boolean;
     nirType?: 'simple' | 'complexe';
     withoutFieldset?: boolean;
-    customLocale?: Partial<Record<keyof typeof locales, string>>;
-};
+    customLocale?: Record<keyof typeof locales, string>;
+} & NirValidationProps;
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     validateOnSubmit: () => Promise<boolean>;
     numberMask: {
@@ -69,9 +60,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         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;
+        validate: () => Promise<boolean>;
+    } | {
+        errors: import('vue').ComputedRef<string[]>;
+        warnings: import('vue').ComputedRef<string[]>;
+        successes: import('vue').ComputedRef<string[]>;
+        hasError: import('vue').ComputedRef<boolean | undefined>;
+        hasWarning: import('vue').ComputedRef<boolean | undefined>;
+        hasSuccess: import('vue').ComputedRef<boolean | undefined>;
+        validate: () => Promise<boolean>;
     };
     keyValidation: {
         errors: import('vue').Ref<string[], string[]>;
@@ -80,9 +77,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         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;
+        validate: () => Promise<boolean>;
+    } | {
+        errors: import('vue').ComputedRef<string[]>;
+        warnings: import('vue').ComputedRef<string[]>;
+        successes: import('vue').ComputedRef<string[]>;
+        hasError: import('vue').ComputedRef<boolean | undefined>;
+        hasWarning: import('vue').ComputedRef<boolean | undefined>;
+        hasSuccess: import('vue').ComputedRef<boolean | undefined>;
+        validate: () => Promise<boolean>;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
@@ -99,10 +102,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     modelValue: string | null;
     bgColor: string;
     required: boolean;
-    counter: boolean | number | string;
-    displayAsterisk: boolean;
     showSuccessMessages: boolean;
     disableErrorHandling: boolean;
+    counter: boolean | number | string;
+    displayAsterisk: boolean;
+    isValidateOnBlur: boolean;
     hideSpinButtons: boolean;
     persistentHint: boolean;
     hideDetails: boolean | "auto";
@@ -117,21 +121,23 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     keyTooltip: string;
     nirTooltipPosition: "prepend" | "append";
     keyTooltipPosition: "prepend" | "append";
-    customNumberRules: ValidationRule[];
-    customKeyRules: ValidationRule[];
-    customNumberWarningRules: ValidationRule[];
-    customKeyWarningRules: ValidationRule[];
-    customRulesPrecedence: boolean;
     nirType: "simple" | "complexe";
     withoutFieldset: boolean;
-    customLocale: Partial<Record<keyof typeof locales, string>>;
+    customLocale: Record<keyof typeof locales, string>;
+    customKeyRules: import('../../composables/validation/useValidation').ValidationRule[];
+    customKeyWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+    customNumberRules: import('../../composables/validation/useValidation').ValidationRule[];
+    customNumberWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+    customRulesPrecedence: boolean;
+    keyRules: import('vuetify').ValidationRule[];
+    numberRules: import('vuetify').ValidationRule[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     container: unknown;
     numberField: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly modelValue?: string | number | null | undefined;
+            readonly modelValue?: string | number | null | undefined | undefined;
             readonly prependIcon?: import('../../types/vuetifyTypes').IconType;
             readonly appendIcon?: import('../../types/vuetifyTypes').IconType;
             readonly prependInnerIcon?: import('../../types/vuetifyTypes').IconType;
@@ -143,11 +149,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             readonly color?: import('../../types/vuetifyTypes').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 label: string;
             readonly readonly?: boolean | undefined;
             readonly isActive?: boolean | undefined;
             readonly baseColor?: string | undefined;
@@ -159,7 +161,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             readonly direction?: "horizontal" | "vertical" | undefined;
             readonly isDirty?: boolean | undefined;
             readonly disabled?: boolean | undefined;
-            readonly isOnError?: boolean | undefined;
             readonly isFlat?: boolean | undefined;
             readonly isFocused?: boolean | undefined;
             readonly areDetailsHidden?: boolean | "auto" | undefined;
@@ -167,7 +168,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             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;
@@ -181,9 +181,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             readonly isReversed?: boolean | undefined;
             readonly role?: string | undefined;
             readonly rounded?: string | number | boolean | undefined;
-            readonly hasError?: boolean | undefined;
-            readonly hasWarning?: boolean | undefined;
-            readonly hasSuccess?: boolean | undefined;
             readonly isOnSingleLine?: boolean | undefined;
             readonly suffix?: string | undefined;
             readonly theme?: string | undefined;
@@ -192,18 +189,30 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             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 disableClickButton?: boolean | undefined;
             readonly autocomplete?: string | undefined;
             readonly helpText?: string | undefined;
             readonly maxlength?: string | number | undefined;
             readonly title?: string | false | undefined;
+            readonly required?: boolean | undefined;
+            readonly isValidateOnBlur?: boolean | undefined;
+            readonly showSuccessMessages?: boolean | undefined;
+            readonly disableErrorHandling?: boolean | undefined;
+            readonly useVuetifyValidation?: boolean | undefined;
+            readonly rules?: import('vuetify').ValidationRule[] | undefined;
+            readonly customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+            readonly customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+            readonly customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+            readonly errorMessages?: string[] | null | undefined;
+            readonly warningMessages?: string[] | null | undefined;
+            readonly successMessages?: string[] | null | undefined;
+            readonly hasError?: boolean | undefined;
+            readonly hasWarning?: boolean | undefined;
+            readonly hasSuccess?: boolean | undefined;
+            readonly maxErrors?: number | undefined;
             readonly onInput?: ((...args: any[]) => any) | undefined;
+            readonly onBlur?: ((...args: any[]) => any) | undefined;
+            readonly onFocus?: ((...args: any[]) => any) | undefined;
             readonly onKeydown?: ((...args: any[]) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             readonly onClear?: ((...args: any[]) => any) | undefined;
@@ -584,16 +593,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 hint?: string | undefined;
                 "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined;
                 "onClick:append"?: ((args_0: MouseEvent) => void) | undefined;
-            }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "errorMessages" | "centerAffix" | "direction" | "maxErrors" | "messages" | "rules" | "isValid" | "resetValidation" | "validate" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
+            }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "validate" | "errorMessages" | "focused" | "maxErrors" | "rules" | "centerAffix" | "direction" | "messages" | "isValid" | "resetValidation" | "glow" | "hideSpinButtons" | "persistentHint"> & {
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
                 validate: (silent?: boolean) => Promise<string[]>;
-                isValid: import('vue').ComputedRef<boolean | null>;
-                errorMessages: import('vue').ComputedRef<string[]>;
-            }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                isValid: boolean | null;
+                errorMessages: string[];
+            } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 modelValue?: unknown;
                 "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "centerAffix" | "direction" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
@@ -851,13 +860,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 labelId?: string | undefined;
             } & {
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            }, "reverse" | "flat" | "details" | "style" | "disabled" | "rounded" | "tile" | "variant" | "active" | "error" | "centerAffix" | "focused" | "glow" | "controlRef" | "fieldIconColor" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine"> & import('vue').ShallowUnwrapRef<{
-                controlRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                fieldIconColor: import('vue').ComputedRef<string | undefined>;
-            }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+            }, "reverse" | "flat" | "details" | "style" | "disabled" | "rounded" | "tile" | "variant" | "active" | "error" | "focused" | "centerAffix" | "glow" | "controlRef" | "fieldIconColor" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine"> & {
+                controlRef: HTMLElement | undefined;
+                fieldIconColor: string | undefined;
+            } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 modelValue?: unknown;
                 "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "rounded" | "tile" | "variant" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "error" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "focused" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "labelId" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:prepend-inner">, `$${any}`> & {
+            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "rounded" | "tile" | "variant" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "error" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "focused" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "labelId" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:prepend-inner">, `$${any}`> & {
                 _allExposed: {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -1321,16 +1330,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 hint?: string | undefined;
                 "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined;
                 "onClick:append"?: ((args_0: MouseEvent) => void) | undefined;
-            }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "errorMessages" | "centerAffix" | "direction" | "maxErrors" | "messages" | "rules" | "isValid" | "resetValidation" | "validate" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
+            }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "validate" | "errorMessages" | "focused" | "maxErrors" | "rules" | "centerAffix" | "direction" | "messages" | "isValid" | "resetValidation" | "glow" | "hideSpinButtons" | "persistentHint"> & {
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
                 validate: (silent?: boolean) => Promise<string[]>;
-                isValid: import('vue').ComputedRef<boolean | null>;
-                errorMessages: import('vue').ComputedRef<string[]>;
-            }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                isValid: boolean | null;
+                errorMessages: string[];
+            } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 modelValue?: unknown;
                 "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "centerAffix" | "direction" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
@@ -1588,13 +1597,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 labelId?: string | undefined;
             } & {
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            }, "reverse" | "flat" | "details" | "style" | "disabled" | "rounded" | "tile" | "variant" | "active" | "error" | "centerAffix" | "focused" | "glow" | "controlRef" | "fieldIconColor" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine"> & import('vue').ShallowUnwrapRef<{
-                controlRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                fieldIconColor: import('vue').ComputedRef<string | undefined>;
-            }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+            }, "reverse" | "flat" | "details" | "style" | "disabled" | "rounded" | "tile" | "variant" | "active" | "error" | "focused" | "centerAffix" | "glow" | "controlRef" | "fieldIconColor" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine"> & {
+                controlRef: HTMLElement | undefined;
+                fieldIconColor: string | undefined;
+            } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 modelValue?: unknown;
                 "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "rounded" | "tile" | "variant" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "error" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "focused" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "labelId" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:prepend-inner">, `$${any}`> & {
+            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "rounded" | "tile" | "variant" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "error" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "focused" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "labelId" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:prepend-inner">, `$${any}`> & {
                 _allExposed: {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -1643,10 +1652,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "input", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((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);
+        $emit: ((event: "input", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((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;
+            modelValue?: string | number | null | undefined;
             prependIcon?: import('../../types/vuetifyTypes').IconType;
             appendIcon?: import('../../types/vuetifyTypes').IconType;
             prependInnerIcon?: import('../../types/vuetifyTypes').IconType;
@@ -1659,10 +1668,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             isClearable?: boolean;
             showDivider?: boolean;
             label?: string;
-            required?: boolean;
-            errorMessages?: string[] | null;
-            warningMessages?: string[] | null;
-            successMessages?: string[] | null;
             readonly?: boolean;
             isActive?: boolean;
             baseColor?: string;
@@ -1674,7 +1679,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             direction?: "horizontal" | "vertical";
             isDirty?: boolean;
             disabled?: boolean;
-            isOnError?: boolean;
             isFlat?: boolean;
             isFocused?: boolean;
             areDetailsHidden?: boolean | "auto";
@@ -1682,7 +1686,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             hint?: string;
             id?: string;
             loading?: string | boolean;
-            maxErrors?: string | number;
             maxWidth?: string | number;
             messages?: string | string[];
             minWidth?: string | number;
@@ -1696,9 +1699,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             isReversed?: boolean;
             role?: string;
             rounded?: string | number | boolean;
-            hasError?: boolean;
-            hasWarning?: boolean;
-            hasSuccess?: boolean;
             isOnSingleLine?: boolean;
             suffix?: string;
             theme?: string;
@@ -1707,40 +1707,26 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             width?: string | number;
             displayAsterisk?: boolean;
             noIcon?: boolean;
-            customRules?: ValidationRule[];
-            customWarningRules?: ValidationRule[];
-            customSuccessRules?: ValidationRule[];
-            showSuccessMessages?: boolean;
-            isValidateOnBlur?: boolean;
-            disableErrorHandling?: boolean;
             disableClickButton?: boolean;
             autocomplete?: string;
             helpText?: string;
             maxlength?: string | number;
             title?: string | false;
-        }> & Readonly<{
+        } & import('../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
             onInput?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
             onKeydown?: ((...args: any[]) => any) | undefined;
             "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;
+            validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             input: (...args: any[]) => void;
+            blur: (...args: any[]) => void;
+            focus: (...args: any[]) => void;
             keydown: (...args: any[]) => void;
             "update:modelValue": (...args: any[]) => void;
             clear: (...args: any[]) => void;
@@ -1770,7 +1756,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             modelValue: string | number | null;
             bgColor: string;
             isActive: boolean;
+            required: boolean;
             prefix: string;
+            showSuccessMessages: boolean;
+            disableErrorHandling: boolean;
+            errorMessages: string[] | null;
+            maxErrors: number;
             prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
             appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
             prependTooltip: string;
@@ -1778,44 +1769,41 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             tooltipLocation: "top" | "bottom" | "start" | "end";
             variantStyle: import('../../types/vuetifyTypes').VariantStyle;
             isClearable: boolean;
-            errorMessages: string[] | null;
-            warningMessages: string[] | null;
-            successMessages: string[] | null;
             centerAffix: boolean;
             counter: string | number | boolean;
             counterValue: number | ((value: any) => number);
             direction: "horizontal" | "vertical";
             isDirty: boolean;
-            isOnError: boolean;
             isFlat: boolean;
             isFocused: boolean;
             areDetailsHidden: boolean | "auto";
             areSpinButtonsHidden: boolean;
             hint: string;
-            maxErrors: string | number;
             messages: string | string[];
             displayPersistentClear: boolean;
             displayPersistentCounter: boolean;
             displayPersistentHint: boolean;
             displayPersistentPlaceholder: boolean;
             isReversed: boolean;
-            hasError: boolean;
-            hasWarning: boolean;
             isOnSingleLine: boolean;
             suffix: string;
             isTiled: boolean;
             displayAsterisk: boolean;
             noIcon: boolean;
-            customRules: ValidationRule[];
-            customWarningRules: ValidationRule[];
-            customSuccessRules: ValidationRule[];
-            showSuccessMessages: boolean;
-            isValidateOnBlur: boolean;
-            disableErrorHandling: boolean;
             disableClickButton: boolean;
             autocomplete: string;
             helpText: string;
             maxlength: string | number;
+            isValidateOnBlur: boolean;
+            useVuetifyValidation: boolean;
+            customRules: import('../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+            customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
+            warningMessages: string[] | null;
+            successMessages: string[] | null;
+            hasError: boolean;
+            hasWarning: boolean;
+            hasSuccess: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -1860,7 +1848,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         modelValue: string | number | null;
         bgColor: string;
         isActive: boolean;
+        required: boolean;
         prefix: string;
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
+        errorMessages: string[] | null;
+        maxErrors: number;
         prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
         appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
         prependTooltip: string;
@@ -1868,46 +1861,43 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         tooltipLocation: "top" | "bottom" | "start" | "end";
         variantStyle: import('../../types/vuetifyTypes').VariantStyle;
         isClearable: boolean;
-        errorMessages: string[] | null;
-        warningMessages: string[] | null;
-        successMessages: string[] | null;
         centerAffix: boolean;
         counter: string | number | boolean;
         counterValue: number | ((value: any) => number);
         direction: "horizontal" | "vertical";
         isDirty: boolean;
-        isOnError: boolean;
         isFlat: boolean;
         isFocused: boolean;
         areDetailsHidden: boolean | "auto";
         areSpinButtonsHidden: boolean;
         hint: string;
-        maxErrors: string | number;
         messages: string | string[];
         displayPersistentClear: boolean;
         displayPersistentCounter: boolean;
         displayPersistentHint: boolean;
         displayPersistentPlaceholder: boolean;
         isReversed: boolean;
-        hasError: boolean;
-        hasWarning: boolean;
         isOnSingleLine: boolean;
         suffix: string;
         isTiled: boolean;
         displayAsterisk: boolean;
         noIcon: boolean;
-        customRules: ValidationRule[];
-        customWarningRules: ValidationRule[];
-        customSuccessRules: ValidationRule[];
-        showSuccessMessages: boolean;
-        isValidateOnBlur: boolean;
-        disableErrorHandling: boolean;
         disableClickButton: boolean;
         autocomplete: string;
         helpText: string;
         maxlength: string | number;
+        isValidateOnBlur: boolean;
+        useVuetifyValidation: boolean;
+        customRules: import('../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+        customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
+        warningMessages: string[] | null;
+        successMessages: string[] | null;
+        hasError: boolean;
+        hasWarning: boolean;
+        hasSuccess: boolean;
     }> & Omit<Readonly<{
-        modelValue?: string | number | null;
+        modelValue?: string | number | null | undefined;
         prependIcon?: import('../../types/vuetifyTypes').IconType;
         appendIcon?: import('../../types/vuetifyTypes').IconType;
         prependInnerIcon?: import('../../types/vuetifyTypes').IconType;
@@ -1920,10 +1910,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         isClearable?: boolean;
         showDivider?: boolean;
         label?: string;
-        required?: boolean;
-        errorMessages?: string[] | null;
-        warningMessages?: string[] | null;
-        successMessages?: string[] | null;
         readonly?: boolean;
         isActive?: boolean;
         baseColor?: string;
@@ -1935,7 +1921,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         direction?: "horizontal" | "vertical";
         isDirty?: boolean;
         disabled?: boolean;
-        isOnError?: boolean;
         isFlat?: boolean;
         isFocused?: boolean;
         areDetailsHidden?: boolean | "auto";
@@ -1943,7 +1928,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         hint?: string;
         id?: string;
         loading?: string | boolean;
-        maxErrors?: string | number;
         maxWidth?: string | number;
         messages?: string | string[];
         minWidth?: string | number;
@@ -1957,9 +1941,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         isReversed?: boolean;
         role?: string;
         rounded?: string | number | boolean;
-        hasError?: boolean;
-        hasWarning?: boolean;
-        hasSuccess?: boolean;
         isOnSingleLine?: boolean;
         suffix?: string;
         theme?: string;
@@ -1968,39 +1949,23 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         width?: string | number;
         displayAsterisk?: boolean;
         noIcon?: boolean;
-        customRules?: ValidationRule[];
-        customWarningRules?: ValidationRule[];
-        customSuccessRules?: ValidationRule[];
-        showSuccessMessages?: boolean;
-        isValidateOnBlur?: boolean;
-        disableErrorHandling?: boolean;
         disableClickButton?: boolean;
         autocomplete?: string;
         helpText?: string;
         maxlength?: string | number;
         title?: string | false;
-    }> & Readonly<{
+    } & import('../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
         onInput?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
         onKeydown?: ((...args: any[]) => any) | undefined;
         "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;
-    }>, "validateOnSubmit" | "validation" | "checkErrorOnBlur" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "prefix" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "hasError" | "hasWarning" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength")> & 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 & {} & {
+    }>, "validateOnSubmit" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "required" | "prefix" | "showSuccessMessages" | "disableErrorHandling" | "errorMessages" | "maxErrors" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength" | "isValidateOnBlur" | "useVuetifyValidation" | "customRules" | "customWarningRules" | "customSuccessRules" | "warningMessages" | "successMessages" | "hasError" | "hasWarning" | "hasSuccess")> & {
+        validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             prepend?(_: {}): any;
             append?(_: {}): any;
@@ -2014,7 +1979,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly modelValue?: string | number | null | undefined;
+            readonly modelValue?: string | number | null | undefined | undefined;
             readonly prependIcon?: import('../../types/vuetifyTypes').IconType;
             readonly appendIcon?: import('../../types/vuetifyTypes').IconType;
             readonly prependInnerIcon?: import('../../types/vuetifyTypes').IconType;
@@ -2026,11 +1991,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             readonly color?: import('../../types/vuetifyTypes').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 label: string;
             readonly readonly?: boolean | undefined;
             readonly isActive?: boolean | undefined;
             readonly baseColor?: string | undefined;
@@ -2042,7 +2003,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             readonly direction?: "horizontal" | "vertical" | undefined;
             readonly isDirty?: boolean | undefined;
             readonly disabled?: boolean | undefined;
-            readonly isOnError?: boolean | undefined;
             readonly isFlat?: boolean | undefined;
             readonly isFocused?: boolean | undefined;
             readonly areDetailsHidden?: boolean | "auto" | undefined;
@@ -2050,7 +2010,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             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;
@@ -2064,9 +2023,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             readonly isReversed?: boolean | undefined;
             readonly role?: string | undefined;
             readonly rounded?: string | number | boolean | undefined;
-            readonly hasError?: boolean | undefined;
-            readonly hasWarning?: boolean | undefined;
-            readonly hasSuccess?: boolean | undefined;
             readonly isOnSingleLine?: boolean | undefined;
             readonly suffix?: string | undefined;
             readonly theme?: string | undefined;
@@ -2075,18 +2031,30 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             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 disableClickButton?: boolean | undefined;
             readonly autocomplete?: string | undefined;
             readonly helpText?: string | undefined;
             readonly maxlength?: string | number | undefined;
             readonly title?: string | false | undefined;
+            readonly required?: boolean | undefined;
+            readonly isValidateOnBlur?: boolean | undefined;
+            readonly showSuccessMessages?: boolean | undefined;
+            readonly disableErrorHandling?: boolean | undefined;
+            readonly useVuetifyValidation?: boolean | undefined;
+            readonly rules?: import('vuetify').ValidationRule[] | undefined;
+            readonly customRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+            readonly customWarningRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+            readonly customSuccessRules?: import('../../composables/validation/useValidation').ValidationRule[] | undefined;
+            readonly errorMessages?: string[] | null | undefined;
+            readonly warningMessages?: string[] | null | undefined;
+            readonly successMessages?: string[] | null | undefined;
+            readonly hasError?: boolean | undefined;
+            readonly hasWarning?: boolean | undefined;
+            readonly hasSuccess?: boolean | undefined;
+            readonly maxErrors?: number | undefined;
             readonly onInput?: ((...args: any[]) => any) | undefined;
+            readonly onBlur?: ((...args: any[]) => any) | undefined;
+            readonly onFocus?: ((...args: any[]) => any) | undefined;
             readonly onKeydown?: ((...args: any[]) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             readonly onClear?: ((...args: any[]) => any) | undefined;
@@ -2467,16 +2435,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 hint?: string | undefined;
                 "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined;
                 "onClick:append"?: ((args_0: MouseEvent) => void) | undefined;
-            }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "errorMessages" | "centerAffix" | "direction" | "maxErrors" | "messages" | "rules" | "isValid" | "resetValidation" | "validate" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
+            }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "validate" | "errorMessages" | "focused" | "maxErrors" | "rules" | "centerAffix" | "direction" | "messages" | "isValid" | "resetValidation" | "glow" | "hideSpinButtons" | "persistentHint"> & {
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
                 validate: (silent?: boolean) => Promise<string[]>;
-                isValid: import('vue').ComputedRef<boolean | null>;
-                errorMessages: import('vue').ComputedRef<string[]>;
-            }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                isValid: boolean | null;
+                errorMessages: string[];
+            } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 modelValue?: unknown;
                 "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "centerAffix" | "direction" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
@@ -2734,13 +2702,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 labelId?: string | undefined;
             } & {
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            }, "reverse" | "flat" | "details" | "style" | "disabled" | "rounded" | "tile" | "variant" | "active" | "error" | "centerAffix" | "focused" | "glow" | "controlRef" | "fieldIconColor" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine"> & import('vue').ShallowUnwrapRef<{
-                controlRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                fieldIconColor: import('vue').ComputedRef<string | undefined>;
-            }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+            }, "reverse" | "flat" | "details" | "style" | "disabled" | "rounded" | "tile" | "variant" | "active" | "error" | "focused" | "centerAffix" | "glow" | "controlRef" | "fieldIconColor" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine"> & {
+                controlRef: HTMLElement | undefined;
+                fieldIconColor: string | undefined;
+            } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 modelValue?: unknown;
                 "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "rounded" | "tile" | "variant" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "error" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "focused" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "labelId" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:prepend-inner">, `$${any}`> & {
+            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "rounded" | "tile" | "variant" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "error" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "focused" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "labelId" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:prepend-inner">, `$${any}`> & {
                 _allExposed: {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -3204,16 +3172,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 hint?: string | undefined;
                 "onClick:prepend"?: ((args_0: MouseEvent) => void) | undefined;
                 "onClick:append"?: ((args_0: MouseEvent) => void) | undefined;
-            }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "errorMessages" | "centerAffix" | "direction" | "maxErrors" | "messages" | "rules" | "isValid" | "resetValidation" | "validate" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
+            }, "style" | "disabled" | "density" | "readonly" | "error" | "reset" | "validate" | "errorMessages" | "focused" | "maxErrors" | "rules" | "centerAffix" | "direction" | "messages" | "isValid" | "resetValidation" | "glow" | "hideSpinButtons" | "persistentHint"> & {
                 reset: () => Promise<void>;
                 resetValidation: () => Promise<void>;
                 validate: (silent?: boolean) => Promise<string[]>;
-                isValid: import('vue').ComputedRef<boolean | null>;
-                errorMessages: import('vue').ComputedRef<string[]>;
-            }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+                isValid: boolean | null;
+                errorMessages: string[];
+            } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 modelValue?: unknown;
                 "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "centerAffix" | "direction" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
+            }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "density" | "maxWidth" | "minWidth" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:append" | "v-slot:prepend" | "id" | "error" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "focused" | "maxErrors" | "rules" | "validateOn" | "validationValue" | "centerAffix" | "direction" | "hint" | "messages" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "hideDetails" | "onClick:prepend" | "onClick:append" | "v-slot:details" | "v-slot:message">, `$${any}`> & Omit<Omit<{
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
@@ -3471,13 +3439,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
                 labelId?: string | undefined;
             } & {
                 "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
-            }, "reverse" | "flat" | "details" | "style" | "disabled" | "rounded" | "tile" | "variant" | "active" | "error" | "centerAffix" | "focused" | "glow" | "controlRef" | "fieldIconColor" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine"> & import('vue').ShallowUnwrapRef<{
-                controlRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-                fieldIconColor: import('vue').ComputedRef<string | undefined>;
-            }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+            }, "reverse" | "flat" | "details" | "style" | "disabled" | "rounded" | "tile" | "variant" | "active" | "error" | "focused" | "centerAffix" | "glow" | "controlRef" | "fieldIconColor" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine"> & {
+                controlRef: HTMLElement | undefined;
+                fieldIconColor: string | undefined;
+            } & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
                 modelValue?: unknown;
                 "onUpdate:modelValue"?: ((value: unknown) => void) | undefined;
-            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "rounded" | "tile" | "variant" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "error" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "focused" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "labelId" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:prepend-inner">, `$${any}`> & {
+            }, import('vuetify/lib/components/VField/VField.mjs').VFieldSlots>, "reverse" | "flat" | "label" | "details" | "style" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "rounded" | "tile" | "variant" | "loading" | "active" | "baseColor" | "v-slot:loader" | "id" | "error" | "modelValue" | "onUpdate:modelValue" | "bgColor" | "v-slot:label" | "iconColor" | "focused" | "prependInnerIcon" | "appendInnerIcon" | "centerAffix" | "glow" | "onUpdate:focused" | "clearIcon" | "clearable" | "dirty" | "persistentClear" | "singleLine" | "onClick:clear" | "onClick:appendInner" | "onClick:prependInner" | "labelId" | "v-slot:append-inner" | "v-slot:clear" | "v-slot:prepend-inner">, `$${any}`> & {
                 _allExposed: {
                     reset: () => Promise<void>;
                     resetValidation: () => Promise<void>;
@@ -3526,10 +3494,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "input", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((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);
+        $emit: ((event: "input", ...args: any[]) => void) & ((event: "blur", ...args: any[]) => void) & ((event: "focus", ...args: any[]) => void) & ((event: "keydown", ...args: any[]) => void) & ((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;
+            modelValue?: string | number | null | undefined;
             prependIcon?: import('../../types/vuetifyTypes').IconType;
             appendIcon?: import('../../types/vuetifyTypes').IconType;
             prependInnerIcon?: import('../../types/vuetifyTypes').IconType;
@@ -3542,10 +3510,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             isClearable?: boolean;
             showDivider?: boolean;
             label?: string;
-            required?: boolean;
-            errorMessages?: string[] | null;
-            warningMessages?: string[] | null;
-            successMessages?: string[] | null;
             readonly?: boolean;
             isActive?: boolean;
             baseColor?: string;
@@ -3557,7 +3521,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             direction?: "horizontal" | "vertical";
             isDirty?: boolean;
             disabled?: boolean;
-            isOnError?: boolean;
             isFlat?: boolean;
             isFocused?: boolean;
             areDetailsHidden?: boolean | "auto";
@@ -3565,7 +3528,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             hint?: string;
             id?: string;
             loading?: string | boolean;
-            maxErrors?: string | number;
             maxWidth?: string | number;
             messages?: string | string[];
             minWidth?: string | number;
@@ -3579,9 +3541,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             isReversed?: boolean;
             role?: string;
             rounded?: string | number | boolean;
-            hasError?: boolean;
-            hasWarning?: boolean;
-            hasSuccess?: boolean;
             isOnSingleLine?: boolean;
             suffix?: string;
             theme?: string;
@@ -3590,40 +3549,26 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             width?: string | number;
             displayAsterisk?: boolean;
             noIcon?: boolean;
-            customRules?: ValidationRule[];
-            customWarningRules?: ValidationRule[];
-            customSuccessRules?: ValidationRule[];
-            showSuccessMessages?: boolean;
-            isValidateOnBlur?: boolean;
-            disableErrorHandling?: boolean;
             disableClickButton?: boolean;
             autocomplete?: string;
             helpText?: string;
             maxlength?: string | number;
             title?: string | false;
-        }> & Readonly<{
+        } & import('../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
             onInput?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onFocus?: ((...args: any[]) => any) | undefined;
             onKeydown?: ((...args: any[]) => any) | undefined;
             "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;
+            validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             input: (...args: any[]) => void;
+            blur: (...args: any[]) => void;
+            focus: (...args: any[]) => void;
             keydown: (...args: any[]) => void;
             "update:modelValue": (...args: any[]) => void;
             clear: (...args: any[]) => void;
@@ -3653,7 +3598,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             modelValue: string | number | null;
             bgColor: string;
             isActive: boolean;
+            required: boolean;
             prefix: string;
+            showSuccessMessages: boolean;
+            disableErrorHandling: boolean;
+            errorMessages: string[] | null;
+            maxErrors: number;
             prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
             appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
             prependTooltip: string;
@@ -3661,44 +3611,41 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
             tooltipLocation: "top" | "bottom" | "start" | "end";
             variantStyle: import('../../types/vuetifyTypes').VariantStyle;
             isClearable: boolean;
-            errorMessages: string[] | null;
-            warningMessages: string[] | null;
-            successMessages: string[] | null;
             centerAffix: boolean;
             counter: string | number | boolean;
             counterValue: number | ((value: any) => number);
             direction: "horizontal" | "vertical";
             isDirty: boolean;
-            isOnError: boolean;
             isFlat: boolean;
             isFocused: boolean;
             areDetailsHidden: boolean | "auto";
             areSpinButtonsHidden: boolean;
             hint: string;
-            maxErrors: string | number;
             messages: string | string[];
             displayPersistentClear: boolean;
             displayPersistentCounter: boolean;
             displayPersistentHint: boolean;
             displayPersistentPlaceholder: boolean;
             isReversed: boolean;
-            hasError: boolean;
-            hasWarning: boolean;
             isOnSingleLine: boolean;
             suffix: string;
             isTiled: boolean;
             displayAsterisk: boolean;
             noIcon: boolean;
-            customRules: ValidationRule[];
-            customWarningRules: ValidationRule[];
-            customSuccessRules: ValidationRule[];
-            showSuccessMessages: boolean;
-            isValidateOnBlur: boolean;
-            disableErrorHandling: boolean;
             disableClickButton: boolean;
             autocomplete: string;
             helpText: string;
             maxlength: string | number;
+            isValidateOnBlur: boolean;
+            useVuetifyValidation: boolean;
+            customRules: import('../../composables/validation/useValidation').ValidationRule[];
+            customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+            customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
+            warningMessages: string[] | null;
+            successMessages: string[] | null;
+            hasError: boolean;
+            hasWarning: boolean;
+            hasSuccess: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -3743,7 +3690,12 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         modelValue: string | number | null;
         bgColor: string;
         isActive: boolean;
+        required: boolean;
         prefix: string;
+        showSuccessMessages: boolean;
+        disableErrorHandling: boolean;
+        errorMessages: string[] | null;
+        maxErrors: number;
         prependInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
         appendInnerIcon: "info" | "success" | "warning" | "error" | "close" | "calendar";
         prependTooltip: string;
@@ -3751,46 +3703,43 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         tooltipLocation: "top" | "bottom" | "start" | "end";
         variantStyle: import('../../types/vuetifyTypes').VariantStyle;
         isClearable: boolean;
-        errorMessages: string[] | null;
-        warningMessages: string[] | null;
-        successMessages: string[] | null;
         centerAffix: boolean;
         counter: string | number | boolean;
         counterValue: number | ((value: any) => number);
         direction: "horizontal" | "vertical";
         isDirty: boolean;
-        isOnError: boolean;
         isFlat: boolean;
         isFocused: boolean;
         areDetailsHidden: boolean | "auto";
         areSpinButtonsHidden: boolean;
         hint: string;
-        maxErrors: string | number;
         messages: string | string[];
         displayPersistentClear: boolean;
         displayPersistentCounter: boolean;
         displayPersistentHint: boolean;
         displayPersistentPlaceholder: boolean;
         isReversed: boolean;
-        hasError: boolean;
-        hasWarning: boolean;
         isOnSingleLine: boolean;
         suffix: string;
         isTiled: boolean;
         displayAsterisk: boolean;
         noIcon: boolean;
-        customRules: ValidationRule[];
-        customWarningRules: ValidationRule[];
-        customSuccessRules: ValidationRule[];
-        showSuccessMessages: boolean;
-        isValidateOnBlur: boolean;
-        disableErrorHandling: boolean;
         disableClickButton: boolean;
         autocomplete: string;
         helpText: string;
         maxlength: string | number;
+        isValidateOnBlur: boolean;
+        useVuetifyValidation: boolean;
+        customRules: import('../../composables/validation/useValidation').ValidationRule[];
+        customWarningRules: import('../../composables/validation/useValidation').ValidationRule[];
+        customSuccessRules: import('../../composables/validation/useValidation').ValidationRule[];
+        warningMessages: string[] | null;
+        successMessages: string[] | null;
+        hasError: boolean;
+        hasWarning: boolean;
+        hasSuccess: boolean;
     }> & Omit<Readonly<{
-        modelValue?: string | number | null;
+        modelValue?: string | number | null | undefined;
         prependIcon?: import('../../types/vuetifyTypes').IconType;
         appendIcon?: import('../../types/vuetifyTypes').IconType;
         prependInnerIcon?: import('../../types/vuetifyTypes').IconType;
@@ -3803,10 +3752,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         isClearable?: boolean;
         showDivider?: boolean;
         label?: string;
-        required?: boolean;
-        errorMessages?: string[] | null;
-        warningMessages?: string[] | null;
-        successMessages?: string[] | null;
         readonly?: boolean;
         isActive?: boolean;
         baseColor?: string;
@@ -3818,7 +3763,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         direction?: "horizontal" | "vertical";
         isDirty?: boolean;
         disabled?: boolean;
-        isOnError?: boolean;
         isFlat?: boolean;
         isFocused?: boolean;
         areDetailsHidden?: boolean | "auto";
@@ -3826,7 +3770,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         hint?: string;
         id?: string;
         loading?: string | boolean;
-        maxErrors?: string | number;
         maxWidth?: string | number;
         messages?: string | string[];
         minWidth?: string | number;
@@ -3840,9 +3783,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         isReversed?: boolean;
         role?: string;
         rounded?: string | number | boolean;
-        hasError?: boolean;
-        hasWarning?: boolean;
-        hasSuccess?: boolean;
         isOnSingleLine?: boolean;
         suffix?: string;
         theme?: string;
@@ -3851,39 +3791,23 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
         width?: string | number;
         displayAsterisk?: boolean;
         noIcon?: boolean;
-        customRules?: ValidationRule[];
-        customWarningRules?: ValidationRule[];
-        customSuccessRules?: ValidationRule[];
-        showSuccessMessages?: boolean;
-        isValidateOnBlur?: boolean;
-        disableErrorHandling?: boolean;
         disableClickButton?: boolean;
         autocomplete?: string;
         helpText?: string;
         maxlength?: string | number;
         title?: string | false;
-    }> & Readonly<{
+    } & import('../../composables/unifyValidation/useValidation').FieldValidationProps> & Readonly<{
         onInput?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
         onKeydown?: ((...args: any[]) => any) | undefined;
         "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;
-    }>, "validateOnSubmit" | "validation" | "checkErrorOnBlur" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "prefix" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "errorMessages" | "warningMessages" | "successMessages" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isOnError" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "maxErrors" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "hasError" | "hasWarning" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "customRules" | "customWarningRules" | "customSuccessRules" | "showSuccessMessages" | "isValidateOnBlur" | "disableErrorHandling" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength")> & 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 & {} & {
+    }>, "validateOnSubmit" | ("type" | "label" | "title" | "width" | "role" | "color" | "theme" | "disabled" | "placeholder" | "density" | "rounded" | "maxWidth" | "minWidth" | "loading" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "id" | "name" | "modelValue" | "bgColor" | "isActive" | "required" | "prefix" | "showSuccessMessages" | "disableErrorHandling" | "errorMessages" | "maxErrors" | "prependInnerIcon" | "appendInnerIcon" | "prependTooltip" | "appendTooltip" | "tooltipLocation" | "variantStyle" | "isClearable" | "centerAffix" | "counter" | "counterValue" | "direction" | "isDirty" | "isFlat" | "isFocused" | "areDetailsHidden" | "areSpinButtonsHidden" | "hint" | "messages" | "displayPersistentClear" | "displayPersistentCounter" | "displayPersistentHint" | "displayPersistentPlaceholder" | "isReversed" | "isOnSingleLine" | "suffix" | "isTiled" | "displayAsterisk" | "noIcon" | "disableClickButton" | "autocomplete" | "helpText" | "maxlength" | "isValidateOnBlur" | "useVuetifyValidation" | "customRules" | "customWarningRules" | "customSuccessRules" | "warningMessages" | "successMessages" | "hasError" | "hasWarning" | "hasSuccess")> & {
+        validateOnSubmit: (() => Promise<boolean>) | (() => Promise<boolean>);
+    } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             prepend?(_: {}): any;
             append?(_: {}): any;