@odigos/ui-kit 0.0.8 → 0.0.10

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 (85) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/lib/components/badge/index.d.ts +2 -2
  3. package/lib/components/data-card/index.d.ts +1 -0
  4. package/lib/components/data-tab/index.d.ts +2 -2
  5. package/lib/components/describe-row/index.d.ts +2 -2
  6. package/lib/components/divider/index.d.ts +2 -2
  7. package/lib/components/drawer/drawer-header/index.d.ts +1 -1
  8. package/lib/components/icon-group/index.d.ts +2 -2
  9. package/lib/components/icon-wrapped/index.d.ts +2 -2
  10. package/lib/components/interactive-table/index.d.ts +2 -2
  11. package/lib/components/interactive-table/row.d.ts +2 -2
  12. package/lib/components/notification-note/index.d.ts +2 -2
  13. package/lib/components/status/index.d.ts +2 -2
  14. package/lib/components/styled.d.ts +12 -0
  15. package/lib/components/warning-modal/index.d.ts +2 -2
  16. package/lib/components.js +5 -5
  17. package/lib/constants/strings/index.d.ts +1 -0
  18. package/lib/constants.js +1 -1
  19. package/lib/containers/data-flow/nodes/base-node.d.ts +2 -2
  20. package/lib/containers/data-flow/nodes/scroll-node.d.ts +2 -2
  21. package/lib/containers/destination-form/test-connection/index.d.ts +2 -2
  22. package/lib/containers.js +106 -115
  23. package/lib/functions/get-conditions-booleans/index.d.ts +2 -2
  24. package/lib/functions/get-containers-icons/index.d.ts +2 -2
  25. package/lib/functions/get-platform-icon/index.d.ts +1 -1
  26. package/lib/functions/get-platform-label/index.d.ts +1 -1
  27. package/lib/functions/get-programming-language-icon/index.d.ts +2 -2
  28. package/lib/functions/get-status-icon/index.d.ts +2 -2
  29. package/lib/functions.js +4 -4
  30. package/lib/hooks.js +2 -2
  31. package/lib/icons/common/image-error-icon/image-error-icon.stories.d.ts +8 -0
  32. package/lib/icons/common/image-error-icon/index.d.ts +2 -0
  33. package/lib/icons/common/index.d.ts +1 -0
  34. package/lib/icons/index.d.ts +1 -0
  35. package/lib/icons/overview/connections-icon/connections-icon.stories.d.ts +8 -0
  36. package/lib/icons/overview/connections-icon/index.d.ts +2 -0
  37. package/lib/icons/overview/index.d.ts +1 -0
  38. package/lib/icons/programming-languages/c-plus-plus-logo/c-plus-plus-logo.stories.d.ts +8 -0
  39. package/lib/icons/programming-languages/c-plus-plus-logo/index.d.ts +2 -0
  40. package/lib/icons/programming-languages/c-sharp-logo/c-sharp-logo.stories.d.ts +8 -0
  41. package/lib/icons/programming-languages/c-sharp-logo/index.d.ts +2 -0
  42. package/lib/icons/programming-languages/dotnet-logo/dotnet-logo.stories.d.ts +8 -0
  43. package/lib/icons/programming-languages/dotnet-logo/index.d.ts +2 -0
  44. package/lib/icons/programming-languages/elixir-logo/elixir-logo.stories.d.ts +8 -0
  45. package/lib/icons/programming-languages/elixir-logo/index.d.ts +2 -0
  46. package/lib/icons/programming-languages/go-logo/go-logo.stories.d.ts +8 -0
  47. package/lib/icons/programming-languages/go-logo/index.d.ts +2 -0
  48. package/lib/icons/programming-languages/index.d.ts +17 -0
  49. package/lib/icons/programming-languages/java-logo/index.d.ts +2 -0
  50. package/lib/icons/programming-languages/java-logo/java-logo.stories.d.ts +8 -0
  51. package/lib/icons/programming-languages/kafka-logo/index.d.ts +2 -0
  52. package/lib/icons/programming-languages/kafka-logo/kafka-logo.stories.d.ts +8 -0
  53. package/lib/icons/programming-languages/mysql-logo/index.d.ts +2 -0
  54. package/lib/icons/programming-languages/mysql-logo/mysql-logo.stories.d.ts +8 -0
  55. package/lib/icons/programming-languages/nginx-logo/index.d.ts +2 -0
  56. package/lib/icons/programming-languages/nginx-logo/nginx-logo.stories.d.ts +8 -0
  57. package/lib/icons/programming-languages/nodejs-logo/index.d.ts +2 -0
  58. package/lib/icons/programming-languages/nodejs-logo/nodejs-logo.stories.d.ts +8 -0
  59. package/lib/icons/programming-languages/php-logo/index.d.ts +2 -0
  60. package/lib/icons/programming-languages/php-logo/php-logo.stories.d.ts +8 -0
  61. package/lib/icons/programming-languages/postgres-logo/index.d.ts +2 -0
  62. package/lib/icons/programming-languages/postgres-logo/postgres-logo.stories.d.ts +8 -0
  63. package/lib/icons/programming-languages/python-logo/index.d.ts +2 -0
  64. package/lib/icons/programming-languages/python-logo/python-logo.stories.d.ts +8 -0
  65. package/lib/icons/programming-languages/redis-logo/index.d.ts +2 -0
  66. package/lib/icons/programming-languages/redis-logo/redis-logo.stories.d.ts +8 -0
  67. package/lib/icons/programming-languages/ruby-logo/index.d.ts +2 -0
  68. package/lib/icons/programming-languages/ruby-logo/ruby-logo.stories.d.ts +8 -0
  69. package/lib/icons/programming-languages/rust-logo/index.d.ts +2 -0
  70. package/lib/icons/programming-languages/rust-logo/rust-logo.stories.d.ts +8 -0
  71. package/lib/icons/programming-languages/swift-logo/index.d.ts +2 -0
  72. package/lib/icons/programming-languages/swift-logo/swift-logo.stories.d.ts +8 -0
  73. package/lib/icons.js +10 -3
  74. package/lib/{index-BulCzWQI.js → index-DB1gmCsH.js} +29 -31
  75. package/lib/{index-BJxaoI0G.js → index-D_Qn2U89.js} +8 -1
  76. package/lib/{index-Cu2uHOuh.js → index-DnmWFsTQ.js} +1 -0
  77. package/lib/{index-CKUgKtl0.js → index-Do8ODRlA.js} +60 -40
  78. package/lib/{index-CKD2OX24.js → index-eF2JXMVR.js} +11 -7
  79. package/lib/index-ixs381n-.js +466 -0
  80. package/lib/types/common/index.d.ts +3 -3
  81. package/lib/types/connection/index.d.ts +3 -3
  82. package/lib/types.js +9 -9
  83. package/lib/{useSourceSelectionFormData-BY6B70Kf.js → useSourceSelectionFormData-CxdOP9FT.js} +4 -4
  84. package/package.json +10 -10
  85. package/lib/index-DLKEpJJm.js +0 -53
