react-native-inapp-inspector 2.3.20 → 2.3.22

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 (61) hide show
  1. package/README.md +14 -14
  2. package/android/src/main/java/com/inappinspector/NetworkInspectorModule.kt +58 -1
  3. package/dist/commonjs/components/AppHeaderLogo.js +2 -2
  4. package/dist/commonjs/components/ConsoleLogCard.js +1 -1
  5. package/dist/commonjs/components/HighlightText.js +13 -13
  6. package/dist/commonjs/components/Inspector/AboutModal.js +143 -251
  7. package/dist/commonjs/components/Inspector/DebuggingTab.js +19 -13
  8. package/dist/commonjs/components/Inspector/InspectorHeader.js +54 -80
  9. package/dist/commonjs/components/Inspector/MainScreen.js +13 -23
  10. package/dist/commonjs/components/Inspector/MediaGalleryTab.js +4 -4
  11. package/dist/commonjs/components/Inspector/MediaPreviewModal.js +1 -1
  12. package/dist/commonjs/components/Inspector/NpmStarPrompt.js +1 -1
  13. package/dist/commonjs/components/Inspector/TabBar.js +7 -7
  14. package/dist/commonjs/components/Inspector/UpdateAvailableModal.js +23 -24
  15. package/dist/commonjs/components/LogCard.js +16 -16
  16. package/dist/commonjs/components/NetworkIcons.d.ts +10 -0
  17. package/dist/commonjs/components/NetworkIcons.js +46 -4
  18. package/dist/commonjs/components/QRCodeView.js +2 -2
  19. package/dist/commonjs/components/TreeNode.js +16 -16
  20. package/dist/commonjs/constants/version.d.ts +1 -1
  21. package/dist/commonjs/constants/version.js +1 -1
  22. package/dist/commonjs/customHooks/bundleAnalyzer.js +1 -1
  23. package/dist/commonjs/helpers/index.d.ts +1 -0
  24. package/dist/commonjs/helpers/index.js +2 -2
  25. package/dist/commonjs/index.js +1 -1
  26. package/dist/commonjs/native/NativeInspector.d.ts +1 -0
  27. package/dist/commonjs/native/NativeInspector.js +1 -1
  28. package/dist/commonjs/types/interfaces.d.ts +0 -2
  29. package/dist/esm/components/AppHeaderLogo.js +6 -6
  30. package/dist/esm/components/ConsoleLogCard.js +6 -6
  31. package/dist/esm/components/HighlightText.js +17 -17
  32. package/dist/esm/components/Inspector/AboutModal.js +205 -313
  33. package/dist/esm/components/Inspector/DebuggingTab.js +32 -26
  34. package/dist/esm/components/Inspector/InspectorHeader.js +96 -122
  35. package/dist/esm/components/Inspector/MainScreen.js +66 -76
  36. package/dist/esm/components/Inspector/MediaGalleryTab.js +19 -19
  37. package/dist/esm/components/Inspector/MediaPreviewModal.js +18 -18
  38. package/dist/esm/components/Inspector/NpmStarPrompt.js +1 -1
  39. package/dist/esm/components/Inspector/TabBar.js +21 -21
  40. package/dist/esm/components/Inspector/UpdateAvailableModal.js +65 -66
  41. package/dist/esm/components/LogCard.js +43 -43
  42. package/dist/esm/components/NetworkIcons.d.ts +10 -0
  43. package/dist/esm/components/NetworkIcons.js +191 -149
  44. package/dist/esm/components/QRCodeView.js +4 -4
  45. package/dist/esm/components/TreeNode.js +53 -53
  46. package/dist/esm/constants/version.d.ts +1 -1
  47. package/dist/esm/constants/version.js +1 -1
  48. package/dist/esm/customHooks/bundleAnalyzer.js +1 -1
  49. package/dist/esm/helpers/index.d.ts +1 -0
  50. package/dist/esm/helpers/index.js +4 -4
  51. package/dist/esm/index.js +7 -7
  52. package/dist/esm/native/NativeInspector.d.ts +1 -0
  53. package/dist/esm/native/NativeInspector.js +1 -1
  54. package/dist/esm/types/interfaces.d.ts +0 -2
  55. package/ios/NetworkInspectorModule.mm +39 -3
  56. package/package.json +1 -1
  57. package/src/native/NativeInspector.ts +18 -0
  58. package/dist/commonjs/components/Inspector/FeedbackModal.d.ts +0 -16
  59. package/dist/commonjs/components/Inspector/FeedbackModal.js +0 -198
  60. package/dist/esm/components/Inspector/FeedbackModal.d.ts +0 -16
  61. package/dist/esm/components/Inspector/FeedbackModal.js +0 -198
@@ -1,80 +1,80 @@
1
- import"react";import W,{Circle as M,Ellipse as T,Line as S,Path as L,Rect as B}from"react-native-svg";import{AppColors as w}from"../styles/AppColors";export const EmptyRadarIcon=({color:e=w.purple,size:t=32})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
1
+ import"react";import W,{Circle as M,Ellipse as T,Line as S,Path as L,Rect as B}from"react-native-svg";import{AppColors as p}from"../styles/AppColors";export const EmptyRadarIcon=({color:e=p.purple,size:t=32})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
2
2
  <L d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"stroke={e}strokeWidth="1.5"strokeLinecap="round"strokeLinejoin="round"/>
3
3
  <M cx="12"cy="11"r="3"stroke={e}strokeWidth="1.5"/>
4
4
  <L d="M12 14v3"stroke={e}strokeWidth="1.5"strokeLinecap="round"/>
5
- </W>,MapPinIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
5
+ </W>,MapPinIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
6
6
  <L d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
7
7
  <M cx="12"cy="10"r="3"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
8
- </W>,ScreenIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
8
+ </W>,ScreenIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
9
9
  <B x="3"y="4"width="18"height="16"rx="2"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
10
10
  <L d="M3 8h18M8 20V8"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
