ui Architecture Docs
Home / File/ account-form.tsx — ui Source File

account-form.tsx — ui Source File

Architecture documentation for account-form.tsx, a tsx file in the ui codebase. 13 imports, 0 dependents.

File tsx ComponentRegistry Styles 13 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  a7e4d28d_33c2_6c55_24ed_04722f950f3e["account-form.tsx"]
  3d40a3bf_c062_4304_329a_00b1b72e8523["zod"]
  a7e4d28d_33c2_6c55_24ed_04722f950f3e --> 3d40a3bf_c062_4304_329a_00b1b72e8523
  f9e8c1ea_9de4_3e04_ca27_b15cada2e81e["date-fns"]
  a7e4d28d_33c2_6c55_24ed_04722f950f3e --> f9e8c1ea_9de4_3e04_ca27_b15cada2e81e
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  a7e4d28d_33c2_6c55_24ed_04722f950f3e --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  6d65354d_8f59_2cfc_4783_24b2eb870bc4["react-hook-form"]
  a7e4d28d_33c2_6c55_24ed_04722f950f3e --> 6d65354d_8f59_2cfc_4783_24b2eb870bc4
  6802ce19_522d_e5fb_e458_8826d9f6952e["zod"]
  a7e4d28d_33c2_6c55_24ed_04722f950f3e --> 6802ce19_522d_e5fb_e458_8826d9f6952e
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  a7e4d28d_33c2_6c55_24ed_04722f950f3e --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  64d95022_f8e1_3e94_bb97_22b3ebca757e["use-toast"]
  a7e4d28d_33c2_6c55_24ed_04722f950f3e --> 64d95022_f8e1_3e94_bb97_22b3ebca757e
  aa2f3ec6_f291_3763_88ec_65a3f5ad5939["button"]
  a7e4d28d_33c2_6c55_24ed_04722f950f3e --> aa2f3ec6_f291_3763_88ec_65a3f5ad5939
  5000e233_363d_e409_8b5c_7e80d38646fe["calendar"]
  a7e4d28d_33c2_6c55_24ed_04722f950f3e --> 5000e233_363d_e409_8b5c_7e80d38646fe
  64c05bed_da32_06a4_3b53_12b3830eb50b["command"]
  a7e4d28d_33c2_6c55_24ed_04722f950f3e --> 64c05bed_da32_06a4_3b53_12b3830eb50b
  7a6b0be4_eca5_4970_1a93_79d670ef529e["form"]
  a7e4d28d_33c2_6c55_24ed_04722f950f3e --> 7a6b0be4_eca5_4970_1a93_79d670ef529e
  2de1d0e1_ab37_e1b0_4ef3_da8c8fa66107["input"]
  a7e4d28d_33c2_6c55_24ed_04722f950f3e --> 2de1d0e1_ab37_e1b0_4ef3_da8c8fa66107
  e33b0d79_0534_28ec_a112_ac16ee736e09["popover"]
  a7e4d28d_33c2_6c55_24ed_04722f950f3e --> e33b0d79_0534_28ec_a112_ac16ee736e09
  style a7e4d28d_33c2_6c55_24ed_04722f950f3e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"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 { z } from "zod"

import { cn } from "@/lib/utils"
import { toast } from "@/registry/new-york/hooks/use-toast"
import { Button } from "@/registry/new-york/ui/button"
import { Calendar } from "@/registry/new-york/ui/calendar"
import {
  Command,
  CommandEmpty,
  CommandGroup,
  CommandInput,
  CommandItem,
  CommandList,
} from "@/registry/new-york/ui/command"
import {
  Form,
  FormControl,
  FormDescription,
  FormField,
  FormItem,
  FormLabel,
  FormMessage,
} from "@/registry/new-york/ui/form"
import { Input } from "@/registry/new-york/ui/input"
import {
  Popover,
  PopoverContent,
  PopoverTrigger,
} from "@/registry/new-york/ui/popover"

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.",
  }),
// ... (163 more lines)

Domain

Subdomains

Functions

Types

Dependencies

  • button
  • calendar
  • command
  • date-fns
  • form
  • input
  • lucide-react
  • popover
  • react-hook-form
  • use-toast
  • utils
  • zod
  • zod

Source

Frequently Asked Questions

What does account-form.tsx do?
account-form.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, Styles subdomain.
What functions are defined in account-form.tsx?
account-form.tsx defines 1 function(s): AccountForm.
What does account-form.tsx depend on?
account-form.tsx imports 13 module(s): button, calendar, command, date-fns, form, input, lucide-react, popover, and 5 more.
Where is account-form.tsx in the architecture?
account-form.tsx is located at deprecated/www/app/(app)/examples/forms/account/account-form.tsx (domain: ComponentRegistry, subdomain: Styles, directory: deprecated/www/app/(app)/examples/forms/account).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free