@odigos/ui-kit 0.0.26 → 0.0.27

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [0.0.27](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.26...ui-kit-v0.0.27) (2025-05-19)
+
+
+### Bug Fixes
+
+* checkbox for already configured destinations ([#117](https://github.com/odigos-io/ui-kit/issues/117)) ([1ec9ee7](https://github.com/odigos-io/ui-kit/commit/1ec9ee7b10c3fcc5ab258b5e6fdf5c0ff7b53af8))
+* remove dest in setup ([#116](https://github.com/odigos-io/ui-kit/issues/116)) ([2c346c0](https://github.com/odigos-io/ui-kit/commit/2c346c02984a90bbf974cc8adb95b124e66861e8))
+
 ## [0.0.26](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.25...ui-kit-v0.0.26) (2025-05-15)
 
 

package/lib/components.js

@@ -1,19 +1,19 @@
-import { B as Button } from './index-C_LWKMnO.js';
-export { a as AutocompleteInput, b as Badge, a1 as CenterThis, C as Checkbox, c as Code, d as ConditionDetails, D as DataCard, f as DataCardFieldTypes, e as DataCardFields, g as DataTab, h as Divider, i as DocsButton, j as Drawer, l as DrawerFooter, k as DrawerHeader, m as Dropdown, E as ExtendArrow, F as FadeLoader, n as FieldError, o as FieldLabel, a0 as FlexColumn, $ as FlexRow, H as Header, I as IconButton, p as IconGroup, q as IconTitleBadge, r as IconWrapped, s as IconsNav, t as ImageControlled, u as Input, v as InputList, w as InputTable, x as InteractiveTable, K as KeyValueInputsList, M as Modal, a4 as ModalBody, y as MonitorsCheckboxes, z as MonitorsIcons, N as NavigationButtons, G as NoDataFound, J as NotificationNote, a3 as Overlay, S as ScrollX, L as SectionTitle, O as Segment, P as SelectionButton, Q as SkeletonLoader, R as Status, U as Stepper, a5 as TableContainer, a6 as TableTitleWrap, a7 as TableWrap, V as Text, W as TextArea, X as Toggle, T as ToggleCodeComponent, Y as Tooltip, Z as TraceLoader, a2 as VerticalScroll, _ as WarningModal } from './index-C_LWKMnO.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-ByO2rgKy.js';
+import { B as Button } from './index-QaNawEGJ.js';
+export { a as AutocompleteInput, b as Badge, a1 as CenterThis, C as Checkbox, c as Code, d as ConditionDetails, D as DataCard, f as DataCardFieldTypes, e as DataCardFields, g as DataTab, h as Divider, i as DocsButton, j as Drawer, l as DrawerFooter, k as DrawerHeader, m as Dropdown, E as ExtendArrow, F as FadeLoader, n as FieldError, o as FieldLabel, a0 as FlexColumn, $ as FlexRow, H as Header, I as IconButton, p as IconGroup, q as IconTitleBadge, r as IconWrapped, s as IconsNav, t as ImageControlled, u as Input, v as InputList, w as InputTable, x as InteractiveTable, K as KeyValueInputsList, M as Modal, a4 as ModalBody, y as MonitorsCheckboxes, z as MonitorsIcons, N as NavigationButtons, G as NoDataFound, J as NotificationNote, a3 as Overlay, S as ScrollX, L as SectionTitle, O as Segment, P as SelectionButton, Q as SkeletonLoader, R as Status, U as Stepper, a5 as TableContainer, a6 as TableTitleWrap, a7 as TableWrap, V as Text, W as TextArea, X as Toggle, T as ToggleCodeComponent, Y as Tooltip, Z as TraceLoader, a2 as VerticalScroll, _ as WarningModal } from './index-QaNawEGJ.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-DlCB8lqz.js';
 import React, { Component, createElement, createContext } from 'react';
 import Theme from './theme.js';
 import 'styled-components';
 import './index-BJxaoI0G.js';
 import './types.js';
 import './index-BZS1ijMm.js';
-import './index-B6FywnIf.js';
+import './index-CTgLYGo-.js';
 import './index-CFnxjzaW.js';
 import './index-DGel4E-Z.js';
 import './index-DMXaEyAB.js';
 import './index-CJs4RDHU.js';
 import './index-IKusBlIE.js';
-import './useTransition-BPxqZqXu.js';
+import './useTransition-BSKilkmZ.js';
 import 'react-dom';
 
 const ErrorBoundaryContext = createContext(null);

package/lib/constants/strings/index.d.ts

@@ -79,6 +79,7 @@ export declare const BUTTON_TEXTS: {
     ADD: string;
     ADD_NEW: string;
     NEW: string;
+    SELECT: string;
     CREATE: string;
     UPDATE: string;
     EDIT: string;

package/lib/constants.js

@@ -1,4 +1,4 @@
-export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, D as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, M as MONITORS_OPTIONS } from './index-B6FywnIf.js';
+export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, D as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, M as MONITORS_OPTIONS } from './index-CTgLYGo-.js';
 export { D as DESTINATION_CATEGORIES } from './index-Dqief9td.js';
 import './types.js';
 import './index-CFnxjzaW.js';

package/lib/containers.js

@@ -1,23 +1,23 @@
 import React, { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, memo, useContext, createContext, useCallback, useLayoutEffect, Fragment } from 'react';
 import styled, { css } from 'styled-components';
-import { D as DISPLAY_TITLES, A as ACTION_OPTIONS, M as MONITORS_OPTIONS, B as BUTTON_TEXTS, I as INSTRUMENTATION_RULE_OPTIONS, F as FORM_ALERTS } from './index-B6FywnIf.js';
+import { D as DISPLAY_TITLES, A as ACTION_OPTIONS, M as MONITORS_OPTIONS, B as BUTTON_TEXTS, I as INSTRUMENTATION_RULE_OPTIONS, F as FORM_ALERTS } from './index-CTgLYGo-.js';
 import { ActionType, EntityTypes, StatusType, Crud, OtherStatus, NodeTypes, AddNodeTypes, EdgeTypes, FieldTypes, SignalType, CodeAttributesKeyTypes, PayloadCollectionKeyTypes, InstrumentationRuleType } from './types.js';
-import { f as DataCardFieldTypes, o as FieldLabel, C as Checkbox, n as FieldError, u as Input, w as InputTable, K as KeyValueInputsList, v as InputList, V as Text, O as Segment, L as SectionTitle, i as DocsButton, y as MonitorsCheckboxes, W as TextArea, j as Drawer, d as ConditionDetails, D as DataCard, M as Modal, N as NavigationButtons, a4 as ModalBody, a as AutocompleteInput, h as Divider, R as Status, $ as FlexRow, Y as Tooltip, r as IconWrapped, z as MonitorsIcons, a5 as TableContainer, a6 as TableTitleWrap, q as IconTitleBadge, a7 as TableWrap, x as InteractiveTable, a1 as CenterThis, G as NoDataFound, a0 as FlexColumn, Z as TraceLoader, b as Badge, E as ExtendArrow, a2 as VerticalScroll, P as SelectionButton, B as Button, m as Dropdown, a8 as getDefaultExportFromCjs, F as FadeLoader, g as DataTab, Q as SkeletonLoader, X as Toggle, A as AddButton$1, J as NotificationNote, U as Stepper, I as IconButton, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-C_LWKMnO.js';
+import { f as DataCardFieldTypes, o as FieldLabel, C as Checkbox, n as FieldError, u as Input, w as InputTable, K as KeyValueInputsList, v as InputList, V as Text, O as Segment, L as SectionTitle, i as DocsButton, y as MonitorsCheckboxes, W as TextArea, j as Drawer, d as ConditionDetails, D as DataCard, M as Modal, N as NavigationButtons, a4 as ModalBody, a as AutocompleteInput, h as Divider, R as Status, $ as FlexRow, Y as Tooltip, r as IconWrapped, z as MonitorsIcons, a5 as TableContainer, a6 as TableTitleWrap, q as IconTitleBadge, a7 as TableWrap, x as InteractiveTable, a1 as CenterThis, G as NoDataFound, a0 as FlexColumn, Z as TraceLoader, b as Badge, E as ExtendArrow, a2 as VerticalScroll, P as SelectionButton, B as Button, m as Dropdown, a8 as getDefaultExportFromCjs, F as FadeLoader, g as DataTab, Q as SkeletonLoader, X as Toggle, A as AddButton$1, J as NotificationNote, U as Stepper, I as IconButton, e as DataCardFields, s as IconsNav, p as IconGroup } from './index-QaNawEGJ.js';
 import { h as usePendingStore, g as useNotificationStore, b as useDrawerStore, c as useEntityStore, f as useModalStore, d as useFilterStore, s as styleInject, i as useSelectedStore, e as useInstrumentStore, a as useDataStreamStore, k as getEntityId, j as useSetupStore, u as useDarkMode } from './index-DMXaEyAB.js';
 import Theme from './theme.js';
 import { i as isEmpty, s as safeJsonParse } from './index-BZS1ijMm.js';
 import { i as CheckCircledIcon, O as OdigosLogo } from './index-IKusBlIE.js';
 import { C as CrossCircledIcon, O as OdigosLogoText, a as OverviewIcon, F as FilterIcon, D as DataStreamsIcon, N as NotificationIcon, S as SlackLogo, K as KeyIcon, T as TerminalIcon } from './index-CamnKrev.js';
 import { g as getActionIcon, a as getInstrumentationRuleIcon } from './index-CFnxjzaW.js';
-import { u as useActionFormData, a as useClickNode, c as useDestinationFormData, b as useClickNotification, d as useSourceFormData, e as useSourceSelectionFormData } from './useSourceSelectionFormData-plxXIM0Q.js';
-import { d as useKeyDown, e as useOnClickOutside, u as useContainerSize, c as useInstrumentationRuleFormData, g as useTransition, f as useTimeAgo, a as useCopy } from './useTransition-BPxqZqXu.js';
+import { u as useActionFormData, a as useClickNode, c as useDestinationFormData, b as useClickNotification, d as useSourceFormData, e as useSourceSelectionFormData } from './useSourceSelectionFormData-DAxuVELF.js';
+import { d as useKeyDown, e as useOnClickOutside, u as useContainerSize, c as useInstrumentationRuleFormData, g as useTransition, f as useTimeAgo, a as useCopy } from './useTransition-BSKilkmZ.js';
 import { E as EditIcon } from './index-CWbxXTof.js';
 import { T as TrashIcon, S as SearchIcon, P as PlusIcon$1, f as CheckIcon, A as ArrowIcon, a as CopyIcon, g as CrossIcon } from './index-BJxaoI0G.js';
-import { D as DeleteWarning, C as CancelWarning } from './index-ByO2rgKy.js';
+import { D as DeleteWarning, C as CancelWarning } from './index-DlCB8lqz.js';
 import { m as mapConditions, b as getStatusIcon, c as capitalizeFirstLetter } from './index-CJs4RDHU.js';
 import { f as filterActions, i as getConditionsBooleans, n as getEntityLabel, m as getEntityIcon, v as sleep$1, p as getPlatformIcon, q as getPlatformLabel, h as formatBytes, k as getContainersIcons, r as getValueForRange, l as getDestinationIcon, u as mapExportedSignals, g as filterSourcesByStream, e as filterSources, b as filterDestinationsByStream, a as filterDestinations, c as compareCondition, d as deepClone, o as getMetricForEntity, s as getWorkloadId, j as getContainersInstrumentedCount, t as isOverTime } from './index-BfatCMWq.js';
 import { createPortal } from 'react-dom';
-import { N as NoteBackToSummary, E as EditButton } from './index-CWufhl9G.js';
+import { N as NoteBackToSummary, E as EditButton } from './index-KyiD2AtF.js';
 import { D as DESTINATION_CATEGORIES } from './index-Dqief9td.js';
 import { a6 as RulesIcon, a7 as SourcesIcon, a3 as ActionsIcon, a4 as DestinationsIcon } from './index-BRW_Nl-n.js';
 import './index-DGel4E-Z.js';
@@ -14325,19 +14325,22 @@ const ListsWrapper = styled.div `
   gap: 12px;
 `;
 const DestinationsList = ({ items, onSelectOption, onSelectConfigured }) => {
+    const { configuredDestinationsUpdateOnly } = useSetupStore();
     return items.map((category) => {
         const isAlreadyExisting = category.name === DESTINATION_CATEGORIES['EXISTS']['TITLE'];
         return (React.createElement(ListsWrapper, { key: `category-${category.name}` },
             React.createElement(SectionTitle, { size: 'small', icon: category.icon, title: capitalizeFirstLetter(category.name), description: category.description }),
             category.items.map((item) => {
+                // Following replaceAll() is to create a "legal" data-id (no spaces) for Cypress testing
+                const key = `select-${category.name.replaceAll(' ', '')}-destination-${item.type}`;
+                const isChecked = item.selected || configuredDestinationsUpdateOnly.some((dest) => dest.id === item.id);
+                const monitors = Object.keys(item.supportedSignals).filter((signal) => item.supportedSignals[signal].supported);
+                const onClick = isAlreadyExisting ? () => onSelectConfigured(item.id) : () => onSelectOption(item);
                 const { icon, iconSrc } = getDestinationIcon(item.type);
-                return (React.createElement(DataTab, { key: `select-${category.name}-destination-${item.type}`, "data-id": `select-${category.name}-destination-${item.type}`, title: item.displayName, hoverText: 'SELECT', onClick: () => (isAlreadyExisting ? onSelectConfigured(item.id) : onSelectOption(item)), iconProps: { icon, iconSrc }, checkboxProps: {
+                return (React.createElement(DataTab, { key: key, "data-id": key, title: item.displayName, hoverText: BUTTON_TEXTS.SELECT, onClick: onClick, iconProps: { icon, iconSrc }, visualProps: { monitors, monitorsWithLabels: true }, checkboxProps: {
                         withCheckbox: isAlreadyExisting,
-                        isChecked: item.selected,
+                        isChecked,
                         onCheckboxChange: () => onSelectConfigured(item.id),
-                    }, visualProps: {
-                        monitors: Object.keys(item.supportedSignals).filter((signal) => item.supportedSignals[signal].supported),
-                        monitorsWithLabels: true,
                     } }));
             })));
     });
@@ -14480,7 +14483,7 @@ const DestinationModal = ({ isOnboarding, categories, potentialDestinations, cre
             });
         }
         return {
-            id: alreadyConfigDest?.id || formData.type,
+            id: alreadyConfigDest?.id || '',
             name: alreadyConfigDest?.name || formData.name,
             dataStreamNames: alreadyConfigDest?.dataStreamNames || [],
             conditions: alreadyConfigDest?.conditions || [],
@@ -14589,9 +14592,9 @@ const DestinationList = ({ withDelete }) => {
     return (React.createElement(Container$7, null, configuredDestinations.concat(configuredDestinationsUpdateOnly).map((dest, idx) => (React.createElement(ListItem, { key: `configured-destination-${dest.destinationType.type}-${idx}`, "data-id": `configured-destination-${dest.destinationType.type}`, item: dest, isLastItem: configuredDestinations.length + configuredDestinationsUpdateOnly.length === 1, withDelete: withDelete })))));
 };
 const ListItem = ({ item, isLastItem, withDelete }) => {
-    const { removeConfiguredDestination } = useSetupStore();
     const [deleteWarning, setDeleteWarning] = useState(false);
     const { icon, iconSrc } = getDestinationIcon(item.destinationType.type);
+    const { removeConfiguredDestination, removeConfiguredDestinationUpdateOnly } = useSetupStore();
     const mappedFields = useMemo(() => Object.entries(safeJsonParse(item.fields, {})).map(([k, v]) => ({ title: k, value: v })) || [], [item.fields]);
     return (React.createElement(React.Fragment, null,
         React.createElement(DataTab, { title: item.destinationType.displayName || item.name, subTitle: item.destinationType.type, iconProps: { icon, iconSrc }, visualProps: {
@@ -14604,7 +14607,14 @@ const ListItem = ({ item, isLastItem, withDelete }) => {
                 ? () => (React.createElement(IconButton, { onClick: () => setDeleteWarning(true) },
                     React.createElement(TrashIcon, null)))
                 : undefined }),
-        withDelete && (React.createElement(DeleteWarning, { isOpen: deleteWarning, name: item.destinationType.displayName || item.name, type: EntityTypes.Destination, isLastItem: isLastItem, onApprove: () => removeConfiguredDestination(item), onDeny: () => setDeleteWarning(false) }))));
+        withDelete && (React.createElement(DeleteWarning, { isOpen: deleteWarning, name: item.destinationType.displayName || item.name, type: EntityTypes.Destination, isLastItem: isLastItem, onApprove: () => {
+                if (item.id) {
+                    removeConfiguredDestinationUpdateOnly(item);
+                }
+                else {
+                    removeConfiguredDestination(item);
+                }
+            }, onDeny: () => setDeleteWarning(false) }))));
 };
 
 const LargeAndWideAddButton = styled(Button) `

package/lib/hooks.js

@@ -1,11 +1,11 @@
-export { u as useActionFormData, a as useClickNode, b as useClickNotification, c as useDestinationFormData, d as useSourceFormData, e as useSourceSelectionFormData } from './useSourceSelectionFormData-plxXIM0Q.js';
-export { u as useContainerSize, a as useCopy, b as useGenericForm, c as useInstrumentationRuleFormData, d as useKeyDown, e as useOnClickOutside, f as useTimeAgo, g as useTransition } from './useTransition-BPxqZqXu.js';
+export { u as useActionFormData, a as useClickNode, b as useClickNotification, c as useDestinationFormData, d as useSourceFormData, e as useSourceSelectionFormData } from './useSourceSelectionFormData-DAxuVELF.js';
+export { u as useContainerSize, a as useCopy, b as useGenericForm, c as useInstrumentationRuleFormData, d as useKeyDown, e as useOnClickOutside, f as useTimeAgo, g as useTransition } from './useTransition-BSKilkmZ.js';
 import './types.js';
 import 'react';
 import './index-DMXaEyAB.js';
 import 'styled-components';
 import './index-BZS1ijMm.js';
-import './index-B6FywnIf.js';
+import './index-CTgLYGo-.js';
 import './index-CFnxjzaW.js';
 import './index-DGel4E-Z.js';
 import './theme.js';

package/lib/{index-B6FywnIf.js → index-CTgLYGo-.js}

@@ -206,6 +206,7 @@ const BUTTON_TEXTS = {
     ADD: 'Add',
     ADD_NEW: 'Add New',
     NEW: 'New',
+    SELECT: 'Select',
     CREATE: 'Create',
     UPDATE: 'Update',
     EDIT: 'Edit',

package/lib/{index-ByO2rgKy.js → index-DlCB8lqz.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { _ as WarningModal } from './index-C_LWKMnO.js';
+import { _ as WarningModal } from './index-QaNawEGJ.js';
 import { StatusType, EntityTypes } from './types.js';
 import './index-DMXaEyAB.js';
 import 'styled-components';

package/lib/{index-CWufhl9G.js → index-KyiD2AtF.js}

@@ -1,8 +1,8 @@
 import React from 'react';
 import Theme from './theme.js';
 import { E as EditIcon } from './index-CWbxXTof.js';
-import { B as BUTTON_TEXTS, D as DISPLAY_TITLES } from './index-B6FywnIf.js';
-import { B as Button, V as Text, J as NotificationNote } from './index-C_LWKMnO.js';
+import { B as BUTTON_TEXTS, D as DISPLAY_TITLES } from './index-CTgLYGo-.js';
+import { B as Button, V as Text, J as NotificationNote } from './index-QaNawEGJ.js';
 import { StatusType } from './types.js';
 import './index-DMXaEyAB.js';
 import 'styled-components';

package/lib/{index-C_LWKMnO.js → index-QaNawEGJ.js}

@@ -4,10 +4,10 @@ import styled, { css } from 'styled-components';
 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-BJxaoI0G.js';
 import { StatusType, OtherStatus, SortDirection, ProgrammingLanguages } from './types.js';
 import { s as safeJsonParse, i as isEmpty } from './index-BZS1ijMm.js';
-import { M as MONITORS_OPTIONS, B as BUTTON_TEXTS } from './index-B6FywnIf.js';
+import { M as MONITORS_OPTIONS, B as BUTTON_TEXTS } from './index-CTgLYGo-.js';
 import { b as getStatusIcon, r as removeEmptyValuesFromObject, s as safeJsonStringify, f as flattenObjectKeys, m as mapConditions, c as capitalizeFirstLetter, g as getMonitorIcon, p as parseJsonStringToPrettyString, a as getProgrammingLanguageIcon, d as splitCamelString } from './index-CJs4RDHU.js';
 import './index-DMXaEyAB.js';
-import { u as useContainerSize, a as useCopy, g as useTransition, d as useKeyDown, e as useOnClickOutside } from './useTransition-BPxqZqXu.js';
+import { u as useContainerSize, a as useCopy, g as useTransition, d as useKeyDown, e as useOnClickOutside } from './useTransition-BSKilkmZ.js';
 import { I as ImageErrorIcon } from './index-DGel4E-Z.js';
 import ReactDOM from 'react-dom';
 import { I as InfoIcon } from './index-IKusBlIE.js';

package/lib/snippets.js

@@ -1,5 +1,5 @@
-export { A as AddButton } from './index-C_LWKMnO.js';
-export { E as EditButton, N as NoteBackToSummary } from './index-CWufhl9G.js';
+export { A as AddButton } from './index-QaNawEGJ.js';
+export { E as EditButton, N as NoteBackToSummary } from './index-KyiD2AtF.js';
 import 'react';
 import './theme.js';
 import './index-DMXaEyAB.js';
@@ -7,11 +7,11 @@ import './types.js';
 import 'styled-components';
 import './index-BJxaoI0G.js';
 import './index-BZS1ijMm.js';
-import './index-B6FywnIf.js';
+import './index-CTgLYGo-.js';
 import './index-CFnxjzaW.js';
 import './index-DGel4E-Z.js';
 import './index-CJs4RDHU.js';
 import './index-IKusBlIE.js';
-import './useTransition-BPxqZqXu.js';
+import './useTransition-BSKilkmZ.js';
 import 'react-dom';
 import './index-CWbxXTof.js';

package/lib/{useSourceSelectionFormData-plxXIM0Q.js → useSourceSelectionFormData-DAxuVELF.js}

@@ -3,8 +3,8 @@ import { useState, useEffect, useMemo } from 'react';
 import { g as useNotificationStore, f as useModalStore, b as useDrawerStore, c as useEntityStore, a as useDataStreamStore, j as useSetupStore } from './index-DMXaEyAB.js';
 import 'styled-components';
 import { i as isEmpty, s as safeJsonParse } from './index-BZS1ijMm.js';
-import { F as FORM_ALERTS } from './index-B6FywnIf.js';
-import { b as useGenericForm } from './useTransition-BPxqZqXu.js';
+import { F as FORM_ALERTS } from './index-CTgLYGo-.js';
+import { b as useGenericForm } from './useTransition-BSKilkmZ.js';
 import { g as getIdFromSseTarget } from './index-7-KCQK-x.js';
 
 const INITIAL$2 = {

package/lib/{useTransition-BPxqZqXu.js → useTransition-BSKilkmZ.js}

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react';
-import './index-B6FywnIf.js';
+import './index-CTgLYGo-.js';
 import { g as useNotificationStore } from './index-DMXaEyAB.js';
 import { CodeAttributesKeyTypes, PayloadCollectionKeyTypes } from './types.js';
 import styled from 'styled-components';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "author": "Odigos",
   "repository": {
     "type": "git",