@volverjs/form-vue 0.0.14 → 1.0.0-beta.10

package/src/VvFormTemplate.ts

@@ -20,11 +20,16 @@ export const defineFormTemplate = <Schema extends FormSchema>(
 	VvFormField: Component,
 ) => {
 	const VvFormTemplate = defineComponent({
+		name: 'VvFormTemplate',
 		props: {
 			schema: {
 				type: [Array, Function] as PropType<FormTemplate<Schema>>,
 				required: true,
 			},
+			scope: {
+				type: Object as PropType<Record<string, unknown>>,
+				default: () => ({}),
+			},
 		},
 		setup(templateProps, { slots: templateSlots }) {
 			const injectedFormData = inject(formProvideKey)
@@ -32,7 +37,10 @@ export const defineFormTemplate = <Schema extends FormSchema>(
 			return () => {
 				const normalizedSchema =
 					typeof templateProps.schema === 'function'
-						? templateProps.schema(injectedFormData)
+						? templateProps.schema(
+								injectedFormData,
+								templateProps.scope,
+							)
 						: templateProps.schema
 				let lastIf: boolean | undefined = undefined
 				const toReturn = normalizedSchema.reduce<
@@ -40,7 +48,7 @@ export const defineFormTemplate = <Schema extends FormSchema>(
 				>((acc, field) => {
 					const normalizedField =
 						typeof field === 'function'
-							? field(injectedFormData)
+							? field(injectedFormData, templateProps.scope)
 							: field
 					const {
 						vvIs,
@@ -97,9 +105,13 @@ export const defineFormTemplate = <Schema extends FormSchema>(
 					}
 					// children
 					const hChildren = vvChildren
-						? h(VvFormTemplate, {
-								schema: vvChildren,
-						  })
+						? {
+								default: (scope: Record<string, unknown>) =>
+									h(VvFormTemplate, {
+										schema: vvChildren,
+										scope,
+									}),
+							}
 						: undefined
 					// render
 					if (vvName) {
@@ -129,8 +141,8 @@ export const defineFormTemplate = <Schema extends FormSchema>(
 						)
 						return acc
 					}
-					if (vvChildren) {
-						acc.push(hChildren)
+					if (hChildren) {
+						acc.push(hChildren.default(templateProps.scope))
 						return acc
 					}
 					return acc
@@ -162,8 +174,8 @@ export const defineFormTemplate = <Schema extends FormSchema>(
 						| undefined
 						? undefined
 						: Partial<TypeOf<Schema>> | undefined
-					submit: () => boolean
-					validate: () => boolean
+					submit: () => Promise<boolean>
+					validate: () => Promise<boolean>
 					errors: Readonly<
 						Ref<DeepReadonly<z.inferFormattedError<Schema>>>
 					>

package/src/VvFormWrapper.ts

@@ -24,7 +24,7 @@ export const defineFormWrapper = <Schema extends FormSchema>(
 	wrapperProvideKey: InjectionKey<InjectedFormWrapperData<Schema>>,
 ) => {
 	const VvFormWrapper = defineComponent({
-		name: 'WrapperComponent',
+		name: 'VvFormWrapper',
 		props: {
 			name: {
 				type: String,
@@ -149,8 +149,8 @@ export const defineFormWrapper = <Schema extends FormSchema>(
 						| undefined
 						? undefined
 						: Partial<TypeOf<Schema>> | undefined
-					submit: () => boolean
-					validate: () => boolean
+					submit: () => Promise<boolean>
+					validate: () => Promise<boolean>
 					errors: Readonly<
 						Ref<DeepReadonly<z.inferFormattedError<Schema>>>
 					>

package/src/enums.ts

@@ -25,4 +25,7 @@ export enum FormFieldType {
 export enum FormStatus {
 	invalid = 'invalid',
 	valid = 'valid',
+	submitting = 'submitting',
+	updated = 'updated',
+	unknown = 'unknown',
 }

package/src/index.ts

@@ -48,12 +48,18 @@ const _formFactory = <Schema extends FormSchema>(
 		options,
 	)
 	const VvFormTemplate = defineFormTemplate(formInjectionKey, VvFormField)
-	const { VvForm, errors, status, formData } = defineForm(
-		schema,
-		formInjectionKey,
-		options,
-		VvFormTemplate,
-	)
+	const {
+		VvForm,
+		errors,
+		status,
+		invalid,
+		readonly,
+		formData,
+		validate,
+		submit,
+		ignoreUpdates,
+		stopUpdatesWatch,
+	} = defineForm(schema, formInjectionKey, options, VvFormTemplate)
 
 	return {
 		VvForm,
@@ -65,7 +71,13 @@ const _formFactory = <Schema extends FormSchema>(
 		formFieldInjectionKey,
 		errors,
 		status,
+		invalid,
+		readonly,
 		formData,
+		validate,
+		submit,
+		ignoreUpdates,
+		stopUpdatesWatch,
 	}
 }
 

package/src/types.ts

@@ -1,11 +1,12 @@
-import { type Component, type DeepReadonly, type Ref } from 'vue'
-import type { z, AnyZodObject, ZodEffects, inferFormattedError } from 'zod'
+import type { Component, DeepReadonly, Ref, WatchStopHandle } from 'vue'
+import type { z } from 'zod'
+import type { IgnoredUpdater } from '@vueuse/core'
 import type { FormFieldType, FormStatus } from './enums'
 
 export type FormSchema =
-	| AnyZodObject
-	| ZodEffects<AnyZodObject>
-	| ZodEffects<ZodEffects<AnyZodObject>>
+	| z.AnyZodObject
+	| z.ZodEffects<z.AnyZodObject>
+	| z.ZodEffects<z.ZodEffects<z.AnyZodObject>>
 
 export type FormFieldComponentOptions = {
 	lazyLoad?: boolean
@@ -15,18 +16,19 @@ export type FormFieldComponentOptions = {
 export type FormComponentOptions<Schema> = {
 	updateThrottle?: number
 	continuosValidation?: boolean
+	readonly?: boolean
 	template?: Schema extends FormSchema ? FormTemplate<Schema> : never
 	onUpdate?: Schema extends FormSchema
-		? (data: Partial<z.infer<Schema> | undefined>) => void
+		? (data?: Partial<z.infer<Schema>>) => void
 		: never
 	onSubmit?: Schema extends FormSchema
-		? (data: z.infer<Schema>) => void
+		? (data?: z.infer<Schema>) => void
 		: never
 	onInvalid?: Schema extends FormSchema
-		? (error: inferFormattedError<Schema, string>) => void
+		? (error?: z.inferFormattedError<Schema>) => void
 		: never
 	onValid?: Schema extends FormSchema
-		? (data: z.infer<Schema>) => void
+		? (data?: z.infer<Schema>) => void
 		: never
 }
 
@@ -45,16 +47,19 @@ export type InjectedFormData<Schema extends FormSchema> = {
 	errors: Readonly<
 		Ref<DeepReadonly<z.inferFormattedError<Schema>> | undefined>
 	>
-	submit: () => boolean
-	validate: () => boolean
+	submit: () => Promise<boolean>
+	validate: () => Promise<boolean>
+	ignoreUpdates: IgnoredUpdater
+	stopUpdatesWatch: WatchStopHandle
 	status: Readonly<Ref<FormStatus | undefined>>
 	invalid: Readonly<Ref<boolean>>
+	readonly: Ref<boolean>
 }
 
 export type InjectedFormWrapperData<Schema extends FormSchema> = {
 	name: Ref<string>
 	fields: Ref<Set<string>>
-	errors: Ref<Map<string, z.inferFormattedError<Schema, string>>>
+	errors: Ref<Map<string, z.inferFormattedError<Schema>>>
 }
 
 export type InjectedFormFieldData<Schema extends FormSchema> = {
@@ -71,8 +76,6 @@ export type Primitive =
 	| symbol
 	| bigint
 
-type ArrayKey = number
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 type IsTuple<T extends readonly any[]> = number extends T['length']
 	? false
@@ -90,11 +93,11 @@ export type Path<T> = T extends readonly (infer V)[]
 	? IsTuple<T> extends true
 		? {
 				[K in TupleKeys<T>]-?: PathConcat<K & string, T[K]>
-		  }[TupleKeys<T>]
-		: PathConcat<ArrayKey, V>
+			}[TupleKeys<T>]
+		: PathConcat<number, V>
 	: {
 			[K in keyof T]-?: PathConcat<K & string, T[K]>
-	  }[keyof T]
+		}[keyof T]
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type PathValue<T, TPath extends Path<T> | Path<T>[]> = T extends any
@@ -105,18 +108,18 @@ export type PathValue<T, TPath extends Path<T> | Path<T>[]> = T extends any
 					? PathValue<T[K], R> | undefined
 					: PathValue<T[K], R>
 				: never
-			: K extends `${ArrayKey}`
-			? T extends readonly (infer V)[]
-				? PathValue<V, R & Path<V>>
+			: K extends `${number}`
+				? T extends readonly (infer V)[]
+					? PathValue<V, R & Path<V>>
+					: never
 				: never
-			: never
 		: TPath extends keyof T
-		? T[TPath]
-		: TPath extends `${ArrayKey}`
-		? T extends readonly (infer V)[]
-			? V
-			: never
-		: never
+			? T[TPath]
+			: TPath extends `${number}`
+				? T extends readonly (infer V)[]
+					? V
+					: never
+				: never
 	: never
 
 export type AnyBoolean<Schema extends FormSchema> =
@@ -133,10 +136,24 @@ export type SimpleFormTemplateItem<Schema extends FormSchema> = Record<
 	vvName?: Path<z.infer<Schema>>
 	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	vvSlots?: Record<string, any>
-	vvChildren?: Array<
-		| SimpleFormTemplateItem<Schema>
-		| ((data?: InjectedFormData<Schema>) => SimpleFormTemplateItem<Schema>)
-	>
+	vvChildren?:
+		| Array<
+				| SimpleFormTemplateItem<Schema>
+				| ((
+						data?: InjectedFormData<Schema>,
+						scope?: Record<string, unknown>,
+				  ) => SimpleFormTemplateItem<Schema>)
+		  >
+		| ((
+				data?: InjectedFormData<Schema>,
+				scope?: Record<string, unknown>,
+		  ) => Array<
+				| SimpleFormTemplateItem<Schema>
+				| ((
+						data?: InjectedFormData<Schema>,
+						scope?: Record<string, unknown>,
+				  ) => SimpleFormTemplateItem<Schema>)
+		  >)
 	vvIf?: AnyBoolean<Schema> | Path<z.infer<Schema>>
 	vvElseIf?: AnyBoolean<Schema> | Path<z.infer<Schema>>
 	vvType?: `${FormFieldType}`
@@ -148,8 +165,14 @@ export type SimpleFormTemplateItem<Schema extends FormSchema> = Record<
 
 export type FormTemplateItem<Schema extends FormSchema> =
 	| SimpleFormTemplateItem<Schema>
-	| ((data?: InjectedFormData<Schema>) => SimpleFormTemplateItem<Schema>)
+	| ((
+			data?: InjectedFormData<Schema>,
+			scope?: Record<string, unknown>,
+	  ) => SimpleFormTemplateItem<Schema>)
 
 export type FormTemplate<Schema extends FormSchema> =
 	| FormTemplateItem<Schema>[]
-	| ((data?: InjectedFormData<Schema>) => FormTemplateItem<Schema>[])
+	| ((
+			data?: InjectedFormData<Schema>,
+			scope?: Record<string, unknown>,
+	  ) => FormTemplateItem<Schema>[])

package/src/utils.ts

@@ -14,7 +14,7 @@ import type { FormSchema } from './types'
 
 export const defaultObjectBySchema = <Schema extends FormSchema>(
 	schema: Schema,
-	original: Partial<z.infer<Schema>> = {},
+	original: Partial<z.infer<Schema>> & Record<string, unknown> = {},
 ): Partial<z.infer<Schema>> => {
 	const getInnerType = <Type extends ZodTypeAny>(
 		schema:
@@ -74,9 +74,11 @@ export const defaultObjectBySchema = <Schema extends FormSchema>(
 								originalValue.map((element: unknown) =>
 									defaultObjectBySchema(
 										arrayType,
-										element && typeof element === 'object'
+										(element && typeof element === 'object'
 											? element
-											: undefined,
+											: undefined) as Partial<
+											typeof arrayType
+										>,
 									),
 								) ?? defaultValue,
 							]

package/dist/src/VvForm.d.ts

@@ -1,216 +0,0 @@
-import { type Component, type InjectionKey, type DeepReadonly, type Ref, type PropType } from 'vue';
-import type { z, TypeOf } from 'zod';
-import type { FormComponentOptions, FormSchema, FormTemplate, InjectedFormData } from './types';
-import { FormStatus } from './enums';
-export declare const defineForm: <Schema extends FormSchema>(schema: Schema, provideKey: InjectionKey<InjectedFormData<Schema>>, options?: FormComponentOptions<Schema> | undefined, VvFormTemplate?: Component) => {
-    errors: Ref<z.inferFormattedError<Schema, string> | undefined>;
-    status: Ref<FormStatus | undefined>;
-    formData: Ref<Partial<z.TypeOf<Schema> | undefined>>;
-    /**
-     * An hack to add types to the default slot
-     */
-    VvForm: {
-        new (...args: any[]): {
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: {
-                template?: FormTemplate<Schema> | undefined;
-                modelValue?: Record<string, any> | undefined;
-                updateThrottle?: number | undefined;
-                continuosValidation?: boolean | undefined;
-                onInvalid?: ((...args: any[]) => any) | undefined;
-                onValid?: ((...args: any[]) => any) | undefined;
-                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-                key?: string | number | symbol | undefined;
-                onSubmit?: ((...args: any[]) => any) | undefined;
-                ref?: import("vue").VNodeRef | undefined;
-                ref_for?: boolean | undefined;
-                ref_key?: string | undefined;
-                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                class?: unknown;
-                style?: unknown;
-            };
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: "invalid" | "valid" | "update:modelValue" | "submit", ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                modelValue: {
-                    type: ObjectConstructor;
-                    default: () => {};
-                };
-                updateThrottle: {
-                    type: NumberConstructor;
-                    default: number;
-                };
-                continuosValidation: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                template: {
-                    type: PropType<FormTemplate<Schema>>;
-                    default: undefined;
-                };
-            }>> & {
-                onInvalid?: ((...args: any[]) => any) | undefined;
-                onValid?: ((...args: any[]) => any) | undefined;
-                "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-                onSubmit?: ((...args: any[]) => any) | undefined;
-            }, {
-                formData: Ref<Partial<z.TypeOf<Schema> | undefined>>;
-                submit: () => boolean;
-                validate: (value?: Partial<z.TypeOf<Schema> | undefined>) => boolean;
-                errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>>;
-                status: Readonly<Ref<FormStatus | undefined>>;
-                invalid: import("vue").ComputedRef<boolean>;
-            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit")[], string, {
-                template: FormTemplate<Schema>;
-                modelValue: Record<string, any>;
-                updateThrottle: number;
-                continuosValidation: boolean;
-            }, {}, string, {}> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
-            modelValue: {
-                type: ObjectConstructor;
-                default: () => {};
-            };
-            updateThrottle: {
-                type: NumberConstructor;
-                default: number;
-            };
-            continuosValidation: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            template: {
-                type: PropType<FormTemplate<Schema>>;
-                default: undefined;
-            };
-        }>> & {
-            onInvalid?: ((...args: any[]) => any) | undefined;
-            onValid?: ((...args: any[]) => any) | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-            onSubmit?: ((...args: any[]) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{
-            formData: Ref<Partial<z.TypeOf<Schema> | undefined>>;
-            submit: () => boolean;
-            validate: (value?: Partial<z.TypeOf<Schema> | undefined>) => boolean;
-            errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>>;
-            status: Readonly<Ref<FormStatus | undefined>>;
-            invalid: import("vue").ComputedRef<boolean>;
-        }> & {} & import("vue").ComponentCustomProperties & {};
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: ObjectConstructor;
-            default: () => {};
-        };
-        updateThrottle: {
-            type: NumberConstructor;
-            default: number;
-        };
-        continuosValidation: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        template: {
-            type: PropType<FormTemplate<Schema>>;
-            default: undefined;
-        };
-    }>> & {
-        onInvalid?: ((...args: any[]) => any) | undefined;
-        onValid?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onSubmit?: ((...args: any[]) => any) | undefined;
-    }, {
-        formData: Ref<Partial<z.TypeOf<Schema> | undefined>>;
-        submit: () => boolean;
-        validate: (value?: Partial<z.TypeOf<Schema> | undefined>) => boolean;
-        errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>> | undefined>>;
-        status: Readonly<Ref<FormStatus | undefined>>;
-        invalid: import("vue").ComputedRef<boolean>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("invalid" | "valid" | "update:modelValue" | "submit")[], "invalid" | "valid" | "update:modelValue" | "submit", {
-        template: FormTemplate<Schema>;
-        modelValue: Record<string, any>;
-        updateThrottle: number;
-        continuosValidation: boolean;
-    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            default: (_: {
-                formData: unknown extends Partial<z.TypeOf<Schema>> | undefined ? undefined : Partial<z.TypeOf<Schema>> | undefined;
-                submit: () => boolean;
-                validate: () => boolean;
-                errors: Readonly<Ref<DeepReadonly<z.inferFormattedError<Schema, string>>>>;
-                status: Ref<DeepReadonly<`${FormStatus}` | undefined>>;
-                invalid: Ref<DeepReadonly<boolean>>;
-            }) => any;
-        };
-    });
-};