update page

Author: bluebill1049

contentlayer.config.ts

@@ -13,6 +13,7 @@ export const Doc = defineDocumentType(() => ({
   fields: {
     title: { type: "string", required: true },
     description: { type: "string", required: true },
+    metaDescription: { type: "string", required: false },
     sidebar: {
       type: "enum",
       options: [

src/content/docs/createFormControl.mdx

@@ -1,6 +1,7 @@
 ---
 title: createFormControl
-description: Create standalone React Hook Form state outside of a React component, useful for global or shared form state management across your app.
+description: Standalone form state outside of React components.
+metaDescription: Create standalone React Hook Form state outside of a React component, useful for global or shared form state management across your app.
 sidebar: apiLinks
 ---
 

src/content/docs/formprovider.mdx

@@ -1,6 +1,7 @@
 ---
 title: FormProvider
-description: Wrap your form tree with FormProvider to share useForm methods across deeply nested components without passing props manually.
+description: Share form context across deeply nested components.
+metaDescription: Wrap your form tree with FormProvider to share useForm methods across deeply nested components without passing props manually.
 sidebar: apiLinks
 ---
 

src/content/docs/usecontroller.mdx

@@ -1,6 +1,7 @@
 ---
 title: useController
-description: React hook for building reusable controlled inputs with full access to field value, validation state, and form state from React Hook Form.
+description: Build reusable controlled inputs with full form state access.
+metaDescription: React hook for building reusable controlled inputs with full access to field value, validation state, and form state from React Hook Form.
 sidebar: apiLinks
 ---
 

src/content/docs/usecontroller/controller.mdx

@@ -1,6 +1,7 @@
 ---
 title: Controller
-description: Wrapper component for integrating controlled external inputs like MUI, Chakra UI, and React-Select with React Hook Form validation.
+description: Integrate controlled external UI inputs with React Hook Form.
+metaDescription: Wrapper component for integrating controlled external inputs like MUI, Chakra UI, and React-Select with React Hook Form validation.
 sidebar: apiLinks
 ---
 

src/content/docs/usefieldarray.mdx

@@ -1,6 +1,7 @@
 ---
 title: useFieldArray
-description: React hook for dynamic field arrays. Append, prepend, insert, remove, swap, move, update, and replace fields with optimized performance.
+description: Manage dynamic field arrays with optimized performance.
+metaDescription: React hook for dynamic field arrays. Append, prepend, insert, remove, swap, move, update, and replace fields with optimized performance.
 sidebar: apiLinks
 ---
 

src/content/docs/useform.mdx

@@ -1,6 +1,7 @@
 ---
 title: useForm
-description: The primary React Hook Form hook. Initialize your form with validation rules, default values, and submission handling in a single call.
+description: React Hook Form's primary hook for form initialization.
+metaDescription: The primary React Hook Form hook. Initialize your form with validation rules, default values, and submission handling in a single call.
 sidebar: apiLinks
 ---
 

src/content/docs/useform/clearerrors.mdx

@@ -1,6 +1,7 @@
 ---
 title: clearErrors
-description: Manually clear validation errors for one field, an array of fields, or the entire React Hook Form without triggering re-validation.
+description: Manually clear validation errors on fields.
+metaDescription: Manually clear validation errors for one field, an array of fields, or the entire React Hook Form without triggering re-validation.
 sidebar: apiLinks
 ---
 

src/content/docs/useform/control.mdx

@@ -1,6 +1,7 @@
 ---
 title: control
-description: The control object returned by useForm, required to register controlled inputs via the Controller component and useController hook.
+description: The control object for registering controlled inputs.
+metaDescription: The control object returned by useForm, required to register controlled inputs via the Controller component and useController hook.
 sidebar: apiLinks
 ---
 

src/content/docs/useform/form.mdx

@@ -1,6 +1,7 @@
 ---
 title: Form
-description: React Hook Form's Form component handles submission to a URL or callback, with built-in loading, error, and success state management.
+description: Form submission component with built-in state management.
+metaDescription: React Hook Form's Form component handles submission to a URL or callback, with built-in loading, error, and success state management.
 sidebar: apiLinks
 ---