@tanstack/router-devtools 1.112.18 → 1.114.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.
Files changed (91) hide show
  1. package/dist/cjs/index.cjs +12 -4
  2. package/dist/cjs/index.cjs.map +1 -1
  3. package/dist/cjs/index.d.cts +2 -2
  4. package/dist/esm/index.d.ts +2 -2
  5. package/dist/esm/index.js +6 -4
  6. package/dist/esm/index.js.map +1 -1
  7. package/package.json +4 -3
  8. package/src/index.tsx +6 -2
  9. package/dist/cjs/AgeTicker.cjs +0 -58
  10. package/dist/cjs/AgeTicker.cjs.map +0 -1
  11. package/dist/cjs/AgeTicker.d.cts +0 -5
  12. package/dist/cjs/BaseTanStackRouterDevtoolsPanel.cjs +0 -421
  13. package/dist/cjs/BaseTanStackRouterDevtoolsPanel.cjs.map +0 -1
  14. package/dist/cjs/BaseTanStackRouterDevtoolsPanel.d.cts +0 -3
  15. package/dist/cjs/Explorer.cjs +0 -310
  16. package/dist/cjs/Explorer.cjs.map +0 -1
  17. package/dist/cjs/Explorer.d.cts +0 -46
  18. package/dist/cjs/TanStackRouterDevtools.cjs +0 -177
  19. package/dist/cjs/TanStackRouterDevtools.cjs.map +0 -1
  20. package/dist/cjs/TanStackRouterDevtools.d.cts +0 -41
  21. package/dist/cjs/TanStackRouterDevtoolsPanel.cjs +0 -21
  22. package/dist/cjs/TanStackRouterDevtoolsPanel.cjs.map +0 -1
  23. package/dist/cjs/TanStackRouterDevtoolsPanel.d.cts +0 -33
  24. package/dist/cjs/context.cjs +0 -18
  25. package/dist/cjs/context.cjs.map +0 -1
  26. package/dist/cjs/context.d.cts +0 -8
  27. package/dist/cjs/logo.cjs +0 -1012
  28. package/dist/cjs/logo.cjs.map +0 -1
  29. package/dist/cjs/logo.d.cts +0 -1
  30. package/dist/cjs/theme.d.cts +0 -34
  31. package/dist/cjs/tokens.cjs +0 -201
  32. package/dist/cjs/tokens.cjs.map +0 -1
  33. package/dist/cjs/tokens.d.cts +0 -298
  34. package/dist/cjs/useLocalStorage.cjs +0 -45
  35. package/dist/cjs/useLocalStorage.cjs.map +0 -1
  36. package/dist/cjs/useLocalStorage.d.cts +0 -1
  37. package/dist/cjs/useMediaQuery.d.cts +0 -1
  38. package/dist/cjs/useStyles.cjs +0 -570
  39. package/dist/cjs/useStyles.cjs.map +0 -1
  40. package/dist/cjs/useStyles.d.cts +0 -52
  41. package/dist/cjs/utils.cjs +0 -84
  42. package/dist/cjs/utils.cjs.map +0 -1
  43. package/dist/cjs/utils.d.cts +0 -23
  44. package/dist/esm/AgeTicker.d.ts +0 -5
  45. package/dist/esm/AgeTicker.js +0 -58
  46. package/dist/esm/AgeTicker.js.map +0 -1
  47. package/dist/esm/BaseTanStackRouterDevtoolsPanel.d.ts +0 -3
  48. package/dist/esm/BaseTanStackRouterDevtoolsPanel.js +0 -421
  49. package/dist/esm/BaseTanStackRouterDevtoolsPanel.js.map +0 -1
  50. package/dist/esm/Explorer.d.ts +0 -46
  51. package/dist/esm/Explorer.js +0 -292
  52. package/dist/esm/Explorer.js.map +0 -1
  53. package/dist/esm/TanStackRouterDevtools.d.ts +0 -41
  54. package/dist/esm/TanStackRouterDevtools.js +0 -177
  55. package/dist/esm/TanStackRouterDevtools.js.map +0 -1
  56. package/dist/esm/TanStackRouterDevtoolsPanel.d.ts +0 -33
  57. package/dist/esm/TanStackRouterDevtoolsPanel.js +0 -21
  58. package/dist/esm/TanStackRouterDevtoolsPanel.js.map +0 -1
  59. package/dist/esm/context.d.ts +0 -8
  60. package/dist/esm/context.js +0 -18
  61. package/dist/esm/context.js.map +0 -1
  62. package/dist/esm/logo.d.ts +0 -1
  63. package/dist/esm/logo.js +0 -1012
  64. package/dist/esm/logo.js.map +0 -1
  65. package/dist/esm/theme.d.ts +0 -34
  66. package/dist/esm/tokens.d.ts +0 -298
  67. package/dist/esm/tokens.js +0 -201
  68. package/dist/esm/tokens.js.map +0 -1
  69. package/dist/esm/useLocalStorage.d.ts +0 -1
  70. package/dist/esm/useLocalStorage.js +0 -46
  71. package/dist/esm/useLocalStorage.js.map +0 -1
  72. package/dist/esm/useMediaQuery.d.ts +0 -1
  73. package/dist/esm/useStyles.d.ts +0 -52
  74. package/dist/esm/useStyles.js +0 -553
  75. package/dist/esm/useStyles.js.map +0 -1
  76. package/dist/esm/utils.d.ts +0 -23
  77. package/dist/esm/utils.js +0 -84
  78. package/dist/esm/utils.js.map +0 -1
  79. package/src/AgeTicker.tsx +0 -73
  80. package/src/BaseTanStackRouterDevtoolsPanel.tsx +0 -488
  81. package/src/Explorer.tsx +0 -362
  82. package/src/TanStackRouterDevtools.tsx +0 -250
  83. package/src/TanStackRouterDevtoolsPanel.tsx +0 -54
  84. package/src/context.ts +0 -22
  85. package/src/logo.tsx +0 -817
  86. package/src/theme.tsx +0 -31
  87. package/src/tokens.ts +0 -305
  88. package/src/useLocalStorage.ts +0 -52
  89. package/src/useMediaQuery.ts +0 -41
  90. package/src/useStyles.tsx +0 -589
  91. package/src/utils.ts +0 -188
