@juv/codego-react-ui 1.0.1 → 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/README.md +61 -2
- package/dist/index.cjs +6917 -0
- package/dist/index.d.cts +1180 -1
- package/dist/index.d.ts +1180 -1
- package/dist/index.js +6828 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -8,14 +8,73 @@ A collection of reusable React UI components built with Tailwind CSS, Motion, an
|
|
|
8
8
|
|
|
9
9
|
---
|
|
10
10
|
|
|
11
|
+
## Prerequisites
|
|
12
|
+
|
|
13
|
+
Before installing this package, make sure the following are set up in your project:
|
|
14
|
+
|
|
15
|
+
### 1. React 18+
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
npm install react react-dom
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
### 2. Tailwind CSS v4
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
npm install tailwindcss @tailwindcss/vite
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
Add the plugin to your `vite.config.ts`:
|
|
28
|
+
|
|
29
|
+
```ts
|
|
30
|
+
import tailwindcss from "@tailwindcss/vite"
|
|
31
|
+
import { defineConfig } from "vite"
|
|
32
|
+
|
|
33
|
+
export default defineConfig({
|
|
34
|
+
plugins: [tailwindcss()],
|
|
35
|
+
})
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
Then import Tailwind in your main CSS file:
|
|
39
|
+
|
|
40
|
+
```css
|
|
41
|
+
@import "tailwindcss";
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
### 3. Lucide React (icons)
|
|
45
|
+
|
|
46
|
+
```bash
|
|
47
|
+
npm install lucide-react
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
### 4. Motion (animations)
|
|
51
|
+
|
|
52
|
+
```bash
|
|
53
|
+
npm install motion
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
### 5. date-fns (date utilities — required by Calendar, Date Picker, Date Range Picker)
|
|
57
|
+
|
|
58
|
+
```bash
|
|
59
|
+
npm install date-fns
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
### 6. tailwind-merge + clsx (utility — used internally)
|
|
63
|
+
|
|
64
|
+
```bash
|
|
65
|
+
npm install tailwind-merge clsx
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
---
|
|
69
|
+
|
|
11
70
|
## Installation
|
|
12
71
|
|
|
72
|
+
Once all prerequisites are installed:
|
|
73
|
+
|
|
13
74
|
```bash
|
|
14
75
|
npm install @juv/codego-react-ui
|
|
15
76
|
```
|
|
16
77
|
|
|
17
|
-
> Requires React >= 18 and Tailwind CSS configured in your project.
|
|
18
|
-
|
|
19
78
|
---
|
|
20
79
|
|
|
21
80
|
## Usage
|