Threshold

A minimal, production-ready Vue 3 design system with 3 components and 3 themes.

Button • Input • Card + Space, Forest, Ocean themes

Install

npm install @amulet-digital/threshold

Usage

import { Button, Input, Card, useTheme } from '@amulet-digital/threshold'
import '@amulet-digital/threshold/css'

// Use components
<Button variant="primary">Click me</Button>
<Input v-model="name" />
<Card>Content</Card>

// Switch themes
const { setTheme } = useTheme()
setTheme('dark')  // 'space' | 'forest' | 'ocean'

Development

npm install
npm run dev    # Interactive demo (localhost:5173)
npm run docs   # Storybook (localhost:6006)
npm run test   # Run tests
npm run build  # Create distribution

Features

• ✅ Full TypeScript support (strict mode)
• ✅ WCAG AAA accessibility compliant
• ✅ Token-based design system
• ✅ ~25KB gzipped
• ✅ 31 unit tests (100% pass rate)
• ✅ ES modules + UMD

License

MIT