use only file path imports

Lukas742 · Lukas742 · commit 0592a68498dd · 2025-08-28T11:17:59.000+02:00
diff --git a/packages/main/src/components/ActionSheet/index.tsx b/packages/main/src/components/ActionSheet/index.tsx
@@ -11,12 +11,13 @@ import { AVAILABLE_ACTIONS, CANCEL, X_OF_Y } from '../../i18n/i18n-defaults.js';
 import { flattenFragments, getUi5TagWithSuffix } from '../../internal/utils.js';
 import { CustomThemingParameters } from '../../themes/CustomVariables.js';
 import type { UI5WCSlotsNode } from '../../types/index.js';
+import type { ButtonPropTypes } from '../../webComponents/Button/index.js';
+import { Button } from '../../webComponents/Button/index.js';
 import type {
-  ButtonPropTypes,
   ResponsivePopoverDomRef,
   ResponsivePopoverPropTypes,
-} from '../../webComponents/index.js';
-import { Button, ResponsivePopover } from '../../webComponents/index.js';
+} from '../../webComponents/ResponsivePopover/index.js';
+import { ResponsivePopover } from '../../webComponents/ResponsivePopover/index.js';
 import { classNames, content } from './ActionSheet.module.css.js';
 
 export interface ActionSheetPropTypes extends Omit<ResponsivePopoverPropTypes, 'header' | 'headerText' | 'children'> {
diff --git a/packages/main/src/components/AnalyticalCardHeader/index.tsx b/packages/main/src/components/AnalyticalCardHeader/index.tsx
@@ -6,7 +6,8 @@ import { useI18nBundle, useStylesheet } from '@ui5/webcomponents-react-base';
 import { clsx } from 'clsx';
 import type { HTMLAttributes, MouseEventHandler, ReactElement, ReactNode } from 'react';
 import { cloneElement, forwardRef, useId } from 'react';
-import { DeviationIndicator, ValueColor } from '../../enums/index.js';
+import { DeviationIndicator } from '../../enums/DeviationIndicator.js';
+import { ValueColor } from '../../enums/ValueColor.js';
 import {
   ARIA_DESC_CARD_HEADER,
   NUMERICCONTENT_DEVIATION_DOWN,
@@ -18,7 +19,7 @@ import {
 } from '../../i18n/i18n-defaults.js';
 import { flattenFragments } from '../../internal/utils.js';
 import type { CommonProps } from '../../types/index.js';
-import { Icon } from '../../webComponents/index.js';
+import { Icon } from '../../webComponents/Icon/index.js';
 import type { NumericSideIndicatorPropTypes } from '../NumericSideIndicator/index.js';
 import { classNames, content } from './AnalyticalCardHeader.module.css.js';
 
diff --git a/packages/main/src/components/AnalyticalTable/defaults/Column/Grouped.tsx b/packages/main/src/components/AnalyticalTable/defaults/Column/Grouped.tsx
@@ -1,8 +1,8 @@
 import iconNavDownArrow from '@ui5/webcomponents-icons/dist/navigation-down-arrow.js';
 import iconNavRightArrow from '@ui5/webcomponents-icons/dist/navigation-right-arrow.js';
 import type { CSSProperties } from 'react';
-import { TextAlign } from '../../../../enums/index.js';
-import { Icon } from '../../../../webComponents/index.js';
+import { TextAlign } from '../../../../enums/TextAlign.js';
+import { Icon } from '../../../../webComponents/Icon/index.js';
 import { RenderColumnTypes } from '../../types/index.js';
 
 const tableGroupExpandCollapseIcon = {
diff --git a/packages/main/src/components/AnalyticalTable/hooks/useA11y.ts b/packages/main/src/components/AnalyticalTable/hooks/useA11y.ts
@@ -1,5 +1,6 @@
 import type { KeyboardEventHandler } from 'react';
-import { AnalyticalTableSelectionBehavior, AnalyticalTableSelectionMode } from '../../../enums/index.js';
+import { AnalyticalTableSelectionBehavior } from '../../../enums/AnalyticalTableSelectionBehavior.js';
+import { AnalyticalTableSelectionMode } from '../../../enums/AnalyticalTableSelectionMode.js';
 import type { ReactTableHooks, TableInstance } from '../types/index.js';
 
 interface UpdatedCellProptypes {
diff --git a/packages/main/src/components/AnalyticalTable/hooks/useDynamicColumnWidths.ts b/packages/main/src/components/AnalyticalTable/hooks/useDynamicColumnWidths.ts
@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { AnalyticalTableScaleWidthMode } from '../../../enums/index.js';
+import { AnalyticalTableScaleWidthMode } from '../../../enums/AnalyticalTableScaleWidthMode.js';
 import { DEFAULT_COLUMN_WIDTH } from '../defaults/Column/index.js';
 import type { AnalyticalTableColumnDefinition, ReactTableHooks, TableInstance } from '../types/index.js';
 
diff --git a/packages/main/src/components/AnalyticalTable/hooks/useRowHighlight.tsx b/packages/main/src/components/AnalyticalTable/hooks/useRowHighlight.tsx
@@ -1,5 +1,5 @@
 import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js';
-import { IndicationColor } from '../../../enums/index.js';
+import { IndicationColor } from '../../../enums/IndicationColor.js';
 import type { ReactTableHooks, TableInstance } from '../types/index.js';
 
 const baseStyles = {
diff --git a/packages/main/src/components/AnalyticalTable/hooks/useRowSelectionColumn.tsx b/packages/main/src/components/AnalyticalTable/hooks/useRowSelectionColumn.tsx
@@ -1,6 +1,7 @@
 import { CssSizeVariablesNames, enrichEventWithDetails } from '@ui5/webcomponents-react-base';
 import type { CSSProperties } from 'react';
-import { AnalyticalTableSelectionBehavior, AnalyticalTableSelectionMode } from '../../../enums/index.js';
+import { AnalyticalTableSelectionBehavior } from '../../../enums/AnalyticalTableSelectionBehavior.js';
+import { AnalyticalTableSelectionMode } from '../../../enums/AnalyticalTableSelectionMode.js';
 import { CheckBox } from '../../../webComponents/CheckBox/index.js';
 import type { ReactTableHooks, TableInstance } from '../types/index.js';
 
diff --git a/packages/main/src/components/AnalyticalTable/hooks/useScrollToRef.ts b/packages/main/src/components/AnalyticalTable/hooks/useScrollToRef.ts
@@ -1,6 +1,6 @@
 import type { RefCallback, RefObject } from 'react';
 import { useCallback, useRef } from 'react';
-import type { AnalyticalTableScrollMode } from '../../../enums/index.js';
+import type { AnalyticalTableScrollMode } from '../../../enums/AnalyticalTableScrollMode.js';
 import type { AnalyticalTableDomRef, ScrollToRefType, TableInstance } from '../types/index.js';
 
 export function useScrollToRef(
diff --git a/packages/main/src/components/AnalyticalTable/hooks/useSelectionChangeCallback.ts b/packages/main/src/components/AnalyticalTable/hooks/useSelectionChangeCallback.ts
@@ -1,6 +1,6 @@
 import { enrichEventWithDetails } from '@ui5/webcomponents-react-base';
 import { useEffect } from 'react';
-import { AnalyticalTableSelectionMode } from '../../../enums/index.js';
+import { AnalyticalTableSelectionMode } from '../../../enums/AnalyticalTableSelectionMode.js';
 import type { ReactTableHooks, TableInstance } from '../types/index.js';
 
 export const useSelectionChangeCallback = (hooks: ReactTableHooks) => {
diff --git a/packages/main/src/components/AnalyticalTable/hooks/useSingleRowStateSelection.ts b/packages/main/src/components/AnalyticalTable/hooks/useSingleRowStateSelection.ts
@@ -1,5 +1,6 @@
 import { enrichEventWithDetails } from '@ui5/webcomponents-react-base';
-import { AnalyticalTableSelectionBehavior, AnalyticalTableSelectionMode } from '../../../enums/index.js';
+import { AnalyticalTableSelectionBehavior } from '../../../enums/AnalyticalTableSelectionBehavior.js';
+import { AnalyticalTableSelectionMode } from '../../../enums/AnalyticalTableSelectionMode.js';
 import { getTagNameWithoutScopingSuffix } from '../../../internal/utils.js';
 import type { ReactTableHooks, RowType, TableInstance } from '../types/index.js';
 
diff --git a/packages/main/src/components/AnalyticalTable/hooks/useStyling.ts b/packages/main/src/components/AnalyticalTable/hooks/useStyling.ts
@@ -1,5 +1,6 @@
 import type { CSSProperties } from 'react';
-import { AnalyticalTableSelectionBehavior, AnalyticalTableSelectionMode } from '../../../enums/index.js';
+import { AnalyticalTableSelectionBehavior } from '../../../enums/AnalyticalTableSelectionBehavior.js';
+import { AnalyticalTableSelectionMode } from '../../../enums/AnalyticalTableSelectionMode.js';
 import type { ColumnType, ReactTableHooks, RowType, TableInstance } from '../types/index.js';
 import { getSubRowsByString, resolveCellAlignment } from '../util/index.js';
 
diff --git a/packages/main/src/components/AnalyticalTable/index.tsx b/packages/main/src/components/AnalyticalTable/index.tsx
@@ -24,14 +24,12 @@ import {
   useSortBy,
   useTable,
 } from 'react-table';
-import {
-  AnalyticalTablePopinDisplay,
-  AnalyticalTableScaleWidthMode,
-  AnalyticalTableSelectionBehavior,
-  AnalyticalTableSelectionMode,
-  AnalyticalTableSubComponentsBehavior,
-  AnalyticalTableVisibleRowCountMode,
-} from '../../enums/index.js';
+import { AnalyticalTablePopinDisplay } from '../../enums/AnalyticalTablePopinDisplay.js';
+import { AnalyticalTableScaleWidthMode } from '../../enums/AnalyticalTableScaleWidthMode.js';
+import { AnalyticalTableSelectionBehavior } from '../../enums/AnalyticalTableSelectionBehavior.js';
+import { AnalyticalTableSelectionMode } from '../../enums/AnalyticalTableSelectionMode.js';
+import { AnalyticalTableSubComponentsBehavior } from '../../enums/AnalyticalTableSubComponentsBehavior.js';
+import { AnalyticalTableVisibleRowCountMode } from '../../enums/AnalyticalTableVisibleRowCountMode.js';
 import {
   COLLAPSE_NODE,
   COLLAPSE_PRESS_SPACE,
diff --git a/packages/main/src/components/AnalyticalTable/pluginHooks/useIndeterminateRowSelection.tsx b/packages/main/src/components/AnalyticalTable/pluginHooks/useIndeterminateRowSelection.tsx
@@ -1,7 +1,8 @@
 'use client';
 
 import { useEffect } from 'react';
-import { AnalyticalTableSelectionBehavior, AnalyticalTableSelectionMode } from '../../../enums/index.js';
+import { AnalyticalTableSelectionBehavior } from '../../../enums/AnalyticalTableSelectionBehavior.js';
+import { AnalyticalTableSelectionMode } from '../../../enums/AnalyticalTableSelectionMode.js';
 import type { ReactTableHooks, RowType, TableInstance } from '../types/index.js';
 
 type onIndeterminateChange = (e: {
diff --git a/packages/main/src/components/AnalyticalTable/pluginHooks/useRowDisableSelection.tsx b/packages/main/src/components/AnalyticalTable/pluginHooks/useRowDisableSelection.tsx
@@ -1,5 +1,6 @@
 import { enrichEventWithDetails } from '@ui5/webcomponents-react-base';
-import { AnalyticalTableSelectionBehavior, AnalyticalTableSelectionMode } from '../../../enums/index.js';
+import { AnalyticalTableSelectionBehavior } from '../../../enums/AnalyticalTableSelectionBehavior.js';
+import { AnalyticalTableSelectionMode } from '../../../enums/AnalyticalTableSelectionMode.js';
 import { CheckBox } from '../../../webComponents/CheckBox/index.js';
 import type { ReactTableHooks, RowType, TableInstance } from '../types/index.js';
 import { getBy } from '../util/index.js';
diff --git a/packages/main/src/components/AnalyticalTable/scrollbars/VerticalScrollbar.tsx b/packages/main/src/components/AnalyticalTable/scrollbars/VerticalScrollbar.tsx
@@ -2,7 +2,7 @@ import { ThemingParameters, useSyncRef } from '@ui5/webcomponents-react-base';
 import { clsx } from 'clsx';
 import type { MutableRefObject, RefObject } from 'react';
 import { forwardRef, useEffect, useRef } from 'react';
-import { FlexBoxDirection } from '../../../enums/index.js';
+import { FlexBoxDirection } from '../../../enums/FlexBoxDirection.js';
 import { FlexBox } from '../../FlexBox/index.js';
 import type { ClassNames } from '../types/index.js';
 
diff --git a/packages/main/src/components/AnalyticalTable/types/index.ts b/packages/main/src/components/AnalyticalTable/types/index.ts
@@ -10,18 +10,16 @@ import type {
   RefObject,
   SetStateAction,
 } from 'react';
-import type {
-  AnalyticalTablePopinDisplay,
-  AnalyticalTableScaleWidthMode,
-  AnalyticalTableScrollMode,
-  AnalyticalTableSelectionBehavior,
-  AnalyticalTableSelectionMode,
-  AnalyticalTableSubComponentsBehavior,
-  AnalyticalTableVisibleRowCountMode,
-  IndicationColor,
-  TextAlign,
-  VerticalAlign,
-} from '../../../enums/index.js';
+import type { AnalyticalTablePopinDisplay } from '../../../enums/AnalyticalTablePopinDisplay.js';
+import type { AnalyticalTableScaleWidthMode } from '../../../enums/AnalyticalTableScaleWidthMode.js';
+import type { AnalyticalTableScrollMode } from '../../../enums/AnalyticalTableScrollMode.js';
+import type { AnalyticalTableSelectionBehavior } from '../../../enums/AnalyticalTableSelectionBehavior.js';
+import type { AnalyticalTableSelectionMode } from '../../../enums/AnalyticalTableSelectionMode.js';
+import type { AnalyticalTableSubComponentsBehavior } from '../../../enums/AnalyticalTableSubComponentsBehavior.js';
+import type { AnalyticalTableVisibleRowCountMode } from '../../../enums/AnalyticalTableVisibleRowCountMode.js';
+import type { IndicationColor } from '../../../enums/IndicationColor.js';
+import type { TextAlign } from '../../../enums/TextAlign.js';
+import type { VerticalAlign } from '../../../enums/VerticalAlign.js';
 import type { CommonProps } from '../../../types/index.js';
 import type { PopoverDomRef } from '../../../webComponents/Popover/index.js';
 import type { classNames } from '../AnalyticalTable.module.css.js';
diff --git a/packages/main/src/components/AnalyticalTable/util/index.ts b/packages/main/src/components/AnalyticalTable/util/index.ts
@@ -1,5 +1,6 @@
 import type { CSSProperties, RefObject } from 'react';
-import { TextAlign, VerticalAlign } from '../../../enums/index.js';
+import { TextAlign } from '../../../enums/TextAlign.js';
+import { VerticalAlign } from '../../../enums/VerticalAlign.js';
 
 // copied from https://github.com/tannerlinsley/react-table/blob/f97fb98509d0b27cc0bebcf3137872afe4f2809e/src/utils.js#L320-L347 (13. Jan 2021)
 const reOpenBracket = /\[/g;
diff --git a/packages/main/src/components/FilterBar/FilterDialog.tsx b/packages/main/src/components/FilterBar/FilterDialog.tsx
@@ -8,7 +8,10 @@ import { enrichEventWithDetails, useI18nBundle, useStylesheet } from '@ui5/webco
 import { addCustomCSSWithScoping } from '@ui5/webcomponents-react-base/dist/utils/addCustomCSSWithScoping.js';
 import type { ReactElement, RefObject } from 'react';
 import { Children, cloneElement, useEffect, useId, useReducer, useRef, useState } from 'react';
-import { FlexBoxDirection, FlexBoxJustifyContent, MessageBoxAction, MessageBoxType } from '../../enums/index.js';
+import { FlexBoxDirection } from '../../enums/FlexBoxDirection.js';
+import { FlexBoxJustifyContent } from '../../enums/FlexBoxJustifyContent.js';
+import { MessageBoxAction } from '../../enums/MessageBoxAction.js';
+import { MessageBoxType } from '../../enums/MessageBoxType.js';
 import {
   ACTIVE,
   ALL,
@@ -32,30 +35,28 @@ import {
 import type { OnReorderParams } from '../../internal/FilterBarDialogContext.js';
 import { FilterBarDialogContext } from '../../internal/FilterBarDialogContext.js';
 import { stopPropagation } from '../../internal/stopPropagation.js';
+import { Bar } from '../../webComponents/Bar/index.js';
+import { Button } from '../../webComponents/Button/index.js';
+import type { DialogDomRef } from '../../webComponents/Dialog/index.js';
+import { Dialog } from '../../webComponents/Dialog/index.js';
+import { Icon } from '../../webComponents/Icon/index.js';
+import type { InputPropTypes } from '../../webComponents/Input/index.js';
+import { Input } from '../../webComponents/Input/index.js';
+import { Option } from '../../webComponents/Option/index.js';
+import { Panel } from '../../webComponents/Panel/index.js';
+import type { SegmentedButtonPropTypes } from '../../webComponents/SegmentedButton/index.js';
+import { SegmentedButton } from '../../webComponents/SegmentedButton/index.js';
+import { SegmentedButtonItem } from '../../webComponents/SegmentedButtonItem/index.js';
+import { Select } from '../../webComponents/Select/index.js';
+import { Table } from '../../webComponents/Table/index.js';
+import { TableHeaderCell } from '../../webComponents/TableHeaderCell/index.js';
+import { TableHeaderRow } from '../../webComponents/TableHeaderRow/index.js';
 import type {
-  DialogDomRef,
-  InputPropTypes,
-  SegmentedButtonPropTypes,
   TableSelectionMultiDomRef,
   TableSelectionMultiPropTypes,
-} from '../../webComponents/index.js';
-import {
-  Bar,
-  Button,
-  Dialog,
-  Icon,
-  Input,
-  Option,
-  Panel,
-  SegmentedButton,
-  SegmentedButtonItem,
-  Select,
-  Table,
-  TableHeaderCell,
-  TableHeaderRow,
-  TableSelectionMulti,
-  Title,
-} from '../../webComponents/index.js';
+} from '../../webComponents/TableSelectionMulti/index.js';
+import { TableSelectionMulti } from '../../webComponents/TableSelectionMulti/index.js';
+import { Title } from '../../webComponents/Title/index.js';
 import type { FilterGroupItemInternalProps } from '../FilterGroupItem/types.js';
 import { FlexBox } from '../FlexBox/index.js';
 import { MessageBox } from '../MessageBox/index.js';
diff --git a/packages/main/src/components/FilterBar/index.tsx b/packages/main/src/components/FilterBar/index.tsx
@@ -19,8 +19,13 @@ import {
   SEARCH,
   SHOW_FILTER_BAR,
 } from '../../i18n/i18n-defaults.js';
-import type { ButtonDomRef, DialogDomRef, ToolbarButtonDomRef } from '../../webComponents/index.js';
-import { Button, Icon, Toolbar, ToolbarButton } from '../../webComponents/index.js';
+import type { ButtonDomRef } from '../../webComponents/Button/index.js';
+import { Button } from '../../webComponents/Button/index.js';
+import type { DialogDomRef } from '../../webComponents/Dialog/index.js';
+import { Icon } from '../../webComponents/Icon/index.js';
+import { Toolbar } from '../../webComponents/Toolbar/index.js';
+import type { ToolbarButtonDomRef } from '../../webComponents/ToolbarButton/index.js';
+import { ToolbarButton } from '../../webComponents/ToolbarButton/index.js';
 import { FilterGroupItem } from '../FilterGroupItem/index.js';
 import type { FilterGroupItemInternalProps } from '../FilterGroupItem/types.js';
 import { FlexBox } from '../FlexBox/index.js';
diff --git a/packages/main/src/components/FilterBar/types.ts b/packages/main/src/components/FilterBar/types.ts
@@ -1,6 +1,8 @@
 import type { CSSProperties, MouseEvent, ReactElement, ReactNode } from 'react';
 import type { CommonProps } from '../../types/index.js';
-import type { DialogPropTypes, InputPropTypes, ToolbarButtonPropTypes } from '../../webComponents/index.js';
+import type { DialogPropTypes } from '../../webComponents/Dialog/index.js';
+import type { InputPropTypes } from '../../webComponents/Input/index.js';
+import type { ToolbarButtonPropTypes } from '../../webComponents/ToolbarButton/index.js';
 import type { FilterGroupItemInternalProps } from '../FilterGroupItem/types.js';
 
 interface OnToggleFiltersEvent extends Omit<MouseEvent, 'detail'> {
diff --git a/packages/main/src/components/FilterGroupItem/index.tsx b/packages/main/src/components/FilterGroupItem/index.tsx
@@ -11,7 +11,9 @@ import moveUpIcon from '@ui5/webcomponents-icons/dist/navigation-up-arrow.js';
 import { useI18nBundle, useStylesheet } from '@ui5/webcomponents-react-base';
 import { clsx } from 'clsx';
 import { forwardRef, useContext, useEffect, useRef, useState } from 'react';
-import { FlexBoxAlignItems, FlexBoxDirection, FlexBoxJustifyContent } from '../../enums/index.js';
+import { FlexBoxAlignItems } from '../../enums/FlexBoxAlignItems.js';
+import { FlexBoxDirection } from '../../enums/FlexBoxDirection.js';
+import { FlexBoxJustifyContent } from '../../enums/FlexBoxJustifyContent.js';
 import {
   DOWN_ARROW,
   FILTER_DIALOG_REORDER_FILTERS,
@@ -24,8 +26,14 @@ import {
 } from '../../i18n/i18n-defaults.js';
 import type { ReorderDirections } from '../../internal/FilterBarDialogContext.js';
 import { FilterBarDialogContext } from '../../internal/FilterBarDialogContext.js';
-import type { ButtonPropTypes, TableRowDomRef } from '../../webComponents/index.js';
-import { BusyIndicator, Button, Icon, Label, TableCell, TableRow } from '../../webComponents/index.js';
+import { BusyIndicator } from '../../webComponents/BusyIndicator/index.js';
+import type { ButtonPropTypes } from '../../webComponents/Button/index.js';
+import { Button } from '../../webComponents/Button/index.js';
+import { Icon } from '../../webComponents/Icon/index.js';
+import { Label } from '../../webComponents/Label/index.js';
+import { TableCell } from '../../webComponents/TableCell/index.js';
+import type { TableRowDomRef } from '../../webComponents/TableRow/index.js';
+import { TableRow } from '../../webComponents/TableRow/index.js';
 import { FlexBox } from '../FlexBox/index.js';
 import { classNames, styleData } from './FilterGroupItem.module.css.js';
 import type { FilterGroupItemInternalProps, FilterGroupItemPropTypes } from './types.js';
diff --git a/packages/main/src/components/FlexBox/index.tsx b/packages/main/src/components/FlexBox/index.tsx
@@ -4,7 +4,10 @@ import { useStylesheet } from '@ui5/webcomponents-react-base';
 import { clsx } from 'clsx';
 import type { CSSProperties, ElementType, ReactNode } from 'react';
 import { forwardRef } from 'react';
-import { FlexBoxAlignItems, FlexBoxDirection, FlexBoxJustifyContent, FlexBoxWrap } from '../../enums/index.js';
+import { FlexBoxAlignItems } from '../../enums/FlexBoxAlignItems.js';
+import { FlexBoxDirection } from '../../enums/FlexBoxDirection.js';
+import { FlexBoxJustifyContent } from '../../enums/FlexBoxJustifyContent.js';
+import { FlexBoxWrap } from '../../enums/FlexBoxWrap.js';
 import type { CommonProps } from '../../types/index.js';
 import { classNames, styleData } from './FlexBox.module.css.js';
 
diff --git a/packages/main/src/components/Grid/index.tsx b/packages/main/src/components/Grid/index.tsx
@@ -4,7 +4,7 @@ import { useStylesheet, useViewportRange } from '@ui5/webcomponents-react-base';
 import { clsx } from 'clsx';
 import type { CSSProperties, ReactNode } from 'react';
 import { forwardRef, isValidElement } from 'react';
-import { GridPosition } from '../../enums/index.js';
+import { GridPosition } from '../../enums/GridPosition.js';
 import { flattenFragments } from '../../internal/utils.js';
 import type { CommonProps } from '../../types/index.js';
 import { classNames, styleData } from './Grid.module.css.js';
diff --git a/packages/main/src/components/MessageBox/index.tsx b/packages/main/src/components/MessageBox/index.tsx
@@ -10,7 +10,8 @@ import { useI18nBundle, useStylesheet } from '@ui5/webcomponents-react-base';
 import { clsx } from 'clsx';
 import type { ReactElement, ReactNode } from 'react';
 import { cloneElement, forwardRef, isValidElement, useId } from 'react';
-import { MessageBoxAction, MessageBoxType } from '../../enums/index.js';
+import { MessageBoxAction } from '../../enums/MessageBoxAction.js';
+import { MessageBoxType } from '../../enums/MessageBoxType.js';
 import {
   ABORT,
   CANCEL,
diff --git a/packages/main/src/components/MessageView/MessageItem.tsx b/packages/main/src/components/MessageView/MessageItem.tsx
@@ -9,7 +9,8 @@ import { useI18nBundle, useStylesheet } from '@ui5/webcomponents-react-base';
 import { clsx } from 'clsx';
 import type { ReactNode } from 'react';
 import { Children, isValidElement, forwardRef, useContext, useEffect, useRef, useState } from 'react';
-import { FlexBoxAlignItems, FlexBoxDirection } from '../../enums/index.js';
+import { FlexBoxAlignItems } from '../../enums/FlexBoxAlignItems.js';
+import { FlexBoxDirection } from '../../enums/FlexBoxDirection.js';
 import { COUNTER, HAS_DETAILS } from '../../i18n/i18n-defaults.js';
 import { MessageViewContext } from '../../internal/MessageViewContext.js';
 import type { CommonProps } from '../../types/index.js';
diff --git a/packages/main/src/components/MessageView/index.tsx b/packages/main/src/components/MessageView/index.tsx
diff --git a/packages/main/src/components/MessageViewButton/index.tsx b/packages/main/src/components/MessageViewButton/index.tsx
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/NumericSideIndicator/index.tsx b/packages/main/src/components/NumericSideIndicator/index.tsx
diff --git a/packages/main/src/components/ObjectPageSubSection/index.tsx b/packages/main/src/components/ObjectPageSubSection/index.tsx
diff --git a/packages/main/src/components/ObjectPageTitle/index.tsx b/packages/main/src/components/ObjectPageTitle/index.tsx
diff --git a/packages/main/src/components/ObjectStatus/index.tsx b/packages/main/src/components/ObjectStatus/index.tsx
diff --git a/packages/main/src/components/SelectDialog/index.tsx b/packages/main/src/components/SelectDialog/index.tsx
diff --git a/packages/main/src/components/VariantManagement/ManageViewsDialog.tsx b/packages/main/src/components/VariantManagement/ManageViewsDialog.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/types.ts b/packages/main/src/components/VariantManagement/types.ts
