@saas-ui/forms 3.0.0-next.19 → 3.0.0-next.20

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @saas-ui/forms
 
+## 3.0.0-next.20
+
+### Minor Changes
+
+- f18c762: useForm now supports standard schema, with support for zod, valibot, arktype and more.
+
+### Patch Changes
+
+- Updated dependencies [729b57d]
+  - @saas-ui/react@3.0.0-next.20
+
 ## 3.0.0-next.19
 
 ### Patch Changes

package/dist/index.d.mts

@@ -4,7 +4,7 @@ import { SimpleGridProps, RecipeProps, InputProps, SystemStyleObject, TextareaPr
 import { MaybeRenderProp } from '@saas-ui/core/utils';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, UseFormReturn as UseFormReturn$2, UseFieldArrayReturn, UseFormProps as UseFormProps$1, WatchObserver, SubmitHandler, SubmitErrorHandler, ResolverOptions, ResolverResult, RegisterOptions, useForm as useForm$1, DefaultValues, FormProviderProps as FormProviderProps$1 } from 'react-hook-form';
-export { ArrayPath, BatchFieldArrayUpdate, BrowserNativeObject, ChangeHandler, Control, Controller, ControllerFieldState, ControllerProps, ControllerRenderProps, CriteriaMode, CustomElement, DeepMap, DeepPartial, DeepPartialSkipArrayKey, DeepRequired, DefaultValues, DelayCallback, EmptyObject, ErrorOption, EventType, ExtractObjects, FieldArray, FieldArrayMethodProps, FieldArrayPath, FieldArrayPathValue, FieldArrayWithId, Field as FieldDef, FieldElement, FieldError, FieldErrors, FieldErrorsImpl, FieldName, FieldNamesMarkedBoolean, FieldPath, FieldPathByValue, FieldPathValue, FieldPathValues, FieldRefs, FieldValue, FieldValues, FormProviderProps, FormState, FormStateProxy, FormStateSubjectRef, GetIsDirty, InternalFieldErrors, InternalFieldName, InternalNameSet, IsAny, IsFlatObject, KeepStateOptions, LiteralUnion, Message, Mode, MultipleFieldErrors, Names, NativeFieldValue, NestedValue, NonUndefined, Noop, Primitive, ReadFormState, Ref, RefCallBack, RegisterOptions, Resolver, ResolverError, ResolverOptions, ResolverResult, ResolverSuccess, SetFieldValue, SetValueConfig, Subjects, SubmitErrorHandler, SubmitHandler, TriggerConfig, UnpackNestedValue, UseControllerProps, UseControllerReturn, UseFieldArrayProps, UseFieldArrayReturn, UseFormClearErrors, UseFormGetValues, UseFormHandleSubmit, UseFormRegister, UseFormRegisterReturn, UseFormReset, UseFormResetField, UseFormSetError, UseFormSetFocus, UseFormSetValue, UseFormStateProps, UseFormStateReturn, UseFormTrigger, UseFormUnregister, UseFormWatch, UseWatchProps, Validate, ValidateResult, ValidationMode, ValidationRule, ValidationValue, ValidationValueMessage, WatchInternal, WatchObserver, appendErrors, useController, useFieldArray, useFormState, useWatch } from 'react-hook-form';
+export { ArrayPath, BatchFieldArrayUpdate, BrowserNativeObject, ChangeHandler, Control, Controller, ControllerFieldState, ControllerProps, ControllerRenderProps, CriteriaMode, CustomElement, DeepMap, DeepPartial, DeepPartialSkipArrayKey, DeepRequired, DefaultValues, DelayCallback, EmptyObject, ErrorOption, EventType, ExtractObjects, FieldArray, FieldArrayMethodProps, FieldArrayPath, FieldArrayPathValue, FieldArrayWithId, Field as FieldDef, FieldElement, FieldError, FieldErrors, FieldErrorsImpl, FieldName, FieldNamesMarkedBoolean, FieldPath, FieldPathByValue, FieldPathValue, FieldPathValues, FieldRefs, FieldValue, FieldValues, FormProviderProps, FormState, FormStateProxy, FormStateSubjectRef, GetIsDirty, InternalFieldErrors, InternalFieldName, InternalNameSet, IsAny, IsFlatObject, KeepStateOptions, LiteralUnion, Message, Mode, MultipleFieldErrors, Names, NativeFieldValue, NestedValue, NonUndefined, Noop, Primitive, ReadFormState, Ref, RefCallBack, RegisterOptions, Resolver, ResolverError, ResolverOptions, ResolverResult, ResolverSuccess, SetFieldValue, SetValueConfig, Subjects, SubmitErrorHandler, SubmitHandler, TriggerConfig, UseControllerProps, UseControllerReturn, UseFieldArrayProps, UseFieldArrayReturn, UseFormClearErrors, UseFormGetValues, UseFormHandleSubmit, UseFormRegister, UseFormRegisterReturn, UseFormReset, UseFormResetField, UseFormSetError, UseFormSetFocus, UseFormSetValue, UseFormStateProps, UseFormStateReturn, UseFormTrigger, UseFormUnregister, UseFormWatch, UseWatchProps, Validate, ValidateResult, ValidationMode, ValidationRule, ValidationValue, ValidationValueMessage, WatchInternal, WatchObserver, appendErrors, useController, useFieldArray, useFormState, useWatch } from 'react-hook-form';
 import { CheckboxProps } from '@saas-ui/react/checkbox';
 import { NumberInputProps } from '@saas-ui/react/number-input';
 import { PasswordInputProps } from '@saas-ui/react/password-input';
