Southore

A design system component library built with React 19, TypeScript, and React Aria Components.

Features

• Accessible by default — built on React Aria Components, fully conformant with WCAG 2.2 Level AA (VPAT)
• Styled with CSS custom properties (design tokens)
• Tree-shakeable ES module build

Installation

pnpm add southore
# or: npm install southore

import { Button } from "southore";
import "southore/styles";

Development

This project uses Vite+. Install it globally first, then:

# Install dependencies
vp install

# Start Storybook
vp run storybook

# Build the library
vp run build

# Run linter
vp lint .

# Run all tests
vp run test

# Run unit tests only
vp run test:unit

# Run visual screenshot tests
vp run test:visual

# Update visual baselines after intentional changes
vp run test:update