package/lib/index-ixs381n-.js ADDED
@@ -0,0 +1,466 @@
1
+ import React from 'react';
2
+ import Theme from './theme.js';
3
+
4
+ const LogsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
5
+ const theme = Theme.useTheme();
6
+ const fill = f || theme.text.secondary;
7
+ return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
8
+ React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2.66699 8.5H6.66699M2.66699 12.5H6.66699M2.66699 4.5L13.3337 4.5M12.4765 12.0146C13.0334 11.61 13.5322 11.1357 13.96 10.6043C14.0138 10.5375 14.0138 10.4441 13.96 10.3773C13.5322 9.84585 13.0334 9.37156 12.4765 8.96696M10.1908 8.96696C9.63389 9.37156 9.13508 9.84585 8.7073 10.3773C8.65356 10.4441 8.65356 10.5375 8.7073 10.6043C9.13508 11.1357 9.63389 11.61 10.1908 12.0146' })));
9
+ };
10
+
11
+ const MetricsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
12
+ const theme = Theme.useTheme();
13
+ const fill = f || theme.text.secondary;
14
+ return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
15
+ React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M13.2389 9.1672C13.2389 12.4305 10.5935 15.0758 7.33025 15.0758V14.3373M13.2389 9.1672H14.0883C14.0883 5.43485 11.0626 2.40918 7.33025 2.40918V4.73571M13.2389 9.1672L7.33025 9.1672M7.33025 14.3373C4.47491 14.3373 2.16016 12.0225 2.16016 9.1672H2.89877M7.33025 14.3373L7.33025 9.1672M2.89877 9.1672C2.89877 6.71975 4.88281 4.73571 7.33025 4.73571M2.89877 9.1672H7.33025M7.33025 4.73571L7.33025 9.1672' })));
16
+ };
17
+
18
+ const TracesIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
19
+ const theme = Theme.useTheme();
20
+ const fill = f || theme.text.secondary;
21
+ return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
22
+ React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M10.3337 8.5C10.3337 9.60457 11.2291 10.5 12.3337 10.5C13.4382 10.5 14.3337 9.60457 14.3337 8.5C14.3337 7.39543 13.4382 6.5 12.3337 6.5C11.2291 6.5 10.3337 7.39543 10.3337 8.5ZM10.3337 8.5L8.00032 8.5M8.00032 8.5L8.00032 9.3C8.00032 10.4201 8.00032 10.9802 7.78234 11.408C7.59059 11.7843 7.28463 12.0903 6.90831 12.282C6.60852 12.4348 6.24381 12.4805 5.66698 12.4942M8.00032 8.5L8.00032 7.7C8.00032 6.57989 8.00032 6.01984 7.78234 5.59202C7.59059 5.21569 7.28463 4.90973 6.90831 4.71799C6.60852 4.56524 6.24381 4.51952 5.66698 4.50584M5.66698 12.4942C5.66383 11.3923 4.76961 10.5 3.66699 10.5C2.56242 10.5 1.66699 11.3954 1.66699 12.5C1.66699 13.6046 2.56242 14.5 3.66699 14.5C4.77156 14.5 5.66699 13.6046 5.66699 12.5C5.66699 12.4981 5.66699 12.4961 5.66698 12.4942ZM5.66698 4.50584C5.66383 5.60773 4.76961 6.5 3.66699 6.5C2.56242 6.5 1.66699 5.60457 1.66699 4.5C1.66699 3.39543 2.56242 2.5 3.66699 2.5C4.77156 2.5 5.66699 3.39543 5.66699 4.5C5.66699 4.50195 5.66699 4.5039 5.66698 4.50584Z' })));
23
+ };
24
+
25
+ const CPlusPlusLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
26
+ return (React.createElement("svg", { width: size * (32 / 36), height: size, viewBox: '0 0 32 36', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
27
+ React.createElement("g", { fillRule: 'evenodd', clipRule: 'evenodd' },
28
+ React.createElement("path", { fill: fill || '#00599c', d: 'M31.593 27.008c.251-.435.407-.925.407-1.365V10.367c0-.44-.156-.93-.407-1.364L16 18.005Z' }),
29
+ React.createElement("path", { fill: fill || '#004482', d: 'm17.386 35.68 13.228-7.637c.381-.22.728-.6.979-1.035L16 18.005.407 27.008c.251.435.598.815.979 1.035l13.228 7.637c.762.44 2.01.44 2.772 0z' }),
30
+ React.createElement("path", { fill: fill || '#659ad2', d: 'M31.593 9.003c-.251-.436-.598-.815-.979-1.035L17.386.33c-.762-.44-2.01-.44-2.772 0L1.386 7.968C.624 8.408 0 9.488 0 10.368v15.275c0 .44.156.93.407 1.365L16 18.005Z' }),
31
+ React.createElement("path", { fill: fill || '#fff', d: 'M16 28.672c-5.882 0-10.667-4.785-10.667-10.667S10.118 7.338 16 7.338c3.795 0 7.335 2.043 9.237 5.33l-4.616 2.672A5.356 5.356 0 0 0 16 12.672a5.34 5.34 0 0 0-5.333 5.333A5.34 5.34 0 0 0 16 23.34a5.356 5.356 0 0 0 4.621-2.669l4.616 2.671A10.705 10.705 0 0 1 16 28.671Z' }),
32
+ React.createElement("path", { fill: fill || '#fff', d: 'M26.667 17.413H25.48v-1.186h-1.185v1.186H23.11v1.185h1.185v1.185h1.185v-1.185h1.186v-1.185zm4.444 0h-1.185v-1.186H28.74v1.186h-1.185v1.185h1.185v1.185h1.185v-1.185h1.185v-1.185z' }))));
33
+ };
34
+
35
+ const CSharpLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
36
+ return (React.createElement("svg", { width: size * (256 / 288), height: size, viewBox: '0 0 256 288', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
37
+ React.createElement("g", { fillRule: 'evenodd', clipRule: 'evenodd' },
38
+ React.createElement("path", { fill: fill || '#A179DC', d: 'M255.569 84.452c-.002-4.83-1.035-9.098-3.124-12.76-2.052-3.603-5.125-6.622-9.247-9.009-34.025-19.619-68.083-39.178-102.097-58.817-9.17-5.294-18.061-5.1-27.163.27-13.543 7.986-81.348 46.833-101.553 58.536C4.064 67.49.015 74.862.013 84.443 0 123.898.013 163.353 0 202.808c0 4.724.991 8.91 2.988 12.517 2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17.27 34.015-19.64 68.075-39.199 102.105-58.818 4.217-2.44 7.333-5.544 9.386-9.252 1.994-3.608 2.987-7.793 2.987-12.518 0 0 0-78.889-.013-118.345' }),
39
+ React.createElement("path", { fill: fill || '#280068', d: 'M128.182 143.241 2.988 215.325c2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17.27 34.015-19.64 68.075-39.199 102.105-58.818 4.217-2.44 7.333-5.544 9.386-9.252l-124.413-72.074' }),
40
+ React.createElement("path", { fill: fill || '#390091', d: 'M255.569 84.452c-.002-4.83-1.035-9.098-3.124-12.76l-124.263 71.55 124.413 72.073c1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-.013-118.345' }),
41
+ React.createElement("path", { fill: fill || '#FFF', d: 'M201.892 116.294v13.474h13.474v-13.474h6.737v13.474h13.474v6.737h-13.474v13.473h13.474v6.737h-13.474v13.474h-6.737v-13.474h-13.474v13.474h-6.737v-13.474h-13.473v-6.737h13.473v-13.473h-13.473v-6.737h13.473v-13.474h6.737Zm13.474 20.21h-13.474v13.474h13.474v-13.473Z' }),
42
+ React.createElement("path", { fill: fill || '#FFF', d: 'M128.457 48.626c35.144 0 65.827 19.086 82.262 47.456l-.16-.273-41.35 23.808c-8.146-13.793-23.08-23.102-40.213-23.294l-.54-.003c-26.125 0-47.305 21.18-47.305 47.305a47.08 47.08 0 0 0 6.239 23.47c8.154 14.235 23.483 23.836 41.067 23.836 17.693 0 33.109-9.723 41.221-24.11l-.197.345 41.287 23.918c-16.255 28.13-46.518 47.157-81.253 47.536l-1.058.006c-35.255 0-66.025-19.204-82.419-47.724-8.003-13.923-12.582-30.064-12.582-47.277 0-52.466 42.532-95 95-95Z' }))));
43
+ };
44
+
45
+ const DotnetLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
46
+ return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 128 128', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
47
+ React.createElement("g", { fillRule: 'evenodd', clipRule: 'evenodd' },
48
+ React.createElement("linearGradient", { id: 'dotnet-gradient-1', x1: '61.631', x2: '62.022', y1: '563.347', y2: '563.347', gradientTransform: 'matrix(0 149.735 149.735 0 -84296.266 -9188.014)', gradientUnits: 'userSpaceOnUse' },
49
+ React.createElement("stop", { offset: '0', stopColor: '#0994DC' }),
50
+ React.createElement("stop", { offset: '.35', stopColor: '#66CEF5' }),
51
+ React.createElement("stop", { offset: '.35', stopColor: '#66CEF5' }),
52
+ React.createElement("stop", { offset: '.846', stopColor: '#127BCA' }),
53
+ React.createElement("stop", { offset: '.846', stopColor: '#127BCA' }),
54
+ React.createElement("stop", { offset: '1', stopColor: '#127BCA' })),
55
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-1)', d: 'M45.288 49.559c4.417 13.507 6.09 37.601 19.006 37.601.982 0 1.977-.096 2.974-.286-11.74-2.737-13.132-26.569-20.297-38.912a61.601 61.601 0 0 0-1.683 1.597' }),
56
+ React.createElement("linearGradient", { id: 'dotnet-gradient-2', x1: '61.705', x2: '62.095', y1: '563.34', y2: '563.34', gradientTransform: 'matrix(0 153.551 153.551 0 -86442.719 -9435.969)', gradientUnits: 'userSpaceOnUse' },
57
+ React.createElement("stop", { offset: '0', stopColor: '#0E76BC' }),
58
+ React.createElement("stop", { offset: '.36', stopColor: '#36AEE8' }),
59
+ React.createElement("stop", { offset: '.36', stopColor: '#36AEE8' }),
60
+ React.createElement("stop", { offset: '.846', stopColor: '#00ADEF' }),
61
+ React.createElement("stop", { offset: '.846', stopColor: '#00ADEF' }),
62
+ React.createElement("stop", { offset: '1', stopColor: '#00ADEF' })),
63
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-2)', d: 'M46.971 47.962c7.165 12.342 8.557 36.174 20.297 38.912a18.621 18.621 0 0 0 2.773-.749C59.502 80.961 56.59 57.819 48.453 46.678c-.492.41-.987.839-1.482 1.284' }),
64
+ React.createElement("path", { fill: fill || '#14559A', d: 'M57.294 40.623c-.98 0-1.977.096-2.977.286-2.612.493-5.268 1.618-7.944 3.321.73.722 1.427 1.547 2.081 2.448 2.723-2.259 5.427-3.928 8.12-4.932a18.177 18.177 0 0 1 3.029-.842 9.393 9.393 0 0 0-2.309-.281' }),
65
+ React.createElement("linearGradient", { id: 'dotnet-gradient-3', x1: '67.486', x2: '67.876', y1: '564.985', y2: '564.985', gradientTransform: 'matrix(0 -122.178 -122.178 0 69099.289 8331.043)', gradientUnits: 'userSpaceOnUse' },
66
+ React.createElement("stop", { offset: '0', stopColor: '#1C63B7' }),
67
+ React.createElement("stop", { offset: '.5', stopColor: '#33BDF2' }),
68
+ React.createElement("stop", { offset: '1', stopColor: '#33BDF2', stopOpacity: '.42' })),
69
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-3)', d: 'M78.268 81.366a47.16 47.16 0 0 0 3.24-2.84c-4.488-13.443-6.095-37.883-19.101-37.883-.93 0-1.868.087-2.804.26C71.45 43.85 72.968 69.625 78.268 81.366' }),
70
+ React.createElement("path", { fill: fill || '#3092C4', d: 'M59.604 40.904a9.355 9.355 0 0 0-2.311-.282l5.114.019c-.929 0-1.867.086-2.803.263' }),
71
+ React.createElement("path", { fill: fill || '#1969BC', d: 'M78.04 84.221a19.441 19.441 0 0 1-1.466-1.584c-2.188 1.549-4.368 2.724-6.533 3.489.771.376 1.578.656 2.436.829.664.136 1.353.206 2.075.206 2.431 0 4.353-.288 5.987-1.072-.9-.488-1.726-1.118-2.499-1.868' }),
72
+ React.createElement("linearGradient", { id: 'dotnet-gradient-4', x1: '61.852', x2: '62.243', y1: '563.281', y2: '563.281', gradientTransform: 'matrix(0 159.425 159.425 0 -89733.742 -9828.116)', gradientUnits: 'userSpaceOnUse' },
73
+ React.createElement("stop", { offset: '0', stopColor: '#166AB8' }),
74
+ React.createElement("stop", { offset: '.4', stopColor: '#36AEE8' }),
75
+ React.createElement("stop", { offset: '.4', stopColor: '#36AEE8' }),
76
+ React.createElement("stop", { offset: '.846', stopColor: '#0798DD' }),
77
+ React.createElement("stop", { offset: '.846', stopColor: '#0798DD' }),
78
+ React.createElement("stop", { offset: '1', stopColor: '#0798DD' })),
79
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-4)', d: 'M56.573 41.748c10.611 5.55 11.534 30.684 20.001 40.889.568-.4 1.13-.824 1.691-1.271-5.3-11.741-6.815-37.519-18.66-40.463-1.011.189-2.02.469-3.032.845' }),
80
+ React.createElement("linearGradient", { id: 'dotnet-gradient-5', x1: '61.975', x2: '62.366', y1: '563.367', y2: '563.367', gradientTransform: 'matrix(0 169.528 169.528 0 -95443.742 -10473.372)', gradientUnits: 'userSpaceOnUse' },
81
+ React.createElement("stop", { offset: '0', stopColor: '#124379' }),
82
+ React.createElement("stop", { offset: '.39', stopColor: '#1487CB' }),
83
+ React.createElement("stop", { offset: '.39', stopColor: '#1487CB' }),
84
+ React.createElement("stop", { offset: '.78', stopColor: '#165197' }),
85
+ React.createElement("stop", { offset: '.78', stopColor: '#165197' }),
86
+ React.createElement("stop", { offset: '1', stopColor: '#165197' })),
87
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-5)', d: 'M48.453 46.678c8.137 11.141 11.049 34.284 21.588 39.448 2.166-.765 4.346-1.939 6.533-3.489-8.467-10.205-9.39-35.338-20.001-40.889-2.693 1.002-5.397 2.671-8.12 4.93' }),
88
+ React.createElement("linearGradient", { id: 'dotnet-gradient-6', x1: '1006.454', x2: '1008.771', y1: '-1412.08', y2: '-1412.08', gradientTransform: 'matrix(4.038 0 0 -4.038 -4028.633 -5649.283)', gradientUnits: 'userSpaceOnUse' },
89
+ React.createElement("stop", { offset: '0', stopColor: '#33BDF2', stopOpacity: '.698' }),
90
+ React.createElement("stop", { offset: '1', stopColor: '#1DACD8' })),
91
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-6)', d: 'M40.083 49.234c-1.275 2.883-2.578 6.674-4.152 11.621 3.131-4.413 6.253-8.214 9.357-11.295a33.873 33.873 0 0 0-1.382-3.606 46.113 46.113 0 0 0-3.823 3.28' }),
92
+ React.createElement("path", { fill: fill || '#2B74B1', d: 'M45.037 45.121c-.374.268-.751.542-1.13.832.495 1.08.953 2.292 1.38 3.607a66.502 66.502 0 0 1 1.684-1.597 22.346 22.346 0 0 0-1.934-2.842' }),
93
+ React.createElement("path", { fill: fill || '#125A9E', d: 'M46.373 44.229c-.445.282-.888.58-1.337.891.695.855 1.333 1.81 1.936 2.844.495-.448.989-.879 1.482-1.287-.654-.9-1.35-1.726-2.081-2.448' }),
94
+ React.createElement("linearGradient", { id: 'dotnet-gradient-7', x1: '67.564', x2: '67.954', y1: '565.48', y2: '565.48', gradientTransform: 'matrix(0 -119.018 -119.018 0 67408.578 8125.832)', gradientUnits: 'userSpaceOnUse' },
95
+ React.createElement("stop", { offset: '0', stopColor: '#136AB4' }),
96
+ React.createElement("stop", { offset: '.6', stopColor: '#59CAF5', stopOpacity: '.549' }),
97
+ React.createElement("stop", { offset: '1', stopColor: '#59CAF5', stopOpacity: '.235' })),
98
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-7)', d: 'M118.751 39.594c-6.001 23.144-18.536 41.734-29.044 46.42h-.021l-.567.243-.069.027-.161.062-.072.03-.263.093-.108.038-.131.043-.126.044-.112.038-.224.068-.096.025-.151.041-.103.028-.165.043-.201.044c.475.175.97.264 1.503.264 9.965 0 20.013-17.858 36.638-47.556h-6.528l.001.005z' }),
99
+ React.createElement("linearGradient", { id: 'dotnet-gradient-8', x1: '998.231', x2: '1006.826', y1: '-1414.829', y2: '-1414.829', gradientTransform: 'matrix(4.038 0 0 -4.038 -4028.633 -5649.283)', gradientUnits: 'userSpaceOnUse' },
100
+ React.createElement("stop", { offset: '0', stopColor: '#05A1E6', stopOpacity: '.247' }),
101
+ React.createElement("stop", { offset: '1', stopColor: '#05A1E6' })),
102
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-8)', d: 'm33.766 41.563.019-.016.023-.015h.013l.161-.062.032-.016.042-.017.173-.062h.009l.383-.134.057-.015.164-.049.075-.024.165-.049.063-.017.548-.142.075-.017.16-.031.078-.024.161-.03h.038l.333-.062h.066l.154-.027.087-.015.147-.022.081-.016.358-.032a11.467 11.467 0 0 0-1.061-.054c-11.223 0-26.685 20.822-33.649 47.788h1.343a390.312 390.312 0 0 0 6.062-11.266c4.879-19.1 14.814-32.126 23.64-35.577' }),
103
+ React.createElement("path", { fill: fill || '#0D82CA', d: 'M40.083 49.234a46.488 46.488 0 0 1 3.823-3.281 17.961 17.961 0 0 0-.911-1.761c-1.026 1.246-1.964 2.89-2.912 5.042' }),
104
+ React.createElement("path", { fill: fill || '#0D82CA', d: 'M41.005 41.72c.733.614 1.39 1.46 1.99 2.473.189-.232.381-.447.58-.649a11.263 11.263 0 0 0-2.712-1.897l.12.057.022.016' }),
105
+ React.createElement("linearGradient", { id: 'dotnet-gradient-9', x1: '67.491', x2: '67.881', y1: '564.359', y2: '564.359', gradientTransform: 'matrix(0 -121.865 -121.865 0 68797.742 8310.488)', gradientUnits: 'userSpaceOnUse' },
106
+ React.createElement("stop", { offset: '0', stopColor: '#318ED5' }),
107
+ React.createElement("stop", { offset: '1', stopColor: '#38A7E4' })),
108
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-9)', d: 'M10.127 77.138c10.233-19.719 15.081-32.199 23.64-35.577-8.825 3.454-18.762 16.479-23.64 35.577' }),
109
+ React.createElement("path", { fill: fill || '#127BCA', d: 'M43.574 43.544c-.199.204-.389.417-.58.649.322.538.621 1.124.913 1.76.378-.29.756-.563 1.129-.832a15.351 15.351 0 0 0-1.462-1.577' }),
110
+ React.createElement("linearGradient", { id: 'dotnet-gradient-10', x1: '67.593', x2: '67.984', y1: '564.41', y2: '564.41', gradientTransform: 'matrix(0 -118.46 -118.46 0 66884.703 8093.017)', gradientUnits: 'userSpaceOnUse' },
111
+ React.createElement("stop", { offset: '0', stopColor: '#05A1E6' }),
112
+ React.createElement("stop", { offset: '1', stopColor: '#05A1E6', stopOpacity: '.549' })),
113
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-10)', d: 'm14.773 88.315-.186.022h-.035l-.158.016h-.026l-.376.025h-.039c10.356-.29 15.091-5.475 17.44-12.997 1.785-5.701 3.252-10.505 4.537-14.535-4.338 6.106-8.696 13.384-13.077 21.539-2.112 3.93-5.325 5.572-8.08 5.922' }),
114
+ React.createElement("linearGradient", { id: 'dotnet-gradient-11', x1: '68.291', x2: '68.682', y1: '564.525', y2: '564.525', gradientTransform: 'matrix(0 -100.1 -100.1 0 56536.551 6924.301)', gradientUnits: 'userSpaceOnUse' },
115
+ React.createElement("stop", { offset: '0', stopColor: '#1959A6' }),
116
+ React.createElement("stop", { offset: '.5', stopColor: '#05A1E6' }),
117
+ React.createElement("stop", { offset: '.5', stopColor: '#05A1E6' }),
118
+ React.createElement("stop", { offset: '.918', stopColor: '#7EC5EA' }),
119
+ React.createElement("stop", { offset: '1', stopColor: '#7EC5EA' })),
120
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-11)', d: 'M14.773 88.311c2.755-.351 5.968-1.991 8.08-5.923 4.381-8.151 8.741-15.431 13.075-21.538 1.577-4.949 2.878-8.737 4.154-11.621-8.639 8.223-17.311 21.896-25.31 39.077' }),
121
+ React.createElement("path", { fill: fill || '#05A1E6', d: 'M10.127 77.139a388.004 388.004 0 0 1-6.063 11.266h3.904a95.502 95.502 0 0 1 2.158-11.264' }),
122
+ React.createElement("linearGradient", { id: 'dotnet-gradient-12', x1: '67.892', x2: '68.282', y1: '563.82', y2: '563.82', gradientTransform: 'scale(-110.211 110.211) rotate(-80 -301.688 322.91)', gradientUnits: 'userSpaceOnUse' },
123
+ React.createElement("stop", { offset: '0', stopColor: '#165096' }),
124
+ React.createElement("stop", { offset: '1', stopColor: '#0D82CA' })),
125
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-12)', d: 'm37.073 40.709-.083.016-.146.021-.086.015-.154.027-.066.016-.333.058h-.038l-.162.032-.081.022-.157.031-.074.018-.549.142-.063.018-.166.049-.075.021-.163.049-.06.016-.381.134-.173.06-.072.03-.161.06-.054.026c-8.558 3.377-13.406 15.857-23.639 35.576A94.655 94.655 0 0 0 7.979 88.41h.547l3.755-.016h1.723l.375-.025h.024l.158-.016h.037l.186-.022c8-17.182 16.672-30.854 25.31-39.077.95-2.152 1.887-3.796 2.911-5.04-.6-1.013-1.256-1.861-1.988-2.476l-.021-.016-.122-.059-.121-.061-.117-.057-.139-.058-.108-.047-.227-.095-.097-.036-.169-.068-.091-.03-.235-.081h-.019l-.272-.077-.061-.019-.229-.064-.053-.015a7.851 7.851 0 0 0-.569-.125l-.059-.016-.247-.04-.049-.015-.292-.039h-.051l-.226-.025-.358.033' }),
126
+ React.createElement("linearGradient", { id: 'dotnet-gradient-13', x1: '70.847', x2: '71.237', y1: '566.882', y2: '566.882', gradientTransform: 'matrix(0 -56.721 -56.721 0 32252.127 4080.282)', gradientUnits: 'userSpaceOnUse' },
127
+ React.createElement("stop", { offset: '0', stopColor: '#05A1E6' }),
128
+ React.createElement("stop", { offset: '.874', stopColor: '#0495D6' }),
129
+ React.createElement("stop", { offset: '1', stopColor: '#0495D6' })),
130
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-13)', d: 'M95.311 52.407c-1.97 6.307-3.563 11.51-4.952 15.791 5.403-7.435 10.725-16.787 15.792-27.579-5.913 1.857-9.065 6.107-10.84 11.788' }),
131
+ React.createElement("linearGradient", { id: 'dotnet-gradient-14', x1: '61.634', x2: '62.024', y1: '562.213', y2: '562.213', gradientTransform: 'scale(-132.813 132.813) rotate(80 365.248 244.034)', gradientUnits: 'userSpaceOnUse' },
132
+ React.createElement("stop", { offset: '0', stopColor: '#38A7E4', stopOpacity: '.329' }),
133
+ React.createElement("stop", { offset: '.962', stopColor: '#0E88D3' }),
134
+ React.createElement("stop", { offset: '.962', stopColor: '#0E88D3' }),
135
+ React.createElement("stop", { offset: '1', stopColor: '#0E88D3' })),
136
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-14)', d: 'M90.53 85.621c-.275.14-.552.273-.823.394 10.508-4.687 23.044-23.277 29.044-46.421h-1.216c-13.788 24.631-18.222 41.12-27.005 46.027' }),
137
+ React.createElement("path", { fill: fill || '#079AE1', d: 'M83.668 83.552c2.287-2.791 4.148-7.535 6.691-15.354-2.933 4.029-5.885 7.492-8.84 10.316l-.015.025c.645 1.931 1.352 3.636 2.158 5.012' }),
138
+ React.createElement("path", { fill: fill || '#1969BC', d: 'M83.668 83.552c-.778.95-1.603 1.673-2.519 2.209-.2.117-.404.227-.61.327a8.839 8.839 0 0 0 3.206 1.011l.524.046h.031l.252.016h.855l.097-.016.189-.016h.092l.205-.022h.017l.063-.015.219-.034h.064l.246-.041h.04l.491-.104c-1.357-.496-2.492-1.667-3.469-3.334' }),
139
+ React.createElement("path", { fill: fill || '#1E5CB3', d: 'M64.295 87.161c.982 0 1.976-.096 2.973-.288a18.309 18.309 0 0 0 2.773-.747c.771.376 1.579.656 2.435.831.664.135 1.354.205 2.077.205H64.295zm10.258 0c2.429 0 4.353-.288 5.986-1.073a8.84 8.84 0 0 0 3.206 1.012l.524.045h.031l.252.016h.302-10.301z' }),
140
+ React.createElement("path", { fill: fill || '#1D60B5', d: 'M84.854 87.161h.561l.097-.016.191-.016h.092l.204-.022h.017l.062-.016.219-.033.067-.015.247-.04h.039l.491-.104c.475.175.97.264 1.503.264l-3.788.016-.002-.018z' }),
141
+ React.createElement("path", { fill: fill || '#175FAB', d: 'M81.511 78.54v-.016a47.16 47.16 0 0 1-3.24 2.84 36.81 36.81 0 0 1-1.693 1.271c.476.568.959 1.1 1.468 1.585.772.749 1.597 1.38 2.498 1.867.205-.101.41-.211.609-.327.918-.536 1.741-1.26 2.52-2.209-.806-1.376-1.513-3.082-2.157-5.012' }),
142
+ React.createElement("linearGradient", { id: 'dotnet-gradient-15', x1: '61.149', x2: '61.539', y1: '562.654', y2: '562.654', gradientTransform: 'matrix(0 123.742 123.742 0 -69523.625 -7527.189)', gradientUnits: 'userSpaceOnUse' },
143
+ React.createElement("stop", { offset: '0', stopColor: '#168CD4' }),
144
+ React.createElement("stop", { offset: '.5', stopColor: '#1C87CC' }),
145
+ React.createElement("stop", { offset: '1', stopColor: '#154B8D' })),
146
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-15)', d: 'M113.685 39.594h-6.121l-.97.047-.451.966c-5.068 10.793-10.388 20.145-15.791 27.58-2.54 7.818-4.404 12.563-6.69 15.353.977 1.668 2.114 2.84 3.466 3.337l.106-.023h.022l.075-.016.17-.042.101-.029.151-.039.094-.027.226-.068.112-.038.126-.046.13-.041.106-.04.264-.093.073-.027.162-.063.068-.025.568-.243h.02c.271-.119.547-.254.821-.394 8.785-4.908 13.22-21.396 27.008-46.026h-3.851l.005-.003z' }),
147
+ React.createElement("path", { fill: fill || '#7DCBEC', d: 'm37.433 40.677.063.016.16.017h.054l.292.038.049.016.246.041.062.015.567.126.052.016.228.064.063.019.271.077.021.016.237.081.09.029.17.069.096.034.226.094.11.047.136.059.12.057.119.062c.979.48 1.879 1.121 2.713 1.898.308-.323.628-.613.962-.874-1.823-1.293-3.89-2.03-6.271-2.03-.276 0-.552.016-.832.037' }),
148
+ React.createElement("path", { fill: fill || '#5EC5ED', d: 'M43.574 43.544c.511.475 1 1.005 1.462 1.577.448-.311.892-.611 1.337-.891a14.13 14.13 0 0 0-1.839-1.56c-.333.26-.652.552-.96.874' }),
149
+ React.createElement("g", { transform: 'matrix(5.048 0 0 -5.048 -9064.26 2270.61)' },
150
+ React.createElement("linearGradient", { id: 'dotnet-gradient-16', x1: '1806.96', x2: '1807.35', y1: '336.158', y2: '336.158', gradientTransform: 'scale(30.857 -30.857) rotate(22.527 1812.675 -4228.953)', gradientUnits: 'userSpaceOnUse' },
151
+ React.createElement("stop", { offset: '0', stopColor: '#97D6EE' }),
152
+ React.createElement("stop", { offset: '.703', stopColor: '#55C1EA' }),
153
+ React.createElement("stop", { offset: '1', stopColor: '#55C1EA' })),
154
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-16)', d: 'm1802.977 441.733.165.007c.472 0 .881-.146 1.242-.402.381.301.842.406 1.482.406h-3.099l.21-.011' })),
155
+ React.createElement("g", { transform: 'matrix(5.048 0 0 -5.048 -9064.26 2270.61)' },
156
+ React.createElement("linearGradient", { id: 'dotnet-gradient-17', x1: '1808.848', x2: '1809.238', y1: '335.171', y2: '335.171', gradientTransform: 'scale(24.717 -24.717) rotate(-24.385 124.122 4175.416)', gradientUnits: 'userSpaceOnUse' },
157
+ React.createElement("stop", { offset: '0', stopColor: '#7ACCEC' }),
158
+ React.createElement("stop", { offset: '1', stopColor: '#3FB7ED' })),
159
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-17)', d: 'M1805.866 441.744c-.64 0-1.1-.105-1.482-.406.126-.089.248-.193.364-.309.531.337 1.056.561 1.574.658.198.037.395.056.589.056h-1.045v.001z' })),
160
+ React.createElement("linearGradient", { id: 'dotnet-gradient-18', x1: '61.049', x2: '61.439', y1: '562.706', y2: '562.706', gradientTransform: 'matrix(0 121.032 121.032 0 -68011.711 -7346.748)', gradientUnits: 'userSpaceOnUse' },
161
+ React.createElement("stop", { offset: '0', stopColor: '#1DA7E7' }),
162
+ React.createElement("stop", { offset: '1', stopColor: '#37ABE7', stopOpacity: '0' })),
163
+ React.createElement("path", { fill: fill || 'url(#dotnet-gradient-18)', d: 'M90.359 68.202c1.391-4.284 2.98-9.485 4.954-15.794 1.777-5.684 4.925-9.934 10.835-11.788l.456-.966c-9.636.577-14.14 5.479-16.405 12.738-3.964 12.673-6.365 20.888-8.677 26.123 2.952-2.823 5.904-6.288 8.837-10.313' }))));
164
+ };
165
+
166
+ const ElixirLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
167
+ return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 32 32', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
168
+ React.createElement("defs", null,
169
+ React.createElement("linearGradient", { id: 'elixir-gradient', x1: '17.249', x2: '14.973', y1: '-335.597', y2: '-309.994', gradientTransform: 'matrix(1 0 0 -1 0 -306)', gradientUnits: 'userSpaceOnUse' },
170
+ React.createElement("stop", { offset: '0', stopColor: '#ffffff', stopOpacity: '0' }),
171
+ React.createElement("stop", { offset: '.01', stopColor: '#f7f6f8', stopOpacity: '.04' }),
172
+ React.createElement("stop", { offset: '.09', stopColor: '#aa9cb3', stopOpacity: '.39' }),
173
+ React.createElement("stop", { offset: '.2', stopColor: '#6f567e', stopOpacity: '.66' }),
174
+ React.createElement("stop", { offset: '.32', stopColor: '#452459', stopOpacity: '.86' }),
175
+ React.createElement("stop", { offset: '.5', stopColor: '#2d0843', stopOpacity: '.97' }),
176
+ React.createElement("stop", { offset: '1', stopColor: '#26003d' }))),
177
+ React.createElement("path", { fill: fill || '#7c648f', d: 'M17.8 8.591c2.079 4.584 7.64 6.5 7.141 12.474-.582 7.017-5.551 8.784-8.316 8.909a8.815 8.815 0 0 1-9.4-7.485C5.618 15.046 12.655 3.632 16.709 2A15.083 15.083 0 0 0 17.8 8.591Zm-.166 18.857a.423.423 0 0 0-.057-.327c-.593-1.1-5.81-1.645-6.907-1.752a8.272 8.272 0 0 0 1.635 1.3 7.766 7.766 0 0 0 2.814 1.041c.803.121 2.348.223 2.516-.263Z' }),
178
+ React.createElement("path", { fill: fill || '#26003d', d: 'M18.248 10.618c4.47 4.823 6.445 4.979 6.237 10.478-.249 6.476-4.543 8.191-7.058 8.42-4.2.551-7.495-1.528-8.358-5.686-1.757-6.767 3.909-17.807 7.568-19.47a15.323 15.323 0 0 0 1.621 6.24Z', opacity: '.25' }),
179
+ React.createElement("path", { fill: fill || 'url(#elixir-gradient)', d: 'M17.385 9.921C20.369 14 24.319 13.7 25 19.641c.094 6.923-3.6 9.283-6.237 9.948-4.5 1.279-8.514-.645-10.094-5-3.035-7 2.651-18.514 6.31-20.915a15.083 15.083 0 0 0 2.37 6.237Z', opacity: '.75' })));
180
+ };
181
+
182
+ const GoLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
183
+ return (React.createElement("svg", { width: size * (256 / 348), height: size, viewBox: '0 0 256 348', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
184
+ React.createElement("path", { fill: fill || '#F6D2A2', d: 'M3.686 188.165c.498 10.26 10.758 5.479 15.34 2.291 4.383-3.088 5.678-.498 6.076-6.475.299-3.984.697-7.869.498-11.853-6.674-.598-13.846.996-19.325 4.98-2.888 1.992-8.068 8.567-2.59 11.057m204.502 126.107c7.869 4.881 22.313 19.624 10.459 26.796-11.356 10.36-17.73-11.456-27.692-14.444 4.283-5.877 9.662-11.256 17.233-12.352Zm-140.85 16.635c-9.264 1.395-14.444 9.762-22.213 14.046-7.272 4.283-10.061-1.395-10.659-2.59-1.095-.498-.996.498-2.789-1.295-6.773-10.659 6.973-18.428 14.145-23.708 9.961-1.992 16.237 6.674 21.516 13.547ZM251.916 186.87c-.498 10.26-10.758 5.479-15.34 2.291-4.383-3.088-5.678-.498-6.076-6.475-.3-3.984-.698-7.869-.498-11.853 6.673-.598 13.845.996 19.324 4.98 2.79 1.992 8.069 8.567 2.59 11.057' }),
185
+ React.createElement("path", { fill: fill || '#69D7E2', d: 'M224.722 61.759c35.561-12.551 7.77-61.26-23.21-39.745-20.32-17.432-48.31-20.62-77.696-20.62C95.03 3.687 67.636 8.966 48.511 25.7 17.63 5.777-10.858 53.59 25.4 65.644c-10.16 39.445 1.394 79.688-.2 119.831-1.494 36.06-10.957 84.37 9.065 116.744 17.034 27.692 53.69 37.554 83.873 38.65 38.549 1.394 85.266-8.069 103.993-45.423 17.93-35.561 12.95-79.888 10.659-118.238-2.291-38.749 1.992-78.095-8.069-115.45Z' }),
186
+ React.createElement("path", { fill: fill || '#231F20', d: 'M254.605 180.794c-.996-2.092-2.888-4.483-4.681-5.778-4.582-3.287-10.46-5.08-16.536-5.279-.199-6.176-.398-12.95-.398-21.516v-7.77c-.1-24.504-.399-35.262-1.793-48.71-1.096-10.558-2.79-20.32-5.18-29.484 8.069-3.088 13.348-8.168 15.44-14.743 1.992-6.076.996-12.949-2.39-19.025-3.487-5.977-9.065-10.46-15.54-12.252-6.973-1.893-14.543-.498-21.815 4.382-6.475-5.478-13.945-9.662-22.313-12.85C164.557 2.292 147.325.2 123.916.2v.996l-.1-.996c-25.002 1.992-43.53 5.877-58.87 13.348-6.176 2.988-11.654 6.574-16.435 10.758-7.372-4.582-15.042-5.678-22.114-3.486-6.574 1.992-12.252 6.674-15.639 12.75-3.387 6.076-4.184 13.049-1.893 19.026 2.291 5.976 7.57 10.658 15.44 13.547-2.49 10.06-3.785 20.719-3.984 32.473-.2 11.455.298 20.62 2.091 41.338 1.295 15.44 1.793 22.512 1.993 31.079-6.774-.299-13.547 1.494-18.628 5.18-1.793 1.295-3.785 3.586-4.681 5.777-1.295 2.79-.797 5.28 1.793 6.774.398 4.781 3.088 6.972 7.172 6.574 2.988-.299 6.574-1.893 9.662-4.084a11.208 11.208 0 0 1 2.092-1.195c.299-.1.498-.2.797-.3 0 0 .597-.198.797-.298.298-.1.597-.2.796-.399-.199 4.682-.597 9.563-1.494 20.72-.996 12.55-1.494 19.424-1.693 27.094-.897 28.488 2.49 49.207 12.65 65.643 3.188 5.18 7.073 9.762 11.655 13.946-.897.597-4.682 3.387-5.877 4.283-4.184 3.188-7.072 5.877-8.766 8.865-2.191 3.885-2.191 7.77.299 11.854l.1.1.1.1c1.095 1.095 1.693 1.394 2.49 1.394h.297c.1.2.2.299.3.498.298.498.597.896.896 1.295 2.49 2.889 5.976 3.586 10.658.797 2.49-1.295 4.283-2.79 8.068-5.977l.2-.2c6.076-5.179 9.064-7.071 13.547-7.769l1.594-.299c.597.3 1.195.499 1.892.797 14.145 5.678 30.58 8.766 47.216 9.364 21.516.797 42.235-1.893 59.766-8.268 4.682-1.693 9.065-3.686 13.249-5.877 2.59.996 4.78 3.088 8.965 7.969.199.2.199.2.298.398.2.2.2.3.3.399.198.299.497.498.696.797 3.288 3.884 5.48 5.777 7.97 6.873 3.286 1.394 6.474.697 9.761-2.291 5.778-3.586 6.176-9.164 2.39-15.54-2.689-4.482-7.37-9.164-11.753-12.152 5.18-5.08 9.662-11.156 13.148-18.03 9.563-19.125 13.249-41.438 13.05-70.126-.1-10.16-.499-19.025-1.594-35.96v-.497c.498.199.996.498 1.494.896 3.088 2.092 6.674 3.785 9.662 4.084 4.084.399 6.774-1.793 7.172-6.574 2.49-1.594 2.988-4.084 1.693-6.873ZM222.93 18.328c5.977 1.594 11.157 5.778 14.344 11.356 3.188 5.578 4.084 11.854 2.291 17.432-1.892 5.877-6.674 10.559-14.145 13.348a162.04 162.04 0 0 0-5.279-15.739c2.889-2.49 4.283-5.578 1.992-9.96-2.29-4.384-6.275-4.882-10.36-3.587-2.59-3.387-5.478-6.375-8.466-9.164 6.574-4.184 13.348-5.379 19.623-3.686ZM10.56 51.997c-2.092-5.38-1.395-11.754 1.793-17.332 3.187-5.579 8.367-9.961 14.543-11.754 6.375-1.893 13.248-.997 20.022 2.988a65.541 65.541 0 0 0-10.36 11.854c-5.18-2.69-10.459-3.188-13.447 2.29-3.088 5.878.498 9.563 5.578 12.352-.697 1.694-1.395 3.487-1.992 5.28-.698 2.191-1.395 4.482-1.992 6.773-7.272-2.789-12.053-7.072-14.145-12.451Zm12.053 135.77c-.1 0-.698.199-.698.298-.298.1-.597.2-.896.399-.797.299-1.594.797-2.39 1.394-2.79 1.993-6.177 3.487-8.767 3.686-2.988.299-4.681-.996-4.98-4.582 2.092-.697 2.988-1.195 3.785-2.39l-1.594-1.196c-.597.797-1.195 1.096-2.988 1.693-.1 0-.1 0-.2.1-1.593-.897-1.892-2.291-.995-4.283.797-1.793 2.59-3.885 4.084-4.98 4.781-3.487 11.156-5.18 17.531-4.782 0 2.49.1 4.98 0 7.37 0 .3 0 .499-.1.798-.099 1.394-.099 1.992-.199 2.69-.298 2.888-.498 3.286-1.593 3.785Zm30.082 150.312-.2.2c-3.685 3.187-5.478 4.482-7.769 5.777-3.785 2.291-6.375 1.793-8.168-.398-.299-.3-.498-.698-.697-.997-.1-.1-.2-.298-.299-.398v-.1c.2-1.793.897-3.088 2.69-5.877.1-.1.1-.1.1-.199 1.095-1.594 1.593-2.49 2.091-3.586l-1.793-.797c-.398.897-.896 1.694-1.893 3.287-.1.1-.1.1-.1.2-1.792 2.59-2.59 4.183-2.988 5.976h-.398c-.2-.1-.498-.299-.896-.697-3.885-6.176-.797-11.455 7.968-18.03 1.096-.796 4.782-3.386 5.778-4.183.2 0 .398-.1.598-.2 5.378 4.583 11.654 8.567 18.627 11.854 0 .1.1.2.199.3-4.084.995-7.272 3.087-12.85 7.868Zm167.247-10.857c3.088 5.18 2.988 9.363-.897 12.252-.298-.598-.498-1.295-.896-2.291 0-.1 0-.1-.1-.2-1.394-3.785-2.29-5.378-3.984-7.171l-1.395 1.394c1.494 1.395 2.192 2.889 3.586 6.375 0 .1 0 .1.1.2.498 1.294.797 2.091 1.096 2.789-2.59 2.191-4.881 2.59-7.272 1.494-2.092-.897-4.084-2.79-7.272-6.375-.199-.2-.398-.498-.597-.797-.1-.1-.2-.2-.3-.399-.198-.199-.198-.199-.298-.398-3.686-4.283-5.877-6.574-8.268-7.87 5.579-3.187 10.56-6.773 15.042-10.957 4.183 3.088 8.865 7.67 11.455 11.954Zm1.394-32.274c-8.566 17.233-23.707 29.385-44.028 36.756-17.332 6.276-37.852 8.866-59.069 8.069-36.557-1.295-68.233-14.045-83.075-38.151-9.961-16.038-13.249-36.458-12.352-64.548.299-7.67.697-14.543 1.693-27.094 1.096-14.145 1.395-18.229 1.694-24.604.199-4.582.199-9.264.1-14.244-.2-8.766-.698-15.739-1.993-31.378-1.793-20.719-2.291-29.784-2.092-41.14.3-14.94 2.291-28.09 6.475-40.54 6.771-20.223 19.224-33.87 37.154-42.734 15.041-7.37 33.27-11.156 58.073-13.149 23.21 0 40.143 2.092 54.786 7.471 17.531 6.475 30.58 17.83 39.545 35.263 5.778 14.144 9.165 29.385 10.958 46.916 1.394 13.348 1.693 24.106 1.793 48.51v7.77c.1 12.053.298 20.52.797 28.987.199 3.287.298 4.682.796 12.551 1.096 16.934 1.495 25.7 1.594 35.86.2 28.588-3.387 50.602-12.85 69.429Zm30.481-109.074c-.1 0-.199-.1-.298-.1-1.793-.597-2.391-.996-2.989-1.693l-1.594 1.195c.897 1.196 1.793 1.694 3.786 2.39-.399 3.587-2.092 4.882-4.98 4.583-2.59-.2-5.978-1.793-8.767-3.686-.797-.597-1.593-.996-2.39-1.394-.1 0-.2-.1-.3-.1-.398-5.478-.398-6.873-.597-9.762l-.299-5.379c5.579.1 11.057 1.793 15.24 4.881 1.495 1.096 3.288 3.188 4.085 4.98.996 1.694.797 3.188-.897 4.085Z' }),
187
+ React.createElement("path", { fill: fill || '#FFFFFF', d: 'M138.918 104.123c.1 5.08 1.096 10.658.199 16.037-1.395 2.59-3.984 2.89-6.275 3.885-3.188-.498-5.878-2.59-7.172-5.578-.797-6.076.199-11.854.498-17.93 0-.2 3.785.1 7.172 1.096 2.888.896 5.578 2.39 5.578 2.49Zm-28.19.398c-2.79 10.56 3.686 27.792 14.344 13.647-.797-5.977.1-11.754.398-17.631.1-.498-14.642 3.287-14.742 3.984Z' }),
188
+ React.createElement("path", { fill: fill || '#231F20', d: 'M140.113 108.805c-.2-2.989-.299-4.184-.299-5.678v-.697l-.697-.2-12.551-3.884v-.698l-1.295.3h-.1v.099l-14.144 3.586-.498.1-.2.497c-2.191 5.28-1.693 13.249 1.096 18.13 3.188 5.578 8.367 5.677 13.647-.698a10.192 10.192 0 0 0 7.47 5.38h.3l.298-.1c.399-.2.797-.3 1.495-.598.1 0 .1 0 .199-.1 2.888-.996 4.084-1.793 5.08-3.685l.1-.1v-.199c.298-1.793.398-3.686.398-5.777 0-1.495-.1-2.89-.299-5.678Zm-15.938-3.686c-.1 1.793-.199 2.49-.298 3.486-.2 3.686-.2 6.475.1 9.264-4.683 5.977-8.368 5.977-10.858 1.494-2.391-4.183-2.89-11.256-1.096-15.937l12.55-3.188c-.099 1.295-.198 2.59-.398 4.881Zm13.946 14.743c-.697 1.195-1.594 1.793-3.985 2.59-.1 0-.1 0-.199.099-.597.2-.996.398-1.295.498-2.69-.498-4.98-2.291-6.076-4.781-.299-2.69-.299-5.479-.1-9.164.1-.997.1-1.694.3-3.487.198-2.29.298-3.685.298-4.98l10.858 3.287c0 1.295.1 2.49.299 5.08.199 2.69.298 4.084.298 5.678 0 1.892-.1 3.586-.398 5.18Z' }),
189
+ React.createElement("g", { transform: 'translate(48.476 21.976)' },
190
+ React.createElement("path", { fill: fill || '#FFFFFF', d: 'M2.291 38.749c9.164 35.66 66.241 26.496 64.05-9.264C63.75-13.348-6.475-5.08 2.29 38.749' }),
191
+ React.createElement("path", { fill: fill || '#231F20', d: 'M67.337 29.385c-.598-10.36-5.18-18.428-12.75-23.508C47.813 1.295 38.848-.498 29.983.597 21.118 1.794 12.949 5.778 7.57 12.054 1.594 19.026-.697 28.19 1.395 38.749l.896-.2-.896.2c9.363 36.656 68.133 27.791 65.942-9.364ZM3.187 38.55c-1.992-10.06.2-18.627 5.778-25.102 5.08-5.877 12.75-9.761 21.217-10.857 8.467-1.096 16.934.598 23.31 4.98 7.071 4.782 11.355 12.253 11.952 22.114 2.092 34.764-53.391 43.132-62.256 8.865Z' }),
192
+ React.createElement("ellipse", { fill: fill || '#231F20', cx: '18.03', cy: '32.872', rx: '9.662', ry: '10.459' }),
193
+ React.createElement("ellipse", { fill: fill || '#FFFFFF', cx: '22.412', cy: '35.262', rx: '2.291', ry: '2.689' })),
194
+ React.createElement("g", { transform: 'translate(129.618 18.098)' },
195
+ React.createElement("path", { fill: fill || '#FFFFFF', d: 'M1.195 35.96C8.268 76.9 75.206 66.042 65.544 24.803 56.878-12.252-1.196-1.992 1.195 35.96' }),
196
+ React.createElement("path", { fill: fill || '#231F20', d: 'M66.44 24.604C57.575-13.547-2.19-3.088.2 36.059v.1c3.286 19.324 20.52 29.186 39.545 25.998C48.41 60.663 56.18 56.48 61.26 50.304c5.578-6.874 7.57-15.739 5.18-25.7Zm-6.673 24.504c-4.782 5.778-12.053 9.762-20.321 11.157-18.03 2.988-34.167-6.276-37.354-24.405C-.1-.996 56.28-10.858 64.647 25.002c2.192 9.463.399 17.731-4.88 24.106Z' }),
197
+ React.createElement("ellipse", { fill: fill || '#231F20', cx: '17.631', cy: '34.167', rx: '9.463', ry: '10.459' }),
198
+ React.createElement("ellipse", { fill: fill || '#FFFFFF', cx: '22.014', cy: '36.557', rx: '2.191', ry: '2.689' })),
199
+ React.createElement("path", { fill: fill || '#F6D2A2', d: 'M112.785 83.002c-7.87.697-14.245 9.961-10.16 17.332 5.378 9.762 17.431-.896 24.902.1 8.666.2 15.739 9.164 22.612 1.594 7.67-8.368-3.287-16.536-11.954-20.122l-25.4 1.096Z' }),
200
+ React.createElement("path", { fill: fill || '#231F20', d: 'M151.135 89.676c-2.69-3.387-7.371-6.475-12.452-8.567l-.199-.1h-.199l-25.5.997c-8.866.797-15.24 11.057-10.958 18.826 1.694 2.989 3.985 4.483 7.073 4.682 2.29.1 4.682-.398 8.367-1.693.299-.1.697-.2 1.195-.399 4.981-1.693 6.973-2.191 8.965-1.892h.1c2.39 0 4.383.697 8.168 2.191 4.184 1.693 5.479 2.192 7.57 2.39 2.89.2 5.38-.796 7.67-3.286 3.885-4.284 3.686-8.866.2-13.149Zm-1.694 11.754c-1.892 2.092-3.785 2.79-6.076 2.69-1.793-.1-2.988-.598-6.973-2.192-3.984-1.693-6.175-2.29-8.765-2.39-2.49-.3-4.582.199-9.862 1.992-.498.199-.896.299-1.195.398-7.272 2.49-10.758 2.291-13.149-2.092-3.586-6.474 1.893-15.24 9.364-15.937l25.201-.997c4.782 1.993 9.065 4.881 11.555 7.97 2.988 3.585 3.088 7.171-.1 10.558Z' }),
201
+ React.createElement("path", { fill: fill || '#231F20', d: 'M140.178 78.719c-3.088-11.356-28.987-9.662-28.39 3.885 1.295 10.06 31.378 7.37 28.39-3.885Z' })));
202
+ };
203
+
204
+ const JavaLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
205
+ return (React.createElement("svg", { width: size * (256 / 346), height: size, viewBox: '0 0 256 346', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
206
+ React.createElement("path", { fill: fill || '#5382A1', d: 'M82.554 267.473s-13.198 7.675 9.393 10.272c27.369 3.122 41.356 2.675 71.517-3.034 0 0 7.93 4.972 19.003 9.279-67.611 28.977-153.019-1.679-99.913-16.517m-8.262-37.814s-14.803 10.958 7.805 13.296c29.236 3.016 52.324 3.263 92.276-4.43 0 0 5.526 5.602 14.215 8.666-81.747 23.904-172.798 1.885-114.296-17.532' }),
207
+ React.createElement("path", { fill: fill || '#E76F00', d: 'M143.942 165.515c16.66 19.18-4.377 36.44-4.377 36.44s42.301-21.837 22.874-49.183c-18.144-25.5-32.059-38.172 43.268-81.858 0 0-118.238 29.53-61.765 94.6' }),
208
+ React.createElement("path", { fill: fill || '#5382A1', d: 'M233.364 295.442s9.767 8.047-10.757 14.273c-39.026 11.823-162.432 15.393-196.714.471-12.323-5.36 10.787-12.8 18.056-14.362 7.581-1.644 11.914-1.337 11.914-1.337-13.705-9.655-88.583 18.957-38.034 27.15 137.853 22.356 251.292-10.066 215.535-26.195M88.9 190.48s-62.771 14.91-22.228 20.323c17.118 2.292 51.243 1.774 83.03-.89 25.978-2.19 52.063-6.85 52.063-6.85s-9.16 3.923-15.787 8.448c-63.744 16.765-186.886 8.966-151.435-8.183 29.981-14.492 54.358-12.848 54.358-12.848m112.605 62.942c64.8-33.672 34.839-66.03 13.927-61.67-5.126 1.066-7.411 1.99-7.411 1.99s1.903-2.98 5.537-4.27c41.37-14.545 73.187 42.897-13.355 65.647 0 .001 1.003-.895 1.302-1.697' }),
209
+ React.createElement("path", { fill: fill || '#E76F00', d: 'M162.439.371s35.887 35.9-34.037 91.101c-56.071 44.282-12.786 69.53-.023 98.377-32.73-29.53-56.75-55.526-40.635-79.72C111.395 74.612 176.918 57.393 162.439.37' }),
210
+ React.createElement("path", { fill: fill || '#5382A1', d: 'M95.268 344.665c62.199 3.982 157.712-2.209 159.974-31.64 0 0-4.348 11.158-51.404 20.018-53.088 9.99-118.564 8.824-157.399 2.421.001 0 7.95 6.58 48.83 9.201' })));
211
+ };
212
+
213
+ const KafkaLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
214
+ return (React.createElement("svg", { width: size * (256 / 416), height: size, viewBox: '0 0 256 416', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
215
+ React.createElement("path", { fill: fill || '#231f20', d: 'M201.816 230.216c-16.186 0-30.697 7.171-40.634 18.461l-25.463-18.026c2.703-7.442 4.255-15.433 4.255-23.797 0-8.219-1.498-16.076-4.112-23.408l25.406-17.835c9.936 11.233 24.409 18.365 40.548 18.365 29.875 0 54.184-24.305 54.184-54.184 0-29.879-24.309-54.184-54.184-54.184-29.875 0-54.184 24.305-54.184 54.184 0 5.348.808 10.505 2.258 15.389l-25.423 17.844c-10.62-13.175-25.911-22.374-43.333-25.182v-30.64c24.544-5.155 43.037-26.962 43.037-53.019C124.171 24.305 99.862 0 69.987 0 40.112 0 15.803 24.305 15.803 54.184c0 25.708 18.014 47.246 42.067 52.769v31.038C25.044 143.753 0 172.401 0 206.854c0 34.621 25.292 63.374 58.355 68.94v32.774c-24.299 5.341-42.552 27.011-42.552 52.894 0 29.879 24.309 54.184 54.184 54.184 29.875 0 54.184-24.305 54.184-54.184 0-25.883-18.253-47.553-42.552-52.894v-32.775a69.965 69.965 0 0 0 42.6-24.776l25.633 18.143c-1.423 4.84-2.22 9.946-2.22 15.24 0 29.879 24.309 54.184 54.184 54.184 29.875 0 54.184-24.305 54.184-54.184 0-29.879-24.309-54.184-54.184-54.184zm0-126.695c14.487 0 26.27 11.788 26.27 26.271s-11.783 26.27-26.27 26.27-26.27-11.787-26.27-26.27c0-14.483 11.783-26.271 26.27-26.271zm-158.1-49.337c0-14.483 11.784-26.27 26.271-26.27s26.27 11.787 26.27 26.27c0 14.483-11.783 26.27-26.27 26.27s-26.271-11.787-26.271-26.27zm52.541 307.278c0 14.483-11.783 26.27-26.27 26.27s-26.271-11.787-26.271-26.27c0-14.483 11.784-26.27 26.271-26.27s26.27 11.787 26.27 26.27zm-26.272-117.97c-20.205 0-36.642-16.434-36.642-36.638 0-20.205 16.437-36.642 36.642-36.642 20.204 0 36.641 16.437 36.641 36.642 0 20.204-16.437 36.638-36.641 36.638zm131.831 67.179c-14.487 0-26.27-11.788-26.27-26.271s11.783-26.27 26.27-26.27 26.27 11.787 26.27 26.27c0 14.483-11.783 26.271-26.27 26.271z' })));
216
+ };
217
+
218
+ const MysqlLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
219
+ return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 300 300', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
220
+ React.createElement("path", { fill: fill || '#000000', d: 'M9 5.8c-4.3 2.4-8 9.1-8 14.6 0 5.6 3.8 13.3 11.3 23C22.8 56.8 24.5 59.9 29 73.5c7.2 21.7 10.7 29 20.5 42.4 1.8 2.4 2.2 3.8 1.5 5-.4.9-2.3 7.3-4.1 14.1-3 11.2-3.3 13.9-3.4 26.5 0 16.8 1.8 25.9 7.6 37.5 5.8 11.5 14.4 18.4 20.6 16.4 7.1-2.3 8.5-4.9 10.8-19.4.9-5.8 2-10.8 2.4-11.3.4-.4 2.9 3.9 5.6 9.5 4.5 9.4 5.8 11.2 15.5 20.8 10.1 10.1 24 22.7 26.8 24.4.8.5-1.6-2.2-5.3-5.9-12.2-12.4-34.4-49.5-40.1-66.8-.9-2.9-1.9-5.5-2.3-5.9-1.1-1.3-9.2 10-11.2 15.6-1 3-2.5 10.4-3.3 16.6-.8 6.2-1.7 11.5-2.1 11.8-.8.9-5.7-3.1-8.1-6.6-1.2-1.7-3.4-7.1-5-11.9-2.7-8.3-2.9-9.7-2.9-25.8v-17l3.9-10.9c5.2-14.7 5.2-17.4-.1-22.8-6-6.3-10.6-15.3-16.8-33.8-6.6-19.3-8.3-22.6-18.2-35.7C9.7 25.1 7.8 20.2 12 16c2.8-2.8 6.9-2.5 16.3 1.4 9.7 4 14.7 6.8 20.2 11.1 6.1 4.8 7.2 5.2 18.7 5.9 11.9.7 17.2 2.3 29.8 8.6 30.2 15.2 59.1 43.9 74 73.5 2.7 5.5 6.5 13.6 8.4 18 6.7 15.7 21.5 46.7 24.7 51.6 3.7 5.8 5 6.6 20.6 12 14.8 5.2 17.6 6.6 29.3 14.8 5.2 3.7 11.1 7.6 13 8.8 1.9 1.2 4.8 3.5 6.4 5.2l3 3.1h-5c-14.2 0-41.4 6-42.7 9.4-.7 1.7 3.7 10.2 7.5 14.5 5.4 6.3 17.9 15 29.7 20.7 10.7 5.1 25.2 14.4 28.1 17.9.7.9 2.2 2.1 3.2 2.6 6.7 3.6-13.8-20.6-24.3-28.7-3.1-2.3-8.5-6-12-8-7.8-4.6-12.9-8.6-14.5-11.6-1.2-2.2-1-2.3 7.9-4.4 5.1-1.3 11.9-2.5 15.2-2.9 6.6-.7 17.5-3.4 18.9-4.6 1.6-1.4-7.8-12.1-17.7-20.1-15.5-12.4-28-20.3-41.7-26.1l-12.5-5.4-10.1-19.9c-5.5-10.9-12.9-26.7-16.3-34.9-7.5-17.8-9.7-21.9-19.7-35.9-13.7-19.4-32.8-37.4-54.9-51.9C97.7 29.1 88.1 25.5 70.6 24c-7.7-.6-10.4-1.3-12.5-2.9C41.4 7.5 18.8.4 9 5.8z' }),
221
+ React.createElement("path", { fill: fill || '#000000', d: 'M61.6 54.9c-.3.5.9 2.7 2.7 4.8 1.8 2.2 4.1 5.8 5.1 8.1 1.1 2.3 2.3 4.2 2.7 4.2 1.6 0 3.9-4.6 3.9-7.8C76 59.4 70.6 54 65.7 54c-2 0-3.8.4-4.1.9z' })));
222
+ };
223
+
224
+ const NginxLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
225
+ return (React.createElement("svg", { width: size * (273 / 300), height: size, viewBox: '0 0 273 300', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
226
+ React.createElement("path", { fill: fill || '#009639', d: 'M2.054 218.187c1.32 2.347 3.227 4.108 5.575 5.428l112.962 65.137c4.695 2.787 10.416 2.787 14.964 0l112.963-65.137c4.695-2.64 7.482-7.629 7.482-13.057V80.284c0-5.428-2.787-10.416-7.482-13.056L135.555 2.09c-4.694-2.788-10.416-2.788-14.964 0L7.63 67.228C2.787 69.868 0 74.856 0 80.284v130.42c0 2.642.587 5.136 2.054 7.483' }),
227
+ React.createElement("path", { fill: fill || '#FFFFFF', d: 'M91.837 195.154a14.463 14.463 0 0 1-14.524 14.524 14.463 14.463 0 0 1-14.523-14.524V95.542c0-7.776 6.895-14.084 16.43-14.084 6.896 0 14.965 2.787 19.806 8.802l4.4 5.282 60.737 72.618V95.835a14.463 14.463 0 0 1 14.524-14.524 14.463 14.463 0 0 1 14.523 14.524v99.613c0 7.775-6.895 14.083-16.43 14.083-6.896 0-14.965-2.787-19.806-8.802l-65.137-77.754v72.18Z' })));
228
+ };
229
+
230
+ const NodejsLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
231
+ return (React.createElement("svg", { width: size * (256 / 289), height: size, viewBox: '0 0 256 289', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
232
+ React.createElement("path", { fill: fill || '#539E43', d: 'M128 288.464c-3.975 0-7.685-1.06-11.13-2.915l-35.247-20.936c-5.3-2.915-2.65-3.975-1.06-4.505 7.155-2.385 8.48-2.915 15.9-7.156.796-.53 1.856-.265 2.65.265l27.032 16.166c1.06.53 2.385.53 3.18 0l105.74-61.217c1.06-.53 1.59-1.59 1.59-2.915V83.08c0-1.325-.53-2.385-1.59-2.915l-105.74-60.953c-1.06-.53-2.385-.53-3.18 0L20.405 80.166c-1.06.53-1.59 1.855-1.59 2.915v122.17c0 1.06.53 2.385 1.59 2.915l28.887 16.695c15.636 7.95 25.44-1.325 25.44-10.6V93.68c0-1.59 1.326-3.18 3.181-3.18h13.516c1.59 0 3.18 1.325 3.18 3.18v120.58c0 20.936-11.396 33.126-31.272 33.126-6.095 0-10.865 0-24.38-6.625l-27.827-15.9C4.24 220.885 0 213.465 0 205.515V83.346C0 75.396 4.24 67.976 11.13 64L116.87 2.783c6.625-3.71 15.635-3.71 22.26 0L244.87 64C251.76 67.975 256 75.395 256 83.346v122.17c0 7.95-4.24 15.37-11.13 19.345L139.13 286.08c-3.445 1.59-7.42 2.385-11.13 2.385Zm32.596-84.009c-46.377 0-55.917-21.2-55.917-39.221 0-1.59 1.325-3.18 3.18-3.18h13.78c1.59 0 2.916 1.06 2.916 2.65 2.12 14.045 8.215 20.936 36.306 20.936 22.261 0 31.802-5.035 31.802-16.96 0-6.891-2.65-11.926-37.367-15.372-28.886-2.915-46.907-9.275-46.907-32.33 0-21.467 18.02-34.187 48.232-34.187 33.921 0 50.617 11.66 52.737 37.101 0 .795-.265 1.59-.795 2.385-.53.53-1.325 1.06-2.12 1.06h-13.78c-1.326 0-2.65-1.06-2.916-2.385-3.18-14.575-11.395-19.345-33.126-19.345-24.38 0-27.296 8.48-27.296 14.84 0 7.686 3.445 10.07 36.306 14.31 32.597 4.24 47.967 10.336 47.967 33.127-.265 23.321-19.345 36.571-53.002 36.571Z' })));
233
+ };
234
+
235
+ const PhpLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
236
+ return (React.createElement("svg", { width: size, height: size * (384 / 712), viewBox: '0 0 712 384', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
237
+ React.createElement("defs", null,
238
+ React.createElement("radialGradient", { id: 'php-gradient', cx: '0', cy: '0', r: '1', fx: '0', fy: '0', gradientTransform: 'matrix(363.05789 0 0 -363.05789 177.52 256.307)', gradientUnits: 'userSpaceOnUse', spreadMethod: 'pad' },
239
+ React.createElement("stop", { offset: '0', stopColor: '#aeb2d5' }),
240
+ React.createElement("stop", { offset: '.3', stopColor: '#aeb2d5' }),
241
+ React.createElement("stop", { offset: '.75', stopColor: '#484c89' }),
242
+ React.createElement("stop", { offset: '1', stopColor: '#484c89' }))),
243
+ React.createElement("g", { transform: 'matrix(1.25 0 0 -1.25 -4.4 394.299)' },
244
+ React.createElement("path", { fill: fill || 'url(#php-gradient)', d: 'M11.52 162C11.52 81.677 135.307 16.561 288 16.561S564.481 81.677 564.481 162c0 80.322-123.788 145.439-276.481 145.439-152.693 0-276.48-65.117-276.48-145.439' })),
245
+ React.createElement("g", { transform: 'matrix(1.25 0 0 -1.25 -4.4 394.299)' },
246
+ React.createElement("path", { fill: fill || '#777bb3', d: 'M288 27.36c146.729 0 265.68 60.28 265.68 134.64 0 74.36-118.951 134.641-265.68 134.641S22.32 236.36 22.32 162.001C22.32 87.64 141.271 27.358 288 27.358' })),
247
+ React.createElement("g", { transform: 'matrix(1.25 0 0 -1.25 -4.4 394.299)' },
248
+ React.createElement("path", { fill: fill || '#000', d: 'M161.734 145.307c12.065 0 21.072 2.225 26.771 6.61 5.638 4.342 9.532 11.863 11.573 22.354 1.903 9.806 1.178 16.653-2.154 20.348-3.407 3.774-10.773 5.688-21.893 5.688h-19.28l-10.69-55h15.673Zm-63.063-67.75a2.998 2.998 0 0 0-2.944 3.572l28.328 145.75a3 3 0 0 0 2.945 2.428h61.054c19.188 0 33.47-5.21 42.447-15.487 9.025-10.331 11.812-24.772 8.283-42.921-1.436-7.394-3.906-14.261-7.34-20.41-3.44-6.154-7.985-11.85-13.512-16.93-6.616-6.191-14.104-10.681-22.236-13.323-8.003-2.607-18.28-3.93-30.548-3.93h-24.722l-7.06-36.321a3 3 0 0 0-2.944-2.428h-31.75z' }),
249
+ React.createElement("path", { fill: fill || '#fff', d: 'M159.224 197.307h16.808c13.42 0 18.083-2.945 19.667-4.7 2.628-2.914 3.124-9.058 1.435-17.767-1.898-9.75-5.416-16.663-10.458-20.545-5.162-3.974-13.554-5.988-24.941-5.988H149.7l9.523 49Zm28.83 35H127a6 6 0 0 1-5.89-4.855L92.784 81.702a6 6 0 0 1 5.889-7.144h31.75a6 6 0 0 1 5.89 4.854l6.588 33.895h22.249c12.582 0 23.174 1.372 31.479 4.077 8.54 2.775 16.399 7.48 23.354 13.984 5.752 5.292 10.49 11.232 14.08 17.657 3.59 6.427 6.17 13.594 7.668 21.302 3.715 19.104.697 34.402-8.97 45.466-9.571 10.958-24.613 16.514-44.705 16.514m-45.633-90h19.313c12.8 0 22.336 2.411 28.6 7.234 6.267 4.824 10.493 12.875 12.689 24.157 2.1 10.832 1.144 18.476-2.871 22.93-4.02 4.452-12.06 6.68-24.121 6.68h-21.754l-11.856-61m45.633 84c18.367 0 31.766-4.82 40.188-14.462 8.42-9.64 10.957-23.098 7.597-40.375-1.383-7.117-3.722-13.624-7.015-19.519-3.297-5.899-7.602-11.293-12.922-16.184-6.34-5.933-13.383-10.16-21.133-12.679-7.75-2.525-17.621-3.782-29.621-3.782h-27.196l-7.531-38.75h-31.75L127 226.307h61.055' }),
250
+ React.createElement("path", { fill: fill || '#000', d: 'M311.583 116.307c-.896 0-1.745.4-2.314 1.092a2.994 2.994 0 0 0-.631 2.48l12.531 64.489c1.192 6.133.898 10.535-.827 12.395-1.056 1.137-4.228 3.044-13.607 3.044h-22.702l-15.755-81.072a3 3 0 0 0-2.945-2.428h-31.5a2.998 2.998 0 0 0-2.945 3.572l28.328 145.75a3 3 0 0 0 2.945 2.428h31.5a3 3 0 0 0 2.945-3.572l-6.836-35.178h24.422c18.605 0 31.221-3.28 38.569-10.028 7.49-6.884 9.827-17.891 6.947-32.72l-13.18-67.824a3 3 0 0 0-2.945-2.428h-32Z' }),
251
+ React.createElement("path", { fill: fill || '#fff', d: 'M293.661 271.057h-31.5a6 6 0 0 1-5.89-4.855l-28.328-145.75a5.998 5.998 0 0 1 5.89-7.145h31.5a6 6 0 0 1 5.89 4.855l15.283 78.645h20.23c9.362 0 11.327-2 11.406-2.086.568-.61 1.315-3.44.082-9.78l-12.53-64.49a5.998 5.998 0 0 1 5.89-7.144h32a6 6 0 0 1 5.89 4.855l13.178 67.825c3.093 15.921.447 27.864-7.86 35.5-7.929 7.281-21.209 10.82-40.6 10.82h-20.784l6.143 31.605a6.001 6.001 0 0 1-5.89 7.145m0-6-7.53-38.75h28.061c17.657 0 29.836-3.082 36.54-9.238 6.702-6.16 8.71-16.14 6.031-29.938l-13.18-67.824h-32l12.531 64.488c1.426 7.336.902 12.34-1.574 15.008-2.477 2.668-7.746 4.004-15.805 4.004H281.56l-16.226-83.5h-31.5l28.328 145.75h31.5' }),
252
+ React.createElement("path", { fill: fill || '#000', d: 'M409.55 145.307c12.065 0 21.072 2.225 26.77 6.61 5.639 4.34 9.533 11.862 11.575 22.354 1.903 9.806 1.178 16.653-2.155 20.348-3.407 3.774-10.773 5.688-21.893 5.688h-19.281l-10.69-55h15.674Zm-63.062-67.75a2.999 2.999 0 0 0-2.945 3.572l28.328 145.75a3.002 3.002 0 0 0 2.946 2.428h61.053c19.189 0 33.47-5.21 42.448-15.487 9.025-10.33 11.81-24.771 8.283-42.921-1.438-7.394-3.907-14.261-7.342-20.41-3.44-6.154-7.984-11.85-13.511-16.93-6.616-6.191-14.104-10.681-22.236-13.323-8.003-2.607-18.281-3.93-30.548-3.93H388.24l-7.057-36.321a3.001 3.001 0 0 0-2.946-2.428h-31.75z' }),
253
+ React.createElement("path", { fill: fill || '#fff', d: 'M407.04 197.307h16.807c13.421 0 18.083-2.945 19.667-4.7 2.63-2.914 3.125-9.058 1.435-17.766-1.898-9.75-5.417-16.664-10.458-20.546-5.162-3.974-13.554-5.988-24.94-5.988h-12.034l9.522 49Zm28.83 35h-61.054a6 6 0 0 1-5.889-4.855L340.6 81.702a6 6 0 0 1 5.889-7.144h31.75a6 6 0 0 1 5.89 4.854l6.587 33.895h22.25c12.581 0 23.173 1.372 31.478 4.077 8.541 2.775 16.401 7.481 23.356 13.986 5.752 5.291 10.488 11.23 14.078 17.655 3.591 6.427 6.171 13.594 7.668 21.302 3.715 19.105.697 34.403-8.969 45.467-9.572 10.957-24.613 16.513-44.706 16.513m-45.632-90h19.312c12.801 0 22.336 2.411 28.601 7.234 6.267 4.824 10.492 12.875 12.688 24.157 2.102 10.832 1.145 18.476-2.87 22.93-4.02 4.452-12.06 6.68-24.122 6.68h-21.754l-11.855-61m45.632 84c18.367 0 31.766-4.82 40.188-14.462 8.422-9.64 10.957-23.098 7.597-40.375-1.383-7.117-3.722-13.624-7.015-19.519-3.297-5.899-7.602-11.293-12.922-16.184-6.34-5.933-13.383-10.16-21.133-12.679-7.75-2.525-17.62-3.782-29.62-3.782h-27.197l-7.53-38.75h-31.75l28.328 145.75h61.054' }))));
254
+ };
255
+
256
+ const PostgresLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
257
+ return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 264 264', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
258
+ React.createElement("path", { fill: fill || '#000000', d: 'M255.008 158.086c-1.535-4.649-5.556-7.887-10.756-8.664-2.452-.366-5.26-.21-8.583.475-5.792 1.195-10.089 1.65-13.225 1.738 11.837-19.985 21.462-42.775 27.003-64.228 8.96-34.689 4.172-50.492-1.423-57.64C233.217 10.847 211.614.683 185.552.372c-13.903-.17-26.108 2.575-32.475 4.549-5.928-1.046-12.302-1.63-18.99-1.738-12.537-.2-23.614 2.533-33.079 8.15-5.24-1.772-13.65-4.27-23.362-5.864-22.842-3.75-41.252-.828-54.718 8.685C6.622 25.672-.937 45.684.461 73.634c.444 8.874 5.408 35.874 13.224 61.48 4.492 14.718 9.282 26.94 14.237 36.33 7.027 13.315 14.546 21.156 22.987 23.972 4.731 1.576 13.327 2.68 22.368-4.85 1.146 1.388 2.675 2.767 4.704 4.048 2.577 1.625 5.728 2.953 8.875 3.74 11.341 2.835 21.964 2.126 31.027-1.848.056 1.612.099 3.152.135 4.482.06 2.157.12 4.272.199 6.25.537 13.374 1.447 23.773 4.143 31.049.148.4.347 1.01.557 1.657 1.345 4.118 3.594 11.012 9.316 16.411 5.925 5.593 13.092 7.308 19.656 7.308 3.292 0 6.433-.432 9.188-1.022 9.82-2.105 20.973-5.311 29.041-16.799 7.628-10.86 11.336-27.217 12.007-52.99.087-.729.167-1.425.244-2.088l.16-1.362 1.797.158.463.031c10.002.456 22.232-1.665 29.743-5.154 5.935-2.754 24.954-12.795 20.476-26.351' }),
259
+ React.createElement("path", { fill: fill || '#336791', d: 'M237.906 160.722c-29.74 6.135-31.785-3.934-31.785-3.934 31.4-46.593 44.527-105.736 33.2-120.211-30.904-39.485-84.399-20.811-85.292-20.327l-.287.052c-5.876-1.22-12.451-1.946-19.842-2.067-13.456-.22-23.664 3.528-31.41 9.402 0 0-95.43-39.314-90.991 49.444.944 18.882 27.064 142.873 58.218 105.422 11.387-13.695 22.39-25.274 22.39-25.274 5.464 3.63 12.006 5.482 18.864 4.817l.533-.452c-.166 1.7-.09 3.363.213 5.332-8.026 8.967-5.667 10.541-21.711 13.844-16.235 3.346-6.698 9.302-.471 10.86 7.549 1.887 25.013 4.561 36.813-11.958l-.47 1.885c3.144 2.519 5.352 16.383 4.982 28.952-.37 12.568-.617 21.197 1.86 27.937 2.479 6.74 4.948 21.905 26.04 17.386 17.623-3.777 26.756-13.564 28.027-29.89.901-11.606 2.942-9.89 3.07-20.267l1.637-4.912c1.887-15.733.3-20.809 11.157-18.448l2.64.232c7.99.363 18.45-1.286 24.589-4.139 13.218-6.134 21.058-16.377 8.024-13.686h.002' }),
260
+ React.createElement("path", { fill: fill || '#FFFFFF', d: 'M108.076 81.525c-2.68-.373-5.107-.028-6.335.902-.69.523-.904 1.129-.962 1.546-.154 1.105.62 2.327 1.096 2.957 1.346 1.784 3.312 3.01 5.258 3.28.282.04.563.058.842.058 3.245 0 6.196-2.527 6.456-4.392.325-2.336-3.066-3.893-6.355-4.35m88.784.073c-.256-1.831-3.514-2.353-6.606-1.923-3.088.43-6.082 1.824-5.832 3.659.2 1.427 2.777 3.863 5.827 3.863.258 0 .518-.017.78-.054 2.036-.282 3.53-1.575 4.24-2.32 1.08-1.136 1.706-2.402 1.591-3.225' }),
261
+ React.createElement("path", { fill: fill || '#FFFFFF', d: 'M247.802 160.025c-1.134-3.429-4.784-4.532-10.848-3.28-18.005 3.716-24.453 1.142-26.57-.417 13.995-21.32 25.508-47.092 31.719-71.137 2.942-11.39 4.567-21.968 4.7-30.59.147-9.463-1.465-16.417-4.789-20.665-13.402-17.125-33.072-26.311-56.882-26.563-16.369-.184-30.199 4.005-32.88 5.183-5.646-1.404-11.801-2.266-18.502-2.376-12.288-.199-22.91 2.743-31.704 8.74-3.82-1.422-13.692-4.811-25.765-6.756-20.872-3.36-37.458-.814-49.294 7.571-14.123 10.006-20.643 27.892-19.38 53.16.425 8.501 5.269 34.653 12.913 59.698 10.062 32.964 21 51.625 32.508 55.464 1.347.449 2.9.763 4.613.763 4.198 0 9.345-1.892 14.7-8.33a529.832 529.832 0 0 1 20.261-22.926c4.524 2.428 9.494 3.784 14.577 3.92.01.133.023.266.035.398a117.66 117.66 0 0 0-2.57 3.175c-3.522 4.471-4.255 5.402-15.592 7.736-3.225.666-11.79 2.431-11.916 8.435-.136 6.56 10.125 9.315 11.294 9.607 4.074 1.02 7.999 1.523 11.742 1.523 9.103 0 17.114-2.992 23.516-8.781-.197 23.386.778 46.43 3.586 53.451 2.3 5.748 7.918 19.795 25.664 19.794 2.604 0 5.47-.303 8.623-.979 18.521-3.97 26.564-12.156 29.675-30.203 1.665-9.645 4.522-32.676 5.866-45.03 2.836.885 6.487 1.29 10.434 1.289 8.232 0 17.731-1.749 23.688-4.514 6.692-3.108 18.768-10.734 16.578-17.36zm-44.106-83.48c-.061 3.647-.563 6.958-1.095 10.414-.573 3.717-1.165 7.56-1.314 12.225-.147 4.54.42 9.26.968 13.825 1.108 9.22 2.245 18.712-2.156 28.078a36.508 36.508 0 0 1-1.95-4.009c-.547-1.326-1.735-3.456-3.38-6.404-6.399-11.476-21.384-38.35-13.713-49.316 2.285-3.264 8.084-6.62 22.64-4.813zm-17.644-61.787c21.334.471 38.21 8.452 50.158 23.72 9.164 11.711-.927 64.998-30.14 110.969a171.33 171.33 0 0 0-.886-1.117l-.37-.462c7.549-12.467 6.073-24.802 4.759-35.738-.54-4.488-1.05-8.727-.92-12.709.134-4.22.692-7.84 1.232-11.34.663-4.313 1.338-8.776 1.152-14.037.139-.552.195-1.204.122-1.978-.475-5.045-6.235-20.144-17.975-33.81-6.422-7.475-15.787-15.84-28.574-21.482 5.5-1.14 13.021-2.203 21.442-2.016zM66.674 175.778c-5.9 7.094-9.974 5.734-11.314 5.288-8.73-2.912-18.86-21.364-27.791-50.624-7.728-25.318-12.244-50.777-12.602-57.916-1.128-22.578 4.345-38.313 16.268-46.769 19.404-13.76 51.306-5.524 64.125-1.347-.184.182-.376.352-.558.537-21.036 21.244-20.537 57.54-20.485 59.759-.002.856.07 2.068.168 3.735.362 6.105 1.036 17.467-.764 30.334-1.672 11.957 2.014 23.66 10.111 32.109a36.275 36.275 0 0 0 2.617 2.468c-3.604 3.86-11.437 12.396-19.775 22.426zm22.479-29.993c-6.526-6.81-9.49-16.282-8.133-25.99 1.9-13.592 1.199-25.43.822-31.79-.053-.89-.1-1.67-.127-2.285 3.073-2.725 17.314-10.355 27.47-8.028 4.634 1.061 7.458 4.217 8.632 9.645 6.076 28.103.804 39.816-3.432 49.229-.873 1.939-1.698 3.772-2.402 5.668l-.546 1.466c-1.382 3.706-2.668 7.152-3.465 10.424-6.938-.02-13.687-2.984-18.819-8.34zm1.065 37.9c-2.026-.506-3.848-1.385-4.917-2.114.893-.42 2.482-.992 5.238-1.56 13.337-2.745 15.397-4.683 19.895-10.394 1.031-1.31 2.2-2.794 3.819-4.602l.002-.002c2.411-2.7 3.514-2.242 5.514-1.412 1.621.67 3.2 2.702 3.84 4.938.303 1.056.643 3.06-.47 4.62-9.396 13.156-23.088 12.987-32.921 10.526zm69.799 64.952c-16.316 3.496-22.093-4.829-25.9-14.346-2.457-6.144-3.665-33.85-2.808-64.447.011-.407-.047-.8-.159-1.17a15.444 15.444 0 0 0-.456-2.162c-1.274-4.452-4.379-8.176-8.104-9.72-1.48-.613-4.196-1.738-7.46-.903.696-2.868 1.903-6.107 3.212-9.614l.549-1.475c.618-1.663 1.394-3.386 2.214-5.21 4.433-9.848 10.504-23.337 3.915-53.81-2.468-11.414-10.71-16.988-23.204-15.693-7.49.775-14.343 3.797-17.761 5.53-.735.372-1.407.732-2.035 1.082.954-11.5 4.558-32.992 18.04-46.59 8.489-8.56 19.794-12.788 33.568-12.56 27.14.444 44.544 14.372 54.366 25.979 8.464 10.001 13.047 20.076 14.876 25.51-13.755-1.399-23.11 1.316-27.852 8.096-10.317 14.748 5.644 43.372 13.315 57.129 1.407 2.521 2.621 4.7 3.003 5.626 2.498 6.054 5.732 10.096 8.093 13.046.724.904 1.426 1.781 1.96 2.547-4.166 1.201-11.649 3.976-10.967 17.847-.55 6.96-4.461 39.546-6.448 51.059-2.623 15.21-8.22 20.875-23.957 24.25zm68.104-77.936c-4.26 1.977-11.389 3.46-18.161 3.779-7.48.35-11.288-.838-12.184-1.569-.42-8.644 2.797-9.547 6.202-10.503.535-.15 1.057-.297 1.561-.473.313.255.656.508 1.032.756 6.012 3.968 16.735 4.396 31.874 1.271l.166-.033c-2.042 1.909-5.536 4.471-10.49 6.772z' })));
262
+ };
263
+
264
+ const PythonLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
265
+ return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 256 256', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
266
+ React.createElement("defs", null,
267
+ React.createElement("linearGradient", { id: 'python-gradient-1', x1: '12.959%', x2: '79.639%', y1: '12.039%', y2: '78.201%' },
268
+ React.createElement("stop", { offset: '0%', "stop-color": '#387EB8' }),
269
+ React.createElement("stop", { offset: '100%', "stop-color": '#366994' })),
270
+ React.createElement("linearGradient", { id: 'python-gradient-2', x1: '19.128%', x2: '90.742%', y1: '20.579%', y2: '88.429%' },
271
+ React.createElement("stop", { offset: '0%', "stop-color": '#FFE052' }),
272
+ React.createElement("stop", { offset: '100%', "stop-color": '#FFC331' }))),
273
+ React.createElement("path", { fill: fill || 'url(#python-gradient-1)', d: 'M126.916.072c-64.832 0-60.784 28.115-60.784 28.115l.072 29.128h61.868v8.745H41.631S.145 61.355.145 126.77c0 65.417 36.21 63.097 36.21 63.097h21.61v-30.356s-1.165-36.21 35.632-36.21h61.362s34.475.557 34.475-33.319V33.97S194.67.072 126.916.072ZM92.802 19.66a11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13 11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.13Z' }),
274
+ React.createElement("path", { fill: fill || 'url(#python-gradient-2)', d: 'M128.757 254.126c64.832 0 60.784-28.115 60.784-28.115l-.072-29.127H127.6v-8.745h86.441s41.486 4.705 41.486-60.712c0-65.416-36.21-63.096-36.21-63.096h-21.61v30.355s1.165 36.21-35.632 36.21h-61.362s-34.475-.557-34.475 33.32v56.013s-5.235 33.897 62.518 33.897Zm34.114-19.586a11.12 11.12 0 0 1-11.13-11.13 11.12 11.12 0 0 1 11.13-11.131 11.12 11.12 0 0 1 11.13 11.13 11.12 11.12 0 0 1-11.13 11.13Z' })));
275
+ };
276
+
277
+ const RedisLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
278
+ return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 256 256', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
279
+ React.createElement("path", { fill: fill || '#912626', d: 'M245.97 168.943c-13.662 7.121-84.434 36.22-99.501 44.075-15.067 7.856-23.437 7.78-35.34 2.09-11.902-5.69-87.216-36.112-100.783-42.597C3.566 169.271 0 166.535 0 163.951v-25.876s98.05-21.345 113.879-27.024c15.828-5.679 21.32-5.884 34.79-.95 13.472 4.936 94.018 19.468 107.331 24.344l-.006 25.51c.002 2.558-3.07 5.364-10.024 8.988' }),
280
+ React.createElement("path", { fill: fill || '#C6302B', d: 'M245.965 143.22c-13.661 7.118-84.431 36.218-99.498 44.072-15.066 7.857-23.436 7.78-35.338 2.09-11.903-5.686-87.214-36.113-100.78-42.594-13.566-6.485-13.85-10.948-.524-16.166 13.326-5.22 88.224-34.605 104.055-40.284 15.828-5.677 21.319-5.884 34.789-.948 13.471 4.934 83.819 32.935 97.13 37.81 13.316 4.881 13.827 8.9.166 16.02' }),
281
+ React.createElement("path", { fill: fill || '#912626', d: 'M245.97 127.074c-13.662 7.122-84.434 36.22-99.501 44.078-15.067 7.853-23.437 7.777-35.34 2.087-11.903-5.687-87.216-36.112-100.783-42.597C3.566 127.402 0 124.67 0 122.085V96.206s98.05-21.344 113.879-27.023c15.828-5.679 21.32-5.885 34.79-.95C162.142 73.168 242.688 87.697 256 92.574l-.006 25.513c.002 2.557-3.07 5.363-10.024 8.987' }),
282
+ React.createElement("path", { fill: fill || '#C6302B', d: 'M245.965 101.351c-13.661 7.12-84.431 36.218-99.498 44.075-15.066 7.854-23.436 7.777-35.338 2.087-11.903-5.686-87.214-36.112-100.78-42.594-13.566-6.483-13.85-10.947-.524-16.167C23.151 83.535 98.05 54.148 113.88 48.47c15.828-5.678 21.319-5.884 34.789-.949 13.471 4.934 83.819 32.933 97.13 37.81 13.316 4.88 13.827 8.9.166 16.02' }),
283
+ React.createElement("path", { fill: fill || '#912626', d: 'M245.97 83.653c-13.662 7.12-84.434 36.22-99.501 44.078-15.067 7.854-23.437 7.777-35.34 2.087-11.903-5.687-87.216-36.113-100.783-42.595C3.566 83.98 0 81.247 0 78.665v-25.88s98.05-21.343 113.879-27.021c15.828-5.68 21.32-5.884 34.79-.95C162.142 29.749 242.688 44.278 256 49.155l-.006 25.512c.002 2.555-3.07 5.361-10.024 8.986' }),
284
+ React.createElement("path", { fill: fill || '#C6302B', d: 'M245.965 57.93c-13.661 7.12-84.431 36.22-99.498 44.074-15.066 7.854-23.436 7.777-35.338 2.09C99.227 98.404 23.915 67.98 10.35 61.497-3.217 55.015-3.5 50.55 9.825 45.331 23.151 40.113 98.05 10.73 113.88 5.05c15.828-5.679 21.319-5.883 34.789-.948 13.471 4.935 83.819 32.934 97.13 37.811 13.316 4.876 13.827 8.897.166 16.017' }),
285
+ React.createElement("path", { fill: fill || '#FFFFFF', d: 'm159.283 32.757-22.01 2.285-4.927 11.856-7.958-13.23-25.415-2.284 18.964-6.839-5.69-10.498 17.755 6.944 16.738-5.48-4.524 10.855 17.067 6.391m-28.251 57.518L89.955 73.238l58.86-9.035-17.783 26.072m-56.95-50.928c17.375 0 31.46 5.46 31.46 12.194 0 6.736-14.085 12.195-31.46 12.195s-31.46-5.46-31.46-12.195c0-6.734 14.085-12.194 31.46-12.194' }),
286
+ React.createElement("path", { fill: fill || '#621B1C', d: 'm185.295 35.998 34.836 13.766-34.806 13.753-.03-27.52' }),
287
+ React.createElement("path", { fill: fill || '#9A2928', d: 'm146.755 51.243 38.54-15.245.03 27.519-3.779 1.478-34.791-13.752' })));
288
+ };
289
+
290
+ const RubyLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
291
+ return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 256 256', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
292
+ React.createElement("defs", null,
293
+ React.createElement("linearGradient", { id: 'ruby-gradient-1', x1: '84.75%', x2: '58.254%', y1: '111.399%', y2: '64.584%' },
294
+ React.createElement("stop", { offset: '0%', stopColor: '#FB7655' }),
295
+ React.createElement("stop", { offset: '0%', stopColor: '#FB7655' }),
296
+ React.createElement("stop", { offset: '41%', stopColor: '#E42B1E' }),
297
+ React.createElement("stop", { offset: '99%', stopColor: '#900' }),
298
+ React.createElement("stop", { offset: '100%', stopColor: '#900' })),
299
+ React.createElement("linearGradient", { id: 'ruby-gradient-2', x1: '116.651%', x2: '1.746%', y1: '60.89%', y2: '19.288%' },
300
+ React.createElement("stop", { offset: '0%', stopColor: '#871101' }),
301
+ React.createElement("stop", { offset: '0%', stopColor: '#871101' }),
302
+ React.createElement("stop", { offset: '99%', stopColor: '#911209' }),
303
+ React.createElement("stop", { offset: '100%', stopColor: '#911209' })),
304
+ React.createElement("linearGradient", { id: 'ruby-gradient-3', x1: '75.774%', x2: '38.978%', y1: '219.327%', y2: '7.829%' },
305
+ React.createElement("stop", { offset: '0%', stopColor: '#871101' }),
306
+ React.createElement("stop", { offset: '0%', stopColor: '#871101' }),
307
+ React.createElement("stop", { offset: '99%', stopColor: '#911209' }),
308
+ React.createElement("stop", { offset: '100%', stopColor: '#911209' })),
309
+ React.createElement("linearGradient", { id: 'ruby-gradient-4', x1: '50.012%', x2: '66.483%', y1: '7.234%', y2: '79.135%' },
310
+ React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
311
+ React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
312
+ React.createElement("stop", { offset: '23%', stopColor: '#E57252' }),
313
+ React.createElement("stop", { offset: '46%', stopColor: '#DE3B20' }),
314
+ React.createElement("stop", { offset: '99%', stopColor: '#A60003' }),
315
+ React.createElement("stop", { offset: '100%', stopColor: '#A60003' })),
316
+ React.createElement("linearGradient", { id: 'ruby-gradient-5', x1: '46.174%', x2: '49.932%', y1: '16.348%', y2: '83.047%' },
317
+ React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
318
+ React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
319
+ React.createElement("stop", { offset: '23%', stopColor: '#E4714E' }),
320
+ React.createElement("stop", { offset: '56%', stopColor: '#BE1A0D' }),
321
+ React.createElement("stop", { offset: '99%', stopColor: '#A80D00' }),
322
+ React.createElement("stop", { offset: '100%', stopColor: '#A80D00' })),
323
+ React.createElement("linearGradient", { id: 'ruby-gradient-6', x1: '36.965%', x2: '49.528%', y1: '15.594%', y2: '92.478%' },
324
+ React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
325
+ React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
326
+ React.createElement("stop", { offset: '18%', stopColor: '#E46342' }),
327
+ React.createElement("stop", { offset: '40%', stopColor: '#C82410' }),
328
+ React.createElement("stop", { offset: '99%', stopColor: '#A80D00' }),
329
+ React.createElement("stop", { offset: '100%', stopColor: '#A80D00' })),
330
+ React.createElement("linearGradient", { id: 'ruby-gradient-7', x1: '13.609%', x2: '85.764%', y1: '58.346%', y2: '-46.717%' },
331
+ React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
332
+ React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
333
+ React.createElement("stop", { offset: '54%', stopColor: '#C81F11' }),
334
+ React.createElement("stop", { offset: '99%', stopColor: '#BF0905' }),
335
+ React.createElement("stop", { offset: '100%', stopColor: '#BF0905' })),
336
+ React.createElement("linearGradient", { id: 'ruby-gradient-8', x1: '27.624%', x2: '50.745%', y1: '21.135%', y2: '79.056%' },
337
+ React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
338
+ React.createElement("stop", { offset: '0%', stopColor: '#FFF' }),
339
+ React.createElement("stop", { offset: '31%', stopColor: '#DE4024' }),
340
+ React.createElement("stop", { offset: '99%', stopColor: '#BF190B' }),
341
+ React.createElement("stop", { offset: '100%', stopColor: '#BF190B' })),
342
+ React.createElement("linearGradient", { id: 'ruby-gradient-9', x1: '-20.667%', x2: '104.242%', y1: '122.282%', y2: '-6.342%' },
343
+ React.createElement("stop", { offset: '0%', stopColor: '#BD0012' }),
344
+ React.createElement("stop", { offset: '0%', stopColor: '#BD0012' }),
345
+ React.createElement("stop", { offset: '7%', stopColor: '#FFF' }),
346
+ React.createElement("stop", { offset: '17%', stopColor: '#FFF' }),
347
+ React.createElement("stop", { offset: '27%', stopColor: '#C82F1C' }),
348
+ React.createElement("stop", { offset: '33%', stopColor: '#820C01' }),
349
+ React.createElement("stop", { offset: '46%', stopColor: '#A31601' }),
350
+ React.createElement("stop", { offset: '72%', stopColor: '#B31301' }),
351
+ React.createElement("stop", { offset: '99%', stopColor: '#E82609' }),
352
+ React.createElement("stop", { offset: '100%', stopColor: '#E82609' })),
353
+ React.createElement("linearGradient", { id: 'ruby-gradient-10', x1: '58.792%', x2: '11.964%', y1: '65.205%', y2: '50.128%' },
354
+ React.createElement("stop", { offset: '0%', stopColor: '#8C0C01' }),
355
+ React.createElement("stop", { offset: '0%', stopColor: '#8C0C01' }),
356
+ React.createElement("stop", { offset: '54%', stopColor: '#990C00' }),
357
+ React.createElement("stop", { offset: '99%', stopColor: '#A80D0E' }),
358
+ React.createElement("stop", { offset: '100%', stopColor: '#A80D0E' })),
359
+ React.createElement("linearGradient", { id: 'ruby-gradient-11', x1: '79.319%', x2: '23.088%', y1: '62.754%', y2: '17.888%' },
360
+ React.createElement("stop", { offset: '0%', stopColor: '#7E110B' }),
361
+ React.createElement("stop", { offset: '0%', stopColor: '#7E110B' }),
362
+ React.createElement("stop", { offset: '99%', stopColor: '#9E0C00' }),
363
+ React.createElement("stop", { offset: '100%', stopColor: '#9E0C00' })),
364
+ React.createElement("linearGradient", { id: 'ruby-gradient-12', x1: '92.88%', x2: '59.841%', y1: '74.122%', y2: '39.704%' },
365
+ React.createElement("stop", { offset: '0%', stopColor: '#79130D' }),
366
+ React.createElement("stop", { offset: '0%', stopColor: '#79130D' }),
367
+ React.createElement("stop", { offset: '99%', stopColor: '#9E120B' }),
368
+ React.createElement("stop", { offset: '100%', stopColor: '#9E120B' })),
369
+ React.createElement("linearGradient", { id: 'ruby-gradient-13', x1: '56.57%', x2: '3.105%', y1: '101.717%', y2: '11.993%' },
370
+ React.createElement("stop", { offset: '0%', stopColor: '#8B2114' }),
371
+ React.createElement("stop", { offset: '0%', stopColor: '#8B2114' }),
372
+ React.createElement("stop", { offset: '43%', stopColor: '#9E100A' }),
373
+ React.createElement("stop", { offset: '99%', stopColor: '#B3100C' }),
374
+ React.createElement("stop", { offset: '100%', stopColor: '#B3100C' })),
375
+ React.createElement("linearGradient", { id: 'ruby-gradient-14', x1: '30.87%', x2: '92.471%', y1: '35.599%', y2: '100.694%' },
376
+ React.createElement("stop", { offset: '0%', stopColor: '#B31000' }),
377
+ React.createElement("stop", { offset: '0%', stopColor: '#B31000' }),
378
+ React.createElement("stop", { offset: '44%', stopColor: '#910F08' }),
379
+ React.createElement("stop", { offset: '99%', stopColor: '#791C12' }),
380
+ React.createElement("stop", { offset: '100%', stopColor: '#791C12' })),
381
+ React.createElement("radialGradient", { id: 'ruby-gradient-15', cx: '32.001%', cy: '40.21%', r: '69.573%', fx: '32.001%', fy: '40.21%' },
382
+ React.createElement("stop", { offset: '0%', stopColor: '#A80D00' }),
383
+ React.createElement("stop", { offset: '0%', stopColor: '#A80D00' }),
384
+ React.createElement("stop", { offset: '99%', stopColor: '#7E0E08' }),
385
+ React.createElement("stop", { offset: '100%', stopColor: '#7E0E08' })),
386
+ React.createElement("radialGradient", { id: 'ruby-gradient-16', cx: '13.549%', cy: '40.86%', r: '88.386%', fx: '13.549%', fy: '40.86%' },
387
+ React.createElement("stop", { offset: '0%', stopColor: '#A30C00' }),
388
+ React.createElement("stop", { offset: '0%', stopColor: '#A30C00' }),
389
+ React.createElement("stop", { offset: '99%', stopColor: '#800E08' }),
390
+ React.createElement("stop", { offset: '100%', stopColor: '#800E08' }))),
391
+ React.createElement("path", { fill: fill || 'url(#ruby-gradient-1)', d: 'm197.467 167.764-145.52 86.41 188.422-12.787L254.88 51.393l-57.414 116.37Z' }),
392
+ React.createElement("path", { fill: fill || 'url(#ruby-gradient-2)', d: 'M240.677 241.257 224.482 129.48l-44.113 58.25 60.308 53.528Z' }),
393
+ React.createElement("path", { fill: fill || 'url(#ruby-gradient-3)', d: 'm240.896 241.257-118.646-9.313-69.674 21.986 188.32-12.673Z' }),
394
+ React.createElement("path", { fill: fill || 'url(#ruby-gradient-4)', d: 'm52.744 253.955 29.64-97.1L17.16 170.8l35.583 83.154Z' }),
395
+ React.createElement("path", { fill: fill || 'url(#ruby-gradient-5)', d: 'M180.358 188.05 153.085 81.226l-78.047 73.16 105.32 33.666Z' }),
396
+ React.createElement("path", { fill: fill || 'url(#ruby-gradient-6)', d: 'm248.693 82.73-73.777-60.256-20.544 66.418 94.321-6.162Z' }),
397
+ React.createElement("path", { fill: fill || 'url(#ruby-gradient-7)', d: 'M214.191.99 170.8 24.97 143.424.669l70.767.322Z' }),
398
+ React.createElement("path", { fill: fill || 'url(#ruby-gradient-8)', d: 'm0 203.372 18.177-33.151-14.704-39.494L0 203.372Z' }),
399
+ React.createElement("path", { fill: fill || '#FFFFFF', d: 'm2.496 129.48 14.794 41.963 64.283-14.422 73.39-68.207 20.712-65.787L143.063 0 87.618 20.75c-17.469 16.248-51.366 48.396-52.588 49-1.21.618-22.384 40.639-32.534 59.73Z' }),
400
+ React.createElement("path", { fill: fill || 'url(#ruby-gradient-9)', d: 'M54.442 54.094c37.86-37.538 86.667-59.716 105.397-40.818 18.72 18.898-1.132 64.823-38.992 102.349-37.86 37.525-86.062 60.925-104.78 42.027-18.73-18.885.515-66.032 38.375-103.558Z' }),
401
+ React.createElement("path", { fill: fill || 'url(#ruby-gradient-10)', d: 'm52.744 253.916 29.408-97.409 97.665 31.376c-35.312 33.113-74.587 61.106-127.073 66.033Z' }),
402
+ React.createElement("path", { fill: fill || 'url(#ruby-gradient-11)', d: 'm155.092 88.622 25.073 99.313c29.498-31.016 55.972-64.36 68.938-105.603l-94.01 6.29Z' }),
403
+ React.createElement("path", { fill: fill || 'url(#ruby-gradient-12)', d: 'M248.847 82.833c10.035-30.282 12.35-73.725-34.966-81.791l-38.825 21.445 73.791 60.346Z' }),
404
+ React.createElement("path", { fill: fill || '#9E1209', d: 'M0 202.935c1.39 49.979 37.448 50.724 52.808 51.162l-35.48-82.86L0 202.935Z' }),
405
+ React.createElement("path", { fill: fill || 'url(#ruby-gradient-15)', d: 'M155.232 88.777c22.667 13.932 68.35 41.912 69.276 42.426 1.44.81 19.695-30.784 23.838-48.64l-93.114 6.214Z' }),
406
+ React.createElement("path", { fill: fill || 'url(#ruby-gradient-16)', d: 'm82.113 156.507 39.313 75.848c23.246-12.607 41.45-27.967 58.121-44.42l-97.434-31.428Z' }),
407
+ React.createElement("path", { fill: fill || 'url(#ruby-gradient-13)', d: 'm17.174 171.34-5.57 66.328c10.51 14.357 24.97 15.605 40.136 14.486-10.973-27.311-32.894-81.92-34.566-80.814Z' }),
408
+ React.createElement("path", { fill: fill || 'url(#ruby-gradient-14)', d: 'm174.826 22.654 78.1 10.96c-4.169-17.662-16.969-29.06-38.787-32.623l-39.313 21.663Z' })));
409
+ };
410
+
411
+ const RustLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
412
+ return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 32 32', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
413
+ React.createElement("defs", null,
414
+ React.createElement("radialGradient", { id: 'rust-gradient', cx: '-492.035', cy: '-883.37', r: '13.998', gradientTransform: 'matrix(.866 -.5 -.3 -.52 177.106 -689.033)', gradientUnits: 'userSpaceOnUse' },
415
+ React.createElement("stop", { offset: '0', stopColor: '#7d7d7d' }),
416
+ React.createElement("stop", { offset: '.267', stopColor: '#7e7c7a' }),
417
+ React.createElement("stop", { offset: '.45', stopColor: '#817871' }),
418
+ React.createElement("stop", { offset: '.608', stopColor: '#867162' }),
419
+ React.createElement("stop", { offset: '.753', stopColor: '#8d684c' }),
420
+ React.createElement("stop", { offset: '.886', stopColor: '#965c30' }),
421
+ React.createElement("stop", { offset: '1', stopColor: '#a04f12' }))),
422
+ React.createElement("path", { fill: fill || 'url(#rust-gradient)', d: 'M15.124 5.3a.832.832 0 1 1 .832.832.831.831 0 0 1-.832-.832M5.2 12.834a.832.832 0 1 1 .832.832.832.832 0 0 1-.832-.832m19.856.039a.832.832 0 1 1 .832.832.831.831 0 0 1-.832-.832m-17.451 1.14a.76.76 0 0 0 .386-1l-.369-.835h1.452v6.545h-2.93a10.247 10.247 0 0 1-.332-3.911Zm6.074.161v-1.929h3.458c.179 0 1.261.206 1.261 1.016 0 .672-.83.913-1.513.913ZM8.958 24.561a.832.832 0 1 1 .832.832.831.831 0 0 1-.832-.832m12.331.039a.832.832 0 1 1 .832.832.832.832 0 0 1-.832-.832m.257-1.887a.758.758 0 0 0-.9.584l-.418 1.949a10.249 10.249 0 0 1-8.545-.041l-.417-1.949a.759.759 0 0 0-.9-.583l-1.721.37a10.233 10.233 0 0 1-.89-1.049h8.374c.095 0 .158-.017.158-.1v-2.966c0-.086-.063-.1-.158-.1h-2.45v-1.881h2.649a1.665 1.665 0 0 1 1.629 1.412c.105.413.336 1.757.494 2.187.157.483.8 1.447 1.482 1.447h4.323a10.243 10.243 0 0 1-.949 1.1Zm4.65-7.821a10.261 10.261 0 0 1 .022 1.779h-1.051c-.105 0-.148.069-.148.172v.483c0 1.136-.641 1.384-1.2 1.447-.535.06-1.128-.224-1.2-.551a3.616 3.616 0 0 0-1.671-2.808c1.03-.654 2.1-1.619 2.1-2.911A3.292 3.292 0 0 0 21.44 9.8a4.559 4.559 0 0 0-2.2-.724H8.367A10.246 10.246 0 0 1 14.1 5.84l1.282 1.344a.758.758 0 0 0 1.072.026l1.434-1.372a10.248 10.248 0 0 1 7.015 5l-.982 2.217a.761.761 0 0 0 .386 1Zm2.448.036-.033-.343 1.011-.943a.42.42 0 0 0-.013-.595.428.428 0 0 0-.121-.081l-1.288-.483-.1-.334.806-1.12a.422.422 0 0 0-.13-.581.43.43 0 0 0-.133-.055l-1.363-.222-.164-.306.573-1.257a.419.419 0 0 0-.236-.544.426.426 0 0 0-.146-.029l-1.383.048-.224-.264.318-1.347a.421.421 0 0 0-.343-.487.435.435 0 0 0-.144 0l-1.348.315-.266-.219.049-1.381a.421.421 0 0 0-.431-.411.426.426 0 0 0-.141.028l-1.257.573-.306-.164-.222-1.363a.421.421 0 0 0-.5-.318.43.43 0 0 0-.133.055l-1.121.806-.333-.1-.483-1.293a.421.421 0 0 0-.555-.215.442.442 0 0 0-.12.08l-.946 1.012-.343-.033-.728-1.177a.421.421 0 0 0-.688 0l-.728 1.177-.343.033-.943-1.012a.421.421 0 0 0-.595.015.442.442 0 0 0-.08.12L12.483 3.8l-.333.1-1.12-.8a.422.422 0 0 0-.581.13.43.43 0 0 0-.055.133l-.222 1.363-.306.164-1.258-.573a.421.421 0 0 0-.544.239.444.444 0 0 0-.028.144l.048 1.383-.266.217-1.347-.316a.421.421 0 0 0-.487.343.435.435 0 0 0 0 .144L6.3 7.819l-.218.265L4.7 8.036a.422.422 0 0 0-.383.573l.573 1.257-.164.306-1.363.222a.42.42 0 0 0-.318.5.43.43 0 0 0 .055.133l.806 1.12-.1.334-1.293.483a.421.421 0 0 0-.215.555.414.414 0 0 0 .081.121l1.011.943-.033.343-1.177.728a.421.421 0 0 0 0 .688l1.177.728.033.343-1.011.943a.421.421 0 0 0 .015.595.436.436 0 0 0 .119.08l1.293.483.1.334-.806 1.124a.421.421 0 0 0 .131.581.43.43 0 0 0 .133.055l1.363.222.164.307-.573 1.257a.422.422 0 0 0 .24.545.438.438 0 0 0 .143.028l1.383-.048.219.266-.317 1.348a.42.42 0 0 0 .341.486.4.4 0 0 0 .146 0l1.345-.319.266.218-.049 1.382a.419.419 0 0 0 .429.41.413.413 0 0 0 .143-.028l1.257-.573.306.164.222 1.362a.421.421 0 0 0 .5.319.407.407 0 0 0 .133-.055l1.12-.807.334.1.483 1.292a.422.422 0 0 0 .556.214.436.436 0 0 0 .119-.08l.943-1.011.343.034.728 1.177a.422.422 0 0 0 .588.1.413.413 0 0 0 .1-.1l.728-1.177.343-.034.943 1.011a.421.421 0 0 0 .595-.015.436.436 0 0 0 .08-.119l.483-1.292.334-.1 1.12.807a.421.421 0 0 0 .581-.131.43.43 0 0 0 .055-.133l.222-1.362.306-.164 1.257.573a.421.421 0 0 0 .544-.239.438.438 0 0 0 .028-.143l-.048-1.384.265-.218 1.347.317a.421.421 0 0 0 .487-.34.447.447 0 0 0 0-.146l-.309-1.346.218-.266 1.383.048a.421.421 0 0 0 .41-.431.4.4 0 0 0-.028-.142l-.573-1.257.164-.307 1.363-.222a.421.421 0 0 0 .319-.5.434.434 0 0 0-.056-.135l-.806-1.12.1-.334 1.293-.483a.42.42 0 0 0 .215-.554.414.414 0 0 0-.081-.121l-1.011-.943.033-.343 1.177-.728a.421.421 0 0 0 0-.688Z' })));
423
+ };
424
+
425
+ const SwiftLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
426
+ return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 256 256', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
427
+ React.createElement("linearGradient", { id: 'swift-gradient-1', x1: '-1845.501', x2: '-1797.134', y1: '1255.639', y2: '981.338', gradientTransform: 'rotate(180 -846.605 623.252)', gradientUnits: 'userSpaceOnUse' },
428
+ React.createElement("stop", { offset: '0', stopColor: '#faae42' }),
429
+ React.createElement("stop", { offset: '1', stopColor: '#ef3e31' })),
430
+ React.createElement("path", { fill: fill || 'url(#swift-gradient-1)', d: 'M56.9 0h141.8c6.9 0 13.6 1.1 20.1 3.4 9.4 3.4 17.9 9.4 24.3 17.2 6.5 7.8 10.8 17.4 12.3 27.4.6 3.7.7 7.4.7 11.1v138.3c0 4.4-.2 8.9-1.1 13.2-2 9.9-6.7 19.2-13.5 26.7-6.7 7.5-15.5 13.1-25 16.1-5.8 1.8-11.8 2.6-17.9 2.6-2.7 0-142.1 0-144.2-.1-10.2-.5-20.3-3.8-28.8-9.5-8.3-5.6-15.1-13.4-19.5-22.4-3.8-7.7-5.7-16.3-5.7-24.9V56.9C.2 48.4 2 40 5.7 32.4c4.3-9 11-16.9 19.3-22.5C33.5 4.1 43.5.7 53.7.2c1-.2 2.1-.2 3.2-.2z' }),
431
+ React.createElement("linearGradient", { id: 'swift-gradient-2', x1: '130.612', x2: '95.213', y1: '4.136', y2: '204.893', gradientUnits: 'userSpaceOnUse' },
432
+ React.createElement("stop", { offset: '0', stopColor: '#e39f3a' }),
433
+ React.createElement("stop", { offset: '1', stopColor: '#d33929' })),
434
+ React.createElement("path", { fill: fill || 'url(#swift-gradient-2)', d: 'M216 209.4c-.9-1.4-1.9-2.8-3-4.1-2.5-3-5.4-5.6-8.6-7.8-4-2.7-8.7-4.4-13.5-4.6-3.4-.2-6.8.4-10 1.6-3.2 1.1-6.3 2.7-9.3 4.3-3.5 1.8-7 3.6-10.7 5.1-4.4 1.8-9 3.2-13.7 4.2-5.9 1.1-11.9 1.5-17.8 1.4-10.7-.2-21.4-1.8-31.6-4.8-9-2.7-17.6-6.4-25.7-11.1-7.1-4.1-13.7-8.8-19.9-14.1-5.1-4.4-9.8-9.1-14.2-14.1-3-3.5-5.9-7.2-8.6-11-1.1-1.5-2.1-3.1-3-4.7L0 121.2V56.7C0 25.4 25.3 0 56.6 0h50.5l37.4 38c84.4 57.4 57.1 120.7 57.1 120.7s24 27 14.4 50.7z' }),
435
+ React.createElement("path", { fill: fill || '#FFFFFF', d: 'M144.7 38c84.4 57.4 57.1 120.7 57.1 120.7s24 27.1 14.3 50.8c0 0-9.9-16.6-26.5-16.6-16 0-25.4 16.6-57.6 16.6-71.7 0-105.6-59.9-105.6-59.9C91 192.1 135.1 162 135.1 162c-29.1-16.9-91-97.7-91-97.7 53.9 45.9 77.2 58 77.2 58-13.9-11.5-52.9-67.7-52.9-67.7 31.2 31.6 93.2 75.7 93.2 75.7C179.2 81.5 144.7 38 144.7 38z' })));
436
+ };
437
+
438
+ const CheckCircledIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
439
+ const theme = Theme.useTheme();
440
+ const fill = f || theme.text.secondary;
441
+ return (React.createElement("svg", { width: size, height: size * (16 / 17), viewBox: '0 0 17 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
442
+ React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M6.41707 8.34197L7.97787 9.90111C8.72855 8.58846 9.76744 7.46337 11.0162 6.61065L11.0837 6.56453M14.8504 8.00039C14.8504 11.3693 12.1193 14.1004 8.75039 14.1004C5.38145 14.1004 2.65039 11.3693 2.65039 8.00039C2.65039 4.63145 5.38145 1.90039 8.75039 1.90039C12.1193 1.90039 14.8504 4.63145 14.8504 8.00039Z' })));
443
+ };
444
+
445
+ const ErrorTriangleIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
446
+ const theme = Theme.useTheme();
447
+ const fill = f || theme.text.error;
448
+ return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
449
+ React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 8.66673V6.00006M8 10.9167V10.9175M7.07337 2.18915C7.66595 1.93695 8.33405 1.93695 8.92662 2.18915C10.6942 2.94145 14.8697 9.61453 14.7474 11.3981C14.6994 12.0972 14.3529 12.7408 13.7982 13.1614C12.323 14.2795 3.67698 14.2795 2.20185 13.1614C1.64705 12.7408 1.3006 12.0972 1.25263 11.3981C1.13026 9.61453 5.30575 2.94145 7.07337 2.18915Z' })));
450
+ };
451
+
452
+ const InfoIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
453
+ const theme = Theme.useTheme();
454
+ const fill = f || theme.text.secondary;
455
+ return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
456
+ React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 8.91498V11.5816M8 6.66498V6.66423M14 8.91504C14 12.2287 11.3137 14.915 8 14.915C4.68629 14.915 2 12.2287 2 8.91504C2 5.60133 4.68629 2.91504 8 2.91504C11.3137 2.91504 14 5.60133 14 8.91504Z' })));
457
+ };
458
+
459
+ const WarningTriangleIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
460
+ const theme = Theme.useTheme();
461
+ const fill = f || theme.text.warning;
462
+ return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 16 16', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
463
+ React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 8.66673V6.00006M8 10.9167V10.9175M7.07337 2.18915C7.66595 1.93695 8.33405 1.93695 8.92662 2.18915C10.6942 2.94145 14.8697 9.61453 14.7474 11.3981C14.6994 12.0972 14.3529 12.7408 13.7982 13.1614C12.323 14.2795 3.67698 14.2795 2.20185 13.1614C1.64705 12.7408 1.3006 12.0972 1.25263 11.3981C1.13026 9.61453 5.30575 2.94145 7.07337 2.18915Z' })));
464
+ };
465
+
466
+ export { CPlusPlusLogo as C, DotnetLogo as D, ElixirLogo as E, GoLogo as G, InfoIcon as I, JavaLogo as J, KafkaLogo as K, LogsIcon as L, MysqlLogo as M, NginxLogo as N, PostgresLogo as P, RedisLogo as R, SwiftLogo as S, TracesIcon as T, WarningTriangleIcon as W, RustLogo as a, RubyLogo as b, PhpLogo as c, CSharpLogo as d, PythonLogo as e, NodejsLogo as f, MetricsIcon as g, ErrorTriangleIcon as h, CheckCircledIcon as i };