@@ -15,6 +15,7 @@ import { SwitchProps } from '@saas-ui/react/switch';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { UseStepperReturn } from '@saas-ui/core';
 import { ButtonProps } from '@saas-ui/react/button';
+import { StandardSchemaV1 } from '@standard-schema/spec';
 import { z } from 'zod';
 
 interface FormLayoutOptions {
@@ -386,6 +387,26 @@ interface BaseFieldProps<TFieldValues extends FieldValues = FieldValues, TName e
      * The input placeholder
      */
     placeholder?: string;
+    /**
+     * Whether the field is invalid
+     */
+    invalid?: boolean;
+    /**
+     * Whether the field is required
+     */
+    required?: boolean;
+    /**
+     * Whether the field is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the field is read-only
+     */
+    readOnly?: boolean;
+    /**
+     * Orientation of the field
+     */
+    orientation?: 'horizontal' | 'vertical';
     /**
      * React children
      */
@@ -554,21 +575,22 @@ type FormType<FieldDefs, ExtraProps = object, ExtraFieldProps extends object = o
 };
 declare function createForm<FieldDefs, TGetBaseField extends GetBaseField<any> = GetBaseField<any>>({ resolver, fieldResolver, fields, getBaseField, }?: CreateFormProps<FieldDefs, TGetBaseField>): FormType<FieldDefs, object, TGetBaseField extends GetBaseField<infer ExtraFieldProps extends object> ? ExtraFieldProps : object, object>;
 
