open-index/open-npm huggingface dataset:
npm package: @partnerplatform/prism
Description: A React UI component library based on Shadcn UI, tailored for the Partner Platform.
Latest version: 0.0.10

# @partnerplatform/prism

A React UI component library based on Shadcn UI, tailored for the Partner Platform.

## Installation

```bash
npm install @partnerplatform/prism
```

You also need to install the peer dependencies if you haven't already:

```bash
npm install react react-dom next next-themes
```

## Usage

### 1. Import Styles

Import the CSS file in your root layout (e.g., `app/layout.tsx` or `pages/_app.tsx`):

```tsx
import "@partnerplatform/prism/build/theme/styles.css";
```

### 2. Use Components

Import components directly from the package:

```tsx
import { Button, Card } from "@partnerplatform/prism";

export default function MyPage() {
  return (
    <Card>
      <Button>Click me</Button>
    </Card>
  );
}
```

## Dependencies & Versioning

### Required Dependencies
The following dependencies are **Peer Dependencies**, meaning the consuming application is responsible for providing them. This prevents version conflicts (e.g., multiple React instances).

- `react`
- `react-dom`
- `next`
- `next-themes`

All other internal UI dependencies (like `@radix-ui/*`, `date-fns`, etc.) are bundled with the library or automatically installed, so you don't need to worry about them.

### Staying Updated
To ensure you are always on the latest version, you can define your dependency version with a `^` caret in your `package.json`:

```json
"@partnerplatform/prism": "^0.0.1"
```

Then run `npm update @partnerplatform/prism` regularly to pull the latest non-breaking changes.
npm package: @parto-system-design/ui
Description: Parto Design System UI components with RTL support
Latest version: 1.1.3

# @parto-system-design/ui

کتابخانه کامپوننت‌های Parto Design System

## نصب

```bash
pnpm add @parto-system-design/ui
```

## استفاده

```tsx
import { Button, Card, PartoLineChart } from '@parto-system-design/ui';
import '@parto-system-design/ui/styles.css';

export default function App() {
  return (
    <Card>
      <Button>کلیک کنید</Button>
    </Card>
  );
}
```

## توسعه

```bash
# اجرای محیط توسعه
pnpm dev

# ساخت
pnpm build

# بررسی نوع
pnpm typecheck
```

## کامپوننت‌ها

- Button
- Input
- Card
- Badge
- Tabs
- Dialog
- Select
- Tooltip
- Popover
- Alert
- Separator
- PartoLineChart
- PartoBarChart
- PartoPieChart

## دیزاین سیستم

مستندات کامل در `apps/docs` موجود است.

### ⚠️ مهم: یکسانی کامپوننت‌ها

**کامپوننت‌هایی که در مستندات (`apps/docs`) نمایش داده می‌شوند، دقیقاً همان کامپوننت‌هایی هستند که شما با `pnpm add @parto-system-design/ui` نصب می‌کنید.**

- ✅ داک از همان پکیج `@parto-system-design/ui` استفاده می‌کند
- ✅ همه کامپوننت‌ها از `src/index.ts` export می‌شوند
- ✅ در production، فایل‌های build شده (`dist/`) منتشر می‌شوند
- ✅ هیچ تفاوتی بین کامپوننت‌های داک و کامپوننت‌های قابل نصب وجود ندارد