UI5 · Lukas742 · Jul 3, 2026 · Jun 24, 2026 · Jun 24, 2026 · Jun 24, 2026
@@ -1,9 +1,9 @@
-import { DomRefTable } from '@sb/components/DomRefTable.js';
 import { ArgTypes, type Controls } from '@storybook/addon-docs/blocks';
 import MessageStripDesign from '@ui5/webcomponents/dist/types/MessageStripDesign.js';
 import { MessageStrip } from '@ui5/webcomponents-react';
 import type { ComponentProps, ReactNode } from 'react';
 import classes from './ArgTypesWithNote.module.css';
+import { DomRefTable } from '@sb/components/DomRefTable.js';
 
 interface ArgTypesWithNotePropTypes {
   hideHTMLPropsNote?: boolean;

@@ -1,4 +1,3 @@
-import { Badge } from '@sb/components/Badge';
 import type { Controls } from '@storybook/addon-docs/blocks';
 import { Description, Subtitle, Title, useOf } from '@storybook/addon-docs/blocks';
 import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
@@ -22,6 +21,7 @@ import classes from './DocsHeader.module.css';
 import { GitHubLogo } from './GitHub-Mark';
 import { Import } from './Import';
 import { TableOfContent } from './TableOfContent';
+import { Badge } from '@sb/components/Badge';
 
 const Links = ({ isChart }: { isChart?: boolean }) => {
   const githubUrl = `https://github.com/UI5/webcomponents-react`;

@@ -1,4 +1,3 @@
-import TsLogo from '@sb/images/logo-ts.png';
 import LinkDesign from '@ui5/webcomponents/dist/types/LinkDesign.js';
 import MessageStripDesign from '@ui5/webcomponents/dist/types/MessageStripDesign.js';
 import {
@@ -17,6 +16,7 @@ import { clsx } from 'clsx';
 import type { ReactNode } from 'react';
 import { useId, useState } from 'react';
 import classes from './ProjectTemplate.module.css';
+import TsLogo from '@sb/images/logo-ts.png';
 
 interface ProjectTemplatePropTypes {
   title: string;

@@ -5,36 +5,32 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ## [2.23.2](https://github.com/UI5/webcomponents-react/compare/v2.23.1...v2.23.2) (2026-06-29)
 
-
 ### Bug Fixes
 
-* **charts:** round x-axis bbox height to avoid subpixel re-render loop ([#8741](https://github.com/UI5/webcomponents-react/issues/8741)) ([c7c9393](https://github.com/UI5/webcomponents-react/commit/c7c9393b72efa507b1c11c3eb643b2fd10cb1721))
-* **deps:** update tanstack-virtual monorepo to v3.14.3 ([#8709](https://github.com/UI5/webcomponents-react/issues/8709)) ([066fe70](https://github.com/UI5/webcomponents-react/commit/066fe7077fd4a897489b80977e7ad2a073e9ff03))
-* **renovate:** resolve invalid matchPackageNames and clean up rules ([#8691](https://github.com/UI5/webcomponents-react/issues/8691)) ([499b651](https://github.com/UI5/webcomponents-react/commit/499b6518c0f72cd07b6cd9570374ef1307b0bdc5))
+- **charts:** round x-axis bbox height to avoid subpixel re-render loop ([#8741](https://github.com/UI5/webcomponents-react/issues/8741)) ([c7c9393](https://github.com/UI5/webcomponents-react/commit/c7c9393b72efa507b1c11c3eb643b2fd10cb1721))
+- **deps:** update tanstack-virtual monorepo to v3.14.3 ([#8709](https://github.com/UI5/webcomponents-react/issues/8709)) ([066fe70](https://github.com/UI5/webcomponents-react/commit/066fe7077fd4a897489b80977e7ad2a073e9ff03))
+- **renovate:** resolve invalid matchPackageNames and clean up rules ([#8691](https://github.com/UI5/webcomponents-react/issues/8691)) ([499b651](https://github.com/UI5/webcomponents-react/commit/499b6518c0f72cd07b6cd9570374ef1307b0bdc5))
 
 ## [2.23.1](https://github.com/UI5/webcomponents-react/compare/v2.23.0...v2.23.1) (2026-06-12)
 
-
 ### Bug Fixes
 
-* **AnalyticalTable:** prevent stale `scrollOffset` after filtering ([#8685](https://github.com/UI5/webcomponents-react/issues/8685)) ([4c8e33d](https://github.com/UI5/webcomponents-react/commit/4c8e33daa3e2d07e8c87c08cf6a9ddf08d900bf3))
+- **AnalyticalTable:** prevent stale `scrollOffset` after filtering ([#8685](https://github.com/UI5/webcomponents-react/issues/8685)) ([4c8e33d](https://github.com/UI5/webcomponents-react/commit/4c8e33daa3e2d07e8c87c08cf6a9ddf08d900bf3))
 
 ## [2.23.0](https://github.com/UI5/webcomponents-react/compare/v2.22.2...v2.23.0) (2026-06-08)
 
-
 ### Features
 
-* **AnalyticalTable - TypeScript:** export `ReactTableHooks` type ([#8656](https://github.com/UI5/webcomponents-react/issues/8656)) ([16fce8c](https://github.com/UI5/webcomponents-react/commit/16fce8c5b7289168b9b088b265a6eac3962a654e))
-* **AnalyticalTable:** add `accessibleName` & `accessibleNameRef` props ([#8592](https://github.com/UI5/webcomponents-react/issues/8592)) ([2fe532c](https://github.com/UI5/webcomponents-react/commit/2fe532c3af9747385128d0ca52d26a406f8bb3d8)), closes [#8590](https://github.com/UI5/webcomponents-react/issues/8590)
-* **SelectDialog:** add `searchPlaceholder` prop ([#8644](https://github.com/UI5/webcomponents-react/issues/8644)) ([3435925](https://github.com/UI5/webcomponents-react/commit/34359259ba124676b7cc4d9fb0e093c509ea5012)), closes [#8637](https://github.com/UI5/webcomponents-react/issues/8637)
-* update to UI5 Web Components 2.23.0 ([#8676](https://github.com/UI5/webcomponents-react/issues/8676)) ([0dc8e8a](https://github.com/UI5/webcomponents-react/commit/0dc8e8a63d66dc7ad540930cf00025f09e9665f6))
-
+- **AnalyticalTable - TypeScript:** export `ReactTableHooks` type ([#8656](https://github.com/UI5/webcomponents-react/issues/8656)) ([16fce8c](https://github.com/UI5/webcomponents-react/commit/16fce8c5b7289168b9b088b265a6eac3962a654e))
+- **AnalyticalTable:** add `accessibleName` & `accessibleNameRef` props ([#8592](https://github.com/UI5/webcomponents-react/issues/8592)) ([2fe532c](https://github.com/UI5/webcomponents-react/commit/2fe532c3af9747385128d0ca52d26a406f8bb3d8)), closes [#8590](https://github.com/UI5/webcomponents-react/issues/8590)
+- **SelectDialog:** add `searchPlaceholder` prop ([#8644](https://github.com/UI5/webcomponents-react/issues/8644)) ([3435925](https://github.com/UI5/webcomponents-react/commit/34359259ba124676b7cc4d9fb0e093c509ea5012)), closes [#8637](https://github.com/UI5/webcomponents-react/issues/8637)
+- update to UI5 Web Components 2.23.0 ([#8676](https://github.com/UI5/webcomponents-react/issues/8676)) ([0dc8e8a](https://github.com/UI5/webcomponents-react/commit/0dc8e8a63d66dc7ad540930cf00025f09e9665f6))
 
 ### Bug Fixes
 
-* **deps:** update dependency @tanstack/react-virtual to v3.13.26 ([#8648](https://github.com/UI5/webcomponents-react/issues/8648)) ([b2cdfa0](https://github.com/UI5/webcomponents-react/commit/b2cdfa02b565d084402bc19fbb4ac25b92c8805f))
-* **deps:** update react monorepo to v19.2.7 ([#8667](https://github.com/UI5/webcomponents-react/issues/8667)) ([ca7dc87](https://github.com/UI5/webcomponents-react/commit/ca7dc874f339c407e72d03d93ebb56126ea16c8a))
-* **deps:** update tanstack-virtual monorepo to v3.14.2 ([#8666](https://github.com/UI5/webcomponents-react/issues/8666)) ([6c17d65](https://github.com/UI5/webcomponents-react/commit/6c17d6526236f84dba51ea11575636299490f235))
+- **deps:** update dependency @tanstack/react-virtual to v3.13.26 ([#8648](https://github.com/UI5/webcomponents-react/issues/8648)) ([b2cdfa0](https://github.com/UI5/webcomponents-react/commit/b2cdfa02b565d084402bc19fbb4ac25b92c8805f))
+- **deps:** update react monorepo to v19.2.7 ([#8667](https://github.com/UI5/webcomponents-react/issues/8667)) ([ca7dc87](https://github.com/UI5/webcomponents-react/commit/ca7dc874f339c407e72d03d93ebb56126ea16c8a))
+- **deps:** update tanstack-virtual monorepo to v3.14.2 ([#8666](https://github.com/UI5/webcomponents-react/issues/8666)) ([6c17d65](https://github.com/UI5/webcomponents-react/commit/6c17d6526236f84dba51ea11575636299490f235))
 
 ## [2.22.2](https://github.com/UI5/webcomponents-react/compare/v2.22.1...v2.22.2) (2026-05-28)
 

@@ -12,20 +12,16 @@ import tseslint from 'typescript-eslint';
 
 const ignorePatterns = {
   ignores: [
-    'packages/ai/dist',
-    'packages/base/dist',
+    '**/dist',
+    '**/generated',
     'packages/base/types',
-    'packages/charts/dist',
-    'packages/cli/dist',
-    'packages/compat/dist',
-    'packages/main/dist',
     'packages/main/wrappers',
-    'packages/mcp-server/dist',
-    'packages/mcp-server/scripts',
+    'packages/main/ssr',
+    'packages/main/index.d.ts',
+    'packages/main/index.esm.js',
     'packages/main/src/i18n/i18n-defaults.ts',
-    'packages/main/src/generated',
-    'packages/cypress-commands/dist',
-    '**/generated',
+    'packages/mcp-server/docs',
+    'packages/mcp-server/scripts',
     '**/*.module.css.ts',
     '.yarn',
     '.out/**',

@@ -21,6 +21,6 @@
     "next": "16.2.9",
     "react": "19.2.7",
     "react-dom": "19.2.7",
-    "typescript": "5.9.3"
+    "typescript": "6.0.3"
   }
 }
@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es5",
+    "target": "ES2022",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
@@ -9,10 +9,10 @@
     "noEmit": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "react-jsx",
+    "jsx": "preserve",
     "incremental": true,
     "plugins": [
       {

@@ -21,7 +21,7 @@
     "next": "16.2.9",
     "react": "19.2.7",
     "react-dom": "19.2.7",
-    "typescript": "5.9.3"
+    "typescript": "6.0.3"
   },
   "devDependencies": {}
 }
@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "es5",
+    "target": "ES2022",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
@@ -9,7 +9,7 @@
     "noEmit": true,
     "esModuleInterop": true,
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",

@@ -34,7 +34,7 @@
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "7.1.1",
     "globals": "17.7.0",
-    "typescript": "5.9.3",
+    "typescript": "6.0.3",
     "typescript-eslint": "8.62.0",
     "vite": "8.1.0",
     "vite-tsconfig-paths": "6.1.1"

@@ -108,7 +108,7 @@
     "prettier": "3.8.4",
     "publint": "0.3.21",
     "rimraf": "6.1.3",
-    "typescript": "5.9.3",
+    "typescript": "6.0.3",
     "typescript-eslint": "8.62.0",
     "vite": "8.1.0",
     "vite-plugin-istanbul": "9.0.1",

@@ -1,5 +1,5 @@
-import { expect, test } from '../../../../../../playwright/fixtures/main-fixtures.js';
 import type { Page } from '@playwright/test';
+import { expect, test } from '../../../../../../playwright/fixtures/main-fixtures.js';
 import { scatterComplexDataSet } from '../../../resources/DemoProps.js';
 import { testLoadingStates, testPassThroughProps } from '../../../test-utils/sharedTests.js';
 import { ScatterChart } from '../index.js';

@@ -1,6 +1,6 @@
+import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 import { LoaderType } from '../../enums/LoaderType.js';
 import { Loader } from './index.js';
-import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 
 describe('Loader', () => {
   it('indeterminate', () => {

@@ -1,3 +1,4 @@
+import { cssVarToRgb, cypressPassThroughTestsFactory, mountWithCustomTagName } from '@/cypress/support/utils';
 import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
 import PopupAccessibleRole from '@ui5/webcomponents/dist/types/PopupAccessibleRole.js';
 import { setTheme } from '@ui5/webcomponents-base/dist/config/Theme.js';
@@ -17,7 +18,6 @@ import { ToolbarSeparator } from '../ToolbarSeparator/index.js';
 import { ToolbarSpacer } from '../ToolbarSpacer/index.js';
 import type { ToolbarPropTypes } from './index.js';
 import { Toolbar } from './index.js';
-import { cssVarToRgb, cypressPassThroughTestsFactory, mountWithCustomTagName } from '@/cypress/support/utils';
 
 interface PropTypes {
   onOverflowChange: (event: {

@@ -1,3 +1,4 @@
+import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 import { getRGBColor } from '@ui5/webcomponents-base/dist/util/ColorConversion';
 import { ThemingParameters } from '@ui5/webcomponents-react-base';
 import { DeviationIndicator, ValueColor } from '../../enums';
@@ -7,7 +8,6 @@ import { Text } from '../../webComponents/Text/index.js';
 import { NumericSideIndicator } from '../NumericSideIndicator';
 import type { AnalyticalCardHeaderPropTypes } from './index';
 import { AnalyticalCardHeader } from './index';
-import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 
 const TestComp = (props: Omit<CardPropTypes, 'children'>) => {
   return (

@@ -1,3 +1,4 @@
+import { cssVarToRgb, cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js';
 import NoDataIllustration from '@ui5/webcomponents-fiori/dist/illustrations/NoData.js';
 import NoFilterResults from '@ui5/webcomponents-fiori/dist/illustrations/NoFilterResults.js';
@@ -82,7 +83,6 @@ import {
 import { useF2CellEdit } from './pluginHooks/useF2CellEdit.js';
 import { useManualRowSelect } from './pluginHooks/useManualRowSelect';
 import { useRowDisableSelection } from './pluginHooks/useRowDisableSelection';
-import { cssVarToRgb, cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 import type { RowType } from '@/packages/main/src/components/AnalyticalTable/types/index.js';
 import { getUi5TagWithSuffix } from '@/packages/main/src/internal/utils.js';
 

@@ -1,3 +1,4 @@
+import { cypressPassThroughTestsFactory, mountWithCustomTagName } from '@/cypress/support/utils';
 import { useId, useState } from 'react';
 import {
   Input,
@@ -15,7 +16,6 @@ import { VariantItem } from '../VariantItem/index.js';
 import { VariantManagement } from '../VariantManagement/index.js';
 import type { FilterBarPropTypes } from './index.js';
 import { FilterBar } from './index.js';
-import { cypressPassThroughTestsFactory, mountWithCustomTagName } from '@/cypress/support/utils';
 
 const variants = (
   <VariantManagement data-testid="variantManagement">

@@ -1,8 +1,8 @@
+import { cypressPassThroughTestsFactory, mountWithCustomTagName } from '@/cypress/support/utils';
 import { camelToKebabCase, lowercaseFirstLetter } from '@ui5/webcomponents-react-base';
 import { FlexBoxJustifyContent, FlexBoxAlignItems, FlexBoxDirection, FlexBoxWrap } from '../../enums/index.js';
 import { FlexBox } from './index.js';
 import type { FlexBoxPropTypes } from './index.js';
-import { cypressPassThroughTestsFactory, mountWithCustomTagName } from '@/cypress/support/utils';
 
 describe('FlexBox', () => {
   Object.values(FlexBoxJustifyContent).forEach((val: FlexBoxPropTypes['justifyContent']) => {

@@ -1,7 +1,7 @@
+import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 import { GridPosition } from '../../enums/index.js';
 import { Grid } from './index.js';
 import type { GridPropTypes } from './index.js';
-import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 
 const style = { height: '6rem', width: '100%' };