docs: updte readme

.changeset/cuddly-dodos-greet.md

@@ -0,0 +1,5 @@
+---
+'@opentf/react-form': minor
+---
+
+Updated docs

README.md

@@ -10,17 +10,17 @@
 
 </div>
 
-> A simple form state management for React.
+> A simple form state manager for React.
 
-# [View Demo](https://react-form.pages.dev/#demo) | [Documentation](https://react-form.pages.dev/) 
+# [Live Demo](https://react-form.pages.dev/#demo) | [Documentation](https://react-form.pages.dev/)
 
 ## Features
 
 - Simple APIs to use
 
-- It supports nested & array fields
+- Supports nested & array fields
 
-- It supports form validation
+- Supports form validation (Works with any schema validation lib)
 
 - Render optimized
 
@@ -52,37 +52,13 @@ import { Form, Field } from '@opentf/react-form';
 export default function App() {
   return (
     <Form
+      initialValues={{ field1: '', field2: '' }}
       onSubmit={(values) => {
         console.log(values);
       }}
     >
       <Field name="field1" />
-      <button type="submit">Submit</button>
-    </Form>
-  );
-}
-```
-
-## Usage (TypeScript)
-
-```tsx
-import { Form, Field } from '@opentf/react-form';
-
-interface FormValues {
-  field1: string;
-}
-
-export default function App() {
-  const initialValues: FormValues = { field1: '' };
-
-  return (
-    <Form
-      initialValues={initialValues}
-      onSubmit={(values) => {
-        console.log(values);
-      }}
-    >
-      <Field name="field1" />
+      <Field name="field2" type="number" />
       <button type="submit">Submit</button>
     </Form>
   );

apps/website/docs/intro.md

@@ -13,20 +13,20 @@ import MUI from '!!raw-loader!@site/src/Demo/MUI';
 
 # React Form
 
-> A simple form state management for React.
+> A simple form state manager for React.
 
 ## Features
 
-- Simple API
+- Simple APIs to use
 
-- It supports nested & array fields
+- Supports nested & array fields
 
-- It supports form validation
-
-- TypeScript support
+- Supports form validation (Works with any schema validation lib)
 
 - Render optimized
 
+- TypeScript support
+
 - <a href="https://bundlephobia.com/package/@opentf/react-form">Minified + GZip Size ~3KB</a>
 
 ## DEMO

packages/react-form/README.md

@@ -10,17 +10,17 @@
 
 </div>
 
-> A simple form state management for React.
+> A simple form state manager for React.
 
-# [View Demo](https://react-form.pages.dev/#demo) | [Documentation](https://react-form.pages.dev/) 
+# [Live Demo](https://react-form.pages.dev/#demo) | [Documentation](https://react-form.pages.dev/)
 
 ## Features
 
 - Simple APIs to use
 
-- It supports nested & array fields
+- Supports nested & array fields
 
-- It supports form validation
+- Supports form validation (Works with any schema validation lib)
 
 - Render optimized
 
@@ -52,37 +52,13 @@ import { Form, Field } from '@opentf/react-form';
 export default function App() {
   return (
     <Form
+      initialValues={{ field1: '', field2: '' }}
       onSubmit={(values) => {
         console.log(values);
       }}
     >
       <Field name="field1" />
-      <button type="submit">Submit</button>
-    </Form>
-  );
-}
-```
-
-## Usage (TypeScript)
-
-```tsx
-import { Form, Field } from '@opentf/react-form';
-
-interface FormValues {
-  field1: string;
-}
-
-export default function App() {
-  const initialValues: FormValues = { field1: '' };
-
-  return (
-    <Form
-      initialValues={initialValues}
-      onSubmit={(values) => {
-        console.log(values);
-      }}
-    >
-      <Field name="field1" />
+      <Field name="field2" type="number" />
       <button type="submit">Submit</button>
     </Form>
   );

packages/react-form/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@opentf/react-form",
   "version": "0.21.1",
-  "description": "A simple form state management for React.",
+  "description": "A simple form state manager for React.",
   "homepage": "https://react-form.pages.dev/",
   "keywords": [
     "react",
@@ -13,7 +13,9 @@
     "zod",
     "material-ui",
     "mui",
-    "chakra-ui"
+    "chakra-ui",
+    "schema",
+    "json"
   ],
   "type": "module",
   "main": "dist/index.cjs",

packages/react-form/tsup.config.js

@@ -8,5 +8,5 @@ export default defineConfig({
   format: ['cjs', 'esm'],
   dts: true,
   minify: true,
-  name: 'utils',
+  name: 'reactForm',
 });