@delightui/components 0.1.162-alpha.4 → 0.1.162-alpha.5

package/dist/cjs/components/organisms/Form/index.d.ts

@@ -6,3 +6,4 @@ FormStateChangeHandler, // deprecated
 FormValidator, } from './Form.types';
 export type { FieldValue } from './Form.types';
 export { useAutosave } from './useAutosave';
+export { useForm, useFormTyped } from './useForm';

package/dist/cjs/components/organisms/Form/useAutosave.d.ts

@@ -1,5 +1,5 @@
 import { type FieldValues } from 'react-hook-form';
-import type { FormSubmitHandler } from './Form.types';
+import type { FormSubmitHandler, LegacyFormSubmitHandler } from './Form.types';
 /**
  * Hook to enable autosave functionality for forms
  * Debounces changes and validates before submitting
@@ -7,4 +7,4 @@ import type { FormSubmitHandler } from './Form.types';
  * Note: Uses formState.isDirty to detect changes instead of watching all values
  * for better performance
  */
-export declare const useAutosave: <TFormValues extends FieldValues>(enabled: boolean, onSubmit: FormSubmitHandler<TFormValues> | undefined, delayMs?: number) => void;
+export declare const useAutosave: <TFormValues extends FieldValues>(enabled: boolean, onSubmit: FormSubmitHandler<TFormValues> | LegacyFormSubmitHandler<TFormValues> | undefined, delayMs?: number) => void;

package/dist/cjs/components/organisms/Form/useForm.d.ts

@@ -0,0 +1,53 @@
+import { type FieldValues } from 'react-hook-form';
+import type { FieldValue } from './Form.types';
+/**
+ * @deprecated This hook is deprecated and maintained for backwards compatibility only.
+ * Use react-hook-form hooks directly instead:
+ * - `useFormContext()` for setValue, setError, reset, handleSubmit
+ * - `useWatch()` for form values
+ * - `useFormState()` for errors, isDirty, isValid, etc.
+ *
+ * @example
+ * ```tsx
+ * // Old API (deprecated)
+ * const { formState, formErrors, updateFieldValue, resetForm } = useForm();
+ *
+ * // New API (recommended)
+ * import { useFormContext, useWatch, useFormState } from 'react-hook-form';
+ * const { setValue, setError, reset } = useFormContext();
+ * const formValues = useWatch();
+ * const { errors } = useFormState();
+ * ```
+ */
+export declare const useForm: <T extends FieldValues = FieldValues>() => {
+    /** Current form values */
+    formState: T;
+    /** Current form errors as { fieldName: "error message" } */
+    formErrors: Record<keyof T, string>;
+    /** Update a field value */
+    updateFieldValue: (name: keyof T | string, value: FieldValue) => void;
+    /** Set an error for a field */
+    updateFieldError: (name: keyof T | string, errorMessage: string) => void;
+    /** Reset form to initial values */
+    resetForm: () => void;
+    /** Submit handler (wrap your submit function) */
+    onFormSubmit: import("react-hook-form").UseFormHandleSubmit<T, T>;
+};
+/**
+ * @deprecated Use useForm instead, or better yet, use react-hook-form hooks directly.
+ * Type-safe version of useForm that returns properly typed form context
+ */
+export declare const useFormTyped: <T extends FieldValues>() => {
+    /** Current form values */
+    formState: T;
+    /** Current form errors as { fieldName: "error message" } */
+    formErrors: Record<keyof T, string>;
+    /** Update a field value */
+    updateFieldValue: (name: string | keyof T, value: FieldValue) => void;
+    /** Set an error for a field */
+    updateFieldError: (name: string | keyof T, errorMessage: string) => void;
+    /** Reset form to initial values */
+    resetForm: () => void;
+    /** Submit handler (wrap your submit function) */
+    onFormSubmit: import("react-hook-form").UseFormHandleSubmit<T, T>;
+};