@wealthx/shadcn 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/.turbo/turbo-build.log +55 -55
  2. package/CHANGELOG.md +6 -0
  3. package/README.md +128 -0
  4. package/package.json +1 -1
package/.turbo/turbo-build.log CHANGED
@@ -14,7 +14,7 @@ npm warn Unknown project config "auto-install-peers". This will stop working in
14
14
  npm warn Unknown project config "public-hoist-pattern". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
15
15
  ≈ tailwindcss v4.2.2
16
16
 
17
- Done in 491ms
17
+ Done in 561ms
18
18
  Built dist/styles.css and src/styles/styles-css.ts
19
19
  warning package.json: No license field
20
20
  $ tsup
@@ -25,6 +25,50 @@ $ tsup
25
25
  CLI Target: es6
26
26
  CJS Build start
27
27
  ESM Build start
28
+ CJS dist/index.js 154.63 KB
29
+ CJS dist/lib/colors.js 3.15 KB
30
+ CJS dist/lib/theme-provider.js 6.09 KB
31
+ CJS dist/lib/typography.js 5.49 KB
32
+ CJS dist/lib/utils.js 1.20 KB
33
+ CJS dist/components/ui/accordion.js 5.11 KB
34
+ CJS dist/components/ui/alert.js 4.57 KB
35
+ CJS dist/components/ui/alert-dialog.js 15.26 KB
36
+ CJS dist/components/ui/avatar.js 5.71 KB
37
+ CJS dist/components/ui/badge.js 6.12 KB
38
+ CJS dist/components/ui/button.js 7.98 KB
39
+ CJS dist/components/ui/calendar.js 15.83 KB
40
+ CJS dist/components/ui/card.js 4.91 KB
41
+ CJS dist/components/ui/checkbox.js 6.51 KB
42
+ CJS dist/components/ui/chip.js 7.36 KB
43
+ CJS dist/components/ui/data-table.js 37.83 KB
44
+ CJS dist/components/ui/date-picker.js 21.43 KB
45
+ CJS dist/components/ui/dialog.js 14.05 KB
46
+ CJS dist/components/ui/drawer.js 7.96 KB
47
+ CJS dist/components/ui/dropdown-menu.js 12.97 KB
48
+ CJS dist/components/ui/empty.js 5.30 KB
49
+ CJS dist/components/ui/field.js 11.19 KB
50
+ CJS dist/components/ui/input-group.js 15.80 KB
51
+ CJS dist/components/ui/input-otp.js 5.86 KB
52
+ CJS dist/components/ui/label.js 2.92 KB
53
+ CJS dist/components/ui/pagination.js 11.88 KB
54
+ CJS dist/components/ui/popover.js 5.81 KB
55
+ CJS dist/components/ui/progress.js 3.32 KB
56
+ CJS dist/components/ui/radio-group.js 6.54 KB
57
+ CJS dist/components/ui/input.js 3.26 KB
58
+ CJS dist/components/ui/separator.js 2.97 KB
59
+ CJS dist/components/ui/select.js 10.14 KB
60
+ CJS dist/components/ui/skeleton.js 2.62 KB
61
+ CJS dist/components/ui/sheet.js 8.05 KB
62
+ CJS dist/components/ui/sonner.js 3.35 KB
63
+ CJS dist/components/ui/spinner.js 3.12 KB
64
+ CJS dist/components/ui/switch.js 6.34 KB
65
+ CJS dist/components/ui/table.js 5.60 KB
66
+ CJS dist/components/ui/tabs.js 6.44 KB
67
+ CJS dist/components/ui/textarea.js 3.13 KB
68
+ CJS dist/components/ui/toggle-group.js 6.71 KB
69
+ CJS dist/components/ui/toggle.js 3.99 KB
70
+ CJS dist/components/ui/tooltip.js 5.03 KB
71
+ CJS ⚡️ Build success in 319ms
28
72
  ESM dist/lib/colors.mjs 205.00 B
29
73
  ESM dist/index.mjs 7.84 KB
30
74
  ESM dist/chunk-DDPA2XXS.mjs 2.45 KB
@@ -35,6 +79,7 @@ $ tsup
35
79
  ESM dist/chunk-BMFN37JH.mjs 865.00 B
36
80
  ESM dist/chunk-VYMHBV6D.mjs 3.78 KB
37
81
  ESM dist/chunk-RL772EH7.mjs 4.04 KB
82
+ ESM dist/chunk-NGYG2EA6.mjs 3.51 KB
38
83
  ESM dist/chunk-BBJBJSXQ.mjs 995.00 B
39
84
  ESM dist/chunk-JU2RUWHF.mjs 3.88 KB
