@odigos/ui-kit 0.0.42 → 0.0.44

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [0.0.44](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.43...ui-kit-v0.0.44) (2025-06-19)
+
+
+### Features
+
+* runtime override warning & indication ([#187](https://github.com/odigos-io/ui-kit/issues/187)) ([02e4f09](https://github.com/odigos-io/ui-kit/commit/02e4f09210bf755220e3d3cb4cf1890e1298ae9c))
+
+## [0.0.43](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.42...ui-kit-v0.0.43) (2025-06-18)
+
+
+### Bug Fixes
+
+* allow empty version in OverrideRuntime ([#185](https://github.com/odigos-io/ui-kit/issues/185)) ([cebefc1](https://github.com/odigos-io/ui-kit/commit/cebefc1e068cf83b4f65d58af530840de4e2eebc))
+
 ## [0.0.42](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.41...ui-kit-v0.0.42) (2025-06-17)
 
 

package/eslint.config.mjs

@@ -1,3 +1,6 @@
+// For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
+import storybook from "eslint-plugin-storybook";
+
 import { dirname } from 'path';
 import { fileURLToPath } from 'url';
 import { FlatCompat } from '@eslint/eslintrc';
@@ -12,6 +15,6 @@ const compat = new FlatCompat({
 const extensions = compat.extends('next/core-web-vitals', 'next/typescript');
 const config = compat.config({});
 
-const eslintConfig = [...extensions, ...config];
+const eslintConfig = [...extensions, ...config, ...storybook.configs["flat/recommended"]];
 
 export default eslintConfig;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type AutocompleteInputProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { type BadgeProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type ButtonProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type CancelWarningProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type CheckboxProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type CodeProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-webpack5';
 import { type ConditionDetailsProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-webpack5';
 import { type DataCardProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type DataTabProps } from '.';
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 declare const _default: {
     title: string;
     component: React.FC<DataTabProps>;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type DeleteWarningProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type DescribeRowProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type DividerProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type DocsButtonProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { type DrawerProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { type DropdownProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type ErrorBoundaryProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type ExtendArrowProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type FadeLoaderProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type FieldErrorProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/field-label/field-label.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type FieldLabelProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type HeaderProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type IconButtonProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/icon-group/icon-group.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { type IconGroupProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/icon-title-badge/icon-title-badge.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type IconTitleBadgeProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/icon-wrapped/icon-wrapped.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { type IconWrappedProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/icons-nav/icons-nav.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type IconsNavProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/image-controlled/image-controlled.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type ImageControlledProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type InputProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/input-list/input-list.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type InputListProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/input-table/input-table.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type InputTableProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/interactive-table/interactive-table.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StoryObj } from '@storybook/react';
+import { StoryObj } from '@storybook/react-webpack5';
 import { type InteractiveTableProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/key-value-input-list/key-value-input-list.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type KeyValueInputsListProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type ModalProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/monitors-checkboxes/monitors-checkboxes.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type MonitorsCheckboxesProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/monitors-icons/monitors-icons.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type MonitorsIconsProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/navigation-buttons/navigation-buttons.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type NavigationButtonsProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/no-data-found/no-data-found.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type NoDataFoundProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/notification-note/notification-note.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type StoryObj } from '@storybook/react';
+import { type StoryObj } from '@storybook/react-webpack5';
 import { type NotificationNoteProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/scroll-x/scroll-x.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { type ScrollXProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/section-title/section-title.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type SectionTitleProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type SegmentProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type SelectionButtonProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type SkeletonLoaderProps } from '.';
 declare const _default: {
     title: string;

package/lib/components/status/index.d.ts

@@ -1,14 +1,16 @@
-import { type FC } from 'react';
-import { StatusType, OtherStatus } from '@/types';
+import { CSSProperties, type FC } from 'react';
+import { StatusType, OtherStatus, type SVG } from '@/types';
 interface StatusProps {
     title?: string;
     subtitle?: string;
-    size?: number;
-    family?: 'primary' | 'secondary';
     status?: StatusType | OtherStatus.Loading;
+    forceIcon?: SVG;
     withIcon?: boolean;
     withBorder?: boolean;
     withBackground?: boolean;
+    width?: CSSProperties['width'];
+    size?: number;
+    family?: 'primary' | 'secondary';
 }
 declare const Status: FC<StatusProps>;
 export { Status, type StatusProps };

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type StatusProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type StepperProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type TextProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type TextAreaProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type ToggleProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { type TooltipProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type TraceLoaderProps } from '.';
 declare const _default: {
     title: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type WarningModalProps } from '.';
 declare const _default: {
     title: string;

package/lib/components.js

@@ -1,15 +1,15 @@
-import { B as Button } from './index-Biu8ddMV.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-Biu8ddMV.js';
-export { C as CancelWarning, D as DeleteWarning } from './index-BJn6pgjP.js';
+import { B as Button } from './index-AM8c03-E.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-AM8c03-E.js';
+export { C as CancelWarning, D as DeleteWarning } from './index-Dxj04GUZ.js';
 import React, { Component, createElement, createContext } from 'react';
-import { T as Theme } from './index-BvZgTeSU.js';
+import { T as Theme } from './index-BD7meETN.js';
 import './types.js';
-import './index-CS6xAoTK.js';
-import './index-BMkvXaM3.js';
+import './index-CY3kjYr3.js';
+import './index-b8zuk7ta.js';
 import 'styled-components';
-import './index-DtSbC1Cl.js';
+import './index-DZWbhK14.js';
 import './index-BV85P9UP.js';
-import './useTransition-BOwXSp5e.js';
+import './useTransition-BWC_F-Pl.js';
 import 'react-dom';
 
 const ErrorBoundaryContext = createContext(null);

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

@@ -67,6 +67,7 @@ export declare const DISPLAY_TITLES: {
     READONLY: string;
     LANGUAGE: string;
     VERSION: string;
+    RUNTIME_VERSION: string;
     VERSION_PLACEHOLDER: string;
     MONITORS: string;
     SIGNALS_FOR_PROCESSING: string;
@@ -87,6 +88,10 @@ export declare const DISPLAY_TITLES: {
     TO_MODIFY_OTEL_DATA: string;
     QUICK_BACK_TO_SUMMARY: string;
     GO_TO_SUMMARY: string;
+    OVERIDE: string;
+    OVERIDDEN: string;
+    OVERRIDE_RUNTIME_DETAILS: string;
+    OVERRIDE_RUNTIME_WARNING: string;
 };
 export declare const BUTTON_TEXTS: {
     ADD: string;

package/lib/constants.js

@@ -1,4 +1,4 @@
-export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, k as DEFAULT_DATA_STREAM_NAME, D as DISPLAY_LANGUAGES, l as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, L as LANGUAGE_OPTIONS, M as MONITORS_OPTIONS, S as STORAGE_KEYS } from './index-BvZgTeSU.js';
+export { A as ACTION_OPTIONS, B as BUTTON_TEXTS, k as DEFAULT_DATA_STREAM_NAME, D as DISPLAY_LANGUAGES, l as DISPLAY_TITLES, F as FORM_ALERTS, I as INSTRUMENTATION_RULE_OPTIONS, L as LANGUAGE_OPTIONS, M as MONITORS_OPTIONS, S as STORAGE_KEYS } from './index-BD7meETN.js';
 export { D as DESTINATION_CATEGORIES } from './index-Dqief9td.js';
 import 'react';
 import './types.js';

package/lib/containers/action-drawer/action-drawer.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type ActionDrawerProps } from '.';
 declare const _default: {
     title: string;

package/lib/containers/action-form/action-form.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type ActionFormProps } from '.';
 declare const _default: {
     title: string;

package/lib/containers/action-modal/action-modal.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type ActionModalProps } from '.';
 declare const _default: {
     title: string;

package/lib/containers/action-table/action-table.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type ActionTableProps } from '.';
 declare const _default: {
     title: string;

package/lib/containers/await-pipeline/await-pipeline.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type AwaitPipelineProps } from '.';
 declare const _default: {
     title: string;

package/lib/containers/compute-platform-select/compute-platform-select.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type ComputePlatformSelectProps } from '.';
 declare const _default: {
     title: string;

package/lib/containers/compute-platforms/compute-platforms.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type ComputePlatformsProps } from '.';
 declare const _default: {
     title: string;

package/lib/containers/compute-platforms-actions-menu/compute-platforms-actions-menu.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryFn } from '@storybook/react';
+import type { StoryFn } from '@storybook/react-webpack5';
 import { type ComputePlatformsActionsMenuProps } from '.';
 declare const _default: {
     title: string;

package/lib/containers/data-flow/data-flow.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { type DataFlowProps } from '.';
 declare const _default: {
     title: string;

package/lib/containers/data-flow-actions-menu/data-flow-actions-menu.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { StoryObj } from '@storybook/react';
+import type { StoryObj } from '@storybook/react-webpack5';
 import { type DataFlowActionsMenuProps } from '.';
 declare const _default: {
     title: string;