ui Architecture Docs
Home / File/ mail.tsx — ui Source File

mail.tsx — ui Source File

Architecture documentation for mail.tsx, a tsx file in the ui codebase. 14 imports, 0 dependents.

File tsx ComponentRegistry UIPrimitives 14 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  17534e71_8586_b2b6_b5f1_3612d9a12136["mail.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  17534e71_8586_b2b6_b5f1_3612d9a12136 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  17534e71_8586_b2b6_b5f1_3612d9a12136 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  17534e71_8586_b2b6_b5f1_3612d9a12136 --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  2de1d0e1_ab37_e1b0_4ef3_da8c8fa66107["input"]
  17534e71_8586_b2b6_b5f1_3612d9a12136 --> 2de1d0e1_ab37_e1b0_4ef3_da8c8fa66107
  89621339_3efc_0932_6655_aebfb386fc45["resizable"]
  17534e71_8586_b2b6_b5f1_3612d9a12136 --> 89621339_3efc_0932_6655_aebfb386fc45
  0ef877d6_b768_4222_bd20_50d875ac5e58["separator"]
  17534e71_8586_b2b6_b5f1_3612d9a12136 --> 0ef877d6_b768_4222_bd20_50d875ac5e58
  ff4adc50_4c10_539a_2d63_f3d4b2f1ec61["tabs"]
  17534e71_8586_b2b6_b5f1_3612d9a12136 --> ff4adc50_4c10_539a_2d63_f3d4b2f1ec61
  4ad968a1_2bd7_248c_f5ed_f80d5b5f7417["tooltip"]
  17534e71_8586_b2b6_b5f1_3612d9a12136 --> 4ad968a1_2bd7_248c_f5ed_f80d5b5f7417
  cc4e527f_e879_832e_2722_04d0da0de808["account-switcher"]
  17534e71_8586_b2b6_b5f1_3612d9a12136 --> cc4e527f_e879_832e_2722_04d0da0de808
  9095f441_eb83_f589_cb11_26024b5569e4["mail-display"]
  17534e71_8586_b2b6_b5f1_3612d9a12136 --> 9095f441_eb83_f589_cb11_26024b5569e4
  684e6fac_82ab_a040_c0f9_a103ec679225["mail-list"]
  17534e71_8586_b2b6_b5f1_3612d9a12136 --> 684e6fac_82ab_a040_c0f9_a103ec679225
  77080900_3c12_03d9_aeb0_b01a988151e4["nav"]
  17534e71_8586_b2b6_b5f1_3612d9a12136 --> 77080900_3c12_03d9_aeb0_b01a988151e4
  40d7e175_623a_b70e_5a2a_487436710ef0["data"]
  17534e71_8586_b2b6_b5f1_3612d9a12136 --> 40d7e175_623a_b70e_5a2a_487436710ef0
  80078e26_dd5e_586a_43a8_570e827b31a1["use-mail"]
  17534e71_8586_b2b6_b5f1_3612d9a12136 --> 80078e26_dd5e_586a_43a8_570e827b31a1
  style 17534e71_8586_b2b6_b5f1_3612d9a12136 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"
import {
  AlertCircle,
  Archive,
  ArchiveX,
  File,
  Inbox,
  MessagesSquare,
  Search,
  Send,
  ShoppingCart,
  Trash2,
  Users2,
} from "lucide-react"

import { cn } from "@/lib/utils"
import { Input } from "@/registry/new-york/ui/input"
import {
  ResizableHandle,
  ResizablePanel,
  ResizablePanelGroup,
} from "@/registry/new-york/ui/resizable"
import { Separator } from "@/registry/new-york/ui/separator"
import {
  Tabs,
  TabsContent,
  TabsList,
  TabsTrigger,
} from "@/registry/new-york/ui/tabs"
import { TooltipProvider } from "@/registry/new-york/ui/tooltip"
import { AccountSwitcher } from "@/app/(app)/examples/mail/components/account-switcher"
import { MailDisplay } from "@/app/(app)/examples/mail/components/mail-display"
import { MailList } from "@/app/(app)/examples/mail/components/mail-list"
import { Nav } from "@/app/(app)/examples/mail/components/nav"
import { type Mail } from "@/app/(app)/examples/mail/data"
import { useMail } from "@/app/(app)/examples/mail/use-mail"

interface MailProps {
  accounts: {
    label: string
    email: string
    icon: React.ReactNode
  }[]
  mails: Mail[]
  defaultLayout: number[] | undefined
  defaultCollapsed?: boolean
  navCollapsedSize: number
}

export function Mail({
  accounts,
  mails,
  defaultLayout = [20, 32, 48],
  defaultCollapsed = false,
  navCollapsedSize,
}: MailProps) {
  const [isCollapsed, setIsCollapsed] = React.useState(defaultCollapsed)
  const [mail] = useMail()
// ... (170 more lines)

Domain

Subdomains

Functions

Types

Dependencies

  • account-switcher
  • data
  • input
  • lucide-react
  • mail-display
  • mail-list
  • nav
  • react
  • resizable
  • separator
  • tabs
  • tooltip
  • use-mail
  • utils

Source

Frequently Asked Questions

What does mail.tsx do?
mail.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, UIPrimitives subdomain.
What functions are defined in mail.tsx?
mail.tsx defines 1 function(s): Mail.
What does mail.tsx depend on?
mail.tsx imports 14 module(s): account-switcher, data, input, lucide-react, mail-display, mail-list, nav, react, and 6 more.
Where is mail.tsx in the architecture?
mail.tsx is located at deprecated/www/app/(app)/examples/mail/components/mail.tsx (domain: ComponentRegistry, subdomain: UIPrimitives, directory: deprecated/www/app/(app)/examples/mail/components).

Analyze Your Own Codebase

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

Try Supermodel Free