40
85
  ESM dist/chunk-AMJ23O53.mjs 3.58 KB
@@ -63,22 +108,21 @@ $ tsup
63
108
  ESM dist/lib/theme-provider.mjs 237.00 B
64
109
  ESM dist/lib/typography.mjs 527.00 B
65
110
  ESM dist/chunk-3VQNJ235.mjs 3.52 KB
66
- ESM dist/chunk-KKHTJNMM.mjs 2.51 KB
67
111
  ESM dist/lib/utils.mjs 95.00 B
112
+ ESM dist/chunk-KKHTJNMM.mjs 2.51 KB
68
113
  ESM dist/chunk-NWZ46DJL.mjs 6.31 KB
69
114
  ESM dist/chunk-IAOOZCUY.mjs 3.47 KB
70
115
  ESM dist/chunk-DBHJ5KC3.mjs 1.56 KB
71
- ESM dist/chunk-OXQQNQZI.mjs 2.93 KB
72
116
  ESM dist/chunk-QOJ2DQD6.mjs 2.06 KB
73
- ESM dist/chunk-CZ3BW5GL.mjs 2.25 KB
74
117
  ESM dist/chunk-V7CNWJT3.mjs 168.00 B
75
118
  ESM dist/chunk-FWCSY2DS.mjs 1.30 KB
119
+ ESM dist/chunk-CZ3BW5GL.mjs 2.25 KB
76
120
  ESM dist/components/ui/toggle-group.mjs 241.00 B
77
- ESM dist/chunk-NGYG2EA6.mjs 3.51 KB
121
+ ESM dist/chunk-OXQQNQZI.mjs 2.93 KB
78
122
  ESM dist/components/ui/toggle.mjs 194.00 B
79
123
  ESM dist/components/ui/tooltip.mjs 326.00 B
80
- ESM dist/components/ui/skeleton.mjs 148.00 B
81
124
  ESM dist/components/ui/sheet.mjs 462.00 B
125
+ ESM dist/components/ui/skeleton.mjs 148.00 B
82
126
  ESM dist/components/ui/sonner.mjs 111.00 B
83
127
  ESM dist/components/ui/spinner.mjs 184.00 B
84
128
  ESM dist/components/ui/switch.mjs 186.00 B
@@ -90,8 +134,8 @@ $ tsup
90
134
  ESM dist/components/ui/pagination.mjs 460.00 B
91
135
  ESM dist/components/ui/popover.mjs 432.00 B
92
136
  ESM dist/components/ui/progress.mjs 148.00 B
93
- ESM dist/components/ui/radio-group.mjs 224.00 B
94
137
  ESM dist/components/ui/select.mjs 538.00 B
138
+ ESM dist/components/ui/radio-group.mjs 224.00 B
95
139
  ESM dist/components/ui/separator.mjs 150.00 B
96
140
  ESM dist/components/ui/date-picker.mjs 376.00 B
97
141
  ESM dist/components/ui/dialog.mjs 584.00 B
@@ -100,8 +144,8 @@ $ tsup
100
144
  ESM dist/components/ui/empty.mjs 300.00 B
101
145
  ESM dist/components/ui/field.mjs 486.00 B
102
146
  ESM dist/components/ui/input-group.mjs 488.00 B
103
- ESM dist/components/ui/avatar.mjs 310.00 B
104
147
  ESM dist/components/ui/input-otp.mjs 256.00 B
148
+ ESM dist/components/ui/avatar.mjs 310.00 B
105
149
  ESM dist/components/ui/badge.mjs 211.00 B
106
150
  ESM dist/components/ui/button.mjs 215.00 B
107
151
  ESM dist/components/ui/calendar.mjs 260.00 B
@@ -110,51 +154,7 @@ $ tsup
110
154
  ESM dist/components/ui/chip.mjs 210.00 B
111
155
  ESM dist/components/ui/data-table.mjs 736.00 B
112
156
  ESM dist/components/ui/accordion.mjs 264.00 B
113
- ESM dist/components/ui/alert-dialog.mjs 768.00 B
114
157
  ESM dist/components/ui/alert.mjs 210.00 B
