@memelabui/ui 0.3.0 → 0.5.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.
- package/README.md +18 -3
- package/dist/index.cjs +584 -3
- package/dist/index.d.cts +151 -1
- package/dist/index.d.ts +151 -1
- package/dist/index.js +575 -4
- package/dist/styles/index.css +170 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -51,7 +51,7 @@ function App() {
|
|
|
51
51
|
}
|
|
52
52
|
```
|
|
53
53
|
|
|
54
|
-
## Components (
|
|
54
|
+
## Components (50+ exports)
|
|
55
55
|
|
|
56
56
|
### Form
|
|
57
57
|
|
|
@@ -63,7 +63,7 @@ function App() {
|
|
|
63
63
|
| `Textarea` | Multiline text input with label/error |
|
|
64
64
|
| `Checkbox` | Custom checkbox with indeterminate support |
|
|
65
65
|
| `RadioGroup` / `RadioItem` | Compound radio button group |
|
|
66
|
-
| `Toggle` | Switch toggle (sm/md sizes) |
|
|
66
|
+
| `Toggle` | Switch toggle (sm/md sizes) with `busy` spinner state |
|
|
67
67
|
| `Slider` | Range input with custom track/thumb and value display |
|
|
68
68
|
| `TagInput` | Tag input with Enter/comma/paste, dedup, maxTags |
|
|
69
69
|
| `ColorInput` | Hex color picker with swatch + text input |
|
|
@@ -82,6 +82,7 @@ function App() {
|
|
|
82
82
|
| Component | Description |
|
|
83
83
|
|-----------|-------------|
|
|
84
84
|
| `Card` | Surface or glass card container |
|
|
85
|
+
| `SectionCard` | Settings section card with title, description, right slot, overlay slot |
|
|
85
86
|
| `Badge` / `Pill` | Status badges (neutral, primary, success, danger, warning, accent) |
|
|
86
87
|
| `StatCard` | Dashboard stat card with value, label, icon, trend indicator |
|
|
87
88
|
| `Table` / `TableHeader` / `TableBody` / `TableRow` / `TableHead` / `TableCell` | Styled table primitives |
|
|
@@ -93,6 +94,16 @@ function App() {
|
|
|
93
94
|
| `DropZone` | Drag & drop file upload area with accept filter |
|
|
94
95
|
| `Avatar` | Circular avatar with image + initials fallback |
|
|
95
96
|
| `Divider` | Horizontal/vertical divider with optional label |
|
|
97
|
+
| `ActiveFilterPills` | Dismissible filter pill row with "Clear all" action |
|
|
98
|
+
| `DotIndicator` | Dot-based remaining count with urgency colors |
|
|
99
|
+
|
|
100
|
+
### Progress & Status
|
|
101
|
+
|
|
102
|
+
| Component | Description |
|
|
103
|
+
|-----------|-------------|
|
|
104
|
+
| `ProgressBar` | Horizontal progress bar with variants and sizes |
|
|
105
|
+
| `CooldownRing` | SVG circular countdown timer with color changes and pulse |
|
|
106
|
+
| `StageProgress` | Multi-stage process indicator with shimmer animation |
|
|
96
107
|
|
|
97
108
|
### Navigation
|
|
98
109
|
|
|
@@ -109,6 +120,8 @@ function App() {
|
|
|
109
120
|
| `ConfirmDialog` | Confirmation modal with cancel/confirm actions |
|
|
110
121
|
| `Tooltip` | Hover/focus tooltip with portal positioning |
|
|
111
122
|
| `Dropdown` | Compound menu (Trigger, Menu, Item, Separator) |
|
|
123
|
+
| `MutationOverlay` | Saving/saved/error status overlay for cards |
|
|
124
|
+
| `NotificationBell` | Notification bell button with unread count badge and ping animation |
|
|
112
125
|
|
|
113
126
|
### Layout
|
|
114
127
|
|
|
@@ -126,7 +139,6 @@ function App() {
|
|
|
126
139
|
| `ToastProvider` / `useToast` | Toast notification system with variants |
|
|
127
140
|
| `Alert` | Inline notification banner (info, success, warning, error) |
|
|
128
141
|
| `CopyField` | Read-only field with copy button and optional masking |
|
|
129
|
-
| `ProgressBar` | Horizontal progress bar with variants and sizes |
|
|
130
142
|
|
|
131
143
|
### Hooks
|
|
132
144
|
|
|
@@ -136,6 +148,9 @@ function App() {
|
|
|
136
148
|
| `useDisclosure` | Open/close state management |
|
|
137
149
|
| `useMediaQuery` | Responsive media query listener |
|
|
138
150
|
| `useDebounce` | Debounced value |
|
|
151
|
+
| `useHotkeys` | Global keyboard shortcuts with modifier support |
|
|
152
|
+
| `useIntersectionObserver` | IntersectionObserver for infinite scroll and lazy loading |
|
|
153
|
+
| `useSharedNow` | Reactive current-time for countdowns and "X ago" labels |
|
|
139
154
|
|
|
140
155
|
## Customization
|
|
141
156
|
|