@wealthx/shadcn 1.0.0 → 1.0.2
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.
- package/.turbo/turbo-build.log +34 -31
- package/CHANGELOG.md +12 -0
- package/README.md +128 -0
- package/dist/{chunk-2WZVSBAY.mjs → chunk-3NQGYJEZ.mjs} +1 -1
- package/dist/{chunk-ZN2QKLF6.mjs → chunk-46OFHMQA.mjs} +1 -1
- package/dist/{chunk-IAOOZCUY.mjs → chunk-4AJ5HWHD.mjs} +4 -1
- package/dist/{chunk-7LDIMXGM.mjs → chunk-DKZRJOMF.mjs} +1 -1
- package/dist/{chunk-AMJ23O53.mjs → chunk-FHNT55I5.mjs} +2 -2
- package/dist/{chunk-NGYG2EA6.mjs → chunk-I64K754C.mjs} +1 -1
- package/dist/chunk-K74JRTJR.mjs +105 -0
- package/dist/{chunk-MKFL5MNH.mjs → chunk-K76E2TQU.mjs} +1 -1
- package/dist/{chunk-NWZ46DJL.mjs → chunk-KQDD5MU3.mjs} +1 -1
- package/dist/components/ui/alert-dialog.js +4 -1
- package/dist/components/ui/alert-dialog.mjs +2 -2
- package/dist/components/ui/button.js +4 -1
- package/dist/components/ui/button.mjs +1 -1
- package/dist/components/ui/calendar.js +4 -1
- package/dist/components/ui/calendar.mjs +2 -2
- package/dist/components/ui/data-table.js +4 -1
- package/dist/components/ui/data-table.mjs +2 -2
- package/dist/components/ui/date-picker.js +4 -1
- package/dist/components/ui/date-picker.mjs +3 -3
- package/dist/components/ui/dialog.js +4 -1
- package/dist/components/ui/dialog.mjs +2 -2
- package/dist/components/ui/input-group.js +4 -1
- package/dist/components/ui/input-group.mjs +2 -2
- package/dist/components/ui/pagination.js +4 -1
- package/dist/components/ui/pagination.mjs +2 -2
- package/dist/components/ui/slider.js +166 -0
- package/dist/components/ui/slider.mjs +8 -0
- package/dist/index.js +140 -41
- package/dist/index.mjs +12 -8
- package/dist/styles.css +1 -1
- package/package.json +6 -1
- package/src/components/index.tsx +3 -0
- package/src/components/ui/button.tsx +2 -0
- package/src/components/ui/slider.tsx +107 -0
- package/src/styles/styles-css.ts +1 -1
- package/tsup.config.ts +1 -0
package/.turbo/turbo-build.log
CHANGED
|
@@ -14,11 +14,11 @@ 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
|
[3m[1m[34m≈[39m[22m[23m tailwindcss [34mv4.2.2[39m
|
|
16
16
|
|
|
17
|
-
Done in [
|
|
17
|
+
Done in [33m521ms[39m
|
|
18
18
|
Built dist/styles.css and src/styles/styles-css.ts
|
|
19
19
|
warning package.json: No license field
|
|
20
20
|
$ tsup
|
|
21
|
-
[34mCLI[39m Building entry: src/index.ts, src/lib/colors.ts, src/lib/theme-provider.tsx, src/lib/typography.ts, src/lib/utils.ts, src/components/ui/accordion.tsx, src/components/ui/alert-dialog.tsx, src/components/ui/alert.tsx, src/components/ui/avatar.tsx, src/components/ui/badge.tsx, src/components/ui/button.tsx, src/components/ui/calendar.tsx, src/components/ui/card.tsx, src/components/ui/checkbox.tsx, src/components/ui/chip.tsx, src/components/ui/data-table.tsx, src/components/ui/date-picker.tsx, src/components/ui/dialog.tsx, src/components/ui/drawer.tsx, src/components/ui/dropdown-menu.tsx, src/components/ui/empty.tsx, src/components/ui/field.tsx, src/components/ui/input-group.tsx, src/components/ui/input-otp.tsx, src/components/ui/input.tsx, src/components/ui/label.tsx, src/components/ui/pagination.tsx, src/components/ui/popover.tsx, src/components/ui/progress.tsx, src/components/ui/radio-group.tsx, src/components/ui/select.tsx, src/components/ui/separator.tsx, src/components/ui/sheet.tsx, src/components/ui/skeleton.tsx, src/components/ui/sonner.tsx, src/components/ui/spinner.tsx, src/components/ui/switch.tsx, src/components/ui/table.tsx, src/components/ui/tabs.tsx, src/components/ui/textarea.tsx, src/components/ui/toggle-group.tsx, src/components/ui/toggle.tsx, src/components/ui/tooltip.tsx
|
|
21
|
+
[34mCLI[39m Building entry: src/index.ts, src/lib/colors.ts, src/lib/theme-provider.tsx, src/lib/typography.ts, src/lib/utils.ts, src/components/ui/accordion.tsx, src/components/ui/alert-dialog.tsx, src/components/ui/alert.tsx, src/components/ui/avatar.tsx, src/components/ui/badge.tsx, src/components/ui/button.tsx, src/components/ui/calendar.tsx, src/components/ui/card.tsx, src/components/ui/checkbox.tsx, src/components/ui/chip.tsx, src/components/ui/data-table.tsx, src/components/ui/date-picker.tsx, src/components/ui/dialog.tsx, src/components/ui/drawer.tsx, src/components/ui/dropdown-menu.tsx, src/components/ui/empty.tsx, src/components/ui/field.tsx, src/components/ui/input-group.tsx, src/components/ui/input-otp.tsx, src/components/ui/input.tsx, src/components/ui/label.tsx, src/components/ui/pagination.tsx, src/components/ui/popover.tsx, src/components/ui/progress.tsx, src/components/ui/radio-group.tsx, src/components/ui/select.tsx, src/components/ui/separator.tsx, src/components/ui/sheet.tsx, src/components/ui/skeleton.tsx, src/components/ui/slider.tsx, src/components/ui/sonner.tsx, src/components/ui/spinner.tsx, src/components/ui/switch.tsx, src/components/ui/table.tsx, src/components/ui/tabs.tsx, src/components/ui/textarea.tsx, src/components/ui/toggle-group.tsx, src/components/ui/toggle.tsx, src/components/ui/tooltip.tsx
|
|
22
22
|
[34mCLI[39m Using tsconfig: tsconfig.json
|
|
23
23
|
[34mCLI[39m tsup v8.5.1
|
|
24
24
|
[34mCLI[39m Using tsup config: /home/runner/work/wealthx-ui/wealthx-ui/packages/shadcn/tsup.config.ts
|
|
@@ -26,34 +26,36 @@ $ tsup
|
|
|
26
26
|
[34mCJS[39m Build start
|
|
27
27
|
[34mESM[39m Build start
|
|
28
28
|
[32mESM[39m [1mdist/lib/colors.mjs [22m[32m205.00 B[39m
|
|
29
|
-
[32mESM[39m [1mdist/index.mjs [22m[32m7.
|
|
29
|
+
[32mESM[39m [1mdist/index.mjs [22m[32m7.89 KB[39m
|
|
30
30
|
[32mESM[39m [1mdist/chunk-DDPA2XXS.mjs [22m[32m2.45 KB[39m
|
|
31
31
|
[32mESM[39m [1mdist/chunk-3U7SD3MS.mjs [22m[32m1.74 KB[39m
|
|
32
32
|
[32mESM[39m [1mdist/chunk-CGOKTPXU.mjs [22m[32m2.24 KB[39m
|
|
33
33
|
[32mESM[39m [1mdist/chunk-PMKODV6M.mjs [22m[32m4.88 KB[39m
|
|
34
|
+
[32mESM[39m [1mdist/chunk-K74JRTJR.mjs [22m[32m2.75 KB[39m
|
|
34
35
|
[32mESM[39m [1mdist/chunk-2Y7YJKPE.mjs [22m[32m1.24 KB[39m
|
|
35
36
|
[32mESM[39m [1mdist/chunk-BMFN37JH.mjs [22m[32m865.00 B[39m
|
|
36
37
|
[32mESM[39m [1mdist/chunk-VYMHBV6D.mjs [22m[32m3.78 KB[39m
|
|
37
38
|
[32mESM[39m [1mdist/chunk-RL772EH7.mjs [22m[32m4.04 KB[39m
|
|
39
|
+
[32mESM[39m [1mdist/chunk-I64K754C.mjs [22m[32m3.51 KB[39m
|
|
38
40
|
[32mESM[39m [1mdist/chunk-BBJBJSXQ.mjs [22m[32m995.00 B[39m
|
|
39
41
|
[32mESM[39m [1mdist/chunk-JU2RUWHF.mjs [22m[32m3.88 KB[39m
|
|
40
|
-
[32mESM[39m [1mdist/chunk-
|
|
42
|
+
[32mESM[39m [1mdist/chunk-FHNT55I5.mjs [22m[32m3.58 KB[39m
|
|
41
43
|
[32mESM[39m [1mdist/chunk-MQ72DIBH.mjs [22m[32m3.01 KB[39m
|
|
42
|
-
[32mESM[39m [1mdist/chunk-
|
|
44
|
+
[32mESM[39m [1mdist/chunk-DKZRJOMF.mjs [22m[32m5.28 KB[39m
|
|
43
45
|
[32mESM[39m [1mdist/chunk-6AFMNC42.mjs [22m[32m4.84 KB[39m
|
|
44
46
|
[32mESM[39m [1mdist/chunk-YN5SYTOO.mjs [22m[32m2.81 KB[39m
|
|
45
47
|
[32mESM[39m [1mdist/chunk-HUVTPUV2.mjs [22m[32m6.89 KB[39m
|
|
46
|
-
[32mESM[39m [1mdist/chunk-ZZV5JVNW.mjs [22m[32m835.00 B[39m
|
|
47
48
|
[32mESM[39m [1mdist/chunk-55CEW76V.mjs [22m[32m840.00 B[39m
|
|
48
|
-
[32mESM[39m [1mdist/chunk-
|
|
49
|
+
[32mESM[39m [1mdist/chunk-ZZV5JVNW.mjs [22m[32m835.00 B[39m
|
|
50
|
+
[32mESM[39m [1mdist/chunk-46OFHMQA.mjs [22m[32m5.71 KB[39m
|
|
49
51
|
[32mESM[39m [1mdist/chunk-GPRJQ24C.mjs [22m[32m1005.00 B[39m
|
|
50
52
|
[32mESM[39m [1mdist/chunk-Z3MK2KKZ.mjs [22m[32m2.66 KB[39m
|
|
51
53
|
[32mESM[39m [1mdist/chunk-6OJF6XRN.mjs [22m[32m3.27 KB[39m
|
|
52
|
-
[32mESM[39m [1mdist/chunk-
|
|
54
|
+
[32mESM[39m [1mdist/chunk-3NQGYJEZ.mjs [22m[32m7.72 KB[39m
|
|
53
55
|
[32mESM[39m [1mdist/chunk-SLWCCURD.mjs [22m[32m2.45 KB[39m
|
|
54
56
|
[32mESM[39m [1mdist/chunk-VG6UF6UT.mjs [22m[32m1.63 KB[39m
|
|
55
57
|
[32mESM[39m [1mdist/chunk-E3K6O4FZ.mjs [22m[32m1.87 KB[39m
|
|
56
|
-
[32mESM[39m [1mdist/chunk-
|
|
58
|
+
[32mESM[39m [1mdist/chunk-K76E2TQU.mjs [22m[32m12.35 KB[39m
|
|
57
59
|
[32mESM[39m [1mdist/chunk-HS7TFG7V.mjs [22m[32m483.00 B[39m
|
|
58
60
|
[32mESM[39m [1mdist/chunk-BGP2N52Z.mjs [22m[32m3.07 KB[39m
|
|
59
61
|
[32mESM[39m [1mdist/chunk-VZ2NR7L3.mjs [22m[32m6.68 KB[39m
|
|
@@ -63,28 +65,28 @@ $ tsup
|
|
|
63
65
|
[32mESM[39m [1mdist/lib/theme-provider.mjs [22m[32m237.00 B[39m
|
|
64
66
|
[32mESM[39m [1mdist/lib/typography.mjs [22m[32m527.00 B[39m
|
|
65
67
|
[32mESM[39m [1mdist/chunk-3VQNJ235.mjs [22m[32m3.52 KB[39m
|
|
66
|
-
[32mESM[39m [1mdist/chunk-KKHTJNMM.mjs [22m[32m2.51 KB[39m
|
|
67
68
|
[32mESM[39m [1mdist/lib/utils.mjs [22m[32m95.00 B[39m
|
|
68
|
-
[32mESM[39m [1mdist/chunk-
|
|
69
|
-
[32mESM[39m [1mdist/chunk-
|
|
69
|
+
[32mESM[39m [1mdist/chunk-KKHTJNMM.mjs [22m[32m2.51 KB[39m
|
|
70
|
+
[32mESM[39m [1mdist/chunk-KQDD5MU3.mjs [22m[32m6.31 KB[39m
|
|
71
|
+
[32mESM[39m [1mdist/chunk-4AJ5HWHD.mjs [22m[32m3.52 KB[39m
|
|
70
72
|
[32mESM[39m [1mdist/chunk-DBHJ5KC3.mjs [22m[32m1.56 KB[39m
|
|
71
73
|
[32mESM[39m [1mdist/chunk-OXQQNQZI.mjs [22m[32m2.93 KB[39m
|
|
72
74
|
[32mESM[39m [1mdist/chunk-QOJ2DQD6.mjs [22m[32m2.06 KB[39m
|
|
73
|
-
[32mESM[39m [1mdist/chunk-CZ3BW5GL.mjs [22m[32m2.25 KB[39m
|
|
74
75
|
[32mESM[39m [1mdist/chunk-V7CNWJT3.mjs [22m[32m168.00 B[39m
|
|
76
|
+
[32mESM[39m [1mdist/chunk-CZ3BW5GL.mjs [22m[32m2.25 KB[39m
|
|
75
77
|
[32mESM[39m [1mdist/chunk-FWCSY2DS.mjs [22m[32m1.30 KB[39m
|
|
78
|
+
[32mESM[39m [1mdist/components/ui/textarea.mjs [22m[32m148.00 B[39m
|
|
76
79
|
[32mESM[39m [1mdist/components/ui/toggle-group.mjs [22m[32m241.00 B[39m
|
|
77
|
-
[32mESM[39m [1mdist/chunk-NGYG2EA6.mjs [22m[32m3.51 KB[39m
|
|
78
80
|
[32mESM[39m [1mdist/components/ui/toggle.mjs [22m[32m194.00 B[39m
|
|
81
|
+
[32mESM[39m [1mdist/components/ui/sheet.mjs [22m[32m462.00 B[39m
|
|
79
82
|
[32mESM[39m [1mdist/components/ui/tooltip.mjs [22m[32m326.00 B[39m
|
|
80
83
|
[32mESM[39m [1mdist/components/ui/skeleton.mjs [22m[32m148.00 B[39m
|
|
81
|
-
[32mESM[39m [1mdist/components/ui/
|
|
84
|
+
[32mESM[39m [1mdist/components/ui/slider.mjs [22m[32m144.00 B[39m
|
|
82
85
|
[32mESM[39m [1mdist/components/ui/sonner.mjs [22m[32m111.00 B[39m
|
|
83
86
|
[32mESM[39m [1mdist/components/ui/spinner.mjs [22m[32m184.00 B[39m
|
|
84
87
|
[32mESM[39m [1mdist/components/ui/switch.mjs [22m[32m186.00 B[39m
|
|
85
88
|
[32mESM[39m [1mdist/components/ui/table.mjs [22m[32m336.00 B[39m
|
|
86
89
|
[32mESM[39m [1mdist/components/ui/tabs.mjs [22m[32m264.00 B[39m
|
|
87
|
-
[32mESM[39m [1mdist/components/ui/textarea.mjs [22m[32m148.00 B[39m
|
|
88
90
|
[32mESM[39m [1mdist/components/ui/input.mjs [22m[32m142.00 B[39m
|
|
89
91
|
[32mESM[39m [1mdist/components/ui/label.mjs [22m[32m142.00 B[39m
|
|
90
92
|
[32mESM[39m [1mdist/components/ui/pagination.mjs [22m[32m460.00 B[39m
|
|
@@ -100,8 +102,8 @@ $ tsup
|
|
|
100
102
|
[32mESM[39m [1mdist/components/ui/empty.mjs [22m[32m300.00 B[39m
|
|
101
103
|
[32mESM[39m [1mdist/components/ui/field.mjs [22m[32m486.00 B[39m
|
|
102
104
|
[32mESM[39m [1mdist/components/ui/input-group.mjs [22m[32m488.00 B[39m
|
|
103
|
-
[32mESM[39m [1mdist/components/ui/avatar.mjs [22m[32m310.00 B[39m
|
|
104
105
|
[32mESM[39m [1mdist/components/ui/input-otp.mjs [22m[32m256.00 B[39m
|
|
106
|
+
[32mESM[39m [1mdist/components/ui/avatar.mjs [22m[32m310.00 B[39m
|
|
105
107
|
[32mESM[39m [1mdist/components/ui/badge.mjs [22m[32m211.00 B[39m
|
|
106
108
|
[32mESM[39m [1mdist/components/ui/button.mjs [22m[32m215.00 B[39m
|
|
107
109
|
[32mESM[39m [1mdist/components/ui/calendar.mjs [22m[32m260.00 B[39m
|
|
@@ -112,34 +114,34 @@ $ tsup
|
|
|
112
114
|
[32mESM[39m [1mdist/components/ui/accordion.mjs [22m[32m264.00 B[39m
|
|
113
115
|
[32mESM[39m [1mdist/components/ui/alert-dialog.mjs [22m[32m768.00 B[39m
|
|
114
116
|
[32mESM[39m [1mdist/components/ui/alert.mjs [22m[32m210.00 B[39m
|
|
115
|
-
[32mESM[39m ⚡️ Build success in
|
|
116
|
-
[32mCJS[39m [1mdist/index.js [22m[
|
|
117
|
-
[32mCJS[39m [1mdist/lib/theme-provider.js [22m[32m6.09 KB[39m
|
|
117
|
+
[32mESM[39m ⚡️ Build success in 317ms
|
|
118
|
+
[32mCJS[39m [1mdist/index.js [22m[32m157.47 KB[39m
|
|
118
119
|
[32mCJS[39m [1mdist/lib/colors.js [22m[32m3.15 KB[39m
|
|
120
|
+
[32mCJS[39m [1mdist/lib/theme-provider.js [22m[32m6.09 KB[39m
|
|
119
121
|
[32mCJS[39m [1mdist/lib/typography.js [22m[32m5.49 KB[39m
|
|
120
122
|
[32mCJS[39m [1mdist/lib/utils.js [22m[32m1.20 KB[39m
|
|
121
123
|
[32mCJS[39m [1mdist/components/ui/accordion.js [22m[32m5.11 KB[39m
|
|
122
|
-
[32mCJS[39m [1mdist/components/ui/alert-dialog.js [22m[32m15.
|
|
124
|
+
[32mCJS[39m [1mdist/components/ui/alert-dialog.js [22m[32m15.30 KB[39m
|
|
123
125
|
[32mCJS[39m [1mdist/components/ui/alert.js [22m[32m4.57 KB[39m
|
|
124
126
|
[32mCJS[39m [1mdist/components/ui/avatar.js [22m[32m5.71 KB[39m
|
|
125
127
|
[32mCJS[39m [1mdist/components/ui/badge.js [22m[32m6.12 KB[39m
|
|
126
|
-
[32mCJS[39m [1mdist/components/ui/button.js [22m[
|
|
127
|
-
[32mCJS[39m [1mdist/components/ui/calendar.js [22m[32m15.
|
|
128
|
+
[32mCJS[39m [1mdist/components/ui/button.js [22m[32m8.02 KB[39m
|
|
129
|
+
[32mCJS[39m [1mdist/components/ui/calendar.js [22m[32m15.88 KB[39m
|
|
128
130
|
[32mCJS[39m [1mdist/components/ui/card.js [22m[32m4.91 KB[39m
|
|
129
131
|
[32mCJS[39m [1mdist/components/ui/checkbox.js [22m[32m6.51 KB[39m
|
|
130
132
|
[32mCJS[39m [1mdist/components/ui/chip.js [22m[32m7.36 KB[39m
|
|
131
|
-
[32mCJS[39m [1mdist/components/ui/
|
|
132
|
-
[32mCJS[39m [1mdist/components/ui/
|
|
133
|
-
[32mCJS[39m [1mdist/components/ui/dialog.js [22m[32m14.05 KB[39m
|
|
133
|
+
[32mCJS[39m [1mdist/components/ui/date-picker.js [22m[32m21.48 KB[39m
|
|
134
|
+
[32mCJS[39m [1mdist/components/ui/data-table.js [22m[32m37.88 KB[39m
|
|
134
135
|
[32mCJS[39m [1mdist/components/ui/drawer.js [22m[32m7.96 KB[39m
|
|
136
|
+
[32mCJS[39m [1mdist/components/ui/dialog.js [22m[32m14.09 KB[39m
|
|
135
137
|
[32mCJS[39m [1mdist/components/ui/dropdown-menu.js [22m[32m12.97 KB[39m
|
|
136
138
|
[32mCJS[39m [1mdist/components/ui/empty.js [22m[32m5.30 KB[39m
|
|
137
139
|
[32mCJS[39m [1mdist/components/ui/field.js [22m[32m11.19 KB[39m
|
|
138
|
-
[32mCJS[39m [1mdist/components/ui/input-group.js [22m[32m15.
|
|
140
|
+
[32mCJS[39m [1mdist/components/ui/input-group.js [22m[32m15.85 KB[39m
|
|
139
141
|
[32mCJS[39m [1mdist/components/ui/input-otp.js [22m[32m5.86 KB[39m
|
|
140
142
|
[32mCJS[39m [1mdist/components/ui/input.js [22m[32m3.26 KB[39m
|
|
141
143
|
[32mCJS[39m [1mdist/components/ui/label.js [22m[32m2.92 KB[39m
|
|
142
|
-
[32mCJS[39m [1mdist/components/ui/pagination.js [22m[32m11.
|
|
144
|
+
[32mCJS[39m [1mdist/components/ui/pagination.js [22m[32m11.93 KB[39m
|
|
143
145
|
[32mCJS[39m [1mdist/components/ui/popover.js [22m[32m5.81 KB[39m
|
|
144
146
|
[32mCJS[39m [1mdist/components/ui/progress.js [22m[32m3.32 KB[39m
|
|
145
147
|
[32mCJS[39m [1mdist/components/ui/radio-group.js [22m[32m6.54 KB[39m
|
|
@@ -147,8 +149,9 @@ $ tsup
|
|
|
147
149
|
[32mCJS[39m [1mdist/components/ui/separator.js [22m[32m2.97 KB[39m
|
|
148
150
|
[32mCJS[39m [1mdist/components/ui/sheet.js [22m[32m8.05 KB[39m
|
|
149
151
|
[32mCJS[39m [1mdist/components/ui/skeleton.js [22m[32m2.62 KB[39m
|
|
150
|
-
[32mCJS[39m [1mdist/components/ui/
|
|
152
|
+
[32mCJS[39m [1mdist/components/ui/slider.js [22m[32m5.56 KB[39m
|
|
151
153
|
[32mCJS[39m [1mdist/components/ui/sonner.js [22m[32m3.35 KB[39m
|
|
154
|
+
[32mCJS[39m [1mdist/components/ui/spinner.js [22m[32m3.12 KB[39m
|
|
152
155
|
[32mCJS[39m [1mdist/components/ui/switch.js [22m[32m6.34 KB[39m
|
|
153
156
|
[32mCJS[39m [1mdist/components/ui/table.js [22m[32m5.60 KB[39m
|
|
154
157
|
[32mCJS[39m [1mdist/components/ui/tabs.js [22m[32m6.44 KB[39m
|
|
@@ -156,5 +159,5 @@ $ tsup
|
|
|
156
159
|
[32mCJS[39m [1mdist/components/ui/toggle-group.js [22m[32m6.71 KB[39m
|
|
157
160
|
[32mCJS[39m [1mdist/components/ui/toggle.js [22m[32m3.99 KB[39m
|
|
158
161
|
[32mCJS[39m [1mdist/components/ui/tooltip.js [22m[32m5.03 KB[39m
|
|
159
|
-
[32mCJS[39m ⚡️ Build success in
|
|
160
|
-
Done in 6.
|
|
162
|
+
[32mCJS[39m ⚡️ Build success in 329ms
|
|
163
|
+
Done in 6.77s.
|
package/CHANGELOG.md
CHANGED
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
|
|
@@ -54,6 +54,7 @@ var Button = forwardRef(function Button2(_a, ref) {
|
|
|
54
54
|
asChild = false,
|
|
55
55
|
loading = false,
|
|
56
56
|
disabled,
|
|
57
|
+
type = "button",
|
|
57
58
|
children
|
|
58
59
|
} = _b, props = __objRest(_b, [
|
|
59
60
|
"className",
|
|
@@ -62,6 +63,7 @@ var Button = forwardRef(function Button2(_a, ref) {
|
|
|
62
63
|
"asChild",
|
|
63
64
|
"loading",
|
|
64
65
|
"disabled",
|
|
66
|
+
"type",
|
|
65
67
|
"children"
|
|
66
68
|
]);
|
|
67
69
|
const Comp = asChild ? Slot : "button";
|
|
@@ -74,7 +76,8 @@ var Button = forwardRef(function Button2(_a, ref) {
|
|
|
74
76
|
"data-slot": "button",
|
|
75
77
|
"data-variant": variant,
|
|
76
78
|
disabled: loading || disabled,
|
|
77
|
-
ref
|
|
79
|
+
ref,
|
|
80
|
+
type
|
|
78
81
|
}, props), {
|
|
79
82
|
children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
80
83
|
/* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "animate-spin" }),
|
|
@@ -5,10 +5,10 @@ import {
|
|
|
5
5
|
} from "./chunk-MQ72DIBH.mjs";
|
|
6
6
|
import {
|
|
7
7
|
Calendar
|
|
8
|
-
} from "./chunk-
|
|
8
|
+
} from "./chunk-3NQGYJEZ.mjs";
|
|
9
9
|
import {
|
|
10
10
|
Button
|
|
11
|
-
} from "./chunk-
|
|
11
|
+
} from "./chunk-4AJ5HWHD.mjs";
|
|
12
12
|
import {
|
|
13
13
|
cn
|
|
14
14
|
} from "./chunk-V7CNWJT3.mjs";
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import {
|
|
2
|
+
cn
|
|
3
|
+
} from "./chunk-V7CNWJT3.mjs";
|
|
4
|
+
import {
|
|
5
|
+
__objRest,
|
|
6
|
+
__spreadValues
|
|
7
|
+
} from "./chunk-FWCSY2DS.mjs";
|
|
8
|
+
|
|
9
|
+
// src/components/ui/slider.tsx
|
|
10
|
+
import * as React from "react";
|
|
11
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
12
|
+
var Slider = React.forwardRef(
|
|
13
|
+
(_a, ref) => {
|
|
14
|
+
var _b = _a, {
|
|
15
|
+
className,
|
|
16
|
+
value,
|
|
17
|
+
defaultValue = 0,
|
|
18
|
+
min = 0,
|
|
19
|
+
max = 100,
|
|
20
|
+
step = 1,
|
|
21
|
+
disabled = false,
|
|
22
|
+
onValueChange
|
|
23
|
+
} = _b, props = __objRest(_b, [
|
|
24
|
+
"className",
|
|
25
|
+
"value",
|
|
26
|
+
"defaultValue",
|
|
27
|
+
"min",
|
|
28
|
+
"max",
|
|
29
|
+
"step",
|
|
30
|
+
"disabled",
|
|
31
|
+
"onValueChange"
|
|
32
|
+
]);
|
|
33
|
+
const [internalValue, setInternalValue] = React.useState(defaultValue);
|
|
34
|
+
const currentValue = value !== void 0 ? value : internalValue;
|
|
35
|
+
const percentage = (currentValue - min) / (max - min) * 100;
|
|
36
|
+
const handleChange = (e) => {
|
|
37
|
+
const newValue = Number(e.target.value);
|
|
38
|
+
if (value === void 0) {
|
|
39
|
+
setInternalValue(newValue);
|
|
40
|
+
}
|
|
41
|
+
onValueChange == null ? void 0 : onValueChange(newValue);
|
|
42
|
+
};
|
|
43
|
+
return /* @__PURE__ */ jsxs(
|
|
44
|
+
"div",
|
|
45
|
+
{
|
|
46
|
+
"data-slot": "slider",
|
|
47
|
+
className: cn(
|
|
48
|
+
"relative flex w-full touch-none items-center select-none",
|
|
49
|
+
disabled && "opacity-50",
|
|
50
|
+
className
|
|
51
|
+
),
|
|
52
|
+
children: [
|
|
53
|
+
/* @__PURE__ */ jsx(
|
|
54
|
+
"div",
|
|
55
|
+
{
|
|
56
|
+
"data-slot": "slider-track",
|
|
57
|
+
className: "relative h-2 w-full overflow-hidden rounded-full bg-muted",
|
|
58
|
+
children: /* @__PURE__ */ jsx(
|
|
59
|
+
"div",
|
|
60
|
+
{
|
|
61
|
+
"data-slot": "slider-range",
|
|
62
|
+
className: "absolute h-full rounded-full bg-primary",
|
|
63
|
+
style: { width: `${percentage}%` }
|
|
64
|
+
}
|
|
65
|
+
)
|
|
66
|
+
}
|
|
67
|
+
),
|
|
68
|
+
/* @__PURE__ */ jsx(
|
|
69
|
+
"input",
|
|
70
|
+
__spreadValues({
|
|
71
|
+
ref,
|
|
72
|
+
type: "range",
|
|
73
|
+
min,
|
|
74
|
+
max,
|
|
75
|
+
step,
|
|
76
|
+
value: currentValue,
|
|
77
|
+
disabled,
|
|
78
|
+
onChange: handleChange,
|
|
79
|
+
className: cn(
|
|
80
|
+
"absolute inset-0 h-full w-full cursor-pointer opacity-0",
|
|
81
|
+
disabled && "cursor-not-allowed"
|
|
82
|
+
)
|
|
83
|
+
}, props)
|
|
84
|
+
),
|
|
85
|
+
/* @__PURE__ */ jsx(
|
|
86
|
+
"div",
|
|
87
|
+
{
|
|
88
|
+
"data-slot": "slider-thumb",
|
|
89
|
+
className: cn(
|
|
90
|
+
"pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2",
|
|
91
|
+
"block size-5 rounded-full border-2 border-primary bg-background shadow-sm"
|
|
92
|
+
),
|
|
93
|
+
style: { left: `${percentage}%` }
|
|
94
|
+
}
|
|
95
|
+
)
|
|
96
|
+
]
|
|
97
|
+
}
|
|
98
|
+
);
|
|
99
|
+
}
|
|
100
|
+
);
|
|
101
|
+
Slider.displayName = "Slider";
|
|
102
|
+
|
|
103
|
+
export {
|
|
104
|
+
Slider
|
|
105
|
+
};
|
|
@@ -183,6 +183,7 @@ var Button = (0, import_react2.forwardRef)(function Button2(_a, ref) {
|
|
|
183
183
|
asChild = false,
|
|
184
184
|
loading = false,
|
|
185
185
|
disabled,
|
|
186
|
+
type = "button",
|
|
186
187
|
children
|
|
187
188
|
} = _b, props = __objRest(_b, [
|
|
188
189
|
"className",
|
|
@@ -191,6 +192,7 @@ var Button = (0, import_react2.forwardRef)(function Button2(_a, ref) {
|
|
|
191
192
|
"asChild",
|
|
192
193
|
"loading",
|
|
193
194
|
"disabled",
|
|
195
|
+
"type",
|
|
194
196
|
"children"
|
|
195
197
|
]);
|
|
196
198
|
const Comp = asChild ? Slot : "button";
|
|
@@ -203,7 +205,8 @@ var Button = (0, import_react2.forwardRef)(function Button2(_a, ref) {
|
|
|
203
205
|
"data-slot": "button",
|
|
204
206
|
"data-variant": variant,
|
|
205
207
|
disabled: loading || disabled,
|
|
206
|
-
ref
|
|
208
|
+
ref,
|
|
209
|
+
type
|
|
207
210
|
}, props), {
|
|
208
211
|
children: loading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
|
|
209
212
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Loader2, { "aria-hidden": "true", className: "animate-spin" }),
|
|
@@ -11,8 +11,8 @@ import {
|
|
|
11
11
|
AlertDialogPortal,
|
|
12
12
|
AlertDialogTitle,
|
|
13
13
|
AlertDialogTrigger
|
|
14
|
-
} from "../../chunk-
|
|
15
|
-
import "../../chunk-
|
|
14
|
+
} from "../../chunk-KQDD5MU3.mjs";
|
|
15
|
+
import "../../chunk-4AJ5HWHD.mjs";
|
|
16
16
|
import "../../chunk-DBHJ5KC3.mjs";
|
|
17
17
|
import "../../chunk-OXQQNQZI.mjs";
|
|
18
18
|
import "../../chunk-QOJ2DQD6.mjs";
|
|
@@ -162,6 +162,7 @@ var Button = (0, import_react.forwardRef)(function Button2(_a, ref) {
|
|
|
162
162
|
asChild = false,
|
|
163
163
|
loading = false,
|
|
164
164
|
disabled,
|
|
165
|
+
type = "button",
|
|
165
166
|
children
|
|
166
167
|
} = _b, props = __objRest(_b, [
|
|
167
168
|
"className",
|
|
@@ -170,6 +171,7 @@ var Button = (0, import_react.forwardRef)(function Button2(_a, ref) {
|
|
|
170
171
|
"asChild",
|
|
171
172
|
"loading",
|
|
172
173
|
"disabled",
|
|
174
|
+
"type",
|
|
173
175
|
"children"
|
|
174
176
|
]);
|
|
175
177
|
const Comp = asChild ? Slot : "button";
|
|
@@ -182,7 +184,8 @@ var Button = (0, import_react.forwardRef)(function Button2(_a, ref) {
|
|
|
182
184
|
"data-slot": "button",
|
|
183
185
|
"data-variant": variant,
|
|
184
186
|
disabled: loading || disabled,
|
|
185
|
-
ref
|
|
187
|
+
ref,
|
|
188
|
+
type
|
|
186
189
|
}, props), {
|
|
187
190
|
children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
188
191
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { "aria-hidden": "true", className: "animate-spin" }),
|
|
@@ -167,6 +167,7 @@ var Button = (0, import_react.forwardRef)(function Button2(_a, ref) {
|
|
|
167
167
|
asChild = false,
|
|
168
168
|
loading = false,
|
|
169
169
|
disabled,
|
|
170
|
+
type = "button",
|
|
170
171
|
children
|
|
171
172
|
} = _b, props = __objRest(_b, [
|
|
172
173
|
"className",
|
|
@@ -175,6 +176,7 @@ var Button = (0, import_react.forwardRef)(function Button2(_a, ref) {
|
|
|
175
176
|
"asChild",
|
|
176
177
|
"loading",
|
|
177
178
|
"disabled",
|
|
179
|
+
"type",
|
|
178
180
|
"children"
|
|
179
181
|
]);
|
|
180
182
|
const Comp = asChild ? Slot : "button";
|
|
@@ -187,7 +189,8 @@ var Button = (0, import_react.forwardRef)(function Button2(_a, ref) {
|
|
|
187
189
|
"data-slot": "button",
|
|
188
190
|
"data-variant": variant,
|
|
189
191
|
disabled: loading || disabled,
|
|
190
|
-
ref
|
|
192
|
+
ref,
|
|
193
|
+
type
|
|
191
194
|
}, props), {
|
|
192
195
|
children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
193
196
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Loader2, { "aria-hidden": "true", className: "animate-spin" }),
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Calendar,
|
|
3
3
|
CalendarDayButton
|
|
4
|
-
} from "../../chunk-
|
|
5
|
-
import "../../chunk-
|
|
4
|
+
} from "../../chunk-3NQGYJEZ.mjs";
|
|
5
|
+
import "../../chunk-4AJ5HWHD.mjs";
|
|
6
6
|
import "../../chunk-DBHJ5KC3.mjs";
|
|
7
7
|
import "../../chunk-V7CNWJT3.mjs";
|
|
8
8
|
import "../../chunk-FWCSY2DS.mjs";
|