115
- ESM ⚡️ Build success in 328ms
116
- CJS dist/index.js 154.63 KB
117
- CJS dist/lib/theme-provider.js 6.09 KB
118
- CJS dist/lib/colors.js 3.15 KB
119
- CJS dist/lib/typography.js 5.49 KB
120
- CJS dist/lib/utils.js 1.20 KB
121
- CJS dist/components/ui/accordion.js 5.11 KB
122
- CJS dist/components/ui/alert-dialog.js 15.26 KB
123
- CJS dist/components/ui/alert.js 4.57 KB
124
- CJS dist/components/ui/avatar.js 5.71 KB
125
- CJS dist/components/ui/badge.js 6.12 KB
126
- CJS dist/components/ui/button.js 7.98 KB
127
- CJS dist/components/ui/calendar.js 15.83 KB
128
- CJS dist/components/ui/card.js 4.91 KB
129
- CJS dist/components/ui/checkbox.js 6.51 KB
130
- CJS dist/components/ui/chip.js 7.36 KB
131
- CJS dist/components/ui/data-table.js 37.83 KB
132
- CJS dist/components/ui/date-picker.js 21.43 KB
133
- CJS dist/components/ui/dialog.js 14.05 KB
134
- CJS dist/components/ui/drawer.js 7.96 KB
135
- CJS dist/components/ui/dropdown-menu.js 12.97 KB
136
- CJS dist/components/ui/empty.js 5.30 KB
137
- CJS dist/components/ui/field.js 11.19 KB
138
- CJS dist/components/ui/input-group.js 15.80 KB
139
- CJS dist/components/ui/input-otp.js 5.86 KB
140
- CJS dist/components/ui/input.js 3.26 KB
141
- CJS dist/components/ui/label.js 2.92 KB
142
- CJS dist/components/ui/pagination.js 11.88 KB
143
- CJS dist/components/ui/popover.js 5.81 KB
144
- CJS dist/components/ui/progress.js 3.32 KB
145
- CJS dist/components/ui/radio-group.js 6.54 KB
146
- CJS dist/components/ui/select.js 10.14 KB
147
- CJS dist/components/ui/separator.js 2.97 KB
148
- CJS dist/components/ui/sheet.js 8.05 KB
149
- CJS dist/components/ui/skeleton.js 2.62 KB
150
- CJS dist/components/ui/spinner.js 3.12 KB
151
- CJS dist/components/ui/sonner.js 3.35 KB
152
- CJS dist/components/ui/switch.js 6.34 KB
153
- CJS dist/components/ui/table.js 5.60 KB
154
- CJS dist/components/ui/tabs.js 6.44 KB
155
- CJS dist/components/ui/textarea.js 3.13 KB
156
- CJS dist/components/ui/toggle-group.js 6.71 KB
157
- CJS dist/components/ui/toggle.js 3.99 KB
158
- CJS dist/components/ui/tooltip.js 5.03 KB
159
- CJS ⚡️ Build success in 332ms
160
- Done in 6.74s.
158
+ ESM dist/components/ui/alert-dialog.mjs 768.00 B
159
+ ESM ⚡️ Build success in 326ms
160
+ Done in 7.14s.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @wealthx/shadcn
2
2
 
3
+ ## 1.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - 026db62: Add README.md
8
+
3
9
  ## 1.0.0
4
10
 
5
11
  ### Major Changes
