@nudge-icons/vue 0.0.0-stage → 0.1.0

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 (9) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +30 -2
  3. package/dist/index.d.ts +123 -0
  4. package/dist/index.js +1431 -0
  5. package/dist/render-svg-B1uDWsbp.js +61 -0
  6. package/dist/static.d.ts +123 -0
  7. package/dist/static.js +1246 -0
  8. package/dist/types-DyDh9OBG.d.ts +117 -0
  9. package/package.json +53 -3
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2026 Dmytro Shyshko
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md CHANGED
@@ -1,3 +1,31 @@
1
- # Temporary Holding Version
1
+ # @nudge-icons/vue
2
2
 
3
- This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
3
+ Animated line icons for Vue. Each icon has its own small motion, made with CSS only, and stops under `prefers-reduced-motion`. Same props as lucide-vue-next. Works with server rendering and Nuxt.
4
+
5
+ ```sh
6
+ pnpm add @nudge-icons/vue
7
+ ```
8
+
9
+ ```vue
10
+ <script setup lang="ts">
11
+ import { ref } from "vue";
12
+ import { Bell, Menu } from "@nudge-icons/vue";
13
+ const open = ref(false);
14
+ </script>
15
+
16
+ <template>
17
+ <button><Bell :size="16" /> Notifications</button>
18
+ <button :aria-expanded="open" aria-label="Menu" @click="open = !open">
19
+ <Menu :active="open" />
20
+ </button>
21
+ </template>
22
+ ```
23
+
24
+ - `animate`: `"hover"` (default; also when the parent button or link is hovered or focused), `"loop"`, `"once"`, a number of runs, or `false`.
25
+ - `active`: the second drawing, on icons that have one (`Menu` folds into a cross).
26
+ - `size`, `color`, `stroke-width`, `absolute-stroke-width`, `title`, `class`.
27
+ - Still icons without the motion CSS: `@nudge-icons/vue/static`.
28
+
29
+ Requires Vue 3.3 or later. Tree-shakeable: only the icons you import end up in your bundle.
30
+
31
+ [Docs](https://nudge-icons.github.io/nudge-icons/docs/getting-started) · [All icons](https://nudge-icons.github.io/nudge-icons/) · [GitHub](https://github.com/nudge-icons/nudge-icons) · MIT License
package/dist/index.d.ts ADDED
@@ -0,0 +1,123 @@
1
+ import { i as ToggleIconComponent, n as IconComponent, t as Animate } from "./types-DyDh9OBG.js";
2
+ export declare const AlertTriangle: IconComponent;
3
+ export declare const AlertTriangleFilled: IconComponent;
4
+ export declare const Archive: IconComponent;
5
+ export declare const ArrowDown: IconComponent;
6
+ export declare const ArrowDownRight: IconComponent;
7
+ export declare const ArrowLeft: IconComponent;
8
+ export declare const ArrowRight: IconComponent;
9
+ export declare const ArrowUp: IconComponent;
10
+ export declare const ArrowUpRight: IconComponent;
11
+ export declare const Bell: IconComponent;
12
+ export declare const BellFilled: IconComponent;
13
+ export declare const Bolt: IconComponent;
14
+ export declare const BoltFilled: IconComponent;
15
+ export declare const Bookmark: IconComponent;
16
+ export declare const BookmarkFilled: IconComponent;
17
+ export declare const Calendar: IconComponent;
18
+ export declare const Camera: IconComponent;
19
+ export declare const ChartBar: IconComponent;
20
+ export declare const ChartLine: IconComponent;
21
+ export declare const ChartPie: IconComponent;
22
+ export declare const Chat: IconComponent;
23
+ export declare const Check: IconComponent;
24
+ export declare const CheckCircle: IconComponent;
25
+ export declare const CheckCircleFilled: IconComponent;
26
+ export declare const ChevronDown: IconComponent;
27
+ export declare const ChevronLeft: IconComponent;
28
+ export declare const ChevronRight: IconComponent;
29
+ export declare const ChevronUp: IconComponent;
30
+ export declare const ChevronUpDown: IconComponent;
31
+ export declare const Circle: IconComponent;
32
+ export declare const CircleFilled: IconComponent;
33
+ export declare const Clipboard: IconComponent;
34
+ export declare const Clock: IconComponent;
35
+ export declare const Cloud: IconComponent;
36
+ export declare const Code: IconComponent;
37
+ export declare const Comment: IconComponent;
38
+ export declare const Copy: ToggleIconComponent;
39
+ export declare const CreditCard: IconComponent;
40
+ export declare const Database: IconComponent;
41
+ export declare const Download: IconComponent;
42
+ export declare const ExternalLink: IconComponent;
43
+ export declare const Eye: ToggleIconComponent;
44
+ export declare const File: IconComponent;
45
+ export declare const Files: IconComponent;
46
+ export declare const Flag: IconComponent;
47
+ export declare const FlagFilled: IconComponent;
48
+ export declare const Folder: IconComponent;
49
+ export declare const FolderFilled: IconComponent;
50
+ export declare const FolderOpen: IconComponent;
51
+ export declare const Gallery: IconComponent;
52
+ export declare const Gift: IconComponent;
53
+ export declare const Globe: IconComponent;
54
+ export declare const Grid: IconComponent;
55
+ export declare const Heart: IconComponent;
56
+ export declare const HeartFilled: IconComponent;
57
+ export declare const HeartHalf: IconComponent;
58
+ export declare const History: IconComponent;
59
+ export declare const Hourglass: IconComponent;
60
+ export declare const Image: IconComponent;
61
+ export declare const Inbox: IconComponent;
62
+ export declare const Info: IconComponent;
63
+ export declare const InfoFilled: IconComponent;
64
+ export declare const Key: IconComponent;
65
+ export declare const Link: IconComponent;
66
+ export declare const List: IconComponent;
67
+ export declare const Loader: IconComponent;
68
+ export declare const Lock: ToggleIconComponent;
69
+ export declare const LockFilled: ToggleIconComponent;
70
+ export declare const LockOpen: IconComponent;
71
+ export declare const Map: IconComponent;
72
+ export declare const MapPin: IconComponent;
73
+ export declare const MapPinFilled: IconComponent;
74
+ export declare const Menu: ToggleIconComponent;
75
+ export declare const Minus: IconComponent;
76
+ export declare const Moon: IconComponent;
77
+ export declare const Package: IconComponent;
78
+ export declare const Pause: IconComponent;
79
+ export declare const PauseFilled: IconComponent;
80
+ export declare const Pencil: IconComponent;
81
+ export declare const Phone: IconComponent;
82
+ export declare const Play: ToggleIconComponent;
83
+ export declare const PlayFilled: ToggleIconComponent;
84
+ export declare const Plug: IconComponent;
85
+ export declare const Plus: IconComponent;
86
+ export declare const Power: IconComponent;
87
+ export declare const Printer: IconComponent;
88
+ export declare const Receipt: IconComponent;
89
+ export declare const Refresh: IconComponent;
90
+ export declare const Repeat: IconComponent;
91
+ export declare const Search: IconComponent;
92
+ export declare const Send: IconComponent;
93
+ export declare const Settings: IconComponent;
94
+ export declare const SettingsFilled: IconComponent;
95
+ export declare const Share: IconComponent;
96
+ export declare const Shield: IconComponent;
97
+ export declare const ShieldFilled: IconComponent;
98
+ export declare const ShieldCheck: IconComponent;
99
+ export declare const ShieldCheckFilled: IconComponent;
100
+ export declare const ShoppingBag: IconComponent;
101
+ export declare const ShoppingCart: IconComponent;
102
+ export declare const Sidebar: IconComponent;
103
+ export declare const SignOut: IconComponent;
104
+ export declare const Sparkle: IconComponent;
105
+ export declare const SparkleFilled: IconComponent;
106
+ export declare const Star: IconComponent;
107
+ export declare const StarFilled: IconComponent;
108
+ export declare const StarHalf: IconComponent;
109
+ export declare const Sun: IconComponent;
110
+ export declare const Table: IconComponent;
111
+ export declare const Tag: IconComponent;
112
+ export declare const TagFilled: IconComponent;
113
+ export declare const Terminal: IconComponent;
114
+ export declare const Trash: IconComponent;
115
+ export declare const Upload: IconComponent;
116
+ export declare const User: IconComponent;
117
+ export declare const UserPlus: IconComponent;
118
+ export declare const Users: IconComponent;
119
+ export declare const Video: IconComponent;
120
+ export declare const Wallet: IconComponent;
121
+ export declare const Wifi: IconComponent;
122
+ export declare const X: IconComponent;
123
+ export type { Animate, IconComponent, ToggleIconComponent };