@grupor5/raya 0.2.2 → 0.2.3
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 +21 -0
- package/package.json +7 -7
package/README.md
CHANGED
|
@@ -6,6 +6,27 @@ A comprehensive, extensible design system built with **shadcn/ui** and **Tailwin
|
|
|
6
6
|
|
|
7
7
|
The Raya Design System provides a unified approach to building consistent, accessible, and beautiful user interfaces across all Raya products. Built on top of industry-standard tools, it ensures rapid development while maintaining design consistency.
|
|
8
8
|
|
|
9
|
+
## ⚡ Bundle Size Optimization
|
|
10
|
+
|
|
11
|
+
**v0.2.2** introduces major bundle size optimizations:
|
|
12
|
+
|
|
13
|
+
- **Icons Package**: Reduced from ~856KB to ~5.3KB gzipped (98% reduction)
|
|
14
|
+
- **Main Package**: Individual imports reduce bundle size by up to 94%
|
|
15
|
+
- **Tree-shaking**: Optimal support for importing only what you need
|
|
16
|
+
|
|
17
|
+
### Bundle Size Comparison
|
|
18
|
+
|
|
19
|
+
| Import Method | Bundle Size | Best For |
|
|
20
|
+
|--------------|-------------|----------|
|
|
21
|
+
| Barrel Import (`@grupor5/raya`) | ~97KB gzipped | Prototypes, small apps |
|
|
22
|
+
| Individual Imports | ~3-50KB gzipped | Production apps |
|
|
23
|
+
| Single Component | ~3-11KB gzipped | Micro-frontends |
|
|
24
|
+
|
|
25
|
+
**Example**: `Button + Input + Card`
|
|
26
|
+
- **Before**: ~321KB (barrel import)
|
|
27
|
+
- **After**: ~18KB (individual imports)
|
|
28
|
+
- **Reduction**: 94% smaller!
|
|
29
|
+
|
|
9
30
|
## ✅ Current Status
|
|
10
31
|
|
|
11
32
|
- **Colors**: ✅ Validated and corrected against design palette
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@grupor5/raya",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.3",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/index.mjs",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -11,14 +11,14 @@
|
|
|
11
11
|
"require": "./dist/index.js"
|
|
12
12
|
},
|
|
13
13
|
"./atoms/*": {
|
|
14
|
-
"types": "./dist/atoms
|
|
15
|
-
"import": "./dist/atoms
|
|
16
|
-
"require": "./dist/atoms
|
|
14
|
+
"types": "./dist/atoms/*/index.d.ts",
|
|
15
|
+
"import": "./dist/atoms/*/index.mjs",
|
|
16
|
+
"require": "./dist/atoms/*/index.js"
|
|
17
17
|
},
|
|
18
18
|
"./molecules/*": {
|
|
19
|
-
"types": "./dist/molecules
|
|
20
|
-
"import": "./dist/molecules
|
|
21
|
-
"require": "./dist/molecules
|
|
19
|
+
"types": "./dist/molecules/*/index.d.ts",
|
|
20
|
+
"import": "./dist/molecules/*/index.mjs",
|
|
21
|
+
"require": "./dist/molecules/*/index.js"
|
|
22
22
|
},
|
|
23
23
|
"./hooks/*": {
|
|
24
24
|
"types": "./dist/hooks/*.d.ts",
|