@delightui/components 0.1.161 → 0.1.162-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delightui/components",
-  "version": "0.1.161",
+  "version": "0.1.162-alpha.0",
   "private": false,
   "scripts": {
     "start": "vite",
@@ -24,6 +24,7 @@
     "react-dom": "^18.3.1",
     "react-dropzone": "^14.3.5",
     "react-flatpickr": "^3.10.13",
+    "react-hook-form": "^7.53.0",
     "react-overlays": "^5.2.1",
     "react-transition-group": "^4.4.5"
   },
@@ -64,6 +65,7 @@
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.34.2",
     "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.24",
     "eslint-plugin-storybook": "^0.8.0",
     "jsdom": "^24.1.0",
     "postcss-import": "^16.1.0",
@@ -87,6 +89,7 @@
     "classnames": "^2.5.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-hook-form": "^7.53.0",
     "react-overlays": "^5.2.1",
     "react-router-dom": "^6.23.1"
   },

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

@@ -1,6 +0,0 @@
-declare const DropzoneFileModeExample: () => import("react/jsx-runtime").JSX.Element;
-declare const DropzoneURLModeExample: () => import("react/jsx-runtime").JSX.Element;
-declare const DropzoneURLModeWithMetadataExample: () => import("react/jsx-runtime").JSX.Element;
-declare const DropzoneFormExample: () => import("react/jsx-runtime").JSX.Element;
-export default DropzoneFormExample;
-export { DropzoneFileModeExample, DropzoneURLModeExample, DropzoneURLModeWithMetadataExample };

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

