@odigos/ui-kit 0.0.51 → 0.0.52

package/lib/{index-H8TwBQHm.js → index-974c5344.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-BC03UmY5.js';
+import { T as Theme } from './index-118aa476.js';
 
 const OdigosLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();

package/lib/{index-CMsBAVAn.js → index-b833b336.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-BC03UmY5.js';
+import { T as Theme } from './index-118aa476.js';
 
 const VmLogo = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();

package/lib/{index-CyHOJpMl.js → index-f40b593d.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-BC03UmY5.js';
+import { T as Theme } from './index-118aa476.js';
 
 const ArrowIcon = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();

package/lib/{index-LgzkJ05H.js → index-f64b0a7d.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Theme } from './index-BC03UmY5.js';
+import { T as Theme } from './index-118aa476.js';
 
 const OdigosLogoText = ({ size = 16, fill: f, rotate = 0, onClick }) => {
     const theme = Theme.useTheme();

package/lib/snippets.js

@@ -1,12 +1,28 @@
-export { A as AddButton, a as AddNode, B as BaseNode, C as CopyText, E as EdgedNode, F as Flow, b as FrameNode, H as HeaderNode, L as LabeledEdge, M as MapItemNode, N as NoDataNode, P as PodContainer, S as ScrollNode, c as SkeletonNode, d as SourceContainer, n as nodeConfig } from './index-1-F2f04H.js';
-export { E as EditButton, N as NoteBackToSummary } from './index-4BmryHdH.js';
-import 'react';
-import './index-BC03UmY5.js';
-import './types.js';
+import { B as Button, Z as Text, L as NotificationNote } from './index-4dd6a1ce.js';
+export { ah as AddButton, am as AddNode, an as BaseNode, aj as CopyText, ao as EdgedNode, af as Flow, ap as FrameNode, aq as HeaderNode, av as LabeledEdge, ar as MapItemNode, as as NoDataNode, ak as PodContainer, at as ScrollNode, au as SkeletonNode, al as SourceContainer, ac as nodeConfig } from './index-4dd6a1ce.js';
+import React from 'react';
+import { T as Theme, B as BUTTON_TEXTS, b as DISPLAY_TITLES } from './index-118aa476.js';
+import { E as EditIcon } from './index-f40b593d.js';
+import { StatusType } from './types.js';
 import 'styled-components';
-import './index-CyHOJpMl.js';
-import './index-Dbs7YARA.js';
-import './index-H8TwBQHm.js';
-import './index-BnvrwbRB.js';
+import { I as InfoIcon } from './index-974c5344.js';
+import './index-4c55824c.js';
+import './index-ec555530.js';
 import 'react-dom';
-import './useTransition-DmHfJSEP.js';
+import './useTransition-53e46214.js';
+
+const EditButton = ({ label, onClick, variant = 'tertiary', ...props }) => {
+    const theme = Theme.useTheme();
+    return (React.createElement(Button, { onClick: onClick, variant: variant, ...props },
+        React.createElement(EditIcon, { fill: variant === 'primary' ? theme.text.primary : theme.text.info }),
+        React.createElement(Text, { size: 14, family: 'secondary', decoration: 'underline', color: variant === 'primary' ? theme.text.primary : undefined }, label || BUTTON_TEXTS.EDIT)));
+};
+
+const NoteBackToSummary = ({ onClick }) => {
+    return (React.createElement(NotificationNote, { type: StatusType.Default, icon: InfoIcon, message: DISPLAY_TITLES.QUICK_BACK_TO_SUMMARY, action: {
+            label: DISPLAY_TITLES.GO_TO_SUMMARY,
+            onClick: onClick,
+        } }));
+};
+
+export { EditButton, NoteBackToSummary };

package/lib/store.js

@@ -1,4 +1,4 @@
-export { u as useActiveNodeStore, a as useDarkMode, b as useDataStreamStore, c as useDrawerStore, d as useEntityStore, e as useFilterStore, f as useInstrumentStore, g as useModalStore, h as useNotificationStore, i as usePendingStore, j as useSelectedStore, k as useSetupStore } from './index-BC03UmY5.js';
+export { Q as useActiveNodeStore, a0 as useDarkMode, Y as useDataStreamStore, O as useDrawerStore, W as useEntityStore, X as useFilterStore, Z as useInstrumentStore, z as useModalStore, V as useNotificationStore, U as usePendingStore, $ as useSelectedStore, _ as useSetupStore } from './index-118aa476.js';
 import 'react';
 import './types.js';
 import 'styled-components';

package/lib/theme.js

@@ -1,4 +1,4 @@
-export { T as default } from './index-BC03UmY5.js';
+export { T as default } from './index-118aa476.js';
 import 'styled-components';
 import 'react';
 import './types.js';

package/lib/{useTransition-DmHfJSEP.js → useTransition-53e46214.js}

@@ -1,5 +1,5 @@
-import { g as useModalStore, c as useDrawerStore, u as useActiveNodeStore } from './index-BC03UmY5.js';
-import { AddNodeTypes, EntityTypes, CustomInstrumentationsKeyTypes, CodeAttributesKeyTypes, PayloadCollectionKeyTypes } from './types.js';
+import { z as useModalStore, O as useDrawerStore, Q as useActiveNodeStore } from './index-118aa476.js';
+import { AddNodeTypes, EntityTypes, PayloadCollectionKeyTypes, CodeAttributesKeyTypes, CustomInstrumentationsKeyTypes } from './types.js';
 import React, { useState, useRef, useEffect, useCallback } from 'react';
 import styled from 'styled-components';
 
@@ -747,6 +747,7 @@ $.yo = $.dz;
 $.yue = $.dz;
 $.zh = $.dz;
 $.zu = $.am;
+var PluralRuleFunctions = $;
 
 /**
  * Returns a `locale` for which a function exists in `./PluralRuleFunctions.js`.
@@ -813,7 +814,7 @@ var PluralRules = /*#__PURE__*/function () {
       throw new RangeError("Only \"cardinal\" \"type\" is supported");
     }
 
-    this.$ = $[getPluralRulesLocale(locales[0])];
+    this.$ = PluralRuleFunctions[getPluralRulesLocale(locales[0])];
   }
 
   _createClass$3(PluralRules, [{
@@ -829,7 +830,7 @@ var PluralRules = /*#__PURE__*/function () {
       }
 
       return locales.filter(function (locale) {
-        return $[getPluralRulesLocale(locale)];
+        return PluralRuleFunctions[getPluralRulesLocale(locale)];
       });
     }
   }]);
@@ -841,7 +842,7 @@ function _typeof$5(obj) { "@babel/helpers - typeof"; return _typeof$5 = "functio
 
 function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty$9(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty$9(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$9(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -861,7 +862,7 @@ function _classCallCheck$2(instance, Constructor) { if (!(instance instanceof Co
 
 function _defineProperties$2(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass$2(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$2(Constructor.prototype, protoProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _createClass$2(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$2(Constructor.prototype, protoProps); if (staticProps) _defineProperties$2(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 // results in a bundle that is larger by 1kB for some reason.
 // import PluralRules from 'intl-plural-rules-polyfill/cardinal'
 // Valid time units.
@@ -1296,7 +1297,7 @@ function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Co
 
 function _defineProperties$1(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass$1(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$1(Constructor.prototype, protoProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _createClass$1(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$1(Constructor.prototype, protoProps); if (staticProps) _defineProperties$1(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 /**
  * A basic in-memory cache.
@@ -1363,7 +1364,7 @@ var Cache = /*#__PURE__*/function () {
 
 function _typeof$3(obj) { "@babel/helpers - typeof"; return _typeof$3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$3(obj); }
 
-function _createForOfIteratorHelperLoose$1(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike) { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _createForOfIteratorHelperLoose$1(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
 
@@ -1641,7 +1642,7 @@ function _getMinTimeForUnit(toUnit, fromUnit, _ref2) {
 
 function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), true).forEach(function (key) { _defineProperty$8(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$8(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$8(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 /**
@@ -1671,7 +1672,8 @@ function getStep(steps, secondsPassed, _ref) {
   var now = _ref.now,
       future = _ref.future,
       round = _ref.round,
-      units = _ref.units;
+      units = _ref.units,
+      getNextStep = _ref.getNextStep;
   // Ignore steps having not-supported time units in `formatAs`.
   steps = filterStepsByUnits(steps, units);
 
@@ -1681,7 +1683,7 @@ function getStep(steps, secondsPassed, _ref) {
     round: round
   });
 
-  {
+  if (getNextStep) {
     if (step) {
       var prevStep = steps[steps.indexOf(step) - 1];
       var nextStep = steps[steps.indexOf(step) + 1];
@@ -1690,6 +1692,8 @@ function getStep(steps, secondsPassed, _ref) {
 
     return [undefined, undefined, steps[0]];
   }
+
+  return step;
 }
 
 function _getStep(steps, secondsPassed, _ref2) {
@@ -2108,7 +2112,7 @@ var round = {
 
 function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$7(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$7(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 // 1 minute ago
@@ -2480,7 +2484,7 @@ var twitter = {
 
 function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$6(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var twitterNow = _objectSpread$6(_objectSpread$6({}, twitter), {}, {
@@ -2492,7 +2496,7 @@ var twitterNow = _objectSpread$6(_objectSpread$6({}, twitter), {}, {
 
 function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty$5(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$5(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$5(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var twitterMinute = _objectSpread$5(_objectSpread$5({}, twitter), {}, {
@@ -2504,7 +2508,7 @@ var twitterMinute = _objectSpread$5(_objectSpread$5({}, twitter), {}, {
 
 function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var twitterMinuteNow = _objectSpread$4(_objectSpread$4({}, twitterMinute), {}, {
@@ -2516,7 +2520,7 @@ var twitterMinuteNow = _objectSpread$4(_objectSpread$4({}, twitterMinute), {}, {
 
 function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var twitterFirstMinute = _objectSpread$3(_objectSpread$3({}, twitter), {}, {
@@ -2560,7 +2564,7 @@ var mini = {
 
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var miniNow = _objectSpread$2(_objectSpread$2({}, mini), {}, {
@@ -2572,7 +2576,7 @@ var miniNow = _objectSpread$2(_objectSpread$2({}, mini), {}, {
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var miniMinute = _objectSpread$1(_objectSpread$1({}, mini), {}, {
@@ -2584,7 +2588,7 @@ var miniMinute = _objectSpread$1(_objectSpread$1({}, mini), {}, {
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var miniMinuteNow = _objectSpread(_objectSpread({}, miniMinute), {}, {
@@ -2647,7 +2651,7 @@ function getStyleByName(style) {
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
-function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike) { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -2665,7 +2669,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
 var TimeAgo = /*#__PURE__*/function () {
   /**
@@ -2834,7 +2838,9 @@ var TimeAgo = /*#__PURE__*/function () {
         now: now,
         units: units,
         round: round,
-        future: future}),
+        future: future,
+        getNextStep: true
+      }),
           _getStep2 = _slicedToArray(_getStep, 3),
           prevStep = _getStep2[0],
           step = _getStep2[1],
@@ -3567,4 +3573,4 @@ const useTransition = ({ container, animateIn, animateOut, duration = 300 }) =>
     return Transition;
 };
 
-export { useContainerSize as a, useCopy as b, useGenericForm as c, useInstrumentationRuleFormData as d, useKeyDown as e, useOnClickOutside as f, usePopup as g, useTimeAgo as h, useTransition as i, useClickNode as u };
+export { useOnClickOutside as a, useContainerSize as b, useClickNode as c, usePopup as d, useInstrumentationRuleFormData as e, useTransition as f, useTimeAgo as g, useCopy as h, useGenericForm as i, useKeyDown as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odigos/ui-kit",
-  "version": "0.0.51",
+  "version": "0.0.52",
   "author": "Odigos",
   "repository": {
     "type": "git",
@@ -74,7 +74,7 @@
     }
   },
   "peerDependencies": {
-    "@xyflow/react": "^12.7.0",
+    "@xyflow/react": "^12.8.2",
     "javascript-time-ago": "^2.5.11",
     "lottie-react": "^2.4.1",
     "prism-react-renderer": "^2.4.1",
@@ -82,10 +82,10 @@
     "react-dom": "^19.1.0",
     "react-error-boundary": "^6.0.0",
     "styled-components": "6.1.19",
-    "zustand": "^5.0.5"
+    "zustand": "^5.0.6"
   },
   "dependencies": {
-    "@xyflow/react": "^12.7.0",
+    "@xyflow/react": "^12.8.2",
     "javascript-time-ago": "^2.5.11",
     "lottie-react": "^2.4.1",
     "prism-react-renderer": "^2.4.1",
@@ -93,34 +93,34 @@
     "react-dom": "^19.1.0",
     "react-error-boundary": "^6.0.0",
     "styled-components": "6.1.19",
-    "zustand": "^5.0.5"
+    "zustand": "^5.0.6"
   },
   "devDependencies": {
-    "@babel/core": "^7.27.4",
-    "@babel/preset-env": "^7.27.2",
+    "@babel/core": "^7.28.0",
+    "@babel/preset-env": "^7.28.0",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
     "@eslint/eslintrc": "^3.3.1",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
-    "@storybook/addon-docs": "^9.0.11",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@storybook/addon-docs": "^9.0.16",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
-    "@storybook/react-webpack5": "9.0.11",
-    "@types/node": "^24.0.3",
+    "@storybook/react-webpack5": "9.0.16",
+    "@types/node": "^24.0.13",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "babel-loader": "^10.0.0",
     "babel-plugin-styled-components": "^2.1.4",
-    "eslint": "^9.29.0",
-    "eslint-config-next": "^15.3.3",
-    "eslint-plugin-storybook": "9.0.11",
-    "next": "^15.3.4",
+    "eslint": "^9.31.0",
+    "eslint-config-next": "^15.3.5",
+    "eslint-plugin-storybook": "9.0.16",
+    "next": "^15.3.5",
     "postcss": "^8.5.6",
-    "rollup": "^4.43.0",
+    "rollup": "^3.29.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-typescript2": "^0.36.0",
-    "storybook": "9.0.12",
+    "storybook": "9.0.16",
     "typescript": "^5.8.3"
   }
 }

package/lib/components/auto-complete-input/auto-complete-input.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { StoryFn } from '@storybook/react-webpack5';
-import { type AutocompleteInputProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.FC<AutocompleteInputProps>;
-};
-export default _default;
-export declare const Default: StoryFn<AutocompleteInputProps>;

package/lib/components/badge/badge.stories.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { StoryObj } from '@storybook/react-webpack5';
-import { type BadgeProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.FC<BadgeProps>;
-};
-export default _default;
-export declare const Default: StoryObj<BadgeProps>;
-export declare const DefaultFilled: StoryObj<BadgeProps>;
-export declare const StatusSuccess: StoryObj<BadgeProps>;
-export declare const StatusError: StoryObj<BadgeProps>;
-export declare const StatusWarn: StoryObj<BadgeProps>;

package/lib/components/button/button.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { StoryFn } from '@storybook/react-webpack5';
-import { type ButtonProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.FC<ButtonProps>;
-};
-export default _default;
-export declare const Default: StoryFn<ButtonProps>;

package/lib/components/cancel-warning/cancel-warning.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { StoryFn } from '@storybook/react-webpack5';
-import { type CancelWarningProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.FC<CancelWarningProps>;
-};
-export default _default;
-export declare const Default: StoryFn<CancelWarningProps>;

package/lib/components/checkbox/checkbox.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { StoryFn } from '@storybook/react-webpack5';
-import { type CheckboxProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.FC<CheckboxProps>;
-};
-export default _default;
-export declare const Default: StoryFn<CheckboxProps>;

package/lib/components/code/code.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { StoryFn } from '@storybook/react-webpack5';
-import { type CodeProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.FC<CodeProps>;
-};
-export default _default;
-export declare const Default: StoryFn<CodeProps>;

package/lib/components/condition-details/condition-details.stories.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { StoryObj } from '@storybook/react-webpack5';
-import { type ConditionDetailsProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.FC<ConditionDetailsProps>;
-};
-export default _default;
-export declare const MixedConditions: StoryObj<ConditionDetailsProps>;
-export declare const SuccessConditions: StoryObj<ConditionDetailsProps>;
-export declare const DisabledConditions: StoryObj<ConditionDetailsProps>;
-export declare const ErrorConditions: StoryObj<ConditionDetailsProps>;
-export declare const WarningConditions: StoryObj<ConditionDetailsProps>;
-export declare const LoadingConditions: StoryObj<ConditionDetailsProps>;

package/lib/components/data-card/data-card.stories.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { type DataCardProps } from '.';
-import { StoryObj } from '@storybook/react-webpack5';
-declare const _default: {
-    title: string;
-    component: React.FC<DataCardProps>;
-};
-export default _default;
-export declare const MixedCard: StoryObj<DataCardProps>;
-export declare const SourceContainers: StoryObj<DataCardProps>;
-export declare const SourceDescribe: StoryObj<DataCardProps>;

package/lib/components/data-finger/data-finger.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { type DataFingerProps } from '.';
-import type { StoryObj } from '@storybook/react-webpack5';
-declare const _default: {
-    title: string;
-    component: React.FC<DataFingerProps>;
-};
-export default _default;
-export declare const Default: StoryObj<DataFingerProps>;

package/lib/components/data-tab/data-tab.stories.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { type DataTabProps } from '.';
-import type { StoryObj } from '@storybook/react-webpack5';
-declare const _default: {
-    title: string;
-    component: React.FC<DataTabProps>;
-};
-export default _default;
-export declare const NoStatus: StoryObj<DataTabProps>;
-export declare const ForcedBgColor: StoryObj<DataTabProps>;
-export declare const InfoStatus: StoryObj<DataTabProps>;
-export declare const DefaultStatus: StoryObj<DataTabProps>;
-export declare const ErrorStatus: StoryObj<DataTabProps>;
-export declare const WarningStatus: StoryObj<DataTabProps>;
-export declare const SuccessStatus: StoryObj<DataTabProps>;

package/lib/components/delete-warning/delete-warning.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { StoryFn } from '@storybook/react-webpack5';
-import { type DeleteWarningProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.FC<DeleteWarningProps>;
-};
-export default _default;
-export declare const Default: StoryFn<DeleteWarningProps>;

package/lib/components/describe-row/describe-row.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { StoryFn } from '@storybook/react-webpack5';
-import { type DescribeRowProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.FC<DescribeRowProps>;
-};
-export default _default;
-export declare const Default: StoryFn<DescribeRowProps>;

package/lib/components/divider/divider.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { StoryFn } from '@storybook/react-webpack5';
-import { type DividerProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.FC<DividerProps>;
-};
-export default _default;
-export declare const Default: StoryFn<DividerProps>;

package/lib/components/docs-button/docs-button.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { StoryFn } from '@storybook/react-webpack5';
-import { type DocsButtonProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.FC<DocsButtonProps>;
-};
-export default _default;
-export declare const Default: StoryFn<DocsButtonProps>;

package/lib/components/drawer/drawer.stories.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { StoryObj } from '@storybook/react-webpack5';
-import { type DrawerProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.FC<DrawerProps>;
-};
-export default _default;
-export declare const Default: StoryObj<DrawerProps>;
-export declare const WithTabs: StoryObj<DrawerProps>;

package/lib/components/dropdown/dropdown.stories.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { StoryObj } from '@storybook/react-webpack5';
-import { type DropdownProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.FC<DropdownProps>;
-};
-export default _default;
-export declare const Default: StoryObj<DropdownProps>;
-export declare const Multi: StoryObj<DropdownProps>;

package/lib/components/error-boundary/error-boundary.stories.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { StoryFn } from '@storybook/react-webpack5';
-import { type ErrorBoundaryProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.FC<{
-        children?: React.ReactNode | undefined;
-    }>;
-};
-export default _default;
-export declare const Default: StoryFn<ErrorBoundaryProps>;

package/lib/components/extend-arrow/extend-arrow.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { StoryFn } from '@storybook/react-webpack5';
-import { type ExtendArrowProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.FC<ExtendArrowProps>;
-};
-export default _default;
-export declare const Default: StoryFn<ExtendArrowProps>;

package/lib/components/fade-loader/fade-loader.stories.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { StoryFn } from '@storybook/react-webpack5';
-import { type FadeLoaderProps } from '.';
-declare const _default: {
-    title: string;
-    component: React.FC<FadeLoaderProps>;
-};
-export default _default;
-export declare const Default: StoryFn<FadeLoaderProps>;