@verta/ui (0.1.0)
Installation
@verta:registry=npm install @verta/ui@0.1.0"@verta/ui": "0.1.0"About this package
@verta/ui
The shared Verta component library — shadcn-style components built on Radix
primitives + CVA variants + cn (clsx + tailwind-merge), themed entirely
from @verta/tokens. One library instead of every repo keeping its
own src/components/ui.
Components
Button (primary/secondary/ghost/danger/accent · md/sm/icon), Card, Table,
Input / Textarea / Label / Hint / Field, Select, Dialog, Tabs, Badge / Pill,
StatusDot, Toast, AppShell (frosted sticky header + nav), ThemeToggle. Icons via
lucide-react.
Install (package model)
pnpm add @verta/ui # pulls @verta/tokens; requires the @verta registry in .npmrc
Consumer entry CSS (Tailwind v4):
@import "@verta/ui/styles.css"; /* = @verta/tokens fonts + tokens + theme */
@import "tailwindcss";
@source "../node_modules/@verta/ui/dist"; /* scan component classes */
import { Button, Card, ThemeToggle } from "@verta/ui";
Registry model (own the source)
Components are also emitted as a shadcn-style registry under dist/registry/
(@verta/ui/registry), so you can copy a component's source into your repo and
own it instead of importing the package.
Develop
pnpm --filter @verta/ui build # tsup (ESM + d.ts) + styles + registry
pnpm --filter @verta/ui test # Vitest + Testing Library (jsdom)
pnpm --filter @verta/ui typecheck
Dependencies
Dependencies
| ID | Version |
|---|---|
| @radix-ui/react-dialog | ^1.1.15 |
| @radix-ui/react-label | ^2.1.8 |
| @radix-ui/react-select | ^2.2.6 |
| @radix-ui/react-slot | ^1.2.4 |
| @radix-ui/react-tabs | ^1.1.13 |
| @radix-ui/react-toast | ^1.2.15 |
| @verta/tokens | 0.1.0 |
| class-variance-authority | ^0.7.1 |
| clsx | ^2.1.1 |
| lucide-react | ^1.17.0 |
| tailwind-merge | ^3.6.0 |
Development dependencies
| ID | Version |
|---|---|
| @testing-library/jest-dom | ^6.9.1 |
| @testing-library/react | ^16.3.2 |
| @testing-library/user-event | ^14.6.1 |
| @types/react | ^19.2.15 |
| @types/react-dom | ^19.2.3 |
| jsdom | ^29.1.1 |
| react | ^19.2.6 |
| react-dom | ^19.2.6 |
| tsup | ^8.5.1 |
| typescript | ^5.6.2 |
| vitest | ^2.1.3 |
Peer dependencies
| ID | Version |
|---|---|
| react | ^18 || ^19 |
| react-dom | ^18 || ^19 |