@volverjs/form-vue 1.0.0 → 1.1.0-beta.1

package/README.md

@@ -44,7 +44,7 @@ npm install @volverjs/form-vue --save
 ```typescript
 import { createApp } from 'vue'
 import { createForm } from '@volverjs/form-vue'
-import { z } from 'zod'
+import { z } from 'zod/v3'
 
 const schema = z.object({
     firstName: z.string(),
@@ -153,7 +153,7 @@ The **default settings** are **inherited** from the plugin (if it's installed).
 ```vue
 <script lang="ts" setup>
 import { useForm } from '@volverjs/form-vue'
-import { z } from 'zod'
+import { z } from 'zod/v3'
 
 const schema = z.object({
     firstName: z.string(),
@@ -184,7 +184,7 @@ const { VvForm, VvFormWrapper, VvFormField } = useForm(schema, {
 
 ```ts
 import { useForm } from '@volverjs/form-vue'
-import { z } from 'zod'
+import { z } from 'zod/v3'
 
 const schema = z.object({
     firstName: z.string(),
@@ -464,7 +464,7 @@ Forms can also be created using a template. A template is an **array of objects*
 ```vue
 <script lang="ts" setup>
 import { useForm } from '@volverjs/form-vue'
-import { z } from 'zod'
+import { z } from 'zod/v3'
 
 const schema = z.object({
     firstName: z.string(),
@@ -542,7 +542,7 @@ Conditional rendering can be achieved using the `vvIf` and `vvElseIf` properties
 ```vue
 <script lang="ts" setup>
 import { useForm } from '@volverjs/form-vue'
-import { z } from 'zod'
+import { z } from 'zod/v3'
 
 const schema = z.object({
     firstName: z.string(),
@@ -652,13 +652,13 @@ const templateSchema = [
 ]
 ```
 
-## Default Object by Zod Object Schema
+## Default Object by Zod Schema
 
 `defaultObjectBySchema` creates an object by a [Zod Object Schema](https://zod.dev/?id=objects).
 It can be useful to create a **default object** for a **form**. The default object is created by the default values of the schema and can be merged with an other object passed as parameter.
 
 ```ts
-import { z } from 'zod'
+import { z } from 'zod/v3'
 import { defaultObjectBySchema } from '@volverjs/form-vue'
 
 const schema = z.object({
@@ -676,7 +676,7 @@ const defaultObject = defaultObjectBySchema(schema, { name: 'Jane' })
 `defaultObjectBySchema` can be used with nested objects.
 
 ```ts
-import { z } from 'zod'
+import { z } from 'zod/v3'
 import { defaultObjectBySchema } from '@volverjs/form-vue'
 
 const schema = z.object({
@@ -695,7 +695,7 @@ const defaultObject = defaultObjectBySchema(schema)
 Other Zod methods are also supported: [`z.nullable()`](https://github.com/colinhacks/zod#nullable), [`z.coerce`](https://github.com/colinhacks/zod#coercion-for-primitives) and [`z.passthrough()`](https://github.com/colinhacks/zod#passthrough).
 
 ```ts
-import { z } from 'zod'
+import { z } from 'zod/v3'
 import { defaultObjectBySchema } from '@volverjs/form-vue'
 
 const schema = z
@@ -719,6 +719,30 @@ const defaultObject = defaultObjectBySchema(schema, {
 // defaultObject = { firstName: 'John', lastName: 'Doe', address: { street: 'Main Street', number: 1 }, age: null, height: 1.9, weight: 80, email: 'john.doe@test.com' }
 ```
 
+## Zod 4
+`@volverjs/form-vue` supports Zod 4 from `zod@3.25.x` and `zod@4.x.x`. All features and methods are compatible and the usage remains the same, the library automatically detects the Zod version and adapts accordingly.
+
+```typescript
+import * as z from 'zod/v4'
+import { createForm, useForm, defaultObjectBySchema } from '@volverjs/form-vue'
+
+const schema = z.object({
+    firstName: z.string(),
+    lastName: z.string()
+})
+
+// Plugin
+const form = createForm({
+    schema
+})
+
+// Composable
+const { VvForm, VvFormWrapper, VvFormField } = useForm(schema)
+
+// Default Object by Zod Schema
+const defaultObject = defaultObjectBySchema(schema, { firstName: 'Jane' })
+```
+
 ## License
 
 [MIT](http://opensource.org/licenses/MIT)

package/dist/VvForm.d.ts

@@ -1,11 +1,10 @@
 import { Component, InjectionKey, PropType, SlotsType, UnwrapRef } from 'vue';
-import { RefinementCtx, z } from 'zod';
-import { FormComponentOptions, FormSchema, FormTemplate, InjectedFormData, InjectedFormWrapperData, Path } from './types';
+import { FormComponentOptions, FormSchema, FormTemplate, InjectedFormData, InjectedFormWrapperData, Path, InferSchema, InferFormattedError, RefinementCtx } from './types';
 import { FormStatus } from './enums';
 export declare function defineForm<Schema extends FormSchema, Type, FormTemplateComponent extends Component>(schema: Schema, provideKey: InjectionKey<InjectedFormData<Schema, Type>>, options: FormComponentOptions<Schema, Type>, VvFormTemplate: FormTemplateComponent, wrappers: Map<string, InjectedFormWrapperData<Schema>>): {
     clear: () => void;
-    errors: import('vue').Ref<z.inferFormattedError<Schema, string> | undefined, z.inferFormattedError<Schema, string> | undefined>;
-    formData: import('vue').Ref<(undefined extends Type ? Partial<z.TypeOf<Schema>> : Type) | undefined, (undefined extends Type ? Partial<z.TypeOf<Schema>> : Type) | undefined>;
+    errors: import('vue').Ref<InferFormattedError<Schema> | undefined, InferFormattedError<Schema> | undefined>;
+    formData: import('vue').Ref<(undefined extends Type ? Partial<InferSchema<Schema>> : Type) | undefined, (undefined extends Type ? Partial<InferSchema<Schema>> : Type) | undefined>;
     ignoreUpdates: import('@vueuse/core').IgnoredUpdater;
     invalid: import('vue').ComputedRef<boolean>;
     readonly: import('vue').Ref<boolean, boolean>;
@@ -14,12 +13,12 @@ export declare function defineForm<Schema extends FormSchema, Type, FormTemplate
     wrappers: Map<string, InjectedFormWrapperData<Schema>>;
     stopUpdatesWatch: import('vue').WatchStopHandle;
     submit: (options?: {
-        fields?: Set<Path<z.infer<Schema>>>;
-        superRefine?: (arg: z.infer<Schema>, ctx: RefinementCtx) => void | Promise<void>;
+        fields?: Set<Path<InferSchema<Schema>>>;
+        superRefine?: (arg: InferSchema<Schema>, ctx: RefinementCtx<Schema>) => void | Promise<void>;
     }) => Promise<boolean>;
-    validate: (value?: (undefined extends Type ? Partial<z.TypeOf<Schema>> : Type) | undefined, options?: {
-        fields?: Set<Path<z.infer<Schema>>>;
-        superRefine?: (arg: z.infer<Schema>, ctx: RefinementCtx) => void | Promise<void>;
+    validate: (value?: (undefined extends Type ? Partial<InferSchema<Schema>> : Type) | undefined, options?: {
+        fields?: Set<Path<InferSchema<Schema>>>;
+        superRefine?: (arg: InferSchema<Schema>, ctx: RefinementCtx<Schema>) => void | Promise<void>;
     }) => Promise<boolean>;
     VvForm: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         continuousValidation: {
@@ -32,7 +31,7 @@ export declare function defineForm<Schema extends FormSchema, Type, FormTemplate
         };
         readonly: {
             type: BooleanConstructor;
-            default: boolean;
+            default: boolean | undefined;
         };
         tag: {
             type: StringConstructor;
@@ -43,17 +42,17 @@ export declare function defineForm<Schema extends FormSchema, Type, FormTemplate
             default: undefined;
         };
         superRefine: {
-            type: PropType<(arg: z.infer<Schema>, ctx: RefinementCtx) => void | Promise<void>>;
+            type: PropType<(arg: InferSchema<Schema>, ctx: RefinementCtx<Schema>) => void | Promise<void>>;
             default: undefined;
         };
         validateFields: {
-            type: PropType<Path<z.infer<Schema>>[]>;
+            type: PropType<Path<InferSchema<Schema>>[]>;
             default: undefined;
         };
     }>, {
         clear: () => void;
-        errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<z.inferFormattedError<Schema, string>> | undefined, import('vue').DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>>;
-        formData: import('vue').Ref<(undefined extends Type ? Partial<z.TypeOf<Schema>> : Type) | undefined, (undefined extends Type ? Partial<z.TypeOf<Schema>> : Type) | undefined>;
+        errors: Readonly<import('vue').Ref<import('vue').DeepReadonly<InferFormattedError<Schema>> | undefined, import('vue').DeepReadonly<InferFormattedError<Schema>> | undefined>>;
+        formData: import('vue').Ref<(undefined extends Type ? Partial<InferSchema<Schema>> : Type) | undefined, (undefined extends Type ? Partial<InferSchema<Schema>> : Type) | undefined>;
         ignoreUpdates: import('@vueuse/core').IgnoredUpdater;
         invalid: import('vue').ComputedRef<boolean>;
         isReadonly: import('vue').Ref<boolean, boolean>;
@@ -61,9 +60,9 @@ export declare function defineForm<Schema extends FormSchema, Type, FormTemplate
         status: Readonly<import('vue').Ref<FormStatus | undefined, FormStatus | undefined>>;
         stopUpdatesWatch: import('vue').WatchStopHandle;
         submit: () => Promise<boolean>;
-        validate: (value?: (undefined extends Type ? Partial<z.TypeOf<Schema>> : Type) | undefined, options?: {
-            fields?: Set<Path<z.infer<Schema>>>;
-            superRefine?: (arg: z.infer<Schema>, ctx: RefinementCtx) => void | Promise<void>;
+        validate: (value?: (undefined extends Type ? Partial<InferSchema<Schema>> : Type) | undefined, options?: {
+            fields?: Set<Path<InferSchema<Schema>>>;
+            superRefine?: (arg: InferSchema<Schema>, ctx: RefinementCtx<Schema>) => void | Promise<void>;
         }) => Promise<boolean>;
         wrappers: Map<string, InjectedFormWrapperData<Schema>>;
     }, {}, {}, {}, 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<{
@@ -77,7 +76,7 @@ export declare function defineForm<Schema extends FormSchema, Type, FormTemplate
         };
         readonly: {
             type: BooleanConstructor;
-            default: boolean;
+            default: boolean | undefined;
         };
         tag: {
             type: StringConstructor;
@@ -88,11 +87,11 @@ export declare function defineForm<Schema extends FormSchema, Type, FormTemplate
             default: undefined;
         };
         superRefine: {
-            type: PropType<(arg: z.infer<Schema>, ctx: RefinementCtx) => void | Promise<void>>;
+            type: PropType<(arg: InferSchema<Schema>, ctx: RefinementCtx<Schema>) => void | Promise<void>>;
             default: undefined;
         };
         validateFields: {
-            type: PropType<Path<z.infer<Schema>>[]>;
+            type: PropType<Path<InferSchema<Schema>>[]>;
             default: undefined;
         };
     }>> & Readonly<{
@@ -103,17 +102,17 @@ export declare function defineForm<Schema extends FormSchema, Type, FormTemplate
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         "onUpdate:readonly"?: ((...args: any[]) => any) | undefined;
     }>, {
-        superRefine: (arg: z.infer<Schema>, ctx: RefinementCtx) => void | Promise<void>;
         readonly: boolean;
+        superRefine: (arg: InferSchema<Schema>, ctx: RefinementCtx<Schema>) => void | Promise<void>;
         tag: string;
         template: FormTemplate<Schema, Type>;
         continuousValidation: boolean;
         modelValue: Record<string, any>;
-        validateFields: Path<z.TypeOf<Schema>>[];
+        validateFields: Path<InferSchema<Schema>>[];
     }, SlotsType<{
         default: {
-            errors: UnwrapRef<Readonly<import('vue').Ref<import('vue').DeepReadonly<z.inferFormattedError<Schema, string>> | undefined, import('vue').DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>>>;
-            formData: UnwrapRef<import('vue').Ref<(undefined extends Type ? Partial<z.TypeOf<Schema>> : Type) | undefined, (undefined extends Type ? Partial<z.TypeOf<Schema>> : Type) | undefined>>;
+            errors: UnwrapRef<Readonly<import('vue').Ref<import('vue').DeepReadonly<InferFormattedError<Schema>> | undefined, import('vue').DeepReadonly<InferFormattedError<Schema>> | undefined>>>;
+            formData: UnwrapRef<import('vue').Ref<(undefined extends Type ? Partial<InferSchema<Schema>> : Type) | undefined, (undefined extends Type ? Partial<InferSchema<Schema>> : Type) | undefined>>;
             invalid: UnwrapRef<import('vue').ComputedRef<boolean>>;
             readonly: UnwrapRef<import('vue').Ref<boolean, boolean>>;
             status: UnwrapRef<Readonly<import('vue').Ref<FormStatus | undefined, FormStatus | undefined>>>;
@@ -123,13 +122,13 @@ export declare function defineForm<Schema extends FormSchema, Type, FormTemplate
             reset: () => void;
             stopUpdatesWatch: import('vue').WatchStopHandle;
             submit: (options?: {
-                fields?: Set<Path<z.infer<Schema>>>;
-                superRefine?: (arg: z.infer<Schema>, ctx: RefinementCtx) => void | Promise<void>;
+                fields?: Set<Path<InferSchema<Schema>>>;
+                superRefine?: (arg: InferSchema<Schema>, ctx: RefinementCtx<Schema>) => void | Promise<void>;
             }) => Promise<boolean>;
-            validate: (value?: (undefined extends Type ? Partial<z.TypeOf<Schema>> : Type) | undefined, options?: {
-                fields?: Set<Path<z.infer<Schema>>>;
-                superRefine?: (arg: z.infer<Schema>, ctx: RefinementCtx) => void | Promise<void>;
+            validate: (value?: (undefined extends Type ? Partial<InferSchema<Schema>> : Type) | undefined, options?: {
+                fields?: Set<Path<InferSchema<Schema>>>;
+                superRefine?: (arg: InferSchema<Schema>, ctx: RefinementCtx<Schema>) => void | Promise<void>;
             }) => Promise<boolean>;
         };
-    }>, {}, {}, "invalid" | "valid" | "reset" | "status" | "readonly" | "clear" | "submit" | "errors" | "tag" | "template" | "validate", import('vue').ComponentProvideOptions, true, {}, any>;
+    }>, {}, {}, "invalid" | "valid" | "reset" | "status" | "readonly" | "clear" | "validate" | "submit" | "errors" | "tag" | "template", import('vue').ComponentProvideOptions, true, {}, any>;
 };

package/dist/VvFormField.d.ts

@@ -1,6 +1,5 @@
 import { Component, ConcreteComponent, DeepReadonly, InjectionKey, PropType, Ref, SlotsType } from 'vue';
-import { z } from 'zod';
-import { FormFieldComponentOptions, FormSchema, InjectedFormData, InjectedFormFieldData, InjectedFormWrapperData, Path } from './types';
+import { FormFieldComponentOptions, FormSchema, InjectedFormData, InjectedFormFieldData, InjectedFormWrapperData, Path, InferSchema, InferFormattedError } from './types';
 import { FormFieldType } from './enums';
 export declare function defineFormField<Schema extends FormSchema, Type = undefined>(formProvideKey: InjectionKey<InjectedFormData<Schema, Type>>, wrapperProvideKey: InjectionKey<InjectedFormWrapperData<Schema>>, formFieldInjectionKey: InjectionKey<InjectedFormFieldData<Schema>>, options?: FormFieldComponentOptions): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     type: {
@@ -13,11 +12,11 @@ export declare function defineFormField<Schema extends FormSchema, Type = undefi
         default: undefined;
     };
     name: {
-        type: PropType<Path<z.infer<Schema>>>;
+        type: PropType<Path<InferSchema<Schema>>>;
         required: true;
     };
     props: {
-        type: PropType<Partial<z.infer<Schema> | undefined | ((formData?: Ref<ObjectConstructor>) => Partial<z.infer<Schema>> | undefined)>>;
+        type: PropType<Partial<InferSchema<Schema> | undefined | ((formData?: Ref<ObjectConstructor>) => Partial<InferSchema<Schema>> | undefined)>>;
         default: () => {};
     };
     showValid: {
@@ -25,7 +24,7 @@ export declare function defineFormField<Schema extends FormSchema, Type = undefi
         default: boolean;
     };
     defaultValue: {
-        type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (ArrayConstructor | NumberConstructor | ObjectConstructor | BooleanConstructor | StringConstructor)[];
         default: undefined;
     };
     lazyLoad: {
@@ -45,10 +44,10 @@ export declare function defineFormField<Schema extends FormSchema, Type = undefi
     } | ConcreteComponent>;
     hasProps: import('vue').ComputedRef<{
         name: {} | ([{
-            type: PropType<Path<z.infer<Schema>>>;
+            type: PropType<Path<InferSchema<Schema>>>;
             required: true;
         }] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? keyof V extends never ? import('@vue/shared').IfAny<V, V, D> : V : V : {
-            type: PropType<Path<z.infer<Schema>>>;
+            type: PropType<Path<InferSchema<Schema>>>;
             required: true;
         });
         invalid: boolean;
@@ -71,11 +70,11 @@ export declare function defineFormField<Schema extends FormSchema, Type = undefi
         default: undefined;
     };
     name: {
-        type: PropType<Path<z.infer<Schema>>>;
+        type: PropType<Path<InferSchema<Schema>>>;
         required: true;
     };
     props: {
-        type: PropType<Partial<z.infer<Schema> | undefined | ((formData?: Ref<ObjectConstructor>) => Partial<z.infer<Schema>> | undefined)>>;
+        type: PropType<Partial<InferSchema<Schema> | undefined | ((formData?: Ref<ObjectConstructor>) => Partial<InferSchema<Schema>> | undefined)>>;
         default: () => {};
     };
     showValid: {
@@ -83,7 +82,7 @@ export declare function defineFormField<Schema extends FormSchema, Type = undefi
         default: boolean;
     };
     defaultValue: {
-        type: (ObjectConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (ArrayConstructor | NumberConstructor | ObjectConstructor | BooleanConstructor | StringConstructor)[];
         default: undefined;
     };
     lazyLoad: {
@@ -103,10 +102,10 @@ export declare function defineFormField<Schema extends FormSchema, Type = undefi
     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: [{
-        type: PropType<Partial<z.infer<Schema> | undefined | ((formData?: Ref<ObjectConstructor>) => Partial<z.infer<Schema>> | undefined)>>;
+        type: PropType<Partial<InferSchema<Schema> | undefined | ((formData?: Ref<ObjectConstructor>) => Partial<InferSchema<Schema>> | undefined)>>;
         default: () => {};
     }] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? keyof V extends never ? import('@vue/shared').IfAny<V, V, D> : V : V : {
-        type: PropType<Partial<z.infer<Schema> | undefined | ((formData?: Ref<ObjectConstructor>) => Partial<z.infer<Schema>> | undefined)>>;
+        type: PropType<Partial<InferSchema<Schema> | undefined | ((formData?: Ref<ObjectConstructor>) => Partial<InferSchema<Schema>> | undefined)>>;
         default: () => {};
     };
     is: string | Component;
@@ -116,9 +115,9 @@ export declare function defineFormField<Schema extends FormSchema, Type = undefi
 }, SlotsType<{
     [key: string]: any;
     default: {
-        errors: DeepReadonly<z.inferFormattedError<Schema>>;
-        formData?: undefined extends Type ? Partial<z.infer<Schema>> : Type;
-        formErrors?: DeepReadonly<z.inferFormattedError<Schema, string>>;
+        errors: DeepReadonly<InferFormattedError<Schema>>;
+        formData?: undefined extends Type ? Partial<InferSchema<Schema>> : Type;
+        formErrors?: DeepReadonly<InferFormattedError<Schema>>;
         invalid: boolean;
         invalidLabel?: string[];
         modelValue: any;

package/dist/VvFormFieldsGroup.d.ts

@@ -1,17 +1,16 @@
 import { Component, DeepReadonly, InjectionKey, PropType, Ref, SlotsType } from 'vue';
-import { z } from 'zod';
-import { FormSchema, InjectedFormData, InjectedFormFieldsGroupData, InjectedFormWrapperData, Path } from './types';
+import { FormSchema, InjectedFormData, InjectedFormFieldsGroupData, InjectedFormWrapperData, Path, InferSchema, InferFormattedError } from './types';
 export declare function defineFormFieldsGroup<Schema extends FormSchema, Type = undefined>(formProvideKey: InjectionKey<InjectedFormData<Schema, Type>>, wrapperProvideKey: InjectionKey<InjectedFormWrapperData<Schema>>, formFieldsGroupInjectionKey: InjectionKey<InjectedFormFieldsGroupData<Schema>>): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     is: {
         type: PropType<Component | string>;
         default: undefined;
     };
     names: {
-        type: PropType<Path<z.infer<Schema>>[] | Record<string, Path<z.infer<Schema>>>>;
+        type: PropType<Path<InferSchema<Schema>>[] | Record<string, Path<InferSchema<Schema>>>>;
         required: true;
     };
     props: {
-        type: PropType<Partial<z.infer<Schema> | undefined | ((formData?: Ref<ObjectConstructor>) => Partial<z.infer<Schema>> | undefined)>>;
+        type: PropType<Partial<InferSchema<Schema> | undefined | ((formData?: Ref<ObjectConstructor>) => Partial<InferSchema<Schema>> | undefined)>>;
         default: () => {};
     };
     showValid: {
@@ -19,7 +18,7 @@ export declare function defineFormFieldsGroup<Schema extends FormSchema, Type =
         default: boolean;
     };
     defaultValues: {
-        type: PropType<Record<Path<z.infer<Schema>>, any>>;
+        type: PropType<Record<Path<InferSchema<Schema>>, any>>;
         default: undefined;
     };
     readonly: {
@@ -48,11 +47,11 @@ export declare function defineFormFieldsGroup<Schema extends FormSchema, Type =
         default: undefined;
     };
     names: {
-        type: PropType<Path<z.infer<Schema>>[] | Record<string, Path<z.infer<Schema>>>>;
+        type: PropType<Path<InferSchema<Schema>>[] | Record<string, Path<InferSchema<Schema>>>>;
         required: true;
     };
     props: {
-        type: PropType<Partial<z.infer<Schema> | undefined | ((formData?: Ref<ObjectConstructor>) => Partial<z.infer<Schema>> | undefined)>>;
+        type: PropType<Partial<InferSchema<Schema> | undefined | ((formData?: Ref<ObjectConstructor>) => Partial<InferSchema<Schema>> | undefined)>>;
         default: () => {};
     };
     showValid: {
@@ -60,7 +59,7 @@ export declare function defineFormFieldsGroup<Schema extends FormSchema, Type =
         default: boolean;
     };
     defaultValues: {
-        type: PropType<Record<Path<z.infer<Schema>>, any>>;
+        type: PropType<Record<Path<InferSchema<Schema>>, any>>;
         default: undefined;
     };
     readonly: {
@@ -75,27 +74,27 @@ export declare function defineFormFieldsGroup<Schema extends FormSchema, Type =
 }>, {
     readonly: boolean;
     props: [{
-        type: PropType<Partial<z.infer<Schema> | undefined | ((formData?: Ref<ObjectConstructor>) => Partial<z.infer<Schema>> | undefined)>>;
+        type: PropType<Partial<InferSchema<Schema> | undefined | ((formData?: Ref<ObjectConstructor>) => Partial<InferSchema<Schema>> | undefined)>>;
         default: () => {};
     }] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? keyof V extends never ? import('@vue/shared').IfAny<V, V, D> : V : V : {
-        type: PropType<Partial<z.infer<Schema> | undefined | ((formData?: Ref<ObjectConstructor>) => Partial<z.infer<Schema>> | undefined)>>;
+        type: PropType<Partial<InferSchema<Schema> | undefined | ((formData?: Ref<ObjectConstructor>) => Partial<InferSchema<Schema>> | undefined)>>;
         default: () => {};
     };
     is: string | Component;
     showValid: boolean;
     defaultValues: [{
-        type: PropType<Record<Path<z.infer<Schema>>, any>>;
+        type: PropType<Record<Path<InferSchema<Schema>>, any>>;
         default: undefined;
     }] extends [import('vue').Prop<infer V, infer D>] ? unknown extends V ? keyof V extends never ? import('@vue/shared').IfAny<V, V, D> : V : V : {
-        type: PropType<Record<Path<z.infer<Schema>>, any>>;
+        type: PropType<Record<Path<InferSchema<Schema>>, any>>;
         default: undefined;
     };
 }, SlotsType<{
     [key: string]: any;
     default: {
-        errors?: Record<Path<z.infer<Schema>>, z.inferFormattedError<Schema>>;
-        formData?: undefined extends Type ? Partial<z.infer<Schema>> : Type;
-        formErrors?: DeepReadonly<z.inferFormattedError<Schema>>;
+        errors?: Record<Path<InferSchema<Schema>>, InferFormattedError<Schema>>;
+        formData?: undefined extends Type ? Partial<InferSchema<Schema>> : Type;
+        formErrors?: DeepReadonly<InferFormattedError<Schema>>;
         invalid: boolean;
         invalids: Record<string, boolean>;
         invalidLabels?: Record<string, string[]>;

package/dist/VvFormTemplate.d.ts

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

package/dist/VvFormWrapper.d.ts

@@ -1,6 +1,5 @@
 import { DeepReadonly, InjectionKey, Ref, SlotsType } from 'vue';
-import { z } from 'zod';
-import { FormSchema, InjectedFormData, InjectedFormWrapperData, Path } from './types';
+import { FormSchema, InjectedFormData, InjectedFormWrapperData, Path, InferFormattedError, InferSchema } from './types';
 export declare function defineFormWrapper<Schema extends FormSchema, Type = undefined>(formProvideKey: InjectionKey<InjectedFormData<Schema, Type>>, wrapperProvideKey: InjectionKey<InjectedFormWrapperData<Schema>>): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     name: {
         type: StringConstructor;
@@ -15,18 +14,18 @@ export declare function defineFormWrapper<Schema extends FormSchema, Type = unde
         default: boolean;
     };
 }>, {
-    errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined, DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>> | undefined;
-    fields: Ref<Map<string, Path<z.TypeOf<Schema>>>, Map<string, Path<z.TypeOf<Schema>>>>;
-    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;
+    errors: Readonly<Ref<DeepReadonly<InferFormattedError<Schema>> | undefined, DeepReadonly<InferFormattedError<Schema>> | undefined>> | undefined;
+    fields: Ref<Map<string, Path<InferSchema<Schema>>>, Map<string, Path<InferSchema<Schema>>>>;
+    fieldsErrors: Ref<Map<string, InferFormattedError<Schema>>, Map<string, InferFormattedError<Schema>>>;
+    formData: Ref<(undefined extends Type ? Partial<InferSchema<Schema>> : Type) | undefined, (undefined extends Type ? Partial<InferSchema<Schema>> : Type) | undefined> | undefined;
     invalid: import('vue').ComputedRef<boolean>;
     readonly: import('vue').ComputedRef<boolean>;
     clear: (() => void) | undefined;
     reset: (() => void) | undefined;
     submit: (() => Promise<boolean>) | undefined;
-    validate: ((formData?: (undefined extends Type ? Partial<z.TypeOf<Schema>> : Type) | undefined, options?: {
-        fields?: Set<Path<z.TypeOf<Schema>>> | undefined;
-        superRefine?: ((arg: z.TypeOf<Schema>, ctx: z.RefinementCtx) => void | Promise<void>) | undefined;
+    validate: ((formData?: (undefined extends Type ? Partial<InferSchema<Schema>> : Type) | undefined, options?: {
+        fields?: Set<Path<InferSchema<Schema>>> | undefined;
+        superRefine?: ((arg: InferSchema<Schema>, ctx: import('./types').RefinementCtx<Schema>) => void | Promise<void>) | undefined;
     } | undefined) => Promise<boolean>) | undefined;
     validateWrapper: () => Promise<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("invalid" | "valid")[], "invalid" | "valid", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -50,10 +49,10 @@ export declare function defineFormWrapper<Schema extends FormSchema, Type = unde
     tag: string;
 }, SlotsType<{
     default: {
-        errors?: DeepReadonly<z.inferFormattedError<Schema>>;
-        fieldsErrors: Map<string, z.inferFormattedError<Schema>>;
-        formData?: undefined extends Type ? Partial<z.infer<Schema>> : Type;
-        formErrors?: DeepReadonly<z.inferFormattedError<Schema>>;
+        errors?: DeepReadonly<InferFormattedError<Schema>>;
+        fieldsErrors: Map<string, InferFormattedError<Schema>>;
+        formData?: undefined extends Type ? Partial<InferSchema<Schema>> : Type;
+        formErrors?: DeepReadonly<InferFormattedError<Schema>>;
         invalid: boolean;
         readonly: boolean;
         clear?: InjectedFormData<Schema, Type>["clear"];
@@ -62,4 +61,4 @@ export declare function defineFormWrapper<Schema extends FormSchema, Type = unde
         validate?: InjectedFormData<Schema, Type>["validate"];
         validateWrapper?: () => Promise<boolean>;
     };
-}>, {}, {}, "invalid" | "reset" | "readonly" | "clear" | "submit" | "errors" | "tag" | "validate" | "formData" | "fields" | "fieldsErrors" | "validateWrapper", import('vue').ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, "invalid" | "reset" | "readonly" | "clear" | "validate" | "submit" | "errors" | "tag" | "formData" | "fields" | "fieldsErrors" | "validateWrapper", import('vue').ComponentProvideOptions, true, {}, any>;