@memelabui/ui 0.2.0 → 0.3.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 +22 -4
- package/dist/index.cjs +1196 -127
- package/dist/index.d.cts +162 -2
- package/dist/index.d.ts +162 -2
- package/dist/index.js +1060 -13
- package/dist/styles/index.css +269 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -37,7 +37,7 @@ import '@memelabui/ui/styles';
|
|
|
37
37
|
### 3. Use components
|
|
38
38
|
|
|
39
39
|
```tsx
|
|
40
|
-
import { Button, Card,
|
|
40
|
+
import { Button, Card, Input, ToastProvider } from '@memelabui/ui';
|
|
41
41
|
|
|
42
42
|
function App() {
|
|
43
43
|
return (
|
|
@@ -51,7 +51,7 @@ function App() {
|
|
|
51
51
|
}
|
|
52
52
|
```
|
|
53
53
|
|
|
54
|
-
## Components
|
|
54
|
+
## Components (43 exports)
|
|
55
55
|
|
|
56
56
|
### Form
|
|
57
57
|
|
|
@@ -64,27 +64,42 @@ function App() {
|
|
|
64
64
|
| `Checkbox` | Custom checkbox with indeterminate support |
|
|
65
65
|
| `RadioGroup` / `RadioItem` | Compound radio button group |
|
|
66
66
|
| `Toggle` | Switch toggle (sm/md sizes) |
|
|
67
|
+
| `Slider` | Range input with custom track/thumb and value display |
|
|
68
|
+
| `TagInput` | Tag input with Enter/comma/paste, dedup, maxTags |
|
|
69
|
+
| `ColorInput` | Hex color picker with swatch + text input |
|
|
70
|
+
| `FormField` | Generic label + error + helper wrapper for any input |
|
|
67
71
|
|
|
68
72
|
### Actions
|
|
69
73
|
|
|
70
74
|
| Component | Description |
|
|
71
75
|
|-----------|-------------|
|
|
72
|
-
| `Button` | Primary, secondary, danger, success, warning, ghost variants + loading
|
|
76
|
+
| `Button` | Primary, secondary, danger, success, warning, ghost variants + loading |
|
|
73
77
|
| `IconButton` | Icon-only button with required `aria-label` |
|
|
74
78
|
| `ProgressButton` | Button with shimmer loading animation |
|
|
75
79
|
|
|
76
|
-
### Display
|
|
80
|
+
### Data Display
|
|
77
81
|
|
|
78
82
|
| Component | Description |
|
|
79
83
|
|-----------|-------------|
|
|
80
84
|
| `Card` | Surface or glass card container |
|
|
81
85
|
| `Badge` / `Pill` | Status badges (neutral, primary, success, danger, warning, accent) |
|
|
86
|
+
| `StatCard` | Dashboard stat card with value, label, icon, trend indicator |
|
|
87
|
+
| `Table` / `TableHeader` / `TableBody` / `TableRow` / `TableHead` / `TableCell` | Styled table primitives |
|
|
82
88
|
| `Tabs` / `TabList` / `Tab` / `TabPanel` | Compound tabs with underline and pill variants |
|
|
83
89
|
| `CollapsibleSection` | Animated expand/collapse with ARIA |
|
|
84
90
|
| `EmptyState` | Placeholder with icon, title, description, action |
|
|
85
91
|
| `Skeleton` | Pulse placeholder for loading states |
|
|
86
92
|
| `Spinner` | Loading spinner (sm/md/lg) |
|
|
87
93
|
| `DropZone` | Drag & drop file upload area with accept filter |
|
|
94
|
+
| `Avatar` | Circular avatar with image + initials fallback |
|
|
95
|
+
| `Divider` | Horizontal/vertical divider with optional label |
|
|
96
|
+
|
|
97
|
+
### Navigation
|
|
98
|
+
|
|
99
|
+
| Component | Description |
|
|
100
|
+
|-----------|-------------|
|
|
101
|
+
| `Pagination` | Page navigation with prev/next, ellipsis, active state |
|
|
102
|
+
| `Stepper` | Horizontal step indicator for wizards/onboarding |
|
|
88
103
|
|
|
89
104
|
### Overlay
|
|
90
105
|
|
|
@@ -109,6 +124,9 @@ function App() {
|
|
|
109
124
|
| Component | Description |
|
|
110
125
|
|-----------|-------------|
|
|
111
126
|
| `ToastProvider` / `useToast` | Toast notification system with variants |
|
|
127
|
+
| `Alert` | Inline notification banner (info, success, warning, error) |
|
|
128
|
+
| `CopyField` | Read-only field with copy button and optional masking |
|
|
129
|
+
| `ProgressBar` | Horizontal progress bar with variants and sizes |
|
|
112
130
|
|
|
113
131
|
### Hooks
|
|
114
132
|
|