open-index/open-npm huggingface dataset:
npm package: @karakuri-ui/react
Description: Enterprise React component library with design token system
Author: Tony
Latest version: 0.2.2

# KARAKURI Design System

Enterprise React component library with design token system.

📖 [KARAKURI Design System](https://karakuri-ai.github.io/design-system)

---

## Quick Start

### Components + Tokens

```bash
npm install @karakuri-ui/react @karakuri-ui/tokens
```

### Tokens Only

```bash
npm install @karakuri-ui/tokens
```

### Tailwind v4

```css
@import "tailwindcss";

@import '@karakuri-ui/tokens/tailwind/v4.css';

@source "../node_modules/@karakuri-ui/react/dist";
```

### Tailwind v3

```css
@import '@karakuri-ui/tokens/css/all.css';

@tailwind base;
@tailwind components;
@tailwind utilities;
```

```js
// tailwind.config.js
module.exports = {
  presets: [require('@karakuri-ui/tokens/tailwind/v3-preset')],
  content: [
    './node_modules/@karakuri-ui/react/dist/**/*.{js,mjs}',
  ],
}
```

### Usage

```tsx
import { Button, Card } from '@karakuri-ui/react'
import { Chart, type ChartConfig } from '@karakuri-ui/react/chart'  // charts: separate entry

<Button variant="solid" color="primary">Get Started</Button>

<Card>
  <Card.Header>
    <Card.Title>Settings</Card.Title>
  </Card.Header>
  <Card.Content>...</Card.Content>
</Card>
```

## Tech Stack

| | |
|---|---|
| **Framework** | React 18 + TypeScript |
| **Styling** | Tailwind CSS v3 / v4 + CSS Variables |
| **Primitives** | Radix UI |
| **Charts** | Recharts |
| **Tokens** | Figma Token Studio → `sync-tokens` |
| **Build** | tsup (library), Next.js (docs) |
npm package: @karambasecurity/react-scripts
Description: Configuration and scripts for Create React App.
Latest version: 5.0.0-kar.19

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.