@tanstack/query-devtools 5.0.0-alpha.27

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 (45) hide show
  1. package/LICENSE +21 -0
  2. package/build/.tsbuildinfo +1 -0
  3. package/build/cjs/index.js +7966 -0
  4. package/build/cjs/index.js.map +1 -0
  5. package/build/esm/index.js +7964 -0
  6. package/build/esm/index.js.map +1 -0
  7. package/build/source/Context.js +10 -0
  8. package/build/source/Devtools.jsx +1485 -0
  9. package/build/source/Explorer.jsx +266 -0
  10. package/build/source/__tests__/devtools.test.jsx +6 -0
  11. package/build/source/fonts.js +7 -0
  12. package/build/source/icons/index.jsx +344 -0
  13. package/build/source/index.jsx +64 -0
  14. package/build/source/theme.js +304 -0
  15. package/build/source/utils.jsx +74 -0
  16. package/build/types/Context.d.ts +29 -0
  17. package/build/types/Context.d.ts.map +1 -0
  18. package/build/types/Devtools.d.ts +23 -0
  19. package/build/types/Devtools.d.ts.map +1 -0
  20. package/build/types/Explorer.d.ts +22 -0
  21. package/build/types/Explorer.d.ts.map +1 -0
  22. package/build/types/__tests__/devtools.test.d.ts +1 -0
  23. package/build/types/__tests__/devtools.test.d.ts.map +1 -0
  24. package/build/types/fonts.d.ts +2 -0
  25. package/build/types/fonts.d.ts.map +1 -0
  26. package/build/types/icons/index.d.ts +12 -0
  27. package/build/types/icons/index.d.ts.map +1 -0
  28. package/build/types/index.d.ts +27 -0
  29. package/build/types/index.d.ts.map +1 -0
  30. package/build/types/theme.d.ts +297 -0
  31. package/build/types/theme.d.ts.map +1 -0
  32. package/build/types/utils.d.ts +22 -0
  33. package/build/types/utils.d.ts.map +1 -0
  34. package/build/umd/index.js +872 -0
  35. package/build/umd/index.js.map +1 -0
  36. package/package.json +53 -0
  37. package/src/Context.ts +41 -0
  38. package/src/Devtools.tsx +1890 -0
  39. package/src/Explorer.tsx +348 -0
  40. package/src/__tests__/devtools.test.tsx +5 -0
  41. package/src/fonts.ts +7 -0
  42. package/src/icons/index.tsx +1065 -0
  43. package/src/index.tsx +113 -0
  44. package/src/theme.ts +321 -0
  45. package/src/utils.tsx +103 -0
