@a4ui/core 0.14.0 β†’ 0.14.1

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.
Files changed (5) hide show
  1. package/README.md +29 -8
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +1 -1
  4. package/package.json +2 -1
  5. package/src/index.ts +1 -1
package/README.md CHANGED
@@ -12,13 +12,14 @@
12
12
  [![minzipped size](https://img.shields.io/bundlephobia/minzip/@a4ui/core.svg)](https://bundlephobia.com/package/@a4ui/core)
13
13
 
14
14
  Accessible SolidJS **Spatial Glass** component library β€” 75+ components,
15
- layouts, runtime themes, a motion system, and framework-agnostic Web
16
- Components. Named after the 4 people in the Rivera family. πŸ™‚
15
+ layouts, runtime themes, a motion system, **1500+ icons** (lucide), and
16
+ framework-agnostic Web Components. Named after the 4 people in the Rivera
17
+ family. πŸ™‚
17
18
 
18
19
  [![A4ui analytics example β€” stats, ring progress, meters, timeline and glass cards on the starfield backdrop](https://a4ui.pages.dev/showcase-analytics.png)](https://a4ui.pages.dev/#/examples/analytics)
19
20
 
20
- **πŸ“š Docs & live examples:** https://a4ui.pages.dev/ Β· **πŸ”’ API stability &
21
- versioning:** [STABILITY.md](./STABILITY.md) (what's stable vs experimental pre‑1.0)
21
+ **πŸ“š Docs & live examples:** https://a4ui.pages.dev/ Β· **πŸ”’ Stability:**
22
+ [STABILITY.md](./STABILITY.md) Β· **⬆️ Upgrading:** [MIGRATION.md](./MIGRATION.md)
22
23
 
23
24
  Three layers, one identity:
24
25
 
@@ -84,6 +85,25 @@ own precompiled CSS too.)
84
85
  Dark is the default; add `data-theme="light"` on `<html>` (or use the exported
85
86
  `toggleTheme()` / `<ThemeToggle />`) for the light palette.
86
87
 
88
+ ## Icons
89
+
90
+ A4ui depends on **[lucide-solid](https://lucide.dev)**, so its **1500+ icons**
91
+ are ready to use β€” no extra install. Import any icon and drop it in; size it with
92
+ `h-`/`w-` and color it with `text-*`. It's **tree-shakeable**: importing one icon
93
+ ships **only that icon** (~0.3 kB), never the whole set.
94
+
95
+ ```tsx
96
+ import { Heart, Star, Rocket } from 'lucide-solid'
97
+ import { Button } from '@a4ui/core'
98
+
99
+ ;<Star class="h-5 w-5 text-primary" />
100
+ ;<Button>
101
+ <Rocket class="h-4 w-4" /> Launch
102
+ </Button>
103
+ ```
104
+
105
+ Browse the full set at [lucide.dev/icons](https://lucide.dev/icons).
106
+
87
107
  ## Bundle size & mounting (partial vs full)
88
108
 
89
109
  A4ui is **tree-shakeable** β€” `sideEffects` is `["**/*.css"]`, so the only thing
@@ -118,10 +138,11 @@ path (or behind `motionReduced`) and the design system stays Lighthouse-friendly
118
138
 
119
139
  **Install footprint (dev-time, not your bundle):** `npm i @a4ui/core solid-js`
120
140
  in an empty project pulls ~36 packages, **~105 MB** on disk, **0 vulnerabilities**.
121
- Most of that (~76 MB) is **`lucide-solid`**, which ships every icon as its own
122
- module β€” but your **shipped bundle** only ever includes the handful of icons a
123
- component you import actually uses (tree-shaking). The disk size is `node_modules`
124
- only; it does not reach your users.
141
+ Most of that (~76 MB) is **`lucide-solid`** β€” which is also a **perk**: A4ui
142
+ bundles it, so **1500+ icons are ready to use** with no extra install (see
143
+ [Icons](#icons)). It ships every icon as its own module, but tree-shaking means
144
+ only the icons you actually use reach your bundle β€” the disk size is
145
+ `node_modules` only and never reaches your users.
125
146
 
126
147
  ## Customization
127
148
 
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const A4UI_VERSION = "0.14.0";
1
+ export declare const A4UI_VERSION = "0.14.1";
2
2
  export { cn } from './lib/cn';
3
3
  export { useTheme, toggleTheme, setTheme, storedTheme, applyTheme, toggled, type Theme } from './lib/theme';
4
4
  export { useEffects, isCalm, setEffects } from './lib/effects';
package/dist/index.js CHANGED
@@ -6610,7 +6610,7 @@ function ff() {
6610
6610
  }
6611
6611
  Oc(e && yr(e) || ct);
6612
6612
  }
6613
- const gf = "0.14.0";
6613
+ const gf = "0.14.1";
6614
6614
  export {
6615
6615
  gf as A4UI_VERSION,
6616
6616
  $d as Accordion,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a4ui/core",
3
- "version": "0.14.0",
3
+ "version": "0.14.1",
4
4
  "description": "A4ui β€” Spatial Glass design system & component library for SolidJS (Kobalte behavior + Tailwind glass tokens + motion).",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -98,6 +98,7 @@
98
98
  "test": "playwright test",
99
99
  "test:ui": "playwright test --ui",
100
100
  "test:a11y": "playwright test a11y --project=desktop",
101
+ "test:visual": "playwright test --config playwright.visual.config.ts",
101
102
  "test:report": "playwright show-report",
102
103
  "test:package": "node scripts/test-package.mjs",
103
104
  "validate": "npm run typecheck && npm run lint && npm run format:check && npm run test:unit && npm run build && npm run test:package",
package/src/index.ts CHANGED
@@ -8,7 +8,7 @@
8
8
  // import '@a4ui/core/styles.css'
9
9
  // import { Button, Card, Modal } from '@a4ui/core'
10
10
 
11
- export const A4UI_VERSION = '0.14.0'
11
+ export const A4UI_VERSION = '0.14.1'
12
12
 
13
13
  // Helpers (src/lib) β€” generic, framework-level utilities.
14
14
  export { cn } from './lib/cn'