refactor(charts): migrate to @ui5/webcomponents-react(-base) subpath imports

packages/charts/src/components/BarChart/BarChart.cy.tsx

@@ -5,7 +5,7 @@ import {
   testChartLegendConfig,
   testChartZoomingTool,
   testStackAggregateTotals,
-} from '@/cypress/support/utils';
+} from '../../../../../cypress/support/utils';
 
 const dimensions = [
   {

packages/charts/src/components/BarChart/BarChart.mdx

@@ -1,4 +1,4 @@
-import { ControlsWithNote, DocsHeader, Footer } from '@sb/components';
+import { ControlsWithNote, DocsHeader, Footer } from '../../../../../.storybook/components';
 import { Canvas, Meta } from '@storybook/addon-docs/blocks';
 import TooltipStory from '../../resources/TooltipConfig.mdx';
 import LegendStory from '../../resources/LegendConfig.mdx';

packages/charts/src/components/BarChart/Placeholder.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 
 export const BarChartPlaceholder = () => {

packages/charts/src/components/BarChart/index.tsx

@@ -1,6 +1,8 @@
 'use client';
 
-import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
+import { useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base/internal/hooks';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { CSSProperties } from 'react';
 import { forwardRef, useCallback } from 'react';
 import {

packages/charts/src/components/BulletChart/BulletChart.cy.tsx

@@ -1,6 +1,10 @@
 import { complexDataSet } from '../../resources/DemoProps.js';
 import { BulletChart } from './index.js';
-import { cypressPassThroughTestsFactory, testChartLegendConfig, testChartZoomingTool } from '@/cypress/support/utils';
+import {
+  cypressPassThroughTestsFactory,
+  testChartLegendConfig,
+  testChartZoomingTool,
+} from '../../../../../cypress/support/utils';
 
 const dimensions = [
   {

packages/charts/src/components/BulletChart/BulletChart.mdx

@@ -1,4 +1,4 @@
-import { ControlsWithNote, DocsHeader, Footer } from '@sb/components';
+import { ControlsWithNote, DocsHeader, Footer } from '../../../../../.storybook/components';
 import { Canvas, Meta } from '@storybook/addon-docs/blocks';
 import TooltipStory from '../../resources/TooltipConfig.mdx';
 import LegendStory from '../../resources/LegendConfig.mdx';

packages/charts/src/components/BulletChart/Placeholder.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 import type { IChartMeasure } from '../../interfaces/IChartMeasure.js';
 

packages/charts/src/components/BulletChart/index.tsx

@@ -1,6 +1,8 @@
 'use client';
 
-import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
+import { useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base/internal/hooks';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { CSSProperties } from 'react';
 import { forwardRef, useCallback, useMemo } from 'react';
 import {

packages/charts/src/components/ColumnChart/ColumnChart.cy.tsx

@@ -5,7 +5,7 @@ import {
   testChartLegendConfig,
   testChartZoomingTool,
   testStackAggregateTotals,
-} from '@/cypress/support/utils';
+} from '../../../../../cypress/support/utils';
 
 const dimensions = [
   {

packages/charts/src/components/ColumnChart/ColumnChart.mdx

@@ -1,4 +1,4 @@
-import { ControlsWithNote, DocsHeader, Footer } from '@sb/components';
+import { ControlsWithNote, DocsHeader, Footer } from '../../../../../.storybook/components';
 import { Canvas, Meta } from '@storybook/addon-docs/blocks';
 import TooltipStory from '../../resources/TooltipConfig.mdx';
 import LegendStory from '../../resources/LegendConfig.mdx';

packages/charts/src/components/ColumnChart/Placeholder.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 
 export const ColumnChartPlaceholder = (props) => {

packages/charts/src/components/ColumnChart/index.tsx

@@ -1,6 +1,8 @@
 'use client';
 
-import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
+import { useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base/internal/hooks';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { CSSProperties } from 'react';
 import { forwardRef, useCallback } from 'react';
 import {

packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.cy.tsx

@@ -1,6 +1,10 @@
 import { complexDataSet } from '../../resources/DemoProps.js';
 import { ColumnChartWithTrend } from './index.js';
-import { cypressPassThroughTestsFactory, testChartLegendConfig, testChartZoomingTool } from '@/cypress/support/utils';
+import {
+  cypressPassThroughTestsFactory,
+  testChartLegendConfig,
+  testChartZoomingTool,
+} from '../../../../../cypress/support/utils';
 
 const dimensions = [
   {

packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.mdx

@@ -1,4 +1,4 @@
-import { ControlsWithNote, DocsHeader, Footer } from '@sb/components';
+import { ControlsWithNote, DocsHeader, Footer } from '../../../../../.storybook/components';
 import { Canvas, Meta } from '@storybook/addon-docs/blocks';
 import * as ComponentStories from './ColumnChartWithTrend.stories';
 import LegendStory from '../../resources/LegendConfig.mdx';

packages/charts/src/components/ColumnChartWithTrend/Placeholder.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 
 export const ColumnChartWithTrendPlaceholder = (props) => {

packages/charts/src/components/ColumnChartWithTrend/index.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { ThemingParameters, useStylesheet } from '@ui5/webcomponents-react-base';
+import { useStylesheet } from '@ui5/webcomponents-react-base/internal/hooks';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import { clsx } from 'clsx';
 import type { CSSProperties } from 'react';
 import { forwardRef, useId } from 'react';

packages/charts/src/components/ComposedChart/ComposedChart.cy.tsx

@@ -5,7 +5,7 @@ import {
   testChartLegendConfig,
   testChartZoomingTool,
   testStackAggregateTotals,
-} from '@/cypress/support/utils';
+} from '../../../../../cypress/support/utils';
 
 const dimensions = [
   {

packages/charts/src/components/ComposedChart/ComposedChart.mdx

@@ -1,4 +1,4 @@
-import { ControlsWithNote, DocsHeader, Footer } from '@sb/components';
+import { ControlsWithNote, DocsHeader, Footer } from '../../../../../.storybook/components';
 import { Canvas, Meta } from '@storybook/addon-docs/blocks';
 import TooltipStory from '../../resources/TooltipConfig.mdx';
 import LegendStory from '../../resources/LegendConfig.mdx';

packages/charts/src/components/ComposedChart/Placeholder.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 import type { IChartMeasure } from '../../interfaces/IChartMeasure.js';
 

packages/charts/src/components/ComposedChart/index.tsx

@@ -1,6 +1,8 @@
 'use client';
 
-import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
+import { useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base/internal/hooks';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { CSSProperties, FC } from 'react';
 import { forwardRef, useCallback } from 'react';
 import {

packages/charts/src/components/DonutChart/DonutChart.cy.tsx

@@ -1,6 +1,6 @@
 import { complexDataSet, simpleDataSet } from '../../resources/DemoProps.js';
 import { DonutChart } from './index.js';
-import { cypressPassThroughTestsFactory, testChartLegendConfig } from '@/cypress/support/utils';
+import { cypressPassThroughTestsFactory, testChartLegendConfig } from '../../../../../cypress/support/utils';
 
 const dimension = {
   accessor: 'name',

packages/charts/src/components/DonutChart/DonutChart.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Meta } from '@storybook/addon-docs/blocks';
-import { ControlsWithNote, DocsHeader, Footer } from '@sb/components';
+import { ControlsWithNote, DocsHeader, Footer } from '../../../../../.storybook/components';
 import TooltipStory from '../../resources/TooltipConfig.mdx';
 import * as ComponentStories from './DonutChart.stories';
 import LegendStory from '../../resources/LegendConfig.mdx';

packages/charts/src/components/LineChart/LineChart.cy.tsx

@@ -1,6 +1,10 @@
 import { complexDataSet } from '../../resources/DemoProps.js';
 import { LineChart } from './index.js';
-import { cypressPassThroughTestsFactory, testChartLegendConfig, testChartZoomingTool } from '@/cypress/support/utils';
+import {
+  cypressPassThroughTestsFactory,
+  testChartLegendConfig,
+  testChartZoomingTool,
+} from '../../../../../cypress/support/utils';
 
 const dimensions = [
   {

packages/charts/src/components/LineChart/LineChart.mdx

@@ -1,5 +1,5 @@
 import { Canvas, Meta } from '@storybook/addon-docs/blocks';
-import { ControlsWithNote, DocsHeader, Footer } from '@sb/components';
+import { ControlsWithNote, DocsHeader, Footer } from '../../../../../.storybook/components';
 import TooltipStory from '../../resources/TooltipConfig.mdx';
 import * as ComponentStories from './LineChart.stories';
 import LegendStory from '../../resources/LegendConfig.mdx';

packages/charts/src/components/LineChart/Placeholder.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 
 export const LineChartPlaceholder = (props) => {

packages/charts/src/components/LineChart/index.tsx

@@ -1,6 +1,8 @@
 'use client';
 
-import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
+import { useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base/internal/hooks';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import { forwardRef, useRef } from 'react';
 import type { LineProps, YAxisProps } from 'recharts';
 import {

packages/charts/src/components/PieChart/PieChart.cy.tsx

@@ -1,7 +1,7 @@
 import { Text as RechartsText } from 'recharts';
 import { complexDataSet, simpleDataSet } from '../../resources/DemoProps.js';
 import { PieChart } from './index.js';
-import { cypressPassThroughTestsFactory, testChartLegendConfig } from '@/cypress/support/utils';
+import { cypressPassThroughTestsFactory, testChartLegendConfig } from '../../../../../cypress/support/utils';
 
 const dimension = {
   accessor: 'name',

packages/charts/src/components/PieChart/PieChart.mdx

@@ -1,4 +1,4 @@
-import { ControlsWithNote, DocsHeader, Footer } from '@sb/components';
+import { ControlsWithNote, DocsHeader, Footer } from '../../../../../.storybook/components';
 import { Canvas, Meta } from '@storybook/addon-docs/blocks';
 import TooltipStory from '../../resources/TooltipConfig.mdx';
 import * as ComponentStories from './PieChart.stories';

packages/charts/src/components/PieChart/Placeholder.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 
 export const PieChartPlaceholder = (props) => {

packages/charts/src/components/PieChart/index.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { enrichEventWithDetails, useStylesheet, useSyncRef } from '@ui5/webcomponents-react-base';
+import { useStylesheet, useSyncRef } from '@ui5/webcomponents-react-base/internal/hooks';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
 import { clsx } from 'clsx';
 import type { CSSProperties } from 'react';
 import { cloneElement, forwardRef, isValidElement, useCallback, useMemo } from 'react';

packages/charts/src/components/RadarChart/RadarChart.cy.tsx

@@ -1,6 +1,6 @@
 import { complexDataSet } from '../../resources/DemoProps.js';
 import { RadarChart } from './index.js';
-import { cypressPassThroughTestsFactory, testChartLegendConfig } from '@/cypress/support/utils';
+import { cypressPassThroughTestsFactory, testChartLegendConfig } from '../../../../../cypress/support/utils';
 
 const dimensions = [
   {

packages/charts/src/components/RadarChart/RadarChart.mdx

@@ -1,4 +1,4 @@
-import { ControlsWithNote, DocsHeader, Footer } from '@sb/components';
+import { ControlsWithNote, DocsHeader, Footer } from '../../../../../.storybook/components';
 import { Canvas, Meta } from '@storybook/addon-docs/blocks';
 import TooltipStory from '../../resources/TooltipConfig.mdx';
 import * as ComponentStories from './RadarChart.stories';

packages/charts/src/components/RadarChart/index.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { enrichEventWithDetails, ThemingParameters } from '@ui5/webcomponents-react-base';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import { forwardRef, useCallback, useRef } from 'react';
 import type { PolarGridProps } from 'recharts';
 import {

packages/charts/src/components/RadialChart/RadialChart.cy.tsx

@@ -1,5 +1,5 @@
 import { RadialChart } from './index.js';
-import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
+import { cypressPassThroughTestsFactory } from '../../../../../cypress/support/utils';
 
 describe('RadialChart', () => {
   it('Basic', () => {

packages/charts/src/components/RadialChart/RadialChart.mdx

@@ -1,4 +1,4 @@
-import { ControlsWithNote, DocsHeader, Footer } from '@sb/components';
+import { ControlsWithNote, DocsHeader, Footer } from '../../../../../.storybook/components';
 import { Canvas, Meta } from '@storybook/addon-docs/blocks';
 import * as ComponentStories from './RadialChart.stories';
 

packages/charts/src/components/RadialChart/RadialChart.stories.tsx

@@ -1,6 +1,9 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { FlexBox, FlexBoxAlignItems, FlexBoxJustifyContent, Text } from '@ui5/webcomponents-react';
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { FlexBoxAlignItems } from '@ui5/webcomponents-react/enums/FlexBoxAlignItems';
+import { FlexBoxJustifyContent } from '@ui5/webcomponents-react/enums/FlexBoxJustifyContent';
+import { FlexBox } from '@ui5/webcomponents-react/FlexBox';
+import { Text } from '@ui5/webcomponents-react/Text';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import { RadialChart } from './index.js';
 
 const meta = {

packages/charts/src/components/RadialChart/index.tsx

@@ -1,7 +1,8 @@
 'use client';
 
-import type { CommonProps } from '@ui5/webcomponents-react';
-import { enrichEventWithDetails, ThemingParameters } from '@ui5/webcomponents-react-base';
+import type { CommonProps } from '@ui5/webcomponents-react-base/internal/types';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { CSSProperties } from 'react';
 import { forwardRef } from 'react';
 import { PolarAngleAxis, RadialBar, RadialBarChart } from 'recharts';

packages/charts/src/components/ScatterChart/Placeholder.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 
 export const ScatterChartPlaceholder = (props) => {

packages/charts/src/components/ScatterChart/ScatterChart.cy.tsx

@@ -1,6 +1,6 @@
 import { complexDataSet, scatterComplexDataSet } from '../../resources/DemoProps.js';
 import { ScatterChart } from './index.js';
-import { cypressPassThroughTestsFactory, testChartLegendConfig } from '@/cypress/support/utils';
+import { cypressPassThroughTestsFactory, testChartLegendConfig } from '../../../../../cypress/support/utils';
 
 const measures = [
   {

packages/charts/src/components/ScatterChart/ScatterChart.mdx

@@ -1,4 +1,4 @@
-import { ControlsWithNote, DocsHeader, Footer } from '@sb/components';
+import { ControlsWithNote, DocsHeader, Footer } from '../../../../../.storybook/components';
 import { Canvas, Meta } from '@storybook/addon-docs/blocks';
 import TooltipStory from '../../resources/TooltipConfig.mdx';
 import * as ComponentStories from './ScatterChart.stories';

packages/charts/src/components/ScatterChart/index.tsx

@@ -1,6 +1,8 @@
 'use client';
 
-import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
+import { useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base/internal/hooks';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { CSSProperties } from 'react';
 import { forwardRef, useCallback, useRef } from 'react';
 import type { ReferenceLineProps } from 'recharts';

packages/charts/src/components/TimelineChart/Placeholder.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 
 /**

packages/charts/src/components/TimelineChart/TimeLineChart.mdx

@@ -1,6 +1,6 @@
-import { ControlsWithNote, DocsHeader, Footer } from '@sb/components';
+import { ControlsWithNote, DocsHeader, Footer } from '../../../../../.storybook/components';
 import { Canvas, Meta, Markdown, ArgTypes } from '@storybook/addon-docs/blocks';
-import SubcomponentsSection from '@sb/docs/SubcomponentsSection.md?raw';
+import SubcomponentsSection from '../../../../../.storybook/docs/SubcomponentsSection.md?raw';
 import * as ComponentStories from './TimeLineChart.stories';
 import { TimelineChartAnnotation } from './TimelineChartAnnotation';
 

packages/charts/src/components/TimelineChart/TimeLineChart.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import { Invention, TimingFigure } from './examples/Annotations.js';
 import { dummyDataSet, dummyDiscreteDataSet, inventionDataset, schedulingEDFData } from './examples/Dataset.js';
 import { TimelineChartAnnotation } from './TimelineChartAnnotation.js';

packages/charts/src/components/TimelineChart/TimelineChartAnnotation.tsx

@@ -1,5 +1,5 @@
-import type { CommonProps } from '@ui5/webcomponents-react';
-import { useStylesheet } from '@ui5/webcomponents-react-base';
+import { useStylesheet } from '@ui5/webcomponents-react-base/internal/hooks';
+import type { CommonProps } from '@ui5/webcomponents-react-base/internal/types';
 import type { CSSProperties, JSX } from 'react';
 import { forwardRef } from 'react';
 import { DEFAULT_ROW_HEIGHT } from './util/constants.js';

packages/charts/src/components/TimelineChart/TimelineChartHeaders.tsx

@@ -1,4 +1,5 @@
-import { ThemingParameters, useStylesheet } from '@ui5/webcomponents-react-base';
+import { useStylesheet } from '@ui5/webcomponents-react-base/internal/hooks';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { CSSProperties, ReactElement } from 'react';
 import { useEffect, useState } from 'react';
 import type { ITimelineChartRow } from './types/TimelineChartTypes.js';

packages/charts/src/components/TimelineChart/chartbody/TimelineChartBody.tsx

@@ -1,4 +1,4 @@
-import { useStylesheet } from '@ui5/webcomponents-react-base';
+import { useStylesheet } from '@ui5/webcomponents-react-base/internal/hooks';
 import type { CSSProperties, ReactNode } from 'react';
 import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import type { ITimelineChartRow } from '../types/TimelineChartTypes.js';

packages/charts/src/components/TimelineChart/chartbody/TimelineChartGrid.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { ReactElement } from 'react';
 import { DEFAULT_CHART_VERTICAL_COLS, TOLERANCE } from '../util/constants.js';
 

packages/charts/src/components/TimelineChart/chartbody/TimelineChartLayer.tsx

@@ -1,4 +1,4 @@
-import { useStylesheet } from '@ui5/webcomponents-react-base';
+import { useStylesheet } from '@ui5/webcomponents-react-base/internal/hooks';
 import type { ReactNode } from 'react';
 import { classNames, styleData } from '../util/TimelineChart.module.css.js';
 

packages/charts/src/components/TimelineChart/chartbody/TimelineChartRow.tsx

@@ -1,4 +1,4 @@
-import { throttle } from '@ui5/webcomponents-react-base';
+import { throttle } from '@ui5/webcomponents-react-base/internal/utils';
 import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
 import { useEffect, useRef, useState } from 'react';
 import type { ITimelineChartRow } from '../types/TimelineChartTypes.js';

packages/charts/src/components/TimelineChart/chartbody/TimelineConnections.tsx

@@ -1,4 +1,5 @@
-import { ThemingParameters, useIsomorphicLayoutEffect } from '@ui5/webcomponents-react-base';
+import { useIsomorphicLayoutEffect } from '@ui5/webcomponents-react-base/internal/hooks';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { ReactElement } from 'react';
 import { useState } from 'react';
 import type { ITimelineChartMileStone, ITimelineChartRow, ITimelineChartTask } from '../types/TimelineChartTypes.js';