@volverjs/form-vue 1.0.0-beta.29 → 1.0.0-beta.30

package/dist/VvFormField.d.ts

@@ -1,5 +1,5 @@
 import { Component, ConcreteComponent, DeepReadonly, InjectionKey, PropType, Ref, SlotsType, readonly } from 'vue';
-import { inferFormattedError, z } from 'zod';
+import { z } from 'zod';
 import { FormFieldType } from './enums';
 import { FormFieldComponentOptions, FormSchema, InjectedFormData, InjectedFormFieldData, InjectedFormWrapperData, Path } from './types';
 export declare function defineFormField<Schema extends FormSchema, Type>(formProvideKey: InjectionKey<InjectedFormData<Schema, Type>>, wrapperProvideKey: InjectionKey<InjectedFormWrapperData<Schema>>, formFieldInjectionKey: InjectionKey<InjectedFormFieldData<Schema>>, options?: FormFieldComponentOptions): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -116,9 +116,9 @@ export declare function defineFormField<Schema extends FormSchema, Type>(formPro
 }, SlotsType<{
     [key: string]: any;
     default: {
-        errors: z.inferFormattedError<Schema>;
+        errors: DeepReadonly<z.inferFormattedError<Schema>>;
         formData?: (undefined extends Type ? Partial<z.TypeOf<Schema>> : Type) | undefined;
-        formErrors?: DeepReadonly<inferFormattedError<Schema, string>> | undefined;
+        formErrors?: DeepReadonly<z.inferFormattedError<Schema, string>> | undefined;
         invalid: boolean;
         invalidLabel?: string[] | undefined;
         modelValue: any;

package/dist/VvFormFieldsGroup.d.ts

@@ -1,5 +1,5 @@
 import { Component, DeepReadonly, InjectionKey, PropType, Ref, SlotsType, readonly } from 'vue';
-import { inferFormattedError, z } from 'zod';
+import { z } from 'zod';
 import { FormSchema, InjectedFormData, InjectedFormFieldsGroupData, InjectedFormWrapperData, Path } from './types';
 export declare function defineFormFieldsGroup<Schema extends FormSchema, Type>(formProvideKey: InjectionKey<InjectedFormData<Schema, Type>>, wrapperProvideKey: InjectionKey<InjectedFormWrapperData<Schema>>, formFieldsGroupInjectionKey: InjectionKey<InjectedFormFieldsGroupData<Schema>>): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     is: {
@@ -93,9 +93,9 @@ export declare function defineFormFieldsGroup<Schema extends FormSchema, Type>(f
 }, SlotsType<{
     [key: string]: any;
     default: {
-        errors?: Record<Path<z.TypeOf<Schema>>, inferFormattedError<Schema, string>> | undefined;
+        errors?: Record<Path<z.TypeOf<Schema>>, z.inferFormattedError<Schema, string>> | undefined;
         formData?: (undefined extends Type ? Partial<z.TypeOf<Schema>> : Type) | undefined;
-        formErrors?: DeepReadonly<inferFormattedError<Schema, string>> | undefined;
+        formErrors?: DeepReadonly<z.inferFormattedError<Schema, string>> | undefined;
         invalid: boolean;
         invalids: Record<string, boolean>;
         invalidLabels?: Record<string, string[]> | undefined;

package/dist/VvFormTemplate.d.ts

@@ -1,6 +1,6 @@
 import { Component, DeepReadonly, InjectionKey, PropType, SlotsType, VNode } from 'vue';
 import { FormSchema, InjectedFormData, FormTemplate } from './types';
-import { z, inferFormattedError } from 'zod';
+import { z } from 'zod';
 import { FormStatus } from './enums';
 export declare function defineFormTemplate<Schema extends FormSchema, Type>(formProvideKey: InjectionKey<InjectedFormData<Schema, Type>>, VvFormField: Component): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     schema: {
@@ -28,7 +28,7 @@ export declare function defineFormTemplate<Schema extends FormSchema, Type>(form
     scope: Record<string, unknown>;
 }, SlotsType<{
     default: {
-        errors?: DeepReadonly<inferFormattedError<Schema, string>>;
+        errors?: DeepReadonly<z.inferFormattedError<Schema>>;
         formData?: undefined extends Type ? Partial<z.infer<Schema>> : Type;
         invalid: boolean;
         status?: FormStatus;

package/dist/VvFormWrapper.d.ts

@@ -1,5 +1,5 @@
 import { DeepReadonly, InjectionKey, Ref, SlotsType } from 'vue';
-import { inferFormattedError, z } from 'zod';
+import { z } from 'zod';
 import { FormSchema, InjectedFormData, InjectedFormWrapperData } from './types';
 export declare function defineFormWrapper<Schema extends FormSchema, Type>(formProvideKey: InjectionKey<InjectedFormData<Schema, Type>>, wrapperProvideKey: InjectionKey<InjectedFormWrapperData<Schema>>): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     name: {
@@ -11,9 +11,9 @@ export declare function defineFormWrapper<Schema extends FormSchema, Type>(formP
         default: undefined;
     };
 }>, {
-    errors: Readonly<Ref<DeepReadonly<inferFormattedError<Schema, string>> | undefined, DeepReadonly<inferFormattedError<Schema, string>> | undefined>> | undefined;
+    errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined, DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>> | undefined;
     fields: Ref<Map<string, string> & Omit<Map<string, string>, keyof Map<any, any>>, Map<string, string> | (Map<string, string> & Omit<Map<string, string>, keyof Map<any, any>>)>;
-    fieldsErrors: Ref<Map<string, inferFormattedError<Schema, string>>, Map<string, inferFormattedError<Schema, string>>>;
+    fieldsErrors: Ref<Map<string, z.inferFormattedError<Schema, string>>, Map<string, z.inferFormattedError<Schema, string>>>;
     formData: Ref<(undefined extends Type ? Partial<z.TypeOf<Schema>> : Type) | undefined, (undefined extends Type ? Partial<z.TypeOf<Schema>> : Type) | undefined> | undefined;
     invalid: import('vue').ComputedRef<boolean>;
     clear: (() => void) | undefined;
@@ -38,9 +38,9 @@ export declare function defineFormWrapper<Schema extends FormSchema, Type>(formP
 }, SlotsType<{
     default: {
         errors?: DeepReadonly<z.inferFormattedError<Schema>>;
-        fieldsErrors: Map<string, inferFormattedError<Schema, string>>;
+        fieldsErrors: Map<string, z.inferFormattedError<Schema>>;
         formData?: undefined extends Type ? Partial<z.infer<Schema>> : Type;
-        formErrors?: DeepReadonly<inferFormattedError<Schema, string>>;
+        formErrors?: DeepReadonly<z.inferFormattedError<Schema>>;
         invalid: boolean;
         clear?: InjectedFormData<Schema, Type>['clear'];
         reset?: InjectedFormData<Schema, Type>['reset'];

package/dist/index.d.ts

@@ -1,13 +1,10 @@
 import { InjectionKey, Plugin } from 'vue';
-import { AnyZodObject } from 'zod';
 import { defineForm } from './VvForm';
 import { defineFormField } from './VvFormField';
 import { defineFormFieldsGroup } from './VvFormFieldsGroup';
 import { defineFormWrapper } from './VvFormWrapper';
 import { InjectedFormData, InjectedFormWrapperData, InjectedFormFieldData, FormComposableOptions, FormPluginOptions, FormTemplateItem, Path, PathValue, FormSchema, FormTemplate } from './types';
-export declare const pluginInjectionKey: InjectionKey<FormPluginOptions>;
-export declare function createForm(options: FormPluginOptions): Plugin & Partial<ReturnType<typeof useForm>>;
-export declare function useForm<Schema extends FormSchema, Type>(schema: Schema, options?: FormComposableOptions<Schema, Type>): {
+declare function _formType<Schema extends FormSchema, Type>(schema: Schema, options?: FormComposableOptions<Schema, Type>): {
     clear: () => void;
     errors: import('vue').Ref<import('zod').inferFormattedError<Schema, string> | undefined, import('zod').inferFormattedError<Schema, string> | undefined>;
     formData: import('vue').Ref<(undefined extends Type ? Partial<import('zod').TypeOf<Schema>> : Type) | undefined, (undefined extends Type ? Partial<import('zod').TypeOf<Schema>> : Type) | undefined>;
@@ -221,7 +218,7 @@ export declare function useForm<Schema extends FormSchema, Type>(schema: Schema,
     }, import('vue').SlotsType<{
         [key: string]: any;
         default: {
-            errors: import('zod').inferFormattedError<Schema, string>;
+            errors: import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>>;
             formData?: (undefined extends Type ? Partial<import('zod').TypeOf<Schema>> : Type) | undefined;
             formErrors?: import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined;
             invalid: boolean;
@@ -423,511 +420,10 @@ export declare function useForm<Schema extends FormSchema, Type>(schema: Schema,
             validateWrapper?: (() => Promise<boolean>) | undefined;
         };
     }>, {}, {}, "invalid" | "reset" | "clear" | "submit" | "errors" | "tag" | "validate" | "formData" | "fields" | "fieldsErrors" | "validateWrapper", import('vue').ComponentProvideOptions, true, {}, any>;
-} | {
-    clear: () => void;
-    errors: import('vue').Ref<import('zod').inferFormattedError<AnyZodObject, string> | undefined, import('zod').inferFormattedError<AnyZodObject, string> | undefined>;
-    formData: import('vue').Ref<(undefined extends Type ? Partial<{
-        [x: string]: any;
-    }> : Type) | undefined, (undefined extends Type ? Partial<{
-        [x: string]: any;
-    }> : Type) | undefined>;
-    formFieldInjectionKey: InjectionKey<InjectedFormFieldData<AnyZodObject>>;
-    formInjectionKey: InjectionKey<InjectedFormData<AnyZodObject, Type>>;
-    formWrapperInjectionKey: InjectionKey<InjectedFormWrapperData<AnyZodObject>>;
-    ignoreUpdates: import('@vueuse/core').IgnoredUpdater;
-    invalid: import('vue').ComputedRef<boolean>;
-    readonly: import('vue').Ref<boolean, boolean>;
-    reset: () => void;
-    status: import('vue').Ref<import('./enums').FormStatus | undefined, import('./enums').FormStatus | undefined>;
-    stopUpdatesWatch: import('vue').WatchStopHandle;
-    submit: () => Promise<boolean>;
-    validate: (value?: (undefined extends Type ? Partial<{
-        [x: string]: any;
-    }> : Type) | undefined, fields?: Set<string> | undefined) => Promise<boolean>;
-    wrappers: Map<string, InjectedFormWrapperData<AnyZodObject>>;
-    VvForm: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        continuousValidation: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        modelValue: {
-            type: ObjectConstructor;
-            default: () => {};
-        };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        tag: {
-            type: StringConstructor;
-            default: string;
-        };
-        template: {
-            type: import('vue').PropType<FormTemplate<AnyZodObject, Type>>;
-            default: undefined;
-        };
-    }>, {
-        clear: () => void;
-        errors: Readonly<import('vue').Ref<{
-            readonly [x: string]: {
-                readonly _errors: readonly string[];
-            } | undefined;
-            readonly _errors: readonly string[];
-        } | undefined, {
-            readonly [x: string]: {
-                readonly _errors: readonly string[];
-            } | undefined;
-            readonly _errors: readonly string[];
-        } | undefined>>;
-        formData: import('vue').Ref<(undefined extends Type ? Partial<{
-            [x: string]: any;
-        }> : Type) | undefined, (undefined extends Type ? Partial<{
-            [x: string]: any;
-        }> : Type) | undefined>;
-        ignoreUpdates: import('@vueuse/core').IgnoredUpdater;
-        invalid: import('vue').ComputedRef<boolean>;
-        isReadonly: import('vue').Ref<boolean, boolean>;
-        reset: () => void;
-        status: Readonly<import('vue').Ref<import('./enums').FormStatus | undefined, import('./enums').FormStatus | undefined>>;
-        stopUpdatesWatch: import('vue').WatchStopHandle;
-        submit: () => Promise<boolean>;
-        validate: (value?: (undefined extends Type ? Partial<{
-            [x: string]: any;
-        }> : Type) | undefined, fields?: Set<string> | undefined) => Promise<boolean>;
-        wrappers: Map<string, InjectedFormWrapperData<AnyZodObject>>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "reset" | "submit" | "update:modelValue" | "update:readonly")[], "invalid" | "valid" | "reset" | "submit" | "update:modelValue" | "update:readonly", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        continuousValidation: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        modelValue: {
-            type: ObjectConstructor;
-            default: () => {};
-        };
-        readonly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        tag: {
-            type: StringConstructor;
-            default: string;
-        };
-        template: {
-            type: import('vue').PropType<FormTemplate<AnyZodObject, Type>>;
-            default: undefined;
-        };
-    }>> & Readonly<{
-        onInvalid?: ((...args: any[]) => any) | undefined;
-        onValid?: ((...args: any[]) => any) | undefined;
-        onReset?: ((...args: any[]) => any) | undefined;
-        onSubmit?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        "onUpdate:readonly"?: ((...args: any[]) => any) | undefined;
-    }>, {
-        readonly: boolean;
-        tag: string;
-        template: FormTemplate<AnyZodObject, Type>;
-        continuousValidation: boolean;
-        modelValue: Record<string, any>;
-    }, import('vue').SlotsType<{
-        default: {
-            errors: {
-                readonly [x: string]: {
-                    readonly _errors: readonly string[];
-                } | undefined;
-                readonly _errors: readonly string[];
-            } | undefined;
-            formData: (undefined extends Type ? Partial<{
-                [x: string]: any;
-            }> : Type) | undefined;
-            invalid: boolean;
-            readonly: boolean;
-            status: import('./enums').FormStatus | undefined;
-            wrappers: Map<string, InjectedFormWrapperData<AnyZodObject>>;
-            clear: () => void;
-            ignoreUpdates: import('@vueuse/core').IgnoredUpdater;
-            reset: () => void;
-            stopUpdatesWatch: import('vue').WatchStopHandle;
-            submit: () => Promise<boolean>;
-            validate: (value?: (undefined extends Type ? Partial<{
-                [x: string]: any;
-            }> : Type) | undefined, fields?: Set<string> | undefined) => Promise<boolean>;
-        };
-    }>, {}, {}, "invalid" | "valid" | "reset" | "status" | "readonly" | "clear" | "submit" | "errors" | "tag" | "template" | "validate", import('vue').ComponentProvideOptions, true, {}, any>;
-    VvFormField: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        type: {
-            type: import('vue').PropType<"number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom">;
-            validator: (value: import('./enums').FormFieldType) => boolean;
-            default: import('./enums').FormFieldType;
-        };
-        is: {
-            type: import('vue').PropType<string | import('vue').Component>;
-            default: undefined;
-        };
-        name: {
-            type: import('vue').PropType<string>;
-            required: true;
-        };
-        props: {
-            type: import('vue').PropType<Partial<{
-                [x: string]: any;
-            } | ((formData?: import('vue').Ref<ObjectConstructor, ObjectConstructor> | undefined) => Partial<{
-                [x: string]: any;
-            }> | undefined) | undefined>>;
-            default: () => {};
-        };
-        showValid: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        defaultValue: {
-            type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
-            default: undefined;
-        };
-        lazyLoad: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        readonly: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-    }>, {
-        component: import('vue').ComputedRef<{
-            new (...args: any[]): any;
-            __isFragment?: undefined;
-            __isTeleport?: undefined;
-            __isSuspense?: undefined;
-        } | import('vue').ConcreteComponent>;
-        hasProps: import('vue').ComputedRef<{
-            name: string | {};
-            invalid: boolean;
-            valid: boolean | undefined;
-            type: import('./enums').FormFieldType | undefined;
-            invalidLabel: any;
-            modelValue: any;
-            readonly: boolean;
-            'onUpdate:modelValue': (value: unknown) => void;
-        }>;
-        invalid: import('vue').ComputedRef<boolean>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "update:formData")[], "invalid" | "valid" | "update:modelValue" | "update:formData", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        type: {
-            type: import('vue').PropType<"number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom">;
-            validator: (value: import('./enums').FormFieldType) => boolean;
-            default: import('./enums').FormFieldType;
-        };
-        is: {
-            type: import('vue').PropType<string | import('vue').Component>;
-            default: undefined;
-        };
-        name: {
-            type: import('vue').PropType<string>;
-            required: true;
-        };
-        props: {
-            type: import('vue').PropType<Partial<{
-                [x: string]: any;
-            } | ((formData?: import('vue').Ref<ObjectConstructor, ObjectConstructor> | undefined) => Partial<{
-                [x: string]: any;
-            }> | undefined) | undefined>>;
-            default: () => {};
-        };
-        showValid: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        defaultValue: {
-            type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
-            default: undefined;
-        };
-        lazyLoad: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        readonly: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-    }>> & Readonly<{
-        onInvalid?: ((...args: any[]) => any) | undefined;
-        onValid?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        "onUpdate:formData"?: ((...args: any[]) => any) | undefined;
-    }>, {
-        type: "number" | "text" | "email" | "password" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week" | "color" | "select" | "checkbox" | "radio" | "textarea" | "radioGroup" | "checkboxGroup" | "combobox" | "custom";
-        readonly: boolean;
-        props: Partial<{
-            [x: string]: any;
-        } | ((formData?: import('vue').Ref<ObjectConstructor, ObjectConstructor> | undefined) => Partial<{
-            [x: string]: any;
-        }> | undefined) | undefined>;
-        is: string | import('vue').Component;
-        showValid: boolean;
-        defaultValue: string | number | boolean | unknown[] | Record<string, any>;
-        lazyLoad: boolean;
-    }, import('vue').SlotsType<{
-        [key: string]: any;
-        default: {
-            errors: import('zod').inferFormattedError<AnyZodObject, string>;
-            formData?: (undefined extends Type ? Partial<{
-                [x: string]: any;
-            }> : Type) | undefined;
-            formErrors?: {
-                readonly [x: string]: {
-                    readonly _errors: readonly string[];
-                } | undefined;
-                readonly _errors: readonly string[];
-            } | undefined;
-            invalid: boolean;
-            invalidLabel?: string[] | undefined;
-            modelValue: any;
-            readonly: boolean;
-            onUpdate: (value: unknown) => void;
-            submit?: (() => Promise<boolean>) | undefined;
-            validate?: ((formData?: (undefined extends Type ? Partial<{
-                [x: string]: any;
-            }> : Type) | undefined, fields?: Set<string> | undefined) => Promise<boolean>) | undefined;
-        };
-    }>, {}, {}, "invalid" | "type" | "errors" | "component" | "hasProps" | "invalidLabel" | "is", import('vue').ComponentProvideOptions, true, {}, any>;
-    VvFormFieldsGroup: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        is: {
-            type: import('vue').PropType<string | import('vue').Component>;
-            default: undefined;
-        };
-        names: {
-            type: import('vue').PropType<string[] | Record<string, string>>;
-            required: true;
-        };
-        props: {
-            type: import('vue').PropType<Partial<{
-                [x: string]: any;
-            } | ((formData?: import('vue').Ref<ObjectConstructor, ObjectConstructor> | undefined) => Partial<{
-                [x: string]: any;
-            }> | undefined) | undefined>>;
-            default: () => {};
-        };
-        showValid: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        defaultValues: {
-            type: import('vue').PropType<Record<string, any>>;
-            default: undefined;
-        };
-        readonly: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-    }>, {
-        component: import('vue').ComputedRef<{
-            render(): import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }>[];
-        }>;
-        hasProps: import('vue').ComputedRef<{
-            names: {};
-            invalid: boolean;
-            invalids: Record<string, boolean>;
-            valid: boolean | undefined;
-            invalidLabels: Record<string, string[]> | undefined;
-            modelValue: Record<string, any>;
-            readonly: boolean;
-        }>;
-        invalid: import('vue').ComputedRef<boolean>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "update:formData")[], "invalid" | "valid" | "update:modelValue" | "update:formData", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        is: {
-            type: import('vue').PropType<string | import('vue').Component>;
-            default: undefined;
-        };
-        names: {
-            type: import('vue').PropType<string[] | Record<string, string>>;
-            required: true;
-        };
-        props: {
-            type: import('vue').PropType<Partial<{
-                [x: string]: any;
-            } | ((formData?: import('vue').Ref<ObjectConstructor, ObjectConstructor> | undefined) => Partial<{
-                [x: string]: any;
-            }> | undefined) | undefined>>;
-            default: () => {};
-        };
-        showValid: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        defaultValues: {
-            type: import('vue').PropType<Record<string, any>>;
-            default: undefined;
-        };
-        readonly: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-    }>> & Readonly<{
-        onInvalid?: ((...args: any[]) => any) | undefined;
-        onValid?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        "onUpdate:formData"?: ((...args: any[]) => any) | undefined;
-    }>, {
-        readonly: boolean;
-        props: Partial<{
-            [x: string]: any;
-        } | ((formData?: import('vue').Ref<ObjectConstructor, ObjectConstructor> | undefined) => Partial<{
-            [x: string]: any;
-        }> | undefined) | undefined>;
-        is: string | import('vue').Component;
-        showValid: boolean;
-        defaultValues: Record<string, any>;
-    }, import('vue').SlotsType<{
-        [key: string]: any;
-        default: {
-            errors?: Record<string, import('zod').inferFormattedError<AnyZodObject, string>> | undefined;
-            formData?: (undefined extends Type ? Partial<{
-                [x: string]: any;
-            }> : Type) | undefined;
-            formErrors?: {
-                readonly [x: string]: {
-                    readonly _errors: readonly string[];
-                } | undefined;
-                readonly _errors: readonly string[];
-            } | undefined;
-            invalid: boolean;
-            invalids: Record<string, boolean>;
-            invalidLabels?: Record<string, string[]> | undefined;
-            modelValue: Record<string, any>;
-            onUpdate: (value: Record<string, any>) => void;
-            onUpdateField: (name: string, value: any) => void;
-            readonly: boolean;
-            submit?: (() => Promise<boolean>) | undefined;
-            validate?: ((formData?: (undefined extends Type ? Partial<{
-                [x: string]: any;
-            }> : Type) | undefined, fields?: Set<string> | undefined) => Promise<boolean>) | undefined;
-        };
-    }>, {}, {}, "invalid" | "errors" | "component" | "hasProps" | "is" | "invalidLabels", import('vue').ComponentProvideOptions, true, {}, any>;
-    VvFormTemplate: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        schema: {
-            type: import('vue').PropType<FormTemplate<AnyZodObject, Type>>;
-            required: true;
-        };
-        scope: {
-            type: import('vue').PropType<Record<string, unknown>>;
-            default: () => {};
-        };
-    }>, (() => (import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }> | import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }>[] | undefined)[]) | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        schema: {
-            type: import('vue').PropType<FormTemplate<AnyZodObject, Type>>;
-            required: true;
-        };
-        scope: {
-            type: import('vue').PropType<Record<string, unknown>>;
-            default: () => {};
-        };
-    }>> & Readonly<{}>, {
-        scope: Record<string, unknown>;
-    }, import('vue').SlotsType<{
-        default: {
-            errors?: {
-                readonly [x: string]: {
-                    readonly _errors: readonly string[];
-                } | undefined;
-                readonly _errors: readonly string[];
-            } | undefined;
-            formData?: (undefined extends Type ? Partial<{
-                [x: string]: any;
-            }> : Type) | undefined;
-            invalid: boolean;
-            status?: import('./enums').FormStatus | undefined;
-            submit?: (() => Promise<boolean>) | undefined;
-            validate?: ((formData?: (undefined extends Type ? Partial<{
-                [x: string]: any;
-            }> : Type) | undefined, fields?: Set<string> | undefined) => Promise<boolean>) | undefined;
-            clear?: (() => void) | undefined;
-            reset?: (() => void) | undefined;
-        };
-    }>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    VvFormWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        name: {
-            type: StringConstructor;
-            required: true;
-        };
-        tag: {
-            type: StringConstructor;
-            default: undefined;
-        };
-    }>, {
-        errors: Readonly<import('vue').Ref<{
-            readonly [x: string]: {
-                readonly _errors: readonly string[];
-            } | undefined;
-            readonly _errors: readonly string[];
-        } | undefined, {
-            readonly [x: string]: {
-                readonly _errors: readonly string[];
-            } | undefined;
-            readonly _errors: readonly string[];
-        } | undefined>> | undefined;
-        fields: import('vue').Ref<Map<string, string> & Omit<Map<string, string>, keyof Map<any, any>>, Map<string, string> | (Map<string, string> & Omit<Map<string, string>, keyof Map<any, any>>)>;
-        fieldsErrors: import('vue').Ref<Map<string, import('zod').inferFormattedError<AnyZodObject, string>>, Map<string, import('zod').inferFormattedError<AnyZodObject, string>>>;
-        formData: import('vue').Ref<(undefined extends Type ? Partial<{
-            [x: string]: any;
-        }> : Type) | undefined, (undefined extends Type ? Partial<{
-            [x: string]: any;
-        }> : Type) | undefined> | undefined;
-        invalid: import('vue').ComputedRef<boolean>;
-        clear: (() => void) | undefined;
-        reset: (() => void) | undefined;
-        submit: (() => Promise<boolean>) | undefined;
-        validate: ((formData?: (undefined extends Type ? Partial<{
-            [x: string]: any;
-        }> : Type) | undefined, fields?: Set<string> | undefined) => Promise<boolean>) | undefined;
-        validateWrapper: () => Promise<boolean>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid")[], "invalid" | "valid", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        name: {
-            type: StringConstructor;
-            required: true;
-        };
-        tag: {
-            type: StringConstructor;
-            default: undefined;
-        };
-    }>> & Readonly<{
-        onInvalid?: ((...args: any[]) => any) | undefined;
-        onValid?: ((...args: any[]) => any) | undefined;
-    }>, {
-        tag: string;
-    }, import('vue').SlotsType<{
-        default: {
-            errors?: {
-                readonly [x: string]: {
-                    readonly _errors: readonly string[];
-                } | undefined;
-                readonly _errors: readonly string[];
-            } | undefined;
-            fieldsErrors: Map<string, import('zod').inferFormattedError<AnyZodObject, string>>;
-            formData?: (undefined extends Type ? Partial<{
-                [x: string]: any;
-            }> : Type) | undefined;
-            formErrors?: {
-                readonly [x: string]: {
-                    readonly _errors: readonly string[];
-                } | undefined;
-                readonly _errors: readonly string[];
-            } | undefined;
-            invalid: boolean;
-            clear?: (() => void) | undefined;
-            reset?: (() => void) | undefined;
-            submit?: (() => Promise<boolean>) | undefined;
-            validate?: ((formData?: (undefined extends Type ? Partial<{
-                [x: string]: any;
-            }> : Type) | undefined, fields?: Set<string> | undefined) => Promise<boolean>) | undefined;
-            validateWrapper?: (() => Promise<boolean>) | undefined;
-        };
-    }>, {}, {}, "invalid" | "reset" | "clear" | "submit" | "errors" | "tag" | "validate" | "formData" | "fields" | "fieldsErrors" | "validateWrapper", import('vue').ComponentProvideOptions, true, {}, any>;
 };
