@j3m-quantum/ui 0.7.3 → 0.7.4
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/README.md +4 -28
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +10 -10
package/README.md
CHANGED
|
@@ -8,40 +8,16 @@ J3M Quantum UI - A themed component library based on shadcn/ui with J3M design t
|
|
|
8
8
|
- 🌙 **Dark Mode** - Full dark theme support via `.dark` class
|
|
9
9
|
- ✨ **Glass Mode** - Frosted glass effects via `.theme-glass` class
|
|
10
10
|
- 📦 **55+ Components** - All shadcn/ui components with J3M styling
|
|
11
|
-
- 🎯 **
|
|
11
|
+
- 🎯 **Zero Config** - Radix UI included, just install and use
|
|
12
12
|
- 🎬 **Smooth Animations** - Powered by tw-animate-css
|
|
13
13
|
|
|
14
14
|
## Installation
|
|
15
15
|
|
|
16
16
|
```bash
|
|
17
|
-
npm install @j3m-quantum/ui tw-animate-css
|
|
17
|
+
npm install @j3m-quantum/ui tw-animate-css lucide-react
|
|
18
18
|
```
|
|
19
19
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
The package requires these peer dependencies:
|
|
23
|
-
|
|
24
|
-
```bash
|
|
25
|
-
npm install react react-dom tailwindcss lucide-react
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
Plus Radix UI primitives for each component you use:
|
|
29
|
-
|
|
30
|
-
```bash
|
|
31
|
-
# Core components
|
|
32
|
-
npm install @radix-ui/react-slot @radix-ui/react-dialog @radix-ui/react-select
|
|
33
|
-
|
|
34
|
-
# All Radix packages (if using all components)
|
|
35
|
-
npm install @radix-ui/react-accordion @radix-ui/react-alert-dialog @radix-ui/react-avatar \
|
|
36
|
-
@radix-ui/react-checkbox @radix-ui/react-collapsible @radix-ui/react-context-menu \
|
|
37
|
-
@radix-ui/react-dialog @radix-ui/react-dropdown-menu @radix-ui/react-hover-card \
|
|
38
|
-
@radix-ui/react-label @radix-ui/react-menubar @radix-ui/react-navigation-menu \
|
|
39
|
-
@radix-ui/react-popover @radix-ui/react-progress @radix-ui/react-radio-group \
|
|
40
|
-
@radix-ui/react-scroll-area @radix-ui/react-select @radix-ui/react-separator \
|
|
41
|
-
@radix-ui/react-slider @radix-ui/react-slot @radix-ui/react-switch \
|
|
42
|
-
@radix-ui/react-tabs @radix-ui/react-toggle @radix-ui/react-toggle-group \
|
|
43
|
-
@radix-ui/react-tooltip
|
|
44
|
-
```
|
|
20
|
+
That's it! All Radix UI primitives are bundled with the package.
|
|
45
21
|
|
|
46
22
|
## Quick Start
|
|
47
23
|
|
|
@@ -143,7 +119,7 @@ Combine with dark mode:
|
|
|
143
119
|
|
|
144
120
|
## Optional Dependencies
|
|
145
121
|
|
|
146
|
-
Some components require additional dependencies:
|
|
122
|
+
Some components require additional dependencies (installed only if you use them):
|
|
147
123
|
|
|
148
124
|
| Component | Dependency | Install |
|
|
149
125
|
|-----------|------------|---------|
|
package/dist/index.cjs
CHANGED
|
@@ -2670,7 +2670,7 @@ function Progress({
|
|
|
2670
2670
|
{
|
|
2671
2671
|
"data-slot": "progress",
|
|
2672
2672
|
className: cn(
|
|
2673
|
-
"bg-
|
|
2673
|
+
"bg-muted relative h-2 w-full overflow-hidden rounded-full",
|
|
2674
2674
|
className
|
|
2675
2675
|
),
|
|
2676
2676
|
...props,
|