@gkucmierz/nano-ui 1.6.0 → 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.
- package/README.md +383 -38
- package/dist/nano-ui-512.png +0 -0
- package/dist/nano-ui-dark.svg +54 -0
- package/dist/nano-ui.css +1 -1
- package/dist/nano-ui.js +629 -210
- package/dist/nano-ui.svg +89 -0
- package/package.json +6 -2
package/dist/nano-ui.svg
ADDED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
<svg width="512" height="512" viewBox="0 0 260 260" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<defs>
|
|
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>
|
|
7
|
+
|
|
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" />
|
|
13
|
+
</radialGradient>
|
|
14
|
+
|
|
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" />
|
|
27
|
+
</linearGradient>
|
|
28
|
+
</defs>
|
|
29
|
+
|
|
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)" />
|
|
32
|
+
|
|
33
|
+
<!-- Ambient Glow Core -->
|
|
34
|
+
<circle cx="130" cy="126" r="108" fill="url(#nanoBgGlow)" />
|
|
35
|
+
|
|
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" />
|
|
39
|
+
|
|
40
|
+
<!-- Diagonal Alignment Axis -->
|
|
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
|
+
/>
|
|
59
|
+
|
|
60
|
+
<!-- Right Vertical Stem -->
|
|
61
|
+
<path
|
|
62
|
+
d="M188 188 V64"
|
|
63
|
+
stroke="url(#stemGrad)"
|
|
64
|
+
stroke-width="34"
|
|
65
|
+
stroke-linecap="round"
|
|
66
|
+
/>
|
|
67
|
+
|
|
68
|
+
<!-- Prominent Quantum Pulsar (Upper Right) -->
|
|
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" />
|
|
72
|
+
|
|
73
|
+
<!-- Secondary Anchor Core (Bottom Left) -->
|
|
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>
|
|
89
|
+
</svg>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gkucmierz/nano-ui",
|
|
3
|
-
"version": "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,12 @@
|
|
|
23
23
|
],
|
|
24
24
|
"scripts": {
|
|
25
25
|
"dev": "vite",
|
|
26
|
+
"prebuild": "node scripts/generate-icons.mjs",
|
|
26
27
|
"build": "vite build",
|
|
27
|
-
"
|
|
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",
|
|
31
|
+
"icons": "node scripts/generate-icons.mjs",
|
|
28
32
|
"test:e2e": "playwright test"
|
|
29
33
|
},
|
|
30
34
|
"peerDependencies": {
|