fix: imports

package.json

@@ -67,6 +67,7 @@
     "autoprefixer": "10.4.13",
     "babel-loader": "^8.3.0",
     "concurrently": "^7.6.0",
+    "form-atoms": "^3.0.0",
     "happy-dom": "8.7.1",
     "jotai-devtools": "0.3.0-next.3",
     "postcss": "8.4.21",
@@ -81,7 +82,6 @@
     "@form-atoms/field": "2.5.0",
     "flowbite": "1.6.3",
     "flowbite-react": "0.3.8",
-    "form-atoms": "3.0.0",
     "jotai": "2.0.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -112,5 +112,8 @@
       ],
       "@semantic-release/github"
     ]
+  },
+  "peerDependencies": {
+    "form-atoms": "^3"
   }
 }

src/file-field/FileField.tsx

@@ -1,6 +1,6 @@
 import {
   FileFieldProps,
-  useClearFileFieldEffect,
+  useClearFileInputEffect,
   useFileFieldProps,
 } from "@form-atoms/field";
 import { FileInput, FileInputProps } from "flowbite-react";
@@ -20,7 +20,7 @@ export const FileField = ({
   ...uiProps
 }: FlowbiteFileFieldProps) => {
   const { value, ...props } = useFileFieldProps(field);
-  useClearFileFieldEffect(field);
+  useClearFileInputEffect(field);
 
   return (
     <FlowbiteField

src/radio-option/RadioOption.tsx

@@ -1,14 +1,14 @@
 import {
+  CheckboxField,
   FieldProps,
-  ValidatedFieldAtom,
   useCheckboxFieldProps,
   useRequiredProps,
 } from "@form-atoms/field";
 import { HelperText, Label, Radio } from "flowbite-react";
 
 import { useFieldError } from "../hooks";
 
-export const RadioOption = <Field extends ValidatedFieldAtom<boolean>>({
+export const RadioOption = <Field extends CheckboxField>({
   field,
   required,
   label,

src/stories/StoryForm.tsx

@@ -34,7 +34,7 @@ export const StoryForm = <Fields extends FormFields>({
       {children({ required, form })}
       <div className="flex gap-2">
         <Button type="submit">Submit</Button>
-        <Button color="gray" onClick={reset}>
+        <Button color="gray" onClick={() => reset()}>
           Reset
         </Button>
       </div>

yarn.lock

@@ -1874,7 +1874,7 @@ __metadata:
     concurrently: ^7.6.0
     flowbite: 1.6.3
     flowbite-react: 0.3.8
-    form-atoms: 3.0.0
+    form-atoms: ^3.0.0
     happy-dom: 8.7.1
     jotai: 2.0.3
     jotai-devtools: 0.3.0-next.3
@@ -1889,6 +1889,8 @@ __metadata:
     typescript: 4.9.5
     vitest: 0.28.4
     zod: ^3.20.6
+  peerDependencies:
+    form-atoms: "*"
   languageName: unknown
   linkType: soft
 
@@ -8328,7 +8330,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"form-atoms@npm:3.0.0":
+"form-atoms@npm:^3.0.0":
   version: 3.0.0
   resolution: "form-atoms@npm:3.0.0"
   dependencies: