@gkucmierz/nano-ui 1.5.4 → 1.7.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.
- package/README.md +383 -38
- package/dist/nano-ui-512.png +0 -0
- package/dist/nano-ui.css +1 -1
- package/dist/nano-ui.js +944 -179
- package/dist/nano-ui.svg +54 -0
- package/package.json +9 -2
package/dist/nano-ui.svg
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
|
|
2
|
+
<defs>
|
|
3
|
+
<!-- Background Squircle Gradient -->
|
|
4
|
+
<linearGradient id="nanoBgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
5
|
+
<stop offset="0%" stop-color="#0f172a" />
|
|
6
|
+
<stop offset="100%" stop-color="#020617" />
|
|
7
|
+
</linearGradient>
|
|
8
|
+
|
|
9
|
+
<!-- Ambient Core Radial Glow -->
|
|
10
|
+
<radialGradient id="nanoAmbientGlow" cx="50%" cy="50%" r="50%">
|
|
11
|
+
<stop offset="0%" stop-color="#6366f1" stop-opacity="0.38" />
|
|
12
|
+
<stop offset="55%" stop-color="#00f2fe" stop-opacity="0.14" />
|
|
13
|
+
<stop offset="100%" stop-color="#020617" stop-opacity="0" />
|
|
14
|
+
</radialGradient>
|
|
15
|
+
|
|
16
|
+
<!-- Continuous Kinetic Energy Monogram Gradient -->
|
|
17
|
+
<linearGradient id="nanoKineticGrad" x1="136" y1="376" x2="376" y2="136" gradientUnits="userSpaceOnUse">
|
|
18
|
+
<stop offset="0%" stop-color="#4f46e5" />
|
|
19
|
+
<stop offset="28%" stop-color="#6366f1" />
|
|
20
|
+
<stop offset="58%" stop-color="#38bdf8" />
|
|
21
|
+
<stop offset="100%" stop-color="#00f2fe" />
|
|
22
|
+
</linearGradient>
|
|
23
|
+
</defs>
|
|
24
|
+
|
|
25
|
+
<!-- Squircle Base Canvas (App Icon & OG Surface) -->
|
|
26
|
+
<rect width="512" height="512" rx="144" fill="url(#nanoBgGrad)" stroke="rgba(255, 255, 255, 0.14)" stroke-width="4" />
|
|
27
|
+
|
|
28
|
+
<!-- Ambient Glow -->
|
|
29
|
+
<circle cx="256" cy="256" r="220" fill="url(#nanoAmbientGlow)" />
|
|
30
|
+
|
|
31
|
+
<!-- High-Precision Quantum Reticle Rings -->
|
|
32
|
+
<circle cx="256" cy="256" r="208" stroke="rgba(255, 255, 255, 0.08)" stroke-width="2" stroke-dasharray="8 12" />
|
|
33
|
+
<circle cx="256" cy="256" r="160" stroke="rgba(255, 255, 255, 0.05)" stroke-width="1.5" />
|
|
34
|
+
|
|
35
|
+
<!-- Diagonal Alignment Axis -->
|
|
36
|
+
<line x1="84" y1="84" x2="428" y2="428" stroke="rgba(255, 255, 255, 0.05)" stroke-width="1.5" stroke-dasharray="6 10" />
|
|
37
|
+
|
|
38
|
+
<!-- BOLD KINETIC 'N' MONOGRAM (Continuous 72px Joined Path) -->
|
|
39
|
+
<path
|
|
40
|
+
d="M136 376 V136 L376 376 V136"
|
|
41
|
+
stroke="url(#nanoKineticGrad)"
|
|
42
|
+
stroke-width="72"
|
|
43
|
+
stroke-linecap="round"
|
|
44
|
+
stroke-linejoin="round"
|
|
45
|
+
/>
|
|
46
|
+
|
|
47
|
+
<!-- Prominent Quantum Pulsar (Upper Right) -->
|
|
48
|
+
<circle cx="376" cy="136" r="54" fill="rgba(0, 242, 254, 0.24)" />
|
|
49
|
+
<circle cx="376" cy="136" r="32" fill="#00f2fe" />
|
|
50
|
+
<circle cx="376" cy="136" r="13" fill="#ffffff" />
|
|
51
|
+
|
|
52
|
+
<!-- Secondary Anchor Core (Bottom Left) -->
|
|
53
|
+
<circle cx="136" cy="376" r="15" fill="#4f46e5" />
|
|
54
|
+
</svg>
|
package/package.json
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gkucmierz/nano-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.7.1",
|
|
4
4
|
"license": "ISC",
|
|
5
|
+
"author": "Grzegorz Kućmierz",
|
|
5
6
|
"description": "High-performance, minimal footprint Vue 3 UI library, interactive 3D charts, and directives.",
|
|
6
7
|
"type": "module",
|
|
7
8
|
"main": "./dist/nano-ui.js",
|
|
@@ -10,7 +11,12 @@
|
|
|
10
11
|
".": {
|
|
11
12
|
"import": "./dist/nano-ui.js"
|
|
12
13
|
},
|
|
13
|
-
"./style.css": "./dist/nano-ui.css"
|
|
14
|
+
"./style.css": "./dist/nano-ui.css",
|
|
15
|
+
"./nano-ui.css": "./dist/nano-ui.css",
|
|
16
|
+
"./dist/*": "./dist/*"
|
|
17
|
+
},
|
|
18
|
+
"publishConfig": {
|
|
19
|
+
"access": "public"
|
|
14
20
|
},
|
|
15
21
|
"files": [
|
|
16
22
|
"dist"
|
|
@@ -19,6 +25,7 @@
|
|
|
19
25
|
"dev": "vite",
|
|
20
26
|
"build": "vite build",
|
|
21
27
|
"build:app": "vite build -c vite.config.app.js",
|
|
28
|
+
"icons": "node scripts/generate-icons.mjs",
|
|
22
29
|
"test:e2e": "playwright test"
|
|
23
30
|
},
|
|
24
31
|
"peerDependencies": {
|