@odigos/ui-kit 0.0.41 → 0.0.43

package/lib/{index-Cph4pNkb.js → index-BDivLGyc.js}

@@ -1,10 +1,10 @@
 import React from 'react';
-import { T as Theme, B as BUTTON_TEXTS, k as DISPLAY_TITLES } from './index-BdZq2vdJ.js';
-import { E as EditIcon } from './index-CDHYBh8C.js';
-import { B as Button, V as Text, J as NotificationNote } from './index-C-84NaCL.js';
+import { T as Theme, B as BUTTON_TEXTS, l as DISPLAY_TITLES } from './index-CFcAM49k.js';
+import { E as EditIcon } from './index-DJfTCJxF.js';
+import { B as Button, V as Text, J as NotificationNote } from './index-BHJkDHqL.js';
 import { StatusType } from './types.js';
 import 'styled-components';
-import { I as InfoIcon } from './index-BeVb1H9n.js';
+import { I as InfoIcon } from './index-BjrdHhNI.js';
 
 const EditButton = ({ label, onClick, variant = 'tertiary', ...props }) => {
     const theme = Theme.useTheme();

package/lib/{index-C-84NaCL.js → index-BHJkDHqL.js}

@@ -1,13 +1,13 @@
 import React, { useState, useEffect, useRef, forwardRef, createElement, useCallback, useMemo, Fragment } from 'react';
-import { T as Theme, o as ImageErrorIcon, M as MONITORS_OPTIONS, B as BUTTON_TEXTS } from './index-BdZq2vdJ.js';
-import { StatusType, OtherStatus, SortDirection, ProgrammingLanguages, IntrumentationStatus, InputTypes, FieldTypes } from './types.js';
-import { M as MinusIcon, f as CheckIcon, L as ListIcon, C as CodeIcon, E as ExtendArrowIcon, c as SortArrowsIcon, a as CopyIcon, b as NotebookIcon, X as XIcon, d as EyeClosedIcon, e as EyeOpenIcon, N as NoDataIcon, g as CrossIcon, S as SearchIcon, P as PlusIcon, T as TrashIcon, A as ArrowIcon } from './index-Cau7bWmr.js';
-import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, d as parseJsonStringToPrettyString, a as getProgrammingLanguageIcon, e as splitCamelString, p as parseBooleanFromString, n as numbersOnly } from './index-B1h5g0Hl.js';
+import { T as Theme, t as ImageErrorIcon, M as MONITORS_OPTIONS, g as useNotificationStore, L as LANGUAGE_OPTIONS, l as DISPLAY_TITLES, F as FORM_ALERTS, p as getProgrammingLanguageIcon, D as DISPLAY_LANGUAGES, B as BUTTON_TEXTS } from './index-CFcAM49k.js';
+import { StatusType, OtherStatus, ProgrammingLanguages, SortDirection, IntrumentationStatus, InputTypes, FieldTypes } from './types.js';
+import { M as MinusIcon, g as CheckIcon, L as ListIcon, C as CodeIcon, b as ExtendArrowIcon, E as EditIcon, h as CrossIcon, T as TrashIcon, d as SortArrowsIcon, a as CopyIcon, c as NotebookIcon, X as XIcon, e as EyeClosedIcon, f as EyeOpenIcon, N as NoDataIcon, S as SearchIcon, P as PlusIcon, A as ArrowIcon } from './index-DJfTCJxF.js';
+import { a as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, i as isValidVersion, b as parseJsonStringToPrettyString, d as splitCamelString, p as parseBooleanFromString, n as numbersOnly } from './index-DeYAfvCA.js';
 import styled, { css } from 'styled-components';
 import { s as safeJsonParse, i as isEmpty } from './index-BV85P9UP.js';
-import { u as useContainerSize, a as useCopy, g as useTransition, d as useKeyDown, e as useOnClickOutside } from './useTransition-BumZECD3.js';
+import { b as useGenericForm, e as useOnClickOutside, d as useKeyDown, u as useContainerSize, a as useCopy, g as useTransition } from './useTransition-DfzjoAze.js';
 import ReactDOM from 'react-dom';
