用途：在 Resend 代码库中构建或修改 UI 时，统一使用 src/ui/ 提供的基础组件，而不是自行创建自定义组件。组件示例可查看 /design/components 页面。
主要能力：涵盖 Button、TextField、Heading、Text、Tag、Banner、Select、Dialog、Switch、Checkbox、IconButton、DropdownMenu 等组件的导入路径、关键变体与用法。导入统一使用 @/ui/{name}，图标位于 @/ui/icons/icon-{name}。
尺寸与颜色：尺寸分为 1、2、3，分别对应 h-6/text-xs/rounded-lg、h-8/text-sm/rounded-xl、h-10/text-sm/rounded-xl。主操作 appearance="white"，次要用 gray，弱化用 fade 或 fade-gray，破坏性操作使用 red 或 fade-red。
关键规则：类名合并使用 @/lib/cn 的 cn()；统一使用 @/ 绝对导入；优先服务端组件，仅在最低层交互叶子组件加 'use client'；UI 文案使用句首大写；状态通过 state 属性表达（如 state="loading"、"disabled"、"invalid"、"read-only"），每个值自足，不额外叠加 disabled。复合 TextField 结构为 Root > Slot? + Input + Slot?，state 与 size 放在 Input 上，校验错误用 TextField.Error 放入尾部 Slot，自动关联 aria-describedby，不手动设置。Radix 命名空间用 import * as Select from '@/ui/select'；链接场景使用 asChild。
服务端与客户端：TextField、Checkbox、Dialog、Drawer、Collapsible、Calendar、BulkActions 已内置客户端标记；Button、Heading、Text、Tag、Banner、Card、EmptyState、Kbd、IconButton 为服务端安全。
更多参考：需要时加载 design-system/references/components.md、design-tokens.md、component-conventions.md、patterns/README.md 与 heuristics.md 获取完整属性、设计令牌、代码约定、组合模式与 UX 启发式。
限制：资料中未提供收费标准、平台范围或效果数据。