ui

@atta/ui

Shared UI component library for the Herald monorepo. Built on shadcn/ui + Tailwind CSS v4 + lucide-react.

Setup

cd packages/ui
npx shadcn@latest init

Adding Components

npx shadcn@latest add button card badge

Usage

import { Button } from '@atta/ui/components/button'
import { Card } from '@atta/ui/components/card'

Theme

Atta AI uses the Minimal Dark Editorial theme as default. Components consume CSS variables defined in the app's globals.css — they never hardcode color values.

Icons

All icons use lucide-react:

import { ArrowRight, Check } from 'lucide-react'