@prosync_solutions/ui 0.1.0

package/README.md

@@ -0,0 +1,129 @@
+# @prosync_solutions/ui · Prosync Design System
+
+Vue 3 component library and design token system. Phase 1 ships a focused set of 12 Tier 1 components to get your project started quickly.
+
+---
+
+## Installation
+
+```bash
+npm install @prosync_solutions/ui @phosphor-icons/vue
+```
+
+**Peer dependencies:** `vue >=3.3.0` · `@phosphor-icons/vue >=2.0.0`
+
+---
+
+## Quick Start
+
+Import only the components you need from the Tier 1 sub-path:
+
+```ts
+// main.ts
+import { createApp } from 'vue'
+import '@prosync_solutions/ui/style.css'   // design tokens + Tailwind utilities
+import App from './App.vue'
+
+createApp(App).mount('#app')
+```
+
+```vue
+<!-- Any component -->
+<script setup>
+import { ProButton, ProInput, ProTag } from '@prosync_solutions/ui/tier1'
+</script>
+
+<template>
+  <ProInput v-model="name" label="Full Name" placeholder="Enter name" />
+  <ProButton variant="primary">Submit</ProButton>
+  <ProTag variant="success">Active</ProTag>
+</template>
+```
+
+### Global Registration (optional)
+
+```ts
+import ProsyncUITier1 from '@prosync_solutions/ui/tier1'
+import '@prosync_solutions/ui/style.css'
+
+app.use(ProsyncUITier1)
+```
+
+---
+
+## Phase 1 — Tier 1 Components
+
+| Component | Description |
+|---|---|
+| `ProButton` | 5 variants · 3 sizes · loading state |
+| `ProInput` | Text input with label + prefix icon slot |
+| `ProSelect` | Dropdown with normalized options |
+| `ProTextarea` | Multi-line input with configurable rows |
+| `ProFormField` | Label wrapper with required, info tooltip, AI indicator |
+| `ProTag` | Status badge — secondary / success / info / warn / error / attention |
+| `ProCard` | Flexible content container |
+| `ProModal` | Dialog overlay — sm / md / lg / xl / full |
+| `ProToast` | Notification toast — information / success / warn / error |
+| `ProAvatar` | User avatar — xs / sm / md / lg / xl sizes |
+| `ProDivider` | Horizontal or vertical separator |
+| `ProSpinner` | Animated loading spinner |
+
+---
+
+## Design Tokens
+
+Tokens are available as CSS custom properties under the `--pds-` prefix.
+
+```css
+/* Import raw tokens only (no Tailwind required) */
+@import '@prosync/ui/tokens-tier1';
+```
+
+### Tier 1 Token Reference
+
+| Token | Value | Usage |
+|---|---|---|
+| `--pds-brand-primary` | `#03439a` | Buttons, focus rings, links |
+| `--pds-brand-primary-strong` | `#02367b` | Button hover |
+| `--pds-text-body` | `#1d293d` | Default body text |
+| `--pds-text-placeholder` | `#62748e` | Input placeholder |
+| `--pds-text-error` | `#c10007` | Validation error messages |
+| `--pds-surface-sub-bg` | `#ffffff` | Input / card background |
+| `--pds-surface-error` | `#ffe2e2` | Error input tint / error tag bg |
+| `--pds-border` | `#e5e7eb` | Default input border |
+| `--pds-radius-button` | `6px` | Buttons, inputs, tags |
+| `--pds-radius-card` | `12px` | Cards, containers |
+| `--pds-font-family` | `Montserrat` | All text |
+| `--pds-button-height-md` | `40px` | Default button height |
+| `--pds-input-height-md` | `40px` | Default input height |
+
+Full token reference: [`src/styles/tokens.json`](./src/styles/tokens.json) · [`src/styles/tokens-tier1.css`](./src/styles/tokens-tier1.css)
+
+---
+
+## Package Exports
+
+| Import path | Contents |
+|---|---|
+| `@prosync/ui` | All 30 components |
+| `@prosync/ui/tier1` | 12 Tier 1 components + types |
+| `@prosync/ui/style.css` | Full design token stylesheet |
+| `@prosync/ui/tier1.css` | Tier 1 token stylesheet |
+| `@prosync/ui/tokens` | Raw `tokens.json` |
+| `@prosync/ui/tokens-tier1` | Raw Tier 1 CSS token file |
+
+---
+
+## Development
+
+```bash
+npm install          # install dependencies
+npm run storybook    # component preview at http://localhost:6006
+npm run build        # build the library to dist/
+```
+
+---
+
+## License
+
+MIT © Prosync

package/dist/chunks/ProSidebarItem-CNJJi_zd.js

@@ -0,0 +1,4 @@
+import { ProSidebarItem as r } from "../prosync-ui.js";
+export {
+  r as default
+};

package/dist/chunks/ProSidebarItem-W3KGbpUN.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../prosync-ui.umd.cjs");exports.default=e.ProSidebarItem;