-interface UseFormProps<TFieldValues extends FieldValues, TContext extends object> extends UseFormProps$1<TFieldValues, TContext> {
-    onSubmit: SubmitHandler<TFieldValues>;
+interface UseFormProps<TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues> extends UseFormProps$1<TFieldValues, TContext, TTransformedValues> {
+    schema?: StandardSchemaV1<TFieldValues, TTransformedValues>;
+    onSubmit: SubmitHandler<TTransformedValues>;
     onInvalid?: SubmitErrorHandler<FieldValues>;
 }
-interface UseFormReturn$1<TFieldValues extends FieldValues, TContext extends object> extends UseFormReturn$2<TFieldValues, TContext> {
+interface UseFormReturn$1<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues> extends UseFormReturn$2<TFieldValues, TContext, TTransformedValues> {
     Form: React.FC<Omit<FormProps<TFieldValues, TContext>, 'form'>>;
     Field: React.FC<FieldProps<TFieldValues>>;
     DisplayIf: React.FC<DisplayIfProps<TFieldValues>>;
     ArrayField: React.FC<ArrayFieldProps<TFieldValues> & React.RefAttributes<UseArrayFieldReturn>>;
     ObjectField: React.FC<ObjectFieldProps<TFieldValues>>;
 }
-declare function useForm<TFieldValues extends FieldValues, TContext extends object>(props: UseFormProps<TFieldValues, TContext>): UseFormReturn$1<TFieldValues, TContext>;
-interface FormProps<TFieldValues extends FieldValues = FieldValues, TContext extends object = object> extends HTMLChakraProps<'form'> {
+declare function useForm<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: UseFormProps<TFieldValues, TContext, TTransformedValues>): UseFormReturn$1<TFieldValues, TContext, TTransformedValues>;
+interface FormProps<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues> extends HTMLChakraProps<'form'> {
     children: React.ReactNode;
-    form: ReturnType<typeof useForm$1<TFieldValues, TContext>>;
+    form: ReturnType<typeof useForm$1<TFieldValues, TContext, TTransformedValues>>;
 }
 interface UseZodFormProps<TSchema extends z.AnyZodObject | z.ZodEffects<z.AnyZodObject> = z.AnyZodObject, TFieldValues extends InferObjectSchema<TSchema> = InferObjectSchema<TSchema>, TContext extends object = object> extends Omit<UseFormProps$1<TFieldValues, TContext>, 'defaultValues'> {
     schema: TSchema;
@@ -576,7 +598,10 @@ interface UseZodFormProps<TSchema extends z.AnyZodObject | z.ZodEffects<z.AnyZod
     onInvalid?: SubmitErrorHandler<FieldValues>;
     defaultValues?: DefaultValues<TFieldValues> | AsyncDefaultValues<TFieldValues>;
 }
-declare function useZodForm<TSchema extends z.AnyZodObject | z.ZodEffects<z.AnyZodObject> = z.AnyZodObject, TFieldValues extends InferObjectSchema<TSchema> = InferObjectSchema<TSchema>, TContext extends object = object>(props: UseZodFormProps<TSchema, TFieldValues, TContext>): UseFormReturn$1<TFieldValues, TContext>;
+/**
+ * @deprecated Use useForm instead, which supports standard schema out of the box.
+ */
+declare function useZodForm<TSchema extends z.AnyZodObject | z.ZodEffects<z.AnyZodObject> = z.AnyZodObject, TFieldValues extends InferObjectSchema<TSchema> = InferObjectSchema<TSchema>, TContext extends object = object>(props: UseZodFormProps<TSchema, TFieldValues, TContext>): UseFormReturn$1<TFieldValues, TContext, TFieldValues>;
 type InferObjectSchema<T extends z.ZodTypeAny | z.ZodEffects<z.ZodTypeAny>> = T extends z.ZodEffects<infer TSchema> ? z.infer<TSchema> : z.infer<T>;
 type AsyncDefaultValues<TFieldValues> = (payload?: unknown) => Promise<TFieldValues>;
 
@@ -651,11 +676,12 @@ declare const useFormContext: <TFieldValues extends FieldValues = FieldValues, T
     formState: react_hook_form.FormState<TFieldValues>;
     resetField: react_hook_form.UseFormResetField<TFieldValues>;
     reset: react_hook_form.UseFormReset<TFieldValues>;
-    handleSubmit: react_hook_form.UseFormHandleSubmit<TFieldValues, undefined>;
+    handleSubmit: react_hook_form.UseFormHandleSubmit<TFieldValues, TFieldValues>;
     unregister: react_hook_form.UseFormUnregister<TFieldValues>;
-    control: react_hook_form.Control<TFieldValues, TContext>;
+    control: react_hook_form.Control<TFieldValues, TContext, TFieldValues>;
     register: react_hook_form.UseFormRegister<TFieldValues>;
     setFocus: react_hook_form.UseFormSetFocus<TFieldValues>;
+    subscribe: react_hook_form.UseFromSubscribe<TFieldValues>;
 };
 type UseFormReturn<TFieldValues extends FieldValues = FieldValues, TContext = any, TSchema = any> = ReturnType<typeof useFormContext<TFieldValues, TContext, TSchema>>;
 declare const FormProvider: <TFieldValues extends FieldValues = FieldValues, TContext = any, TSchema = any>(props: FormProviderProps<TFieldValues, TContext, TSchema>) => react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -4,7 +4,7 @@ import { SimpleGridProps, RecipeProps, InputProps, SystemStyleObject, TextareaPr
 import { MaybeRenderProp } from '@saas-ui/core/utils';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, UseFormReturn as UseFormReturn$2, UseFieldArrayReturn, UseFormProps as UseFormProps$1, WatchObserver, SubmitHandler, SubmitErrorHandler, ResolverOptions, ResolverResult, RegisterOptions, useForm as useForm$1, DefaultValues, FormProviderProps as FormProviderProps$1 } from 'react-hook-form';
-export { ArrayPath, BatchFieldArrayUpdate, BrowserNativeObject, ChangeHandler, Control, Controller, ControllerFieldState, ControllerProps, ControllerRenderProps, CriteriaMode, CustomElement, DeepMap, DeepPartial, DeepPartialSkipArrayKey, DeepRequired, DefaultValues, DelayCallback, EmptyObject, ErrorOption, EventType, ExtractObjects, FieldArray, FieldArrayMethodProps, FieldArrayPath, FieldArrayPathValue, FieldArrayWithId, Field as FieldDef, FieldElement, FieldError, FieldErrors, FieldErrorsImpl, FieldName, FieldNamesMarkedBoolean, FieldPath, FieldPathByValue, FieldPathValue, FieldPathValues, FieldRefs, FieldValue, FieldValues, FormProviderProps, FormState, FormStateProxy, FormStateSubjectRef, GetIsDirty, InternalFieldErrors, InternalFieldName, InternalNameSet, IsAny, IsFlatObject, KeepStateOptions, LiteralUnion, Message, Mode, MultipleFieldErrors, Names, NativeFieldValue, NestedValue, NonUndefined, Noop, Primitive, ReadFormState, Ref, RefCallBack, RegisterOptions, Resolver, ResolverError, ResolverOptions, ResolverResult, ResolverSuccess, SetFieldValue, SetValueConfig, Subjects, SubmitErrorHandler, SubmitHandler, TriggerConfig, UnpackNestedValue, UseControllerProps, UseControllerReturn, UseFieldArrayProps, UseFieldArrayReturn, UseFormClearErrors, UseFormGetValues, UseFormHandleSubmit, UseFormRegister, UseFormRegisterReturn, UseFormReset, UseFormResetField, UseFormSetError, UseFormSetFocus, UseFormSetValue, UseFormStateProps, UseFormStateReturn, UseFormTrigger, UseFormUnregister, UseFormWatch, UseWatchProps, Validate, ValidateResult, ValidationMode, ValidationRule, ValidationValue, ValidationValueMessage, WatchInternal, WatchObserver, appendErrors, useController, useFieldArray, useFormState, useWatch } from 'react-hook-form';
+export { ArrayPath, BatchFieldArrayUpdate, BrowserNativeObject, ChangeHandler, Control, Controller, ControllerFieldState, ControllerProps, ControllerRenderProps, CriteriaMode, CustomElement, DeepMap, DeepPartial, DeepPartialSkipArrayKey, DeepRequired, DefaultValues, DelayCallback, EmptyObject, ErrorOption, EventType, ExtractObjects, FieldArray, FieldArrayMethodProps, FieldArrayPath, FieldArrayPathValue, FieldArrayWithId, Field as FieldDef, FieldElement, FieldError, FieldErrors, FieldErrorsImpl, FieldName, FieldNamesMarkedBoolean, FieldPath, FieldPathByValue, FieldPathValue, FieldPathValues, FieldRefs, FieldValue, FieldValues, FormProviderProps, FormState, FormStateProxy, FormStateSubjectRef, GetIsDirty, InternalFieldErrors, InternalFieldName, InternalNameSet, IsAny, IsFlatObject, KeepStateOptions, LiteralUnion, Message, Mode, MultipleFieldErrors, Names, NativeFieldValue, NestedValue, NonUndefined, Noop, Primitive, ReadFormState, Ref, RefCallBack, RegisterOptions, Resolver, ResolverError, ResolverOptions, ResolverResult, ResolverSuccess, SetFieldValue, SetValueConfig, Subjects, SubmitErrorHandler, SubmitHandler, TriggerConfig, UseControllerProps, UseControllerReturn, UseFieldArrayProps, UseFieldArrayReturn, UseFormClearErrors, UseFormGetValues, UseFormHandleSubmit, UseFormRegister, UseFormRegisterReturn, UseFormReset, UseFormResetField, UseFormSetError, UseFormSetFocus, UseFormSetValue, UseFormStateProps, UseFormStateReturn, UseFormTrigger, UseFormUnregister, UseFormWatch, UseWatchProps, Validate, ValidateResult, ValidationMode, ValidationRule, ValidationValue, ValidationValueMessage, WatchInternal, WatchObserver, appendErrors, useController, useFieldArray, useFormState, useWatch } from 'react-hook-form';
 import { CheckboxProps } from '@saas-ui/react/checkbox';
 import { NumberInputProps } from '@saas-ui/react/number-input';
 import { PasswordInputProps } from '@saas-ui/react/password-input';
@@ -15,6 +15,7 @@ import { SwitchProps } from '@saas-ui/react/switch';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { UseStepperReturn } from '@saas-ui/core';
 import { ButtonProps } from '@saas-ui/react/button';
+import { StandardSchemaV1 } from '@standard-schema/spec';
 import { z } from 'zod';
 
 interface FormLayoutOptions {
@@ -386,6 +387,26 @@ interface BaseFieldProps<TFieldValues extends FieldValues = FieldValues, TName e
      * The input placeholder
      */
     placeholder?: string;
+    /**
+     * Whether the field is invalid
+     */
+    invalid?: boolean;
+    /**
+     * Whether the field is required
+     */
+    required?: boolean;
+    /**
+     * Whether the field is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the field is read-only
+     */
+    readOnly?: boolean;
+    /**
+     * Orientation of the field
+     */
+    orientation?: 'horizontal' | 'vertical';
     /**
      * React children
      */
@@ -554,21 +575,22 @@ type FormType<FieldDefs, ExtraProps = object, ExtraFieldProps extends object = o
 };
 declare function createForm<FieldDefs, TGetBaseField extends GetBaseField<any> = GetBaseField<any>>({ resolver, fieldResolver, fields, getBaseField, }?: CreateFormProps<FieldDefs, TGetBaseField>): FormType<FieldDefs, object, TGetBaseField extends GetBaseField<infer ExtraFieldProps extends object> ? ExtraFieldProps : object, object>;
 
-interface UseFormProps<TFieldValues extends FieldValues, TContext extends object> extends UseFormProps$1<TFieldValues, TContext> {
-    onSubmit: SubmitHandler<TFieldValues>;
+interface UseFormProps<TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues> extends UseFormProps$1<TFieldValues, TContext, TTransformedValues> {
+    schema?: StandardSchemaV1<TFieldValues, TTransformedValues>;
+    onSubmit: SubmitHandler<TTransformedValues>;
     onInvalid?: SubmitErrorHandler<FieldValues>;
 }
-interface UseFormReturn$1<TFieldValues extends FieldValues, TContext extends object> extends UseFormReturn$2<TFieldValues, TContext> {
+interface UseFormReturn$1<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues> extends UseFormReturn$2<TFieldValues, TContext, TTransformedValues> {
     Form: React.FC<Omit<FormProps<TFieldValues, TContext>, 'form'>>;
     Field: React.FC<FieldProps<TFieldValues>>;
     DisplayIf: React.FC<DisplayIfProps<TFieldValues>>;
     ArrayField: React.FC<ArrayFieldProps<TFieldValues> & React.RefAttributes<UseArrayFieldReturn>>;
     ObjectField: React.FC<ObjectFieldProps<TFieldValues>>;
 }
-declare function useForm<TFieldValues extends FieldValues, TContext extends object>(props: UseFormProps<TFieldValues, TContext>): UseFormReturn$1<TFieldValues, TContext>;
-interface FormProps<TFieldValues extends FieldValues = FieldValues, TContext extends object = object> extends HTMLChakraProps<'form'> {
+declare function useForm<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: UseFormProps<TFieldValues, TContext, TTransformedValues>): UseFormReturn$1<TFieldValues, TContext, TTransformedValues>;
+interface FormProps<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues = TFieldValues> extends HTMLChakraProps<'form'> {
     children: React.ReactNode;
-    form: ReturnType<typeof useForm$1<TFieldValues, TContext>>;
+    form: ReturnType<typeof useForm$1<TFieldValues, TContext, TTransformedValues>>;
 }
 interface UseZodFormProps<TSchema extends z.AnyZodObject | z.ZodEffects<z.AnyZodObject> = z.AnyZodObject, TFieldValues extends InferObjectSchema<TSchema> = InferObjectSchema<TSchema>, TContext extends object = object> extends Omit<UseFormProps$1<TFieldValues, TContext>, 'defaultValues'> {
     schema: TSchema;
@@ -576,7 +598,10 @@ interface UseZodFormProps<TSchema extends z.AnyZodObject | z.ZodEffects<z.AnyZod
     onInvalid?: SubmitErrorHandler<FieldValues>;
     defaultValues?: DefaultValues<TFieldValues> | AsyncDefaultValues<TFieldValues>;
 }
-declare function useZodForm<TSchema extends z.AnyZodObject | z.ZodEffects<z.AnyZodObject> = z.AnyZodObject, TFieldValues extends InferObjectSchema<TSchema> = InferObjectSchema<TSchema>, TContext extends object = object>(props: UseZodFormProps<TSchema, TFieldValues, TContext>): UseFormReturn$1<TFieldValues, TContext>;
+/**
+ * @deprecated Use useForm instead, which supports standard schema out of the box.
+ */
+declare function useZodForm<TSchema extends z.AnyZodObject | z.ZodEffects<z.AnyZodObject> = z.AnyZodObject, TFieldValues extends InferObjectSchema<TSchema> = InferObjectSchema<TSchema>, TContext extends object = object>(props: UseZodFormProps<TSchema, TFieldValues, TContext>): UseFormReturn$1<TFieldValues, TContext, TFieldValues>;
 type InferObjectSchema<T extends z.ZodTypeAny | z.ZodEffects<z.ZodTypeAny>> = T extends z.ZodEffects<infer TSchema> ? z.infer<TSchema> : z.infer<T>;
 type AsyncDefaultValues<TFieldValues> = (payload?: unknown) => Promise<TFieldValues>;
 
@@ -651,11 +676,12 @@ declare const useFormContext: <TFieldValues extends FieldValues = FieldValues, T
     formState: react_hook_form.FormState<TFieldValues>;
     resetField: react_hook_form.UseFormResetField<TFieldValues>;
     reset: react_hook_form.UseFormReset<TFieldValues>;
-    handleSubmit: react_hook_form.UseFormHandleSubmit<TFieldValues, undefined>;
+    handleSubmit: react_hook_form.UseFormHandleSubmit<TFieldValues, TFieldValues>;
     unregister: react_hook_form.UseFormUnregister<TFieldValues>;
-    control: react_hook_form.Control<TFieldValues, TContext>;
+    control: react_hook_form.Control<TFieldValues, TContext, TFieldValues>;
     register: react_hook_form.UseFormRegister<TFieldValues>;
     setFocus: react_hook_form.UseFormSetFocus<TFieldValues>;
+    subscribe: react_hook_form.UseFromSubscribe<TFieldValues>;
 };
 type UseFormReturn<TFieldValues extends FieldValues = FieldValues, TContext = any, TSchema = any> = ReturnType<typeof useFormContext<TFieldValues, TContext, TSchema>>;
 declare const FormProvider: <TFieldValues extends FieldValues = FieldValues, TContext = any, TSchema = any>(props: FormProviderProps<TFieldValues, TContext, TSchema>) => react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -162,8 +162,8 @@ var useBaseField = (props) => {
 };
 var BaseField = (props) => {
   const { rootProps, label, hideLabel, help, error } = useBaseField(props);
-  const isInvalid = !!error;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react.Field.Root, { invalid: isInvalid, ...rootProps, children: [
+  const isInvalid = !!error || rootProps.invalid;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react.Field.Root, { ...rootProps, invalid: isInvalid, children: [
     label && !hideLabel ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react.Field.Label, { children: [
       label,
       " ",
@@ -994,13 +994,19 @@ function createForm({
 // src/use-form.tsx
 var import_react15 = require("react");
 var import_react16 = require("@chakra-ui/react");
+var import_standard_schema = require("@hookform/resolvers/standard-schema");
 var import_zod = require("@hookform/resolvers/zod");
 var import_utils10 = require("@saas-ui/core/utils");
 var import_react_hook_form8 = require("react-hook-form");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function useForm2(props) {
-  const { onSubmit, onInvalid, ...rest } = props;
-  const form = (0, import_react_hook_form8.useForm)(rest);
+  const { onSubmit, onInvalid, resolver, ...rest } = props;
+  const form = (0, import_react_hook_form8.useForm)({
+    ...rest,
+    resolver: props.schema ? (0, import_standard_schema.standardSchemaResolver)(
+      props.schema
+    ) : resolver
+  });
   const FormComponent = (0, import_react15.forwardRef)(
     function FormComponent2(props2, ref) {
       return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(