package/src/logo.tsx DELETED
@@ -1,817 +0,0 @@
1
- import React from 'react'
2
-
3
- export function TanStackLogo() {
4
- const id = React.useId()
5
- return (
6
- <svg
7
- xmlns="http://www.w3.org/2000/svg"
8
- enableBackground="new 0 0 634 633"
9
- viewBox="0 0 634 633"
10
- >
11
- <g transform="translate(1)">
12
- <linearGradient
13
- id={`a-${id}`}
14
- x1="-641.486"
15
- x2="-641.486"
16
- y1="856.648"
17
- y2="855.931"
18
- gradientTransform="matrix(633 0 0 -633 406377 542258)"
19
- gradientUnits="userSpaceOnUse"
20
- >
21
- <stop offset="0" stopColor="#6bdaff"></stop>
22
- <stop offset="0.319" stopColor="#f9ffb5"></stop>
23
- <stop offset="0.706" stopColor="#ffa770"></stop>
24
- <stop offset="1" stopColor="#ff7373"></stop>
25
- </linearGradient>
26
- <circle
27
- cx="316.5"
28
- cy="316.5"
29
- r="316.5"
30
- fill={`url(#a-${id})`}
31
- fillRule="evenodd"
32
- clipRule="evenodd"
33
- ></circle>
34
- <defs>
35
- <filter
36
- id={`b-${id}`}
37
- width="454"
38
- height="396.9"
39
- x="-137.5"
40
- y="412"
41
- filterUnits="userSpaceOnUse"
42
- >
43
- <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix>
44
- </filter>
45
- </defs>
46
- <mask
47
- id={`c-${id}`}
48
- width="454"
49
- height="396.9"
50
- x="-137.5"
51
- y="412"
52
- maskUnits="userSpaceOnUse"
53
- >
54
- <g filter={`url(#b-${id})`}>
55
- <circle
56
- cx="316.5"
57
- cy="316.5"
58
- r="316.5"
59
- fill="#FFF"
60
- fillRule="evenodd"
61
- clipRule="evenodd"
62
- ></circle>
63
- </g>
64
- </mask>
65
- <ellipse
66
- cx="89.5"
67
- cy="610.5"
68
- fill="#015064"
69
- fillRule="evenodd"
70
- stroke="#00CFE2"
71
- strokeWidth="25"
72
- clipRule="evenodd"
73
- mask={`url(#c-${id})`}
74
- rx="214.5"
75
- ry="186"
76
- ></ellipse>
77
- <defs>
78
- <filter
79
- id={`d-${id}`}
80
- width="454"
81
- height="396.9"
82
- x="316.5"
83
- y="412"
84
- filterUnits="userSpaceOnUse"
85
- >
86
- <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix>
87
- </filter>
88
- </defs>
89
- <mask
90
- id={`e-${id}`}
91
- width="454"
92
- height="396.9"
93
- x="316.5"
94
- y="412"
95
- maskUnits="userSpaceOnUse"
96
- >
97
- <g filter={`url(#d-${id})`}>
98
- <circle
99
- cx="316.5"
100
- cy="316.5"
101
- r="316.5"
102
- fill="#FFF"
103
- fillRule="evenodd"
104
- clipRule="evenodd"
105
- ></circle>
106
- </g>
107
- </mask>
108
- <ellipse
109
- cx="543.5"
110
- cy="610.5"
111
- fill="#015064"
112
- fillRule="evenodd"
113
- stroke="#00CFE2"
114
- strokeWidth="25"
115
- clipRule="evenodd"
116
- mask={`url(#e-${id})`}
117
- rx="214.5"
118
- ry="186"
119
- ></ellipse>
120
- <defs>
121
- <filter
122
- id={`f-${id}`}
123
- width="454"
124
- height="396.9"
125
- x="-137.5"
126
- y="450"
127
- filterUnits="userSpaceOnUse"
128
- >
129
- <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix>
130
- </filter>
131
- </defs>
132
- <mask
133
- id={`g-${id}`}
134
- width="454"
135
- height="396.9"
136
- x="-137.5"
137
- y="450"
138
- maskUnits="userSpaceOnUse"
139
- >
140
- <g filter={`url(#f-${id})`}>
141
- <circle
142
- cx="316.5"
143
- cy="316.5"
144
- r="316.5"
145
- fill="#FFF"
146
- fillRule="evenodd"
147
- clipRule="evenodd"
148
- ></circle>
149
- </g>
150
- </mask>
151
- <ellipse
152
- cx="89.5"
153
- cy="648.5"
154
- fill="#015064"
155
- fillRule="evenodd"
156
- stroke="#00A8B8"
157
- strokeWidth="25"
158
- clipRule="evenodd"
159
- mask={`url(#g-${id})`}
160
- rx="214.5"
161
- ry="186"
162
- ></ellipse>
163
- <defs>
164
- <filter
165
- id={`h-${id}`}
166
- width="454"
167
- height="396.9"
168
- x="316.5"
169
- y="450"
170
- filterUnits="userSpaceOnUse"
171
- >
172
- <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix>
173
- </filter>
174
- </defs>
175
- <mask
176
- id={`i-${id}`}
177
- width="454"
178
- height="396.9"
179
- x="316.5"
180
- y="450"
181
- maskUnits="userSpaceOnUse"
182
- >
183
- <g filter={`url(#h-${id})`}>
184
- <circle
185
- cx="316.5"
186
- cy="316.5"
187
- r="316.5"
188
- fill="#FFF"
189
- fillRule="evenodd"
190
- clipRule="evenodd"
191
- ></circle>
192
- </g>
193
- </mask>
194
- <ellipse
195
- cx="543.5"
196
- cy="648.5"
197
- fill="#015064"
198
- fillRule="evenodd"
199
- stroke="#00A8B8"
200
- strokeWidth="25"
201
- clipRule="evenodd"
202
- mask={`url(#i-${id})`}
203
- rx="214.5"
204
- ry="186"
205
- ></ellipse>
206
- <defs>
207
- <filter
208
- id={`j-${id}`}
209
- width="454"
210
- height="396.9"
211
- x="-137.5"
212
- y="486"
213
- filterUnits="userSpaceOnUse"
214
- >
215
- <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix>
216
- </filter>
217
- </defs>
218
- <mask
219
- id={`k-${id}`}
220
- width="454"
221
- height="396.9"
222
- x="-137.5"
223
- y="486"
224
- maskUnits="userSpaceOnUse"
225
- >
226
- <g filter={`url(#j-${id})`}>
227
- <circle
228
- cx="316.5"
229
- cy="316.5"
230
- r="316.5"
231
- fill="#FFF"
232
- fillRule="evenodd"
233
- clipRule="evenodd"
234
- ></circle>
235
- </g>
236
- </mask>
237
- <ellipse
238
- cx="89.5"
239
- cy="684.5"
240
- fill="#015064"
241
- fillRule="evenodd"
242
- stroke="#007782"
243
- strokeWidth="25"
244
- clipRule="evenodd"
245
- mask={`url(#k-${id})`}
246
- rx="214.5"
247
- ry="186"
248
- ></ellipse>
249
- <defs>
250
- <filter
251
- id={`l-${id}`}
252
- width="454"
253
- height="396.9"
254
- x="316.5"
255
- y="486"
256
- filterUnits="userSpaceOnUse"
257
- >
258
- <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix>
259
- </filter>
260
- </defs>
261
- <mask
262
- id={`m-${id}`}
263
- width="454"
264
- height="396.9"
265
- x="316.5"
266
- y="486"
267
- maskUnits="userSpaceOnUse"
268
- >
269
- <g filter={`url(#l-${id})`}>
270
- <circle
271
- cx="316.5"
272
- cy="316.5"
273
- r="316.5"
274
- fill="#FFF"
275
- fillRule="evenodd"
276
- clipRule="evenodd"
277
- ></circle>
278
- </g>
279
- </mask>
280
- <ellipse
281
- cx="543.5"
282
- cy="684.5"
283
- fill="#015064"
284
- fillRule="evenodd"
285
- stroke="#007782"
286
- strokeWidth="25"
287
- clipRule="evenodd"
288
- mask={`url(#m-${id})`}
289
- rx="214.5"
290
- ry="186"
291
- ></ellipse>
292
- <defs>
293
- <filter
294
- id={`n-${id}`}
295
- width="176.9"
296
- height="129.3"
297
- x="272.2"
298
- y="308"
299
- filterUnits="userSpaceOnUse"
300
- >
301
- <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix>
302
- </filter>
303
- </defs>
304
- <mask
305
- id={`o-${id}`}
306
- width="176.9"
307
- height="129.3"
308
- x="272.2"
309
- y="308"
310
- maskUnits="userSpaceOnUse"
311
- >
312
- <g filter={`url(#n-${id})`}>
313
- <circle
314
- cx="316.5"
315
- cy="316.5"
316
- r="316.5"
317
- fill="#FFF"
318
- fillRule="evenodd"
319
- clipRule="evenodd"
320
- ></circle>
321
- </g>
322
- </mask>
323
- <g mask={`url(#o-${id})`}>
324
- <path
325
- fill="none"
326
- stroke="#000"
327
- strokeLinecap="round"
328
- strokeLinejoin="bevel"
329
- strokeWidth="11"
330
- d="M436 403.2l-5 28.6m-140-90.3l-10.9 62m52.8-19.4l-4.3 27.1"
331
- ></path>
332
- <linearGradient
333
- id={`p-${id}`}
334
- x1="-645.656"
335
- x2="-646.499"
336
- y1="854.878"
337
- y2="854.788"
338
- gradientTransform="matrix(-184.159 -32.4722 11.4608 -64.9973 -128419.844 34938.836)"
339
- gradientUnits="userSpaceOnUse"
340
- >
341
- <stop offset="0" stopColor="#ee2700"></stop>
342
- <stop offset="1" stopColor="#ff008e"></stop>
343
- </linearGradient>
344
- <path
345
- fill={`url(#p-${id})`}
346
- fillRule="evenodd"
347
- d="M344.1 363l97.7 17.2c5.8 2.1 8.2 6.2 7.1 12.1-1 5.9-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1.8-12.8 3.7-3.7 8.3-4.4 13.7-2.1l55.2 53.6z"
348
- clipRule="evenodd"
349
- ></path>
350
- <path
351
- fill="#D8D8D8"
352
- fillRule="evenodd"
353
- stroke="#FFF"
354
- strokeLinecap="round"
355
- strokeLinejoin="bevel"
356
- strokeWidth="7"
357
- d="M428.3 384.5l.9-6.5m-33.9 1.5l.9-6.5m-34 .5l.9-6.1m-38.9-16.1l4.2-3.9m-25.2-16.1l4.2-3.9"
358
- clipRule="evenodd"
359
- ></path>
360
- </g>
361
- <defs>
362
- <filter
363
- id={`q-${id}`}
364
- width="280.6"
365
- height="317.4"
366
- x="73.2"
367
- y="113.9"
368
- filterUnits="userSpaceOnUse"
369
- >
370
- <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix>
371
- </filter>
372
- </defs>
373
- <mask
374
- id={`r-${id}`}
375
- width="280.6"
376
- height="317.4"
377
- x="73.2"
378
- y="113.9"
379
- maskUnits="userSpaceOnUse"
380
- >
381
- <g filter={`url(#q-${id})`}>
382
- <circle
383
- cx="316.5"
384
- cy="316.5"
385
- r="316.5"
386
- fill="#FFF"
387
- fillRule="evenodd"
388
- clipRule="evenodd"
389
- ></circle>
390
- </g>
391
- </mask>
392
- <g mask={`url(#r-${id})`}>
393
- <linearGradient
394
- id={`s-${id}`}
395
- x1="-646.8"
396
- x2="-646.8"
397
- y1="854.844"
398
- y2="853.844"
399
- gradientTransform="matrix(-100.1751 48.8587 -97.9753 -200.879 19124.773 203538.61)"
400
- gradientUnits="userSpaceOnUse"
401
- >
402
- <stop offset="0" stopColor="#a17500"></stop>
403
- <stop offset="1" stopColor="#5d2100"></stop>
404
- </linearGradient>
405
- <path
406
- fill={`url(#s-${id})`}
407
- fillRule="evenodd"
408
- d="M192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.2-2.9 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6-3.4-18.7-10.8-51.8-22.2-99.6l-25.3 4.6"
409
- clipRule="evenodd"
410
- ></path>
411
- <linearGradient
412
- id={`t-${id}`}
413
- x1="-635.467"
414
- x2="-635.467"
415
- y1="852.115"
416
- y2="851.115"
417
- gradientTransform="matrix(92.6873 4.8575 2.0257 -38.6535 57323.695 36176.047)"
418
- gradientUnits="userSpaceOnUse"
419
- >
420
- <stop offset="0" stopColor="#2f8a00"></stop>
421
- <stop offset="1" stopColor="#90ff57"></stop>
422
- </linearGradient>
423
- <path
424
- fill={`url(#t-${id})`}
425
- fillRule="evenodd"
426
- stroke="#2F8A00"
427
- strokeWidth="13"
428
- 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"
429
- clipRule="evenodd"
430
- ></path>
431
- <linearGradient
432
- id={`u-${id}`}
433
- x1="-636.573"
434
- x2="-636.573"
435
- y1="855.444"
436
- y2="854.444"
437
- gradientTransform="matrix(109.9945 5.7646 6.3597 -121.3507 64719.133 107659.336)"
438
- gradientUnits="userSpaceOnUse"
439
- >
440
- <stop offset="0" stopColor="#2f8a00"></stop>
441
- <stop offset="1" stopColor="#90ff57"></stop>
442
- </linearGradient>
443
- <path
444
- fill={`url(#u-${id})`}
445
- fillRule="evenodd"
446
- stroke="#2F8A00"
447
- strokeWidth="13"
448
- d="M194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.3 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20 49.6-53.1 49.6-53.1z"
449
- clipRule="evenodd"
450
- ></path>
451
- <linearGradient
452
- id={`v-${id}`}
453
- x1="-632.145"
454
- x2="-632.145"
455
- y1="854.174"
456
- y2="853.174"
457
- gradientTransform="matrix(62.9558 3.2994 3.5021 -66.8246 37035.367 59284.227)"
458
- gradientUnits="userSpaceOnUse"
459
- >
460
- <stop offset="0" stopColor="#2f8a00"></stop>
461
- <stop offset="1" stopColor="#90ff57"></stop>
462
- </linearGradient>
463
- <path
464
- fill={`url(#v-${id})`}
465
- fillRule="evenodd"
466
- stroke="#2F8A00"
467
- strokeWidth="13"
468
- d="M195 183.9c-.8-21.9 6-38 20.6-48.2 14.6-10.2 29.8-15.3 45.5-15.3-6.1 21.4-14.5 35.8-25.2 43.4-10.7 7.5-24.4 14.2-40.9 20.1z"
469
- clipRule="evenodd"
470
- ></path>
471
- <linearGradient
472
- id={`w-${id}`}
473
- x1="-638.224"
474
- x2="-638.224"
475
- y1="853.801"
476
- y2="852.801"
477
- gradientTransform="matrix(152.4666 7.9904 3.0934 -59.0251 94939.86 55646.855)"
478
- gradientUnits="userSpaceOnUse"
479
- >
480
- <stop offset="0" stopColor="#2f8a00"></stop>
481
- <stop offset="1" stopColor="#90ff57"></stop>
482
- </linearGradient>
483
- <path
484
- fill={`url(#w-${id})`}
485
- fillRule="evenodd"
486
- stroke="#2F8A00"
487
- strokeWidth="13"
488
- d="M194.9 184.5c31.9-30 64.1-39.7 96.7-29 32.6 10.7 50.8 30.4 54.6 59.1-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z"
489
- clipRule="evenodd"
490
- ></path>
491
- <linearGradient
492
- id={`x-${id}`}
493
- x1="-637.723"
494
- x2="-637.723"
495
- y1="855.103"
496
- y2="854.103"
497
- gradientTransform="matrix(136.467 7.1519 5.2165 -99.5377 82830.875 89859.578)"
498
- gradientUnits="userSpaceOnUse"
499
- >
500
- <stop offset="0" stopColor="#2f8a00"></stop>
501
- <stop offset="1" stopColor="#90ff57"></stop>
502
- </linearGradient>
503
- <path
504
- fill={`url(#x-${id})`}
505
- fillRule="evenodd"
506
- stroke="#2F8A00"
507
- strokeWidth="13"
508
- d="M194.9 184.5c35.8-7.6 65.6-.2 89.2 22 23.6 22.2 37.7 49 42.3 80.3-39.8-9.7-68.3-23.8-85.5-42.4-17.2-18.5-32.5-38.5-46-59.9z"
509
- clipRule="evenodd"
510
- ></path>
511
- <linearGradient
512
- id={`y-${id}`}
513
- x1="-631.79"
514
- x2="-631.79"
515
- y1="855.872"
516
- y2="854.872"
517
- gradientTransform="matrix(60.8683 3.19 8.7771 -167.4773 31110.818 145537.61)"
518
- gradientUnits="userSpaceOnUse"
519
- >
520
- <stop offset="0" stopColor="#2f8a00"></stop>
521
- <stop offset="1" stopColor="#90ff57"></stop>
522
- </linearGradient>
523
- <path
524
- fill={`url(#y-${id})`}
525
- fillRule="evenodd"
526
- stroke="#2F8A00"
527
- strokeWidth="13"
528
- d="M194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6-6.5 29.9-3.6 63.1 8.7 99.6 27.4-40.3 43.2-69.6 47.4-88 4.2-18.3 5.5-44.1 4-77.2z"
529
- clipRule="evenodd"
530
- ></path>
531
- <path
532
- fill="none"
533
- stroke="#2F8A00"
534
- strokeLinecap="round"
535
- strokeWidth="8"
536
- d="M196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4-5.7 18-9.4 33-11.1 45.1"
537
- ></path>
538
- <path
539
- fill="none"
540
- stroke="#2F8A00"
541
- strokeLinecap="round"
542
- strokeWidth="8"
543
- d="M194.8 185.7c-24.4 1.7-43.8 9-58.1 21.8-14.3 12.8-24.7 25.4-31.3 37.8m99.1-68.9c29.7-6.7 52-8.4 67-5 15 3.4 26.9 8.7 35.8 15.9m-110.8-5.9c20.3 9.9 38.2 20.5 53.9 31.9 15.7 11.4 27.4 22.1 35.1 32"
544
- ></path>
545
- </g>
546
- <defs>
547
- <filter
548
- id={`z-${id}`}
549
- width="532"
550
- height="633"
551
- x="50.5"
552
- y="399"
553
- filterUnits="userSpaceOnUse"
554
- >
555
- <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix>
556
- </filter>
557
- </defs>
558
- <mask
559
- id={`A-${id}`}
560
- width="532"
561
- height="633"
562
- x="50.5"
563
- y="399"
564
- maskUnits="userSpaceOnUse"
565
- >
566
- <g filter={`url(#z-${id})`}>
567
- <circle
568
- cx="316.5"
569
- cy="316.5"
570
- r="316.5"
571
- fill="#FFF"
572
- fillRule="evenodd"
573
- clipRule="evenodd"
574
- ></circle>
575
- </g>
576
- </mask>
577
- <linearGradient
578
- id={`B-${id}`}
579
- x1="-641.104"
580
- x2="-641.278"
581
- y1="856.577"
582
- y2="856.183"
583
- gradientTransform="matrix(532 0 0 -633 341484.5 542657)"
584
- gradientUnits="userSpaceOnUse"
585
- >
586
- <stop offset="0" stopColor="#fff400"></stop>
587
- <stop offset="1" stopColor="#3c8700"></stop>
588
- </linearGradient>
589
- <ellipse
590
- cx="316.5"
591
- cy="715.5"
592
- fill={`url(#B-${id})`}
593
- fillRule="evenodd"
594
- clipRule="evenodd"
595
- mask={`url(#A-${id})`}
596
- rx="266"
597
- ry="316.5"
598
- ></ellipse>
599
- <defs>
600
- <filter
601
- id={`C-${id}`}
602
- width="288"
603
- height="283"
604
- x="391"
605
- y="-24"
606
- filterUnits="userSpaceOnUse"
607
- >
608
- <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"></feColorMatrix>
609
- </filter>
610
- </defs>
611
- <mask
612
- id={`D-${id}`}
613
- width="288"
614
- height="283"
615
- x="391"
616
- y="-24"
617
- maskUnits="userSpaceOnUse"
618
- >
619
- <g filter={`url(#C-${id})`}>
620
- <circle
621
- cx="316.5"
622
- cy="316.5"
623
- r="316.5"
624
- fill="#FFF"
625
- fillRule="evenodd"
626
- clipRule="evenodd"
627
- ></circle>
628
- </g>
629
- </mask>
630
- <g mask={`url(#D-${id})`}>
631
- <g transform="translate(397 -24)">
632
- <linearGradient
633
- id={`E-${id}`}
634
- x1="-1036.672"
635
- x2="-1036.672"
636
- y1="880.018"
637
- y2="879.018"
638
- gradientTransform="matrix(227 0 0 -227 235493 199764)"
639
- gradientUnits="userSpaceOnUse"
640
- >
641
- <stop offset="0" stopColor="#ffdf00"></stop>
642
- <stop offset="1" stopColor="#ff9d00"></stop>
643
- </linearGradient>
644
- <circle
645
- cx="168.5"
646
- cy="113.5"
647
- r="113.5"
648
- fill={`url(#E-${id})`}
649
- fillRule="evenodd"
650
- clipRule="evenodd"
651
- ></circle>
652
- <linearGradient
653
- id={`F-${id}`}
654
- x1="-1017.329"
655
- x2="-1018.602"
656
- y1="658.003"
657
- y2="657.998"
658
- gradientTransform="matrix(30 0 0 -1 30558 771)"
659
- gradientUnits="userSpaceOnUse"
660
- >
661
- <stop offset="0" stopColor="#ffa400"></stop>
662
- <stop offset="1" stopColor="#ff5e00"></stop>
663
- </linearGradient>
664
- <path
665
- fill="none"
666
- stroke={`url(#F-${id})`}
667
- strokeLinecap="round"
668
- strokeLinejoin="bevel"
669
- strokeWidth="12"
670
- d="M30 113H0"
671
- ></path>
672
- <linearGradient
673
- id={`G-${id}`}
674
- x1="-1014.501"
675
- x2="-1015.774"
676
- y1="839.985"
677
- y2="839.935"
678
- gradientTransform="matrix(26.5 0 0 -5.5 26925 4696.5)"
679
- gradientUnits="userSpaceOnUse"
680
- >
681
- <stop offset="0" stopColor="#ffa400"></stop>
682
- <stop offset="1" stopColor="#ff5e00"></stop>
683
- </linearGradient>
684
- <path
685
- fill="none"
686
- stroke={`url(#G-${id})`}
687
- strokeLinecap="round"
688
- strokeLinejoin="bevel"
689
- strokeWidth="12"
690
- d="M33.5 79.5L7 74"
691
- ></path>
692
- <linearGradient
693
- id={`H-${id}`}
694
- x1="-1016.59"
695
- x2="-1017.862"
696
- y1="852.671"
697
- y2="852.595"
698
- gradientTransform="matrix(29 0 0 -8 29523 6971)"
699
- gradientUnits="userSpaceOnUse"
700
- >
701
- <stop offset="0" stopColor="#ffa400"></stop>
702
- <stop offset="1" stopColor="#ff5e00"></stop>
703
- </linearGradient>
704
- <path
705
- fill="none"
706
- stroke={`url(#H-${id})`}
707
- strokeLinecap="round"
708
- strokeLinejoin="bevel"
709
- strokeWidth="12"
710
- d="M34 146l-29 8"
711
- ></path>
712
- <linearGradient
713
- id={`I-${id}`}
714
- x1="-1011.984"
715
- x2="-1013.257"
716
- y1="863.523"
717
- y2="863.229"
718
- gradientTransform="matrix(24 0 0 -13 24339 11407)"
719
- gradientUnits="userSpaceOnUse"
720
- >
721
- <stop offset="0" stopColor="#ffa400"></stop>
722
- <stop offset="1" stopColor="#ff5e00"></stop>
723
- </linearGradient>
724
- <path
725
- fill="none"
726
- stroke={`url(#I-${id})`}
727
- strokeLinecap="round"
728
- strokeLinejoin="bevel"
729
- strokeWidth="12"
730
- d="M45 177l-24 13"
731
- ></path>
732
- <linearGradient
733
- id={`J-${id}`}
734
- x1="-1006.673"
735
- x2="-1007.946"
736
- y1="869.279"
737
- y2="868.376"
738
- gradientTransform="matrix(20 0 0 -19 20205 16720)"
739
- gradientUnits="userSpaceOnUse"
740
- >
741
- <stop offset="0" stopColor="#ffa400"></stop>
742
- <stop offset="1" stopColor="#ff5e00"></stop>
743
- </linearGradient>
744
- <path
745
- fill="none"
746
- stroke={`url(#J-${id})`}
747
- strokeLinecap="round"
748
- strokeLinejoin="bevel"
749
- strokeWidth="12"
750
- d="M67 204l-20 19"
751
- ></path>
752
- <linearGradient
753
- id={`K-${id}`}
754
- x1="-992.85"
755
- x2="-993.317"
756
- y1="871.258"
757
- y2="870.258"
758
- gradientTransform="matrix(13.8339 0 0 -22.8467 13825.796 20131.938)"
759
- gradientUnits="userSpaceOnUse"
760
- >
761
- <stop offset="0" stopColor="#ffa400"></stop>
762
- <stop offset="1" stopColor="#ff5e00"></stop>
763
- </linearGradient>
764
- <path
765
- fill="none"
766
- stroke={`url(#K-${id})`}
767
- strokeLinecap="round"
768
- strokeLinejoin="bevel"
769
- strokeWidth="12"
770
- d="M94.4 227l-13.8 22.8"
771
- ></path>
772
- <linearGradient
773
- id={`L-${id}`}
774
- x1="-953.835"
775
- x2="-953.965"
776
- y1="871.9"
777
- y2="870.9"
778
- gradientTransform="matrix(7.5 0 0 -24.5 7278 21605)"
779
- gradientUnits="userSpaceOnUse"
780
- >
781
- <stop offset="0" stopColor="#ffa400"></stop>
782
- <stop offset="1" stopColor="#ff5e00"></stop>
783
- </linearGradient>
784
- <path
785
- fill="none"
786
- stroke={`url(#L-${id})`}
787
- strokeLinecap="round"
788
- strokeLinejoin="bevel"
789
- strokeWidth="12"
790
- d="M127.5 243.5L120 268"
791
- ></path>
792
- <linearGradient
793
- id={`M-${id}`}
794
- x1="244.504"
795
- x2="244.496"
796
- y1="871.898"
797
- y2="870.898"
798
- gradientTransform="matrix(.5 0 0 -24.5 45.5 21614)"
799
- gradientUnits="userSpaceOnUse"
800
- >
801
- <stop offset="0" stopColor="#ffa400"></stop>
802
- <stop offset="1" stopColor="#ff5e00"></stop>
803
- </linearGradient>
804
- <path
805
- fill="none"
806
- stroke={`url(#M-${id})`}
807
- strokeLinecap="round"
808
- strokeLinejoin="bevel"
809
- strokeWidth="12"
810
- d="M167.5 252.5l.5 24.5"
811
- ></path>
812
- </g>
813
- </g>
814
- </g>
815
- </svg>
816
- )
817
- }