From 4ccff13f9c68cd12bca289faa8d513b3f748ea37 Mon Sep 17 00:00:00 2001
From: shadcn <m@shadcn.com>
Date: Fri, 19 May 2023 22:56:49 +0400
Subject: [PATCH] feat: react-hook-form (#377)

* feat(form): add form component

* feat(www): update site styles

* feat: add form examples

* docs(www): add docs for forms

* docs(www): hide tabs for docs demo
---
 .../dashboard/components/team-switcher.tsx    |   2 +-
 .../examples/forms/account/account-form.tsx   | 218 +++++++++++++++++
 apps/www/app/examples/forms/account/page.tsx  |  18 ++
 .../forms/appearance/appearance-form.tsx      | 164 +++++++++++++
 .../app/examples/forms/appearance/page.tsx    |  18 ++
 .../examples/forms/components/sidebar-nav.tsx |  44 ++++
 .../examples/forms/display/display-form.tsx   | 132 +++++++++++
 apps/www/app/examples/forms/display/page.tsx  |  17 ++
 apps/www/app/examples/forms/layout.tsx        |  75 ++++++
 .../notifications/notifications-form.tsx      | 222 +++++++++++++++++
 .../app/examples/forms/notifications/page.tsx |  18 ++
 apps/www/app/examples/forms/page.tsx          |  17 ++
 apps/www/app/examples/forms/profile-form.tsx  | 191 +++++++++++++++
 apps/www/app/examples/layout.tsx              |   4 +-
 apps/www/app/page.tsx                         |   7 +-
 apps/www/components/examples-nav.tsx          |   7 +-
 .../examples/calendar/react-hook-form.tsx     | 101 ++++++++
 .../checkbox/react-hook-form-multiple.tsx     | 127 ++++++++++
 .../checkbox/react-hook-form-single.tsx       |  73 ++++++
 .../examples/combobox/react-hook-form.tsx     | 135 +++++++++++
 .../examples/date-picker/react-hook-form.tsx  | 101 ++++++++
 apps/www/components/examples/index.tsx        |  20 ++
 .../examples/input/react-hook-form.tsx        |  65 +++++
 .../examples/radio-group/react-hook-form.tsx  |  88 +++++++
 .../examples/select/react-hook-form.tsx       |  84 +++++++
 .../examples/switch/react-hook-form.tsx       | 102 ++++++++
 .../examples/textarea/react-hook-form.tsx     |  78 ++++++
 apps/www/components/mdx-components.tsx        |   2 +-
 apps/www/components/page-header.tsx           |   2 +-
 apps/www/components/react-hook-form/form.tsx  | 179 ++++++++++++++
 apps/www/components/sidebar-nav.tsx           |  12 +-
 apps/www/components/site-header.tsx           |   2 +-
 apps/www/config/docs.ts                       |  18 ++
 apps/www/content/docs/components/calendar.mdx |  13 +
 apps/www/content/docs/components/checkbox.mdx |  21 ++
 apps/www/content/docs/components/combobox.mdx |  13 +
 .../content/docs/components/date-picker.mdx   |  13 +
 apps/www/content/docs/components/input.mdx    |  13 +
 .../content/docs/components/radio-group.mdx   |  13 +
 apps/www/content/docs/components/select.mdx   |  13 +
 apps/www/content/docs/components/switch.mdx   |  13 +
 apps/www/content/docs/components/textarea.mdx |  13 +
 .../content/docs/forms/react-hook-form.mdx    | 224 ++++++++++++++++++
 apps/www/next.config.mjs                      |   5 +
 apps/www/package.json                         |   2 +
 apps/www/public/examples/forms-dark.png       | Bin 0 -> 32876 bytes
 apps/www/public/examples/forms-light.png      | Bin 0 -> 29685 bytes
 pnpm-lock.yaml                                |  99 ++++++--
 48 files changed, 2770 insertions(+), 28 deletions(-)
 create mode 100644 apps/www/app/examples/forms/account/account-form.tsx
 create mode 100644 apps/www/app/examples/forms/account/page.tsx
 create mode 100644 apps/www/app/examples/forms/appearance/appearance-form.tsx
 create mode 100644 apps/www/app/examples/forms/appearance/page.tsx
 create mode 100644 apps/www/app/examples/forms/components/sidebar-nav.tsx
 create mode 100644 apps/www/app/examples/forms/display/display-form.tsx
 create mode 100644 apps/www/app/examples/forms/display/page.tsx
 create mode 100644 apps/www/app/examples/forms/layout.tsx
 create mode 100644 apps/www/app/examples/forms/notifications/notifications-form.tsx
 create mode 100644 apps/www/app/examples/forms/notifications/page.tsx
 create mode 100644 apps/www/app/examples/forms/page.tsx
 create mode 100644 apps/www/app/examples/forms/profile-form.tsx
 create mode 100644 apps/www/components/examples/calendar/react-hook-form.tsx
 create mode 100644 apps/www/components/examples/checkbox/react-hook-form-multiple.tsx
 create mode 100644 apps/www/components/examples/checkbox/react-hook-form-single.tsx
 create mode 100644 apps/www/components/examples/combobox/react-hook-form.tsx
 create mode 100644 apps/www/components/examples/date-picker/react-hook-form.tsx
 create mode 100644 apps/www/components/examples/input/react-hook-form.tsx
 create mode 100644 apps/www/components/examples/radio-group/react-hook-form.tsx
 create mode 100644 apps/www/components/examples/select/react-hook-form.tsx
 create mode 100644 apps/www/components/examples/switch/react-hook-form.tsx
 create mode 100644 apps/www/components/examples/textarea/react-hook-form.tsx
 create mode 100644 apps/www/components/react-hook-form/form.tsx
 create mode 100644 apps/www/content/docs/forms/react-hook-form.mdx
 create mode 100644 apps/www/public/examples/forms-dark.png
 create mode 100644 apps/www/public/examples/forms-light.png

diff --git a/apps/www/app/examples/dashboard/components/team-switcher.tsx b/apps/www/app/examples/dashboard/components/team-switcher.tsx
index c4496ee80..2f9b58e0c 100644
--- a/apps/www/app/examples/dashboard/components/team-switcher.tsx
+++ b/apps/www/app/examples/dashboard/components/team-switcher.tsx
@@ -82,7 +82,7 @@ export default function TeamSwitcher({ className }: TeamSwitcherProps) {
       <Popover open={open} onOpenChange={setOpen}>
         <PopoverTrigger asChild>
           <Button
-            variant="ghost"
+            variant="outline"
             size="sm"
             role="combobox"
             aria-expanded={open}
diff --git a/apps/www/app/examples/forms/account/account-form.tsx b/apps/www/app/examples/forms/account/account-form.tsx
new file mode 100644
index 000000000..98204268b
--- /dev/null
+++ b/apps/www/app/examples/forms/account/account-form.tsx
@@ -0,0 +1,218 @@
+"use client"
+
+import { zodResolver } from "@hookform/resolvers/zod"
+import { format } from "date-fns"
+import { CalendarIcon, Check, ChevronsUpDown } from "lucide-react"
+import { useForm } from "react-hook-form"
+import * as z from "zod"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { Calendar } from "@/components/ui/calendar"
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+} from "@/components/ui/command"
+import { Input } from "@/components/ui/input"
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover"
+import { toast } from "@/components/ui/use-toast"
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/react-hook-form/form"
+
+const languages = [
+  { label: "English", value: "en" },
+  { label: "French", value: "fr" },
+  { label: "German", value: "de" },
+  { label: "Spanish", value: "es" },
+  { label: "Portuguese", value: "pt" },
+  { label: "Russian", value: "ru" },
+  { label: "Japanese", value: "ja" },
+  { label: "Korean", value: "ko" },
+  { label: "Chinese", value: "zh" },
+] as const
+
+const accountFormSchema = z.object({
+  name: z
+    .string()
+    .min(2, {
+      message: "Name must be at least 2 characters.",
+    })
+    .max(30, {
+      message: "Name must not be longer than 30 characters.",
+    }),
+  dob: z.date({
+    required_error: "A date of birth is required.",
+  }),
+  language: z.string({
+    required_error: "Please select a language.",
+  }),
+})
+
+type AccountFormValues = z.infer<typeof accountFormSchema>
+
+// This can come from your database or API.
+const defaultValues: Partial<AccountFormValues> = {
+  // name: "Your name",
+  // dob: new Date("2023-01-23"),
+}
+
+export function AccountForm() {
+  const form = useForm<AccountFormValues>({
+    resolver: zodResolver(accountFormSchema),
+    defaultValues,
+  })
+
+  function onSubmit(data: AccountFormValues) {
+    toast({
+      title: "You submitted the following values:",
+      description: (
+        <pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
+          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      ),
+    })
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
+        <FormField
+          control={form.control}
+          name="name"
+          render={() => (
+            <FormItem>
+              <FormLabel>Name</FormLabel>
+              <FormControl>
+                <Input placeholder="Your name" {...form.register("name")} />
+              </FormControl>
+              <FormDescription>
+                This is the name that will be displayed on your profile and in
+                emails.
+              </FormDescription>
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="dob"
+          render={({ field }) => (
+            <FormItem className="flex flex-col">
+              <FormLabel>Date of birth</FormLabel>
+              <Popover>
+                <PopoverTrigger asChild>
+                  <FormControl>
+                    <Button
+                      variant={"outline"}
+                      className={cn(
+                        "w-[240px] pl-3 text-left font-normal",
+                        !field.value && "text-muted-foreground"
+                      )}
+                    >
+                      {field.value ? (
+                        format(field.value, "PPP")
+                      ) : (
+                        <span>Pick a date</span>
+                      )}
+                      <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
+                    </Button>
+                  </FormControl>
+                </PopoverTrigger>
+                <PopoverContent className="w-auto p-0" align="start">
+                  <Calendar
+                    mode="single"
+                    selected={field.value}
+                    onSelect={field.onChange}
+                    disabled={(date) =>
+                      date > new Date() || date < new Date("1900-01-01")
+                    }
+                    initialFocus
+                  />
+                </PopoverContent>
+              </Popover>
+              <FormDescription>
+                Your date of birth is used to calculate your age.
+              </FormDescription>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="language"
+          render={({ field }) => (
+            <FormItem className="flex flex-col">
+              <FormLabel>Language</FormLabel>
+              <Popover>
+                <PopoverTrigger asChild>
+                  <FormControl>
+                    <Button
+                      variant="outline"
+                      role="combobox"
+                      className={cn(
+                        "w-[200px] justify-between",
+                        !field.value && "text-muted-foreground"
+                      )}
+                    >
+                      {field.value
+                        ? languages.find(
+                            (language) => language.value === field.value
+                          )?.label
+                        : "Select language"}
+                      <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+                    </Button>
+                  </FormControl>
+                </PopoverTrigger>
+                <PopoverContent className="w-[200px] p-0">
+                  <Command>
+                    <CommandInput placeholder="Search framework..." />
+                    <CommandEmpty>No framework found.</CommandEmpty>
+                    <CommandGroup>
+                      {languages.map((language) => (
+                        <CommandItem
+                          value={language.value}
+                          key={language.value}
+                          onSelect={(value) => {
+                            form.setValue("language", value)
+                          }}
+                        >
+                          <Check
+                            className={cn(
+                              "mr-2 h-4 w-4",
+                              language.value === field.value
+                                ? "opacity-100"
+                                : "opacity-0"
+                            )}
+                          />
+                          {language.label}
+                        </CommandItem>
+                      ))}
+                    </CommandGroup>
+                  </Command>
+                </PopoverContent>
+              </Popover>
+              <FormDescription>
+                This is the language that will be used in the dashboard.
+              </FormDescription>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <Button type="submit">Update account</Button>
+      </form>
+    </Form>
+  )
+}
diff --git a/apps/www/app/examples/forms/account/page.tsx b/apps/www/app/examples/forms/account/page.tsx
new file mode 100644
index 000000000..f48c4e1d3
--- /dev/null
+++ b/apps/www/app/examples/forms/account/page.tsx
@@ -0,0 +1,18 @@
+import { Separator } from "@/components/ui/separator"
+import { AccountForm } from "@/app/examples/forms/account/account-form"
+
+export default function SettingsAccountPage() {
+  return (
+    <div className="space-y-6">
+      <div>
+        <h3 className="text-lg font-medium">Account</h3>
+        <p className="text-sm text-muted-foreground">
+          Update your account settings. Set your preferred language and
+          timezone.
+        </p>
+      </div>
+      <Separator />
+      <AccountForm />
+    </div>
+  )
+}
diff --git a/apps/www/app/examples/forms/appearance/appearance-form.tsx b/apps/www/app/examples/forms/appearance/appearance-form.tsx
new file mode 100644
index 000000000..21229028f
--- /dev/null
+++ b/apps/www/app/examples/forms/appearance/appearance-form.tsx
@@ -0,0 +1,164 @@
+"use client"
+
+import { zodResolver } from "@hookform/resolvers/zod"
+import { ChevronDown } from "lucide-react"
+import { useForm } from "react-hook-form"
+import * as z from "zod"
+
+import { cn } from "@/lib/utils"
+import { Button, buttonVariants } from "@/components/ui/button"
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
+import { toast } from "@/components/ui/use-toast"
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/react-hook-form/form"
+
+const appearanceFormSchema = z.object({
+  theme: z.enum(["light", "dark"], {
+    required_error: "Please select a theme.",
+  }),
+  font: z.enum(["inter", "manrope", "system"], {
+    invalid_type_error: "Select a font",
+    required_error: "Please select a font.",
+  }),
+})
+
+type AppearanceFormValues = z.infer<typeof appearanceFormSchema>
+
+// This can come from your database or API.
+const defaultValues: Partial<AppearanceFormValues> = {
+  theme: "light",
+}
+
+export function AppearanceForm() {
+  const form = useForm<AppearanceFormValues>({
+    resolver: zodResolver(appearanceFormSchema),
+    defaultValues,
+  })
+
+  function onSubmit(data: AppearanceFormValues) {
+    toast({
+      title: "You submitted the following values:",
+      description: (
+        <pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
+          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      ),
+    })
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
+        <FormField
+          control={form.control}
+          name="font"
+          render={() => (
+            <FormItem>
+              <FormLabel>Font</FormLabel>
+              <div className="relative w-max">
+                <FormControl>
+                  <select
+                    className={cn(
+                      buttonVariants({ variant: "outline" }),
+                      "w-[200px] appearance-none bg-transparent font-normal"
+                    )}
+                    {...form.register("font")}
+                  >
+                    <option value="inter">Inter</option>
+                    <option value="manrope">Manrope</option>
+                    <option value="system">System</option>
+                  </select>
+                </FormControl>
+                <ChevronDown className="absolute right-3 top-3 h-4 w-4 opacity-50" />
+              </div>
+              <FormDescription>
+                Set the font you want to use in the dashboard.
+              </FormDescription>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="theme"
+          render={({ field }) => (
+            <FormItem className="space-y-1">
+              <FormLabel>Theme</FormLabel>
+              <FormDescription>
+                Select the theme for the dashboard.
+              </FormDescription>
+              <FormMessage />
+              <RadioGroup
+                onValueChange={field.onChange}
+                defaultValue={field.value}
+                className="grid max-w-md grid-cols-2 gap-8 pt-2"
+              >
+                <FormItem>
+                  <FormLabel className="[&:has([data-state=checked])>div]:border-primary">
+                    <FormControl>
+                      <RadioGroupItem value="light" className="sr-only" />
+                    </FormControl>
+                    <div className="items-center rounded-md border-2 border-muted p-1 hover:border-accent">
+                      <div className="space-y-2 rounded-sm bg-[#ecedef] p-2">
+                        <div className="space-y-2 rounded-md bg-white p-2 shadow-sm">
+                          <div className="h-2 w-[80px] rounded-lg bg-[#ecedef]" />
+                          <div className="h-2 w-[100px] rounded-lg bg-[#ecedef]" />
+                        </div>
+                        <div className="flex items-center space-x-2 rounded-md bg-white p-2 shadow-sm">
+                          <div className="h-4 w-4 rounded-full bg-[#ecedef]" />
+                          <div className="h-2 w-[100px] rounded-lg bg-[#ecedef]" />
+                        </div>
+                        <div className="flex items-center space-x-2 rounded-md bg-white p-2 shadow-sm">
+                          <div className="h-4 w-4 rounded-full bg-[#ecedef]" />
+                          <div className="h-2 w-[100px] rounded-lg bg-[#ecedef]" />
+                        </div>
+                      </div>
+                    </div>
+                    <span className="block w-full p-2 text-center font-normal">
+                      Light
+                    </span>
+                  </FormLabel>
+                </FormItem>
+                <FormItem>
+                  <FormLabel className="[&:has([data-state=checked])>div]:border-primary">
+                    <FormControl>
+                      <RadioGroupItem value="dark" className="sr-only" />
+                    </FormControl>
+                    <div className="items-center rounded-md border-2 border-muted bg-popover p-1 hover:bg-accent hover:text-accent-foreground">
+                      <div className="space-y-2 rounded-sm bg-slate-950 p-2">
+                        <div className="space-y-2 rounded-md bg-slate-800 p-2 shadow-sm">
+                          <div className="h-2 w-[80px] rounded-lg bg-slate-400" />
+                          <div className="h-2 w-[100px] rounded-lg bg-slate-400" />
+                        </div>
+                        <div className="flex items-center space-x-2 rounded-md bg-slate-800 p-2 shadow-sm">
+                          <div className="h-4 w-4 rounded-full bg-slate-400" />
+                          <div className="h-2 w-[100px] rounded-lg bg-slate-400" />
+                        </div>
+                        <div className="flex items-center space-x-2 rounded-md bg-slate-800 p-2 shadow-sm">
+                          <div className="h-4 w-4 rounded-full bg-slate-400" />
+                          <div className="h-2 w-[100px] rounded-lg bg-slate-400" />
+                        </div>
+                      </div>
+                    </div>
+                    <span className="block w-full p-2 text-center font-normal">
+                      Dark
+                    </span>
+                  </FormLabel>
+                </FormItem>
+              </RadioGroup>
+            </FormItem>
+          )}
+        />
+
+        <Button type="submit">Update preferences</Button>
+      </form>
+    </Form>
+  )
+}
diff --git a/apps/www/app/examples/forms/appearance/page.tsx b/apps/www/app/examples/forms/appearance/page.tsx
new file mode 100644
index 000000000..929253454
--- /dev/null
+++ b/apps/www/app/examples/forms/appearance/page.tsx
@@ -0,0 +1,18 @@
+import { Separator } from "@/components/ui/separator"
+import { AppearanceForm } from "@/app/examples/forms/appearance/appearance-form"
+
+export default function SettingsAppearancePage() {
+  return (
+    <div className="space-y-6">
+      <div>
+        <h3 className="text-lg font-medium">Appearance</h3>
+        <p className="text-sm text-muted-foreground">
+          Customize the appearance of the app. Automatically switch between day
+          and night themes.
+        </p>
+      </div>
+      <Separator />
+      <AppearanceForm />
+    </div>
+  )
+}
diff --git a/apps/www/app/examples/forms/components/sidebar-nav.tsx b/apps/www/app/examples/forms/components/sidebar-nav.tsx
new file mode 100644
index 000000000..addcfefdc
--- /dev/null
+++ b/apps/www/app/examples/forms/components/sidebar-nav.tsx
@@ -0,0 +1,44 @@
+"use client"
+
+import Link from "next/link"
+import { usePathname } from "next/navigation"
+
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "@/components/ui/button"
+
+interface SidebarNavProps extends React.HTMLAttributes<HTMLElement> {
+  items: {
+    href: string
+    title: string
+  }[]
+}
+
+export function SidebarNav({ className, items, ...props }: SidebarNavProps) {
+  const pathname = usePathname()
+
+  return (
+    <nav
+      className={cn(
+        "flex space-x-2 lg:flex-col lg:space-x-0 lg:space-y-1",
+        className
+      )}
+      {...props}
+    >
+      {items.map((item) => (
+        <Link
+          key={item.href}
+          href={item.href}
+          className={cn(
+            buttonVariants({ variant: "ghost" }),
+            pathname === item.href
+              ? "bg-muted hover:bg-muted"
+              : "hover:bg-transparent hover:underline",
+            "justify-start"
+          )}
+        >
+          {item.title}
+        </Link>
+      ))}
+    </nav>
+  )
+}
diff --git a/apps/www/app/examples/forms/display/display-form.tsx b/apps/www/app/examples/forms/display/display-form.tsx
new file mode 100644
index 000000000..09147907a
--- /dev/null
+++ b/apps/www/app/examples/forms/display/display-form.tsx
@@ -0,0 +1,132 @@
+"use client"
+
+import { zodResolver } from "@hookform/resolvers/zod"
+import { useForm } from "react-hook-form"
+import * as z from "zod"
+
+import { Button } from "@/components/ui/button"
+import { Checkbox } from "@/components/ui/checkbox"
+import { toast } from "@/components/ui/use-toast"
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/react-hook-form/form"
+
+const items = [
+  {
+    id: "recents",
+    label: "Recents",
+  },
+  {
+    id: "home",
+    label: "Home",
+  },
+  {
+    id: "applications",
+    label: "Applications",
+  },
+  {
+    id: "desktop",
+    label: "Desktop",
+  },
+  {
+    id: "downloads",
+    label: "Downloads",
+  },
+  {
+    id: "documents",
+    label: "Documents",
+  },
+] as const
+
+const displayFormSchema = z.object({
+  items: z.array(z.string()).refine((value) => value.some((item) => item), {
+    message: "You have to select at least one item.",
+  }),
+})
+
+type DisplayFormValues = z.infer<typeof displayFormSchema>
+
+// This can come from your database or API.
+const defaultValues: Partial<DisplayFormValues> = {
+  items: ["recents", "home"],
+}
+
+export function DisplayForm() {
+  const form = useForm<DisplayFormValues>({
+    resolver: zodResolver(displayFormSchema),
+    defaultValues,
+  })
+
+  function onSubmit(data: DisplayFormValues) {
+    toast({
+      title: "You submitted the following values:",
+      description: (
+        <pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
+          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      ),
+    })
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
+        <FormField
+          control={form.control}
+          name="items"
+          render={() => (
+            <FormItem>
+              <div className="mb-4">
+                <FormLabel className="text-base">Sidebar</FormLabel>
+                <FormDescription>
+                  Select the items you want to display in the sidebar.
+                </FormDescription>
+              </div>
+              {items.map((item) => (
+                <FormField
+                  key={item.id}
+                  control={form.control}
+                  name="items"
+                  render={({ field }) => {
+                    return (
+                      <FormItem
+                        key={item.id}
+                        className="flex flex-row items-start space-x-3 space-y-0"
+                      >
+                        <FormControl>
+                          <Checkbox
+                            checked={field.value?.includes(item.id)}
+                            onCheckedChange={(checked) => {
+                              return checked
+                                ? field.onChange([...field.value, item.id])
+                                : field.onChange(
+                                    field.value?.filter(
+                                      (value) => value !== item.id
+                                    )
+                                  )
+                            }}
+                          />
+                        </FormControl>
+                        <FormLabel className="font-normal">
+                          {item.label}
+                        </FormLabel>
+                      </FormItem>
+                    )
+                  }}
+                />
+              ))}
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <Button type="submit">Update display</Button>
+      </form>
+    </Form>
+  )
+}
diff --git a/apps/www/app/examples/forms/display/page.tsx b/apps/www/app/examples/forms/display/page.tsx
new file mode 100644
index 000000000..5d8942301
--- /dev/null
+++ b/apps/www/app/examples/forms/display/page.tsx
@@ -0,0 +1,17 @@
+import { Separator } from "@/components/ui/separator"
+import { DisplayForm } from "@/app/examples/forms/display/display-form"
+
+export default function SettingsDisplayPage() {
+  return (
+    <div className="space-y-6">
+      <div>
+        <h3 className="text-lg font-medium">Display</h3>
+        <p className="text-sm text-muted-foreground">
+          Turn items on or off to control what&apos;s displayed in the app.
+        </p>
+      </div>
+      <Separator />
+      <DisplayForm />
+    </div>
+  )
+}
diff --git a/apps/www/app/examples/forms/layout.tsx b/apps/www/app/examples/forms/layout.tsx
new file mode 100644
index 000000000..36208d26b
--- /dev/null
+++ b/apps/www/app/examples/forms/layout.tsx
@@ -0,0 +1,75 @@
+import { Metadata } from "next"
+import Image from "next/image"
+
+import { Separator } from "@/components/ui/separator"
+import { SidebarNav } from "@/app/examples/forms/components/sidebar-nav"
+
+export const metadata: Metadata = {
+  title: "Forms",
+  description: "Advanced form example using react-hook-form and Zod.",
+}
+
+const sidebarNavItems = [
+  {
+    title: "Profile",
+    href: "/examples/forms",
+  },
+  {
+    title: "Account",
+    href: "/examples/forms/account",
+  },
+  {
+    title: "Appearance",
+    href: "/examples/forms/appearance",
+  },
+  {
+    title: "Notifications",
+    href: "/examples/forms/notifications",
+  },
+  {
+    title: "Display",
+    href: "/examples/forms/display",
+  },
+]
+
+interface SettingsLayoutProps {
+  children: React.ReactNode
+}
+
+export default function SettingsLayout({ children }: SettingsLayoutProps) {
+  return (
+    <>
+      <div className="md:hidden">
+        <Image
+          src="/examples/forms-light.png"
+          width={1280}
+          height={791}
+          alt="Forms"
+          className="block dark:hidden"
+        />
+        <Image
+          src="/examples/forms-dark.png"
+          width={1280}
+          height={791}
+          alt="Forms"
+          className="hidden dark:block"
+        />
+      </div>
+      <div className="hidden space-y-6 p-10 pb-16 md:block">
+        <div className="space-y-0.5">
+          <h2 className="text-2xl font-bold tracking-tight">Settings</h2>
+          <p className="text-muted-foreground">
+            Manage your account settings and set e-mail preferences.
+          </p>
+        </div>
+        <Separator className="my-6" />
+        <div className="flex flex-col space-y-8 lg:flex-row lg:space-x-12 lg:space-y-0">
+          <aside className="-mx-4 lg:w-1/5">
+            <SidebarNav items={sidebarNavItems} />
+          </aside>
+          <div className="flex-1 lg:max-w-2xl">{children}</div>
+        </div>
+      </div>
+    </>
+  )
+}
diff --git a/apps/www/app/examples/forms/notifications/notifications-form.tsx b/apps/www/app/examples/forms/notifications/notifications-form.tsx
new file mode 100644
index 000000000..344719cf6
--- /dev/null
+++ b/apps/www/app/examples/forms/notifications/notifications-form.tsx
@@ -0,0 +1,222 @@
+"use client"
+
+import Link from "next/link"
+import { zodResolver } from "@hookform/resolvers/zod"
+import { useForm } from "react-hook-form"
+import * as z from "zod"
+
+import { Button } from "@/components/ui/button"
+import { Checkbox } from "@/components/ui/checkbox"
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
+import { Switch } from "@/components/ui/switch"
+import { toast } from "@/components/ui/use-toast"
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/react-hook-form/form"
+
+const notificationsFormSchema = z.object({
+  type: z.enum(["all", "mentions", "none"], {
+    required_error: "You need to select a notification type.",
+  }),
+  mobile: z.boolean().default(false).optional(),
+  communication_emails: z.boolean().default(false).optional(),
+  social_emails: z.boolean().default(false).optional(),
+  marketing_emails: z.boolean().default(false).optional(),
+  security_emails: z.boolean(),
+})
+
+type NotificationsFormValues = z.infer<typeof notificationsFormSchema>
+
+// This can come from your database or API.
+const defaultValues: Partial<NotificationsFormValues> = {
+  communication_emails: false,
+  marketing_emails: false,
+  social_emails: true,
+  security_emails: true,
+}
+
+export function NotificationsForm() {
+  const form = useForm<NotificationsFormValues>({
+    resolver: zodResolver(notificationsFormSchema),
+    defaultValues,
+  })
+
+  function onSubmit(data: NotificationsFormValues) {
+    toast({
+      title: "You submitted the following values:",
+      description: (
+        <pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
+          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      ),
+    })
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
+        <FormField
+          control={form.control}
+          name="type"
+          render={({ field }) => (
+            <FormItem className="space-y-3">
+              <FormLabel>Notify me about...</FormLabel>
+              <FormControl>
+                <RadioGroup
+                  onValueChange={field.onChange}
+                  defaultValue={field.value}
+                  className="flex flex-col space-y-1"
+                >
+                  <FormItem className="flex items-center space-x-3 space-y-0">
+                    <FormControl>
+                      <RadioGroupItem value="all" />
+                    </FormControl>
+                    <FormLabel className="font-normal">
+                      All new messages
+                    </FormLabel>
+                  </FormItem>
+                  <FormItem className="flex items-center space-x-3 space-y-0">
+                    <FormControl>
+                      <RadioGroupItem value="mentions" />
+                    </FormControl>
+                    <FormLabel className="font-normal">
+                      Direct messages and mentions
+                    </FormLabel>
+                  </FormItem>
+                  <FormItem className="flex items-center space-x-3 space-y-0">
+                    <FormControl>
+                      <RadioGroupItem value="none" />
+                    </FormControl>
+                    <FormLabel className="font-normal">Nothing</FormLabel>
+                  </FormItem>
+                </RadioGroup>
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <div>
+          <h3 className="mb-4 text-lg font-medium">Email Notifications</h3>
+          <div className="space-y-4">
+            <FormField
+              control={form.control}
+              name="communication_emails"
+              render={({ field }) => (
+                <FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
+                  <div className="space-y-0.5">
+                    <FormLabel className="text-base">
+                      Communication emails
+                    </FormLabel>
+                    <FormDescription>
+                      Receive emails about your account activity.
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="marketing_emails"
+              render={({ field }) => (
+                <FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
+                  <div className="space-y-0.5">
+                    <FormLabel className="text-base">
+                      Marketing emails
+                    </FormLabel>
+                    <FormDescription>
+                      Receive emails about new products, features, and more.
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="social_emails"
+              render={({ field }) => (
+                <FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
+                  <div className="space-y-0.5">
+                    <FormLabel className="text-base">Social emails</FormLabel>
+                    <FormDescription>
+                      Receive emails for friend requests, follows, and more.
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="security_emails"
+              render={({ field }) => (
+                <FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
+                  <div className="space-y-0.5">
+                    <FormLabel className="text-base">Security emails</FormLabel>
+                    <FormDescription>
+                      Receive emails about your account activity and security.
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                      disabled
+                      aria-readonly
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+          </div>
+        </div>
+        <FormField
+          control={form.control}
+          name="mobile"
+          render={({ field }) => (
+            <FormItem className="flex flex-row items-start space-x-3 space-y-0">
+              <FormControl>
+                <Checkbox
+                  checked={field.value}
+                  onCheckedChange={field.onChange}
+                />
+              </FormControl>
+              <div className="space-y-1 leading-none">
+                <FormLabel>
+                  Use different settings for my mobile devices
+                </FormLabel>
+                <FormDescription>
+                  You can manage your mobile notifications in the{" "}
+                  <Link href="/examples/forms">mobile settings</Link> page.
+                </FormDescription>
+              </div>
+            </FormItem>
+          )}
+        />
+        <Button type="submit">Update notifications</Button>
+      </form>
+    </Form>
+  )
+}
diff --git a/apps/www/app/examples/forms/notifications/page.tsx b/apps/www/app/examples/forms/notifications/page.tsx
new file mode 100644
index 000000000..659dd4b0a
--- /dev/null
+++ b/apps/www/app/examples/forms/notifications/page.tsx
@@ -0,0 +1,18 @@
+import { Separator } from "@/components/ui/separator"
+import { AccountForm } from "@/app/examples/forms/account/account-form"
+import { NotificationsForm } from "@/app/examples/forms/notifications/notifications-form"
+
+export default function SettingsNotificationsPage() {
+  return (
+    <div className="space-y-6">
+      <div>
+        <h3 className="text-lg font-medium">Notifications</h3>
+        <p className="text-sm text-muted-foreground">
+          Configure how you receive notifications.
+        </p>
+      </div>
+      <Separator />
+      <NotificationsForm />
+    </div>
+  )
+}
diff --git a/apps/www/app/examples/forms/page.tsx b/apps/www/app/examples/forms/page.tsx
new file mode 100644
index 000000000..3f5f33664
--- /dev/null
+++ b/apps/www/app/examples/forms/page.tsx
@@ -0,0 +1,17 @@
+import { Separator } from "@/components/ui/separator"
+import { ProfileForm } from "@/app/examples/forms/profile-form"
+
+export default function SettingsProfilePage() {
+  return (
+    <div className="space-y-6">
+      <div>
+        <h3 className="text-lg font-medium">Profile</h3>
+        <p className="text-sm text-muted-foreground">
+          This is how others will see you on the site.
+        </p>
+      </div>
+      <Separator />
+      <ProfileForm />
+    </div>
+  )
+}
diff --git a/apps/www/app/examples/forms/profile-form.tsx b/apps/www/app/examples/forms/profile-form.tsx
new file mode 100644
index 000000000..ec94aa525
--- /dev/null
+++ b/apps/www/app/examples/forms/profile-form.tsx
@@ -0,0 +1,191 @@
+"use client"
+
+import Link from "next/link"
+import { zodResolver } from "@hookform/resolvers/zod"
+import { useFieldArray, useForm } from "react-hook-form"
+import * as z from "zod"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select"
+import { Textarea } from "@/components/ui/textarea"
+import { toast } from "@/components/ui/use-toast"
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/react-hook-form/form"
+
+const profileFormSchema = z.object({
+  username: z
+    .string()
+    .min(2, {
+      message: "Username must be at least 2 characters.",
+    })
+    .max(30, {
+      message: "Username must not be longer than 30 characters.",
+    }),
+  email: z
+    .string({
+      required_error: "Please select an email to display.",
+    })
+    .email(),
+  bio: z.string().max(160).min(4),
+  urls: z
+    .array(
+      z.object({
+        value: z.string().url({ message: "Please enter a valid URL." }),
+      })
+    )
+    .optional(),
+})
+
+type ProfileFormValues = z.infer<typeof profileFormSchema>
+
+// This can come from your database or API.
+const defaultValues: Partial<ProfileFormValues> = {
+  bio: "I own a computer.",
+  urls: [
+    { value: "https://shadcn.com" },
+    { value: "http://twitter.com/shadcn" },
+  ],
+}
+
+export function ProfileForm() {
+  const form = useForm<ProfileFormValues>({
+    resolver: zodResolver(profileFormSchema),
+    defaultValues,
+    mode: "onChange",
+  })
+
+  const { fields, append } = useFieldArray({
+    name: "urls",
+    control: form.control,
+  })
+
+  function onSubmit(data: ProfileFormValues) {
+    toast({
+      title: "You submitted the following values:",
+      description: (
+        <pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
+          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      ),
+    })
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
+        <FormField
+          control={form.control}
+          name="username"
+          render={() => (
+            <FormItem>
+              <FormLabel>Username</FormLabel>
+              <FormControl>
+                <Input placeholder="shadcn" {...form.register("username")} />
+              </FormControl>
+              <FormDescription>
+                This is your public display name. It can be your real name or a
+                pseudonym. You can only change this once every 30 days.
+              </FormDescription>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="email"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>Email</FormLabel>
+              <Select onValueChange={field.onChange} defaultValue={field.value}>
+                <FormControl>
+                  <SelectTrigger>
+                    <SelectValue placeholder="Select a verified email to display" />
+                  </SelectTrigger>
+                </FormControl>
+                <SelectContent>
+                  <SelectItem value="m@example.com">m@example.com</SelectItem>
+                  <SelectItem value="m@google.com">m@google.com</SelectItem>
+                  <SelectItem value="m@support.com">m@support.com</SelectItem>
+                </SelectContent>
+              </Select>
+              <FormDescription>
+                You can manage verified email addresses in your{" "}
+                <Link href="/examples/forms">email settings</Link>.
+              </FormDescription>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <FormField
+          control={form.control}
+          name="bio"
+          render={() => (
+            <FormItem>
+              <FormLabel>Bio</FormLabel>
+              <FormControl>
+                <Textarea
+                  placeholder="Tell us a little bit about yourself"
+                  className="resize-none"
+                  {...form.register("bio")}
+                />
+              </FormControl>
+              <FormDescription>
+                You can <span>@mention</span> other users and organizations to
+                link to them.
+              </FormDescription>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <div>
+          {fields.map((field, index) => (
+            <FormField
+              control={form.control}
+              key={field.id}
+              name={`urls.${index}`}
+              render={() => (
+                <FormItem>
+                  <FormLabel className={cn(index !== 0 && "sr-only")}>
+                    URLs
+                  </FormLabel>
+                  <FormDescription className={cn(index !== 0 && "sr-only")}>
+                    Add links to your website, blog, or social media profiles.
+                  </FormDescription>
+                  <FormControl>
+                    <Input {...form.register(`urls.${index}.value`)} />
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          ))}
+          <Button
+            type="button"
+            variant="link"
+            size="sm"
+            className="mt-1"
+            onClick={() => append({ value: "" })}
+          >
+            Add URL
+          </Button>
+        </div>
+        <Button type="submit">Update profile</Button>
+      </form>
+    </Form>
+  )
+}
diff --git a/apps/www/app/examples/layout.tsx b/apps/www/app/examples/layout.tsx
index f8d53f745..a4b237e42 100644
--- a/apps/www/app/examples/layout.tsx
+++ b/apps/www/app/examples/layout.tsx
@@ -27,11 +27,11 @@ export default function ExamplesLayout({ children }: ExamplesLayoutProps) {
       <div className="container relative pb-10">
         <PageHeader className="page-header">
           <Link
-            href="/docs/components/data-table"
+            href="/docs/forms/react-hook-form"
             className="inline-flex items-center rounded-lg bg-muted px-3 py-1 text-sm font-medium"
           >
             🎉 <Separator className="mx-2 h-4" orientation="vertical" />{" "}
-            Introducing Table and Data Table{" "}
+            Building forms with React Hook Form and Zod
             <ChevronRight className="ml-1 h-4 w-4" />
           </Link>
           <PageHeaderHeading className="hidden md:block">
diff --git a/apps/www/app/page.tsx b/apps/www/app/page.tsx
index ee2972c62..0f8aca84e 100644
--- a/apps/www/app/page.tsx
+++ b/apps/www/app/page.tsx
@@ -13,7 +13,6 @@ import {
   PageHeaderDescription,
   PageHeaderHeading,
 } from "@/components/page-header"
-import { PromoVideo } from "@/components/promo-video"
 import { StyleSwitcher } from "@/components/style-switcher"
 import DashboardPage from "@/app/examples/dashboard/page"
 
@@ -23,11 +22,11 @@ export default function IndexPage() {
       <StyleSwitcher />
       <PageHeader>
         <Link
-          href="/docs/components/data-table"
+          href="/docs/forms/react-hook-form"
           className="inline-flex items-center rounded-lg bg-muted px-3 py-1 text-sm font-medium"
         >
-          🎉 <Separator className="mx-2 h-4" orientation="vertical" />{" "}
-          Introducing Table and Data Table{" "}
+          🎉 <Separator className="mx-2 h-4" orientation="vertical" /> Building
+          forms with React Hook Form and Zod
           <ChevronRight className="ml-1 h-4 w-4" />
         </Link>
         <PageHeaderHeading>Build your component library.</PageHeaderHeading>
diff --git a/apps/www/components/examples-nav.tsx b/apps/www/components/examples-nav.tsx
index 800580d3e..e0ee2d689 100644
--- a/apps/www/components/examples-nav.tsx
+++ b/apps/www/components/examples-nav.tsx
@@ -24,6 +24,11 @@ const examples = [
     name: "Playground",
     href: "/examples/playground",
   },
+  {
+    name: "Forms",
+    href: "/examples/forms",
+    label: "New",
+  },
   {
     name: "Music",
     href: "/examples/music",
@@ -48,7 +53,7 @@ export function ExamplesNav({ className, ...props }: ExamplesNavProps) {
             key={example.href}
             className={cn(
               "flex items-center px-4",
-              pathname === example.href
+              pathname?.startsWith(example.href)
                 ? "font-bold text-primary"
                 : "font-medium text-muted-foreground"
             )}
diff --git a/apps/www/components/examples/calendar/react-hook-form.tsx b/apps/www/components/examples/calendar/react-hook-form.tsx
new file mode 100644
index 000000000..17105298f
--- /dev/null
+++ b/apps/www/components/examples/calendar/react-hook-form.tsx
@@ -0,0 +1,101 @@
+"use client"
+
+import { zodResolver } from "@hookform/resolvers/zod"
+import { format } from "date-fns"
+import { CalendarIcon } from "lucide-react"
+import { useForm } from "react-hook-form"
+import * as z from "zod"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { Calendar } from "@/components/ui/calendar"
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover"
+import { toast } from "@/components/ui/use-toast"
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/react-hook-form/form"
+
+const FormSchema = z.object({
+  dob: z.date({
+    required_error: "A date of birth is required.",
+  }),
+})
+
+export function CalendarReactHookForm() {
+  const form = useForm<z.infer<typeof FormSchema>>({
+    resolver: zodResolver(FormSchema),
+  })
+
+  function onSubmit(data: z.infer<typeof FormSchema>) {
+    toast({
+      title: "You submitted the following values:",
+      description: (
+        <pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
+          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      ),
+    })
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
+        <FormField
+          control={form.control}
+          name="dob"
+          render={({ field }) => (
+            <FormItem className="flex flex-col">
+              <FormLabel>Date of birth</FormLabel>
+              <Popover>
+                <PopoverTrigger asChild>
+                  <FormControl>
+                    <Button
+                      variant={"outline"}
+                      className={cn(
+                        "w-[240px] pl-3 text-left font-normal",
+                        !field.value && "text-muted-foreground"
+                      )}
+                    >
+                      {field.value ? (
+                        format(field.value, "PPP")
+                      ) : (
+                        <span>Pick a date</span>
+                      )}
+                      <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
+                    </Button>
+                  </FormControl>
+                </PopoverTrigger>
+                <PopoverContent className="w-auto p-0" align="start">
+                  <Calendar
+                    mode="single"
+                    selected={field.value}
+                    onSelect={field.onChange}
+                    disabled={(date) =>
+                      date > new Date() || date < new Date("1900-01-01")
+                    }
+                    initialFocus
+                  />
+                </PopoverContent>
+              </Popover>
+              <FormDescription>
+                Your date of birth is used to calculate your age.
+              </FormDescription>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <Button type="submit">Submit</Button>
+      </form>
+    </Form>
+  )
+}
diff --git a/apps/www/components/examples/checkbox/react-hook-form-multiple.tsx b/apps/www/components/examples/checkbox/react-hook-form-multiple.tsx
new file mode 100644
index 000000000..9a7e8fe2e
--- /dev/null
+++ b/apps/www/components/examples/checkbox/react-hook-form-multiple.tsx
@@ -0,0 +1,127 @@
+"use client"
+
+import { zodResolver } from "@hookform/resolvers/zod"
+import { useForm } from "react-hook-form"
+import * as z from "zod"
+
+import { Button } from "@/components/ui/button"
+import { Checkbox } from "@/components/ui/checkbox"
+import { toast } from "@/components/ui/use-toast"
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/react-hook-form/form"
+
+const items = [
+  {
+    id: "recents",
+    label: "Recents",
+  },
+  {
+    id: "home",
+    label: "Home",
+  },
+  {
+    id: "applications",
+    label: "Applications",
+  },
+  {
+    id: "desktop",
+    label: "Desktop",
+  },
+  {
+    id: "downloads",
+    label: "Downloads",
+  },
+  {
+    id: "documents",
+    label: "Documents",
+  },
+] as const
+
+const FormSchema = z.object({
+  items: z.array(z.string()).refine((value) => value.some((item) => item), {
+    message: "You have to select at least one item.",
+  }),
+})
+
+export function CheckboxReactHookFormMultiple() {
+  const form = useForm<z.infer<typeof FormSchema>>({
+    resolver: zodResolver(FormSchema),
+    defaultValues: {
+      items: ["recents", "home"],
+    },
+  })
+
+  function onSubmit(data: z.infer<typeof FormSchema>) {
+    toast({
+      title: "You submitted the following values:",
+      description: (
+        <pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
+          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      ),
+    })
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
+        <FormField
+          control={form.control}
+          name="items"
+          render={() => (
+            <FormItem>
+              <div className="mb-4">
+                <FormLabel className="text-base">Sidebar</FormLabel>
+                <FormDescription>
+                  Select the items you want to display in the sidebar.
+                </FormDescription>
+              </div>
+              {items.map((item) => (
+                <FormField
+                  key={item.id}
+                  control={form.control}
+                  name="items"
+                  render={({ field }) => {
+                    return (
+                      <FormItem
+                        key={item.id}
+                        className="flex flex-row items-start space-x-3 space-y-0"
+                      >
+                        <FormControl>
+                          <Checkbox
+                            checked={field.value?.includes(item.id)}
+                            onCheckedChange={(checked) => {
+                              return checked
+                                ? field.onChange([...field.value, item.id])
+                                : field.onChange(
+                                    field.value?.filter(
+                                      (value) => value !== item.id
+                                    )
+                                  )
+                            }}
+                          />
+                        </FormControl>
+                        <FormLabel className="font-normal">
+                          {item.label}
+                        </FormLabel>
+                      </FormItem>
+                    )
+                  }}
+                />
+              ))}
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <Button type="submit">Submit</Button>
+      </form>
+    </Form>
+  )
+}
diff --git a/apps/www/components/examples/checkbox/react-hook-form-single.tsx b/apps/www/components/examples/checkbox/react-hook-form-single.tsx
new file mode 100644
index 000000000..4a71b25e2
--- /dev/null
+++ b/apps/www/components/examples/checkbox/react-hook-form-single.tsx
@@ -0,0 +1,73 @@
+"use client"
+
+import Link from "next/link"
+import { zodResolver } from "@hookform/resolvers/zod"
+import { useForm } from "react-hook-form"
+import * as z from "zod"
+
+import { Button } from "@/components/ui/button"
+import { Checkbox } from "@/components/ui/checkbox"
+import { toast } from "@/components/ui/use-toast"
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+} from "@/components/react-hook-form/form"
+
+const FormSchema = z.object({
+  mobile: z.boolean().default(false).optional(),
+})
+
+export function CheckboxReactHookFormSingle() {
+  const form = useForm<z.infer<typeof FormSchema>>({
+    resolver: zodResolver(FormSchema),
+    defaultValues: {
+      mobile: true,
+    },
+  })
+
+  function onSubmit(data: z.infer<typeof FormSchema>) {
+    toast({
+      title: "You submitted the following values:",
+      description: (
+        <pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
+          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      ),
+    })
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
+        <FormField
+          control={form.control}
+          name="mobile"
+          render={({ field }) => (
+            <FormItem className="flex flex-row items-start space-x-3 space-y-0 rounded-md border p-4">
+              <FormControl>
+                <Checkbox
+                  checked={field.value}
+                  onCheckedChange={field.onChange}
+                />
+              </FormControl>
+              <div className="space-y-1 leading-none">
+                <FormLabel>
+                  Use different settings for my mobile devices
+                </FormLabel>
+                <FormDescription>
+                  You can manage your mobile notifications in the{" "}
+                  <Link href="/examples/forms">mobile settings</Link> page.
+                </FormDescription>
+              </div>
+            </FormItem>
+          )}
+        />
+        <Button type="submit">Submit</Button>
+      </form>
+    </Form>
+  )
+}
diff --git a/apps/www/components/examples/combobox/react-hook-form.tsx b/apps/www/components/examples/combobox/react-hook-form.tsx
new file mode 100644
index 000000000..c029571f3
--- /dev/null
+++ b/apps/www/components/examples/combobox/react-hook-form.tsx
@@ -0,0 +1,135 @@
+"use client"
+
+import { zodResolver } from "@hookform/resolvers/zod"
+import { Check, ChevronsUpDown } from "lucide-react"
+import { useForm } from "react-hook-form"
+import * as z from "zod"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+} from "@/components/ui/command"
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover"
+import { toast } from "@/components/ui/use-toast"
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/react-hook-form/form"
+
+const languages = [
+  { label: "English", value: "en" },
+  { label: "French", value: "fr" },
+  { label: "German", value: "de" },
+  { label: "Spanish", value: "es" },
+  { label: "Portuguese", value: "pt" },
+  { label: "Russian", value: "ru" },
+  { label: "Japanese", value: "ja" },
+  { label: "Korean", value: "ko" },
+  { label: "Chinese", value: "zh" },
+] as const
+
+const FormSchema = z.object({
+  language: z.string({
+    required_error: "Please select a language.",
+  }),
+})
+
+export function ComboboxReactHookForm() {
+  const form = useForm<z.infer<typeof FormSchema>>({
+    resolver: zodResolver(FormSchema),
+  })
+
+  function onSubmit(data: z.infer<typeof FormSchema>) {
+    toast({
+      title: "You submitted the following values:",
+      description: (
+        <pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
+          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      ),
+    })
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
+        <FormField
+          control={form.control}
+          name="language"
+          render={({ field }) => (
+            <FormItem className="flex flex-col">
+              <FormLabel>Language</FormLabel>
+              <Popover>
+                <PopoverTrigger asChild>
+                  <FormControl>
+                    <Button
+                      variant="outline"
+                      role="combobox"
+                      className={cn(
+                        "w-[200px] justify-between",
+                        !field.value && "text-muted-foreground"
+                      )}
+                    >
+                      {field.value
+                        ? languages.find(
+                            (language) => language.value === field.value
+                          )?.label
+                        : "Select language"}
+                      <ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+                    </Button>
+                  </FormControl>
+                </PopoverTrigger>
+                <PopoverContent className="w-[200px] p-0">
+                  <Command>
+                    <CommandInput placeholder="Search framework..." />
+                    <CommandEmpty>No framework found.</CommandEmpty>
+                    <CommandGroup>
+                      {languages.map((language) => (
+                        <CommandItem
+                          value={language.value}
+                          key={language.value}
+                          onSelect={(value) => {
+                            form.setValue("language", value)
+                          }}
+                        >
+                          <Check
+                            className={cn(
+                              "mr-2 h-4 w-4",
+                              language.value === field.value
+                                ? "opacity-100"
+                                : "opacity-0"
+                            )}
+                          />
+                          {language.label}
+                        </CommandItem>
+                      ))}
+                    </CommandGroup>
+                  </Command>
+                </PopoverContent>
+              </Popover>
+              <FormDescription>
+                This is the language that will be used in the dashboard.
+              </FormDescription>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <Button type="submit">Submit</Button>
+      </form>
+    </Form>
+  )
+}
diff --git a/apps/www/components/examples/date-picker/react-hook-form.tsx b/apps/www/components/examples/date-picker/react-hook-form.tsx
new file mode 100644
index 000000000..1e11f0534
--- /dev/null
+++ b/apps/www/components/examples/date-picker/react-hook-form.tsx
@@ -0,0 +1,101 @@
+"use client"
+
+import { zodResolver } from "@hookform/resolvers/zod"
+import { format } from "date-fns"
+import { CalendarIcon } from "lucide-react"
+import { useForm } from "react-hook-form"
+import * as z from "zod"
+
+import { cn } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { Calendar } from "@/components/ui/calendar"
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover"
+import { toast } from "@/components/ui/use-toast"
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/react-hook-form/form"
+
+const FormSchema = z.object({
+  dob: z.date({
+    required_error: "A date of birth is required.",
+  }),
+})
+
+export function DatePickerReactHookForm() {
+  const form = useForm<z.infer<typeof FormSchema>>({
+    resolver: zodResolver(FormSchema),
+  })
+
+  function onSubmit(data: z.infer<typeof FormSchema>) {
+    toast({
+      title: "You submitted the following values:",
+      description: (
+        <pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
+          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      ),
+    })
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
+        <FormField
+          control={form.control}
+          name="dob"
+          render={({ field }) => (
+            <FormItem className="flex flex-col">
+              <FormLabel>Date of birth</FormLabel>
+              <Popover>
+                <PopoverTrigger asChild>
+                  <FormControl>
+                    <Button
+                      variant={"outline"}
+                      className={cn(
+                        "w-[240px] pl-3 text-left font-normal",
+                        !field.value && "text-muted-foreground"
+                      )}
+                    >
+                      {field.value ? (
+                        format(field.value, "PPP")
+                      ) : (
+                        <span>Pick a date</span>
+                      )}
+                      <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
+                    </Button>
+                  </FormControl>
+                </PopoverTrigger>
+                <PopoverContent className="w-auto p-0" align="start">
+                  <Calendar
+                    mode="single"
+                    selected={field.value}
+                    onSelect={field.onChange}
+                    disabled={(date) =>
+                      date > new Date() || date < new Date("1900-01-01")
+                    }
+                    initialFocus
+                  />
+                </PopoverContent>
+              </Popover>
+              <FormDescription>
+                Your date of birth is used to calculate your age.
+              </FormDescription>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <Button type="submit">Submit</Button>
+      </form>
+    </Form>
+  )
+}
diff --git a/apps/www/components/examples/index.tsx b/apps/www/components/examples/index.tsx
index a8a3c53ca..2d3c335be 100644
--- a/apps/www/components/examples/index.tsx
+++ b/apps/www/components/examples/index.tsx
@@ -18,20 +18,25 @@ import { ButtonOutline } from "@/components/examples/button/outline"
 import { ButtonSecondary } from "@/components/examples/button/secondary"
 import { ButtonWithIcon } from "@/components/examples/button/with-icon"
 import { CalendarDemo } from "@/components/examples/calendar/demo"
+import { CalendarReactHookForm } from "@/components/examples/calendar/react-hook-form"
 import { CardDemo } from "@/components/examples/card/demo"
 import { CardWithForm } from "@/components/examples/card/with-form"
 import { CheckboxDemo } from "@/components/examples/checkbox/demo"
 import { CheckboxDisabled } from "@/components/examples/checkbox/disabled"
+import { CheckboxReactHookFormMultiple } from "@/components/examples/checkbox/react-hook-form-multiple"
+import { CheckboxReactHookFormSingle } from "@/components/examples/checkbox/react-hook-form-single"
 import { CheckboxWithText } from "@/components/examples/checkbox/with-text"
 import { CollapsibleDemo } from "@/components/examples/collapsible/demo"
 import { ComboboxDemo } from "@/components/examples/combobox/demo"
 import { ComboboxDropdownMenu } from "@/components/examples/combobox/dropdown-menu"
 import { ComboboxPopover } from "@/components/examples/combobox/popover"
+import { ComboboxReactHookForm } from "@/components/examples/combobox/react-hook-form"
 import { CommandDemo } from "@/components/examples/command/demo"
 import { CommandDialogDemo } from "@/components/examples/command/dialog"
 import { ContextMenuDemo } from "@/components/examples/context-menu/demo"
 import { DataTableDemo } from "@/components/examples/data-table/demo"
 import { DatePickerDemo } from "@/components/examples/date-picker/demo"
+import { DatePickerReactHookForm } from "@/components/examples/date-picker/react-hook-form"
 import { DatePickerWithPresets } from "@/components/examples/date-picker/with-presets"
 import { DatePickerWithRange } from "@/components/examples/date-picker/with-range"
 import { DialogDemo } from "@/components/examples/dialog/demo"
@@ -42,6 +47,7 @@ import { HoverCardDemo } from "@/components/examples/hover-card/demo"
 import { InputDemo } from "@/components/examples/input/demo"
 import { InputDisabled } from "@/components/examples/input/disabled"
 import { InputFile } from "@/components/examples/input/file"
+import { InputReactHookForm } from "@/components/examples/input/react-hook-form"
 import { InputWithButton } from "@/components/examples/input/with-button"
 import { InputWithLabel } from "@/components/examples/input/with-label"
 import { InputWithText } from "@/components/examples/input/with-text"
@@ -51,8 +57,10 @@ import { NavigationMenuDemo } from "@/components/examples/navigation-menu/demo"
 import { PopoverDemo } from "@/components/examples/popover/demo"
 import { ProgressDemo } from "@/components/examples/progress/demo"
 import { RadioGroupDemo } from "@/components/examples/radio-group/demo"
+import { RadioGroupReactHookForm } from "@/components/examples/radio-group/react-hook-form"
 import { ScrollAreaDemo } from "@/components/examples/scroll-area/demo"
 import { SelectDemo } from "@/components/examples/select/demo"
+import { SelectReactHookForm } from "@/components/examples/select/react-hook-form"
 import { SeparatorDemo } from "@/components/examples/separator/demo"
 import { SheetDemo } from "@/components/examples/sheet/demo"
 import { SheetPosition } from "@/components/examples/sheet/position"
@@ -60,10 +68,12 @@ import { SheetSize } from "@/components/examples/sheet/size"
 import { SkeletonDemo } from "@/components/examples/skeleton/demo"
 import { SliderDemo } from "@/components/examples/slider/demo"
 import { SwitchDemo } from "@/components/examples/switch/demo"
+import { SwitchReactHookForm } from "@/components/examples/switch/react-hook-form"
 import { TableDemo } from "@/components/examples/table/demo"
 import { TabsDemo } from "@/components/examples/tabs/demo"
 import { TextareaDemo } from "@/components/examples/textarea/demo"
 import { TextareaDisabled } from "@/components/examples/textarea/disabled"
+import { TextareaReactHookForm } from "@/components/examples/textarea/react-hook-form"
 import { TextareaWithButton } from "@/components/examples/textarea/with-button"
 import { TextareaWithLabel } from "@/components/examples/textarea/with-label"
 import { TextareaWithText } from "@/components/examples/textarea/with-text"
@@ -115,21 +125,26 @@ export const examples = {
   ButtonWithIcon,
   ButtonAsChild,
   CalendarDemo,
+  CalendarReactHookForm,
   DataTableDemo,
   DatePickerDemo,
   DatePickerWithRange,
   DatePickerWithPresets,
+  DatePickerReactHookForm,
   CardDemo,
   CardWithForm,
   CheckboxDemo,
   CheckboxDisabled,
   CheckboxWithText,
+  CheckboxReactHookFormMultiple,
+  CheckboxReactHookFormSingle,
   CollapsibleDemo,
   CommandDemo,
   CommandDialogDemo,
   ComboboxDemo,
   ComboboxPopover,
   ComboboxDropdownMenu,
+  ComboboxReactHookForm,
   ContextMenuDemo,
   DialogDemo,
   DropdownMenuCheckboxes,
@@ -142,14 +157,17 @@ export const examples = {
   InputWithButton,
   InputWithLabel,
   InputWithText,
+  InputReactHookForm,
   LabelDemo,
   MenubarDemo,
   NavigationMenuDemo,
   PopoverDemo,
   ProgressDemo,
   RadioGroupDemo,
+  RadioGroupReactHookForm,
   ScrollAreaDemo,
   SelectDemo,
+  SelectReactHookForm,
   SeparatorDemo,
   SheetDemo,
   SheetSize,
@@ -157,6 +175,7 @@ export const examples = {
   SkeletonDemo,
   SliderDemo,
   SwitchDemo,
+  SwitchReactHookForm,
   TableDemo,
   TabsDemo,
   TextareaDemo,
@@ -164,6 +183,7 @@ export const examples = {
   TextareaWithButton,
   TextareaWithLabel,
   TextareaWithText,
+  TextareaReactHookForm,
   ToastDemo,
   ToastDestructive,
   ToastSimple,
diff --git a/apps/www/components/examples/input/react-hook-form.tsx b/apps/www/components/examples/input/react-hook-form.tsx
new file mode 100644
index 000000000..cf4bc1142
--- /dev/null
+++ b/apps/www/components/examples/input/react-hook-form.tsx
@@ -0,0 +1,65 @@
+"use client"
+
+import { zodResolver } from "@hookform/resolvers/zod"
+import { useForm } from "react-hook-form"
+import * as z from "zod"
+
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { toast } from "@/components/ui/use-toast"
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/react-hook-form/form"
+
+const FormSchema = z.object({
+  username: z.string().min(2, {
+    message: "Username must be at least 2 characters.",
+  }),
+})
+
+export function InputReactHookForm() {
+  const form = useForm<z.infer<typeof FormSchema>>({
+    resolver: zodResolver(FormSchema),
+  })
+
+  function onSubmit(data: z.infer<typeof FormSchema>) {
+    toast({
+      title: "You submitted the following values:",
+      description: (
+        <pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
+          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      ),
+    })
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="w-2/3 space-y-6">
+        <FormField
+          control={form.control}
+          name="username"
+          render={() => (
+            <FormItem>
+              <FormLabel>Username</FormLabel>
+              <FormControl>
+                <Input placeholder="shadcn" {...form.register("username")} />
+              </FormControl>
+              <FormDescription>
+                This is your public display name.
+              </FormDescription>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <Button type="submit">Submit</Button>
+      </form>
+    </Form>
+  )
+}
diff --git a/apps/www/components/examples/radio-group/react-hook-form.tsx b/apps/www/components/examples/radio-group/react-hook-form.tsx
new file mode 100644
index 000000000..66f617ad9
--- /dev/null
+++ b/apps/www/components/examples/radio-group/react-hook-form.tsx
@@ -0,0 +1,88 @@
+"use client"
+
+import { zodResolver } from "@hookform/resolvers/zod"
+import { useForm } from "react-hook-form"
+import * as z from "zod"
+
+import { Button } from "@/components/ui/button"
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
+import { toast } from "@/components/ui/use-toast"
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/react-hook-form/form"
+
+const FormSchema = z.object({
+  type: z.enum(["all", "mentions", "none"], {
+    required_error: "You need to select a notification type.",
+  }),
+})
+
+export function RadioGroupReactHookForm() {
+  const form = useForm<z.infer<typeof FormSchema>>({
+    resolver: zodResolver(FormSchema),
+  })
+
+  function onSubmit(data: z.infer<typeof FormSchema>) {
+    toast({
+      title: "You submitted the following values:",
+      description: (
+        <pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
+          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      ),
+    })
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="w-2/3 space-y-6">
+        <FormField
+          control={form.control}
+          name="type"
+          render={({ field }) => (
+            <FormItem className="space-y-3">
+              <FormLabel>Notify me about...</FormLabel>
+              <FormControl>
+                <RadioGroup
+                  onValueChange={field.onChange}
+                  defaultValue={field.value}
+                  className="flex flex-col space-y-1"
+                >
+                  <FormItem className="flex items-center space-x-3 space-y-0">
+                    <FormControl>
+                      <RadioGroupItem value="all" />
+                    </FormControl>
+                    <FormLabel className="font-normal">
+                      All new messages
+                    </FormLabel>
+                  </FormItem>
+                  <FormItem className="flex items-center space-x-3 space-y-0">
+                    <FormControl>
+                      <RadioGroupItem value="mentions" />
+                    </FormControl>
+                    <FormLabel className="font-normal">
+                      Direct messages and mentions
+                    </FormLabel>
+                  </FormItem>
+                  <FormItem className="flex items-center space-x-3 space-y-0">
+                    <FormControl>
+                      <RadioGroupItem value="none" />
+                    </FormControl>
+                    <FormLabel className="font-normal">Nothing</FormLabel>
+                  </FormItem>
+                </RadioGroup>
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <Button type="submit">Submit</Button>
+      </form>
+    </Form>
+  )
+}
diff --git a/apps/www/components/examples/select/react-hook-form.tsx b/apps/www/components/examples/select/react-hook-form.tsx
new file mode 100644
index 000000000..91e0dd303
--- /dev/null
+++ b/apps/www/components/examples/select/react-hook-form.tsx
@@ -0,0 +1,84 @@
+"use client"
+
+import Link from "next/link"
+import { zodResolver } from "@hookform/resolvers/zod"
+import { useForm } from "react-hook-form"
+import * as z from "zod"
+
+import { Button } from "@/components/ui/button"
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select"
+import { toast } from "@/components/ui/use-toast"
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/react-hook-form/form"
+
+const FormSchema = z.object({
+  email: z
+    .string({
+      required_error: "Please select an email to display.",
+    })
+    .email(),
+})
+
+export function SelectReactHookForm() {
+  const form = useForm<z.infer<typeof FormSchema>>({
+    resolver: zodResolver(FormSchema),
+  })
+
+  function onSubmit(data: z.infer<typeof FormSchema>) {
+    toast({
+      title: "You submitted the following values:",
+      description: (
+        <pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
+          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      ),
+    })
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="w-2/3 space-y-6">
+        <FormField
+          control={form.control}
+          name="email"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>Email</FormLabel>
+              <Select onValueChange={field.onChange} defaultValue={field.value}>
+                <FormControl>
+                  <SelectTrigger>
+                    <SelectValue placeholder="Select a verified email to display" />
+                  </SelectTrigger>
+                </FormControl>
+                <SelectContent>
+                  <SelectItem value="m@example.com">m@example.com</SelectItem>
+                  <SelectItem value="m@google.com">m@google.com</SelectItem>
+                  <SelectItem value="m@support.com">m@support.com</SelectItem>
+                </SelectContent>
+              </Select>
+              <FormDescription>
+                You can manage email addresses in your{" "}
+                <Link href="/examples/forms">email settings</Link>.
+              </FormDescription>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <Button type="submit">Submit</Button>
+      </form>
+    </Form>
+  )
+}
diff --git a/apps/www/components/examples/switch/react-hook-form.tsx b/apps/www/components/examples/switch/react-hook-form.tsx
new file mode 100644
index 000000000..3a3746631
--- /dev/null
+++ b/apps/www/components/examples/switch/react-hook-form.tsx
@@ -0,0 +1,102 @@
+"use client"
+
+import Link from "next/link"
+import { zodResolver } from "@hookform/resolvers/zod"
+import { useForm } from "react-hook-form"
+import * as z from "zod"
+
+import { Button } from "@/components/ui/button"
+import { Checkbox } from "@/components/ui/checkbox"
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
+import { Switch } from "@/components/ui/switch"
+import { toast } from "@/components/ui/use-toast"
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+} from "@/components/react-hook-form/form"
+
+const FormSchema = z.object({
+  marketing_emails: z.boolean().default(false).optional(),
+  security_emails: z.boolean(),
+})
+
+export function SwitchReactHookForm() {
+  const form = useForm<z.infer<typeof FormSchema>>({
+    resolver: zodResolver(FormSchema),
+    defaultValues: {
+      security_emails: true,
+    },
+  })
+
+  function onSubmit(data: z.infer<typeof FormSchema>) {
+    toast({
+      title: "You submitted the following values:",
+      description: (
+        <pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
+          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      ),
+    })
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="w-full space-y-6">
+        <div>
+          <h3 className="mb-4 text-lg font-medium">Email Notifications</h3>
+          <div className="space-y-4">
+            <FormField
+              control={form.control}
+              name="marketing_emails"
+              render={({ field }) => (
+                <FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
+                  <div className="space-y-0.5">
+                    <FormLabel className="text-base">
+                      Marketing emails
+                    </FormLabel>
+                    <FormDescription>
+                      Receive emails about new products, features, and more.
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="security_emails"
+              render={({ field }) => (
+                <FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
+                  <div className="space-y-0.5">
+                    <FormLabel className="text-base">Security emails</FormLabel>
+                    <FormDescription>
+                      Receive emails about your account security.
+                    </FormDescription>
+                  </div>
+                  <FormControl>
+                    <Switch
+                      checked={field.value}
+                      onCheckedChange={field.onChange}
+                      disabled
+                      aria-readonly
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+          </div>
+        </div>
+        <Button type="submit">Submit</Button>
+      </form>
+    </Form>
+  )
+}
diff --git a/apps/www/components/examples/textarea/react-hook-form.tsx b/apps/www/components/examples/textarea/react-hook-form.tsx
new file mode 100644
index 000000000..2c2d74380
--- /dev/null
+++ b/apps/www/components/examples/textarea/react-hook-form.tsx
@@ -0,0 +1,78 @@
+"use client"
+
+import Link from "next/link"
+import { zodResolver } from "@hookform/resolvers/zod"
+import { useForm } from "react-hook-form"
+import * as z from "zod"
+
+import { Button } from "@/components/ui/button"
+import { Checkbox } from "@/components/ui/checkbox"
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
+import { Switch } from "@/components/ui/switch"
+import { Textarea } from "@/components/ui/textarea"
+import { toast } from "@/components/ui/use-toast"
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/react-hook-form/form"
+
+const FormSchema = z.object({
+  bio: z
+    .string()
+    .min(10, {
+      message: "Bio must be at least 10 characters.",
+    })
+    .max(160, {
+      message: "Bio must not be longer than 30 characters.",
+    }),
+})
+
+export function TextareaReactHookForm() {
+  const form = useForm<z.infer<typeof FormSchema>>({
+    resolver: zodResolver(FormSchema),
+  })
+
+  function onSubmit(data: z.infer<typeof FormSchema>) {
+    toast({
+      title: "You submitted the following values:",
+      description: (
+        <pre className="mt-2 w-[340px] rounded-md bg-slate-950 p-4">
+          <code className="text-white">{JSON.stringify(data, null, 2)}</code>
+        </pre>
+      ),
+    })
+  }
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="w-2/3 space-y-6">
+        <FormField
+          control={form.control}
+          name="bio"
+          render={() => (
+            <FormItem>
+              <FormLabel>Bio</FormLabel>
+              <FormControl>
+                <Textarea
+                  placeholder="Tell us a little bit about yourself"
+                  className="resize-none"
+                  {...form.register("bio")}
+                />
+              </FormControl>
+              <FormDescription>
+                You can <span>@mention</span> other users and organizations.
+              </FormDescription>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <Button type="submit">Submit</Button>
+      </form>
+    </Form>
+  )
+}
diff --git a/apps/www/components/mdx-components.tsx b/apps/www/components/mdx-components.tsx
index c9bcec66b..beacb3b2d 100644
--- a/apps/www/components/mdx-components.tsx
+++ b/apps/www/components/mdx-components.tsx
@@ -216,7 +216,7 @@ const components = {
   ),
   Steps: ({ ...props }) => (
     <div
-      className="[&>h3]:step mb-12 ml-4 border-l pl-6 [counter-reset:step]"
+      className="[&>h3]:step mb-12 ml-4 border-l pl-8 [counter-reset:step]"
       {...props}
     />
   ),
diff --git a/apps/www/components/page-header.tsx b/apps/www/components/page-header.tsx
index 8d40e86b7..db2f703b1 100644
--- a/apps/www/components/page-header.tsx
+++ b/apps/www/components/page-header.tsx
@@ -27,7 +27,7 @@ function PageHeaderHeading({
   return (
     <h1
       className={cn(
-        "text-3xl font-bold leading-tight tracking-tighter md:text-5xl lg:text-6xl lg:leading-[1.1]",
+        "text-3xl font-bold leading-tight tracking-tighter md:text-5xl lg:leading-[1.1]",
         className
       )}
       {...props}
diff --git a/apps/www/components/react-hook-form/form.tsx b/apps/www/components/react-hook-form/form.tsx
new file mode 100644
index 000000000..c59151b4b
--- /dev/null
+++ b/apps/www/components/react-hook-form/form.tsx
@@ -0,0 +1,179 @@
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { Slot } from "@radix-ui/react-slot"
+import {
+  Controller,
+  ControllerProps,
+  FieldError,
+  FieldPath,
+  FieldValues,
+  FormProvider,
+  get,
+  useController,
+} from "react-hook-form"
+
+import { cn } from "@/lib/utils"
+import { Label } from "@/components/ui/label"
+
+const Form = FormProvider
+
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+> = {
+  name: TName
+}
+
+const FormFieldContext = React.createContext<FormFieldContextValue>(
+  {} as FormFieldContextValue
+)
+
+const FormField = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>
+>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => {
+  return (
+    <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>
+  )
+}
+
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext)
+  const itemContext = React.useContext(FormItemContext)
+  const controller = useController(fieldContext)
+
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>")
+  }
+
+  const { id } = itemContext
+  const error: FieldError =
+    get(controller.fieldState.error, "value") || controller.fieldState.error
+
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    error,
+    controller,
+  }
+}
+
+type FormItemContextValue = {
+  id: string
+}
+
+const FormItemContext = React.createContext<FormItemContextValue>(
+  {} as FormItemContextValue
+)
+
+const FormItem = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => {
+  const id = React.useId()
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div ref={ref} className={cn("space-y-2", className)} {...props} />
+    </FormItemContext.Provider>
+  )
+})
+FormItem.displayName = "FormItem"
+
+const FormLabel = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField()
+
+  return (
+    <Label
+      ref={ref}
+      className={cn(error && "text-destructive", className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  )
+})
+FormLabel.displayName = "FormLabel"
+
+const FormControl = React.forwardRef<
+  React.ElementRef<typeof Slot>,
+  React.ComponentPropsWithoutRef<typeof Slot>
+>(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+
+  return (
+    <Slot
+      ref={ref}
+      id={formItemId}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
+      aria-invalid={!!error}
+      {...props}
+    />
+  )
+})
+FormControl.displayName = "FormControl"
+
+const FormDescription = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField()
+
+  return (
+    <p
+      ref={ref}
+      id={formDescriptionId}
+      className={cn("text-sm text-muted-foreground", className)}
+      {...props}
+    />
+  )
+})
+FormDescription.displayName = "FormDescription"
+
+const FormMessage = React.forwardRef<
+  HTMLParagraphElement,
+  React.HTMLAttributes<HTMLParagraphElement>
+>(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField()
+  const body = error ? String(error?.message) : children
+
+  if (!body) {
+    return null
+  }
+
+  return (
+    <p
+      ref={ref}
+      id={formMessageId}
+      className={cn("text-sm font-medium text-destructive", className)}
+      {...props}
+    >
+      {body}
+    </p>
+  )
+})
+FormMessage.displayName = "FormMessage"
+
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+}
diff --git a/apps/www/components/sidebar-nav.tsx b/apps/www/components/sidebar-nav.tsx
index 5248de38e..f84f9bcc7 100644
--- a/apps/www/components/sidebar-nav.tsx
+++ b/apps/www/components/sidebar-nav.tsx
@@ -41,7 +41,7 @@ export function DocsSidebarNavItems({
   return items?.length ? (
     <div className="grid grid-flow-row auto-rows-max text-sm">
       {items.map((item, index) =>
-        item.href ? (
+        item.href && !item.disabled ? (
           <Link
             key={index}
             href={item.href}
@@ -65,9 +65,17 @@ export function DocsSidebarNavItems({
         ) : (
           <span
             key={index}
-            className="flex w-full cursor-not-allowed items-center rounded-md p-2 text-muted-foreground hover:underline"
+            className={cn(
+              "flex w-full cursor-not-allowed items-center rounded-md p-2 text-muted-foreground hover:underline",
+              item.disabled && "cursor-not-allowed opacity-60"
+            )}
           >
             {item.title}
+            {item.label && (
+              <span className="ml-2 rounded-md bg-muted px-1.5 py-0.5 text-xs leading-none text-muted-foreground no-underline group-hover:no-underline">
+                {item.label}
+              </span>
+            )}
           </span>
         )
       )}
diff --git a/apps/www/components/site-header.tsx b/apps/www/components/site-header.tsx
index 9b2f560f9..55f78d1f7 100644
--- a/apps/www/components/site-header.tsx
+++ b/apps/www/components/site-header.tsx
@@ -11,7 +11,7 @@ import { ModeToggle } from "@/components/mode-toggle"
 
 export function SiteHeader() {
   return (
-    <header className="supports-backdrop-blur:bg-background/60 sticky top-0 z-40 w-full border-b bg-background/95 shadow-sm backdrop-blur">
+    <header className="supports-backdrop-blur:bg-background/60 sticky top-0 z-40 w-full border-b bg-background/95 backdrop-blur">
       <div className="container flex h-14 items-center">
         <MainNav />
         <MobileNav />
diff --git a/apps/www/config/docs.ts b/apps/www/config/docs.ts
index 984d38569..95868e522 100644
--- a/apps/www/config/docs.ts
+++ b/apps/www/config/docs.ts
@@ -75,6 +75,24 @@ export const docsConfig: DocsConfig = {
         },
       ],
     },
+    {
+      title: "Forms",
+      items: [
+        {
+          title: "React Hook Form",
+          href: "/docs/forms/react-hook-form",
+          label: "New",
+          items: [],
+        },
+        {
+          title: "TanStack Form",
+          href: "#",
+          items: [],
+          label: "Soon",
+          disabled: true,
+        },
+      ],
+    },
     {
       title: "Components",
       items: [
diff --git a/apps/www/content/docs/components/calendar.mdx b/apps/www/content/docs/components/calendar.mdx
index ad8e59879..0e43f9125 100644
--- a/apps/www/content/docs/components/calendar.mdx
+++ b/apps/www/content/docs/components/calendar.mdx
@@ -67,3 +67,16 @@ See the [React DayPicker](https://react-day-picker.js.org) documentation for mor
 ## Date Picker
 
 You can use the `<Calendar>` component to build a date picker. See the [Date Picker](/docs/components/date-picker) page for more information.
+
+## React Hook Form
+
+<Alert className="mt-4">
+  <AlertDescription>
+    **Note**: Learn more about using React Hook Form on the
+    [docs](/docs/forms/react-hook-form) page.
+  </AlertDescription>
+</Alert>
+
+<ComponentExample src="/components/examples/calendar/react-hook-form.tsx">
+  <CalendarReactHookForm />
+</ComponentExample>
diff --git a/apps/www/content/docs/components/checkbox.mdx b/apps/www/content/docs/components/checkbox.mdx
index 261474ed0..aa586c995 100644
--- a/apps/www/content/docs/components/checkbox.mdx
+++ b/apps/www/content/docs/components/checkbox.mdx
@@ -65,3 +65,24 @@ import { Checkbox } from "@/components/ui/checkbox"
 <ComponentExample src="/components/examples/checkbox/disabled.tsx">
   <CheckboxDisabled />
 </ComponentExample>
+
+## React Hook Form
+
+<Alert className="mt-4">
+  <AlertDescription>
+    **Note**: Learn more about using React Hook Form on the
+    [docs](/docs/forms/react-hook-form) page.
+  </AlertDescription>
+</Alert>
+
+### Checkbox
+
+<ComponentExample src="/components/examples/checkbox/react-hook-form-single.tsx">
+  <CheckboxReactHookFormSingle />
+</ComponentExample>
+
+### Checkboxes
+
+<ComponentExample src="/components/examples/checkbox/react-hook-form-multiple.tsx">
+  <CheckboxReactHookFormMultiple />
+</ComponentExample>
diff --git a/apps/www/content/docs/components/combobox.mdx b/apps/www/content/docs/components/combobox.mdx
index fe1278541..4661d8346 100644
--- a/apps/www/content/docs/components/combobox.mdx
+++ b/apps/www/content/docs/components/combobox.mdx
@@ -130,3 +130,16 @@ export function ComboboxDemo() {
 <ComponentExample src="/components/examples/combobox/dropdown-menu.tsx">
   <ComboboxDropdownMenu />
 </ComponentExample>
+
+## React Hook Form
+
+<Alert className="mt-4">
+  <AlertDescription>
+    **Note**: Learn more about using React Hook Form on the
+    [docs](/docs/forms/react-hook-form) page.
+  </AlertDescription>
+</Alert>
+
+<ComponentExample src="/components/examples/combobox/react-hook-form.tsx">
+  <ComboboxReactHookForm />
+</ComponentExample>
diff --git a/apps/www/content/docs/components/date-picker.mdx b/apps/www/content/docs/components/date-picker.mdx
index 02cbbda32..92603e7ba 100644
--- a/apps/www/content/docs/components/date-picker.mdx
+++ b/apps/www/content/docs/components/date-picker.mdx
@@ -85,3 +85,16 @@ See the [React DayPicker](https://react-day-picker.js.org) documentation for mor
 <ComponentExample src="/components/examples/date-picker/with-presets.tsx">
   <DatePickerWithPresets />
 </ComponentExample>
+
+## React Hook Form
+
+<Alert className="mt-4">
+  <AlertDescription>
+    **Note**: Learn more about using React Hook Form on the
+    [docs](/docs/forms/react-hook-form) page.
+  </AlertDescription>
+</Alert>
+
+<ComponentExample src="/components/examples/date-picker/react-hook-form.tsx">
+  <DatePickerReactHookForm />
+</ComponentExample>
diff --git a/apps/www/content/docs/components/input.mdx b/apps/www/content/docs/components/input.mdx
index efecc5faf..2c345b8e3 100644
--- a/apps/www/content/docs/components/input.mdx
+++ b/apps/www/content/docs/components/input.mdx
@@ -102,3 +102,16 @@ import { Input } from "@/components/ui/input"
 <ComponentExample src="/components/examples/input/file.tsx">
   <InputFile />
 </ComponentExample>
+
+## React Hook Form
+
+<Alert className="mt-4">
+  <AlertDescription>
+    **Note**: Learn more about using React Hook Form on the
+    [docs](/docs/forms/react-hook-form) page.
+  </AlertDescription>
+</Alert>
+
+<ComponentExample src="/components/examples/input/react-hook-form.tsx">
+  <InputReactHookForm />
+</ComponentExample>
diff --git a/apps/www/content/docs/components/radio-group.mdx b/apps/www/content/docs/components/radio-group.mdx
index 57eb3a7e5..14eeca7af 100644
--- a/apps/www/content/docs/components/radio-group.mdx
+++ b/apps/www/content/docs/components/radio-group.mdx
@@ -61,3 +61,16 @@ import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
   </div>
 </RadioGroup>
 ```
+
+## React Hook form
+
+<Alert className="mt-4">
+  <AlertDescription>
+    **Note**: Learn more about using React Hook Form on the
+    [docs](/docs/forms/react-hook-form) page.
+  </AlertDescription>
+</Alert>
+
+<ComponentExample src="/components/examples/radio-group/react-hook-form.tsx">
+  <RadioGroupReactHookForm />
+</ComponentExample>
diff --git a/apps/www/content/docs/components/select.mdx b/apps/www/content/docs/components/select.mdx
index 29be6058b..1a90cde7a 100644
--- a/apps/www/content/docs/components/select.mdx
+++ b/apps/www/content/docs/components/select.mdx
@@ -68,3 +68,16 @@ import {
   </SelectContent>
 </Select>
 ```
+
+## React Hook Form
+
+<Alert className="mt-4">
+  <AlertDescription>
+    **Note**: Learn more about using React Hook Form on the
+    [docs](/docs/forms/react-hook-form) page.
+  </AlertDescription>
+</Alert>
+
+<ComponentExample src="/components/examples/select/react-hook-form.tsx">
+  <SelectReactHookForm />
+</ComponentExample>
diff --git a/apps/www/content/docs/components/switch.mdx b/apps/www/content/docs/components/switch.mdx
index 2169ea483..3b96e1068 100644
--- a/apps/www/content/docs/components/switch.mdx
+++ b/apps/www/content/docs/components/switch.mdx
@@ -51,3 +51,16 @@ import { Switch } from "@/components/ui/switch"
 ```tsx
 <Switch />
 ```
+
+## React Hook Form
+
+<Alert className="mt-4">
+  <AlertDescription>
+    **Note**: Learn more about using React Hook Form on the
+    [docs](/docs/forms/react-hook-form) page.
+  </AlertDescription>
+</Alert>
+
+<ComponentExample src="/components/examples/switch/react-hook-form.tsx">
+  <SwitchReactHookForm />
+</ComponentExample>
diff --git a/apps/www/content/docs/components/textarea.mdx b/apps/www/content/docs/components/textarea.mdx
index 98c0a5173..5cebfe064 100644
--- a/apps/www/content/docs/components/textarea.mdx
+++ b/apps/www/content/docs/components/textarea.mdx
@@ -85,3 +85,16 @@ import { Textarea } from "@/components/ui/textarea"
 <ComponentExample src="/components/examples/textarea/with-button.tsx">
   <TextareaWithButton />
 </ComponentExample>
+
+## React Hook Form
+
+<Alert className="mt-4">
+  <AlertDescription>
+    **Note**: Learn more about using React Hook Form on the
+    [docs](/docs/forms/react-hook-form) page.
+  </AlertDescription>
+</Alert>
+
+<ComponentExample src="/components/examples/textarea/react-hook-form.tsx">
+  <TextareaReactHookForm />
+</ComponentExample>
diff --git a/apps/www/content/docs/forms/react-hook-form.mdx b/apps/www/content/docs/forms/react-hook-form.mdx
new file mode 100644
index 000000000..548616ddc
--- /dev/null
+++ b/apps/www/content/docs/forms/react-hook-form.mdx
@@ -0,0 +1,224 @@
+---
+title: React Hook Form
+description: Building forms with React Hook Form and Zod.
+---
+
+Forms are tricky. They are one of the most common things you'll build in a web application, but also one of the most complex.
+
+Well-designed HTML forms are:
+
+- Well-structured and semantically correct.
+- Easy to use and navigate (keyboard).
+- Accessible with ARIA attributes and proper labels.
+- Has support for client and server side validation.
+- Well-styled and consistent with the rest of the application.
+
+In this guide, we will take a look at building forms with [`react-hook-form`](https://react-hook-form.com/) and [`zod`](https://zod.dev). We're going to use a `<FormField>` component to compose accessible forms using Radix UI components.
+
+## Features
+
+The `<Form />` component is a wrapper around the `react-hook-form` library. It provides a few things:
+
+- Composable components for building forms.
+- A `<FormField />` component for building controlled form fields.
+- Form validation using `zod`.
+- Handles accessibility and error messages.
+- Uses `React.useId()` for generating unique IDs.
+- Applies the correct `aria` attributes to form fields based on states.
+- Built to work with all Radix UI components.
+- Bring your own schema library. We use `zod` but you can use anything you want.
+- **You have full control over the markup and styling.**
+
+## Anatomy
+
+```tsx
+<Form>
+  <FormField
+    control={...}
+    name="..."
+    render={() => (
+      <FormItem>
+        <FormLabel />
+        <FormControl>
+          { /* Your form field */}
+        </FormControl>
+        <FormDescription />
+        <FormMessage />
+      </FormItem>
+    )}
+  />
+</Form>
+```
+
+## Example
+
+```tsx
+const form = useForm()
+
+<FormField
+  control={form.control}
+  name="username"
+  render={() => (
+    <FormItem>
+      <FormLabel>Username</FormLabel>
+      <FormControl>
+        <Input placeholder="shadcn" {...form.register("username")} />
+      </FormControl>
+      <FormDescription>This is your public display name.</FormDescription>
+      <FormMessage />
+    </FormItem>
+  )}
+/>
+```
+
+## Installation
+
+1. Install the following dependencies:
+
+```sh
+npm install react-hook-form zod @hookform/resolvers
+```
+
+2. Copy and paste the following `<Form />` component to your app.
+
+<ComponentSource src="/components/react-hook-form/form.tsx" />
+
+<Callout>
+  **Note**: You can place this component in a file at `components/ui/form.tsx`
+  and import it from there.
+</Callout>
+
+## Usage
+
+<Steps>
+
+### Create a form schema
+
+Define the shape of your form using a Zod schema. You can read more about using Zod in the [Zod documentation](https://zod.dev).
+
+```tsx showLineNumbers {4,6-8}
+"use client"
+
+import Link from "next/link"
+import * as z from "zod"
+
+const formSchema = z.object({
+  name: z.string().min(2).max(50),
+})
+```
+
+### Define a form
+
+Use the `useForm` hook from `react-hook-form` to create a form.
+
+```tsx showLineNumbers {4,14-17,19-24}
+"use client"
+
+import Link from "next/link"
+import { zodResolver } from "@hookform/resolvers/zod"
+import * as z from "zod"
+
+const formSchema = z.object({
+  username: z.string().min(2, {
+    message: "Username must be at least 2 characters.",
+  }),
+})
+
+export function ProfileForm() {
+  // 1. Define your form.
+  const form = useForm<z.infer<typeof formSchema>>({
+    resolver: zodResolver(formSchema),
+  })
+
+  // 2. Define a submit handler.
+  function onSubmit(values: z.infer<typeof formSchema>) {
+    // Do something with the form values.
+    // ✅ This will be type-safe and validated.
+    console.log(values)
+  }
+}
+```
+
+### Build your form
+
+We can now use the `<Form />` components to build our form.
+
+```tsx showLineNumbers {7-17,28-50}
+"use client"
+
+import Link from "next/link"
+import { zodResolver } from "@hookform/resolvers/zod"
+import * as z from "zod"
+
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/form"
+
+const formSchema = z.object({
+  username: z.string().min(2, {
+    message: "Username must be at least 2 characters.",
+  }),
+})
+
+export function ProfileForm() {
+  // ...
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
+        <FormField
+          control={form.control}
+          name="username"
+          render={() => (
+            <FormItem>
+              <FormLabel>Username</FormLabel>
+              <FormControl>
+                <Input placeholder="shadcn" {...form.register("username")} />
+              </FormControl>
+              <FormDescription>
+                This is your public display name.
+              </FormDescription>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+        <Button type="submit">Submit</Button>
+      </form>
+    </Form>
+  )
+}
+```
+
+### Done
+
+That's it. You now have a fully accessible form that is type-safe with client-side validation.
+
+<ComponentExample
+  src="/components/examples/input/react-hook-form.tsx"
+  className="[&_[role=tablist]]:hidden [&>div>div:first-child]:hidden"
+>
+  <InputReactHookForm />
+</ComponentExample>
+
+</Steps>
+
+## Examples
+
+See the following links for more examples on how to use the `<Form />` component with other components:
+
+- [Checkbox](/docs/components/checkbox#react-hook-form)
+- [Date Picker](/docs/components/date-picker#react-hook-form)
+- [Input](/docs/components/input#react-hook-form)
+- [Radio Group](/docs/components/radio-group#react-hook-form)
+- [Select](/docs/components/select#react-hook-form)
+- [Switch](/docs/components/switch#react-hook-form)
+- [Textarea](/docs/components/textarea#react-hook-form)
+- [Combobox](/docs/components/combobox#react-hook-form)
diff --git a/apps/www/next.config.mjs b/apps/www/next.config.mjs
index da3b62d21..53309a18f 100644
--- a/apps/www/next.config.mjs
+++ b/apps/www/next.config.mjs
@@ -37,6 +37,11 @@ const nextConfig = {
         destination: "/docs/figma",
         permanent: true,
       },
+      {
+        source: "/docs/forms",
+        destination: "/docs/forms/react-hook-form",
+        permanent: false,
+      },
     ]
   },
 }
diff --git a/apps/www/package.json b/apps/www/package.json
index ce4f95df7..2ef632984 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -17,6 +17,7 @@
   },
   "dependencies": {
     "@faker-js/faker": "^7.6.0",
+    "@hookform/resolvers": "^3.1.0",
     "@radix-ui/react-accessible-icon": "^1.0.1",
     "@radix-ui/react-accordion": "^1.1.0",
     "@radix-ui/react-alert-dialog": "^1.0.2",
@@ -60,6 +61,7 @@
     "react": "^18.2.0",
     "react-day-picker": "^8.6.0",
     "react-dom": "^18.2.0",
+    "react-hook-form": "^7.43.9",
     "react-wrap-balancer": "^0.4.0",
     "recharts": "^2.5.0",
     "sharp": "^0.31.3",
diff --git a/apps/www/public/examples/forms-dark.png b/apps/www/public/examples/forms-dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..52ae1fcb9dace5e2133a979de447d5768549d71e
GIT binary patch
literal 32876
zcmb4pbx<9_v+kaQySux)2MO-(u0euBa6PyaEJ%PrZ~_E(J2(LX2PY8RU4lz^`Q3WA
z-o1amuePdZrDl73x~F@;nK(^#1q@VDQ~&@lloVyP0RZ7&6OITO?w`;WLH-Q@U`I_=
zT{$=;+}GDvN*2+7*RhCLPfpL_ka0l>L=TV802mF7fR$0)c64%vfJRKhAb?H61doCb
zMj}Q+BOqrMM#dndWEI09W=FxH!o(xLy?+G2crSndGBB~BVUwU>5`z&5{=JxljOO6*
zn4a@36`ME+4ig=RjE0UGlaTr0;Ryh6$e4uji74;x?yqm|_Vy3|T;EL3&I2HnPo*8F
z=a+%;1>C#>jy`eE&(HQ=F&9_YelfYqx;B`E^Z<z3&NI^NeZcPVA3`c_?})5lE359o
zsjh(^(edaNv@CE4sk^#+gA>2HxqGS`+Ixnk8{7J<?VNCM@&?4_%c_}v@b<+aAUCo1
z!^9!Usp#>I%Guu8lTtPkm)GMLQ{34*NX~Bn00L@89zz>1d{X+Smsgj7BpP<{jlDB&
zVL2pBik!+GT?;n~YKGyFADYIFt!*7!2Nxw}6_Af5Htyk^{F0W=A&pHftUO|LECNIn
zOy-V3VzOG9Svi7lRik6#$SCLtNvKcGE=Z}_m^g$f=(y&Vx4gnWX`4B(Y#t4b&tg&V
z;FGhrb`3iDCFomupptO?THl{uTo;kj=pUKt>KjeV`r;jtd3ttX?F#uZxge>iU)$7`
zl~)p%l;P~3SXBP~;QX#<aNO0?zr3p9gKx<G>5aLygQ|w!`1G$YMU_=`ZN_Fc%)ByS
zWD*;D7cE_*h2J{@!V<}8Igzm`?_In?!eWlE9`y{(rDT;F+o1lzk)jfElXJgG==cF_
z7G^e{vGJeCn56QG>X4|!y!?W!@-9VH?TECBvzwRLteW$S%h~zGz~Io@`bPJA2|54>
z?pBhO()C+DS**v1;09!;(^J?t$0&3UHBnneF|{%+W6(Epn3veuN`}udJUR-TgU?ma
zpxnzdcRdU%$6b4*kg&OjHx?$3Im^lbqPFqRUyT-eui%0AH_Nm3Pe|w$KgCt%d!Z0z
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
LYBE()=E46L#P`~|

literal 0
HcmV?d00001

diff --git a/apps/www/public/examples/forms-light.png b/apps/www/public/examples/forms-light.png
new file mode 100644
index 0000000000000000000000000000000000000000..15d76120dccefbb695af757ae7cc2af2bab0585f
GIT binary patch
literal 29685
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

literal 0
HcmV?d00001

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5a3059af2..e12049a66 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -97,6 +97,9 @@ importers:
       '@faker-js/faker':
         specifier: ^7.6.0
         version: 7.6.0
+      '@hookform/resolvers':
+        specifier: ^3.1.0
+        version: 3.1.0(react-hook-form@7.43.9)
       '@radix-ui/react-accessible-icon':
         specifier: ^1.0.1
         version: 1.0.1(react-dom@18.2.0)(react@18.2.0)
@@ -226,6 +229,9 @@ importers:
       react-dom:
         specifier: ^18.2.0
         version: 18.2.0(react@18.2.0)
+      react-hook-form:
+        specifier: ^7.43.9
+        version: 7.43.9(react@18.2.0)
       react-wrap-balancer:
         specifier: ^0.4.0
         version: 0.4.0(react@18.2.0)
@@ -1574,10 +1580,12 @@ packages:
     dependencies:
       eslint: 8.38.0
       eslint-visitor-keys: 3.4.0
+    dev: false
 
   /@eslint-community/regexpp@4.5.0:
     resolution: {integrity: sha512-vITaYzIcNmjn5tF5uxcZ/ft7/RXGrMUIS9HalWckEOF6ESiwXKoMzAQf2UW0aVd6rnOeExTJVd5hmWXucBKGXQ==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+    dev: false
 
   /@eslint/eslintrc@1.4.1:
     resolution: {integrity: sha512-XXrH9Uarn0stsyldqDYq8r++mROmWRI1xKMXa640Bb//SY1+ECYX6VzT6Lcx5frD0V30XieqJ0oX9I2Xj5aoMA==}
@@ -1594,7 +1602,6 @@ packages:
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /@eslint/eslintrc@2.0.2:
     resolution: {integrity: sha512-3W4f5tDUra+pA+FzgugqL2pRimUTDJWKr7BINqOpkZrC0uYI0NIc0/JFgBROCU07HR6GieA5m3/rsPIhDmCXTQ==}
@@ -1611,10 +1618,12 @@ packages:
       strip-json-comments: 3.1.1
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
   /@eslint/js@8.38.0:
     resolution: {integrity: sha512-IoD2MfUnOV58ghIHCiil01PcohxjbYR/qCxsoC+xNgUwh1EY8jOOrYmu3d3a71+tJJ23uscEV4X2HJWMsPJu4g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: false
 
   /@faker-js/faker@7.6.0:
     resolution: {integrity: sha512-XK6BTq1NDMo9Xqw/YkYyGjSsg44fbNwYRx7QK2CuoQgyy+f1rrTDHoExVM5PsyXCtfl2vs2vVJ0MN0yN6LppRw==}
@@ -1681,6 +1690,14 @@ packages:
       yargs: 16.2.0
     dev: false
 
+  /@hookform/resolvers@3.1.0(react-hook-form@7.43.9):
+    resolution: {integrity: sha512-z0A8K+Nxq+f83Whm/ajlwE6VtQlp/yPHZnXw7XWVPIGm1Vx0QV8KThU3BpbBRfAZ7/dYqCKKBNnQh85BkmBKkA==}
+    peerDependencies:
+      react-hook-form: ^7.0.0
+    dependencies:
+      react-hook-form: 7.43.9(react@18.2.0)
+    dev: false
+
   /@humanwhocodes/config-array@0.11.8:
     resolution: {integrity: sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==}
     engines: {node: '>=10.10.0'}
@@ -2265,6 +2282,7 @@ packages:
       picocolors: 1.0.0
       tiny-glob: 0.2.9
       tslib: 2.5.0
+    dev: false
 
   /@protobufjs/aspromise@1.1.2:
     resolution: {integrity: sha512-j+gKExEuLmKwvz3OgROXtrJ2UG2x8Ch2YZUxahh+s1F2HZ+wAceUNLkvy6zKCPVRkU++ZWQrdxsUeQXmcg4uoQ==}
@@ -3624,7 +3642,6 @@ packages:
       typescript: 4.9.5
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /@typescript-eslint/parser@5.58.0(eslint@8.38.0)(typescript@4.9.5):
     resolution: {integrity: sha512-ixaM3gRtlfrKzP8N6lRhBbjTow1t6ztfBvQNGuRM8qH1bjFFXIJ35XY+FC0RRBKn3C6cT+7VW1y8tNm7DwPHDQ==}
@@ -3644,6 +3661,7 @@ packages:
       typescript: 4.9.5
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
   /@typescript-eslint/scope-manager@5.58.0:
     resolution: {integrity: sha512-b+w8ypN5CFvrXWQb9Ow9T4/6LC2MikNf1viLkYTiTbkQl46CnR69w7lajz1icW0TBsYmlpg+mRzFJ4LEJ8X9NA==}
@@ -4679,6 +4697,7 @@ packages:
   /define-lazy-prop@2.0.0:
     resolution: {integrity: sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==}
     engines: {node: '>=8'}
+    dev: false
 
   /define-properties@1.2.0:
     resolution: {integrity: sha512-xvqAVKGfT1+UAvPwKTVw/njhdQ8ZhXK4lI0bCIuCMrp2up9nPnaDftrLtmpTazqd1o+UY4zgzU+avtMbDP+ldA==}
@@ -4785,6 +4804,7 @@ packages:
     dependencies:
       graceful-fs: 4.2.11
       tapable: 2.2.1
+    dev: false
 
   /enquirer@2.3.6:
     resolution: {integrity: sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==}
@@ -4963,7 +4983,7 @@ packages:
       eslint: 8.31.0
       eslint-import-resolver-node: 0.3.7
       eslint-import-resolver-typescript: 2.7.1(eslint-plugin-import@2.27.5)(eslint@8.31.0)
-      eslint-plugin-import: 2.27.5(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-typescript@3.5.5)(eslint@8.38.0)
+      eslint-plugin-import: 2.27.5(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-typescript@2.7.1)(eslint@8.31.0)
       eslint-plugin-jsx-a11y: 6.7.1(eslint@8.31.0)
       eslint-plugin-react: 7.32.2(eslint@8.31.0)
       eslint-plugin-react-hooks: 4.6.0(eslint@8.31.0)
@@ -4988,7 +5008,7 @@ packages:
       eslint: 8.38.0
       eslint-import-resolver-node: 0.3.7
       eslint-import-resolver-typescript: 3.5.5(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.27.5)(eslint@8.38.0)
-      eslint-plugin-import: 2.27.5(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-typescript@3.5.5)(eslint@8.38.0)
+      eslint-plugin-import: 2.27.5(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-typescript@2.7.1)(eslint@8.31.0)
       eslint-plugin-jsx-a11y: 6.7.1(eslint@8.38.0)
       eslint-plugin-react: 7.32.2(eslint@8.38.0)
       eslint-plugin-react-hooks: 4.6.0(eslint@8.38.0)
@@ -5043,14 +5063,13 @@ packages:
     dependencies:
       debug: 4.3.4
       eslint: 8.31.0
-      eslint-plugin-import: 2.27.5(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-typescript@3.5.5)(eslint@8.38.0)
+      eslint-plugin-import: 2.27.5(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-typescript@2.7.1)(eslint@8.31.0)
       glob: 7.2.3
       is-glob: 4.0.3
       resolve: 1.22.2
       tsconfig-paths: 3.14.2
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /eslint-import-resolver-typescript@3.5.5(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.27.5)(eslint@8.38.0):
     resolution: {integrity: sha512-TdJqPHs2lW5J9Zpe17DZNQuDnox4xo2o+0tE7Pggain9Rbc19ik8kFtXdxZ250FVx2kF4vlt2RSf4qlUpG7bhw==}
@@ -5063,7 +5082,7 @@ packages:
       enhanced-resolve: 5.12.0
       eslint: 8.38.0
       eslint-module-utils: 2.8.0(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-node@0.3.7)(eslint-import-resolver-typescript@3.5.5)(eslint@8.38.0)
-      eslint-plugin-import: 2.27.5(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-typescript@3.5.5)(eslint@8.38.0)
+      eslint-plugin-import: 2.27.5(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-typescript@2.7.1)(eslint@8.31.0)
       get-tsconfig: 4.5.0
       globby: 13.1.4
       is-core-module: 2.12.0
@@ -5074,6 +5093,36 @@ packages:
       - eslint-import-resolver-node
       - eslint-import-resolver-webpack
       - supports-color
+    dev: false
+
+  /eslint-module-utils@2.8.0(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-node@0.3.7)(eslint-import-resolver-typescript@2.7.1)(eslint@8.31.0):
+    resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 5.58.0(eslint@8.31.0)(typescript@4.9.5)
+      debug: 3.2.7
+      eslint: 8.31.0
+      eslint-import-resolver-node: 0.3.7
+      eslint-import-resolver-typescript: 2.7.1(eslint-plugin-import@2.27.5)(eslint@8.31.0)
+    transitivePeerDependencies:
+      - supports-color
 
   /eslint-module-utils@2.8.0(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-node@0.3.7)(eslint-import-resolver-typescript@3.5.5)(eslint@8.38.0):
     resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
@@ -5103,8 +5152,9 @@ packages:
       eslint-import-resolver-typescript: 3.5.5(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.27.5)(eslint@8.38.0)
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
-  /eslint-plugin-import@2.27.5(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-typescript@3.5.5)(eslint@8.38.0):
+  /eslint-plugin-import@2.27.5(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-typescript@2.7.1)(eslint@8.31.0):
     resolution: {integrity: sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -5114,15 +5164,15 @@ packages:
       '@typescript-eslint/parser':
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.58.0(eslint@8.38.0)(typescript@4.9.5)
+      '@typescript-eslint/parser': 5.58.0(eslint@8.31.0)(typescript@4.9.5)
       array-includes: 3.1.6
       array.prototype.flat: 1.3.1
       array.prototype.flatmap: 1.3.1
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 8.38.0
+      eslint: 8.31.0
       eslint-import-resolver-node: 0.3.7
-      eslint-module-utils: 2.8.0(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-node@0.3.7)(eslint-import-resolver-typescript@3.5.5)(eslint@8.38.0)
+      eslint-module-utils: 2.8.0(@typescript-eslint/parser@5.58.0)(eslint-import-resolver-node@0.3.7)(eslint-import-resolver-typescript@2.7.1)(eslint@8.31.0)
       has: 1.0.3
       is-core-module: 2.12.0
       is-glob: 4.0.3
@@ -5285,12 +5335,10 @@ packages:
     dependencies:
       eslint: 8.31.0
       eslint-visitor-keys: 2.1.0
-    dev: true
 
   /eslint-visitor-keys@2.1.0:
     resolution: {integrity: sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==}
     engines: {node: '>=10'}
-    dev: true
 
   /eslint-visitor-keys@3.4.0:
     resolution: {integrity: sha512-HPpKPUBQcAsZOsHAFwTtIKcYlCje62XB7SEAcxjtmW6TD1WVpkS6i6/hOVtTZIl4zGj/mBqpFVGvaDneik+VoQ==}
@@ -5342,7 +5390,6 @@ packages:
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
-    dev: true
 
   /eslint@8.38.0:
     resolution: {integrity: sha512-pIdsD2jwlUGf/U38Jv97t8lq6HpaU/G9NKbYmpWpZGw3LdTNhZLbJePqxOXGB5+JEKfOPU/XLxYxFh03nr1KTg==}
@@ -5391,6 +5438,7 @@ packages:
       text-table: 0.2.0
     transitivePeerDependencies:
       - supports-color
+    dev: false
 
   /espree@9.5.1:
     resolution: {integrity: sha512-5yxtHSZXRSW5pvv3hAlXM5+/Oswi1AUFqBmbibKb5s6bp3rGIDkyXU6xCoyuuLhijr4SFwPrXRoZjz0AZDN9tg==}
@@ -5766,6 +5814,7 @@ packages:
 
   /get-tsconfig@4.5.0:
     resolution: {integrity: sha512-MjhiaIWCJ1sAU4pIQ5i5OfOuHHxVo1oYeNsWTON7jxYkod8pHocXeh+SSbmu5OZZZK73B6cbJ2XADzXehLyovQ==}
+    dev: false
 
   /git-raw-commits@2.0.11:
     resolution: {integrity: sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==}
@@ -5858,6 +5907,7 @@ packages:
 
   /globalyzer@0.1.0:
     resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
+    dev: false
 
   /globby@11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
@@ -5879,9 +5929,11 @@ packages:
       ignore: 5.2.4
       merge2: 1.4.1
       slash: 4.0.0
+    dev: false
 
   /globrex@0.1.2:
     resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
+    dev: false
 
   /gopd@1.0.1:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
@@ -5909,6 +5961,7 @@ packages:
 
   /graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+    dev: false
 
   /grapheme-splitter@1.0.4:
     resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
@@ -6299,6 +6352,7 @@ packages:
     resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
     engines: {node: '>=8'}
     hasBin: true
+    dev: false
 
   /is-extendable@0.1.1:
     resolution: {integrity: sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==}
@@ -6469,6 +6523,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       is-docker: 2.2.1
+    dev: false
 
   /isarray@2.0.5:
     resolution: {integrity: sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==}
@@ -7800,6 +7855,7 @@ packages:
       define-lazy-prop: 2.0.0
       is-docker: 2.2.1
       is-wsl: 2.2.0
+    dev: false
 
   /optionator@0.9.1:
     resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==}
@@ -8264,6 +8320,15 @@ packages:
       scheduler: 0.23.0
     dev: false
 
+  /react-hook-form@7.43.9(react@18.2.0):
+    resolution: {integrity: sha512-AUDN3Pz2NSeoxQ7Hs6OhQhDr6gtF9YRuutGDwPQqhSUAHJSgGl2VeY3qN19MG0SucpjgDiuMJ4iC5T5uB+eaNQ==}
+    engines: {node: '>=12.22.0'}
+    peerDependencies:
+      react: ^16.8.0 || ^17 || ^18
+    dependencies:
+      react: 18.2.0
+    dev: false
+
   /react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
@@ -8502,7 +8567,6 @@ packages:
   /regexpp@3.2.0:
     resolution: {integrity: sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==}
     engines: {node: '>=8'}
-    dev: true
 
   /registry-auth-token@4.2.2:
     resolution: {integrity: sha512-PC5ZysNb42zpFME6D/XlIgtNGdTl8bBOCw90xQLVMpzuuubJKYDWFAEuUNc+Cn8Z8724tg2SDhDRrkVEsqfDMg==}
@@ -8935,6 +8999,7 @@ packages:
   /slash@4.0.0:
     resolution: {integrity: sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==}
     engines: {node: '>=12'}
+    dev: false
 
   /smartwrap@2.0.2:
     resolution: {integrity: sha512-vCsKNQxb7PnCNd2wY1WClWifAc2lwqsG8OaswpJkVJsvMGcnEntdTCDajZCkk93Ay1U3t/9puJmb525Rg5MZBA==}
@@ -9226,6 +9291,7 @@ packages:
     dependencies:
       '@pkgr/utils': 2.3.1
       tslib: 2.5.0
+    dev: false
 
   /tailwind-merge@1.12.0:
     resolution: {integrity: sha512-Y17eDp7FtN1+JJ4OY0Bqv9OA41O+MS8c1Iyr3T6JFLnOgLg3EvcyMKZAnQ8AGyvB5Nxm3t9Xb5Mhe139m8QT/g==}
@@ -9276,6 +9342,7 @@ packages:
   /tapable@2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
+    dev: false
 
   /tar-fs@2.1.1:
     resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
@@ -9336,6 +9403,7 @@ packages:
     dependencies:
       globalyzer: 0.1.0
       globrex: 0.1.2
+    dev: false
 
   /tmp@0.0.33:
     resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==}
@@ -9452,6 +9520,7 @@ packages:
 
   /tslib@2.5.0:
     resolution: {integrity: sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==}
+    dev: false
 
   /tsup@6.6.3(postcss@8.4.21)(ts-node@10.9.1)(typescript@4.9.5):
     resolution: {integrity: sha512-OLx/jFllYlVeZQ7sCHBuRVEQBBa1tFbouoc/gbYakyipjVQdWy/iQOvmExUA/ewap9iQ7tbJf9pW0PgcEFfJcQ==}