# @juo/customer-ui

Vue 3 + Shadow DOM web components design system for Juo subscription management UIs.

## Installation

```sh
pnpm add @juo/customer-ui
```

Peer dependencies (install alongside):

```sh
pnpm add vue reka-ui @headlessui/vue @floating-ui/vue @vueuse/core @vueuse/components class-variance-authority clsx tailwind-merge
```

## Entrypoints

| Import | Description |
|---|---|
| `@juo/customer-ui` | Vue 3 components (ESM) |
| `@juo/customer-ui/web-components` | Framework-agnostic custom elements (ESM) |
| `@juo/customer-ui/web-components.iife.js` | Self-registering IIFE (script tag) |
| `@juo/customer-ui/style.css` | Component styles |
| `@juo/customer-ui/design-tokens.css` | Design tokens |
| `@juo/customer-ui/theme-modes.css` | Light/dark theme variables |
| `@juo/customer-ui/tailwind-v3` | Tailwind v3 CSS preset |
| `@juo/customer-ui/tailwind-v4.css` | Tailwind v4 CSS |

## Full documentation

Full documentation will be available at **https://juo.dev/docs/customer-ui**.