@aiready/components 0.13.6 → 0.13.8

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.
@@ -1,564 +1,3 @@
1
- import React from 'react';
2
-
3
- export function RocketIcon({
4
- className = 'w-6 h-6',
5
- ...props
6
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
7
- return (
8
- <svg
9
- viewBox="0 0 24 24"
10
- fill="none"
11
- stroke="currentColor"
12
- className={className}
13
- {...props}
14
- xmlns="http://www.w3.org/2000/svg"
15
- >
16
- <path
17
- d="M12 2c1.5 0 3 1 3 1s1.2 1.8 1.2 4.2c0 2.4-1.2 5-3.6 7.4-2.4 2.4-5 3.6-7.4 3.6C3.8 18.2 2 17 2 17S3 15.5 3 14c0-2.1 1.5-3.6 1.5-3.6S7.5 9 9 9c2.4 0 3-7 3-7z"
18
- strokeWidth="0"
19
- fill="currentColor"
20
- />
21
- <path
22
- d="M14 10c.8.8 2 2 3 3"
23
- strokeWidth="1.5"
24
- strokeLinecap="round"
25
- strokeLinejoin="round"
26
- />
27
- </svg>
28
- );
29
- }
30
-
31
- export function ChartIcon({
32
- className = 'w-6 h-6',
33
- ...props
34
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
35
- return (
36
- <svg
37
- viewBox="0 0 24 24"
38
- fill="none"
39
- stroke="currentColor"
40
- className={className}
41
- {...props}
42
- xmlns="http://www.w3.org/2000/svg"
43
- >
44
- <rect x="3" y="3" width="18" height="18" rx="2" strokeWidth="1.2" />
45
- <rect x="7" y="11" width="2" height="6" fill="currentColor" />
46
- <rect x="11" y="8" width="2" height="9" fill="currentColor" />
47
- <rect x="15" y="5" width="2" height="12" fill="currentColor" />
48
- </svg>
49
- );
50
- }
51
-
52
- export function TargetIcon({
53
- className = 'w-6 h-6',
54
- ...props
55
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
56
- return (
57
- <svg
58
- viewBox="0 0 24 24"
59
- fill="none"
60
- stroke="currentColor"
61
- className={className}
62
- {...props}
63
- xmlns="http://www.w3.org/2000/svg"
64
- >
65
- <circle cx="12" cy="12" r="10" strokeWidth="1.2" />
66
- <circle cx="12" cy="12" r="5" fill="currentColor" />
67
- <path
68
- d="M22 12h-3M5 12H2M12 2v3M12 19v3"
69
- strokeWidth="1.2"
70
- strokeLinecap="round"
71
- />
72
- </svg>
73
- );
74
- }
75
-
76
- export function RobotIcon({
77
- className = 'w-6 h-6',
78
- ...props
79
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
80
- return (
81
- <svg
82
- viewBox="0 0 24 24"
83
- fill="none"
84
- stroke="currentColor"
85
- className={className}
86
- {...props}
87
- xmlns="http://www.w3.org/2000/svg"
88
- >
89
- <rect x="3" y="7" width="18" height="11" rx="2" strokeWidth="1.2" />
90
- <rect x="7" y="10" width="2" height="2" fill="currentColor" />
91
- <rect x="15" y="10" width="2" height="2" fill="currentColor" />
92
- <path d="M9 3v2M15 3v2" strokeWidth="1.2" strokeLinecap="round" />
93
- </svg>
94
- );
95
- }
96
-
97
- export function FileIcon({
98
- className = 'w-6 h-6',
99
- ...props
100
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
101
- return (
102
- <svg
103
- viewBox="0 0 24 24"
104
- fill="none"
105
- stroke="currentColor"
106
- strokeWidth="2"
107
- strokeLinecap="round"
108
- strokeLinejoin="round"
109
- className={className}
110
- {...props}
111
- xmlns="http://www.w3.org/2000/svg"
112
- >
113
- <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" />
114
- <polyline points="14 2 14 8 20 8" />
115
- </svg>
116
- );
117
- }
118
-
119
- export function ShieldIcon({
120
- className = 'w-6 h-6',
121
- ...props
122
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
123
- return (
124
- <svg
125
- viewBox="0 0 24 24"
126
- fill="none"
127
- stroke="currentColor"
128
- strokeWidth="2"
129
- strokeLinecap="round"
130
- strokeLinejoin="round"
131
- className={className}
132
- {...props}
133
- xmlns="http://www.w3.org/2000/svg"
134
- >
135
- <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
136
- </svg>
137
- );
138
- }
139
-
140
- export function TrendingUpIcon({
141
- className = 'w-6 h-6',
142
- ...props
143
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
144
- return (
145
- <svg
146
- viewBox="0 0 24 24"
147
- fill="none"
148
- stroke="currentColor"
149
- strokeWidth="2"
150
- strokeLinecap="round"
151
- strokeLinejoin="round"
152
- className={className}
153
- {...props}
154
- xmlns="http://www.w3.org/2000/svg"
155
- >
156
- <polyline points="23 6 13.5 15.5 8.5 10.5 1 18" />
157
- <polyline points="17 6 23 6 23 12" />
158
- </svg>
159
- );
160
- }
161
-
162
- export function TrashIcon({
163
- className = 'w-6 h-6',
164
- ...props
165
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
166
- return (
167
- <svg
168
- viewBox="0 0 24 24"
169
- fill="none"
170
- stroke="currentColor"
171
- strokeWidth="2"
172
- strokeLinecap="round"
173
- strokeLinejoin="round"
174
- className={className}
175
- {...props}
176
- xmlns="http://www.w3.org/2000/svg"
177
- >
178
- <polyline points="3 6 5 6 21 6" />
179
- <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
180
- </svg>
181
- );
182
- }
183
-
184
- export function PlayIcon({
185
- className = 'w-6 h-6',
186
- ...props
187
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
188
- return (
189
- <svg
190
- viewBox="0 0 24 24"
191
- fill="none"
192
- stroke="currentColor"
193
- strokeWidth="2"
194
- strokeLinecap="round"
195
- strokeLinejoin="round"
196
- className={className}
197
- {...props}
198
- xmlns="http://www.w3.org/2000/svg"
199
- >
200
- <polygon points="5 3 19 12 5 21 5 3" />
201
- </svg>
202
- );
203
- }
204
-
205
- export function UploadIcon({
206
- className = 'w-6 h-6',
207
- ...props
208
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
209
- return (
210
- <svg
211
- viewBox="0 0 24 24"
212
- fill="none"
213
- stroke="currentColor"
214
- strokeWidth="2"
215
- strokeLinecap="round"
216
- strokeLinejoin="round"
217
- className={className}
218
- {...props}
219
- xmlns="http://www.w3.org/2000/svg"
220
- >
221
- <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v4" />
222
- <polyline points="17 8 12 3 7 8" />
223
- <line x1="12" y1="3" x2="12" y2="15" />
224
- </svg>
225
- );
226
- }
227
-
228
- export function AlertCircleIcon({
229
- className = 'w-6 h-6',
230
- ...props
231
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
232
- return (
233
- <svg
234
- viewBox="0 0 24 24"
235
- fill="none"
236
- stroke="currentColor"
237
- strokeWidth="2"
238
- strokeLinecap="round"
239
- strokeLinejoin="round"
240
- className={className}
241
- {...props}
242
- xmlns="http://www.w3.org/2000/svg"
243
- >
244
- <circle cx="12" cy="12" r="10" />
245
- <line x1="12" y1="8" x2="12" y2="12" />
246
- <line x1="12" y1="16" x2="12.01" y2="16" />
247
- </svg>
248
- );
249
- }
250
-
251
- export function InfoIcon({
252
- className = 'w-6 h-6',
253
- ...props
254
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
255
- return (
256
- <svg
257
- viewBox="0 0 24 24"
258
- fill="none"
259
- stroke="currentColor"
260
- strokeWidth="2"
261
- strokeLinecap="round"
262
- strokeLinejoin="round"
263
- className={className}
264
- {...props}
265
- xmlns="http://www.w3.org/2000/svg"
266
- >
267
- <circle cx="12" cy="12" r="10" />
268
- <line x1="12" y1="16" x2="12" y2="12" />
269
- <line x1="12" y1="8" x2="12.01" y2="8" />
270
- </svg>
271
- );
272
- }
273
-
274
- export function BrainIcon({
275
- className = 'w-6 h-6',
276
- ...props
277
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
278
- return (
279
- <svg
280
- viewBox="0 0 24 24"
281
- fill="none"
282
- stroke="currentColor"
283
- strokeWidth="2"
284
- strokeLinecap="round"
285
- strokeLinejoin="round"
286
- className={className}
287
- {...props}
288
- xmlns="http://www.w3.org/2000/svg"
289
- >
290
- <path d="M9.5 2A2.5 2.5 0 0 1 12 4.5v15a2.5 2.5 0 0 1-4.96.44 2.5 2.5 0 0 1-2.74-3.41A2.5 2.5 0 0 1 2 14c0-1.5 1-2 1-2s-1-.5-1-2a2.5 2.5 0 0 1 2.3-2.48A2.5 2.5 0 0 1 7 5.5a2.5 2.5 0 0 1 2.5-3.5z" />
291
- <path d="M14.5 2A2.5 2.5 0 0 0 12 4.5v15a2.5 2.5 0 0 0 4.96.44 2.5 2.5 0 0 0 2.74-3.41A2.5 2.5 0 0 0 22 14c0-1.5-1-2-1-2s1-.5 1-2a2.5 2.5 0 0 0-2.3-2.48A2.5 2.5 0 0 0 17 5.5a2.5 2.5 0 0 0-2.5-3.5z" />
292
- </svg>
293
- );
294
- }
295
-
296
- export function TerminalIcon({
297
- className = 'w-6 h-6',
298
- ...props
299
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
300
- return (
301
- <svg
302
- viewBox="0 0 24 24"
303
- fill="none"
304
- stroke="currentColor"
305
- strokeWidth="2"
306
- strokeLinecap="round"
307
- strokeLinejoin="round"
308
- className={className}
309
- {...props}
310
- xmlns="http://www.w3.org/2000/svg"
311
- >
312
- <polyline points="4 17 10 11 4 5" />
313
- <line x1="12" y1="19" x2="20" y2="19" />
314
- </svg>
315
- );
316
- }
317
-
318
- export function CommandLineIcon(
319
- props: { className?: string } & React.SVGProps<SVGSVGElement>
320
- ) {
321
- return <TerminalIcon {...props} />;
322
- }
323
-
324
- export function SettingsIcon({
325
- className = 'w-6 h-6',
326
- ...props
327
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
328
- return (
329
- <svg
330
- viewBox="0 0 24 24"
331
- fill="none"
332
- stroke="currentColor"
333
- strokeWidth="2"
334
- strokeLinecap="round"
335
- strokeLinejoin="round"
336
- className={className}
337
- {...props}
338
- xmlns="http://www.w3.org/2000/svg"
339
- >
340
- <path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.38a2 2 0 0 0-.73-2.73l-.15-.1a2 2 0 0 1-1-1.72v-.51a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" />
341
- <circle cx="12" cy="12" r="3" />
342
- </svg>
343
- );
344
- }
345
-
346
- export function SaveIcon({
347
- className = 'w-6 h-6',
348
- ...props
349
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
350
- return (
351
- <svg
352
- viewBox="0 0 24 24"
353
- fill="none"
354
- stroke="currentColor"
355
- strokeWidth="2"
356
- strokeLinecap="round"
357
- strokeLinejoin="round"
358
- className={className}
359
- {...props}
360
- xmlns="http://www.w3.org/2000/svg"
361
- >
362
- <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" />
363
- <polyline points="17 21 17 13 7 13 7 21" />
364
- <polyline points="7 3 7 8 15 8" />
365
- </svg>
366
- );
367
- }
368
-
369
- export function RefreshCwIcon({
370
- className = 'w-6 h-6',
371
- ...props
372
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
373
- return (
374
- <svg
375
- viewBox="0 0 24 24"
376
- fill="none"
377
- stroke="currentColor"
378
- strokeWidth="2"
379
- strokeLinecap="round"
380
- strokeLinejoin="round"
381
- className={className}
382
- {...props}
383
- xmlns="http://www.w3.org/2000/svg"
384
- >
385
- <path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" />
386
- <path d="M21 3v5h-5" />
387
- <path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" />
388
- <path d="M3 21v-5h5" />
389
- </svg>
390
- );
391
- }
392
-
393
- export function WalletIcon({
394
- className = 'w-6 h-6',
395
- ...props
396
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
397
- return (
398
- <svg
399
- viewBox="0 0 24 24"
400
- fill="none"
401
- stroke="currentColor"
402
- strokeWidth="2"
403
- strokeLinecap="round"
404
- strokeLinejoin="round"
405
- className={className}
406
- {...props}
407
- >
408
- <path d="M21 12V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-1" />
409
- <path d="M16 12h5" />
410
- <circle cx="16" cy="12" r="1" />
411
- </svg>
412
- );
413
- }
414
-
415
- export function ClockIcon({
416
- className = 'w-6 h-6',
417
- ...props
418
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
419
- return (
420
- <svg
421
- viewBox="0 0 24 24"
422
- fill="none"
423
- stroke="currentColor"
424
- strokeWidth="2"
425
- strokeLinecap="round"
426
- strokeLinejoin="round"
427
- className={className}
428
- {...props}
429
- >
430
- <circle cx="12" cy="12" r="10" />
431
- <polyline points="12 6 12 12 16 14" />
432
- </svg>
433
- );
434
- }
435
-
436
- export function ZapIcon({
437
- className = 'w-6 h-6',
438
- ...props
439
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
440
- return (
441
- <svg
442
- viewBox="0 0 24 24"
443
- fill="none"
444
- stroke="currentColor"
445
- strokeWidth="2"
446
- strokeLinecap="round"
447
- strokeLinejoin="round"
448
- className={className}
449
- {...props}
450
- >
451
- <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />
452
- </svg>
453
- );
454
- }
455
-
456
- export function HammerIcon({
457
- className = 'w-6 h-6',
458
- ...props
459
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
460
- return (
461
- <svg
462
- viewBox="0 0 24 24"
463
- fill="none"
464
- stroke="currentColor"
465
- strokeWidth="2"
466
- strokeLinecap="round"
467
- strokeLinejoin="round"
468
- className={className}
469
- {...props}
470
- >
471
- <path d="M18.42 13.59L7.46 2.63a1 1 0 0 0-1.42 0l-4.7 4.7a1 1 0 0 0 0 1.42L11 18.23l1.07-1.07-1.41-1.41 1.42-1.42 1.41 1.41 1.41-1.41-1.41-1.41 1.42-1.42 1.41 1.41 2-2z" />
472
- <path d="M13 18l6 6" />
473
- </svg>
474
- );
475
- }
476
-
477
- export function ArrowRightIcon({
478
- className = 'w-6 h-6',
479
- ...props
480
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
481
- return (
482
- <svg
483
- viewBox="0 0 24 24"
484
- fill="none"
485
- stroke="currentColor"
486
- strokeWidth="2"
487
- strokeLinecap="round"
488
- strokeLinejoin="round"
489
- className={className}
490
- {...props}
491
- >
492
- <line x1="5" y1="12" x2="19" y2="12" />
493
- <polyline points="12 5 19 12 12 19" />
494
- </svg>
495
- );
496
- }
497
-
498
- export function ShieldCheckIcon({
499
- className = 'w-6 h-6',
500
- ...props
501
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
502
- return (
503
- <svg
504
- viewBox="0 0 24 24"
505
- fill="none"
506
- stroke="currentColor"
507
- strokeWidth="2"
508
- strokeLinecap="round"
509
- strokeLinejoin="round"
510
- className={className}
511
- {...props}
512
- >
513
- <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
514
- <path d="M9 12l2 2 4-4" />
515
- </svg>
516
- );
517
- }
518
-
519
- export function AlertTriangleIcon({
520
- className = 'w-6 h-6',
521
- ...props
522
- }: { className?: string } & React.SVGProps<SVGSVGElement>) {
523
- return (
524
- <svg
525
- viewBox="0 0 24 24"
526
- fill="none"
527
- stroke="currentColor"
528
- strokeWidth="2"
529
- strokeLinecap="round"
530
- strokeLinejoin="round"
531
- className={className}
532
- {...props}
533
- >
534
- <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" />
535
- <line x1="12" y1="9" x2="12" y2="13" />
536
- <line x1="12" y1="17" x2="12.01" y2="17" />
537
- </svg>
538
- );
539
- }
540
-
541
- export default {
542
- RocketIcon,
543
- ChartIcon,
544
- TargetIcon,
545
- RobotIcon,
546
- FileIcon,
547
- ShieldIcon,
548
- TrendingUpIcon,
549
- TrashIcon,
550
- PlayIcon,
551
- UploadIcon,
552
- AlertCircleIcon,
553
- InfoIcon,
554
- BrainIcon,
555
- TerminalIcon,
556
- CommandLineIcon,
557
- WalletIcon,
558
- ClockIcon,
559
- ZapIcon,
560
- HammerIcon,
561
- ArrowRightIcon,
562
- ShieldCheckIcon,
563
- AlertTriangleIcon,
564
- };
1
+ import * as AllIcons from './icons/index';
2
+ export * from './icons/index';
3
+ export default AllIcons.default;