Add exports

lib/controls/check-box-input.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from "react";
 import type { InputHTMLAttributes } from "react";
 import { useField } from "~/use-field";
 
-type CheckBoxInputProps = Omit<
+export type CheckBoxInputProps = Omit<
   InputHTMLAttributes<HTMLInputElement>,
   "type"
 > & {

lib/controls/input.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from "react";
 import type { InputHTMLAttributes } from "react";
 import { useField } from "~/use-field";
 
-type InputProps = InputHTMLAttributes<HTMLInputElement> & {
+export type InputProps = InputHTMLAttributes<HTMLInputElement> & {
   name: string;
 };
 

lib/controls/radio-input.tsx

@@ -0,0 +1,33 @@
+import { forwardRef } from "react";
+import type { InputHTMLAttributes } from "react";
+import { useField } from "~/use-field";
+
+export type RadioInputProps = Omit<
+  InputHTMLAttributes<HTMLInputElement>,
+  "type"
+> & {
+  name: string;
+  value: string;
+};
+
+export const RadioInput = forwardRef<HTMLInputElement, RadioInputProps>(
+  ({ name, value, onChange, ...props }, ref) => {
+    let field = useField<string>(name);
+
+    return (
+      <input
+        type="radio"
+        ref={ref}
+        {...props}
+        name={field.name}
+        checked={field.value.value?.toString() === value.toString()}
+        onChange={(e) => {
+          onChange?.(e);
+          field.setValue(value);
+          field.setTouched();
+        }}
+        value={value}
+      />
+    );
+  }
+);

lib/controls/select.tsx

@@ -2,7 +2,7 @@ import { forwardRef } from "react";
 import type { SelectHTMLAttributes } from "react";
 import { useField } from "~/use-field";
 
-type SelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
+export type SelectProps = SelectHTMLAttributes<HTMLSelectElement> & {
   name: string;
 };
 

lib/controls/text-area.tsx

@@ -2,11 +2,11 @@ import { forwardRef } from "react";
 import type { TextareaHTMLAttributes } from "react";
 import { useField } from "~/use-field";
 
-type InputProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
+export type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & {
   name: string;
 };
 
-export const TextArea = forwardRef<HTMLTextAreaElement, InputProps>(
+export const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
   ({ name, onChange, ...props }, ref) => {
     let field = useField<string>(name);
 

lib/index.ts

@@ -1,2 +1,36 @@
-export { SignalForm } from "./form";
 export { Input } from "./controls/input";
+export type { InputProps } from "./controls/input";
+export { CheckBoxInput } from "./controls/check-box-input";
+export type { CheckBoxInputProps } from "./controls/check-box-input";
+export { RadioInput } from "./controls/radio-input";
+export type { RadioInputProps } from "./controls/radio-input";
+export { Select } from "./controls/select";
+export type { SelectProps } from "./controls/select";
+export { TextArea } from "./controls/text-area";
+export type { TextAreaProps } from "./controls/text-area";
+
+export { parseFormData } from "./utils/parse-form-data";
+
+export * from "./utils/validate";
+export type * from "./utils/validate";
+
+export * from "./context";
+export type * from "./context";
+
+export * from "./fields-array-for";
+export type * from "./fields-array-for";
+
+export * from "./fields-for";
+export type * from "./fields-for";
+
+export * from "./form";
+export type * from "./form";
+
+export * from "./use-field";
+export type * from "./use-field";
+
+export * from "./use-fields-array";
+export type * from "./use-fields-array";
+
+export * from "./use-is-submitting";
+export type * from "./use-is-submitting";

lib/utils/parse-form-data.ts

@@ -1,6 +1,6 @@
 type ParsedObject = { [key: string]: any };
 
-export function parseFormData(formData: FormData) {
+export function parseFormData(formData: FormData): ParsedObject {
   let result: ParsedObject = {};
 
   // Iterate over each form data entry

package.json

@@ -16,7 +16,7 @@
     "test": "vitest run",
     "lint": "eslint . --ext .ts,.tsx,.js,.jsx",
     "format": "prettier --write .",
-    "check": "tsc && npm run css-check",
+    "check": "tsc",
     "release": "npm run check && npm run build && changeset publish",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",

src/App.tsx

@@ -1,4 +1,4 @@
-import { Button } from "../lib";
+import { SignalForm } from "../lib";
 import "./App.css";
 
 function App() {
@@ -28,7 +28,7 @@ function App() {
       <h2>Presents</h2>
       <h1>Vite + React</h1>
       <div className="card">
-        <Button size="medium" type="primary" />
+        <SignalForm></SignalForm>
         <p>
           Edit <code>src/App.tsx</code> and save to test HMR
         </p>