Water Design System

A modern React component library built with TypeScript and Vite.

Features

• 🚀 Built with Vite (Library Mode)
• 📝 TypeScript support out of the box
• 📦 Automatic publishing to npm via GitHub Actions
• 🛠️ Modern React (React 19+)

Installation

npm install @drdex0101/water-design-system

Usage

import { Button } from '@drdex0101/water-design-system';

const App = () => (
  <Button label="Click Me" onClick={() => console.log('Hello!')} />
);

Development

1. Install dependencies:

   npm install

2. Build the library:

   npm run build

Publishing

To publish a new version:

1. Update the version in package.json.
2. Push a new tag:

   git tag v1.0.1
   git push origin v1.0.1

3. GitHub Actions will automatically build and publish to npm.

Note: You must set up an NPM_TOKEN secret in your GitHub repository to enable automatic publishing.