chore(deps): update ui5 web components react (examples, templates & patterns) to v2.24.0 (#8766)

This PR contains the following updates:

| Package | Change |
[Age](https://docs.renovatebot.com/merge-confidence/) |
[Confidence](https://docs.renovatebot.com/merge-confidence/) |
|---|---|---|---|
| [@ui5/webcomponents](https://redirect.github.com/UI5/webcomponents)
([source](https://redirect.github.com/UI5/webcomponents/tree/HEAD/packages/main))
| [`2.23.2` →
`2.24.0`](https://renovatebot.com/diffs/npm/@ui5%2fwebcomponents/2.23.2/2.24.0)
|
![age](https://developer.mend.io/api/mc/badges/age/npm/@ui5%2fwebcomponents/2.24.0?slim=true)
|
![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@ui5%2fwebcomponents/2.23.2/2.24.0?slim=true)
|
|
[@ui5/webcomponents-base](https://redirect.github.com/UI5/webcomponents)
([source](https://redirect.github.com/UI5/webcomponents/tree/HEAD/packages/base))
| [`2.23.2` →
`2.24.0`](https://renovatebot.com/diffs/npm/@ui5%2fwebcomponents-base/2.23.2/2.24.0)
|
![age](https://developer.mend.io/api/mc/badges/age/npm/@ui5%2fwebcomponents-base/2.24.0?slim=true)
|
![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@ui5%2fwebcomponents-base/2.23.2/2.24.0?slim=true)
|
|
[@ui5/webcomponents-cypress-commands](https://redirect.github.com/UI5/webcomponents-react)
([source](https://redirect.github.com/UI5/webcomponents-react/tree/HEAD/packages/cypress-commands))
| [`2.23.2` →
`2.24.0`](https://renovatebot.com/diffs/npm/@ui5%2fwebcomponents-cypress-commands/2.23.2/2.24.0)
|
![age](https://developer.mend.io/api/mc/badges/age/npm/@ui5%2fwebcomponents-cypress-commands/2.24.0?slim=true)
|
![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@ui5%2fwebcomponents-cypress-commands/2.23.2/2.24.0?slim=true)
|
|
[@ui5/webcomponents-fiori](https://redirect.github.com/UI5/webcomponents)
([source](https://redirect.github.com/UI5/webcomponents/tree/HEAD/packages/fiori))
| [`2.23.2` →
`2.24.0`](https://renovatebot.com/diffs/npm/@ui5%2fwebcomponents-fiori/2.23.2/2.24.0)
|
![age](https://developer.mend.io/api/mc/badges/age/npm/@ui5%2fwebcomponents-fiori/2.24.0?slim=true)
|
![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@ui5%2fwebcomponents-fiori/2.23.2/2.24.0?slim=true)
|
|
[@ui5/webcomponents-icons](https://redirect.github.com/UI5/webcomponents)
([source](https://redirect.github.com/UI5/webcomponents/tree/HEAD/packages/icons))
| [`2.23.2` →
`2.24.0`](https://renovatebot.com/diffs/npm/@ui5%2fwebcomponents-icons/2.23.2/2.24.0)
|
![age](https://developer.mend.io/api/mc/badges/age/npm/@ui5%2fwebcomponents-icons/2.24.0?slim=true)
|
![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@ui5%2fwebcomponents-icons/2.23.2/2.24.0?slim=true)
|
| [@ui5/webcomponents-react](https://ui5.github.io/webcomponents-react)
([source](https://redirect.github.com/UI5/webcomponents-react/tree/HEAD/packages/main))
| [`2.23.2` →
`2.24.0`](https://renovatebot.com/diffs/npm/@ui5%2fwebcomponents-react/2.23.2/2.24.0)
|
![age](https://developer.mend.io/api/mc/badges/age/npm/@ui5%2fwebcomponents-react/2.24.0?slim=true)
|
![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@ui5%2fwebcomponents-react/2.23.2/2.24.0?slim=true)
|

---

### Release Notes

<details>
<summary>UI5/webcomponents (@&#8203;ui5/webcomponents)</summary>

###
[`v2.24.0`](https://redirect.github.com/UI5/webcomponents/blob/HEAD/packages/main/CHANGELOG.md#2240-2026-07-06)

[Compare
Source](https://redirect.github.com/UI5/webcomponents/compare/v2.23.2...v2.24.0)

##### Bug Fixes

- **ui5-date-range-picker:** remove only portrait mode on calendars when
two months are shown
([#&#8203;13703](https://redirect.github.com/UI5/webcomponents/issues/13703))
([8a7670d](https://redirect.github.com/UI5/webcomponents/commit/8a7670dbfe7a73fef2079d3314bd651c2fe4c3d5))
- **ui5-list:** expose item selection state via aria-selected attribute
([#&#8203;13782](https://redirect.github.com/UI5/webcomponents/issues/13782))
([644ed0a](https://redirect.github.com/UI5/webcomponents/commit/644ed0a094162cda469af5c3b392fc8a140a4fb5)),
closes
[#&#8203;13773](https://redirect.github.com/UI5/webcomponents/issues/13773)
- **ui5-radio-button:** fix accessible-name double announcement
([#&#8203;13761](https://redirect.github.com/UI5/webcomponents/issues/13761))
([48e69fe](https://redirect.github.com/UI5/webcomponents/commit/48e69fe1295beabe42abc8d7c0c4729f1d95d20f))
- **ui5-select:** align value state message header with design spec
([#&#8203;13766](https://redirect.github.com/UI5/webcomponents/issues/13766))
([173d3fc](https://redirect.github.com/UI5/webcomponents/commit/173d3fc33eb7768ee7aad25f46d387fe64194040)),
closes
[#&#8203;13308](https://redirect.github.com/UI5/webcomponents/issues/13308)
- **ui5-textarea:** preserve space for exceeded text counter
([#&#8203;13765](https://redirect.github.com/UI5/webcomponents/issues/13765))
([6cc1943](https://redirect.github.com/UI5/webcomponents/commit/6cc1943a6b0787b03bdf22a04f0d014b4e317e7d))

</details>

<details>
<summary>UI5/webcomponents (@&#8203;ui5/webcomponents-base)</summary>

###
[`v2.24.0`](https://redirect.github.com/UI5/webcomponents/blob/HEAD/packages/base/CHANGELOG.md#2240-2026-07-06)

[Compare
Source](https://redirect.github.com/UI5/webcomponents/compare/v2.23.2...v2.24.0)

**Note:** Version bump only for package
[@&#8203;ui5/webcomponents-base](https://redirect.github.com/ui5/webcomponents-base)

</details>

<details>
<summary>UI5/webcomponents-react
(@&#8203;ui5/webcomponents-cypress-commands)</summary>

###
[`v2.24.0`](https://redirect.github.com/UI5/webcomponents-react/releases/tag/v2.24.0)

[Compare
Source](https://redirect.github.com/UI5/webcomponents-react/compare/v2.23.2...v2.24.0)

##### Features

- **AnalyticalTable:** expose `className` & `classNameHeader` column
options
([#&#8203;8747](https://redirect.github.com/UI5/webcomponents-react/issues/8747))
([e3dc256](https://redirect.github.com/UI5/webcomponents-react/commit/e3dc256218fe17ad418d4185f5a3e9688a5eeb2c))
- update to UI5 Web Components 2.24.0
([#&#8203;8765](https://redirect.github.com/UI5/webcomponents-react/issues/8765))
([d0315a4](https://redirect.github.com/UI5/webcomponents-react/commit/d0315a48582e581ac87a0f8e0bbc8be75af3ebc3))

##### Bug Fixes

- **AnalyticalTable:** show expand icon in Quartz theme
([#&#8203;8716](https://redirect.github.com/UI5/webcomponents-react/issues/8716))
([bd15575](https://redirect.github.com/UI5/webcomponents-react/commit/bd155755c06b8090d69fbc2111ccb98e03fc7e74)),
closes
[#&#8203;8689](https://redirect.github.com/UI5/webcomponents-react/issues/8689)
- **deps:** update dependency
[@&#8203;tanstack/react-virtual](https://redirect.github.com/tanstack/react-virtual)
to v3.14.5
([#&#8203;8742](https://redirect.github.com/UI5/webcomponents-react/issues/8742))
([1e6f92d](https://redirect.github.com/UI5/webcomponents-react/commit/1e6f92dbb11432e2cf95f0937d4e09a29d5192d0))
- **MessageView:** reset filter and details when children change
([#&#8203;8717](https://redirect.github.com/UI5/webcomponents-react/issues/8717))
([dfa4e06](https://redirect.github.com/UI5/webcomponents-react/commit/dfa4e06c3346e8daf7e8f34e51bdacad33b0b39b)),
closes
[#&#8203;8707](https://redirect.github.com/UI5/webcomponents-react/issues/8707)
- **ObjectPageTitle:** correct screen reader reading order
([#&#8203;8753](https://redirect.github.com/UI5/webcomponents-react/issues/8753))
([cbdf944](https://redirect.github.com/UI5/webcomponents-react/commit/cbdf944bf404b0262abf83612459c89a29a44ddd)),
closes
[#&#8203;8752](https://redirect.github.com/UI5/webcomponents-react/issues/8752)

</details>

<details>
<summary>UI5/webcomponents (@&#8203;ui5/webcomponents-fiori)</summary>

###
[`v2.24.0`](https://redirect.github.com/UI5/webcomponents/blob/HEAD/packages/fiori/CHANGELOG.md#2240-2026-07-06)

[Compare
Source](https://redirect.github.com/UI5/webcomponents/compare/v2.23.2...v2.24.0)

##### Bug Fixes

- **ui5-dynamic-page:** prevent missing paddings at fractional
breakpoint widths
([#&#8203;13741](https://redirect.github.com/UI5/webcomponents/issues/13741))
([4772719](https://redirect.github.com/UI5/webcomponents/commit/47727198a13deb0ab653da2d7155c722e0b4c5d0)),
closes
[#&#8203;13725](https://redirect.github.com/UI5/webcomponents/issues/13725)
- **ui5-flexible-column-layout:** add aria-orientation=vertical to
separator
([#&#8203;13735](https://redirect.github.com/UI5/webcomponents/issues/13735))
([c4a5804](https://redirect.github.com/UI5/webcomponents/commit/c4a5804beff6c769fdd3017274ecf8ede208458d)),
closes
[#&#8203;13702](https://redirect.github.com/UI5/webcomponents/issues/13702)
- **ui5-flexible-column-layout:** correct desktop column widths for
ThreeColumnsStartHiddenMidExpanded
([#&#8203;13740](https://redirect.github.com/UI5/webcomponents/issues/13740))
([2d7dcb1](https://redirect.github.com/UI5/webcomponents/commit/2d7dcb127447d9bcbdf2fed8a814e4060500eb68)),
closes
[#&#8203;13693](https://redirect.github.com/UI5/webcomponents/issues/13693)
- **ui5-flexible-column-layout:** expose separator accessible name via
aria-label
([#&#8203;13776](https://redirect.github.com/UI5/webcomponents/issues/13776))
([7a44031](https://redirect.github.com/UI5/webcomponents/commit/7a44031c8086c43eeb07c3de783991f99ec3eeb9)),
closes
[#&#8203;13775](https://redirect.github.com/UI5/webcomponents/issues/13775)
- **ui5-search:** keep popup open on item click when search event is
prevented
([#&#8203;13750](https://redirect.github.com/UI5/webcomponents/issues/13750))
([081f8fa](https://redirect.github.com/UI5/webcomponents/commit/081f8fae5b0b34e82c68679474970276ed19e6d5))
- **ui5-shellbar-branding:** space key now triggers click event
([#&#8203;13686](https://redirect.github.com/UI5/webcomponents/issues/13686))
([c10d4e8](https://redirect.github.com/UI5/webcomponents/commit/c10d4e8782cacb4f9026794ec273bd6dd7d0b514))
- **ui5-shellbar-item:** fire click event when item is clicked in
overflow popover
([#&#8203;13738](https://redirect.github.com/UI5/webcomponents/issues/13738))
([890cffa](https://redirect.github.com/UI5/webcomponents/commit/890cffa3c621c12f23e4b04a4ec80700542ff458))
- **ui5-shellbar-search:** fix closing popup on tapping magnifier icon
in mobile
([#&#8203;13728](https://redirect.github.com/UI5/webcomponents/issues/13728))
([47c89c7](https://redirect.github.com/UI5/webcomponents/commit/47c89c7c26aa2aca3019ba88b7049585e46b9d3c))
- **ui5-shellbar:** return overflow button from notificationsDomRef when
action is in overflow
([#&#8203;13752](https://redirect.github.com/UI5/webcomponents/issues/13752))
([240b00d](https://redirect.github.com/UI5/webcomponents/commit/240b00d0b42cfae41eff558723f2476d3fda4176))

##### Features

- **ui5-user-menu:** support non-interactive avatar state
([#&#8203;13732](https://redirect.github.com/UI5/webcomponents/issues/13732))
([101aaf2](https://redirect.github.com/UI5/webcomponents/commit/101aaf2dc78af551bec0d701db8c4d521d5f72ff))

</details>

<details>
<summary>UI5/webcomponents (@&#8203;ui5/webcomponents-icons)</summary>

###
[`v2.24.0`](https://redirect.github.com/UI5/webcomponents/blob/HEAD/packages/icons/CHANGELOG.md#2240-2026-07-06)

[Compare
Source](https://redirect.github.com/UI5/webcomponents/compare/v2.23.2...v2.24.0)

**Note:** Version bump only for package
[@&#8203;ui5/webcomponents-icons](https://redirect.github.com/ui5/webcomponents-icons)

</details>

---

### Configuration

📅 **Schedule**: (UTC)

- Branch creation
  - At any time (no schedule defined)
- Automerge
  - At any time (no schedule defined)

🚦 **Automerge**: Enabled.

♻ **Rebasing**: Whenever PR is behind base branch, or you tick the
rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about these
updates again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR was generated by [Mend Renovate](https://mend.io/renovate/).
View the [repository job
log](https://developer.mend.io/github/UI5/webcomponents-react).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0My4yNDIuMiIsInVwZGF0ZWRJblZlciI6IjQzLjI0Mi4yIiwidGFyZ2V0QnJhbmNoIjoibWFpbiIsImxhYmVscyI6WyJkZXBlbmRlbmNpZXMiXX0=-->

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

Author: renovate[bot]

examples/nextjs-app/package-lock.json

@@ -9,10 +9,10 @@
     "lint": "eslint ."
   },
   "dependencies": {
-    "@ui5/webcomponents": "2.23.2",
-    "@ui5/webcomponents-base": "2.23.2",
-    "@ui5/webcomponents-fiori": "2.23.2",
-    "@ui5/webcomponents-react": "2.23.2",
+    "@ui5/webcomponents": "2.24.0",
+    "@ui5/webcomponents-base": "2.24.0",
+    "@ui5/webcomponents-fiori": "2.24.0",
+    "@ui5/webcomponents-react": "2.24.0",
     "@types/node": "24.13.2",
     "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",