@@ -0,0 +1,1065 @@
1
+ import { tokens } from '../theme'
2
+
3
+ export function Search() {
4
+ return (
5
+ <svg
6
+ width="14"
7
+ height="14"
8
+ viewBox="0 0 14 14"
9
+ fill="none"
10
+ xmlns="http://www.w3.org/2000/svg"
11
+ >
12
+ <path
13
+ d="M13 13L9.00007 9M10.3333 5.66667C10.3333 8.244 8.244 10.3333 5.66667 10.3333C3.08934 10.3333 1 8.244 1 5.66667C1 3.08934 3.08934 1 5.66667 1C8.244 1 10.3333 3.08934 10.3333 5.66667Z"
14
+ stroke="#98A2B3"
15
+ stroke-width="1.66667"
16
+ stroke-linecap="round"
17
+ stroke-linejoin="round"
18
+ />
19
+ </svg>
20
+ )
21
+ }
22
+
23
+ export function ChevronDown() {
24
+ return (
25
+ <svg
26
+ width="10"
27
+ height="6"
28
+ viewBox="0 0 10 6"
29
+ fill="none"
30
+ xmlns="http://www.w3.org/2000/svg"
31
+ >
32
+ <path
33
+ d="M1 1L5 5L9 1"
34
+ stroke="#98A2B3"
35
+ stroke-width="1.66667"
36
+ stroke-linecap="round"
37
+ stroke-linejoin="round"
38
+ />
39
+ </svg>
40
+ )
41
+ }
42
+
43
+ export function ArrowUp() {
44
+ return (
45
+ <svg
46
+ width="16"
47
+ height="16"
48
+ viewBox="0 0 16 16"
49
+ fill="none"
50
+ xmlns="http://www.w3.org/2000/svg"
51
+ >
52
+ <path
53
+ d="M8 13.3333V2.66667M8 2.66667L4 6.66667M8 2.66667L12 6.66667"
54
+ stroke="#98A2B3"
55
+ stroke-width="1.66667"
56
+ stroke-linecap="round"
57
+ stroke-linejoin="round"
58
+ />
59
+ </svg>
60
+ )
61
+ }
62
+
63
+ export function ArrowDown() {
64
+ return (
65
+ <svg
66
+ width="16"
67
+ height="16"
68
+ viewBox="0 0 16 16"
69
+ fill="none"
70
+ xmlns="http://www.w3.org/2000/svg"
71
+ >
72
+ <path
73
+ d="M8 2.66667V13.3333M8 13.3333L4 9.33333M8 13.3333L12 9.33333"
74
+ stroke="#98A2B3"
75
+ stroke-width="1.66667"
76
+ stroke-linecap="round"
77
+ stroke-linejoin="round"
78
+ />
79
+ </svg>
80
+ )
81
+ }
82
+
83
+ export function Wifi() {
84
+ return (
85
+ <svg
86
+ stroke="#98A2B3"
87
+ fill="#98A2B3"
88
+ stroke-width="0"
89
+ viewBox="0 0 24 24"
90
+ height="1em"
91
+ width="1em"
92
+ xmlns="http://www.w3.org/2000/svg"
93
+ >
94
+ <path fill="none" d="M0 0h24v24H0z"></path>
95
+ <path d="M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3a4.237 4.237 0 00-6 0zm-4-4l2 2a7.074 7.074 0 0110 0l2-2C15.14 9.14 8.87 9.14 5 13z"></path>
96
+ </svg>
97
+ )
98
+ }
99
+
100
+ export function Offline() {
101
+ return (
102
+ <svg
103
+ stroke={tokens.colors.yellow[500]}
104
+ fill={tokens.colors.yellow[500]}
105
+ stroke-width="0"
106
+ viewBox="0 0 24 24"
107
+ height="1em"
108
+ width="1em"
109
+ xmlns="http://www.w3.org/2000/svg"
110
+ >
111
+ <path
112
+ fill="none"
113
+ d="M24 .01c0-.01 0-.01 0 0L0 0v24h24V.01zM0 0h24v24H0V0zm0 0h24v24H0V0z"
114
+ ></path>
115
+ <path d="M22.99 9C19.15 5.16 13.8 3.76 8.84 4.78l2.52 2.52c3.47-.17 6.99 1.05 9.63 3.7l2-2zm-4 4a9.793 9.793 0 00-4.49-2.56l3.53 3.53.96-.97zM2 3.05L5.07 6.1C3.6 6.82 2.22 7.78 1 9l1.99 2c1.24-1.24 2.67-2.16 4.2-2.77l2.24 2.24A9.684 9.684 0 005 13v.01L6.99 15a7.042 7.042 0 014.92-2.06L18.98 20l1.27-1.26L3.29 1.79 2 3.05zM9 17l3 3 3-3a4.237 4.237 0 00-6 0z"></path>
116
+ </svg>
117
+ )
118
+ }
119
+
120
+ export function Settings() {
121
+ return (
122
+ <svg
123
+ width="24"
124
+ height="24"
125
+ viewBox="0 0 24 24"
126
+ fill="none"
127
+ xmlns="http://www.w3.org/2000/svg"
128
+ >
129
+ <path
130
+ d="M9.3951 19.3711L9.97955 20.6856C10.1533 21.0768 10.4368 21.4093 10.7958 21.6426C11.1547 21.8759 11.5737 22.0001 12.0018 22C12.4299 22.0001 12.8488 21.8759 13.2078 21.6426C13.5667 21.4093 13.8503 21.0768 14.024 20.6856L14.6084 19.3711C14.8165 18.9047 15.1664 18.5159 15.6084 18.26C16.0532 18.0034 16.5678 17.8941 17.0784 17.9478L18.5084 18.1C18.9341 18.145 19.3637 18.0656 19.7451 17.8713C20.1265 17.6771 20.4434 17.3763 20.6573 17.0056C20.8715 16.635 20.9735 16.2103 20.9511 15.7829C20.9286 15.3555 20.7825 14.9438 20.5307 14.5978L19.684 13.4344C19.3825 13.0171 19.2214 12.5148 19.224 12C19.2239 11.4866 19.3865 10.9864 19.6884 10.5711L20.5351 9.40778C20.787 9.06175 20.933 8.65007 20.9555 8.22267C20.978 7.79528 20.8759 7.37054 20.6618 7C20.4479 6.62923 20.131 6.32849 19.7496 6.13423C19.3681 5.93997 18.9386 5.86053 18.5129 5.90556L17.0829 6.05778C16.5722 6.11141 16.0577 6.00212 15.6129 5.74556C15.17 5.48825 14.82 5.09736 14.6129 4.62889L14.024 3.31444C13.8503 2.92317 13.5667 2.59072 13.2078 2.3574C12.8488 2.12408 12.4299 1.99993 12.0018 2C11.5737 1.99993 11.1547 2.12408 10.7958 2.3574C10.4368 2.59072 10.1533 2.92317 9.97955 3.31444L9.3951 4.62889C9.18803 5.09736 8.83798 5.48825 8.3951 5.74556C7.95032 6.00212 7.43577 6.11141 6.9251 6.05778L5.49066 5.90556C5.06499 5.86053 4.6354 5.93997 4.25397 6.13423C3.87255 6.32849 3.55567 6.62923 3.34177 7C3.12759 7.37054 3.02555 7.79528 3.04804 8.22267C3.07052 8.65007 3.21656 9.06175 3.46844 9.40778L4.3151 10.5711C4.61704 10.9864 4.77964 11.4866 4.77955 12C4.77964 12.5134 4.61704 13.0137 4.3151 13.4289L3.46844 14.5922C3.21656 14.9382 3.07052 15.3499 3.04804 15.7773C3.02555 16.2047 3.12759 16.6295 3.34177 17C3.55589 17.3706 3.8728 17.6712 4.25417 17.8654C4.63554 18.0596 5.06502 18.1392 5.49066 18.0944L6.92066 17.9422C7.43133 17.8886 7.94587 17.9979 8.39066 18.2544C8.83519 18.511 9.18687 18.902 9.3951 19.3711Z"
131
+ stroke="#98A2B3"
132
+ stroke-width="2"
133
+ stroke-linecap="round"
134
+ stroke-linejoin="round"
135
+ />
136
+ <path
137
+ d="M12 15C13.6568 15 15 13.6569 15 12C15 10.3431 13.6568 9 12 9C10.3431 9 8.99998 10.3431 8.99998 12C8.99998 13.6569 10.3431 15 12 15Z"
138
+ stroke="#98A2B3"
139
+ stroke-width="2"
140
+ stroke-linecap="round"
141
+ stroke-linejoin="round"
142
+ />
143
+ </svg>
144
+ )
145
+ }
146
+
147
+ export function Copier() {
148
+ return (
149
+ <svg
150
+ width="24"
151
+ height="24"
152
+ viewBox="0 0 24 24"
153
+ fill="none"
154
+ xmlns="http://www.w3.org/2000/svg"
155
+ >
156
+ <path
157
+ class="copier"
158
+ d="M8 8V5.2C8 4.0799 8 3.51984 8.21799 3.09202C8.40973 2.71569 8.71569 2.40973 9.09202 2.21799C9.51984 2 10.0799 2 11.2 2H18.8C19.9201 2 20.4802 2 20.908 2.21799C21.2843 2.40973 21.5903 2.71569 21.782 3.09202C22 3.51984 22 4.0799 22 5.2V12.8C22 13.9201 22 14.4802 21.782 14.908C21.5903 15.2843 21.2843 15.5903 20.908 15.782C20.4802 16 19.9201 16 18.8 16H16M5.2 22H12.8C13.9201 22 14.4802 22 14.908 21.782C15.2843 21.5903 15.5903 21.2843 15.782 20.908C16 20.4802 16 19.9201 16 18.8V11.2C16 10.0799 16 9.51984 15.782 9.09202C15.5903 8.71569 15.2843 8.40973 14.908 8.21799C14.4802 8 13.9201 8 12.8 8H5.2C4.0799 8 3.51984 8 3.09202 8.21799C2.71569 8.40973 2.40973 8.71569 2.21799 9.09202C2 9.51984 2 10.0799 2 11.2V18.8C2 19.9201 2 20.4802 2.21799 20.908C2.40973 21.2843 2.71569 21.5903 3.09202 21.782C3.51984 22 4.07989 22 5.2 22Z"
159
+ stroke-width="2"
160
+ stroke-linecap="round"
161
+ stroke-linejoin="round"
162
+ stroke="#98A2B3"
163
+ />
164
+ </svg>
165
+ )
166
+ }
167
+
168
+ export function CopiedCopier() {
169
+ return (
170
+ <svg
171
+ width="24"
172
+ height="24"
173
+ viewBox="0 0 24 24"
174
+ fill="none"
175
+ xmlns="http://www.w3.org/2000/svg"
176
+ >
177
+ <path
178
+ d="M7.5 12L10.5 15L16.5 9M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z"
179
+ stroke="#12B76A"
180
+ stroke-width="2"
181
+ stroke-linecap="round"
182
+ stroke-linejoin="round"
183
+ />
184
+ </svg>
185
+ )
186
+ }
187
+
188
+ export function ErrorCopier() {
189
+ return (
190
+ <svg
191
+ width="24"
192
+ height="24"
193
+ viewBox="0 0 24 24"
194
+ fill="none"
195
+ xmlns="http://www.w3.org/2000/svg"
196
+ >
197
+ <path
198
+ d="M9 9L15 15M15 9L9 15M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z"
199
+ stroke="#F04438"
200
+ stroke-width="2"
201
+ stroke-linecap="round"
202
+ stroke-linejoin="round"
203
+ />
204
+ </svg>
205
+ )
206
+ }
207
+
208
+ export function TanstackLogo() {
209
+ return (
210
+ <svg version="1.0" viewBox="0 0 633 633">
211
+ <linearGradient
212
+ id="a"
213
+ x1="-666.45"
214
+ x2="-666.45"
215
+ y1="163.28"
216
+ y2="163.99"
217
+ gradientTransform="matrix(633 0 0 633 422177 -103358)"
218
+ gradientUnits="userSpaceOnUse"
219
+ >
220
+ <stop stop-color="#6BDAFF" offset="0" />
221
+ <stop stop-color="#F9FFB5" offset=".32" />
222
+ <stop stop-color="#FFA770" offset=".71" />
223
+ <stop stop-color="#FF7373" offset="1" />
224
+ </linearGradient>
225
+ <circle cx="316.5" cy="316.5" r="316.5" fill="url(#a)" />
226
+
227
+ <defs>
228
+ <filter
229
+ id="am"
230
+ x="-137.5"
231
+ y="412"
232
+ width="454"
233
+ height="396.9"
234
+ filterUnits="userSpaceOnUse"
235
+ >
236
+ <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" />
237
+ </filter>
238
+ </defs>
239
+
240
+ <mask
241
+ id="b"
242
+ x="-137.5"
243
+ y="412"
244
+ width="454"
245
+ height="396.9"
246
+ maskUnits="userSpaceOnUse"
247
+ >
248
+ <g filter="url(#am)">
249
+ <circle cx="316.5" cy="316.5" r="316.5" fill="#fff" />
250
+ </g>
251
+ </mask>
252
+ <g mask="url(#b)">
253
+ <ellipse
254
+ cx="89.5"
255
+ cy="610.5"
256
+ rx="214.5"
257
+ ry="186"
258
+ fill="#015064"
259
+ stroke="#00CFE2"
260
+ stroke-width="25"
261
+ />
262
+ </g>
263
+ <defs>
264
+ <filter
265
+ id="ah"
266
+ x="316.5"
267
+ y="412"
268
+ width="454"
269
+ height="396.9"
270
+ filterUnits="userSpaceOnUse"
271
+ >
272
+ <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" />
273
+ </filter>
274
+ </defs>
275
+
276
+ <mask
277
+ id="k"
278
+ x="316.5"
279
+ y="412"
280
+ width="454"
281
+ height="396.9"
282
+ maskUnits="userSpaceOnUse"
283
+ >
284
+ <g filter="url(#ah)">
285
+ <circle cx="316.5" cy="316.5" r="316.5" fill="#fff" />
286
+ </g>
287
+ </mask>
288
+ <g mask="url(#k)">
289
+ <ellipse
290
+ cx="543.5"
291
+ cy="610.5"
292
+ rx="214.5"
293
+ ry="186"
294
+ fill="#015064"
295
+ stroke="#00CFE2"
296
+ stroke-width="25"
297
+ />
298
+ </g>
299
+ <defs>
300
+ <filter
301
+ id="ae"
302
+ x="-137.5"
303
+ y="450"
304
+ width="454"
305
+ height="396.9"
306
+ filterUnits="userSpaceOnUse"
307
+ >
308
+ <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" />
309
+ </filter>
310
+ </defs>
311
+
312
+ <mask
313
+ id="j"
314
+ x="-137.5"
315
+ y="450"
316
+ width="454"
317
+ height="396.9"
318
+ maskUnits="userSpaceOnUse"
319
+ >
320
+ <g filter="url(#ae)">
321
+ <circle cx="316.5" cy="316.5" r="316.5" fill="#fff" />
322
+ </g>
323
+ </mask>
324
+ <g mask="url(#j)">
325
+ <ellipse
326
+ cx="89.5"
327
+ cy="648.5"
328
+ rx="214.5"
329
+ ry="186"
330
+ fill="#015064"
331
+ stroke="#00A8B8"
332
+ stroke-width="25"
333
+ />
334
+ </g>
335
+ <defs>
336
+ <filter
337
+ id="ai"
338
+ x="316.5"
339
+ y="450"
340
+ width="454"
341
+ height="396.9"
342
+ filterUnits="userSpaceOnUse"
343
+ >
344
+ <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" />
345
+ </filter>
346
+ </defs>
347
+
348
+ <mask
349
+ id="i"
350
+ x="316.5"
351
+ y="450"
352
+ width="454"
353
+ height="396.9"
354
+ maskUnits="userSpaceOnUse"
355
+ >
356
+ <g filter="url(#ai)">
357
+ <circle cx="316.5" cy="316.5" r="316.5" fill="#fff" />
358
+ </g>
359
+ </mask>
360
+ <g mask="url(#i)">
361
+ <ellipse
362
+ cx="543.5"
363
+ cy="648.5"
364
+ rx="214.5"
365
+ ry="186"
366
+ fill="#015064"
367
+ stroke="#00A8B8"
368
+ stroke-width="25"
369
+ />
370
+ </g>
371
+ <defs>
372
+ <filter
373
+ id="aj"
374
+ x="-137.5"
375
+ y="486"
376
+ width="454"
377
+ height="396.9"
378
+ filterUnits="userSpaceOnUse"
379
+ >
380
+ <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" />
381
+ </filter>
382
+ </defs>
383
+
384
+ <mask
385
+ id="h"
386
+ x="-137.5"
387
+ y="486"
388
+ width="454"
389
+ height="396.9"
390
+ maskUnits="userSpaceOnUse"
391
+ >
392
+ <g filter="url(#aj)">
393
+ <circle cx="316.5" cy="316.5" r="316.5" fill="#fff" />
394
+ </g>
395
+ </mask>
396
+ <g mask="url(#h)">
397
+ <ellipse
398
+ cx="89.5"
399
+ cy="684.5"
400
+ rx="214.5"
401
+ ry="186"
402
+ fill="#015064"
403
+ stroke="#007782"
404
+ stroke-width="25"
405
+ />
406
+ </g>
407
+ <defs>
408
+ <filter
409
+ id="ag"
410
+ x="316.5"
411
+ y="486"
412
+ width="454"
413
+ height="396.9"
414
+ filterUnits="userSpaceOnUse"
415
+ >
416
+ <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" />
417
+ </filter>
418
+ </defs>
419
+
420
+ <mask
421
+ id="g"
422
+ x="316.5"
423
+ y="486"
424
+ width="454"
425
+ height="396.9"
426
+ maskUnits="userSpaceOnUse"
427
+ >
428
+ <g filter="url(#ag)">
429
+ <circle cx="316.5" cy="316.5" r="316.5" fill="#fff" />
430
+ </g>
431
+ </mask>
432
+ <g mask="url(#g)">
433
+ <ellipse
434
+ cx="543.5"
435
+ cy="684.5"
436
+ rx="214.5"
437
+ ry="186"
438
+ fill="#015064"
439
+ stroke="#007782"
440
+ stroke-width="25"
441
+ />
442
+ </g>
443
+ <defs>
444
+ <filter
445
+ id="af"
446
+ x="272.2"
447
+ y="308"
448
+ width="176.9"
449
+ height="129.3"
450
+ filterUnits="userSpaceOnUse"
451
+ >
452
+ <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" />
453
+ </filter>
454
+ </defs>
455
+
456
+ <mask
457
+ id="f"
458
+ x="272.2"
459
+ y="308"
460
+ width="176.9"
461
+ height="129.3"
462
+ maskUnits="userSpaceOnUse"
463
+ >
464
+ <g filter="url(#af)">
465
+ <circle cx="316.5" cy="316.5" r="316.5" fill="#fff" />
466
+ </g>
467
+ </mask>
468
+ <g mask="url(#f)">
469
+ <line
470
+ x1="436"
471
+ x2="431"
472
+ y1="403.2"
473
+ y2="431.8"
474
+ fill="none"
475
+ stroke="#000"
476
+ stroke-linecap="round"
477
+ stroke-linejoin="bevel"
478
+ stroke-width="11"
479
+ />
480
+
481
+ <line
482
+ x1="291"
483
+ x2="280"
484
+ y1="341.5"
485
+ y2="403.5"
486
+ fill="none"
487
+ stroke="#000"
488
+ stroke-linecap="round"
489
+ stroke-linejoin="bevel"
490
+ stroke-width="11"
491
+ />
492
+
493
+ <line
494
+ x1="332.9"
495
+ x2="328.6"
496
+ y1="384.1"
497
+ y2="411.2"
498
+ fill="none"
499
+ stroke="#000"
500
+ stroke-linecap="round"
501
+ stroke-linejoin="bevel"
502
+ stroke-width="11"
503
+ />
504
+
505
+ <linearGradient
506
+ id="m"
507
+ x1="-670.75"
508
+ x2="-671.59"
509
+ y1="164.4"
510
+ y2="164.49"
511
+ gradientTransform="matrix(-184.16 -32.472 -11.461 64.997 -121359 -32126)"
512
+ gradientUnits="userSpaceOnUse"
513
+ >
514
+ <stop stop-color="#EE2700" offset="0" />
515
+ <stop stop-color="#FF008E" offset="1" />
516
+ </linearGradient>
517
+
518
+ <path
519
+ d="m344.1 363 97.7 17.2c5.8 2.1 8.2 6.1 7.1 12.1s-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1 0.8-12.8s8.3-4.4 13.7-2.1l55.2 53.6z"
520
+ clip-rule="evenodd"
521
+ fill="url(#m)"
522
+ fill-rule="evenodd"
523
+ />
524
+
525
+ <line
526
+ x1="428.2"
527
+ x2="429.1"
528
+ y1="384.5"
529
+ y2="378"
530
+ fill="none"
531
+ stroke="#fff"
532
+ stroke-linecap="round"
533
+ stroke-linejoin="bevel"
534
+ stroke-width="7"
535
+ />
536
+
537
+ <line
538
+ x1="395.2"
539
+ x2="396.1"
540
+ y1="379.5"
541
+ y2="373"
542
+ fill="none"
543
+ stroke="#fff"
544
+ stroke-linecap="round"
545
+ stroke-linejoin="bevel"
546
+ stroke-width="7"
547
+ />
548
+
549
+ <line
550
+ x1="362.2"
551
+ x2="363.1"
552
+ y1="373.5"
553
+ y2="367.4"
554
+ fill="none"
555
+ stroke="#fff"
556
+ stroke-linecap="round"
557
+ stroke-linejoin="bevel"
558
+ stroke-width="7"
559
+ />
560
+
561
+ <line
562
+ x1="324.2"
563
+ x2="328.4"
564
+ y1="351.3"
565
+ y2="347.4"
566
+ fill="none"
567
+ stroke="#fff"
568
+ stroke-linecap="round"
569
+ stroke-linejoin="bevel"
570
+ stroke-width="7"
571
+ />
572
+
573
+ <line
574
+ x1="303.2"
575
+ x2="307.4"
576
+ y1="331.3"
577
+ y2="327.4"
578
+ fill="none"
579
+ stroke="#fff"
580
+ stroke-linecap="round"
581
+ stroke-linejoin="bevel"
582
+ stroke-width="7"
583
+ />
584
+ </g>
585
+ <defs>
586
+ <filter
587
+ id="ak"
588
+ x="73.2"
589
+ y="113.8"
590
+ width="280.6"
591
+ height="317.4"
592
+ filterUnits="userSpaceOnUse"
593
+ >
594
+ <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" />
595
+ </filter>
596
+ </defs>
597
+
598
+ <mask
599
+ id="e"
600
+ x="73.2"
601
+ y="113.8"
602
+ width="280.6"
603
+ height="317.4"
604
+ maskUnits="userSpaceOnUse"
605
+ >
606
+ <g filter="url(#ak)">
607
+ <circle cx="316.5" cy="316.5" r="316.5" fill="#fff" />
608
+ </g>
609
+ </mask>
610
+ <g mask="url(#e)">
611
+ <linearGradient
612
+ id="n"
613
+ x1="-672.16"
614
+ x2="-672.16"
615
+ y1="165.03"
616
+ y2="166.03"
617
+ gradientTransform="matrix(-100.18 48.861 97.976 200.88 -83342 -93.059)"
618
+ gradientUnits="userSpaceOnUse"
619
+ >
620
+ <stop stop-color="#A17500" offset="0" />
621
+ <stop stop-color="#5D2100" offset="1" />
622
+ </linearGradient>
623
+
624
+ <path
625
+ d="m192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.1-3 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6s-10.8-51.9-22.1-99.6l-25.3 4.6"
626
+ clip-rule="evenodd"
627
+ fill="url(#n)"
628
+ fill-rule="evenodd"
629
+ />
630
+ <g stroke="#2F8A00">
631
+ <linearGradient
632
+ id="r"
633
+ x1="-660.23"
634
+ x2="-660.23"
635
+ y1="166.72"
636
+ y2="167.72"
637
+ gradientTransform="matrix(92.683 4.8573 -2.0259 38.657 61680 -3088.6)"
638
+ gradientUnits="userSpaceOnUse"
639
+ >
640
+ <stop stop-color="#2F8A00" offset="0" />
641
+ <stop stop-color="#90FF57" offset="1" />
642
+ </linearGradient>
643
+
644
+ <path
645
+ d="m195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z"
646
+ clip-rule="evenodd"
647
+ fill="url(#r)"
648
+ fill-rule="evenodd"
649
+ stroke-width="13"
650
+ />
651
+
652
+ <linearGradient
653
+ id="s"
654
+ x1="-661.36"
655
+ x2="-661.36"
656
+ y1="164.18"
657
+ y2="165.18"
658
+ gradientTransform="matrix(110 5.7648 -6.3599 121.35 73933 -15933)"
659
+ gradientUnits="userSpaceOnUse"
660
+ >
661
+ <stop stop-color="#2F8A00" offset="0" />
662
+ <stop stop-color="#90FF57" offset="1" />
663
+ </linearGradient>
664
+
665
+ <path
666
+ d="m194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.4 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20.2 49.6-53.2 49.6-53.2z"
667
+ clip-rule="evenodd"
668
+ fill="url(#s)"
669
+ fill-rule="evenodd"
670
+ stroke-width="13"
671
+ />
672
+
673
+ <linearGradient
674
+ id="q"
675
+ x1="-656.79"
676
+ x2="-656.79"
677
+ y1="165.15"
678
+ y2="166.15"
679
+ gradientTransform="matrix(62.954 3.2993 -3.5023 66.828 42156 -8754.1)"
680
+ gradientUnits="userSpaceOnUse"
681
+ >
682
+ <stop stop-color="#2F8A00" offset="0" />
683
+ <stop stop-color="#90FF57" offset="1" />
684
+ </linearGradient>
685
+
686
+ <path
687
+ d="m195 183.9c-0.8-21.9 6-38 20.6-48.2s29.8-15.4 45.5-15.3c-6.1 21.4-14.5 35.8-25.2 43.4s-24.4 14.2-40.9 20.1z"
688
+ clip-rule="evenodd"
689
+ fill="url(#q)"
690
+ fill-rule="evenodd"
691
+ stroke-width="13"
692
+ />
693
+
694
+ <linearGradient
695
+ id="p"
696
+ x1="-663.07"
697
+ x2="-663.07"
698
+ y1="165.44"
699
+ y2="166.44"
700
+ gradientTransform="matrix(152.47 7.9907 -3.0936 59.029 101884 -4318.7)"
701
+ gradientUnits="userSpaceOnUse"
702
+ >
703
+ <stop stop-color="#2F8A00" offset="0" />
704
+ <stop stop-color="#90FF57" offset="1" />
705
+ </linearGradient>
706
+
707
+ <path
708
+ d="m194.9 184.5c31.9-30 64.1-39.7 96.7-29s50.8 30.4 54.6 59.1c-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z"
709
+ clip-rule="evenodd"
710
+ fill="url(#p)"
711
+ fill-rule="evenodd"
712
+ stroke-width="13"
713
+ />
714
+
715
+ <linearGradient
716
+ id="o"
717
+ x1="-662.57"
718
+ x2="-662.57"
719
+ y1="164.44"
720
+ y2="165.44"
721
+ gradientTransform="matrix(136.46 7.1517 -5.2163 99.533 91536 -11442)"
722
+ gradientUnits="userSpaceOnUse"
723
+ >
724
+ <stop stop-color="#2F8A00" offset="0" />
725
+ <stop stop-color="#90FF57" offset="1" />
726
+ </linearGradient>
727
+
728
+ <path
729
+ d="m194.9 184.5c35.8-7.6 65.6-0.2 89.2 22s37.7 49 42.3 80.3c-39.8-9.7-68.3-23.8-85.5-42.4s-32.5-38.5-46-59.9z"
730
+ clip-rule="evenodd"
731
+ fill="url(#o)"
732
+ fill-rule="evenodd"
733
+ stroke-width="13"
734
+ />
735
+
736
+ <linearGradient
737
+ id="l"
738
+ x1="-656.43"
739
+ x2="-656.43"
740
+ y1="163.86"
741
+ y2="164.86"
742
+ gradientTransform="matrix(60.866 3.1899 -8.7773 167.48 41560 -25168)"
743
+ gradientUnits="userSpaceOnUse"
744
+ >
745
+ <stop stop-color="#2F8A00" offset="0" />
746
+ <stop stop-color="#90FF57" offset="1" />
747
+ </linearGradient>
748
+
749
+ <path
750
+ d="m194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6s-3.6 63.1 8.7 99.6c27.4-40.3 43.2-69.6 47.4-88s5.6-44.1 4-77.2z"
751
+ clip-rule="evenodd"
752
+ fill="url(#l)"
753
+ fill-rule="evenodd"
754
+ stroke-width="13"
755
+ />
756
+ <path
757
+ d="m196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4s-9.5 33-11.1 45.1"
758
+ fill="none"
759
+ stroke-linecap="round"
760
+ stroke-width="8"
761
+ />
762
+ <path
763
+ d="m194.9 185.7c-24.4 1.7-43.8 9-58.1 21.8s-24.7 25.4-31.3 37.8"
764
+ fill="none"
765
+ stroke-linecap="round"
766
+ stroke-width="8"
767
+ />
768
+ <path
769
+ d="m204.5 176.4c29.7-6.7 52-8.4 67-5.1s26.9 8.6 35.8 15.9"
770
+ fill="none"
771
+ stroke-linecap="round"
772
+ stroke-width="8"
773
+ />
774
+ <path
775
+ d="m196.5 181.4c20.3 9.9 38.2 20.5 53.9 31.9s27.4 22.1 35.1 32"
776
+ fill="none"
777
+ stroke-linecap="round"
778
+ stroke-width="8"
779
+ />
780
+ </g>
781
+ </g>
782
+ <defs>
783
+ <filter
784
+ id="al"
785
+ x="50.5"
786
+ y="399"
787
+ width="532"
788
+ height="633"
789
+ filterUnits="userSpaceOnUse"
790
+ >
791
+ <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" />
792
+ </filter>
793
+ </defs>
794
+
795
+ <mask
796
+ id="d"
797
+ x="50.5"
798
+ y="399"
799
+ width="532"
800
+ height="633"
801
+ maskUnits="userSpaceOnUse"
802
+ >
803
+ <g filter="url(#al)">
804
+ <circle cx="316.5" cy="316.5" r="316.5" fill="#fff" />
805
+ </g>
806
+ </mask>
807
+ <g mask="url(#d)">
808
+ <linearGradient
809
+ id="u"
810
+ x1="-666.06"
811
+ x2="-666.23"
812
+ y1="163.36"
813
+ y2="163.75"
814
+ gradientTransform="matrix(532 0 0 633 354760 -102959)"
815
+ gradientUnits="userSpaceOnUse"
816
+ >
817
+ <stop stop-color="#FFF400" offset="0" />
818
+ <stop stop-color="#3C8700" offset="1" />
819
+ </linearGradient>
820
+
821
+ <ellipse cx="316.5" cy="715.5" rx="266" ry="316.5" fill="url(#u)" />
822
+ </g>
823
+ <defs>
824
+ <filter
825
+ id="ad"
826
+ x="391"
827
+ y="-24"
828
+ width="288"
829
+ height="283"
830
+ filterUnits="userSpaceOnUse"
831
+ >
832
+ <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" />
833
+ </filter>
834
+ </defs>
835
+
836
+ <mask
837
+ id="c"
838
+ x="391"
839
+ y="-24"
840
+ width="288"
841
+ height="283"
842
+ maskUnits="userSpaceOnUse"
843
+ >
844
+ <g filter="url(#ad)">
845
+ <circle cx="316.5" cy="316.5" r="316.5" fill="#fff" />
846
+ </g>
847
+ </mask>
848
+ <g mask="url(#c)">
849
+ <linearGradient
850
+ id="t"
851
+ x1="-664.56"
852
+ x2="-664.56"
853
+ y1="163.79"
854
+ y2="164.79"
855
+ gradientTransform="matrix(227 0 0 227 151421 -37204)"
856
+ gradientUnits="userSpaceOnUse"
857
+ >
858
+ <stop stop-color="#FFDF00" offset="0" />
859
+ <stop stop-color="#FF9D00" offset="1" />
860
+ </linearGradient>
861
+ <circle cx="565.5" cy="89.5" r="113.5" fill="url(#t)" />
862
+
863
+ <linearGradient
864
+ id="v"
865
+ x1="-644.5"
866
+ x2="-645.77"
867
+ y1="342"
868
+ y2="342"
869
+ gradientTransform="matrix(30 0 0 1 19770 -253)"
870
+ gradientUnits="userSpaceOnUse"
871
+ >
872
+ <stop stop-color="#FFA400" offset="0" />
873
+ <stop stop-color="#FF5E00" offset="1" />
874
+ </linearGradient>
875
+
876
+ <line
877
+ x1="427"
878
+ x2="397"
879
+ y1="89"
880
+ y2="89"
881
+ fill="none"
882
+ stroke="url(#v)"
883
+ stroke-linecap="round"
884
+ stroke-linejoin="bevel"
885
+ stroke-width="12"
886
+ />
887
+
888
+ <linearGradient
889
+ id="aa"
890
+ x1="-641.56"
891
+ x2="-642.83"
892
+ y1="196.02"
893
+ y2="196.07"
894
+ gradientTransform="matrix(26.5 0 0 5.5 17439 -1025.5)"
895
+ gradientUnits="userSpaceOnUse"
896
+ >
897
+ <stop stop-color="#FFA400" offset="0" />
898
+ <stop stop-color="#FF5E00" offset="1" />
899
+ </linearGradient>
900
+
901
+ <line
902
+ x1="430.5"
903
+ x2="404"
904
+ y1="55.5"
905
+ y2="50"
906
+ fill="none"
907
+ stroke="url(#aa)"
908
+ stroke-linecap="round"
909
+ stroke-linejoin="bevel"
910
+ stroke-width="12"
911
+ />
912
+
913
+ <linearGradient
914
+ id="w"
915
+ x1="-643.73"
916
+ x2="-645"
917
+ y1="185.83"
918
+ y2="185.9"
919
+ gradientTransform="matrix(29 0 0 8 19107 -1361)"
920
+ gradientUnits="userSpaceOnUse"
921
+ >
922
+ <stop stop-color="#FFA400" offset="0" />
923
+ <stop stop-color="#FF5E00" offset="1" />
924
+ </linearGradient>
925
+
926
+ <line
927
+ x1="431"
928
+ x2="402"
929
+ y1="122"
930
+ y2="130"
931
+ fill="none"
932
+ stroke="url(#w)"
933
+ stroke-linecap="round"
934
+ stroke-linejoin="bevel"
935
+ stroke-width="12"
936
+ />
937
+
938
+ <linearGradient
939
+ id="ac"
940
+ x1="-638.94"
941
+ x2="-640.22"
942
+ y1="177.09"
943
+ y2="177.39"
944
+ gradientTransform="matrix(24 0 0 13 15783 -2145)"
945
+ gradientUnits="userSpaceOnUse"
946
+ >
947
+ <stop stop-color="#FFA400" offset="0" />
948
+ <stop stop-color="#FF5E00" offset="1" />
949
+ </linearGradient>
950
+
951
+ <line
952
+ x1="442"
953
+ x2="418"
954
+ y1="153"
955
+ y2="166"
956
+ fill="none"
957
+ stroke="url(#ac)"
958
+ stroke-linecap="round"
959
+ stroke-linejoin="bevel"
960
+ stroke-width="12"
961
+ />
962
+
963
+ <linearGradient
964
+ id="ab"
965
+ x1="-633.42"
966
+ x2="-634.7"
967
+ y1="172.41"
968
+ y2="173.31"
969
+ gradientTransform="matrix(20 0 0 19 13137 -3096)"
970
+ gradientUnits="userSpaceOnUse"
971
+ >
972
+ <stop stop-color="#FFA400" offset="0" />
973
+ <stop stop-color="#FF5E00" offset="1" />
974
+ </linearGradient>
975
+
976
+ <line
977
+ x1="464"
978
+ x2="444"
979
+ y1="180"
980
+ y2="199"
981
+ fill="none"
982
+ stroke="url(#ab)"
983
+ stroke-linecap="round"
984
+ stroke-linejoin="bevel"
985
+ stroke-width="12"
986
+ />
987
+
988
+ <linearGradient
989
+ id="y"
990
+ x1="-619.05"
991
+ x2="-619.52"
992
+ y1="170.82"
993
+ y2="171.82"
994
+ gradientTransform="matrix(13.83 0 0 22.85 9050 -3703.4)"
995
+ gradientUnits="userSpaceOnUse"
996
+ >
997
+ <stop stop-color="#FFA400" offset="0" />
998
+ <stop stop-color="#FF5E00" offset="1" />
999
+ </linearGradient>
1000
+
1001
+ <line
1002
+ x1="491.4"
1003
+ x2="477.5"
1004
+ y1="203"
1005
+ y2="225.9"
1006
+ fill="none"
1007
+ stroke="url(#y)"
1008
+ stroke-linecap="round"
1009
+ stroke-linejoin="bevel"
1010
+ stroke-width="12"
1011
+ />
1012
+
1013
+ <linearGradient
1014
+ id="x"
1015
+ x1="-578.5"
1016
+ x2="-578.63"
1017
+ y1="170.31"
1018
+ y2="171.31"
1019
+ gradientTransform="matrix(7.5 0 0 24.5 4860 -3953)"
1020
+ gradientUnits="userSpaceOnUse"
1021
+ >
1022
+ <stop stop-color="#FFA400" offset="0" />
1023
+ <stop stop-color="#FF5E00" offset="1" />
1024
+ </linearGradient>
1025
+
1026
+ <line
1027
+ x1="524.5"
1028
+ x2="517"
1029
+ y1="219.5"
1030
+ y2="244"
1031
+ fill="none"
1032
+ stroke="url(#x)"
1033
+ stroke-linecap="round"
1034
+ stroke-linejoin="bevel"
1035
+ stroke-width="12"
1036
+ />
1037
+
1038
+ <linearGradient
1039
+ id="z"
1040
+ x1="666.5"
1041
+ x2="666.5"
1042
+ y1="170.31"
1043
+ y2="171.31"
1044
+ gradientTransform="matrix(.5 0 0 24.5 231.5 -3944)"
1045
+ gradientUnits="userSpaceOnUse"
1046
+ >
1047
+ <stop stop-color="#FFA400" offset="0" />
1048
+ <stop stop-color="#FF5E00" offset="1" />
1049
+ </linearGradient>
1050
+
1051
+ <line
1052
+ x1="564.5"
1053
+ x2="565"
1054
+ y1="228.5"
1055
+ y2="253"
1056
+ fill="none"
1057
+ stroke="url(#z)"
1058
+ stroke-linecap="round"
1059
+ stroke-linejoin="bevel"
1060
+ stroke-width="12"
1061
+ />
1062
+ </g>
1063
+ </svg>
1064
+ )
1065
+ }