@matheusrizzati/ui 0.1.2 → 0.1.3
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 +9 -2
- package/dist/index.cjs +616 -142
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +146 -1
- package/dist/index.d.ts +146 -1
- package/dist/index.js +468 -8
- package/dist/index.js.map +1 -1
- package/dist/styles.css +18 -0
- package/dist/styles.css.map +1 -1
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
# @matheusrizzati/ui
|
|
2
2
|
|
|
3
|
-
A premium React UI component library built for modern SaaS applications. Features a dual light/dark theme (Obsidian),
|
|
3
|
+
A premium React UI component library built for modern SaaS applications. Features a dual light/dark theme (Obsidian), 45 production-ready components, and a flexible token-based design system.
|
|
4
4
|
|
|
5
5
|
## ✨ Features
|
|
6
6
|
|
|
7
7
|
- 🎨 **Dual Theme** — Light mode + Obsidian dark mode with seamless toggle
|
|
8
|
-
- 📦 **
|
|
8
|
+
- 📦 **45 Components** — Forms, data display, overlays, navigation, feedback, and layout
|
|
9
9
|
- 🔧 **Token-Based** — Fully customizable via CSS variables
|
|
10
10
|
- ♿ **Accessible** — Built on Radix UI primitives where it matters
|
|
11
11
|
- 📐 **TypeScript** — Full type safety and IntelliSense
|
|
@@ -101,6 +101,9 @@ export default {
|
|
|
101
101
|
| `Radio` | Single selection group | RadioGroup + Radio |
|
|
102
102
|
| `Switch` | Toggle switch | Labels, sizes |
|
|
103
103
|
| `Slider` | Range input | Pointer drag, keyboard, step snapping, value display |
|
|
104
|
+
| `Toggle` | Pressed/unpressed button | Toolbar toggles, view modes |
|
|
105
|
+
| `ToggleGroup` | Group of toggles | Single/multiple selection |
|
|
106
|
+
| `DatePicker` | Date input with calendar | Popover calendar, clearable, min/max dates |
|
|
104
107
|
|
|
105
108
|
### Data Display
|
|
106
109
|
|
|
@@ -115,6 +118,7 @@ export default {
|
|
|
115
118
|
| `StatCard` | KPI metric card | Change indicator, icon slot |
|
|
116
119
|
| `Skeleton` | Loading placeholder | Pulse animation |
|
|
117
120
|
| `Progress` | Progress bar | Variants, sizes, label |
|
|
121
|
+
| `Calendar` | Date grid | Month nav, min/max, locale support |
|
|
118
122
|
|
|
119
123
|
### Navigation
|
|
120
124
|
|
|
@@ -136,6 +140,7 @@ export default {
|
|
|
136
140
|
| `Dropdown` | Context/action menu | Radix DropdownMenu, labels, groups, separators |
|
|
137
141
|
| `Tooltip` | Hover info | Radix Tooltip |
|
|
138
142
|
| `Popover` | Click popover | Radix Popover |
|
|
143
|
+
| `HoverCard` | Rich hover preview | Radix HoverCard, configurable delays |
|
|
139
144
|
| `ConfirmDialog` | Destructive action confirm | Danger/primary variants, loading state |
|
|
140
145
|
|
|
141
146
|
### Feedback
|
|
@@ -145,6 +150,7 @@ export default {
|
|
|
145
150
|
| `Alert` | Inline message | Info, success, warning, danger |
|
|
146
151
|
| `Toast` | Notification popup | Provider + `useToast()` hook |
|
|
147
152
|
| `EmptyState` | No-data placeholder | Icon, title, description, action |
|
|
153
|
+
| `Spinner` | Loading spinner | 5 sizes, primary color |
|
|
148
154
|
|
|
149
155
|
### Layout
|
|
150
156
|
|
|
@@ -154,6 +160,7 @@ export default {
|
|
|
154
160
|
| `PageHeader` | Page title section | Title, description, action slot |
|
|
155
161
|
| `Separator` | Visual divider | Horizontal/vertical |
|
|
156
162
|
| `Accordion` | Collapsible sections | Single/multiple mode, smooth animation |
|
|
163
|
+
| `Collapsible` | Simple expand/collapse | Controlled/uncontrolled, Trigger + Content |
|
|
157
164
|
|
|
158
165
|
### Utilities
|
|
159
166
|
|