@juv/codego-react-ui 1.0.0

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 (6) hide show
  1. package/README.md +115 -0
  2. package/dist/index.cjs +0 -0
  3. package/dist/index.d.cts +2 -0
  4. package/dist/index.d.ts +2 -0
  5. package/dist/index.js +0 -0
  6. package/package.json +49 -0
package/README.md ADDED
@@ -0,0 +1,115 @@
1
+ # @juv/codego-ui
2
+
3
+ A collection of reusable React UI components built with Tailwind CSS, Motion, and Lucide icons.
4
+
5
+ **Author:** Kenneth Gimpao
6
+ **License:** MIT
7
+ **Version:** 1.0.0
8
+
9
+ ---
10
+
11
+ ## Installation
12
+
13
+ ```bash
14
+ npm install @juv/codego-ui
15
+ ```
16
+
17
+ > Requires React >= 18 and Tailwind CSS configured in your project.
18
+
19
+ ---
20
+
21
+ ## Usage
22
+
23
+ ```tsx
24
+ import { Button, Card, Modal } from "@juv/codego-ui"
25
+ ```
26
+
27
+ ---
28
+
29
+ ## Components
30
+
31
+ | Component | Export(s) |
32
+ |---|---|
33
+ | Accordion | `Accordion` |
34
+ | Avatar Stack | `AvatarStack` |
35
+ | Badge | `Badge` |
36
+ | Breadcrumb | `Breadcrumb` |
37
+ | Button | `Button` |
38
+ | Calendar | `Calendar` |
39
+ | Card | `Card` |
40
+ | Checkbox | `Checkbox` |
41
+ | Color Picker | `ColorPicker` |
42
+ | Combobox | `Combobox` |
43
+ | Command Palette | `CommandPalette` |
44
+ | Context Menu | `ContextMenu` |
45
+ | Dashboard Widget | `StatsWidget`, `ChartWidget`, `TableWidget`, `ComposableWidget` |
46
+ | Data Grid | `DataGrid` |
47
+ | Date Picker | `DatePickerPopup` |
48
+ | Date Range Picker | `DateRangePicker` |
49
+ | Drawer | `Drawer` |
50
+ | Dropdown | `Dropdown` |
51
+ | File Upload | `FileUpload` |
52
+ | Flex Layout | `FlexLayout` |
53
+ | Grid Layout | `GridLayout` |
54
+ | Input | `Input` |
55
+ | Kanban Board | `KanbanBoard` |
56
+ | Label | `Label` |
57
+ | Modal | `Modal` |
58
+ | Modal Variants | `ModalUnchange`, `ModalConfirmation`, `ModalWithForms` |
59
+ | Navigation | `Navigation` |
60
+ | Notification | `NotificationPanel`, `NotificationBanner`, `useToast`, `ToastProvider` |
61
+ | OTP Input | `OtpInput` |
62
+ | Pagination | `Pagination` |
63
+ | Popover | `Popover` |
64
+ | Progress | `Progress` |
65
+ | Radio Group | `RadioGroup` |
66
+ | Repeater | `Repeater` |
67
+ | Resizable Panels | `ResizablePanels` |
68
+ | Rich Text Editor | `RichTextEditor` |
69
+ | Scroll Area | `ScrollArea` |
70
+ | Section Block | `SectionBlock` |
71
+ | Select | `Select` |
72
+ | Skeleton | `Skeleton` |
73
+ | Slider | `Slider` |
74
+ | Stat Card | `StatCard` |
75
+ | Stepper | `Stepper` |
76
+ | Table | `Table` |
77
+ | Tabs | `Tabs` |
78
+ | Tag Input | `TagInput` |
79
+ | Textarea | `Textarea` |
80
+ | Timeline | `Timeline` |
81
+ | Toggle Switch | `ToggleSwitch` |
82
+ | Tooltip | `Tooltip` |
83
+ | Tree View | `TreeView` |
84
+ | Widget | `Widget` |
85
+
86
+ ---
87
+
88
+ ## Run Locally
89
+
90
+ **Prerequisites:** Node.js
91
+
92
+ ```bash
93
+ npm install
94
+ npm run dev # dev server at http://localhost:3000
95
+ ```
96
+
97
+ ---
98
+
99
+ ## Build
100
+
101
+ ```bash
102
+ npm run build # outputs ESM + CJS + types to /dist
103
+ ```
104
+
105
+ ---
106
+
107
+ ## Scripts
108
+
109
+ | Script | Description |
110
+ |---|---|
111
+ | `npm run dev` | Start dev server on port 3000 |
112
+ | `npm run build` | Build library with tsup |
113
+ | `npm run lint` | Type-check with TypeScript |
114
+ | `npm run preview` | Preview production build |
115
+ | `npm run clean` | Remove dist folder |
package/dist/index.cjs ADDED
File without changes
package/dist/index.d.cts ADDED
@@ -0,0 +1,2 @@
1
+
2
+ export { }
package/dist/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+
2
+ export { }
package/dist/index.js ADDED
File without changes
package/package.json ADDED
@@ -0,0 +1,49 @@
1
+ {
2
+ "name": "@juv/codego-react-ui",
3
+ "private": false,
4
+ "version": "1.0.0",
5
+ "description": "Reusable React UI components",
6
+ "license": "MIT",
7
+ "main": "dist/index.js",
8
+ "module": "dist/index.mjs",
9
+ "types": "dist/index.d.ts",
10
+ "files": ["dist"],
11
+ "type": "module",
12
+ "scripts": {
13
+ "dev": "vite --port=3000 --host=0.0.0.0",
14
+ "preview": "vite preview",
15
+ "lint": "tsc --noEmit",
16
+ "build": "tsup",
17
+ "clean": "rm -rf dist"
18
+ },
19
+ "peerDependencies": {
20
+ "react": ">=18",
21
+ "react-dom": ">=18"
22
+ },
23
+ "dependencies": {
24
+ "@tailwindcss/vite": "^4.1.14",
25
+ "@vitejs/plugin-react": "^5.0.4",
26
+ "clsx": "^2.1.1",
27
+ "date-fns": "^4.1.0",
28
+ "lucide-react": "^0.546.0",
29
+ "motion": "^12.23.24",
30
+ "react": "^19.2.4",
31
+ "react-dom": "^19.2.4",
32
+ "react-router-dom": "^7.13.1",
33
+ "tailwind-merge": "^3.5.0"
34
+ },
35
+ "devDependencies": {
36
+ "@types/express": "^4.17.21",
37
+ "@types/node": "^22.14.0",
38
+ "@types/react": "^19.2.14",
39
+ "@types/react-dom": "^19.2.3",
40
+ "autoprefixer": "^10.4.21",
41
+ "tailwindcss": "^4.1.14",
42
+ "tsup": "^8.5.1",
43
+ "tsx": "^4.21.0",
44
+ "typescript": "~5.8.2",
45
+ "vite": "^6.2.0"
46
+ },
47
+ "keywords": [],
48
+ "author": "Kenneth Gimpao"
49
+ }