# Crafter UI

React 19 / Tailwind 4 / shadcn Base UI.
Install: bunx --bun shadcn@4.21.0 add https://ui.crafter.run/r/starter.json
Use the installed source and semantic tokens. Keep accessible labels, keyboard behavior, and async error states. Check before overwriting existing components.

## Action button
Pending state, disabled behavior, and a clear progress label.
Import: @/components/ui/action-button
<ActionButton pending={saving} pendingLabel="Saving…">Save changes</ActionButton>

## Copy button
Clipboard feedback that only succeeds when the copy does.
Import: @/components/ui/copy-button
<CopyButton value="bun run dev" />

## Text field
A label, description, and accessible validation in one place.
Import: @/components/ui/text-field
<TextField label="Project name" description="Visible to your team" required />

## Empty state
Explain what is missing and give people a next step.
Import: @/components/ui/empty-state
<EmptyState title="No projects yet" description="Create your first project." action={<Button>Create project</Button>} />

## Section heading
Consistent page hierarchy with room for an action.
Import: @/components/ui/section-heading
<SectionHeading title="Projects" description="Everything you are building." />

## Settings card
A complete settings surface with validation and async save feedback.
Import: @/components/ui/settings-card
<SettingsCard name="My project" onSave={saveProject} />