@a4ui/core 0.1.0 → 0.2.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 +25 -11
- package/dist/index.js +451 -432
- package/dist/layout/EffectsToggle.d.ts +5 -1
- package/dist/layout/ThemeToggle.d.ts +5 -1
- package/dist/ui/DateField.d.ts +4 -0
- package/dist/ui/Drawer.d.ts +1 -0
- package/dist/ui/Modal.d.ts +1 -0
- package/dist/ui/Pagination.d.ts +5 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,22 +1,30 @@
|
|
|
1
1
|
# A4ui
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
[](https://www.npmjs.com/package/@a4ui/core)
|
|
4
|
+
[](./LICENSE)
|
|
5
|
+
|
|
6
|
+
**Spatial Glass** — a design system & component library for **SolidJS**
|
|
7
|
+
(glassmorphism + starfield backdrop + light/dark themes). Named after the 4
|
|
8
|
+
people in the Rivera family. 🙂
|
|
9
|
+
|
|
10
|
+
**📚 Docs & live examples:** https://a4uikit.github.io/a4ui/
|
|
5
11
|
|
|
6
12
|
Three layers, one identity:
|
|
7
13
|
|
|
8
14
|
| Layer | What it gives | Tech |
|
|
9
15
|
|-------|---------------|------|
|
|
10
16
|
| Behavior / a11y | focus, keyboard, ARIA, portals | **Kobalte** |
|
|
11
|
-
| Motion | transitions,
|
|
12
|
-
| Visual | glass
|
|
17
|
+
| Motion | transitions, count-up, calm mode | **solid-transition-group + solid-motionone** |
|
|
18
|
+
| Visual | glass surfaces, tokens, glow, starfield | **Tailwind preset + `styles.css`** |
|
|
13
19
|
|
|
14
|
-
## Install
|
|
20
|
+
## Install
|
|
15
21
|
|
|
16
22
|
```bash
|
|
17
23
|
npm install @a4ui/core
|
|
18
24
|
```
|
|
19
25
|
|
|
26
|
+
Peer dependency: `solid-js` (>= 1.9).
|
|
27
|
+
|
|
20
28
|
## Use
|
|
21
29
|
|
|
22
30
|
```ts
|
|
@@ -36,17 +44,23 @@ import '@a4ui/core/styles.css'
|
|
|
36
44
|
import { Button, Card, Modal } from '@a4ui/core'
|
|
37
45
|
```
|
|
38
46
|
|
|
39
|
-
##
|
|
47
|
+
## What's inside
|
|
40
48
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
49
|
+
~40 components across actions, forms, data, overlays, feedback, navigation and
|
|
50
|
+
layout — plus a virtualized list, motion helpers, and a generic `AppShell` with
|
|
51
|
+
the animated `SpaceBackground`. Browse them all (with live prop controls and
|
|
52
|
+
copyable code) in the **[docs site](https://a4uikit.github.io/a4ui/)**.
|
|
44
53
|
|
|
45
54
|
## Develop
|
|
46
55
|
|
|
47
56
|
```bash
|
|
48
57
|
npm install
|
|
49
|
-
npm run build
|
|
50
|
-
npm run
|
|
58
|
+
npm run build # library build (ESM + .d.ts)
|
|
59
|
+
npm run preview # docs site (dev server)
|
|
51
60
|
npm run typecheck
|
|
61
|
+
npm test # Playwright suite (render + behavior, desktop + mobile)
|
|
52
62
|
```
|
|
63
|
+
|
|
64
|
+
## License
|
|
65
|
+
|
|
66
|
+
[MIT](./LICENSE) © Luis Alfredo Rivera Acuña
|