open-index/open-npm huggingface dataset:
npm package: @sourceful-energy/ui
Description: Sourceful Energy Design System - React components for building energy management interfaces
Author: Sourceful Energy
Latest version: 0.2.2

# Sourceful Design System

Design system, components, and brand guidelines for Sourceful Energy.

**Live site:** [design.sourceful.energy](https://design.sourceful.energy)

## What's included

- **50+ React Components** - Built on Radix UI and styled with Tailwind CSS
- **Design Tokens** - Colors, typography, spacing, shadows as CSS variables
- **Brand Guidelines** - Logo, colors, typography, voice & tone
- **Dark Mode** - Full dark mode support across all components
- **Accessibility** - WCAG 2.1 AA compliant, keyboard navigation, screen reader support

## Quick Start

```bash
npm install @sourceful-energy/ui
```

```tsx
import { Button, Card, Input } from "@sourceful-energy/ui"
import "@sourceful-energy/ui/styles.css"

function App() {
  return (
    <Card>
      <Button>Click me</Button>
    </Card>
  )
}
```

## Development

```bash
# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build
```

## For Claude Code Users

This design system is optimized for AI-assisted development. To use it in your projects:

### 1. Copy the template

Copy [`CLAUDE.project-template.md`](./CLAUDE.project-template.md) to your project root as `CLAUDE.md`:

```bash
curl -o CLAUDE.md https://raw.githubusercontent.com/srcfl/srcful-design-system/main/CLAUDE.project-template.md
```

### 2. Install the package

```bash
npm install @sourceful-energy/ui
```

### 3. Start building

Claude Code will automatically read your `CLAUDE.md` and use the design system for all UI work.

See the [Claude Code setup guide](https://design.sourceful.energy/docs/claude-code) for more details.

## Structure

```
├── app/                    # Next.js documentation site
│   ├── docs/              # Getting started, tokens
│   ├── components/        # Component documentation
│   └── brand/             # Brand guidelines
├── components/
│   └── ui/                # React components
├── lib/                   # Utilities
└── registry/              # Component schemas (JSON)
```

## License

MIT © Sourceful Energy
npm package: @sourcegem/validator
Description: A simple data validator for web browser and Node JS
Author: Matthieu 'Raisenku' Arques
Latest version: 1.0.2

# SourceGem Validator
A simple Node JS data validator  
This library is the continuation of @aeres-games/validator, following the organization name change.  
Validation results from this library alone are not being parsed into readable strings.  
To be able to get readable strings from validation, I recommend using the package @sourcegem/validation as it embeds this package and @sourcegem/translator, and provides a way to easily translate errors into readable strings.

## Installing
```
npm install @sourcegem/validator
```

## Usage
Check out the GitHub wiki for usage informations

## License
This package is licensed under the [MIT license](https://opensource.org/licenses/MIT).  
Please see the LICENSE file for more informations.