11
- </W>,ExpandCollapseIcon=({isExpanded:e,color:t=w.grayTextWeak,size:I=14})=><W width={I}height={I}viewBox="0 0 24 24"fill="none">
11
+ </W>,ExpandCollapseIcon=({isExpanded:e,color:t=p.grayTextWeak,size:I=14})=><W width={I}height={I}viewBox="0 0 24 24"fill="none">
12
12
  {e?<L d="M4 14h6v6M20 10h-6V4M14 10l7-7M10 14l-7 7"stroke={t}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>:<L d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"stroke={t}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>}
13
- </W>,SearchIcon=({color:e=w.primaryLight,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
13
+ </W>,SearchIcon=({color:e=p.primaryLight,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
14
14
  <M cx="11"cy="11"r="8"stroke={e}strokeWidth="2"/>
15
15
  <S x1="16.5"y1="16.5"x2="22"y2="22"stroke={e}strokeWidth="2"strokeLinecap="round"/>
16
- </W>,ClearIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
16
+ </W>,ClearIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
17
17
  <L d="M18 6L6 18M6 6l12 12"stroke={e}strokeWidth="2.5"strokeLinecap="round"strokeLinejoin="round"/>
18
- </W>,ClockIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
18
+ </W>,ClockIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
19
19
  <M cx="12"cy="12"r="10"stroke={e}strokeWidth="2"/>
20
20
  <S x1="12"y1="12"x2="12"y2="7"stroke={e}strokeWidth="2"strokeLinecap="round"/>
21
21
  <S x1="12"y1="12"x2="16"y2="14"stroke={e}strokeWidth="2"strokeLinecap="round"/>
22
- </W>,CalendarIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
22
+ </W>,CalendarIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
23
23
  <B x="3"y="4"width="18"height="18"rx="2"stroke={e}strokeWidth="2"/>
24
24
  <S x1="3"y1="9"x2="21"y2="9"stroke={e}strokeWidth="2"strokeLinecap="round"/>
25
25
  <S x1="8"y1="2"x2="8"y2="6"stroke={e}strokeWidth="2"strokeLinecap="round"/>
26
26
  <S x1="16"y1="2"x2="16"y2="6"stroke={e}strokeWidth="2"strokeLinecap="round"/>
27
- </W>,StatusIcon=({color:e=w.grayTextWeak})=><W width={14}height={14}viewBox="0 0 24 24"fill="none">
27
+ </W>,StatusIcon=({color:e=p.grayTextWeak})=><W width={14}height={14}viewBox="0 0 24 24"fill="none">
28
28
  <M cx="12"cy="12"r="10"stroke={e}strokeWidth="2"/>
29
29
  <S x1="12"y1="8"x2="12"y2="12"stroke={e}strokeWidth="2"strokeLinecap="round"/>
30
30
  <M cx="12"cy="16"r="1"fill={e}/>
31
- </W>,SizeIcon=({color:e=w.grayTextWeak})=><W width={14}height={14}viewBox="0 0 24 24"fill="none">
31
+ </W>,SizeIcon=({color:e=p.grayTextWeak})=><W width={14}height={14}viewBox="0 0 24 24"fill="none">
32
32
  <L d="M4 6h16M4 10h10M4 14h13M4 18h7"stroke={e}strokeWidth="2"strokeLinecap="round"/>
33
- </W>,RequestIcon=({color:e=w.offerPurple})=><W width={14}height={14}viewBox="0 0 24 24"fill="none">
33
+ </W>,RequestIcon=({color:e=p.offerPurple})=><W width={14}height={14}viewBox="0 0 24 24"fill="none">
34
34
  <L d="M5 12h14M13 6l6 6-6 6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
35
- </W>,ResponseIcon=({color:e=w.greenColor})=><W width={14}height={14}viewBox="0 0 24 24"fill="none">
35
+ </W>,ResponseIcon=({color:e=p.greenColor})=><W width={14}height={14}viewBox="0 0 24 24"fill="none">
36
36
  <L d="M19 12H5M11 18l-6-6 6-6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
37
- </W>,HeadersIcon=({color:e=w.skyBlue})=><W width={14}height={14}viewBox="0 0 24 24"fill="none">
37
+ </W>,HeadersIcon=({color:e=p.skyBlue})=><W width={14}height={14}viewBox="0 0 24 24"fill="none">
38
38
  <L d="M4 6h16M4 12h16M4 18h10"stroke={e}strokeWidth="2"strokeLinecap="round"/>
39
- </W>,CopyIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
39
+ </W>,CopyIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
40
40
  <L d="M9 9V5a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-4"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
41
41
  <B x="3"y="7"width="10"height="14"rx="2"stroke={e}strokeWidth="2"/>
42
- </W>,FetchIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
42
+ </W>,FetchIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
43
43
  <L d="M8 9l3 3-3 3M13 15h3"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
44
44
  <B x="3"y="3"width="18"height="18"rx="2"stroke={e}strokeWidth="2"/>
45
- </W>,TerminalIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
45
+ </W>,TerminalIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
46
46
  <L d="M4 17l6-6-6-6M12 19h8"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
47
- </W>,CheckIcon=({color:e=w.greenColor,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
47
+ </W>,CheckIcon=({color:e=p.greenColor,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
48
48
  <L d="M20 6L9 17l-5-5"stroke={e}strokeWidth="2.5"strokeLinecap="round"strokeLinejoin="round"/>
49
- </W>,CircleCheckIcon=({color:e=w.greenColor,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
49
+ </W>,CircleCheckIcon=({color:e=p.greenColor,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
50
50
  <M cx="12"cy="12"r="9"stroke={e}strokeWidth="2"/>
51
51
  <L d="M8.5 12.5l2.5 2.5 5-5.5"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
52
- </W>,CircleXIcon=({color:e=w.errorColor,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
52
+ </W>,CircleXIcon=({color:e=p.errorColor,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
53
53
  <M cx="12"cy="12"r="9"stroke={e}strokeWidth="2"/>
54
54
  <L d="M9.5 9.5l5 5M14.5 9.5l-5 5"stroke={e}strokeWidth="2"strokeLinecap="round"/>
55
- </W>,CircleAlertIcon=({color:e=w.warningIconGold,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
55
+ </W>,CircleAlertIcon=({color:e=p.warningIconGold,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
56
56
  <M cx="12"cy="12"r="9"stroke={e}strokeWidth="2"/>
57
57
  <L d="M12 7.5v5.5"stroke={e}strokeWidth="2"strokeLinecap="round"/>
58
58
  <M cx="12"cy="16.5"r="1.1"fill={e}/>
59
- </W>,FailIcon=({color:e=w.errorColor,size:t=10})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
59
+ </W>,FailIcon=({color:e=p.errorColor,size:t=10})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
60
60
  <L d="M18 6L6 18M6 6l12 12"stroke={e}strokeWidth="3"strokeLinecap="round"strokeLinejoin="round"/>
61
- </W>,TrashIcon=({color:e=w.primaryLight,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
61
+ </W>,TrashIcon=({color:e=p.primaryLight,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
62
62
  <L d="M3 6h18M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
63
- </W>,HeaderPauseIcon=({isPaused:e,color:t=w.primaryLight,size:I=20})=><W width={I}height={I}viewBox="0 0 24 24"fill="none">
63
+ </W>,HeaderPauseIcon=({isPaused:e,color:t=p.primaryLight,size:I=20})=><W width={I}height={I}viewBox="0 0 24 24"fill="none">
64
64
  {e?<L d="M5 3l14 9-14 9V3z"fill={t}/>:<L d="M6 5h3v14H6V5zm9 0h3v14h-3V5z"fill={t}/>}
65
- </W>,ExportIcon=({color:e=w.primaryLight,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
65
+ </W>,ExportIcon=({color:e=p.primaryLight,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
66
66
  <L d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
67
- </W>,ShareIcon=({color:e=w.white,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
67
+ </W>,ShareIcon=({color:e=p.white,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
68
68
  <L d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8M16 6l-4-4-4 4M12 2v13"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
69
- </W>,SignalIcon=({color:e=w.primaryLight,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
69
+ </W>,SignalIcon=({color:e=p.primaryLight,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
70
70
  <L d="M2 20h.01M7 20v-4M12 20v-8M17 20V8M22 20V4"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
71
- </W>,DiffIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
71
+ </W>,DiffIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
72
72
  <L d="M7 8h10M12 3v10"stroke={e}strokeWidth="2"strokeLinecap="round"/>
73
73
  <L d="M7 19h10"stroke={e}strokeWidth="2"strokeLinecap="round"/>
74
- </W>,GlobeIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
74
+ </W>,GlobeIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
75
75
  <M cx="12"cy="12"r="10"stroke={e}strokeWidth="2"/>
76
76
  <L d="M12 2C8 7 8 17 12 22M12 2c4 5 4 15 0 20M2 12h20"stroke={e}strokeWidth="2"strokeLinecap="round"/>
77
- </W>,SortArrowIcon=({color:e=w.primaryLight,size:t=20,direction:I="down"})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
77
+ </W>,SortArrowIcon=({color:e=p.primaryLight,size:t=20,direction:I="down"})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
78
78
  {I==="down"?<>
79
79
  <L d="M4 6h10M4 12h7M4 18h4"stroke={e}strokeWidth="2"strokeLinecap="round"/>
80
80
  <L d="M18 6v12m0 0l-3-3m3 3l3-3"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
@@ -82,21 +82,21 @@ import"react";import W,{Circle as M,Ellipse as T,Line as S,Path as L,Rect as B}f
82
82
  <L d="M4 6h4M4 12h7M4 18h10"stroke={e}strokeWidth="2"strokeLinecap="round"/>
83
83
  <L d="M18 18V6m0 0l-3 3m3-3l3 3"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
84
84
  </>}
85
- </W>,ChevronIcon=({color:e=w.grayTextWeak,size:t=14,direction:I="down"})=>{let V="M6 9l6 6 6-6";return I==="up"?V="M18 15l-6-6-6 6":I==="right"?V="M9 18l6-6-6-6":I==="left"&&(V="M15 18l-6-6 6-6"),<W width={t}height={t}viewBox="0 0 24 24"fill="none">
86
- <L d={V}stroke={e}strokeWidth="2.5"strokeLinecap="round"strokeLinejoin="round"/>
87
- </W>},FilterIcon=({color:e=w.grayTextWeak,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
85
+ </W>,ChevronIcon=({color:e=p.grayTextWeak,size:t=14,direction:I="down"})=>{let C="M6 9l6 6 6-6";return I==="up"?C="M18 15l-6-6-6 6":I==="right"?C="M9 18l6-6-6-6":I==="left"&&(C="M15 18l-6-6 6-6"),<W width={t}height={t}viewBox="0 0 24 24"fill="none">
86
+ <L d={C}stroke={e}strokeWidth="2.5"strokeLinecap="round"strokeLinejoin="round"/>
87
+ </W>},FilterIcon=({color:e=p.grayTextWeak,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
88
88
  <L d="M4 6h16M7 12h10M10 18h4"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
89
- </W>,DownloadIcon=({color:e=w.primaryLight,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
89
+ </W>,DownloadIcon=({color:e=p.primaryLight,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
90
90
  <L d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
91
- </W>,CloseWhite=({color:e=w.white,size:t=20})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
91
+ </W>,CloseWhite=({color:e=p.white,size:t=20})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
92
92
  <L d="M18 6L6 18M6 6l12 12"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
93
- </W>,WhiteBackNavigation=({color:e=w.white,size:t=20})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
93
+ </W>,WhiteBackNavigation=({color:e=p.white,size:t=20})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
94
94
  <L d="M19 12H5M12 19l-7-7 7-7"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
95
- </W>,AnalyticsIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
95
+ </W>,AnalyticsIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
96
96
  <L d="M18 20V10M12 20V4M6 20v-6"stroke={e}strokeWidth="2.5"strokeLinecap="round"strokeLinejoin="round"/>
97
- </W>,InsightsIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
97
+ </W>,InsightsIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
98
98
  <L d="M2 17l6-6 4 4 10-10M22 12V7h-5"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
99
- </W>,DebugIcon=({color:e=w.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
99
+ </W>,DebugIcon=({color:e=p.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
100
100
 
101
101
 
102
102
  <L d="M6 18l8-8"stroke={e}strokeWidth="2.5"strokeLinecap="round"/>
@@ -111,27 +111,27 @@ import"react";import W,{Circle as M,Ellipse as T,Line as S,Path as L,Rect as B}f
111
111
  <L d="M15 15L8.5 8.5"stroke={e}strokeWidth="2"strokeLinecap="round"/>
112
112
 
113
113
  <L d="M9 9L5 5M4.5 6.5l2-2"stroke={e}strokeWidth="2"strokeLinecap="round"/>
114
- </W>,SunIcon=({color:e=w.white,size:t=16})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
114
+ </W>,SunIcon=({color:e=p.white,size:t=16})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
115
115
  <M cx="12"cy="12"r="5"stroke={e}strokeWidth="2"/>
116
116
  <L d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"stroke={e}strokeWidth="2"strokeLinecap="round"/>
117
- </W>,MoonIcon=({color:e=w.white,size:t=16})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
117
+ </W>,MoonIcon=({color:e=p.white,size:t=16})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
118
118
  <L d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"fill={e}stroke={e}strokeWidth="1.5"strokeLinecap="round"strokeLinejoin="round"/>
119
- </W>;export{BrandCircleIcon}from"./BrandCircleIcon";export{BrandSquareIcon}from"./BrandSquareIcon";export const HtmlIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
119
+ </W>;export{BrandCircleIcon}from"./BrandCircleIcon";export{BrandSquareIcon}from"./BrandSquareIcon";export const HtmlIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
120
120
  <L d="M17.5 8.5L21 12l-3.5 3.5M6.5 8.5L3 12l3.5 3.5M14 4.5l-4 15"stroke={e}strokeWidth="2.5"strokeLinecap="round"strokeLinejoin="round"/>
121
- </W>,CssIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
121
+ </W>,CssIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
122
122
  <L d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
123
- </W>,JsIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
123
+ </W>,JsIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
124
124
  <B x="3"y="3"width="18"height="18"rx="4"stroke={e}strokeWidth="2"/>
125
125
  <L d="M8 12v2.5a1.5 1.5 0 003 0V11M13 15.5a1 1 0 001.5.8h.5a1 1 0 001-1v-.5a1 1 0 00-1-1h-1a1 1 0 01-1-1v-.5a1 1 0 011-1h.5a1 1 0 011.5.8"stroke={e}strokeWidth="2"strokeLinecap="round"/>
126
- </W>,EyeIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
126
+ </W>,EyeIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
127
127
  <L d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
128
128
  <M cx="12"cy="12"r="3"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
129
- </W>,SettingsIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
129
+ </W>,SettingsIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
130
130
  <L d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
131
131
  <M cx="12"cy="12"r="3"stroke={e}strokeWidth="2"/>
132
- </W>,FolderIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
132
+ </W>,FolderIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
133
133
  <L d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
134
- </W>,WipeIcon=({color:e=w.white,size:t=16})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
134
+ </W>,WipeIcon=({color:e=p.white,size:t=16})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
135
135
 
136
136
  <L d="M19.5 3.5L12.7 10.3"stroke={e}strokeWidth="2"strokeLinecap="round"/>
137
137
 
@@ -140,51 +140,51 @@ import"react";import W,{Circle as M,Ellipse as T,Line as S,Path as L,Rect as B}f
140
140
  <L d="M7.5 16.5L5.5 18.5M10 19l-1.5 1.5"stroke={e}strokeWidth="2"strokeLinecap="round"/>
141
141
 
142
142
  <L d="M3 11.5h.01M5.5 8.5h.01"stroke={e}strokeWidth="2.4"strokeLinecap="round"/>
143
- </W>,LayersIcon=({color:e=w.grayTextWeak,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
143
+ </W>,LayersIcon=({color:e=p.grayTextWeak,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
144
144
  <L d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
145
- </W>,UserIcon=({color:e=w.grayTextWeak,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
145
+ </W>,UserIcon=({color:e=p.grayTextWeak,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
146
146
  <L d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
147
147
  <M cx="12"cy="7"r="4"stroke={e}strokeWidth="2"/>
148
- </W>,InfoCircleIcon=({color:e=w.grayTextWeak,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
148
+ </W>,InfoCircleIcon=({color:e=p.grayTextWeak,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
149
149
  <M cx="12"cy="12"r="10"stroke={e}strokeWidth="2"/>
150
150
  <L d="M12 16v-4M12 8h.01"stroke={e}strokeWidth="2"strokeLinecap="round"/>
151
- </W>,WarningTriangleIcon=({color:e=w.grayTextWeak,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
151
+ </W>,WarningTriangleIcon=({color:e=p.grayTextWeak,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
152
152
  <L 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"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
153
153
  <L d="M12 9v4M12 17h.01"stroke={e}strokeWidth="2"strokeLinecap="round"/>
154
- </W>,ErrorCircleIcon=({color:e=w.grayTextWeak,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
154
+ </W>,ErrorCircleIcon=({color:e=p.grayTextWeak,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
155
155
  <M cx="12"cy="12"r="10"stroke={e}strokeWidth="2"/>
156
156
  <L d="M15 9l-6 6M9 9l6 6"stroke={e}strokeWidth="2"strokeLinecap="round"/>
157
- </W>,TrendingUpIcon=({color:e=w.grayTextWeak,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
157
+ </W>,TrendingUpIcon=({color:e=p.grayTextWeak,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
158
158
  <L d="M23 6l-9.5 9.5-5-5L1 18"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
159
159
  <L d="M17 6h6v6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
160
- </W>,MotionIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
160
+ </W>,MotionIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
161
161
  <L d="M5 3l14 9-14 9V3z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
162
- </W>,SortIcon=({ascending:e,color:t=w.purple,size:I=14})=><W width={I}height={I}viewBox="0 0 24 24"fill="none">
163
- <L d="M12 4l-6 6h12z"fill={e?t:w.grayTextWeak}/>
164
- <L d="M12 20l6-6H6z"fill={e?w.grayTextWeak:t}/>
165
- </W>,PrettyIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
162
+ </W>,SortIcon=({ascending:e,color:t=p.purple,size:I=14})=><W width={I}height={I}viewBox="0 0 24 24"fill="none">
163
+ <L d="M12 4l-6 6h12z"fill={e?t:p.grayTextWeak}/>
164
+ <L d="M12 20l6-6H6z"fill={e?p.grayTextWeak:t}/>
165
+ </W>,PrettyIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
166
166
  <L d="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
167
167
  <L d="M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
168
- </W>,RawIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
168
+ </W>,RawIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
169
169
  <S x1="21"y1="6"x2="3"y2="6"stroke={e}strokeWidth="2"strokeLinecap="round"/>
170
170
  <S x1="21"y1="12"x2="3"y2="12"stroke={e}strokeWidth="2"strokeLinecap="round"/>
171
171
  <S x1="17"y1="18"x2="3"y2="18"stroke={e}strokeWidth="2"strokeLinecap="round"/>
172
- </W>,TableIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
172
+ </W>,TableIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
173
173
  <B x="3"y="3"width="7"height="7"rx="1.5"stroke={e}strokeWidth="2"/>
174
174
  <B x="14"y="3"width="7"height="7"rx="1.5"stroke={e}strokeWidth="2"/>
175
175
  <B x="14"y="14"width="7"height="7"rx="1.5"stroke={e}strokeWidth="2"/>
176
176
  <B x="3"y="14"width="7"height="7"rx="1.5"stroke={e}strokeWidth="2"/>
177
- </W>,PackageIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
177
+ </W>,PackageIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
178
178
  <L d="M16.5 9.4 7.55 4.24a1.78 1.78 0 0 0-2.5 1.55v12.42a1.78 1.78 0 0 0 .86 1.52l8.95 5.16a1.78 1.78 0 0 0 1.78 0l8.95-5.16a1.78 1.78 0 0 0 .86-1.52V5.79a1.78 1.78 0 0 0-2.5-1.55L16.5 9.4z"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
179
179
  <L d="M3.29 7 12 12.01 20.71 7M12 22.08V12"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
180
- </W>,ForwardChevronIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
180
+ </W>,ForwardChevronIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
181
181
  <L d="M9 18l6-6-6-6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
182
- </W>,BundleIcon=PackageIcon,LiveStateIcon=({color:e=w.purple,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
182
+ </W>,BundleIcon=PackageIcon,LiveStateIcon=({color:e=p.purple,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
183
183
  <M cx="12"cy="12"r="9"stroke={e}strokeWidth="1.8"strokeDasharray="3 3"opacity={.6}/>
184
184
  <M cx="12"cy="12"r="4.5"stroke={e}strokeWidth="1.8"/>
185
185
  <M cx="12"cy="12"r="2"fill={e}/>
186
186
  <L d="M12 2v2.5M12 19.5V22M2 12h2.5M19.5 12H22"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
187
- </W>,TimelineIcon=({color:e=w.purple,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
187
+ </W>,TimelineIcon=({color:e=p.purple,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
188
188
  <L d="M6 3v18"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
189
189
  <M cx="6"cy="6"r="2.5"stroke={e}strokeWidth="1.8"fill={`${e}25`}/>
190
190
  <L d="M6 12h5a3 3 0 0 0 3-3V6"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
@@ -192,122 +192,122 @@ import"react";import W,{Circle as M,Ellipse as T,Line as S,Path as L,Rect as B}f
192
192
  <M cx="6"cy="18"r="2.5"stroke={e}strokeWidth="1.8"fill={e}/>
193
193
  <L d="M6 18h8"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
194
194
  <M cx="17"cy="18"r="2.5"stroke={e}strokeWidth="1.8"fill={`${e}25`}/>
195
- </W>,RefreshCcwIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
195
+ </W>,RefreshCcwIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
196
196
  <L d="M3 12a9 9 0 0 1 15-6.7L21 8M21 3v5h-5M21 12a9 9 0 0 1-15 6.7L3 16M3 21v-5h5"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
197
- </W>,StorageIcon=({color:e=w.purple,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
197
+ </W>,StorageIcon=({color:e=p.purple,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
198
198
  <T cx="12"cy="5"rx="8"ry="2.5"stroke={e}strokeWidth="1.8"/>
199
199
  <L d="M4 5v4.5c0 1.38 3.58 2.5 8 2.5s8-1.12 8-2.5V5"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
200
200
  <L d="M4 9.5v4.5c0 1.38 3.58 2.5 8 2.5s8-1.12 8-2.5v-4.5"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
201
201
  <L d="M4 14v4.5c0 1.38 3.58 2.5 8 2.5s8-1.12 8-2.5V14"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
202
- </W>,MetadataIcon=({color:e=w.purple,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
202
+ </W>,MetadataIcon=({color:e=p.purple,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
203
203
  <B x="3"y="3"width="18"height="18"rx="4"stroke={e}strokeWidth="1.8"/>
204
204
  <L d="M7 8h10M7 12h6M7 16h7"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
205
205
  <M cx="16.5"cy="12"r="1.5"fill={e}/>
206
206
  <M cx="16.5"cy="16"r="1.5"fill={e}/>
207
- </W>,ReduxIcon=({color:e=w.purple,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
207
+ </W>,ReduxIcon=({color:e=p.purple,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
208
208
  <M cx="12"cy="12"r="4"stroke={e}strokeWidth="1.8"/>
209
209
  <L d="M12 3a9 9 0 0 1 9 9M12 21a9 9 0 0 1-9-9"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
210
210
  <M cx="21"cy="12"r="1.5"fill={e}/>
211
211
  <M cx="3"cy="12"r="1.5"fill={e}/>
212
- </W>,PerformanceIcon=({color:e=w.purple,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
212
+ </W>,PerformanceIcon=({color:e=p.purple,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
213
213
  <L d="M12 3v2M5.636 5.636l1.414 1.414M18.364 5.636l-1.414 1.414M3 12h2M19 12h2"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
214
214
  <L d="M12 19a7 7 0 1 0-7-7c0 1.93.784 3.68 2.05 4.95"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
215
215
  <L d="M12 12l3.5-3.5"stroke={e}strokeWidth="2"strokeLinecap="round"/>
216
216
  <M cx="12"cy="12"r="1.5"fill={e}/>
217
- </W>,BoltIcon=({color:e=w.amber500,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
217
+ </W>,BoltIcon=({color:e=p.amber500,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
218
218
  <L d="M13 2 4.5 13.5 H10.5 L9 22 19.5 9.5 H13.5 Z"stroke={e}strokeWidth="1.8"strokeLinejoin="round"/>
219
- </W>,BanIcon=({color:e=w.errorColor,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
219
+ </W>,BanIcon=({color:e=p.errorColor,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
220
220
  <M cx="12"cy="12"r="8.5"stroke={e}strokeWidth="1.8"/>
221
221
  <L d="M5.5 5.5 18.5 18.5"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
222
- </W>,FolderOpenIcon=({color:e=w.amber500,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
222
+ </W>,FolderOpenIcon=({color:e=p.amber500,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
223
223
  <L d="M8.4 11 10 5.5a2 2 0 0 1 1.9-1.5h3.7a1.5 1.5 0 0 1 1.4 2L15.5 11"stroke={e}strokeWidth="1.8"strokeLinejoin="round"/>
224
224
  <L d="M6.7 20.4 4.3 12.9A1.6 1.6 0 0 1 5.8 11h14.6a1.6 1.6 0 0 1 1.6 1.9l-2.4 7.5a2 2 0 0 1-2 1.4H8.7a2 2 0 0 1-2-1.4Z"stroke={e}strokeWidth="1.8"strokeLinejoin="round"/>
225
- </W>,DocIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
225
+ </W>,DocIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
226
226
  <L d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"stroke={e}strokeWidth="1.8"strokeLinejoin="round"/>
227
227
  <L d="M14 2v4a2 2 0 0 0 2 2h4"stroke={e}strokeWidth="1.8"strokeLinejoin="round"/>
228
228
  <L d="M8 13h8 M8 17h8"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
229
- </W>,LightbulbIcon=({color:e=w.amber500,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
229
+ </W>,LightbulbIcon=({color:e=p.amber500,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
230
230
  <L d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1.3.5 2.6 1.5 3.5.8.8 1.3 1.5 1.5 2.5"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
231
231
  <L d="M9 18h6"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
232
232
  <L d="M10 22h4"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
233
- </W>,SparkleIcon=({color:e=w.amber500,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
233
+ </W>,SparkleIcon=({color:e=p.amber500,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
234
234
  <L d="M11.1 3.9c.2-.6 1-.6 1.2 0l1.2 4.2 4.2 1.2c.6.2.6 1 0 1.2l-4.2 1.2-1.2 4.2c-.2.6-1 .6-1.2 0l-1.2-4.2-4.2-1.2c-.6-.2-.6-1 0-1.2l4.2-1.2Z"fill={e}/>
235
235
  <L d="M18.5 3.5v4 M16.5 5.5h4"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
236
- </W>,MapIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
236
+ </W>,MapIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
237
237
  <L d="M3 5.5 9 3.5l6 2 6-2v15l-6 2-6-2-6 2Z"stroke={e}strokeWidth="1.8"strokeLinejoin="round"/>
238
238
  <L d="M9 3.5v15M15 5.5v15"stroke={e}strokeWidth="1.8"/>
239
239
  <M cx="12"cy="11"r="1.9"stroke={e}strokeWidth="1.6"/>
240
- </W>,AtomIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
240
+ </W>,AtomIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
241
241
  <T cx="12"cy="12"rx="9"ry="3.8"stroke={e}strokeWidth="1.6"/>
242
242
  <T cx="12"cy="12"rx="9"ry="3.8"stroke={e}strokeWidth="1.6"transform="rotate(60 12 12)"/>
243
243
  <T cx="12"cy="12"rx="9"ry="3.8"stroke={e}strokeWidth="1.6"transform="rotate(120 12 12)"/>
244
244
  <M cx="12"cy="12"r="1.6"fill={e}/>
245
- </W>,BrainIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
245
+ </W>,BrainIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
246
246
  <L d="M9.5 2a2.5 2.5 0 0 0-2.5 2.5v.5a2.5 2.5 0 0 0-3 3.17A2.5 2.5 0 0 0 2 10.5c0 .76.34 1.44.88 1.9A2.5 2.5 0 0 0 2 15.5c0 .76.34 1.44.88 1.9A2.5 2.5 0 0 0 5 19.75c0 .75.5 1.5 1.25 1.75A2.5 2.5 0 0 0 8.5 23h.25a2.5 2.5 0 0 0 2.5-2.5V4a2.5 2.5 0 0 0-1.75-2ZM14.5 2a2.5 2.5 0 0 1 2.5 2.5v.5a2.5 2.5 0 0 1 3 3.17A2.5 2.5 0 0 1 22 10.5c0 .76-.34 1.44-.88 1.9a2.5 2.5 0 0 1 .88 1.9c0 .76-.34 1.44-.88 1.9A2.5 2.5 0 0 1 19 19.75c0 .75-.5 1.5-1.25 1.75A2.5 2.5 0 0 1 15.5 23h-.25a2.5 2.5 0 0 1-2.5-2.5V4a2.5 2.5 0 0 1 1.75-2Z"stroke={e}strokeWidth="1.6"strokeLinejoin="round"/>
247
- </W>,TextAaIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
247
+ </W>,TextAaIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
248
248
  <L d="M4 19 7.5 7 11 19"stroke={e}strokeWidth="1.8"strokeLinejoin="round"/>
249
249
  <L d="M5.5 15h4"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
250
250
  <L d="M16 19l1.7-6.6 1.7 6.6"stroke={e}strokeWidth="1.8"strokeLinejoin="round"/>
251
251
  <L d="M16.9 15.8h1.6"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
252
- </W>,CartIcon=({color:e=w.amber500,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
252
+ </W>,CartIcon=({color:e=p.amber500,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
253
253
  <M cx="9.5"cy="20"r="1.3"stroke={e}strokeWidth="1.8"/>
254
254
  <M cx="18.5"cy="20"r="1.3"stroke={e}strokeWidth="1.8"/>
255
255
  <L d="M3 3.5h1.8a1 1 0 0 1 .97.75l3.1 9.75a1.5 1.5 0 0 0 1.44 1.1h9.2a1 1 0 0 0 .95-.7l2.5-7.5a.8.8 0 0 0-.75-1.05H7"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
256
- </W>,MoneyIcon=({color:e=w.emerald500,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
256
+ </W>,MoneyIcon=({color:e=p.emerald500,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
257
257
  <M cx="12"cy="12"r="8.5"stroke={e}strokeWidth="1.8"/>
258
258
  <L d="M12 7v10M14.5 9.5c-.6-1-1.5-1.5-2.5-1.5-1.5 0-2.5.9-2.5 2s1 1.8 2.5 2 2.5.8 2.5 2-1 2-2.5 2c-1 0-1.9-.5-2.5-1.5"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
259
- </W>,ExternalLinkIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
259
+ </W>,ExternalLinkIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
260
260
  <L d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
261
261
  <L d="M15 3h6v6M10 14L21 3"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
262
- </W>,PackageBoxIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
262
+ </W>,PackageBoxIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
263
263
  <L d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
264
264
  <L d="M3.27 6.96L12 12.01l8.73-5.05M12 22.08V12"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
265
265
  </W>,StarIcon=({color:e="#F59E0B",size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill={e}>
266
266
  <L d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"stroke={e}strokeWidth="1.5"strokeLinecap="round"strokeLinejoin="round"/>
267
- </W>,GitHubIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
267
+ </W>,GitHubIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
268
268
  <L d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
269
- </W>,LinkChainIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
269
+ </W>,LinkChainIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
270
270
  <L d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
271
271
  <L d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
272
- </W>,AppleIcon=({color:e=w.white,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill={e}>
272
+ </W>,AppleIcon=({color:e=p.white,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill={e}>
273
273
  <L d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M15.97 6.37c.61-.75 1.04-1.8 0.92-2.87-.9.04-1.99.6-2.63 1.35-.56.65-1.06 1.71-.93 2.74 1.01.08 2.03-.47 2.64-1.22z"/>
274
- </W>,AndroidIcon=({color:e=w.white,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill={e}>
274
+ </W>,AndroidIcon=({color:e=p.white,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill={e}>
275
275
  <L d="M6 18c0 .55.45 1 1 1h1v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h2v3.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5V19h1c.55 0 1-.45 1-1V8H6v10zM3.5 8C2.67 8 2 8.67 2 9.5v6c0 .83.67 1.5 1.5 1.5S5 16.33 5 15.5v-6C5 8.67 4.33 8 3.5 8zm17 0c-.83 0-1.5.67-1.5 1.5v6c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5v-6c0-.83-.67-1.5-1.5-1.5zm-4.97-4.84l1.3-1.3c.2-.2.2-.51 0-.71-.2-.2-.51-.2-.71 0l-1.48 1.48C13.85 2.23 12.95 2 12 2c-.96 0-1.86.23-2.66.63L7.85 1.15c-.2-.2-.51-.2-.71 0-.2.2-.2.51 0 .71l1.31 1.31C6.73 4.26 5.54 6 5.16 8h13.68c-.38-2-1.57-3.74-3.31-4.84zM9 6c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm6 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"/>
276
- </W>,CodeBracketsIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
276
+ </W>,CodeBracketsIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
277
277
  <L d="M16 18l6-6-6-6M8 6l-6 6 6 6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
278
- </W>,FlameIcon=({color:e=w.darkOrange,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
278
+ </W>,FlameIcon=({color:e=p.darkOrange,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
279
279
  <L d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 3z"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
280
- </W>,HourglassIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
280
+ </W>,HourglassIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
281
281
  <L d="M5 22h14M5 2h14M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
282
- </W>,PinIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
282
+ </W>,PinIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
283
283
  <L d="M12 21s-6-5.333-6-10a6 6 0 0 1 12 0c0 4.667-6 10-6 10z"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
284
284
  <M cx="12"cy="11"r="2"fill={e}/>
285
- </W>,RepeatIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
285
+ </W>,RepeatIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
286
286
  <L d="M17 2l4 4-4 4M3 11v-1a4 4 0 0 1 4-4h14M7 22l-4-4 4-4M21 13v1a4 4 0 0 1-4 4H3"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
287
- </W>,TargetGoalIcon=({color:e=w.brandPurple,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
287
+ </W>,TargetGoalIcon=({color:e=p.brandPurple,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
288
288
  <M cx="12"cy="12"r="10"stroke={e}strokeWidth="1.8"/>
289
289
  <M cx="12"cy="12"r="6"stroke={e}strokeWidth="1.8"/>
290
290
  <M cx="12"cy="12"r="2"fill={e}/>
291
- </W>,UserCheckIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
291
+ </W>,UserCheckIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
292
292
  <L d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
293
293
  <M cx="9"cy="7"r="4"stroke={e}strokeWidth="1.8"/>
294
294
  <L d="M16 11l2 2 4-4"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
295
- </W>,CrashIcon=({color:e=w.errorColor,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
295
+ </W>,CrashIcon=({color:e=p.errorColor,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
296
296
 
297
297
  <L d="M12 2v3M4.93 4.93l2.12 2.12M19.07 4.93l-2.12 2.12M9 10h6M8 14h8M9 18h6"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
298
298
  <L d="M12 8a6 6 0 0 1 6 6v3a6 6 0 0 1-12 0v-3a6 6 0 0 1 6-6z"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
299
299
  <L d="M3 13h3M18 13h3M4 19l2.5-1.5M20 19l-2.5-1.5M4 9l2.5 1.5M20 9l-2.5 1.5"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
300
- </W>,ShieldAlertIcon=({color:e=w.errorColor,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
300
+ </W>,ShieldAlertIcon=({color:e=p.errorColor,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
301
301
  <L d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
302
302
  <S x1="12"y1="8"x2="12"y2="12"stroke={e}strokeWidth="2"strokeLinecap="round"/>
303
303
  <M cx="12"cy="16"r="1"fill={e}/>
304
- </W>,SkullIcon=({color:e=w.errorColor,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
304
+ </W>,SkullIcon=({color:e=p.errorColor,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
305
305
  <M cx="12"cy="12"r="9"stroke={e}strokeWidth="1.8"/>
306
306
  <M cx="9"cy="11"r="1.6"fill={e}/>
307
307
  <M cx="15"cy="11"r="1.6"fill={e}/>
308
308
  <L d="M8 16c1.2 1 3.2 1.2 4 1.2.8 0 2.8-.2 4-1.2"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
309
309
  <S x1="12"y1="16"x2="12"y2="18"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
310
- </W>,ChipIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
310
+ </W>,ChipIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
311
311
  <B x="7"y="7"width="10"height="10"rx="2"stroke={e}strokeWidth="1.8"/>
312
312
  <B x="10"y="10"width="4"height="4"fill={e}/>
313
313
  <S x1="9"y1="3"x2="9"y2="7"stroke={e}strokeWidth="1.6"strokeLinecap="round"/>
@@ -318,154 +318,154 @@ import"react";import W,{Circle as M,Ellipse as T,Line as S,Path as L,Rect as B}f
318
318
  <S x1="3"y1="15"x2="7"y2="15"stroke={e}strokeWidth="1.6"strokeLinecap="round"/>
319
319
  <S x1="17"y1="9"x2="21"y2="9"stroke={e}strokeWidth="1.6"strokeLinecap="round"/>
320
320
  <S x1="17"y1="15"x2="21"y2="15"stroke={e}strokeWidth="1.6"strokeLinecap="round"/>
321
- </W>,LayoutIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
321
+ </W>,LayoutIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
322
322
  <B x="3"y="3"width="18"height="18"rx="2"stroke={e}strokeWidth="1.8"/>
323
323
  <S x1="3"y1="9"x2="21"y2="9"stroke={e}strokeWidth="1.8"/>
324
324
  <S x1="9"y1="9"x2="9"y2="21"stroke={e}strokeWidth="1.8"/>
325
325
  <B x="12"y="12"width="6"height="6"fill={e}/>
326
- </W>,StackTraceIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
326
+ </W>,StackTraceIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
327
327
  <L d="M4 6h16M4 10h11M4 14h16M4 18h9"stroke={e}strokeWidth="2"strokeLinecap="round"/>
328
328
  <L d="M7.5 12.5 4 14l3.5 1.5"stroke={e}strokeWidth="1.4"strokeLinecap="round"strokeLinejoin="round"/>
329
- </W>,DiagnosticsIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
329
+ </W>,DiagnosticsIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
330
330
  <L d="M3 12h3l2-5 3 9 2-6 1.5 2H21"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
331
331
  <S x1="4"y1="19"x2="20"y2="19"stroke={e}strokeWidth="1.6"strokeLinecap="round"/>
332
- </W>,TrailIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
332
+ </W>,TrailIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
333
333
  <M cx="5"cy="18"r="2"fill={e}/>
334
334
  <M cx="12"cy="12"r="2"fill={e}/>
335
335
  <M cx="19"cy="6"r="2"fill={e}/>
336
336
  <L d="M6.5 16.5 10.5 13.5M13.5 10.5 17.5 7.5"stroke={e}strokeWidth="1.6"strokeLinecap="round"/>
337
- </W>,RawJsonIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
337
+ </W>,RawJsonIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
338
338
  <L d="M8 3c-2 1-3 2.5-3 5 0 2-1 3.5-2 4 1 .5 2 2 2 4 0 2.5 1 4 3 5M16 3c2 1 3 2.5 3 5 0 2 1 3.5 2 4-1 .5-2 2-2 4 0 2.5-1 4-3 5"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
339
- </W>,AppFramesIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
339
+ </W>,AppFramesIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
340
340
  <L d="M4 6h16M4 10h11M4 14h16M4 18h9"stroke={e}strokeWidth="2"strokeLinecap="round"/>
341
341
  <L d="M18 12.5l2 2 3-3.5"stroke="#059669"strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
342
- </W>,AllFramesIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
342
+ </W>,AllFramesIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
343
343
  <L d="M4 4h16M4 8h16M4 12h16M4 16h16M4 20h10"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
344
344
  <B x="16"y="16"width="4"height="4"rx="1"fill={e}/>
345
- </W>,ListenerIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
345
+ </W>,ListenerIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
346
346
  <L d="M3 18v-6a9 9 0 0 1 18 0v6"stroke={e}strokeWidth="2"strokeLinecap="round"/>
347
347
  <L d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3v5zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3v5z"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
348
- </W>,LoadingSpinnerIcon=({color:e=w.amber800Warm,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
348
+ </W>,LoadingSpinnerIcon=({color:e=p.amber800Warm,size:t=12})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
349
349
  <L d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"stroke={e}strokeWidth="2.2"strokeLinecap="round"/>
350
- </W>,FlaskIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
350
+ </W>,FlaskIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
351
351
  <L d="M10 2v5.5L4.4 18.2A2 2 0 0 0 6.2 21h11.6a2 2 0 0 0 1.8-2.8L14 7.5V2M8.5 2h7M7 15h10"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
352
352
  <M cx="12"cy="18"r="1"fill={e}/>
353
- </W>,ZapIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
353
+ </W>,ZapIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
354
354
  <L d="M13 2 3 14h9l-1 8 10-12h-9l1-8z"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
355
- </W>,DiceIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
355
+ </W>,DiceIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
356
356
  <B x="3"y="3"width="18"height="18"rx="4"stroke={e}strokeWidth="1.8"/>
357
357
  <M cx="8.5"cy="8.5"r="1.5"fill={e}/>
358
358
  <M cx="15.5"cy="8.5"r="1.5"fill={e}/>
359
359
  <M cx="12"cy="12"r="1.5"fill={e}/>
360
360
  <M cx="8.5"cy="15.5"r="1.5"fill={e}/>
361
361
  <M cx="15.5"cy="15.5"r="1.5"fill={e}/>
362
- </W>,BarChartIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
362
+ </W>,BarChartIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
363
363
  <L d="M18 20V10M12 20V4M6 20v-6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
364
- </W>,KeyIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
364
+ </W>,KeyIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
365
365
  <M cx="7.5"cy="15.5"r="4.5"stroke={e}strokeWidth="1.8"/>
366
366
  <L d="m11 12 8.5-8.5M16 4.5l3 3M19 7.5l2-2"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
367
- </W>,SmartphoneIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
367
+ </W>,SmartphoneIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
368
368
  <B x="5"y="2"width="14"height="20"rx="3"stroke={e}strokeWidth="1.8"/>
369
369
  <L d="M12 18h.01"stroke={e}strokeWidth="2.5"strokeLinecap="round"/>
370
- </W>,AlertTriangleIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
370
+ </W>,AlertTriangleIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
371
371
  <L d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
372
372
  <L d="M12 9v4M12 17h.01"stroke={e}strokeWidth="2"strokeLinecap="round"/>
373
- </W>,BugIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
373
+ </W>,BugIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
374
374
  <B width="8"height="12"x="8"y="8"rx="4"stroke={e}strokeWidth="1.8"/>
375
375
  <L d="m19 7-3 2M5 7l3 2M19 19l-3-2M5 19l3-2M20 13h-4M4 13h4M10 4l2 2 2-2"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
376
- </W>,TagIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
376
+ </W>,TagIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
377
377
  <L d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8 8a2 2 0 0 0 2.828 0l7.172-7.172a2 2 0 0 0 0-2.828l-8-8z"stroke={e}strokeWidth="1.8"strokeLinecap="round"strokeLinejoin="round"/>
378
378
  <M cx="7.5"cy="7.5"r="1.5"fill={e}/>
379
- </W>,NpmIcon=({color:e="#CB3837",size:t=14})=><W width={t}height={t}viewBox="0 0 256 256"fill="none">
379
+ </W>,NpmIcon=({color:e=p.npmRed,size:t=14})=><W width={t}height={t}viewBox="0 0 256 256"fill="none">
380
380
  <B width="256"height="256"rx="32"fill={e}/>
381
- <L d="M48 48h160v160h-32V96h-32v112H48V48z"fill="#FFFFFF"/>
382
- </W>,ResetIcon=({color:e=w.white,size:t=16})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
381
+ <L d="M48 48h160v160h-32V96h-32v112H48V48z"fill={p.white}/>
382
+ </W>,ResetIcon=({color:e=p.white,size:t=16})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
383
383
  <L d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
384
384
  <L d="M3 3v5h5"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
385
- </W>,ChevronDownIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
385
+ </W>,ChevronDownIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
386
386
  <L d="M6 9l6 6 6-6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
387
- </W>,MaximizeIcon=({color:e=w.white,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
387
+ </W>,MaximizeIcon=({color:e=p.white,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
388
388
  <L d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
389
- </W>,MinimizeIcon=({color:e=w.white,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
389
+ </W>,MinimizeIcon=({color:e=p.white,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
390
390
  <L d="M4 14h6v6M20 10h-6V4M14 10l7-7M3 21l7-7"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
391
- </W>,CpuIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
391
+ </W>,CpuIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
392
392
  <B x="4"y="4"width="16"height="16"rx="2"stroke={e}strokeWidth="2"/>
393
393
  <B x="9"y="9"width="6"height="6"stroke={e}strokeWidth="2"/>
394
394
  <L d="M9 1v3M15 1v3M9 20v3M15 20v3M20 9h3M20 14h3M1 9h3M1 14h3"stroke={e}strokeWidth="2"strokeLinecap="round"/>
395
- </W>,WifiIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
395
+ </W>,WifiIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
396
396
  <L d="M5 12.55a11 11 0 0 1 14.08 0M1.42 9a16 16 0 0 1 21.16 0M8.53 16.11a6 6 0 0 1 6.95 0M12 20h.01"stroke={e}strokeWidth="2"strokeLinecap="round"/>
397
- </W>,ShieldCheckIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
397
+ </W>,ShieldCheckIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
398
398
  <L d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
399
399
  <L d="M9 12l2 2 4-4"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
400
- </W>,DatabaseIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
400
+ </W>,DatabaseIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
401
401
  <T cx="12"cy="5"rx="9"ry="3"stroke={e}strokeWidth="2"/>
402
402
  <L d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"stroke={e}strokeWidth="2"strokeLinecap="round"/>
403
403
  <L d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"stroke={e}strokeWidth="2"strokeLinecap="round"/>
404
- </W>,PencilIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
404
+ </W>,PencilIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
405
405
  <L d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
406
- </W>,PlusIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
406
+ </W>,PlusIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
407
407
  <L d="M12 5v14M5 12h14"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
408
- </W>,LockIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
408
+ </W>,LockIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
409
409
  <B x="3"y="11"width="18"height="11"rx="2"ry="2"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
410
410
  <L d="M7 11V7a5 5 0 0 1 10 0v4"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
411
- </W>,QrCodeIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
411
+ </W>,QrCodeIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
412
412
  <B x="3"y="3"width="7"height="7"rx="1.5"stroke={e}strokeWidth="2"/>
413
413
  <B x="14"y="3"width="7"height="7"rx="1.5"stroke={e}strokeWidth="2"/>
414
414
  <B x="3"y="14"width="7"height="7"rx="1.5"stroke={e}strokeWidth="2"/>
415
415
  <L d="M14 14h3v3h-3zM18 18h3v3h-3zM14 19h3v2h-3zM19 14h2v3h-2z"fill={e}/>
416
- </W>,UnlockIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
416
+ </W>,UnlockIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
417
417
  <B x="3"y="11"width="18"height="11"rx="2"ry="2"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
418
418
  <L d="M7 11V7a5 5 0 0 1 9.9-1"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
419
- </W>,RocketIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
419
+ </W>,RocketIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
420
420
  <L d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09zM12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6.05 11a22.35 22.35 0 0 1-3.95 2z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
421
421
  <L d="M9 12l-4 4M15 6l-3 3"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
422
- </W>,TurtleIcon=({color:e=w.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
422
+ </W>,TurtleIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
423
423
  <T cx="12"cy="14"rx="7"ry="5"stroke={e}strokeWidth="2"/>
424
424
  <M cx="12"cy="6"r="3"stroke={e}strokeWidth="2"/>
425
425
  <L d="M5 12l-2-2M19 12l2-2M6 18l-2 2M18 18l2 2"stroke={e}strokeWidth="2"strokeLinecap="round"/>
426
- </W>,HeadphonesIcon=({color:e=w.white,size:t=20})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
426
+ </W>,HeadphonesIcon=({color:e=p.white,size:t=20})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
427
427
  <L d="M3 18v-6a9 9 0 0 1 18 0v6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
428
428
  <L d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3v5zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3v5z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
429
- </W>,HelpCircleIcon=({color:e=w.white,size:t=20})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
429
+ </W>,HelpCircleIcon=({color:e=p.white,size:t=20})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
430
430
  <M cx="12"cy="12"r="10"stroke={e}strokeWidth="2"/>
431
431
  <L d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
432
432
  <S x1="12"y1="17"x2="12.01"y2="17"stroke={e}strokeWidth="2"strokeLinecap="round"/>
433
- </W>,SendIcon=({color:e=w.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
433
+ </W>,SendIcon=({color:e=p.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
434
434
  <L d="M22 2L11 13"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
435
435
  <L d="M22 2L15 22L11 13L2 9L22 2Z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
436
- </W>,LifeBuoyIcon=({color:e=w.white,size:t=20})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
436
+ </W>,LifeBuoyIcon=({color:e=p.white,size:t=20})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
437
437
  <M cx="12"cy="12"r="10"stroke={e}strokeWidth="2"/>
438
438
  <M cx="12"cy="12"r="4"stroke={e}strokeWidth="2"/>
439
439
  <S x1="4.93"y1="4.93"x2="9.17"y2="9.17"stroke={e}strokeWidth="2"strokeLinecap="round"/>
440
440
  <S x1="14.83"y1="9.17"x2="19.07"y2="4.93"stroke={e}strokeWidth="2"strokeLinecap="round"/>
441
441
  <S x1="14.83"y1="14.83"x2="19.07"y2="19.07"stroke={e}strokeWidth="2"strokeLinecap="round"/>
442
442
  <S x1="4.93"y1="19.07"x2="9.17"y2="14.83"stroke={e}strokeWidth="2"strokeLinecap="round"/>
443
- </W>,CameraIcon=({color:e=w.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
443
+ </W>,CameraIcon=({color:e=p.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
444
444
  <L d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
445
445
  <M cx="12"cy="13"r="4"stroke={e}strokeWidth="2"/>
446
- </W>,VideoCameraIcon=({color:e=w.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
446
+ </W>,VideoCameraIcon=({color:e=p.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
447
447
  <L d="M23 7l-7 5 7 5V7z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
448
448
  <B x="1"y="5"width="15"height="14"rx="2"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
449
- </W>,MicrophoneIcon=({color:e=w.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
449
+ </W>,MicrophoneIcon=({color:e=p.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
450
450
  <L d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
451
451
  <L d="M19 10v2a7 7 0 0 1-14 0v-2"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
452
452
  <S x1="12"y1="19"x2="12"y2="23"stroke={e}strokeWidth="2"strokeLinecap="round"/>
453
453
  <S x1="8"y1="23"x2="16"y2="23"stroke={e}strokeWidth="2"strokeLinecap="round"/>
454
- </W>,GifIcon=({color:e=w.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
454
+ </W>,GifIcon=({color:e=p.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
455
455
  <B x="2"y="4"width="20"height="16"rx="3"stroke={e}strokeWidth="2"/>
456
456
  <L d="M7 10h-1a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h1v-2H6.5"stroke={e}strokeWidth="1.75"strokeLinecap="round"strokeLinejoin="round"/>
457
457
  <L d="M12 10v4"stroke={e}strokeWidth="1.75"strokeLinecap="round"/>
458
458
  <L d="M18 10h-2v4M16 12h1.5"stroke={e}strokeWidth="1.75"strokeLinecap="round"strokeLinejoin="round"/>
459
- </W>,PlayIcon=({color:e=w.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
459
+ </W>,PlayIcon=({color:e=p.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
460
460
  <L d="M5 3l14 9-14 9V3z"fill={e}stroke={e}strokeWidth="1.5"strokeLinecap="round"strokeLinejoin="round"/>
461
- </W>,PauseIcon=({color:e=w.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
461
+ </W>,PauseIcon=({color:e=p.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
462
462
  <B x="6"y="4"width="4"height="16"fill={e}rx="1"/>
463
463
  <B x="14"y="4"width="4"height="16"fill={e}rx="1"/>
464
- </W>,ImageIcon=({color:e=w.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
464
+ </W>,ImageIcon=({color:e=p.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
465
465
  <B x="3"y="3"width="18"height="18"rx="2"stroke={e}strokeWidth="2"/>
466
466
  <M cx="8.5"cy="8.5"r="1.5"fill={e}/>
467
467
  <L d="M21 15l-5-5L5 21"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
468
- </W>,FilmIcon=({color:e=w.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
468
+ </W>,FilmIcon=({color:e=p.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
469
469
  <B x="2"y="2"width="20"height="20"rx="2.18"stroke={e}strokeWidth="2"/>
470
470
  <S x1="7"y1="2"x2="7"y2="22"stroke={e}strokeWidth="2"/>
471
471
  <S x1="17"y1="2"x2="17"y2="22"stroke={e}strokeWidth="2"/>
@@ -474,21 +474,63 @@ import"react";import W,{Circle as M,Ellipse as T,Line as S,Path as L,Rect as B}f
474
474
  <S x1="2"y1="17"x2="7"y2="17"stroke={e}strokeWidth="2"/>
475
475
  <S x1="17"y1="17"x2="22"y2="17"stroke={e}strokeWidth="2"/>
476
476
  <S x1="17"y1="7"x2="22"y2="7"stroke={e}strokeWidth="2"/>
477
- </W>,ScreencastIcon=({color:e=w.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
477
+ </W>,ScreencastIcon=({color:e=p.white,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
478
478
  <L d="M2 16.1A5 5 0 0 1 5.9 20M2 12.05A9 9 0 0 1 9.95 20M2 20h.01"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
479
479
  <L d="M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
480
- </W>,ListIcon=({color:e=w.white,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
480
+ </W>,ListIcon=({color:e=p.white,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
481
481
  <S x1="8"y1="6"x2="21"y2="6"stroke={e}strokeWidth="2"strokeLinecap="round"/>
482
482
  <S x1="8"y1="12"x2="21"y2="12"stroke={e}strokeWidth="2"strokeLinecap="round"/>
483
483
  <S x1="8"y1="18"x2="21"y2="18"stroke={e}strokeWidth="2"strokeLinecap="round"/>
484
484
  <M cx="4"cy="6"r="1.5"fill={e}/>
485
485
  <M cx="4"cy="12"r="1.5"fill={e}/>
486
486
  <M cx="4"cy="18"r="1.5"fill={e}/>
487
- </W>,GridIcon=({color:e=w.white,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
487
+ </W>,GridIcon=({color:e=p.white,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
488
488
  <B x="3"y="3"width="7"height="7"rx="1.5"stroke={e}strokeWidth="2"/>
489
489
  <B x="14"y="3"width="7"height="7"rx="1.5"stroke={e}strokeWidth="2"/>
490
490
  <B x="14"y="14"width="7"height="7"rx="1.5"stroke={e}strokeWidth="2"/>
491
491
  <B x="3"y="14"width="7"height="7"rx="1.5"stroke={e}strokeWidth="2"/>
492
- </W>,MinimizeWindowIcon=({color:e=w.white,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
492
+ </W>,MinimizeWindowIcon=({color:e=p.white,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
493
493
  <L d="M4 14h6v6M20 10h-6V4M14 10l7-7M10 14l-7 7"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
494
+ </W>,BookOpenIcon=({color:e=p.purple,size:t=18})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
495
+ <L d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2zM22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
496
+ </W>,WrenchIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
497
+ <L d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
498
+ </W>,ChevronUpIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
499
+ <L d="M18 15l-6-6-6 6"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
500
+ </W>,MessageSquareIcon=({color:e=p.grayTextWeak,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
501
+ <L d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"stroke={e}strokeWidth="2"strokeLinecap="round"strokeLinejoin="round"/>
502
+ </W>,SparklesIcon=({color:e=p.amber500,size:t=14})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
503
+ <L d="M12 2L14.4 7.6L20 10L14.4 12.4L12 18L9.6 12.4L4 10L9.6 7.6L12 2Z"fill={e}stroke={e}strokeWidth="1"strokeLinejoin="round"/>
504
+ <L d="M19 15L20.2 17.8L23 19L20.2 20.2L19 23L17.8 20.2L15 19L17.8 17.8L19 15Z"fill={e}/>
505
+ <L d="M5 16L5.9 18.1L8 19L5.9 19.9L5 22L4.1 19.9L2 19L4.1 18.1L5 16Z"fill={e}/>
506
+ </W>,AngryFaceIcon=({color:e=p.red500,size:t=20})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
507
+ <M cx="12"cy="12"r="10"stroke={e}strokeWidth="1.8"/>
508
+ <L d="M7.5 8.5L10.5 10M16.5 8.5L13.5 10"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
509
+ <M cx="9"cy="11.5"r="1"fill={e}/>
510
+ <M cx="15"cy="11.5"r="1"fill={e}/>
511
+ <L d="M8.5 16.5C9.5 15.3 10.7 14.7 12 14.7C13.3 14.7 14.5 15.3 15.5 16.5"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
512
+ </W>,NeutralFaceIcon=({color:e=p.amber500,size:t=20})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
513
+ <M cx="12"cy="12"r="10"stroke={e}strokeWidth="1.8"/>
514
+ <M cx="9"cy="10"r="1.2"fill={e}/>
515
+ <M cx="15"cy="10"r="1.2"fill={e}/>
516
+ <L d="M8 15.5H16"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
517
+ </W>,SmileFaceIcon=({color:e=p.emerald500,size:t=20})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
518
+ <M cx="12"cy="12"r="10"stroke={e}strokeWidth="1.8"/>
519
+ <M cx="9"cy="9.5"r="1.2"fill={e}/>
520
+ <M cx="15"cy="9.5"r="1.2"fill={e}/>
521
+ <L d="M8 14C8 14 9.5 17 12 17C14.5 17 16 14 16 14"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
522
+ </W>,StarFaceIcon=({color:e=p.purple500,size:t=20})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
523
+ <M cx="12"cy="12"r="10"stroke={e}strokeWidth="1.8"/>
524
+
525
+ <L d="M9 7.8L9.6 9.4L11.2 9.5L10 10.5L10.4 12.1L9 11.1L7.6 12.1L8 10.5L6.8 9.5L8.4 9.4L9 7.8Z"fill={e}/>
526
+
527
+ <L d="M15 7.8L15.6 9.4L17.2 9.5L16 10.5L16.4 12.1L15 11.1L13.6 12.1L14 10.5L12.8 9.5L14.4 9.4L15 7.8Z"fill={e}/>
528
+ <L d="M8 14.2C8.5 16.5 10.1 17.5 12 17.5C13.9 17.5 15.5 16.5 16 14.2H8Z"fill={e}/>
529
+ </W>,HeartFaceIcon=({color:e=p.pink500,size:t=20})=><W width={t}height={t}viewBox="0 0 24 24"fill="none">
530
+ <M cx="12"cy="12"r="10"stroke={e}strokeWidth="1.8"/>
531
+
532
+ <L d="M9 8.2C8.3 7.4 7.2 7.5 6.7 8.2C6.1 9 6.4 10.1 9 11.6C11.6 10.1 11.9 9 11.3 8.2C10.8 7.5 9.7 7.4 9 8.2Z"fill={e}/>
533
+
534
+ <L d="M15 8.2C14.3 7.4 13.2 7.5 12.7 8.2C12.1 9 12.4 10.1 15 11.6C17.6 10.1 17.9 9 17.3 8.2C16.8 7.5 15.7 7.4 15 8.2Z"fill={e}/>
535
+ <L d="M8 14.5C8 14.5 9.5 17.5 12 17.5C14.5 17.5 16 14.5 16 14.5"stroke={e}strokeWidth="1.8"strokeLinecap="round"/>
494
536
  </W>;