@cnamts/synapse 1.0.22 → 1.0.24

package/dist/components/Customs/SyTextField/SyTextField.d.ts

@@ -1,8 +1,9 @@
 import { nextTick, ComponentPublicInstance } from 'vue';
 import { IconType, VariantStyle, ColorType } from '@/types/vuetifyTypes';
 import { ValidationRule } from '../../../composables/validation/useValidation';
+import { FieldValidationProps } from '../../../composables/unifyValidation/useValidation';
 type __VLS_Props = {
-    modelValue?: string | number | null;
+    modelValue?: string | number | null | undefined;
     prependIcon?: IconType;
     appendIcon?: IconType;
     prependInnerIcon?: IconType;
@@ -15,10 +16,6 @@ type __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;
@@ -38,7 +35,6 @@ type __VLS_Props = {
     hint?: string;
     id?: string;
     loading?: string | boolean;
-    maxErrors?: string | number;
     maxWidth?: string | number;
     messages?: string | string[];
     minWidth?: string | number;
@@ -52,9 +48,6 @@ type __VLS_Props = {
     isReversed?: boolean;
     role?: string;
     rounded?: string | number | boolean;
-    hasError?: boolean;
-    hasWarning?: boolean;
-    hasSuccess?: boolean;
     isOnSingleLine?: boolean;
     suffix?: string;
     theme?: string;
@@ -63,23 +56,18 @@ type __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;
-};
+} & FieldValidationProps;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         prepend?(_: {}): any;
         append?(_: {}): any;
+        default?(_: {}): any;
         'prepend-inner'?(_: {}): any;
         'append-inner'?(_: {}): any;
         details?(_: {}): any;
@@ -455,16 +443,16 @@ declare function __VLS_template(): {
             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<{
@@ -722,13 +710,13 @@ declare function __VLS_template(): {
             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>;
@@ -1192,16 +1180,16 @@ declare function __VLS_template(): {
             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<{
@@ -1459,13 +1447,13 @@ declare function __VLS_template(): {
             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>;
@@ -1512,21 +1500,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
-    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;
@@ -1534,6 +1512,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     "append-icon-click": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & 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;
@@ -1563,7 +1543,12 @@ declare const __VLS_component: 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;
@@ -1571,9 +1556,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     tooltipLocation: "top" | "bottom" | "start" | "end";
     variantStyle: VariantStyle;
     isClearable: boolean;
-    errorMessages: string[] | null;
-    warningMessages: string[] | null;
-    successMessages: string[] | null;
     centerAffix: boolean;
     counter: string | number | boolean;
     counterValue: number | ((value: any) => number);
@@ -1585,30 +1567,31 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     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: ValidationRule[];
+    customWarningRules: ValidationRule[];
+    customSuccessRules: ValidationRule[];
+    warningMessages: string[] | null;
+    successMessages: string[] | null;
+    hasError: boolean;
+    hasWarning: boolean;
+    hasSuccess: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     syTextFieldRef: import('vue').CreateComponentPublicInstanceWithMixins<{
         style: string | false | import('vue').StyleValue[] | import('vue').CSSProperties | null;
@@ -1980,16 +1963,16 @@ declare const __VLS_component: 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<{
@@ -2247,13 +2230,13 @@ declare const __VLS_component: 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>;
@@ -2717,16 +2700,16 @@ declare const __VLS_component: 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<{
@@ -2984,13 +2967,13 @@ declare const __VLS_component: 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>;