@@ -1,2 +0,0 @@
-import { FieldValue, FormState } from "./Form.types";
-export declare const isEqualFormState: <T extends FieldValue>(state1: FormState<T>, state2: FormState<T>) => boolean;

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { FormContextValues, FormProviderProps, FormState, FieldValue } from './Form.types';
-declare const FormContext: React.Context<FormContextValues<Partial<Record<string, FieldValue>>> | undefined>;
-export declare const FormProvider: <T extends FormState>(props: FormProviderProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default FormContext;

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

@@ -1,23 +0,0 @@
-export type ProfileFormValues = {
-    name: string;
-    email: string;
-    address: string;
-    password: string;
-    termsAccepted: boolean;
-    gender: string;
-    interests: boolean;
-    skillLevel: number;
-    experienceRange: [number, number];
-    favoriteFramework: string[];
-    skills: string[];
-    birthdate: string | Date;
-    availableForWork: boolean;
-    wantsNewsletter: boolean;
-    promotionalEmails: boolean;
-    darkMode: boolean;
-    notifications: boolean;
-    preferredContactMethod: string;
-    acceptedGuidelines: boolean;
-};
-declare const ProfileForm: () => import("react/jsx-runtime").JSX.Element;
-export default ProfileForm;

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

@@ -1,50 +0,0 @@
-import type { FormContextValues, FormState } from './Form.types';
-/**
- * Custom hook to access form context values.
- * Provides direct access to all form state management functions and values.
- *
- * @throws {Error} If used outside of a Form component
- * @returns {FormContextValues} Object containing form state and control functions
- *
- * @example
- * ```tsx
- * const MyCustomField = () => {
- *   const {
- *     formState,
- *     formErrors,
- *     updateFieldValue,
- *     resetForm
- *   } = useForm();
- *
- *   return (
- *     <div>
- *       <input
- *         value={formState.myField || ''}
- *         onChange={(e) => updateFieldValue('myField', e.target.value)}
- *       />
- *       {formErrors.myField && <span>{formErrors.myField}</span>}
- *     </div>
- *   );
- * };
- * ```
- */
-export declare const useForm: <T extends FormState = Partial<Record<string, import("./Form.types").FieldValue>>>() => FormContextValues<T>;
-/**
- * Type-safe version of useForm that returns properly typed form context
- *
- * @example
- * ```tsx
- * interface MyFormData {
- *   name: string;
- *   email: string;
- *   age: number;
- * }
- *
- * const MyComponent = () => {
- *   const form = useFormTyped<MyFormData>();
- *   // form.formState is now typed as MyFormData
- *   // form.formErrors is now typed as FormErrors<MyFormData>
- * };
- * ```
- */
-export declare const useFormTyped: <T extends FormState>() => FormContextValues<T>;

package/dist/esm/components/organisms/Form/DropzoneFormExample.d.ts

@@ -1,6 +0,0 @@
-declare const DropzoneFileModeExample: () => import("react/jsx-runtime").JSX.Element;
-declare const DropzoneURLModeExample: () => import("react/jsx-runtime").JSX.Element;
-declare const DropzoneURLModeWithMetadataExample: () => import("react/jsx-runtime").JSX.Element;
-declare const DropzoneFormExample: () => import("react/jsx-runtime").JSX.Element;
-export default DropzoneFormExample;
-export { DropzoneFileModeExample, DropzoneURLModeExample, DropzoneURLModeWithMetadataExample };

package/dist/esm/components/organisms/Form/Form.utils.d.ts

@@ -1,2 +0,0 @@
-import { FieldValue, FormState } from "./Form.types";
-export declare const isEqualFormState: <T extends FieldValue>(state1: FormState<T>, state2: FormState<T>) => boolean;

package/dist/esm/components/organisms/Form/FormContext.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { FormContextValues, FormProviderProps, FormState, FieldValue } from './Form.types';
-declare const FormContext: React.Context<FormContextValues<Partial<Record<string, FieldValue>>> | undefined>;
-export declare const FormProvider: <T extends FormState>(props: FormProviderProps<T>) => import("react/jsx-runtime").JSX.Element;
-export default FormContext;

package/dist/esm/components/organisms/Form/UpdatedFormExample.d.ts

@@ -1,23 +0,0 @@
-export type ProfileFormValues = {
-    name: string;
-    email: string;
-    address: string;
-    password: string;
-    termsAccepted: boolean;
-    gender: string;
-    interests: boolean;
-    skillLevel: number;
-    experienceRange: [number, number];
-    favoriteFramework: string[];
-    skills: string[];
-    birthdate: string | Date;
-    availableForWork: boolean;
-    wantsNewsletter: boolean;
-    promotionalEmails: boolean;
-    darkMode: boolean;
-    notifications: boolean;
-    preferredContactMethod: string;
-    acceptedGuidelines: boolean;
-};
-declare const ProfileForm: () => import("react/jsx-runtime").JSX.Element;
-export default ProfileForm;

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

@@ -1,50 +0,0 @@
-import type { FormContextValues, FormState } from './Form.types';
-/**
- * Custom hook to access form context values.
- * Provides direct access to all form state management functions and values.
- *
- * @throws {Error} If used outside of a Form component
- * @returns {FormContextValues} Object containing form state and control functions
- *
- * @example
- * ```tsx
- * const MyCustomField = () => {
- *   const {
- *     formState,
- *     formErrors,
- *     updateFieldValue,
- *     resetForm
- *   } = useForm();
- *
- *   return (
- *     <div>
- *       <input
- *         value={formState.myField || ''}
- *         onChange={(e) => updateFieldValue('myField', e.target.value)}
- *       />
- *       {formErrors.myField && <span>{formErrors.myField}</span>}
- *     </div>
- *   );
- * };
- * ```
- */
-export declare const useForm: <T extends FormState = Partial<Record<string, import("./Form.types").FieldValue>>>() => FormContextValues<T>;
-/**
- * Type-safe version of useForm that returns properly typed form context
- *
- * @example
- * ```tsx
- * interface MyFormData {
- *   name: string;
- *   email: string;
- *   age: number;
- * }
- *
- * const MyComponent = () => {
- *   const form = useFormTyped<MyFormData>();
- *   // form.formState is now typed as MyFormData
- *   // form.formErrors is now typed as FormErrors<MyFormData>
- * };
- * ```
- */
-export declare const useFormTyped: <T extends FormState>() => FormContextValues<T>;