reend-components 0.2.0 → 0.4.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 +47 -9
- package/dist/bin/cli.cjs +9578 -0
- package/dist/lib/index.cjs +1 -1
- package/dist/lib/index.cjs.map +1 -1
- package/dist/lib/index.d.ts +660 -15
- package/dist/lib/index.mjs +3510 -595
- package/dist/lib/index.mjs.map +1 -1
- package/package.json +30 -6
- package/src/tailwind-preset.ts +93 -84
package/README.md
CHANGED
|
@@ -108,14 +108,52 @@ import { Tooltip } from "reend-components";
|
|
|
108
108
|
|
|
109
109
|
## Components
|
|
110
110
|
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
|
114
|
-
|
|
|
115
|
-
| `
|
|
116
|
-
| `
|
|
117
|
-
| `
|
|
118
|
-
| `
|
|
111
|
+
### Core
|
|
112
|
+
|
|
113
|
+
| Component | Description |
|
|
114
|
+
| ---------------------- | ----------------------------------------------------------------- |
|
|
115
|
+
| `Button` | 6 variants, 5 sizes, loading state, asChild (Radix Slot) |
|
|
116
|
+
| `Badge` | 7 color variants, removable with `onRemove` |
|
|
117
|
+
| `Card` | Corner-bracket decoration, hoverable/selected variants |
|
|
118
|
+
| `Input` / `Label` | 3 states, 3 sizes, left/right element slots |
|
|
119
|
+
| `Textarea` | Character counter, all Input states |
|
|
120
|
+
| `Checkbox` | ◆ checked, − indeterminate indicator |
|
|
121
|
+
| `RadioGroup` | ◇→◆ diamond swap pattern |
|
|
122
|
+
| `Switch` | Square track, label / offLabel / onLabel props |
|
|
123
|
+
| `Select` | 10 sub-components, danger item variant |
|
|
124
|
+
| `Avatar` | clip-corner-sm shape, 6 sizes, ◆ status dot (4 states) |
|
|
125
|
+
| `Progress` | 4 color variants, indeterminate shimmer |
|
|
126
|
+
| `NumberInput` | ±buttons, Arrow↑/↓ keyboard, min/max clamping, 3 sizes |
|
|
127
|
+
| `Tooltip` | Popup info on hover/focus (Radix-based) |
|
|
128
|
+
| `Toast` / `Toaster` | Notification toasts (Radix-based) |
|
|
129
|
+
| `SonnerToaster` | Alternative toast (Sonner lib) |
|
|
130
|
+
| `Accordion` | +/− font-mono indicator, smooth expand/collapse |
|
|
131
|
+
| `Tabs` | 3 variants — underline, pill, bordered |
|
|
132
|
+
| `Popover` | surface-2 panel, fade-in-up animation |
|
|
133
|
+
| `Dialog` | 5 size variants, backdrop-blur overlay, full anatomy |
|
|
134
|
+
| `Separator` | 5 style variants, horizontal + vertical |
|
|
135
|
+
| `cn()` | Utility for merging Tailwind classes |
|
|
136
|
+
| `useToast()` | Toast notification hook |
|
|
137
|
+
|
|
138
|
+
### Navigation & Layout
|
|
139
|
+
|
|
140
|
+
| Component | Description |
|
|
141
|
+
| ------------ | ------------------------------------------------------------------------ |
|
|
142
|
+
| `Timeline` | Vertical event timeline — ◆/◇ nodes, date, title, description, status |
|
|
143
|
+
| `Stepper` | Horizontal/vertical step tracker — complete/current/upcoming states |
|
|
144
|
+
| `Pagination` | Smart ellipsis page nav — PREV/NEXT + numbered pages, `onPageChange` |
|
|
145
|
+
| `Breadcrumb` | Hierarchical path nav — custom separator, aria-current on last item |
|
|
146
|
+
|
|
147
|
+
### Feedback & Utility
|
|
148
|
+
|
|
149
|
+
| Component | Description |
|
|
150
|
+
| -------------- | ------------------------------------------------------------------ |
|
|
151
|
+
| `Alert` | Inline alert — info/success/warning/error variants, dismissible |
|
|
152
|
+
| `EmptyState` | Centered empty state — 4 presets, icon/action slots |
|
|
153
|
+
| `SkeletonLine` | Animated skeleton placeholder line — width + height variants |
|
|
154
|
+
| `SkeletonText` | Multi-line skeleton block |
|
|
155
|
+
| `SkeletonAvatar` | Diamond-shaped avatar skeleton |
|
|
156
|
+
| `SkeletonCard` | Full card skeleton with optional avatar row |
|
|
119
157
|
|
|
120
158
|
---
|
|
121
159
|
|
|
@@ -217,7 +255,7 @@ npm install
|
|
|
217
255
|
npm run dev # docs dev server at :8080
|
|
218
256
|
npm run build # build docs SPA
|
|
219
257
|
npm run build:lib # build library for npm
|
|
220
|
-
npm run test # run tests (
|
|
258
|
+
npm run test # run tests (675 tests)
|
|
221
259
|
npm run test:coverage # test + coverage report
|
|
222
260
|
```
|
|
223
261
|
|