-import { I as InfoIcon } from './index-BeVb1H9n.js';
+import { I as InfoIcon } from './index-BjrdHhNI.js';
 
 const TextWrapper$2 = styled.div `
   color: ${({ $color, theme }) => $color || theme.text.secondary};
@@ -4336,7 +4336,7 @@ const DataTab = ({ title, subTitle, hoverText, onClick, renderActions, iconProps
                     monitors && monitors.length > 0 && (React.createElement(FlexRow, { "$gap": 4, ref: monitorsRef },
                         subTitle && React.createElement(SubText, null, "\u2022"),
                         React.createElement(MonitorsIcons, { monitors: monitors, withLabels: monitorsWithLabels, size: 10 })))),
-                componentsUnderTitles && (React.createElement(FlexRow, { "$gap": 4 }, componentsUnderTitles?.map((component, i) => (React.createElement(Fragment, { key: `componentsUnderTitles-${i}` }, component)))))),
+                componentsUnderTitles && componentsUnderTitles.length > 0 ? (React.createElement(FlexRow, { "$gap": 4 }, componentsUnderTitles?.map((component, i) => (React.createElement(Fragment, { key: `componentsUnderTitles-${i}` }, component))))) : null),
             React.createElement(ActionsWrapper, { ref: actionsRef },
                 !!hoverText && (React.createElement(ControlledVisibility, null,
                     React.createElement(HoverText, { size: 14, family: 'secondary' }, hoverText))),
@@ -4381,6 +4381,74 @@ const DescribeRow = ({ title, subTitle, tooltip, value }) => {
         React.createElement(ValueWrapper, null, !!value?.status ? (React.createElement(Status, { status: value.status === 'transitioning' ? OtherStatus.Loading : value.status, title: value.text || value.status, withBorder: true, withIcon: true })) : (React.createElement(ValueText, null, value?.text || '-')))));
 };
 
+const Relative = styled.div `
+  position: relative;
+`;
+const Form = styled(FlexColumn) `
+  position: absolute;
+  bottom: 32px;
+  right: 0;
+  z-index: 1;
+  gap: 8px;
+  padding: 24px;
+  background-color: ${({ theme }) => theme.colors.info};
+  border: 1px solid ${({ theme }) => theme.colors.border};
+  border-radius: 24px;
+`;
+const PopoverFormWrapper = styled(FlexRow) `
+  width: 100%;
+  gap: 12px;
+  align-items: flex-end;
+`;
+const PopoverFormButton = styled(Button$4) `
+  width: 36px;
+  padding: 0;
+`;
+const OverrideRuntime = ({ defaultLanguage = ProgrammingLanguages.Unknown, defaultVersion = '', handleSave }) => {
+    const theme = Theme.useTheme();
+    const { addNotification } = useNotificationStore();
+    const { formData, handleFormChange, resetFormData } = useGenericForm({ language: defaultLanguage, version: defaultVersion });
+    const [isOpen, setIsOpen] = useState(false);
+    const onOpen = () => {
+        setIsOpen(true);
+    };
+    const onClose = () => {
+        setIsOpen(false);
+        resetFormData();
+    };
+    const onSave = () => {
+        // we want to allow empty version, but if provided, it should be valid
+        if (formData.version && !isValidVersion(formData.version)) {
+            addNotification({ type: StatusType.Warning, message: FORM_ALERTS.INVALID_VERSION, hideFromHistory: true });
+            return;
+        }
+        handleSave(formData);
+        onClose();
+    };
+    const onDelete = () => {
+        handleSave({ language: null, version: '' });
+        onClose();
+    };
+    const popupRef = useRef(null);
+    useOnClickOutside(popupRef, onClose);
+    useKeyDown({ key: 'Enter', active: isOpen }, onSave);
+    return (React.createElement(Relative, null,
+        React.createElement(IconButton, { tooltip: 'Override Runtime Details', size: 32, onClick: onOpen },
+            React.createElement(EditIcon, null)),
+        isOpen && (React.createElement(Form, { ref: popupRef },
+            React.createElement(Text, { size: 14, style: { lineHeight: '20px', display: 'flex' } }, "Override Runtime Details:"),
+            React.createElement(PopoverFormWrapper, null,
+                React.createElement(Dropdown, { title: DISPLAY_TITLES.LANGUAGE, options: LANGUAGE_OPTIONS, value: LANGUAGE_OPTIONS.find((opt) => opt.id === formData.language), onSelect: (opt) => handleFormChange('language', opt.id), required: true }),
+                React.createElement(Input, { title: DISPLAY_TITLES.RUNTIME_VERSION, placeholder: DISPLAY_TITLES.VERSION_PLACEHOLDER, value: formData.version, onChange: (e) => handleFormChange('version', e.target.value), required: false }),
+                React.createElement(FlexRow, null,
+                    React.createElement(PopoverFormButton, { variant: 'secondary', onClick: onClose },
+                        React.createElement(CrossIcon, null)),
+                    React.createElement(PopoverFormButton, { variant: 'primary', onClick: onSave },
+                        React.createElement(CheckIcon, { fill: theme.text.primary })),
+                    React.createElement(PopoverFormButton, { variant: 'tertiary', onClick: onDelete },
+                        React.createElement(TrashIcon, null))))))));
+};
+
 const Tr = styled.tr `
   cursor: ${({ $withHover }) => ($withHover ? 'pointer' : 'default')};
   opacity: ${({ $faded }) => ($faded ? 0.5 : 1)};
