lint: import order

Lukas742 · Lukas742 · commit 9fddb9b703eb · 2025-12-23T14:01:57.000+01:00
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -96,17 +96,15 @@ const config = tseslint.config(
       'import/order': [
         'error',
         {
-          'newlines-between': 'never',
+          groups: ['builtin', 'external', 'parent', 'sibling', 'index'],
           pathGroups: [
             {
-              pattern: '@ui5/webcomponents-react{,/**}',
+              pattern: '@ui5/webcomponents-react**',
               group: 'internal',
+              position: 'after',
             },
           ],
-          alphabetize: {
-            order: 'asc',
-            caseInsensitive: true,
-          },
+          alphabetize: { order: 'asc' },
         },
       ],
 
diff --git a/packages/ai/src/components/Button/Button.stories.tsx b/packages/ai/src/components/Button/Button.stories.tsx
@@ -3,8 +3,8 @@ import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
 import aiIcon from '@ui5/webcomponents-icons/dist/ai.js';
 import navDownIcon from '@ui5/webcomponents-icons/dist/navigation-down-arrow.js';
 import stopIcon from '@ui5/webcomponents-icons/dist/stop.js';
-import type { MenuPropTypes } from '@ui5/webcomponents-react';
 import { Menu, MenuItem, MenuSeparator } from '@ui5/webcomponents-react';
+import type { MenuPropTypes } from '@ui5/webcomponents-react';
 import { useRef, useState } from 'react';
 import { ButtonState } from '../ButtonState/index.js';
 import type { ButtonDomRef, ButtonPropTypes } from './index.js';
diff --git a/packages/ai/src/components/TextArea/TextArea.stories.tsx b/packages/ai/src/components/TextArea/TextArea.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import type { MenuPropTypes } from '@ui5/webcomponents-react';
 import { Menu, MenuItem } from '@ui5/webcomponents-react';
+import type { MenuPropTypes } from '@ui5/webcomponents-react';
 import { useRef, useState } from 'react';
 import { useFakeStream, useStopStreamByESC } from '../../../../../.storybook/utils.js';
 import type { TextAreaPropTypes } from './index.js';
diff --git a/packages/base/src/internal/hooks/index.ts b/packages/base/src/internal/hooks/index.ts
@@ -1,6 +1,6 @@
 import { useCurrentTheme } from './useCurrentTheme.js';
-import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.js';
 import { useIsRTL } from './useIsRTL.js';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.js';
 import { useStylesheet } from './useStylesheet.js';
 import { useSyncRef } from './useSyncRef.js';
 
diff --git a/packages/base/src/internal/hooks/useCurrentTheme.ts b/packages/base/src/internal/hooks/useCurrentTheme.ts
@@ -1,7 +1,7 @@
 'use client';
 
-import { getTheme } from '@ui5/webcomponents-base/dist/config/Theme.js';
 import { attachThemeLoaded, detachThemeLoaded } from '@ui5/webcomponents-base/dist/Theming.js';
+import { getTheme } from '@ui5/webcomponents-base/dist/config/Theme.js';
 import { useEffect, useState } from 'react';
 
 export function useCurrentTheme(): string {
diff --git a/packages/charts/src/components/BarChart/index.tsx b/packages/charts/src/components/BarChart/index.tsx
@@ -32,11 +32,11 @@ import type { IChartDimension } from '../../interfaces/IChartDimension.js';
 import type { IChartMeasure } from '../../interfaces/IChartMeasure.js';
 import { ChartContainer } from '../../internal/ChartContainer.js';
 import { ChartDataLabel } from '../../internal/ChartDataLabel.js';
-import { defaultFormatter } from '../../internal/defaults.js';
-import { brushProps, tickLineConfig, tooltipContentStyle, tooltipFillOpacity } from '../../internal/staticProps.js';
 import { getCellColors, resolvePrimaryAndSecondaryMeasures } from '../../internal/Utils.js';
 import { XAxisTicks } from '../../internal/XAxisTicks.js';
 import { YAxisTicks } from '../../internal/YAxisTicks.js';
+import { defaultFormatter } from '../../internal/defaults.js';
+import { brushProps, tickLineConfig, tooltipContentStyle, tooltipFillOpacity } from '../../internal/staticProps.js';
 import { BarChartPlaceholder } from './Placeholder.js';
 
 const dimensionDefaults = {
diff --git a/packages/charts/src/components/BulletChart/index.tsx b/packages/charts/src/components/BulletChart/index.tsx
@@ -29,11 +29,11 @@ import type { IChartDimension } from '../../interfaces/IChartDimension.js';
 import type { IChartMeasure } from '../../interfaces/IChartMeasure.js';
 import { ChartContainer } from '../../internal/ChartContainer.js';
 import { ChartDataLabel } from '../../internal/ChartDataLabel.js';
-import { defaultFormatter } from '../../internal/defaults.js';
-import { brushProps, tickLineConfig, tooltipContentStyle, tooltipFillOpacity } from '../../internal/staticProps.js';
 import { getCellColors, resolvePrimaryAndSecondaryMeasures } from '../../internal/Utils.js';
 import { XAxisTicks } from '../../internal/XAxisTicks.js';
 import { YAxisTicks } from '../../internal/YAxisTicks.js';
+import { defaultFormatter } from '../../internal/defaults.js';
+import { brushProps, tickLineConfig, tooltipContentStyle, tooltipFillOpacity } from '../../internal/staticProps.js';
 import { ComparisonLine } from './ComparisonLine.js';
 import { BulletChartPlaceholder } from './Placeholder.js';
 
diff --git a/packages/charts/src/components/ColumnChart/index.tsx b/packages/charts/src/components/ColumnChart/index.tsx
@@ -32,11 +32,11 @@ import type { IChartDimension } from '../../interfaces/IChartDimension.js';
 import type { IChartMeasure } from '../../interfaces/IChartMeasure.js';
 import { ChartContainer } from '../../internal/ChartContainer.js';
 import { ChartDataLabel } from '../../internal/ChartDataLabel.js';
-import { defaultFormatter } from '../../internal/defaults.js';
-import { brushProps, tickLineConfig, tooltipContentStyle, tooltipFillOpacity } from '../../internal/staticProps.js';
 import { getCellColors, resolvePrimaryAndSecondaryMeasures } from '../../internal/Utils.js';
 import { XAxisTicks } from '../../internal/XAxisTicks.js';
 import { YAxisTicks } from '../../internal/YAxisTicks.js';
+import { defaultFormatter } from '../../internal/defaults.js';
+import { brushProps, tickLineConfig, tooltipContentStyle, tooltipFillOpacity } from '../../internal/staticProps.js';
 import { ColumnChartPlaceholder } from './Placeholder.js';
 
 interface MeasureConfig extends IChartMeasure {
diff --git a/packages/charts/src/components/ComposedChart/index.tsx b/packages/charts/src/components/ComposedChart/index.tsx
@@ -33,11 +33,11 @@ import type { IChartDimension } from '../../interfaces/IChartDimension.js';
 import type { IChartMeasure } from '../../interfaces/IChartMeasure.js';
 import { ChartContainer } from '../../internal/ChartContainer.js';
 import { ChartDataLabel } from '../../internal/ChartDataLabel.js';
-import { defaultFormatter } from '../../internal/defaults.js';
-import { brushProps, tickLineConfig, tooltipContentStyle, tooltipFillOpacity } from '../../internal/staticProps.js';
 import { getCellColors, resolvePrimaryAndSecondaryMeasures } from '../../internal/Utils.js';
 import { XAxisTicks } from '../../internal/XAxisTicks.js';
 import { YAxisTicks } from '../../internal/YAxisTicks.js';
+import { defaultFormatter } from '../../internal/defaults.js';
+import { brushProps, tickLineConfig, tooltipContentStyle, tooltipFillOpacity } from '../../internal/staticProps.js';
 import { ComposedChartPlaceholder } from './Placeholder.js';
 
 const dimensionDefaults = {
diff --git a/packages/charts/src/components/LineChart/index.tsx b/packages/charts/src/components/LineChart/index.tsx
@@ -26,6 +26,9 @@ import type { IChartDimension } from '../../interfaces/IChartDimension.js';
 import type { IChartMeasure } from '../../interfaces/IChartMeasure.js';
 import { ChartContainer } from '../../internal/ChartContainer.js';
 import { ChartDataLabel } from '../../internal/ChartDataLabel.js';
+import { resolvePrimaryAndSecondaryMeasures } from '../../internal/Utils.js';
+import { XAxisTicks } from '../../internal/XAxisTicks.js';
+import { YAxisTicks } from '../../internal/YAxisTicks.js';
 import { defaultFormatter } from '../../internal/defaults.js';
 import {
   brushProps,
@@ -34,9 +37,6 @@ import {
   tooltipFillOpacity,
   xAxisPadding,
 } from '../../internal/staticProps.js';
-import { resolvePrimaryAndSecondaryMeasures } from '../../internal/Utils.js';
-import { XAxisTicks } from '../../internal/XAxisTicks.js';
-import { YAxisTicks } from '../../internal/YAxisTicks.js';
 import { LineChartPlaceholder } from './Placeholder.js';
 
 interface MeasureConfig extends IChartMeasure {
diff --git a/packages/charts/src/components/ScatterChart/index.tsx b/packages/charts/src/components/ScatterChart/index.tsx
@@ -25,10 +25,10 @@ import type { ICartesianChartConfig } from '../../interfaces/ICartesianChartConf
 import type { IChartBaseProps } from '../../interfaces/IChartBaseProps.js';
 import type { IChartMeasure } from '../../interfaces/IChartMeasure.js';
 import { ChartContainer } from '../../internal/ChartContainer.js';
-import { defaultFormatter } from '../../internal/defaults.js';
-import { tickLineConfig, tooltipContentStyle, tooltipFillOpacity, xAxisPadding } from '../../internal/staticProps.js';
 import { XAxisTicks } from '../../internal/XAxisTicks.js';
 import { YAxisTicks } from '../../internal/YAxisTicks.js';
+import { defaultFormatter } from '../../internal/defaults.js';
+import { tickLineConfig, tooltipContentStyle, tooltipFillOpacity, xAxisPadding } from '../../internal/staticProps.js';
 import { ScatterChartPlaceholder } from './Placeholder.js';
 
 interface MeasureConfig extends Omit<IChartMeasure, 'color' | 'hideDataLabel' | 'DataLabel'> {
diff --git a/packages/charts/src/components/TimelineChart/TimeLineChart.stories.tsx b/packages/charts/src/components/TimelineChart/TimeLineChart.stories.tsx
@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { TimelineChartAnnotation } from './TimelineChartAnnotation.js';
 import { Invention, TimingFigure } from './examples/Annotations.js';
 import { dummyDataSet, dummyDiscreteDataSet, inventionDataset, schedulingEDFData } from './examples/Dataset.js';
-import { TimelineChartAnnotation } from './TimelineChartAnnotation.js';
 import { TimelineChart } from './index.js';
 
 const meta = {
diff --git a/packages/charts/src/components/TimelineChart/TimelineChartAnnotation.tsx b/packages/charts/src/components/TimelineChart/TimelineChartAnnotation.tsx
@@ -2,8 +2,8 @@ import type { CommonProps } from '@ui5/webcomponents-react';
 import { useStylesheet } from '@ui5/webcomponents-react-base';
 import type { CSSProperties, JSX } from 'react';
 import { forwardRef } from 'react';
-import { DEFAULT_ROW_HEIGHT } from './util/constants.js';
 import { classNames, styleData } from './util/TimelineChart.module.css.js';
+import { DEFAULT_ROW_HEIGHT } from './util/constants.js';
 
 interface TimelineChartAnnotationProps extends CommonProps {
   /**
diff --git a/packages/charts/src/components/TimelineChart/TimelineChartHeaders.tsx b/packages/charts/src/components/TimelineChart/TimelineChartHeaders.tsx
@@ -2,8 +2,8 @@ import { ThemingParameters, useStylesheet } from '@ui5/webcomponents-react-base'
 import type { CSSProperties, ReactElement } from 'react';
 import { useEffect, useState } from 'react';
 import type { ITimelineChartRow } from './types/TimelineChartTypes.js';
-import { DEFAULT_CHART_VERTICAL_COLS, SPACING, TICK_LENGTH, TOLERANCE } from './util/constants.js';
 import { classNames, styleData } from './util/TimelineChart.module.css.js';
+import { DEFAULT_CHART_VERTICAL_COLS, SPACING, TICK_LENGTH, TOLERANCE } from './util/constants.js';
 
 interface TimelineChartRowLabelsProps {
   width: number;
diff --git a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartBody.tsx b/packages/charts/src/components/TimelineChart/chartbody/TimelineChartBody.tsx
@@ -2,9 +2,9 @@ import { useStylesheet } from '@ui5/webcomponents-react-base';
 import type { CSSProperties, ReactNode } from 'react';
 import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import type { ITimelineChartRow } from '../types/TimelineChartTypes.js';
+import { classNames, styleData } from '../util/TimelineChart.module.css.js';
 import { MAX_BODY_WIDTH, SCALE_FACTOR } from '../util/constants.js';
 import { TimelineChartBodyCtx } from '../util/context.js';
-import { classNames, styleData } from '../util/TimelineChart.module.css.js';
 import { TimelineChartGrid } from './TimelineChartGrid.js';
 import { TimelineChartLayer } from './TimelineChartLayer.js';
 import { TimelineChartRowGroup } from './TimelineChartRow.js';
diff --git a/packages/charts/src/components/TimelineChart/index.tsx b/packages/charts/src/components/TimelineChart/index.tsx
@@ -2,10 +2,11 @@ import type { CommonProps } from '@ui5/webcomponents-react';
 import { throttle, useStylesheet } from '@ui5/webcomponents-react-base';
 import type { CSSProperties, ReactNode, MouseEvent as ReactMouseEvent } from 'react';
 import { forwardRef, useEffect, useRef, useState } from 'react';
-import { TimelineChartBody } from './chartbody/TimelineChartBody.js';
 import { TimelineChartPlaceholder } from './Placeholder.js';
 import { TimelineChartColumnLabel, TimelineChartRowTitle, TimelineChartRowLabels } from './TimelineChartHeaders.js';
+import { TimelineChartBody } from './chartbody/TimelineChartBody.js';
 import type { ITimelineChartRow } from './types/TimelineChartTypes.js';
+import { classNames, styleData } from './util/TimelineChart.module.css.js';
 import {
   DEFAULT_ROW_HEIGHT,
   DEFAULT_WIDTH,
@@ -18,7 +19,6 @@ import {
   ROW_TITLE_WIDTH,
 } from './util/constants.js';
 import { IllegalConnectionError, InvalidDiscreteLabelError } from './util/error.js';
-import { classNames, styleData } from './util/TimelineChart.module.css.js';
 
 export interface TimelineChartProps extends CommonProps {
   /**
diff --git a/packages/charts/src/hooks/useLongestYAxisLabel.ts b/packages/charts/src/hooks/useLongestYAxisLabel.ts
@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import { getValueByDataKey } from 'recharts/lib/util/ChartUtils.js';
-import { defaultMaxYAxisWidth } from '../internal/defaults.js';
 import { getTextWidth } from '../internal/Utils.js';
+import { defaultMaxYAxisWidth } from '../internal/defaults.js';
 
 export const useLongestYAxisLabel = (
   dataset: unknown[],
diff --git a/packages/charts/src/hooks/useLongestYAxisLabelBar.ts b/packages/charts/src/hooks/useLongestYAxisLabelBar.ts
@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import { getValueByDataKey } from 'recharts/lib/util/ChartUtils.js';
-import { defaultMaxYAxisWidth } from '../internal/defaults.js';
 import { getTextWidth } from '../internal/Utils.js';
+import { defaultMaxYAxisWidth } from '../internal/defaults.js';
 
 export const useLongestYAxisLabelBar = (dataset: unknown[], elements, legendPosition = ''): [number[], object] =>
   useMemo(() => {
diff --git a/packages/charts/src/index.ts b/packages/charts/src/index.ts
@@ -1,25 +1,25 @@
-import { BarChart } from './components/BarChart/index.js';
 import { BarChartPlaceholder } from './components/BarChart/Placeholder.js';
-import { BulletChart } from './components/BulletChart/index.js';
+import { BarChart } from './components/BarChart/index.js';
 import { BulletChartPlaceholder } from './components/BulletChart/Placeholder.js';
-import { ColumnChart } from './components/ColumnChart/index.js';
+import { BulletChart } from './components/BulletChart/index.js';
 import { ColumnChartPlaceholder } from './components/ColumnChart/Placeholder.js';
-import { ColumnChartWithTrend } from './components/ColumnChartWithTrend/index.js';
+import { ColumnChart } from './components/ColumnChart/index.js';
 import { ColumnChartWithTrendPlaceholder } from './components/ColumnChartWithTrend/Placeholder.js';
-import { ComposedChart } from './components/ComposedChart/index.js';
+import { ColumnChartWithTrend } from './components/ColumnChartWithTrend/index.js';
 import { ComposedChartPlaceholder } from './components/ComposedChart/Placeholder.js';
+import { ComposedChart } from './components/ComposedChart/index.js';
 import { DonutChart } from './components/DonutChart/index.js';
-import { LineChart } from './components/LineChart/index.js';
 import { LineChartPlaceholder } from './components/LineChart/Placeholder.js';
-import { PieChart } from './components/PieChart/index.js';
+import { LineChart } from './components/LineChart/index.js';
 import { PieChartPlaceholder } from './components/PieChart/Placeholder.js';
+import { PieChart } from './components/PieChart/index.js';
 import { RadarChart } from './components/RadarChart/index.js';
 import { RadialChart } from './components/RadialChart/index.js';
-import { ScatterChart } from './components/ScatterChart/index.js';
 import { ScatterChartPlaceholder } from './components/ScatterChart/Placeholder.js';
-import { TimelineChart } from './components/TimelineChart/index.js';
+import { ScatterChart } from './components/ScatterChart/index.js';
 import { TimelineChartPlaceholder } from './components/TimelineChart/Placeholder.js';
 import { TimelineChartAnnotation } from './components/TimelineChart/TimelineChartAnnotation.js';
+import { TimelineChart } from './components/TimelineChart/index.js';
 import VersionInfo from './generated/VersionInfo.js';
 
 export {
diff --git a/packages/charts/src/internal/ChartContainer.tsx b/packages/charts/src/internal/ChartContainer.tsx
@@ -1,5 +1,5 @@
-import { BusyIndicator, Label } from '@ui5/webcomponents-react';
 import type { CommonProps } from '@ui5/webcomponents-react';
+import { BusyIndicator, Label } from '@ui5/webcomponents-react';
 import { useStylesheet } from '@ui5/webcomponents-react-base';
 import { addCustomCSSWithScoping } from '@ui5/webcomponents-react-base/internal/utils';
 import { clsx } from 'clsx';
diff --git a/packages/charts/src/internal/YAxisTicks.tsx b/packages/charts/src/internal/YAxisTicks.tsx
@@ -2,8 +2,8 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base';
 import type { XAxisProps } from 'recharts';
 import type { IChartDimension } from '../interfaces/IChartDimension.js';
 import type { IChartMeasure } from '../interfaces/IChartMeasure.js';
-import { defaultMaxYAxisWidth } from './defaults.js';
 import { getTextWidth, truncateLongLabel } from './Utils.js';
+import { defaultMaxYAxisWidth } from './defaults.js';
 
 interface YAxisTicksProps {
   x?: number;
diff --git a/packages/cli/src/scripts/codemod/transforms/v2/main.cts b/packages/cli/src/scripts/codemod/transforms/v2/main.cts
@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-require-imports, @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access,import/order */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-require-imports, @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access */
 
 import type { API, ASTPath, Collection, FileInfo, JSCodeshift, JSXElement } from 'jscodeshift';
 
diff --git a/packages/main/src/components/AnalyticalTable/index.tsx b/packages/main/src/components/AnalyticalTable/index.tsx
@@ -59,6 +59,10 @@ import { BusyIndicator } from '../../webComponents/BusyIndicator/index.js';
 import { FlexBox } from '../FlexBox/index.js';
 import { classNames, styleData } from './AnalyticalTable.module.css.js';
 import { ColumnHeaderContainer } from './ColumnHeader/ColumnHeaderContainer.js';
+import { VirtualTableBody } from './TableBody/VirtualTableBody.js';
+import { VirtualTableBodyContainer } from './TableBody/VirtualTableBodyContainer.js';
+import { TitleBar } from './TitleBar/index.js';
+import { VerticalResizer } from './VerticalResizer.js';
 import { DefaultColumn } from './defaults/Column/index.js';
 import { TablePlaceholder } from './defaults/LoadingComponent/TablePlaceholder.js';
 import { DefaultNoDataComponent } from './defaults/NoDataComponent/index.js';
@@ -84,10 +88,7 @@ import { useSyncScroll } from './hooks/useSyncScroll.js';
 import { useToggleRowExpand } from './hooks/useToggleRowExpand.js';
 import { useVisibleColumnsWidth } from './hooks/useVisibleColumnsWidth.js';
 import { VerticalScrollbar } from './scrollbars/VerticalScrollbar.js';
-import { VirtualTableBody } from './TableBody/VirtualTableBody.js';
-import { VirtualTableBodyContainer } from './TableBody/VirtualTableBodyContainer.js';
 import { stateReducer } from './tableReducer/stateReducer.js';
-import { TitleBar } from './TitleBar/index.js';
 import type {
   AnalyticalTableColumnDefinition,
   AnalyticalTableDomRef,
@@ -103,7 +104,6 @@ import {
   getSubRowsByString,
   tagNamesWhichShouldNotSelectARow,
 } from './util/index.js';
-import { VerticalResizer } from './VerticalResizer.js';
 
 // When a sorted column is removed from the visible columns array (e.g. when "popped-in"), it doesn't clean up the sorted columns leading to an undefined `sortType`.
 const sortTypesFallback = {
diff --git a/packages/main/src/components/AnalyticalTable/pluginHooks/useF2CellEdit.ts b/packages/main/src/components/AnalyticalTable/pluginHooks/useF2CellEdit.ts
@@ -1,5 +1,5 @@
-import type { Ui5DomRef } from '@ui5/webcomponents-react-base';
 import { useI18nBundle } from '@ui5/webcomponents-react-base';
+import type { Ui5DomRef } from '@ui5/webcomponents-react-base';
 import type { FocusEventHandler, KeyboardEventHandler } from 'react';
 import { useCallback, useEffect } from 'react';
 import { INCLUDES_X } from '../../../i18n/i18n-defaults.js';
diff --git a/packages/main/src/components/FilterBar/FilterBar.stories.tsx b/packages/main/src/components/FilterBar/FilterBar.stories.tsx
@@ -3,6 +3,7 @@ import TitleLevel from '@ui5/webcomponents/dist/types/TitleLevel.js';
 import { useId, useReducer, useRef, useState } from 'react';
 import { fn } from 'storybook/test';
 import { FlexBoxDirection } from '../../enums/index.js';
+import { Text } from '../../webComponents/Text/index.js';
 import {
   ComboBox,
   ComboBoxItem,
@@ -24,7 +25,6 @@ import {
   Title,
   Token,
 } from '../../webComponents/index.js';
-import { Text } from '../../webComponents/Text/index.js';
 import { FilterGroupItem } from '../FilterGroupItem/index.js';
 import { FlexBox } from '../FlexBox/index.js';
 import { VariantItem } from '../VariantItem/index.js';
diff --git a/packages/main/src/components/MessageView/index.tsx b/packages/main/src/components/MessageView/index.tsx
@@ -8,8 +8,8 @@ import { getAnimationMode } from '@ui5/webcomponents-base/dist/config/AnimationM
 import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js';
 import announce from '@ui5/webcomponents-base/dist/util/InvisibleMessage.js';
 import iconSlimArrowLeft from '@ui5/webcomponents-icons/dist/slim-arrow-left.js';
-import type { Ui5DomRef } from '@ui5/webcomponents-react-base';
 import { useI18nBundle, useStylesheet, useSyncRef } from '@ui5/webcomponents-react-base';
+import type { Ui5DomRef } from '@ui5/webcomponents-react-base';
 import { clsx } from 'clsx';
 import type { ReactElement, ReactNode } from 'react';
 import { useRef, Children, forwardRef, Fragment, isValidElement, useCallback, useEffect, useState } from 'react';
diff --git a/packages/main/src/components/Modals/index.tsx b/packages/main/src/components/Modals/index.tsx
diff --git a/packages/main/src/components/ObjectPage/index.tsx b/packages/main/src/components/ObjectPage/index.tsx
diff --git a/packages/main/src/components/ObjectPage/useHandleTabSelect.ts b/packages/main/src/components/ObjectPage/useHandleTabSelect.ts
diff --git a/packages/main/src/components/ObjectPageSection/index.tsx b/packages/main/src/components/ObjectPageSection/index.tsx
diff --git a/packages/main/src/components/ThemeProvider/index.tsx b/packages/main/src/components/ThemeProvider/index.tsx
diff --git a/packages/main/src/components/VariantManagement/SaveViewDialog.tsx b/packages/main/src/components/VariantManagement/SaveViewDialog.tsx
diff --git a/packages/main/src/components/VariantManagement/index.tsx b/packages/main/src/components/VariantManagement/index.tsx
diff --git a/packages/main/src/webComponents/ShellBar/ShellBar.stories.tsx b/packages/main/src/webComponents/ShellBar/ShellBar.stories.tsx
diff --git a/packages/main/src/webComponents/UploadCollection/index.tsx b/packages/main/src/webComponents/UploadCollection/index.tsx
diff --git a/packages/main/src/webComponents/Wizard/index.tsx b/packages/main/src/webComponents/Wizard/index.tsx
