@cnamts/synapse 1.0.23 → 1.0.25

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

@@ -5,8 +5,9 @@ type __VLS_Props = {
     /** Si activé, une confirmation sera demandée avant de changer d'onglet */
     confirmTabChange?: boolean;
     /** Message affiché dans la boîte de dialogue de confirmation */
-    confirmationMessage?: boolean;
-    /** Options personnalisées pour les composants Vuetify */
+    confirmationMessage?: string;
+    /** Si activé, le contenu des onglets ne sera rendu que lorsqu'ils deviendront actifs */
+    lazy?: boolean;
     vuetifyOptions?: {
         sheet?: {
             theme?: string;
@@ -57,20 +58,21 @@ declare function __VLS_template(): {
         }) => unknown;
     };
     refs: {
-        tablist: HTMLUListElement;
+        tablist: unknown;
     };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-    "cancel-navigation": (...args: any[]) => void;
-    "confirm-tab-change": (...args: any[]) => void;
+    "update:modelValue": (value: string | number) => any;
+    "cancel-navigation": () => any;
+    "confirm-tab-change": (message: string, resolve: (confirmed: boolean) => void) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    "onCancel-navigation"?: ((...args: any[]) => any) | undefined;
-    "onConfirm-tab-change"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    "onCancel-navigation"?: (() => any) | undefined;
+    "onConfirm-tab-change"?: ((message: string, resolve: (confirmed: boolean) => void) => any) | undefined;
 }>, {
+    lazy: boolean;
     vuetifyOptions: {
         sheet?: {
             theme?: string;
@@ -90,9 +92,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     };
     modelValue: number | string;
     confirmTabChange: boolean;
-    confirmationMessage: boolean;
+    confirmationMessage: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    tablist: HTMLUListElement;
+    tablist: unknown;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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;
@@ -30,7 +27,6 @@ type __VLS_Props = {
     direction?: 'horizontal' | 'vertical';
     isDirty?: boolean;
     disabled?: boolean;
-    isOnError?: boolean;
     isFlat?: boolean;
     isFocused?: boolean;
     areDetailsHidden?: boolean | 'auto';
@@ -38,7 +34,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 +47,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,18 +55,12 @@ 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: {
@@ -456,16 +442,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<{
@@ -547,7 +533,8 @@ declare function __VLS_template(): {
                 }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                     [key: string]: any;
                 }>[]) | undefined;
-                loader?: ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                loader
+                /** @type { [typeof SyIcon, ] } */ ?: ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                     [key: string]: any;
                 }>[]) | undefined;
                 default?: ((arg: import('vuetify/lib/components/VField/VField.mjs').VFieldSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -596,8 +583,7 @@ declare function __VLS_template(): {
                 id?: string | undefined;
                 labelId?: string | undefined;
             } & {
-                "onUpdate:focused"
-                /** @type { [typeof __VLS_components.VBtn, ] } */ ? /** @type { [typeof __VLS_components.VBtn, ] } */: ((focused: boolean) => any) | undefined;
+                "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
             }, {
                 controlRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
                 fieldIconColor: import('vue').ComputedRef<string | undefined>;
@@ -724,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>;
@@ -1194,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<{
@@ -1461,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>;
@@ -1514,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;
@@ -1536,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;
@@ -1565,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;
@@ -1573,44 +1556,41 @@ 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);
     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: 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;
@@ -1982,16 +1962,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<{
@@ -2073,7 +2053,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
             }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            loader?: ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            loader
+            /** @type { [typeof SyIcon, ] } */ ?: ((arg: import('vuetify/lib/composables/loader.mjs').LoaderSlotProps) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
             default?: ((arg: import('vuetify/lib/components/VField/VField.mjs').VFieldSlot) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -2122,8 +2103,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
             id?: string | undefined;
             labelId?: string | undefined;
         } & {
-            "onUpdate:focused"
-            /** @type { [typeof __VLS_components.VBtn, ] } */ ? /** @type { [typeof __VLS_components.VBtn, ] } */: ((focused: boolean) => any) | undefined;
+            "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
         }, {
             controlRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
             fieldIconColor: import('vue').ComputedRef<string | undefined>;
@@ -2250,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>;
@@ -2720,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<{
@@ -2987,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>;