Font unification: - Add @fontsource packages for Geist Sans, Geist Mono, Playfair Display - Create fonts.ts for centralized font imports - Import fonts in both web (layout.tsx) and desktop (main.tsx) - Register --font-brand in Tailwind @theme inline block - Fix font-brand class usage (replace arbitrary value syntax) Design system documentation: - Add comprehensive design philosophy comments to globals.css - Document typography choices (why Geist, why Playfair for brand) - Document color system approach (neutral grays, semantic colors only) - Explain component library customizations Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| src | ||
| components.json | ||
| package.json | ||
| postcss.config.mjs | ||
| README.md | ||
| tsconfig.json | ||
@multica/ui
Shared UI component library. Shadcn + Tailwind CSS v4.
Usage
// UI components — subpath imports, no barrel
import { Button } from '@multica/ui/components/ui/button'
import { Card, CardContent } from '@multica/ui/components/ui/card'
// Feature components
import { ThemeProvider } from '@multica/ui/components/theme-provider'
import { Chat } from '@multica/ui/components/chat'
import { Markdown } from '@multica/ui/components/markdown'
// Hooks
import { useIsMobile } from '@multica/ui/hooks/use-mobile'
import { useAutoScroll } from '@multica/ui/hooks/use-auto-scroll'
// Utilities
import { cn } from '@multica/ui/lib/utils'
// Styles (app entry point)
import '@multica/ui/globals.css'
Adding Components
pnpm --filter @multica/ui dlx shadcn@latest add <component>