@@ -4579,7 +4647,7 @@ const CopyWrapper = styled(FlexRow) `
   }
 `;
 const DataCardFields = ({ data }) => {
-    return (React.createElement(ListContainer$3, null, data?.map(({ type, title, tooltip, value }, idx) => (React.createElement(ListItem, { key: `data-field-${title || (!!value ? JSON.stringify(value) : idx)}`, "$width": !!type && [DataCardFieldTypes.Code, DataCardFieldTypes.Table].includes(type)
+    return (React.createElement(ListContainer$3, null, data?.map(({ type, title, tooltip, value, callback }, idx) => (React.createElement(ListItem, { key: `data-field-${title || (!!value ? JSON.stringify(value) : idx)}`, "$width": !!type && [DataCardFieldTypes.Code, DataCardFieldTypes.Table].includes(type)
             ? 'inherit'
             : !!type &&
                 [
@@ -4593,10 +4661,10 @@ const DataCardFields = ({ data }) => {
                 ? '100%'
                 : 'unset' },
         React.createElement(Tooltip, { text: tooltip, withIcon: true }, !!title && React.createElement(ItemTitle, null, title)),
-        React.createElement(RenderValue, { type: type, value: value }))))));
+        React.createElement(RenderValue, { type: type, value: value, callback: callback }))))));
 };
 // We need to maintain this with new components every time we add a new type to "DataCardFieldTypes"
-const RenderValue = ({ type, value }) => {
+const RenderValue = ({ type, value, callback }) => {
     const theme = Theme.useTheme();
     const { clickCopy, isCopied } = useCopy();
     switch (type) {
@@ -4656,9 +4724,7 @@ const RenderValue = ({ type, value }) => {
             if (ready?.title) {
                 componentsUnderTitles.push(React.createElement(Status, { status: parseBooleanFromString(ready.subTitle) ? StatusType.Success : StatusType.Error, title: ready.title, withIcon: true, withBorder: true, size: 8 }));
             }
-            return (React.createElement(DataTab, { title: containerName, subTitle: processes.length ? `${processes.length} Instrumented Processes` : undefined, visualProps: {
-                    componentsUnderTitles: componentsUnderTitles.length ? componentsUnderTitles : undefined,
-                }, renderActions: () => {
+            return (React.createElement(DataTab, { title: containerName, subTitle: processes.length ? `${processes.length} Instrumented Processes` : undefined, visualProps: { componentsUnderTitles }, renderActions: () => {
                     return React.createElement(Status, { status: StatusType.Info, title: 'Instrumentation Device', subtitle: !actualDevice.subTitle || actualDevice.subTitle === '[]' ? 'none' : actualDevice.subTitle, withBorder: true });
                 }, extendableProps: {
                     isExtended: !!processes.length,
@@ -4689,13 +4755,15 @@ const RenderValue = ({ type, value }) => {
                 : instrumented
                     ? IntrumentationStatus.INSTRUMNETED
                     : awaitingInstrumentation
-                        ? `${IntrumentationStatus.INSTRUMENTING}...`
+                        ? IntrumentationStatus.INSTRUMENTING
                         : IntrumentationStatus.UNINSTRUMENTED;
-            return (React.createElement(DataTab, { title: containerName, subTitle: `${language === ProgrammingLanguages.JavaScript ? 'Node.js' : capitalizeFirstLetter(language)}` + (runtimeVersion ? ` • Runtime Version: ${runtimeVersion}` : ''), iconProps: { icon: getProgrammingLanguageIcon(language) }, extendableProps: {
+            return (React.createElement(DataTab, { title: containerName, subTitle: `${language ? DISPLAY_LANGUAGES[language] : 'no runtime info'}` + (runtimeVersion ? ` • Runtime Version: ${runtimeVersion}` : ''), iconProps: { icon: getProgrammingLanguageIcon(language) }, extendableProps: {
                     isExtended: !!instrumentationMessage,
                     renderExtended: () => (React.createElement(AlignCenter, null,
                         React.createElement(Status, { status: StatusType.Info, title: splitCamelString(instrumentationMessage) }))),
-                }, renderActions: () => React.createElement(Status, { status: statusType, title: statusTitle, subtitle: otelDistroName, withIcon: true, withBorder: true }) }));
+                }, renderActions: () => (React.createElement(React.Fragment, null,
+                    React.createElement(Status, { status: statusType, title: statusTitle, subtitle: otelDistroName, withIcon: true, withBorder: true }),
+                    callback && React.createElement(OverrideRuntime, { defaultLanguage: language, defaultVersion: runtimeVersion, handleSave: (payload) => callback({ ...payload, containerName }) }))) }));
         }
         default: {
             return React.createElement(PreWrap, null, parseJsonStringToPrettyString(typeof value === 'string' ? value || '-' : ''));
@@ -5237,7 +5305,9 @@ const DropdownListItem = ({ option, value, isMulti, onSelect, onDeselect }) => {
             React.createElement(Checkbox, { title: option.value || '', titleColor: theme.text.secondary, value: isSelected, onChange: handleChange, style: { width: '100%' } })));
     }
     return (React.createElement(DropdownItem, { className: isSelected ? 'selected' : '', onClick: () => (isSelected ? onDeselect?.(option) : onSelect?.(option)) },
-        React.createElement(Text, { size: 14 }, option.value),
+        React.createElement(FlexRow, { "$gap": 8 },
+            option.icon && React.createElement(option.icon, null),
+            React.createElement(Text, { size: 14 }, option.value)),
         isSelected && React.createElement(CheckIcon, null)));
 };
 

package/lib/index-BjrdHhNI.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { T as Theme } from './index-CFcAM49k.js';
+
+const OdigosLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: size, height: size * (431 / 511), viewBox: '0 0 511 431', fill: fill, style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { d: 'M308.491 83.3091V0.0765381H472.573C493.785 0.0765381 511 16.4464 511 36.6589V374.508C511 394.72 493.785 411.09 472.573 411.09H308.491V328.396L454.666 263.762C478.721 253.079 493.708 230.791 493.708 205.583C493.708 180.375 478.721 158.011 454.666 147.405L308.414 83.3859L308.491 83.3091Z' }),
+        React.createElement("path", { d: 'M202.51 327.781V411.014H38.4269C17.2152 411.014 0 394.644 0 374.431V36.5824C0 16.3698 17.2152 0 38.4269 0H202.51V82.6946L56.3338 147.329C32.2786 158.011 17.2921 180.299 17.2921 205.507C17.2921 230.715 32.2786 253.079 56.3338 263.685L202.586 327.704L202.51 327.781Z' }),
+        React.createElement("path", { d: 'M255.462 290.507C302.363 290.507 340.385 252.485 340.385 205.584C340.385 158.682 302.363 120.66 255.462 120.66C208.56 120.66 170.538 158.682 170.538 205.584C170.538 252.485 208.56 290.507 255.462 290.507Z' })));
+};
+
+const LogsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M2.66699 8.5H6.66699M2.66699 12.5H6.66699M2.66699 4.5L13.3337 4.5M12.4765 12.0146C13.0334 11.61 13.5322 11.1357 13.96 10.6043C14.0138 10.5375 14.0138 10.4441 13.96 10.3773C13.5322 9.84585 13.0334 9.37156 12.4765 8.96696M10.1908 8.96696C9.63389 9.37156 9.13508 9.84585 8.7073 10.3773C8.65356 10.4441 8.65356 10.5375 8.7073 10.6043C9.13508 11.1357 9.63389 11.61 10.1908 12.0146' })));
+};
+
+const MetricsIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M13.2389 9.1672C13.2389 12.4305 10.5935 15.0758 7.33025 15.0758V14.3373M13.2389 9.1672H14.0883C14.0883 5.43485 11.0626 2.40918 7.33025 2.40918V4.73571M13.2389 9.1672L7.33025 9.1672M7.33025 14.3373C4.47491 14.3373 2.16016 12.0225 2.16016 9.1672H2.89877M7.33025 14.3373L7.33025 9.1672M2.89877 9.1672C2.89877 6.71975 4.88281 4.73571 7.33025 4.73571M2.89877 9.1672H7.33025M7.33025 4.73571L7.33025 9.1672' })));
+};
+
+const TracesIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M10.3337 8.5C10.3337 9.60457 11.2291 10.5 12.3337 10.5C13.4382 10.5 14.3337 9.60457 14.3337 8.5C14.3337 7.39543 13.4382 6.5 12.3337 6.5C11.2291 6.5 10.3337 7.39543 10.3337 8.5ZM10.3337 8.5L8.00032 8.5M8.00032 8.5L8.00032 9.3C8.00032 10.4201 8.00032 10.9802 7.78234 11.408C7.59059 11.7843 7.28463 12.0903 6.90831 12.282C6.60852 12.4348 6.24381 12.4805 5.66698 12.4942M8.00032 8.5L8.00032 7.7C8.00032 6.57989 8.00032 6.01984 7.78234 5.59202C7.59059 5.21569 7.28463 4.90973 6.90831 4.71799C6.60852 4.56524 6.24381 4.51952 5.66698 4.50584M5.66698 12.4942C5.66383 11.3923 4.76961 10.5 3.66699 10.5C2.56242 10.5 1.66699 11.3954 1.66699 12.5C1.66699 13.6046 2.56242 14.5 3.66699 14.5C4.77156 14.5 5.66699 13.6046 5.66699 12.5C5.66699 12.4981 5.66699 12.4961 5.66698 12.4942ZM5.66698 4.50584C5.66383 5.60773 4.76961 6.5 3.66699 6.5C2.56242 6.5 1.66699 5.60457 1.66699 4.5C1.66699 3.39543 2.56242 2.5 3.66699 2.5C4.77156 2.5 5.66699 3.39543 5.66699 4.5C5.66699 4.50195 5.66699 4.5039 5.66698 4.50584Z' })));
+};
+
+const CheckCircledIcon = ({ 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 * (16 / 17), viewBox: '0 0 17 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: 'M6.41707 8.34197L7.97787 9.90111C8.72855 8.58846 9.76744 7.46337 11.0162 6.61065L11.0837 6.56453M14.8504 8.00039C14.8504 11.3693 12.1193 14.1004 8.75039 14.1004C5.38145 14.1004 2.65039 11.3693 2.65039 8.00039C2.65039 4.63145 5.38145 1.90039 8.75039 1.90039C12.1193 1.90039 14.8504 4.63145 14.8504 8.00039Z' })));
+};
+
+const ErrorTriangleIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.error;
+    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: 'M8 8.66673V6.00006M8 10.9167V10.9175M7.07337 2.18915C7.66595 1.93695 8.33405 1.93695 8.92662 2.18915C10.6942 2.94145 14.8697 9.61453 14.7474 11.3981C14.6994 12.0972 14.3529 12.7408 13.7982 13.1614C12.323 14.2795 3.67698 14.2795 2.20185 13.1614C1.64705 12.7408 1.3006 12.0972 1.25263 11.3981C1.13026 9.61453 5.30575 2.94145 7.07337 2.18915Z' })));
+};
+
+const InfoIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.secondary;
+    return (React.createElement("svg", { width: size * (16 / 17), height: size, viewBox: '0 0 16 17', xmlns: 'http://www.w3.org/2000/svg', fill: 'none', style: { transform: `rotate(${rotate}deg)` }, onClick: onClick },
+        React.createElement("path", { stroke: fill, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M8 8.91498V11.5816M8 6.66498V6.66423M14 8.91504C14 12.2287 11.3137 14.915 8 14.915C4.68629 14.915 2 12.2287 2 8.91504C2 5.60133 4.68629 2.91504 8 2.91504C11.3137 2.91504 14 5.60133 14 8.91504Z' })));
+};
+
+const WarningTriangleIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
+    const theme = Theme.useTheme();
+    const fill = f || theme.text.warning;
+    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: 'M8 8.66673V6.00006M8 10.9167V10.9175M7.07337 2.18915C7.66595 1.93695 8.33405 1.93695 8.92662 2.18915C10.6942 2.94145 14.8697 9.61453 14.7474 11.3981C14.6994 12.0972 14.3529 12.7408 13.7982 13.1614C12.323 14.2795 3.67698 14.2795 2.20185 13.1614C1.64705 12.7408 1.3006 12.0972 1.25263 11.3981C1.13026 9.61453 5.30575 2.94145 7.07337 2.18915Z' })));
+};
+
+export { CheckCircledIcon as C, ErrorTriangleIcon as E, InfoIcon as I, LogsIcon as L, MetricsIcon as M, OdigosLogo as O, TracesIcon as T, WarningTriangleIcon as W };