diff --git a/packages/charts/src/components/BarChart/BarChart.cy.tsx b/packages/charts/src/components/BarChart/BarChart.cy.tsx
index fb90d53974f..17253ede01c 100644
--- a/packages/charts/src/components/BarChart/BarChart.cy.tsx
+++ b/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 = [
   {
diff --git a/packages/charts/src/components/BarChart/BarChart.mdx b/packages/charts/src/components/BarChart/BarChart.mdx
index 39f2bbf4aff..8626098d6a1 100644
--- a/packages/charts/src/components/BarChart/BarChart.mdx
+++ b/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';
diff --git a/packages/charts/src/components/BarChart/Placeholder.tsx b/packages/charts/src/components/BarChart/Placeholder.tsx
index 8e93939bc21..82687f59470 100644
--- a/packages/charts/src/components/BarChart/Placeholder.tsx
+++ b/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 = () => {
diff --git a/packages/charts/src/components/BarChart/index.tsx b/packages/charts/src/components/BarChart/index.tsx
index 903ec73d4d8..c206dd66364 100644
--- a/packages/charts/src/components/BarChart/index.tsx
+++ b/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 {
diff --git a/packages/charts/src/components/BulletChart/BulletChart.cy.tsx b/packages/charts/src/components/BulletChart/BulletChart.cy.tsx
index addcbd59510..b7ca8e0b626 100644
--- a/packages/charts/src/components/BulletChart/BulletChart.cy.tsx
+++ b/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 = [
   {
diff --git a/packages/charts/src/components/BulletChart/BulletChart.mdx b/packages/charts/src/components/BulletChart/BulletChart.mdx
index a8e3a6967c3..48e310b919e 100644
--- a/packages/charts/src/components/BulletChart/BulletChart.mdx
+++ b/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';
diff --git a/packages/charts/src/components/BulletChart/Placeholder.tsx b/packages/charts/src/components/BulletChart/Placeholder.tsx
index af140ddc534..e90916bf796 100644
--- a/packages/charts/src/components/BulletChart/Placeholder.tsx
+++ b/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';
 
diff --git a/packages/charts/src/components/BulletChart/index.tsx b/packages/charts/src/components/BulletChart/index.tsx
index ed61a6f81e0..b64f9c0cf58 100644
--- a/packages/charts/src/components/BulletChart/index.tsx
+++ b/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 {
diff --git a/packages/charts/src/components/ColumnChart/ColumnChart.cy.tsx b/packages/charts/src/components/ColumnChart/ColumnChart.cy.tsx
index 54ec1dcf6c3..0e8cbd84d88 100644
--- a/packages/charts/src/components/ColumnChart/ColumnChart.cy.tsx
+++ b/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 = [
   {
diff --git a/packages/charts/src/components/ColumnChart/ColumnChart.mdx b/packages/charts/src/components/ColumnChart/ColumnChart.mdx
index d4ea30cd4ad..1ca5455dbad 100644
--- a/packages/charts/src/components/ColumnChart/ColumnChart.mdx
+++ b/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';
diff --git a/packages/charts/src/components/ColumnChart/Placeholder.tsx b/packages/charts/src/components/ColumnChart/Placeholder.tsx
index 61e2664b747..1096eebe942 100644
--- a/packages/charts/src/components/ColumnChart/Placeholder.tsx
+++ b/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) => {
diff --git a/packages/charts/src/components/ColumnChart/index.tsx b/packages/charts/src/components/ColumnChart/index.tsx
index 4317379f0be..bbf0125336a 100644
--- a/packages/charts/src/components/ColumnChart/index.tsx
+++ b/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 {
diff --git a/packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.cy.tsx b/packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.cy.tsx
index fc63be0686d..ce4c381a08d 100644
--- a/packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.cy.tsx
+++ b/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 = [
   {
diff --git a/packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.mdx b/packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.mdx
index 0c083b00434..1531dd2970e 100644
--- a/packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.mdx
+++ b/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';
diff --git a/packages/charts/src/components/ColumnChartWithTrend/Placeholder.tsx b/packages/charts/src/components/ColumnChartWithTrend/Placeholder.tsx
index 0fcb975fc08..39b0398b8c6 100644
--- a/packages/charts/src/components/ColumnChartWithTrend/Placeholder.tsx
+++ b/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) => {
diff --git a/packages/charts/src/components/ColumnChartWithTrend/index.tsx b/packages/charts/src/components/ColumnChartWithTrend/index.tsx
index aea8e659561..7906e41dfac 100644
--- a/packages/charts/src/components/ColumnChartWithTrend/index.tsx
+++ b/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';
diff --git a/packages/charts/src/components/ComposedChart/ComposedChart.cy.tsx b/packages/charts/src/components/ComposedChart/ComposedChart.cy.tsx
index a82eacb3460..b102db40489 100644
--- a/packages/charts/src/components/ComposedChart/ComposedChart.cy.tsx
+++ b/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 = [
   {
diff --git a/packages/charts/src/components/ComposedChart/ComposedChart.mdx b/packages/charts/src/components/ComposedChart/ComposedChart.mdx
index d6bad2527ad..248d6a508a7 100644
--- a/packages/charts/src/components/ComposedChart/ComposedChart.mdx
+++ b/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';
diff --git a/packages/charts/src/components/ComposedChart/Placeholder.tsx b/packages/charts/src/components/ComposedChart/Placeholder.tsx
index 63a1631a6b5..621172a2faa 100644
--- a/packages/charts/src/components/ComposedChart/Placeholder.tsx
+++ b/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';
 
diff --git a/packages/charts/src/components/ComposedChart/index.tsx b/packages/charts/src/components/ComposedChart/index.tsx
index 9b771bffce2..29c1910a2af 100644
--- a/packages/charts/src/components/ComposedChart/index.tsx
+++ b/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 {
diff --git a/packages/charts/src/components/DonutChart/DonutChart.cy.tsx b/packages/charts/src/components/DonutChart/DonutChart.cy.tsx
index c14f4afa303..85a5e6e6b08 100644
--- a/packages/charts/src/components/DonutChart/DonutChart.cy.tsx
+++ b/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',
diff --git a/packages/charts/src/components/DonutChart/DonutChart.mdx b/packages/charts/src/components/DonutChart/DonutChart.mdx
index 186dbec2ed2..03cf69c5763 100644
--- a/packages/charts/src/components/DonutChart/DonutChart.mdx
+++ b/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';
diff --git a/packages/charts/src/components/LineChart/LineChart.cy.tsx b/packages/charts/src/components/LineChart/LineChart.cy.tsx
index 0f7c078374d..4a112c26f05 100644
--- a/packages/charts/src/components/LineChart/LineChart.cy.tsx
+++ b/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 = [
   {
diff --git a/packages/charts/src/components/LineChart/LineChart.mdx b/packages/charts/src/components/LineChart/LineChart.mdx
index 86852227b8b..ee10c67eb86 100644
--- a/packages/charts/src/components/LineChart/LineChart.mdx
+++ b/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';
diff --git a/packages/charts/src/components/LineChart/Placeholder.tsx b/packages/charts/src/components/LineChart/Placeholder.tsx
index db6475e2fe3..0a1acaca878 100644
--- a/packages/charts/src/components/LineChart/Placeholder.tsx
+++ b/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) => {
diff --git a/packages/charts/src/components/LineChart/index.tsx b/packages/charts/src/components/LineChart/index.tsx
index 459a21e6867..8a890fcf23d 100644
--- a/packages/charts/src/components/LineChart/index.tsx
+++ b/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 {
diff --git a/packages/charts/src/components/PieChart/PieChart.cy.tsx b/packages/charts/src/components/PieChart/PieChart.cy.tsx
index 8dd5d4223a2..79f26e830a2 100644
--- a/packages/charts/src/components/PieChart/PieChart.cy.tsx
+++ b/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',
diff --git a/packages/charts/src/components/PieChart/PieChart.mdx b/packages/charts/src/components/PieChart/PieChart.mdx
index 1b7dbcff3c8..f84647a7072 100644
--- a/packages/charts/src/components/PieChart/PieChart.mdx
+++ b/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';
diff --git a/packages/charts/src/components/PieChart/Placeholder.tsx b/packages/charts/src/components/PieChart/Placeholder.tsx
index 58e4b58e469..c8046de52d2 100644
--- a/packages/charts/src/components/PieChart/Placeholder.tsx
+++ b/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) => {
diff --git a/packages/charts/src/components/PieChart/index.tsx b/packages/charts/src/components/PieChart/index.tsx
index 94e043b4e35..fb7592b51e2 100644
--- a/packages/charts/src/components/PieChart/index.tsx
+++ b/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';
diff --git a/packages/charts/src/components/RadarChart/RadarChart.cy.tsx b/packages/charts/src/components/RadarChart/RadarChart.cy.tsx
index 841278dae49..fd6c2aa2b9b 100644
--- a/packages/charts/src/components/RadarChart/RadarChart.cy.tsx
+++ b/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 = [
   {
diff --git a/packages/charts/src/components/RadarChart/RadarChart.mdx b/packages/charts/src/components/RadarChart/RadarChart.mdx
index 830c50db85c..f55672d8a49 100644
--- a/packages/charts/src/components/RadarChart/RadarChart.mdx
+++ b/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';
diff --git a/packages/charts/src/components/RadarChart/index.tsx b/packages/charts/src/components/RadarChart/index.tsx
index 18e1aef48a3..9524308c089 100644
--- a/packages/charts/src/components/RadarChart/index.tsx
+++ b/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 {
diff --git a/packages/charts/src/components/RadialChart/RadialChart.cy.tsx b/packages/charts/src/components/RadialChart/RadialChart.cy.tsx
index db256c52b1a..1ac54a58c74 100644
--- a/packages/charts/src/components/RadialChart/RadialChart.cy.tsx
+++ b/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', () => {
diff --git a/packages/charts/src/components/RadialChart/RadialChart.mdx b/packages/charts/src/components/RadialChart/RadialChart.mdx
index 48d2caa581c..85dea7f64f3 100644
--- a/packages/charts/src/components/RadialChart/RadialChart.mdx
+++ b/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';
 
diff --git a/packages/charts/src/components/RadialChart/RadialChart.stories.tsx b/packages/charts/src/components/RadialChart/RadialChart.stories.tsx
index 89ab99981de..732cf6542e7 100644
--- a/packages/charts/src/components/RadialChart/RadialChart.stories.tsx
+++ b/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 = {
diff --git a/packages/charts/src/components/RadialChart/index.tsx b/packages/charts/src/components/RadialChart/index.tsx
index 7ef174bac16..6c7e11fc0e8 100644
--- a/packages/charts/src/components/RadialChart/index.tsx
+++ b/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';
diff --git a/packages/charts/src/components/ScatterChart/Placeholder.tsx b/packages/charts/src/components/ScatterChart/Placeholder.tsx
index afeb8973a71..888cf20b5bf 100644
--- a/packages/charts/src/components/ScatterChart/Placeholder.tsx
+++ b/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) => {
diff --git a/packages/charts/src/components/ScatterChart/ScatterChart.cy.tsx b/packages/charts/src/components/ScatterChart/ScatterChart.cy.tsx
index e2793419442..d306ef1b35c 100644
--- a/packages/charts/src/components/ScatterChart/ScatterChart.cy.tsx
+++ b/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 = [
   {
diff --git a/packages/charts/src/components/ScatterChart/ScatterChart.mdx b/packages/charts/src/components/ScatterChart/ScatterChart.mdx
index 626c9ca463c..4020111baed 100644
--- a/packages/charts/src/components/ScatterChart/ScatterChart.mdx
+++ b/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';
diff --git a/packages/charts/src/components/ScatterChart/index.tsx b/packages/charts/src/components/ScatterChart/index.tsx
index 4b270ea82dc..d3d018e974d 100644
--- a/packages/charts/src/components/ScatterChart/index.tsx
+++ b/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';
diff --git a/packages/charts/src/components/TimelineChart/Placeholder.tsx b/packages/charts/src/components/TimelineChart/Placeholder.tsx
index 0233208dd51..33dc175ed25 100644
--- a/packages/charts/src/components/TimelineChart/Placeholder.tsx
+++ b/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';
 
 /**
diff --git a/packages/charts/src/components/TimelineChart/TimeLineChart.mdx b/packages/charts/src/components/TimelineChart/TimeLineChart.mdx
index 473b9c0ed5f..ddfbfcbae2b 100644
--- a/packages/charts/src/components/TimelineChart/TimeLineChart.mdx
+++ b/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';
 
diff --git a/packages/charts/src/components/TimelineChart/TimeLineChart.stories.tsx b/packages/charts/src/components/TimelineChart/TimeLineChart.stories.tsx
index e228a8f39ca..dc37b011140 100644
--- a/packages/charts/src/components/TimelineChart/TimeLineChart.stories.tsx
+++ b/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';
diff --git a/packages/charts/src/components/TimelineChart/TimelineChartAnnotation.tsx b/packages/charts/src/components/TimelineChart/TimelineChartAnnotation.tsx
index 92c353b97d9..fa425d54d2d 100644
--- a/packages/charts/src/components/TimelineChart/TimelineChartAnnotation.tsx
+++ b/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';
diff --git a/packages/charts/src/components/TimelineChart/TimelineChartHeaders.tsx b/packages/charts/src/components/TimelineChart/TimelineChartHeaders.tsx
index 2eec8437a94..5c0bd84b4b0 100644
--- a/packages/charts/src/components/TimelineChart/TimelineChartHeaders.tsx
+++ b/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';
diff --git a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartBody.tsx b/packages/charts/src/components/TimelineChart/chartbody/TimelineChartBody.tsx
index 2b885391386..68da607035c 100644
--- a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartBody.tsx
+++ b/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';
diff --git a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartGrid.tsx b/packages/charts/src/components/TimelineChart/chartbody/TimelineChartGrid.tsx
index 8d0c535aaa9..6355b0d8120 100644
--- a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartGrid.tsx
+++ b/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';
 
diff --git a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartLayer.tsx b/packages/charts/src/components/TimelineChart/chartbody/TimelineChartLayer.tsx
index 1c6d3fc726d..ca2e4c93834 100644
--- a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartLayer.tsx
+++ b/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';
 
diff --git a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartRow.tsx b/packages/charts/src/components/TimelineChart/chartbody/TimelineChartRow.tsx
index 696e41e52b9..88db8e92e69 100644
--- a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartRow.tsx
+++ b/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';
diff --git a/packages/charts/src/components/TimelineChart/chartbody/TimelineConnections.tsx b/packages/charts/src/components/TimelineChart/chartbody/TimelineConnections.tsx
index 76c26b41abc..85fa9c9bc16 100644
--- a/packages/charts/src/components/TimelineChart/chartbody/TimelineConnections.tsx
+++ b/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';
diff --git a/packages/charts/src/components/TimelineChart/examples/Annotations.tsx b/packages/charts/src/components/TimelineChart/examples/Annotations.tsx
index 38213737ad9..036c8b323c0 100644
--- a/packages/charts/src/components/TimelineChart/examples/Annotations.tsx
+++ b/packages/charts/src/components/TimelineChart/examples/Annotations.tsx
@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { CSSProperties } from 'react';
 import { useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { TimelineChartBodyCtx } from '../util/context.js';
diff --git a/packages/charts/src/components/TimelineChart/index.tsx b/packages/charts/src/components/TimelineChart/index.tsx
index b1142ddbd98..8a3c2117fe6 100644
--- a/packages/charts/src/components/TimelineChart/index.tsx
+++ b/packages/charts/src/components/TimelineChart/index.tsx
@@ -1,5 +1,6 @@
-import type { CommonProps } from '@ui5/webcomponents-react';
-import { throttle, 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 { throttle } from '@ui5/webcomponents-react-base/internal/utils';
 import type { CSSProperties, ReactNode, MouseEvent as ReactMouseEvent } from 'react';
 import { forwardRef, useEffect, useRef, useState } from 'react';
 import { TimelineChartBody } from './chartbody/TimelineChartBody.js';
diff --git a/packages/charts/src/hooks/useCancelAnimationFallback.ts b/packages/charts/src/hooks/useCancelAnimationFallback.ts
index 0eca6232542..a6df8e4c845 100644
--- a/packages/charts/src/hooks/useCancelAnimationFallback.ts
+++ b/packages/charts/src/hooks/useCancelAnimationFallback.ts
@@ -1,4 +1,4 @@
-import { debounce } from '@ui5/webcomponents-react-base';
+import { debounce } from '@ui5/webcomponents-react-base/internal/utils';
 import { useRef, useState } from 'react';
 
 export const useCancelAnimationFallback = (
diff --git a/packages/charts/src/hooks/useLegendItemClick.ts b/packages/charts/src/hooks/useLegendItemClick.ts
index fc2dcf283c9..ff753aa031c 100644
--- a/packages/charts/src/hooks/useLegendItemClick.ts
+++ b/packages/charts/src/hooks/useLegendItemClick.ts
@@ -1,4 +1,4 @@
-import { enrichEventWithDetails } from '@ui5/webcomponents-react-base';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
 import { useCallback } from 'react';
 
 export const useLegendItemClick = (handler, dataKeyExtractor?) => {
diff --git a/packages/charts/src/hooks/useObserveXAxisHeights.ts b/packages/charts/src/hooks/useObserveXAxisHeights.ts
index 4dd419d9661..808949af12c 100644
--- a/packages/charts/src/hooks/useObserveXAxisHeights.ts
+++ b/packages/charts/src/hooks/useObserveXAxisHeights.ts
@@ -1,4 +1,4 @@
-import { debounce } from '@ui5/webcomponents-react-base';
+import { debounce } from '@ui5/webcomponents-react-base/internal/utils';
 import type { RefObject } from 'react';
 import { useEffect, useRef, useState } from 'react';
 
diff --git a/packages/charts/src/hooks/useOnClickInternal.ts b/packages/charts/src/hooks/useOnClickInternal.ts
index 7c3f4a3cc9c..aa8d0b35de6 100644
--- a/packages/charts/src/hooks/useOnClickInternal.ts
+++ b/packages/charts/src/hooks/useOnClickInternal.ts
@@ -1,4 +1,4 @@
-import { enrichEventWithDetails } from '@ui5/webcomponents-react-base';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
 import { useCallback } from 'react';
 
 export const useOnClickInternal = (onClick) =>
diff --git a/packages/charts/src/interfaces/IChartBaseProps.ts b/packages/charts/src/interfaces/IChartBaseProps.ts
index 5467c97dfdf..9106546a421 100644
--- a/packages/charts/src/interfaces/IChartBaseProps.ts
+++ b/packages/charts/src/interfaces/IChartBaseProps.ts
@@ -1,4 +1,4 @@
-import type { CommonProps } from '@ui5/webcomponents-react';
+import type { CommonProps } from '@ui5/webcomponents-react-base/internal/types';
 import type { ComponentType, ReactNode } from 'react';
 import type { LegendProps, TooltipProps } from 'recharts';
 import type { ICartesianChartConfig } from './ICartesianChartConfig.js';
diff --git a/packages/charts/src/internal/ChartContainer.tsx b/packages/charts/src/internal/ChartContainer.tsx
index 1e43f99ce9f..4fcf401c96c 100644
--- a/packages/charts/src/internal/ChartContainer.tsx
+++ b/packages/charts/src/internal/ChartContainer.tsx
@@ -1,6 +1,7 @@
-import type { CommonProps } from '@ui5/webcomponents-react';
-import { BusyIndicator, Label } from '@ui5/webcomponents-react';
-import { useStylesheet } from '@ui5/webcomponents-react-base';
+import { BusyIndicator } from '@ui5/webcomponents-react/BusyIndicator';
+import { Label } from '@ui5/webcomponents-react/Label';
+import { useStylesheet } from '@ui5/webcomponents-react-base/internal/hooks';
+import type { CommonProps } from '@ui5/webcomponents-react-base/internal/types';
 import { addCustomCSSWithScoping } from '@ui5/webcomponents-react-base/internal/utils';
 import { clsx } from 'clsx';
 import type { ComponentType, ReactElement, ReactNode } from 'react';
diff --git a/packages/charts/src/internal/ChartDataLabel.tsx b/packages/charts/src/internal/ChartDataLabel.tsx
index 82bd12373f7..337fbf8489f 100644
--- a/packages/charts/src/internal/ChartDataLabel.tsx
+++ b/packages/charts/src/internal/ChartDataLabel.tsx
@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import { createElement } from 'react';
 import { Label } from 'recharts';
 import type { IChartMeasure } from '../interfaces/IChartMeasure.js';
diff --git a/packages/charts/src/internal/StackAggregateLabel.tsx b/packages/charts/src/internal/StackAggregateLabel.tsx
index db07479a3b0..1b316379b44 100644
--- a/packages/charts/src/internal/StackAggregateLabel.tsx
+++ b/packages/charts/src/internal/StackAggregateLabel.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 { Label } from 'recharts';
 import type { LabelProps } from 'recharts';
diff --git a/packages/charts/src/internal/StackedTooltipContent.tsx b/packages/charts/src/internal/StackedTooltipContent.tsx
index 62908d6cf25..4b754db1ff1 100644
--- a/packages/charts/src/internal/StackedTooltipContent.tsx
+++ b/packages/charts/src/internal/StackedTooltipContent.tsx
@@ -1,5 +1,6 @@
-import { ThemingParameters, useStylesheet } from '@ui5/webcomponents-react-base';
 import { useI18nBundle } from '@ui5/webcomponents-react-base/hooks';
+import { useStylesheet } from '@ui5/webcomponents-react-base/internal/hooks';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { ReactElement } from 'react';
 import { DefaultTooltipContent } from 'recharts';
 import { classNames, styleData } from './StackedTooltipContent.module.css.js';
diff --git a/packages/charts/src/internal/XAxisTicks.tsx b/packages/charts/src/internal/XAxisTicks.tsx
index a8036c1d663..5c2ed54edbf 100644
--- a/packages/charts/src/internal/XAxisTicks.tsx
+++ b/packages/charts/src/internal/XAxisTicks.tsx
@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { XAxisProps } from 'recharts';
 import type { IChartDimension } from '../interfaces/IChartDimension.js';
 import type { IChartMeasure } from '../interfaces/IChartMeasure.js';
diff --git a/packages/charts/src/internal/YAxisTicks.tsx b/packages/charts/src/internal/YAxisTicks.tsx
index 76fa739870b..ad53c4acf63 100644
--- a/packages/charts/src/internal/YAxisTicks.tsx
+++ b/packages/charts/src/internal/YAxisTicks.tsx
@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { XAxisProps } from 'recharts';
 import type { IChartDimension } from '../interfaces/IChartDimension.js';
 import type { IChartMeasure } from '../interfaces/IChartMeasure.js';
diff --git a/packages/charts/src/internal/staticProps.ts b/packages/charts/src/internal/staticProps.ts
index 17635a3fad6..27921c0f908 100644
--- a/packages/charts/src/internal/staticProps.ts
+++ b/packages/charts/src/internal/staticProps.ts
@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 
 export const tickLineConfig = { stroke: 'transparent' };
 export const tooltipContentStyle = { backgroundColor: ThemingParameters.sapBackgroundColor };
diff --git a/packages/charts/src/resources/CustomTooltipTotal.mdx b/packages/charts/src/resources/CustomTooltipTotal.mdx
index 3c127c4fa31..60fffa42821 100644
--- a/packages/charts/src/resources/CustomTooltipTotal.mdx
+++ b/packages/charts/src/resources/CustomTooltipTotal.mdx
@@ -5,7 +5,7 @@ import { Canvas } from '@storybook/addon-docs/blocks';
 <p>{props.description}</p>
 
 ```jsx
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import { DefaultTooltipContent } from 'recharts';
 
 const stackedAccessors = new Set(['users', 'sessions']);
diff --git a/packages/charts/src/resources/DemoProps.tsx b/packages/charts/src/resources/DemoProps.tsx
index 6559aeba9ff..194b31277f5 100644
--- a/packages/charts/src/resources/DemoProps.tsx
+++ b/packages/charts/src/resources/DemoProps.tsx
@@ -1,7 +1,7 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import { DefaultTooltipContent } from 'recharts';
 import type { TooltipProps } from 'recharts';
-import type { IChartBaseProps } from '@/interfaces/IChartBaseProps.js';
+import type { IChartBaseProps } from '../interfaces/IChartBaseProps.js';
 
 export const legendConfig: IChartBaseProps = {
   chartConfig: {