package/README.md ADDED
@@ -0,0 +1,128 @@
1
+ # @wealthx/shadcn
2
+
3
+ WealthX component library built on [shadcn/ui](https://ui.shadcn.com), Tailwind CSS v4, and Radix primitives.
4
+
5
+ ## Install
6
+
7
+ ```bash
8
+ yarn add @wealthx/shadcn
9
+ ```
10
+
11
+ **Peer dependencies:** `react` and `react-dom` (^18.3.1)
12
+
13
+ ## Setup
14
+
15
+ Import the global stylesheet in your app entry point:
16
+
17
+ ```tsx
18
+ import "@wealthx/shadcn/styles.css";
19
+ ```
20
+
21
+ Wrap your app with the `ThemeProvider` for runtime theming:
22
+
23
+ ```tsx
24
+ import { ThemeProvider } from "@wealthx/shadcn/theme";
25
+
26
+ <ThemeProvider primaryColor="#33FF99" secondaryColor="#162029">
27
+ <App />
28
+ </ThemeProvider>
29
+ ```
30
+
31
+ ## Usage
32
+
33
+ Import components from the package root or individual entry points:
34
+
35
+ ```tsx
36
+ // Barrel import
37
+ import { Button, Card, Input } from "@wealthx/shadcn";
38
+
39
+ // Individual entry points (better tree-shaking)
40
+ import { Button } from "@wealthx/shadcn/button";
41
+ import { Card } from "@wealthx/shadcn/card";
42
+ ```
43
+
44
+ ## Components
45
+
46
+ | Component | Import path | Description |
47
+ |-----------|------------|-------------|
48
+ | Accordion | `./accordion` | Collapsible content sections |
49
+ | Alert | `./alert` | Status messages |
50
+ | AlertDialog | `./alert-dialog` | Confirmation modals |
51
+ | Avatar | `./avatar` | User images with fallback, group, and badge |
52
+ | Badge | `./badge` | Labels and tags |
53
+ | Button | `./button` | Primary action element |
54
+ | Calendar | `./calendar` | Date picker calendar |
55
+ | Card | `./card` | Container with header, content, and footer |
56
+ | Checkbox | `./checkbox` | Single or multiple selection |
57
+ | Chip | `./chip` | Small labeled element |
58
+ | DataTable | `./data-table` | Table powered by TanStack Table |
59
+ | DatePicker | `./date-picker` | Calendar with popover |
60
+ | Dialog | `./dialog` | Modal dialog |
61
+ | Drawer | `./drawer` | Slide-out side panel |
62
+ | DropdownMenu | `./dropdown-menu` | Contextual menu |
63
+ | Empty | `./empty` | Empty state placeholder |
64
+ | Field | `./field` | Form field wrapper with label and error |
65
+ | Input | `./input` | Text input |
66
+ | InputGroup | `./input-group` | Input with addons and buttons |
67
+ | InputOTP | `./input-otp` | Multi-slot OTP entry |
68
+ | Label | `./label` | Form label |
69
+ | Pagination | `./pagination` | Page navigation |
70
+ | Popover | `./popover` | Floating content |
71
+ | Progress | `./progress` | Progress bar |
72
+ | RadioGroup | `./radio-group` | Single selection group |
73
+ | Select | `./select` | Dropdown select |
74
+ | Separator | `./separator` | Visual divider |
75
+ | Sheet | `./sheet` | Off-canvas panel |
76
+ | Skeleton | `./skeleton` | Loading placeholder |
77
+ | Sonner | `./sonner` | Toast notifications |
78
+ | Spinner | `./spinner` | Loading indicator |
79
+ | Switch | `./switch` | Toggle switch |
80
+ | Table | `./table` | Basic HTML table |
81
+ | Tabs | `./tabs` | Tabbed interface |
82
+ | Textarea | `./textarea` | Multi-line text input |
83
+ | Toggle | `./toggle` | Button toggle |
84
+ | ToggleGroup | `./toggle-group` | Grouped toggles |
85
+ | Tooltip | `./tooltip` | Hover hint |
86
+
87
+ ## Utilities
88
+
89
+ | Export | Import path | Description |
90
+ |--------|------------|-------------|
91
+ | `cn()` | `@wealthx/shadcn/lib/utils` | Merge class names (clsx + tailwind-merge) |
92
+ | Color utils | `@wealthx/shadcn/lib/colors` | `hexToRgb`, `hexToOklch`, `getContrastText`, `getLuminance` |
93
+ | Typography | `@wealthx/shadcn/typography` | Rem-based type scale with CSS variable generators |
94
+ | ThemeProvider | `@wealthx/shadcn/theme` | Runtime theme provider for tenant colors |
95
+
96
+ ## Design tokens
97
+
98
+ All tokens are defined as CSS custom properties in `src/styles/globals.css`:
99
+
100
+ - **Colors** — OKLch format. Core tokens: `--background`, `--foreground`, `--primary`, `--secondary`, `--muted`, `--accent`, `--destructive`. Status tokens: `--warning`, `--success`, `--info`. Chart series: `--chart-1` through `--chart-5`.
101
+ - **Typography** — Figtree font family. 13 styles from Display down to Code, each with `--font-size-*`, `--line-height-*`, `--letter-spacing-*`, and `--font-weight-*` variables.
102
+ - **Border radius** — All radii set to `0px` (sharp corners by design).
103
+
104
+ ## Development
105
+
106
+ ```bash
107
+ # Install dependencies
108
+ yarn
109
+
110
+ # Build the package (CSS + JS)
111
+ yarn workspace @wealthx/shadcn build
112
+
113
+ # Watch mode
114
+ yarn workspace @wealthx/shadcn dev
115
+
116
+ # Lint
117
+ yarn workspace @wealthx/shadcn lint
118
+ ```
119
+
120
+ ## Tech stack
121
+
122
+ - [shadcn/ui](https://ui.shadcn.com) — Component primitives
123
+ - [Tailwind CSS v4](https://tailwindcss.com) — Utility-first styles
124
+ - [Radix Primitives](https://www.radix-ui.com) via `@base-ui/react` — Accessible headless components
125
+ - [TanStack Table](https://tanstack.com/table) — DataTable
126
+ - [Lucide](https://lucide.dev) — Icons
127
+ - [tsup](https://tsup.egoist.dev) — Build tooling (CJS + ESM)
128
+ - [class-variance-authority](https://cva.style) — Variant management
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wealthx/shadcn",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./src/index.ts",