@dragcraft/icons 0.0.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/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2025-PRESENT hackycy <https://github.com/hackycy>
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.
@@ -0,0 +1,173 @@
1
+ //#region src/types.d.ts
2
+ interface IconProps {
3
+ size?: number | string;
4
+ color?: string;
5
+ class?: string;
6
+ }
7
+ //#endregion
8
+ //#region src/icons/arrow-down.d.ts
9
+ declare function IconArrowDown(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
10
+ [key: string]: any;
11
+ }>;
12
+ //#endregion
13
+ //#region src/icons/arrow-up.d.ts
14
+ declare function IconArrowUp(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
15
+ [key: string]: any;
16
+ }>;
17
+ //#endregion
18
+ //#region src/icons/center.d.ts
19
+ declare function IconCenter(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
20
+ [key: string]: any;
21
+ }>;
22
+ //#endregion
23
+ //#region src/icons/chevron-down.d.ts
24
+ declare function IconChevronDown(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
25
+ [key: string]: any;
26
+ }>;
27
+ //#endregion
28
+ //#region src/icons/chevron-left.d.ts
29
+ declare function IconChevronLeft(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
30
+ [key: string]: any;
31
+ }>;
32
+ //#endregion
33
+ //#region src/icons/chevron-right.d.ts
34
+ declare function IconChevronRight(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
35
+ [key: string]: any;
36
+ }>;
37
+ //#endregion
38
+ //#region src/icons/close.d.ts
39
+ declare function IconClose(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
40
+ [key: string]: any;
41
+ }>;
42
+ //#endregion
43
+ //#region src/icons/component.d.ts
44
+ declare function IconComponent(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
45
+ [key: string]: any;
46
+ }>;
47
+ //#endregion
48
+ //#region src/icons/copy.d.ts
49
+ declare function IconCopy(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
50
+ [key: string]: any;
51
+ }>;
52
+ //#endregion
53
+ //#region src/icons/delete.d.ts
54
+ declare function IconDelete(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
55
+ [key: string]: any;
56
+ }>;
57
+ //#endregion
58
+ //#region src/icons/desktop.d.ts
59
+ declare function IconDesktop(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
60
+ [key: string]: any;
61
+ }>;
62
+ //#endregion
63
+ //#region src/icons/drag.d.ts
64
+ declare function IconDrag(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
65
+ [key: string]: any;
66
+ }>;
67
+ //#endregion
68
+ //#region src/icons/global-config.d.ts
69
+ declare function IconGlobalConfig(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
70
+ [key: string]: any;
71
+ }>;
72
+ //#endregion
73
+ //#region src/icons/hand.d.ts
74
+ declare function IconHand(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
75
+ [key: string]: any;
76
+ }>;
77
+ //#endregion
78
+ //#region src/icons/laptop.d.ts
79
+ declare function IconLaptop(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
80
+ [key: string]: any;
81
+ }>;
82
+ //#endregion
83
+ //#region src/icons/material.d.ts
84
+ declare function IconMaterial(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
85
+ [key: string]: any;
86
+ }>;
87
+ //#endregion
88
+ //#region src/icons/nav-back.d.ts
89
+ declare function IconNavBack(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
90
+ [key: string]: any;
91
+ }>;
92
+ //#endregion
93
+ //#region src/icons/nav-home.d.ts
94
+ declare function IconNavHome(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
95
+ [key: string]: any;
96
+ }>;
97
+ //#endregion
98
+ //#region src/icons/nav-recent.d.ts
99
+ declare function IconNavRecent(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
100
+ [key: string]: any;
101
+ }>;
102
+ //#endregion
103
+ //#region src/icons/panel-left.d.ts
104
+ declare function IconPanelLeft(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
105
+ [key: string]: any;
106
+ }>;
107
+ //#endregion
108
+ //#region src/icons/panel-right.d.ts
109
+ declare function IconPanelRight(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
110
+ [key: string]: any;
111
+ }>;
112
+ //#endregion
113
+ //#region src/icons/phone.d.ts
114
+ declare function IconPhone(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
115
+ [key: string]: any;
116
+ }>;
117
+ //#endregion
118
+ //#region src/icons/plus.d.ts
119
+ declare function IconPlus(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
120
+ [key: string]: any;
121
+ }>;
122
+ //#endregion
123
+ //#region src/icons/pointer.d.ts
124
+ declare function IconPointer(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
125
+ [key: string]: any;
126
+ }>;
127
+ //#endregion
128
+ //#region src/icons/properties.d.ts
129
+ declare function IconProperties(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
130
+ [key: string]: any;
131
+ }>;
132
+ //#endregion
133
+ //#region src/icons/redo.d.ts
134
+ declare function IconRedo(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
135
+ [key: string]: any;
136
+ }>;
137
+ //#endregion
138
+ //#region src/icons/robot.d.ts
139
+ declare function IconRobot(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
140
+ [key: string]: any;
141
+ }>;
142
+ //#endregion
143
+ //#region src/icons/search.d.ts
144
+ declare function IconSearch(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
145
+ [key: string]: any;
146
+ }>;
147
+ //#endregion
148
+ //#region src/icons/settings.d.ts
149
+ declare function IconSettings(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
150
+ [key: string]: any;
151
+ }>;
152
+ //#endregion
153
+ //#region src/icons/signal.d.ts
154
+ declare function IconSignal(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
155
+ [key: string]: any;
156
+ }>;
157
+ //#endregion
158
+ //#region src/icons/signal-bar.d.ts
159
+ declare function IconSignalBar(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
160
+ [key: string]: any;
161
+ }>;
162
+ //#endregion
163
+ //#region src/icons/structure-tree.d.ts
164
+ declare function IconStructureTree(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
165
+ [key: string]: any;
166
+ }>;
167
+ //#endregion
168
+ //#region src/icons/undo.d.ts
169
+ declare function IconUndo(props?: IconProps): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
170
+ [key: string]: any;
171
+ }>;
172
+ //#endregion
173
+ export { IconArrowDown, IconArrowUp, IconCenter, IconChevronDown, IconChevronLeft, IconChevronRight, IconClose, IconComponent, IconCopy, IconDelete, IconDesktop, IconDrag, IconGlobalConfig, IconHand, IconLaptop, IconMaterial, IconNavBack, IconNavHome, IconNavRecent, IconPanelLeft, IconPanelRight, IconPhone, IconPlus, IconPointer, IconProperties, type IconProps, IconRedo, IconRobot, IconSearch, IconSettings, IconSignal, IconSignalBar, IconStructureTree, IconUndo };
package/dist/index.mjs ADDED
@@ -0,0 +1,761 @@
1
+ import { h } from "vue";
2
+ //#region src/icons/arrow-down.ts
3
+ function IconArrowDown(props = {}) {
4
+ const { size = 16, color = "currentColor", class: cls } = props;
5
+ return h("svg", {
6
+ "width": size,
7
+ "height": size,
8
+ "viewBox": "0 0 16 16",
9
+ "fill": "none",
10
+ "stroke": color,
11
+ "stroke-width": 1.5,
12
+ "stroke-linecap": "round",
13
+ "stroke-linejoin": "round",
14
+ "class": cls
15
+ }, [h("path", { d: "M8 4v8M4 9l4 4 4-4" })]);
16
+ }
17
+ //#endregion
18
+ //#region src/icons/arrow-up.ts
19
+ function IconArrowUp(props = {}) {
20
+ const { size = 16, color = "currentColor", class: cls } = props;
21
+ return h("svg", {
22
+ "width": size,
23
+ "height": size,
24
+ "viewBox": "0 0 16 16",
25
+ "fill": "none",
26
+ "stroke": color,
27
+ "stroke-width": 1.5,
28
+ "stroke-linecap": "round",
29
+ "stroke-linejoin": "round",
30
+ "class": cls
31
+ }, [h("path", { d: "M8 12V4M4 7l4-4 4 4" })]);
32
+ }
33
+ //#endregion
34
+ //#region src/icons/center.ts
35
+ function IconCenter(props = {}) {
36
+ const { size = 16, color = "currentColor", class: cls } = props;
37
+ return h("svg", {
38
+ "width": size,
39
+ "height": size,
40
+ "viewBox": "0 0 16 16",
41
+ "fill": "none",
42
+ "stroke": color,
43
+ "stroke-width": 1.5,
44
+ "stroke-linecap": "round",
45
+ "stroke-linejoin": "round",
46
+ "class": cls
47
+ }, [h("path", { d: "M6 2.5H3.5a1 1 0 0 0-1 1V6M10 2.5h2.5a1 1 0 0 1 1 1V6M13.5 10v2.5a1 1 0 0 1-1 1H10M6 13.5H3.5a1 1 0 0 1-1-1V10" }), h("circle", {
48
+ cx: 8,
49
+ cy: 8,
50
+ r: 1.5
51
+ })]);
52
+ }
53
+ //#endregion
54
+ //#region src/icons/chevron-down.ts
55
+ function IconChevronDown(props = {}) {
56
+ const { size = 16, color = "currentColor", class: cls } = props;
57
+ return h("svg", {
58
+ "width": size,
59
+ "height": size,
60
+ "viewBox": "0 0 16 16",
61
+ "fill": "none",
62
+ "stroke": color,
63
+ "stroke-width": 1.5,
64
+ "stroke-linecap": "round",
65
+ "stroke-linejoin": "round",
66
+ "class": cls
67
+ }, [h("path", { d: "m4 6 4 4 4-4" })]);
68
+ }
69
+ //#endregion
70
+ //#region src/icons/chevron-left.ts
71
+ function IconChevronLeft(props = {}) {
72
+ const { size = 16, color = "currentColor", class: cls } = props;
73
+ return h("svg", {
74
+ "width": size,
75
+ "height": size,
76
+ "viewBox": "0 0 16 16",
77
+ "fill": "none",
78
+ "stroke": color,
79
+ "stroke-width": 1.5,
80
+ "stroke-linecap": "round",
81
+ "stroke-linejoin": "round",
82
+ "class": cls
83
+ }, [h("path", { d: "m10 4-4 4 4 4" })]);
84
+ }
85
+ //#endregion
86
+ //#region src/icons/chevron-right.ts
87
+ function IconChevronRight(props = {}) {
88
+ const { size = 16, color = "currentColor", class: cls } = props;
89
+ return h("svg", {
90
+ "width": size,
91
+ "height": size,
92
+ "viewBox": "0 0 16 16",
93
+ "fill": "none",
94
+ "stroke": color,
95
+ "stroke-width": 1.5,
96
+ "stroke-linecap": "round",
97
+ "stroke-linejoin": "round",
98
+ "class": cls
99
+ }, [h("path", { d: "m6 4 4 4-4 4" })]);
100
+ }
101
+ //#endregion
102
+ //#region src/icons/close.ts
103
+ function IconClose(props = {}) {
104
+ const { size = 16, color = "currentColor", class: cls } = props;
105
+ return h("svg", {
106
+ "width": size,
107
+ "height": size,
108
+ "viewBox": "0 0 16 16",
109
+ "fill": "none",
110
+ "stroke": color,
111
+ "stroke-width": 1.5,
112
+ "stroke-linecap": "round",
113
+ "class": cls
114
+ }, [h("path", { d: "m4 4 8 8M12 4l-8 8" })]);
115
+ }
116
+ //#endregion
117
+ //#region src/icons/component.ts
118
+ function IconComponent(props = {}) {
119
+ const { size = 16, color = "currentColor", class: cls } = props;
120
+ return h("svg", {
121
+ "width": size,
122
+ "height": size,
123
+ "viewBox": "0 0 16 16",
124
+ "fill": "none",
125
+ "stroke": color,
126
+ "stroke-width": 1.5,
127
+ "stroke-linecap": "round",
128
+ "stroke-linejoin": "round",
129
+ "class": cls
130
+ }, [h("rect", {
131
+ x: 4.25,
132
+ y: 4.25,
133
+ width: 7.5,
134
+ height: 7.5,
135
+ rx: 1.25
136
+ }), h("path", { d: "M2.25 5.5V3.25a1 1 0 0 1 1-1H5.5M10.5 2.25h2.25a1 1 0 0 1 1 1V5.5M13.75 10.5v2.25a1 1 0 0 1-1 1H10.5M5.5 13.75H3.25a1 1 0 0 1-1-1V10.5" })]);
137
+ }
138
+ //#endregion
139
+ //#region src/icons/copy.ts
140
+ function IconCopy(props = {}) {
141
+ const { size = 16, color = "currentColor", class: cls } = props;
142
+ return h("svg", {
143
+ "width": size,
144
+ "height": size,
145
+ "viewBox": "0 0 16 16",
146
+ "fill": "none",
147
+ "stroke": color,
148
+ "stroke-width": 1.5,
149
+ "stroke-linecap": "round",
150
+ "stroke-linejoin": "round",
151
+ "class": cls
152
+ }, [h("rect", {
153
+ x: 5,
154
+ y: 5,
155
+ width: 8,
156
+ height: 8,
157
+ rx: 1
158
+ }), h("path", { d: "M2 11V3a1 1 0 0 1 1-1h9" })]);
159
+ }
160
+ //#endregion
161
+ //#region src/icons/delete.ts
162
+ function IconDelete(props = {}) {
163
+ const { size = 16, color = "currentColor", class: cls } = props;
164
+ return h("svg", {
165
+ "width": size,
166
+ "height": size,
167
+ "viewBox": "0 0 16 16",
168
+ "fill": "none",
169
+ "stroke": color,
170
+ "stroke-width": 1.5,
171
+ "stroke-linecap": "round",
172
+ "stroke-linejoin": "round",
173
+ "class": cls
174
+ }, [h("path", { d: "M4 4l8 8M12 4l-8 8" })]);
175
+ }
176
+ //#endregion
177
+ //#region src/icons/desktop.ts
178
+ function IconDesktop(props = {}) {
179
+ const { size = 16, color = "currentColor", class: cls } = props;
180
+ return h("svg", {
181
+ "width": size,
182
+ "height": size,
183
+ "viewBox": "0 0 16 16",
184
+ "fill": "none",
185
+ "stroke": color,
186
+ "stroke-width": 1.5,
187
+ "stroke-linecap": "round",
188
+ "stroke-linejoin": "round",
189
+ "class": cls
190
+ }, [
191
+ h("rect", {
192
+ x: 1,
193
+ y: 2,
194
+ width: 14,
195
+ height: 9,
196
+ rx: 1
197
+ }),
198
+ h("line", {
199
+ x1: 5,
200
+ y1: 14,
201
+ x2: 11,
202
+ y2: 14
203
+ }),
204
+ h("line", {
205
+ x1: 8,
206
+ y1: 11,
207
+ x2: 8,
208
+ y2: 14
209
+ })
210
+ ]);
211
+ }
212
+ //#endregion
213
+ //#region src/icons/drag.ts
214
+ function IconDrag(props = {}) {
215
+ const { size = 16, color = "currentColor", class: cls } = props;
216
+ return h("svg", {
217
+ "width": size,
218
+ "height": size,
219
+ "viewBox": "0 0 16 16",
220
+ "fill": "none",
221
+ "stroke": color,
222
+ "stroke-width": 1.5,
223
+ "stroke-linecap": "round",
224
+ "stroke-linejoin": "round",
225
+ "class": cls
226
+ }, [
227
+ h("line", {
228
+ x1: 3,
229
+ y1: 4,
230
+ x2: 13,
231
+ y2: 4
232
+ }),
233
+ h("line", {
234
+ x1: 3,
235
+ y1: 8,
236
+ x2: 13,
237
+ y2: 8
238
+ }),
239
+ h("line", {
240
+ x1: 3,
241
+ y1: 12,
242
+ x2: 13,
243
+ y2: 12
244
+ })
245
+ ]);
246
+ }
247
+ //#endregion
248
+ //#region src/icons/global-config.ts
249
+ function IconGlobalConfig(props = {}) {
250
+ const { size = 16, color = "currentColor", class: cls } = props;
251
+ return h("svg", {
252
+ "width": size,
253
+ "height": size,
254
+ "viewBox": "0 0 16 16",
255
+ "fill": "none",
256
+ "stroke": color,
257
+ "stroke-width": 1.5,
258
+ "stroke-linecap": "round",
259
+ "stroke-linejoin": "round",
260
+ "class": cls
261
+ }, [h("circle", {
262
+ cx: 8,
263
+ cy: 8,
264
+ r: 5.75
265
+ }), h("path", { d: "M2.45 8h11.1M8 2.25c1.55 1.55 2.35 3.47 2.35 5.75S9.55 12.2 8 13.75M8 2.25C6.45 3.8 5.65 5.72 5.65 8s.8 4.2 2.35 5.75" })]);
266
+ }
267
+ //#endregion
268
+ //#region src/icons/hand.ts
269
+ function IconHand(props = {}) {
270
+ const { size = 16, color = "currentColor", class: cls } = props;
271
+ return h("svg", {
272
+ "width": size,
273
+ "height": size,
274
+ "viewBox": "0 0 16 16",
275
+ "fill": "none",
276
+ "stroke": color,
277
+ "stroke-width": 1.4,
278
+ "stroke-linecap": "round",
279
+ "stroke-linejoin": "round",
280
+ "class": cls
281
+ }, [h("path", { d: "M5.2 7V3.25a1 1 0 0 1 2 0V6M7.2 6V2.75a1 1 0 0 1 2 0V6M9.2 6V3.35a1 1 0 0 1 2 0v3.4M11.2 6.75V5.1a1 1 0 0 1 2 0v4.15c0 2.65-1.8 4.5-4.5 4.5H7.45c-1.25 0-2.25-.45-3.05-1.4L2.55 10.2a1.05 1.05 0 0 1 1.5-1.45L5.2 9.8V7Z" })]);
282
+ }
283
+ //#endregion
284
+ //#region src/icons/laptop.ts
285
+ function IconLaptop(props = {}) {
286
+ const { size = 16, color = "currentColor", class: cls } = props;
287
+ return h("svg", {
288
+ "width": size,
289
+ "height": size,
290
+ "viewBox": "0 0 16 16",
291
+ "fill": "none",
292
+ "stroke": color,
293
+ "stroke-width": 1.5,
294
+ "stroke-linecap": "round",
295
+ "stroke-linejoin": "round",
296
+ "class": cls
297
+ }, [h("rect", {
298
+ x: 2,
299
+ y: 2,
300
+ width: 12,
301
+ height: 9,
302
+ rx: 1
303
+ }), h("path", { d: "M1 13h14" })]);
304
+ }
305
+ //#endregion
306
+ //#region src/icons/material.ts
307
+ function IconMaterial(props = {}) {
308
+ const { size = 16, color = "currentColor", class: cls } = props;
309
+ return h("svg", {
310
+ "width": size,
311
+ "height": size,
312
+ "viewBox": "0 0 16 16",
313
+ "fill": "none",
314
+ "stroke": color,
315
+ "stroke-width": 1.5,
316
+ "stroke-linecap": "round",
317
+ "stroke-linejoin": "round",
318
+ "class": cls
319
+ }, [
320
+ h("rect", {
321
+ x: 2.5,
322
+ y: 2.5,
323
+ width: 4,
324
+ height: 4,
325
+ rx: .8
326
+ }),
327
+ h("rect", {
328
+ x: 9.5,
329
+ y: 2.5,
330
+ width: 4,
331
+ height: 4,
332
+ rx: .8
333
+ }),
334
+ h("rect", {
335
+ x: 2.5,
336
+ y: 9.5,
337
+ width: 4,
338
+ height: 4,
339
+ rx: .8
340
+ }),
341
+ h("rect", {
342
+ x: 9.5,
343
+ y: 9.5,
344
+ width: 4,
345
+ height: 4,
346
+ rx: .8
347
+ })
348
+ ]);
349
+ }
350
+ //#endregion
351
+ //#region src/icons/nav-back.ts
352
+ function IconNavBack(props = {}) {
353
+ const { size = 16, color = "currentColor", class: cls } = props;
354
+ return h("svg", {
355
+ "width": size,
356
+ "height": size,
357
+ "viewBox": "0 0 16 16",
358
+ "fill": "none",
359
+ "stroke": color,
360
+ "stroke-width": 1.5,
361
+ "stroke-linecap": "round",
362
+ "stroke-linejoin": "round",
363
+ "class": cls
364
+ }, [h("path", { d: "M10 3L5 8l5 5" })]);
365
+ }
366
+ //#endregion
367
+ //#region src/icons/nav-home.ts
368
+ function IconNavHome(props = {}) {
369
+ const { size = 16, color = "currentColor", class: cls } = props;
370
+ return h("svg", {
371
+ "width": size,
372
+ "height": size,
373
+ "viewBox": "0 0 16 16",
374
+ "fill": "none",
375
+ "stroke": color,
376
+ "stroke-width": 1.5,
377
+ "class": cls
378
+ }, [h("circle", {
379
+ cx: 8,
380
+ cy: 8,
381
+ r: 5
382
+ })]);
383
+ }
384
+ //#endregion
385
+ //#region src/icons/nav-recent.ts
386
+ function IconNavRecent(props = {}) {
387
+ const { size = 16, color = "currentColor", class: cls } = props;
388
+ return h("svg", {
389
+ "width": size,
390
+ "height": size,
391
+ "viewBox": "0 0 16 16",
392
+ "fill": "none",
393
+ "stroke": color,
394
+ "stroke-width": 1.5,
395
+ "stroke-linecap": "round",
396
+ "stroke-linejoin": "round",
397
+ "class": cls
398
+ }, [h("rect", {
399
+ x: 3,
400
+ y: 3,
401
+ width: 10,
402
+ height: 10,
403
+ rx: 1
404
+ })]);
405
+ }
406
+ //#endregion
407
+ //#region src/icons/panel-left.ts
408
+ function IconPanelLeft(props = {}) {
409
+ const { size = 16, color = "currentColor", class: cls } = props;
410
+ return h("svg", {
411
+ "width": size,
412
+ "height": size,
413
+ "viewBox": "0 0 16 16",
414
+ "fill": "none",
415
+ "stroke": color,
416
+ "stroke-width": 1.5,
417
+ "stroke-linecap": "round",
418
+ "stroke-linejoin": "round",
419
+ "class": cls
420
+ }, [h("rect", {
421
+ x: 2,
422
+ y: 2.5,
423
+ width: 12,
424
+ height: 11,
425
+ rx: 1.5
426
+ }), h("path", { d: "M6 2.5v11" })]);
427
+ }
428
+ //#endregion
429
+ //#region src/icons/panel-right.ts
430
+ function IconPanelRight(props = {}) {
431
+ const { size = 16, color = "currentColor", class: cls } = props;
432
+ return h("svg", {
433
+ "width": size,
434
+ "height": size,
435
+ "viewBox": "0 0 16 16",
436
+ "fill": "none",
437
+ "stroke": color,
438
+ "stroke-width": 1.5,
439
+ "stroke-linecap": "round",
440
+ "stroke-linejoin": "round",
441
+ "class": cls
442
+ }, [h("rect", {
443
+ x: 2,
444
+ y: 2.5,
445
+ width: 12,
446
+ height: 11,
447
+ rx: 1.5
448
+ }), h("path", { d: "M10 2.5v11" })]);
449
+ }
450
+ //#endregion
451
+ //#region src/icons/phone.ts
452
+ function IconPhone(props = {}) {
453
+ const { size = 16, color = "currentColor", class: cls } = props;
454
+ return h("svg", {
455
+ "width": size,
456
+ "height": size,
457
+ "viewBox": "0 0 16 16",
458
+ "fill": "none",
459
+ "stroke": color,
460
+ "stroke-width": 1.5,
461
+ "stroke-linecap": "round",
462
+ "stroke-linejoin": "round",
463
+ "class": cls
464
+ }, [h("rect", {
465
+ x: 4,
466
+ y: 1,
467
+ width: 8,
468
+ height: 14,
469
+ rx: 1.5
470
+ }), h("line", {
471
+ x1: 7,
472
+ y1: 12.5,
473
+ x2: 9,
474
+ y2: 12.5
475
+ })]);
476
+ }
477
+ //#endregion
478
+ //#region src/icons/plus.ts
479
+ function IconPlus(props = {}) {
480
+ const { size = 16, color = "currentColor", class: cls } = props;
481
+ return h("svg", {
482
+ "width": size,
483
+ "height": size,
484
+ "viewBox": "0 0 16 16",
485
+ "fill": "none",
486
+ "stroke": color,
487
+ "stroke-width": 1.5,
488
+ "stroke-linecap": "round",
489
+ "stroke-linejoin": "round",
490
+ "class": cls
491
+ }, [h("line", {
492
+ x1: 8,
493
+ y1: 3,
494
+ x2: 8,
495
+ y2: 13
496
+ }), h("line", {
497
+ x1: 3,
498
+ y1: 8,
499
+ x2: 13,
500
+ y2: 8
501
+ })]);
502
+ }
503
+ //#endregion
504
+ //#region src/icons/pointer.ts
505
+ function IconPointer(props = {}) {
506
+ const { size = 16, color = "currentColor", class: cls } = props;
507
+ return h("svg", {
508
+ "width": size,
509
+ "height": size,
510
+ "viewBox": "0 0 16 16",
511
+ "fill": "none",
512
+ "stroke": color,
513
+ "stroke-width": 1.5,
514
+ "stroke-linecap": "round",
515
+ "stroke-linejoin": "round",
516
+ "class": cls
517
+ }, [h("path", { d: "M4 2.25v10.7l2.65-2.55 1.8 3.35 2.05-1.1-1.75-3.2 3.8-.35L4 2.25Z" })]);
518
+ }
519
+ //#endregion
520
+ //#region src/icons/properties.ts
521
+ function IconProperties(props = {}) {
522
+ const { size = 16, color = "currentColor", class: cls } = props;
523
+ return h("svg", {
524
+ "width": size,
525
+ "height": size,
526
+ "viewBox": "0 0 16 16",
527
+ "fill": "none",
528
+ "stroke": color,
529
+ "stroke-width": 1.5,
530
+ "stroke-linecap": "round",
531
+ "stroke-linejoin": "round",
532
+ "class": cls
533
+ }, [
534
+ h("path", { d: "M3 3.5h4M10 3.5h3M3 8h1.5M7.5 8H13M3 12.5h5M11 12.5h2" }),
535
+ h("circle", {
536
+ cx: 8.5,
537
+ cy: 3.5,
538
+ r: 1.5
539
+ }),
540
+ h("circle", {
541
+ cx: 6,
542
+ cy: 8,
543
+ r: 1.5
544
+ }),
545
+ h("circle", {
546
+ cx: 9.5,
547
+ cy: 12.5,
548
+ r: 1.5
549
+ })
550
+ ]);
551
+ }
552
+ //#endregion
553
+ //#region src/icons/redo.ts
554
+ function IconRedo(props = {}) {
555
+ const { size = 16, color = "currentColor", class: cls } = props;
556
+ return h("svg", {
557
+ "width": size,
558
+ "height": size,
559
+ "viewBox": "0 0 16 16",
560
+ "fill": "none",
561
+ "stroke": color,
562
+ "stroke-width": 1.5,
563
+ "stroke-linecap": "round",
564
+ "stroke-linejoin": "round",
565
+ "class": cls
566
+ }, [h("path", { d: "M13 7H6a3 3 0 0 0 0 6h1M13 7l-3-3M13 7l-3 3" })]);
567
+ }
568
+ //#endregion
569
+ //#region src/icons/robot.ts
570
+ function IconRobot(props = {}) {
571
+ const { size = 16, color = "currentColor", class: cls } = props;
572
+ return h("svg", {
573
+ "width": size,
574
+ "height": size,
575
+ "viewBox": "0 0 16 16",
576
+ "fill": "none",
577
+ "stroke": color,
578
+ "stroke-width": 1.5,
579
+ "stroke-linecap": "round",
580
+ "stroke-linejoin": "round",
581
+ "class": cls
582
+ }, [
583
+ h("rect", {
584
+ x: 3,
585
+ y: 5,
586
+ width: 10,
587
+ height: 9,
588
+ rx: 1.5
589
+ }),
590
+ h("line", {
591
+ x1: 5.5,
592
+ y1: 2,
593
+ x2: 5.5,
594
+ y2: 5
595
+ }),
596
+ h("line", {
597
+ x1: 10.5,
598
+ y1: 2,
599
+ x2: 10.5,
600
+ y2: 5
601
+ }),
602
+ h("line", {
603
+ x1: 2,
604
+ y1: 8,
605
+ x2: 3,
606
+ y2: 8
607
+ }),
608
+ h("line", {
609
+ x1: 13,
610
+ y1: 8,
611
+ x2: 14,
612
+ y2: 8
613
+ }),
614
+ h("circle", {
615
+ cx: 6,
616
+ cy: 9,
617
+ r: .5,
618
+ fill: color,
619
+ stroke: "none"
620
+ }),
621
+ h("circle", {
622
+ cx: 10,
623
+ cy: 9,
624
+ r: .5,
625
+ fill: color,
626
+ stroke: "none"
627
+ }),
628
+ h("path", { d: "M6 11.5h4" })
629
+ ]);
630
+ }
631
+ //#endregion
632
+ //#region src/icons/search.ts
633
+ function IconSearch(props = {}) {
634
+ const { size = 16, color = "currentColor", class: cls } = props;
635
+ return h("svg", {
636
+ "width": size,
637
+ "height": size,
638
+ "viewBox": "0 0 16 16",
639
+ "fill": "none",
640
+ "stroke": color,
641
+ "stroke-width": 1.5,
642
+ "stroke-linecap": "round",
643
+ "class": cls
644
+ }, [h("circle", {
645
+ cx: 7,
646
+ cy: 7,
647
+ r: 4
648
+ }), h("path", { d: "m10 10 3 3" })]);
649
+ }
650
+ //#endregion
651
+ //#region src/icons/settings.ts
652
+ function IconSettings(props = {}) {
653
+ const { size = 16, color = "currentColor", class: cls } = props;
654
+ return h("svg", {
655
+ "width": size,
656
+ "height": size,
657
+ "viewBox": "0 0 16 16",
658
+ "fill": "none",
659
+ "stroke": color,
660
+ "stroke-width": 1.5,
661
+ "stroke-linecap": "round",
662
+ "stroke-linejoin": "round",
663
+ "class": cls
664
+ }, [h("circle", {
665
+ cx: 8,
666
+ cy: 8,
667
+ r: 2.25
668
+ }), h("path", { d: "M8 2.25v1.2M8 12.55v1.2M2.25 8h1.2M12.55 8h1.2M3.95 3.95l.85.85M11.2 11.2l.85.85M12.05 3.95l-.85.85M4.8 11.2l-.85.85" })]);
669
+ }
670
+ //#endregion
671
+ //#region src/icons/signal.ts
672
+ function IconSignal(props = {}) {
673
+ const { size = 16, color = "currentColor", class: cls } = props;
674
+ return h("svg", {
675
+ "width": size,
676
+ "height": size,
677
+ "viewBox": "0 0 16 16",
678
+ "fill": "none",
679
+ "stroke": color,
680
+ "stroke-width": 1.5,
681
+ "class": cls
682
+ }, [h("circle", {
683
+ cx: 8,
684
+ cy: 8,
685
+ r: 5
686
+ }), h("path", {
687
+ d: "M8 3v10A5 5 0 0 0 8 3",
688
+ fill: color,
689
+ stroke: "none"
690
+ })]);
691
+ }
692
+ //#endregion
693
+ //#region src/icons/signal-bar.ts
694
+ function IconSignalBar(props = {}) {
695
+ const { size = 16, color = "currentColor", class: cls } = props;
696
+ return h("svg", {
697
+ width: size,
698
+ height: size,
699
+ viewBox: "0 0 16 16",
700
+ class: cls
701
+ }, [h("rect", {
702
+ x: 2,
703
+ y: 5,
704
+ width: 12,
705
+ height: 6,
706
+ rx: 1,
707
+ fill: color
708
+ })]);
709
+ }
710
+ //#endregion
711
+ //#region src/icons/structure-tree.ts
712
+ function IconStructureTree(props = {}) {
713
+ const { size = 16, color = "currentColor", class: cls } = props;
714
+ return h("svg", {
715
+ "width": size,
716
+ "height": size,
717
+ "viewBox": "0 0 16 16",
718
+ "fill": "none",
719
+ "stroke": color,
720
+ "stroke-width": 1.5,
721
+ "stroke-linecap": "round",
722
+ "stroke-linejoin": "round",
723
+ "class": cls
724
+ }, [
725
+ h("path", { d: "M4 3v10" }),
726
+ h("path", { d: "M4 5h3" }),
727
+ h("path", { d: "M4 11h3" }),
728
+ h("rect", {
729
+ x: 7,
730
+ y: 2.5,
731
+ width: 6,
732
+ height: 4,
733
+ rx: .8
734
+ }),
735
+ h("rect", {
736
+ x: 7,
737
+ y: 9.5,
738
+ width: 6,
739
+ height: 4,
740
+ rx: .8
741
+ })
742
+ ]);
743
+ }
744
+ //#endregion
745
+ //#region src/icons/undo.ts
746
+ function IconUndo(props = {}) {
747
+ const { size = 16, color = "currentColor", class: cls } = props;
748
+ return h("svg", {
749
+ "width": size,
750
+ "height": size,
751
+ "viewBox": "0 0 16 16",
752
+ "fill": "none",
753
+ "stroke": color,
754
+ "stroke-width": 1.5,
755
+ "stroke-linecap": "round",
756
+ "stroke-linejoin": "round",
757
+ "class": cls
758
+ }, [h("path", { d: "M3 7h7a3 3 0 0 1 0 6H9M3 7l3-3M3 7l3 3" })]);
759
+ }
760
+ //#endregion
761
+ export { IconArrowDown, IconArrowUp, IconCenter, IconChevronDown, IconChevronLeft, IconChevronRight, IconClose, IconComponent, IconCopy, IconDelete, IconDesktop, IconDrag, IconGlobalConfig, IconHand, IconLaptop, IconMaterial, IconNavBack, IconNavHome, IconNavRecent, IconPanelLeft, IconPanelRight, IconPhone, IconPlus, IconPointer, IconProperties, IconRedo, IconRobot, IconSearch, IconSettings, IconSignal, IconSignalBar, IconStructureTree, IconUndo };
package/package.json ADDED
@@ -0,0 +1,42 @@
1
+ {
2
+ "name": "@dragcraft/icons",
3
+ "type": "module",
4
+ "version": "0.0.1",
5
+ "description": "SVG icon components for @dragcraft",
6
+ "author": "hackycy <hackycy@outlook.com>",
7
+ "license": "MIT",
8
+ "homepage": "https://github.com/hackycy/dragcraft#readme",
9
+ "repository": {
10
+ "type": "git",
11
+ "url": "git+https://github.com/hackycy/dragcraft.git"
12
+ },
13
+ "bugs": "https://github.com/hackycy/dragcraft/issues",
14
+ "keywords": [],
15
+ "sideEffects": false,
16
+ "exports": {
17
+ ".": "./dist/index.mjs",
18
+ "./package.json": "./package.json"
19
+ },
20
+ "main": "./dist/index.mjs",
21
+ "module": "./dist/index.mjs",
22
+ "types": "./dist/index.d.mts",
23
+ "files": [
24
+ "dist"
25
+ ],
26
+ "peerDependencies": {
27
+ "vue": ">=3.0.0"
28
+ },
29
+ "devDependencies": {
30
+ "vitest": "^4.0.7",
31
+ "vue": "^3.5.27"
32
+ },
33
+ "scripts": {
34
+ "build": "tsdown",
35
+ "dev": "tsdown --watch",
36
+ "lint": "eslint",
37
+ "release": "bumpp",
38
+ "start": "tsx src/index.ts",
39
+ "test": "vitest",
40
+ "typecheck": "tsc"
41
+ }
42
+ }