+export declare const pluginInjectionKey: InjectionKey<FormPluginOptions>;
+export declare function createForm(options: FormPluginOptions): Plugin & Partial<ReturnType<typeof useForm>>;
+export declare function useForm<Schema extends FormSchema, Type>(schema: Schema, options?: FormComposableOptions<Schema, Type>): ReturnType<typeof _formType<Schema, Type>>;
 export { FormFieldType } from './enums';
 export { defaultObjectBySchema } from './utils';
 type FormComponent = ReturnType<typeof defineForm>;
@@ -1153,7 +649,7 @@ export declare function formType<Schema extends FormSchema, Type>(schema: Schema
     }, import('vue').SlotsType<{
         [key: string]: any;
         default: {
-            errors: import('zod').inferFormattedError<Schema, string>;
+            errors: import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>>;
             formData?: (undefined extends Type ? Partial<import('zod').TypeOf<Schema>> : Type) | undefined;
             formErrors?: import('vue').DeepReadonly<import('zod').inferFormattedError<Schema, string>> | undefined;
             invalid: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@volverjs/form-vue",
   "type": "module",
-  "version": "1.0.0-beta.29",
+  "version": "1.0.0-beta.30",
   "description": "Vue 3 Forms with @volverjs/ui-vue",
   "author": "8 Wave S.r.l.",
   "license": "MIT",
@@ -57,8 +57,8 @@
     "zod": "^3.*"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^3.10.0",
-    "@nabla/vite-plugin-eslint": "^2.0.4",
+    "@antfu/eslint-config": "^3.11.2",
+    "@nabla/vite-plugin-eslint": "^2.0.5",
     "@playwright/experimental-ct-vue": "1.49.0",
     "@testing-library/vue": "^8.1.0",
     "@vitejs/plugin-vue": "^5.2.1",
@@ -68,9 +68,9 @@
     "@vue/test-utils": "^2.4.6",
     "copy": "^0.3.2",
     "eslint": "^9.15.0",
-    "happy-dom": "^15.11.6",
+    "happy-dom": "^15.11.7",
     "typescript": "5.4.2",
-    "vite": "^6.0.0",
+    "vite": "^6.0.1",
     "vite-plugin-dts": "^4.3.0",
     "vite-plugin-externalize-deps": "^0.8.0",
     "vitest": "^2.1.6"

package/src/VvFormField.ts

@@ -22,7 +22,7 @@ import {
     watch,
     useId,
 } from 'vue'
-import type { inferFormattedError, z } from 'zod'
+import type { z } from 'zod'
 import { FormFieldType } from './enums'
 import type {
     FormFieldComponentOptions,
@@ -101,9 +101,9 @@ export function defineFormField<Schema extends FormSchema, Type>(formProvideKey:
         slots: Object as SlotsType<{
             [key: string]: any
             default: {
-                errors: z.inferFormattedError<Schema>
+                errors: DeepReadonly<z.inferFormattedError<Schema>>
                 formData?: undefined extends Type ? Partial<z.infer<Schema>> : Type
-                formErrors?: DeepReadonly<inferFormattedError<Schema, string>>
+                formErrors?: DeepReadonly<z.inferFormattedError<Schema, string>>
                 invalid: boolean
                 invalidLabel?: string[]
                 modelValue: any

package/src/VvFormFieldsGroup.ts

@@ -19,7 +19,7 @@ import {
     useId,
     watch,
 } from 'vue'
-import type { inferFormattedError, z } from 'zod'
+import type { z } from 'zod'
 import type {
     FormSchema,
     InjectedFormData,
@@ -88,7 +88,7 @@ export function defineFormFieldsGroup<Schema extends FormSchema, Type>(formProvi
             default: {
                 errors?: Record<Path<z.infer<Schema>>, z.inferFormattedError<Schema>>
                 formData?: undefined extends Type ? Partial<z.infer<Schema>> : Type
-                formErrors?: DeepReadonly<inferFormattedError<Schema, string>>
+                formErrors?: DeepReadonly<z.inferFormattedError<Schema>>
                 invalid: boolean
                 invalids: Record<string, boolean>
                 invalidLabels?: Record<string, string[]>

package/src/VvFormTemplate.ts

@@ -12,7 +12,7 @@ import {
     unref,
 } from 'vue'
 import type { FormSchema, InjectedFormData, FormTemplate, RenderFunctionOutput } from './types'
-import type { z, inferFormattedError } from 'zod'
+import type { z } from 'zod'
 import type { FormStatus } from './enums'
 
 export function defineFormTemplate<Schema extends FormSchema, Type>(formProvideKey: InjectionKey<InjectedFormData<Schema, Type>>, VvFormField: Component) {
@@ -30,7 +30,7 @@ export function defineFormTemplate<Schema extends FormSchema, Type>(formProvideK
         },
         slots: Object as SlotsType<{
             default: {
-                errors?: DeepReadonly<inferFormattedError<Schema, string>>
+                errors?: DeepReadonly<z.inferFormattedError<Schema>>
                 formData?: undefined extends Type ? Partial<z.infer<Schema>> : Type
                 invalid: boolean
                 status?: FormStatus

package/src/VvFormWrapper.ts

@@ -15,7 +15,7 @@ import {
     toRefs,
     watch,
 } from 'vue'
-import type { inferFormattedError, z } from 'zod'
+import type { z } from 'zod'
 import type {
     FormSchema,
     InjectedFormData,
@@ -52,9 +52,9 @@ export function defineFormWrapper<Schema extends FormSchema, Type>(formProvideKe
         slots: Object as SlotsType<{
             default: {
                 errors?: DeepReadonly<z.inferFormattedError<Schema>>
-                fieldsErrors: Map<string, inferFormattedError<Schema, string>>
+                fieldsErrors: Map<string, z.inferFormattedError<Schema>>
                 formData?: undefined extends Type ? Partial<z.infer<Schema>> : Type
-                formErrors?: DeepReadonly<inferFormattedError<Schema, string>>
+                formErrors?: DeepReadonly<z.inferFormattedError<Schema>>
                 invalid: boolean
                 clear?: InjectedFormData<Schema, Type>['clear']
                 reset?: InjectedFormData<Schema, Type>['reset']

package/src/index.ts

@@ -131,9 +131,9 @@ export function createForm(options: FormPluginOptions): Plugin & Partial<ReturnT
 }
 
 const formInstances: Map<string, ReturnType<typeof _formType>> = new Map()
-export function useForm<Schema extends FormSchema, Type>(schema: Schema, options: FormComposableOptions<Schema, Type> = {}) {
+export function useForm<Schema extends FormSchema, Type>(schema: Schema, options: FormComposableOptions<Schema, Type> = {}): ReturnType <typeof _formType<Schema, Type>> {
     if (options.scope && formInstances.has(options.scope)) {
-        return formInstances.get(options.scope) as ReturnType<typeof _formType<Schema, Type>>
+        return formInstances.get(options.scope)
     }
     if (!getCurrentInstance()) {
         const toReturn = _formType(schema, options)
@@ -143,11 +143,11 @@ export function useForm<Schema extends FormSchema, Type>(schema: Schema, options
         return toReturn
     }
     const toReturn = _formType(
-        schema as AnyZodObject,
+        schema,
         {
             ...inject(pluginInjectionKey, {}),
             ...options,
-        } as FormComposableOptions<AnyZodObject, Type>,
+        } as FormComposableOptions<Schema, Type>,
     )
     if (options.scope) {
         formInstances.set(options.scope, toReturn)