@gkucmierz/nano-ui 1.7.1 → 1.7.2

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 (7) hide show
  1. package/README.md +1 -1
  2. package/dist/nano-ui-512.png +0 -0
  3. package/dist/nano-ui-dark.svg +54 -0
  4. package/dist/nano-ui.css +1 -1
  5. package/dist/nano-ui.js +277 -203
  6. package/dist/nano-ui.svg +69 -34
  7. package/package.json +5 -2
package/dist/nano-ui.svg CHANGED
@@ -1,54 +1,89 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
1
+ <svg width="512" height="512" viewBox="0 0 260 260" fill="none" xmlns="http://www.w3.org/2000/svg">
2
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>
3
+ <!-- Soft Glassmorphism Card Drop Shadow -->
4
+ <filter id="nanoCardShadow" x="-15%" y="-10%" width="130%" height="130%">
5
+ <feDropShadow dx="0" dy="7" stdDeviation="12" flood-color="#0f172a" flood-opacity="0.09" />
6
+ </filter>
8
7
 
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" />
8
+ <!-- Core Ambient Radial Glow -->
9
+ <radialGradient id="nanoBgGlow" cx="50%" cy="48%" r="50%">
10
+ <stop offset="0%" stop-color="#6366f1" stop-opacity="0.24" />
11
+ <stop offset="55%" stop-color="#00f2fe" stop-opacity="0.10" />
12
+ <stop offset="100%" stop-color="#ffffff" stop-opacity="0" />
14
13
  </radialGradient>
15
14
 
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" />
15
+ <!-- Left & Right Vertical Stems Gradient -->
16
+ <linearGradient id="stemGrad" x1="60" y1="50" x2="200" y2="210" gradientUnits="userSpaceOnUse">
17
+ <stop offset="0%" stop-color="#818cf8" />
18
+ <stop offset="50%" stop-color="#6366f1" />
19
+ <stop offset="100%" stop-color="#4338ca" />
20
+ </linearGradient>
21
+
22
+ <!-- Kinetic Diagonal Beam Gradient -->
23
+ <linearGradient id="beamGrad" x1="70" y1="60" x2="190" y2="200" gradientUnits="userSpaceOnUse">
24
+ <stop offset="0%" stop-color="#00f2fe" />
25
+ <stop offset="45%" stop-color="#38bdf8" />
26
+ <stop offset="100%" stop-color="#6366f1" />
22
27
  </linearGradient>
23
28
  </defs>
24
29
 
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" />
30
+ <!-- Light Squircle Base Canvas with Soft Shadow -->
31
+ <rect x="8" y="8" width="244" height="244" rx="42" fill="#ffffff" stroke="rgba(15, 23, 42, 0.10)" stroke-width="1.5" filter="url(#nanoCardShadow)" />
27
32
 
28
- <!-- Ambient Glow -->
29
- <circle cx="256" cy="256" r="220" fill="url(#nanoAmbientGlow)" />
33
+ <!-- Ambient Glow Core -->
34
+ <circle cx="130" cy="126" r="108" fill="url(#nanoBgGlow)" />
30
35
 
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" />
36
+ <!-- High-Precision Reticle Rings -->
37
+ <circle cx="130" cy="126" r="102" stroke="rgba(15, 23, 42, 0.08)" stroke-width="1.2" stroke-dasharray="6 8" />
38
+ <circle cx="130" cy="126" r="78" stroke="rgba(15, 23, 42, 0.05)" stroke-width="1" />
34
39
 
35
40
  <!-- 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" />
41
+ <line x1="42" y1="38" x2="218" y2="214" stroke="rgba(15, 23, 42, 0.06)" stroke-width="1" stroke-dasharray="4 6" />
42
+
43
+ <!-- BOLD KINETIC 'N' MONOGRAM (Continuous 34px Path) -->
44
+ <!-- Left Vertical Stem -->
45
+ <path
46
+ d="M72 188 V64"
47
+ stroke="url(#stemGrad)"
48
+ stroke-width="34"
49
+ stroke-linecap="round"
50
+ />
51
+
52
+ <!-- Diagonal Crossing Beam -->
53
+ <path
54
+ d="M72 64 L188 188"
55
+ stroke="url(#beamGrad)"
56
+ stroke-width="34"
57
+ stroke-linecap="round"
58
+ />
37
59
 
38
- <!-- BOLD KINETIC 'N' MONOGRAM (Continuous 72px Joined Path) -->
60
+ <!-- Right Vertical Stem -->
39
61
  <path
40
- d="M136 376 V136 L376 376 V136"
41
- stroke="url(#nanoKineticGrad)"
42
- stroke-width="72"
62
+ d="M188 188 V64"
63
+ stroke="url(#stemGrad)"
64
+ stroke-width="34"
43
65
  stroke-linecap="round"
44
- stroke-linejoin="round"
45
66
  />
46
67
 
47
68
  <!-- 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" />
69
+ <circle cx="188" cy="64" r="26" fill="rgba(0, 242, 254, 0.25)" />
70
+ <circle cx="188" cy="64" r="15" fill="#00f2fe" />
71
+ <circle cx="188" cy="64" r="6" fill="#ffffff" />
51
72
 
52
73
  <!-- Secondary Anchor Core (Bottom Left) -->
53
- <circle cx="136" cy="376" r="15" fill="#4f46e5" />
74
+ <circle cx="72" cy="188" r="7" fill="#6366f1" />
75
+
76
+ <!-- Subtitle Spec Text -->
77
+ <text
78
+ x="130"
79
+ y="234"
80
+ text-anchor="middle"
81
+ font-family="'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace"
82
+ font-size="9.5"
83
+ font-weight="700"
84
+ letter-spacing="2"
85
+ fill="#64748b"
86
+ >
87
+ NANO UI // QUANTUM 8PX
88
+ </text>
54
89
  </svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gkucmierz/nano-ui",
3
- "version": "1.7.1",
3
+ "version": "1.7.2",
4
4
  "license": "ISC",
5
5
  "author": "Grzegorz Kućmierz",
6
6
  "description": "High-performance, minimal footprint Vue 3 UI library, interactive 3D charts, and directives.",
@@ -23,8 +23,11 @@
23
23
  ],
24
24
  "scripts": {
25
25
  "dev": "vite",
26
+ "prebuild": "node scripts/generate-icons.mjs",
26
27
  "build": "vite build",
27
- "build:app": "vite build -c vite.config.app.js",
28
+ "prebuild:app": "node scripts/generate-icons.mjs",
29
+ "build:app": "vite build -c vite.config.app.js && node scripts/prerender.mjs",
30
+ "prerender": "node scripts/prerender.mjs",
28
31
  "icons": "node scripts/generate-icons.mjs",
29
32
  "test:e2e": "playwright test"
30
33
  },