npm - @odigos/ui-kit - Versions diffs - 0.0.15 → 0.0.16 - Mend

@odigos/ui-kit 0.0.15 → 0.0.16

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 (140) hide show

package/lib/index-DB8Djrsy.js ADDED Viewed

@@ -0,0 +1,487 @@
+import React from 'react';
+import Theme from './theme.js';
+const VmLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 14 14', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 7.00016V12.5418M7 7.00016L1.94814 4.30969M7 7.00016L12.0519 4.30969M7 12.5418C7.12674 12.5418 7.25347 12.5291 7.37812 12.5037C7.65987 12.4463 7.92489 12.2996 8.45492 12.0063L10.7951 10.7111C11.3251 10.4177 11.5901 10.2711 11.7829 10.0659C11.9534 9.8843 12.0822 9.6704 12.161 9.43804C12.25 9.17542 12.25 8.88207 12.25 8.29536V5.70497C12.25 5.11826 12.25 4.82491 12.161 4.56229C12.1315 4.47526 12.095 4.39081 12.0519 4.30969M7 12.5418C6.87326 12.5418 6.74653 12.5291 6.62188 12.5037C6.34013 12.4463 6.07511 12.2996 5.54508 12.0063L3.20492 10.7111C2.67489 10.4177 2.40987 10.2711 2.21713 10.0659C2.04659 9.8843 1.91777 9.6704 1.83901 9.43804C1.75 9.17542 1.75 8.88207 1.75 8.29536V5.70497C1.75 5.11826 1.75 4.82491 1.83901 4.56229C1.86851 4.47526 1.90503 4.39081 1.94814 4.30969M12.0519 4.30969C11.9799 4.17423 11.8895 4.04802 11.7829 3.93447C11.5901 3.72926 11.3251 3.58258 10.7951 3.28923L8.45492 1.99404C7.92489 1.70068 7.65987 1.554 7.37812 1.49659C7.12882 1.4458 6.87117 1.4458 6.62188 1.49659C6.34013 1.554 6.07511 1.70068 5.54508 1.99404L3.20492 3.28923C2.67489 3.58258 2.40987 3.72926 2.21713 3.93447C2.11047 4.04802 2.02013 4.17423 1.94814 4.30969' })));
+};
+const AppDynamicsLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 220 220', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#242736', d: 'M99.4,186.4l-51.8-108C35,89.9,27.1,106.2,27.1,124.6c0,34.5,28.1,62.6,62.6,62.6C93,187.1,96.1,186.9,99.4,186.4' }),
+            React.createElement("path", { fill: fill || '#242736', d: 'M78.2,63c3.8-0.8,7.7-1,11.5-1c34.5,0,62.6,28.1,62.6,62.6c0,18.9-8.4,36-22,47.5l15.3,32.2c25-17.6,41.4-46.7,41.4-79.7C187.2,70.7,143.6,27,89.7,27c-9.2,0-18.4,1.3-26.8,3.8L78.2,63z' }))));
+};
+const AwsCloudwatchLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { fill: fill || '#FF4F8B', d: 'M18.454 14.905c0-1.676-1.372-3.039-3.059-3.039-1.686 0-3.058 1.363-3.058 3.039 0 1.675 1.372 3.038 3.058 3.038 1.687 0 3.059-1.363 3.059-3.038Zm.862 0c0 2.147-1.759 3.894-3.92 3.894-2.162 0-3.92-1.747-3.92-3.894 0-2.148 1.758-3.895 3.92-3.895 2.161 0 3.92 1.747 3.92 3.895Zm3.617 5.87-3.004-2.688c-.242.34-.523.649-.834.926l2.999 2.687c.256.23.654.208.885-.046a.623.623 0 0 0-.046-.88Zm-7.538-1.206c2.59 0 4.696-2.092 4.696-4.664 0-2.573-2.106-4.665-4.696-4.665-2.589 0-4.696 2.092-4.696 4.665 0 2.572 2.107 4.664 4.696 4.664Zm8.224 2.658c-.293.323-.7.487-1.107.487a1.49 1.49 0 0 1-.995-.378L18.399 19.542a5.543 5.543 0 0 1-3.004.883c-3.064 0-5.557-2.476-5.557-5.52 0-3.044 2.493-5.521 5.557-5.521 3.065 0 5.558 2.477 5.558 5.52 0 .874-.21 1.697-.576 2.432l3.133 2.803c.608.546.657 1.482.11 2.088ZM3.977 7.454c0 .222.014.444.04.659a.426.426 0 0 1-.352.473C2.605 8.858.862 9.681.862 12.148c0 1.863 1.034 2.892 1.902 3.427.297.185.647.284 1.017.288l5.195.005v.856l-5.2-.005a2.815 2.815 0 0 1-1.469-.418C1.447 15.77 0 14.524 0 12.148c0-2.864 1.971-3.923 3.129-4.297a6.093 6.093 0 0 1-.013-.397c0-2.34 1.598-4.767 3.716-5.645 2.478-1.031 5.104-.52 7.022 1.367a7.048 7.048 0 0 1 1.459 2.116 2.79 2.79 0 0 1 1.78-.644c1.287 0 2.735.97 2.993 3.092 1.205.276 3.751 1.24 3.751 4.441 0 1.278-.403 2.333-1.199 3.137l-.614-.6c.632-.638.952-1.491.952-2.537 0-2.8-2.36-3.495-3.374-3.664a.43.43 0 0 1-.353-.496c-.141-1.738-1.18-2.517-2.156-2.517-.616 0-1.193.298-1.584.818a.431.431 0 0 1-.75-.111c-.353-.971-.861-1.788-1.511-2.426-1.663-1.636-3.936-2.079-6.084-1.186-1.787.74-3.187 2.873-3.187 4.855Z' })));
+};
+const AwsS3Logo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { fill: fill || '#569A31', d: 'M20.913 13.147l.12-.895c.947.576 1.258.922 1.354 1.071-.16.031-.562.046-1.474-.176zm-2.174 7.988a.547.547 0 0 0-.005.073c0 .084-.207.405-1.124.768a10.28 10.28 0 0 1-1.438.432c-1.405.325-3.128.504-4.853.504-4.612 0-7.412-1.184-7.412-1.704a.547.547 0 0 0-.005-.073L1.81 5.602c.135.078.28.154.432.227.042.02.086.038.128.057.134.062.272.122.417.18l.179.069c.154.058.314.114.478.168.043.013.084.029.13.043.207.065.423.127.646.187l.176.044c.175.044.353.087.534.127a23.414 23.414 0 0 0 .843.17l.121.023c.252.045.508.085.768.122.071.011.144.02.216.03.2.027.4.053.604.077l.24.027c.245.026.49.05.74.07l.081.009c.275.022.552.04.83.056l.233.012c.21.01.422.018.633.025a33.088 33.088 0 0 0 2.795-.026l.232-.011c.278-.016.555-.034.83-.056l.08-.008c.25-.02.497-.045.742-.072l.238-.026c.205-.024.408-.05.609-.077.07-.01.141-.019.211-.03.261-.037.519-.078.772-.122l.111-.02c.215-.04.427-.082.634-.125l.212-.047c.186-.041.368-.085.546-.13l.166-.042c.225-.06.444-.122.654-.189.04-.012.077-.026.115-.038a10.6 10.6 0 0 0 .493-.173c.058-.021.114-.044.17-.066.15-.06.293-.12.43-.185.038-.017.079-.034.116-.052.153-.073.3-.15.436-.228l-.976 7.245c-2.488-.78-5.805-2.292-7.311-3a1.09 1.09 0 0 0-1.088-1.085c-.6 0-1.088.489-1.088 1.088 0 .6.488 1.089 1.088 1.089.196 0 .378-.056.537-.148 1.72.812 5.144 2.367 7.715 3.15zm-7.42-20.047c5.677 0 9.676 1.759 9.75 2.736l-.014.113c-.01.033-.031.067-.048.101-.015.028-.026.057-.047.087-.024.033-.058.068-.09.102-.028.03-.051.06-.084.09-.038.035-.087.07-.133.105-.04.03-.074.06-.119.091-.053.036-.116.071-.177.107-.05.03-.095.06-.15.09-.068.036-.147.073-.222.11-.059.028-.114.057-.177.085-.084.038-.177.074-.268.111-.068.027-.13.054-.203.082-.097.036-.205.072-.31.107-.075.026-.148.053-.228.079-.111.035-.233.069-.35.103-.085.024-.165.05-.253.073-.124.034-.258.065-.389.098-.093.022-.181.046-.278.068-.139.032-.287.061-.433.091-.098.02-.191.041-.293.06-.155.03-.32.057-.482.084-.1.018-.198.036-.302.052-.166.026-.342.048-.515.072-.11.014-.213.03-.325.044-.181.023-.372.041-.56.06-.11.012-.218.025-.332.036-.188.016-.386.029-.58.043-.122.009-.24.02-.364.028-.207.012-.422.02-.635.028-.12.005-.234.012-.354.016a35.605 35.605 0 0 1-2.069 0c-.12-.004-.234-.011-.352-.016-.214-.008-.43-.016-.637-.028-.122-.008-.238-.02-.36-.027-.195-.015-.394-.028-.584-.044-.11-.01-.215-.024-.324-.035-.19-.02-.384-.038-.568-.06l-.315-.044c-.176-.024-.355-.046-.525-.073-.1-.015-.192-.033-.29-.05-.167-.028-.335-.055-.494-.086-.096-.018-.183-.038-.276-.056-.151-.032-.305-.062-.45-.095-.09-.02-.173-.043-.26-.064-.138-.034-.277-.067-.407-.102-.082-.022-.157-.046-.235-.069a11.75 11.75 0 0 1-.368-.108c-.075-.024-.141-.049-.213-.073-.11-.037-.223-.075-.325-.113-.067-.025-.125-.051-.188-.077-.096-.038-.195-.076-.282-.115-.06-.027-.11-.054-.166-.08-.08-.039-.162-.077-.233-.116-.052-.028-.094-.055-.142-.084-.063-.038-.13-.075-.185-.113-.043-.029-.075-.058-.113-.086-.048-.037-.098-.073-.139-.11-.032-.029-.054-.057-.08-.087-.033-.035-.069-.07-.093-.104-.02-.03-.031-.058-.046-.086-.018-.035-.039-.068-.049-.102l-.015-.113c.076-.977 4.074-2.736 9.748-2.736zm12.182 12.124c-.118-.628-.84-1.291-2.31-2.128l.963-7.16a.531.531 0 0 0 .005-.073C22.16 1.581 16.447 0 11.32 0 6.194 0 .482 1.581.482 3.851a.58.58 0 0 0 .005.072L2.819 21.25c.071 2.002 5.236 2.75 8.5 2.75 1.805 0 3.615-.188 5.098-.531.598-.138 1.133-.3 1.592-.48 1.18-.467 1.789-1.053 1.813-1.739l.945-7.018c.557.131 1.016.197 1.389.197.54 0 .902-.137 1.134-.413a.956.956 0 0 0 .21-.804Z' })));
+};
+const AwsXrayLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { fill: fill || '#527fff', d: 'M15.055 13.147h-.873v6.058h-1.746v-4.327h-.872v4.327H9.818v-3.029h-.873v3.03h-.872v.865h7.854v-.866h-.872zm3.49 3.246c0-3.46-2.838-6.275-6.327-6.275s-6.327 2.815-6.327 6.275c0 3.46 2.838 6.274 6.327 6.274s6.327-2.815 6.327-6.275zm.873 0c0 3.937-3.23 7.14-7.2 7.14s-7.2-3.203-7.2-7.14 3.23-7.14 7.2-7.14 7.2 3.203 7.2 7.14zM24 11.62c0 2.468-1.367 4.074-3.749 4.404l-.12-.858c1.367-.189 2.996-.958 2.996-3.546 0-2.43-1.853-3.31-3.407-3.619a.432.432 0 0 1-.35-.4c-.102-1.777-1.154-2.572-2.152-2.572-.627 0-1.212.293-1.604.804a.439.439 0 0 1-.412.165.435.435 0 0 1-.344-.277c-.354-.947-.877-1.772-1.514-2.387-1.675-1.62-3.967-2.06-6.13-1.176-1.797.731-3.205 2.834-3.205 4.789 0 .22.014.437.04.649a.432.432 0 0 1-.328.473C2.657 8.332.873 9.136.873 11.587c0 .093.005.176.009.264.08 1.436 1.33 2.755 3.04 3.207l-.225.837C1.627 15.347.11 13.704.01 11.896a5.51 5.51 0 0 1-.01-.31c0-2.832 1.98-3.882 3.149-4.255a5.921 5.921 0 0 1-.012-.384c0-2.318 1.61-4.72 3.744-5.59 2.496-1.017 5.14-.51 7.072 1.36A7.06 7.06 0 0 1 15.415 4.8a2.861 2.861 0 0 1 1.803-.637c1.34 0 2.747.95 2.994 3.06C22.66 7.814 24 9.364 24 11.621Z' })));
+};
+const AxiomLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size * (24 / 25), viewBox: '0 0 25 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { fill: fill || '#09101F', d: 'M24.8172 16.3508L19.4768 7.25452C19.2319 6.83646 18.6285 6.49438 18.1358 6.49438H14.8018C14.0268 6.49438 13.709 5.95705 14.0957 5.30028L15.924 2.19416C16.0691 1.94761 16.0688 1.64416 15.9232 1.39791C15.7776 1.15167 15.5088 1 15.2179 1H10.5668C10.0741 1 9.46936 1.3413 9.22284 1.7584L0.185002 17.0513C-0.0615144 17.4684 -0.0616976 18.1511 0.184635 18.5683L2.51012 22.5073C2.89759 23.1636 3.53305 23.1643 3.92217 22.509L5.73928 19.4489C6.1284 18.7935 6.76386 18.7943 7.15133 19.4506L8.7987 22.2409C9.04497 22.6582 9.64968 22.9995 10.1423 22.9995H20.89C21.3826 22.9995 21.9873 22.6582 22.2336 22.2409L24.8145 17.8696C25.0608 17.4524 25.062 16.7689 24.8172 16.3508ZM17.605 15.913C17.99 16.5707 17.671 17.1087 16.8961 17.1087H8.53623C7.76129 17.1087 7.44424 16.5718 7.83171 15.9155L12.015 8.83009C12.4024 8.17379 13.0364 8.17379 13.4238 8.83015L17.605 15.913Z' })));
+};
+const BetterStackLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size * (21 / 26), viewBox: '0 0 26 21', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#C9D3EE', d: 'm25.4694 17.0768-8.5583-16.04826c-.7466-1.399958-2.7607-1.362955-3.4559.06307l-2.1046 4.23601c-.2543.52158-.1364.70773.0751 1.01048.1696.24283.5633.26199.7236.01287.1575-.24493.5226-.22237.6488.04011l5.5023 11.44492c.4147.9326 1.2832 1.5824 2.2935 1.7153l2.9111.3722c1.5665.206 2.7093-1.4499 1.9644-2.8467z' }),
+            React.createElement("path", { fill: fill || '#C9D3EE', d: 'm14.0858 18.1833-4.84338-13.95529c-.53793-1.5498-2.79317-1.48268-3.23456.09616l-1.47346 5.27266c-.16712.59857-.2314.94477.00045 1.52197h.5595l2.03401 6.4999c.315.7843.96566 1.3931 1.77897 1.664l3.03227 1.0104c1.3298.443 2.599-.8046 2.1462-2.1098z' }),
+            React.createElement("path", { fill: fill || '#C9D3EE', d: 'm.834857 8.85118-.8196064 7.10922c-.0842004.73.1941994 1.455.7453294 1.9408l2.03101 1.7905c.69544.6132 1.77558.0156 1.62618-.8996l-1.62873-9.98687c-.18456-1.13079-1.822921-1.09222-1.954183.04595z' }))));
+};
+const BlobStorageLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 48 48', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#2979ff', d: 'M32.66,7H15.34c-0.715,0-1.375,0.381-1.732,1l-8.66,15c-0.357,0.619-0.357,1.381,0,2l8.66,15c0.357,0.619,1.018,1,1.732,1H32.66c0.715,0,1.375-0.381,1.732-1l8.66-15c0.357-0.619,0.357-1.381,0-2l-8.66-15C34.035,7.381,33.375,7,32.66,7z' }),
+            React.createElement("path", { fill: fill || '#ffffff', d: 'M32,35H16c-0.552,0-1-0.448-1-1V14c0-0.552,0.448-1,1-1h13l4,4v17C33,34.552,32.552,35,32,35z' }),
+            React.createElement("path", { fill: fill || '#b1cfff', d: 'M29,13v3c0,0.552,0.448,1,1,1h3L29,13z' }),
+            React.createElement("path", { fill: fill || '#03a9f4', d: 'M22.265 23.831H20.93V19.58l-1.312.383v-1.011l2.524-.873h.122V23.831zM28.702 21.48c0 .416-.049.776-.146 1.081-.097.303-.234.556-.411.756-.176.2-.387.349-.632.446-.245.097-.515.146-.81.146-.298 0-.57-.049-.816-.146-.246-.097-.457-.246-.633-.446-.176-.2-.315-.453-.413-.756-.099-.305-.147-.665-.147-1.081v-1.051c0-.413.049-.773.146-1.078.097-.305.234-.558.411-.758.176-.2.387-.349.632-.446C26.126 18.049 26.397 18 26.695 18c.295 0 .565.049.811.146.246.097.458.246.635.446.176.2.313.453.412.758.099.305.149.665.149 1.078V21.48zM27.37 20.26c0-.229-.016-.421-.047-.579-.032-.155-.076-.283-.134-.381-.058-.097-.129-.167-.212-.209-.083-.042-.176-.063-.282-.063-.105 0-.2.021-.283.063-.083.042-.153.112-.209.209-.057.097-.1.225-.13.381-.03.158-.045.35-.045.579v1.383c0 .234.014.431.045.589.03.158.075.286.133.381.058.097.129.166.213.208.084.042.179.063.284.063.103 0 .195-.021.278-.063.083-.042.154-.111.212-.208.058-.095.101-.223.132-.381.03-.158.046-.354.046-.589V20.26zM23.308 29.571c0 .416-.049.776-.146 1.081-.097.303-.234.556-.411.756-.176.2-.387.349-.632.446C21.874 31.951 21.604 32 21.309 32c-.298 0-.57-.049-.816-.146-.246-.097-.457-.246-.633-.446-.176-.2-.315-.453-.413-.756-.099-.305-.147-.665-.147-1.081V28.52c0-.413.049-.773.146-1.078.097-.305.234-.558.411-.758.176-.2.387-.349.632-.446.245-.097.516-.146.814-.146.295 0 .565.049.811.146.246.097.458.246.635.446.176.2.313.453.412.758s.149.665.149 1.078V29.571zM21.977 28.35c0-.229-.016-.421-.047-.579-.032-.155-.076-.283-.134-.381-.058-.097-.129-.167-.212-.209-.083-.042-.176-.063-.282-.063s-.2.021-.283.063c-.083.042-.153.112-.209.209-.057.097-.1.225-.13.381-.03.158-.045.35-.045.579v1.383c0 .234.014.431.045.589.03.158.075.286.133.381.058.097.129.166.213.208s.179.063.284.063c.103 0 .195-.021.278-.063.083-.042.154-.111.212-.208.058-.095.101-.223.132-.381.03-.158.046-.354.046-.589V28.35zM27.659 31.921h-1.335V27.67l-1.312.383v-1.011l2.524-.873h.122V31.921z' }))));
+};
+const CauselyLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 160 160', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("defs", null,
+            React.createElement("radialGradient", { id: 'causely-gradient', cx: '61.28', cy: '-686.16', fx: '61.28', fy: '-686.16', r: '117.04', gradientTransform: 'matrix(1,0,0,-1,0,-590)', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#4338a6', offset: '0' }),
+                React.createElement("stop", { stopColor: '#019b84', offset: '.5' }),
+                React.createElement("stop", { stopColor: '#02b484', offset: '.8' }),
+                React.createElement("stop", { stopColor: '#03bd85', offset: '1' }))),
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#03bc85', style: { fill: fill || 'url(#causely-gradient)' }, d: 'M 131.01,24.2 V 2.99 c 0,-2.83 -3.18,-3.89 -4.95,-2.12 l -20.15,20.15 c -0.71,0.71 -1.41,2.12 -1.41,3.18 v 18.03 c 0,1.06 -0.35,2.12 -1.41,3.18 L 74.1,74.76 c -1.06,1.06 -2.83,1.77 -4.24,1.06 -3.54,-1.06 -7.43,-1.41 -11.32,-0.35 -7.78,1.77 -13.79,8.13 -15.56,15.91 -3.18,15.2 9.9,28.64 25.46,25.46 7.78,-1.77 14.14,-7.78 15.91,-15.56 1.06,-3.89 0.71,-7.78 -0.35,-11.32 -0.35,-1.41 0,-3.18 1.06,-4.24 6.01,-6.01 24.4,-24.4 29.35,-29.35 0.71,-0.71 1.77,-1.41 3.18,-1.41 h 18.03 c 1.06,0 2.48,-0.35 3.18,-1.41 l 19.8,-19.8 c 1.77,-1.77 0.71,-4.95 -2.12,-4.95 h -21.22 c -2.48,0 -4.24,-2.12 -4.24,-4.6 v 0 z m -28.64,60.46 c 2.12,6.72 2.12,14.14 0,21.92 -4.24,15.2 -17.33,26.87 -32.88,28.99 C 42.62,139.46 19.99,116.83 23.88,89.96 26,74.4 37.67,61.32 52.87,57.08 c 7.78,-2.12 15.2,-1.77 21.92,0 1.06,0.35 1.77,0 2.83,-0.71 L 91.76,42.23 C 93.17,40.82 92.82,38.69 91.05,37.99 81.15,33.04 69.83,30.92 57.81,31.98 28.47,35.16 4.07,58.5 0.53,87.85 c -5.3,41.72 29.7,76.73 71.43,71.43 29.35,-3.54 52.69,-27.93 55.51,-57.28 1.06,-12.02 -1.06,-23.34 -6.01,-33.24 -0.71,-1.77 -2.83,-1.77 -4.24,-0.71 l -14.14,14.14 c -1.06,0.71 -1.06,1.77 -0.71,2.48 v 0 z' }),
+            React.createElement("path", { fill: fill || '#03bc85', d: 'm 121.46,68.75 c -0.71,-1.77 -2.83,-1.77 -4.24,-0.71 l -14.14,14.14 c -0.71,0.71 -1.06,1.77 -0.71,2.83 2.12,6.72 2.12,14.14 0,21.92 -4.24,15.2 -17.33,26.87 -32.88,28.99 C 42.62,139.81 19.99,117.18 23.88,90.31 26,74.75 37.67,61.67 52.87,57.43 c 7.78,-2.12 15.2,-1.77 21.92,0 1.06,0.35 1.77,0 2.83,-0.71 L 91.76,42.58 C 93.17,41.17 92.82,39.04 91.05,38.34 81.15,33.39 69.83,31.27 57.81,32.33 28.47,35.16 4.07,58.5 0.53,87.85 c -5.3,41.72 29.7,76.73 71.43,71.43 29.35,-3.54 52.69,-27.93 55.51,-57.28 1.06,-12.02 -1.41,-23.34 -6.01,-33.24 v 0 z' }))));
+};
+const ChronosphereLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 161 161', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#2FBF71', d: 'M80 0C117.6 0 149.2 26 157.7 61C152.2 53.2 143.1 48.1 132.8 48.1C116 48.1 102.3 61.7 102.3 78.6C102.3 95.5 115.9 109.1 132.8 109.1C143.7 109.1 153.2 103.4 158.6 94.9C151.7 132 119.1 160.1 80 160.1C35.8 160.1 0 124.3 0 80.1C0 35.9 35.9 0 80 0Z' }),
+            React.createElement("path", { fill: fill || '#2FBE70', d: 'M82.4 160C43.5 153.4 13.8 120.1 13.8 80C13.8 39.9 43.4 6.7 82.4 0C119 1.1 149.4 26.7 157.8 61C152.3 53.2 143.2 48.1 132.9 48.1C116.1 48.1 102.4 61.7 102.4 78.6C102.4 95.5 116 109.1 132.9 109.1C143.8 109.1 153.3 103.4 158.7 94.9C151.9 131.2 120.5 158.9 82.4 160Z' }),
+            React.createElement("path", { fill: fill || '#33C172', d: 'M95.5 158.5C51.7 157.9 16.4 123 16.4 80C16.4 37 51.7 2.1 95.5 1.5C126.1 7.5 150.4 30.9 157.7 61C152.2 53.2 143.1 48.1 132.8 48.1C116 48.1 102.3 61.7 102.3 78.6C102.3 95.5 115.9 109.1 132.8 109.1C143.7 109.1 153.2 103.4 158.6 94.9C152.7 126.9 127.5 152.3 95.5 158.5Z' }),
+            React.createElement("path", { fill: fill || '#37C573', d: 'M96.7 4.2C100.4 4.2 104.1 4.5 107.7 5C132.4 14.1 151.4 35.1 157.7 61.1C152.2 53.3 143.1 48.2 132.8 48.2C116 48.2 102.3 61.8 102.3 78.7C102.3 95.6 115.9 109.2 132.8 109.2C143.7 109.2 153.2 103.5 158.6 95C153.4 122.9 133.7 145.6 107.7 155.3C104.1 155.8 100.4 156.1 96.7 156.1C53.9 156.1 19.2 122.1 19.2 80.3C19.2 38.5 53.9 4.2 96.7 4.2Z' }),
+            React.createElement("path", { fill: fill || '#3BC875', d: 'M96.7 6.9C104.5 6.9 112 8.1 119 10.2C138.1 20.9 152.4 39.2 157.7 61.1C152.2 53.3 143.1 48.2 132.8 48.2C116 48.2 102.3 61.8 102.3 78.7C102.3 95.6 115.9 109.2 132.8 109.2C143.7 109.2 153.2 103.5 158.6 95C154.2 118.7 139.3 138.7 119 150.1C111.9 152.3 104.4 153.4 96.7 153.4C55.3 153.4 21.8 120.6 21.8 80.2C21.8 39.8 55.3 6.9 96.7 6.9Z' }),
+            React.createElement("path", { fill: fill || '#3FCB77', d: 'M96.7 9.5C108.6 9.5 119.8 12.3 129.7 17.3C143.4 28.2 153.5 43.5 157.8 61C152.3 53.2 143.2 48.1 132.9 48.1C116.1 48.1 102.4 61.7 102.4 78.6C102.4 95.5 116 109.1 132.9 109.1C143.8 109.1 153.3 103.4 158.7 94.9C155.1 114.2 144.5 131.1 129.7 142.8C119.8 147.8 108.6 150.6 96.7 150.6C56.8 150.6 24.5 119 24.5 80.1C24.5 41.2 56.8 9.5 96.7 9.5Z' }),
+            React.createElement("path", { fill: fill || '#43CE78', d: 'M96.7 12.2C112.9 12.2 127.8 17.6 139.6 26.6C148.2 36.2 154.6 48 157.8 61C152.3 53.2 143.2 48.1 132.9 48.1C116.1 48.1 102.4 61.7 102.4 78.6C102.4 95.5 116 109.1 132.9 109.1C143.8 109.1 153.3 103.4 158.7 94.9C156 109.6 149.2 122.8 139.6 133.5C127.8 142.6 112.9 147.9 96.7 147.9C58.3 147.9 27.2 117.5 27.2 80C27.2 42.5 58.3 12.2 96.7 12.2Z' }),
+            React.createElement("path", { fill: fill || '#48D27A', d: 'M96.7 14.9C117.8 14.9 136.6 24.4 148.9 39.3C152.9 46 155.9 53.3 157.8 61.1C152.3 53.3 143.2 48.2 132.9 48.2C116.1 48.2 102.4 61.8 102.4 78.7C102.4 95.6 116 109.2 132.9 109.2C143.8 109.2 153.3 103.5 158.7 95C157 104.3 153.6 113.1 148.9 120.9C136.6 135.8 117.8 145.3 96.7 145.3C59.8 145.3 29.8 116.1 29.8 80.1C29.8 44.1 59.8 14.9 96.7 14.9Z' }),
+            React.createElement("path", { fill: fill || '#4CD57C', d: 'M96.7 17.5C124.8 17.5 148.7 35.1 157.4 59.6C157.5 60.1 157.6 60.5 157.8 61C152.3 53.2 143.2 48.1 132.9 48.1C116.1 48.1 102.4 61.7 102.4 78.6C102.4 95.5 116 109.1 132.9 109.1C143.8 109.1 153.3 103.4 158.7 94.9C158.3 96.8 157.9 98.7 157.4 100.5C148.7 125 124.8 142.6 96.7 142.6C61.2 142.6 32.5 114.6 32.5 80.1C32.5 45.6 61.2 17.5 96.7 17.5Z' }),
+            React.createElement("path", { fill: fill || '#50D87D', d: 'M96.7 20.2C121.8 20.2 143.3 34.8 152.9 55.7C147.5 51 140.5 48.2 132.9 48.2C116.1 48.2 102.4 61.8 102.4 78.7C102.4 95.6 116 109.2 132.9 109.2C141.5 109.2 149.3 105.6 154.8 99.9C146.4 123.3 123.6 140 96.7 140C62.7 140 35.1 113.2 35.1 80.1C35.1 47 62.7 20.2 96.7 20.2Z' }),
+            React.createElement("path", { fill: fill || '#54DB7F', d: 'M96.7 22.8C118.8 22.8 138.1 34.7 148.2 52.2C143.7 49.6 138.5 48.1 132.9 48.1C116.1 48.1 102.4 61.7 102.4 78.6C102.4 95.5 116 109.1 132.9 109.1C139.4 109.1 145.4 107.1 150.4 103.6C141.2 123.5 120.6 137.3 96.7 137.3C64.2 137.3 37.8 111.7 37.8 80.1C37.8 48.5 64.2 22.8 96.7 22.8Z' }),
+            React.createElement("path", { fill: fill || '#58DF80', d: 'M96.7 25.5C116.4 25.5 133.7 35.3 143.7 50.1C140.3 48.8 136.7 48.1 132.9 48.1C116.1 48.1 102.4 61.7 102.4 78.6C102.4 95.5 116 109.1 132.9 109.1C137.6 109.1 142.1 108 146.1 106.1C136.6 123.1 118 134.6 96.7 134.6C65.6 134.6 40.5 110.2 40.5 80.1C40.5 49.9 65.6 25.5 96.7 25.5Z' }),
+            React.createElement("path", { fill: fill || '#5CE281', d: 'M96.7 28.2C114.2 28.2 129.8 36.3 139.5 48.9C137.4 48.4 135.2 48.2 132.9 48.2C116.1 48.2 102.4 61.8 102.4 78.7C102.4 95.6 116 109.2 132.9 109.2C136.1 109.2 139.1 108.7 142 107.8C132.5 122.4 115.8 132 96.7 132C67.1 132 43.1 108.8 43.1 80.1C43.1 51.4 67.1 28.2 96.7 28.2Z' }),
+            React.createElement("path", { fill: fill || '#60E684', d: 'M96.7 30.8C112.3 30.8 126.2 37.6 135.6 48.2C134.7 48.1 133.8 48.1 132.9 48.1C116.1 48.1 102.4 61.7 102.4 78.6C102.4 95.5 116 109.1 132.9 109.1C134.7 109.1 136.4 108.9 138.1 108.7C128.9 121.2 113.8 129.3 96.7 129.3C68.6 129.3 45.8 107.3 45.8 80.1C45.8 52.9 68.6 30.8 96.7 30.8Z' }))));
+};
+const ClickhouseLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size * (8 / 9), viewBox: '0 0 9 8', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#f00', d: 'm0 7h1v1h-1z' }),
+            React.createElement("path", { fill: fill || '#fc0', d: 'm0 0h1v7h-1zm2 0h1v8h-1zm2 0h1v8h-1zm2 0h1v8h-1zm2 3.25h1v1.5h-1z' }))));
+};
+const CoralogixLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 140 140', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("circle", { fill: fill || '#3CC48F', cx: '69.6', cy: '69.6', r: '62.6' }),
+            React.createElement("path", { fill: fill || '#AEFFDC', d: 'M69.6,139.1C31.2,139.1,0,107.9,0,69.6C0,31.2,31.2,0,69.6,0s69.6,31.2,69.6,69.6 C139.1,107.9,107.9,139.1,69.6,139.1z M69.6,13.8c-30.7,0-55.7,25-55.7,55.7c0,30.7,25,55.7,55.7,55.7s55.7-25,55.7-55.7 C125.3,38.8,100.3,13.8,69.6,13.8z' }))));
+};
+const Dash0Logo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size * (20 / 30.5), viewBox: '0 0 30.5 20', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#ffffff', d: 'm 20.5,20 c 5.5234,0 10,-4.4771 10,-10 0,-5.52295 -4.4766,-10 -10,-10 -5.5234,0 -10,4.47705 -10,10 0,5.5229 4.4766,10 10,10 z' }),
+            React.createElement("path", { fill: fill || '#ffffff', d: 'M 7.04688,16.9685 C 5.17773,18.8328 2.64258,19.8799 0,19.8799 V 0 c 2.64258,0 5.17773,1.04736 7.04688,2.91138 1.86914,1.86401 2.91796,4.39233 2.91796,7.02856 0,2.63626 -1.04882,5.16456 -2.91796,7.02856 z' }))));
+};
+const DatadogLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 860 860', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { fill: fill || '#632ca6', d: 'm670.38 608.27-71.24-46.99-59.43 99.27-69.12-20.21-60.86 92.89 3.12 29.24 330.9-60.97-19.22-206.75zm-308.59-89.14 53.09-7.3c8.59 3.86 14.57 5.33 24.87 7.95 16.04 4.18 34.61 8.19 62.11-5.67 6.4-3.17 19.73-15.36 25.12-22.31l217.52-39.46 22.19 268.56-372.65 67.16zm404.06-96.77-21.47 4.09-41.25-426.18-702.86 81.5 86.59 702.68 82.27-11.94c-6.57-9.38-16.8-20.73-34.27-35.26-24.23-20.13-15.66-54.32-1.37-75.91 18.91-36.48 116.34-82.84 110.82-141.15-1.98-21.2-5.35-48.8-25.03-67.71-.74 7.85.59 15.41.59 15.41s-8.08-10.31-12.11-24.37c-4-5.39-7.14-7.11-11.39-14.31-3.03 8.33-2.63 17.99-2.63 17.99s-6.61-15.62-7.68-28.8c-3.92 5.9-4.91 17.11-4.91 17.11s-8.59-24.62-6.63-37.88c-3.92-11.54-15.54-34.44-12.25-86.49 21.45 15.03 68.67 11.46 87.07-15.66 6.11-8.98 10.29-33.5-3.05-81.81-8.57-30.98-29.79-77.11-38.06-94.61l-.99.71c4.36 14.1 13.35 43.66 16.8 57.99 10.44 43.47 13.24 58.6 8.34 78.64-4.17 17.42-14.17 28.82-39.52 41.56-25.35 12.78-58.99-18.32-61.12-20.04-24.63-19.62-43.68-51.63-45.81-67.18-2.21-17.02 9.81-27.24 15.87-41.16-8.67 2.48-18.34 6.88-18.34 6.88s11.54-11.94 25.77-22.27c5.89-3.9 9.35-6.38 15.56-11.54-8.99-.15-16.29.11-16.29.11s14.99-8.1 30.53-14c-11.37-.5-22.25-.08-22.25-.08s33.45-14.96 59.87-25.94c18.17-7.45 35.92-5.25 45.89 9.17 13.09 18.89 26.84 29.15 55.98 35.51 17.89-7.93 23.33-12.01 45.81-18.13 19.79-21.76 35.33-24.58 35.33-24.58s-7.71 7.07-9.77 18.18c11.22-8.84 23.52-16.22 23.52-16.22s-4.76 5.88-9.2 15.22l1.03 1.53c13.09-7.85 28.48-14.04 28.48-14.04s-4.4 5.56-9.56 12.76c9.87-.08 29.89.42 37.66 1.3 45.87 1.01 55.39-48.99 72.99-55.26 22.04-7.87 31.89-12.63 69.45 24.26 32.23 31.67 57.41 88.36 44.91 101.06-10.48 10.54-31.16-4.11-54.08-32.68-12.11-15.13-21.27-33.01-25.56-55.74-3.62-19.18-17.71-30.31-17.71-30.31s8.18 18.18 8.18 34.24c0 8.77 1.1 41.56 15.16 59.96-1.39 2.69-2.04 13.31-3.58 15.34-16.36-19.77-51.49-33.92-57.22-38.09 19.39 15.89 63.96 52.39 81.08 87.37 16.19 33.08 6.65 63.4 14.84 71.25 2.33 2.25 34.82 42.73 41.07 63.07 10.9 35.45.65 72.7-13.62 95.81l-39.85 6.21c-5.83-1.62-9.76-2.43-14.99-5.46 2.88-5.1 8.61-17.82 8.67-20.44l-2.25-3.95c-12.4 17.57-33.18 34.63-50.44 44.43-22.59 12.8-48.63 10.83-65.58 5.58-48.11-14.84-93.6-47.35-104.57-55.89 0 0-.34 6.82 1.73 8.35 12.13 13.68 39.92 38.43 66.78 55.68l-57.26 6.3 27.07 210.78c-12 1.72-13.87 2.56-27.01 4.43-11.58-40.91-33.73-67.62-57.94-83.18-21.35-13.72-50.8-16.81-78.99-11.23l-1.81 2.1c19.6-2.04 42.74.8 66.51 15.85 23.33 14.75 42.13 52.85 49.05 75.79 8.86 29.32 14.99 60.68-8.86 93.92-16.97 23.63-66.51 36.69-106.53 8.44 10.69 17.19 25.14 31.25 44.59 33.9 28.88 3.92 56.29-1.09 75.16-20.46 16.11-16.56 24.65-51.19 22.4-87.66l25.49-3.7 9.2 65.46 421.98-50.81zm-256.73-177.77c-1.18 2.69-3.03 4.45-.25 13.2l.17.5.44 1.13 1.16 2.62c5.01 10.24 10.51 19.9 19.7 24.83 2.38-.4 4.84-.67 7.39-.8 8.63-.38 14.08.99 17.54 2.85.31-1.72.38-4.24.19-7.95-.67-12.97 2.57-35.03-22.36-46.64-9.41-4.37-22.61-3.02-27.01 2.43.8.1 1.52.27 2.08.46 6.65 2.33 2.14 4.62.95 7.37m69.87 121.02c-3.27-1.8-18.55-1.09-29.29.19-20.46 2.41-42.55 9.51-47.39 13.29-8.8 6.8-4.8 18.66 1.7 23.53 18.23 13.62 34.21 22.75 51.08 20.53 10.36-1.36 19.49-17.76 25.96-32.64 4.43-10.25 4.43-21.31-2.06-24.9m-181.14-104.96c5.77-5.48-28.74-12.68-55.52 5.58-19.75 13.47-20.38 42.35-1.47 58.72 1.89 1.62 3.45 2.77 4.91 3.71 5.52-2.6 11.81-5.23 19.05-7.58 12.23-3.97 22.4-6.02 30.76-7.11 4-4.47 8.65-12.34 7.49-26.59-1.58-19.33-16.23-16.26-5.22-26.73' })));
+};
+const DynatraceLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 2048 2048', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#1496FF', d: 'M697,171.6c-25.7,139.2-59.1,344.9-76.4,553.5c-30.6,368.5-11.7,615.3-11.7,615.3L90.6,1833.7c0,0-40-276.8-60.2-588c-12.4-191.9-16.1-362.4-17-464.9c-0.1-6.1,3-11.9,3-17.6c0-6.6,8.7-75.7,76.1-139.6C166.4,553.3,704.6,130.8,697,171.6z' }),
+            React.createElement("path", { fill: fill || '#1284EA', d: 'M697,171.6c-25.7,139.2-59.1,344.9-76.4,553.5c0,0-574-68.5-607,69.8c0-6.7,9.6-91.7,77-155.6C164.4,569.1,704.6,130.8,697,171.6z' }),
+            React.createElement("path", { fill: fill || '#B4DC00', d: 'M13.3,763c0.1,9.8,0.2,20.5,0.3,31.9c6.1-25.3,15.6-42.9,36.6-69.5c42.6-54.1,111.5-68.2,139.1-71.9c140.3-18.4,347.5-41,556.7-47.5c369.6-11.4,614,19.3,614,19.3l518.2-493.3c0,0-272-51.9-581.8-88.3c-202.4-23.8-381.3-36.4-481-42.2c-6.7-0.4-78.5-9.2-145.8,54.8c-74,70.1-444.9,422.2-594,563.8C8.2,684.3,13.2,756.4,13.3,763z' }),
+            React.createElement("path", { fill: fill || '#6F2DA8', d: 'M1859,1392.7c-140.3,18.8-347.3,42.1-556.6,49.1c-369.6,12.3-615.1-18.7-615.1-18.7l-518.2,493.3c0,0,274.5,53.6,584.4,89.1c189.3,21.7,358,33.7,460.7,39.8c7.1,0.4,19.3-5.9,25.8-5.5c6.7,0.3,79-12.9,146.2-77.1C1460,1892.3,1900.2,1387.2,1859,1392.7z' }),
+            React.createElement("path", { fill: fill || '#591F91', d: 'M1859,1392.7c-140.3,18.8-347.3,42.1-556.6,49.1c0,0,40.1,576.6-99.7,602.8c6.7,0.4,101.7-4.6,169-68.7C1445.5,1905.5,1900.2,1387.2,1859,1392.7z' }),
+            React.createElement("path", { fill: fill || '#73BE28', d: 'M1234.6,2046.4c-9.8-0.6-20.5-1.2-31.9-1.9c25.6-4.8,43.7-13.4,71.2-33c56.1-40,73.7-108,78.6-135.5c25.3-139.2,58.1-345,74.9-553.7c29.6-368.6,11-614.3,11-614.3l518.2-493.3c0,0,38.4,274.2,59.5,585.5c13.7,203.4,17.5,382.7,18.4,482.5c0,6.7,5.3,78.8-62,142.9c-73.7,70.5-443.7,423.6-592.4,565.5C1313.1,2055.4,1241.3,2046.8,1234.6,2046.4z' }))));
+};
+const ElasticApmLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 64 64', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#F04E98', d: 'M5 22H59V5H5V22Z' }),
+            React.createElement("path", { fill: fill || '#0077CC', d: 'M37 59H59V44H37V59Z' }),
+            React.createElement("path", { fill: fill || '#343741', d: 'M22 22H59C59 31.3888 51.3888 39 42 39H22V22Z' }))));
+};
+const ElasticSearchLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    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 },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#343741', d: 'M0,143.820336 C0,156.260873 1.74383247,168.260957 4.71014544,179.775644 L179.776543,179.775644 C199.632863,179.775644 215.731852,163.676655 215.731852,143.820336 C215.731852,123.955028 199.632863,107.865027 179.776543,107.865027 L4.71014544,107.865027 C1.74383247,119.370726 0,131.379799 0,143.820336' }),
+            React.createElement("path", { fill: fill || '#FEC514', d: 'M242.013385,68.8634049 C247.038139,64.2341589 251.712329,59.2633375 256,53.932963 C229.63577,21.0787997 189.213014,-7.10522777e-15 143.819437,-7.10522777e-15 C87.0010604,-7.10522777e-15 38.1018406,33.0519175 14.7758341,80.8994445 L211.334518,80.8994445 C222.714373,80.8994445 233.653776,76.5758187 242.013385,68.8634049' }),
+            React.createElement("path", { fill: fill || '#00BFB3', d: 'M211.333619,206.742126 L14.7749352,206.742126 C38.1099305,254.580664 87.0001615,287.641571 143.818538,287.641571 C189.212115,287.641571 229.634871,266.553782 255.999101,233.708608 C251.711431,228.369244 247.03724,223.398423 242.012486,218.769177 C233.652877,211.047774 222.713474,206.742126 211.333619,206.742126' }))));
+};
+const GigapipeLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 1000 1000', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { fill: fill || '#7D12FF', d: 'M500,333.34,666.66,500,500,666.66,333.34,500ZM875,625l125-125L500,0,0,500l500,500L833.34,666.67l-125-125L500,750,250,500,500,250,750,500Z' })));
+};
+const GoogleCloudPlatformLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size * (206 / 256), viewBox: '0 0 256 206', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#EA4335', d: 'M170.2517,56.8186 L192.5047,34.5656 L193.9877,25.1956 C153.4367,-11.6774 88.9757,-7.4964 52.4207,33.9196 C42.2667,45.4226 34.7337,59.7636 30.7167,74.5726 L38.6867,73.4496 L83.1917,66.1106 L86.6277,62.5966 C106.4247,40.8546 139.8977,37.9296 162.7557,56.4286 L170.2517,56.8186 Z' }),
+            React.createElement("path", { fill: fill || '#4285F4', d: 'M224.2048,73.9182 C219.0898,55.0822 208.5888,38.1492 193.9878,25.1962 L162.7558,56.4282 C175.9438,67.2042 183.4568,83.4382 183.1348,100.4652 L183.1348,106.0092 C198.4858,106.0092 210.9318,118.4542 210.9318,133.8052 C210.9318,149.1572 198.4858,161.2902 183.1348,161.2902 L127.4638,161.2902 L121.9978,167.2242 L121.9978,200.5642 L127.4638,205.7952 L183.1348,205.7952 C223.0648,206.1062 255.6868,174.3012 255.9978,134.3712 C256.1858,110.1682 244.2528,87.4782 224.2048,73.9182' }),
+            React.createElement("path", { fill: fill || '#34A853', d: 'M71.8704,205.7957 L127.4634,205.7957 L127.4634,161.2897 L71.8704,161.2897 C67.9094,161.2887 64.0734,160.4377 60.4714,158.7917 L52.5844,161.2117 L30.1754,183.4647 L28.2234,191.0387 C40.7904,200.5277 56.1234,205.8637 71.8704,205.7957' }),
+            React.createElement("path", { fill: fill || '#FBBC05', d: 'M71.8704,61.4255 C31.9394,61.6635 -0.2366,94.2275 0.0014,134.1575 C0.1344,156.4555 10.5484,177.4455 28.2234,191.0385 L60.4714,158.7915 C46.4804,152.4705 40.2634,136.0055 46.5844,122.0155 C52.9044,108.0255 69.3704,101.8085 83.3594,108.1285 C89.5244,110.9135 94.4614,115.8515 97.2464,122.0155 L129.4944,89.7685 C115.7734,71.8315 94.4534,61.3445 71.8704,61.4255' }))));
+};
+const GrafanaLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size * (334 / 363), height: size, viewBox: '8.5 1 334 363', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: 'grafana-gradient', gradientUnits: 'userSpaceOnUse', x1: '175.5', x2: '175.5', y1: '30%', y2: '99%' },
+                React.createElement("stop", { stopColor: '#f05a28', offset: '0' }),
+                React.createElement("stop", { stopColor: '#fbca0a', offset: '1' }))),
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || 'url(#grafana-gradient)', d: 'M342 161.2c-.6-6.1-1.6-13.1-3.6-20.9-2-7.7-5-16.2-9.4-25s-10.1-17.9-17.5-26.8c-2.9-3.5-6.1-6.9-9.5-10.2 5.1-20.3-6.2-37.9-6.2-37.9-19.5-1.2-31.9 6.1-36.5 9.4-.8-.3-1.5-.7-2.3-1-3.3-1.3-6.7-2.6-10.3-3.7-3.5-1.1-7.1-2.1-10.8-3s-7.4-1.6-11.2-2.2c-.7-.1-1.3-.2-2-.3C214.2 12.4 189.8 1 189.8 1c-27.3 17.3-32.4 41.5-32.4 41.5s-.1.5-.3 1.4c-1.5.4-3 .9-4.5 1.3-2.1.6-4.2 1.4-6.2 2.2-2.1.8-4.1 1.6-6.2 2.5-4.1 1.8-8.2 3.8-12.2 6-3.9 2.2-7.7 4.6-11.4 7.1l-1-.4c-37.8-14.4-71.3 2.9-71.3 2.9-3.1 40.2 15.1 65.5 18.7 70.1-.9 2.5-1.7 5-2.5 7.5-2.8 9.1-4.9 18.4-6.2 28.1-.2 1.4-.4 2.8-.5 4.2C18.8 192.7 8.5 228 8.5 228c29.1 33.5 63.1 35.6 63.1 35.6l.1-.1c4.3 7.7 9.3 15 14.9 21.9 2.4 2.9 4.8 5.6 7.4 8.3-10.6 30.4 1.5 55.6 1.5 55.6 32.4 1.2 53.7-14.2 58.2-17.7 3.2 1.1 6.5 2.1 9.8 2.9 10 2.6 20.2 4.1 30.4 4.5 2.5.1 5.1.2 7.6.1h3.6l1.6-.1v.1c15.3 21.8 42.1 24.9 42.1 24.9 19.1-20.1 20.2-40.1 20.2-44.4v-.3-.6-.9c4-2.8 7.8-5.8 11.4-9.1 7.6-6.9 14.3-14.8 19.9-23.3l1.5-2.4c21.6 1.2 36.9-13.4 36.9-13.4-3.6-22.5-16.4-33.5-19.1-35.6s-.1-.1-.3-.2-.2-.2-.2-.2c-.1-.1-.3-.2-.5-.3.1-1.4.2-2.7.3-4.1.2-2.4.2-4.9.2-7.3v-3.2-.6l-.1-1.5-.1-2c0-.7-.1-1.3-.2-1.9s-.1-1.3-.2-1.9l-.2-1.9-.3-1.9c-.4-2.5-.8-4.9-1.4-7.4-2.3-9.7-6.1-18.9-11-27.2-5-8.3-11.2-15.6-18.3-21.8-7-6.2-14.9-11.2-23.1-14.9-8.3-3.7-16.9-6.1-25.5-7.2-4.3-.6-8.6-.8-12.9-.7h-3.2l-1.6.1c-.6 0-1.2.1-1.7.1-2.2.2-4.4.5-6.5.9-8.6 1.6-16.7 4.7-23.8 9s-13.3 9.6-18.3 15.6-8.9 12.7-11.6 19.6-4.2 14.1-4.6 21c-.1 1.7-.1 3.5-.1 5.2v1.3l.1 1.4c.1.8.1 1.7.2 2.5.3 3.5 1 6.9 1.9 10.1 1.9 6.5 4.9 12.4 8.6 17.4s8.2 9.1 12.9 12.4c4.7 3.2 9.8 5.5 14.8 7s10 2.1 14.7 2.1h2.6c.3 0 .6 0 .9-.1.5 0 1-.1 1.5-.1.1 0 .3 0 .4-.1l.5-.1c.3 0 .6-.1.9-.1.6-.1 1.1-.2 1.7-.3s1.1-.2 1.6-.4c1.1-.2 2.1-.6 3.1-.9 2-.7 4-1.5 5.7-2.4 1.8-.9 3.4-2 5-3 .4-.3.9-.6 1.3-1 1.6-1.3 1.9-3.7.6-5.3-1.1-1.4-3.1-1.8-4.7-.9l-1.2.6c-1.4.7-2.8 1.3-4.3 1.8s-3.1.9-4.7 1.2c-.8.1-1.6.2-2.5.3-.4 0-.8.1-1.3.1h-2.4c-.5 0-1 0-1.5-.1H210.2c-.2 0-.5 0-.7-.1-.5-.1-.9-.1-1.4-.2-3.7-.5-7.4-1.6-10.9-3.2-3.6-1.6-7-3.8-10.1-6.6s-5.8-6.1-7.9-9.9-3.6-8-4.3-12.4c-.3-2.2-.5-4.5-.4-6.7 0-.6.1-1.2.1-1.8v-.8c0-.3.1-.6.1-.9.1-1.2.3-2.4.5-3.6 1.7-9.6 6.5-19 13.9-26.1 1.9-1.8 3.9-3.4 6-4.9s4.4-2.8 6.8-3.9 4.8-2 7.4-2.7c2.5-.7 5.1-1.1 7.8-1.4 1.3-.1 2.6-.2 4-.2h3.1l1.1.1c2.9.2 5.7.6 8.5 1.3 5.6 1.2 11.1 3.3 16.2 6.1 10.2 5.7 18.9 14.5 24.2 25.1 2.7 5.3 4.6 11 5.5 16.9.2 1.5.4 3 .5 4.5l.1 1.1.1 1.1V217.8c0 .7-.1 1.9-.1 2.6-.1 1.6-.3 3.3-.5 4.9s-.5 3.2-.8 4.8-.7 3.2-1.1 4.7c-.8 3.1-1.8 6.2-3 9.3-2.4 6-5.6 11.8-9.4 17.1-7.7 10.6-18.2 19.2-30.2 24.7-6 2.7-12.3 4.7-18.8 5.7-3.2.6-6.5.9-9.8 1h-5c-1.8 0-3.5-.1-5.3-.3-7-.5-13.9-1.8-20.7-3.7-6.7-1.9-13.2-4.6-19.4-7.8-12.3-6.6-23.4-15.6-32-26.5-4.3-5.4-8.1-11.3-11.2-17.4s-5.6-12.6-7.4-19.1c-1.8-6.6-2.9-13.3-3.4-20.1l-.1-1.3v-5.7-.7-2.5c.1-3.3.4-6.8.8-10.2s1-6.9 1.7-10.3 1.5-6.8 2.5-10.2c1.9-6.7 4.3-13.2 7.1-19.3 5.7-12.2 13.1-23.1 22-31.8 2.2-2.2 4.5-4.2 6.9-6.2 2.4-1.9 4.9-3.7 7.5-5.4 2.5-1.7 5.2-3.2 7.9-4.6 1.3-.7 2.7-1.4 4.1-2l2.1-.9 2.1-.9c2.8-1.2 5.7-2.2 8.7-3.1.7-.2 1.5-.4 2.2-.7.7-.2 1.5-.4 2.2-.6 1.5-.4 3-.8 4.5-1.1.7-.2 1.5-.3 2.3-.5s1.5-.3 2.3-.5c.8-.1 1.5-.3 2.3-.4l1.1-.2 1.2-.2c.8-.1 1.5-.2 2.3-.3.9-.1 1.7-.2 2.6-.3.7-.1 1.9-.2 2.6-.3.5-.1 1.1-.1 1.6-.2l1.1-.1.5-.1h.6c.9-.1 1.7-.1 2.6-.2l1.3-.1h1c.7 0 1.5-.1 2.2-.1 2.9-.1 5.9-.1 8.8 0 5.8.2 11.5.9 17 1.9 11.1 2.1 21.5 5.6 31 10.3 9.5 4.6 17.9 10.3 25.3 16.5.5.4.9.8 1.4 1.2.4.4.9.8 1.3 1.2.9.8 1.7 1.6 2.6 2.4s1.7 1.6 2.5 2.4 1.6 1.6 2.4 2.5c3.1 3.3 6 6.6 8.6 10 5.2 6.7 9.4 13.5 12.7 19.9l.6 1.2.6 1.2c.4.8.8 1.6 1.1 2.4.4.8.7 1.5 1.1 2.3.3.8.7 1.5 1 2.3 1.2 3 2.4 5.9 3.3 8.6 1.5 4.4 2.6 8.3 3.5 11.7.3 1.4 1.6 2.3 3 2.1 1.5-.1 2.6-1.3 2.6-2.8.1-3.6 0-7.9-.5-12.8z' }))));
+};
+const GroundcoverLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '-6 3 41 41', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { fill: fill || '#ffffff', d: 'M12.3899 12.7148C16.0627 12.7148 17.8467 14.2351 17.8467 16.8038C17.8467 19.3202 16.3251 20.8404 12.4423 20.8404C8.55961 20.8404 7.14293 19.2677 7.14293 16.8038C7.14293 14.3399 8.61208 12.7148 12.3899 12.7148ZM12.8096 36.3577C6.5133 36.3577 5.04415 35.6762 5.04415 33.789C5.04415 32.5833 6.19848 31.3775 8.76949 31.3775H18.214C20.2603 31.3775 20.9424 32.3211 20.9424 33.422C20.9424 35.4141 19.5257 36.3577 12.8096 36.3577ZM12.9146 40.5516C22.2541 40.604 25.4548 38.0353 25.4548 33.422C25.4548 29.5951 23.2511 27.2885 18.0041 27.2885C15.2757 27.2885 12.1275 27.4458 9.18924 27.4458C7.7201 27.4458 7.03799 27.0788 7.03799 26.1352C7.03799 25.7158 7.30034 25.4013 7.61516 24.877L8.13985 24.0383C9.39912 24.4052 10.8158 24.5625 12.3899 24.5625C19.106 24.5625 22.7264 22.3083 22.7264 17.9572C22.7264 14.6545 20.4177 13.3439 17.3745 12.7672V12.7148C19.106 12.8197 20.3128 12.8197 21.5196 12.8197H24.7202V8.04915H12.6522C5.9886 8.04915 2.05339 11.0897 2.05339 16.4893C2.05339 20.1589 4.04723 22.7801 7.7201 23.9334L5.8312 24.7722C3.83736 25.4537 2.7355 26.7643 2.7355 28.0224C2.7355 29.8572 4.0997 31.0106 6.5133 31.3251C2.68303 31.7969 0.636719 33.422 0.636719 35.519C0.636719 38.6119 3.31266 40.604 12.9146 40.5516Z' })));
+};
+const HoneycombLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size * (102 / 108), viewBox: '0 0 108 102', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#25303e', d: 'M87,61.37H80.45a6.45,6.45,0,0,0-2.88.57,6.15,6.15,0,0,0-2.19,1.26V52.79H72.73V85H75.5V70.17a6.52,6.52,0,0,1,1.84-4.46,6.34,6.34,0,0,1,4.38-1.83h3.92A6.14,6.14,0,0,1,90,65.71a6.3,6.3,0,0,1,1.84,4.46V84.92h2.77v-16a7.21,7.21,0,0,0-2.31-5.37A6.81,6.81,0,0,0,87,61.37Z' }),
+            React.createElement("path", { fill: fill || '#ffb000', d: 'M55.31,69.49l9.28,16.25L55.31,102H36.86L27.59,85.74l9.27-16.25Z' }),
+            React.createElement("path", { fill: fill || '#64ba00', d: 'M55.31,30.26l9.28,16.25L55.31,62.77H36.86L27.59,46.51l9.27-16.25Z' }),
+            React.createElement("path", { fill: fill || '#f96e10', d: 'M22.65,52.68l7.56,13.44L22.65,79.58H7.56L0,66.12,7.56,52.68Z' }),
+            React.createElement("path", { fill: fill || '#0298ec', d: 'M95.47,0l12,21.28-12,21.31H71.35l-12-21.31L71.35,0Z' }))));
+};
+const HyperDxLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 512 512', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#4FFA7A', d: 'M256 0L477.703 128V384L256 512L34.2975 384V128L256 0Z' }),
+            React.createElement("path", { fill: fill || '#080A0B', d: 'M311.365 84.4663C314.818 86.9946 316.431 92.1862 315.256 96.9926L284.313 223.563H341.409C344.836 223.563 347.936 226.127 349.295 230.086C350.655 234.046 350.014 238.644 347.665 241.786L210.211 425.598C207.472 429.26 203.089 430.062 199.635 427.534C196.182 425.005 194.569 419.814 195.744 415.007L226.686 288.437H169.591C166.164 288.437 163.064 285.873 161.705 281.914C160.345 277.954 160.986 273.356 163.335 270.214L300.789 86.4023C303.528 82.7403 307.911 81.938 311.365 84.4663Z' }))));
+};
+const InstanaLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 280 280', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { fill: fill || '#0eb3b3', d: 'M86.035 280c-1.932-10.487-7.096-19.311-1.025-29.72 1.366-2.34 3.237-4.235 5.124-6.148 1.655-1.679 3.856-4.84 6.149-5.637 3.61-1.254 4.586 3.54 6.49 5.295 1.622 1.494 4.755 1.646 6.832 2.05 12.966 2.52 26.753 1.366 39.968 1.366 6.613 0 16.556.697 22.546-2.562 3.502-1.906 4.016-8.477 9.223-5.295 7.51 4.59 14.193 15.294 13.322 24.254-.568 5.85-3.145 11.025-5.124 16.397 8.989-2.365 17.427-9.739 25.62-14.177 9.664-5.234 19.003-11.146 28.695-16.396 11.53-6.246 23.209-13.02 28.353-25.791 4.218-10.473 3.416-21.712 3.416-32.794v-49.19c0-20.747 4.215-46.569-5.295-65.589-6.167-12.334-20.137-18.558-31.598-24.766-20.462-11.083-39.9-23.99-60.464-34.843-10.276-5.424-20.793-15.06-32.793-16.226-25.739-2.503-45.204 16.2-66.613 27.499-13.902 7.337-27.055 16.215-40.992 23.57-10.075 5.317-22.63 10.951-29.378 20.667C-3.992 89.94.976 117.73.976 138.577v53.29c0 9.71-1.313 20.523 2.391 29.719 8.464 21.014 32.57 29.618 50.899 40.31 10.273 5.992 20.762 13.76 31.769 18.104m42.017-226.312c23.396-3.574 50.919 4.064 70.712 15.885 6.256 3.736 15.273 8.792 18.446 15.714 2.62 5.718 2.05 12.332 2.05 18.446v28.695c0 24.045 7.81 65.717-21.521 75.494-3.241 1.08-6.84 2.06-10.248 2.391-8.694.845-17.905 0-26.645 0H106.53c-13.601 0-27.824.869-38.943-8.54C53.175 189.578 57.34 164.456 57.34 147.8v-40.992c0-6.5-1.256-14.406 1.367-20.496 2.938-6.825 10.116-11.072 16.055-15.031 16.16-10.773 34.388-14.705 53.29-17.593m-78.91 43.896v63.538c0 13.748-.717 28.114 7.515 39.968 6.926 9.973 19.525 16.264 31.427 17.422 18.726 1.82 38.563 0 57.39 0 14.205 0 30.044 1.971 44.066-.171 11.396-1.741 22.235-6.876 29.378-16.226 8.784-11.5 8.54-26.222 8.54-39.968V97.584h1.025c8.483 12.4 8.85 26.605 10.248 40.993 2.95 30.35.787 73.658-29.72 90.183-7.651 4.144-15.33 3.298-23.57 4.099-19.25 1.871-38.979 1.025-58.414 1.025-12.039 0-23.975.131-35.868-1.025-10.918-1.062-20.229-.793-29.72-7.515-6.756-4.786-10.957-12.01-14.518-19.13-10.91-21.82-11.376-46.806-9.052-70.712 1.073-11.035.722-31.286 11.273-37.918m36.893 69.175c-11.847 5.923-6.001 31.616 8.198 25.108 6.522-2.99 9.317-11.853 6.661-18.447-2.229-5.534-8.99-9.596-14.86-6.661m95.308 0c-11.848 5.924-6.21 31.196 8.198 25.108 13.625-5.757 6.546-32.48-8.198-25.108z' })));
+};
+const JaegerLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size * (450 / 513), height: size, viewBox: '25.15 -3.85 450 513', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#ffffff', d: 'M274.853 195.985c-23.21 0-42.027 18.817-42.027 42.028 0 23.21 18.816 42.027 42.027 42.027 23.21 0 42.027-18.816 42.027-42.027 0-23.211-18.816-42.028-42.027-42.028zm-5.68 69.289c-7.318 0-13.251-5.933-13.251-13.252 0-7.319 5.933-13.252 13.252-13.252 7.318 0 13.252 5.933 13.252 13.252 0 7.319-5.934 13.252-13.252 13.252zm-1.832 30.332c-6.783-2.773-15.704-4.225-26.515-4.316l-4.746-.04c-2.79-5.183-11.735-8.03-21.926-6.765 10.19-1.265 19.136 1.582 21.925 6.764a7.319 7.319 0 0 1 .896 3.616c-.087 6.223-8.003 12.439-18.768 14.654a40.55 40.55 0 0 1-.804.157c-.243.045-.485.091-.73.132-11.605 1.927-21.962-1.483-24.075-7.684l-3.892 1.315c-2.416.816-23.664 8.403-25.649 23.284-.66 4.949.675 9.488 3.86 13.125 3.833 4.379 10.096 6.993 16.753 6.993 3.602 0 6.946-.796 9.668-2.3 1.699-.939 3.513-2.076 5.434-3.28 6.576-4.12 14.76-9.247 24.674-10.552.887-.117 2.365-.176 4.392-.176 2.209 0 4.861.068 7.669.14 3.241.084 6.914.179 10.477.179 10.495 0 16.8-.816 21.08-2.728 9.065-4.051 13.566-11.942 12.038-21.107-.763-4.57-4.94-8.623-11.761-11.411zm-2.893 26.664c-3.937 1.758-11.067 2.17-18.464 2.17-6.508 0-13.221-.319-18.146-.319-2.132 0-3.929.06-5.229.231-14.387 1.893-25.178 10.601-32.372 14.577-1.815 1.003-4.135 1.5-6.567 1.5-7.208 0-15.39-4.366-14.257-12.859 1.514-11.358 21.345-18.057 21.345-18.057 2.547 3.147 6.879 6.77 17.889 6.77 2.9 0 6.262-.251 10.176-.829 20.692-3.05 21.949-17.753 21.949-17.753 22.338.19 31.376 6.594 32.005 10.37.568 3.408.568 10.223-8.33 14.199z' }),
+            React.createElement("path", { fill: fill || '#ffffff', d: 'M216.328 337.591c-5.387 2.072-10.163 5.023-14.296 7.61l-.186.117c.952 4.416 4.141 14.599 12.995 11.961 4.58-1.364 4.671-6.963 3.681-12.077-.587-3.038-1.556-5.905-2.194-7.61zm23.091-2.301a959.6 959.6 0 0 1-2.474-.062c-2.792-.072-5.427-.14-7.6-.14-2.38 0-3.512.083-4.043.153-1.08.142-2.14.34-3.181.574.375 2.361 1.048 5.996 2.058 9.387 1.19 3.998 2.851 7.656 5.05 8.48 2.31.867 11.159 1.642 11.03-8.48a18.821 18.821 0 0 0-.05-1.174c-.304-4.057-.571-6.829-.79-8.738zm-65.029-37.338c7.566-7.6 12.244-18.078 12.244-29.65 0-23.21-18.816-42.027-42.027-42.027s-42.028 18.817-42.028 42.028 18.816 42.027 42.028 42.027a41.82 41.82 0 0 0 21.27-5.784 42.186 42.186 0 0 0 8.512-6.594zm-33.57-1.631c-7.319 0-13.252-5.933-13.252-13.252 0-7.319 5.933-13.252 13.252-13.252 7.319 0 13.252 5.933 13.252 13.252 0 7.319-5.933 13.252-13.252 13.252z' }),
+            React.createElement("path", { fill: fill || '#231f20', d: 'M142.819 451.05c-7.194 1.645-28.364 13.155-46.657 16.649-18.292 3.494-34.119 5.344-39.668 7.399s-9.866 6.166 1.028 10.277c10.893 4.11 63.716 5.55 68.443 0 4.727-5.55-3.26-7.955-14.799-7.81-8.221.102-7.213-2.763-7.193-3.084 0 0 .514-3.596 13.154-5.344 12.62-1.744 68.443-6.988 67.416-12.948-1.028-5.96-34.53-6.783-41.724-5.139z' }),
+            React.createElement("ellipse", { fill: fill || '#231f20', cx: '106.593', cy: '495.035', rx: '10.945', ry: '3.186', transform: 'rotate(-12.278 106.593 495.035)' }),
+            React.createElement("ellipse", { fill: fill || '#231f20', cx: '81.261', cy: '493.596', rx: '11.51', ry: '3.083', transform: 'rotate(-4.551 81.26 493.596)' }),
+            React.createElement("ellipse", { fill: fill || '#231f20', cx: '61.016', cy: '491.078', rx: '7.708', ry: '2.415', transform: 'rotate(-7.758 61.016 491.078)' }),
+            React.createElement("ellipse", { fill: fill || '#231f20', cx: '46.063', cy: '488.766', rx: '7.451', ry: '1.953', transform: 'rotate(-8.26 46.063 488.766)' }),
+            React.createElement("ellipse", { fill: fill || '#231f20', cx: '42.672', cy: '484.553', rx: '7.451', ry: '1.953', transform: 'rotate(-8.26 42.672 484.552)' }),
+            React.createElement("ellipse", { fill: fill || '#231f20', cx: '41.785', cy: '479.788', rx: '6.477', ry: '1.697', transform: 'rotate(-8.261 41.785 479.788)' }),
+            React.createElement("path", { fill: fill || '#231f20', d: 'M252.575 456.805c-12.538.617-40.902-.822-44.807 5.755-3.905 6.577 11.51 9.044 35.764 6.988 24.253-2.055 58.577-4.727 60.016-12.126 1.439-7.4-6.372-5.96-7.194-10.688-.822-4.727 8.633-4.727 10.482-11.716 1.85-6.988-12.743-6.166-25.692-6.166-12.948 0-34.53 1.234-36.585 8.016-2.055 6.783 9.866 6.783 18.293 8.427 8.427 1.645 5.96 4.728 5.96 4.728-.41 4.316-3.7 6.166-16.237 6.782z' }),
+            React.createElement("ellipse", { fill: fill || '#231f20', cx: '219.047', cy: '474.841', rx: '10.868', ry: '3.545' }),
+            React.createElement("ellipse", { fill: fill || '#231f20', cx: '247.026', cy: '474.07', rx: '7.245', ry: '3.237' }),
+            React.createElement("ellipse", { fill: fill || '#231f20', cx: '269.609', cy: '471.758', rx: '7.939', ry: '2.621' }),
+            React.createElement("ellipse", { fill: fill || '#231f20', cx: '287.028', cy: '468.829', rx: '5.781', ry: '2.775' }),
+            React.createElement("ellipse", { fill: fill || '#231f20', cx: '302.058', cy: '465.669', rx: '5.858', ry: '2.698' }),
+            React.createElement("path", { fill: fill || '#231f20', d: 'M46.47 389.879c0 3.504 7.645 6.818 21.222 9.767-.967-7.032-.37-14.125.537-19.65-13.913 2.978-21.758 6.332-21.758 9.883zm400.637-9.081a31.8 31.8 0 0 1-.66 1.683 30.59 30.59 0 0 1-7.122 10.25c-6.133 5.808-11.51 9.289-16.312 10.558 26.534-3.73 42.285-8.374 42.285-13.41 0-3.235-6.515-6.308-18.19-9.081z' }),
+            React.createElement("path", { fill: fill || '#67cfe3', d: 'M401.72 373.427c-1.687-12.369-6.963-17.917-11.617-22.813-4.334-4.56-8.429-8.865-7.11-16.771 1.218-7.309 7.033-11.806 16.533-12.975-5.77-39.002-14.225-88.207-25.095-130.183-5.428-20.964-14.013-35.525-25.526-45.206-13.176 6.74-29.025 14.15-46.717 21.821a1223.516 1223.516 0 0 1-38.532 15.908c-10.104 10.84-21.144 21.524-27.91 24.569-4.817 2.167-9.098 3.03-12.818 3.03-8.055 0-13.493-4.04-16.126-7.634-3.052.807-5.49 1.33-7.147 1.505-1.983.208-4.906.456-8.56.72 1.404 3.677.845 7.982-1.848 11.226-2.962 3.569-7.735 5.361-14.5 5.361-9.734 0-23.592-3.712-42.122-11.197-2.726-1.1-5.23-2.08-7.528-2.951-1.42.007-2.838.012-4.256.012h-.013c-17.703 0-31.538-.557-42.384-1.445-11.879 24.59-6.717 51.863-2.369 74.393 4.167 21.591 18.623 60.008 32.032 93.016a2069.253 2069.253 0 0 0 13.91 33.364c36.3 3.211 82.84 5.14 133.585 5.14 60.39 0 114.785-2.736 153.09-7.108-2.79-11.486-6.326-27.467-6.934-31.532l-.038-.25zM102.58 268.303c0-23.211 18.815-42.028 42.027-42.028s42.027 18.817 42.027 42.028c0 11.571-4.678 22.05-12.245 29.65a42.186 42.186 0 0 1-8.512 6.593 41.82 41.82 0 0 1-21.27 5.784c-23.212 0-42.028-18.816-42.028-42.027zm112.261 88.976c-8.854 2.638-12.043-7.545-12.995-11.96.06-.04.125-.08.186-.117 4.133-2.588 8.909-5.54 14.296-7.61.638 1.705 1.607 4.572 2.194 7.61.99 5.114.899 10.713-3.68 12.077zm14.388-3.597c-2.199-.824-3.86-4.482-5.05-8.48-1.01-3.39-1.683-7.026-2.058-9.387 1.041-.235 2.1-.432 3.18-.574.532-.07 1.664-.153 4.043-.153 2.174 0 4.81.068 7.6.14.801.02 1.63.042 2.475.062.219 1.91.486 4.681.79 8.738.03.408.045.796.05 1.174.129 10.122-8.72 9.347-11.03 8.48zm37.834-25.558c-4.28 1.912-10.584 2.728-21.08 2.728-3.562 0-7.235-.095-10.476-.178-2.808-.073-5.46-.14-7.669-.14-2.027 0-3.505.058-4.392.175-9.914 1.305-18.098 6.432-24.674 10.553-1.92 1.203-3.735 2.34-5.434 3.279-2.722 1.504-6.066 2.3-9.668 2.3-6.657 0-12.92-2.614-16.753-6.993-3.185-3.637-4.52-8.176-3.86-13.125 1.985-14.88 23.233-22.468 25.65-23.284l3.89-1.315a7.292 7.292 0 0 1-.295-1.16c-1.15-6.927 7.896-14.2 20.205-16.244a41.82 41.82 0 0 1 1.647-.235c10.19-1.265 19.137 1.582 21.926 6.764l4.746.04c10.81.092 19.732 1.544 26.515 4.317 6.822 2.788 10.998 6.84 11.76 11.411 1.529 9.165-2.972 17.056-12.038 21.107zm7.79-48.084c-23.21 0-42.027-18.816-42.027-42.027 0-23.211 18.816-42.028 42.027-42.028 23.21 0 42.027 18.817 42.027 42.028 0 23.21-18.816 42.027-42.027 42.027z' }),
+            React.createElement("path", { fill: fill || '#231f20', d: 'M328.68 96.41l-.314-.548-.415-.526c-.39-.626-1.93-1.593-2.05-1.603l-.157-.084-.08-.042-.3-.13-.026-.01-.053-.02-.427-.15-.859-.294c-.565-.21-1.21-.283-1.82-.41-.62-.11-1.277-.106-1.917-.147-.645.023-1.301.067-1.942.159-2.582.455-4.86 1.705-6.595 3.192-1.762 1.484-3.083 3.184-4.155 4.87-2.13 3.39-3.327 6.77-4.119 9.685a40.4 40.4 0 0 0-1.242 7.155c-.09.867-.083 1.565-.102 2.031-.007.47.007.723.007.723l1.316-2.39c.836-1.504 2.008-3.639 3.453-6.096 1.456-2.44 3.194-5.238 5.302-7.774 1.056-1.257 2.215-2.429 3.438-3.335 1.233-.895 2.494-1.509 3.75-1.71.317-.04.632-.07.952-.097.325.035.644-.002.976.058.332.081.662.077 1.004.188l.806.218.255.116c-.012-.01-.025-.019-.034-.031a.128.128 0 0 0 .043.008c.007.015.018.027.028.04l.034.016.073.035-.035-.004a.248.248 0 0 1-.049-.016c.04.025.076.085.11.165.174.31.301.924.363 1.603.08 1.402-.09 3.02-.353 4.552a67.319 67.319 0 0 1-.906 4.422c-.656 2.776-1.282 5.138-1.695 6.812-.43 1.668-.657 2.652-.657 2.652s.72-.71 1.804-2.081a42.869 42.869 0 0 0 4.026-6.03 36.571 36.571 0 0 0 2.1-4.476c.631-1.675 1.211-3.521 1.392-5.76.07-1.135.037-2.396-.448-3.842a5.392 5.392 0 0 0-.482-1.094z' }),
+            React.createElement("path", { fill: fill || '#231f20', d: 'M323.403 99.457l-.037-.018c.015.014.026.033.045.043l.015.005-.008-.009c-.006-.006-.01-.014-.015-.021z' }),
+            React.createElement("path", { fill: fill || '#231f20', d: 'M68.017 176.726h.577a97.188 97.188 0 0 1-.577-1.04v1.04zm5.148-16.286a33.069 33.069 0 0 0 3.542 5.618c.474.64.911 1.103 1.188 1.428.286.32.452.481.452.481s-.168-.908-.484-2.443c-.298-1.539-.754-3.712-1.168-6.241-.204-1.262-.391-2.618-.484-3.99-.075-1.35-.075-2.793.221-3.854.148-.526.342-.934.53-1.14.182-.186.33-.247.595-.341l.197-.04.32-.065c.092-.014-.025.052-.034.06a.213.213 0 0 1-.108.026.185.185 0 0 1-.052-.009l.04.023c.057.025.11.029.175.036.31.116.784.367 1.281.744 1.036.75 2.108 1.916 3.135 3.098a79.387 79.387 0 0 1 2.951 3.757c1.878 2.554 3.615 5.051 5.141 7.195a179.068 179.068 0 0 0 3.808 5.195 57.627 57.627 0 0 0 1.542 1.965l-.074-.656c-.067-.42-.133-1.054-.297-1.828a48.738 48.738 0 0 0-1.643-6.35 53.163 53.163 0 0 0-3.646-8.567c-.824-1.517-1.749-3.07-2.88-4.583-1.13-1.524-2.415-3.022-4.198-4.394-.925-.66-1.991-1.298-3.36-1.71a14.285 14.285 0 0 0-1.116-.214l-.282-.038-.38-.005c-.254.001-.51.013-.763.034-.225.02-.564.057-.685.088l-.315.085-.315.086-.417.122-.122.054-.245.11c-1.295.531-2.563 1.597-3.283 2.834-.738 1.228-1.026 2.466-1.128 3.565-.21 2.216.224 3.994.662 5.613a27.17 27.17 0 0 0 1.699 4.25z' }),
+            React.createElement("path", { fill: fill || '#dfcaa3', d: 'M92.545 418.614c9.853 0 16.79-5.363 21.66-12.324-5.572-12.92-14.741-34.693-23.434-57.607-2.354 2.002-5.073 5.025-8.015 9.585-7.324 11.352-13.356 37.765-5.759 51.706 3.167 5.815 8.254 8.64 15.548 8.64zm347.847-65.447c-5.776-14.944-18.059-25.552-29.869-25.799l-.423-.036c-.018-.004-2.288-.342-5.337-.342-6.433 0-14.329 1.373-15.419 7.911-.756 4.537 1.228 6.861 5.425 11.276 4.797 5.044 11.364 11.952 13.331 26.38 2.253 16.523 6.288 24.903 11.99 24.904 2.663 0 7.519-1.596 15.546-9.2 9.886-9.366 8.939-24.269 4.756-35.094z' }),
+            React.createElement("circle", { fill: fill || '#231f20', cx: '140.82', cy: '283.069', r: '13.252' }),
+            React.createElement("circle", { fill: fill || '#231f20', cx: '269.174', cy: '252.022', r: '13.252' }),
+            React.createElement("path", { fill: fill || '#648c1a', d: 'M104.872 135.026c10.341 2.791 22.033 4.206 34.752 4.206 20.436 0 63.826-3.97 124.812-30.561l1.373-.599c-.191-3.097.06-6.493.84-10.048 1.354-6.15 4.033-11.363 7.322-14.816-.635-2.359-1.157-4.082-1.52-4.957-7.038-3.752-65.056-25.363-95.313-25.363-3.023 0-5.663.225-7.846.67-26.817 5.474-67.563 52.092-69.026 58.701-.44 2.86-.306 11.836.015 21.528l4.591 1.24zm-.522 66.202c-1.466-.306-2.287-.4-2.624-.428-5.591.345-10.717-3.565-11.75-9.236a11.274 11.274 0 0 1-.164-1.717c-3.042 1.726-6.086 3.592-8.935 5.564l-5.066 3.508-3.728-4.907c-1.123-1.48-6.309-8.476-11.088-17.68-8.976 4.235-15.988 8.864-17.7 13.25-.324.832-.193 1.28.143 1.772 1.465 2.145 10.155 8.701 60.911 9.874zm105.388-14.372c4.457-2.837 10.15-2.15 13.813 1.336.565-.089 1.524-.33 2.946-.97 5.557-2.64 25.598-24.037 40.824-42.36a11.102 11.102 0 0 1 1.811-1.731c-34.795 15.035-83.414 31.467-129.707 31.467-7.44 0-14.505-.434-21.063-1.283l1.016 2.993-5.789 2.217c-.042.016-1.037.4-2.702 1.092 7.452 1.741 17.525 5.163 30.177 10.273 23.158 9.352 32.014 9.71 34.23 9.577 3.15-1.668 6.954-1.733 10.211-.142 6.007-.385 10.68-.758 13.475-1.052 1.271-.134 3.16-.53 5.563-1.15a11.265 11.265 0 0 1 5.195-10.267zm134.793-68.77c-1.686 10.05-4.927 21.082-7.076 24.092l-2.017 2.82c9.132-4.446 17.278-8.663 24.193-12.54 24.043-13.481 27.032-19.384 27.376-20.873.225-.975-.014-1.276-.117-1.404-.261-.329-1.95-1.967-9.544-1.967-8.298 0-19.916 1.898-32.04 4.529a117.98 117.98 0 0 1-.775 5.343zm-9.374 27.049l-3.467-.282c-.063-.005-6.429-.516-15.061-.516-8.968 0-20.793.542-30.496 2.839 1.853 3.851 1.433 8.59-1.477 12.091a631.95 631.95 0 0 1-11.206 13.104 1201.72 1201.72 0 0 0 26.176-10.979c12.961-5.62 24.91-11.092 35.53-16.257z' }),
+            React.createElement("path", { fill: fill || '#dfcaa3', d: 'M267.01 114.574c-24.37 10.625-77.765 31.098-127.386 31.098-12.563 0-24.883-1.312-36.43-4.429a103.396 103.396 0 0 1 3.58 5.843c4.291 7.539 7.43 14.986 9.14 19.381 6 .938 13.83 1.691 23.511 1.691 28.503 0 73.052-6.524 134.181-34.037.96-3.015 2.238-6.79 3.822-10.985-.124.006-.247.027-.371.027-.65 0-1.3-.07-1.93-.208-3.794-.834-6.602-3.928-8.117-8.381z' }),
+            React.createElement("path", { fill: fill || '#67cfe3', d: 'M68.594 176.726c4.402 7.838 8.618 13.39 8.618 13.39 14.766-10.222 34.076-17.605 34.076-17.605s-.496-1.457-1.426-3.837a145.917 145.917 0 0 0-1.76-4.311 161.363 161.363 0 0 0-2.005-4.504 150.289 150.289 0 0 0-1.055-2.222 135.584 135.584 0 0 0-2.482-4.863c-1.49-2.772-3.144-5.594-4.946-8.295-5.927-8.887-13.44-16.448-21.853-16.446-2.652 0-5.396.753-8.204 2.45-15.458 9.347-7.48 30.75.46 45.204.192.35.385.697.577 1.04zm2.21-26.15c.102-1.099.39-2.337 1.128-3.565.72-1.237 1.988-2.303 3.283-2.834l.245-.11.122-.054.417-.122.315-.086.315-.085c.12-.03.46-.068.685-.088.254-.021.51-.033.763-.034l.38.005.282.038c.373.058.753.128 1.116.214 1.369.412 2.435 1.05 3.36 1.71 1.783 1.372 3.067 2.87 4.197 4.394 1.132 1.513 2.057 3.066 2.881 4.583a53.163 53.163 0 0 1 3.646 8.566 48.738 48.738 0 0 1 1.643 6.35c.164.775.23 1.408.297 1.829l.074.656s-.592-.71-1.542-1.965a179.068 179.068 0 0 1-3.808-5.195c-1.526-2.144-3.263-4.64-5.141-7.195a79.387 79.387 0 0 0-2.951-3.757c-1.027-1.182-2.1-2.347-3.135-3.098-.497-.377-.97-.628-1.28-.744-.066-.007-.119-.01-.175-.036l-.04-.023a.185.185 0 0 0 .051.01.213.213 0 0 0 .108-.028c.009-.007.126-.073.034-.059l-.32.065-.197.04c-.264.094-.413.155-.595.34-.188.207-.382.615-.53 1.141-.296 1.06-.296 2.505-.22 3.853.092 1.373.279 2.729.483 3.99.414 2.53.87 4.703 1.168 6.242.316 1.535.484 2.443.484 2.443s-.166-.16-.452-.48c-.277-.326-.714-.79-1.188-1.429a33.069 33.069 0 0 1-3.542-5.618 27.216 27.216 0 0 1-1.699-4.251c-.438-1.62-.873-3.397-.662-5.613zm4.96-25.763v3.22z' }),
+            React.createElement("path", { fill: fill || '#dfcaa3', d: 'M282.872 78.738a9 9 0 0 1 1.93.208c4.725 1.04 7.918 5.588 8.992 11.897 9.009-12.652 18.833-19.05 29.334-19.05 4.426 0 8.311 1.044 11.57 3.059 5.54-6.738 9.065-11.385 9.065-11.385-4.165.757-12.874 1.893-12.874 1.893 32.94-12.116 30.29-45.056 30.29-45.056 0 5.68-17.038 19.31-17.038 19.31.758-4.922-1.893-11.359-1.893-11.359.758 6.437-19.688 23.096-19.688 23.096 1.514-3.029.378-8.33.378-8.33-1.136 6.058-10.222 8.33-10.222 8.33 5.679-6.815 16.28-42.784 8.33-45.056-7.952-2.272-18.932 23.475-18.932 23.475-.379-6.058-3.786-6.058-3.786-6.058 1.514 18.93-13.63 34.076-13.63 34.076-1.136-3.786-7.195-5.68-7.195-5.68 1.945 4.214-.27 23.395-.95 28.836 2.01-1.42 4.158-2.206 6.319-2.206z' }),
+            React.createElement("path", { d: 'M274.777 115.57l.026.025c.162.177.33.336.503.473.063.05.13.083.194.128.125.087.25.176.38.241.205.103.414.181.629.228h.001a2.998 2.998 0 0 0 1.057.02c.992-.153 2.083-.77 3.175-1.787a173.277 173.277 0 0 1 3.22-7.09 144.189 144.189 0 0 1 3.213-6.276c1.617-8.56-.56-15.593-3.757-16.296a2.48 2.48 0 0 0-.546-.059c-3.286 0-8.061 5.718-9.933 14.23-1.357 6.178-.73 11.668.871 14.736l.006.012c.29.554.613 1.03.96 1.415z' }),
+            React.createElement("path", { fill: fill || '#67cfe3', d: 'M323.375 99.416a.128.128 0 0 1-.043-.008c.009.012.022.02.034.031l.037.018c-.01-.014-.02-.026-.028-.041zm.135.091l-.073-.035-.034-.015c.005.007.009.015.015.021l.008.009a.248.248 0 0 0 .05.016l.034.004z' }),
+            React.createElement("path", { fill: fill || '#67cfe3', d: 'M323.128 78.234c-18.752 0-32.548 28.226-39.758 47.402a215.436 215.436 0 0 0-3.516 10.104 189.136 189.136 0 0 0-1.614 5.282c.906.184 1.792.492 2.645.904 10.926-3.27 25.066-4.028 35.744-4.028 9.036 0 15.586.537 15.586.537 2.84-3.976 19.31-60.201-9.087-60.201zm6.482 23.111c-.18 2.24-.76 4.086-1.393 5.76a36.571 36.571 0 0 1-2.099 4.477 42.869 42.869 0 0 1-4.026 6.03c-1.085 1.37-1.804 2.08-1.804 2.08s.228-.983.657-2.651c.413-1.674 1.04-4.036 1.695-6.812.325-1.386.652-2.88.906-4.422.263-1.532.432-3.15.353-4.552-.062-.679-.19-1.293-.363-1.603-.034-.08-.07-.14-.11-.165l-.015-.005c-.02-.01-.03-.029-.045-.043l-.255-.116-.806-.218c-.342-.111-.672-.107-1.004-.188-.332-.06-.651-.023-.976-.058-.32.028-.635.057-.952.096-1.256.202-2.517.816-3.75 1.711-1.223.906-2.382 2.078-3.438 3.335-2.108 2.536-3.846 5.333-5.302 7.774-1.445 2.457-2.617 4.592-3.453 6.096l-1.316 2.39s-.014-.253-.007-.723c.019-.466.013-1.164.102-2.031a40.4 40.4 0 0 1 1.242-7.155c.792-2.916 1.99-6.296 4.119-9.686 1.072-1.685 2.393-3.385 4.155-4.869 1.735-1.487 4.013-2.737 6.595-3.192a18.468 18.468 0 0 1 1.942-.159c.64.04 1.297.038 1.916.147.61.127 1.256.2 1.821.41l.86.294.426.15.053.02.026.01.3.13.08.042.158.084c.12.01 1.659.977 2.05 1.603l.414.526.314.548c.22.373.366.736.482 1.094.485 1.446.518 2.707.448 3.841z' }),
+            React.createElement("path", { fill: fill || '#231f20', d: 'M222.928 203.992c3.066 0 6.438-.817 10.022-2.43 7.47-3.362 25.709-21.674 46.465-46.65a4.422 4.422 0 0 0 1.009-3.257 4.424 4.424 0 0 0-1.588-3.016 4.397 4.397 0 0 0-2.84-1.029 4.449 4.449 0 0 0-3.434 1.608c-9.036 10.874-34.4 40.007-43.138 44.16l-.13.06c-1.7.765-3.277 1.265-4.685 1.486l-3.32.522-2.435-2.317a4.501 4.501 0 0 0-3.078-1.221 4.43 4.43 0 0 0-2.38.699 4.423 4.423 0 0 0-1.957 2.79 4.428 4.428 0 0 0 .592 3.358c.34.536 3.544 5.237 10.897 5.237zm-42.348.98c-.731 0-1.455.18-2.094.518l-1.308.693-1.479.087c-.285.017-.637.03-1.065.03-4.158 0-14.381-1.31-36.122-10.09-23.975-9.683-33.472-11.13-37-11.13-.67 0-1.065.055-1.245.087a4.427 4.427 0 0 0-2.865 1.847 4.42 4.42 0 0 0-.72 3.329c.38 2.088 2.254 3.663 4.358 3.663.088 0 .176-.003.266-.008l.493-.031.491.04c2.644.22 11.14 1.68 32.887 10.462 17.58 7.1 30.894 10.701 39.57 10.701 4.545 0 7.659-.975 9.256-2.9a4.422 4.422 0 0 0 1.007-3.255 4.424 4.424 0 0 0-1.588-3.015 4.406 4.406 0 0 0-2.842-1.028z' }),
+            React.createElement("path", { fill: fill || '#dfcaa3', d: 'M240.772 297.701s-1.257 14.703-21.949 17.753c-3.914.578-7.277.829-10.176.829-11.01 0-15.342-3.623-17.889-6.77 0 0-19.83 6.699-21.345 18.057-1.133 8.493 7.05 12.859 14.257 12.859 2.432 0 4.752-.497 6.567-1.5 7.194-3.976 17.985-12.684 32.372-14.577 1.3-.17 3.097-.23 5.23-.23 4.924 0 11.637.318 18.145.318 7.397 0 14.527-.412 18.464-2.17 8.897-3.976 8.897-10.791 8.33-14.199-.63-3.776-9.668-10.18-32.006-10.37z' }),
+            React.createElement("path", { fill: fill || '#231f20', d: 'M216.672 309.808c.246-.04.488-.087.73-.132.27-.05.539-.102.805-.157 10.765-2.215 18.681-8.431 18.768-14.654a7.319 7.319 0 0 0-.896-3.616c-2.789-5.182-11.734-8.03-21.925-6.764a42.09 42.09 0 0 0-1.647.235c-12.31 2.044-21.355 9.317-20.205 16.245.066.397.167.783.296 1.16 2.113 6.2 12.47 9.61 24.074 7.683z' }))));
+};
+const KloudmateLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 28 28', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("rect", { fill: fill || '#f47715', width: '28', height: '28', rx: '6' }),
+            React.createElement("path", { fill: fill || '#ffffff', d: 'M12.982 19.983a6.24 6.24 0 0 1-3.516-1.084 6.463 6.463 0 0 1-1.488-1.404 6.533 6.533 0 0 1-1.333-4.29 6.513 6.513 0 0 1 1.743-4.134 6.266 6.266 0 0 1 8.25-.827l.49-2.125a8.253 8.253 0 0 0-5.626-.986 8.345 8.345 0 0 0-4.94 2.91 8.61 8.61 0 0 0-1.959 5.455 8.612 8.612 0 0 0 1.93 5.465l-2.236 2.275a1.04 1.04 0 0 0 0 1.46 1.005 1.005 0 0 0 1.434 0l2.278-2.319a8.257 8.257 0 0 0 5.817 1.624 8.314 8.314 0 0 0 5.377-2.78l-.504-2.894a6.433 6.433 0 0 1-2.342 2.662 6.28 6.28 0 0 1-3.375.992z' }),
+            React.createElement("path", { stroke: fill || '#ffffff', strokeLinecap: 'round', strokeWidth: '1.5', d: 'M11.333 14.265h5.724l1.665-6.546c.053-.21.355-.197.39.017l1.685 10.02a.2.2 0 0 0 .372.064l1.969-3.555H26' }))));
+};
+const Last9Logo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 26 26', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#10b981', fillRule: 'evenodd', clipRule: 'evenodd', d: 'M25.9383 14.2747L24.6444 14.1488C24.6812 13.7712 24.7 13.388 24.7 13C24.7 12.612 24.6812 12.2288 24.6444 11.8512L25.9383 11.7253C25.9791 12.1447 26 12.5699 26 13C26 13.4301 25.9791 13.8553 25.9383 14.2747ZM25.4434 9.22502L24.1993 9.60196C23.9753 8.86273 23.68 8.15428 23.3213 7.48455L24.4673 6.87075C24.866 7.61514 25.1943 8.40286 25.4434 9.22502ZM23.0495 4.75276L22.0451 5.57803C21.5583 4.98557 21.0144 4.44171 20.422 3.95493L21.2472 2.95048C21.9051 3.49101 22.509 4.09488 23.0495 4.75276ZM19.1292 1.53271L18.5154 2.67868C17.8457 2.31996 17.1373 2.02469 16.398 1.80072L16.775 0.556572C17.5971 0.805664 18.3849 1.13401 19.1292 1.53271ZM14.2747 0.0617022L14.1488 1.35559C13.7712 1.31884 13.388 1.3 13 1.3C12.612 1.3 12.2288 1.31884 11.8512 1.35559L11.7253 0.0617022C12.1447 0.0208871 12.5699 0 13 0C13.4301 0 13.8553 0.0208871 14.2747 0.0617022ZM9.22502 0.556572L9.60196 1.80072C8.86273 2.02469 8.15428 2.31996 7.48455 2.67868L6.87075 1.53271C7.61514 1.13401 8.40285 0.805664 9.22502 0.556572ZM4.75276 2.95048L5.57803 3.95493C4.98557 4.44171 4.44171 4.98557 3.95493 5.57804L2.95048 4.75276C3.49101 4.09488 4.09488 3.49101 4.75276 2.95048ZM1.53271 6.87075L2.67868 7.48456C2.31996 8.15429 2.02469 8.86273 1.80072 9.60196L0.556572 9.22502C0.805664 8.40286 1.13401 7.61514 1.53271 6.87075ZM0.0617022 11.7253C0.0208871 12.1447 0 12.5699 0 13C0 13.4301 0.0208871 13.8553 0.0617023 14.2747L1.35559 14.1488C1.31884 13.7712 1.3 13.388 1.3 13C1.3 12.612 1.31884 12.2288 1.35559 11.8512L0.0617022 11.7253ZM0.556572 16.775L1.80072 16.398C2.02469 17.1373 2.31996 17.8457 2.67868 18.5154L1.53271 19.1292C1.13401 18.3849 0.805664 17.5971 0.556572 16.775ZM2.95048 21.2472L3.95493 20.422C4.44171 21.0144 4.98557 21.5583 5.57804 22.0451L4.75276 23.0495C4.09488 22.509 3.49101 21.9051 2.95048 21.2472ZM6.87075 24.4673L7.48456 23.3213C8.15429 23.68 8.86273 23.9753 9.60196 24.1993L9.22502 25.4434C8.40286 25.1943 7.61514 24.866 6.87075 24.4673ZM11.7253 25.9383L11.8512 24.6444C12.2288 24.6812 12.612 24.7 13 24.7C13.388 24.7 13.7712 24.6812 14.1488 24.6444L14.2747 25.9383C13.8553 25.9791 13.4301 26 13 26C12.5699 26 12.1447 25.9791 11.7253 25.9383ZM16.775 25.4434L16.398 24.1993C17.1373 23.9753 17.8457 23.68 18.5154 23.3213L19.1292 24.4673C18.3849 24.866 17.5971 25.1943 16.775 25.4434ZM21.2472 23.0495L20.422 22.0451C21.0144 21.5583 21.5583 21.0144 22.0451 20.422L23.0495 21.2472C22.509 21.9051 21.9051 22.509 21.2472 23.0495ZM24.4673 19.1292L23.3213 18.5154C23.68 17.8457 23.9753 17.1373 24.1993 16.398L25.4434 16.775C25.1943 17.5971 24.866 18.3849 24.4673 19.1292Z' }),
+            React.createElement("path", { fill: fill || '#10b981', d: 'M7.8 10.4751C7.8 13.4358 9.83461 15.4873 12.7012 15.4873C13.1324 15.4873 13.5408 15.4121 13.919 15.3144L10.1674 20.8H13.4576L17.0427 15.5249C18.3739 13.5561 19.0169 12.0306 19.032 10.4075C19.0395 7.10116 16.4377 5.2 13.3593 5.2C10.1296 5.2 7.8 7.31156 7.8 10.4751ZM10.9465 10.3624C10.9465 8.83699 11.9449 7.73988 13.3744 7.73988C14.8115 7.73988 15.825 8.83699 15.825 10.3775C15.825 11.9029 14.8115 12.985 13.3744 12.985C11.9449 12.985 10.9465 11.9029 10.9465 10.3624Z' }))));
+};
+const LightstepLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size * (193 / 256), viewBox: '0 0 256 193', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#039C49', d: 'M128.423484,127.761131 C145.771669,127.761131 159.835329,113.697471 159.835329,96.3489441 C159.835329,79.0007584 145.771669,64.9370988 128.423484,64.9370988 C111.075298,64.9370988 97.0116385,79.0007584 97.0116385,96.3489441 C97.0116385,113.697471 111.075298,127.761131 128.423484,127.761131 Z' }),
+            React.createElement("path", { fill: fill || '#121C21', d: 'M119.418616,0.437715939 L17.8534332,54.8850897 C16.8063603,55.5131695 15.9687157,56.5603107 15.7593216,57.6074519 L0.0533647992,127.760448 C-0.156046364,128.807589 0.262779378,129.64537 1.10042745,130.06409 L133.867867,192.678421 C134.915008,193.097141 136.171509,193.097141 137.42801,192.678421 L222.239958,154.14663 C223.496459,153.518209 224.334241,152.471409 224.5436,151.214908 L255.955446,10.4894791 C256.164806,9.44244036 255.536726,8.18600753 254.280225,7.97657929 C254.070865,7.97657929 254.070865,7.97657929 253.861505,7.97657929 L121.303197,0.228291114 C120.884477,-0.190533945 120.046696,0.018891324 119.418616,0.437715939 Z M134.915008,187.233696 L13.8745699,130.27345 L57.0136452,130.27345 L158.159766,144.723042 L134.915008,187.233696 Z M163.604491,145.351122 L213.444792,152.471409 L141.825593,185.139755 L163.604491,145.351122 Z M61.2018685,125.666507 L99.5242992,50.2778051 L217.633015,36.6659941 L160.882129,139.906398 L61.2018685,125.666507 Z M221.193158,31.221338 L102.037301,45.0424406 L122.350338,5.0447547 L246.322498,12.3741966 L221.193158,31.221338 Z M96.1738572,45.6708619 L31.255816,53.2095272 L115.230393,8.39536747 L96.1738572,45.6708619 Z M20.3663672,59.4920329 L93.451495,51.1155863 L55.7571441,125.247787 L5.70748329,125.247787 L20.3663672,59.4920329 Z M220.146017,148.492546 L166.117493,140.744179 L224.124881,35.4094929 L249.673282,16.3530941 L220.146017,148.492546 Z' }))));
+};
+const LogzioLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '10 -2 30 30', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { fill: fill || '#fff', fillRule: 'evenodd', clipRule: 'evenodd', d: 'M14.0557 18.9557L25.0003 25.275L35.945 18.9568V6.31933L25.0003 0L14.6023 6.00221C14.3924 6.1233 14.2621 6.34932 14.2621 6.59148C14.2621 6.83364 14.3924 7.05851 14.6023 7.17959L24.5275 12.9097V17.9167L14.0557 11.8707V18.9557ZM25.0003 24.183L15.0013 18.4102V13.5116L19.723 16.2376L24.9646 19.3039L30.7339 15.9725V9.31179L24.9657 5.98146L19.6902 9.0271L15.4741 6.59263L25.0003 1.09205L34.9994 6.86478V18.4102L25.0003 24.183ZM20.6357 9.57302L25.0003 12.0932L29.3297 9.59358L24.9657 7.0735L20.6357 9.57302ZM29.7883 10.4205L25.4731 12.912V17.9185L29.7883 15.427V10.4205Z' })));
+};
+const LokiLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size * (48 / 56), height: size, viewBox: '0 0 48 56', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: 'loki_paint0_linear_17931_893', x1: '11.6469', y1: '66.8772', x2: '1.23198', y2: '-0.802501', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#FAED1E' }),
+                React.createElement("stop", { stopColor: '#F15B2B', offset: '1' })),
+            React.createElement("linearGradient", { id: 'loki_paint1_linear_17931_893', x1: '39.9916', y1: '62.5154', x2: '29.5768', y2: '-5.1639', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#FAED1E' }),
+                React.createElement("stop", { stopColor: '#F15B2B', offset: '1' })),
+            React.createElement("linearGradient", { id: 'loki_paint2_linear_17931_893', x1: '25.5063', y1: '64.7445', x2: '15.0913', y2: '-2.93516', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#FAED1E' }),
+                React.createElement("stop", { stopColor: '#F15B2B', offset: '1' })),
+            React.createElement("linearGradient", { id: 'loki_paint3_linear_17931_893', x1: '18.5788', y1: '65.8105', x2: '8.1638', y2: '-1.86922', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#FAED1E' }),
+                React.createElement("stop", { stopColor: '#F15B2B', offset: '1' })),
+            React.createElement("linearGradient", { id: 'loki_paint4_linear_17931_893', x1: '11.6394', y1: '66.8784', x2: '1.22448', y2: '-0.80128', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#FAED1E' }),
+                React.createElement("stop", { stopColor: '#F15B2B', offset: '1' })),
+            React.createElement("linearGradient", { id: 'loki_paint5_linear_17931_893', x1: '39.9982', y1: '62.5143', x2: '29.5833', y2: '-5.16528', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#FAED1E' }),
+                React.createElement("stop", { stopColor: '#F15B2B', offset: '1' })),
+            React.createElement("linearGradient", { id: 'loki_paint6_linear_17931_893', x1: '25.506', y1: '64.7443', x2: '15.091', y2: '-2.93537', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#FAED1E' }),
+                React.createElement("stop", { stopColor: '#F15B2B', offset: '1' })),
+            React.createElement("linearGradient", { id: 'loki_paint7_linear_17931_893', x1: '18.5788', y1: '65.8103', x2: '8.16407', y2: '-1.86867', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#FAED1E' }),
+                React.createElement("stop", { stopColor: '#F15B2B', offset: '1' })),
+            React.createElement("linearGradient", { id: 'loki_paint8_linear_17931_893', x1: '10.1623', y1: '65.7597', x2: '0.284696', y2: '1.57166', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#FAED1E' }),
+                React.createElement("stop", { stopColor: '#F15B2B', offset: '1' })),
+            React.createElement("linearGradient", { id: 'loki_paint9_linear_17931_893', x1: '13.0129', y1: '67.1431', x2: '2.40785', y2: '-1.77243', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#FAED1E' }),
+                React.createElement("stop", { stopColor: '#F15B2B', offset: '1' })),
+            React.createElement("linearGradient", { id: 'loki_paint10_linear_17931_893', x1: '17.6338', y1: '68.0331', x2: '6.38943', y2: '-5.0367', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#FAED1E' }),
+                React.createElement("stop", { stopColor: '#F15B2B', offset: '1' })),
+            React.createElement("linearGradient", { id: 'loki_paint11_linear_17931_893', x1: '19.8305', y1: '65.208', x2: '9.57925', y2: '-1.40832', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#FAED1E' }),
+                React.createElement("stop", { stopColor: '#F15B2B', offset: '1' })),
+            React.createElement("linearGradient", { id: 'loki_paint12_linear_17931_893', x1: '23.7353', y1: '61.7393', x2: '14.6289', y2: '2.56246', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#FAED1E' }),
+                React.createElement("stop", { stopColor: '#F15B2B', offset: '1' })),
+            React.createElement("linearGradient", { id: 'loki_paint13_linear_17931_893', x1: '26.4465', y1: '62.1967', x2: '16.9911', y2: '0.751851', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#FAED1E' }),
+                React.createElement("stop", { stopColor: '#F15B2B', offset: '1' }))),
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || 'url(#loki_paint0_linear_17931_893)', d: 'M12.0478 54.9248L11.3838 50.4663L6.92529 51.1304L7.68418 55.5889L12.0478 54.9248Z' }),
+            React.createElement("path", { fill: fill || 'url(#loki_paint1_linear_17931_893)', d: 'M46.957 42.4032L46.1981 38.0396L26.7515 41.0751L27.3206 45.4388L46.957 42.4032Z' }),
+            React.createElement("path", { fill: fill || 'url(#loki_paint2_linear_17931_893)', d: 'M20.395 46.5772L24.8535 45.8183L24.1895 41.4546L19.731 42.1186L20.395 46.5772Z' }),
+            React.createElement("path", { fill: fill || 'url(#loki_paint3_linear_17931_893)', d: 'M19.0674 53.7865L18.3085 49.4229L13.9448 50.0869L14.514 54.5454L19.0674 53.7865Z' }),
+            React.createElement("path", { fill: fill || 'url(#loki_paint4_linear_17931_893)', d: 'M5.88135 44.2055L6.54539 48.6641L11.0039 48L10.3399 43.5415L5.88135 44.2055Z' }),
+            React.createElement("path", { fill: fill || 'url(#loki_paint5_linear_17931_893)', d: 'M27.6997 47.9051L28.4586 52.4585L48.0001 49.4229L47.3361 44.9644L27.6997 47.9051Z' }),
+            React.createElement("path", { fill: fill || 'url(#loki_paint6_linear_17931_893)', d: 'M21.5333 53.407L25.8969 52.8378L25.2329 48.2844L20.7744 49.0433L21.5333 53.407Z' }),
+            React.createElement("path", { fill: fill || 'url(#loki_paint7_linear_17931_893)', d: 'M12.8062 43.1621L13.565 47.6205L17.9287 46.9566L17.2646 42.498L12.8062 43.1621Z' }),
+            React.createElement("path", { fill: fill || 'url(#loki_paint8_linear_17931_893)', d: 'M7.39921 41.4546L1.99207 5.97632L0 6.26089L5.50197 41.7392L7.39921 41.4546Z' }),
+            React.createElement("path", { fill: fill || 'url(#loki_paint9_linear_17931_893)', d: 'M9.96032 41.0751L4.07888 2.94067L2.18164 3.32014L8.06308 41.3597L9.96032 41.0751Z' }),
+            React.createElement("path", { fill: fill || 'url(#loki_paint10_linear_17931_893)', d: 'M14.3245 40.4111L8.15847 0L6.26123 0.379412L12.4272 40.6008L14.3245 40.4111Z' }),
+            React.createElement("path", { fill: fill || 'url(#loki_paint11_linear_17931_893)', d: 'M16.8852 40.0315L11.1935 3.2251L9.39111 3.50967L15.0828 40.2212L16.8852 40.0315Z' }),
+            React.createElement("path", { fill: fill || 'url(#loki_paint12_linear_17931_893)', d: 'M21.2491 39.2728L16.2215 6.64038L14.3242 6.92495L19.3519 39.6523L21.2491 39.2728Z' }),
+            React.createElement("path", { fill: fill || 'url(#loki_paint13_linear_17931_893)', d: 'M23.8104 38.8935L18.593 5.02783L16.6958 5.31241L22.0081 39.1781L23.8104 38.8935Z' }))));
+};
+const LumigoLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size * (21 / 34), viewBox: '0 0 34 21', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: 'lumigo_gradient_1', x1: '0.500956', y1: '10.4056', x2: '33.0464', y2: '10.4056', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#FFC94F' }),
+                React.createElement("stop", { offset: '0.2025', stopColor: '#FFC94F' }),
+                React.createElement("stop", { offset: '0.5958', stopColor: '#E02317' }),
+                React.createElement("stop", { offset: '1', stopColor: '#E02317' })),
+            React.createElement("linearGradient", { id: 'lumigo_gradient_2', x1: '0.500956', y1: '10.4056', x2: '33.0464', y2: '10.4056', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#FFC94F' }),
+                React.createElement("stop", { offset: '0.2025', stopColor: '#FFC94F' }),
+                React.createElement("stop", { offset: '0.5958', stopColor: '#E02317' }),
+                React.createElement("stop", { offset: '1', stopColor: '#E02317' }))),
+        React.createElement("mask", { id: 'lumigo_mask', style: { maskType: 'luminance' }, maskUnits: 'userSpaceOnUse', x: '0', y: '0', width: '34', height: '21' },
+            React.createElement("path", { fill: fill || '#fff', d: 'M20.9648 16.0469C20.1523 15.6914 19.4414 15.1836 18.832 14.5234L14.8711 10.4609L18.832 6.34766C19.4414 5.6875 20.1523 5.17969 20.9648 4.82422C22.4883 4.16406 24.1641 4.16406 25.6875 4.77344C27.2109 5.38281 28.3789 6.55078 29.0391 8.07422C29.3438 8.83594 29.4961 9.59766 29.5469 10.4102C29.5469 11.2227 29.3945 11.9844 29.0391 12.7461C28.0234 15.082 25.7383 16.5039 23.3516 16.5039C22.5391 16.5039 21.7266 16.3516 20.9648 16.0469ZM23.1484 0.761719L0.601563 0.8125L4.00391 4.26563H11.418H15.9883L15.125 5.17969H4.86719L8.21875 8.58203H11.7734L9.9961 10.4102L11.7734 12.2383L8.11719 12.1875L4.76563 15.5898H15.125L16.0391 16.5039H3.85156L0.5 20.0078H23.1484C23.25 20.0078 23.3516 20.0078 23.4023 20.0078C23.4531 20.0078 23.4531 20.0078 23.5039 20.0078C24.7734 20.0078 26.043 19.7539 27.2109 19.2461C30.7656 17.7227 33.0508 14.2695 33.0508 10.3594C33.0508 6.5 30.7656 3.04688 27.2109 1.52344C26.043 1.01563 24.8242 0.761719 23.5547 0.761719C23.5039 0.761719 23.5039 0.761719 23.4531 0.761719C23.3516 0.761719 23.25 0.761719 23.1484 0.761719Z' })),
+        React.createElement("g", { mask: 'url(#lumigo_mask)' },
+            React.createElement("path", { fill: fill || 'url(#lumigo_gradient_1)', d: 'M33.0508 0.761719H0.5V20.0078H33.0508V0.761719Z' }),
+            React.createElement("path", { fill: fill || 'url(#lumigo_gradient_2)', d: 'M33.0508 0.761719H0.5V20.0078H33.0508V0.761719Z' }))));
+};
+const MiddlewareLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size * (19 / 37), viewBox: '0 0 37 19', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#E95E5F', d: 'M27.174 10.508c.21-.322.377-.558.531-.808 1.152-1.888 2.283-3.79 3.49-5.67.22-.383.55-.686.945-.868a2.048 2.048 0 0 1 1.26-.148c.412.063.791.266 1.077.576.286.31.462.708.501 1.133a2.686 2.686 0 0 1-.307 1.48 482.459 482.459 0 0 1-5.78 9.532c-.935 1.502-2.791 1.43-3.699-.143-1.11-1.852-2.164-3.74-3.245-5.606-.147-.258-.308-.5-.524-.858l-.768 1.244c-1.033 1.723-2.094 3.447-3.127 5.177-1.033 1.73-3.001 1.76-4.055-.079-1.187-2.059-2.367-4.126-3.595-6.264-.181.28-.335.5-.468.715-1.158 1.888-2.303 3.783-3.49 5.664a2.127 2.127 0 0 1-.555.621 2.07 2.07 0 0 1-1.569.387 2.062 2.062 0 0 1-.77-.294 2.115 2.115 0 0 1-.601-.576 2.17 2.17 0 0 1-.36-1.611c.046-.28.147-.547.295-.787a661.831 661.831 0 0 1 5.675-9.217c.192-.376.483-.69.84-.905a2.179 2.179 0 0 1 2.341.055c.347.232.623.558.798.943 1.054 1.823 2.094 3.661 3.134 5.484.146.258.307.501.51.83l3.545-5.807c.154-.25.3-.514.482-.758.207-.332.495-.603.837-.786a2.163 2.163 0 0 1 2.192.087c.326.209.594.502.775.85 1.082 1.837 2.094 3.697 3.183 5.549.14.264.293.514.502.858z' }),
+            React.createElement("path", { stroke: fill || '#E95E5F', strokeOpacity: '.2', strokeWidth: '2', d: 'm27.7 7.783-.49.806c-.422-.73-.837-1.46-1.253-2.196l-.009-.016a192.02 192.02 0 0 0-1.585-2.764 3.238 3.238 0 0 0-1.11-1.204 3.169 3.169 0 0 0-3.204-.126c-.484.26-.893.64-1.19 1.102-.161.221-.308.466-.42.654l-.088.146-.001.002-2.682 4.392-.49-.86c-.754-1.325-1.512-2.657-2.276-3.98a3.258 3.258 0 0 0-1.13-1.312 3.182 3.182 0 0 0-3.415-.08 3.25 3.25 0 0 0-1.19 1.264 662.652 662.652 0 0 0-5.66 9.193 3.177 3.177 0 0 0-.396 2.368c.09.403.258.785.494 1.123.236.338.536.627.884.848a3.064 3.064 0 0 0 2.369.389 3.07 3.07 0 0 0 1.106-.525c.326-.245.6-.55.81-.9a345.117 345.117 0 0 0 2.57-4.163l.492-.803.684 1.195c.7 1.222 1.393 2.43 2.086 3.633.663 1.155 1.711 1.869 2.894 1.879 1.179.01 2.228-.683 2.887-1.786.558-.935 1.112-1.848 1.668-2.764.45-.74.9-1.484 1.355-2.241.258.447.516.898.775 1.35a213.215 213.215 0 0 0 2.145 3.692c.602 1.038 1.582 1.675 2.663 1.717 1.09.042 2.11-.53 2.747-1.552a483.087 483.087 0 0 0 5.792-9.552l.01-.019.011-.019a3.685 3.685 0 0 0 .422-2.031l-.001-.012a2.93 2.93 0 0 0-.762-1.72 2.85 2.85 0 0 0-1.636-.882 3.048 3.048 0 0 0-1.854.225 3.111 3.111 0 0 0-1.38 1.253c-.912 1.42-1.782 2.856-2.643 4.276z' }))));
+};
+const NewRelicLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size * (256 / 296), height: size, viewBox: '0 0 256 296', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("polygon", { fill: fill || '#00AC69', points: '206.744916 102.321906 206.744916 193.264381 128 238.744916 128 295.586287 256 221.694364 256 73.8919233' }),
+            React.createElement("polygon", { fill: fill || '#1CE783', points: '128 56.8599651 206.744916 102.321906 256 73.8919233 256 73.8919233 128 0 0 73.8919233 0 73.8919233 49.2364904 102.321906' }),
+            React.createElement("polygon", { fill: fill || '#1D252C', points: '78.7635096 176.232423 78.7635096 267.174898 128 295.586287 128 147.80244 -5.2846874e-14 73.8919233 -5.2846874e-14 130.751888' }))));
+};
+const OpenTelemetryLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    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 },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#F5A800', d: 'M135.440226,139.917846 C124.533857,150.823064 124.533857,168.505096 135.440226,179.410315 C146.346595,190.315534 164.030494,190.315534 174.936863,179.410315 C185.843232,168.505096 185.843232,150.823064 174.936863,139.917846 C164.030494,129.012627 146.346595,129.012627 135.440226,139.917846 Z M164.965326,169.465794 C159.564076,174.866474 150.813013,174.866474 145.411764,169.465794 C140.010514,164.065115 140.010514,155.314975 145.411764,149.914296 C150.813013,144.513616 159.564076,144.513616 164.965326,149.914296 C170.366575,155.289011 170.366575,164.065115 164.965326,169.465794 Z M174.469447,2.51209494 L157.356835,19.6229018 C154.007021,22.9723617 154.007021,28.4769005 157.356835,31.8263604 L224.17133,98.6338051 C227.521143,101.983265 233.026263,101.983265 236.376076,98.6338051 L253.488689,81.5229982 C256.838502,78.1735382 256.838502,72.6689995 253.488689,69.3195396 L186.648226,2.51209494 C183.298413,-0.837364979 177.819261,-0.837364979 174.469447,2.51209494 L174.469447,2.51209494 Z M54.577289,221.161723 C57.6154919,218.12384 57.6154919,213.164562 54.577289,210.12668 L45.8781613,201.42847 C42.8399584,198.390588 37.8801572,198.390588 34.8419544,201.42847 L16.8724128,219.396116 L16.8464452,219.42208 L11.9126116,214.488768 C9.18601927,211.762462 4.74556897,211.762462 2.04494422,214.488768 C-0.681648073,217.215072 -0.681648073,221.655053 2.04494422,224.355393 L31.6479462,253.955272 C34.3745385,256.681576 38.8149888,256.681576 41.5156136,253.955272 C44.2162383,251.228967 44.2422059,246.788985 41.5156136,244.088646 L36.5817799,239.155333 L36.6077475,239.129367 L54.577289,221.161723 Z' }),
+            React.createElement("path", { fill: fill || '#425CC7', d: 'M145.100153,51.637507 L107.083666,89.6499823 C103.707885,93.025407 103.707885,98.5818754 107.083666,101.9573 L130.558328,125.429484 C147.151589,113.485674 170.41851,114.965668 185.349849,129.895431 L204.358092,110.889194 C207.733873,107.513769 207.733873,101.9573 204.358092,98.5818754 L157.40877,51.637507 C154.032989,48.2361175 148.475934,48.2361175 145.100153,51.637507 Z M120.69066,135.322075 L106.823991,121.45687 C103.578048,118.211268 98.2547008,118.211268 95.0087576,121.45687 L46.1118692,170.374563 C42.865926,173.620164 42.865926,178.942949 46.1118692,182.188549 L73.8192404,209.892997 C77.0651836,213.138597 82.3885304,213.138597 85.6344736,209.892997 L117.081171,178.397687 C110.43348,164.662306 111.627987,148.070795 120.69066,135.322075 Z' }))));
+};
+const OpsVerseLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size * (258.318 / 266.44), viewBox: '0 0 266.44 258.318', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", { transform: 'matrix(0.1, 0, 0, -0.1, -63.800472, 318.957611)' },
+            React.createElement("path", { fill: fill || '#002a4b', d: 'M1832 3129 c-218 -21 -422 -92 -600 -209 l-53 -35 39 -3 38 -3 78 -189 78 -188 60 48 c164 132 384 195 595 170 52 -6 119 -20 148 -30 81 -28 203 -94 259 -140 26 -22 51 -40 55 -40 3 0 40 82 82 183 75 181 75 182 110 187 l34 5 -48 33 c-61 43 -189 106 -286 142 -103 37 -204 58 -341 70 -126 11 -129 11 -248 -1z' }),
+            React.createElement("path", { fill: fill || '#002a4b', d: 'M935 2639 c-163 -221 -235 -445 -235 -729 0 -274 77 -512 232 -722 156 -211 401 -380 653 -453 332 -96 714 -59 1010 99 238 126 445 350 551 595 62 143 86 256 91 436 8 236 -27 405 -118 589 -38 76 -128 215 -153 235 -9 8 -39 -56 -120 -252 l-108 -261 18 -81 c37 -170 15 -381 -55 -532 -64 -136 -196 -284 -313 -351 -31 -18 -60 -38 -65 -45 -5 -6 -47 -103 -93 -214 l-83 -203 -176 0 -176 0 -84 206 c-47 114 -89 211 -95 216 -6 5 -40 28 -76 50 -91 58 -205 178 -264 278 -60 101 -92 200 -106 323 -12 98 -9 142 16 277 l16 85 -101 244 c-56 134 -105 250 -110 259 -7 12 -18 2 -56 -49z' }))));
+};
+const PrometheusLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    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 },
+        React.createElement("path", { fill: fill || '#DA4E31', d: 'M128.001129,0.667 C57.3110392,0.667 0,57.9712627 0,128.663612 C0,199.353702 57.3110392,256.662482 128.001129,256.662482 C198.69122,256.662482 256,199.353702 256,128.663612 C256,57.9712627 198.688961,0.667 128.001129,0.667 L128.001129,0.667 Z M128.001129,240.227234 C107.888506,240.227234 91.5820105,226.791712 91.5820105,210.223193 L164.420248,210.223193 C164.420248,226.789453 148.113753,240.227234 128.001129,240.227234 L128.001129,240.227234 Z M188.153777,200.286599 L67.8417054,200.286599 L67.8417054,178.470817 L188.156036,178.470817 L188.156036,200.286599 L188.153777,200.286599 Z M187.72234,167.242172 L68.1850476,167.242172 C67.7874935,166.78363 67.3809041,166.331864 66.9969029,165.866545 C54.6817608,150.913089 51.7814229,143.106572 48.9646617,135.150972 C48.9172262,134.888948 63.8977879,138.211687 74.5210662,140.601529 C74.5210662,140.601529 79.9874353,141.866474 87.9791764,143.32342 C80.3059303,134.328758 75.7498699,122.894559 75.7498699,111.207372 C75.7498699,85.5493202 95.4287983,63.1281719 88.3292951,45.0055775 C95.2390566,45.5680262 102.629949,59.5885851 103.12915,81.5105319 C110.474866,71.3593491 113.549134,52.8211299 113.549134,41.4546964 C113.549134,29.6861912 121.303698,16.015751 129.060521,15.5481732 C122.146242,26.9439714 130.851773,36.7134119 138.590525,60.9484008 C141.493122,70.0514864 141.122674,85.3708727 143.363433,95.0861012 C144.106589,74.9079713 147.576152,45.4663788 160.376942,35.301643 C154.729867,48.1024336 161.212709,64.1197984 165.646793,71.8201505 C172.800508,84.2437164 177.137462,93.6562617 177.137462,111.458102 C177.137462,123.393761 172.730485,134.631441 165.296674,143.416032 C173.749217,141.830333 179.586034,140.400493 179.586034,140.400493 L207.035338,135.044807 C207.037597,135.042548 203.048503,151.446173 187.72234,167.242172 L187.72234,167.242172 Z' })));
+};
+const QrynLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size * (75 / 85), viewBox: '0 0 85 75', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#FFCC01', d: 'M0.569857 37.0069L10.0622 27.6926L46.5189 64.4542L37.0266 73.7685L0.569857 37.0069Z' }),
+            React.createElement("path", { fill: fill || '#FFCC01', d: 'M52.3334 40.1129L61.6978 49.5558L37.0175 73.7729L27.6531 64.33L52.3334 40.1129Z' }),
+            React.createElement("path", { fill: fill || '#FFCC01', d: 'M29.0764 9.03491L38.4408 18.4777L9.93465 46.4489L0.570216 37.0063L29.0764 9.03491Z' }),
+            React.createElement("path", { fill: fill || '#FF9900', d: 'M28.0293 10.0624L37.5216 0.748086L83.9656 47.5805L74.4733 56.8948L28.0293 10.0624Z' }),
+            React.createElement("path", { fill: fill || '#FF9900', d: 'M37.522 25.3408L49.3103 37.2278L37.7009 48.6193L25.9125 36.7323L37.522 25.3408Z' }),
+            React.createElement("path", { fill: fill || '#FFCC01', d: 'M67.5241 25.8655L78.5522 24.0313L76.558 34.9751L67.5241 25.8655Z' }))));
+};
+const QuickwitLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size * (27 / 28), viewBox: '0 0 28 27', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#ff0026', d: 'M8.24097 0.426598L6.00684 3.4248L14.6428 9.54304L16.877 6.54484L8.24097 0.426598Z' }),
+            React.createElement("path", { fill: fill || '#ff0026', d: 'M10.3099 6.45051L-0.000976562 9.14429L0.982682 12.724L11.2936 10.0302L10.3099 6.45051Z' }),
+            React.createElement("path", { fill: fill || '#ff0026', d: 'M6.1032 11.3671L1.76172 20.8755L5.23379 22.3827L9.57527 12.8744L6.1032 11.3671Z' }),
+            React.createElement("path", { fill: fill || '#ff0026', d: 'M10.7596 15.9659L7.37305 17.6484L12.2195 26.9226L15.606 25.24L10.7596 15.9659Z' }),
+            React.createElement("path", { fill: fill || '#ff0026', d: 'M13.9694 17.0147L13.1792 20.6396L23.6203 22.8036L24.4105 19.1787L13.9694 17.0147Z' }),
+            React.createElement("path", { fill: fill || '#ff0026', d: 'M25.1221 8.69101L16.8267 15.2412L19.2185 18.1212L27.514 11.571L25.1221 8.69101Z' }),
+            React.createElement("path", { fill: fill || '#ff0026', d: 'M21.0118 1.55273L17.2109 1.55273L17.2109 11.9614L21.0118 11.9614L21.0118 1.55273Z' }))));
+};
+const SignozLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 40 40', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#DD431F', d: 'M20.0557 39.9666C8.91365 39.9666 0 31.2241 0 20.2958C0 9.47687 8.91365 0.625 20.0557 0.625H32.6462C36.7688 0.625 40 3.90347 40 7.83763V20.2958C40 31.2241 31.0863 39.9666 20.0557 39.9666Z' }),
+            React.createElement("path", { fill: fill || '#F9F2F9', d: 'M19.8991 11.7803C11.5768 11.7803 6.889 18.6718 6.69348 18.9652C6.21149 19.6878 6.21149 20.6224 6.69384 21.3455C6.889 21.6384 11.5768 28.5299 19.8991 28.5299C28.2214 28.5299 32.9092 21.6384 33.1047 21.345C33.5868 20.6224 33.5868 19.6878 33.1044 18.9647C32.9092 18.6718 28.2214 11.7803 19.8991 11.7803ZM7.84542 20.5774C7.67429 20.3208 7.67429 19.9894 7.84542 19.7328C8.00265 19.4968 11.3403 14.5942 17.3076 13.4182C14.6035 14.462 12.6793 17.0872 12.6793 20.1551C12.6793 23.2229 14.6035 25.8482 17.3076 26.892C11.3403 25.7159 8.00265 20.8133 7.84542 20.5774ZM16.5721 20.1551C16.5721 20.5374 16.2622 20.8472 15.8799 20.8472C15.4977 20.8472 15.1878 20.5374 15.1878 20.1551C15.1878 17.5573 17.3012 15.4438 19.8991 15.4438C20.2813 15.4438 20.5912 15.7536 20.5912 16.1359C20.5912 16.5183 20.2814 16.8281 19.8991 16.8281C18.0645 16.8281 16.5721 18.3205 16.5721 20.1551ZM19.8991 21.8378C18.9713 21.8378 18.2164 21.083 18.2164 20.1551C18.2164 19.2272 18.9713 18.4723 19.8991 18.4723C20.827 18.4723 21.5819 19.2272 21.5819 20.1551C21.5819 21.083 20.827 21.8378 19.8991 21.8378ZM31.9528 20.5774C31.7956 20.8133 28.458 25.7159 22.4907 26.892C25.1949 25.8481 27.1189 23.2229 27.1189 20.1551C27.1189 17.0873 25.1949 14.462 22.4907 13.4182C28.458 14.5943 31.7956 19.4968 31.9528 19.7328C32.124 19.9894 32.124 20.3208 31.9528 20.5774Z' }))));
+};
+const SplunkLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '-4.8 -4.8 57.60 57.60', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("rect", { fill: fill || '#ffffff', x: '-4.8', y: '-4.8', width: '57.60', height: '57.60', rx: '28.8', transform: 'translate(9.36,9.36), scale(0.61)' }),
+            React.createElement("path", { fill: fill || '#719f45', d: 'M37.5,4h-27A6.5,6.5,0,0,0,4,10.5v27A6.5,6.5,0,0,0,10.5,44h27A6.5,6.5,0,0,0,44,37.5v-27A6.5,6.5,0,0,0,37.5,4ZM33.6,26.1c0,.1,0,.2-.2.3L14.7,35.8c-.1.1-.3-.1-.3-.2V30.8c0-.1,0-.2.1-.2l13.6-6.8L14.5,16.9c-.1,0-.1-.1-.1-.2V11.9c0-.1.2-.3.3-.2l18.7,9.4a.5.5,0,0,1,.2.4Z' }))));
+};
+const SumoLogicLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 1024 1024', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("circle", { fill: fill || '#009', cx: '512', cy: '512', r: '512' }),
+            React.createElement("path", { fill: fill || '#fff', d: 'M352.9 361.4c-12.7-2.7-21.8-5.1-26.9-6.3-6.3-1.8-11.2-4.2-13.6-7.6v-13.9c4.2-6.6 14.5-10.9 28.7-10.9 19.6 0 33.2 4.5 54.7 21.5l25.1-30.2c-25.4-21.2-47.1-28.7-78.6-28.7-36.3 0-61.3 14.8-71.3 36v45.9c7.9 15.4 26 24.2 62.2 32 13 3 21.8 5.1 26.9 6 6.6 2.1 12.7 4.8 16 9.7v16c-4.5 7.3-15.4 11.2-29.6 11.2-10.3.3-20.2-1.8-29.6-5.7-9.1-3.6-19.6-10.6-32.9-21.5l-26.9 29.9c29 25.7 53.5 34.4 88.2 34.4 37.2 0 63.5-14.2 73.4-36.9v-46.2c-8.4-17.2-28.7-26.2-65.8-34.7zm401.5-70.1v182.5h-42.6v-19.3c-9.7 15.7-27.5 24.8-53.5 24.8-43.2 0-64.7-22.4-64.7-58v-130h46.5v117.5c0 19 10.3 30.2 30.2 30.2 23.3 0 37.5-13.3 37.5-37.8v-110h46.6zM531.8 606.9v127.5h-46.5V620.8c0-21.8-8.8-35.1-29-35.1s-32 15.1-32 36.3v112.4h-46.5V620.8c0-23.3-9.7-35.1-29-35.1-20.5 0-32 15.1-32 36.3v112.4h-46.5V551.9h43.2v20.2c10.6-17.5 28.1-26.3 52-26.3 23.3 0 40.8 9.7 50.8 26.9 12.4-17.8 30.8-26.9 54.7-26.9 38.8.1 60.8 23.4 60.8 61.1zm139.8-62.8c-42 0-74.9 22.7-88.5 58.9v76.8c13.3 36.3 46.5 58.9 88.5 58.9s74.6-22.7 87.9-58.6v-77.4c-13.5-35.9-46.5-58.6-87.9-58.6zm43 124.2c-7.3 19.3-22.7 30.8-43.2 30.8-20.2 0-36.3-11.5-43.5-30.8v-53.8c7.3-19.3 22.7-31.1 43.5-31.1 20.5 0 35.7 11.8 42.9 31.1l.3 53.8z' }))));
+};
+const TempoLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size * (99.17 / 121.85), viewBox: '0 0 121.85 99.17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: 'tempo-gradient', x1: '168.55', y1: '13.4', x2: '27.2', y2: '57', gradientUnits: 'userSpaceOnUse' },
+                React.createElement("stop", { stopColor: '#fff100', offset: '0' }),
+                React.createElement("stop", { stopColor: '#f05a28', offset: '1' }))),
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || 'url(#tempo-gradient)', d: 'M4.66,25H2.37a2.37,2.37,0,0,0,0,4.74H4.66a2.37,2.37,0,1,0,0-4.74ZM48.48,59.57H46.19a2.37,2.37,0,1,0,0,4.74h2.29a2.37,2.37,0,1,0,0-4.74ZM46.56,37a2.37,2.37,0,0,0-2.37-2.37H36.27a2.37,2.37,0,0,0,0,4.74h7.92A2.37,2.37,0,0,0,46.56,37ZM121.73,22.1,119.32,8.56A9.88,9.88,0,0,0,109.07,0H16.24A6.28,6.28,0,0,0,9.9,7.7l2.54,14.4a3.38,3.38,0,0,0,.08.34v0c.3,1.76-.59,2.47-1.39,2.73h0a2.37,2.37,0,0,0,.79,4.6H115.39A6.28,6.28,0,0,0,121.73,22.1ZM90.15,76.42c-1-5.25-4-7.2-7.39-7.2H58.24a2.39,2.39,0,0,0-2.37,2.4A2.37,2.37,0,0,0,58,74h0c.78.14,1.62,1.16,2.15,3.68l2.52,14a9.59,9.59,0,0,0,9.19,7.54l14.63-.07a6.28,6.28,0,0,0,6.44-7.61ZM57.73,64.48H84.34a2.27,2.27,0,0,0,.59-.09c2.46-.52,2.58-2.52,2.26-4.51L83.8,41.27c-.93-4.84-3.74-6.75-7.43-6.75H52a2.37,2.37,0,0,0-.28,4.72h0c.81.15,1.7,1.24,2.22,4l2.57,14.24v0A1.92,1.92,0,0,1,55,59.87h0a2.36,2.36,0,0,0,.79,4.59h1.9Z' }))));
+};
+const TraceloopLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size, height: size * (107 / 160), viewBox: '0 0 160 107', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#02c4f8', d: 'm 118.01028,87.161524 c -6.91657,2.739932 -3.89228,13.846246 3.46422,13.263156 9.25507,1.237 18.541,-1.013895 27.82226,-0.34555 7.48528,0.5074 9.1094,-11.348216 2.034,-13.123366 -9.78198,-2.242332 -19.80292,0.473085 -29.6912,-0.455437 -1.23012,0.05313 -2.47463,0.208932 -3.62928,0.661197 z' }),
+            React.createElement("path", { fill: fill || '#ff3e5e', d: 'm 46.695989,87.161524 c -6.771315,2.845644 -3.400286,13.549976 3.614155,13.177646 13.372474,2.35661 26.872863,-1.340339 40.309415,-0.046 6.560764,1.28063 11.492841,-7.086506 6.557458,-11.873823 -5.721958,-3.678361 -13.175213,-2.61583 -19.696907,-2.668275 -8.654761,0.583058 -17.318397,1.23095 -25.986508,0.590754 -1.623583,0.04568 -3.277474,0.209791 -4.797613,0.819688 z' }),
+            React.createElement("path", { fill: fill || '#02ff86', d: 'M 4.029321,87.161524 C -2.0955083,89.527329 0.0105272,99.574405 6.3641129,99.963132 12.605696,100.92538 19.59422,101.55842 25.414733,98.719104 30.769265,94.72516 26.95827,85.672556 20.351787,86.301318 14.953752,85.727149 9.2691581,85.571598 4.029321,87.161524 Z' }),
+            React.createElement("path", { fill: fill || '#ffe050', d: 'm 104.00308,58.494861 c -7.696809,2.740223 -3.97422,14.25312 3.59241,13.812702 13.1691,2.218301 26.45331,-1.179435 39.68693,-0.104466 6.21694,0.944438 11.68361,-6.357313 7.44678,-11.635267 -4.93932,-4.56639 -12.59341,-3.255616 -18.82412,-3.477237 -8.94247,0.539058 -17.88804,1.249166 -26.84193,0.573006 -1.71068,0.04483 -3.45021,0.213458 -5.06007,0.831262 z' }),
+            React.createElement("path", { fill: fill || '#02c4f8', d: 'm 47.336421,58.494861 c -7.954856,2.927718 -3.68664,14.70959 4.174913,13.823975 8.787609,1.019694 17.611911,-0.682244 26.417806,-0.408821 7.40508,0.321213 9.790453,-11.007185 2.734437,-13.415154 -9.756997,-2.964059 -19.972131,0.373778 -29.929975,-0.627025 -1.151811,0.05497 -2.314782,0.208468 -3.397181,0.627025 z' }),
+            React.createElement("path", { fill: fill || '#ffc517', d: 'M 4.0288067,58.572019 C -2.2840775,61.130898 -0.21047916,71.494072 6.4589992,71.929993 12.697367,72.954596 19.701637,73.454284 25.478438,70.500004 31.236902,66.449351 27.157259,57.037505 20.344089,57.635242 14.948726,57.07138 9.2466159,56.903937 4.0288067,58.572019 Z' }),
+            React.createElement("path", { fill: fill || '#ffc517', d: 'm 132.66924,29.828193 c -6.67556,2.248366 -5.60207,13.295235 1.75371,13.544519 6.28737,0.792879 13.45309,1.65536 19.20954,-1.493524 5.64048,-4.569267 0.95848,-13.687388 -5.99944,-12.890091 -4.9595,-0.541893 -10.15451,-0.635084 -14.96381,0.839096 z' }),
+            React.createElement("path", { fill: fill || '#02ff86', d: 'm 76.66718,29.715023 c -7.771702,1.785108 -6.090834,14.356173 2.071154,13.675652 9.753023,-0.778618 19.670866,2.125484 29.296006,-0.265159 7.92733,-1.45663 5.93564,-13.88078 -1.75289,-13.779202 -8.581295,0.239459 -17.173396,-0.870564 -25.751891,-0.361229 -1.303515,0.142017 -2.601081,0.366746 -3.862379,0.729938 z' }),
+            React.createElement("path", { fill: fill || '#ffc517', d: 'M 4.6697531,29.828193 C -3.2512983,32.6257 0.65943824,45.066732 8.781345,43.552709 c 13.603266,-0.387723 27.23925,-0.254993 40.83549,-0.01757 7.611581,0.449804 9.515117,-10.907809 2.742313,-13.571281 -13.346102,-3.649832 -27.217245,0.5395 -40.780497,-0.958824 -2.3185586,-0.04891 -4.7115155,-0.0072 -6.9088979,0.823161 z' }),
+            React.createElement("path", { fill: fill || '#ffe050', d: 'm 105.33384,1.0221151 c -8.626612,1.6979525 -6.460845,14.8948389 2.1188,14.4872289 12.65758,2.189771 25.44599,-1.112206 38.16913,0.08953 6.54442,1.247165 13.78495,-5.9044002 9.00853,-12.007243 -5.13271,-5.117268 -13.1542,-2.74165149 -19.63772,-2.93559817 -9.87331,0.14868289 -19.89581,-1.85583043 -29.65874,0.36607727 z' }),
+            React.createElement("path", { fill: fill || '#ff3e5e', d: 'M 4.029321,1.9053549 C -2.7603698,4.8631898 0.66264492,15.849526 7.9265657,14.986031 16.410294,15.334339 24.901962,14.36753 33.404221,14.666667 46.918127,14.785625 60.449637,14.30104 73.940025,15.2202 80.548153,16.806607 88.488834,9.6892126 83.375315,3.4680066 77.702994,-0.96291401 69.731887,1.6369192 63.077517,1.3224259 48.970205,1.2153199 34.846528,1.6152797 20.751105,1.0742277 15.204389,0.76522222 9.3594749,-0.12144021 4.029321,1.9053549 Z' }))));
+};
+const UptraceLogo = ({ size = 16, fill, rotate = 0, onClick }) => {
+    return (React.createElement("svg", { width: size * (28 / 31), height: size, viewBox: '0 0 28 31', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("g", null,
+            React.createElement("path", { fill: fill || '#1976d2', d: 'M2.001 15.651v-6.07a1.38 1.38 0 0 1 .77-1.29c.93-.55 1.87-1.09 2.81-1.63l3.14-1.81 2.05-1.22 2.45-1.41a1.4 1.4 0 0 1 1.51 0l4.19 2.42 3.85 2.23c.84.48 1.67.95 2.5 1.44a1.37 1.37 0 0 1 .7 1.24v12.19a1.36 1.36 0 0 1-.7 1.24l-2.78 1.61-2.52 1.46-3.79 2.2-1.41.8a1.46 1.46 0 0 1-1.57 0l-3.43-2-3.13-1.82-3.12-1.79c-.27-.16-.55-.31-.82-.48a1.41 1.41 0 0 1-.66-1.24zm2.58 0v4.57a1.39 1.39 0 0 0 .75 1.29l4.23 2.45 3.68 2.09a1.42 1.42 0 0 0 1.52 0l4.95-2.87c1-.55 1.91-1.11 2.87-1.65a1.53 1.53 0 0 0 .85-1.45v-9.01a1.46 1.46 0 0 0-.73-1.34l-1.35-.68-2.71-1.56-3.87-2.3a2.05 2.05 0 0 0-.43-.18 1.49 1.49 0 0 0-1.14.22l-3.55 2.05c-1.4.81-2.79 1.63-4.2 2.42a1.56 1.56 0 0 0-.86 1.49c0 1.49-.01 2.98-.01 4.47z' }),
+            React.createElement("path", { fill: fill || '#1976d2', d: 'M12.001 22.651a1 1 0 0 1-.95-.68l-1.77-5.33h-5.75a1 1 0 0 1 0-2h6.47a1 1 0 0 1 .95.69l1.05 3.16 3.05-9.17a1 1 0 0 1 1.9 0l1.82 5.32h5.67a1 1 0 0 1 0 2h-6.43a1 1 0 0 1-.95-.68l-1.06-3.16-3.05 9.17a1 1 0 0 1-.95.68z' }))));
+};
+const ActionsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    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 },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4.03577 5.58623L7.87311 2.57807C8.96507 1.72206 9.51105 1.29405 9.88484 1.33635C10.2084 1.37297 10.4931 1.58015 10.6428 1.88795C10.8158 2.24356 10.6404 2.94122 10.2895 4.33655L9.99556 5.50565C9.85509 6.06426 9.78486 6.34357 9.83323 6.58606C9.87578 6.79937 9.9806 6.99284 10.1327 7.13876C10.3056 7.30464 10.5677 7.37948 11.0919 7.52916L11.432 7.62628C12.4401 7.91412 12.9442 8.05804 13.1457 8.35103C13.3209 8.60578 13.3771 8.93198 13.2982 9.23643C13.2074 9.58657 12.7841 9.91181 11.9376 10.5623L8.16976 13.4575C7.08454 14.2914 6.54192 14.7083 6.16999 14.6636C5.84799 14.6248 5.56547 14.4171 5.41715 14.1101C5.24584 13.7555 5.41898 13.0669 5.76527 11.6898L6.02808 10.6446C6.16855 10.0859 6.23878 9.80664 6.19041 9.56415C6.14786 9.35085 6.04304 9.15737 5.89096 9.01146C5.71807 8.84557 5.45596 8.77073 4.93173 8.62105L4.55326 8.51299C3.55574 8.22817 3.05698 8.08576 2.8556 7.79472C2.68046 7.5416 2.62311 7.21724 2.6998 6.91357C2.78798 6.5644 3.20391 6.23834 4.03577 5.58623Z' })));
+};
+const DestinationsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    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 },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7.9999 14.0999C11.3688 14.0999 14.0999 11.3688 14.0999 7.9999C14.0999 4.63096 11.3688 1.8999 7.9999 1.8999C4.63096 1.8999 1.8999 4.63096 1.8999 7.9999C1.8999 11.3688 4.63096 14.0999 7.9999 14.0999Z' }),
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7.99984 11.3332C9.84077 11.3332 11.3332 9.84077 11.3332 7.99984C11.3332 6.15889 9.84077 4.6665 7.99984 4.6665C6.15889 4.6665 4.6665 6.15889 4.6665 7.99984C4.6665 9.84077 6.15889 11.3332 7.99984 11.3332Z' }),
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8.6665 7.99984C8.6665 8.36804 8.36804 8.6665 7.99984 8.6665C7.63164 8.6665 7.33317 8.36804 7.33317 7.99984C7.33317 7.63164 7.63164 7.33317 7.99984 7.33317C8.36804 7.33317 8.6665 7.63164 8.6665 7.99984Z' })));
+};
+const NamespacesIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size, height: size, viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M7 12H17M7 12C6.536 12 6.303 12 6.108 12.022C5.32013 12.1108 4.58575 12.4645 4.02511 13.0251C3.46447 13.5857 3.1108 14.3201 3.022 15.108C3 15.303 3 15.536 3 16C3 16.464 3 16.697 3.022 16.892C3.1108 17.6799 3.46447 18.4143 4.02511 18.9749C4.58575 19.5355 5.32013 19.8892 6.108 19.978C6.303 20 6.536 20 7 20H17C17.464 20 17.697 20 17.892 19.978C18.6799 19.8892 19.4143 19.5355 19.9749 18.9749C20.5355 18.4143 20.8892 17.6799 20.978 16.892C21 16.697 21 16.464 21 16C21 15.536 21 15.303 20.978 15.108C20.8892 14.3201 20.5355 13.5857 19.9749 13.0251C19.4143 12.4645 18.6799 12.1108 17.892 12.022C17.697 12 17.464 12 17 12M7 12C6.536 12 6.303 12 6.108 11.978C5.32013 11.8892 4.58575 11.5355 4.02511 10.9749C3.46447 10.4143 3.1108 9.67987 3.022 8.892C3 8.697 3 8.464 3 8C3 7.536 3 7.303 3.022 7.108C3.1108 6.32013 3.46447 5.58575 4.02511 5.02511C4.58575 4.46447 5.32013 4.1108 6.108 4.022C6.303 4 6.536 4 7 4H17C17.464 4 17.697 4 17.892 4.022C18.6799 4.1108 19.4143 4.46447 19.9749 5.02511C20.5355 5.58575 20.8892 6.32013 20.978 7.108C21 7.303 21 7.536 21 8C21 8.464 21 8.697 20.978 8.892C20.8892 9.67987 20.5355 10.4143 19.9749 10.9749C19.4143 11.5355 18.6799 11.8892 17.892 11.978C17.697 12 17.464 12 17 12M13 8H13.01M17 8H17.01M13 16H13.01M17 16H17.01' })));
+};
+const RulesIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    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 },
+        React.createElement("path", { stroke: fill, strokeWidth: '1.2', strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M4.5 1.94059V1.94836M1.94111 4.49806V4.50583M1 7.99611V8.00389M1.94111 11.4942V11.5019M4.5 14.0516V14.0594M8 14.9922V15M11.5 14.0516V14.0594M14.0589 11.4942V11.5019M15 7.99611V8.00389M14.0589 4.49806V4.50583M11.5 1.94059V1.94836M8 1V1.00777' }),
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 8H8.01125M8 3.5L9.326 4.79876L11.182 4.81802L11.2012 6.674L12.5 8L11.2012 9.326L11.182 11.182L9.326 11.2012L8 12.5L6.674 11.2012L4.81802 11.182L4.79876 9.326L3.5 8L4.79876 6.674L4.81802 4.81802L6.674 4.79876L8 3.5Z' })));
+};
+const SourcesIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    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 },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M13.3332 3.8V8M13.3332 3.8C13.3332 4.79411 10.9454 5.6 7.99984 5.6C5.05432 5.6 2.6665 4.79411 2.6665 3.8M13.3332 3.8C13.3332 2.80589 10.9454 2 7.99984 2C5.05432 2 2.6665 2.80589 2.6665 3.8M13.3332 8V12.0875C13.3332 13.1437 10.9454 14 7.99984 14C5.05432 14 2.6665 13.1437 2.6665 12.0875V8M13.3332 8C13.3332 8.99413 10.9454 9.8 7.99984 9.8C5.05432 9.8 2.6665 8.99413 2.6665 8M2.6665 8V3.8M10.6665 7.33333H10.6732M10.6665 11.3333H10.6732' })));
+};
+export { AppDynamicsLogo as A, BetterStackLogo as B, CauselyLogo as C, Dash0Logo as D, ElasticApmLogo as E, NamespacesIcon as F, GigapipeLogo as G, HoneycombLogo as H, InstanaLogo as I, JaegerLogo as J, KloudmateLogo as K, Last9Logo as L, MiddlewareLogo as M, NewRelicLogo as N, OpenTelemetryLogo as O, PrometheusLogo as P, QrynLogo as Q, RulesIcon as R, SignozLogo as S, TempoLogo as T, UptraceLogo as U, VmLogo as V, SourcesIcon as W, AwsCloudwatchLogo as a, AwsS3Logo as b, AwsXrayLogo as c, AxiomLogo as d, BlobStorageLogo as e, ChronosphereLogo as f, ClickhouseLogo as g, CoralogixLogo as h, DatadogLogo as i, DynatraceLogo as j, ElasticSearchLogo as k, GoogleCloudPlatformLogo as l, GrafanaLogo as m, GroundcoverLogo as n, HyperDxLogo as o, LightstepLogo as p, LogzioLogo as q, LokiLogo as r, LumigoLogo as s, OpsVerseLogo as t, QuickwitLogo as u, SplunkLogo as v, SumoLogicLogo as w, TraceloopLogo as x, ActionsIcon as y, DestinationsIcon as z };